@charset "utf-8";

/* 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; min-width: 320px;} /* 뷰표트 변환시 폰트크기 자동확대 방지 */
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:'Malgun Gothic','맑은 고딕','Dotum','돋움','Arial';letter-spacing:-0.05em;} /* 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}
.align_left{text-align:left !important;}

#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: #d0f2ff; height: 220px; }
#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 .logo a.yeosu_logo{background:url("/images/covid_www/covid_main_sp.png") no-repeat 0 0; width:162px; height:38px; display:inline-block; text-indent:-99999px; margin-top: 3px;}
#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:13px; border:1px solid #000; border-radius:2px; line-height:57px; }
#header .inner .right_links li a span.new_win { background:url("/images/covid_www/covid_main_sp.png") no-repeat -44px -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_www/covid_main_sp.png") no-repeat 0px -94px; width:111px; height:32px; display:inline-block; text-indent:-99999px; margin-left:8px; line-height:29px; }
#header .inner .right_links li a:hover span.kcdc_logo{ background-position: 0px -49px;}
#header .inner .right_links li a:hover { background-color:#233d70; border:1px solid #233d70; transition:ease-in-out 0.4s; text-decoration:none; color:#fff;}
#header .inner .right_links li a:hover span.new_win{background-position: 0px -137px;}
#header .inner .main_tit {clear: both; font-size:45px; color:#0e3279; letter-spacing:-4px; margin:92px 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 #0e3279;background-color:#fff;vertical-align:middle;word-break: keep-all; word-wrap: break-word;}
#gnb ul li:hover{background:#333; transition:ease-in-out 0.4s;}
#gnb ul li:first-child {border-left:1px solid #0e3279;}
#gnb ul li a {display:block;padding:18px 0;font-size:18px;text-align:center;}
#gnb ul li.active {background: #0e3279;}
#gnb ul li.active a {color:#fff;}
#gnb ul li a:hover {color:#fff; text-decoration:none;} 
/*#gnb ul li a:hover {text-decoration:none; background:#333; transition:ease-in-out 0.4s; color:#fff; }*/
#gnb ul li a span.icon_link {background:url("/images/covid_www/gnb_new_win_b.png") no-repeat 97% center; text-indent: -99999px; display:block; width: 22px; height:24px; margin-left: 88%; margin-top: -24px;}
#gnb ul li a:hover span.icon_link {transition:ease-in-out 0.4s; background:#333 url("/images/covid_www/gnb_new_win_w.png") no-repeat 97% center;}

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

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

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

/* content */
#content {position:relative;margin:0 auto;padding:5px 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;}

.top_btn p.btn_r {text-align: right; width: 1075px; margin: auto;}


@media screen and (max-width:1517px){
	div.top_btn p a.p1{width: 198px; margin-right: 20px;}
	}

@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: 100%;}*/
	#content .bg_none_group_01 > div:first-child{margin-right: 4%;}
	#content .status_group .status .status_list li{height: 165px;}
	
	.display_min{ display: none;}
	.display_max{ display: block;}	
}
@media screen and (max-width:1500px){
	/*#content .bg_none_group_01 > div:first-child{margin-bottom: 100px;}*/
	#content .col_group:first-child .status .status_list li{height: 149px;}
	#content .status_group.status .status_list li .tit span{display: block;}
	#content .bg_none_group_02 .status_list li .tit span{display: inline;}
	
	.display_min{ display: none;}
	.display_max{ display: block;}		
	}

@media screen and (max-width:1470px){
	div.top_btn p a.p1 {font-size:18px; width: 178px;}	
	}

@media screen and (max-width:1230px){
	div.top_btn p a.p1 {width: 182px; margin-right: 8px; padding-right: 25px;}
	div table.covid_basic, div table.covid_basic2 { width:1037px;}
	}

@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;}

	.display_min{ display: block;}
	.display_max{ display: none;}

}


/* 테블릿 */
@media screen and ( max-width:1135px ){
	div.top_btn p a.p1 { width: 435px; margin:0 auto;}	
	}	
@media screen and ( max-width:1123px ){
	div.top_btn p a.p1 { width: 395px; margin:0 auto;}
	}	
@media screen and ( max-width:1025px )and ( max-width:1040px ){
	div.top_btn p a.p1 { width: 188px; margin-right: 8px; padding-right: 25px;}
	}
	
