/*-- common css --*/

:root {
	
	/*font-size*/
	--fs-14: .875rem;
	--fs-15: .9375rem;
	--fs-18: 1.13rem;
	--fs-20: 1.25rem;
	--fs-22: 1.375rem;
	--fs-24: 1.5rem;
	--fs-28: 1.75rem;
	--fs-30: 1.875rem;
	--fs-32: 2rem;
	--fs-36: 2.25rem;
	--fs-45: 2.8125rem;
	--fs-57: 3.5625rem;

	/*font-weight*/
	--fw-4: 400;
	--fw-5: 500;
	--fw-6: 600;
	--fw-7: 700;
	--fw-8: 800;
	--fw-9: 900;

	/*color*/
	--color-1: #0074D9;
	--color-2: #A9C7FF;
	--color-3: #B2C0DA;
	--color-4: #21314A;
	--color-5: #687895;
	--color-6: #3A90FF;
	--color-7: #0085FF;
}

/*container*/
.common_container{width: 90%;max-width: 1180px;margin: 0 auto;}
.common_section{padding: 120px 0;}

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

	.common_section{padding: 100px 0;}
}

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

	.common_section{padding: 70px 0;}
}

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

	.common_section{padding: 56px 0;}
}

/*link button*/
.common-link-1{display: flex;align-items: center;gap: 8px;}
.common-link-1 i{font-weight: var(--fw-6);color: var(--color-1);white-space: nowrap;}
.common-link-1 img{display: block;padding-bottom: 1px;}

.common-link-2{gap: 12px;}
.common-link-2 i{font-size: var(--fs-18);}
.common-link-2 img{padding-bottom: 0;}

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

	.common-link-1 i{font-size: 14px;font-weight: var(--fw-5);}
	.common-link-1 img{max-width: 7px;}

	.common-link-2 i{font-size: 16px;font-weight: var(--fw-6);}
	.common-link-2 img{max-width: 100%;}
	.common-link-2 img{padding-bottom: 3px;}
}

/*common title*/
.common-title span{display: block;font-size: var(--fs-22);font-weight: var(--fw-6);line-height: 145%;color: var(--color-6);margin-bottom: 8px;}
.common-title h2{font-size: var(--fs-45);font-weight: var(--fw-7);color: var(--color-4);line-height: 151%;}
.common-title p{font-size: var(--fs-18);font-weight: var(--fw-4);color: var(--color-5);line-height: 140%;margin-top: 15px;word-break: keep-all;}

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

	.common-title h2{font-size: 28px;}
	.common-title p{font-size: 16px;margin-top: 10px;}
}

/*common motion*/
.motion-1{transform: translateY(70px);opacity: 0;transition: transform 1s ease, opacity .8s ease;}

.delay-1{transition-delay: .1s;}
.delay-2{transition-delay: .2s;}
.delay-3{transition-delay: .3s;}
.delay-4{transition-delay: .4s;}
.delay-5{transition-delay: .5s;}
.delay-6{transition-delay: .6s;}
.delay-7{transition-delay: .7s;}
.delay-8{transition-delay: .8s;}
.delay-9{transition-delay: .9s;}

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

@keyframes text-to-left{

	0%{transform: translateX(0%);}
	100%{transform: translateX(-50%);}
}

@-webkit-keyframes text-to-left{

	0%{transform: translateX(0%);}
	100%{transform: translateX(-50%);}
}

/*-- header --*/
#header{position: fixed;top: 0;left: 0;width: 100%;height: 96px;z-index: 1000;background-color: rgba(10, 28, 52, 0.1);transition: background-color .35s ease;}
.header_container{display: flex;justify-content: space-between;align-items: center;height: 100%;}

.hd-logo{position: relative;}
.hd-logo>a{position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: 1;}
.hd-logo object{display: block;max-width: 356px;
	-webkit-filter: brightness(0) invert(1);
	filter: brightness(0) invert(1);
}

.hd-gnb>ul{display: flex;align-items: center;}
.hd-gnb>ul>li>a{display: block;width: 100%;height: 100%;font-size: var(--fs-18);font-weight: var(--fw-6);color: #FFF;line-height: 96px;padding: 0 16px;}
.hd-gnb>ul>li:first-child>a{padding-left: 0;}
.hd-gnb>ul>li:last-child>a{padding-right: 0;}

/*on*/
#header.on{background-color: #FFF;}
#header.on .hd-logo object{
	-webkit-filter: none;
	filter: none;
}
#header.on .hd-gnb>ul>li>a{color: var(--color-4);}
#header.on .hd-gnb>ul:hover>li>a{color: var(--color-5);}
#header.on .hd-gnb>ul>li:hover>a{color: var(--color-4);}

