@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','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%;}



#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_yyg/covid_main_sp.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_yyg/covid_main_sp.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;}



/* 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_yyg/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_yyg/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_yyg/gnb_new_win_w.png") no-repeat 91% center;}

#gnb .col4 li {width:25%;}
#gnb .col5 li {width:20%;}
#gnb .col6 li {width:14.66%;}
#gnb .col7 li {width:14.28%;}

.tab_contents {display:none;}
.tab_contents.active {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;}


iframe {border: 0;}




@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; }
	#header .inner .right_links li a.kcdc span.kcdc_logo { margin-left:0px; background-position: 0 -62px; 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; }
}

@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:40px; }
	#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 {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;}

}

@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: #233d70; 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: -3px; text-align: center;}
#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;font-weight:normal;word-break: keep-all;word-wrap:break-word;}
#content .tbl_basic th {background-color:#f5f5f5;}
#content .tbl_basic td {color:#555;}
#content .tbl_basic th:last-child{border-right:0;}
#content .tbl_basic .brn {border-right:0;}
#content .tbl_basic tfoot th,
#content .tbl_basic tfoot td {font-weight:bold;background-color:#f4f5f9;}

#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 auto;padding:5px 0;width:110px;font-size:14px;border-radius:30px;}
#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 .img_wrap {width:100%;margin-bottom:20px;}
#content .img_wrap .img_box {position:relative;width:100%;margin-bottom:20px;}


/* 버튼 */
#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;}



/* 텍스트 */
#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;}
#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 #bf195d;}
#content .confirm_body .confirm_list > li.active .col {font-weight:bold;background-color:#ffeef5;}
#content .confirm_body .confirm_list > li.active .route_box {display:block;}


/* 이동경로 - 수정 김민경 */

#content .confirm_head_new ul li:nth-child(1) {width:10% !important;}
#content .confirm_head_new ul li:nth-child(2) {width:20% !important;}
#content .confirm_head_new ul li:nth-child(3) {width:20% !important;}
#content .confirm_head_new ul li:nth-child(4) {width:15% !important;}
#content .confirm_head_new ul li:nth-child(5) {width:15% !important;}
#content .confirm_head_new ul li:nth-child(6) {width:5% !important;}
#content .confirm_head_new ul li:nth-child(7) {width:15% !important;}

#content .confirm_body_new .confirm_list .col:nth-child(1) {width:10% !important;}
#content .confirm_body_new .confirm_list .col:nth-child(2) {width:20% !important;}
#content .confirm_body_new .confirm_list .col:nth-child(3) {width:20% !important;}
#content .confirm_body_new .confirm_list .col:nth-child(4) {width:15% !important;}
#content .confirm_body_new .confirm_list .col:nth-child(5) {width:15% !important;}
#content .confirm_body_new .confirm_list .col:nth-child(6) {width:5% !important;}
#content .confirm_body_new .confirm_list .col:nth-child(7) {width:15% !important;}

