@charset "utf-8";

/* ===== FOREIGN ADD ===== */
.form-foreign-box .btn-foreign-confirm {
	min-width: 13rem;
}

.form-flex .form-right .form-box.form-foreign-box {
	margin-top: 2rem;
}

.form-foreign-box .form-label {
	padding: 0;
}

.form-foreign-box .form-input {
	display: flex;
	align-items: center;
}


/* ===== SUB COMMON ===== */
input[type="date"].datepicker,
input[type="text"].datepicker {
	background-image:url('/img/ico/ico-calendar.png') !important;
	background-position: right 2rem center !important;
	background-repeat: no-repeat;
}
.prevent-scroll {
	overflow: hidden;
	width: 100%;
	height: 100vh;
	touch-action:none;
}
.normal-contents {
	padding:10rem 0 15rem;
}
.sub-tit-wrap {
	padding:12rem 0 6rem;
}
.sub-tit-wrap .sub-tit {
	font-size:4.6rem;
	color:#262524;
	font-family: 'Noto Sans KR', 'Malgun Gothic', dotum, sans-serif;
	line-height:1.217em;
	font-weight:700;
}
.sub-tit-wrap .sub-txt {
	margin-top:1.5rem;
	font-size:1.8rem;
	color:#262524;
	font-weight:500;
	line-height:1.556em;
}
.sub-con-tit {
	font-size:2.8rem;
	color:#262524;
	line-height:1.357em;
}
.chk-box input[type="checkbox"]{
	position:absolute;
	left:-9999%;
	top:-9999%;
}
.chk-box input[type="checkbox"] + label {
	display:inline-block;
	width:4rem;
	height:4rem;
	background-color:#fff;
	border:1px solid #dddddd;
	border-radius:50%;
	font-size:1.6rem;
	color:#666666;
	text-align:center;
	line-height:3.8rem;
	cursor: pointer;
}
.chk-box input[type="checkbox"]:checked + label {
	border-color:#403932;
	background-color:#403932;
	color:#fff;
}
.chk-box02 label {
	display:inline-block;
	position:relative;
	padding-left:3rem;
	font-size:1.6rem;
	color:#222;
	line-height:1.625em;
	cursor:pointer;
}
.chk-box02 input[type="radio"] {
	position:absolute;
	left:-9999%;
	font-size:0;
}
.chk-box02 input[type="radio"] + label::before {
	content:"";
	position:absolute;
	left:0;
	top:0.3rem;
	width:2rem;
	height:2rem;
	background-color:#fff;
	border:1px solid #ddd;
	vertical-align:bottom;
}
.chk-box02 input[type="radio"] + label::after {
	display:none;
	content:"";
	position:absolute;
	left:0.5rem;
	top:0.8rem;
	width:1rem;
	height:1rem;
	background-color:#262524;
}
.chk-box02 input[type="radio"]:checked + label::after {
	display:block;
}




/* ===== CON ANI ===== */
.con-ani {
	opacity: 0;
	position: relative;
	-webkit-transition-property:opacity, transform;
	transition-property:opacity, transform;
	-webkit-transition-timing-function:ease;
	transition-timing-function:ease;
	-webkit-transition-duration:1.4s;
	transition-duration:1.4s;
	-webkit-transition-delay:0.1s;
	transition-delay:0.1s;
}
.con-ani.on {
	opacity:1;
	-webkit-transform:translateZ(0) !important;
	transform:translateZ(0) !important;
}
.con-ani.fade-up {
	-webkit-transform:translate3d(0,100px,0);
	transform:translate3d(0,100px,0);
}
.con-ani.fade-left {
	-webkit-transform:translate3d(100px,0,0);
	transform:translate3d(100px,0,0);
}
.con-ani.fade-right {
	-webkit-transform:translate3d(-100px,0,0);
	transform:translate3d(-100px,0,0);
}
.con-ani.slide-img-in {
	opacity: 1;
}
.con-ani.slide-img-in:after {
	content:"";
	position:absolute;
	right:0;
	top:0;
	width:100%;
	height:100%;
	background:#fff;
	-webkit-transition:all 1.1s;
	-moz-transition:all 1.1s;
	-ms-transition:all 1.1s;
	-o-transition:all 1.1s;
	transition:all 1.1s;
}
.con-ani.on.slide-img-in:after {
	width:0;
}






/* ===== POP WRAP ===== */
.iframe_box {
	position:fixed;
	left:0;
	top:0;
	z-index:9999;
	width:100%;
	height:100%;
	display: none;
}
.iframe_box.active {
	display: block;
}
.iframe_box iframe {
	width: 100%;
	height: 100%;
	border: none;
}
.pop-wrap {
	display:none;
	position:fixed;
	left:0;
	top:0;
	z-index:9999;
	width:100%;
	height:100%;
	background-color:rgba(0,0,0,0.8);
}
.pop-wrap.active{
	display:block;
}
.pop-inner {
	position:absolute;
	left:50%;
	top:50%;
	max-width:124.8rem;
	width:100%;
	-webkit-transform:translate(-50%,-50%);
	transform:translate(-50%,-50%);
}
.pop-con {
	overflow-y:auto;
	padding:6rem;
	height:80rem;
	background-color:#fff;
}
.popup360.pop-wrap{
	display: none;
	background-color:rgba(0,0,0,0.7);
}
.popup360 .pop-inner {
	width: 90%;
	max-width: 1200px;
	height: 90%;
	max-height: 700px;
}
.popup360 .pop-con {
	height: 80vh;
	background-color:Transparent;
	overflow-y:hidden;
	max-height: 100%;
	padding: 0;
}
.popup360 .btn-pop-close360 {
	right:2rem;
	top:2rem;
	position:absolute;
	width:3.6rem;
	height:3.6rem;
	background:url('/img/ico/ico-pop-close.png') no-repeat center center / cover;
}
.popup360 .btn-pop-drag{
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%,-50%);
}
.pop-con iframe {
	width: 100%;
	height: 100%;
	border: none;
}
.pop-inner > .btn-pop-close, .pop-inner > .btn-pop-close360 {
	position:absolute;
	right:-6.6rem;
	top:0;
	width:3.6rem;
	height:3.6rem;
	background:url('/img/ico/ico-pop-close.png') no-repeat center center / cover;
}
.pop-inner > .btn-pop-close .hide-word, .pop-inner > .btn-pop-close360 .hide-word {
	margin-bottom:0;
	left:50%;
	-webkit-transform:translate(-50%,-50%);
	transform:translate(-50%,-50%);
}
.pop-inner > .btn-pop-close:hover .hide-word , .pop-inner > .btn-pop-close360.about-cont.main-tit-wrap .hide-word {
	opacity:1;
	visibility:visible;
}
.bu-pop-left {
	opacity:0.5;
	position:absolute;
	left:6rem;
	top:50%;
	margin-top:-4rem;
	width:8rem;
	height:8rem;
	background:url('/img/bu/bu-pop-left.png') no-repeat center;
}
.bu-pop-left svg {
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
}
.bu-pop-left .line1 {
	fill: transparent;
	stroke: #fff;
}
.bu-pop-left .line2 {
	z-index:10;
	fill: transparent;
	stroke-dasharray: 316;
	stroke-dashoffset: 316;
	stroke: #fff;
}
.bu-pop-left:hover .line1 {
	opacity:0.5;
}
.bu-pop-left:hover .line2 {
	-webkit-animation: dashTwo 0.7s ease both;
	animation: dashTwo 0.7s ease both;
}
.bu-pop-left:hover {
	opacity:1;
}
.bu-pop-left:hover .hide-word {
	opacity:1;
	visibility:visible;
}
.bu-pop-right {
	opacity:0.5;
	position:absolute;
	right:6rem;
	top:50%;
	margin-top:-4rem;
	width:8rem;
	height:8rem;
	background:url('/img/bu/bu-pop-right.png') no-repeat center;
}
.bu-pop-right svg {
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
}
.bu-pop-right .line1 {
	fill: transparent;
	stroke: #fff;
}
.bu-pop-right .line2 {
	z-index:10;
	fill: transparent;
	stroke-dasharray: 316;
	stroke-dashoffset: 316;
	stroke: #fff;
}
.bu-pop-right:hover .line1 {
	opacity:0.5;
}
.bu-pop-right:hover .line2 {
	-webkit-animation: dashTwo 0.7s ease both;
	animation: dashTwo 0.7s ease both;
}
@-webkit-keyframes dashTwo {
	from {
		stroke-dashoffset : 316;
	}
	to {
		stroke-dashoffset: 0;
	}
}
@keyframes dashTwo {
	from {
		stroke-dashoffset : 316;
	}
	to {
		stroke-dashoffset: 0;
	}
}
.bu-pop-right:hover {
	opacity:1;
}
.bu-pop-right:hover::after {
	width:100%;
	-webkit-transition-delay:0s;
	transition-delay:0s;
}
.bu-pop-right:hover::before {
	height:100%;
	-webkit-transition-delay:0.1s;
	transition-delay:0.1s;
}
.bu-pop-right:hover > div::after {
	width:100%;
	-webkit-transition-delay:0.2s;
	transition-delay:0.2s;
}
.bu-pop-right:hover > div::before {
	height:100%;
	-webkit-transition-delay:0.3s;
	transition-delay:0.3s;
}
.bu-pop-right:hover .hide-word {
	opacity:1;
	visibility:visible;
}
.hide-word {
	opacity:0;
	visibility:hidden;
	position:absolute;
	bottom:100%;
	margin-bottom:2rem;
	font-size:1.3rem;
	color:#fff;
	white-space:nowrap;
	-webkit-transition:all 0.3s ease;
	transition:all 0.3s ease;
}
.bu-pop-left .hide-word {
	left:0;
}
.bu-pop-right .hide-word {
	right:0;
}





/* ===== INPUT STYLE ===== */
input[type="text"] {
	padding:0 2rem;
	height:6rem;
	border:1px solid #f5f5f5;
	background:#f5f5f5;
	font-size:1.6rem;
	color:#262524;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	-webkit-transition:border-color 0.3s ease, background-color 0.3s ease;
	transition:border-color 0.3s ease, background-color 0.3s ease;
}
input[type="text"]:active,
input[type="text"]:focus {
	border-color:#262524;
	background-color:#fff;
}
input[type="text"]::-webkit-input-placeholder {
	color:rgba(38,37,36,0.5);
}
input[type="text"]::-moz-placeholder {
	color:rgba(38,37,36,0.5);
}
input[type="text"]:-ms-input-placeholder {
	color:rgba(38,37,36,0.5);
}
input[type="text"]::-ms-input-placeholder {
	color:rgba(38,37,36,0.5);
}
input[type="text"]::placeholder {
	color:rgba(38,37,36,0.5);
}
input[type="text"]::-ms-clear {
	display: none;
}





/* ===== TEXTAREA STYLE ===== */
textarea {
	padding:2rem;
	border:1px solid #f5f5f5;
	background-color:#f5f5f5;
	box-shadow:none !important;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	width:100%;
	font-size:1.6rem;
	color:#262524;
	line-height:1.625em;
	-webkit-transition:border-color 0.3s ease, background-color 0.3s ease;
	transition:border-color 0.3s ease, background-color 0.3s ease;
}
textarea:active,
textarea:focus {
	border-color:#262524;
	background-color:#fff;
}





