@charset "utf-8";

/* 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_write:hover {background-color:#dd232a; border-color:#dd232a; 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;}

/* 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_lst_basic {border-top:2px solid #c48b3a; margin:2.667em auto !important;}
.max_bbs_lst_basic li {border-bottom:1px solid #d3cdc3;}
.max_bbs_lst_basic li span, .max_bbs_lst_basic li em {display:block; float:left;}
.max_bbs_lst_basic li .max_ckit {float:none; padding:1.75em 1.6em 0;}
.max_bbs_lst_basic li a {display:block; width:100%; padding:1.75em 1.25em; overflow:hidden;}
.max_bbs_lst_basic li .flag {width:63px; text-align:center; padding-right:1.25em;}
.max_bbs_lst_basic li .flag mark {display:inline-block; width:40px; height:40px; line-height:38px; border:1px solid currentColor; border-radius:50px;}
.max_bbs_lst_basic li em {width:calc(100% - 360px); padding:8px 1.25em 0 0; color:#181818; font-weight:500; font-size:1.125em; text-overflow:ellipsis; white-space:nowrap; word-wrap:normal; overflow:hidden;}
.max_bbs_lst_basic li .file {width:32px; padding-top:4px;}
.max_bbs_lst_basic li .info {float:right; width:240px; padding-top:7px; text-align:right;}
.max_bbs_lst_basic li .info span {float:none; display:inline-block; vertical-align:middle;}
.max_bbs_lst_basic li .info .date {}
.max_bbs_lst_basic li .info .date:before {content:''; display:inline-block; width:1px; height:14px; background-color:#d3cdc3; margin:0 16px;}

.max_bbs_lst_basic .sch_word {color:#dd232a;}

.max_bbs_lst_basic .noti {background-color:#fff;}
.max_bbs_lst_basic .noti .flag mark {background-color:#dd232a; border-color:#dd232a; color:#fff; font-weight:700;}

.max_bbs_lst_basic li:hover {background-color:#fff;}
.max_bbs_lst_basic li a:hover {text-decoration:none;}
.max_bbs_lst_basic li a:hover .flag mark {background-color:#c48b3a; border-color:#c48b3a; color:#fff; font-weight:700;}
.max_bbs_lst_basic li a:hover em {color:#c48b3a;}

@media screen and (max-width: 568px) {
	.max_bbs_lst_basic li a {padding:1.4em .5em;}
	.max_bbs_lst_basic li span, .max_bbs_lst_basic li em {float:none;}
	.max_bbs_lst_basic li .flag {width:100%; text-align:left;}
	.max_bbs_lst_basic li .flag mark {width:30px; height:30px; line-height:30px; text-align:center;}
	.max_bbs_lst_basic li em {width:100%; padding:1em 0;}
	.max_bbs_lst_basic li .file {display:none;}
	/* .max_bbs_lst_basic li .date {width:100%; padding-top:0;} */
}

