/* BASIC css start */
/* ·¹À̾ƿô */
body #contents {padding:0; max-width:inherit;}
body footer {margin:0;}
body #container {background:#000;}

/* °øÅë */
.brand-story {color:#fff; text-align:center;}
.brand-story .swiper-button-next:after, 
.brand-story .swiper-button-prev:after{color:#fff; font-size:24px;}
section {padding-bottom:250px; overflow:hidden; position: relative; z-index: 2; background: #000;}
section:last-child {padding-bottom:0;}
section .title h2 {font-size:1.438rem; font-weight:600; margin-bottom:10px; letter-spacing:12%; color:#00A0E9; text-transform: uppercase;}
section .title h3 {font-size:2.625rem; font-weight:600; margin-bottom:35px;}
section .title p {font-size:1.37rem; line-height:40px; color: #d9d9d9;}
section .bnr-box {margin:120px 0 75px;}
section .bnr-box ul {display:flex; gap:30px; justify-content: center;}
section .bnr-box ul li a img {width:100%;}
section .info-box {max-width:1462px; margin:0 auto;}
section .info-box ul li a {background:#141414; text-align:left; padding:0 34px; box-sizing:border-box; border-radius:10px; display: flex; flex-direction: column; height: 200px; justify-content: center; color:#fff; transition:all .3s ease;}
section .info-box ul li a h4 {font-size:2.625rem; font-weight:600;}
section .info-box ul li a p {font-size:1.563rem; padding-top:13px; line-height:40px;}
section .info-box ul li a:hover {transform: scale(1.05);}
section .info-box ul li a:hover h4,
section .info-box ul li a:hover p {color:#00A0E9;}
.link-btn {display:flex; justify-content:center; gap:35px;}
.link-btn .btn {text-align:center; width:473px; line-height:98px; border:1px solid #fafafa; font-size:1.563rem; box-sizing:border-box; color:#fff; transition:all .3s ease;}
.link-btn .btn:hover {color:#000; background:#fff; border-color:#000; transform: scale(1.05);}

/* sec1 */
.sec01 {position:relative; position: sticky; top: 0; z-index: 1;} 
.sec01 .swiper {position:relative;}
.sec01 .swiper-container-horizontal>.swiper-scrollbar {width:406px; background:#fff; left:50%; bottom:32px; height:3px; border-radius:0; transform:translateX(-50%);}
.sec01 .swiper-container-horizontal>.swiper-scrollbar .swiper-scrollbar-drag {background:#00A0E9;}
.sec01 .swiper-container-horizontal>.swiper-pagination-bullets {bottom:30px;}
.sec01 .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {margin:0; width:102px; height:3px; border-radius:0; background:#fff; opacity:1;}
.sec01 .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active {background:#00A0E9;}
.sec01 .swiper-button-prev {left:150px;}
.sec01 .swiper-button-next {right:150px;}
.sec01 ul li {position:relative;}
.sec01 ul li a img {width:100%; /* ¿ÍÀ̵尪 Àû¿ë css */ max-height: 860px; object-fit: cover;} 
.sec01 ul li a p {position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); color:#fff; font-size:}

/* sec2 */
.sec02 {padding-top:206px;}
.sec02 .info-box {position:relative;}
.sec02 .swiper-button-prev {left:-59px;}
.sec02 .swiper-button-next {right:-59px;}
.sec02 .info-box ul li {position:relative;}
.sec02 .info-box ul li a:after {content: ""; position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.5); }
.sec02 .info-box ul li.swiper-slide-prev a:after,
.sec02 .info-box ul li.swiper-slide-next a:after,
.sec02 .info-box ul li.swiper-slide-active a:after{background-color: rgba(0, 0, 0, 0);}

/* sec3 */
.sec03 .info-box ul {display:flex; gap:30px;}
.sec03 .info-box ul li {flex:1;}

/* sec4 */
.sec04 .bnr-list {position:relative; padding:148px 0;}
.sec04 .swiper-wrapper {transition-timing-function: linear !important;}
.sec04 .bnr-list .swiper-button-prev {left:150px;}
.sec04 .bnr-list .swiper-button-next {right:150px;}
.sec04 .bnr-list .swiper-slide{perspective:1000px; max-width:418px;}
.sec04 .bnr-list .swiper-slide a{display:block; transition:transform .35s ease, box-shadow .35s ease;}
.sec04 .bnr-list .swiper-slide:hover a{transform:translateY(-10px); box-shadow:0 20px 40px rgba(0,0,0,.2);}
.sec04 .bnr-list ul li img {width:100%;}
.sec04 .scrolling-txt {margin-bottom:150px; overflow: hidden; width: 100%; display: flex; flex-direction: column; gap: 60px;} 
.sec04 .right-scroll,
.sec04 .left-scroll { display: flex; white-space: nowrap;  width: max-content; } 
.sec04 .scrolling-txt span { display: flex; gap:35px; font-size:42px; font-style: italic; text-transform: uppercase; margin-left:70px; line-height:1;}
.sec04 .right-scroll span { animation: marquee-to-right 80s linear infinite; } 
.sec04 .left-scroll span { animation: marquee-to-left 50s linear infinite; }

@keyframes marquee-to-right {
    0% {
        transform: translateX(-100%);
    }
    100% {
        transform: translateX(0);
    }
}

@keyframes marquee-to-left {
    0% {
        transform: translateX(0);
    }
    100% {
        transform: translateX(-100%);
    }
}

/* sec5 */
.sec05 .store-list {max-width:1717px; margin:120px auto; position:relative;}
.sec05 .store-list ul li {text-align:left; transition: all .3s ease; max-width:414px;}
.sec05 .store-list ul li:hover {transform: translateY(-10px);}
.sec05 .store-list ul li img {width:100%;}
.sec05 .store-list ul li h4 {font-size:1.875rem; font-weight:600; padding:14px 0 4px; line-height:45px;}
.sec05 .store-list ul li p {font-size:1.25rem; color:#b2b2b2;}
.sec05 .swiper-button-prev {left:48px;}
.sec05 .swiper-button-next {right:48px;}

/* sec6 */
.sec06 .title h3 {margin-bottom:80px;}
.sec06 .product-list {max-width: 1200px; margin: 0 auto 267px;}
.sec06 .product-list a {display:block; font-size:20px; color:#7B7B7B; transition:all .3s ease; line-height:45px;}
.sec06 .product-list a:hover {color:#00A0E9; transform:scale(1.05);}


/* ¹ÝÀÀÇü */
@media (max-width:1024px) {
    [data-aos] {opacity: 1 !important; transform: none !important; transition: none !important;} /* È¿°ú ¹«·ÂÈ­ */
    
    section {padding-bottom:120px;}
    section .title {padding:0 20px;}
    section .title h2 {font-size:0.938rem; margin-bottom:20px;}
    section .title h3 {font-weight:500; font-size:1.875rem; margin-bottom:30px;}
    section .title p {line-height:1.9; font-size:1.031rem; word-break:keep-all;}
    section .bnr-box {margin:60px 0;}
    section .bnr-box ul {flex-direction: column; gap:20px;}
    section .info-box {padding:0 20px;}
    section .info-box ul li a {height:121px; padding:0 20px;}
    section .info-box ul li a h4 {font-size:1.563rem;}
    section .info-box ul li a p {font-size:0.938rem; line-height:1.5; word-break:keep-all; padding-top:1.5px;}
    section .info-box ul li a p br {display:none;}
    .link-btn {padding:0 20px; flex-direction: column; align-items: center; gap:20px;}
    .link-btn .btn {max-width:353px; line-height:63px; font-size:0.938rem;}

    .sec01 {padding-bottom:60px;}
    .sec01 .swiper-container-horizontal>.swiper-scrollbar {max-width:350px; bottom:23px; width:90%;}
    .sec01 .swiper-container-horizontal>.swiper-pagination-bullets {bottom:23px; width:90%; left: 50%; transform: translateX(-50%);}
    .sec01 .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {width:25%;}
    .sec01 ul li a img {max-height: auto; object-fit: inherit;}  /* ¿ÍÀ̵尪 Àû¿ë css */

    .sec02 {padding-top:60px;}
    .sec02 .info-box ul {flex-direction: column; gap:15px;}
    .sec02 .info-box ul li a:after {display:none;}
    
    .sec03 .info-box ul {flex-direction: column; gap:15px;}
    .sec03 .info-box ul li {flex: auto;}
    
    .sec04 .bnr-list {padding:45px 0 60px;}
    .sec04 .scrolling-txt {gap:30px; margin-bottom:85px;}
    .sec04 .scrolling-txt span {font-size:20px; margin-left: 30px; gap: 15px;}
    .sec04 .bnr-list .swiper-slide:hover a{transform:translateY(0);}
    
    .sec05 .store-list {padding-left:20px; margin-bottom:80px;}
    .sec05 .store-list ul li {position:relative; max-width:inherit; width:81.3%;}
    .sec05 .store-list ul li::after {content:''; display:inline-block; width:100%; height:100%; background:rgba(0,0,0,0.3); position:absolute; right:0; top:0;}
    .sec05 .store-list ul li.swiper-slide-active::after {display:none;}
    .sec05 .store-list ul li h4 {font-size:1.375rem; font-weight:500; padding:20px 0 10px; line-height:22px;}
    .sec05 .store-list ul li p {letter-spacing:-2%; font-size:0.938rem;}
    
    .sec06 .title h3 {margin-bottom:45px;}
    .sec06 .product-list {margin-bottom:100px;}
    .sec06 .product-list a {font-size:0.8rem; line-height:1.8;}
}
/* BASIC css end */