@charset "utf-8";

/* search */
.bo_sch_wrap {width:100%; padding:2em 0; background-color:#fff; border:.444em solid #d3cdc3;}
.bo_sch{width:480px; height:48px; margin:0 auto; border:1px solid #d3cdc3; overflow:hidden;}
.bo_sch select{float:left; -webkit-appearance:none; -moz-appearance:none; border:0; width:96px; height:48px; border-right:1px solid #d3cdc3;}
.bo_sch #keyword{float:left; width:calc(100% - 144px); height:auto; padding:13px 5px; border:0; outline:none;}
.bo_sch button{float:left; display:block; border-left:1px solid #d3cdc3; color:#dd232a; width:48px; height:48px; font-size:0; padding:8px;}

@media screen and (max-width: 568px) {
	.bo_sch_wrap {padding:0; border:0; background-color:none;}
	.bo_sch {width:100%;}
	.bo_sch select {width:72px}
	.bo_sch #keyword {width:calc(100% - 120px);}
}

/* list - basic */
.bbs_all_chk {width:100%; height:auto; margin:1em 0 0;}
.max_bbs_gall_lst {width:100%; height:auto; margin:.5em 0 0;}
.max_bbs_gall_lst:after {content:''; display:block; clear:both;}
.max_bbs_gall_lst li {float:left; width:25%; /* min-height:325px; */ padding:0 1em; margin:1em 0;}
.max_bbs_gall_lst li div {width:100%; height:auto; position:relative; background-color:#fff; border:1px solid #d3cdc3;}
.max_bbs_gall_lst li .max_ckit {position:absolute; top:.5em; left:.5em;}
.max_bbs_gall_lst li a {display:block; width:100%; height:100%;}
.max_bbs_gall_lst li .thumb {display:block; width:100%; height:100%; /* min-height:180px; */ background-color:#fff; line-height:0;}
.max_bbs_gall_lst li .thumb img {max-width:100%;}
.max_bbs_gall_lst li .tt-box {display:block; width:100%; height:auto; padding:1em; padding-bottom:0; text-align:center;}
.max_bbs_gall_lst li em {display:block; display:-webkit-box; width:100%; height:3.4em; line-height:1.2em; padding:1em 0; -webkit-line-clamp:2; -webkit-box-orient:vertical; text-overflow:ellipsis; overflow:hidden; border-top:1px solid #d3cdc3;}
.max_bbs_gall_lst .no-data {width:100%;}
.max_bbs_gall_lst li a:hover {text-decoration:none;}

@media screen and (max-width: 900px) {
	.max_bbs_gall_lst li {width:33.33%; padding:0 .5em;}
}
@media screen and (max-width: 568px) {
	.max_bbs_gall_lst li {width:50%; padding:0 .5em;}
}

/* no data */
.no-data {text-align:center; padding:8em 0 !important; color:#181818; border-top:2px solid #c48b3a; border-bottom:1px solid #d7d7d7 !important;}
.no-data img {display:block; width:32px; margin:0 auto 1.556em;}

/* view */
.max_bbs_view {width:100%; height:auto; position:relative;}
.max_bbs_view .bt_bbs_back {display:inline-block; font-weight:500; letter-spacing:0; color:#181818; position:absolute; top:0; right:0;}
.max_bbs_view .bt_bbs_back svg {vertical-align:middle;}

.max_bbs_view .tit_info {width:100%; height:auto; text-align:center; padding-top:2em;}
.max_bbs_view .tit_info h3 {font-size:1.5em; padding:0 48px; line-height:1.4;}
.max_bbs_view .tit_info .cate {display:inline-block; padding:14px 32px; margin-bottom:1.5em; border-radius:50px; border:2px solid currentColor; color:#323971; font-weight:700; font-size:14px;}
.max_bbs_view .tit_info ul {display:inline-block; padding:1.2em 2em; margin:2em 0 4em; border:1px solid #d7d7d7; border-radius:50px;}
.max_bbs_view .tit_info ul li {float:left; margin:0 24px; position:relative;}
.max_bbs_view .tit_info ul li:not(:nth-child(1)):before {content:''; display:block; width:6px; height:6px; background-color:#ccc; border-radius:100%; position:absolute; top:6px; left:-26px;}
.max_bbs_view .tit_info ul li svg {vertical-align:middle;}
.max_bbs_view .tit_info ul li strong {display:inline-block; color:#181818; padding-right:8px;}
.max_bbs_view .tit_info ul li span {display:none;}
.max_bbs_view .tit_info ul li a {text-decoration:underline;}

.max_bbs_view .bbs_contents {width:100%; height:auto; padding:48px; background-color:#fff; font-family:'Verdana','Malgun Gothic',sans-serif; color:#181818; line-height:1.6;}
.max_bbs_view .bbs_contents iframe {width:100%;}
.max_bbs_view .bbs_contents img {max-width:100% !important; height:auto !important;}
.max_bbs_view .bbs_contents ul {list-style:disc; padding-left:40px;}

.max_bbs_view .bbs_file {width:100%; height:auto; padding:32px 0; border-bottom:1px solid #d7d7d7;}
.max_bbs_view .bbs_file p {font-weight:400; font-size:1.25em; padding-left:32px; background:url("./img/ico_file.svg") 0 50% no-repeat; background-size:20px; color:#181818;}
.max_bbs_view .bbs_file ul {width:100%; height:auto; line-height:1.3; margin-top:1em; font:normal 12px 'Verdana','Malgun Gothic',sans-serif;}
.max_bbs_view .bbs_file ul li {position:relative; padding-left:12px;}
.max_bbs_view .bbs_file ul li:not(:nth-child(1)) {margin-top:8px;}
.max_bbs_view .bbs_file ul li:before {content:''; display:block; width:.462em; height:.462em; background-color:#ccc; border-radius:100%; position:absolute; top:.4em; left:0;}
.max_bbs_view .bbs_file ul li span {display:inline-block; padding:4px 8px; margin-left:8px; border-radius:50px; background-color:#eee; font:normal 1em 'Verdana',sans-serif;}

@media screen and (max-width: 900px) {
	.max_bbs_view .bbs_contents iframe {height:400px;}
}
@media screen and (max-width: 568px) {
	.max_bbs_view .tit_info .s_tt2 {padding:0;}
	.max_bbs_view .tit_info ul {padding:1em; margin-bottom:2em;}
	.max_bbs_view .tit_info ul li {margin:0 1em;}
	.max_bbs_view .tit_info ul li:not(:nth-child(1)):before {left:-16px;}

	.max_bbs_view .bbs_contents {padding:24px;}
	.max_bbs_view .bbs_contents iframe {height:auto;}
	.max_bbs_view .bbs_contents p, .max_bbs_view .bbs_contents span, .max_bbs_view .bbs_contents em {font-size:1em !important;}
}

/* view : bbs list page navigation */
.max_bbs_nb {width:100%; height:auto; position:relative;}
.max_bbs_nb li {width:100%; height:auto; padding:1.25em; line-height:24px; border-bottom:1px solid #d7d7d7; overflow:hidden;}
.max_bbs_nb li:nth-child(1) {border-top:1px solid #c48b3a;}
.max_bbs_nb li .nb_tit {float:left; display:block; width:5.333em; color:#181818;}
.max_bbs_nb li .i-arrow {float:left; margin-right:10px;}
.max_bbs_nb li a {float:left; display:block; width:calc(100% - 10.889em); padding:0 1em; text-overflow:ellipsis; white-space:nowrap; word-wrap:normal; overflow:hidden;}
.max_bbs_nb li .nb_date {float:left; display:block; width:3.556em; color:#b3b3b3;}
.max_bbs_nb li.btn_prev i {transform:rotate(-180deg);}
.max_bbs_nb li:hover {background-color:#fff;}

@media screen and (max-width: 568px) {
	.max_bbs_nb li {padding:1.25em .5em;}
	.max_bbs_nb li .i-arrow {margin-right:4px;}
	.max_bbs_nb li .i-arrow:before {width:10px; height:10px; left:7px;}
	.max_bbs_nb li a {width:calc(100% - 9.5em); padding:0 .5em;}
}

/* board write */
.bo_write{width:100%; height:auto; border-top:1px solid #393939;}
.bo_write table{width:100%; height:auto;}
.bo_write table th{width:15%; border-bottom:1px solid #d3cdc3; padding:15px 0; text-align:left; text-indent:20px; font-size:16px;}
.bo_write table td{border-bottom:1px solid #d3cdc3; padding:15px 0;}
.bo_write select{border:1px solid #acacac; background:url("../image/board/arrow_btm.png") 90% 53% no-repeat; -webkit-appearance:none; -moz-appearance:none; width:191px; height:38px; padding:0 40px 0 14px; font-size:16px;}
.bo_write input{border:1px solid #acacac; font-size:16px; padding:10px;}
.bo_write input.it_subject{width:90%;}
.bo_write textarea{border:1px solid #acacac; font-size:16px; padding:10px; width:90%; height:150px;}
.bo_write .cke_sc {display:none;}

/* page navigation */
.max_pagenate {width:100%; height:auto; text-align:center;}
.max_pagenate a {display:inline-block; vertical-align:middle; width:48px; height:48px; line-height:48px; margin:0 .1em; background-color:#ebebeb; border-radius:100%; font-size:.889em; font-weight:700;}
.max_pagenate a:hover {background-color:#1dac6a; color:#fff !important;}
.max_pagenate .current {display:inline-block; vertical-align:middle; width:48px; height:48px; line-height:48px; margin:0 .1em;  border-radius:100%; font-size:.889em; font-weight:700;background-color:#323971; color:#fff;}
.max_pagenate a[class^="page_"] {font-size:0; position:relative; background-color:transparent;}
.max_pagenate a[class^="page_"] i {color:#000; width:32px; height:32px; position:absolute; top:8px; left:8px;}
.max_pagenate a.page_prev {margin-right:24px;}
.max_pagenate a.page_next {margin-left:24px;}

.max_pagenate .ico-prev:before {width:9px; height:9px; border:2px solid currentColor; border-left-width:0; border-right-width:0; border-bottom-width:0; transform:rotate(-45deg); top:12px; left:6px;}
.max_pagenate .ico-prev:after {width:25px; height:2px; background-color:currentColor; top:16px; left:4px;}
.max_pagenate .ico-next:before {width:9px; height:9px; border:2px solid currentColor; border-left-width:0; border-right-width:0; border-bottom-width:0; transform:rotate(45deg); top:12px; right:5px;}
.max_pagenate .ico-next:after {width:25px; height:2px; background-color:currentColor; top:16px; left:4px;}

@media screen and (max-width: 568px) {
	.max_pagenate a {width:32px; height:32px; line-height:32px;}
	.max_pagenate a[class^="page_"] i {top:0; left:0;}
	.max_pagenate .current {width:32px; height:32px; line-height:32px;}
}

/* board button */
.max_bbs_but {text-align:right; margin:2.667em auto !important;}
.max_bbs_but button {display:inline-block; padding:14px 32px; border:2px solid currentColor; color:#5a5a5a; position:relative;}
.max_bbs_but button:hover {color:#dd232a;}
.max_bbs_but .bt_write {background-color:#c48b3a; border-color:#c48b3a; color:#fff;}
.max_bbs_but .bt_adm {background-color:#444; color:#fff; border-color:#444;}
.max_bbs_but .bt_adm:hover {color:#444; background-color:#fff;}

/* board reply */
.bo_reply{float:left; width:100%; height:auto; margin:30px 0 0 0;}
.bo_reply .reply_contents{width:100%; height:auto; /*padding-bottom:20px;*/ overflow:hidden; /*border-top:1px solid #393939;*/ /*border-bottom:1px solid #d3cdc3;*/}
.bo_reply .reply_contents h2{padding:20px;}
.bo_reply .reply_contents h2 a:hover{color:#c6090f; text-decoration:underline;}
.bo_reply .reply_contents p{padding:20px; margin:20px 0 10px; font-size:14px; border:1px solid #d3cdc3;}
.bo_reply .reply_contents .bo_w_line{float:left; padding:0; margin:0; background:none; border:0;}
.bo_reply .reply_contents .bo_w_line span{font-size:13px; display:inline-block; padding:0 10px; letter-spacing:0; color:#797979; background:url("../image/board/bg_line.gif") right center no-repeat;}
.bo_reply .reply_contents .bo_w_line .time{background:none;}
.bo_reply .bo_reply_write{clear:both; width:100%; height:auto; /*border-top:1px solid #393939;*/ margin:30px 0 0 0;}
.bo_reply .bo_reply_write table{width:100%; height:auto;}
.bo_reply .bo_reply_write table th{width:10%; /*border-bottom:1px dotted #d3cdc3;*/ background:#eee; padding:15px 0; text-align:left; text-indent:20px; font-size:13px;}
.bo_reply .bo_reply_write table td{width:90%; /*border-bottom:1px dotted #d3cdc3;*/ background:#eee; padding:15px 0;}
.bo_reply .bo_reply_write select{border:1px solid #acacac; background:url("../image/board/arrow_btm.png") 90% 53% no-repeat; -webkit-appearance:none; -moz-appearance:none; width:85px; height:33px; padding-left:5px; font-size:13px;}
.bo_reply .bo_reply_write input{border:1px solid #acacac; font-size:13px; padding:10px;}
.bo_reply .bo_reply_write input.it_subject{width:90%;}
.bo_reply .bo_reply_write textarea{border:1px solid #acacac; background:#fff; font-size:13px; padding:10px; width:95%; height:150px;}
.bo_reply .bo_reply_write .bo_btn {margin:20px 0;}
.bo_reply .bo_reply_write .bo_btn li {margin:0 20px 0 0;}
.bo_reply .bo_reply_write .bo_btn li button {border:1px solid #acacac;}
.bo_reply .bo_reply_write .bo_btn li button:hover {border:1px solid #c6090f;}