@charset "utf-8";

/* 서브페이지 헤드 */
#hd.sub_head{position:relative}
#hd.sub_head #logo a{display:none}
#hd.sub_head #logo .fixed{display:block}
#hd.sub_head .gnb_1da{color:#000}
#hd.sub_head .hd_btn .lang{border:2px solid #000;}
#hd.sub_head .hd_btn .lang strong{color:#000}
#hd.sub_head .menu-global-b{border-color:#000}
#hd.sub_head .menu-global-b.white{border-color:#fff}
#hd.sub_head .hd_btn .lang.sub:before{background:#000}
#hd.sub_head .hd_btn .lang.sub:hover strong{color:#fff}

/* 헤드서브 비쥬얼 */
.hd_visual{position:relative;width:100%;height:375px;background:#000;padding:145px 0}
.hd_visual#sub01{background:url('../img/hd_visual01.jpg')no-repeat center;}
.hd_visual#sub02{background:url('../img/hd_visual02.jpg')no-repeat center;}
.hd_visual#sub03{background:url('../img/hd_visual03.jpg')no-repeat center;}
.hd_visual#sub04{background:url('../img/hd_visual04.jpg')no-repeat center;}
.hd_visual#sub05{background:url('../img/hd_visual05.jpg')no-repeat center;}
.container_title {font-size:40px;text-align:center;color:#fff;line-height:40px}
.container_title span{display:block;margin:0 auto;font-size:23px;color:rgba(255,255,255,0.6)}

@media(max-width:850px){
.hd_visual{height:200px;padding:60px 0}
}

@media(max-width:500px){
.hd_visual{height:150px;padding:40px 0}
}

/* 네비게이션 */
.navigation{width:100%;height:60px;line-height:60px;border-bottom:1px solid #a0a0a0;}
.navigation .nav_wr{width:1460px;height:60px;margin:0 auto}
.navigation .home{float:left;width:60px;border-left:1px solid #a0a0a0;border-right:1px solid #a0a0a0;text-align:center;margin-right:-1px}
.navigation .sub_nav{float:left;}
.navigation .sub_nav li{position:relative;float:left;min-width:275px;height:60px;text-align:center;transition:all 0.3s;border-bottom:1px solid #a0a0a0}
.navigation .sub_nav li:hover{background:#ededed}
.navigation .sub_nav li:first-child{text-align:left;padding:0 25px;border-right:1px solid #a0a0a0}
.navigation .sub_nav li:first-child ul li{display:block}
.navigation .sub_nav li:first-child:hover{background:none}
.navigation .sub_nav li.active{animation-name:back_color;animation-duration:1s;background:#0680b6}
@-webkit-keyframes back_color {
  0% {
    background:#fff;
  }
  100% {
    background:#0680b6;
  }
}
.navigation .sub_nav li.active a{color:#fff}
.navigation .sub_nav li a{font-size:19px;color:#222;}
.navigation .sub_nav li .top_ul{display:none;position:absolute;top:60px;left:0;width:100%;z-index:10;padding-right:1px;box-sizing:content-box}
.navigation .sub_nav li .top_ul li{float:none;width:100%;height:45px;line-height:45px;text-align:left;padding:0 25px;border-bottom:1px solid #a0a0a0;border-left:1px solid #a0a0a0;border-right:1px solid #a0a0a0;transition:all 0.3s;background:#fff}
.navigation .sub_nav li .top_ul li:hover{background:#f5f5f5}
.navigation .sub_nav li .top_ul li a{display:block}
.navigation .sub_nav li .top_ul li:last-child{display:block}
.navigation .sub_nav li:last-child{display:none}
.navigation .sub_nav li span{position:absolute;right:25px;font-size:7px;color:#222222;}

@media(max-width:1500px){
.navigation .nav_wr{width:100%}
.navigation .home{position:absolute;}
.navigation .sub_nav{width:100%;padding-left:60px}
.navigation .sub_nav li{min-width:unset;width:20%}
}

@media(max-width:850px){
.navigation .sub_nav li{display:none;width:50%}
.navigation .sub_nav li:first-child{display:block}
.navigation .sub_nav li:last-child{display:block}
}

@media(max-width:500px){
.navigation{height:50px;line-height:50px}
.navigation .nav_wr{height:50px}
.navigation .home{height:50px;width:45px}
.navigation .sub_nav li{height:50px}
.navigation .sub_nav li a{font-size:16px}
.navigation .sub_nav li .top_ul{top:50px}
}

/* 서브페이지 */
.sub_title{font-size:38px;color:#222222;text-align:center;letter-spacing:-1px;font-weight:500;margin:70px 0 40px 0}
.layout_1300{position:relative;width:1300px;height:auto;overflow:hidden;margin:0 auto}

@media(max-width:1300px){
.layout_1300{width:100%;padding:0 20px}
}

@media(max-width:500px){
.layout_1300{padding:0 10px}
.sub_title{margin:20px 0;font-size:25px}
.container_title{font-size:25px;line-height:35px}
.container_title span{font-size:18px;}
.navigation .sub_nav{padding-left:44px}
}

/* CEO 인사말 */
.sub1_1_bg{position:relative;width:100%;height:559px;background:url('../img/page/sub1_1_bg.jpg');transition:all 0.3s}
.sub1_1_bg .insa_box{position:absolute;bottom:0;width:100%;height:124px;background:rgba(0,0,0,0.27)}
.sub1_1_bg .insa_wr{position:relative;width:1300px;height:auto;overflow:hidden;margin:0 auto}
.sub1_1_bg .insa_wr p{font-size:25px;color:#fff;text-align:center;font-weight:300;padding:25px 0;letter-spacing:-1px}
.sub1_1_bg .insa_wr img{position:absolute;left:0}
.insa_30,.insa_70{padding:55px 0}
.insa_30{float:left;width:30%;}
.insa_30 p{font-size:53px;color:#929292;font-weight:bold;opacity:0.2;letter-spacing:10px}
.insa_70{float:left;width:70%;}
.insa_70 p{font-size:15px;color:#151515;padding:0 20px;word-break:keep-all;margin-bottom:25px}
.insa_70 p span{font-weight:500}

@media(max-width:1300px){
.sub1_1_bg .insa_wr{width:100%}
}
@media(max-width:1200px){
.sub1_1_bg .insa_wr img{display:none}
.insa_30 p{font-size:45px;letter-spacing:5px}
}
@media(max-width:960px){
.sub1_1_bg{height:350px;background-size:cover}
.sub1_1_bg .insa_wr p{font-size:20px;padding:33px 0}
.insa_30, .insa_70{float:none;width:100%;padding:2% 0}
.insa_70 p{padding:0}
.sub1_1_bg .insa_wr img{display:none}
}
@media(max-width:500px){
.sub1_1_bg{height:250px}
.sub1_1_bg .insa_wr p{font-size:17px}
}
@media(max-width:430px){
.sub1_1_bg .insa_box{height:100px}
.sub1_1_bg .insa_wr p{padding:28px 0}
}

@media(max-width:435px){
.sub1_1_bg .insa_wr p{padding:15px 0}
}

/* 회사소개 */
.sub1_2_bg{width:100%;height:560px;background:url('../img/page/sub1_2_bg.jpg')no-repeat center;padding-top:75px}
.daeseok_img{text-align:center;margin:25px 0}
.sub_text1{font-size:25px;color:#fff;text-align:center;font-weight:300}
.sub_text1 span{font-weight:500}
.sub_text2{font-size:16px;font-weight:300;color:#fff;text-align:center;margin:5px 0}
.intro_ul{position:relative;top:-220px;width:1300px;height:auto;margin:0 auto;}
.intro_ul li{height:480px}
.intro_ul li:first-child{width:650px;background:url('../img/page/intro_li01.jpg')no-repeat center}
.intro_ul li:last-child{position:absolute;top:120px;right:0;width:724px;background:url('../img/page/intro_li02.jpg')no-repeat center;padding:30px 45px}
.intro_ul li dl{width:50%;float:left;}
.intro_ul li dl:first-child{width:60%}
.intro_ul li dl:last-child{width:40%}
.intro_ul li dl dt,.intro_ul li dl dd{position:relative;font-size:17px;color:#fff;font-weight:500;float:left;height:40px;line-height:40px}
.intro_ul li dl dt{width:35%;word-break:keep-all}
.intro_ul li dl dd{width:65%;font-weight:300;padding-left:50px}
.intro_ul li dl dt:before{position:absolute;display:block;content:'';width:1px;height:15px;background:rgba(255,255,255,0.3);top:12px;right:0}

@media(max-width:1300px){
.intro_ul{width:100%}
}

@media(max-width:724px){
.intro_ul li:last-child{width:100%}
}

@media(max-width:680px){
.sub1_2_bg{height:300px;padding-top:20px}
.intro_ul{top:-65px}
.intro_ul li:first-child{width:90%;margin:0 auto;height:200px;}
.intro_ul li:last-child{position:relative;top:0;width:90%;margin:0 auto;height:auto;overflow:hidden;background-size:cover}
.intro_ul li dl:first-child{width:100%}
.intro_ul li dl:last-child{width:100%}
}

@media(max-width:620px){
.sub_text1{font-size:20px}
.sub_text2{font-size:12px;}
}

@media(max-width:500px){
.intro_ul li:first-child{display:none}
.intro_ul li:last-child{width:95%}
.intro_ul li dl dt, .intro_ul li dl dd{line-height:unset}
.sub1_2_bg{height:200px;padding-top:10px}
.daeseok_img{margin:5px 0}
.sub_text2{display:none}
.sub_text1{font-size:16px}
}

@media(max-width:460px){
.intro_ul li:last-child{padding:3%}
.intro_ul li dl dd{padding-left:5%;font-size:15px}
.intro_ul li dl dt:before{right:10%}
}

/* 회사연혁 */
.sub1_3_bg{width:100%;height:542px;background:url('../img/page/sub1_3_bg.jpg')no-repeat center;padding-top:215px}
.bg_title{font-size:40px;color:#fff;text-align:center;font-weight:300;text-shadow:1px 5px 10px rgba(0,0,0,0.3)}
.bg_title span{font-weight:500}
.bg_title::after{display:block;content:'/';font-size:16px;margin:20px 0}
.bg_text{font-size:16px;color:#fff;text-align:center;font-weight:300}
.history .year{position:relative;width:25%;float:left}
.history .year.more{height:125px}
.history .year.more2{height:95px}
.history .year p{font-size:50px;color:#111111;font-weight:bold;letter-spacing:-1px;line-height:85px}
.history .cont::before{top:0;left:15px;display:block;content:'';position:absolute;width:8px;height:100%;background:#f7f7f7}
.history .cont{width:100%;min-height:85px;line-height:85px;padding:50px}
.history .cont dl dt,dd{;float:left;font-size:18px}
.history .cont dl dt{position:relative;width:8%;font-weight:bold;color:#111111}
.history .cont dl dd{width:92%;color:#6b6b6b;}
.history .cont dt::after{top:35px;left:-37px;display:block;content:'';position:absolute;width:14px;height:14px;background:#0680b6;border-radius:100%;z-index:9999}
.history .first{padding-top:40px}
.history .last{padding-bottom:40px}
.history .first::after{top:76px}
.history .his_more{padding-top:25px}
.history .his_more dt,.history .his_more dd{line-height:30px}
.history .his_more dt::after{top:7px}
.history .his_more .lc{margin-bottom:10px}

@media(max-width:1300px){
.history .cont dl dt{width:15%}
.history .cont dl dd{width:85%}
.history .cont::before{left:35px}
}

@media(max-width:960px){
.sub1_3_bg{height:400px;padding-top:120px}
}

@media(max-width:740px){
.history .year::before,.history .year::after{display:none}
.history .cont dl dt{width:30%}
.history .cont dl dd{width:70%}
}

@media(max-width:500px){
.sub1_3_bg{height:250px;background-size:cover;padding-top:0;line-height:250px;}
.bg_title{font-size:30px;}
.bg_text{display:none}
.bg_title::after{display:none}
.history .cont::before{display:none}
.history .cont dt::after{top:7px;left:0}
.history .cont dl dt,.history .cont dl dd{padding-left:30px}
.history .cont dl dd{font-size:14px}
.history .first{padding-top:0}
.history .cont{min-height:unset;line-height:unset;border-bottom:2px solid #0680b6;padding:20px 0}
.history .cont dl{height:auto;overflow:hidden}
.history .year.more{height:auto}
.history .his_more{padding-top:0}
.history .last{padding-bottom:0}
.history .year{border-bottom:1px solid #e3e3e3}
.history .year.more2,.history .year.more{height:auto}
.history .year p{font-size:30px;line-height:unset;margin:5px 0}
.history .cont.last{margin-bottom:25px;padding-bottom:20px}
}

@media(max-width:415px){
.history .cont dl dt,.history .cont dl dd{width:100%;}
}

/* 찾아오시는 길 */
.layout_1610{width:1610px;height:auto;overflow:hidden;}
.layout_1610.left{float:left;height:600px;background:#4d4d4d}
.layout_1610.right{height:170px;background:#e1eaf3;float:right;padding:50px 130px;margin-bottom:100px}
.layout_1610.right ul li{display:inline-block;vertical-align:top;width:33%;}
.layout_1610.right ul li p:first-child{font-size:20px;color:#0680b6}
.layout_1610.right ul li p:last-child{font-size:16px;color:#5f5f5f;padding-left:35px;margin-top:10px}
.layout_1610.right ul li p i{width:35px;display:inline-block}

@media(max-width:1610px){
.layout_1610{width:100%}
.layout_1610.left,.layout_1610.right{float:none}
.layout_1610.right{text-align:center;padding:50px 1%}
#daumRoughmapContainer1583295207866{width:100% !important}
}

@media(max-width:960px){
.layout_1610.left,.root_daum_roughmap .wrap_map{height:400px !important}
}

@media(max-width:850px){
.layout_1610.right{text-align:left;height:auto;padding:5% 2%}
.layout_1610.right ul li{width:48%;margin-bottom:2%}
.layout_1610.right ul li:last-child{margin-bottom:0}
}

@media(max-width:600px){
.layout_1610.right{margin:0}
.layout_1610.right ul li{width:100%;}
.layout_1610.left,.root_daum_roughmap .wrap_map{height:300px !important}
}

@media(max-width:500px){
.layout_1610.right ul li p:first-child{font-size:16px}
.layout_1610.right ul li p:last-child{font-size:15px}
}

/* 주요생산품목 */
.layout_1580{width:1580px;height:auto;overflow:hidden;margin:0 auto}
.product_ul{width:100%;height:auto;overflow:hidden;text-align:left}
.product_ul li{display:inline-block;width:384px;height:auto;margin:0 3px;margin-bottom:30px;overflow:hidden;vertical-align:top}
.product_ul li .product{width:100%;height:335px;background:#f1f1f1;border:1px solid #bababa;overflow:hidden}
.product_ul li .product img{width:100%;height:100% !important}
.product_ul li:hover .product{border:2px solid #0680b6}
.product_ul li:hover .name{color:#0680b6}
.product_ul li .name{font-size:18px;color:#515151;text-align:center;margin:30px 0}

@media(max-width:1580px){
.layout_1580{width:100%}
.product_ul li{width:22%;margin:0 1%}
.product_ul li .product{height:195px}
}

@media(max-width:960px){
.product_ul li{width:31%;}
}

@media(max-width:600px){
.product_ul li{width:47%;}
.product_ul li .product{height:165px}
}

/* 온라인 견적 */
.layout_1300.absolute{top:-50px}
.online_wr{position:relative;}
.online_bg{position:absolute;width:100%;height:200px;background:url('../img/page/online_bg.png')#fff no-repeat right;top:-40px}
.online .req_ico{position:absolute;top:50px;right:10px;font-size:20px;color:#f71616}
.online{width:100%;height:auto;overflow:hidden;margin-top:100px}
.online li{position:relative;float:left;width:48%;margin:0 1%;margin-bottom:20px}
.online li:last-child{margin-right:0}
.online li p{font-size:20px;color:#222222}
.online li p i{margin-right:15px}
.online li input{position:relative;width:100%;height:60px;border:1px solid #cacaca;border-radius:5px;margin:18px 0;padding:0 15px}
.online li input[type="file"]{padding:17px 15px}
.online li.full{width:100%;float:none;height:auto;overflow:hidden}
.online li textarea{width:99%;border:1px solid #cacaca;border-radius:5px;height:260px;margin:18px 0;font-size:14px;color:#5f5f5f;padding:30px 40px}
.online .check_box{width:99%;position:relative;top:-23px;border:1px solid #cacaca;border-radius:5px;font-size:14px;color:#5f5f5f;text-align:center}
.online .check_box input{width:16px;height:16px;border:1px solid #cacaca;background:#fff;margin-right:10px}
.online .submit_btn{position:relative;display:block;width:200px;height:60px;margin:20px auto;border:1px solid transparent;background:#fff;
    -moz-border-image: -moz-linear-gradient(top left, #0680b6 0%, #20d379 100%);
    -webkit-border-image: -webkit-linear-gradient(top left, #0680b6 0%, #20d379 100%);
    border-image: linear-gradient(to bottom right, #0680b6 0%, #20d379 100%);
    border-image-slice: 1;overflow:hidden}
.online .submit_btn a{position:relative;z-index:10;font-size:20px;color:#222222;}
.online .submit_btn:before{
	display:block; position:absolute; left:-130%; bottom:0; content:""; width:120%; height:150%; background:#fff; /* opacity:0;filter:Alpha(opacity=0); */
	transform:skew(-20deg);
	-webkit-transition:all 0.5s;-moz-transition:all 0.5s;-o-transition:all 0.5s;-ms-transition:all 0.5s;transition:all 0.5s
}

.online .submit_btn:hover:before{left:-10%; opacity:1.0;filter:Alpha(opacity=100);background:linear-gradient(to right,#0680b6,#20d379);}
.online .submit_btn:hover a{color:#fff}

@media(max-width:850px){
.layout_1300.absolute{top:0}
.online_bg{display:none}
.online{margin:0}
}

@media(max-width:500px){
.online_bg{display:none}
.online{margin:0}
.online li{float:none;width:100%;margin:0;}
.online li textarea{height:100px}
.online li input{height:40px}
.online li input[type="file"]{padding:7px 10px}
.online .submit_btn{width:160px;height:50px}
}

/* 각종 처리방침 */
.company{width:100%;height:auto;overflow:hidden;margin-bottom:50px}
.company li.tit{font-size:20px;font-weight:bold;color:#4d566a;margin:20px 0}
.company li.cont{font-size:17px;margin:5px 0;width:100%;word-break:keep-all}

@media(max-width:500px){
.company li.tit{margin:15px 0;font-size:18px}
.company li.cont{font-size:15px;}
}

/* 설비현황 */
.facilities{position:relative;width:1445px;height:auto;margin:0 auto;}
.facilities .tit{font-size:24px;color:#3c5163}
.facilities .tit::before{position:relative;top:10px;margin-right:20px;content:'';width:50px;height:1px;background:#3c5163;display:inline-block;vertical-align:top}
.facilities ul{width:100%;height:auto;overflow:hidden;margin:30px 0;}
.facilities ul li{width:465px;height:auto;display:inline-block;margin-right:20px;margin-bottom:20px}
.facilities ul li:nth-child(3){margin-right:0}
.facilities ul li:hover .img{border:3px solid #0680b6}
.facilities ul li:hover .txt{background:#0680b6;color:#fff}
.facilities .img{width:100%;height:370px;background:#f5f5f5;overflow:hidden}
.facilities .txt{width:100%;line-height:50px;margin:12px 0;font-size:18px;color:#fff;text-align:center;background:#f8f8f8;color:#515151;border:1px solid #d3d3d3;transition:0.3s;}
.facilities .txt p{word-break:keep-all}

@media(max-width:1445px){
.facilities{width:100%;padding:0 20px}
.facilities ul li{width:32%;margin-right:1%}
.facilities .img{height:auto}
}

@media(max-width:700px){
.facilities ul li{width:48%;margin-right:2%;margin-bottom:2%}
.facilities ul li:nth-child(2){margin-right:0}
.facilities ul li:nth-child(4){margin-right:0}
.facilities ul li:nth-child(3){margin-right:2%}
.facilities .txt{margin:3% 0}
}

@media(max-width:500px){
.facilities .tit{font-size:18px}
.facilities .txt{font-size:14px;line-height:40px;letter-spacing:-1px}
}

@media(max-width:400px){
.facilities .tit::before{display:block;top:0;margin-bottom:10px}
.facilities ul li{width:100%}
}