@charset "utf-8";
@import url(default.css);
@import url(../member/css/member.css);
@import url(//fonts.googleapis.com/earlyaccess/notosanskr.css);
@import url(https://fonts.googleapis.com/earlyaccess/nanumgothic.css);
@import url(notosanskr.css);

/*************************************************
프로젝트명 : 에너지경제 리뉴얼 2020
commnet : common.css
*************************************************/
body a{outline:none;}
#wrap{width:100%;margin:0 auto;position:relative;overflow:hidden;}
header{width:1120px; margin:0 auto; height:220px; position:relative;}
#container{width:100%;margin-top:35px;position: relative; float:left;}
.content-top{width:1100px; margin:0 auto; overflow:hidden;}

/* 공통 */
.ico-img{background:url(../images/sprites_img.png) no-repeat 0 0;}

/* //////////////////// 헤더 //////////////////// */
.hd-top{height:45px; line-height:45px; font-size:13px; color:#666;}
.distribute-time{float:left;}
.lnb{float:right;}
.lnb li{float:left; margin-left:20px;}
.lnb li a{color:#666;}
.hd-mid{width:100%; height:122px; overflow:hidden;}
/*h2{background: url(../images/logo_20230111.png) no-repeat 0px 0;width:260px;height:77px;line-height:100px;margin:22px auto;} 기본 로고*/
h2{background: url(../images/logo_ekn2024.png) no-repeat 0px 0;width:320px;height:77px;line-height:100px;margin:22px auto;} /* Since 1989 추가 240130 */
h2 a{width:300px; height:77px;}
.hd-ad{float:left;}
.search{width:35px; height:35px; position:absolute; top:90px; right:5px;}
/* 모바일 버전으로 보기 버튼 */
#device_change {display:block; position:relative; /*min-width:1336px;*/ max-width:100%; margin-bottom:20px; padding:1em 0; border:1px solid #e1e1e1; border-radius:0.5em; font-size:3em; text-decoration:none; text-align:center; background:#EEEEEE;}

/* nav */
nav{height:52px; line-height:52px; width:100%;}
nav .gnb-li{width:calc(100% - 128px);float:left;overflow: hidden;}
nav .gnb-li > li{float:left;font-size: 18px;height: 53px;margin-right: 22px;}
nav .gnb-li > li:last-child{margin-right:0;}
nav .gnb-li > li a{height:51px; padding:0 5px; display:inline-block;}
nav .gnb-li > li a:hover{color:#FA2931; border-bottom:2px solid #FA2931; font-weight:500;}
nav .gnb-li > li a.active{color:#FA2931; border-bottom:2px solid #FA2931; font-weight:500;}
/*nav .gnb-li > li:first-of-type a,nav .gnb-li > li:last-of-type a{padding:0;}*/
/*nav .gnb-li > li:first-of-type a:hover,nav .gnb-li > li:last-of-type a:hover{color:#333; border-bottom:none; font-weight:400;}*/
/*.gnb-li > li:first-of-type{margin-right:40px;}*/
/*.gnb-li > li:first-of-type::before{content:""; margin:17px 5px 0 0; float:left; width:20px; height:20px; line-height:52px; display:inline-block; background:url(../images/sprites_img.png) no-repeat -232px -10px; cursor:pointer;}*/
.gnb p{float:right;font-size:16px;width: 128px;}
.gnb p::before{content:""; margin:19px 0px 0 0; float:left; width:28px; height:20px; line-height:52px; display:inline-block; background:url(../images/sprites_img.png) no-repeat -47px -8px; cursor:pointer;}

.sub-menu{width:100%;background:#F7F7F7;height:50px;display:none;overflow: hidden; border-top: 0.5px solid #000000;}
.submenu-box{padding: 15px 5px;width: 1110px;margin:0 auto;height:30px;}
.submenu-box p{color:#FA2931; font-size:20px; font-weight:500; float:left; margin-right:25px;}
.submenu-box ul li{margin-right:25px;float:left;font-size: 16px;}
.submenu-box ul li a{font-weight:400; color:#777;}
.submenu-box ul li a:hover{font-weight:500; color:#666;}
.submenu-box ul li a.active{font-weight:500;color: #333;}

/* 검색클릭시 팝업 */
.search-area{height:198px; width:100%; background:#fff; overflow:hidden; z-index:9; position:absolute; top:220px; box-shadow: 0px 3px 5px 0px #ccc;}
.srh-area{width:640px; margin:70px auto; height:40px;}
.search-box{ border-bottom:1px solid #333; height:40px; position:relative;}
.srh-input{font-size:20px; height:40px; width:590px; padding-left:10px;}
input.srh-input::placeholder{color:#999;}
.search-box .search{top:0;}
.srh-close{background:url(../images/sprites_img.png) no-repeat -513px -10px; background-position:-518px -13px !important; }

/* 헤더 광고배너 */
.hd-ad{width:250px; height:50px; /*background:#eee;*/ text-align:center; line-height:50px; margin-top:25px; margin-left:5px;}

.cont-top-left{width:730px; float:left;}
.cont-top-right{width:330px; float:right;}
.content-head-top{border-bottom:1px solid #ddd; overflow:hidden;}

/* 헤드라인 */
.headline{position:relative; padding-bottom:30px; border-bottom:1px solid #ddd; overflow:hidden;}
.headline-box{height:334px; overflow:hidden; position:relative; margin-bottom:20px;}
.headline-top{height:334px; left:0; top:0;}
.headline-box div.headline-top .news-img{height:334px;}
.headline-box div.headline-top .news-img img{width:730px; height:334px;}
.headline-box div.headline-top .news-title-box{width:730px; position:absolute; bottom:0; height:224px; background:url(../images/headline_bg.png) repeat-x 0 0;}
.headline-box div.headline-top .news-title{bottom:20px; font-size:32px; line-height:42px; margin:0 20px 10px 20px; letter-spacing:-1px; color:#fff; font-weight:500;}
.headline .rolling-btn{height:50px; overflow:hidden;}
.headline .rolling-btn button{width:40px; height:50px; overflow:hidden; position:absolute; top:142px;}
.headline .btn-prev{background-position:-80px -7px; left:3px;}
.headline .btn-next{background-position:-126px -7px; right:3px;}

.headline-list{}
.headline-list article{position:relative; width:230px; height:190px; float:left; /*overflow:hidden;*/ margin-right:20px;}
.headline-list article:last-of-type{margin-right:0;}
.headline-list article .news-img{width:230px; height:130px; margin-bottom:10px;}
.headline-list article .news-img img{width:230px; height:130px; transition:.2s;}
.headline-list article .news-title-box{/*transition:.5s;*/}
.headline-list article .news-title{font-size:18px; line-height:24px; height:46px; color:#333; font-weight:500; display:-webkit-box; word-wrap:break-word; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; text-overflow:ellipsis;}
.headline-list article:hover .news-title-box,.hd-list-on .news-title-box{height:50px; background:#3F5E9E; position:absolute; bottom:0; padding:25px 15px; transition:.2s; color:#fff;}
.headline-list article:hover .news-title,.hd-list-on .news-title{color:#fff !important;}

/*.headline-list li .news-img-bg{display:block; width:230px; height:100px; margin-top:-100px; background:rgba(0,0,0,0.6); border:1px solid blue;}*/


/* 1, 2단 영역 */
.cont-left-bott{margin-top:20px;}
.cont-left-area{width:415px; float:left; margin-right:35px; overflow:hidden;}

.left-latest{width:415px; float:left;}
/* 1단 최신기사 */
.latest-news ul{}
.latest-news > ul > li{padding:20px 0; border-bottom:1px solid #ddd; overflow:hidden;}
.latest-news .news-title{font-size:18px; }
.latest-news .news-title a{font-weight:500; text-overflow:ellipsis; white-space:nowrap; word-wrap:normal; overflow:hidden; display:block; color:#333;}
.latest-news .news-img{margin-top:15px; width:128px; height:84px; float:left; margin-right:16px;}
.latest-news .news-img img{width:128px; height:84px;}
.latest-news .news-read{margin:25px 0 8px 0;font-size:14px;/* height:62px; */}
.latest-news .news-read a{color:#888;display:-webkit-box;word-wrap:break-word;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;line-height:22px;/* height:62px; */}
.latest-news .news-img + .news-read{width:270px; float:right;}

/* 2단 */
.cont-right-area{width:260px; float:right; background:#F0F0F0; margin-top:10px; padding:20px 10px 0px 10px; overflow:hidden;}

/* 실시간 live */
.live-news{margin-bottom:35px;}
.cont-title{font-size:18px; color:#333; font-weight:500; margin-bottom:15px; padding-left:5px;}
.cont-title span{color:#DD121A !important; display:inline-block; font-weight:500;}
.live-news-li{overflow-y:scroll;height: 570px;}
.live-news-li > div{position:relative;}
.live-news .news-time{font-size:13px; color:#666; float:left; font-weight:300; position:absolute; top:1px; left:0; background:#F0F0F0;}
.live-news-box{border-left:1px solid #ccc; margin-left:14px; padding-left:25px; padding-right:8px;}
.live-news .news-title{padding-bottom:15px;}
.live-news .news-title a{color:#333; font-weight:400;}
.live-news .news-img{width:196px; padding-bottom:25px; margin-top:-5px;}
.live-news .news-img img{width:196px;}

.live-news-li::-webkit-scrollbar {width: 8px;}
.live-news-li::-webkit-scrollbar-track {background-color: transparent; margin:0;}
.live-news-li::-webkit-scrollbar-thumb {border-radius: 10px; background-color: #d7d7d7;}
.live-news-li::-webkit-scrollbar-button {width: 0;height: 0;}

/* 수소경제 좌담회 */
.hydrogen-es{position:relative;}
.cont-more{position:absolute; top:0; right:10px;}
.hydrogen-news{margin:0 5px;}
.hydrogen-news li{width:250px; height:228px; background:#fff; margin-bottom:15px;}
.hydrogen-news .news-img{width:250px; height:150px;}
.hydrogen-news .news-img img{width:250px; height:150px;}
.hydrogen-news .news-title{font-size:15px; line-height:20px; margin:20px 15px; display:-webkit-box; word-wrap:break-word; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; text-overflow:ellipsis;}
.hydrogen-news .news-title p{letter-spacing:0;}

/* EV HV */
.evhv-news{background:#F0F0F0; padding:25px 20px 10px 20px; position:relative; height:394px; margin-bottom:40px;}
.evhv-news .cont-title{padding-left:0; margin-bottom:15px;}
.evhv-news .cont-more{top:25px; right:20px; color:#999;}
.evhv-news .cont-more a{color:#999;}
.evhv-news .news-img{width:290px; height:190px; margin-bottom:15px;}
.evhv-news .news-img img{width:290px; height:190px;}
.evhv-news .news-title{color:#333; font-size:18px; font-weight:500; line-height:24px; height:46px;}
.evhv-news .news-read{margin-top:10px; font-size:15px; line-height:20px; display:-webkit-box; word-wrap:break-word; -webkit-line-clamp:3; -webkit-box-orient:vertical; overflow:hidden; text-overflow:ellipsis; color:#666; font-weight:300; margin-bottom:20px;}

.evhv-news-box{overflow:hidden; position:relative; position:relative; height:355px;}
.evhv-news-box article{float:left; width:290px; margin-right:20px;}
.evhv-news-box .slick-dots{width:56px; height:10px; margin:0 auto; position:absolute; bottom:0px; left:0; right:0;}
.evhv-news-box .slick-dots li{margin:0 3px; width:8px; height:8px; float:left; background:#ccc; text-indent:-1000px; cursor:pointer;}
.evhv-news-box .slick-dots li.slick-active{background:#FF6167;}

/* aside banner */
.aside-banner{width:300px; margin:0 auto 20px auto; max-width:330px; text-align:Center;}

/* EKN global issue */
.ekn-global-issue{position:relative; border-bottom:2px solid #ddd; padding-bottom:10px; margin:40px 0;}
.cont-title-box{border-bottom:2px solid #ddd; overflow:hidden;}
.cont-title-box .cont-title{padding-left:0; float:left; margin-bottom:10px;}
.cont-title-box .cont-more{right:0;}
.cont-title-box .cont-more a{color:#999;}
.ekn-global-issue .cont-title-line{width:130px; height:2px; background:red; position:absolute; top:28px;}
.global-issue article{width:100%; margin:15px 0;}
.global-issue article a{width:100%;}
.global-issue .news-img{float:right; width:90px; height:60px;}
.global-issue .news-img img{width:90px; height:60px;}
.global-issue .news-title{width:100%; font-size:15px; line-height:20px; padding:8px 0;}
.global-issue .news-img + .news-title{width:calc(100% - 105px);}


/* 오피니언 */
.opinion{position:relative; margin:40px 0;}
.opinion .cont-title-line{width:65px; height:2px; background:red; position:absolute; top:28px;}
.opinion-li article{padding:16px 0 12px 0; overflow:hidden; height:76px; border-bottom:1px solid #ddd;}
.opinion-box{width:235px; float:right; position:relative;}
.opinion .news-img{width:72px; height:72px; float:left; margin-right:20px;}
.opinion .news-img img{width:72px; height:72px; border-radius:50px;}
.opinion-tit{font-size:13px; color:#3F5E9E; font-weight:600; margin-bottom:2px; padding-left:20px;}
.opinion-tit::before{content:""; width:15px; height:15px; position:absolute; top:1px; left:0; display:inline-block; background:url(../images/sprites_img.png) no-repeat -203px -12px;}
.opinion .news-title{font-size:16px; line-height:18px; font-weight:600; letter-spacing:-2px; height:38px; display:-webkit-box; word-wrap:break-word; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; text-overflow:ellipsis;}
.news-writer{font-size:13px; color:#666; font-weight:300;}

/* 팩트체크 */
.contents-middle{width:100%; background:#F5F5F5; margin:40px 0; padding-bottom:20px;}
.fact-check{width:1100px; margin:0 auto; padding:30px 0 20px 0; position:relative;}
.fact-check-news{width:1100px; overflow:hidden;}
.fact-check .cont-title{font-size:20px; padding-left:0;}
.fact-check .cont-more{top:30px;}
.fact-check .cont-more a{color:#666;}
.fact-check article{width:255px; margin-right:27px; float:left;}
.fact-check .news-img{width:255px; height:178px; margin-bottom:10px;}
.fact-check .news-img img{width:255px; height:178px;}
.fact-check .news-title{font-size:16px; color:#333; line-height:22px; font-weight:500;}
.fc-rolling-btn{overflow:hidden;width:1215px;z-index:0; position:unset !important; left:unset !important; top:unset !important;}
.roll-btn-prev{float:left;width:40px;height:40px;background:#ddd url(../images/sprites_img.png) no-repeat -282px -1px; border-radius:30px;position: absolute;top: 135px;left: -55px;}
.roll-btn-next{float:right;width:40px;height:40px;background:#ddd url(../images/sprites_img.png) no-repeat -308px -1px; border-radius:30px;position: absolute;top: 135px;right: -55px;}

/* 실시간 종합Top */
.contents-bott{width:1100px; margin:10px auto; overflow:hidden;}
.topnews{width:730px; float:left; margin-bottom:20px;}
.topnews .cont-title{font-size:20px; padding-left:0; float:left;}
.topnews-tab{float:right;}
.topnews-tab li{margin:0 15px; float:left; font-size:18px; cursor:pointer;}
.topnews-tab li.topnews-active{color:#E73F46; font-weight:500;}
.topnews-li ol{width:49%; float:left;}
.topnews-li ol:last-of-type{float:right;}
.topnews-li ol li{font-size:20px; margin:25px 0;}
.topnews-li li a{text-overflow:ellipsis; white-space:nowrap; word-wrap:normal; overflow:hidden; width:calc(100% - 40px); display:inline-block; color:#333; height:24px; font-weight:300;}
.topnews-li ol:first-of-type li:nth-child(1) a,.topnews-li ol:first-of-type li:nth-child(2) a,.topnews-li ol:first-of-type li:nth-child(3) a{font-weight:500; color:#333;}
.topnews-li ol li::before{display:inline-block; width:11px; height:20px; font-size:22px; text-align:center; margin-right:25px; font-style:italic; font-weight:600; color:#999;}
.topnews-li ol:first-of-type li:nth-child(1)::before{content:"1"; color:#FF6167;}
.topnews-li ol:first-of-type li:nth-child(2)::before{content:"2"; color:#FF6167;}
.topnews-li ol:first-of-type li:nth-child(3)::before{content:"3"; color:#FF6167;}
.topnews-li ol:first-of-type li:nth-child(4)::before{content:"4";}
.topnews-li ol:first-of-type li:nth-child(5)::before{content:"5";}

.topnews-li ol:last-of-type li:nth-child(1)::before{content:"6";}
.topnews-li ol:last-of-type li:nth-child(2)::before{content:"7";}
.topnews-li ol:last-of-type li:nth-child(3)::before{content:"8";}
.topnews-li ol:last-of-type li:nth-child(4)::before{content:"9";}
.topnews-li ol:last-of-type li:nth-child(5)::before{content:"10";}
.topnews-box{overflow:hidden; width:100%;}

/* 하단 배너 */
.bott-banner01{width:330px; float:right; margin:10px 0; text-align:center;}
.bott-banner02{width:1100px; overflow:hidden; margin-bottom:40px;}
.bott-banner02 ul li{float:left; width:258px; margin-right:20px; height:72px;}
.bott-banner02 ul li:last-of-type{margin-right:0;}
.bott-banner02 ul li img{width:258px; border:1px solid #ddd; height:70px;}

/* 섹션별 뉴스 */
.section-news{background:#F5F5F5; padding:30px 0 60px 0; overflow:hidden;}
.section-news-box{width:1100px; margin:0 auto;}
.section-news .cont-title{font-size:20px; padding-left:0; float:left; margin-bottom:25px; width:100%;}
.section-news-li{width:350px; overflow:hidden; margin:0 24px 30px 0; background:#fff; padding-bottom:10px; float:left;}
.section-news-box > div:nth-of-type(3),.section-news-box > div:nth-of-type(6){margin-right:0;}
.section-tit{font-size:18px; padding:15px; float:left; color:#333;}
.section-more{float:right; background-position:-170px -10px; width:20px; height:20px; margin:13px;}
.section-more a{display:block; width:20px; height:20px;}
.section-news .news-img{width:356px;height:200px;overflow: hidden;}
.section-news .news-img img{width:356px;min-height: 200px;height: auto;}
.section-news .news-title{padding:15px 15px 10px 15px;font-size:18px;line-height:24px;height: 40px;display:-webkit-box;word-wrap:break-word;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;color:#333;}
.snews-box ul{margin:0 15px;}
.snews-box ul li{font-size:16px; padding:15px 0; border-bottom:1px solid #ddd; position:relative; padding-left:10px;}
.snews-box ul li:last-of-type{border-bottom:0 none;}
.snews-box ul li a{color:#666; display:block; text-overflow:ellipsis; white-space:nowrap; word-wrap:normal; overflow:hidden; letter-spacing:0;}
.snews-box ul li::before{content:""; width:2px; height:2px; background:#333; display:block; float:left; position:absolute; top:23px; left:0;}

/* 푸터 */
footer{background:url(../images/footer_bg.gif) repeat-x 0 0; height:200px; clear:both;}
#footer{width:1120px; margin:0 auto;}
.foot-menu ul{overflow:hidden;}
.foot-menu ul li a{font-size:14px; float:left; padding:16px 36px; position:relative; display:inline-block; color:#666;}
.foot-menu ul li a::after{content:""; width:1px; height:15px; display:inline-block; background:#aaa; position:absolute; top:18px; margin-left:36px}
.foot-menu ul li:last-of-type a::after{display:none;}
.footer-logo{float:left; margin:35px 30px 30px 0;width:149px; height:38px; background:url(../images/footer_logo2024.jpg) no-repeat 0 0;}
.footer-logo a{width:149px; height:38px; display:block;}
address{margin:35px 0 20px 0; line-height:22px; color:#333;}
.copyright{color:#333;}

/* 사이트맵 */
.sitemap-area{width:100%; border-top:1px solid #ddd; overflow:hidden;}
.sitemap{width:1120px; margin:0 auto; overflow:hidden; padding:43px 0 30px 0;}
.sitemap-box{width:160px; height:313px; float:left;}
.sitemap-box:nth-child(8),.sitemap-box:nth-child(9),.sitemap-box:nth-child(10),.sitemap-box:nth-child(11),.sitemap-box:nth-child(12){border-bottom:0 none; padding-bottom:0; margin-bottom:0;}
.sitemap-box p{font-size:16px;}
.sitemap-box p a{font-weight:500;}
.sitemap-box p::after{content:""; display:inline-block; width:15px; height:15px; background:url(../images/sprites_img.png) no-repeat -560px -15px; margin-left:5px; cursor:pointer; margin-bottom:20px;}
.sitemap-box ul{height:234px;}
.sitemap-box ul li{font-size:14px; line-height:26px;}
.sitemap-box ul li a{color:#666; font-weight:300;}
.sitemap-box ul li a:hover{text-decoration:underline;}

/* 탑버튼 */
.btn-top{width:60px;height:60px;border:1px solid #aaa;border-radius:50px;position:fixed;bottom:40px;right: 30px;background:#fff;cursor:pointer;}
.btn-top p{width:20px; height:30px; background:url(../images/sprites_img.png) no-repeat -479px -9px; margin:15px auto;}

/* 스티키메뉴 */
.sticky-hd{width:100%; height:70px; border-bottom:1px solid #ddd; background:#fff; display:none; position:fixed; top:0; z-index:999;}
.sticky{width:1120px; margin:0 auto; position:relative;}
.sticky h2{width:104px; float:left; margin-right:20px; margin:19px 30px 0 0; background:url(../images/sticky_logo2023.png) no-repeat 0 0;}
.sticky-menu{overflow:hidden; height:70px; line-height:70px;}
.sticky-menu li{float:left; font-size:15px; margin-left:30px;}
.sticky .search{top:24px; background-position:-169px -63px; width:25px; height:25px;}
.sticky-srh-area{position:fixed; top:70px;}

/*서브 메인*/
.left-wrap{width:730px; float:left; margin-bottom:82px;}
.right-wrap{width:330px; float:right; margin-bottom:82px;}

/*헤드 라인*/
.sub-main-headline{overflow:hidden; width:100%; height:411px; border-bottom:1px solid #DDDDDD; margin-bottom:40px;}
.sub-main-headline .headline-news{width:450px; height:390px; float:left; overflow:hidden;}
.sub-main-headline .headline-news a{width:100%; height:100%;}
.sub-main-headline .headline-news .headline-news-img{width:450px; height:260px; margin-bottom:13px;}
.sub-main-headline .headline-news .headline-news-img img{width:100%; height:100%;}
.sub-main-headline .headline-news .headline-news-title{color:#333333; font-size:22px;font-weight:bold;margin-bottom:10px;line-height:32px;display: -webkit-box;word-wrap: break-word;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;height: 60px; letter-spacing:0;}
.sub-main-headline .headline-news .headline-news-read{color:#666; font-size:14px;font-weight:400 !important;line-height:18px;display: -webkit-box;word-wrap: break-word;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;height: 44px; letter-spacing:0;}
.sub-main-headline .headline-news-list-wrap{float:right; width:249px;}
.sub-main-headline .headline-news-list-wrap .headline-news-list{width:249px; height:182px; margin-bottom:24px; position:relative;}
.sub-main-headline .headline-news-list-wrap .headline-news-list .headline-news-list-img{width:249px; height:182px;}
.sub-main-headline .headline-news-list-wrap .headline-news-list .headline-news-list-img:before{content:"";display:block;background:url(../images/news_background.png); width:249px; height:100px; position:absolute; bottom:0px;}
.sub-main-headline .headline-news-list-wrap .headline-news-list .headline-news-list-img img{width:100%; height:100%;}
.sub-main-headline .headline-news-list-wrap .headline-news-list .headline-news-list-title{margin-left:15px; font-size:16px; font-weight:400; line-height:22px; position:absolute; bottom:15px; color:#fff; display: -webkit-box;word-wrap: break-word;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;height: 44px; width:218px;}

/*뉴스 리스트*/
/* 230523 리스트 수정 작업 */
.news-list-wrap{overflow:hidden;}
.news-list-wrap .news-list-title{font-size:20px; font-weight:500; color:#333333; margin-bottom:21px;}
.news-list-wrap .news-list-box{width:730px; height:122px; overflow:hidden;border-bottom:1px solid #DDDDDD; margin-bottom:20px;}
.news-list-wrap .news-list-boxer{height:auto; border-bottom:0px; margin-bottom:0px;}
.news-list-wrap .news-list-boxer .news-list-txtbox .news-list-title{margin-bottom:8px !important; max-width:600px;}
.news-list-wrap .news-list-date_info{margin-right:2px; color: #999999;}
.news-list-wrap .news-list-box a{width:100%; height:100%;}
.news-list-wrap .news-list-box .news-list-img{width: 161px;height:102px;float:left;overflow: hidden;margin-right:27px;border: 1px solid #DDDDDD;}
.news-list-wrap .news-list-box .news-list-img img{width:100%;height: auto;min-height: 102px;}
.news-list-wrap .news-list-box .news-list-img + .news-list-text {float:left; width:540px; height:96px;}
.news-list-wrap .news-list-box .news-list-text {float:left; width:100%; height:96px;}
.news-list-wrap .news-list-box .news-list-txtbox{height:auto;}
.news-list-wrap .news-list-box .news-list-text .news-list-title {color: #333333;margin-bottom: 10px;margin-top: 8px;font-size: 18px;display: -webkit-box;word-wrap: break-word;-webkit-line-clamp: 1;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;height: 24px;line-height: 23px;letter-spacing: 0;}
.news-list-wrap .news-list-box .news-list-text .news-list-read {color: #888888;font-size: 15px;line-height: 20px;display: -webkit-box;word-wrap: break-word;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;height: 42px;letter-spacing: 0;}

.news-list-allmore{width:100%; height:50px; background-color:#EEEEEE; text-align:center;}
.news-list-allmore a{width:100%; height:100%;}
.news-list-allmore span{margin-top:14px; display:inline-block; font-size:16px; color:#333333;}
.news-list-allmore span:after{content:""; margin-left:8px; display:inline-block;width: 12px;height: 13px;background:url(../images/sprites_img.png);background-position: -370px -55px;}

/*오피니언 리스트 이미지 변경*/
.news-list-wrap .news-list-box .op-news-list-img{width: 102px;height:102px;float:left;margin-right:27px;border: 1px solid #DDDDDD;}
.news-list-wrap .news-list-box .op-news-list-img img{width:100%; height:100%;}
.news-list-wrap .news-list-box .op-news-list-img + .news-list-text {float:left; width:540px; height:96px;}
/* 2단 */
.sub-cont-right-area{width:310px;float:right;background:#F0F0F0;padding:20px 10px 10px 10px;overflow:hidden;height: 391px; margin-bottom:40px;}

/* 오피니언 리스트 */
.opinion-list-wrap .news-list-box .op-news-list-img + .news-list-text{width:599px !important;}

/* 실시간 live */
.sub-cont-right-area .live-news{margin-bottom:35px;}
.sub-cont-right-area .cont-title{font-size:18px; color:#333; font-weight:500; margin-bottom:15px; padding-left:5px;}
.sub-cont-right-area .cont-title span{color:#DD121A; display:inline-block; font-weight:500;}
.sub-cont-right-area .live-news-li{overflow-y:scroll;height: 358px;}
.sub-cont-right-area .live-news-li > div{position:relative;}
.sub-cont-right-area .live-news .news-time{font-size:13px; color:#666; float:left; font-weight:300; position:absolute; top:1px; left:0; background:#F0F0F0;}
.sub-cont-right-area .live-news-box{border-left:1px solid #ccc; margin-left:14px; padding-left:25px; padding-right:8px;}
.sub-cont-right-area .live-news .news-title{padding-bottom:15px;}
.sub-cont-right-area .live-news .news-title a{color:#333; font-weight:400;}
.sub-cont-right-area .live-news .news-img{width: 100%;padding-bottom:25px;margin-top:-5px;}
.sub-cont-right-area .live-news .news-img img{width: 100%;}

.sub-cont-right-area .live-news-li::-webkit-scrollbar {width: 8px;}
.sub-cont-right-area .live-news-li::-webkit-scrollbar-track {background-color: transparent; margin:0;}
.sub-cont-right-area .live-news-li::-webkit-scrollbar-thumb {border-radius: 10px; background-color: #d7d7d7;}
.sub-cont-right-area .live-news-li::-webkit-scrollbar-button {width: 0;height: 0;}

/*서브 리스트 페이징*/
.sub-list-page{width:100%;height: 36px;text-align:center;margin-top: 10px;}
.sub-list-page ul{overflow:hidden;display:inline-block;border-left: 1px solid #ccc;}
.sub-list-page ul li{float:left; border:1px solid #cccccc;}
.sub-list-page ul li a{color:#777777;display:block;width:40px;height:34px;line-height: 34px;}
.sub-list-page ul .ative-page{float:left; border:1px solid #cccccc; background:#999999; border-right:0;}
.sub-list-page ul .ative-page a{color:#ffffff;}
.sub-list-page ul .last-page{border-right:1px solid #cccccc;}
.sub-list-page .page{border-left:0;}
.sub-list-page .left-arrow + .page{border-left:1px solid #ccc;}
.sub-list-page ul .left-arrow{background-position: -384px -45px;margin-right:15px;border-left: 0 none;}
.sub-list-page ul .right-arrow{background-position: -411px -45px;margin-left:15px;}

/*광고*/
.right_ad01{background-color:gray; width:300px; height:250px; margin:0 auto; }
.right_ad02{background-color:gray; width:300px; height:142px; margin:0 auto; margin-bottom:40px;}

/* 에너지&라이프 주요기사 */
.sub-content-bottom{width:100%; margin:40px 0; padding-bottom:20px;}
.energy-life{width:1100px; margin:0 auto; padding:30px 0 20px 0; position:relative;}
.energy-life-news{width:1100px; overflow:hidden;}
.energy-life .cont-title{font-size:20px; padding-left:0;}
.energy-life .cont-more{top:30px;}
.energy-life .cont-more a{color:#666;}
.energy-life article{width:255px;margin-right: 26px;float:left;}
.energy-life article:nth-last-child(1){margin:0;}
.energy-life .news-img{width: 253px;height: 176px;margin-bottom:10px;border: 1px solid #eee;}
.energy-life .news-img img{width: 253px;height: 176px;}
.energy-life .news-title{font-size:16px; color:#333; line-height:22px; font-weight:500;}

/*전문가 칼럼*/
.expert-column-wrap{float:left;width:730px;/*height:421px;*/margin-bottom:40px;position:relative;overflow: hidden;}
.expert-column-wrap .expert-column-title{font-size:20px; font-weight:500; color:#333333; margin-bottom:30px;}
.expert-column-wrap .expert-column-title span{color:#DD121A;}
.expert-column-wrap .cont-more{font-size:13px; }
.expert-column-wrap .cont-more a{color:#333333; font-weight:300;}
.expert-column-wrap .expert-column-box{width:350px; height:127px; overflow:hidden; float:left; margin-bottom:40px;}
.expert-column-wrap article:nth-of-type(odd){margin-right:30px;}
.expert-column-wrap .expert-column-box .expert-img{width:100px; height:120px; float:left; margin-right:15px;}
.expert-column-wrap .expert-column-box .expert-img img{width:100%; height:100%;}
.expert-column-wrap .expert-column-box .expert-text-box{height:125px;}
.expert-column-wrap .expert-column-box .expert-text-box .expert-series{font-size:13px; color:#4D6DBF; font-weight:bold; display: -webkit-box;word-wrap: break-word;-webkit-line-clamp: 1;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;height: 20px;}
.expert-column-wrap .expert-column-box .expert-text-box .expert-title{font-size:16px; color:#333333; font-weight:500; display: -webkit-box;word-wrap: break-word;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;height: 46px;}
.expert-column-wrap .expert-column-box .expert-text-box .expert-read{font-size:14px; color:#333333; font-weight:300; display: -webkit-box;word-wrap: break-word;-webkit-line-clamp: 3;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;height: 54px;}
.expert-column-wrap .expert-more{font-size:18px;color:#000000; width:100%; text-align:center;}
.expert-column-wrap .expert-more a{font-weight:300;}

/*데스크 칼럼*/
.desk-column-wrap{float:left;width:330px;height:421px;margin-bottom:40px;position:relative;margin-left:39px;overflow: hidden;}
.desk-column-wrap .desk-column-title{font-size:20px; font-weight:500; color:#333333; margin-bottom:30px;}
.desk-column-wrap .desk-column-title span{color:#DD121A;}
.desk-column-wrap .cont-more{font-size:13px; }
.desk-column-wrap .cont-more a{color:#333333; font-weight:300;}
.desk-column-wrap .desk-news-list{width:100%;height: 82px;border-bottom:1px solid #eeeeee;margin-bottom:13px;}
.desk-column-wrap .desk-news-list .desk-news-img{width:65px; height:65px; border-radius:35px; border:1px solid #eeeeee; float:left; margin-right:15px;}
.desk-column-wrap .desk-news-list .desk-news-img img{width:100%; height:100%; border-radius:35px;}
.desk-column-wrap .desk-news-list .desk-news-text{font-size:16px; margin-top:10px; line-height:22px; color: #333333; display: -webkit-box;word-wrap: break-word;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;height: 44px;}

/*화제의 인물*/
.issue-person-wrap{width:100%; height:330px; overflow:hidden; background:#EEF1F9; margin-bottom:44px;}
.issue-person-wrap .issue-person{width:1100px; margin:0 auto; padding:25px 0; position:relative;}
.issue-person-wrap .issue-person .issue-person-title{font-size:20px; font-weight:500; color:#333333; margin-bottom:30px;}
.issue-person-wrap .issue-person .issue-person-title span{color:#DD121A;}
.issue-person-wrap .issue-person .cont-more{font-size:13px; margin-top:23px;}
.issue-person-wrap .issue-person .cont-more a{color:#333333; font-weight:300;}
.issue-person-wrap .issue-person .issue-person-box{width:1070px; overflow:hidden; margin:0 auto; text-align:center;}
.issue-person-wrap .issue-person .issue-person-box .issue-news-list{width: 200px;height: 203px;float:left;display:inline-block;margin-right: 10px;padding: 0px 30px 30px;}
.issue-person-wrap .issue-person .issue-person-box article:nth-last-of-type(1){margin:0;}
.issue-person-wrap .issue-person .issue-person-box .issue-news-list .issue-title:before{content:"";/* margin-bottom:12px; */width:18px;height:16px;display: block;background: url(../images/sprites_img.png) no-repeat;background-position: -201px -12px;margin: 0px auto 12px;}
.issue-person-wrap .issue-person .issue-person-box .issue-news-list .issue-title{margin-bottom:21px;font-size:16px;line-height:24px;font-weight:500;color:#333333;display: -webkit-box;word-wrap: break-word;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;height: 75px;}
.issue-person-wrap .issue-person .issue-person-box .issue-news-list .issue-news-img{margin-bottom:12px; width:90px; height:90px; border-radius:45px; display:inline-block;}
.issue-person-wrap .issue-person .issue-person-box .issue-news-list .issue-news-img img{width:100%; height:100%; border-radius:45px; border:1px solid #dddddd;}
.issue-person-wrap .issue-person .issue-person-box .issue-news-list .issue-person-info{color:#777777;  line-height:16px; font-size:14px; font-weight:400; display: -webkit-box;word-wrap: break-word;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;height: 32px;}

/*기자의 눈*/
.reporter-eye-wrap{width:330px; height:295px; position:relative; border-bottom:1px solid #dddddd; margin-bottom:40px; }
.reporter-eye-wrap .reporter-eye-title{width:100%; height:35px; font-size:18px; border-bottom:2px solid #cccccc; margin-bottom:22px;}
.reporter-eye-wrap .reporter-eye-title p{color:#333333; font-weight:500; height:35px; display:inline-block; border-bottom:2px solid #DD121A;}
.reporter-eye-wrap .reporter-eye-title p span{color:#DD121A; font-weight:500;}
.reporter-eye-wrap .reporter-eye-box{width:330px; height:239px; overflow:hidden;}
.reporter-eye-wrap .reporter-eye-box .reporter-news-list{width:330px; height:239px; float:left; outline:none;}
.reporter-eye-wrap .reporter-eye-box .reporter-news-list .reporter-news{float: left; width:163px; height:191px; display:inline-block; text-align:center;}
.reporter-eye-wrap .reporter-eye-box .reporter-news-list .reporter-news a{display:block; width:100%; height:100%; outline:none;}
.reporter-eye-wrap .reporter-eye-box .reporter-news-list .reporter-news .reporter-news-title{margin-bottom:28px; height:67px;font-size:15px;line-height:20px;color:#333333;display: -webkit-box;word-wrap: break-word;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;padding: 0 20px;}
.reporter-eye-wrap .reporter-eye-box .reporter-news-list .reporter-news .reporter-news-title:before{content:"";/* margin-bottom:12px; */width:18px;height:16px;display: block;background: url(../images/sprites_img.png) no-repeat;background-position: -201px -12px;margin: 0px auto 12px;}
.reporter-eye-wrap .reporter-eye-box .reporter-news-list .reporter-news .reporter-news-img{margin-bottom:6px; display:inline-block; width:72px; height:72px; border-radius:36px; border:1px solid #dddddd;}
.reporter-eye-wrap .reporter-eye-box .reporter-news-list .reporter-news .reporter-news-img img{width:100%; height:100%; border-radius:36px;}
.reporter-eye-wrap .reporter-eye-box .reporter-news-list .reporter-news .reporter-info{color:#666666; font-size:13px; line-height:20px; display: -webkit-box;word-wrap: break-word;-webkit-line-clamp: 1;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;}
.reporter-eye-wrap .reporter-eye-box .reporter-news-list article:nth-of-type(1){border-right:1px solid #EEEEEE;}
.reporter-eye-wrap .reporter-eye-btn{position:relative;/* width: 330px; *//* height: 239px; */top: -261px;}
.reporter-eye-wrap .reporter-eye-btn .reporter-left-arrow{position:absolute;width:36px;height:38px;top:102px;background-position: -457px -54px; cursor:pointer;}
.reporter-eye-wrap .reporter-eye-btn .reporter-right-arrow{position:absolute;width:36px;height:38px;top:102px;right:0px;background-position: -513px -54px; cursor:pointer;}

.reporter-eye-wrap .slick-dots{width: 45px;height:10px;margin:0 auto;position:absolute;bottom: 20px;left:0;right:0;}
.reporter-eye-wrap .slick-dots li{margin:0 3px; width:8px; height:8px; float:left; background:#ccc; text-indent:-1000px; cursor:pointer;}
.reporter-eye-wrap .slick-dots li.slick-active{background:#FF6167;}

/*본문*/
.view-wrap{position:relative; width: 1100px;margin: 0 auto;/* overflow: hidden;*/}
.view-title{width:1100px;/* height:164px; */overflow:hidden;margin-bottom:40px;border-bottom:1px solid #CCCCCC;position: relative;padding-bottom: 15px;}
.view-title .view-main-title{color:#333333;font-size:36px;/* height: 88px; */line-height: 50px;display: -webkit-box;word-wrap: break-word;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;margin-bottom: 40px;font-weight:600; letter-spacing:0;}
.view-title .view-reporter{color:#333333;font-size:14px;margin-right:6px;font-weight:300;margin-top: 10px;display: inline-block;}
.view-title .view-reporter-email{color:#333333;font-size:14px;margin-right:15px;font-weight:300;margin-top: 10px;display: inline-block;}
.view-title .view-news-info{color:#333333;font-size:14px;font-weight:300;margin-top: 10px;display: inline-block; position:relative; padding-left:18px;}
.view-title .view-news-info::before{content:""; width:15px; height:15px; display:inline-block; background:url(../images/sprites_img.png) no-repeat -369px -100px; position:absolute; left:0; top:2px;}
.view-title .view-btn-wrap{float:right;height: 25px;/* margin-bottom:23px; */}
.view-title .view-btn-wrap li{width: 31px;height: 25px;display:inline-block;}
.view-title .view-btn-wrap li a{display:block; width:100%; height:100%;}
.view-title .view-btn-wrap .view-share{background-position: -3px -187px; margin-right:33px;}
.view-title .view-btn-wrap .view-mail{background-position: -53px -187px; margin-right:26px;}
.view-title .view-btn-wrap .view-bookmark{background-position: -98px -187px; margin-right:20px;}
.view-title .view-btn-wrap .view-bookmark.bookmark-on{background-position: -372px -243px; margin-right:20px;}
.view-title .view-btn-wrap .view-font{background-position: -138px -187px;margin-right:25px;}
.view-title .view-btn-wrap .view-print{background-position: -182px -187px; margin-right:19px;}
.news-like{height:50px;padding: 40px 0;text-align:center; margin-bottom:30px; border-bottom:1px solid #ddd;}
.news-like p{width:80px; margin:0 auto;}
.news-like p span.view-like{display:inline-block; width:40px; height:40px; background:url(../images/sprites_img.png) no-repeat -252px -235px; float:left; cursor:pointer;}
.news-like p span.view-like-count{display:inline-block; width:20px; height:40px; line-height:40px;}
.news-like p span.view-like.like-on{display:inline-block; width:40px; height:40px; background:url(../images/sprites_img.png) no-repeat -313px -235px; float:left; cursor:pointer;}

.sm-image-c {margin:0 auto;clear:none;float:none;display:block;text-align:center}
.sm-image-l {margin-right:10px;clear:both;float:left}
.sm-image-r {margin-left:10px;clear:both;float:right}
.m01_arv02 .imgcaption2 {text-align:left;}

/*공유 sns 박스*/
.view-title .view-share-popup{width: 293px;height:70px;background-color:#fff;position: absolute;bottom: -1px;right: 243px;border:1px solid #dddddd;text-align:center;z-index:960;}
.view-title .view-share-popup ul{display:block;}
.view-title .view-share-popup ul li{width:40px; height:40px; display:inline-block; float:left; margin-top:15px;}
.view-title .view-share-popup ul li a{display:block; width:100%; height:100%;}
.view-title .view-share-popup .share-tw{background-position: -232px -180px;margin-right:10px; margin-left:14px;}
.view-title .view-share-popup .share-fb{background-position: -292px -180px;margin-right:10px;}
.view-title .view-share-popup .share-ka{background-position: -352px -179px;margin-right:10px;}
.view-title .view-share-popup .share-nb{background-position: -412px -180px;margin-right:10px;}
.view-title .view-share-popup .share-url{background-position: -472px -180px;margin-right:10px;}
.view-title .view-share-popup .share-close{background-position: -33px -219px;margin-right:10px;width:15px;height: 40px;}

/*폰트 조절 박스*/
.view-title .view-font-popup{width:244px;height:70px;background-color:#fff;position:absolute;bottom: -1px;right: 65px;border:1px solid #dddddd;text-align:center;z-index:960;}
.view-title .view-font-popup ul li{float:left; width:35px; height:35px; margin-top:19px; display:inline-block;}
.view-title .view-font-popup ul li a{display:block; width:100%; height:100%;}
.view-title .view-font-popup .font-size1{font-size:14px;line-height: 33px;margin-left:10px;}
.view-title .view-font-popup .font-size2{font-size:16px;line-height: 35px;color:#333333;}
.view-title .view-font-popup .font-size3{font-size:18px;line-height: 34px;color:#333333;}
.view-title .view-font-popup .font-size4{font-size:20px;line-height: 33px;color:#333333;}
.view-title .view-font-popup .font-size5{font-size:22px;line-height: 33px;color:#333333;}
.view-title .view-font-popup .view-font-close{background-position: -33px -222px;margin-left: 20px;width:15px;height: 29px;}
.view-title .view-font-popup .ative-font{background:#FF6167;width:35px;height:35px;border-radius: 17.5px;}
.view-title .view-font-popup .ative-font a{color:#fff;}

/*본문 box*/
/* 201014 본문 추가 */
.view-box-wrap {overflow:hidden;padding:0px 0 0 0;font-size:20px;line-height:27px;color:#000; /*font-weight: 300;*/ line-height:30px; letter-spacing:0;}
.view-box-wrap .sub-title-wrap{width:100%; height:auto; border-left:2px solid #dd121a; margin-bottom:40px;}
.view-box-wrap .sub-title-wrap .sub-title{font-size:18px;color:#333333;line-height:24px;margin-left:10px;letter-spacing:0;font-weight: 500;}
/*.view-box-wrap p, .view-box-wrap span {font-weight:300;}*/
.view-box-wrap .view-text *, .view-box-wrap .view-text {font-weight:300;z-index: 1 !important;}
.article-photo-wrap{overflow:hidden;}
.view-box-wrap .photocaption{line-height:22px;font-size:15px;margin: 5px 0 20px 0;display:inline-block;color:#666; text-align:left; float:left;}
.view-box-wrap .view-text b{font-weight:400 !important;}
/*.view-box-wrap table { margin-bottom:20px !important; }*/
.view-box-wrap table.ad-table {float: left; width: 336px;height: 280px;margin: 0px 20px 20px 0px;text-indent: 0;}
.view-box-wrap .copyright{padding: 50px 0 20px 0;font-size: 18px; color:#000;}
.movieFrame iframe{width:730px; height:428px;}

/*본문 폰트 사이즈*/
.font-size1{font-size:16px; line-height:26px;}
.font-size2{font-size:18px; line-height:28px;}
.font-size3{font-size:20px; line-height:32px;}
.font-size4{font-size:22px; line-height:36px;}
.font-size5{font-size:24px; line-height:38px;}

/*.view-box-wrap p { margin-bottom:7px; }
.view-box-wrap p a { color:#222; }*/
.view-box-wrap img.img_LSize { width:730px !important; }
.view-box-wrap img.img_MSize { width:500px !important; }
.view-box-wrap img.img_SSize { width:250px !important; }
.view-box-wrap table.table_LSize { width:730px !important; }
.view-box-wrap table.table_MSize { width:500px !important; }
.view-box-wrap table.table_SSize { width:250px !important; }

/*첨부파일*/
.newsinfo{border-top:1px solid #ddd; border-bottom:1px solid #ddd; padding:20px 0; margin-bottom:40px;}
.newsinfo dt{margin-bottom:10px;}
.newsinfo dd{font-size:16px;line-height:22px;color:#999;position:relative;padding-left: 24px;}
.newsinfo dd::before{background: url(../images/sprites_img.png) no-repeat -32px  -274px;content:"";display:inline-block;width: 16px;height: 18px;position:absolute;top: 3px;left:0;}

/*본문 관련기사*/
.relation-news-wrap{width:730px;/*border-top:1px solid #dddddd;*/border-bottom:1px solid #dddddd; margin-bottom:33px; padding-bottom:20px;}
.relation-news-wrap .relation-news-title{font-size:20px; font-weight:400; color:#333333; margin:25px 20px 14px;}
.relation-news-wrap .relation-news-list{margin-right:20px; margin:10px 20px;}
.relation-news-wrap .relation-news-list:before{content:"";width:8px;height:8px;background: url(../images/sprites_img.png) no-repeat;background-position: -4px -230px;display:inline-block;float:left;margin-top: 10px;margin-right: 10px;}
.relation-news-wrap .relation-news-list a{font-size:16px; font-weight:400; color:#333333; display: -webkit-box;word-wrap: break-word;-webkit-line-clamp: 1;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis; /*margin-bottom:5px;*/}

/*본문 광고*/
.view-ad{width:641px;/*height:280px;*/margin:5px auto;overflow:hidden;}
.view-right-ad{width:300px; height:320px; margin:0 auto; background:gray; margin-bottom:40px; overflow:hidden;}
.view-right-ad02{width:300px; height:175px; margin:0 auto; background:gray; margin-bottom:40px; overflow:hidden;}

/*이시각 주요뉴스*/
.time-major-news-wrap{width:730px;min-height: 205px;overflow:hidden;margin:50px 0 53px 0;}
.time-major-news-wrap .time-major-news-title{font-size:20px; font-weight:500; color:#333333; margin-bottom:13px;}
.time-major-news-wrap .time-major-news-title span{color:#dd121a;}
.time-major-news-wrap .time-major-news-list{width:167px; height:159px; float:left; margin-right:20px;}
.time-major-news-wrap article:nth-last-of-type(1){margin-right:0;}
.time-major-news-wrap .time-major-news-list a{display:block; width:100%; height:100%;}
.time-major-news-wrap .time-major-news-list .time-major-news-img{width:167px; height:110px; margin-bottom:9px;}
.time-major-news-wrap .time-major-news-list .time-major-news-img img{width:100%; height:100%;}
.time-major-news-wrap .time-major-news-list .time-major-news-title{font-size:16px; color:#333333; font-weight:500; line-height:22px; display: -webkit-box;word-wrap: break-word;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis; margin-bottom:5px; letter-spacing:0;}
.time-major-news-wrap .time-major-news-list .timemajor-news-read{line-height:20px; color:#888; margin-top:10px; height:100px; overflow:hidden; white-space: normal; text-align: left; word-wrap: break-word; display: -webkit-box; -webkit-line-clamp:5; -webkit-box-orient: vertical; letter-spacing:0;}

/*추천 기사*/
.recommend-news-wrap{width:730px; height:208px; background:#F9F9F9; border-top:1px solid #dddddd; border-bottom:1px solid #dddddd;}
.recommend-news-wrap .recommend-news-title{font-size:20px; font-weight:400; color:#dd121a; margin:18px 20px 14px;}
.recommend-news-wrap .recommend-news-list{margin:18px 20px;}
.recommend-news-wrap .recommend-news-list:before{content:"-";display:inline-block; float:left; margin-right:4px;}
.recommend-news-wrap .recommend-news-list a{font-size:16px; color:#333333; display: -webkit-box;word-wrap: break-word;-webkit-line-clamp: 1;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;}

/*개인정보취급방침 , 이메일 , 청소년 보호방침, 고충처리*/
.guid-wrap{width:1100px; margin:0 auto; overflow:hidden;}
.guid-wrap .guid-title{font-size:26px; color:#333333; width:100%; font-weight:500; padding-bottom:23px; border-bottom:1px solid #bcbcbc; margin-bottom:58px;}
.guid-wrap ul{width:1030px; margin:0 auto; overflow:hidden; text-align:center; margin-bottom:96px;}
.guid-wrap .guid-tab-btn{width:255px; height:60px; float:left; border:1px solid #EBEBEB; display:inline-block;}
.guid-wrap .guid-tab-btn a{display:block; width:100%; height:100%; color:#666666; font-size:16px; font-weight:300; line-height:60px;}
.guid-wrap .ative-guid-tab-btn{width:255px; height:60px; float:left; border:1px solid #FA2931; display:inline-block;}
.guid-wrap .ative-guid-tab-btn a{display:block; width:100%; height:100%; color:#FA2931; font-size:16px; font-weight:500; line-height:60px;}

.private-wrap{width:827px; height:693px; overflow:hidden; margin:0 auto; margin-bottom:108px;}
.private-wrap .private-title{width:100%;text-align:center;font-size:26px;font-weight:500;color:#333333;padding-bottom:23px;border-bottom:1px solid #707070;margin-bottom:47px;/* height: 25px; */line-height: 24px;}
.private-wrap .private-box-wrap{/* width: 785px; *//* height: 545px; *//* padding:18px 15px 16px 20px; */border:1px solid #dddddd;border-radius:3px;/* padding: 20px 0; */}
.private-wrap .private-box{width: 785px;height: 545px;overflow-y:scroll;overflow-x:hidden;margin: 0 20px;padding: 20px 0;}
.private-wrap .private-box-text{word-break: break-all;width: 762px;height:545px;}
.private-wrap .private-box-text strong{color:#010101; font-weight:600;}
.private-wrap .private-box-text p{font-size:14px;font-weight:300;color:#010101;text-align: left;line-height: 150%;letter-spacing: -1px;}
.private-wrap .private-box-text pre{overflow:auto; white-space:pre-wrap;}
.private-wrap .private-box::-webkit-scrollbar {width: 11px;}
.private-wrap .private-box::-webkit-scrollbar-track {background-color: #E8E8E8; margin:16px;}
.private-wrap .private-box::-webkit-scrollbar-thumb {background-color: #BBBBBB;}
.private-wrap .private-box::-webkit-scrollbar-button {width: 0;height: 0;}

/* 고충처리 실적현황 추가 */
.private-wrap{height:auto;}
.problem-list{margin-top:40px;}
.problem-list p{font-size:20px; color:#333; font-weight:500; margin-bottom:15px;}
.problem-list ul{border:1px solid #ddd; border-bottom:0 none;}
.problem-list ul li{line-height:28px; font-size:15px; color:#333; padding:5px 8px; border-bottom:1px solid #ddd;}
.problem-list ul li a:hover{text-decoration:underline;}
.problem-list ul li button{font-size:12px; background:#B4D76B; color:#fff; padding:2px 8px 2px  5px; margin-left:5px; border-radius:3px; margin-top:-4px;}

.report-wrap{width:827px;  overflow:hidden; margin:0 auto; margin-bottom:108px;}
.report-wrap .report-title{width:100%;text-align:center;font-size:26px;font-weight:500;color:#333333;padding-bottom:23px;border-bottom:1px solid #707070;margin-bottom:47px;/* height: 25px; */line-height: 24px;}
.report-wrap .report-box-wrap{/* width: 785px; *//* height: 545px; *//* padding:18px 15px 16px 20px; */border:1px solid #dddddd;border-radius:3px;/* padding: 20px 0; */}
.report-wrap .report-box{width: 785px;height: 269px;overflow-y:scroll;overflow-x:hidden;margin: 0 20px;padding: 20px 0;}
.report-wrap .report-box-text{word-break: break-all;width: 762px;height:545px;}
.report-wrap .report-box-text strong{color:#010101; font-weight:600;}
.report-wrap .report-box-text p{font-size:14px;font-weight:300;color:#010101;text-align: left;line-height: 150%;letter-spacing: -1px;}
.report-wrap .report-box-text pre{overflow:auto; white-space:pre-wrap;}
.report-wrap .report-box::-webkit-scrollbar {width: 11px;}
.report-wrap .report-box::-webkit-scrollbar-track {background-color: #E8E8E8; margin:16px;}
.report-wrap .report-box::-webkit-scrollbar-thumb {background-color: #BBBBBB;}
.report-wrap .report-box::-webkit-scrollbar-button {width: 0;height: 0;}

.private-check{margin: 20px 0 10px 0;overflow: hidden; margin-bottom:81px;}

.title1{ font-weight: 500;font-size: 14px;color: #000;margin-bottom: 5px;display: inline-block;}
.title2{ font-weight: 500;color: #000;display: inline-block;}


select { -webkit-appearance: none; /* 네이티브 외형 감추기 */ -moz-appearance: none; appearance: none; background: url(../images/select_arrow.png) no-repeat 95% 50%; /* 화살표 모양의 이미지 */ }

/* 마이페이지 회원정보 수정 s */
.guid-body .revise-write {width: auto;height: auto;overflow: hidden;padding-bottom: 0px;margin-bottom: 0px;clear: both;border-bottom: 0px;}
.guid-body {margin: 0 auto;width: 488px;height: auto;overflow: hidden;margin-top: 55px;margin-bottom: 0px;}
.guid-body .my-title {text-align: center;color: black;font-size: 26px;line-height: 30px;font-weight: 500;margin-bottom:36px;border-bottom: 1px solid #CCCCCC;padding-bottom: 24px;clear: both;}
.guid-body .revise-box {position: relative;clear: both;height: auto;width: 100%;overflow: hidden;margin-bottom: 15px;}
/*.guid-body .revise-box:nth-child(5) p{width:197px;}*/
.guid-body .revise-box select{width:298px; height:44px; border: 1px solid #dddddd; border-radius:3px; padding:10px; font-size:14px; color:#010101;}
.guid-body .revise-box span:nth-child(1) {float: left;width: 110px;margin-left: 20px;margin-top: 12px;}
.guid-body .revise-box p {width: 297px; float: left;border: 1px solid #DDDDDD;height: 44px;border-radius: 3px;}
.guid-body .address_find{width:126px ; height:44px; float:left; margin-left:8px; margin-bottom:10px; color:#FA2931 !important; border:1px solid #FA2931; border-radius:3px;}
.guid-body .address{width:145px !important;height:44px !important;float:left;margin-right:8px;margin-left: 130px;}
.guid-body .address input{width:135px !important; height:44px !important;}
.guid-body .detail-address{width: 142px !important;height:44px !important;}
.guid-body .detail-address input{width: 132px !important;height:44px !important;}
.guid-body .year{width:110px !important; height:44px !important; margin-right:6px;}
.guid-body .month{width:110px !important; height:44px !important; margin-right:6px;}
.guid-body .day{width:62px !important; height:44px !important;}
.guid-body .revise-box input {width: clac(100% - 12px);height: 100%;/* padding: 0px 0 0 10px; */letter-spacing: 0px;}
/* .guid-body div:nth-last-of-type(1){margin-bottom:0px;} */
.guid-body .revise-box textarea{width: 287px; height:116px; padding: 5px 0 0 5px; border:1px solid #dddddd; resize: none; border-radius:3px;}
.guid-body .revise-box p input::placeholder{padding:5px; color:#999; font-size:14px;font-weight:300;letter-spacing:0px;}
.guid-body .file-wrap div.file-upload-list{width: 216px !important;float: left;border: 1px solid #DDDDDD;height: 134px;border-radius: 3px;margin-right: 4px; padding:5px;}
.file-upload-list div{text-overflow:ellipsis; word-wrap:normal; white-space:nowrap; overflow:hidden; margin-bottom:5px; cursor:pointer;}
.guid-body .file-wrap div.file-upload-list::placeholder{ color:#999; font-size:12px;font-weight:300;letter-spacing:0px;}
.guid-body .file-wrap div.file-upload-list .file-active{width:100%; background:#3f73bf; color:#fff;}
.guid-body .file-wrap::after{content:"* 파일은 최대 3개 총 10MB까지 등록할 수 있습니다."; display:block; float:left; font-size:12px; color:#fa2931; margin-top:4px; margin-left:131px;}
.guid-body .fixed-value{background:#F5F5F5; color:#a0a0a0;padding-left: 15px;line-height: 43px;width: 269px !important;font-weight: 300;}
/*  .guid-body .file: {cursor:pointer;float: left;width: 62px;height: 46px;line-height: 43px;background: #AAAAAA;border-radius: 3px;margin: 0px 4px;}  */
.guid-body .file label {display: inline-block;float: left;padding: 13px 10px;color: white;background: #fa2931;cursor: pointer;margin-right: 4px;font-weight: 300;border-radius: 3px;}

.guid-body .file input {position: absolute;width: 1px;height: 1px;padding: 0;margin: -1px;overflow: hidden;clip: rect(0,0,0,0);border: 0;}

.guid-body .file-del input{position:inherit;width: 67px;height:44px;cursor:pointer;color:white;background: #AAAAAA;padding: 0px 8px;border-radius: 3px;margin-top: 5px;margin-left: 0;}

.guid-body .Anti-spam p {width: 156px;float: left;border: 1px solid #DDDDDD;height: 44px;border-radius: 3px;margin-right: 4px;}
.guid-body .Anti-spam p input{width: 146px;height:44px;}
.guid-body .Anti-spam p  input::placeholder{ color:#B9B9B9; font-size:12px;font-weight:100;letter-spacing:0px;}
.guid-body .Anti-spam-number { cursor: pointer; float: left;  width: 102px;  height: 46px;  line-height: 43px;  background:none; ;  border-radius: 3px;  margin: 0px 4px;
}
.guid-body .Anti-spam-number input{width: 83px;height:44px;cursor:pointer;border:1px solid #DDDDDD;padding: 0px 8px;border-radius: 3px;font-size:12px;color:#6d6d6d;}
.guid-body .Anti-spam-reset {width:24px;height:33px;float:left;background-position: -68px -228px;margin-top: 6px;margin-left: 3px;cursor: pointer;}
.guid-body .file-wrap h1:nth-of-type(1) input{background:#FA2931;}
.revise-area{height:100px; border-reaius:L}

.guid-body .my-btn-box {text-align: center;margin-bottom: 16px;}

.guid-body .my-btn {/* cursor: pointer; *//* width: 120px;height: 46px; *//* line-height:40px;background: #FA2931;display: inline-block;border-radius: 5px;font-size:15px;margin-top: 74px; */}
.guid-body .my-btn input{cursor: pointer;color: white;background: #FA2931;font-size: 15px; padding: 12px 0px; width:120px; display: inline-block;border-radius: 5px;}

.guid-body .my-btn:nth-child(2){cursor:pointer; color:white;background: #AAAAAA; margin: 0 15px; font-size: 15px;}
.guid-body .my-btn:nth-child(2) input{background: #AAAAAA;}
.guid-body .my-btn:nth-child(2) a{color:white; line-height: 47px;}
.guid-body .post{width:164px !important; height:44px !important; float:left;}
.guid-body .post input{width:154px !important; height:44px !important;}
.guid-body .info{color:#FA2931; font-size:12px; line-height:20px; margin-bottom:100px;}
.guid-body .apply{width:260px; height:44px; text-align:center; background:#fa2931; border-radius:5px; font-size: 16px; color:#fff;}
.guid-body .apply span{color:#FFF615; font-size:14px; margin-left:5px;}


/*화보 리스트*/
.pictorial-wrap{margin-bottom:96px;}
.pictorial-wrap .pictorial-title{font-size:20px; color:#333333; font-weight:400; margin-bottom:16px;}
.pictorial-wrap .pictorial-newslist-box ul{float:left; margin-right:30px;}
.pictorial-wrap .pictorial-newslist-box ul:nth-last-of-type(1){margin-right:0px}
.pictorial-wrap .pictorial-newslist-box ul:first-of-type li{width:251px; margin-left:1px;}
.pictorial-wrap .pictorial-newslist{width:252px;margin-bottom:45px;box-shadow: 1px 1px 10px #aaa;border-top:1px solid #ddd;border-radius: 7px;}
.pictorial-wrap .pictorial-newslist .pictorial-newslist-img{width:252px;margin-bottom:15px;border-radius: 7px 7px 0 0;}
.pictorial-wrap .pictorial-newslist .pictorial-newslist-img img{width:252px;border-radius: 7px 7px 0 0;}
.pictorial-wrap .pictorial-newslist .pictorial-newslist-title{font-size:16px; color:#333333; font-weight:500; padding:0 15px 15px 15px; display: -webkit-box;word-wrap: break-word;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;}
.pictorial-wrap .pictorial-newslist .pictorial-newslist-date{font-size:14px; color:#666666; font-weight:200; padding:0 15px 15px 15px; display:block;}
.pictorial-wrap .pictorial-newslist-box{overflow:hidden;}

/*애경TV*/
.enerytv-wrap{overflow:hidden; margin-bottom:71px;}
.enerytv-wrap .enerytv-newslist-wrap{overflow:hidden;  margin-bottom:16px;}
.enerytv-wrap .energytv-title{font-size:20px; color:#333333; font-weight:400; margin-bottom:15px;}
.enerytv-wrap .enerytv-newslist{width:254px; height:210px; float:left; margin-right:28px; margin-bottom:50px;}
.enerytv-wrap article:nth-of-type(4n){margin-right:0;}
.enerytv-wrap .enerytv-newslist .enerytv-newslist-img{width:254px; height:160px; margin-bottom:15px; border-radius:5px; position:relative; }
.enerytv-wrap .enerytv-newslist .enerytv-newslist-img:before{content:""; display:block; width:254px; height:160px; border-radius:5px; position:absolute; transition: all 0.3s;}
.enerytv-wrap .enerytv-newslist .enerytv-newslist-img:hover::before{content:""; display:block; width:254px; height:160px;  background:rgba(0,0,0,0.3); border-radius:5px; position:absolute;}
.enerytv-wrap .enerytv-newslist .enerytv-newslist-img:after{content:"";display:block;width: 30px;height: 30px;background:url(../images/sprites_img.png)no-repeat;position:absolute;bottom:10px;right:10px;background-position: -107px -229px;}
.enerytv-wrap .enerytv-newslist .enerytv-newslist-img img{width:254px; height:160px; border-radius:5px;}
.enerytv-wrap .enerytv-newslist .enerytv-newslist-title{ font-size:16px; color:#333333; font-weight:500; display: -webkit-box;word-wrap: break-word;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;}

/*화보 메인 페이지*/
.pictorial-headline-wrap{width:100%;height: 340px;overflow:hidden;position:relative;/* margin-top: 20px; */padding: 0 0 55px 0;margin-bottom: 50px;}
.pictorial-headline-wrap:before{content:""; width:302px; height:300px; display:inline-block; background: linear-gradient(90deg, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%); position:absolute; top:20px; left:0; z-index:1;}
.pictorial-headline-wrap:after{content:""; width:302px; height:300px; display:inline-block; background: linear-gradient(270deg, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%); position:absolute; top:20px; right:0; z-index:1;}
.pictorial-headline-wrap .pictorial-news-item{position:relative;width:340px;height:240px;float:left;margin-right:30px;/* text-align:center; */transition:0.3s; margin-top:40px;}
.pictorial-headline-wrap .pictorial-news-item.pictorial-news-active{width:533px; height:340px; margin-top:0;}
.pictorial-headline-wrap .pictorial-news-item a{font-weight:500;}
.pictorial-headline-wrap .pictorial-news-item .pictorial-news-img{width:340px; height:216px; margin-bottom:20px; /* t2023-01-30ransition:0.3s; */  -webkit-box-shadow: 0px 5px 20px 0px rgba(153,153,153,1); -moz-box-shadow: 0px 5px 20px 0px rgba(153,153,153,1); box-shadow: 0px 5px 20px 0px rgba(153,153,153,1);}
.pictorial-headline-wrap .pictorial-news-item.pictorial-news-active .pictorial-news-img{ width:533px; height:340px; margin-bottom:20px;/* transition:0.3s; */ -webkit-box-shadow: 0px 5px 20px 0px rgba(153,153,153,1); -moz-box-shadow: 0px 5px 20px 0px rgba(153,153,153,1); box-shadow: 0px 5px 20px 0px rgba(153,153,153,1);  }
.pictorial-headline-wrap .pictorial-news-item.pictorial-news-active .pictorial-news-img{width:533px; height:340px; margin-bottom:20px; transition:0.3s; -webkit-box-shadow: 0px 5px 20px 0px rgba(153,153,153,1); -moz-box-shadow: 0px 5px 20px 0px rgba(153,153,153,1);
    box-shadow: 0px 5px 20px 0px rgba(153,153,153,1);}
.pictorial-news-img:before{content:""; display:inline-block; width:340px; height:216px; background:rgba(0,0,0,0.4); position:absolute; left:0; top:0; }
.pictorial-news-active .pictorial-news-img:before{width:533px; height:340px; content:""; background:linear-gradient(0deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 50%) !important;}
.pictorial-headline-wrap .pictorial-news-item .pictorial-news-img img{width:100%; height:100%;}
.pictorial-headline-wrap .pictorial-news-item .pictorial-news-title{display:inline-block;color:#333; font-size: 18px;font-weight:500;line-height:24px;display: -webkit-box;word-wrap: break-word;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;}
.pictorial-headline-wrap .pictorial-news-item.pictorial-news-active .pictorial-news-title{ position:absolute; bottom:25px; width:calc(100% - 40px); height:72px;  color:#fff; padding:0px 20px; font-size:28px; font-weight:300; line-height:36px; display: -webkit-box;word-wrap: break-word;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;}
.pictorial-headline-wrap .pictorial-news-item .pictorial-news-title span{font-weight:500;}
.pictorial-headline-wrap .pictorial-prev{width:50px;height:50px;position:absolute;top: 140px;left: 595px;background-position: -147px -231px;cursor:pointer;z-index:2;}
.pictorial-headline-wrap .pictorial-next{width:50px;height:50px;position:absolute;top: 140px;left: 1252px;background-position: -191px -231px;cursor:pointer;z-index:2;}

/*화보 슬라이드*/
.pictorial-headline-box{height: 100%;overflow: hidden;}
.pictorial-news-item{}
/*화보 메인 에경tv*/
.energy-tv-wrap{width:730px; height:696px; overflow:hidden; float:left; position:relative;}
.energy-tv-wrap .energy-tv-title{font-size:20px; font-weight:500; color:#333333; margin-bottom:17px;}
.energy-tv-wrap .energy-newslist-wrap{width:730px; height:630px; overflow:hidden;}
.energy-tv-wrap .energy-newslist-wrap .energy-newslist{width:230px; height:190px; float:left; margin-right:20px; margin-bottom:30px;}
.energy-tv-wrap .energy-newslist-wrap article:nth-of-type(3n){margin-right:0;}
.energy-tv-wrap .energy-newslist-wrap .energy-newslist .energy-newslist-img{width:230px; height:140px; position:relative; margin-bottom:9px; border-radius:5px;}
.energy-tv-wrap .energy-newslist-wrap .energy-newslist .energy-newslist-img img{width:100%; height:100%; border-radius:5px;}
.energy-tv-wrap .energy-newslist-wrap .energy-newslist .energy-newslist-title{font-size:16px; color:#333333; line-height:20px; display: -webkit-box;word-wrap: break-word;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;}
.energy-tv-wrap .energy-newslist-wrap .energy-newslist .energy-newslist-img:before{content:""; display:block; width:230px; height:140px; border-radius:5px; position:absolute; transition: all 0.3s;}
.energy-tv-wrap .energy-newslist-wrap .energy-newslist .energy-newslist-img:hover::before{content:""; display:block; width:230px; height:140px;  background:rgba(0,0,0,0.4); border-radius:5px; position:absolute;}
.energy-tv-wrap .energy-newslist-wrap .energy-newslist .energy-newslist-img:after{content:"";display:block;width: 30px;height: 30px;background:url(../images/sprites_img.png)no-repeat;position:absolute;bottom:10px;right:10px;background-position: -107px -229px;}
.cont-more a{color:#666;}

/*화보 메인 하단 화보*/
.pictorial-bottom-wrap{width:100%; height:305px; overflow:hidden; background:#EEF1F9; margin-bottom:80px;}
.pictorial-bottom-wrap .pictorial{width:1100px; margin:0 auto; padding:30px 0px; position:relative;}
.pictorial-bottom-wrap .pictorial .pictorial-title{font-size:20px; color:#333; margin-bottom:16px; font-weight:500;}
.pictorial-bottom-wrap .pictorial .pictorial-newslist-wrap{}
.pictorial-bottom-wrap .pictorial .pictorial-newslist-wrap .pictorial-newslist{width:253px; height:210px; float:left; margin-right:30px;}
.pictorial-bottom-wrap .pictorial .pictorial-newslist-wrap article:nth-of-type(4n){margin-right:0px;}
.pictorial-bottom-wrap .pictorial .pictorial-newslist-wrap .pictorial-newslist-img{width:253px; height:160px; margin-bottom:10px;}
.pictorial-bottom-wrap .pictorial .pictorial-newslist-wrap .pictorial-newslist-img img{width:100%; height:100%;}
.pictorial-bottom-wrap .pictorial .pictorial-newslist-wrap .pictorial-newslist-title{font-size:16px; line-height:20px; color:#333333; display: -webkit-box;word-wrap: break-word;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;}
.pictorial-bottom-wrap .slick-page{position: absolute;top: -32px;right: -3px;}
.pictorial-bottom-wrap .slick-page li{float:left;}
.pictorial-bottom-wrap .slick-page li button{color:transparent; background:transparent; outline: none; font-size:0; margin:0 3px;}
.pictorial-bottom-wrap .slick-page li button::before{content:""; width:12px; height:12px; background:#ccc; transition:0.3s; border-radius:10px; margin-left:5px; display:inline-block;}
.pictorial-bottom-wrap .slick-page li button:hover::before{background:#DD121A;}
.pictorial-bottom-wrap .slick-page li.slick-active button::before{content:""; background:#DD121A; width:25px; height:12px; transition:0.3s; border-radius:10px; margin-left:5px; display:inline-block;}

.search-detail{width:100%; overflow:hidden; margin-bottom:60px;}
.search-detail .news-list-title{font-size:20px; font-weight:500; color:#333333; margin-bottom:21px;}
.search-result .srh-result-title{float:left;}
.search-result .search-sub-info{float:right; font-size:15px;}
.search-result  span{color:#DD121A; font-weight:600;}
.srh-detail{border:1px solid #DBDBDB; padding:20px;}
.srh-detail-box{width:100%;}
.srh-detail-box th{width:100px; text-align:left; font-size:16px;}
.srh-detail-box tr{border-bottom:1px solid #EBEBEB;}
.srh-detail-box td{padding:12px 0;}
.srh-detail-box .srhd-input{width: 360px;height:33px;border:1px solid #dbdbdb;float:left;margin-right:10px;padding-left:10px;font-size:16px;}
.srh-detail-box td p{float:left; margin-right:15px; padding:7px 0;}
.srh-detail-box td p label{margin-left:5px;}
.srh-cate{width:150px; height:33px; padding-left:10px; border:1px solid #dbdbdb; outline:none;font-size:16px;}
.srh-date{width:138px; height:33px; padding-left:10px; border:1px solid #dbdbdb;font-size:16px; background:#FFFBEE; position:relative;}
input.srh-date[type="date"]::-webkit-calendar-picker-indicator {background: url(../images/sprites_img.png) no-repeat -530px -238px; width:33px; height:35px; position:absolute; right:0px; top:0px; cursor:pointer; outline:none;}
.srh-detail-box tr:nth-child(3) td span:nth-child(2){padding:0 8px; display:inline-block;}
.srh-btn{margin:20px 0 10px 0; text-align:center;}
.srh-btn div{display:inline-block;}
.srh-btn button{width:90px; height:35px; margin:0 5px;}
.srh-btn button a{color:#fff;}
.srh-btn button:first-of-type{background:#F8545A;}
.srh-btn button:last-of-type{background:#B7B7B7;}

/*뉴스스텐드 배너*/
.newsstand-info{margin: 0 auto;  text-align: center;}
.newsletter-banner{text-align:center; margin-bottom:20px;}

/* 이슈리스트 페이지 */
.issue-list{width:1120px; margin:0 auto 40px auto;}
.issue-list h3{text-align:center; font-size:24px; color:#333; padding:40px 0;}
.issue-list h3 span{color:red;}
.issue-news-li{border-top:1px solid #ddd; overflow:hidden; margin-bottom:40px;}
.issue-news-box{border-bottom:1px solid #ddd; width:calc(50% - 20px); float:left; padding:25px 0;}
.issue-news-box figure{width:160px; height:104px; overflow:hidden; float:left; margin-right:15px;}
.issue-news-box figure img{width:160px; min-height:104px; object-fit:cover;}
.issue-news-box h4{font-size:16px; border:1px solid #DD121A; display:inline-block; border-radius:20px; transition:0.3s; margin-bottom:6px; float:left;}
.issue-news-box h4:hover{background:#DD121A; color:#fff; transition:0.3s;}
.issue-news-box h4 a{color:#DD121A; display:block; padding:3px 10px;}
.issue-news-box h4:hover a{color:#fff;}
.issue-news-box ul{width:calc(100% - 175px); float:right;}
.issue-news-box ul li{line-height:22px; position:relative; padding-left:14px;}
.issue-news-box ul li:before{content:""; display:inline-block; width:10px; height:10px; position:absolute; left:2px; top:6px; background:url(../images/sprites_img.png) no-repeat -5px -230px;}
.issue-news-box ul li a{ text-overflow:ellipsis; white-space:nowrap; word-wrap:normal; overflow:hidden; display:block; color:#333;}
.issue-news-box:nth-child(even){float:right;}

.issue-news-box p.ico-new{width:20px; height:22px; display:inline-block; background:url(../images/sprites_img.png) no-repeat -546px -188px; margin:0px 0 0 5px;}
.issue-news-box ul li:first-of-type{font-size:18px; font-weight:700; padding-left:0; margin-bottom:5px;}
.issue-news-box ul li:first-of-type a{font-weight:500; color:#000;}
.issue-news-box ul li:first-of-type::before{display:none;}


/* 광고 이미지 노출css */
.thumbnails-a .videoCube a{display:block !important;}


/* 240215 기자 기사 더보기 */
.reporter-main-wrap {
    /*width: 830px;*/
    height: 150px;
    border: 2px solid #EEEEEE;
    border-top: 2px solid black;
    margin-bottom: 22px;
}
.reporter-main-wrap .reporter-top {display: flex;align-items:center; position: relative;}
.reporter-main-wrap figure {width: 100px;height: 100px;overflow: hidden;border-radius: 50%;border: 1px solid #e2e2e2;margin: 24px 18px 24px 24px;text-align:center;}
.reporter-main-wrap figure img {width: auto; max-height:100%;}
.reporter-main-wrap .reporter-top p {font-size: 24px;color: #222;font-weight: 500;letter-spacing: -2px;}
.reporter-box span{
    font-size: 14px;
    color: #333;
}

.reporter-info {
    width: 175px;
    /*height:198px;*/
    margin: 0 auto;
    border: 1px solid #ccc;
    border-top: 2px solid #000;
    text-align: center;
    padding-bottom: 10px;
    margin-bottom: 20px;
}

.reporter-img {
    width: 75px;
    height: 75px;
    overflow: hidden;
    border-radius: 50px;
    margin: 15px auto;
}

.reporter-img img {
    width: 75px;
    min-height: 75px;
}

.reporter-name {
    font-size: 14px;
    color: #555;
    font-weight: 500;
    margin-bottom: 2px;
}

.reporter-email {
    font-size: 12px;
    font-weight: 300;
    letter-spacing: 0;
    color: #b2b2b2;
}

.reporter-news {
    margin-top: 12px;
    position: relative;
}

/* 기자별기사보기 */
.reporter-name{display:flex; align-items:end;}
.reporter-name p{margin-right:20px;}
.reporter-name span{font-size:16px;}
.reporter-box ul{margin-top:14px;}
.reporter-box ul li{font-size:16px; line-height:20px; margin-bottom:3px;}'
.reporter-box ul li:last-child{margin-bottom:0;}
.reporter-box ul li:before{content:""; display:inline-block; width:2px; height:12px; background:#666; margin-right:5px;}
.reporter-box .report-btn{position:absolute; padding: 7px 20px;background: #df131c;color: #fff;border-radius: 5px; right:25px; bottom: 25px;}

/* 0223기자의 기사모음 좌측 미니 팝업 */
.section01{position:absolute; left:-20%; top:100%;}