/* ===== BUTTON STYLE ===== */
.btn-search {
	padding:0 2rem;
	height:6rem;
	border:1px solid #262524;
	background:#262524;
	font-size:1.8rem;
	color:#fff;
	font-weight:500;
	line-height:5.8rem;
	-webkit-transition:border-color 0.3s ease, background-color 0.3s ease;
	transition:border-color 0.3s ease, background-color 0.3s ease;
}
.btn-search:hover {
	border-color:#c9ab81 !important;
	background:#c9ab81 !important;
}
.btn-search.style02 {
	border-color:#737373;
	background-color:#737373;
	font-size:1.6rem;
	color:#fff;
}
.btn-search.style02:hover {
	border-color:#262524 !important;
	background-color:#262524 !important;
}
.btn-reset {
	display:flex;
	justify-content:center;
	align-items:center;
	padding:0 2.5rem 0 3rem;
	height:6rem;
	border:1px solid #737373;
	background-color:#fff;
	font-size:1.6rem;
	color:#737373;
	font-weight:600;
	line-height:5.8rem;
	-webkit-transition:border-color 0.3s ease;
	transition:border-color 0.3s ease;
}
.btn-reset span {
	position:relative;
	padding-left:2.5rem;
	-webkit-transition:color 0.3s ease;
	transition:color 0.3s ease;
}
.btn-reset span::before {
	content:"";
	position:absolute;
	left:0;
	top:50%;
	margin-top:-0.9rem;
	width:1.8rem;
	height:1.8rem;
	background-image:url('/img/ico/ico-reset.png');
	background-size:100%;
	background-position:center center;
	background-repeat:no-repeat;
	-webkit-transition:all 0.3s ease;
	transition:all 0.3s ease;
}
.btn-reset:hover {
	border-color:#262524;
}
.btn-reset:hover span {
	color:#262524;
}
.btn-reset:hover span::before {
	background-image:url('/img/ico/ico-reset-black.png');
}
.btn-filter-open {
	display:flex;
	justify-content:center;
	align-items:center;
	padding:0 2rem;
	min-width:21rem;
	height:6rem;
	border:1px solid #262524;
	background-color:#fff;
	font-size:1.6rem;
	color:#262524;
	font-weight:600;
	line-height:5.8rem;
}
.btn-filter-open span {
	position:relative;
	padding-left:3.5rem;
}
.btn-filter-open span::before {
	content:"";
	position:absolute;
	left:0;
	top:50%;
	margin-top:-0.9rem;
	width:2.7rem;
	height:1.8rem;
	background-image:url('/img/ico/ico-filter.png');
	background-size:100%;
	background-position:center center;
	background-repeat:no-repeat;
}
.btn-select {
	position:relative;
	padding:0 5.4rem 0 2rem;
	width:100%;
	height:6rem;
	border:1px solid #ddd;
	font-size:1.6rem;
	line-height:5.8rem;
	text-align:left;
	-webkit-transition:border-color 0.3s ease;
	transition:border-color 0.3s ease;
}
.btn-select::after {
	content: "";
	display: block;
	position: absolute;
	right: 2rem;
	top: 50%;
	margin-top: -0.65rem;
	width: 1.3rem;
	height: 1.3rem;
	background: url('/img/ico/ico-more.png') no-repeat center;
	pointer-events: none;
}
.btn-select.active {
	border-color:#262524;
}
.btn-select.active::after {
	background: url('/img/ico/ico-more-on.png') no-repeat center;
}
.btn-filter-delete {
	width:1.2rem;
	height:1.2rem;
	background:url('/img/ico/ico-close.png') no-repeat center;
}
.btn-detail-view {
	padding:0 2rem;
	border:1px solid #262524;
	font-size:1.6rem;
	color:#262524;
	line-height:5rem;
	text-align:center;
	-webkit-transition:background-color 0.3s ease, border-color 0.3s ease;
	transition:background-color 0.3s ease, border-color 0.3s ease;
}
.btn-detail-view:hover {
	background-color:#f1f1f1 !important;
}
.btn-detail-view.fill-black {
	background-color:#262524;
	color:#fff;
}
.btn-detail-view.fill-black:hover {
	background-color:#c9ab81 !important;
	border-color:#c9ab81 !important;
}
.btn-submit {
	padding:0 2rem;
	max-width:21rem;
	width:100%;
	border:1px solid #262524;
	background-color:#262524;
	font-size:1.6rem;
	color:#fff;
	line-height:5.8rem;
	text-align: center;
	-webkit-transition:border-color 0.3s ease, background-color 0.3s ease;
	transition:border-color 0.3s ease, background-color 0.3s ease;
}
.btn-submit:hover {
	border-color:#c9ab81;
	background:#c9ab81;
}
.btn-cancel {
	padding:0 2rem;
	max-width:21rem;
	width:100%;
	border:1px solid #737373;
	background-color:#fff;
	font-size:1.6rem;
	color:#737373;
	line-height:5.8rem;
	text-align: center;
	-webkit-transition:border-color 0.3s ease, color 0.3s ease;
	transition:border-color 0.3s ease, color 0.3s ease;
}
.btn-cancel:hover {
	border-color:#262524;
	color:#262524;
}
.btn-type01 {
	display:inline-block;
	position:relative;
	vertical-align:middle;
	padding:0 2.5rem;
	min-width:21rem;
	height:6rem;
	border:1px solid #262524;
	background-color:#fff;
}
.btn-type01.btn-min-auto {
	min-width:auto;
}
.btn-type01 span {
	position:relative;
	padding-right:4rem;
	font-size:1.6rem;
	color:#262524;
	line-height:5.8rem;
	font-weight:500;
	letter-spacing:-0.05em;
}
.btn-type01 span::after {
	content: "";
	position: absolute;
	right: 0;
	top: 50%;
	margin-top: -0.35rem;
	width: 2.6rem;
	height: 0.9rem;
	background: url('/img/bu/bu-more-arrow.png') no-repeat center;
	background-size: 100%;
}
.btn-type01:hover span::after {
	-webkit-animation: arrowMove 1.2s cubic-bezier(.75,0,.33,.99) both;
	animation: arrowMove 1.2s cubic-bezier(.75,0,.33,.99) both;
}
.btn-type01.type-download {
	-webkit-transition:background-color 0.3s;
	transition:background-color 0.3s;
}
.btn-type01.type-download span::after {
	margin-top: -1.05rem;
	width: 2.1rem;
	height: 2.1rem;
	background: url('/img/ico/ico-download.png') no-repeat center;
}
.btn-type01.type-download:hover {
	background-color:#f1f1f1;
}
.btn-type01.type-download:hover span::after {
	animation:none !important;
}
.btn-tel-confirm, .btn-foreign-confirm {
	padding:0 2rem;
	height:6rem;
	border:1px solid #262524;
	background:#262524;
	font-size:1.6rem;
	color:#fff;
	font-weight:500;
	line-height:5.8rem;
	-webkit-transition:border-color 0.3s ease, background-color 0.3s ease;
	transition:border-color 0.3s ease, background-color 0.3s ease;
}
.btn-tel-confirm:hover .btn-foreign-confirm:hover {
	border-color:#c9ab81;
	background:#c9ab81;
}





/* ===== BOARD OPTION ===== */
.board-option-wrap {
	margin-bottom:4rem;
}
.board-option-wrap::after {
	content:"";
	display:block;
	clear:both;
}
.board-option-wrap .left-con {
	float:left;
}
.board-option-wrap .right-con {
	float:right;
	display: flex;
	align-items: center;
}



/* ===== BOARD OPTION - TOTAL NUMBER ===== */
.board-total {
	font-size:1.6rem;
	color:#262524;
	font-weight:500;
	line-height:6rem;
}
.board-total strong {
	color:#cca77c;
	font-weight:600;
}





/* ===== BOARD OPTION - SEARCH BOX ===== */
.board-search-box .nice-select {
	margin-right:2rem;
	width:18rem;
}
.board-search-box input {
	min-width:32rem;
}
.board-search-box .btn-search {
	min-width:14rem;
}





/* ===== BOARD OPTION - SORTING ===== */
.board-sort {
	float:right;
	display:block;
	position:relative;
}
.board-sort .current {
	display:inline-block;
	padding:0 2rem;
	min-width:12rem;
	height:6rem;
	border:1px solid transparent;
	font-size:1.8rem;
	color:#262524;
	line-height:5.8rem;
	font-weight:500;
	cursor:pointer;
}
.board-sort .current:after {
	content: "";
	display: block;
	position: absolute;
	right: 0;
	top: 50%;
	margin-top: -0.5rem;
	width: 1.6rem;
	height: 1rem;
	background: url('/img/bu/bu-select-black-bold.png') no-repeat center;
	-webkit-transform: rotate(0deg);
	-ms-transform: rotate(0deg);
	transform: rotate(0deg);
	-webkit-transition: all 0.15s ease-in-out;
	transition: all 0.15s ease-in-out;
	pointer-events: none;
}
.en .board-sort .current {
	min-width: 15rem;
}
.board-sort-list {
	opacity: 0;
	visibility: hidden;
	position:absolute;
	left:0;
	top:100%;
	width:100%;
	z-index:10;
	padding:1rem 0;
	border:1px solid #262524;
	background-color:#fff;
	-webkit-transition: all 0.2s cubic-bezier(0.5, 0, 0, 1.25), opacity 0.15s ease-out;
	transition: all 0.2s cubic-bezier(0.5, 0, 0, 1.25), opacity 0.15s ease-out;
}
.board-sort-list li a {
	display:block;
	padding:0 2rem;
	font-size:1.6rem;
	color:#262524;
	line-height:2.778em;
	font-weight:500;
}
.board-sort-list li a:hover {
	background:#f5f5f5;
}
.board-sort.active .current:after{
	-webkit-transform: rotate(-180deg);
	-ms-transform: rotate(-180deg);
	transform: rotate(-180deg);
}
.board-sort.active .board-sort-list {
	opacity: 1;
	visibility: visible;
}





/* ===== BOARD STYLE - 리스트형  ===== */
.num-notice {
	display:inline-block;
	background:#cca77c;
	width:6rem;
	font-size:1.4rem;
	color:#fff;
	font-family: 'Noto Sans KR', 'Malgun Gothic', dotum, sans-serif;
	vertical-align:middle;
	line-height:3rem;
}
.board-list {
	border-top:1px solid #000;
}
.board-list .list-item > a {
	display: flex;
	justify-content:space-between;
	padding:3.5rem 0;
	border-bottom:1px solid #ddd;
}
.board-list .list-item .list-col {
	display: flex;
	justify-content: center;
	align-items: center;
	text-align: center;
}
.board-list .list-item .list-col.num {
	width: 15rem;
	font-size: 1.8rem;
	color: #888888;
	font-family: 'Noto Sans KR', 'Malgun Gothic', dotum, sans-serif;
}
.board-list .list-item .list-col.subject {
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
	display: flex;
	justify-content: flex-start;
	align-items: center;
	width:calc(100% - 34rem);
}
.board-list .list-item .list-col.subject .title-wrap {
	display: inline-flex;
	justify-content: flex-start;
	position: relative;
	max-width: 80%;
}
.board-list .list-item .list-col.subject .title {
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
	font-size:1.8rem;
	color:#262524;
	font-weight:600;
	word-break:break-all;
	text-align:left;
}
.board-list .list-item .list-col.subject .title:after {
	opacity:0;
	content:"";
	position:absolute;
	left:100%;
	top:50%;
	margin-top:-0.45rem;
	margin-left:2rem;
	width:4.3rem;
	height:1.1rem;
	background:url('/img/bu/bu-board-list.png') no-repeat center;
	-webkit-transition:opacity 0.3s, margin 0.3s;
	transition:opacity 0.3s, margin 0.3s;
}
.board-list .list-item .list-col.date {
	width: 19rem;
	font-size: 1.8rem;
	color: #666666;
	font-family: 'Noto Sans KR', 'Malgun Gothic', dotum, sans-serif;
	font-weight:500;
}

@media all and (min-width:1025px){
	.board-list .list-item:hover {
		background: #f7f7f7;
	}
	.board-list .list-item:hover .list-col.subject .title:after {
		opacity:1;
		margin-left:3rem;
	}
}





/* ===== BOARD STYLE - 갤러리형  ===== */
.board-gall {
	display:flex;
	flex-wrap:wrap;
	margin-left:-3.6rem;
}
.board-gall .gall-item {
	margin-bottom:8rem;
	margin-left:3.6rem;
	width:calc(33.3333% - 3.6rem);
}
.board-gall .gall-item a {
	display:block;
}
.board-gall .gall-item .thumb {
	overflow:hidden;
	position:relative;
	padding-bottom:67.23%;
	height:0;
}
.board-gall .gall-item .thumb::before {
	content:"";
	position:absolute;
	left:3rem;
	top:3rem;
	z-index:10;
	width:3rem;
	height:3rem;
	background:url('/img/bu/bu-picture-left.png') no-repeat center;
	-webkit-transform:scale(0, 0);
	transform:scale(0, 0);
	-webkit-transform-origin:0 0;
	transform-origin:0 0;
	-webkit-transition:all 0.7s ease;
	transition:all 0.7s ease;
}
.board-gall .gall-item .thumb::after {
	content:"";
	position:absolute;
	right:3rem;
	bottom:3rem;
	z-index:10;
	width:3rem;
	height:3rem;
	background:url('/img/bu/bu-picture-right.png') no-repeat center;
	-webkit-transform:scale(0, 0);
	transform:scale(0, 0);
	-webkit-transform-origin:right bottom;
	transform-origin:right bottom;
	-webkit-transition:all 0.7s ease;
	transition:all 0.7s ease;
}
.board-gall .gall-item .thumb > div {
	position: absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	background-size:cover;
	background-repeat:no-repeat;
	background-position: center center;
	-webkit-transition:transform 0.7s ease, filter 0.7s ease;
	transition:transform 0.7s ease, filter 0.7s ease;
}
.board-gall .gall-item .thumb > div::before {
	content:"";
	position:absolute;
	left:50%;
	top:50%;
	z-index:10;
	margin:-2rem 0 0 -2rem;
	width:4rem;
	height:4rem;
	background:url('/img/bu/bu-picture-center.png') no-repeat center;
	-webkit-transform:scale(0, 0);
	transform:scale(0, 0);
	-webkit-transition:transform 0.4s ease;
	transition:transform 0.4s ease;
}
.board-gall .gall-item .thumb > div::after {
	opacity:0;
	visibility:hidden;
	content:"";
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	background-color:rgba(0,0,0,0.4);
	-webkit-transition:all 0.4s ease;
	transition:all 0.4s ease;
}
.board-gall .gall-item .thumb > div img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.board-gall .gall-item a:hover .thumb::before,
.board-gall .gall-item a:hover .thumb::after {
	-webkit-transform:scale(1, 1);
	transform:scale(1, 1);
}
.board-gall .gall-item a:hover .thumb > div {
	-webkit-filter: grayscale(100%);
	filter: grayscale(100%);
	-webkit-transform:scale(1.08);
	transform:scale(1.08);
}
.board-gall .gall-item a:hover .thumb > div::before {
	-webkit-transform:scale(1,1);
	transform:scale(1,1);
}
.board-gall .gall-item a:hover .thumb > div::after {
	opacity:1;
	visibility:visible;
}
.board-gall .gall-item .desc {
	position:relative;
	padding:2.5rem 0 0;
}
.board-gall .gall-item .desc-ico {
	display:flex;
	justify-content:center;
	align-items:center;
	position:absolute;
	right:0;
	top:2.5rem;
	height:3rem;
}
.board-gall .gall-item .desc-cate {
	font-size:1.6rem;
	color:#c9ab81;
	font-weight:500;
	line-height:1.875em;
}
.board-gall .gall-item .desc-title {
	margin-top:0.5rem;
	font-size:2rem;
	color:#262524;
}
.board-gall .gall-item .desc-info {
	margin-top:1rem;
	font-size:0;
}
.board-gall .gall-item .desc-info span {
	display:inline-block;
	position:relative;
	padding-right:1.6rem;
	margin-right:1.5rem;
	font-size:1.6rem;
	color:#666666;
	line-height:1.25em;
	vertical-align:middle;
	margin-top: 1rem;
	padding-left: 3rem;
}
.board-gall .gall-item .desc-info span::after {
	content:"";
	position:absolute;
	right:0;
	top:0.3rem;
	width:1px;
	height:1.4rem;
	background:#ddd;
}
.board-gall .gall-item .desc-info span:last-child {
	margin-right:0;
	padding-right:0;
}
.board-gall .gall-item .desc-info span:last-child::after {
	display:none;
}
.board-gall .gall-item .desc-info span::before {
	content:"";
	display:inline-block;
	margin-right:0.7rem;
	width:2rem;
	height:2rem;
	vertical-align:bottom;
	position: absolute;
	left: 0;
}
.board-gall .gall-item .desc-info span.desc-info-year::before {
	background:url('/img/ico/ico-time.png') no-repeat center;
}
.board-gall .gall-item .desc-info span.desc-info-loc::before {
	background:url('/img/ico/ico-location.png') no-repeat center;
}





/* ===== BOARD VIEW PAGE ===== */
.board-view {
	/*
	border-top:2px solid #262524;
	border-bottom:1px solid #262524;
	*/
	position:relative;
}
.board-view .board-view-tit {
	padding:5rem 0;
	border-top:1px solid #262524;
	border-bottom:1px solid #dddddd;
	text-align:center;
}
.board-view .board-view-tit > span {
	display:inline-block;
	margin-bottom:2.4rem;
	font-size:1.8rem;
	color:#c9ab81;
	font-weight:700;
	line-height:1.556em;
}
.board-view .board-view-tit h3 {
	margin-bottom:3.5rem;
	font-size:3.5rem;
	color:#333;
	font-weight:600;
	line-height:1.286em;
}
.board-view .board-view-info {
	display:flex;
	justify-content:center;
	align-items:center;
}
.board-view .board-view-info > div {
	display:block;
	position:relative;
	margin-left:1.7rem;
	padding-left:1.7rem;
	font-weight:500;
	font-family: 'Noto Sans KR', 'Malgun Gothic', dotum, sans-serif;
}
.board-view .board-view-info > div:first-child {
	margin-left:0;
	padding-left:0;
}
.board-view .board-view-info > div::after {
	content:"";
	position:absolute;
	left:0;
	top:50%;
	margin-top:-0.5rem;
	width:1px;
	height:1rem;
	background:#ddd;
}
.board-view .board-view-info .info-date::after {
	display: none;
}
.board-view .board-view-info > div.info-date {
	font-size:1.7rem;
	color:#666666;
}
.board-view .board-view-info > div.info-cate {
	font-size:1.8rem;
	color:#cca77c;
}
.board-view .board-view-con {
	padding:6rem;
	font-size:1.6rem;
	color:#666666;
	line-height:1.625em;
}
.board-view > a {
	display:block;
	position: absolute;
	top: 48%;
}
.board-view > a:hover:before, .board-view > a:focus:before {
	color: #cca77c; 
}

