@charset "utf-8";

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

/*====================*/
/*=== Reset Styles ===*/
/*====================*/
body {font-family: 'Noto Sans KR', sans-serif;color:#000;border-collapse:collapse;-webkit-text-size-adjust:none;}
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;border: 0;outline: 0;font-size: 100%;vertical-align: baseline;background: transparent;
}
ul, ol ,li{list-style:none;}
table {border-collapse:collapse;border-spacing:0;border:0;}
img, fieldset, abbr, input.type-image,  button{border:0;padding:0;}

.ellipsis_line2 {white-space: normal;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;word-wrap:break-word;}
.ellipsis_line3 {white-space: normal;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;word-wrap:break-word;}
.ellipsis_line5 {white-space: normal;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:5;-webkit-box-orient:vertical;word-wrap:break-word;}
.ellipsis_line7 {white-space: normal;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:7;-webkit-box-orient:vertical;word-wrap:break-word;}

.img_thumbr {overflow:hidden;display:block;position:relative;}
.img_thumbr::after {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    border-radius:8px;
    border: 1px solid rgba(0,0,0,0.08);
}


#wrap {width:100%;}
#section {width:100%;position:relative} 

#header {width:100%;background: #1e0639;z-index: 9;text-align: left;color: #1e0639;padding: 10px 0 0 0;}
#header .top_box {width:1200px;;margin: 0 auto 0;position:relative;}
#header .top_box h1 img{width:125px;vertical-align: middle !important;}
#header .top_box .navi {position:absolute;top:0;right:0;}
#header .top_box .navi li {float:left;font-size:15px;padding-left:15px;}
#header .top_box .navi li a {color:#fff;}



