/*------------------------------------
	board colorset
------------------------------------*/
:root {--board-color:#000;}

/*------------------------------------
	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:1.7rem; padding:1rem;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;	}
.max_basic .board_gallery ul li {flex-basis:25%;}
.max_basic .board_gallery ul li a {margin:3%; display: block;    margin-bottom: 10%;}
.max_basic .board_gallery ul li .gallery-img {height:auto;overflow:hidden;}
.max_basic .board_gallery ul li .gallery-img img {width: 100%;}
.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:1rem;}
.max_basic .board_gallery ul li .gallery-content p.gallery-title {font-weight: 500; font-size: 2rem;}
.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 }

/*------------------------------------
	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: 1.2em;line-height: 100%;padding:1.5rem 2rem;margin: 0.5rem;} 
.max_basic .board_btn a.btn > i {margin-right:.5rem;  font-size:.6em;}
.max_basic a.btn_ty1{border:2px solid var(--board-color); background:var(--board-color); color:#fff;} 
.max_basic a.btn_ty2{border:2px 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: 1400px) {

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

}
@media screen and (max-width: 768px) { 
	.max_basic {font-size:.9em;}
	.max_basic select {width: 100%;}
	.max_basic textarea {font-size: inherit;width: 100%; padding: 0;}
	.max_basic input[type="text"] {font-size: inherit; 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 {font-size:inherit; 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;}

	/* list */
	.max_basic .board_nav {flex-direction: column; align-items: flex-start;}
	.max_basic .board_count {margin-bottom:1rem; font-size: inherit;}
	.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 */
	.max_basic .board_gallery ul li {flex-basis: 50%;}
	.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;}

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