.board-view > a:before {
	content:"\276F";
	display:block;
	font-size: clamp(85px,5vw,105px); 
	color: #333;
	transition: color .3s ease
}
.board-view > a > span {
	position:absolute;
	left:-5000px;
}
.board-view .border-view-prev {
	left: 0;
}
.board-view .border-view-next {
	right: 0;
}
.board-view .border-view-prev:before {
	transform: rotate(180deg);
	
}
.board-view .border-view-next:before {
	
}



.booard-download{display:flex; width:100%;   font-size:16px; border-top:1px solid #ddd;}
.booard-download .down-head{width:200px; background:#f7f7f7;  padding:20px; text-align:center; color:#000; font-weight:500;}
.booard-download .down-list{width:calc(100% - 200px);   padding:20px;  }
.booard-download .down-list a{display:block; margin-right:20px; color:#666; background:url('/img/ico/ic-link.png') no-repeat left center; padding-left:30px; margin-bottom:10px;}
.booard-download .down-list a:last-child{margin-bottom:0;}



/* ===== BOARD PAGE MOVE ===== */
.board-move {
	padding:6rem 0;
}
.board-move ul {
	display:flex;
	justify-content:space-between;
	align-items:center;
	position:relative;
	min-height:7.2rem;
	text-align:center;
}
.board-move li span {
	display:block;
	position:relative;
	margin-bottom:1.8rem;
	font-size:1.8rem;
	color:#262524;
	font-weight:700;
	-webkit-transition:all 0.3s ease;
	transition:all 0.3s ease;
	font-family:'Noto Sans KR', 'Malgun Gothic', dotum, sans-serif;
}
.board-move li p {
	font-size:1.6rem;
	color:#666;
}
.board-move li .link-none p {
	color:#888;
}
.board-move li.prev {
	max-width:calc((100% - 11.2rem) / 2);
	text-align:left;
}
.board-move li.prev span::before {
	opacity:0;
	content:"";
	position:absolute;
	left:0;
	top:50%;
	margin-top:-0.45rem;
	width:1.5rem;
	height:0.9rem;
	background:url('/img/ico/ico-board-prev.png') no-repeat center;
	-webkit-transition:all 0.3s ease;
	transition:all 0.3s ease;
}
.board-move li.next {
	max-width:calc((100% - 11.2rem) / 2);
	text-align:right;
}
.board-move li.next span::before {
	opacity:0;
	content:"";
	position:absolute;
	right:0;
	top:50%;
	margin-top:-0.45rem;
	width:1.5rem;
	height:0.9rem;
	background:url('/img/ico/ico-board-next.png') no-repeat center;
	-webkit-transition:all 0.3s ease;
	transition:all 0.3s ease;
}
.board-move li.prev span::before {
	content:"";
	position:absolute;
	left:0;
	top:50%;
	margin-top:-0.45rem;
	width:1.5rem;
	height:0.9rem;
	background:url('/img/ico/ico-board-prev.png') no-repeat center;
}
.board-move li.prev a:hover span {
	padding-left:3rem;
}
.board-move li.prev a:hover span::before {
	opacity:1;
}
.board-move li.next a:hover span {
	padding-right:3rem;
}
.board-move li.next a:hover span::before {
	opacity:1;
}
.board-move li.mid {
	position:absolute;
	left:50%;
	top:50%;
	-webkit-transform:translate(-50%, -50%);
	transform:translate(-50%, -50%);
}
.board-move li.mid a {
	display: block;
	width:7.2rem;
	height:7.2rem;
	border: 1px solid #262524;
	background-color: #262524;
	background-image: url('/img/ico/ico-board-list.png');
	background-repeat: no-repeat;
	background-position: center center;
	-webkit-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
.board-move li.mid a:hover {
	background-color:#fff;
	background-image: url('/img/ico/ico-board-list-on.png');
}





/* ===== PAGING ===== */
.paging-wrap {
	margin-top:8rem;
	text-align:center;
}
.paging-wrap a {
	display:inline-block;
	width:5rem;
	height:5rem;
	font-size:1.5rem;
	color:#888;
	line-height:5rem;
}
.paging-wrap a span {
	display:inline-block;
	position:relative;
	vertical-align:middle;
	line-height:1;
}
.paging-wrap a span::after {
	display:none;
	content:"";
	position:absolute;
	left:0;
	bottom:-0.7rem;
	width:100%;
	height:0.2rem;
	background:#262524;
}
.paging-wrap a.active {
	color:#262524;
	font-weight:600;
}
.paging-wrap a.active span::after {
	display:block;
}
.paging-wrap a.arrow {
	border:1px solid #eaeaea;
	background-repeat:no-repeat;
	background-position:center center;
	vertical-align:middle;
}
.paging-wrap .arrow:hover {
	border-color:#262524;
}
.paging-wrap .arrow.start {
	background-image:url('/img/bu/bu-paging-start.png');
}
.paging-wrap .arrow.start:hover {
	background-image:url('/img/bu/bu-paging-start-on.png');
}
.paging-wrap .arrow.prev {
	margin-left:1rem;
	margin-right:2rem;
	background-image:url('/img/bu/bu-paging-prev.png');
}
.paging-wrap .arrow.prev:hover {
	background-image:url('/img/bu/bu-paging-prev-on.png');
}
.paging-wrap .arrow.next {
	margin-left:2rem;
	margin-right:1rem;
	background-image:url('/img/bu/bu-paging-next.png');
}
.paging-wrap .arrow.next:hover {
	background-image:url('/img/bu/bu-paging-next-on.png');
}
.paging-wrap .arrow.end {
	background-image:url('/img/bu/bu-paging-end.png');
}
.paging-wrap .arrow.end:hover {
	background-image:url('/img/bu/bu-paging-end-on.png');
}
.paging-wrap .paging a:hover {
	color:#262524;
	font-weight:600;
}





/* ===== COLLECT - SEARCH WRAP ===== */
.collect-search-wrap .search-box {
	font-size:0;
}
.collect-search-wrap .search-wrap::after {
	content:"";
	display:block;
	clear:both;
}
.collect-search-wrap .search-wrap .left-con {
	float:left;
}
.collect-search-wrap .search-wrap .left-con fieldset {
	display: flex;
	align-items: center;
}
.collect-search-wrap .search-wrap .right-con {
	float:right;
}
.collect-search-wrap .search-wrap .nice-select {
	width:18rem;
}
.collect-search-wrap .search-wrap input[type="text"] {
	margin-left:2rem;
	width:47rem;
}
.collect-search-wrap .search-wrap .btn-search {
	width:16rem;
}


.collect-search-wrap .search-wrap .left-con .agree-chk {
	position: relative;
	padding-left: 2.5rem;
}
.collect-search-wrap .search-wrap .left-con .agree-chk label {
	font-size: 1.8rem;
	color: #262524;
	font-weight: 500;
}
.collect-search-wrap .search-wrap .left-con .agree-chk input[type="checkbox"] + label::before {
	top: 0.4rem;
}
.collect-search-wrap .search-wrap .left-con .agree-chk input[type="checkbox"] + label::after {
	top: 0.9rem;
}





/* ===== COLLECT - FILTER BOX ===== */
.collect-search-wrap .filter-wrap {
	display:none;
	position:relative;
	padding:4rem 4rem 0;
	margin-top:4rem;
	border-top:1px solid #ddd;
}
.collect-search-wrap .filter-box-wrap {
	display:flex;
}
.collect-search-wrap .filter-box-wrap .filter-box {
	position:relative;
}
.collect-search-wrap .filter-box-wrap .filter-box.filter-subject {
	width:38rem;
}
.collect-search-wrap .filter-box-wrap .filter-box.filter-history {
	margin-left:2rem;
	width:24rem;
}
.collect-search-wrap .filter-box-wrap .filter-box.filter-history button{
	color: #000;
}
.collect-search-wrap .filter-box-wrap .filter-box.filter-category {
	margin-left:2rem;
	width:24rem;
}
.collect-search-wrap .filter-con-wrap .filter-con {
	display:none;
	padding-top:4rem;
}
.collect-search-wrap .filter-con-wrap .filter-con.active {
	display:block;
}





/* ===== COLLECT - FILTER - HISTORY ===== */
.filter-history {
	min-height:4rem;
}
.filter-history .filter-history-select {
	display:none;
}
.filter-history .filter-history-slider {
	margin-bottom:0 !important;
	width:100%;
	height:0.8rem;
	background-color:#eeeeee !important;
	border-color:#eee !important;
}
.filter-history .filter-history-slider .ui-slider-line {
	display:none !important;
}
.filter-history .filter-history-slider .ui-slider-pip {
	color:#949494;
}
.filter-history .filter-history-slider .ui-slider-pip .ui-slider-label {
	margin-left:0;
	width:auto;
	font-size:1.6rem;
	font-family:'Noto Sans KR', 'Malgun Gothic', dotum, sans-serif;
	font-weight:500;
	-webkit-transform:translateX(-50%);
	transform:translateX(-50%);
}
.filter-history .filter-history-slider .ui-slider-pip-selected-1,
.filter-history .filter-history-slider .ui-slider-pip-selected-2,
.filter-history .filter-history-slider .ui-slider-pip-inrange {
	color:#262524;
}
.filter-history .filter-history-slider .ui-slider-pip-selected-1 .ui-slider-label,
.filter-history .filter-history-slider .ui-slider-pip-selected-2 .ui-slider-label,
.filter-history .filter-history-slider .ui-slider-pip-inrange .ui-slider-label {
	font-weight:700;
}
.filter-history .filter-history-slider .ui-slider-handle {
	top:50%;
	margin-left:0;
	width:1.5rem;
	height:1.5rem;
	border:2px solid #000;
	border-radius:50%;
	background-color:#fff;
	-webkit-transform:translate(-50%,-50%);
	transform:translate(-50%,-50%);
}
.filter-history .filter-history-slider .ui-slider-handle:nth-of-type(1) {
	border-color:#a49384;
	background:#fff;
}
.filter-history .filter-history-slider .ui-slider-handle:nth-of-type(2) {
	border-color:#423b33;
	background:#fff;
}
.filter-history .filter-history-slider .ui-slider-range {
	background: rgb(164,146,132);
	background: linear-gradient(90deg, rgba(164,146,132,1) 0%, rgba(66,58,52,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=rgba(164,146,132,1), endColorstr=rgba(66,58,52,1));
}





/* ===== COLLECT - FILTER CATETORY ===== */
.filter-category {
	display:flex;
	flex-wrap:wrap;
	margin-left:-2rem;
}





/* ===== COLLECT - FILTER KEYWORD CHECK ===== */
.collect-search-wrap .filter-chk-wrap {
	margin-top:3rem;
	border-top:1px solid #ddd;
}
.collect-search-wrap .filter-chk-wrap .filter-chk-list {
	margin-left:-2rem;
	font-size:0;
}
.collect-search-wrap .filter-chk-wrap .filter-chk-item {
	display:inline-block;
	position:relative;
	padding:0 5rem 0 3rem;
	margin-left:2rem;
	margin-top:2rem;
	background:#f2f2f2;
	border-radius:5rem;
	font-size:1.6rem;
	color:#666666;
	white-space:nowrap;
	vertical-align:middle;
	line-height:5rem;
}
.collect-search-wrap .filter-chk-wrap .btn-filter-delete {
	position:absolute;
	right:2rem;
	top:50%;
	-webkit-transform:translateY(-50%);
	transform:translateY(-50%);
}





/* ===== COLLECT - FILTER BTN WRAP ===== */
.collect-search-wrap .filter-btn-wrap {
	display:flex;
	position:absolute;
	right:4rem;
	top:4rem;
}
.collect-search-wrap .filter-btn-wrap .btn-reset {
	min-width:16rem;
}
.collect-search-wrap .filter-btn-wrap .btn-search {
	margin-left:2rem;
	min-width:16rem;
}





/* ===== COLLECT - FILTER OPEN ===== */
.collect-search-wrap.open .filter-wrap {
	display:block;
}
.collect-search-wrap.open .btn-filter-open {
	background-color:#262524;
}
.collect-search-wrap.open .btn-filter-open span {
	color:#fff;
}
.collect-search-wrap.open .btn-filter-open span::before {
	background-image:url('/img/ico/ico-filter-white.png');
}





/* ===== COLLECT - POP WRAP ===== */
.pop-copy {
	display:none;
}
.collect-pop {
	display:flex;
	position: relative;
	top: 50%;
	transform: translateY(-50%);
}
.collect-pop .left-con {
	position:relative;
	padding:0 2.5rem;
	width:50%;
}
.collect-pop .left-con .glass-wrap {
	opacity: 0;
	position:absolute;
	left:0;
	top:0;
	z-index:100;
	width:0;
	height:0;
	border:1px solid #ddd;
	-webkit-transition:all 0.6s ease;
	transition:all 0.6s ease;
}
.collect-pop .left-con .glass-wrap.active {
	opacity: 1;
	width:150%;
	height:100%;
}
.collect-pop .left-con .glass-wrap figure.containerZoom {
	height:100%;
	background-repeat: no-repeat;
	cursor: url(/img/ico/ico_serch_w.png), auto;
}
.collect-pop .left-con .glass-wrap.active figure.containerZoom img {
	cursor : url('/img/ico/ico_serch_w.png'), auto;
}

.collect-pop .swiper-slide{
	max-height: 58rem;
	overflow:hidden;
}
.collect-pop .left-con .glass-wrap .btn-figure-close {
	position:absolute;
	left:100%;
	top:-1px;
	z-index:100;
	width:6rem;
	height:6rem;
	border:1px solid #ddd;
	background:#fff url('/img/ico/ico-figure-close.png') no-repeat center;
}
.collect-pop .left-con img {
	object-fit: contain;
	max-width:100%;
	height: 580px;
	cursor: pointer;
	cursor: zoom-in;
	cursor : url('/img/ico/ico_serch_w.png'), auto;
}
.collect-pop .right-con {
	padding-left:3rem;
	width:50%;
}
.collect-pop-slider {
	overflow:hidden;
	position:relative;
	padding-bottom:5rem;
	text-align: center;
}

.collect-pop-slider .swiper-wrapper{
	display:flex;
	align-items:center;
}
.collect-pop-slider .swiper-button-prev {
	opacity:1;
	left:50%;
	top:auto;
	bottom:0.3rem;
	z-index:100;
	margin-top:0;
	margin-left:-7rem;
	width:3rem;
	height:1rem;
	background:url('/img/bu/bu-pop-sm-left.png') no-repeat center;
	cursor:pointer !important;
	pointer-events:auto !important;
}
.collect-pop-slider .swiper-button-prev:hover {
	background:url('/img/bu/bu-pop-sm-left-on.png') no-repeat center;
}
.collect-pop-slider .swiper-button-prev .hide-word {
	margin-bottom:0;
	bottom:50%;
	right:calc(100% + 1rem);
	color:#c9ab81;
	-webkit-transform:translateY(50%);
	transform:translateY(50%);
}
.collect-pop-slider .swiper-button-prev:hover .hide-word {
	opacity:1;
	visibility:visible;
}
.collect-pop-slider .swiper-button-next {
	opacity:1;
	right:50%;
	top:auto;
	bottom:0.3rem;
	z-index:100;
	margin-top:0;
	margin-right:-7rem;
	width:3rem;
	height:1rem;
	background:url('/img/bu/bu-pop-sm-right.png') no-repeat center;
	cursor:pointer !important;
	pointer-events:auto !important;
}
.collect-pop-slider .swiper-button-next .hide-word {
	margin-bottom:0;
	bottom:50%;
	left:calc(100% + 1rem);
	color:#c9ab81;
	-webkit-transform:translateY(50%);
	transform:translateY(50%);
}
.collect-pop-slider .swiper-button-next:hover {
	background:url('/img/bu/bu-pop-sm-right-on.png') no-repeat center;
}
.collect-pop-slider .swiper-button-next:hover .hide-word {
	opacity:1;
	visibility:visible;
}
.collect-pop-slider.test .swiper-button-next.swiper-button-disabled,
.collect-pop-slider.test .swiper-button-prev.swiper-button-disabled {
	display: none;
}
.collect-pop-slider .swiper-pagination {
	left:0;
	bottom:0;
	font-size:1.2rem;
	color:#7d7c7c;
}
.collect-pop-slider .img-txt {
	font-size: 12px;
	display: flex;
	align-items: center;
	justify-content: center;
	left: 0;
	position: absolute;
	width: 100%;
	bottom: 2.5rem;
}
.collect-pop-slider .img-txt img {
	width: 15px;
	height: 15px;
	margin-right: 5px;
	cursor: auto;
}
.collect-pop-slider .swiper-pagination span {
	vertical-align:middle;
}
.collect-pop-slider .swiper-pagination span.swiper-pagination-current {
	color:#c9ab81;
}
.collect-detail-desc {
	padding-top:4rem;
	border-top:2px solid #262524;
}
.collect-detail-desc .detail-cate {
	font-size:1.6rem;
	color:#c9ab81;
	font-weight:500;
}
.collect-detail-desc .detail-title {
	margin-top:0.5rem;
	font-size:2.6rem;
	color:#262524;
}
.collect-detail-desc .detail-txt {
	margin-top:1rem;
	font-size:1.6rem;
	color:#666666;
	line-height:1.625em;
	letter-spacing:-0.05em;
}
.collect-detail-info {
	margin-top:2.5rem;
}
.collect-detail-info ul {
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between;
	padding:3rem 0;
	border-top:1px solid #ddd;
	border-bottom:1px solid #ddd;
}
.collect-detail-info li {
	position:relative;
	padding-left:12rem;
	margin-top:2rem;
	width:48%;
	font-size:1.6rem;
	color:#666666;
	line-height:1.375em;
}
.collect-detail-info li:first-child {
	margin-top:0;
	width:100%;
}
.collect-detail-info li span {
	position:absolute;
	left:0;
	top:0;
	padding-left:1.5rem;
	font-size:1.6rem;
	color:#262524;
	font-weight:500;
	line-height:1.375em;
}
.collect-detail-info li span::before {
	content:"";
	position:absolute;
	left:0;
	top:1rem;
	width:0.3rem;
	height:0.3rem;
	background:#262524;
}
.collect-detail-view {
	margin-top:5rem;
}
.collect-detail-view h4 {
	font-size:2rem;
	color:#262524;
}
.collect-detail-view p {
	margin-top:0.5rem;
	font-size:1.4rem;
	color:#666666;
	line-height:1.714em;
}
.collect-detail-view .btnwrap {
	display:flex;
	margin-top:2rem;
}
.collect-detail-view .btnwrap a {
	margin-left:2rem;
	min-width:18rem;
}
.collect-detail-view .btnwrap a:first-child {
	margin-left:0;
}






/* ===== COLLECT ===== */
.collect .board-option-wrap {
	margin-top:4rem;
	margin-bottom:2rem;
	padding-top:2rem;
	border-top:1px solid #000;
}
.collect .paging-wrap {
	margin-top:0;
}




/* ===== ONLINE HISTORY HALL ===== */
.online-history-hall {
	display:flex;
	justify-content:center;
	align-items:center;
	position:relative;
	padding:18rem 0 12rem;
	min-height:100vh;
	background-color:#262524;
}
.online-history-hall .bg-change {
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	-webkit-animation: bgScale 2s ease-in-out both;
	animation: bgScale 2s ease-in-out both;
}
@-webkit-keyframes bgScale {
	from {
		transform:scale(1.12);
	}

	to {
		transform:scale(1);
	}
}
@keyframes bgScale {
	from {
		transform:scale(1.12);
	}

	to {
		transform:scale(1);
	}
}
.online-history-hall .bg-change .bg {
	opacity: 0;
	visibility: hidden;
	position: absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	background-repeat:no-repeat;
	background-size:cover;
	background-position:center center;
	-webkit-transition:all 0.4s;
	transition:all 0.4s;
}
.online-history-hall .maxinner {
	margin:0;
	position: relative;
	z-index:10;
}
.online-history-hall .sub-tit-wrap {
	padding:0;
	text-align:center;
}
.online-history-hall .sub-tit-wrap .sub-tit {
	color:#fff;
}
.online-history-hall .sub-tit-wrap .sub-txt {
	color:#fff;
}
.online-history-hall .hall-wrap {
	display:flex;
	justify-content:space-between;
	margin-top:8.5rem;
	text-align:center;
}
.online-history-hall .hall-box {
	display:block;
	padding:9.5rem 0;
	width:calc((100% - 12rem) / 2);
	background-color:rgba(0,0,0,0.2);
	border:1px solid rgba(255,255,255,0.6);
	-webkit-transition:all 0.4s;
	transition:all 0.4s;
}
.online-history-hall .hall-box .hall-ico {
	display:flex;
	justify-content:center;
	align-items:center;
	margin:0 auto 2rem;
	width:7rem;
	height:7rem;
}
.online-history-hall .hall-box .hall-desc {
	font-size:1.8rem;
	color:#fff;
	font-weight:500;
	line-height:1.5em;
}
.online-history-hall .hall-box .hall-title {
	margin-top:0.5rem;
	font-size:4rem;
	color:#fff;
	font-family: 'Noto Sans KR', 'Malgun Gothic', dotum, sans-serif;
	line-height:1.238em;
}
.online-history-hall .hall-box .more-view {
	display:inline-block;
	position:relative;
	padding:0 1rem 1rem;
	margin-top:3rem;
	vertical-align:middle;
}
.online-history-hall .hall-box .more-view::after {
	content:"";
	position:absolute;
	left:0;
	bottom:0;
	width:100%;
	height:1px;
	background:#fff;
}
.online-history-hall .hall-box .more-view span {
	position:relative;
	padding-right:4.5rem;
	font-size:1.8rem;
	color:#ffffff;
}
.online-history-hall .hall-box .more-view span::after {
	content: "";
	position: absolute;
	right: 0;
	top: 50%;
	margin-top:-1.05rem;
	width: 2.1rem;
	height: 2.1rem;
	background: url('/img/ico/ico-blank.png') no-repeat center center;
	background-size:100%;
}
.online-history-hall .bg-change .bg.active {
	opacity: 1;
	visibility: visible;
}
.online-history-hall .hall-wrap.active .hall-box {
	opacity: 0.3;
}
.online-history-hall .hall-wrap.active .hall-box.active {
	opacity: 1;
	background-color: rgba(0,0,0,0.3);
	border-color:rgba(255,255,255,1);
}
/*.online-history-hall .hall-box.active .more-view span::after {
	-webkit-animation: arrowMove 1.2s cubic-bezier(.75,0,.33,.99) both;
    animation: arrowMove 1.2s cubic-bezier(.75,0,.33,.99) both;
}*/
@-webkit-keyframes arrowMove {
	0%{
		-webkit-transform: translateX(0) scaleY(1);
		transform: translateX(0) scaleY(1);
	}
	35%{
		opacity:0;
		-webkit-transform: translateX(2rem) scaleY(0.5);
		transform: translateX(2rem) scaleY(0.5);
	}
	60%{
		opacity:0;
		-webkit-transform: translateX(-2rem) scaleY(0.5);
		transform: translateX(-2rem) scaleY(0.5);
	}
	100%{
		opacity:1;
		-webkit-transform: translateX(0) scaleY(1);
		transform: translateX(0) scaleY(1);
	}
}
@keyframes arrowMove {
	0%{
		-webkit-transform: translateX(0) scaleY(1);
		transform: translateX(0) scaleY(1);
	}
	35%{
		opacity:0;
		-webkit-transform: translateX(2rem) scaleY(0.5);
		transform: translateX(2rem) scaleY(0.5);
	}
	60%{
		opacity:0;
		-webkit-transform: translateX(-2rem) scaleY(0.5);
		transform: translateX(-2rem) scaleY(0.5);
	}
	100%{
		opacity:1;
		-webkit-transform: translateX(0) scaleY(1);
		transform: translateX(0) scaleY(1);
	}
}





/* ===== FORM WRAP ===== */
.form-wrap {
	border-top:1px solid #262524;
}
.form-wrap fieldset {
	padding:4rem 0;
}
.form-wrap fieldset.bt-line {
	border-top: 1px solid #ddd;
}
.form-flex {
	display:flex;
	justify-content:space-between;
}
.form-flex h3 {
	width:36rem;
	font-size:2.8rem;
	color:#262524;
}
.form-flex .form-right {
	width:calc(100% - 36rem);
}
.form-flex .form-right .form-box {
	margin-top:3rem;
}
.form-flex .form-right .form-box:first-child {
	margin-top:0;
}
.form-box {
	display:flex;
}
.form-box .form-label {
	width:20rem;
	padding:2rem 0;
}
.form-box .form-label label {
	font-size:1.8rem;
	color:#262524;
	font-weight:500;
	line-height:1.6;
	position: relative;
}
.form-box .form-label.important > label:before {
	content: '*';
	color: #c9ab81;
	position: absolute;
	left: -1rem;
}
.form-box .form-input {
	width:calc(100% - 16rem);
}
.form-box .form-input.form-full input[type="text"] {
	width:100%;
}
.form-box .form-input.form-half input[type="text"],
.form-box .form-input.form-half .nice-select {
	max-width:39rem;
	width:100%;
}
.form-box .form-input.form-hfull .nice-select {
	max-width: 50rem;
}
.form-box .form-input.form-shalf .nice-select {
	max-width: 25rem;
}
.form-box .nice-select {
	border-color:#f5f5f5;
	background-color:#f5f5f5;
}
.form-box .nice-select.open {
	background-color:#fff;
}
.form-tel {
	display:flex;
	align-items:center;
	max-width:60rem;
}
.form-tel .bar {
	display:block;
	width:3rem;
	font-size:3rem;
	font-weight:300;
	text-align:center;
}
.form-tel .nice-select,
.form-tel input[type="text"] {
	width:calc((100% - 6rem) / 3);
}
.form-tel-confirm {
	display:flex;
	align-items:center;
}
.form-tel-confirm .btn-tel-confirm .form-foreign-box .btn-foreign-confirm{
	margin-left:2rem;
	min-width:15rem;
}
.form-email {
	display:flex;
	align-items:center;
	text-align:center;
}
.form-email .bar {
	display:block;
	width:4rem;
	font-size:1.6rem;
	color:#262524;
	font-weight:500;
}
.form-email .nice-select,
.form-email input[type="text"] {
	width:calc((100% - 5rem) / 3);
}
.form-email .nice-select {
	margin-left:1rem;
}
.form-job .nice-select{
	max-width:39rem;
	width:100%;
}
.form-wrap .nice-select .current {
	color:rgba(38,37,36,0.5);
}
.form-wrap .nice-select.active .current {
	color:#262524;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
}
.form-file .form-file-con {
	display:flex;
	max-width:55rem;
}
.form-file .form-file-name {
	display:flex;
	align-items:center;
	padding:0 2rem;
	width:70%;
	background:#f8f8f8;
	height:6rem;
}
.form-file .form-file-name p {
	overflow:hidden;
	font-size:1.6rem;
	color:rgba(0,0,0,0.5);
	text-overflow:ellipsis;
	white-space:nowrap;
}
.form-file .form-file-btn {
	position:relative;
	margin-left:1rem;
	max-width:15rem;
	width:30%;
}
.form-file .form-file-btn label {
	display:block;
	background: #262524;
	font-size:1.6rem;
	color: #fff;
	line-height: 6rem;
	text-align:center;
	cursor:pointer;
}
.form-file .form-file-btn input {
	position: absolute;
	top: 0;
	right: 0;
	width: 100%;
	height: 100%;
	cursor: pointer;
	opacity: 0;
}
.form-smtxt {
	margin-top:1rem;
	font-size:1.4rem;
	color:#666666;
	line-height:1.714em;
}
.form-partner {
	display:flex;
	align-items:center;
}
.form-partner .chk-box02 {
	margin-left:3rem;
}
.form-partner .chk-box02:first-child {
	margin-left:0;
}
.form-partner .nice-select {
	margin-left:2rem;
	max-width:26rem;
}
.privacy-box-wrap {
	padding:4rem;
	height:24rem;
	background-color:#fafafa;
	font-size:1.6rem;
	color:#666666;
	line-height:1.625em;
}
.privacy-box-wrap .privacy-box {
	overflow-y: auto;
	max-height:100%;
}
.agree-chk-wrap {
	display:flex;
	justify-content:space-between;
	align-items:center;
	margin-top:1.7rem;
}
.agree-chk-wrap p {
	font-size:1.6rem;
	color:#222;
	line-height:1.625em;
}
.agree-chk label {
	display:block;
	position:relative;
	padding-left:3rem;
	font-size:1.6rem;
	color:#222;
	line-height:1.625em;
	cursor:pointer;
}
.agree-chk input[type="checkbox"] {
	position:absolute;
	left:-9999%;
	font-size:0;
}
.agree-chk input[type="checkbox"] + label::before {
	content:"";
	position:absolute;
	left:0;
	top:0.3rem;
	width:2rem;
	height:2rem;
	background-color:#fff;
	border:1px solid #ddd;
	vertical-align:bottom;
}
.agree-chk input[type="checkbox"] + label::after {
	display:none;
	content:"";
	position:absolute;
	left:0.5rem;
	top:0.8rem;
	width:1rem;
	height:1rem;
	background-color:#262524;
}
.agree-chk input[type="checkbox"]:checked + label::after {
	display:block;
}





/* ===== CONTACT ===== */
.contact .contact-tit-wrap {
	position:relative;
}
.contact .contact-tit-wrap a {
	position:absolute;
	right:0;
	bottom:3rem;
}
.contact .btnwrap {
	padding-top:6rem;
	border-top:1px solid #ddd;
	text-align:center;
}
.contact .btnwrap > * {
	margin-left:2rem;
}
.contact .btnwrap > *:first-child {
	margin-left:0;
}





/* ===== GUIDE ===== */
.guide .guide-sec {
	padding:6rem 0;
	border-bottom:1px solid #ddd;
}
.guide .guide-bg {
	position:relative;
	height:58rem;
	border-bottom:none;
}
.guide .guide-bg > div {
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	background-size:cover;
	background-repeat:no-repeat;
	background-position:center center;
}
.guide .guide-sec.sec01 {
	padding:0 0 8rem !important;
	border-bottom:2px solid #262524;
}
.guide .guide-sec.sec03 .right-con a {
	margin-top:4rem;
}
.guide .mapwrap {
	margin-top:4rem;
}
.guide .mapwrap .root_daum_roughmap {
	width:100% !important;
	height:42rem;
}





/* ===== FLEX CON ===== */
.flex-con {
	display:flex;
}
.flex-con .left-con {
	width:36rem;
}
.flex-con .right-con {
	width:calc(100% - 36rem);
}





/* ===== LIST-STYLE ===== */
.list-st01 li {
	position:relative;
	padding-left:1.5rem;
	margin-top:1rem;
	font-size:1.6rem;
	color:#666666;
	line-height:1.625em;
}
.list-st02 li {
	position: relative;
	font-size:1.6rem;
	font-weight:500;
	margin-top: 1.6rem;
	padding-left: 1rem;
	line-height:1.625em;
}
.list-st01 li:first-child {
	margin-top:0;
}
.list-st01 li::after {
	content:"";
	position:absolute;
	left:0;
	top:1.1rem;
	width:0.3rem;
	height:0.3rem;
	background:#262524;
}

.list-st02 li::after {
	content:"";
	position:absolute;
	left:0;
	top:1.1rem;
	width:0.3rem;
	height:0.3rem;
	background:#262524;
}

.list-st01 li + li.small {
	margin-top: 2.5rem;
}
.list-st01 li.small + li.small {
	margin-top: 1rem;
}
.list-st01 li.small {
	font-size: 1.5rem;
	color: #888888;
}
.list-st01 li.small::after {
	content: "*";
	color: #d2b390;
	width: auto;
	height: auto;
	background: none;
	top: 0;
}

.list-st01 li a {
	color: #cca77c;
	text-decoration: underline;
	text-underline-position: under;
}








/* ===== QR - mobile ===== */
.qr-cont{ }
.qr-hd{display:flex;  align-items:center; justify-content:space-between; border-top:1px solid #262524; border-bottom:1px solid #ddd; padding:2rem; margin:3rem 0;}
.qr-hd h3{font-size:20px; color:#262524;}
.qr-hd h3 img{vertical-align:middle; max-width:30px; margin-right:10px;}
.qr-hd a{font-size:14px; color:#cca77c; border-radius:50px; border:1px solid #cca77c; display:inline-block; padding:5px 10px;}
.qr-img{width:100%;  position:relative;  margin:2rem 0;}
.qr-img img{width:100%;}
.qr-img .qr-hover{background:rgba(0,0,0,0.8); padding:3rem; color:#fff;position:absolute; left:0; top:0; width:100%; height:100%; display:none; overflow-y: scroll;}
.qr-img .qr-hover p{font-size:14px; line-height:1.6;}
.qr-audio{background:#f6f6f6; padding:2rem;}
.qr-audio h4{font-size:16px; color:#262524;}
.qr-vr{margin:2rem 0;}
.qr-vr .btn{display:block; background:#262524; color:#fff; padding:2rem; text-align:Center; font-size:16px;}
.qr-vr .btn img{width:30px; margin-right:5px; vertical-align:middle;}
.audio .play-pause-btn{width:40px; height:40px; border:2px solid #262524;  padding:6px; text-align:center; border-radius:50%;}
.audio svg{ transform:scale(.6);}
.audio.audio-player {
	width: 100%;
	height: 56px;
	display: flex;
	justify-content: space-between;
	align-items: center;
	user-select: none;
	-webkit-user-select: none;
}
.audio.audio-player .play-pause-btn {
	display: none;
	cursor: pointer;
}
.audio.audio-player .spinner {
	width: 18px;
	height: 18px;
	background-image: url(https://s3-us-west-2.amazonaws.com/s.cdpn.io/355309/loading.png);
	background-size: cover;
	background-repeat: no-repeat;
	animation: spin 0.4s linear infinite;
}
.audio.audio-player .slider {
	flex-grow: 1;
	background-color: #D8D8D8;
	cursor: pointer;
	position: relative;
}
.audio.audio-player .slider .progress {
	background-color: #262524;
	border-radius: inherit;
	position: absolute;
	pointer-events: none;
}
.audio.audio-player .slider .progress .pin {
	height: 4px;
	width: 16px;
	border-radius: 8px;
	background-color: #262524;
	position: absolute;
	pointer-events: all;
}
.audio.audio-player .controls {
	font-family: "Roboto", sans-serif;
	font-size: 16px;
	line-height: 18px;
	color: #55606E;
	display: flex;
	flex-grow: 1;
	justify-content: space-between;
	align-items: center;
	margin-left: 20px;
	margin-right: 20px;
	position:relative;
}
.audio.audio-player .controls .slider {
	border-radius: 4px;
	height: 4px;
}
.audio.audio-player .controls .slider .progress {
	width: 0;
	height: 100%;
}
.audio.audio-player .controls span {
	cursor: default;
	color:#999;
	font-size:14px;
}

.audio.audio-player .controls .current-time {
	position:absolute;
	left:0;
	bottom:-24px;
}

.audio.audio-player .controls .total-time {
	position:absolute;
	right:0;
	bottom:-24px;
}
.audio.audio-player .volume {
	position: relative;
}
.audio.audio-player .volume .volume-btn {
	cursor: pointer;
}
.audio.audio-player .volume .volume-btn.open path {
	fill: #262524;
}

@keyframes spin {
	from {
		transform: rotateZ(0);
	}
	to {
		transform: rotateZ(1turn);
	}
}




/* ===== RESERVATION ===== */
.reservation-box {
	display: flex;
	justify-content: space-between;
}
.reservation-box .pop-con {
	height: auto;
}
.reservation-tit-wrap .maxinner {
	display:flex;
	justify-content:space-between;
	align-items:center;
	padding:12rem 0 6rem;
}
.reservation-tit-wrap .sub-tit-wrap {
	padding:0;
}
.reservation-tit-wrap .step-list {
	display:flex;
	align-items:center;
	margin:0;
	padding:0;
	list-style:none;
}
.reservation-tit-wrap .step-list li {
	position:relative;
	padding-left:4.5rem;
	margin-left:7rem;
	font-size:1.8rem;
	color:#666666;
	line-height:3.2rem;
}
.reservation-tit-wrap .step-list li::after {
	content:"";
	position:absolute;
	left:-5.5rem;
	top:50%;
	width:4rem;
	height:0.2rem;
	background:#ddd;
}
.reservation-tit-wrap .step-list li:first-child {
	margin-left:0;
}
.reservation-tit-wrap .step-list li:first-child::after {
	display:none;
}
.reservation-tit-wrap .step-list li span {
	position:absolute;
	left:0;
	top:0;
	width:3.2rem;
	height:3.2rem;
	border-radius:50%;
	border:1px solid #888;
	background-color:#fff;
	font-size:2rem;
	color:#888888;
	text-align:center;
	line-height:3.2rem;
	font-family: 'Noto Sans KR', 'Malgun Gothic', dotum, sans-serif;
}
.reservation-tit-wrap .step-list li.on span {
	border-color:#262524;
	background-color:#262524;
	color:#fff;
}
.reservation-notice {
	width: 48.5%;
	border-top:1px solid #262524;
	padding-top: 3rem;
}
.reservation-notice .g-box {
	background: #f6f6f6;
	padding: 4rem;
}
.reservation-notice .g-box .box {
	padding: 3rem 0;
	border-bottom: solid 1px #dddddd;
}
.reservation-notice .g-box .box:first-child {
	padding-top: 0;
}
.reservation-notice .g-box .box:last-child {
	padding-bottom: 0;
	border-bottom: none;
}
.reservation-notice .g-box .box h4 {
	font-size: 1.8rem;
	color: #262524;
	font-weight: 500;
	margin-bottom: 3rem;
}
/*==
.reservation-notice .g-box .box p {
    font-size: 1.6rem;
    color: #262524;
    font-weight: 500;
    margin-bottom: 0.8rem;
}==*/

.reservation-notice .titwrap {
	display:flex;
	align-items:flex-start;
	margin-bottom: 3rem;
}
.reservation-notice h3 {
	position:relative;
	padding-left:3.5rem;
	margin-right:5.5rem;
	font-size:2.2rem;
	color:#262524;
	font-weight: 500;
}
.reservation-notice h3::after {
	content:"";
	position:absolute;
	left:0;
	top:50%;
	margin-top:-1.2rem;
	width:2.4rem;
	height:2.4rem;
	background:url('/img/ico/ico-notice.png') no-repeat center;
}

.reservation .pop-con {
	height: auto;
}




/* ===== SCHEDULE TABLE ===== */
.reservation-box .pin-spacer {height: 1900px !important;}

.reservation-schedule-wrap {
	width: 46.5%;
}
.reservation-schedule-wrap .maxinner {
	display:flex;
	justify-content:space-between;
	position:relative;
	padding:2.5rem 0;
	border-top:1px solid #262524;
	border-bottom:1px solid #ddd;
	flex-wrap: wrap;
}
.reservation .btn-confirm-wrap {
	text-align: center;
	margin-top: 3.5rem;
}
.reservation-schedule-wrap .btn-confirm-wrap a {
	background: #f6f6f6;
	border-color: #f6f6f6;
	color: #aaaaaa;
	font-weight: 500;
	font-size: 1.6rem;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	cursor: auto;
}
.reservation-schedule-wrap .btn-confirm-wrap.check a {
	background-color: #262524;
	color: #fff;
	cursor: pointer;
}
.schedule-table {
	width:100%;
	text-align:center;
}
.schedule-table h4 {
	margin-bottom:1.5rem;
	font-size:3rem;
	color:#262524;
	font-family:  'Noto Sans KR', 'Malgun Gothic', dotum, sans-serif;
	font-weight:600;
}
.schedule-table table {
	width:100%;
}
.schedule-table table caption {
	position:absolute;
	left:-9999%;
	font-size:0;
	text-indent:-9999px;
}
.schedule-table table th {
	height:7.5rem;
	font-size:1.6rem;
	color:#262524;
	font-weight:500;
}
.schedule-table table td {
	width:14.285714%;
	height:6.2rem;
	font-size:1.8rem;
	color:#262524;
}
.schedule-table table td span {
	display:inline-block;
	width:6rem;
	height:6rem;
	border-radius:50%;
	line-height:6rem;
	cursor:pointer;
}
.schedule-table table .dayoff,
.schedule-table table .dayoff span {
	color:red !important;
}
.schedule-table table .current span {
	background-color:#f6f6f6;
}
.schedule-table table .active span {
	background-color:#cca77c;
	color:#fff;
}
.schedule-table table .no,
.schedule-table table .no span {
	color:#aaa !important;
	pointer-events:none !important;
}
.schedule-prev {
	position:absolute;
	left:0;
	top:4.3rem;
	width:2.8rem;
	height:1.1rem;
	background-image:url('/img/ico/ico-schedule-left.png');
	background-repeat:no-repeat;
	background-position:center center;
	background-repeat:no-repeat;
}
.schedule-prev:hover {
	background-image:url('/img/ico/ico-schedule-left-on.png');
}
.schedule-next {
	position:absolute;
	right:0;
	top:4.3rem;
	width:2.8rem;
	height:1.1rem;
	background-image:url('/img/ico/ico-schedule-right.png');
	background-repeat:no-repeat;
	background-position:center center;
	background-repeat:no-repeat;
}
.schedule-next:hover {
	background-image:url('/img/ico/ico-schedule-right-on.png');
}

.reservation-situation {
	border-top: solid 1px #262524;
	padding: 3rem 3rem 0;
	width: 100%;
	margin-top: 4rem;
}
.reservation-situation .titwrap {
	margin-bottom: 2.5rem;
}
.reservation-situation .titwrap h3 {
	position: relative;
	padding-left: 3.5rem;
	margin-right: 5.5rem;
	font-size: 2.2rem;
	color: #262524;
	font-weight: 500;
}
.reservation-situation .titwrap h3::before {
	content: "";
	position: absolute;
	left: 0;
	top: 50%;
	margin-top: -1.2rem;
	width: 2.5rem;
	height: 2.5rem;
	background: url('/img/ico/ico-reservation.png') no-repeat center;
}
.reservation-situation .reservation-time ul {
	display: flex;
	flex-wrap: wrap;
}
.reservation-situation .reservation-time li {
	width: 50%;
	margin-bottom: 1.5rem;
}
.reservation-situation .reservation-time li:nth-last-child(-n+2) {
	margin-bottom: 0;
}
.reservation-situation .reservation-time li .chk-box02 input:checked + label {
	color: #262524;
}
.reservation-situation .reservation-time li .chk-box02 label {
	color: #666;
}
.reservation-situation .reservation-time li .chk-box02 span {
	font-size: 1.6rem;
	color: #aaaaaa;
	vertical-align: middle;
	position: relative;
	padding-left: 1rem;
	margin-left: 1rem;
}
.reservation-situation .reservation-time li .chk-box02 span::before {
	content: '';
	position: absolute;
	width: 1px;
	height: 10px;
	background: #dddddd;
	top: 50%;
	transform: translateY(-50%);
	left: 0;
}
.reservation-situation .reservation-time li .chk-box02 input[disabled] + label {
	color: #aaaaaa;
}
.chk-box02 input[disabled] + label::after {
	display: block;
	background-color: #aaa;
}
/* ===== RESERVATION ===== */




/* ===== RESERVATION POPUP ===== */
.pop-btnwrap {
	margin-top:4rem;
	text-align:center;
}
.pop-btnwrap > * {
	margin-left:1rem;
}
.pop-btnwrap > *:first-child {
	margin-left:0;
}
.pop-reservation {
	text-align:center;
}
.pop-reservation .pop-inner {
	max-width:75rem;
}
.pop-reservation h2 {
	margin:1.5rem 0 0.5rem;
	font-size:2.6rem;
	color:#262524;
}
.pop-reservation .desc {
	margin-bottom: 3rem;
	font-size: 1.5rem;
	color: #262524;
}
.pop-reservation .reservation-info {
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between;
}
.pop-reservation .reservation-info li {
	position:relative;
	padding-left:1.5rem;
	width:49%;
	font-size:1.6rem;
	font-weight:500;
	line-height:2.25em;
}
.pop-reservation .reservation-info li:last-child {
	width: 100%;
}
.pop-reservation .reservation-info li::after {
	content:"";
	position:absolute;
	left:0;
	top:1.6rem;
	width:0.3rem;
	height:0.3rem;
	background-color:#262524;
}
.pop-reservation .reservation-info li strong {
	color:#262524;
}
.pop-reservation .reservation-box {
	padding:4rem;
	background:#f6f6f6;
	text-align:left;
}
#pop-reservation-search .reservation-search {
	margin:0 auto;
	max-width:47rem;
	text-align:left;
}
#pop-reservation-search .reservation-search .form-box {
	margin-top:2rem;
}
#pop-reservation-search .reservation-search .form-box:first-child {
	margin-top:0;
}
#pop-reservation-search .reservation-search .form-box .form-label {
	width:8rem;
}
#pop-reservation-search .reservation-search .form-box .form-input {
	width:calc(100% - 8rem);
}


.en #pop-reservation-search .reservation-search .form-box .form-label {
	width: 12rem;
}
.pop-reservation .reservation-line {
	width: 100%;
	height: 1px;
	display: block;
	background: #e5e5e5;
	margin: 5rem 0;
}




.reservation-fixed {
	position: fixed;
	top: 7rem;
	background-color: #262524;
	width: 100%;
	transform: translateY(-100%);
	transition: 0.5s;
	display: none;
}
.reservation-fixed.active {
	transform: translateY(0%);
}
.reservation-fixed .choice {
	font-size: 1.4rem;
	color: #fff;
	padding: 2rem;
}
.reservation-fixed dl {
	margin-bottom: 0.3rem;
	display: flex;
	align-items: center;
	position: relative;
	padding-left: 1rem;
}
.reservation-fixed dl::before {
	content: '';
	width: 3px;
	height: 3px;
	background: #fff;
	border-radius: 100%;
	left: 0;
	position: absolute;
}
.reservation-fixed dl dt {
	font-weight: 500;
	min-width: 7rem;
	padding-right: 1rem;
}
.reservation-fixed .top-btn {
	position: absolute;
	width: 3.25rem;
	height: 3.25rem;
	background: #cca77c;
	border-radius: 50%;
	right: 2rem;
	top: 50%;
	transform: translateY(-50%);
	display: flex;
	align-items: center;
	justify-content: center;
}
.reservation-fixed .top-btn img {
	transform: scale(0.65);
}





/* ===== about ===== */

.about-cont{
	position: relative;
}
.about-cont.inner {
	display:flex;
	align-items:center;
	position: relative;
	height: 100vh;
}
.about-cont.main-tit-wrap {
	display:flex;
	justify-content:space-between;
	align-items:flex-end;
}
.about-cont.main-tit-wrap .left-tit {
}
.about-cont.about-inner {
	width:100%;
}
.about-pin-wrap {
	position: relative;
	overflow:hidden;
}
.about-pin-wrap::after{
	content:'';
	width:100%; height:100%;
	position:absolute;
	left:0;
	top:0;
	background:url('/img/sub/about-bg01.jpg') no-repeat center center / cover;
	-webkit-animation: bgScale 5s forwards ;
	animation: bgScale 5s forwards ;
}
@-webkit-keyframes fadeUp {
	0% {
		transform: translateY(100px);
	}
	100%{
		transform: translateY(0);
		opacity:1;
	}
}
@keyframes fadeUp {
	0% {
		transform: translateY(100px);
	}
	100%{
		transform: translateY(0);
		opacity:1;
	}
}
@-webkit-keyframes bgScale {
	0% {
		transform:scale(1);
	}
	100%{
		transform:scale(1.1);
	}
}
@keyframes bgScale {
	0% {
		transform:scale(1);
	}
	100%{
		transform:scale(1.1);
	}
}
.trans-bg{
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	background-color:transparent;
	z-index: 1;
}
.about-list-wrap{
	position:relative;
	z-index:2;
}
.about-list {
	display: flex;
	margin: 0 auto;
	position:relative;
	width: 100%;
}
.about-list .about-wrapper {
	display: flex;
	justify-content: flex-start;
	align-items: center;
	position: absolute;
	left: 0;
	top: 0;
}
.about-list .about-item {
	overflow: hidden;
	display: block;
	flex-shrink: 0;
	will-change: transform, opacity;
	width:100vw;
	height:100vh;
	color:#fff;
}
.about-list .about-thumb {
	overflow: hidden;
	position: relative;
	max-height: 58.7rem;
	-webkit-transform: rotate(0.001deg);
	transform: rotate(0.001deg);
}
.about-list .about-thumb::before {
	content:"";
	position:absolute;
	left:3rem;
	top:3rem;
	z-index:10;
	width:3rem;
	height:3rem;
	background:url('/img/bu/bu-picture-left.png') no-repeat center;
	-webkit-transform:scale(0, 0);
	transform:scale(0, 0);
	-webkit-transform-origin:0 0;
	transform-origin:0 0;
	-webkit-transition:all 0.7s ease;
	transition:all 0.7s ease;
}
.about-list .about-thumb::after {
	content:"";
	position:absolute;
	right:3rem;
	bottom:3rem;
	z-index:10;
	width:3rem;
	height:3rem;
	background:url('/img/bu/bu-picture-right.png') no-repeat center;
	-webkit-transform:scale(0, 0);
	transform:scale(0, 0);
	-webkit-transform-origin:right bottom;
	transform-origin:right bottom;
	-webkit-transition:all 0.7s ease;
	transition:all 0.7s ease;
}
.about-list .about-thumb > div {
	position:relative;
	-webkit-transition: transform 0.7s ease;
	transition: transform 0.7s ease;
}
.about-list .about-thumb > div::before {
	content:"";
	position:absolute;
	left:50%;
	top:50%;
	z-index:10;
	margin:-2rem 0 0 -2rem;
	width:4rem;
	height:4rem;
	background:url('/img/bu/bu-picture-center.png') no-repeat center;
	-webkit-transform:scale(0, 0);
	transform:scale(0, 0);
	-webkit-transition:transform 0.4s ease;
	transition:transform 0.4s ease;
}
.about-list .about-thumb > div::after {
	opacity:0;
	visibility:hidden;
	content:"";
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	background-color:rgba(0,0,0,0.4);
	-webkit-transition:all 0.4s ease;
	transition:all 0.4s ease;
}
.about-list .about-thumb img {
	display: block;
	max-width: none;
	width: 100%;
}
.about-list .about-item:hover .about-thumb::before,
.about-list .about-item:hover .about-thumb::after {
	-webkit-transform:scale(1, 1);
	transform:scale(1, 1);
}
.about-list .about-item:hover .about-thumb > div {
	-webkit-filter: grayscale(100%);
	filter: grayscale(100%);
	-webkit-transform:scale(1.08);
	transform:scale(1.08);
}
.about-list .about-item:hover .about-thumb > div::before {
	-webkit-transform:scale(1,1);
	transform:scale(1,1);
}
.about-list .about-item:hover .about-thumb > div::after {
	opacity:1;
	visibility:visible;
}
.about-list .about-desc {
	opacity:1;
	visibility:visible;
	margin-top:2.5rem;
	-webkit-transition:all 0.7s ease;
	transition:all 0.7s ease;
}
.about-list .about-desc span {
	display: block;
	font-size: 1.6rem;
	color: #c9ab81;
	line-height: 1.625em;
	font-weight: 500;
}
.about-list .about-desc p {
	margin-top: 0.25em;
	font-size: 2rem;
	color: #262524;
	line-height: 1.5em;
	font-weight: 500;
}
.about-cont.reached .about-list .about-desc {
	opacity:0;
	visibility:hidden;
}
/*익스 9,10만 적용*/
@media screen and (min-width:0\0){
	.about-cont.reached .about-list .about-thumb > div {
		-webkit-transition: none !important;
		transition: none !important;
	}
}



.about-wide {
	width: 100%;
	height: 100%;
}
.about-wide .txt-con {
	position: absolute;
	left: 0;
	top: 0;
	text-align:center;
	width:100%;
	height:100%;
}

.about-wide .txt-con .txt .year{
	font-size:3.6rem;
	display:block;
	margin-bottom:2rem;
}
.about-wide .txt-con .txt .year .yline{
	width:20rem;
	height:2px;
	background:rgba(255,255,255,0.3);
	display:inline-block;
	margin:0 20px 10px;
	position:relative;
	overflow:hidden;
}

.reached .about-wide .txt-con .txt .year .yline::after{
	content: "";
	position:  absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 2px;
	background: #fff;
	-webkit-animation: lineAni 7s ease forwards ;
	animation: lineAni 7s ease forwards ;
}

.about-wide .txt-con .linebox {
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	border:1px solid rgba(255,255,255,0.3);
}
.about-wide .txt-con .txt {
	position: absolute;
	left: 0;
	top: 50%;
	z-index: 10;
	width: 100%;
	font-family: 'Noto Sans KR', 'Malgun Gothic', dotum, sans-serif;
	-webkit-transform: translateY( -50%);
	transform: translateY( -50%);
}
.about-wide .txt-con .word {
	overflow:hidden;
	display: inline-block;
	position: absolute;
	left: 0;
	width:100%;
	text-align:center;
	z-index: 10;
	bottom:0;
	font-size: 1.4rem;
	color: #fff;
	letter-spacing:0;
	line-height: 1;
	font-family:'Noto Sans KR', 'Malgun Gothic', dotum, sans-serif;
}
.about-wide .txt-con .word .line {
	position:  relative;
	display:block;
	margin:2rem auto 0;
	width: 1px;
	height: 6rem;
	background: rgba(255,255,255,0.3);
	overflow:hidden;
}
.about-wide .txt-con .line::after {
	content: "";
	position:  absolute;
	left: 0;
	bottom: 0;
	width: 1px;
	height: 6rem;
	background: #fff;
	-webkit-animation: lineAni2 2s ease infinite;
	animation: lineAni2 2s ease infinite;
}
@-webkit-keyframes lineAni {
	0% {
		width:0%;
	}
	100%{
		width:100%;
	}
}
@keyframes lineAni {
	0% {
		width:0%;
	}
	100%{
		width:100%;
	}
}

@-webkit-keyframes lineAni2 {
	0% {
		transform: translate3d(0, -100%, 0);
	}
	100%{
		transform: translate3d(0, 100%, 0);
	}
}
@keyframes lineAni2 {
	0% {
		transform: translate3d(0, -100%, 0);
	}
	100%{
		transform: translate3d(0, 100%, 0);
	}
}



.mobile .about-list .about-wrapper{  flex-direction: column;   position: relative;}
.mobile .about-pin-wrap::after{height:100vh; position:fixed;}
.mobile .about-offline{background:#fff; position:relative; z-index:2; margin-bottom:0; padding-bottom:80px;}
.mobile .about-list .about-item.last-item{margin-top:-20vh;}
.mobile .about-wwbt .wwbt-tit{font-size: 3.6rem; }
.mobile .about-wwbt .wwbt-txt h4{font-size:1.8rem; margin-top:4rem;}
.mobile .about-wwbt .wwbt-txt p{font-size:1.6rem;}
.mobile .about-list .about-item:nth-child(2){height:auto;}



.about-offline{ text-align:center; margin-bottom:160px;}
.about-offline .sub-tit-wrap .sub-tit{font-size:3.6rem;}
.offline-slider-wrap {
	width: 90%;
	max-width: 1240px;
	margin: 0 auto;
}
.offline-slider{
	overflow: inherit;
}
.offline-slider .swiper-slide {
	text-align: center;
	position: relative;
	opacity:.6;
}
.offline-slider .swiper-slide p{
	text-align:left; padding:20px 0 60px;font-size:3rem;
	color:#333;
	font-weight:600;
	transition-delay:.6s;
}
.offline-slider .swiper-slide-active{
	opacity:1;
}
.offline-slider .swiper-button-wr{
	position:absolute;
	right:0;
	bottom:40px;
	width:150px;
}

.offline-slider .swiper-button-prev {
	opacity:1;
	left:50%;
	top:auto;
	bottom:0.3rem;
	z-index:100;
	margin-top:0;
	margin-left:-7rem;
	width:3rem;
	height:1rem;
	background:url('/img/bu/bu-pop-sm-left.png') no-repeat center;
	cursor:pointer !important;
	pointer-events:auto !important;
}
.offline-slider .swiper-button-prev:hover {
	background:url('/img/bu/bu-pop-sm-left-on.png') no-repeat center;
}
.offline-slider .swiper-button-prev .hide-word {
	margin-bottom:0;
	bottom:50%;
	right:calc(100% + 1rem);
	color:#c9ab81;
	-webkit-transform:translateY(50%);
	transform:translateY(50%);
}
.offline-slider .swiper-button-next {
	opacity:1;
	right:50%;
	top:auto;
	bottom:0.3rem;
	z-index:100;
	margin-top:0;
	margin-right:-7rem;
	width:3rem;
	height:1rem;
	background:url('/img/bu/bu-pop-sm-right.png') no-repeat center;
	cursor:pointer !important;
	pointer-events:auto !important;
}
.offline-slider .swiper-button-next .hide-word {
	margin-bottom:0;
	bottom:50%;
	left:calc(100% + 1rem);
	color:#c9ab81;
	-webkit-transform:translateY(50%);
	transform:translateY(50%);
}
.offline-slider .swiper-button-next:hover {
	background:url('/img/bu/bu-pop-sm-right-on.png') no-repeat center;
}
.offline-slider .swiper-pagination {
	left:0;
	bottom:0;
	font-size:1.2rem;
	color:#7d7c7c;
}
.offline-slider .swiper-pagination span {
	vertical-align:middle;
}
.offline-slider .swiper-pagination span.swiper-pagination-current {
	color:#c9ab81;
}
.about-offline .swiper-container-horizontal>.swiper-scrollbar{
	opacity:1 !important;
	width: 100%;
	left: 0;
	bottom:0;
	margin:0 auto;
	background:rgba(184, 184, 184,0.3);
	height:2px;
}
.about-offline .swiper-scrollbar-drag{
	background:#262524;
}

.about-offline .swiper-button-pause{
	width:20px;
	height:20px;
	border:0;
	background:#fff;
	position:absolute;
	right:-40px;
	bottom:-1px;
	z-index:2;
}
.about-offline .swiper-button-pause::after{
	content:'II';
	position:absolute;
	left:0;
	top:0;
	width:20px;
	height:20px;
	line-height:20px;
	text-align:center;
	font-weight: 600;
}

.about-offline .swiper-button-pause.stop::after{
	content:'▶';
}





.about-title {text-align:center; position:absolute; left:0; width:100%; top:50%; transform:translateY(-50%); }
.about-title h3{ font-size:6.6rem; margin-top:20px;font-family: 'Noto Sans KR', 'Malgun Gothic', dotum, sans-serif; overflow:hidden;
	-webkit-animation: fadeUp 1.2s forwards ;
	animation: fadeUp 1.2s forwards ;
	transition-delay: 0.1s;    transition-duration: 1.4s; opacity:0;
}
.about-title p{ font-size:2.2rem; overflow:hidden;
	-webkit-animation: fadeUp 1.2s forwards ;
	animation: fadeUp 1.2s forwards ;
	transition-delay: 0.1s;    transition-duration: 1.4s;  opacity:0;}

.about-wwbt{display:flex; align-items:center; width: 100%;height: 100%; flex-wrap:wrap;}
.about-wwbt .wwbt-tit{font-size:5.6rem; width:35%;font-family: 'Noto Sans KR', 'Malgun Gothic', dotum, sans-serif; font-weight:bold;}
.about-wwbt .wwbt-txt{width:35%;}
.about-wwbt .wwbt-txt h4{font-size:3rem; font-family: 'Noto Sans KR', 'Malgun Gothic', dotum, sans-serif;}
.about-wwbt .wwbt-txt p{font-size:1.6rem; margin:20px 0; line-height:2;}

/* ===== RESPONSIVE ===== */
@media screen and (max-width: 1600px) {

	.pc-br {
		display: none;
	}
	/* ===== ONLINE HISTORY HALL ===== */
	.online-history-hall .hall-box {
		width:calc((100% - 4rem) / 2);
	}


	/* ===== POP WRAP ===== */
	.pop-con {
		overflow-y: auto;
		padding: 6rem;
		background-color: #fff;
		height:90vh;
		/*margin-top:-4rem;*/
		/*padding:6rem 2rem;*/
		/*max-height:calc(100vh - 15rem);*/
	}

	.collect-pop {
		top: auto;
		transform: none;
	}

	.pop-inner {
		width:calc(100% - 4rem);
	}
	.popup360 .btn-pop-close360{
		width:2rem;
		height:2rem;
	}
	.bu-pop-left {
		left:2rem;
	}
	.bu-pop-right {
		right:2rem;
	}
	.pop-inner > .btn-pop-close .hide-word {
		margin-bottom:-0.5rem;
	}


	/* ===== COLLECT ===== */
	.collect-search-wrap .filter-btn-wrap {
		position:static;
		margin:4rem 0 0;
		padding-top:4rem;
		justify-content:center;
		border-top:1px solid #ddd;
	}
	.collect .pop-con {
		margin-top: 0;
		padding: 6rem;
		max-height: 85vh;
	}
	.collect .pop-inner {
		width:calc(100% - 30rem);
	}
	.collect .pop-inner > .btn-pop-close {
		margin-right: 0;
		right: -6.6rem;
		top: 0;
		bottom:auto;
		width: 3.6rem;
		height: 3.6rem;
	}


	/* ===== GUIDE ===== */
	.guide .guide-bg {
		padding-bottom:38.667%;
		height:auto;
	}

	.collect-pop .swiper-slide{
		max-height: 50rem;
	}
	.collect-pop .left-con img {
		height: 500px;
	}

}


@media screen and (max-width: 1500px) {
	.pop-inner > .btn-pop-close {
		margin-right:-1.8rem;
		right:50%;
		top:auto;
		bottom:-6rem;
		width:3rem;
		height:3rem;
	}
}


@media screen and (max-width: 1280px) {
	/* ===== SUB TIT ===== */
	.sub-tit-wrap .sub-tit {
		font-size:3.9rem;
	}
	.sub-tit-wrap .sub-txt {
		font-size:1.5rem;
	}
	.sub-con-tit {
		font-size:2.4rem;
	}


	/* ===== ONLINE HISTORY HALL ===== */
	.online-history-hall .hall-wrap {
		margin-top:7rem;
	}
	.online-history-hall .hall-box {
		padding:8rem 0;
	}
	.online-history-hall .hall-box .hall-title {
		font-size:3.3rem;
	}
	.online-history-hall .hall-box .hall-desc {
		font-size:1.5rem;
	}
	.online-history-hall .hall-box .more-view span {
		font-size:1.5rem;
	}
	.online-history-hall .hall-box .more-view span::after{
		background-size:80%;
	}


	/* ===== COLLECT ===== */
	.board-gall {
		margin-left:-2rem;
	}
	.board-gall .gall-item {
		margin-bottom: 5rem;
		margin-left: 2rem;
		width: calc(33.3333% - 2rem);
	}
	.board-gall .gall-item .desc-cate {
		font-size:1.4rem;
	}
	.board-gall .gall-item .desc-title {
		font-size:1.8rem;
	}
	.board-gall .gall-item .desc-info span {
		font-size:1.4rem;
		line-height:2rem;
	}
	.board-sort .current {
		font-size:1.6rem;
	}
	.btn-filter-open {
		min-width:auto;
	}
	.collect-search-wrap .filter-box-wrap {
		margin:-1rem 0 0 important;
		flex-wrap:wrap;
	}
	.collect-search-wrap .filter-box-wrap .filter-box {
		margin:1rem 0 0 !important;
		width:100% !important;
	}
	.collect-search-wrap .search-wrap .nice-select {
		width:12rem;
	}
	.collect-search-wrap .search-wrap .btn-search {
		min-width:10rem;
		width:auto;
	}
	.collect-search-wrap .search-wrap input[type="text"] {
		margin-left:1rem;
		width:30rem;
	}
	.filter-category {
		margin-top:-1rem;
		margin-left:-1rem;
	}
	.collect-pop .left-con .glass-wrap {
		left:0;
	}
	.pop-con{
		height: 75vh;
	}
	.collect .pop-con {
		margin-top: -4rem;
		padding: 6rem 2rem;
		max-height: calc(100vh - 15rem);
	}
	.collect .pop-inner {
		width: calc(100% - 4rem);
	}
	.collect .pop-inner > .btn-pop-close {
		margin-right: -1.8rem;
		right: 50%;
		top: auto;
		bottom: -6rem;
		width: 3rem;
		height: 3rem;
	}
	.popup360 .pop-con {
		padding: 0;
		margin-top: 2rem;
	}
	.popup360 .btn-pop-close {
		margin-right: -1.8rem;
		right: 50%;
		top: auto;
		bottom: 3.5rem;
		width: 3rem;
		height: 3rem;
	}


	/* ===== POP WRAP ===== */
	.bu-pop-left {
		top:auto;
		bottom:2rem;
		margin-top:0;
		width:6rem;
		height:6rem;
	}
	.bu-pop-left .hide-word {
		margin-bottom:0;
		left:calc(100% + 1rem);
		top:50%;
		bottom:auto;
		-webkit-transform:translateY(-50%);
		transform:translateY(-50%);
	}
	.bu-pop-right {
		top:auto;
		bottom:2rem;
		margin-top:0;
		width:6rem;
		height:6rem;
	}
	.bu-pop-right .hide-word {
		margin-bottom:0;
		right:calc(100% + 1rem);
		top:50%;
		bottom:auto;
		-webkit-transform:translateY(-50%);
		transform:translateY(-50%);
	}
	.collect-pop .left-con {
		padding:0 2rem 0 0;
	}
	.collect-pop .right-con {
		padding:0 0 0 2rem;
	}
	.collect-detail-desc .detail-title {
		font-size:2.2rem;
	}
	.collect-detail-view .btnwrap a {
		margin-left:4%;
		min-width:auto;
		width:48%;
	}
	.collect-detail-info li {
		width:100%;
	}


	/* ===== BOARD SEARCH ===== */
	.board-search-box .nice-select {
		margin-right:1rem;
		width:12rem;
	}
	.board-search-box input {
		min-width:24rem;
	}
	.board-search-box .btn-search {
		min-width:10rem;
	}
	.board-view .board-view-tit h3 {
		font-size:3rem;
	}



	/* ===== PAGING WRAP ===== */
	.paging-wrap a {
		width:4rem;
		height:4rem;
		line-height:4rem;
	}


	/* ===== CONTACT ===== */
	.form-flex {
		flex-wrap:wrap;
	}
	.form-flex h3 {
		margin-bottom:3rem;
		width:100%;
		font-size:2.2rem;
	}
	.form-flex h3 br {
		display:none;
	}
	.form-flex .form-right {
		width:100%;
	}


	/* ===== RESERVATION ===== */
	.reservation-tit-wrap .step-list li {
		margin-left:3rem;
		font-size:1.5rem;
	}
	.reservation-tit-wrap .step-list li::after {
		left:-3.5rem;
		width:2rem;
	}
	.schedule-table h4 {
		font-size:2.4rem;
	}
	.schedule-table table th {
		height:5rem;
		font-size:1.4rem;
	}
	.schedule-table table td {
		height:5rem;
		font-size:1.4rem;
	}
	.schedule-table table td span {
		width:4rem;
		height:4rem;
		line-height:4rem;
	}
	.reservation-box {
		flex-direction: column-reverse;
	}
	.reservation-box > div {
		width: 100%;
	}
	.reservation-schedule-wrap {
		margin-bottom: 5rem;
	}


	/* ===== GUIDE ===== */
	.guide .guide-sec.sec01 {
		padding-bottom:5rem !important;
	}
	.guide .flex-con {
		flex-wrap:wrap;
	}
	.guide .flex-con .left-con {
		width:100%;
	}
	.guide .flex-con .right-con {
		margin-top:3rem;
		width:100%;
	}
	.guide .mapwrap .root_daum_roughmap {
		height:30rem;
	}

}
@media screen and (max-width:768px) {
	/* ===== COMMON ===== */
	input[type="date"].datepicker,
	input[type="text"].datepicker {
		background-position: right 1rem center !important;
	}
	.hide-word {
		display:none !important;
	}
	input[type="text"] {
		padding:0 1rem;
		height:4.5rem;
		font-size:1.4rem;
		line-height:4.3rem;
	}
	.btn-select {
		padding:0 4.4rem 0 1rem;
	}
	.nice-select {
		padding:0 4.4rem 0 1rem;
		height:4.5rem !important;
		font-size:1.4rem !important;
		line-height:4.3rem !important;
	}
	.nice-select .option{
		padding: 1rem 1rem 1rem 1rem;
		min-height: auto;
		text-indent: 0;
	}
	.nice-select:after {
		right:1rem;
		width:1rem;
	}
	.btnset {
		height:4.5rem !important;
		font-size:1.4rem !important;
		line-height:4.3rem !important;
	}
	.normal-contents {
		padding:7rem 0 10rem;
	}
	.btn-filter-open {
		margin-top:1rem;
		width:100%;
	}
	.btn-type01 {
		text-align:center;
	}
	.btn-type01 span {
		font-size:1.4rem;
		line-height:4.3rem;
	}
	textarea {
		padding:1rem;
	}
	.btn-cancel {
		max-width:none;
	}
	.btn-submit {
		max-width:none;
	}


	/* ===== SUB TIT ===== */
	.sub-tit-wrap {
		padding:8rem 0 4rem;
	}
	.sub-tit-wrap .sub-tit {
		font-size:3rem;
	}
	.sub-tit-wrap .sub-txt {
		font-size:1.4rem;
	}
	.sub-con-tit {
		font-size:2rem;
	}

	/* ===== ABOUT ===== */
	.about-title{padding: 0 20px;}
	.about-title p{    font-size: 1.4rem;}
	.about-title h3{font-size:3.0rem;}
	.about-title h3 span{display:block;}
	.about-wwbt{    align-items: center; padding:20% 10%;}
	.about-wwbt .wwbt-tit{width:100%; font-size: 2rem;  }
	.about-wwbt .wwbt-txt{width:100%;  }
	.about-wwbt .wwbt-txt h4{font-size:1.4rem;}
	.about-wwbt .wwbt-txt p{ font-size: 1.2rem;}
	.about-wide .txt-con .txt{padding:0 10%;}
	.about-wide .txt-con .txt .year{font-size:2rem;}
	.about-wide .txt-con .txt .year .yline{width:10rem; margin: 0 20px 6px;}
	.about-offline .sub-tit-wrap .sub-tit{font-size:3rem;}
	.offline-slider .swiper-slide p{font-size:1.8rem; text-align:center;}
	.offline-slider .swiper-slide{width:80%}
	.about-offline .swiper-container-horizontal>.swiper-scrollbar{width:80%; left:10%;}
	.offline-slider .swiper-button-wr{left:50%; margin-left:-75px; bottom:30px;}
	.offline-slider{margin-bottom:0; padding-bottom:30px;}
	.about-offline{margin-bottom:80px;}

	/* ===== ONLINE HISTORY HALL ===== */
	.online-history-hall {
		padding-top:15rem;
	}
	.online-history-hall .hall-wrap {
		flex-wrap:wrap;
	}
	.online-history-hall .hall-box {
		padding:5rem 0;
		margin-top:2rem;
		width:100%;
	}
	.online-history-hall .hall-box:first-child {
		margin-top:0;
	}
	.online-history-hall .hall-box:nth-child(2) {
		display:none !important;
	}
	.online-history-hall .hall-box .hall-ico {
		width:4.5rem;
		height:4.5rem;
	}
	.online-history-hall .hall-box .hall-desc {
		font-size:1.3rem;
	}
	.online-history-hall .hall-box .hall-title {
		font-size:2.6rem;
	}


	/* ===== COLLECT ===== */
	.board-gall .gall-item {
		width:calc(50% - 2rem);
	}
	.board-gall .gall-item .desc-info span {
		margin-left:0.8rem;
		/* padding-left:0.7rem; */
	}
	.collect .board-option-wrap .left-con {
		float:left;
	}
	.collect .board-option-wrap .right-con {
		float:right;
	}
	.collect-search-wrap .filter-wrap {
		padding:4rem 0 0;
	}
	.collect-search-wrap .search-wrap .left-con {
		float:none;
		width:100%;
	}
	.collect-search-wrap .search-wrap .left-con fieldset {
		flex-direction: column;
	}
	.collect-search-wrap .search-box {
		width: 100%;
	}
	.collect-search-wrap .search-wrap .right-con {
		float:right;
		width:100%;
	}
	.collect-search-wrap .search-wrap .nice-select {
		margin-bottom:1rem;
		width:100%;
	}
	.collect-search-wrap .search-wrap input[type="text"] {
		margin-left:0;
		width:calc(100% - 10rem);
	}
	.collect-search-wrap .search-wrap .btn-search {
		width:10rem;
	}
	.collect-search-wrap .filter-btn-wrap .btn-reset {
		min-width:auto;
	}
	.collect-search-wrap .filter-chk-wrap .filter-chk-list {
		margin-left:-1rem;
		margin-top:1rem;
	}
	.collect-search-wrap .filter-chk-wrap .filter-chk-item {
		margin-top:1rem;
		margin-left:1rem;
		font-size:1.4rem;
		line-height:4.3rem;
	}
	.board-sort .current {
		height: 4.5rem;
		font-size: 1.4rem;
		line-height: 4.3rem;
		min-width: 9rem;
		padding: 0 1.5rem;
	}
	.board-sort-list li a {
		font-size:1.4rem;
		padding: 0 1.5rem;
	}
	.board-total {
		font-size:1.4rem;
		line-height:4.3rem;
	}
	.filter-history-slider {
		display:none;
	}
	.collect-search-wrap .filter-con-wrap .filter-con {
		padding-top:3rem;
	}
	.filter-history .filter-history-select {
		display:flex;
		align-items:center;
	}
	.filter-history .filter-history-select .select-bar {
		padding:0 1rem;
	}

	.collect-search-wrap .search-wrap .left-con .agree-chk {
		padding-right: 1.5rem;
		margin-left: auto;
	}
	.collect-search-wrap .search-wrap .left-con .agree-chk::after {
		height: 30%;
	}
	.collect-search-wrap .search-wrap .left-con .agree-chk label {
		font-size: 1.4rem;
		line-height: 4.3rem;
	}
	.collect-search-wrap .search-wrap .left-con .agree-chk input[type="checkbox"] + label::before {
		top: 1.4rem;
		width: 1.6rem;
		height: 1.6rem;
		left: 0.5rem;
	}
	.collect-search-wrap .search-wrap .left-con .agree-chk input[type="checkbox"] + label::after {
		top: 1.8rem;
		left: 0.9rem;
		width: 0.8rem;
		height: 0.8rem;
	}

	.en .board-sort .current {
		min-width: 13rem;
	}


	/* ===== POP WRAP ===== */
	.collect-pop {
		flex-wrap:wrap;
		top: unset;
		transform: unset;

	}
	.collect-pop .left-con {
		padding:0;
		width:100%;
		text-align:center;
	}
	.collect-pop .right-con {
		padding:0;
		margin-top:4rem;
		width:100%;
	}
	.collect-detail-desc .detail-title {
		font-size:1.9rem;
	}
	.collect-detail-desc .detail-txt {
		font-size:1.4rem;
	}
	.collect-detail-info li {
		padding-left:1rem;
		padding-top:2.5rem;
		font-size:1.4rem;
	}
	.collect-detail-info li span {
		padding-left:1rem;
		font-size:1.4rem;
	}
	.collect-detail-info li span::before {
		top:0.8rem;
	}
	.collect-detail-view h4 {
		font-size:1.8rem;
	}
	.collect-detail-view .btnwrap {
		flex-wrap:wrap;
	}
	.collect-detail-view .btnwrap a {
		margin:1rem 0 0;
		width:100%;
	}
	.collect-detail-view .btnwrap a:first-child {
		margin-top:0;
	}
	.collect-pop .left-con .glass-wrap {
		display:none !important;
		width:100%;
	}
	.collect-pop .left-con img {
		max-width:100%;
		cursor: auto;
		height: auto;
	}

	.collect-pop-slider .img-txt {
		display: none;
	}


	/* ===== BOARD SEARCH ===== */
	.board-option-wrap .left-con {
		float:none;
	}
	.board-option-wrap .right-con {
		float:none;
	}
	.board-search-box {
		display:flex;
		flex-wrap:wrap;
	}
	.board-search-box .nice-select {
		margin:0 0 1rem;
		width:100%;
	}
	.board-search-box input {
		min-width:auto;
		width:calc(100% - 10rem);
	}
	.board-search-box .btn-search {
		min-width:auto;
		width:10rem;
	}
	.board-view .board-view-tit h3 {
		margin-bottom:2rem;
		font-size:2.2rem;
	}
	.board-view .board-view-con {
		padding:4rem;
		font-size:1.4rem;
	}
	.booard-download{
		flex-wrap:wrap;
		font-size:14px;
	}
	.booard-download .down-head{
		width:100%;
		padding:10px;
		text-align:left;
	}
	.booard-download .down-list{
		width:100%;
		padding:10px;
	}
	.board-move li p {
		display:none;
	}
	.board-move li span {
		margin-bottom:0;
		font-size:1.6rem;
	}
	.board-view > a:before {
		font-size: clamp(50px, 4vw, 100px);
	}


	/* ===== BOARD PR CENTER ===== */
	.board-list .list-item .list-col.num {
		width:20%;
		font-size:1.4rem;
	}
	.board-list .list-item .list-col.date {
		display:none;
	}
	.board-list .list-item .list-col.subject {
		padding-left:5%;
		width:80%;
	}
	.board-list .list-item .list-col.subject .title {
		font-size:1.4rem;
	}
	.board-list .list-item > a {
		padding:2.5rem 0;
	}


	/* ===== PAGING WRAP ===== */
	.paging-wrap a {
		width:3rem;
		height:3rem;
		font-size:1.3rem;
		line-height:3rem;
	}
	.paging-wrap .arrow.prev {
		margin:0 1rem 0 0.5rem;
	}
	.paging-wrap .arrow.next {
		margin:0 0.5rem 0 1rem;
	}


	/* ===== CONTACT ===== */
	.form-box {
		flex-wrap:wrap;
	}
	.form-flex h3 {
		font-size:1.9rem;
	}
	.form-flex .form-right .form-box {
		margin-top:1rem;
	}
	.form-tel {
		max-width:none;
	}
	.form-box .form-label {
		width:100% !important;
		padding:1rem 0;
	}
	.form-box .form-label label {
		font-size:1.6rem;
		line-height:4.5rem;
	}
	.form-box .form-input {
		width:100%  !important;
	}
	.form-box .form-input.form-half input[type="text"],
	.form-box .form-input.form-half .nice-select {
		max-width:none;
	}
	.form-file .form-file-name {
		padding:0 1rem;
		height:4.5rem;
		line-height:4.3rem;
	}
	.form-file .form-file-name p {
		font-size:1.4rem;
	}
	.form-file .form-file-btn label {
		font-size:1.4rem;
		line-height:4.5rem;
	}
	.privacy-box-wrap {
		padding:2rem 1rem;
		font-size:1.4rem;
	}
	.agree-chk-wrap {
		display:block;
		text-align:center;
	}
	.agree-chk-wrap p {
		width:100%;
		font-size:1.4rem;
	}
	.agree-chk-wrap .agree-chk {
		display:inline-block;
		margin-top:1rem;
	}
	.contact .contact-tit-wrap a {
		position:static;
		margin-bottom:4rem;
	}
	.contact .btnwrap > * {
		margin-left:0;
		margin-top:1rem;
	}
	.contact .btnwrap > *:first-child {
		margin-top:0;
	}


	/* ===== RESERVATION ===== */
	.reservation-tit-wrap .step-list {
		align-items: stretch;
		width:100%;
		text-align:center;
	}
	.reservation-tit-wrap .step-list li {
		padding-left:0;
		padding-top:4rem;
		width:calc((100% - 6rem) / 3);
		line-height:1.2em;
	}
	.reservation-tit-wrap .step-list li span {
		left:50%;
		margin-left:-1.6rem;
	}
	.reservation-tit-wrap .maxinner {
		flex-wrap:wrap;
		padding: 8rem 0 4rem;
	}
	.reservation-tit-wrap .sub-tit-wrap {
		margin-bottom:5rem;
		width:100%;
	}
	.list-st01 li {
		font-size:1.4rem;
	}

	.schedule-table {
		margin:0 auto;
		max-width:400px;
		width:100%;
	}
	.schedule-table + .schedule-table {
		margin-top:5rem;
	}
	.schedule-next, .schedule-prev {
		top: 4rem;
	}
	.btn-confirm-wrap {
		padding:0 2rem;
	}
	.btn-confirm-wrap > * {
		margin-left:0;
		margin-top:1rem;
	}
	.btn-confirm-wrap > *:first-child {
		margin-top:0;
	}
	.btn-confirm-wrap .btn-submit {
		width: 100%;
		/*max-width:21rem;*/
	}
	.btn-confirm-wrap .btn-cancel{
		width: 100%;
		/*max-width:21rem;*/
	}
	.form-tel-confirm {
		flex-wrap:wrap;
	}
	.form-tel-confirm .btn-tel-confirm {
		margin-left:0;
		margin-top:1rem;
		width:100%;
	}
	.chk-box02 label {
		font-size:1.4rem;
	}
	.form-partner {
		flex-wrap:wrap;
		margin-top:1rem;
	}
	.form-partner .nice-select {
		margin-left:0;
		margin-top:1rem;
		max-width:none;
		width:100%;
	}
	.reservation .reservation-schedule-wrap .btn-confirm-wrap {
		position: absolute;
		bottom: 7rem;
		left: 50%;
		transform: translateX(-50%);
		width: 100%;
	}
	.pop-con {
		padding:3rem 2rem;
	}
	.pop-reservation .ico img {
		height:30px;
	}
	.pop-reservation h2 {
		margin:1rem 0 1.5rem;
		font-size:2rem;
	}
	.pop-reservation .reservation-box {
		padding:2rem;
	}
	.pop-reservation .reservation-info li {
		width:100%;
		font-size:1.5rem;
	}
	.pop-btnwrap > * {
		margin-left:0;
		margin-top:1rem;
	}
	.pop-btnwrap > *:first-child {
		margin-top:1rem;
	}
	#pop-reservation-search .reservation-search .form-box {
		margin-top:1rem;
	}
	.pop-btnwrap {
		margin-top:2rem;
	}


	.reservation-schedule-wrap .maxinner,
	.reservation-notice .maxinner {
		width: 100%;
	}
	.reservation-situation {
		padding: 3rem 0 0;
	}
	.reservation-situation .titwrap {
		margin-bottom: 2rem;
	}
	.reservation-situation .titwrap h3 {
		font-size: 1.8rem;
		padding-left: 3rem;
	}
	.reservation-situation .reservation-time li .chk-box02 label {
		line-height: 1.8em;
		padding-left: 2.5rem;
	}
	.reservation-situation .reservation-time li .chk-box02 span {
		font-size: 1.4rem;
		margin-left: 0.5rem;
		padding-left: 0.5rem;
	}
	.en.reservation-situation .reservation-time li .chk-box02 span {
		margin-left: 0;
		padding-left: 0;
		display: block;
	}
	.en.reservation-situation .reservation-time li .chk-box02 span::before {
		display: none;
	}
	.reservation-schedule-wrap .btn-confirm-wrap.check a {
		max-width: 20rem;
	}
	.reservation-notice h3 {
		font-size: 1.8rem;
		padding-left: 3rem;
	}
	.reservation-notice .g-box {
		padding: 2rem;
	}
	.reservation-notice .g-box .box {
		padding: 2rem 0;
	}
	.reservation-notice .g-box .box h4 {
		font-size: 1.5rem;
		margin-bottom: 1.5rem;
	}
	.reservation-notice .g-box .box .list-st01 li {
		margin-top: 0.5rem;
		padding-left: 1rem;
	}


	.reservation-notice .g-box .box .list-st01 li.small {
		font-size: 1.4rem;
		margin-top: 2rem;
	}.reservation-notice .g-box .box .list-st01 li.small + li.small {
		 margin-top: 0.5rem;
	 }
	.reservation-notice h3::after,
	.reservation-situation .titwrap h3::before {
		transform: scale(0.8);
	}
	.reservation-notice {
		padding-bottom: 5rem;
	}
	.reservation .btn-confirm-wrap {
		display: flex;
		flex-direction: column;
		align-items: center;
		padding: 0;
	}


	.reservation-fixed {
		display: block;
	}



	/* ===== GUIDE ===== */
	.guide .guide-sec {
		padding:4rem 0;
	}
	.guide .mapwrap .root_daum_roughmap {
		height:22rem;
	}
	.guide .flex-con .right-con {
		margin-top:2rem;
	}
}
@media screen and (max-width:480px) {
	/* ===== COLLECT ===== */
	.board-gall {
		margin-left:0;
	}
	.board-gall .gall-item {
		margin-left:0;
		width:100%;
	}
	.collect-search-wrap .filter-btn-wrap {
		flex-wrap:wrap;
	}
	.collect-search-wrap .filter-btn-wrap .btn-reset {
		width:100%;
	}
	.collect-search-wrap .filter-btn-wrap .btn-search {
		margin:1rem 0 0;
		min-width:auto;
		width:100%;
	}


	/* ===== COLLECT ===== */
	.form-tel .bar {
		width:2rem;
		font-size:1.2rem;
	}
	.form-tel .nice-select, .form-tel input[type="text"] {
		width:calc((100% - 4rem) / 3);
	}
	.form-email {
		flex-wrap:wrap;
	}
	.form-email .bar {
		width:2rem;
		font-size:1.2rem;
	}
	.form-email .nice-select {
		margin-left:0;
		margin-top:1rem;
		width:100%;
	}
	.form-email input[type="text"] {
		width:calc((100% - 2rem) / 2);
	}


	/* ===== RESERVATION ===== */
	.schedule-table table th {
		height:3.5rem;
		font-size:1.2rem;
	}
	.schedule-table table td {
		height:3.5rem;
		font-size:1.2rem;
	}
	.schedule-table table td span {
		width:2.5rem;
		height:2.5rem;
		line-height:2.5rem;
	}
	.btn-confirm-wrap .btnset + .btnset {
		margin-left: 0;
	}


	.qr-hd {
		flex-direction: column;
	}
	.qr-hd h3 {
		text-align: center;
	}
	.qr-hd h3 img {
		display: block;
		margin: 0 auto;
	}
	.qr-hd a {
		margin-top: 1rem;
	}


	.en .tab-nav {
		flex-direction: column;
	}
	.en .tab-nav li a, .tab-nav li button {
		height: 50px !important;
	}
	.en .tab-nav li:first-child {
		margin-bottom: 1rem;
	}
}