/* LAYOUT */
#bo_list, #bo_v{
	position:relative;
	box-sizing:border-box;
}
#bo_v,
#bo_list,
#bo_w,
#bo_gall{max-width:1280px;margin:0 auto;padding:0}
#bo_w .write_div .title1{
	display:block;
	margin:40px 0 10px;
	font-size:16px;color:#fff
}
#bo_w .write_div input[type="text"],
#bo_w .write_div input[type="file"]{
	display:block;width:100%;height:50px;line-height:50px;
	box-sizing:border-box;
	padding:0 20px;
	border-radius:5px;border:0;
	font-size:18px;color:#000
}
#bo_w .write_div input[type="text"]{border:1px solid #ccc;}
#bo_w .write_div textarea{
	display:block;width:100%;
	box-sizing:border-box;
	padding:20px;
	border-radius:5px;border:1px solid #ccc;
	font-size:18px;color:#000
}
#bo_w .btn_confirm,
#bo_v .btn_confirm{display:flex;align-items:center;justify-content:center;gap:10px;margin-top:50px}
#bo_w .btn_confirm a,
#bo_w .btn_confirm button,
#bo_v  .btn_confirm a{
	box-sizing:border-box;
	width:160px;max-width:45%;height:57px;line-height:57px;
	padding:0 20px;
	border:1px solid #666;border-radius:5px;
	background:#fff;
	text-align:center;font-size:18px;color:#000;font-weight:600
}
#bo_v  .btn_confirm .btn_submit{background:#000;border-color:#000;color:#fff}
#bo_v  .btn_confirm a.list{background:#000;color:#fff}
#bo_list_total{color:#fff}
#gall_allchk{margin-bottom:10px;color:#fff}
#gall_allchk label{color:#fff}

#bo_v{border-top:1px solid #000}
#bo_v #bo_v_info{border-bottom:1px solid #ddd}
#bo_v #bo_v_title{padding-top:30px;text-align:center;font-size:18px;color:#888}
#bo_v #bo_v_title .bo_v_tit{display:block;margin-bottom:10px;text-align:center;font-size:32px;color:#000;font-weight:600}
#bo_v #bo_v_con{padding:30px 0;font-size:16px;border-bottom:1px solid #000}
#bo_v_img{text-align:center}
#bo_v_img img{margin:0 auto}

article#bo_v{background:none}
article#bo_v .bo_v_head,
article#bo_v #bo_v_info,
article#bo_v #bo_v_con,
article#bo_v #bo_v_link li,
article#bo_v .bo_v_nb{background:#fff}
.bo_v_nb:after{display:none}

.pg_wrap .pg{display:flex;justify-content:center;gap:20px;align-items:center;margin-top:40px}
.pg_wrap *{font-size:16px}
.pg_wrap .pg_current{
	width:24px;height:24px;line-height:24px;
	background:#000;border-radius:50%;
	color:#fff;text-align:center;font-weight:400
}
.pg_wrap .pg_start,
.pg_wrap .pg_prev,
.pg_wrap .pg_next,
.pg_wrap .pg_end {
	position:Relative;
	display:inline-block;
	width:30px;height:24px;line-height:24px;
	background:url(../img/board/btn_prev_black.svg) no-repeat center;background-size:8px auto;
	font-size:0;
}
.pg_wrap .pg_start:after,
.pg_wrap .pg_end:after{
	content:'';
	display:inline-block;
	width:18px;height:24px;line-height:24px;
	background:url(../img/ico/btn_prev_black.svg) no-repeat center;
}
.pg_wrap .pg_next,
.pg_wrap .pg_end{transform:rotate(180deg)}

div.cke_sc{display:none}

#bo_gall li.empty_list{padding:100px 0;font-size:21px}


