@charset "UTF-8";
@import url(default.css);

/* 공통 */
.pc{display: block !important;}
.pcIb{display: inline-block !important;}
.mbIb,
.mb{display: none !important;}

#wrap{height:100%;}
.inner{margin: auto;width: 1400px;}

.noto{font-family: 'Noto Sans KR', sans-serif;}
.mont{font-family: 'Montserrat', sans-serif;}

/* main slider */
section.mainVisual{margin-bottom: 95px;position: relative;width: 100%;height: calc(100vh - 95px);z-index: 5;}
section.mainVisual:before{position: absolute;bottom: 0;left: calc(50% - 37px);display: block;content: '';width: 74px;height: 75px;background: url(../img/scroll_down.png) no-repeat;z-index: 1;}
section.mainVisual .mainvsSl{height: 100%;}
ul.mainSlider{height: 100%;}
ul.mainSlider li{width: 100%;height: 100%;background-size: cover;display: flex;justify-content: center;}
ul.mainSlider li .bg{position: absolute;left: 0;top: 0;width: 100%;height: 100%;overflow: hidden;}
ul.mainSlider li .bg > *{width: 100%;}
ul.mainSlider .txt{margin-top: 39vh;color: #fff;z-index: 1;}
ul.mainSlider .txt .logo{display: block;margin: 0 auto;}
ul.mainSlider .txt .tit{display: block;margin: 10px 0;font-size: 40px;font-weight: 700;}
ul.mainSlider .txt .num{font-size: 36px;font-weight: 400;}
ul.mainSlider .txt .small{margin-top: 30px;font-size: 16px;font-weight: 300;word-break: keep-all;}
section.mainVisual .pagerBox .swiper-pagination span{font-family: 'Montserrat', sans-serif;font-size: 18px;font-weight: 300;color: rgba(255,255,255,0.5);}
section.mainVisual .pagerBox .swiper-pagination span.swiper-pagination-current{font-size: 26px;font-weight: 500;color: #fff;}

section.mainVisual .pagerBox{position: absolute;left: calc(50% - 314px);top: 65%;width: 628px;background: rgba(0,0,0,0.5);color: #fff;z-index: 1;}
section.mainVisual .pagerBox .nextImg{margin-right: 30px;width: 268px;height: 134px;overflow: hidden;}
section.mainVisual .pagerBox .process{padding: 90px 25px 25px 0;height: 134px;font-weight: 300;}
section.mainVisual .pagerBox .process span{display: inline-block;margin: 0 5px;}
section.mainVisual .pagerBox .process img{vertical-align: middle;}
section.mainVisual .pagerBox .pager{margin-top: 80px;}
section.mainVisual .pagerBox .pager em{margin-left: 6px;display: inline-block;width: 20px;height: 19px;}
section.mainVisual .pagerBox .pager .length{margin-top: 5px;display: inline-block;font-family: 'Montserrat', sans-serif;font-size: 18px;font-weight: 300;color: rgba(255,255,255,0.5);}
section.mainVisual #bx-pager a{margin-top: 5px;display: none;cursor: default;color: #fff;font-size: 26px;font-weight: 500;font-family: 'Montserrat', sans-serif;}
section.mainVisual #bx-pager a.active{display: inline-block;}
section.mainVisual #bx-pager1 a{display: none;}
section.mainVisual #bx-pager1 a.active{display: block;}
section.mainVisual #bx-pager1 img{width: 100%;}

.bx-clone{display: none;}
section.mainVisual .bx-wrapper,
section.mainVisual .bx-viewport{height: 100% !important;}
section.mainVisual .swiper-button-prev:after, section.mainVisual  .swiper-button-next:after{display: none;}
section.mainVisual .swiper-button-next{right: 5%;width: 50px;height: 50px;font-size: 0;color: #transparent;background-image: url(../img/ico_vs_arr_02.png);background-position: 50% 50%;background-repeat: no-repeat;transform: rotate(180deg);}
section.mainVisual .swiper-button-prev{left: 5%;width: 50px;height: 50px;font-size: 0;color: #transparent;background-image: url(../img/ico_vs_arr_02.png);background-position: 50% 50%;background-repeat: no-repeat;transform: rotate(0deg);}
section.mainVisual .swiper-button-next:hover{background-image: url(../img/ico_vs_arr_01.png);transform: rotate(0deg);}
section.mainVisual .swiper-button-prev:hover{background-image: url(../img/ico_vs_arr_01.png);transform: rotate(180deg);}

/*main-section*/
.main section.section02{position: relative;margin-top: 95px;width: 100%;}
.main .section02 .bg{position: absolute;top: 0;right: 0;width: 68%;z-index: -1;}
.main .section02 .txt{padding: 235px 0 35px;display: inline-block;border-bottom: 1px solid #717171;}
.main .section02 .txt .roundBd{display: inline-block;padding: 0 20px;;border: 3px solid #ddd;border-radius: 18px;line-height: 28px;letter-spacing: 6px;font-size: 11px;font-weight: 300;color: #202020;}
.main .section02 .txt .sky{margin-top: 45px;font-size: 20px;font-weight: 700;color: #23cbe4;}
.main .section02 .txt .tit{margin: 10px 0;display: inline-block;font-size: 46px;font-weight: 500;color: #333;}
.main .section02 .txt .exp{font-size: 14px;font-weight: 300;line-height: 24px;}
.sec02SliderWrap.swiper-container{margin: 0;position: relative;width: 50%;}
.sec02SliderWrap img{max-width: 100%;}
.sec02SliderWrap .info{position: absolute;right: 0;bottom: 120px;}
.sec02SliderWrap .info > *{display: block;}
.sec02SliderWrap .swiper-button-next:after, .sec02SliderWrap .swiper-button-prev:after{display: none;}
.sec02SliderWrap .swiper-button-next{position: absolute;top: inherit;bottom: 200px;right: 60px;width: 35px;height: 35px;font-size: 0;color: transparent;background-image: url(../img/ico_vs_arr_03.png);background-position: 50% 50%;background-repeat: no-repeat;transform: rotate(0deg);cursor: pointer;}
.sec02SliderWrap .swiper-button-prev{position: absolute;top: inherit;bottom: 200px;left: inherit;right: 120px;width: 35px;height: 35px;font-size: 0;color: transparent;background-image: url(../img/ico_vs_arr_03.png);background-position: 50% 50%;background-repeat: no-repeat;transform: rotate(180deg);cursor: pointer;}
.sec02SliderWrap .pagerBox{position: absolute;left: 80%;bottom: calc(50% - 125px);width: 100%;}
.sec02SliderWrap .pagerBox #bx-pager2 > a{display: none;text-align: left;}
.sec02SliderWrap .pagerBox #bx-pager2 a.active{display: block;}
.sec02SliderWrap .pagerBox .name{display: inline-block;}
.sec02SliderWrap .pagerBox .exp{display: inline-block;font-size: 16px;font-weight: 300;font-family: 'Noto Sans KR', sans-serif;color: #000;}
.main .section03 .inner{position: relative;width: 100%;}
.main .section03 .bg{position: absolute;top: 0;right: 0;width: 60%;}
.main .section03 .bg img{max-width:100%;}
.main .section03 .txt{padding: 140px 0 280px 220px;}
.main .section03 .txt strong{position: relative;font-size: 150px;font-weight: 900;color: #ededed;line-height: 1;}
.main .section03 .txt strong:before{position: absolute;left: 0;bottom: 20px;display: block;content: '';width: 2.5em;height: 1px;background: #c8c8c8;}
.main .section03 .txt .blue{color: #183acc;}
.main .section03 .txt p{margin-top: 30px;line-height: 27px;font-size: 16px;font-weight: 300;color: #2b2b2b}
.main .section03 .ptnSliderWrap{width: 1400px;margin: 0 auto 70px;}
.ptnSlider li{width: auto;}
.ptnSlider a{display: flex;justify-content: center;align-items: center;height: 45px;}

/* header */
#header{position: absolute;top: calc(100% - 95px);width: 100%;height: 95px;z-index: 5;}
#header.fixed{position: fixed;top: 0;}
#header .headerWrap{position: absolute;width: 100%;height: 95px;background: #fff;border-bottom: 1px solid #e4e4e4;z-index: 3;}
#header .inner{position: relative;z-index: 3;}
#header .logo{position: relative;display: flex;justify-content: center;align-items: center;height: 95px;}
#header .logo:before{position: absolute;bottom: 0;right: 0;display: block;content: '';width: 300%;height: 1px;background: #959595;}
.gnb li{float: left;margin-left: 35px;width: 130px;line-height: 95px;}
.gnb li:first-child{margin-left: 0;}
.gnb li a{font-size: 16px;font-weight: 500;font-family: 'Montserrat', sans-serif;color: #161616;}
.gnb_sub{position: relative;top: -225px;width: 100%;background: #fff;transition: 700ms ease-in;visibility: hidden;z-index: 2;}
.backBg{display: none;position: absolute;left: 0;right: 0;top: 0;bottom: 0;width: 100%;height: 100vh;min-height: 100%;background: rgba(0,0,0,0.5);opacity: 0;transition: opacity 700ms ease-out;z-index: 1;}
.gnb_sub.active{top: 95px;visibility: visible;}
.backBg.active{display: block;opacity: 1;}
.dep2{margin: 15px 0 42px;}
.dep2 dl{float: left;margin-left: 35px;width: 130px;}
.dep2 dl:first-child{margin-left: 0;}
.dep2 a{line-height: 42px;font-size: 14px;font-weight: 300;font-family: 'Noto Sans KR', sans-serif;color: rgba(0,0,0,0.5);}
.dep2 a:hover{color: #000;}

/* footer */
#footer{width: 100%;background: #343434;text-align: center;}
#footer .ftgnbWrap{border-bottom: 1px solid #4d4d4d;}
.footer_gnb{display: inline-block;padding: 50px 0 35px;}
.footer_gnb dl{float: left;width: 130px;text-align: center;}
.footer_gnb dl dt{color: #fff;line-height: 40px;font-size: 14px;font-weight: 500;font-family: 'Montserrat', sans-serif;}
.footer_gnb a{color: #bdbdbd;line-height: 34px;font-size: 13px;font-weight: 300;font-family: 'Noto Sans KR', sans-serif;}
#footer .copy{padding: 30px 0;font-size: 12px;font-weight: 300;color: rgba(255,255,255,0.7)}

/*sub-layout*/
body.sub #container{padding-top: 95px;min-height: calc(100vh - 345px);}
.sub_head{width: 100%;height: 210px;background: #f5f5f5;}
.sub_head .root{height: 70px;line-height: 70px;font-size: 12px;color: #a3a3a3;font-weight: 300;text-align: center;}
.sub_head .root span:after{display: inline-block;content: '-';width: 25px;}
.sub_head .root strong{font-size: 13px;font-weight: 400;color: #4d4d4d;}
.sub_head.onWhite .root{color: rgba(255,255,255,0.5);}
.sub_head.onWhite .root strong{color: #fff;}
.sub_head.onWhite .titBox{background: url(../img/ico_bullet02.png) top center no-repeat;color: #fff;}
.sub_head.onWhite .titBox h2{color: #fff;}
.sub_head .titBox{padding-top: 25px;background: url(../img/ico_bullet01.png) top center no-repeat;text-align: center;font-size: 15px;font-weight: 300;}
.sub_head .titBox h2{margin-bottom: 2px;font-size: 24px;font-weight: 400;color: #112ac2;}
.sub_content{margin-top: 130px;padding-bottom: 130px;width: 100%;max-width: 1920px;}
.sub_content .inner{margin: auto;width: 1200px;}
/*tab-menu*/
.tab-menu{margin: 30px auto 0;width: 1200px;}
.tab-menu ul{display: block;}
.tab-menu ul.active{display: block;position: relative;z-index: 3;background-color: #000;}
.tab-menu li{float: left;}
.tab-menu.tab8 li{margin-left: 0.571%;width: 12%;height: 54px;}
.tab-menu li:first-child{margin-left: 0;}
.tab-menu li a{display: block;width: 100%;height: 100%;border: 1px solid rgba(255,255,255,0.2);line-height: 54px;font-size: 16px;font-weight: 300;color: #a1a1a1;}
.tab-menu li.on a{background: rgba(17,42,194,0.8);border-color: #3447b9;color: #fff;}

/*tab-menu*/
.tab-menu2{margin: 70px auto 0;width: 1200px;}
.tab-menu2 ul{display: block;}
.tab-menu2 ul.active{display: block;position: relative;z-index: 3;background-color: #000;}
.tab-menu2 li{float: left;}
.tab-menu2.tab8 li{margin-left: 0.571%;width: 12%;height: 54px;}
.tab-menu2 li:first-child{margin-left: 0;}
.tab-menu2 li a{display: block;width: 100%;height: 100%;border: 1px solid #000;line-height: 54px;font-size: 16px;font-weight: 300;color: #a1a1a1;}
.tab-menu2 li.on a{background: #000;border-color: #000;color: #fff;}


/*기업소개*/
.sub1-1.sub_head{position: relative;height: auto;background: none;}
.sub1-1.sub_head .root{position: absolute;top: 0;width: 100%;background: #f5f5f5;}
.sub1-1.sub_head .titBox{padding: 0;position: absolute;top: 70px;width: 100%;display: flex;align-items: center;justify-content: center;background: none;}
.sub1-1.sub_head img{position: relative;padding-top: 70px;width: 1200px;margin: auto;}
.sub1-1.sub_head .titBox:before{position: absolute;top: 0;left: 0;display: block;content: '';width: 100%;height: 48%;z-index: -1;}
.sub1-1.sub_content{margin-top: 110px;}
.sub1-1 .row01{margin-top: -30px;}
.sub1-1 .row01 .fLeft p{position: relative;width: 340px;font-size: 24px;line-height: 28px;font-weight: 700;color: #112ac2;text-transform: uppercase;}
.sub1-1 .row01 .fLeft p:after{position: absolute;top: 8px;right: 0;display: block;content: '';width: 70px;height: 1px;background: #d1d8f5;}
.sub1-1 .row01 .fRight{padding-left: 10px;width: calc(100% - 350px);font-size: 16px;line-height: 28px;letter-spacing: -1px;}
.sub1-1 .row01 .fRight .light{font-weight: 300;color: #515151;}
.sub1-1 .row02{margin-top: 80px;}
.sub1-1 .row02 li{float: left;margin-right: 16px;display: flex;justify-content: center;align-items: center;width: 288px;height: 336px;background-color: #eee;background-repeat: no-repeat;background-size: contain;}
.sub1-1 .row02 li:last-child{margin-right: 0;}
.sub1-1 .row02 li p{font-size: 26px;font-weight: 300;line-height: 30px;color: #fff;text-align: center;}
.sub1-1 .row02 li .mont{display: block;font-size: 20px;font-weight: 500;}
.sub1-1 .row02 li:nth-child(1){background-image: url(../img/sub1-1_02.jpg);}
.sub1-1 .row02 li:nth-child(2){background-image: url(../img/sub1-1_03.jpg);}
.sub1-1 .row02 li:nth-child(3){background-image: url(../img/sub1-1_04.jpg);}
.sub1-1 .row02 li:nth-child(4){background-image: url(../img/sub1-1_05.jpg);}
.sub1-1 .row03{position: relative;width: 1400px;padding-top: 80px;margin-left: -100px;}
.sub1-1 .row03:before{position: absolute;left: 0;top: -80px;display: block;content: '';width: 1400px;height: 332px;background: #f6f7ff;z-index: -1;}
.sub1-1 .row03 p{font-size: 20px;line-height: 29px;text-align: center;}
.sub1-1 .row03 p b{color: #2133c9;}
.sub1-1 .row03 p.light{font-size: 17px;line-height: 29px;font-weight: 300;}
.sub1-1 .row03 p.last{margin-top: 10px;font-size: 16px;font-weight: 500;line-height: 30px;color: #cecece;}
.sub1-1 .row03 p.last .mont{font-size: 18px;}

/*인증현황*/
.galList{text-align: center;}
.galList > ul{}
.galList > ul li{padding-top: 75px;float: left;width: 25%;border-top:1px solid #757575;cursor: pointer;}
.galList > ul li:nth-child(-n+4){margin-top: 0;border-top: none;}
.galList figure{margin: auto;width: 200px;height: 340px;text-align: center;}
.galList figure > img{}
.galList figure figcaption{margin-top: 15px;width: 100%;font-size: 13px;line-height: 20px;color: #515151;overflow: hidden;text-overflow: ellipsis;white-space: normal;display: -webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;word-break: break-all;}
.galList02{width: 100%;}
.galList02 > ul li:nth-child(-n+4){padding-top: 0;}
.galList02 > ul li{width: 25%;cursor: pointer;}
.galList02 > ul li figure{width: 260px;}
.galList02 > ul{border-bottom:1px solid #757575;}
.galList figure > img{width: 100%;}
.paging{margin-top: 50px;display: inline-block;height: 30px;}
.paging span{margin: 0 5px;display: inline-block;width: 30px;height: 30px;line-height: 30px;text-align: center;vertical-align: middle;}
.paging span.first,
.paging span.prev{transform: rotate(180deg);}
.paging span a img{vertical-align: middle;}
.paging ul{display: inline-block;vertical-align: middle;}
.paging li{margin: 0 5px;float: left;height: 30px;}
.paging li a{width: 30px;height: 30px;line-height: 30px;font-size: 13px;color: #bdbdbd;}
.paging li.on a{color: #242424;}

.galList .mask{position: relative;width: 100%;height: 100%;background: rgba(0,0,0,0.9);z-index: 5;}
.galList02 .mask{position: relative;width: 100%;height: 100%;background: rgba(0,0,0,0.9);z-index: 5;}
.gal_popWrap{display: none;position: fixed;left: 0;top: 0;width: 100%;height: 100%;z-index: 5;cursor: default;}
.gal_popWrap .popIn{position: absolute;top: 10%;left: calc(50% - 30%);width: 60%;z-index: 6;color: #fff;}
.gal_popWrap .popIn .btnX{position: absolute;right: 0;}
.gal_popWrap .popIn .clear .fLeft{width: 55%;}
.gal_popWrap .popIn .clear .fRight{width: 45%;display: flex;justify-content: center;align-items: center;}
.gal_popWrap .popIn .clear .flex{font-weight: 300;font-size: 16px;}
.gal_popWrap .popIn .clear .flex strong{margin-bottom: 10px;display: block;font-size: 26px;font-weight: 300;}
/*오시는길*/
.sub1-4.sub_content{margin-top: -110px;}
.sub1-4 .row{margin-top: 60px;height: 387px;}
.sub1-4 .row .fLeft{position: relative;width: calc(100% - 808px);height: 100%;border-top: 1px solid #e0e0e0;border-bottom: 1px solid #757575;}
.sub1-4 .row .fLeft .bottom{position: absolute;bottom: 50px;letter-spacing: -1px;}
.sub1-4 .row .fLeft .bottom .cu{font-size: 18px;font-weight: 500;line-height: 29px;color: #ccc;letter-spacing: 0;}
.sub1-4 .row .fLeft .bottom .addr{margin-top: 15px;font-size: 24px;line-height: 29px;font-weight: 300;color: #112ac2;}
.sub1-4 .row .fLeft .bottom .doro{margin-top: 5px;font-size: 16px;font-weight: 300;line-height: 29px;color: #000;}
.sub1-4 .row .fLeft .bottom .num{margin-top: 10px;font-size: 17px;font-weight: 500;line-height: 28px;color: #222;letter-spacing: 0;}
.sub1-4 .row .fLeft .bottom .num span{margin-right: 25px;font-family: inherit;font-size: inherit;font-weight: inherit;color: #939393;}
.sub1-4 .row .fLeft .bottom .num span:last-of-type{margin-right: 0;}
.sub1-4 .row .fRight{width: 773px;}

/*물류시스템*/
.sub4-1 .fLeft{margin-right: 70px;}
.sub4-1 .fRight{padding-top: 140px;width: calc(100% - 560px);letter-spacing: -1px;}
.sub4-1 .fRight li{float: left;width: 33.333%;line-height: 83px;font-size: 20px;font-weight: 400;}
.sub4-1 .fRight li:nth-child(1){color: #19a6bb;}
.sub4-1 .fRight li:nth-child(2){color: #1b50d5;}
.sub4-1 .fRight li:nth-child(3){color: #119cb1;}
.sub4-1 .fRight li img{margin-right: 5px;width: 83px;}
.sub4-1 .fRight h3.tit{margin-top: 30px;font-size: 18px;font-weight: 400;}
.sub4-1 .fRight p{margin-top: 10px;font-size: 15px;line-height: 29px;font-weight: 300;color: #3a3a3a;}

/*공장소개*/
.sub5-1.sub_content{margin-top: 0;}
.sub5-1 .row{margin: 40px 0;text-align: center;font-size: 17px;font-weight: 300;line-height: 31px;letter-spacing: -1px;}
.sub5-1 .imgBox{position: relative;}
.sub5-1 .imgBox .txt{position: absolute;top: 130px;width: 100%;text-align: center;letter-spacing: -1px;}
.sub5-1 .imgBox .txt p{padding-bottom: 86px;position: relative;font-size: 18px;font-weight: 500;line-height: 30px;color: #fff;}
.sub5-1 .imgBox .txt p:after{position: absolute;left: calc(50% - 0.5px);bottom: 20px;display: block;content: '';width: 1px;height: 46px;background: #fff;}
.sub5-1 .imgBox .txt span{font-size: 24px;line-height: 30px;color: #43e7ff;}

/*보유장비*/
.sub5-2.sub_content{margin-top: -40px;}
.sub5-2 ul{width: 100%;overflow: hidden;}
.sub5-2 ul li{float: left;position: relative;padding-bottom: 40px;margin-top: 75px;margin-left: 2%;width: 49%;text-align: center;}
.sub5-2 ul li:after{position: absolute;left: 0;bottom: 0;display: block;content: '';width: 105%;height: 1px;background: #e0e0e0;}
.sub5-2 ul li:nth-child(-n+2){margin-top: 0;}
.sub5-2 ul li:nth-child(2n+1){margin-left: 0;}

/*고객사*/
.sub5-3.sub_content{margin-top: -60px;}
.ptnList{margin-top: 50px;}
.ptnList li{float: left;width: 12.5%;}
.ptnList li a{width: 100%;height: 44px;line-height: 44px;text-align: center;}
.ptnList li a img{vertical-align: middle;}

/*온라인문의(form)*/
.sub6-1 .num{margin-top: 20px;font-size: 17px;font-weight: 500;color: #112ac2;}
.sub6-1 .num span{margin-right: 30px;color: #939393;}
.sub6-1 .num span:last-of-type{margin-right: 0;}
.sub6-1.sub_content{margin-top: 55px;}
.termBox{padding: 10px 15px;width: 100%;height: 240px;overflow-x: auto;border: 1px solid #c6c6c6;}
.termBox + p{margin-top: 15px;}
.form label.checkbox{padding-left: 34px;position: relative;display: inline-block;height: 27px;font-size: 14px;font-weight: 300;line-height: 26px;color: #000;}
.form label.checkbox i{position: relative;display: inline-block;width:27px;height:27px;border: 1px solid #c6c6c6;vertical-align: middle;margin-right:7px;}
.form label.checkbox i:before{display: block;content: '';position: absolute;top: 5px;left: 5px;display: inline-block;width: 15px;height: 15px;background: #112ac2;opacity: 0;}
.form label.checkbox input[type=checkbox]{position: absolute;top: 0;left: -9999px;width: 0;height: 0;padding: 0;}
.form label.checkbox input[type=checkbox]:checked + i:before{opacity: 1;}
.form label ~ input[type=checkbox]{margin-left:35px;}
.tbForm{margin-top: 40px;width: 100%;border-top: 1px solid #000;border-bottom: 1px solid #000;}
.tbForm th{width: 12%;height: 90px;text-align: left;font-size: 16px;font-weight: 300;}
.tbForm td{width: 88%;}
.tbForm th,.tbForm td{position: relative;padding: 20px;}
.tbForm th:before,
.tbForm td:before{position: absolute;content: '';left: 0;bottom: 0;display: block;width: 100%;height: 1px;background: url(../img/bg_bdline.png);}
.tbForm tr:last-of-type td:before,
.tbForm tr:last-of-type th:before{background: none;}
.tbForm td label{display: none;}
.tbForm input[type=text]{width: 60%;height: 54px;border: 1px solid #c6c6c6;}
.tbForm textarea{width: 100%;min-height: 320px;border: 1px solid #c6c6c6;}
.tbForm + p{margin-top: 50px;}
.form .submitBtn{display: inline-block;padding: 0 50px;height: 40px;border-radius: 20px;line-height: 38px;color: #fff;background: #112ac2;font-size: 18px;font-weight: 300;}

/*process*/
.sub2-1.sub_head{background: url(../img/bg_subhead2-1.jpg) center no-repeat;}
.sub2-1.sub_content{position: relative;padding: 150px 0 140px;width: 100%;min-height: 690px;}
.processSl.swiper-container{width: 110%;}
.processSl .swiper-slide{opacity: 0.5;}
.processSl .swiper-slide-prev{opacity: 0;}
.processSl .swiper-slide-active{opacity: 1;}
.processSl .swiper-slide .detail{position: absolute;left: -100%;bottom: 70px;display: none;width: 94%;background: #fff;}
.processSl .swiper-slide-active .detail{display: block;}
.processSl .detail h4{font-size: 28px;line-height: 40px;color: #222;}
.processSl .detail p{margin-top: 10px;font-size: 16px;font-weight: 300;line-height: 28px;color: #000;word-break: keep-all;}
.processSl .detail span{display: block;font-size: 14px;line-height: 24px;color: #7486d7;word-break: keep-all;}
.processSl-next{position: absolute;bottom: 0;left: calc(30% + 54px);z-index: 11;cursor: pointer;}
.processSl-prev{position: absolute;bottom: 0;left: calc(30% - 10px);z-index: 11;cursor: pointer;}
.processSl .swiper-pagination-fraction{left: 2%;text-align: left;font-size: 0;}
.processSl .swiper-pagination-fraction span{font-family: 'Montserrat', sans-serif;}
.processSl .swiper-pagination-current{position: relative;padding-right: 35px;font-size: 26px;font-weight: 500;}
.processSl .swiper-pagination-current:after{position: absolute;bottom: 0;right: 0;display: block;content: '';width: 30px;height: 32px;background: url(../img/ico_subslide03.png) 50% no-repeat;}
.processSl .swiper-pagination-total{font-size: 18px;font-weight: 300;color: #757575;}



/*package*/
.sub3-1.sub_head,
.sub3-2.sub_head{margin-top: -1px;background: url(../img/bg_subhead3-1.jpg) center no-repeat;}
.sub3-1.sub_content{margin-top: -140px;}
.sub3-1.sub_content .inner{height: 560px;}
.sub3-1 .txtWrap{position: absolute;left: 520px;bottom: 0;width: 265px;z-index: 1;}
.sub3-1 .slideTxt .tit{font-size: 24px;color: #000;}
.sub3-1 .slideTxt .tit + p{margin-top: 10px;font-size: 15px;color: #000;}
.sub3-1 .slideTxt .control{margin-top: 20px;}
.sub3-1 .slideTxt .control a{margin-right: 10px;display: inline-block;}
.sub3-1 .slideTxt .control .prev img{transform: rotate(180deg);}
.sub3-1 .process-slide{left: 0;z-index: 0;}
.sub3-1 .process-slide{height: 562px;}
.sub3-1 .process-slide ul{width: 2265px;height: 100%;}
.sub3-1 .process-slide li{float: left;margin: 224px 30px 0;width: 294px;height: 338px;opacity: 0.2;}
.sub3-1 .process-slide li:first-child{margin-left: 0;}
.sub3-1 .process-slide li:last-child{margin-right: 0;}
.sub3-1 .process-slide li.active{opacity: 1;}
.sub3-1 .process-slide li img{width: 100%;}
.sub3-1 .process-slide li:first-child{margin-top: 0;margin-right: 300px;width: 488px;height: 561px;}



/* 프로세스 영상 */

.process_tap1{width:110%; height:500px; margin-bottom:50px;}
@media only screen and (max-width: 1000px){



/* 프로세스 영상 */

.process_tap1{width:100%; height:300px;}

/*공통*/
.mb{display: block !important;}
.mbIb{display: inline-block !important;}
.pc,
.pcIb{display: none !important;}

.inner{margin: auto;width: 95%;}

/* main slider */
section.mainVisual{margin-bottom: 55px;height: calc(100vh - 55px);}
ul.mainSlider .txt{margin-top: 40vh;}
ul.mainSlider .txt .logo{width: 42px;}
ul.mainSlider .txt .tit{font-size: 25px;}
ul.mainSlider .txt .num{font-size: 16px;}
ul.mainSlider .txt .small{font-size: 12px;}
section.mainVisual .pagerBox{padding: 15px 10px 20px;top: 47vh;left: calc(50% - 115px);width: 230px;}
section.mainVisual .pagerBox .pager,
section.mainVisual .pagerBox .process{float: none !important;text-align: center;padding: 0;margin: 0;}
section.mainVisual .pagerBox .process{height: auto;}
section.mainVisual .pagerBox .swiper-pagination{position: inherit;}
section.mainVisual .pagerBox .process span{margin-left: 10px;font-size: 11px;}
section.mainVisual:before{bottom: 10vh;}
ul.mainSlider li .bg.video > *{width: auto;height: 100%;}

/*main-section*/
.main section.section02,
.main section.section03{margin-top: 55px;}
.main .section02 .bg{position: inherit;width: 110%;margin-left: -5%;text-align: right;}
.main .section02 .bg img{width: 80%;max-width: 100%;}
.main .section02 .txt{padding: 0 0 20px 5%;margin-left: -5%; margin-top:-50px;}
.main .section02 .txt .sky{margin-top: 0;font-size: 14px;}
.main .section02 .txt .tit{font-size: 20px;}
.main .section02 .txt .exp{font-size: 11px;}
.sec02SliderWrap.swiper-container{padding-bottom: 20px;width: 100%;}
.sec02SliderWrap .img{width: 80%;}
.sec02SliderWrap .info{bottom: -10px;width: auto;direction: rtl;}
.sec02SliderWrap .swiper-button-next, .sec02SliderWrap .swiper-button-prev{bottom: 90px;width: 30px;height: 30px;background-size: contain;}
.sec02SliderWrap .swiper-button-prev{right: 15%;}
.sec02SliderWrap .swiper-button-next{right: 0;}
.sec02SliderWrap .exp{font-size: 11px;}
.main .section03 .bg{position: inherit;width: 90%;margin: auto;text-align: left;}
.main .section03 .txt{padding: 0;margin: 10px auto 30px;width: 90%;}
.main .section03 .txt strong{font-size: 40px;}
.main .section03 .txt strong:before{display: none;}
.main .section03 .ptnSliderWrap{margin: 0 auto 45px;width: 95%;}

/*header*/
#header .logo:before{display: none !important;}
#header{top: calc(100% - 55px);height: 55px;}
#header img{max-height: 100%;}
#header .headerWrap{display: flex;justify-content: center;height: 55px;line-height: 55px;}
#header .inner{margin-left: 2.5%;padding: 16px 0;}
#header .logo,
#header .menuBtn{height: 22px;line-height: 22px;}
.lnb{padding: 15px;position: fixed;left: -100%;top: 0;width: 100%;height: 100vh;background: rgba(0,0,0,0.9);z-index: 5;text-align: center;transition: ease-in-out;}
.lnb .closeBtn{display: inline-block;width: 40px;height: 40px;}
.lnb dl{margin-top: 25px;}
.lnb dl:first-of-type{margin-top: 0;}
.lnb dt{font-size: 17px;font-weight: 500;font-family: 'Noto Sans KR', sans-serif;color: #fff;transition: 300ms linear;cursor: pointer;}
.lnb dd{display: none;height: 50px;line-height: 50px;}
.lnb dd:first-of-type{margin-top: 20px;}
.lnb dd a{font-size: 15px;font-weight: 300;font-family: 'Noto Sans KR', sans-serif;color: #fff;}

/*footer*/
#footer .copy{padding: 20px 0;font-size: 10px;}

/*sub-layout*/
body.sub #container{padding-top: 55px;min-height: calc(100vh - 55px);}
.sub_head{height: 170px;}
.sub_head .root{position: relative;z-index: 1;padding-top: 15px;height: 45px;line-height: 30px;font-size: 9px;}
.sub_head .root span:after{width: 10px;}
.sub_head .root strong{font-size: 9px;}
.sub_head .titBox{padding-top: 0;background: none;font-size: 11px;}
.sub_head .titBox h2{font-size: 16px;}
.sub_content{margin-top: -55px;padding-bottom: 60px;}
.sub_content .inner{width: 95%;}
/*tab-menu*/
.tab-menu{width: 95%;}
.tab-menu .dropDown{padding: 0 5%;width: 100%;height: 48px;border: 1px solid rgba(255,255,255,0.2);font-size: 14px;font-weight: 300;line-height: 46px;color: #fff;background: url(../img/ico_dropdown.png) 95% 50% no-repeat;background-size: 21px;}
.tab-menu ul{display: none;}
.tab-menu li{margin-left: 0 !important;float: none;width: 100% !important;background: rgba(255,255,255,0.2);}
.tab-menu li a{padding: 0 5%;border: 1px solid #a3a3a3;border-top: 0;text-align: left;font-size: 14px;}
.tab-menu li.on a{background: none;border-color: #a3a3a3;color: #a1a1a1 !important;}

/*tab-menu*/
.tab-menu2{width: 95%;}
.tab-menu2 .dropDown{padding: 0 5%;width: 100%;height: 48px;border: 1px solid #000;font-size: 14px;font-weight: 300;line-height: 46px;color: #000;background: url(../img/ico_dropdown.png) 95% 50% no-repeat;background-size: 21px;}
.tab-menu2 ul{display: none;}
.tab-menu2 li{margin-left: 0 !important;float: none;width: 100% !important;background: rgba(255,255,255,0.2);}
.tab-menu2 li a{padding: 0 5%;border: 1px solid #a3a3a3;border-top: 0;text-align: left;font-size: 14px;}
.tab-menu2 li.on a{background: none;border-color: #a3a3a3;color: #a1a1a1 !important;}


/*기업소개*/
.sub1-1.sub_head img{padding-top: 0;}
.sub1-1.sub_head .root{background: none;}
.sub1-1.sub_head .titBox:before{display: none;}
.sub1-1.sub_head .titBox{top: 0;left: 10%;width: 80%;}
.sub1-1.sub_content{margin-top: 45px;}
.sub1-1 .row01{margin-top: 0;}
.sub1-1 .row01 .fLeft p{padding-right: 85px;display: inline-block;width: auto;font-size: 13px;}
.sub1-1 .row01 .fRight{padding: 0;margin-top: 10px;position: relative;width: 100%;font-size: 11px;line-height: 19px;}
.sub1-1 .row02{margin-top: 25px;}
.sub1-1 .row02 li{margin-bottom: 10px;padding: 25px 0;margin-right: 0;width: 100%;height: auto;background-size: cover;}
.sub1-1 .row02 li:last-child{margin-bottom: 0;}
.sub1-1 .row02 li p{font-size: 14px;line-height: 15px;}
.sub1-1 .row02 li .mont{font-size: 13px;}
.sub1-1 .row02 li:nth-child(1){background-image: url(../img/mb_sub1-1_02.jpg);}
.sub1-1 .row02 li:nth-child(2){background-image: url(../img/mb_sub1-1_03.jpg);}
.sub1-1 .row02 li:nth-child(3){background-image: url(../img/mb_sub1-1_04.jpg);}
.sub1-1 .row02 li:nth-child(4){background-image: url(../img/mb_sub1-1_05.jpg);}
.sub1-1 .row03{margin-left: 0;padding-top: 40px;width: 100%;}
.sub1-1 .row03:before{display: none;}
.sub1-1 .row03 p{font-size: 13px;line-height: 21px;}
.sub1-1 .row03 p.light{font-size: 12px;line-height: 20px;}
.sub1-1 .row03 p.last{font-size: 10px;line-height: 15px;}
.sub1-1 .row03 p.last .mont{font-size: 11px;}

/*인증현황*/
.galList > ul li{padding-top: 30px;margin-top: 30px;width: 50%;}
.galList > ul li:nth-child(-n+4){margin-top: 0;border-top: 1px solid #757575;}
.galList > ul li:nth-child(-n+2){margin-top: 0;border-top: 0;}
.galList figure{width: 83%;height: auto;}
.galList figure figcaption{margin: 10px 0;height: 40px;font-size: 11px;line-height: 22px;}
.paging{margin-top: 30px;}



/*오시는길*/
.sub1-4 .row{margin-top: 35px;}
.sub1-4 .row .fLeft{float: none !important;position: inherit;width: 100%;height: auto;border: none;}
.sub1-4 .row .fLeft .bottom{position: inherit;}
.sub1-4 .row .fLeft .bottom .cu{font-size: 13px;line-height: 20px;}
.sub1-4 .row .fLeft .bottom .addr{font-size: 16px;line-height: 20px;}
.sub1-4 .row .fLeft .bottom .doro{font-size: 13px;line-height: 20px;}
.sub1-4 .row .fLeft .bottom .num{margin-top: 15px;font-size: 12px;line-height: 19px;}
.sub1-4 .row .fRight{margin-top: 15px;float: none !important;width: 100%;height: auto;}

/*물류시스템*/
.sub4-1 .fLeft{float: none !important;margin-right: 0;width: 100%;text-align: center;}
.sub4-1 .fRight{float: none !important;padding-top: 30px;width: 100%;}
.sub4-1 .fRight li{font-size: 13px;line-height: 21px;text-align: center;}
.sub4-1 .fRight li span{display: block;}
.sub4-1 .fRight li img{width: 58px;}
.sub4-1 .fRight h3.tit{margin-top: 40px;font-size: 15px;line-height: 22px;}
.sub4-1 .fRight p{margin-top: 5px;font-size: 12px;line-height: 20px;}

/*공장소개*/
.sub5-1.sub_head{height: 112px;}
.sub5-1.sub_content .row{margin: 30px 0 20px;font-size: 11px;line-height: 19px;}
.sub5-1 .imgBox .txt p{padding-bottom: 43px;font-size: 12px;line-height: 20px;}
.sub5-1 .imgBox .txt p:after{bottom: 10px;height: 23px;}
.sub5-1 .imgBox .txt span{font-size: 15px;}

/*보유장비*/
.sub5-2.sub_head{height: 112px;}
.sub5-2.sub_content{margin-top: -15px;}
.sub5-2 ul li{float: none;padding-bottom: 0;margin-left: 0;margin-top: 45px;width: 100%;}
.sub5-2 ul li:nth-child(2){margin-top: 45px;}
.sub5-2 ul li:after{display: none;}

/*고객사*/
.sub5-3.sub_head{height: 112px;}
.sub5-3.sub_content{margin-top: -30px;}
.ptnList{margin-top: 25px;}
.ptnList li{margin-bottom: 10px;width: 33.333%;}

/*온라인문의(form)*/
.sub6-1 .num{font-size: 13px;}
.sub6-1.sub_content{margin-top: 25px;}
.tbForm th{display: none;}
.tbForm td{width: 100%;}
.tbForm td label{margin-bottom: 5px;display: block;font-size: 14px;}
.tbForm + p{margin-top: 40px;}

/*process*/
.processSl.swiper-container{width: 100%;}
.processSl .swiper-slide{text-align: center;}
.processSl .swiper-slide img{margin-left: 60px;}
.processSl .swiper-slide .detail{margin-bottom: 25px;position: inherit;left: 0;top: 0;bottom: inherit;width: 100%;text-align: left;}
.processSl .detail h4{font-size: 18px;font-weight: 500;}
.processSl .detail p{font-size: 14px;}
.processSl .detail p + span{font-size: 12px;}
.processSl-prev{left: 0;}
.processSl-next{left: 60px;}

/*package*/
.sub3-1.sub_content{margin-top: -100px;}
.sub3-2.sub_content{margin-top: 0;}
.galList02 > ul li figure{width: 90%}
/*출시제품*/
.galList > ul li:nth-child(-n+4){padding-top: 30px;}

}

@media only screen and (max-width: 1080px){

.sub2-1.sub_content{padding: 90px 0 55px;min-height: 0;}
.sub3-1.sub_content .inner{height: auto;}
.sub2-1 .txtWrap{margin-bottom: 30px;width: 100%;height: auto;}
.sub2-1 .slideTxt .pager{display: none;}
.sub2-1 .slideTxt{padding-right: 0;position: inherit;}
.sub2-1 .slideTxt .tit{padding: 0;font-size: 17px;}
.sub3-1 .slideTxt .tit + p{margin-top: 5px;font-size: 12px;}
.sub2-1 .slideTxt .control{right: inherit;left: 0;}
.sub2-1 .slideTxt .control a img{width: 40px;}
.process-slide{position: inherit;left: 0;margin-left: 45px;}
.process-slide ul{height: 242px;}
.process-slide li{margin: 0 10px;width: 250px;height: 242px;}
.sub3-1 .process-slide{margin: 0;height: auto;}
.sub3-1 .process-slide ul{margin: auto;position: relative;width: 70%;height: auto;}
.sub3-1 .process-slide li{position: absolute;float: none;margin: 0;width: 100% !important;height: auto !important;opacity: 0;}
.sub3-1 .process-slide li:first-child{opacity: 1;}
.sub3-1 .txtWrap{margin: 25px auto 0;position: inherit;left: 0;width: 70%;text-align: center;}
.sub3-1 .slideTxt .control a img{width: 30px;}

.gal_popWrap .popIn{width: 90%;left: calc(50% - 45%);}
.gal_popWrap .popIn .clear .fLeft,
.gal_popWrap .popIn .clear .fRight{margin: auto;float: none !important;width: 100%;max-width: 500px;}
.gal_popWrap .popIn .btnX{margin: 20px 0;position: inherit;right: 0;}
.gal_popWrap .popIn .clear .flex{font-size: 12px;}
.gal_popWrap .popIn .clear .flex strong{font-size: 18px;}


}




/* process 패딩값 css 추가 */

.sub2-2, .sub2-3, .sub2-4, .sub2-5, .sub2-6, .sub2-7, .sub2-8{padding-top:150px; padding-bottom:140px;}


@media only screen and (max-width: 1080px){

.sub2-2, .sub2-3, .sub2-4, .sub2-5, .sub2-6, .sub2-7, .sub2-8{padding: 90px 0 55px;min-height: 0;}


}


/*   200529 서브레이아웃 새작업 */

.mt30{margin-top:30px !important;}
.mt40{margin-top:40px !important;}


.mb30{margin-bottom:30px !important;}
.mb70{margin-bottom:70px !important;}

.inner_1400{width:1200px; margin:0 auto; text-align:center;}

/* 기업소개 */
.sub_top_area{background-color:#f5f5f5; font-size:11px; text-align:center;padding:20px 0; color:#848484; font-weight:300;}
.sub_tit_name{font-size:17px; color:#171717; margin-top:5px; font-weight:500;}


.sub_main_sec{font-size:15px; color:#000000; font-weight:300; line-height:170%; margin:60px 0 120px 0;}
.sub_tit{color:#112ac2; font-size:20px; font-weight:400; margin-bottom:15px;}

.company_main_slogan{width:100%; height:336px; margin-top:50px;}
.company_main_slogan:after{content:""; clear:both; display:block;}
.company_main_slogan li{padding-top:145px; width:24%; margin-right:1.333%; float:left; text-align:center; background-image:url(../img/sub1-1_02.jpg); color:#ffffff; font-size:22px; height:100%;}

.company_main_slogan li:last-child{margin-right:0; background-image:url(../img/sub1-1_05.jpg);}
li.delivery{background-image:url(../img/sub1-1_03.jpg);}
li.cost{background-image:url(../img/sub1-1_04.jpg);}


@media only screen and (max-width:1300px){
.inner_1400{width:90%;}
}

@media only screen and (max-width:800px){
.sub_main_sec{margin:40px 0 80px 0;}
.sub_tit{font-size:16px;}
.company_main_slogan{height:auto; margin-top:50px;}
.company_main_slogan li{font-size:14px;padding-top:20px; padding-bottom:20px;  margin-bottom:14px; width:100%; margin-right:0; background-image:url(../img/mb_sub1-1_02.jpg); background-size:cover;}
.company_main_slogan li:last-child{background-image:url(../img/mb_sub1-1_05.jpg);}
li.delivery{background-image:url(../img/mb_sub1-1_03.jpg);}
li.cost{background-image:url(../img/mb_sub1-1_04.jpg);}
}


/* 찾아오시는 길 */

.loacation_logic{width:100%;}
.loacation_logic:after{content:""; clear:both; display:block;}
.loacation_logic li{float:left; text-align:left; font-size:14px; width:9%; min-width:71px;}
.loacation_logic li:last-child{width:91%;}
.loacation_logic li span{font-weight:500;}
.location_tit{font-size:22px; color:#253b73; font-weight:400;}


@media only screen and (max-width:900px){
.loacation_logic li{width:100%; text-align:center; font-size:13px;}
.loacation_logic li:last-child{width:100%; margin-top:20px;}
.location_tit{font-size:18px;}
}



/* 고객사  */

.client_logo{width:532px; margin:0 auto; margin-bottom:70px;}
.client_logo:after{content:""; clear:both; display:block;}
.client_logo li{float:left; margin-right:15px;}
.client_logo li:last-child{margin-right:0;}
p.client_summery{font-size:20px; margin-top:30px; color:#253b73; font-weight:500; margin-bottom:30px;}


@media only screen and (max-width:900px){
.client_logo{width:100%; margin:0 auto; margin-bottom:70px;}
.client_logo li{width:50%; margin-right:0; margin-bottom:30px;}
.client_logo li img{width:105px;}
p.client_summery{font-size:15px;}

}



/* 헤더 로고 모바일 리사이징 */
@media only screen and (max-width:1000px){
.m_resizing a img{width:85% !important; margin-left:-20px;}
}


/* 메인비주얼 폰트 크기 리사이징 */

@media only screen and (max-width:1400px){
ul.mainSlider .txt .tit{font-size: 32px;}
}


@media only screen and (max-width:900px){
.tCenter{padding:0 60px !important;}
ul.mainSlider .txt .tit{font-size: 18px;}
ul.mainSlider .txt{margin-top:35vh;}
section.mainVisual .swiper-button-prev {display:none;}
section.mainVisual .swiper-button-next {display:none;}
.sec02SliderWrap .img{width:70%; margin-top:30px;}
.name{font-size:22px !important;}
.swiper-slide a img{width:80%;}
.main .section03 .txt strong{font-size:30px;}
.main .section03 .txt p {font-size:14px; margin-top:15px;}
.main .section02 .txt .tit{margin:0;}
.main .section02 .txt .exp{font-size:12px !important; line-height:170%;}
}