@charset "utf-8";
@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("http://early.chosun.com/first_edition/fonts/cs_webfont_set.css"); */
@import url("../css/jquery.mCustomScrollbar.css");

html, body{height:100%; overflow:inherit; background:#222;}
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;}
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;}

.pageloader{display:none; position:fixed;left:0px;top:0px;width:100%;height:100%;z-index:9999;opacity:1;}
.pageloader .dis_table{width:100%; height:100%; text-align:center;}
.pageloader .dis_table_cell{vertical-align:middle;}
#wrapper{height:auto; background:url("../img/bg.png") 0 0 no-repeat; background-attachment:fixed; background-size:100%; position:relative; overflow-x:inherit}
#wrapper.lock_screen{height:100%;overflow:hidden;width:100%;position:fixed;}
header{position: relative; z-index:10;}
.local-nav{z-index:10;}
.local-nav-links a{color:#fff;}

.schedule_table{max-width:1230px; height:100%; margin:0 auto; position: relative;}

.timeline{width:100%; padding-top:70px; position:absolute; left:0; top:0; z-index:5;}
.timeline li span{font-size:18px; color:#707070; font-family:'조선고딕',"맑은 고딕", "Malgun Gothic",sans-serif; position: relative; top:0;}
.timeline li{position: relative; height: 232px;}

.refresh{padding:11px 0 20px 0; text-align:center;}
.refresh .inner{display:inline-block; padding:10px 32px; background:rgba(52, 52, 52, 0.5); border-radius:10px;}
.refresh p{padding-left:26px; font-size:15px; line-height:18px; font-family:'조선고딕',"맑은 고딕", "Malgun Gothic",sans-serif; color:#d7d7d7; position:relative;}
.refresh p:after{position:absolute; left:0; top:0; width:18px; height:18px; background:url("../img/info_white.png") 0 0 no-repeat; background-size:100%; content:"";}

.schedule_area{width:calc(100% - 74px); margin-left:74px; z-index:10; position: relative;}

/* .live_fixed{width:100px; height:100px; background:#1e1e1e; border-radius:100%; position:fixed; right:50%; top:30%; margin-right:-35%; z-index:30;} */
.live_fixed{width:100px; height:100px; background:#1e1e1e; border-radius:100%; position:fixed; right:10%; top:30%; z-index:30;}
.live_fixed.clicked{background:#fff;}
.live_fixed.clicked span{color:#222;}
.live_fixed .circle_ani{width:100%; height:100%; position:absolute; left:0; right:0; top:0; bottom:0;}
.live_fixed button{display:table; width:100%; height:100%; text-align:center; vertical-align:middle; text-decoration:none; position:relative; z-index:10;}
.live_fixed span{display:table-cell; width:100px; color:#fff; font-size:18px; vertical-align:middle; text-align:center;}

.schedule_group_back{*zoom:1; width:100%; position:absolute; left:0; top:50px; margin-left:-4px; z-index:10;}
.schedule_group_back:after{display:block; content:""; clear: both;}
.schedule_group_back li{float:left; width:25%; height:228px; padding-left:4px; margin-bottom:4px; overflow: hidden; box-sizing:border-box;}
.schedule_group_back li span{background:rgba(52, 52, 52, 0.4); display:block; width:100%; height:100%; border-radius:10px; border:1px solid #1e1e1e;}

.schedule_group_wrap{*zoom:1; position: relative;}
.schedule_group_wrap:after{display:block;content:"";clear:both;}
.schedule_group{float:left; width:25%; box-sizing:border-box; position: relative;}
.schedule_group .schedule_tt{width:100%; height:70px; display:table; text-align:center; border-left:none;}
.schedule_group .schedule_tt span{font-size:20px; color:#d8d8d8; display:table-cell; vertical-align:middle;}

.schedule_tt_wrap{position:fixed; left:0; top:0; width:100%; z-index:30; opacity:0; visibility:hidden;}
.schedule_tt_wrap.fixed{opacity:1; visibility:visible;}
.schedule_tt_wrap .inner ul{width:calc(100% - 74px); margin-left:74px;}
.schedule_tt_wrap .inner{max-width:1230px; margin:0 auto; *zoom:1;}
.schedule_tt_wrap .inner:after{display:block;content:"";clear:both;}
.schedule_tt_wrap .schedule_tt {width:25%; height:70px; float:left; text-align:center;}
.schedule_tt_wrap .schedule_tt span{display:block; line-height:70px; font-size:20px; color:#d8d8d8; background:#222;}

.schedule_item{width:100%; height:232px; position:absolute; z-index:10;}
.schedule_item.live .inner{border:1px solid #da1c28;}
.schedule_item .inner{width:calc(100% - 4px); height:calc(100% - 4px); background:#343434; border:1px solid #1e1e1e; border-radius:10px; box-sizing:border-box; padding:20px 20px 0 20px; position:relative;}
.schedule_item .item_time{font-size:18px; color:#999;}
.schedule_item .item_title{padding:12px 0 8px 0; font-size:18px; color:#fff;}
.schedule_item .item_title a{color:#fff; text-decoration:none;}
.schedule_item.title_space .item_title{padding:48px 0 8px 0;}
.schedule_item .item_desc{font-size:14px; color:#999; font-family:'조선고딕',"맑은 고딕", "Malgun Gothic",sans-serif;}
.schedule_item .live_icon{width:44px; height:24px; overflow:hidden; position:absolute; right:20px; top:20px;}
.schedule_item .live_icon img{width:100%;}
.schedule_item .btn_wrap{width:100%; padding:0 8px; position:absolute; left:0; bottom:0; box-sizing:border-box;}
.schedule_item .btn_wrap a{display:block; padding:12px 0 16px 0; font-size:15px; color:#fff; border-top:1px solid #424242; font-family:'조선고딕',"맑은 고딕", "Malgun Gothic",sans-serif; text-align:center; text-decoration:none;}
.schedule_item .btn_wrap .type2_default{display:block; padding:12px 0 16px 0; font-size:15px; color:#fff; border-top:1px solid #424242; font-family:'조선고딕',"맑은 고딕", "Malgun Gothic",sans-serif; text-align:center; text-decoration:none;}
.schedule_item .btn_wrap.btn_type2 .type2_default{color:#999;}
.schedule_item .btn_wrap a span{position:relative; padding-left:22px; margin-left:-3px;}
.schedule_item .btn_wrap .type2_default span{position:relative; padding-left:22px; margin-left:-3px;}

.schedule_item .btn_wrap.btn_type1 a span:after{display:block; width:20px; height:20px; background:url("../img/autoplay-white.png") 0 0 no-repeat; background-size:100%; content:""; position:absolute; left:0; top:0px;}
.schedule_item .btn_wrap.btn_type2 .type2_default span:after{display:block; width:20px; height:20px; background:url("../img/autoplay-inactive.png") 0 0 no-repeat; background-size:100%; content:""; position:absolute; left:0; top:0px;}
.schedule_item .btn_wrap.btn_type3 a span:after{display:block; width:20px; height:20px; background:url("../img/live.png") 0 0 no-repeat; background-size:100%; content:""; position:absolute; left:0; top:0px;}
.schedule_item.selected{visibility:hidden;}
.schedule_item a{display:block; width:100%; height:100%;}

/* 스크롤 잔상 수정 will-change */
.schedule_pop{width:auto; height:auto; position:fixed; z-index:9999; transition: height .4s, width .4s, transform .4s; transform: translateX(0); transition-timing-function: cubic-bezier(0.5,0,0.1,1); /*will-change: transform, width, height;*/ overflow: hidden; visibility:hidden;}
.schedule_pop.open{visibility:visible;}
.schedule_pop .inner{display:block; padding:72px; position: absolute; left:0; top:0; transition:0.4s all; transition-timing-function: cubic-bezier(0.5,0,0.1,1); will-change: width, height; background:#343434; box-sizing:border-box; border-radius:10px;}
#wrapper.lock_screen .schedule_pop .inner{overflow:auto !important;}
/* .schedule_pop .close_pop{display:block; width:32px; height:32px; position:absolute; right:32px; top:32px; z-index:65;} */
.schedule_pop .close_pop_wrap{*zoom:1; position:absolute; right:32px; top:32px;}
.schedule_pop .close_pop_wrap:after{display:block;content:"";clear:both;}
.schedule_pop .close_pop{display:block; float:right; width:32px; height:32px; z-index:65; position:relative;}
.schedule_pop .close_pop img{width:100%;}

.schedule_pop .modal_cont_wrap{transition:opacity 0.3s ease-in-out; transition-delay:0.3s; opacity:0; height:100%;}
.schedule_pop.open .modal_cont_wrap{opacity:1;}

.schedule_pop .cont_top{padding-bottom:32px;}
.schedule_pop .modal_time{font-size:18px; color:#da1c28;}
.schedule_pop .modal_title{padding:8px 0 16px 0; font-size:36px; color:#222;}
.schedule_pop .modal_desc{font-size:15px; line-height:28px; color:#707070; font-family:'조선고딕',"맑은 고딕", "Malgun Gothic",sans-serif;}

.schedule_pop .cont_bot{padding:24px 0; border-top:1px solid #eaeaea;}
.schedule_pop .modal_sm_title{padding:0 0 12px 0; font-size:18px; color:#222;}

.schedule_pop .speaker_info{margin-top:12px; *zoom:1; position:relative;}
.schedule_pop .speaker_info:after{display:block;content:"";clear:both;}
.schedule_pop .speaker_info.first{margin-top:0;}
.schedule_pop .speaker_info .dis_table{text-align:left; display:table; width:100%;}
.schedule_pop .speaker_info .img{display:table-cell; width:60px;}
.schedule_pop .speaker_info .img span{display:block; width:60px; height:60px; overflow:hidden; border-radius:100%;}
.schedule_pop .speaker_info .img img{width:100%; height:100%; display:block; line-height:0;}
.schedule_pop .speaker_info .txt{display:table-cell; padding-left:12px; vertical-align:middle;}
.schedule_pop .speaker_info .txt1{margin-bottom:4px; font-size:18px; color:#222; font-family:'조선고딕',"맑은 고딕", "Malgun Gothic",sans-serif;}
.schedule_pop .speaker_info .txt2{padding-right:80px; font-size:15px; color:#707070; font-family:'조선고딕',"맑은 고딕", "Malgun Gothic",sans-serif;}
.schedule_pop .speaker_info .more{font-size:14px; line-height:24px; color:#707070; font-family:'조선고딕',"맑은 고딕", "Malgun Gothic",sans-serif; position:absolute; right:0; top:20px; text-decoration:none;}
.schedule_pop .speaker_info .more span{display:block; line-height:24px; position:relative; padding-right:24px;}
.schedule_pop .speaker_info .more span:after{width:24px; height:24px; position:absolute; right:0; top:-1px; background:url("../img/arrow-down-inactive.png"); background-size:100%; content:"";}
.schedule_pop .speaker_info.open .more span:after{width:24px; height:24px; position:absolute; right:0; top:-1px; background:url("../img/arrow-up-inactive.png"); background-size:100%; content:"";}
.schedule_pop .speaker_info .grey_box{display:none; padding:20px; margin-top:8px; background:#f7f7f7; font-size:14px; color:#707070; line-height:25px; font-family:'조선고딕',"맑은 고딕", "Malgun Gothic",sans-serif;}
.schedule_pop .speaker_info.open .grey_box{display:block;}

.schedule_pop.video_modal .lang_btn{*zoom:1;}
.schedule_pop.video_modal .lang_btn:after{display:block;content:"";clear:both;}
.schedule_pop.video_modal .lang_btn li{float:left; margin-left:4px;}
.schedule_pop.video_modal .lang_btn li:first-child{margin-left:0;}
.schedule_pop.video_modal .lang_btn li a{padding:4px 11px; font-size:14px; color:#999; display:block; background:#eaeaea; text-decoration:none;}
.schedule_pop.video_modal .lang_btn li a.active{color:#fff; background:#da1c28;}
.schedule_pop.video_modal .email_info{padding-left:28px; margin:20px 0 10px 0; font-size:14px; line-height:24px; font-family:'조선고딕',"맑은 고딕", "Malgun Gothic",sans-serif; color:#707070; position:relative;}
.schedule_pop.video_modal .email_info:after{position:absolute; left:0; top:0; width:24px; height:24px; background:url("../img/info.png") 0 0 no-repeat; background-size:100%; content:"";}
.schedule_pop.video_modal .email_info a{color:#707070;}

.schedule_pop.video_modal .video_area{margin:0 0 21px 0;}
.schedule_pop.video_modal .v_title{padding-bottom:32px; font-size:23px; color:#222;}
.schedule_pop.video_modal .txt_sty1{padding-top:16px; font-size:14px; color:#707070; border-top:1px solid #eaeaea; font-family:'조선고딕',"맑은 고딕", "Malgun Gothic",sans-serif;}
.schedule_pop.video_modal .txt_sty1 strong{color:#da1c28; font-weight:400;}

.pop_layer{width:100%; height:100%; transition:0.2s all; transition-timing-function: cubic-bezier(0.5,0,0.1,1); background: rgba(34, 34, 34, 0.8); z-index:21; opacity:0; visibility:hidden; position:absolute; left:0; top:0;}
.pop_layer.open{opacity:1; visibility:visible;}

.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color:#d7d7d7}
.mCustomScrollBox{overflow:inherit;}
.mCSB_outside + .mCS-minimal.mCSB_scrollTools_vertical, .mCSB_outside + .mCS-minimal-dark.mCSB_scrollTools_vertical{position:absolute; right:-40px; top:0;}
.mCS-autoHide > .mCustomScrollBox > .mCSB_scrollTools, .mCS-autoHide > .mCustomScrollBox ~ .mCSB_scrollTools{opacity:1;}

.scrollbar-inner > .scroll-element, .scrollbar-inner > .scroll-element div { border: none; margin: 0; padding: 0; position: absolute; z-index: 9; }
.scrollbar-inner > .scroll-element div { display: block; height: 100%; left: 0; top: 0; width: 100%; }
.scrollbar-inner > .scroll-element.scroll-x { bottom: 2px; height: 8px; left: 0; width: 100%; display:none !important;}
.scrollbar-inner > .scroll-element.scroll-y { height: 100%; right: 5px; top: 0; width: 5px; }
.scrollbar-inner > .scroll-element .scroll-element_outer { overflow: hidden; }
.scrollbar-inner > .scroll-element .scroll-element_outer, .scrollbar-inner > .scroll-element .scroll-element_track, .scrollbar-inner > .scroll-element .scroll-bar { -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; }
.scrollbar-inner > .scroll-element .scroll-element_track, .scrollbar-inner > .scroll-element .scroll-bar { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); opacity: 1; }
.scrollbar-inner > .scroll-element .scroll-element_track { background-color: none; }
.scrollbar-inner > .scroll-element .scroll-bar { background-color: #ccc; }
.scrollbar-inner > .scroll-element:hover .scroll-bar { background-color: #ccc; }
.scrollbar-inner > .scroll-element.scroll-draggable .scroll-bar { background-color: #ccc; }
/* update scrollbar offset if both scrolls are visible */

.scrollbar-inner > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_track { left: -12px; }
.scrollbar-inner > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_track { top: -12px; }
.scrollbar-inner > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_size { left: -12px; }
.scrollbar-inner > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_size { top: -12px; }


.state_indicator{position:absolute; top:-999em; left:-999em;}
.state_indicator:before{content:"desktop";}

footer{padding-top:80px;}

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

.loader {
  width: 100px;
  height: 100px;
  -webkit-transform: rotate(-90deg);
          transform: rotate(-90deg);
  stroke-linecap: round;
  stroke-width: 1;
  fill: none;
  transform:scale(2);
}

.loader .internal-circle {
  stroke-dasharray: 187;
  /* -webkit-animation: internal 1.3s ease-in-out infinite; */
  animation: internal 1.5s ease-in-out infinite;
  -webkit-transform-origin: center;
  transform-origin: center;
  stroke: #e91833;
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  #wrapper{background:none;}
}

@keyframes internal {
  0% {
    stroke-dashoffset: 187;
  }
  25% {
    stroke-dashoffset: 80;
  }
  100% {
    stroke-dashoffset: 187;
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}

@keyframes spin{
  100%{transform:rotate(360deg);filter:hue-rotate(360deg);}
}

@media all and (max-width: 1280px) {
  #wrapper{overflow-x:inherit;}
}

/* small desktop */
@media all and (max-width: 1200px) {
  /* .state-indicator:before { content: 'small-desktop'; } */
}

/* tablet */
@media all and (max-width: 1024px) {
  .schedule_item .item_desc{overflow:hidden;text-overflow: ellipsis;text-align:left;line-height: 1.2; height: 2.4em; white-space: normal;word-wrap: break-word;display: -webkit-box !important; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
  .schedule_pop .inner{overflow:auto;}
  .mCustomScrollbar,
  .mCustomScrollbar.mCS_touch_action,
  .mCustomScrollbar.mCS_touch_action .mCS-aviva.mCSB_scrollTools {
    -ms-touch-action: auto;
    touch-action: auto;
  }
  .mCustomScrollBox {
    -ms-touch-action: pan-x pinch-zoom;
    touch-action: pan-x pinch-zoom;
  }
  .mCustomScrollBox.mCSB_vertical_horizontal {
    -ms-touch-action: pinch-zoom;
    touch-action: pinch-zoom;
  }
  .mCustomScrollBox.mCSB_horizontal {
    -ms-touch-action: pan-y pinch-zoom;
    touch-action: pan-y pinch-zoom;
  }
}

/* mobile phone */
@media all and (max-width: 768px) {
  #wrapper{background:none;}
  .desktop{display:none;}
  .mobile{display:block;}

  .state_indicator:before { content: 'mobile'; }
  .timeline{display:none;}

  .refresh{padding:0 16px; margin-top:16px; margin-bottom:24px; text-align:left;}
  .refresh .inner{display:block; padding:12px 24px; background:rgba(52, 52, 52, 0.5); border-radius:10px;}
  .refresh p{padding-left:26px; font-size:14px; line-height:18px; font-family:'조선고딕',"맑은 고딕", "Malgun Gothic",sans-serif; color:#fff; position:relative;}
  .refresh p:after{position:absolute; left:0; top:50%; margin-top:-9px; width:18px; height:18px; background:url("../img/info_white.png") 0 0 no-repeat; background-size:100%; content:"";}

  .live_fixed{width:80px; height:80px; top:inherit; right:16px; bottom:5%; margin-right:0;}
  .live_fixed span{width:80px; font-size:14px;}

  .schedule_group_back{display:none; visibility:hidden;}

  .tab_menu{margin-bottom:12px; padding:0 18px;}
  .tab_menu ul{*zoom:1;}
  .tab_menu ul:after{display:block;content:"";clear:both;}
  .tab_menu li{float:left; text-align:center; box-sizing:border-box; margin-left:24px;}
  .tab_menu li:first-child{margin-left:0;}
  .tab_menu li.active a{display:inline-block; padding-bottom:6px; color:#da1c28; position: relative;}
  .tab_menu li.active a:after{width:100%; height:2px; position:absolute; left:0; bottom:0; background: #da1c28; content:"";}
  .tab_menu a{font-size:16px; color:#707070; text-decoration:none;}

  .schedule_area{width:100%; margin-left:0; padding:0 16px; box-sizing:border-box;}
  .schedule_group{float:none; width:100%; box-sizing:border-box; position: relative;}
  .schedule_group .schedule_tt{display:none;}
  .schedule_item{width:100%; height:232px; position: relative; z-index:10; margin-top:4px;}
  .schedule_item:first-child{margin-top:0;}
  .schedule_item .item_title{font-size:20px;}
  .schedule_item.title_space .item_title{padding:12px 0 8px 0;}

  .schedule_pop{width:100%; height:100%; position: fixed; left:0; top:0; transform:translateX(0%); z-index:9999;}
  .schedule_pop .modal_cont_wrap{height:auto;}
  .schedule_pop .inner{width:100%; height:100%; padding:20px 16px 20px 16px; position: relative; background:#fff; border-radius:0; overflow:auto;}
  .schedule_pop .cont_top{padding-bottom:24px;}
  .schedule_pop .cont_bot{padding:12px 0 24px 0;}
  .schedule_pop .modal_time{font-size:16px;}
  .schedule_pop .modal_title{font-size:20px; padding:12px 0;}
  .schedule_pop .modal_desc{font-size:14px; line-height:20px;}
  .schedule_pop .close_pop_wrap{position: relative; right:0; top:0;}
  .schedule_pop .close_pop{width:24px; height:24px;}
  .schedule_pop .speaker_info .grey_box{padding:16px; line-height:20px;}
  .schedule_pop.video_modal .txt_sty1{position:absolute; left:0; bottom:20px; margin:0 16px;}
  .schedule_pop .speaker_info .txt2{padding-right:68px;}

  .schedule_pop.video_modal .video_area{margin-bottom:16px;}
  .schedule_pop.video_modal .v_title{font-size:20px;}
  .schedule_pop .modal_sm_title{font-size:16px;}

  .schedule_item .live_icon{top:20px;}

  footer{padding-top:40px;}

  .loader {
    width: 80px;
    height: 80px;
    -webkit-transform: rotate(-90deg);
            transform: rotate(-90deg);
    stroke-linecap: round;
    stroke-width: 1;
    fill: none;
    transform:scale(2);
  }
}