@charset "utf-8";


/* ### 기본 스타일 커스터마이징 시작 ### */

/* 게시판 버튼 */
/* 목록 버튼 */
#bo_gall a.btn_b01 {}
#bo_gall a.btn_b01:focus, #bo_gall a.btn_b01:hover {}
#bo_gall a.btn_b02 {}
#bo_gall a.btn_b02:focus, #bo_gall a.btn_b02:hover {}
#bo_gall a.btn_admin {} /* 관리자 전용 버튼 */
#bo_gall a.btn_admin:focus, #bo_gall .btn_admin:hover {}

/* 읽기 버튼 */
#bo_v a.btn_b01 {}
#bo_v a.btn_b01:focus, #bo_v a.btn_b01:hover {}
#bo_v a.btn_b02 {}
#bo_v a.btn_b02:focus, #bo_v a.btn_b02:hover {}
#bo_v a.btn_admin {} /* 관리자 전용 버튼 */
#bo_v a.btn_admin:focus, #bo_v a.btn_admin:hover {}

/* 쓰기 버튼 */
#bo_w .btn_confirm { margin: 2em auto; display: block; text-align:center; } /* 서식단계 진행 */
#bo_w .btn_submit {}
#bo_w button.btn_submit {}
#bo_w fieldset .btn_submit {}
#bo_w .btn_cancel {}
#bo_w button.btn_cancel {}
#bo_w .btn_cancel:focus, #bo_w .btn_cancel:hover { color:white; }
#bo_w a.btn_frmline, #bo_w button.btn_frmline {} /* 우편번호검색버튼 등 */
#bo_w button.btn_frmline {}

/* 기본 테이블 */
/* 읽기 내 테이블 */
#bo_v .tbl_head01 {}
#bo_v .tbl_head01 caption {}
#bo_v .tbl_head01 thead th {}
#bo_v .tbl_head01 thead a {}
#bo_v .tbl_head01 thead th input {} /* middle 로 하면 게시판 읽기에서 목록 사용시 체크박스 라인 깨짐 */
#bo_v .tbl_head01 tfoot th {}
#bo_v .tbl_head01 tfoot td {}
#bo_v .tbl_head01 tbody th {}
#bo_v .tbl_head01 td {}
#bo_v .tbl_head01 a {}
#bo_v td.empty_table {}

/* 쓰기 테이블 */
#bo_w {}
#bo_w table { }
#bo_w caption {}
#bo_w .frm_info {}
#bo_w .frm_address {}
#bo_w .frm_file {}

#bo_w .tbl_frm01 { }
#bo_w .tbl_frm01 tr { }
#bo_w .tbl_frm01 th {}
#bo_w .tbl_frm01 td { padding: 7px 0; }
#bo_w .tbl_frm01 textarea, #bo_w tbl_frm01 .frm_input {}
#bo_w .tbl_frm01 textarea {background-color: #fbfbfb; resize: none; border: 1px solid #eee; padding: 5px;}
/*
#bo_w .tbl_frm01 #captcha {}
#bo_w .tbl_frm01 #captcha input {}
*/
#bo_w .tbl_frm01 a {}

/* 필수입력 */
#bo_w .cke_sc {}
#bo_w button.btn_cke_sc{}
#bo_w .cke_sc_def {}
#bo_w .cke_sc_def dl {}
#bo_w .cke_sc_def dl:after {}
#bo_w .cke_sc_def dt, #bo_w .cke_sc_def dd {}
#bo_w .cke_sc_def dt {}
#bo_w .cke_sc_def dd {}

/* ### 기본 스타일 커스터마이징 끝 ### */

/* 게시판 목록 */
#bo_cate h2 {width:1px;height:1px;font-size:0;line-height:0;overflow:hidden}
#bo_cate ul {margin-bottom:10px;padding-left:1px;zoom:1}


