/* 공통 */
.point {color: #d6a21e;}
.white {color: #fff;}
.black {color: #1a1a1a;}
.mob_br,.rink_mb_br,.reserve_res_br, .why_res_br, .rental_res_br, .gall_res_br{display: none;}

/* 헤더 */
#header {
	position: fixed;
	top: 0;
    left: 0;
	z-index: 1000;
	padding-top: 2.5rem;
	float: none;
}
#header .inner{
	width: 100%;
    max-width: 1360px;
    margin: 0 auto;
}

#header .header_cont {
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: space-between;
	height: 70px;
	padding: 0 3.5rem;
	border: 1px solid rgba(255, 255, 255, .1);
	border-radius: 60px;
	background: rgba(0, 0, 0, .55);
	backdrop-filter: blur(12px);
	-webkit-backdrop-filter: blur(12px);
	box-shadow:
        0 0 18px rgba(255, 255, 255, .04),
        0 0 40px rgba(255, 255, 255, .025);
	z-index: 2;
}
#header .logo {
	flex: none;
	line-height: 0;
}
#header .logo a {
	display: inline-block;
	padding: 6px 0;
}
#header .logo img {
	height: 34px;
	width: auto;
}

/* GNB */
#header .gnb > ul {
	display: flex;
	align-items: center;
	gap: 52px;
}
#header .gnb > ul > li > a {
	display: block;
	padding: 8px 4px;
	font-size: 19px;
	font-weight: 500;
	letter-spacing: -0.1px;
	color: rgba(255, 255, 255, .60);
	transition: color .3s;
}
#header .gnb > ul > li > a::after {
	content: "";
	position: absolute;
	left: 50%; bottom: 2px;
	width: 0; height: 2px;
	background: #d6a21e;
	transform: translateX(-50%);
	transition: width .3s;
}
#header .gnb > ul > li > a:hover,
#header .gnb > ul > li.on > a { color: #fff; }
#header .gnb > ul > li > a:hover::after,
#header .gnb > ul > li.on > a::after { width: 100%; }

/* 모바일- 버거 버튼 : 기본 숨김 */
#header .btn_menu {
	display: none;
    width: 30px;
    height: 30px;
    flex: none;
    padding: 0;
    border: 0;
    background: transparent;
    cursor: pointer;
}
#header .btn_menu svg {
    display: block;
    width: 100%;
    height: 100%;
}

/* 평소 햄버거 */
#header .btn_menu .open_ico {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 28px;
    height: 28px;
    transform: translate(-50%, -50%);
    opacity: 1;
    visibility: visible;
}
/* X 라인 */
#header .btn_menu::before,
#header .btn_menu::after {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 26px;
    height: 2px;
    border-radius: 2px;
    background: #fff;
    opacity: 0;
    visibility: hidden;
    transition: opacity .2s ease;
}

/* X 모양 */
#header .btn_menu::before {
    transform: translate(-50%, -50%) rotate(45deg);
}

#header .btn_menu::after {
    transform: translate(-50%, -50%) rotate(-45deg);
}

/* 모바일 메뉴 : 기본 숨김 */
.mobile_menu {
	visibility: hidden;
    position: fixed;
    top: 0;
    right: 0;
    height: 100dvh;
    background: #14151b;
    box-shadow: -10px 0 30px rgba(0, 0, 0, .35);
    overflow-y: auto;

    transform: translateX(100%);
    transition:
        transform .35s ease,
        visibility 0s linear .35s;

    z-index: 1100;
}
.mobile_menu.on {
	width: min(420px, 88vw);
	padding: 100px 40px 40px;
	visibility: visible;
    transform: translateX(0);

    transition:
        transform .35s ease,
        visibility 0s;
}

/* X 버튼 */
.mobile_menu .btn_close {
    position: absolute;
    top: 35px;
    right: 35px;

    width: 30px;
    height: 30px;
    padding: 0;

    border: 0;
    background: transparent;
    cursor: pointer;

    z-index: 10;
}

.mobile_menu .btn_close::before,
.mobile_menu .btn_close::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 25px;
    height: 2px;
    background: #fff;
    border-radius: 2px;
}

.mobile_menu .btn_close::before {
    transform: translate(-50%, -50%) rotate(45deg);
}

.mobile_menu .btn_close::after {
    transform: translate(-50%, -50%) rotate(-45deg);
}

.mobile_menu > ul > li > a {
	display: block;
    padding: 18px 0;

    font-size: 18px;
    font-weight: 500;
    color: rgba(255, 255, 255, .8);

    border-bottom: 1px solid rgba(255, 255, 255, .08);
}
.mobile_menu > ul > li > a:hover {
	color: #d6a21e;
	background: rgba(255, 255, 255, .04);
}

/* 딤 : 헤더(z-index:100)보다 아래 → 헤더 알약과 X버튼이 딤 위에 노출됨 */
.menu_dim {
	display: none;
    position: fixed;
    inset: 0;

    background: rgba(0, 0, 0, .6);

    opacity: 0;
    transition: opacity .35s ease;

    z-index: 999;
}
.menu_dim.on { opacity: 1; }


/* 퀵메뉴 */
#quick {
	position: fixed;
	right: 40px;
	bottom: 60px;
	z-index: 90;
}
#quick ul {
	display: flex;
	flex-direction: column;
	gap: 15px;
}
#quick a {
	display: flex;
	align-items: center;
	justify-content: center;
    flex-direction: column;
	width: 68px;
    height: 68px;
	border: 2px solid rgba(255, 255, 255, .45);
	border-radius: 14px;
	background: rgba(0, 0, 0, .75);
	/* backdrop-filter: blur(6px); */
	transition: background-color .3s, border-color .3s;
}
#quick a:hover {
	background: rgba(255, 255, 255, .18);
	border-color: rgba(255, 255, 255, .7);
}
#quick a img {
    width: 25px;
    height: auto;
}
#quick a .quick_name{
    font-size: 15px;
    font-weight: 600;
    color: #00c300;
    margin-top: 2px;
}

