/*------------------------------------
	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:#197480; --board-point-ov:#1f92a1; 
}

/*------------------------------------
	board common 
------------------------------------*/
.max_basic select {padding:1rem 1.5rem; border:0; font-size:1.5rem; font-family: inherit; color:var(--board-color2); background:url(../img/arr_sel.png)no-repeat 88% 50%;}
.max_basic textarea {width: 100%; border:0;font-family: inherit; font-size: 1.6rem; padding: 1rem; box-sizing:border-box;}
.max_basic .icon-new {font-size: 1.1rem; vertical-align:middle; background: var(--board-point); color: #fff; font-weight: 600; line-height: 100%; padding: 0.3rem 0.6rem;  border-radius: 2rem;}
.max_basic .write-box {padding:1rem; font-size:1.6rem; border:1px solid var(--board-color6) !important;}

.max_basic input,
.max_basic textarea{-webkit-appearance: none; -webkit-border-radius: 0;} 
.max_basic input[type="text"] {padding:1rem;  border:0; font-family: inherit; color:inherit; outline:none;}
.max_basic input[type="password"]  {font-family: inherit; font-size:1.6rem; border:1px solid var(--board-color6); padding:1rem; -webkit-appearance: none; -webkit-border-radius: 0;}
.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; line-height:25px; 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;}



/*---- 체크박스 기본 -----*/
[class*="check_type"] {position: relative; display: inline-block; height: auto; font-size: 1.6rem; line-height: 1.3; vertical-align: middle; }
[class*="check_type"] > input {position: absolute; left: 0; top: 0; width: 100%; height: 100%; margin: 0; opacity: 0; cursor: pointer; }
[class*="check_type"] > em {cursor: pointer; }
[class*="check_type"] > em:before { content: ""; width: 20px; height: 20px; margin-right: 8px; border: 1px solid #ccc; vertical-align: -3px; 
display: inline-block; box-sizing: border-box; }
[class*="check_type"] > input[type="checkbox"] + em:before { width: 20px; height: 20px; }
[class*="check_type"] > input[type="radio"] + em:before { border-radius: 50%; }
[class*="check_type"] > input[type="checkbox"]:checked + em:before {border-color: var(--board-point); background-repeat:no-repeat;
background-image: url("../img/ico_chk.svg"); background-position: 50% 50%; background-color: var(--board-point); }
[class*="check_type"] > input[type="radio"]:checked + em:before { border-color: #000; background: radial-gradient(circle, black 4px, white 3px); }
[class*="check_type"] > input[type="checkbox"]:disabled + em { color: #c4c4c4; }
[class*="check_type"] > input[type="checkbox"]:disabled + em:before { border-color: #d5d5d5; }

/*---- 체크박스 갤러리 리스트 -----*/
[class*="selec_chk"] {position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); border: 0;}
[class*="selec_chk"] + label {display: inline-block; position: relative; z-index:2; padding-left: 30px;  cursor: pointer;  -webkit-user-select: none;  -moz-user-select: none; -ms-user-select: none;}
[class*="selec_chk"] + label:before {content: '';  position: absolute; left: 0; top: 0px; width: 25px; height: 25px; text-align: center; background: var(--board-color6) url(../img/chk.png)no-repeat 50% 50%; }
[class*="selec_chk"] + label:active:before, [class*="selec_chk"]:checked + label:active:before { box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px 1px 3px rgba(0,0,0,0.1);}
[class*="selec_chk"]:checked + label:before {background: var(--board-point);}
[class*="selec_chk"]:checked + label:after {content: ''; position: absolute; top: 0; left: 0; width: 25px;
    height: 25px; background: url(../img/chk.png)no-repeat 50% 50%; border-radius: 0; }

/*---- 라디오 버튼 스퀘어 -----*/
.max_basic input[class*="radio_square"] {position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); border:0;} 
.max_basic input[class*="radio_square"] + label {display:inline-block; position:relative; padding-left:35px; line-height:25px; cursor:pointer; margin-right: 15px; 
-webkit-user-select:none; -moz-user-select:none; -ms-user-select:none;}
.max_basic input[class*="radio_square"] + label:before {content:''; position:absolute; top:0; left:0; width: 25px; height: 25px; text-align:center; background:var(--board-color6) url(../img/chk.png)no-repeat 50% 50%;
border: 0; border-radius:0;}
.max_basic input[class*="radio_square"]:checked + label:before {background:var(--board-point); border:0;}
.max_basic input[class*="radio_square"]:checked + label:after {content:''; position:absolute; top:0; left:0; width:25px; height:25px; background:var(--board-point) url(../img/chk.png)no-repeat 50% 50%;
border-radius:0;}

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

/*---- 카테고리 -----*/
.max_basic .board_cate {display: flex; align-items: center;}
.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:0 0 2rem 0; display:flex; justify-content: space-between; align-items: center;}
.max_basic .board_count {position: relative;font-size:1.6rem; padding-left:2rem; background:url(../img/ico_all.png)no-repeat 0 50%;}
.max_basic .board_count span {font-weight: bold; color:var(--board-point);}

