/*-- common css --*/

:root {

	/*font-size*/
	--fs-14: .875rem;
	--fs-15: .9375rem;
	--fs-16: 1rem;
	--fs-17: 1.0625rem;
	--fs-18: 1.125rem;
	--fs-20: 1.25rem;
	--fs-22: 1.375rem;
	--fs-24: 1.5rem;
	--fs-25: 1.5625rem;
	--fs-26: 1.625rem;
	--fs-30: 1.875rem;
	--fs-32: 2rem;
	--fs-35: 2.1875rem;
	--fs-40: 2.5rem;
	--fs-45: 2.8125rem;
	--fs-50: 3.125rem;
	--fs-60: 3.75rem;
	--fs-64: 4rem;
	--fs-70: 4.375rem;
	--fs-80: 5rem;
	--fs-90: 5.625rem;
	--fs-100: 6.25rem;

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

	/*color*/
	--color-1: #4bcb01;
	--color-2: #71be44;
	--color-3: #a4d587;
	--color-4: #f1f8ec;
}

/*container*/
.header-container{width: 95%;margin: 0 auto;}
.common-container{width: 95%;max-width: 1440px;margin: 0 auto;}

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

	.fp-section, .fp-tableCell{display: block;height: auto !important;}
}

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

	#fullwrap{overflow-x: hidden;}

	.header-container, .common-container{width: 90%;}
}

/*common motion*/
.motion-1, .fp-motion-1{transform: translateY(50px);opacity: 0;transition: transform .8s ease, opacity .6s ease;}
.fp-motion-2{transform: scale(.95);transition: transform .6s ease;}
.fp-motion-3{width: 0;transition: width 1s ease;}
.fp-motion-4{transform: translateX(0);transition: transform 20s ease, opacity .6s ease;}


.common-text span{display: block;width: 100%;height: 100%;line-height: 1;overflow: hidden;}
.common-text span + span{margin-top: 10px;}
.common-text span i{display: block;width: 100%;height: 100%;transform: translateY(100%);transform-origin: left top;opacity: 0;transition: all 1.2s ease;}

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

.common-text.on span i{transform: translateY(0) rotate(0);opacity: 1;}

.delay-1{transition-delay: .1s !important;}
.delay-2{transition-delay: .2s !important;}
.delay-3{transition-delay: .3s !important;}
.delay-4{transition-delay: .4s !important;}
.delay-5{transition-delay: .5s !important;}
.delay-6{transition-delay: .6s !important;}
.delay-7{transition-delay: .7s !important;}
.delay-8{transition-delay: .8s !important;}
.delay-9{transition-delay: .9s !important;}
.delay-10{transition-delay: 1s !important;}
.delay-11{transition-delay: 1.1s !important;}
.delay-12{transition-delay: 1.2s !important;}
.delay-13{transition-delay: 1.3s !important;}
.delay-14{transition-delay: 1.4s !important;}
.delay-15{transition-delay: 1.5s !important;}
.delay-16{transition-delay: 1.6s !important;}

@media screen and (min-width: 1081px){

	.fp-completely .fp-motion-1{transform: translateY(0);opacity: 1;}
	.fp-completely .fp-motion-2{transform: scale(1);}
	.fp-completely .fp-motion-3{width: 100%;}
	.fp-completely .fp-motion-4{transform: translateX(-100px);}
}

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

	.section.active .fp-motion-1{transform: translateY(0);opacity: 1;}
	.section.active .fp-motion-2{transform: scale(1);}
	.section.active .fp-motion-3{width: 100%;}
	.section.active .fp-motion-4{transform: translateX(-100px);}
}

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

	.fp-motion-3{width: 100%;opacity: 0;transition: opacity .8s ease;}
	
	.section.active .fp-motion-3{width: 100%;opacity: 1;}
}

/*common-link*/
.common-link a{display: flex;align-items: center;gap: 17px;}
.common-link a span{display: flex;align-items: center;justify-content: center;width: 45px;height: 45px;border-radius: 45px;background-color: var(--color-1);position: relative;}
.common-link a span::before{content: "";position: absolute;top: 0;left: 0;width: 45px;height: 45px;border-radius: 45px;background-color: var(--color-1);z-index: -1;}
.common-link a span img{display: block;}
.common-link a b{font-weight: var(--fw-4);position: relative;z-index: 1;}
.common-link a span::before, .common-link a span img, .common-link a b{transition: all .45s cubic-bezier(0.65, 0, 0.076, 1);}

.common-link a:hover span::before{width: 180px;}
.common-link a:hover span img{transform: translateX(15px);}
.common-link a:hover b{color: #FFF;}

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

	.common-link a:hover span::before{width: 170px;}
}

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

	.common-link a b{font-size: 15px;}
}

