/*-- sub page css --*/

/*container*/
.sub-section{padding: 70px 0;}

.mt-70{margin-top: 70px;}

@media screen and (max-width: 1480px){

	.sub-section{padding: 60px 0;}
	
	.mt-70{margin-top: 60px;}
}

@media screen and (max-width: 1080px){

	.sub-section{padding: 50px 0;}
	
	.mt-70{margin-top: 50px;}
}

/*motion*/
.sub-motion-1{transform: translateY(50px);opacity: 0;transition: transform 1s ease, opacity .6s ease;}
.sub-motion-2{transform: translateX(-50px);opacity: 0;transition: transform 1s ease, opacity .6s ease;}
.sub-motion-3{transform: translateX(50px);opacity: 0;transition: transform 1s ease, opacity .6s ease;}

.common_motion.on .sub-motion-1{transform: translateY(0);opacity: 1;}
.common_motion.on .sub-motion-2{transform: translateX(0);opacity: 1;}
.common_motion.on .sub-motion-3{transform: translateX(0);opacity: 1;}

/*parallax*/
.parallax-wrapper{overflow: hidden;}
.parallax, .parallax-vanilla{width: 100%;height: 100%;will-change: transform;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover; 
}

/*-- header --*/
.hd-logo img{display: block;
	-webkit-filter: brightness(0) invert(1);
	filter: brightness(0) invert(1);
}

.hd-nav>ul>li>a{color: #FFF;}
.hd-nav>ul>li>a::before{background: rgba(255,255,255,.4);}

/*on*/
#header.on{height: 80px;background-color: #FFF;border-bottom-color: #ececec;}

#header.on .hd-logo img{
	-webkit-filter: none;
	filter: none;
}
#header.on .hd-nav>ul>li>a{color: #000;line-height: 80px;}
#header.on .hd-nav>ul>li>a::before{background: #eee;}
#header.on .hd-nav>ul>li:hover>a::before, #header.on .hd-nav>ul>li>a.on::before{background: var(--color-2);}