/*Mobile*/
.hd-button, .mobile-wrap{display: none;}

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

	#header{height: 80px;}

	.hd-logo object{max-width: 280px;}

	.hd-gnb>ul>li>a{line-height: 80px;}
}

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

	.hd-logo object{max-width: 260px;}

	.hd-gnb{display: none;}

	/*Mobile*/
	.hd-button{display: block;width: 24px;height: 80px;position: relative;z-index: 10;}
	.hd-button>span{position: absolute;top: 39px;left: 0;width: 100%;height: 2px;background-color: #FFF;transition: all .3s ease;}
	.hd-button>span:nth-child(1){transform: translateY(-7px);}
	.hd-button>span:nth-child(3){transform: translateY(7px);}

	.hd-button.on>span{width: 26px;left: -1px;background-color: var(--color-5);}
	.hd-button.on>span:nth-child(1){transform: rotate(45deg);}
	.hd-button.on>span:nth-child(2){opacity: 0;}
	.hd-button.on>span:nth-child(3){transform: rotate(-45deg);}

	#header.on .hd-button>span{background-color: var(--color-5);}

	.mobile-wrap{display: block;position: fixed;top: 0;left: 0;width: 100%;height: 100vh;background-color: #FFF;z-index: 1;transform: translateX(100%);transition: transform .45s;}
	.mobile-inner{height: 100%;padding-top: 64px;position: relative;}

	.mobile-gnb>ul>li + li{margin-top: 16px;}
	.mobile-gnb>ul>li>a{display: block;width: 100%;height: 100%;font-size: 16px;font-weight: var(--fw-6);line-height: 48px;color: var(--color-4);background-color: #F8F9FB;text-align: center;border-radius: 8px;overflow: hidden;}

	.mobile-info{position: absolute;bottom: 32px;left: 0;width: 100%;}
	.mobile-info span{display: block;font-size: 14px;font-weight: var(--fw-4);color: #4F5F7B;margin-bottom: 9px;}
	.mobile-info h4{font-size: 22px;font-weight: var(--fw-7);color: #006ECD;margin-bottom: 8px;}
	.mobile-info p{font-size: 14px;font-weight: var(--fw-5);color: #4F5F7B;line-height: 142%;}

	.mobile-wrap.open{transform: translateX(0);}
}

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

	#header, .hd-button{height: 64px;}

	.hd-logo object{max-width: 230px;}

	.hd-button{width: 21px;}
	.hd-button>span{top: 31px;}
	.hd-button>span:nth-child(1){transform: translateY(-6px);}
	.hd-button>span:nth-child(3){transform: translateY(6px);}

	.hd-button.on>span{left: -3px;}
}

/*-- main-1 --*/
#main-1{background-color: #000;position: relative;}

.main-inner{display: flex;align-items: flex-start;justify-content: space-between;width: 100%;position: relative;z-index: 10;}
.main-title{display: flex;flex-direction: column;justify-content: center;color: #FFF;height: 100vh;position: sticky;top: 0;}
.main-title span{display: block;font-size: var(--fs-22);font-weight: var(--fw-6);color: var(--color-2);margin-bottom: 11px;}
.main-title h2{font-size: var(--fs-45);font-weight: var(--fw-6);line-height: 151%;margin-bottom: 5px;}
.main-title b{display: block;font-size: var(--fs-32);font-weight: var(--fw-6);margin-bottom: 23px;}
.main-title p{font-size: var(--fs-18);line-height: 151%;}

.main-list{display: flex;flex-wrap: wrap;align-items: flex-end;column-gap: 40px;row-gap: 152px;max-width: 720px;padding: 240px 0;padding-bottom: 488px;}
.main-list li{max-width: 340px;}
.main-list li:nth-child(even){transform: translateY(248px);}
.main-list li:nth-child(odd){transform: translateY(-32px);}
.main-list li>a{display: block;width: 100%;height: 100%;border-radius: 16px;overflow: hidden;}

.main-list figure{position: relative;}
.main-list figure::after{content: "";position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: rgba(10, 28, 52, .5);z-index: 1;}
.main-list figure img{display: block;width: 100%;}

.main-list-text{position: relative;padding: 24px;}
.main-list-text::before{content: "";position: absolute;top: 0;left: 0;width: 100%;height: 100%;background-color: rgba(255, 255, 255, .1);
	-webkit-backdrop-filter: blur(40px);
	backdrop-filter: blur(40px);
}
.main-list-text>div{display: flex;align-items: flex-start;justify-content: space-between;position: relative;z-index: 10;}
.main-list-text h4{font-size: var(--fs-22);font-weight: var(--fw-6);color: #FFF;line-height: 145%;word-break: keep-all;}
.main-list-text p{font-weight: var(--fw-4);color: var(--color-3);position: relative;z-index: 10;word-break: keep-all;line-height: 150%;margin-top: 8px;}

#main-bg{position: absolute;bottom: 0;left: 0;width: 100%;height: 100vh;}
#main-bg::after{content: "";position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: 10;background-color: rgba(10, 28, 52, .69);}
#main-bg figure{position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: 1;opacity: 0;transition: opacity 1s ease;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
}
.main-bg-1{background-image: url(/img/main/main_1.jpg);}
.main-bg-2{background-image: url(/img/main/main_2.jpg);}
.main-bg-3{background-image: url(/img/main/main_3.jpg);}
.main-bg-4{background-image: url(/img/main/main_4.jpg);}
.main-bg-5{background-image: url(/img/main/main_5.jpg);}
.main-bg-6{background-image: url(/img/main/main_6.jpg);}

/*on*/
.main-list li.on figure::after{opacity: 0;}
.main-list li.on .main-list-text::before{background-color: rgba(255, 255, 255, 1);transition: background-color .45s ease;}
.main-list li.on .main-list-text h4{color: var(--color-4);}
.main-list li.on .main-list-text p{color: var(--color-5);}

#main-bg figure.on{opacity: 1;}

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

	.main-list{column-gap: 35px;row-gap: 120px;max-width: 675px;padding: 220px 0;padding-bottom: 445px;}
	.main-list li{max-width: 320px;}
	.main-list li:nth-child(even){transform: translateY(225px);}
	.main-list li:nth-child(odd){transform: translateY(-30px);}
}

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

	.main-list{column-gap: 30px;row-gap: 100px;max-width: 630px;padding: 200px 0;padding-bottom: 410px;}
	.main-list li{max-width: 300px;}
	.main-list li:nth-child(even){transform: translateY(210px);}
	.main-list li:nth-child(odd){transform: translateY(-30px);}
}

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

	.main-list{row-gap: 100px;max-width: 550px;padding: 200px 0;padding-bottom: 410px;}
	.main-list li{max-width: 260px;}
	.main-list li:nth-child(even){transform: translateY(180px);}
	.main-list li:nth-child(odd){transform: translateY(-24px);}

	.main-list-text{padding: 16px 20px;}
}

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

	#main-1{padding: 80px 0;padding-top: 160px;}

	.main-inner{display: block;}
	.main-title{display: block;height: auto;position: unset;}

	.main-list{align-items: flex-start;column-gap: 20px;row-gap: 20px;padding: 0;max-width: 100%;margin-top: 48px;}
	.main-list li{max-width: calc( ( 100% - 20px ) / 2 );}
	.main-list li:nth-child(even){transform: translateY(0);}
	.main-list li:nth-child(odd){transform: translateY(0);}
	
	.main-list-text h4 br{display: none;}
}

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

	#main-1{padding: 56px 0;padding-top: 104px;}

	.main-title span{font-size: 16px;font-weight: var(--fw-5);margin-bottom: 10px;}
	.main-title h2{font-size: 32px;margin-bottom: 2px;}
	.main-title b{font-size: 22px;margin-bottom: 22px;}
	.main-title p{font-size: 16px;}

	.main-list{display: block;margin-top: 26px;}
	.main-list li{max-width: 100%;}
	.main-list li + li{margin-top: 24px;}

	.main-list figure{width: 100%;height: auto;padding-bottom: 50%;position: relative;overflow: hidden;}
	.main-list figure img{position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);width: 100%;z-index: 1;}

	.main-list-text h4{font-size: 16px;}
	.main-list-text p{font-size: 14px;}
}