/*commont-tab*/
.commont-tab{display: flex;align-items: center;gap: 53px;}
.commont-tab li a{display: block;width: 100%;height: 100%;font-size: var(--fs-22);font-weight: var(--fw-6);line-height: 1;color: #d1d1d1;position: relative;}
.commont-tab li a::after{content: "";position: absolute;bottom: -12px;right: 0;width: 0;height: 2px;background-color: #d1d1d1;z-index: 1;transition: width .3s ease;}

.commont-tab li:hover a::after, .commont-tab li.on a::after{width: 100%;left: 0;right: auto;}
.commont-tab li.on a{color: #000;}
.commont-tab li.on a::after{background-color: #000;}

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

	.commont-tab li a{font-size: 24px;}
}

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

	.commont-tab{gap: 35px;}
	.commont-tab li a{font-size: 20px;}
	.commont-tab li a::after{bottom: -10px;}
}

/*-- header --*/
#header{position: fixed;top: 0;left: 0;width: 100%;height: 100px;z-index: 1000;border-bottom: 1px solid transparent;transition: all .3s ease-out;}
.header-container{display: flex;align-items: center;justify-content: space-between;height: 100%;position: relative;}

.hd-logo a{display: block;width: 100%;height: 100%;}
.hd-logo img{display: block;max-width: 241px;
	-webkit-filter: brightness(0) invert(1);
	filter: brightness(0) invert(1);
}

.hd-rgt{display: flex;align-items: center;gap: 28px;height: 100%;}

.hd-nav>ul{display: flex;}
.hd-nav>ul>li{position: relative;}
.hd-nav>ul>li>a{display: block;width: 100%;height: 100%;line-height: 100px;font-size: var(--fs-17);font-weight: var(--fw-5);padding: 0 28px;color: #FFF;transition: color .2s ease;}
.hd-nav>ul>li:hover>a{color: var(--color-2) !important;}

.hd-nav>ul>li>ul{position: absolute;top: calc( 100% - 13px );left: 0;min-width: 180px;z-index: 1;background: rgba(113,190,68,.85);padding: 16px 0;border-radius: 8px;overflow: hidden;display: none;
	backdrop-filter: blur(20px);
    -webkit-backdrop-filter: blur(20px);
	
	box-shadow: 0px 10px 15px rgba(109, 171, 73, .2);
}
.hd-nav>ul>li>ul>li>a{display: block;width: 100%;height: 100%;padding: 8px 28px;font-weight: var(--fw-4);color: #FFF;transition: color .2s ease;line-height: 150%;}
.hd-nav>ul>li>ul>li:hover>a{color: #163c00;}

.hd-nav>ul>li>ul>li>ul>li>a{display: block;width: 100%;height: 100%;padding: 3px 42px;font-size: var(--fs-14);color: rgba(255,255,255,.7);position: relative;transition: color .2s ease;}
.hd-nav>ul>li>ul>li>ul>li>a::before{content: "";position: absolute;top: 50%;left: 32px;transform: translateY(-50%);width: 3px;height: 3px;border-radius: 3px;background: #FFF;}
.hd-nav>ul>li>ul>li>ul>li:hover>a{color: #FFF;text-decoration: underline;}
.hd-nav>ul>li>ul>li>ul>li:hover>a::before{background: #FFF;}
.hd-nav>ul>li>ul>li:last-child>ul>li:last-child>a{padding-bottom: 7px;}

.hd-lang{display: flex;align-items: center;justify-content: center;gap: 17px;width: 120px;border-radius: 40px;border: 1px solid #FFF;position: relative;}
.hd-lang::before{content: "";position: absolute;top: calc( 50% - 6px );left: calc( 50% - 1px );width: 1px;height: 11px;background-color: #FFF;}
.hd-lang li a{display: block;width: 100%;height: 100%;font-size: var(--fs-14);font-weight: var(--fw-6);line-height: 38px;color: rgba(255,255,255,.4);}
.hd-lang li.on a{color: #FFF;}

.hd-search{height: 100%;}
.hd-search button{display: flex;align-items: center;justify-content: center;height: 100%;}
.hd-search button img{display: block;}

.hd-btn{display: flex;align-items: center;width: 20px;height: 100%;}
.hd-btn-inner{width: 100%;height: 20px;position: relative;transition: transform .3s ease;}
.hd-btn-inner span{position: absolute;width: 4px;height: 4px;border-radius: 4px;background-color: #FFF;z-index: 1;transition-delay: .3s !important;transition: top .3s ease, left .3s ease;}

.hd-btn-inner span:nth-child(1){top: 0;left: 0;}
.hd-btn-inner span:nth-child(2){top: 0;left: 8px;}
.hd-btn-inner span:nth-child(3){top: 0;left: 16px;}

.hd-btn-inner span:nth-child(4){top: 8px;left: 0;}
.hd-btn-inner span:nth-child(5){top: 8px;left: 8px;}
.hd-btn-inner span:nth-child(6){top: 8px;left: 16px;}

.hd-btn-inner span:nth-child(7){top: 16px;left: 0;}
.hd-btn-inner span:nth-child(8){top: 16px;left: 8px;}
.hd-btn-inner span:nth-child(9){top: 16px;left: 16px;}

/*hover*/
.hd-btn:hover .hd-btn-inner{transform: rotate(90deg);}
.hd-btn:hover .hd-btn-inner span:nth-child(1){left: 8px;}
.hd-btn:hover .hd-btn-inner span:nth-child(3){top: 8px;}
.hd-btn:hover .hd-btn-inner span:nth-child(7){top: 8px;}
.hd-btn:hover .hd-btn-inner span:nth-child(9){left: 8px;}

/*open*/
.hd-btn.open .hd-btn-inner span:nth-child(2){left: 16px;}
.hd-btn.open .hd-btn-inner span:nth-child(4){top: 0;}
.hd-btn.open .hd-btn-inner span:nth-child(6){top: 16px;}
.hd-btn.open .hd-btn-inner span:nth-child(8){left: 0;}

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

#header.on .hd-logo img, #header.gnb-on .hd-logo img{
	-webkit-filter: none;
	filter: none;
}

#header.on .hd-nav>ul>li>a{color: #000;line-height: 80px;}
#header.gnb-on .hd-nav>ul>li>a{color: #000;}

#header.on .hd-lang, #header.gnb-on .hd-lang{border-color: #ddd;}
#header.on .hd-lang::before, #header.gnb-on .hd-lang::before{background-color: #ccc;}
#header.on .hd-lang li a, #header.gnb-on .hd-lang li a{color: rgba(0,0,0,.3);}
#header.on .hd-lang li.on a, #header.gnb-on .hd-lang li.on a{color: var(--color-2);}

#header.on .hd-search button img, #header.gnb-on .hd-search button img{
	-webkit-filter: brightness(1) invert(1);
	filter: brightness(1) invert(1);
}

#header.on .hd-btn-inner span, #header.gnb-on .hd-btn-inner span{background-color: #000;}

/*siteMap-ing*/
#header.siteMap-ing{background-color: transparent;border-bottom-color: transparent;}
#header.siteMap-ing .hd-logo img{ 
	-webkit-filter: brightness(0) invert(1);
	filter: brightness(0) invert(1);
}
#header.siteMap-ing .hd-nav{display: none !important;}
#header.siteMap-ing .hd-lang{border: 1px solid #FFF;}
#header.siteMap-ing .hd-lang::before{background-color: #FFF;}
#header.siteMap-ing .hd-lang li a{color: rgba(255, 255, 255, .4);}
#header.siteMap-ing .hd-lang li.on a{color: #FFF;}
#header.siteMap-ing .hd-search button img{ 
	-webkit-filter: brightness(0) invert(1);
	filter: brightness(0) invert(1);	 
}
#header.siteMap-ing .hd-btn-inner span{background-color: #FFF;}

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

	.hd-nav>ul>li>a{padding: 0 20px;}
	.hd-nav>ul>li>ul>li>a{padding: 8px 20px;}
	
	.hd-rgt{gap: 20px;}
}

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

	#header{height: 80px;}

	.hd-logo img{max-width: 210px;}

	.hd-nav>ul>li>a{line-height: 80px;padding: 0 18px;}

	.hd-nav>ul>li>ul{padding: 11px 0;min-width: 150px;}
	.hd-nav>ul>li>ul>li>a{padding: 7px 18px;}
	
	.hd-nav>ul>li>ul>li>ul>li>a{padding: 3px 36px;}
	.hd-nav>ul>li>ul>li>ul>li>a::before{left: 26px;}
	
	.hd-lang{gap: 15px;width: 105px;}
	.hd-lang::before{height: 10px;}
	.hd-lang li a{line-height: 36px;}
}

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

	.hd-nav>ul>li>a{padding: 0 15px;}
	.hd-nav>ul>li>ul>li>a{padding: 7px 15px;}

	.hd-rgt{gap: 24px;}
}

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

	.hd-nav{display: none;}
}

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

	.hd-logo img{max-width: 200px;}

	.hd-rgt{gap: 20px;}

	.hd-nav>ul>li>a{padding: 0 20px;}

	.hd-lang{width: 100px;}
	.hd-lang li a{line-height: 34px;}
	
	
	.hd-nav>ul>li>ul>li>a{padding: 5px 20px;}
	
	.hd-nav>ul>li>ul>li>ul>li>a{padding: 3px 30px;}
	.hd-nav>ul>li>ul>li>ul>li>a::before{left: 20px;}
}

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

	/*hd-nav{display: none;}*/

	.hd-logo img{max-width: 220px;}

	.hd-lang{width: 90px;gap: 11px;}
	.hd-lang li a{line-height: 32px;}
}

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

	.hd-lang{display: none;}

	#header{height: 60px;}
	#header.on{height: 60px;}

	.hd-logo img{max-width: 180px;}

	.hd-rgt{gap: 18px;}
}

/*-- mainVisual --*/
.mainVisual{height: 100%;background-color: #000;}
.mainVisual .swiper-slide{position: relative;}

.mainVisual figure{width: calc( 100% + 100px );height: 100%;transform: translateX(0);transition: transform 20s ease;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
}
.mainVisual-1 figure{background-image: url(/img/main/mv_1.jpg);}
.mainVisual-2 figure{background-image: url(/img/main/mv_2.jpg);}
.mainVisual-3 figure{background-image: url(/img/main/mv_3.jpg);}

.mainVisual-text{position: absolute;bottom: 245px;left: 2.5%;z-index: 10;}
.mainVisual-text h2 span{display: block;width: 100%;height: 100%;font-size: var(--fs-70);font-weight: var(--fw-6);color: #FFF;line-height: 1;overflow: hidden;}
.mainVisual-text h2 span + span{margin-top: 13px;}
.mainVisual-text h2 span i{display: block;width: 100%;height: 100%;transform: translateY(100%) rotate(10deg);transform-origin: left top;opacity: 0;transition: all 1.2s ease;}

/*on*/
.mainVisual .swiper-slide.on figure{transform: translateX(-100px);}
.mainVisual .swiper-slide.on .mainVisual-text h2 span i{transform: translateY(0) rotate(0);opacity: 1;}

/*next*/
.mainNext{position: absolute;bottom: 50px;right: 2.5%;z-index: 10;}
.mainNext img{display: block;}
.mainNext-1{position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);z-index: 1;}
.mainNext-2{
	-webkit-animation: rotate_arrow 10s linear 0s infinite normal;
	animation: rotate_arrow 10s linear 0s infinite normal;
}

@-webkit-keyframes rotate_arrow{ 
    0% {transform: rotate(0);}
    100% {transform: rotate(-360deg);}
}

@keyframes rotate_arrow{ 
    0% {transform: rotate(0);}
    100% {transform: rotate(-360deg);}
}

/*progress*/
.mainProgress{position: absolute;bottom: 50px;left: 2.5%;z-index: 10;cursor: pointer;display: flex;align-items: flex-end;}
.mainProgress .circle{position: relative;margin-right: 30px;}

.mainPagination{display: flex;align-items: center;gap: 7px;font-family: "Poppins", serif;font-size: 10px;font-weight: var(--fw-5);color: rgba(255,255,255,.5);}
.mainPagination span{font-size: var(--fs-14);}
.mainPagination span.swiper-pagination-current{color: #FFF;}

.pauseBox{position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);z-index: 1;}
.pauseBox img{display: block;}
.pauseBox img:nth-child(2){display: none;}

.circle{display: block;}
.circle.stop .pauseBox img:nth-child(1){display: none;}
.circle.stop .pauseBox img:nth-child(2){display: block;}

.mainProgress svg{display: block;width: 70px;height: 70px;}
#svgAni01{width: 70px;fill: none;stroke: #fff;stroke-width: 1;stroke-linecap: round;}
#svgAni02{width: 70px;fill: none;stroke: rgba(255, 255, 255, 0.3);stroke-width: 1;stroke-linecap: round;}

.mainProgress.on #svgAni01{stroke-dasharray: 358;stroke-dashoffset: 358;
	-webkit-animation: progress 8s linear 0s forwards;
	animation: progress 8s linear 0s forwards;
}

@-webkit-keyframes progress{ 
    0% {stroke-dashoffset : 358;} 
	100% {stroke-dashoffset : 0;} 
}

@keyframes progress{ 
    0% {stroke-dashoffset : 358;} 
	100% {stroke-dashoffset : 0;} 
}

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

	.mainVisual-text{bottom: 200px;}

	/*next*/
	.mainNext{bottom: 40px;}

	/*progress*/
	.mainProgress{bottom: 40px;}
	.mainProgress .circle{margin-right: 25px;}
}

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

	#main-01, #main-01 .fp-tableCell{height: 100vh !important;}

	.mainVisual-text h2 span{font-size: 4rem;}

	/*next*/
	.mainNext-1{max-width: 20px;}
	.mainNext-2{max-width: 110px;}
}

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

	.mainVisual-text h2 span{font-size: 4rem;}
}

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

	.mainVisual-text h2 span{font-size: 3rem;}
}

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

	.mainVisual-text{width: 90%;left: 5%;}
	.mainVisual-text h2 span{font-size: 36px;}
	.mainVisual-text h2 span + span{margin-top: 5px;}
	.mainVisual-text h2 span i{line-height: 120%;}

	/*next*/
	.mainNext{bottom: 35px;right: 5%;}
	.mainNext-1{max-width: 18px;}
	.mainNext-2{max-width: 100px;}

	/*progress*/
	.mainProgress{bottom: 35px;left: 5%;}
	.mainProgress .circle{margin-right: 15px;}

	.mainPagination{gap: 6px;font-size: 10px;}
	.mainPagination span{font-size: 13px;}
}

