@charset "utf-8";

@font-face {
	font-family: 'Noto Sans KR';
	font-style: normal;
	font-weight: 100;
	src: url('/contents/fonts/NotoSansKR-Light.eot'); /* IE 호환성 보기 */
	src: local(※),
		 url('/contents/fonts/NotoSansKR-Light.eot#iefix') format('embedded-opentype'), /* IE 6 ~ 8 */
		 url('/contents/fonts/NotoSansKR-Light.woff2') format('woff2'),
		 url('/contents/fonts/NotoSansKR-Light.woff') format('woff'),
		 url('/contents/fonts/NotoSansKR-Light.ttf') format('truetype');
}
@font-face {
	font-family: 'Noto Sans KR';
	font-style: normal;
	font-weight: 300;
	src: url('/contents/fonts/NotoSansKR-Regular.eot'); /* IE 호환성 보기 */
	src: local(※),
		 url('/contents/fonts/NotoSansKR-Regular.eot#iefix') format('embedded-opentype'), /* IE 6 ~ 8 */
		 url('/contents/fonts/NotoSansKR-Regular.woff2') format('woff2'),
		 url('/contents/fonts/NotoSansKR-Regular.woff') format('woff'),
		 url('/contents/fonts/NotoSansKR-Regular.ttf') format('truetype');
}
@font-face {
	font-family: 'Noto Sans KR';
	font-style: normal;
	font-weight: 400;
	src: url('/contents/fonts/NotoSansKR-Medium.eot'); /* IE 호환성 보기 */
	src: local(※),
		 url('/contents/fonts/NotoSansKR-Medium.eot#iefix') format('embedded-opentype'), /* IE 6 ~ 8 */
	     url('/contents/fonts/NotoSansKR-Medium.woff2') format('woff2'),
         url('/contents/fonts/NotoSansKR-Medium.woff') format('woff'),
		 url('/contents/fonts/NotoSansKR-Medium.ttf') format('truetype');
}
@font-face {
	font-family: 'Noto Sans KR';
	font-style: normal;
	font-weight: 600;
	src: url('/contents/fonts/NotoSansKR-Bold.eot'); /* IE 호환성 보기 */
	src: local(※),
		 url('/contents/fonts/NotoSansKR-Bold.eot#iefix') format('embedded-opentype'), /* IE 6 ~ 8 */
	     url('/contents/fonts/NotoSansKR-Bold.woff2') format('woff2'),
         url('/contents/fonts/NotoSansKR-Bold.woff') format('woff'),
		 url('/contents/fonts/NotoSansKR-Bold.ttf') format('truetype');
}

