@charset "utf-8";

@import url("base.css?202407311310");
@import url("slick.css");
@import url("common.css?202502071527");


/* 배너 */
.banner640{width:640px; padding-bottom:20px; border-bottom:1px solid #ccc;}
.banner260{width:260px; margin: 20px auto 20px; padding-top:20px; border-top:1px solid #ccc;}
.banner300{width:300px; margin:20px 0;}

/* 대선 배너 */
.banner--election_side{position:relative; width:300px; height:45px; margin:30px 0 25px;}
.banner--election_side a{display:block; width:300px; height:45px;}
.banner--election_side a span.dday{position:absolute; top:0px; left:212px; font-size:20px; line-height:43px; color:#ff8a00;}
.banner--election_side a span.dday span{color:#fff;}

/* 섹션페이지 footer 스타일 */
#footer{margin-top:0px;}

/* 새로운 이미지 사이즈 */
.img_size1{width:100%; max-width:204px !important ; height:auto; min-height:126px !important ;}
.img_size2{width:100%; max-width:200px !important ; height:auto; min-height:124px !important ;}
.img_size3{width:100%; max-width:260px !important ; height:auto; min-height:161px !important ;}


/* container */
#container{}
#container.sub2{position:relative;}

.subMenu{overflow:hidden; border-bottom:1px solid #ccc; }
.subMenu .inner{position:relative; width:1280px; height:70px; margin:0 auto; }
.subMenu .tit{float:left; margin-right:45px; font-size:28px; line-height:70px; color:#000; font-weight:bold;}
.subMenu p.youtube{position:absolute; top:23px; right:0;}
.subMenu ul li{float:left; margin-right:30px; line-height:70px;} 
.subMenu ul li.on a{color:#008191; text-decoration:underline;}
.subMenu ul li a{font-size:16px;}


/* content */
#content{overflow:hidden; position:relative; width:1280px; margin:0 auto ;}
#content.w100{width:auto;}
.article{position:relative; float:left; width:950px; padding:30px 40px 30px 0; border-right:1px solid #ccc; box-sizing: border-box;}

.sectionMain{margin-bottom:19px; padding-bottom:20px; border-bottom:1px solid #ccc;}
.sectionMain:after{display:block; content:''; clear:both;}
.sectionMain .tit{margin-bottom:10px; font-size:36px; color:#000; line-height:45px; font-weight:bold; text-align:center;}
.sectionMain .thumCont{overflow:hidden; float:left; width:300px; height:186px;}
.sectionMain .thumCont img{width:100%; height:auto; min-height:186px;}
.sectionMain .txtCont {overflow:hidden; margin-top:23px; padding-left:30px;}
.sectionMain .txtCont .txt{overflow:hidden; max-height:135px; }
.sectionMain .txtCont .txt a{font-size:16px; line-height:27px; color:#555; }
.sectionMain .txtCont.li_1 .txt{overflow:hidden; height:108px; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp: 4;}
.sectionMain .txtCont.li_1 .linkNews li:nth-child(2),.sectionMain .txtCont.li_1 .linkNews li:nth-child(3),.sectionMain .txtCont.li_1 .linkNews li:nth-child(4),.sectionMain .txtCont.li_1 .linkNews li:nth-child(5){display:none;}
.sectionMain .txtCont.li_2 .txt{overflow:hidden; height:81px; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp: 3;}
.sectionMain .txtCont.li_2 .linkNews li:nth-child(3),.sectionMain .txtCont.li_2 .linkNews li:nth-child(4),.sectionMain .txtCont.li_2 .linkNews li:nth-child(5){display:none;}
.sectionMain .txtCont.li_3 .txt{overflow:hidden; height:54px; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp: 2;}
.sectionMain .txtCont.li_3 .linkNews li:nth-child(4),.sectionMain .txtCont.li_3 .linkNews li:nth-child(5){display:none;}
.sectionMain .txtCont.li_4 .txt{overflow:hidden; height:27px; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp: 1;}
.sectionMain .txtCont.li_4 .linkNews li:nth-child(5){display:none;}
.sectionMain .txtCont.li_5 .txt{display:none;} 
.sectionMain .txtCont .linkNews{margin-top:10px;}
.sectionMain .txtCont .linkNews li{margin-bottom:5px;}
.sectionMain .txtCont .linkNews li a{width:546px; font-size:15px;}

/* 정치-광장 */
.plazaBox {position:relative; width:909px; height:376px; background:url(../images/bg_plaza2.png) no-repeat 0 0 #e4ebf3;} 
.plazaBox .tit{position:absolute; top:20px; left:20px;}
.plazaBox .tit a{font-size:20px; color:#000; font-weight:bold;}
.plazaBox .tit a:hover{text-decoration:none;}
.plazaBox .list{position:absolute; top:60px; left:20px;}
.plazaBox .list li{margin-bottom:5px;}
.plazaBox .list li a{font-size:14px; color:#000;}
.plazaBox .list li a:hover{text-decoration: underline; color:#131212;}
.plazaBox .box{position:absolute; top:20px; width:370px; height:336px;}
.plazaBox .box.left{left:129px;}
.plazaBox .box.right{left:519px;}
.plazaBox .box .thumCont{overflow:hidden; position:relative; width:370px; height:278px;}
.plazaBox .box .thumCont img{width:100%; height:auto; min-height:278px;}
.plazaBox .box .thumCont .caption{display:block; position:absolute; bottom:0; left:0; padding:0 14px; background-color:#fff; font-size:14px; font-weight:bold; line-height:23px;}
.plazaBox .box .txtCont{padding:5px 14px; background-color:#fff;}
.plazaBox .box .txtCont a{overflow:hidden; display:block; height:48px; line-height:24px;}

/* 세션 하단 리스트 common.css viewBox 활용 */
.sub .viewBox{width:100%; height:534px; margin-top:24px;}
.sub .viewBox .tit{margin-bottom:0px;}
.sub .viewBox ul{overflow:hidden;}
.sub .viewBox ul.left{width:47%; float:left;}
.sub .viewBox ul.right{width:47%; float:right;}
.sub .viewBox .box ul li{padding:13px 20px}
.sub .viewBox .box ul li a{overflow:hidden; display:block; height:56px; font-size:15px; line-height:28px; text-align:center;} 
.sub .viewBox .box ul.left li a, .sub .viewBox .box ul.right li a{height:28px;text-overflow: ellipsis; white-space: nowrap;}
.sub .viewBox .rankBox .slick-dots{top:-38px; height:37px;}
.sub .viewBox .rankBox .slick-next{top:-28px;}
.sub .viewBox .rankBox .slick-prev{top:-28px; left:480px;} 
.sub .viewBox .rankBox .slick-dots {justify-content: space-between;}
.sub .viewBox .rankBox .slick-dots button:after{display:block; content:''; position:absolute; top:12px; right:-13px; width:1px; height:12px; background-color:#ccc;}
.sub .viewBox .rankBox .slick-dots li:last-child button:after{display:none;}

/* 지역주요기사 */
.viewBox2 {position:relative;}
.viewBox2 .tit{margin-top:20px; padding-bottom:6px; border-bottom:1px solid #000; font-weight:bold; font-size:18px;}
.viewBox2 .menu{position:absolute; top:0; right:22px; width:116px; height:30px; letter-spacing: -1px;}
.viewBox2 .menu li{position:relative; float:left; margin-right:5px; padding-right:5px;}
.viewBox2 .menu li:after{display:block; content:''; position:absolute; top:6px; right:0; width:1px; height:12px; background-color:#ccc;}
.viewBox2 .menu li:last-child:after{display:none;}
.viewBox2 .menu li a{font-size:13px; color:#777;}
.viewBox2 .menu li.on a{position:relative; color:#008191;}
.viewBox2 .menu li.on a:after{display:block; content:''; position:absolute; bottom:-10px; left:0; width:100%; height:2px; background-color: #008191;}
.viewBox2 .menu .slick-prev{position:absolute; top:4px; left:-22px; width:14px; height:15px; background:url(../images/btn_prev3.png) no-repeat 0 0; z-index:1; text-indent: -10000px;}
.viewBox2 .menu .slick-next{position:absolute; top:4px; right:-22px; width:14px; height:15px; background:url(../images/btn_next3.png) no-repeat 0 0; z-index:1; text-indent: -10000px;}
.viewBox2 .txtCont{display:none; margin-top:10px;}
.viewBox2 .txtCont li{overflow:hidden; height:39px;margin-bottom:13px; }
.viewBox2 .txtCont li a{display:block; font-size:14px; line-height:19px;}

/* 로케이션 */
.locationArea{overflow:hidden; margin:-10px 0 25px 0; padding-bottom:20px; border-bottom:1px solid #ccc;}
.locationArea li{position:relative; float:left; padding-right:26px; font-size:17px;}
.locationArea li:after{display:block; content:''; position:absolute; top:7px; right:11px; width:8px; height:13px; background:url(../images/ico_arrow.png) no-repeat 0 0;}
.locationArea li:last-child:after{display:none;}
.locationArea li.on{font-weight:bold;}

/* 섹션별 리스트 .articleList는 메인세션 상위리스트에 사용. */
.articleList2 .thumCont {width:160px; height:119px;}
.articleList2 .thumCont img{width:100%; height:auto; min-height:119px;}
.articleList2 .txtCont .tit{font-size:20px; color:#333; }
.articleList2 .txtCont .txt {overflow:hidden; max-height:52px; margin-bottom:0px;}
/* .articleList2 .txtCont .time span{position:relative; margin-right:5px; padding-right:5px;} */
/* .articleList2 .txtCont .time span:after{display:block; content:''; position:absolute; top:6px; right:0; width:1px; height:12px; background-color:#ccc;} */
.articleList2 li:nth-child(5n+0){margin-bottom:20px; border-bottom:1px solid #e4e4e4;}
.articleList2 li:last-child{border-bottom:none;}

/* 섹션메인 하위 리스트 */
.cornList{position:relative; margin-top:30px; border-top:1px solid #ccc;}
.cornList > ul>li{position:relative; border-bottom:1px solid #ccc;}
.cornList .innerList{margin-left:109px; padding:20px; border-left:1px solid #ccc;}
.cornList .innerList>li .boxStyle05{padding-bottom:20px; border-bottom:1px solid #ccc;}
.cornList .innerList>li:last-child div{margin-bottom:0px; padding-bottom:0px; border-bottom:none;}
.cornList .corn{position:absolute; top:20px; left:0; font-size:18px; font-weight:bold; letter-spacing: -1px;}
.cornList .innerList li .boxStyle05 .thumCont{width:160px; height:119px;}
.cornList .innerList li .boxStyle05 .thumCont img{width:100%; height:auto; min-height:119px;}
.cornList .innerList li .boxStyle05 .txtCont .tit{text-overflow:ellipsis; white-space:nowrap; margin-bottom:9px; height:34px; line-height:34px;}
.cornList .innerList li .boxStyle05 .txtCont .txt{margin-bottom:0px;}
.cornList .innerList li .boxStyle05 .txtCont .txt {max-height:52px;}
/* 금융 하위리스트 */
.cornList.bank{padding-bottom:30px; border-bottom:1px solid #ccc;}
.cornList.bank .innerList{border-left:none; margin-left:90px; padding-left:0px;}
.cornList.bank .corn{color:#777; font-weight:normal; font-size:13px;}
.cornList.bank .innerList li .boxStyle05 .thumCont{width:180px; height:114px;}
.cornList.bank .innerList li .boxStyle05 .thumCont img{min-height:114px;}
.cornList.bank .innerList li .boxStyle05 .txtCont .tit{margin-top:5px;}
.cornList.bank .innerList li .boxStyle05.no_img .tit{margin-top:0px;}
.cornList.bank>ul>li:last-child {border-bottom:none;}

/* sub aside 많이 본 기사*/
.sub #content{position:relative; clear:both;}
.sub #content:after{display:block; content:''; position:absolute; bottom:0; right:330px; width:1px; height:100%; background-color:#ccc;}/* 라인 생성 문제생길시 제거 */
.sub .aside{position:relative; overflow:hidden}
.sub .aside .viewBox{width:300px; height:auto; margin-bottom:20px;}
.sub .aside .viewBox .box ul li {height:60px;  padding:0px; border-bottom:none;}
.sub .aside .viewBox .rankBox{margin-top:10px;}
.sub .aside .viewBox .rankBox .box li.in_img{height:auto; margin-bottom:10px;}
.sub .aside .viewBox .rankBox .box li.in_img .thumCont{width:80px; height:60px;}
.sub .aside .viewBox .rankBox .box li.in_img .thumCont img{width:100%; height:auto; min-height:60px;}
.sub .aside .viewBox .rankBox .box li.in_img .txtCont a{overflow:hidden; width:170px; height:40px; padding:0 20px 0 30px;}
.sub .aside .viewBox .rankBox .box li .txtCont a{height:40px; font-size:14px; line-height:20px;}
.sub .aside .viewBox .rankBox .box li.in_img .txtCont a .rank{line-height:40px;}
.sub .aside .viewBox .rankBox .box li .txtCont{display:table-cell; vertical-align: middle;}
.sub .aside .viewBox .rankBox .box li .txtCont a .rank{line-height:40px; margin-top:0; top:0;}
.sub .aside .viewBox .rankBox .slick-dots{top:-48px; width:auto; padding:0px;}
.sub .aside .viewBox .rankBox .slick-dots li:first-child{margin-right:25px;}
.sub .aside .viewBox .rankBox .slick-next{display:none !important ;}
.sub .aside .viewBox .rankBox .slick-prev{display:none !important ;}
.sub .aside .viewBox .rankBox .box li .txtCont p{text-overflow:initial; white-space: inherit; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp: 2;}
.sub .aside .viewBox .rankBox .box li.in_img .txtCont p{display:block;}
.sub .aside .viewBox .rankBox .slick-slide{height:auto;}

.planBox .tit{margin-bottom:10px; font-size:18px; font-weight:bold; color:#000;}
.sub .aside .slide_plan{position:relative; width:300px; height:250px; border-bottom:1px solid #ccc;}
.sub .aside .img_wrapper{position:relative; width:100%; background-color:#fff;}
.sub .aside .img_wrapper figure{/*height:182px;*/ max-width:100%; max-height:100%; margin:0px; padding:0px; -webkit-margin-before:0;-webkit-margin-after:0;-webkit-margin-start:0;-webkit-margin-end:0}
.sub .aside .img_wrapper figure img{display:block; width:100%; min-height:182px; max-height:182px; object-fit: cover;}
.sub .aside .img_wrapper figcaption{overflow:hidden; /*position:absolute; bottom:-64px; left:0;*/ width:100%; height:64px;  background-color:#fff;}
.sub .aside .img_wrapper figcaption p{overflow:hidden; max-height:46px; margin-top:6px; vertical-align: middle; font-size:16px; line-height:23px; color:#000}
.sub .aside .type{position:absolute; top:0; left:0; width:130px; height:26px; line-height:26px; background-color:#fff; color:#000; text-align:center; }
.sub .aside .todayBox .inner_right dd figure a:hover figcaption p{text-decoration:underline;}
.sub .aside .slide_plan .slick-prev{position:absolute; top:72px; left:0; width:32px; height:41px; background:url(../images/btn_prev2.png) no-repeat 0 0; z-index:1; text-indent: -10000px;}
.sub .aside .slide_plan .slick-next{position:absolute; top:72px; right:0; width:32px; height:41px; background:url(../images/btn_next2.png) no-repeat 0 0; z-index:1; text-indent: -10000px;}

/* spo 상단 */
.spoBox{overflow:hidden; width:1280px; margin:30px auto 0; padding-bottom:30px; border-bottom:1px solid #ccc;}
.spoBox .leftArea{float:left; width:910px; padding-right:40px; border-right:1px solid #e4e4e4;}
.spoBox .leftArea .thumCont{position:relative; width:910px;}
.spoBox .leftArea .thumCont figure{margin:0px; width:910px;}
.spoBox .leftArea .thumCont figure>a{display:block; overflow:hidden; width:910px; height:683px;}
.spoBox .leftArea .thumCont figure{width:100%; margin :0px;}
.spoBox .leftArea .thumCont img{width:100%; min-height:683px;}
.spoBox .leftArea .thumCont figcaption{position:absolute; top:0; left:0; padding:10px 20px; background-color:rgba(0,0,0, .65);}
.spoBox .leftArea .thumCont figcaption p{padding-left:28px; background:url(http://image.newsis.com/new_www/main/ico_cam.png) no-repeat 0 0; font-size:16px; line-height:16px; color:#fff; letter-spacing:-0.4px;word-break:break-all;}
.spoBox .leftArea .thumCont .tit{position:relative; text-align:center;}
.spoBox .leftArea .thumCont .tit.line1{padding-bottom:25px;}
.spoBox .leftArea .thumCont .tit a{overflow:hidden; display:block; max-height:112px; margin:0px 25px ; padding:13px 74px 0px; background-color:#fff; font-size:44px; font-weight:bold; letter-spacing:-1.5px; line-height:56px; color:#000;
	display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp: 2;
}
.spoBox .leftArea .txtCont{position:relative; margin-top:15px; padding-bottom:5px;}
.spoBox .leftArea .txtCont .rel_article_p2{width:452px; margin:0 auto;}
.spoBox .leftArea .txtCont .linkNews{overflow:hidden; width:710px; margin:0 auto; padding-top:10px;}
.spoBox .leftArea .txtCont .linkNews li a{width:697px; font-size:15px;}
.spoBox .leftArea .txtCont .linkNews.col2 li{float:left; margin-right:14px;}
.spoBox .leftArea .txtCont .linkNews.col2 li:nth-child(2n){margin-right:0px;}
.spoBox .leftArea .txtCont .linkNews.col2 li a{width:335px;}
.spoBox .leftArea .txtCont button span{font-size:0; line-height:0px;}
.spoBox .leftArea .txtCont .btn_open {position: absolute; bottom:0; right: 0; width: 21px; height: 20px; background: url(https://image.newsis.com/new_www/homepage/btn_lst_open1.gif) no-repeat 0 0;}
.spoBox .leftArea .txtCont .btn_close {position: absolute; bottom: 0px; right: 0; width: 21px; height: 20px; background: url(https://image.newsis.com/new_www/homepage/btn_lst_close1.gif) no-repeat 0 0;}
.spoBox .leftArea .contList {}
.spoBox .leftArea .contList .lst_p1 .p1_bundle{margin-top:15px;}
.spoBox .leftArea .contList .lst_p1 .p1_bundle .thum{overflow:hidden; float:left; width:230px; height:173px; margin-top:0px;}
.spoBox .leftArea .contList .lst_p1 .p1_bundle .thum img{width:100%; height:auto; max-width:230px; max-height:173px;}
.spoBox .leftArea .contList .lst_p1 .p1_bundle .thum + .area{padding-top:10px; min-height:163px; margin-left:260px;}
.spoBox .leftArea .contList .lst_p1 .p1_bundle .area .title a{ font-size:22px; line-height:24px; letter-spacing:-1px;}
.spoBox .leftArea .contList .lst_p1 .p1_bundle .area .title + p{overflow:hidden; margin-top:10px;}
.spoBox .leftArea .contList .lst_p1 .p1_bundle .area .title + p a{font-size:15px; line-height:26px; color:#666;}
.spoBox .leftArea .contList .lst_p1 .p1_bundle .linkNews{margin-top:12px;}
.spoBox .leftArea .contList .lst_p1 .p1_bundle .linkNews li a{width:514px;}
.spoBox .leftArea .contList .lst_p1 .p1_bundle .area.li_0 p{height:104px;}
.spoBox .leftArea .contList .lst_p1 .p1_bundle .area.li_1 p{height:78px;}
.spoBox .leftArea .contList .lst_p1 .p1_bundle .area.li_2 p{height:52px;}
.spoBox .leftArea .contList .lst_p1 .p1_bundle .area.li_3 p{height:26px;}
.spoBox .leftArea .contList .lst_p1 .p1_bundle .area.li_4 p{display:none;}

.spoBox .rightArea{float:right; width:300px;}
.spoBox .rightArea .linkNews{overflow:hidden; height:42px; }

/* 스포츠 연예 2 */
.spoBox.type2 .leftArea .tit{overflow:hidden; text-overflow:ellipsis; white-space:nowrap; height:42px; margin-bottom:30px; font-size:40px; font-weight:bold; line-height:42px; color:#000; text-align:center;}
.spoBox.type2 .leftArea .txtCont .txt {width:710px; margin:0 auto 10px}
.spoBox.type2 .leftArea .txtCont .txt a{overflow:hidden;  font-size:15px; color:#777; }
/* 관련기사 1단 */
.spoBox.type2 .leftArea .txtCont.li_none .txt{overflow:hidden; max-height:120px;}
.spoBox.type2 .leftArea .txtCont.li_5 .txt{display:none;}
.spoBox.type2 .leftArea .txtCont.li_4 .txt{overflow:hidden; height:24px;}
.spoBox.type2 .leftArea .txtCont.li_3 .txt{overflow:hidden; height:48px;}
.spoBox.type2 .leftArea .txtCont.li_2 .txt{overflow:hidden; height:72px;}
.spoBox.type2 .leftArea .txtCont.li_1 .txt{overflow:hidden; height:96px;}
/* 관련기사 2단 */
.spoBox.type2 .leftArea .txtCont.li_none .txt{overflow:hidden; max-height:120px;}
.spoBox.type2 .leftArea .txtCont.line_5 .txt{display:none;}
.spoBox.type2 .leftArea .txtCont.line_4 .txt{overflow:hidden; height:24px;}
.spoBox.type2 .leftArea .txtCont.line_3 .txt{overflow:hidden; height:48px;}
.spoBox.type2 .leftArea .txtCont.line_2 .txt{overflow:hidden; height:72px;}
.spoBox.type2 .leftArea .txtCont.line_1 .txt{overflow:hidden; height:96px;}

/* 스포츠 연예 3 */
.spoBox.type3 .leftArea .tit{overflow:hidden; width:100%; position:absolute; top:0; left:0; height:84px; font-size:40px; font-weight:bold; line-height:42px; color:#000;  text-align:center;}
.spoBox.type3 .leftArea .thumCont .tit a{display:block; margin: 0px; padding: 0px 22px; background-color:rgba(255,255,255, .75); text-overflow:ellipsis; white-space:nowrap;
    font-size: 40px;
    font-weight: bold;
    letter-spacing: -1.5px;
    line-height: 84px;
    color: #000;
}
.spoBox.type3 .leftArea .thumCont figcaption {top:auto; bottom:0px; background-color:#4b65f6;}
.spoBox.type3 .leftArea .txtCont .txt {width:710px; margin:0 auto 10px}
.spoBox.type3 .leftArea .txtCont .txt a{overflow:hidden;  font-size:15px; color:#777; }
/* 스포츠 연예 화보 영역 삭제 */
#content.contStyle1 .article{padding-top:0px;}
#content.contStyle1 .cornList{margin-top:-1px;}

/* 관련기사 1단 */
.spoBox.type3 .leftArea .txtCont.li_none .txt{overflow:hidden; max-height:168px;}
.spoBox.type3 .leftArea .txtCont.li_7 .txt{display:none;}
.spoBox.type3 .leftArea .txtCont.li_6 .txt{overflow:hidden; height:24px;}
.spoBox.type3 .leftArea .txtCont.li_5 .txt{overflow:hidden; height:48px;}
.spoBox.type3 .leftArea .txtCont.li_4 .txt{overflow:hidden; height:72px;}
.spoBox.type3 .leftArea .txtCont.li_3 .txt{overflow:hidden; height:96px;}
.spoBox.type3 .leftArea .txtCont.li_2 .txt{overflow:hidden; height:120px;}
.spoBox.type3 .leftArea .txtCont.li_1 .txt{overflow:hidden; height:144px;}

/* 관련기사 2단 */
.spoBox.type3 .leftArea .txtCont.li_none .txt{overflow:hidden; max-height:168px;}
.spoBox.type3 .leftArea .txtCont.line_7 .txt{display:none;}
.spoBox.type3 .leftArea .txtCont.line_6 .txt{overflow:hidden; height:24px;}
.spoBox.type3 .leftArea .txtCont.line_5 .txt{overflow:hidden; height:48px;}
.spoBox.type3 .leftArea .txtCont.line_4 .txt{overflow:hidden; height:72px;}
.spoBox.type3 .leftArea .txtCont.line_3 .txt{overflow:hidden; height:96px;}
.spoBox.type3 .leftArea .txtCont.line_2 .txt{overflow:hidden; height:120px;}
.spoBox.type3 .leftArea .txtCont.line_1 .txt{overflow:hidden; height:144px;}

/* 스포츠 새로운 타입 */
.spoBox.newType1{position:relative;}
.spoBox.newType1:after{display:Block; content:''; position:absolute; top:0; right:423px; width:1px; height:96%; background-color:#e4e4e4;}
.spoBox.newType1 .leftArea{width:814px; padding-right:42px;}
.spoBox.newType1 .leftArea .tit{overflow:hidden; height:96px; margin-top:3px; font-size:36px; line-height:96px; text-align:center; font-weight:bold; text-overflow: ellipsis; white-space: nowrap;}
.spoBox.newType1 .leftArea .thumCont{width:814px; height:611px;}
.spoBox.newType1 .leftArea .thumCont figure>a{display:block; position:relative; overflow:hidden; width:814px; height:611px;}
.spoBox.newType1 .leftArea .thumCont figure>a img{position:absolute; 
    top: 0;
    left: 50%;
    width: 100%;
    min-height: 611px;
    max-width: 100%;
    transition: .5s;
    -webkit-transform: translate(-50%, 0) scale(1);
    -moz-transform: translate(-50%, 0) scale(1);
    -o-transform: translate(-50%, 0) scale(1);
    transform: translate(-50%, 0) scale(1);}
.spoBox.newType1 .rightArea {width:380px;}
.spoBox.newType1 .rightArea .boxStyle08 .tit{height:64px; margin-bottom:10px; font-size:24px; line-height:32px; text-align:left;}
.spoBox.newType1 .rightArea .boxStyle08 .thumCont{position:relative; width:380px; height:243px;}
.spoBox.newType1 .rightArea .boxStyle08 .thumCont img{min-height:243px;}
.spoBox.newType1 .rightArea .boxStyle08 .linkNews li a{width:368px;}
.spoBox.newType1 .rightArea .boxStyle08 + .boxStyle08{margin-top:25px;}
.spoBox.newType1 .rightArea .boxStyle08 .txtCont p.txt + .linkNews{margin-top:0px;}
.spoBox.newType1 .rightArea .boxStyle08 .txtCont.li_1 .linkNews li:nth-child(2){display:none;}
.spoBox.newType1 .rightArea .boxStyle08 .txtCont.line_1 p.txt{overflow:hidden; height:21px;}
.spoBox.newType1 .rightArea .boxStyle08 .txtCont.line_2 p.txt{overflow:hidden; height:42px;}

/* 스포츠 연예 새로운 타입2 */
.spoBox.newType2 .top{display:flex; justify-content: space-between; align-items: center; flex-wrap: wrap; margin-bottom:30px;} 
.spoBox.newType2 .top .thumCont{overflow:hidden; width:680px; height:434px;}
.spoBox.newType2 .top .thumCont img{width:100%; height:auto; min-height:434px; object-fit: cover;}
.spoBox.newType2 .top .txtCont{width:570px;}
.spoBox.newType2 .top .txtCont .tit{overflow:hidden; max-height:92px; margin-bottom:20px; font-size:36px; line-height:46px; font-weight:bold;
    display:-webkit-box; 
    -webkit-box-orient:vertical; 
    -webkit-line-clamp: 2;
}
.spoBox.newType2 .top .txtCont .txt{overflow:hidden; max-height:98px; margin-bottom:20px; font-size:15px; line-height:24px; color:#555;
    display:-webkit-box; 
    -webkit-box-orient:vertical; 
    -webkit-line-clamp: 4;}
.spoBox.newType2 .linkNews a{width:100%; font-size:15px;}
.spoBox.newType2 .cont{display:flex; justify-content: space-between; align-items: center; flex-wrap: wrap;}
.spoBox.newType2 .cont .left{display:flex; justify-content: space-between; align-items: center; flex-wrap: wrap;width:620px;}
.spoBox.newType2 .cont .right{display:flex; justify-content: space-between; align-items: center; flex-wrap: wrap;width:620px;}
.spoBox.newType2 .cont .thumCont {overflow:hidden; width:290px; height:185px;}
.spoBox.newType2 .cont .thumCont img{width:100%; height:auto; min-height:185px; object-fit: cover;}
.spoBox.newType2 .cont .txtCont{width:310px;}
.spoBox.newType2 .cont .txtCont .tit{overflow:hidden; max-height:60px; margin-bottom:20px; font-size:22px; line-height:30px; font-weight:bold;
    display:-webkit-box; 
    -webkit-box-orient:vertical; 
    -webkit-line-clamp: 2;
}
.spoBox.newType2 .cont .txtCont .txt{overflow:hidden; max-height:46; font-size:15px; line-height:23px; color:#555;
    display:-webkit-box; 
    -webkit-box-orient:vertical; 
    -webkit-line-clamp: 2;
}



/* 스포츠 화보 */
.pictoBox {overflow:hidden;}
.pictoBox .tit{display:block; margin-bottom:8px; font-weight:bold; font-size:18px; color:#000;}
.pictoBox .bigImg{position:relative; float:left; }
.pictoBox .bigImg figure{overflow:hidden; width:450px; height:296px;}
.pictoBox .bigImg figure img{width:auto; height:auto; min-height:296px;}
.pictoBox .bigImg figcaption{display:none; position:absolute; top:0; left:0; width:100%; height:100%; background-color:rgba(0,0,0, .7);}
.pictoBox .bigImg:hover figcaption{display:table; }
.pictoBox .bigImg figcaption p{display:table-cell; vertical-align: middle; text-align:center;}
.pictoBox .bigImg figcaption a{display:block; overflow:hidden; max-height:60px; color:#fff; font-size:20px; line-height:30px;}
.pictoBox .smallImg{overflow:hidden; padding-left:11px;}
.pictoBox .smallImg li{position:relative; float:left; overflow:hidden; width:220px; height:144px; margin-bottom:8px;}
.pictoBox .smallImg li:nth-child(2n){margin-left:8px;}
.pictoBox .smallImg li figure{width:100%; height:100%;}
.pictoBox .smallImg li figure img{width:auto; height:auto; min-height:144px; }
.pictoBox .smallImg li figcaption{display:none; position:absolute; top:0; left:0; width:100%; height:100%; background-color:rgba(0,0,0, .7);}
.pictoBox .smallImg li:hover figcaption{display:table;}
.pictoBox .smallImg li figcaption p{display:table-cell; vertical-align: middle; text-align:center;}
.pictoBox .smallImg li figcaption a{display:block; overflow:hidden; max-height:40px; font-size:13px; line-height:20px; color:#fff;}

/* 지역 이벤트  */
.wholBox{overflow:hidden; position:relative;  background-color:#f1f3f5; padding:20px 0;}
.wholBox .tit{position:absolute; top:20px; left:40px; text-align:right; font-size:18px; font-weight:bold; color:#000;}
.wholBox .inner{float:right; width:760px; margin-right:20px;}
.wholBox .inner .box{position:relative; width:240px; height:180px; margin-right:20px;}
.wholBox .inner .box .thumCont{overflow:hidden; width:240px; height:180px;}
.wholBox .inner .box .thumCont img{width:100%; height:auto; min-height:180px; }
.wholBox .inner .box .txtCont{position:absolute; bottom:0; left:0; }
.wholBox .inner .box .txtCont a{display:block; padding:5px 10px; background-color:rgba(255,255,255, .75); font-size:15px; line-height:20px; color:#000; }
.wholBox .inner .slick-prev{position:absolute; bottom:0px; left:-68px; width:21px; height:22px; background:url(../images/btn_prev5.png) no-repeat 0 0; z-index:1; text-indent: -10000px;}
.wholBox .inner .slick-next{position:absolute; bottom:0px; left:-44px; width:21px; height:22px; background:url(../images/btn_next5.png) no-repeat 0 0; z-index:1; text-indent: -10000px;}

/* 지역 aside 날씨 */
.weatherBox{overflow:hidden;}
.weatherBox .tit{margin-bottom:10px; font-weight:bold; font-size:18px;}
.weatherBox ul li{position:relative; float:left; width:50%; line-height:48px;}
.weatherBox ul li p{letter-spacing: -1px;}
.weatherBox ul li .thum{position:absolute; top:0; right:8px;}

/* 광장 상단 */
.wideBox{clear:both; width:1280px; min-height:466px; margin:0 auto; border-bottom:1px solid #ccc;}
.wideBox .left{position:relative; width:300px; float:left;}
.wideBox .center{position:relative; float:left; width:680px; text-align:center;}
.wideBox .right{position:relative; float:right; width:300px;}
.wideBox p.type{position:absolute; top:-7px; left:3px; height:30px; padding:0 5px; background-color:#4a64f5; color:#fff; line-height:30px; z-index: 1; }
.wideBox .center p.type{left:45px;}
.wideBox p.type span{font-size:18px; letter-spacing:-1px;}
.wideBox p.type:after{display:block; content:''; position:absolute; top:0; left:-8px; width:17px; height:30px; background-color:#4a64f5; transform: skew(-25deg); z-index: -1;}
.wideBox p.type:before{display:block; content:''; position:absolute; top:0; right:-8px; width:17px; height:30px; background-color:#4a64f5; transform: skew(-25deg); z-index:-1;}
.wideBox .boxStyle09.type2 .txtCont p{overflow:hidden; height:22px;}

/* 광장 중단 인사이드 박스 쪽 */
.insideBox{float:left; width:910px; padding-bottom:20px;}
.insideBox .topCont .tit{margin:22px 0 10px; border-bottom:1px solid #000; font-size:18px; font-weight:bold; color:#000; line-height:34px;}
.insideBox .topCont{position:relative; }
.insideBox .topCont ul{position:absolute; top:0; left:131px;}
.insideBox .topCont ul li{float:left; }
.insideBox .topCont ul li a{position:relative; padding-right:15px; margin-right:15px; color:#777; line-height:34px; font-size:13px;}
.insideBox .topCont ul li.on a{color:#008191; font-weight:bold;}
.insideBox .topCont ul li a:after{display:block; content:''; position:absolute; top:3px; right:0; width:1px; height:12px; background-color:#ccc; }
.insideBox .topCont ul li:last-child a:after{display:none;}
.insideBox .topCont ul li a span{position:relative;}
.insideBox .topCont ul li.on a span:after{display:inline-block; content:''; position:absolute; bottom:0; left:0; width:100%; height:2px; background-color:#008191}
.insideBox .articleCont{padding-bottom:20px; border-bottom:1px solid #ccc;}
.insideBox .articleCont .boxStyle05 .thumCont{width:160px; height:119px;}
.insideBox .articleCont .boxStyle05 .thumCont img{width:100%; height:auto; min-height:119px;}
.insideBox .articleCont .boxStyle05 .txtCont .tit{text-overflow:ellipsis; white-space:nowrap; margin-bottom:15px; height:34px; line-height:34px;}
.insideBox .articleCont .boxStyle05 .txtCont .txt{margin-bottom:0px;}
.insideBox .articleCont .boxStyle05 .txtCont .txt {max-height:26px;}
.insideBox .articleCont{display:none;}

/* 광장 하단 메뉴 */
.columBox{display:flex; justify-content: space-between; padding-top:30px;}
.columBox.colum3 div{margin-right:20px;}
.columBox.colum3 div:last-child{margin-right:0px;}
.columBox .tit{margin-bottom:15px; font-size:18px; font-weight:bold;}
.articleList3 li{overflow:hidden; height:24px; margin-bottom:15px; }
.articleList3 li a{font-size:14px; line-height:20px;}

/* 광장 세션코너 */
.titRed{margin-bottom:20px; font-size:22px; font-weight:bold; color:#008191; letter-spacing: -1px;}
.cornerBox{width:1280px; margin:0 auto; padding-bottom:30px; border-bottom:1px solid #ccc;}
.cornerBox .tit{margin:25px 0; font-size:28px; font-weight:bold; text-align:center;}
.boxGroup{overflow:hidden; }
.boxGroup ul{margin:1px 0 0 1px;}
.boxGroup li{position:relative; float:left; width:160px; height:47px; margin:-1px 0 0 -1px; box-sizing: border-box; border:1px solid #c2c2c2; text-align:center;}
.boxGroup li a{position:relative; display:flex; justify-content: center; align-items: center; width:100%; height:100%; font-weight:bold; color:#333; letter-spacing:-1px; text-decoration:none;}
.boxGroup li.on a:after{display:block; content:''; position:absolute; top:-1px; left:-1px; width:156px; height:43px; border:2px solid #008191; z-index:8;}
.boxGroup li.on a{color:#008191}
.boxGroup li:hover a{color:#008191}
.boxGroup li:hover a:after{display:block; content:''; position:absolute; top:-1px; left:-1px; width:156px; height:43px; border:2px solid #008191; z-index:9;}

/* 광장 - 데일리 뉴시스 */
/* bx_calendar */
.bx_calendar {position:relative; text-align:center;}
.bx_calendar .area {position:relative; display:inline-block; margin-left:40px; padding:0 7px; width:332px; text-align:center;}
.bx_calendar .area .date {display:block; font-size:28px; line-height:33px; letter-spacing:-0.5px; text-align:center; color:#333;}
.bx_calendar .area .btn_prev {position:absolute; top:9px; left:0; width:11px; height:21px; background:url(../images/ci/2024/btn_prev6.png) no-repeat 0 0;}
.bx_calendar .area .btn_prev span{font-size:0px; line-height:0px;}
.bx_calendar .area .btn_next {position:absolute; top:9px; right:0; width:11px; height:21px; background:url(../images/ci/2024/btn_next6.png) no-repeat 0 0;}
.bx_calendar .area .btn_next span{font-size:0px; line-height:0px;}
.bx_calendar .btn_cal {margin:0 0 0 11px; background:none;}
.ie9 .bx_calendar .btn_cal {margin-top:-13px;}
.ie10 .bx_calendar .btn_cal {margin-top:-13px;}
.ie11 .bx_calendar .btn_cal {margin-top:-13px;}

.dailyBox{border-bottom:1px solid #ccc;}
.dailyBox .tit{width:1280px; margin:25px auto; font-size:28px; color:#000; text-align:center; font-weight:bold;}
.dailyMenu {display:flex; justify-content: space-between; width:1280px; margin:40px auto 0; }
.dailyMenu li {position:relative; padding-bottom:20px;}
.dailyMenu li a{padding-bottom:20px;} 
.dailyMenu li.on a{color:#008191;}
.dailyMenu li.on:after{z-index:9; display:block; content:''; position:absolute; bottom:-5px; left:50%; width:8px; height:8px; margin-left:-4px; border-radius:50%; background-color:#008191;}
.dailyMenu li:hover a{text-decoration: none; color:#008191;}
.dailyMenu li:hover:after{z-index:9; display:block; content:''; position:absolute; bottom:-5px; left:50%; width:8px; height:8px; margin-left:-4px; border-radius:50%; background-color:#008191;}

.dailyBox.type2 .tit{width:100%; margin-top:0px;}
.dailyBox.type2 .dailyMenu{width:100%;}

/* 광장 - 많이 본 기사 */
.manyView{overflow:hidden; margin:30px 0;}
.manyView li{position:relative; margin-bottom:20px;}
.manyView li:after{display:block; content:''; position:absolute; top:0; left:0; width:40px; height:40px; background-color:#008191; color:#fff; font-size:30px; line-height:35px; text-align:center;}
.manyView li:nth-child(1):after{content:'1';}
.manyView li:nth-child(2):after{content:'2';}
.manyView li:nth-child(3):after{content:'3';}
.manyView li:nth-child(4):after{content:'4';}
.manyView li:nth-child(5):after{content:'5';}
.manyView li:nth-child(6):after{content:'6';}
.manyView li:nth-child(7):after{content:'7';}
.manyView li:nth-child(8):after{content:'8';}
.manyView li:nth-child(9):after{content:'9';}
.manyView li:nth-child(10):after{content:'10';}
.manyView li:nth-child(11):after{content:'11';}
.manyView li:nth-child(12):after{content:'12';}
.manyView li:nth-child(13):after{content:'13';}
.manyView li:nth-child(14):after{content:'14';}
.manyView li:nth-child(15):after{content:'15';}
.manyView li:nth-child(16):after{content:'16';}
.manyView li:nth-child(17):after{content:'17';}
.manyView li:nth-child(18):after{content:'18';}
.manyView li:nth-child(19):after{content:'19';}
.manyView li:nth-child(20):after{content:'20';}
.manyView .boxStyle05 .thumCont{width:210px; height:153px;}
.manyView .boxStyle05 .thumCont img{min-height:153px;}
.manyView .boxStyle05 .txtCont .tit{margin-top:20px;}
.manyView .boxStyle05 .txtCont .tit.type2{white-space: inherit; height: auto; max-height: 44px;}

/* 광장 - 많이본 사진 */
.manyView.pic li{float:left;}
.manyView.pic li:nth-child(4n) .boxStyle04{margin-right:0px;}
.manyView.pic li .num{position:absolute; top:0; left:0; width:58px; height:38px; background-color:#008191; color:#fff; font-size:28px; line-height:35px; text-align:center; letter-spacing:-1px;}
.manyView.pic li:after{display:none;}
.manyView.pic li .boxStyle04{height:311px; margin:0 20px 0 0;}
.manyView.pic li .boxStyle04 .thumCont{width:305px; height:229px;line-height:26px;}
.manyView.pic li .boxStyle04 .thumCont img{width:100%; min-height:229px;}
.manyView.pic li .boxStyle04 .txtCont p{max-height:50px; font-size:18px; line-height:25px; font-weight:bold;}
.manyView.pic li .boxStyle04 .txtCont p.time{font-size:13px; color:#999; font-weight:normal;}

/* 광장 - 속보 */
.fastView ul{overflow:hidden; padding:20px 0 10px; }
.fastView ul+ul{border-top:1px solid #ccc;}
.fastView li{position:relative; overflow:hidden; float:left; width:608px; height:22px; margin-bottom:10px; padding-left:12px; text-overflow: ellipsis; white-space: nowrap;}
.fastView li:nth-child(2n){margin-left:40px;}
.fastView li a{font-size:15px; color:#000;}
.fastView li:after{display:block; content:''; position:absolute; top:12px; left:0; width:3px; height:3px; border-radius:50%; background-color:#008191;}

/* 광장 - 오늘의 TOP기사 */
.articleTop{margin-top:30px;}
.articleTop .boxStyle05 .thumCont{width:235px; height:173px;}
.articleTop .boxStyle05 .thumCont img{width:100%; height:auto; min-height:173px;}
.articleTop .boxStyle05 .txtCont{padding-top:5px;}

/* 광장 - 기자수첩 */
.articleTop.report .boxStyle05 .thumCont{height:220px;}
.articleTop.report .boxStyle05 .txtCont .txt {max-height:130px;}

/* 광장 - 주요기사 */
.manyView.major li:after{display:none;}

/* 광장 기획특집 */
.planspecialBox{overflow:hidden; width:1280px; margin:30px auto 0;}
.planspecialBox .left{float:left; width:470px;}
.planspecialBox .right{float:right;}
.planspecialBox .tit{width:470px; margin:44px 0 50px; font-size:28px; font-weight:bold; text-align:center;}
.planspecialBox ul{border-top:1px solid #ccc; }
.planspecialBox ul li{display:block; overflow:hidden; width:470px; border-bottom:1px solid #ccc;}
.planspecialBox ul li a{display:inline-block; width:100%; height:69px; font-size:22px; line-height:69px; color:#000; text-align:center; text-decoration:none;}
.planspecialBox ul li.on a{background-color:#4b65f6; color:#fff;  font-weight:bold;}
.planspecialBox .thumCont{display:none; position:relative; width:750px; height:469px; }
.planspecialBox .thumCont img{position: absolute;
    top: 0;
    left: 50%;
    width: 100%;
    min-height: 469px;
    max-width: 100%;
    transition: .5s;
    -webkit-transform: translate(-50%, 0) scale(1);
    -moz-transform: translate(-50%, 0) scale(1);
    -o-transform: translate(-50%, 0) scale(1);
    transform: translate(-50%, 0) scale(1);}
.planspecialBox .thumCont .count{position:absolute; right:10px; bottom:10px; height:28px; line-height:26px; padding:0 12px; border-radius:15px; background-color:#4b65f6; color:#fff; font-size:20px; text-align:center; letter-spacing:-1px; }
.planArticle{overflow:hidden; margin-top:30px; }
.planArticle>ul>li{float:left; margin-right:20px; margin-bottom:20px;}
.planArticle>ul>li:nth-child(4n){margin-right:0px;}

/* 광장 기획특집 새로운 타입 */
.planspecialBox.newType1{width:100%; margin:0px}
.planspecialBox.newType1 .bg{background-color:#EFF2F9;}
.planspecialBox.newType1 .tit{width:100%; margin:0px; padding:30px 0; font-size:28px; line-height:37px; font-weight:bold;}
.planspecialBox.newType1 .cont{display:flex; justify-content: space-between; align-items: center; width:1280px; margin:0 auto; padding-bottom:60px; }
.planspecialBox.newType1 .left{float:none; width:560px;}
.planspecialBox.newType1 .left .box{width:560px; height:372px; padding-top:24px; background-color:#fff; box-shadow: 24px 24px 0px #C3CEE8;}
.planspecialBox.newType1 .left .thumCont{overflow:hidden; display:block; width:480px; height:300px; margin:0 auto; }
.planspecialBox.newType1 .left .thumCont img{width:100%; height:auto; min-height:300px; object-fit: cover;}
.planspecialBox.newType1 .left .txtCont .tit{overflow:hidden; width:calc(100% - 80px); height:34px; padding:14px 40px 0; text-overflow:ellipsis; white-space: nowrap; font-size:26px; line-height:34px; text-align: left;}
.planspecialBox.newType1 .right{display:flex; justify-content: space-between; flex-wrap: wrap; float:none; width:638px; }
.planspecialBox.newType1 .right .box{position:relative; width:290px; height:181px;}
.planspecialBox.newType1 .right .box:hover .tit{text-decoration: underline;}
.planspecialBox.newType1 .right .box:nth-child(1){margin-bottom:36px; }
.planspecialBox.newType1 .right .box:nth-child(1) .tit{text-align:left;}
.planspecialBox.newType1 .right .box:nth-child(2){margin-bottom:36px; }
.planspecialBox.newType1 .right .box:nth-child(2) .tit{text-align:right;}
.planspecialBox.newType1 .right .box:nth-child(2) .txtCont{right:0;}
.planspecialBox.newType1 .right .box:nth-child(3) .tit{text-align:left;}
.planspecialBox.newType1 .right .box:nth-child(4) .tit{text-align:right;}
.planspecialBox.newType1 .right .box:nth-child(4) .txtCont{right:0;}
.planspecialBox.newType1 .right .thumCont{overflow:hidden; display:block; width:290px; height:181px; }
.planspecialBox.newType1 .right .thumCont img{width:100%; height:auto; min-height:181px; object-fit: cover;}
.planspecialBox.newType1 .right .txtCont{position:absolute; display:flex; align-items: center; bottom:-23px; width:200px; height:58px; background-color:#fff; }
.planspecialBox.newType1 .right .txtCont .tit{overflow:hidden; max-height:48px; padding:5px; font-size:16px; line-height:24px; font-weight:bold; }


/* 기획특집 리스트 */
.planspecialBox .tit2{width:470px; margin:47px 0 15px; padding-bottom:20px; border-bottom:1px solid #ccc; font-size:28px; text-align:center;}
.planspecialBox.list .left{min-height:469px; border-bottom:1px solid #ccc;}
.planspecialBox.list .txtCont .tit{margin:40px 0 20px 0;}
.planspecialBox.list .txtCont .txt{overflow:hidden; max-height:156px; text-align:justify;}
.planspecialBox.list .txtCont .txt a{font-size:14px; line-height:26px;}
.planspecialBox.list .txtCont .write{margin-top:25px; font-size:14px; color:#999;}
.planArticle ul.list li{margin-bottom:0px;}
.planArticle .boxStyle05 .thumCont{width:235px; height:173px;}
.planArticle .boxStyle05 .thumCont img{width:235px; min-height:173px;}
.planArticle .boxStyle05 .txtCont .tit{margin-top:5px; }

/* 기획특집 뷰 */
.planView{float:left; width:909px; padding:30px 40px 0 0; border-right:1px solid #ccc;}
.planView .top .num{width:43px; height:39px; line-height:39px; background:url(../images/bg_num.png) no-repeat 0 0; color:#fff; font-weight:bold; text-align:center; font-size:22px; text-indent:-3px;}
.planView .top .tit{margin-top:3px; font-size:40px; line-height:46px; font-weight:bold; color:#000; letter-spacing:-1px; }
.planView .top .sub{margin-top:10px; font-size:24px; line-height:34px;} 


/* 오늘의 주요일정 */
.todayPlan--daily{display:flex; justify-content:space-between; padding:30px;}
.todayPlan--daily .tit{padding-bottom:20px; border-bottom:2px solid #000; font-weight:bold; font-size:22px; text-align:center;}
.todayPlan--daily .MetroPlan{width:560px;}
.todayPlan--daily .provPlan{width:560px;}
.todayPlan--daily li{position:relative; margin-top:25px; padding:0 105px 0 30px;}
.todayPlan--daily li a .txt{display:block; overflow:hidden; text-overflow: ellipsis; white-space: nowrap; font-size:15px; line-height:18px;}
.todayPlan--daily li a .ico{position:absolute; top:50%; left:0; margin-top:-9px;}
.todayPlan--daily li a .date{position:absolute; top:50%; right:0; margin-top:-7px; font-size:13px; line-height:14px; color:#999;}
.todayPlan--daily .noPlan{margin:40px 0; font-size:18px; text-align:center;}

/* 여론조사 */
.opinionBox{overflow:hidden; width:1280px; margin:0 auto; padding-bottom:28px; border-bottom:1px solid #ccc;}
.opinionBox>.tit{padding:30px 0 40px; font-size:35px; line-height:38px; font-weight:bold; text-align:center;}
.opinionBox .top{overflow:hidden; margin-bottom:28px;}
.opinionBox .left{float:left; width:480px; margin-right:40px;}
.opinionBox .right{float:right; width:760px;}
.opinionBox .right .boxStyle12 .thumCont{width:360px; height:225px;}
.opinionBox .right .boxStyle12 .txtCont{width:360px;}
.opinionBox .right .boxStyle12 .txtCont .tit{overflow:hidden; max-height:58px; margin-top:5px; font-size:20px; line-height:29px;}
.opinionBox .right .boxStyle12 .txtCont .txt{overflow:hidden; text-overflow:initial; white-space: initial; max-height:108px; font-size:14px; line-height:27px; text-align:left;}
.opinionBox .right .boxStyle12{float:left;}
.opinionBox .right .boxStyle12:first-child{margin-right:40px;}
.opinionBox .bot{clear:both; overflow:hidden; padding-top:30px; border-top:1px solid #ccc;}
.opinionBox .bot ul{display:flex; justify-content: space-between;}
.opinionBox .bot .boxStyle04{position:relative; overflow:initial; margin:0px;}
.opinionBox .bot .boxStyle04:after{display:block; content:''; position:absolute; top:0; right:-20px; width:1px; height:100%; background-color:#ccc; }
.opinionBox .bot .boxStyle04 .thumCont{position:relative; width:289px; height:190px;}
.opinionBox .bot .boxStyle04 .thumCont img{position: absolute;
    top: 0;
    left: 50%;
    width: 100%;
    min-height: 190px;
    max-width: 100%;
    transition: .5s;
    -webkit-transform: translate(-50%, 0) scale(1);
    -moz-transform: translate(-50%, 0) scale(1);
    -o-transform: translate(-50%, 0) scale(1);
    transform: translate(-50%, 0) scale(1);
}
.opinionBox .bot .boxStyle04 .txtCont{width:289px; }	
.opinionBox .bot .boxStyle04 .txtCont p{max-height:48px; font-size:16px; line-height:24px; font-weight:bold;}

.opinionList {float:left; width:920px; padding-top:30px;}
.opinionList li .boxStyle05 .thumCont{width:160px; height:119px;}
.opinionList li .boxStyle05 .txtCont{margin-top:8px;}
.opinionList li .boxStyle05 .txtCont .txt{height:52px;}

/* 금융 페이지 */
.bankBox{overflow:hidden; }
.bankBox .stock{width:600px; float:left;}
.bankBox .graphArea {position:relative; overflow:hidden; padding-bottom:245px; border:1px solid #ccc;}
.bankBox .graphArea ul{width:600px;}
.bankBox .graphArea li{float:left; width:33%;}
.bankBox .graphArea li:nth-child(2){width:34%;}
.bankBox .graphArea li:last-child a{padding-left:95px;}
.bankBox .graphArea li a{display:block;position:relative;  width:100%; height:66px; padding-left:80px; background-color:#efefef;}
.bankBox .graphArea li a:hover{background-color:#fff; text-decoration:none;}
.bankBox .graphArea li.on a{background-color:#fff;}
.bankBox .graphArea li:nth-child(2) a{border-right:1px solid #e4e4e4; border-left:1px solid #e4e4e4; box-sizing: border-box;}
.bankBox .graphArea.ea2 li{width:50%;}
.bankBox .graphArea.ea2 li a{width:auto}
.bankBox .graphArea .imgArea{display:none; overflow:hidden; position:absolute; bottom:24px; left:80px; width:420px; height:196px; text-align:center;}
.bankBox .graphArea .imgArea img{width:100%; height:100%;}
.bankBox .graphArea li.on a+.imgArea{display:block;}
.bankBox .graphArea p.eve{position:absolute; top:10px; left:18px; font-size:16px; color:#000; }
.bankBox .graphArea p.jisu{padding-top:12px; font-size:22px; line-height:20px; font-weight:bold;}
.bankBox .graphArea p.num{padding-top:6px; font-size:13px;  line-height:13px; letter-spacing:-1px;}
.bankBox .graphArea a.up .jisu, .bankBox .graphArea a.up .num{color:#008191;}
.bankBox .graphArea a.down .jisu, .bankBox .graphArea a.down .num{color:#0054a6;}
.bankBox .tit{position:relative; margin-bottom:10px;font-size:18px; font-weight:bold; }
.bankBox .tit span{position:absolute; top:0; right:0; font-size:13px; color:#777; font-weight:normal;}
.bankBox .liveJisu .tit{margin-top:25px; padding-bottom:5px; border-bottom:2px solid #000; font-size:14px; font-weight:bold;}
.bankBox .liveJisu{float:right; width:279px;}
.bankBox .liveJisu th , .bankBox .liveJisu td{letter-spacing: -1px;}
.bankBox .liveJisu p.source{margin-top:13px; color:#777; font-size:12px; text-align:right; }
.bankBox .recentBox {float:right; width:279px; padding:0px; margin-top:10px;}


/* 알립니다. 페이지 */
.notice{padding-bottom:30px;}
.notice p.tit{margin:30px 0; font-size:28px; font-weight:bold; text-align:center;}

/* rss 페이지 */
.rssBox{margin:30px 0; border-bottom:1px solid #ccc; text-align:center;}
.rssBox>.tit{margin:30px 0; font-size:28px; font-weight:bold; color:#000; text-align:center;}
.rssBox.inner{width:1280px; margin:0 auto; text-align:left; border-bottom:none;}
.rssBox.inner .cont:last-child{margin-bottom:20px;}
.rssBox .cont{overflow:hidden; margin:0 0 40px 165px;}
.rssBox .cont .tit {margin-bottom:15px; font-size:20px; color:#008191; font-weight:bold;}
.rssBox .cont .txt{padding-left:15px; font-size:16px; line-height:26px;}
.rssBox .cont ul{overflow:hidden; }
.rssBox .cont ul li{float:left; width:50%; margin-bottom:12px; font-size:16px;}
.rssBox .cont ul li span{position:relative; width:120px; padding-left:13px;}
.rssBox .cont ul li span:after{display:block; content:''; position:absolute; top:50%; left:0; width:3px; height:3px; margin-top:-1px; background-color:#ec1b30;}

/* 포토 영상 */
.slideBox2{position:relative; width:1280px; height:532px; margin:30px auto 30px;}
.slideBox2 .photoSlide_fx2{position:relative; width:1280px; }
.slideBox2 .photoSlide_fx .slick-slide{position:relative; height:532px;}
.slideBox2 .photoSlide_fx2 .slick-slide{height:532px;}
.slideBox2 .photoSlide_fx2 .slick-slide .thumCont{position:relative; overflow:hidden; width:852px; height:532px;}
.slideBox2 .photoSlide_fx2 .slick-slide .thumCont img{
    position: absolute;
    top: 0;
    left: 50%;
    width: 100%;
    min-height: 532px;
    max-width: 100%;
    transition: .5s;
    -webkit-transform: translate(-50%, 0) scale(1);
    -moz-transform: translate(-50%, 0) scale(1);
    -o-transform: translate(-50%, 0) scale(1);
    transform: translate(-50%, 0) scale(1);
}
.slideBox2 .photoSlide_fx2 .slick-slide .thumCont img:hover{
    -webkit-transform: translate(-50%, 0) scale(1.1);
    -moz-transform: translate(-50%, 0) scale(1.1);
    -o-transform: translate(-50%, 0) scale(1.1);
    transform: translate(-50%, 0) scale(1.1);
}
.slideBox2 .photoSlide_fx2 .slick-slide p.caption{position:absolute; bottom:0; left:0px; width:100%; height:39px; background-color:rgba(255,255,255, .5); text-align:center;}
.slideBox2 .photoSlide_fx2 .slick-slide p.caption span.tit{display:block; overflow:hidden; height:39px; font-size:20px; line-height:39px; letter-spacing:-1px;}
.slideBox2 .photoSlide_fx2 .slick-slide p.caption span.type{position:absolute; top:-13px; left:0; display:inline-block; padding:0 18px; height:30px; line-height:30px; font-size:18px; color:#fff; background-color:#4a65f4;}
.slideBox2 .photoSlide_fx2 .slick-dots {position:absolute; top:0; right:0; width:428px; }
.slideBox2 .photoSlide_fx2 .slick-dots li{position:relative; float:left; width:210px; height:130px; margin:0 0 4px 4px;}
.slideBox2 .photoSlide_fx2 .slick-dots li button{position:relative; overflow:hidden; width:210px; height:130px;}
.slideBox2 .photoSlide_fx2 .slick-dots li img{
    position: absolute;
    top: 0;
    left: 50%;
    width: 100%;
    min-height: 130px;
    max-width: 100%;
    transition: .5s;
    -webkit-transform: translate(-50%, 0) scale(1);
    -moz-transform: translate(-50%, 0) scale(1);
    -o-transform: translate(-50%, 0) scale(1);
    transform: translate(-50%, 0) scale(1);
}
.slideBox2 .photoSlide_fx2 .slick-dots li.slick-active:after{display:block; content:''; position:absolute; top:0px; left:0px; width:200px; height:120px; border:5px solid #008191;}

/* 포토영상 - 테마포토 */
.slideBox3{position:relative; overflow:hidden;}
.slideBox3 .inner{position:relative; width:1280px; margin:0 auto;}
.slideBox3 .tit{margin-bottom:10px; font-size:22px; color:#000; font-weight:bold; color:#000;}
.slideBox3 .photoSlide_fx3 .cont{position:relative; width:318px; height:275px; margin-right:4px;}
.slideBox3 .photoSlide_fx3 .cont .thumCont{position:relative; overflow:hidden; width:318px; height:208px;}
.slideBox3 .photoSlide_fx3 .cont .thumCont img{
    position: absolute;
    top: 0;
    left: 50%;
    width: 100%;
    min-height: 208px;
    max-width: 100%;
    transition: .5s;
    -webkit-transform: translate(-50%, 0) scale(1);
    -moz-transform: translate(-50%, 0) scale(1);
    -o-transform: translate(-50%, 0) scale(1);
    transform: translate(-50%, 0) scale(1);
}
.slideBox3 .photoSlide_fx3 .cont .thumCont img:hover{-webkit-transform: translate(-50%, 0) scale(1.1);
    -moz-transform: translate(-50%, 0) scale(1.1);
    -o-transform: translate(-50%, 0) scale(1.1);
    transform: translate(-50%, 0) scale(1.1);}
.slideBox3 .photoSlide_fx3 .slick-slide .thumCont .label{position:absolute; bottom:8px; right:8px; padding:2px 9px 3px; min-width:27px; border-radius:20px; background-color:#4a65f4; color:#fff; font-size:15px; text-align:center;}
.slideBox3 .photoSlide_fx3 .cont .txtCont p{overflow:hidden; height:48px;}

.slideBox3 .photoSlide_fx3 .slick-list{overflow:visible; width:962px;}
.slideBox3 .photoSlide_fx3 .slick-slide.slick-active a:after{display:none;}
.slideBox3 .photoSlide_fx3 .slick-slide a:after{display:block; content:''; position:absolute; top:0; left:0; width:100%; height:100%; background-color:rgba(255,255,255,0.5);}
.slideBox3 .photoSlide_fx3 .slick-prev{position:absolute; top:-31px; right:361px; width:9px; height:17px; background:url(../images/btn_prev7.png) no-repeat 0 0; z-index:1; text-indent: -10000px;}
.slideBox3 .photoSlide_fx3 .slick-next{position:absolute; top:-31px; right:320px; width:9px; height:17px; background:url(../images/btn_next7.png) no-repeat 0 0; z-index:1; text-indent: -10000px;}
.slideBox3 .photoSlide_fx3 .slick-prev:after{display:block; content:''; position:absolute; top:0; right:-17px; width:1px; height:17px; background-color:#ccc;}
.slideBox3 .slick_next{position:absolute; top:115px; left:921px;}
.slideBox3 .list{position:absolute; top:0; left:130px; }
.slideBox3 .list li{float:left; margin-right:40px;}

/* 포토영상 - 국내사진,해외사진 */
.slideBox4{position:relative; width:1280px; margin:0 auto 30px;}
.slideBox4 .tit{margin-bottom:10px; font-size:22px; color:#000; font-weight:bold; color:#000;}
.slideBox4 .photoSlide_fx4 .cont{position:relative; width:305px; height:286px; margin-right:20px;}
.slideBox4 .photoSlide_fx4 .cont .thumCont{position:relative; overflow:hidden; width:305px; height:228px;}
.slideBox4 .photoSlide_fx4 .cont .thumCont img{position:absolute; 
    top: 50%;
    left: 50%;
    width: auto;
    max-height: 228px;
    max-width: 100%;
    transition: .5s;
    -webkit-transform: translate(-50%, -50%) scale(1);
    -moz-transform: translate(-50%, -50%) scale(1);
    -o-transform: translate(-50%, -50%) scale(1);
    transform: translate(-50%, -50%) scale(1);
}
.slideBox4 .photoSlide_fx4 .cont .thumCont img:hover{-webkit-transform: translate(-50%, 0) scale(1.1);
    -moz-transform: translate(-50%, -50%) scale(1.1);
    -o-transform: translate(-50%, -50%) scale(1.1);
    transform: translate(-50%, -50%) scale(1.1);}
.slideBox4 .photoSlide_fx4 .cont .txtCont p{overflow:hidden; height:48px; padding:5px 10px;}
.slideBox4 .photoSlide_fx4 .slick-prev{position:absolute; top:-31px; right:41px; width:9px; height:17px; background:url(../images/btn_prev7.png) no-repeat 0 0; z-index:1; text-indent: -10000px;}
.slideBox4 .photoSlide_fx4 .slick-next{position:absolute; top:-31px; right:0px; width:9px; height:17px; background:url(../images/btn_next7.png) no-repeat 0 0; z-index:1; text-indent: -10000px;}
.slideBox4 .photoSlide_fx4 .slick-prev:after{display:block; content:''; position:absolute; top:0; right:-17px; width:1px; height:17px; background-color:#ccc;}

/* 그래픽 뉴스 */
.graphBox2{width:1280px; margin:0 auto;}
.graphBox2 .tit{margin-bottom:10px; font-size:22px; color:#000; font-weight:bold; color:#000;}
.graphBox2 ul li{float:left; margin-right:20px;}
.graphBox2 ul li:nth-child(4n){margin-right:0px;}
.graphBox2 .cont {width:305px; }
.graphBox2 .cont .thumCont{overflow:hidden; position:relative; width:305px; height:228px;}
.graphBox2 .cont .thumCont img{position:absolute; 
   top: 50%;
   left: 50%;
   width: auto;
   max-height: 228px;
   max-width: 100%;
   transition: .5s;
   -webkit-transform: translate(-50%, -50%) scale(1);
   -moz-transform: translate(-50%, -50%) scale(1);
   -o-transform: translate(-50%, -50%) scale(1);
   transform: translate(-50%, -50%) scale(1);
}
.graphBox2 .cont .txtCont{overflow:hidden; height:45px; margin:5px 0 15px;}

/* 많이 본 사진 */
.photoSub{overflow:hidden; margin:30px 0;}
.photoSub .left{float:left; width:701px; padding-right:28px; border-right:1px solid #ccc}
.photoView{position:relative; width:701px; }
.photoView>.tit{margin-bottom:10px; font-size:22px; color:#000; font-weight:bold; color:#000;}
.photoView .photoSlide_fx5{position:relative; width:701px; }
.photoView .photoSlide_fx5 .slick-slide{position:relative; height:500px;}
.photoView .photoSlide_fx5 .slick-slide .thumCont{position:relative; overflow:hidden; width:701px; height:500px;}
.photoView .photoSlide_fx5 .slick-slide .thumCont img{
    position: absolute;
    top: 0;
    left: 50%;
    width: 100%;
    min-height: 500px;
    max-width: 100%;
    transition: .5s;
    -webkit-transform: translate(-50%, 0) scale(1);
    -moz-transform: translate(-50%, 0) scale(1);
    -o-transform: translate(-50%, 0) scale(1);
    transform: translate(-50%, 0) scale(1);
}
.photoView .photoSlide_fx5 .slick-slide .thumCont img:hover{
    -webkit-transform: translate(-50%, 0) scale(1.1);
    -moz-transform: translate(-50%, 0) scale(1.1);
    -o-transform: translate(-50%, 0) scale(1.1);
    transform: translate(-50%, 0) scale(1.1);
}
.photoView .photoSlide_fx5 .slick-slide p.caption{position:absolute; bottom:0; left:0px; width:100%; height:39px; padding-left:10px; background-color:rgba(255,255,255, .5); text-align:left;}
.photoView .photoSlide_fx5 .slick-slide p.caption span.tit{display:block; overflow:hidden; height:39px; margin-left:10px; font-size:20px; line-height:39px; letter-spacing:-1px;}
.photoView .photoSlide_fx5 .slick-slide p.caption span.type{position:absolute; top:-13px; left:0; display:inline-block; padding:0 18px; height:26px; line-height:26px; font-size:14px; color:#fff; background-color:#4a65f4;}
.photoView .photoSlide_fx5 .slick-dots {margin-top:4px;}
.photoView .photoSlide_fx5 .slick-dots li{position:relative; float:left; width:137px; height:98px; margin:0 4px 4px 0;}
.photoView .photoSlide_fx5 .slick-dots li:nth-child(5n){margin-right:0px;}
.photoView .photoSlide_fx5 .slick-dots li button{position:relative; overflow:hidden; width:137px; height:98px;}
.photoView .photoSlide_fx5 .slick-dots li img{
    position: absolute;
    top: 0;
    left: 50%;
    width: 100%;
    min-height: 98px;
    max-width: 100%;
    transition: .5s;
    -webkit-transform: translate(-50%, 0) scale(1);
    -moz-transform: translate(-50%, 0) scale(1);
    -o-transform: translate(-50%, 0) scale(1);
    transform: translate(-50%, 0) scale(1);
}
.photoView .photoSlide_fx5 .slick-dots li.slick-active:after{display:block; content:''; position:absolute; top:0px; left:0px; width:131px; height:92px; border:3px solid #008191;}

/* 인기 갤러리 */
.photoSub .right{float:right; width:526px; padding-left:24px;}
.photoSub .right .tit{margin-bottom:10px; font-size:22px; color:#000; font-weight:bold; color:#000;}
.photoSub .right .bottom{padding-top:44px;}
.popularG{position:relative; width:450px; height:780px; margin:0 auto 30px;}
.popularG .thumCont{overflow:hidden; position:relative; width:450px; height:294px;}
.popularG .thumCont img{position:absolute; 
   top:0;
   left: 50%;
   width: 100%;
   min-height: 294px;
   transition: .5s;
   -webkit-transform: translate(-50%, 0) scale(1);
   -moz-transform: translate(-50%, 0) scale(1);
   -o-transform: translate(-50%, 0) scale(1);
   transform: translate(-50%, 0) scale(1);}
.popularG .thumCont .label{position:absolute; bottom:8px; right:8px; padding:1px 9px 2px; min-width:27px; border-radius:20px; background-color:#4a65f4; color:#fff; font-size:15px; text-align:center;}
.popularG .txtCont p.txt{overflow:hidden; height:48px; margin-top:8px; font-size:16px; }
.popularG .slick-dots{position:absolute; top:-25px; right:-37px;}
.popularG .slick-dots li{float:left; margin-left:10px;}
.popularG .slick-dots li button{font-size:0; line-height:0px; width:13px; height:13px; border-radius:50%; background-color:#ccc; }
.popularG .slick-dots li.slick-active button{background-color:#008191;}
.popularG.graph .thumCont img{position:absolute; 
    top: 50%;
    left: 50%;
    width: auto;
    max-height: 294px;
    max-width: 100%;
    transition: .5s;
    -webkit-transform: translate(-50%, -50%) scale(1);
    -moz-transform: translate(-50%, -50%) scale(1);
    -o-transform: translate(-50%, -50%) scale(1);
    transform: translate(-50%, -50%) scale(1);}

/* 포토상세 */
.sectionMenu{border-bottom:1px solid #ccc;}
.sectionMenu .inner{width:1280px; margin:0 auto;}
.sectionMenu.center .inner{width:340px;}
.sectionMenu.nobor{border-bottom:none;}
.sectionMenu .inner p.tit{margin:30px 0; text-align:center; font-size:28px; line-height:30px; font-weight:bold;}
.sectionMenu .inner ul{display:flex; justify-content: space-around;}
.sectionMenu .inner ul li{padding-bottom:18px;}
.sectionMenu .inner ul li a{display:block; width:100%;}
.sectionMenu .inner ul li.on a{position:relative; color:#008191;}
.sectionMenu .inner ul li.on a:after{display:block; content:''; position:absolute; left:50%; bottom:-23px; width:8px; height:8px; margin-left:-4px; border-radius:50%; background-color:#008191; z-index: 1;}
.sectionMenu .inner ul li a:hover{position:relative; color:#008191; text-decoration:none;}
.sectionMenu .inner ul li:hover a:hover:after{display:block; content:''; position:absolute; left:50%; bottom:-23px; width:8px; height:8px; margin-left:-4px; border-radius:50%; background-color:#008191; z-index: 1;}

/* 그래픽뉴스 뷰 */
.graphSlide{position:relative; height:258px; margin-bottom:30px; background-color:#eff2f9; }
.graphSlide:after{display:block; content:''; position:absolute; bottom:-30px; left:0; width:100%; height:1px; background-color:#ccc;}
.graphSlide .inner{position:relative; width:1280px; margin:0 auto; padding:20px 30px 0;}
.graphSlide .inner .thumCont{overflow:hidden; position:relative; width:232px; height:174px; margin:0 auto;}
.graphSlide .inner .thumCont:after{display:block; content:''; position:absolute; top:0; left:0; width:100%; height:100%; background-color:rgba(0,0,0, .25);}
.graphSlide .inner .thumCont img{ position:absolute;
    top:0;
    left: 50%;
    width: 100%;
    min-height: 174px;
    transition: .5s;
    -webkit-transform: translate(-50%, 0) scale(1);
    -moz-transform: translate(-50%, 0) scale(1);
    -o-transform: translate(-50%, 0) scale(1);
    transform: translate(-50%, 0) scale(1);
}
.graphSlide .inner .txtCont{overflow:hidden; width:232px; height:38px; margin:8px auto 0; font-size:15px; line-height:19px;}
.graphSlide .inner .slick-prev{position:absolute; top:50%; left:0px; width:17px; height:30px; margin-top:-40px; background:url(../images/btn_prev9.png) no-repeat 0 0; z-index:1; text-indent: -10000px;}
.graphSlide .inner .slick-next{position:absolute; top:50%; right:0px; width:17px; height:30px; margin-top:-40px; background:url(../images/btn_next9.png) no-repeat 0 0; z-index:1; text-indent: -10000px;}
.graphView{overflow:hidden; position:relative;}
.graphView:after{display:block; content:''; position:absolute; top:0; left:726px; width:1px; height:100%; background-color:#ccc;}
.graphView .thumCont{position:relative;  float:left; width:726px; height:auto; padding:30px 0; text-align:center; border-right:1px solid #ccc;}
.graphView .thumCont img{max-width:706px; height:auto;}
.graphView .txtCont{position:relative; float:right; width:553px; padding:30px 0;}
.graphView .txtCont .articleHead{width:468px; margin:0 auto;}
.graphView .txtCont .articleHead .tit{margin:74px 0 17px; font-size:25px; line-height:35px; color:#000; font-weight:bold;}
.graphView .txtCont .articleHead .info{clear:both;overflow:hidden; padding-bottom:20px; border-bottom:1px solid #f4f4f4}
.graphView .txtCont .articleHead .info .date{float:left; width:285px; margin-top:10px; font-size:14px; color:#777; letter-spacing:-1px;}
.graphView .txtCont .articleHead .info .infoBox{float:right;}
.graphView .txtCont .articleTxt{width:468px; margin:0 auto;}
.graphView .txtCont .articleTxt .txt{margin:14px 0 35px; font-size:14px; line-height:27px;}
.graphView .txtCont .articleTxt .socialBox{overflow:hidden; }
.graphView .txtCont .articleTxt .socialBox li:nth-child(2){margin-left:10px;}
.graphView .txtCont .articleTxt .copyright{clear:both; margin-bottom:10px; padding-top:25px; font-size:14px; color:#999; letter-spacing:-1px;}
.graphView .txtCont .articleTxt .hashtag li{line-height:23px; margin-bottom:0px;}
.graphView .txtCont .btnArea{position:absolute; top:74px; left:42px; border:1px solid #d4d8db;}
.graphView .txtCont .btnArea button{float:left;}
.graphView .txtCont .btnArea button:first-child{border-right:1px solid #d4d8db;}

/* 영상 - 홈 */
.photogBox.bg_none{background:none;}
.photogBox {position:relative; overflow:hidden; padding:30px; background-color:#eff2f9;}
.photogBox .inner{position:relative; width:1028px; margin:0 auto;}
.photogBox .inner .slick-list{overflow: visible; }
.photogBox .slick-slide{position:relative; height:370px; margin-right:20px;}
.photogBox .slick-slide .thumCont:hover img{-webkit-filter: brightness(0.6);filter: brightness(0.6);}
.photogBox .thumCont{position:relative; overflow:hidden; width:504px; height:284px; }
.photogBox .thumCont img{position:absolute; 
    top:0;
    left: 50%;
    width: 100%;
    min-height: 284px;
    transition: .5s;
    -webkit-transform: translate(-50%, 0) scale(1);
    -moz-transform: translate(-50%, 0) scale(1);
    -o-transform: translate(-50%, 0) scale(1);
    transform: translate(-50%, 0) scale(1);
}
/* 포토홈 영역 */
.photogBox .txtCont{position:relative; width:504px; height:70px;}
.photogBox .txtCont .tit{overflow:hidden; text-overflow: ellipsis; white-space: nowrap; height:48px; line-height:48px; font-size:24px;}
.photogBox .txtCont .date{font-size:15px; line-height:19px; line-height:40px;}
.photogBox .txtCont .socialBox{position:absolute; right:0; bottom:-15px;}
.photogBox .inner .slick-prev{position:absolute; top:50%; left:-33px; width:44px; height:44px; margin-top:-67px; background:url(../images/btn_prev12.png) no-repeat 0 0; background-size:44px; z-index:1; text-indent: -10000px;}
.photogBox .inner .slick-next{position:absolute; top:50%; right:-33px; width:44px; height:44px; margin-top:-67px; background:url(../images/btn_next12.png) no-repeat 0 0; background-size:44px; z-index:1; text-indent: -10000px;}
.videoList {overflow:hidden; margin-top:30px; padding-bottom:30px; border-bottom:1px solid #ccc;}
.videoList .menuList {overflow:hidden; margin-bottom:11px;}
.videoList .menuList li{float:left; margin-right:40px;}
.videoList .menuList li a{font-size:16px;}
.videoList .menuList li.on a , .videoList .menuList li:hover a{font-weight:bold; text-decoration:underline;}
.videoList .menuList li.disable a{color:#999; text-decoration:none; cursor:default; font-weight:normal;}
.videoList .cont .videoBox{float:left; width:248px; margin-right:10px;}
.videoList .cont .videoBox:nth-child(5n){margin-right:0px;}
.videoList .cont {display:none; overflow:hidden;}
.videoBox {margin-bottom:15px;}
.videoBox .thumCont{overflow:hidden; position:relative; width:248px; height:140px;}
.videoBox .thumCont:hover:before{display:block; content:''; position:absolute; top:0; left:0; width:100%; height:100%; background-color:rgba(0,0,0, .25);}
.videoBox .thumCont img{position:absolute;
    top:0;
    left: 50%;
    width: 100%;
    min-height: 140px;
    transition: .5s;
    -webkit-transform: translate(-50%, 0) scale(1);
    -moz-transform: translate(-50%, 0) scale(1);
    -o-transform: translate(-50%, 0) scale(1);
    transform: translate(-50%, 0) scale(1);
}
.videoBox:hover .thumCont img{-webkit-filter: brightness(0.6);filter: brightness(0.6);}
/* 쇼츠 스타일 추가 */
.videoBox .thumCont2{overflow:hidden; position:relative; width:248px; height:440px; border-radius:16px;}
.videoBox .thumCont2:hover:before{display:block; content:''; position:absolute; top:0; left:0; width:100%; height:100%; background-color:rgba(0,0,0, .25);}
.videoBox .thumCont2 img{position:absolute;
    top:0;
    left: 50%;
    width: 100%;
    min-height: 440px;
    transition: .5s;
    -webkit-transform: translate(-50%, 0) scale(1);
    -moz-transform: translate(-50%, 0) scale(1);
    -o-transform: translate(-50%, 0) scale(1);
    transform: translate(-50%, 0) scale(1);
}
.videoBox:hover .thumCont2 img{-webkit-filter: brightness(0.6);filter: brightness(0.6);}

.videoBox .txtCont p.tit{overflow:hidden; height:40px; font-size:15px; margin:6px 0 3px; line-height:20px;}
.videoBox .txtCont p.date{font-size:13px; color:#999; line-height:15px;}
/* 많이 본 영상 */
.videoView {overflow:hidden; clear:both; margin:30px 0;}
.videoView.bd_t{border-top:1px solid #ccc;}
.videoView .tit{margin-bottom:10px; font-size:22px; color:#000; font-weight:bold; color:#000;}
.videoView .thumcont{overflow:hidden; position:relative; float:left; width:581px; height:327px;}
.videoView .imgRoll li{display:none;}
.videoView .imgRoll li.on{display:block;}
.videoView .thumCont img{position:absolute; 
    top:0;
    left: 50%;
    width: 100%;
    min-height: 327px;
    transition: .5s;
    -webkit-transform: translate(-50%, 0) scale(1);
    -moz-transform: translate(-50%, 0) scale(1);
    -o-transform: translate(-50%, 0) scale(1);
    transform: translate(-50%, 0) scale(1);
}
.videoView .thumCont:hover img{-webkit-filter: brightness(0.6);filter: brightness(0.6);}
.videoView .listCont{overflow:hidden; position:relative; margin-left:50px;}
.videoView .listCont:after{display:block; content:''; position:absolute; top:0; left:350px; width:48px; height:2px; background-color:#fff;}
.videoView .listCont:before{display:block; content:''; position:absolute; bottom:0; left:350px; width:48px; height:2px; background-color:#fff;}
.videoView .listCont ul{overflow:hidden; display:flex; flex-wrap:wrap; flex-direction:column; align-content:space-between; width:648px; height:324px; margin-left:50px; border-top:2px solid #ccc; border-bottom:1px solid #ccc;}
.videoView .listCont ul li{position:relative; width:300px; border-bottom:1px solid #ccc;}
.videoView .listCont ul li a{display:block; padding:16px 10px 16px 38px; text-decoration:none;}
.videoView .listCont ul li.on a{background-color:#4b65f6; color:#fff;}
.videoView .listCont ul li a p{overflow:hidden; height:48px;}
.videoView .listCont ul li span{position:absolute; left:0; top:16px; width:33px; height:48px; line-height:48px; font-size:25px;  font-style: italic; text-align:center;}

/* 영상-뷰 */
.frameBox{position:relative;overflow:hidden; width:909px; height:511px; margin-bottom:25px;}
.frameBox img{width:100%; height:100%;}

/* 영상-뷰 aside */
.videoList2{padding-top:30px;}
.videoList2 ul{overflow-y:auto; overflow-x:hidden; height:2654px;}
.videoList2 ul::-webkit-scrollbar{width:5px; background-color:#fff;}
.videoList2 ul::-webkit-scrollbar-thumb{border-radius:5px; background-color:#ccc;}
.videoList2 ul::-webkit-scrollbar-track{}
.videoList2 .tit{margin-bottom:10px; font-size:18px; color:#000; font-weight:bold; color:#000;}
.videoList2 .thumCont{position:relative; overflow:hidden; width:290px; height:163px;}
.videoList2 .thumCont img{position:absolute; 
    top:0;
    left: 50%;
    width: 100%;
    min-height: 163px;
    transition: .5s;
    -webkit-transform: translate(-50%, 0) scale(1);
    -moz-transform: translate(-50%, 0) scale(1);
    -o-transform: translate(-50%, 0) scale(1);
    transform: translate(-50%, 0) scale(1);}

/* 기사뷰 */
.subView #content:after{display: block; content: ''; position: absolute; bottom: 0; right: 330px; width: 1px; height: 100%; background-color: #ccc;}

.articleView{float:left; width:909px; padding:25px 40px 0 0; border-right:1px solid #ccc;}
.view .top .tit{font-size:38px; line-height:48px; font-weight:bold; font-family:'Noto Sans KR', sans-serif;}
.articleView .summury{position:relative; margin-bottom:20px; padding-left:12px; font-weight:bold; font-size:17px; line-height:26px;}
.articleView .summury:after{display:block; content:''; position:absolute; top:0; left:0; width:2px; height:100%; background-color:#008191 ;}
.articleView .summury h2{margin-top:8px;}
.articleView .subHeader{margin:0 0 40px; padding:4px; line-height:25px; border-top:1px solid #ccc; border-bottom:1px solid #ccc; font-weight:bold;}
.likeSlide{overflow:hidden; position:relative; margin:15px 0;}
.likeSlide .like{position:relative; display:inline-block; height:53px; padding-right:98px; border:1px solid #030000;}
.likeSlide .like p{padding:0 21px 0 25px; font-size:17px; line-height:51px;}
.likeSlide .like img{margin-top:3px;}
.likeSlide .like button{position:absolute; top:9px; right:0; width:97px; margin:0px; height:36px; line-height:36px; border-left:1px solid #000;}
.likeSlide .like strong{margin-left:9px; padding-top:7px;}
.reporterSlide {position:absolute; top:0; right:0; width:268px; height:53px; border:1px solid #ccc;}
.reporterSlide .thumCont{position:relative; overflow:hidden; float:left; width:45px; height:45px; margin:4px 0 0 46px; border:1px solid #000; box-sizing:border-box; border-radius:50%;}
.reporterSlide .thumCont img{position:absolute;
    top:0;
    left: 50%;
    width: 100%;
    min-height: 45px;
    transition: .5s;
    -webkit-transform: translate(-50%, 0) scale(1);
    -moz-transform: translate(-50%, 0) scale(1);
    -o-transform: translate(-50%, 0) scale(1);
    transform: translate(-50%, 0) scale(1);}
.reporterSlide .slick-slide{height:51px;  text-align:center;}
.reporterSlide .slick-slide .inner{width:228px; margin:0 auto;}

.reporterSlide .slick-prev{position:absolute; top:20px; left:20px; width:12px; height:14px; margin:0px !important ; background:url(../images/btn_prev13_off.png) no-repeat 0 0; z-index:1; text-indent: -10000px;}
.reporterSlide .slick-prev:hover{background:url(../images/btn_prev13_on.png) no-repeat 0 0}
.reporterSlide .slick-next{position:absolute; top:20px; right:20px; width:12px; height:14px;  margin:0px !important ; background:url(../images/btn_next13_off.png) no-repeat 0 0; z-index:1; text-indent: -10000px;}
.reporterSlide .slick-next:hover{background:url(../images/btn_next13_on.png) no-repeat 0 0}
.reporterSlide .txtCont{float:left; margin:7px 0 0 10px}
.reporterSlide .txtCont p a{font-size:13px; line-height:18px;}

.socialBox.view li{float:none; display:block; margin:0 0 5px 0; text-align:center;}
.socialBox.view ul li:first-child {}
.socialBox.view button.like{position:relative; width:37px; margin:0 0 9px 0; padding-bottom:10px; border-bottom:1px solid #ccc;}
.socialBox.view button.like strong{display:block; position:relative; width:37px; height:25px; margin-bottom:9px; border:1px solid #616161; border-radius:3px; box-sizing:border-box; background-color:#e5f0fb;  font-size:14px; color:#e02631;}
.socialBox.view button.like strong:after{display:block; content:''; position:absolute; bottom:-7px; left:3px; width:9px; height:7px; background:url(../images/img_bull.png) no-repeat 0 0; z-index: 9; }
.socialBox.view button.like img{display:block;}

/* 기사뷰 고정배너 */
#quick_banner.view{margin-left:-620px; opacity:0; z-index:99999999999;}
#quick_banner.view li.divi{position:relative; padding-top:6px; }
#quick_banner.view li.divi:after{display:block; content:''; position:absolute; top:0; left:50%; width:14px; height:1px; margin-left:-7px; background-color:#ccc;}

/* 기사뷰 하단영역 */
.viewBottom {width:909px;}
.viewBottom .flex{display:flex; justify-content: flex-start;}
.viewBottom .banner640{width:100%; padding-bottom:30px;}
.viewBottom .twinBox{display:flex; justify-content: space-between;}
.viewBottom .twinBox .box909{width:909px;}
.viewBottom .twinBox .box640{width:640px;}
.viewBottom .twinBox .box250{width:250px;}

/* 기획특집 피플인사이드 - 구 스타일 */
.viewBottom .botBox1{overflow:hidden; margin-top:25px; padding-bottom:27px; border-bottom:1px solid #ccc;}
.viewBottom .slide_plan{position:relative; float:left; width:300px; height:260px; }
.viewBottom .slide_plan .tit{margin-bottom:10px; font-size:18px; font-weight:bold;}
.viewBottom .img_wrapper{position:relative; width:100%; background-color:#fff;}
.viewBottom .img_wrapper figure{/*height:182px;*/ max-width:100%; max-height:100%; margin:0px; padding:0px; -webkit-margin-before:0;-webkit-margin-after:0;-webkit-margin-start:0;-webkit-margin-end:0}
.viewBottom .img_wrapper figure img{display:block; width:100%; min-height:182px;}
.viewBottom .img_wrapper figcaption{overflow:hidden; /*position:absolute; bottom:-64px; left:0;*/ width:100%; height:64px;  background-color:#fff;}
.viewBottom .img_wrapper figcaption p{overflow:hidden; max-height:40px; margin-top:6px; vertical-align: middle; font-size:15px; line-height:20px; color:#000}
.viewBottom .type{position:absolute; top:0; left:0; width:130px; height:26px; line-height:26px; background-color:#fff; color:#000; text-align:center; }
.viewBottom .todayBox .inner_right dd figure a:hover figcaption p{text-decoration:underline;}
.viewBottom .slide_plan .slick-prev{position:absolute; top:72px; left:0; width:32px; height:41px; background:url(../images/btn_prev2.png) no-repeat 0 0; z-index:1; text-indent: -10000px;}
.viewBottom .slide_plan .slick-next{position:absolute; top:72px; right:0; width:32px; height:41px; background:url(../images/btn_next2.png) no-repeat 0 0; z-index:1; text-indent: -10000px;}
.viewBottom .pInside{float:left; width:289px; height:260px; margin:0 10px;}
.viewBottom .pInside .tit{margin-bottom:10px; font-size:18px; font-weight:bold;}
.viewBottom .pInside .thumCont{position:relative; overflow:hidden; width:289px; height:182px;}
.viewBottom .pInside .thumCont img{position:absolute;
    top:0;
    left: 50%;
    width: auto;
    max-height: 100%;
    transition: .5s;
    -webkit-transform: translate(-50%, 0) scale(1);
    -moz-transform: translate(-50%, 0) scale(1);
    -o-transform: translate(-50%, 0) scale(1);
    transform: translate(-50%, 0) scale(1);}
.viewBottom .pInside .slick-prev{position:absolute; top:-31px; right:27px; width:22px; height:22px; border:1px solid #ccc; background:url(../images/btn_prev10.png) no-repeat 0 0; z-index:1; text-indent: -10000px;}
.viewBottom .pInside .slick-next{position:absolute; top:-31px; right:0; width:22px; height:22px; border:1px solid #ccc; background:url(../images/btn_next10.png) no-repeat 0 0; z-index:1; text-indent: -10000px;}
.viewBottom .pInside .txtCont .txt{overflow:hidden; max-height:40px; font-size:15px; line-height:20px;}
.viewBottom .pInside .txtCont .people {font-size:12px; color:#777;}
.viewBottom .popular{float:right; width:300px;}
.viewBottom .popular .popularG{width:300px; height:235px; margin-bottom:0px;}
.viewBottom .popular .popularG .thumCont{width:300px; height:182px;}
.viewBottom .popular .popularG .thumCont img{min-height:182px;}
.viewBottom .popular .popularG .slick-dots{right:0px;}
/* 이시간핫뉴스 */
.viewBottom .botBox2{overflow:hidden; margin-top:25px; padding-bottom:27px; border-bottom:1px solid #ccc;}
.viewBottom .hotTime .tit{margin-bottom:10px; font-size:18px; font-weight:bold;}
.viewBottom .hotTime .tit span{color:#008191}
.viewBottom .hotTime .thumCont{position:relative; overflow:hidden; float:left; width:300px; height:196px;}
.viewBottom .hotTime .thumCont img{position:absolute;
    top:0;
    left: 50%;
    width: 100%;
    min-height: 196px;
    transition: .5s;
    -webkit-transform: translate(-50%, 0) scale(1);
    -moz-transform: translate(-50%, 0) scale(1);
    -o-transform: translate(-50%, 0) scale(1);
    transform: translate(-50%, 0) scale(1);}
.viewBottom .hotTime .txtCont{float:right; width:320px; padding-left:20px;}
.viewBottom .hotTime .txtCont ul li{overflow:hidden; height:20px; margin-bottom:5px;}
.viewBottom .hotTime .txtCont ul li a{overflow:hidden; display: block; height:20px; font-size:15px; line-height:20px; text-overflow: ellipsis; white-space: nowrap;}

/* 기사뷰 - 오늘의 헤드라인 */
.viewBottom .botBox3{overflow:hidden; margin-top:25px; padding-bottom:27px; }
.viewBottom .tit{margin-bottom:10px; font-size:18px; font-weight:bold;}
.viewBottom .headSlide {position:relative; height:89px; margin-top:20px;}
.viewBottom .headSlide .slick-next{position:absolute; bottom:-25px; right:0; width:108px; height:25px; background:url(../images/btn_next14.png) no-repeat 0 0; font-size:0px;}
.viewBottom .headSlide .slick-prev{display:none !important ;}
.viewBottom .headSlide .boxStyle13 .thumCont{width:115px; height:70px;}
.viewBottom .headSlide .boxStyle13 .thumCont img{min-height:70px;}
.viewBottom .headSlide .boxStyle13 .txtCont .tit{overflow:hidden; height:48px; padding-right:20px; font-size:17px; line-height:24px;}

/* 기사뷰 - 많이 본 기사 */
.viewBottom .botBox4{padding-bottom:27px; }
.viewBottom .botBox4 .viewBox{width:100%; height:410px;}
.viewBottom .botBox4 .viewBox .rankBox .box li.in_img{width:100%; height:173px;}
.viewBottom .botBox4 .viewBox .rankBox .box li{float:left; width:48%; height:84px;}
.viewBottom .botBox4 .viewBox .rankBox .box li:nth-child(2n){padding-right:4%;}
.viewBottom .botBox4 .viewBox .rankBox .box li .txtCont{position:relative; height:100%; line-height:28px;}
.viewBottom .botBox4 .viewBox .rankBox .box li .txtCont a{padding-top:15px;}
.viewBottom .botBox4 .viewBox .rankBox .box li .txtCont a .rank{position:absolute; top:50%; left:0; margin-top:-22px; line-height:56px;}
.viewBottom .botBox4 .viewBox .rankBox .box li .txtCont p{overflow:hidden; height:56px; text-overflow: initial; white-space: initial; vertical-align:middle; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp: 2;}
.viewBottom .botBox4 .viewBox .box{width:100%;}
.viewBottom .botBox4 .viewBox .rankBox .box li.in_img .txtCont a{width:634px;}
.viewBottom .botBox4 .viewBox .rankBox .box li.in_img .txtCont p{display:block; height:auto;}

/* 기사뷰 - sectionTop */
.viewBottom .botBox5{padding-bottom:27px;}
.viewBottom .botBox5 .viewBox{width:100%; height:450px;}
.viewBottom .botBox5 .viewBox ul.left{overflow:hidden; float:left; width:47%;}
.viewBottom .botBox5 .viewBox ul.right{overflow:hidden;  float:right; width:47%;}
.viewBottom .botBox5 .viewBox ul li{padding:10px 0;}
.viewBottom .botBox5 .viewBox ul li:first-child{padding-top:0px;}
.viewBottom .botBox5 .viewBox ul li a{overflow:hidden; display:block; height:48px; text-align:center; font-size:14px; line-height:24px; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp: 2;}
.viewBottom .botBox5 .viewBox .box{width:100%;}

/* 기사 뷰 - sub aside 많이 본 기사*/
.subView .aside .viewBox{width:300px; height:490px; border-bottom:1px solid #ccc;}
.subView .aside .viewBox .box ul li {height:60px;  padding:0px; border-bottom:none;}
.subView .aside .viewBox .rankBox{margin-top:10px;}
.subView .aside .viewBox .rankBox .box li.in_img{height:auto; margin-bottom:10px;}
.subView .aside .viewBox .rankBox .box li.in_img .thumCont{width:80px; height:60px;}
.subView .aside .viewBox .rankBox .box li.in_img .thumCont img{width:100%; height:auto; min-height:60px;}
.subView .aside .viewBox .rankBox .box li.in_img .txtCont a{overflow:hidden; width:170px; height:40px; padding:0 20px 0 30px;}
.subView .aside .viewBox .rankBox .box li .txtCont a{overflow:hidden; height:40px; font-size:14px; line-height:20px;}
.subView .aside .viewBox .rankBox .box li.in_img .txtCont a .rank{line-height:40px;}
.subView .aside .viewBox .rankBox .box li .txtCont{display:table-cell; vertical-align: middle;}
.subView .aside .viewBox .rankBox .box li .txtCont a .rank{line-height:40px; top:0; margin-top:0px;}
.subView .aside .viewBox .rankBox .slick-dots{top:-48px; width:auto; padding:0px;}
.subView .aside .viewBox .rankBox .slick-next{display:none !important ;}
.subView .aside .viewBox .rankBox .slick-prev{display:none !important ;}
.subView .aside .viewBox .rankBox .box li .txtCont p{text-overflow:initial; white-space:inherit; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp: 2;}
.subView .aside .viewBox .rankBox .box li.in_img .txtCont p{display:block;}
.subView .aside .viewBox .rankBox .slick-dots li:first-child{margin-right:25px;}
.subView .aside .viewBox .rankBox .slick-dots button:after{display:block; content:''; position:absolute; top:12px; right:-13px; width:1px; height:12px; background-color:#ccc;}
.subView .aside .viewBox .rankBox .slick-dots li:last-child button:after{display:none;}

/* 광고 배너 2개 많이 본 기사 상단으로 이동 */
.adBox4{margin-top:20px;}
.smallBox+.adBox4{margin-top:0px;}

/* 기사뷰 - 광고 영역 개편 *//* 기사뷰 - 광고 영역 개편 *//* 기사뷰 - 광고 영역 개편 */
/* 기사뷰 - 광고 영역 개편 *//* 기사뷰 - 광고 영역 개편 *//* 기사뷰 - 광고 영역 개편 */
.viewBottom .twinBox .box1{width:273px; margin-right:18px;}
.viewBottom .twinBox .box2{width:300px; margin-right:18px;}
.viewBottom .twinBox .box3{width:300px;}
.viewBottom .tit span{color:#008191}

/* 많이본 사진 */
.viewBottom .viewPhoto-for{overflow:hidden; width:273px; height:195px;}
.viewBottom .viewPhoto-for img{width:273px; min-height:195px; object-fit: cover;}
.viewBottom .viewPhoto-nav .slick-slide{overflow:hidden; width:273px; height:36px; border:none; border-bottom:1px solid #E5E5E5;}
.viewBottom .viewPhoto-nav .slick-slide a{overflow:hidden; display:block; height:36px; padding:0 10px; text-overflow: ellipsis; white-space:nowrap; line-height:36px; font-size:14px;}
.viewBottom .viewPhoto-nav .slick-slide a:hover{text-decoration: none;}
.viewBottom .viewPhoto-nav .slick-slide.slick-current a{background-color:#f0fbfa; font-weight:bold; text-decoration: none;}
.viewBottom .viewPhoto-nav .slick-track {transform: translate3d(0px, 0px, 0px) !important ;}

/* 뉴시스Pic */
.viewBottom .popularG.pic{width:300px; height:262px; margin-bottom:16px; border-bottom:1px solid #E5E5E5;}
.viewBottom .popularG.pic .thumCont{width:300px; height:195px;}
.viewBottom .popularG.pic .thumCont img{object-fit: cover;}
.viewBottom .popularG.pic .txtCont a{overflow:hidden; font-size:15px;
    display:-webkit-box; 
    -webkit-box-orient:vertical; 
    -webkit-line-clamp: 2;}
.viewBottom .popularG.pic .slick-dots{right:0;}

/* 그래픽뉴스 */
.viewBottom .graphTop{display:flex; justify-content: space-between; flex-wrap: wrap;}
.viewBottom .graphTop .txtCont{width:140px;}
.viewBottom .graphTop .txtCont p.txt{overflow:hidden;
    display:-webkit-box; 
    -webkit-box-orient:vertical; 
    -webkit-line-clamp: 3;
}
.viewBottom .graphTop .thumCont{overflow:hidden; width:140px; height:102px;}
.viewBottom .graphTop .thumCont a{display: block;}
.viewBottom .graphTop .thumCont img{width:100%; min-height:102px; object-fit: cover;}

/* 이시간 핫뉴스 */
.viewBottom .hotNews {display:flex; }
.viewBottom .hotNews .viewHot-for{overflow:hidden; width:310px; height:206px;}
.viewBottom .hotNews .viewHot-for img{width:100%; min-height:206px; object-fit: cover;}
.viewBottom .hotNews .viewHot-nav{width:330px; border-top:1px solid #E5E5E5; border-bottom:1px solid #E5E5E5;}
.viewBottom .hotNews .viewHot-nav .slick-slide{height:41px; line-height:41px; padding:0 10px; box-sizing: border-box; border:none; border-bottom:1px solid #E5E5E5}
.viewBottom .hotNews .viewHot-nav .slick-slide:last-child{border-bottom:none;}
.viewBottom .hotNews .viewHot-nav .slick-slide a{display:block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size:15px;}
.viewBottom .hotNews .viewHot-nav .slick-slide.slick-current{background-color:#f0fbfa; font-weight:bold; text-decoration: none;}
.viewBottom .hotNews .viewHot-nav .slick-track {transform: translate3d(0px, 0px, 0px) !important ;}

/* 오늘의 헤드라인 */
.viewBottom .todayhead .boxStyle13{height:148px;}
.viewBottom .todayhead .thumCont{width:256px; height:160px;}
.viewBottom .todayhead .thumCont img{width:100%; min-height:160; object-fit: cover;}
.viewBottom .todayhead .txtCont{overflow:hidden; max-height:160px;}
.viewBottom .todayhead .txtCont .tit{font-size:18px; line-height:24px;}
.viewBottom .todayhead .txtCont .subTit {height:auto; max-height:56px; line-height:28px; font-size:20px; font-weight:bold;}
.viewBottom .todayhead .txtCont .subTit2 {height:auto; max-height:22px; height:22px; margin-top:5px; font-size:16px; color:#000;}
.viewBottom .todayhead .txtCont .txt {margin-top:14px;}
.viewBottom .todayhead .headSlide {position:relative; padding:0 26px;}
.viewBottom .todayhead .headSlide .txtCont {padding-left:10px;}
.viewBottom .todayhead .headSlide .txtCont .category{font-size:15px; color:#008191; font-weight:bold;}
.viewBottom .headSlide .slick-prev {position:absolute; top:24px; left:-26px; display:block !important ; width:23px; height:23px; box-sizing: border-box; border:1px solid #CCCCCC; background:url(../images/btn_prev10.png) no-repeat 0 0; text-indent: -9999px;}
.viewBottom .headSlide .slick-next {position:absolute; top:24px; right:-26px; display:block !important ; width:23px; height:23px; box-sizing: border-box; border:1px solid #CCCCCC; background:url(../images/btn_next10.png) no-repeat 0 0; text-indent: -9999px;}

/* 많이 본 기사 */
.viewBottom .viewNews {position:relative;}
.viewBottom .viewNews .tit{padding-bottom:4px; border-bottom:1px solid #000;}
.viewBottom .viewNews .category{position:absolute; top:0; right:0; }
.viewBottom .viewNews .category div{position:relative; float:left; padding:0 12px 6px; font-size:15px; }
.viewBottom .viewNews .category div:after{content:""; position:absolute; top:7px; right:0; width:1px; height:12px; background-color:#cccccc;}
.viewBottom .viewNews .category div:last-child:after{display:none;}
.viewBottom .viewNews .category div.on a{position:relative; font-weight:bold; color:#008191; text-decoration: none;}
.viewBottom .viewNews .category div.on a:after{content:''; position:absolute; bottom:-6px; left:0; width:100%; height:2px; background-color:#008191;}
.viewBottom .viewNews .category div a:hover{text-decoration: none;}
.viewBottom .viewNews .box .inner{position:relative; display:flex; flex-wrap:wrap; justify-content: flex-start; padding-bottom:27px; border-bottom:1px solid #ccc;}
.viewBottom .viewNews .rankNews .box{display:none;}
/* 1 */
.viewBottom .viewNews .box .rankTop{width:293px; margin-right:15px;}
.viewBottom .viewNews .box .rankTop article {overflow:hidden; border-radius:10px; border:1px solid #E5E5E5; box-shadow: 3px 3px 3px rgba(0,0,0, .4); }
.viewBottom .viewNews .box .rankTop .thumCont {overflow:hidden; width:100%; height:167px;}
.viewBottom .viewNews .box .rankTop .thumCont img{width:100%; height:auto; min-height:167px; object-fit: cover;}
.viewBottom .viewNews .box .rankTop .txtCont{height:calc(75px - 20px); padding:10px; background:transparent linear-gradient(103deg, #f7fefe 0%, #f0fbfa 100%) 0% 0% no-repeat padding-box;}
.viewBottom .viewNews .box .rankTop .txtCont .tit{overflow:hidden; height:100%; margin-bottom:0px; padding-bottom: 0px; border-bottom: none; font-size:18px; line-height:28px}
.viewBottom .viewNews .box .rankTop .txtCont .tit a{
    display:-webkit-box; 
    -webkit-box-orient:vertical; 
    -webkit-line-clamp: 2;
}
/* 2 */
.viewBottom .viewNews .box .rankMid{width:600px}
.viewBottom .viewNews .box .rankMid .top{display:flex; justify-content: space-between; margin-bottom:12px;}
.viewBottom .viewNews .box .rankMid .top .txtCont{width:293px; }
.viewBottom .viewNews .box .rankMid .top .txtCont .tit{overflow:hidden; display:flex; align-items: center; height:calc(116px - 20px); margin-bottom:0px; padding:10px; border-bottom: none; font-size:18px; line-height:28px}
.viewBottom .viewNews .box .rankMid .top .txtCont .tit a{overflow:hidden; max-height:56px;
    display:-webkit-box; 
    -webkit-box-orient:vertical; 
    -webkit-line-clamp: 2;
}
.viewBottom .viewNews .box .rankMid .top .thumCont{overflow:hidden; width:293px; height:116px; border-radius:10px; box-shadow: 3px 3px 3px rgba(0,0,0, .4);}
.viewBottom .viewNews .box .rankMid .top .thumCont img{width:100%; height:auto; min-height:116px; object-fit: cover;}
/* 3,4,5,6 */
.viewBottom .viewNews .box .rankMid .mid {display:flex; justify-content: space-between; flex-wrap: wrap;}
.viewBottom .viewNews .box .rankMid .mid article{display:flex; justify-content: flex-start; overflow:hidden; width:293px; height:116px; border:1px solid #E5E5E5; border-radius:10px; box-shadow: 3px 3px 3px rgba(0,0,0, .4); box-sizing: border-box;}
.viewBottom .viewNews .box .rankMid .mid article:nth-child(2n){justify-content: flex-end;}
.viewBottom .viewNews .box .rankMid .mid article:nth-child(1){margin-bottom:10px;}
.viewBottom .viewNews .box .rankMid .mid article:nth-child(2){margin-bottom:10px;}
.viewBottom .viewNews .box .rankMid .mid article .thumCont{display:block; overflow:hidden; width:144px; height:116px; }
.viewBottom .viewNews .box .rankMid .mid article .thumCont img{width:100%; height:auto; min-height:116px; object-fit: cover;}
.viewBottom .viewNews .box .rankMid .mid article .txtCont{width:149px; background:transparent linear-gradient(103deg, #f7fefe 0%, #f0fbfa 100%) 0% 0% no-repeat padding-box;}
.viewBottom .viewNews .box .rankMid .mid article .txtCont .tit{display:flex; align-items: center; height:calc(116px - 20px); margin-bottom:0px; padding:10px; border-bottom: none; font-size:15px; line-height:23px;}
.viewBottom .viewNews .box .rankMid .mid article .txtCont .tit a{overflow:hidden; max-height:70px;
    display:-webkit-box; 
    -webkit-box-orient:vertical; 
    -webkit-line-clamp: 3;
}
/* 7,8 */
.viewBottom .viewNews .box .rankBot{position:absolute; bottom:27px; left:0;}
.viewBottom .viewNews .box .rankBot article:first-child{position:relative; margin-bottom:17px;}
.viewBottom .viewNews .box .rankBot article:first-child:after{content:''; position:absolute; left:0; bottom:-10px; width:100%; height:1px; background-color:#E5E5E5;}
.viewBottom .viewNews .box .rankBot article .tit{margin-bottom:0px; padding:0; border-bottom: none; }
.viewBottom .viewNews .box .rankBot article .tit a{overflow:hidden; display:block; width:293px; height:48px; font-size:15px; line-height:23px;
    display:-webkit-box; 
    -webkit-box-orient:vertical; 
    -webkit-line-clamp: 2;
}

/* 뉴시스 기획특집 */
.viewBottom .specialBox{display:flex; justify-content: flex-start; }
.viewBottom .specialBox>div{overflow:hidden; position:relative; width:170px; height:236px; margin-right:14px; border-radius:10px;}
.viewBottom .specialBox>div:last-child{margin-right:0px;}
.viewBottom .specialBox>div article img{width:100%; height:auto; min-height:236px; object-fit: cover;}
.viewBottom .specialBox>div article .txtCont .tit{overflow:hidden; position:absolute; left:0; bottom:0; max-height:42px; padding:0 10px; color:#fff; font-weight:normal; font-size:15px; line-height:21px; z-index: 2;}
.viewBottom .specialBox>div article .txtCont{content:''; position:absolute; left:0; bottom:0px; width:100%; height:100px; background-image: linear-gradient(transparent, rgba(0,0,0, .8));}


/* 포토 뉴시스pick */
.aside .popularG{width:300px; height:250px;}
.aside .popularG .thumCont{width:300px; height:196px;}
.aside .popularG .thumCont img{min-height:196px;}
.aside .popularG .slick-dots{right:0px;}

/* 기사 뷰 - 기사내용 요약 */
.summury_view{padding:20px 30px; border:1px solid #ca7f8d;}
.summury_view .tit{margin-bottom:15px;}
.summury_view .tit strong{font-size:17px; color:#e02631}
.summury_view p{font-size:17px; line-height:30px;}

/* 페이지를 찾을 수 없습니다. */
.not_found{width:1280px; text-align:center;}
.not_found .icon{width:100%; margin-bottom:40px;}
.not_found .txt1{margin-bottom:40px; font-size:32px;}
.not_found .txt2{width:900px; margin:0 auto 40px; font-size:17px;}
.not_found .btnarea .btn1{display: inline-block; background: #fff; width: 202px; height: 43px; font-size: 18px; line-height: 41px; text-align: center; letter-spacing: -0.5px; color: #666; border: 1px solid #c8c8c8;}
.not_found .btnarea .btn2{display: inline-block; background: #008191; width: 202px; height: 43px; font-size: 18px; line-height: 41px; text-align: center; letter-spacing: -0.5px; color: #fff; border: 1px solid #008191;}

/* 페이징 - 기존 페이징 사용*/
#paging_t1 {overflow:hidden; clear:both; height:26px; text-align:center;} 
#paging_t1 button {display:inline-block; width:18px; height:26px; vertical-align:top; font-size:0; line-height:0;}
#paging_t1 .first {margin-right:5px; background:url(../images/btn_paging_first.gif) no-repeat 50% 5px;}
#paging_t1 .prev {margin-right:3px; background:url(../images/btn_paging_prev.gif) no-repeat 50% 5px;}
#paging_t1 .next {margin-left:3px; background:url(../images/btn_paging_next.gif) no-repeat 50% 5px;}
#paging_t1 .end {margin-left:5px; background:url(../images/btn_paging_end.gif) no-repeat 50% 5px;}
#paging_t1 a {display:inline-block; font-size:14px; vertical-align:top;}
#paging_t1 .num a {display:inline-block; overflow:hidden; width:26px; height:26px; line-height:26px; letter-spacing:-0.6px; text-align:center; color:#747474;}
.ie8 #paging_t1 .num a {line-height:18px;}
#paging_t1 .num a strong, #paging_t1 .num a:hover, #paging_t1 .num a:focus {
    display: inline-block;
    width: 26px;
    height: 26px;
    background: #23b5c7;
    border-radius: 50%;
    font-weight: normal;
    color: #fff;
}
/* 수능시험 특집 */
.tab_examArea .info_area {display:table; width:100%; min-height:200px; text-align:center;}
.tab_examArea .info_area p{display:table-cell; font-size:32px; line-height:36px; vertical-align:middle;}
.bxcn_examTop{margin: 0 auto; width: 970px; padding-bottom:40px; border-bottom: 1px solid #c7c7c7;}
.bxcn_examBot{margin: 0 auto; width: 970px; margin-top: 40px; padding-bottom: 150px; background: url(http://image.newsis.com/new_www/event/2020exam/bg_exam.jpg) repeat-y 0 0;}
.tab_exam{position:relative;height:48px;margin-bottom:20px;border-bottom:1px solid #232445}	
.tab_examList{width:100%;display:table;table-layout:fixed;border-spacing:0}
.tab_examList .tab_examItem{width:50%; display:table-cell}
.tab_examList .tab_examItem .tab_examCate{display:block;position:relative;margin:0 -1px;padding:14px 0 15px;border:1px solid #d8d8d8;border-bottom:0;background:#f7f7f7;font-size:17px;color:#969696;text-align:center;z-index:8;line-height:18px}
.tab_examList .tab_examItem:last-child .tab_exam--cate{margin-right:0}
.tab_examList li:hover .tab_examCate,.tab_examList li.selected .tab_examCate{padding-bottom:16px;border:1px solid #333;border-bottom:0;background:#fff;font-weight:bold;color:#232445;z-index:8}

.table_exam {font-size:14px; text-align:center;}
.table_exam th, .table_exam td{height:40px;border:1px solid #c7c7c7; border-collapse: collapse; text-align:center;}	
.table_exam th{background: #eee; }
.table_exam td{padding:5px 0px; line-height:18px; }		
.table_exam .bg_f7{background-color: #f7f7f7; font-weight: bold;}

.exam_thum{overflow:hidden;}
.exam_thum .exam_list {margin-left:-15px;}
.exam_thum li {float:left; margin-top:21px; margin-left:15px; width:216px;}
.exam_thum .exam_list.h264 li{margin-top:0; height:264px;}
.exam_thum li.thum {display:block;}
.exam_thum li .thum a {display:block; overflow:hidden; width:230px; height:170px;}
.exam_thum li .thum a img {display:block; min-width:230px; min-height:170px;}
.exam_thum li .txt {display:block; overflow:hidden; margin-top:11px; height:42px;}
.exam_thum li .txt a {font-size:14px; line-height:20px; letter-spacing:-0.5px; color:#333;}
.exam_thum li .txt2 {display:block; overflow:hidden; padding-bottom:1px; margin-top:12px; max-height:38px;}
.ie8 .exam_thum li .txt2 {padding-bottom:0;}
.exam_thum li .txt2 a {font-size:14px; line-height:18px; letter-spacing:-0.25px; color:#333;}
.exam_thum li .date {display:block; font-size:13px; line-height:22px; letter-spacing:-0.25px; color:#999;}

/* 스포츠 섹션 올림픽 배너 */
.beijing_spo{position:relative; height:90px; background:url(../images/olympic/banner_2022beijing_300_h90.jpg) no-repeat 0 0;}
.beijing_spo p.rank{position:absolute; bottom:7px; right:170px; width:50px; font-size:20px; color:#fff;  line-height:36px; text-align:center;}
.beijing_spo p.rank span{font-size:26px; vertical-align: text-bottom;}
.beijing_spo ul{position:absolute; bottom:7px; right:30px;}
.beijing_spo ul li{float:left; width:36px; height:36px; text-align:center; line-height:36px; font-weight:bold; margin-left:10px;}
.beijing_spo ul li.gold{background:url(../images/olympic/ico_gold.png) no-repeat 0 0; background-size:36px 36px;}
.beijing_spo ul li.silver{background:url(../images/olympic/ico_silver.png) no-repeat 0 0; background-size:36px 36px;}
.beijing_spo ul li.bronze{background:url(../images/olympic/ico_bronze.png) no-repeat 0 0; background-size:36px 36px;}

/* 지방선거 배너 */
.banner--elec22local_side{margin-top:30px; height:45px; background:url(../images/event/election22_local/banner_elec22local_300.jpg) no-repeat 0 0;}
.banner--elec22local_side a{display:block; overflow:hidden; height:100%; text-align:center;}
.banner--elec22local_side a:hover{text-decoration:none;}
.banner--elec22local_side img{margin:12px 0 0 0px;}
.banner--elec22local_side span{height:26px; line-height:24px; margin-top:9px; padding:0 5px; border:1px solid #637eca; color:#fff; font-size:19px; letter-spacing: -1px; background-color:rgba(71, 59, 150, .2);}

/* 테마포토뷰 UI변경 */
.photoView--box{margin-bottom:30px;}
.photoView--box .tit{padding:30px 0 20px; text-align:center;}
.photoView--box .tit h2{display:inline-block; font-size:23px; font-weight:bold;}
.photoView--box .tit p{display:inline-block; font-size:14px; }
.photoView--box .tit p span{font-weight:bold; color:#e73828;}
.photoSlide.swiper{overflow:visible;}
.photoView--box .swiper-button-prev{left:-52px; margin-top:-20px; opacity: 1 !important;}
.photoView--box .swiper-button-prev:after{display:none; }
.photoView--box .swiper-button-next{right:-52px; margin-top:-20px; opacity: 1 !important;}
.photoView--box .swiper-button-next:after{display:none; }
.photoView--box .photoTop-box{background-color:#d8dfef;}
.photoView--box .photoTop-box .photoSlide{width:1150px; margin:0 auto; padding:20px 0;}
.photoView--box .photoTop-box .photoSlide .swiper-slide{display:flex; justify-content: center; align-items: center; width:128px; height:128px; }
.photoView--box .photoTop-box .photoSlide .swiper-slide:hover{cursor: pointer;}
.photoView--box .photoTop-box .photoSlide .swiper-slide.swiper-slide-thumb-active .inner{position:relative; box-sizing:border-box; }
.photoView--box .photoTop-box .photoSlide .swiper-slide.swiper-slide-thumb-active .inner:after{content:''; position:absolute; top:0; left:0; width:100%; height:100%; border:3px solid #008191; box-sizing: border-box;}
.photoView--box .photoTop-box .photoSlide .swiper-slide img{max-width:128px; max-height:128px; }
.sideView-box{height:780px; background-color:#eff2f9;}
.sideView-box h3{margin-bottom:5px; font-size:17px; text-align:center;}
.sideView-box h3 span{position:relative;  z-index: 2;}
.sideView-box h3 span:before{content:''; position:absolute; left:0; bottom:0; background-color:#d8dfef; width:100%; height:10px; z-index: -1;}
.sideView-box .inner{display:flex; flex-wrap:wrap; width:1280px; height:790px; margin:0 auto;}
.sideView-box .inner .side{width:140px; height:calc(100% - 31px); margin-right:30px; padding-top:20px; background-color:#f9fafd;}
.sideView-box .inner .side .scroll{padding-bottom:10px; text-align:center;}
.sideView-box .inner .side .scroll img{
	-webkit-animation: updown 1s linear infinite; 
	-moz-animation: updown 1s linear infinite;
	-o-animation: updown 1s linear infinite;
	animation: updown 1s linear infinite; 
}
@keyframes updown{
	100%{
		transform:translateY(10px);
	}
}
.sideView-box .inner .side ul{overflow-y:auto; height:630px; padding:10px 10px 30px;}
.sideView-box .inner .side ul::-webkit-scrollbar{display:none;}
.sideView-box .inner .side ul li .thumCont{overflow:hidden; width:100%; height:79px;}
.sideView-box .inner .side ul li .thumCont img{width:100%; height:auto; min-height:79px;}
.sideView-box .inner .side ul li .txtCont p{overflow:hidden; height:36px; margin:7px 0 11px; font-size:12px; line-height:18px; letter-spacing:-1px;}
.sideView-box .inner .main{width:1110px; padding-top:30px;}
.sideView-box .inner .main .swiper-slide{display:flex; justify-content: space-between; flex-wrap: wrap; opacity: 0 !important ;}
.sideView-box .inner .main .swiper-slide .thumCont{display:flex; justify-content:center; align-items:center; width:653px; height:653px; margin:25px 0;}
.sideView-box .inner .main .swiper-slide .thumCont img{width:auto; max-width:653px; height:auto; max-height:653px;}
.sideView-box .inner .main .swiper-slide .txtCont{clear:both; position:relative; width:396px;}
.sideView-box .inner .main .swiper-slide .txtCont:after{content:''; position:absolute; top:0; left:-30px; width:1px; height:100%; background-color:#ccc;}
.sideView-box .inner .main .swiper-slide .txtCont .txtTop{margin-bottom:12px;}
.sideView-box .inner .main .swiper-slide .txtCont .txtTop .tit{margin:30px 0 13px; padding:0; text-align:left; font-size:25px; line-height:35px; font-weight:bold;}
.sideView-box .inner .main .swiper-slide .txtCont .txtTop {overflow:hidden; border-bottom:1px solid #e4e4e4}
.sideView-box .inner .main .swiper-slide .txtCont .txtTop .info{margin-bottom:10px; font-size:14px; color:#777;}
.sideView-box .inner .main .swiper-slide .txtCont .txtTop .info span{margin-right:10px;}
.sideView-box .inner .main .swiper-slide .txtCont .txtTop .infoBox{overflow:hidden; float:none; margin:0 0 20px 0; }
.sideView-box .inner .main .swiper-slide .txtCont .txtTop .infoBox li:first-child{margin-left:1px;}
.sideView-box .inner .main .swiper-slide .txtCont .txtMid{clear:both;overflow-y:auto; max-height:314px; margin-top: 0px; margin-bottom:26px;}
.sideView-box .inner .main .swiper-slide .txtCont .txtMid p{font-size:14px; line-height:26px;}
.sideView-box .inner .main .swiper-slide .txtCont .txtBot .socialBox li:nth-child(2){margin-left:8px;}
.sideView-box .inner .main .swiper-slide .txtCont .hashtag{padding-top:12px;}
.sideView-box .inner .main .swiper-slide.swiper-slide-active{opacity: 1 !important ;}
.sideView-box .inner .main .swiper-button-prev2{position:absolute; top:30px; right:372px; border:1px solid #d4d8db; z-index: 2;}
.sideView-box .inner .main .swiper-button-prev2:hover{cursor:pointer;}
.sideView-box .inner .main .swiper-button-next2{position:absolute; top:30px; right:350px; border:1px solid #d4d8db;  z-index: 2;}
.sideView-box .inner .main .swiper-button-next2:hover{cursor:pointer;}

/* 포토 연예 */
.entBox.line{padding-top: 20px;	border-top: 1px solid #e4e4e4;}
.entBox .tit{margin-bottom:10px;}
.entBox .entBig-for{height:225px; margin-bottom:6px; }
.entBox .entBig-for .slick-slide {position:relative; height:225px;}
.entBox .entBig-for .slick-slide img{width:300px; min-height:225px; object-fit: cover;}
.entBox .entBig-for .slick-slide p.tit{position:absolute; left:0; bottom:0; width:calc(100% - 20px); height:40px; margin-bottom:0px; padding:0 10px; background:rgba(0,0,0, .6); color:#fff; font-size:15px; line-height:40px; font-weight:bold;
	overflow:hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.entSmall-nav{width:300px; height:150px;}
.entSmall-nav .slick-track {transform:translate3d(0px, 0px, 0px) !important;}
.entSmall-nav .slick-slide{overflow:hidden; width:96px !important ; height:72px; margin-right:6px; margin-bottom:6px; box-sizing: border-box;}
.entSmall-nav .slick-slide:nth-child(3n){margin-right:0px;}
.entSmall-nav .slick-slide.slick-current.slick-active {border:2px solid #008191;}
.entSmall-nav .slick-slide img{width:96px; min-height:72px; object-fit:cover;}
.entSmall-nav .slick-slide.slick-current.slick-active img{width:92px; min-height:68px; object-fit:cover;}

/* 스포츠 aside 롤링 영역 */
.photoslideBox{position:relative; height:298px;}
.photoslideBox .tit{margin-bottom:10px; font-size:18px; font-weight:bold;}
.photoslideBox .thumCont{width:300px; height:200px; }
.photoslideBox .thumCont .imgCover{width:100%; height:100%;}
.photoslideBox .thumCont img{width:100%; height:100%; object-fit: cover;}
.photoslideBox .txtCont .txt{overflow:hidden; max-height:40px; margin-top:5px; font-size:15px; line-height:20px;
    display:-webkit-box; 
    -webkit-box-orient:vertical; 
    -webkit-line-clamp: 2;
}
.photoslideBox .slick-dots{position:absolute; top:0px; right:0; background-color:#fff;}
.photoslideBox .slick-dots li{float:left; margin-left:10px;}
.photoslideBox .slick-dots li button{font-size:0; line-height:0px; width:13px; height:13px; border-radius:50%; background-color:#ccc; vertical-align: middle;}
.photoslideBox .slick-dots li.slick-active button{background-color:#008191;}

/* 여자월드컵 기획특집레이아웃 배경 추가 */
.planspecialBox.bg-wworldcup{width:100%; margin-top:0px; background:url(../images/bg_wworldcup.jpg) no-repeat center 0;}
.planspecialBox.bg-wworldcup .inner{overflow:hidden; width:calc(1280px - 60px); margin:40px auto 0; padding: 30px 30px 2px; background-color:#fff;}
.planspecialBox.bg-wworldcup .inner .left{min-height:427px;}
.planspecialBox.bg-wworldcup .inner .left .tit2{margin-top:0px; line-height:32px; font-weight:bold;}
.planspecialBox.bg-wworldcup .inner .left .sub-tit{overflow:hidden; max-height:60px;  margin-top:0px; margin-bottom:12px; font-size:23px; line-height:30px;}
.planspecialBox.bg-wworldcup .inner .thumCont{overflow:hidden; width:682px; height:428px}
.planspecialBox.bg-wworldcup .inner .thumCont img{min-height:428px;}
.planspecialBox.bg-wworldcup .inner .thumCont .count{background-color:#fe5210;}
.planspecialBox.bg-wworldcup .inner .txtCont .write{margin-top:20px;}

/* PRNewswire */
.box-prn{position:relative; border:1px solid #ccc; margin-bottom:24px; padding:24px;}
.box-prn p{padding-right:116px;}
.box-prn img {position:absolute; top:27px; right:24px; width:100px; height:auto;}
.pr-news p{padding-bottom:28px; word-break: break-all;}
.pr-news .PRN_ImbeddedAssetReference span{margin:8px 0; max-width: 600px; font-size: 12px; line-height: 20px; color: #666; text-align: left; }
.pr-news table[name=logo_release] + p,.pr-news table[name=logo_release] + p {margin-right:130px; }
.pr-news div[id^=prni_] span, .pr-news .dvContentImg span, .pr-news div[id^=prni_] span, .pr-news .dvContentImg span{margin:8px 0 28px; max-width: 600px; font-size: 12px; line-height: 20px; color: #666; text-align: left; }
.pr-news ul{margin-bottom:28px;}
.pr-news ul li{position:relative; padding-left:18px; }
.pr-news ul li:after{content:'-'; position:absolute; top:0; left:0; }

/* 이벤트 페이지 */
.event-box .top{width:1280px; margin:0 auto; text-align:center;}
.event-box .cont{width:1200px; margin:0 auto;}
.event-box .cont-box{padding:40px 0 140px;}
.event-box .cont .title{margin-bottom:40px; font-size:36px; line-height:54px; font-weight:bold;}
.event-box .cont .tit{margin-bottom:20px; padding-left:42px; background:url(../images/event/pet/ico-cat.png) no-repeat 0 0; font-size:24px; line-height:36px; font-weight:bold;}
.event-box .cont .txt{margin-bottom:16px; padding-left:21px; background:url(../images/event/pet/ico-check.png) no-repeat 0 4px; font-size:17px; }
.event-box .cont .txt2{display:flex; justify-content: flex-start; margin-bottom:16px; line-height:26px;}
.event-box .cont .txt2 span{height:26px; margin-right:12px; padding:0 14px; border-radius:13px; background:#17B4AA; color:#fff; line-height:26px;}
.event-box .cont .short{margin-bottom:40px;}
.event-box .txtBox{padding:30px; border-radius:16px; background-color:#ECF9F8;}
.event-box .txtBox ul li{position:relative; margin-bottom:16px; padding-left:10px; font-size:17px; color:#333333;}
.event-box .txtBox ul li:last-child{margin-bottom:0px;}
.event-box .txtBox ul li:after{content:''; position:absolute; top:8px; left:0; width:4px; height:4px; border-radius:50%; background-color:#4B5564; }
.event-box .txtBox ul li span{margin-top:6px; color:#008191;}
.event-box .txtBox ul li strong{color:#D42018;}
.event-box .btn{width:1200px; margin:80px auto 0; text-align:center;}
.event-box .btn button{padding:14px 36px; border-radius:8px; background-color:#008191;}
.event-box .btn button span{position:relative; padding:0 16px 0 36px; font-size:20px; line-height:27px; color:#fff;}
.event-box .btn button span:after{content:''; position:absolute; top:4px; left:0; width:30px; height:22px; background:url(../images/event/pet/ico-pic.png) no-repeat 0 0; }
.event-box .btn button span:before{content:''; position:absolute; top:7px; right:0; width:8px; height:18px; background:url(../images/event/pet/ico-btn.png) no-repeat 0 0px; }