@charset "utf-8";

/* ==== 서브 공통 ==== */
.sub_wrap {margin-top: 30px;}
.banner_wrap{margin: 30px auto;}
.sub_sidebar .news_text{font-size: 14px;}
.sub_sidebar .news_text .tit{font-size: 1.2em;}


/* ==== 뉴스 리스트 ==== */
.news_list > div > div > section + section{margin-top: 30px;}
.news_list .webzine_type{margin-bottom: 30px;}
.news_list .webzine_type li {padding: 10px 0;}
.news_list .webzine_type li + li{border-top: 1px dashed #eee; margin-top: 0;}
.news_list .webzine_type .img{border-radius: 15px;}
.news_list .img_type .cate{margin-top: 10px; margin-bottom: 0;}

/* 서브 뉴스리스트 좌측 최신뉴스 부분 */
.all_web.news_latest li p.line3{-webkit-line-clamp:2;}
.news_latest .card_type{margin-bottom: 30px;}
.news_latest .card_type li{border-radius: 20px; overflow: hidden;height:235px}
.news_latest .card_type li > a {height:235px}
.news_latest .card_type li + li{margin-top: 15px;}
.news_latest .card_type .img{position: relative; width: 313px; height:235px}
.news_latest .card_type .text{padding: 30px;}
.news_latest .card_type .cate{position: relative; margin: 15px 0 20px 0;}
.news_latest .card_type .news_text .tit { font-size: 1.6rem; }
.news_latest .card_type .con{line-height: 1.6}


/* 서브 헤드라인 */
.hdl_001 .img{position: relative;}
.sub_headline{border-radius: 15px; overflow: hidden; margin-bottom: 30px;}
.sub_headline .swiper-slide{}
.sub_headline .swiper-slide img{width:313px;aspect-ratio:4/3;}
.sub_headline .swiper-pagination{width: fit-content; bottom: 15px; left: initial; right: 20px; }


/* 서브 탑뉴스 */
.top_news{display: grid; grid-template-columns: repeat(2,1fr); gap: 15px; margin: 30px auto;}
.top_news .news_text{display: flex; flex-direction: column; gap: 5px; justify-content: space-between; font-size: 14px;}
.top_news .news_text .tit{font-size: 1.3em;}
.top_news .news_text .sub_tit{font-size: 1.1em; line-height: 1; margin-top: 0;}
.top_news .flex{gap: 20px;}

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

/* ==== 사이드바 ==== */
.side_news{margin: 30px auto;}
.sub_sidebar .text_type {border-top: 2px solid #222;}

.side_hot .text_type .num{font-size: 1.4em; line-height: 1.2;}
.side_hot .text_type a{gap: 10px;}
.side_hot .num.black{color: #161616;}

.side_news .card_type{display: grid; grid-template-columns: repeat(2,1fr); gap: 15px;}
.side_news .card_type .text{padding: 15px 10px;}
.side_news .card_type .text *{word-break: break-all;}
.side_news .webzine_type li{border-bottom: 1px solid #eee;}
.side_news .webzine_type li + li{border-top: none; margin-top: 0;}
.side_news > ul + ul{margin-top: 10px;}

.side_photo .pop_type > li + li{margin: 0;}
.side_photo .pop_type .text{padding-bottom: 15px;}
.thumb_swiper{margin-top: 5px;}
.thumb_swiper li{aspect-ratio: 1/1; border-radius: 15px; overflow: hidden; background-color: #ddd;}
.thumb_swiper li:hover{cursor: pointer;}
.thumb_swiper li img{opacity: 0.4; transition-duration: 100ms;}
.thumb_swiper li.swiper-slide-thumb-active img{opacity: 1;}


/* ==== 전체기사 ==== */
.all_web .webzine_type li:first-child{padding-top: 0;}
.all_text{/*border-top: 2px solid #222;*/}
.all_text .text_type > li{border-style: dashed;}
.all_text .text_type .news_text .cate{margin-top: 10px;}

.change_btn{display: flex; gap: 5px;}
.change_btn > a{display: flex; width: 28px; height: 28px; border-radius: 50%; align-items: center; justify-content: center; font-size: 14px; /*background-color: #161616;*/ color: #fff;}
.change_btn .nd-white{/*background-color: #eee; */color: #999;}



/* ==== 포토뉴스 ==== */
.movie_list .col_02 .img{position: relative;}
.movie_list .col_02 .img::before{position: absolute; top: 0; bottom: 0; left: 0; right: 0; background-color: rgba(0,0,0,0.4); content:""; display: block; clear: both; z-index: 1; transition-duration: 100ms;}
.movie_list .col_02 .img .play_icon{position: absolute; top: 50%; left: 50%; color: #fff; transform: translate(-50%, -50%); font-size: 2.5em; z-index: 2; transition-duration: 100ms;}
.movie_list .col_02 .img:hover::before, .movie_list .col_02 .img:hover .play_icon{opacity: 0;}



/* ==== 커뮤니티 ==== */
.board_wrap{margin-bottom: 60px;}
.board_grid{display: grid; grid-template-columns: repeat(2,1fr); gap: 60px 30px;}
.latest_webzine, .latest_gallery{grid-column: 1 / 3;}
.board_grid .news_text{font-size: 14px;}
.board_grid .news_text .tit{font-size: 1.1em;}

.board_grid .text_type{/*border-top: 2px solid #222;*/}
.board_grid .text_type .num{font-size: 1.2em;}
.board_grid .text_type a{gap: 10px;}
.board_grid .text_type .news_text .tit{line-height: 1.2;}
.board_grid .text_type .num.black{color: #161616;}

.board_grid .pop_type{display: grid; grid-template-columns: repeat(3,1fr); gap: 15px;}
.board_grid .pop_type li{width:auto !important}
.board_grid .pop_type > li + li{margin-top: 0;}

.board_grid .card_type{display: grid; grid-template-columns: repeat(2,1fr); gap: 15px;}
.board_grid .card_type .img{width: 35%;height:120px;;}
.board_grid .card_type .text{padding: 20px 15px;}



/* ==== 마이페이지 ==== */
/* 마이페이지 목록 */
.my_news .btn_box{margin: 60px auto;}
.my_news .tit_box{margin-top: 15px;}
.my_list{border-top: 2px solid #222;}
.my_list > li{display: flex; border-bottom: 1px solid #eee; padding: 10px 0; align-items: center; min-height: 80px;}
.my_list > li > a{display: block; flex: 1;}

.my_list .tit{line-height: 1.4;}
.my_list .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; }
.my_list > li:hover .tit > span{ background-size: 100% 2px; }


.my_list .info{font-size: 13px; color: #666; margin-top: 10px;}
.my_list .info li + li{border-left: 1px solid #ddd; padding-left: 10px;}
.my_list .info li{padding-right: 10px;}


/* 마이페이지 버튼 및 출력상태 */
.my_list .my_btns{width: 140px; text-align: center;}
.my_list .my_btns > *{width: 100%;}
.my_list .my_btns > * + *{margin-top: 5px;}

.my_btns > strong{display: block; font-size: 14px; padding: 0.5em 0; color: #999;}
.my_btns > strong.pstate_on{color: #ff4040;}

.my_news_state{display: flex; font-size: 11px; text-align: center; padding: 6px; background-color: #eee; border-radius: 2em; font-weight: 600;}
.my_news_state > *{flex: 1;}
.btn_state{padding: 6px 4px; border-radius: 1em; color: #999;}
.btn_state::before{content:""; display: inline-block; clear: both; width: 0.7em; height: 0.7em; border-radius: 50%; background-color: #999; margin-right: 4px;}
span.btn_state{/*background-color: #222;*/ color: #fff;}

.state_on span.btn_state::before{background-color: #ff4040;}
.state_off span.btn_state::before{background-color: #1be966;}


/* 마이페이지 사이드 */
.my_sidebar {border: 1px solid #eee; border-radius: 15px; overflow: hidden; margin-bottom: 60px;}
.my_sidebar .box{padding: 30px 20px;}
.my_sidebar .btn_box{margin: 10px auto;}
.my_sidebar .btn_big{max-width: initial; font-size: 14px;}
.my_sidebar .btn_write{display: block; width: 100%; background-image: -webkit-linear-gradient(45deg, #28C76F, #7ad9ff);
-webkit-animation: hue 3s infinite linear; color: #161616; font-weight: 700; border-color: transparent; border-radius: 10px; padding: 0.8em; font-size: 15px; text-align: center; margin-top: 15px; box-shadow: 0 0 6px 0 rgba(256, 256, 256, .4);}
.my_sidebar .btn_write > svg{margin-right: 0.5em;}
@-webkit-keyframes hue{from{-webkit-filter:hue-rotate(0deg)}to{-webkit-filter:hue-rotate(-360deg)}}
.my_sidebar .btn_write:hover{background-image: none; background-color: #fff; border-color: 1px solid #222;}
.my_sidebar .my_side_top .gray_box{/*background-color: #222;*/ color: #fff; padding-top: 50px; padding-bottom: 50px;}
.my_side_top > .text{font-family: 'SUITE', sans-serif; font-size: 1.3rem; line-height: 1.4;}
.my_side_top > .text small{display: block; margin-top: 5px;}


.authority {border-bottom: 1px solid #eee;}
.authority ul{text-align: center; font-size: 13px;}
.authority li{position: relative; flex: 1; padding: 10px 5px;}
.authority li:first-child{padding-left: 0;}
.authority li:last-child{padding-right: 0;}
.authority li + li::before{position: absolute; left: 0; top: 50%; transform: translateY(-50%); width: 1px; height: 60%; background-color: #eee; content:""; display: block; clear: both;}
.authority li > b{display: block; margin-bottom: 10px;}
.authority li > strong{display: block; padding: 8px; border-radius: 5px; color: #999; background-color: #eee; color: #999; font-size: 11px;}
.authority li > strong.ok{background-color: var(--point-color); color: #fff;}


/* 마이페이지 검색 */
.my_side_form{border-bottom: 1px solid #eee;}
.my_side_form dl + dl{margin-top: 30px;}
.my_side_form dl > dt{font-weight: 700; margin-bottom: 15px;}
.my_side_form .option_box {gap: 15px; font-size: 14px;}
.my_side_form input[type="text"]{width: 100%; font-size: 14px; padding: 0.8em;}


/* 마이페이지 메뉴 */
.my_sidebar .my_side_menu.box{padding: 50px 20px; background-color: #fbfbfb;}
.my_side_menu a{position: relative; display: block; padding: 15px;}
.my_side_menu a::before{position: absolute; top: 50%; left: 0; transform: translateY(-50%); width: 5px; height: 5px; border-radius: 50%; content:""; display: block; clear: both; background-color: #ddd;}
.my_side_menu li.on a{color: #161616; font-weight: 700;}
.my_side_menu li.on a::before{background-color: var(--red)}


/* ==== 내용관리 ==== */
.content_wrap .my_sidebar .my_side_menu.box{padding-top: 20px; }
.content_wrap > div{position: relative; margin-bottom: 60px;}
.company_wrap .wrap_controllers{display: none;}
.content_box{margin-bottom: 60px;}
.content_box > .tit_box{margin-top: 15px;}
.ctt_admin{position: absolute; right: 0; top: 0;}


/* 신문사 소개 */
#company .tit{font-size: 17px; font-weight: 500; color: #666; margin-bottom: 50px; line-height: 1.8; word-break: keep-all;}
#company .tit b{font-family: 'SUITE', sans-serif; display: block; font-size: 1.8em; font-weight: 600; letter-spacing: -0.02em; color: #161616; margin-bottom: 30px; margin-top: 50px;}
.company_info {border-top: 2px solid #222;}
.company_info .row {display: flex; font-size: 15px; padding: 15px 5px; border-bottom: 1px solid #eee;}

/* 지도 */
.map_box {margin-top: 50px;}
.root_daum_roughmap{width:100% !important;}
.root_daum_roughmap .wrap_map{height:400px !important;border-bottom:1px solid #ccc;}
.root_daum_roughmap .wrap_controllers,.root_daum_roughmap .cont{display:none}
.map_box section{display:grid;grid-template-columns:repeat(4, 1fr);border:1px solid #CCC;border-top:none;}
.map_box dl{display:flex;flex-direction:column;gap:10px;padding:1em;}
.map_box dl + dl{border-left:1px solid #ccc;}
.map_box dl *{line-height:1.4;font-size:0.95rem;font-weight:400;color:#666;}
.map_box dl dt{display:flex;align-items:center;gap:10px;font-size:1.1rem;color:#111;font-weight:800;}
.map_box dl dt path{color:#888 !important;}





/* 약관 */
.policy {font-size: 15px;}
.policy .tit_box{margin-top: 15px;}
.policy .tit_box > p{font-family: 'SUITE', sans-serif; font-size: 1.2rem; margin-top: 30px; word-break: keep-all; padding: 30px 0; border: 1px solid #eee; border-style: solid none; text-align: center;}
.policy > div + div{margin-top: 60px;}
.policy p{line-height: 1.5; margin: 15px 0;}
.p_tit{display: block; font-size: 1.1em; margin-bottom: 15px;}
.dot_list > li{position: relative; padding-left: 15px; line-height: 20px; color: #666;}
.dot_list > li + li{margin-top: 5px;}
.dot_list > li::before{position: absolute; left: 0; content:"·"; display: block; clear: both; color: #ccc; font-weight: 900; line-height: 20px; font-size: 20px;}
.policy .team{display: flex; gap: 15px; font-size: 16px; line-height: 1.8; margin-top: 30px;}
.team > div{flex: 1; padding: 30px; text-align: center; border: 2px solid #eee; border-radius: 20px;}
.num_list > li{position: relative; padding-left: 20px; line-height: 20px;}
.num_list > li::before{position: absolute; left: 0; content:"·"; display: block; clear: both; color: #ccc; font-weight: 500; line-height: 20px;}
.num_list > li + li{margin-top: 10px;}
.num_list > li:nth-child(1)::before{content:"1.";} .num_list > li:nth-child(2)::before{content:"2.";} .num_list > li:nth-child(3)::before{content:"3.";} .num_list > li:nth-child(4)::before{content:"4.";} .num_list > li:nth-child(5)::before{content:"5.";} .num_list > li:nth-child(6)::before{content:"6.";} .num_list > li:nth-child(7)::before{content:"7.";} .num_list > li:nth-child(8)::before{content:"8.";} .num_list > li:nth-child(9)::before{content:"9.";} .num_list > li:nth-child(10)::before{content:"10.";}

.p_big_tit{color: var(--main-color); font-size: 1.3em;}
.policy .p_big_tit{margin-top: 60px;}
.policy .p_big_tit + section{margin-top: 20px;}


/* 글쓰기 페이지 */
.content_write .tit_box{display: flex; justify-content: space-between;}
.content_write .red{color: var(--red);}
.content_write .btn_box{margin-top: 60px;}

.req_text {font-weight: 600;}
.req_text > svg{color: var(--point-color); margin-right: 0.5em;}

.add_text{display: block; font-weight: 600; color: #161616; font-size: 0.9em; margin-top: 10px;}
.add_text .red{color: var(--red);}

.content_form{border-top: 2px solid #222;}
.content_form + .content_form{margin-top: 60px;}
.content_form > legend{background-color: #fff; padding: 0 15px; margin: 0 auto; font-family: 'SUITE', sans-serif; font-weight: 700; font-size: 1.1em;}
.content_form > dl{padding: 15px 0; border-bottom: 1px solid #eee;}
.content_form > dl > dt{margin-bottom: 10px; font-weight: 700;}
.content_form > dl > dt > svg{color: var(--point-color); margin-right: 0.5em;}
.content_form > dl > dd{font-size: 15px;}
.content_form > dl > dd > input[type="text"], .content_form > dl > dd > textarea, .content_form > dl > dd > select{display: block; width: 100%;}
.content_form > dl > dd textarea{display: block; width: 100%; resize: none; height: 160px;}
.content_form > dl > dd textarea:focus-visible{outline: none;}
.content_form > dl > dd > * + *{margin-top: 10px;}

.content_form .option_box{gap: 30px; align-items: center; padding: 5px 0;}
.content_form .inputs{display: flex; gap: 5px; align-items: center;}
.content_form .inputs > li{flex: 1;}
.content_form .inputs > li > select, .content_form .inputs > li > label, .content_form .inputs > li > label > input{display: block; width: 100%;}
.content_form .inputs > li > select:hover{cursor: pointer;}
.content_form .btn_row{position: relative;}
.content_form .btn_row > input[type="email"], .content_form .btn_row > input[type="text"]{width: 100%; padding-right: 120px;}
.content_form .btn_row > .btn{position: absolute; width: 110px; top: 50%; right: 5px; transform: translateY(-50%); font-size: 12px; line-height: 2.3em; height: 2.4em;}

.terms_wrap{padding: 20px; background-color: #fbfbfb; border-radius: 10px; line-height: 1.4; height: 200px; overflow-y: scroll; font-size: 15px; margin-top: 15px; margin-bottom: 5px;}
.terms_wrap::-webkit-scrollbar {width: 5px;}
.terms_wrap::-webkit-scrollbar-track {background: transparent;}
.terms_wrap::-webkit-scrollbar-thumb {background: #aaa; border-radius: 5px;}
.terms_wrap > p{font-weight: 500;}
.terms_box > p{font-size: 13px; color: #666; margin-top: 15px;}
.terms_box > p > b{display: block; margin-bottom: 5px; color: #333; font-size: 14px;}


/* 전체검색 결과 */
.search_detail{margin-bottom: 60px; padding: 30px 0; border: 1px solid #eee; border-style: solid none;}
.search_detail .row + .row{margin-top: 10px;}
.search_detail .option_box{gap: 30px; align-items: center; padding: 5px 0;}
.search_detail dd{position: relative;}
.search_detail dd > input[type="text"]{width: 100%; padding-right: 2em;}
.search_detail dd > button{position: absolute; top: 50%; right: 10px; transform: translateY(-50%); font-size: 1.2em;}


.search_list .webzine_type{/*border-top: 2px solid #222;*/}
.search_list .red{color: var(--red);}
.search_list .no_result{text-align: center; color: #bbb; padding: 120px 0; font-weight: 500;}
.search_list .no_result > svg{font-size: 3em; margin-bottom: 30px;}




.sub_headline .news_text .tit,.theiaStickySidebar .card_type .tit{font-size:18px !important;}
.sub_sidebar .card_type li + li{margin-top:15px;}
.sub_headline .news_text .tit > span,.sub_headline .news_text .con.line3,.news_latest .news_text .con.line3,.news_list .news_latest .card_type .con{-webkit-line-clamp:2 !important;}
#news_body_area p{margin:0 !important;padding:0 !important}