@media screen and ( max-width:1024px ){
	

	/* gnb 탭 */
	#gnb ul li a {font-size:1em;}
	
	.display_min{ display: block;}
	.display_max{ display: none;}
.top_btn p.btn_r {width: 100%; text-align: center;}
    
}

@media screen and ( min-width:900px )and ( max-width:1000px ){
	div.top_btn p a.p1 {width: 330px; margin: 0 auto;}
	}

	

/* 모바일 */
@media screen and ( max-width:499px ){
	
	#header { height: 190px; }
	#header .inner .main_tit { font-size:33px; margin:70px auto 0px; font-weight: 500; }
	#header img {height:36px;}
	#header .inner .right_links{display: none;}
	/*#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 -72px; 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; }*/
	.display_min{ display: block;}
	.display_max{ display: none;}				
}

@media screen and ( min-width:499px )and ( max-width:768px ){
	
	/* header */
	
	#header { height: 220px; }
	#header .inner {padding:20px 10px;}
	#header .inner .main_tit { font-size:44px; }
	#header a {height:30px;}
	#header img {height:55px;}
	#header .inner .right_links{display: none;}
	/*#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; }*/
	
	.display_min{ display: none;}
	.display_max{ display: block;}				
	
}

@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 .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;}

/*	.display_min{ display: none;}
	.display_max{ display: block;}		*/	
	.c_box.iconbox {background: none !important;}
	.iconbox .info {margin-left:0 !important;}

}

@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;/* min-height: 500px; */} 
#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: #0e3279; padding:10px 30px; }
#content .bg_none_group_02 { background-color: #0e3279; 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.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; }

.w5 {width:5%;}
.w10 {width:10%;}
.w20 {width:20%;}
.w25 {width:25%;}
.w30 {width:30%;}
.w40 {width:40%;}
.w50 {width:50%;}
.w60 {width:60%;}
.w70 {width:70%;}
.w80 {width:80%;}
.w90 {width:90%;}
.w100 {width:100%;}
.w278 {width: 278px !important;}

.tab_01 {width:95% !important; margin:0px auto !important;}
/* 공통 테이블 */
#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; 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_center td.ing{color: #d20012; font-weight: 600;}
#content .tbl_all_td_center td.txt_ing,#content .tbl_all_td_center td.txt_ing a{font-weight: 600; color: #000;}
#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; word-break: keep-all;}
#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;}



/* 텍스트 */
#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; word-break: break-all;}
#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_head ul li span { display: inline-block;}