/*---- 검색 -----*/
.max_basic .board_search {display:flex;}
.max_basic .board_search .sc_select {position: relative; min-width:11.5rem; border:1px solid var(--board-color5);}
.max_basic .board_search .sc_select select {width:100%; height:100%;}
.max_basic .board_search .sc_search_box {min-width:30rem; margin-left:0.5rem; display:flex; align-items: center; border:1px solid var(--board-color5);}
.max_basic .board_search .sc_search_box input {width:100%; font-size:1.5rem; height:3rem; color:var(--board-color3);} 
.max_basic .board_search .sc_search_box a.btn-search {position: relative;display: block; width: 50px; height: 50px; background:url(../img/ico_search.png)no-repeat 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 var(--board-color2); padding:2rem 0;font-weight: 500;}
.max_basic .board_list .board_table tbody tr {}
.max_basic .board_list .board_table tbody td {border-bottom:1px solid var(--board-color6); padding:2.2rem 1rem; text-align: center; color:var(--board-color3);} 
.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 tr:hover {background:var(--board-color7);}
.max_basic .board_list .board_table tbody tr.notice td {background:var(--board-color7);}
.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(--board-point); display: inline-block;}
.max_basic .board_list .board_table tbody tr.notice td.bo_title {text-align:left; font-weight: bold; }
.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; border-top:2px solid var(--board-color); border-bottom:1px solid var(--board-color5); padding:4rem 0;}
.max_basic .board_gallery ul {display:flex;flex-wrap: wrap;	margin-left:-3%;}
.max_basic .board_gallery ul li {position:relative; width:22%; margin:0 0 2% 3%; font-size:0;}  
.max_basic .board_gallery ul li a {display: block; margin-bottom: 10%;}
.max_basic .board_gallery ul li a:hover .gallery-img img {transform:scale(110%);}
.max_basic .board_gallery ul li .gallery-img {position:relative; max-width: 320px; max-height:230px; width: auto; height: auto; overflow:hidden;
display: flex; justify-content: center;  align-items: center;}
.max_basic .board_gallery ul li .gallery-img i {position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); z-index:2; display:block; width:6rem; height:6rem; background:url(../img/ico_play.svg)no-repeat 50% 50% / cover;} 
.max_basic .board_gallery ul li .gallery-img img {width: 100%; height: 100%; object-fit: cover; -webkit-transition: 0.3s; transition: 0.3s;}
.max_basic .board_gallery ul li .gallery-img .no-image {width:100%; height:100%; display:block; background: #eee; height: 100%; font-size:0;}

.max_basic .board_gallery ul li .gallery-content {margin-top:3rem;}
.max_basic .board_gallery ul li .gallery-content .gallery-cate {font-size:1.6rem; color:var(--board-point); margin-bottom:1.5rem;}
.max_basic .board_gallery ul li .gallery-content .gallery-title {font-weight: 500; font-size: 2rem; line-height:1.4;}
.max_basic .board_gallery ul li .gallery-content .gallery-info {margin-top:3rem; color:var(--board-color3); font-size:1.6rem;}
.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:3rem 2.5rem; border-top:2px solid var(--board-color);border-bottom:1px solid var(--board-color6); text-align:center;}
.max_basic .board_view .view_title .cate {display:block; color:var(--board-point); font-size:1.5rem; margin-bottom:1rem;}
.max_basic .board_view .view_title h4.subject{font-size: 2.4rem; line-height:1.5; font-weight: 500; margin-bottom:1rem; word-break:keep-all;}
.max_basic .board_view .view_title .info{color:var(--board-color3); font-size: .9em;}
.max_basic .board_view .view_title .info p {position:relative; display:inline-block; padding-left:2rem; margin-left:2rem;}
.max_basic .board_view .view_title .info p:before {position:absolute; top:50%; transform:translateY(-50%); left:0; content:''; width:1px; height:70%; background:var(--board-color6);}
.max_basic .board_view .view_title .info p:nth-of-type(1) {padding-left:0; margin-left:0;}
.max_basic .board_view .view_title .info p:nth-of-type(1):before {display:none;}
.max_basic .board_view .view_title .info p span {color:var(--board-color2); font-weight:500; margin-right:1rem;}
.max_basic .board_view .view_title .info .nick {}
.max_basic .board_view .view_title .info .date {}
.max_basic .board_view .view_file {width:100%; display:table; align-items: center; border-top:1px solid var(--board-color6); }
.max_basic .board_view .view_file .tit {width:20rem; background: #F8F8F8; display:table-cell; text-align:center; padding:3.5rem 0;}
.max_basic .board_view .view_file .cont {width:calc(100% - 20rem); padding:0 3rem; font-size:1.6rem; color:var(--board-color3)} 
.max_basic .board_view .view_file .cont > a {display:block; color:var(--board-color3); margin:1rem 0;}
.max_basic .board_view .view_file .cont > a:before {display:inline-block; width:20px; height:20px; background:url(../img/ico_file.svg)no-repeat 50% 50%; 
content:''; vertical-align:-3.5px; margin-right: 0.5rem;}
.max_basic .board_view .view_file .cont > a:hover {color:var(--board-point); text-decoration:underline;}

.max_basic .board_view .view_password {position:fixed; display:inline-block; left:50%; top:50%; transform:translate(-50%,-50%); border:1px solid var(--board-color3);
padding:3rem; background:var(--sub-color1); z-index:20;}
.max_basic .board_view .view_password input {background:#f3f3f3; border:0; margin-top:1rem;}

.max_basic .board_view .view_content {padding:2rem; line-height: 150%; min-height:300px; color:var(--board-color3);}
.max_basic .board_view .view_post {display:flex;flex-direction: column-reverse;}
.max_basic .board_view .view_post a {color:var(--board-color3); font-size:1.6rem;}
.max_basic .board_view .view_post .post_title {position:relative; min-width: 20rem; display:flex; align-items: center; justify-content: space-between; 
font-weight: 600;font-size: .9em; box-sizing:border-box; padding:0 3rem;}
.max_basic .board_view .view_post .post_title:after {position:absolute; width:1px; height:80%; content:''; background:var(--board-color5); right:0;}
.max_basic .board_view .view_post .post_title > i {width:12px; height:12px; background: url(../img/ico_post.svg)no-repeat 50% 50%;}
.max_basic .board_view .view_post .post_title > i.next {transform:rotate(-180deg);}
.max_basic .board_view .view_post .view_prev {display: flex; border-top:1px solid #ddd; align-items: center; padding:2rem 0; margin:-1px 0 0 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; padding:0 3rem;}
.max_basic .board_view .view_post .view_next { display: flex; border-top:1px solid #ddd; border-bottom:1px solid #ddd; align-items: center; padding:2rem 0; margin:-1px 0 0 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; padding:0 3rem;}
.max_basic .board_view .view_post  a > i { margin-right:1rem;}
.max_basic .board_view .view_post .no-post {color:#aaa; padding:0 3rem; font-size: 1.6rem;}

.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:2px solid var(--board-color); font-size:.9em;}
.max_basic .board_write > ul > li {position:relative; width:100%; display:table; border-bottom:1px solid var(--board-color6); }
.max_basic .board_write > ul > li .write_title {position:relative; width: 15rem; height:100%; text-align:center; vertical-align: middle; background: var(--board-color7); font-weight: 600; display:table-cell; box-sizing:border-box;}
.max_basic .board_write ul li .write_title > em {color:red;font-size: .6em;}
.max_basic .board_write ul li .write_input {padding:1.5rem; display:table-cell;}
.max_basic .board_write ul li .write_input.pd0 {padding:2rem;}
.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 textarea {border:1px solid var(--board-color6);}
.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.center {justify-content: center;}
.max_basic .board_btn a.btn{font-size: .9em; line-height: 100%; padding:1.5rem 2rem; margin: 0.2rem; min-width:10rem; box-sizing:border-box; text-align:center; 
transition:background , border .2s;} 
.max_basic .board_btn a.btn > i {margin-right:.5rem;  font-size:.6em;}
.max_basic a.btn_ty1{border:1px solid var(--board-point); background:var(--board-point); color:#fff;} 
.max_basic a.btn_ty1:hover {background:var(--board-point-ov);}
.max_basic a.btn_ty2{border:1px solid var(--board-color5); color:var(--board-color2);} 
.max_basic a.btn_ty2:hover {border-color: var(--board-color2);}
.max_basic a.btn_ty3{background:var(--main-color1); color:#fff;} 

.max_basic a.btn-sm {padding:1rem 1.8rem; background:#ddd; font-size:.9em;}
.max_basic a.btn-sm.submit_comment {background:var(--board-color2); color:var(--sub-color1);}
.max_basic a.btn-sm.del_comment_confirm {background:var(--board-color2); color:var(--sub-color1);}
.max_basic a.btn-sm.cancel_comment {background:var(--board-color6);}

/*------------------------------------
	board paging
------------------------------------*/
.max_basic .board_paging {}
.max_basic nav.paging{margin:2rem 0;}
.max_basic nav.paging ul{display:flex; justify-content: center; align-items: center;}
.max_basic nav.paging ul li.page-item {width: 35px; height: 40px; margin:0 1rem;}
.max_basic nav.paging ul li.disabled {margin:0 .2rem;}
.max_basic nav.paging ul li.disabled  a.page-link {}
.max_basic nav.paging ul li.active {}
.max_basic nav.paging ul li.active a.page-link {color: var(--board-point); font-weight:700;}
.max_basic nav.paging ul li.active a.page-link:before {position:absolute; left:50%; transform:translateX(-50%); bottom:3px; content:'';
width:50%; height:3px; background: var(--board-point);}
.max_basic nav.paging ul li a.page-link  {position: relative;width: 100%; height: 100%;display: inline-block; text-align: center; 
line-height: 40px; font-weight: 300; color:var(--board-color3);}
.max_basic nav.paging ul li a.page-link > i {left: 50%; top: 50%; position: absolute; transform: translate(-50%, -50%);}
.max_basic nav.paging ul li a.page-link > i.icon-arr-page {width:14px; height:14px; background-repeat:no-repeat; background-position: 50% 50%;}
.max_basic nav.paging ul li a.page-link > i.icon-arr-page.prev {background-image: url(../img/ico_arr_prev.png);}
.max_basic nav.paging ul li a.page-link > i.icon-arr-page.next {background-image: url(../img/ico_arr_next.png);}
.max_basic nav.paging ul li a.page-link > i.icon-arr-page.first {background-image: url(../img/ico_arr_first.png);}
.max_basic nav.paging ul li a.page-link > i.icon-arr-page.last {background-image: url(../img/ico_arr_last.png);}

/*------------------------------------
	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;  max-width: 20%; margin-top:1rem;}
.board_spamcode .title {font-weight: 500;}
.board_spamcode .codebox {display: block; margin:1rem 0;}
.board_spamcode .codebox .spam_key {min-width:20rem; max-width:20.3rem; background: #000; color:#fff; padding:1rem; display: block; box-sizing:border-box;}
.board_spamcode .codebox .spam_key span.text-danger {color:red; font-weight: bold;font-size: 1.2em;	}
.board_spamcode .codebox .code_form {margin:.2rem 0 1rem 0;  border:1px solid #ddd; font-size:.94em;}
.board_spamcode .codebox .spam_info {font-size: .8em;}


/*------------------------------------
	board file
------------------------------------*/
.file-list {display:flex; padding: 1rem 0; }
.file-list > label {width: 8rem; font-size:1.6rem;}

/*------------------------------------
	board comment
------------------------------------*/
.max_basic .board_comment {height:100%;}
.max_basic .board_comment .comment-user {margin-bottom:.4rem; display:flex;}
.max_basic .board_comment .comment-user .form-control {margin-right:.2rem; border:1px solid var(--board-color6); font-size:1.5rem;}
.max_basic .board_comment .comment-write {position:relative; height:100%; min-height:10rem; display:flex; flex-direction: column-reverse; font-size:0;}
.max_basic .board_comment .comment-write .form-group {width:calc(100% - 15rem); border:1px solid var(--board-color6); }
.max_basic .board_comment .comment-write .form-group textarea {height:100%; min-height:10rem;} 
.max_basic .board_comment .comment-write .col-auto.ml-auto {height:100%;}
.max_basic .board_comment .comment-write .btn {width:15rem; min-height:10.2rem; font-size:1.8rem; background:var(--board-point); color:var(--sub-color1); 
display:flex; justify-content: center; align-items: center; padding:0; position: absolute; right: 0; bottom: 0;}
 
.max_basic .comment-list li {border-bottom:1px solid var(--board-color6); padding:0;}
.max_basic .comment-list li.comment-none {font-size:1.6rem; text-align:center; padding:3rem 0; color:var(--board-color3);}
.max_basic .comment-list li dl {padding:2.5rem; margin:0; font-size:.9em; }
.max_basic .comment-list li dl dt {margin-bottom:1rem; font-weight:600;}
.max_basic .comment-list li dl dt span {margin-left:1.5rem; }
.max_basic .comment-list li dl dt span i {margin-left:.3rem; color:var(--board-color3);}
.max_basic .comment-list li dl dd {margin:.5rem 0 0 0; color:var(--board-color2);}
.max_basic .comment-list li dl .col-data {color:var(--board-color4); font-weight:400; font-size:.9em; margin-top:1rem; letter-spacing:0;}

.max_basic .comment-list .pop_comment_content,
.max_basic .comment-list .pop_comment_pass{margin-top:2rem;}
.max_basic .comment-list .pop_comment_content textarea {background:var(--board-color7); color:var(--board-color3)}
.max_basic .comment-list .pop_comment_content .form-row,
.max_basic .comment-list .pop_comment_pass .form-row{display:flex; align-items: center;}
.max_basic .comment-list .pop_comment_content input,
.max_basic .comment-list .pop_comment_pass input{font-size:.9em;}
.max_basic .comment-list .pop_comment_content .form-row .col,
.max_basic .comment-list .pop_comment_pass .form-row .col{margin-right:.5rem;}
.max_basic .comment-list .btn-sm {line-height:40px;}

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

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

}
@media screen and (max-width: 1024px) {
	/*------------------------------------
	board common 
	------------------------------------*/ 
	.max_basic input[type="text"] {font-size:1.5rem;}
	.max_basic input[type="password"] {font-size:1.5rem;}


	/*------------------------------------
	board list
	------------------------------------*/
	.max_basic {font-size:1.5rem;}
	.max_basic .board_write {font-size:1em;}


	/*---- 갤러리리스트 (ty1) -----*/
	.max_basic .board_gallery ul {margin-left:-3%;}
	.max_basic .board_gallery ul li {flex-basis: 30%; width:30%; margin:0 0 5% 3%;} 
	.max_basic .board_gallery ul li .gallery-content .gallery-cate {font-size:1.4rem;}
	.max_basic .board_gallery ul li .gallery-content .gallery-info {font-size:1.4rem;}


	/*------------------------------------
		board view
	------------------------------------*/
	.max_basic .board_view {}
	.max_basic .board_view .view_title {padding:2rem 2rem;}
	.max_basic .board_view .view_title .cate {margin-bottom:.5rem;}
	.max_basic .board_view .view_title h4.subject{font-size: 2rem;}
	.max_basic .board_view .view_title .info{font-size: 1.5rem;}
	.max_basic .board_view .view_title .info p {padding-left:1.5rem; margin-left:1.5rem;}
	.max_basic .board_view .view_file .cont {font-size:1.5rem;} 
	.max_basic .board_view .view_post a {font-size:1.5rem;}
	.max_basic .board_view .view_post .post_title {font-size: 1.5rem; padding:0 2rem;}
	.max_basic .board_view .view_post .view_prev .prev_link a{padding:0 2rem;}
	.max_basic .board_view .view_post .view_next .next_link a{padding:0 2rem;}
	.max_basic .board_view .view_post  a > i {margin-right:1rem;}
	.max_basic .board_view .view_post .no-post {padding:0 2rem; font-size: 1.5rem;}


	/*------------------------------------
	board comment
	------------------------------------*/
	.max_basic .board_comment .comment-user .form-control {font-size:1.4rem;}
	.max_basic .board_comment .comment-write .form-group {width:calc(100% - 10rem); }
	.max_basic .board_comment .comment-write .btn {width:10rem; font-size:1.6rem;}
	 
	.max_basic .comment-list li.comment-none {font-size:1.5rem; padding:2.5rem 0;}
	.max_basic .comment-list li dl {padding:2.5rem;}
   
	.max_basic .comment-list .pop_comment_content input,
	.max_basic .comment-list .pop_comment_pass input{font-size:.9em;}  


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

	/*------------------------------------
	board common 
	------------------------------------*/ 
	.max_basic textarea {padding: .8rem;  font-size:1.4rem;}
	.max_basic input[type="text"] {width: 100%; height:40px; box-sizing:border-box; padding:.8rem; font-size:1.4rem;}
	.max_basic input[type="password"] {height:40px; font-size:1.4rem; padding:0rem 1rem;}

	/*---- 라디오 버튼 스퀘어 -----*/
	.max_basic input[class*="radio_square"] + label {padding-left:30px; line-height:20px; font-size:1.4rem;}
	.max_basic input[class*="radio_square"] + label:before {width: 20px; height: 20px;}
	.max_basic input[class*="radio_square"]:checked + label:after {width:20px; height:20px;}



	/*------------------------------------
	board list
	------------------------------------*/
	.max_basic {font-size:1.4rem;}

	/*---- 게시물카운터 -----*/
	.max_basic .board_nav {flex-direction: column; align-items: flex-start;}
	.max_basic .board_count {margin-bottom:1rem; font-size:1em;}


	/*---- 검색 -----*/
	.max_basic .board_search {width: 100%; padding: 0;}
	.max_basic .board_search .sc_select {width: 30%; height: 100%; min-width:auto; display: block; background:#fff;}
	.max_basic .board_search .sc_select select {font-size:1.3rem;}
	.max_basic .board_search .sc_search_box {width: 70%; min-width:auto;}
	.max_basic .board_search .sc_search_box input[type="text"] {width: 100%; height:auto; font-size:1.3rem;}
	.max_basic .board_search .sc_search_box a.btn-search {height: 30px; background-size:15px;}


	/*---- 목록리스트 (ty1) -----*/  
	.max_basic .board_list .board_table tbody td {padding:1.6rem 1rem;}
	.max_basic .board_list .board_table thead th {padding:1.5rem 1rem; min-width:5rem;} 
	.max_basic .board_list .board_table .bo_user,
	.max_basic .board_list .board_table .bo_counter,
	.max_basic .board_list .board_table .bo_file{display:none;} 
	 
	

	/*---- 갤러리리스트 (ty1) -----*/
	.max_basic .board_gallery {padding:2.5rem 0;}
	.max_basic .board_gallery ul {margin-left:-5%;}
	.max_basic .board_gallery ul li {flex-basis: 45%; width:45%; margin:0 0 5% 5%;}
	.max_basic .board_gallery ul li .gallery-content {margin-top:2rem;}
	.max_basic .board_gallery ul li .gallery-content .gallery-cate {margin-bottom:1rem; font-size:1.3rem;}
	.max_basic .board_gallery ul li .gallery-content .gallery-title {font-size:1.8rem;}
	.max_basic .board_gallery ul li .gallery-content .gallery-info {margin-top:1.5rem; font-size:1.3rem;}
	.max_basic .board_gallery ul li .gallery-img i {width:3.5rem; height:3.5rem;}
	.max_basic .board_gallery ul li .gallery-img .no-image {background-size:15%;}


	/*------------------------------------
	board view
	------------------------------------*/
	.max_basic .board_view .view_title {padding:1.5rem 0;}
	.max_basic .board_view .view_title .cate {font-size:1.4rem;}
	.max_basic .board_view .view_title h4.subject {font-size: 1.8rem; line-height:1.4; margin-bottom: 1rem;}
	.max_basic .board_view .view_title .info{font-size: 1.4rem;}
	.max_basic .board_view .view_title .info p {padding-left:1rem; margin-left:1rem;}
	.max_basic .board_view .view_content { min-height: 100px; padding: 1.5rem 0; font-size:1.4rem;}
	.max_basic .board_view .view_content iframe,
	.max_basic .board_view .view_content video {width:100%;}
	.max_basic .board_view .view_content img {max-width:100%; height:auto;}
	.max_basic .board_view .view_file {}
	.max_basic .board_view .view_file .tit {width:10rem; padding:2.5rem 0;}
	.max_basic .board_view .view_file .cont {width:100%; box-sizing:border-box; padding:0 2rem;}
	.max_basic .board_view .view_file .cont > a {font-size:1.4rem;}

	.max_basic .board_view .view_post .view_prev,
	.max_basic .board_view .view_post .view_next {padding:1.5rem 0;}

	.max_basic .board_view .view_post .post_title {min-width:10rem; font-size: 1.05em; padding:0 1.5rem;}
	.max_basic .board_view .view_post .post_title > i {background-size:10px;}
	.max_basic .board_view .view_post .view_prev .prev_link a,
	.max_basic .board_view .view_post .view_next .next_link a{padding:0 1.5rem; font-size:1.4rem; box-sizing:border-box;}	
	.max_basic .board_view .view_post .no-post {padding:0 2rem; font-size:1.4rem;}



	/*------------------------------------
	board write
	------------------------------------*/
	.max_basic .board_write > ul > li {flex-direction: column; align-items: flex-start;}
	.max_basic .board_write ul li .write_title {padding-left:0; width: 12rem; margin-bottom: 1rem;  vertical-align:middle;}
	.max_basic .board_write ul li .write_input {padding:1.2rem; font-size:1.3rem; line-height:1.3; word-break:keep-all;}

	
	/*------------------------------------
	board button
	------------------------------------*/
	.max_basic .board_btn a.btn {padding:1rem 1.5rem; margin: 0.2rem; font-size:1.12em;}
	.max_basic .board_btn a.btn > i {display: none;}


	/*------------------------------------
	board paging
	------------------------------------*/
	.max_basic nav.paging ul li.page-item {width: 30px;height: 30px;}
	.max_basic nav.paging ul li a.page-link {line-height: 30px;}


	/*------------------------------------
	board password popup
	------------------------------------*/
	._popup_pass {width: 100%;}

	
	/*------------------------------------
	board spamcode
	------------------------------------*/
	.board_spamcode { max-width: none;}
	.board_spamcode .title {font-size:1.3rem;}
	.board_spamcode .codebox .code_form {font-size:1.4rem; max-width: 20.3rem;}
	.board_spamcode .codebox .spam_info {font-size:1.3rem;}

	/*------------------------------------
	board file
	------------------------------------*/
	.file-list {padding:0 0 1rem 0; align-items: center; flex-direction: column; align-items: flex-start}
	.file-list > label {font-size:1.4rem;}
	.file-list .preview {margin-top:1rem;} 
	
	
	/*------------------------------------
	board comment
	------------------------------------*/
	.max_basic .board_comment .comment-user > * {display:inline-flex;}
	.max_basic .board_comment .comment-user .form-control {width:100%; font-size:1.3rem; box-sizing:border-box; margin-right:.2rem;}

	.max_basic .board_comment .comment-write {position:relative;}
	.max_basic .board_comment .comment-write .form-group {width:calc(100% - 6rem); }
	.max_basic .board_comment .comment-write .form-group textarea {min-height:7rem; }
	.max_basic .board_comment .comment-write .btn {width: 6rem; min-height:7.2rem; font-size:1.4rem; }
	 
	.max_basic .comment-list li.comment-none {font-size:1.5rem; padding:2.5rem 0;}
	.max_basic .comment-list li dl {padding:2rem 0; font-size:1.1em}
   
	.max_basic .comment-list .pop_comment_content input,
	.max_basic .comment-list .pop_comment_pass input{font-size:1.2em;}  


	
}
@media screen and (max-width: 480px) { 
	/*------------------------------------
	board list
	------------------------------------*/

	/*---- 갤러리리스트 (ty1) -----*/
	.max_basic .board_gallery {padding:2rem 0;}
	.max_basic .board_gallery ul {margin-left:0;}
	.max_basic .board_gallery ul li {flex-basis: 100%; width:100%; margin:0 0 3% 0%;}
	.max_basic .board_gallery ul li .gallery-img {max-width:100%;}


	/*------------------------------------
	board view
	------------------------------------*/ 
	.max_basic .board_view .view_title .info p {padding-left:0; margin-left:0; display:block; margin-bottom:.3rem; font-size:1.3rem;} 
	.max_basic .board_view .view_title .info p:before {display:none;}
	

	/*------------------------------------
	board write
	------------------------------------*/
	.max_basic .board_write ul li .write_title {width:100%; display:block; margin-bottom:0; padding: 1.2rem 0 0 1rem; text-align: left; background: none;}
	.max_basic .board_write ul li .write_input {width:100%; padding:1.2rem 1rem; display:block;  box-sizing:border-box;}
	.max_basic .board_write ul li .write_input.pd0 {padding:1rem;}

	/*------------------------------------
	board button
	------------------------------------*/
	.max_basic .board_btn a.btn {min-width:7rem; padding:1rem 1.2rem; font-size:1.1em;} 
}