/*-- main common --*/
.main-container{padding-top: 80px;height: 100%;}

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

	.main-container{padding: 100px 0;height: auto;}
}

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

	.main-container{padding: 85px 0;height: auto;}
}

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

	.main-container{padding: 70px 0;}
}

/*-- main-02 --*/
#main-02{position: relative;overflow: hidden;}

.move-circle{position: absolute;z-index: -1;}
#move-circle-1{left: -92px;bottom: -75px;width: 427px;height: 427px;border-radius: 427px;background-color: var(--color-3);}
#move-circle-2{left: 192px;top: 180px;width: 140px;height: 140px;border-radius: 140px;background-color: var(--color-4);}
#move-circle-3{right: 2.5%;bottom: 100px;width: 90px;height: 90px;border-radius: 90px;background-color: #f4f4f4;}

.about-wrap{display: flex;align-items: center;height: 100%;}
.about-inner{width: 100%;position: relative;}

.about-slide{position: relative;}
.about-slide .swiper-slide{display: flex;align-items: center;gap: 120px;}
.about-slide .swiper-slide figure{width: 600px;height: 600px;border-radius: 600px;background-color: #000;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
}
.about-slide-1 figure{background-image: url(/img/main/about_1.jpg);}
.about-slide-2 figure{background-image: url(/img/main/about_2.jpg);}
.about-slide-3 figure{background-image: url(/img/main/about_3.jpg);}
.about-slide-4 figure{background-image: url(/img/main/about_4.jpg);}