/* no data */
.no-data {text-align:center; padding:8em 0 !important; color:#181818; border-bottom:1px solid #d3cdc3 !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; border:1px solid #d3cdc3; 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 .wr-info {padding:1.2em 2em; margin:0 0 1em; background-color:#fff; text-align:center;}
.max_bbs_view .wr-info li {display:inline-block; margin:0 24px; position:relative;}
.max_bbs_view .wr-info li:not(:nth-child(1)):before {content:''; display:inline-block; width:6px; height:6px; background-color:#ccc; border-radius:100%; position:absolute; top:6px; left:-26px;}
.max_bbs_view .wr-info li svg {vertical-align:middle;}

.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 #d3cdc3;}
.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:.692em; 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 .wr-info {padding:.5em;}
	.max_bbs_view .wr-info li {display:block; margin:1em 0;}
	.max_bbs_view .wr-info li:not(:nth-child(1)):before {display:none;}

	.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 #d3cdc3; 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;}
.bo_write .txt-box {width:100%; height:auto; text-align:center; padding:2em; line-height:1.6; color:#000; background-color:#fff; border:.444em solid #d3cdc3;}

.bo_write .frm-box {width:100%; height:auto; padding-top:1.333em;}
.bo_write .frm-box ul {margin:1.333em 0 0 0; overflow:hidden;}
.bo_write .frm-box ul li {border-bottom:1px solid #ccc; overflow:hidden; padding:1em 0 .5em;}
.bo_write .frm-box ul li label {float:left; width:6em; padding:.75em 0 0 0; font-weight:400; color:#000;}
.bo_write .frm-box ul li input {float:left; width:calc(100% - 6em); border-bottom:none; background-color:transparent;}
.bo_write .frm-box .it-box li {float:left; width:46%;}
.bo_write .frm-box .it-box li:nth-child(even) {margin-left:4%;}
.bo_write .frm-box .wr-box textarea {width:100%; height:240px !important; outline:none; padding:1em 0; line-height:1.6; background-color:transparent; color:#797979;}
.bo_write .frm-box .file-box {margin-top:0;}
.bo_write .frm-box .file-box li {padding:1em 0;}
.bo_write .frm-box .file-box li label {padding-top:.4em;}
.bo_write .frm-box .file-box li .box {float:left; width:calc(100% - 6em);}
.bo_write .frm-box .file-box li input {float:none; width:100%;}
.bo_write .frm-box .file-box li .bf_file {float:none; display:inline-block; width:auto; padding-top:0; margin-top:1em; font:normal .722em 'Verdana','Malgun Gothic',sans-serif;}


.bo_write .capt-box {padding-top:1em;}
.bo_write .capt-box p {font-weight:400; color:#000; margin-bottom:1em;}
.bo_write .max_bbs_but {text-align:center;}

@media screen and (max-width: 900px) {
	.bo_write .frm-box ul li label {float:none;}
	.bo_write .frm-box ul li input {float:none; width:100%;}
	.bo_write .frm-box ul li .frm_file {margin-top:1em;}
	.bo_write .frm-box .it-box li {float:none; width:100%; margin-bottom:1em;}
	.bo_write .frm-box .it-box li:nth-child(even) {margin-left:0;}
	.bo_write .frm-box .file-box li .box {float: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:#dd232a; 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:#c48b3a; 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 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;}

/* 캡챠 자동등록(입력)방지 기본 -pc */
#captcha {display:inline-block;position:relative}
#captcha legend {position:absolute;margin:0;padding:0;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden}
#captcha #captcha_img {height:40px;border:1px solid #898989;vertical-align:top;padding:0;margin:0}
#captcha #captcha_mp3 {margin:0;padding:0;width:40px;height:40px;border:0;background:transparent;vertical-align:middle;overflow:hidden;cursor:pointer;background:url('./img/captcha2.png') no-repeat;text-indent:-999px;border-radius:3px}
#captcha #captcha_reload {margin:0;padding:0;width:40px;height:40px;border:0;background:transparent;vertical-align:middle;overflow:hidden;cursor:pointer;background:url('./img/captcha2.png') no-repeat 0 -40px;text-indent:-999px;border-radius:3px}
#captcha #captcha_key {margin:0 0 0 3px;padding:0 5px;width:90px;height:40px;border:1px solid #ccc;background:#fff;font-weight:700;text-align:center;border-radius:3px;vertical-align:top}
#captcha #captcha_info {display:block;margin:5px 0 0;font-size:0.95em;letter-spacing:-0.1em}

/* 캡챠 자동등록(입력)방지 기본 - mobile */
#captcha.m_captcha audio {display:block;margin:0 0 5px;width:187px}
#captcha.m_captcha #captcha_img {width:160px;height:60px;border:1px solid #e9e9e9;margin-bottom:3px;margin-top:5px;display:block}
#captcha.m_captcha #captcha_reload {position:static;margin:0;padding:0;width:40px;height:40px;border:0;background:transparent;vertical-align:middle;overflow:hidden;cursor:pointer;background:url('./img/captcha2.png') no-repeat 0 -40px;text-indent:-999px}
#captcha.m_captcha #captcha_reload span {display:none}
#captcha.m_captcha #captcha_key {margin:0;padding:0 5px;width:115px;height:29px;border:1px solid #b8c9c2;background:#f7f7f7;font-weight:700;text-align:center;line-height:29px;margin-left:3px}
#captcha.m_captcha #captcha_info {display:block;margin:5px 0 0;font-size:0.95em;letter-spacing:-0.1em}
#captcha.m_captcha #captcha_mp3 {width:31px;height:31px;background:url('./img/captcha2.png') no-repeat 0 0 ; vertical-align:top;overflow:hidden;cursor:pointer;text-indent:-9999px;border:none}