*{margin : 0;padding : 0; box-sizing: border-box;}
img{display: block; max-width: 100%;}
a{text-decoration: none; color : inherit}
li{list-style: none;}

html::-webkit-scrollbar{width : 0;}

.main-section-brand{padding : 75px 125px 85px;}
.brand-inner{display: flex;flex-direction: column;align-items: start; width : 100%; max-width: 1670px; min-width : 1200px; margin : 0 auto;}
.brand-tit{font-family: brown; font-size: 40px; letter-spacing: 0.09em; color : #755949; position : relative; padding-bottom: 25px; margin-bottom: 68px; font-weight: 500; width : 100%;}
.brand-tit > span{display: inline-block; opacity: 0;transform: translateY(50px); transition : 1s;}
.aos-animate .brand-tit > span{transform: translateY(0); opacity: 1;}
.brand-tit::after{position : absolute; content: ''; width : 100%; height : 1px; bottom : 0; left : 0; background: #7F6452; clip-path: inset(0 100% 0 0); transition : 1.5s}
.aos-animate .brand-tit::after{clip-path: inset(0);}

.brand-desc-box{display: flex; justify-content: space-between; align-items: start; text-align: right; margin-bottom: 45px; width : 100%;}
.brand-logo{transform: translateX(-100px); opacity: 0; transition : 1s;}

.aos-animate .brand-logo{transform: translateX(0); opacity: 1;}
.brand-desc{font-family: pretendard, brown; font-size: 16px; letter-spacing: -0.033em; font-weight: 400; color : #1A1A1A; line-height: 1.5em; transform: translateX(100px); opacity: 0; transition : 1s;}
.aos-animate .brand-desc{transform: translateX(0); opacity: 1;}

.brand-desc > b{font-size: 24px; font-weight: 500;}

.brand-link{display: flex; align-items: center;  font-size: 14px; letter-spacing: -0.033em; font-family: pretendard; font-weight: 600; padding-bottom: 8px; position : relative; margin-left: auto; padding-right: 106px; margin-bottom: 46px; border-bottom : 1px solid rgba(0,0,0,0.26); transform: translateX(100px); opacity: 0; transition : 1s;}
.aos-animate .brand-link{transform: translateX(0); opacity: 1;}
.brand-link::after{position : absolute; content : ''; width : 100%; height : 1px; left : 0; bottom : -1px; background: rgba(0,0,0,1); clip-path: inset(0 100% 0 0); transition : .5s;}
.brand-link:hover::after{clip-path: inset(0);}
.brand-link::before{position : absolute; content : ''; width : 8px;height : 8px; border-top: 1px solid #000; border-right: 1px solid #000; right : 0; transform: rotate(45deg);}

.brand-list{display: grid;grid-template-columns: repeat(3, 1fr); gap : 24px; width : 100%;}
.brand-list > li{display: flex;flex-direction: column; padding : 67px 0; font-family: pretendard; gap : 57px; justify-content: space-between; white-space: nowrap; align-items: center; transform: translateY(100px); opacity: 0; transition : 1.2s;}

.aos-animate .brand-list > li{transform: translateY(0); opacity: 1;}
.aos-animate .brand-list > li:nth-child(1){transition-delay: 0.4s;}
.aos-animate .brand-list > li:nth-child(2){transition-delay: 0.5s;}
.aos-animate .brand-list > li:nth-child(3){transition-delay: 0.6s;}

.brand-list-01{background: #EEEAE6; color : #1A1A1A;}
.brand-list-02{background: #F8F8F8; color : #1A1A1A;}
.brand-list-03{background: #393939; color : #EEEAE6;}

.brand-list-img{overflow: hidden;}
.brand-list-img > img{transform: scale(1.5); transition : 3s;}
.aos-animate .brand-list-img > img{transform: scale(1);}
.brand-list-tit-eng{font-family: brown; font-size: 20px; letter-spacing: 0.09em; margin-bottom: 26px; font-weight: 500; opacity: 0; transform: translateY(50px);transition : 1s;}
.aos-animate .brand-list-tit-eng{transform: translateY(0); opacity: 1; transition-delay: .8s;}

.brand-list-tit{font-size: 20px;margin-bottom: 26px; letter-spacing: -0.033em; font-weight: 500; opacity: 0; transform: translateY(50px);transition : 1s;}
.aos-animate .brand-list-tit{transform: translateY(0); opacity: 1; transition-delay: .9s;}

.brand-list-desc{line-height: 1.5em; font-size: 15px; letter-spacing: -0.033em; font-weight: 400; opacity: 0; transform: translateY(50px);transition : 1s;}
.aos-animate .brand-list-desc{transform: translateY(0); opacity: 1; transition-delay: 1s;}

/**/

.main-section-subs{margin-bottom: 57px;}
.subs-slide {display: flex;justify-content: end; position : relative; overflow: hidden; background: url(/resources/main_assets/subs-bg.jpg) repeat center bottom / auto 100%; margin : 0 auto 25px; min-width : 1200px;}

.subs-inner{display: flex; margin : 0 auto; font-family: pretendard; max-width: 1920px;}
.subs-left{display: flex;flex-direction: column;align-items: start; width : 40%; flex-shrink: 0; padding : 76px 125px 0;}
.subs-right{width : 60%; flex-shrink: 0;}

.subs-tag{padding : 10px 28px; background: #755A49; color : #fff; font-size: 18px; font-weight: 600; margin-bottom: 18px; transform: translateX(-100px); opacity: 0; transition : 1s;}
.aos-animate .swiper-slide-active .subs-tag{transform: translateX(0); opacity: 1; transition-delay: .4s;}

.subs-tit-eng{font-family: brown; font-weight: 400; font-size: 28px; color : #EAE1D3; margin-bottom: 6px; transform: translateX(-100px); opacity: 0; transition : 1s;}
.aos-animate .swiper-slide-active .subs-tit-eng{transform: translateX(0); opacity: 1; transition-delay: .5s;}

.subs-tit-kor{color : #EAE1D3; margin-bottom: 86px; transform: translateX(-100px); opacity: 0; transition : 1s;}
.aos-animate .swiper-slide-active .subs-tit-kor{transform: translateX(0); opacity: 1; transition-delay: .6s;}

.subs-link{display: flex; align-items: center;  font-size: 14px; letter-spacing: -0.033em; font-family: pretendard; font-weight: 600; padding-bottom: 8px; position : relative; padding-right: 106px; border-bottom : 1px solid rgba(255,255,255,0.26); color : #fff; transform: translateX(-100px); opacity: 0; transition : 1s;}
.aos-animate .swiper-slide-active .subs-link{transform: translateX(0); opacity: 1; transition-delay: .7s;}

.subs-link::after{position : absolute; content : ''; width : 100%; height : 1px; left : 0; bottom : -1px; background: #fff; clip-path: inset(0 100% 0 0); transition : .5s;}
.subs-link:hover::after{clip-path: inset(0);}
.subs-link::before{position : absolute; content : ''; width : 8px;height : 8px; border-top: 1px solid #fff; border-right: 1px solid #fff; right : 0; transform: rotate(45deg);}

.subs-img{overflow: hidden; transition : 1s; clip-path: inset(30%);}
.aos-animate .swiper-slide-active .subs-img{clip-path: inset(0); transition-delay: 0s;}
.subs-img > img{transform: scale(1.25); transition : 2.4s;}
.aos-animate .swiper-slide-active .subs-img > img{transform: scale(1);}

.subs-pagination.swiper-pagination-bullets.swiper-pagination-horizontal{display: flex; justify-content: end; position : static; gap : 19px; padding-right: 125px; max-width: 1920px; margin : 0 auto;}

.subs-pagination.swiper-pagination-bullets.swiper-pagination-horizontal .swiper-pagination-bullet{margin : 0; width : 10px; height : 10px; opacity: 1; background: #DEDEDE; border-radius: 100px; transition : 0.3s;}
.subs-pagination.swiper-pagination-bullets.swiper-pagination-horizontal .swiper-pagination-bullet-active{background: #453630; width : 49px;}

.main-section-land{background: url(/resources/main_assets/land-bg.jpg) repeat center bottom / auto 100%; padding : 143px 125px 170px;}
.land-inner{max-width : 1670px; min-width : 1600px; margin : 0 auto;}

.land-tit-box{text-align: center; color : #fff; margin-bottom: 60px; transform: translateY(-100px); opacity: 0; transition : 1s;}
.aos-animate .land-tit-box{transform: translateY(0); opacity: 1;}
.land-tit{font-family: brown; font-size: 40px; letter-spacing: 0.09em; margin-bottom: 25px; font-weight: 400;}
.land-desc{font-family: pretendard; letter-spacing: -0.033em; font-size: 16px;}

.land-tab{display: flex;justify-content: center; gap : 10px; margin : 0 auto 57px;}
.land-tab > li{padding-bottom: 12px; text-align: center; color : #6F6F6F; transition : 0.3s; position : relative; width : 223px; border-bottom: 1px solid #434343; cursor : pointer; transform: translateY(100px); opacity: 0; transition : 1s;}
.aos-animate .land-tab > li{transform: translateY(0); opacity: 1;}
.aos-animate .land-tab > li:nth-child(1){transition: color .3s, transform 1s .4s, opacity 1s .4s;}
.aos-animate .land-tab > li:nth-child(2){transition: color .3s, transform 1s .5s, opacity 1s .5s;}
.aos-animate .land-tab > li:nth-child(3){transition: color .3s, transform 1s .6s, opacity 1s .6s;}
.aos-animate .land-tab > li:nth-child(4){transition: color .3s, transform 1s .7s, opacity 1s .7s;}
.aos-animate .land-tab > li:nth-child(5){transition: color .3s, transform 1s .8s, opacity 1s .8s;}
.land-tab > li.on,
.land-tab > li:hover{color : #fff;}
.land-tab > li::after{position :absolute; content : ''; width : 100%;height : 1px; left: 0; bottom : -1px; background: #fff; clip-path: inset(0 100% 0 0); transition : .3s;}
.land-tab > li:hover::after,
.land-tab > li.on::after{clip-path: inset(0);}

.land-slide-box{width : 100%; mask-image: linear-gradient(to right, #000 92%, transparent); position : relative; margin : 0 auto;}
.land-slide{overflow: hidden; width : 100%; height : 100%; position : absolute; left : 0;top : 0; transition : .5s; opacity: 0; pointer-events: none;}
.aos-animate .land-slide.on{opacity: 1; pointer-events: all; transition :.5s .5s;}
.land-slide-01{position : relative;}
.land-slide .swiper-slide{width : auto;}

.land-drag{display: flex;align-items: center;justify-content: center; width : 80px;height :80px; border-radius: 50%; position : fixed; color : #fff; font-family:brown; font-size: 15px; transform: translateX(-50%) translateY(-50%) scale(0); transition : transform 1s; z-index: 10; pointer-events: none; border : 1px solid #fff; background: rgba(255,255,255,0.2); letter-spacing: 0.1em;}

.land-drag.on{transform: translateX(-50%) translateY(-50%) scale(1);}
.land-drag::after{position : absolute; content : ''; width : 0px; height : 0px; border-top: 7px solid transparent; border-bottom: 7px solid transparent; border-right: 12px solid #fff; transform: rotate(0deg); right : 115%; animation : land-drag1 1s infinite alternate}
.land-drag::before{position : absolute; content : ''; width : 0px; height : 0px; border-top: 7px solid transparent; border-bottom: 7px solid transparent; border-left: 12px solid #fff; transform: rotate(0deg); left : 115%; animation : land-drag2 1s infinite alternate}
@keyframes land-drag1 {
    100%{transform: translateX(-12px);}
}
@keyframes land-drag2 {
    100%{transform: translateX(12px);}
}