/* LAYOUT */
#bo_list, #bo_v{
	position:relative;
	box-sizing:border-box;
}
#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 textarea{
	display:block;width:100%;
	box-sizing:border-box;
	padding:20px;
	border-radius:5px;border:0;
	font-size:18px;color:#000
}
#bo_w .btn_confirm,
#bo_v .btn_confirm,
#bo_list .btn_confirm,
#bo_gall .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,
#bo_list .btn_confirm a,
#bo_gall .btn_confirm a{
	box-sizing:border-box;
	width:160px;max-width:45%;height:57px;line-height:57px;
	padding:0 20px;
	border:0;border-radius:5px;
	background:#fff;
	text-align:center;font-size:18px;color:#000;font-weight:600
}
#bo_v  .btn_confirm a.list{background:#12183E;color:#fff}
#bo_list_total{color:#fff}
#gall_allchk{margin-bottom:10px;color:#fff}
#gall_allchk label{color:#fff}
.new_icon{display:none}

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_file li,
article#bo_v .bo_v_nb{background:#fff}

article#bo_v #bo_v_file a strong{color:#000}

.pg_wrap .pg{display:flex;justify-content:center;gap:20px;align-items:center;margin-top:40px}
.pg_wrap *{color:#fff;font-size:16px}
.pg_wrap .pg_current{
	width:52px;height:52px;line-height:52px;
	background:#fff;border-radius:50%;
	color:#000;text-align:center;
}
.pg_wrap .pg_start,
.pg_wrap .pg_prev,
.pg_wrap .pg_next,
.pg_wrap .pg_end {
	position:Relative;
	display:inline-block;
	width:30px;height:52px;line-height:52px;
	background:url(../img/ico/arrow_white.svg) no-repeat center;
	font-size:0;
}
.pg_wrap .pg_start:after,
.pg_wrap .pg_end:after{
	content:'';
	display:inline-block;
	width:18px;height:52px;line-height:52px;
	background:url(../img/ico/arrow_white.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{
}
#bo_list .td_chk{border:0}
#bo_list tbody .even td{background:None}
#bo_list tbody td.td_subject{flex:1}
#bo_list tbody tr,
#bo_list tbody tr:hover{border: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
}

/* 폼메일 */
#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;
	border-bottom:1px solid #eaecef;
}
#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-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:#12183E;background:#12183E url(../img/ico/check.png) 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:#12183E;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-bottom:1px solid #ddd;padding:0 15px;max-width:100%;box-sizing:border-box;}
.bo_v_nb li{flex:1;display:flex;align-items:center;gap:20px;height:70px;font-size:16px;min-width: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:600}
.bo_v_nb li:before{
	content:'';
	display:inline-block;width:34px;height:34px;
	background:#fff url(../img/ico/go_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)}

.gallery_view *{color:#fff}
article#bo_v.gallery_view #bo_v_con,
article#bo_v.gallery_view .bo_v_nb{background:none}
article#bo_v.gallery_view{border-top:1px solid #fff}
article#bo_v.gallery_view #bo_v_title{padding:30px 0 20px;border-bottom:1px solid rgba(255,255,255,0.2);text-align:center}
article#bo_v.gallery_view #bo_v_title .bo_v_tit{margin-top:0}
article#bo_v.gallery_view #bo_v_title .if_date{font-size:16px;font-weight:500}
article#bo_v.gallery_view #bo_v_img{/*max-width:800px;*/margin:0 auto 40px;padding:40px 0;border-bottom:1px solid rgba(255,255,255,0.2);}
article#bo_v.gallery_view #bo_v_img img{display:block;max-width:100%;margin:0 auto 40px;}
article#bo_v.gallery_view #bo_v_img p{position:relative;padding-left:100px;font-size:16px}
article#bo_v.gallery_view #bo_v_img p+p{margin-top:5px}
article#bo_v.gallery_view #bo_v_img p b{position:absolute;left:0}
article#bo_v.gallery_view #bo_v_con{padding:40px;border-bottom:1px solid #fff;margin-bottom:0;box-sizing:border-box;}
.bo_v_nb:after{position:absolute;}
#bo_gall .gall_con>a .no_image{line-height:1em !important;text-align:center;display:flex;align-items:center;background:#eee;justify-content: center;aspect-ratio: 16 / 9;}


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

@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,
	#bo_list .btn_confirm a,
	#bo_gall .btn_confirm a{width:120px;height:47px;line-height:47px;font-size:16px;}

	article#bo_v.gallery_view #bo_v_title{padding:20px}
	#bo_v_title .bo_v_tit{font-size:22px}
	article#bo_v.gallery_view #bo_v_img img{margin-bottom:20px}
	article#bo_v.gallery_view #bo_v_con{padding:20px 0;min-height:100px}

}