<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">/*------------------------------------
	board colorset
------------------------------------*/
:root {--board-color:#fff;--second-color:#000; }

/*------------------------------------
	board common 
------------------------------------*/
.max_basic  select {padding:1rem; border:0;color: var(--board-color); background-color:#222222;}
.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; background:none; color:#fff;}
.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; margin-bottom: 6rem;}
.max_basic .board_top {margin:2rem 0;}

/*---- ì¹´í…Œê³&nbsp;ë¦¬ -----*/
.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; color: var(--board-color);}
.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%);}

/*---- ëª©ë¡ë¦¬ìŠ¤íŠ¸ (ty2) -----*/
.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 tbody tr {	}
.max_basic .board_list .board_table tbody td {border-bottom:1px solid var(--board-color);text-align: center;} 
.max_basic .board_list .board_table tbody td a {display:block; padding:4rem 0;}
.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:var(--second-color);}
.max_basic .board_list .board_table tbody tr.notice td {background:var(--second-color);}
.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 {}

/*------------------------------------
	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 &gt; i  {margin-right:1rem;}
.max_basic .board_view .view_file &gt; a:hover {color:var(--main-color1); text-decoration:underline;}
.max_basic .board_view .view_password {width: auto; border-bottom:1px solid #ddd; padding:1rem;display: flex; justify-content: space-between; align-items: center;}
.max_basic .board_view .view_password .form-control {margin-right:.2rem; border:1px solid var(--board-color); font-size:1.5rem;font-family: inherit;color:#fff;}

.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 &gt; 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: var(--second-color);}
.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:hover {background: var(--second-color);}
.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 &gt; 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 &gt; 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 &gt; i {margin-right:.5rem;  font-size:.6em;}
.max_basic a.btn_ty1{border:2px solid var(--board-color); background:var(--board-color); color:var(--second-color);} 
.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 {}
.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: 40px; 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 {border:1px solid #ddd;  border-radius:100%;}
.max_basic nav.paging ul li.active {background: var(--main-color1); border-radius: 100%;}
.max_basic nav.paging ul li.active a.page-link {color:#fff;}
.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: 700;}
.max_basic nav.paging ul li a.page-link &gt; i {left: 50%; top: 50%; position: absolute; transform: translate(-50%, -50%);}


/*------------------------------------
	board password popup
------------------------------------*/
._popup_pass {position: fixed; left:50%; top:50%; transform:translate(-50%, -50%);width: 350px; height: auto;}
._popup_pass .pop_board_pass {width: 100%;height: 100%;background:var(--gray-color1);border: 2px solid var(--main-color1);box-shadow: 0px 0px 10px 0px rgb(0 0 0 / 10%);position: relative;}
._popup_pass .pop_board_pass .pass_title {padding:1rem;background: var(--main-color1); 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 &gt; label {font-size: .9em;}
._popup_pass .pop_board_pass .pass_box .pass_input &gt; input[type=password] {border:0;border-bottom:2px solid #fff; color:#fff; 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;  max-width:  30%;margin-top:1rem; border:2px solid var(--gray-color4);}
.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 {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-color); font-size:1.5rem;font-family: inherit;}
.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-color); }
.max_basic .board_comment .comment-write .form-group textarea {height:100%; min-height:8rem;background: none;color:#fff;} 
.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(--main-color1); 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-color); 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) {

}
@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 &gt; 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;}
	.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%;}

	/* 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 &gt; ul &gt; 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) { 
}

</pre></body></html>