/*#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 3px;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 .col span { display: inline-block;}

#content .confirm_body .confirm_list > li.active .route_box {display:block;}



@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:1130px ){
	#gnb ul li a{font-size: 16px;}
	div table.covid_basic, div table.covid_basic2{width: 900px;}
	div.top_btn p a.p1{ padding: 10px 30px; width: 387px;}
}
@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;}
	#gnb ul li a{font-size: 16px;}
	div table.covid_basic, div table.covid_basic2 {width: 750px;}
	div.top_btn p a.p1{padding: 10px 20px; width: 334px; font-size: 18px; margin: 0 auto;}	

}

@media screen and ( max-width:1050px ){
	div.top_btn p a.p1{padding: 10px 20px; width: 334px; font-size: 18px; margin: 0 auto;}
	}

@media screen and (max-width:900px) and (max-width:1000px){
	#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%;}
	div table.covid_basic, div table.covid_basic2{width: 570px;}
	div.top_btn p a.p1{margin: 0 auto; width: 75%; font-size: 18px; margin-top: 5px;}
	div a.view_txt{text-align:center; display:block;}
}

/* 모바일 */
@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 {margin-top:0px; 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;}
	
	/* 상태값 */
	span.state { line-height: 35px;    height: 35px;    border-radius: 8px;    display: inline-block;    overflow: hidden;    text-align: center;}
	span.state03 {background: #f3c204; color:#362b00; }

	/* 업데이트 */
	#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:15%;}
	#content .confirm_head ul li:nth-child(2) {width:15%;}
	#content .confirm_head ul li:nth-child(3) {width:15%;}
	#content .confirm_head ul li:nth-child(4) {width:15%;}
	#content .confirm_head ul li:nth-child(5) {width:15%;}
	#content .confirm_head ul li:nth-child(6) {width:15%;}
  
  	#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:15%;}
	#content .confirm_body .confirm_list .col:nth-child(2) {width:15%;}
	#content .confirm_body .confirm_list .col:nth-child(3) {width:15%;}
	#content .confirm_body .confirm_list .col:nth-child(4) {width:15%;}
	#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 > 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;}

/* 공지사항 */
#content .confirm_body .confirm_list_notice .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_notice .col:nth-child(1) {width:46%; border-left:1px solid #ccc;}
#content .confirm_body .confirm_list_notice .col:nth-child(2) {width:20%; border-right:1px solid #ccc;}
/*#content .confirm_body .confirm_list_notice .col:nth-child(3) {width:20%;}
#content .confirm_body .confirm_list_notice .col:nth-child(4) {width:17%;}
#content .confirm_body .confirm_list_notice .col:nth-child(5) {width:15%;}
#content .confirm_body .confirm_list_notice .col:nth-child(6) {width:15%;}*/

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

#content .confirm_body .confirm_list_notice > li.active:nth-child(1) {  border-top:1px solid #ccc; }
#content .confirm_body .confirm_list_notice > li.active .col {font-weight:bold; background-color:#eee; }
#content .confirm_body .confirm_list_notice > li.active .route_box {display:block;}

#content .confirm_body .confirm_list_notice > li.active .route_box { font-size: 18px; }
#content .confirm_body .confirm_list_notice > li.active .route_box  span.corona_date { font-weight: bolder;  margin-right: 5px; display: block; float: left;}
#content .confirm_body .confirm_list_notice > li.active .route_box  span.corona_red {color: red; font-size: 16px;}


#content .confirm_body .confirm_list_notice > li.active .route_box .notice_btn {text-align:right !important;}
#content .confirm_body .confirm_list_notice > li.active .route_box .notice_btn .btn {color:#fff;border-color:#f75819;background-color:#f75819;}
#content .confirm_body .confirm_list_notice > li.active .route_box .notice_btn .btn:hover {color:#f75819;background-color:#fff;}



/*컨텐츠 박스*/
.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:0; background: url("/images/common/sub/yeosu_content_boxico.png") no-repeat 42px 22px; min-height:135px; }
.iconbox .info { margin-left:152px; padding:25px; }
.mat15 {margin-top:15px;}
.mab20 {margin-bottom:20px;}

/*상단버튼*/

	.top_btn {display: block; margin:20px auto; text-align: center;}
	.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:last-child{margin-right: 0;}
	.top_btn p a span.icon_link{ background:url("/images/covid_www/covid_main_sp.png") no-repeat -88px -137px; width: 20px; height: 22px; display: inline-block; line-height: 1; padding-left: 13px; text-indent: -99999px;}
	span.icon_link{margin-left: 18px;}
	.top_btn p a:hover span.icon_link{ background-position: 0px -137px;}
	.top_btn p a:hover, .top_btn p a.p1.on {background: #cc2634; color: #fff;}


/*###################################################### 정리 필요. 광주시청 스타일 가져옮 ################################################*/
/* 20200329 서희진 옮겨옮. - 20200330 한설희 수정*/
.date_title {display:block; font-size:44px; letter-spacing:0;  text-align: center; color:#fff; padding-bottom: 20px; line-height: 55px;}
.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; */
	width:75%;
    margin: 10px auto;
    color: #fff
}

.mp_02_num {
    /*padding-top: 15px*/
}

.mp_03_num {
   /* padding-top: 25px*/
}

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

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

div.current_list .col1 {
    width: 100px
}

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:885px){
	span.btn_yeosu_health{	display: block; width: 125px; margin:0 auto; margin-top: 5px;}
	a._btn_show span.btn_yeosu_health{width: 60px;}
}

@media all and (max-width:800px) {
    div.current_list {
        padding-bottom: 20px
    }
    .mp_02_num {
       /* padding-top: 5px*/
    }
    .mp_03_num {
        /*padding-top: 15px*/
    }
    .date_title {
        font-size: 30px
    }
    .corona_title {
        font-size: 20px;
        margin: 20px 0
    }
	.jeonnam {margin-top:30px;}
}


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

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

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

