@charset "utf-8";

/* Chrome, Safari, Firefox, Edge, Opera에서 사용 가능 */
::selection {
    background: #008191; /* 블록 배경색 */
    color: #fff;      /* 블록 내 글자색 */
}

/* Firefox를 위한 접두사 (구 버전) */
::-moz-selection {
    background: #008191;
    color: #fff;
}

:root{
  --primary-color:#008191;
  --tube-color:#D42018;
  --nshot-color:#DD097B;
  --font-black:#222;
  --font-black2:#2E2E2E;
  --font-gray:#555;
  --font-gray2:#ccc;
  --font-gray3:#999;
  --font-gray4:#666;
  --line-gray:#4B5564;
  --line-gray2:#cccccc;
  --line-gray3:#E5E5E5;
  --line-gray4:#ececec;
  --line-gray5:#888888;
  --footer-color:#4B5564;
  --gray-bg:#F5F5F5;
  --gray-bg2:#e5e5e5;
  --gray-bg3:#EFEFEF;
  --gray-bg4:#f2f2f2;
  --blue-bg:#F2FBFB;
}

.wide-layout {overflow-x: hidden;}
.mobile-layout {}

/* 메인 뉴스 하단 배너 */
/* 메인 뉴스 하단 배너 */
.banner1{margin-bottom:30px;}
.banner1 .inner{overflow:hidden; width:1280px; margin:0 auto; border-radius:4px; text-align:center;}
.banner1 .inner a{display:block; width:100%; text-align:center;}

/* 서브탑 뉴스 가운데 배너 */
/* 서브탑 뉴스 가운데 배너 */
.banner2{margin-bottom:20px;}
.banner2 .inner{overflow:hidden; display:flex; align-items: center; width:100%; height:45px; margin:0 auto; border-radius:4px; text-align:center; box-sizing: border-box;}
.banner2 .inner a{display:block; width:100%; text-align:center;}

/* 모바일 기사 상세 채널 배너 */
.box-location+.mbanner1{margin:-16px 0 16px;}
.mbanner1 {height:28px; text-align:center;}
.mbanner1 img{width:auto; height:28px;}

