@charset "utf-8";


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

.contents.sub .detail{padding-top:140px;padding-bottom:200px;position:relative;/*overflow:hidden;*/}
.contents.sub .detail.pt0{padding-top:0 !important;}

.contentsBg{background:#f0f0f0;}
.conplr{padding:0 2%;}


    @media screen and (max-width:1500px){
    .conplr{padding:0;}

    .contents.sub .detail{padding-top:130px;padding-bottom:180px;}
    }
    @media screen and (max-width:1280px) {
    .contents.main div[id*='sec-']{padding:180px 0;}

    .contents.sub .detail{padding-top:120px;padding-bottom:160px;}
    }
    @media screen and (max-width:960px) {
    .contents.main div[id*='sec-']{padding:160px 0;}
    }
    @media screen and (max-width:767px) {
    .contents.main div[id*='sec-']{padding:150px 0;}

    .contents.sub .detail{padding-top:110px;padding-bottom:150px;}
    }
    @media screen and (max-width:640px) {
    .contents.sub .detail{padding-top:100px;padding-bottom:140px;}
    }
    @media screen and (max-width:560px) {
    .contents.main div[class*='sec-']{padding:140px 0;}
    }
    @media screen and (max-width:460px){
    .contents.sub .detail{padding-top:100px;padding-bottom:140px;}
    }





/************************************************************************
* ul *
*************************************************************************/
.list li{width:100%;line-height:150%;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:10px;padding-bottom:4px;color:#555;font-size:18px;text-align:left;font-family:'Pretendard-Regular' !important;transition:all 0.4s ease;}
.list.type1 li:after{width:3px;height:3px;display:block;content:"";position:absolute;top:12px;left:0;background:#555;border-radius:50%;}

.list.type2 li{padding-left:14px;padding-bottom:4px;color:#333;font-size:16px;text-align:left;font-family:'NanumSquareNeo';}
.list.type2 li:after{width:6px;height:1px;display:block;content:"";position:absolute;top:11px;left:0;background:#333;}

.list.type3 li{padding-left:25px;padding-bottom:4px;color:#333;font-size:17px;text-align:left;font-family:'NanumSquareNeo';}
.list.type3 li:after{font-size:17px;line-height:150%;display:block;content:"";position:absolute;top:0;left:0;}
.list.type3 li:nth-child(1):after{content:"1.";}
.list.type3 li:nth-child(2):after{content:"2.";}
.list.type3 li:nth-child(3):after{content:"3.";}
.list.type3 li:nth-child(4):after{content:"4.";}
.list.type3 li:nth-child(5):after{content:"5.";}
.list.type3 li:nth-child(6):after{content:"6.";}
.list.type3 li:nth-child(7):after{content:"7.";}
.list.type3 li:nth-child(8):after{content:"8.";}
.list.type3 li:nth-child(9):after{content:"9.";}
.list.type3 li:nth-child(10):after{content:"10.";}
.list.type3 li:nth-child(11):after{content:"11.";}
.list.type3 li:nth-child(12):after{content:"12.";}
.list.type3 li:nth-child(13):after{content:"13.";}
.list.type3 li:nth-child(14):after{content:"14.";}
.list.type3 li:nth-child(15):after{content:"15.";}
.list.type3 li:nth-child(16):after{content:"16.";}
.list.type3 li:nth-child(17):after{content:"17.";}


.list.type4 li{padding-left:12px;padding-bottom:15px;color:#333;font-size:20px; text-align:left;}
.list.type4 li:after{width:4px;height:4px;display:block;content:"";position:absolute;top:14px;left:0;background:#555;border-radius:50%;}

.list.type5 li{padding-left:14px;color:#fff;font-size:17px !important; padding-bottom:2px; text-align:left; font-family:'Pretendard-Thin' !important;}
.list.type5 li:after{width:7px;height:1px;display:block;content:"";position:absolute;top:14px;left:0;background:#fff;}


@media screen and (max-width:1280px){
.list.type1 li{font-size:17px;}
.list.type1 li:after{top:10px;}

.list.type2 li{font-size:15px;}
.list.type2 li:after{top:10px;}

.list.type3 li{padding-left:24px;}
.list.type3 li,
.list.type3 li:after{font-size:16px;}

.list.type5 li{padding-left:13px;font-size:16px !important; }
.list.type5 li:after{width:7px;height:1px;top:12px;left:0;}
}
@media screen and (max-width:1100px){
.list.type1 li{font-size:16px;}

.list.type2 li{font-size:14px;}

.list.type3 li{padding-left:23px;}
.list.type3 li,
.list.type3 li:after{font-size:15px;}
    
.list.type4 li{padding-left:11px;padding-bottom:13px;font-size:18px;}
.list.type4 li:after{top:13px;}
}
@media screen and (max-width:860px){ 
.list.type4 li{padding-left:10px;padding-bottom:13px;font-size:17px;}
}
@media screen and (max-width:767px){
.list.type1 li{padding-left:10px;font-size:15px;}
.list.type1 li:after{width:3px;height:3px;top:9px;}

.list.type2 li{font-size:13px;}
.list.type2 li:after{top:9px;}

.list.type3 li{padding-left:22px;}
.list.type3 li,
.list.type3 li:after{font-size:14px;}
    
.list.type5 li{padding-left:13px;font-size:15px !important; }
.list.type5 li:after{width:6px;top:11px;}
}
@media screen and (max-width:640px){
.list.type1 li{font-size:14px;}

.list.type2 li{font-size:12px;}

.list.type3 li{padding-left:21px;}
.list.type3 li,
.list.type3 li:after{font-size:13px;}
    
.list.type4 li{padding-bottom:10px;font-size:15px;}
.list.type4 li:after{top:11px;}
}
@media screen and (max-width:460px){
.list.type4 li{padding-left:10px;padding-bottom:9px;line-height: 140%;}
.list.type4 li:after{width:3px;height:3px;top:10px;}
    
.list.type5 li{padding-left:12px;font-size:14px !important; line-height: 110%; padding-bottom: 7px; }
}






/************************************************************************
* table *
*************************************************************************/
.table{width:100%;border-top:solid 2px #0e4fc5;border-collapse:collapse;border-spacing:0;empty-cells:show;word-wrap:break-word;}
.table tr th,
.table tr td{padding:16px 12px;color:#292929;line-height:150%;font-size:16px;text-align:center;vertical-align:middle;border-bottom:solid 1px #e1e1e1;border-right:solid 1px #e1e1e1;word-wrap:break-word;display:table-cell;word-break:keep-all;}
.table tr td{padding:16px 12px;color:#292929;line-height:150%;font-size:16px;text-align:center;vertical-align:middle;border-bottom:solid 1px #e1e1e1;border-right:solid 1px #e1e1e1;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 #e1e1e1 !important;}
.table tr th.bll, .table tr td.bll{border-left:solid 1px #e1e1e1 !important;}
.mThide{display:none;}


.table.type1 {
    position: relative;
    --table-border-color1: #0e4fc5;
    --table-border-color2: #E2E2E2;
    --thead-background: #F2F4F8;
    --tbody-background: #FAFCFE;
}
.table.type1 {
    border-top: 2px solid var(--table-border-color1);
}

.mobileHide{width:100%; padding-bottom: 10px;}
.table.type1{overflow:hidden;}
.table.type1 tr:first-child{border-top:solid 1px #d5d5d5;}
.table.type1 tr.lineb{border-top:solid 2px #ccc !important;}
.table.type1 tr th{background:#f8f8f8;font-size:17px !important;}
.table.type1 thead tr th{padding:14px 12px !important; color:#252525;}
.table.type1 tbody tr th{background:#f6f6f6;}
.table.type1 tbody tr th.model{color:#0e4fc5 !important;font-weight:700 !important; padding:20px 12px !important;}
.table.type1 tbody tr td{font-size:17px !important;}


.table.type2{width: 80%;overflow:hidden; margin: 0 auto;}
.table.type2 tr:first-child{border-top:none !important;}
.table.type2 tr th{background:transparent !important;font-size:17px !important;}
.table.type2 thead tr th{background: rgba(255,255,255,.1) !important; padding:14px 12px !important; color:#fff;border-bottom:none !important;border-right:none !important;}
.table.type2 tbody tr th{background: rgba(255,255,255,.05) !important;border-bottom:solid 1px rgba(255,255,255,.5) !important;border-right:solid 1px rgba(255,255,255,.5) !important;}
.table.type2 tbody tr th.model{color:#fff !important;font-weight:700 !important; padding:15px 12px !important;}
.table.type2 tbody tr td{font-size:17px !important;color:#fff !important;border-bottom:solid 1px rgba(255,255,255,.5) !important;border-right:solid 1px rgba(255,255,255,.5) !important;}
.table.type2 tbody tr td:last-child{border-right:none !important;}
.table.type2 tr td.bll{border-left:solid 1px rgba(255,255,255,.5) !important;}


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

    .table.type1 tr th, .table.type1 tbody tr td{font-size:16px !important;}
        
    .table.type2{width: 90%;}
    .table.type2 tr th, .table.type2 tbody tr td{font-size:15px !important;}
    }
    @media screen and (max-width:960px){
    .table.type1 thead tr th{padding:14px 10px !important;}
    .table.type1 tr th, .table.type1 tbody tr td{font-size:15px !important;}
    .table.type1 tbody tr th, .table.type1 tbody tr td{padding:22px 10px !important;}
        
    .table.type2 tr th, .table.type2 tbody tr td{font-size:14px !important;}
    }
    @media screen and (max-width:860px){
    .mThide{display:block;padding-bottom:5px;}

    .mobileHide{width:100%;overflow-x:auto;}
    .mobileHide .table{min-width:840px !important;}
        
    .table.type1 tr th, .table.type1 tbody tr td{font-size:14px !important;}
    .table.type1 tbody tr th, .table.type1 tbody tr td{padding:24px 10px !important;}
        
    .table.type2 tr th, .table.type2 tbody tr td{font-size:13px !important;}
    }
    @media screen and (max-width:767px){
    .mobileHide .table{min-width:800px !important;}
        
    .table.type1 thead tr th{padding:13px 10px !important;}
    .table.type1 tr th, .table.type1 tbody tr td{font-size:13px !important;}
    }
    @media screen and (max-width:640px){
    .mobileHide .table{min-width:760px !important;}
        
    .table tr th,
    .table tr td{padding:8px 6px;font-size:14px;}
    }
    @media screen and (max-width:540px){
    .mobileHide{padding-bottom: 20px;}
    .mobileHide .table{min-width:700px !important;}

    .table.type2 tr th, .table.type2 tbody tr td{font-size:12px !important;}
    }
    @media screen and (max-width:460px){
    .mobileHide .table{min-width:600px !important;}
    }






/************************************************************************
* button *
*************************************************************************/
.button{width:190px;padding:20px 30px;border-radius:10px;font-size:17px;text-align:left;border:solid 1px #000; margin: 0 auto; display:flex;align-items:center;justify-content:space-between;transition:all 0.2s ease;}
.button font{color:#000;font-family: "Montserrat" !important;transition:all 0.2s ease;}
.button i{width:15px;height:1px;background:#000;position:relative;transform:translateY(-50%);transition:all 0.2s ease;}
.button i:after{width:9px;height:9px;border:solid #000;border-width:1px 1px 0 0;position:absolute;top:50%;right:0;display:block;content:"";transform:translateY(-50%) rotate(45deg);transition:all 0.2s ease;}

.button:hover font,
.button:hover i,
.button:hover i:after{transition:all 0.2s ease;}
.button:hover{width:210px;}

.button.blue{color:#fff; background:#1769ff;}
.button.blue font{color:#fff;}
.button.blue i{background:#fff;}
.button.blue i:after{border-color:#fff;}
.button.blue:hover{color:#fff;background:#2610f6;}
.button.blue:hover font{color:#fff;}
.button.blue:hover i{background:#fff;}
.button.blue:hover i:after{border-color:#fff;}

.button.green{color:#0a9e46;border-color:#0a9e46;}
.button.green font{color:#0a9e46;}
.button.green i{background:#0a9e46;}
.button.green i:after{border-color:#0a9e46;}
.button.green:hover{color:#fff;background:#0a9e46;}
.button.green:hover font{color:#fff;}
.button.green:hover i{background:#fff;}
.button.green:hover i:after{border-color:#fff;}

.button.white{color:#fff;border-color:#fff;}
.button.white font{color:#fff;}
.button.white i{background:#fff;}
.button.white i:after{border-color:#fff;}
.button.white:hover{color:#fff;background:#000;border-color:#000;}
.button.white:hover font{color:#fff;}
.button.white:hover i{background:#fff;}
.button.white:hover i:after{border-color:#fff;}

.button.black{color:#000;border-color:#000;}
.button.black font{color:#000;}
.button.black i{background:#000;}
.button.black i:after{border-color:#000;}
.button.black:hover{color:#fff;background:#000;border-color:#000;}
.button.black:hover font{color:#fff;}
.button.black:hover i{background:#fff;}
.button.black:hover i:after{border-color:#fff;}

@media screen and (max-width:1100px){
.button{width:200px;padding:18px 28px;font-size:17px;}
.button:hover{width:200px;}
}
@media screen and (max-width:960px){
.button{width:180px;padding:16px 26px;font-size:16px;}
.button i{width:20px;}
.button i:after{width:6px;height:6px;}
.button:hover{width:180px;}
}
@media screen and (max-width:640px){
.button{width:160px;padding:16px 24px;font-size:14px;}
.button:hover{width:160px;}
}
@media screen and (max-width:420px){
.button{width:140px;padding:14px 22px;font-size:12px;}
.button i{width:15px;}
.button i:after{width:5px;height:5px;}
.button:hover{width:140px;}
}







/************************************************************************
* MAIN_CONTENTS *
************************************************************************/

/*** Main Sub Title **/
.sTit{}
.sTit h2{font-size: 110px !important;color: #fff;font-family: "Poppins", sans-serif !important; font-weight: 600 !important; text-shadow: rgba(255, 255, 255, 0.9) 3px 2px 20px;transition:all 0.4s ease;}
.sTit h2 br.hide{display: none;}
.sTit h3{font-size: 80px !important;color: #fff;font-weight: 600 !important; text-shadow: rgba(255, 255, 255, 0.9) 3px 2px 20px;transition:all 0.4s ease;}
.sTit h3 br.hide{display: none;}
.sTit .type24 {transition:all 0.2s ease;}
.sTit .type24 br.hide{display: none;}

    @media screen and (max-width:1500px){
    .sTit h2{font-size: 100px !important;}
    .sTit h3{font-size: 70px !important;}
    }
    @media screen and (max-width:1280px){
    .sTit h2{font-size: 90px !important;}
    .sTit h3{font-size: 60px !important;}
    }
    @media screen and (max-width:1100px){
    .sTit h2{font-size: 80px !important;}
    .sTit h3{font-size: 55px !important;}
    .sTit .type24 {font-size: 20px !important;}
    }
    @media screen and (max-width:960px){
    .sTit h2{font-size: 70px !important;}
    .sTit h3{font-size: 50px !important;}
    .sTit .type24 {font-size: 18px !important; margin-top: 10px !important;}
    }
    @media screen and (max-width:840px){
    .sTit h2{font-size: 60px !important;}
    .sTit h3{font-size: 85px !important;}
    .sTit .type24 {line-height: 120%;}
    .sTit .type24 br.hide{display: block;}
    }
    @media screen and (max-width:640px){
    .sTit h2{font-size: 60px !important; line-height: 90%;}
    .sTit h3{font-size: 50px !important;}
    .sTit h2 br.hide{display: block;}
    .sTit .type24 {font-size: 16px !important;line-height: 120%; margin-top: 20px !important;}
    .sTit .type24 br.hide{display: block;}
    }
    @media screen and (max-width:460px){
    .sTit h2{font-size: 50px !important;}
    .sTit h3{font-size: 45px !important;}
    .sTit .type24 {font-size: 14px !important; letter-spacing: -0.05em;}
    }
    @media screen and (max-width:360px){
    .sTit h2{font-size: 44px !important;}
    .sTit h3{font-size: 40px !important;}
    .sTit .type24 {font-size: 13px !important;}
    }
    @media screen and (max-width:320px){
    .sTit h2{font-size: 40px !important;}
    .sTit h3{font-size: 35px !important;}
    }


/******#sec-m1 About WoongJin  ******/
#sec-m1{padding: 220px 0  230px 0 !important; background:url(/img/sec1_bg.jpg) no-repeat center top -900px; background-size:cover; overflow: hidden; position: relative;  transition:all 0.3s ease;}


#sec-m1 .aboutBox {transition:all 0.3s ease;}
#sec-m1 .aboutBox ul {display: flex; flex-wrap: wrap; justify-content: space-between;}
#sec-m1 .aboutBox li {width: calc(50% - 20px); height: 450px;margin-bottom: 25px; border-radius: 30px; overflow: hidden; background-size: cover; transition: transform 0.3s ease;}
#sec-m1 .aboutBox li:nth-child(1) {width: 57% !important;background: url(/img/sec1_i1.png) no-repeat center center;background-size: 120%;transition:all 0.3s ease;}
#sec-m1 .aboutBox li:nth-child(2) {width: 41% !important;background: url(/img/sec1_i2.png) no-repeat center center;background-size: 120%;transition:all 0.3s ease;}
#sec-m1 .aboutBox li:nth-child(3) {width: 41% !important;background: url(/img/sec1_i3.png) no-repeat center center;background-size: 120%;transition:all 0.3s ease;}
#sec-m1 .aboutBox li:nth-child(4) {width: 57% !important;background: url(/img/sec1_i4.png) no-repeat center center;background-size: 120%;transition:all 0.3s ease;}

#sec-m1 .aboutBox li:hover {background-size: 140%;transition:all 0.3s ease;}

#sec-m1 .aboutBox a {height: 100%; position: relative; display: block; padding: 90px !important;  transition:all 0.3s ease; }
#sec-m1 .aboutBox a::after {content: ''; position: absolute; left: 0; bottom: -110%; width: 100%; height: 100%; background: rgba(22,105,255,.7); z-index: 0; transition:all 0.3s ease;}
#sec-m1 .aboutBox a:hover {transition:all 0.3s ease;}
#sec-m1 .aboutBox a:hover::after {bottom: 0;}

#sec-m1 .aboutBox .text {width: 100%; height: 100%; z-index: 99;  transition:all 0.3s ease;}
#sec-m1 .aboutBox .text font{width: 90%; transition:all 0.3s ease;}
#sec-m1 .aboutBox .text h3, #sec-m1 .aboutBox .text font {color: #fff; transition:all 0.3s ease;}
#sec-m1 .aboutBox a:hover .text h3, #sec-m1 .aboutBox a:hover .text font {transition:all 0.3s ease; opacity: 0;}

#sec-m1 .aboutBox .over {width: 100%; position: relative; opacity: 0; z-index: 99;  transition:all 0.5s ease;}
#sec-m1 .aboutBox .over h3 {color: #fff; display: block;}
#sec-m1 .aboutBox .over font{width: 90%; color: #fff; display: block; word-break: keep-all;}
#sec-m1 .aboutBox a:hover .over {margin-top: -290px; opacity: 1;  transition:all 0.3s ease;}


#sec-m1 .aboutBox button.btn{width:45px;height:45px;line-height:40px;border:1px solid #fff;background:#fff;color:rgba(7,63,167,1);border-radius:50px; display:block;opacity: .8;bottom:-70px;position: absolute; left:45%; transition:all 0.2s ease;}
#sec-m1 .aboutBox button.btn i{width:20px;height:2px;margin-top:-1px;margin-left:0px;display:inline-block;background:rgba(7,63,167,1);vertical-align:middle;transform:rotate(-45deg);content:'';position:relative;}
#sec-m1 .aboutBox button.btn i:after{width:12px;height:12px;border:solid rgba(7,63,167,1);border-width:2px 2px 0 0;position:absolute;top:calc(50% - 7px);right:1px;display:block;content:"";transform:rotate(45deg);}
#sec-m1 .aboutBox a:hover span button.btn {opacity: 0;bottom:20px; transition:all 0.2s ease;}
#sec-m1 .aboutBox a:hover button.btn i{background:rgba(7,63,167,1);}
#sec-m1 .aboutBox a:hover button.btn i:after{border-color:rgba(7,63,167,1);}


    @media screen and (max-width:2300px){
        #sec-m1{background:url(/img/sec1_bg.jpg) no-repeat center top -700px; background-size:cover;}
    }
    @media screen and (max-width:2150px){
        #sec-m1{background:url(/img/sec1_bg.jpg) no-repeat center top -500px; background-size:cover;}
    }
    @media screen and (max-width:2000px){
        #sec-m1{background:url(/img/sec1_bg.jpg) no-repeat center top -300px; background-size:cover;}
    }
    @media screen and (max-width:1800px){
        #sec-m1{background:url(/img/sec1_bg.jpg) no-repeat center top -200px; background-size:cover;}
    }
    @media screen and (max-width:1600px){
        #sec-m1{background:url(/img/sec1_bg.jpg) no-repeat center top 0px; background-size:cover; }
        #sec-m1 .aboutBox {width: 96% !important; margin: 0 auto;}
    }
    @media screen and (max-width:1500px){
        #sec-m1{background:url(/img/sec1_bg.jpg) no-repeat center top -100px; background-size:cover; }
        
        #sec-m1 .aboutBox {width: 90% !important;}
        #sec-m1 .aboutBox a {padding: 60px !important;}
        #sec-m1 .aboutBox li {height: 360px;border-radius: 30px; background-size: cover;}
        #sec-m1 .aboutBox .text h3 {font-size: 43px !important; margin-top: 20px !important;}
        #sec-m1 .aboutBox .text font{margin-top: 90px !important;transition:all 0.2s ease;}
        
        #sec-m1 .aboutBox a:hover .over {margin-top: -240px;}
        #sec-m1 .aboutBox a:hover .text h3 {font-size: 43px !important;}
        #sec-m1 .aboutBox a:hover .over font{margin-top: 80px !important;}
    }
    @media screen and (max-width:1350px){
        #sec-m1{background:url(/img/sec1_bg.jpg) no-repeat center top 0px; background-size:cover; }
    }
    @media screen and (max-width:1280px){
        #sec-m1{padding: 180px 0  300px 0 !important; background:url(/img/sec1_bg.jpg) no-repeat center top -100px; background-size:cover;}
        #sec-m1 .aboutBox {width: 96% !important; margin: 0 auto;}
        #sec-m1 .aboutBox a {padding: 50px !important;}
        #sec-m1 .aboutBox li {height: 320px;border-radius: 25px;}
        
        #sec-m1 .aboutBox .text h3 {font-size: 40px !important;}
    }
    @media screen and (max-width:1100px){
        #sec-m1{padding: 160px 0  340px 0 !important; background:url(/img/sec1_bg2.jpg) no-repeat center top -700px #000; background-size:cover;}
        
        #sec-m1 .aboutBox a {padding: 45px !important;}
        #sec-m1 .aboutBox li {height: 280px;border-radius: 20px;}
        #sec-m1 .aboutBox .text h3, #sec-m1 .aboutBox a:hover .text h3  {font-size: 36px !important; }
        #sec-m1 .aboutBox .text font{margin-top: 60px !important;}
        #sec-m1 .aboutBox .text font, #sec-m1 .aboutBox a:hover .over font{line-height: 120%;}
        
        #sec-m1 .aboutBox a:hover .over {margin-top: -200px;}
        #sec-m1 .aboutBox a:hover .over font{margin-top: 60px !important;}
    }
    @media screen and (max-width:960px){
        #sec-m1{padding: 160px 0  200px 0 !important;background:url(/img/sec1_bg2.jpg) no-repeat center top -570px; background-size:cover;}
        
        #sec-m1 .aboutBox a {padding: 35px !important;}
        #sec-m1 .aboutBox li {height: 240px;border-radius: 15px;margin-bottom: 20px;}
        #sec-m1 .aboutBox .text font{margin-top: 110px !important;}
        
        #sec-m1 .aboutBox .text h3, #sec-m1 .aboutBox a:hover .over h3  {font-size: 33px !important; }
        #sec-m1 .aboutBox .text font{font-size: 15px !important; margin-top: 60px !important;}
        
        #sec-m1 .aboutBox li:hover {background-size: 145%;}
        #sec-m1 .aboutBox a:hover .over {margin-top: -180px;}
        #sec-m1 .aboutBox a:hover .over font{margin-top: 50px !important;}
    }
    @media screen and (max-width:840px){
        #sec-m1{background:url(/img/sec1_bg2.jpg) no-repeat center top -380px; background-size:cover; }
        #sec-m1 .aboutBox a {padding: 25px !important;}
        #sec-m1 .aboutBox li {height: 220px;margin-bottom: 15px;}
        
        #sec-m1 .aboutBox .text h3, #sec-m1 .aboutBox a:hover .over h3  {font-size: 28px !important; }
        #sec-m1 .aboutBox .text font{width: 96%; font-size: 14px !important; margin-top: 50px !important;}
        
        #sec-m1 .aboutBox li:hover {background-size: 145%;}
        #sec-m1 .aboutBox a:hover .over {margin-top: -180px;}
        #sec-m1 .aboutBox a:hover .over font{width: 96%;font-size: 14px !important; margin-top: 50px !important;}
    }
    @media screen and (max-width:767px){
        #sec-m1{background:url(/img/sec1_bg2.jpg) no-repeat center top -300px; background-size:cover; }
        
        #sec-m1 .aboutBox li {height: 200px;margin-bottom: 12px;}
        
        #sec-m1 .aboutBox .text h3, #sec-m1 .aboutBox a:hover .over h3  {font-size: 26px !important; }
        #sec-m1 .aboutBox .text font{font-size: 13px !important; margin-top: 40px !important;}
        
        #sec-m1 .aboutBox li:hover {background-size: 150%;}
        #sec-m1 .aboutBox a:hover .over {margin-top: -160px;}
        #sec-m1 .aboutBox a:hover .over font{font-size: 13px !important; margin-top: 50px !important;}
    }
    @media screen and (max-width:640px){
        #sec-m1{background:url(/img/sec1_bg2.jpg) no-repeat center top 200px #000;  background-size:cover; }
        
        #sec-m1 .aboutBox li {width: 90% !important; height: 180px; margin: 0 auto;margin-bottom: 10px; }
        
        #sec-m1 .aboutBox li:nth-child(1),
        #sec-m1 .aboutBox li:nth-child(2),
        #sec-m1 .aboutBox li:nth-child(3),
        #sec-m1 .aboutBox li:nth-child(4) {width: 90% !important; background-size: 100% !important;}
        
        
        #sec-m1 .aboutBox a {padding: 30px !important;}
        #sec-m1 .aboutBox .text font{font-size: 13px !important; margin-top: 30px !important;}
        
        #sec-m1 .aboutBox li:hover {background-size: 115% !important;}
        #sec-m1 .aboutBox a:hover .over {margin-top: -135px;}
        #sec-m1 .aboutBox a:hover .over font{font-size: 13px !important; margin-top: 25px !important;}
    }
    @media screen and (max-width:540px){        
        #sec-m1 .aboutBox li {height: 160px;}
                
        #sec-m1 .aboutBox a {padding: 30px !important;}
        #sec-m1 .aboutBox .text h3 {margin-top: 10px !important; }
        #sec-m1 .aboutBox .text h3, #sec-m1 .aboutBox a:hover .over h3  {font-size: 24px !important; }
        #sec-m1 .aboutBox .text font{font-size: 12px !important; margin-top: 25px !important;}
        
        #sec-m1 .aboutBox li:hover {background-size: 110% !important;}
        #sec-m1 .aboutBox a:hover .over {margin-top: -110px;}
        #sec-m1 .aboutBox a:hover .over font{font-size: 12px !important; margin-top: 25px !important;}
    }
    @media screen and (max-width:460px){ 
        #sec-m1{background:url(/img/sec1_bg2.jpg) no-repeat center top 240px #000;  background-size:cover; }
        
        #sec-m1 .aboutBox li {height: 150px;}
        
        #sec-m1 .aboutBox li:nth-child(1),
        #sec-m1 .aboutBox li:nth-child(2),
        #sec-m1 .aboutBox li:nth-child(3),
        #sec-m1 .aboutBox li:nth-child(4) {width: 95% !important; background-size: 100% !important;}
        
        #sec-m1 .aboutBox a {padding: 30px !important;}
        #sec-m1 .aboutBox .text h3 {margin-top: 10px !important; }
        #sec-m1 .aboutBox .text h3, #sec-m1 .aboutBox a:hover .over h3  {font-size: 23px !important; }
        
        #sec-m1 .aboutBox li:hover {background-size: 115% !important;}
        #sec-m1 .aboutBox a:hover .over {margin-top: -100px;}
    }
    @media screen and (max-width:360px){  
        #sec-m1{background:url(/img/sec1_bg2.jpg) no-repeat left -20px top 240px #000;  background-size:cover; }
        
        #sec-m1 .aboutBox li {margin-bottom: 10px;border-radius: 10px;}      
        
        #sec-m1 .aboutBox li:nth-child(1),
        #sec-m1 .aboutBox li:nth-child(2),
        #sec-m1 .aboutBox li:nth-child(3),
        #sec-m1 .aboutBox li:nth-child(4) {width: 95% !important; background-size: 100% !important;}
        
        #sec-m1 .aboutBox a {padding: 25px !important;}
        #sec-m1 .aboutBox .text h3 {margin-top: 5px !important; }
        #sec-m1 .aboutBox .text h3, #sec-m1 .aboutBox a:hover .over h3  {font-size: 22px !important; }
        #sec-m1 .aboutBox .text font{margin-top: 35px !important;}
        
        #sec-m1 .aboutBox .text font, #sec-m1 .aboutBox a:hover .over font{text-overflow:ellipsis;overflow: hidden;display: -webkit-box;  -webkit-line-clamp: 2;  -webkit-box-orient:vertical; -webkit-box-pack: top;}
        
        #sec-m1 .aboutBox li:hover {background-size: 115% !important;}        
    }
    @media screen and (max-width:320px){  
        #sec-m1{background:url(/img/sec1_bg2.jpg) no-repeat left -50px top 270px #000;  background-size:cover; }
    }




/******#sec-m1  Product ******/
#sec-m1 .proBox {margin-top: 500px; transition:all 0.4s ease;}


.product_slide{position:relative;}
.product_slide .swiper-wrapper{height:auto;}


.product_slide .item_cont{width:100%;background:rgba(0,0,0,.3); border-radius:30px;overflow:hidden;display:block;aspect-ratio:16 / 22;transition:all 0.2s ease;position:relative;}
.product_slide .item_cont:after{width:52px;height:52px;line-height:50px;margin-top:20px;background:#fff;border-radius:50%;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);display:block;content:"+";font-size:30px;font-weight:normal;color:rgba(11,76,255,1);text-align:center;opacity:0;transition:all 0.2s ease;}
/*
.product_slide .item_cont:before{width:60px;height:60px;margin-top:20px;border:dashed 1px #fff;border-radius:50%;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);display:block;content:"";opacity:0;transition:all 0.2s ease;}
*/
.product_slide .item_cont figure{height:75%;display:flex;align-items:center;justify-content:center;}
.product_slide .item_cont figure img{max-width:80%;max-height:70%;display:block;}
.product_slide .item_cont .txtBox{width:100%;height:25%;padding:40px;padding-top:0 !important; text-align: center;}
.product_slide .item_cont .txtBox *{width:100%;display:block;  overflow:hidden;white-space:nowrap;text-overflow:ellipsis;transition:all 0.2s ease;}
.product_slide .item_cont .txtBox .tit{color: #fff; font-weight:600 !important;}
.product_slide .item_cont .txtBox .con{color:rgba(255,255,255,.6); font-family:'Pretendard-Thin' !important;}

.product_slide li:hover .item_cont{background:rgba(0,0,0,7);transition:all 0.2s ease;}
.product_slide li:hover .item_cont:after{margin-top:0;opacity:1;transition:all 0.2s ease;}
.product_slide li:hover .item_cont:before{margin-top:0;opacity:1;transition:all 0.2s ease;}
.product_slide li:hover .item_cont figure{opacity:0.5;transition:all 0.2s ease;}
.product_slide li:hover .item_cont .txtBox .tit{color: #1668ff;transition:all 0.2s ease;}
.product_slide li:hover .item_cont .txtBox .con{color:rgba(255,255,255,1);}


.product_slide .swiper-scrollbar{width:250px;height:3px;position:absolute;top:-78px;right:calc(20% + 135px);border-radius:30px !important;background:rgba(0,0,0,0.5);overflow:hidden;display:none;}
.product_slide .swiper-scrollbar .swiper-scrollbar-drag{height:3px;background:#000;border-radius:30px;position:relative;top:0;opacity:1;}

.product_slide .swiper-button-prev,
.product_slide .swiper-button-next{width:100px !important;height:100px !important;top:calc(50% - 50px) !important;left:auto;z-index:10;cursor:pointer;background:rgba(11,76,255,.5);border-radius:50%;background-image:none !important;}
.product_slide .swiper-button-prev{left:16%;}
.product_slide .swiper-button-next{right:16%;}

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

.product_slide .swiper-button-prev:hover,
.product_slide .swiper-button-next:hover{background:rgba(11,76,255,.9);border-color:rgba(11,76,255,.9);}

    @media screen and (max-width:2200px) {
    .product_slide .swiper-button-prev{left:14%;}
    .product_slide .swiper-button-next{right:14%;}
    }
    @media screen and (max-width:2100px) {
    .product_slide .swiper-button-prev{left:12%;}
    .product_slide .swiper-button-next{right:12%;}
    }
    @media screen and (max-width:2000px) {
    .product_slide .item_cont{border-top-left-radius:30px;border-bottom-right-radius:30px;}
    .product_slide .item_cont .txtBox{padding:30px;}

    .product_slide .swiper-button-prev,
    .product_slide .swiper-button-next{width:80px !important;height:80px !important;top:calc(50% - 40px) !important;}
    .product_slide .swiper-button-prev{left:10%;}
    .product_slide .swiper-button-next{right:10%;}

    .product_slide .swiper-button-prev:after,
    .product_slide .swiper-button-next:after{width:14px;height:14px;top:calc(50% - 7px);}
    }
    @media screen and (max-width:1900px) {
    .product_slide .swiper-button-prev{left:8%;}
    .product_slide .swiper-button-next{right:8%;}
    }
    @media screen and (max-width:1800px) {
    .product_slide .swiper-button-prev{left:6%;}
    .product_slide .swiper-button-next{right:6%;}
    }
    @media screen and (max-width:1700px) {
    .product_slide .swiper-button-prev{left:4%;}
    .product_slide .swiper-button-next{right:4%;}
    }
    @media screen and (max-width:1600px) {
    #sec-m1 .proBox {margin-top: 400px; }
        
    .product_slide .item_cont{border-top-left-radius:20px;border-bottom-right-radius:20px;}
    .product_slide .item_cont .txtBox{padding:20px;}


    .product_slide .swiper-button-prev,
    .product_slide .swiper-button-next{width:60px !important;height:60px !important;top:calc(50% - 30px) !important;}
    .product_slide .swiper-button-prev{left:2%;}
    .product_slide .swiper-button-next{right:2%;}

    .product_slide .swiper-button-prev:after,
    .product_slide .swiper-button-next:after{width:12px;height:12px;top:calc(50% - 6px);}
    }
    @media screen and (max-width:1280px) {
    #sec-m1 .proBox {margin-top: 300px;}
    }
    @media screen and (max-width:1100px) {
    .product_slide .item_cont:after{width:45px;height:45px;line-height:43px;font-size:28px;}
    .product_slide .item_cont:before{width:53px;height:53px;}

    .product_slide .swiper-button-prev{left:1%;}
    .product_slide .swiper-button-next{right:1%;}
    }
    @media screen and (max-width:960px) {
    #sec-m1 .proBox {margin-top: 250px;}
        
    .product_slide .item_cont{border-top-left-radius:10px;border-bottom-right-radius:10px;}
    .product_slide .item_cont figure{height:80%;}
    .product_slide .item_cont .txtBox{height:20%;}
    }
    @media screen and (max-width:767px) {
    .product_slide .item_cont:after{width:40px;height:40px;line-height:38px;font-size:25px;}
    .product_slide .item_cont:before{width:48px;height:48px;}

    .product_slide .swiper-button-prev,
    .product_slide .swiper-button-next{width:40px !important;height:40px !important;top:calc(50% - 20px) !important;}

    .product_slide .swiper-button-prev:after,
    .product_slide .swiper-button-next:after{width:10px;height:10px;top:calc(50% - 5px);}
    }
    @media screen and (max-width:640px) {
    #sec-m1 .proBox {margin-top: 220px;}
    }
    @media screen and (max-width:460px) {
    #sec-m1 .proBox {margin-top: 180px;}
        
    .product_slide .item_cont figure{height:75%;}
    .product_slide .item_cont .txtBox{height:25%;}
    }





/******************************* sec-2 작업동영상 *******************************/
#sec-m2{padding: 200px 0 300px 0 !important; background:url(/img/sec2_bg.jpg) no-repeat center top 0; background-size:cover; position: relative;  transition:all 0.3s ease;}


.movie_slide{position:relative;}
.movie_slide .swiper-wrapper{height:auto;}
.movie_slide li{margin-right: 40px !important;}


.movie_slide .item_cont{width:100%;/*background:rgba(0,0,0,.3)*/; display:block;aspect-ratio:16 / 11;transition:all 0.2s ease;position:relative;}
/*.movie_slide .item_cont:after{width:52px;height:52px;line-height:50px;margin-top:20px;background:#fff;border-radius:50%;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);display:block;content:"+";font-size:30px;font-weight:normal;color:rgba(11,76,255,1);text-align:center;opacity:0;transition:all 0.2s ease;}*/
/*
.movie_slide .item_cont:before{width:60px;height:60px;margin-top:20px;border:dashed 1px #fff;border-radius:50%;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);display:block;content:"";opacity:0;transition:all 0.2s ease;}
*/

.movie_slide .item_cont .videoBox{height:80%;position:relative; border-radius:15px;overflow:hidden;}
/*.movie_slide .item_cont .videoBox:after{width:70px;height:49px;background:url(/img/youtubeplay.png) no-repeat center center;background-size:100%;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);
display:block;content:"";}
*/
.movie_slide .item_cont .videoBox iframe{width:100%; height: 100%;}

.movie_slide .item_cont .txtBox{width:100%;height:20%;margin-top: 15px; text-align: center}
.movie_slide .item_cont .txtBox *{width:100%;display:block;  overflow:hidden;white-space:nowrap;text-overflow:ellipsis;transition:all 0.2s ease;}
.movie_slide .item_cont .txtBox .tit{color: #fff; font-weight:600 !important;}
.movie_slide .item_cont .txtBox .con{background: rgba(0,0,0,.6);  padding: 15px 20px; color:rgba(255,255,255,.9); letter-spacing: -0.03em; border-radius: 100px;
white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}

/*.movie_slide li:hover .item_cont{background:rgba(0,0,0,7);transition:all 0.2s ease;}*/
.movie_slide li:hover .item_cont:after{margin-top:0;opacity:1;transition:all 0.2s ease;}
.movie_slide li:hover .item_cont:before{margin-top:0;opacity:1;transition:all 0.2s ease;}
.movie_slide li:hover .item_cont figure{opacity:0.5;transition:all 0.2s ease;}
.movie_slide li:hover .item_cont .txtBox .tit{color: #1668ff;transition:all 0.2s ease;}
.movie_slide li:hover .item_cont .txtBox .con{background: #1668ff;}


.movie_slide .swiper-scrollbar{width:250px;height:3px;position:absolute;top:-78px;right:calc(20% + 135px);border-radius:30px !important;background:rgba(0,0,0,0.5);overflow:hidden;display:none;}
.movie_slide .swiper-scrollbar .swiper-scrollbar-drag{height:3px;background:#000;border-radius:30px;position:relative;top:0;opacity:1;}

.movie_slide .swiper-button-prev,
.movie_slide .swiper-button-next{width:100px !important;height:100px !important;top:calc(50% - 50px) !important;left:auto;z-index:10;cursor:pointer;background:rgba(11,76,255,.5);border-radius:50%;background-image:none !important;}
.movie_slide .swiper-button-prev{left:16%;}
.movie_slide .swiper-button-next{right:16%;}

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

.movie_slide .swiper-button-prev:hover,
.movie_slide .swiper-button-next:hover{background:rgba(11,76,255,.9);border-color:rgba(11,76,255,.9);}

    @media screen and (max-width:2300px) {
    .movie_slide .item_cont{aspect-ratio:16 / 12;}
        
    .movie_slide .item_cont .videoBox iframe{height:240px;}
    }
    @media screen and (max-width:2200px) {
    .movie_slide .item_cont .videoBox iframe{height:235px;}
    .movie_slide .item_cont .txtBox{height: 70px !important;}
        
    .movie_slide .swiper-button-prev{left:14%;}
    .movie_slide .swiper-button-next{right:14%;}
    }
    @media screen and (max-width:2100px) {
    .movie_slide .item_cont{aspect-ratio:16 / 11;}
    .movie_slide .item_cont .videoBox iframe{height:250px;}
        
    .movie_slide .swiper-button-prev{left:12%;}
    .movie_slide .swiper-button-next{right:12%;}
    }
    @media screen and (max-width:2000px) {        
    .movie_slide .swiper-button-prev,
    .movie_slide .swiper-button-next{width:80px !important;height:80px !important;top:calc(50% - 40px) !important;}
    .movie_slide .swiper-button-prev{left:10%;}
    .movie_slide .swiper-button-next{right:10%;}

    .movie_slide .swiper-button-prev:after,
    .movie_slide .swiper-button-next:after{width:14px;height:14px;top:calc(50% - 7px);}
    }
    @media screen and (max-width:1900px) {
    .movie_slide .item_cont .videoBox iframe{height:220px;}
        
    .movie_slide .swiper-button-prev{left:8%;}
    .movie_slide .swiper-button-next{right:8%;}
    }
    @media screen and (max-width:1800px) {
    .movie_slide li{margin-right: 30px !important;}
    .movie_slide .item_cont .videoBox iframe{height:200px;}
        
    .movie_slide .item_cont .txtBox .con{padding: 14px 18px;}
        
    .movie_slide .swiper-button-prev{left:6%;}
    .movie_slide .swiper-button-next{right:6%;}
    }
    @media screen and (max-width:1700px) {
    .movie_slide .swiper-button-prev{left:4%;}
    .movie_slide .swiper-button-next{right:4%;}
    }
    @media screen and (max-width:1600px) {  
    .movie_slide .item_cont .videoBox iframe{height:180px;}
        
    .movie_slide .swiper-button-prev,
    .movie_slide .swiper-button-next{width:60px !important;height:60px !important;top:calc(50% - 30px) !important;}
    .movie_slide .swiper-button-prev{left:2%;}
    .movie_slide .swiper-button-next{right:2%;}

    .movie_slide .swiper-button-prev:after,
    .movie_slide .swiper-button-next:after{width:12px;height:12px;top:calc(50% - 6px);}
    }
    @media screen and (max-width:1400px) {
    .movie_slide .item_cont .videoBox iframe{height:205px;}
    }
    @media screen and (max-width:1280px) {
    .movie_slide li{margin-right: 25px !important;}
    .movie_slide .item_cont .videoBox iframe{height:205px;}
    }
    @media screen and (max-width:1100px) {
    .movie_slide .item_cont .videoBox iframe{height:180px;}
        
    .movie_slide .item_cont .txtBox .con{font-size: 18px !important;}
        
    .movie_slide .item_cont:after{width:45px;height:45px;line-height:43px;font-size:28px;}
    .movie_slide .item_cont:before{width:53px;height:53px;}

    .movie_slide .swiper-button-prev{left:1%;}
    .movie_slide .swiper-button-next{right:1%;}
    }
    @media screen and (max-width:960px) {
    .movie_slide .item_cont .videoBox iframe{height:200px;}
    }
    @media screen and (max-width:840px) {
    .movie_slide .item_cont .videoBox iframe{height:195px;}
    }
    @media screen and (max-width:767px) {
    .movie_slide .item_cont .videoBox iframe{height:180px;}
        
    .movie_slide .item_cont:after{width:40px;height:40px;line-height:38px;font-size:25px;}
    .movie_slide .item_cont:before{width:48px;height:48px;}

    .movie_slide .swiper-button-prev,
    .movie_slide .swiper-button-next{width:40px !important;height:40px !important;top:calc(50% - 20px) !important;}

    .movie_slide .swiper-button-prev:after,
    .movie_slide .swiper-button-next:after{width:10px;height:10px;top:calc(50% - 5px);}
    }
    @media screen and (max-width:640px) {
    .movie_slide li{margin-right: 20px !important;}
    .movie_slide .item_cont .videoBox iframe{height:225px;}
    }
    @media screen and (max-width:460px) {   
    .movie_slide .item_cont .videoBox iframe{height:230px;}    
    .movie_slide .item_cont .txtBox .con{font-size: 16px !important;} 
    }
    @media screen and (max-width:360px) {   
    .movie_slide .item_cont .videoBox iframe{height:170px;}    
    .movie_slide .item_cont .txtBox .con{font-size: 15px !important;} 
    }
    @media screen and (max-width:320px) {   
    .movie_slide .item_cont .videoBox iframe{height:155px;}    
    }





/******************************* sec-3 Q&A, 부품리스트 *******************************/
#sec-m3{padding: 0 !important; margin-top: -100px; }

#sec-m3 .s3Box{width: 90%; margin: 0 auto; padding: 15px; padding-right: 80px !important; background:url(/img/sec3_bg.jpg) no-repeat center center; background-size:cover; border-radius: 20px;  position: relative;  transition:all 0.3s ease;}

#sec-m3 .s3Box .txtBox{padding-left: 75%;}
#sec-m3 .s3Box .txtBox a{width:100%; padding:25px 20px 15px 70px; display:flex; flex-wrap:wrap; justify-content:space-between; align-items:center; position:relative;color:rgba(255,255,255,.5); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; border-bottom:solid 1px rgba(255,255,255,.2);transition:all 0.3s ease;}
#sec-m3 .s3Box .txtBox a font{font-weight: 500 !important; transition:all 0.3s ease;}
#sec-m3 .s3Box .txtBox a:before{width:50px;height:50px;background:url(/img/sec3_ico1.png) no-repeat 0 0;position:absolute;top:12px;left:0; opacity: .6; display:block;content:"";transition:all 0.3s ease;}

#sec-m3 .s3Box .txtBox a i{width:16px;height:16px;margin-top:8px;border:solid 1px rgba(255,255,255,.5);border-width:2px 2px 0 0;display:inline-block;position:relative;transition:all 0.3s ease;}
#sec-m3 .s3Box .txtBox a i:after{width:18px;height:2px;background:rgba(255,255,255,.5);position:absolute;top:6px;right:-1px;display:block;content:"";transform:rotate(-45deg);transition:all 0.3s ease;}


#sec-m3 .s3Box .txtBox a:nth-child(2){border-bottom:none;/*padding-bottom:10px;*/}
#sec-m3 .s3Box .txtBox a:nth-child(2):before{background:url(/img/sec3_ico2.png) no-repeat;}

#sec-m3 .s3Box .txtBox a:hover {color:#fff;font-weight: 700;}
#sec-m3 .s3Box .txtBox a:hover font{font-weight: 900 !important;}
#sec-m3 .s3Box .txtBox a:hover:before {opacity: 1; }
#sec-m3 .s3Box .txtBox a:hover i{border:solid 1px rgba(255,255,255,1);border-width:2px 2px 0 0;}
#sec-m3 .s3Box .txtBox a:hover i:after{background:rgba(255,255,255,1);}


    @media screen and (max-width:1280px) {  
        #sec-m3 .s3Box .txtBox{padding-left: 65%;}   
    }
    @media screen and (max-width:1100px) {  
        #sec-m3 .s3Box{padding: 15px; padding-right: 60px !important;}
        #sec-m3 .s3Box .txtBox{padding-left: 60%;}   
    }
    @media screen and (max-width:960px) {  
        #sec-m3 .s3Box{padding: 10px 50px 18px 15px !important;}
        #sec-m3 .s3Box .txtBox{padding-left: 60%;}  
        
        #sec-m3 .s3Box .txtBox a{padding:20px 20px 17px 55px;}
        #sec-m3 .s3Box .txtBox a:before{width:45px;height:45px;background:url(/img/sec3_ico1.png) no-repeat center center;top:15px;left:0; background-size: cover !important;}
    }
    @media screen and (max-width:767px) {  
        #sec-m3 .s3Box{border-radius: 15px;}
        #sec-m3 .s3Box .txtBox{padding-left: 55%;}  
        
        #sec-m3 .s3Box .txtBox a:before{width:42px;height:42px;background:url(/img/sec3_ico1.png) no-repeat center center;top:15px;left:0; background-size: cover !important;}
        
        #sec-m3 .s3Box .txtBox a i{width:14px;height:14px;margin-top:9px;border-width:2px 2px 0 0;}
        #sec-m3 .s3Box .txtBox a i:after{width:16px;height:2px;top:5px;right:-2px;}
    }
    @media screen and (max-width:640px) { 
        #sec-m3 .s3Box{padding-right: 50px !important;} 
        #sec-m3 .s3Box .txtBox{padding-left: 50%;}  
    }
    @media screen and (max-width:540px) { 
        #sec-m3 .s3Box{padding: 8px 40px 12px 15px !important;} 
        #sec-m3 .s3Box .txtBox{padding-left: 45%;}  
        #sec-m3 .s3Box .txtBox a{padding:16px 0px 14px 55px;}
    }
    @media screen and (max-width:460px) { 
        #sec-m3 .s3Box{padding: 10px 40px 15px 0 !important;} 
        #sec-m3 .s3Box .txtBox{padding-left: 35%;}  
        #sec-m3 .s3Box .txtBox a{padding:14px 0px 12px 50px;}
        
        #sec-m3 .s3Box .txtBox a:before{width:38px;height:38px;background:url(/img/sec3_ico1.png) no-repeat center center;top:5px;left:0; background-size: cover !important;}
        
        #sec-m3 .s3Box .txtBox a i{width:12px;height:12px;margin-top:7px;border-width:2px 2px 0 0;}
        #sec-m3 .s3Box .txtBox a i:after{width:14px;height:2px;top:4px;right:-2px;}
    }
    @media screen and (max-width:360px) { 
        #sec-m3 .s3Box{border-radius: 10px;padding: 7px 40px 12px 0 !important;} 
        #sec-m3 .s3Box .txtBox{padding-left: 25%;}  
        #sec-m3 .s3Box .txtBox a{padding:12px 0px 10px 45px;}
        
        #sec-m3 .s3Box .txtBox a:before{width:35px;height:35px;background:url(/img/sec3_ico1.png) no-repeat center center;top:5px;left:0; background-size: cover !important;}
    }





/******************************* sec-3 *******************************/
.main #sec-3{position:relative;overflow:hidden;}
.main #sec-3:after{width:804px;height:324px;background:url(/img/ci-line.png) no-repeat 0 0;background-size:100% auto;position:absolute;bottom:-20px;right:-20px;display:block;content:"";}


.multiprot .imgBox{width:50%;}
.multiprot .imgBox div{width:50%;}
.multiprot .imgBox div:nth-child(even){margin-top:180px;}
.multiprot .imgBox a{width:calc(100% - 20px);margin:20px 10px;display:block;}
.multiprot .imgBox a img{width:100%;filter:grayscale(100%);transition:all 0.2s ease;}
.multiprot .imgBox a:hover img{filter:grayscale(0%);transition:all 0.2s ease;}

.multiprot .txtBox{width:50%;padding-left:7%;margin-top:60px;}

@media screen and (max-width:1700px){
.main #sec-3:after{width:540px;height:352px;}
}
@media screen and (max-width:1600px){
.main #sec-3:after{width:500px;height:326px;}
}
@media screen and (max-width:1500px){
.main #sec-3:after{width:480px;height:313px;}

.multiprot .imgBox div:nth-child(even){margin-top:140px;}

.multiprot .txtBox{padding-left:6%;margin-top:40px;}
}
@media screen and (max-width:1280px){
.main #sec-3:after{width:460px;height:300px;}

.multiprot .imgBox div:nth-child(even){margin-top:100px;}
.multiprot .imgBox a{width:calc(100% - 10px);margin:10px 5px;}

.multiprot .txtBox{padding-left:6%;margin-top:40px;}
}
@media screen and (max-width:1100px){
.main #sec-3:after{width:430px;height:280px;}

.multiprot .imgBox{width:100%;}
.multiprot .imgBox div:nth-child(even){margin-top:60px;}
.multiprot .imgBox a{width:calc(100% - 20px);margin:20px 10px;}

.multiprot .txtBox{width:100%;padding-left:0;margin-top:0;}
}
@media screen and (max-width:960px){
.main #sec-3:after{width:400px;height:261px;}
}
@media screen and (max-width:767px){
.main #sec-3:after{width:380px;height:248px;}

.multiprot .imgBox div:nth-child(even){margin-top:40px;}
.multiprot .imgBox a{width:calc(100% - 10px);margin:10px 5px;}
}
@media screen and (max-width:640px){
.main #sec-3:after{width:360px;height:235px;}

.multiprot .imgBox div:nth-child(even){margin-top:30px;}
}
@media screen and (max-width:560px){
.main #sec-3:after{width:340px;height:222px;}
}
@media screen and (max-width:460px){
.main #sec-3:after{width:300px;height:196px;}
}







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


/*** Sub Title Groot ***/
.sub .S_Tit {width: 95%; margin: 0 auto;}
.sub .S_Tit h1{font-size: 65px !important; position: relative;letter-spacing: -0.01em; font-weight: 600; margin-top: 30px;z-index: 1 !important; transition:all 0.4s ease;}
.sub .S_Tit h1:after{width:12px;height:12px;background:#0e4fc5; top:-20px; left:calc(50% - 5px);border-radius: 50%; display: block;position: absolute;content:"";transition:all 0.4s ease;}

    @media screen and (max-width:1500px){
        .sub .S_Tit h1 {font-size: 62px !important; }
    }
    @media screen and (max-width:1280px){
        .sub .S_Tit h1 {font-size: 60px !important; }
        .sub .S_Tit h1:after{width:13px;height:13px;top:-25px; left:calc(50% - 8px)}
    }
    @media screen and (max-width:767px){
        .sub .S_Tit h1 {font-size: 54px !important; }
    }
    @media screen and (max-width:640px){
        .sub .S_Tit h1 {font-size: 50px !important; }
    }
    @media screen and (max-width:460px){
        .sub .S_Tit h1 {font-size: 44px !important; }
        .sub .S_Tit h1:after{width:12px;height:12px;top:-20px; left:calc(50% - 6px)}
    }


.sub h3.ssTT {font-weight: 700 !important;letter-spacing: -0.02em; transition:all 0.4s ease;}

    @media screen and (max-width:640px){
        .sub h3.ssTT {font-size: 30px !important;}
    }




/********************************* 1. 회사소개 *********************************/

/*.Company[class*='com']{padding:200px 0;border:solid 1px #24ff00;}*/

/*** === 1-1 회사개요 === ***/
.Company.com1 {padding-bottom: 200px;}
.Company.com1 h3 {font-weight: 500 !important;letter-spacing: -0.02em; transition:all 0.4s ease;}
.Company.com1 h2 {letter-spacing: -0.05em; font-weight: 700 !important; transition:all 0.4s ease;}
.Company.com1 h2 br.hide{display: block;}

.Company.com1 .c1photo1.s1, .Company.com1 .c1photo1.s2{width: 100%; border-radius: 50px; overflow: hidden;display: block; transition:all 0.4s ease;}
.Company.com1 .c1photo1.s1{display: block;}
.Company.com1 .c1photo1.s2{display: none;}

.Company.com1 .c1con2 {width: 94%; margin: 0 auto; transition:all 0.4s ease;}
.Company.com1 .c1con2 font{color: #474747 !important; line-height: 170%; font-family:'Pretendard-Light' !important; transition:all 0.4s ease;}
.Company.com1 .c1con2 h5{color: #0e4fc5 !important;font-family:'Pretendard-Bold' !important; transition:all 0.4s ease;}
.Company.com1 .c1con2 .type30{color: #0e4fc5 !important; font-family:'Pretendard-Medium' !important; transition:all 0.4s ease;}


    @media screen and (max-width:960px){
        .Company.com1 {width: 94% !important; margin: 0 auto;}
        .Company.com1 .c1con1 .disF .w25{width: 100% !important; display: block;}
        .Company.com1 .c1con1 .disF .w70{width: 100% !important; margin-top: 30px !important; display: block;}
        
        .Company.com1 .c1photo1.s1, .Company.com1 .c1photo1.s2{border-radius: 30px;}
        
        .Company.com1 .c1con2 .w45{width: 100% !important; display: block;}
        .Company.com1 .c1con2 .w45:nth-child(2){margin-top: 40px;}
        .Company.com1 .c1con2 h5 {font-size: 30px !important; text-align: left !important;}
        .Company.com1 .c1con2 .type30{text-align: left !important;}
    }
    @media screen and (max-width:767px){
        .Company.com1 .c1photo1.s1, .Company.com1 .c1photo1.s2{border-radius: 15px;}
        .Company.com1 .c1photo1.s1{display: none;}
        .Company.com1 .c1photo1.s2{display: block;}
        
        .Company.com1 .c1con2 h5 {font-size: 26px !important;}
        .Company.com1 .c1con2 .type23 {font-size: 18px !important;}
    }
    @media screen and (max-width:560px){
        .Company.com1 .c1photo1.s1, .Company.com1 .c1photo1.s2{border-radius: 10px;}
        
        .Company.com1 .c1con2 .type23 {font-size: 17px !important; line-height: 160%;}
    }
    @media screen and (max-width:420px){
        .Company.com1 .c1photo1.s1, .Company.com1 .c1photo1.s2{border-radius: 5px;}
        
        .Company.com1 .c1con2 .type23 {font-size: 16px !important;}
    }




/*** === 1-2 Overview === ***/
.Company.com2 {padding: 220px 0; background: #f9f9f9;}

.Company.com2 .overview{width:100%;}
.Company.com2 .overview div{width:calc(100%/3 - 50px);  padding:20px 10px; border-top: solid 1px #000;}
.Company.com2 .overview.s3 div{width:calc(100%/3 - 50px);}
.Company.com2 .overview.s2 div{width:calc(100%/2 - 40px);;}

.Company.com2 .overview div .type22{color: #4a4a4a; font-family:'Pretendard-ExtraLight' !important;}
.Company.com2 .overview div .type26 br.hide{display: block;}


    @media screen and (max-width:1280px){
        .Company.com2 {padding: 200px 0;}
        
        .Company.com2 .c1con2 {width: 94% !important; margin: 0 auto;}
        .Company.com2 .c1con2 .disF .w25{width: 100% !important; display: block;}
        .Company.com2 .c1con2 .disF .w70{width: 100% !important; display: block; margin-top: 30px;}
    }
    @media screen and (max-width:960px){
        .Company.com2 {padding: 180px 0;}
        
        .Company.com2 .c1con2 {width: 94% !important; margin: 0 auto;}
        .Company.com2 .c1con2 .disF .w25{width: 100% !important; display: block;}
        .Company.com2 .c1con2 .disF .w70{width: 100% !important; display: block; margin-top: 30px;}
        
        
        .Company.com2 .overview.s3 div{width:calc(100%/3 - 30px);}
        .Company.com2 .overview.s2 div{width:calc(100%/2 - 30px);}
    }
    @media screen and (max-width:767px){
        .Company.com2 {padding: 160px 0;}
        
        .Company.com2 .c1con2 {width: 90% !important;}
        .Company.com2 .overview div{margin-top: 50px;}
        .Company.com2 .overview div:nth-child(1){margin-top: 0px;}
        .Company.com2 .overview.s3 div{width:calc(100%/1 - 0px);}
        .Company.com2 .overview.s2 div{width:calc(100%/1 - 0px);}
        
        .Company.com2 .overview div .type22{font-size: 18px !important;}
        .Company.com2 .overview div .type26{font-size: 24px !important;}
    }
    @media screen and (max-width:560px){
        .Company.com2 .overview div{margin-top: 40px;}
        .Company.com2 .overview div .type22{font-size: 17px !important;}
        .Company.com2 .overview div .type26{font-size: 23px !important;}
    }
    @media screen and (max-width:460px){
        .Company.com2 .overview div{margin-top: 30px;}
        .Company.com2 .overview div .type22{font-size: 16px !important;}
        .Company.com2 .overview div .type26{font-size: 22px !important;}
    }
    @media screen and (max-width:420px){
        .Company.com2 .overview div .type22{font-size: 14px !important;}
        .Company.com2 .overview div .type26{font-size: 20px !important;}
    }




/*** === 1-2 Overview2 === ***/
.Company.com3 {padding: 220px 0; background: url(/sub1/img/com3_bg.jpg) no-repeat bottom center;}
.Company.com3 *{color: #fff !important;transition:all 0.4s ease;}

.Company.com3 .countWrap{}
.Company.com3 .countWrap>.item{width:calc(100%/3 - 50px);margin:25px;transition:all 0.5s ease;}

.Company.com3 .countWrap>.item .countBox{width:100%; padding:10% 12%; aspect-ratio:12 / 9; border:solid 1px rgba(255,255,255,.5); position: relative;transition:all 0.4s ease;}
.Company.com3 .countWrap>.item .countBox *{text-align: center; /*-webkit-text-stroke:none;color:#000;*/}

.Company.com3 .countWrap>.item .countBox .ico{width: 54px; height: 54px; margin: 0 auto; display: block; background-size: cover; transition:all 0.4s ease;}
.Company.com3 .countWrap>.item .countBox .ico.i1{background: url(/sub1/img/c1con3_ico1.png) no-repeat center center;background-size: cover;}
.Company.com3 .countWrap>.item .countBox .ico.i2{background: url(/sub1/img/c1con3_ico2.png) no-repeat center center;background-size: cover;}
.Company.com3 .countWrap>.item .countBox .ico.i3{background: url(/sub1/img/c1con3_ico3.png) no-repeat center center;background-size: cover;}
.Company.com3 .countWrap>.item .countBox .ico.i4{background: url(/sub1/img/c1con3_ico4.png) no-repeat center center;background-size: cover;}


.Company.com3 .countWrap>.item .countBox h1{width:100%;/*padding-right:20px;*/font-size:90px;line-height:120%;font-family: "Montserrat" !important; font-weight:bold;transform:scaleY(0.9);text-align:center;position: relative;transition:all 0.4s ease;}
.Company.com3 .countWrap>.item .countBox .unit{position: absolute; font-family:'Pretendard-SemiBold';bottom:28%;right: 15%;transition:all 0.4s ease;}
.Company.com3 .countWrap>.item .countBox .type24{font-family:'Pretendard-Bold' !important;transition:all 0.4s ease;}
.Company.com3 .countWrap>.item .countBox .type22{font-family:'Pretendard-Thin' !important;transition:all 0.4s ease;}
.Company.com3 .countWrap>.item .countBox .type22 br.hide{display: none;}

    @media screen and (max-width:1700px){
    .Company.com3 .countWrap>.item .countBox h1{font-size:85px;}
    .Company.com3 .countWrap>.item .countBox .unit{bottom:29%;right: 17%;}
    }
    @media screen and (max-width:1600px){
    .Company.com3 .countWrap>.item .countBox h1{font-size:80px;}
    .Company.com3 .countWrap>.item .countBox .unit{bottom:28%;right: 13%;}
    }
    @media screen and (max-width:1500px){
    .Company.com3 {padding: 200px 0;}
        
    .Company.com3 .countWrap>.item{width:calc(100%/3 - 40px);margin:20px;}
    .Company.com3 .countWrap>.item .countBox h1{font-size:75px;}
    .Company.com3 .countWrap>.item .countBox .unit{bottom:28%;right: 12%;}
    }
    @media screen and (max-width:1280px){
    .Company.com3 .countWrap>.item{width:calc(100%/3 - 30px);margin:15px;}
    .Company.com3 .countWrap>.item .countBox h1{font-size:70px;}
    .Company.com3 .countWrap>.item .countBox .unit{bottom:28%;right: 11%;}
    }
    @media screen and (max-width:1200px){
    .Company.com3 {padding: 180px 0;}
    .Company.com3 .countWrap{width: 90%; margin: 0 auto;justify-content: space-between !important;}
        
    .Company.com3 .countWrap>.item{width:calc(100%/2 - 30px);margin:15px;}
    .Company.com3 .countWrap>.item .countBox{ aspect-ratio:12 / 7;}
    .Company.com3 .countWrap>.item .countBox .ico{width: 50px; height: 50px;background-size: cover;}
    .Company.com3 .countWrap>.item .countBox h1{font-size:80px;}
    .Company.com3 .countWrap>.item .countBox .unit{bottom:29%;right: 17%;}
    .Company.com3 .countWrap>.item .countBox .type24{font-size: 22px !important;}
    .Company.com3 .countWrap>.item .countBox .type22 br.hide{display: block;}
    }
    @media screen and (max-width:1100px){
    .Company.com3 .countWrap>.item .countBox h1{font-size:75px;}
    .Company.com3 .countWrap>.item .countBox .unit{bottom:28%;right: 13%;}
    .Company.com3 .countWrap>.item .countBox .type24{font-size: 21px !important;}
    }
    @media screen and (max-width:960px){
    .Company.com3 .countWrap>.item .countBox h1{font-size:70px;}
    .Company.com3 .countWrap>.item .countBox .unit{bottom:27%;right: 12%;}
    }
    @media screen and (max-width:860px){
    .Company.com3 .countWrap>.item .countBox h1{font-size:65px;}
    .Company.com3 .countWrap>.item .countBox .unit{bottom:27%;right: 10%;}
    }
    @media screen and (max-width:767px){
    .Company.com3 .countWrap>.item{width:calc(100%/2 - 20px);margin:10px;}
        
    .Company.com3 .countWrap>.item .countBox .ico{width: 46px; height: 46px;background-size: cover;}
    .Company.com3 .countWrap>.item .countBox .type24{font-size: 20px !important;}
    .Company.com3 .countWrap>.item .countBox h1{font-size:57px !important;}
    .Company.com3 .countWrap>.item .countBox .unit{bottom:27%;right: 9%;}
    }
    @media screen and (max-width:700px){
    .Company.com3 .countWrap{width: 75%;}
    .Company.com3 .countWrap>.item{width:calc(100%/1 - 0px);margin:10px;}
        
    .Company.com3 .countWrap>.item .countBox .ico{width: 43px; height: 43px;background-size: cover;}
    .Company.com3 .countWrap>.item .countBox .type24{font-size: 20px !important;}
    .Company.com3 .countWrap>.item .countBox h1{font-size:65px !important;}
    .Company.com3 .countWrap>.item .countBox .unit{bottom:29%;right: 20%;}
    .Company.com3 .countWrap>.item .countBox .type22 br.hide{display: none;}
    }
    @media screen and (max-width:640px){
    .Company.com3 .countWrap{width: 80%;}
    }
    @media screen and (max-width:540px){
    .Company.com3 .countWrap{width: 85%;}
    .Company.com3 .countWrap>.item .countBox .unit{bottom:28%;right: 17%;}
    }
    @media screen and (max-width:460px){
    .Company.com3 .countWrap>.item .countBox h1{font-size:60px !important;}
    .Company.com3 .countWrap>.item .countBox .unit{bottom:28%;right: 13%;}
    }
    @media screen and (max-width:400px){
    .Company.com3 .countWrap{width: 90%;}
    .Company.com3 .countWrap>.item .countBox .type24{font-size: 18px !important;}
    .Company.com3 .countWrap>.item .countBox h1{font-size:52px !important;}
    .Company.com3 .countWrap>.item .countBox .unit{bottom:27%;right: 14%;}
    }
    @media screen and (max-width:360px){
    .Company.com3 .countWrap>.item .countBox h1{font-size:50px !important;}
    .Company.com3 .countWrap>.item .countBox .unit{bottom:27%;right: 10%;}
    .Company.com3 .countWrap>.item .countBox .type22 br.hide{display: block;}
    }
    @media screen and (max-width:320px){
    .Company.com3 .countWrap>.item .countBox h1{font-size:46px !important;}
    .Company.com3 .countWrap>.item .countBox .unit{bottom:25%;right: 7%;}
    }






/*** === 1-3 Vision === ***/
.Company.com4 {padding: 200px 0 260px 0; background: #f9f9f9; position: relative; transition:all 0.4s ease;}

.Company.com4 .disF{position:relative;}
.Company.com4 .disF div{width:580px;height:580px; background: #fff; margin:0 -25px;border-radius:50%;border:solid 50px #f3f3f3;display:flex;align-items:center;justify-content:center;flex-direction:column; position: relative; z-index: 1; transition:all 0.4s ease;}
.Company.com4 .disF div:nth-child(2){background: #245fca;z-index: 9;}
.Company.com4 .disF div:nth-child(2) h3, .Company.com4 .disF div:nth-child(2) font {color: #fff;}
.Company.com4 .disF div:before{width:calc(100% - -40px);height:calc(100% - -40px);border:dashed 1px #b9b9b9;position:absolute;top:-20px;left:-20px;display:block;content:"";border-radius:50%; transition:all 0.4s ease;}
.Company.com4 .disF div *{color:#000;}
.Company.com4 .disF div figure{position: relative;}
.Company.com4 .disF div figure img{transform: scale(1.0);transition:all 0.4s ease;}
.Company.com4 .disF div .type22{font-family:'Pretendard-ExtraLight';line-height:120% !important;transition:all 0.4s ease;}
.Company.com4 .disF div .type22 br.hide{display: block;}

.Company.com4 .i_arr {margin-top: -160px !important; display: block; transition:all 0.4s ease; z-index: 0;}

.Company.com4 .txtBox {text-align: center;}
.Company.com4 .txtBox h3 {letter-spacing: -0.08em !important;transition:all 0.4s ease;}
.Company.com4 .txtBox h3 b{font-size: 60px !important; color:#0e4fc5 !important; margin-top: 20px !important;display: block;transition:all 0.4s ease;}
.Company.com4 .txtBox h3 br.hide, .Company.com4 .txtBox h3 br.hide2 {display: none;}


.Company.com4 .disF div:hover figure img{transform: scale(1.1);}
.Company.com4 .disF div:hover {border:solid 15px #245fca;}



    @media screen and (max-width:1700px){
        .Company.com4 .disF div{width:540px;height:540px; margin:0 -30px;border:solid 45px #f3f3f3;}
    }
    @media screen and (max-width:1600px){
        .Company.com4 .disF div{width:500px;height:500px; border:solid 45px #f3f3f3;}
        
        .Company.com4 .disF div h3 {font-size: 46px !important;}
        .Company.com4 .disF div .type22 {font-size: 20px !important;}
    }
    @media screen and (max-width:1500px){
        .Company.com4 {padding: 180px 0 230px 0;}
        
        .Company.com4 .disF div{width:460px;height:460px; border:solid 40px #f3f3f3;}
        
        .Company.com4 .disF div figure img{width: 75px; height: 75px;}
        .Company.com4 .disF div h3 {font-size: 43px !important;}
        .Company.com4 .disF div .type22 {font-size: 20px !important;}
        
        .Company.com4 .i_arr {width: 460px; height: auto;}
    }
    @media screen and (max-width:1400px){
        .Company.com4 .disF div{width:420px;height:420px; border:solid 36px #f3f3f3;}
        
        .Company.com4 .disF div figure {margin-top: -10px;}
        .Company.com4 .disF div figure img{width: 70px; height: 70px;}
        .Company.com4 .disF div h3 {font-size: 40px !important;}
        .Company.com4 .disF div .type22 {font-size: 18px !important;}
        
        .Company.com4 .i_arr {width: 400px; height: auto;margin-top: -120px !important; }
        
        .Company.com4 .txtBox h3 b{font-size: 55px !important;}
    }
    @media screen and (max-width:1280px){
        .Company.com4 {padding: 160px 0 200px 0;}
        
        .Company.com4 .disF div{width:400px;height:400px; border:solid 36px #f3f3f3;}
        
        .Company.com4 .i_arr {width: 360px; height: auto;margin-top: -120px !important; }
    }
    @media screen and (max-width:1140px){
        .Company.com4 .disF div{width:360px;height:360px;margin:0 -50px;margin-top: 120px; border:solid 30px #f3f3f3;}
        .Company.com4 .disF div:nth-child(2){margin-top: 0;}
        .Company.com4 .disF div:before{width:calc(100% - -30px);height:calc(100% - -30px);top:-15px;left:-15px;}
        .Company.com4 .disF div:hover {border:solid 12px #245fca;}
        
        .Company.com4 .disF div figure img{width: 65px; height: 65px;}
        .Company.com4 .disF div h3 {font-size: 36px !important;}
        .Company.com4 .disF div .type22 {font-size: 16px !important;}
    }
    @media screen and (max-width:960px){
        .Company.com4 .slogan {width: 90%; height: auto;}
        
        .Company.com4 .disF div{width:320px;height:320px;margin:0 -50px; margin-top: 120px; border:solid 25px #f3f3f3;}
        .Company.com4 .disF div:hover {border:solid 10px #245fca;}
        
        .Company.com4 .disF div figure img{width: 60px; height: 60px;}
        .Company.com4 .disF div h3 {font-size: 32px !important;}
        .Company.com4 .disF div .type22 {font-size: 15px !important;}
        
        .Company.com4 .txtBox h3 br.hide {display: block;}
        .Company.com4 .txtBox h3 b{font-size: 50px !important;}
    }
    @media screen and (max-width:767px){   
        .Company.com4 {padding: 150px 0 180px 0;}
        
        .Company.com4 .disF div{width:300px;height:300px;margin:0 -75px; margin-top: 220px; border:solid 20px #f3f3f3;}
        .Company.com4 .disF div:hover {border:solid 8px #245fca;}
        .Company.com4 .disF div:before{width:calc(100% - -20px);height:calc(100% - -20px);top:-10px;left:-10px;}
        
        .Company.com4 .disF div figure img{width: 55px; height: 55px;}
        .Company.com4 .disF div h3 {font-size: 30px !important;}
        .Company.com4 .disF div .type22 {font-size: 15px !important;}
        
        .Company.com4 .i_arr {width: 300px; height: auto;margin-top: -100px !important; }
        
        .Company.com4 .txtBox h3 b{font-size: 42px !important;}
    }
    @media screen and (max-width:640px){
        .Company.com4 .disF div{width:260px;height:260px;margin:0 -65px; margin-top: 220px; border:solid 18px #f3f3f3;}
        .Company.com4 .disF div:hover {border:solid 8px #245fca;}
        
        .Company.com4 .disF div figure img{width: 55px; height: 55px;}
        .Company.com4 .disF div h3 {font-size: 30px !important;}
        .Company.com4 .disF div .type22 {font-size: 14px !important;}
        
        .Company.com4 .i_arr {width: 260px; height: auto;margin-top: -60px !important; }
        
        .Company.com4 .txtBox h3 b{font-size: 40px !important;}
    }
    @media screen and (max-width:540px){
        .Company.com4 {padding: 140px 0 160px 0;}
        
        .Company.com4 .disF{margin-top: 100px !important;}
        .Company.com4 .disF div{width:360px;height:360px;margin:-25px 0; border:solid 24px #f3f3f3;}
        .Company.com4 .disF div:nth-child(2){margin-top: -25px;z-index: 2;}
        .Company.com4 .disF div:nth-child(3){margin-top: -25px;z-index: 9;}
        .Company.com4 .disF div:hover {border:solid 12px #245fca;}
        .Company.com4 .slogan {width: 95%; height: auto;}
        
        .Company.com4 .disF div figure {margin-top: -20px;}
        .Company.com4 .disF div figure img{width: 65px; height: 65px;}
        .Company.com4 .disF div h3 {font-size: 34px !important;}
        .Company.com4 .disF div .type22 {font-size: 16px !important; margin-top: 20px !important;}
        
        .Company.com4 .i_arr {width: 300px; height: auto;margin-top:0px !important; }
    }
    @media screen and (max-width:460px){

        .Company.com4 .disF div{width:320px;height:320px;margin:-20px 0; border:solid 20px #f3f3f3;}
        .Company.com4 .disF div:nth-child(2){margin-top: -20px;}
        .Company.com4 .disF div:nth-child(3){margin-top: -20px;}
        .Company.com4 .disF div:hover {border:solid 10px #245fca;}
        
        .Company.com4 .slogan {width: 96%; height: auto;}        
        
        .Company.com4 .disF div figure img{width: 60px; height: 60px;}
        .Company.com4 .disF div h3 {font-size: 32px !important;}
        .Company.com4 .disF div .type22 {font-size: 15px !important;}
        
        .Company.com4 .i_arr {width: 220px;}
        
        .Company.com4 .txtBox h3 {font-size: 24px !important;}
        .Company.com4 .txtBox h3 b{font-size: 30px !important;}
    }
    @media screen and (max-width:360px){
        .Company.com4 {padding: 120px 0 140px 0;}
        
        .Company.com4 .disF div{width:280px;height:280px;margin:-15px 0; border:solid 16px #f3f3f3;}
        .Company.com4 .disF div:nth-child(2){margin-top: -15px;}
        .Company.com4 .disF div:nth-child(3){margin-top: -15px;}
        .Company.com4 .disF div:hover {border:solid 8px #245fca;}
        
        .Company.com4 .slogan {width: 97%; height: auto;}
        
        .Company.com4 .disF div figure img{width: 55px; height: 55px;}
        .Company.com4 .disF div h3 {font-size: 30px !important;}
        .Company.com4 .disF div .type22 {font-size: 14px !important;}
        
        .Company.com4 .txtBox h3 {font-size: 22px !important;}
        .Company.com4 .txtBox h3 b{font-size: 28px !important;}
        .Company.com4 .txtBox h3 br.hide2 {display: block;}
    }
    @media screen and (max-width:320px){
        .Company.com4 .disF div{width:230px;height:230px;margin:-15px 0; border:solid 14px #f3f3f3;}
        .Company.com4 .disF div:hover {border:solid 7px #245fca;}
        
        .Company.com4 .disF div figure img{width: 50px; height: 50px;}
        .Company.com4 .disF div h3 {font-size: 28px !important;}
        .Company.com4 .disF div .type22 {font-size: 13px !important;}
    }







/*** === 1-5 Brand Story === ***/
.Company.com5 {padding: 180px 0; padding-bottom: 0; position: relative; transition:all 0.4s ease;}

.Company.com5 .disF{}
.Company.com5 .disF .ciBox{background: url(/sub1/img/c1con5_bg.png) repeat left top; padding: 7% 10%; border-radius: 30px; overflow: hidden; border:solid 1px #e0e0e0;transition:all 0.4s ease;}
.Company.com5 .disF .w70 .type22 br.hide{display: block;}


    @media screen and (max-width:1640px){
        .Company.com5 .disF .w25, .Company.com5 .disF .w70 {width: 100% !important;}
        .Company.com5 .disF .w70 .brand1{margin-top: 20px !important;transition:all 0.4s ease;}
    }
    @media screen and (max-width:1280px){
        .Company.com5 .disF .w70 .type22 {font-size: 20px !important;transition:all 0.4s ease;}
    }
    @media screen and (max-width:960px){
        .Company.com5 .disF .ciBox{padding: 8% 10%;}
        .Company.com5 .disF .ciBox img{width: 60%;}
        
        .Company.com5 .disF .w70 .type22 {font-size: 18px !important;}
        
        .Company.com5 .disF .w70 .type22 br.hide{display: none;}
    }
    @media screen and (max-width:767px){
        .Company.com5 .disF .ciBox{padding: 9% 10%; border-radius: 20px;}
    }
    @media screen and (max-width:460px){
        .Company.com5 .disF .ciBox{padding: 10% 10%; border-radius: 10px;}
        .Company.com5 .disF .w70 .type22 {font-size: 16px !important;}
    }




/* 버튼 */
.Company.com5 .disF .button{width:auto;padding:24px 50px 20px 84px;background:#fff; border:solid 1px #0e4fc5; border-radius: 10px; font-size:20px; font-family: "Montserrat" !important;color: #0e4fc5; font-weight: 600; position: relative; transition:all 0.4s ease;}
.Company.com5 .disF .button:before{width:20px;height:23px;position:absolute;left:50px;top:calc(50% - 9px);background: url(/sub1/img/c1con5_idown1.png) repeat center center; ;content:'';}
.Company.com5 .disF .button span:before{width:2px;height:9px;position:absolute;right:20%;top:38%;background:#0e4fc5;content:'';transform:rotate(-180deg);}

.Company.com5 .disF .button:hover{background:#0e4fc5; color: #fff;transition:all 0.4s ease;}
.Company.com5 .disF .button:hover:before{background: url(/sub1/img/c1con5_idown2.png) no-repeat center center;}



/* LogoType - 국문,영문 */
.Company.com5 .brand2 .logotype {width:100%;}
.Company.com5 .brand2 .logotype div {width:calc(100%/2 - 30px); background:#fff;padding:15px; border:solid 1px #e6e6e6; box-shadow: 0 2px 20px 0 rgba(0, 0, 0, 0.07);border-radius:10px;transition:all 0.4s ease;}
.Company.com5 .brand2 .logotype div .type14 {width: fit-content; background: #707070; padding: 4px 15px; border-radius: 5px; color: #fff;transition:all 0.4s ease;}
.Company.com5 .brand2 .logotype div .CIimg {padding: 6% 5%;transition:all 0.4s ease;}

    @media screen and (max-width:960px){
        .Company.com5 .brand2 .disF {display: block;}
        .Company.com5 .brand2 .logotype {margin-top: 20px !important;}
        .Company.com5 .brand2 .logotype div {width: 100% !important;  border-radius:8px; margin-bottom: 30px;}
    }
    @media screen and (max-width:767px){
        .Company.com5 .brand2 .logotype div {margin-bottom: 20px;}
        .Company.com5 .brand2 .type30 {font-size: 28px !important;}
        .Company.com5 .brand2 .logotype div .type14 {padding: 4px 13px;}
    }
    @media screen and (max-width:640px){
        .Company.com5 .brand2 .type30 {font-size: 26px !important;}
        .Company.com5 .brand2 .logotype div .type14 {padding: 3px 11px;}
        .Company.com5 .brand2 .logotype img {width: 95% !important;}
    }
    @media screen and (max-width:460px){
        .Company.com5 .brand2 .type30 {font-size: 24px !important;}
        .Company.com5 .brand2 .logotype img {width: 100% !important;}
    }





/* LogoType - 로고칼라 */
.Company.com5 .brand3 .colorBox{width:100%;}
.Company.com5 .brand3 .colorBox *{color: #fff; letter-spacing: -0.03em;}
.Company.com5 .brand3 .colorBox div{width:calc(100%/3 - 20px); background:#d80c18;padding:6% 4%; border-radius:10px;transition:all 0.4s ease;}
.Company.com5 .brand3 .colorBox div:nth-child(2){background:#009a44;}
.Company.com5 .brand3 .colorBox div:nth-child(3){background:#1f2774;}
.Company.com5 .brand3 .colorBox h4 {margin: 0 auto; line-height: 120%; font-weight: 600 !important;transition:all 0.4s ease;}
.Company.com5 .brand3 .colorBox .type20 {padding-left: 30px;transition:all 0.4s ease;}
.Company.com5 .brand3 .colorBox .type20.con {height: 110px; line-height: 130%;transition:all 0.4s ease;}
.Company.com5 .brand3 .colorBox .type20.con br.hide{display: block;}
.Company.com5 .brand3 .colorBox .type20.CMYK {font-weight: 200 !important;transition:all 0.4s ease;}


    @media screen and (max-width:1280px){
        .Company.com5 .brand3 .colorBox div{width:calc(100%/3 - 10px);}
        
        .Company.com5 .brand3 .colorBox .type20 {font-size: 18px;}
    }
    @media screen and (max-width:1100px){
        .Company.com5 .brand3 .colorBox .type20.con br.hide{display: none;}
    }
    @media screen and (max-width:960px){
        .Company.com5 .brand3 .colorBox .type20 {font-size: 16px;}
    }
    @media screen and (max-width:767px){
        .Company.com5 .brand3 .colorBox {justify-content: center !important;}
        .Company.com5 .brand3 .colorBox div{width:calc(100%/2 - 20px); margin: 10px;}
    }
    @media screen and (max-width:640px){
        .Company.com5 .brand3 .colorBox div{width:calc(100%/2 - 10px); margin: 5px;}
        .Company.com5 .brand3 .colorBox .type20 {font-size: 15px;}
    }
    @media screen and (max-width:540px){
        .Company.com5 .brand3 .colorBox div{width:calc(100%/1 - 0px); padding:8% 7%; margin: 6px;}
        .Company.com5 .brand3 .colorBox .type20 {font-size: 16px;}
        .Company.com5 .brand3 .colorBox .type20.con {height: 70px;}
    }
    @media screen and (max-width:460px){
        .Company.com5 .brand3 .colorBox div{padding:9% 8%;}
        .Company.com5 .brand3 .colorBox .type20.con {height: 90px;}
    }
    @media screen and (max-width:360px){
        .Company.com5 .brand3 .colorBox div{padding:10% 9%;}
        .Company.com5 .brand3 .colorBox .type20 {font-size: 15px;padding-left: 22px;}
    }







/*** === 1-2 사업분야 === ***/
.Overview.com1 {}
.Overview.com1 .c1con1 .txtBox{width: 67%; margin: 0 auto; transition:all 0.4s ease;}
.Overview.com1 .c1con1 .txtBox h4{letter-spacing: -0.03em !important;line-height: 130% !important;transition:all 0.4s ease;}
.Overview.com1 .c1con1 .txtBox .type22{line-height: 150% !important;letter-spacing: -0.03em !important;transition:all 0.4s ease;}
.Overview.com1 .c1con1 .txtBox .type22 b{font-weight: 600 !important;transition:all 0.4s ease;}

.Overview.com1 .c1con1 .photoBox div{width:calc(100%/5 - 20px);padding:40px 25px 50px 25px !important;box-shadow:2px 2px 20px rgba(0,48,127,0.2);border-radius:20px;transition:all 0.4s ease;}
.Overview.com1 .c1con1 .photoBox div *{text-align:center;}
.Overview.com1 .c1con1 .photoBox div img{width:100%;max-width:240px;margin:0 auto;display:block;transition:all 0.5s ease;}
.Overview.com1 .c1con1 .photoBox div .titns{line-height:120% !important;transition:all 0.4s ease;}
.Overview.com1 .c1con1 .photoBox div .conns{line-height:120% !important;transition:all 0.4s ease;}
.Overview.com1 .c1con1 .photoBox div .conns br.hide{display: block;}

.Overview.com1 .c1con1 .photoBox div:hover img{transform: scale(1.07);}


    @media screen and (max-width:1500px) {
    .Overview.com1 .c1con1 .photoBox div{width:calc(100%/5 - 13px);padding:30px 20px 40px 20px !important;border-radius:15px;}
    }
    @media screen and (max-width:1280px) {
    .Overview.com1 .c1con1 .txtBox{width: 80%;}
    .Overview.com1 .c1con1 .txtBox .type22{font-size: 20px !important;}
        
    .Overview.com1 .c1con1 .photoBox {justify-content: center !important;}
    .Overview.com1 .c1con1 .photoBox div{width:calc(100%/3 - 40px);padding:40px 25px 50px 25px !important; border-radius:20px; margin: 20px;}
    .Overview.com1 .c1con1 .photoBox div .conns{font-size: 17px !important;}
    }
    @media screen and (max-width:1100px) {
    .Overview.com1 .c1con1 .txtBox .type22{font-size: 18px !important;}
        
    .Overview.com1 .c1con1 .photoBox div{width:calc(100%/3 - 30px); margin: 15px;}
    .Overview.com1 .c1con1 .photoBox div .conns{font-size: 16px !important;}
    }
    @media screen and (max-width:960px) {
    .Overview.com1 .c1con1 .photoBox div{width:calc(100%/3 - 20px); margin: 10px; padding:30px 23px 40px 20px !important;border-radius:15px;}
    .Overview.com1 .c1con1 .photoBox div .conns{font-size: 16px !important;}
    }
    @media screen and (max-width:767px) {
    .Overview.com1 .c1con1 .txtBox{width: 90%;}
    .Overview.com1 .c1con1 .txtBox .type22{font-size: 17px !important;}
        
    .Overview.com1 .c1con1 .photoBox div{width:calc(100%/2 - 30px); margin: 12px;}
    .Overview.com1 .c1con1 .photoBox div .conns br.hide{display: none;}
    }
    @media screen and (max-width:560px) {
    .Overview.com1 .c1con1 .photoBox div{width:calc(100%/2 - 20px); margin: 10px;border-radius:15px;}
    }
    @media screen and (max-width:460px) {
    .Overview.com1 .c1con1 .txtBox{width: 94%;}
    .Overview.com1 .c1con1 .txtBox h4{font-size: 25px !important; line-height: 125% !important;}
    .Overview.com1 .c1con1 .txtBox .type22{font-size: 16px !important;}
        
    .Overview.com1 .c1con1 .photoBox div{width:calc(86%/1 - 0px); margin: 15px auto; border-radius:20px;}
    .Overview.com1 .c1con1 .photoBox div .conns{font-size: 15px !important;}
    .Overview.com1 .c1con1 .photoBox div .conns br.hide{display: block;}
    }
    @media screen and (max-width:360px) {
    .Overview.com1 .c1con1 .txtBox .type22{font-size: 15px !important;}
        
    .Overview.com1 .c1con1 .photoBox div{width:calc(92%/1 - 0px);margin: 10px auto; border-radius:15px;}
    }

    

/** 사업분야 > Partner === ***/
.Overview.com2 {padding: 220px 0; background: #f9f9f9;}

.Overview.com2 .banner{position:relative;}
.Overview.com2 .banner .slick-track{display:flex;align-items:center;justify-content:center;}

.Overview.com2 .banner_title{width:300px;font-weight:bold;text-align: center;}
.Overview.com2 .banner_list{width:100% ;margin-left:10px;overflow: hidden;}
.Overview.com2 .banner_item{display:inline-block;position:relative;}
.Overview.com2 .banner_item + .banner_item{margin-left:20px;}
.Overview.com2 .banner_item + .banner_item:before{width:1px;height:9px;display:block;position:absolute;top:0;left:0;bottom:0;margin-top:auto;margin-bottom:auto;border-left:1px dotted #848484;}

.Overview.com2 .banner_item a{width:100% !important;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;position:relative;color:#555;font-size:0;display:block;border:solid 1px #e5e5e5; padding: 20px 30px; background: rgba(255,255,255,.5);}
.Overview.com2 .banner_item a img{margin:0 auto;display:block;}

.Overview.com2 .banner_control{width:100px;position:relative;}
.Overview.com2 .slick-arrow,
.Overview.com2 .banner_auto{margin-right:4px;margin-left:4px;}

.Overview.com2 .banner_control{display:flex;align-items:center;justify-content:center; display: none;}
.Overview.com2 .banner_control button{width:30px;height:30px;background-image:url(/img/banner_sprite.png);background-repeat:no-repeat;font-size:0;line-height:0;display:block;}
.Overview.com2 .banner_control .slick-arrow{background:#fff;}
.Overview.com2 .banner_control .slick-arrow.banner_prev{}
.Overview.com2 .banner_control .slick-arrow.banner_next{}

.Overview.com2 .slick-arrow:before{width:30px;height:30px;margin:auto;display:block;position:absolute;top:0;bottom:0;background-image:url(/img/banner_sprite.png);background-repeat:no-repeat;content:'';}
.Overview.com2 .banner_prev:before{background-position:left top;content:'';}
.Overview.com2 .banner_next:before{background-position:left 75%;content:'';}

.Overview.com2 .banner_auto.slick-play:before{background-position:left 25%;content:'';}
.Overview.com2 .banner_auto.slick-pause:before{background-position:left 50%;content:'';}



.Overview.com2 .bannerBox {width:100%; display: none !important;}
.Overview.com2 .bannerBox .disF{display: flex !important; }
.Overview.com2 .bannerBox .disF div{width:calc(100%/3 - 15px);padding:20px 25px !important; margin: 5px 7px; background: rgba(255,255,255,.5); border:solid 1px #e5e5e5;transition:all 0.4s ease;}
.Overview.com2 .bannerBox .disF div *{text-align:center;}
.Overview.com2 .bannerBox .disF div img{width:100%; margin:0 auto;display:block;transition:all 0.5s ease;}


    @media screen and (max-width:1280px){
    .Overview.com2 {padding: 200px 0;}
    }
    @media screen and (max-width:1100px){
    .Overview.com2 {padding: 180px 0;}
    }
    @media screen and (max-width:960px){
    .Overview.com2 {padding: 160px 0;}
    .Overview.com2 .disF{display: block;}
    .Overview.com2 .disF .w25 h3{margin-left: 10px;}
    .Overview.com2 .disF .w70{margin-top: 60px !important;}
        
    .Overview.com2 .banner_list{margin-left:0px;}
    }
    @media screen and (max-width:767px){
    .Overview.com2 {padding: 140px 0;}
        
    .Overview.com2 .banner_item + .banner_item{margin-left:10px;padding-left:10px;}
    }
    @media screen and (max-width:640px){
    .Overview.com2 {padding: 120px 0;}
        
    .Overview.com2 .banner{display: none !important}
    .Overview.com2 .banner_title{width:50px;}
    .Overview.com2 .banner_list{width:100%;margin-left:0;padding:0; ;}

    .Overview.com2 .banner_control{width:70px;}
        
        
    .Overview.com2 .bannerBox {display: block!important;}
    }
    @media screen and (max-width:540px){
    .Overview.com2 .bannerBox .disF div{width:calc(100%/2 - 15px); margin: 5px 5px; }
    }
    @media screen and (max-width:460px){
    .Overview.com2 {padding: 100px 0;}
        
    .Overview.com2 .slick-arrow{width:28px;height:28px;}
    .Overview.com2 .slick-arrow:before{width:26px;height:26px;background-size:26px;}
    }
    @media screen and (max-width:360px){
    .Overview.com2 h3 {text-align: center;margin-left: 0px;}
    .Overview.com2 .disF .w25 h3 {text-align: center;margin-left: 0px;}
    .Overview.com2 .bannerBox .disF {width:90%; margin: 5px auto; }
    .Overview.com2 .bannerBox .disF div{width:calc(100%/1 - 10px); margin: 5px 10px;padding:20px 40px !important; }
    }


    

/** 사업분야 > Global Network === ***/
.Overview.com3 {padding: 220px 0; background: url(/sub1/img/c2global_bg.jpg) no-repeat center center; background: cover;transition:all 0.2s ease;}
.Overview.com3 h3 br.hide2{display: none;}
.Overview.com3 .mapIMG{display: block; margin: 0 auto;transition:all 0.2s ease;}

.Overview.com3 .photoBox{width: 90%; margin: 0 auto; position: relative;transition:all 0.2s ease;}
.Overview.com3 .photoBox .disF{width: 90%; margin: 0 auto; }
.Overview.com3 .photoBox .disF span{transition:all 0.2s ease;}
.Overview.com3 .photoBox .disF span img{width: 100%;transition:all 0.2s ease;}

.Overview.com3 .photoBox .txtBox{width: fit-content; background: rgba(14,79,197,.7); position: absolute; padding:30px 60px; left:5%; bottom:-60px; border-radius: 10px;transition:all 0.2s ease;}
.Overview.com3 .photoBox .txtBox font {color: #fff !important;transition:all 0.2s ease;}
.Overview.com3 .photoBox .txtBox .type20 {font-weight: 700 !important;}


    @media screen and (max-width:1650px){
    .Overview.com3 .photoBox .disF span:nth-child(1){width: 58.5%;}
    .Overview.com3 .photoBox .disF span:nth-child(2){width: 41.5%;}
    }
    @media screen and (max-width:1400px){
    .Overview.com3 {padding: 200px 0;}
    }
    @media screen and (max-width:1280px){
    .Overview.com3 {padding: 180px 0;}
        
    .Overview.com3 .photoBox .disF{width: 100%;}
    .Overview.com3 .photoBox .txtBox{width: 100%; left:0;position: relative;}
    .Overview.com3 .photoBox .txtBox{padding:25px 45px;left:0; bottom:0; border-radius: 0px;}
    .Overview.com3 .photoBox .txtBox .type20 {font-size: 18px !important;}
    }
    @media screen and (max-width:960px){
    .Overview.com3 {padding: 160px 0;}
    }
    @media screen and (max-width:767px){
    .Overview.com3 {padding: 160px 0;}
        
    .Overview.com3 .photoBox .disF span{width: 90% !important; margin: 0 auto;}
    .Overview.com3 .photoBox .txtBox{width: 90% !important; margin: 0 auto;padding:25px 45px;}
    }
    @media screen and (max-width:640px){
    .Overview.com3 {padding: 140px 0;}
        
    .Overview.com3 .photoBox .txtBox{padding:25px 40px;}
    }
    @media screen and (max-width:460px){
    .Overview.com3 .photoBox .txtBox{padding:25px 30px;}
    .Overview.com3 .photoBox .txtBox .type20 {font-size: 17px !important; line-height: 100%; margin-bottom: 10px;}
    }
    @media screen and (max-width:360px){
    .Overview.com3 h3 {font-size: 36px !important;  line-height: 110%; text-align: center;}
    .Overview.com3 h3 br.hide2{display: block;}
        
    .Overview.com3 .photoBox .txtBox{padding:1px 25px;}
    }
    @media screen and (max-width:320px){
    .Overview.com3 h3 {font-size: 32px !important;}
    }






/*** === 1-5 오시는길 === ***/
.LocationWrap {padding: 0 !important;}

.Location{overflow: hidden;}

p.point{margin:0 0 0 10px;width:15px; height:15px;display:inline-block; background-color:#0e4fc5;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: #0e4fc5; 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(14,79,197,.1); }
.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;}




    @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;}
    }








/********************************* 2. 제품소개 *********************************/

/*** === 2-1 제품리스트 === ***/
.Product h4 br.hide, .Product h5 br.hide2 {display: none;}
.Product h4 {color: #0351df;letter-spacing: -0.03em; transition:all 0.4s ease;}
.Product h5 {font-weight: 400 !important; color: #777; margin-top: 10px !important; letter-spacing: -0.03em; transition:all 0.4s ease;}

.Product .ListBox a {width:calc(100%/3 - 36px); padding:3% 3% 2% 3%; margin: 18px; border:solid 3px rgba(230,230,230,.1); box-shadow: 0 0px 15px 0 rgba(0, 0, 0, 0.1); border-radius:15px; overflow: hidden; position: relative; transition:all 0.4s ease;}
.Product .ListBox a .type30.tit{font-weight: 700 !important;padding-left: 20px; letter-spacing: -0.03em; transition:all 0.4s ease;}
.Product .ListBox a .type20{background: #fafafa; padding: 15px 20px; color: #777; border-radius: 15px; transition:all 0.4s ease;}
.Product .ListBox a .type20 br.hide{display: block;}
.Product .ListBox a .type20 br.hide2{display: none;}

.Product .ListBox figure{width:100%; margin-top: 30px; display:block; position:relative;}
.Product .ListBox figure img{width:90%;display:block; margin: 0 auto; transition:all 0.4s ease;}

.Product .ListBox a:hover {border:solid 3px #0351df;}
.Product .ListBox a:hover .type30.tit{color: #0351df;}
.Product .ListBox a:hover .type20{color: #333;background: #f5f5f5;}
.Product .ListBox a:hover .list.type1 li{color:#000; }
.Product .ListBox a:hover figure img{transform:scale(1.1);}


    @media screen and (max-width:1400px){
        .Product .ListBox a {width:calc(100%/3 - 30px); margin: 15px;}
        .Product .ListBox a .type20 br.hide{display: none;}
    }
    @media screen and (max-width:1280px){
        .Product h4 {font-size: 35px !important;}
        
        .Product .ListBox a {padding:2.5%;}
        .Product .ListBox a .type20{border-radius: 10px;}
        .Product .ListBox a .type20 br.hide{display: none;}
        .Product .ListBox a .type20 br.hide2{display: block;}
    }
    @media screen and (max-width:1100px){
        .Product .ListBox a {width:calc(100%/2 - 30px); padding:4% 4% 3% 4%; margin: 15px; }
        .Product .ListBox a .type30.tit{padding-left: 15px;}
        .Product .ListBox a .type20 br.hide{display:block;}
        .Product .ListBox a .type20 br.hide2{display: none;}
    }
    @media screen and (max-width:960px){
        .Product .ListBox a .type20{font-size: 16px !important;}
    }
    @media screen and (max-width:860px){
        .Product h4 {font-size: 40px !important;}
        .Product h4 br.hide {display: block;}
        .Product h5 {font-size: 22px !important; margin-top: 20px;}
        
        .Product .ListBox a .type20 br.hide{display:none;}
        .Product .ListBox a .type20 br.hide2{display: block;}
    }
    @media screen and (max-width:767px){
        .Product h5 {font-size: 20px !important; margin-top: 25px;}
        
        .Product .ListBox a .type20 br.hide2{display: none;}
    }
    @media screen and (max-width:640px){
        .Product h4 {font-size: 36px !important;}
        .Product h5 {font-size: 20px !important; margin-top: 20px;}
        .Product h5 br.hide2 {display: block;}
        
        .Product .ListBox a {width:calc(90%/1 - 0px); padding:7% 6% 6% 6%; margin: 0 auto; margin-bottom: 30px;}
        .Product .ListBox a .type30.tit{font-size: 28px !important;padding-left: 15px; }
        .Product .ListBox a .type20{font-size: 18px !important; padding: 12px 15px;}
        .Product .ListBox a .type20 br.hide{display:block;}
    }
    @media screen and (max-width:460px){
        .Product h4 {font-size: 28px !important;}
        .Product h5 {font-size: 17px !important;}
        
        .Product .ListBox a {padding:8% 7% 6% 7%;}
        .Product .ListBox figure img{width:98%;}
        
        .Product .ListBox a .type30.tit{font-size: 26px !important;}
        .Product .ListBox a .type20{font-size: 16px !important;}
        .Product .ListBox a .type20 br.hide{display:none;}
        .Product .ListBox a .type20 br.hide2{display: block;}
    }
    @media screen and (max-width:360px){
        .Product h4 {font-size: 26px !important;}
        .Product h5 {font-size: 15px !important;}
        
        .Product .ListBox a {width:calc(94%/1 - 0px); padding:10% 9% 8% 9%; border-radius:10px; }
        .Product .ListBox a .type30.tit{font-size: 24px !important;}
        .Product .ListBox a .type20{font-size: 15px !important;}
    }
    @media screen and (max-width:320px){
        .Product h4 {font-size: 24px !important;}
    }





.Product .ListBox a button.btn {width:70px;height:70px; border-radius: 100px; background:transparent;border:solid 1px rgba(255,255,255,0); position: absolute; bottom:40px; right:calc(50% - 30px);transition:all 0.4s ease;}
.Product .ListBox a button.btn i{width:24px;height:3px;display:inline-block;background:#fff;margin-top: 0px; margin-left: 0px; vertical-align:middle;transform:rotate(-45deg);content:'';position:relative;transition:all 0.4s ease;}
.Product .ListBox a button.btn i:after{width:18px;height:18px;border:solid #fff;border-width:3px 3px 0 0; position:absolute;top:calc(50% - 10px);right:0px;display:block;content:"";transform:rotate(45deg);transition:all 0.4s ease;}
.Product .ListBox a:hover button.btn{border-color:#0351df;background:#0351df;color:#fff;box-shadow: 0 -1px 20px 0 rgba(255, 255, 255, 1);transition:all 0.4s ease;}
.Product .ListBox a:hover button.btn i{background:#fff;right:0px; transform:rotate(0deg);transition:all 0.4s ease;}
.Product .ListBox a:hover button.btn i:after{border-color:#fff; margin-top: 0px;}

    @media screen and (max-width:1400px){
        .Product .ListBox a button.btn {bottom:30px;}
    }
    @media screen and (max-width:1280px){
        .Product .ListBox a button.btn {width:60px;height:60px; bottom:30px;right:calc(50% - 30px);}
        .Product .ListBox a button.btn i{width:20px;height:3px;margin-top: 0px; margin-left: 0px;}
        .Product .ListBox a button.btn i:after{width:16px;height:16px;border:solid #fff;border-width:3px 3px 0 0; top:calc(50% - 10px);right:0px;}
    }
    @media screen and (max-width:1100px){
        .Product .ListBox a button.btn {width:50px;height:50px; bottom:35px;right:calc(50% - 30px);}
        .Product .ListBox a button.btn i{width:18px;height:3px;margin-top: 0px; margin-left: 0px;}
        .Product .ListBox a button.btn i:after{width:14px;height:14px;border:solid #fff;border-width:3px 3px 0 0; top:calc(50% - 9px);right:0px;}
        .Product .ListBox a:hover button.btn i:after{top:calc(50% - 8px);}
    }
    @media screen and (max-width:860px){
        .Product .ListBox a button.btn {bottom:30px;right:calc(50% - 30px);}
    }
    @media screen and (max-width:767px){
        .Product .ListBox a button.btn {bottom:40px;}
    }
    @media screen and (max-width:640px){
        .Product .ListBox a button.btn {width:60px;height:60px; bottom:40px;right:calc(50% - 30px);}
        .Product .ListBox a button.btn i{width:20px;height:3px;margin-top: 0px; margin-left: 0px;}
        .Product .ListBox a button.btn i:after{width:16px;height:16px;border:solid #fff;border-width:3px 3px 0 0; top:calc(50% - 10px);right:0px;}
    }
    @media screen and (max-width:360px){
        .Product .ListBox a button.btn {width:40px;height:40px;  bottom:35px;right:calc(50% - 30px);}
        .Product .ListBox a button.btn i{width:17px;height:3px;}
        .Product .ListBox a button.btn i:after{width:11px;height:11px;top:calc(50% - 7px);}
        .Product .ListBox a:hover button.btn i:after{top:calc(50% - 7px);}
    }





/*** === 2-2 제품 View === ***/
.Product h1.pro_tt {width: 100%; font-weight: 700 !important; position: relative;}
.Product h1.pro_tt:after{width:15px;height:15px;background:#0e4fc5; border-radius: 50%; position:absolute; top:-30px;left:calc(50% - 6px); display:block;content:"";}


/** 3차메뉴 **/
.Product .sTab2Box{background: #edf2fb; padding: 18px 20px; border-radius: 15px;}
.Product .sTab2Box font{font-weight: 600 !important;}
.Product .sTab2Box .w20{border-right:solid 2px #ddd;}
.Product .sTab2Box .w80{padding: 0 20px;}
.Product .sTab2Box .type22{margin-top: 0 !important;  color: #000; position: relative;}

    @media screen and (max-width:767px){
        .Product .sTab2Box .w20, .Product .sTab2Box .w80{width: 100% !important;}
        .Product .sTab2Box .w20 {margin-top: 10px; margin-bottom: 10px;border-right:none;}
        .Product .sTab2Box .w20 .type22{font-size: 20px !important;}
        .Product .sTab2Box .w80{background: rgba(2558,255,255,.7); padding:10px 5px; border-radius: 10px;}
    }


/** 제품소개 상세 **/
/*a. 제품사진 */
.Product .viewBox{}
.Product .viewBox h5{color: #0e4fc5; font-weight: 600 !important;}
.Product .viewBox h5 b{font-size: 22px; background: #0e4fc5; border-radius: 7px; padding: 7px 24px; color: #fff;  font-family:'Pretendard-SemiBold'; display: inline-block; margin-left: 15px; margin-top: -2px;}

.Product .viewBox .imgBox{position: relative;}
.Product .viewBox .imgBox.s1{width: 80%; margin: 0 auto;position: relative;}
.Product .viewBox .imgBox.s1 span{width:100% !important;background: #f8f8f8; padding: 3% 4%; margin-bottom: 30px; border-radius: 20px;display: block; transition:all 0.4s ease;}
.Product .viewBox .imgBox.s1 .proPhoto {max-width:70%;max-height:80%;margin:0 auto;display:block;transition:all 0.4s ease;}

.Product .viewBox .imgBox.s2{width: 100%;}
.Product .viewBox .imgBox.s2 span{width:calc(100%/2 - 30px);background: #f8f8f8; margin: 0 10px; padding: 3% 4%; border-radius: 20px;display: block;transition:all 0.4s ease;}
.Product .viewBox .imgBox.s2 .proPhoto{max-width:80%;max-height:80%;margin:0 auto;display:block;transition:all 0.4s ease;}


.Product .viewBox .imgBox.s1 .type15, .Product .viewBox .imgBox.s2 .type15{width: fit-content; background: #707070; color: #fff; font-weight: 500; padding: 5px 20px; border-radius: 5px;transition:all 0.4s ease;}
.Product .viewBox .imgBox.s1 .type17, .Product .viewBox .imgBox.s2 .type17{width: fit-content; background: #d80000; color: #fff; font-weight: 700; padding: 5px 20px; border-radius: 5px;transition:all 0.4s ease;}
.Product .viewBox .imgBox.s1 .type17.red, .Product .viewBox .imgBox.s2 .type17.red{background: #d80000;}
.Product .viewBox .imgBox.s1 .type17.green, .Product .viewBox .imgBox.s2 .type17.green{background: #0a9c3d;}


    @media screen and (max-width:1280px){
        .Product .viewBox h5 b{font-size: 20px;  padding: 6px 20px;border-radius: 6px; margin-left: 10px; margin-top: -2px;}
        
        .Product .viewBox .imgBox.s2 span{width:calc(100%/2 - 15px); margin: 0 5px; padding: 2.5% 3% 3% 3%;}
    }
    @media screen and (max-width:1100px){
        .Product .viewBox h5 b{font-size: 18px;  padding: 5px 17px;margin-left: 7px; margin-top: -2px;}
        
        .Product .viewBox .imgBox.s1 span{padding: 2.5% 3%; border-radius: 15px;}
        .Product .viewBox .imgBox.s1 .proPhoto {max-width:75%;max-height:85%;}
        .Product .viewBox .imgBox.s2 span{width:calc(100%/2 - 15px); margin: 0 5px; padding: 2.5% 3% 3% 3%; border-radius: 15px;}
        .Product .viewBox .imgBox.s2 .proPhoto{max-width:90%;max-height:95%;}
    }
    @media screen and (max-width:960px){
        .Product .viewBox .imgBox.s1 {width: 85% !important;}
        .Product .viewBox .imgBox.s1 span{margin-bottom: 20px;}
        .Product .viewBox .imgBox.s2 span{width:calc(100%/2 - 15px); margin: 0 5px;}
        .Product .viewBox .imgBox.s2 .proPhoto{max-width:95%;max-height:95%;}
        
        .Product .viewBox .imgBox.s1 .type15, .Product .viewBox .imgBox.s2 .type15{padding: 4px 16px; border-radius: 4px;}
    }
    @media screen and (max-width:840px){
        .Product .viewBox .imgBox.s1 {width: 90% !important;}
        .Product .viewBox .imgBox.s1 .proPhoto {max-width:80%;max-height:90%;}
        .Product .viewBox .imgBox.s2 span{width:calc(100%/2 - 12px); margin: 0 3px;}
    }
    @media screen and (max-width:767px){
        .Product .viewBox h5 b{font-size: 16px;  padding: 5px 14px;margin-left: 5px; margin-top: -3px;}
        
        .Product .viewBox .imgBox.s1 {width: 95% !important;}
        .Product .viewBox .imgBox.s1 span{padding: 2.5% 3%; border-radius: 10px; margin-bottom: 15px;}
        .Product .viewBox .imgBox.s2 span{width:calc(100%/2 - 8px); margin: 0 2px;padding: 2.5% 3%;border-radius: 10px;}
        .Product .viewBox .imgBox.s2 .proPhoto{max-width:100%;max-height:100%;}
    }
    @media screen and (max-width:540px){
        .Product .viewBox .imgBox.s1 {width: 95% !important;}
        .Product .viewBox .imgBox.s1 span{padding: 3% 4%;}
        .Product .viewBox .imgBox.s2 span{width:calc(95%/1 - 0px); margin: 0 auto; margin-bottom: 20px; padding: 3% 4%;}
        .Product .viewBox .imgBox.s2 .proPhoto{max-width:95%;max-height:95%;}
    }
    @media screen and (max-width:460px){
        .Product .viewBox h5{font-size: 20px !important;}
        .Product .viewBox h5 b{font-size: 15px;  padding: 4px 12px;border-radius: 3px; margin-left: 0px; margin-top: -1px;}
    }
    @media screen and (max-width:360px){
        .Product .viewBox h5{font-size: 18px !important;}
        .Product .viewBox h5 b{width: fit-content; font-size: 14px;  padding: 4px 10px;display: block; margin: 0 auto;margin-top: 5px;}
        
        .Product .viewBox .imgBox.s1 {margin-top: 50px !important;}
        .Product .viewBox .imgBox.s1 .type15, .Product .viewBox .imgBox.s2 .type15{font-size: 12px !important; padding: 3px 14px; border-radius: 3px;}
    }




.btWrap2{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;}
.btWrap2.je{justify-content:flex-end;}
.btWrap2 a.bt2{padding:20px 50px;margin:0 8px;text-align:center;font-weight:bold;font-size:22px;line-height:120%;color:#fff;border:solid 3px #0e4fc5; border-radius:10px;display:table;transition:all 0.2s ease;position:relative;}
.btWrap2 a.bt2.blue{padding:20px 70px;background:#0e4fc5; border:solid 3px #0e4fc5;}
.btWrap2 a.bt2.gray{background:#0e4fc5;border:solid 3px #0e4fc5;}
.btWrap2 a.bt2.Dgray{background:#333;border:solid 3px #333;}
.btWrap2 a.bt2.Dgray2{font-size:16px !important;padding:10px 50px; background:#333;border:solid 2px #333;}

.btWrap2 a.bt2:hover{transition:all 0.2s ease;}
.btWrap2 a.bt2:hover.blue{background:#fff; border:solid 3px #0e4fc5;color:#0e4fc5;box-shadow:0 0 12px rgba(0,103,255,0.5);}
.btWrap2 a.bt2:hover.gray{background:#fff; border:solid 3px #0e4fc5;color:#0e4fc5;}
.btWrap2 a.bt2:hover.Dgray{background:#fff;color:#333;border:solid 3px #333;}

.btWrap2 a.bt2 img{margin-right: 10px;}


    @media screen and (max-width:1280px){
        .btWrap2 a.bt2{padding:18px 45px;font-size:20px;}
        
        .btWrap2 a.bt2.blue{padding:20px 60px;}
    }
    @media screen and (max-width:960px){
        .btWrap2 a.bt2{padding:16px 30px;font-size:18px;}
        
        .btWrap2 a.bt2.blue{padding:16px 45px;}
    }
    @media screen and (max-width:767px){
        .btWrap2 a.bt2{padding:14px 30px;font-size:16px;}
        
        .btWrap2 a.bt2.blue{padding:14px 45px;}
        
        .btWrap2 a.bt2.Dgray2{font-size:15px !important;padding:10px 40px; }
        .btWrap2 a.bt2.Dviolet{font-size:15px !important;padding:10px 40px;}
    }
    @media screen and (max-width:640px){
        .btWrap2 a.bt2{width: 40% !important;margin:0 6px;  font-size:15px;}
        .btWrap2 a:nth-child(1).bt2{width: 58% !important; margin: 0 auto;margin-bottom: 8px !important;}
    }
    @media screen and (max-width:500px){
        .btWrap2{display:block; }
        .btWrap2 a.bt2{width: 60% !important;padding:14px 25px;margin:6px auto !important;}
        .btWrap2 a:nth-child(1).bt2{width: 60% !important; margin-bottom: 6px !important;}
        
        .btWrap2 a.bt2.blue{padding:14px 40px;}
        .btWrap2 a.bt2.Dgray2{font-size:14px !important;padding:10px 35px; }
    }
    @media screen and (max-width:400px){
        .btWrap2 a.bt2{padding:14px 20px;margin:0 3px;font-size:14px;}
        
        .btWrap2 a.bt2.blue{padding:14px 40px;}
    }
    @media screen and (max-width:360px){
        .btWrap2 a.bt2{width: 80% !important;display:block;padding:14px 20px;}
        .btWrap2 a:nth-child(1).bt2{width: 80% !important;}
        
        .btWrap2 a.bt2.blue{width: 60%;}
        .btWrap2 a.bt2.gray{width: 60%;}
        .btWrap2 a.bt2.Dgray{width: 60%;}
        
        .btWrap2 a.bt2.Dgray2{width: 55%; font-size:13px !important;}
    }



.button.type3 {width: fit-content; border-radius: 10px; background: #666; border: none; color: #fff !important; text-align: center; font-size: 20px; padding: 22px 24px;   transition: all 0.5s;  cursor: pointer; margin: 0 auto;}
.button.type3 a{margin: 0 20px;}
.button.type3 font{color: #fff !important; text-align: center; font-size: 20px; font-weight: 700; transition: all 0.5s;}
.button.type3:hover {background: #111 ;box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.25);}

    @media screen and (max-width:640px){
    .button.type3 {width: 280px; padding: 20px 20px;}
    .button.type3 font{font-size: 18px;}
    }
    @media screen and (max-width:460px){
    .button.type3 {width: 240px;}
    .button.type3 font{font-size: 16px;}
    }
    @media screen and (max-width:360px){
    .button.type3 {width: 200px; padding: 18px 16px;}
    .button.type3 font{font-size: 15px;}
    }



/* 제품사진 QR코드*/
.Product .viewBox .imgBox .QRBox {width: 120px; padding: 10px 10px 15px 10px; border-radius: 15px; background: #0e4fc5; position: absolute; bottom:10%; right:-5%;transition:all 0.4s ease;}
.Product .viewBox .imgBox .QRBox figure{width: 100%; height: 100px; background: #fff; border-radius: 7px;padding: 8px; display: flex;justify-content: center;align-items: center;transition:all 0.4s ease;}
.Product .viewBox .imgBox .QRBox figure img{width: 100%; height: 100%; display: block;transition:all 0.4s ease;}
.Product .viewBox .imgBox .QRBox font{color: #fff; text-align: center; letter-spacing: -0.03em; margin-top: 5px;transition:all 0.4s ease;}

    @media screen and (max-width:1280px){
        .Product .viewBox .imgBox .QRBox {right:-6%;}
    }
    @media screen and (max-width:1100px){
        .Product .viewBox .imgBox .QRBox {right:-8%;}
        .Product .viewBox .imgBox .QRBox .type16{font-size: 15px !important;}
    }
    @media screen and (max-width:960px){
        .Product .viewBox .imgBox .QRBox {width: 100px !important;padding: 8px; border-radius: 10px;  bottom:12%; right:-8%;}
        .Product .viewBox .imgBox .QRBox figure{height: 82px; border-radius: 6px;padding: 7px;}
        .Product .viewBox .imgBox .QRBox .type16{font-size: 14px !important;}
    }
    @media screen and (max-width:840px){
        .Product .viewBox .imgBox .QRBox {width: 90px !important;padding: 7px; border-radius: 10px; bottom:15%;}
        .Product .viewBox .imgBox .QRBox figure{height: 76px; border-radius: 5px;padding: 6px;}
        .Product .viewBox .imgBox .QRBox .type16{font-size: 13px !important;}
    }
    @media screen and (max-width:767px){
        .Product .viewBox .imgBox .QRBox {width: 80px !important;padding: 6px; border-radius: 8px;  right:-3%;}
        .Product .viewBox .imgBox .QRBox figure{height: 65px; border-radius: 4px;padding: 5px;}
    }
    @media screen and (max-width:540px){
        .Product .viewBox .imgBox .QRBox {width: 70px !important; right:-5%;}
        .Product .viewBox .imgBox .QRBox figure{height: 56px; border-radius: 3px;padding: 4px;}
        .Product .viewBox .imgBox .QRBox .type16{font-size: 12px !important;}
    }
    @media screen and (max-width:460px){
        .Product .viewBox .imgBox .QRBox {width: 60px !important; border-radius: 6px; top:20px; bottom:auto; right:-5%;}
        .Product .viewBox .imgBox .QRBox figure{height: 45px; border-radius: 2px;padding: 2px;}
        .Product .viewBox .imgBox .QRBox .type16{font-size: 10px !important;}
    }
    @media screen and (max-width:360px){
        .Product .viewBox .imgBox .QRBox {top:-20px;right:-4%;}
    }




/*b. 주요특징 */
.Product .featureBox {background: #f9f9f9; padding: 160px 0 100px 0;}
.Product .featureBox.photo {padding: 160px 0;}


.Product .featureBox .feature .item{width:calc(100%/2 - 30px);transition:all 0.4s ease; }
.Product .featureBox .feature .item .txtBox{width:100%;padding:5% 2% 4% 2%; border-top:solid 1px #000; aspect-ratio:16 /10;position: relative;transition:all 0.4s ease;}
.Product .featureBox .feature .item .txtBox font *{letter-spacing: -0.05em !important;border:solid 1px #ff0000;}
.Product .featureBox .feature .item .txtBox .type20{color: #4a4a4a; transition:all 0.4s ease;}
.Product .featureBox .feature .item .txtBox .type30{color: #0e4fc5; font-weight: 700;letter-spacing: -0.03em !important; transition:all 0.4s ease;}
.Product .featureBox .feature .item .txtBox .type22{color: #555; font-weight: 300; letter-spacing: -0.03em !important;transition:all 0.4s ease;}

.Product .featureBox .feature .item .txtBox:hover{border-top:solid 3px #0e4fc5;}

    @media screen and (max-width:1500px){
        .Product .featureBox .feature .item .txtBox{aspect-ratio:16 /10;}
    }
    @media screen and (max-width:1280px){
        .Product .featureBox .feature .item{width:calc(100%/2 - 20px);}
        .Product .featureBox .feature .item .txtBox{aspect-ratio:16 /11;}
    }
    @media screen and (max-width:1100px){
        .Product .featureBox .disF .w25, .Product .featureBox .disF .w70 {width: 100% !important;}
        .Product .featureBox .disF .w70 {margin-top: 30px !important;}
        
        .Product .featureBox .feature .item{width:calc(100%/2 - 30px);}        
        .Product .featureBox .feature .item .txtBox{aspect-ratio:16 /9;}
    }
    @media screen and (max-width:960px){        
        .Product .featureBox .feature .item{width:calc(100%/2 - 25px);}        
        .Product .featureBox .feature .item .txtBox{aspect-ratio:16 /10;}
    }
    @media screen and (max-width:767px){        
        .Product .featureBox .feature .item{width:calc(100%/2 - 20px);}        
        .Product .featureBox .feature .item .txtBox{aspect-ratio:16 /11;}
    }
    @media screen and (max-width:640px){        
        .Product .featureBox .feature .item{width:calc(100%/2 - 15px);}        
        .Product .featureBox .feature .item .txtBox{aspect-ratio:16 /12;}
    }
    @media screen and (max-width:540px){        
        .Product .featureBox .feature .item{width:calc(100%/2 - 10px);}        
        .Product .featureBox .feature .item .txtBox{aspect-ratio:16 /13;}
        .Product .featureBox .feature .item .txtBox .type30{line-height: 110%;}
    }
    @media screen and (max-width:500px){        
        .Product .featureBox .feature {width:96%; margin: 0 auto;}        
        .Product .featureBox .feature .item{width:calc(100%/1 - 0px);}        
        .Product .featureBox .feature .item .txtBox{aspect-ratio:16 /8;}
        .Product .featureBox .feature .item .txtBox .type22{font-size: 16px !important;}
    }
    @media screen and (max-width:360px){              
        .Product .featureBox .feature .item .txtBox{aspect-ratio:16 /10;}
        .Product .featureBox .feature .item .txtBox .type22{font-size: 15px !important;}
    }
    @media screen and (max-width:320px){              
        .Product .featureBox .feature .item .txtBox{aspect-ratio:16 /11;}
    }




.Product .photoBox .item{width:calc(100%/2 - 30px);margin-bottom: 40px;transition:all 0.4s ease;}
.Product .photoBox .item figure{width:100%;aspect-ratio:2 / 1;display:block;transition:all 0.4s ease;}
.Product .photoBox .item figure img{width:100%;display:block;transition:all 0.4s ease;}
.Product .photoBox .item figure.bg{background: #fff;}
.Product .photoBox .item span font{text-align: right; line-height:110% !important;transition:all 0.4s ease;}

.Product .photoBox .item:hover figure img{border-radius: 30px;}

    @media screen and (max-width:1280px){
        .Product .photoBox .item{width:calc(100%/2 - 20px);}
    }
    @media screen and (max-width:1100px){
        .Product .photoBox {margin-top: 50px !important;}
        .Product .photoBox .item{width:calc(100%/2 - 30px);margin-bottom: 30px;}
    }
    @media screen and (max-width:960px){
        .Product .photoBox .item{width:calc(100%/2 - 25px);}
    }
    @media screen and (max-width:767px){
        .Product .photoBox .item{width:calc(100%/2 - 20px);margin-bottom: 25px;}
    }
    @media screen and (max-width:640px){
        .Product .photoBox {margin-top: 30px !important;}
        .Product .photoBox .item{width:calc(100%/2 - 15px);margin-bottom: 20px;}
    }
    @media screen and (max-width:540px){
        .Product .photoBox .item{width:calc(100%/2 - 10px);}
    }
    @media screen and (max-width:460px){
        .Product .photoBox {width:90%; margin: 0 auto;}      
        .Product .photoBox .item{width:calc(100%/1 - 0px);}
        .Product .photoBox .item span font{line-height:160% !important;}
        
        .Product .photoBox .item:hover figure img{border-radius: 20px;}
    }






    
/*** === 3-3 고객지원 > Contact Us === ***/

/** Contact Us === ***/
.Contact.com2 {background: #f9f9f9; padding: 160px 0 ;}
.c3con3 .Contact  h4 br.hide {display: block;}

.c3con3 .tBox .item{width:calc(100%/3 - 40px);transition:all 0.4s ease; }
.c3con3 .tBox .item .txtBox{width:100%;padding:3% 2% 4% 2%; border-top:solid 2px #000; aspect-ratio:16 /10;position: relative;transition:all 0.4s ease;}
.c3con3 .tBox .item .txtBox font *{letter-spacing: -0.01em !important;}
.c3con3 .tBox .item .txtBox .type26{color: #4a4a4a; transition:all 0.4s ease;}
.c3con3 .tBox .item .txtBox .type30{font-weight: 700;letter-spacing: -0.02em !important; margin-top: 15px; transition:all 0.4s ease;}
.c3con3 .tBox .item .txtBox .type22{color: #000; font-weight: 500; letter-spacing: -0.03em !important;transition:all 0.4s ease;}
.c3con3 .tBox .item .txtBox .type24 br.hide{display: none;}

.c3con3 .tBox .item .txtBox:hover{border-top:solid 2px #0e4fc5;}
.c3con3 .tBox .item .txtBox:hover .type30{color: #0e4fc5;}

.c3con3 .tBox .item i{width: 120px; height:120px; display: flex;justify-content: center;align-items: center; background: var(--Color-Blue-Light); border-radius:var(--border-radius-full); margin-top: 20px; transition:all 0.4s ease;}
.c3con3 .tBox .item i figure{width: 80px; height:80px; transition:all 0.4s ease;}
.c3con3 .tBox .item i.i1{display: block;;}

.c3con3 .tBox .item:hover i{background: #d6def7;}


    @media screen and (max-width:1400px){
        .c3con3 .tBox .item{width:calc(100%/3 - 30px);}
    }
    @media screen and (max-width:1280px){
        .c3con3 .w20 {width:18% !important;}
        .c3con3 .w75 {width:80% !important;}
        
        .c3con3 .tBox .item .txtBox{aspect-ratio:16 /11;}
        .c3con3 .tBox .item .txtBox .type24 br.hide{display: block;}
        
        .c3con3 .tBox .item i{width: 100px; height:100px;}
        .c3con3 .tBox .item i figure{width: 60px; height:60px;}
    }
    @media screen and (max-width:1100px){
        .c3con3 .Contact h4 br.hide {display: none;}
        .c3con3 .w20, .c3con3 .w75 {width:100% !important;}
        .c3con3 .w75 {margin-top: 20px !important;}
        
        .c3con3 .tBox .item .txtBox .type24 br.hide{display: none;}
    }
    @media screen and (max-width:960px){
        .Contact.com2 {padding: 140px 0 ;}
        .c3con3 .w75 {margin-top: 30px !important;}
        
        .c3con3 .tBox .item{width:calc(100%/3 - 20px);}
    }
    @media screen and (max-width:860px){
        .c3con3 .tBox .item .txtBox{aspect-ratio:16 /12;}
        
        .c3con3 .tBox .item .txtBox .type24 br.hide{display: block;}
    }
    @media screen and (max-width:767px){
        .c3con3 .tBox .item{width:calc(100%/1 - 0px);}
        .c3con3 .tBox .item .txtBox{padding:2% 3% 4% 3%;  aspect-ratio:16 /5;}
        .c3con3 .tBox .item .txtBox .type24 br.hide{display: none;}
        
        .c3con3 .tBox .item i{width: 80px; height:80px; position: absolute;margin-top: 0px; right: 1%; bottom:43%;}
        .c3con3 .tBox .item i figure{width: 50px; height:50px;}
    }
    @media screen and (max-width:640px){        
        .c3con3 .tBox .item i{bottom:40%;}
    }
    @media screen and (max-width:540px){    
        .c3con3 .Contact{margin-top: 100px !important;}      
        .c3con3 .tBox .item .txtBox{aspect-ratio:16 /6;}    
        .c3con3 .tBox .item i{bottom:40%;}
    }
    @media screen and (max-width:420px){    
        .c3con3 .tBox .item .txtBox{aspect-ratio:16 /7;}    
    }
    @media screen and (max-width:360px){    
        .c3con3 .tBox .item .txtBox{aspect-ratio:16 /8;}   
        
        .c3con3 .tBox .item i{width: 65px; height:65px;bottom:43%;}
        .c3con3 .tBox .item i figure{width: 40px; height:40px;}
    }
    @media screen and (max-width:320px){    
        .c3con3 .tBox .item i{bottom:32%;}
    }




.Contact.com2 .staffBox{}
.Contact.com2 .staffBox>*{padding:18px 0;border-right:solid 1px #dedede;}
.Contact.com2 .staffBox>*:last-child{border-right:none;}

.Contact.com2 .staffBox>.area{width:35%;}
.Contact.com2 .staffBox>.name{width:25%;}
.Contact.com2 .staffBox>.tel{width:40%;}

.Contact.com2 .staffBox.titBox{background:#f0f2f9;border-top:solid 2px #0e4fc5;border-bottom:solid 1px #0e4fc5;}
.Contact.com2 .staffBox.titBox *{text-align:center;color:#0e4fc5;font-weight:bold;}

.Contact.com2 .staffBox.conBox{border-bottom:solid 1px #dedede;transition:all 0.3s ease;}
.Contact.com2 .staffBox.conBox:hover{background:rgba(0,0,0,0.03);}
.Contact.com2 .staffBox.conBox font{text-align:center;}

    @media screen and (max-width:1100px){
    .Contact.com2 .staffBox>.area{width:30%;}
    .Contact.com2 .staffBox>.name{width:30%;}
    .Contact.com2 .staffBox>.tel{width:40%;}

    .Contact.com2 .staffBox.titBox{height:0;overflow:hidden;}

    .Contact.com2 .staffBox.conBox{padding:16px 0;}
    .Contact.com2 .staffBox.conBox>*{padding:0 0 0 10px !important;border-right:none;}
    .Contact.com2 .staffBox.conBox font{text-align:left;}
    .Contact.com2 .staffBox>.name *{color:#0e4fc5;font-weight:bold;}
    /*
    .Contact.com2 .staffBox>.tel *{margin-top:10px;}
    .Contact.com2 .staffBox>.tel *,
    .Contact.com2 .staffBox>.email *{padding-left:30px;position:relative;background-size:20px !important;}
    .Contact.com2 .staffBox>.tel *{background:url(/sub1/img/icon2.png) no-repeat 0 center;}
    .Contact.com2 .staffBox>.email *{background:url(/sub1/img/icon3.png) no-repeat 0 center;}
    */
    }
    @media screen and (max-width:860px){
    .Contact.com2 .w40{width:55% !important;}   
    .Contact.com2 .w55{width:40% !important;}    
        
    .Contact.com2 .staffBox>.area{width:100%;margin-bottom: 5px;}
    .Contact.com2 .staffBox>.area font{width: 130px; padding: 2px 12px;background: #000; border-radius: 50px; color: #fff !important; text-align: center;}
    .Contact.com2 .staffBox>.name{width:50%;}
    .Contact.com2 .staffBox>.name font{padding-left: 20px;}
    .Contact.com2 .staffBox>.tel{width:50%;}
        
    .Contact.com2 .staffBox.conBox{padding:10px 0;}
    .Contact.com2 .staffBox.conBox font{font-size: 14px !important;}
    }
    @media screen and (max-width:640px){
    .Contact.com2 .w40{width:70% !important; margin: 0 auto;}   
    .Contact.com2 .w55{width:80% !important; margin: 0 auto; margin-top: 30px;}   
        
    .Contact.com2 .staffBox.conBox{padding:15px 0 12px 0;}
        
    .Contact.com2 .staffBox>.area{width:35%;}
    .Contact.com2 .staffBox>.name{width:30%;}
    .Contact.com2 .staffBox>.tel{width:35%;}
        
    .Contact.com2 .staffBox>.area font{width: auto; padding:0;background: none; border-radius:  none; color: #000 !important; text-align: left;}
    .Contact.com2 .staffBox>.name font{padding-left: 0px;font-size: 15px !important;}
    }
    @media screen and (max-width:500px){
    .Contact.com2 .w40{width:80% !important;}   
    .Contact.com2 .w55{width:90% !important;}   
    }
    @media screen and (max-width:460px){
    .Contact.com2 .w40{width:90% !important;}   
    .Contact.com2 .w55{width:96% !important;}   
        
    .Contact.com2 .staffBox>.area{width:35%;}
    .Contact.com2 .staffBox>.name{width:30%;}
    .Contact.com2 .staffBox>.name *{font-weight:normal;}
    .Contact.com2 .staffBox>.tel{width:35%;}
    .Contact.com2 .staffBox>.tel *{text-align: center;}
        
    .Contact.com2 .staffBox.conBox font{font-size: 13px !important;}
    }












/*4-3. 다운로드 */
:root {
  /* color */
  --Color-Gray-999: #000;
  --Color-Gray-900: #1A1A1A;
  --Color-Gray-800: #4D4D4D;
  --Color-Gray-700: #666;
  --Color-Gray-500: #999;
  --Color-Gray-400: #CCC;
  --Color-Gray-300: #D9D9D9;
  --Color-Gray-200: #E5E5E5;
  --Color-Gray-100: #F0F0F0;
  --Color-Gray-50: #F5F5F5;
  --Color-Gray-White: #FFF;
  --Color-Gray-Black: #000;

  --Color-Green-Primary: #008233;
  --Color-Blue-Primary: #003087;
  --Color-Blue-Light:#F1F4F8;
  
  --Color-Red: #EC0808;
  --Color-Orange: #C25400;

  --Color-Blue-900: #001023;
  --Color-Blue-500: #002554;

  --Color-Green-500: #00AD1D;
  --Color-Green-Eco: #00E600;

  /* border-radius */
  --border-radius-xs: 4rem;
  --border-radius-sm: 8rem;
  --border-radius-md: 12rem;
  --border-radius-lg: 24rem;
  --border-radius-full: 50%;

  /* transition */
  --transition-icon: all 0.4s ease;
  --transition-default: all 1s ease;
}





/** 제품 검색 **/
.searchWrap {}
.searchWrap .searchBox {width: 90%; background: #edf2fb; border-radius: 10px; padding: 3.5% 5% 3% 5%; margin:  0 auto;}
.searchWrap .searchBox .sBox{width: calc(100% / 2.1);}

    @media screen and (max-width:1280px) {
    .searchWrap .searchBox {width: 100%;}
    .searchWrap .searchBox .type18 {font-size: 18px !important;}
    }
    @media screen and (max-width:1100px) {
    .searchWrap .searchBox {padding: 4% 4.5% 3.5% 4.5%;}
    .searchWrap .searchBox .type18 {font-size: 17px !important;}
    }
    @media screen and (max-width:840px) {
    .searchWrap .searchBox .type18 {font-size: 16px !important;}
    }
    @media screen and (max-width:767px) {
    .searchWrap .searchBox {padding: 4.5% 4.5% 4% 4.5%;}
    .searchWrap .searchBox .sBox{width: calc(100% / 2.07);}
    }
    @media screen and (max-width:640px) {
    .searchWrap .searchBox {padding: 4.5% 5% 4% 5%;}
    .searchWrap .searchBox .sBox{width: calc(100% / 2.07);}
    }
    @media screen and (max-width:540px) {
    .searchWrap .searchBox {padding: 5.5% 7% 5% 7%;}
    .searchWrap .searchBox .sBox{width: calc(100% / 1);}
    .searchWrap .searchBox .sBox:nth-child(2){margin-top: 20px;}
    }
    @media screen and (max-width:360px) {
    .searchWrap .searchBox {padding: 9% 9% 8% 9%;}
    }




.tabMainMenu li {width:calc(50%/2.0);margin:0 10px;transition:all 0.4s ease;}
.tabMainMenu li a{width:100%; padding:22px 10px; display:block;text-align:center;background: #fff; border:solid 1px #9c9c9c; color: #000; font-family:'Pretendard-Medium'; border-radius:40px;font-size:22px; letter-spacing: -0.02em;/}
.tabMainMenu li a i{width:24px;height:2px;margin-left:18px;margin-top:5px;background:#343434;display:inline-block;position:relative;right:0;top:6px;transition:all 0.2s ease;transition:all 0.2s ease;}
.tabMainMenu li a:hover i{width:34px;transition:all 0.2s ease;}
.tabMainMenu li a i:after{width:8px;height:8px;border:solid #343434;border-width:2px 2px 0 0;position:absolute;top:calc(50% - 5px);right:0;display:block;content:"";transform:rotate(45deg);}
.tabMainMenu li.active a{background:#0e4fc5; border:solid 1px #0e4fc5;color:#fff;}
.tabMainMenu li.active a i{background:#fff;}
.tabMainMenu li.active a i:after{border-color:#fff;}

.tabMain-cont .tit{font-weight:600;color:#171717;line-height:120% !important;}
.tabMain-cont .tit br.hide{display:none;}

    @media screen and (max-width:1280px) {
    .tabMainMenu li {width:calc(60%/2.0);}
    .tabMainMenu li a{font-size:21px !important; padding:20px 10px !important;}
    }
    @media screen and (max-width:1100px) {
    .tabMainMenu li {width:calc(70%/2.0);font-size:20px !important;}
    .tabMainMenu li a{font-size:19px !important;}
    }
    @media screen and (max-width:920px) {
    .tabMainMenu li {width:calc(75%/2.0);margin:0 7px;}
    }
    @media screen and (max-width:767px) {
    .tabMainMenu li {width:calc(85%/2.0);margin:0 6px;}
    .tabMainMenu li a{padding:19px 10px !important;font-size:19px !important;}
    .tabMainMenu li a i{top:5px;}
    }
    @media screen and (max-width:640px) {
    .tabMainMenu li{width:calc(50% - 8px);margin:0 4px;}
    .tabMainMenu li a{width:100%;margin:0;padding:18px 10px !important;font-size:18px !important;}
    }
    @media screen and (max-width:560px) {
    .tabMainMenu li {width:calc(90%/1.0);margin:0 2px 6px 2px;}
    }
    @media screen and (max-width:500px) {
    .tabMainMenu li a{font-size:17px !important;padding:16px 10px !important;}
    .tabMainMenu li a i{top:4px;}
    }
    @media screen and (max-width:460px) {
    .tabMainMenu li {width:calc(95%/1.0);margin:0 2px 10px 2px !important;}
        
    .tabMainMenu li a{font-size:16px !important;padding:15px 10px !important;}
    .tabMainMenu li a i{top:4px;}
    }
    @media screen and (max-width:420px) {
    .tabMainMenu li{margin:0 2px 5px 2px !important;}
    .tabMainMenu li a{font-size:16px !important;}
    }


/** 사용설명서 **/
.tabMain-cont .manualBox {width: calc(100% / 2.1); margin-bottom: 20px; border:solid 2px #ddd; padding: 2% 3%; border-radius: 10px;transition:all 0.3s ease;}
.tabMain-cont .manualBox:hover {border:solid 2px #0e4fc5;}
.tabMain-cont .manualBox .type24 {font-family:'Pretendard-Bold';padding-left: 20px;}

    @media screen and (max-width:1600px) {
    .tabMain-cont .manualBox {width: calc(100% / 2.07);}
    }
    @media screen and (max-width:1400px) {
    .tabMain-cont .manualBox {width: calc(100% / 2.05);margin-bottom: 15px;}
    }
    @media screen and (max-width:1100px) {
    .tabMain-cont .manualBox {width: calc(100% / 2.15);padding: 4% 3%;}
    }
    @media screen and (max-width:960px) {
    .tabMain-cont .manualBox {width: calc(100% / 2.1);margin-bottom: 10px;}
    }
    @media screen and (max-width:767px) {
    .tabMain-cont .manualBox {width: calc(100% / 2.05);}
    .tabMain-cont .manualBox .type24 {font-size: 20px !important;}
    }
    @media screen and (max-width:560px) {
    .tabMain-cont .manualBox {width: calc(100% / 1);padding: 4% 5%;margin-bottom: 7px;}
    .tabMain-cont .manualBox .type24 {font-size: 20px !important;}
    }
    @media screen and (max-width:460px) {
    .tabMain-cont .manualBox {width: calc(100% / 1);padding: 5% 6%;}
    }
    @media screen and (max-width:360px) {
    .tabMain-cont .manualBox {width: calc(100% / 1);padding: 6% 5%;}
    }




/* border button */
.border-btn{width: calc(100% / 2.2); display:inline-flex; align-items: center; justify-content: center; padding:20px 10px 18px 20px;  margin: 5px 10px; border-radius:28rem; transition:background 0.4s ease; border:1px solid var(--Color-Gray-300); background:var(--Color-Gray-White);transition:all 0.2s ease;}
.border-btn span{color:var(--Color-Gray-700); font-size:17px !important; line-height:140%; letter-spacing: -0.03em; font-family:'GmarketSansMedium' !important;transition:all 0.2s ease;}
.border-btn:hover{background:var(--Color-Gray-50); }
.border-btn:active{background:var(--Color-Gray-50) !important;}
.border-btn.download span{background:url("/sub4/img/icon-file-download.svg") no-repeat right center/30px auto;width: 85%;}
.border-btn:hover.download span{color: color:var(--Color-Gray-999);transition:all 0.2s ease;}
.border-btn.black {border: 1px solid var(--Color-Gray-900);}
.border-btn.black.link span {background:url("/sub4/img/icon-btn-link-black.svg") no-repeat right center/30px auto 100px auto;width: 85%;transition:all 0.2s ease;}
.border-btn.black.disabled {border:1px solid var(--Color-Gray-300);}

    @media screen and (max-width:1400px) {
    .border-btn{width: calc(100% / 2.15); padding:18px 10px 16px 20px;  margin: 5px 8px; }
    }
    @media screen and (max-width:1280px) {
    .border-btn{margin: 5px 7px;}
    }
    @media screen and (max-width:1100px) {
    .border-btn{width: calc(100% / 1.0); margin: 5px 10px;}
    .border-btn span{font-size:16px !important;}
    }
    @media screen and (max-width:960px) {
    .border-btn{width: calc(100% / 1);}
    }
    @media screen and (max-width:767px) {
    .border-btn span{font-size:15px !important;}
    }
    @media screen and (max-width:560px) {
    .border-btn{padding:18px 10px 16px 20px; margin: 5px 12px;}
    .border-btn span{font-size:17px !important;}
    }
    @media screen and (max-width:460px) {
    .border-btn span{font-size:16px !important;}
    }
    @media screen and (max-width:360px) {
    .border-btn span{font-size:15px !important;}
    }






/** 카탈로그 **/
/**************************************************************
* gallery *
**************************************************************/
.GalleryLayout{width:100%;}
.GalleryLayout .photoList.catalogBox{position:relative;}
.GalleryLayout .photoList.catalogBox ul{clear:both;overflow:hidden;}
.GalleryLayout .photoList.catalogBox ul li{float:left;width:calc(100%/4 - 25px) !important;margin:12px !important;border:1px #ddd solid; border-radius: 10px;}
.GalleryLayout .photoList.catalogBox ul li a{width:100%;padding:12px;display:block;}

.GalleryLayout .photoList.catalogBox ul li a .imgArea{width:100%;height: 470px !important; padding-top:65%;display:block;overflow:hidden;position:relative;transition:all 0.3s ease;}
.GalleryLayout .photoList.catalogBox ul li a .imgArea:before{width:100%;height:100%;background:rgba(33,76,206,0.9);position:absolute;top:0;left:0;display:block;content:"";z-index:9;opacity:0;transition:all 0.3s ease;}
.GalleryLayout .photoList.catalogBox ul li a .imgArea span font{letter-spacing: -0.03em;transition:all 0.3s ease;}
.GalleryLayout .photoList.catalogBox ul li:hover a .imgArea:before{opacity:1;transition:all 0.3s ease;}


.GalleryLayout .photoList.catalogBox ul li a .imgArea i{width:0;height:0;text-align:center;border:solid 1px #fff;border-radius:50%;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);display:block;content:"";transition:all 0.3s ease;z-index:99;opacity:0;}
.GalleryLayout .photoList.catalogBox ul li:hover a .imgArea i{width:70px;height:70px;opacity:1;transition:all 0.3s ease;}

.GalleryLayout .photoList.catalogBox ul li a .imgArea i:after{width:0;height:0;border:solid #fff;border-width:3px 3px 0 0;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%) rotate(135deg);display:block;content:"";z-index:100;opacity:0;transition:all 0.3s ease;}
.GalleryLayout .photoList.catalogBox ul li:hover a .imgArea i:after{width:10px;height:10px;top:50%;left:50%;transform:translate(-48%, -52%) rotate(135deg);opacity:1;transition:all 0.3s ease;}



.GalleryLayout .photoList.catalogBox ul li a .imgArea img{width:100%;min-height:100%;position:absolute;top:0;left:0;display:block;}

.GalleryLayout .photoList.catalogBox ul li a .txtArea{width:100%;padding:15px 10px !important; padding-bottom: 5px !important; display:flex;}
.GalleryLayout .photoList.catalogBox ul li a .txtArea font.type20{width:85%;font-weight: 300 !important; letter-spacing: -0.05em;white-space: nowrap; overflow: hidden; text-overflow: ellipsis;transition:all 0.3s ease;}
.GalleryLayout .photoList.catalogBox ul li a .txtArea i.down{width: 40px; height: 40px; padding: 10px !important; display:inline-block; background: url(/sub4/img/i_download.png) center center no-repeat #f7f7f7; border-radius: 6px;transition:all 0.3s ease;}
.GalleryLayout .photoList.catalogBox ul li a:hover .txtArea i.down{background: url(/sub4/img/i_download_on.png) center center no-repeat  #eee;}
.GalleryLayout .photoList.catalogBox ul li a .txtArea .tt{width:100%;padding-bottom:15px;font-size:17px;color:#333;font-weight:500;line-height:120%;overflow:hidden;display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.GalleryLayout .photoList.catalogBox ul li a .txtArea .info{width:100%;overflow:hidden;}
.GalleryLayout .photoList.catalogBox ul li a .txtArea .info span{padding-right:20px;font-size:15px;line-height:120%;font-weight:300;display:inline-block;}
.GalleryLayout .photoList.catalogBox ul li a .txtArea .info .name{color:#333;}
.GalleryLayout .photoList.catalogBox ul li a .txtArea .info .day{color:#777;}


    @media screen and (max-width:1600px){
    .GalleryLayout .photoList.catalogBox ul li a .imgArea{height: 410px !important;}
    }
    @media screen and (max-width:1500px){
    .GalleryLayout .photoList.catalogBox ul li a .imgArea{height: 370px !important;}
    }
    @media screen and (max-width:1400px){
    .GalleryLayout .photoList.catalogBox ul li{width:calc(100%/4 - 20px) !important;margin:10px !important;}
    .GalleryLayout .photoList.catalogBox ul li a .imgArea{height: 320px !important;}
    }
    @media screen and (max-width:1280px){
    .GalleryLayout .photoList ul li:hover a .imgArea i{width:60px;height:60px;}
    .GalleryLayout .photoList ul li:hover a .imgArea i:after{width:8px;height:8px;}
    }
    @media screen and (max-width:1100px){
    .GalleryLayout .photoList.catalogBox ul li{width:calc(100%/3 - 20px) !important;margin:10px !important;}
    .GalleryLayout .photoList.catalogBox ul li a{padding:10px;}
    .GalleryLayout .photoList.catalogBox ul li a .imgArea{height: 400px !important;}
        
    .GalleryLayout .photoList ul li{width:calc(100%/2 - 10px);margin:5px;}
    .GalleryLayout .photoList ul li a{padding:10px;}

    .GalleryLayout .photoList ul li a .txtArea{padding:15px 5px;}
    .GalleryLayout .photoList ul li a .txtArea .tt{font-size:16px;}
    .GalleryLayout .photoList ul li a .txtArea .info span{padding-right:15px;font-size:14px;}
    }
    @media screen and (max-width:960px){
    .GalleryLayout .photoList.catalogBox ul li a .imgArea{height: 320px !important;}
    }
    @media screen and (max-width:860px){
    .GalleryLayout .photoList.catalogBox ul li{width:calc(100%/3 - 15px) !important;margin:7px !important;}
    .GalleryLayout .photoList.catalogBox ul li a .imgArea{height: 270px !important;}
    }
    @media screen and (max-width:767px){
    .GalleryLayout .photoList.catalogBox ul li { border-radius: 8px;}
    .GalleryLayout .photoList.catalogBox ul li a{padding:8px;}
    .GalleryLayout .photoList.catalogBox ul li a .imgArea{height: 240px !important;}
    }
    @media screen and (max-width:640px){
    .GalleryLayout .photoList.catalogBox ul li{width:calc(100%/2 - 15px) !important;margin:7px !important;}
    .GalleryLayout .photoList.catalogBox ul li a{padding:10px;}
    .GalleryLayout .photoList.catalogBox ul li a .imgArea{height: 300px !important;}
    .GalleryLayout .photoList.catalogBox ul li a .txtArea{padding:10px 7px !important; padding-bottom: 2px !important;}
    .GalleryLayout .photoList.catalogBox ul li a .txtArea font.type20{font-size: 17px !important;}
        
    .GalleryLayout .photoList ul li{width:calc(100%/2 - 6px);margin:3px;}

    .GalleryLayout .photoList ul li:hover a .imgArea i{width:45px;height:45px;}
    .GalleryLayout .photoList ul li a .imgArea i:after{border-width:2px 2px 0 0;}
    .GalleryLayout .photoList ul li:hover a .imgArea i:after{width:6px;height:6px;}

    .GalleryLayout .photoList ul li a .txtArea{padding:15px 0;}
    .GalleryLayout .photoList ul li a .txtArea .tt{padding-bottom:8px;font-size:15px;}
    .GalleryLayout .photoList ul li a .txtArea .info span{padding-right:12px;font-size:13px;}
    }
    @media screen and (max-width:540px){
    .GalleryLayout .photoList.catalogBox ul li a .imgArea{height: 250px !important;}
    .GalleryLayout .photoList.catalogBox ul li a .txtArea font.type20{font-size: 16px !important;}
    }
    @media screen and (max-width:460px){
    .GalleryLayout .photoList.catalogBox ul li{width:calc(100%/1 - 0px) !important;margin:10px auto !important;}
    .GalleryLayout .photoList.catalogBox ul li a{padding:20px; padding-bottom: 10px !important;}
    .GalleryLayout .photoList.catalogBox ul li a .imgArea{height: 460px !important;}
    .GalleryLayout .photoList.catalogBox ul li a .txtArea{padding:10px 7px !important; padding-bottom: 6px !important;}
    .GalleryLayout .photoList.catalogBox ul li a .txtArea font.type20{font-size: 18px !important;}
        
    .GalleryLayout .photoList ul li a{padding:6px;}

    .GalleryLayout .photoList ul li:hover a .imgArea i{width:35px;height:35px;}

    .GalleryLayout .photoList ul li a .txtArea{padding:10px 0;}
    .GalleryLayout .photoList ul li a .txtArea .tt{padding-bottom:6px;}
    }
    @media screen and (max-width:400px){
    .GalleryLayout .photoList.catalogBox ul li a .imgArea{height: 400px !important;}
    .GalleryLayout .photoList.catalogBox ul li a .txtArea font.type20{font-size: 17px !important;}
    }
    @media screen and (max-width:360px){
    .GalleryLayout .photoList.catalogBox ul li a{padding:12px; padding-bottom: 7px !important;}
    .GalleryLayout .photoList.catalogBox ul li a .imgArea{height: 340px !important;}
    .GalleryLayout .photoList.catalogBox ul li a .txtArea font.type20{font-size: 16px !important;}
    }
    @media screen and (max-width:320px){
    .GalleryLayout .photoList.catalogBox ul li a .imgArea{height: 300px !important;}
    }




.GalleryLayout.portfolio .photoList ul li{width:calc(100%/4 - 20px);}
.GalleryLayout.portfolio .photoList ul li a .imgArea{position:relative;}
.GalleryLayout.portfolio .photoList ul li a .imgArea span{width:100%;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);display:block;z-index:99;}
.GalleryLayout.portfolio .photoList ul li a .imgArea font{width:80%;margin:0 auto;color:#fff;font-weight:bold;text-align:center;margin-bottom:60px;opacity:0;transition:all 0.3s ease;}
.GalleryLayout.portfolio .photoList ul li:hover a .imgArea font{opacity:1;transition:all 0.3s ease;}
.GalleryLayout.portfolio .photoList ul li a .imgArea i{position:relative;}

.GalleryLayout.portfolio .photoList ul li a .txtArea .tt{height: 60px; font-size:20px;font-weight:400; overflow: visible; display: inline; white-space: normal; text-overflow: clip;}
.GalleryLayout.portfolio .photoList ul li a .txtArea .tt font{margin-right:10px;display:inline-block;word-wrap:break-word;word-break:keep-all;font-weight:400 !important; letter-spacing: -0.03em; color:#2b2b2b;}
.GalleryLayout.portfolio .photoList ul li a .txtArea .tt b{display:inline-block;word-wrap:break-word;word-break:keep-all;font-weight:bold;color:#2b2b2b;}
.GalleryLayout.portfolio .photoList ul li a .txtArea .info{margin-top:5px;}
.GalleryLayout.portfolio .photoList ul li a .txtArea .info .name{font-size:20px;}

@media screen and (max-width:1280px){
.GalleryLayout.portfolio .photoList ul li a .txtArea .tt{font-size:21px;}
.GalleryLayout.portfolio .photoList ul li a .txtArea .info .name{font-size:16px;}
}
@media screen and (max-width:1100px){
.GalleryLayout.portfolio .photoList ul li a .txtArea .tt{font-size:20px;}
.GalleryLayout.portfolio .photoList ul li a .txtArea .info .name{font-size:15px;}
}
@media screen and (max-width:960px){
.GalleryLayout.portfolio .photoList ul li a .txtArea .tt{font-size:19px;}
}
@media screen and (max-width:767px){
.GalleryLayout.portfolio .photoList ul li a .txtArea .tt{font-size:18px;}
.GalleryLayout.portfolio .photoList ul li a .txtArea .tt font{margin-right:5px;}
.GalleryLayout.portfolio .photoList ul li a .txtArea .info .name{font-size:14px;}
}
@media screen and (max-width:640px){
.GalleryLayout.portfolio .photoList ul li{width:calc(100%/2 - 6px);}
.GalleryLayout.portfolio .photoList ul li a .txtArea .tt{font-size:16px;}
.GalleryLayout.portfolio .photoList ul li a .txtArea .info .name{font-size:13px;}
}
@media screen and (max-width:560px){
.GalleryLayout.portfolio .photoList ul li a .txtArea .tt{font-size:14px;}
.GalleryLayout.portfolio .photoList ul li a .txtArea .info .name{font-size:12px;}
}







/*********** 연혁 ***********/
.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>div{margin-bottom:200px;position:relative;}
.his>div:last-child{margin-bottom:0 !important;}
.his>div:after{width:20px;height:20px;background:#0e4fc5;border-radius:50%;position:absolute;top:15px;left:50%;transform:translateX(-50%);display:block;content:"";z-index:1;transition:all 0.3s ease;}

.his>div .imgBox{width:50%;padding-right:50px; position: relative;/*display:flex;justify-content:flex-end;*/transition:all 0.3s ease;}
.his>div .imgBox h2{font-weight: 700 !important;font-family: "Saira", sans-serif !important; display: block; margin-top: -10px;transition:all 0.3s ease;}
.his>div .imgBox img{width:70%; display: block; border-radius: 20px; position: absolute;right: 0;transition:all 0.3s ease;}
.his>div .imgBox img.R{left: 0 !important;}
.his>div .txtBox{width:50%;}
.his>div .txtBox .item{width:100%;padding-left:50px;margin-bottom:20px;transition:all 0.3s ease;}
/*.his>div .txtBox .item .month{width:120px;text-align:center;margin-top:12px;font-family:'GmarketSansMedium'; float:left;}*/
.his>div .txtBox .item ul{/*width:calc(100% - 120px);margin-top:14px;padding-left:20px;float:left;*/}
.his>div .txtBox .item ul li{width: 100%;/* padding-bottom:6px;*/font-size:22px;line-height:120%;color:#848383; font-family:'Pretendard-Regular' !important; margin-top:14px; word-wrap:break-word;display:block;word-break:keep-all;transition:all 0.3s ease;}
.his>div .txtBox .item ul li b.month{width:120px;font-family:'GmarketSansMedium'; float:left; margin-right: 20px; margin-top: 3px; color: #000;transition:all 0.3s ease;}
.his>div .txtBox .item ul li b.month.R{width:120px; float:right; margin-left: 20px; margin-right: 0;transition:all 0.3s ease;}

.his>div:nth-child(even) .imgBox{padding-right:0;padding-left:50px;justify-content:flex-start;}
.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 ul{order:-1;padding-left:0;padding-right:20px;}
.his>div:nth-child(even) .txtBox .item ul li{text-align:right;}

    @media all and (max-width:1500px){
    .his:after{height:180px;}
    .his>div{margin-bottom:180px;}
    .his>div:after{width:18px;height:18px;top:13px;}

    .his>div .imgBox{padding-right:40px;}
    .his>div .txtBox .item{padding-left:40px;}
    /*.his>div .txtBox .item .month{width:75px;margin-top:6px;}*/
    .his>div .txtBox .item ul{}
    .his>div .txtBox .item ul li{margin-top:12px;font-size:21px; letter-spacing: -0.03em;}
    .his>div .txtBox .item ul li b.month{width:110px;margin-right: 15px; }
    .his>div .txtBox .item ul li b.month.R{width:110px;margin-left: 15px;}
    .his>div .imgBox img{width:90%;}
        

    .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:160px;}
    .his>div:after{width:16px;height:16px;top:12px;}

    .his>div .imgBox img{width:95%; margin-top: 40px;}
    .his>div .txtBox .item ul{padding-left:15px;}
    .his>div .txtBox .item ul li{font-size:20px; margin-bottom: 7px;}
    .his>div .txtBox .item ul li b.month {width:100%; float: left;}
    .his>div .txtBox .item ul li b.month.R {width:100%;margin-left: 0;}
    .his>div .txtBox .item ul.rightBox li {display: flex; flex-direction: column-reverse;}

    .his>div:nth-child(even) .txtBox .item .month{text-align:right;}
    .his>div:nth-child(even) .txtBox .item ul{padding-right:15px;}
    }
    @media all and (max-width:1100px){
    .his:after{height:140px;}
    .his>div{margin-bottom:140px;}
    .his>div:after{width:14px;height:14px;top:11px;}

    .his>div .imgBox h2{margin-top: -5px;}
    .his>div .txtBox .item ul{padding-left:10px;}
    .his>div:nth-child(even) .txtBox .item ul{padding-right:10px;}
    }
    @media all and (max-width:960px){
    .his:after,
    .his:before{display:none;}
    .his>div{margin-bottom:120px;padding-top:50px;border-top:solid 1px rgba(0,0,0,0.15);position:relative;}
    .his>div:after{width:60px;height:6px;top:-3px;left:0;transform:translateX(0);border-radius:0;}

    .his>div .imgBox h2{text-align: left !important;}
        
    .his>div .imgBox{width:40%;padding-right:0;}
    .his>div .imgBox img{width:100%;}
    .his>div .txtBox{width:60%;padding-left:5%;}
    .his>div .txtBox .item{padding-left:0;margin-bottom:10px;}
    .his>div .txtBox .item ul{width:100%;margin-top:8px;padding-left:0;}
    .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 .month{text-align:left;}
    .his>div:nth-child(even) .txtBox .item ul{order:0;padding-right:0;}
    .his>div:nth-child(even) .txtBox .item ul li{text-align:left;}
    }
    @media all and (max-width:767px){
    .his>div{padding-top:40px;margin-bottom:100px;}
    .his>div:after{width:50px;}
    }
    @media all and (max-width:640px){
    .his>div{padding-top:30px;margin-bottom:120px;}
    .his>div:after{width:40px;}
        
    .his>div .imgBox{width:100%;}
    .his>div .imgBox h2{margin-top: 0px; font-size: 40px !important;}
    .his>div .imgBox img{width:120%; right: -10%; bottom:-2000%; opacity: .3; display: block;}
    .his>div .imgBox:nth-child(1) img{bottom:-1300%;}
    .his>div .imgBox img.R{left: auto !important; right: -10%;  display: block; opacity: .3;}
    .his>div .txtBox{width:100%;padding-left:0;margin-top:0px;}

    .his>div .txtBox .item ul li{padding-bottom:5px;font-size:17px;}
    }
    @media all and (max-width:460px){
    .his>div .imgBox h2{font-size: 36px !important;}
    }



.history-con-wrap{position:relative; overflow: hidden;}
.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:#0e4fc5;z-index:1;}
.percent-bar-child .point{width:6px;height:150px;display:block;background-color:#0e4fc5;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;}
    }





/*********** 오시는길 ***********/
.mappage{display:flex;flex-wrap:wrap;}
.mappage li{margin-right:80px;text-align:left;}
.mappage li>div{font-size:18px;color:#59534a;font-weight:300;line-height:34px;font-weight:normal;}
.mappage li>div>h1{padding-left:35px;font-size:22px;color:#000;font-weight:bold;}
.mappage .location{background:url(/sub1/img/icon1.png) no-repeat 0 1px;}
.mappage .tel{background:url(/sub1/img/icon2.png) no-repeat 0 0;}
.mappage .fax{background:url(/sub1/img/icon4.png) no-repeat 0 0;}
.mappage .email{background:url(/sub1/img/icon3.png) no-repeat 0 0;}

#daumRoughmapContainer1752121809749 .cont .section *{font-size:18px;line-height:140%;}
#daumRoughmapContainer1752121809749 .cont .section .icon_bus{margin-top:5px;}

@media all and (max-width:1280px) {
#daumRoughmapContainer1752121809749 .cont .section *{font-size:17px;}
#daumRoughmapContainer1752121809749 .cont .section .icon_bus{margin-top:3px;}
}
@media all and (max-width:1100px) {
.mappage li{margin-right:50px;}
.mappage li>div{font-size:17px;line-height:30px;background-size:20px auto !important;}
.mappage li>div>h1{padding-left:30px;font-size:21px;}

#daumRoughmapContainer1752121809749 .cont .section *{font-size:16px;}
#daumRoughmapContainer1752121809749 .cont .section .icon_bus{margin-top:2px;}
}
@media all and (max-width:960px) {
.mappage li{width:100%;margin-bottom:20px;margin-right:0;}
.mappage li>div{font-size:16px;line-height:24px;font-weight:400;}
.mappage li>div>h1{padding-left:35px;font-size:20px;}
}
@media all and (max-width:767px) {
#daumRoughmapContainer1752121809749 .cont .section *{font-size:15px;}
#daumRoughmapContainer1752121809749 .cont .section .icon_bus{margin-top:1px;}
}
@media all and (max-width:640px) {
#daumRoughmapContainer1752121809749 .cont .section *{font-size:14px;}
#daumRoughmapContainer1752121809749 .cont .section .icon_bus{margin-top:0;}
}
@media all and (max-width:380px) {
.mappage li>div{font-size:15px;}
.mappage li>div>h1{font-size:19px;}
}





/** 데이터수 **/
.csBox{width: 96%; margin: 0 auto; display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;}
.listboard.GalleryLayout .csBox{padding-left:10px;padding-right:10px;}
.csBox .count{font-size:17px;}
.csBox .count.pc{display:block !important;}
.csBox .count.mobile{display:none !important;}
.csBox .count b.point{color:#1668ff;}

@media screen and (max-width:1100px){
.csBox .count{font-size:17px;}
}
@media screen and (max-width:767px){
.csBox .count{font-size:16px;}
}
@media screen and (max-width:640px){
.csBox .count{width:100%;font-size:15px;}
.csBox .count.pc{display:none !important;}
.csBox .count.mobile{display:block !important;}
.csBox form{width:100%;}
}
@media screen and (max-width:500px){
}









/********************************* 자료실  *********************************/


/*********** 작업동영상 ***********/
.b-modal.__b-popup1__{opacity:0.7 !important;background: rgba(0,0,0,.85) !important;}

.movieConBox{align-items:center;position:relative;}

.movieConBox a{width:calc(100% / 3.1) !important;padding:15px 15px 10px 15px !important;margin:0 10px; margin-bottom: 24px; border:solid 2px #ddd;border-radius:10px;background:#fff; color: #555; display:block;position:relative;transition-delay:0;display:flex;flex-direction:column;flex-wrap:wrap;transition:all 0.3s ease;}
.movieConBox a:nth-child(3n+1){margin-left:0; }
.movieConBox a:nth-child(3n){margin-right:0;}
/*.movieConBox a .Movie {width: 100%; height: 270px;}*/
.movieConBox a .Movie iframe{width:100%;height: 100%;transition:all 0.3s ease;}
.movieConBox a .Movie img{display: block;}
.movieConBox a .txtBox{width:100%; text-align: center; padding: 10px 0; margin-top: 7px; overflow:hidden;white-space:nowrap;text-overflow:ellipsis;transition:all 0.3s ease;}

.movieConBox a:hover{border:solid 2px #0e4fc5;}
.movieConBox a:hover *{color:#0e4fc5; font-weight: 700;}

    @media screen and (max-width:1500px) {
    /*.movieConBox a .Movie {height: 220px;}*/
    .movieConBox a .txtBox{padding: 8px 0; margin-top: 5px;}
    }
    @media screen and (max-width:1400px) {
    .movieConBox a{width:calc(100% / 3.12) !important;padding:12px 12px 10px 12px !important;}
    }
    @media screen and (max-width:1280px) {
    .movieConBox a{width:calc(100% / 3.12) !important;padding:12px 12px 8px 12px !important;border-radius:7px;}
    /*.movieConBox a .Movie {height: 200px;}*/
    .movieConBox a .txtBox{padding: 8px 0; margin-top: 5px;}
    }
    @media screen and (max-width:1160px) {
    .movieConBox a{width:calc(100% / 3.14) !important;}
    }
    @media screen and (max-width:1100px) {
    /*.movieConBox a .Movie {height: 170px;}*/
    }
    @media screen and (max-width:990px) {
    .movieConBox a{width:calc(100% / 3.16) !important;}
    }
    @media screen and (max-width:960px) {
    .movieConBox a{width:calc(100% / 3.11) !important; margin:0 7px; margin-bottom: 15px; border-radius:6px;}
    /*.movieConBox a .Movie {height: 140px;}*/
    .movieConBox a .txtBox{padding: 7px 0; margin-top: 4px;}
    }
    @media screen and (max-width:870px) {
    .movieConBox a{width:calc(100% / 3.12) !important;}
    }
    @media screen and (max-width:810px) {
    .movieConBox a{width:calc(100% / 3.13) !important;}
    }
    @media screen and (max-width:767px) {
    .movieConBox a{width:calc(100% / 2.08) !important; margin:0 auto; margin-bottom: 15px;}
    /*.movieConBox a .Movie {height: 170px;}*/
    .movieConBox a:nth-child(3n+1){margin-left:auto;}
    .movieConBox a:nth-child(3n){margin-right:auto;}
    .movieConBox a .txtBox{padding: 6px 0; margin-top: 3px;}
    .movieConBox a .txtBox font{font-size: 17px !important;}
    }
    @media screen and (max-width:640px) {
    /*.movieConBox a .Movie {height: 140px;}*/
    }
    @media screen and (max-width:560px) {
    .movieConBox{width: 96%; margin: 0 auto;}
    .movieConBox a{width:calc(100% / 1.0) !important; margin:0 auto; margin-bottom: 12px;}
    /*.movieConBox a .Movie {height: 240px;}*/
    .movieConBox a .txtBox font{font-size: 16px !important;}
    }
    @media screen and (max-width:460px) {
    .movieConBox a{margin-bottom: 18px;}
    /*.movieConBox a .Movie {height: 205px;}*/
    .movieConBox a .txtBox font{font-size: 15px !important;}
    }
    @media screen and (max-width:360px) {
    .movieConBox a{margin-bottom: 15px;}
    /*.movieConBox a .Movie {height: 150px;}*/
    .movieConBox a .txtBox{padding: 5px 0;}
    .movieConBox a .txtBox font{font-size: 14px !important;}
    }
    @media screen and (max-width:320px) {
    /*.movieConBox a .Movie {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:25px;border-radius:10px;background:rgba(0,0,0,.4);}


.pop_body{width:100%;}
.pop_body .MovieBox {position:relative;}
.pop_body .MovieBox iframe{width:100%;height: 600px;transition:all 0.3s ease;}
.pop_body .txtBox {width:100%;color: #fff !important; font-family:'Pretendard-Medium';padding: 20px 0 5px 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;padding:20px;}
    .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{padding:15px;}
    /*#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: 20px 0;}
    .pop_body .txtBox .type22{font-size: 18px !important;}
    }
    @media screen and (max-width:540px) {
    /*#popup2 .content{border-radius:15px;}*/
    #popup2 .content{padding:12px;}
    .pop_body .MovieBox iframe{height: 250px;}
    .pop_body .txtBox .type22{font-size: 17px !important;}
    }
    @media screen and (max-width:460px) {
    .pop_body .MovieBox iframe{height: 210px;}
    .pop_body .txtBox .type22{font-size: 16px !important;}
    }
    @media screen and (max-width:420px) {
    /*#popup2 .content{border-radius:12px;}*/
    #popup2 .content{padding:10px;}
    .pop_body .MovieBox iframe{height: 190px;}
    .pop_body .txtBox .type22{font-size: 15px !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:50px !important;height:60px !important; background: #fff; border-radius:50%;border: none !important; position:absolute;right:10%;top:10%;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:4px;height:30px;margin-top:-15px;position:absolute;left:50%;top:50%;background-color:#000;content:'';transform:rotate(45deg);transition:transform .2s ease;}
#popup2 .button.b-close span:before,#popup2 .button.bClose span:before{width:4px;height:30px;margin-top:-15px;position:absolute;left:50%;top:50%;background-color:#000;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{}
#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%;right:9%;}
    }
    @media screen and (max-width:1280px) {
    #popup2 .button.b-close,#popup2 .button.bClose{top:5%;right:5%;}
    }
    @media screen and (max-width:1100px) {
    #popup2 .button.b-close, #popup2 .button.bClose{width:40px !important;height:50px !important;}
        
    #popup2 .button.b-close:before,#popup2 .button.bClose:before{width:3px;height:20px;margin-top:-10px;}
    #popup2 .button.b-close span:before,#popup2 .button.bClose span:before{width:3px;height:20px;margin-top:-10px;}
    }
    @media screen and (max-width:767px) {
    #popup2 .button.b-close,#popup2 .button.bClose{width:38px !important;height:48px !important;top:4%;right:4%;}
    }
    @media screen and (max-width:640px) {
    #popup2 .button.b-close,#popup2 .button.bClose{top:2%;right:2%;}
    }
    @media screen and (max-width:540px) {
    #popup2 .button.b-close,#popup2 .button.bClose{width:30px !important;height:44px !important;}
    }
    @media screen and (max-width:460px) {
    #popup2 .button.b-close,#popup2 .button.bClose{width:24px !important;height:44px !important;}
    }


/*
#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);}
}






/*********** 상담문의 ***********/
.customertelBox{color:#0a9e46;display:table;}
.customertelBox *{display:inline-block;color:#0a9e46;}
.customertelBox img{width:20px;margin-right:10px;margin-bottom:-7px;}

.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 .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 .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 .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) {
.customertelBox img{width:18px;margin-bottom:-5px;}

.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;}
}
@media screen and (max-width:640px) {
.customertelBox img{width:15px;margin-right:6px;margin-bottom:-1px;}

.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:#000 !important;}
.appBox input[type=text]::-moz-input-placeholder{color:#000 !important;}
.appBox input[type=text]::-ms-input-placeholder{color:#000 !important;}

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

/* 다운로드 select */
.appBox select.label {position: relative; width: 100%; height: 60px;  border: 2px solid #ccc; color: #9ea3a6; font-weight: 500;  padding: 13px 15px; border-radius: 5px;transition:all 0.2s ease;}
.appBox select.label:focus {border: 2px solid #000 !important; border-bottom: 0;}



.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;}
    
.appBox select.label {position: relative; width: 100%; height: 60px;  border: 2px solid #ccc; color: #9ea3a6; font-weight: 500;  padding: 13px 15px; border-radius: 5px;transition:all 0.2s ease;}
.appBox select.label:focus {border: 2px solid #000 !important; border-bottom: 0;}
}
@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;}
}




/** 버튼 **/
.appBox .btnBox{width:300px;margin:0 auto;padding:24px 0 20px 0;background:#0a9e46;border-radius:50px;transition:all 0.2s ease;}
.appBox .btnBox:hover{width:340px;transition:all 0.2s ease;}
.appBox .btnBox a{color:#fff;text-align:center;display:block;font-weight:bold;}

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