.status_mokpo>div.status_mp_02 {
    background-color: #457fba;
}

.status_mokpo>div.status_mp_03 {
    background-color: #2a9e9e;
    margin: 0 1% 15px
}

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

.status_mokpo>div.status_mp_01>p.mp_tit1 {
    background-color: #910a05
}

.status_mokpo>div.status_mp_02>p.mp_tit1 {
    background-color: #000075
}

.status_mokpo>div.status_mp_03>p.mp_tit1 {
    background-color: #004e52
}

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

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

.status_mokpo>div.status_mp_02>p.total_counter span,
.status_mokpo>div.status_mp_03>p.total_counter span {
    color: #fff;
    font-size: 48px
}

div.current_list {
    display: table;
    width: 200px;
	/* width:75%;*/
    margin: 20px auto 10px;
    color: #fff
}

.status_mp_01 .current_list .row_group .row span.counter{ color: #ffe400; }

div.current_list .row_title { /*border-bottom: solid #FFF 1px;*/ }
div.current_list .row_title.row_title01 {  display:none; }
div.current_list .row_title.row_title02 {  line-height: 0px; font-height:20px; margin: 10px 0; text-indent: -5555px; }
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 .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
    } 
    .date_title {
		padding-bottom: 30px;
    }
    .corona_title {
        font-size: 20px;
        margin: 20px 0
    }
    .status_mokpo>div>p {
        font-size: 18px
    }
    .status_mokpo>div.status_mp_01 {
        margin-bottom: 10px
    }
    .status_mokpo>div.status_mp_02 {
        margin-bottom: 10px
    }
    .status_mokpo>div.status_mp_03 {
        margin-bottom: 10px
    }
    .status_mokpo>div.status_mp_01>p.total_counter span,
    .status_mokpo>div.status_mp_02>p.total_counter span,
    .status_mokpo>div.status_mp_03>p.total_counter span {
        font-size: 28px
    }
}
@media all and (max-width:768px) {
	.status_mokpo>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
    }
}

@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;}
	}		

.fw3{ font-weight:300;}
.fw4{ font-weight:400;}
.fw5{ font-weight:500;}

/* 간격조정 */

.mal0 {margin-left:0 !important;}
.mal5 {margin-left:5px !important;}
.mal10 {margin-left:10px !important;}
.mal15 {margin-left:15px !important;}
.mal20 {margin-left:20px !important;}
.mal25 {margin-left:25px !important;}
.mal30 {margin-left:30px !important;}
.mal35 {margin-left:35px !important;}
.mal40 {margin-left:40px !important;}
.mal45 {margin-left:45px !important;}
.mal50 {margin-left:50px !important;}
.mal55 {margin-left:55px !important;}
.mal60 {margin-left:60px !important;}
.mal65 {margin-left:65px !important;}
.mal70 {margin-left:70px !important;}
.mal75 {margin-left:75px !important;}
.mal80 {margin-left:80px !important;}
.mal85 {margin-left:85px !important;}
.mal90 {margin-left:90px !important;}
.mal95 {margin-left:95px !important;}
.mal100 {margin-left:100px !important;}
.mal120 {margin-left:120px !important;}
.mal130 {margin-left:130px !important;}
.mal140 {margin-left:140px !important;}
.mal150 {margin-left:150px !important;}
.mal-5 {margin-left:-5px !important;}
.mal-10 {margin-left:-10px !important;}
.mal-15 {margin-left:-15px !important;}
.mal-20 {margin-left:-20px !important;}
.mal-25 {margin-left:-25px !important;}
.mal-30 {margin-left:-30px !important;}
.mal-35 {margin-left:-35px !important;}
.mal-40 {margin-left:-40px !important;}
.mal-45 {margin-left:-45px !important;}
.mal-50 {margin-left:-50px !important;}

.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;}
.mar65 {margin-right:65px !important;}
.mar70 {margin-right:70px !important;}
.mar75 {margin-right:75px !important;}
.mar80 {margin-right:80px !important;}
.mar85 {margin-right:85px !important;}
.mar90 {margin-right:90px !important;}
.mar95 {margin-right:95px !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;} 
.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;}
.mat55 {margin-top:55px !important;} 
.mat60 {margin-top:60px !important;}
.mat65 {margin-top:65px !important;}
.mat70 {margin-top:70px !important;}
.mat75 {margin-top:75px !important;}
.mat80 {margin-top:80px !important;}
.mat85 {margin-top:85px !important;}
.mat90 {margin-top:90px !important;}
.mat95 {margin-top:95px !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;}

