@charset "utf-8";

@font-face {font-family: 'GmarketSansBold';src: url('font/GmarketSansBold.woff') format('woff'); font-weight: normal; font-style: normal;}
@font-face {font-family: 'GmarketSansMedium';src: url('font/GmarketSansMedium.woff') format('woff');font-weight: normal;font-style: normal;}
@font-face {font-family: 'GmarketSansLight';src: url('font/GmarketSansLight.woff') format('woff');font-weight: normal;font-style: normal;}

#wrapper{width:100%;height:100%; font-family:'NanumSquare'; background: #f0f0f0 url(../new_img/etc/bgcovid.jpg) no-repeat center top; min-height:760px  } /*background-size: contain;*/
#header{position: relative; }


/*상단 */
.top1 {position: relative;margin: 0 auto;border-bottom: 1px solid #2aa88b;min-height:89px; }
.content_box{width: 1200px;margin: 0 auto;} /*1200공통 */
.content_box .logo {width:410px;float: left;margin-top: 10px;}

.content_box .sns {float: right;margin-top:20px;margin-left: 10%;right: 150px;position: relative;}
.content_box .sns li{margin-right: 5px;float: left;}
.content_box .sns li a{display: inline-block;width: 40px;height: 40px;border-radius: 50%;text-indent: -9999px;position: relative;}
.content_box .sns .ic1 a{background-color: #ffffff}
.content_box .sns .ic2 a{background-color: #ffffff}
.content_box .sns .ic3 a{background-color: #ffffff}
.content_box .sns .ic4 a{background-color: #ffffff}
.content_box .sns .ic5 a{background-color: #ffffff}
.content_box .sns li a::after{content: "";display: inline-block; background-image: url(../new_img/etc/sns.png); background-repeat: no-repeat;position: absolute;}
.content_box .sns .ic1 a::after{width: 10px;height: 18px;top: 11px;left: 14px;background-position: 0 -28px;}
.content_box .sns .ic2 a::after{width: 20px;height: 18px;top: 12px;left: 11px;background-position: -40px -28px;}
.content_box .sns .ic3 a::after{width: 14px;height: 18px;top: 11px;left: 14px;background-position: -90px -28px}
.content_box .sns .ic4 a::after{width: 18px;height: 18px;top: 11px;left: 12px;background-position: -134px -28px;}
.content_box .sns .ic5 a::after{width: 20px;height: 18px;top: 11px;left: 10px;background-position: -179px -28px;}


.lang_box{float: right;width: 140px;height: 38px;position: relative;right: -350px;top: 20px;}
.btn_lang{display: inline-block;width: 100%;height: 35px;background: #333c59 url('/new_img/geumjeong/common/lang_ic.png') 16px center no-repeat;font-size: 13px;font-weight: bold;color: #fff;position: relative;box-sizing: border-box;line-height: 34px;text-align: center;padding: 0 16px 0 22px;margin-top: 4px;}
.btn_lang::after{content: "";display: inline-block;position: absolute;width: 0;height: 0;border-left: 4px solid transparent;border-right: 4px solid transparent;border-top: 4px solid #fff;right: 15px;top: 17px;}
.lang_box ul{position: absolute;top: 38px;left:0;background: rgba(51,60,89,0.93);width: 100%;z-index: 200;display: none;}
.lang_box li{padding-top: 5px;padding-bottom: 5px;border-bottom: 1px solid rgba(255,255,255,0.3)}
.lang_box li:last-child{border-bottom: 0;margin-bottom: 0;}
.lang_box li.color7 {background: rgb(117 122 136 / 93%);}
.lang_box li a{display: block;text-align: center;color: #fff !important;}
.lang_box li a:link {color: #ffffff !important;}
/* .lang_box li a:focus, .lang_box li a:link, .lang_box li a:visited, .lang_box li a:active {color: #ffffff !important;} */
.lang_box .g_lang_txt{display: inline-block;background: url('/new_img/common/icon-google.png') no-repeat;padding-left: 20px;text-align: left !important;color: #fff;font-family: 'Nanum Gothic';}


#google_translate_element .goog-te-gadget-simple{background: none;width:100%;height:100%;border:none;font-size:15px;position:relative;}
#google_translate_element .goog-te-gadget-simple::after{content:"";display:inline-block;position:absolute;width:0;height:0;border-left:4px solid transparent;border-right:4px solid transparent;border-top:4px solid #fff;right:24px;bottom:11px;}
#google_translate_element .goog-te-gadget-simple img{display:none;}
#google_translate_element .goog-te-menu-value span:last-child,
#google_translate_element .goog-te-menu-value span:nth-child(3){display:none;}

.lang_box .g_lang .g_lang_txt{display: inline-block;padding-left: 20px;position: relative;}
.lang_box .g_lang .g_lang_txt::before{display: inline-block;content: "";width: 19px;height: 19px;position: absolute;left: 0;top: 4px;background: url('/new_img/common/icon-google.png') no-repeat;}
.lang_box .g_lnag_select{left: 140px;top: 94px;display: none !important;}
.lang_box .g_lnag_select.on{display: inline-block !important;}
@media all and (max-width: 1200px){
.lang_box{float: none;margin: 10px auto 30px;position:relative;right: 0;}
}



/*공통*/
.clear_b{clear:both;}
.clear_b:after{clear: both;} 
.mb50 {margin-bottom:50px;}
/* font-color */
.col_oran, .col_oran a{color:#ff663a !important;}
.col_yell{color:#ffff00 !important;}
.col_blue{color:#0085db !important}
.col_blue2{color:#0e51b8 !important}
.col_blue3{color:#294baa !important}
.col_green{color:#007359 !important;}
.col_gray{color:#676767 !important;}
.col_red,.col_red a{color:#d84351 !important;}
.col_purple{color:#8055b4 !important;}
.col_black{color:#000 !important;}
.col_violet{color:#e814af !important;}

.bac_gray{background-color:#f0f0f0;}

.ic_point{padding-left: 26px;position: relative;font-size: 17px;color:#d84351;text-align:center;font-weight: bold;}
.ic_point::before{content: "!";display: inline-block;font-size: 16px;width: 21px;height: 21px;line-height: 21px;text-align: center;font-weight: bold;color: #fff;background-color: #d84351;position: relative;top: -1px;margin-right:5px;border-radius:6px; }

/*.pep_bg {min-height:434px;   background: url(/new_img/etc/pep1.png) no-repeat;  background-position:center;  } 기존 속 배경*/

/*상단 */
.covid_tit{position: relative; font-size:45px;font-family: 'GmarketSansBold';color:#fff; text-align: center; margin-bottom:22px;margin-top:48px;line-height:55px }
.covid_tit span.data_today{display:block; font-size:22px;  color:#ffffff; } /*padding:15px 0;*/
.covid_tit span.data_today::after {content: "";display: inline-block;position:absolute; width:76px; height:1px; top:80px; right:360px; background:#2aa88b }
.covid_tit span.data_today::before {content: "";display: inline-block;position:absolute; width:76px; height:1px; top:80px; left:360px; background:#2aa88b }


.con_box{position: relative; background:#fff; border-radius:30px; overflow: hidden;box-shadow: 10px 10px 15px rgba(0, 0, 0, 0.1); }
.con_box div.geumjeong_box{position: relative;width:100%;padding: 40px 0 0 0;box-sizing:border-box;} /*border-right:1px solid #01896a;*/

#covid_data{overflow: hidden;width:80%; margin: 0 auto;}
#covid_data li{position: relative;  float:left; width:49%; margin-right:0.5%;text-align: center; padding:20px 0; color:#000; }
#covid_data li span.title{display:inline-block;color:#000;font-size:20px;font-weight: bold; letter-spacing: -1px;border-top: 1px solid #dddddd;padding-top:15px;    }/*margin-top:2px;*/
#covid_data li span.num{display:inline-block;font-size:50px;font-weight: bold;  letter-spacing: -2px; padding-bottom:15px; margin:0 auto; margin-bottom:18px; } /*border-bottom: 1px solid #dddddd;*/
#covid_data li span.num1{display:inline-block; font-size:20px;font-weight: bold;   }
#covid_data li:nth-child(4){margin-right:0;}
.con_box div.geumjeong_box p.explain {background:#f9f9f9; text-align:center;  padding:15px 7px; margin-top:7px;}
.con_box div.geumjeong_box p.exe_dd {text-align:right;margin:0 20px 0 0;font-weight:bold;font-size:18px;color: #939393;}
.con_box div.geumjeong_box p.exe_dd2 {position:absolute; bottom:15px; left:20px; font-size:15px; font-weight:normal; text-align:left; color:#777;}

.bu3 {position: relative;margin:20px 0 20px 0 }
.bu3:after{display:block;clear:both;content:''}
.bu3 ul{padding-top:48px; display:inline-block;width:100%; font-size: 18px; font-weight: bold;}
.bu3 li{float:left;margin:0 0 10px 0;}
.bu3 li a{display:block;color:#00765b;border-radius:30px 0 30px 0;margin-left:20px;text-decoration:none;padding: 20px 30px 20px 29px;background:#ffffff url('../new_img/etc/icon_arrow001.png') no-repeat;background-position:90% 50%;} /*border:2px solid #019775; */
/*.bu3 li a:nth-child(1){margin-left:0px; }*/
.bu3 li:nth-child(1) a{margin-left:0}
.bu3 li:nth-child(5) a{margin-left:0}
.bu3 li a:hover,.bu3 li a.on,.bu3 li a:focus{color:#098de0; /*border: 0;*/}
.bu3 li a.on,.bu3 li a:hover{color:#fff;background:#009ebc url('../new_img/etc/icon_arrow003.png') no-repeat;background-position:90% 50%; /*border: 0;*/}

.li4 li{width:25%;} /* 4칸 */

.bu3 li a.geum_home {color:#fff; border:0;background:#294baa url('../new_img/etc/icon_arrow003.png') no-repeat;background-position:90% 50%;}
.bu3 li a.geum_link {color:#000000; border:0;background:#ffd71a url('../new_img/etc/icon_arrow002.png') no-repeat;background-position:90% 50%;}




.section3 {position: relative; width:1200px; margin:0 auto;  } /*회색 블럭 */
.section3::after{display:block;clear:both;content:''}

.left_box{float:left; width:25%;margin:60px 0;position:relative;  }
.left_box .box_001{position:absolute;top: 131px;right:-100px;background: url('../new_img/etc/covid_hero.png') no-repeat bottom right;z-index:111;width:359px;height:174px;}
.left_box h2 {color:#007c60;font-family: 'GmarketSansBold'; font-size:30px;line-height:42px;letter-spacing: -2.3px; }
.left_box p {color:#007c60;font-family: 'GmarketSansBold';/*font-size:24px;*/font-size:22px;line-height:30px;letter-spacing: -2px;  }
/*.left_box .box_001:first-child a{color:#fff;}
.left_box .box_001 span{display: block; font-family: 'GmarketSansMedium'; padding-top:10px;}
.left_box .box_001:last-child{background:#fff url(/images/covid/box_2.png) no-repeat 90% 50%; color:#000;}*/


.right_box{position: relative;width:75%;float:right;background:#fff;border-radius:30px;box-sizing:border-box;padding:40px 30px;font-size:20px;min-height: 220px;margin:60px 0;}
.right_box ul{clear:both;width:100%; margin:auto 0;text-align: center;}
.right_box ul li {display:inline-block;width:18%;height:140px;/* padding: 10px 10px; */}/* float:left;*/
.right_box ul li span{color:#4ea0ae;position:absolute; width:1px; height:1px; font-size:0; line-height:0; overflow:hidden; z-index:-1}
.right_box ul li:nth-child(1){background:url('../new_img/etc/covid_stop01.png') no-repeat center top; } /*background-size:80%*/
.right_box ul li:nth-child(2){background:url('../new_img/etc/covid_stop02.png') no-repeat center top;}
.right_box ul li:nth-child(3){background:url('../new_img/etc/covid_stop03.png') no-repeat center top;}
.right_box ul li:nth-child(4){background:url('../new_img/etc/covid_stop04.png') no-repeat center top;}
.right_box ul li:nth-child(5){background:url('../new_img/etc/covid_stop05.png') no-repeat center top;}
.right_box p{text-align: center; margin-top:20px; padding:20px 0; border-top:1px solid #f6f6f6;}

/* //상단 */

/*버튼 탭식 - 임시 */
.list_handler {text-align: center; margin-bottom:30px;margin-top:20px}
.list_handler_msg {text-align: right; margin-bottom:10px;}
.list_handler button {display:inline-block;vertical-align: top;padding: 13px 40px;font-size:1em;margin:0 5px;/* border-radius:25px; */}
.list_handler button.open {background:#0067ae; color:#fff;}
.list_handler button.close {background:#efefef;}
/*  //버튼 탭식 - 임시 20.12.21 */





.con1 .con_box1 { position: absolute;  top :80px; left:30px; width:321px; height:270px; background: url(/new_img/etc/box1.png) no-repeat;  }
.title1{ color:#fff843; font-size:50px; font-weight: normal;}
.title1 #counter1 { width:150px; padding-top:20px;   display:inline-block; font-size:90px;  line-height:110px; font-weight: bold;}
.title2{ background: url(/new_img/etc/dot1.png) no-repeat 0 7px; padding-left:50px;  color:#fff; font-size:17px;  line-height:20px;}



.co_state { width:100%; box-shadow: 10px 10px 15px rgba(0, 0, 0, 0.1);}
.co_state thead th{height:46px; background-color:#efefef; text-align:center; border-right: 1px solid #e7e7e7; font-size:18px; word-break: keep-all; padding:0 5px;}
.co_state tbody td{background-color:#fff; text-align:center; border-right: 1px solid #e7e7e7; border-top: 0; font-size:18px; padding: 20px 0 10px 0;}
.co_state tbody td:last-child {border-right:0;}
.yo1 {background-color:#078f84 !important; color:#fff;  border:0 !important; }
.yo2 {background-color:#07998d !important; color:#fff;  border:0 !important; }




h2.title {background: url(/new_img/etc/dot2.png) no-repeat;  font-size: 28px; line-height: 60px;  color: #000; float:left; font-family:'NanumSquare';}
h3.title {margin:30px 0 16px 0;padding:2px 0 0 27px;font-family:'NanumSquare';font-size:20px;color:#2a56a9;line-height:22px;font-weight:700;background:url('/new_img/common/h2_dot.png') no-repeat 0 2px}


/*기본 테이블 들 */
.board_search{padding:15px 2px !important;;text-align:right;background:none !important;border:0 !important;}/*background:#f6f6f6;border:1px solid #e7e7e7;border-width:1px 1px 0 1px;*/
.board_search select{font-family:'NanumSquare'; padding:4px;height:40px;font-size:17px;border:1px solid #c0c0c0;}
.board_search input[type="text"]{padding:5px;width:45%;height:1px;background:#fff;border:1px solid #c0c0c0;border-width:1px 0 1px 1px}
.board_search input[type="submit"]{font-family:'NanumSquare'; width: 60px;height:40px;font-size:17px;color:#fff;background:#696969;border:0;cursor:pointer;}

 table { font-family:'NanumSquare'; }
.t_typel th,.t_typel td{border:0}
.t_typel {width:100%;font-size:17px;border-spacing:0;border-top:2px solid #5c81c6;border-left:0;border-right:0;border-bottom:1px solid #ccc;border-collapse: collapse}
.t_typel tr { text-align: center; }
.t_typel thead th{padding:10px 0;color:#333;line-height:18px;background:#f6f6f6;border-bottom:1px solid #afafaf;border-left:1px solid #afafaf;}
.t_typel thead th:first-child{border-left:0}
/*.t_typel thead tr:nth-of-type(2) th:first-child{border-left:1px solid #ccc !important;}*/
.t_typel thead tr th.fnone{border-left:0 !important; }
.t_typel thead th[colspan]{border-bottom:1px solid #afafaf;}/* th가 두줄이상으로 합쳐질때 border-bottom 값 */
.t_typel thead th[rowspan]{border-right:1px solid #afafaf;}/* th가 두줄이상으로 합쳐질때 border-right 값 */
.t_typel thead th[rowspan]:last-child{border-right:0}
.t_typel thead th.none{border-bottom:1px solid #4ba0d8;}/* th가 한줄일때 class추가 */
.t_typel tbody th{padding:10px 5px;color:#264683;font-weight:bold;background:#f1f5fc;border-bottom:1px solid #ccc}
.t_typel tbody th[rowspan]{border-right:1px solid #ccc}
.t_typel tbody tr:first-child th,.t_typel tbody tr:first-child td{border-top:1px solid #a5a5a5}
.t_typel tbody td{padding:10px 5px;background:#fff;border-left:1px solid #ccc;border-bottom:1px solid #ccc}
.t_typel tbody td:first-child{border-left:0}
.t_typel tbody td[rowspan]{border-right:1px solid #ccc}
.t_typel tbody td[rowspan]:last-child{border-right:0}
.t_typel tbody td+th{border-left:1px solid #ccc}
.t_typel tfoot th{padding:10px 5px;color:#264683;background:#f1f5fc;border-right:1px solid #ccc;}
.t_typel tfoot td{padding:10px 5px;border-left:1px solid #ccc;}
.t_typel tfoot td[colspan]{border-left:0}
.t_typel tbody th.line,.t_typel tbody td.line,.t_typel tbody tr.line td,.t_typel tbody tr.line th{border-bottom:1px dashed #ccc}
.t_typel thead tr th.h_line,.t_typel tbody th.h_line{border-left:1px solid #ccc}
.t_typel tr.h_line th{border-left:1px solid #ccc}
.t_typel tr.h_line th:first-child{border-left:0}
.t_typel tr.bg th,.t_typel tr.bg td,.t_typel th.bg,.t_typel td.bg{background:#f6f6f6 !important}

table.t_typel .state {display:inline-block; vertical-align: middle; width:16px; height:16px; text-indent:-9999px; overflow:hidden; background-image: url(/new_img/etc/ico_state.png); background-repeat: no-repeat;}
table.t_typel .state[data-state='1'] {background-position: 0 0;}
table.t_typel .state[data-state='2'] {background-position: -16px 0;}
table.t_typel .state[data-state='3'] {background-position: -32px 0;}
table.t_typel .state[data-state='4'] {background-position: -48px 0;}



.ori_data { text-align:right; font-size: 17px; margin-top: 10px;}

.geum_tel { margin-top:20px;  text-align:center; font-size:22px;  background-color:#ffd738; line-height:100px; font-weight: bold;  color: #000; }
.section4 {padding-top:60px; position: relative; width:100%; margin:0 auto; background-color:#fff; }


.top_title_wrap { position:relative; overflow:hidden; clear:both;}
.title_etc { width:50%; margin: 20px 0 0 190px; font-size: 17px;line-height:55px} 
.troutebtn{ position: absolute; right:0; top:10px; }
.troute_open{ display:inline-block;  }
/*.troute_open a{ background-color:#4b69ba; padding: 12px 20px; font-size:17px; color:#fff}*/
.troute_open button{ background-color:#4b69ba; padding: 12px 20px; font-size:17px; color:#fff}
.troute_close{margin-left:5px; display:inline-block;  }
.troute_close button{ background-color:#e9e9e9; padding:12px 20px; font-size:17px;}


.notice_border { position:relative; clear:both; border:1px solid #4b69ba; margin:20px 0;}
.notice_border::after {clear:both; display:block; content:"";}
.notice_border p {position:relative; color:#2648a6; font-weight:800; font-size:22px; margin:30px auto; padding-left:100px; line-height:28px; max-width:800px;}
.notice_border p::before {position:absolute; content:""; top:-10px; left:0; width:78px; height:78px; background:url('/new_img/etc/ic_information.gif') 0 0 no-repeat;}
.notice_border div {background:#f9f9f9; padding:20px;}
.notice_border ul {display: table; margin: 0 auto;}
.notice_border ul li {position:relative; font-size:17px; color:#555; padding-left:10px; margin-bottom:10px;}
.notice_border ul li::before { position:absolute; content:""; top:9px; left:0; width:3px; height:3px; border-radius:50%; background:#9a9a9a;}
.notice_border ul li:last-child {margin-bottom:0;}
.notice_border div .down_btn {font-size:15px; display:block; margin-top:16px; text-align:center;}
.notice_border div .down_btn a {display:inline-block; border:1px solid #2648a6; color:#2648a6; padding:10px; background:#fff;}
.notice_border div .down_btn a:hover {background:#2648a6; border:1px solid #2648a6; color:#fff;}


.notice_border1 {position:relative; clear:both; border:1px solid #4b69ba; margin:20px 0;}
.notice_border1::after {clear:both; display:block; content:"";}
.notice_border1 p {color:#2648a6; font-weight:800; font-size:22px; margin:30px 20px 20px; line-height:28px; text-align:center;}
.notice_border1 .n_list {overflow:hidden; padding:0 20px;}
.notice_border1 .n_list::after {clear:both; display:block; content:"";}
.notice_border1 .n_list li {position:relative; float:left; width:33.3%; min-height:210px; text-align:center; border-right:1px dotted #b2b2b2; font-size:17px; padding:110px 20px 0; word-break:keep-all; box-sizing:border-box;}
.notice_border1 .n_list li:last-child { border-right:0;}
.notice_border1 .n_list li dl dt {font-size:22px; color:#2648a6; margin-bottom:10px; font-weight:bold;}
.notice_border1 .n_list li::before {position:absolute; top:0; left:calc(50% - 50px); width:100px; height:100px; content:'';}
.notice_border1 .n_list li.ic1::before {background:url('/new_img/etc/ic_info1.png') 0 0 no-repeat;}
.notice_border1 .n_list li.ic2::before {background:url('/new_img/etc/ic_info2.png') 0 0 no-repeat;}
.notice_border1 .n_list li.ic3::before {background:url('/new_img/etc/ic_info3.png') 0 0 no-repeat;}
.notice_border1 div {background:#f9f9f9; padding:20px; margin-top:30px;}
.notice_border1 div .down_btn {font-size:15px; display:block; margin-top:16px; text-align:center;}
.notice_border1 div .down_btn a {display:inline-block; border:1px solid #2648a6; color:#2648a6; padding:10px; background:#fff;}
.notice_border1 div .down_btn a:hover {background:#2648a6; border:1px solid #2648a6; color:#fff;}


div .down_btn {font-size:15px; display:block; margin:0 0 50px 0; text-align:center;}
div .down_btn a {display:inline-block; border:1px solid #2648a6; color:#2648a6; padding:10px; background:#fff;}
div .down_btn a:hover {background:#2648a6; border:1px solid #2648a6; color:#fff;}


.trouteli li { line-height:24px; font-size: 17px; color: #333; padding: 10px 0;}
.trouteli li span { font-size:17px; color:#294baa; padding: 0 10px 0 0; font-weight:bold; border-right: 1px solid #a3a3a3; margin-right: 10px;}



/* 상단 헤더팝업 */
.mConBox_pop{width: 100%;height:200px;position: relative;overflow: hidden;background-color: #deeefe;}
.mConBox_pop .pop_conBox{width: 1200px;height:100%; margin:0 auto;position: relative;background: url(/new_img/geumjeong/popup/m_top_pop_bg2020.png) 0 bottom no-repeat;}
.mConBox_pop .titBox{width: 48%;position: absolute;left: 48%;top:28px;}
.mConBox_pop .titBox h2{font-family: 'NanumSquare';font-size: 28px; font-weight:bold;color:#002568 ;margin:0 0 10px 0;line-height: 1; font-weight:900; word-break:keep-all;}
.mConBox_pop .titBox ul { display:block; margin-bottom:10px;}
.mConBox_pop .titBox ul li {color:#444; line-height:20px;}
.mConBox_pop .titBox ul li strong {margin-right:10px; padding-right:10px; border-right:1px solid #b2becb;}

.mConBox_pop .titBox .ic_blank{display: inline-block;padding: 0 16px 0 42px;height: 38px; font-size:15px; line-height: 38px;color: #fff;background: #005dbc url(/new_img/geumjeong/popup/ic_blank.png) 16px center no-repeat;transition: background-color 0.3s;}
.mConBox_pop .titBox .ic_blank:hover{background-color: #003fb3;}
.mConBox_pop .titBox .link2 {background: #003a89 url(/new_img/geumjeong/popup/ic_blank.png) 16px center no-repeat; margin-left:4px;}
.mConBox_pop .titBox .link2:hover{background-color: #002465;}

.mConBox_pop .closeBox{height: 32px;position: absolute;bottom: 17px;right: 0;line-height: 30px;display: inline-block;color: #555;}
.mConBox_pop .closeBtn{width:32px;height: 32px;margin-left: 12px;background: url(/new_img/geumjeong/popup/m_top_pop_close.png) center center no-repeat;display: inline-block;text-indent: -9999px;}

/* 상단 슬라이드 기본설정 */
.swiper-container {
  margin-left: auto;
  margin-right: auto;
  position: relative;
  overflow: hidden;
  /* Fix of Webkit flickering */
  z-index: 1;
}
.swiper-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-transition-property: -webkit-transform;
  -moz-transition-property: -moz-transform;
  -o-transition-property: -o-transform;
  -ms-transition-property: -ms-transform;
  transition-property: transform;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}
.swiper-slide {
  -webkit-flex-shrink: 0;
  -ms-flex: 0 0 auto;
  flex-shrink: 0;
  width: 100%;
  height: 100%;
  position: relative;
}





@media all and (max-width:1200px){


    #wrapper { max-height:930px; background:#029777 url('../new_img/etc/bgcovid.jpg') no-repeat center top;}

	#covid_data {width:90%;}

	.covid_tit span.data_today::after {content: "";display: inline-block;position:absolute;width:76px;height:1px;top:80px;right: 355px;background:#2aa88b;}
    .covid_tit span.data_today::before {content: "";display: inline-block;position:absolute;width:76px;height:1px;top:80px;left: 355px;background:#2aa88b;}
    
	.top1, .con1, .section3, .section4{width: 100% !important;}
	.content_box{width:96%; clear:both}
	.con_box1, .sns { display:none; }
	.content_box .logo  { float:none; width:300px; margin:0 auto !important; text-align:center !important;padding:26px 0 0 0} 

     .covid_tit span.data_today::after {right: 240px;}
     .covid_tit span.data_today::before {left: 240px;}

    
    .section3{ background:#f0f0f0 !important }
	.section4{ height:auto !important;}
	
    .bu3 ul{padding-top:28px; }
	.bu3 ul li:nth-child(2n+1) a{margin-left:0}
	.li4 li{width:50%;}/* 4칸 */

    h2.title{  width:100%; float:left;   display:block;}
	.title_etc {  width:100%; float:left; margin:0 0 10px 0; display:block; } 
    .troutebtn { position:relative; width:100%; float:left;  top:0; margin:0;  display:block; }
    .troute { margin-top:20px;}
	.geum_tel {font-size:20px;line-height:30px;padding:20px 0;}
	
	.top_title_wrap {min-height:140px;}
	.notice_border p {margin:30px; max-width:none; font-size:20px;}

	.mConBox_pop .pop_conBox{width:100%;}



}

@media all and (max-width: 1120px){


   
 .left_box{width:35%}
 .left_box h2 br{display:none}
 .right_box{width:60%}

 	.right_box ul li:nth-child(1){background-size:95%}
	.right_box ul li:nth-child(2){background-size:95%}
	.right_box ul li:nth-child(3){background-size:95%}
	.right_box ul li:nth-child(4){background-size:95%}
	.right_box ul li:nth-child(5){background-size:95%}

}

/* tablet device */
@media all and (max-width: 1024px){
  .mConBox_pop .pop_conBox {background-size:48%;}
  .mConBox_pop .titBox{width: 60%; left:46%;}
  .mConBox_pop .titBox span{font-size: 18px;}
  .mConBox_pop .titBox h2{font-size: 28px;}
  .mConBox_pop .closeBox{right: 20px; bottom: 8px;}


   .top1 {min-height:50px !important; }
   .content_box .logo  {padding:5px 0 0 0} 
   .covid_tit {margin-top:29px}
   .covid_tit span.data_today::after {right:10%;}
   .covid_tit span.data_today::before {left:10%;}




  .left_box{float:left; width:100%;margin:60px 0;position:relative;  }
  .left_box .box_001{position:absolute;top: -19px;right: 47px;background-size:80%;/* z-index:-2 */}
  .left_box h2 {font-size:34px;line-height:38px;letter-spacing: -2px;margin-left:20px }
  .left_box h2 br{display:none}
  .left_box p {font-size:28px;line-height:36px;margin-left:20px  }
  .right_box{width:95%;right: 3%;background:#fff;border-radius:30px;box-sizing:border-box;/* padding:20px 10px; *//* min-height:130px; */margin:20px 0;}
  .right_box ul li {display:inline-block;width:18%;}/* float:left; height: 110px;*/
  .right_box ul li:nth-child(1), .right_box ul li:nth-child(2),.right_box ul li:nth-child(3), .right_box ul li:nth-child(4), .right_box ul li:nth-child(5){background-size: 70%;}

  .geum_tel {margin-top:0px}

  
  
}


@media all and (max-width: 900px){
  .mConBox_pop .pop_conBox{background: none; text-align:center;}
  .mConBox_pop .titBox{width: 100%;left:0;top:20px;}
  .mConBox_pop .titBox ul {text-align:left; padding-left: 22%;}
  .right_box{min-height: 100px;padding: 20px 20px 20px 20px;}
  .right_box ul li {height:100px; }

  .notice_border1 p {font-size:20px; margin:30px 20px 0;}
  .notice_border1 .n_list li {width:100%; border-right:0; border-bottom:1px dotted #b2b2b2; padding:130px 20px 20px;}
  .notice_border1 .n_list li:last-child {border-bottom:0;}
  .notice_border1 .n_list li::before {top:20px;}
  .notice_border1 .n_list li dl dt {font-size:20px;}
  .notice_border1 div {margin-top:0;}

}

@media all and (max-width:800px){	
	/* 모바일 테이블 가로스크롤(큰테이블) */
	.mb_scroll.large{position:relative;}
	.mb_scroll.large .tbBox{position:relative;padding-top:20px;width:100%;overflow:auto}
	.mb_scroll.large table{width:640px}
	.mb_scroll.large::before{position:absolute;top:-5px;right:0;content:'좌우Scroll ▶';font-size:14px}
	.left_box h2 {font-size:31px;}
	.con_box div.geumjeong_box p.exe_dd2{bottom:60px;}

	#covid_data li {width:48%;}
	#covid_data li:nth-child(1),
	#covid_data li:nth-child(2) {padding-bottom:36px;}
	
}
	

@media all and (max-width:640px){

    #wrapper { max-height:1000px; } 

    .top1 {min-height:50px !important; }
    .content_box .logo  {padding:5px 0 0 0} 

    .covid_tit {margin-top: 28px;margin-bottom: 10px;}
    .covid_tit span.data_today{ font-size:19px; }

	.geum_tel {padding:20px;}
	.geum_tel img{ display:none; }



	#counter1{ font-size: 50px;}
	 h2.title {font-size:24px;}

	.troute dd {padding: 18px 20px 18px 28px;}

	.mConBox_pop .titBox span{font-size: 16px;}
    .mConBox_pop .titBox h2{font-size: 24px; padding:0 20px;} 
    
    .bu3 ul{padding-top:10px; }
    .bu3 li a {padding: 15px 20px 15px 30px;}
    /*.bu3 ul li a{margin-left:0 !important}*/
    .li4 li{}/* width:100%; 4칸 */

     .left_box{margin:30px 0 5px 0;}
    .left_box .box_001{position:absolute;top: -19px;right: 47px;background-size:50%;z-index:-2;display: none;width: 1px;}
    .right_box{min-height: 90px;padding: 20px 10px 5px 10px;}
    .right_box ul li {height: 84px;}
    .right_box ul li:nth-child(1){background-size: 70%;}
	.right_box ul li:nth-child(2){background-size:70% }
	.right_box ul li:nth-child(3){background-size:70% }
	.right_box ul li:nth-child(4){background-size:70%}
	.right_box ul li:nth-child(5){background-size:70%}

	.covid_tit span.data_today::after {display:none;}
	.covid_tit span.data_today::before{display:none;}

	/* 모바일 테이블 가로스크롤 */
	.mb_scroll{position:relative;}
	.mb_scroll .tbBox{position:relative;padding-top:20px;width:100%;overflow:auto}
	.mb_scroll table{width:640px}
	.mb_scroll::before{position:absolute;top:-5px;right:0;content:'좌우Scroll ▶';font-size:14px}

	.mb_scroll .organization_con{width:703px}

	.mb_scroll.con_scroll{overflow-x: auto;padding-top: 20px;}
	
	.mb_scroll.bot_scroll{padding-bottom: 25px;}
	.mb_scroll.bot_scroll .tbBox{padding-top: 0;}
	.mb_scroll.bot_scroll::before{top:inherit;bottom: 0px;}
}




@media all and (max-width:560px){

	.title1 {font-size: 40px;}
	.title1 #counter1 { width: 100px; font-size: 60px; line-height: 68px;}
	
	.right_box .title4 { padding-top: 28px;}



	.co_state thead th {font-size:17px;}
	.co_state tbody td {font-size:17px;}

	.bu1 li ul li { width: 106px; color: #fff;  line-height: 24px; font-size: 15px;}
	#counter2, #counter3, #counter4, #counter5 {font-size: 18px;}

    #covid_data li span.title{display:inline-block;color:#000;font-size:16px;}
	#covid_data li span.num{font-size:40px; }
    #covid_data li span.num1{ font-size:17px;font-weight: bold;}

}

@media (max-width: 500px){


	.mConBox_pop .titBox h2 {padding:0 20px;}
	.mConBox_pop .titBox ul {padding-left: 8%;}
	/*.bu3 li a {background:#ffffff;}
	.bu3 li a.on,.bu3 li a:hover{background:#ffffff;}
    .bu3 li a.geum_home {background:#294baa;}
    .bu3 li a.geum_link {background:#ffd71a;}*/
    .bu3 li a {font-size: 16px;margin-left: 10px;}

    .right_box ul li:nth-child(1),.right_box ul li:nth-child(2), .right_box ul li:nth-child(3), .right_box ul li:nth-child(4), .right_box ul li:nth-child(5){background-size:75%}
	.left_box h2 {font-size:35px;}
	.right_box ul li {height: 75px;}

	.con_box div.geumjeong_box {padding:20px 0 0 0;}
	#covid_data li:nth-child(1),
	#covid_data li:nth-child(2) {padding-bottom:20px;}
	#covid_data li span.num{font-size:32px; padding-bottom:0;}

	
}
@media all and (max-width:440px){
	.bu3 li a {font-size: 16px;letter-spacing: -2px;background: #ffffff url('../new_img/etc/icon_arrow001_s.png') no-repeat;background-position: 90% 50%;}
	.bu3 li a.geum_home {color:#fff; border:0;background:#294baa url('../new_img/etc/icon_arrow003_s.png') no-repeat;background-position:90% 50%;}
    .bu3 li a.geum_link {color:#000000; border:0;background:#ffd71a url('../new_img/etc/icon_arrow002_s.png') no-repeat;background-position:90% 50%;}

}


@media all and (max-width:420px){
	.mConBox_pop { height:240px;}
	.mConBox_pop .titBox ul {padding-right: 20px;}	

	.left_box h2 {font-size:33px;}
	.right_box ul li {height: 70px;}
	.con_box div.geumjeong_box p.exe_dd{margin:0 0 30px 20px; text-align:left;}

}

@media all and (max-width:400px){
	.li4 li{ width:100%;}/* 4칸 */
    .bu3 ul li a{margin-left:0 !important}
	 #covid_data li span.num{font-size: 25px;}

}

@media all and (max-width:360px){
	.mConBox_pop { height:250px;}
}