@charset "utf-8";


/************************************************************************
* COMMON *
************************************************************************/
.container{width:100%;position:relative;overflow:hidden;}
.contents{position:relative;overflow: hidden;}
.contents div[class*='sec-']{padding:120px 0;}
.contents.main div[class*='sec-']{padding:200px 0;}

.contents.sub .detail{padding:160px 0 150px 0; overflow: hidden;}
.contents.sub .detail.bg{padding:100px 0 80px 0; margin-top: 41px; background: #f2f8fa; position: relative;overflow: hidden; z-index: 0;}
/*
.contents.sub .detail.bg:after{width:100%;height:100%;background:#f2f8fa;position:absolute;top:0;left:0;display:block;content:"";z-index: 0;}
*/
.contents.sub .detail.pt0{padding-top:0 !important;}
.contents.sub .detail .WRAP{padding-top:50px;}
.contents.sub .detail .WRAP-1700, .contents.sub .detail .WRAP-1500{padding-bottom:120px;}
.contents.sub .detail .board{width: 95%; margin: 0 auto;}

.contentsBg{background:#f1f1f1;}


    @media screen and (max-width:1500px){
    .contents.main div[class*='sec-']{padding:180px 0;}

    .contents.sub .detail{background-size:350px;}
    .contents.sub .detail:after{bottom:-12px;}
    }
    @media screen and (max-width:1280px) {
    .contents.main div[class*='sec-']{padding:160px 0;}

    .contents div[id*='sec-']{padding:80px 0;}

    .contents.sub .detail{padding-top:60px;padding-bottom:170px;margin-top:60px;margin-bottom:60px;background-size:300px;}
    .contents.sub .detail:after{bottom:-10px;}
    .contents.sub .detail .WRAP{padding-top:40px;}
    }
    @media screen and (max-width:1100px) {
    .contents.sub .detail.bg{padding:100px 0 00px 0; margin-top: 41px;}
    }
    @media screen and (max-width:960px) {
    .contents.main div[class*='sec-']{padding:150px 0;}

    .contents div[id*='sec-']{padding:65px 0;}

    .contents.sub .detail{padding-top:50px;padding-bottom:150px;background-size:250px;}
    .contents.sub .detail:after{font-size:4.5vw;bottom:-10px;}
    }
    @media screen and (max-width:767px) {
    .contents.main div[class*='sec-']{padding:150px 0;}

    .contents div[id*='sec-']{padding:50px 0;}

    .contents.sub .detail{padding-top:40px;padding-bottom:120px;margin-top:40px;margin-bottom:40px;background-size:200px;}
    .contents.sub .detail:after{display:none;}
    }
    @media screen and (max-width:680px) {
    .contents.sub .detail{padding-top:30px;padding-bottom:100px;margin-top:20px;margin-bottom:20px;overflow:visible;}
    }
    @media screen and (max-width:640px) {
    .contents.main div[class*='sec-']{padding:140px 0;}

    .contents div[class*='sec-']{padding:40px 0;}

    .contents.sub .detail{padding-top:50px;padding-bottom:50px;}
    }
    @media screen and (max-width:560px) {
    .contents div[class*='sec-']{padding:30px 0;}

    .contents.sub .detail{padding-top:40px;padding-bottom:40px;}
    }
    @media screen and (max-width:460px) {
    .contents.sub .detail{padding-bottom:60px;}
    }







/************************************************************************
* ul *
************************************************************************/
.list li{width:100%;line-height:140%;font-weight:400;position:relative;word-wrap:break-word;display:block;word-break:keep-all;}
.list li:last-child{padding-bottom:0 !important;}

.list.type1>li{padding-left:20px;padding-bottom:15px;font-size:20px;text-align:left !important;}
.list.type1>li:after{width:11px;height:11px;display:block;content:"";position:absolute;top:8px;left:0;background:url(/sub2/img/list_type1.png) no-repeat center center;}

.list.type2>li{padding:2px 0 15px 20px;font-size:20px;text-align:left !important;}
.list.type2>li:after{width:10px;height:1px;display:block;content:"";position:absolute;top:15px;left:1px;background:#333;border-radius:50%;}

.list.type3>li{padding-left:20px;padding-bottom:10px;font-size:20px;text-align:left !important;}
.list.type3>li:after{width:11px;height:11px;display:block;content:"";position:absolute;top:8px;left:0;background:url(/sub2/img/list_type1.png) no-repeat center center;}

.list.type4>li{padding-left:13px;padding-bottom:20px;font-size:20px;text-align:left !important;font-family:'Pretendard-ExtraLight';}
.list.type4>li:after{width:3px;height:3px;border-radius:50%;display:block;content:"";position:absolute;top:11px;left:0;background:#555;}

.list.type5>li{padding-left:15px;padding-bottom:20px;font-size:20px;text-align:left !important;font-family:'Pretendard-Light' !important;}
.list.type5>li:after{width:10px;height:2px;border-radius:50%;display:block;content:"";position:absolute;top:15px;left:0;background:#555;}

    @media screen and (max-width:1500px){
    .list.type1>li{padding-left:20px;padding-bottom:15px;font-size:19px;} .list.type1>li:after{width:11px;height:11px;top:8px;left:0;background:url(/sub2/img/list_type1.png) no-repeat center center;}
        
    .list.type3>li{padding-left:20px;font-size:19px;} .list.type3>li:after{width:11px;height:11px;top:8px;left:0;background:url(/sub2/img/list_type1.png) no-repeat center center;}

    .list.type4>li{font-size:19px;}
    .list.type4>li:after{top:9px;}
        
    .list.type5>li{padding-left:15px;padding-bottom:20px;font-size:19px;}
    .list.type5>li:after{width:10px;height:2px;top:15px;left:0;}
    }
    @media screen and (max-width:1280px){
    .list.type1>li{padding-left:17px;padding-bottom:14px;font-size:18px;} .list.type1>li:after{width:11px;height:11px;top:8px;left:0;background:url(/sub2/img/list_type1.png) no-repeat center center;}

    .list.type2>li{padding:2px 0 15px 20px;font-size:18px;} .list.type2>li:after{width:8px;height:1px;top:14px;left:1px;}

    .list.type3>li{padding-left:17px;padding-bottom:8px;font-size:18px;} .list.type3>li:after{width:11px;height:11px;top:8px;left:0;background:url(/sub2/img/list_type1.png) no-repeat center center;}

    .list.type4>li{padding-left:10px;font-size:18px;}
    .list.type4>li:after{top:10px;}
        
    .list.type5>li{padding-left:15px;padding-bottom:16px;font-size:18px;}
    .list.type5>li:after{width:10px;height:2px;top:13px;left:0;}
    }
    @media screen and (max-width:1100px){
    .list.type1>li{width: calc(100% / 2); display: flex; padding-left:17px;padding-bottom:14px;font-size:18px;} .list.type1>li:after{width:11px;height:11px;top:8px;left:0;background:url(/sub2/img/list_type1.png) no-repeat center center;}

    .list.type3>li{padding-left:16px;padding-bottom:8px;font-size:18px;} .list.type3>li:after{width:11px;height:11px;top:8px;left:0;background:url(/sub2/img/list_type1.png) no-repeat center center;}
    }
    @media screen and (max-width:800px){
    .list.type1>li{width: calc(100% / 2); display: flex; padding-left:17px;padding-bottom:14px;font-size:18px;} .list.type1>li:after{width:10px;height:10px;top:8px;left:0;background:url(/sub2/img/list_type1.png) no-repeat center center; background-size: cover;}
        
    .list.type2>li{padding:2px 0 15px 20px;font-size:18px;} .list.type2>li:after{width:8px;height:1px;top:15px;left:1px;}

    .list.type3>li{ padding-left:17px;font-size:17px;} .list.type3>li:after{width:10px;height:10px;top:8px;left:0;background:url(/sub2/img/list_type1.png) no-repeat center center; background-size: cover;}

    .list.type4>li{padding-left:10px;font-size:17px;}
    .list.type4>li:after{top:10px;}
    }
    @media screen and (max-width:767px){
    .list.type1>li{width: calc(100% / 1); display: block; padding-left:17px;padding-bottom:13px;font-size:17px;} .list.type1>li:after{width:10px;height:10px;top:8px;left:0;background:url(/sub2/img/list_type1.png) no-repeat center center; background-size: cover;}
        
    .list.type2>li{padding:2px 0 15px 20px;font-size:17px;} .list.type2>li:after{width:8px;height:1px;top:15px;left:1px;}

    .list.type3>li{padding-left:17px;padding-bottom:8px;font-size:17px;} .list.type3>li:after{width:10px;height:10px;top:8px;left:0;background:url(/sub2/img/list_type1.png) no-repeat center center; background-size: cover;}
        
    .list.type5>li{padding-left:13px;padding-bottom:14px;font-size:17px;}
    .list.type5>li:after{width:10px;height:2px;top:11px;}
    }
    @media screen and (max-width:640px){
    .list.type1>li{padding-left:17px;padding-bottom:13px;font-size:16px;} .list.type1>li:after{width:10px;height:10px;top:8px;left:0;background:url(/sub2/img/list_type1.png) no-repeat center center; background-size: cover;}
        
    .list.type2>li{padding:4px 0 15px 15px;font-size:16px;} 

    .list.type3>li{padding-left:17px;padding-bottom:7px;font-size:16px;} .list.type3>li:after{width:10px;height:10px;top:8px;left:0;background:url(/sub2/img/list_type1.png) no-repeat center center; background-size: cover;}
        
    .list.type4>li{padding-left:10px;font-size:16px;}
    .list.type4>li:after{top:9px;}
        
    .list.type5>li{padding-left:13px;padding-bottom:14px;font-size:16px;}
    .list.type5>li:after{width:8px;height:2px;top:10px;}
    }
    @media screen and (max-width:460px){
    .list.type1>li{padding-left:15px;padding-bottom:12px;font-size:15px;} .list.type1>li:after{width:10px;height:10px;top:5px;left:0;background:url(/sub2/img/list_type1.png) no-repeat center center; background-size: cover;}
        
    .list.type2>li{padding:4px 0 15px 15px;font-size:15px;} 
        
    .list.type3>li{padding-left:15px;font-size:15px;} .list.type3>li:after{width:10px;height:10px;top:5px;left:0;background:url(/sub2/img/list_type1.png) no-repeat center center; background-size: cover;}
        
    .list.type4>li{font-size:15px;}
    }
    @media screen and (max-width:360px){
    .list.type1>li{padding-left:15px;font-size:15px;} 
        
    .list.type2>li{padding:4px 0 15px 12px;font-size:15px;} .list.type2>li:after{width:6px;height:1px;top:14px;left:1px;}
        
    .list.type3>li{padding-left:15px;padding-bottom:7px;font-size:14px;} 
        
    .list.type4>li{padding-left:8px;font-size:14px;}
    .list.type4>li:after{top:8px;}
    }



/************************************************************************
* table *
************************************************************************/
.table{width:100%;border-top:solid 2px #000;border-collapse:collapse;border-spacing:0;empty-cells:show;word-wrap:break-word;}
.table tr th,
.table tr td{padding:14px 12px;color:#292929;line-height:150%;font-size:16px;text-align:center;vertical-align:middle;border-bottom:solid 1px #eaeaea;border-right:solid 1px #eaeaea;word-wrap:break-word;display:table-cell;word-break:keep-all;}
.table tr th:last-child,
.table tr td:last-child{border-right:none;}
.table tr th{background:#f9f9f9;}
.table tr .blr{border-right:solid 1px #eaeaea !important;}
.mThide{display:none;}

.table input[type=text]{border:solid 1px #ddd;font-size:16px;padding:5px;}

@media screen and (max-width:1500px){
.table tr th,
.table tr td{padding:12px 10px;font-size:15px;}

.table input[type=text]{font-size:15px;}
}
@media screen and (max-width:1280px){
.table tr th,
.table tr td{padding:10px 8px;font-size:14px;}

.table input[type=text]{font-size:14px;}
}
@media screen and (max-width:800px){
.mThide{display:block;}
.mobileHide{width:100%;overflow-x:auto;}
.mobileHide .table{min-width:800px;}
}
@media screen and (max-width:640px){
.table tr th,
.table tr td{padding:8px 6px;}

.table.responsiveT,
.table.responsiveT thead,
.table.responsiveT tbody,
.table.responsiveT tr,
.table.responsiveT th,
.table.responsiveT td{display:block !important;}
.table.responsiveT .hide{display:none !important;}
}





/************************************************************************
* button *
************************************************************************/
.button{font-size:18px;color:#000;text-align:left;position:relative;}
.button i{width:6px;height:6px;margin-left:10px;margin-top:9px;display:inline-block;position:relative;transition:all 0.2s ease;}
.button i:after{width:5px;height:5px;border:solid rgba(0,0,0,0.8);border-width:1px 1px 0 0;position:absolute;top:calc(50% - 7px);right:0;display:block;content:"";transform:rotate(45deg);}
.button:hover i{margin-left:20px;transition:all 0.2s ease;}
.button b{font-family:'Pretendard-SemiBold';transition:all 0.2s ease;}

.button.type1{width:200px;margin:0 auto;padding:16px 0;color:#fff;text-align:center;font-family:'Pretendard-Light';background:#0072cd;border-radius:30px;}
.button.type1 a{color:#fff;transition:all 0.2s ease;}
.button.type1:hover a{letter-spacing:0.2em;transition:all 0.2s ease;}
.button.type1:hover b{letter-spacing:0.2em;transition:all 0.2s ease;}


@media screen and (max-width:960px){
.button{font-size:16px;}
.button i{width:15px;}

.button.type1{width:180px;padding:15px 0;}
}
@media screen and (max-width:640px){
.button{font-size:14px;}
.button i:after{width:4px;height:4px;top:calc(50% - 6px);}

.button.type1{width:160px;padding:14px 0;}
}
@media screen and (max-width:420px){
.button i{width:13px;margin-top:8px;}

.button.type1{width:140px;padding:13px 0;}
}


.btWrap{}
.btWrap a.bt{padding:15px 40px;margin:0 auto;text-align:center;font-weight:bold;font-size:20px;line-height:120%;border-radius:10px;display:table;transition:all 0.2s ease;}
.btWrap a.bt:hover{letter-spacing:0.2em;transition:all 0.2s ease;}
.btWrap a.bt.blue{border:solid 1px #1b439a;background:#1b439a;color:#fff;}
.btWrap a.bt.gray{border:solid 1px #ddd;background:#f1f1f1;}

@media screen and (max-width:1100px){
.btWrap a.bt{padding:13px 30px;font-size:18px;}
}
@media screen and (max-width:640px){
.btWrap a.bt{padding:11px 10px;font-size:16px;border-radius:5px;}
}
@media screen and (max-width:400px){
.btWrap a.bt{width:100%;padding:12px 0;font-size:14px;}
}




/************************************************************************
* MAIN_CONTENTS *
************************************************************************/
.main [class*='sec-m'] h2.mttl-1{position: relative;display: block;text-transform:uppercase;font-weight:600 !important; z-index: 9;transition:all 0.2s ease;}
.main [class*='sec-m'] h2.mttl-1 br.hide{display: none;}
.main [class*='sec-m'] .mttl-2{color: #000;font-family:'Pretendard-Light';transition:all 0.2s ease;}


    @media only screen and (max-width:767px) {
    .main [class*='sec-m'] h2.mttl-1{font-size: 50px !important;font-weight: 700 !important;}
    }
    @media only screen and (max-width:540px) {
    .main [class*='sec-m'] h2.mttl-1{font-size: 45px !important;}
    .main [class*='sec-m'] .mttl-2{margin-top: 15px !important;}
    }
    @media only screen and (max-width:460px) {
    .main [class*='sec-m'] h2.mttl-1{font-size: 42px !important; letter-spacing: -0.03em;line-height: 110% !important;}
    .main [class*='sec-m'] h2.mttl-1 br.hide{display: block;}
    }


        
/******** ===== sec-m1 / Best Product ===== ********/

.main .sec-m1{width: 75%; margin: 0 auto;overflow: hidden;}
.main .sec-m1 h2{position: relative;display: block;text-transform:uppercase;font-weight:600 !important; z-index: 9;}
.main .sec-m1 .type22{color: #7a7a7a;padding-left: 20px;display: block;position: absolute;z-index: 99;}

.main .sec-m1 .disF a{width:calc(100%/4.10 - 25px); margin:0 15px;border-radius:30px;box-shadow:0px 2px 20px rgba(0,0,0,0.1);display:block;padding:20px 0 30px 20px;  position: relative; overflow: hidden; transition:all 0.2s ease;}
.main .sec-m1 .disF a:after{width: 450px;height: 570px; background:url(/img/m1_bg.png) no-repeat bottom right;display:block;content:"";position:absolute; bottom:-100px; right:-100px; opacity: 0; z-index: -1; transition:all 0.4s ease;}

.main .sec-m1 .disF a .tit{width:fit-content; height: 60px; font-size: 30px !important; font-family:'Pretendard-Light'; color:#000; letter-spacing: -0.04em;  display:block; position: relative; margin-left: 20px; padding:15px 10px 0 10px; transition:all 0.2s ease;}
.main .sec-m1 .disF a .tit:before{width:0;height:2px;display:block;content:"";position:absolute;bottom:13px;left:0;background:#199baf;transition:all 0.4s ease;z-index:5;}
.main .sec-m1 .disF a .P_img{width: 85%; display: block; float: right; margin-top: 80px !important; margin-right: -20px; transition:all 0.5s ease;}


.main .sec-m1 .disF a:hover{box-shadow:0px 2px 20px rgba(4,157,169,0.4); transition:all 0.2s ease;}
.main .sec-m1 .disF a:hover:after{bottom:0; right:0px; opacity: 1;  transition:all 0.4s ease;}
.main .sec-m1 .disF a:hover .tit{font-size: 33px; font-family:'Pretendard-Bold'; color:#199baf; padding:5px 10px 0 10px;transition:all 0.3s ease;}
.main .sec-m1 .disF a:hover .tit:before{width:100%;bottom:13px;transition:all 0.6s ease 0.3s;}
.main .sec-m1 .disF a:hover .P_img{margin-right: 0px;transform: scale(1.10); transition:all 0.5s ease;}


.main .sec-m1 .disF a .button{position: absolute; opacity:0;background: rgba(11,134,153,0) !important; bottom:-5%; right: 20%; transition:all 0.4s ease;}
.main .sec-m1 .disF a:hover .button{background: rgba(11,134,153,0.4) !important;bottom:10%; opacity:1;transition:all 0.7s ease 0.4s;}
.main .sec-m1 .disF a:active .button{background: rgba(11,134,153,0.8) !important;transition:all 0.2s ease;}


    @media only screen and (max-width:1600px) {
    .main .sec-m1{width: 80%;}
    .main .sec-m1 .disF a .tit{margin-left: 0px;}
    }
    @media only screen and (max-width:1500px) {
    .main .sec-m1{width: 85%;}
    .main .sec-m1 .disF a{width:calc(100%/4.10 - 20px); margin:0 10px;border-radius:30px;}
    .main .sec-m1 .disF a .tit{font-size: 28px !important;}
    .main .sec-m1 .disF a:hover .tit{font-size: 30px !important;}
    }
    @media only screen and (max-width:1400px) {
    .main .sec-m1{width: 90%;}
    .main .sec-m1 .disF a{width:calc(100%/4.10 - 15px); margin:0 5px;border-radius:25px;padding:15px 0 20px 10px;}
    .main .sec-m1 .disF a .tit{font-size: 27px !important;height: 50px;}
    .main .sec-m1 .disF a .tit:before{bottom:9px;}
    .main .sec-m1 .disF a:hover .tit:before{bottom:9px;}
    .main .sec-m1 .disF a:hover .tit{font-size: 29px !important;}
        
    .main .sec-m1 .disF a .button{width:180px !important;padding:15px 0 !important;bottom:-5%; right: 14%;}
    }
    @media only screen and (max-width:1280px) {
    .main .sec-m1 .disF a{padding:15px 0 20px 10px;border-radius:20px;}
        
    .main .sec-m1 .disF a .tit{font-size: 25px!important;;}
    .main .sec-m1 .disF a .tit:before{bottom:7px;}
    .main .sec-m1 .disF a:hover .tit:before{bottom:7px;}
    .main .sec-m1 .disF a:hover .tit{font-size: 27px!important;}
        
    .main .sec-m1 .disF a .P_img{margin-top: 60px !important;}
    }
    @media only screen and (max-width:1100px) {
    .main .sec-m1{width: 95%;}
    .main .sec-m1 .disF a{width:calc(100%/4.10 - 10px); margin:0 3px;}
        
    .main .sec-m1 .disF a .tit{font-size: 24px !important;;height: 50px;}
    .main .sec-m1 .disF a:hover .tit{font-size: 26px !important;;}
        
    .main .sec-m1 .disF a .button{width:150px !important;padding:14px 0 !important; font-size: 16px !important; bottom:-8%; right: 12%;}
    }
    @media only screen and (max-width:960px) {
    .main .sec-m1{width: 90%; }
    .main .sec-m1 .disF a{width:calc(100%/2.05 - 10px); padding:20px 0 25px 10px;border-radius:25px; margin-bottom: 20px !important;}
        
    .main .sec-m1 .disF a .tit{font-size: 26px !important;margin-left: 5%;}
    .main .sec-m1 .disF a:hover .tit{font-size: 28px !important;;}
        
    .main .sec-m1 .disF a .button{width:200px !important;padding:16px 0 !important; font-size: 18px !important; bottom:-5%; right: 21%;}
        
    }
    @media only screen and (max-width:767px) {
    .main .sec-m1{width: 90%;}
        
    .main .sec-m1 .disF a{width:calc(100%/2.05 - 10px); padding:20px 0 25px 10px;border-radius:20px; margin-bottom: 30px !important;}
        
    .main .sec-m1 .disF a .button{width:180px !important;padding:16px 0 !important; font-size: 17px !important; bottom:-5%; right: 20%;}
    }
    @media only screen and (max-width:640px) {
    .main .sec-m1{width: 96%; }
    .main .sec-m1 .disF a{width:calc(100%/2.05 - 10px); padding:20px 0 20px 10px; margin-bottom: 20px !important;}
    .main .sec-m1 .disF a:after{height: 450px;background:url(/img/m1_bg.png) no-repeat center center; bottom:-50px; right:-50px; opacity: 0; z-index: -1; transition:all 0.4s ease;}
        
    .main .sec-m1 .disF a .tit{font-size: 25px;}
    .main .sec-m1 .disF a:hover .tit{font-size: 27px;}
    .main .sec-m1 .disF a .tit:before{bottom:7px;}
    .main .sec-m1 .disF a:hover .tit:before{bottom:7px;}
        
    .main .sec-m1 .disF a .button{width:160px !important;padding:15px 0 !important; font-size: 16px !important; bottom:-6%; right: 18%;}
    }
    @media only screen and (max-width:540px) {        
    .main .sec-m1 .disF a{width:calc(100%/2.05 - 10px); padding:15px 0 18px 0px; margin-bottom: 15px !important;}
        
    .main .sec-m1 .disF a .tit{font-size: 23px !important;height: 40px;}
    .main .sec-m1 .disF a:hover .tit{font-size: 25px !important;}
    .main .sec-m1 .disF a .tit:before{bottom:0px;}
    .main .sec-m1 .disF a:hover .tit:before{bottom:0px;}
        
    .main .sec-m1 .disF a .button{width:140px !important;padding:14px 0 !important; font-size: 15px !important; bottom:-7%; right: 18%;}
    }
    @media only screen and (max-width:460px) {
    .main .sec-m1{width: 90%; margin: 0 auto;}
    .main .sec-m1 h2.mttl-1{font-size: 42px !important; letter-spacing: -0.03em;}
        
    .main .sec-m1 .disF a{width:calc(90%/1 - 0px); padding:20px 0 5px 10px; margin:  0 auto; margin-bottom: 30px !important;}
        
    .main .sec-m1 .disF a .tit{font-size: 26px !important;height: 40px;}
    .main .sec-m1 .disF a:hover .tit{font-size: 28px !important;}
    .main .sec-m1 .disF a .tit:before{bottom:-2px;}
    .main .sec-m1 .disF a:hover .tit:before{bottom:-2px;}
        
    .main .sec-m1 .disF a .button{width:180px !important;padding:15px 0 !important; font-size: 15px !important; bottom:-9%; right: 24%;}
    .main .sec-m1 .disF a:hover .button{bottom:7%;}
    }
    @media only screen and (max-width:360px) {        
    .main .sec-m1 .disF a:after{height: 350px;background:url(/img/m1_bg.png) no-repeat center center; bottom:-80px; right:-80px; }
        
    .main .sec-m1 .disF a .tit{font-size: 24px !important;}
    .main .sec-m1 .disF a:hover .tit{font-size: 26px !important;}
    .main .sec-m1 .disF a .tit:before{bottom:0px;}
    .main .sec-m1 .disF a:hover .tit:before{bottom:0px;}
        
    .main .sec-m1 .disF a .button{width:160px !important;padding:14px 0 !important;bottom:-9%; right: 21%;}
    }





/******** ===== sec-m2 / ECO-Hitech news ===== ********/
.main .sec-m2 {padding-bottom: 230px !important; background: #f1fcfb; position: relative;}

.News_wrap{margin: 0 auto; max-width:1600px;}

#newsArea{}
#newsArea .info{width:100%;margin:0 auto; padding: 1%;position:relative;}
#newsArea ul li{position:relative; padding: 20px 0;}
/*#newsArea ul li:after{width:100%;height:100%;display:none;content:'';box-sizing:border-box;border:6px solid #926447;position:absolute;left:0;top:0;z-index:14;}
#newsArea ul li:hover:after{opacity:1;display:block;}*/

#newsArea .P_img1{width:45%; height: 480px;  margin: 0 15px; border-radius: 20px;  !important;display:block;position:relative;float:right;box-shadow:0px 2px 20px rgba(0,0,0,0.1); overflow: hidden;display:block;position:relative;transition:all 0.2s ease;}
#newsArea .P_img1 img{width:100%; height: 100%;}
#newsArea .P_img1 h3{color:#484848;}
#newsArea .P_img1 p{margin-top:20px;}
#newsArea .P_img1 a{width:230px;margin-top:100px;padding:14px 0;display:block;color:#fff;font-size:14px;text-align:center;position:relative;}

#newsArea .img{width:45%; height: 480px;  margin: 0 15px; padding: 1% 2%; background: #fff; border-radius: 20px; overflow: hidden; background-size:cover !important;display:block;position:relative;float:right;box-shadow:0px 2px 20px rgba(0,0,0,0.1);transition:all 0.2s ease;}
#newsArea .img img{width:100%;}
#newsArea .img.tBox{padding: 5%;}
#newsArea .img.tBox h5 {line-height: 130%; display: inline-block;letter-spacing: -0.04em; font-family:'Pretendard-Bold' !important;}
#newsArea .img.tBox h5 b{line-height: 100%;font-size: 40px !important; display: inline-block; color: #006e9c;}
#newsArea .img.tBox h5 br.hide{display: none;}
#newsArea .img.tBox .type22 br.hide{display: block;}


.bx-wrapper{margin:0 auto;position:relative;*zoom:1;-ms-touch-action:pan-y;touch-action:pan-y; }
.outside span a{width:47px;height:47px;text-indent:-9999px;position:absolute;top:46%;opacity: .5;transition:all 0.2s ease;}
.outside span a.bx-prev{left:50px;background:url(/img/icon_news_prev.png) no-repeat;}
.outside span a.bx-next{right:50px;background:url(/img/icon_news_next.png) no-repeat;}
.outside span a:hover.bx-prev, .outside span a:hover.bx-next{opacity: 1;transition:all 0.2s ease;}

.bx-wrapper .bx-pager.bx-default-pager{position:absolute;bottom:-60px;left:47%;}
.bx-wrapper .bx-pager.bx-default-pager a{width:11px;height:11px;margin:0 8px;text-indent:-9999px;display:block;outline:0;background:#d4dedf;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;transition:all 0.2s ease;}
.bx-wrapper .bx-pager.bx-default-pager a:hover,.bx-wrapper .bx-pager.bx-default-pager a.active{width:13px;height:13px;background:#949c9c;transition:all 0.2s ease;}
.bx-wrapper .bx-pager-item,.bx-wrapper .bx-controls-auto .bx-controls-auto-item{display:inline-block;vertical-align:bottom;*zoom:1;*display:inline;}


    @media screen and (max-width:1800px){
    .News_wrap{max-width:90% !important;}
    }
    @media screen and (max-width:1700px){
    #newsArea .P_img1, #newsArea .img{height: 460px;}
        
    #newsArea .img.tBox h5 br.hide{display: block;}
    }
    @media screen and (max-width:1500px){
    .main .sec-m2 {padding-bottom: 200px !important;}
    #newsArea .P_img1, #newsArea .img{height: 440px;}
        
    #newsArea .img.tBox .type22 br.hide{display: none;}
        
    .outside span a.bx-prev{left:40px;}
    .outside span a.bx-next{right:40px;}
    }
    @media screen and (max-width:1280px){
    .main .sec-m2 {padding-bottom: 180px !important;}
    #newsArea .P_img1, #newsArea .img{height: 400px;margin: 0 10px;}
        
    .outside span a.bx-prev{left:30px;}
    .outside span a.bx-next{right:30px;}
    }
    @media screen and (max-width:1100px){
    #newsArea .P_img1, #newsArea .img{height: 340px;margin: 0 8px;}
        
    #newsArea .img.tBox h5 b{font-size: 30px !important;}
    #newsArea .img.tBox .type28 {margin-top: 0 !important; font-size: 24px !important;}
    #newsArea .img.tBox h3 {margin-top: 10px !important; }
    #newsArea .img.tBox h4 {font-size: 28px !important;}
    #newsArea .img.tBox .type22{font-size: 17px !important; line-height: 120% !important;}
        
    .outside span a{width:40px;height:40px;top:44%;}
    .outside span a.bx-prev{left:30px; background-size: cover;}
    .outside span a.bx-next{right:30px; background-size: cover;}
    }
    @media screen and (max-width:960px){
    #newsArea .P_img1, #newsArea .img{height: 280px;margin: 0 8px;}
        
    #newsArea .img.tBox{padding: 4% 3% 3% 3.5%;}
    #newsArea .img.tBox h3{font-size: 30px !important;}
    #newsArea .img.tBox h5 {font-size: 24px !important;}
    #newsArea .img.tBox h5 b{font-size: 28px !important;}
    #newsArea .img.tBox .type28 {font-size: 22px !important;}
    #newsArea .img.tBox h4 {font-size: 25px !important;}
    #newsArea .img.tBox .type24{font-size: 17px !important; }
    #newsArea .img.tBox .type22{font-size: 15px !important; }
        
    .outside span a.bx-prev{left:20px;}
    .outside span a.bx-next{right:20px;}
    }
    @media screen and (max-width:767px){
    .main .sec-m2 {padding-bottom: 160px !important;}
        
    #newsArea ul li{padding: 40px;}
        
    #newsArea .P_img1{width: 92%; height: 340px; margin: 8px 0;}
    #newsArea .img{width: 92%; height: 320px; margin: 8px 0;}
        
    #newsArea .newsIns.mt60{margin-top: 0 !important;}
        
    #newsArea .img.tBox{padding: 6%; text-align: center !important;}
    #newsArea .img.tBox h4 {font-size: 30px !important;}
    #newsArea .img.tBox .type22{font-size: 18px !important; }

    #newsArea .reser_btn{width:100px;height:80px;top:10%;}
    #newsArea .reser_btn a{padding:16px;font-size:14px;}
    #newsArea .reser_btn img{width:18px;margin-top:6px;}

    .outside span a{top:48% !important;}

    .bx-wrapper .bx-pager.bx-default-pager{margin-left:-56px;bottom:0;left:50%;}
        
    .outside span a{width:50px;height:50px;top:47%;}
    .outside span a.bx-prev{left:25px;}
    .outside span a.bx-next{right:25px;}
    }
    @media screen and (max-width:640px){
    #newsArea ul li{padding: 30px;}
        
    #newsArea .P_img1{width: 95%; height: 300px; margin: 5px 0;}
    #newsArea .img{width: 95%; height: 280px;margin: 5px 0;}
        
    .outside span a{top:47% !important;}
        
    .outside span a.bx-prev{left:10px;}
    .outside span a.bx-next{right:10px;}
    }
    @media screen and (max-width:540px){
    #newsArea .img{width: 95%; height: 240px;margin: 5px 0;}
        
    #newsArea .img.tBox h3{font-size: 25px !important;}
    #newsArea .img.tBox h5 {font-size: 20px !important;}
    #newsArea .img.tBox h5 b{font-size: 24px !important;}
    #newsArea .img.tBox .type28 {font-size: 20px !important;}
    #newsArea .img.tBox h4 {font-size: 22px !important;}
    #newsArea .img.tBox .type24{font-size: 15px !important; }
    #newsArea .img.tBox .type22{font-size: 14px !important; }
        
    .outside span a{width:44px;height:44px;top:51% !important;}
    .outside span a.bx-prev{left:5px;}
    .outside span a.bx-next{right:5px;}
    }
    @media screen and (max-width:460px){
    #newsArea ul li{padding: 20px;}
        
    #newsArea .P_img1{width: 100%; height: 250px;}
    #newsArea .img{width: 100%; height: 230px;}
        
    #newsArea .img.tBox h3{font-size: 25px !important;}
    #newsArea .img.tBox h5 {font-size: 20px !important;}
    #newsArea .img.tBox h5 b{font-size: 24px !important;}
    #newsArea .img.tBox .type28 {font-size: 20px !important;}
    #newsArea .img.tBox h4 {font-size: 22px !important;}
    #newsArea .img.tBox .type24{font-size: 15px !important; }
    #newsArea .img.tBox .type22{font-size: 14px !important; }
        
    .outside span a{width:40px;height:40px;top:48% !important;}
    .outside span a.bx-prev{left:2px;}
    .outside span a.bx-next{right:2px;}
    }
    @media screen and (max-width:400px){        
    #newsArea .P_img1{height: 230px;}
    #newsArea .img{height: 210px;}
        
    #newsArea .img.tBox h3{font-size: 20px !important;}
    #newsArea .img.tBox h5 {font-size: 18px !important;}
    #newsArea .img.tBox h5 b{font-size: 20px !important;}
    #newsArea .img.tBox .type28 {font-size: 16px !important;}
    #newsArea .img.tBox h4 {font-size: 18px !important;}
    #newsArea .img.tBox .type24{font-size: 14px !important; }
    #newsArea .img.tBox .type22{font-size: 13px !important; }
    #newsArea .img.tBox .type24.none{display: none;}
    }
    @media screen and (max-width:320px){        
    #newsArea .P_img1{height: 210px;}
    #newsArea .img{height: 180px;}
        
    #newsArea .img.tBox .type24{font-size: 12px !important;}
    #newsArea .img.tBox .type22{font-size: 11px !important; text-overflow:ellipsis;overflow: hidden;display: -webkit-box;  -webkit-line-clamp: 2;  -webkit-box-orient:vertical; -webkit-box-pack: top;}
    }







/******** ===== sec-m3 / 부품검색 ===== ********/
.main .sec-m3{ background:url(/img/m3_bg2.jpg) no-repeat left -150px bottom 0px;;background-size:cover;overflow: hidden; position: relative;transition:all 0.2s ease;}

.main .sec-m3 .m3Logo {position: absolute; bottom: -210px; right:5%; opacity: 0;}

.main .sec-m3 .partBox{width: 95%;}
.main .sec-m3 .partBox .titBox{position:relative;}
.main .sec-m3 .partBox .titBox .bg{position:absolute;bottom:0;right:0;}
.main .sec-m3 .partBox .titBox h5{color:#fff;}
.main .sec-m3 .partBox .titBox h4 i{width: 0px; display: inline-block; }
.main .sec-m3 .partBox .titBox h4 br.hide{display: none;}
.main .sec-m3 .partBox .titBox font{color:rgba(255,255,255,0.8);}

.main .sec-m3 .partBox .conBox div{width:calc(100%/2 - 32px);margin:15px;padding:5% 6%;background:rgba(255,255,255,0); border:solid 2px rgba(255,255,255,1); border-radius:30px;display:flex;align-items:center;justify-content:center;flex-direction:column;}

.main .sec-m3 .partBox .conBox div span {display:flex;align-items:center;justify-content:center; transition:all 0.2s ease;}
.main .sec-m3 .partBox .conBox div span figure i{width:70px;height:70px;  overflow:hidden;display:block;}
.main .sec-m3 .partBox .conBox div span i img{width:100%; display:block;transition:all 0.2s ease;}

.main .sec-m3 .partBox .conBox div *{text-align:center;color: #fff;}
.main .sec-m3 .partBox .conBox div .tit{width: 100%;  margin-left: 15px; margin-top: 10px; font-family:'Pretendard-SemiBold'; }
.main .sec-m3 .partBox .conBox div .type17 br.hide1, .main .sec-m3 .partBox .conBox div .type17 br.hide2{display: block;}

.main .sec-m3 .partBox .conBox div:hover figure{transition:all 0.2s ease;}
.main .sec-m3 .partBox .conBox div:hover figure i img{margin-top:-100%;transition:all 0.2s ease;}

.main .sec-m3 .partBox .conBox div:hover *{color: #000;}


.main .sec-m3 .partBox .conBox div:hover{background:rgba(255,255,255,.7); border:solid 2px rgba(255,255,255,0); }
.main .sec-m3 .partBox .conBox div:hover:active{background:rgba(255,255,255,.9); border:solid 2px rgba(255,255,255,0); }


/* 바로가기 버튼 */
.main .sec-m3 .partBox .conBox div .button{width:auto;padding:10px 40px 10px 30px;background:rgba(255,255,255,.9); border-radius: 30px; font-size:16px;color: #000;transition:all 0.4s ease;}
.main .sec-m3 .partBox .conBox div .button:before{width:2px;height:9px;position:absolute;right:20%;top:38%;background-color:#000;content:'';transform:rotate(90deg);transition:transform .2s ease;}
.main .sec-m3 .partBox .conBox div .button span:before{width:2px;height:9px;position:absolute;right:20%;top:38%;background-color:#000;content:'';transform:rotate(-180deg);transition:transform .2s ease;}

.main .sec-m3 .partBox .conBox div:hover .button{background:rgba(2,128,243,1); color: #fff;transition:all 0.4s ease;}
.main .sec-m3 .partBox .conBox div:hover .button:hover{padding:10px 50px 10px 40px;}
.main .sec-m3 .partBox .conBox div:hover .button:before{background-color:#fff;transition:transform .2s ease;}
.main .sec-m3 .partBox .conBox div:hover .button span:before{background-color:#fff;transition:transform .2s ease;}

.main .sec-m3 .partBox .conBox div:hover .button:hover:before,
.main .sec-m3 .partBox .conBox div:hover .button:focus:before,
.main .sec-m3 .partBox .conBox div:hover .button:active:before{transform:rotate(270deg);}
.main .sec-m3 .partBox .conBox div:hover .button:hover span:before,
.main .sec-m3 .partBox .conBox div:hover .button:focus span:before,
.main .sec-m3 .partBox .conBox div:hover .button:active span:before{transform:rotate(180deg);}


    @media screen and (max-width:1800px){
    .main .sec-m3{ background:url(/img/m3_bg3.jpg) no-repeat left -300px bottom -20px;}
        
    .main .sec-m3 .partBox .conBox div{padding:4% 4%;}
    }
    @media screen and (max-width:1650px){
    .main .sec-m3{ background:url(/img/m3_bg3.jpg) no-repeat left -400px bottom -20px;}
    .main .sec-m3 .partBox .conBox div{width:calc(100%/2 - 20px); margin:10px; padding:4% 3%;}
    }
    @media screen and (max-width:1600px){
    .main .sec-m3{padding: 170px 0 200px 0 !important; background:url(/img/m3_bg3.jpg) no-repeat left -320px bottom -20px;}
    }
    @media screen and (max-width:1500px){
    .main .sec-m3{ background:url(/img/m3_bg4.jpg) no-repeat left -500px bottom -30px;}
    .main .sec-m3 .m3Logo {width:800px ; bottom: -210px; right:4%; transition:all 0.2s ease;}
        
    .main .sec-m3 .partBox{width: 97%; margin: 0 auto;}
    .main .sec-m3 .partBox .conBox div{padding:3% 3%;}
    .main .sec-m3 .partBox .conBox div span figure i{width:60px;height:60px;}
    .main .sec-m3 .partBox .conBox div .tit{font-size: 34px !important;}
    .main .sec-m3 .partBox .conBox div .type17 {margin-top: 15px !important;}
    .main .sec-m3 .partBox .conBox div .type17 br.hide1 {display: none;}
    }
    @media screen and (max-width:1400px){
    .main .sec-m3{background:url(/img/m3_bg5.jpg) no-repeat left -350px bottom -80px;}
    .main .sec-m3 .m3Logo {width:700px ; bottom: -210px; right:3%;}
        
    .main .sec-m3 .partBox .titBox{width: 45%; margin-top: -30px;}
    .main .sec-m3 .partBox .titBox .type30{font-size: 22px !important; text-align: left;}
    .main .sec-m3 .partBox .titBox h4{font-size: 40px !important; text-align: left;}
    .main .sec-m3 .partBox .titBox h4 i{width: 15px; display: inline-block; }
    .main .sec-m3 .partBox .titBox h4 br.hide{display: block;}
        
    .main .sec-m3 .partBox .conBox div{padding:4% 3%;}
    .main .sec-m3 .partBox .conBox div span figure i{width:50px;height:50px;}
    .main .sec-m3 .partBox .conBox div .tit{font-size: 30px !important;}
        
    .main .sec-m3 .partBox .conBox div .button{padding:8px 40px 8px 30px;font-size:15px; margin-top: 20px !important;}
    }
    @media screen and (max-width:1280px){
    .main .sec-m3{background:url(/img/m3_bg6.jpg) no-repeat left -280px bottom -80px;}
    .main .sec-m3 .m3Logo {width:600px ; bottom: -210px; right:2%;}
        
    .main .sec-m3 .partBox .titBox .type30{font-size: 20px !important; margin-top: 0 !important;}
    .main .sec-m3 .partBox .titBox h4{font-size: 45px !important;}
    .main .sec-m3 .partBox .titBox h4 i{width: 20px;}
        
    .main .sec-m3 .partBox .conBox div{padding:3.5% 2%;}
    .main .sec-m3 .partBox .conBox div span figure i{width:45px;height:45px;}
    .main .sec-m3 .partBox .conBox div .tit{font-size: 27px !important;}
        
    .main .sec-m3 .partBox .conBox div .button{padding:7px 38px 7px 28px;font-size:14px; margin-top: 20px !important;}
    .main .sec-m3 .partBox .conBox div:hover .button:hover{padding:7px 48px 7px 38px;}
    }
    @media screen and (max-width:1100px){
    .main .sec-m3{padding: 170px 0 400px 0 !important;background:url(/img/m3_bg7.jpg) no-repeat right -300px bottom -100px;}
    .main .sec-m3 .m3Logo {width:600px ; bottom: -410px; right:20%;}
        
    .main .sec-m3 .partBox .titBox{width:100% !important;padding:0 2%;padding-bottom:30px;}
    .main .sec-m3 .partBox .titBox .type30{font-size: 22px !important; text-align: center;}
    .main .sec-m3 .partBox .titBox h4{font-size: 40px !important; text-align: center;}
    .main .sec-m3 .partBox .titBox h4 i{width: 15px; display: none; }
    .main .sec-m3 .partBox .titBox h4 br.hide{display: none;}
        
    .main .sec-m3 .partBox .conBox{width:85% !important; margin: 0 auto; margin-top: 20px;}
    .main .sec-m3 .partBox .conBox div{width:calc(100%/2 - 15px);padding:3% 3%; margin:7px; border-radius:20px;}
    .main .sec-m3 .partBox .conBox div .type17 {text-overflow:ellipsis;overflow: hidden;display: -webkit-box;  -webkit-line-clamp: 2;  -webkit-box-orient:vertical; -webkit-box-pack: top;}
    .main .sec-m3 .partBox .conBox div .type17 br.hide1 {display: block;}
        
    .main .sec-m3 .partBox .conBox div .button{padding:10px 40px 10px 30px;}
    .main .sec-m3 .partBox .conBox div:hover .button:hover{padding:10px 50px 10px 40px;}
    }
    @media screen and (max-width:960px){
    .main .sec-m3 .m3Logo {width:500px ; bottom: -410px; right:auto; left:2%;}
    }
    @media screen and (max-width:767px){
    .main .sec-m3 .partBox .conBox{width:92% !important;margin-top: 0px;}
    .main .sec-m3 .partBox .conBox div{width:calc(100%/2 - 20px);padding:2.5% 2% 3% 2%; margin:10px;}
    .main .sec-m3 .partBox .conBox div span figure i{width:40px;height:40px;}
    .main .sec-m3 .partBox .conBox div .tit{font-size: 25px !important;}
    .main .sec-m3 .partBox .conBox div .type17 {font-size: 14px; line-height: 120%;}
        
    .main .sec-m3 .partBox .conBox div .button{padding:6px 38px 6px 28px;font-size:13px; margin-top: 20px !important;}
    .main .sec-m3 .partBox .conBox div:hover .button:hover{padding:6px 48px 6px 38px;}
    }
    @media screen and (max-width:640px){
    .main .sec-m3{padding: 170px 0 360px 0 !important;background:url(/img/m3_bg7.jpg) no-repeat right -200px bottom -50px; background-size: 350%;}
    .main .sec-m3 .m3Logo {display: none;}
  
    .main .sec-m3 .partBox .titBox .type30{font-size: 20px !important;}
    .main .sec-m3 .partBox .titBox h4{line-height: 110%; margin-top: 17px !important;;}
    .main .sec-m3 .partBox .titBox h4 br.hide{display: block;}
    .main .sec-m3 .partBox .conBox div .type17 {font-size: 12px;}
        
    .main .sec-m3 .partBox .conBox{width:95% !important;}
    .main .sec-m3 .partBox .conBox div{width:calc(100%/2 - 12px);padding:3% 2% 4% 2%; margin:6px;  border-radius:10px;}
        
    .main .sec-m3 .partBox .conBox div span figure i{width:36px;height:36px;}
    .main .sec-m3 .partBox .conBox div .tit{margin-left: 10px; font-size: 22px !important;}
        
    .main .sec-m3 .partBox .conBox div .button{padding:6px 38px 6px 28px;font-size:13px; margin-top: 20px !important;}
    }
    @media screen and (max-width:460px){
    .main .sec-m3{padding: 140px 0 360px 0 !important;background:url(/img/m3_bg7.jpg) no-repeat right -250px bottom 0px; background-size: cover !important;}
        
    .main .sec-m3 .partBox .titBox .type30{font-size: 18px !important;}
    .main .sec-m3 .partBox .titBox h4{font-size: 35px !important;margin-top: 20px !important;;}
        
    .main .sec-m3 .partBox .conBox{width:95% !important;}
    .main .sec-m3 .partBox .conBox div{width:calc(80%/1 - 12px);padding:4% 2% 5% 2%; margin:7px auto 7px auto;}
    .main .sec-m3 .partBox .conBox div .tit{font-size: 25px !important;}
    }
    @media screen and (max-width:400px){
    .main .sec-m3{background:url(/img/m3_bg7.jpg) no-repeat right -300px bottom -50px;  background-size: 520%;}
    }
    @media screen and (max-width:360px){        
    .main .sec-m3 .partBox .conBox div{padding:4% 2% 8% 2%;}
    .main .sec-m3 .partBox .titBox .type30{font-size: 16px !important;}
    .main .sec-m3 .partBox .titBox h4{font-size: 28px !important;}
    .main .sec-m3 .partBox .conBox div .type17 {display: none;}
        
    .main .sec-m3 .partBox .conBox div .tit{font-size: 22px !important;margin-left: 7px; margin-top: 5px;}
    }
    @media screen and (max-width:320px){
    .main .sec-m3 {background:url(/img/m3_bg7.jpg) no-repeat right -280px bottom 0; background-size: cover !important;}
    .main .sec-m3 .partBox .conBox div{width:calc(93%/1 - 12px);padding:4.5% 2% 6% 2%; margin:5px auto 5px auto;background-size: 650%;}
    .main .sec-m3 .partBox .conBox div .tit{font-size: 21px !important;}
    }






/******** ===== sec-m4 / 인증서 ===== ********/
.sec-m4{padding: 200px 0 260px 0 !important; background: #f6f7f8; position:relative;}
.sec-m4 h3 {font-weight: 700 !important;}
.sec-m4 h3, .sec-m4 .type22{transition:all 0.5s ease;}
.sec-m4 h3 br.hide, .sec-m4 .type22 br.hide{display: none;}

    @media screen and (max-width:1500px){
    .sec-m4{padding: 180px 0 240px 0 !important;}
    }
    @media screen and (max-width:1280px){
    .sec-m4{padding: 160px 0 220px 0 !important;}
    }
    @media screen and (max-width:960px){
    .sec-m4{padding: 140px 0 200px 0 !important;}
    }
    @media screen and (max-width:600px){
    .sec-m4 h3{font-size: 34px !important;}
    }
    @media screen and (max-width:560px){
    .sec-m4 .type22 {margin-top: 20px !important; line-height: 120% !important;}
    .sec-m4 .type22 br.hide{display: block;}
    }
    @media screen and (max-width:460px){
    .sec-m4 h3 {line-height: 120% !important;}
    .sec-m4 h3 br.hide{display: block;}
    }



.photo_slide{padding-left:0%;position:relative;}
.photo_slide .swiper-wrapper{height:auto;}

.photo_slide figure{border: solid 3px #fff; box-shadow:0px 2px 20px rgba(0,0,0,0.1);position: relative;}
.photo_slide .item_cont{width:100%; }
.photo_slide .item_cont .txtBox{margin-top: 10px; padding: 20px 5px; text-align: center;}
.photo_slide .item_cont .txtBox .tit{letter-spacing: -0.06em;}


.photo_slide .swiper-scrollbar{width:22%;height:5px;position:absolute;bottom:-80px;left:calc(35% + 50px);border-radius:50px !important;background:#dadada;overflow:hidden;}
.photo_slide .swiper-scrollbar .swiper-scrollbar-drag{height:5px;background:#51aed2;border-radius:50px;top:0;opacity:1;}

.photo_slide .swiper-button-prev,
.photo_slide .swiper-button-next{width:40px !important;height:40px !important; top:112%; left:auto;z-index:10;cursor:pointer;border:solid 1px #312d2e;border-radius:50%;background-image:none !important;}
.photo_slide .swiper-button-prev{right:calc(35% + 50px) !important;}
.photo_slide .swiper-button-next{right:35% !important;}

.photo_slide .swiper-button-prev:after,
.photo_slide .swiper-button-next:after{width:10px;height:10px;border:solid #312d2e;position:absolute;top:calc(50% - 6px);display:block;content:"";transform:rotate(45deg);}
.photo_slide .swiper-button-prev:after{border-width:0 0 2px 2px;left:calc(50% - 4px);}
.photo_slide .swiper-button-next:after{border-width:2px 2px 0 0;right:calc(50% - 4px);}

.photo_slide .swiper-button-prev:hover,
.photo_slide .swiper-button-next:hover{background:#4e3f41;border-color:#4e3f41;}
.photo_slide .swiper-button-prev:hover:after,
.photo_slide .swiper-button-next:hover:after{border-color:#fff;}

    @media screen and (max-width:2100px) {
    .photo_slide{}
    .photo_slide .swiper-scrollbar{width:22%;height:5px;bottom:-70px;left:calc(35% + 50px);}
    }
    @media screen and (max-width:2000px) {
    .photo_slide{}
    .photo_slide .swiper-scrollbar{left:calc(35% + 50px);}
    .photo_slide .swiper-button-prev{right:calc(33% + 50px) !important;}
    .photo_slide .swiper-button-next{right:33% !important;}
    }
    @media screen and (max-width:1900px) {
    .photo_slide{}
    .photo_slide .swiper-scrollbar{left:calc(35% + 50px); bottom:-70px;}
    .photo_slide .swiper-button-prev,
    .photo_slide .swiper-button-next{top:114%;}
    .photo_slide .swiper-button-prev{right:calc(33% + 50px) !important;}
    .photo_slide .swiper-button-next{right:33% !important;}
    }
    @media screen and (max-width:1800px) {
    .photo_slide{}
    .photo_slide .swiper-button-prev{right:calc(31% + 50px) !important;}
    .photo_slide .swiper-button-next{right:31% !important;}
    }
    @media screen and (max-width:1700px) {
    .photo_slide{}
    .photo_slide .swiper-button-prev{right:calc(31% + 50px) !important;}
    .photo_slide .swiper-button-next{right:31% !important;}
    }
    @media screen and (max-width:1600px) {
    .photo_slide{}
    .photo_slide .swiper-scrollbar{width:30%;bottom:-70px;left:calc(27% + 50px);}
    .photo_slide .swiper-button-prev,
    .photo_slide .swiper-button-next{top:115%;}
    .photo_slide .swiper-button-prev{right:calc(31% + 50px) !important;}
    .photo_slide .swiper-button-next{right:31% !important;}
    }
    @media screen and (max-width:1400px) {
    .photo_slide .swiper-scrollbar{bottom:-50px;}
    .photo_slide .swiper-button-prev,
    .photo_slide .swiper-button-next{top:118%;}
    }
    @media screen and (max-width:1280px) {
    .photo_slide .swiper-scrollbar{bottom:-70px;}
    .photo_slide .swiper-button-prev,
    .photo_slide .swiper-button-next{top:116%;}
    .photo_slide .swiper-button-prev{right:calc(26% + 50px) !important;}
    .photo_slide .swiper-button-next{right:26% !important;}
        
    .photo_slide .item_cont .txtBox .tit{font-size: 18px !important; letter-spacing: -0.04em;}   
    }
    @media screen and (max-width:1100px) {
    .photo_slide .swiper-scrollbar{bottom:-60px;}
    }
    @media screen and (max-width:960px) {
    .photo_slide .swiper-scrollbar{height:4px;right:calc(2% + 120px);}
    .photo_slide .swiper-scrollbar .swiper-scrollbar-drag{height:4px;}

    .photo_slide .swiper-button-prev,
    .photo_slide .swiper-button-next{top:116%;}
    .photo_slide .swiper-button-prev{width:35px !important;height:35px !important;right:calc(26% + 40px) !important;}
    .photo_slide .swiper-button-prev:after{width:6px;height:6px;top:calc(50% - 3px);left:calc(50% - 3px);}

    .photo_slide .swiper-button-next{width:35px !important;height:35px !important;right:26% !important}
    .photo_slide .swiper-button-next:after{width:6px;height:6px;top:calc(50% - 3px);right:calc(50% - 3px);}
    }
    @media screen and (max-width:767px) {
    .photo_slide .swiper-scrollbar{width:35%;bottom:-50px;left:calc(18% + 50px);}
    .photo_slide .swiper-button-prev,
    .photo_slide .swiper-button-next{top:115%;}
        
    .photo_slide .item_cont .txtBox{margin-top: 0;}
    .photo_slide .item_cont .txtBox .tit{font-size: 16px !important;}   
    }
    @media screen and (max-width:640px) {
    .photo_slide{margin-top: 50px !important;}
    .photo_slide .swiper-scrollbar{width:35%;bottom:-50px;left:calc(16% + 50px);}
    .photo_slide .swiper-button-prev,
    .photo_slide .swiper-button-next{top:112%;}
    .photo_slide .swiper-button-prev{right:calc(21% + 40px) !important;}
    .photo_slide .swiper-button-next{width:35px !important;height:35px !important;right:21% !important;}
    }
    @media screen and (max-width:560px) {
    .photo_slide .item_photo li{padding: 0 2.5% !important;}

    .photo_slide .swiper-scrollbar{width:40%;bottom:-40px;left:calc(14% + 50px);}

    .photo_slide .swiper-button-prev,
    .photo_slide .swiper-button-next{top:111%;}
    .photo_slide .swiper-button-prev{width:30px !important;height:30px !important;right:calc(17% + 37px) !important;}
    .photo_slide .swiper-button-prev:after{width:5px;height:5px;top:calc(50% - 3px);}

    .photo_slide .swiper-button-next{width:30px !important;height:30px !important;right:17% !important}
    .photo_slide .swiper-button-next:after{width:5px;height:5px;top:calc(50% - 3px);}
    }
    @media screen and (max-width:460px) {
    .photo_slide .item_photo {width: 80%; margin: 0 auto;}
    .photo_slide .item_photo li{padding: 0 !important;}

    .photo_slide .swiper-scrollbar{bottom:-55px;left:calc(10% + 50px);}
    .photo_slide .swiper-button-prev,
    .photo_slide .swiper-button-next{top:110%;}
    .photo_slide .swiper-button-prev{right:calc(17% + 37px) !important;}
    .photo_slide .swiper-button-next{right:17% !important;}
        
    .photo_slide .item_cont .txtBox .tit{font-size: 19px !important;}  
    }
    @media screen and (max-width:420px) {
    .photo_slide .item_photo {width: 85%;}
    }
    @media screen and (max-width:360px) {
    .photo_slide .swiper-scrollbar{bottom:-45px; left:calc(5% + 50px);}
    .photo_slide .swiper-button-prev,
    .photo_slide .swiper-button-next{top:111%;}
    .photo_slide .swiper-button-prev{width:25px !important;height:25px !important;right:calc(19% + 30px) !important;}
    .photo_slide .swiper-button-prev:after{width:4px;height:4px;top:calc(50% - 3px);left:calc(50% - 2px);}

    .photo_slide .swiper-button-next{width:25px !important;height:25px !important;right:19% !important}
    .photo_slide .swiper-button-next:after{width:4px;height:4px;top:calc(50% - 3px);right:calc(50% - 2px);}
    }
    @media screen and (max-width:320px) {
    .photo_slide .swiper-scrollbar{width: 37%; bottom:-40px; left:calc(2% + 50px);}
    }





/************************************************************************
* SUB_CONTENTS *
************************************************************************/

/* Sub Title */
.Stit {}


.contents.sub div[class*='sub']{padding-top:100px;}

    @media screen and (max-width:1280px) {        
        .contents.sub div[class*='sub']{padding-top:80px;}
    }
    @media screen and (max-width:1100px) {        
        .contents.sub div[class*='sub']{padding-top:60px;}
    }
    @media screen and (max-width:860px) {        
        .contents.sub div[class*='sub']{padding-top:50px;}
    }
    @media screen and (max-width:767px) {        
        .contents.sub div[class*='sub']{padding-top:40px;}
    }




/*********** 회사소개 ***********/
/* 1. 인사말 */
.Stit.GR h2 {transition:all 0.5s ease;}
.Stit.GR h2 br.hide {display: none;}
.Stit.GR h2 br.hide2{display: block;}

    @media screen and (max-width:560px) {        
        .Stit.GR h2 {font-size: 30px !important; letter-spacing: -0.06em;}
    }
    @media screen and (max-width:420px) {        
        .Stit.GR h2 {width: 94%; margin: 0 auto; font-size: 28px !important; line-height: 130%; letter-spacing: -0.02em;}
        .Stit.GR h2 br.hide {display: block;}
    }
    @media screen and (max-width:320px) {        
        .Stit.GR h2 {font-size: 26px !important; line-height: 120%;}
    }


.sub1.c1{/*overflow: hidden;*/}
.sub1.c1 figure{width: 48%;transition:all 0.5s ease;}
.sub1.c1 figure img{width: 100%; border-radius: 30px; display: block;transition:all 0.5s ease;}
.sub1.c1 .grBox{width: 45%;transition:all 0.5s ease;}
.sub1.c1 .grBox font{color: #2c2c2c;font-family:'Pretendard-Light' !important;  transition:all 0.5s ease;}
.sub1.c1 .grBox font br.hide{display: block;}


    @media screen and (max-width:1700px) {
        .sub1.c1{width: 95%; margin: 0 auto;}
        
        .sub1.c1 figure{width: 55%;}
        .sub1.c1 figure img{width: 100%; display: block;}
        
        .sub1.c1 .grBox{width: 40%;}
        .sub1.c1 .grBox font br.hide{display: none;}
    }
    @media screen and (max-width:1400px) {        
        .sub1.c1 figure{width: 50%;}        
        .sub1.c1 .grBox{width: 45%;}
    }
    @media screen and (max-width:1100px) {        
        .sub1.c1 figure{width: 80%; margin: 0 auto;}  
        .sub1.c1 figure img{border-radius: 20px;}    
        .sub1.c1 .grBox{width: 80%; margin: 0 auto;margin-top: 40px;}
        .sub1.c1 .grBox .type20{font-size: 18px !important;}
    }
    @media screen and (max-width:960px) {        
        .sub1.c1 figure{width: 90%;}   
        .sub1.c1 .grBox{width: 90%; padding: 2%;margin-top: 30px;}
    }
    @media screen and (max-width:640px) {        
        .sub1.c1 figure{width: 94%;}   
        .sub1.c1 .grBox{width: 94%; margin-top: 20px;}
        .sub1.c1 .grBox .type20{font-size: 16px !important;}
    }




/* 2. VISION */
.sub1.c2 {background: rgba(234,243,246,.6); margin-top: 200px; padding: 250px 0 300px 0 !important;position: relative; transition:all 0.5s ease;}
.sub1.c2 .i_logo{width: 900px; height: auto; position: absolute; bottom:-100px; right: 0; opacity: .5; transition:all 0.5s ease;}

.sub1.c2 .disF{position:relative;}
.sub1.c2 .disF div{width:490px;height:490px;margin:0 -25px;border-radius:50%;border:solid 15px #fff;display:flex;align-items:center;justify-content:center;flex-direction:column; transition:all 0.5s ease;}
.sub1.c2 .disF div:first-child{border:solid 15px rgba(97,182,216,.4); transition:all 0.5s ease;}
.sub1.c2 .disF div:nth-child(2){border:solid 15px rgba(87,216,195,.4); transition:all 0.5s ease;}
.sub1.c2 .disF div:last-child{border:solid 15px rgba(97,216,142,.4); transition:all 0.5s ease;}
.sub1.c2 .disF div *{color:#000;}
.sub1.c2 .disF div figure{position: relative;}
.sub1.c2 .disF div figure img{transform: scale(1.0);transition:all 0.5s ease;}
.sub1.c2 .disF div h4{line-height:120% !important; transition:all 0.5s ease;}
.sub1.c2 .disF div .type20{font-family:'Pretendard-ExtraLight';line-height:120% !important;}
.sub1.c2 .disF div .type20 br.hide{display: block;}

.sub1.c2 .disF div:hover figure img{transform: scale(1.1);}

.sub1.c2 .disF div:first-child:hover {border:solid 15px rgba(97,182,216,.6);}
.sub1.c2 .disF div:first-child:hover h4{color:rgba(97,182,216,1);}

.sub1.c2 .disF div:nth-child(2):hover {border:solid 15px rgba(87,216,195,.6);}
.sub1.c2 .disF div:nth-child(2):hover h4{color: rgba(87,216,195,1);}

.sub1.c2 .disF div:last-child:hover{border:solid 15px rgba(97,216,142,.6);}
.sub1.c2 .disF div:last-child:hover h4{color: rgba(97,216,142,1);}


    @media screen and (max-width:1600px) {
        .sub1.c2 .i_logo{width: 800px; height: auto; bottom:-90px;}
    }
    @media screen and (max-width:1500px) {
        .sub1.c2 .disF div{width:450px;height:450px;}
        .sub1.c2 .disF div figure img{width: 125px;height: 125px;}
    }
    @media screen and (max-width:1360px) {
        .sub1.c2 .disF div{width:400px;height:400px;}
        .sub1.c2 .disF div figure img{width: 110px;height: 110px;}
        .sub1.c2 .disF div h4{margin-top: 20px !important;}
    }
    @media screen and (max-width:1280px) {
        .sub1.c2 .disF div{width:380px;height:380px;}
        .sub1.c2 .disF div figure {margin-top: -10px;}
        .sub1.c2 .disF div figure img{width: 100px;height: 100px;}

        .sub1.c2 .i_logo{width: 700px; height: auto; bottom:-80px;}
    }
    @media screen and (max-width:1100px) {
        .sub1.c2 .disF div{width:350px;height:350px;}
        .sub1.c2 .disF div figure img{width: 95px;height: 95px;}
        .sub1.c2 .disF div h4{margin-top: 10px !important;}
    }
    @media screen and (max-width:980px) {
        .sub1.c2 .disF div{width:320px;height:320px;}
        .sub1.c2 .disF div:first-child{border:solid 12px rgba(97,182,216,.4);}
        .sub1.c2 .disF div:nth-child(2){border:solid 12px rgba(87,216,195,.4);}
        .sub1.c2 .disF div:last-child{border:solid 12px rgba(97,216,142,.4);}
        .sub1.c2 .disF div figure {margin-top: -20px;}
        .sub1.c2 .disF div figure img{width: 85px;height: 85px;}
        .sub1.c2 .disF div .type20{font-size: 15px !important;}

        .sub1.c2 .i_logo{width: 600px; height: auto; bottom:-70px;}
    }
    @media screen and (max-width:870px) {
        .sub1.c2 .disF div{width:300px;height:300px;}
        .sub1.c2 .disF div figure img{width: 80px;height: 80px;}
    }
    @media screen and (max-width:830px) {
        .sub1.c2 .disF div{width:270px;height:270px;margin:0 -18px;}
        .sub1.c2 .disF div figure {margin-top: -10px;}
        .sub1.c2 .disF div figure img{width: 70px;height: 70px;}
        .sub1.c2 .disF div h4{font-size: 28px !important;}
        .sub1.c2 .disF div .type20{width: 76%; margin: 0 auto;font-size: 14px !important;}
        .sub1.c2 .disF div .type20 br.hide{display: none;}

        .sub1.c2 .i_logo{width: 500px; height: auto; bottom:-56px;}
    }
    @media screen and (max-width:767px) {
        .sub1.c2 .disF div{width:300px;height:300px;margin:0 -15px;}
        .sub1.c2 .disF div:last-child{margin-top:-50px;}
        .sub1.c2 .disF div figure img{width: 65px;height: 65px;}
        .sub1.c2 .disF div h4{font-size:30px !important;}

        .sub1.c2 .i_logo{width: 500px; height: auto; bottom:-55px;}
    }
    @media screen and (max-width:640px) {
        .sub1.c2 .disF div{width:260px;height:260px;}
        .sub1.c2 .disF div:last-child{margin-top:-65px;}
        .sub1.c2 .disF div h4{font-size:26px !important;}

        .sub1.c2 .i_logo{width: 400px; height: auto; bottom:-45px;}
    }
    @media screen and (max-width:540px) {
        .sub1.c2 .disF div{width:230px;height:230px;margin:0 -13px;}
        .sub1.c2 .disF div:first-child{border:solid 10px rgba(97,182,216,.4);}
        .sub1.c2 .disF div:nth-child(2){border:solid 10px rgba(87,216,195,.4);}
        .sub1.c2 .disF div:last-child{border:solid 10px rgba(97,216,142,.4);margin-top:-55px;}
        .sub1.c2 .disF div figure {margin-top: -15px;}
        .sub1.c2 .disF div figure img{width: 56px;height: 56px;}
        .sub1.c2 .disF div .type20{width: 70%; font-size: 13px !important; line-height: 110% !important;}
        .sub1.c2 .disF div:nth-child(2) .type20{width: 60%;}

        .sub1.c2 .i_logo{width: 300px; height: auto; bottom:-30px;}
    }
    @media screen and (max-width:460px) {
        .sub1.c2 .disF div{width:260px;height:260px;}
        .sub1.c2 .disF div:nth-child(2), .sub1.c2 .disF div:last-child{margin-top:-30px !important;}
        .sub1.c2 .disF div figure {margin-top: -5px;}
    }
    @media screen and (max-width:360px) {
        .sub1.c2 .disF div{width:240px;height:240px;}
    }





/* 3. 회사개요 */
.sub1.c3{padding: 250px 0 50px 0 !important; overflow: hidden;}

.sub1.c3 .overview{}
.sub1.c3 .overview .item{width:calc(100%/3 - 40px);margin:20px;transition:all 0.5s ease; }
.sub1.c3 .overview .item .txtBox{width:100%;height: 390px; padding:15% 12%;background:#f8f8f8;aspect-ratio:16 / 9;border-radius: 50px; position: relative;transition:all 0.5s ease;}


.sub1.c3 .overview .item2{width:calc(100%/2 - 40px);margin:20px;transition:all 0.5s ease; }
.sub1.c3 .overview .item2 .txtBox{width:100%;height: 390px; padding:11% 9%;background:#f8f8f8;aspect-ratio:16 / 9;border-radius: 50px; position: relative;transition:all 0.5s ease;}

.sub1.c3 .overview .item:nth-child(2) .txtBox, 
.sub1.c3 .overview .item2:nth-child(2) .txtBox{background:#edf1fc;transition:all 0.5s ease;}

.sub1.c3 .overview .item .txtBox .ico, 
.sub1.c3 .overview .item2 .txtBox .ico{width: 95px; height: 95px; bottom:30px; right:30px; position: absolute;background-size: cover; transition:all 0.5s ease;}
.sub1.c3 .overview .item .txtBox .ico.i1{background: url(/sub1/img/c3ico-1.png) no-repeat center center;background-size: cover;  }
.sub1.c3 .overview .item .txtBox .ico.i2{background: url(/sub1/img/c3ico-2.png) no-repeat center center;background-size: cover;  }
.sub1.c3 .overview .item .txtBox .ico.i3{background: url(/sub1/img/c3ico-3.png) no-repeat center center;background-size: cover;  }
.sub1.c3 .overview .item2 .txtBox .ico.i4{background: url(/sub1/img/c3ico-4.png) no-repeat center center;background-size: cover;  }
.sub1.c3 .overview .item2 .txtBox .ico.i5{background: url(/sub1/img/c3ico-5.png) no-repeat center center;background-size: cover;  }
.sub1.c3 .overview .txtBox h5{color: #0053ff !important;transition:all 0.5s ease;}


    @media screen and (max-width:1500px) {
        .sub1.c3 .overview .item .txtBox, 
        .sub1.c3 .overview .item2 .txtBox {height: 370px; border-radius: 40px;}
        .sub1.c3 .overview .item .txtBox .ico, 
        .sub1.c3 .overview .item2 .txtBox .ico{width: 85px; height: 85px;bottom:35px; right:35px;}
    }
    @media screen and (max-width:1280px) {
        .sub1.c3{padding: 230px 0 50px 0 !important;}
        
        .sub1.c3 .overview .item{width:calc(100%/3 - 40px);margin:15px;}
        .sub1.c3 .overview .item2{width:calc(100%/2 - 40px);margin:15px;}
        .sub1.c3 .overview .item .txtBox, 
        .sub1.c3 .overview .item2 .txtBox {height: 330px; border-radius: 35px;}
        .sub1.c3 .overview .item .txtBox .ico, 
        .sub1.c3 .overview .item2 .txtBox .ico{width: 80px; height: 80px;bottom:30px; right:30px;}
    }
    @media screen and (max-width:1100px) {
        .sub1.c3 .overview .item{width:calc(100%/3 - 30px);margin:10px;}
        .sub1.c3 .overview .item2{width:calc(100%/2 - 30px);margin:10px;}
        .sub1.c3 .overview .item .txtBox, 
        .sub1.c3 .overview .item2 .txtBox {height: 300px; border-radius: 30px;}
        .sub1.c3 .overview .item .txtBox .ico, 
        .sub1.c3 .overview .item2 .txtBox .ico{width: 75px; height: 75px;}
    }
    @media screen and (max-width:960px) {
        .sub1.c3 .overview .item{width:calc(100%/3 - 30px);margin:10px;}
        .sub1.c3 .overview .item2{width:calc(100%/1 - 30px);margin:10px;}
        .sub1.c3 .overview .item2 .txtBox{padding:5% 5%;}
        .sub1.c3 .overview .item .txtBox {height: 280px; border-radius: 20px;}
        .sub1.c3 .overview .item2 .txtBox {height: 250px; border-radius: 20px;}
    }
    @media screen and (max-width:860px) {
        .sub1.c3{padding: 200px 0 50px 0 !important;}
        
        .sub1.c3 .overview .item,
        .sub1.c3 .overview .item2{width:calc(90%/1 - 30px);margin:10px auto;}
        
        .sub1.c3 .overview .item .txtBox, 
        .sub1.c3 .overview .item2 .txtBox{height: 240px; border-radius: 20px;padding:6% 5%;background:#f8f8f8 !important;}
        
        .sub1.c3 .overview .item:nth-child(2) .txtBox, 
        .sub1.c3 .overview .item2:nth-child(1) .txtBox, 
        .sub1.c3 .overview .item2:nth-child(3) .txtBox{background:#edf1fc !important;}
        
        .sub1.c3 .overview .item .txtBox .ico, 
        .sub1.c3 .overview .item2 .txtBox .ico{width: 70px; height: 70px;}
    }
    @media screen and (max-width:767px) {  
        .sub1.c3 .overview .item .txtBox, 
        .sub1.c3 .overview .item2 .txtBox{height: 240px; border-radius: 20px;padding:9% 8%;}
        
        .sub1.c3 .overview .item .txtBox .type24, 
        .sub1.c3 .overview .item2 .txtBox .type24{font-size: 18px !important;transition:all 0.5s ease;}
        
        .sub1.c3 .overview .item .txtBox h5, 
        .sub1.c3 .overview .item2 .txtBox h5{font-size: 24px !important;}
    }
    @media screen and (max-width:640px) {
        .sub1.c3{padding: 180px 0 50px 0 !important;}
        
        .sub1.c3 .overview .item,
        .sub1.c3 .overview .item2{width:calc(95%/1 - 30px);margin:10px auto;}
        
        .sub1.c3 .overview .item .txtBox, 
        .sub1.c3 .overview .item2 .txtBox{height: 230px; border-radius: 20px;padding:9% 8%;}
        
        
        .sub1.c3 .overview .item .txtBox .ico, 
        .sub1.c3 .overview .item2 .txtBox .ico{width: 70px; height: 70px;}
    }
    @media screen and (max-width:540px) {
        .sub1.c3{padding: 150px 0 80px 0 !important;}
        
        .sub1.c3 .overview .item .txtBox, 
        .sub1.c3 .overview .item2 .txtBox{height: 220px; border-radius: 15px;padding:10% 9%;}
        
        
        .sub1.c3 .overview .item .txtBox .type24, 
        .sub1.c3 .overview .item2 .txtBox .type24{font-size: 16px !important;}
        
        .sub1.c3 .overview .item .txtBox h5, 
        .sub1.c3 .overview .item2 .txtBox h5{font-size: 22px !important;}
    }
    @media screen and (max-width:460px) {
        .sub1.c3{padding: 120px 0 60px 0 !important;}
        
        .sub1.c3 .overview .item,
        .sub1.c3 .overview .item2{width:calc(95%/1 - 30px);margin:7px auto;}
        
        .sub1.c3 .overview .item .txtBox, 
        .sub1.c3 .overview .item2 .txtBox{height: 200px; border-radius: 10px;padding:12% 10%;}
                
        .sub1.c3 .overview .item .txtBox .type24, 
        .sub1.c3 .overview .item2 .txtBox .type24{font-size: 16px !important;}
        
        .sub1.c3 .overview .item .txtBox h5, 
        .sub1.c3 .overview .item2 .txtBox h5{font-size: 20px !important;}
        
        .sub1.c3 .overview .item .txtBox .ico, 
        .sub1.c3 .overview .item2 .txtBox .ico{width: 60px; height: 60px;}
    }






/* 2. 연혁 */
.sub1-3 .sub2 {padding: 200px 0 !important;position: relative;}

.his{position:relative;}
.his:before,
.his:after{display:none;}/*
.his:before{width:2px;background:rgba(0,0,0,0.15);position:absolute;top:0;bottom:0;left:calc(50% - 1px);display:block;content:"";z-index:1;}
.his:after{width:6px;height:200px;background:#214ccd;position:absolute;top:0;left:calc(50% - 3px);display:block;content:"";z-index:1;}*/

.his>div{margin-bottom:140px;}
.his>div:last-child{margin-bottom:0 !important;}

.his>div .imgBox{width:50%;padding-right:50px;}
.his>div .imgBox h5{font-family:'Pretendard-ExtraBold';font-weight:bold;}
.his>div .imgBox h1{font-family:'Pretendard-Black';font-size:150px;font-weight:bold;}
.his>div .imgBox img{width:100%; border-radius: 30px;}
.his>div .txtBox{width:50%;}
.his>div .txtBox .item{width:100%;padding-left:50px;margin-bottom:70px;}
.his>div .txtBox .item .year{width:120px;}
.his>div .txtBox .item .mulBox{width:calc(100% - 120px);}
.his>div .txtBox .item .month{width:80px;text-align:center;margin-top:8px;float:left;}
.his>div .txtBox .item ul{width:calc(100% - 80px);margin-top:13px;float:left;}
.his>div .txtBox .item ul li{padding-bottom:10px;font-size:24px;line-height:130%;color:#848383;font-weight:500;font-family:'Pretendard-Medium';word-wrap:break-word;display:block;word-break:keep-all;}

.his>div:nth-child(even) .imgBox{padding-right:0;padding-left:50px;}
.his>div:nth-child(even) .txtBox{order:-1;}
.his>div:nth-child(even) .txtBox .item{padding-left:0;padding-right:50px;}
.his>div:nth-child(even) .txtBox .item .year{text-align:right;}
.his>div:nth-child(even) .txtBox .item .mulBox{order:-1;}
.his>div:nth-child(even) .txtBox .item ul{order:-1;}
.his>div:nth-child(even) .txtBox .item ul li{text-align:right;}

    @media all and (max-width:1500px){
    .his{width: 94%; margin: 0 auto;}
    .his:after{height:180px;}
    .his>div{margin-bottom:120px;}

    .his>div .imgBox{padding-right:40px;}
    .his>div .imgBox h1{font-size:130px;}
    .his>div .txtBox .item{padding-left:40px;margin-bottom:60px;}
    .his>div .txtBox .item .year{width:105px;}
    .his>div .txtBox .item .mulBox{width:calc(100% - 105px);}
    .his>div .txtBox .item .month{width:75px;margin-top:6px;}
    .his>div .txtBox .item ul{width:calc(100% - 75px);margin-top:8px;}
    .his>div .txtBox .item ul li{padding-bottom:8px;font-size:22px;}

    .his>div:nth-child(even) .imgBox{padding-left:40px;}
    .his>div:nth-child(even) .txtBox .item{padding-right:40px;}
    }
    @media all and (max-width:1280px){
    .his:after{height:160px;}
    .his>div{margin-bottom:100px;}

    .his>div .imgBox h1{font-size:110px;}
    .his>div .txtBox .item{margin-bottom:50px;}
    .his>div .txtBox .item .year{width:100%;}
    .his>div .txtBox .item .mulBox{width:100%;}
    .his>div .txtBox .item .month{width:45px;margin-top:5px;text-align:left;}
    .his>div .txtBox .item ul{width:calc(100% - 45px);margin-top:5px;}
    .his>div .txtBox .item ul li{padding-bottom:7px;font-size:21px;}

    .his>div:nth-child(even) .txtBox .item .mulBox{order:0;}
    .his>div:nth-child(even) .txtBox .item .month{text-align:right;}
    }
    @media all and (max-width:1100px){
    .his:after{height:140px;}
    .his>div{margin-bottom:80px;}

    .his>div .imgBox h1{font-size:90px;}
    }
    @media all and (max-width:960px){
    .his:after,
    .his:before{display:none;}
    .his>div{margin-bottom:60px;border-bottom:solid 1px rgba(0,0,0,0.15);position:relative;}
    .his>div:after{width:120px;height:4px;background:#3ba4bd;position:absolute;bottom:-2px;left:0;display:block;content:"";z-index:1;}

    .his>div .imgBox{width:100%;padding-right:0;}
    .his>div .imgBox h1{font-size:70px;}
    .his>div .imgBox img{margin-bottom:40px;margin-top:20px !important;}
    .his>div .txtBox{width:100%;}
    .his>div .txtBox .item{padding-left:0;margin-bottom:40px;}
    .his>div .txtBox .item .month{width:40px;}
    .his>div .txtBox .item ul{width:calc(100% - 40px);margin-top:8px;}
    .his>div .txtBox .item ul li{padding-bottom:6px;font-size:19px;}

    .his>div:nth-child(even) .imgBox{padding-left:0;}
    .his>div:nth-child(even) .txtBox{order:0;}
    .his>div:nth-child(even) .txtBox .item{padding-right:0;}
    .his>div:nth-child(even) .txtBox .item .year{text-align:left;}
    .his>div:nth-child(even) .txtBox .item .month{text-align:left;}
    .his>div:nth-child(even) .txtBox .item ul{order:0;}
    .his>div:nth-child(even) .txtBox .item ul li{text-align:left;}
    }
    @media all and (max-width:767px){
    .his>div{margin-bottom:60px;}
    .his>div:after{width:100px;}

    .his>div .imgBox h1{font-size:60px;}
    }
    @media all and (max-width:640px){
    .his>div{margin-bottom:40px;}
    .his>div:after{width:80px;}

    .his>div .imgBox h1{font-size:50px;}
    .his>div .txtBox .item{margin-bottom:30px;}
    .his>div .txtBox .item .month{width:35px;}
    .his>div .txtBox .item ul{width:calc(100% - 35px);margin-top:7px;}
    .his>div .txtBox .item ul li{padding-bottom:5px;font-size:17px;}
    }
    @media all and (max-width:420px){
    .his>div .imgBox h1{font-size:40px;}
    }



.history-con-wrap{position:relative;}
.history-percent-bar{width:2px;height:100%;position:absolute;top:0;left:calc(50% - 1px);background:rgba(0,0,0,0.15);}
.history-percent-bar .percent-bar-child{width:100%;height:0;position:absolute;content:"";background-color:#3ba4bd;z-index:1;}
.percent-bar-child .point{width:6px;height:150px;display:block;background-color:#3ba4bd;position:absolute;bottom:-5rem;left:calc(50% - 3px);content:"";z-index:5;}

    @media all and (max-width:1280px){
    .percent-bar-child .point{height:150px;bottom:-7rem;}
    }

    @media all and (max-width:960px){
    .history-percent-bar{display:none !important;}
    }



/* 1-5 오시는 길 ***/
.Location{overflow: hidden;}

p.point{margin:0 0 0 10px;width:15px; height:15px;display:inline-block; background-color:#4cc1e0;border-radius:50%;}




.Location .overBox{}
.Location .overBox .over span{width: calc(100% / 4 - 20px); border-radius: 20px; padding: 2.3% 2% 2% 2%; background: rgba(240,240,240,.3); transition:all 0.5s ease;}
.Location .overBox .over span.c2{background: rgba(255,255,255,.6); transition:all 0.5s ease;}

.Location .overBox .over span figure{margin-bottom: 20px;}
.Location .overBox .over span figure i{width:38px;height:38px;  overflow:hidden;display:block; }
.main .sec-m3 .partBox .conBox div span i img{width:100%; display:block;transition:all 0.3s ease;}
.Location .overBox .over span .type20{font-family:'Pretendard-Light'; height: 42px; color: #4cc1e0; font-weight: 600;transition:all 0.5s ease;}
.Location .overBox .over span .addr{color: #000; line-height: 130%; height: 60px; letter-spacing: -0.01em; transition:all 0.5s ease;}
.Location .overBox .over span h2{height: 80px;font-family:'GmarketSansBold'; color: #000; font-weight: 700 !important; line-height: 120% !important; transition:all 0.5s ease;}



.Location .overBox .over span:hover{background:rgba(143,214,233,.2); }
.Location .overBox .over span:hover figure{transition:all 0.3s ease;}
.Location .overBox .over span:hover figure i img{margin-top:-100%;transition:all 0.3s ease;}
.Location .overBox .over span:hover .type20{color: #000;}

.Location .mapBox{overflow: hidden;}


.Location .Mapbox2 {padding: 200px 0 !important; background: #f7f7f7;}

#daumRoughmapContainer1752133615611 .wrap_map{border-radius: 30px !important; border:none; overflow: hidden;}
#daumRoughmapContainer1752133615611 .wrap_controllers{display:none !important;}

.root_daum_roughmap .cont {display: none;}



    @media screen and (max-width:1500px){  
        .Location .overBox .over span{width: calc(100% / 4 - 10px);}
    }
    @media screen and (max-width:1280px){  
        .Location {width: 96%; margin: 0 auto;}
        
    }
    @media screen and (max-width:1100px){  
        .Location .overBox .over span{width: calc(100% / 2 - 20px);padding: 2.5% 5% 3.5% 5%;margin-bottom: 20px;}
        .Location .overBox .over span .type22{font-size: 20px !important;}
        .Location .overBox .over span .type24{font-size: 22px !important;}
    }
    @media screen and (max-width:960px){  
        
        .Location .overBox .over span figure{margin-bottom: 15px;}
        .Location .overBox .over span figure i{width:30px;height:30px; }
        .Location .overBox .over span .type20{height: auto; margin-bottom:5px;}
        .Location .overBox .over span .addr{height: auto; }
    }
    @media screen and (max-width:767px){  
        .Location .overBox .over span{width: calc(100% / 2 - 10px);}
        
        .Location .overBox .over span figure{margin-bottom: 15px;}
        .Location .overBox .over span figure i{width:30px;height:30px; }
        .Location .overBox .over span .type20{height: auto;}
        .Location .overBox .over span .addr{height: auto;}
        .Location .overBox .over span .type22{font-size: 18px !important;}
        .Location .overBox .over span .type24{font-size: 20px !important;}
    }
    @media screen and (max-width:640px){  
        .Location .overBox .over span{width: calc(100% / 2 - 5px);padding: 3% 6%; border-radius: 15px !important;margin-bottom: 10px;}
    }
    @media screen and (max-width:480px){  
        .Location .overBox .over span{width: calc(100% / 1 - 0px);padding: 5% 5% 5% 8%; border-radius: 15px !important;margin-bottom: 10px;}
        .Location .overBox .over span:nth-child(1){margin-bottom: 10px;}
        
        #daumRoughmapContainer1752133615611 .wrap_map{border-radius: 20px !important; height: 500px !important;}
    }
    @media screen and (max-width:360px){     
        .Location .overBox .over span{padding: 8% 6% 7% 9%; border-radius: 15px !important;margin-bottom: 10px;}
        
        #daumRoughmapContainer1752133615611 .wrap_map{border-radius: 10px !important; height: 450px !important;}
    }






/*********** 포세식양변기, 절수식 양변기, 물탱크 제품 ***********/
.sub .s2-WRAP{}
/*** * view * ***/
.view{width:100%;}
.viewpro{width:100%;}
.viewpro .imgBox{width:45%; background: #fff; border-radius: 30px;box-shadow: 0 2px 20px 0 rgba(0, 0, 0, 0.1);}
.viewpro .imgBox figure{width:100%;padding-top:90%;display:block;overflow:hidden;position:relative;}
.viewpro .imgBox img{width:100%;position:absolute;top:50%;left:0;display:block;transform:translateY(-50%);transition:all 0.2s ease;}
.viewpro .imgBox .bimg{width:calc(100% - 10px);padding: 13%;}


.viewpro .txtBox{width:45%;}
.viewpro .txtBox .titBox{padding:25px 20px;}
.viewpro .txtBox .titBox .tit{letter-spacing: -0.03em;font-weight: 200;}
.viewpro .txtBox .titBox .tit b{font-weight: 600;}
.viewpro .txtBox .titBox .tit br.hide{display: block;}


.viewBut{width:100%;}
.viewBut li{width:calc(100%/3 - 10px);margin:5px;}
.viewBut li a{width:100%;padding:25px 0;font-size:20px;line-height:120%;font-weight:bold;color:#634b25;background:#e1e0db;text-align:center;display:block;}
.viewBut li:first-child a{color:#fff;background:#16bdca;}
.viewBut li:hover a{background:#d5d1ca;}
.viewBut li:first-child:hover a{background:#000;}


    @media screen and (max-width:1500px){
    .viewpro .imgBox figure{padding-top:90%;}
    }
    @media screen and (max-width:1400px){
    .viewpro .imgBox figure{padding-top:100%;}
    .viewpro .txtBox .titBox .tit{font-size: 50px !important;letter-spacing: -0.05em;}
    }
    @media screen and (max-width:1280px){
    .viewpro .txtBox .titBox .tit{font-size: 45px !important;}
    }
    @media screen and (max-width:1100px){
    .viewpro .txtBox .titBox {text-align: center;}
    .viewpro .txtBox .titBox ul{display:flex;justify-content:space-between;flex-wrap:wrap;}
        
    .viewpro .txtBox .titBox .tit br.hide{display: none;}
        
    .viewpro .imgBox{width:90%; margin: 0 auto;border-radius: 30px;}
    .viewpro .imgBox figure{padding-top:0;display:block;;}
    .viewpro .imgBox img{width: 70%; position:relative;top:auto;left:auto;transform:translateY(0); margin: 0 auto;}
    .viewpro .imgBox .bimg{width:100%;padding: 6%;margin: 0 auto;}
        
    .viewpro .txtBox{width:90%; margin: 0 auto; margin-top: 30px;}
    .viewpro .txtBox .tit_comments li:last-child{width:100% !important;}

    .viewpro .txtBox .titBox{padding:20px 15px;}

    .viewBut li{width:calc(100%/3 - 6px);margin:3px;}
    .viewBut li a{padding:20px 0;}
    }
    @media screen and (max-width:767px){        
    .viewpro .txtBox .titBox{padding:16px 10px;}
    .viewpro .txtBox .titBox .tit{font-size: 45px !important;}
    .viewpro .txtBox .titBox ul{display:block;}
    .viewpro .txtBox .tit_comments li:last-child{width:auto;}

    .viewBut li{width:calc(100%/3 - 6px);margin:3px;}
    .viewBut li a{padding:20px 0;font-size:18px;}
    }
    @media screen and (max-width:560px){
    .viewpro .txtBox .titBox .tit{font-size: 38px !important;text-align: center;}
    .viewpro .txtBox .titBox .tit br.hide{display: block;}
        
    .viewpro .imgBox{width:95%; border-radius: 20px;}
    .viewpro .imgBox img{width: 80%;}
    .viewpro .imgBox .bimg{padding: 7%;}
    }
    @media screen and (max-width:460px){
    .viewpro .txtBox .titBox .tit{font-size: 34px !important;}
    }
    @media screen and (max-width:420px){
    .viewpro .txtBox .titBox .tit{font-size: 32px !important;}
        
    .viewBut li{width:calc(100%/2 - 6px);}
    .viewBut li a{padding:15px 0;}
    .viewBut li:first-child{width:100%;}
    }
    @media screen and (max-width:360px){
    .viewpro .txtBox .titBox .tit{font-size: 28px !important;}
    }
    @media screen and (max-width:320px){
    .viewpro .txtBox .titBox .tit{font-size: 25px !important;}
    }


/***** View 상세 *****/

.ns-d1{}
.ns-d1 .disF{margin-bottom:10px !important;}
.ns-d1 .disF .cyBox{width:145px;padding:10px 10px 9px 10px;border-radius:10px !important;background:#119cd8;display:flex;align-items:center;justify-content:center;position:relative;}
.ns-d1 .disF .cyBox.c2{background:#00ab8f;}
.ns-d1 .disF .cyBox font{width:100%;text-align:center;color:#fff;line-height:120% !important;}

.ns-d1 .disF .ttBox{width:calc(100% - 145px);padding-left:20px;}

    @media screen and (max-width:1400px) {
    .ns-d1 .disF .cyBox{width:140px;}

    .ns-d1 .disF .ttBox{width:calc(100% - 140px);}
    }
    @media screen and (max-width:1280px) {
    .ns-d1 .disF .ttBox .type22.fP500{line-height:120% !important;font-family:'Pretendard-Light' !important;}
    }
    @media screen and (max-width:1100px) {
    .ns-d1 .disF .ttBox font{font-size: 20px !important;}
    }
    @media screen and (max-width:960px) {
    .ns-d1 .disF{margin-bottom:10px !important;}
    .ns-d1 .disF .cyBox{width:160px;padding:12px 10px 11px 10px;}

    .ns-d1 .disF .ttBox{width:calc(100% - 160px);}
    }
    @media screen and (max-width:767px) {
    .ns-d1 .disF .cyBox{width:150px;padding:13px 10px 12px 10px;}
    .ns-d1 .disF .cyBox font{font-size: 18px !important;}

    .ns-d1 .disF .ttBox{width:calc(100% - 150px);}
        
    .ns-d1 .disF .ttBox font{font-size: 18px !important;}
    }
    @media screen and (max-width:640px) {
    .ns-d1 .disF{margin-bottom:8px !important;}
    .ns-d1 .disF .cyBox{width:140px;padding:13px 10px 12px 10px;}
    .ns-d1 .disF .cyBox font{font-size: 16px !important;}

    .ns-d1 .disF .ttBox{width:calc(100% - 140px);}
        
    .ns-d1 .disF .ttBox font{font-size: 16px !important;}
    }
    @media screen and (max-width:460px) {
    .ns-d1 .disF{margin-bottom:6px !important;}
        
    .ns-d1 .disF .cyBox{width:120px;padding:11px 10px 10px 10px;border-radius:8px !important;}
    .ns-d1 .disF .cyBox font{font-size: 15px !important;}

    .ns-d1 .disF .ttBox{width:calc(100% - 120px);}
        
    .ns-d1 .disF .ttBox font{font-size: 15px !important;}
    }
    @media screen and (max-width:420px) { 
    .ns-d1 .disF{margin-bottom:15px !important;}       
    .ns-d1 .disF .cyBox{width:100%;border-radius:7px !important;}
    .ns-d1 .disF .cyBox font{font-size: 16px !important;}

    .ns-d1 .disF .ttBox{width:calc(100% - 0px);margin-top: 8px;padding-left: 0px;}
        
    .ns-d1 .disF .ttBox font{font-size: 16px !important;text-align: center;}
    }
    @media screen and (max-width:360px) { 
    .ns-d1 .disF .cyBox{padding:10px 10px 9px 10px;border-radius:6px !important;}
    .ns-d1 .disF .cyBox font{font-size: 15px !important;}
        
    .ns-d1 .disF .ttBox{margin-top: 7px;}
    .ns-d1 .disF .ttBox font{font-size: 15px !important;}
    }





/* 제품상세정보 */
.viewinfo h3 br.hide{display: none;}

.viewinfo,
.viewinfo .InfoBox{width:96%; margin: 0 auto;}
.viewinfo .InfoBox .inBox{}
.viewinfo .InfoBox .inBox .imgBG{width: 100%;height: 100%; background: #f2f8fa; padding: 8%; border-radius: 30px;}
.viewinfo .InfoBox .inBox .imgBG img{width: 80%; display: block;margin: 0 auto;}

.viewinfo .InfoBox .inBox .imgBG.p0, .viewinfo .InfoBox.Reverse .inBox .imgBG.p0{padding: 0 !important; border-radius: 30px;overflow: hidden;}
.viewinfo .InfoBox .inBox .imgBG.p0 img{width: 100%;}

.viewinfo .InfoBox .inBox .imgBG.s2{width: 100%;height: 100%; background: #d4e9f0; padding: 30% 8% !important; border-radius: 30px;transition:all 0.2s ease;}
.viewinfo .InfoBox .inBox .imgBG.s2 img{width: 70%; height: auto;display: block;margin: 0 auto;transition:all 0.2s ease;}

.viewinfo .InfoBox .inBox .imgBG.b_line{border:solid 1px #22b2d6;overflow: hidden;}

.viewinfo .InfoBox .inBox {}
.viewinfo .InfoBox .inBox .tBox .num{width:34px;height:34px;line-height:34px;margin-top:0;margin-right:10px;text-align:center;border-radius:50%;color:#fff;background:linear-gradient(125deg, #0098be 10% , #22b2d6 60%); display: inline-block;}
.viewinfo .InfoBox .inBox .cBox {padding-left: 45px !important;}
.viewinfo .InfoBox .inBox .cBox.s2 {padding-left: 0px !important;}

.viewinfo .InfoBox .inBox .tBox.s2 .num.s2{width:34px;height:34px;line-height:34px;margin-top:0;margin-right:10px;text-align:center;border-radius:50%;color:#fff;background:linear-gradient(125deg, #0098be 10% , #22b2d6 60%); display: inline-block;}
.viewinfo .InfoBox .inBox .tBox.s2 font{width:calc(100% - 50px); margin-top: 3px;}
.viewinfo .InfoBox .inBox .tBox.s2 {display: flex; justify-content: center;padding-left: 20px;}
.viewinfo .InfoBox .inBox .tBox .type24 br.hide{display: none;}
    
/* KS마크 */
.KBox{display: flex; justify-content:space-between; align-items: center; padding-left: 3%;}
.KBox img.photo{width: 60px; margin-right: 20px; display: inline-block;}
.KBox .tt{width: calc(100% - 80px);;}



.useBox{background: #eff3f3;  padding: 6%; border-radius: 15px;transition:all 0.2s ease;}
.useBox .useBox_con .dt_po{display:flex;flex-wrap:wrap;align-items:flex-start;}
.useBox .useBox_con .dt_po dt,
.useBox .useBox_con .dt_po dd{padding:8px 0;font-size:16px;line-height:140%;font-weight:400;transition:all 0.2s ease;}
.useBox .useBox_con .dt_po dt{width:200px;background:#21a5c6;color:#fff;font-weight:600;text-align:center;border-radius:100px;transition:all 0.2s ease;}
.useBox .useBox_con .dt_po dd{width:calc(100% - 200px);padding-left:3% !important;margin-bottom:3px;transition:all 0.2s ease;}
.useBox .useBox_con .dt_po dd br.hide{display: block;}



    @media screen and (max-width:1500px) { 
    .viewinfo .InfoBox .inBox .imgBG.s2{padding: 30% 8% !important;}
    .viewinfo .InfoBox .inBox .imgBG.s2 img{width: 70%; }
        
    .useBox{padding: 6%; border-radius: 15px;}
    .useBox .useBox_con .dt_po dt,
    .useBox .useBox_con .dt_po dd{padding:8px 0;font-size:15px;}
    .useBox .useBox_con .dt_po dt{width:180px;}
    .useBox .useBox_con .dt_po dd{width:calc(100% - 180px);padding-left:3% !important;margin-bottom:3px;}
    }
    @media screen and (max-width:1280px) {
    .viewinfo .InfoBox .inBox .tBox .type26{font-size: 22px !important;}
    .viewinfo .InfoBox .inBox .tBox .num{width:30px;height:30px;line-height:30px;}
    .viewinfo .InfoBox .inBox .cBox {padding-left: 35px !important;}
    .viewinfo .InfoBox .inBox .cBox .type20{font-size: 18px !important;}
        
    .viewinfo .InfoBox .inBox h5{padding-left: 56px; font-size: 30px !important;} 
    .viewinfo .InfoBox .inBox h5 i{width: 48px;height: 47px; background:url(/sub1/img/viewinfo_ico1.png) no-repeat 0 1px; background-size: cover;}
    .viewinfo .InfoBox .inBox h5 i.ico2{background:url(/sub1/img/viewinfo_ico2.png) no-repeat 0 1px;background-size: cover;}
    .viewinfo .InfoBox .inBox h5 i.ico3{background:url(/sub1/img/viewinfo_ico3.png) no-repeat 0 1px;background-size: cover;}
    .viewinfo .InfoBox .inBox h5 i.ico4{background:url(/sub1/img/viewinfo_ico4.png) no-repeat 0 1px;background-size: cover;}
    .viewinfo .InfoBox .inBox h5 i.ico5{background:url(/sub1/img/viewinfo_ico4.png) no-repeat 0 1px;background-size: cover;}
        
        
    .viewinfo .InfoBox .inBox .tBox.s2 .num.s2{width:30px;height:30px;line-height:30px;margin-top:0;}
    .viewinfo .InfoBox .inBox .tBox.s2 font{ margin-top: 4px; font-size: 18px !important;}
    .viewinfo .InfoBox .inBox .tBox.s2 {padding-left: 18px;}

    .detail.bgfafafa {padding: 180px 0 !important;}
    .viewinfo .InfoBox .inBox .imgBG.s2{padding: 35% 8% !important; border-radius: 25px;}
        
    .useBox .useBox_con .dt_po dt,
    .useBox .useBox_con .dt_po dd{padding:7px 0;font-size:15px;}
    .useBox .useBox_con .dt_po dt{width:160px;}
    .useBox .useBox_con .dt_po dd{width:calc(100% - 160px);}  
    }
    @media screen and (max-width:1100px) { 
    .viewinfo .InfoBox .inBox .imgBG.s2{padding: 47% 8% !important; border-radius: 20px;}
        
    .useBox .useBox_con .dt_po dt,
    .useBox .useBox_con .dt_po dd{padding:7px 0;font-size:14px;}
    .useBox .useBox_con .dt_po dt{width:160px;}
    .useBox .useBox_con .dt_po dd{width:calc(100% - 160px);} 
        
    .useBox .useBox_con .dt_po dd br.hide{display: none;}

    }
    @media screen and (max-width:960px) { 
    .viewinfo .InfoBox.Reverse{display: flex; flex-direction: column-reverse;}
    .viewinfo .InfoBox.Reverse .inBox:nth-child(1){margin-top: 30px !important;}
        
    .viewinfo .InfoBox .inBox.w45{width: 100% !important;}
    .viewinfo .InfoBox .inBox.w45:nth-child(2){margin-top: 30px;}
        
        
    .viewinfo .InfoBox .inBox .imgBG.s2{padding: 12% 8% !important;}
    .viewinfo .InfoBox .inBox .imgBG.s2 img{width: 60% !important;}
    }
    @media screen and (max-width:860px) { 
    .viewinfo h3 br.hide{display: block;}
    }
    @media screen and (max-width:767px) { 
    .viewinfo .InfoBox .inBox .tBox .type26{font-size: 21px !important;}
    .viewinfo .InfoBox .inBox .tBox .num{width:28px;height:28px;line-height:29px;}
    .viewinfo .InfoBox .inBox .cBox {padding-left: 30px !important;}
    .viewinfo .InfoBox .inBox .cBox .type20{font-size: 17px !important;}
        
    .viewinfo .InfoBox .inBox .imgBG{padding: 7%; border-radius: 20px;}

    .viewinfo .InfoBox .inBox .imgBG.p0{padding: 0; border-radius: 20px;}
        
        
    .viewinfo .InfoBox .inBox h5{padding-left: 54px; font-size: 28px !important;} 
    .viewinfo .InfoBox .inBox h5 i{width: 42px;height: 41px; background:url(/sub1/img/viewinfo_ico1.png) no-repeat 0 2px; background-size: cover;}
    .viewinfo .InfoBox .inBox h5 i.ico2{background:url(/sub1/img/viewinfo_ico2.png) no-repeat 0 2px;background-size: cover;}
    .viewinfo .InfoBox .inBox h5 i.ico3{background:url(/sub1/img/viewinfo_ico3.png) no-repeat 0 2px;background-size: cover;}
    .viewinfo .InfoBox .inBox h5 i.ico4{background:url(/sub1/img/viewinfo_ico4.png) no-repeat 0 2px;background-size: cover;}
    .viewinfo .InfoBox .inBox h5 i.ico5{background:url(/sub1/img/viewinfo_ico5.png) no-repeat 0 2px;background-size: cover;}
        
    .viewinfo .InfoBox .inBox ul{padding-left: 20px;}
    }
    @media screen and (max-width:640px) { 
    .viewinfo .InfoBox .inBox .tBox.s3  num, .viewinfo .InfoBox .inBox .tBox.s3  b {display:inline-block;}
    .viewinfo .InfoBox .inBox .tBox.s3 .type24{width: 100%; display: block;;}
    }
    @media screen and (max-width:560px) { 
    .viewinfo .InfoBox .inBox .tBox .type26{font-size: 20px !important;}
    .viewinfo .InfoBox .inBox .tBox .num{width:25px;height:25px;line-height:26px;}
    .viewinfo .InfoBox .inBox .tBox.disF.js{flex-wrap: inherit !important;}  
    .viewinfo .InfoBox .inBox .tBox .type24 br.hide{display: block;}  
    .viewinfo .InfoBox .inBox .cBox {padding-left: 30px !important;}
        
    .viewinfo .InfoBox .inBox .imgBG{padding: 9%; border-radius: 17px;}
    .viewinfo .InfoBox .inBox .imgBG img{width: 90%;}
        
    .viewinfo .InfoBox .inBox .tBox.s2 .num.s2{width:24px;height:24px;line-height:26px;}
    .viewinfo .InfoBox .inBox .tBox.s2 font{ margin-top: 6px; font-size: 17px !important;}
        
       
.viewinfo .InfoBox .inBox .tBox.s2 .num.s2{width:34px;height:34px;line-height:34px;margin-top:0;margin-right:10px;text-align:center;border-radius:50%;color:#fff;background:linear-gradient(125deg, #0098be 10% , #22b2d6 60%); display: inline-block;}
.viewinfo .InfoBox .inBox .tBox.s2 font{width:calc(100% - 50px);}
.viewinfo .InfoBox .inBox .tBox.s2 {display: flex; justify-content: center;padding-left: 20px;}
.viewinfo .InfoBox .inBox .tBox .type24 br.hide{display: none;}
    
        
    .useBox .useBox_con .dt_po{display:block; text-align: center;}
    .useBox .useBox_con .dt_po dt{width:200px; margin: 0 auto;}
    .useBox .useBox_con .dt_po dd{width:100%;}
    }
    @media screen and (max-width:460px) { 
    .viewinfo .InfoBox .inBox h5{padding-left: 50px; font-size: 24px !important;} 
    .viewinfo .InfoBox .inBox h5 i{width: 40px;height: 38px; background:url(/sub1/img/viewinfo_ico1.png) no-repeat 0 1px; background-size: cover;}
    .viewinfo .InfoBox .inBox h5 i.ico2{background:url(/sub1/img/viewinfo_ico2.png) no-repeat 0 1px;background-size: cover;}
    .viewinfo .InfoBox .inBox h5 i.ico3{background:url(/sub1/img/viewinfo_ico3.png) no-repeat 0 1px;background-size: cover;}
    .viewinfo .InfoBox .inBox h5 i.ico4{background:url(/sub1/img/viewinfo_ico4.png) no-repeat 0 1px;background-size: cover;}
    .viewinfo .InfoBox .inBox h5 i.ico5{background:url(/sub1/img/viewinfo_ico5.png) no-repeat 0 1px;background-size: cover;}
        
    .viewinfo .InfoBox .inBox ul{padding-left: 15px;}
    }
    @media screen and (max-width:360px) { 
    .viewinfo .InfoBox .inBox .tBox .type26{font-size: 20px !important;}
    .viewinfo .InfoBox .inBox .tBox .num{width:24px;height:24px;line-height:26px; margin-top: 2px;}
    .viewinfo .InfoBox .inBox .cBox {padding-left: 25px !important;}
    .viewinfo .InfoBox .inBox .cBox .type20{font-size: 16px !important;}
        
    .viewinfo .InfoBox .inBox .imgBG{padding:9%; border-radius: 12px;}
    .viewinfo .InfoBox .inBox .imgBG img{width: 95%;}
    }




/* 전자제어장치 */
/* 3.EH-01(도기형) */




/* 에코매직구조, 에코 버블 매직 설치도면 */

.viewinfo .StructureBox {width: 80%; margin: 0 auto;border:solid 5px #d4e9f0; padding: 6% 4%;}
.viewinfo .StructureBox.BD0 {width: 100%; margin: 0 auto;border:none; padding: 2%;}

.viewinfo .StructureBox.BD0 .drawing{width: 100%; display: flex;justify-content: center; align-items: center;}
.viewinfo .StructureBox.BD0 .drawing img{padding: 3%; display: block; margin: 0 auto;}

.viewinfo .StructureBox.BD0 .drawing.s2{width: 100%; display: block;}
.viewinfo .StructureBox.BD0 .drawing.s2 img{width: 90%; margin: 0 auto;}

    @media screen and (max-width:1280px) { 
        .detail.bgf2f8fa {padding: 180px 0 !important;}
        .viewinfo .StructureBox {width: 90%;}
    }
    @media screen and (max-width:960px) { 
        .detail.bgf2f8fa {padding: 120px 0 !important;}
        
        .viewinfo .StructureBox {width: 95%;padding: 8% 3%;}
        .viewinfo .StructureBox img{width: 100%;}
        
        .viewinfo .StructureBox.BD0 .drawing{display: block;}
        .viewinfo .StructureBox.BD0 .drawing span{margin: 0 auto;}
        .viewinfo .StructureBox.BD0 .drawing span.w30{width: 50% !important;}
        .viewinfo .StructureBox.BD0 .drawing span.w60{width: 80% !important;}
        .viewinfo .StructureBox.BD0 .drawing span.w10 {padding: 50px 0;}
        .viewinfo .StructureBox.BD0 .drawing span.w10 img{transform: rotate(90deg);}
    }
    @media screen and (max-width:767px) { 
        .viewinfo .StructureBox.BD0 .drawing.s2 img{width: 100%;}
    }
    @media screen and (max-width:540px) { 
        .viewinfo .StructureBox {width: 98%;padding: 8% 2%;}
        
        .viewinfo .StructureBox.BD0 .drawing span.w30{width: 60% !important;}
        .viewinfo .StructureBox.BD0 .drawing span.w60{width: 90% !important;}
        .viewinfo .StructureBox.BD0 .drawing span.w10 {padding: 40px 0;}
    }
    @media screen and (max-width:460px) { 
        .viewinfo .StructureBox {padding: 10% 2%;}
    }
    @media screen and (max-width:360px) { 
        .viewinfo .StructureBox {padding: 12% 2%;}
        .viewinfo .StructureBox h3{font-size: 23px !important;}
    }


/* Technical Specification */
.viewinfo .InfoBox .inBox .TableBox{padding-left: 10px;}
.viewinfo .InfoBox .inBox .TechBox{background:rgba(239,245,251,.8) !important;}
.viewinfo .InfoBox .inBox .TechBox:nth-child(1){border-top:solid 2px #1774d0;}
.viewinfo .InfoBox .inBox .TechBox:last-child{border-bottom:solid 1px #99c0e7 !important;}
.viewinfo .InfoBox .inBox .TechBox>.cate{width:20%;text-align: center;}
.viewinfo .InfoBox .inBox .TechBox>.con{width:80%; padding: 40px ;background: #fff;}

.viewinfo .InfoBox .inBox .TechBox>.reagent{width:33.3%;text-align: center;background:rgba(239,245,251,.8) !important; text-align: center;}
.viewinfo .InfoBox .inBox .TechBox>.purpose{width:33.3%; background: background:rgba(239,245,251,.8) !important; text-align: center;}
.viewinfo .InfoBox .inBox .TechBox>.standard{width:33.3%;background: background:rgba(239,245,251,.8) !important; text-align: center;}

.viewinfo .InfoBox .inBox .TechBox.titBox{background:rgba(239,245,251,.8) !important;padding: 25px ;text-align: center;border-bottom:solid 1px #e1eaf7;}
.viewinfo .InfoBox .inBox .TechBox.titBox font{color:#1774d0;font-weight:bold;}

.viewinfo .InfoBox .inBox .TechBox.conBox{border-bottom:solid 1px #e1eaf7;}
.viewinfo .InfoBox .inBox .TechBox.conBox:hover{background:rgba(0,0,0,0.05);}
.viewinfo .InfoBox .inBox .TechBox.conBox .cate font{color:#000;}


.viewinfo .InfoBox .inBox .TechBox>.reagent{width:33.3%;text-align: center;background:rgba(239,245,251,.8) !important; text-align: center;}
.viewinfo .InfoBox .inBox .TechBox>.purpose{width:33.3%; background: background:rgba(239,245,251,.8) !important; text-align: center;;}
.viewinfo .InfoBox .inBox .TechBox>.standard{width:33.3%;background: background:rgba(239,245,251,.8) !important; text-align: center;}

.viewinfo .InfoBox .inBox .TechBox.conBox .reagent{background:#fff !important; padding: 20px !important;border-right:solid 1px #e1eaf7;}
.viewinfo .InfoBox .inBox .TechBox.conBox .purpose{background:#fff !important; padding: 20px !important;border-right:solid 1px #e1eaf7;}
.viewinfo .InfoBox .inBox .TechBox.conBox .standard{background:#fff !important; padding: 20px !important;border-right:none;}

    @media screen and (max-width:767px){
    .viewinfo .InfoBox .inBox .TechBox>.cate{width:25%;}
    .viewinfo .InfoBox .inBox .TechBox>.con{width:75%; padding: 30px ;}
    .viewinfo .InfoBox .inBox .TechBox font{font-size: 18px !important;}
    }
    @media screen and (max-width:640px){
    .viewinfo .InfoBox .inBox .TechBox>.cate{width:30%;}
    .viewinfo .InfoBox .inBox .TechBox>.con{width:70%; padding: 25px ;}
    .viewinfo .InfoBox .inBox .TechBox font{font-size: 17px !important; line-height: 130%;}
    }
    @media screen and (max-width:500px){
    .viewinfo .InfoBox .inBox .TechBox>.cate{width:100%; padding: 15px;border-bottom:solid 1px #e1eaf7;}
    .viewinfo .InfoBox .inBox .TechBox>.con{width:100%; padding: 15px 20px 30px 20px;}
    .viewinfo .InfoBox .inBox .TechBox font{font-size: 17px !important; line-height: 130%;text-align: center;}
    }
    @media screen and (max-width:420px){
    .viewinfo .InfoBox .inBox .TechBox>.con{padding: 15px 20px 20px 20px;}
    .viewinfo .InfoBox .inBox .TechBox font{font-size: 16px !important;}
    }





/* 시약 및 구성요소 IMG */
.viewinfo .InfoBox .inBox .R_imgBox{}
.viewinfo .InfoBox .inBox .R_imgBox span{width:calc(100%/2 - 30px); padding: 1%; margin:20px 10px !important;border-radius: 20px;transition:all 0.5s ease;}
.viewinfo .InfoBox .inBox .R_imgBox span img{border-radius: 20px;}

    @media screen and (max-width:1280px){
    .viewinfo .InfoBox .inBox .R_imgBox span{width:calc(100%/2 - 20px);margin:20px 5px !important;}
    .viewinfo .InfoBox .inBox .R_imgBox span img{border-radius: 15px;}
    }
    @media screen and (max-width:960px){
    .viewinfo .InfoBox .inBox .R_imgBox span{width:calc(100%/2 - 10px);  margin:20px 2px !important;}
    .viewinfo .InfoBox .inBox .R_imgBox span img{border-radius: 12px;}
    }
    @media screen and (max-width:767px){
    .viewinfo .InfoBox .inBox .R_imgBox span{width:calc(100%/2 - 5px);  margin:20px 2px !important;}
    .viewinfo .InfoBox .inBox .R_imgBox span img{border-radius: 10px;}
    }
    @media screen and (max-width:540px){
    .viewinfo .InfoBox .inBox .R_imgBox {margin-bottom: 30px;}
    .viewinfo .InfoBox .inBox .R_imgBox span{width:calc(100%/1 - 0px);padding: 2%;   margin:0 !important;}
    .viewinfo .InfoBox .inBox .R_imgBox span img{border-radius: 8px;}
    }




.viewinfo .InfoBox .menu{width:100%;border-left:solid 1px #ebe0e0;}
.viewinfo .InfoBox .menu li{width:calc(100%/4 + 1px);margin-left:-1px;}
.viewinfo .InfoBox .menu li a{width:100%;padding:20px 0;font-size:20px;line-height:120%;font-weight:bold;text-align:center;color:#634b25;border:solid 1px #ebe0e0;background:#fff;display:block;}
.viewinfo .InfoBox .menu li:hover a,
.viewinfo .InfoBox .menu li.on a{background:#16bdca;border-color:#16bdca;color:#fff !important;}

.viewinfo .InfoTxT{width:100%;}
.viewinfo .InfoTxT .img{text-align:center;}
.viewinfo .InfoTxT .img img{max-width:100%;}

.viewinfo .InfoTxT .m4TXT{width:100%;}
.viewinfo .InfoTxT .m4TXT .txtDbox{width:100%;margin:10px 0 50px 0;padding:40px;background:#fafafa;}

@media screen and (max-width:1280px) {
.viewinfo .InfoBox .menu li a{padding:18px 0;font-size:18px;}

.viewinfo .InfoTxT .m4TXT .txtDbox{margin:10px 0 40px 0;padding:30px;}
}
@media screen and (max-width:960px) {
.viewinfo .InfoBox .menu li a{padding:16px 0;font-size:17px;}

.viewinfo .InfoTxT .m4TXT .txtDbox{margin:10px 0 30px 0;padding:20px;}
}
@media screen and (max-width:640px) {
.viewinfo .InfoBox .menu li a{font-size:16px;letter-spacing:-0.04em;}
}
@media screen and (max-width:420px) {
.viewinfo .InfoBox .menu li a{padding:14px 0;font-size:14px;}
}





/**************************************************************************************
                                 * view *
***************************************************************************************/
.view{width:100%;}
.viewpro{width:100%;}
.viewpro .imgBox{width:45%; background: #fff; border-radius: 30px;box-shadow: 0 2px 20px 0 rgba(0, 0, 0, 0.1);}
.viewpro .imgBox figure{width:100%;padding-top:90%;display:block;overflow:hidden;position:relative;}
.viewpro .imgBox img{width:100%;position:absolute;top:50%;left:0;display:block;transform:translateY(-50%);transition:all 0.2s ease;}
.viewpro .imgBox .bimg{width:calc(100% - 10px);padding: 13%;}


.viewpro .txtBox{width:45%;}
.viewpro .txtBox .titBox{padding:25px 20px;}
.viewpro .txtBox .titBox .tit{letter-spacing: -0.03em;font-weight: 200;}
.viewpro .txtBox .titBox .tit b{font-weight: 600;}
.viewpro .txtBox .titBox .tit br.hide{display: block;}


.viewBut{width:100%;}
.viewBut li{width:calc(100%/3 - 10px);margin:5px;}
.viewBut li a{width:100%;padding:25px 0;font-size:20px;line-height:120%;font-weight:bold;color:#634b25;background:#e1e0db;text-align:center;display:block;}
.viewBut li:first-child a{color:#fff;background:#16bdca;}
.viewBut li:hover a{background:#d5d1ca;}
.viewBut li:first-child:hover a{background:#000;}


    @media screen and (max-width:1500px){
    .viewpro .imgBox figure{padding-top:90%;}
    }
    @media screen and (max-width:1400px){
    .viewpro .imgBox figure{padding-top:100%;}
    .viewpro .txtBox .titBox .tit{font-size: 50px !important;letter-spacing: -0.05em;}
    }
    @media screen and (max-width:1280px){
    .viewpro .txtBox .titBox .tit{font-size: 45px !important;}
    }
    @media screen and (max-width:1100px){
    .viewpro .txtBox .titBox {text-align: center;}
    .viewpro .txtBox .titBox ul{display:flex;justify-content:space-between;flex-wrap:wrap;}
        
    .viewpro .txtBox .titBox .tit br.hide{display: none;}
        
    .viewpro .imgBox{width:90%; margin: 0 auto;border-radius: 30px;}
    .viewpro .imgBox figure{padding-top:0;display:block;;}
    .viewpro .imgBox img{width: 70%; position:relative;top:auto;left:auto;transform:translateY(0); margin: 0 auto;}
    .viewpro .imgBox .bimg{width:100%;padding: 6%;margin: 0 auto;}
        
    .viewpro .txtBox{width:90%; margin: 0 auto; margin-top: 30px;}
    .viewpro .txtBox .tit_comments li:last-child{width:100% !important;}

    .viewpro .txtBox .titBox{padding:20px 15px;}

    .viewBut li{width:calc(100%/3 - 6px);margin:3px;}
    .viewBut li a{padding:20px 0;}
    }
    @media screen and (max-width:767px){        
    .viewpro .txtBox .titBox{padding:16px 10px;}
    .viewpro .txtBox .titBox .tit{font-size: 45px !important;}
    .viewpro .txtBox .titBox ul{display:block;}
    .viewpro .txtBox .tit_comments li:last-child{width:auto;}

    .viewBut li{width:calc(100%/3 - 6px);margin:3px;}
    .viewBut li a{padding:20px 0;font-size:18px;}
    }
    @media screen and (max-width:560px){
    .viewpro .txtBox .titBox .tit{font-size: 38px !important;text-align: center;}
    .viewpro .txtBox .titBox .tit br.hide{display: block;}
        
    .viewpro .imgBox{width:95%; border-radius: 20px;}
    .viewpro .imgBox img{width: 80%;}
    .viewpro .imgBox .bimg{padding: 7%;}
    }
    @media screen and (max-width:460px){
    .viewpro .txtBox .titBox .tit{font-size: 34px !important;}
    }
    @media screen and (max-width:420px){
    .viewpro .txtBox .titBox .tit{font-size: 32px !important;}
        
    .viewBut li{width:calc(100%/2 - 6px);}
    .viewBut li a{padding:15px 0;}
    .viewBut li:first-child{width:100%;}
    }
    @media screen and (max-width:360px){
    .viewpro .txtBox .titBox .tit{font-size: 28px !important;}
    }
    @media screen and (max-width:320px){
    .viewpro .txtBox .titBox .tit{font-size: 25px !important;}
    }


/***** View 상세 *****/

.ns-d1{}
.ns-d1 .disF{margin-bottom:10px !important;}
.ns-d1 .disF .cyBox{width:145px;padding:10px 10px 9px 10px;border-radius:10px !important;background:#119cd8;display:flex;align-items:center;justify-content:center;position:relative;}
.ns-d1 .disF .cyBox.c2{background:#00ab8f;}
.ns-d1 .disF .cyBox font{width:100%;text-align:center;color:#fff;line-height:120% !important;}

.ns-d1 .disF .ttBox{width:calc(100% - 145px);padding-left:20px;}

    @media screen and (max-width:1400px) {
    .ns-d1 .disF .cyBox{width:140px;}

    .ns-d1 .disF .ttBox{width:calc(100% - 140px);}
    }
    @media screen and (max-width:1280px) {
    .ns-d1 .disF .ttBox .type22.fP500{line-height:120% !important;font-family:'Pretendard-Light' !important;}
    }
    @media screen and (max-width:1100px) {
    .ns-d1 .disF .ttBox font{font-size: 20px !important;}
    }
    @media screen and (max-width:960px) {
    .ns-d1 .disF{margin-bottom:10px !important;}
    .ns-d1 .disF .cyBox{width:160px;padding:12px 10px 11px 10px;}

    .ns-d1 .disF .ttBox{width:calc(100% - 160px);}
    }
    @media screen and (max-width:767px) {
    .ns-d1 .disF .cyBox{width:150px;padding:13px 10px 12px 10px;}
    .ns-d1 .disF .cyBox font{font-size: 18px !important;}

    .ns-d1 .disF .ttBox{width:calc(100% - 150px);}
        
    .ns-d1 .disF .ttBox font{font-size: 18px !important;}
    }
    @media screen and (max-width:640px) {
    .ns-d1 .disF{margin-bottom:8px !important;}
    .ns-d1 .disF .cyBox{width:140px;padding:13px 10px 12px 10px;}
    .ns-d1 .disF .cyBox font{font-size: 16px !important;}

    .ns-d1 .disF .ttBox{width:calc(100% - 140px);}
        
    .ns-d1 .disF .ttBox font{font-size: 16px !important;}
    }
    @media screen and (max-width:460px) {
    .ns-d1 .disF{margin-bottom:6px !important;}
        
    .ns-d1 .disF .cyBox{width:120px;padding:11px 10px 10px 10px;border-radius:8px !important;}
    .ns-d1 .disF .cyBox font{font-size: 15px !important;}

    .ns-d1 .disF .ttBox{width:calc(100% - 120px);}
        
    .ns-d1 .disF .ttBox font{font-size: 15px !important;}
    }
    @media screen and (max-width:420px) { 
    .ns-d1 .disF{margin-bottom:15px !important;}       
    .ns-d1 .disF .cyBox{width:100%;border-radius:7px !important;}
    .ns-d1 .disF .cyBox font{font-size: 16px !important;}

    .ns-d1 .disF .ttBox{width:calc(100% - 0px);margin-top: 8px;padding-left: 0px;}
        
    .ns-d1 .disF .ttBox font{font-size: 16px !important;text-align: center;}
    }
    @media screen and (max-width:360px) { 
    .ns-d1 .disF .cyBox{padding:10px 10px 9px 10px;border-radius:6px !important;}
    .ns-d1 .disF .cyBox font{font-size: 15px !important;}
        
    .ns-d1 .disF .ttBox{margin-top: 7px;}
    .ns-d1 .disF .ttBox font{font-size: 15px !important;}
    }





/* 제품상세정보 */
.viewinfo h3 br.hide{display: none;}

.viewinfo,
.viewinfo .InfoBox{width:96%; margin: 0 auto;}
.viewinfo .InfoBox .inBox{}
.viewinfo .InfoBox .inBox .imgBG{width: 100%;height: 100%; background: #f2f8fa; padding: 8%; border-radius: 30px;}
.viewinfo .InfoBox .inBox .imgBG img{width: 80%; display: block;margin: 0 auto;}

.viewinfo .InfoBox .inBox .imgBG.p0{padding: 0; border-radius: 30px;overflow: hidden;}
.viewinfo .InfoBox .inBox .imgBG.p0 img{width: 100%;}

.viewinfo .InfoBox .inBox .imgBG.s2{width: 100%;height: 100%; background: #d4e9f0; padding: 40% 8% !important; border-radius: 30px;transition:all 0.2s ease;}
.viewinfo .InfoBox .inBox .imgBG.s2 img{width: 70%; height: auto;display: block;margin: 0 auto;transition:all 0.2s ease;}

.viewinfo .InfoBox .inBox .imgBG.b_line{border:solid 1px #22b2d6;overflow: hidden;}

.viewinfo .InfoBox .inBox {}
.viewinfo .InfoBox .inBox .tBox .num{width:34px;height:34px;line-height:34px;margin-top:0;margin-right:10px;text-align:center;border-radius:50%;color:#fff;background:linear-gradient(125deg, #0098be 10% , #22b2d6 60%); display: inline-block;}
.viewinfo .InfoBox .inBox .cBox {padding-left: 45px !important;}
.viewinfo .InfoBox .inBox .cBox.s2 {padding-left: 0px !important;}
.viewinfo .InfoBox .inBox .cBox font br.hide {display: block;border:solid 1px #24ff00;}

.viewinfo .InfoBox .inBox .tBox.s2 .num.s2{width:34px;height:34px;line-height:34px;margin-top:0;margin-right:10px;text-align:center;border-radius:50%;color:#fff;background:linear-gradient(125deg, #0098be 10% , #22b2d6 60%); display: inline-block;}
.viewinfo .InfoBox .inBox .tBox.s2 font{width:calc(100% - 50px);}
.viewinfo .InfoBox .inBox .tBox.s2 {display: flex; justify-content: center;padding-left: 20px;}
.viewinfo .InfoBox .inBox .tBox .type24 br.hide{display: none;}
    
/* KS마크 */
.KBox{display: flex; justify-content:space-between; align-items: center; padding-left: 3%;}
.KBox img.photo{width: 60px; margin-right: 20px; display: inline-block;}
.KBox .tt{width: calc(100% - 80px);;}



.useBox{background: #eff3f3;  padding: 6%; border-radius: 15px;transition:all 0.2s ease;}
.useBox .useBox_con .dt_po{display:flex;flex-wrap:wrap;align-items:flex-start;}
.useBox .useBox_con .dt_po dt,
.useBox .useBox_con .dt_po dd{padding:8px 0;font-size:18px;line-height:140%;font-weight:400;transition:all 0.2s ease;}
.useBox .useBox_con .dt_po dt{width:200px;background:#21a5c6;color:#fff;font-weight:600;text-align:center;border-radius:100px;transition:all 0.2s ease;}
.useBox .useBox_con .dt_po dd{width:calc(100% - 200px);padding-left:3% !important;margin-bottom:3px;transition:all 0.2s ease;}



    @media screen and (max-width:1500px) { 
    .viewinfo .InfoBox .inBox .imgBG.s2{padding: 36% 8% !important;}
    .viewinfo .InfoBox .inBox .imgBG.s2 img{width: 70%; }
        
    .useBox{padding: 6%; border-radius: 15px;}
    .useBox .useBox_con .dt_po dt,
    .useBox .useBox_con .dt_po dd{padding:8px 0;font-size:16px;}
    .useBox .useBox_con .dt_po dt{width:180px;}
    .useBox .useBox_con .dt_po dd{width:calc(100% - 180px);padding-left:3% !important;margin-bottom:3px;}
    }
    @media screen and (max-width:1280px) {
    .viewinfo .InfoBox .inBox .tBox .type26{font-size: 24px !important;}
    .viewinfo .InfoBox .inBox .tBox .num{width:30px;height:30px;line-height:30px;}
    .viewinfo .InfoBox .inBox .cBox {padding-left: 35px !important;}
    .viewinfo .InfoBox .inBox .cBox .type20{font-size: 18px !important;}
        
    .viewinfo .InfoBox .inBox h5{padding-left: 56px; font-size: 30px !important;} 
    .viewinfo .InfoBox .inBox h5 i{width: 48px;height: 47px; background:url(/sub1/img/viewinfo_ico1.png) no-repeat 0 1px; background-size: cover;}
    .viewinfo .InfoBox .inBox h5 i.ico2{background:url(/sub1/img/viewinfo_ico2.png) no-repeat 0 1px;background-size: cover;}
    .viewinfo .InfoBox .inBox h5 i.ico3{background:url(/sub1/img/viewinfo_ico3.png) no-repeat 0 1px;background-size: cover;}
    .viewinfo .InfoBox .inBox h5 i.ico4{background:url(/sub1/img/viewinfo_ico4.png) no-repeat 0 1px;background-size: cover;}
    .viewinfo .InfoBox .inBox h5 i.ico5{background:url(/sub1/img/viewinfo_ico4.png) no-repeat 0 1px;background-size: cover;}
        
        

    .detail.bgfafafa {padding: 180px 0 !important;}
    .viewinfo .InfoBox .inBox .imgBG.s2{padding: 33% 8% !important; border-radius: 25px;}
        
    .useBox .useBox_con .dt_po dt,
    .useBox .useBox_con .dt_po dd{padding:7px 0;font-size:15px;}
    .useBox .useBox_con .dt_po dt{width:160px;}
    .useBox .useBox_con .dt_po dd{width:calc(100% - 160px);}  
    }
    @media screen and (max-width:1100px) { 
    .viewinfo .InfoBox .inBox .imgBG.s2{padding: 50% 8% !important; border-radius: 20px;}
    .viewinfo .InfoBox .inBox .cBox font br.hide {display: none;}
        
    .useBox .useBox_con .dt_po dt,
    .useBox .useBox_con .dt_po dd{padding:7px 0;font-size:15px;}
    .useBox .useBox_con .dt_po dt{width:160px;}
    .useBox .useBox_con .dt_po dd{width:calc(100% - 160px);} 
    }
    @media screen and (max-width:960px) { 
    .viewinfo .InfoBox.Reverse{display: flex; flex-direction: column-reverse;}
    .viewinfo .InfoBox.Reverse .inBox:nth-child(1){margin-top: 30px !important;}
        
    .viewinfo .InfoBox .inBox.w45{width: 90% !important; margin: 0 auto;}
    .viewinfo .InfoBox .inBox.w45:nth-child(2){margin-top: 30px;}
        
        
    .viewinfo .InfoBox .inBox .imgBG.s2{padding: 12% 8% !important;}
    .viewinfo .InfoBox .inBox .imgBG.s2 img{width: 60% !important;}
    }
    @media screen and (max-width:860px) { 
    .viewinfo h3 br.hide{display: block;}
    }
    @media screen and (max-width:767px) { 
    .viewinfo .InfoBox .inBox .tBox .type26{font-size: 22px !important;}
    .viewinfo .InfoBox .inBox .tBox .num{width:28px;height:28px;line-height:29px;}
    .viewinfo .InfoBox .inBox .cBox {padding-left: 30px !important;}
    .viewinfo .InfoBox .inBox .cBox .type20{font-size: 17px !important;}
        
    .viewinfo .InfoBox .inBox .imgBG{padding: 7%; border-radius: 20px;}

    .viewinfo .InfoBox .inBox .imgBG.p0{padding: 0; border-radius: 20px;}
        
        
    .viewinfo .InfoBox .inBox h5{padding-left: 54px; font-size: 28px !important;} 
    .viewinfo .InfoBox .inBox h5 i{width: 42px;height: 41px; background:url(/sub1/img/viewinfo_ico1.png) no-repeat 0 2px; background-size: cover;}
    .viewinfo .InfoBox .inBox h5 i.ico2{background:url(/sub1/img/viewinfo_ico2.png) no-repeat 0 2px;background-size: cover;}
    .viewinfo .InfoBox .inBox h5 i.ico3{background:url(/sub1/img/viewinfo_ico3.png) no-repeat 0 2px;background-size: cover;}
    .viewinfo .InfoBox .inBox h5 i.ico4{background:url(/sub1/img/viewinfo_ico4.png) no-repeat 0 2px;background-size: cover;}
    .viewinfo .InfoBox .inBox h5 i.ico5{background:url(/sub1/img/viewinfo_ico5.png) no-repeat 0 2px;background-size: cover;}
        
    .viewinfo .InfoBox .inBox ul{padding-left: 20px;}
    }
    @media screen and (max-width:640px) { 
    .viewinfo .InfoBox .inBox .tBox.s3  num, .viewinfo .InfoBox .inBox .tBox.s3  b {display:inline-block;}
    .viewinfo .InfoBox .inBox .tBox.s3 .type24{width: 100%; display: block;;}
    }
    @media screen and (max-width:560px) { 
    .viewinfo .InfoBox .inBox.w45{width: 95% !important;}
    .viewinfo .InfoBox .inBox .tBox .type26{font-size: 21px !important;}
    .viewinfo .InfoBox .inBox .tBox .num{width:25px;height:25px;line-height:26px;}
    .viewinfo .InfoBox .inBox .tBox.disF.js{flex-wrap: inherit !important;}  
    .viewinfo .InfoBox .inBox .tBox .type24 br.hide{display: block;}  
    .viewinfo .InfoBox .inBox .cBox {padding-left: 30px !important;}
        
    .viewinfo .InfoBox .inBox .imgBG{padding: 9%; border-radius: 17px;}
    .viewinfo .InfoBox .inBox .imgBG img{width: 90%;}
        
       
    .useBox .useBox_con .dt_po{display:block; text-align: center;}
    .useBox .useBox_con .dt_po dt{width:200px; margin: 0 auto;}
    .useBox .useBox_con .dt_po dd{width:100%;}
    }
    @media screen and (max-width:460px) { 
    .viewinfo .InfoBox .inBox h5{padding-left: 50px; font-size: 24px !important;} 
    .viewinfo .InfoBox .inBox h5 i{width: 40px;height: 38px; background:url(/sub1/img/viewinfo_ico1.png) no-repeat 0 1px; background-size: cover;}
    .viewinfo .InfoBox .inBox h5 i.ico2{background:url(/sub1/img/viewinfo_ico2.png) no-repeat 0 1px;background-size: cover;}
    .viewinfo .InfoBox .inBox h5 i.ico3{background:url(/sub1/img/viewinfo_ico3.png) no-repeat 0 1px;background-size: cover;}
    .viewinfo .InfoBox .inBox h5 i.ico4{background:url(/sub1/img/viewinfo_ico4.png) no-repeat 0 1px;background-size: cover;}
    .viewinfo .InfoBox .inBox h5 i.ico5{background:url(/sub1/img/viewinfo_ico5.png) no-repeat 0 1px;background-size: cover;}
        
    .viewinfo .InfoBox .inBox ul{padding-left: 15px;}
        
    .viewinfo .InfoBox .inBox .imgBG.p0{padding: 0; border-radius: 10px;}
    }
    @media screen and (max-width:360px) { 
    .viewinfo .InfoBox .inBox .tBox .type26{font-size: 20px !important;}
    .viewinfo .InfoBox .inBox .tBox .num{width:24px;height:24px;line-height:26px; margin-top: 2px;}
    .viewinfo .InfoBox .inBox .cBox {padding-left: 25px !important;}
    .viewinfo .InfoBox .inBox .cBox .type20{font-size: 16px !important;}
        
    .viewinfo .InfoBox .inBox .imgBG{padding:9%; border-radius: 12px;}
    .viewinfo .InfoBox .inBox .imgBG img{width: 95%;}
    .viewinfo .InfoBox .inBox .imgBG.p0{padding: 0; border-radius: 5px;}
        

    .viewinfo .InfoBox .inBox .tBox.s2 .num.s2{width:26px;height:26px;line-height:26px;}
    .viewinfo .InfoBox .inBox .tBox.s2 font{margin-top: 3px;}
    .viewinfo .InfoBox .inBox .tBox.s2 {padding-left: 0px;}        
    }




/* 전자제어장치 */
/* 3.EH-01(도기형) */




/* 에코매직구조, 에코 버블 매직 설치도면 */

.viewinfo .StructureBox {width: 90%; margin: 0 auto;border:solid 5px #d4e9f0; padding: 6% 4%;}
.viewinfo .StructureBox.BD0 {width: 100%; margin: 0 auto;border:none; padding: 2%;}

.viewinfo .StructureBox.BD0 .drawing{width: 90%; margin: 0 auto; display: flex;justify-content: center; align-items: center;}
.viewinfo .StructureBox.BD0 .drawing img{padding: 3%; display: block; margin: 0 auto;}

.viewinfo .StructureBox.BD0 .drawing.s2{width: 100%; display: block;}
.viewinfo .StructureBox.BD0 .drawing.s2 img{width: 90%; margin: 0 auto;}

    @media screen and (max-width:1280px) { 
        .detail.bgf2f8fa {padding: 180px 0 !important;}
        .viewinfo .StructureBox {width: 90%;}
    }
    @media screen and (max-width:960px) { 
        .detail.bgf2f8fa {padding: 120px 0 !important;}
        
        .viewinfo .StructureBox {width: 95%;padding: 8% 3%;}
        .viewinfo .StructureBox img{width: 100%;}
        
        .viewinfo .StructureBox.BD0 .drawing{display: block;}
        .viewinfo .StructureBox.BD0 .drawing span{margin: 0 auto;}
        .viewinfo .StructureBox.BD0 .drawing span.w30{width: 50% !important;}
        .viewinfo .StructureBox.BD0 .drawing span.w60{width: 80% !important;}
        .viewinfo .StructureBox.BD0 .drawing span.w10 {padding: 50px 0;}
        .viewinfo .StructureBox.BD0 .drawing span.w10 img{transform: rotate(90deg);}
    }
    @media screen and (max-width:767px) { 
        .viewinfo .StructureBox.BD0 .drawing.s2 img{width: 100%;}
    }
    @media screen and (max-width:540px) { 
        .viewinfo .StructureBox {width: 98%;padding: 8% 2%;}
        
        .viewinfo .StructureBox.BD0 .drawing span.w30{width: 60% !important;}
        .viewinfo .StructureBox.BD0 .drawing span.w60{width: 90% !important;}
        .viewinfo .StructureBox.BD0 .drawing span.w10 {padding: 40px 0;}
    }
    @media screen and (max-width:460px) { 
        .viewinfo .StructureBox {padding: 10% 2%;}
    }
    @media screen and (max-width:360px) { 
        .viewinfo .StructureBox {padding: 12% 2%;}
        .viewinfo .StructureBox h3{font-size: 23px !important;}
    }


/* Technical Specification */
.viewinfo .InfoBox .inBox .TableBox{padding-left: 10px;}
.viewinfo .InfoBox .inBox .TechBox{background:rgba(239,245,251,.8) !important;}
.viewinfo .InfoBox .inBox .TechBox:nth-child(1){border-top:solid 2px #1774d0;}
.viewinfo .InfoBox .inBox .TechBox:last-child{border-bottom:solid 1px #99c0e7 !important;}
.viewinfo .InfoBox .inBox .TechBox>.cate{width:20%;text-align: center;}
.viewinfo .InfoBox .inBox .TechBox>.con{width:80%; padding: 40px ;background: #fff;}

.viewinfo .InfoBox .inBox .TechBox>.reagent{width:33.3%;text-align: center;background:rgba(239,245,251,.8) !important; text-align: center;}
.viewinfo .InfoBox .inBox .TechBox>.purpose{width:33.3%; background: background:rgba(239,245,251,.8) !important; text-align: center;}
.viewinfo .InfoBox .inBox .TechBox>.standard{width:33.3%;background: background:rgba(239,245,251,.8) !important; text-align: center;}

.viewinfo .InfoBox .inBox .TechBox.titBox{background:rgba(239,245,251,.8) !important;padding: 25px ;text-align: center;border-bottom:solid 1px #e1eaf7;}
.viewinfo .InfoBox .inBox .TechBox.titBox font{color:#1774d0;font-weight:bold;}

.viewinfo .InfoBox .inBox .TechBox.conBox{border-bottom:solid 1px #e1eaf7;}
.viewinfo .InfoBox .inBox .TechBox.conBox:hover{background:rgba(0,0,0,0.05);}
.viewinfo .InfoBox .inBox .TechBox.conBox .cate font{color:#000;}


.viewinfo .InfoBox .inBox .TechBox>.reagent{width:33.3%;text-align: center;background:rgba(239,245,251,.8) !important; text-align: center;}
.viewinfo .InfoBox .inBox .TechBox>.purpose{width:33.3%; background: background:rgba(239,245,251,.8) !important; text-align: center;;}
.viewinfo .InfoBox .inBox .TechBox>.standard{width:33.3%;background: background:rgba(239,245,251,.8) !important; text-align: center;}

.viewinfo .InfoBox .inBox .TechBox.conBox .reagent{background:#fff !important; padding: 20px !important;border-right:solid 1px #e1eaf7;}
.viewinfo .InfoBox .inBox .TechBox.conBox .purpose{background:#fff !important; padding: 20px !important;border-right:solid 1px #e1eaf7;}
.viewinfo .InfoBox .inBox .TechBox.conBox .standard{background:#fff !important; padding: 20px !important;border-right:none;}

    @media screen and (max-width:767px){
    .viewinfo .InfoBox .inBox .TechBox>.cate{width:25%;}
    .viewinfo .InfoBox .inBox .TechBox>.con{width:75%; padding: 30px ;}
    .viewinfo .InfoBox .inBox .TechBox font{font-size: 18px !important;}
    }
    @media screen and (max-width:640px){
    .viewinfo .InfoBox .inBox .TechBox>.cate{width:30%;}
    .viewinfo .InfoBox .inBox .TechBox>.con{width:70%; padding: 25px ;}
    .viewinfo .InfoBox .inBox .TechBox font{font-size: 17px !important; line-height: 130%;}
    }
    @media screen and (max-width:500px){
    .viewinfo .InfoBox .inBox .TechBox>.cate{width:100%; padding: 15px;border-bottom:solid 1px #e1eaf7;}
    .viewinfo .InfoBox .inBox .TechBox>.con{width:100%; padding: 15px 20px 30px 20px;}
    .viewinfo .InfoBox .inBox .TechBox font{font-size: 17px !important; line-height: 130%;text-align: center;}
    }
    @media screen and (max-width:420px){
    .viewinfo .InfoBox .inBox .TechBox>.con{padding: 15px 20px 20px 20px;}
    .viewinfo .InfoBox .inBox .TechBox font{font-size: 16px !important;}
    }





/* 시약 및 구성요소 IMG */
.viewinfo .InfoBox .inBox .R_imgBox{}
.viewinfo .InfoBox .inBox .R_imgBox span{width:calc(100%/2 - 30px); padding: 1%; margin:20px 10px !important;border-radius: 20px;transition:all 0.5s ease;}
.viewinfo .InfoBox .inBox .R_imgBox span img{border-radius: 20px;}

    @media screen and (max-width:1280px){
    .viewinfo .InfoBox .inBox .R_imgBox span{width:calc(100%/2 - 20px);margin:20px 5px !important;}
    .viewinfo .InfoBox .inBox .R_imgBox span img{border-radius: 15px;}
    }
    @media screen and (max-width:960px){
    .viewinfo .InfoBox .inBox .R_imgBox span{width:calc(100%/2 - 10px);  margin:20px 2px !important;}
    .viewinfo .InfoBox .inBox .R_imgBox span img{border-radius: 12px;}
    }
    @media screen and (max-width:767px){
    .viewinfo .InfoBox .inBox .R_imgBox span{width:calc(100%/2 - 5px);  margin:20px 2px !important;}
    .viewinfo .InfoBox .inBox .R_imgBox span img{border-radius: 10px;}
    }
    @media screen and (max-width:540px){
    .viewinfo .InfoBox .inBox .R_imgBox {margin-bottom: 30px;}
    .viewinfo .InfoBox .inBox .R_imgBox span{width:calc(100%/1 - 0px);padding: 2%;   margin:0 !important;}
    .viewinfo .InfoBox .inBox .R_imgBox span img{border-radius: 8px;}
    }




.viewinfo .InfoBox .menu{width:100%;border-left:solid 1px #ebe0e0;}
.viewinfo .InfoBox .menu li{width:calc(100%/4 + 1px);margin-left:-1px;}
.viewinfo .InfoBox .menu li a{width:100%;padding:20px 0;font-size:20px;line-height:120%;font-weight:bold;text-align:center;color:#634b25;border:solid 1px #ebe0e0;background:#fff;display:block;}
.viewinfo .InfoBox .menu li:hover a,
.viewinfo .InfoBox .menu li.on a{background:#16bdca;border-color:#16bdca;color:#fff !important;}

.viewinfo .InfoTxT{width:100%;}
.viewinfo .InfoTxT .img{text-align:center;}
.viewinfo .InfoTxT .img img{max-width:100%;}

.viewinfo .InfoTxT .m4TXT{width:100%;}
.viewinfo .InfoTxT .m4TXT .txtDbox{width:100%;margin:10px 0 50px 0;padding:40px;background:#fafafa;}

@media screen and (max-width:1280px) {
.viewinfo .InfoBox .menu li a{padding:18px 0;font-size:18px;}

.viewinfo .InfoTxT .m4TXT .txtDbox{margin:10px 0 40px 0;padding:30px;}
}
@media screen and (max-width:960px) {
.viewinfo .InfoBox .menu li a{padding:16px 0;font-size:17px;}
par
.viewinfo .InfoTxT .m4TXT .txtDbox{margin:10px 0 30px 0;padding:20px;}
}
@media screen and (max-width:640px) {
.viewinfo .InfoBox .menu li a{font-size:16px;letter-spacing:-0.04em;}
}
@media screen and (max-width:420px) {
.viewinfo .InfoBox .menu li a{padding:14px 0;font-size:14px;}
}






/*********** 고객지원 > 부품목록 ***********/

.eco-partlist{}

.eco-partlist .item{width:calc(100%/4 - 15px);margin:0 7px; background:#f9f9f9;border-radius: 15px;padding:20px;aspect-ratio:16 / 19;}
.eco-partlist .ciBox{aspect-ratio:16/ 14; padding: 3% 0; background: #fff !important;border-radius: 10px;}
.eco-partlist .ciBox img{width:88%; text-align: center; margin-top: 1%; display: block;transition:all 0.5s ease;}
.eco-partlist .txtBox {margin-top: 25px !important;}
.eco-partlist .txtBox font{text-align: center;}

.eco-partlist .item:hover .ciBox img{transform: scale(1.1);}

    @media screen and (max-width:1280px){
    .eco-partlist{margin-top: 100px !important;}
    .eco-partlist .item{width:calc(100%/3 - 20px);margin:10px; border-radius: 25px;}
    }
    @media screen and (max-width:1100px){
    .eco-partlist .item{width:calc(100%/3 - 30px);margin:10px;border-radius: 20px;}
    .eco-partlist img{width:95%;}
    }
    @media screen and (max-width:960px){
    .eco-partlist{margin-top: 70px !important;}
    .eco-partlist .item{width:calc(100%/3 - 20px);margin:5px;}
    }
    @media screen and (max-width:767px){
    .eco-partlist .item{width:calc(100%/2 - 20px);margin:7px;}
    }
    @media screen and (max-width:640px){
    .eco-partlist{justify-content: center !important;}
    .eco-partlist .item{width:calc(100%/2 - 18px);margin:6px auto;padding:20px;border-radius: 15px;}
    .eco-partlist .item .txtBox{margin-top: 20px !important;}
    .eco-partlist .item .txtBox .type24{font-size: 20px !important;}
    .eco-partlist .item .txtBox .type22{font-size: 18px !important;}
    }
    @media screen and (max-width:460px){
    .eco-partlist .item{width:calc(95%/1 - 0px);margin:6px auto;border-radius: 12px;aspect-ratio:auto;}
    .eco-partlist .ciBox{aspect-ratio:16 / 14;}
    }
    @media screen and (max-width:360px){
    .eco-partlist .item{width:calc(95%/1 - 0px);margin:5px auto;padding:20px;border-radius: 10px;}
    .eco-partlist .ciBox img{width:95%;}
    }



/*********** 페이징 ***********/
.PageBox{display:flex;align-items:center;justify-content:center;margin-top:60px;}
.PageBox *{width:32px;height:32px;line-height:32px;margin:0 3px;padding:0;font-size:15px;color:#333;font-weight:400;text-align:center;display:block;transition:all 0.2s ease;}
.PageBox b{background:#16bdca;color:#fff;border-radius:50%;}
.PageBox a:hover{color:#16bdca;transition:all 0.2s ease;}
.PageBox .arr{width:10px;height:10px;margin:0 10px;border:solid #555;display:block;transform:rotate(45deg);font-size:0;}
.PageBox .arr.prev{border-width:0 0 1px 1px;}
.PageBox .arr.next{border-width:1px 1px 0 0;}

@media screen and (max-width:1100px){
.PageBox{margin-top:50px;}
.PageBox *{width:30px;height:30px;line-height:30px;margin:0 2px;font-size:13px;}
.PageBox .arr{width:8px;height:8px;margin:0 8px;}  
}
@media screen and (max-width:640px){
.PageBox{margin-top:40px;}
.PageBox *{width:27px;height:27px;line-height:27px;margin:0 1px;font-size:12px;}
.PageBox .arr{width:6px;height:6px;margin:0 5px;}  
}
@media screen and (max-width:400px){
.PageBox{margin-top:30px;}
.PageBox *{width:22px;height:22px;line-height:22px;}
}
@media screen and (max-width:340px){
.PageBox *{width:17px;height:17px;line-height:17px;}
}






/*********** 고객지원 > 유지보수기술 ***********/
.b-modal.__b-popup1__{opacity:0.7 !important;background: rgba(0,0,0,.85) !important;}

.movieConBox{align-items:center;justify-content:flex-start !important;position:relative;}

.movieConBox a{width:calc(100% / 3.18);padding:20px !important;margin:0 13px; margin-bottom: 25px; border:solid 1px #777;border-radius:15px;background:#fff;display:block;position:relative;transition-delay:0;min-height:340px;display:flex;flex-direction:column;flex-wrap:wrap;transition:all 0.3s ease;}
.movieConBox a .Movie iframe{width:100%;height: 250px;transition:all 0.3s ease;}
.movieConBox a .Movie img{}
.movieConBox a .txtBox{width:100%; text-align: center; padding: 10px 5px 5px 5px; margin-top: 7px; overflow:hidden;white-space:nowrap;text-overflow:ellipsis;transition:all 0.3s ease;}
.movieConBox a:hover{background:rgba(90,198,226,0.8) !important;border:solid 1px rgba(90,198,226,1);}

.movieConBox a:hover *{color:#fff;}

    @media screen and (max-width:1500px) {
    .movieConBox a{width:calc(100% / 3.20); margin:0 10px;margin-bottom: 20px;min-height:320px;}
    .movieConBox a .Movie iframe{height: 240px;}
    }
    @media screen and (max-width:1280px) {
    .movieConBox a{width:calc(100% / 3.15); margin:0 7px;margin-bottom: 18px; min-height:300px;border-radius:12px;}
    .movieConBox a .Movie iframe{height: 200px;}
    .movieConBox a .txtBox{padding: 10px 0 5px 0; margin-top: 7px;}
    }
    @media screen and (max-width:1100px) {
    .movieConBox a{width:calc(100% / 3.10); padding:15px !important; margin:0 5px;margin-bottom: 15px; min-height:260px;border-radius:12px;}
    .movieConBox a .Movie iframe{height: 180px;}
    }
    @media screen and (max-width:1000px) {
    .movieConBox a{width:calc(100% / 3.10); margin:0 4px;margin-bottom: 12px;}
    .movieConBox a .Movie iframe{height: 180px;}
    }
    @media screen and (max-width:960px) {
    .movieConBox a{width:calc(100% / 2.20); margin:0 8px;margin-bottom: 20px;min-height:250px;}
    .movieConBox a .Movie iframe{height: 210px;}
    }
    @media screen and (max-width:767px) {
    .movieConBox a{width:calc(100% / 2.10); margin:0 5px;margin-bottom: 15px;min-height:240px;}
    .movieConBox a .Movie iframe{height: 180px;}
    .movieConBox a .txtBox{padding: 10px 0 5px 0; margin-top: 3px;}
    }
    @media screen and (max-width:767px) {
    .movieConBox a{width:calc(100% / 2.10); margin:0 5px;margin-bottom: 15px;min-height:240px;}
    .movieConBox a .Movie iframe{height: 180px;}
    .movieConBox a .txtBox{padding: 10px 0 5px 0; margin-top: 3px;}
    }
    @media screen and (max-width:640px) {
    .movieConBox a{width:calc(100% / 2.10); margin:0 5px;margin-bottom: 15px;min-height:180px;}
    .movieConBox a .Movie iframe{height: 150px;}
    .movieConBox a .txtBox font{font-size: 17px !important;}
    }
    @media screen and (max-width:540px){
    .movieConBox {width:90%;margin:0 auto;}
    .movieConBox a{width:calc(100% / 1.0); margin:0 ;margin-bottom: 20px;min-height:230px;}
    .movieConBox a .Movie iframe{height: 240px;}
    }
    @media screen and (max-width:460px){
    .movieConBox a{width:calc(100% / 1.0); margin:0 ;margin-bottom: 15px;min-height:190px;}
    .movieConBox a .Movie iframe{height: 190px;}
    }
    @media screen and (max-width:360px){
    .movieConBox a{width:calc(100% / 1.0); ;margin-bottom: 15px;min-height:190px;}
    .movieConBox a .Movie iframe{height: 160px;}
    }
    @media screen and (max-width:320px){
    .movieConBox a{width:calc(100% / 1.0); ;margin-bottom: 12px;min-height:170px;}
    .movieConBox a .Movie iframe{height: 140px;}
    }

 
 

/* 동영상 팝업상세 */
.b-modal.__b-popup1__{opacity:0.9 !important;}

#popup2{width:100% !important;height:100%;display:none;overflow-y:auto;scrollbar-arrow-color:#fff;scrollbar-track-color:#000;scrollbar-face-color:#fff;position:fixed !important;top:0 !important;}
#popup2 .content{position:relative;width:98% !important;max-width:1100px;margin:10% auto;padding:10px;border-radius:20px;background:#fff;}


.pop_body{width:100%;}
.pop_body .MovieBox {padding: 20px;}
.pop_body .MovieBox iframe{width:100%;height: 570px;transition:all 0.3s ease;}
.pop_body .txtBox {width:100%;padding: 10px 0 15px 0; text-align: center; transition:all 0.3s ease;}


    @media screen and (max-width:1500px) {
    #popup2 .content{margin-top: 12%;}
    }
    @media screen and (max-width:1100px) {
    #popup2 .content{width:90% !important;max-width:90% !important;}
    .pop_body .MovieBox iframe{height: 500px;}
    .pop_body .txtBox .type22{font-size: 22px !important;}
    }
    @media screen and (max-width:960px) {
    #popup2 .content{border-radius:30px;}
    .pop_body .MovieBox iframe{height: 440px;}
    .pop_body .txtBox .type22{font-size: 22px !important;}
    }
    @media screen and (max-width:767px) {
    #popup2 .content{border-radius:25px;}
    .pop_body .MovieBox iframe{height: 350px;}
    .pop_body .txtBox .type22{font-size: 20px !important;}
    }
    @media screen and (max-width:640px) {
    #popup2 .content{border-radius:20px; padding:0px;}
    .pop_body .MovieBox iframe{height: 280px;}
    .pop_body .txtBox {padding: 0 0 20px 0;}
    .pop_body .txtBox .type22{font-size: 18px !important;}
    }
    @media screen and (max-width:540px) {
    #popup2 .content{border-radius:15px;}
    .pop_body .MovieBox iframe{height: 250px;}
    }
    @media screen and (max-width:460px) {
    .pop_body .MovieBox iframe{height: 210px;}
    }
    @media screen and (max-width:420px) {
    #popup2 .content{border-radius:12px;}
    .pop_body .MovieBox iframe{height: 190px;}
    .pop_body .txtBox .type22{font-size: 18px !important;}
    }
    @media screen and (max-width:360px) {
    .pop_body .MovieBox iframe{height: 165px;}
    }
    @media screen and (max-width:320px) {
    .pop_body .MovieBox iframe{height: 140px;}
    }







#popup2 .button.b-close,#popup2 .button.bClose{width:52px;height:52px;background:linear-gradient(125deg, #0098be 10% , #22b2d6 60%); border-radius:50%;position:fixed;left:calc(50% - 10px);top:15%;z-index:999;cursor:pointer;transition:all 0.5s ease;}
#popup2 .button.b-close span,#popup2 .button.bClose span{font-size:0;}
#popup2 .button.b-close:before,#popup2 .button.bClose:before{width:2px;height:30px;margin-top:-15px;position:absolute;left:50%;top:50%;background-color:#fff;content:'';transform:rotate(45deg);transition:transform .2s ease;}
#popup2 .button.b-close span:before,#popup2 .button.bClose span:before{width:2px;height:30px;margin-top:-15px;position:absolute;left:50%;top:50%;background-color:#fff;content:'';transform:rotate(-45deg);transition:transform .2s ease;}
#popup2 .button.b-close:hover:before,#popup2 .button.bClose:hover:before{transform:rotate(225deg);}
#popup2 .button.b-close:hover,#popup2 .button.bClose:hover{background:#5bdafa;}
#popup2 .button.b-close:hover span:before,#popup2 .button.bClose:hover span:before{transform:rotate(135deg);}
@media screen and (max-width:1024px) {
#popup2 .button.b-close,#popup2 .button.bClose{width:44px;height:44px;right:20px;top:20px;}
#popup2 .button.b-close:before,#popup2 .button.bClose:before{width:2px;height:20px;margin-top:-10px;}
#popup2 .button.b-close span:before,#popup2 .button.bClose span:before{width:2px;height:20px;margin-top:-10px;}
}
    @media screen and (max-width:2000px) {
    #popup2 .button.b-close,#popup2 .button.bClose{top:10%;}
    }
    @media screen and (max-width:1500px) {
    #popup2 .button.b-close,#popup2 .button.bClose{top:9%;}
    }
    @media screen and (max-width:1280px) {
    #popup2 .button.b-close,#popup2 .button.bClose{top:7%;}
    }
    @media screen and (max-width:767px) {
    #popup2 .button.b-close,#popup2 .button.bClose{width:38px;height:38px;right:16px;top:16px;}
    }
    @media screen and (max-width:640px) {
    #popup2 .button.b-close,#popup2 .button.bClose{right:12px;top:12px;}
    }


/*
#popup2 #map img{min-width:100% !important;min-height:100% !important;left:0 !important;top:0 !important;}
*/




.ft_popup{display:none;width:100%;height:100%;position:fixed;top:0;right:0;bottom:0;left:0;background-color:rgba(0,0,0,0.4);z-index:99999;}
.ft_popup .popup_wrap{max-width:740px;margin:0 auto;position:absolute;top:50%;transform:translateY(-50%);left:0;right:0;overflow:hidden;border-radius:20px;box-shadow:2px 2px 20px rgba(0,0,0,0.1);}
.ft_popup .popup_wrap img{width:100%;display:block;}

.ft_popup .popup_wrap .imgPop_close{width:50px;height:50px;display:block;position:absolute;top:15px;right:15px;cursor:pointer;border-radius:50%;background:#000;}
.ft_popup .popup_wrap .imgPop_close:after{width:2px;height:30px;background:#fff;position:absolute;top:calc(50% - 15px);right:50%;display:block;content:"";transform:rotate(45deg);}
.ft_popup .popup_wrap .imgPop_close:before{width:2px;height:30px;background:#fff;position:absolute;top:calc(50% - 15px);right:50%;display:block;content:"";transform:rotate(-45deg);}

@media screen and (max-width:767px) {
.ft_popup .popup_wrap{max-width:100%;}
}
@media screen and (max-width:640px) {
.ft_popup .popup_wrap{border-radius:10px;}
.ft_popup .popup_wrap .imgPop_close{width:40px;height:40px;top:10px;right:10px;}
.ft_popup .popup_wrap .imgPop_close:after{height:20px;top:calc(50% - 10px);}
.ft_popup .popup_wrap .imgPop_close:before{height:20px;top:calc(50% - 10px);}
}







/*********** 고객지원 > 견적서 ***********/
.appBox{padding:0 5%;}
.appBox i.star{width:5px;height:5px;margin:7px;border-radius:50%;background:#e12d34;display:inline-block;}

.appBox .appBox-D{border-top:solid 1px #000;margin-top:14px;}

.appBox .appBox-D div.disF{padding:15px 25px;border-bottom:solid 1px #f3f3f3;}
.appBox .appBox-D div.disF .ttit{width:220px;padding-top:8px;}
.appBox .appBox-D div.disF .ccon{width:calc(100% - 220px);display:flex;flex-wrap:wrap;}
.appBox .appBox-D div.disF .ccon span{margin-top:8px;display:flex;flex-wrap:wrap;}
.appBox .appBox-D div.disF .ccon span:first-child{margin-top:0;}
.appBox .appBox-D div.disF .ccon a.add{width:28px;height:28px;margin:20px 0 0 20px;padding-bottom:2px;border:solid 1px #e5e5e5;border-radius:50%;background:#fff;display:flex;align-items:center;justify-content:center;}
.appBox .appBox-D div.disF .ccon font{line-height:280%;margin-right:10px;}
.appBox .appBox-D div.disF .ccon.address input[type=text]{width:calc(100%/2 - 150px);}
.appBox .appBox-D div.disF .ccon.address input[type=text].post{width:200px;}

.appBox .appBox-D .agrBox{padding:20px 25px;border-bottom:solid 1px #f3f3f3;}
.appBox .appBox-D .agrBox span{padding:10px 0;} 
.appBox .appBox-D .agrBox span u{color:#808080;cursor:pointer;}

@media screen and (max-width:1500px) {
.appBox{padding:0 2%;}
.appBox .appBox-D div.disF{padding:15px 20px;}
.appBox .appBox-D div.disF .ttit{width:200px;}
.appBox .appBox-D div.disF .ccon{width:calc(100% - 200px);}
}
@media screen and (max-width:1280px) {
.appBox{padding:0;}
.appBox .appBox-D div.disF{padding:10px 15px;}
.appBox .appBox-D div.disF .ttit{width:180px;}
.appBox .appBox-D div.disF .ccon{width:calc(100% - 180px);}
.appBox .appBox-D div.disF .ccon font{margin-right:5px;}
}
@media screen and (max-width:1100px) {
.appBox .appBox-D div.disF{padding:10px 10px;}
.appBox .appBox-D div.disF .ttit{width:160px;}
.appBox .appBox-D div.disF .ccon{width:calc(100% - 160px);}
}
@media screen and (max-width:960px) {
.appBox .appBox-D div.disF .ttit{width:140px;}
.appBox .appBox-D div.disF .ccon{width:calc(100% - 140px);}
}
@media screen and (max-width:860px) {
.appBox .appBox-D div.disF{padding:10px 5px;}
.appBox .appBox-D div.disF .ttit{width:100%;padding-top:0;padding-bottom:5px;}
.appBox .appBox-D div.disF .ccon{width:100%;}
}
@media screen and (max-width:767px) {
.appBox .appBox-D div.disF .ccon.three input,
.appBox .appBox-D div.disF .ccon.three select{width:29% !important;}

.appBox .appBox-D div.disF .ccon.address input[type=text]{width:100% !important;margin-top:5px;margin-right:0 !important;}
.appBox .appBox-D div.disF .ccon.address input[type=text].post{margin-top:0;}
}
@media screen and (max-width:640px) {
.appBox .appBox-D .agrBox{padding:10px 15px;}
}
@media screen and (max-width:360px) {
.appBox .appBox-D .agrBox{padding:10px 5px;}
}



.appBox input[type=text]{padding:12px 20px;margin-right:10px;border:solid 1px #ccc;border-radius:10px;font-size:16px;}
.appBox input[type=text]:last-child{margin-right:0;}
.appBox input[type=text]::-webkit-input-placeholder{color:#999 !important;}
.appBox input[type=text]::-moz-input-placeholder{color:#999 !important;}
.appBox input[type=text]::-ms-input-placeholder{color:#999 !important;}

.appBox select{padding:12px 80px 12px 20px;margin-right:10px;border:solid 1px #ccc;border-radius:10px;font-size:16px;background:url(/img/select_arrow.png) no-repeat right 20px center;-webkit-appearance:none;-moz-appearance:none;appearance:none;}
.appBox select:last-child{margin-right:0;}
.appBox select::-ms-expand{display:none;}

.appBox input[type=checkbox]{display:inline-block;}
.appBox input[type=checkbox] + label{padding-left:10px;display:inline-block;position:relative;}

.appBox textarea{width:100%;min-height:150px;padding:12px 20px;border:solid 1px #ccc;border-radius:10px;font-size:16px;}

@media screen and (max-width:1500px) {
.appBox input[type=text],
.appBox textarea,
.appBox select{padding:12px 17px;font-size:15px;margin-right:8px;border-radius:5px;}
.appBox select{padding-right:55px;}
}
@media screen and (max-width:1280px) {
.appBox input[type=text],
.appBox textarea,
.appBox select{padding:11px 15px;font-size:14px;background-position:right 15px center;background-size:12px;margin-right:6px;}
.appBox select{padding-right:50px;}
}
@media screen and (max-width:640px) {
.appBox input[type=text],
.appBox textarea,
.appBox select{max-width:100% !important;border-radius:2px;}
}
@media screen and (max-width:400px) {
.appBox input[type=text],
.appBox textarea,
.appBox select{padding:10px 12px;font-size:13px;background-position:right 10px center;background-size:10px;margin-right:4px;}
.appBox select{padding-right:30px;}
}


.btnBox{width:300px;margin:0 auto;padding:20px 0;background:linear-gradient(90deg, #0098be 10% , #22b2d6 60%); border-radius: 20px;}
.btnBox a{color:#fff;text-align:center;display:block;font-weight:bold;transition:all 0.2s ease;}
.btnBox a:hover{letter-spacing:0.4em;transition:all 0.2s ease;}

@media screen and (max-width:1280px) {
.btnBox{width:280px;}
}
@media screen and (max-width:1100px) {
.btnBox{width:260px;padding:18px 0;}
}
@media screen and (max-width:960px) {
.btnBox{width:240px;}
}
@media screen and (max-width:767px) {
.btnBox{width:220px;padding:16px 0;}
}
@media screen and (max-width:640px) {
.btnBox{width:200px;}
}
@media screen and (max-width:420px) {
.btnBox{width:180px;}
}






/*********** 알림마당 > 안전실천 행동강령 ***********/
.cofc div{width:calc(100%/2 - 20px);margin:10px;padding:40px;border:solid 1px #ddd;display:flex;align-items:center;flex-wrap:wrap;}
.cofc div figure{width:80px;}
.cofc div figure img{width:100%;display:block;}
.cofc div span{width:calc(100% - 80px);padding-left:30px;}

.boardDePage .cclogo{width:50%;max-width:350px;display:block;}

@media screen and (max-width:1100px) {
.cofc div{width:calc(100%/2 - 10px);margin:5px;padding:35px;}
}
@media screen and (max-width:960px) {
.cofc div{padding:25px;}
}
@media screen and (max-width:767px) {
.cofc div{width:100%;margin:0 0 5px 0;padding:20px;}
.cofc div figure{width:70px;}
.cofc div span{width:calc(100% - 70px);padding-left:20px;}
}
@media screen and (max-width:560px) {
.cofc div figure{width:60px;}
.cofc div span{width:calc(100% - 60px);}

.boardDePage .cclogo{width:60%;}
}
@media screen and (max-width:400px) {
.cofc div figure{width:50px;}
.cofc div span{width:calc(100% - 50px);}

.boardDePage .cclogo{width:70%;}
}
@media screen and (max-width:300px) {
.boardDePage .cclogo{width:80%;}
}




@media screen and (max-width:1500px){
}
@media screen and (max-width:1280px){
}
@media screen and (max-width:1100px){
}
@media screen and (max-width:767px){
}
@media screen and (max-width:640px){
}
@media screen and (max-width:500px){
}
@media screen and (max-width:420px){
}