.mat-5 {margin-top:-5px !important;}
.mat-10 {margin-top:-10px !important;}
.mat-15 {margin-top:-15px !important;}
.mat-20 {margin-top:-20px !important;}
.mat-25 {margin-top:-25px !important;}
.mat-30 {margin-top:-30px !important;}
.mat-35 {margin-top:-35px !important;}
.mat-40 {margin-top:-40px !important;}
.mat-45 {margin-top:-45px !important;}
.mat-50 {margin-top:-50px !important;}

.pal0 {padding-left:0px !important;}
.pal5 {padding-left:5px !important;}
.pal10 {padding-left:10px !important;}
.pal15 {padding-left:15px !important;}
.pal20 {padding-left:20px !important;}
.pal25 {padding-left:25px !important;}
.pal30 {padding-left:30px !important;}
.pal35 {padding-left:35px !important;}
.pal40 {padding-left:40px !important;}
.pal45 {padding-left:45px !important;}
.pal50 {padding-left:50px !important;}
.pal55 {padding-left:55px !important;}
.pal60 {padding-left:60px !important;}
.pal65 {padding-left:65px !important;}
.pal70 {padding-left:70px !important;}
.pal75 {padding-left:75px !important;}
.pal80 {padding-left:80px !important;}
.pal85 {padding-left:85px !important;}
.pal90 {padding-left:90px !important;}

.par0 {padding-right:0 !important;}
.par5 {padding-right:5px !important;}
.par10 {padding-right:10px !important;}
.par15 {padding-right:15px !important;}
.par20 {padding-right:20px !important;}
.par25 {padding-right:25px !important;}
.par30 {padding-right:30px !important;}
.par35 {padding-right:35px !important;}
.par40 {padding-right:40px !important;}

.pat0 {padding-top:0px !important;}
.pat5 {padding-top:5px !important;}
.pat10 {padding-top:10px !important;}
.pat15 {padding-top:15px !important;}
.pat20 {padding-top:20px !important;}
.pat25 {padding-top:25px !important;}
.pat30 {padding-top:30px !important;}
.pat35 {padding-top:35px !important;}
.pat40 {padding-top:40px !important;}
.pat45 {padding-top:45px !important;}
.pat50 {padding-top:50px !important;}
.pat60 {padding-top:60px !important;}
.pat70 {padding-top:70px !important;}
.pat80 {padding-top:80px !important;}
.pat90 {padding-top:90px !important;}

.pab0 {padding-bottom:0 !important;}
.pab5 {padding-bottom:5px !important;}
.pab10 {padding-bottom:10px !important;}
.pab15 {padding-bottom:15px !important;}
.pab20 {padding-bottom:20px !important;}
.pab25 {padding-bottom:25px !important;}
.pab30 {padding-bottom:30px !important;}
.pab35 {padding-bottom:35px !important;}
.pab40 {padding-bottom:40px !important;}
.pab50 {padding-bottom:50px !important;}

.pa0{padding:0 !important;}
.pa5{padding:5px !important;}
.pa10{padding:10px !important;}
.pa15{padding:15px !important;}
.pa20{padding:20px !important;}
.pa25{padding:25px !important;}
.pa30{padding:30px !important;}
.pa35{padding:35px !important;}
.pa40{padding:40px !important;}
.pa45{padding:45px !important;}
.pa50{padding:50px !important;}

@media all and (max-width:640px){
	div table.covid_basic {width: 405px;}
	div.top_btn p a.p1{width: 80%; margin:0 auto; margin-top: 5px;}
	div table.covid_basic2 {width: 100% !important;}
}
@media all and (max-width:500px)and(max-width:735px){
	div table.covid_basic {width: 500px;}
	}
@media all and (max-width:500px){
	div.top_btn p a.p1{margin:0 auto; margin-top: 5px;} 
	div table.covid_basic {width: 100%;}
	#gnb ul li a {font-size: 14px !important;}
	a.ls-01 {letter-spacing: -0.1em;}
	}
