/*기본*/
.wrap_width {width:1260px; margin:0 auto; }
.flex {display:flex; align-items:center;}
.container {position:relative; } 
.radius {border-radius:0px;}
.radius2 {border-radius:0px;}

/*사이드배너*/
.side_banner_wrap {width:1680px; margin:0 auto 0 auto; position:sticky; position: -webkit-sticky;  top:0px; z-index:9;}
.side_banner_wrap .side_banner {position:absolute; margin-top:20px; max-width:160px;}
.side_banner_wrap .side_banner img {max-width:100%;}
.side_banner_wrap .left .side_banner {left:0%;}
.side_banner_wrap .right .side_banner {right:0%;}
.side_banner_wrap .item_ {width:100%}
.main .side_banner_wrap {top:50px;}

/*메인,서브공통*/
.main .content {display:flex;} /*con과 side_con영역을 분할해주는 class*/
.main .content01 {margin:40px 0 50px 0;} /*상단 content영역*/
.main .content01 .con {display:flex; width:100%; margin-right:0;} /*50% 2단구조*/
.main .content01 .con1 {position:sticky; position: -webkit-sticky; left:0; top:70px; align-self:flex-start; width:calc(100% - 27% - 30px);  margin-right:30px; padding-right:30px; border-right:1px solid #ededed }/*2단구조 왼쪽*/
.main .content01 .con2 {position:sticky; position: -webkit-sticky; left:0; top:70px; align-self:flex-start; width:27%;  }/* 2단구조 오른쪽*/
.main .content02 {margin:40px 0 5% 0;} /*하단 content영역*/
.main .content02 .con {width:calc(100% - 27% - 30px); border-right:1px solid #ddd; padding-right:30px; margin-right:30px;}
.main .con {top:70px;} /*픽스헤더값빼기*/
.main .side_con {top:70px;} /*픽스헤더값빼기*/
.con {position:sticky; position: -webkit-sticky; left:0; top:0; align-self:flex-start; width:calc(100% - 27% - 40px); margin-right:40px; } /*사이드콘을 제외한 영역. 100%에서 side_con,의 width값과 con의 margin값 빼기*/
.side_con {position:sticky; position: -webkit-sticky; left:0; top:0; align-self:flex-start; width:27%; } /*사이드 영역*/
.side_con .news-skin- {margin:20px 0;}
.side_con>div:nth-child(2) {margin-top:0;}
.side_con>div:last-child {margin-bottom:0;}
.side_con>div:last-child .item_  {margin-bottom:0;}
figure {position:relative; overflow:hidden;}
figure img {display:block; position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); width:100%; height:100%; object-fit:cover;}
.zoom:hover figure img {transform:translate(-50%, -50%) scale(1.04);} /*마우스 hover시 zoom효과. a태그에 넣기*/
.zoom figure img { transition:transform .3s ease-in-out;}
.description {font-size:14px; line-height:22px; color:#777; width:100%;}
.main h3 {color:#222;}
.emphasis {display:inline-block !important; font-weight:800 !important; margin:0 7px 0 0 !important; font-size:inherit !important; background:none !important; border-radius:0 !important; padding:0 !important;}
a:hover h3 {text-decoration:underline !important;}
.no_img figure {display:none;}
.full_wrap {} /*100%영역을 쓰는 article을 감싸주는 class*/


/*메인헤드라인*/
.headline {display:flex; align-items:start; gap:0 25px; margin:30px 0 30px; border-bottom:1px solid #b8b8b8; padding-bottom:30px;}
.headline .headline01 {width:55%;}
.headline .headline01 figure {width:100%; padding-bottom:63.15%; margin-bottom:20px;}
.headline .headline01 h3 {font-size:32px; line-height:42px; font-weight:800; margin-bottom:10px;}
.headline .headline01 a {display:inline-table; width:100%;}
.headline .headline01 .description {font-size:18px; line-height:26px;}
.headline .headline01 .no_img .description {-webkit-line-clamp:10}
.headline .headline02 {display:flex; flex-wrap:wrap; gap:25px; width:calc(100% - 55% - 25px); }
.headline .headline02 li {width:calc((100% - 25px) / 2);}
.headline .headline02 figure {width:100%; padding-bottom:66%; margin-bottom:15px;}
.headline .headline02 h3 {font-size:20px; line-height:28px; font-weight:750;}
.headline .headline02 .description {display:none; margin-top:10px;}
.headline .headline02 .no_img .description {display:-webkit-box}

/*실시간뉴스*/
.rise {background:#f5f5f5;}
.rise > .flex {padding:13px 13px; gap:0 15px;}
.rise h2 {width:90px; min-width:90px; color:var(--bg-txt-color); font-size:15px; font-weight:bold; background:var(--pick-color);  padding:10px 0; text-align:center;}
.rise h3 {font-size:15px; color:#333;}
.rise .rise_btn {justify-content:center; width:30px; min-width:30px; font-size:18px;}
.rise .swiper-container {width:calc(100% - 90px - 30px - 30px - 5px); margin:initial;}
.rise ul {height:30px;}
.rise li {/*height:40px !important; line-height:40px !important;*/ line-height:30px;}


/*메인탑뉴스*/
.main_topnews {}
.main_topnews ul {display:flex; flex-wrap:wrap;}
.main_topnews li {width:50%;}
.main_topnews li {padding-top:40px;}
.main_topnews li:nth-child(-n+2) {padding-top:0;}
.main_topnews li:nth-child(odd) {padding-right:30px;}
.main_topnews li:nth-child(even) {padding-left:30px; border-left:1px solid #ededed;}
.main_topnews h3 {font-size:18px; line-height:26px; height:52px; font-weight:bold; margin-bottom:15px;}
.main_topnews .img_wrap {gap:15px;}
.main_topnews figure {flex:1; padding-bottom:20%;}
.main_topnews .description {flex:2;}

.main_topnews2 .big a {display:block; position:relative; }
.main_topnews2 .big figure {width:100%; padding-bottom:100%; }
.main_topnews2 .big figure::before {content:""; display:block; position:absolute; left:0; bottom:0; right:0; background-image:linear-gradient(to top, rgba(0,0,0,.8), rgba(255,255,255,0)); width:100%; height:65%; z-index:1;}
.main_topnews2 .big .h3_text_wrap {position:absolute; left:0; bottom:0; padding:0 15px 15px 15px; z-index:2;}
.main_topnews2 .big h3 {font-size:18px; line-height:26px; color:#fff; font-weight:bold;}
.main_topnews2 .big .description {display:none; margin-top:10px;}
.main_topnews2 .big .no_img .h3_text_wrap {position:relative; padding:0 0 15px 0; border-bottom:1px dotted #e5e5e5;}
.main_topnews2 .big .no_img h3 {color:#111;}
.main_topnews2 .big .no_img .description {display:-webkit-box}
.main_topnews2 ul {}
.main_topnews2 ul li.first {margin-top:20px; padding:0; border-top:0;}
.main_topnews2 ul li.first .h3_text_wrap {gap: 0 15px; margin-bottom:10px;}
.main_topnews2 ul li.first figure {flex:0.8; padding-bottom:25%; }
.main_topnews2 ul li.first h3 {flex:1.2; font-weight:bold; font-size:18px; line-height:26px;}
.main_topnews2 ul li:nth-child(2) {margin-top:15px;}
.main_topnews2 ul li {padding:15px 0; border-top:1px dotted #e5e5e5;}
.main_topnews2 ul li figure {flex:0.6; padding-bottom:20%;}
.main_topnews2 ul li h3 {flex:1.4; font-weight:bold; font-size:18px; line-height:26px;}
.main_topnews2 ul li a {gap:0 15px;}
.main_topnews2 ul li:last-child {padding-bottom:0;}


/*메인섹션뉴스*/
.main_section01 .section_skin {width:100%; padding-top:30px; border-top:1px solid #aaa; margin-top:40px;}
.main_section01 .section_skin:first-child  {margin-top:0; padding-top:0; border-top:0;}
.main_section01 .section_skin h2 {justify-content:space-between; gap:0 20px; font-weight:800; font-size:20px; margin-bottom:20px; color:#000; }
.main_section01 .section_skin h2 a {border:1px solid #ddd; padding:5px 8px; border-radius:50px; font-size:12px; color:#888;}

.main_section01 .section_skin01 ul {gap:0 40px; flex-wrap:wrap;}
.main_section01 .section_skin01 ul li {width:calc((100% - 40px) / 2); padding:20px 0; border-top:1px solid #e5e5e5;}
.main_section01 .section_skin01 ul li:nth-child(-n+2) {border-top:0; padding-top:0;}
.main_section01 .section_skin01 a {gap:0 30px;}
.main_section01 .section_skin01 h3 {flex:2; font-size:18px; line-height:26px; font-weight:650;}
.main_section01 .section_skin01 figure {flex:0.9; padding-bottom:18%;}
.main_section01 .section_skin02 .wrap {display:flex; flex-wrap:wrap; gap:0 40px;}
.main_section01 .section_skin02 .big { width:calc((100% - 40px) / 2);}
.main_section01 .section_skin02 .big figure {width:100%; padding-bottom:60%; margin-bottom:15px;}
.main_section01 .section_skin02 .big h3 {font-size:20px; line-height:28px; font-weight:650;}
.main_section01 .section_skin02 .big .description {margin-top:10px;}
.main_section01 .section_skin02 .small { width:calc((100% - 40px) / 2);}
.main_section01 .section_skin02 .small li {border-bottom:1px solid #e5e5e5; padding:23px 0;}
.main_section01 .section_skin02 .small li:first-child {padding-top:0}
.main_section01 .section_skin02 .small li:last-child {border-bottom:none; padding-bottom:0}
.main_section01 .section_skin02 .small a {gap:0 30px;}
.main_section01 .section_skin02 .small h3 {flex:2; font-size:18px; line-height:26px; font-weight:650;}
.main_section01 .section_skin02 .small figure {flex:0.9; padding-bottom:17%;}
.main_section01 .section_skin02 .small_list {display:flex; gap:0 40px; flex-wrap:wrap; margin-top:23px;}
.main_section01 .section_skin02 .small_list li {width:calc((100% - 40px) / 2); padding:20px 0; border-top:1px solid #e5e5e5;}
.main_section01 .section_skin02 .small_list a {gap:0 30px;}
.main_section01 .section_skin02 .small_list h3 {flex:2; font-size:18px; line-height:26px; font-weight:650;}
.main_section01 .section_skin02 .small_list figure {flex:0.9; padding-bottom:18%;}
.main_section01 .section_skin03 ul {display:flex; flex-wrap:wrap; gap:0 30px;}
.main_section01 .section_skin03 li {position:relative; width:calc(50% - 30px); padding:18px 0; border-top:1px solid #e5e5e5;}
.main_section01 .section_skin03 li:nth-child(-n+2) {border-top:none; padding-top:0;}
.main_section01 .section_skin03 li:nth-child(even) {margin-left:30px;}
.main_section01 .section_skin03 li:nth-child(even)::before {position:absolute; left:-30px; top:0; content:""; display:inline-block; width:1px; height:calc(100% + 2px);  background:#e5e5e5; clear:both;}
.main_section01 .section_skin03 h3 {font-size:18px; line-height:26px; font-weight:650;}



/*핫이슈*/
.hot_issue {margin-bottom:30px; padding-bottom:40px; border-bottom:1px solid #aaa}
.hot_issue .top {display:flex; gap:0 40px;}
.hot_issue .top .big {width:calc((100% - 40px) / 2);}
.hot_issue .top .big h3 {font-size:22px; line-height:30px; font-weight:bold; margin-bottom:15px;}
.hot_issue .top .big figure {width:100%; padding-bottom:63%; margin-top:20px;}
.hot_issue .top ul {width:calc((100% - 40px) / 2);}
.hot_issue .top ul li:first-child a {padding-top:0;}
.hot_issue .top ul li:last-child a {padding-bottom:0;}
.hot_issue ul h3 {font-size:18px; line-height:26px; font-weight:bold;}
.hot_issue ul a {display:block; padding:10px 0;}
.hot_issue .bottom {display:flex; flex-wrap:wrap; gap:0 40px; margin-top:9px;}
.hot_issue .bottom li {width:calc((100% - 40px) / 2);}

/*포토슬라이드*/
.photo_news {background:#f5f6f8; padding:40px 0 40px 0; border-top:1px solid #dddddd; border-bottom:1px solid #dddddd;}
.photo_news .main_title {justify-content:space-between;  margin-bottom:20px}
.photo_news .main_title > div {gap:0 15px;}
.photo_news .main_title ul {gap:0 px;}
.photo_news .main_title ul li {display:flex; align-items:center; justify-content:center; font-size:24px; cursor:pointer; color:#888; font-weight:bold; background:#fff; padding:4px; overflow:hidden; box-shadow:0 0 5px rgba(0,0,0,0.05); border:1px solid #e5e5e5;}
.photo_news .main_title .prev {border-radius:3px 0 0 3px;}
.photo_news .main_title .next {border-radius:0px 3px 3px 0px; border-left:0;}
.photo_news .main_title .swiper-pagination {bottom:initial; color:#666; font-weight:bold;}
.photo_news .main_title .swiper-pagination .swiper-pagination-current {color:var(--bg80); font-weight:800}
.photo_news h2 {font-size:20px; color:#000; font-weight:800; }
.photo_news h3 {font-size:18px; line-height:26px; color:#222; font-weight:bold;}
.photo_news figure {width:100%; padding-bottom:60%; }
.photo_news .no_img .description {display:-webkit-box;}
.photo_news .no_img .text_wrap {border-top:1px solid #ddd;}
.photo_news .description {display:none; margin-top:10px;}
.photo_news .swiper-wrapper {padding:1px;}
.photo_news .swiper-container {}
.photo_news .swiper-container .text_wrap {padding:20px; border-left:1px solid #ddd; border-bottom:1px solid #ddd; border-right:1px solid #ddd;}
.photo_news .swiper-container li {background:#fff; }
.photo_news .swiper-container li a {display:block; }

/*메인동영상뉴스*/
.main_video {border-top:1px solid #aaa; padding-top:30px; margin-top:40px;}
.main_video h2 {justify-content:space-between; gap:0 20px; font-weight:800; font-size:20px; margin-bottom:20px; color:#000; }
.main_video h2 a {border:1px solid #ddd; padding:5px 8px; border-radius:50px; font-size:12px; color:#888;}
.main_video .big {gap:0 40px; width:100%;}
.main_video .big .iframe_p {position:relative; height:0; width:calc((100% - 40px) / 2); padding-bottom:30%;}
.main_video .big .iframe_p iframe {position:absolute; top:0; left:0; width:100%; height:100%;}
.main_video .big .text_wrap {width:calc((100% - 40px) / 2);}
.main_video .big h3 {font-size:22px; line-height:30px; font-weight:bold; margin-bottom:20px;}
.main_video .big .description {font-size:15px; line-height:23px;}
.main_video ul {gap:0 40px; flex-wrap:wrap;}
.main_video ul li {width:calc((100% - 40px) / 2); padding:20px 0; border-top:1px solid #e5e5e5;}
.main_video ul li:first-child {border-top:0;}
.main_video a {gap:0 30px;}
.main_video h3 {flex:2; font-size:18px; line-height:26px; font-weight:650;}
.main_video figure {flex:0.9; padding-bottom:18%;}

/*메인포토뉴스*/
.main_photo {border-top:1px solid #aaa; padding-top:30px; margin-top:40px;}
.main_photo h2 {font-weight:800; font-size:20px; margin-bottom:20px; color:#000; }
.main_photo .wrap {display:grid; grid-template-columns: repeat(4, 1fr); gap:5px; grid-gap:5px;}
.main_photo .big {grid-column:1 / span 2; grid-row:1 / span 2;}
.main_photo .big .h3_wrap {position:absolute; left:0; bottom:0; width:100%; background:rgba(0,0,0,0.7); text-align:center; padding:15px 20px;}
.main_photo .big h3 { color:#fff; font-weight:bold; font-size:18px; line-height:26px;}
.main_photo .big a {position:relative; display:block;}
.main_photo figure {width:100%; padding-bottom:66%;}
.main_photo .small {position:relative;background:#fff;}
.main_photo .small .h3_wrap {position:absolute; bottom:0; display:inline-block; background:rgba(0,0,0,0.7); text-align:center; opacity:0;}
.main_photo .small:hover .h3_wrap {opacity:1;}
.main_photo .small:hover figure {opacity:1;}  
.main_photo .small a {display:block; padding:10px;}
.main_photo .small h3 {font-size:15px; line-height:22px; color:#fff;}
.main_photo .small figure {opacity:0.6;} 
.main_photo .small.active figure {opacity:1;}



/***@@@@@@@@@@@사이드@@@@@@@@@@@****/
/*사이드공통*/
.side_con .main_title {justify-content:space-between; margin-bottom:20px;}
.side_con .main_title a {display:block; border:1px solid #ddd; padding:5px 8px; border-radius:50px; font-size:12px; color:#888;}
.side_con h2,
.side_con article.side_section h2 span {font-size:20px; font-weight:800; color:#000}
.side_con h3 {font-size:16px; line-height:24px; font-weight:bold;}

.content01 .side_con h2,
.content01 .side_con article.side_section h2 span { color: var(--pick-color); }

/*많이본기사*/
.side_rank h2 {letter-spacing:-0.5px; font-size:22px; padding-bottom:20px;}
.side_rank h2 b { color:#000; ; font-weight:800; }
.side_rank h2 span {font-weight:900; color:var(--pick-color);}
.side_rank ul li {border-bottom:1px dotted #e5e5e5;}
.side_rank ul li a {gap:0 15px; padding:13px 0; }
.side_rank ul li:first-child {border-bottom:none;}
.side_rank ul li:first-child a {flex-wrap:wrap; padding:0;}
.side_rank ul li:first-child figure {flex:none; width:100%; padding-bottom:66%;}
.side_rank ul li:first-child h3 {flex:none; width:calc(100% - 10% - 10px); font-weight:900; color:#fff;}
.side_rank ul li:first-child em {flex:none; width:10%; color:#fff;}
.side_rank ul li:first-child .rank_wrap {gap:0 10px; width:100%; background:#102039; padding:15px 15px 15px 10px;}
.side_rank .rank_wrap {width:calc(100% - 20px); gap:0 20px; justify-content:space-between; }
.side_rank em {flex:1; font-size:26px; font-weight:900; color:#222;  text-align:center;}
.side_rank h3 {flex:2; font-size:16px; line-height:24px; font-weight:700; color:#333}
.side_rank .no_img h3 {width:100%;}
.side_rank figure {flex:0.9; padding-bottom:20%;}

/*사이드 포토뉴스*/
.side_photo h2 {}
.side_photo .swiper-container {position:relative;}
.side_photo .swiper-container:hover button {transition: 0.5s ease-out; opacity:1}
.side_photo .swiper-container:not(:hover) button {transition:0.5s ease-out;}
.side_photo a {position:relative; display:block; overflow:hidden;}
.side_photo .no_img .h3_text_wrap {position:relative; padding:20px;}
.side_photo .no_img h3 {color:#222;}
.side_photo .no_img .description {display:-webkit-box}
.side_photo figure::before {content:""; display:block; position:absolute; left:0; bottom:0; right:0; background-image:linear-gradient(to top, rgba(0,0,0,.7), rgba(255,255,255,0));  width:100%; height:55%; z-index:1;}
.side_photo figure {width:100%; padding-bottom:100%; }
.side_photo .h3_text_wrap {position:absolute; left:0; bottom:0; right:0; padding:0 20px 20px 20px;z-index:2; }
.side_photo h3 {font-size:20px; line-height:26px; color:#fff; font-weight:bold; }
.side_photo button {position:absolute; top:45%; background:rgba(0,0,0,0.5); font-size:30px; color:#fff; padding:10px 0; opacity:0; z-index:5;}
.side_photo button.prev {left:0;}
.side_photo button.next {right:0;}
.side_photo .description {display:none; margin-top:10px;}

/*사이드 섹션뉴스*/
.side_con article.side_section > div {margin-bottom:30px;}
.side_con article.side_section > div:last-child {margin-bottom:0;}
.side_con article.side_section > div:first-child .main_title {border-top:0; padding-top:0}
.side_con article.side_section .main_title {border-top:1px solid #ddd; padding-top:30px;}
.side_con article.side_section h2 {position:relative; /* color:var(--pick-color); */}
/*.side_con article.side_section h2 span::after {content:""; position:absolute; top:-15px; left:0; display:inline-block; width:100%; height:2px; background:var(--pick-color);}*/

.side_section_skin01 ul {display:flex; gap:20px; flex-wrap:wrap;}
.side_section_skin01 li {width:calc((100% - 20px) / 2);}
.side_section_skin01 li a {display:inline-table; width:100%; }
.side_section_skin01 figure {padding-bottom:63%; margin-bottom:10px;}
.side_section_skin01 .description {display:none; margin-top:10px;}
.side_section_skin01 .no_img .description {display:-webkit-box; }

.side_section_skin02 ul {display:flex; flex-direction:column; gap:15px;}
.side_section_skin02 ul a {gap:15px;}
.side_section_skin02 figure {/*width:20%; min-width:100px;*/flex:0.8; padding-bottom:20%;}
.side_section_skin02 h3 {/*width:calc(100% - 20% - 15px);*/flex:2; }
.side_section_skin02 .no_img h3 {width:100%;}

.side_section_skin03 ul {display:flex; flex-direction:column; gap:10px; }
.side_section_skin03 li:last-child h3 {border-bottom:none;}
.side_section_skin03 h3 {padding-bottom:10px; border-bottom:1px dotted #eee;}

.side_section_skin04 ul {display:flex; gap:25px; flex-wrap:wrap;}
.side_section_skin04 ul li {width:100%;}
.side_section_skin04 ul li a {display:inline-table; width:100%;}
.side_section_skin04 figure {padding-bottom:48%; margin-bottom:10px;}
.side_section_skin04 .description {display:none; margin-top:10px;}
.side_section_skin04 .no_img .description {display:-webkit-box; }

.side_section_skin05 figure {min-width:75px; width:75px;  height:75px; border-radius:100px; border:1px solid #eee;}
.side_section_skin05 li {margin-bottom:15px;}
.side_section_skin05 li:last-child {margin-bottom:0;}
.side_section_skin05 li a {gap:15px;}
.side_section_skin05 li span {font-size:13px; margin-bottom:7px; color:var(--bg90);}


/*사이드 동영상뉴스*/
.side_video .box {border:1px solid #eee; padding:10px;}
.side_video .big {padding-bottom:15px}
.side_video .video {position:relative; padding-bottom:60%; width:100%; height:0; margin-bottom:15px; overflow:hidden;}
.side_video .video iframe {position:absolute; top:0; left:0; width:100%; height:100%;}
.side_video .big h3 {font-size:18px; line-height:26px; font-weight:800;}
.side_video ul {display:flex; flex-direction:column; }
.side_video ul a {gap:15px;}
.side_video ul li {border-bottom:1px solid #eee; padding:10px 0;}
.side_video ul li:last-child {border-bottom:0; padding-bottom:0}
.side_video ul figure {/*width:20%; min-width:100px;*/ flex:1; padding-bottom:20%;}
.side_video ul span {display:block; font-size:12px; margin-top:5px; color:#999}
.side_video ul .text_wrap {/*width:calc(100% - 20% - 15px);*/ flex:2;}
.side_video ul .no_img .text_wrap {width:100%;}


/*사이드 핫채널*/
.side_hot_channel .box {border:1px solid #eee; padding:10px;}
.side_hot_channel .big {position:relative; margin-bottom:10px;}
.side_hot_channel .big:hover button {transition: 0.5s ease-out; opacity:1}
.side_hot_channel .big:not(:hover) button {transition:0.5s ease-out;}
.side_hot_channel .big a {position:relative; display:block; overflow:hidden;}
.side_hot_channel .big figure {padding-bottom:70%;}
.side_hot_channel .big figure::before {content:""; display:block; position:absolute; left:0; bottom:0; right:0; background-image:linear-gradient(to top, rgba(0,0,0,.7), rgba(255,255,255,0));  width:100%; height:55%; z-index:1;}
.side_hot_channel .big .h3_text_wrap {position:absolute; left:0; bottom:0; right:0; padding:0 20px 15px 20px;z-index:2; }
.side_hot_channel .big h3 {font-size:20px; line-height:26px; color:#fff; font-weight:bold; }
.side_hot_channel .thumbs figure {padding-bottom:60%; cursor:pointer;}
.side_hot_channel button {position:absolute; top:40%; background:rgba(0,0,0,0.5); font-size:30px; color:#fff; padding:10px 0; opacity:0; z-index:5;}
.side_hot_channel button.prev {left:0;}
.side_hot_channel button.next {right:0;}
.side_hot_channel .description {display:none; margin-top:10px;}
.side_hot_channel .no_img .description {display:-webkit-box;}
.side_hot_channel .no_img .h3_text_wrap {position:relative; padding:20px;}
.side_hot_channel .no_img .h3_text_wrap h3 {color:#222;}

/*사이드 최신기사*/
.side_time h3 {flex:2; font-size:16px; line-height:24px; color:#222;}
.side_time figure {flex:0.9; padding-bottom:20%;}
.side_time .time_list li {position:relative; display:flex; gap:10px; padding-bottom:10px; overflow:hidden;}
.side_time .time_list li::before {content:""; display:inline-block; min-width:8px; height:8px; background:#ddd; border:3px solid #fff;  border-radius:50px;}
.side_time .time_list li::after {content:""; display:inline-block; position:absolute; top:5px; left:6px; height:100%; border:1px dashed #ddd; }
.side_time .time_list li a {gap:0 20px; width:100%; background:#fff; border:1px solid #eee; padding:10px 10px 10px 15px; box-shadow:0 0 0 1px rgba(76,77,79,0.05);}
.side_time .no_img figure {display:none;}
.side_time .no_img h3 {width:100%;}

/*사이드 쇼츠*/
.side_shorts .box {border:1px solid #eee; padding:10px;}
.side_shorts .video {position:relative; padding-bottom:177.78%; width:100%; height:0; overflow:hidden; border-radius:5px 5px 0 0;}
.side_shorts .video iframe {position:absolute; top:0; left:0; width:100%; height:100%;}
.side_shorts .h3_text_wrap {position:relative; left:0; bottom:0; right:0; background:#000; padding:0px 20px 20px 20px; border-radius:0 0 5px 5px; z-index:2; }
.side_shorts .h3_text_wrap::before {content:""; display:block; position:absolute; top:-80px; left:0; bottom:0; right:0; background:linear-gradient(180deg, rgba(255,255,255,0) 0%, rgba(0,0,0,1) 100%); width:100%; height:80px; z-index:1;}
.side_shorts h3 {position:relative; z-index:2;}
.side_shorts h3 a {color:#fff; font-weight:bold; font-size:20px; line-height:26px; text-shadow:0 0 10px rgba(0,0,0,1);}
.side_shorts h3 a:hover {text-decoration:underline !important;}
.side_shorts .btn {justify-content:center; gap:20px; margin:15px 0 10px 0;}
.side_shorts .btn button {border:1px solid #e1e1e1; border-radius:100px; width:40px; height:40px; font-size:22px;}
.side_shorts .btn button:hover {background:#f9f9f9;}
.side_shorts .swiper-pagination-fraction,
.side_shorts .swiper-pagination-custom,
.side_shorts .swiper-container-horizontal > .swiper-pagination-bullets {bottom:initial; left:initial; width:auto; color:#999; width:40px; }
.side_shorts .swiper-pagination-current {color:var(--pick-color); font-weight:bold;}
.side_shorts .swiper-pagination-total {font-weight:400;}

/*하단섹션*/

/*사이드 공지사항*/
.side_notice .box {border:4px solid #f1f3fa; padding:10px; box-shadow:0 0 0 2px rgba(76,77,79,0.1); background:#fff;}
.side_notice .box ul li {display:flex; align-items:center; border-bottom:2px solid #f1f3fa;}
.side_notice .box ul li:last-child {border-bottom:none;}
.side_notice .box ul li a {display:block; width:calc(100% - 8px - 3px); padding:10px 0; }
.side_notice .box ul li h3 {color:#555; font-size:15px; line-height:23px; font-weight:550; letter-spacing:-0.5px;}
.side_notice .box ul li::before {content:""; display:inline-block; width:3px; height:3px; background:#555; margin-right:8px;}

/*사이드 설문조사*/
.side_survey .box {padding:20px; box-shadow:0 0 0 2px rgba(76,77,79,0.1); background:#f1f3fa}
.side_survey .question {font-size:16px; line-height:24px; font-weight:bold; color:#333; margin-bottom:15px;}
.side_survey dd {color:#555; font-size:15px; line-height:23px; font-weight:550; letter-spacing:-0.5px; background:#fff; border-radius:5px; padding:10px; border-radius:5px; margin-bottom:5px;  box-shadow:0 0 0 1px rgba(76,77,79,0.1); }
.side_survey dd:last-child {margin-bottom:0}
.side_survey dd input[type="radio"] {margin-right:5px;}
.side_survey dd label {display:block;}
.side_survey ul {justify-content:center; gap:0 10px; margin-top:15px;}
.side_survey ul button {border-radius:5px; padding:10px 15px; font-size:15px; color:#fff; text-align:center;}
.side_survey ul .voting {background-color:#f75258; } 
.side_survey ul .result {background-color:#637aad;} 

/*메인 커뮤니티*/
.main_commu {margin:0% 0 5% 0;}
.main_commu .full_wrap {display:flex; gap:30px; flex-wrap:wrap; /*align-items:flex-start;*/ }
.main_commu .c_box {width:calc((100% - 30px) / 2); /*box-shadow:0 0 0 2px rgba(76,77,79,0.1); */ border-top:2px solid #d8dae3; }
.main_commu .main_title {justify-content:space-between; background:#f1f3fa; padding:20px; border-bottom:1px solid #d8dae3; }
.main_commu .main_title h2 {font-size:18px; font-weight:bold; color:#111; }
.main_commu .main_title a {font-size:13px; color:#555}
.main_commu h3 {font-size:15px; line-height:23px; color:#484848; font-weight:550;}
.main_commu ul {padding:20px 0;}
.main_commu .text_skin {padding:10px 0px;}
.main_commu .text_skin li {display:flex; align-items:center; border-bottom:1px solid #eee;border-bottom:2px solid #f1f3fa; padding:0 10px;}
.main_commu .text_skin li::before {content:""; display:inline-block; width:3px; height:3px; background:#555; margin-right:8px;}
.main_commu .text_skin li:last-child {border-bottom:0}
.main_commu .text_skin li a {width:calc(100% - 8px - 3px); display:block; padding:15px 0;}
.main_commu .img_skin {display:flex; gap:15px; flex-wrap:wrap; padding:20px 10px;}
.main_commu .img_skin li {width:calc((100% - 30px) / 3);}
.main_commu .img_skin figure {width:100%; padding-bottom:65%;}
.main_commu .img_skin h3 { margin-top:10px;}
.main_commu .webzin_skin {display:flex; flex-direction:column; padding:10px 0px;}
.main_commu .webzin_skin li {border-bottom:2px solid #f1f3fa; padding:0 10px;}
.main_commu .webzin_skin li:last-child {border-bottom:0;}
.main_commu .webzin_skin a {gap:20px; padding:15px 0;}
.main_commu .webzin_skin figure {/*width:20%; min-width:110px;*/ flex:1; padding-bottom:13%;}
.main_commu .webzin_skin .h3_text_wrap {width:calc(100% - 20% - 20px); flex:2;}
.main_commu .webzin_skin .description {margin-top:10px; font-size:13px; line-height:20px;}
.main_commu .webzin_skin .no_img .h3_text_wrap {width:100%;}

/*메인하단 슬라이드배너*/
.b_slide_banner {border-top:1px solid #e5e5e5; background:#fcfcfc;}
.b_slide_banner .wrap_width {position:relative; }
.b_slide_banner ul {width:100%; padding:25px 0;}
.b_slide_banner ul li a {display:block; border:1px solid #e5e5e5; }
.b_slide_banner figure {padding-bottom:27.4%;}
.b_slide_banner figure img {width:auto; height:auto; max-width:100%;}
.b_slide_banner button {position:absolute; top:33%; background:#fff; width:45px; height:45px; border-radius:100px; border:1px solid #eee; box-shadow:0 0 5px rgba(0,0,0,0.1); z-index:2; color:#111; font-size:30px; opacity:0;}
.b_slide_banner .prev {left:-22px;}
.b_slide_banner .next {right:-22px}
.b_slide_banner .wrap_width:hover button {transition: 0.5s ease-out; opacity:1}
.b_slide_banner .wrap_width:not(:hover) button {transition:0.5s ease-out;}

/*푸터*/
footer {background:#050f1a;}
footer .wrap_width {position:relative; }
footer .util {flex-wrap:wrap; gap:15px; border-bottom:1px solid rgba(255,255,255,0.1); padding:30px 0;}
footer .util li a {color:rgba(255,255,255,0.5); font-size:14px; font-weight:400;}
footer .bb {gap:30px; margin-top:30px; padding-bottom:5%;}
footer .b_txt {color:rgba(255,255,255,0.5); font-size:14px; line-height:24px; font-weight:normal; } 
footer .tm {position:absolute; right:0; bottom:10px; z-index:1;}
footer .tm img {display:block;}

/*배너테스트*/
.con .banner_wrap:first-child .item_ {margin-top:0;}
.main .con .banner_wrap:last-child .item_ {margin-bottom:0;}
.side_con .banner_wrap:first-child .item_ {margin-top:0;}
.banner_wrap {text-align:center; color:#fff; overflow:hidden; position:relative; z-index:0; /*메뉴침범막기*/}
.banner_wrap .item_ {margin:20px 0;}
.banner_wrap img {display:block; max-width:100%; }
.banner_wrap .banner_list_ {display:flex; flex-wrap:wrap;}
.banner_wrap .cycle-slideshow {display:flex;}
.banner_wrap .cycle-slideshow .cycle-slide {width:100%;}
.side_con .banner_wrap .banner_list_ {justify-content:center;}

/*개별배너조정*/
.banner_main_C_list_ .item_ {margin-bottom:0px;}
.banner_main_E_list_ .item_ {margin-top:35px;}
.banner_main_H_list_ .item_ {margin-bottom:40px;}
.banner_main_I_list_ .item_ {margin-top:0; margin-bottom:40px;}
.banner_main_J_list_ .item_ {margin-bottom:0px;}
.banner_main_K_list_ .item_ {margin-bottom:0px;}
.banner_main_U_list_ .item_ {margin-top:0px;}
.banner_main_V_list_ .item_ {margin-top:0px;}


/*@@@@@@@@@@@@@@@@@@@@반응형@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
/*@@@@@@@@@@@@@@@@@@@@반응형@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
/*@@@@@@@@@@@@@@@@@@@@반응형@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
/*@@@@@@@@@@@@@@@@@@@@1700@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
@media all and (max-width:1700px) {
.side_banner_wrap {width:98%; }
.wrap_width {width:calc(100% - 160px - 160px - 60px - 2%);} /*배너 가로사이즈 - 뉴스본문 사이 여백 공간 - 배너 양옆 %*/
}


/*@@@@@@@@@@@@@@@@@@@@1530@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
@media all and (max-width:1530px) {
.side_banner_wrap {display:none;}
.wrap_width {width:1260px;}
}



/*@@@@@@@@@@@@@@@@@@@@1300@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
@media all and (max-width:1300px) {
.wrap_width {width:100%;}
.content {padding:0 20px}
.full_wrap {padding:0 20px;}

.b_slide_banner button {width:35px; height:35px; font-size:20px; top:35%;}
.b_slide_banner .prev {left:-12px;}
.b_slide_banner .next {right:-12px;}

/*실시간뉴스
.rise {padding:0 20px;}
*/
}

/*@@@@@@@@@@@@@@@@@@@@1024@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
@media all and (max-width:1024px) {
.wrap_width {width:750px;}
.content {flex-wrap:wrap; padding:0px}
.con {width:100%; margin-right:0; position:initial;}
.side_con { width:100%; position:initial; margin-top:40px;}
.fix_header {display:none !important}
.rise {padding:0px;}
.full_wrap {padding:0}
.main .content01 .con {flex-wrap:wrap;}
.main .content01 .con2 {position:initial; width:100%;}
.main .content01 .con1 {position:initial; width:100%; margin-right:0; padding-right:0; border-right:0;}
.main .content02 .con {padding-right:0; margin-right:0; border-right:none; width:100%;}


.side_con {background:#f4f4f4; padding:7% 7%; }
.side_con h2,
.side_con article.side_section h2 span {font-size:20px; font-weight:800; }
.side_con article {padding:7% 7%; background:#fff; border:1px solid #eee; border-radius:20px; box-shadow:0 0 8px rgba(0,0,0,0.08);}
.side_con article.side_section h2 span::after {bottom:-12px;}

/*메인헤드라인*/
.headline {flex-wrap:wrap;}
.headline .headline01 {width:100%; margin-bottom:30px; padding-bottom:30px; border-bottom:1px solid #b8b8b8; }
.headline .headline01 figure {padding-bottom:60%;}
.headline .headline01 h3 {-webkit-line-clamp:2}
.headline .headline02 {width:100%;}
.headline .headline02 .no_img .description {-webkit-line-clamp:10}


/*메인탑뉴스*/
.main_topnews2 {display:flex;}
.main_topnews2 .big {position:sticky; position:-webkit-sticky; left:0; top:150px; align-self:flex-start; width:50%; padding-right:30px; margin-top:40px;}
.main_topnews2 ul {position:sticky; position:-webkit-sticky; left:0; top:150px; align-self:flex-start; width:50%; padding-left:30px; border-left:1px solid #ededed; padding-top:40px;}
.main_topnews2 ul li.first {margin-top:0;}

/*많이본기사*/
.side_rank ul li:last-child {border-bottom:none;}

/*포토슬라이드*/
.photo_news .no_img .description {-webkit-line-clamp:6}
.photo_news .swiper-wrapper {padding:0;}

/*핫이슈*/
.hot_issue .top .big figure {padding-bottom:71%;}

/*사이드 섹션뉴스*/
.side_con h3 {font-size:18px; line-height:26px;}

.side_section_skin04 ul {gap:20px;}
.side_section_skin04 figure {padding-bottom:63%; }
.side_section_skin04 ul li {width:calc((100% - 20px) / 2); }

/*사이드 포토뉴스*/
.side_photo .no_img .description {-webkit-line-clamp:8}

/*메인하단 슬라이드배너*/
.b_slide_banner button {display:none;}

/*메인포토뉴스*/
.main_photo .small .h3_wrap {display:none;}


}


/*@@@@@@@@@@@@@@@@@@@@760@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
@media all and (max-width:760px) {
.wrap_width {width:100%; /*padding:0 15px;*/}
.main .content01 {margin:5% 0 30px 0}
.con {padding:0 15px;}
.side_con {margin-top:35px; padding:35px 15px;}
.side_con article {border-radius:5px;}
.side_con h2,
.side_con article.side_section h2 span {font-size:20px;}
.side_con article.side_section h2 span::after {bottom:-14px;}
.side_con .news-skin- {margin:10px 0;}
.full_wrap {padding:0 15px;}
.main .content01 .con1 {position:initial;}
.main .content01 .con2 {position:initial;}
.main .content01 .con {flex-wrap:wrap;}
.main .content01 .con1 {width:100%; margin-right:0;}
.main .content01 .con2 {width:100%; padding-left:0; border-left:0;}
.main .content02 .con {padding-right:15px;}

/*메인헤드라인*/
.headline {margin:5% 0 20px 0; padding-bottom:20px;}
.headline .headline01 {margin-bottom:20px; padding-bottom:20px;}
.headline .headline01 h3 {font-size:24px; line-height:32px;}
.headline .headline01 figure {margin-bottom:15px;}
.headline .headline01 .description {font-size:14px; line-height:22px; }
.headline .headline02 {gap:25px 20px;}
.headline .headline02 h3 {font-size:17px; line-height:25px;}
.headline .headline02 figure {margin-bottom:10px;}
.headline .headline02 .no_img .description {-webkit-line-clamp:4;}
.headline .headline02 li {width:calc((100% - 20px) / 2);}


/*실시간뉴스*/
.rise h2 {width:80px; min-width:80px; font-size:14px;}
.rise > .flex {padding:10px;}
.rise .swiper-container {width:calc(100% - 80px - 30px - 30px - 5px)}

/*메인탑뉴스*/
.main_topnews ul {flex-wrap:wrap;}
.main_topnews li {width:100%; padding-bottom:20px; margin-bottom:20px; border-bottom:1px solid #e5e5e5; }
.main_topnews li:nth-child(odd) {padding-right:0;}
.main_topnews li:nth-child(even) {padding-left:0; border-left:0;}
.main_topnews h3 {font-size:17px; line-height:25px; height:auto; margin-bottom:10px;}
.main_topnews figure {flex:1.1; padding-bottom:22%;}
.main_topnews li {padding-top:0;}
.main_topnews2 {flex-wrap:wrap;}
.main_topnews2 .big {position:initial; width:100%; padding-right:0; margin-top:0;}
.main_topnews2 ul {position:initial; width:100%; border-left:0; padding-left:0; padding-top:20px;}
.main_topnews2 ul li.first h3 {font-size:17px; line-height:25px;}
.main_topnews2 ul li h3 {flex:2; font-size:17px; line-height:25px;}
.main_topnews2 ul li figure {flex:1;}


/*메인섹션뉴스*/
.main_section01 .section_skin h2 {font-size:18px; margin-bottom:15px;}
.main_section01 .section_skin01 ul {flex:wrap;}
.main_section01 .section_skin01 ul li {width:100%; padding:15px 0;}
.main_section01 .section_skin01 ul li:nth-child(-n+2) {padding:15px 0; border-top:1px solid #e5e5e5;}
.main_section01 .section_skin01 ul li:first-child {padding-top:0; border-top:0;}
.main_section01 .section_skin01 ul li:last-child {padding-bottom:0;}
.main_section01 .section_skin01 a {gap:0 20px;}
.main_section01 .section_skin01 h3 {font-size:17px; line-height:25px;}
.main_section01 .section_skin01 figure {flex:1; padding-bottom:20%;}



.main_section01 .section_skin02 .wrap {flex-wrap:wrap;}
.main_section01 .section_skin02 .big {width:100%;}
.main_section01 .section_skin02 .big .description {-webkit-line-clamp:2}
.main_section01 .section_skin02 .big h3 {font-size:18px; line-height:26px;}
.main_section01 .section_skin02 .small {width:100%; margin-top:20px;}
.main_section01 .section_skin02 .small a {gap:0 20px;}
.main_section01 .section_skin02 .small h3 {font-size:17px; line-height:25px; }
.main_section01 .section_skin02 .small figure {flex:1; padding-bottom:20%;}
.main_section01 .section_skin02 .small li:first-child {padding-top:15px; border-top:1px solid #e5e5e5;}
.main_section01 .section_skin02 .small li {padding:15px 0;}
.main_section01 .section_skin02 .small_list {}
.main_section01 .section_skin02 .small_list li {width:100%; padding:15px 0;}
.main_section01 .section_skin02 .small_list li:last-child {padding-bottom:0;}
.main_section01 .section_skin02 .small_list a {gap:0 20px;}
.main_section01 .section_skin02 .small_list figure {flex:1; padding-bottom:20%;}
.main_section01 .section_skin02 .small_list h3 {font-size:17px; line-height:25px;}

.main_section01 .section_skin03 ul {gap:0 20px;}
.main_section01 .section_skin03 li {width:calc(50% - 20px); padding:15px 0;}
.main_section01 .section_skin03 li:nth-child(even) {margin-left:20px;}
.main_section01 .section_skin03 li:nth-child(even)::before {left:-20px;}
.main_section01 .section_skin03 h3 {font-size:17px; line-height:25px;}


/*사이드 섹션뉴스*/
.side_con h3 {font-size:17px; line-height:25px;}

.side_section_skin02 figure {flex:1}

.side_section_skin04 ul {gap:25px;}
.side_section_skin04 figure {padding-bottom:60%; }
.side_section_skin04 ul li {width:100%}



/*많이본기사*/
.side_rank h2 {line-height:35px;}
.side_rank figure {flex:1}
.side_rank em {font-size:22px;}

/*핫이슈*/
.hot_issue {padding-bottom:30px;}
.hot_issue .top {flex-wrap:wrap;}
.hot_issue .top .big {width:100%; padding-bottom:15px; border-bottom:1px dotted #e5e5e5;}
.hot_issue .top .big h3 {font-size:20px; line-height:28px; margin-bottom:10px;}
.hot_issue .top ul {width:100%; margin-top:10px;}
.hot_issue .top ul li:first-child a {padding-top:10px;}
.hot_issue ul h3 {font-size:17px; line-height:25px;}
.hot_issue .bottom {flex-wrap:wrap; margin-top:0;}
.hot_issue .bottom li {width:100%;}
.hot_issue .top ul li:last-child a {padding-bottom:10px;}


/*포토슬라이드*/
.photo_news {padding:30px 0;}
.photo_news .main_title {margin-bottom:15px;}
.photo_news .main_title ul li {padding:0}
.photo_news h2 {font-size:18px;}
.photo_news h3 {font-size:17px; line-height:25px;}
.photo_news figure {padding-bottom:66%;}
.photo_news .no_img .description {-webkit-line-clamp:4}
.photo_news .swiper-container .text_wrap {padding:15px;}

/*메인동영상뉴스*/
.main_video h2 {font-size:18px; margin-bottom:15px;}
.main_video .big {flex-wrap:wrap; }
.main_video .big .iframe_p {width:100%; padding-bottom:60%; margin-bottom:15px;}
.main_video .big .text_wrap {width:100%; }
.main_video .big h3 {font-size:18px; line-height:26px; margin-bottom:10px;}
.main_video .big .description {font-size:14px; line-height:22px; -webkit-line-clamp:2}
.main_video ul {flex-wrap:wrap; margin-top:20px;}
.main_video ul li {width:100%; padding:15px 0;}
.main_video ul li:first-child {border-top:1px solid #e5e5e5;}
.main_video a {gap:0 15px;}
.main_video h3 {font-size:17px; line-height:25px;}
.main_video figure {flex:1; padding-bottom:20%; }

/*메인포토뉴스*/
.main_photo {margin-top:30px;}
.main_photo h2 {font-size:18px; margin-bottom:15px;}
.main_photo .big {grid-column:1 / span 4; grid-row:1 / span 1;}
.main_photo .big .h3_wrap {padding:10px 15px; }
.main_photo .big h3 {font-size:17px; line-height:25px;}
.main_photo figure {padding-bottom:70%;} 

/*사이드 최신기사*/
.side_time figure {flex:1}

/*사이드 포토뉴스*/
.side_photo h3 {font-size:18px; line-height:26px;}
.side_photo .no_img .h3_text_wrap {padding:15px;}

/*사이드 쇼츠*/
.side_shorts h3 a {font-size:18px; line-height:26px;}

/*사이드동영상뉴스*/
.side_video .video {margin-bottom:10px;}
.side_video .big {padding-bottom:10px}
.side_video .big h3 {font-size:17px; line-height:25px;}

/*사이드 핫채널*/
.side_hot_channel .big h3 {font-size:18px; line-height:24px;}
.side_hot_channel .no_img .h3_text_wrap {padding:15px;}
.side_hot_channel .no_img .description {-webkit-line-clamp:4}



/*메인 커뮤니티*/
.main_commu .full_wrap {flex-wrap:wrap;}
.main_commu .c_box {width:100%;}


/*푸터*/
footer .util {padding:10px 0; gap:10px; }
footer .util li a {font-size:13px;}
footer .bb {flex-wrap:wrap;}
footer .logo {width:100%;}
footer .logo img {width:40%;}
footer .b_txt {width:100%; font-size:13px; line-height:20px;}
footer .tm {position:initial; padding-bottom:8px;}

/*배너테스트*/
.banner_wrap .item_ {margin:10px 0;}


/*개별배너조정*/
.main .con .banner_wrap:last-child .banner_main_E_list_ .item_ {margin-bottom:15px; margin-top:0;}

}


/*@@@@@@@@@@@@@@@@@@@@540@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
@media all and (max-width:540px) {


}



/*@@@@@@@@@@@@@@@@@@@@360@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
@media all and (max-width:360px) {
/*하단섹션*/

/*설문조사*/
.side_survey .box {padding:15px;}
}