/* 섹션01 메인 비주얼 */
.visual_box {
	overflow: hidden;
	height: 100vh;
	min-height: 720px;
	background: #000 url(/images/main-visual.jpg) no-repeat center center / cover;
}
.visual_box::before {
	content: "";
	position: absolute;
	inset: 0;
	background:
		radial-gradient(120% 80% at 50% 30%, rgba(11, 17, 25, 0) 0%, rgba(11, 17, 25, .28) 70%, rgba(11, 17, 25, .45) 100%),
		linear-gradient(180deg, rgba(11, 17, 25, .4) 0%, rgba(11, 17, 25, .05) 40%, rgba(11, 17, 25, .2) 100%);
}
.visual_box > .inner {
    z-index: 1;
    height: 100%;
}
.visual_box .visual_cont {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	text-align: center;
    height: 100%;
}
/* 메인 텍스트 */
.visual_cont .tit .kor {
	font-size: 72px;
	font-weight: 700;
	letter-spacing: -0.03em;
    line-height: 1.05;
}
.visual_cont .tit .eng {
	font-size: 72px;
	font-weight: 500;
}
.visual_cont .txt {
	margin-top: 20px;
	font-size: 21px;
	font-weight: 400;
	letter-spacing: -0.15px;
    opacity: 0.6;
}
.visual_cont .res_btn_area {
    margin-top: 50px;
    cursor: pointer;
}
.visual_cont .res_btn_area:hover .res_btn{
    background: #d6a21e;
    color: #1a1a1a;
    border: 1px solid #d6a21e;
}

.visual_cont .res_btn_area .res_btn{
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 170px;
	padding: 17px 40px;
	border: 1px solid #fff;
	border-radius: 50px;
	font-size: 20px;
	font-weight: 600;
	letter-spacing: -0.3px;
	 transition:
        background-color .3s ease,
        border-color .3s ease,
        color .3s ease;
}

.visual_cont .tit,
.visual_cont .txt,
.visual_cont .res_btn_area {
	opacity: 0;
    transform: translateY(42px);
    transition:
         opacity 1.05s ease,
        transform 1.05s cubic-bezier(.2, .8, .2, 1);
}
.visual_box.is-reveal .visual_cont .tit {
	opacity: 1;
	transform: translateY(0);
	transition-delay: .15s;
}
.visual_box.is-reveal .visual_cont .txt {
	opacity: .6;
	transform: translateY(0);
	transition-delay: .35s;
}
.visual_box.is-reveal .visual_cont .res_btn_area {
	opacity: 1;
	transform: translateY(0);
	transition-delay: .55s;
}
/* scroll indicator */
.scroll_indicator {
    position: absolute;
    left: 50%;
    bottom: 50px;
    transform: translateX(-50%);
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0px; /* 화살표 간격 좁힘 */
    z-index: 10;
}

.scroll_indicator .arrow {
    width: 13px;
    height: 13px;
    border-right: 2px solid rgba(255, 255, 255, 0.95);
    border-bottom: 2px solid rgba(255, 255, 255, 0.95);
    transform: rotate(45deg);
    opacity: 0.15;
    filter:
        drop-shadow(0 0 4px rgba(93, 205, 255, 0.9))
        drop-shadow(0 0 10px rgba(93, 205, 255, 0.55));
}

/* 위 화살표 */
.scroll_indicator .arrow1 {
    animation: arrowFade1 2.5s infinite ease-in-out;
}

/* 아래 화살표 */
.scroll_indicator .arrow2 {
    animation: arrowFade2 2.5s infinite ease-in-out;
}

@keyframes arrowFade1 {
    0% {
        opacity: 0.45;
    }
    20% {
        opacity: 1;
    }
    55% {
        opacity: 0.4;
    }
    70% {
        opacity: 0.12;
    }
    88% {
        opacity: 0.12;
    }
    100% {
        opacity: 0.45;
    }
}

@keyframes arrowFade2 {
    0% {
        opacity: 0.12;
    }
    30% {
        opacity: 0.12;
    }
    50% {
        opacity: 0.4;
    }
    70% {
        opacity: 1;
    }
    88% {
        opacity: 0.35;
    }
    100% {
        opacity: 0.12;
    }
}

/*  섹션02 디엣지 소개 */
.about_box {
	padding: 170px 0 0;
	background: #000;
}
.about_box .about_con {
    text-align: center;
}

/* 타이틀 */
.about_box .tit_area {
    padding-bottom: 110px;
}
.about_box .bg_logo {
	position: absolute;
	left: 50%;
    top: -80px;
    transform: translateX(-50%);
	width: 990px;
    height: 486px;
	background: url(/images/about-theedge-bg.png) no-repeat center center / contain;
}
.about_box .bg_logo,
.about_box .tit_area,
.about_box .circle_area > ul > li {
	opacity: 0;
	transition:
		opacity 1.05s ease,
		transform 1.05s cubic-bezier(.2, .8, .2, 1);
}
.about_box .bg_logo {
	transform: translate(-50%, 48px);
}
.about_box .tit_area,
.about_box .circle_area > ul > li {
	transform: translateY(48px);
}
.about_box.is-reveal .bg_logo {
	opacity: 1;
	transform: translate(-50%, 0);
	transition-delay: .05s;
}
.about_box.is-reveal .tit_area {
	opacity: 1;
	transform: translateY(0);
	transition-delay: .25s;
}
.about_box .circle_area.is-reveal > ul > li {
	opacity: 1;
	transform: translateY(0);
}
.about_box .circle_area.is-reveal > ul > li:nth-child(1) { transition-delay: .05s; }
.about_box .circle_area.is-reveal > ul > li:nth-child(2) { transition-delay: .15s; }
.about_box .circle_area.is-reveal > ul > li:nth-child(3) { transition-delay: .25s; }
.about_box .circle_area.is-reveal > ul > li:nth-child(4) { transition-delay: .35s; }
.about_box .tit_area {
    margin-top: 110px;
}
.common_box .tit_area .eng {
	display: block;
	font-size: 17px;
	font-weight: 600;
	letter-spacing: 0px;
	color: #fff;
}
.about_box .tit_area .txt {
	margin-top: 36px;
	font-size: 19px;
	line-height: 1.6;
	letter-spacing: -0.3px;
	color: rgba(255, 255, 255, .5);
}

/* 원형 4개 */
.about_box .circle_area > ul {
    display: flex;
    align-items: center;
    justify-content: center;
}

.about_box .circle_area > ul > li {
    width: clamp(180px, 20vw, 280px);
    aspect-ratio: 1;
    transition:
		opacity 1.05s ease,
		transform 1.05s cubic-bezier(.2, .8, .2, 1);
}

.about_box .circle_area > ul > li + li {
    margin-left: -30px;
}