/*-- main-2 --*/
#main-2{background-color: #000;position: relative;}
#main-2>.common_container{display: flex;align-items: center;justify-content: center;width: 100%;height: 100vh;}

.celebrity-title{text-align: center;position: relative;z-index: 10;}
.celebrity-title figure{margin-bottom: 25px;}
.celebrity-title figure img{display: block;margin: 0 auto;}

.celebrity-title h2{font-size: var(--fs-45);font-weight: var(--fw-6);color: #FFF;margin-bottom: 15px;}
.celebrity-title p{font-size: var(--fs-18);font-weight: var(--fw-4);color: #CBCBCB;line-height: 140%;margin-bottom: 41px;}

.celebrity-title span{display: inline-block;line-height: 42px;background-color: #FFF;border-radius: 12px;font-size: var(--fs-18);font-weight: var(--fw-5);margin: 0 auto;color: var(--color-4);position: relative;overflow: hidden;padding: 0 18px;}
.celebrity-title span b.celebrity-text{position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);width: 100%;height: 100%;background: #FFF;}

#celebrity-bg{position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: 1;}
#celebrity-bg::after{content: "";position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: 10;background-color: rgba(10, 28, 52, .5);}
#celebrity-bg figure{position: absolute;top: 0;left: 0;width: 100%;height: 100%;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
}
.celebrity-bg-1{background-image: url(/img/main/celebrity_2.jpg);}
.celebrity-bg-2{background-image: url(/img/main/celebrity_1.jpg);opacity: 0;}
.celebrity-bg-3{background-image: url(/img/main/celebrity_3.jpg);opacity: 0;}
.celebrity-bg-4{background-image: url(/img/main/celebrity_4.jpg);opacity: 0;}
.celebrity-bg-5{background-image: url(/img/main/celebrity_5.jpg);opacity: 0;}
.celebrity-bg-6{background-image: url(/img/main/celebrity_6.jpg);opacity: 0;}
.celebrity-bg-7{background-image: url(/img/main/celebrity_7.jpg);opacity: 0;}
.celebrity-bg-8{background-image: url(/img/main/celebrity_8.jpg);opacity: 0;}

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

	.celebrity-bg-1{background-image: url(/img/main/mo_celebrity_2.jpg);}
	.celebrity-bg-2{background-image: url(/img/main/mo_celebrity_1.jpg);}
	.celebrity-bg-3{background-image: url(/img/main/mo_celebrity_3.jpg);}
	.celebrity-bg-4{background-image: url(/img/main/mo_celebrity_4.jpg);}
	.celebrity-bg-5{background-image: url(/img/main/mo_celebrity_5.jpg);}
	.celebrity-bg-6{background-image: url(/img/main/mo_celebrity_6.jpg);}
	.celebrity-bg-7{background-image: url(/img/main/mo_celebrity_7.jpg);}
	.celebrity-bg-8{background-image: url(/img/main/mo_celebrity_8.jpg);}
}

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

	.celebrity-title figure{margin-bottom: 18px;}

	.celebrity-title h2{font-size: 32px;line-height: 150%;margin-bottom: 9px;}
	.celebrity-title p{font-size: 16px;line-height: 150%;margin-bottom: 23px;}

	.celebrity-title span{line-height: 36px;border-radius: 8px;font-size: 14px;padding: 0 13px;}
}

