@charset "utf-8";

:root{
	--main-color: #161616;
	--point-color: #ed3648;
	--red: #ff2020;
	--blue: #4067ff;
}

/* 팝업레이어 */
#hd_pop { position:relative; }
#hd_pop > h2{position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0;}
#hd_pop .hd_pops { position: fixed; z-index: 99999999; }
.hd_pops_footer { background-color:black; color:white; padding:10px; font-size: 14px;}
.hd_pops_footer > * { color:white; }
.hd_pops_close { float:right; }


/* Sticky banner */
.top_banner { position: relative; width: 100%; z-index: 100;}
.top_banner > .banner_wrap { position: relative; width: 1290px; height: 0; margin:0 auto;}
.top_banner > .banner_wrap > div { position: absolute; top: 0; width: 200px; transition: 0.5s}

.top_banner .com_ban::after{content:""; display: block; clear: both;}
.top_banner .ba_img + .ba_img{margin-top: 10px;}

.top_banner .banner_left { left: -200px;}
.top_banner .banner_left .ba_img{float: right;}
.top_banner .banner_right { right: -200px;}
.top_banner .banner_right .ba_img{float: left;}

.top_banner .ba_fade_swiper{max-width: 200px;}
.top_banner .ba_fade_swiper img{opacity: 0; transition-duration: 200ms;}
.top_banner .ba_fade_swiper .swiper-slide-active img{opacity: 1;}


/* ================================================================================================ */
.blind{position: absolute; visibility: hidden; z-index: -1; }
.sound_only{position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0;}
.flex{display: flex; align-items: center; gap: 30px;} /* 사이가 30으로 고정된 것 */
.row{display: flex;} /* 글씨 한줄 나열 */
.wrapper{width: 1230px; margin-left: auto; margin-right: auto;}

@keyframes fadeUp{
	0%{transform: translateY(10px); opacity: 0;}
	100%{transform: translateY(0);  opacity: 1;}
}

.main > section + section{margin-top: 60px;}
.main > section + .banner_wrap, .main > .banner_wrap + section,
.main > .news_header + section{margin-top: 30px;}

