@charset "utf-8";

/*------------------------------------
	board colorset
------------------------------------*/
:root {
	--board-color:#000; --board-color2:#222; --board-color3:#777; --board-color4:#AEAEAE; --board-color5:#D2D2D2; --board-color6:#DBDBDB; --board-color7:#f8f8f8;
	--board-point:#111; --board-point-ov:#333; 
}

/*------------------------------------
	board common 
------------------------------------*/
.max_basic  select {padding:1rem; border:0;}
.max_basic  textarea {width: 100%; border:0;font-family: inherit; font-size: 1.6rem; padding: 1rem;}
.max_basic  .icon-new {font-size: .9rem;background: #ffc149; color: #fff; font-weight: 600; line-height: 100%; padding: 0.3rem 0.8rem;  border-radius: 2rem;}

.max_basic  input[type="text"] {padding:1rem;border:0;font-family: inherit;}
.max_basic  input[type="password"]  {border:0; border-bottom:2px solid #000; padding:1rem;}
.max_basic  input[type="radio"] {position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); border:0;}
.max_basic  input[type="radio"] + label {display:inline-block; position:relative; padding-left:30px; cursor:pointer; margin-right: 15px; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none;}
.max_basic  input[type="radio"] + label:before {content:''; position:absolute; top:2px; left:0;width: 20px;height: 20px; text-align:center; background:#fff;border: 1px solid #bbb; border-radius:100%;}
.max_basic  input[type="radio"]:checked + label:before {background:#fff;border:1px solid #000;}
.max_basic  input[type="radio"]:checked + label:after {content:''; position:absolute; top:8px; left:6px; width:10px; height:10px; background:#000; border-radius:100%;}
.max_basic input[type="checkbox"] {position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); border:0;}
.max_basic input[type="checkbox"] + label {position:relative;color:#676e70; text-align:Center;   line-height: 25px; display: inline-table;vertical-align: middle;}
.max_basic input[type="checkbox"] + label:hover {color:#676e70}
.max_basic input[type="checkbox"] + label span {float:left;width:25px;height:25px;display:inline-block;border-radius:5px; margin-right:10px;text-align: center;background:#ddd url(../img/chk.png) no-repeat 50% 50%;}
.max_basic input[type="checkbox"]:checked + label {color:#000}
.max_basic input[type="checkbox"]:checked + label span {background:url(../img/chk.png) no-repeat 50% 50% #000;}


/*------------------------------------
	board list
------------------------------------*/
/*---- 상단 -----*/
.max_basic {position: relative; width: 100%;margin-top:3rem;}
.max_basic .board_top {margin:2rem 0;}

/*---- 카테고리 -----*/
.max_basic .board_cate {display: flex; align-items: center; border-bottom: 1px solid #ddd;	}
.max_basic .board_cate li {}
.max_basic .board_cate li a.nav-link {font-size:2rem; padding:1rem 2rem;display: block; color:#666;line-height: 100%;}
.max_basic .board_cate li a.active{position: relative;font-weight: 600; color:var(--board-color); }
.max_basic .board_cate li a.active::before {content:''; width: 100%; height:2px; background:var(--board-color); position: absolute; bottom:-1px;left:0;}

/*---- 게시물카운터 -----*/
.max_basic .board_nav {margin:2rem 0; display:flex; justify-content: space-between; align-items: center;}
.max_basic .board_count {position: relative;font-size: .9em;}
.max_basic .board_count span {font-size: 1.5em;font-weight: bold;color:var(--board-color);}

/*---- 검색 -----*/
.max_basic .board_search {display:flex; border:2px solid var(--board-color); padding:1rem;}
.max_basic .board_search .sc_select {position: relative;}
.max_basic .board_search .sc_search_box {display:flex; align-items: center;}
.max_basic .board_search .sc_search_box a.btn-search {position: relative;display: block; width: 35px; height: 35px; }
.max_basic .board_search .sc_search_box a.btn-search i {position: absolute; left:50%; top:50%; color:var(--board-color); transform:translate(-50%, -50%);}

/*---- 목록리스트 (ty1) -----*/
.max_basic .board_list {}
.max_basic .board_list .board_table{width: 100%;border-top: 2px solid var(--board-color);}
.max_basic .board_list .board_table thead th{border-bottom:1px solid #000; padding:1.8rem 0;font-weight: 500;}
.max_basic .board_list .board_table tbody tr {	}
.max_basic .board_list .board_table tbody td {border-bottom:1px solid #ddd;padding:2rem 0;text-align: center;} 
.max_basic .board_list .board_table tbody td.bo_num {font-weight: bold;}
.max_basic .board_list .board_table tbody td.bo_title {text-align:left;}
.max_basic .board_list .board_table tbody td.bo_user {}
.max_basic .board_list .board_table tbody td.bo_counter {}
.max_basic .board_list .board_table tbody td.bo_date {}
.max_basic .board_list .board_table tbody tr:hover {background:#f5f5f5}
.max_basic .board_list .board_table tbody tr.notice td {background:#f5f5f5;}
.max_basic .board_list .board_table tbody tr.notice td.bo_num {font-weight: bold;}
.max_basic .board_list .board_table tbody tr.notice td.bo_num span {color:var(--main-color1); display: inline-block;}
.max_basic .board_list .board_table tbody tr.notice td.bo_title {text-align:left; font-weight: bold; font-size: 1.1em;}
.max_basic .board_list .board_table tbody tr.notice td.bo_user {}
.max_basic .board_list .board_table tbody tr.notice td.bo_counter {}
.max_basic .board_list .board_table tbody tr.notice td.bo_date {}

/*---- 갤러리리스트 (ty1) -----*/
.max_basic .board_gallery {position: relative;}
.max_basic .board_gallery ul {display:flex; flex-wrap: wrap; gap:2rem 5rem;  margin:4rem 0 0 0;}
.max_basic .board_gallery ul li {width:calc(20% - 4rem); margin-bottom:4rem;}
.max_basic .board_gallery ul li a {display: block;  }
.max_basic .board_gallery ul li .gallery-img {height:auto; overflow:hidden; padding:5rem; box-sizing:border-box; border-radius:1rem; background:#F4F4F4; display:flex; justify-content: center;
align-items: center; }
.max_basic .board_gallery ul li .gallery-img img {max-width: 100%; display: block; border: 1px solid #eee;  box-shadow: 0px 3px 5px #dadada; transition:all .3s;}
.max_basic .board_gallery ul li:hover .gallery-img img{transform:scale(1.1);}
.max_basic .board_gallery ul li .gallery-img .no-image {display: block;text-align: center;background: #eee;height: 100%; font-weight: 500;   display: flex; align-items: center; justify-content: center;}
.max_basic .board_gallery ul li .gallery-content {margin-top:2rem;text-align: center;	}
.max_basic .board_gallery ul li .gallery-content p.gallery-title {font-weight: 500; font-size: 1em;}
.max_basic .board_gallery ul li .gallery-content .gallery-info {margin-top:1rem;  }
.max_basic .board_gallery ul li .gallery-content .gallery-info span{display: block;}
.max_basic .board_gallery ul li .gallery-content .gallery-info span.gallery-info1{}
.max_basic .board_gallery ul li .gallery-content .gallery-info span.gallery-info2{font-size: .9em; color:#888 }

/* 레이어 팝업 오버레이 */
#_layer_detail { display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.7); z-index: 1000;
justify-content: center; align-items: center;}
#_layer_detail.active {display: flex;}

/* 팝업 컨테이너 */
.max_laypop {background: white; border-radius: 1rem; max-width: 48rem; width: 90%; max-height: 90vh; overflow-y: auto; position: relative; 
animation: popupSlideIn 0.3s ease-out; padding: 2rem}
@keyframes popupSlideIn {
	from {	opacity: 0;transform: translateY(-30px);}
	to {opacity: 1;transform: translateY(0);}
}

/* 닫기 버튼 */
.max_laypop a.close {position: absolute;	display: block; width: 5rem;	height: 5rem;  right: 0; top:0; text-decoration: none; }
.max_laypop a.close i {position: absolute;left: 50%;	top: 50%;transform: translate(-50%, -50%);}
.xi-close {font-size: 1.8em; font-weight: 500; line-height: 1;	color:#222;}

/* 이미지 */
.max_laypop img {	width: auto;	max-width: 100%;	height: auto;	display: block;	margin: 0 auto;}




/*------------------------------------
	board view
------------------------------------*/
.max_basic .board_view {}
.max_basic .board_view .view_title {padding:2.5rem; border-top:3px solid var(--board-color);border-bottom:1px solid var(--board-color);}
.max_basic .board_view .view_title h4.subject{font-size: 2em;font-weight: 500;margin-bottom:1.5rem;}
.max_basic .board_view .view_title .info{color:#666;font-size: .9em;}
.max_basic .board_view .view_title .info span.nick {margin-right:2rem;}
.max_basic .board_view .view_title .info span.date { }
.max_basic .board_view .view_file {display:flex;align-items: center; border-bottom:1px solid #ddd;padding:2rem;}
.max_basic .board_view .view_file > i  {margin-right:1rem;}
.max_basic .board_view .view_file > a:hover {color:var(--main-color1); text-decoration:underline;}
.max_basic .board_view .view_password {}
.max_basic .board_view .view_content {padding:2rem; line-height: 150%; min-height:300px;}
.max_basic .board_view .view_post {display:flex;flex-direction: column-reverse; }
.max_basic .board_view .view_post .post_title {width: 80px;margin-right:2rem;display:flex;align-items: center;font-weight: 600;font-size: .9em;}
.max_basic .board_view .view_post .post_title > i { margin-right:1rem; }
.max_basic .board_view .view_post .view_prev {display: flex; border:1px solid #ddd; align-items: center; padding:2rem 3rem; margin:.5rem 0;}
.max_basic .board_view .view_post .view_prev:hover {background: #f5f5f5;}
.max_basic .board_view .view_post .view_prev .prev_link {    width: 100%;}
.max_basic .board_view .view_post .view_prev .prev_link a{  width: 100%; display: block;}
.max_basic .board_view .view_post .view_next { display: flex; border:1px solid #ddd; align-items: center; padding:2rem 3rem; margin:.5rem 0;}
.max_basic .board_view .view_post .view_next .next_link { width: 100%;}
.max_basic .board_view .view_post .view_next .next_link a{width: 100%; display: block;}
.max_basic .board_view .view_post  a > i { margin-right:1rem;}
.max_basic .board_view .view_post .no-post {color:#aaa}

.max_basic .board_view .view_option {}
.max_basic .board_view .view_option ul {}
.max_basic .board_view .view_option ul li {border-bottom:1px solid #ddd; display:flex; padding: 2rem; align-items: center;}
.max_basic .board_view .view_option ul li label.view_tit {width: 10%;font-weight: 500;}
.max_basic .board_view .view_option ul li .view_cont {width: 90%;}


/*------------------------------------
	board write
------------------------------------*/
.max_basic .board_write {border-top:3px solid var(--board-color);}
.max_basic .board_write ul {}
.max_basic .board_write ul li {display:flex;align-items: center; border-bottom:1px solid #ddd;}
.max_basic .board_write ul li .write_title { width: 10%; font-weight: 600;text-align: left;padding-left:2rem;}
.max_basic .board_write ul li .write_title > em {color:red;font-size: .6em;}
.max_basic .board_write ul li .write_input {padding:2rem;width:100%;}
.max_basic .board_write ul li .write_input.write-col {display:flex; align-items: center;}
.max_basic .board_write ul li .write_input  em {margin:0 0.5rem ;display: block;}
.max_basic .board_write ul li .write_input .write-box {border:1px solid #ddd;}
.max_basic .board_write ul li .write_input .write-bggray {background: #f5f5f5;}
.max_basic .board_write ul li .write_input .write-underline {border-bottom: 2px solid #000;}

.max_basic  h3 {font-size: 2.5rem; position: relative;font-weight: 500; }
.max_basic .tit_area { display: flex; justify-content: space-between; align-items: flex-end; margin:2rem 0 1rem;}
.max_basic .tit_area .guide_txt {font-size: .9em; color:red}

/*agreement*/
.max_basic .agreement_box {position: relative;}
.max_basic .agreement_box h3 {margin:2rem 0 1rem;}
.max_basic .agreement_box .agree_text textarea {min-height:150px; border:1px solid #ddd; width: 98%; padding:1%; color:#666;font-size: .9em; resize: none;}
.max_basic .agreement_box #agree_check {margin:1rem 0; text-align:right;}

/*------------------------------------
	board button
------------------------------------*/
.max_basic .board_btn {width: 100%;position: relative; margin:2rem 0; display:flex;justify-content: flex-end	}
.max_basic .board_btn a.btn{display:flex;align-items: center;font-size: 1em;line-height: 100%;padding:1.5rem 2rem;margin: 0.2rem;} 
.max_basic .board_btn a.btn > i {margin-right:.5rem;  font-size:.6em;}
.max_basic a.btn_ty1{border:1px solid var(--board-color); background:var(--board-color); color:#fff;} 
.max_basic a.btn_ty2{border:1px solid var(--board-color); color:var(--board-color);;} 
.max_basic a.btn_ty3{background:var(--main-color1); color:#fff;} 



/*------------------------------------
	board paging
------------------------------------*/
.max_basic .board_paging {}
.max_basic .board_paging nav.paging{margin:2rem 0;}
.max_basic .board_paging nav.paging ul{display:flex; justify-content: center; align-items: center;}
.max_basic .board_paging nav.paging ul li.page-item {width: 40px; height: 40px; margin:0 1rem;}
.max_basic .board_paging nav.paging ul li.disabled {margin:0 .2rem;}
.max_basic .board_paging nav.paging ul li.disabled  a.page-link {border:1px solid #ddd;  border-radius:100%;}
.max_basic .board_paging nav.paging ul li.active {background: var(--main-color1); border-radius: 100%;}
.max_basic .board_paging nav.paging ul li.active a.page-link {color:#fff;}
.max_basic .board_paging nav.paging ul li a.page-link  {position: relative;width: 100%; height: 100%;display: inline-block; text-align: center; line-height: 40px; font-weight: 700;}
.max_basic .board_paging nav.paging ul li a.page-link > i {left: 50%; top: 50%; position: absolute; transform: translate(-50%, -50%);}


/*------------------------------------
	board password popup
------------------------------------*/
._popup_pass {position: absolute; left:50%; top:50%; transform:translate(-50%, -50%);width: 350px; height: 200px;}
._popup_pass .pop_board_pass {width: 100%;height: 100%;background: #fff;border: 2px solid var(--board-color);box-shadow: 0px 0px 10px 0px rgb(0 0 0 / 10%);position: relative;}
._popup_pass .pop_board_pass .pass_title {padding:2rem;background: var(--board-color); color:#fff; font-weight: 500;}
._popup_pass .pop_board_pass .pass_box {padding:2rem;display: flex;flex-direction: column;justify-content: space-between;height: 96px;align-items: center;}
._popup_pass .pop_board_pass .pass_box .pass_input { display: flex; align-items: center; justify-content: space-evenly;  width: 100%;}
._popup_pass .pop_board_pass .pass_box .pass_input > label {font-size: .9em;}
._popup_pass .pop_board_pass .pass_box .pass_input > input[type=password] {border:0;border-bottom:2px solid #000;padding: 1rem;width: 60%;}
._popup_pass .pop_board_pass .pass_box .pass_sumit {position: relative;    width: 100%; display: flex; text-align: center;}
._popup_pass .pop_board_pass .pass_box .pass_sumit a{padding:.8rem;font-size: .9em;    width: 100%;}


/*------------------------------------
	board spamcode
------------------------------------*/
.board_spamcode { display:block;padding:1rem; background: #f5f5f5; max-width:  30%;margin-top:1rem; border:2px solid #000;}
.board_spamcode .title {font-weight: 500;}
.board_spamcode .codebox {display: block; margin:2rem 0;}
.board_spamcode .codebox .spam_key {background: #000;color:#fff;padding:1rem;display: block;}
.board_spamcode .codebox .spam_key span.text-danger {color:red; font-weight: bold;font-size: 1.2em;	}
.board_spamcode .codebox .code_form {margin:1rem 0;  border:1px solid #ddd;}
.board_spamcode .codebox .spam_info {font-size: .8em;}


/*------------------------------------
	board file
------------------------------------*/
.file-list {display:flex;padding: 1rem 0; border-bottom: 1px solid #eee; align-items: center;}
.file-list label {width: 10%; }

/*------------------------------------
	board comment
------------------------------------*/
.max_basic .board_comment {}






/*------------------------------------
	responsive
------------------------------------*/

@media screen and (max-width: 1600px) {
	/*---- 갤러리리스트 (ty1) -----*/ 
	.max_basic .board_gallery ul { gap:2rem 3rem;}
	.max_basic .board_gallery ul li {width:calc(25% - 3rem);}
}
@media screen and (max-width: 1024px) {
	/*---- 갤러리리스트 (ty1) -----*/ 
	.max_basic .board_gallery ul { gap:2rem 2rem;}
	.max_basic .board_gallery ul li {width:calc(33% - 2rem);}
}
@media screen and (max-width: 768px) { 
	.max_basic {font-size:.9em;}
	.max_basic select {width: 100%;}
	.max_basic textarea {width: 100%; padding: 0;}
	.max_basic input[type="text"] { width: 100%; padding: 1rem 0;}
	.max_basic input[type="radio"] + label:before {top:-2px; }
	.max_basic input[type="radio"]:checked + label:after {top:4px;}
	._popup_pass {width: 100%;}

	.max_basic .board_btn a.btn { padding:1rem 1.5rem;margin: 0.2rem;}
	.max_basic .board_btn a.btn > i {display: none;}
	
	.max_basic .board_paging nav.paging ul li.page-item {width: 30px;height: 30px;}
	.max_basic .board_paging nav.paging ul li a.page-link {line-height: 30px;}


	/*---- 카테고리 -----*/ 
	.max_basic .board_cate li a.nav-link {font-size:1.2em; padding:1rem 1rem; }

	/* list */
	.max_basic .board_nav {flex-direction: column; align-items: flex-start;}
	.max_basic .board_count {margin-bottom:1rem;}
	.max_basic .board_search {width: 100%; padding: 0;}
	.max_basic .board_search .sc_select {width: 30%;height: 100%;display: block;background:#Fff;}
	.max_basic .board_search .sc_search_box {width: 70%;}
	.max_basic .board_search .sc_search_box input[type="text"] {width: 100%;}

	
/* gallery */
	/*---- 갤러리리스트 (ty1) -----*/ 
	.max_basic .board_gallery ul { margin-top:2rem; gap:2rem 2rem;}
	.max_basic .board_gallery ul li {width:calc(50% - 1rem); margin-bottom:2rem;}
	.max_basic .board_gallery ul li .gallery-img {padding:3rem 2rem;}
	.max_basic .board_gallery ul li .gallery-content p.gallery-title {font-size:1.2em;}

	/* view */
	.max_basic .board_view .view_title {padding:1rem 0;}
	.max_basic .board_view .view_title h4.subject {font-size: 1.3em;margin-bottom: 1rem;}
	.max_basic .board_view .view_content { min-height: 100px;padding: 1rem 0;}
	.max_basic .board_view .view_content img {width: 100%;height: auto;}
	.max_basic .board_view .view_file {padding:1rem 0;}
	.max_basic .board_view .view_post .view_prev, .max_basic .board_view .view_post .view_next {padding:1rem 2rem;}

	/* write */
	.max_basic .board_write > ul > li {flex-direction: column; align-items: flex-start;padding: 1.5rem 0;}
	.max_basic .board_write ul li .write_title {padding-left:0; width: 100%; margin-bottom: 1rem;}
	.max_basic .board_write ul li .write_input {padding:0;}
	.file-list label {width: 20%;}
	.board_spamcode { max-width: none;}
	
	
	/* 레이어 팝업 오버레이 */ 
	/* 팝업 컨테이너 */
	.max_laypop { max-width: 32rem; width: 80%;}
	.xi-close {font-size: 1.8em; }


}
@media screen and (max-width: 568px) { 
}