#main .btn { position:relative; display:inline-block; height:50px; line-height:50px; padding:0 30px; border:1px solid; font-size:16px; overflow:hidden; 
-webkit-border-radius:3px;
-moz-border-radius:3px;
border-radius:3px;
}
#main .btn:before{ content:''; display:block; position:absolute; top:0; right:-50px; bottom:0; left:0; border-right:50px solid transparent; border-bottom:80px solid; 
-webkit-transform:translateX(-100%); 
-moz-transform:translateX(-100%); 
-o-transform:translateX(-100%); 
-ms-transform:translateX(-100%); 
transform:translateX(-100%); 
-webkit-transition:transform .5s; 
-moz-transition:transform .5s; 
-o-transition:transform .5s; 
-ms-transition:transform .5s; 
transition:transform .5s; 
}
#main .btn:hover:before{ 
-webkit-transform:translateX(0); 
-moz-transform:translateX(0); 
-o-transform:translateX(0); 
-ms-transform:translateX(0); 
transform:translateX(0); 
}
#main .btn span{ background:no-repeat right center; position:relative; z-index:4; }

#main .visual{ position:relative; }
#main .visual .vis_arr button{ position:absolute; top:50%; transform:translateY(-50%); z-index:10; width:60px; height:85px; background:rgba(0,0,0,.6) no-repeat center; transition:background .3s; }
#main .visual .vis_arr button:hover{ background-color:#000; }
#main .visual .vis_arr button.prev{ left:0; border-radius:0 10px 10px 0; background-image:url(/img/main/arr_prev.png); }
#main .visual .vis_arr button.next{ right:0; border-radius:10px 0 0 10px; background-image:url(/img/main/arr_next.png); }
#main .visual .pageNum{ position:absolute; top:30%; width:100%; left:0; z-index:4; text-align:right; }
#main .visual .pageNum span{ font-size:15px; font-family: 'Roboto', sans-serif; }
#main .visual .pageNum .current{ color:#dbdbdb; padding-right:10px; margin-right:10px; position:relative; }
#main .visual .pageNum .current:after{ content:''; display:block; width:1px; height:10px; background:rgba(255,255,255,.3); position:absolute; right:0; top:4px; }
#main .visual .pageNum .length{ color:#999; font-weight:300; }
#main .visual .slideArea .item{ width:100%; height:940px;  background:no-repeat center /cover; position:relative; }
#main .visual .slideArea .item1{ background-image:url(/img/main/visual01.jpg); }
#main .visual .slideArea .item2{ background-image:url(/img/main/visual02.jpg); }
#main .visual .slideArea .item3{ background-image:url(/img/main/visual03.jpg); }
#main .visual .slideArea .item4{ background-image:url(/img/main/visual04.jpg); }
#main .visual .slideArea .item > div{ position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); color:#fff; width:100%; }
#main .visual .slideArea .item .inner{ position:relative; }
#main .visual .slideArea .item .inner:after{ content:''; display:block; width:100%; height:1px; background:rgba(255,255,255,.5); position:absolute; left:0; top:111px; }
#main .visual .slideArea .item .left_txt{ float:left; }
#main .visual .slideArea .item .left_txt .bigTxt{ padding-bottom:40px; font-weight:700; font-size:72px; letter-spacing:0.15em; text-transform:uppercase; position:relative; }
#main .visual .slideArea .item .left_txt .bigTxt:after{ content:''; display:block; width:100%; height:1px; background:#fff; position:absolute; left:0; bottom:0; }
#main .visual .slideArea .item .left_txt .txt{ font-size:40px; margin-top:50px; }
#main .visual .slideArea .item .left_txt .txt strong{ font-weight:700; font-size:60px; }
#main .visual .slideArea .item .left_txt .txt strong.sm_txt{ font-size:50px; }
#main .visual .slideArea .item .left_txt .txt span{ display:block; font-size:20px; line-height:1.4; margin-top:26px; }
#main .visual .slideArea .item .right_txt{ float:right; text-align:right; padding-top:30px; }
#main .visual .slideArea .item .right_txt .tit{ font-weight:700; font-size:45px; padding-bottom:20px; }
#main .visual .slideArea .item .right_txt .txt{ font-size:20px; line-height:1.4; margin-top:30px; }
/* #main .visual .slideArea .item3 .right_txt .txt br{ display:none; } */
#main .visual .slideArea .item .right_txt .img{ margin-top:40px; }
#main .visual .slideArea .item .right_txt .img img{ display:inline-block !important; margin-left:20px; }

