@charset "utf-8";

/* --- 파일 정보  --- */
/* 글로벌감염병센터 모바일 */
/* 파일명: default.css */
/* 작성 시작일: 2017년 1월 */

/* 색상코드 */
/* 기본글꼴 #000 */

/* 전역적으로 쓰이는 CSS */
body {font-family:'fontello', 'NanumGothic', '나눔고딕','NanumGothicWeb', '맑은 고딕', 'Malgun Gothic', Dotum; }
a {text-decoration:none}
.blind {position:relative; overflow:hidden; _visibility:hidden; padding:0; margin:0; height:0; font-size:0; line-height:0}
*:first-child+html .blind {visibility:hidden; padding:0; margin:0; height:0; font-size:0; line-height:0}

@import url(http://api.mobilis.co.kr/webfonts/css/?fontface=NanumGothicWeb);

header {border-bottom:1px solid #afafaf}
header:after {display:block; clear:both; content:""}
/*div.logo {position:relative; left:50%; display:inline-block; width:1.5em; margin-left:-9.3em; padding:1em 0 0 0; text-align:center}
div.logo img {width:8em}*/
div.logo {position:relative; left:35%; display:inline-block; margin-left:-7.3em; padding:1em 0 0 0; text-align:center}
div.logo img {width:15em}
div.menu {float:left; padding:1.2em 0.5em; background:#3ea5ce; cursor:pointer}
div.menu > i {font-size:2em; color:#fff}
div.menu nav {background:#111; opacity:0.95; z-index:9999}
div.menu nav a.w3-right {position:absolute; top:2%; right:3%; font:normal 2em sans-serif; color:#16bdff}
div.menu nav ul.list_gnb {margin:2em 0; padding:0; list-style:none; z-index:9999}
div.menu nav ul.list_gnb li {border-bottom:1px solid #333}
div.menu nav ul.list_gnb li a {display:block; padding:0.8em 0.5em 0.8em 1em; font-size:1.3em; color:#fff}
.w3-animate-left{position:relative;-webkit-animation:animateleft 0.4s;animation:animateleft 0.4s}
@-webkit-keyframes animateleft{from{left:-300px;opacity:0} to{left:0;opacity:1}}
@keyframes animateleft{from{left:-300px;opacity:0} to{left:0;opacity:1}}

span.pc_btn {position:absolute; top:1.2em; right:-15%; display:inline-block; text-align:center;}
span.pc_btn a {padding:0.1em 0.2em; border: 2px solid #082f95; border-radius:0.4em; font:bold 11PX 'ng'; background:#082f95; color: #fff;}

/* 검색 */
div.search_wrap {float:right}
div.search_wrap:after {display:block; clear:both; content:""}
div.search_wrap i.icon-search {display:inline-block; padding:0.6em 0.4em; margin-top:0.1em; font-size:1.8em; color:#888}
/*div.search_wrap {position:absolute; top:0; left:0}*/
div.search_wrap input.i_search {padding:1.2em; border:2px solid #ccc; font-size:1em; color:#555}
div.search_wrap input.i_btn {position:relative; width:3.5em; height:3.5em; vertical-align:top; text-align:center; border:0; background:#333}

div.search_wrap div.search_area {position:absolute; top:4.5em; right:0; width:100%; padding:1em 0; border-bottom:1px solid #aaa; background:#eee; z-index:9999; box-shadow:0 0 0.2em #888}
div.w3-container > span.w3-closenav {display:block; text-align:right; margin:0 0.2em 0.4em 0; font-size:2.7em; color:#082f95}
div.srch_item {margin:0.1em}
div.srch_item > input[type="search"] {width:70%; padding:1em; margin-left:0.2em; border:1px solid #888; border-radius:0.3em}
div.srch_item > input[type="submit"] {width:15%; padding:1em; font-size:1em; border:1px solid #333; border-radius:0.3em; background:#444; color:#fff}

div.nav_h_type {position:relative; overflow:hidden; }
div.nav_h_type ul {float:left; display:block; font-size:0; margin:0; padding:0; white-space:nowrap; position:relative}
div.nav_h_type ul:after {display:block; clear:both; content:""}
div.nav_h_type ul li {-webkit-box-sizing:border-box; box-sizing:border-box; display:inline-block; padding:0; vertical-align:top; text-align:center; font-size:12px}
div.nav_h_type ul li a {display:inline-block; padding:1em; font-size:1.3em; color:#707070;}
div.nav_h_type ul li.on {position:relative;}
div.nav_h_type ul li.on:before {position:absolute; bottom:0; left:0; display:block; width:100%; height:3px; background:#082f95; content:''}
div.nav_h_type ul li.eng a {color:#d5571e;}


div.nav_wrap {position:relative}
div.nav_wrap i.icon-right-open-big {position:absolute; top:0; right:0; padding:0.5em 0.2em 0.7em 0.2em; background:#fff; border-left:1px solid #eee; font-size:1.8em; font-weight:bold; color:#3ea5ce; z-index:9998}

nav.m_gnb {position:relative; overflow-y:hidden; width:100%; padding-right:4em}
nav.m_gnb .swiper-slide a {display:inline-block; padding:1em 1.3em; font-size:1.3em; color:#777}
nav.m_gnb .swiper-slide.selected a {border-bottom:5px solid #082f95}
nav.m_gnb i.icon-right-open-big {position:fixed; top:12%; right:0; padding:0.7em 0.2em; background:#fff; border-left:1px solid #f8f8f8; font-size:1.8em; font-weight:bold; color:#3ea5ce}

div.notice {padding:10px; background:#545454}
div.notice a {display:block; overflow:hidden; width:100%; height:20px; font-size:1.1em; color:#fff}
div.notice a span.date {font-size:0.9em; color:#ffe50a}
div.notice p {margin:5px 0 0; color:#ffe50a}
div.notice a.link {display: block; margin-top:2px; font:normal 13px 'ng';}

div.notice button.more {postion:absolute; bottom:0; width:100%; padding:0.1em 0.4em; border:0; border-radius:0 0 0.5em 0.5em; background:#545454; text-align:center}
div.notice button.more > i {text-align:center; font-size:1.3em; color:#fff}

div.select_area {margin:1.5em 1em}
div.select_area > select {position:relative; width:100%; height:2.8em; padding:0 1.2em; margin:0 auto; border:1px solid #aaa; background:#f1f1f1; font-size:1.2em; color:#10549b}
div.select_area > select:before {content:"icon-location "}

div.select_area > i.icon-location {position:absolute; top:50%; left:5%; font-size:1em; color:#10549b; z-index:9998}
div.select_area > i.icon-down-open  {position:absolute; top:50%; right:50%; font-size:1em; color:#10549b; z-index:9998}

div.domestic {margin:1em}
div.domestic h2 {margin:0; padding:0.5em 0.7em; background:#347cc7; border-radius:0.5em 0.5em 0 0; font-size:1.2em; color:#fff}
div.overseas h2 {background:#3ea5ce !important}
div.domestic h2 > i {font-size:1.1em; color:#fff}
div.domestic ul {margin:0; padding:0; list-style:none}
div.domestic ul li {padding:0.5em 0.7em; margin-top:-1px; border:1px solid #ccc; font-size:1em; color:#555}
div.domestic ul li:last-child {border-bottom:0 !important}
div.domestic ul li a {display:inline-block; overflow:hidden; width:94%; height:1.2em; font-size:1.1em; color:#333}
div.domestic ul li span.category {color:#082f95}
div.domestic button.more {width:100%; padding:0.1em 0.4em; margin:0; border:1px solid #ccc; border-radius:0 0 0.5em 0.5em; background:#e7e7e7; text-align:center}
div.domestic button.more > i {text-align:center; font-size:1em; color:#666}

div.mobile_contents {padding:0.8em}
div.mobile_contents:after {display:block; clear:both; content:""}

div.infection_info {}
div.infection_info h3 {padding:0; margin:0.3em 0; font-size:1.2em; color:#0099cc}
div.infection_info > ul {padding:0; margin:0 0 0.5em 0; list-style:none}
div.infection_info > ul > li {margin-top:-1px; border-top:1px solid #aaa; border-bottom:1px solid #aaa}
div.infection_info .w3-button {display:block; padding:1em 0.2em}
div.infection_info .w3-button:after {display:block; clear:both; content:""}
div.infection_info .w3-button span.nation {display:inline-block; font-size:0.9em; color:#555}
div.infection_info .w3-button span.title {display:inline-block; overflow:hidden; width:60%; height:1.2em; font-size:1em; font-weight:bold; color:#555}
div.infection_info .w3-button i.icon-right-open-big {display:inline-block; float:right; font-size:1em; color:#333}

.w3-modal {display:none; padding-top:50px; position:fixed; left:0; top:0; width:100%; height:100%; overflow:auto; background-color:rgb(0,0,0); background-color:rgba(0,0,0,0.4); z-index:9998}
.w3-modal-content {position:relative; padding:1em; margin:auto; background-color:#fff; outline:0; width:80%; z-index:9999}
.w3-modal-content h2 {display:block}
.w3-closebtn {display:block; position:absolute; top:0.2em; right:0.2em; text-decoration:none; float:right; font-size:30px; font-weight:bold; color:#0099cc}
.w3-modal p.con {font-size:1em; word-break:break-all !important}
a {word-break:break-all !important}
.w3-modal p.con > img {width:90% !important}
footer {padding:1em; background:#666; font-size:1em; color:#fff}
footer > div.btn_area {margin:10px auto; text-align:center}
footer > div.btn_area > a {display:inline-block; padding:0.3em 1em; border:1px solid #fff; text-align:center; font-size:12px; text-decoration:none; color:#fff}

div#ptc_page > a {padding:2px 4px !important; border:0 !important;}
div#ptc_page > a:hover {border-radius:30px;}
div#ptc_page strong {padding:2px 8px !important; border-radius:30px;}

div#ptc_page > .first,
div#ptc_page > .pre,
div#ptc_page > .last,
div#ptc_page > .next {padding:4px 1px !important; background:none !important; vertical-align:middle}

div#ptc_page > .first > i,
div#ptc_page > .pre > i,
div#ptc_page > .last > i,
div#ptc_page > .next > i,
div#ptc_page > a > i {display:inline-block !important; width:1em !important; font-size:1.5em; vertical-align:middle}

div#ptc_page > .no_first > i,
div#ptc_page > .no_pre > i,
div#ptc_page > .no_last > i,
div#ptc_page > .no_next > i {display:inline-block !important; width:1em !important; font-size:1.5em; color:#999 !important; vertical-align:middle}

div#ptc_page > .no_first,
div#ptc_page > .no_pre,
div#ptc_page > .no_last,
div#ptc_page > .no_next {padding:4px 1px !important; background:none !important; border:0 !important; color:#999 !important; vertical-align:middle}