/* ================================================================= 
    * 제품 상세 Style
    * ================================================================= */
    
    .menu{margin-top: -4rem;}
    
    .menu .menu_cate{
        display: flex;
        border-bottom: 1px solid #D4d4d4;
        margin: auto;
        width: fit-content;
    }
    .menu .menu_cate li{padding: 1rem 2rem; font-size: 2rem;}
    .menu .menu_cate li a{color:#808080;}

    .menu .menu_cate li.active{
        border-bottom: 3px solid var(--main-color2);
        color:var(--main-color2);
    }
    
    .menu .menu_cate li.active a{font-weight:bold; color:var(--main-color2);}

    .product_info{ margin-top: 8rem; text-align: center; color:#000;}

    .product_info .height_line{            
        height: 8rem;
        border: 0.2rem solid var(--main-color2);
        width: 0;
        margin: 3rem auto;
    }
    .product_info .swiper{ overflow: hidden; }

    .product_info .title{ position: relative; font-size: 1.3rem;}
    .product_info .title .bgEn{color: #e1dfdf;position: absolute;font-size: 10rem;font-weight: bold;top: -7rem;z-index: -1;-webkit-text-stroke: medium;width: 100%;}
    .product_info .title .en{color:var(--main-color2); font-size: 6rem;font-weight: bold; -webkit-text-stroke: medium;}
    .product_info .title .ko{ letter-spacing:2rem; font-size: 3rem;font-weight: bold;margin: 1rem 0;}

    .product_info .comPros{
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
    }
    .product_info .comPros .item{
        border-radius: 50%;
        border: 0.5rem solid var(--main-color2);
        margin: 2rem;
        width: 20rem;
        height: 20rem;
        display: flex;
        flex-direction: column;
        justify-content: center;
        color:#474747;
    }

    .product_info .comPros .item img{
        width: 35%;
        margin: 0 auto;
        filter: opacity(0.5) drop-shadow(0 0 0 #474747);
    }
    .product_info .comPros .item img.nofilter{filter: none;}
    .product_info .comPros .item .textArea{ margin: 0.5rem 0;}
    .product_info .comPros .item .textArea .tit{ font-size: 2.3rem; font-weight: bold;}    

    .product_info .productPf-slider{
        .swiper-slide-active{overflow: hidden;}
        margin: 5rem auto;
    }

    .product_info .work-step{ font-size: 1.3rem;}
    .product_info .work-step .title{
        letter-spacing:1.5rem;
        font-size: 2.5rem;
        font-weight: bold;
    }
    
    .product_info  .explain{display: flex; margin: 5% auto; }
    .product_info  .explain .textArea{
        width: 45%;
        text-align: left;
        margin: auto;
        font-size: 1.5rem;
        padding-right: 3rem;
    }
    .product_info  .explain .textArea .title{
        text-align: left;
        color:var(--main-color2);
        font-size: 5rem;
        font-weight: bold;
        -webkit-text-stroke-width: thin;
        margin: 2rem 0;
    }
    .product_info  .explain .imgArea{position: relative; width: 55%; }
    .product_info  .explain .imgArea img{height: 80%;}
    .product_info  .explain .imgArea .img{ margin: 20% 0;}
    .product_info  .explain .imgArea .bg{
        position: absolute;
        height: 95%;
        z-index: -1;
        left:10%;
        top:3%;
        filter: blur(0.2rem);
    }
    .product_info .info{ margin: 2rem auto; }
    
    .product_info .info div{ margin: 3rem auto; }

    .product_info .info .head{font-size: 1.2rem;}        
    .product_info .info .head .title{
        margin: 1.5rem 0;
        font-size: 2.5rem;
        font-weight: bold;
        letter-spacing:2rem;
    }
    /* ================================================================= 
    * 비스포크 Style
    * ================================================================= */
    .product_info .info .bespoke-key{ position: relative;display: flex;}
    .product_info .info .bespoke-key .textArea{ margin: auto 0;}
    .product_info .info .bespoke-key .imgArea{ width: 50%; }
        
    .product_info .info .set1 .textArea{ text-align: left;  width: 40%; }
    .product_info .info .set1 .textArea .title{
        font-size: 5rem;
        font-weight: bold;
        letter-spacing:1rem;
        -webkit-text-stroke: medium;                        
    }
    .product_info .info .set1 .textArea .title span{ position: absolute; width: 200%; top: -15rem; }
    
    .product_info .info .set1 .textArea .explain{ flex-direction: column; font-size: 1.7rem;}
    .product_info .info .set1 .textArea .explain .txt1{-webkit-text-stroke-width: thin;}
    .product_info .info .set1 .textArea .explain p{margin: 1.5rem 0}
    .product_info .info .set1 .imgArea{ margin: 2rem 0 2rem auto; }
            
    .product_info .info .set2{ text-align: right;}
    .product_info .info .set2 .imgArea{ margin: 2rem auto 2rem 0; }
    .product_info .info .set2 .textArea{ font-size: 1.5rem; }
    .product_info .info .set2 .textArea p{margin: 1rem 0}

    .product_info .info .set3{ position: relative; }
    .product_info .info .set3 .textArea{
        position: absolute;
        font-size: 1.5rem; 
        text-align: left;
        color:#fff;
        margin: 10% 7%;
    }
    .product_info .info .set3 .textArea .title{font-weight: bold; font-size: 4rem;  margin: 1rem 0; }

    /* ================================================================= 
    * 마이보드(유리칠판) 상세 Style
    * ================================================================= */
    .product_info .info .myboard{ overflow: hidden;  }
    .product_info .info .myboard .item{
        text-align: left;
        font-size: 1.6rem;
        margin: 0;
        padding: 0 1.5rem;
    }
    .product_info .info .myboard .item .page{
        font-weight: bold;
        font-size: 3rem;
        letter-spacing:0.2rem;
        color: #cad9f8;
    }
    .product_info .info .myboard .item .page .now{color:var(--main-color2)}
    .product_info .info .myboard .item .name{ font-weight: bold;font-size: 4rem; }
    .product_info .info .myboard .item .ad-ex{ font-weight: bold;font-size: 1.3rem;}
    .product_info .info .myboard .item .imgArea{display: flex; }
    .product_info .info .myboard .item .imgArea .explain{ margin: auto 0; padding: 0 2rem;font-size: 1.3rem; }
    .product_info .info .myboard .item .imgArea img{ margin-left: auto;  width: 60%; }

    /* ================================================================= 
    * UV실사유리 상세 Style
    * ================================================================= */
    .product_info .info .uvprint-type{position: relative;  }
    .product_info .info .uvprint-type .bg{
        position: absolute;
        height: 80%;
        width: 100%;
        background-color: #f5f5f5;
        z-index: -2;
    }

    .product_info .info .uvprint-type .imgArea{ margin: 0 5%;  width: 40%;}
    .product_info .info .uvprint-type .imgArea img{width: 100%;}

    .product_info .info .uvprint-type .textArea{
        position: absolute;
        z-index: 55;
        top: 0;
        padding: 5%;
        font-size: 1.7rem;
        text-align: left;
        width: 45%;
    }
    .product_info .info .uvprint-type .textArea .title span{ font-size: 8rem; color: #c1c1c1; }
    .product_info .info .uvprint-type .textArea .title{
        font-size: 3rem;
        font-weight: bold;
        color: var(--main-color2);
        margin-bottom: 2rem;
    }
    .product_info .info .type1 .textArea{ right: 5%; }
    .product_info .info .type2 .imgArea{ margin-left: 55%;}
    .product_info .info .type .textArea{left: 5%;}

    /* ================================================================= 
    * 거울 상세 Style
    * ================================================================= */

    .product_info .info .mirror .breakage{display: flex;}
    .product_info .info .mirror .breakage .item{ width: 50%;  padding: 2%; }
    .product_info .info .mirror .breakage .item p{ margin: 1rem; font-size: 2.5rem; font-weight: bold;}
    
    /* ================================================================= 
    * 백페인트글라스 상세 Style
    * ================================================================= */
    .product_info .info .backpatint-key{position: relative;}
    .product_info .info .backpatint-key .textArea{
        position: absolute;                                        
        z-index: 10;
        bottom: 0;
        width: 100%;
        font-size: 1.8rem;                    
        padding: 5%;
    }
    .product_info .info .backpatint-key .textArea li{margin-right: 1rem;}
    .product_info .info .backpatint-key .textArea .en{
        font-size: 2.5rem;
        font-weight: bold;
        -webkit-text-stroke-width: thin;
    }
    .product_info .info .backpatint-key .textArea .ko{
        color:var(--main-color2);
        font-weight: bold;                   
    }
    .product_info .info .backpatint-key .textArea .btn-show{
        background-color: var(--main-color2);
        border-radius: 15px;
        color:#fff;
        padding: 0.5rem;
    }

    /* ================================================================= 
    * UV컬러무늬유리 상세 Style
    * ================================================================= */
    .product_info .info .color-key.set1 {
        display: flex;
        position: relative;
    }
    .product_info .info .color-key.set1  .item{ position: relative;}
    .product_info .info .color-key.set1  .item .textArea{    
        position: absolute;
        color: #fff;
        margin: auto;
        font-size: 2rem;
        font-weight: bold;
        z-index: 55;
        right: 0;
        top: 25%;
        width: 45%;
    }
    .product_info .info .color-key.set1  .item .textArea .explain{
        font-size: 1rem;
        font-weight: normal;
    }
    .product_info .info .color-key.set1  .typeSwiper-pagination{
        position: absolute;
        text-align: right;
        top: 20%;
        z-index: 99;
        margin: 0;
        display: flex;
        flex-direction: column;
        width: auto;
        margin-left: 95%;
    }
    .product_info .info .color-key.set1  .typeSwiper-pagination span{
        width: 1.6rem;
        height: 1.6rem;
        background: #bbbbbb;
        margin: 0.8rem 2%;
    }
    .product_info .info .color-key.set1  .typeSwiper-pagination .swiper-pagination-bullet-active{ background: #fff; }

    .product_info .construct{margin-bottom: 10rem;}

    .product_info .construct .head{ font-size: 1.2rem; margin-bottom: 3rem;}
    .product_info .construct .head .title{ margin: 1.5rem 0; font-size: 2.5rem; font-weight: bold; letter-spacing:2rem; }

    .product_info .construct .mirror .mini-point img{transform: rotate(3deg);}


    .product_info .construct .example .item{
        display: flex;
        height: 45rem;
    }
    
    .product_info .construct .example .item .imgArea{ position: relative; width: 50%; }
    .product_info .construct .example .item .imgArea img{height: 90%;}
    .product_info .construct .example .item .imgArea .bg{
        background-color:#efefef;
        position: absolute;
        left: 0;
        bottom: 0;
        width: 90%;
        height: 90%;
        z-index: -1;
    }
    .product_info .construct .example .item .textArea{
        width: 50%;
        margin-left: 1rem;
        padding: 1rem;
        border-top:5px solid var(--main-color2);
        border-bottom:5px solid var(--main-color2);
        font-size: 3rem;
        text-align: left;
        display: flex;
        flex-direction: column;
        justify-content: space-around;
    }
    .product_info .construct .example .item .textArea hr{
        opacity: 1;
        border: 1px dotted #DDDDDD;
        display: block;
        width: 100%;
    }
    .product_info .construct .example .item .textArea .title{
        font-size: 4rem;
        font-weight: bold;
    }
    .product_info .construct .example .item .textArea .mini-point{
        border-radius: 30px;
        height: 20%;
        margin: 1.5rem 0;
        overflow: hidden;
        img{margin-top: -55%;}
        img.w10{width: 100%;}
        img.m5{margin-top: -5%;}
        img.m25{margin-top: -25%;}
        img.m45{margin-top: -45%;}
        img.m75{margin-top: -75%;}
        img.m92{margin-top: -92%;}
    }
    .product_info .construct .example .item .textArea .per{background: transparent url('http://assets.iceable.com/img/noise-transparent.png') repeat 0 0;}
    
/* PC , 테블릿 가로 (해상도 768px ~ 1023px)*/
@media screen and (min-width:768px) and (max-width:1023px) { 
    .menu{ margin-top: -3rem;}
    .menu .menu_cate{font-size: 1.2rem;}
    .menu .menu_cate li{padding: 1rem 0.4rem; }

    .product_info{ margin-top: 8rem; text-align: center; color:#000;}

    .product_info .height_line{            
        height: 8rem;
        border: 0.2rem solid var(--main-color2);
        width: 0;
        margin: 3rem auto;
    }

    .product_info .title{font-size: 1.3rem;}
    .product_info .bgEn{ font-size: 7rem; }
    .product_info .en{font-size: 4.5rem; }    
    

    .product_info .comPros .item{
        margin: 1rem;
        width: 13.5rem;
        height: 13.5rem;
    }
    .product_info .comPros .item img{
        width: 35%;
        margin: 0 auto;
        filter: opacity(0.5) drop-shadow(0 0 0 #474747);
    }
    .product_info .comPros .item .textArea{ margin: 0.5rem 0; font-size: 0.9rem; }
    .product_info .comPros .item .textArea .tit{ font-size: 1.5rem; }    

    .product_info .work-step{ font-size: 1.2rem;}

    .product_info .explain{  margin: 5% auto; }
    .product_info .explain .textArea{  width: 46%; font-size: 1.5rem;  padding: 0 1%;  }

    .product_info .info{ margin: 2rem auto;}
    .product_info div{ margin: 3rem auto; }

    /* ================================================================= 
    * 비스포크 Style
    * ================================================================= */
    .product_info .info .set1 .textArea{                
        width: 48%;
        padding-left: 2%;
    }
    .product_info .info .set1 .textArea .title{
        font-size: 3rem;
        font-weight: bold;
        letter-spacing:1rem;                 
    }   
    .product_info .info .set1 .textArea .title span{
        position: absolute;
        width: 200%;
        top: -5rem;
    }
    
    .product_info .info .set1 .textArea .explain{ flex-direction: column;font-size: 1.5rem;}
    .product_info .info .set1 .textArea .explain .txt1{-webkit-text-stroke-width: thin;}
    .product_info .info .set1 .textArea .explain p{margin: 1.5rem 0}

    .product_info .info .set2{ text-align: right;}
    .product_info .info .set2 .imgArea{ margin: 2rem auto 2rem 0; }
    .product_info .info .set2 .textArea{       
        position: absolute;
        right: 0;
        top:20%;
        font-size: 1.2rem; 
    }

    .product_info .info .set3 .textArea{font-size: 1.5rem;  margin: 5% 7%;  }
    .product_info .info .set3 .textArea .title{ font-size: 2.8rem; }

    /* ================================================================= 
    * UV실사유리 상세 Style
    * ================================================================= */
    .product_info .info .uvprint-type .textArea{
        padding: 0 5%;
        font-size: 1.3rem;
        width: 45%;
    }
    .product_info .info .uvprint-type .textArea .title span{ font-size: 4.5rem;}
    .product_info .info .uvprint-type .textArea .title{
        font-size: 1.8rem;
        margin-bottom: 1rem;
    }

    /* ================================================================= 
    * 거울 상세 Style
    * ================================================================= */
    .product_info .info .mirror .breakage .item p{ font-size: 1.7rem; }

    /* ================================================================= 
    * 백페인트글라스 상세 Style
    * ================================================================= */
    .product_info .info .backpatint-key .textArea{
        position: relative;
        margin-top: -20%;
        font-size: 1.8rem;                    
        width: 100%;
    }
    .product_info .info .backpatint-key .textArea span{margin-right: 0.5rem;}
    .product_info .info .backpatint-key .textArea .en{
        font-size: 2.5rem;
        font-weight: bold;
        -webkit-text-stroke-width: thin;
    }
    .product_info .info .backpatint-key .textArea .ko{
        color:var(--main-color2);
        font-weight: bold;                   
    }
    .product_info .info .backpatint-key .textArea .btn-show{
        background-color: var(--main-color2);
        border-radius: 15px;
        color:#fff;
        padding: 0.5rem;
    }

    /* ================================================================= 
    * UV컬러무늬유리 상세 Style
    * ================================================================= */
    .product_info .info .color-key.set1 {display: flex;  position: relative;}
    .product_info .info .color-key.set1  .item{ position: relative;}
    .product_info .info .color-key.set1  .item .textArea{    
        font-size: 1.5rem;
        top: 15%;
        width: 50%;
    }
    .product_info .info .color-key.set1  .item .textArea .explain{ font-size: 1rem; }
    .product_info .info .color-key.set1  .typeSwiper-pagination{ top: 30%; }
    .product_info .info .color-key.set1  .typeSwiper-pagination span{  width: 1.3rem;  height: 1.3rem; }

    .product_info .construct .example .item{  display: flex; height: fit-content; }
    .product_info .construct .example .item .textArea{ font-size: 2rem; }
    .product_info .construct .example .item .textArea .title{ font-size: 3rem;}
}

/* 모바일 가로, 테블릿 세로 (해상도 480px ~ 767px)*/
@media screen and (min-width:480px) and (max-width:767px) {     
    .menu{ margin-top: -3rem;}
    .menu .menu_cate{flex-wrap: wrap; justify-content: space-around; }
    .menu .menu_cate li{padding: 1rem 0.7rem; font-size: 1.5rem;}

    .product_info{ margin-top: 5rem;}
    .product_info .height_line{ height: 5rem;}

    .product_info .title{ font-size: 1rem;}
    .product_info .title .bgEn{ font-size: 3.5rem; top: -2rem; }
    .product_info .title .en{font-size: 3rem; }
    .product_info .title .ko{ letter-spacing:1rem; font-size: 2rem; }

    .product_info .comPros .item{
        border: 0.5rem solid var(--main-color2);
        margin: 1rem auto;
        width: 11rem;
        height: 11rem;
    }
    .product_info .comPros .item .textArea{ font-size: 0.8rem; margin: 0.5rem 0; }
    .product_info .comPros .item .textArea .tit{ font-size: 1.3rem;}    

    .product_info .productPf-slider{ margin: 4rem auto; }
    .product_info .work-step{ font-size: 1rem;}
    .product_info .work-step p{margin:0.3rem;}

    .product_info .explain{ flex-wrap: wrap; }
    .product_info .explain .textArea{width: 100%; font-size: 1.3rem; padding: 0 1rem; }
    .product_info .explain .textArea .title{ font-size: 4rem; margin: 1rem 0; }
    .product_info .explain .imgArea { width: 100%; }

    .product_info .info{ margin: 2rem auto;}

    .product_info .info div{ margin: 3rem auto; }

    .product_info .info .head{ font-size: 1.2rem; }
    .product_info .info .head .title{ margin: 1.5rem 0; font-size: 2.3rem; letter-spacing:1rem; }


    /* ================================================================= 
    * 비스포크 Style
    * ================================================================= */
    .product_info .info .bespoke-key{ display: flex; margin: 5rem 0; }
    .product_info .info .bespoke-key .textArea{ margin: auto 0; }
    .product_info .info .bespoke-key .imgArea{ width: 50%; height: 100%; }
    .product_info .info .bespoke-key .imgArea img{height: 100%;}

    .product_info .info .set1 .textArea{text-align: left; width: 100%; }
    .product_info .info .set1 .textArea .title{font-size: 1.9rem; letter-spacing: 0.5rem; }
    .product_info .info .set1 .textArea .title span{ position: relative; width: 100%; top: 0rem; }
    .product_info .info .set1 .textArea .explain{ font-size: 1.3rem; }
    .product_info .info .set1 .textArea .explain p{margin: 1.5rem 0}
    .product_info .info .set1 .imgArea{  position: absolute; right: 0; z-index: -1; }

    .product_info .info .set2{position: relative; }
    .product_info .info .set2 .imgArea{ margin: 0; position: absolute; z-index: -1; bottom: 0; }
    .product_info .info .set2 .imgArea img{width: 100%;}                
    .product_info .info .set2 .textArea{ font-size: 1rem;  margin: auto 1rem auto auto; }

    .product_info .info .set3{  position: relative; }
    .product_info .info .set3 .textArea{ font-size: 1.3rem;  margin: 2% 4%; }
    .product_info .info .set3 .textArea .title{ font-size: 2rem; margin: 0.5rem 0;}


    /* ================================================================= 
    * 마이보드(유리칠판) 상세 Style
    * ================================================================= */
    .product_info .info .myboard .item{
        text-align: left;
        font-size: 1.6rem;
        margin: 0;
        padding: 0 1.5rem;
        font-size: 1.3rem;
        height: fit-content;
    }
    .product_info .info .myboard .item .page{ font-size: 2rem;}
    .product_info .info .myboard .item .name{ font-size: 3rem; }
    .product_info .info .myboard .item .ad-ex{  font-size: 1rem; }
    .product_info .info .myboard .item .imgArea{ flex-wrap: wrap;}
    .product_info .info .myboard .item .imgArea .explain{ padding: 0;padding-bottom: 1rem; font-size: 1rem; }
    .product_info .info .myboard .item .imgArea img{ margin-left: auto; width: 100%;}


    /* ================================================================= 
    * UV실사유리 상세 Style
    * ================================================================= */
    .product_info .info .uvprint-type{ position: relative;  }
    .product_info .info .uvprint-type .bg{
        position: absolute;
        height: 80%;
        bottom: 0;
    }

    .product_info .info .uvprint-type .imgArea{margin: 0 5%; width: 100%;  }
    .product_info .info .uvprint-type .imgArea img{width: 100%;}

    .product_info .info .uvprint-type .textArea{
        position: relative;
        padding: 0;
        font-size: 1.5rem;
        width: 95%;
        margin: 1rem auto;
    }
    .product_info .info .uvprint-type .textArea .title span{font-size: 6rem;}
    .product_info .info .uvprint-type .textArea .title{ font-size: 3rem;  margin-bottom: 2rem; }
    .product_info .info .type1 .textArea{ left: 0;  right: 0%;}
    .product_info .info .type2 .imgArea{ margin-left: 0; }
    .product_info .info .type2 .textArea{ left: 0; }

    /* ================================================================= 
    * 거울 상세 Style
    * ================================================================= */
    .product_info .info .mirror .breakage .item  p{ font-size: 1.2rem;  margin: 0;}
    
    /* ================================================================= 
    * 백페인트글라스 상세 Style
    * ================================================================= */
    .product_info .info .backpatint-key div{ margin: 0};
    .product_info .info .backpatint-key .imgArea{position: relative;}
    .product_info .info .backpatint-key .textArea{
        position: relative;                                        
        font-size: 1.3rem;
        margin-top: -25%;
        padding: 5%;
    }
    .product_info .info .backpatint-key .textArea li{margin-right: 1rem; margin-bottom: 1rem;}
    .product_info .info .backpatint-key .textArea .en{ font-size: 2rem;}
    .product_info .info .backpatint-key .textArea a{display: block;}

    /* ================================================================= 
    * UV컬러무늬유리 상세 Style
    * ================================================================= */
    .product_info .info .color-key.set1 {
        height: fit-content;
    }
    .product_info .info .color-key.set1 .item.textArea{
            margin: auto;
            font-size: 1.1rem;
            top: 10%;
            width: 50%;
    }
    .product_info .info .color-key.set1 .item.textArea .explain{  font-size: 0.9rem;  }
    .product_info .info .color-key.set1 .typeSwiper-pagination{
        top: 30%;
        margin-left: 95%;
    }
    .product_info .info .color-key.set1 .typeSwiper-pagination span{
        width: 1rem;
        height: 1rem;
        margin: 0.8rem 2%;
    }
    .product_info .construct{ margin-bottom: 10rem;}
    .product_info .construct .head{
        font-size: 1.2rem;
        margin-bottom: 3rem;
    }
    .product_info .construct .head .title{
        margin: 1.5rem 0;
        font-size: 2.5rem;
        letter-spacing:2rem;
    }

    .product_info .construct .example .item{
        display: flex;
        flex-wrap: wrap;
        height: fit-content;
    }
    .product_info .construct .example .item .imgArea{ width: 100%; }
    .product_info .construct .example .item .textArea{
        margin: 0;
        width: 100%;
        font-size: 1.3rem;
    }
    .product_info .construct .example .item .textArea .title{  font-size: 2rem;}
    .product_info .construct .example .item .textArea .mini-point{
        height: 5rem;
        margin: 1.5rem 0;
        overflow: hidden;
    }
    .product_info .construct .example .item .textArea .mini-point img{margin-top: -55%;}
}

/* 모바일 가로, 테블릿 세로 (해상도 ~ 479px)*/
@media screen and (max-width:479px) { 
    
    .menu{ margin-top: -3rem;}
    .menu .menu_cate{ flex-wrap: wrap; justify-content: space-around; }
    .menu .menu_cate li{padding: 1rem 0.4rem; font-size: 1.1rem;}

    .product_info{ margin-top: 5rem;}
    .product_info .height_line{  height: 5rem; }

    .product_info .title{ font-size: 1rem;}
    .product_info .title .bgEn{ font-size: 3.2rem; top: -2rem; }
    .product_info .title .en{font-size: 2.1rem; }
    .product_info .title .ko{ letter-spacing:1rem; font-size: 2rem; }

    .product_info .comPros .item{
        border: 0.5rem solid var(--main-color2);
        margin: 1rem auto;
        width: 11rem;
        height: 11rem;
    }
    .product_info .comPros .item .textArea{font-size: 0.8rem; margin: 0.5rem 0;}
    .product_info .comPros .item .textArea .tit{ font-size: 1.3rem; }    

    .product_info .productPf-slider{ margin: 4rem auto;}
    .product_info .work-step{ font-size: 1rem;}
    .product_info .work-step p{margin:0.3rem;}

    .product_info .explain{flex-wrap: wrap;}
    .product_info .explain .textArea{
        width: 100%;
        font-size: 1.3rem;
        padding: 0 1rem;
    }
    .product_info .explain .textArea .title{ font-size: 4rem; margin: 1rem 0;}
    .product_info .explain .imgArea { width: 100%;}
    .product_info .explain .imgArea img{ width: inherit;}

    .product_info .info{margin: 2rem auto;}
    .product_info .info div{ margin: 3rem auto; }
    .product_info .info .head{font-size: 1.2rem;}
    .product_info .info .head .title{ margin: 1.5rem 0; font-size: 2.3rem; letter-spacing:1.5rem;}

    /* ================================================================= 
    * 비스포크 Style
    * ================================================================= */
    .product_info .info .bespoke-key{display: flex;}
    .product_info .info .bespoke-key .textArea{ margin: auto 0; }
    .product_info .info .bespoke-key .imgArea{ width: 50%; }

    .product_info .info .set1 .textArea{ text-align: left; width: 100%;}
    .product_info .info .set1 .textArea .title{font-size: 1.9rem;letter-spacing: 0.5rem;}
    .product_info .info .set1 .textArea .title span{ position: relative; width: 100%; top: 0rem;}
    
    .product_info .info .set1 .textArea .explain{ font-size: 1.3rem;}
    .product_info .info .set1 .textArea .explain p{margin: 1.5rem 0}
    
    .product_info .info .set1 .imgArea{ 
        position: absolute;
        right: 0;
        z-index: -1;
    }
    
    .product_info .info .set2{                    
        position: relative;
    }
    .product_info .info .set2 .imgArea{ margin: 0; position: absolute;  z-index: -1;bottom: 0; }
    .product_info .info .set2 .imgArea img{width: 100%;}
    
    .product_info .info .set2 .textArea{ font-size: 1rem; margin: auto;}

    .product_info .info .set3{  position: relative; }
    .product_info .info .set3 .textArea{
        font-size: 1rem; 
        margin: 2% 4%;
    }
    .product_info .info .set3 .textArea .title{
        font-size: 1.5rem;
        margin: 0.5rem 0;
    }

    /* ================================================================= 
    * 마이보드(유리칠판) 상세 Style
    * ================================================================= */
    .product_info .info .myboard .item{
        text-align: left;
        font-size: 1.6rem;
        margin: 0;
        padding: 0 1.5rem;
        font-size: 1.3rem;
        height: fit-content;
    }
    .product_info .info .myboard .item .page{font-size: 2rem;  }
    .product_info .info .myboard .item .name{font-size: 3rem;  }
    .product_info .info .myboard .item .ad-ex{font-size: 1rem; }
    .product_info .info .myboard .item .imgArea{flex-wrap: wrap; }
    .product_info .info .myboard .item .imgArea .explain{
        padding: 0;
        padding-bottom: 1rem;
        font-size: 1rem;                            
    }
    .product_info .info .myboard .item .imgArea img{
        margin-left: auto;
        width: 100%;
    }

    /* ================================================================= 
    * UV실사유리 상세 Style
    * ================================================================= */
    .product_info .info .uvprint-type{ position: relative;  }
    .product_info .info .uvprint-type .bg{
        position: absolute;
        height: 80%;
        bottom: 0;
    }

    .product_info .info .uvprint-type .imgArea{
        margin: 0 5%;
        width: 100%;
    }
    .product_info .info .uvprint-type .imgArea img{width: 100%;}

    .product_info .info .uvprint-type.textArea{
        position: relative;
        padding: 5%;
        font-size: 1.3rem;
        width: 100%;
    }
    .product_info .info .uvprint-type.textArea .title  span{font-size: 4rem;}
    .product_info .info .uvprint-type.textArea .title{
        font-size: 2rem;
        margin-bottom: 2rem;
    }
    .product_info .info .type1 .textArea{display: contents; width: 90%; margin: 5%; }
    .product_info .info .uvprint-type .textArea .title span { font-size: 3rem; }
    .product_info .info .uvprint-type .textArea .title { font-size: 2.5rem; }
    .product_info .info .type2 .imgArea{ margin-left: 0;  }
    .product_info .info .type2 .textArea{ width: 90%; display: contents; margin: 5%; }
    .product_info .info .textArea .explain { font-size: 1.5rem; }

    /* ================================================================= 
    * 거울 상세 Style
    * ================================================================= */
    .product_info .info .mirror .breakage .item p{ font-size: 1rem; }
    
    /* ================================================================= 
    * 백페인트글라스 상세 Style
    * ================================================================= */
    .product_info .info .backpatint-key div{ margin: 0};
    .product_info .info .backpatint-key .imgArea{position: relative;}
    .product_info .info .backpatint-key .textArea{
        position: relative;                                        
        font-size: 1.3rem;
        margin-top: -25%;
        padding: 15% 5%;
    }
    .product_info .info .backpatint-key .textArea li{margin-right: 1rem; margin-bottom: 1rem;}
    .product_info .info .backpatint-key .textArea .en{ font-size: 2rem; }
    .product_info .info .backpatint-key .textArea a{display: block;}

    /* ================================================================= 
    * UV컬러무늬유리 상세 Style
    * ================================================================= */
    .product_info .info .color-key.set1 { height: fit-content;; }
    .product_info .info .color-key.set1  .item .textArea{
        margin: auto;
        font-size: 0.8rem;
        top: 10%;
        width: 50%;
    }
    .product_info .info .color-key.set1  .item .textArea .explain{ font-size: 0.7rem; }
    .product_info .info .color-key.set1  .typeSwiper-pagination{
        top: 30%;
        margin-left: 95%;
    }
    .product_info .info .color-key.set1  .typeSwiper-pagination span{
        width: 1rem;
        height: 1rem;
        margin: 0.8=rem 2%;
    }

    .product_info .construct{ margin-bottom: 10rem;}
    .product_info .construct .head{
        font-size: 1.2rem;
        margin-bottom: 3rem;
    }
    .product_info .construct .head .title{
        margin: 1.5rem 0;
        font-size: 2.5rem;
        letter-spacing:2rem;
    }

    .product_info .construct .example .item{
        display: block;
        flex-wrap: wrap;
        height: fit-content;
    }
    .product_info .construct .example .item .imgArea{ width: 100%; }
    .product_info .construct .example .item .imgArea img{ width: inherit; }
    .product_info .construct .example .item .textArea{
        margin: 0;
        width: 100%;
        font-size: 1.3rem;
    }
    .product_info .construct .example .item .textArea .title{font-size: 2rem;}
    .product_info .construct .example .item .textArea .mini-point{
        height: 5rem;
        margin: 1.5rem 0;
        overflow: hidden;
    }
    .product_info.construct .example .item .textArea .mini-point img{margin-top: -55%;}
}