div.container_1 {width:100%;}

    .con_tit_box {width:100%;height:107px;text-align:center;background: url("https://img.asiatoday.co.kr/a2img/pc/17th/titlebar_17th.png?v=1") no-repeat;margin-top:10px;background-position:center}
    .con_tit_box h1.t_main_title {display: inline-block;color: #333;width:1200px;font-family: 'Do Hyeon', sans-serif;font-weight:400;font-size:45px;letter-spacing: 10px;margin-bottom: 5px;}
    .con_tit_box h1.t_main_title span {color:#9c00dd;}
    .con_tit_box p {text-align: center;font-size: 22px;line-height: 28px;font-weight:500;letter-spacing:-1px;width:1200px;margin:5px auto 0 auto;color:#000}

    .top_news_slide {width:1200px;margin:50px auto 40px auto;padding-bottom:30px;border-bottom:1px solid #dddddd;}
    .top_news_slide .slide_box {width:1200px;height:340px;position:relative;}
    .top_news_slide .slide_box .btn_left {cursor:pointer;width:50px;height:50px;background:url(https://img.asiatoday.co.kr/a2img/pc/17th/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/a2img/pc/17th/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 .top_slide_box_wrap {width:1200px;height:330px;overflow:hidden;background:#fff;}
    .top_news_slide .slide_box .top_slide_box_wrap dt {width:560px;height:330px;padding-right:40px;float:left;position:relative;display:flex;align-items:center;}
    .top_news_slide .slide_box .top_slide_box_wrap dt label {position:relative;left:23px;color:#fff;display:inline-block;padding:3px 12px 5px 12px;background:#4343b6;border-radius:5px;}
    .top_news_slide .slide_box .top_slide_box_wrap dt label:empty{padding:0}
    .top_news_slide .slide_box .top_slide_box_wrap dt h3 {margin-top:10px;font-size:40px;letter-spacing:-2px;height:120px;overflow:hidden;position:relative;left:21px;}
    .top_news_slide .slide_box .top_slide_box_wrap dt .tit {margin-top:14px;padding:0 20px;height:70px;font-weight:300;font-size:16px;letter-spacing:-0.5px;margin-bottom:10px;line-height:24px}
    .top_news_slide .slide_box .top_slide_box_wrap dt .list_tit {padding:8px 0 0 13px;font-size:16px;letter-spacing:-1px;font-weight:500;}
    .top_news_slide .slide_box .top_slide_box_wrap dt .list_tit span {color: #eb0000;position:relative;top:3px;padding-right:5px;}
    .top_news_slide .slide_box .top_slide_box_wrap dd {width:600px;height:330px;float:left;border-radius:8px;}
    .top_news_slide .slide_box .top_slide_box_wrap dd img {width:100%;min-height:100%;}

     .box_news  {width:1200px;position:relative;overflow:hidden;margin:0 auto 60px auto;}
     .box_news .today_news {width:580px;position:relative;float:left;}
     .box_news .today_news:nth-child(odd) {margin-right:40px;}
     .box_news .today_news:nth-child(1) {margin-bottom:25px;}
     .box_news .today_news:nth-child(2) {margin-bottom:25px;}
     .box_news .today_news .today_wrap {display:flex;align-items:center;}
     .box_news .today_news .today_wrap .img_box {width:256px;height:149px;border-radius:8px;float:left;margin-right:25px;}
     .box_news .today_news .today_wrap .img_box img {width:100%;min-height:100%;}
     .box_news .today_news .today_wrap .tit {font-size:21px;font-weight:500;line-height:28px;letter-spacing:-1px;padding-top:8px;height:58px;overflow:hidden}
     .box_news .today_news .today_wrap .txt {font-size:17px;line-height:22px;color:#005ec8;letter-spacing:-0.5px;}


div.container_2{width:100%;padding-bottom:60px;background:#eef0f8;overflow:hidden}

    .title_box_con {width:1200px;overflow:hidden;margin:60px auto 10px auto;text-align:center;}
    .mss_more_box  {width:1200px;overflow:hidden;margin:5px auto;text-align:right;position:relative;top:-10px;}
    .message_17th{width:1200px;height:606px;margin:0 auto;position:relative}
    .message_17th_wrap {width:1200px;height:100%;overflow:hidden;margin:0 auto}
    .message_17th_wrap dl {width:380px;float:left;margin-right:30px;margin-bottom:30px;}
    .message_17th_wrap dl:nth-child(3n + 0) {margin-right:0;}
    .message_17th_wrap dl dt {width:380px;height:320px;border-bottom:60px solid #89a1b5;position:relative;overflow:hidden;border-radius:10px 10px 0 0;background:#fff;}
    .message_17th_wrap dl dt .photo_box {width:380px;height:320px;background-repeat: no-repeat;background-position: center;background-size: cover;}
    .message_17th_wrap dl dd {width:380px;padding:25px 0;border-radius:0 0 10px 10px;background:#fff;position:relative;}
    .message_17th_wrap dl dd label {width:380px;height:34px;overflow:hidden;text-align:center;color:#fff;display:inline-block;font-size:22px;font-weight:500;position:absolute;top:-46px;left:0;z-index:100;}
    .message_17th_wrap dl dd p {padding:0 25px;font-size:17px;letter-spacing:-0.5px;}




div.container_3{width:100%;background:#c4cfdb;padding:50px 0;}
div.container_3 h3.sp_news_title {font-family: 'Do Hyeon', sans-serif;font-size: 40px;font-weight:400;text-align: center;position: relative;color:#00528c;}
div.container_3 h3.sp_news_title span {color:#143e5b}
div.container_3 .add_button {width:1200px;margin: 3em auto 3em;text-align:center}
div.container_3 .add_button .more_btn {cursor:pointer;}

    .sp17th_news_wrap {width:1200px;margin: 3em auto 3em;}
    .sp17th_news_wrap ul.sp17th_news_cont {display: flex; flex-flow: row wrap; justify-content: flex-start; width: 100%;}
    .sp17th_news_wrap ul.sp17th_news_cont a.linkbox{ margin-right: 30px; box-sizing: border-box;}
    .sp17th_news_wrap ul.sp17th_news_cont a.linkbox:nth-of-type(3n){margin-right: 0;}
    .sp17th_news_wrap ul.sp17th_news_cont a.linkbox:nth-of-type(n + 4){margin-top: 30px;}
    .sp17th_news_wrap ul.sp17th_news_cont li dl.newslist_box{background: #fff;flex-basis: 380px;max-width: 380px;width: 100%;height:514px}
    .sp17th_news_wrap ul.sp17th_news_cont a:hover li{-webkit-box-shadow: 15px 10px 48px -32px rgba(94,94,94,0.54);-moz-box-shadow: 15px 10px 48px -32px rgba(94,94,94,0.54);box-shadow: 15px 10px 48px -32px rgba(94,94,94,0.54);}
    .sp17th_news_wrap ul.sp17th_news_cont li dl.newslist_box {padding: 0 0 32px 0;box-sizing:border-box}
    .sp17th_news_wrap ul.sp17th_news_cont li dl.noi{padding: 150px 0 !important;}
    .sp17th_news_wrap ul.sp17th_news_cont li dl.newslist_box dt {height:269px;overflow:hidden;display:flex;align-items: center;justify-content: center;}
    .sp17th_news_wrap ul.sp17th_news_cont li dl.newslist_box dt img{width: 100%;height: 100%;  object-fit: contain;}
    .sp17th_news_wrap ul.sp17th_news_cont li dl.newslist_box dd.news_tit{font-size:24px;line-height: 145%;max-height: 68px;letter-spacing: -0.5px;padding:20px 25px 0 25px;margin-bottom:10px;}
    .sp17th_news_wrap ul.sp17th_news_cont li dl.newslist_box dd.news_txt{overflow:hidden;font-size: 14px;color: #555;line-height: 160%;max-height:115px;padding:0 25px 0 25px;}

div.container_4{width:100%;background:#c2d2dd;padding:20px 0;}
div.container_4 .add_button {width:1200px;height:57px;margin:15px auto;text-align:center}
div.container_4 .add_button .more_btn {cursor:pointer;height:57px}

.footerarea {width:100%;height:75px;margin:0 auto;padding-top:55px;text-align:center;overflow:hidden;clear:both;border-top:1px solid #d1d1d1}

.message_17th .btn_left, .message_17th .btn_right {background-size:74px 56px;width:53px;height:55px;position:absolute;top:260px;cursor:pointer}
.message_17th .btn_left { left:-72px; background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23a7a7a7'%2F%3E%3C%2Fsvg%3E"); }
.message_17th .btn_right { right:-50px; background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23a7a7a7'%2F%3E%3C%2Fsvg%3E"); }

.message_17th_wrap2 {width:1200px;height:100%;overflow:hidden;margin:0 auto}

.link_text2, .link_text3, .link_text5{overflow: hidden !important;text-overflow:ellipsis;word-wrap: break-word;display: -webkit-box;-webkit-box-orient:vertical;}
.link_text2 {-webkit-line-clamp: 2;}
.link_text3 {-webkit-line-clamp: 3;}
.link_text5 {-webkit-line-clamp: 5;}

ul.sp17th_news_cont2 {display: flex; flex-flow: row wrap; justify-content: flex-start; width: 100%;}
ul.sp17th_news_cont2 .noi{padding:150px 0 !important}
ul.sp17th_news_cont2 a.linkbox{ margin-right: 30px; box-sizing: border-box;}
ul.sp17th_news_cont2 a.linkbox:nth-of-type(3n){margin-right: 0;}
ul.sp17th_news_cont2 a.linkbox:nth-of-type(n + 4){margin-top: 30px;}
ul.sp17th_news_cont2 li dl.newslist_box{background: #fff;flex-basis: 380px;max-width: 380px;width: 100%;}
ul.sp17th_news_cont2 a:hover li{-webkit-box-shadow: 15px 10px 48px -32px rgba(94,94,94,0.54);-moz-box-shadow: 15px 10px 48px -32px rgba(94,94,94,0.54);box-shadow: 15px 10px 48px -32px rgba(94,94,94,0.54);}
ul.sp17th_news_cont2 li dl.newslist_box{padding: 0 0 32px 0;}
ul.sp17th_news_cont2 li dl.newslist_box dt {height:269px;overflow:hidden;text-align:center}
ul.sp17th_news_cont2 li dl.newslist_box dt img{height: 100%;}
ul.sp17th_news_cont2 li dl.newslist_box dd{padding: 0 8% 0;margin-top: 16px;}
ul.sp17th_news_cont2 li dl.newslist_box dd.news_tit{font-size: 24px;line-height: 145%;max-height: 70px;letter-spacing: -1px;}
ul.sp17th_news_cont2 li dl.newslist_box dd.news_txt{overflow:hidden;font-size: 14px;color: #555;line-height: 175%;max-height:120px;}