/* BASIC css start */
#content{padding-top: 127px;}


/* 섹션10*/
    .sec001 .jung{display: none !important;}
    .sec001{box-sizing:border-box; padding: 50px 10px 30px;}
    .sec001 h3{margin:0 0 30px; line-height:1;font-size:17px;font-weight:700;color:#1a1a1a;clear:both; }
    .sec001 h3 a {right:20px; }
    .sec001 .a2{box-sizing:border-box;}
    .sec001 .swiper-scrollbar{height:3px !important;background:#E8E8E8;width:100% !important; left:0 !important;}
    .sec001 .swiper-scrollbar-drag{background:#BFBFBF;height:3px;border-radius:0;}

    .sec001 .swiper-slide{margin-top:0 !important;}
    .sec001 .list_shopping3x ul{width:100%;position:relative; display: flex; justify-content: space-between; flex-wrap: wrap; }
    .sec001 .tab_content li{width:158px;margin-top:0 !important;}
    .sec001 .swiper-scrollbar{height:3px !important;background:#E8E8E8; left:0 !important; width:100% !important; }
    .sec001 .swiper-scrollbar-drag{background:#BFBFBF;height:3px;border-radius:0;}
    
    .list_shopping3x li{width: 49%; padding-bottom: 20px;}

h2.tit{
    font-size: 18px;
    padding: 20px 0 30px 20px;
}

.pro_icons{
    display: none;
}


/* style css */

        .sec01 .swiper {
            height: 100%;
        }

        .sec01 .swiper-slide {
            text-align: center;
            font-size: 18px;
            background: #fff;
            display: flex;
            justify-content: center;
            align-items: center;
        }

        .sec01 .swiper-slide img {
            display: block;
            width: 100%;
            height: 100%;
            object-fit: cover;
        }

        .swiper {
            --swiper-theme-color: #000;
            --swiper-navigation-size: 60px;
        }

        .swiper-button-next, .swiper-button-prev{
            top: 40%;
        }

        .swiper-pagination-bullet{
            width: 20px;
            height: 20px;
        }
        .navSwiper {
            background-color: #fff;
            position: sticky !important;
            top: 144px;
            transition-duration: 0.2s;
            padding-left: 20px !important;
        }

        .navSwiper.scroll{
            background-color: #353535;
        }

        .navSwiper .swiper-slide{
            color: #353535;
            text-align: center;
            padding: clamp(10px,  4.5vw, 38px) 0;
            font-size: clamp(10px, 3.8vw, 28px);
            font-weight: 400;
            cursor: pointer;

        }

        .navSwiper.scroll .swiper-slide{
            color: #fff;
        }

        .lookBox > * {
            display: none;
        }

        .lookBox > .active {
            display: block;
        }

        .navSwiper .swiper-slide.active{
            font-weight: 600;
            position: relative;
        }

        .navSwiper .swiper-slide.active::before{
            content: '';
            display: block;
            width: 6.5%;
            height: 10%;
            background-color: #353535;
            border-radius: 100%;
            position: absolute;
            top: 20%;
            left: 50%;
            transform: translateX(-50%);
        }

        .navSwiper.scroll .swiper-slide.active::before{
            background-color: white;
        }

        .navSwiper .swiper-slide.active::after{
            content: '';
            display: block;
            width: 90%;
            height: 1px;
            background-color: #353535;
            position: absolute;
            bottom: 20%;
            left: 50%;
            transform: translateX(-50%);
        }

        .navSwiper.scroll .swiper-slide.active::after{
            background-color: white;
        }

        .styleLogWrap img{
            max-width: 100%;
            width: 100%;
            display: block;
        }

        .posiR{
            position: relative;
        }

        .linkBox a,
        .posiA{
            position: absolute;
        }
        
        .sec01 .swiper > img{
            width: 61.5%;
            position: absolute;
            bottom: 9.1%;
            left: 7.125%;
            z-index: 1;
        }

        .sec03 .linkBox a:nth-child(1){
            width: 10.5%;
            bottom: 33.057%;
            right: 48.375%;
        }

        .sec03 .linkBox a:nth-child(2){
            width: 10.5%;
            bottom: 22.819%;
            right: 22.25%;
        }

        .sec05 .linkBox a:nth-child(1){
            width: 10.5%;
            bottom: 34.1%;
            right: 76.75%;
        }

        .sec05 .linkBox a:nth-child(2){
            width: 10.5%;
            bottom: 31.93%;
            right: 15.375%;
        }
        
        .sec07 .linkBox a:nth-child(1){
            width: 10.5%;
            bottom: 36.68%;
            right: 76.25%;
        }

        .sec07 .linkBox a:nth-child(2){
            width: 10.5%;
            bottom: 27.485%;
            right: 14.625%;
        }

        .sec09 .linkBox a:nth-child(1){
            width: 10.5%;
            bottom: 34.836%;
            right: 32.875%;
        }

        .sec09 .linkBox a:nth-child(2){
            width: 10.5%;
            bottom: 29.094%;
            right: 3.875%;
        }

        .sec09 .linkBox a:nth-child(3){
            width: 10.5%;
            bottom: 25.114%;
            right: 59.25%;
        }

        .sec11 .linkBox a:nth-child(1){
            width: 10.5%;
            bottom: 30.267%;
            right: 56.625%;
        }

        .sec11 .linkBox a:nth-child(2){
            width: 10.5%;
            bottom: 28.8%;
            right: 11.375%;
        }

        .sec13 .linkBox a:nth-child(1){
            width: 10.5%;
            bottom: 33.584%;
            right: 76.625%;
        }

        .sec13 .linkBox a:nth-child(2){
            width: 10.5%;
            bottom: 26.7%;
            right: 13.75%;
        }

        /* ------------------------- */
        .sec15 .swiper-slide:nth-child(1) .linkBox a:nth-child(1){
            width: 10.5%;
            top: 12.51%;
            right: 60.75%;
        }

        .sec15 .swiper-slide:nth-child(1) .linkBox a:nth-child(2){
            width: 10.5%;
            top: 17.33%;
            right: 20.125%;
        }

        .sec15 .swiper-slide:nth-child(1) .linkBox a:nth-child(3){
            width: 10.5%;
            top: 48.67%;
            right: 63.375%;
        }

        /* ------------------------- */
        .sec15 .swiper-slide:nth-child(2) .linkBox a:nth-child(1){
            width: 10.5%;
            top: 17.221%;
            right: 29%;
        }
        /* ------------------------- */

        .sec17 .swiper-slide:nth-child(1) .linkBox a:nth-child(1){
            width: 10.5%;
            top: 11.6%;
            right: 29.125%;
        }

        .sec17 .swiper-slide:nth-child(1) .linkBox a:nth-child(2){
            width: 10.5%;
            top: 23.678%;
            right: 71.5%;
        }

        .sec17 .swiper-slide:nth-child(1) .linkBox a:nth-child(3){
            width: 10.5%;
            top: 55.057%;
            right: 23.5%;
        }

        .sec17 .swiper-slide:nth-child(2) .linkBox a:nth-child(1){
            width: 10.5%;
            top: 13.908%;
            right: 32.625%;
        }

        .sec17 .swiper-slide:nth-child(2) .linkBox a:nth-child(2){
            width: 10.5%;
            top: 40.22%;
            right: 57.875%;
        }
/* BASIC css end */