/*-- main-3 --*/
#main-3{background-color: var(--color-4);padding: 80px 0;}
#main-3 .common-title h2{color: #FFF;}

.product-wrap{margin-top: 40px;}
.product-list{display: flex;flex-wrap: wrap;gap: 24px;}
.product-list li{width: calc( ( 100% - 48px ) / 3 );background-color: #FFF;border-radius: 16px;overflow: hidden;padding: 20px 0 16px 0;}

.product-title{text-align: center;margin-bottom: 7px;}
.product-title h4{display: flex;justify-content: center;align-items: center;gap: 16px;font-size: var(--fs-22);font-weight: var(--fw-7);color: var(--color-4);margin-bottom: 11px;}
.product-title h4 i{width: 48px;line-height: 28px;border-radius: 4px;background-color: var(--color-4);color: #FFF;font-size: var(--fs-14);font-weight: 300;}
.product-title span{font-size: var(--fs-14);font-weight: var(--fw-5);color: #0074D9;}

.product-list figure img{display: block;margin: 0 auto;}

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

	#main-3{padding: 65px 0;}

	.product-wrap{margin-top: 32px;}

	.product-title h4{gap: 12px;}
}

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

	.product-list figure img{width: 100%;}
}

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

	.product-list{gap: 20px;}
	.product-list li{width: calc( ( 100% - 40px ) / 3 );}
}

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

	#main-3{padding: 56px 0;}
	#main-3 .common-title h2{text-align: center;}

	.product-wrap{margin-top: 23px;}
	.product-list{gap: 24px;}
	.product-list li{width: 100%;padding: 19px 0;}

	.product-title h4{flex-direction: column;font-size: 22px;margin-bottom: 13px;}
	.product-title h4 i{font-size: 14px;}
	.product-title span{font-size: 14px;}
}

/*-- main-4 --*/
#main-4{background-color: #F0F3F9;overflow: hidden;}

.brand-wrap{margin-top: 40px;}
.brand-list{display: flex;flex-wrap: wrap;gap: 24px;}
.brand-list li{width: calc( ( 100% - 72px ) / 4 );background-color: #FFF;border-radius: 16px;overflow: hidden;}
.brand-list li figure{display: flex;justify-content: center;align-items: center;width: 100%;height: 100%;}

.mo-brand{display: none;}

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

	.brand-list{gap: 20px;}
	.brand-list li{width: calc( ( 100% - 60px ) / 4 );}
}

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

	.mo-brand{display: block;}

	.brand-wrap{position: relative;}
	.brand-wrap::before, .brand-wrap::after{content: "";position: absolute;top: 0;width: 48px;height: calc( 100% + 56px );z-index: 1;}
	.brand-wrap::before{left: -6%;
		background: linear-gradient(to left, transparent, #F0F3F9);
	}
	.brand-wrap::after{right: -6%;
		background: linear-gradient(to right, transparent, #F0F3F9);
	}

	.brand-list{flex-wrap: nowrap;gap: 8px;width: 2616px;
		-webkit-animation: text-to-left 18s linear infinite;
		animation: text-to-left 18s linear infinite;
	}
	.brand-list li{flex: 1;width: auto;transition-delay: unset !important;border-radius: 8px;}
	.brand-list li figure img{max-height: 80px;}
}

/*-- main-5 --*/
#main-5{overflow: hidden;}

.press-title{display: flex;align-items: flex-end;justify-content: space-between;}

.press-button{display: flex;align-items: center;gap: 8px;}
.press-button button{width: 48px;height: 48px;border-radius: 48px;background-color: #F0F3F9;
	background-repeat: no-repeat;
	background-position: center center;
}
.press-prev{background-image: url(/img/icon/press_prev.png);}
.press-next{background-image: url(/img/icon/press_next.png);}

.press-wrap{margin-top: 40px;overflow: visible;}
.press-wrap>ul>li figure{padding-bottom: 60%;border-radius: 16px;overflow: hidden;position: relative;background-size: cover;}
.press-wrap>ul>li figure div{position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);width: 100%;height: 100%;z-index: 1;transition: transform .45s ease;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
}
.press-wrap>ul>li:hover figure div{transform: translate(-50%,-50%) scale(1.1);}