@media all and (max-width:375px){
	div.top_btn p a.p1{width: 80%; margin:0 auto; margin-top: 5px;} 
	}	
	

span.icon_new1, span.icon_new {
    background: transparent url("/images/board/board_cont_bg.png") no-repeat scroll -209px 0;
    display: inline-block; /* new */
    height: 20px;
	margin-left:5px;
    text-indent: -5000px;
    vertical-align: middle;
    width: 40px;
}

span.icon_new2 {
	background-color: red;
	color: white;
	margin: 0 5px 0 0;
	width: 11px;
	height: 11px;
	text-align: center;
	line-height: 11px;
	display: inline-block;
	border-radius: 2px;
	font-size: 10px;
	font-family: 'Dotum','돋움';
	font-weight: bold;
	margin-top: 6px;
	vertical-align: top;
}

.bulList01{box-sizing:border-box}
.bulList01 > li {background:url("/images/covid_www/bul_list01.png") no-repeat left 7px; padding-left:10px; margin-bottom:5px;font-size:16px}
.bulList01 > li > a{font-weight:500;color:#0050c9;margin:0 5px;border-bottom:1px dotted #0050c9}
.bulList01 > li > strong{color:#333; font-weight: 500;}
.bulList01 > li ul { margin-top:5px}
.stit03 {clear:both; font-size:18px; color:#3a3a3a; background:url("/images/covid_www/n_bg_tit.png") no-repeat left 3px; padding-left:30px; letter-spacing:-0.5px;}
.btn_yeosu_health{border-radius: 5px; padding: 5px 20px;  background-color: #202671; color: #fff; width: 50px; margin-left: 5px; text-align: center;}
div.info_box_call {color:#0b64bf; margin:0 0 15px 0;}
.sub_cont02 .box_group .basicimgbox ul.procedure_box{text-align:center;}
.align_center{text-align:center;}
ul.procedure_box{    margin: 0; padding: 0; text-align: center;}
ul.procedure_box li{/*float: left;*/ margin-bottom: 12px;  margin-right: 40px;  background: #ccedf9; padding: 10px 30px; border-radius: 5px; font-size: 18px; display: inline-block;}	
span.arrow{text-indent: -99999px; background:url("/images/covid_www/ico_arrow.png") no-repeat; display: inline-block; width: 20px; height: 20px; left: 58px; position: relative; top: 4px;}
span.pro_tit{color: #0e3279; font-weight: 600;}
.tbl_wrap_line{border-top: none !important;}
.tbl_line{border-top: 1px solid #000;}
div a.view_txt{margin-right: 5px;}
div.view_sub_txt{margin-top: 10px;}

/*발생동향*/
.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 th.th_txt{ background-color:#c03322;}
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;}

/*종합지원대책*/
.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;}*/

/*전제*/
.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 all and (max-width:1540px){
	.tbl_top_cate ul li{width: 200px;}
	}
@media all and (max-width:1230px){
	.tbl_top_cate ul li{margin-right: 12px;}
	.tbl_top_cate ul li a{font-size: 16px;}
	}
@media all and (max-width:712px){
	.tbl_top_cate ul li{width: 47%;}
	.tbl_top_cate ul li a{padding:0 8px;}
	}
@media all and (max-width:600px){
	.tbl_top_cate ul li{margin: 5px auto; width: 100%;
    margin-right: 10px;}
	.tbl_top_cate ul li:last-child{margin-bottom: 25px;}
	}		

/*예방접종*/
.vaccine_bg {background: #fff url(/images/covid_www/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_map1 {background: url(/images/covid_www/vaccine_map1.jpg?build=20210415) 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_www/vaccine_map2.jpg?build=20210415) no-repeat; width: 100%; height: 380px; min-width: 240px; background-position: center; font-size: 0; text-indent: -99999px; display: block; overflow: hidden;}

.vaccine_table th, .vaccine_table td {padding:5px !important;}
.vaccine_noti {margin:0px auto; min-width: 320px; max-width: 1024px; width: 100%; height: 650px; display: block;}

.sub_tab05 {display: none;}
@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;}
}

/*일일현황*/
.box_group.two_week {background-color: #cddcec !important; max-width: 1019px; margin: auto; border-radius: 8px!important;}
.date_info {color: #0e3279;}
.bg_pt{ background-color: #fff2f0 !important;}