/* reset */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,textarea,p,blockquote,th,td,input,select,textarea,button {margin:0;padding:0;}
fieldset,img {border:0 none;}
dl,ul,ol,menu,li {list-style:none;}
blockquote, q {quotes:none;}
blockquote:before, blockquote:after,q:before, q:after {content:'';content:none;}
input,select,textarea,button {font-size:100%;vertical-align:middle;}
button {border:0 none;background-color:transparent;cursor:pointer;}
table {border-collapse:collapse;border-spacing:0;}
body {-webkit-text-size-adjust:none;} /* 뷰표트 변환시 폰트크기 자동확대 방지 */
input[type='text'],input[type='password'],input[type='submit'],input[type='search'] {-webkit-appearance:none; border-radius:0;}
input:checked[type='checkbox'] {background-color:#666; -webkit-appearance:checkbox;}
button,input[type='button'],input[type='submit'],input[type='reset'],input[type='file'] {-webkit-appearance:button; border-radius:0;}
input[type='search']::-webkit-search-cancel-button {-webkit-appearance:none;}
body {background:#fff;}
body,th,td,input,select,textarea,button {color:#000;font-size:16px;line-height:1.5;font-family:'Noto Sans KR','Nanum Gothic','Dotum','돋움','Arial';letter-spacing:-0.05em; font-weight: 100;} /* color값은 디자인가이드에 맞게사용 */
a {color:#000;text-decoration:none;}
a:link, a:active, a:visited {color: #000;}
a:active, a:hover {color:#000;text-decoration:underline;}
address,caption,cite,code,dfn,em,var {font-style:normal;font-weight:normal;}
img {vertical-align:top;max-width:100%;}

caption{text-indent:-9999px; height:0}



#accessibility-contents {position:absolute;width:100%;height:0;}
#skipNav {position:absolute;left:0;top:0;width:100%;z-index:999;}
#skipNav a {display:block;width:100%;height:0px;background:#333;line-height:30px;color:#fff;text-align:center;font-weight:bold;overflow:hidden;}
#skipNav a:focus, #skipNav a:active {height:30px;}


#wrapper {width:100%;}


/* header */
#header { background-color: #4b96b2; height: 310px; }
#header .inner {margin:0 auto;padding:15px 0; /*width:1400px;*/ width: 97%; padding: 15px 1.5%;}
#header .inner:after {content:'';display:block;height:0;clear:both;}
#header .logo {float:left;}
#header .inner .right_links { float:right; padding-top:10px;}
#header .inner .right_links li { float:left; margin-left:8px; }
#header .inner .right_links li a { padding:20px; border:1px solid #aacedb; border-radius:2px;  color:#fff; line-height:57px; }
#header .inner .right_links li a span.new_win { background:url("/images/covid_naju/covid_main_sp2.png") no-repeat 0px -137px; width:22px; height:20px; display:inline-block; text-indent:-99999px; margin-left:8px; line-height:22px; }
#header .inner .right_links li a.kcdc span.kcdc_logo { background:url("/images/covid_naju/covid_main_sp2.png") no-repeat 0px -80px; width:111px; height:31px; display:inline-block; text-indent:-99999px; margin-left:8px; line-height:29px; }
#header .inner .right_links li a:hover { background-color:#233d70; border:1px solid #233d70; transition:ease-in-out 0.4s; text-decoration:none; }
#header .inner .main_tit {clear: both; font-size:55px; color:#fff; letter-spacing:-4px; margin:120px auto 0 ; width:100%; text-align:center;}

#header .inner .right_links li a.kakao_plus span.icon{background: url("/images/covid_naju/covid_main_sp2.png?build=20200327144014") no-repeat -143px -82px; width: 28px; height: 31px; line-height: 31px; text-indent: -99999px; margin-right: 8px; vertical-align: middle; display: inline-block;}



/* gnb 탭 */
#gnb {background-color:#4b96b2;}
#gnb > .inner {margin:0 auto; /*width:1400px;*/}
#gnb ul {display:table;width:100%;}
#gnb ul li {display:table-cell;border-right:1px solid #233d70;background-color:#fff;vertical-align:middle;word-break: keep-all; word-wrap: break-word;}
#gnb ul li:first-child {border-left:1px solid #233d70;}
#gnb ul li a {display:block;padding:18px 0;font-size:18px;text-align:center;}
#gnb ul li.active {background: #233d70 url("/images/covid_naju/gnb_active_on.png") no-repeat 22px 21px;}
#gnb ul li.active a {color:#fff;}
#gnb ul li a:hover {text-decoration:none; background:#233d70; transition:ease-in-out 0.4s; color:#fff; } 
#gnb ul li a.icon_link { display: block; background:url("/images/covid_naju/gnb_new_win_b.png") no-repeat 91% center; }
#gnb ul li a.icon_link:hover { transition:ease-in-out 0.4s; background:#233d70 url("/images/covid_naju/gnb_new_win_w.png") no-repeat 91% center;}

#gnb .col4 li {width:25%;}
#gnb .col5 li {width:20%;}
#gnb .col6 li {width:16.66%;}
#gnb .col7 li {width:11.28%;}
#gnb .col8 li {width:11.28%;}

.tab_contents {display:none;}
.tab_contents.active {display:block;}
.next {display: block;}

#container {position:relative;background-color:#233d70;}
#container:before {content:'';display:block;position:absolute;top:0;left:0;right:0;width:100%;height:705px;background-color:#233d70;}

/* content */
#content {position:relative;margin:0 auto;padding:50px 0; /*width:1400px; */z-index:10;}


/* footer */
#footer {padding:15px 0;background-color:#333;text-align:center;}
#footer .copyright {color:#eee;font-size:14px;letter-spacing:0;}

/* topGo */
#topGo {display:none;position:fixed;bottom:5%;right:5%;z-index:900;}
#topGo a {display:block;width:70px;height:70px;line-height:70px;color:#fff;font-size:16px;border-radius:50%;background-color:rgba(0, 0, 0, 0.7);text-align:center;}







@media screen and (min-width:1501px){
	#content .bg_none_group_01{display: inline-block; width: 100%; margin-bottom: -6px; box-sizing: border-box;}
	/*#content .bg_none_group_01 > div{float: left; width: 48%;}
	#content .bg_none_group_01 > div:first-child{margin-right: 4%;}*/
}
@media screen and (max-width:1500px){
	#content .bg_none_group_01 > div:first-child{margin-bottom: 100px;}
}
@media screen and ( max-width:1200px ){

	#wrapper {min-width:320px;}


	/* header */
	#header .inner {padding:30px 10px;width:100%;box-sizing:border-box;}


	/* gnb 탭 */
	#gnb > .inner {width:100%;}
  	#gnb ul li a {font-size:18px;}


	/* content */
	#content {padding:50px 10px;width:100%;box-sizing:border-box;}



}


/* 테블릿 */
@media screen and ( max-width:1024px ){
	

	/* gnb 탭 */
	#gnb ul li a {font-size:1em;}
    
    
}



/* 모바일 */
@media screen and ( max-width:499px ){
	
	#header { height: 170px; }
	#header .inner .main_tit { font-size:33px; margin:70px auto 0px; font-weight: 500; }
	#header img {height:36px;}
	#header .inner .right_links { padding-top:0px; }
	#header .inner .right_links li a { padding:6px; line-height: 44px; font-size:96%;}
	#header .inner .right_links li a.kcdc span.kcdc_logo { margin-left:0px; background-position: 0 -59px; background-size: 130px; width: 92px;}
	#header .inner .right_links li a.kcdc span.kcdc_txt { display:none; }
	#header .inner .right_links li a span.new_win { display:none; }
	#header .inner .right_links li a.kakao_plus span.icon{display:none;}
}

@media screen and ( min-width:499px )and ( max-width:768px ){
	
	/* header */
	
	#header { height: 270px; }
	#header .inner {padding:20px 10px;}
	#header .inner .main_tit { font-size:44px; }
	#header a {height:30px;}
	#header img {height:55px;}
	#header .inner .right_links li a { padding:10px; }
	#header .inner .right_links li a.kcdc span.kcdc_logo { margin-left:0px; }
	#header .inner .right_links li a.kcdc span.kcdc_txt { display:none; }
	
}

@media screen and ( max-width:768px ){

	/* gnb 탭 */
	/*#gnb ul {border:solid #193b6f;border-width:1px 1px 0 0;}
	#gnb ul li {position:relative;width:50%;border:solid #193b6f;border-width:0 0 1px 1px;}
	#gnb ul li:last-child:after {content:'';display:block;position:absolute;top:0;right:-1px;bottom:-1px;width:1px;background-color:#193b6f;}
	#gnb ul li a {padding:10px;font-size:0.93em;}*/
  
	
	/* header*/

	
  	/* gnb 탭 */
	
	#gnb { background-color:#d2dee2; }
	#gnb ul {display:block;border:solid #233d70;border-width:1px 1px 0 0;overflow:hidden;box-sizing:border-box;}
	#gnb ul li {display:list-item;float:left;padding:0;position:relative;border:solid #233d70;border-width:0 0 1px 1px;box-sizing:border-box;}
	#gnb ul li:last-child:after {content:'';display:block;position:absolute;top:0;right:-1px;bottom:-1px;width:1px;background-color:#233d70;}
  	#gnb ul li a {padding:10px;}

  
  	#gnb .col4 li, 	#gnb .col5 li,
	#gnb .col6 li, 	#gnb .col7 li,
	#gnb .col6 li, 	#gnb .col8 li {width:50%;}


	#container:before {height:500px;}

	
	/* content */
	#content {padding:10px 10px 50px;}


	#topGo {bottom:3%;right:3%;}
	#topGo a {width:50px;height:50px;line-height:50px;font-size:12px;}
	#header .inner .right_links li a.kakao_plus span.icon{background-position:-143px -84px;}

}

@media screen and ( max-width:1200px ){
	
	#gnb ul li.active {background:#233d70 ; }
	
}



/* box */
#content .box_group {position:relative; padding:50px 30px; background-color: #fff; border-radius: 50px; margin-top:22px;  } 
#content .box_group .con_tit:first-child {margin-top:0;}

.box_group_img{text-align: center;}

#content .status_group {overflow:hidden;}
/*#content .status_group .col_group {float:left;width:49%;}*/
/*#content .status_group .col_group:first-child {margin-right:2%;}*/

#content .bg_none_group_01 { background-color: #fff; padding:10px 30px; }
#content .bg_none_group_02 { background-color: #233d70; margin-top:20px; }
#content .bg_none_group_02 .row { background-color:#d0dce7; border-radius:2px; margin-top:10px;}
#content .bg_none_group_03 {margin: 65px 30px 0;}

#content .line_dot { width:100%; height:1px; display:block; border-top:1px dashed #617caf; margin-top:60px; }

/* box */
#content .img_wrap {margin-bottom:20px;}


/* 컨텐츠 공통 tit */
#content .page_tit {margin-bottom:20px;color:#fff;font-size:55px;text-align:center;}
#content .page_stit {margin-bottom:30px;color:#e4a346;font-size:40px;text-align:center;}
#content .con_tit {margin:30px 0 20px;font-size:36px; font-weight: 500;  color:#000; letter-spacing: 0px; text-align: center;}
#content .con_tit.bold {font-weight: bold;}
#content .con_tit.type1 {position:relative;text-align:center;}
#content .con_stit {position:relative;padding-left:15px;font-size:18px;font-weight:normal;}
#content .con_stit:before {content:'';display:block;position:absolute;top:13px;left:0;margin-top:-8px;width:5px;height:16px;background-color:#233d70;}
#content .con_txt {margin:5px 0;}
#content .tit_w { color:#fff; letter-spacing: -3px; font-size:40px; margin:0px; }






/* 공통 리스트 */
#content .list_type1 {margin:10px 0 10px 10px;}
#content .list_type1 > li {position:relative;margin-top:5px;padding-left:10px;}
#content .list_type1 > li:before {content:'';position:absolute;top:10px;left:0;display:block;width:4px;height:4px;background-color:#5b3e24;}
#content .list_type1 > li:first-child {margin-top:0;}

#content .list_type2 {margin:10px 0 10px 10px;}
#content .list_type2 > li {position:relative;margin-top:5px;padding-left:20px;}
#content .list_type2 > li:before {content:'※';position:absolute;top:0;left:0;display:block;}
#content .list_type2 > li:first-child {margin-top:0;}

#content .tbl_list > li {padding-left:200px;}
#content .tbl_list > li .route_date {position:absolute;top:0;left:10px;font-weight:bold;}

#content .date_today { color:#b1c6ef; }


/* 공통 테이블 */
#content .tbl_wrap {margin:20px 0;border-top:1px solid #000;}
#content .tbl_basic {width:100%;border-collapse:collapse;table-layout:fixed;}
#content .tbl_basic caption span {position:absolute; left:-10000px;height:1px;overflow:hidden;}
#content .tbl_basic th,
#content .tbl_basic td {padding:10px;font-size:15px;border-right:1px solid #ccc;border-bottom:1px solid #ccc; border-top: 1px solid #ccc;font-weight:normal;word-break: keep-all;word-wrap:break-word;}
#content .tbl_basic th {background-color:#f5f5f5; text-align: center;}
#content .tbl_basic td {color:#555;}
#content .tbl_basic th:last-child,
#content .tbl_basic td:last-child {border-right:0;}
#content .tbl_basic tfoot th,
#content .tbl_basic tfoot td {font-weight:bold;background-color:#f4f5f9;}
#content .tbl_basic tbody tr:hover {background: #ffeef5;}

#content .tbl_all_td_center td {text-align:center;}
#content .tbl_all_td_left td {text-align:left;}
#content .tbl_all_td_right td {text-align:right;}

#content .tbl_note {text-align:right;font-size:14px;font-weight:normal;}
#content .tbl_note ~ .tbl_wrap {margin:7px 0 20px;}
#content .tbl_wrap ~ .tbl_note {margin:-15px 0 10px;}
#content .con_tit + .total {margin-top:-40px;}

#content .tbl_scroll_txt {display:none;}
#content .tbl_scroll {padding-right:1px;width:100%;overflow-x:auto;}


/* 업데이트 */
#content .date {margin-bottom:10px;color:#555;font-size:16px;text-align:right;}
#content .date + .box_group {margin-top:10px;}


/* 현황 */
#content .status {overflow:hidden;}
#content .status .col {float:left;width:33%;border-radius:10px;overflow:hidden;}
#content .status .col1 {background-color:#f9dee9;}
#content .status .col2 {margin:0 0.5%;background-color:#dbefe9;}
#content .status .col3 {background-color:#eadeef;}

#content .status .status_list {display:table;width:100%;table-layout:fixed;}
#content .status .status_list li {display:table-cell;padding:25px 5px;box-sizing:border-box;text-align:center;}
#content .status .status_list li .tit {margin:0;padding:5px 0;/*width:110px;*/font-size:14px;border-radius:30px; white-space: nowrap; letter-spacing: -1px;}
#content .status .status_list li .counter {margin-bottom:15px;color:#fff;font-size:45px;line-height:1; font-weight: 300;}

#content .status .status_list li.emph .tit {font-weight:bold;}
#content .status .status_list li.emph .counter {color:#fff;font-weight:bold;}

#content .bg_none_group_02 .status_list li { padding:25px 35px; position:relative; }
#content .bg_none_group_02 .status_list li::after { content:''; display:block; width:1px; height:50px; background-color:#ababab; position:absolute; right:0px; top:28px; }
#content .bg_none_group_02 .status_list li .tit { color:#000 !important; float:left; background:none !important;  font-size:15px; line-height:44px; letter-spacing: -2px;}
#content .bg_none_group_02 .status_list li .counter { float:right; line-height:44px; margin-bottom:0px; }


/* #content .status .status_list li.emph01 {background-color:#bf195d;}
#content .status .status_list li.emph02 {background-color:#3f6e5f;}
#content .status .status_list li.emph03 {background-color:#73378c;}

#content .status .status_list li .tit.bg01 {background-color:#eac2d3;}
#content .status .status_list li .tit.bg02 {background-color:#75dbbc;}
#content .status .status_list li .tit.bg03 {background-color:#cc8fe6;} */

#content .status .status_list li.emph01 {background-color:#c1351c;}
#content .status .status_list li.emph02 {background-color:#e18a0e;}
#content .status .status_list li.emph03 {background-color:#383838;}
#content .status .status_list li.emph04 {background-color:#457fba;}
#content .status .status_list li.emph05 {background-color:#4b96b2;}
#content .status .status_list li .tit { color:#fff; }
#content .status .status_list li.emph01 .tit { border:1px solid #dd7765; }
#content .status .status_list li.emph02 .tit { border:1px solid #ebb971; }
#content .status .status_list li.emph03 .tit { border:1px solid #5b5b5b; }
#content .status .status_list li.emph04 .tit { border:1px solid #719ac5; }
#content .status .status_list li.emph05 .tit { border:1px solid #72b1c8; }

#content .status.korea .status_list li .tit {background-color:#e3e3e3;}
#content .status.korea .status_list li .counter {color:#555;}


/* 비디오 */
#content .video_wrap {width:100%;margin-bottom:20px;}
#content .video_wrap .video_player {position:relative;width:100%;padding-top:56.25%;margin-bottom:20px;}
#content .video_wrap .video_player video,
#content .video_wrap .video_player object,
#content .video_wrap .video_player iframe {position:absolute;top:0;left:0;width:100%;height:100%;}


/* 버튼 */
#content .btn {display:inline-block;margin:2px;padding:5px 10px;color:#fff;border:1px solid #233d70;background-color:#233d70;box-sizing:border-box;vertical-align:middle;text-align:center;}
#content .btn:hover {text-decoration:none;box-shadow:0 0 5px 0 rgba(0, 0, 0, .2);}
#content .btn.type01 {color:#fff;border-color:#233d70;background-color:#233d70;}
#content .btn.type01:hover {color:#233d70;background-color:#fff;}
#content .btn.type02 {color:#fff;border-color:#f75819;background-color:#f75819;}
#content .btn.type02:hover {color:#f75819;background-color:#fff;}
#content .adm_btn {position:absolute;top:80px;right:30px;visibility:hidden;}

/*컨텐츠 박스*/
.c_box { margin-top:25px; padding:20px; background-color:#fbfbfb; border:1px solid #d4d4d4; border-radius:15px; }
.c_box p.basic, .c_box ul.basic, .c_box ol.basic { margin-top:0;}
.c_box h3, .c_box h4 { margin-top:3px; margin-bottom:5px; color:#1f2f46; font-size:17px;}
.c_box h4 { background:none; padding:0;}
.c_box ol.basic li:last-child { border-bottom:none;}

.b_box { border:1px solid #d4d4d4;}
.b_box > img {width:100%;}

/*오른쪽 아이콘박스*/
.c_box.iconbox { padding:10px 10px 20px 0; background: url("/images/common/sub/box_icon02.png") no-repeat 62px 29px; height: auto; display: block; overflow: hidden; }
.iconbox .info {float: left; width: 79%; margin-left:155px;}
.mat15 {margin-top:15px;}
.mab20 {margin-bottom:20px;}
.align_center {text-align: center;}
.fw4 {font-weight: bold;}
.siz20 {font-size: 20px !important;}
p.btn_dw a.p2 {background: #256bb9; border: 1px solid #256bb9; border-radius: 30px; padding:8px 25px; color: #fff;}

/*상단버튼*/

	.top_btn {display: block; margin:20px auto; padding:0 17px;}
	.top_btn p a.p1 {    background: #f3c204;    color: #362b00;    font-size: 20px;    line-height: 35px;    height: 35px;    border-radius: 8px;    display: inline-block;    overflow: hidden;    text-align: center;    padding: 10px 43px;    margin-right: 30px;    width: 248px; }
	.top_btn p a.p1:hover,  .top_btn p a.p1.on {background: #cc2634; color: #fff;}

/* 텍스트 */
#content .txt_red {color:#c11b1b !important;}
#content .txt_blue {color:#2858a1 !important;}

#content .txt_left {text-align:left !important;}
#content .txt_center {text-align:center !important;}
#content .txt_right {text-align:right !important;}


/* comm */
.les_no {letter-spacing:0;}
.show {display:block}
.hide {display:none}
.clearAfter {display:block;overflow:visible;width:auto;clear:both;*zoom:1}
.clearAfter:after {content:'';display:block;height:0;font-size:0;visibility:hidden;clear:both;}

.screen_out {overflow:hidden;position:absolute;width:0;height:0;line-height:0;text-indent:-9999px;} /* 대체텍스트가 아닌 접근성을 위한 숨김텍스트를 제공할때 */
.longdesc_hidden { overflow:hidden;position:absolute;height:1px;left:-10000px;}


/* 이동경로 */
#content .confirm_head {border-top:1px solid #000;border-bottom:1px solid #ccc; font-weight: bold;}
#content .confirm_head br {display:none;}
#content .confirm_head ul {display:table;width:100%;table-layout:fixed;}
#content .confirm_head ul li {display:table-cell;padding:10px 5px;border-right:1px solid #ccc;background-color:#f5f5f5;text-align:center;vertical-align:middle;}
#content .confirm_head ul li:first-child {border-left:1px solid #ccc;}
#content .confirm_head ul li:nth-child(1) {width:13%;}
#content .confirm_head ul li:nth-child(2) {width:20%;}
#content .confirm_head ul li:nth-child(3) {width:20%;}
#content .confirm_head ul li:nth-child(4) {width:17%;}
#content .confirm_head ul li:nth-child(5) {width:15%;}
#content .confirm_head ul li:nth-child(6) {width:15%;}

#content .confirm_body br {display:none;}
#content .confirm_body .route_more_btn {display:block;}
#content .confirm_body .route_more_btn:hover {text-decoration:none;}
#content .confirm_body .route_more_btn .item {display:table;width:100%;table-layout:fixed;}
#content .confirm_body .confirm_list .col {display:table-cell;padding:10px 5px;border-bottom:1px solid #ccc;border-right:1px solid #ccc;text-align:center;vertical-align:middle;}
#content .confirm_body .confirm_list .col:nth-child(1) {width:13%;border-left:1px solid #ccc;}
#content .confirm_body .confirm_list .col:nth-child(2) {width:20%;}
#content .confirm_body .confirm_list .col:nth-child(3) {width:20%;}
#content .confirm_body .confirm_list .col:nth-child(4) {width:17%;}
#content .confirm_body .confirm_list .col:nth-child(5) {width:15%;}
#content .confirm_body .confirm_list .col:nth-child(6) {width:15%;}

#content .confirm_body .confirm_list .route_box {display:none;padding:15px;background-color:#f9f9f9;}

#content .confirm_body .confirm_list > li.active {border:1px solid #ccc;}
#content .confirm_body .confirm_list > li.active .col {font-weight:bold;background-color:#fff;}
#content .confirm_body .confirm_list > li.active .route_box {display:block;}



@media screen and ( max-width:1320px ){

	#content .status .status_list li .tit {width:100%;}
	#content .bg_none_group_02 .status_list li .counter { float:none; margin-bottom: 5px;}
	#content .bg_none_group_02 .status_list li .tit { line-height: normal; }
}



/* 테블릿 */
@media screen and ( max-width:1024px ){
  
	#container:before {height:960px;}
	#content .status_group .col_group {float:none;width:100%;}
	/*#content .status_group .col_group:first-child {margin:0 0 30px;}*/
	#content .bg_none_group_03 { margin:20px 30px; }

	/* 현황 */	
	/*#content .status .col1 {float:none;margin-bottom:10px;width:100%;}
	#content .status .col2 {margin:0 1% 0 0;width:49.5%;}
	#content .status .col3 {width:49.5%;}*/

	#content .status .status_list li {padding:20px 10px;}
	#content .status .status_list li .counter {font-size:40px;}

}

@media screen and (max-width:900px) and (max-width:900px){
	#content .status .status_list li{float: left; width: 33.3333%;}
	#content .status .status_list li:nth-child(n):nth-child(-n+2){width: 50%;}
	#content .status .status_list li:last-child{width: 33.3334%;}
}

/* 모바일 */
@media screen and ( max-width:768px ){

	#content .bg_none_group_02 { margin-top:0px; padding:20px 0px !important;}
	#content .line_dot { display: none;}
	
	/* box */
	#content .box_group {padding:30px 10px; margin: 0;}
	#content .bg_none_group_01 { padding: 40px 0 !important; border-radius: 0;}


	/* 컨텐츠 공통 tit */
	#content .page_tit {margin-bottom:0;font-size:30px;}
	#content .page_stit {font-size:25px;}
	#content .con_tit {font-size:25px;}
	#content .con_tit.type1 {font-size:29px;}
  
	/* 공통 리스트 */
	#content .list_type1 > li:before {top:8px;}

	#content .tbl_list > li {padding-left:10px;font-size:14px;}
	#content .tbl_list > li .route_date {position:relative;top:auto;left:auto;}

	/* 공통 테이블 */
	#content .tbl_basic th,
	#content .tbl_basic td {padding:5px;font-size:14px;word-break:break-all;}
	#content .tbl_scroll_txt {display:block;font-size:0.875em;color:#555;font-weight:normal;text-align:right;}
	#content .tbl_scroll_txt ~ .tbl_wrap {margin:7px 0 20px;}
	#content .tbl_scroll .tbl_basic {min-width:740px;}
  	#content .con_tit + .total {margin-top:-10px;font-size:18px;text-align:left;}
	#content .total + .tbl_scroll_txt {margin-top:-20px;}


	/* 업데이트 */
	#content .date {font-size:1em;}


	/* 현황 */
	#content .status .col {float:none;}
	#content .status .col2 {margin:0 0 10px;width:100%;}
	#content .status .col3 {width:100%;}

	#content .status .status_list li {float:none;display:table-cell;padding:15px 7px;}
	#content .status .status_list li .tit {line-height:1.3;}
	#content .status .status_list li .counter {font-size:20px;}
	#content .status .status_list li.emph .counter {font-size:30px;}
	/*#content .status .status_list li.emph01 {padding:20px 5px;}*/
  
  #content .status.korea .status_list li {padding:15px 5px;}
  
  	#content .status.pohang .status_list li,
	#content .status.gb .status_list li {display:block;float:left;padding:20px 10px;width:50%;}
	#content .status.pohang .status_list li:first-child,
	#content .status.gb .status_list li:first-child{width: 100%;}

	#content .status.pohang .status_list li .counter,
	#content .status.gb .status_list li .counter {font-size:30px;}
	#content .status .status_list li .tit{width: 100%; margin: 0; white-space: nowrap;}


	/* 버튼 */
	#content .btn {padding:5px 10px;font-size:14px;}
  	#content .adm_btn {top:50px;right:10px;}
  
  
	/* 이동경로 */
  	#content .confirm_head br {display:block;}
	#content .confirm_head ul li {font-size:14px;}
	#content .confirm_head ul li:nth-child(1) {width:10%;}
	#content .confirm_head ul li:nth-child(2) {width:22%;}
	#content .confirm_head ul li:nth-child(3) {width:24%;}
	#content .confirm_head ul li:nth-child(4) {width:12%;}
	#content .confirm_head ul li:nth-child(5) {width:18%;}
	#content .confirm_head ul li:nth-child(6) {width:14%;}
  
  	#content .confirm_body .confirm_list .route_box {padding:5px;}
  	#content .confirm_body br {display:block;}
	#content .confirm_body .confirm_list .col {font-size:14px;}
	#content .confirm_body .confirm_list .col:nth-child(1) {width:10%;}
	#content .confirm_body .confirm_list .col:nth-child(2) {width:22%;}
	#content .confirm_body .confirm_list .col:nth-child(3) {width:24%;}
	#content .confirm_body .confirm_list .col:nth-child(4) {width:12%;}
	#content .confirm_body .confirm_list .col:nth-child(5) {width:18%;}
	#content .confirm_body .confirm_list .col:nth-child(6) {width:14%;}

}


/* 확진자 루트 스타일 지우지마시오... */
#content .confirm_body .confirm_list > li.active .route_box { font-size: 18px; }
#content .confirm_body .confirm_list > li.active .route_box  span.corona_date { font-weight: bolder;  margin-right: 5px; display: block; float: left;}
#content .confirm_body .confirm_list > li.active .route_box  span.corona_red {color: red; font-size: 16px;}

.mat10{margin-top:10px;}
.mat15{margin-top:15px;}
.mat20{margin-top:20px;}
.mat25{margin-top:25px;}
.mat30{margin-top:30px;}
.mat35{margin-top:35px;}
.mat40{margin-top:40px;}

.btn_call{font-weight:300; font-size:15px;}

/*발생현황 - 20200824 - 한설희*/

	.date_title {display:block; font-size:44px; letter-spacing:0;  text-align: center; color:#233d70; padding: 20px;}
.corona_title {
    font-family: 'S-CoreDream-8Heavy', sans-serif;
    font-size: 55px;
    color: #081c43;
    letter-spacing: -0.05em;
    text-align: center;
    margin: 40px 0
}

div.current_list {
    display: table;
    width: 200px;
    margin: 10px auto;
    color: #fff
}

.nj_02_num {
    padding-top: 15px
}

.nj_03_num {
    padding-top: 25px
}

div.current_list .row {
    display: table-row
}

div.current_list .cell {
    display: table-cell
}

div.current_list .col1 {
    width: 80px
}

div.current_list .col2 {
    width: 120px;
    text-align: right
}

div.current_list .col2 span {
    font-weight: bold;
    font-size: 20px
}

@media all and (max-width:800px) {
    div.current_list {
        padding-bottom: 20px
    }
    .nj_02_num {
        padding-top: 5px
    }
    .nj_03_num {
        padding-top: 15px
    }
    .date_title {
        font-size: 30px
    }
    .corona_title {
        font-size: 20px;
        margin: 20px 0
    }
	.jeonnam {margin-top:30px;}
	.m_hidden {text-indent: -99999px; overflow: hidden; display: inline-block; width: 0px; height: 0px;}
	.c_box.iconbox {background: none;}
	.iconbox .info {width:99%; margin-left:8px;}
}


.corona_title {
    font-size: 55px;
    color: #081c43;
    letter-spacing: -0.05em;
    text-align: center;
    margin: 40px 0
}
.status_naju::after {
    content: '';
    display: block;
    clear: both
}

.status_naju>div {
    float: left;
    width: 48%;
    height: 300px;
    border-radius: 15px
}

.status_naju>div.status_nj_01 {
    background-color: #c03322;
    margin: 0 1% 15px
}

.status_naju>div.status_nj_02 {
    background-color: #457fba;
}

.status_naju>div.status_nj_03 {
    background-color: #4b96b2;
    margin: 0 1% 15px
}

.status_naju>div>p {
    text-align: center;
    font-size: 25px;
    color: #fff;
    font-weight: bold;
    padding: 10px 0;
    border-radius: 15px 15px 0 0
}

.status_naju>div.status_nj_01>p.nj_tit1 {
    background-color: #910a05
}

.status_naju>div.status_nj_02>p.nj_tit1 {
    background-color: #000075
}

.status_naju>div.status_nj_03>p.nj_tit1 {
    background-color: #002d65
}

.status_naju>div>p.total_counter {
    text-align: center;
    font-size: 20px;
    padding: 10px 0;
    color: #fff;
}

.status_naju>div.status_nj_01>p.total_counter span {
    color: #ffe400;
    font-size: 48px
}

.status_naju>div.status_nj_02>p.total_counter span,
.status_naju>div.status_nj_03>p.total_counter span {
    color: #fff;
    font-size: 48px
}

.status_naju>div>p.total_counter2 {font-size: 18px; padding: 0;}
.status_naju>div>p.total_counter2 span.col2 {color: #ffe400;}

div.current_list {
    display: table;
    width: 200px;
    margin: 10px auto;
    color: #fff
}

.nj_02_num {
    padding-top: 15px
}

.nj_03_num {
    padding-top: 25px
}

div.current_list .row {
    display: table-row
}

div.current_list .cell {
    display: table-cell;
    padding: 0;
	font-size:18px;
	font-weight:500;
}

div.current_list .col1 {
    width: 80px
}

div.current_list .col2 {
    width: 120px;
    text-align: right
}

div.current_list .col2 span {
    font-weight: bold;
    font-size: 20px
}

@media all and (max-width:800px) {
    div.current_list {
        padding-bottom: 20px
    }
    .nj_02_num {
        padding-top: 5px
    }
    .nj_03_num {
        padding-top: 15px
    }
    .date_title {
		padding-bottom: 30px;
    }
    .corona_title {
        font-size: 20px;
        margin: 20px 0
    }
    .status_naju>div>p {
        font-size: 18px
    }
    .status_naju>div.status_nj_01 {
        margin-bottom: 10px
    }
    .status_naju>div.status_nj_02 {
        margin-bottom: 10px
    }
    .status_naju>div.status_nj_03 {
        margin-bottom: 10px
    }
    .status_naju>div.status_nj_01>p.total_counter span,
    .status_naju>div.status_nj_02>p.total_counter span,
    .status_naju>div.status_nj_03>p.total_counter span {
        font-size: 28px
    }
}
@media all and (max-width:768px) {
	.status_naju>div {
        float: none;
        width: 98%;
        margin: 0 auto;
        height: auto
    }
	}
/*발생현황*/
/*확진자 이동경로*/

.tb_default {
    width: 100%;
    border-collapse: collapse;
    border-top: 2px solid #21468b
}

.tb_default:after {
    display: block;
    visibility: hidden;
    clear: both;
    content: ""
}

.tb_default thead tr th {
    border-bottom: #21468b solid 1px !important
}

.tb_default thead tr th,
.tb_default thead tr td {
    padding: 15px 10px;
    border-bottom: #ccc solid 1px;
    border-right: #ccc solid 1px;
    border-left: #ccc solid 1px
}

.tb_default tbody tr th,
.tb_default tbody tr td {
    padding: 15px 0;
    border-bottom: #ccc solid 1px;
    border-right: #ccc solid 1px;
    border-left: #ccc solid 1px
}

.tb_default tr th:last-child,
.tb_default tr td:last-child {
    border-right: 0 !important
}

.tb_default tr th:first-child,
.tb_default tr td:first-child {
    border-left: 0 !important
}

.tb_default th {
    color: #686868;
    background-color: #f9f9f9;
    vertical-align: middle;
    text-align: center;
    font-size: 14px
}

.tb_default td {
    color: #676767;
    line-height: 150%;
    text-align: center;
    vertical-align: middle;
    font-size: 14px
}

.tb_default .no_border {
    border-right-style: none
}

.tb_default .text_left {
    text-align: left;
    padding-left: 10px
}

.border_none {
    border-right: 0
}

.tb_default .td_nopd {
    padding: 0
}

.hide {
    display: none
}

.td_free {
    background-color: #555;
    width: 100%;
    text-align: center;
    color: #fff;
    padding: 5px 0
}

.td_house {
    background-color: #063265;
    width: 100%;
    text-align: center;
    color: #fff;
    padding: 5px 0
}

.bg_route {
    background-color: #eee
}

.in_default {
    width: 95%;
    margin: 10px auto;
    border-collapse: collapse;
    border-top: 2px solid #222;
    background: #fff
}

.in_default:after {
    display: block;
    visibility: hidden;
    clear: both;
    content: ""
}

.in_default thead tr th {
    border-bottom: #222 solid 1px !important
}
.in_default thead tr th span { display:inline-block;}
.in_default thead tr th, .in_default thead tr td {	
    padding: 5px 10px;
    border-bottom: #ccc solid 1px;
    border-right: #ccc solid 1px;
    border-left: #ccc solid 1px
}

.in_default tbody tr th,
.in_default tbody tr td {
    padding: 5px 0;
    border-bottom: #ccc solid 1px;
    border-right: #ccc solid 1px;
    border-left: #ccc solid 1px
}

.in_default tr th:last-child,
.in_default tr td:last-child {
    border-right: 0 !important
}

.in_default tr th:first-child,
.in_default tr td:first-child {
    border-left: 0 !important
}

.in_default th {
    color: #686868;
    background-color: #f9f9f9;
    vertical-align: middle;
    text-align: center
}

.in_default td {
    color: #676767;
    line-height: 150%;
    text-align: center;
    vertical-align: middle
}

.in_default .txt_left {
    text-align: left;
    padding-left: 10px
}

.in_default .txt_left ul li {
    position: relative;
    padding-left: 12px
}

.in_default .txt_left li:before {
    content: '';
    top: 10px;
    left: 1px;
    width: 4px;
    height: 4px;
    border-radius: 50%;
    background: #222;
    position: absolute;
    display: inline-block
}

p.txt_left {
    text-align: left;
    font-weight: bold;
    width: 95%;
    margin: 0 auto 10px
}

.txt_left_title {
    text-align: left;
    font-weight: bold;
    width: 95%;
    margin: 20px auto;
    color: #111;
    font-weight: bold
}

.t_blue {
    color: #14389d
}

.t_red {
    color: #e82121
}




.btn_newwin span {
    font-size: 14px;
    font-weight: 600;
    text-align: center;
    padding: 10px;
    border: 1px solid #555
}

#co_table tr.line_bg {
    cursor: pointer
}

#co_table tr.line_bg:hover {
    background-color: rgba(55, 76, 149, 0.2)
}

div.time_list {
    display: table;
    width: 100%
}

div.time_list .row {
    display: table-row
}

div.time_list .cell {
    display: table-cell;
    padding: 3px
}

div.time_list .col1 {
    width: 45px
}



@media all and (max-width:820px) {
    .table_scroll {
        overflow: auto;
        width: 100%
    }
    .h350 {
        height: 350px
    }
    .tb_default {
        width: 800px;
        font-size: 12px;
        table-layout: fixed
    }
    .tb_default td,
    .tb_default th {
        font-size: 12px
    }
    .in_default td,
    .in_default th {
        font-size: 12px
    }
    .txt_left_title {
        margin: 0 auto
    }
    footer .address {
        width: 100%;
        float: none;
        background: 0;
        text-align: center;
        padding-left: 0;
        padding-top: 10px
    }
    footer .callnum {
        width: 100%;
        float: none;
        text-align: center
    }
}



/*발생동향*/
.covid_box{margin-bottom: 25px;}
table.covid_basic, table.covid_basic2{ margin: 18px auto 5px auto; border-right: 1px solid #d2d2d2; border-bottom: 1px solid #d2d2d2; border-collapse: collapse; clear: both; width: 1075px;}
table.covid_basic th, td, table.covid_basic2 th, table.covid_basic2 td{font-weight: 400; padding: 13px;  background-color: #f5f8fd;  border-bottom: 1px solid #d2d2d2;  border-left: 1px solid #d2d2d2; border-top: 1px solid #4264a3;
	vertical-align: middle; word-break: keep-all;  color: #002a77; font-size: 17px; font-size: 18px;}
table.covid_basic th, table.covid_basic2 th{font-size:27px; font-weight:600; background-color: #dcdcdc;}
table.covid_basic td, table.covid_basic2 td{text-align:center;}
table.covid_basic th span.tit_number{font-size:35px; color:#FF0;}
table.covid_basic td span.sub_number {font-size: 25px; font-weight: 600;}
table.table_1{border-right:1px solid #910a05; border-bottom: 1px solid #910a05;}
table.table_1 th{background-color: #910a05; color: #fff; border-left: 1px solid #910a05; border-top: 1px solid #910a05; border-bottom: 1px solid #910a05;}
table.table_1 td{background-color: #c03322; color: #fff; border-bottom: 1px solid #910a05; border-left: 1px solid #910a05; border-top: 1px solid #910a05; width: 30%;}
table.table_2{border-right:1px solid #000075; border-bottom: 1px solid #000075;}
table.table_2 th{background-color: #000075; color: #fff; border-left: 1px solid #000075; border-top: 1px solid #000075; border-bottom: 1px solid #000075;}
table.table_2 td{background-color: #457fba; color: #fff; border-bottom: 1px solid #000075; border-left: 1px solid #000075; border-top: 1px solid #000075; width: 50%;}
table.table_3{border-right:1px solid #004e52; border-bottom: 1px solid #004e52;}
table.table_3 th{background-color: #004e52; color: #fff; border-left: 1px solid #004e52; border-top: 1px solid #004e52; border-bottom: 1px solid #004e52;}
table.table_3 td{background-color: #219e9e; color: #fff; border-bottom: 1px solid #004e52; border-left: 1px solid #004e52; border-top: 1px solid #004e52; width: 30%;}

table.covid_basic2 th span.tit_number{font-size:28px;}
table.covid_basic2 td span.sub_number {font-size: 20px; font-weight: 600;}
table.table_4{border-right:1px solid #d2d2d2; border-bottom: 1px solid #d2d2d2; width: 500px !important;}
table.table_4 th{background-color: #f6f6f6; border-left: 1px solid #d2d2d2; border-top: 1px solid #d2d2d2; border-bottom: 1px solid #d2d2d2; font-size:20px;}
table.table_4 td{background-color: #fff; border-bottom: 1px solid #d2d2d2; border-left: 1px solid #d2d2d2; border-top: 1px solid #d2d2d2; font-size:16px;}


@media all and (max-width:768px){
	div.top_btn p a.p1{width: 85%; margin:auto; margin-top: 5px;} 
	div table.covid_basic, div table.covid_basic2 {width: 454px;}
	}
@media all and (max-width:780px){
	div.top_btn p a.p1{width: 75%; margin: auto; margin-top: 5px;}
	div table.covid_basic, div table.covid_basic2 {width: 510px;}
	div a.view_txt{text-align: center; display:block;}
	}		


/*예방접종*/
.vaccine_bg {background: #fff url(/images/covid_naju/vaccine_bg.jpg) no-repeat top;}
.vaccine_bg h3.con_tit span.small {font-size: 20px; letter-spacing: 0; font-weight: 300;}
	.vaccine {display: block; margin:30px auto;}
	.vaccine > div {width: 100%; display: flex; max-width: 1074px; margin:0px auto;}
	.vaccine .second_time {margin-top:20px;}
	.vaccine > div > dl {margin-right: 1%; border: #ccc solid 1px; border-radius: 8px; width: 33%;}
	.vaccine > div > dl > dt {line-height: 50px; text-align: center; color: #fff; font-weight: 500; border-radius: 8px 8px 0 0; font-size: 22px;}
	.vaccine > div.first_time > dl > dt {background: #000b72;}
	.vaccine > div.second_time > dl > dt {background: #910a05;}
	.vaccine > div > dl > dd {line-height: 80px; text-align: center;}
	.vaccine .siz_50 {font-size: 50px; color: #1b2264; font-weight: 500}

.vaccine_table th, .vaccine_table td {padding:5px !important;}
.vaccine_noti {margin:0px auto; min-width: 320px; max-width: 1300px; width: 100%; height: 650px; display: block;}
.vaccine_map1 { background: url(/images/covid_naju/vaccine_map_6.jpg) no-repeat;    width: 100%;    height: 380px;    min-width: 240px;    background-position: center;    font-size: 0;    text-indent: -99999px;    display: block;	overflow: hidden;}

.vaccine_map2 { background: url(/images/covid_naju/vaccine_map_7.jpg) no-repeat;    width: 100%;    height: 380px;    min-width: 240px;    background-position: center;    font-size: 0;    text-indent: -99999px;    display: block;	overflow: hidden;}
.sub_tab03 {display: none;}
.stit03 {clear:both; font-size:18px; color:#3a3a3a; background:url("/images/covid_naju/n_bg_tit.png") no-repeat left 3px; padding-left:30px; letter-spacing:-0.5px;}
/*종합지원대책*/
.tbl_top_cate ul{border-top : 2px solid #000; width: 95%; margin: 0 auto; padding-top: 20px;}
.tbl_top_cate ul li{float: left; margin-right: 20px; width: 262px; margin-bottom: 20px;}
.tbl_top_cate ul li:last-child{margin-right:0}
.tbl_top_cate ul li a{position:relative; display:block; background:#eaeaea; text-align:center; height:50px; line-height:55px; border-radius:10px; color:#414141; font-size:18px; -webkit-transition: all .3s ease-in-out; transition: all .3s ease-in-out;}
/*.tbl_top_cate ul li a:after{content:''; display:block; width:24px; height:24px; border-radius:3px; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); position:absolute; left:50%; margin-left:-12px; top:40px; -webkit-transition: all .3s ease-in-out; transition: all .3s ease-in-out;}*/

.mat20 {margin-top:20px;}
.mat30 {margin-top:30px;}
.mat40 {margin-top:40px;}
.mab20 {margin-bottom:20px;}
.mab30 {margin-bottom:30px;}
.mab40 {margin-bottom:40px;}
/*전제*/
.tbl_top_cate ul li:nth-child(1) a{background:#e0e0e0;}
.tbl_top_cate ul li:nth-child(1) a:hover, .tbl_top_cate ul li:nth-child(1).on a{background:#333; color:#fff;}
.tbl_top_cate ul li:nth-child(2) a{background:#e0e0e0}
.tbl_top_cate ul li:nth-child(2) a:hover, .tbl_top_cate ul li:nth-child(2).on a{background:#bb2c38; color:#fff;}
.tbl_top_cate ul li:nth-child(3) a{background:#e0e0e0;}
.tbl_top_cate ul li:nth-child(3) a:hover, .tbl_top_cate ul li:nth-child(3).on a{background:#488bdd; color:#fff;}
.tbl_top_cate ul li:nth-child(4) a{background:#e0e0e0;}
.tbl_top_cate ul li:nth-child(4) a:hover, .tbl_top_cate ul li:nth-child(4).on a{background:#30a57e; color:#fff;}
.tbl_top_cate ul li:nth-child(5) a{background:#e0e0e0;}
.tbl_top_cate ul li:nth-child(5) a:hover, .tbl_top_cate ul li:nth-child(5).on a{background:#e86530; color:#fff;}
@media screen and ( max-width:890px ){
	#sub_cont07 div h3.con_tit {font-size: 26px;}
	.vaccine .siz_50 {font-size: 37px;}
	.vaccine > div > dl > dt {font-size: 18px;}	
}
@media screen and ( max-width:690px ){
	.vaccine .siz_50 {font-size: 23px; letter-spacing: -0.1em;}
	.vaccine > div > dl > dt {font-size: 12px;}
	.vaccine > div > dl.before > dt {letter-spacing: -0.2em;}
}

@media screen and ( max-width:532px ){
	#gnb ul li a {font-size: 15px;}	
}

@media screen and ( max-width:469px ){
	#gnb ul li a {font-size: 11px;}	
}