.about-slide-text{width: calc( 100% - 720px );background-color: #FFF;}
.about-slide-text h4{font-size: var(--fs-50);font-weight: var(--fw-7);line-height: 120%;margin-bottom: 33px;}
.about-slide-text p{font-size: var(--fs-22);line-height: 1.3;-webkit-text-stroke: .0045em;line-height: 170%;margin-bottom: 50px;}

.about-slide-progress{display: flex;align-items: center;position: absolute;top: 0;left: 725px;z-index: 1;}

.aboutPagination{display: flex;align-items: center;gap: 7px;width: 61px;font-family: "Poppins", serif;font-size: 10px;font-weight: var(--fw-5);color: rgba(0,0,0,.3);}
.aboutPagination span{font-size: var(--fs-14);}
.aboutPagination span.swiper-pagination-current{color: var(--color-2);}

.about-dot{display: flex;align-items: center;gap: 25px;}
.about-dot span{width: 5px;height: 5px;border-radius: 5px;background-color: #d9d9d9;}
.about-dot span.on{background-color: var(--color-2);}

/*next slide*/
.nextSlide{position: absolute;top: 100%;right: 0;transform: translateY(-50%);width: 283px;height: 283px;z-index: 1;overflow: hidden;}
.nextSlide::after{content: "";position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: 10;}
.nextSlide .swiper-slide figure{width: 100%;height: 100%;border-radius: 283px;background-color: #000;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
}
.nextSlide-1 figure{background-image: url(/img/main/about_2.jpg);}
.nextSlide-2 figure{background-image: url(/img/main/about_3.jpg);}
.nextSlide-3 figure{background-image: url(/img/main/about_4.jpg);}
.nextSlide-4 figure{background-image: url(/img/main/about_1.jpg);}

.about-text-button{position: absolute;top: 50%;left: -152px;transform: translateY(-50%);z-index: 10;}
.about-text-button li a{display: block;width: 100%;height: 100%;font-size: var(--fs-45);font-weight: var(--fw-7);line-height: 150%;transition: color .25s ease;}
.about-text-button li.on a{color: var(--color-1);}

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

	#move-circle-1{left: -116px;bottom: -94px;width: 356px;height: 356px;}
	#move-circle-2{left: 160px;top: 150px;width: 113px;height: 113px;}
	#move-circle-3{right: 2.5%;bottom: 0;width: 73px;height: 73px;}
}

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

	#move-circle-2{left: 150px;top: 120px;}

	.about-text-button{left: -100px;}
}

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

	#move-circle-2{left: 120px;top: 110px;}

	.about-text-button{left: -50px;}
}

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

	#move-circle-2{left: 100px;top: 100px;}

	.about-text-button{left: -20px;}
}

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

	#move-circle-1{left: -125px;bottom: -100px;width: 320px;height: 320px;opacity: .4;}
	#move-circle-2{left: 100px;top: 110px;width: 100px;height: 100px;}
	#move-circle-3{right: 2.5%;bottom: 0;width: 73px;height: 73px;}

	.about-slide .swiper-slide{justify-content: flex-end;gap: 100px;}
	.about-slide .swiper-slide figure{width: 500px;height: 500px;}

	.about-slide-text h4 br, .about-slide-text p br{display: none;}
	.about-slide-text h4{margin-bottom: 30px;}
	.about-slide-text p{margin-bottom: 45px;}

	.about-text-button{left: 0;}

	.about-dot{gap: 20px;}

	.nextSlide{top: auto;bottom: -50px;transform: translateY(0);width: 220px;height: 220px;}
}

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

	#move-circle-2{left: 80px;top: 110px;width: 100px;height: 100px;}

	.about-slide .swiper-slide{gap: 80px;}
	.about-slide .swiper-slide figure{width: 450px;height: 450px;}

	.about-slide-text{width: calc( 100% - 530px );}

	.about-slide-progress{left: 533px;}

	.about-text-button{top: 0;transform: translateY(0);}
	.about-text-button li a{font-size: 2.5rem;line-height: 145%;}
}

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

	#move-circle-1{left: -100px;bottom: -180px;}
	#move-circle-2{left: 23%;top: 70px;}
	#move-circle-3{right: -10px;bottom: -20px;}

	.about-slide .swiper-slide{flex-direction: column;}

	.about-slide-text{width: 100%;background-color: transparent;}

	.about-slide-progress{top: 470px;left: 3px;}

	.about-text-button li a{font-size: 40px;line-height: 150%;}
}

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

	.about-slide .swiper-slide{gap: 75px;}
	.about-slide .swiper-slide figure{width: 400px;height: 400px;}

	.about-slide-progress{top: 400px;}

	.about-slide-text h4{margin-bottom: 25px;}
	.about-slide-text p{margin-bottom: 40px;}

	.about-text-button li a{font-size: 36px;line-height: 140%;}

	.nextSlide{top: auto;bottom: -70px;transform: translateY(0);width: 180px;height: 180px;}
}

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

	#move-circle-1{left: -90px;bottom: -170px;width: 280px;height: 280px;opacity: .2;}
	#move-circle-2{left: -20px;top: 50px;width: 90px;height: 90px;}
	#move-circle-3{right: -30px;bottom: auto;top: 25px;opacity: .8;}

	.about-slide .swiper-slide figure{width: 90%;height: auto;padding-bottom: 90%;margin-left: 10%;margin-right: 0;}

	.about-slide-progress{top: 340px;}

	.about-slide-text h4{font-size: 28px;line-height: 130%;margin-bottom: 15px;}
	.about-slide-text h4 br{display: none;}
	.about-slide-text p{font-size: 15px;margin-bottom: 30px;}

	/*progress*/
	.aboutPagination{gap: 6px;font-size: 10px;width: 50px;}
	.aboutPagination span{font-size: 13px;}

	.about-text-button li a{font-size: 28px;}

	.nextSlide{bottom: -90px;right: -40px;transform: translateY(0);width: 120px;height: 120px;}
}

/*-- main-03 --*/
#main-03{overflow: hidden;border: 1px solid #ededed;border-left: none;border-right: none;position: relative;}