.con_box{ border:1px solid #093255; padding:30px; background-color:#f3f3f3;}


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

	#content .status .status_list li .tit {width:80%; margin: 0 10%;}
	#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;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;}


	/* 버튼 */
	#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;}




/* UL, OL, DL */
* html ul li {height:1%; }

#content ul.basic { margin-left:2px; margin-top:20px;}
#content ul.basic li {margin-bottom:4px;}
#content ul.basic > li {padding:0 0 0 9px; background:url("/images/www/contents/ulli_bl.gif") no-repeat left 10px; text-align:justify;}

#content ul.basic ul {margin-top:10px;}
#content ul.basic ul li {padding:0 0 0 8px; background:url("/images/www/contents/ulliul_bl.gif") no-repeat left 7px;  text-align:justify; margin:3px 0 0; line-height:130%;}

#content ul.basic ul {margin-top:10px;}
#content ul.basic ul > li ul li {padding:0 0 0 8px; background:url("/images/www/contents/ulliul_bl2.gif") no-repeat left 10px;  text-align:justify; margin:3px 0 0; line-height:130%;}

#content ol.basic { margin-top:20px;}
#content ol.basic li {margin-bottom:4px;}
#content ol.basic > li {padding:0 0 8px 2px; margin:5px 0 8px 20px; text-align:justify; list-style-type:decimal; border-bottom:1px dashed #c9c9c9;}

#content ol.basic ul {margin-top:10px;}
#content ol.basic ul > li {padding:0 0 0 8px; background:url("/images/www/contents/ulliul_bl.gif") no-repeat left 7px;  text-align:justify; margin:3px 0 0; line-height:130%;}

#content ol.basic ul {margin-top:10px;}
#content ol.basic ul > li ul li {padding:0 0 0 8px; background:url("/images/www/contents/ulliul_bl2.gif") no-repeat left 10px;  text-align:justify; margin:3px 0 0; line-height:130%;}


#content h4 {clear:both; margin:30px 0 0 0; padding:0;  font-size:18px;  font-weight:500; text-align:left; color: #093255; letter-spacing:-0.3px; }
#content h4.c0 {margin-top:0;}

#content h5 { clear:both; margin-top:20px; background:url("/images/www/contents/h5_bl.png") no-repeat 1px 7px; font-size:16px; color:#131313; font-weight:400; padding-left:20px;}

#content .txt, p.basic { clear:both; text-align:justify; padding:2px 0; margin:20px 0 0 0; }
#content p.line { clear:both; text-align:justify;  margin:20px 0 0 2px; padding:0 0 7px 9px; background:url("/images/www/contents/ulli_bl.gif") no-repeat left 10px; border-bottom:1px dashed #c9c9c9;}

/*폰트컬러*/
.c_or { color:#f04e30;} /*주황색*/
.c_bu { color:#093255;} /*남색*/
.c_gr { color:#067c28;} /*초록색*/
.c_bl { color:#131313;} /*검정*/
.c_red { color:#d70d11;} /*빨강*/
.fw4 { font-weight:400;} /*font-weight*/


.mar0 {margin-right:0 !important;}
.mar5 {margin-right:5px !important;}
.mar10 {margin-right:10px !important;}
.mar15 {margin-right:15px !important;}
.mar20 {margin-right:20px !important;}
.mar25 {margin-right:25px !important;}
.mar30 {margin-right:30px !important;}
.mar35 {margin-right:35px !important;}
.mar40 {margin-right:40px !important;}
.mar45 {margin-right:45px !important;}
.mar50 {margin-right:50px !important;}
.mar55 {margin-right:55px !important;}
.mar60 {margin-right:60px !important;}
.mar70 {margin-right:70px !important;}
.mar80 {margin-right:80px !important;}
.mar90 {margin-right:90px !important;}
.mar100 {margin-right:100px !important;}
.mar120 {margin-right:120px !important;}
.mar130 {margin-right:130px !important;}
.mar140 {margin-right:140px !important;}
.mar150 {margin-right:150px !important;}

.mab0 {margin-bottom:0 !important;}
.mab5 {margin-bottom:5px !important;}
.mab10 {margin-bottom:10px !important;}
.mab15 {margin-bottom:15px !important;}
.mab20 {margin-bottom:20px !important;}
.mab25 {margin-bottom:25px !important;}
.mab30 {margin-bottom:30px !important;}
.mab35 {margin-bottom:35px !important;}
.mab40 {margin-bottom:40px !important;}
.mab45 {margin-bottom:45px !important;}
.mab50 {margin-bottom:50px !important;}
.mab55 {margin-bottom:55px !important;}
.mab60 {margin-bottom:60px !important;}
.mab65 {margin-bottom:65px !important;}
.mab70 {margin-bottom:70px !important;}
.mab75 {margin-bottom:75px !important;}
.mab80 {margin-bottom:80px !important;}
.mab85 {margin-bottom:85px !important;}
.mab90 {margin-bottom:90px !important;}
.mab95 {margin-bottom:95px !important;}

.ma0 {margin:0 !important;}
.ma5 {margin:5px !important;}
.ma10 {margin:10px !important;}
.ma15 {margin:15px !important;}
.ma20 {margin:20px !important;}
.ma25 {margin:25px !important;}
.ma30 {margin:30px !important;}
.ma35 {margin:35px !important;}
.ma40 {margin:40px !important;}
.ma45 {margin:45px !important;}
.ma50 {margin:50px !important;}

.mat0 {margin-top:0 !important;}
.mat3 {margin-top:3px !important;}
.mat5 {margin-top:5px !important;}
.mat10 {margin-top:10px !important;}
.mat12 {margin-top:12px !important;} /*10경 사진콘텐츠 위아래 여백 좁을시*/
.mat15 {margin-top:15px !important;}
.mat20 {margin-top:20px !important;}
.mat25 {margin-top:25px !important;}
.mat30 {margin-top:30px !important;}
.mat35 {margin-top:35px !important;}
.mat40 {margin-top:40px !important;}
.mat45 {margin-top:45px !important;}
.mat50 {margin-top:50px !important;}
.mat54 {margin-top:54px !important;} /*h3, p태그 등등 기본여백사이즈 할시*/
.mat60 {margin-top:60px !important;}
.mat70 {margin-top:70px !important;}
.mat80 {margin-top:80px !important;}
.mat90 {margin-top:90px !important;}
.mat100 {margin-top:100px !important;}
.mat110 {margin-top:110px !important;}
.mat120 {margin-top:120px !important;}
.mat130 {margin-top:130px !important;}
.mat140 {margin-top:140px !important;}
.mat150 {margin-top:150px !important;}
.mat200 {margin-top:200px !important;}
/*--  th에 사이즈가 필요할시 사용 --*/
th.th_5 {width:5%;}
th.th_8 {width:8%;}
th.th_10 {width:10%;}
th.th_12 {width:12%;}
th.th_15 {width:15%;}
th.th_18 {width:18%;}
th.th_20 {width:20%;}
th.th_25 {width:25%;}
th.th_30 {width:30%;}
th.th_35 {width:35%;}
th.th_40 {width:40%;}
th.th_45 {width:45%;}
th.th_50 {width:50%;}

/*--  td에 사이즈가 필요할시 사용 --*/
td.td_5 {width:5%;}
td.td_10 {width:10%;}
td.td_20 {width:20%;}
td.td_30 {width:30%;}
td.td_40 {width:40%;}
td.td_50 {width:50%;}
td.td_60 {width:60%;}
td.td_70 {width:70%;}




/*소상공인 지원신청*/
.sub_cont01 {display:none;}
.sub_cont01.active {display:block;}

.con_sub_tab{
    width: 100%;
    float: left;
    margin-bottom: 30px;
}
.con_sub_tab > ul{
    width: 100%;
}
.con_sub_tab > ul > li{
    display: block;
    float: left;
    width: 49.5%;
    margin-right:1%;
}
.con_sub_tab > ul > li:last-child{margin-right:0px;}
.con_sub_tab > ul > li > a{
    text-align: center;
    display: block;
    float: left;
    width: 100%;
    padding: 10px 0;
    background: #eee;
    border-radius:5px 5px 0px 0px;
    border:1px solid #eee;
     border-top:3px solid #eee;
}
.con_sub_tab > ul > li.active > a{background: #fff; color:#233d70; font-weight:bold; border:1px solid #233d70; text-decoration:none; border-top:3px solid #233d70; }
.con_sub_tab > ul > li > a:hover{text-decoration:none;}


.align_left{text-align:left !important;}
.img_center{margin:0 auto; display:table;}


  ul.img_col2 { margin:20px 0 20px; width: 100%; display:inline-block;}
  ul.img_col2 li {display: inline-block; text-align: center; width: 49%;float:left; }
 ul.img_col2 li img { width:100%; height:auto; }
 ul.img_col2 li:first-child {margin-right: 2%;}
@media screen and ( max-width:768px ){
	ul.img_col2 li {width:100%;}
}

.align_center{text-align:center;}