@charset "utf-8";

/* search */
.max_bbs_sch {width:100%; height:auto; padding: 10px 0 20px; border:0; display: inline-table; overflow:hidden; }
.max_bbs_sch fieldset {width:90%; height:auto; margin:0 auto;}
.max_bbs_sch select {float:left; height:5rem; color:var(--black);}
.max_bbs_sch p {float:right; width:calc(100% - 280px); position:relative;} 
.max_bbs_sch input[type="text"] {width:100%; height:4.8rem; padding:1em; background-color:transparent; border:1px solid transparent;color:#fff;}
.max_bbs_sch input:focus {border:1px solid transparent; background:transparent;}
.max_bbs_sch button {width:32px; height:32px; position:absolute; top:10px; right:50px; font-size:1.3em; color:#ffffff;}
.max_bbs_sch button i,
.max_bbs_sch button i:before{font-size: 3rem;}
@media screen and (max-width: 1200px) {
	.max_bbs_sch {padding:1.556em;}
	.max_bbs_sch fieldset {width:100%;}
	.max_bbs_sch select {width:30%;}
	.max_bbs_sch p {width:69%;}
	.max_bbs_sch button {right:45px;}
}
@media screen and (max-width: 768px) {
	.max_bbs_sch {padding:1em;}
	.max_bbs_sch fieldset {flex-direction: column;}
	.max_bbs_sch select{float:none; width:100%; border-right:0; padding-left:40px;}
	.max_bbs_sch p {float:none; width:100%; margin-top:.5rem;}
	.max_bbs_sch input[type="text"] {width:100%;}

	
}

/* category */
.max_bbs_category {width:320px; height:auto; position:relative;}
.max_bbs_category p {width:100%; height:auto; position:relative; border:1px solid #d7d7d7;}
.max_bbs_category p a {display:block; width:100%; height:auto; padding:1em;}
.max_bbs_category p i {position:absolute; top:1em; right:1em; color:#000;}
.max_bbs_category .cate_lst {display:none; width:100%; height:auto; background-color:#fff; border:1px solid #d7d7d7; border-top:none; position:absolute; top:3.1em; left:0; z-index:1; max-height:15em; overflow:auto; overflow-y:scroll;}
.max_bbs_category .cate_lst li {}
.max_bbs_category .cate_lst li a {display:block; width:100%; height:auto; padding:1em;}
.max_bbs_category .cate_lst li .active {color:#1dac6a; font-weight:700;}

/* search : schedule */
.max_bbs_sch.schedule {background: linear-gradient( 166deg, #359d79, #4441b8, #4441b8,#7726c9);padding:30px 0;}
.max_bbs_sch.schedule fieldset {width:90%;}
.max_bbs_sch.schedule .date {width:100%; height:auto; overflow:hidden;}
.max_bbs_sch.schedule .date span{color:#fff;}
.max_bbs_sch.schedule .date p, .max_bbs_sch.schedule .date span,
.max_bbs_sch.schedule .date input {float:left; width:auto; background-color:transparent;}
.max_bbs_sch.schedule .date p, .max_bbs_sch.schedule .date span {padding:1em;}
.max_bbs_sch.schedule .date p {padding-left:0; font-weight:400; color:#fff;}
.max_bbs_sch.schedule .box {width:100%; height:auto; overflow:hidden; margin-top:1em;}
.max_bbs_sch.schedule .box select {margin-right:8px; background:#ffffff url(../image/common/select_arrow.png) 90% 50% no-repeat;color:#333;}
.max_bbs_sch.schedule .box p {float:left; width:100%;margin-top:15px;}
.max_bbs_sch.schedule .box .max_it {width: 70%; padding: 14px 20px; font-size: 1.3em; border-bottom: 0; font-weight: 300;}
.max_bbs_sch.schedule .date .max_it {font-size: 1.3em; color:#000; background:#fff url(images/calendar-28.png) center right no-repeat;border-bottom: 0; font-weight: 300;}


/* list - basic */
.bbs_all_chk {width:100%; height:auto; margin:1em 0 0;}
.max_bbs_lst_basic {border-top:2px solid #323971; margin:2.667em auto !important;}
	.max_bbs_lst_basic li {border-bottom:1px solid #d7d7d7;}
	.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;}
	.max_bbs_lst_basic li a {display:block; width:100%; padding:.75em 1.25em; overflow:hidden;display: flex; align-items: center; flex-wrap: wrap; }
	.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: 45px; height: 45px; line-height: 45px; font-weight: bold; border: 0; border-radius: 50px; background: #e8f4f4; color: var(--main-color1);}
	.max_bbs_lst_basic li .file {width:32px; padding-top:4px;}
	.max_bbs_lst_basic li .date {float:right; width:96px;  text-align:right;}
	.max_bbs_lst_basic li .bo_current {width: 45px; height: 45px; text-align: center; color: #fff; line-height: 45px; background: #e4007f; font-size: 0.85em; border-radius: 50px; margin-right: 20px;}

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

	.max_bbs_lst_basic li:hover {background-color:#f7f7f7;}
	.max_bbs_lst_basic li a:hover .flag mark {background-color:#e4007f; border-color:#1dac6a; color:#fff; font-weight:700;}
	.max_bbs_lst_basic li a:hover em {color:#e4007f;}

	@media screen and (max-width: 768px) {
		.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;text-align:left;}
	}

/* list - gallery */
.max_bbs_gall_lst {width:100%; height:auto; border-top:2px solid #323971; margin:1em 0 0;}
.max_bbs_gall_lst:after {content:''; display:block; clear:both;}
.max_bbs_gall_lst li {float:left; width:25%; min-height:auto; padding:0 1em; margin:1em 0;}
.max_bbs_gall_lst li div {width:100%; height:auto; position:relative;}
.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%;}
.max_bbs_gall_lst li .thumb img {width:100%;}
.max_bbs_gall_lst li .cate {display:inline-block; padding:8px 16px; margin-top:1em; border-radius:50px; background:#eee; color:#181818; font-size:14px;}
.max_bbs_gall_lst li em {display:block; display:-webkit-box; width:100%; height:3.4em; line-height:1.2em; padding:1em 0; color:#181818; -webkit-line-clamp:2; -webkit-box-orient:vertical; text-overflow:ellipsis; overflow:hidden;}
.max_bbs_gall_lst li .date {display:block; font-size:14px;}
.max_bbs_gall_lst li .date svg {vertical-align:middle; margin-right:4px;}
.max_bbs_gall_lst .no-data {width:100%;}

@media screen and (max-width:900px) {
.max_bbs_gall_lst li { width:33.33%;}
}
@media screen and (max-width:568px) {
.max_bbs_gall_lst li { width:50%;}
.max_bbs_category {width:100%;}
}


/* view */
.max_bbs_view {width:100%; height:auto; position:relative;}
	.max_bbs_view .bt_bbs_back {display:inline-block; font-weight:500; font-size:1.125em; color:#181818; position:absolute; top:-60px; 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:inherit;border-bottom: 1px solid #ddd; margin-bottom: 40px;}
	.max_bbs_view .tit_info .s_tt2 {padding: 4rem 3rem; border-top: 2px solid #333;}
	.max_bbs_view .tit_info .s_tt2:before {display:none;}
	.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:0; border:none; border-radius:50px;}
	.max_bbs_view .tit_info ul li {float:left; margin:0 24px; position:relative;} 
	.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 0; background-color:inherit; color:#181818; line-height:1.6;}
	.max_bbs_view .bbs_contents iframe {width:100%;}
	.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 .m_tt {padding-left:32px; background:url("../image/board/ico_file.svg") 0 50% no-repeat; background-size:20px;}
	.max_bbs_view .bbs_file ul {width:100%; height:auto; line-height:1.3; margin-top:1em;padding:1.5em; background:#ebf3fd;}
	.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:4px; height:4px; background-color:#443fb9; position:absolute; top:8px; left:0;}
	.max_bbs_view .bbs_file ul li span {display:inline-block; padding:4px 8px; margin-left:8px; border-radius:50px; background-color:#443fb9; color:#fff; font:normal 12px '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:20px 0;}
		.max_bbs_view .tit_info ul {padding:1em; }
		.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:0;}
		.max_bbs_view .bbs_contents iframe {height:auto;}
	}

/* view : gallery */
.bbs_gall_view {display:block; position:fixed; top:0; height:100%; width:100%; overflow:hidden; background:rgba(0,0,0,0.8); overflow:auto; z-index:999;}
.bbs_gall_view .view_thumb {width:auto; height:auto; position:absolute; top:10%; left:50%; transform: translateX(-50%); overflow:visible;}
.bbs_gall_view .thumb_box {width:auto; height:auto; position:relative; overflow:hidden;}
.bbs_gall_view .thumb_box .thumb {width:100%; height:100%; text-align:center; font-size:0;}
.bbs_gall_view .thumb_box .bt_control {display:none; width:72px; height:72px; position:absolute; top:50%; transform:translateY(-50%); z-index:1; color:#fff;}
.bbs_gall_view .thumb_box .bt_control i {width:100%; height:100%;}
.bbs_gall_view .thumb_box .bt_control .ico-arr-prev:before, 
.bbs_gall_view .thumb_box .bt_control .ico-arr-next:before {width:40px; height:40px; top:11px;}
.bbs_gall_view .thumb_box .bt_control.prev {left:2%;}
.bbs_gall_view .thumb_box .bt_control.next {right:2%;}
.bbs_gall_view .photo_title {width:auto; height:auto; background:#212121; color:#fff; padding:30px;}
.bbs_gall_view .bt_close {background-color:#181818; color:#fff; width:64px; height:64px; padding:9px; position:absolute; top:0; right:0; font-size:0; z-index:9999;}

.bbs_gall_view .thumb_box:hover .bt_control {display:block;}

/* 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; border-bottom:1px solid #d7d7d7; overflow:hidden;}
.max_bbs_nb li:nth-child(1) {border-top:1px solid #323971;}
.max_bbs_nb li:hover {background-color:#f6f6f6;}
.max_bbs_nb li i {float:left; margin-right:10px;}
.max_bbs_nb li.btn_prev i {transform:rotate(-180deg);}
.max_bbs_nb li .nb_tit {display:inline-block; padding-right:20px; color:#181818;}
.max_bbs_nb li .nb_date {float:right; color:#b3b3b3;}

/* comment */
.max_bbs_comment {width:100%; height:auto; margin-top:4em;}
	.max_bbs_comment .m_tt strong {color:#1dac6a;}
	.max_bbs_comment .comm_cont {width:100%; height:auto; margin-top:1.5em;}
	.max_bbs_comment .bt_preview {width:100%; height:auto; padding:1em 0; text-align:center; border:1px solid #d7d7d7; border-radius:4px; font-size:14px;}

	.max_bbs_comment .comm_cont .lst_comm {width:100%; height:auto; border-top:1px solid #d7d7d7; margin:1.5em 0;}
	.max_bbs_comment .comm_cont .lst_comm li {padding:1.5em 0; border-bottom:1px solid #d7d7d7; position:relative;}
	.max_bbs_comment .comm_cont .lst_comm li .cont_info {width:100%;}
	.max_bbs_comment .comm_cont .lst_comm li .cont_info .info {display:block; padding-bottom:1em; font-size:14px;}
	.max_bbs_comment .comm_cont .lst_comm li .cont_info .info strong {color:#181818;}
	.max_bbs_comment .comm_cont .lst_comm li .cont_info .info span {display:inline-block; padding:4px 8px; margin-left:8px; border-radius:50px; background-color:#eee; font:normal 11px 'Verdana',sans-serif;}
	.max_bbs_comment .comm_cont .lst_comm li .cont_info p {font-size:14px; line-height:1.4;}
	.max_bbs_comment .comm_cont .lst_comm li .cont_info p a {display:inline-block; padding:2px 4px; background-color:#ccc; color:#000; border-radius:6px;}
	.max_bbs_comment .comm_cont .lst_comm li .cont_info p a:hover {background-color:#1dac6a; color:#fff !important;}

	.max_bbs_comment .comm_cont .lst_comm li .comm_setting {position:absolute; top:1em; right:0;}
	.max_bbs_comment .comm_cont .lst_comm li .comm_setting button {padding:8px 16px; margin-left:4px; border-radius:50px; border:1px solid #d7d7d7; font-size:11px;}
	.max_bbs_comment .comm_cont .lst_comm li .comm_setting button:hover {border-color:#1dac6a; color:#1dac6a;}

	.max_bbs_comment .comm_write {width:100%; height:auto; position:relative;}
	.max_bbs_comment .comm_write textarea {height:128px; font-size:14px; padding:1em; margin-top:0; border:1px solid #d7d7d7;}
	.max_bbs_comment .comm_write button {position:absolute; bottom:14px; right:14px; z-index:1; padding:8px 16px; margin-left:4px; border-radius:50px; border:1px solid #d7d7d7; font-size:14px;}

/* write */
.max_bbs_write {width:100%; height:auto; border-top:3px solid #323971;}
.max_bbs_write .req {display:inline-block; vertical-align:top; font-size:0;}
.max_bbs_write .req:before{content:''; display:inline-block; width:6px; height:6px; margin-left:4px; border-radius:50%; background:#ec4848; vertical-align:middle;}
.max_bbs_write .regi_txt {display:block; font-size:13px; margin-top:8px; color:#ec4848;}
.max_bbs_write .fltw48 {float:left; width:48%;}
.max_bbs_write .frtw48 {float:right; width:48%;}
.max_bbs_write .bot_line {border-bottom:2px solid #d7d7d7; padding:2em 0 0;}

.max_bbs_write ul {width:100%; height:auto;}
.max_bbs_write ul:after {content:''; display:block; clear:both;}
.max_bbs_write ul li {float:left; width:100%; height:auto; padding:2em 0 0; position:relative;}
.max_bbs_write ul li .write_tit {font-weight:700; color:#181818;}
.max_bbs_write ul li input {width:100%;}
.max_bbs_write ul li input[type="radio"] {width:auto;}
.max_bbs_write ul li input[type="checkbox"] {width:auto;}
.max_bbs_write ul li textarea {height:150px;}
.max_bbs_write ul li button[type="button"] {padding:8px 24px; border:2px solid #d7d7d7; border-radius:50px; position:absolute; top:24px; right:0; font-size:14px;}

.max_bbs_write .inp-area-form {margin-top:1em;}
.max_bbs_write .inp-area-form:after {content:''; display:block; clear:both;}
.max_bbs_write .radio-form {padding-bottom:.5em;}
.max_bbs_write .radio-form p {margin-right:8px;}
.max_bbs_write .inp-txt-form label {display:inline-block; padding:8px 16px; margin-bottom:8px; border-radius:50px; background:#eee; color:#181818; font-weight:700;}
.max_bbs_write .inp-file-form span {display:inline-block; padding:8px 16px; margin-top:8px; border-radius:50px; background:#eee; color:#181818; font-size:14px; position:relative;}
.max_bbs_write .inp-file-form span a {display:inline-block; vertical-align:middle;}
.max_bbs_write .inp-file-form span .bt_delete {margin-left:8px; border-radius:50px; background-color:#000; color:#fff; font-size:0;}

/* 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;   border-radius:100%; font-size:.889em; font-weight:700; border:0;}
.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:var(--main-color1); 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-radius:0; border:1px solid currentColor; color:#999; font-weight:400; position:relative;}
.max_bbs_but button:hover {color:#443fb9;}
.max_bbs_but .bt_write {color:#e4007f;}
.max_bbs_but .bt_adm {background-color:#443fb9; color:#fff; border:1px solid #443fb9;}
.max_bbs_but .bt_adm:hover {color:#443fb9; background-color:#fff;}

/* schedule */
.max_schedule {width:100%; height:auto;}
	.max_schedule .schedule_tab {width:100%; height:auto; text-align:right; margin:1.5em 0;}
	.max_schedule .schedule_tab li {display:inline-block;}
	.max_schedule .schedule_tab li a {display:block; padding:1em 2.5em; border:1px solid #d7d7d7; border-radius:50px;}
	.max_schedule .schedule_tab li .active {background-color:#e4007f; border-color:#e4007f; color:#fff !important; font-weight:700;}

	.max_schedule .year {border-top:1px solid #393939; border-bottom:1px solid #d7d7d7; background:#edf1f5; overflow:hidden;}
	.max_schedule .year div{width:320px; height:auto; padding:20px 0; margin:0 auto; overflow:hidden;}
	.max_schedule .year a {float:left; display:block; font-size:0; width:48px; height:48px; color:#181818;}
	.max_schedule .year a i {width:48px; height:48px;}
	.max_schedule .year a i:before {width:24px; height:24px; transform:rotate(-45deg); top:12px;}
	.max_schedule .year a .ico-arr-prev:before {border:2px solid currentColor; border-bottom-width:0; border-right-width:0; left:20px;}
	.max_schedule .year a .ico-arr-next:before {border:2px solid currentColor; border-top-width:0; border-left-width:0; left:6px;}
	.max_schedule .year h4{float:left; font-weight:500; font-size:2.5em; line-height:48px; color:#181818; padding:0 10px; letter-spacing:-0.03em;}

	.max_schedule .calender_month {float:left; width:100%; height:auto; border-bottom:1px solid #d7d7d7; overflow:hidden;}
	.max_schedule .calender_month:after {content:''; display:block; clear:both;}
	.max_schedule .calender_month li {float:left; width:8.33%; height:auto; text-align:center; padding:1em 0;}
	.max_schedule .calender_month li a {display:block; font-size:1.125em; line-height:1.125em;}
	.max_schedule .calender_month li a span {display:block; font-size:12px; line-height:12px; letter-spacing:0; padding-bottom:6px;}
	.max_schedule .calender_month li a.active, .max_schedule .calender_month li a.active span {color:#323971;}

	.max_schedule .calender_day {width:100%; height:auto; overflow:hidden;}
	.max_schedule .calender_day:after {content:''; display:block; clear:both;}
	.max_schedule .calender_day li {border-bottom: 1px dashed #d7d7d7; padding:1.5em 2.5em; overflow:hidden; position:relative;}
	.max_schedule .calender_day li strong, .max_schedule .calender_day li span, .max_schedule .calender_day li em {float:left; display:block;}
	.max_schedule .calender_day li strong {width:12%; color:#181818;}
	.max_schedule .calender_day li span {width:12%;}
	.max_schedule .calender_day li em {width:76%;}
	.max_schedule .calender_day li button {position:absolute; top:1.2em; right:1.2em; padding:8px 16px; margin-left:4px; border-radius:50px; border:2px solid #d7d7d7; font-size:13px;}
	.max_schedule .calender_day li button:hover {background-color:#4441b8; border-color:#4441b8; color:#fff !important;}



@media screen and (max-width: 568px) {
		.max_schedule .year div{width:250px;}

	}


/* schedule : result */
.max_sche_result {width:100%; height:auto; margin:48px 0;}
.max_sche_result p {padding:24px 0; margin-top:16px; background-color:#eee; text-align:center; color:#181818; border-radius:50px;}
.max_sche_result p strong {font-weight:700; color:#ec4848;}
.max_sche_result ul {width:100%; height:auto; margin-top:32px; border-top:1px solid #181818;}
.max_sche_result li {border-bottom: 1px dashed #d7d7d7; padding:1.5em 2.5em; overflow:hidden; position:relative;}
.max_sche_result li strong, .max_sche_result li span, .max_sche_result li em {float:left; display:block; text-align:center;}
.max_sche_result li strong {width:20%; color:#181818;}
.max_sche_result li span {width:15%;}
.max_sche_result li em {width:65%; text-align:left;}
.max_sche_result .max_pagenate {margin-top:48px;}
.max_sche_result .max_btns button {padding:16px 64px !important;}

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