.research-wrap{display: flex;align-items: center;gap: 120px;height: 100%;position: relative;}
.research-wrap::before{content: "";position: absolute;top: 0;right: 811px;width: 100%;height: 100%;background-color: #FFF;z-index: 10;}

.research-text{width: calc( 100% - 931px );position: relative;z-index: 100;}
.research-text>span{display: flex;align-items: center;font-size: var(--fs-24);font-weight: var(--fw-4);color: var(--color-2);margin-bottom: 15px;}
.research-text>span b{width: 47px;font-weight: var(--fw-7);}

.research-text>h4{font-size: var(--fs-100);font-weight: var(--fw-7);margin-bottom: 14px;}
.research-text>p{font-size: var(--fs-22);line-height: 1.3;-webkit-text-stroke: .0045em;line-height: 170%;margin-bottom: 50px;}

.research-slide{width: 811px;overflow: visible;}
.research-slide .swiper-slide{position: relative;transition: all .45s cubic-bezier(0.65, 0, 0.076, 1);overflow: hidden;border-radius: 23px;
	box-shadow: 8px 8px 26px rgba(0,0,0,.2);
}
.research-slide .swiper-slide a{position: relative;}
.research-slide .swiper-slide a::before{content: "";position: absolute;top: 0;left: 0;width: 100%;height: 100%;transform: translateY(100%);opacity: 0;transition: all .45s cubic-bezier(0.65, 0, 0.076, 1);
	background: linear-gradient(transparent, var(--color-2) 90%);
}
.research-slide .swiper-slide figure{width: 100%;height: 622px;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
	
}
.research-slide-1 figure{background-image: url(/img/main/research_1.jpg);}
.research-slide-2 figure{background-image: url(/img/main/research_2.jpg);}
.research-slide-3 figure{background-image: url(/img/main/research_3.jpg);}
.research-slide-4 figure{background-image: url(/img/main/research_4.jpg);}
.research-slide-5 figure{background-image: url(/img/main/research_5.jpg);}
.research-slide-6 figure{background-image: url(/img/main/research_6.jpg);}
.research-slide-7 figure{background-image: url(/img/main/research_7.jpg);}
.research-slide-8 figure{background-image: url(/img/main/research_8.jpg);}

.research-slide .swiper-slide>a>span{position: absolute;top: -25px;left: -15px;z-index: 1;font-size: 240px;font-weight: var(--fw-7);line-height: 1;color: transparent;-webkit-text-stroke: 1px #FFF;letter-spacing: -0.045em;opacity: .6;}

.research-slide .swiper-slide.swiper-slide-prev{opacity: 0;}

.research-slide-text{position: absolute;bottom: 30px;left: 0;width: 100%;padding: 0 36px;z-index: 1;}
.research-slide-text b{display: block;font-size: var(--fs-32);font-weight: var(--fw-4);color: #FFF;line-height: 140%;}
.research-slide-text p{font-size: var(--fs-17);line-height: 1.3;-webkit-text-stroke: .0045em;line-height: 170%;color: #FFF;height: 0;overflow: hidden;transition: all .45s cubic-bezier(0.65, 0, 0.076, 1);}

.research-slide-arrow{position: absolute;top: calc( 50% + 40px );left: 2.5%;transform: translateY(-50%);width: 60px;height: 60px;z-index: 100;}
.research-slide-arrow button{display: flex;align-items: center;justify-content: center;width: 100%;height: 100%;border-radius: 60px;border: 1px solid #000;opacity: .15;transition: all .25s ease;}
.research-slide-arrow button i{font-size: 22px;padding-right: 2px;}

.research-slide-arrow:hover button{opacity: 1;background-color: var(--color-1);color: #FFF;border-color: var(--color-1);}

/*page on
.research-text>span, .research-text>h4, .research-text>p, .research-text .common-link{transform: translateY(50px);opacity: 0;transition: transform 1s ease, opacity .8s ease;}

#main-03.active .research-text>span, #main-03.active .research-text>h4, #main-03.active .research-text>p, #main-03.active .research-text .common-link{transform: translateY(0);opacity: 1;}*/

@media screen and (min-width: 1081px){

	.research-slide .swiper-slide:hover{transform: translateY(-25px);}
	.research-slide .swiper-slide:hover a::before{transform: translateY(0);opacity: 1;}
	.research-slide .swiper-slide:hover .research-slide-text p{height: 57.81px;}
}

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

	.research-slide-arrow{display: none;}
}

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

	.research-wrap{gap: 100px;}
	.research-wrap::before{right: 850px;}

	.research-text{width: calc( 100% - 950px );}
	.research-text>p br{display: none;}
	.research-text>span b{width: 40px;}

	.research-slide{width: 850px;overflow: visible;}
	.research-slide .swiper-slide figure{height: 500px;}
}

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

	.research-wrap::before{right: 740px;}

	.research-text{width: calc( 100% - 840px );}
	.research-text>h4{font-size: 6rem}
	.research-text>span b{width: 35px;}

	.research-slide{width: 740px;overflow: visible;}
}

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

	.research-wrap{flex-direction: column;gap: 70px;}
	.research-wrap::before{display: none;}

	.research-text, .research-slide{width: 100%;}
	.research-text>span{margin-bottom: 10px;}
	.research-text>h4{margin-bottom: 10px;}
	.research-text>p{margin-bottom: 45px;}
	.research-text>p br{display: block;}

	.research-slide .swiper-slide{border-radius: 18px;}

	
	.research-slide .swiper-slide.swiper-slide-active{transform: translateY(-25px);}
	.research-slide .swiper-slide.swiper-slide-active::before{transform: translateY(0);opacity: 1;}
	.research-slide .swiper-slide.swiper-slide-active .research-slide-text p{height: 57.81px;}
}

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

	.research-wrap{gap: 40px;}

	.research-text>span{font-size: 16px;}
	.research-text>h4{font-size: 55px;line-height: 130%;margin-bottom: 15px;}
	.research-text>p{font-size: 15px;margin-bottom: 30px;}
	.research-text>p br{display: none;}

	.research-slide .swiper-slide figure{height: 400px;}
	.research-slide .swiper-slide>a>span{font-size: 180px;}

	.research-slide-text{bottom: 26px;padding: 0 26px;}
	.research-slide-text b{font-size: 28px;margin-bottom: 5px;}
	.research-slide-text p{font-size: 15px;line-height: 150%;}

	.research-slide .swiper-slide.swiper-slide-active{transform: translateY(0);}
	.research-slide .swiper-slide.swiper-slide-active .research-slide-text p{height: 45px;}
}

/*-- main-04 --*/
#main-04 .common-container{max-width: 100%;}

.video-wrap{display: flex;align-items: center;justify-content: center;height: 100%;position: relative;}

.video-box{width: 100%;overflow: hidden;position: relative;border-radius: 25px;}

#main_video{position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);width: 100%;}

.video-text{position: absolute;bottom: 50px;left: 50px;z-index: 10;color: #FFF;}
.video-text h4{font-size: var(--fs-50);font-weight: var(--fw-7);margin-bottom: 14px;}
.video-text p{font-size: var(--fs-22);line-height: 1.3;line-height: 170%;margin-bottom: 50px;}

.videoProgress{position: absolute;bottom: 50px;right: 50px;z-index: 10;}
.videoProgress .circle{position: relative;}
.videoProgress svg{display: block;width: 70px;height: 70px;}

.videoProgress #svgAni01{opacity: 0;}
.videoProgress.on #svgAni01{opacity: 1;stroke-dasharray: 358;stroke-dashoffset: 358;
	-webkit-animation: progress 61s linear 0s forwards;
	animation: progress 61s linear 0s forwards;
}

.video-cover{display: flex;align-items: center;justify-content: center;position: absolute;top: 0;left: 0;width: 100%;height: 100%;background-color: rgba(0,0,0,.6);z-index: 1;}
.video-cover button{display: flex;align-items: center;justify-content: center;width: 145px;height: 145px;border-radius: 145px;border: 2px solid #FFF;}
.video-cover button img{display: block;padding-left: 4px;}

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

	.video-text{bottom: 40px;left: 40px;}
	.video-text p{margin-bottom: 30px;}

	.videoProgress{bottom: 40px;right: 40px;}

	.video-cover button{width: 130px;height: 130px;}
}

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

	#main_video[poster]{width: auto;height: 100%;}
}

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

	.video-box{height: 0 !important;padding-bottom: 56.25%;}

	.video-cover button{width: 100px;height: 100px;}
	.video-cover button img{max-width: 30px;}
}

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

	.video-cover button{display: none;}
}

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

	.video-box{height: 300px !important;padding-bottom: 0;border-radius: 20px;}

	.video-text{bottom: 20px;left: 20px;}
	.video-text h4{font-size: 28px;margin-bottom: 2px;}
	.video-text p{font-size: 15px;margin-bottom: 15px;}

	.videoProgress{bottom: 20px;right: 20px;}
}

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

