@charset "utf-8";





/* 목록 테이블 */

#bo_list table { border:0; }
#bo_list .tbl_head01 { border-top:2px solid #ff3b4b; border-bottom:1px solid #ccc; }
#bo_list .tbl_head01 thead {  }
#bo_list .tbl_head01 thead th { padding:30px 0; font-size:16.5px; }
#bo_list .tbl_head01 thead th input { vertical-align:middle }
#bo_list .tbl_head01 tbody td { font-size:16px; padding:25px 0; text-align:center }
#bo_list .tbl_head01 tbody td.td_datetime { font-size:14.5px; }

#bo_list .td_chk {width:30px;}
#bo_list .td_num2 {width:7%;}
#bo_list .td_date, #bo_list .td_time, #bo_list .td_phone {width:15%;}
#bo_list .td_name {width:13%;}
#bo_list .td_datetime {width:13%;}



.bo_notice td {background:#f8f8f8 !important;border-bottom:1px solid #e5e5e5;}
.bo_notice td a {font-weight:bold;}
.bo_notice .notice_icon{display:inline-block;background:var(--mc);width:25px;line-height:25px;border-radius:4px;font-weight:normal;color:#fff;font-size:13px;}


#bo_list .bo_tit { display:block;color:#111; }
#bo_list .bo_current {color:#e8180c}
#bo_list .res_info { display:none; font-size:16px; color:#666; }
#bo_list .board_new { padding-left:3px; font-size:13px; }



/* 게시판 목록 버튼 및 서치 */

.btn_bo_user { float:right;margin:0;padding:0;list-style:none}
.btn_bo_user li {float:left;margin-left:5px}

.btn_bo_adm {float:left;}
.btn_bo_adm:after { clear:both; visibility:hidden; display:block; content:''; }
.btn_bo_adm li {float:left;margin-right:6px;}
.btn_bo_adm button, .btn_bo_user a { font-size:15px; }

#bo_sch {display:inline-block; border:1px solid #ccc;background:#fff;border-radius:3px}
#bo_sch:after {display:block;visibility:hidden;clear:both;content:""}
#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;margin:9px 5px ;height:20px;float:left;border-right:1px solid #ddd;}
#bo_sch .sch_input{height:38px;border:0;padding-left:14px;font-size:14px;background-color:transparent;float:left; width:240px;}
#bo_sch .sch_btn{height:38px;float:left;background:none;border:0;width:40px;font-size:15px}


@media (max-width:1660px) {
	#bo_list .tbl_head01 thead th { padding:calc(14px + 1vw) 0; }
	#bo_list .tbl_head01 tbody td { padding:calc(10px + 1vw) 0; }
	.bo_notice .notice_icon{ width:22px;line-height:22px; }
	#bo_sch .sch_input { width:calc(100px + 8vw); }
}

@media (max-width:767px) {
	#bo_list .td_phone, #bo_list .td_time, #bo_list .td_name { display:none; }

	#bo_list .td_date {width:auto;}
	#bo_list .td_datetime {width:25%;}

	#bo_sch .sch_input { height:34px; padding-left:10px; }
	#bo_sch .sch_btn{height:34px;}
}








/* 게시판 읽기 */

#wan { padding:40px; margin-bottom:40px; font-size:22px; line-height:1.5; border-radius:6px; }

#bo_v ul li:last-of-type { font-size:15px; }
#bo_v h4 { font-size:25px; }


.col4table { border-top:2px solid #ff3b4b; }
.col4table tr td:nth-child(1), .col4table tr td:nth-child(3) { width:15%; }
.col4table tr td:nth-child(2), .col4table tr td:nth-child(4) { width:35%; text-align:left; background:#fff; }
.col4table tr th { background:#f6f6f6; }

#bo_v_atc { height:auto !important; }
#bo_v_atc .view_img_wrap { text-align:center; }
#bo_v_atc .view_img_wrap:first-of-type { margin-top:65px; }
#bo_v_atc .view_img_wrap:nth-of-type(n+2) { margin-top:35px; }
#bo_v_atc .view_img_wrap img { height:auto; }
#bo_v_atc .view_img_wrap a.view_image {display:block}

#view_con { background-color:#f6f6f6; }
#view_con a {color:#111;text-decoration:underline}


#bo_v_file {margin:10px 0;border:1px solid #d4d4d4}
#bo_v_file p {padding:10px;border-bottom:1px solid #e8e8e8;background: #f3f3f3;font-size:16px; font-weight:400; color:#333;}
#bo_v_file ul {margin:0;padding:5px 0;list-style:none}
#bo_v_file li {padding:5px 10px;position:relative;font-size:15px;}
#bo_v_file a {display:inline-block;color:#666;text-decoration:none;word-wrap:break-word}
#bo_v_file a:focus, #bo_v_file a:hover, #bo_v_file a:active {text-decoration:none}
#bo_v_file img {float:left;margin:0 10px 0 0}
.bo_v_file_cnt  {position:absolute;top:5px;right:10px;color:#888;font-size:14px;}

#bo_v_link {margin:10px 0;border:1px solid #d4d4d4}
#bo_v_link p {padding:10px;border-bottom:1px solid #e8e8e8;background: #f3f3f3;font-size:16px; font-weight:400; color:#333; }
#bo_v_link ul {margin:0; padding:10px 0;list-style:none}
#bo_v_link li { padding:5px 10px; position:relative; font-size:15px; white-space: nowrap; overflow:hidden; }
#bo_v_link a { display:inline-block; color:#666; text-decoration:none; word-wrap:break-word; }
#bo_v_link a:focus, #bo_v_link a:hover, #bo_v_link a:active {text-decoration:none}
.bo_v_link_cnt {position:absolute;top:5px;right:10px;color:#888;font-size:14px}

#bo_v_top:after {display:block;visibility:hidden;clear:both;content:""}
#bo_v_top ul {padding:0;list-style:none;word-break:break-all}

.bo_v_com {float:right}
.bo_v_com li {float:left;margin-left:5px}

.bo_v_left {float:left}
.bo_v_left li {float:left;margin-right:5px}

.bo_v_nb {margin-top:60px;position:relative;clear:both;text-align:left;border-bottom:1px solid #ddd}
.bo_v_nb:after {display:block;visibility:hidden;clear:both;content:""}
.bo_v_nb li {border-top:1px solid #ddd;padding:20px 13px;font-size:16px; white-space: nowrap; overflow:hidden; }
.bo_v_nb li:hover{background:#f6f6f6}
.bo_v_nb li .nb_tit{display:inline-block;padding-right:20px;color:#888;}
.bo_v_nb li .nb_date{float:right;color:#888;font-size:15px; }



@media (max-width:1000px) {
	.col4table tr td:nth-child(1) { width:25%; }
	.col4table tr td:nth-child(2) { width:75%; }
	.bo_v_nb li .nb_date{display:none;}
}

@media (max-width:768px) {
	#bo_v_con p { line-height:160%; }
	#bo_v_file p, #bo_v_link p { padding:8px 10px; }
	.bo_v_file_cnt, .bo_v_link_cnt { display:none; }
}








/***** 게시판 쓰기 *****/

#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}

#bo_w .bo_w_info:after {display:block;visibility:hidden;clear:both;content:""}
#bo_w .bo_w_info .frm_input{float:left;width:50%}
#bo_w #wr_content { height:300px; }
#bo_w .bo_w_tit{position:relative}

#bo_w .bo_w_link label {position:absolute;top:14px;left:1px;width:40px; text-align:center;color:#888; font-size:16px;}
#bo_w .bo_w_flie .lb_icon {position:absolute;top:5px;left:0;width:40px; text-align:center;color:#888; font-size:16px;}
#bo_w .bo_w_link .frm_input, #bo_w .bo_w_flie .frm_file{padding-left:50px}

#bo_w .bo_w_flie .frm_input{margin:10px 0 0 }
#bo_w .bo_w_flie .file_del{position:absolute;top:10px;right:10px;font-size:0.92em;color:#7d7d7d}

#bo_w .submit_col2 div:first-of-type { width:70%; }
#bo_w .submit_col2 div:last-of-type { width:30%; }

#bo_w .btn_view_info { font-size:13px; color:#fff; padding:5px 8px; cursor:pointer; }



/* 개인정보 뷰 */
#view_info { position:fixed; left:0; top:0; width:100%; height:100%; z-index:2000; display:none; }
#view_info .black_bg { position:absolute; left:0; top:0; width:100%; height:100%; background-color:#000; opacity:.9; }
#view_info .box { position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); background-color:#fff; padding:40px; max-width:96%; max-height:92%; }
#view_info .box h4 { position:relative; line-height:1; }
#view_info .box h4 .btn_info_close { position:absolute; top:0; right:0; cursor:pointer; padding:10px 13px; font-size:14.6px; color:#fff; background-color:var(--mc); font-weight:500; }
#view_info .box #inq_info { width:1200px; max-width:100%; height:400px; max-height:100%; }



/***** 게시판 쓰기 스타일 최신 *****/


.write_opt { padding:14px 0; font-size:15px; color:#777; vertical-align:middle; }
.dhtml div, .dhtml p { font-size:18px; line-height:1.7; font-weight:400; color:#111; }
.dhtml br { font-size:0; }
.dhtml b, .dhtml span, .dhtml i { line-height:inherit; }

.write_div { margin-top:12px; position:relative; font-size:16px; color:#666; }
.basic_sel { margin:20px 0 10px; font-size:16px; color:#666; }

.frm_input, textarea { padding:15px 20px; }
#bo_w select { padding:15px 40px 15px 20px; background:url('/images/select_arrow.gif') calc(100% - 17px) center no-repeat; line-height:120%; cursor:pointer; }

.col2_write { display:flex; flex-wrap:wrap; justify-content:space-between; }
.col2_write > * { width:48%; }

.tit_write { display:flex; justify-content:space-between; align-items:center; }
.tit_write dt { width:150px; font-size:16.5px; font-weight:500; line-height:1.3; }
.tit_write dd { width:calc(100% - 150px); font-size:16px; color:#666; line-height:1.5; }

.date_input { width:160px; }

.ui-datepicker, .ui-datepicker * { font-size:14px !important; font-family:'pretendard', sans-serif !important;}
.ui-datepicker .ui-datepicker-header { padding:10px 0 !important;}
.ui-datepicker select { padding:5px; background-color:#fff; background-position:right 5px center; }
.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { top:50% !important; transform:translateY(-50%) !important; cursor:pointer !important; }
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current { display:none !important; }



@media (max-width:1660px) {
	.frm_input, textarea { padding:12px 16px; }
	#bo_w select { padding:12px 35px 12px 16px; background:url('/images/select_arrow.gif') calc(100% - 8px - 0.4vw) center no-repeat; }
	.write_div { margin-top:10px; }
	.basic_sel { margin:18px 0 8px; }
	.tit_write dt { width:calc(80px + 4vw); }
	.tit_write dd { width:calc(100% - 80px - 4vw); }
	.date_input { width:calc(84px + 3vw); }
}
@media screen and (max-width:1024px) {
	.frm_input, textarea { padding:11px 13px; }
	#bo_w select { padding:11px 32px 11px 13px; background-size:7px; }
	.write_div { margin-top:8px; }
	.basic_sel { margin:16px 0 6px; }
}
@media screen and (max-width:800px) {
	.col2_write > * { width:100%; }
	.submit_col2 > div { width:100%; }
}

@media screen and (max-width:500px) {
	.write_opt { padding:8px 0; }
	.tit_write dt { width:22%; }
	.tit_write dd { width:76%; }
	input[type=text] { width:100%; }
	.date_input { width:100px; }
}