/* BTN */
.btn{
}
.btn i{}
.btn_modify{text-align:right;justify-content: flex-end;}
.btn_modify a{display:inline-block;margin-top:10px;height:30px;line-height:30px;padding:0 13px;background:#ffd800;border-radius:30px;color:#000;font-weight:600;text-align:center;font-size:14px}

/* LIST */
.btn_bo_user{
	display:flex;align-items:center;gap:15px
}
.btn_bo_user li{
	float:none;
	width:auto;
	margin:0;
	background:none
}

.tbl_wrap table{
	width:100%;table-layout:fixed;
	border-top:1px solid #222;
}
.tbl_wrap table caption{display:none}
.tbl_wrap table thead th{
	padding:25px 5px;
	border-bottom:1px solid #eaecef;
	text-align:center;font-size:20px;font-weight:600
}
.tbl_wrap table td.empty_table{
	padding:100px 0;
	text-align:center;font-size:16px
}

#bo_list tbody .even td{background:None}
#bo_list .td_name{text-align:center}
#bo_list tbody td.td_subject{flex:1}
#bo_list tbody tr,
#bo_list tbody tr:hover{border-left:0}
.chk_box input[type="checkbox"] + label span{float:none;display:inline-block;}
#bo_list .bo_tit .fa-download,
#bo_list .bo_tit .fa-link,
#bo_list .bo_tit .new_icon{display:none}

/* form */
select, input, select, textarea{
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	outline:none
}

.bo_search{}
.bo_search h3,
.bo_search select,
.bo_search .bo_sch_cls{display:none}
.bo_search .sch_bar{display:flex;justify-content: flex-end;align-items:center;}
.bo_search .sch_bar input{width:300px;height:44px;box-sizing:border-box;padding:0 15px;border:1px solid #ddd}
.bo_search .sch_bar button{width:44px;height:44px;background:#000 url(../img/board/search.svg) no-repeat center;;padding:0;font-size:0}

/* 폼메일 */
#formmail-write{
	position:Relative;
	max-width:1200px;margin:0 auto
}
#formmail-write .check-list{
	position:absolute;right:0;
	display:inline-block;height:46px;line-height:44px;
	padding:0 20px;margin-top:-60px;
	box-sizing:border-box;
	border:1px solid #000;border-radius:8px;
	text-align:center;font-size:18px;font-weight:700;
}
#formmail-write .form-body{border-top:1px solid #000;padding-top:30px}
#formmail-write .form-group{
	display:flex;flex-wrap:wrap;gap:40px;align-items:center;
}
#formmail-write .form-group>label{
	flex:none;width:200px;
	text-align:left;font-size:22px;font-weight:700
}
#formmail-write .form-group>div{
	flex:1;
	padding:30px 0;
}
#formmail-write .form-group>div label{
	display:block;
	font-size:16px;color:#888
}
#formmail-write .form-group>div label.title1{margin-bottom:20px;font-size:24px;color:#000;font-weight:600}
#formmail-write .form-group>div label.title2{margin-bottom:10px;font-size:16px;color:#000;font-weight:600}
#formmail-write .form-group>div input[type="file"],
#formmail-write .form-group>div input[type="text"],
#formmail-write .form-group>div textarea{
	display:inline-block;width:100%;height:50px;line-height:50px;
	box-sizing:border-box;
	padding:20px;
	border:1px solid #eaecef;border-radius:10px;
	font-size:16px;
}
#formmail-write .form-group>div input[type="text"]{border-radius:0;border:0;border-bottom:1px solid #000;background:None;padding:0}
#formmail-write .form-group>div textarea{line-height:1.5em;height:300px;resize:none;}
#formmail-write .form-group>div .filebox{display:flex;gap:20px;align-items:center}
#formmail-write .form-group>div .filebox span{
	position:relative;
	flex:none;width:150px;height:50px;line-height:50px;
	background:#393939;border-radius:5px;
	text-align:center;font-size:20px;color:#fff;
	overflow:hidden
}
#formmail-write .form-group>div .filebox span input{position:absolute;top:0;right:0;width:100%;height:200%;opacity:0;cursor:pointer}
#formmail-write .form-group>div .captcha{display:flex;flex-wrap:wrap;gap:20px;align-items:center}
#formmail-write .form-group>div #captcha img{border-radius:10px}
#formmail-write .form-group>div input.captcha_box{flex:none;width:200px}
#formmail-write .form-group>div #captcha_mp3 span:after{content:"\f028";font:normal normal normal 20px/1 FontAwesome;}
#formmail-write .form-group>div #captcha_reload span:after{content: "\f021";font:normal normal normal 20px/1 FontAwesome}
#formmail-write .form-group>div #captcha_mp3,
#formmail-write .form-group>div #captcha_reload{font-size:0}
#formmail-write .privacy-of-use{
	height:300px;overflow:auto;overflow-x:hidden;
	padding:40px;
	background:#fafafa;
	border-radius:10px;
	white-space: pre-wrap;
	font-size:16px;color:#666
}
#formmail-write .privacy-of-use *{font-size:16px;color:#666}
#formmail-write .privacy-of-use .cont+.cont{margin-top:20px}
#formmail-write .privacy-of-use .cont h4{margin-bottom:10px;font-weight:600}
#formmail-write .privacy-of-use .cont dt{font-weight:600}
#formmail-write .privacy-of-use-check{margin:40px 0;text-align:center;}
#formmail-write .privacy-of-use-check label{font-size:24px;font-weight:600}
#formmail-write .privacy-of-use-check input{width:25px;height:25px;margin-right:10px;border:1px solid #ddd;border-radius:5px;vertical-align:top}
#formmail-write .privacy-of-use-check input:checked{border-color:#000;background:#000 url(../img/board/input_check.svg) no-repeat center;background-size:50% auto;}
#formmail-write .form-footer{margin-top:50px;text-align:center}
#formmail-write .form-footer button{
	display:inline-block;width:320px;height:68px;line-height:66px;
	background:#000;border-radius:5px;
	text-align:center;font-size:20px;color:#fff;font-weight:600
}
#formmail-write .form-footer button i{display:none}