.ach-wrap{display: flex;align-items: center;gap: 120px;height: 100%;position: relative;}
.ach-wrap::before{content: "";position: absolute;top: 0;right: 811px;width: 100%;height: 100%;background-color: #FFF;z-index: 10;}

.ach-text{width: calc( 100% - 931px );position: relative;z-index: 100;}
.ach-text>h4{font-size: var(--fs-50);font-weight: var(--fw-7);line-height: 120%;margin-bottom: 31px;margin-top: 101px;}
.ach-text>p{font-size: var(--fs-22);line-height: 1.3;-webkit-text-stroke: .0045em;line-height: 170%;margin-bottom: 50px;}

.ach-slide{width: 811px;overflow: visible;}
.ach-slide .swiper-slide{position: relative;transition: all .45s cubic-bezier(0.65, 0, 0.076, 1);overflow: hidden;border-radius: 23px;}
.ach-slide .swiper-slide.swiper-slide-prev{opacity: 0;}

.ach-slide .swiper-slide>a{display: block;width: 100%;height: 100%;padding: 33px 42px;background-color: #f4f4f4;position: relative;}
.ach-slide .swiper-slide span{display: block;font-size: var(--fs-70);font-weight: var(--fw-6);line-height: .9;margin-bottom: 145px;transition: color .3s ease;}
.ach-slide .swiper-slide i{display: block;font-weight: var(--fw-6);}

.ach-slide-text h5{font-size: var(--fs-32);font-weight: var(--fw-6);line-height: 125%;margin-bottom: 30px;}
.ach-slide-text p{font-size: var(--fs-17);font-weight: 400;line-height: 152%;color: #919191;margin-bottom: 59px;}

.ach-slide .swiper-slide a>img{position: absolute;top: 13px;right: 42px;z-index: 1;transform: translate(-20px,20px) rotate(-45deg);transform-origin: center right;opacity: 0;transition: all .45s cubic-bezier(0.65, 0, 0.076, 1);}

.ach-slide-arrow{position: absolute;top: calc( 50% + 40px );left: 2.5%;transform: translateY(-50%);width: 60px;height: 60px;z-index: 100;}
.ach-slide-arrow button{display: flex;align-items: center;justify-content: center;width: 100%;height: 100%;border-radius: 60px;border: 1px solid #000;opacity: .15;transition: all .25s ease;}
.ach-slide-arrow button i{font-size: 22px;padding-right: 2px;}

.ach-slide-arrow:hover button{opacity: 1;background-color: var(--color-1);color: #FFF;border-color: var(--color-1);}

@media screen and (min-width: 1081px){

	.ach-slide .swiper-slide:hover{transform: translateY(-25px);
		box-shadow: 8px 8px 26px rgba(0,0,0,.1);
	}
	.ach-slide .swiper-slide:hover span{color: var(--color-2);}
	.ach-slide .swiper-slide:hover a>img{transform: translate(0) rotate(-45deg);opacity: 1;}
}

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

	.ach-slide-arrow{display: none;}
}

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

	.ach-wrap{gap: 100px;}
	.ach-wrap::before{right: 850px;}

	.ach-text{width: calc( 100% - 950px );}
	.ach-text>h4{margin-top: 90px;}
	.ach-slide-text p{margin-bottom: 50px;}

	.ach-slide{width: 850px;overflow: visible;}
	.ach-slide .swiper-slide>a{padding: 26px 30px;}
	.ach-slide .swiper-slide a>img{top: 6px;right: 30px;}
	.ach-slide .swiper-slide span{margin-bottom: 125px;}
}

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

	.ach-wrap::before{right: 740px;}

	.ach-text{width: calc( 100% - 840px );}
	.ach-slide{width: 740px;overflow: visible;}
}

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

	.ach-wrap{flex-direction: column;gap: 70px;}
	.ach-wrap::before{display: none;}

	.ach-text, .ach-slide{width: 100%;}

	.ach-slide .swiper-slide{border-radius: 18px;}
	.ach-slide .swiper-slide span{margin-bottom: 70px;}

	.ach-slide .swiper-slide.swiper-slide-active{transform: translateY(-25px);
		box-shadow: 8px 8px 26px rgba(0,0,0,.1);
	}
	.ach-slide .swiper-slide.swiper-slide-active span{color: var(--color-2);}
	.ach-slide .swiper-slide.swiper-slide-active a>img{transform: translate(0) rotate(-45deg);opacity: 1;}
}

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

	.ach-wrap{gap: 40px;}

	.ach-text>h4{font-size: 28px;line-height: 130%;margin-bottom: 15px;margin-top: 70px;}
	.ach-text>p{font-size: 15px;margin-bottom: 30px;}

	.ach-slide .swiper-slide{border-radius: 13px;border: 1px solid #dedede;}
	.ach-slide .swiper-slide>a{padding: 26px;}
	.ach-slide .swiper-slide span{font-size: 45px;margin-bottom: 30px;}

	.ach-slide-text h5{font-size: 20px;margin-bottom: 20px;}
	.ach-slide-text p{font-size: 14px;margin-bottom: 25px;}
	.ach-slide .swiper-slide i{font-size: 14px;}

	.ach-slide .swiper-slide.swiper-slide-active{transform: translateY(0);}
	.ach-slide .swiper-slide a>img{top: 11px;right: 26px;max-width: 45px;}	
}

/*-- main-06 --*/
#main-06{position: relative;}
#main-06 .common-container{max-width: 100%;}

.contact-bg{position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: 1;overflow: hidden;}
.contact-bg figure{position: absolute;top: 0;left: 0;width: 100%;height: 100%;width: calc( 100% + 100px );height: 100%;opacity: 0;transition: transform 10s ease, opacity .6s ease;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
}
.contact-1{background-image: url(/img/main/contact_1.jpg);opacity: 1;}
.contact-2{background-image: url(/img/main/contact_2.jpg);}

.contact-bg figure.on{opacity: 1;}

.contact-wrap{display: flex;align-items: center;height: 100%;position: relative;z-index: 10;}

.contact-box h4{font-size: var(--fs-60);font-weight: var(--fw-6);line-height: 125%;margin-bottom: 93px;display: none;}
.contact-box h4.on{display: block;}
.contact-box h4 i{display: block;position: relative;white-space: nowrap;}
.contact-box h4 i span{display: block;width: 100%;height: 100%;color: #a9bbd5;}
.contact-box h4 i b{position: absolute;top: 0;left: 0;width: 0;height: 100%;z-index: 1;overflow: hidden;}

#main-06 .commont-tab li a{color: #a9bbd5;}
#main-06 .commont-tab li a::after{background-color: #a9bbd5;}
#main-06 .commont-tab li.on a{color: #000;}
#main-06 .commont-tab li.on a::after{background-color: #000;}

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

	.contact-box h4{margin-bottom: 70px;}
}

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

	.contact-box h4{font-size: 45px;}
}

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

	.contact-box h4{font-size: 40px;margin-bottom: 60px;}
	.contact-box h4 i{display: inline;}
}

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

	.contact-box h4{font-size: 38px;}
}

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

	#main-06 .common-container{padding: 0 !important;height: 90vh;}

	.contact-bg figure{background-position: 80%;}

	.contact-box h4{font-size: 32px;margin-bottom: 40px;}
	.contact-box h4 i{display: inline;white-space: normal;}
	.contact-box h4 i b{opacity: 0;}
}

