/* 게시판 공통 CSS */

/* 게시판 헤더 1*/
.subject_info	{margin-top:30px; line-height:1.4; border:1px solid #e8e8e8; border-width:1px 0; padding:15px 0; }
.subject_info:after	{clear:both; display:block; content:'';}
h3.subject		{padding:0; margin:0;clear:both; font-weight:bold; font-size:14px; width:70%; float:left;}
ul.write_info	{width:30%; float:right; text-align:right;}
ul.write_info, ul.write_info li{list-style:none; padding:0; margin:0;}
ul.write_info li{display:inline; padding:0 2px; color:#444; font-size:12px;}

ul.write_info li.info_hit{font-weight:bold;background:url(./img/icon_view.gif) left center no-repeat;}
ul.write_info li.info_good{padding-left:26px;font-weight:bold; color:#F60;background:url(./img/icon_good.gif) left center no-repeat;}
ul.write_info li.info_nogood{padding-left:26px;font-weight:bold; color:#06F;background:url(./img/icon_nogood.gif) left center no-repeat;}
/* 게시판 헤더 1*/

/* 게시판 헤더 2*/
.table-view{border-top:2px solid #444;word-break:keep-all;margin-top:25px; border-bottom:1px solid #444; }
.table-view .view-header{padding:13px 75px 10px 13px;background-color:#f9f9f9; position:relative;}
.table-view .view-header .view-title h1, .table-view .view-header .view-title h2{color:#222;font-size:16px;font-weight:700;}
.table-view .view-header .view-info{margin-top:5px; overflow:hidden; font-size:12px;color:#555;}
.table-view .view-header .view-info > span{display:block;float:left; color:#666;}
.table-view .view-header .view-info > span + span {padding-left:40px;}
.table-view .view-header .view-info em {color:#222;}
.table-view .view-header .view-info em + span {margin-left:10px;}
.table-view .view-header .view-info span + span:before {content:"";display:block;float:left;width:1px;height:13px;background-color: #bbb; margin-top:3px; margin-left:-20px;}
em	{    font-style: normal;}
/* 게시판 헤더 2*/

/* 게시판 헤더 3*/
.tbl_view_head {margin:29px 0 0;border-top:2px solid #555;border-bottom:1px solid #999;font-size: 12px;text-align: left;}
.tbl_view_head .tit{padding:15px 3% 15px 0%;font-size: 16px;color: #333;line-height: 24px;background: url(./img/bg_dash.gif) repeat-x left bottom; word-break:keep-all;}
.tbl_view_head .info{padding:15px 3% 15px 0%;}
.tbl_view_head .info dl{overflow:hidden;}
.tbl_view_head .info dt{float:left;margin: 0 11px 0 0;padding: 0 11px 0 0;background: url(./img/bg_tblLine.gif) no-repeat 100% 1px;}
.tbl_view_head .info dd{float:left;margin-right:30px;}
/* 게시판 헤더 3*/

/* 게시판 헤더 4*/
.view_title4								{border-top:2px solid #000; border-bottom:1px solid #aaa; padding:20px 0; margin-bottom:30px;}
.view_title4 h3.subject4		{font-weight:600;; font-size:18px; color:#000; margin-bottom:10px;}

.view_title4 ul.write_info4							{}
.view_title4 ul.write_info4:after				{clear:both; width:100%; content:''; display:block;}
.view_title4 ul.write_info4 li					{display:inline-block; padding:0 0; margin:0;  margin-right:20px;font-size:13px;list-style:none; padding:0;}
.view_title4 ul.write_info4 li.info_name4 em{color:#888; font-style:normal ;font-size:10px;}
/* 게시판 헤더 4*/

 
/*게시판 검색*/ 
#bo_sch {display:flex; background:transparent; align-items:center; justify-content:flex-end; margin-bottom:15px;}
.sch_wrap{border:1px solid #ddd; background:#fff;}
#bo_sch legend {position:absolute;margin:0;padding:0;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden}
#bo_sch select{border:0; padding:9px 5px; border-right:1px solid #ddd;}
#bo_sch .sch_input{height:38px; border:0;}
#bo_sch .sch_btn{background-color:transparent; height:36px; padding:0 8px; border:0; display: flex; align-items: center;}

.board_page{clear:both; padding:10px; text-align:center; font:normal 8pt ;}
.board_page a{padding:0 10px;}
.board_page span{padding:0 5px; color:#F60}

/* write.php */
.guest_table{border-collapse:collapse;padding:0; border-spacing:0px; border-spacing:0;table-layout:fixed; width:100%;  background:#FFF;border:1px solid #e8e8e8; margin-top:10px;}
.guest_table th{text-align:left; padding: 16px 0 16px 20px;font:normal 9pt/30px; border-bottom:1px solid #e8e8e8;}
.guest_table td{text-align:left; border-bottom:1px solid #e8e8e8; padding:4px 15px 4px 4px;}

.content_btn{height:20px;text-align:right;}
.content_btn img{float:left;}
.w_title{margin-right:10px;}
.wr_subject{padding-right:10px;margin-top:6px;margin-bottom:10px;}
.wr_content{padding-right:10px; margin-top:6px;}
.wr_content_edit{margin-top:6px;}
#variableFiles td{border:0;border-collapse:collapse;padding:0; border-spacing:0px; border-spacing:0;}

.option_table{border-collapse:collapse;padding:0; border-spacing:0px; border-spacing:0;table-layout:fixed; width:100%;  border:1px solid #e8e8e8; }
.option_table th{text-align:left; font:normal 9pt/30px; border-bottom:1px solid #e8e8e8;padding: 16px 0 16px 20px;}
.option_table td{text-align:left; border-bottom:1px solid #e8e8e8; padding:4px 15px 4px 4px;}

.file_c_red{font-weight: 600; color: #af0000;}

.board_button						{clear:both;text-align:right; margin-bottom:10px;}
.board_button a					{display:inline-block; padding:10px 25px; border:1px solid #DDD; line-height:100%; margin-left:5px; background:#fff;}
.board_button a.newb			{background:#333; color:#fff;}

.board_btn					{text-align:center; padding:20px;}
.board_btn a				{display:inline-block; padding:10px 25px; border:1px solid #DDD; line-height:100%; margin-left:5px; background:#fff;}
.board_btn input#btn_submit			{padding:10px 25px; background:#333; color:#fff;border:1px solid #DDD; line-height:100%; cursor:pointer;}
.board_btn input#btn_list	{padding:10px 25px; background:#fff; color:#333;border:1px solid #DDD; line-height:100%; cursor:pointer;}

.info_signature			{padding:10px; border:1px solid #e8e8e8; background:#fafafa; }
.view_btn						{border-bottom:1px solid #DDD; text-align:right; padding:15px 0;}
.view_btn a					{display:inline-block; padding:10px 25px; border:1px solid #DDD; line-height:100%; margin-left:5px; background:#fff;}
.view_btn a.newb			{background:#333; color:#fff;}

.textareabox{padding:4px; border:1px solid #aaa; border-right:1px solid #EEE; border-bottom:1px solid #EEE;width:100%; word-break:break-all;}
.filebox{height:22px; border:1px solid #aaa; border-right:1px solid #EEE; border-bottom:1px solid #EEE}

/* view.php info_scrap info_trackback */

.if_frame		{width:100%;  height:480px;display:block; /*border-bottom:2px solid #555;*/margin-top:17px;}
.if_left		{width:75%; height:480px;float:left;}
.if_right		{width:20%; float:right; margin-left:16px; height:470px; /*border-bottom:1px solid #e8e8e8;*/}
.if_right div {margin-bottom:7px; border-bottom:1px solid #e8e8e8;}
.if_right div a {text-decoration:none;}
.if_txt	{font-size:18px;  font-weight:bold; padding:18px 0 6px 8px;}

.movie_box{padding:10px; text-align:center;}
.view_image{text-align:center; /*pointer-events: none; a태그 클릭 비활성화*/}
.view_image img{ max-width:100%; height:auto;}
#writeContents{word-break:break-all; min-height:100px;}
/*#writeContents{word-break:break-all; padding:10px; min-height:100px;}*/

.fileLink{border-bottom:1px solid #e8e8e8; padding:10px 0;}
.fileLink *{list-style:none; padding:0; margin:0;}
.fileLink li{line-height:20px;}
.fileLink .info_file li{background:url(./img/icon_file.gif) 5px center no-repeat; padding-left:25px; font:normal 8pt }
.fileLink .info_link li{background:url(./img/icon_link.gif) 5px center no-repeat; padding-left:25px; font:normal 8pt }
.fileLink a{color:#666}
.fileLink span{padding-left:10px}
.fileLink span.file_size{color:#999}
.fileLink span.file_hit{color:#F60}
.fileLink span.link_hit{color:#06f}

#bo_v_con {margin:30px 0;width:100%;line-height:1.7em;word-break:break-all;}
#bo_v_con a {color:#000;text-decoration:underline}
#bo_v_con img {max-width:100%;height:auto}

#bo_cate h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#bo_cate ul {margin-bottom:10px; padding-left:1px;width:100%;}
#bo_cate ul:after {display:block;visibility:hidden;clear:both;content:""}
#bo_cate li {float:left; }
/*#bo_cate li:first-child	{display:none;}*/
#bo_cate a {display:block;position:relative;margin-left:-1px; padding:10px 25px 9px 25px; border:1px solid #e8e8e8;background:#f7f7f7;color:#888;text-align:center;cursor:pointer}
#bo_cate a:focus, #bo_cate a:hover, #bo_cate a:active {text-decoration:none}
#bo_cate #bo_cate_on {z-index:2; border:1px solid #565e60; background:#fff; color:#565e60;font-weight:700}

/* view_comment.skin.php */

/* 게시판 댓글 */
.cmt_btn{background:url('./img/cmt_btn.png') no-repeat 85px 8px;text-align:left ;width:100% ;border:0;font-weight:bold;font-size:1.25em;margin: 30px 0 0px;padding:0  0 10px }
.cmt_btn_op{background:url('./img/cmt_btn.png') no-repeat 85px  -23px}
#bo_vc {}
#bo_vc h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#bo_vc article {margin:20px 0;position:relative}
#bo_vc article .profile_img img{border-radius:50%}
#bo_vc header {}
#bo_vc header:after {display:block;visibility:hidden;clear:both;content:""}
#bo_vc header .icon_reply {position:absolute;top:15px;left:-20px}
#bo_vc .member, #bo_vc .guest, #bo_vc .sv_member, #bo_vc .sv_guest {font-weight:bold}
.bo_vc_hdinfo{float:right;font-style:italic;color:#777; font-size:11px;}
#bo_vc h1 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#bo_vc .cmt_contents {padding:15px  ;margin:10px 0 0;background: #f8fafb;border-radius:5px;border: 1px solid #e8e8e8;line-height:1.8em}
#bo_vc p a {text-decoration:underline}
#bo_vc p a.s_cmt {text-decoration:underline;color:#ed6479}
#bo_vc_empty {margin:0;padding:80px 0 !important;color:#777;text-align:center}
#bo_vc #bo_vc_winfo {float:left}

.bo_vc_act {text-align:right;margin:0;list-style:none;zoom:1}
.bo_vc_act:after {display:block;visibility:hidden;clear:both;content:""}
.bo_vc_act li {display:inline-block;}
.bo_vc_act li a{padding:0 5px;line-height:23px}

.bo_vc_w {position:relative;margin:10px 0;display:block;}
.bo_vc_w:after {display:block;visibility:hidden;clear:both;content:""}
.bo_vc_w h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
.bo_vc_w #char_cnt {display:block;margin:0 0 5px}
.bo_vc_w textarea{border:1px solid #ccc;background:#fff;color:#000;vertical-align:middle;border-radius:3px;padding:5px;width:100%;height:120px;
-webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
-moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);}
#wr_secret{}
.bo_vc_w_info{margin:10px 0;float:left}
.bo_vc_w_info:after {display:block;visibility:hidden;clear:both;content:""}
.bo_vc_w_info .frm_input{float:left;margin-right:5px}
.bo_vc_w_info #captcha{padding-top:10px;display:block;clear:both}
.bo_vc_w .btn_confirm{float:right;margin-top:10px}
.bo_vc_w .btn_confirm label{display:inline-block;margin-right:10px;border-radius:3px;font-size:1.5em;text-align:center;}
.bo_vc_w .btn_submit{height:45px;padding:0 20px;border-radius:3px;font-weight:bold;font-size:1.083em;}
.bo_vc_w_wr:after {display:block;visibility:hidden;clear:both;content:""}

#bo_vc_send_sns{display:inline-block;float:left}
#bo_vc_sns {display:inline-block;margin:0;padding:0;list-style:none;zoom:1}
#bo_vc_sns:after {display:block;visibility:hidden;clear:both;content:""}
#bo_vc_sns li {float:left;margin:0 5px 0 0}
#bo_vc_sns .sns_li_f{border-radius:3px;background:#3a589b;height:40px;line-height:40px;padding:0 0 0 10px}
#bo_vc_sns .sns_li_t{border-radius:3px;background:#00aced;height:40px;line-height:40px;padding:0 0 0 10px}
#bo_vc_sns .sns_li_off{background:#bbb}
#bo_vc_sns a{display:inline-block;padding:0 15px 0 5px;}
#bo_vc_sns input {margin:0 5px 0 0 }

table.tb_order			{width:100%; border-collapse:collapse; padding:0; margin:0;}
table.tb_order th, table.tb_order td		{padding:10px; border:1px solid #d7d7d7; text-align:left;}
table.tb_order th		{
padding: 10px 0 10px 20px;
width: 15%;
text-align: left;
border-bottom: 1px solid #d9d9d9;
background: #f7f7f7;
}
/* 이전글, 다음글1 시작*/
.table-view-nav{border-top:1px solid #e8e8e8;border-bottom:1px solid #e8e8e8;margin-top:20px;margin-bottom:20px;}
.table-view-nav li {line-height:1.1;}
.table-view-nav li + li {border-top:1px solid #e8e8e8;}
.table-view-nav li a{display:block;padding:16px 0;position:relative;}
.table-view-nav li a .nav-title{display:inline-block;max-width:100%;position:relative;box-sizing:border-box;vertical-align:middle;}
.table-view-nav li a .nav-title > span {display:block; max-width:100%; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.table-view-nav li  em{color:#222;font-size:14px;line-height:1.1;font-weight:700;}
.table-view-nav li .next{padding-left:127px; padding-right:15px;}
.table-view-nav li .next > em{position:absolute;top:50%;left:20px;margin-top:-7px;}
.table-view-nav li .next > em:after{content:"";display:block;position: absolute;top:0;left:97px;width:1px;height:13px;background-color:#bbb;}
.table-view-nav li .next > em > i {margin-right:13px; color:#999;  display: inline-block; vertical-align: middle;}
.table-view-nav li .next .nav-title{padding-right:20px;}
.table-view-nav li .next .nav-title.one-ico{padding-right:30px;}
.table-view-nav li .next .nav-title.two-ico{padding-right:50px;}
.table-view-nav li .next .nav-title.three-ico{padding-right:50px;}
.table-view-nav li .prev{padding-left:127px; padding-right:15px;}
.table-view-nav li .prev > em{position:absolute;top:50%;left:20px;margin-top:-7px;}
.table-view-nav li .prev > em:after{content:"";display:block;position: absolute;top:0;left:97px;width:1px;height:13px;background-color:#bbb;}
.table-view-nav li .prev > em > i {margin-right:13px; color:#999;  display: inline-block; vertical-align: middle;}
.table-view-nav li .prev .nav-title{padding-right:20px;}
.table-view-nav li .prev .nav-title.one-ico{padding-right:30px;}
.table-view-nav li .prev .nav-title.two-ico{padding-right:50px;}
.table-view-nav li .prev .nav-title.three-ico{padding-right:50px;}
.table-view-nav li .nav-title .ico-set {position: absolute; right: 0; top: -2px;}
/* 이전글, 다음글1 끝*/

/* 이전글, 다음글2 시작*/
.view_btn_ne_pr							{border-top:1px solid #333; margin-top:20px; padding-top:5px; padding-bottom:5px; background:url('/img/view_bar.png') no-repeat center 50%;}
.view_btn_ne_pr:after				{width:100%; display:block; clear:both; content:'';}
.vb_pre			{float:left; width:48%; padding:10px 0;}
.vb_nex			{float:right; width:48%; text-align:right; padding:10px 0; font-size:15px;}
.vb_pre span			{display:inline-block; border-right:1px solid #eee; margin-right:15px; padding-right:20px; height:13px; line-height:13px}
.vb_nex span			{display:inline-block; border-left:1px solid #eee; margin-left:15px; padding-left:20px; height:13px; line-height:13px}
.vb_pre a			{display:inline-block; font-size:15px; width:80%;}
.vb_nex a			{display:inline-block; font-size:15px; width:80%;}
/* 이전글, 다음글2 끝 */

.gall_checkbox {
    position: absolute;
    top: 5px;
    left: 5px;
    z-index: 99;
}

.write_div{margin:10px 0;position:relative}

.bo_v_snswr{position:relative;display:inline-block;margin-left:-1px;text-align:right;}
#bo_v_sns {display:none;position:absolute;top:-50px;left:50%;margin-left:-90px;width:180px;padding:0;list-style:none;zoom:1}
#bo_v_sns:after {display:block;visibility:hidden;clear:both;content:""}
#bo_v_sns:before{content: "";position: absolute;bottom: -7px;left: 84px;width: 0;height: 0;border-style: solid;border-width: 7px 6px 0 6px;border-color: #415b92 transparent transparent transparent;}
#bo_v_sns li {float:left;width:60px;text-align:center}
#bo_v_sns li a{height:40px;padding:10px 0;}
#bo_v_sns li .sns_f{display:block;background:#415b92}
#bo_v_sns li .sns_t{display:block;background:#35b3dc}
#bo_v_sns li .sns_g{display:block;background:#d5503a}
#bo_v_sns li img{vertical-align:top}

#bo_v_share {
    position: relative;
    margin: 60px 0 5px 0;
    text-align: right;
}
.nopost {line-height:120px; text-align:center;}

textarea{border:1px solid #aaa; border-right:1px solid #EEE; border-bottom:1px solid #EEE;width:100%; word-break:break-all; min-height:120px;}

/************************* 리뉴얼 게시판 공통 (26.07.21) *************************/
.bd-wrap {padding:100px 0 140px;} /* Figma: 히어로→검색 100, 페이징→푸터 140 */
.bd-top {display:flex; align-items:flex-end; justify-content:space-between;}
.bd-info {display:flex; align-items:center; font-size:16px; line-height:1.38; color:var(--rgba02);} /* 80% */
.bd-info span + span {margin-left:20px; padding-left:20px; border-left:1px solid var(--rgba02);}
.bd-info strong {font-weight:700;}
.bd-top #bo_sch {margin:0;}

/* 리뉴얼 뷰 페이지 (Figma 2358:24259) */
.total_board_view_wrap, .total_board_view_wrap.board_table {padding:100px 0 140px; border-top:0;} /* .board_table{padding:0}(style.css, 후순위 로드) 특이도 대응 */
.total_board_view_wrap .tbl_view_head {margin:0; padding:28px 0 36px; border-top:2px solid var(--main-color); border-bottom:1px solid var(--gray-300); text-align:left;}
.total_board_view_wrap .tbl_view_head .tit {display:flex; align-items:center; gap:12px; padding:0; background:none; font-size:24px; font-weight:700; line-height:1.42; color:var(--gray-950);}
.bd-view__notice {display:inline-flex; align-items:center; justify-content:center; flex-shrink:0; padding:4px 12px; border-radius:20px; background:var(--secondary); font-size:16px; font-weight:400; line-height:1.38; color:var(--white);} /* 공지 pill 52x30 */
.total_board_view_wrap .tbl_view_head .info {padding:32px 0 0;}
.total_board_view_wrap .tbl_view_head .info dt {margin:0 10px 0 0; padding:0; background:none; font-size:16px; font-weight:700; line-height:1.38; color:var(--fifth);}
.total_board_view_wrap .tbl_view_head .info dd {margin-right:20px; font-size:16px; font-weight:400; line-height:1.38; color:var(--fifth);}
.total_board_view_wrap .view_image {padding-top:60px;}
.total_board_view_wrap #bo_v_con {padding:20px 0 60px; font-size:16px; line-height:1.38; color:var(--gray-950);}
.total_board_view_wrap .fileLink {padding:0; border:0;}
.total_board_view_wrap .fileLink .info_file li {display:flex; align-items:center; min-height:60px; padding:10px 20px; border-radius:10px; background:var(--bg01);}
.total_board_view_wrap .fileLink .info_file li::before {content:''; flex-shrink:0; width:18px; height:18px; margin-right:20px; background:url('../include/img/ico_clip.svg') no-repeat center / 18px 18px;}
.total_board_view_wrap .fileLink a, .total_board_view_wrap .fileLink a:link, .total_board_view_wrap .fileLink a:visited {font-size:16px; font-weight:700; color:var(--main-color); text-decoration:underline;}
.total_board_view_wrap .fileLink .file_size, .total_board_view_wrap .fileLink .file_hit {margin-left:8px; font-size:14px; font-weight:400; color:var(--gray-600); text-decoration:none;}
.total_board_view_wrap .table-view-nav {margin:0; border-top:0; border-bottom:0;}
.total_board_view_wrap .table-view-nav ul li {border-bottom:1px solid var(--gray-300);}
.total_board_view_wrap .table-view-nav ul li:first-child {border-top:1px solid var(--gray-300);}
.total_board_view_wrap .table-view-nav li .next, .total_board_view_wrap .table-view-nav li .prev {padding:10px 20px;} /* 레거시 padding-left 127 리셋 */
.total_board_view_wrap .table-view-nav li a em {position:static; margin-top:0;}
.total_board_view_wrap .table-view-nav li .next > em::after, .total_board_view_wrap .table-view-nav li .prev > em::after {display:none;} /* 레거시 세로 구분선 제거 */
.total_board_view_wrap .table-view-nav a {display:flex; align-items:center; min-height:60px; padding:10px 20px;}
.total_board_view_wrap .table-view-nav em {display:flex; align-items:center; flex-shrink:0; margin-right:20px; font-size:16px; font-weight:400; line-height:1.38; color:var(--fifth);}
.total_board_view_wrap .table-view-nav em::before {content:''; width:24px; height:24px; margin-right:16px; background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10' viewBox='0 0 10 10'%3E%3Cpath d='M5 0l5 10H0z' fill='%2331405b'/%3E%3C/svg%3E") no-repeat center / 10px 10px;} /* ▲ data-uri — C1 예외(url 문자열) */
.total_board_view_wrap .table-view-nav .prev em::before {background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10' viewBox='0 0 10 10'%3E%3Cpath d='M5 10L0 0h10z' fill='%2331405b'/%3E%3C/svg%3E") no-repeat center / 10px 10px;} /* ▼ */
.total_board_view_wrap .table-view-nav .nav-title span {font-size:16px; font-weight:400; line-height:1.38; color:var(--fifth);}
.total_board_view_wrap .view_btn {padding:60px 0 0; border:0; text-align:center;}
.total_board_view_wrap .view_btn a, .total_board_view_wrap .view_btn a:link, .total_board_view_wrap .view_btn a:visited {display:inline-flex; align-items:center; justify-content:center; margin:0 3px; padding:14px 20px; border:1px solid var(--gray-300); border-radius:10px; background:var(--white); font-size:16px; line-height:1.38; color:var(--gray-600);}
.total_board_view_wrap .view_btn a.bd-view__list, .total_board_view_wrap .view_btn a.bd-view__list:link, .total_board_view_wrap .view_btn a.bd-view__list:visited {min-width:160px; min-height:50px; border:0; background:var(--main-color); font-size:18px; font-weight:700; color:var(--fourth);} /* 목록으로 (Figma 버튼_ver.2) */
#bo_sch .sch_wrap {display:flex; align-items:center; width:388px; min-height:60px; padding:10px 30px; border:1px solid var(--gray-300); border-radius:30px; background:var(--white);}
#bo_sch #sfl {display:none;} /* 검색대상 select — 디자인상 숨김, 제출값(제목+내용 기본)은 유지 (2719:8193) */
#bo_sch .sch_input {flex:1; min-width:0; border:0; background:none; font-size:16px; color:var(--gray-950);}
#bo_sch .sch_btn {display:inline-flex; padding:0; background:none; cursor:pointer;}
#bo_sch .sch_btn img {width:24px; height:24px;}

/* 게시판 공통 반응형 (트랙2) */
@media(max-width:768px){
	.bd-top {flex-direction:column; align-items:stretch; gap:16px;}
	#bo_sch .sch_wrap {width:100%; min-height:48px; padding:8px 20px;} /* 고정폭 388 해제 — 480 가로 넘침 원인 */
	.bd-info {font-size:14px;}
	.bd-info span + span {margin-left:12px; padding-left:12px;}
	/* view */
	.total_board_view_wrap .tbl_view_head {padding:20px 0 24px;}
	.total_board_view_wrap .tbl_view_head .tit {gap:8px; font-size:19px;}
	.bd-view__notice {padding:3px 10px; font-size:14px;}
	.total_board_view_wrap .tbl_view_head .info {padding:20px 0 0;}
	.total_board_view_wrap .tbl_view_head .info dt {margin-right:8px; font-size:14px;}
	.total_board_view_wrap .tbl_view_head .info dd {margin-right:14px; font-size:14px;}
	.total_board_view_wrap #bo_v_con {padding:16px 0 40px; font-size:15px; line-height:1.6;}
	.total_board_view_wrap .table-view-nav a {min-height:52px; padding:8px 4px;}
	.total_board_view_wrap .table-view-nav em {margin-right:12px; font-size:14px;}
	.total_board_view_wrap .table-view-nav em::before {width:18px; margin-right:8px;}
	.total_board_view_wrap .table-view-nav .nav-title span {font-size:14px;}
	.total_board_view_wrap .view_btn {padding:40px 0 0;}
	.total_board_view_wrap .view_btn a, .total_board_view_wrap .view_btn a:link, .total_board_view_wrap .view_btn a:visited {padding:12px 16px; font-size:14px;}
	.total_board_view_wrap .view_btn a.bd-view__list, .total_board_view_wrap .view_btn a.bd-view__list:link, .total_board_view_wrap .view_btn a.bd-view__list:visited {min-width:140px; min-height:46px; font-size:16px;}
}

.sw-bd {width:min(100% - (var(--gut) * 2), var(--inner)); margin:0 auto; padding:0 0 120px;}
.sw-bd__head {margin-top:60px;}
.sw-bd__eyebrow {font-size:16px; font-weight:700; line-height:1.4; color:var(--sky);}
.sw-bd__lead {margin-top:8px; font-size:16px; font-weight:500; line-height:1.4; color:var(--gray-800);}
.sw-bd__tit {margin-top:8px; font-size:44px; font-weight:700; line-height:1.4; color:var(--dark);}
.sw-bd__util {display:flex; align-items:flex-end; justify-content:space-between; gap:20px; margin-top:18px;}
.sw-bd__count {display:inline-flex; align-items:center; gap:8px; font-size:16px; font-weight:500; line-height:1.4; color:var(--gray-600);}
.sw-bd__cnum {display:inline-flex; align-items:center; gap:2px;}
.sw-bd__count strong {font-weight:700; color:var(--dark);}
.sw-bd #bo_sch.sw-bd__sch {border:0; padding:0; margin:0;}
.sw-bd__sch form {display:flex;}
.sw-bd__sch-input {width:260px; height:48px; padding:0 20px; border:1px solid var(--gray-300); border-right:0; border-radius:8px 0 0 8px; background:var(--white); font-size:16px; font-weight:500; line-height:1.4; color:var(--dark);}
.sw-bd__sch-input::placeholder {color:var(--gray-400);}
.sw-bd__sch-btn {display:flex; align-items:center; justify-content:center; flex:0 0 auto; width:48px; height:48px; border:0; border-radius:0 8px 8px 0; background:var(--navy); cursor:pointer; transition:background-color .3s;}
.sw-bd__sch-btn:hover, .sw-bd__sch-btn:focus {background:var(--sky);}
.sw-bd__sch-btn img {width:24px; height:auto;}
.sw-bd__grid {display:grid; grid-template-columns:repeat(4, 1fr); gap:80px 24px; margin-top:60px; padding:0; list-style:none;}
.sw-bd__item {position:relative; min-width:0;}
.sw-bd__card {display:flex; flex-direction:column; align-items:center; gap:28px; height:100%; padding:32px; border-radius:8px; background:var(--gray-50); transition:background-color .3s, box-shadow .3s;}
.sw-bd__card:hover, .sw-bd__card:focus {background:var(--bg-card); box-shadow:var(--shadow03);}
.sw-bd__thumb {display:block; width:100%; max-width:286px; aspect-ratio:1 / 1; border:1px solid var(--gray-100); border-radius:12px; overflow:hidden;}
.sw-bd__thumb img {display:block; width:100%; height:100%; object-fit:cover; transition:transform .5s;}
.sw-bd__card:hover .sw-bd__thumb img, .sw-bd__card:focus .sw-bd__thumb img {transform:scale(1.04);}
.sw-bd__body {display:block; width:100%;}
.sw-bd__subject {display:block; overflow:hidden; font-size:20px; font-weight:700; line-height:1.4; color:var(--dark); text-overflow:ellipsis; white-space:nowrap;}
.sw-bd__meta {display:flex; align-items:center; justify-content:space-between; gap:12px; margin-top:28px; padding-top:12px; border-top:1px solid var(--gray-300);}
.sw-bd__date {font-size:16px; font-weight:500; line-height:1.4; color:var(--gray-800);}
.sw-bd__no {display:inline-flex; align-items:center; justify-content:center; min-width:32px; border-radius:600px; background:var(--sky-pale); font-size:16px; font-weight:600; line-height:1.4; color:var(--navy);}
.sw-bd__empty {grid-column:1 / -1; padding:80px 0; text-align:center; font-size:18px; color:var(--gray-600);}
.sw-bd .board_page {margin-top:80px; padding:0;}
.sw-bd .pg_wrap {display:flex; align-items:center; justify-content:center; gap:40px; padding:0;}
.sw-bd .pg {display:flex; align-items:center; gap:11px;}
.sw-bd .pg_page, .sw-bd .pg_current, .sw-bd a.pg_page:link {display:inline-flex; align-items:center; justify-content:center; width:49px; height:49px; margin:0; padding:0; border:0; border-radius:60px; background:none; font-size:18px; font-weight:600; line-height:1.4; color:var(--gray-600); transition:background-color .3s, color .3s;}
.sw-bd .pg_page:hover, .sw-bd .pg_page:focus {background:var(--gray-100); color:var(--navy);}
.sw-bd .pg_current {background:var(--navy); color:var(--white);}
.sw-bd .pg_start, .sw-bd .pg_prev, .sw-bd .pg_next, .sw-bd .pg_end {width:49px; height:49px; margin:0; border:0; border-radius:60px; background-repeat:no-repeat; background-position:center; background-size:49px 49px; text-indent:-9999px; overflow:hidden;}
.sw-bd .pg_start {background-image:url("img/sw_ico_pg_one.svg"); transform:rotate(180deg);}
.sw-bd .pg_prev {background-image:url("img/sw_ico_pg_dbl.svg"); transform:rotate(180deg);}
.sw-bd .pg_next {background-image:url("img/sw_ico_pg_dbl.svg");}
.sw-bd .pg_end {background-image:url("img/sw_ico_pg_one.svg");}
.sw-bd .board_button {display:none;}
.sw-bd .board_button a.newb, .sw-bd .board_button a[href*="write.php"] {display:inline-flex;}
@media(max-width:1320px) {
	.sw-bd__tit {font-size:38px;}
	.sw-bd__card {gap:20px; padding:24px;}
	.sw-bd__subject {font-size:18px;}
	.sw-bd__meta {margin-top:20px;}
}
@media(max-width:1080px) {
	.sw-bd {padding-bottom:90px; padding-top:0;}
	.sw-bd__head {margin-top:48px;}
	.sw-bd__tit {font-size:34px;}
	.sw-bd__grid {grid-template-columns:repeat(3, 1fr); gap:56px 20px; margin-top:48px;}
	.sw-bd .board_page {margin-top:56px;}
	.sw-bd .pg_wrap {gap:24px;}
}
@media(max-width:768px) {
	.sw-bd {padding-bottom:64px; padding-top:0;}
	.sw-bd__head {margin-top:36px;}
	.sw-bd__tit {font-size:26px;}
	.sw-bd__util {flex-direction:column; align-items:flex-start; gap:12px;}
	.sw-bd__sch {width:100%;}
	.sw-bd__sch-input {width:100%;}
	.sw-bd__grid {grid-template-columns:repeat(2, 1fr); gap:40px 16px; margin-top:36px;}
	.sw-bd__card {gap:16px; padding:20px;}
	.sw-bd__subject {font-size:16px;}
	.sw-bd__date, .sw-bd__no {font-size:14px;}
	.sw-bd .pg_page, .sw-bd .pg_current, .sw-bd .pg_start, .sw-bd .pg_prev, .sw-bd .pg_next, .sw-bd .pg_end {width:40px; height:40px; background-size:40px 40px; font-size:16px;}
}
@media(max-width:500px) {
	.sw-bd {padding-bottom:48px; padding-top:0;}
	.sw-bd__tit {font-size:21px;}
	.sw-bd__grid {grid-template-columns:1fr; gap:24px; margin-top:28px;}
	.sw-bd .pg_wrap {gap:10px;}
	.sw-bd .pg {gap:2px;}
	.sw-bd .pg_page, .sw-bd .pg_current, .sw-bd .pg_start, .sw-bd .pg_prev, .sw-bd .pg_next, .sw-bd .pg_end {width:34px; height:34px; background-size:34px 34px; font-size:15px;}
}
.adm-table {width:100%; margin:32px 0 40px; border-top:1px solid var(--gray-300); border-collapse:collapse;}
.adm-table th,
.adm-table td {padding:16px 20px; border-bottom:1px solid var(--gray-300); font-size:0.9em; line-height:1.6; text-align:left; vertical-align:top; word-break:break-all;}
.adm-table th {width:200px; background:var(--bg-card); color:var(--navy); font-weight:700;}
.adm-table td {color:var(--gray-800);}
@media(max-width:768px) {
	.adm-table th {width:120px; padding:12px 14px;}
	.adm-table td {padding:12px 14px;}
}
.sw-bd--adm,
.total_board_view_wrap,
.nv,
.pv {--main-color:#182b54; --secondary:#00abff; --fourth:#fafafa; --fifth:#182b54; --navy:#182b54; --sky:#00abff; --sky-pale:#d7e7ff; --wait:#fb8d3f; --gray-50:#fafafa; --gray-100:#f5f5f5; --gray-200:#e5e5e5; --gray-300:#d5d5d5; --gray-400:#a5a5a5; --gray-600:#656565; --gray-800:#454545; --gray-950:#08090a; --white:#ffffff; --dark:#000000; --bg01:#fafafa; --bg-card:#f9faff; --rgba02:rgba(8, 9, 10, 0.8); --shadow03:0 4px 6px rgba(0, 0, 0, 0.10);}
.sw-bd--adm {--inner:1520px; --gut:20px;}
.sw-bd--mgr .board_button {display:block;}
.sw-bd--adm .sw-bd__head {display:none;}
.sw-bd--adm .sw-qa__write {display:none;}

.pv__tolist {display:inline-flex; align-items:center; gap:8px; min-height:54px; padding:12px 20px; border-radius:8px; background:var(--navy); font-size:20px; font-weight:700; line-height:1.4; color:var(--white); transition:background-color .3s;}
.pv__tolist:hover, .pv__tolist:focus {background:var(--sky);}
.pv__tolist img {width:24px; height:auto;}
@media(max-width:768px){
	.pv__tolist {min-height:46px; font-size:17px;}
}
@media(max-width:500px){
	.pv__tolist {justify-content:center;}
}

.nv {width:min(100% - (var(--gut) * 2), 1440px); margin:0 auto; padding:80px 0 120px;}
.nv__badge.is-wait {background:var(--wait);}
.nv__badge {display:inline-flex; align-items:center; justify-content:center; min-width:72px; min-height:40px; padding:8px 20px; border-radius:60px; background:var(--navy); font-size:14px; font-weight:700; line-height:1.4; color:var(--white);}
.nv__tit {margin-top:18px; font-size:36px; font-weight:700; line-height:1.4; color:var(--dark);}
.nv__meta {display:flex; flex-wrap:wrap; gap:20px; margin-top:24px; padding-bottom:20px; border-bottom:3px solid var(--dark); list-style:none;}
.nv__meta li {display:flex; align-items:center; gap:8px; font-size:16px; line-height:1.4;}
.nv__meta b {font-weight:700; color:var(--navy);}
.nv__meta span {font-weight:500; color:var(--gray-800);}
.nv__con {padding:80px 0; font-size:18px; font-weight:500; line-height:1.7; color:var(--gray-800); word-break:break-all;}
.nv__con img {max-width:100%; height:auto;}
.nv__con p {margin:0;}
.nv__pn {border-top:2px solid var(--dark);}
.nv__pnrow {display:flex; align-items:center; gap:80px; padding:40px 0; border-bottom:1px solid var(--gray-300); font-size:18px; font-weight:700; line-height:1.4; color:var(--gray-800);}
.nv__pnlb {flex:0 0 100px;}
.nv__pnrow a {overflow:hidden; color:var(--gray-800); text-overflow:ellipsis; white-space:nowrap; transition:color .3s;}
.nv__pnrow a:hover, .nv__pnrow a:focus {color:var(--navy); text-decoration:underline;}
.nv__pnoff {font-weight:500; color:var(--gray-400);}
.nv__nav {display:flex; justify-content:center; margin-top:60px;}
.nv__nav--qa {margin-top:80px; padding-top:80px; border-top:2px solid var(--dark);}

/* 뷰 관리/작성자 버튼 (26.09.30 추가) — 권한 있을 때만 노출 */
.nv__adm {display:flex; flex-wrap:wrap; align-items:center; justify-content:flex-end; gap:8px; margin-top:20px;}
.nv__btn {display:inline-flex; align-items:center; justify-content:center; min-height:40px; padding:8px 18px; border:1px solid var(--gray-300); border-radius:8px; background:var(--white); font-size:15px; font-weight:500; line-height:1.4; color:var(--gray-800); transition:border-color .2s, color .2s, background-color .2s;}
.nv__btn:hover, .nv__btn:focus {border-color:var(--navy); color:var(--navy);}
.nv__btn--pri {border-color:var(--navy); background:var(--navy); color:var(--white);}
.nv__btn--pri:hover, .nv__btn--pri:focus {border-color:var(--sky); background:var(--sky); color:var(--white);}
.nv__btn--del:hover, .nv__btn--del:focus {border-color:#d94141; color:#d94141;}
@media(max-width:1080px) {
	.nv {padding:56px 0 90px;}
	.nv__tit {font-size:30px;}
	.nv__con {padding:56px 0; font-size:17px;}
	.nv__pnrow {gap:40px; padding:28px 0;}
	.nv__nav {margin-top:48px;}
	.nv__nav--qa {margin-top:56px; padding-top:56px;}
}
@media(max-width:768px) {
	.nv {padding:36px 0 64px;}
	.nv__tit {margin-top:12px; font-size:22px;}
	.nv__meta {gap:12px; margin-top:16px; padding-bottom:16px;}
	.nv__con {padding:36px 0; font-size:16px;}
	.nv__pnrow {gap:16px; padding:20px 0; font-size:16px;}
	.nv__pnlb {flex:0 0 56px;}
	.nv__nav {margin-top:36px;}
	.nv__nav--qa {margin-top:40px; padding-top:40px;}
	.nv__adm {margin-top:16px; gap:6px;}
	.nv__btn {min-height:36px; padding:6px 14px; font-size:14px;}
}
.nv .bo_vc_w {margin-top:40px; padding-top:40px; border-top:1px solid var(--gray-300);}
.nv .bo_vc_w h2 {margin-bottom:12px; font-size:18px; font-weight:700; color:var(--dark);}
.nv .bo_vc_w textarea {width:100%; min-height:120px; padding:16px 20px; border:1px solid var(--gray-300); border-radius:8px; font-size:16px; line-height:1.6; color:var(--dark); resize:vertical;}
.nv .bo_vc_w .bo_vc_w_wr {display:flex; align-items:center; justify-content:flex-end; gap:12px; margin-top:12px;}
.nv .bo_vc_w .btn_submit {min-width:140px; min-height:48px; padding:0 20px; border:0; border-radius:8px; background:var(--navy); font-size:16px; font-weight:700; color:var(--white); cursor:pointer;}
.nv .bo_vc_w .btn_submit:hover, .nv .bo_vc_w .btn_submit:focus {background:var(--sky);}
.nv .cmt_btn, .nv #char_cnt {display:none;}
@media(max-width:768px) {
	.nv .bo_vc_w {margin-top:28px; padding-top:28px;}
}

/* 26.10.01 첨부파일 (41 공지 · 42 질문답변)
   뷰페이지 톤에 맞춤: .nv__meta / .nv__pnrow 와 같은 '라벨 + 내용' 행 구조.
   라벨 폭·간격은 .nv__pnlb / .nv__pnrow 의 반응형 값을 그대로 따른다. */
.nv__file {display:flex; align-items:flex-start; gap:80px; padding-bottom:30px; font-size:18px; line-height:1.4;}
.nv__filelb {flex:0 0 100px; font-weight:700; color:var(--navy);}
.nv__filelist {flex:1; min-width:0; list-style:none;}
.nv__filelist li + li {margin-top:16px;}
.nv__filelist a {display:inline-flex; align-items:center; gap:10px; max-width:100%; font-weight:500; color:var(--gray-800); word-break:break-all; transition:color .3s;}
.nv__filelist a:hover, .nv__filelist a:focus {color:var(--navy);}
.nv__filelist a:hover .nv__filenm, .nv__filelist a:focus .nv__filenm {text-decoration:underline;}
.nv__filelist a:hover img, .nv__filelist a:focus img {opacity:1;}
.nv__filelist img {flex:0 0 auto; width:20px; height:20px; opacity:.5; transition:opacity .3s;}
.nv__filelist em {flex:0 0 auto; font-size:15px; font-weight:500; font-style:normal; color:var(--gray-500);}
@media(max-width:1080px) {
	.nv__file {gap:40px; padding-bottom:24px; font-size:17px;}
}
@media(max-width:768px) {
	.nv__file {gap:16px; padding-bottom:18px; font-size:16px;}
	.nv__filelb {flex:0 0 56px;}
	.nv__filelist li + li {margin-top:12px;}
	.nv__filelist em {font-size:13px;}
}

/* 26.10.01 게시판 작성/수정 폼이 테마 그리드를 벗어나던 문제
   스톡 그누보드 write 스킨(41·42·43)에는 테마의 inner 래퍼가 없어 폼이 화면 끝까지(1905px) 펼쳐졌다.
   상세(.nv)와 같은 공식을 써서 폭·정렬을 맞춘다.
   ※ 31·32·33 의 테마 폼은 안쪽 .pw 가 다시 좁히므로 영향 없음(중앙정렬만 동일하게 유지). */
/* ★ 스톡 폼에는 인라인 style="width:100%" 가 박혀 있어 width 로는 못 이긴다(인라인 > 스타일시트).
   인라인에 없는 max-width 로 제한하면 !important 없이 적용된다. */
form[name="fwrite"] {max-width:min(100% - (var(--gut) * 2), 1440px); margin:0 auto;}