/*기본*/
.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:30px 0 40px 0;} /*상단 content영역*/
.main .content02 .con {display:flex; flex-wrap:wrap; width:calc(100% - 26% - 30px);} /*3단구조*/
.main .content02 {margin:40px 0 5% 0;} /*하단 content영역*/
.main .content02 .con1 {position:sticky; position: -webkit-sticky; left:0; top:70px; align-self:flex-start; width:calc(100% - 59% - 30px); margin-right:30px;}/*3단구조 왼쪽*/
.main .content02 .con2 {position:sticky; position: -webkit-sticky; left:0; top:70px; align-self:flex-start; border-left:1px solid #dddddd; width:59%; padding:0 0 0 30px; }/*3단구조 오른쪽*/
.main .content02 .side_con {width:26%;}
.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% - 30px); margin-right:30px; padding-right:30px; border-right:1px solid #ddd; } /*사이드콘을 제외한 영역. 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 {}
.headline .big {padding-bottom:38px;}
.headline .big figure {width:100%; padding-bottom:56%; margin-bottom:20px;}
.headline .big h3 {font-size:34px; line-height:44px; color:#000; font-weight:800;}
.headline .big .description {font-size:18px; line-height:26px; color:#555; margin-top:15px;}
.headline .big .no_img .description {-webkit-line-clamp:8;}
.headline .small {display:flex; flex-wrap:wrap; gap:0px 30px; }
.headline .small li {width:calc((100% - 60px) / 3); margin-bottom:30px;}
.headline .small figure {width:100%; padding-bottom:66%; margin-bottom:10px;}
.headline .small h3 {font-size:18px; font-weight:750; line-height:26px;}
.headline .small .description {margin-top:10px; display:none;}
.headline .small .no_img .description {display:-webkit-box; }


/*우측헤드라인*/
.content01 .con .headline_right {display:none;}
.headline_right .img_txt h3 {font-size:18px; line-height:26px; font-weight:750;}
.headline_right .img_txt li:first-child a {padding-top:0;}
.headline_right .img_txt a {display:block; padding:25px 0; border-bottom:1px solid #e5e5e5;}
.headline_right .img_wrap {gap:15px; margin-top:12px;}
.headline_right .img_wrap figure {flex:1; padding-bottom:30%;}
.headline_right .img_wrap .description {flex:1;}
.headline_right .txt {border-bottom:1px solid #e5e5e5; padding:13px 0;}
.headline_right .txt h3 {font-size:18px; line-height:26px; font-weight:750;}
.headline_right .txt a {display:block; padding:8px 0;}


/*실시간뉴스*/
.rise > .flex {padding:15px 0; gap:0 10px; border-bottom:1px solid #e5e5e5; }
.rise h2 {width:70px; min-width:70px; color:var(--pick-color); font-size:15px; font-weight:bold;}
.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% - 70px - 30px - 20px - 5px); margin:initial;}
.rise ul {height:30px;}
.rise li {/*height:40px !important; line-height:40px !important;*/ line-height:30px;}


/*메인탑뉴스*/
.main_topnews ul {gap:0 30px; flex-wrap:wrap; border-top:1px solid #202020; padding-top:38px;}
.main_topnews ul li {width:calc((100% - 30px) / 2); padding:15px 0; border-top:1px solid #e5e5e5;}
.main_topnews ul li:nth-child(-n+2) {border-top:0; padding-top:0;}
.main_topnews a {gap:0 20px;}
.main_topnews h3 {flex:2; font-size:18px; line-height:26px; font-weight:650;}
.main_topnews figure {flex:0.9; padding-bottom:18%;}


/*메인섹션뉴스*/
.main_section01 .section_skin {border-bottom:1px solid #ddd; padding-bottom:30px; margin-top:30px;}
.main_section01 .section_skin:first-child {margin-top:0}
.main_section01 .section_skin:last-child {border-bottom:0; padding-bottom:0;}
.main_section01 .section_skin .main_title {justify-content:space-between;  margin-bottom:15px;}
.main_section01 .section_skin .main_title h2 {font-size:20px; font-weight:750; color:#000; }
.main_section01 .section_skin .main_title a {display:block; border:1px solid #ddd; padding:5px 8px; border-radius:50px; font-size:12px; color:#888;}

.main_section01 .section_skin01 .big a {position:relative; }
.main_section01 .section_skin01 .big figure {width:100%; padding-bottom:64%; }
.main_section01 .section_skin01 .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_section01 .section_skin01 .big .h3_text_wrap {position:absolute; left:0; bottom:0; padding:0 15px 15px 15px; z-index:2;}
.main_section01 .section_skin01 .big h3 {font-size:18px; line-height:26px; color:#fff; font-weight:bold;}
.main_section01 .section_skin01 .big .description {display:none; margin-top:10px;}
.main_section01 .section_skin01 .big .no_img .h3_text_wrap {position:relative; padding:15px 0;}
.main_section01 .section_skin01 .big .no_img h3 {color:#111;}
.main_section01 .section_skin01 .big .no_img .description {display:-webkit-box}
.main_section01 .section_skin01 ul li a {gap:0 30px; padding:15px 0; border-bottom:1px dotted #eee}
.main_section01 .section_skin01 ul li:last-child a {border-bottom:none; padding-bottom:0}
.main_section01 .section_skin01 ul h3 {flex:2; font-size:16px; line-height:24px; font-weight:bold;}
.main_section01 .section_skin01 ul figure {flex:0.85; padding-bottom:17.5%;}

.main_section01 .section_skin02 ul li:first-child a {padding-top:0;}
.main_section01 .section_skin02 ul li a {gap:0 30px; padding:15px 0; border-bottom:1px dotted #eee}
.main_section01 .section_skin02 ul li:last-child a {border-bottom:none; padding-bottom:0}
.main_section01 .section_skin02 ul h3 {flex:2; font-size:16px; line-height:24px; font-weight:bold;}
.main_section01 .section_skin02 ul figure {flex:0.85; padding-bottom:17.5%;}

.main_section01 .section_skin03 .box {display:flex; gap:20px; flex-wrap:wrap;}
.main_section01 .section_skin03 .box li {width:calc((100% - 20px) / 2);}
.main_section01 .section_skin03 .box li a {display:inline-table; width:100%;}
.main_section01 .section_skin03 figure {width:100%; padding-bottom:65%; margin-bottom:10px;}
.main_section01 .section_skin03 h3 {font-size:16px; line-height:24px; font-weight:bold; }
.main_section01 .section_skin03 .description {display:none; margin-top:10px;}
.main_section01 .section_skin03 .no_img .description {display:-webkit-box; }

.main_section02 .section_skin04 .box {display:flex; gap:20px; flex-wrap:wrap;}
.main_section02 .section_skin04 .box li {width:calc((100% - 20px) / 2);}
.main_section02 .section_skin04 .box li a {display:inline-table; width:100%;}
.main_section02 .section_skin04 figure {width:100%; padding-bottom:65%; margin-bottom:10px;}
.main_section02 .section_skin04 h3 {font-size:16px; line-height:24px; font-weight:bold; }
.main_section02 .section_skin04 .description {display:none; margin-top:10px;}
.main_section02 .section_skin04 .no_img .description {display:-webkit-box; }

/*메인하단뉴스*/
.main_bottomnews .first {}
.main_bottomnews .first figure {width:100%; padding-bottom:60%; margin-bottom:15px;}
.main_bottomnews .first h3 {font-size:22px; line-height:30px; font-weight:800; margin-bottom:10px; }
.main_bottomnews .first .description {}
.main_bottomnews .first a {display:inline-table; border-top:0; padding-top:0;}
.main_bottomnews ul {display:flex; flex-direction:column;}
.main_bottomnews ul li a {gap:0 20px; padding:20px 0; border-top:1px dotted #eee}
.main_bottomnews ul h3 {font-size:18px; line-height:26px; font-weight:bold; margin-bottom:8px;}
.main_bottomnews ul figure {flex:0.8; padding-bottom:17.5%;}
.main_bottomnews ul .text_wrap {flex:2.2;}
.main_bottomnews ul .description {}

/*핫이슈*/
.hot_issue .wrap_width {padding-bottom:50px; border-bottom:2px solid #000000; margin-top:40px;}
.hot_issue h2 {font-size:22px; color:#000; font-weight:750; margin-bottom:25px;}
.hot_issue ul {gap:20px 35px; flex-wrap:wrap;}
.hot_issue li {width:calc((100% - 70px) / 3);}
.hot_issue a {gap:0 20px;}
.hot_issue figure {flex:1; padding-bottom:20%;}
.hot_issue h3 {flex:2; font-size:18px; line-height:26px; font-weight:bold;}

/*포토슬라이드*/
.photo_news {padding:40px 0 30px 0; background:#f5f6f8; }
.photo_news h2 {font-size:22px; color:#000; font-weight:750;}
.photo_news .main_title {justify-content:space-between; margin-bottom:20px; }
.photo_news .main_title .swiper-pagination {color:#555; position:initial;}
.photo_news .main_title .swiper-pagination-current {color:var(--pick-color);}
.photo_news .main_title div.flex {gap:0 20px;}
.photo_news .main_title ul.flex { gap:0 3px; color:#444; gap:0 3px; font-size:30px;  }
.photo_news .main_title ul.flex li {cursor:pointer; background:#fff; box-shadow:0 0 5px rgba(0,0,0,0.06);}
.photo_news .main_title ul.flex li:first-child {border-radius:3px 0 0 3px;}
.photo_news .main_title ul.flex li:last-child {border-radius:0 3px 3px 0;}
.photo_news .swiper-container ul {padding-bottom:10px;}
.photo_news .swiper-container li {}
.photo_news .text_wrap {width:100%;}
.photo_news h3 {font-size:18px; line-height:26px; font-weight:bold; }
.photo_news figure {width:100%; padding-bottom:60%; margin-bottom:15px;}
.photo_news .description {display:none; margin-top:10px;}
.photo_news .no_img .description {display:-webkit-box; }

/*메인동영상뉴스*/
.main_video {background:#222; }
.main_video .wrap_width {display:flex; gap:0 40px;}
.main_video .play {display:flex; gap:0 35px; padding:55px 0;}
.main_video .play .iframe_p {position:relative; padding-bottom:40%; width:65%; height:0;}
.main_video .play iframe {position:absolute; top:0; left:0; width:100%; height:100%;}
.main_video .play .text_wrap {width:35%;}
.main_video .play .h2_wrap {justify-content:space-between; margin-bottom:30px;}
.main_video .play .h2_wrap a {display:inline-block; background-color:rgba(255,255,255,0.1); color:#fff; border-radius:100px; padding:5px 10px; font-size:13px;}
.main_video .play h2 {color:#fff; font-size:16px; text-decoration:underline !important; font-weight:bold;}
.main_video .play h3 {color:#fff; font-size:30px; line-height:42px; font-weight:800;}
.main_video .play .description {margin-top:35px;}
.main_video ul {background:var(--pick-color); padding:55px 30px;}
.main_video ul li:last-child a {border-bottom:0;}
.main_video ul a {gap:0 25px; border-bottom:1px solid rgba(255,255,255,0.2); padding:25px 0;}
.main_video ul h3 {font-size:16px; line-height:24px; color:var(--bg-txt-color); font-weight:bold; }
.main_video ul i {display:block; color:#000; margin-top:5px;}
.main_video ul figure {flex:1.5; padding-bottom:25%;}
.main_video ul li:first-child a {padding-top:0;}
.main_video ul li:last-child a {padding-bottom:0;}
.main_video ul .h3_wrap {flex:2;}


/***@@@@@@@@@@@사이드@@@@@@@@@@@****/
/*사이드공통*/
.side_con .main_title {justify-content:space-between; margin-bottom:15px;}
.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:750; color:#000;}
.side_con h3 {font-size:16px; line-height:24px; font-weight:bold;}

/*많이본기사*/
.side_rank h2 {margin-bottom:10px; color:var(--pick-color); letter-spacing:-0.5px; font-weight:700; font-size:24px;}
.side_rank h2 span {font-weight:900}
.side_rank ul li {border-bottom:1px solid #e5e5e5;}
.side_rank ul li a {gap:0 15px; padding:13px 0; }
.side_rank ul li:nth-child(-n+3) em { background-color:var(--pick-color); color:#fff;}
.side_rank ul li:first-child h3 {font-weight:900}
.side_rank .rank_wrap {width:calc(100% - 15px - 28px); gap:0 20px; justify-content:space-between;}
.side_rank em {flex:1; display:block; font-size:18px; width:28px; height:28px; line-height:28px; font-weight:700; color:#fff;  text-align:center; background-color:#8a8a8a; }
.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;}
.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:40px;}
.side_con article.side_section > div:last-child {margin-bottom:0;}
.side_con article.side_section .main_title {border-bottom:2px solid #222; padding-bottom:10px;}
.side_con article.side_section h2 {position:relative; /* color:var(--pick-color); */}
.side_con article.side_section h2 span::after {content:""; position:absolute; bottom:-14px; 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%; order:2;}
.side_section_skin02 h3 {/*width:calc(100% - 20% - 15px);*/flex:2; order:1;}
.side_section_skin02 .no_img h3 {width:100%;}

.side_section_skin03 ul {display:flex; flex-direction:column; gap:10px; }
.side_section_skin03 h3 {padding-bottom:10px; border-bottom:1px solid #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; order:2;}
.side_section_skin05 .h3_wrap {order:1;}
.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:10px}
.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; border-top:1px solid #eee; padding-top:5px;}
.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;}

/*하단섹션*/
.main_section02 {}
.main_section02 .main_title {justify-content:space-between; margin-bottom:15px;}
.main_section02 .main_title h2 {font-size:20px; font-weight:750; color:#000; }
.main_section02 .main_title a {display:block; border:1px solid #ddd; padding:5px 8px; border-radius:50px; font-size:12px; color:#888;}
.main_section02 .section_skin {border-bottom:1px solid #e5e5e5; margin-top:30px; padding-bottom:30px;}
.main_section02 .section_skin:first-child {margin-top:0;}
.main_section02 .section_skin:last-child {border-bottom:none;}

.main_section02 .section_skin01 ul {width:100%;}
.main_section02 .section_skin01 li:first-child {padding:0;}
.main_section02 .section_skin01 li:first-child a {gap:0 15px;}
.main_section02 .section_skin01 li:first-child figure {flex:1; padding-bottom:38%;}
.main_section02 .section_skin01 li:first-child .text_wrap {flex:1;}
.main_section02 .section_skin01 li:first-child .description {margin-top:10px;}
.main_section02 .section_skin01 li:nth-child(2) {margin-top:10px;}
.main_section02 .section_skin01 li:last-child {padding-bottom:0;}
.main_section02 .section_skin01 h3 {font-size:16px; line-height:24px; font-weight:700;}
.main_section02 .section_skin01 li {padding:7px 0;}

.main_section02 .section_skin02 {}
.main_section02 .section_skin02 h3 {font-size:16px; line-height:24px; font-weight:700;}
.main_section02 .section_skin02 li {padding:7px 0;}

.main_section02 .section_skin03 .big a {display:block; position:relative; }
.main_section02 .section_skin03 .big figure {width:100%; padding-bottom:64%; }
.main_section02 .section_skin03 .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_section02 .section_skin03 .big .h3_text_wrap {display:block; position:absolute; left:0; bottom:0; width:100%; padding:0 15px 15px 15px; z-index:2; }
.main_section02 .section_skin03 .big h3 {width:100%;font-size:18px; line-height:26px; color:#fff; font-weight:bold;}
.main_section02 .section_skin03 .big .description {display:none; margin-top:10px;}
.main_section02 .section_skin03 .big .no_img .h3_text_wrap {position:relative; padding:15px 0;}
.main_section02 .section_skin03 .big .no_img h3 {color:#111;}
.main_section02 .section_skin03 .big .no_img .description {display:-webkit-box}
.main_section02 .section_skin03 ul li a {gap:0 15px; padding:15px 0; border-bottom:1px dotted #eee}
.main_section02 .section_skin03 ul li:last-child a {border-bottom:none; padding-bottom:0}
.main_section02 .section_skin03 ul h3 {flex:2; font-size:16px; line-height:24px; font-weight:bold; order:2;}
.main_section02 .section_skin03 ul figure {flex:0.85; padding-bottom:17.5%; order:1;}

/*사이드 공지사항*/
.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; padding-top:40px; border-top:2px solid #000000}
.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_D_list_ .item_ {margin-top:0;}
.banner_main_I_list_ .item_ {margin-bottom:0px;}
.banner_main_X_list_ .item_ {margin-top:0; }
.banner_main_Y_list_ .item_ {margin-top:0; }
.banner_main_K_list_ .item_ {margin-top:0; }


/*추가.. 사이드 포토뉴스, 사이드 추천뉴스*/
.side_photo .main_title,
.side_hot_channel .main_title {justify-content:space-between;  margin-bottom:15px;}
.side_photo .main_title h2,
.side_hot_channel .main_title h2 {font-size:20px; font-weight:750; color:#000;}
.side_photo .main_title a,
.side_photo .main_title a {display:block; border:1px solid #ddd; padding:5px 8px; border-radius:50px; font-size:12px; color:#888;}
.main .content02 .con1 .news-skin- {margin:20px 0;}
.main .content02 .con1>div:last-child {margin-bottom:0;}



/*@@@@@@@@@@@@@@@@@@@@반응형@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
/*@@@@@@@@@@@@@@@@@@@@반응형@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
/*@@@@@@@@@@@@@@@@@@@@반응형@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
/*@@@@@@@@@@@@@@@@@@@@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;}


}

/*@@@@@@@@@@@@@@@@@@@@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; padding-right:0; border-right:0;}
.main .content02 .con {width:100%;}
.main .content02 .side_con {width:100%;}
.main .content02 .con1 {top:60px;}
.main .content02 .con2 {top:60px;}
.side_con {/*display:flex; flex-wrap:wrap; gap:30px;*/ width:100%; position:initial; margin-top:40px;}
/*.side_con > article {width:calc((100% - 30px) / 2);}*/
.fix_header {display:none !important}
.rise {padding:0px;}
.full_wrap {padding:0}

.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 .big figure {padding-bottom:60%;}
.headline .big h3 {font-size:32px; line-height:42px;}

/*메인동영상뉴스*/
.main_video .wrap_width {flex-wrap:wrap;}
.main_video .play {width:100%; padding:40px 0 30px 0;}
.main_video .play .iframe_p {padding-bottom:45%;}
.main_video ul {display:flex; gap:30px; width:100%; padding:30px; margin-bottom:30px;}
.main_video ul a {flex-direction:column; padding:0; border-bottom:none;}
.main_video ul figure {flex:none; width:100%; margin-bottom:10px; padding-bottom:66%;}

/*우측헤드라인*/
.content01 .con .headline_right {display:block;}
.side_con .headline_right {display:none;}
.headline_right .img_txt {display:flex; gap:0 30px; border-top:1px solid #e5e5e5; border-bottom:1px solid #e5e5e5;}
.headline_right .img_txt a {padding:35px 0; border-bottom:0;}
.headline_right .img_txt li:first-child a {padding-top:35px;}
.headline_right .txt {padding:20px 0;}
.headline_right .txt a {padding:10px 0;}


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

/*핫이슈*/
.hot_issue .wrap_width {margin-top:30px;}
.hot_issue li {width:calc((100% - 35px) / 2); }

/*사이드 섹션뉴스*/
.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}

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

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

/*커뮤니티*/
.main_commu {border-top:none; padding-top:0;}
}


/*@@@@@@@@@@@@@@@@@@@@760@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
@media all and (max-width:760px) {
.wrap_width {width:100%; /*padding:0 15px;*/}
.main .content01 {margin:5% 0 0% 0}
.main .content01 .con1 {position:initial; order:2; width:100%; margin-top:30px;}
.main .content01 .con2 {position:initial; order:1; width:100%; padding:0; border-left:0;}
.main .content02 {margin:30px 0 5% 0}
.main .content02 .con1 {position:initial; order:2; width:100%; border-top:2px solid #000000; margin-right:0; padding-top:30px;}
.main .content02 .con2 {position:initial; order:1; width:100%; padding:0; border-left:0; margin-bottom:30px;}
.con {padding:0 15px;}
.side_con {padding:25px 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;}

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

/*우측헤드라인*/
.headline_right .img_txt {gap:0 20px;}
.headline_right .img_txt h3 {font-size:17px; line-height:25px;}
.headline_right .img_txt a {padding:15px 0;}
.headline_right .img_txt li:first-child a {padding-top:15px;}
.headline_right .img_wrap {flex-wrap:wrap; gap:10px; margin-top:10px;}
.headline_right .img_wrap figure {width:100%; flex:none; padding-bottom:66%}
.headline_right .img_wrap .description {width:100%; flex:none; -webkit-line-clamp:2}
.headline_right .txt {padding:15px 0;}
.headline_right .txt h3 {font-size:17px; line-height:25px;}
.headline_right .txt a {padding:6px 0;}

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

/*메인하단뉴스*/
.main_bottomnews .first h3 {font-size:18px; line-height:26px;}
.main_bottomnews ul h3 {font-size:17px; line-height:25px; margin-bottom:5px;}
.main_bottomnews ul li a {gap:0 15px; padding:15px 0; }
.main_bottomnews ul figure {padding-bottom:20%;}


/*메인섹션뉴스*/
.main_section01 .section_skin:first-child {border-top:1px solid #ddd; padding-top:30px;}

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


/*메인동영상뉴스*/
.main_video .play {flex-wrap:wrap; padding:30px 0 20px 0;}
.main_video .play .h2_wrap {margin-bottom:20px;}
.main_video .play h2 {font-size:20px;}
.main_video .play .text_wrap {order:1; width:100%;}
.main_video .play h3 {-webkit-line-clamp:1; font-size:20px; line-height:28px; margin-bottom:15px;}
.main_video .play .description {display:none;}
.main_video .play .iframe_p {order:2; width:100%; padding-bottom:66%;}
.main_video ul {display:initial; padding:15px;}
.main_video ul a {flex-direction:row; gap:0 20px; border-bottom:1px solid rgba(255,255,255,0.2); padding:10px 0;}
.main_video ul figure {flex:1; padding-bottom:20%; width:auto; margin-bottom:0;}
.main_video ul i {font-size:13px; margin-top:3px;}


/*핫이슈*/
.hot_issue .wrap_width {padding-bottom:30px;}
.hot_issue h2 {font-size:20px; margin-bottom:15px;}
.hot_issue a {gap:0 15px;}
.hot_issue ul {gap:20px;}
.hot_issue li {width:100%;}
.hot_issue 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%}

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

/*사이드 최신기사*/
.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 {width:100%;}
.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;}
}





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


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