.press-text{margin-top: 18px;}
.press-text h4{font-size: var(--fs-18);font-weight: var(--fw-6);color: var(--color-4);white-space: nowrap;overflow: hidden;text-overflow: ellipsis;margin-bottom: 12px;}
.press-text p{font-weight: var(--fw-4);color: var(--color-5);line-height: 150%;word-break: keep-all;}
.press-text span{display: block;font-weight: var(--fw-5);color: var(--color-5);line-height: 150%;word-break: keep-all;margin-top: 8px;}

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

	.press-button{display: none;}

	.press-wrap>ul>li figure{padding-bottom: 62%;}

	.press-text h4{font-size: 16px;margin-bottom: 10px;}
	.press-text p, .press-text span{font-size: 14px;}
}

/*-- main-6 --*/
.benefit-wrap{margin-top: 40px;}
.benefit-inner{background-color: var(--color-7);border-radius: 16px;padding: 48px;}

.benefit-list{display: flex;align-items: flex-start;gap: 40px;}
.benefit-list li{width: calc( ( 100% - 80px ) / 3 );}

.benefit-list li figure{display: flex;justify-content: center;align-items: center;height: 200px;border-radius: 8px;background-color: #FFF;margin-bottom: 17px;}
.benefit-list li h4{font-size: var(--fs-22);font-weight: var(--fw-5);line-height: 145%;color: #FFF;margin-bottom: 8px;}
.benefit-list li p{color: #FFF;line-height: 150%;word-break: keep-all;}

.benefit-wrap .common-link-2{justify-content: flex-end;margin-top: 42px;}

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

	.benefit-inner{padding: 38px;}

	.benefit-list{gap: 20px;}
	.benefit-list li{width: calc( ( 100% - 40px ) / 3 );}
	.benefit-list li figure img{max-width: 120px;}
}

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

	.benefit-inner{padding: 25px;}

	.benefit-list li figure{height: 160px;}
	.benefit-list li figure img{max-width: 110px;}
}

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

	#main-6 .common-title h2{font-size: 32px;}

	.benefit-wrap{margin-top: 24px;}
	.benefit-inner{padding: 24px 16px;}

	.benefit-list{display: block;}
	.benefit-list li{width: 100%;}
	.benefit-list li + li{margin-top: 22px;}

	.benefit-list li figure img{max-width: 128px;}
	.benefit-list li h4{font-size: 16px;margin-bottom: 7px;}
	.benefit-list li p{font-size: 14px;}

	.benefit-wrap .common-link-2{margin-top: 27px;}
}

/*-- main-7 --*/
#main-7{background-color: #0A1C34;}

.store-wrap{display: flex;align-items: center;justify-content: space-between;gap: 160px;}

