/* bbs_list */
.board_wrap{max-width:1400px;margin:0 auto;padding:30px 20px;}
.board_wrap.pd30 { padding-top:0px; padding-bottom:30px }
.board_top{display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap;margin-bottom:35px;}
.board_top h2{margin:0;font-size:30px;font-weight:600;color:#333;letter-spacing:-0.5px;}
.board_search{display:flex;align-items:center;gap:10px;flex-wrap:wrap;}
.board_search select,.board_search input{height:46px;padding:0 16px;border:1px solid #ddd;border-radius:8px;background:#fff;font-size:16px;color:#444;outline:none;transition:.2s;}
.board_search select:focus,.board_search input:focus{border-color:#999;}
.board_search input{width:260px;}
.board_search button{height:46px;padding:0 24px;border:0;border-radius:8px;background:#666;color:#fff;font-size:16px;font-weight:500;cursor:pointer;transition:.2s;}
.board_search button:hover{background:#555;}
.board_category{display:flex;flex-wrap:wrap;gap:10px;margin:0 0 30px;}
.board_category a{display:flex;align-items:center;justify-content:center;height:40px;padding:0 18px;border:1px solid #ddd;border-radius:30px;background:#fff;color:#666;font-size:14px;text-decoration:none;transition:.2s;}
.board_category a:hover{background:#f7f7f7;border-color:#ccc;color:#333;}
.board_category .active{background:#666;border-color:#666;color:#fff;}
.cate{display:inline-flex;align-items:center;justify-content:center;height:24px;padding:0 10px;margin-right:10px;border-radius:30px;background:#f4f4f4;color:#666;font-size:12px;font-weight:600;white-space:nowrap;}
.board_list { border-top:1px solid #666; }

.board_head { display:flex; align-items:center; background:#fafafa; border-bottom:1px solid #e8e8e8; }
.board_head div { padding:18px 16px; box-sizing:border-box; text-align:center; font-size:16px; font-weight:600; color:#555; }

.board_item { display:flex; align-items:center; text-decoration:none; color:#333; border-bottom:1px solid #ececec; transition:.2s; }
.board_item:visited { border-color:#ececec; }
.board_item:hover { background:#fafafa; border-bottom:1px solid #ececec; color:#222; }
.board_item>div { padding:20px 16px; box-sizing:border-box; }

.board_head .num,.board_item .num { width:90px; flex-shrink:0; }
.board_head .category,.board_item .category { width:170px; flex-shrink:0; }
.board_head .subject,.board_item .subject { flex:1; min-width:0; }
.board_head .writer,.board_item .writer { width:140px; flex-shrink:0; }
.board_head .date,.board_item .date { width:140px; flex-shrink:0; }
.board_head .hit,.board_item .hit { width:90px; flex-shrink:0; }

.board_item .num { text-align:center; font-size:16px; color:#666; }
.board_item .category { text-align:center; font-size:16px; color:#666; white-space:nowrap; }
.board_item .subject { display:flex; align-items:center; gap:8px; font-size:16px; font-weight:500; line-height:1.5; overflow:hidden; }
.board_item .subject span { flex-shrink:0; }
.board_item .writer,.board_item .date,.board_item .hit { text-align:center; font-size:15px; color:#888; }
.notice{background:#fcfcfc;}
.notice_badge{display:inline-flex;align-items:center;justify-content:center;padding:0 12px;height:28px;border-radius:30px;background:#777;color:#fff;font-size:12px;font-weight:600;}
.new{display:inline-flex;align-items:center;justify-content:center;padding:0 8px;height:20px;border-radius:20px;background:#ff7a7a;color:#fff;font-size:11px;font-weight:700;}
.pagination{display:flex;justify-content:center;align-items:center;gap:8px;margin-top:45px;}
.pagination a{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border:1px solid #ddd;border-radius:8px;background:#fff;color:#666;text-decoration:none;font-size:14px;transition:.2s;}
.pagination a:hover{background:#f5f5f5;border-color:#ccc;color:#333;}
.pagination .active{background:#666;border-color:#666;color:#fff;}
.pagination a.paging_btn{position:relative; background:#fff; }
.pagination a.paging_btn_prev::before{content:"‹";position:absolute;top:50%;left:50%;transform:translate(-50%,-52%);font-size:20px;font-weight:600;color:#777;line-height:1;}
.pagination a.paging_btn_next::before{content:"›";position:absolute;top:50%;left:50%;transform:translate(-50%,-52%);font-size:20px;font-weight:600;color:#777;line-height:1;}
.pagination a.paging_btn_first::before{content:"«";position:absolute;top:50%;left:50%;transform:translate(-50%,-52%);font-size:18px;font-weight:600;color:#777;line-height:1;}
.pagination a.paging_btn_last::before{content:"»";position:absolute;top:50%;left:50%;transform:translate(-50%,-52%);font-size:18px;font-weight:600;color:#777;line-height:1;}
.pagination a.paging_btn:hover::before,.paging_btn:hover::after{border-color:#333;}
.board_bottom{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:40px;}
.board_bottom .paging{flex:1;display:flex;justify-content:center;margin:0;}
.board_bottom .board_action{flex-shrink:0;margin:0;}
.board_action{display:flex;justify-content:flex-end;margin:0 0 18px;}
.board_btn_write{height:42px;padding:0 18px;border:1px solid #666;border-radius:8px;background:#666;color:#fff;font-size:14px;font-weight:500;cursor:pointer;transition:.2s;}
.board_btn_write:hover{background:#555;border-color:#555;}

@media(max-width:768px){
.board_wrap{padding:28px 14px;}
.board_top{gap:12px;margin-bottom:16px;}
.board_top h2{font-size:24px;}
.board_search{display:grid;grid-template-columns:1fr 40px;gap:6px;width:100%;}
.board_search input{width:100%;min-width:0;height:38px;padding:0 12px;font-size:14px;border-radius:6px;}
/*
.board_search button{width:40px;height:38px;padding:0;border:1px solid #666;border-radius:6px;background:#666 url('/{_config.common_asset}/_image/btn_search_basic.png') no-repeat center center;background-size:18px 18px;font-size:0;text-indent:-9999px;overflow:hidden;cursor:pointer;}
*/
.board_search button{width:40px;height:38px;padding:0;border:1px solid #666;border-radius:6px;background:#666 url('/_templates/_common/_asset/_image/btn_search_w.png') no-repeat center center;background-size:18px 18px;font-size:0;text-indent:-9999px;overflow:hidden;cursor:pointer;}
.board_search button:hover{background-color:#555;}
.board_category{flex-wrap:nowrap;overflow-x:auto;gap:6px;margin:0 0 14px;padding-bottom:2px;-webkit-overflow-scrolling:touch;}
.board_category::-webkit-scrollbar{display:none;}
.board_category a{flex-shrink:0;height:32px;padding:0 12px;font-size:12px;border-radius:18px;}
.board_head { display:none; }
.board_item { display:block; padding:14px 0; }
.board_item>div { padding:0; }
.board_item .num { display:none; }

.board_item .category { display:inline-flex; align-items:center; width:auto; height:20px; padding:0 8px; margin-bottom:8px; border-radius:20px; background:#f4f4f4; color:#666; font-size:11px; font-weight:600; }

.board_item .subject { display:block; width:auto; margin-bottom:8px; font-size:15px; line-height:1.5; overflow:visible; }
.board_item .new { display:inline-flex; margin-left:5px; vertical-align:middle; }

.board_item .writer,.board_item .date,.board_item .hit { display:inline-block; width:auto; font-size:12px; color:#888; }

/* 앞에 정보가 실제로 존재할 때만 구분선 표시 */
.board_item .writer + .date:before,.board_item .writer + .hit:before,.board_item .date + .hit:before { content:"|"; margin:0 8px; color:#ccc; }
.board_bottom{flex-direction:column;gap:12px;margin-top:24px;}
.board_bottom .board_action{order:1;width:100%;display:flex;justify-content:flex-end;}
.board_btn_write{height:36px;padding:0 14px;font-size:13px;border-radius:6px;}
.board_bottom .paging{order:2;width:100%;justify-content:center;}
.pagination{margin-top:0;gap:5px;}
.pagination a{width:34px;height:34px;font-size:12px;}
}











/* bbs_view */

.board_view{ max-width:1400px; margin:0 auto; padding:70px 20px; }
.view_head{padding:34px 30px;border-bottom:1px solid #ececec; border-top:1px solid #666;}
.view_category{display:inline-flex;align-items:center;height:26px;padding:0 10px;margin-bottom:14px;border-radius:20px;background:#f4f4f4;color:#666;font-size:12px;font-weight:600;}
.view_head h3{margin:0;font-size:28px;font-weight:600;color:#333;line-height:1.45;}
.view_info{display:flex;flex-wrap:wrap;gap:18px;margin-top:18px;font-size:14px;color:#888;}
.view_info span{position:relative;}
.view_info span:not(:last-child):after{content:"";position:absolute;right:-10px;top:50%;width:1px;height:12px;background:#ddd;transform:translateY(-50%);}
.view_file{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-top:20px;padding-top:18px;border-top:1px dashed #e5e5e5;}
.view_file strong{font-size:14px;color:#555;}
.view_file a{color:#666;text-decoration:none;}
.view_file a:hover{text-decoration:underline;}
.view_content{padding:45px 30px;line-height:1.9;font-size:16px;color:#444;min-height:300px;word-break:break-word;}
.view_content img{max-width:100%;height:auto;}
.board_action{display:flex;justify-content:flex-end;gap:10px;margin-top:35px;}
.board_action input[type="button"] {display:flex;align-items:center;justify-content:center;height:42px;padding:0 20px;border:1px solid #ddd;border-radius:8px;background:#fff;color:#555;text-decoration:none;transition:.2s;}
.board_action input[type="button"]:hover{background:#666;border-color:#666;color:#fff;}
.btn_list{margin-right:auto;}

@media(max-width:1024px){
.view_head{padding:22px 16px;}
.view_category{height:22px;padding:0 8px;margin-bottom:10px;font-size:11px;}
.view_head h3{font-size:22px;}
.view_info{gap:10px;margin-top:14px;font-size:12px;}
.view_info span:not(:last-child):after{right:-6px;height:10px;}
.view_file{display:block;margin-top:14px;padding-top:14px;}
.view_file strong{display:block;margin-bottom:8px;}
.view_file a{display:block;padding:4px 0;}
.view_content{padding:28px 16px;font-size:15px;line-height:1.8;min-height:180px;}
.board_action{gap:8px;margin-top:20px;}
.board_action input[type="button"]{flex:1;height:38px;font-size:13px;padding:0;}
.btn_list{margin-right:0;}
}



.video-container {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 비율 (9 / 16 = 0.5625) */
	height: 0;
	overflow: hidden;
}

.video-container iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}





.board_form { max-width:1400px; margin:0 auto; padding:30px 20px; width:100% ; }
.form_table{ border-top:1px solid #666; border-collapse:separate; border-spacing:0px; }
.form_row{display:flex;border-bottom:1px solid #ececec; }
.form_row > label{display:flex;align-items:center;width:180px;padding:20px;background:#fafafa;font-size:15px;font-weight:600;color:#555; margin:0 }
.form_input{flex:1;padding:16px 20px;}
.form_input input[type=text],
.form_input input[type=password],
.form_input input[type=email],
.form_input input[type=tel],
.form_input input[type=url],
.form_input select,
.form_input textarea{width:100%;border:1px solid #ddd;border-radius:8px;background:#fff;padding:12px 14px;font-size:15px;color:#333;transition:.2s;box-sizing:border-box;}
.form_input input:focus,
.form_input select:focus,
.form_input textarea:focus{border-color:#999;outline:none;}
.form_input textarea{height:320px;resize:vertical;line-height:1.7;}
.secret_notice{font-size:14px;color:#888;line-height:1.6;}
.check_box{display:inline-flex;align-items:center;gap:8px;cursor:pointer;font-size:14px;color:#555; height:100% }
.check_box input[type=checkbox]{width:18px;height:18px;margin:0;padding:0;border:0;background:none;border-radius:0;appearance:auto;-webkit-appearance:checkbox;flex:none;}
.check_box span{white-space:nowrap;line-height:1;}
.form_btn{display:flex;justify-content:center;gap:10px;margin-top:35px;}
.form_btn a,.form_btn button{display:flex;align-items:center;justify-content:center;min-width:120px;height:44px;border-radius:8px;font-size:15px;text-decoration:none;border:1px solid #666;cursor:pointer;transition:.2s;}
.form_btn a{background:#fff;color:#555;border-color:#ddd;}
.form_btn button{background:#666;color:#fff;}
.form_btn a:hover{background:#f5f5f5;}
.form_btn button:hover{background:#555;}

@media(max-width:1024px){
.form_row{display:block;}
.form_row > label{width:100%;padding:12px 14px;font-size:13px;background:#fff;}
.form_input{padding:0 0 14px;}
.form_input input[type=text],
.form_input input[type=password],
.form_input input[type=email],
.form_input input[type=tel],
.form_input input[type=url],
.form_input select,
.form_input textarea{font-size:14px;padding:10px 12px;border-radius:6px;}
.form_input textarea{height:220px;}
.secret_notice{font-size:13px;}
.form_btn{gap:8px;margin-top:24px;}
.form_btn a,.form_btn button{flex:1;min-width:auto;height:40px;font-size:14px;}
}


.board_file_add,
.btn.btn-default.btn-xs{
display:inline-flex;
align-items:center;
justify-content:center;
height:34px;
padding:0 14px;
margin-bottom:14px;
border:1px solid #666;
border-radius:6px;
background:#fff;
color:#666;
font-size:13px;
text-decoration:none;
transition:.2s;
}

.board_file_add:hover,
.btn.btn-default.btn-xs:hover{
background:#666;
color:#fff;
border-color:#666;
}


.filebox{width:100%;margin-top:5px;}

.filebox table{width:100%;border-collapse:collapse;}

.filebox td{padding:8px 0;border:0;}

.upload-name{display:inline-block;width:calc(100% - 110px);height:38px;padding:0 12px;border:1px solid #ddd;border-radius:6px;background:#fafafa;color:#666;font-size:14px;box-sizing:border-box;vertical-align:middle;}

.filebox label{display:inline-flex;align-items:center;justify-content:center;width:90px;height:38px;margin-left:8px;border:1px solid #666;border-radius:6px;background:#666;color:#fff;font-size:13px;cursor:pointer;transition:.2s;vertical-align:middle;}

.filebox label:hover{background:#555;border-color:#555;}

.upload-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);}
@media(max-width:1024px){
.upload-name{width:100%;margin-bottom:8px;}
.filebox label{width:100%;margin-left:0;}
}


.icon_secret { max-width:10px; }