/* 카테고리 */
#bo_cate{}
#bo_cate_ul{display: flex; font-size: 13px; gap: 5px; font-weight: 600;}
#bo_cate_ul a{display: block; padding: 0.6em 1em; border: 1px solid #eee; border-radius: 2em; background-color: #f0f0f0; color: #999; transition-duration: 100ms;}
#bo_cate_ul a:hover{border-color: #222; background-color: #fff; color: #333;}
#bo_cate_ul a#bo_cate_on{background-color: #222; color: #fff; border-color: #222;}

.bo_cate_link{display: inline-block; font-size: 0.7em; color: var(--pure-color); font-weight: 600; margin-right: 5px; background-color: #f7f7f7; padding: 0.6em; border-radius: 5px; vertical-align: bottom; text-align: center;}


/* 게시판 목록 공통 */
.bo_current {color:#e8180c}

#bo_sch{width: calc(100% - 30px); max-width: 400px; padding: 4px 1em; border: 2px solid #222; background-color: #fff; margin: 30px auto; font-size: 14px; border-radius: 2em;}
#bo_sch > form{display: flex; align-items: center;}
#bo_sch > form > select{width: 30%; max-width: 180px; border: none; background-color: transparent;}
#bo_sch > form > input[name="stx"]{flex: 1; border: none; background-color: transparent;}
#bo_sch > form > button{color: var(--main-color); font-size: 1.2em;}

#bo_gall li.empty_list {padding:85px 0;text-align:center}

/* 게시판 쓰기 */
#char_count_desc {display:block;margin:0 0 5px;padding:0}
#char_count_wrap {margin:5px 0 0;text-align:right}
#char_count {font-weight:bold}

#autosave_wrapper {position:relative;}
#autosave_pop {display:none;z-index:10;position:absolute;top:24px;right:117px;padding:8px;width:350px;height:auto !important;height:180px;max-height:180px;border:1px solid #565656;background:#fff;overflow-y:scroll}
html.no-overflowscrolling #autosave_pop {height:auto;max-height:10000px !important} /* overflow 미지원 기기 대응 */
#autosave_pop strong {position:absolute;font-size:0;line-height:0;overflow:hidden}
#autosave_pop div {text-align:right}
#autosave_pop button {margin:0;padding:0;border:0;background:transparent}
#autosave_pop ul {margin:10px 0;padding:0;border-top:1px solid #e9e9e9;list-style:none}
#autosave_pop li {padding:8px 5px;border-bottom:1px solid #e9e9e9;zoom:1}
#autosave_pop li:after {display:block;visibility:hidden;clear:both;content:""}
#autosave_pop a {display:block;float:left}
#autosave_pop span {display:block;float:right}
.autosave_close {cursor:pointer}
.autosave_content {display:none}



/* ======================================================== */
#main_wrap {background-image: none;}
.board_wrap{position: relative; max-width: 1280px; margin: 0 auto; margin-bottom: 60px;}
.subCont_title { margin-bottom: 1em; }
.bo_v_info{font-size: 0.9em; color: #999; margin-top: 10px;}
.bo_v_info span + span::before{content:"｜"; display: inline-block; clear: both; opacity: 0.2;}


/* ======== 리스트 ======== */
#gall_allchk {padding: 10px 0; border-bottom: 1px solid #eee; }

.bo_fx{display: flex; align-items: center; justify-content: space-between; margin: 10px 0;}
.btn_bo_user, .btn_bo_adm, .bo_v_com{display: flex; align-items: center; gap: 5px;}
#bo_list_total{font-weight: 600; color: #1a1a1a; font-size: 15px;}
#bo_list_total strong{color: var(--main-color);}

#gall_ul{display: grid; grid-template-columns: repeat(5,1fr); gap: 20px 10px; margin-top: 20px;}
#gall_ul > li{position: relative;}
#gall_ul > li > input[type=checkbox]{position: absolute; top: 10px; left: 10px;}

.gall_con .img{border: 1px solid #eee;}
.gall_con .img a{display: block; aspect-ratio: 4/5; overflow: hidden;}
.gall_con .img a > img{display: block; width: 100%; height: 100%; object-fit: cover;}

.gall_con .text{padding: 10px 0;}
.gall_con .text .tit{font-size: 1.2rem;}
.gall_con .text .tit > a{display: block;}
.gall_con .text .tit > a > b{font-weight: 600; display: -webkit-inline-box;
overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-break: break-all; max-width: calc(100% - 1.5rem);}

.gall_con .cnt_cmt{display: inline-block; width: 14px; height: 14px; line-height: 14px; text-align: center; font-size: 10px; vertical-align: top; color: #fff; background-color: var(--pale-color); border-radius: 50%; font-weight: 700;}


/* ======== 뷰 ======== */
/* 뷰페이지 제목 */
.bo_title{position: relative; padding-bottom: 30px; border-bottom: 1px solid #eee;}
.bo_title .tit{ font-size: 2.4rem; font-weight: 700; line-height: 1.2; letter-spacing: -0.02em; word-break: keep-all; margin: 20px 0; }
.bo_title .tit .cate{ display: block; width: fit-content; margin-bottom: 10px; padding: 0.6em 1.2em; border: 1px solid #eee; border-radius: 2em; background-color: #f0f0f0; color: #999; transition-duration: 100ms; font-size: 13px; line-height: 1; }
.bo_title .scrap{position: absolute; right: 0; top: 0; font-size: 1.4rem;}

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

/* 뷰페이지 메뉴 */
.bo_btns{justify-content: space-between; padding: 10px 0; border-bottom: 1px solid #eee;}
.bo_btns .row{gap: 5px;}
.bo_btns .row + .row{margin-top: 0;}


/* 첨부파일 + 관련링크 */
.add_box{padding: 20px; border: 1px solid #eee; border-radius: 15px; margin-top: 60px; font-size: 15px; font-weight: 500;}
.add_box li + li{margin-top: 10px;}
.add_box a{display: flex; align-items: flex-start; justify-content: space-between; gap: 15px;}
.add_box a > span{text-decoration: underline;}
.add_box + .add_box{margin-top: 15px;}

/* 뷰페이지 본문 */
#bo_v_atc{line-height: 1.6; margin-bottom: 100px; margin-top: 30px;}
#bo_v_atc img{display: block; max-width: 100%; margin: 30px auto;}


/* 추천 비추천 */
.good_wrap{margin: 60px auto;}
.good_wrap > ul{display: flex; justify-content: center; gap: 15px;}
.good_wrap > ul > li{width: 15%; aspect-ratio: 1/1; border: 1px solid #eee; box-shadow: 0 0 8px 0 rgba(0, 0, 0, .05); border-radius: 50%;}
.good_wrap a{display: flex; width: 100%; height: 100%; flex-direction: column; align-items: center; justify-content: center; padding: 10px; font-size: 1.2rem;}
.good_wrap .icon{font-size: 1.4em;}
.btn_good{color: var(--red);}
.btn_nogood{color: var(--blue);}


/* 댓글 */
#bo_vc{margin-top: 60px;}
#bo_vc .tit{position: relative; display: block; font-size: 2rem; color: var(--main-color); font-weight: 800; letter-spacing: -0.02em; z-index: 1;}
#bo_vc .tit > strong{display: block; width: fit-content; background-color: #fff; padding-right: 2em;}
#bo_vc .tit::after{position: absolute; top: 50%; left: 0; right: 0; transform: translateY(-50%); height: 1px; background-color: #eee; content: ""; display: block; clear: both; z-index: -1;}

.btn_box{margin: 50px auto;}

.comment{position: relative; padding: 20px 10px; background-color: #fff; border-bottom: 1px solid #eee;}
.comment > p{font-family: 'Pretendard Variable', sans-serif; line-height: 1.4;}
.comment_lists{position: relative; margin-bottom: 5px;}
.comment_lists > strong{display: inline-block; margin-right: 5px; color: #1a1a1a;}
.comment_lists > small{color: #999;}

.more_option_area .btn_toggle{display: block; margin-left: auto; padding: 10px 15px;}
.more_option_area{position: absolute; right: 0; top: 0; z-index: 1;}
.layer_popup{display: none; text-align: center; border: 1px solid #eee;}
.layer_popup > li + li{border-top: 1px solid #eee;}
.layer_popup a{display: block; font-size: 0.9em; padding: 0 1em; line-height: 2.5; background-color: #fff;}

.reply_commnet .comment_lists::before{position: absolute; top: 0; left: -1.25rem; background: url('./img/icon_reply.svg') no-repeat center / contain; width: 1rem; height: 1rem; content:""; display: block; clear: both;}
a.rep{display: inline-block; margin: 10px 0; color: #666;}


.comment_write{padding: 10px 0; border-top: 1px solid #eee;}
.comment_write input{border: 1px solid #eee; background-color: #fbfbfb;}
.co_wr_option{display: flex; align-items: center; gap: 10px; margin-bottom: 10px;}
.co_wr_option li.guest{flex: 1; max-width: 300px;}
.co_wr_option li.guest > input{display: block; width: 100%;}
.co_wr_option li.secret{padding-right: 3rem;}
.co_wr_option li.secret input{display: inline-block; margin-right: 10px; border-radius: 50%; vertical-align: middle;}

.comment_text {position: relative;}
.comment_text textarea{display: block; width: 100%; resize: none; border: 1px solid #eee; padding: 0.5em; padding-right: 3rem; background-color: #fbfbfb;}
.comment_text textarea::-webkit-scrollbar {width: 5px;}
.comment_text textarea::-webkit-scrollbar-track {background: transparent;}
.comment_text textarea::-webkit-scrollbar-thumb {background: #ddd; border-radius: 5px;}
.comment_text button{position: absolute; bottom: 0.5rem; right: 0.5rem; opacity: 0; width: 2rem; height: 2rem; background-color: var(--main-color); color: #fff; border-radius: 50%; text-align: center;}
.comment_text textarea:focus + button{opacity: 1; transition-duration: 200ms;}

#bo_vc_empty{padding: 50px 0; text-align: center; line-height: 2; font-weight: 500; opacity: 0.3;}
#fwrite{margin-top: 10px;}


/* 이전글 다음글 */
.other_article{display: flex; border: 1px solid #eee; border-radius: 15px; margin: 60px auto;}
.other_article > li{flex: 1; padding: 20px;}
.other_article > li + li{text-align: right; border-left: 1px solid #eee;}
.other_article strong{display: block; color: #999; margin-bottom: 10px; font-size: 14px; font-weight: 800;}
.other_article .tit{font-weight: 600; font-size: 1.1rem; line-height: 1.4;}
.other_article > li + li .tit{text-align: right;}

/* 글쓰기 페이지 */
.write_wrap{border-top: 2px solid #222; font-size: 15px;}
.write_wrap .row{padding: 0.5em 0; border-bottom: 1px solid #eee; min-height: 3em;}
.write_wrap .row dt{width: 160px;}
.write_wrap input[type=text],.write_wrap input[type=password],.write_wrap input[type=email],.write_wrap input[type=tel]{padding: 0.5em; width: 100%;}
.write_wrap select{padding: 0.5em; width: 30%;}



/* ========================== 리스트형 게시판 ========================== */
#fboardlist{font-size: 14px;}
.bo_table{width: 100%; border-top: 2px solid var(--main-color);}
.bo_table thead tr{border-bottom: 5px solid #f0f0f0;}
.bo_table th, .bo_table td{padding: 12px 5px; vertical-align: middle;}
.bo_table th{font-weight: 600;}

.bo_table tbody tr{border-bottom: 1px solid #eee;}
.bo_table td{text-align: center;}
.bo_table td.empty_table{padding: 100px 0; color: #ccc;}

.bo_table .t_chk{width: 30px;}
.bo_table .t_num{width: 3em;}
.bo_table td.t_subject{text-align: left;}

.bo_table td.t_subject a{}
.bo_table td.t_subject i{}

.bo_table .t_name{width: 80px;}
.bo_table .t_date{width: 75px;}
.bo_table .t_view{width: 60px;}


.subject_name{display: flex; gap: 5px; align-items: center; font-size: 15px;}
.subject_name .cate{white-space: nowrap; display: block; padding: 0.5em 0.8em; border: 1px solid #222; border-radius: 2em; background-color: #222; color: #fff; transition-duration: 100ms;  font-size: 10px; font-weight: 700;}

.subject_name .name{font-weight: 600;}
.subject_name .icons{display: flex; gap: 4px; align-items: flex-start; font-size: 0.9em; color: #aaa;}
.subject_name .icons .cnt_cmt{font-size: 10px; font-weight: 900; color: #222; white-space: nowrap;}
.subject_name .icons .cnt_cmt::before{content: "\f075"; font-family: "Font Awesome 6 Free"; display: inline-block; clear: both; margin-right: 3px; font-size: inherit; font-weight: 600;}

.subject_info{font-size: 13px;}


/* 리스트 제목 하단 게시글 정보 */
.subject_info{margin-top: 10px;}
.subject_info ul{font-size: 12px; color: #999; align-items: center; gap: 0;}
.subject_info li + li{padding-left: 10px; margin-left: 10px;border-left: 1px solid #eee;}

.subject_info .black{color: #222;}
.subject_info .red{color: #df0000;}
.subject_info .gray{color: #ccc;}



/* --- 뷰페이지 퀵바 --- */
.quick_menu_wrap{position: fixed; left: 3%; bottom: 50px; padding-bottom: 0 !important; z-index: 100;}
.quick_menu{background-color: #fff; border-radius: 50px; padding: 15px; border: 1px solid #dadcdf; box-shadow: 0 4px 8px 0 rgba(0, 0, 0, .15); }
.quick_menu > li{position: relative; padding: 10px 0;}
.quick_menu > li + li{border-top: 1px solid #eee;}
.quick_menu li:hover .q_menu, .quick_menu li:hover .q_menu > a, .q_btn.on{color: var(--color-basic); transition-duration: 100ms;}

.q_menu{text-align: center;}
.q_menu i{font-size: 24px; line-height: 1.2;}
.q_tit{display: block; font-size: 12px; margin-top: 10px; font-weight: 600; white-space: nowrap; text-align: center;}

.font_icon {font-weight: 800; font-style: initial; letter-spacing: -2px;}
.font_icon > span:nth-child(1){font-size:10px;}
.font_icon > span:nth-child(2){font-size:12px;}
.font_icon > span:nth-child(3){font-size:14px;}

.q_btn:hover{cursor: pointer;}
.q_pop{display: none; position: absolute; left: 75px; top: -50%; padding: 20px; background-color: #fff; border-radius: 15px; border: 1px solid #dadcdf; box-shadow: 0 4px 8px 0 rgba(0, 0, 0, .15); width: 300px;}
.q_pop .flex{justify-content: space-between; padding: 0; padding-bottom: 10px; border-bottom: 1px solid #eee; margin-bottom: 10px;}
.q_pop .tit{font-weight: 700; font-family: 'SUITE', sans-serif;}
.q_pop .q_close{color: #ccc; padding: 0 5px 0 10px;}
.q_pop .q_close:hover{color: inherit; transition-duration: 100ms;}


/* --- 뷰페이지 퀵바 : sns 공유 --- */
.q_share{display: flex; gap: 20px 5px; flex-wrap: wrap;}
.q_share li{width: calc((100% - 15px)/4);}
.q_share li .icon { display: block; width: 34px; height: 34px; background: url("./img/btn_share.png") no-repeat 0 0; text-indent: -9999px; margin: 0 auto;}
.q_share li.bs01 .icon { background-position: 0 0;}
.q_share li.bs02 .icon { background-position: -40px 0;}
.q_share li.bs03 .icon { background-position: -80px 0;}
.q_share li.bs04 .icon { background-position: -120px 0;}
.q_share li.bs05 .icon { background-position: -160px 0;}
.q_share li.bs06 .icon { background-position: -200px 0;}
.q_share li.bs07 .icon { background-position: -240px 0;}
.q_share li.bs08 .icon { background-position: -280px 0;}
.q_share li.bs09 .icon { background-position: -320px 0;}
.q_share li.bs10 .icon { background-position: -360px 0;}
.q_share li.bs11 .icon { background-position: -400px 0;}

/* 추가 */
.q_share li.bs12 .icon{ background: url("./img/btn_url.png") no-repeat center / cover;}
.q_share li a:hover { opacity: .8;}


/* --- 뷰페이지 퀵바 : 글자크기 --- */
.q_zoom{padding: 10px 0;}
.q_zoom ul{display: flex; justify-content: center; align-items: center; gap: 15px;}
.zoom_icon a{display: flex; align-items: center; justify-content: center;border: 1px solid #eee; width: 30px; aspect-ratio: 1/1; padding: 5px; border-radius: 50%;}
.zoom_icon:hover a{background-color: #fbfbfb; color: #999; transition-duration: 100ms;}
.txt_small{font-weight: 700;}
.txt_big{font-size: 1.5em; font-weight: 700;}



/* ============================================================================== */
.news_header{background-color: #161616; color: #fff; z-index: 99; padding: 10px 0; display: none; box-shadow: 0 4px 8px 0 rgba(0, 0, 0, .15); margin-top: 42px !important;}
.news_header.on{position: fixed; top: 0; left: 0; right: 0;}
.news_header .flex{align-items: center; justify-content: space-between; text-align: center; padding: 0 10px;}
.news_header .flex .tit{flex: 1; text-align: center; font-size: 1.2rem; font-weight: 600;}
.news_header .btn_space{width: 28px;}
.news_header button{display: flex ; width: 28px; height: 28px; border-radius: 50%; align-items: center; justify-content: center; background-color: #eee; color: #161616; opacity: 0.3; transition-duration: 100ms;}
.news_header button:hover{opacity: 0.6;}
.sticky_banner.on{top: 48px;}

/* 뉴스 내용 페이지 */
.sub_view{margin-top: 30px;}
.news_view .col_02{z-index: 10;}
.news_source{display: flex; gap: 0.5em; font-size: 0.9em; margin-top: 30px;}
.news_source a{flex: 1;}

.info{font-size: 13px; color: #666;}
.info li + li{border-left: 1px solid #ddd; padding-left: 10px;}
.info li{padding-right: 10px;}
.signature{ text-align: right; font-size: 14px; color: #666;}

/* ===== 뉴스 내용 상단 ===== */
.view_header{padding-bottom: 30px; border-bottom: 1px solid #eee; margin-bottom: 30px;}
.news_title .tit{font-size: 2.4rem; font-weight: 700; line-height: 1.2; letter-spacing: -0.02em; word-break: keep-all; margin: 20px 0;}
.news_title .sub_tit{position: relative; font-size: 1.2rem; font-weight: 500; line-height: 1.4; margin: 20px 0; color: #666; padding-left: 20px;}
.news_title .sub_tit::before{position: absolute; top: 3px; bottom: 3px; left: 0; width: 3px; background-color: #ddd; content: ""; display: block; clear: both;}


/* ===== 뉴스 내용 ===== */
.news_banner {width: 160px;}
.news_banner .theiaStickySidebar{width: 160px !important;}
.news_file{padding: 20px; border: 1px solid #eee; border-radius: 15px; margin-top: 60px; font-size: 15px; font-weight: 500;}
.news_file li + li{margin-top: 10px;}
.news_file a{display: flex; align-items: center; justify-content: space-between; gap: 15px;}
.news_file a > span{text-decoration: underline;}

/* ===== 뉴스 내용 하단 ===== */
.news_bottom {margin-top: 30px;}

/* 기자 정보 */
.reporter_box{display: flex; align-items: center; gap: 20px; padding: 20px 0; border: 1px solid #eee; border-style: solid none;}
.reporter_box .img{width: 80px; aspect-ratio: 1/1; border-radius: 15px; overflow: hidden;}
.reporter_box .img img{display: block; width: 100%; height: 100%; object-fit: cover;}
.reporter_box .text{flex: 1;}
.reporter_box .text strong{display: block; font-size: 1.1rem; margin-bottom: 5px;}
.reporter_box .button{width: fit-content;}

/* 저작권 표시 */
.news_copyright{background-color: #eee; color: #999; padding: 20px; font-size: 13px; line-height: 1.6; text-align: right;}


/* 태그 + 이전글 다음글 */
.bt_03{position: relative; margin: 60px 0;}
.tag-group{position: absolute; top: -1.5em; left: 0; display: flex; background-color: #fff; padding: 1em 1em 1em 0; gap: 5px;}
.tag-group strong{display: block; width: 60px; font-weight: 800;}
.tag-group .row{flex: 1; gap: 5px; flex-wrap: wrap;}
.tag-group a:hover{text-decoration: underline;}

.other_news{display: flex; border: 1px solid #eee; border-radius: 15px;}
.other_news > li{flex: 1; padding: 20px;}
.other_news > li + li{text-align: right; border-left: 1px solid #eee;}
.other_news strong{display: block; color: #999; margin-bottom: 10px; font-size: 14px; font-weight: 800;}
.other_news .tit{font-weight: 600; font-size: 1.1rem; line-height: 1.4;}
.other_news > li + li .tit{text-align: right;}


/* 구독&후원 하기 */
.bt_04{margin: 60px 0;}
.support_wrap{background-color: #222; color: #fff; padding: 20px; border-radius: 15px;}
.support_wrap .deco_tit{color: #999;}
.support_wrap .deco_tit > b{color: #fff;}
.support_wrap .deco_tit::after{background-color: #999;}
.support_wrap p{line-height: 1.8;}
.support_wrap .support_list{margin-top: 15px;}
.support_wrap .account_info{color: #ffcd38; font-weight: 600;}


/* 관련 기사 */
.bt_05{margin: 60px 0;}
.relate_list{border-top: 2px solid #222; overflow: hidden;}
.relate_list li{border-bottom: 1px dashed #eee; font-size: 15px;}
.relate_list a{display: flex; justify-content: space-between; padding: 1em 0; gap: 10px;}
.relate_list b{flex: 1;}
.relate_list .date{width: 80px; color: #999; font-size: 0.9em;}
.btn_collap{text-align: center; margin-top: 20px; color: #999; font-size: 14px;}


/* 연관기사 */
.post_wrap{margin: 30px 0;}
.post_wrap .img{position: relative; border-radius: 15px; overflow: hidden;}


/* ===== 댓글 ===== */
#view_comment_frame{width: 100% !important;}
.reply_wrap textarea, .reply_wrap input[type="text"], .reply_wrap input[type="password"]{display: block; width: calc(100% - 1px);}
.reply_form .c_input{flex: 1;}
.reply_form .captcha_wrap{width: calc(100% - 1px);}
.reply_form .captcha_wrap input{width: 100%;}
.reply_wrap .deco_tit > small{margin-left: 0.5em; color: #222; font-weight: 600;}

.reply_form > * + *{margin-top: 5px;}
.reply_form .row dt{max-width: 120px;}

.guest_info{gap: 5px;}
.guest_info > li{flex: 1;}
.guest_info > li > input{width: 100%;}

.reply_text{}
.reply_text > small{display: block; text-align: right; margin: 10px 0; color: #666; font-weight: 500;}
.reply_input{position: relative;}
.reply_input > button{position: absolute; right: 5px; bottom: 5px;}

.reply_list_wrap {border-top: 2px solid #222; margin-top: 30px;}
.reply_list > li{padding: 15px 0; border-bottom: 1px solid #eee; border-style: solid none;}
.re_reply_box .reply_list > li{padding-bottom: 0; border-bottom: none; border-top: 1px solid #eee; margin-top: 15px;}

.pw_input{position: absolute; right: 1px; top: 1.2em; background-color: #fff; padding: 10px; border: 1px solid #eee; border-radius: 10px; box-shadow: 0 3px 6px 0 rgba(0, 0, 0, .15);}
.pw_input input{font-size: 13px;}
.pw_input .btn_box{gap: 5px; margin-top: 5px;}
.pw_input .btn_box .btn_big{font-size: 11px; padding: 0.75em;}

/* 댓글 메뉴 */
.reply_top{position: relative; display: flex; justify-content: space-between; align-items: center; margin-bottom: 10px;}
.reply_top .name{font-weight: 600;}
.reply_bot{margin-top: 10px;}
.reply_row{font-size: 13px; color: #999; align-items: center;}
.reply_row li + li{padding-left: 10px; margin-left: 10px;border-left: 1px solid #eee;}

.reply_row .black{color: #222;}
.reply_row .red{color: #df0000;}
.reply_row .gray{color: #ccc;}


/* 댓글 내용 */
.reply_content{margin: 15px 0;}
.news_view{align-items: flex-start;}
.news_view > .col_02{margin-bottom: 60px;}

/* ===== 뉴스 기사 등록 ===== */
.news_write .tit_box{display: flex; justify-content: space-between;}
.news_write .red{color: var(--red);}

.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;}

.news_form{border-top: 2px solid #222;}
.news_form > dl{padding: 15px 0; border-bottom: 1px solid #eee;}
.news_form > dl > dt{margin-bottom: 10px; font-weight: 700;}
.news_form > dl > dt > svg{color: var(--point-color); margin-right: 0.5em;}
.news_form > dl > dd{font-size: 15px;}
.news_form > dl > dd > input[type="text"], .news_form > dl > dd > textarea, .news_form > dl > dd > select{display: block; width: 100%;}
.news_form > dl > dd > * + *{margin-top: 10px;}
.news_form .option_box{gap: 30px; align-items: center; padding: 5px 0;}

.news_form .result{display: flex; gap: 15px; min-height: 20px; align-items: center;}
.news_form .result li{min-width: 100px;}
.news_form .result li + li{padding-left: 15px; border-left: 1px solid #ddd;}
.news_form .inputs{display: flex; gap: 5px; align-items: center;}
.news_form .inputs > li{flex: 1;}
.news_form .inputs > li > select{display: block; width: 100%;}
.news_form .inputs > li > select:hover{cursor: pointer;}

#wr_image_preview{display: flex; gap: 15px; align-items: flex-end;}
#wr_image_preview .img{border: 1px solid #ddd;}
#wr_image_preview .text{padding: 15px 0;}
#wr_image_preview .text small{font-weight: 600;}

.file_wrap .row{display: flex; justify-content: space-between; align-items: center;}
.file_wrap .row + .row{margin-top: 5px;}
.file_wrap .row > input[type="file"]{flex: 1;}
.file_wrap .row > label{font-size: 13px;}
.file_wrap .row > a.btn{width: 80px; font-size: 12px;}
.file_wrap .row .btn{height: 2.4em; line-height: 2.3em; font-size: 11px;}


.clearfix::after{content:""; display: block; clear: both;}