.store-map .common-title h2{color: #FFF;}
.store-map .common-title p{color: #DDE2EF;font-weight: var(--fw-3);line-height: 145%;margin-top: 7px;}

.store-card li{width: 440px;padding: 20px 24px;border-radius: 8px;background-color: #FFF;}
.store-card li + li{margin-top: 16px;}

.store-card-title{display: flex;justify-content: space-between;margin-bottom: 3px;}
.store-card-title h4{font-size: var(--fs-22);font-weight: var(--fw-4);line-height: 145%;color: var(--color-4);}
.store-card-title h4 b{font-weight: var(--fw-7);}

.store-link{display: flex;align-items: center;justify-content: center;gap: 7px;width: 89px;line-height: 36px;border-radius: 8px;background-color: #F0F3F9;}
.store-link b{font-size: var(--fs-14);font-weight: var(--fw-6);color: #384762;}

.store-card-info i{display: block;margin-bottom: 10px;font-size: var(--fs-18);font-weight: var(--fw-6);color: #006ECD;line-height: 140%;}
.store-card-info p{font-weight: var(--fw-4);line-height: 150%;color: var(--color-5);}

.store-card-new{display: flex;justify-content: center;align-items: center;gap: 6px;width: 96px;height: 32px;border-radius: 8px;background-color: #FFE53E;margin-bottom: 9px;}
.store-card-new b{font-weight: var(--fw-5);color: #5F5300;}

.store-map-img{margin-top: 48px;}
.store-map-img img{display: block;}

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

	.store-wrap{gap: unset;}
}

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

	.store-card li{width: 400px;}
	.store-card li + li{margin-top: 14px;}

	.store-map-img img{max-width: 500px;}
}

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

	.store-map{width: 50%;}

	.store-card{width: calc( 50% - 60px );}
	.store-card li{width: 100%;}

	.store-map-img img{width: 100%;}
}

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

	.store-map .common-title p br{display: none;}
}

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

	.store-wrap{display: block;}

	.store-map{width: 100%;}
	.store-card{width: 100%;margin-top: 40px;}

	.store-map-img img{margin: 0 auto;}
}

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

	#main-7 .common_section{padding: 40px 0;}

	.store-map .common-title h2{line-height: 146%;}
	.store-map .common-title p{margin-top: 8px;}

	.store-map-img{margin-top: 22px;}

	.store-card-title h4{font-size: 16px;}

	.store-card li{padding: 12px 16px;}

	.store-link b{font-size: 14px;}

	.store-card-info{margin-top: -11px;}
	.store-card-info i, .store-card-info p{font-size: 14px;}
	.store-card-info i{margin-bottom: 7px;}
	.store-card-info p{line-height: 144%;}

	.store-card-new{width: 86px;height: 28px;}
	.store-card-new b{font-size: 14px;}
}

/*-- footer --*/
#footer{padding: 80px 0;background-color: #F0F3F9;}

.ft-logo{position: relative;margin-bottom: 33px;}
.ft-logo>a{position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: 1;}
.ft-logo object{display: block;max-width: 356px;}

.ft_btm{display: flex;align-items: flex-start;gap: 83px;}

.ft_lft span{display: block;font-weight: var(--fw-4);line-height: 150%;color: #4F5F7B;margin-bottom: 11px;}
.ft_lft h4{font-size: var(--fs-32);font-weight: var(--fw-7);line-height: 150%;color: #006ECD;white-space: nowrap;margin-bottom: 13px;}
.ft_lft p{font-weight: var(--fw-5);line-height: 150%;color: #4F5F7B;}

.ft_info{display: flex;flex-wrap: wrap;row-gap: 4px;margin-bottom: 23px;}
.ft_info i{width: 37%;font-size: var(--fs-14);font-weight: var(--fw-4);line-height: 142%;color: #4F5F7B;}

.ft_gnb{width: 559px;border-radius: 8px;background-color: #DDE2EF;}
.ft_gnb>ul{display: flex;gap: 24px;padding: 0 20px;}
.ft_gnb>ul>li>a{display: block;width: 100%;height: 100%;line-height: 52px;font-size: var(--fs-14);font-weight: var(--fw-6);color: var(--color-4);white-space: nowrap;}

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

	.ft-logo object{max-width: 280px;}

	.ft_gnb{width: 512px;}
}

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

	.ft-logo object{max-width: 260px;}

	.ft_info i{width: 50%;}
}

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

	.ft_info{column-gap: 10px;}
	.ft_info i{width: auto;}
}

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

	#footer{padding: 46px 0;}

	.ft-logo{margin-bottom: 18px;}
	.ft-logo object{max-width: 230px;}

	.ft_btm{display: block;}

	.ft_lft{margin-bottom: 24px;}
	.ft_lft span{font-size: 14px;margin-bottom: 3px;}
	.ft_lft h4{font-size: 22px;margin-bottom: 4px;}
	.ft_lft p{font-size: 16px;}

	.ft_info{row-gap: 4.3px;}
	.ft_info i{width: 100%;font-size: 14px;}
	
	.ft_gnb{width: 100%;}
	.ft_gnb>ul{flex-wrap: wrap;gap: 0;padding: 4px 16px;}
	.ft_gnb>ul>li{width: calc( 100% / 3 );}
	.ft_gnb>ul>li>a{font-size: 14px;line-height: 36px;}
}

/*---개인정보처리방침, 이용약관 팝업 추가---*/
.add_pop_wrap{position: fixed;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0,0,0,.8);z-index: 9999;display: none;}
.add_pop_wrap *{color: #000;}
.add_pop_inner{position: absolute;top: 50%;left: 50%;width: 94%;max-width: 800px;height: 600px;border-radius: 15px;overflow: hidden;transform: translate(-50%,-50%) scale(.9);transition: transform .3s ease;}
#add_wrap_02 .add_pop_inner{height: 250px;}
.add_pop_wrap.active .add_pop_inner{transform: translate(-50%,-50%) scale(1);}

.add_pop_tit{background: var(--color-1);color: #FFF;display: flex;flex-direction: row;align-items: center;justify-content: space-between;padding: 0 25px;}
.add_pop_tit h4{font-size: 1.13rem;font-weight: bold;color: #FFF;}

.add_pop_close{width: 20px;height: 60px;position: relative;}
.add_pop_close span{position: absolute;top: 29px;left: 0;width: 20px;height: 2px;background: #FFF;z-index: 1;transition: transform .3s ease;}
.add_pop_close span:nth-child(1){transform: rotate(45deg);}
.add_pop_close span:nth-child(2){transform: rotate(-45deg);}

.add_pop_close:hover span{transform: rotate(0);}

.add_pop_con{background: #FFF;padding: 22px 25px;overflow-y: scroll;height: calc( 100% - 60px );}
.add_pop_con h5{font-size: 1rem;font-weight: bold;margin-bottom: 10px;}
.add_pop_con p{font-size: 15px;line-height: 160%;margin-bottom: 25px;}

@media (max-width: 768px){ 
	
	.add_pop_inner{width: 100%;}
	
	.add_pop_tit h4{font-size: 16px;}
	
	.add_pop_con h5{font-size: 15px;}
	.add_pop_con p{font-size: 14px;}
}

/*checkbox*/
.mbCheck{position: relative;}

.selec_chk{position: absolute;top: 0;left: 0;width: 0;height: 0;opacity: 0;outline: 0;z-index: -1;overflow: hidden;}

.mbCheck input[type=checkbox] + label, .mbCheck input[type=radio] + label{display: flex;align-items: center;gap: 8px;cursor: pointer;}
.mbCheck input[type=checkbox] + label span, .mbCheck input[type=radio] + label span{width: 20px;height: 20px;border: 1px solid #dbdbdb;background: #FFF;}
.mbCheck input[type=checkbox]:checked + label span, .mbCheck input[type=radio]:checked + label span{background: url(/img/chk.png) no-repeat 50% 50% var(--color-1);border-color: var(--color-1);}

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

	.mbCheck input[type=checkbox] + label, .mbCheck input[type=radio] + label{font-size: 15px;}
}

/*-- 상담 신청 폼 --*/
#inquiry-wrap{position: fixed;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0,0,0,.8);z-index: 9999;display: none;}
.inquiry-inner{position: absolute;top: 50%;left: 50%;width: 100%;max-width: 500px;border-radius: 20px;overflow: hidden;transform: translate(-50%,-50%) scale(.9);transition: transform .3s ease;background: #FFF;padding: 50px;}
#inquiry-wrap.active .inquiry-inner{transform: translate(-50%,-50%) scale(1);}

.inquiry-close{position: absolute;top: 20px;right: 25px;width: 30px;height: 30px;z-index: 1;}
.inquiry-close span{position: absolute;top: 14px;left: 0;width: 100%;height: 2px;background: var(--color-4);z-index: 1;transition: transform .3s ease;}
.inquiry-close span:nth-child(1){transform: rotate(45deg);}
.inquiry-close span:nth-child(2){transform: rotate(-45deg);}

.inquiry-close:hover span{transform: rotate(0);}

.inquiry-title{text-align: center;margin-bottom: 35px;}
.inquiry-title span{display: block;font-size: var(--fs-20);font-weight: var(--fw-7);line-height: 145%;color: var(--color-6);margin-bottom: 8px;}
.inquiry-title h4{font-size: var(--fs-36);font-weight: var(--fw-7);color: var(--color-4);line-height: 151%;word-break: keep-all;}
.inquiry-title p{font-size: var(--fs-20);font-weight: var(--fw-4);color: var(--color-5);line-height: 140%;margin-top: 8px;word-break: keep-all;}

.inquiry-form-box{margin-top: 15px;}
.inquiry-form-box h5{font-weight: var(--fw-6);color: var(--color-5);margin-bottom: 8px;}

.inquiry-input{display: block;width: 100%;height: 55px;line-height: 53px;border: 1px solid #c8cddb;border-radius: 8px;padding: 0 15px;outline: none;}
.inquiry-input::placeholder{color: var(--color-5);}
.inquiry-input:focus{border-color: var(--color-4);}

.inquiry-form-box .mbCheck{margin-bottom: 13px;margin-top: 25px;}
.inquiry-form-box .mbCheck label{font-weight: 500;color: var(--color-5);}

.inquiry-agree{background-color: #F0F3F9;border-radius: 15px;padding: 18px 22px;}
.inquiry-agree .add_pop_wrap{position: relative;display: block;background: none;}
.inquiry-agree .add_pop_inner{position: relative;top: auto;left: auto;transform: translate(0) scale(1);height: 120px;width: 100%;border-radius: 0;}
.inquiry-agree .add_pop_tit{display: none;}
.inquiry-agree .add_pop_con{height: 100%;padding: 0;background-color: #F0F3F9;}
.inquiry-agree .add_pop_con>div{padding-right: 22px;}

.inquiry-agree .add_pop_con::-webkit-scrollbar {width: 3px;}
.inquiry-agree .add_pop_con::-webkit-scrollbar-thumb {background: var(--color-5);border-radius: 3px;}
.inquiry-agree .add_pop_con::-webkit-scrollbar-track {background: #F0F3F9;}

.inquiry-agree .add_pop_con h5{font-size: 14px;}
.inquiry-agree .add_pop_con p{font-size: 13px;}

.inquiry-button{margin-top: 25px;}
.inquiry-button button{display: block;width: 100%;text-align: center;line-height: 60px;border-radius: 10px;font-weight: 700;font-size:  var(--fs-22);background: var(--color-1);color: #FFF;overflow: hidden;}

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

	.inquiry-inner{padding: 40px;}
	
	.inquiry-title{margin-bottom: 20px;}
	
	.inquiry-form-box .mbCheck{margin-top: 20px;}
	
	.inquiry-agree .add_pop_inner{height: 100px;}
	
	.inquiry-button{margin-top: 20px;}
}

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

	.inquiry-input{font-size: 15px !important;}
}

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

	.inquiry-inner{width: 90%;padding: 20px;padding-top: 40px;border-radius: 15px;}
	
	.inquiry-close{top: 20px;right: 20px;width: 25px;height: 25px;}
	.inquiry-close span{top: 11.5px;}
	
	.inquiry-title span{font-size: 15px;line-height: 150%;}
	.inquiry-title h4{font-size: 26px;line-height: 150%;}
	.inquiry-title p{font-size: 15px;line-height: 150%;}
	
	.inquiry-form-box h5{font-size: 15px;}
	
	.inquiry-agree{border-radius: 10px;padding: 14px 18px;}
	
	.inquiry-input{height: 50px;line-height: 48px;}
	
	.inquiry-button button{line-height: 55px;font-size: 18px;}
}

/*-- 2025.01.22 - 수정사항 --*/

/*-- righrQuick --*/
#rightQuick{position: fixed;right: 50px;bottom: 50px;z-index: 1000;}
#rightQuick li{position: relative;}
#rightQuick li + li{margin-top: 10px;}
#rightQuick button, #rightQuick a{display: flex;align-items: center;justify-content: center;width: 70px;height: 70px;color: #FFF;border-radius: 70px;
	box-shadow: 0 5px 10px rgba(0,0,0,.1);
	-webkit-box-shadow: 0 5px 10px rgba(0,0,0,.1);
}
#rightQuick button img, #rightQuick a img{display: block;}

.rightQuick-tel{background-color: #0064ff;}
.rightQuick-top{background-color: #0085FF;}
.rightQuick-btm{background-color: #384762;padding-top: 3px;}

/*-- right quick - map --*/
.rightQuick-map{background-color: #0064ff;}

.rightQuick-2depth{position: absolute;bottom: 10px;left: 0;width: 70px !important;/*opacity: 0;*/transition: all .3s ease;/*display: none;*/}
.rightQuick-2depth li{display: flex;align-items: center;justify-content: center;width: 70px;height: 70px;color: #FFF;border-radius: 70px;position: relative;
	box-shadow: 0 5px 10px rgba(0,0,0,.1);
	-webkit-box-shadow: 0 5px 10px rgba(0,0,0,.1);
	background-color: #00BB68;
}
/*.rightQuick-2depth li:nth-child(1){background-image: url(/img/main/map_4.jpg);}
.rightQuick-2depth li:nth-child(2){background-image: url(/img/main/map_2.jpg);}
.rightQuick-2depth li:nth-child(3){background-image: url(/img/main/map_3.jpg);}
.rightQuick-2depth li:nth-child(4){background-image: url(/img/main/map_5.jpg);}
.rightQuick-2depth li:nth-child(5){background-image: url(/img/main/map_1.jpg);}*/
.rightQuick-2depth li a{width: 100%;/*width: 200% !important;padding-right: 70px;*/font-size: 15px;font-weight: bold;text-align: center;position: absolute;top: 0;right: 0;z-index: 1;box-shadow: none !important;}

.rightQuick-2depth li:nth-child(1){flex-direction: column;gap: 5px;font-size: 14px;font-weight: bold;text-align: center;}

.rightQuick-2depth.on{bottom: 80px;opacity: 1;}

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

	#rightQuick{right: 5%;bottom: 30px;}
}

@media screen and (max-width: 720px){
	
	#rightQuick{bottom: 25px;}
	#rightQuick li + li{margin-top: 6px;}
	#rightQuick button, #rightQuick a{width: 50px;height: 50px;}
	
	.rightQuick-2depth, .rightQuick-2depth li{width: 50px !important;}
	.rightQuick-2depth{bottom: 6px;}
	.rightQuick-2depth.on{bottom: 56px;}
	.rightQuick-2depth li{height: 50px;}
	.rightQuick-2depth li a{font-size: 12px;}
	.rightQuick-2depth li:nth-child(1){gap: 3px;font-size: 10px;}
	
}

/*-- celebrity-slide --*/
#celebrity-slide{position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: 1;}
#celebrity-slide::after{content: "";position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: 10;background-color: rgba(10, 28, 52, .5);}
#celebrity-slide li figure{display: block;width: 100%;height: 100%;background-repeat: no-repeat;background-size: cover;background-position: center center;opacity: 1;}

.celebrity-name b + b{opacity: 0;}
.celebrity-name b i{font-weight: 700;}

/*-- 2025.02.26 - 고객 요청 번호 추가 --*/
.hd-right{position: relative;}

.header-tel{position: absolute;top: 50%;left: calc( 100% + 32px );transform: translateY(-50%);z-index: 1;font-size: var(--fs-28);font-weight: var(--fw-7);line-height: 150%;color: #FFF;white-space: nowrap;}
#header.on .header-tel{color: #006ECD;}

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

    .header-tel{display: none;}
}