/* 탭버튼 */
#main .visual .prd_tab{ position:absolute; width:100%; bottom:0; left:0; background:rgba(4,41,76,.7); -ms-overflow-style: none; scrollbar-width: none; }
#main .visual .prd_tab::-webkit-scrollbar{ display: none; }
#main .visual .prd_tab li{ float:left; width:20%; position:relative; }
#main .visual .prd_tab li:after{ content:''; display:block; width:1px; height:75%; background:rgba(255,255,255,.3); position:absolute; right:0; top:50%; 
-webkit-transform:translateY(-50%); 
-moz-transform:translateY(-50%); 
-o-transform:translateY(-50%); 
-ms-transform:translateY(-50%); 
transform:translateY(-50%); 
}
#main .visual .prd_tab li.on { background:#006d9b; }
#main .visual .prd_tab li a{ display:table; width:100%; height:155px; color:#fff; text-align:center; }
#main .visual .prd_tab li a > div{ display:table-cell; vertical-align:middle; }
#main .visual .prd_tab li p{ font-size:24px; font-weight:700; background:no-repeat left center; padding:10px 0; display:inline-block; text-align:left; 
-webkit-box-sizing:border-box; 
-moz-box-sizing:border-box; 
box-sizing:border-box; 
}
#main .visual .prd_tab > ul > li:first-child a{ pointer-events:none; }
#main .visual .prd_tab > ul > li:first-child p{ font-size:30px; text-align:center; font-weight:400; }
#main .visual .prd_tab .menuSlick li:nth-child(1) p{ padding-left:77px; background-image:url(/img/main/tab_icon01.png); }
#main .visual .prd_tab .menuSlick li:nth-child(2) p{ padding-left:77px; background-image:url(/img/main/tab_icon02.png); }
#main .visual .prd_tab .menuSlick li:nth-child(3) p{ padding-left:77px; background-image:url(/img/main/tab_icon05.png); }
#main .visual .prd_tab .menuSlick li:nth-child(4) p{ padding-left:86px; background-image:url(/img/main/tab_icon03.png); }
#main .visual .prd_tab .menuSlick li:nth-child(5) p{ padding-left:90px; background-image:url(/img/main/tab_icon04.png); }
#main .visual .prd_tab li p em{ text-transform:uppercase; font-weight:200; font-size:16px; display:block; margin-bottom:10px; }

/* 탭버튼 슬라이드 */
#main .visual .prd_tab .menuSlick button{ width:30px; height:30px; border:none; background:none; position: absolute; top:30px; }
#main .visual .prd_tab .menuSlick .slick-arrow i{ font-size:15px; color:#fff;}
#main .visual .prd_tab .menuSlick button.prev{ left:100px; }
#main .visual .prd_tab .menuSlick button.next{ left:132px; }
#main .visual .prd_tab .menuSlick .slick-arrow.slick-disabled i{ color:#767d86; }