/* 버튼 */
a.btn, .btn {display: inline-block; line-height: 2.5em; height: 2.5em; padding:0 10px; text-align:center; font-size:13px; border:1px solid #eee; background-color: #fbfbfb; color: #666; border-radius: 5px; font-weight: 500;
-webkit-transition:background-color 0.1s ease-out; -moz-transition:background-color 0.1s ease-out; -o-transition:background-color 0.1s ease-out; transition:background-color 0.1s ease-out;}
.btn svg{display: inline-block; margin-right: 5px;}
.btn_box{display:flex; align-items: center; justify-content: center; gap: 10px;}
.btn_big{display: block; width: fit-content; padding: 1em; text-align: center; border: 1px solid #eee; max-width: 240px; background-color: #fbfbfb; color: #666; border-radius: 5px; font-size: 0.9em;}
.btn_box .btn_big{flex: 1;}

/* 버튼 컬러 */
.btn.btn_b01, .btn_big.btn_b01{/*border-color: #333; background-color: #333;*/ color: #fff !important;}
.btn.btn_b02, .btn_big.btn_b02{border-color: var(--main-color); background-color: var(--main-color); color: #fff;}
.btn.btn_b03, .btn_big.btn_b03{border-color: var(--point-color); background-color: var(--point-color); color: #fff;}

.btn.btn_adm{border-color: var(--point-color); background-color: var(--point-color); color: #fff;}
.main .btn:hover{color: var(--main-color); background-color: #fff; border-color: var(--main-color);}
.main .btn_big:hover{color: var(--main-color); background-color: #fff; border-color: var(--main-color);}
.btn_big:hover, .btn:hover{cursor: pointer;}

/* 동그라미 버튼 */
.btn_round{display: flex; width: 2rem; height: 2rem; border-radius: 50%; /*background-color: #161616;*/ color: #fff; align-items: center; justify-content: center;}

/* 뉴 아이콘 */
.new_icon{display: inline-block; width: fit-content; padding: 0 3px; animation: blink 1s infinite; font-weight: 900; font-size: 0.6em; vertical-align: top;}
@keyframes blink{ 
	0% {color: #333;} 
	50% {color: var(--point-color);}
	100% {color: #333;} 
 }



/* 캡챠 */
.captcha_wrap{display: flex; align-items: center; border: 1px solid #eee; border-radius: 5px; overflow: hidden; background-color: #fbfbfb;}
.captcha_wrap .c_img img{display: block; width: auto !important; height: 40px !important;}
.captcha_wrap .c_btn > button{display: block; width: 20px; height: 20px; background-color: #eee; padding: 2px;}
.captcha_wrap .c_btn > button img{width: 100%;}

.captcha_wrap .c_input input{border-radius: 0; border: none;}



/* 페이징 */
.paging{display: flex; margin: 30px auto; width: fit-content; gap: 3px;}
.btn_pagenum {display: flex; gap: 3px;}
.paging a{display:block; font-weight: 500; height: 1.5rem; line-height: 1.4rem; width: 1.5rem; border-radius:50px; font-size: 0.8rem; vertical-align:middle; background-color:#eee; border:1px solid #eee; color: #999; text-align:center;}

.pg_start, .pg_prev, .pg_end, .pg_next{text-indent:-999px; overflow:hidden; background-size: 70%; background-repeat: no-repeat; background-position: center;}
.paging .pg_start{background-image: url('../img/icon/btn_first.svg');}
.paging .pg_prev{background-image: url('../img/icon/btn_prev.svg');}
.paging .pg_end{background-image: url('../img/icon/btn_end.svg');}
.paging .pg_next{background-image: url('../img/icon/btn_next.svg');}

.btn_p.prev,.btn_p.next{width:40px !important}

.paging a:hover{background-color: #fafafa;}
.paging a.on {/*background-color: #161616; border-color: #161616;*/ color:#fff;}



/* 텍스트 */
.news_text {font-size: 15px;}
.news_text .cate{font-size: 0.85em; font-weight: 700; margin-bottom: 10px;color:#000;}
#main_headline_swiper .news_text .cate,#main_headline_swiper .tit,.photo_type.grid3 .news_text .cate,.photo_type.grid3 .news_text .tit{color:#fff;}

.news_text .cate > .date{display: inline-block; opacity:0.6; font-weight: 400; vertical-align: top;}
.news_text .tit{font-weight: 700; line-height: 1.4;}
.news_text .tit + .sub_tit{margin-top: 5px;}
.news_text .sub_tit{font-size: 1.2em; line-height: 1.4; font-weight: 600; color: #666;}
.news_text .con{line-height: 1.4; color: #666;}
.news_text .tit + .con, .news_text .sub_tit + .con{margin-top: 10px;}
.news_text .tit > span{background: -webkit-gradient(linear, left top, right top, from(currentColor), to(currentColor)); background: -webkit-linear-gradient(left, currentColor 0%, currentColor 100%); background: linear-gradient(to right, currentColor 0%, currentColor 100%); background-size: 0px 2px; background-repeat: no-repeat; background-position: left 100%; -webkit-transition-duration: 500ms; transition-duration: 500ms; display: inline;}
.photo_type li:hover .tit > span, .img_type li:hover .tit > span, .webzine_type li:hover .tit > span, .card_type li:hover .tit > span, .quick_news li:hover .tit > span, .text_type li:hover .tit > span, .box_type li:hover .tit > span, .pop_type li:hover .tit > span{background-size: 100% 2px;}
.photo_type li:hover .tit > span{transition-delay: 200ms;}

.news_label{position: absolute; left: 0; top: 20px; padding-right: 1.3em; padding-left: 0.5em; line-height: 2.6; background-color: #fff; width: fit-content; color: #333; border-radius: 0 1.2em 1.2em 0; font-size: 12px; font-weight: 600; box-shadow: 0 3px 6px 0 rgba(0, 0, 0, .15);}


/* 옆으로 나열 */
dl.row {gap: 15px; align-items: center;}
dl.row dt{width: 20%; font-weight: 600;}
dl.row dd{flex: 1;}


/* 타이틀 */
.tit_box{margin-bottom: 15px;}
.tit_box.flex{justify-content: space-between;}
.deco_tit{position: relative; width: fit-content; color: #666; font-family: 'SUITE', sans-serif; font-size: 18px; font-weight: 500;}
.deco_tit > b{color: #222; font-weight: 700;}
.deco_tit::after{width: 20px; height: 1px; margin-left: 10px; vertical-align: middle; background-color: #333; display: inline-block; clear: both; content:"";}
.col_02:not(.compare_content) .deco_tit {animation: fadeUp 600ms alternate;}


/* 말줄임표 */
.line1, .line2, .line3, .line4, .line5{display: -webkit-box; overflow: hidden; text-overflow: ellipsis; -webkit-box-orient: vertical; word-break: break-all; text-align: justify;}
.line1{-webkit-line-clamp: 1;}
.line2{-webkit-line-clamp: 2;}
.line3{-webkit-line-clamp: 3;}
.line4{-webkit-line-clamp: 4;}
.line5{-webkit-line-clamp: 5;}
.tit.line1, .tit.line2, .tit.line3, .tit.line4, .tit.line5{word-break: keep-all; text-align: left;}


/* 레이아웃 */
.column{display: flex; gap: 30px;} /* 3개 */
.column .col_01{width: 30%;}
.column .col_02{flex: 1; overflow: hidden !important; max-width: 100%;}
.column .col_03{width: 25%;}
.col_03 .card_type .news_text{background-color: var(--color-basic2) !important;}
.photo_type .news_text .con,.main_wide .cate{color: #fff;}

/* 가로 꽉차게 세로 가운데 이미지 정렬 */
.photo_type a{position:relative;display:flex;align-items:flex-end;width:100%;height:100%;padding:40px 30px;overflow:hidden}
.photo_type a::after{position:absolute;left:0;right:0;bottom:0;height:60%;background:linear-gradient(180deg,#fff0 0%,#181818ff 100%);transition:all 700ms ease;content:"";display:block;z-index:-1}
/*.photo_type a > img{position:absolute;display:block;top:50%;left:50%;width:100%;height:auto;transform:translate(-50%,-50%);object-fit:cover;z-index:-1;transition:transform 500ms ease;transform-origin:center center}
.photo_type li:hover img{transform:translate(-50%,-50%) scale(1.1)}*/
.photo_type a > img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center center;z-index:-1;transition:transform 500ms ease;transform-origin:center center}
.photo_type li:hover a > img{transform:scale(1.1)}



/* 세로 100% 기준 이미지 정렬 - 헤드라인 하단 탑뉴스 */
.photo_type.grid3 a{position:relative;display:flex;align-items:flex-end;width:100%;height:100%;padding:40px 30px;overflow:hidden}
.photo_type.grid3 a::after{position:absolute;left:0;right:0;bottom:0;height:60%;background:linear-gradient(180deg,#fff0 0%,#181818ff 100%);transition:all 700ms ease;content:"";display:block;z-index:-1}
/*.photo_type.grid3 a > img{position:absolute;display:block;top:50%;left:50%;width:auto;height:100%;transform:translate(-50%,-50%);object-fit:cover;z-index:-1;transition:transform 500ms ease;transform-origin:center center}
.photo_type.grid3 li:hover img{transform:translate(-50%,-50%) scale(1.1)}*/
.photo_type.grid3 a > img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center center;z-index:-1;transition:transform 500ms ease;transform-origin:center center}
.photo_type.grid3 li:hover a > img{transform:scale(1.1)}



/* == 01 그리드 변경 == */
.photo_type.grid1 > li, .photo_type.grid3 > li{margin:0;}
.photo_type.grid1 > li{aspect-ratio:4/2.26;}
.photo_type.grid3{display: grid; grid-template-columns: repeat(3,1fr); gap: 30px; margin-top: 30px;}
.photo_type.grid3 > li{aspect-ratio:4/3;}
.photo_type.grid3 a{padding: 25px 20px;}



/* 출력스타일 02 : 이미지 타입 */
.img_type .img{position: relative; width: 100%; aspect-ratio: 4/3; overflow: hidden;}
.img_type .img > img{display: block; width: 100%; height: 100%; object-fit: cover;  transition-duration: 500ms;}
.img_type .text{padding: 20px 0;}
.img_type li:hover img{transform: scale(1.1);}

/* == 02 그리드 변경 == */
.img_type.grid3, .img_type.grid4{display: grid; grid-template-columns: repeat(3,1fr); gap: 10px 15px;}
.img_type.grid3 .text, .img_type.grid4 .text{padding: 15px 0;}
.img_type.grid3 .news_text .tit{font-size: 1.2em;}

.img_type.grid4{grid-template-columns: repeat(4,1fr); }
.img_type.grid4 .news_text .tit{font-size: 1.1em;}


/* 출력스타일 03 : 웹진 타입 */
.webzine_type{}
.webzine_type li + li{margin-top: 15px;}
.webzine_type a{display: flex; gap: 20px; align-items: center;}
.webzine_type .img{width: 30%; aspect-ratio: 4/3; overflow: hidden; overflow: hidden;}
.webzine_type .img > img{display: block; width: 100%; height: 100%; object-fit: cover; transition-duration: 500ms;}
.webzine_type .text{flex: 1;}
.webzine_type li:hover img{transform: scale(1.1);}



/* 출력스타일 04 : 카드 타입 */
.card_type li{background-color: #f0f0f0;}
.card_type li > a{display: block;}
.card_type .img{width: 100%;aspect-ratio:4/3;overflow: hidden;}
.card_type .img > img{display: block; width: 100%; height: 100%; object-fit: cover;transition-duration: 500ms;}
.card_type .text{padding: 30px 20px;}
.card_type li:hover img{transform: scale(1.1);}


.right_sticky .card_type .img{aspect-ratio:4/2.27;}


.card_type.horizontal a{display: flex; align-items: center;}
.card_type.horizontal .img{/* width: 45%; */width:308px;}
.card_type.horizontal .text{flex: 1;}

/* == 04 그리드 변경 == */
.card_type.grid2{display: grid; grid-template-columns: repeat(2,1fr);}
.card_type.grid3{display: grid; grid-template-columns: repeat(3,1fr);}


/* 중앙섹션 액자형 추가 20250731 */
.card_type_frame li{background-color: #fff;}
/*.card_type_frame li.li_black{color:#fff}*/
.card_type_frame li > a{display: block;}
/*.card_type_frame li.li_black > a .news_text .cate {color: #fff;}
.card_type_frame li.li_black > a .news_text .con {color:#c6c6c6}*/		
.card_type_frame .img{width: 100%; aspect-ratio: 4/3; overflow: hidden;}
.card_type_frame .img > img{display: block; width: 100%; height: 100%; object-fit: cover; transition-duration: 500ms;}
.card_type_frame .text{padding: 30px 20px;}
.card_type_frame .text h3.tit {font-size:18px}
.card_type_frame li:hover img{transform: scale(1.1);}
.card_type_frame.horizontal a{display: flex; align-items: center;}
.card_type_frame.horizontal .img{width: 45%;}
.card_type_frame.horizontal .text{flex: 1;}
.card_type_frame.grid2{display: grid; grid-template-columns: repeat(2,1fr);}


/* 출력스타일 05 : 텍스트 타입 */
.text_type > li{border-bottom: 1px solid #eee;}
.text_type .news_text .tit{font-size: 1.2em;}
.text_type .news_text .cate{margin-top: 5px; margin-bottom: 0;}
.text_type a{display: flex; gap: 15px; padding: 15px 0;}
.text_type .num{width: 1.6em; font-size: 2.2em; font-weight: 800; color: #ddd;}
.text_type .news_text{flex: 1;}


/* 출력스타일 06 : 박스 타입 */
.box_type a {display: block; height: 100%; padding: 20px 15px; border: 1px solid #eee; box-shadow: 0 3px 6px 0 rgba(0, 0, 0, .05); }
.box_type .img {width: 20%; aspect-ratio: 1 / 1; overflow: hidden; border-radius: 50%; }
.box_type .text{flex: 1;}


/* 출력스타일 07 : 팝 타입 */

/*.pop_type > li{aspect-ratio: 3/2; overflow: hidden; border-radius: 15px 15px 15px 0;}*/
.pop_type > li{width:308px;height:174px; overflow: hidden; border-radius: 15px 15px 15px 0;}
.pop_type > li + li{margin-top: 15px;}
.pop_type a{position: relative; display: flex; align-items: flex-end; width: 100%; height: 100%;}
.pop_type a > img{position: absolute; display: block;  left: 50%; top: 50%; transform: translate(-50%, -50%); width: 100%; height: 100%; object-fit: cover; z-index: -1; transition-duration: 500ms;}

.pop_type .text{width: 80%; background-color: #fff; padding: 15px 20px 10px 5px; border-radius: 0 15px 0 0;}
.pop_type li:hover img{transform: translate(-50%, -50%) scale(1.1);}

/* 우측 인기뉴스 css 추가됨 */
.side_news .pop_type .news_text h3{font-size: 1.2em;}
.side_news .webzine_type .news_text h3{font-size: 1.1em;}

/* 공통 */
.list_01 > a{display: flex; gap: 15px; align-items: center;}
.list_01 .img{width: 25%; aspect-ratio: 1/1; overflow: hidden; border-radius: 50%;display:none;}
.list_01 .img > img{display: block; width: 100%; height: 100%; object-fit: cover; transition-duration: 500ms}
.list_01 .text{flex: 1;}


/* 속보 */
.newsflash_wrap{/*background-color: #161616; */color: #fff; text-align: center; padding: 1em 0; font-size: 14px;}
.newsflash_wrap a{display: -webkit-box; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 1; -webkit-box-orient: vertical; }













/* ==== 헤더 ==== */
/* 헤더 최상단 */
#header{position: relative; z-index: 100;}
#header .top{margin: 10px 0;}
#header .top .flex{justify-content: space-between;}
.my_menu{font-size: 13px; font-weight: 500;}
.my_menu li + li{border-left: 1px solid #ddd;}
.my_menu li > a{display: block; padding: 0 10px; transition-duration: 100ms;height:20px;line-height:20px}
.my_menu li:hover > a{opacity: 0.5;}
.admin-link {background-color:var(--point-color);color:#fff;border-radius:5px;margin-left:10px}

#header .top_info {}
#header .top_info .weather_box {display:inline-block}
#header .top_info .update_date {display:inline-block;vertical-align:bottom;margin-left:10px;font-size:14px;line-height:18px;}

/* 날씨 */
.weather_box{position: relative; width: 140px; font-size: 14px;}
.weather_box > a{position: absolute; right: 0; top: -2px; display: block; font-size: 10px; color: #999; text-align: right;}
.weather_box li{display: flex; gap: 5px; align-items: flex-end; justify-content: space-between;}
.weather_box .area{}
.weather_box .temperature{font-weight: 800; font-size: 1.2em;}



/* 헤더 로고 */
.logo_wrap{display:flex;align-items:center;margin:10px 0;}
.logo_wrap .flex{gap: 10px;}
.logo_wrap .logo{flex: 1;text-align:center;}


/* 네비게이션 */
.nav > div{justify-content: space-between; border: 1px solid #eee; border-style: solid none; gap: 15px;}


/* ----- 헤더 디자인 - 기본 */
.gnb{display: flex;}
.gnb li{ transition-duration: 100ms;}
.gnb li > a{display: block; line-height: 40px; padding: 0 20px;}
.gnb > li{position: relative; font-size: 15px; z-index: 1000;}
.gnb > li:hover{/*background-color: #161616;*/ color: #fff;}
.gnb > li > a{font-weight: 600;}
.gnb > li.have > a{position: relative; padding-right: 35px;}
.gnb > li.have > a::after {position: absolute; top: 50%; right: 20px; transform: translateY(-50%); content: ""; display: block; 
width: 0; height: 0; border-left: 3px solid transparent; border-right: 3px solid transparent; border-top: 4px solid #161616;}
.gnb > li:hover > a::after{border-top-color: #fff;}
.gnb > li#gnb_first{color: #fff;}
.gnb > li#gnb_first:hover{background:var(--color-basic);}
.gnb > li.nav_logo{display: none; margin-right: 10px;}
.gnb > li.nav_logo > a{display: block; width: 120px; height: 40px; padding: 10px 0;}
.gnb > li.nav_logo img{display: block; width: 100%; height: 100%; object-fit: contain;}
.gnb > li.nav_logo:hover{background-color: transparent;}
.nav.on .gnb > li.nav_logo{display: block;}
/* 2차 메뉴 */
.lnb{position: absolute; display: none; min-width: 200px; color: #fff; font-size: 14px; box-shadow: 0 4px 8px 0 rgba(0, 0, 0, .15);}
.lnb > li:hover{/*background-color: #222;*/ color: #fff;}
.lnb > li + li{/*border-top: 1px solid #222;*/}

.logo_wrap .logo{order: 2;} /* 로고 가운데 정렬 */
.logo_wrap .logo_side_ad:first-child{order: 1;border:1px solid red;} /* 좌 배너 */
.logo_wrap .logo_side_ad:last-child{order: 3;} /* 우 배너 */


/* 네비 우측 검색 */
.nav_search{position: relative; padding: 0 10px;}
.nav .search_box{position: absolute; display: none; right: 0; padding: 10px; background-color: #fff; border: 1px solid #eee; border-top: none; box-shadow: 0 4px 4px 0 rgba(0, 0, 0, .05); margin-top: 4px; padding-top: 4px; border-radius: 0 0 5px 5px; width: 300px;}
a.search_icon{display: flex; width: 2rem; height: 2rem; border-radius: 50%; /* background-color: #161616;*/ color: #fff; align-items: center; justify-content: center;}
.nav .search_box > form{position: relative;}
.nav .search_box > form > input[type="text"]{width: 100%; font-size: 14px;}
.nav .search_box > form > button{position: absolute; top: 50%; right: 10px; transform: translateY(-50%);}

/* 헤더 고정 : 네비, 최상단 배너 */
.nav.on{position: fixed; top: 0; width: 100%; background-color: rgba(256,256,256,0.9); z-index: 1000; animation: fade 400ms; border-bottom: 1px solid #eee;}
.nav.on > div{border-bottom: none;}
@keyframes fade{
	0% {opacity: 0;}
	100% {opacity: 1;}
}










/* ----- 헤더 디자인 01 ----- */
.header01 .nav{border-top:1px solid #e7e7e7;}
.header01 .gnb > li#gnb_first{color:#222 !important;background:none !important;border-left:1px solid #e7e7e7;border-right:1px solid #e7e7e7;}
.header01 .nav > div{border:none !important;}


/* ----- 헤더 디자인 02 ----- */
.header02{border-bottom: none; box-shadow: none;}
.header02 .nav{border:none;}
.header02 .nav .wrapper.flex{position: relative;align-items:stretch;border-top:1px solid #e7e7e7;border-bottom:1px solid #e7e7e7;}
.header02 #main_menu > li > a::after{display: none;}
.header02 .nav_search{display:flex;align-items:stretch;padding:0 !important;}
.header02 .nav_search a.search_icon{width:40px;height:40px;border-radius:0;background:none;}
.header02 .search_box{top:40px;}


/* ----- 헤더 디자인 03 ----- */
.header03{background-color: var(--color-basic2);border-bottom:2px solid var(--color-basic);}
.header03 .top{margin:0 !important;padding:10px 0 0 !important}
.header03 .nav{border-top:1px solid rgba(0,0,0,0.1)}
.header03 .nav .wrapper.flex{border:none !important}
.header03 .gnb > li#gnb_first{background:none !important;color:#111;border-left:1px solid rgba(0,0,0,0.1);border-right:1px solid rgba(0,0,0,0.1)}
.header03 .gnb > li#gnb_first a::before{content:"\f550";font-family:"FontAwesome";font-weight:900;margin-right:6px}


/* ----- 헤더 디자인 04 ----- */
.header04 .nav .wrapper.flex{border-bottom:2px solid var(--color-basic) !important;}
.header04 .gnb > li#gnb_first{background:none !important;color:var(--color-basic);}
.header04 .gnb > li#gnb_first a{font-weight:800 !important;}
.header04 .gnb > li#gnb_first a::before{content:"\f550";font-family:"FontAwesome";font-weight:900;margin-right:10px}


/* ----- 헤더 디자인 05 ----- */
.header05 .top{margin:0 !important;padding:10px 0 0 !important}
.header05 .nav{border-top:1px solid rgba(0,0,0,0.1);border-bottom:1px solid rgba(0,0,0,0.1)}
.header05 .nav .wrapper.flex{border:none !important}
.header05 .gnb > li#gnb_first{background:none !important;color:#111;}
.header05 .gnb > li#gnb_first a{padding:0 10px 0 0}
.header05 .gnb > li#gnb_first a::before{content:"\f550";font-family:"FontAwesome";font-weight:900;margin-right:10px}
.header05 .nav_search{display:flex;align-items:stretch;padding:0 !important;}
.header05 .nav_search a.search_icon{width:40px;height:40px;border-radius:0;background:none;}
.header05 .search_box{top:40px;}















/* 배너 공통 */
.ba_img + .ba_img{margin-top: 10px;}
.ba_img img{display: block; max-width: 100%; height: auto !important; margin-left: auto; margin-right: auto;}
.ba_list > .list + .list{margin-top: 10px;}

.bottom_banner{margin: 50px auto;}


/* 스와이퍼 공통 */
.white-pagination .swiper-pagination-bullet{border: 1px solid #fff; vertical-align: top; opacity: 1; background-color: transparent; margin: 0 4px;}
.white-pagination .swiper-pagination-bullet-active{background-color: #fff;}

.black-pagination .swiper-pagination-bullet{border: 1px solid #000; vertical-align: top; opacity: 1; background-color: transparent; margin: 0 4px;}
.black-pagination .swiper-pagination-bullet-active{background-color: #000;}



/* 상단 배너 새로 설정 */
.logo_side_ad {width: 260px;}
.ba_fade img{max-width: 100%; height: auto !important;}

s

/* 하단 추천기사 */
.main_recommend{margin: 60px auto;}
.recommend{display: flex; gap: 30px;}
.recommend > ul{flex: 1;}
.recommend .text_type .news_text .tit{height: 3em}


/* 푸터 */
#footer{position: relative;/*  margin-top: 90px;  padding-bottom: 40px;*/ font-size: 14px;}
#login_footer{display: none;}
.fnb{display: flex; flex-wrap: wrap; justify-content: center; font-weight: 600; color: #161616;}
.fnb > li + li{border-left: 1px solid #ddd;}
.fnb > li > a{display: block; padding: 0 1em; transition-duration: 100ms;}
.fnb > li:hover > a{opacity: 0.5;}

.copy_wrap{text-align: center; color: #666; margin: 20px auto;}
.copyright{position: absolute; left: 0; right: 0; bottom: 0; line-height: 40px;/* background-color: #161616;*/ color: #ddd; font-size: 13px;}
.copy > span {display: inline-block; line-height: 1.6;}
.powered_by{text-align: right; margin-top: 5px;}

/* 퀵 메뉴 */
.quick_btn_wrap{position: fixed; display: none; bottom: 50px; right: 2.5%; z-index: 99;}
.quick_btn{display: flex; align-items: center; justify-content: center; width: 50px; aspect-ratio: 1/1; border-radius: 50%; background-color: #fff; border: 1px solid #dadcdf; box-shadow: 0 4px 8px 0 rgba(0, 0, 0, .15); transition-duration: 100ms;}
.quick_btn + .quick_btn{margin-top: 8px;}
.quick_btn img{width: 60%; transition-duration: 100ms;}
.quick_btn:hover{cursor: pointer; background-color: var(--main-color); border-color: var(--main-color);}
.quick_btn:hover img{width: 60%; filter: invert(1);}


/* 에디터 */
#fwrite .cheditor-modify-block div{padding: 5px 10px;}
#fwrite .cheditor-modify-block div .user-input-alt,
#fwrite .cheditor-modify-block div .user-input-caption{width: inherit; min-width: 200px; padding: 0.6em; height: auto;}

/* 좌측,우측 스크롤 배너 잘림 방지 */
.top_banner .left_ba_fade_swiper {overflow:visible}
.top_banner .right_ba_fade_swiper {overflow:visible}


/* Sitemap */
#box_bottom{background-color: #f1f1f1; padding: 30px 0 60px 0;}
#box_bottom .ar_title{margin-bottom: 15px;}
#box_bottom .ar_title .tit{color: #111;}

.sitemap{display: flex; flex-wrap: wrap; gap: 30px 0; margin-bottom: 60px;}
.sitemap li{line-height: 2;}
.sitemap > li{min-width: 12.5%;}
.sitemap > li + li{padding: 0 12px; border-left: 1px solid #e5e5e5;}
.sitemap > li:nth-child(9n){border-left: none;}
.sitemap > li > a{font-weight: 600;}
.sitemap_nav > li > a{color: #666; font-size: 14px;}

#box_bottom .swiper-slide{border: 1px solid #eee;}


















/* Footer */
#footer {/*background-color: #262323;*/ color: #fff;}
.footer_nav {border-bottom: 1px solid rgba(102, 102, 102, .5)}
.footer_nav ul{display: flex; align-items: center;}
.footer_nav ul > li{flex: 1; text-align: center;}
.footer_nav ul > li > a{display: block; color: #fff; font-size: 14px; font-weight: 500; padding: 1em 0.5em;}

#footer > div.wrapper{padding: 30px 0;position:relative}
.footer_logo {max-width: 160px;}
.footer_logo img{max-width: 100%;}
.foot_con {flex: 1;}
.foot_con > p { font-size: 13px; color: #ccc;}
.foot_con > p + p{margin-top: 10px;}
.foot_con > p > b{display: block; margin-top: 10px; color: #999;}
.foot_con > b { position: absolute; right: 0;/*  bottom: 0; */ filter: invert(1);}

#footer > div.wrapper > div { position: relative; margin: 0 auto; padding:20px 0;}

#footer .part_1{display: flex; gap: 5%; margin-bottom: 30px;}

.page_tit { position:relative; font-size: 32px; padding-bottom: 20px; line-height: 1.2; font-weight: 600;}

.btn_mobile { position: relative; text-align: center; padding: 20px 0;}


/* Mobile화면으로 */
#device_change {border:1px solid #666;border-radius:2em; font-size:2em;text-decoration:none;text-align:center;}
#device_change a{display:block; padding:0.5em 0; color:#fff;}
#device_change:hover{background-color: rgba(256,256,256,0.1); transition-duration: 100ms; border-color: #eee;}



/* 타이틀 디자인 */
.ar_title{position: relative; display: flex; align-items: center; gap: 15px; padding: 13px 0 10px 0; justify-content: space-between;}
.ar_title::before{position: absolute; top: 0; left: 0; right: 0; height: 3px; border-radius: 3px; background-color:  var(--color-basic); content:""; display: block; clear: both; z-index: 1;}
.ar_title .tit{font-size: 20px; font-weight: 700; color: var(--color-basic);}
.ar_more{font-size: 16px; color: var(--color-basic); opacity: 0.4;}

.ar_title.basic{padding: 5px 0;}
.ar_title.basic::before{display: none;}
/* .ar_title.basic .tit, .ar_title.basic .ar_more{color: #111;} */

.pg_title{position: relative; display: flex; align-items: flex-end; justify-content: space-between; gap: 15px; padding-bottom: 20px; margin-bottom: 30px;}
.pg_title::before{position: absolute; bottom: 0; left: 0; right: 0; height: 3px; border-radius: 3px; background-color: #eee; content:""; display: block; clear: both; z-index: 1;}
.pg_title .tit{ position:relative; font-size: 36px; line-height: 1.2; font-weight: 600;}


/* POP To TOP */
.btn_top_wrap { position:fixed; right:3%; bottom: 50px; z-index:100;}
.btn_top {display: block; width: 50px; height: 50px; text-indent: -9999px; transition: none; background: #a8a9aa url(../btn_top.png) no-repeat center / contain; background: rgba(82,84,86,.5) url(../img/btn_top.png) no-repeat center / contain; border-radius: 50%;box-shadow: 0 0 0.5rem rgba(0, 0, 0, 0.1);}
.btn_top:hover { background-color: var(--color-basic); opacity: 0.95;}

/* 중앙섹션 텍스트형 20251119 */
.text-grid{display: grid; gap: 0 30px;}
.text-grid2{grid-template-columns: repeat(2,1fr);}
.text_news_wrapper{display:grid;grid-template-columns: repeat(2,1fr);gap:0;border-bottom:1px solid #ddd;}
.text_news_wrapper > div{border-top:1px solid #ddd;padding:20px;}
.text_news_wrapper > div:hover{background:#fafafa;}
.text_news_wrapper > div .news_tit{font-size: 17px;margin-bottom: 8px;word-break: keep-all; text-align: left;}
.text_news_wrapper > div .news_tit b{font-weight:700;}
.text_news_wrapper > div .news_text > p{font-size: 14px; color: #888;line-height:22px}
.text_news_wrapper > div .line1{-webkit-line-clamp: 1; line-height: 1.2;}
.text_news_wrapper > div .line2{-webkit-line-clamp: 2;}




.theiaStickySidebar .photo_type.grid1 .news_text *{color:#fff !important}
.main_mid .photo_type .tit,.news_text .tit{font-size:1.13rem !important;}
#main_headline_swiper .news_text .tit{font-size: 1.5rem !important;}
.main_wide.wrapper .news_text .tit{font-size:1.13rem !important;}
.main_mid .sticky_items .card_type_frame .tit{display: -webkit-box;overflow: hidden;text-overflow: ellipsis;-webkit-box-orient: vertical;word-break: break-all;-webkit-line-clamp:3 !important;}