/* ================================================================= 
    * 부서 Style
    * ================================================================= */
    .glass, .print{color:#013334}
    .online {color:#193366}
    .dot::before{
        content:"\00A0\00A0\25A0";
        display: flex;
        font-size: 1.3rem;
    }

    /* ================================================================= 
    * 소개 Style
    * ================================================================= */
    .introduce{ font-size: 1.5rem;}
    .introduce .iconList{
        background: #f5f9fa;
        display: flex;
        flex-wrap: wrap;
        text-align: center;
        justify-content:center;
        padding: 2rem 0;
    }

    .introduce .iconList .icon{    
        width: max-content;
        display: inline-block;
        padding: 2.5rem;
        font-weight: bold;
        font-size: 1.3rem;
        color:black;
    }
    .introduce .iconList .icon img{margin-bottom: 1rem;}

    .introduce .feature{    
        display: flex;
        flex-wrap: wrap;
        margin: 6rem auto;
        justify-content: center;
    }
    .introduce .feature .item{
        box-shadow: 0.5rem 0.5rem 0.5rem gray;
        margin: 1rem;
        padding: 1rem;
        border-radius: 5%;
    }
    
    .introduce .feature .item .img{
        border-radius: 5%;
        overflow: hidden;
    }
    .introduce .feature .item .img img{width: 100%;}

    .introduce .feature .item .textArea{
        margin: 1rem 0;
        font-size: 1rem;
        color: #545454;
    }
    .introduce .feature .item .textArea .subTitle{
        color:black;
        line-height:normal;
        font-size: 2.2rem;
        font-weight: bold;
        margin-bottom: 1rem;
    }
    .introduce .feature .item .textArea ul li{ margin-bottom: 1.2rem;}

    .introduce .feature.t-4 .item{width: 22%;} 
    .introduce .feature.t-5 .item{width: 30%;}

    .introduce .midTxt{
        font-size: 3rem;
        font-weight: bolder;
    }


    .introduce .content{  margin: 6rem auto;}
    .introduce .content .subTitle{font-size: 3.1rem;font-weight: bolder;}
    .introduce .content .subTitle .en{ font-size: 2.5rem; font-weight:normal;}

    .introduce .content .onestop{
        position: relative;
        height: max-content;
    }
    .introduce .content .onestop .info{width: 100%;}
    .introduce .content .onestop .info img{width: 100%;}

    .introduce .content .onestop .list{
        position: absolute;
        z-index: 9;
        top:0;
        right: 0;
        height: -webkit-fill-available;
        padding: 4rem 0;
        display: flex;
        flex-direction: column;
        justify-content: space-evenly;
        height: -webkit-fill-available;
        width: -webkit-fill-available;
    }
    .introduce .content .onestop .list .item{
        display: flex;
        border-radius: 100px;
        box-shadow: 0.5rem 0.5rem 1rem #01333494;
        padding: 1rem 2rem;
        width: fit-content;
        background: #fff;
    }
    .introduce .content .onestop .list .item .name{font-size: 1.7rem; font-weight: bold;}
    
    .introduce .content .onestop .list .item:hover{ background: #013334; color:#fff;}
    .introduce .content .onestop .list .item:hover img{ filter: invert(1) grayscale(1);  }
   
    .introduce .content .layer{display: flex; }
    .introduce .content .layer .info{ width: 50%;}
    .introduce .content .layer .list{
        width: 50%;
        display: flex;
        flex-direction: column;
        height: fit-content;
        margin: auto;
        border-left: 4px solid transparent;
        background-image: linear-gradient(#fff, #fff), linear-gradient(to top, #fff 0%, #fff 15%, #819b9a 15%, #cddfdf 95%, #fff 95%, #fff 100%);
        background-origin: border-box;
        background-clip: content-box, border-box;
        padding-bottom: 4%;
    }
    .introduce .content .layer .list li{
        padding-left: 5rem;
        position: relative;
        margin-bottom:1%;
    }

    .introduce .content .layer .list li span{width: 40%; display: inline-block;}
    .introduce .content .layer .list li .t1{font-size: 1.7rem; font-weight: bold;}
    .introduce .content .layer .list li .t2{font-size:0.8rem}

    .introduce .content .layer .list li::before{
        content: " ";
        border-radius: 50%;
        background:#819b9a;
        width: 1rem;
        height: 1rem;
        position: absolute;
        z-index: 9;
        left: -0.6rem;
        top: 1rem;
    }

    .introduce .content .oem{
        margin: 5rem;
        overflow: hidden;
        position: relative;}
        
    .introduce .content .oem .item { position: relative; }
    .introduce .content .oem .item  img{width: 100%;}

    .introduce .content .oem .item .textArea{
        position: absolute;
        bottom: 15%;
        color:#fff;
        width: 100%;
        font-size: 1.7rem;
    };
    .introduce .content .oem .item .textArea p{margin:auto; width: 1280px;}
    .introduce .content .oem .item .textArea .title{font-size: 3.5rem; font-weight: bold;}

    .introduce .content .oem .pagination {
        position: absolute;
        z-index: 999;
        display: flex;
        flex-direction: column;
        top:1.5rem;
        margin-left: 97%;
    }

    .introduce .content .oem .pagination .swiper-pagination-bullet {
        background: none;
        border: #a9aaaf solid 2px;
        width: 1.5rem;
        height: 1.5rem;
        margin: 1rem;
        opacity: 1;
    }

    .introduce .content .oem .pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
        background: #a9aaaf;
        border: #a9aaaf solid 2px
    }


    .introduce .content .info{
        display: flex;
        position: relative;
    }

    .introduce .content .info .g_c1{background: #85b38c;} .introduce .content .info .g_c2{background: #497662;} .introduce .content .info .g_c3{background: #013334;}
    .introduce .content .info .p_c1{background: #50908f;} .introduce .content .info .p_c2{background: #2a6261;} .introduce .content .info .p_c3{background: #0b3736;}
    .introduce .content .info .o_c1{background: #657eb3;} .introduce .content .info .o_c2{background: #3f517a;} .introduce .content .info .o_c3{background: #0f1b35;}

    .introduce .content .info .bg{
        background: #ebeff0;
        position: absolute;
        width: 300%;
        top: -5%;
        left: -100%;
        height: 100%;
        z-index: -1;
    }

    .introduce .content .info .item{
        width: 30%;
        margin: 5rem 0;
    }
    .introduce .content .info .item .circle{
        border-radius: 50%;
        color: #fff;
        text-align: center;
        font-size: 2.1rem;
        font-weight: bold;
        width: 25rem;
        height: 25rem;
        padding: 9rem 0;
        scale: 1.1;
    }                    
    .introduce .content .info .item .explain{ margin: 4rem 1rem;}
    .introduce .content .info .item .explain li{ margin-bottom: 1.3rem;}

    .introduce .content .purchase{
        display: flex;
        margin: 3rem 0;
    }
    .introduce .content .purchase .item {
        display:flow;
        text-align: center;
        margin: 0 0.5rem;
        cursor: pointer;
    }
    .introduce .content .purchase .item .img{
        border: 1px solid #000;
        border-radius: 50%;
        margin: 1rem;
        overflow: hidden;
        position: relative;
    }
    .introduce .content .purchase .item .img .name{
        color:#fff;
        position: absolute;
        background: #183265;
        top:0; left: 0;    
        width: 100%;
        height: 100%;    
        font-size: 2rem;
        font-weight: bold;
        justify-content: center;
        align-items: center;
        display: none;
    }            
    .introduce .content .purchase .item span{ display: block;color:#000;}
    .introduce .content .purchase .item:hover .img .name{display: flex;}

    /* ================================================================= 
    * 제품
    * ================================================================= */
    .product .textArea{
        margin: 4rem 0;
        font-size: 1.2rem;
        text-align: center;
    }
    .product .textArea .title{ font-size: 3.5rem; font-weight: bold;}
    .product a {color:#000}

    /* ================================================================= 
    * 유리 & 인쇄사업부
    * ================================================================= */
    .product .list{
        display: flex;
        flex-wrap: wrap;
        margin-bottom: 4rem;
    }
    
    .product .list .item{
        width: 30%;
        margin: 2rem 1rem;
        box-shadow: 0.5rem 0.5rem 1rem #363636;
        border-radius: 7%;
        overflow: hidden;
        height: auto;
        padding-bottom: 3rem;
        cursor: pointer;
    }
    .product .list .item .img{height: 65%;}
    .product .list .item .img img{height: 100%; width: 100%;}
    .product .list .item .explain{padding: 1rem 1rem 3rem 1rem ; font-size: 1.2rem;}
    .product .list .item .explain .name{ font-size: 2.5rem; font-weight: bold;}
        
    /* ================================================================= 
    * 온라인사업부
    * ================================================================= */
    .product .info{margin-bottom: 12rem;}
    .product .info .item {position: relative;}
    .product .info .item img{width: 100%;}
    .product .info .item .bg{
        position: absolute;
        width: 100%; height: 100%;
        top:0;
        background: linear-gradient(45deg, #000 0%, transparent 60%);
    }
    .product .info .item .textArea{
        position: absolute;
        text-align: left;
        bottom: 0;
        color:#fff;
        width: 100%;
    }
    .product .info .item .textArea .name{font-size: 3.5rem; font-weight: bold;}
    .product .info .item .textArea li{
        width: 1280px;
        margin: auto;
        padding: 0 1rem;
    }

    .product .goods{ margin-top: 20rem; margin-bottom: 10rem; }
    .product .goods .titArea{
        padding: 1rem;
        display: flex;
    }
    .product .goods .titArea .title{
        font-size: 3rem;
        font-weight: bold;
        color: var(--main-color);                    
    }
    .product .goods .titArea .title span{color:#77818a; font-weight: normal;}
    .product .goods .titArea img{ margin-left: auto;}
    .product .goods .imgArea{ width: 100%;}
    .product .goods .imgArea img{width: 100%;}
    .product .goods .textArea{
        padding: 1rem;
        margin: 2rem auto;
        text-align: left;
    }
    .product .goods .textArea .name{
        font-size: 2.6rem;
        font-weight: bold;
        margin-bottom: 1.5rem;
        color: var(--main-color);
    }
    .product .goods .feature{ display: flex; }
    .product .goods .feature li{
        position: relative;
        width: 15rem;
        height: 15rem;
        background: #193366;
        border-radius: 50%;
        color:#fff;
        font-weight: bold;
        font-size: 1.7rem;
        margin: 0.5rem;
        text-align: center;
        display: flex;
    }
    .product .goods .feature li .num{
        opacity: 0.3;
        position: absolute;
        top:3%; right: 3%;
        font-size: 4.5rem;
    }
    .product .goods .feature li .txt{margin: auto;}


    /* ================================================================= 
    * 온라인사업부_브랜드
    * ================================================================= */
    .online_brand{ position: relative; width: 100%;    }
    .online_brand img{ width: 100%;}
    .online_brand .content{
        position: absolute;
        width: 100%;
        height: -webkit-fill-available;
        overflow: hidden;
        display: flex;
        flex-direction: column;
        top: 0;
        justify-content:space-evenly;
    }            
    .online_brand .content .textArea{
        padding: 0 20rem;
        font-size: 1.7rem;
        color:#fff;
    }
    .online_brand .content .textArea .title{font-weight: bold; font-size: 4rem; }

    .online_brand .content .brandList .swiper-wrapper{ transition-timing-function: linear;}

    .online_brand .content .brandList .swiper-slide {display:inline-block; width: fit-content;}
    .online_brand .content .brandList .swiper-slide img{ height: 9rem; display: block;}

    
    /* PC , 테블릿 가로 (해상도 768px ~ 1023px)*/
    @media screen and (min-width:768px) and (max-width:1023px) { 
        /* ================================================================= 
        * 소개 Style
        * ================================================================= */
        .introduce{ font-size: 1.5rem;}

        .introduce .iconList{ padding: 1.5rem 0;}
        .introduce .iconList .icon{ padding: 2rem; font-size: 1.5rem;}

        .introduce .feature{    
            display: flex;
            flex-wrap: wrap;
            margin: 6rem auto;
            justify-content: center;
        }
        .introduce .feature .item{
            margin: 0.5rem;
            padding: 0.5rem;
            border-radius: 5%;
        }

        .introduce .feature .item .img {border-radius: 5%; overflow: hidden;}
        .introduce .feature .item .img img{width: 100%;}
        .introduce .feature .item .textArea{margin: 1rem 0; font-size: 1.2rem;}
        .introduce .feature .item .textArea .subTitle{ font-size: 2.2rem; margin-bottom: 1rem;}
        .introduce .feature .item .textArea ul li{margin-bottom: 1.2rem;}

        .introduce .feature.t-4 .item{width: 40%;} 
        .introduce .feature.t-5 .item{width: 30%;}

        .introduce .midTxt{
            padding: 0 1rem;
            font-size: 3rem;
        }

        .introduce .content{ margin: 6rem auto;}
        .introduce .content .subTitle{padding: 0 1rem; font-size: 3.2rem; }
        .introduce .content .subTitle .en { font-size: 2.4rem;}

        .introduce .content .onestop{ position: relative; height: max-content;}
        .introduce .content .onestop .info{width: 100%;}
        .introduce .content .onestop .info img{width: 100%;}

        .introduce .content .onestop .list{padding: 2rem 0;}
        .introduce .content .onestop .list .item{
            box-shadow: 0.3rem 0.3rem 0.7rem #01333494;
            padding: 0.7rem 1.2rem;
            font-size: 0.8rem;
        }
        .introduce .content .onestop .list .item .name{ font-size: 1.3rem;}
    
        .introduce .content .layer .list{ padding-bottom: 4%;}
        .introduce .content .layer .list li{ padding-left: 3rem; margin-bottom:1%; }
        .introduce .content .layer .list li span{width: 47%;}
        .introduce .content .layer .list li .t1{font-size:1.8rem;}
        .introduce .content .layer .list li .t2{font-size:1rem}

        .introduce .content .oem {margin: 5rem 0;}
        .introduce .content .oem .item { position: relative;}
        .introduce .content .oem .item img{width: 100%;}
        .introduce .content .oem .item .textArea{ bottom: 15%; font-size: 1.2rem;};
        .introduce .content .oem .item .textArea p{margin:auto; width: 95%;}
        .introduce .content .oem .item .textArea .title {font-size: 2rem;}
        .introduce .content .oem .pagination {top:1.5rem;margin-left: 93%;}
        .introduce .content .oem .pagination .swiper-pagination-bullet {width: 1.2rem;height: 1.2rem; margin: 0.5rem;}

        .introduce .content .info .item{
            width: 32%;
            margin: 5rem auto;
        }
        .introduce .content .info .item .circle{
            font-size: 2rem;
            width: 15rem;
            height: 15rem;
            padding: 4.5rem 0;
            scale: 1.2;
        }
    
        .introduce .content .purchase{margin: 2rem 0;}
        .introduce .content .purchase .item {font-size: 1.1rem;}
        .introduce .content .purchase .item .img .name{font-size: 1rem; }

        /* ================================================================= 
        * 제품
        * ================================================================= */
        .product .textArea {margin: 4rem 0; font-size: 1.5rem;}
        .product .textArea .title{ font-size: 3.3rem;}

        /* ================================================================= 
        * 유리 & 인쇄사업부
        * ================================================================= */
        .product .list{ margin-bottom: 4rem; }
        .product .list .item{
            width: 45%;
            margin: 2rem 1rem;
            padding-bottom: 3rem;
        }
        .product .list .item .img{height: 65%;}
        .product .list .item .img img{height: 100%; width: 100%;}
        .product .list .item .explain {padding: 1rem 1rem 3rem 1rem ; font-size: 1.5rem;}
        .product .list .item .explain .name {font-size: 2.5rem;}

        /* ================================================================= 
        * 온라인사업부
        * ================================================================= */
        .product .info{ margin-bottom: 12rem;}
        .product .info .item .textArea{margin: 2rem 0;}
        .product .info .item .textArea .name{font-size: 3.5rem;}
        .product .info .item .textArea li{width: 100%; padding: 0 1rem;}


        .product .goods {margin-top: 10rem; margin-bottom: 5rem;}
        .product .goods .titArea{ padding: 1rem;}
        .product .goods .titArea .title {font-size: 3rem;}
        .product .goods .textArea{
            padding: 1rem;
            margin: 2rem auto;
            text-align: left;
        }
        .product .goods .textArea .name{ font-size: 2rem; margin-bottom: 1.5rem;}
        .product .goods .feature li .num{font-size: 3rem;}
        .product .goods .feature li .txt{margin: auto;}
        .product .goods .feature li{

            width: 9rem;
            height: 9rem;
            font-size: 1.2rem;
            margin: 0.2rem;
        }
        
        /* ================================================================= 
        * 온라인사업부_브랜드
        * ================================================================= */
        .online_brand .content{
                position: absolute;
                width: 100%;
                height: -webkit-fill-available;
                overflow: hidden;
                display: flex;
                flex-direction: column;
                top: 0;
                justify-content:space-evenly;
                
        }
        .online_brand .content .textArea{padding: 0 5rem;font-size: 1.2rem;}
        .online_brand .content .textArea .title{font-size: 2.5rem;}

        .online_brand .content .brandList .swiper-slide img{ height: 6rem;}

    }

    /* 모바일 가로, 테블릿 세로 (해상도 480px ~ 767px)*/
    @media screen and (min-width:480px) and (max-width:767px) { 
        
        .dot::before{
            display: flex;
            font-size: 1.5rem;
        }
        /* ================================================================= 
        * 모바일(가로) X 테블릿(세로).ver 소개 Style
        * ================================================================= */
        .introduce {font-size: 1rem;}
        .introduce .iconList .icon{ padding: 0.5rem; font-size: 1rem; width: 25%;}

        .introduce .feature{ flex-direction: column; margin: 4rem auto;}
        .introduce .feature .item{
            box-shadow:none;
            display: flex;
            margin: 1rem 0.5rem;
            padding: 1rem 0.5rem;
            border-bottom: 1px solid #013334;
            border-radius: 0;
        }
        .introduce .feature .item .img{ border-radius: 5%; overflow: hidden; }
        .introduce .feature .item .img img{ width: unset; height: -webkit-fill-available;}
        .introduce .feature .item .textArea{
            margin: 1rem;
            font-size: 1rem;
            width: 95%;
        }
        .introduce .feature .item .textArea .subTitle{ font-size: 2.3rem; }
        .introduce .feature .item .textArea ul li{ margin-bottom: 1.4rem; }

        .introduce .feature.t-4 .item{width: 95%;}
        .introduce .feature.t-5 .item{width: 95%;} 
        .introduce .midTxt{ font-size: 2.2rem;}

        .introduce .content{ margin: 4rem auto;}
        .introduce .content .subTitle{ font-size: 2.1rem;}
        .introduce .content .subTitle.en{font-size: 1.7rem; font-weight:normal;}
        .introduce .content .onestop .info{ display: none;}

        .introduce .content .onestop .list{
            position: relative;
            margin: 1rem 0;
            padding: 1rem 0;

        }
        .introduce .content .onestop .list .item{
            display: flex;
            margin: 1rem 0rem;
            border-radius: 0;
            width: 100%;
        }                        
        .introduce .content .onestop .list .item .textArea{ padding-left: 0.5rem;}
    
        .introduce .content .layer .info{ width: 80%; }
        .introduce .content .layer .list{
            position: absolute;
            width: 100%;
            text-align: right;
            padding-top: 1.5rem;
            background-image:none;           
        }
        
        .introduce .content .layer .list li{ padding-left: 2rem;}
        .introduce .content .layer .list li span{width: 95%; display: block;}
        .introduce .content .layer .list li .t1{font-size: 1.3rem; }
        .introduce .content .layer .list li .t2{font-size:0.8rem}
        .introduce .content .layer .list li::before{ content: " "; background:#fff;}

        .introduce .content .oem {margin: 2rem 0;}
        .introduce .content .oem .item {position: relative;}
        .introduce .content .oem .item .textArea{
            bottom: 15%;
            width: 100%;
            font-size: 1rem;
        };
        .introduce .content .oem .item .textArea p{margin:auto; width: 95%;}
        .introduce .content .oem .item .textArea .title{ font-size: 1.7rem;}

        .introduce .content .oem .pagination {margin-left: 92%;}
        .introduce .content .oem .pagination .swiper-pagination-bullet {
            width: 0.5rem;
            height: 0.5rem;
            margin: 0.5rem;
        }

        .introduce .content .info {flex-wrap: wrap; }
        .introduce .content .info  bg{ top: -1.5%;}

        .introduce .content .info .item{
            width: 100%;
            margin: 2rem 0;
        }
        .introduce .content .info .item .circle{
            border-radius: 50px;
            font-size: 2.5rem;
            width: 23rem;
            height: 10rem;
            padding: 1rem 0;
            scale: 1;
            margin: auto;
        }                    
        .introduce .content .info .item .explain{margin: 2rem 1rem;}
        .introduce .content .info .item .explain li {margin-bottom: 1.3rem;}
       
        .introduce .content .purchase{
            margin: 2rem 0;
            flex-wrap: wrap;
            justify-content: center;
        }
        .introduce .content .purchase .item {
            margin: 0 0.5rem;
            width: 29%;
        }
        .introduce .content .purchase .item  img{margin: 0.7rem;}
        .introduce .content .purchase .item  img .name{ font-size: 1.5rem; }

    
        /* ================================================================= 
        * 모바일(가로) X 테블릿(세로).Ver 제품
        * ================================================================= */
        .product .textArea{ margin: 4rem 0; font-size: 1.2rem;}
        .product .textArea .title{ font-size: 1.8rem;}
        .product .list{margin-bottom: 4rem; }
        .product .list .item{
            width: 100%;
            margin: 2rem 1rem;
            box-shadow: none;
            border-radius: 0;
            border-bottom: 1px solid #013334;
            padding-bottom: 2rem;
        }
        .product .list .item .img img{ border-radius: 7%;}
        .product .list .item .explain{font-size: 1.5rem;}
        .product .list .item .explain .name{ font-size: 2.8rem; }

        
        /* ================================================================= 
        * 모바일(가로) X 테블릿(세로).Ver 온라인사업부
        * ================================================================= */
        .product .info {margin-bottom: 2rem;}
        .product .info .item .textArea{
            position: absolute;
            text-align: left;
            bottom: 0;
            width: 100%;
            margin: 1rem 0;
        }

        .product .info .item .textArea .name{font-size: 2rem;}
        .product .info .item .textArea li{
            padding: 0 0.5rem;
            width: 90%;
            font-size: 0.9rem;
        }

        .product .goods{ margin-top: 7rem; margin-bottom: 3rem; } 
        .product .goods .titArea{ padding: 1rem; }
        .product .goods .titArea .title{
            font-size: 1.9rem;
            font-weight: bold;             
        }
        .product .goods .titArea img{ 
            margin-top: auto;
            margin-left: auto;
            width: 20%;
            height: 20%;
        }
        .product .goods .textArea{
            padding: 1rem;
            margin: 2rem auto;
            text-align: left;
        }
        .product .goods .textArea .name{
            font-size: 1.9rem;
            margin-bottom: 1.5rem;
        }
        .product .goods .feature{
            flex-wrap: wrap;
            justify-content: center;
        }
        .product .goods .feature li .num{font-size: 2.5rem;}
        .product .goods .feature li{
            width: 8rem;
            height: 8rem;
            font-size: 1rem;
        }



        /* ================================================================= 
        * 온라인사업부_브랜드
        * ================================================================= */
        .online_brand{width: 100%; }
        .online_brand img{
            width: 100%;
            height: 120%;
        }
        .online_brand .content .textArea{ padding: 0 2rem; font-size: 0.7rem;}
        .online_brand .content .textArea .title{ font-size: 1.2rem;}
        .online_brand .content .brandList .swiper-slide img{ height: 2rem;}

    }
    /* 모바일 가로, 테블릿 세로 (해상도 ~ 479px)*/
    @media screen and (max-width:479px) { 
        
        .dot::before{
            display: flex;
            font-size: 1.5rem;
        }
        /* ================================================================= 
        * 모바일.ver 소개 Style
        * ================================================================= */
        .introduce{ font-size: 1rem;}
        .introduce .iconList .icon{ padding: 5%;    font-size: 1.3rem;}

        .introduce .feature{ flex-direction: column; margin: 4rem auto; }

        .introduce .feature .item{
            box-shadow:none;
            display: flex;
            margin: 1rem 0.5rem;
            padding: 1rem 0.5rem;
            border-bottom: 1px solid #013334;
            border-radius: 0;
        }
        .introduce .feature .item .img{ border-radius: 5%; overflow: hidden; width: 50%;}
        .introduce .feature .item .img img{ width: unset; height: -webkit-fill-available;}

        .introduce .feature .item .textArea{
            margin: 1rem;
            font-size: 1rem;
            width: 50%;
            margin-right: 0;
        }
        .introduce .feature .item .textArea .subTitle{ font-size: 1.7rem; }
        .introduce .feature .item .textArea ul li{ margin-bottom: 1.2rem; }

        
        .introduce .feature.t-4 .item{width: 95%;} 
        .introduce .feature.t-5 .item{width: 95%;}
        .introduce .midTxt{ font-size: 1.6rem;}

        .introduce .content{ margin: 4rem auto;}
        .introduce .content .subTitle{ font-size: 1.5rem; margin: 0.5rem; }
        .introduce .content .subTitle .en{ font-size: 1.1rem; font-weight:normal;}
        .introduce .content .onestop .info{ display: none;}
        .introduce .content .onestop .list{
            position: relative;
            margin: 1rem 0;
            padding: 1rem 0;
            display: inline-block;
        }

        .introduce .content .onestop .list .item{
            display: flex;
            margin: 1rem 0rem;
            border-radius: 0;
            width: 100%;
        }                        
        .introduce .content .onestop .list .item .textArea{ padding-left: 0.5rem;}
        
        .introduce .content .onestop .list .item .name{font-size: 1.5rem;}

        .introduce .content .layer.info{ width: 80%; }
        .introduce .content .layer .list{
            position: absolute;
            width: 100%;
            text-align: right;
            padding-top: 0.5rem;
            background-image:none;
        }
        .introduce .content .layer .list li{ padding-left: 2rem; margin:0;}
        .introduce .content .layer .list li span{width: 95%; display: inline;}
        .introduce .content .layer .list li .t1{font-size: 1rem; }
        .introduce .content .layer .list li .t2{font-size:0.6rem}
    
        .introduce .content .layer .list li::before{ content: " "; background:#fff; }

        .introduce .content .oem{ margin: 2rem 0;}
        .introduce .content .oem .item { position: relative; }
            
        .introduce .content .oem .item .textArea{
            bottom: 15%;
            width: 100%;
            font-size: 0.8rem;
        };
        .introduce .content .oem .item .textArea p{margin:auto; width: 95%;}
        .introduce .content .oem .item .textArea .title{ font-size: 1.3rem; }
        .introduce .content .oem .pagination { margin-left: 92%;}
        .introduce .content .oem .pagination  .swiper-pagination-bullet {
            width: 0.5rem;
            height: 0.5rem;
            margin: 0.5rem;
        }

        .introduce .content .info{ flex-wrap: wrap;}
        .introduce .content .info .bg{ top: -1.5%;}

        .introduce .content .info .item{
            width: 100%;
            margin: 2rem 0;
        }
        .introduce .content .info .item .circle{
            border-radius: 50px;
            font-size: 2.5rem;
            width: 95%;
            height: 10rem;
            padding: 1rem 0;
            scale: 1;
            margin: auto;
        }                    
        .introduce .content .info .item .explain{ margin: 2rem 1rem;}
        .introduce .content .info .item .explain li{margin-bottom: 1.3rem;}
        
        .introduce .content .purchase{
            margin: 2rem 0;
            flex-wrap: wrap;
            justify-content: center;
        }
        .introduce .content .purchase .item {
            margin: 0 0.5%;
            width: 29%;
        }
        .introduce .content .purchase .item .img{ margin: 0.7rem; }
        .introduce .content .purchase .item .img .name{ font-size: 1.5rem; }


        /* ================================================================= 
        * 제품
        * ================================================================= */
        .product .textArea{margin: 4rem 0; font-size: 1.2rem;}
        .product .textArea .title{ font-size: 1.6rem;}

        .product .list{margin-bottom: 4rem;}
        .product .list .item{
            width: 100%;
            margin: 2rem 1rem;
            box-shadow: none;
            border-radius: 0;
            border-bottom: 1px solid #013334;
            padding-bottom: 2rem;
        }
        .product .list .item .img img{ border-radius: 7%;}
        .product .list .item .explain{ font-size: 1.5rem; }
        .product .list .item .explain .name{ font-size: 2.2rem; }
        

        /* ================================================================= 
        * 온라인사업부
        * ================================================================= */
        .product .info{margin-bottom: 2rem; }
        
        .product .info .item .textArea{
            position: absolute;
            text-align: left;
            bottom: 0;
            width: 100%;
            margin: 1rem 0;
        }

        .product .info .item .textArea .name{font-size: 1.7rem;}
        .product .info .item .textArea li{
            padding: 0 0.5rem;
            width: 90%;
            font-size: 0.8rem;
        }

        .product .goods{
            margin-top: 5rem;
            margin-bottom: 3rem;
        }
        .product .goods .titArea{ padding: 1rem; }
        .product .goods .titArea .title{
            font-size: 1.4rem;
            font-weight: bold;             
        }
        .product .goods .titArea img{ margin: auto;
            width: 20%;
            height: 20%;
        }
        .product .goods .textArea{
            padding: 1rem;
            margin: 2rem auto;
            text-align: left;
        }
        .product .goods .textArea .name{
            font-size: 1.7rem;
            font-weight: bold;
            margin-bottom: 1.5rem;
            color: var(--main-color);
        }
        .product .goods .feature{
            flex-wrap: wrap;
            justify-content: center;
        }
        .product .goods .feature li{
            width: 7rem;
            height: 7rem;
            font-size: 1rem;
            margin: 0.5%;
        }
        .product .goods .feature li .num{font-size: 2.5rem;}
        
        /* ================================================================= 
        * 온라인사업부_브랜드
        * ================================================================= */
        .online_brand{ width: 100%;}
        .online_brand img{
            width: 100%;
            height: 120%;
        }
        .online_brand .content .textArea{
            padding: 0 2rem;
            font-size: 0.7rem;
        }
        .online_brand .content .textArea .title{ font-size: 1.2rem; }

        .online_brand .content .brandList .swiper-slide img{ height: 2rem;}
    }