/**********공통**********/
.inner{width:1720px;margin:0 auto;}

@media (max-width:1720px){
	.inner{width:100%;padding:0 1rem;}

}

.sec01 {height:48rem;position:relative;z-index:0;}
.sec01 .visual video {position: absolute; left: 50%; top: 0; right: 0; transform: translateX(-50%); z-index: -1;}
.sec01 .visual {width:1720px;margin:0 auto;}
.sec01 .visual .name{font-size:2rem;color:#fff;line-height:1;font-weight:550;font-family: 'Archivo';position:relative;z-index:1;margin:-7.5rem 0 0 13rem;}
.sec01 .visual h2{font-size:4.25rem;color:#fff;line-height:1;font-weight:800;font-family: 'Archivo';position:relative;z-index:1;display:inline-block; padding-top:24rem;}
.sec01 .visual h2 b{font-size:5rem;}
.sec01 .visual h2 span{font-size:2rem; margin-left:1rem; }
.sec01 .visual h2:after{content:'';display:block;position:absolute;width:100%;height:1.5rem;background:#ffe345;left:0;bottom:0;z-index:-1; animation: motion 4s  linear;}
@keyframes motion { 
    0% { width: 0; } 
    100% {width: 100%; } 
}
.sec01 .scroll{position:absolute;bottom:2rem;left:5rem;writing-mode: vertical-rl;transform: rotate(180deg);color:#fff;font-size:0.75rem;}
.sec01 .scroll span{display:inline-block;width:0.6rem;height:1.5rem;background:#ffe345;border-radius:6px;position:relative;}
.sec01 .scroll span em{position:absolute;width:0.4rem;height:0.4rem;border-radius:50%;background:#fff;bottom:0.2rem;left:50%;transform:translateX(-50%);animation: motion-1 0.8s linear 0s infinite alternate;}



@media (max-width:1720px){
	.sec01 .visual{padding:0 1rem; width:100%;}
	.sec01 .visual .visual-tit{width:100%;}
}

@media (max-width:767px){
	.sec01 {height:44rem;}
	.sec01 .scroll{left:2rem;}
	.sec01 .visual h2{font-size:3rem;}
	.sec01 .visual h2 b{font-size:2.9rem;}
	.sec01 .visual .visual-tit {text-align:center;}
	.sec01 .visual .visual-tit h2{ font-size:3rem;}
	.sec01 .visual .visual-tit h2 b{font-size:3rem;}
	.sec01 .visual .visual-tit h2:after{height:1rem;}
}

@keyframes motion-1 {
	0% {bottom:0.2rem;}
	100% {bottom:0.8rem;}
}


.sec02 {padding:6.5rem 0 13.5rem 0;position:relative;}
.sec02:after{content:'';display:block;position:absolute;width:5.55rem;height:5.55rem;background:url(/images/default/main/sec02-point.png)no-repeat center center;background-size:cover;left:50%;bottom:5rem;animation: us_Cricle 10s infinite linear;margin-left:-2.775rem;}
.sec02 h3{font-size:3.5rem;color:#000;font-family:'Pretendard';font-weight:700;}
.sec02 h3 b{font-size:7.5rem;margin-right:1rem;font-family:'Cormorant Garamond';}
.sec02 .abgs .tit {font-size:2.5rem;width:50%;color:#191919;}
.sec02 .abgs .tit p:first-child{}
.sec02 .abgs .tit p:last-child{padding-left:40%;transition-duration: 0.8s; }
.sec02 .abgs .txt {font-size:1.5rem;margin-top:5rem;}
.sec02 .abgs .txt em{font-size:1rem;}
.sec02 .abgs {position:relative;margin-bottom:2rem;}
.sec02 .abgs:after{content:'';display:block;position:absolute;width:28.85rem;height:25rem;background:url(/images/default/main/abg-img.jpg)no-repeat center center;background-size:cover;right:0;top:50%;transform:translateY(-50%);
}
.sec02 .socail .tit{height:25rem;position:relative;}
.sec02 .socail .tit:after{content:'';display:block;position:absolute;width:25rem;height:25rem;background:#ffe345;
border-radius:50%;left:0;top:0;z-index:-1;transition: all 1.8s cubic-bezier(0.25, 0.47, 0.12, 0.99);}

.sec02 .socail .tit p{font-size:7.5rem;color:#191919;line-height:1;position:absolute;transition: all 3.6s cubic-bezier(0.25, 0.47, 0.12, 0.99);}
.sec02 .socail .tit p:first-child{font-family:'Cormorant Garamond';font-weight: 700;left:0;top:9.25rem;}
.sec02 .socail .tit p:last-child{font-family:'Cormorant Garamond';font-weight: 700;font-style: italic;right:0;bottom:2rem;}
.sec02 .socail .socail-txt {text-align:center;font-size:2.5rem;color:#191919;line-height:1.2;margin-top:4rem;}
.sec02 .socail .socail-txt p{display:inline-block;position:relative;}
.sec02 .socail .socail-txt p:after{content:'';display:block;position:absolute;width:9.5rem;height:9.5rem;border-radius:50%;background:#ffe345;border-radius:50%;bottom:-2.2rem;right:-120%;z-index:-1;transition: all 3.6s cubic-bezier(0.25, 0.47, 0.12, 0.99);}




.active .socail .tit p {transform: translateY(0px) translateX(0px);}
.active .socail .tit p:first-child {left:50%;transform:translateX(-50%);}
.active .socail .tit p:last-child {left:50%;transform:translateX(-50%);right:auto;}
.active .abgs .tit p:last-child {padding-left:0;}
.active .socail .tit:after {left:50%;transform:translateX(-60%);}
.active .socail .socail-txt p:after {right:-4rem;}

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

@media (max-width:1500px){
	.sec02 h3{font-size:3rem;}
	.sec02 h3 b{font-size:5rem;}
	.sec02 .abgs:after{width:23.1rem;height:20rem;}
	.sec02{padding:5rem 0 10rem 0;}
	.sec02:after{bottom:1.5rem;}
}
@media (max-width:1030px){
	.sec02 .socail .tit{margin-top:2rem;}

}

@media (max-width:767px){
	.sec02 .abgs:after{display:none;}
	.sec02 .socail .socail-txt p:after{width:5rem;height:5rem;right:0;bottom:0;}
	.sec02 .socail .tit p{font-size:4rem;}
	.active .socail .tit p:last-child{bottom:7rem;}
	.sec02 .socail .tit:after{width:23rem;height:23rem;}
	.sec02 .abgs .tit{font-size:2rem;}
	.sec02 .abgs .txt{font-size:1rem;}
	.sec02 .socail .socail-txt{font-size:2rem;margin-top:0;}
}


.sec03 {background:#000;color:#fff;padding:9rem 0 6rem 0;}
.sec03 .inner{display:flex;}
.sec03 .inner .img-zone{flex-basis:50%;position:relative;}
.sec03 .inner .img-zone:after{content:'';display:block;position:absolute;background:url(/images/default/main/sec03-img.jpg)no-repeat center bottom;width:33.85rem;height:30.8rem;background-size:cover;bottom:-6rem;left:0;}

.sec03 .inner > ul {display:flex;flex-wrap:wrap;margin-bottom:-3rem;flex-basis:50%;}
.sec03 .inner > ul > li{flex-basis:calc(100% / 2);margin-bottom:2.6rem;font-size:1.25rem;}
.sec03 .inner > ul > li > ul > li {font-size:0.8rem;color:#999;margin-top:0.5rem;}
.sec03 .inner > ul > li:nth-child(2n){padding-left:3.5rem;}

@media (max-width:1500px){
	.sec03{padding:3rem 0;}
	.sec03 .inner{display:block;}
	.sec03 .inner .img-zone:after{width:22rem;height:20rem;bottom:0;left:50%;transform:translateX(-50%);}
	.sec03 .inner .img-zone{height:20rem;margin-bottom:1rem;}
}
@media (max-width:767px){
	.sec03 .inner > ul > li{flex-basis:100%;}
	.sec03 .inner > ul > li:nth-child(2n){padding-left:0;}
	.sec03 .inner > ul > li > ul > li{font-size:1rem;}
	.sec03 .inner > ul > li:not(:last-child){margin-bottom:1rem;}
}

.sec04{padding:9.5rem 0 0 0;}
.sec04 .tit {text-align:center;margin-bottom:5rem;}
.sec04 .visual04{height:62rem;background:#000;padding:0 5rem;position:relative;}
.sec04 .visual-con {height:47.5rem;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;color:#fff;}
.sec04 .visual-con h3{font-size:2rem;font-weight:600;}
.sec04 .visual-con p{font-size:1.4rem;font-weight:500;}
.sec04 .visual-con a{display:inline-block;width:10rem;height:3rem;line-height:3rem;border:1px solid #fff;color:#fff;text-align:left;padding:0 1rem;margin-top:5.5rem;position:relative;}
.sec04 .visual-con a:after{content:'';display:block;position:absolute;width:0.75rem;height:1px;background:#fff;top:50%;transform:translateY(-50%);right:1rem;}
.sec04 .s-visual {padding-top:16.25rem;position:absolute;width:24rem;}
.sec04 .visual04 ul li{position:relative;}
.sec04 .visual-img01{left:-5rem;top:50%;transform:translateY(-50%);}
.sec04 .visual-img02{right:-5rem;top:50%;transform:translateY(-50%);}
.sec04 .banner-txt{position:absolute;font-size:4.75rem;color:rgba(255,255,255,0.65);font-family:'Pretendard';text-transform:uppercase;font-weight:500;width:100%;bottom:7.5rem;animation: content_move linear infinite 8s;white-space: nowrap;display: inline-block;vertical-align: top;transform:translateX(0);display:flex;} 
.sec04 .banner-txt > div:first-child{margin-right:10rem;}
.swipter-btn{position:absolute;width:10rem;height:1.5rem;left:50%;transform:translateX(-50%);bottom:4rem;z-index:99;}
.swipter-btn .swiper-button-prev, .swipter-btn .swiper-container-rtl .swiper-button-next {width:0.65rem;height:1.25rem;background:url(/images/default/main/arrow-left.png)no-repeat center center;margin-top:0;top:0;background-size:cover;}
.swipter-btn .swiper-button-next, .swipter-btn .swiper-container-rtl .swiper-button-prev{width:0.65rem;height:1.5rem;background:url(/images/default/main/arrow-right.png)no-repeat center center;margin-top:0;top:0;background-size:cover;}
.swipter-btn .swiper-pagination{bottom:0;z-index:0;color:#fff;font-size:1.5rem;}

.sec04 .swiper {position:relative;}

@media (max-width:1500px){
	.sec04{padding:5rem 0 0 0;}
	.sec04 .visual-img01{top:0;transform: translateY(0);}
	.sec04 .visual-img02{top:0;transform: translateY(0);}
	
}
@media (max-width:1030px){
	.sec04 .visual04{padding:0;height:40rem;}
	.sec04 .tit img{height:10rem;}
	.sec04 .s-visual{width:10rem;}
	.sec04 .visual-img01{display:none;}
	.sec04 .visual-img02{display:none;}
	.sec04 .visual-con{height:30rem;}
	.sec04 .banner-txt{bottom:2rem;}
}

@-webkit-keyframes content_move {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }

    100% {
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%);
    }
}
.sec04 .banner-txt span:first-child{margin-right:10rem;}

.sec05{padding:6.9rem 0;}
.sec05 .tit{width:43rem;margin:0 auto;margin-bottom:3rem;}
.sec05 .tit h3{font-size:7.5rem;color:#191919;font-weight:700;line-height:6rem;font-family:'Cormorant Garamond';text-align:center;}
.sec05 .tit h3 b{font-family:'Cormorant Garamond';font-weight: 700;font-style: italic;padding-left:30%;}
.sec05 .tit p {padding-left:50%;color:#333;margin-top:2.5rem; font-weight:600;}

.sec05 .area-bx {display:flex;flex-wrap:wrap;justify-content:space-between;}
.sec05 .area-bx  > div {flex-basis:calc(100% / 2 - 3rem);display:flex;padding:1.5rem 3rem;}
.sec05 .area-bx  > div:not(:last-child) {border-bottom:1px solid #ddd;}
.sec05 .area-bx  > div span{display:inline-block;width:4.5rem;height:4.5rem;border-radius:50%;background:rgba(255,227,69,0.1);display:flex;justify-content:center;align-items:center;margin-right:3.5rem;}
.sec05 .area-bx  > div .area-tit {margin-bottom:1rem;}
.sec05 .area-bx  > div .area-tit h4{ font-size:1.75rem;color:#333;font-weight:700;}
.sec05 .area-bx  > div .area-tit  p{color:#f1c410;font-size:.9rem;}

@media (max-width:1500px){
	.sec05{padding:4rem 0;}
	.sec05 .area-bx > div {flex-basis: calc(100% / 2 - 2rem);padding:1rem;}
}
@media (max-width:1030px){
	.sec05 .area-bx > div {display:block;}
	.sec05 .area-bx > div span{margin-bottom:1rem;}
}
@media (max-width:767px){
	.sec05 .area-bx {display:block;}
	.sec05 .tit{width:100%;}
	.sec05 .tit p{padding-left:0;text-align:center;}
	.sec05 .tit h3{font-size:5rem;    line-height: 4rem;}
}