/* 장비소개 */
#main .product{ border:5px solid #006d9b;
-webkit-box-sizing:border-box; 
-moz-box-sizing:border-box; 
box-sizing:border-box; 
}
#main .product .prdBx > * { width:50%; float:left; height:700px; overflow:hidden; }
#main .product .prdBx:not(#prd1){ display:none; }
#main .product #prd1.prdBx > .img{ background:url(/img/main/prd_bg1.jpg) no-repeat center center /cover; }
#main .product #prd2.prdBx > .img{ background:url(/img/main/prd_bg2.jpg) no-repeat center center /cover; }
#main .product #prd5.prdBx > .img{ background:url(/img/main/prd_bg5.jpg) no-repeat center center /cover; }
#main .product #prd3.prdBx > .img{ background:url(/img/main/prd_bg3.jpg) no-repeat center center /cover; }
#main .product #prd4.prdBx > .img{ background:url(/img/main/prd_bg4.jpg) no-repeat center center /cover; }
#main .product .prdBx > div{ background:#fff; }
#main .product .prdBx .prdList{ padding:100px 0 80px; height:550px; position:relative;
-webkit-box-sizing:border-box; 
-moz-box-sizing:border-box; 
box-sizing:border-box; 
}
#main .product #prd4.prdBx .prdList{ height:590px; }
#main .product .prdBx .prdList:after{ content:''; display:block; width:1px; height:calc(100% - 180px); background:#ddd; position:absolute; top:50%; left:50%; transform:translateY(-51%); }
#main .product .prdBx .prdList .half{ float:left; width:50%; padding:0 70px; 
-webkit-box-sizing:border-box; 
-moz-box-sizing:border-box; 
box-sizing:border-box; 
}
#main .product .prdBx .prdList .half dl:not(:last-child){ margin-bottom:70px; }
#main .product .prdBx .prdList dl dt{ font-size:18px; color:#666; }
#main .product .prdBx .prdList dl dt strong { display:block; font-weight:700; font-size:45px; color:#333; margin-top:20px; text-transform:uppercase; }
#main .product .prdBx .prdList dl dd{ margin-top:40px; }
#main .product .prdBx .prdList dl dd p{ margin-bottom:20px; padding-left:10px; position:relative; }
#main .product .prdBx .prdList dl dd p:before{ content:''; display:block; width:3px; height:3px; background:#666; position:absolute; left:0; top:7px; }
#main .product .prdBx .prdList dl dd p:after{ content:''; display:block; width:16px; height:4px; background:url(/img/main/prd_list_arrow.png) 0 0 /cover; position:absolute; right:20px; top:50%; margin-top:-2px; opacity:0;
-webkit-transition:all .4s;
-moz-transition:all .4s;
-o-transition:all .4s;
-ms-transition:all .4s;
transition:all .4s;
}
#main .product .prdBx .prdList dl dd p:hover:after{ opacity:1; right:0; }
#main .product .prdBx .prdList dl dd p:last-child{ margin-bottom:0px; }
#main .product .prdBx .prdList dl dd p a{ font-size:16px; color:#666; display:block; }
#main .product .prdBx .prdList dl dd p:hover a{ font-weight:700; color:#006d9b; }
#main .product .prdBx .prdAllList{ border-top:1px solid #ddd; height:155px; }
#main .product .prdBx .logoBx{ float:left; width:50%; height:100%;  position:relative; border-right:1px solid #ddd; padding:0 50px;
-webkit-box-sizing:border-box; 
-moz-box-sizing:border-box; 
box-sizing:border-box; 
}
#main .product #prd2.prdBx .logoBx,
#main .product #prd4.prdBx .logoBx{ width:33.33%; }
#main .product .prdBx .logoBx div > *{ position:absolute; left:50px; top:50%; transform:translateY(-51%); 
}
#main .product #prd2.prdBx .logoBx div > *{ left:20px; }
#main .product .prdBx .logoBx div .txt{ right:50px; left:auto; font-size:14px; font-weight:300; color:#666; padding-right:10px; background:url(/img/main/prd_logo_arrow.png) no-repeat right center; text-align:right; }
#main .product #prd2.prdBx .logoBx div .txt{ right:20px; left:auto; }
#main .product #prd4.prdBx .logoBx .logo img{ width:100px; }
#main .product #prd4.prdBx .prdAllList { height:110px; }
#main .product #prd4.prdBx .prdAllList .logoBx{ padding:0 25px; }
/* 회사소개 */
#main .about > *{ width:50%; height:700px; }
#main .about .txt{ float:left; display:table; text-align:center; font-family: 'Spoqa Han Sans', 'Sans-serif'; }
#main .about .txt > div{ display:table-cell; vertical-align:middle; }
#main .about .txt dl{ display:inline-block; text-align:left; }
#main .about .txt dl dt{ font-size:20px; color:#666; }
#main .about .txt dl dt strong{ display:block; color:#333; font-weight:700; font-size:36px; line-height:1.277; margin-top:25px; }
#main .about .txt dl dd{ margin-top:40px; }
#main .about .txt dl dd p{ font-weight:300; font-size:16px; color:#666; line-height:1.625; 
-webkit-transform:skew(-0.3deg); 
-moz-transform:skew(-0.3deg); 
-o-transform:skew(-0.3deg); 
-ms-transform:skew(-0.3deg); 
transform:skew(-0.3deg); 
}
#main .about .txt .btn{ margin:80px 0 0; border-color:#006d9b; color:#006d9b; }
#main .about .txt .btn:before{ border-bottom-color:#006d9b; }
#main .about .txt .btn:hover{ color:#fff; }
#main .about .txt .btn span{ padding-right:60px; background-image:url(/img/main/about_arrow.png); }
#main .about > .img{ float:right; background:url(/img/main/about_bg.jpg) no-repeat center 20% /cover; }