/* index se영역을 제외한  기사제목 label */
.label{display:inline-block; padding:0 5px; border-radius:4px; background-color:#D42018; font-size:15px; font-weight:bold; color:#fff; line-height:24px;}
/* 뉴시스연재 쪽 라벨 */
.label2{display:inline-block; padding:4px 12px; border-radius:15px; background-color:#008191; font-size:15px; font-weight:normal; color:#fff; line-height:22px;}
/* 광장 쪽 라벨 */
.label3{display:inline-block; padding:3px 8px; border-radius:4px 0 4px 0; background-color:#008191; font-size:16px; font-weight:normal; color:#fff; line-height:24px;}
/* 광장 기획특집 쪽 라벨 */
.label4{display:inline-block; padding:3px 12px; border-radius:13px; background-color:#008191; font-size:14px; font-weight:normal; color:#fff; line-height:20px;}
/* 기사상세 하단 오늘의 헤드라인 라벨 */
.label5{display:inline-block; padding:0px 8px; border-radius:4px; border:1px solid #008191; font-size:13px; font-weight:normal; color:#008191; line-height:20px; font-weight:bold;}

/* 세션 메인 라벨 */
.seLabel1{position:absolute; top:0; left:0; padding:0 10px; background-color:#D42018; font-size:26px; color:#fff; font-weight:bold; line-height:40px;}
.seLabel2{position:absolute; top:0; left:0; padding:3px 8px; border-radius:4px 0 4px 0;  font-size:16px; font-weight:normal; color:#fff; line-height:24px;}
.seLabel3{position:absolute; top:0; left:0; padding:3px 8px; border-radius:4px 0 4px 0; background-color:#008191; font-size:16px; font-weight:normal; color:#fff; line-height:24px;}
.seLabel4{position:absolute; top:0; left:0; padding:0 10px; background-color:#008191; font-size:26px; color:#fff; line-height:40px;}

/* 타이틀스타일 */
/* 파랑 */
.titStyle{margin-bottom:12px; font-size:20px; line-height:29px; font-weight:bold;}
.titStyle a{display:inline-block; padding-right:16px; background:url(../images/ico_arrow2.png) no-repeat 100% 7px;}
.titStyle a:hover{text-decoration: none;}
.titStyle span{color:#008191;}
/* 빨강 튜브가이드 */
.titStyle.red span{color:#D42018;}
/* 핑크 엔샷 */
.titStyle.pink span{color:#DD097B;}
/* 광장 > 기획특집 아래 파랑 밑줄*/
.titStyle.type2{position:relative; display: inline-block; margin-bottom:24px; padding:0 8px; font-size:24px; line-height:36px; z-index: 1;}
.titStyle.type2:after{content:''; position:absolute; left:0px; bottom:0px; width:100%; height:16px; background-color:#CEF9FE; z-index: -1;}
/* 광장 기획특집 상단 타이틀 */
.titStyle.type3{margin-bottom:30px; font-size:36px; line-height:1.5; text-align:center; }


/* 박스 아래 border asideL과 asideR에만 해당됨 */
.boxLine{margin-bottom:30px; border-bottom:2px solid var(--line-gray);}

/* dim 처리 */
.dim{display:none; position:fixed; top:0; left:0; width:100%; height:100vh; background-color:rgba(0,0,0, .5);}
.dim.active{display:block}

/* 모달 팝업 */
.modal{display:none;}
.modal.active{display:block !important ; }

/* 기사 상세 외부 광고 영역 */
.adBox{padding-bottom:30px; }
.adBox-fixLeft{position:absolute; top:170px; left:50%; margin-left:-912px; }
.adBox-fixRight{position:absolute; top:170px; right:50%; margin-right:-832px; }
.adBox-fixRight2{position:absolute; top:778px; right:50%; margin-right:-832px; }
/* 모바일 기사 상세 하단 리스트 광고 영역 */
.adBox.list div.li{margin-bottom:8px; padding-bottom:8px; border-bottom:1px solid var(--line-gray2); line-height:20px;}
.adBox.list div:last-child{margin-bottom:0px; padding-bottom:0px; border-bottom:0px}
/* 모바일 기사 상세 하단 이미지3개 광고 영역 */
.adBox2{display:flex; justify-content: flex-start; padding-bottom:30px;}
.adBox2 .box{flex:1 0 calc(33% - 3.63%); margin-right:3.63%;}
.adBox2 .box:last-child{margin-right:0;}
.adBox2 .box .thumCont{overflow:hidden; position:relative; width:100%; height:0; margin-bottom:8px; padding-bottom:47.68%;}
.adBox2 .box .thumCont img{position:absolute; top:0; left:0; width:100%; min-height:100%; object-fit: cover;}
.adBox2 .box .titCont .tit {overflow:hidden; 
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
/* btn */
.btn-moreArticle{width:100%; padding:12px 0; border:1px solid #ccc; border-radius:4px; background-color:#F9F9F9; }
.btn-moreArticle span{padding-right:18px; background:url(../images/ico_arrow2.png) no-repeat 100% 50%; background-size:6px auto; font-weight:bold; font-size:15px; line-height:22px; }


/* header *//* header *//* header */
/* header *//* header *//* header */
.header {position:relative; padding-top:28px; border-bottom:2px solid #222222; background-color:#fff; z-index: 8;}
.header .top{padding-bottom:28px; border-bottom:1px solid #ccc;}
.header .top .inner{position:relative; display:flex; justify-content:center;}
.header .top .box-left{position:absolute; top:0; left:0;}
.header .top .box-left .site{margin-bottom:13px;}
.header .top .box-left .site ul{display:flex; justify-content: flex-start; font-size:13px; font-weight:bold; color:#555;}
.header .top .box-left .site ul li{position:relative; margin-right:6px; padding-right:7px; }
.header .top .box-left .site ul li:last-child:after{display:none;}
.header .top .box-left .site ul li:after{content:''; position:absolute; top:4px; right:0px; width:1px; height:12px; background-color:#ccc;}
.header .top .box-left .head-menu {display:flex; align-items: center;}
.header .top .box-left .head-menu .weather {margin-right:30px;}
.header .top .box-left .head-menu .weather div a{display: flex; flex-wrap: wrap; align-items: end;}
.header .top .box-left .head-menu .weather div a img{width:35px; height:auto; margin-right:8px;}
.header .top .box-left .head-menu .weather div a p span{display:block;}
.header .top .box-left .head-menu .weather div a p span.date{font-size:10px; line-height:15px;}
.header .top .box-left .head-menu .weather div a p span.location{font-size:14px; line-height:20px;}
.header .top .box-left .head-menu .lang ul{display:flex; }
.header .top .box-left .head-menu .lang ul li{position:relative; margin-right:12px; padding-right:12px;}
.header .top .box-left .head-menu .lang ul li:after{content:''; position:absolute; top:5px; right:0; width:1px; height:12px; background:#ccc;}
.header .top .box-left .head-menu .lang ul li:last-child:after{display:none;}
.header .top .box-right{position:absolute; top:0; right:0;}
.header .top .box-right .sns ul{display:flex; margin-bottom:24px;}
.header .top .box-right .sns ul li{margin-right:10px; }
.header .top .box-right .sns ul li:last-child{margin-right:0px;}
.header .top .box-right .head-btn{display:flex; justify-content: flex-end;}
.header .top .box-right .head-btn button{width:24px; height:24px; margin-right:16px;}
.header .top .box-right .head-btn button:last-child{margin-right:0px;}
.header .top .box-right .head-btn button.search{background:url(../images/ico_search.png) no-repeat 0 0;}
.header .top .box-right .head-btn button.search.active{background:url(../images/ico_close.png) no-repeat 0 0;}

.header .gnb{overflow:hidden; height:54px;}
.header .gnb .inner{height:100%;} 
.header .gnb .inner .gnbSwiper{height:100%;}
.header .gnb .inner .swiper-slide{width:auto; padding-right:28px; font-size:16px; font-weight:bold; color:var(--font-black);}
.header .gnb .inner .swiper-slide:last-child{padding-right:0px;}
.header .gnb .inner .swiper-slide.active a{position:relative;}
.header .gnb .inner .swiper-slide.active a:after{content:''; position:absolute; bottom:0; left:0; width:100%; height:2px; background-color: #4B5564;}
.header .gnb .inner .swiper-slide a{display:block; line-height:54px;}
.header .gnb .inner .swiper-slide a span.c1{color:var(--primary-color);}
.header .gnb .inner .swiper-slide a span.c2{color:var(--nshot-color);}

/* 상단고정 header */
.headerFix{display:none; position:fixed; top:0; left:0; width:100%; border-bottom:2px solid #222; background-color:#fff; z-index: 8;}
.headerFix .inner{position:relative; display:flex; justify-content: center; padding:12px 0;}
.headerFix .inner .logo{width:115px; height:41px;}
.headerFix .inner .logo img{width:100%; height:auto;}
.headerFix .box-right{position:absolute; top:0; right:0; height:100%; display:flex; align-items: center;}
.headerFix .head-btn button{width:24px; height:24px; margin-right:16px; }
.headerFix .head-btn button:last-child{margin-right:0px;}
.headerFix .head-btn button.search{background:url(../images/ico_search.png) no-repeat 0 0;}
.headerFix .head-btn button.search.active{background:url(../images/ico_close.png) no-repeat 0 0;}
.headerFix .head-btn2 button{width:48px; height:48px; background-color:var(--gray-bg3); }

.wide-layout .headerFix.articleviewBox{display:none !important ;}

/* footer */
footer{border-top:2px solid var(--line-gray);}
footer .footerSocial{padding:30px 0;}
footer .footerSocial .inner{display:flex; justify-content:flex-start; flex-wrap:nowrap}
footer .footerSocial .inner .section{min-width:100px; max-width: 228px; height:auto; margin-right:40px;}
footer .footerSocial .inner .section:last-child{margin-right:0px;}
footer .footerSocial .inner .section p{margin-bottom:15px; font-size:14px; line-height:20px; }
footer .footerSocial .inner .section ul{display:flex; justify-self:flex-start; flex-wrap: wrap;}
footer .footerSocial .inner .section ul li{min-width:72px; max-width:108px; margin-bottom:20px; font-size:12px; line-height:18px; color:#555;}
footer .footerSocial .inner .section ul li a{display:block;}
footer .footerSocial .inner .section ul.subs{display:flex; justify-content: space-between;}
footer .footerSocial .inner .section ul.subs li{width:calc(50% - 6px);  border:1px solid #ccc; border-radius:13px; background-color:#EFEFEF; box-sizing: border-box; font-size:12px; line-height:18px;} 
footer .footerSocial .inner .section ul.subs li:nth-child(even){margin-right:0px;}
footer .footerSocial .inner .section ul.subs li a{padding:4px 0 4px 32px; padding-left:32px;}
footer .footerSocial .inner .section ul.subs li.naver{background-image:url(../images/ico_naver2.png); background-repeat:no-repeat; background-position:0 0;}
footer .footerSocial .inner .section ul.subs li.daum{background-image:url(../images/ico_daum.png); background-repeat:no-repeat; background-position:0 0;}
footer .footerSocial .inner .section ul.subs li.you{background-image:url(../images/ico_youtube.png); background-repeat:no-repeat; background-position:0 0;}
footer .footerSocial .inner .section ul.subs li.face{background-image:url(../images/ico_facebook.png); background-repeat:no-repeat; background-position:0 0;}
footer .footerSocial .inner .section ul.subs li.x{background-image:url(../images/ico_x.png); background-repeat:no-repeat; background-position:0 0;}
footer .footerSocial .inner .section ul.subs li.insta{background-image:url(../images/ico_insta.png); background-repeat:no-repeat; background-position:0 0;}
footer .footerSocial .inner .section ul.subs li.th{background-image:url(../images/ico_thread.png); background-repeat:no-repeat; background-position:0 0;}
footer .footerAd {display:flex; justify-content: center; align-items: center; padding:16px 0; border-top:1px solid var(--line-gray2);}
footer .footerAd ul{display: flex; align-items: center;}
footer .footerAd ul li{margin:0 40px;}
footer .footerInfo{background-color:var(--footer-color); color:#fff;}
footer .inner{position:relative; padding:30px 0;}
footer .inner .logo{position:absolute; top:104px; left:0; }
footer .inner .menu{margin-bottom:30px;}
footer .inner .menu ul{display:flex; justify-content: flex-start; flex-wrap: wrap;}
footer .inner .menu ul li{position:relative; margin-right:12px; padding-right:12px; font-size:13px; line-height:19px; font-weight: 300;}
footer .inner .menu ul li:after{content:''; position:absolute; top:3px; right:0; width:1px; height:13px; background-color:#ccc;}
footer .inner .menu ul li:last-child:after{display:none;}
footer .inner .menu ul li strong{color:#4DCBD9;}
footer .inner .info{margin-left:184px; font-size:13px; line-height:19px; font-weight: 300;}
footer .inner .info ul{display:flex; justify-content: flex-start; flex-wrap: wrap; margin-bottom:16px; padding-bottom:4px; border-bottom:1px solid var(--line-gray2);}
footer .inner .info ul li{position:relative; margin:0 12px 12px 0; padding-right:12px; }
footer .inner .info ul li:last-child:after{display:none;}
footer .inner .info ul li:after{content:''; position:absolute; top:3px; right:0px; width:1px; height:13px; background-color:#ccc;}

/* 상단 탑 바로가기 버튼 */
.btn-top{position:fixed; right:20px; bottom:20px; z-index: 1;}

/* 속보영역 *//* 속보영역 *//* 속보영역 */
/* 속보영역 *//* 속보영역 *//* 속보영역 */
.box-sokbo{overflow:hidden; width:100%; background-color:var(--primary-color);}
.box-sokbo .box-inner{position:relative; height:46px;}
.box-sokbo .sokboSwiper{position:relative; display:inline-block; width:600px; height:46px; color:#fff;}
.box-sokbo .sokboSwiper .swiper-slide {display:flex; align-items: center; height:100%;}
.box-sokbo .sokboSwiper .ico{height:30px; margin-right:12px; padding:0 16px; border-radius:15px; background-color:#CEF9FE; color:var(--font-black); font-size:15px; line-height:30px; font-weight:bold;}
.box-sokbo .sokboSwiper .late{position:relative; margin-right:10px; padding-right:13px; font-weight:bold; color:#CEF9FE;}
.box-sokbo .sokboSwiper .late:after{content:''; position:absolute; top:6px; right:0; width:5px; height:8px; background:url(../images/ico_arrow1.png) no-repeat 0 0;}
.box-sokbo .sokboSwiper .tit{overflow:hidden; text-overflow: ellipsis; white-space: nowrap; width:420px; font-weight:normal;}
.box-sokbo  button.more{position:absolute; top:10px; right:0; z-index: 1;}


/* 오른쪽 영역 *//* 오른쪽 영역 *//* 오른쪽 영역 */
/* 오른쪽 영역 *//* 오른쪽 영역 *//* 오른쪽 영역 */

/* 광고 영역 asideR-box1 *//* 광고 영역 asideR-box1 *//* 광고 영역 asideR-box1 */
/* 광고 영역 asideR-box1 *//* 광고 영역 asideR-box1 *//* 광고 영역 asideR-box1 */
.box-content .box-inner .asideR-box1 .adList{ padding-bottom:30px; text-align:center;  }
.box-content .box-inner .asideR-box1 .adList li{margin-bottom:8px;}
.box-content .box-inner .asideR-box1 .adList li:last-child{margin-bottom:0px;}
.box-content .box-inner .asideR-box1 .adList li a{overflow:hidden; position:relative; display:flex; justify-content: center; max-width:260px; margin:0 auto;}
.box-content .box-inner .asideR-box1 .adList li a img{width:100%; height:auto;}

/* 뉴시스 Live asideR-box2 *//* 뉴시스 Live asideR-box2 *//* 뉴시스 Live asideR-box2 */
/* 뉴시스 Live asideR-box2 *//* 뉴시스 Live asideR-box2 *//* 뉴시스 Live asideR-box2 */
.box-content .box-inner .asideR-box2{padding-bottom:30px;}
.box-content .box-inner .asideR-box2 .box{overflow:hidden; position:relative; height:0px; padding-bottom:53.35%; border-radius:4px; }
.box-content .box-inner .asideR-box2 .box iframe{position:absolute; width:100%; height:100%;}

/* 많이본기사 asideR-box3 *//* 많이본기사 asideR-box3 *//* 많이본기사 asideR-box3 */
/* 많이본기사 asideR-box3 *//* 많이본기사 asideR-box3 *//* 많이본기사 asideR-box3 */
.box-content .box-inner .asideR-box3{padding-bottom:30px;}
.box-content .box-inner .asideR-box3 .viewSwiper{padding-bottom:44px;}
.box-content .box-inner .asideR-box3 .swiper-slide article{padding:16px 0; border-bottom:1px solid #E5E5E5;}
.box-content .box-inner .asideR-box3 .swiper-slide article:first-child{padding-top:0px;}
.box-content .box-inner .asideR-box3 .swiper-slide article{display:flex; justify-content: flex-start; align-items: center;}
.box-content .box-inner .asideR-box3 .swiper-slide article:hover {text-decoration:none;}
.box-content .box-inner .asideR-box3 .swiper-slide article:hover .txtCont {text-decoration: underline;}
.box-content .box-inner .asideR-box3 .swiper-slide article p.rank{flex:0 0 28px; font-size:24px; font-weight:bold; line-height:24px; text-align:left;}
.box-content .box-inner .asideR-box3 .swiper-slide article p.rank.c{color:var(--primary-color)}
.box-content .box-inner .asideR-box3 .swiper-slide article .titCont{flex:1 0 51.33%; margin:0 20px 0 11px;}
.box-content .box-inner .asideR-box3 .swiper-slide article .titCont .tit{overflow:hidden; font-size:16px; font-weight:bold; line-height:25px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
.box-content .box-inner .asideR-box3 .swiper-slide article .thumCont{overflow:hidden; position:relative; flex:1 1 28.67%; height:0; padding-bottom:21.4%; border-radius:4px;}
.box-content .box-inner .asideR-box3 .swiper-slide article .thumCont img{position:absolute; top:0; left:0; width:100%; min-height:100%; object-fit: cover;}
.box-content .box-inner .asideR-box3 .swiper-button-next {top:auto; right:50%; bottom:4px; width:24px; height:24px; margin-right:-56px; background:url(../images/btn_next.png) no-repeat 0 0; background-size:24px 24px; z-index: 99;}
.box-content .box-inner .asideR-box3 .swiper-button-next:after{display:none;}
.box-content .box-inner .asideR-box3 .swiper-button-prev {top:auto; left:50%; bottom:4px; width:24px; height:24px; margin-left:-56px; background:url(../images/btn_prev.png) no-repeat 0 0; background-size:24px 24px; z-index: 99;}
.box-content .box-inner .asideR-box3 .swiper-button-prev:after{display:none;}
.box-content .box-inner .asideR-box3 .swiper-pagination {color:#999;}
.box-content .box-inner .asideR-box3 .swiper-pagination .swiper-pagination-current{font-weight:bold; color:var(--font-black);}
.box-content .box-inner .asideR-box3 .swiper-pagination .swiper-pagination-total{font-weight:bold; color:#999;}
/* 세션 많이본 기사  */
.box-content .box-inner .asideR-box3 .viewSwiper.type2{padding-bottom:0px;}
.box-content .box-inner .asideR-box3 .viewSwiper.type2 .swiper-slide article:last-child{border-bottom:none;}

/* 기자수첩 피플&인터뷰 asideR-box4 *//* 기자수첩 피플&인터뷰 asideR-box4 *//* 기자수첩 피플&인터뷰 asideR-box4 */
/* 기자수첩 피플&인터뷰 asideR-box4 *//* 기자수첩 피플&인터뷰 asideR-box4 *//* 기자수첩 피플&인터뷰 asideR-box4 */
.box-content .box-inner .asideR-box4 {padding-bottom:30px;}
.box-content .box-inner .asideR-box4 .card{margin-bottom:20px; padding:16px; background-color:#F2FBFB;}
.box-content .box-inner .asideR-box4 .card:last-child{margin-bottom:0px;}
.box-content .box-inner .asideR-box4 .card .inner article {display:flex; justify-content: flex-start; align-items: center;}
.box-content .box-inner .asideR-box4 .card .inner article .thumCont{overflow:hidden; position:relative; flex:0 1 33.33%; height:0; padding-bottom:33.33%; border-radius:50%;}
.box-content .box-inner .asideR-box4 .card .inner article .thumCont img{position:absolute; top:0; left:0; width:100%; min-height:100%; object-fit: cover;}
.box-content .box-inner .asideR-box4 .card .inner article .titCont p.tit{overflow:hidden; margin-bottom:8px; font-size:16px; font-weight:bold; line-height:24px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
.box-content .box-inner .asideR-box4 .card .inner article .titCont{flex:1; margin-right:20px;}
.box-content .box-inner .asideR-box4 .card .inner article .titCont p.write{overflow:hidden; font-size:13px; line-height:20px; color:#555; 
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
}
/* 세션 광장 기자수첩 스타일 */
.box-content .box-inner .asideR-box4.type2 .card{padding:0px; background-color:#fff;}
.box-content .box-inner .asideR-box4.type2 .card .inner{margin-bottom:16px; padding-bottom:16px; border-bottom:1px solid var(--line-gray3);}
.box-content .box-inner .asideR-box4.type2 .card .inner:last-child{margin-bottom:0px; padding-bottom:0px; border-bottom:none;}
.box-content .box-inner .asideR-box4.type2 .card .inner article .thumCont{flex:0 1 33.34%; padding-bottom:33.34%;}


/* N샷 asideR-box5 *//* N샷 asideR-box5 *//* N샷 asideR-box5 */
/* N샷 asideR-box5 *//* N샷 asideR-box5 *//* N샷 asideR-box5 */
.box-content .box-inner .asideR-box5{padding-bottom:30px;}
.box-content .box-inner .asideR-box5 .box-article+.box-article{margin-top:20px;}
.box-content .box-inner .asideR-box5 .box-article .thumCont{overflow:hidden; position:relative; width:100%; height:0; margin-bottom:8px; padding-bottom:62%; border-radius:4px;}
.box-content .box-inner .asideR-box5 .box-article .thumCont img{position:absolute; top:0; left:0; width:100%; min-height:100%; object-fit: cover;}
.box-content .box-inner .asideR-box5 .box-article .titCont .tit{overflow:hidden; font-size:16px; line-height:24px; color:#222; font-weight:bold;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

/* 그룹 배너 영역 asideR-box6 *//* 그룹 배너 영역 asideR-box6 *//* 그룹 배너 영역 asideR-box6 */
/* 그룹 배너 영역 asideR-box6 *//* 그룹 배너 영역 asideR-box6 *//* 그룹 배너 영역 asideR-box6 */  
.box-content .box-inner .asideR-box6 .bannerList{padding-bottom:30px;}
.box-content .box-inner .asideR-box6 .bannerList .boxBanner{margin-bottom:8px;}
.box-content .box-inner .asideR-box6 .bannerList .boxBanner:last-child{margin-bottom:0px;}
.box-content .box-inner .asideR-box6 .bannerList .boxBanner a{overflow:hidden; display:flex; justify-content: center; }

/* 튜브가이드, 세상에 이런일이, 뉴시스와 봉사릴레이 형태 asideR-box7 */
/* 튜브가이드, 세상에 이런일이, 뉴시스와 봉사릴레이 형태 asideR-box7 */
.box-content .box-inner .asideR-box7{padding-bottom:30px;}
.box-content .box-inner .asideR-box7:last-child{padding-bottom:0px;}
.box-content .box-inner .asideR-box7 .listArticle .box-article{margin-bottom:16px; padding-bottom:16px; border-bottom:1px solid #E5E5E5;}
.box-content .box-inner .asideR-box7 .listArticle .box-article:last-child{margin-bottom:0px; padding-bottom:0px;border-bottom:none;}
.box-content .box-inner .asideR-box7 .listArticle .box-article:first-child article{display:flex; justify-content: flex-start; flex-wrap: wrap; align-items: center;}
.box-content .box-inner .asideR-box7 .box-article .thumCont {flex:0 0 28.67%; order:2; position:relative; overflow:hidden; width:100%; height:0; padding-bottom:21.33%;}
.box-content .box-inner .asideR-box7 .box-article .thumCont img{position:absolute; top:0; left:0; width:100%; min-height:100%; border-radius:4px; object-fit: cover;}
.box-content .box-inner .asideR-box7 .box-article .titCont{flex:1 0 0; margin-right:20px;}
.box-content .box-inner .asideR-box7 .box-article .titCont .tit{overflow:hidden; max-height:46px; font-size:15px; line-height:23px; color:var(--font-black);}
.box-content .box-inner .asideR-box7 .box-article:first-child .titCont .tit{
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
.box-content .box-inner .asideR-box7 .box-article .titCont .tit {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
}

/* 그래픽뉴스 asideR-box8 *//* 그래픽뉴스 asideR-box8 *//* 그래픽뉴스 asideR-box8 */
/* 그래픽뉴스 asideR-box8 *//* 그래픽뉴스 asideR-box8 *//* 그래픽뉴스 asideR-box8 */
.box-content .box-inner .asideR-box8{padding-bottom:30px;}
.box-content .box-inner .asideR-box8 .box-article+.box-article{margin-top:20px;}
.box-content .box-inner .asideR-box8 .box-article .thumCont{overflow:hidden; position:relative; width:100%; height:0; margin-bottom:8px; padding-bottom:75.02%; border-radius:4px;}
.box-content .box-inner .asideR-box8 .box-article .thumCont img{position:absolute; top:0; left:0; width:100%; min-height:100%; object-fit: cover;}
.box-content .box-inner .asideR-box8 .box-article .titCont .tit{overflow:hidden; font-size:16px; line-height:24px; color:#222; font-weight:bold;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

/* 오른쪽 영역 포토 슬라이드 */
.aside-right .photoSlide .photoSwiper{padding-bottom:20px;}

/* 뉴시스 연재물 asideR-box9 *//* 뉴시스 연재물 asideR-box9 *//* 뉴시스 연재물 asideR-box9 */
/* 뉴시스 연재물 asideR-box9 *//* 뉴시스 연재물 asideR-box9 *//* 뉴시스 연재물 asideR-box9 */
.box-content .box-inner .asideR-box9{padding-bottom:30px;}
.box-content .box-inner .asideR-box9 .box-article .titStyle{margin-bottom:8px; font-size:16px; line-height:24px;}
.box-content .box-inner .asideR-box9 .box-article .titStyle a{padding-right:12px; background-size:auto 10px; background-position:100% 10px; }
.box-content .box-inner .asideR-box9 .box-article .titCont .tit{font-size:16px; line-height:24px; font-weight:bold;}
.box-content .box-inner .asideR-box9 .box-article {margin-bottom:16px; padding-bottom:16px; border-bottom:1px solid var(--line-gray3);}
.box-content .box-inner .asideR-box9 .box-article:last-child{margin-bottom:0px; padding-bottom:0px; border-bottom:none; }
.box-content .box-inner .asideR-box9 .box-article article{display:flex; justify-content: flex-start;}
.box-content .box-inner .asideR-box9 .box-article .layCont{flex:0 0 56.68%; margin-right:20px;}
.box-content .box-inner .asideR-box9 .box-article .thumCont{flex:1; overflow:hidden; position:relative; width:100%; height:0; padding-bottom:27.34%; border-radius:4px;}
.box-content .box-inner .asideR-box9 .box-article .thumCont img{position:absolute; top:0; left:0; width:100%; min-height:100%; object-fit: cover;}
.box-content .box-inner .asideR-box9 .box-article .titCont .tit{overflow:hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

/* 오늘의 주요일정 */
.box-content .box-inner .asideR-box10{padding-bottom:30px;}
.box-content .box-inner .asideR-box10 .vSwiper{position:relative; height:56px; padding:0 16px; background-color:#F2FBFB;}
.box-content .box-inner .asideR-box10 .vSwiper .swiper-slide{display:flex; align-items: center; }
.box-content .box-inner .asideR-box10 .vSwiper .swiper-slide a{overflow:hidden; white-space: nowrap; text-overflow: ellipsis; display:block; width:100%; padding:16px 16px 16px 24px; background:url(../images/ico_clock.png) no-repeat 0 50%;

}

/* 뉴시스 PIC *//* 뉴시스 PIC *//* 뉴시스 PIC */
/* 뉴시스 PIC *//* 뉴시스 PIC *//* 뉴시스 PIC */
.box-content .box-inner .asideR-box11 .listArticle{display:flex; justify-content: flex-start; flex-wrap: wrap; padding-bottom:30px;}
.box-content .box-inner .asideR-box11 .listArticle .box-article{flex:0 0 47.35%; margin:0 5.3% 16px 0; }
.box-content .box-inner .asideR-box11 .listArticle .box-article:nth-child(even){margin-right:0px;}
.box-content .box-inner .asideR-box11 .listArticle .box-article:nth-last-child(-n+2){margin-bottom:0px;}
.box-content .box-inner .asideR-box11 .listArticle .box-article .thumCont{position:relative; overflow:hidden; width:100%; height:0; margin-bottom:8px; padding-bottom:61.98%; border-radius:4px;}
.box-content .box-inner .asideR-box11 .listArticle .box-article .thumCont img{position:absolute; top:0; left:0; width:100%; min-height:100%; border-radius:4px; object-fit: cover;}
.box-content .box-inner .asideR-box11 .listArticle .box-article .tit {overflow:hidden; font-size:16px; font-weight:bold; line-height:24px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

/* 핫이슈 */
.box-content .box-inner .asideR-box12 .listArticle{}
.box-content .box-inner .asideR-box12 .listArticle .box-article{margin-bottom:20px}
.box-content .box-inner .asideR-box12 .listArticle .box-article:last-child{margin-bottom:32px;}
.box-content .box-inner .asideR-box12 .listArticle .box-article button {position:relative; width:100%; padding:5px 16px; border-top-left-radius:4px; border-top-right-radius:4px; background-color:var(--primary-color); color:#fff; text-align:left;}
.box-content .box-inner .asideR-box12 .listArticle .box-article button:after{content:'';  position:absolute; top:5px; right:16px; width:20px; height:20px; background:url(../images/ico_more2.png) no-repeat 0 0;}
.box-content .box-inner .asideR-box12 .listArticle .box-article article{display:flex; justify-content: flex-start; padding:16px; background-color:var(--blue-bg); }
.box-content .box-inner .asideR-box12 .listArticle .box-article article .titCont{flex:1; margin-right:20px;}
.box-content .box-inner .asideR-box12 .listArticle .box-article article .titCont .tit{overflow:hidden; font-weight:bold; font-size:16px; line-height:24px; 
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
.box-content .box-inner .asideR-box12 .listArticle .box-article article .thumCont{position:relative; overflow:hidden; flex:0 0 41.06%; padding-bottom:30.61%; border-radius:4px;}
.box-content .box-inner .asideR-box12 .listArticle .box-article article .thumCont img{position:absolute; top:0; left:0; width:100%; min-height:100%; object-fit: cover;}


/* 로케이션 *//* 로케이션 *//* 로케이션 */
/* 로케이션 *//* 로케이션 *//* 로케이션 */
.box-location{margin-bottom:28px; padding:14px 0; border-bottom:1px solid var(--line-gray2);}
.box-location .box-inner{display:flex; justify-content: flex-start;}
.box-location .box-inner a{line-height:41px;} 
.box-location .box-inner h1 {margin-right:40px; font-size:28px; line-height:41px; font-weight:bold;}
.box-location .box-inner .titSwiper{flex:1 0 0; }
.box-location .box-inner .swiper-slide{width:auto; margin-right:30px; font-size:16px; line-height:24px;}
.box-location .box-inner .swiper-slide:last-child{margin-right:0px;}
.box-location .box-inner .swiper-slide a{display:block;}
.box-location .box-inner .swiper-slide.active a{color:var(--primary-color); text-decoration:underline;}

/* 3depth 서브타이틀 *//* 3depth 서브타이틀 *//* 3depth 서브타이틀 */
/* 3depth 서브타이틀 *//* 3depth 서브타이틀 *//* 3depth 서브타이틀 */
.box-subTit {display:flex; margin-bottom:16px; align-items: center;}
.box-subTit .titStyle{margin-right:20px; margin-bottom:0px; line-height:40px;}
.box-subTit .titSwiper{flex:1 0 0; margin:0; height:40px;}
.box-subTit .titSwiper .swiper-wrapper{align-items: center;}
.box-subTit .titSwiper .swiper-slide {width:auto; height:auto; margin-right:8px;}
.box-subTit .titSwiper .swiper-slide.active a{background-color:var(--primary-color); color:#fff;}
.box-subTit .titSwiper .swiper-slide:last-child{margin-right:0px;}
.box-subTit .titSwiper .swiper-slide a{padding:8px 16px; border-radius:20px; background:#e5e5e5; font-size:16px; line-height:24px; color:var(--font-gray);}


/* 세션메인탑 */
.sectionMain {margin-bottom:30px; padding-bottom:32px; border-bottom:2px solid var(--line-gray);}
.sectionMain article{display:flex; justify-content: flex-start; flex-wrap: wrap; align-items: center;}
.sectionMain article .titCont{width:100%; margin-bottom:12px;}
.sectionMain article .titCont .tit{overflow:hidden; text-overflow: ellipsis; white-space: nowrap; font-size:36px; line-height:54px; font-weight:bold;}
.sectionMain article .titCont .tit.line2{overflow:hidden; text-overflow: initial; white-space: initial;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
.sectionMain article .thumCont{position:relative; overflow:hidden; flex:0 0 43.47%; height:0; margin-right:30px; padding-bottom:27.17%; border-radius:4px;}
.sectionMain article .thumCont img{position:absolute; top:0; left:0; width:100%; min-height: 100%; object-fit: cover;}
.sectionMain article .txtCont {overflow:hidden; flex:1 0 0;}
/* 텍스트 줄 수 0, 3, 5, 7 */
.sectionMain article .txtCont .txt{overflow:hidden; max-height:175px; margin-bottom:16px; line-height:25px; font-size:15px; color:var(--font-gray);
  display: -webkit-box;
  -webkit-box-orient: vertical;
}
.sectionMain article .txtCont .txt.l3{-webkit-line-clamp: 3;}
.sectionMain article .txtCont .txt.l5{-webkit-line-clamp: 5;}
.sectionMain article .txtCont .txt.l7{-webkit-line-clamp: 7;}
.sectionMain article .txtCont .linkNews li {position:relative; margin-bottom:8px; padding-left:12px; overflow:hidden; text-overflow: ellipsis; white-space: nowrap;}
.sectionMain article .txtCont .linkNews li:before{content:''; position:absolute; top:11px; left:0px; width:4px; height:4px; border-radius:50%; background-color:#4B5564;}
.sectionMain article .txtCont .linkNews li a{font-size:15px; line-height:22px; color:var(--font-black);}
.sectionMain article .txtCont .linkNews li:last-child{margin-bottom:0px;}
/* 스포츠 영역 세션메인 */
.sectionMain.type2 {margin-bottom:24px; padding-bottom:24px; border-bottom:1px solid var(--line-gray3);}
.sectionMain.type2 article{flex-wrap:nowrap;}
.sectionMain.type2 article .thumCont{flex: 0 0 46.87%; padding-bottom:29.37%;}
.sectionMain.type2 article .layCont{overflow:hidden;}
.sectionMain.type2 article .layCont .titCont .tit{ white-space: initial; 
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
/* 광장 영역 세션메인 */
.sectionMain.type3{flex:1 0 44.84%; padding-bottom:0px; padding-right:30px; margin-right:30px; border-right:1px solid var(--line-gray3); border-bottom:0px;}
.sectionMain.type3 article .thumCont{flex:0 0 100%; margin-bottom:8px; padding-bottom:65.86%;}
.sectionMain.type3 .cateCont .cate{font-size:16px; color:#008191; line-height:24px; font-weight:bold;}
.sectionMain.type3 .titCont{margin-bottom:0px;}
.sectionMain.type3 .titCont .tit{font-size:30px; line-height:40px; 
  white-space: initial;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
/* 문화 영역 세션 메인 */
.sectionMain.type4{border-bottom:none; padding-bottom:0px;}

/* 광장 기획특집 세션메인 */
.sectionMain.type5{border-bottom:none; padding-bottom:0px;}

/* 스포츠세션 세션메인 아래 리스트 */
.listArticle.type2{display:flex; justify-content: flex-start;}
.listArticle.type2 .box-article{flex:0 1 calc(50% - 24px); }
.listArticle.type2 .box-article:nth-child(odd){margin-right:24px;}
.listArticle.type2 .box-article:nth-child(even){padding-left:24px; border-left:1px solid var(--line-gray3);}
.listArticle.type2 .box-article article{display:flex; align-items: center;}
.listArticle.type2 .box-article .thumCont{position:relative; overflow:hidden; flex:0 0 50%; height:0; margin-right:20px; padding-bottom:30%; border-radius:4px;}
.listArticle.type2 .box-article .thumCont img{position:absolute; top:0; left:0; width:100%; min-height:100%; object-fit: cover;}
.listArticle.type2 .box-article .titCont .tit{overflow:hidden; margin-bottom:8px; font-size:22px; line-height:30px; font-weight:bold;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
.listArticle.type2 .box-article .txtCont .txt{overflow:hidden; font-size:15px; color:var(--font-gray); line-height:24px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

/* 광장세션 세션메인 오른쪽 리스트 */
.listArticle.type3{}
.listArticle.type3 .box-article{padding-bottom:30px; margin-bottom:30px; border-bottom:1px solid var(--line-gray3)}
.listArticle.type3 .box-article:last-child{border-bottom:none; padding-bottom:0px; }
.listArticle.type3 .box-article article{display:flex;}
.listArticle.type3 .box-article .thumCont{flex:0 0 51.16%; position:relative; overflow:hidden; height:0; margin-right:20px; padding-bottom:31.93%; border-radius:4px;}
.listArticle.type3 .box-article .thumCont img{position:absolute; top:0; left:0; width:100%; min-height:100%; object-fit:cover;}
.listArticle.type3 .box-article .titCont .label3{margin-bottom:4px;}
.listArticle.type3 .box-article .titCont .tit{overflow:hidden; margin-bottom:8px; font-size:22px; font-weight:bold; line-height:30px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
.listArticle.type3 .box-article .txtCont .txt{overflow:hidden; margin-bottom:8px; font-size:15px; line-height:24px; color:#555;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
.listArticle.type3 .box-article .cateCont {padding-top:8px; border-top:1px solid var(--line-gray3);}
.listArticle.type3 .box-article .cateCont .cate{font-size:14px; font-weight:bold; color:var(--primary-color)}

/* 문화 세션메인 하단 리스트 */
.listArticle.type4{margin-bottom:30px; padding-bottom:16px; border-bottom:2px solid var(--line-gray)} 
.listArticle.type4 article{display:flex; justify-content: flex-start; align-items: center;}
.listArticle.type4 .box-article{margin-bottom:16px;}
.listArticle.type4 .box-article .thumCont{position:relative; overflow:hidden; flex:0 0 24.78%; height:0; margin-right:20px; padding-bottom:15.65%; border-radius:4px;}
.listArticle.type4 .box-article .thumCont img{position:absolute; top:0; left:0; width:100%; min-height:100%; object-fit: cover;}
.listArticle.type4 .box-article .layCont{overflow:hidden; flex:1 0 0;}
.listArticle.type4 .box-article .layCont .tit{overflow: hidden; text-overflow: ellipsis; white-space: nowrap; margin-bottom: 8px; font-weight: bold; font-size: 18px; line-height: 27px;}
.listArticle.type4 .box-article .layCont .txt{overflow: hidden; margin-bottom: 8px; max-height: 48px; font-size: 15px; line-height: 24px; color: #555;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
}

/* 광장 > 기획특집 화면 */
/* 로케이션 바로 밑 영역 width:100%;에 백그라운드 */
/* 로케이션에 margin-bottom:30이 공통으로 있는데 이부부는 예외적으로 margin-top:-28px로 간격 삭제 */
.bgStyle-box1{margin:-28px 0 28px 0; padding:30px 0; background-color:var(--blue-bg);}
.bgStyle-box1 .box-inner {display:flex; justify-content: flex-start; }
.bgStyle-box1 .box-inner .main{flex:0 0 44.37%; margin-right:30px; padding-right:30px; border-right:1px solid var(--line-gray3); text-align:center;}
.bgStyle-box1 .box-inner .main .box-article {position:relative;}
.bgStyle-box1 .box-inner .main .box-article .thumCont{position:relative; overflow:hidden; width:100%; height:0; padding-bottom:63.74%; border-radius:4px;}
.bgStyle-box1 .box-inner .main .box-article .thumCont img{position:absolute; top:0; left:0; width:100%; min-height: 100%; object-fit: cover;}
.bgStyle-box1 .box-inner .main .box-article .layCont{overflow:hidden; position:relative; margin-top:-36px; width:calc(100% - 32px); border-radius:0 50px 0 0; border:1px solid var(--line-gray4); background-color:#fff;}
.bgStyle-box1 .box-inner .main .box-article .layCont .titCont{text-align:left; padding:12px 24px; background-color:#fff;}
.bgStyle-box1 .box-inner .main .box-article .layCont .titCont .tit{overflow:hidden; font-size:30px; font-weight:bold; line-height:45px; 
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
}
.bgStyle-box1 .box-inner .sub{flex:1 0 0;}
.bgStyle-box1 .box-inner .sub .listArticle{display:flex; justify-content: flex-start; flex-wrap: wrap;}
.bgStyle-box1 .box-inner .sub .listArticle .box-article{position:relative; flex:0 0 47.61%; margin:0 4.61% 24px 0;}
.bgStyle-box1 .box-inner .sub .listArticle .box-article:nth-child(even){margin-right:0%;}
.bgStyle-box1 .box-inner .sub .listArticle .box-article .thumCont{position:relative; overflow:hidden; width:100%; height:0; padding-bottom:62.59%; border-radius:4px;}
.bgStyle-box1 .box-inner .sub .listArticle .box-article .thumCont img{position:absolute; top:0; left:0; width:100%; min-height: 100%; object-fit: cover;}
.bgStyle-box1 .box-inner .sub .listArticle .box-article .layCont{overflow:hidden; position:relative; margin:-20px 0 0 32px; width:calc(100% - 32px); border-radius:30px 0 0 0; border:1px solid var(--line-gray4); }
.bgStyle-box1 .box-inner .sub .listArticle .box-article .layCont .titCont{text-align:right; padding:8px 16px; background-color:#fff; }
.bgStyle-box1 .box-inner .sub .listArticle .box-article .layCont .titCont .tit{overflow:hidden; font-size:18px; line-height:27px; font-weight:bold; 
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
}

/* 광장 > 기획특집 아래 리스트 화면 */
.square-listStyle {display:flex; justify-content: flex-start; flex-wrap: wrap;}
.square-listStyle .sec {flex:0 0 calc(25.46% - 1.87%); margin-right:1.87%;}
.square-listStyle .sec:nth-child(4n){margin-right:0%;}
.square-listStyle .sec .box-article{margin-bottom:16px; padding-bottom:16px; border-bottom:1px solid var(--line-gray3);}
.square-listStyle .sec .box-article:last-child{margin-bottom:30px;}
.square-listStyle .sec .box-article .spuareTypeTit{margin-bottom:8px; padding:8px; border-radius:4px; background-color:var(--primary-color);}
.square-listStyle .sec .box-article .spuareTypeTit p{color:#fff; font-size:18px; line-height:1.5; font-weight:bold;
  overflow:hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
}
.square-listStyle .sec .box-article .thumCont{overflow:hidden; position:relative; width:100%; height:0; margin-bottom:8px; padding-bottom:62.25%; border-radius:4px;}
.square-listStyle .sec .box-article .thumCont img{position:absolute; top:0; left:0; width:100%; min-height:100%; object-fit: cover;}
.square-listStyle .sec .box-article .thumCont .label4{position:absolute; right:8px; bottom:10px; }
.square-listStyle .sec .box-article .titCont .tit{overflow:hidden; min-height:52px; font-size:16px; line-height:26px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
.square-listStyle .sec .box-article:first-child .titCont .tit{ min-height:56px; font-size:18px; line-height:28px; font-weight:bold;}

/* 광장 > 섹션코너 상단 박스리스트 */
.square-listStyle2{text-align:center;}
.square-listStyle2 .swiper-wrapper{width:1280px;}
.square-listStyle2 .swiper-slide {display:flex; justify-content: flex-start; flex-wrap: wrap;}
.square-listStyle2 .swiper-slide .sec{flex:0 0 158px; height:40px; margin:0 2px 2px 0; border-radius:4px; background-color:var(--gray-bg2); color:#555; line-height:40px; font-size:15px;}
.square-listStyle2 .swiper-slide .sec a{display:block;}
.square-listStyle2 .swiper-slide .sec:nth-child(8n){margin-right:0px;}
.square-listStyle2 .swiper-slide .sec.active{background-color:#008191; color:#fff;}

/* 광장 > 데일리뉴시스 하단 뉴스 리스트 */
.square-listStyle3{padding-bottom:30px;}
.square-listStyle3 .box-article{margin-bottom:16px; padding-bottom:16px; border-bottom:1px solid #E5E5E5;}
.square-listStyle3 .box-article:last-child{margin-bottom:0px; padding-bottom:0px; border-bottom:0px;}
.square-listStyle3 .box-article article {display:flex; justify-content: flex-start;}
.square-listStyle3 .box-article article .thumCont{position:relative; overflow:hidden; flex:0 0 17.81%; height:0; margin-right:20px; padding-bottom:13.28%; border-radius:4px;}
.square-listStyle3 .box-article article .thumCont img{position:absolute; top:0; left:0; width:100%; min-height:100%; object-fit: cover; }
.square-listStyle3 .box-article article .layCont{overflow:hidden; flex:1 0 0;}
.square-listStyle3 .box-article article .layCont .tit{overflow:hidden; text-overflow: ellipsis; white-space:nowrap; margin-bottom:8px; font-weight:bold; font-size:18px; line-height:27px;}
.square-listStyle3 .box-article article .layCont .txt{overflow:hidden; margin-bottom:8px; max-height:96px; font-size:15px; line-height:24px; color:#555;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
}
.square-listStyle3 .listArticle .box-article article .layCont .info{font-size:13px; color:var(--font-gray);}
.square-listStyle3 .listArticle .box-article article .layCont .info .cat{margin-right:8px; color:var(--primary-color); font-weight:bold; }

/* 광장 > 데일리뉴시스 속보 */
.square-listStyle4 .listArticle{display:flex; justify-content: flex-start; flex-wrap: wrap;}
.square-listStyle4 .listArticle{margin-bottom:30px;}
/* 2단 리스트 구성 제외 */
/* .square-listStyle4 .listArticle:first-child{padding-bottom:16px; border-bottom:2px solid var(--line-gray);} */
.square-listStyle4 .box-article{flex:0 0 calc(50% - 15px); margin-bottom:16px; padding-bottom:16px; border-bottom:1px solid var(--line-gray3);}
.square-listStyle4 .box-article:nth-child(odd){margin-right:15px;}
.square-listStyle4 .box-article:nth-child(even){margin-left:15px;}
.square-listStyle4 .box-article .layCont .tit{position:relative; overflow:hidden; padding-left:12px; font-size:16px; line-height:24px; font-weight:bold;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
}
.square-listStyle4 .box-article .layCont .tit:before{content:''; position:absolute; top:11px; left:0; width:4px; height:4px; border-radius:50%; background-color:var(--line-gray);}

/* 광장 > 데일리뉴시스 오늘의 주요일정 */
.square-listStyle5 {display:flex; justify-content: flex-start; flex-wrap: wrap; margin-bottom:30px; }
.square-listStyle5 .sec{flex:0 0 calc(50% - 15px); }
.square-listStyle5 .sec:nth-child(odd){margin-right:15px;}
.square-listStyle5 .sec:nth-child(even){margin-left:15px;}
.square-listStyle5 .sec .titStyle{text-align:center;}
.square-listStyle5 .listArticle .box-article:first-child{border-top:2px solid var(--line-gray);}
.square-listStyle5 .listArticle .box-article {padding:16px 0; border-bottom:1px solid var(--line-gray3);}
.square-listStyle5 .listArticle .box-article .layCont .tit{position:relative; overflow:hidden; padding-left:12px; padding-right:160px; font-size:16px; line-height:24px; font-weight:bold; 
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
}
.square-listStyle5 .box-article .layCont .tit:before{content:''; position:absolute; top:11px; left:0; width:4px; height:4px; border-radius:50%; background-color:var(--line-gray);}
.square-listStyle5 .box-article .layCont .date{position:absolute; top:0; right:0; font-size:13px; color:var(--font-gray); font-weight:normal;}
 
/* 광장 > 데일리뉴시스 많이 본 사진 , 포토 그래픽뉴스*/
.square-listStyle6{width:100%; margin-bottom:6px;}
.square-listStyle6 .listArticle{display:flex; justify-content: flex-start; flex-wrap: wrap;} 
.square-listStyle6 .listArticle .box-article{flex:0 1 calc(25% - 24px); margin:0 24px 24px 0; }
.square-listStyle6 .listArticle .box-article:nth-child(4n){margin-right:0px;}
.square-listStyle6 .listArticle .box-article .thumCont{overflow:hidden; position:relative; width:100%; height:0; margin-bottom:8px; padding-bottom:74.17%; border:1px solid var(--line-gray4); border-radius:4px; box-sizing: border-box;}
.square-listStyle6 .listArticle .box-article .thumCont figure{position:absolute; top:0; left:0; overflow:hidden; width:100%; height:100%; }
.square-listStyle6 .listArticle .box-article .thumCont figure a{display:flex; width:100%; height:100%; text-align:center; align-items: center;}
.square-listStyle6 .listArticle .box-article .thumCont img{max-width: 100%; width:auto; height:auto; max-height: 100%; margin:0 auto;}
.square-listStyle6 .listArticle .box-article .titCont .tit{overflow:hidden; margin-bottom:8px; font-size:18px; line-height:26px; font-weight:bold;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
} 
.square-listStyle6 .listArticle .box-article .titCont .info{font-size:13px; color:var(--font-gray);}

/* 광장 > 특집판 */
.square-special {display:flex; flex-direction: column; width:100%;}
.square-special .topArticle{position:relative; margin-bottom:30px;}
.square-special .topArticle .thumCont{overflow:hidden; position:relative; width:100%; height:0; padding-bottom:31.25%; border-radius:4px; box-sizing: border-box; }
.square-special .topArticle .thumCont img{position:absolute; top:0; left:0; width:100%; min-height:100%; object-fit: cover;}
.square-special .topArticle .layCont{position:absolute; bottom:0; left:0; width:100%;}
.square-special .topArticle .layCont .titCont {text-align:center; border-radius:0 0 4px 4px; background-color:rgba(0,0,0, .7)}
.square-special .topArticle .layCont .titCont .tit{font-size:32px; color:#fff; font-weight:bold; line-height:1.5;}
/* 2열 리스트 */
.square-special .listArticle{display:flex; justify-content: flex-start; flex-wrap: wrap;}
.square-special .listArticle .box-article{margin-bottom:30px; flex-wrap: wrap;}
.square-special .listArticle .box-article:nth-child(odd){flex:0 1 calc(50% - 20px); margin-right:20px;}
.square-special .listArticle .box-article:nth-child(even){flex:0 1 calc(50% - 20px); margin-left:20px;}
.square-special .listArticle .box-article .thumCont{overflow:hidden; position:relative; width:100%; height:0; margin-bottom:8px; padding-bottom:62.26%; border-radius:4px; }
.square-special .listArticle .box-article .thumCont img{position:absolute; top:0; left:0; width:100%; min-height:100%; object-fit: cover; }
.square-special .listArticle .box-article .titCont .tit{overflow:hidden; margin-bottom:8px; font-size:22px; line-height:1.5; font-weight:bold;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
.square-special .listArticle .box-article .txtCont .txt{overflow:hidden; font-size:15px; color:var(--font-gray);
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 4;
}
/* 5열 */
.square-special.type2 .listArticle .box-article{flex:0 1 calc(20% - 20px); margin-right:20px; max-width:240px;}
.square-special.type2 .listArticle .box-article:nth-child(even){margin-left:0px;}
.square-special.type2 .listArticle .box-article:nth-child(5n){margin-right:0px;}
.square-special.type2 .listArticle .box-article .thumCont{padding-bottom:138.75%; }
.square-special.type2 .listArticle .box-article .txtCont .txt{overflow:hidden; font-size:15px; line-height:1.5; color:var(--font-gray);}
/* 혼합형 */
.square-special.type3 .titStyle{overflow:hidden; text-overflow: ellipsis; white-space: nowrap;}
.square-special.type3 .topArticle {display:flex; justify-content: flex-start; flex-wrap: wrap; padding-bottom:30px; border-bottom:2px solid #4B5564;}
.square-special.type3 .topArticle .box-article:nth-child(1){flex:1 0 28.25%; } 
.square-special.type3 .topArticle .box-article:nth-child(2){flex:1 0 calc(22% - 40px); margin-left:40px;}
.square-special.type3 .topArticle .box-article:nth-child(3){flex:1 0 calc(22% - 40px); margin-left:40px;}
.square-special.type3 .topArticle .box-article .thumCont{margin-bottom:8px; padding-bottom:62.5%;}
.square-special.type3 .topArticle .box-article .layCont{position:relative;}
.square-special.type3 .topArticle .box-article .titCont{margin-bottom:8px; background-color:transparent;}
.square-special.type3 .topArticle .box-article .titCont .tit{overflow:hidden; font-size:22px; color:#000; text-align:left;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
.square-special.type3 .topArticle .box-article .txtCont .txt{overflow:hidden; font-size:15px; line-height:1.5; color:#555;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 4;

}
.square-special.type3 .listArticle .box-article{flex:1 1 100%; margin-bottom:16px; padding-bottom:16px; border-bottom:1px solid #e5e5e5;}
.square-special.type3 .listArticle .box-article:last-child{border-bottom:none;}
.square-special.type3 .listArticle .box-article:nth-child(odd){margin-right:0;}
.square-special.type3 .listArticle .box-article:nth-child(even){margin-left:0;}
.square-special.type3 .listArticle .box-article article{display:flex; justify-content: flex-start;}
.square-special.type3 .listArticle .box-article .thumCont {flex:0 0 17.81%; margin-right:20px; margin-bottom:0px; padding-bottom:13.28%;}
.square-special.type3 .listArticle .box-article .titCont .tit{font-size:20px; line-height:1.5;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
}
.square-special.type3 .listArticle .box-article .txtCont .txt{margin-bottom:8px; line-height:1.5;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
}
.square-special.type3 .listArticle .box-article .txtCont .info{font-size:13px; color:var(--font-gray); }

/* 광장 > 데일리뉴시스 상단 캘린더 */
.calendar-box{text-align:center;}
.calendar-box .date{position:relative; display:flex; justify-content: center; align-items: center; margin-bottom:24px;}
.calendar-box .date .day{font-size:24px; font-weight:bold;}
.calendar-box .date .cal{margin-left:10px;}
.calendar-box .date button.pBtn{margin-right:32px;}
.calendar-box .date button.nBtn{margin-left:32px;}
.calendar-box .date .searchCalendar{margin:-3px 0 0 10px;}
.calendar-box .date .calendar-type1{position:absolute; top:56px; left:50%; margin-left:-167px;}

/* 데일리 뉴시스 달력 */
.calendar-type1{display:none; }
.calendar-type1.active{display:block; z-index: 8;}
.calendar-type1 .calendar{padding:16px 12px; border:1px solid var(--line-gray3);}
.calendar-type1 .vanilla-calendar-arrow{width:40px; height:40px;}
.calendar-type1 .vanilla-calendar-arrow:before{background-image:url(../images/btn_prev2.png) !important;}
.calendar-type1 .vanilla-calendar-arrow.vanilla-calendar-arrow_prev:before{transform: rotate(0deg);}
.calendar-type1 .vanilla-calendar-arrow.vanilla-calendar-arrow_next:before{transform: rotate(180deg);}
.calendar-type1 .vanilla-calendar-day{width:36px; height:36px; margin:4px;}
.calendar-type1 .vanilla-calendar-week{margin-bottom:12px;}
.calendar-type1 .vanilla-calendar-week__day{font-size:14px;}
.calendar-type1 .vanilla-calendar-day button{border-radius:50%; background-color:#e5e5e5; color:var(--font-gray); font-size:14px;}
.calendar-type1 .vanilla-calendar-day button.vanilla-calendar-day__btn_today{background-color:var(--primary-color); color:#fff; font-weight: normal;}
.calendar-type1 .vanilla-calendar-day button.vanilla-calendar-day__btn_prev{background-color:transparent; color:var(--font-gray2);}
.calendar-type1 .vanilla-calendar-day button.vanilla-calendar-day__btn_next{background-color:transparent; color:var(--font-gray2);}

/* 포토세션 메인 */
.square-listStyle6 .listArticle2{display:flex; justify-content: flex-start; flex-wrap: wrap;} 
.square-listStyle6 .listArticle2 .box-article{flex:1 1 calc(33% - 24px); margin:0 24px 24px 0; }
.square-listStyle6 .listArticle2 .box-article:nth-child(3n){margin-right:0px;}
.square-listStyle6 .listArticle2 .box-article .thumCont{overflow:hidden; position:relative; width:100%; height:0; margin-bottom:8px; padding-bottom:74.17%; border:1px solid var(--line-gray4); border-radius:4px; box-sizing: border-box;}
.square-listStyle6 .listArticle2 .box-article .thumCont figure{position:absolute; top:0; left:0; overflow:hidden; width:100%; height:100%; }
.square-listStyle6 .listArticle2 .box-article .thumCont figure a{display:flex; width:100%; height:100%; text-align:center; align-items: center;}
.square-listStyle6 .listArticle2 .box-article .thumCont img{max-width: 100%; width:auto; height:auto; max-height: 100%; margin:0 auto;}
.square-listStyle6 .listArticle2 .box-article .titCont{text-align:center;}
.square-listStyle6 .listArticle2 .box-article .titCont .tit{overflow:hidden; margin-bottom:8px; font-size:18px; line-height:26px; font-weight:bold;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
}


/* 지역세션 주요축제 영역 */
.photo-slide3 {position:relative; margin-bottom:32px; padding-bottom:32px; border-bottom:2px solid var(--line-gray);}
.photo-slide3 .photoSwiper2 .thumCont{position:relative; overflow:hidden; width:100%; height:0; padding-bottom:74.31%; border-top-left-radius: 4px; border-top-right-radius: 4px;}
.photo-slide3 .photoSwiper2 .thumCont img{position:absolute; top:0; left:0; width:100%; min-height:100%; object-fit: cover;}
.photo-slide3 .photoSwiper2 .titCont{padding:12px; border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; background-color:#F2FBFB;}
.photo-slide3 .photoSwiper2 .titCont .tit{overflow:hidden; font-size:18px; line-height:26px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
.photo-slide3 .swiper-button-next{top:22px; right:0; width:34px; height:34px; background:url(../images/btn_next.png) no-repeat 0 0; background-color:rgba(255,255,255, .7); border-radius:50%; text-indent:-1000px; z-index: 8;}
.photo-slide3 .swiper-button-prev{top:22px; left:auto; right:44px; width:34px; height:34px; background:url(../images/btn_prev.png) no-repeat 0 0; background-color:rgba(255,255,255, .7); border-radius:50%; text-indent:-1000px; z-index: 8;}


/* 세션 하단 광장 영역 */
.sectionBot-box1 .listArticle{display:flex; justify-content: flex-start;}
.sectionBot-box1 .listArticle .box-article{flex:0 1 47.6%; margin-right:40px;}
.sectionBot-box1 .listArticle .box-article:nth-child(even){margin-right:0px;}
.sectionBot-box1 .listArticle .box-article .thumCont{position:relative; overflow:hidden; width:100%; height:0; padding-bottom:62.11%; border-top-left-radius: 4px; border-top-right-radius: 4px;}
.sectionBot-box1 .listArticle .box-article .thumCont img{position:absolute; top:0; left:0; width:100%; min-height:272px; object-fit: cover;}
.sectionBot-box1 .listArticle .box-article .titCont{padding:8px 16px; border:1px solid #E5E5E5; background-color:#F2FBFB; color:#000; font-weight:bold; font-size:18px; line-height:26px;}
.sectionBot-box1 .listArticle .box-article .titCont .tit{overflow:hidden; height:52px; color:#000; font-weight:bold; font-size:18px; line-height:26px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
.sectionBot-box1 .listArticle .box-article button{width:100%; padding:11px 16px; border-bottom-right-radius:4px; border-bottom-left-radius:4px; background-color:#008191; text-align: left;}
.sectionBot-box1 .listArticle .box-article button span{display:block; background:url(../images/ico_more.png) no-repeat 100% 50%;; color:#fff; font-size:16px; line-height:24px;}

/* 포토세션 메인 tv뉴시스 */
.photoSwiper3{position:relative; overflow:visible; max-width:660px; margin:0 auto; padding-bottom:14px;}
.photoSwiper3 .swiper-slide{opacity: .6;}
.photoSwiper3 .swiper-slide .layCont{display:none;}
.photoSwiper3 .swiper-slide.swiper-slide-active{opacity:1;}
.photoSwiper3 .swiper-slide.swiper-slide-active .layCont{display: block;}
.photoSwiper3 .swiper-slide {width:660px;}
.photoSwiper3 .swiper-slide article{position:relative;}
.photoSwiper3 .swiper-slide article .thumCont{overflow:hidden; position:relative; width:100%; height:0; padding-bottom:62.42%; border-radius:4px;}
.photoSwiper3 .swiper-slide article .thumCont img{position:absolute; top:0; left:0; width:100%; min-height:100%; object-fit: cover;}
.photoSwiper3 .swiper-slide article .layCont{position:absolute; bottom:0; left:0; width:100%; padding:10px 0; background-color:rgba(255,255,255, .7); text-align:center;}
.photoSwiper3 .swiper-slide article .layCont .titCont{overflow:hidden; padding:0 100px; font-size:20px; font-weight:bold;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
}
.photoSwiper3 .swiper-slide article .layCont .label3{position:absolute; top:-14px; left:0; }
.photoSwiper3 .swiper-pagination{bottom:-11px; z-index: 8;}
.photoSwiper3 .swiper-button-next{top:calc(100% / 2); right:50%; width:78px; height:78px; margin:-39px -649px 0 0; background:url(../images/btn_next3.png) no-repeat 0 0; background-size:78px; z-index: 8;}
.photoSwiper3 .swiper-button-next:after{display:none;}
.photoSwiper3 .swiper-button-prev{top:calc(100% / 2); left:50%; width:78px; height:78px; margin:-39px 0 0 -649px; background:url(../images/btn_prev3.png) no-repeat 0 0; background-size:78px; z-index: 8;}
.photoSwiper3 .swiper-button-prev:after{display:none;}
.photoSwiper3 .swiper-slide article .layCont .titCont{margin-bottom:4px; padding:0; font-size:24px; line-height:36px;}
.photoSwiper3 .swiper-slide article .layCont .info{font-size:14px; line-height:20px; color:var(--font-gray);}

.photoSwiper3.tv .swiper-slide article .thumCont{padding-bottom:56.06%;}
.photoSwiper3.tv article .layCont{position:relative; bottom:0; left:0; width:100%; padding:10px 0; background-color:transparent; text-align:left;}
.photoSwiper3.tv .swiper-button-next{right:50%; width:78px; height:78px; margin:-78px -649px 0 0; background:url(../images/btn_next3.png) no-repeat 0 0; background-size:78px; z-index: 8;}
.photoSwiper3.tv .swiper-button-prev{left:50%; width:78px; height:78px; margin:-78px 0 0 -649px; background:url(../images/btn_prev3.png) no-repeat 0 0; background-size:78px; z-index: 8;}

/* 포토세션 리스트 */
.photoList1{width:100%;}
.photoList1 .listArticle{display:flex; justify-content: flex-start; flex-wrap: wrap;}
.photoList1 .box-article{flex:0 0 calc(25% - 24px); margin-bottom:32px; margin-right:24px;}
.photoList1 .box-article:nth-child(4n){margin-right:0px;}
.photoList1 .box-article .thumCont{overflow:hidden; position:relative; width:100%; height:0; margin-bottom:8px; padding-bottom:62.25%; border-radius:4px;}
.photoList1 .box-article .thumCont img{position:absolute; top:0; left:0; width:100%; min-height:100%; object-fit: cover;}
.photoList1 .box-article .titCont{overflow:hidden; font-weight:bold;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

/* tv뉴시스 아래 최신영상 */
.tvList1{width:100%;}
.tvList1 .listArticle{display:flex; justify-content: flex-start; flex-wrap: wrap;}
.tvList1 .box-article{flex:0 0 calc(20% - 24px); margin-bottom:24px; margin-right:24px;}
.tvList1 .box-article:nth-child(5n){margin-right:0px;}
.tvList1 .box-article .thumCont{overflow:hidden; position:relative; width:100%; height:0; margin-bottom:8px; padding-bottom:62.25%; border-radius:4px;}
.tvList1 .box-article .thumCont img{position:absolute; top:0; left:0; width:100%; min-height:100%; object-fit: cover;}
.tvList1 .box-article .titCont{overflow:hidden; font-weight:bold;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
/* tv뉴시스 아래 숏츠 */
.tvList2{width:100%;}
.tvList2 .listArticle{display:flex; justify-content: flex-start; flex-wrap: wrap;}
.tvList2 .box-article{flex:0 0 calc(20% - 24px); margin-bottom:24px; margin-right:24px;}
.tvList2 .box-article:nth-child(5n){margin-right:0px;}
.tvList2 .box-article .thumCont{overflow:hidden; position:relative; width:100%; height:0; margin-bottom:8px; padding-bottom:176.73%; border-radius:4px;}
.tvList2 .box-article .thumCont img{position:absolute; top:0; left:0; width:100%; min-height:100%; object-fit: cover;}
.tvList2 .box-article .titCont{overflow:hidden; font-weight:bold;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
/* 제휴콘텐츠 */
.prnewsBox{display:flex; justify-content: space-between; align-items: center; margin-bottom:24px; padding:20px 40px; border:1px solid var(--line-gray2);}
.prnewsBox .txt{margin-right:24px;}
.prnewsBox img{width:auto; height:17px; }

/* 알립니다 테이블 리스트 */
.notice-style{width:100%; padding:30px 0 30px 0;}
.notice-style .titStyle{text-align:center;}
.notice-style .notice-tableStyle1 .table-head{display:flex; justify-content: space-between; align-items:center; height:55px; border-top:1px solid #000; border-bottom:1px solid #000; background-color:var(--gray-bg4);}
.notice-style .notice-tableStyle1 .table-head .th{font-size:15px; font-weight:bold; text-align:center;}
.notice-style .notice-tableStyle1 .table-head .th:nth-child(1){width:10%;}
.notice-style .notice-tableStyle1 .table-head .th:nth-child(2){width:80%;}
.notice-style .notice-tableStyle1 .table-head .th:nth-child(3){width:10%;}
.notice-style .notice-tableStyle1 .table-cont .tr{border-bottom:1px solid var(--line-gray3);}
.notice-style .notice-tableStyle1 .table-cont .cont{display:flex; align-items:center; height:50px;}
.notice-style .notice-tableStyle1 .table-cont .cont p{font-size:15px; text-align:center;}
.notice-style .notice-tableStyle1 .table-cont .cont p:nth-child(1){width:10%; font-size:14px;}
.notice-style .notice-tableStyle1 .table-cont .cont p:nth-child(2){width:80%; text-align:left; font-size:18px;}
.notice-style .notice-tableStyle1 .table-cont .cont p:nth-child(3){width:10%; font-size:14px;}
.notice-style .notice-tableStyle1 .table-cont .cont-view{display:none; border-top:1px solid var(--line-gray3); padding:40px;}
.notice-style .notice-tableStyle1 .table-cont .cont-view img{max-width:100%;}


/* 기사뷰 */
/* 기사뷰 본문내 광고 영역 */
.box-content.view {position:relative; overflow:hidden;} 
.article-view .abBox{width:100%;}
.article-view {position:relative;}
.article-view .article-header {margin-bottom:30px; padding-bottom:16px; border-bottom:1px solid var(--line-gray3)}
.article-view .article-header h1{margin-bottom:30px; font-size:38px; line-height:52px;}
.article-view .article-header .box-info .updata-time{display:flex; justify-content:flex-start;}
.article-view .article-header .box-info p{position:relative; margin-right:4px; padding-right:7px; font-size:13px; line-height:19px; color:var(--font-gray3);}
.article-view .article-header .box-info p:after{content:''; position:absolute; top:3px; right:0px; width:1px; height:13px; background-color:var(--line-gray3)}
.article-view .article-header .box-info p:last-child:after{display:none;}
 
.article-view .article-cont{position:relative; width:730px; margin:0 auto;}
.article-view .article-cont .box-summury{position:relative; margin-bottom:30px; padding-left:16px;}
.article-view .article-cont .box-summury:after{content:''; position:absolute; top:0; left:0; width:3px; height:100%; background-color:#4B5564;}
.article-view .article-cont .box-summury h2{margin-bottom:8px; font-size:17px; line-height:25px; }

.article-view .article-cont .box-figure{margin-bottom:40px;}
.article-view .article-cont .box-figure .thumCont{position:relative; margin-bottom:8px; text-align:center;}
.article-view .article-cont .box-figure .thumCont img{width:auto; height:auto; max-width:730px;}
.article-view .article-cont .box-figure .thumCont .thumAd{position:absolute; top:0; left:0; }
.article-view .article-cont .box-figure figcaption p{font-size:13px; line-height:20px; color:var(--font-gray4);}
.article-view .article-cont p{margin-bottom:32px; font-size:18px; line-height:1.5;}
.article-view .article-cont p.copy{font-size:14px; color:var(--font-gray3); line-height:20px;}
/* 관련기사 핫뉴스 스타일 */
.article-view .article-cont .box-listNews p.titStyle{margin-bottom:12px;}
.article-view .article-cont .box-listNews ul li {position:relative; overflow:hidden; text-overflow: ellipsis; white-space:nowrap; margin-bottom:12px; padding:0 0 13px 12px; border-bottom:1px solid var(--gray-bg2); font-size:16px; line-height:24px; color:var(--font-black);}
.article-view .article-cont .box-listNews ul li:after{content:''; position:absolute; top:11px; left:0; width:4px; height:4px; border-radius:50%; background-color:#4B5564;}
.article-view .article-cont .box-listNews ul li:last-child{border-bottom:none;}

.article-view .box-banner {margin-bottom:30px;}
.article-view .box-banner div{margin-bottom:8px;}
.article-view .box-banner div:last-child{margin-bottom:0px;}
.article-view .box-banner div img{width:100%;}

/* 기사상세 뷰 공유하기 버튼 */
.box-option{position:absolute; top:0; left:0; opacity:0;}
.box-option div.op {position:relative; margin-bottom:14px;}
.box-option div:last-child{margin-bottom:0px;}
.box-option button{width:48px; height:48px; border-radius:50%; background-color:var(--gray-bg3);}
.box-option button.active{background-color:var(--primary-color);}
.box-option button.share{background-image:url(../images/ico_share.png); background-repeat: no-repeat; background-position: 50% 50%;}
.box-option button.share.active{background-image:url(../images/ico_share_active.png); }
.box-option button.reply{background-image:url(../images/ico_reply.png); background-repeat: no-repeat; background-position: 50% 50%;}
.box-option button.reply.active{background-image:url(../images/ico_reply_active.png); }
.box-option button.reply .count{position:absolute; top:0; left:36px; padding:0 8px; border-radius:10px; background-color:#4B5564;  font-size:11px; color:#fff; }
.box-option button.print{background-image:url(../images/ico_print.png); background-repeat: no-repeat; background-position: 50% 50%;}
.box-option button.print.active{background-image:url(../images/ico_print_active.png); }
.box-option button.pdf{background-image:url(../images/ico_pdf.png); background-repeat: no-repeat; background-position: 50% 50%;}
.box-option button.pdf.active{background-image:url(../images/ico_pdf_active.png); }
.box-option button.font{background-image:url(../images/ico_font.png); background-repeat: no-repeat; background-position: 50% 50%;}
.box-option button.font.active{background-image:url(../images/ico_font_active.png); }


/* 기사 상세 공유하기,글자크기설정 팝업 */
.box-pop.share{width:320px;}
.box-pop.font{width:280px;}
.box-pop{display:none; position:absolute; padding:0 16px; border:1px solid var(--line-gray3); border-radius:4px; box-shadow:0px 3px 6px rgba(0,0,0, .29); background-color:#fff; z-index: 7;}
.box-pop.active{display:block;}
.box-pop .top{position:relative; padding:16px 0;}
.box-pop .top button.close{position:absolute; top:16px; right:0px; width:24px; height:24px; background-color:transparent;}
.box-pop .top .titStyle{font-size:16px; color:var(--font-black2);}
.box-pop .cont {padding-bottom:16px;}
.box-pop .cont .btnGroup {display:flex; justify-content: space-between;}
.box-pop .cont .btnGroup button{width:38px; height:38px; border-radius:50%; }
.box-pop .cont .btnGroup button:last-child{margin-right:0px;}
.box-pop .cont .btnGroup.font button{border:1px solid var(--line-gray3); background-color:#fff;}
.box-pop .cont .btnGroup.font button span{font-weight:bold; line-height:36px; color:var(--font-black2);}
.box-pop .cont .btnGroup.font button.active{background-color:var(--gray-bg2);}
.box-pop .cont .btnGroup.font button.fontSize1 span{font-size:14px;}
.box-pop .cont .btnGroup.font button.fontSize2 span{font-size:16px;}
.box-pop .cont .btnGroup.font button.fontSize3 span{font-size:18px;}
.box-pop .cont .btnGroup.font button.fontSize4 span{font-size:20px;}
.box-pop .cont .btnGroup.font button.fontSize5 span{font-size:22px;}
.box-pop .cont .btnGroup.font button:hover{background-color:var(--gray-bg2);}


/* 기사 상세 하단 많이 본 기사 */
.box-mostNews {padding-bottom:30px;}
.box-mostNews .swiper-slide article{display:flex; justify-content: flex-start; align-items: center; margin-bottom:16px; padding-bottom:16px; border-bottom:1px solid var(--line-gray3);}
.box-mostNews .swiper-slide article:last-child{border-bottom:none; margin-bottom:0px; padding-bottom:0px;}
.box-mostNews .swiper-slide article:hover {text-decoration:none;}
.box-mostNews .swiper-slide article:hover .txtCont {text-decoration: underline;}
.box-mostNews .swiper-slide article p.rank{flex:0 0 28px; font-size:24px; font-weight:bold; line-height:24px; text-align:left;}
.box-mostNews .swiper-slide article p.rank.c{color:var(--primary-color)}
.box-mostNews .swiper-slide article .titCont{flex:1 0 48.44%; margin:0 20px 0 11px;}
.box-mostNews .swiper-slide article .titCont .tit{overflow:hidden; font-size:16px; font-weight:bold; line-height:25px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
.box-mostNews .swiper-slide article .thumCont{overflow:hidden; position:relative; flex:1 1 0; height:0; padding-bottom:14.28%; border-radius:4px;}
.box-mostNews .swiper-slide article .thumCont img{position:absolute; top:0; left:0; width:100%; min-height:100%; object-fit: cover;}
.box-mostNews .swiper-button-next{display:none;}
.box-mostNews .swiper-button-prev{display:none;}
.box-mostNews .swiper-pagination{display:none;}


/* 기사 상세 하단 오늘의 헤드라인 */
.box-headLine .headSwiper {padding-bottom:48px;}
.box-headLine .thumCont{overflow:hidden; position:relative; flex:1 1 0; height:0; margin-bottom:8px; padding-bottom:61.31%; border-radius:4px;}
.box-headLine .thumCont img{position:absolute; top:0; left:0; width:100%; min-height:100%; object-fit: cover;}
.box-headLine .titCont .tit{overflow:hidden; font-size:17px; line-height:24px; font-weight:bold;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

/* 기사 상세 하단 많이 본 사진 */
.box-mostPic .mostpicSwiepr{padding-bottom:48px;}

.box-mostPic .thumCont{overflow:hidden; position:relative; flex:1 1 0; height:0; margin-bottom:8px; padding-bottom:73.33%; border-radius:4px;}
.box-mostPic .thumCont img{position:absolute; top:0; left:0; width:100%; min-height:100%; object-fit: cover;}
.box-mostPic .titCont .tit{overflow:hidden; font-size:17px; font-weight:bold; line-height:24px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

/* 페이지 404 , 뉴시스 클럽*/
.info-page {width:100%; padding:80px 0 0 0 ;}
.info-page .inner{text-align:center; padding-bottom:90px; }
.info-page .inner .img{margin-bottom:40px;}
.info-page .inner .txt1{margin-bottom:40px; font-size:32px; line-height:42px;}
.info-page .inner .txt2{margin-bottom:40px; color:#555; font-size:17px; line-height:26px;}
.info-page .inner button{padding:12px 120px; border-radius:4px; background-color:var(--primary-color); color:#fff;}
.info-page .inner.club img{max-width:100%;}
.info-page .box-mostNews{max-width:900px; margin:0 auto;}


/* 페이징 */
/* 페이징 광장 기획특집 예외처리 */
.box-content .box-inner+.box-page{margin-bottom:30px;}
.box-page{display:flex; justify-content: center; align-items: center; padding-bottom:30px; }
.box-page button{opacity:.5;}
.box-page button:hover{opacity: 1;}
.box-page button.prev{margin-right:18px;}
.box-page button.pprev{margin-right:18px;}
.box-page button.next{margin-left:18px;}
.box-page button.nnext{margin-left:18px;}
.box-page a{display:block; width:34px; height:34px; margin:0 6px; line-height:32px; text-align:center; color:#555; font-size:14px;}
.box-page a.active{background-color:var(--primary-color); color:#fff; font-weight:bold; border-radius:50%;}


/* 모달 팝업 */

/* 햅버거 전체 메뉴 *//* 햅버거 전체 메뉴 *//* 햅버거 전체 메뉴 */
/* 햅버거 전체 메뉴 *//* 햅버거 전체 메뉴 *//* 햅버거 전체 메뉴 */
.modal.allMenu{display:none; position:fixed; top:0; left:0; width:290px; background-color:#fff; z-index: 10;}
.modal.allMenu .mo-header{position:relative; margin-bottom:8px; padding:16px;}
.modal.allMenu .mo-header .logo{width:94px; height:auto;}
.modal.allMenu .mo-header .logo img{width:100%;}
.modal.allMenu .mo-header button{position:absolute; top:21px; right:16px; width:24px; height:24px;}
.modal.allMenu .mo-header button img{width:100%;}
.modal.allMenu .mo-cont {overflow-y:auto; height:calc(100vh - 104px); padding:16px 0 16px 16px;}
.modal.allMenu .mo-cont p{height:40px; line-height:40px; font-weight:bold;}
.modal.allMenu .mo-cont .line{position:relative; margin-top:32px;}
.modal.allMenu .mo-cont .line:after{content:''; position:absolute; top:-16px; left:0; width:100%; height:1px; background-color:var(--line-gray3)}
.modal.allMenu .mo-cont .menu{position:relative;}
.modal.allMenu .mo-cont .menu .c1{color:var(--nshot-color);}
.modal.allMenu .mo-cont .menu .c2{color:var(--primary-color);}
.modal.allMenu .mo-cont .menu.drop button{position:absolute; top:0; right:0; display:flex; justify-content: center; align-items: center; width:40px; height:40px;}
.modal.allMenu .mo-cont .menu.drop button:hover{background-color:rgba(0,0,0, .1)}
.modal.allMenu .mo-cont .menu.drop button img{transform: rotate(0deg);}
.modal.allMenu .mo-cont .menu.drop button.active img{transform: rotate(180deg);}
.modal.allMenu .mo-cont .menu.drop p a{display:block; margin-right:40px;}
.modal.allMenu .mo-cont .menu ul{display:none; margin:0 16px 16px 0; padding:4px 16px; border-radius:4px; background-color:var(--gray-bg);}
.modal.allMenu .mo-cont .menu ul.active{display:block;}
.modal.allMenu .mo-cont .menu ul li{padding:12px 0; border-bottom:1px solid var(--line-gray3);}
.modal.allMenu .mo-cont .menu ul li:last-child{border-bottom:none;}
.modal.allMenu .mo-cont .menu ul li a{display:block;}
.modal.allMenu .mo-cont .social{padding:16px 0;}
.modal.allMenu .mo-cont .social ul{display:flex; justify-content: flex-start; flex-wrap: wrap;}
.modal.allMenu .mo-cont .social ul li{margin:0 32px 24px 0;}
.modal.allMenu .mo-cont .social ul li:nth-last-child(-n+3){margin-bottom:0px;}
.modal.allMenu .mo-cont .lang{padding:16px 0;}
.modal.allMenu .mo-cont .lang ul{display:flex; justify-content: flex-start; }
.modal.allMenu .mo-cont .lang ul li{position:relative; margin-right:8px; padding-right:8px;}
.modal.allMenu .mo-cont .lang ul li:after{content:''; position:absolute; top:6px; right:0px; width:1px; height:12px; background-color:var(--line-gray2);}
.modal.allMenu .mo-cont .lang ul li:last-child{margin-right:0px; padding-right:0px;}
.modal.allMenu .mo-cont .lang ul li:last-child:after{display:none;}


/* 검색영역 *//* 검색영역 *//* 검색영역 */
/* 검색영역 *//* 검색영역 *//* 검색영역 */
.box-search{display:none; position:fixed; left:0; padding:30px 0; width:auto; border-top:2px solid #222; border-bottom:2px solid #222; background-color:var(--gray-bg); z-index:8;}
.box-search.active{display:block;}
.box-search .box-inner .search{display:flex; justify-content: center;}
.box-search .box-inner .search form{display:flex; justify-content: center; width:100%;}
.box-search .box-inner input{max-width:800px; width:calc(100% - 16px); height:50px; padding:0 8px; border-top-left-radius: 4px; border-bottom-left-radius: 4px; border:1px solid #222; text-align:left; box-sizing: border-box;}

/* 기사 상세 댓글영역 *//* 기사 상세 댓글영역 *//* 기사 상세 댓글영역 */
/* 기사 상세 댓글영역 *//* 기사 상세 댓글영역 *//* 기사 상세 댓글영역 */
.modal.box-reply{display:none; position:fixed; top:0; right:0; width:calc(570px - 32px); height:calc(100vh - 60px); padding:30px 16px;  background-color:#fff; z-index: 10;}
.modal.box-reply .top{position:relative; margin-bottom:8px; padding:0 0 24px 0;}
.modal.box-reply .top button.close{position:absolute; top:4px; right:0; width:24px; height:24px;}
.modal.box-reply .top button.close img{width:auto; }

/* 플래시 팝업 */
.box-popFlash { display:none; position:fixed; left:0; bottom:16px; width:100%; z-index: 10;}
.box-popFlash.active{display:block;}
.box-popFlash .box-inner{border-radius:4px; background-color:var(--primary-color);}
.box-popFlash p{padding:12px; color:#fff;}
.box-popFlash p.chk{padding:12px 12px 12px 32px; background:url(../images/ico_chk.png) no-repeat 12px 50%;}

/* 기사 상세 프린트 팝업 */
.modal.boxPrint {position:fixed; top:30px; left:50%; width:800px; margin-left:-400px; border-radius:4px; box-shadow:0px 3px 6px rgba(0,0,0, .29); background-color:#fff; z-index: 10;}
.modal.boxPrint .top{display:flex; justify-content: space-between; align-items: center; padding:20px 30px; border-bottom:2px solid #4B5564;}
.modal.boxPrint .top button{padding:6px 20px; border-radius:18px; line-height:1.5;}
.modal.boxPrint .top button.print {margin-right:16px; background-color:var(--primary-color); color:#fff; }
.modal.boxPrint .top button.cancel{background-color:var(--gray-bg2); color:#555;}
.modal.boxPrint .cont {overflow-y:auto; max-height:calc(100vh - 198px);  padding:30px 30px;}
.modal.boxPrint .box-inner{border-bottom:none; margin-bottom:0px;}

/* 로딩 */
.box-loading{display:none; position:fixed; top:0; left:0; width:100%; height:100vh; background-color:rgba(0,0,0, .5); z-index: 9;}
.box-loading.active{display:block;}
.box-loading .box-inner {display:flex; justify-content: center; align-items: center; width:100%; height:100vh;}
.box-loading .box-inner img{width:180px; height:auto;}

/* rss 서비스 안내 페이지 */
.box-rss{padding-top:50px; width:100%;}
.box-rss dl{margin-bottom:40px; }
.box-rss dl dt{margin-bottom:16px; font-size:18px; font-weight:bold;}
.box-rss dl dd{font-size:16px; line-height:1.5;}
.box-rss dl dd ul{display:flex; justify-content: flex-start; flex-wrap: wrap;}
.box-rss dl dd ul li{flex:1 1 50%; position:relative; margin-bottom:16px;}
.box-rss dl dd ul li span {position:relative; width:100%; margin-bottom:8px; padding-left:10px;}
.box-rss dl dd ul li span:after{content:''; position:absolute; top:11px; left:0; width:4px; height:4px; border-radius:50%; background-color:var(--primary-color);}
.box-rss dl dd ul li a{display:inline-block; padding-right:20px; word-break: break-all;}