@media screen and (max-width: 1080px){
	
	#header.on{height: 70px;}
	
	.hd-btn span{background: #FFF;}
	#header.on .hd-btn span{background: #000;}
}

@media screen and (max-width: 720px){
	
	#header.on{height: 60px;}
}

/*-- sub visual --*/
.subVisual{height: 600px;background-color: #000;position: relative;}

.subVisual-img{display: block;width: 100%;height: 100%;}

.subVisual-title{position: absolute;top: 60%;left: 50%;transform: translate(-50%,-50%);z-index: 10;}
.subVisual-title span{display: block;font-size: var(--fs-24);font-weight: var(--fw-6);color: #FFF;margin-bottom: 10px;}
.subVisual-title h2{font-size: var(--fs-70);font-weight: var(--fw-7);color: #FFF;}

#sv_01 figure{background-image: url(/img/sub/sv_1.jpg);}
#sv_02 figure{background-image: url(/img/sub/sv_2.jpg);}
#sv_03 figure{background-image: url(/img/sub/sv_3.jpg);}

/*wave*/
#wave-container{position: absolute;bottom: -30px;left: 0;width: 100%;z-index: 1;}
#wave-container svg{display: block;}

@media screen and (max-width: 1480px){

	.subVisual{height: 500px;}
}

@media screen and (max-width: 1080px){

	.subVisual{height: 400px;}
	
	.subVisual-title h2{font-size: var(--fs-60);}
	
	/*wave*/
	#wave-container{bottom: -60px;}
}

@media screen and (max-width: 720px){

	.subVisual{height: 350px;}

	.subVisual-title h2{font-size: 32px;line-height: 130%;}
	
	/*wave*/
	#wave-container{bottom: -60px;}
}

/*-- sub navi --*/
.snv-wrap{padding-top: 90px;}

.sub-navi{border-bottom: 1px solid #232323;}
.sub-navi>ul>li>a{display: none;}
.sub-navi>ul>li>ul{display: none;}

.sub-navi>ul>li>ul{justify-content: flex-start;align-items: center;gap: 40px;}
.sub-navi>ul>li>ul>li>a{display: block;width: 100%;height: 100%;font-family: 'Pretendard Variable';font-size: var(--fs-22);font-weight: var(--fw-4);color: #999;padding-bottom: 20px;position: relative;}
.sub-navi>ul>li>ul>li>a::after{content: "";position: absolute;bottom: 0;left: 0;width: 100%;height: 1px;background: #000;z-index: 1;display: none;}
.sub-navi>ul>li>ul>li>a.on{font-weight: var(--fw-6);color: #000;}
.sub-navi>ul>li>ul>li>a.on::after{display: block;}

#sn_01.sub-navi>ul>li:nth-child(1)>ul{display: flex;}
#sn_02.sub-navi>ul>li:nth-child(2)>ul{display: flex;}
#sn_03.sub-navi>ul>li:nth-child(3)>ul{display: flex;}

@media screen and (max-width: 1480px){

	.snv-wrap{padding-top: 70px;}
	
	.sub-navi>ul>li>ul{gap: 30px;}
}

@media screen and (max-width: 1080px){
	
	.sub-navi{overflow-x: scroll;}
	.sub-navi>ul>li>ul>li>a{font-size: 18px;white-space: nowrap;}
}

@media screen and (max-width: 720px){
	
	.sub-navi>ul>li>ul{gap: 20px;}
	.sub-navi>ul>li>ul>li>a{font-size: 15px;padding-bottom: 12px;}
}

/*-- footer --*/
#footer{background: #000;}
.footer-container{padding: 0;border-radius: 0;background-color: transparent;}

@media screen and (max-width: 1080px){

	#footer{margin-bottom: 0;}
}

@media screen and (max-width: 960px){

	#footer{padding: 30px 0;}
}

@media screen and (max-width: 720px){

	#footer{padding: 20px 0;}
}

/*-- quick --*/
#right-quick{position: fixed;bottom: 100px;right: 50px;z-index: 900;}

.right-menu li + li{margin-top: 10px;}
.right-menu li a{display: flex;justify-content: center;align-items: center;width: 56px;height: 56px;border-radius: 56px;border: 1px solid #dedede;background-color: #FFF;overflow: hidden;}

@media screen and (max-width: 1480px){

	#right-quick{right: 25px;}
}

@media screen and (max-width: 960px){

	#right-quick{bottom: 25px;}
}

@media screen and (max-width: 720px){

	#right-quick{bottom: 3%;right: 5%;}

	.right-menu li.mobile-none{display: none;}
	.right-menu li + li{margin-top: 5px;}
	.right-menu li a{width: 45px;height: 45px;border-radius: 45px;}
}

/*-- sub flex common --*/
.sub-flex{display: flex;align-items: flex-start;}
.sub-lft{width: 45%;padding-right: 100px;}
.sub-rgt{width: 55%;}

.sub-lft>h3{font-size: var(--fs-45);font-weight: var(--fw-6);line-height: 140%;margin-top: -6px;word-break: keep-all;}

.sub-center-img{overflow: hidden;}
.sub-center-img figure{height: 400px;}

@media screen and (max-width: 1480px){

	.sub-lft{width: 40%;padding-right: 80px;}
	.sub-rgt{width: 60%;}
	
	.sub-center-img figure{height: 340px;}
}

@media screen and (max-width: 1080px){

	.sub-center-img figure{height: 300px;}
}

@media screen and (max-width: 860px){

	.sub-flex{display: block;}
	.sub-lft, .sub-rgt{width: 100%;padding: 0;}
	.sub-lft{margin-bottom: 30px;}
	
	.sub-center-img figure{height: 250px;}
}

@media screen and (max-width: 720px){

	.sub-lft>h3{font-size: 24px;}
	
	.sub-center-img figure{height: 200px;}
}

/*-- message --*/
.message-wrap p i{display: block;font-size: var(--fs-20);font-weight: var(--fw-4);line-height: 160%;color: #454545;word-break: keep-all;}
.message-wrap p i + i{margin-top: 30px;}

.message-wrap>span{display: flex;align-items: center;gap: 10px;font-size: var(--fs-20);font-weight: var(--fw-5);margin-top: 50px;color: #777;}
.message-wrap>span b{font-weight: var(--fw-7);color: #000;}

@media screen and (max-width: 720px){

	.message-wrap p i{font-size: 15px;}
	.message-wrap p i + i{margin-top: 20px;}
	
	.message-wrap>span{font-size: 15px;margin-top: 30px;}
}

/*-- history --*/
.history-wrap>li{font-family: 'Pretendard Variable';display: flex;}
.history-wrap>li + li{margin-top: 70px;}
.history-wrap>li>h4{font-size: var(--fs-24);font-weight: var(--fw-5);line-height: 160%;width: 240px;}
.history-wrap>li>ul{width: calc( 100% - 240px );}
.history-wrap>li>ul>li{font-size: var(--fs-20);font-weight: var(--fw-4);line-height: 160%;color: #454545;border-bottom: 1px solid #ddd;padding-bottom: 20px;word-break: keep-all;}
.history-wrap>li>ul>li + li{padding-top: 20px;}

@media screen and (max-width: 1480px){

	.history-wrap>li + li{margin-top: 60px;}
	
	.history-wrap>li>h4{width: 200px;}
	.history-wrap>li>ul{width: calc( 100% - 200px );}
	
	.history-wrap>li>ul>li{padding-bottom: 15px;}
	.history-wrap>li>ul>li + li{padding-top: 15px;}
}

@media screen and (max-width: 860px){

	.history-wrap>li + li{margin-top: 50px;}
}

@media screen and (max-width: 720px){

	.history-wrap>li + li{margin-top: 30px;}

	.history-wrap>li>h4{width: 140px;font-size: 16px;}
	.history-wrap>li>ul{width: calc( 100% - 140px );}
	
	.history-wrap>li>ul>li{padding-bottom: 10px;}
	.history-wrap>li>ul>li + li{padding-top: 10px;}
}

/*-- locations --*/
.map-box>h4{font-size: var(--fs-24);font-weight: var(--fw-6);margin-bottom: 15px;}

.map-list{display: flex;flex-wrap: wrap;align-items: flex-start;gap: 20px;}
.map-list>li{width: calc( ( 100% - 20px ) / 2 );}
.map-list>li iframe{display: block;width: 100%;height: 400px;}
.map-list>li p{font-size: var(--fs-20);font-weight: var(--fw-4);line-height: 160%;color: #454545;word-break: keep-all;margin-top: 15px;}

.map-list-full>li{width: 100%;}
.map-list-full>li iframe{height: 540px;}

@media screen and (max-width: 1480px){

	.map-list>li iframe{height: 320px;}
}

@media screen and (max-width: 1080px){

	.map-list>li iframe{height: 240px;}
}

@media screen and (max-width: 960px){

	.map-list{display: block;}
	.map-list>li{width: 100%;}
	.map-list>li + li{margin-top: 20px;}
}

@media screen and (max-width: 720px){

	.map-box>h4{font-size: 20px;margin-bottom: 12px;}
	
	.map-list>li p{margin-top: 12px;}
}

/*-- Contact us --*/
.ct-info{display: flex;background: #f4f4f4;margin-top: 25px;padding: 25px;border-radius: 15px;}
.ct-info>div{width: calc( 100% / 3 );}

.ct-info h5{font-weight: var(--fw-5);color: #999;}
.ct-info span{display: block;font-size: var(--fs-18);font-weight: var(--fw-6);margin-top: 12px;}

@media screen and (max-width: 720px){

	.ct-info{display: block;padding: 20px;border-radius: 10px;margin-top: 15px;}
	.ct-info>div{width: 100%;}
	.ct-info>div + div{margin-top: 20px;}
	
	.ct-info h5{font-size: 15px;}
	.ct-info span{font-size: 16px;margin-top: 8px;}
}