@charset "utf-8";

/*
  작성자 : Min Young Jun
  작업시작일 : 2020.01
*/

@import url("https://news.chosun.com/dhtm/css/css_reset_2018.css");
@import url("https://news.chosun.com/dhtm/css/cs_webfont_set.css");
/* @import url("cs_webfont_set.css"); */
@import url('https://fonts.googleapis.com/css?family=Playfair+Display:700&display=swap');

.font100_banner{display:none !important;}
.mobile_bottom_banner{display:none !important; visibility:hidden;}

html, body{height:100%; overflow:inherit; background:#f7f7f7;}
html{-webkit-text-size-adjust:none;}
body{min-width:320px;word-break:keep-all;word-wrap:break-word;white-space:inherit;color:#000;}
body, input, button, textarea{font:16px/1.3 '조선중간고딕',AppleSDGothicNeo-Regular, "맑은 고딕", "Malgun Gothic", 나눔고딕, 돋움, Dotum, 굴림, Gulim, "Apple SD Gothic Neo", sans-serif; letter-spacing:0;  /*font-family:AppleSDGothicNeo-Regular,'맑은 고딕','Malgun Gothic',나눔고딕,돋움,Dotum,굴림,Gulim,'Apple SD Gothic Neo',sans-serif; letter-spacing:-0.05em*/}
button{border:none;}
a, a:visited{color:#000; text-decoration:none}
.txt_dot1{overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.txt_dot2{overflow:hidden; display:-webkit-box !important; -webkit-line-clamp:2; -webkit-box-orient:vertical; word-wrap:break-word; white-space:normal; text-overflow:inherit;}
.txt_dot3{overflow:hidden; display:-webkit-box !important; -webkit-line-clamp:3; -webkit-box-orient:vertical; word-wrap:break-word; white-space:normal; text-overflow:inherit;}
.dis_table{display:table; width:100%;}
.dis_table_cell{display:table-cell;}
.hdTxt, .hide_txt {position:absolute; top:-9999px; left:-9999px; overflow:hidden; visibility:hidden; width:0; height:0; font-size:0; line-height:0; text-indent:-9999em; z-index:-1;}
.contain{position:relative; max-width:1156px; margin:0 auto; *zoom:1; z-index:10;}
.contain:after{display:block;content:"";clear:both;}

#nav2020-head .nav2020-title a{cursor:unset; text-decoration:none;}

#wrapper{width:100%; overflow:hidden;}

.main_visual{width:100%; padding-top:32px; overflow:hidden; background:#4395d1;}
.main_visual .inner{max-width:1050px; margin:0 auto; *zoom:1; position:relative;}
.main_visual .inner:after{display:block;content:"";clear:both;}
.main_visual .left{max-width:556px; /*padding-top:80px;*/ position:absolute; left:0; top:80px; z-index:20; animation:fadeInUp 0.7s ease-in-out;}
.main_visual .right{float:right; max-width:568px; position: relative; animation:fadeInUp 0.7s ease-in-out; animation-delay:0.6s; animation-fill-mode: both;}
.main_visual .left .txt1{margin-bottom:12px; font-size:23px; color:#ffe53c;}
.main_visual .left .txt2{font-size:40px; color:#fff;}

.main_visual .right img{width:100%;}

.nl_top{height:362px; margin-top:60px; margin-bottom:0; *zoom:1;}
.nl_top:after{display:block;content:"";clear:both;}
.nl_top .left{float:left; max-width:556px; width:100%; padding-top:56px; animation:fadeInUp 0.7s ease-in-out;}
.nl_top .left .txt1{margin-bottom:12px; font-size:23px; color:#0162ab;}
.nl_top .left .txt2{font-size:40px; color:#222;}
.nl_top .right{float:right; max-width:575px; width:100%; position:relative; animation:fadeInUp 0.7s ease-in-out; animation-delay:0.6s; animation-fill-mode: both;}
.nl_top .right .ani_img{width:356px; float:right; margin:19px 110px 0 0;}
.nl_top .right .ani_img img{vertical-align:bottom; width:100%;}
.nl_top .right .particle{width:100%; height:100%; position:absolute; right:0; top:0; animation:scaleUp 0.6s cubic-bezier(0.57, 0.09, 0.34, 1.04); animation-delay:1.1s; animation-fill-mode:both;}

.nl_list_wrap{max-width:968px; padding:60px 0 48px 0; margin:0 auto; background:none; box-sizing:border-box; position:relative; z-index:20;}
.nl_list_item{display:table; width:100%; padding-top:32px; margin-top:32px; border-top:1px solid #eaeaea;}
.nl_list_item:first-child{padding-top:0; margin-top:0; border-top:none;}
.nl_list_item .img{width:160px; display:table-cell; vertical-align:middle;}
.nl_list_item .img .inner{width:160px; height:160px; border-radius:100%; overflow:hidden;}
.nl_list_item .img .inner img{width:100%;}
.nl_list_item .txt{padding-left:24px; display:table-cell; vertical-align:middle;}
.nl_list_item .txt .time{font-size:18px; color:#0162ab;}
.nl_list_item .txt .tt{padding:12px 0 8px 0; font-size:23px; color:#222;}
.nl_list_item .txt .tt .new_icon{display:inline-block; width:46px; height:23px; position: relative; bottom:-3px;}
.nl_list_item .txt .tt .new_icon img{width:100%;}
.nl_list_item .txt .desc{padding-bottom:12px; font-size:18px; color:#222; font-family:'조선고딕';}
.nl_list_item .txt .tag{*zoom:1;}
.nl_list_item .txt .tag:after{display:block; content:""; clear:both;}
.nl_list_item .txt .tag li{float:left; margin-left:12px; padding:4px 8px; font-size:15px; color:#707070; font-family:'조선고딕'; background:#eaeaea; border-radius:3px;}
.nl_list_item .txt .tag li:first-child{margin-left:0;}
.nl_list_item .btn{width:148px; display:table-cell; vertical-align:middle;}
.nl_list_item .btn a{display:block; width:148px; padding:16px 0; background:#0162ab; color:#fff; font-size:18px; text-decoration:none;}
.nl_list_item .btn span{display:block; padding-left:32px; margin-left:25px; font-size:18px; line-height:24px; position:relative;}
.nl_list_item .btn span:after{width:24px; height:24px; background:url("../img/add.png") 0 0 no-repeat; background-size:100%; content:""; position:absolute; left:0; top:0;}
/* .nl_list_item .btn span:before{width:24px; height:24px; content:"+"; font-size:35px; position:absolute; left:3px; top:3px; color:#0162ab; z-index:999; font-family:sans-serif;} */

@keyframes scaleUp {
  from {
    opacity:0;
    -webkit-transform: scale(0);
    transform:scale(0) translate3d(0,300px,0);
  }

  to {
    opacity:1;
    -webkit-transform: scale(1);
    transform:scale(1) translate3d(0,0,0);
    transform-origin: 50% 50%;
  }
}

@keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 50px, 0);
    transform: translate3d(0, 50px, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.mobile{display:none;}
.desktop{display:block;}

@media all and (max-width: 1140px) {


}

@media all and (min-width: 736px) {
  .nl_top .particle{width:100%; box-sizing:border-box; padding:0 16px; position:absolute; left:0; top:0; z-index:5; animation:scaleUp 0.6s cubic-bezier(0.57, 0.09, 0.34, 1.04); animation-delay:1.1s; animation-fill-mode:both;}
  .nl_top .particle img{width:100%; }
}

@media all and (max-width: 768px) {
  .mobile{display:block;}
  .desktop{display:none;}

  .main_visual{width:100%; padding-top:32px; overflow:hidden; background:#4395d1;}
  .main_visual .inner{max-width:1150px; margin:0 auto; *zoom:1; padding:0 16px;}
  .main_visual .inner:after{display:block;content:"";clear:both;}
  .main_visual .left{float:none; max-width:inherit; padding-top:0; position: relative; top:0;}
  .main_visual .right{float:right; max-width:158px; position: relative; right:-16px; top:-10px; animation:fadeInUp 0.7s ease-in-out; animation-delay:0.6s; animation-fill-mode: both;}
  .main_visual .right img{width:100%;}
  .main_visual .left .txt1{margin-bottom:8px; font-size:16px; color:#ffe53c;}
  .main_visual .left .txt2{font-size:24px; color:#fff;}

  .nl_top{height:auto; margin:0 0 0 0; padding:32px 16px 0 16px; position:relative;}
  .nl_top .particle{width:100%; height:100%; box-sizing:border-box; padding:0 16px; position:absolute; left:0; top:20px; z-index:5; animation:scaleUp 0.6s cubic-bezier(0.57, 0.09, 0.34, 1.04); animation-delay:1.1s; animation-fill-mode:both;}
  .nl_top .particle img{width:100%;}
  .nl_top .left{float:none; max-width:inherit; width:100%; padding-top:0;}
  .nl_top .left .txt1{margin-bottom:8px; font-size:16px; position:relative; z-index:10;}
  .nl_top .left .txt2{font-size:24px; position:relative; z-index:10;}
  .nl_top .right{float:none; max-width:inherit; width:100%; position:relative; z-index:10; *zoom:1;}
  .nl_top .right:after{display:block; content:""; clear:both;}
  .nl_top .right .ani_img{width:134px; float:right; margin:0; position:relative; top:0}

  .nl_list_wrap{max-width:100%; padding:30px 16px; padding-bottom:40px; position: relative; z-index:10;}
  .nl_list_item{display:table; width:100%; padding-top:20px; margin-top:20px; *zoom:1; clear:both;}
  .nl_list_item:after{display:block;content:"";clear:both;}
  .nl_list_item .img{width:64px; padding-right:12px; display:table-cell; vertical-align:top;}
  .nl_list_item .img .inner{width:64px; height:64px; border-radius:100%; overflow:hidden;}
  .nl_list_item .txt{padding-left:0; display:block;}
  .nl_list_item .txt .time{font-size:14px; color:#0162ab;}
  .nl_list_item .txt .tt{padding:4px 0; font-size:18px;}
  .nl_list_item .txt .tt .new_icon{display:inline-block; width:42px; height:20px;}

  .nl_list_item .txt .desc{font-size:14px;}
  .nl_list_item .txt .tag li{font-size:14px;}

  .nl_list_item .btn{width:128px; margin-top:12px; display:block;}
  .nl_list_item .btn a{display:block; width:128px; padding:13px 0; background:#0162ab; color:#fff; text-decoration:none;}
  .nl_list_item .btn span{display:block; padding-left:26px; margin-left:21px; font-size:16px; line-height:20px; position:relative;}
  .nl_list_item .btn span:after{width:20px; height:20px; background:url("../img/add.png") 0 0 no-repeat; background-size:100%; content:""; position:absolute; left:0; top:0;}
}

/* IE10+ */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {

}

/* IE6,7,9,10 */
@media screen and (min-width: 640px), screen\9 {

}