.bo_v_nb{display:flex;gap:100px;border-top:1px solid #ddd;border-bottom:1px solid #ddd;padding:0;max-width:100%;box-sizing:border-box;margin-top:50px}
.bo_v_nb li{flex:1;display:flex;align-items:center;gap:20px;height:40px;font-size:16px;min-width:0;border:0}
.bo_v_nb li:last-child{border:0}
.bo_v_nb li a{flex:1;display:inline-block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.bo_v_nb li .nb_tit{font-weight:500;color:#000}
.bo_v_nb li:before{
	content:'';
	display:inline-block;width:34px;height:34px;
	background:#fff url(../img/board/btn_arrow_next_black.svg) no-repeat center;background-size:50% auto;
	border-radius:50%;
	transform:rotate(180deg)
}
.bo_v_nb li+li{flex-direction: row-reverse;}
.bo_v_nb li+li:before{transform:rotate(0deg)}

/* 리스트형 게시판 */
.board_notice .tbl_wrap thead{display:none;}
.board_notice .tbl_wrap tbody,
.board_notice .tbl_wrap tr{display:block;width:100%;}
.board_notice .tbl_wrap tbody{border-bottom:1px solid #000}
.board_notice .tbl_wrap tr td{display:block;border:0 !important;padding:0 !important}
.board_notice .tbl_wrap tr{padding:40px 0}
.board_notice .tbl_wrap tr+tr{border-top:1px solid #000;}
.board_notice .tbl_wrap .sv_use,
.board_notice .tbl_wrap .td_num,
.board_notice .tbl_wrap .td_num2{display:none}
.board_notice .tbl_wrap .bo_tit a{font-size:24px}
.board_notice #bo_list .td_datetime{width:auto;text-align:left;font-size:14px;}
.board_notice .bo_ct{
	margin:20px 0;
	font-size:16px;
	overflow: hidden;
	white-space:normal;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	word-wrap:break-word;
}
.board_notice .tbl_wrap tr:hover *{color:#CA1E1D}


@media all and (max-width:1024px){
	#formmail-write .form-group>label{width:120px}
	.bo_v_nb{display:block;}
	.bo_v_nb li+li{flex-direction: row;border-top:1px solid #ddd !important}

	/* 리스트형 게시판 */
	.board_notice .tbl_wrap tr{padding:30px 0}
	.board_notice .tbl_wrap .bo_tit a{font-size:20px}
	.board_notice .bo_ct{margin:10px 0}
}

@media all and (max-width:760px){

	/* 폼메일 */
	#formmail-write .check-list{height:40px;line-height:38px;padding:0 15px;font-size:14px}
	#formmail-write .form-group{gap:0 15px;}
	#formmail-write .form-group>label{width:80px;font-size:15px}
	#formmail-write .form-group>div{flex:none;width:100%;padding:10px 0}
	#formmail-write .form-group>div input[type="file"], #formmail-write .form-group>div input[type="text"], #formmail-write .form-group>div textarea{
		height:40px;line-height:38px;
		padding:10px;
		font-size:15px
	}
	#formmail-write .form-group>div textarea{height:200px}
	#formmail-write .form-group>div .filebox{gap:5px}
	#formmail-write .form-group>div .filebox span{width:auto;height:40px;line-height:38px;padding:0 10px;font-size:15px;border-radius:0}
	#formmail-write .form-group>div .captcha audio{max-width:100%}
	#formmail-write .privacy-of-use *{font-size:13px}
	#formmail-write .privacy-of-use{padding:20px}
	#formmail-write .privacy-of-use-check{text-align:left;}
	#formmail-write .privacy-of-use-check label{font-size:16px}
	#formmail-write .form-footer button{width:100%;height:55px;line-height:55px;font-size:16px}

	#bo_w .btn_confirm a,
	#bo_w .btn_confirm button,
	#bo_v  .btn_confirm a{width:120px;height:47px;line-height:47px;font-size:16px;}

	#bo_v #bo_v_title{padding-top:20px;font-size:14px}
	#bo_v #bo_v_title .bo_v_tit{font-size:20px}
	.bo_v_nb li{height:24px;font-size:14px;gap:10px;padding:10px 0}
	.bo_v_nb li:before{background-size:40% auto}

	/* 리스트형 게시판 */
	.board_notice .tbl_wrap tr{padding:20px 0}
	.board_notice .tbl_wrap .bo_tit a{font-size:18px}
	.board_notice .bo_ct{margin:5px 0;font-size:14px}

}