/*-- footer --*/
#main-07 .main-container{max-width: 100%;padding: 50px 0;}

#footer{display: flex;align-items: flex-start;justify-content: space-between;padding: 50px;background-color: #000;border-radius: 25px;overflow: hidden;position: relative;}

.ft-gnb>ul>li + li{margin-top: 30px;}
.ft-gnb>ul>li>a{display: block;width: 100%;height: 100%;font-size: var(--fs-35);font-weight: var(--fw-6);color: #FFF;line-height: 1;transition: color .15s ease;}
.ft-gnb>ul:hover>li>a{color: rgba(255,255,255,.2);}
.ft-gnb>ul>li:hover>a{color: #FFF;}

.ft-gnb>ul>li>ul{display: none;}

.ft-rgt{width: 50%;}

.ft-top{display: flex;align-items: flex-start;justify-content: space-between;margin-bottom: 265px;}

.ft-logo a{display: block;width: 100%;height: 100%;}
.ft-logo a img{display: block;max-width: 284px;
	-webkit-filter: brightness(0) invert(1);
    filter: brightness(0) invert(1);
}

.ft-sns{display: flex;align-items: center;gap: 25px;}
.ft-sns li img{display: block;}

.ft-menu{display: flex;align-items: center;gap: 23px;margin-bottom: 12px;}
.ft-menu li a{display: block;width: 100%;height: 100%;font-size: var(--fs-15);font-weight: var(--fw-5);color: #FFF;transition: color .15s ease;}
.ft-menu:hover li a{color: rgba(255,255,255,.2);}
.ft-menu li:hover a{color: #FFF;}

.ft-info{margin-bottom: 30px;}
.ft-info i{font-size: var(--fs-14);font-weight: var(--fw-4);color: rgba(255,255,255,.3);line-height: 150%;padding-right: 13px;}

.ft-copy{font-size: var(--fs-14);font-weight: var(--fw-4);color: rgba(255,255,255,.2);line-height: 1;}

.ft_arrow{position: absolute;bottom: 50px;right: 50px;z-index: 1;}
.ft_arrow img{display: block;}

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

	.ft-rgt{width: 60%;}
}

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

	#main-07 .main-container{padding: 35px 0;}

	#footer{padding: 40px;}

	.ft-top{margin-bottom: 251px;}

	.ft-logo a img{max-width: 250px;}

	.ft_arrow{bottom: 40px;right: 40px;}
}

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

	.ft-gnb>ul>li + li{margin-top: 20px;}

	.ft-rgt{width: 70%;}

	.ft-top{margin-bottom: 201px;}

	.ft-menu{gap: 18px;}

	.ft-sns{gap: 20px;}

	.ft-info{margin-bottom: 20px;}
}

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

	#main-07 .main-container{padding: 26px 0;}

	.ft-logo a img{max-width: 220px;}

	.ft-rgt{width: 50%;}
	.ft-top{margin-bottom: 183px;}
}

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

	#main-07 .main-container{width: 100%;padding-bottom: 0;padding-top: 0;margin-top: -20px;position: relative;z-index: 1;}

	#footer{display: block;border-radius: 20px 20px 0 0;padding: 30px 5%;padding-top: 40px;}

	.ft-gnb>ul{display: flex;flex-wrap: wrap;align-items: flex-start;}
	.ft-gnb>ul>li{width: 50%;}
	.ft-gnb>ul>li + li{margin-top: 0;}
	.ft-gnb>ul>li>a{font-size: 16px;padding: 9px 0;}

	.ft-rgt{width: 100%;margin-top: 50px;}

	.ft-top{display: block;margin-bottom: 30px;}
	
	.ft-logo a img{max-width: 180px;}

	.ft-sns{gap: 15px;margin-top: 25px;}

	.ft-info i, .ft-copy{display: block;font-size: 13px;padding-right: 0;line-height: 180%;}
	.ft-info br{display: none;}

	.ft_arrow{bottom: 38px;right: 5%;}

	.ft-menu{flex-wrap: wrap;gap: 0;row-gap: 10px;margin-bottom: 20px;}
	.ft-menu li{width: 50%;}
	.ft-menu li a{font-size: 13px;}
}

