@charset "utf-8";

/* custom */

.board_title{background: #e8f1e1;position: relative;top: 0;left: 0;z-index: 1;padding: 20px 0 30px;}
.board_title>b{font-size: 20px; width: calc(100% - 30px); margin: 0 auto 20px; max-width: 1200px; display: block;text-align: center;}
.board_title>b i{font-size: 20px !important;}
#bo_list_wrap .board_title{padding: 50px 0 90px;}
#bo_list_wrap .board_title::after{ content: ""; width: 100%; height: 100%; position: absolute; bottom: 40px; left: 50%; transform: translateX(-50%); background-image: URL('../../../../img/main_bg.svg'); background-repeat: no-repeat; background-position: center bottom; background-size:100%, cover; z-index: -1;}
#bo_list_wrap .board_title>b{text-align: left;}
.board_title #bo_search{width: calc(100% - 30px); margin: 0 auto; max-width: 1200px;}
.board_title #bo_search>form{}
.board_title #bo_search>form .input-group{display: flex;justify-content: space-between;align-items: center;}
.board_title #bo_search>form .input-group .input_wrap{width: calc(100% - 70px); margin-bottom: 0;}
.board_title #bo_search>form .input-group .input-group-append{padding-top: 25px;}
.board_title #bo_search>form .input-group .input-group-append button{padding: 0;width: 50px;height: 50px;border-radius: 0.25rem !important;background:#c3c9be ;}
.board_title #bo_search>form .input-group .input-group-append button i{color: #fff;}
.line_bold{ height: 3px; width: 100%; background: #48b813; margin: 5px 0;}
.line_slim{ height: 1px; width: 100%; background: #48b813; margin: 5px 0;}
#bo_w .line_bold{margin:0;}
#bo_w .line_slim{ height: 1px; width: 100%; background: #48b813; margin: 5px 0;}
.input_wrap{position: relative;width: 100%;top: 0;left: 0; padding-top: 25px; border-radius: 5px; overflow: hidden;margin-bottom: 30px;}
.input_wrap input{font-size: 15px;width: 100%;border:none; color:#000 !important; padding: 0 10px;height: 50px;line-height: 50px;position: relative;z-index: 5;border-radius: 5px;}
#bo_list_wrap .input_wrap input{background: #ffffff8f;}
#bo_w .input_wrap input{background: #f8f8f8;}
.input_wrap input::-webkit-inner-spin-button { appearance: none; -moz-appearance: none; -webkit-appearance: none; }
.input_wrap input::placeholder { color: #aaaaaa;}
.input_wrap input:focus { outline: none; box-shadow: unset;}
.input_wrap label{color: #818181; position: absolute; left: 10px; font-size: 15px; bottom: 11px; margin-bottom: 0; transition: all .2s; z-index: 6;}
.input_wrap span{background: #c3c9be; display: block; position: absolute; bottom: 0; left: 0%; width: 0; height: 2px; border-radius: 2px; transition: 0.5s; z-index: 6;}
#bo_list_wrap .input_wrap input:focus,
#bo_list_wrap .input_wrap input:valid {background: #ffffff8f;}
#bo_w .input_wrap input:focus,
#bo_w .input_wrap input:valid {background: #f8f8f8;}
.input_wrap input:focus ~ label,
.input_wrap input:valid ~ label {bottom: 50px; left: 0;font-weight: bold;}
.input_wrap input:focus ~ span, 
.input_wrap input:valid ~ span {width: 100%; }
.input_wrap.readonly label {bottom: 50px; left: 0;font-weight: bold;}
.input_wrap.readonly span {width: 100%; }
.input_wrap.readonly input {background: unset !important;}
.input_wrap.unable label {bottom: 50px; left: 0;font-weight: bold;}
.input_wrap.unable span {width: 100%; }
.input_wrap.unable input {background: unset !important;}
.fa.fa-trash-o{font-family: "Font Awesome 6 Free" !important}
	/* list */
	.nt-container-wide{padding: 0 !important;width: 100% !important;margin: 0 !important;max-width: unset !important;}
	#bo_list_wrap{}
	#bo_list_wrap #fboardlist{padding: 20px 15px 0; border-radius: 30px; position: relative; top: -30px; z-index: 15; background: #fff;}
    #bo_list_wrap #fboardlist .all_list{background: #f0f0f0 !important; color: #000;width: 100%; max-width: 1200px; margin: 0 auto 20px; height: 45px; line-height: 43px; padding: 0; font-size: 13px; border: 1px solid #d9d9d9; border-radius: 3px;display: block;}
	#bo_list_wrap #fboardlist #bo_btn_top{width: 100%; max-width: 1200px; margin: 0 auto;}
	#bo_list_wrap #fboardlist #bo_list{width: 100%; max-width: 1200px; margin: 0 auto;}
	#bo_list_wrap #fboardlist #bo_list>ul{}
	#bo_list_wrap #fboardlist #bo_list>ul>li{display: flex;justify-content: space-between;align-items: center;cursor: pointer;transition: 0.3s;}
	#bo_list_wrap #fboardlist #bo_list>ul>li:active{background: #f8f8f8;}
	#bo_list_wrap #fboardlist #bo_list>ul>li.na-table-head{cursor: auto;}
	#bo_list_wrap #fboardlist #bo_list>ul>li.na-table-head:active{background: #fff;}
	#bo_list_wrap #fboardlist #bo_list>ul>li.na-table-head p{font-weight: bold;height: 35px;line-height: 35px;text-align: center !important;}
	#bo_list_wrap #fboardlist #bo_list>ul>li.no_data{cursor: auto;padding: 75px 0;}
	#bo_list_wrap #fboardlist #bo_list>ul>li.no_data:active{background: #fff;}
	#bo_list_wrap #fboardlist #bo_list>ul>li.no_data p:nth-child(1){text-align: center !important;width: 100%;height: fit-content;line-height: unset;}
	#bo_list_wrap #fboardlist #bo_list>ul>li>p{display: block;height: 50px;line-height: 50px;text-align: center;padding: 0 10px;font-size: 13px;}
	#bo_list_wrap #fboardlist #bo_list>ul>li>p:nth-child(1){text-align: left;width: calc(100% - 120px);	white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
	#bo_list_wrap #fboardlist #bo_list>ul>li>p:nth-child(2){width: 100px;}
	#bo_list_wrap #fboardlist #bo_list>ul>li>p:nth-child(3){width: fit-content;}
	#bo_list_wrap #fboardlist #bo_list>ul>li>p input[type="checkbox"]{width: 20px;height: 20px;cursor: pointer;margin: 0 !important;}
	#bo_list_wrap #fboardlist .pager{margin-top: 20px;}
	/* view */
	#bo_v{padding-bottom: 50px;}
	#bo_v #bo_v_atc{padding: 20px 15px 0; border-radius: 30px; position: relative; top: -30px; z-index: 15; background: #fff;}
	#bo_v #bo_v_atc .view_data{display: flex;justify-content: space-between;align-items: center;background: #f8f8f8;height: 50px;line-height: 50px;border-radius: 50px; padding: 0 15px; width: 100%; max-width: 1200px; margin: 0 auto 15px;}
	#bo_v #bo_v_atc .view_data p{width: calc(100% - 70px);	white-space: nowrap; overflow: hidden; text-overflow: ellipsis;font-size: 13px;font-weight: bold;}
	#bo_v #bo_v_atc .view_data time{color: #747474;font-size: 13px;width: 70px;text-align: right;}
	#bo_v #bo_v_atc #bo_v_con { word-break: break-all; overflow: hidden; width: 100%; max-width: 1200px; margin: 0 auto;}
	#bo_v #bo_v_atc #bo_v_con>.d-table-cell{display: block !important;width: 100%;}
	#bo_v #bo_v_atc #bo_v_con>.d-table-cell>div{align-items: center;}
	#bo_v #bo_v_atc #bo_v_con>.d-table-cell>div>div.px-0{line-height: 0px;}
	#bo_v #bo_v_atc #bo_v_con>.d-table-cell>div a{width: 100%;display: block;font-size: 13px;}
	#bo_v #bo_v_atc #bo_v_con>.d-table-cell>div a:hover{color: #000;}
	#bo_v #bo_v_atc #bo_v_con .view-content{min-height: 200px;}
	#bo_v #bo_v_atc #bo_v_con .view-content .na-videowrap{width: 100%; max-width: 500px;}
	#bo_v>.view_btn{width: calc(100% - 30px); max-width: 1200px; margin: 0 auto; display: flex; justify-content: center; align-items: center; flex-flow: row wrap;}
	#bo_v>.view_btn>a{width:100px;height: 50px;line-height: 48px;padding: 0;margin: 0px 10px 20px 0px;font-size: 15px;}
	#bo_v>.view_btn>a:last-child{margin-right: 0;}
	#bo_v>.view_btn>p{width: 100%; height: 50px; line-height: 48px; padding: 0; margin: 0; font-size: 15px;}
	/* write */
	#bo_w{padding-bottom: 20px;}
	#fwrite{padding: 20px 15px 0; border-radius: 30px; position: relative; top: -30px; z-index: 15; background: #fff;}
	#fwrite .list-group{width: 100%;max-width: 1200px;margin: 0 auto;}
	#bo_w .list-group-item{ padding: 10px 0; border: none; border-bottom: 1px solid #c3c3c3;}
	#bo_w .list-group-item .form-group{display: flex;justify-content: space-between;align-items: center;flex-flow: row wrap;}
	#bo_w .list-group-item .form-group>label{font-size: 15px;font-weight: bold;width: 100px;margin: 0;}
	#bo_w .list-group-item .form-group>div{width: calc(100% - 100px);}
	#bo_w .list-group-item .form-group>div input[type="text"]{display: block;width: 100%;padding: 0 10px;height: 50px;line-height: 50px;border: none;border-radius: 5px;background: #f8f8f8;font-size: 13px;}
	#bo_w .list-group-item .form-group>div input[type="text"]:focus{outline: none;border: 1px solid #48b813 !important;box-shadow: none !important;}
	#bo_w .list-group-item .form-group>div>button{height: 50px;font-size: 13px;padding: 0 20px;}
	#bo_w .list-group-item .form-group>div #variableFiles{}
	#bo_w .list-group-item .form-group>div #variableFiles tbody{}
	#bo_w .list-group-item .form-group>div #variableFiles tbody tr{}
	#bo_w .list-group-item .form-group>div #variableFiles tbody tr td{}
	#bo_w .list-group-item .form-group>div #variableFiles tbody tr td>div{}
	#bo_w .list-group-item .form-group>div #variableFiles tbody tr td>div>div{}
	#bo_w .list-group-item .form-group>div #variableFiles tbody tr td>div>div>div{height: 50px;}
	#bo_w .list-group-item .form-group>div #variableFiles tbody tr td>div>div>div>.input-group-prepend{}
	#bo_w .list-group-item .form-group>div #variableFiles tbody tr td>div>div>div>.input-group-prepend label{}
	#bo_w .list-group-item .form-group>div #variableFiles tbody tr td>div>div>div>.custom-file{height: 100%;}
	#bo_w .list-group-item .form-group>div #variableFiles tbody tr td>div>div>div>.custom-file input{height: 100%;}
	#bo_w .list-group-item .form-group>div #variableFiles tbody tr td>div>div>div>.custom-file label{height: 100%;}
	#bo_w .list-group-item .form-group>div #variableFiles tbody tr td>div>div>div>.custom-file label:after{height: 100%; line-height: 50px; padding-top: 0; padding-bottom: 0;}
	#bo_w .list-group-item .cheditor-container .cheditor-tb-wrapper{height: fit-content !important;}
	#bo_w .list-group-item>.text-center>.btn-group.btn-group-lg button:nth-child(3){border-radius: 0 .3rem .3rem 0;}
	#bo_w .write_btn{display: flex;justify-content: space-between;align-items: center;width: 100%;max-width: 1200px;margin: 40px auto 0;}
	#bo_w .write_btn button,
	#bo_w .write_btn a{width: calc(50% - 5px); margin: 0; font-size: 15px;padding: 0;display: block;height: 50px;line-height: 50px;border: none;}
	#btn_autosave{display: none !important;}
	@media all and (max-width:800px) {
		#bo_w .list-group-item .form-group>label{width: 100%;margin-bottom: 5px;}
		#bo_w .list-group-item .form-group>div{width: 100%;}
		#bo_w .list-group-item .form-group>div>button{width: calc(50% - 5px);}
		#bo_w .list-group-item .form-group>div>button:first-child{margin-right: 5px;}
	}
/* custom 끝*/


/* 게시판 읽기 */


#bo_v_con img {
	max-width:100%;
	height:auto
}
#bo_v_img {
	width:100%;
	text-align:center;
	overflow:hidden;
	zoom:1;
}
#bo_v_img:after {
	display:block;
	visibility:hidden;
	clear:both;
	content:"";
}
#bo_v_img a.view_image {
	display:block;
	pointer-events: none;
}
#bo_v_img img {
	margin-bottom:1.0rem;
	width: 100%;
	/* max-width: 500px; */
}

/* 게시판 읽기 : SNS 공유 */
#bo_v_sns_icon { 
	margin:-5px auto; 
}
#bo_v_sns_icon img { 
	width:40px; 
	border-radius:50%; 
	margin:5px;
}