.about_box .circle_area .circle {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    overflow: hidden;
    border-radius: 50%;
    background: linear-gradient(180deg, #24242c 0%, #14141a 100%);
}
/* hover시 옐로우 그라데이션 */
.about_box .circle_area .circle::before {
	content: "";
	position: absolute;
	inset: 0;
	border-radius: inherit;
	background: linear-gradient(
		180deg,
		#efc454 0%,
		#bf8d13 100%
	);
	opacity: 0;
	transition: opacity .5s ease-in-out;
}
/* 글자는 그라데이션 위로 */
.about_box .circle_area .circle > * {
	position: relative;
	z-index: 1;
}
.about_box .circle_area > ul > li.is-active .circle::before {
	opacity: 1;
}
/* 769px 이상 : 1,3 / 2,4 */
.about_box .circle_area .circle01,
.about_box .circle_area .circle03 {
    background: #14151b;
}

.about_box .circle_area .circle02,
.about_box .circle_area .circle04 {
    background: #20222b;
}

.about_box .circle_area .circle .name_kor {
	font-size: 25px;
	font-weight: 500;
	letter-spacing: -0.3px;
	color: #fff;
}
.about_box .circle_area .circle .name_eng {
	margin-top: 6px;
	font-size: 15px;
	letter-spacing: -0.1px;
	color: rgba(255, 255, 255, .45);
}
.about_box .circle_area > ul > li.on .circle span { color: rgba(255, 255, 255, .75); }

/* 점선 커넥터 */
.about_box .line_area {
	width: 1px;
	height: 0;
	margin: 25px auto 0;
	background: linear-gradient(to bottom, rgba(255, 255, 255, .45) 50%, transparent 50%);
	background-size: 1px 9px;
	transition: height 1.05s ease;
}
.about_box .line_area .dot {
	position: absolute;
	left: 50%;
	bottom: -5px;
	width: 11px;
	height: 11px;
	margin-left: -5px;
	border-radius: 50%;
	background: #fff;
	opacity: 0;
	transform: scale(.45);
	box-shadow: 0 0 0 0 rgba(249, 211, 66, 0);
	transition:
		opacity .6s ease,
		transform .6s ease,
		box-shadow .8s ease;
	transition-delay: 1.05s;
}
.about_box .line_area.is-reveal {
	height: 100px;
}
.about_box .line_area.is-reveal .dot {
	opacity: 1;
	transform: scale(1);
	box-shadow: 0 0 15px 7px rgba(249, 211, 66, .75);
}

@media (prefers-reduced-motion: reduce) {
	.visual_cont .tit,
	.visual_cont .txt,
	.visual_cont .res_btn_area,
	.about_box .bg_logo,
	.about_box .tit_area,
	.about_box .circle_area > ul > li,
	.about_box .line_area,
	.about_box .line_area .dot {
		opacity: 1;
		transform: none;
		transition: none;
	}

	.about_box .line_area {
		height: 100px;
	}

	.about_box .line_area .dot {
		box-shadow: 0 0 15px 7px rgba(249, 211, 66, .75);
	}

	.about_box .bg_logo {
		transform: translateX(-50%);
	}

}

/*  섹션02-포인트섹션 : 왜 디엣지 일까요? */
.why_box {
	overflow: hidden;
	margin-top: 45px;
	padding: 90px 0 80px;
	background: #000;
	text-align: center;
}
.why_box::before {
	content: "";
	position: absolute;
	left: 50%;
	top: 0;
	width: 160vw;
	aspect-ratio: 1;
	transform: translate(-50%, 70px) scale(.94);
	border-radius: 50%;
	background: linear-gradient( to bottom, #d6a21e 10%, #715818 25%);
	opacity: 0;
	transition:
		opacity 1.1s ease,
		transform 1.1s cubic-bezier(.2, .8, .2, 1);
}
.why_box.is-reveal::before {
	opacity: 1;
	transform: translate(-50%, 0) scale(1);
}
.why_box .why_con .tit {
	font-size: 48px;
	font-weight: 600;
	letter-spacing: -0.03em;
	color: #fff;
}
.why_box .why_con .txt {
	margin-top: 28px;
	font-size: 20px;
	font-weight: 400;
	line-height: 1.4;
	letter-spacing: -0.3px;
	color: rgba(255, 255, 255, .92);
}
.why_box .why_con .txt .medium{
	font-weight: 500;
}
.why_box .why_con .point_list {
	display: flex;
	justify-content: center;
	width: 95%;
	margin: 75px auto 0;
}
.why_box .point_list > li {
	width: 25%;
}
.why_box .why_con .tit,
.why_box .why_con .txt,
.why_box .point_list > li {
	opacity: 0;
	transform: translateY(44px);
	transition:
		opacity .95s ease,
		transform .95s cubic-bezier(.2, .8, .2, 1);
}
.why_box.is-reveal .why_con .tit {
	opacity: 1;
	transform: translateY(0);
	transition-delay: .28s;
}
.why_box.is-reveal .why_con .txt {
	opacity: 1;
	transform: translateY(0);
	transition-delay: .44s;
}
.why_box.is-reveal .point_list > li {
	opacity: 1;
	transform: translateY(0);
}
.why_box.is-reveal .point_list > li:nth-child(1) { transition-delay: .62s; }
.why_box.is-reveal .point_list > li:nth-child(2) { transition-delay: .72s; }
.why_box.is-reveal .point_list > li:nth-child(3) { transition-delay: .82s; }
.why_box.is-reveal .point_list > li:nth-child(4) { transition-delay: .92s; }
.why_box.is-reveal .point_list > li:nth-child(5) { transition-delay: 1.02s; }
.why_box.is-reveal .point_list > li:nth-child(6) { transition-delay: 1.12s; }
@media (prefers-reduced-motion: reduce) {
	.why_box::before,
	.why_box .why_con .tit,
	.why_box .why_con .txt,
	.why_box .point_list > li {
		opacity: 1;
		transition: none;
	}

	.why_box::before {
		transform: translateX(-50%);
	}

	.why_box .why_con .tit,
	.why_box .why_con .txt,
	.why_box .point_list > li {
		transform: none;
	}
}
/* 아이콘 움직임 */
.why_box .point_list .why_icon img {
	max-height: 100%;
	width: auto;
	transition: transform .3s ease;
}
.why_box .point_list > li:hover .why_icon img {
	animation: iconFloat .8s ease-in-out infinite;
}
@keyframes iconFloat {
	0%, 100% { transform: translateY(0); }
	50%      { transform: translateY(-10px); }
}

.why_box .point_list .point_name {
	display: block;
	font-size: 21px;
	font-weight: 600;
	letter-spacing: -0.5px;
	color: #fff;
	height: 50px;
}
.why_box .point_list .why_icon {
	display: flex;
	align-items: center;
	justify-content: center;
	height: 40px;
	margin-top: 32px;
}
.why_box .point_list .why_icon img {
	max-height: 100%;
	width: auto;
}
.why_box .point_list .why_icon.bus{
	height: 50px;
}
.why_box .point_list .why_icon.center{
	height: 48px;
}

/* 섹션03 클래스 */
.class_box {
	padding: 160px 0 120px;
	overflow: hidden;
}
.class_box > div{
	width: 100%;
	margin: 0;
}
.class_box .tit_area{
	text-align: center;
}
.class_box .tit_area,
.class_box .class_tab,
.class_box .class_slide,
.class_box .class_slide_pagination {
	opacity: 0;
	transition:
		opacity 1.05s ease,
		transform 1.05s cubic-bezier(.2, .8, .2, 1);
}
.class_box .tit_area,
.class_box .class_tab {
	transform: translateY(46px);
}
.class_box .class_slide,
.class_box .class_slide_pagination {
	transform: translateX(240px);
}
.class_box.is-reveal .tit_area,
.class_box.is-reveal .class_tab,
.class_box.is-reveal .class_slide,
.class_box.is-reveal .class_slide_pagination {
	opacity: 1;
	transform: translate(0, 0);
}
.class_box.is-reveal .tit_area {
	transition-delay: .08s;
}
.class_box.is-reveal .class_tab {
	transition-delay: .25s;
}
.class_box.is-reveal .class_slide,
.class_box.is-reveal .class_slide_pagination {
	transition-delay: .42s;
	transition-duration: 1.3s;
}
@media (prefers-reduced-motion: reduce) {
	.class_box .tit_area,
	.class_box .class_tab,
	.class_box .class_slide,
	.class_box .class_slide_pagination {
		opacity: 1;
		transform: none;
		transition: none;
	}
}

/* 클래스 탭 */
.class_box .class_tab {
	display: flex;
	justify-content: center;
	margin-top: 48px;
}
.class_box .tab_inner {
	display: inline-flex;
	gap: 10px;
}

/* 연한 라인 : 탭 묶음 폭만큼만 */
.class_box .tab_inner::after {
	content: "";
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 2px;
	background: rgba(255, 255, 255, .18);
}

.class_box .tab_btn {
	padding-bottom: 15px;
	width: 150px;
	background: transparent;
	border: 0;
	font-size: 21px;
	font-weight: 400;
	letter-spacing: -0.3px;
	color: rgba(255, 255, 255, .4);
	cursor: pointer;
	transition: color .3s;
}

/* 활성 라인 : 그라데이션 (해당 탭 폭만큼, 연한 라인 위에 덮임) */
.class_box .tab_btn::after {
	content: "";
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 3px;
	background: linear-gradient(90deg, #8a5e12 0%, #d6a21e 32%, #f6d98a 55%, #d6a21e 78%, #9c6f16 100%);
	clip-path: polygon(
		0 35%,
		7% 10%,
		93% 10%,
		100% 35%,
		100% 65%,
		93% 90%,
		7% 90%,
		0 65%
	);
	transform: scaleX(0);
	transform-origin: left center;
	transition: transform .4s ease;
	z-index: 1;
}

.class_box .tab_btn.on {
	color: #fff;
	font-weight: 500;
}
.class_box .tab_btn.on::after {
	transform: scaleX(1);
}

/* 슬라이드 */
.class_box .class_slide {
	position: relative;
	margin-top: 55px;
	margin-left: calc((100% - 1360px) / 2);
	overflow: visible;
	-webkit-clip-path: inset(0 -100vw 0 0);
	clip-path: inset(0 -100vw 0 0);
}
.class_box .class_slide.is-centered {
	margin-left: 0;
	padding: 0 20px;
	-webkit-clip-path: none;
	clip-path: none;
}
.class_box .slide_wrap {
	display: flex;
	gap: 24px;
	cursor: grab;
	touch-action: pan-y;
	user-select: none;
	transition: transform .5s ease;
}
.class_box .class_slide.is-centered .slide_wrap {
	justify-content: center;
	cursor: default;
}
.class_box .class_slide.is-dragging .slide_wrap {
	cursor: grabbing;
}
.class_box .slide_item {
	flex: 0 0 auto;
	width: 350px;
}

/* 카드 */
.class_box .class_card {
	width: 100%;
}
.class_box .class_card .thumb {
	display: block;
	position: relative;
	overflow: hidden;
	width: 100%;
	height: 350px;
	border-radius: 25px;
	line-height: 0;
}
.class_box .class_card .thumb img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: transform .5s ease;
	pointer-events: none;
	user-select: none;
	-webkit-user-drag: none;
}
.class_box .slide_item:hover .thumb img {
	transform: scale(1.06);
}

/* 카드 정보 */
.class_box .card_info {
	padding: 20px 0 18px;
}
.class_box .card_info .badge,
.class_box .class_card .thumb .badge {
	position: absolute;
	left: 16px;
	top: 16px;
	z-index: 2;
	display: inline-flex;
	align-items: center;
	padding: 5px 18px;
	border-radius: 50px;
	font-size: 17px;
	font-weight: 600;
	letter-spacing: -0.3px;
	line-height: 1.4;
	color: #000;
}
.class_box .thumb .badge.regular { background: #d6a21e; color: #000; }
.class_box .thumb .badge.oneday  { background: #4721a8; color: #fff; }
.class_box .thumb .badge.vacation{ background: #2196ff; color: #fff; }

.class_box .card_info .class_name {
	display: block;
	font-size: 26px;
	font-weight: 700;
	letter-spacing: -0.5px;
}
.class_box .card_info .desc {
	margin-top: 8px;
	font-size: 17px;
	letter-spacing: -0.5px;
	color: rgba(255, 255, 255, .5);
	height : 20px;
}

/* 페이지네이션 */
.class_box .class_slide_pagination {
	display: flex;
	justify-content: flex-start;
	gap: 10px;
	margin-top: 26px;
	margin-left: calc((100% - 1360px) / 2);
}

/* 커리큘럼 */
.class_box .card_btns {
	display: flex;
	gap: 10px;
}
.class_box .card_btn {
	flex: 0 0 auto;
	width: 50%;
	border-radius: 3px;
	padding: 7px 0;
	font-size: 16px;
	font-weight: 400;
	text-align: center;
}
.class_box .card_btn.cur{
	flex: 1;
	background: transparent;
	color: #fff;
	border: 1px solid #fff;
}
.class_box .card_btn.cur:hover {
	color: #000;
	font-weight: 500;
	background: #Fff;
}
.class_box .card_btn.res {
	flex: 1;
	background: transparent;
	color: #d6a21e;
	border: 1px solid #d6a21e;
}
.class_box .card_btn.res:hover {
	color: #000;
	font-weight: 500;
	background: #e4b52f;
}

.class_box .class_slide .page_btn.prev{
	left: 24px;
}
.class_box .class_slide .page_btn.next{
	right: 24px;
}

.class_box .page_btn:hover {
	background: #e4b52f;
}
.class_box .page_btn:hover svg path {
	fill: #1a1a1a;
}
.class_box .page_btn:disabled {
	opacity: .3;
	cursor: default;
}
.class_box .page_btn:disabled:hover {
	background: #d6a21e;
}
.class_box .page_btn:disabled:hover svg path {
	fill: #fff;
}

/* 커리큘럼 팝업 */
.class_popup {
	display: none;
	position: fixed;
	inset: 0;
	z-index: 200;
}
.class_popup.is-open { display: block; }
.class_popup .popup_dim {
	position: absolute;
	inset: 0;
	background: rgba(0, 0, 0, .7);
}
.class_popup .popup_inner {
	position: absolute;
	left: 50%;
	top: calc(50% + 30px);
	transform: translate(-50%, -50%);
	width: 900px;
	max-width: calc(100vw - 40px);
	max-height: 90vh;
	overflow-y: auto;
	padding: 40px;
	border-radius: 25px;
	background: #fff;
}
.class_popup .popup_close {
	position: absolute;
	top: 24px;
	right: 24px;
	z-index: 10;

	display: flex;
	align-items: center;
	justify-content: center;

	width: 32px;
	height: 32px;
	border: 0;
	background: transparent;
	cursor: pointer;
}
.class_popup .popup_close svg {
	display: block;
	width: 100%;
	height: 100%;
	fill: currentColor;
}

/* 팝업 헤더 */
.class_popup .popup_head {
	padding-bottom: 22px;
	border-bottom: 1px solid #e5e5e5;
}
.class_popup .popup_head .badge {
	display: inline-flex;
	align-items: center;
	padding: 6px 18px;
	border-radius: 50px;
	font-size: 17px;
	font-weight: 600;
	letter-spacing: -0.3px;
	color: #000;
}
.class_popup .popup_head .badge.regular { background: #d6a21e; }
.class_popup .popup_head .badge.oneday { background: #4721a8; color: #fff; }
.class_popup .popup_head .badge.vacation { background: #2196ff; color: #fff; }
.class_popup .popup_head .popup_tit {
	display: block;
	margin-top: 20px;
	font-size: 32px;
	font-weight: 700;
	letter-spacing: -0.5px;
	color: #1a1a1a;
}
.class_popup .popup_head .popup_desc {
	margin-top: 8px;
	font-size: 18px;
	letter-spacing: -0.3px;
	color: #757575;
}

/* 팝업 본문 (표 이미지) */
.class_popup .popup_body {
	line-height: 1.6;
	margin-top: 28px;
	font-size: 17px;
	color: #333;
}
.class_popup .popup_body img {
	max-width: 100%;
	height: auto;
}

/* 섹션04 링크대관 */
.rink_box {
	padding: 130px 0 120px;
	background: #17171c;
}
.rink_box > div{
	width: 1200px;
}
.common_box .tit_area .tit {
	margin-top: 45px;
	font-size: 50px;
	font-weight: 600;
	color: #fff;
}
.rink_box .tit_area .eng,
.rink_box .tit_area .tit,
.rink_box .card_area > ul > li,
.rink_box .rink_rental_area {
	opacity: 0;
	transform: translateY(48px);
	transition:
		opacity 1s ease,
		transform 1s cubic-bezier(.2, .8, .2, 1);
}
.rink_box.is-reveal .tit_area .eng,
.rink_box.is-reveal .tit_area .tit,
.rink_box.is-reveal .card_area > ul > li,
.rink_box.is-reveal .rink_rental_area {
	opacity: 1;
	transform: translateY(0);
}
.rink_box.is-reveal .tit_area .eng { transition-delay: .08s; }
.rink_box.is-reveal .tit_area .tit { transition-delay: .22s; }
.rink_box.is-reveal .card_area > ul > li:nth-child(1) { transition-delay: .42s; }
.rink_box.is-reveal .card_area > ul > li:nth-child(2) { transition-delay: .54s; }
.rink_box.is-reveal .card_area > ul > li:nth-child(3) { transition-delay: .66s; }
.rink_box.is-reveal .rink_rental_area { transition-delay: .86s; }
@media (prefers-reduced-motion: reduce) {
	.rink_box .tit_area .eng,
	.rink_box .tit_area .tit,
	.rink_box .card_area > ul > li,
	.rink_box .rink_rental_area {
		opacity: 1;
		transform: none;
		transition: none;
	}
}

/* 링크카드 3개 */
.rink_box .card_area {
	margin-top: 56px;
}
.rink_box .card_area > ul {
	display: flex;
	gap: 30px;
}
.rink_box .card_area > ul > li {
	flex: 1;
	min-width: 0;
}
.rink_box .rink_card {
	height: 100%;
	padding: 35px 38px;
	border: 1px solid rgba(248, 248, 248, .25);
	border-radius: 25px;
	background: rgba(255, 255, 255, 0.03);
	transition: border-color .3s, box-shadow .3s ease;

	display: flex;
	flex-direction: column;
}
.rink_box .card_area > ul > li.is-active .rink_card {
	border-color: #d6a21e;
	box-shadow: 0 0 30px rgba(214, 162, 30, .25);
}

/* 링크카드 - 배지 */
.rink_box .rink_card .badge_area {
  display: flex;
  align-items: center;
  gap: 6px;
  min-height: 38px;
}
.rink_box .rink_card .badge {
	display: inline-flex;
	justify-content: center;
	align-items: center;
	max-width: 110px;
	padding: 5px 20px;
	border-radius: 50px;
	background: rgba(248, 248, 248, .1);
	border: 1px solid rgba(255, 255, 255, 0.25);
	font-size: 20px;
	font-weight: 600;
	letter-spacing: -0.3px;
	color: #fff;
	opacity: .7;
	transition: background-color 0.3s, border-color .3s, color 0.3s, opacity .3s ease;

	flex-shrink: 0;
}
.rink_box .card_area > ul > li.is-active .rink_card .badge {
	background: #d6a21e;
	color: #1a1a1a;
	opacity: 1;
}
.rink_box .rink_card .badge_sub {
	margin-left: 0;
	font-size: 17px;
	font-weight: 500;
	color: #d6a21e;
	letter-spacing: -0.5px;
	line-height: 1.3;
}

/* 링크카드 - 이름, 설명 */
.rink_box .rink_card .rink_name {
	display: block;
	margin-top: 20px;
	font-size: 30px;
	font-weight: 700;
	letter-spacing: -0.5px;
	color: #fff;
}
.rink_box .rink_card .desc {
	margin-top: 8px;
	font-size: 18px;
	letter-spacing: -0.3px;
	color: rgba(255, 255, 255, .60);
	min-height: 48px;
}

/* 카드 - 추천용도 */
.rink_box .rink_card .use {
	margin-top: 55px;
  	min-height: 125px;
}
.rink_box .rink_card .use .use_tit {
	display: block;
	font-size: 18px;
	font-weight: 500;
	color: #fff;
}
.rink_box .rink_card .use_list {
	display: flex;
	gap: 20px;
	margin-top: 15px;
}
.rink_box .rink_card .use_list > li {
	text-align: center;
}
.rink_box .rink_card .use_list .use_icon {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 68px;
	height: 68px;
	border-radius: 50%;
	background: #000;
	overflow: hidden;
}
.rink_box .rink_card .use_list .use_icon img {
	width: 55px;
	height: auto;
}
.rink_box .rink_card .use_list .use_name {
	display: block;
	margin-top: 8px;
	font-size: 16px;
	letter-spacing: -0.3px;
	color: #fff;
}

/* 카드 - 링크 도면 */
.rink_box .rink_card .rink_map {
	 margin-top: 25px;
	width: 100%;
	height: clamp(120px, 10vw, 132px);
	display: flex;
	align-items: flex-end;
}
.rink_box .rink_card .rink_map img {
	max-width: 100%;
	max-height: 100%;
	width: auto;
	height: auto;
	object-fit: contain;
	display: block;
}

/* 대관예약 바 */
.rink_box .rink_rental_area {
	display: flex;
	align-items: center;
	margin-top: 45px;
	padding: 22px 55px;
	border-radius: 18px;
	background: #000;
}
.rink_box .rink_rental_area .rental_icon {
	display: flex;
	align-items: center;
	justify-content: center;
	flex: none;
	width: 108px;
	height: 108px;
	margin-right: 26px;
	border-radius: 50%;
	background: #26262c;
}
.rink_box .rink_rental_area .rental_icon img {
	width: 36px;
	height: auto;
}
.rink_box .rink_rental_area .rental_txt_wrap .rental_txt {
	font-size: 30px;
	font-weight: 500;
	letter-spacing: -0.5px;
	color: #fff;
}
.rink_box .rink_rental_area .rental_txt_wrap p {
	margin-top: 8px;
	font-size: 18px;
	letter-spacing: -0.3px;
	color: rgba(255, 255, 255, .55);
}
.rink_box .rink_rental_area .rental_btn {
	display: flex;
	gap: 14px;
	align-items: center;
	justify-content: center;
	flex: none;
	margin-left: auto;
	min-width: 200px;
	padding: 24px 75px;
	border-radius: 12px;
	background: #d6a21e;
	font-size: 20px;
	font-weight: 600;
	letter-spacing: -0.3px;
	color: #1a1a1a;
	transition: background-color .3s;
}
.rink_box .rink_rental_area .rental_btn:hover {
	background: #ecbb35;
}
.rink_box .rink_rental_area .rental_btn .arrow {
	width: 23px;
	height: 14px;
	background: url(/images/arrow.png) no-repeat center center / contain;
}

/*  대관 프로그램 종류  */
.rental_type_box {
	padding: 70px 0;
	background: linear-gradient(175deg, #e2ad25 40%, #715818 100%);
}
.rental_type_box .rental_type_con {
	display: flex;
	align-items: center;
}
.rental_type_box .type_tit,
.rental_type_box .type_list {
	opacity: 0;
	transition:
		opacity 1s ease,
		transform 1s cubic-bezier(.2, .8, .2, 1);
}
.rental_type_box .type_tit {
	transform: translateX(-90px);
}
.rental_type_box .type_list {
	transform: translateX(90px);
}
.rental_type_box.is-reveal .type_tit,
.rental_type_box.is-reveal .type_list {
	opacity: 1;
	transform: translate(0, 0);
}
.rental_type_box.is-reveal .type_tit {
	transition-delay: .08s;
}
.rental_type_box.is-reveal .type_list {
	transition-delay: .24s;
}
@media (max-width: 1024px) {
	.rental_type_box .type_tit,
	.rental_type_box .type_list {
		transform: translateY(48px);
	}
}
@media (prefers-reduced-motion: reduce) {
	.rental_type_box .type_tit,
	.rental_type_box .type_list {
		opacity: 1;
		transform: none;
		transition: none;
	}
}

/* 좌측 타이틀 */
.rental_type_box .type_tit {
	flex: none;
	width: 35%;
}
.rental_type_box .type_tit .tit {
	font-size: 33px;
	font-weight: 600;
	line-height: 1.3;
	letter-spacing: -0.4px;
	color: #fff;
}
.rental_type_box .type_tit .txt {
	margin-top: 16px;
	font-size: 17px;
	letter-spacing: -0.3px;
	color: #fff;
}

/* 대관 프로그램 종류 우측 5개 */
.rental_type_box .type_list {
	flex: 1;
}
.rental_type_box .type_list > ul {
	display: flex;
}
.rental_type_box .type_list > ul > li {
	flex: 1;
	padding: 0 20px 0 45px;
}
.rental_type_box .type_list > ul > li + li::before {
	content: "";
	position: absolute;
	left: 0;
	top: 50%;
	width: 1px;
	height: 100px;
	background: rgba(255, 255, 255, 0.4);
	transform: translateY(-50%);
}

/* 렌탈 프로그램 종류 아이콘 움직임 */
.rental_type_box .type_list > ul > li:hover .type_icon {
	animation: iconBounce .8s ease-in-out infinite;
}

@keyframes iconBounce {
	0%,
	100% {
		transform: translateY(0);
	}
	50% {
		transform: translateY(-10px);
	}
}

.rental_type_box .type_list .type_icon {
	display: flex;
	align-items: center;
	height: 40px;
}
.rental_type_box .type_list .type_icon img {
	width: 38px;
	height: auto;
}
.rental_type_box .type_list .rental_name {
	margin-top: 22px;
	font-size: 22px;
	font-weight: 600;
	letter-spacing: -0.3px;
	color: #fff;
}
.rental_type_box .type_list .rental_desc {
	margin-top: 8px;
	font-size: 16px;
	letter-spacing: -0.3px;
	color: rgba(255, 255, 255, 0.8);
}

/* 섹션05 갤러리 */
.gallery_box {
	padding: 180px 0 150px;
	background: #000;
	overflow: hidden;
}

/* 타이틀 (우측 정렬) */
.gallery_box .tit_area {
	text-align: right;
}
.gallery_box .tit_area,
.gallery_box .gallery_slide,
.gallery_box .gall_slide_pagination {
	opacity: 0;
	transition:
		opacity 1.1s ease,
		transform 1.1s cubic-bezier(.2, .8, .2, 1);
}
.gallery_box .tit_area {
	transform: translateY(48px);
}
.gallery_box .gallery_slide,
.gallery_box .gall_slide_pagination {
	transform: translateX(-240px);
}
.gallery_box.is-reveal .tit_area,
.gallery_box.is-reveal .gallery_slide,
.gallery_box.is-reveal .gall_slide_pagination {
	opacity: 1;
	transform: translate(0, 0);
}
.gallery_box.is-reveal .tit_area {
	transition-delay: .08s;
}
.gallery_box.is-reveal .gallery_slide,
.gallery_box.is-reveal .gall_slide_pagination {
	transition-delay: .32s;
	transition-duration: 1.3s;
}
@media (prefers-reduced-motion: reduce) {
	.gallery_box .tit_area,
	.gallery_box .gallery_slide,
	.gallery_box .gall_slide_pagination {
		opacity: 1;
		transform: none;
		transition: none;
	}
}

/* 슬라이드 : 트랙이 inner 밖으로 흘러도 보이게 */
.gallery_box .gallery_slide {
	margin-top: 50px;
	overflow: visible;
	direction: rtl;   /* 기준을 오른쪽으로 */
	-webkit-clip-path: inset(0 0 0 -100vw);
	clip-path: inset(0 0 0 -100vw);
}
.gallery_box .gallery_slide.is-centered {
	direction: ltr;
	-webkit-clip-path: none;
	clip-path: none;
}
.gallery_box .slide_wrap {
	display: flex;
	flex-direction: row-reverse;
	direction: ltr;   /* 카드 내부는 정상으로 되돌림 */
	gap: 28px;
	transition: transform .5s ease;
	cursor: grab;
	touch-action: pan-y;
	user-select: none;
}
.gallery_box .gallery_slide.is-centered .slide_wrap {
	justify-content: center;
	flex-direction: row;
	cursor: default;
}
.gallery_box .gallery_slide.is-dragging .slide_wrap {
	cursor: grabbing;
}
.gallery_box .slide_item {
	flex: 0 0 auto;
	width: 440px;
}
/* 지그재그 : 렌더링 시점에 부여된 위치를 유지 */
.gallery_box .slide_item.is-offset {
	margin-top: 25px;
}
.gallery_box .slide_item .thumb {
	display: block;
	overflow: hidden;
	width: 100%;
	height: 560px;
	border-radius: 20px;
}
.gallery_box .slide_item .thumb img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: transform .5s ease;
	pointer-events: none;
	user-select: none;
	-webkit-user-drag: none;
}
.gallery_box .slide_item:hover .thumb img {
	transform: scale(1.06);
}

/* 페이지네이션 */
.gallery_box .gall_slide_pagination {
	display: flex;
	justify-content: flex-end;
	gap: 10px;
	margin-top: 30px;
}

/* 기본 : 활성 상태 */
.gallery_box .page_btn,
.class_box .page_btn{
	width: 46px;
	height: 46px;
	border: 1px solid rgba(255, 255, 255, .7);
	border-radius: 50%;
	background: transparent;
	transition: background-color .3s, border-color .3s, opacity .3s;
}
.gallery_box .page_btn svg,
.class_box .page_btn svg{
	width: 20px;
	height: 20px;
	vertical-align: middle;
}
.gallery_box .page_btn.prev::before,
.class_box .page_btn.prev::before {
	transform: translate(-30%, -50%) rotate(-135deg);
}
.gallery_box .page_btn.next::before,
.class_box .page_btn.next::before {
	transform: translate(-70%, -50%) rotate(45deg);
}
/* 비활성 상태 */
.gallery_box .page_btn:disabled,
.class_box .page_btn:disabled {
	opacity: .3;
	cursor: default;
}
/* 활성된 버튼에 호버했을 때만 */
.gallery_box .page_btn:not(:disabled):hover,
.class_box .page_btn:not(:disabled):hover {
	background: #cd9816;
	border-color: #cd9816;
}

/* 섹션06 예약배너 */
.reserve_box {
	overflow: hidden;
	background: #000;
}
.reserve_box::after {
	content: "";
	position: absolute;
	inset: 0;
	background: url(/images/reservation_bg.jpg) no-repeat center center / cover;
	opacity: 0;
	transform: translateY(70px) scale(1.03);
	transition:
		opacity 1.1s ease,
		transform 1.1s cubic-bezier(.2, .8, .2, 1);
}
.reserve_box::before {
	content: "";
	position: absolute;
	inset: 0;
	/* background: rgba(0, 0, 0, 0.55); */
	background: radial-gradient(120% 90% at 50% 50%,
		rgba(10, 12, 16, .55) 30%,
		rgba(10, 12, 16, .75) 55%,
		rgba(10, 12, 16, .9) 100%);
	z-index: 1;
	opacity: 0;
	transition: opacity 1.1s ease;
}
.reserve_box > div {
	z-index: 2;
}
.reserve_box .reserve_con {
	padding: 120px 0;
	text-align: center;
}
.reserve_box .tit_area,
.reserve_box .reserve_btn_area {
	opacity: 0;
	transform: translateY(46px);
	transition:
		opacity 1s ease,
		transform 1s cubic-bezier(.2, .8, .2, 1);
}
.reserve_box.is-reveal::after {
	opacity: 1;
	transform: translateY(0) scale(1);
}
.reserve_box.is-reveal::before {
	opacity: 1;
}
.reserve_box.is-reveal .tit_area,
.reserve_box.is-reveal .reserve_btn_area {
	opacity: 1;
	transform: translateY(0);
}
.reserve_box.is-reveal .tit_area {
	transition-delay: .25s;
}
.reserve_box.is-reveal .reserve_btn_area {
	transition-delay: .45s;
}
.reserve_box .reserve_con .tit_area .txt {
	margin-top: 16px;
	font-size: 21px;
	font-weight: 400;
	letter-spacing: -0.2px;
	color: rgba(255, 255, 255, .6);
}
.reserve_box .reserve_btn_area {
	margin-top: 44px;
}
.reserve_box .reserve_btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 190px;
	padding: 17px 40px;
	border-radius: 50px;
	background: #d6a21e;
	font-size: 20px;
	font-weight: 600;
	letter-spacing: -0.3px;
	color: #1a1a1a;
	transition: background-color .3s;
}
.reserve_box .reserve_btn:hover {
	background: #ecbb35;
}
@media (prefers-reduced-motion: reduce) {
	.reserve_box::after,
	.reserve_box::before,
	.reserve_box .tit_area,
	.reserve_box .reserve_btn_area {
		opacity: 1;
		transform: none;
		transition: none;
	}
}

/* 섹션07 문의안내 */
.contact_box {
	position: relative;
	overflow: hidden;
	padding: 185px 0;
	background: #000;
}
.contact_box::before{
	content: "";
	position: absolute;
	inset: 0;
	background: url(/images/contact_bg.png) no-repeat center center / cover;
	opacity: .8;
}
.contact_box > div {
	z-index: 1;
}
.contact_box .contact_con {
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.contact_box .contact_con .contact_info {
	flex: none;
	width: 45%;
}
.contact_box .tit_area .eng,
.contact_box .tit_area .tit,
.contact_box .info_list > li,
.contact_box .contact_btn_area,
.contact_box .contact_map {
	opacity: 0;
	transition:
		opacity 1s ease,
		transform 1s cubic-bezier(.2, .8, .2, 1);
}
.contact_box .tit_area .eng,
.contact_box .tit_area .tit,
.contact_box .info_list > li,
.contact_box .contact_btn_area {
	transform: translateY(46px);
}
.contact_box .contact_map {
	transform: translateX(120px);
}
.contact_box.is-reveal .tit_area .eng,
.contact_box.is-reveal .tit_area .tit,
.contact_box.is-reveal .info_list > li,
.contact_box.is-reveal .contact_btn_area,
.contact_box.is-reveal .contact_map {
	opacity: 1;
	transform: translate(0, 0);
}
.contact_box.is-reveal .tit_area .eng { transition-delay: .08s; }
.contact_box.is-reveal .tit_area .tit { transition-delay: .20s; }
.contact_box.is-reveal .info_list > li.addr { transition-delay: .36s; }
.contact_box.is-reveal .info_list > li.tel { transition-delay: .50s; }
.contact_box.is-reveal .contact_btn_area { transition-delay: .64s; }
.contact_box.is-reveal .contact_map {
	transition-delay: .22s;
	transition-duration: 1.1s;
}
@media (max-width: 768px) {
	.contact_box .contact_map {
		transform: translateY(48px);
	}

	.contact_box.is-reveal .contact_map {
		transition-delay: .72s;
	}
}
@media (prefers-reduced-motion: reduce) {
	.contact_box .tit_area .eng,
	.contact_box .tit_area .tit,
	.contact_box .info_list > li,
	.contact_box .contact_btn_area,
	.contact_box .contact_map {
		opacity: 1;
		transform: none;
		transition: none;
	}
}

/* 정보 리스트 */
.contact_box .info_list {
	margin-top: 46px;
}
.contact_box .info_list > li + li {
	margin-top: 45px;
}
.contact_box .info_list .info_tit {
	display: flex;
	align-items: center;
	font-size: 22px;
	font-weight: 600;
	letter-spacing: -0.3px;
}
.contact_box .info_list .info_tit .icon {
	width: 22px;
	height: 22px;
	margin-right: 10px;
	background: no-repeat center center / contain;
}
.contact_box .info_list .addr .info_tit .icon {
	background-image: url(/images/contact-address.png);
}
.contact_box .info_list .tel .info_tit .icon {
	background-image: url(/images/contact-call.png);
}
.contact_box .info_list .info_txt {
	margin-top: 12px;
	font-size: 20px;
	line-height: 1.3;
	letter-spacing: -0.3px;
	padding-left: 5%;
}
.contact_box .info_list .info_num{
	font-size: 25px;
	font-weight: 700;
	letter-spacing: 0;
	margin-top: 12px;
	padding-left: 5%;
}
.contact_box .info_list .info_txt .subway {
	display: inline-block;
	padding-left: 25px;
	font-size: 17px;
	background: url(/images/subway-five.png) no-repeat left center / 19px;
}

/* 길찾기 버튼 */
.contact_box .contact_btn_area {
	margin-top: 35px;
}
.contact_box .contact_btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 168px;
	padding: 14px 44px;
	border: 1px solid rgba(255, 255, 255, 1);
	border-radius: 50px;
	font-size: 20px;
	font-weight: 600;
	letter-spacing: -0.3px;
	color: #fff;
	transition: background-color .3s, border-color .3s, color .3s;
}
.contact_box .contact_btn:hover {
	background: #d6a21e;
	border-color: #d6a21e;
	color: #1a1a1a;
}

/* 지도 */
.contact_box .contact_map {
	flex: none;
	width: 55%;
	overflow: hidden;
	border-radius: 20px;
}
.contact_box .contact_map iframe {
	display: block;
	width: 100%;
	height: 460px;
	border: 0;
}

/* 섹션08 푸터 */
.footer_box{
	border-top: 1px solid rgba(120, 120, 120, .4);
	padding: 75px 0;
}
.footer_box .footer_con{
	display: flex;
	justify-content: space-between;
	align-items: flex-end;
}
.footer_box .footer_logo {
	line-height: 0;
}
.footer_box .footer_logo a{
	width: auto;
	height: 67px;
	opacity: .3;
}

/* 정보 */
.footer_box .footer_info {
	margin-top: 52px;
}
.footer_box .footer_info .info_top {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
}
.footer_box .footer_info .info_top + .info_top {
	margin-top: 8px;
}
.footer_box .footer_info .info_top > li {
	font-size: 16px;
	letter-spacing: 0;
	color: rgba(255, 255, 255, .4);
}
.footer_box .footer_info .info_top > li + li {
	margin-left: 14px;
	padding-left: 15px;
}
.footer_box .footer_info .info_top > li + li::before {
	content: "";
	position: absolute;
	left: 0;
	top: 50%;
	width: 1px;
	height: 11px;
	margin-top: -6px;
	background: rgba(255, 255, 255, .4);
}
.footer_box .footer_info .copyright {
	margin-top: 22px;
	font-size: 15px;
	letter-spacing: 0;
	color: rgba(255, 255, 255, .4);
}

/* SNS */
.footer_box .footer_right .footer_sns {
	display: flex;
	gap: 8px;
}
.footer_box .footer_right .footer_sns a {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 45px;
	height: 45px;
}
.footer_box .footer_right .footer_sns a:hover {
	border-color: rgba(255, 255, 255, .5);
	background: rgba(255, 255, 255, .06);
}
.footer_box .footer_right .footer_sns a img {
	width: 100%;
	opacity: .4;
}