/*-- rgt navi --*/
.rgt-navi{position: fixed;top: 50%;right: calc( 2.5% - 3px );transform: translateY(-50%);display: flex;flex-direction: column;align-items: center;width: 13px;z-index: 900;transition: all .45s ease;}
.rgt-navi ul{display: flex;flex-direction: column;margin-bottom: 33px;}
.rgt-navi li a{display: block;width: 100%;height: 100%;padding: 15px 0;}
.rgt-navi li span{display: block;width: 7px;height: 7px;border-radius: 7px;border: 1px solid #FFF;position: relative;transition: all .3s ease;}

.rgt-navi li.on span{background-color: #FFF;}

.rgt-navi-num{display: flex;align-items: center;gap: 7px;color: #FFF;font-size: 13px;font-weight: var(--fw-5);line-height: 1;transform: rotate(90deg);transition: all .3s ease;}
.rgt-navi-num i{font-size: 9px;}
.rgt-navi-num span:nth-child(3){opacity: .4;}

.rgt-navi.black li span{background-color: #000;border-color: #000;opacity: .15;}
.rgt-navi.black li.on span{background-color: var(--color-1);border-color: var(--color-1);opacity: 1;}
.rgt-navi.black .rgt-navi-num{color: #000;}

.rgt-navi.hide{right: calc( 1.25% - 6px );}
.rgt-navi.fixed{top: auto;bottom: 70px;transform: translateY(0);}

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

	.rgt-navi{right: calc( 2.5% - 2px );width: 11px;}
	.rgt-navi ul{margin-bottom: 25px;}
	.rgt-navi li a{padding: 10px 0;}
	.rgt-navi li span{width: 6px;height: 6px;}

	.rgt-navi-num{gap: 6px;font-size: 11px;}
	.rgt-navi-num i{font-size: 7px;}

	.rgt-navi.fixed{bottom: 52px;}
}

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

	.rgt-navi{display: none;}
}

/*site map wrap*/
.siteMap-wrap{position: fixed;top: 0;left: 0;width: 100%;height: 100%;z-index: 900;padding-top: 100px;display: none;}

.siteMap-gnb{display: flex;align-items: center;width: 95%;height: 100%;margin: 0 auto;}
.siteMap-gnb>ul{display: flex;flex-wrap: wrap;justify-content: flex-start;align-items: flex-start;row-gap: 70px;width: 100%;}
.siteMap-gnb>ul>li{width: 25%;}
.siteMap-gnb>ul>li>a{display: block;width: 100%;height: 100%;font-family: "Poppins", serif;font-size: var(--fs-30);font-weight: var(--fw-5);color: #FFF;position: relative;}
.siteMap-gnb>ul>li>a::after{position: absolute;bottom: 100%;left: 0;font-size: 1rem;font-weight: var(--fw-4);z-index: 1;opacity: .4;}
.siteMap-gnb>ul>li:nth-child(1)>a::after{content: "01";}
.siteMap-gnb>ul>li:nth-child(2)>a::after{content: "02";}
.siteMap-gnb>ul>li:nth-child(3)>a::after{content: "03";}
.siteMap-gnb>ul>li:nth-child(4)>a::after{content: "04";}
.siteMap-gnb>ul>li:nth-child(5)>a::after{content: "05";}
.siteMap-gnb>ul>li:nth-child(6)>a::after{content: "06";}
.siteMap-gnb>ul>li:nth-child(7)>a::after{content: "07";}

.siteMap-gnb>ul>li>ul{margin-top: 15px;}
.siteMap-gnb>ul>li>ul>li>a{display: block;width: 100%;height: 100%;font-family: "Poppins", serif;font-size: var(--fs-18);font-weight: var(--fw-4);color: #FFF;opacity: .6;padding: 7px 0;transition: opacity .25s ease;}
/*.siteMap-gnb>ul>li>ul>li>ul>li>a{display: block;width: 100%;height: 100%;font-family: "Poppins", serif;font-size: var(--fs-20);color: #FFF;opacity: .3;padding: 7px 27px;position: relative;transition: opacity .25s ease;}
.siteMap-gnb>ul>li>ul>li>ul>li>a::after{content: "";position: absolute;top: 50%;left: 0;width: 13px;height: 1px;background: #FFF;z-index: 1;opacity: .5;transition: opacity .25s ease;}*/

.siteMap-gnb>ul>li>ul:hover>li>a{opacity: .2;}
.siteMap-gnb>ul>li>ul>li:hover>a{opacity: 1;}
.siteMap-gnb>ul>li>ul>li>ul>li>a:hover{opacity: 1;}
.siteMap-gnb>ul>li>ul>li>ul>li>a:hover::after{opacity: 1;}

.siteMap-overlay{position: fixed;top: 0;left: 0;width: 100%;height: 100vh;transform: translateY(-100%);z-index: 900;opacity: .4;transition: opacity .4s ease, transform .6s ease;
	background-color: rgba(0,0,0,.7);

	backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
}
.siteMap-overlay.on{transform: translateY(0);opacity: 1;}

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

	.siteMap-wrap{padding-top: 80px;}
	
	.siteMap-gnb>ul{row-gap: 60px;}
	.siteMap-gnb>ul>li>ul{margin-top: 10px;}
	.siteMap-gnb>ul>li>ul>li>a{padding: 5px 0;}
}

@media screen and (max-width: 1080px){
	
	.siteMap-gnb>ul{row-gap: 50px;}
	.siteMap-gnb>ul>li>a{font-size: 22px;}
}

@media screen and (max-width: 860px){
	
	.siteMap-gnb>ul>li{width: calc( 100% / 3 );}
	.siteMap-gnb>ul>li>ul>li>a{padding: 4px 0;}
}

@media screen and (max-width: 720px){
	
	.siteMap-wrap{padding-top: 60px;}
	
	.siteMap-gnb{width: 90%;}
	
	.siteMap-gnb>ul{gap: 15px;}
	.siteMap-gnb>ul>li{width: 100%;}
	.siteMap-gnb>ul>li>a{font-size: 28px;padding-left: 40px;}
	.siteMap-gnb>ul>li>a::after{bottom: auto;top: 5px;font-size: 14px;opacity: .2;}
	
	.siteMap-gnb>ul>li>ul{display: none;margin-top: 10px;}
	
	.siteMap-gnb>ul>li>ul>li>a{padding-left: 40px;font-size: 16px;}
	
	.siteMap-gnb>ul>li>ul>li>ul>li>a{padding: 3px 20px;padding-left: 50px;}
	.siteMap-gnb>ul>li>ul>li>ul>li>a::after{left: 30px;}
}

/*


@media screen and (max-width: 860px){
	
	.siteMap-wrap{padding-top: 40px;}
	
	.siteMap-gnb>ul{row-gap: 60px;}
	.siteMap-gnb>ul>li{width: 50%;}
}

*/