@charset "utf-8";

@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@300;400;500;700&display=swap');

/*====================*/
/*=== Reset Styles ===*/
/*====================*/
body{font-family:'Noto Sans KR', 'Malgun Gothic', 'AppleGothic', 'Sans-serif';color:#555;border-collapse:collapse;-webkit-text-size-adjust:none;width:100%;}
a:link, a:visited, a:hover, a:active{color:#000;text-decoration:none;}
html{overflow-y:scroll;}
html, body, h1, h2, h3, h4, h5, h6, div, p, blockquote, pre, code, address, ul, ol, li, dl, dt, dd, table, caption,  tbody, tfoot, thead, th, tr, td, form, fieldset, legend, hr, input, button, textarea, object, iframe, form, caption, select{margin:0;padding:0;}
article, aside, header, footer, section, nav{margin:0;padding:0;}
h1, h2, h3, h4, h5, h6{font-size:100%;}
ul, ol ,li{list-style:none;}  
table{border-collapse:collapse;border-spacing:0;border:0;}
img, fieldset, abbr, input.type-image,  button{border:none;}
img, input{border:0;padding:0;}
address, caption, cite, code, em{font-style:normal;font-weight:normal;}
input, select, textarea, button{color:#555;vertical-align:middle;font-family:Noto Sans KR, Malgun Gothic, AppleGothic, Sans-serif;}
caption, legend, #skipNavi, h2{width:0;height:0;padding:0px;margin:0px;visibility:hidden;font-size:0px;height:0px;line-height:0px;}
hr {display:none;}
button::-moz-focus-inner{border:0;padding:0;}
button{background:transparent;overflow:visible;cursor:pointer;}

/* 선택자 */

.cb {clear:both;}
.vac {vertical-align:bottom;}
.dib {display:inline-block} 
.dpb {display:block} 
.ofa {overflow:auto;} 
.ofh {overflow:hidden}
.dpn {display:none}
.cp {cursor:pointer}
.fl  {float:left}
.fr  {float:right}
.tal {text-align:left}
.tar {text-align:right}
.tac {text-align:center}
.taf {text-align:justify}
.tdu {text-decoration:underline} 
.vam {vertical-align: middle} 
.line {text-decoration:underline;}
.pr {position:relative;}
.fwb {font-weight:bold;}

	
/* guide  */
#wrap {min-width:1200px;width:100%;position:relative;}
#header {width:100%;background:#393d42;border-bottom:1px solid #ebebeb;}
#container {width:100%;overflow:hidden;background:#fff;}
#footer {width:100%;overflow:hidden;background:#f3f2f2;}

.header_box {width:1200px;height:120px;margin:0 auto;position:relative;}
.header_box dl {padding-top:50px;}
.header_box dl dt {float:left;width:180px;height:20px;padding-top:20px;}
.header_box dl dt h1 {width:150px;position:relative;top:-19px;}
.header_box dl dt h1 img {width:130px;}
.header_box dl dd {float:left;height:40px;padding:30px 40px 0 40px;position:relative;}
.header_box dl dd:first-child {padding-left:0;}
.header_box dl dd span {font-size:18px;font-weight:400;color:#fff;position:relative;top:-10px;}
.header_box dl dd:hover span {color:#ffed00;}
.header_box dl dd.on span {color:#ffed00;}
.header_box dl dd.sub01:hover .sub_m {display:block;}
.header_box dl dd.sub01 .sub_m {position:absolute;top:70px;left:-12px;padding:17px 0;background:#efefef;z-index:1000;display:none;border-radius:0 0 8px 8px;} 
.header_box dl dd.sub01 .sub_m li {width:128px;padding:7px 0 7px 36px;}
.header_box dl dd.sub01 .sub_m li a {color:#848484;font-weight:500;font-size:18px;} 
.header_box dl dd.sub01 .sub_m li a:hover {color:#0b0b0b;} 
.header_box p {position:absolute;top:73px;right:0;cursor:pointer;}
.header_box input {width:170px;position:absolute;top:70px;right:33px;padding:3px 5px;background:#54585f;border:1px solid #a8a9ab;color:#fff;}
.header_box #searchArea{width:184px;position:absolute;top:2px;right:-10px;opacity:0;z-index:90;display:none;}



.l_btn_box {width:354px;height:462px;position:absolute;top:0;left:0;background:url(https://img.asiatoday.co.kr/atooTV/renew/roll_l_bg.png) no-repeat;z-index:100;}
.r_btn_box {width:354px;height:462px;position:absolute;top:0;right:0;background:url(https://img.asiatoday.co.kr/atooTV/renew/roll_r_bg.png) no-repeat;text-align:right;z-index:100;}
.roll_f_btn {width:100%;position:absolute;bottom:20px;text-align:center;z-index:1000;}
.roll_f_btn span {display:inline-block;background:#fff;border-radius:10px;width:13px;height:13px;margin:0 3px;opacity:1 !important} 
.roll_f_btn span:hover {width:50px;transition:0.3s}
.roll_f_btn span.swiper-pagination-bullet-active {width:50px;transition:0.3s}
.roll_f_btn span span {display:none;}
.rolling_con_box {width:100%;height:462px;margin:0 auto;position:relative;background:url('') center no-repeat;background-size:cover;}
.rolling_con_box .news_con_box {width:1054px;height:462px;margin:0 auto;text-align:center;position:relative;display:table;}
.rolling_con_box .news_con_box .tab_box {padding:5px 20px 7px 20px;background:rgba(255, 37, 0, 0.82);position:absolute;top:10px;color:#fff;font-size:18px;}
.rolling_con_box .news_con_box .news_con_list {display:table-cell;vertical-align:middle;}
.rolling_con_box .news_con_box .news_con_list h3 {max-width:1044px;font-size:42px;overflow:hidden;font-weight:normal;color:#fff;padding:10px;background:rgba(0,0,0,0.7);overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}  /* 2017.12.26 */
.rolling_con_box .news_con_box .news_con_list p {font-size:18px;color:#fff;padding:7px 0 3px 0;}



.content_cf_box {width:100%;overflow:hidden;background:#fff;height:549px;}
.content_cf_box .content_cf_box_img {width:1054px;margin:105px auto 0 auto;}

.news_content_box {width:100%;overflow:hidden;background:#f1f0f0;}
.news_content_box .news_content_box_img  {width:1054px;margin:139px auto}

.news_content_box2 {width:100%;overflow:hidden;background:#fff;border-bottom:3px solid #97999b;}
.news_content_box2 .news_content_box2_img  {width:1054px;margin:85px auto 100px auto}

.footer_box {width:1200px;margin:0 auto;padding:30px 0 40px 0;position:relative;}
.footer_box dl {overflow:hidden;}
.footer_box dl dt {width:50%;float:left;padding-bottom:10px;}
.footer_box dl dt img {position:relative;image-rendering:-webkit-optimize-contrast;}
.footer_box dl dt .img01 {padding-right:20px;}
.footer_box dl dt .img02 {height:24px;}
.footer_box dl dt .img03 {height:26px;padding-right:15px;}
.footer_box dl dt .img04 {height:26px;}
.footer_box dl dd {clear:both;font-size:14px;line-height:20px;color:#6c6c6c;padding-top:16px;border-top:1px solid #ccc;}