@charset "utf-8";

/* font-face */
@font-face {font-family:'Spoqa Han Sans'; font-style:normal; font-weight:400; src:url(../font/SpoqaHanSansRegular.woff2) format('woff2'), url(../font/SpoqaHanSansRegular.woff) format('woff'), url(../font/SpoqaHanSansRegular.ttf) format('truetype');}
@font-face {font-family:'Spoqa Han Sans'; font-style:normal; font-weight:700; src:url(../font/SpoqaHanSansBold.woff2) format('woff2'), url(../font/SpoqaHanSansBold.woff) format('woff'), url(../font/SpoqaHanSansBold.ttf) format('truetype');}

.main_container{}
.main_embanner { width:100%;}
.mainlive_container { padding-top:5px; padding-bottom:10px; width:100%; height:auto; overflow:hidden; background-color:#eeefef;}
.mainlive_container > .container > div { padding-bottom:25px;}
@media (min-width:1180px) {
	.mainlive_container > .container > div { padding:0;}
}
@media (min-width:768px) and (max-width:1179px) {
	.mainlive_container > .container > div { padding:0 25px;}
}
@media (max-width:767px) {
	.mainlive_container { padding-top:10px; }
	.mainlive_container > .container > div { padding:0 5px;}
}

/**********************************************************************************
	긴급배너
**********************************************************************************/
.main_embanner { width:100%;}
.main_embanner > div { text-align:center; background-color:transparent;}
.main_embanner > div > a { display:block; width:100%; height:100%; text-align:center; overflow:hidden;}
.main_embanner img { text-align:center;   border:1px solid rgba(115,117,149,0.5);  }
@media (min-width:1180px) {
	.main_embanner { overflow:hidden; }
	.main_embanner > div { width:1180px; height:100%; margin:10px auto; }
	.main_embanner img { max-width:100%; }
}
@media (min-width:768px) and (max-width:1179px) {
	.main_embanner {}
	.main_embanner > div { width:100%; padding:0 24px;  margin:10px auto;}
	.main_embanner img { max-width:100%; }
}
@media (max-width:767px) {
	.main_embanner {height:auto;}
	.main_embanner > div { width:100%; height:100%; background-color:#ced2dd}
	.main_embanner img { max-width:100%; vertical-align:bottom}
}

/**********************************************************************************
	현황판_layout
**********************************************************************************/
.liveboard_layout { position:relative; width:100%; height:auto; overflow:hidden; margin-top:10px;}
.liveboard_layout .liveNumOuter {position:absolute; left:0; top:0; width:480px; z-index:2} /* 현황판 */
.liveboard_layout .liveQlinkOuter { position:absolute; right:0; bottom:0; width:230px; z-index:2 } /* 기본정보 퀵배너 */
.liveboard_layout .liveToggleOuter { position:relative; width:100%; } /* 검사현황, 환자동향, 시도별현황 */
.liveToggleOuter > div { /* 여닫음 영역 */}
.liveToggleOuter .live_left { float:left; width:500px;  padding-right:20px; }
.liveToggleOuter .live_right { float:left; width:680px;}

.liveboard_layout h2 { width:100%; font-size:18px; line-height:22px; font-weight:600; color:#174069; }
.liveboard_layout h2 > a {position:relative; display:inline-block; width:100%;}
.liveboard_layout h2 > a,
.liveboard_layout h2 > a:link { font-size:18px; line-height:22px; font-weight:600; color:#174069; }
.liveboard_layout h2 > a > .more { position:absolute; display:inline-block; right:0; top:0; font-size:13px; color:#3d4656; vertical-align:middle}
.liveboard_layout h2 > a > .more::after { content:"＞"; display:inline-block; margin-left:3px; width:16px; height:16px; font-family:'Spoqa Han Sans'; font-size:11px; font-weight:400; line-height:16px; color:#fff; text-align:center; background-color:#a7a7a7; border-radius:100%; vertical-align:middle}
.liveboard_layout .livedate { display:inline-block; margin-left:4px; font-size:14px; font-weight:400; line-height:26px; vertical-align:middle; }
.liveboard_layout h3 {}
.liveboard_layout h3 > * { display:inline-block; vertical-align:middle; }
.liveboard_layout h3 > .title { padding-right:16px; padding-left:16px; font-size:15px;  font-weight:600; letter-spacing:-0.075em; line-height:22px; /* border:1px solid #dcdcdc; border-radius:11px; */ text-align:center;}
.liveboard_layout h3 > .info { margin-left:4px; font-size:13px; color:#174069; }

@media (min-width:1180px) {
	.liveboard_layout .liveQlinkOuter {width:232px;}
	.liveToggleOuter .liveopenBtn { display:none;}
	.liveToggleOuter .live_left { float:left; padding-top:200px; width:500px;  padding-right:20px; }
	.liveToggleOuter .live_right { float:left; width:680px;}
}
@media (min-width:768px) and (max-width:1179px) {
	.liveboard_layout .liveNumOuter {width:100%;} 
	.liveboard_layout .liveQlinkOuter {width:100%;} 
	.liveToggleOuter .liveopenBtn { display:none;}
	.liveToggleOuter .live_left { float:none; padding-top:200px; width:100%;padding-right:0; margin-bottom:20px;}
	.liveToggleOuter .live_right  { float:none; width:100%; padding-bottom:100px;}
}
@media (max-width:767px) {
	.liveboard_layout {padding-bottom:160px;}
	.liveboard_layout .liveNumOuter {width:100%;} 
	.liveboard_layout .liveQlinkOuter {width:100%; right:0;}
		
	.liveToggleOuter { padding-top:188px; }
	.liveToggleOuter .live_left > div, 
	.liveToggleOuter .live_right > div { margin-top:5px;}
	.liveToggleOuter .live_left { float:none; width:100%;padding-right:0; }
	.liveToggleOuter .live_right { float:none; width:100%; margin-top:20px;}
	.liveboard_layout h2 { font-size:16px; }
	.liveboard_layout h2 > a > .more { display:none}
	.liveboard_layout h3 > .title { font-size:13px;}
	.liveboard_layout h3 > .info { font-size:12px;}
	
	.liveNumOuter {background-color:#0b9bc9 !important; }
	.liveNumOuter h2 { padding:10px 0 0 5px; color:#fff;}
	.liveNumOuter h2 > a,
	.liveNumOuter h2 > a:link { color:#fff !important; }
	.liveNumOuter .liveNum_today { border-top:4px solid #164068;}
	.liveNumOuter .liveNum { margin-top:0; border-top:2px solid #164068; }
}

/* 현황판 모바일 Toggle 버튼*/
.liveToggleOuter .liveopenBtn { display:block; width:100%; min-height:36px; margin:5px 0; padding:5px 20px 5px 5px; background:url(../image/sub_cmn/faq_arrow_down.png) no-repeat right center #fff; border:1px solid #a4c3ef; text-align:center; background-color:#fff; border-radius:6px; }
.liveToggleOuter .liveopenBtn > span { font-size:14px; font-weight:600; color:#0064af; }
.liveToggleOuter .main_box_toggle.open { position:relative; width:100%; height:auto; padding:10px; line-height:inherit; overflow:inherit;}
.liveToggleOuter .liveopenBtn.open {background:url(../image/sub_cmn/faq_arrow_up.png) no-repeat right center;}
@media (min-width:1180px) {
	.liveToggleOuter .liveopenBtn { display:none;}
}
@media (min-width:768px) and (max-width:1179px) {
	.liveToggleOuter .liveopenBtn { display:none;}
}

/**********************************************************************************
	현황판_콘텐츠
**********************************************************************************/
/* 환자현황 - 일간*/
.liveNum_today { width:100%;}
.liveNum_today > li { float:left; width:50%; height:34px; overflow:hidden; background-color:#00c2ff; text-align:center;}
.liveNum_today > li:first-child { border-right:1px solid rgba(255,255,255,0.2); }
.liveNum_today > li > * { display:inline-block;font-size:15px; font-weight:600; letter-spacing:-0.05em; vertical-align:middle}
.liveNum_today *[class^="tit"] { color:#000; line-height:34px;}
.liveNum_today *[class^="data"] { margin-left:10px; padding-left:14px; padding-right:14px; font-size:18px; font-family:'Spoqa Han Sans'; font-weight:600; letter-spacing:0;  line-height:24px;/*  border-radius:12px; */ }
.liveNum_today > li:first-child {  background-color:#0b9bc9; }
.liveNum_today > li:nth-child(2) {  background-color:#53a000; }
.liveNum_today .tit1 {}
.liveNum_today .tit2 {}
.liveNum_today .data1 {color:#fff; /* background-color:#ffcc00;  */}
.liveNum_today .data2 {color:#fff; /* background-color:#70bf00; */ }
.liveNum_today::after { content:""; display:block; clear:both; }
@media (max-width:767px) {
	.liveNum_today > li {height:40px; }
	.liveNum_today *[class^="tit"] { font-size:14px; line-height:40px}
}

/* 환자현황 - 누적*/
.liveNum { position:relative; display:table; width:100%; margin-top:2px;}
.liveNum > li { position:relative;  display:table-cell;text-align:center;  z-index:1}
.liveNum > li:nth-child(1) { background-color:#0099ff;}
.liveNum > li:nth-child(2) { background-color:#006699;}
.liveNum > li:nth-child(3) { position:relative; background-color:#174069;}
.liveNum > li:nth-child(4) { background-color:#808080;}
.liveNum > li > * { display:block; color:#fff;}
.liveNum > li > .tit { font-size:16px; line-height:22px; font-weight:600}
.liveNum > li > .num { font-family:'Spoqa Han Sans'; font-weight:400; font-size:30px; line-height:1.25em;}
.liveNum > li > .before { font-family:'Spoqa Han Sans'; font-weight:400;  font-size:13px;line-height:1.5em; letter-spacing:0.025em }
.liveNum .sign { position:absolute; left:-12px; top:50%; margin-top:-12px; width:24px;  height:24px; font-size:16px; line-height:22px; font-weight:600; color:#000; background-color:#fff; border-radius:100%; text-align:center; z-index:2}
.liveNum .mini { display:inline-block; /* margin-left:4px; */ font-family:'Noto Sans KR'; font-size:14px; line-height:26px; vertical-align:middle}
.liveNum .mini_tit { display:inline-block; font-family:'Noto Sans KR'; font-size:15px; line-height:12px; font-weight:400; vertical-align:top}
.liveNum .help { position:absolute; right:15px; top:15px; display:block; width:16px; height:16px; font-size:12px; line-height:14px; color:#fff; border:1px solid #fff; border-radius:100%; z-index:2}
.liveNum .help_info {position:absolute; left:50%; top:32px; display:none; margin-left:-70px; padding:5px; width:200px; height:auto; border:1px solid #2db7cb; background-color:#fff; border-radius:6px; overflow:hidden; z-index:3}
.liveNum .help_info .script_info { text-align:center; font-size:13px; line-height:16px; color:#005e6c; word-break:keep-all}
@media (min-width:1180px) {
	.liveNum > li {  padding:10px 6px 12px 6px; }
	.liveNum > li:nth-child(1) { width:30%; padding-left:0; padding-right:4px;}
	.liveNum > li:nth-child(2) {width:24%; }
	.liveNum > li:nth-child(3) { width:25%;}
	.liveNum > li:nth-child(4) { width:21%;}
	.liveNum > li > .num {letter-spacing:-0.05em}
	.liveNum > li > .tit { padding-left:4px;height:33px; vertical-align:top;}
}
@media (min-width:768px) and (max-width:1179px) {
	.liveNum > li {  padding:10px 6px 12px 6px; }
	.liveNum > li:nth-child(1) { width:30%;}
	.liveNum > li:nth-child(2) {width:24%; }
	.liveNum > li:nth-child(3) { width:25%; }
	.liveNum > li:nth-child(4) { width:21%; }
	.liveNum > li > .tit {height:33px; vertical-align:top;}
}
@media (max-width:767px) {
	.liveNum > li:nth-child(1) { width:30%;}
	.liveNum > li:nth-child(2) {width:24%; }
	.liveNum > li:nth-child(3) { width:25%; }
	.liveNum > li:nth-child(4) { width:21%; }		
	.liveNum > li { vertical-align:top; padding-top:10px; padding-bottom:12px; }
	.liveNum > li > .tit { font-size:14px; line-height:18px; height:30px; vertical-align:top}
	.liveNum > li > .num { font-size:18px; height:22px; }
	.liveNum > li > .before { font-size:12px; }
	.liveNum .sign { left:-9px; width:18px; height:18px; line-height:16px; font-size:12px; }
	.liveNum .mini { font-size:11px; }
	.liveNum .mini_tit  { font-size:12px; line-height:14px; }	
	.liveNum .help { right:2px; top:5px;}
}

/* 검사현황 */
.liveTest { display:table; table-layout:fixed; width:100%; min-height:180px; background-color:#fff; border-top:4px solid #164068}
.liveTest > * { display:table-cell; vertical-align:top;}
.liveTest .info_core { width:40%; padding:15px 10px 0 10px; background-color:#eafdff;}
.liveTest .chart_d { width:60%; text-align:center; vertical-align:middle}
.liveTest h3 { width:100%; text-align:center;}
.liveTest h3 > .title { color:#174069;/*  border:1px solid #174069; */}
.liveTest .suminfo { padding-top:15px;}
.liveTest .suminfo > li { display:table; width:100%; padding:5px 0;}
.liveTest .suminfo > li > *:not([class='legend']) { display:table-cell; width:50%;}
.liveTest .suminfo .tit { font-size:13px; color:#666; font-weight:600; letter-spacing:-0.075em}
.liveTest .suminfo .num {font-family:'Spoqa Han Sans'; font-weight:600; font-size:16px; color:#174069; text-align:right;}
.liveTest .legend { display:block; font-size:12px; line-height:1.25em;}
@media (min-width:1180px) {
}
@media (min-width:768px) and (max-width:1179px) {
	.liveTest { min-height:0; height:auto; overflow:hidden; }
	.liveTest .info_core { width:30%; padding-bottom:20px; }
	.liveTest .chart_d { width:70%;}
}
@media (max-width:767px) {
	.liveTest { display:block; padding-bottom:15px; min-height:0; height:auto; overflow:hidden; }
	.liveTest .info_core { display:block; width:100%; padding:10px;}
	.liveTest .chart_d { display:block; width:100%; }
	.liveTest .suminfo { padding-top:0;}
	.liveTest .suminfo > li { padding:3px 0;}
	.liveTest .suminfo > li > *:not([class='legend']) { vertical-align:top;}
	.liveTest .suminfo .num { font-size:16px;}
}

/* 주간동향 */
.liveWeek { margin-top:10px; width:100%; min-height:250px; background-color:#fff; border-top:4px solid #164068}
.liveWeek h3 { width:100%; padding:7px 15px; background-color:#e6f6ff;text-align:center;}
.liveWeek h3 > .title { color:#174069;/*  border:1px solid #174069; */ }
.liveWeek .info_week { width:100%; text-align:center;}
.liveWeek .info_week .box_image { border:0 none; padding:0; margin:0}
.liveWeek .info_week img { margin-top:10px; max-width:100%; }
@media (max-width:767px) {
	.liveWeek { width:100%; min-height:0; height:auto; padding-bottom:15px; overflow:hidden}
	.liveWeek h3 { text-align:center; }
	.liveWeek h3 > .info { display:block; width:100%; margin-top:5px; }
	.liveWeek .info_week { width:100%; } /* 주간 차트 */
}

/* 시도별지도 */
.livemap { display:table; width:100%; height:auto; min-height:605px; background-color:#fff; overflow:hidden;}
.livemap > * { display:table-cell; vertical-align:top;}
.livemap .main_maparea { width:65%; }
.livemap .maplist { width:35%; background-color:#f4f2f2}
.livemap .main_maparea { position:relative; width:370px; height:auto; padding:20px 15px; overflow:hidden}
.livemap .main_maparea #main_maplayout {position:relative; display:block; width:370px; height:480px; padding:0; margin:20px auto 0 auto; z-index:1}
.livemap .main_maparea #main_maplayout:hover,
.livemap .main_maparea #main_maplayout:focus { cursor:pointer}
.livemap .main_maparea .mapnotice { position:absolute; left:20px; top:25px; padding-left:20px; font-size:13px; line-height:16px; color:#333; z-index:2}
.livemap .main_maparea .mapnotice::before { content:"?"; display:inline-block; width:18px; height:18px; margin-left:-20px; margin-right:4px; line-height:18px; font-size:13px; font-weight:600; color:#fff; text-align:center; background-color:#ff9000; border-radius:100%; vertical-align:middle}
.livemap .main_maparea .mapnotice .info { color:#ee5858; }
.livemap .main_maparea button[data-city^="map_city"] { position: absolute; display:block; margin:0; padding:3px 10px; background-color:#fff; text-align:center; border:0 none; box-shadow:3px 3px 2px rgba(100, 100, 100, 0.2);}
.livemap .main_maparea button[data-city^="map_city"]  > * { display:block; width:100%; line-height:14px;}
.livemap .main_maparea button[data-city^="map_city"] .name { font-size:13px; color:#333; font-weight:600}
.livemap .main_maparea button[data-city^="map_city"] .num { font-size:14px; font-weight:600; color:#e30000;}
.livemap .main_maparea button[data-city^="map_city"] .before { font-size:12px; color:#ea4c4c; }
.livemap .main_maparea button[data-city^="map_city"].select { background-color:#141414;}
.livemap .main_maparea button[data-city^="map_city"].select > * { color:#fff}
.livemap .main_maparea button[data-city^="map_city"].select .name {color:#fff;}
.livemap .main_maparea button[data-city^="map_city"].select .num { color:#fff;}
.livemap .main_maparea button[data-city^="map_city"].select .before { color:#ffcfcf; }
.livemap .main_maparea button[data-city="map_city1"] { left:130px; top:85px;} /*서울*/
.livemap .main_maparea button[data-city="map_city2"] { left:280px; top:360px;}/*부산*/
.livemap .main_maparea button[data-city="map_city3"] { left:240px; top:240px;} /*대구*/
.livemap .main_maparea button[data-city="map_city4"] { left:30px; top:55px;} /*인천*/
.livemap .main_maparea button[data-city="map_city5"] { left:90px; top:350px;} /*광주*/
.livemap .main_maparea button[data-city="map_city6"] { left:135px; top:225px;} /*대전*/
.livemap .main_maparea button[data-city="map_city7"] { left:310px; top:300px;} /*울산*/
.livemap .main_maparea button[data-city="map_city8"] { left:100px; top:140px;} /*세종*/
.livemap .main_maparea button[data-city="map_city9"] { left:120px; top:25px;} /*경기*/
.livemap .main_maparea button[data-city="map_city10"] { left:200px; top:60px;} /*강원*/
.livemap .main_maparea button[data-city="map_city11"] { left:160px; top:150px;} /*충북*/
.livemap .main_maparea button[data-city="map_city12"] { left:65px; top:180px;} /*충남*/
.livemap .main_maparea button[data-city="map_city13"] { left:100px; top:270px;} /*전북*/
.livemap .main_maparea button[data-city="map_city14"] { left:20px; top:300px;} /*전남*/
.livemap .main_maparea button[data-city="map_city15"] { left:250px; top:180px;} /*경북*/
.livemap .main_maparea button[data-city="map_city16"] { left:180px; top:320px;} /*경남*/
.livemap .main_maparea button[data-city="map_city17"] { left:25px; top:460px;} /*제주*/
.livemap .main_maparea button[data-city="map_city18"] { left:270px; top:420px;} /*검역*/

.livemap .maplist { position:relative; }
.livemap .maplist h3 { width:100%; padding:27px 0 10px 76px; z-index:1} 
.livemap .maplist h3 > .title { padding-left:12px; padding-right:12px; color:#725454; line-height:20px; border:1px solid #c27171;}
.livemap .maplist h3 > .title > span { display:inline-block;vertical-align:middle;}
.livemap .maplist .info_map_btn { display:inline-block; margin-left:4px; width:16px; height:16px; text-align:center; background-color:#a3a3a3; color:#fff; font-size:12px; font-weight:400; line-height:16px; border-radius:13px;vertical-align:middle;}
.livemap .maplist .info_map_script { display:none;  position:absolute; left:50%; top:54px; width:160px; margin-left:-70px; z-index:2}
.livemap .maplist .info_map_script > a { display:block; width:100%; height:auto; padding:6px 10px; font-size:13px; line-height:1.25em; text-align:left; border:1px solid #e1acac; background-color:#fff; color:#c37474; border-radius:6px;}
.livemap .maplist > div { position:absolute; left:0; top:0; width:0; height:0; line-height:0; overflow:hidden; }
.livemap .maplist > div.open { position:relative;width:100%; height:auto; line-height:inherit; overflow:inherit;}
.livemap .maplist .cityname { position:absolute; top:-40px; left:20px; font-size:26px; font-weight:600; color:#000; z-index:2} 
.livemap .maplist .mapview { padding:0 12px;}
.livemap .maplist .mapview .citychart { position:relative; width:100%; height:140px; background-position:0 0; background-repeat:no-repeat;}
.livemap .maplist .mapview .citychart > .citytit { position:absolute; display:block; top:40%; margin-top:-5px; width:100%; height:auto; font-family:'Spoqa Han Sans'; font-size:23px; font-weight:600; color:#b60000; text-align:center;}
.livemap .maplist .mapview .citychart > .citytit .tit_sub {  font-family:'Noto Sans KR'; font-size:13px; font-weight:400; color:#555; line-height:1.25em;}
.livemap .maplist .mapview .cityinfo {width:100%; }
.livemap .maplist .mapview .cityinfo > li { display:table; width:100%;}
.livemap .maplist .mapview .cityinfo > li > * { display:table-cell; width:50%; padding:4px 0; font-weight:600; }
.livemap .maplist .mapview .cityinfo .tit { font-size:14px; color:#555; font-weight:600}
.livemap .maplist .mapview .cityinfo .num { font-family:'Spoqa Han Sans';  font-size:18px;color:#000 }
.livemap .maplist .mapview .cityinfo *[class^="sub_"] {font-size:12px; letter-spacing:-0.01em; }
.livemap .maplist .mapview .cityinfo .sub_tit { color:#666;}
.livemap .maplist .mapview .cityinfo .sub_tit.red { color:#da4848}
.livemap .maplist .mapview .cityinfo .sub_num { font-weight:600; }
.livemap .maplist .mapview .cityinfo .sub_num.red { color:#cf0000;}

.livemap .maplist #mapAll .citychart { height:160px;} /* 전국 */
.livemap .maplist #mapAll .citychart *[class^='allcity_info'] {position:absolute; display:block; width:auto; height:auto;font-weight:600; letter-spacing:-0.075em; text-align:center; }
.livemap .maplist #mapAll .citychart .allcity_info1 {left:50%; top:60%; margin-left:-30px; font-size:15px; color:#fff;}
.livemap .maplist #mapAll .citychart .allcity_info2 {left:50%; top:40%; width:50px; margin-left:-120px; font-size:13px; color:#666;}
.livemap .maplist #mapAll .citychart .allcity_info3 {left:50%; top:15%; width:40px; margin-left:-100px; font-size:13px; color:#666;}
.livemap .maplist #mapAll .citychart .allcity_info4 {left:50%; top:5%; margin-left:-78px; font-size:13px; color:#666;}
.livemap .maplist #mapAll .citychart .allcity_info5 {right:50%; top:10.5%; margin-right:-85px; font-size:13px; color:#666;}
.livemap .maplist #mapAll .citychart .num { color:#333}
@media (min-width:768px) and (max-width:1179px) {
	.livemap .maplist .mapview .citychart { height:160px; background-position:center -40px;}
	.livemap .maplist .mapview .citychart > .citytit { margin-top:-20px;}
	.livemap .maplist #mapAll .citychart {background-position:center 0;}	
}
@media (max-width:767px) {
	.livemap { display:block; min-height:0;}
	.livemap > * { display:block;}
	.livemap .main_maparea { width:100%;padding:15px;}
	.livemap .main_maparea #main_maplayout { position:relative; display:block; width:370px; height:480px; margin:0 auto; padding:0;}
	.livemap .main_maparea .mapnotice { left:20px;}
	.livemap .maplist { width:100%; }
	.livemap .maplist h3 { padding:10px 0 10px 70px; height:40px;}
	.livemap .maplist .info_map_script { left:5%; top:40px; width:90%; margin-left:0;}
	.livemap .maplist .cityname { top:-30px; left:20px; font-size:19px;} 
	.livemap .maplist .mapview { display:table; width:100%; padding:5px 16px; }
	.livemap .maplist .mapview .citychart { display:table-cell; width:50%; height:140px; background-position:center 0; background-size:auto 190px;}
	.livemap .maplist .mapview .citychart > .citytit .tit_sub { font-size:12px}
	.livemap .maplist .mapview .cityinfo {display:table-cell; width:50%; }
	.livemap .maplist .mapview .cityinfo > li > * { padding:3px 0;}
	.livemap .maplist .mapview .cityinfo .tit { font-size:13px;}
	.livemap .maplist .mapview .cityinfo .num { font-size:16px;}
	
	.livemap .main_maparea button[data-city="map_city1"] { left:130px; top:115px;} /*서울*/
	.livemap .main_maparea button[data-city="map_city2"] { left:290px; top:390px;}/*부산*/
	.livemap .main_maparea button[data-city="map_city3"] { left:270px; top:280px;} /*대구*/
	.livemap .main_maparea button[data-city="map_city4"] { left:40px; top:95px;} /*인천*/
	.livemap .main_maparea button[data-city="map_city5"] { left:90px; top:390px;} /*광주*/
	.livemap .main_maparea button[data-city="map_city6"] { left:155px; top:255px;} /*대전*/
	.livemap .main_maparea button[data-city="map_city7"] { left:330px; top:340px;} /*울산*/
	.livemap .main_maparea button[data-city="map_city8"] { left:100px; top:180px;} /*세종*/
	.livemap .main_maparea button[data-city="map_city9"] { left:140px; top:40px;} /*경기*/
	.livemap .main_maparea button[data-city="map_city10"] { left:240px; top:70px;} /*강원*/
	.livemap .main_maparea button[data-city="map_city11"] { left:180px; top:190px;} /*충북*/
	.livemap .main_maparea button[data-city="map_city12"] { left:55px; top:240px;} /*충남*/
	.livemap .main_maparea button[data-city="map_city13"] { left:90px; top:300px;} /*전북*/
	.livemap .main_maparea button[data-city="map_city14"] { left:20px; top:360px;} /*전남*/
	.livemap .main_maparea button[data-city="map_city15"] { left:270px; top:220px;} /*경북*/
	.livemap .main_maparea button[data-city="map_city16"] { left:200px; top:360px;} /*경남*/
	.livemap .main_maparea button[data-city="map_city17"] { left:45px; top:500px;} /*제주*/
	.livemap .main_maparea button[data-city="map_city18"] { left:230px; top:380px;} /*검역*/
	
	.livemap .maplist #mapAll .citychart { height:185px; background-position:center 0px;}/* 전국 */
	
}
@media (max-width:639px) {
	.livemap .main_maparea #main_maplayout {width:310px; height:450px; padding-top:20px;}
	.livemap .maplist .mapview { display:block; width:100%;}
	.livemap .maplist .mapview .citychart { display:block;width:100%; height:120px; background-position:center -10px; background-size:auto 140px;}
	.livemap .maplist .mapview .citychart > .citytit {font-size:16px;}
	.livemap .maplist .mapview .cityinfo {display:block; width:100%;}
	.livemap .maplist .mapview .cityinfo .tit { font-size:12px;}
	.livemap .maplist .mapview .cityinfo .num { font-size:14px;}	
	
	.livemap .main_maparea button[data-city^="map_city"] { padding:2px 9px;}
	.livemap .main_maparea button[data-city^="map_city"]  > * { line-height:14px; letter-spacing:-0.075em}
	.livemap .main_maparea button[data-city^="map_city"] .name { font-size:12px;}
	.livemap .main_maparea button[data-city^="map_city"] .num { font-size:13px;}
	.livemap .main_maparea button[data-city^="map_city"] .before { font-size:11px; letter-spacing:-0.1em}
	
	.livemap .main_maparea button[data-city="map_city1"] { left:110px; top:100px;} /*서울*/
	.livemap .main_maparea button[data-city="map_city2"] { left:200px; top:320px;}/*부산*/
	.livemap .main_maparea button[data-city="map_city3"] { left:200px; top:230px;} /*대구*/
	.livemap .main_maparea button[data-city="map_city4"] { left:20px; top:95px;} /*인천*/
	.livemap .main_maparea button[data-city="map_city5"] { left:80px; top:300px;} /*광주*/
	.livemap .main_maparea button[data-city="map_city6"] { left:115px; top:210px;} /*대전*/
	.livemap .main_maparea button[data-city="map_city7"] { left:260px; top:280px;} /*울산*/
	.livemap .main_maparea button[data-city="map_city8"] { left:80px; top:160px;} /*세종*/
	.livemap .main_maparea button[data-city="map_city9"] { left:100px; top:40px;} /*경기*/
	.livemap .main_maparea button[data-city="map_city10"] { left:180px; top:70px;} /*강원*/
	.livemap .main_maparea button[data-city="map_city11"] { left:140px; top:150px;} /*충북*/
	.livemap .main_maparea button[data-city="map_city12"] { left:35px; top:190px;} /*충남*/
	.livemap .main_maparea button[data-city="map_city13"] { left:70px; top:240px;} /*전북*/
	.livemap .main_maparea button[data-city="map_city14"] { left:20px; top:320px;} /*전남*/
	.livemap .main_maparea button[data-city="map_city15"] { left:220px; top:170px;} /*경북*/
	.livemap .main_maparea button[data-city="map_city16"] { left:150px; top:290px;} /*경남*/
	.livemap .main_maparea button[data-city="map_city17"] { left:25px; top:400px;} /*제주*/	
	.livemap .main_maparea button[data-city="map_city18"] { left:230px; top:380px;} /*검역*/	
	
	.livemap .maplist #mapAll .citychart { height:160px; background-size:auto auto}/* 전국 */
}

/* 퀵배너 바로가기*/
.quick_banner { width:100%;}
.quick_banner > li { width:100%; margin-top:1px; }
.quick_banner > li > a { display:block; padding-left:17%; width:100%; height:100%; font-size:14px; font-weight:600; line-height:43px; color:#fff; background-repeat:no-repeat; background-position:4px center;}
.quick_banner .link1 a { background-image:url(../image/main/quick_banner_icon1.png); background-color:#006666; }
.quick_banner .link1 span { color:#fff; }
.quick_banner .link2 a { background-image:url(../image/main/quick_banner_icon2.png); background-color:#006699; }
.quick_banner .link2 span { color:#fff; }
.quick_banner .link3 a { background-image:url(../image/main/quick_banner_icon3.png); background-color:#3889cb; }
.quick_banner .link3 span { color:#fff; }
.quick_banner .ico_window { display:none;}
@media (min-width:768px) and (max-width:1179px) {	
	.quick_banner {display:table;}
	.quick_banner > li {display:table-cell;  margin-top:0; width:33.333%; vertical-align:middle; text-align:center; background-position:center 10px;}
	.quick_banner > li > a { padding-left:0; padding-top:20px; padding-bottom:20px }
}
@media (max-width:767px) {
	.quick_banner > li { height:50px;}
	.quick_banner > li > a { padding-left:52px; padding-top:5px; background-position:10px center;}
}


/**********************************************************************************
	정보콘텐츠
**********************************************************************************/
.m_con_layout { clear:both; width:100%; height:auto; overflow:hidden; padding-top:10px;}

/* main popupzone */
.m_popupzone{position:relative; float:left; }
.m_popupzone .slide_btn [class^="btn_"] {position:absolute; top:45%; display:block; width:32px; height:32px; z-index:11;}
.m_popupzone .slide_btn .btn_prev {left:10px;background:url(../image/main/btn_pre.png) no-repeat;}
.m_popupzone .slide_btn .btn_next {right:10px;background:url(../image/main/btn_next.png) no-repeat;}
.m_popupzone .slide_list {overflow:hidden;}
.m_popupzone .slide_list ul li a,
.m_popupzone .slide_list ul li a img {display:block;}
.m_popupzone .ico_window {display:none;}

@media (min-width:1180px) {
	.m_popupzone { width:480px; height:180px; margin-right:20px;}
	.m_popupzone .slide_list,
	.m_popupzone .slide_list *:not(img) {width:100%; height:180px;}
	.m_popupzone .slide_list ul li img {height:100%;}	
}
@media (min-width:768px) and (max-width:1179px) {
	.m_popupzone {width:100%;  height:auto; overflow:hidden}
	.m_popupzone .slide_list,
	.m_popupzone .slide_list * {width:100%;}	
	.m_popupzone .slide_list ul li img {max-width:100%;}
}
@media (max-width:767px) {
	.m_popupzone {width:100%;height:auto;margin:0;float:none;}
	.m_popupzone .slideBox {width:100%;}
	.m_popupzone .slideBox ul li {}
	.m_popupzone .slide_list,
	.m_popupzone .slide_list * {height:auto;width:100%;}		
	.m_popupzone .slide_list ul li img {width:100%;!important;}
	.m_popupzone .slide_btn [class^="btn_"] {top:40%;}
}

/* 뉴스 & 이슈 / fact*/
.m_newsarea { position:relative; float:left; width:680px; height:auto; }
.m_newsarea > div { float:left; width:50%; border-top:4px solid #164068;}
.m_newsarea > div:nth-child(2) { float:left; width:49%; margin-left:1%;}
.m_newsarea h3 { display:block; width:100%; padding:10px 0; font-size:15px; font-weight:600; text-align:center; }
.m_newsarea h3 .more { display:inline-block; margin-bottom:-3px; margin-left:6px; padding-left:8px; padding-right:8px; color:#fff; line-height:20px; font-size:12px; font-weight:400; border-radius:12px; background-color:#009fd1; vertical-align:bottom; }
@media (min-width:1180px) {
	.m_newsarea {height:180px;}
	.m_newsarea > div { height:180px; }
}
@media (min-width:768px) and (max-width:1179px) {
	.m_newsarea { float:none; width:100%; height:180px;}
	.m_newsarea > div { height:180px; }
}
@media (max-width:767px) {
	.m_newsarea { float:none; display:block; width:100%;}
	.m_newsarea > div { display:block; width:100%;}
	.m_newsarea > div:nth-child(2) { float:none; width:100%; margin-left:0;}
}

.m_news {  background-color:#fff;}
.m_news h3 { color:#145663 }
.m_news h3 .more {}
.m_news h4 { display:inline-block; margin-left:10px; padding:0 3px; font-size:13px; font-weight:600; line-height:1.5em; color:#164068; letter-spacing:-0.05em}
.m_news h4.tit1 {}
.m_news h4.tit2 {}
.m_fact { position:relative; background-color:#fff;}
.m_fact h3 { color:#585041 }
.m_fact h3 .more {}
.m_text_list { width:100%; padding:4px 7px;}
.m_text_list > li { width:100%; padding:2px 0; }
.m_text_list > li::before { content:"·"; display:inline-block; width:12px; font-size:13px; font-weight:600; line-height:15px; text-align:center; color:#333; vertical-align:top}
.m_text_list > li a { display:inline-block; max-width:88%; font-size:13px; line-height:16px; color:#222; letter-spacing:-0.05em; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.m_text_list > li .ico_new { display:inline-block; margin-left:4px; width:16px; height:16px; font-size:11px; line-height:18px; color:#fff; background-color:#f69622; text-align:center; vertical-align:top; border-radius:100%}
.m_now_banner { position:absolute; left:0; bottom:0; display:block; width:100%; height:60px; background:url(../image/main/bigbanner_backimg.png) no-repeat right bottom #b78146;}
.m_now_banner > a { display:block; width:100%; height:100%; padding:18px 0 7px 10px;}
.m_now_banner .b_tit { display:inline-block; padding-left:30px; font-size:16px; line-height:28px; font-weight:600; color:#fff; background:url(../image/main/bigbanner_icon.png) no-repeat 0 center; }
.m_fact .ico_window {display:none;}
.m_news .ico_window { display:none;}
@media (min-width:1180px) {	
	.m_now_banner > a { text-align:left;}
	.m_fact .m_text_list { margin-top:16px;}
}
@media (min-width:768px) and (max-width:1179px) {
	.m_now_banner > a { text-align:center;}
	.m_fact .m_text_list { margin-top:16px;}
}
@media (max-width:767px) {
	.m_news { height:180px; }
	.m_fact {height:auto; overflow:hidden; }
	.m_now_banner { position:relative; height:45px;}
	.m_now_banner > a {padding-top:8px; }
	.m_now_banner > a { text-align:left;}
}

/**********************************************************************************
	힘내라 대한민국
**********************************************************************************/
.victory_korea { clear:both; width:100%; }
.victory_korea h3 { position:relative; display:block; float:left; width:25%; height:100%; padding:10px; background:url(../image/main/victory_bg.png) no-repeat right center; background-color:#18407d;}
.victory_korea h3 > * {   display:inline-block; color:#d1ffff; }
.victory_korea h3 .txt { font-size:17px; line-height:1.5em; font-weight:600;}
.victory_korea h3 .info { position:absolute; left:14px; bottom:12px; font-size:13px; letter-spacing:-0.05em; }
.victory_korea .vod_list { float:left; width:75%; padding:14px; background-color:#ccc;}
.victory_korea .vod_list > li { float:left; margin-left:1.3333%; width:32%; background-color:#ddd; }
.victory_korea .vod_list img { max-width:100%;}
.victory_korea  .ico_window {display:none;}

@media (min-width:1180px) {	
	.victory_korea { height:190px;}
	.victory_korea .vod_list { height:190px;}
}
@media (min-width:768px) and (max-width:1179px) {
	.victory_korea { height:180px;}
	.victory_korea .vod_list { height:180px;}
	.victory_korea h3 .txt { font-size:16px; line-height:1.25em;}
}
@media (max-width:767px) {
	.victory_korea > div { width:100%;}
	.victory_korea h3 { float:none; width:100%; height:auto; padding:14px 20px; background-size:auto 100px;}
	.victory_korea h3 .txt { width:100%; font-size:14px; text-align:center;}
	.victory_korea h3 .txt br:nth-child(1) { display:none;}
	.victory_korea h3 .txt br:nth-child(3) { display:none;}
	.victory_korea h3 .info { display:none}
	.victory_korea .vod_list { float:none; width:100%; padding:10px;}
	.victory_korea .vod_list {padding:0; }
	.victory_korea .vod_list > li { float:none; margin-left:0; width:100%; padding:5px; text-align:center;}
	.victory_korea .vod_list > li img { max-width:100%; }
}