/* 2018_02 Olympic 관련 css */

/* Top stories */
#Top_story, #cube_flash, #cube_flash .cube_flash .flash_con, .flash_sns a {-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
#Top_story { width:100%; max-width: 1198px; height:30px; position: relative; margin:5px auto 10px auto}
#cube_flash { max-width:1198px; height:100%; margin:0 auto; text-align: left; position: relative; padding-right:240px; }
#cube_flash .cube_flash { display:block; max-width:100%; height: 100%; overflow: hidden; float:left; position: relative;}
#cube_flash .cube_flash strong {display:inline-block; height: 100%; line-height: 30px; position: absolute; top:0; left:0; font-size:16px; font-weight: bold; color:#000; letter-spacing:0 !important; font-family: 'Titillium Web'!important;}
#cube_flash .cube_flash strong img {margin:4px 7px 0 0;}
#cube_flash .cube_flash .flash_con { display:inline-block; height:100%; overflow:hidden;width:100%; padding:0 80px 0 200px; white-space:nowrap; overflow:hidden; text-overflow: ellipsis; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
#cube_flash .cube_flash .flash_con a { line-height:32px; font-size: 15px; vertical-align: middle}
#cube_flash .cube_flash .flash_time {display: inline-block; width: 81px; height: 12px; position: absolute;top:10px;right: 0;text-align: left}
#cube_flash .cube_flash .flash_time img {display: inline-block;width: 11px;height: 11px;padding-left:5px;padding-right: 3px;}
#cube_flash .cube_flash .flash_time span {display: inline-block;height: 12px;line-height: 12px;font-size: 12px;color: #999;}
#cube_flash .cube_flash .flash_btn { display:inline-block; height:18px; position: absolute; top:4px; left:125px; border-top:1px solid #dfdfdf; border-left:1px solid #dfdfdf; margin-top:2px}
#cube_flash .cube_flash .flash_con a:hover {color:#333;}
#cube_flash .cube_flash .flash_btn a {display: block; width:18px; height:18px;background:#fff; float:left; border-right:1px solid #dfdfdf; border-bottom:1px solid #dfdfdf; text-align: center;}
#cube_flash .cube_flash .flash_btn a:hover {background:#f5f5f5}
#cube_flash .cube_flash .flash_btn img { display: inline-block; width: 4px; vertical-align: middle; margin-top:1px; *margin-top:-2px; margin-top:-2px \0/IE8+9 ; margin-top:-2px\-;}
_:-ms-fullscreen, :root #cube_flash .cube_flash .flash_btn img { margin-top:-2px } 
.flash_sns {display: inline-block; height: 100%; position: absolute; top:0; right:0;}
.flash_sns a {display: block; float:left; height: 100%;margin-left: 2px}
.flash_sns a.cal_go {width: 130px; background: #fff; border:1px solid #247acd; border-radius: 15px; line-height:29px; font-size: 13px; color:#247acd; margin-right: 10px; transition:all 0.3s ease-out}
.flash_sns a.cal_go:hover {background:#247acd; color:#fff; transition:all 0.3s ease-out}
.flash_sns a.cal_go span {display: inline-block; width: 13px; height: 10px; background:url(../../images/olympic/Olympic2018_16.png)no-repeat; margin: 10px 5px 0 0}
#cube_flash .cube_flash strong { *letter-spacing:-0.5px !important;  } /*ie7*/
#cube_flash .cube_flash strong { letter-spacing:-0.5px \0/IE8+9 !important; letter-spacing:-0.5px\- !important; } /*ie8~9*/
#cube_flash .cube_flash strong { letter-spacing:-0.5px\-!important; } /*ie9~10*/
_:-ms-fullscreen, :root #cube_flash .cube_flash strong { letter-spacing:-0.5px !important; } /*ie11*/
@media screen and (max-width:900px){ 
    #Top_story { display: none;}
}

.sns_pop {display: none; width: 320px; height: 167px; background: #fff; position:fixed; left:50%; margin-left: -160px; top:70px; z-index: 600}
.sns_pop h2 { height: 61px; line-height: 60px; border-bottom: 1px solid #e5e5e5; font-size: 18px; color:#333}
.sns_pop ul { display: inline-block; height: 56px; margin-top: 25px;}
.sns_pop ul li{ width: 56px; height: 56px; float:left; margin:0 10px;}
.sns_pop ul li a{display: block; height: 100%; font-size: 0; border-radius: 50%; text-indent:-9999px;}
.sns_pop ul li a span { display: block; height: 100%; }
.sns_pop ul li:nth-child(1) a{ background: #4d67a2;}
.sns_pop ul li:nth-child(1) a span{ background: url("../../images/election/facebook_white.svg") no-repeat center; background-size:12px 20px; }
.sns_pop ul li:nth-child(2) a{ background: #1da1f3;}
.sns_pop ul li:nth-child(2) a span{ background: url("../../images/election/twitter_white.svg") no-repeat center; background-size:19px 16px; }
.sns_pop > a { position: absolute; top:0; right:0; width:60px; height:60px; font-size: 0; text-indent:-9999px;}
.sns_pop > a span{ display: block; height: 100%; background: url("../../images/election/pop_close.svg") no-repeat center; background-size:14px 13px;}
.module_9 {width:100%; max-width: 1198px; margin:0 auto; font-size:0; position: relative; }
.module_9_m, .first_box_m {display: none;}
.module_9 img {max-width: none;}
.module_9 .module {width:32%; display: inline-block; vertical-align: top;}
.module_9 .space {width:2%; display: inline-block; vertical-align: top;}
.module_9 .module.last {width: 100%;}
.module_9 .module.last > a {width: 32%; display: inline-block;}
.module_9 .module > * {position: relative;}
.module_9 .module > a {display: block; height: 100%; }
.module_9 .module > * .module_bg {width:100%; height: auto;}
.module_9 .blo900{display: none !important;}
/* type 01: 첫번째 박스 영역*/
.first_box .oly_info{width:100%; position: absolute; top:0; left: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding:35px 5%; text-align: center;}
.oly_info img {display: block;margin:0 auto;}
.oly_info .fir_img4 {margin:15px auto 40px auto}
/*개막전*/
.oly_info .oly_pre .day_count {display: block; max-width: 280px; height: 36px; line-height: 38px; border-top:1px solid rgba(225,225,225,0.5); border-bottom:1px solid rgba(225,225,225,0.5); line-height: 30px; margin: 10px auto 0 auto;}
.oly_info .oly_pre .day_count img {margin-top:9px;}
.oly_info .oly_pre ul {width: 100%; height: 47px; margin-top: 10px;}
.oly_info .oly_pre ul li {display:inline-block;}
.oly_info .oly_pre ul li.count { width:47px; height: 47px; position: relative; margin-right:3px}
.oly_info .oly_pre ul li.count img {display: block; width: 100%; height: 100%; position: absolute; top:0;left: 0;}
.oly_info .oly_pre ul li.count span {display: block; width: 100%; height: 100%; position: absolute; top:0;left: 0; line-height: 47px; font-size: 28px; color:#fff; font-family: Arial; font-weight: bold; text-align: center; text-indent: -1px;}
/*개막후*/
.oly_info .oly_start .day_count{display: none; max-width: 280px; margin:5px auto 5px auto;}
.oly_info .oly_start .day_count img {display: inline-block;}
.oly_info .oly_start .day_count span { font-size: 16px; color:#f3ff2e; font-family: Arial; font-weight: bold; padding:0 5px; line-height: 1; letter-spacing: 0; line-height: 0.9;}
.oly_info .oly_start .rank {display: block; max-width: 280px; height: 36px; line-height: 38px; border-top:1px solid rgba(225,225,225,0.5); border-bottom:1px solid rgba(225,225,225,0.5); line-height: 30px; vertical-align: middle; margin:0 auto}
.oly_info .oly_start .rank img {display: inline-block; vertical-align: middle; margin-top:5px;}
.oly_info .oly_start .rank img:first-child {padding-right: 10px;}
.oly_info .oly_start .rank span { font-size: 24px; color:#f3ff2e; font-family: Arial; font-weight: bold; padding:0 8px; line-height: 35px}
.oly_info .oly_start ul {width: 100%; height: 73px;}
.oly_info .oly_start ul li {display:inline-block; width:74px; height: 73px; position: relative; margin:0 -3px}
.oly_info .oly_start ul li img {display: block; width: 100%; height: 100%; position: absolute; top:0;left: 0;}
.oly_info .oly_start ul li span {display: block; width: 100%; height: 100%; position: absolute; top:0;left: 0; line-height: 74px; font-size: 26px; color:#000; font-family: Arial; font-weight: bold; opacity: 0.7; text-align: center; text-indent: -1px;}
/* type02-03 common*/
.newsday { font-size: 12px; opacity: 0.7; letter-spacing: 0; margin-top: 8px;}
.newsday span {position: relative; display: inline-block; }
.newsday span:first-child {padding-right:15px;}
.newsday span:first-child:after {display: block; content: ""; width: 1px; height: 10px; position: absolute; top:2px; right:7px; background: #fff; opacity: 0.5;}
/* type 02: 이미지 들어가는 뉴스영역*/
.picture_box {overflow: hidden;display: block; }
.picture_box:after {display: block; content: ""; width: 100%; height: 100%; position: absolute; top:0;left: 0; -webkit-box-shadow: inset 0px 0px 57px 0px rgba(0,0,0,0.4); -moz-box-shadow: inset 0px 0px 57px 0px rgba(0,0,0,0.4); box-shadow: inset 0px 0px 57px 0px rgba(0,0,0,0.4);}
.picture_box > div{display: block; width:100%; height:90px; position: absolute; bottom:0; left: 0; background:rgba(0,0,0,0.5); transition:all 0.3s ease-out}
.picture_box > div:before { display: inline-block; width: 0; height:100%; content: ""; vertical-align: middle;} 
.picture_box > div dl { display: inline-block; vertical-align: middle; color:#fff; width: 100%; height: auto; text-align: left; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding:0 20px;}
.picture_box > div dl dt { font-size: 16px; line-height: 20px; font-weight: bold; max-height:40px; overflow: hidden; 
text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; word-wrap:break-word;}
.picture_box:hover > div{background:#0075e5; transition:all 0.3s ease-out}
/* type 03: 플림 영역*/
.flip_card .flip > div {width: 100%;height: 100%;}
.flip_card .flip > div div {width: 100%; height: 100%; position: absolute; top:0; left: 0; }
.flip_card .flip > div div:before { display: inline-block; width: 0; height:100%; content: ""; vertical-align: middle;}
.flip_card .flip > div dl { display: inline-block;  width: 100%; color:#fff; text-align: left; vertical-align: middle; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding:0 30px}
.flip_card .flip > div dl dt {font-size: 22px; line-height: 32px; font-weight: bold; height:64px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; word-wrap:break-word;}
.flip_card .flip > div dl .front_con {font-size: 14px; line-height: 20px; max-height:100px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp:5; -webkit-box-orient:vertical; word-wrap:break-word; margin-top: 10px}
.flip_card .flip > div .newsday {margin-top:16px;}
.flip_card .flip .back:before {display: block; content: ""; width: 100%; height: 100%; position: absolute; top:0; left: 0; background: #000; opacity: 0.5}
@media screen and (max-width:1200px){.oly_info .fir_img1 {width: 100%;}}
@media screen and (max-width:1100px){
    .first_box .oly_info {padding: 35px 10%}
    /*개막전*/
    .oly_info .oly_pre ul li.count {width:35px; height: 35px;}
    .oly_info .oly_pre ul li:nth-child(1) img {width:50px }
    .oly_info .oly_pre ul li:nth-child(2) img,
    .oly_info .oly_pre ul li:nth-child(3) img {width:35px; height:auto}
    .oly_info .oly_pre ul li.count span {line-height: 35px; font-size:21px; }
    /*개막후*/
    .oly_info .oly_start ul li {width: 60px; height: 60px;}
    .oly_info .oly_start ul li span { line-height: 60px; font-size: 20px;}
    .oly_info .oly_start .rank img:first-child { width: 27px;}
    .oly_info .fir_img1, .oly_info .oly_pre .day_count img {max-width: 100%;}
}
@media screen and (max-width:900px){
    .first_box_m {display: block; border-bottom: 9px solid #eceeef; position: relative;}
    .first_box_m .first1 { width: 100%; background: url("../../images/olympic/Olympic2018_35.png")no-repeat top center; }
    .first_box_m .first1 .m_oly_tit{width:341.5px; position: relative; display: inline-block; margin-top:18px;}
    .m_oly_tit > img{display:block; width:100%; }
    .m_oly_tit p {display:block; height: 22px; line-height: 22px; position: absolute; top:10px; background:url(../../images/olympic/Olympic2018_36.jpg)no-repeat; color:#fff; background-size:100% 22px;}
    /*개막전 pre*/
    .first_box_m.pre .first1{height:105px }
    .first_box_m.pre .m_oly_tit p {width: 50px; right:-55px; font-size: 15px }
    /*개막후 start*/
    .first_box_m.start .first1{height:150px }
    .first_box_m.start .m_oly_tit p {width: 78px; right:inherit; left:-8px; top:90px; display: none;}
    .m_rank {width: 100%; height: 45px; line-height: 45px; margin-top: 13px;}
    .m_rank .rank{display: inline-block; font-size:14px; color:#fff; margin-right: 5px; /*padding-left:75px*/ padding-left: 0}
    .m_rank .rank span { font-size: 20px; color:#f3ff2e; padding-left:6px; font-weight: bold; line-height: 40px;}
    .m_rank .rank span.non900 {display: none;} 
    .m_rank .medal{display: inline-block;}
    .m_rank .medal li {display:block;width: 45px; height: 45px; float:left; position: relative; margin-right: -6px}
    .m_rank .medal li img {display: block; width: 100%; height: 100%; position: absolute; top:0;left: 0;}
    .m_rank .medal li span {display: block; width: 100%; height: 100%; position: absolute; top:0;left: 0; line-height: 45px; font-size: 16px; color:#000; font-family: Arial; font-weight: bold; opacity: 0.7; text-align: center; text-indent: -1px;}

    .first_box_m .first2 {width: 100%; height: 40px; border-bottom: 1px solid #d8dbdf;}
    .first_box_m .first2 dl > *{display: inline-block; height: 100%; line-height: 40px;}
    .first_box_m .first2 dl dt {font-size: 13px; height: 18px; line-height: 18px; margin:10px 6px 0 15px; padding:0 5px; background: #eceeef; border:1px solid #999; }
    .first_box_m .first2 dl dd {font-size: 14px; }
    .first_box_m .first3 { display: inline-block; position: absolute; top:10px; right:10px}
    .first_box_m .first3 div {display:block; width: 29px; height: 29px; float:left; margin-left: 5px; border-radius: 50%; overflow: hidden;  -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border:1px solid rgba(225,225,225,0.5)}
    .first_box_m .first3 div a {display: block; width: 100%; height: 100%; background:url(../../images/olympic/share.svg)no-repeat 6px 6px;  background-size:13px 14px; }
    .module_9 {margin: 10px 0 0 0;}
    .module_9:after { content:""; display:block; clear:both; }
    .module_9 .space {width: 1.8%;}
    .module_9 .non900{display: none !important;}
    .module_9 .blo900{display: inline-block !important;}
    .module_9 .module.last {width: 32%;}
    .module_9 .module.last > a {width: 100%; display: inline-block;}
    /* type 02: 이미지 들어가는 뉴스영역*/
    .picture_box > div{height:68px;}
    .picture_box > div dl { padding:0 10px;}
    .picture_box > div dl dt { font-size: 18px; line-height: 22px; font-weight: normal; max-height:44px; }
    .picture_box > div dl dd {display: none;}
    .picture_box:hover > div{background:#0075e5; transition:all 0.3s ease-out}
    /* type 03: 플림 영역*/
    .flip_card .flip > div dl { padding:0 20px}
    .flip_card .flip > div dl dt {font-size: 18px; line-height: 24px; max-height:96px; height: auto; -webkit-line-clamp:4}
    .flip_card .flip > div dl .front_con {font-size: 13px; line-height: 18px; max-height:54px; margin-top:8px; -webkit-line-clamp:3}
    .flip_card .flip > div .newsday {display: none;}
}
@media screen and (max-width:800px){
    .flip_card .flip > div .newsday {display: none;}
}
@media screen and (max-width:660px){
    .first_box_m .first2 dl dd span {display: none}
}
@media screen and (max-width:640px){
    .first_box_m .m_oly_tit p {right:inherit!important; top:40px; left: 245px;}
    .module_9 {display: none;}
    .module_9_m {display: block;}
    .sec1_1_m { padding: 15px 0 12px 15px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border-bottom: 1px solid #d8dbdf;}
    .sec1_1_m ul { width: 100%; height: 100%;}
    .sec1_1_m ul:after { clear: both; display: block; overflow: hidden;}
    .sec1_1_m ul li { width: 33.33%; height: 100%; float:left;}
    .sec1_1_m ul li a { display: block; height: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding-right:15px;}
    .sec1_1_m ul li a p { width: 100%; font-size: 15px; color:#333; height:40px; line-height:20px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; word-wrap:break-word; padding-top:8px; text-align: left;}
    .sec1_1_m ul li a span { display: block; position: relative; width: 100%; height: 0; overflow: hidden; padding-bottom: 60%;}
    .sec1_1_m ul li a span img{ position: absolute; top: 0; left: 0; width: 100%; height:auto;}
    .sec1_2_m { width: 100%; height:140px; border-top:9px solid #eceeef; padding: 5px 15px 5px 15px;-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;text-align: left;}
    .sec1_2_m li { width: 50%; height: 40px; float:left; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;  line-height: 40px;  }
    .sec1_2_m li a { display: block; height: 100%; white-space:nowrap; overflow:hidden; text-overflow: ellipsis; padding-right:5px; font-size: 15px; color:#333; border-bottom: 1px solid #eceeef; line-height: 41px}
    .lev3_m, .lev5_m, .lev7_m { padding-left: 10px;}/*right*/
    .sec1_2_m li.lev6_m a, .sec1_2_m li.lev7_m a{ border-bottom: 0 none;}
}
@media screen and (max-width:500px){ 
    .first_box_m .first2 dl dt:nth-child(1), .first_box_m .first2 dl dd:nth-child(2) {display: none;}
}
@media screen and (max-width:480px){ 
    .sec1_1_m ul li { width: 50%; }
    .sec1_1_m ul li:nth-child(3) { display: none;}
    .sec1_2_m { padding: 0 15px; height:212px;}
    .sec1_2_m li { width: 100%; float:none; }
    .sec1_2_m li a { display: block; height: 100%; white-space:nowrap; overflow:hidden; text-overflow: ellipsis; padding-right:5px; font-size: 15px;  }
    .lev3_m, .lev5_m, .lev7_m { padding-left:0px;}
    .sec1_2_m li.lev6_m a{ border-bottom: none;}
    .sec1_2_m li.lev7_m a { display: none;}
}
@media screen and (max-width:440px){ 
    .first_box_m .first1 .m_oly_tit{width: 280px;}
    .m_oly_tit > img {margin-top:6px;}
    .m_oly_tit > span {padding:0 0 0 60px; }
    .m_oly_tit > span img:nth-child(1) {width: auto;}
    /*개막전*/
    .first_box_m.pre .m_oly_tit p {left: 200px; top:38px;}
    /*개막후*/
    .first_box_m.start .m_oly_tit p {width:70px; top:85px; left:-29px;}
    .m_rank {margin-top: 13px;}
    .m_rank .rank{display: inline-block; font-size:14px; color:#fff; margin-right: 5px;}
}



/* sec2~sec4 common bg / title style */
#olympic2018 .sec_bg {width: 100%; padding: 50px 0; background: url(../../images/olympic/Olympic2018_20.png) repeat-x top left; position: relative;}
#olympic2018 .sec4.sec_bg { padding-bottom: 0}
#olympic2018 .sec_bg > div {width: 100%; max-width:1198px; margin:0 auto;}
#olympic2018 .sec_bg h3 {margin-bottom: 20px;}
#olympic2018 .sec_bg .h3_plus {margin-top:8px; margin-left: 5px;}
#olympic2018 .sec_bg h4 {display: none;}
@media screen and (max-width:900px){
    #olympic2018 .sec_bg {padding:0; background:none; border-top:10px solid #eceeef}
    #olympic2018 .sec_bg:after {display: block; content: ""; width: 100%; height: 1px; position: absolute; top:-10px; left: 0; background: #d8dbdf}
    #olympic2018 .sec_bg h3 {display: none}
    #olympic2018 .sec_bg h4 {display: block; height:45px; line-height: 46px; font-size: 18px; border-bottom:1px solid #e8e9ec; text-align: center;color:#333; font-weight: bold;  margin:0 0 10px 0;}
    #olympic2018 .sec_bg h4 a {color:#333;}
    #olympic2018 .sec_bg h4 img {width: 44px; height: 23px; margin: 11px 3px 0 0;}
    #olympic2018 .sec_bg h4 img.h3_plus {width: 17px; height: 17px; margin:13px 0 0 5px}
    #olympic2018 .sec_bg h4 span {padding-right:7px;}
    #olympic2018 .sec3.sec_bg h4 {margin:0; border:0 none; padding:0 10px;}
}
@media screen and (max-width:640px){
    #olympic2018 .sec_bg h4 span {display: none;}
}

/*sec2 포토갤러리*/ 
#olympic2018 .sec2 {margin-top: 30px;}
#olympic2018 .gallery_container_tab {margin-top: 0}
#olympic2018 .photo_read_g_wrap {margin-top:-1px; border-left: 0 none; border-right:0 none; border-bottom: 0 none;}
@media screen and (max-width:900px){
    #olympic2018 .sec2 {padding-bottom: 10px;margin-top: 0}
}

/*sec3 속보*/
.sec3 > div { width:100%; overflow: hidden; position: relative; }
.sec3 > div ul { max-width: 1198px; margin:0 auto; position: relative; margin-top: 60px;}
.sec3 > div ul li { width: 100%; height: 116px; overflow: hidden; text-align: left; margin-bottom:45px;}
.sec3 > div ul li:after { display: block; content: ""; width: 1px; height:100%; position: absolute; top:0; left:67px; background: #646464; }/*시계줄*/
.sec3 > div ul li a { display: block; height: 100%; position: relative;}
.sec3 > div ul li .sec6_time { width: 144px; height: 100%; float: left; position: absolute; top:0; left: 0;}
.sec3 > div ul li .sec6_time:after { display: block; content: ""; width:28px; height:28px; position: absolute; top:0; left:54px; background:url(../../images/politics/politics_15.png); z-index: 10; } /*시계*/
.sec3 > div ul li .sec6_time:before { display: block; content: ""; width: 7px; height:13px; position: absolute; top:7px; right:15px; background:url(../../images/politics/politics_16.png);}
.sec3 > div ul li .sec6_time span { display: block; width: 50px; height: 29px; line-height: 29px; text-align: right; color:#646464; font-size: 12px;}
.sec3 > div ul li dl { height: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding-right:220px; position: relative; padding-left: 144px;}
.sec3 > div ul li a dl dt { width: 100%; line-height: 27px; font-size:20px; color:#000; font-weight: bold; white-space:nowrap; overflow:hidden; text-overflow: ellipsis; }
.sec3 > div ul li a:hover dl dt { text-decoration: underline}
.sec3 > div ul li dl dd.sec6_news_con { width: 100%; height:57px; line-height:19px; overflow: hidden; 
text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; word-wrap:break-word; font-size: 13px; margin-top: 13px; color:#666;}
.sec3 > div ul li dl dd.sec6_news_info { font-size: 12px; color:#999; margin-top: 6px;}
.sec3 > div ul li dl dd.sec6_news_info > span { display: inline-block; padding-right: 13px; position: relative;}
.sec3 > div ul li dl dd.sec6_news_info > span:after { display: block; content: ""; width:1px; height:8px; position: absolute; top:3px; left:-6px; background:#dcdcdc; z-index: 10; } 
.sec3 > div ul li dl dd.sec6_news_info > span.first_info:after { display: none;}
.sec3 > div ul li dl dd.sec6_news_info > span:nth-child(2) { letter-spacing: 0;}
.sec3 > div ul li a .sec6_news_img { width: 190px; height: 110px; overflow: hidden; position: absolute; top:6px; right:10px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.sec3 > div ul li a .sec6_news_img img { display:block; width:100%; min-height: 100%;}
.sec3 > div ul li a .sec6_news_img:after { display: block; content: ""; width: 100%; height: 100%; position: absolute; top: 0; left: 0; border:1px solid #e6e8eb; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; opacity: 0.5}
/*first:red*/
.sec3 > div ul li.sec6_red { margin-top:0; }
.sec3 > div ul li.sec6_red .sec6_time:after {background:url(../../images/politics/politics_14.png);}
.sec3 > div ul li.sec6_red .sec6_time span { color:#ff0000;}
.sec3 > div ul li.sec6_red a dl dt { color:#ff0000;}
/*img(:not)*/
.sec3 > div ul li.sec6_noimg dl { padding-right:10px;}
.sec3 > div ul li.sec6_noimg dl dd.sec6_news_img { display: none;}
/*more btn*/
.sec3 > div .sec6_m_more { display: none;}
.sec3 > div .sec6_pc_more { height: 47px; margin-top: -15px; }
.sec3 > div .sec6_pc_more a:link, .sec3 > div .sec6_pc_more a:visited { display: block; height:100%; background: url(../../images/politics/politics_17.png) no-repeat top center;}
.sec3 > div .sec6_pc_more a:hover, .sec3 > div .sec6_pc_more a:focus { background: url(../../images/politics/politics_17_on.png) no-repeat top center;}
.sec3 > div .sec6_pc_more a span { display: block; padding-top: 30px; color:#333; font-size: 15px;}
.sec3 > div .sec6_pc_more a:hover span, .sec3 > div .sec6_pc_more a:focus span{ color:#ff0000;}
@media screen and (max-width:900px){
    .sec3 > div ul { margin-top:0; border-top: 1px solid #e6e8eb}
    .sec3 > div ul li { height: 113px; overflow: hidden; margin-bottom:0; border-bottom: 1px solid #e6e8eb; }
    .sec3 > div ul li.sec6_first_li { border-top: 1px solid #e6e8eb; }
    .sec3 > div ul li .sec6_time { width:62px; background: #efefef; border-right: 1px solid #e6e8eb; }
    .sec3 > div ul li .sec6_time:after { width:18px; height:18px; top:38px; left:50%; margin-left:-9px; background-size:18px; background-repeat: no-repeat; } /*시계*/
    .sec3 > div ul li .sec6_time span { width:100%; height: 25px; line-height: 25px; text-align: center; color:#333; margin-top: 56px; }
    .sec3 > div ul li .sec6_con { width: 100%; height:100%;}
    .sec3 > div ul li .sec6_con:before { display: inline-block; width: 0; height:100%; content: ""; vertical-align: middle;}
    .sec3 > div ul li dl { display:inline-block; vertical-align: middle; height: auto; padding-right:180px; position: relative; padding-left:83px;}
    .sec3 > div ul li a dl dt { font-size:18px; color:#333; font-weight: normal; white-space:inherit; overflow:hidden; text-overflow: ellipsis; max-height:44px; line-height:22px; display: -webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; word-wrap:break-word;}
    .sec3 > div ul li a:hover dl dt { text-decoration: underline}
    .sec3 > div ul li.sec6_red a:hover dl dt { color:#333}
    .sec3 > div ul li dl dd.sec6_news_info { font-size: 12px; margin-top:10px;}
    .sec3 > div ul li dl dd.sec6_news_info span:after { top:3px;} 
    .sec3 > div ul li dl dd.sec6_news_info span:nth-child(2) span { display: none;}
    .sec3 > div ul li a .sec6_news_img { width:151px; height:83px; top:15px; right:10px; }
    .sec3 > div ul li a .sec6_news_img span { display: block; height: 100%; position: relative;}
    /*first:red*/ .sec3 > div ul li.sec6_red .sec6_time:after {background-size:18px; background-repeat: no-repeat; }
    /*btn*/
    .sec3 > div .sec6_m_more { display: block; width: 100%; height:28px; margin-top: 15px; margin-bottom: 15px;}
    .sec3 > div .sec6_m_more img { display: inline-block; height: 28px; width: 28px; margin-right: 5px; background: #257acd; border-radius: 50%;}
    .sec3 > div .sec6_m_more span { display: inline-block; height: inherit; line-height:inherit; color:#257bcd; font-size:15px; padding-top:5px;}
    /*none*/ .sec3 > div .sec6_pc_more,
    .sec3 > div ul li:after,
    .sec3 > div ul li .sec6_time:before,
    .sec3 > div ul li dl dd.sec6_news_con,
    .sec3 > div ul li dl dd.sec6_news_info span.first_info:after { display: none;}
}
@media screen and (max-width:480px){
    .sec3 > div ul li { height:90px;}
    .sec3 > div ul li .sec6_time { width:48px; }
    .sec3 > div ul li .sec6_time:after { top:29px; } /*시계*/
    .sec3 > div ul li .sec6_time span { height:16px; line-height:16px; margin-top: 50px; font-size: 11px; }
    .sec3 > div ul li dl { padding-right:125px; padding-left:58px;}
    .sec3 > div ul li a dl dt { font-size:15px; max-height:40px; line-height:20px; }
    .sec3 > div ul li dl dd.sec6_news_info { font-size: 12px; margin-top:5px;}
    .sec3 > div ul li a .sec6_news_img { width:107px; height:59px; top:15px; right:10px; }
    .sec3 > div .sec6_m_more { margin-top: 10px; margin-bottom: 10px;}
}
@media screen and (max-width:380px){ 
    .sec3 > div ul li dl dd.sec6_news_info span:nth-child(3) { display: none; }
}



/*sec4 캘린더*/
.calendar_count {width: 100%; height: 42px; margin-bottom: 30px; display: none;}
.calendar_count li{display: inline-block; height: 100%; line-height: 42px; font-size: 16px; color:#e30331; padding:0 25px }
.calendar_count li.pre {padding-left: 0}
.calendar_count li.point {background:#e30331; color:#fff; border-radius: 21px; font-weight: bold;}
.calendar_count li.point.pre {font-size: 24px; line-height: 40px; padding:0 25px}
.calendar_count li.point span {font-size: 24px;padding-left: 5px; line-height:38px}
.calendar_count li.point.pre span{line-height: 40px;}

.sec4 table {width: 100%; border-top: 1px solid #ddd; border-left: 1px solid #ddd; table-layout: fixed;}
.sec4 table thead{width: 100%; height: 40px; line-height: 40px; text-align: center}
.sec4 table td, .sec4 table th {width: 14.285%; border-bottom: 1px solid #ddd; border-right: 1px solid #ddd;}
.sec4 table td {text-align: left; width: 100%; vertical-align: top}
.sec4 table td > span{display: block; width: 100%; height:120px; position: relative; padding:33px 0 0 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.sec4 table td.today, .sec4 table td.ddday.today {background:#f8e19a;}
.sec4 table td.ddday {background:#fdf8e4;}
.sec4 table td span .day { display: inline-block; position: absolute; top:10px; left:10px; font-size: 12px; color:#333}
.cal_pop {display: block; width: 100%; background: #247acd; margin-bottom: 3px;}
.cal_pop span{display: block; width: 100%; height:25px; line-height:25px; color:#fff; white-space:nowrap; overflow:hidden; text-overflow: ellipsis; margin-bottom: 3px; padding:0 10px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;background:#247acd;}
.cal_pop:hover, .cal_pop:hover span {background:#044d94;}
.sec4 table td span a.cal_more { display:inline-block; float:right; height: 20px; line-height:21px; padding:0 10px; border:1px solid #247acd; border-radius: 11px; font-size: 12px; color:#247acd; margin: 3px 5px 0 0;}
.sec4 table td span a.cal_more > span {display: block; background: url("../../images/olympic/Olympic2018_40.svg")no-repeat left center; background-size:13px; padding-left: 14px; }
.sec4 table td span a.cal_more > span span {vertical-align: top;}
.sec4 table td span a.cal_more > span .num {display: inline-block;  font-family: '맑은 고딕','Malgun Gothic' !important; margin-left:2px }
.sec4 table td.gray .day {color:#ccc !important;}
.sec4 table td:nth-child(7) .day{color:#1c78de}
.sec4 table td:first-child .day{color:#d10202}
@media screen and (max-width:900px){
    .calendar_count {height: 30px; margin-bottom:10px;}
    .calendar_count li{line-height: 30px; font-size: 15px; padding:0 12px }
    .calendar_count li.point {border-radius:16px;}
    .calendar_count li.point span {font-size: 18px;padding-left:3px; line-height:30px}
    .calendar_count li.point.pre {font-size: 18px; line-height: 30px; padding:0 15px}
    .calendar_count li.point.pre span{line-height: 30px;}
    .cal_pop { padding: 3px 0 1px 0; }
    .cal_pop span{height:24px; line-height:12px; font-size: 11px; display: -webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; word-wrap:break-word; white-space:inherit; overflow:hidden; text-overflow: ellipsis; padding:0 5px;}
    .m_none {display: none;}
    .sec4 table td span a.cal_more {margin-bottom: 5px;}
}
@media screen and (max-width:640px){
    .sec4 table {margin-bottom: 10px;}
}
@media screen and (max-width:480px){
    .calendar_count { margin-bottom:10px;}
    .calendar_count li{font-size: 14px;}
}


#olympic2018 .sec_bg .calendar_pop_wrap {max-width:400px; margin:0 0 0 -200px; padding:0;}
#olympic2018 .sec_bg .calendar_pop_wrap, .calendar_pop, .calendar_pop .con_sec, .calendar_pop .con_sec dl {-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.calendar_pop_wrap { display: none; height:auto; min-height:177px; position: absolute; top:240px; left: 50%; z-index: 500;
    -webkit-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.2); -moz-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.2); box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.2); }
.calendar_pop {width: 100%; background: #fff; text-align: left;}
.calendar_pop .hd_sec {width: 100%; position: relative; color:#fff;padding-bottom: 10px;}
.calendar_pop .hd_sec:before {display: block; content: ""; width: 100%; height: 100%; position: absolute; top:0; left: 0; background: #006cdf}
.calendar_pop .hd_sec:after {display: block; content: ""; width: 100%; height: 100%; position: absolute; top:0; left: 0; background: url(../../images/olympic/Olympic2018_33.jpg) no-repeat top right;}
.calendar_pop .hd_sec > * {z-index: 10; position: relative}
.calendar_pop .hd_sec span{display:inline-block; position: absolute; top:10px; right:10px; letter-spacing: 0;}
.calendar_pop .hd_sec strong{ display:inline-block; height: 30px; line-height: 30px; font-weight: normal; font-size:14px; border:1px solid #fff; padding:0 13px; border-radius: 16px; margin:25px 0 0 20px;}
.calendar_pop .hd_sec h5{font-size: 20px; font-weight: bold; padding:10px 20px 10px 20px;}
.calendar_pop .con_sec {width: 100%; padding:25px 20px; position: relative;}
.calendar_pop .con_sec > span {display: block; font-size: 16px; color:#333; white-space:nowrap; overflow:hidden; text-overflow: ellipsis; }
.calendar_pop .con_sec > span b {color:#000;}
.calendar_pop .con_sec dl { width: 100%; margin-top:50px;}
.calendar_pop .con_sec dl.alone {margin-top: 0;}
.calendar_pop .con_sec dl dt{font-size: 14px; color:#333; font-weight: bold; margin-bottom: 8px}
.calendar_pop .con_sec dl dd{ font-size: 14px; white-space:nowrap; overflow:hidden; text-overflow: ellipsis; line-height: 24px;}
.calendar_pop > a {display: block; width:38px; height:38px; position: absolute; top:0; right:-48px; transition: all 0.3s ease-out;}
.calendar_pop > a:hover { transform: rotate(90deg)}
.cal_layer { display: none; width:250px; position: absolute; top:-1px; left:-1px; background: #fff; border:1px solid #b2b2b2; -webkit-box-shadow: 2px 2px 3px 0px rgba(0,0,0,0.2); -moz-box-shadow: 2px 2px 3px 0px rgba(0,0,0,0.2); box-shadow: 2px 2px 3px 0px rgba(0,0,0,0.2); z-index: 100;}
#olympic2018 .sec_bg .cal_layer h3 {margin:0;}
.cal_layer h3 {width: 100%;height: 35px; background:#eaeaea; text-align: left; line-height: 35px; text-indent: 10px; font-size:14px; color:#333; font-weight: bold;border-bottom:1px solid #b2b2b2;}
.cal_layer ul { width: 100%; padding:10px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.cal_layer ul li .cal_pop {margin-bottom: 5px;}
.cal_layer ul li .cal_pop span {font-size: 14px;}
.cal_layer ul li:last-child .cal_pop span, .cal_layer ul li:last-child .cal_pop {margin: 0;}
.cal_layer > a {display: block; width: 14px; height: 14px; position: absolute; top:10px; right:10px;}
.cal_layer > a.cal_layer_close img {display:block; width:100%; height:100%;}
@media screen and (max-width:900px){
    #olympic2018 .sec_bg .calendar_pop_wrap {padding:0 10px; margin:0 auto;max-width: 100%;}
    .calendar_pop_wrap { position: fixed; top:50px; left:0; z-index: 900;}
    .calendar_pop > a {top:-40px; right:10px; transition:none; width:30px; height:30px;}
    .calendar_pop > a:hover { transform: rotate(0deg)}
    .calendar_pop .con_sec {padding:15px 20px;}
    .calendar_pop .hd_sec strong{ height:26px; line-height:26px; }
    .calendar_pop .hd_sec h5{font-size:18px;}
    .calendar_pop .con_sec dl {margin-top:30px;}
    #olympic2018 .sec_bg .cal_layer h3 {display: block;}
    .cal_layer .cal_pop span {-webkit-line-clamp:1; line-height:24px; padding:0 10px;}
}


/*layout*/
#olympic2018 {padding-top: 160px; min-width: 350px;}
.layer_bg.on {display:block; z-index: 500;}
@media screen and (max-width:1218px){ 
    #Top_story, .module_9, #olympic2018 .sec2 > div, #olympic2018 .sec4 > div {padding:0 10px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
    .flash_sns {right:10px;}
}
@media screen and (max-width:900px){ 
    #olympic2018 {padding-top:84px;}
    #olympic2018 .sec2 {padding:0 10px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
    #olympic2018 .sec2 > div {padding:0;}
}