@charset "utf-8";

* {-webkit-text-size-adjust:none;}
html {height:100%;}
body {margin:0;padding:0;color:#333;font-family:Heebo,sans-serif;height:100%;-webkit-tap-highlight-color:rgba(0,0,0,0);} 
dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, img, input, textarea, blockquote, th, td, p, header, hgroup, nav, section, article, aside {margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;}
dl, ul, ol {list-style:none;}
img {border:0;}
q:before, q:after {content:'';}
input,textarea, button{outline-style:none;}
a {color:#404040;text-decoration:none;border:none;}
a:link, a:active {}
table {border-collapse:collapse; border-spacing:0px;}
img, select, input, textarea, select, button {vertical-align:top;}
td {vertical-align:middle;}
label {cursor:pointer;}

.fr {float:right;}
.fl {float:left;}
.pr {position:relative;}
.tal {text-align:left;}
.tar {text-align:right;}
.tac {text-align:center;}
.dpn {display:none;}
.cb {clear:both;width:0px;height:0px;font-size:0px;line-height:0px;}

.mt1 {margin-top:1px;}
.mt2 {margin-top:2px;}
.mt4 {margin-top:4px;}
.mt5 {margin-top:5px;}
.mt7 {margin-top:7px;}
.mt8 {margin-top:8px;}
.mt9 {margin-top:9px;}
.mt10 {margin-top:10px;}
.mt11 {margin-top:11px;}
.mt12 {margin-top:12px;}
.mt13 {margin-top:13px;}
.mt14 {margin-top:14px;}
.mt15 {margin-top:15px;}
.mt16 {margin-top:16px;}
.mt17 {margin-top:17px;}
.mt18 {margin-top:18px;}
.mt19 {margin-top:19px;}
.mt20 {margin-top:20px;}
.mt22 {margin-top:22px;}
.mt25 {margin-top:25px;}
.mt28 {margin-top:28px;}
.mt30 {margin-top:30px;}
.mt32 {margin-top:32px;}
.mt35 {margin-top:35px;}
.pt5 {padding-top:5px;}

#wrap{min-width:320px;max-width:800px;margin:0 auto;} 
#cover{position:fixed;top:0;left:0;width:100%;height:100%;display:none;background:#000;z-index:20000;opacity:0;} 
.container {width:100%;overflow:hidden;} 

#header {border-bottom:1px solid #d2d2d2;overflow:hidden;}
#top_head {width:100%;height:54px;display:table;position:relative;}
#top_head h1{width:100%;height:100%;display:table-cell;vertical-align:middle;text-align:center;} 
#top_head h1 img {width:142px;position:relative;top:3px;}
#top_head h1 input {font-size:18px;padding:5px 5px;border:1px solid #dadada;border-radius:5px;width:75%;} 
#top_head .menu_btn{width:44px;position:absolute;top:17px;left:13px;}
#top_head .menu_btn img{width:19px}
#top_head .search_btn{width:44px;position:absolute;top:17px;right:13px;text-align:right;}
#top_head .search_btn img{width:19px}
#top_head .menu_btn2 {width:44px;position:absolute;top:18px;left:13px;}
#top_head .menu_btn2 img{width:19px}
#top_head .search_btn2 {width:44px;position:absolute;top:18px;right:13px;text-align:right;}
#top_head .search_btn2 img{width:19px}
.search_bg {background:#f0f0f0;} 

.search_result_box {padding:14px 0 5px 14px;}
.search_result_box h4 {font-weight:400;}
.search_result_box h4 span {color:#e1222a;}
.srch_input {vertical-align:middle;}

#header #nav {height:34px;overflow:hidden;}
#header #nav ul {width:100%;}
#header #nav ul li {float:left;text-align:center;white-space:nowrap;font-family: 'Heebo', sans-serif;}
#header #nav ul li a {height:31px;font-weight:300;display:block;line-height:31px;}
#header #nav ul li a.on {font-weight:400;color:#ed1b23;border-bottom:3px solid #ed1b23;position:relative;z-index:1000;}
#header #nav ul li.fw01 {width:19%;}
#header #nav ul li.fw02 {width:18%;}
#header #nav ul li.fw03 {width:21%;}
#header #nav ul li.fw04 {width:21%;}
#header #nav ul li.fw05 {width:21%;}
#header #nav ul li span {font-size:14px;letter-spacing:-1px;}

.sub_menu_box  {width:100%;border-top:1px solid #ececec;background:#f9f9f9;}
.sub_menu_box ul {overflow:hidden;}
.sub_menu_box ul li {float:left;text-align:center;background:url(https://img.asiatoday.co.kr/atooen/image_mobile/sub_menu_gap.png) right no-repeat;}
.sub_menu_box ul li:last-child {background:none;}
.sub_menu_box ul li.wfix50 {width:50%;}
.sub_menu_box ul li.wfix33 {width:33.33%;}
.sub_menu_box ul li p {padding:5px 0;font-size:14px;font-weight:300;}
.sub_menu_box ul li a.on {color:#ed1b23}

#search_box{width:100%;position:absolute;top:10px;z-index:2001000;display:none;opacity:0;max-width:800px;} 
#search_box .search_box_ui{width:90%;margin:0 auto;padding:10px;background:#fff;border-radius:6px;display:table}
#search_box .search_box_ui ul{display:table-row}
#search_box .search_box_ui ul li{display:table-cell;height:32px}
#search_box .search_box_ui ul li.shb{width:auto;vertical-align:middle;border:1px solid #cdcdcd;padding:0 6px;border-radius:6px}
#search_box .search_box_ui ul li.shb form{display:table;height:24px}
#search_box .search_box_ui ul li.shb form > div{display:table-row}
#search_box .search_box_ui ul li.shb form > div > div{display:table-cell;vertical-align:middle}
#search_box .search_box_ui ul li.shb form > div > div:nth-child(1){width:100%}
#search_box .search_box_ui ul li.shb form > div > div:nth-child(2){width:35px}
#search_box .search_box_ui ul li.shb form > div > div input{width:100%;font-size:15px;line-height:18px;padding-left:6px}
#search_box .search_box_ui ul li.shb form > div > div button{width:36px;height:24px;border:0;background:url(https://img.asiatoday.co.kr/atooen/image_mobile/search_btn.jpg) no-repeat 7px 1px;background-size:22px} 
#search_box .search_box_ui ul li.shb form > div > div button span{display:none}
#search_box .search_box_ui ul li.cl{width:40px;text-indent:-1000px;overflow:hidden;background:url(https://img.asiatoday.co.kr/atooen/image_mobile/close.png) no-repeat 10px 6px;background-size:20px}


footer {width:100%;clear:both;height:108px;background:#03001f;}
footer ul {max-width:800px;margin:0 auto;overflow:hidden;padding-top:30px}
footer ul li {text-align:center;line-height:normal;}
footer ul li p {font-size:14px;border-radius:3px;padding:5px 9px;display:inline-block;color:#fff;margin:0 2px;background:#273e5d;}
footer ul li p a {color:#fff;}
footer ul li i {font-size:12px;color:#c6cdcf;}


/* ���̵�޴� */
#menu{position:absolute;top:0;left:-285px;width:285px;height:100%;background:#fff;z-index:20010;overflow-x:hidden;overflow-y:scroll;-webkit-overflow-scrolling:touch;}
#menu .logo_top{width:100%;height:52px;border-bottom:1px solid #404040;margin:0;}
#menu .logo{width:125px;position:absolute;top:17px;left:14px;}
#menu .close_btn {width:18px;position:absolute;top:19px;right:14px;}
#menu dl {width:100%}
#menu div.sub1 a {display:block;width:100%;padding:15px 0 15px 15px;font-size:15px;color:#222;border-top:1px solid #e9e9e9;overflow:hidden;}
#menu div.sub2 {width:100%;height:48px;position:relative;border-top:1px solid #e9e9e9;}
#menu div.sub2 > a {display:block;font-size:15px;color:#222;padding:15px 0 15px 15px;}
#menu div.sub2 > p {width:46px;height:100%;text-align:center;position:absolute;top:0;right:0;}
#menu div.sub2 > p > img {width:12px;transition:0.3s;margin-top:20px;}
#menu div.submenu{border-top:1px solid #e9e9e9;display:none;}
#menu div.submenu a {display:block;width:100%;padding:5px 0 15px 30px;font-size:15px;color:#6d6d6d;overflow:hidden;}
#menu div.submenu a:first-child {padding:18px 0 15px 30px;}
#menu .side_footer {background:#595959;overflow:hidden;}
#menu .side_footer a {color:#fff;font-size:14px;padding:20px 0;width:33%;display:block;float:left;text-align:center;background:url(https://img.asiatoday.co.kr/atooen/image_mobile/sub_menu_gap.png) right no-repeat;}
#menu .side_footer a:last-child {background:none;}
#menu .side_copy {padding:5px 0;text-align:center;font-size:14px;color:#808080;}


#top_button {position:fixed;bottom:5px;right:6px;width:11.5%;max-width:60px;display:none;z-index:2000} 
#top_button img {width:100%} 




@media only screen and (min-width:320px) {
   #header #nav ul li span {font-size:15px;letter-spacing:-0.5px;}
}

@media only screen and (min-width:480px) {
   #header #nav ul li span {font-size:18px;letter-spacing:-0.5px;}
   .sub_menu_box ul li p {font-size:16px;}
   #top_head h1 input {width:82%;}
}

@media only screen and (min-width:640px) {
	   #wrap {border-left:1px solid #f0f0f0;border-right:1px solid #f0f0f0;}
	   #top_head {height:84px;max-width:800px;}
	   #top_head h1 img {width:180px;position:relative;top:0;}
	   #top_head .menu_btn{width:44px;position:absolute;top:31px;left:13px;}
	   #top_head .menu_btn img{width:23px}
	   #top_head .search_btn{width:44px;position:absolute;top:31px;right:13px}
	   #top_head .search_btn img{width:23px}
	   #header #nav ul li span {font-size:20px;letter-spacing:-0.5px;}  
	   .sub_menu_box ul li p {font-size:18px;}
	   #top_head h1 input {width:85%;}
	   #top_head .menu_btn2  {top:33px;left:15px;}
	   #top_head .search_btn2  {top:33px;lright:15px;}
	   .search_result_box h4 {font-size:22px;}
}