/* 오시는길 및 컨택트 */
#main .contact > *{ float:left; width:50%; height:500px; }
#main .contact .map{ overflow:hidden; position:relative; }
#main .contact .map .txtBx{ min-width:650px; color:#fff; padding:70px 0 70px 100px; background:rgba(4,41,76,.9); z-index:100; position:absolute; top:50%; right:0; 
-webkit-transform:translateY(-51%);
-moz-transform:translateY(-51%);
-o-transform:translateY(-51%);
-ms-transform:translateY(-51%);
transform:translateY(-51%);
-webkit-box-sizing:border-box; 
-moz-box-sizing:border-box; 
box-sizing:border-box; 
 }
#main .contact .map .txtBx .tit{ font-size:40px; font-weight:700; text-transform:uppercase; }
#main .contact .map .txtBx .tit + span{ font-size:18px; font-weight:300; display:block; margin-top:29px; }
#main .contact .map .txtBx .btn{ margin-top:40px; border-color:rgba(255,255,255,.6); color:#fff; font-weight:700; text-transform:uppercase; }
#main .contact .map .txtBx .btn:before{ border-bottom-color:rgba(255,255,255,.6); }
#main .contact .map .txtBx .btn span{ padding-right:30px; background-image:url(/img/main/contact_arrow.png);  }
#main .contact .txt { display:table; text-align:center; background:#f7f7f7; }
#main .contact .txt > div{ display:table-cell; vertical-align:middle; }
#main .contact .txt ul{ display:inline-block; text-align:left; }
#main .contact .txt ul li{ margin-bottom:30px; }
#main .contact .txt ul li:last-child{ margin-bottom:0; } 
#main .contact .txt ul li > *{ display:inline-block; vertical-align:middle; }
#main .contact .txt .icon > div{ display:table; width:80px; height:80px; border:1px solid #ddd; text-align:center; 
-webkit-box-sizing:border-box; 
-moz-box-sizing:border-box; 
box-sizing:border-box; 
-webkit-border-radius:3px; 
-moz-border-radius:3px; 
border-radius:3px; 
}
#main .contact .txt .icon p{ display:table-cell; vertical-align:middle; font-weight:300; font-size:16px; color:#333; letter-spacing:0.1em; text-transform:uppercase; }
#main .contact .txt .icon p img{ display:block; margin:0 auto 10px; }
#main .contact .txt .contact_t{ margin-left:50px; }
#main .contact .txt .contact_t * { display:inline-block; vertical-align:middle; }
#main .contact .txt .contact_t em{ font-size:18px; font-weight:300; color:#333; vertical-align:-6px; }
#main .contact .txt .contact_t strong{ font-weight:700; font-size:30px; color:#333; margin-left:20px; }