@charset "utf-8";


/* color */
.color-red { background:#fb6f6f !important; }
.color-orange { background:#fda55d !important; }
.color-blue { background:#8ec3e8 !important; }
.color-green { background:#a1d271 !important; }
.color-pink { background:#fcb8c2 !important; }
.color-yellow { background:#f9dc90 !important; color:#111 !important; }
.color-purple { background:#c79ddc !important; }
.color-brown { background:#9e685a !important; }
.color-gray { background:#898989 !important; }
.color-black { background:#3b3b3b !important; }
.btn-area a.btn {border:1px solid #2d2d2d; display:inline-block; border-radius:28px; height:32px; line-height:32px; overflow:hidden; padding:0 16px; }

 /* 게시판 헤더 */
header.header .head { display:flex; justify-content:center; align-items:center; }
header.header .head .btn-today { font-size:3rem; margin:0 16px; }
header.header .head .btn-arrow { color:#bbb; display:flex; justify-content:center; align-items:center; border-radius:99px; border:1px solid #ccc; width:30px; height:30px; margin:0 5px; }
header.header .head .btn-arrow:hover { color:#666; border-color:#666; }
header.header.small .head .btn-arrow {border:0;}
header.header.small .head .btn-today {font-size:1.5rem;}

#page[class*="board-"] .content-body header.header { padding-top:100px;}
#page[class*="board-"] .content-body header.header.small {padding-top:24px; margin-bottom:24px;}
/* 게시판 목록 */
#bo_list { position:relative; --red-color:#db0000; --blue-color:#0365d4; padding-bottom:4%; }
#bo_list .calendar-box { width:100%; border-collapse:collapse; border-top:1px solid #666; table-layout:fixed; overflow:hidden; }
#bo_list .calendar-box th, #bo_list .calendar-box td { position:relative; border-bottom:1px solid #eee; padding:15px 10px; }
#bo_list .calendar-box th { border-bottom:1px solid #ccc; text-align:center; background:#f5f5f5; }
#bo_list .calendar-box td:not(:first-child) { border-left:1px solid #eee; }
#bo_list .calendar-box th:first-child,
#bo_list .calendar-box td:first-child,
#bo_list .calendar-box .red { color:#db0000; }
#bo_list .calendar-box th:last-child,
#bo_list .calendar-box td:last-child { color:#0365d4; }
#bo_list .calendar-box td { height:130px; padding:15px; color:#666; vertical-align:top; font-size:.875rem; overflow:hidden; }
#bo_list .calendar-box.small td { height:auto; min-height:40px; padding:8px;}
#bo_list .calendar-box td.today { position:relative; z-index:1; }
#bo_list .calendar-box td.today:before { content:""; position:absolute; left:0; top:0; right:0; bottom:0; background:var(--main-color1, #333); opacity:0.1; z-index:-1; }
/*#bo_list .calendar-box td.today:before { content:""; position:absolute; left:-1px; top:-1px; right:-1px; bottom:-1px; border:1px solid #aaa; z-index:-1; }*/
.list-btn-box.top {padding-bottom:2%;}
#bo_list .calendar-box .day-box { display:flex; line-height:1; margin-bottom:10px; }
#bo_list .calendar-box .day-box a { position:relative; color:inherit; }
#bo_list .calendar-box .day-box a:before { content:""; position:absolute; left:calc(50% - 12.5px); top:calc(50% - 14px); width:25px; height:25px; border-radius:99px; z-index:-1; }
#bo_list .calendar-box .day-box a:hover { color:#fff; text-decoration:none; }
#bo_list .calendar-box .day-box a:hover:before { background:#444; }
#bo_list .calendar-box .day-box .day { font-size:1rem; }
#bo_list .calendar-box tr > *:first-child .day-box a:hover:before,
#bo_list .calendar-box .red a:hover:before { background:var(--red-color); }
#bo_list .calendar-box tr > *:last-child .day-box a:hover:before { background:var(--blue-color); }
#bo_list .calendar-box .day-box .point { position:relative; flex:1; padding:0 50px 0 5px; }
#bo_list .calendar-box .day-box .point span { display:inline-block; margin-left:3px; }
#bo_list .calendar-box .day-box .moonday { position:absolute; right:0; top:1px; color:#909090; }

#bo_list .calendar-box .schedule-list-box { height:100px; }
#bo_list .calendar-box.small .schedule-list-box { height: auto;min-height:40px; font-size:0.875rem}
#bo_list .calendar-box .schedule-list-box li { position:absolute; left:0; right:0; height:25px; line-height:25px; margin-bottom:2px; z-index:3; }
#bo_list .calendar-box .schedule-list-box li span { display:block; padding:0 15px; color:#fff; border-radius:10px; background:#666; }
#bo_list .calendar-box .schedule-list-box li span.admin { padding-left:20px; }
#bo_list .calendar-box .schedule-list-box li input { position:absolute; left:7px; top:50%; transform:translateY(-50%); width:12px; height:12px; margin-top:-3px; z-index:9; }

#modal-calendar { --date-img:url('img/icon_calendar.png') no-repeat center/18px; --date-color:var(--main-color2, #333); }
#modal-calendar .modal-dialog { position:absolute; left:0; top:50%; right:0; margin:0 auto; transform:translateY(-70%); }
#modal-calendar.in .modal-dialog { transform:translateY(-50%); transition-duration:200ms; }

#modal-calendar .modal-content { position:relative; border-radius:30px; border:0; box-shadow:0 5px 20px rgba(0,0,0,.2); padding:40px; }
#modal-calendar .modal-content button { right:20px; top:20px; width:30px; height:30px; --btn-color:#aaa; }
#modal-calendar .modal-content button:before,
#modal-calendar .modal-content button:after { border-radius:2px; height:20px; background:var(--btn-color); animation:var(--animation) 800ms infinite; }

#modal-calendar .modal-content button:hover { --btn-color:#333; --animation:trampoline; }

#modal-calendar .modal-content .date { position:relative; padding-left:25px;  font-size:1.25rem; color:var(--date-color); z-index:1; }
#modal-calendar .modal-content .date:before { content:""; position:absolute; left:0; top:0; bottom:0; width:25px; mask: var(--date-img); -webkit-mask: var(--date-img); background:var(--date-color); z-index:-1; }

#modal-calendar .modal-content ul { margin-top:10px; border-top:1px solid #ddd; height:350px; max-height:calc(90vh - 110px); overflow-y:auto; overflow-x:hidden; }
#modal-calendar .modal-content li { position:relative; z-index:1; background:#ddd; padding:10px 15px; margin:5px 0; }
#modal-calendar .modal-content li:before,
#modal-calendar .modal-content li:after { content:""; position:absolute; left:0;  }
#modal-calendar .modal-content li:before { left:-1px; top:-1px; bottom:-1px; right:-1px; background:rgba(255,255,255,.85); z-index:-1; }
#modal-calendar .modal-content li:after { top:0; bottom:0; width:5px; border-radius:5px; background:inherit;}
#modal-calendar .modal-content .head { color:#111; font-weight:600; margin:5px 0; }
#modal-calendar .modal-content .desc { font-size:.875rem; color:#888; padding:10px; background:rgba(255,255,255,.8); }
#modal-calendar .modal-content .desc img { max-width:30%; display:inline-block; }
#modal-calendar .modal-content .desc p { line-height:1.5em; max-height:4.5em; overflow-y:auto; }
#modal-calendar .modal-content .period { display:inline-block; vertical-align:top; border-bottom:1px solid #ddd; font-size:.75rem;  }
#modal-calendar .btn-wrap { margin-top:10px; display:flex; align-items:center; justify-content:space-between; }


@keyframes trampoline {
    0%	{ top:50%; }
    25% { top:70%; }
    50% { top:50%; }
    75% { top:30%; }
    100% { top:50%; }
}


@media (max-width: 1024px) {
    #bo_list .calendar-box .schedule-list-box { height:80px; }
}


@media (max-width: 767px) {
	header.header .head .btn-today { font-size:2rem; margin:0 15px; }
	header.header .head .btn-arrow { margin:0 2px; }

	#bo_list .calendar-box tr,
	#bo_list .calendar-box td { display:block; }
	#bo_list .calendar-box thead,
	#bo_list .calendar-box td.no { display:none; }

	#bo_list .calendar-box td,
	#bo_list .calendar-box .schedule-list-box{ height:auto; min-height:60px; }
	#bo_list .calendar-box td { border-left:1px solid #eee; border-right:1px solid #eee; }
}


/* 게시판 쓰기 */
#bo_w {  }
#bo_w .write-box { --odd-width:180px; }
#bo_w .write-box > ul { display:flex; flex-wrap:wrap; }
#bo_w .write-box > ul > li { position:relative; padding:15px 20px; border-bottom:1px solid #ddd; display:flex; align-items:center; }
#bo_w .write-box > ul > li.price-wrap {display:inline-block;}
#bo_w .write-box > ul > li.add-option {display:none;}
#bo_w .write-box > ul > li.center_time {display:inline-block;}
#bo_w .write-box > ul > li.add-option.show {display:inline-block;}
#bo_w .write-box > ul > li:nth-child(odd) { width:var(--odd-width); background:#f8f8f8; }
#bo_w .write-box > ul > li:nth-child(odd).required:after { content:"*"; color:#f50000; display:inline-block; }
#bo_w .write-box > ul > li:nth-child(even) { width:calc(100% - var(--odd-width)); }
#bo_w .write-box > ul > li.noflex { display:block; }
#bo_w .write-box > ul > li.full { width:100%; padding-left:0; padding-right:0; }
#bo_w .write-box h3 {padding:0; margin:0; border-bottom:1px solid #dfdfdf; font-size:1.65rem;}
#bo_w .write-box h3 strong {font-weight:600; border-bottom:1px solid #111; display:inline-block; padding:4px 16px}
#bo_w .write-box label { position:relative; padding:5px 0; margin-right:5px; }
#bo_w .write-box .sdate-wrap label {position:absolute}
#bo_w .write-box .edate-wrap label {position:absolute}
#bo_w .write-box .edate-wrap {display:none;}
#bo_w .write-box > ul > li.center-guide {display:inline-block}
#bo_w .write-box > ul > li.center-guide ul {list-style-type: disc;margin-left:20px;}

#bo_w #wr_1:read-only {background:#efefef; border-color:#dfdfdf;}
#bo_w #wr_2:read-only {background:#efefef; border-color:#dfdfdf;}
#bo_w .write-box label ~ label { margin-left:10px; }
#bo_w .write-box textarea { resize:none; }
#bo_w .write-box textarea + span { position:absolute; right:30px; bottom:25px; font-size:.75rem; color:#aaa; }
#bo_w .write-box .date {display: flex;  flex-wrap: wrap;}
#bo_w .write-box .date span { margin:0 5px; }
#bo_w .write-box #color-sample { width:40px; height:100%; }

#bo_w .write-box i { font-size:1.25rem; margin-right:3px; }
#bo_w .write-box i.link { transform:rotate(-45deg); }
#bo_w .write-box .w_link span { display:inline-block; width:50px; }
#bo_w .write-box .w_link ~ .w_link,
#bo_w .write-box .w_file ~ .w_file { margin-top:5px; }

#bo_w .write-box .file_del { display:inline-block; margin-left:10px; }

#bo_w .info-icon {color:#F5AB2C; font-size:36px; display:block;}
#bo_w .ct-etc {padding:4%; border:1px solid #dfdfdf; border-radius: 8px; margin-bottom:16px; }
#bo_w .ct-etc .ct-etc-content {line-height:200%;}
.cancel-wrap {border:1px solid #F5AB2C; padding:16px; margin:16px 0 0 0 ; text-align:center;}
.month-after-wrap {display:none;flex-wrap:nowrap; justify-content: start; align-items: center;}
.month-after-wrap > * {padding:0 4px; flex:0 0; display:inline-block;}
.month-after-wrap.show {display:flex; flex:1 1 }

@media (max-width: 1024px) {
    #bo_w .write-box { --odd-width:130px; }
}

@media (max-width: 767px) {
    #bo_w .write-box > ul > li { padding:10px 15px; width:100% !important; }
    #bo_w .write-box > ul > li:nth-child(even) { padding:10px 0; }

    #bo_w .write-box .w_link { display:flex; align-items:center; }

	#bo_w .write-box input[type="file"] + input[type="text"] { margin-top:5px; }

	#bo_w .write-box .file_del { margin-left:0; }
}





/* 게시판 읽기 */
#bo_v { --view-row-padding:30px; --view-col-padding:10px; }
#bo_v .view-head { border-top:1px solid #666; border-bottom:1px solid #ddd; padding:var(--view-row-padding); }
#bo_v .view-head .ctg { display:inline-block; border-radius:99px; padding:5px 20px; border:1px solid var(--main-color1, #333); color:var(--main-color1, #333); margin-bottom:10px; }
#bo_v .view-head .subject { font-size:2rem; font-weight:600; }
#bo_v .view-head .desc { display:flex; margin-top:20px; }
#bo_v .view-head .desc li:not(:last-child) { margin-right:30px; }
#bo_v .view-head .desc li b { margin-right:5px; }

#bo_v .view-file { padding:var(--view-col-padding) var(--view-row-padding); background:#fcfcfc; border-bottom:1px solid #ddd; }
#bo_v .view-file li { padding:5px 0; display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap; }
#bo_v .view-file li b { display:flex; align-items:center; }
#bo_v .view-file li img { width:20px; margin-right:5px; }
#bo_v .view-file li small { margin-left:5px; color:#888; }
#bo_v .view-file li .btn { border-radius:99px; padding:5px 15px; border:1px solid #666; margin-left:auto; }
#bo_v .view-file li .btn:hover { background:#333; color:#fff; }
#bo_v .view-file li .btn i { font-size:.875rem; }

#bo_v .view-link { padding:var(--view-col-padding) var(--view-row-padding); display:flex; flex-wrap:wrap; align-items:center; margin:0 -5px; }
#bo_v .view-link li { margin:5px; }
#bo_v .view-link li a { display:inline-block; padding:10px 30px; border:1px solid #ddd; border-radius:99px; }
#bo_v .view-link li a:hover { box-shadow:2px 2px 3px rgba(0,0,0,.1); }
#bo_v .view-link li a i { font-size:.875rem; }


#bo_v .view-box { padding:var(--view-row-padding) var(--view-row-padding) calc(var(--view-row-padding) + 20px); }
#bo_v .view-box .view-editor { margin-top:20px; }


#bo_v .view-btn-box { border-top:1px solid #ddd; padding-top:40px; }
#bo_v .view-another ~ .view-btn-box { border-top:none; padding-top:0px; }


@media (max-width: 1024px) {
	#bo_v { --view-row-padding:20px; }
	#bo_v .view-head .subject { font-size:1.5rem; }
}


@media (max-width: 767px) {
	#bo_v { --view-row-padding:15px; --view-col-padding:5px; }
	#bo_v .view-head .ctg { padding:5px 15px; margin-bottom:5px; }
	#bo_v .view-head .desc { margin-top:15px; }

	#bo_v .view-link li { margin:2.5px; }
	#bo_v .view-link li a { padding:5px 15px; }
}

.base-wrap {display:flex; flex-wrap: wrap; padding:2% 0; }
.base-wrap .base-item {flex:0 0 23%;margin:1%;}
.base-wrap .base-item .base-img {border-radius: 16px; overflow:hidden;}
.base-wrap .base-item .base-img img {width:100%;}
.base-wrap .base-item .base-info-wrap { display:flex; justify-content: space-between; align-items: center; padding:16px 0}
.base-wrap .base-item .base-category {font-size:0.95rem; color:#F5AB2C;}
.base-wrap .base-item .base-title {font-size:1.25rem; font-weight:500}
.base-wrap .base-item .base-addr {font-size:0.875rem;}
.base-wrap .base-item .base-detail a {display:block; text-align:center; padding:8px 0; border:1px solid #dfdfdf; border-radius: 30px; width:130px; font-size:0.875rem}
.base-wrap .base-item .base-detail a span {color:#F5AB2C}

.base-detail-wrap {display:flex; flex-wrap: wrap; padding:2% 0; }
.base-detail-wrap .base-img {flex: 0 0 50%;}
.base-detail-wrap .base-info-wrap {flex: 0 0 50%; background:#f6f6f6; padding: 3%;}
.base-detail-wrap .base-category {background:#ffffff; border:1px solid #F5AB2C; color:#F5AB2C; display:inline-block;height:45px; line-height:45px; padding:0 24px; border-radius:28px;}
.base-detail-wrap .base-title {font-size:1.85rem;padding:8px 0}
.base-detail-wrap .base-info-row {font-size:1.1rem; padding:12px 0}
.base-detail-wrap .base-label {color:#111; display:inline-block; width:150px;}
.base-detail-wrap .base-label i {color:#F5AB2C}
.step-box {display:flex; justify-content: space-between; align-items: center}
.step-box .step-item {position: relative;}
.step-box .step-flex {display:flex; justify-content: start; align-items: center; position:relative; border:1px solid #dfdfdf; padding:8px 24px; border-radius:8px; overflow:hidden;}
.step-box .step-flex.on {background:#F5AB2C; color:#ffffff; border:1px solid #F5AB2C}
.step-box .step-flex.on .step-no {color:#fff;}
.step-box .step-icon {flex:0 0 70px; font-size:46px; text-align:left;}
.step-box .step-text {flex: 1 1;}
.step-box .step-text .step-no {font-weight:600; font-size:1rem; color:#F5AB2C}
.step-box .step-text .step-name {font-weight:400; font-size:1.4rem;}
.step-box .step-arrow {position:absolute; margin-left:-20px; right:-12px; top:50%; font-size:24px; margin-top:-18px;}
.center-content {padding:24px 0;}
.center-photo-list {display:flex; justify-content: start; align-items: stretch; padding-right:80px; border-top:1px solid #dfdfdf;overflow-x:auto; position: relative;}
.center-photo-list > li:first-child {position: sticky; left:0; top:0; background:#ffffff; flex:0 0 50% }
.center-photo-list > li {flex:0 0 25%;}
.center-photo-list .cp-name {border-top:1px solid #F5AB2C; color:#F5AB2C; font-weight:600; font-size:1.2rem; }
.center-photo-list .cp-photo { padding:8px;}

.write-flex {display:flex; justify-content: start; align-items: start; padding:24px 0}
.write-flex .left {flex: 0 0 50%;padding-right:1.5%}
.write-flex .right {flex: 0 0 50%; padding-left:1.5%}

.ct-agree {background:#f6f6f6; border-radius:16px; padding:4%; font-size:0.875rem; line-height:180%; margin-top:16px; }
.ct-agree h4 {font-size:1rem; border-bottom:1px solid #111; display:inline-block; padding:8px 16px;}

.center-photo-list .center-info {display:flex; justify-content: start; align-items: stretch;}
.center-photo-list .center-info .center-info-left {flex:0 0 50%;}
.center-photo-list .center-info .center-info-right {flex:0 0 50%;}
.center-photo-list .center-info .price-guide {padding-left:24px;}
.center-photo {padding:48px 0 0 0;}
.center-photo .photo-swiper-wrap {padding-bottom: 24px;}
.center-photo .center-info p {padding:0 16px; margin:0;}
.center-photo .center-info .point {  display:inline-block; font-weight:600; padding-top:8px}
.center-photo .center-info .point i {color:#F5AB2C;font-weight:400;}
.center-photo .center-info .cp-name {padding-top:4px;}
.center-photo .center-info .center-guide {padding:16px; margin:16px; background:#f6f6f6; border-radius: 8px;}
.time-guide {padding-left:36px;}

a.btn-center-reser {
	background: #fff;
	color: #F5AB2C;
	border: 1px solid #F5AB2C;
	height: 28px;
	line-height: 28px;
	padding: 0 8px;
	display: inline-block;
	font-weight: 500;
	font-size: 0.875rem;
	border-radius: 14px;
	float: right;
}

.edate-wrap {display:inline-block;}
.center-photo .center-info .center-guide ul {list-style-type: disc; padding:0; margin:0 0 0 16px;}
.center-list {display:flex; justify-content: start; align-items: start; padding:24px 0;}
.center-list-item {flex:0 0 48%; margin-right:1%; display: flex; justify-content: space-between; align-items:stretch;}
.center-list-item:last-child {margin-right:0;}
.center-list-item img {width:100%;}
.center-list-item .center-list-image { flex:1 1 50%;}
.center-list-item .center-list-info { flex:1 1 50%; padding:16px; border:1px solid #dfdfdf;}
.center-list .center-name {font-size:1.25rem; font-weight: 500; padding:4px 0 4px 0; margin:0; line-height:100%}
.center-list .center-usage {font-size:1rem; font-weight: 400; padding:4px 0 4px 0; margin:0; line-height:100%}
.center-list-info a {font-size:1rem;display:inline-block; height:36px; line-height:36px; background:#F5AB2C; border-radius: 18px; padding:0; color:#fff; width:120px; text-align:center;}
.center-list-info span {display:inline-block; text-align:center;}
.center-list-info span.icon { color:#fff}
.center-list-info span.icon-name {color:#fff;}

@media (max-width: 1280px) {
	
	.base-detail-wrap .base-title {font-size:1.625rem; }
	.base-detail-wrap .base-info-row {padding:8px 0;}
	
	.step-box .step-flex {padding:8px 16px;}
	.step-box .step-icon { font-size: 36px;}
	.step-box .step-text .step-no {font-size:0.875rem}
	.step-box .step-text .step-name {
		font-size: 1.1rem;
	}
	.center-photo-list .center-info .center-info-left p span {display:block; clear:both;}
}

@media (max-width: 1024px) {
	.step-box { flex-wrap:wrap; justify-content: start;}
	.step-box .step-item {flex:0 0 31.3%; margin:1%;}
	.center-photo-list {flex-wrap: wrap; padding-right:0}
	.center-photo-list li:first-child {flex:0 0 100%;}
	
	.base-detail-wrap .base-title {font-size:1.425rem; }
	.base-detail-wrap .base-info-row {padding:4px 0;}
}

@media (max-width: 890px) {
	.base-detail-wrap .base-img {flex: 0 0 100%;}
	.base-detail-wrap .base-info-wrap {flex: 0 0 100%;}
}

@media (max-width: 480px) {
	.step-box .step-item {flex:0 0 46%; margin:2%;}
	.center-photo-list li:first-child {position:relative;}
	.center-photo-list .center-info {flex-wrap:wrap;}
	.center-photo-list .center-info .center-info-left {flex:0 0 100%;}
	.center-photo-list .center-info .center-info-right {flex:0 0 100%;}
}


.time-select {
	list-style: none;
	margin: 0;
	padding: 0;
}
.time-select li {
	padding: 0;
	margin: 1px;
	border: 1px solid #efefef;
	display: inline-block;
	width: 60px;
	height: 60px;
	line-height: 58px;
	text-align:center;
	cursor:pointer
}
.time-select li.disabled {background:#efefef; border:1px solid #dfdfdf; color:#aeaeae; cursor: not-allowed }
.time-select li.selected {background:#7061E1; border:1px solid #7061E1; color:#fff; cursor: pointer }
.time-select li.no-data {width:100%; line-height:160%; height:auto;padding:8px; text-align:left; cursor:default}

.fc-theme-standard {border:0; font-size:0.875rem;}
.fc-theme-standard .fc-scrollgrid {border:0; border-top:1px solid #dfdfdf;}
.fc-event {font-size:0.765rem !important; }
.fc-event-title {font-weight:400 !important;}
.fc-event .fc-event-main b {font-weight:600;}
.fc-view {border:0;}

.fc-col-header th {padding:8px 0; background:#f6f6f6; border-top:1px solid #dfdfdf; border-bottom:1px solid #dfdfdf; }
.fc-col-header-cell-cushion {font-weight:600}
.fc-view thead tr th:first-child {border-left:none;}
.fc-view thead tr th:last-child {border-right:none}
.fc-view tbody tr td:last-child {border-right:none}
.fc-view tbody tr td {border-color:#efefef;}
.fc .fc-button-primary {background:#7061E1; border:1px solid #7061E1}
.fc .fc-button-primary:hover {background: #4436ca;}
.fc .fc-day {cursor:pointer}
.fc .fc-day.fc-day-today {background:#ffffff;}
.fc .fc-day.disabled a {color:#aeaeae;}

.hc-event.complete {background:#319a6a;color:#fff;}
.hc-event.order {background:#709bc1;color:#fff;}
.hc-event.cancel {background:#504d4d;color:#fff;text-decoration:line-through;}

.hc-event.current.complete {background:#fff; border:2px solid #319a6a; color:#319a6a}
.hc-event.current.order {background:#fff; border:2px solid #709bc1; color:#709bc1}
.hc-event.current.cancel {background:#fff; border:2px solid #504d4d; color:#504d4d;text-decoration:line-through;}