/* 게시판 댓글 : 내용 */
.cmt-reply {
	top:0;
	left:-16px;
}
.by-writer { 
	background:#fbefef !important;
	border-top:1px solid #f6cece !important;
}
.cmt-content {
	word-break:break-all;
	overflow:hidden
}
.cmt-content img {
	max-width:100%;
	height:auto
}

/* 게시판 댓글 : 대댓글, 수정, 삭제 */
.cmt-btn ul { 
	list-style: none; 
	margin: 0; 
}
.cmt-btn ul > li { 
	float: left; 
	font-size:12px;
	padding: 0 10px; 
}
.cmt-btn ul > li::before { 
	float: left; 
	color:#ccc; 
	content: "|"; 
	margin-left:-12px;
}
.cmt-btn ul > li:last-child { 
	padding-right:0;
}
.cmt-btn ul > li:first-child::before, 
.cmt-btn ul > li.no-bar::before { 
	content: ""; 
	margin-left:0; 
}
.cmt-btn ul > li > a { 
	float:left;
	color:#888;
	white-space:nowrap;	
}

/* 게시판 댓글 : 쓰기폼 */
#fviewcomment #wr_content { 
	resize:none; 
}
@media all and (max-width:575px) {
	.responsive .cmt-box {
		border-right:0 !important;
	}
	.responsive #bo_vc_w .cmt-box {
		border-left:0 !important;
		border-radius:0 !important;
	}
	.responsive #bo_vc_login {
		border-left:0 !important;
		border-right:0 !important;
		border-radius:0 !important;
	}
}

/* 게시판 댓글 : SNS 등록 */
#bo_vc_opt ol {	
	margin:0;
	padding:0;
	list-style:none;
	zoom:1; 
	background:#ccc;
	border-radius:3px;
}
#bo_vc_opt ol:after { 
	display:block;
	visibility:hidden;
	clear:both;
	content:""; 
}
#bo_vc_opt ol li { 
	float:left;
	margin:0; 
}
#bo_vc_send_sns ul { 
	margin:0;
	padding:0;
	list-style:none;
	zoom:1; 
}
#bo_vc_send_sns ul:after { 
	display:block;
	visibility:hidden;
	clear:both;
	content:""; 
}
#bo_vc_send_sns ul li {	
	float:left;
	margin:0 1.0rem 0 0;
}
#bo_vc_send_sns input {	
	margin:0 0 0 0.5rem;
}