@charset "utf-8";


body {-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}
#wrap {min-width:360px;width:100%;overflow:hidden;}


.header_menu_box {width:100%;background:url(https://img.asiatoday.co.kr/20years/top_menu_bg.png) no-repeat;background-size:cover;}
.header_menu_box dl {max-width:1280px;display:flex;margin:0 auto;}
.header_menu_box dl dd {width:50%;padding:15px 0;text-align:center;}
.header_menu_box dl dd.bg01 {background:#175060;}
.header_menu_box dl dd.bg02 {background:#05364b;}
.header_menu_box dl dd a {font-size:20px;color:#fff;font-weight:500;}

/* Header */
.header_wrap {overflow:hidden;position: relative;display: flex;flex-direction:column;align-items:center;justify-content: space-between;width:100%;padding-bottom:30px;background-size:cover;}
.header_wrap.bg02 {background:url(https://img.asiatoday.co.kr/20years/title_20th_bg2.png) center no-repeat;}
.header_wrap.bg03 {background:url(https://img.asiatoday.co.kr/20years/title_20th_bg3.png) center no-repeat;}
.header_box {width:100%;max-width:1280px;margin:0 auto;text-align:center;position:relative;padding-top:35px;}
.header_box h2 {width:105px;margin:0 auto;} /* 20year */
.header_box h2 img {width:100%;}
.header_box h3 {width:120px;margin:0 auto;position:absolute;top:25px;right:10px;z-index:100;} /* asiatoday */
.header_box h3 img {width:100%;}
.header_box dl {width:100%;margin-top:20px;}
.header_box dl dt.line_box {width:285px;height:1px;margin:5px auto 15px auto;font-size:0;background:#ffc987;}
.header_box dl dt {font-family:SchoolSafetyNotification;font-size:38px;font-weight:700;color:#fff;}
.header_box dl dt span {color:#ffc987;}
.header_box dl dd {width:100%;margin-top:20px;text-align:center;font-family:SchoolSafetyNotification;font-size:18px;line-height:28px;letter-spacing:1px;font-weight:400;color:#fff;}


/* Greeting News */

/* Content */
.content {position:relative;display: flex;flex-wrap:wrap;width:100%;}
.content--c1 {overflow:hidden;background:#fff;padding:50px 0 0 0;}
.content--c2 {overflow:hidden;background:#fff;padding-bottom:50px;}

.content_box {width:1280px;overflow:hidden;margin:0 auto;position:relative;}
.content_box dl {width:100%;overflow:hidden;display:flex;flex-wrap:wrap;}
.content_box dl dt {display:flex;flex-wrap:wrap;width:100%;border:5px solid #ffc987;border-radius:16px;padding:45px;margin-bottom:25px;overflow:hidden;}
.content_box dl dt ul {width:220px;overflow:hidden;}
.content_box dl dt ul li.photo_box {width:100%;height:275px;border:1px solid #dfdfdf;border-radius:8px;object-fit:cover;overflow:hidden;}
.content_box dl dt ul li.photo_box img {width:auto;height:100%;}
.content_box dl dt ul li.name_box {padding-top:15px;text-align:center;}
.content_box dl dt ul li.name_box span {font-family:SchoolSafetyNotification;font-size:28px;color:#000;padding-right:10px;}
.content_box dl dt ul li.name_box label {font-family:SchoolSafetyNotification;font-size:28px;color:#424242;}
.content_box dl dt ol {flex:1;padding-left:50px;}
.content_box dl dt ol li p {padding-bottom:15px;line-height:22px;font-weight:400;color:#000;}

.content_box dl dd {width:410px;border:5px solid #fee1bd;border-radius:16px;padding:25px;margin-right:25px;margin-bottom:20px;overflow:hidden;}
.content_box dl dd:nth-child(3n + 0) {margin-right:0;}
.content_box dl dd p {line-height:22px;font-weight:300;color:#000;}
.content_box dl dd p .img_box {display:block;width:auto;max-height:350px;margin:0 auto;}
.content_box dl dd p .more {display: none;}
.content_box dl dd p .moregt {display:inline-block;color:#ce8730;float:right;font-size:14px;font-weight:600;padding-left:10px;}
.content_box dl dd p .moregt img {position:relative;top:4px;}
.content_box dl dd ul {width:100%;overflow:hidden;display:flex;align-items: center;border-bottom:1px solid #dfdfdf;padding-bottom:15px;margin-bottom:15px;}
.content_box dl dd ul li.photo_box {width:95px;height:120px;border:1px solid #dfdfdf;border-radius:8px;object-position:top;overflow:hidden;}
.content_box dl dd ul li.photo_box img {width:100%;object-fit : cover}
.content_box dl dd ul li.name_box {flex:1;padding-left:22px;}
.content_box dl dd ul li.name_box span {font-family:SchoolSafetyNotification;font-size:24px;color:#000;display:block;}
.content_box dl dd ul li.name_box label {font-family:SchoolSafetyNotification;font-size:16px;color:#757575;}
.content_box dl dd:last-child {float:left;}




/* 20th Spacial News */
#anniversary_20th {width:100%;margin:0 auto;}
#anniversary_20th_topnews {width:100%;max-width:1280px;margin:0 auto;padding:20px 0 10px 0;position:relative;}

/* ž���� �����̵� */
    .top_news_slide {width:100%;margin:20px auto 25px auto;padding-bottom:40px;border-bottom:1px solid #dddddd;}
    .top_news_slide .slide_box {width:100%;position:relative;}
    .top_news_slide .slide_box .btn_left {cursor:pointer;width:50px;height:50px;background:url(https://img.asiatoday.co.kr/20years/btn-left.svg) 50% 50% no-repeat;box-sizing: content-box;border-radius:100%;border:1px solid #ccc;position:absolute;left:-70px;top:43%;z-index:100;text-indent:-9999px}
    .top_news_slide .slide_box .btn_left:hover {background-color:#e1e1e1;}
    .top_news_slide .slide_box .btn_right  {cursor:pointer;width:50px;height:50px;background:url(https://img.asiatoday.co.kr/20years/btn-right.svg) 50% 50% no-repeat;box-sizing: content-box;border-radius:100%;border:1px solid #ccc;position:absolute;right:-70px;top:43%;z-index:100;text-indent:-9999px}
    .top_news_slide .slide_box .btn_right:hover {background-color:#e1e1e1;}
    .top_news_slide .slide_box .slide_box_wrap {max-width:1280px;width:100%;overflow:hidden;}
    .top_news_slide .slide_box dl {display:flex;;flex-wrap:wrap;justify-content: space-between;}
    .top_news_slide .slide_box dl dd {width:45%;height:330px;overflow:hidden;}
    .top_news_slide .slide_box dl dd img {width:auto;min-height:100%;object-fit:cover}
    .top_news_slide .slide_box dl dt {width:53%;height:330px;position:relative;display:flex;align-items:center;}
    .top_news_slide .slide_box dl dt .txt_wrap {width:100%;}
    .top_news_slide .slide_box dl dt label {margin-left:20px;margin-top:15px;color:#fff;display:inline-block;padding:5px 12px;background:#035472;}
    .top_news_slide .slide_box dl dt label:empty{padding:0}
    .top_news_slide .slide_box dl dt h3 {padding-left:20px;margin-top:10px;font-size:40px;font-weight:700;line-height:52px;letter-spacing:-2px;height:125px;overflow:hidden;position:relative;}
    .top_news_slide .slide_box dl dt .txt_box {margin-top:14px;padding:0 20px;height:70px;font-weight:400;font-size:16px;letter-spacing:-0.5px;margin-bottom:10px;line-height:24px}
    .top_news_slide .slide_box dl dt .list_tit {padding:8px 0 0 13px;font-size:16px;letter-spacing:-1px;font-weight:500;}
    .top_news_slide .slide_box dl dt .list_tit span {color: #eb0000;position:relative;top:3px;padding-right:5px;}


.sub_list_section {max-width:1280px;margin:0 auto;overflow:hidden;padding-bottom:40px;display:flex;flex-wrap:wrap;}
.sub_list_section .sub_list_news_box {flex:1;border-right:1px solid #ebebeb;padding-right:22px;overflow:hidden;}
.sub_list_section .sub_aside_box {width:30%;max-width:325px;padding-left:22px;overflow:hidden;}


/* ��������Ʈ �ڽ� */
.sub_news_list_box {width:100%;overflow:hidden;}
.sub_news_list_box dl {overflow:hidden;}
.sub_news_list_box dl dd {display:flex;align-items: center;margin-bottom:20px;padding-bottom:20px;border-bottom:1px solid #e5e5e5;}
.sub_news_list_box dl dd .txt_box {flex:1;padding-right:30px;}
.sub_news_list_box dl dd .txt_box h4 {font-size:20px;font-weight:600;letter-spacing:-0.5px;}
.sub_news_list_box dl dd .txt_box p {font-size:14px;font-weight:400;color:#737373;line-height:21px;margin:7px 0 7px 0;}
.sub_news_list_box dl dd .txt_box label {padding-right:10px;font-size:14.5px;letter-spacing:-0.5px;color:#888888;font-family: "Roboto", sans-serif;}
.sub_news_list_box dl dd .img_box_wrap {display:table;}
.sub_news_list_box dl dd .img_box {width:200px;height:140px;text-align:center;background:#f4f4f4;display:table-cell;vertical-align:middle;font-size:0;}
.sub_news_list_box dl dd .img_box img {width:auto;max-height:100%;max-width:100%;}
.sub_news_list_box dl dd span {color: #ff0000;}
.sub_news_list_box .more_news {width:150px;margin:5px auto 25px auto;border:1px solid #ccc;border-radius:18px;text-align:center;padding:8px 0;}
.sub_news_list_box .more_news span {position:relative;top:-2px;display:inline-block;width:12px;height:7px;background:url(https://img.asiatoday.co.kr/a2img/pc/main/topmenu_arr.png) no-repeat;}
.sub_news_list_box .more_news:hover {background:#ccc;color:#fff;}
.sub_news_list_box .more_news:hover span {background:url(https://img.asiatoday.co.kr/a2img/pc/main/topmenu_arr_w.png) no-repeat;}



/* ���� �� ���� */
.main_hot_news_box {position:relative;width:100%;overflow:hidden;}
.main_hot_news_box h4 {font-size:20px;font-weight:600;color:#000;letter-spacing:-0.5px;padding-bottom:15px;}
.main_hot_news_box h4 label {padding-right:5px;}
.main_hot_news_box dl {overflow:hidden;}
.main_hot_news_box dl dd {padding:10px 0;clear:both;overflow:hidden;border-bottom:1px solid #ebebeb;}
.main_hot_news_box dl dd:first-child {padding-top:0;}
.main_hot_news_box dl dd:last-child {padding-bottom:0;border-bottom:0;}
.main_hot_news_box dl dd label {float:left;font-weight:bold;font-size:18px;font-family:"Roboto", sans-serif;padding-right:12px;display:block;position:relative;top:3px;}
.main_hot_news_box dl dd .txt_box {font-size:17px;line-height:24px;letter-spacing:-1px;overflow:hidden;padding-right:5px}
.main_hot_news_box dl dd .img_box {float:right;width:90px;height:65px;margin-left:10px;}
.main_hot_news_box dl dd .img_box img {width:100%;height:65px;object-fit:cover;}





#footer {width:100%;background:#3e3e3e;}
.footer_box {width:100%;margin:0  auto;text-align:center;color:#fff;font-size:20px;font-weight:100;padding:55px 0;}