@charset "utf-8";


/*메인비주얼*/
#main_visual{position:relative;height:980px;}
#main_visual .typo{position:absolute;top:50%;left:50%;width:1300px;margin-top:-110px;margin-left:-650px;text-align:left;color:#fff;z-index:1000;}
#main_visual .typo .exp{font-size:15px;line-height:30px;font-weight:400;letter-spacing:1.6px;opacity:0.80;}
#main_visual .typo .eng{font-size:70px;line-height:70px;font-weight:400;padding:20px 0 20px;margin-left:-5px;}
#main_visual .typo .eng span.color{font-weight:700;color:#10bbfa;}

@media screen and (max-width:1420px) {
#main_visual .typo{left:0;width:100%;margin-left:0;padding-left:50px;}
}

@media screen and (max-width:1024px) {
#main_visual{height:600px;}
#main_visual .typo{margin-top:-70px;}
#main_visual .typo .exp{font-size:15px;line-height:22px;letter-spacing:1px;}
#main_visual .typo .eng{font-size:56px;line-height:60px;padding:20px 0 20px;margin-left:-3px;}
}

@media screen and (max-width:768px) {
#main_visual{height:420px;}
#main_visual .typo{margin-top:-50px;text-align:center;padding-left:0;}
#main_visual .typo .exp{font-size:14px;line-height:20px;letter-spacing:0px;}
#main_visual .typo .eng{font-size:38px;line-height:40px;padding:10px 0 20px;margin-left:0px;}
}
@media screen and (max-width:480px) {
#main_visual .typo{margin-top:-20px;padding:0 30px;}
#main_visual .typo .exp{font-size:12px;}
#main_visual .typo .eng{font-size:27px;line-height:30px;padding:5px 0 20px;}
}

/*section 공통*/
.section{padding:140px 0;}
.section .title{position:relative;}
.section .title .kor{font-size:17.0px;line-height:22px;font-weight:500;color:#333;}
.section .title h2{font-size:63px;line-height:63px;font-weight:700;color:#222;padding:20px 0 35px;margin-left:-4px;}
.section .title .underline{width:130px;border-top:3px solid #444;padding-bottom:40px;}
.section .title .exp{font-size:14.4px;line-height:24px;font-weight:300;color:#222;opacity:0.9;}

a.main_btn_more{position:absolute;bottom:0;;left:0;display:block;border:1px solid #555;line-height:46px;font-size:14.6px;color:#333;width:175px;padding-left:20px;}
a.main_btn_more span{margin-left:40px;color:#444;}
a.main_btn_more:hover{border:1px solid #10BBFA;background-color:#10BBFA;color:#fff;}
a.main_btn_more:hover span{color:#fff;}

@media screen and (max-width:960px) {
.section{padding:90px 0;}
.section .title{text-align:center;}
.section .title .kor{font-size:17.0px;line-height:22px;}
.section .title h2{font-size:50px;line-height:50px;padding:10px 0 10px;margin-left:0;}
.section .title .underline{display:none;}
.section .title .exp{font-size:14.4px;line-height:24px;}

a.main_btn_more{position:relative;bottom:auto;left:auto;line-height:46px;font-size:14.6px;width:175px;padding-left:20px;margin:50px auto 0;}
a.main_btn_more span{margin-left:44px;color:#444;}
a.main_btn_more:hover{border:1px solid #10BBFA;background-color:#10BBFA;color:#fff;}
a.main_btn_more:hover span{color:#fff;}
}

@media screen and (max-width:480px) {
.section{padding:50px 0;}
.section .title .kor{font-size:15.0px;line-height:20px;}
.section .title h2{font-size:30px;line-height:30px;padding:5px 0 5px;letter-spacing:-1px;}
.section .title .exp{font-size:13px;line-height:19px;}

a.main_btn_more{line-height:38px;font-size:13.6px;width:120px;padding-left:12px;margin:35px auto 0;}
a.main_btn_more span{margin-left:12px;color:#444;}
}



/*제품소개*/
#section1{}
#section1 .product_wrap{padding-left:436px;}
#section1 .product_wrap .text{position:absolute;top:0;left:0;}
#section1 .product_wrap .pro_list{font-size:0;width:100%;padding-top:55px;}
#section1 .product_wrap .pro_list li{position:relative;display:inline-block;width:33.3333333333333%;vertical-align:top;}
#section1 .product_wrap .pro_list li:first-child{padding-top:170px;}
#section1 .product_wrap .pro_list li:last-child{padding-top:90px;}
#section1 .product_wrap .pro_list li a{display:block;position:relative;transition-duration:0.3s;}
#section1 .product_wrap .pro_list li a p{position:absolute;bottom:0;left:0;width:100%;text-align:center;font-size:17.4px;line-height:80px;font-weight:500;color:#fff;opacity:0.9;}
#section1 .product_wrap .pro_list li a img{filter: brightness(160%) grayscale(100%);transition-duration:0.3s;}
#section1 .product_wrap .pro_list li:hover{z-index:2;}
#section1 .product_wrap .pro_list li a:hover{box-shadow: 13px 13px 10px rgba(0, 0, 0, 0.42);}
#section1 .product_wrap .pro_list li a:hover p{opacity:1;}
#section1 .product_wrap .pro_list li a:hover img{filter: brightness(100%) grayscale(0%);}



@media screen and (max-width:1200px) {
#section1 .product_wrap{padding-left:350px;}
}

@media screen and (max-width:960px) {
#section1 .product_wrap{padding-left:0;}
#section1 .product_wrap .text{position:relative;top:auto;left:auto;width:100%;}
#section1 .product_wrap .pro_list{max-width:800px;margin:0 auto;padding-top:70px;}
#section1 .product_wrap .pro_list li:first-child{padding-top:60px;}
#section1 .product_wrap .pro_list li:last-child{padding-top:60px;}
#section1 .product_wrap .pro_list li a img{filter: brightness(100%) grayscale(0%);transition-duration:0.3s;}
}

@media screen and (max-width:480px) {
#section1 .product_wrap .pro_list{padding-top:40px;}
#section1 .product_wrap .pro_list li:first-child{padding-top:30px;}
#section1 .product_wrap .pro_list li:last-child{padding-top:30px;}
#section1 .product_wrap .pro_list li a p{font-size:14px;line-height:46px;opacity:1;}
#section1 .product_wrap .pro_list li a:hover{box-shadow: 8px 8px 8px rgba(0, 0, 0, 0.42);}
}


/*고객지원*/
#section2{background:url(../img/main/bg_section2.jpg) no-repeat center center;background-size:cover;}
#section2 .custom_wrap{position:relative;padding-right:47%;}
#section2 .custom_wrap .text{position:absolute;top:0;left:62%;}
#section2 .custom_wrap .link_wrap{font-size:0;}
#section2 .custom_wrap .link_wrap a.certi{display:inline-block;width:48.8%;height:190px;margin:0 2.4% 18px 0;vertical-align:top;background:url(../img/main/icon_certi.png) no-repeat right bottom #3665a2;color:#fff;padding:30px;}
#section2 .custom_wrap .link_wrap a.catalog{display:inline-block;width:48.8%;height:190px;margin:0 0 18px 0;vertical-align:top;background:url(../img/main/icon_catalog.png) no-repeat right bottom #168ec1;color:#fff;padding:30px;}
#section2 .custom_wrap .link_wrap a.certi:hover,
#section2 .custom_wrap .link_wrap a.catalog:hover{opacity:0.6;}
#section2 .custom_wrap .link_wrap a.certi h3,
#section2 .custom_wrap .link_wrap a.catalog h3{font-size:20.2px;line-height:26px;font-weight:500;padding-bottom:7px;}
#section2 .custom_wrap .link_wrap a.certi p,
#section2 .custom_wrap .link_wrap a.catalog p{font-size:13.2px;line-height:19px;opacity:0.7;}
#section2 .custom_wrap .link_wrap .notice{background-color:#fff;padding:30px;}
#section2 .custom_wrap .link_wrap .notice .sub_title{position:relative;}
#section2 .custom_wrap .link_wrap .notice .sub_title h3{font-size:24.8px;color:#222;font-weight:700;line-height:28px;}
#section2 .custom_wrap .link_wrap .notice .sub_title a{position:absolute;top:7px;right:0;font-size:12px;font-weight:700;color:#777;}
#section2 .custom_wrap .link_wrap .notice .news_top{position:relative;padding-left:225px;margin-top:15px;}
#section2 .custom_wrap .link_wrap .notice .news_top a{display:block;}
#section2 .custom_wrap .link_wrap .notice .news_top a:hover{opacity:0.6;}
#section2 .custom_wrap .link_wrap .notice .img{position:absolute;top:3px;left:0;width:200px;}
#section2 .custom_wrap .link_wrap .notice .article{border-bottom:1px solid #ededed;}
#section2 .custom_wrap .link_wrap .notice .article p.subject{font-size:18px;line-height:22px;font-weight:500;color:#333;text-overflow: ellipsis; white-space:nowrap; overflow:hidden;}
#section2 .custom_wrap .link_wrap .notice .article p.exp{font-size:13.2px;line-height:21px;height:63px;color:#555;overflow:hidden;font-weight:300;margin:10px 0 15px;}
#section2 .custom_wrap .link_wrap .notice .article p.date{font-size:14px;font-weight:400;color:#777;padding-bottom:7px;}
#section2 .custom_wrap .link_wrap .notice .news_list{padding-top:25px;}
#section2 .custom_wrap .link_wrap .notice .news_list li{position:relative;padding-right:92px;}
#section2 .custom_wrap .link_wrap .notice .news_list li a{display:block;font-size:14px;font-weight:400;line-height:27px;text-overflow: ellipsis; white-space:nowrap; overflow:hidden;background:url(../img/spot_ul.gif) no-repeat 0 center;padding-left:10px;}
#section2 .custom_wrap .link_wrap .notice .news_list li span{position:absolute;top:0;right:0;display:block;font-size:13.6px;font-weight:400;line-height:27px;}
#section2 .custom_wrap .bottom_link{position:absolute;bottom:0;right:0;width:38%;}
#section2 .custom_wrap .bottom_link a{display:block;height:113px;padding:30px 0 30px 100px;}
#section2 .custom_wrap .bottom_link a:hover{opacity:0.6;}
#section2 .custom_wrap .bottom_link a h3{font-size:18.4px;font-weight:500;color:#222;line-height:30px;}
#section2 .custom_wrap .bottom_link a p{font-size:13.2px;font-weight:400;color:#888;line-height:20px;}
#section2 .custom_wrap .bottom_link a.location{background:url(../img/main/icon_location.png) no-repeat 0 center #fff;margin-bottom:18px;}
#section2 .custom_wrap .bottom_link a.history{background:url(../img/main/icon_history.png) no-repeat 0 center #fff;}

@media screen and (max-width:1200px) {
#section2 .custom_wrap{padding-right:43%;}
#section2 .custom_wrap .text{left:60%;}
#section2 .custom_wrap .bottom_link{width:40%;}
}

@media screen and (max-width:960px) {
#section2 .custom_wrap{padding-right:0;}
#section2 .custom_wrap .text{position:relative;top:auto;left:auto;}
#section2 .custom_wrap .link_wrap{margin-top:70px;}
#section2 .custom_wrap .link_wrap a.certi,
#section2 .custom_wrap .link_wrap a.catalog{height:170px;padding:25px 0 25px 25px;background-size:90px auto;}
#section2 .custom_wrap .bottom_link{width:100%;}

#section2 .custom_wrap .bottom_link{position:relative;bottom:auto;right:auto;width:100%;margin-top:18px;font-size:0;}
#section2 .custom_wrap .bottom_link a{display:inline-block;vertical-align:top;height:170px;padding:25px;width:48.8%;}
#section2 .custom_wrap .bottom_link a h3{font-size:18.4px;font-weight:500;line-height:26px;padding-bottom:7px;}
#section2 .custom_wrap .bottom_link a p{font-size:13.2px;line-height:19px;}
#section2 .custom_wrap .bottom_link a.location{background:url(../img/main/icon_location.png) no-repeat right bottom #fff;background-size:90px auto;margin:0 2.4% 0 0;}
#section2 .custom_wrap .bottom_link a.history{background:url(../img/main/icon_history.png) no-repeat right bottom #fff;background-size:90px auto;}

}

@media screen and (max-width:768px) {
#section2 .custom_wrap .link_wrap .notice{padding:25px;}
#section2 .custom_wrap .link_wrap .notice .news_top{padding-left:195px;}	
#section2 .custom_wrap .link_wrap .notice .img{width:170px;}

#section2 .custom_wrap .link_wrap .notice .article p.subject{font-size:17px;line-height:20px;}
#section2 .custom_wrap .link_wrap .notice .article p.exp{margin:7px 0 7px;}
#section2 .custom_wrap .link_wrap .notice .article p.date{padding-bottom:5px;}
#section2 .custom_wrap .link_wrap .notice .news_list{padding-top:20px;}
}


@media screen and (max-width:480px) {
#section2 .custom_wrap .link_wrap{margin-top:40px;}
#section2 .custom_wrap .link_wrap a.certi,
#section2 .custom_wrap .link_wrap a.catalog{height:auto;margin-bottom:10px;padding:63px 0 0 0;text-align:center;background-position:center 3px;background-size:70px auto;}
#section2 .custom_wrap .link_wrap a.certi h3,
#section2 .custom_wrap .link_wrap a.catalog h3{font-size:15.4px;line-height:24px;font-weight:400;padding-bottom:17px;}
#section2 .custom_wrap .link_wrap a.certi p,
#section2 .custom_wrap .link_wrap a.catalog p{display:none;}


#section2 .custom_wrap .link_wrap .notice{padding:20px;}
#section2 .custom_wrap .link_wrap .notice .sub_title h3{font-size:20px;line-height:24px;}
#section2 .custom_wrap .link_wrap .notice .news_top{padding-left:0;margin-top:12px;}
#section2 .custom_wrap .link_wrap .notice .img{position:relative;top:auto;left:auto;width:100%;}
#section2 .custom_wrap .link_wrap .notice .article p.subject{font-size:16px;padding-top:14px;}
#section2 .custom_wrap .link_wrap .notice .article p.exp{height:42px;margin:7px 0 5px;}
#section2 .custom_wrap .link_wrap .notice .article p.date{padding-bottom:15px;}
#section2 .custom_wrap .link_wrap .notice .news_list{padding-top:15px;}
#section2 .custom_wrap .link_wrap .notice .news_list li{position:relative;padding-right:0;}
#section2 .custom_wrap .link_wrap .notice .news_list li:last-child{display:none;}
#section2 .custom_wrap .link_wrap .notice .news_list li span{display:none;}



#section2 .custom_wrap .bottom_link{width:100%;}
#section2 .custom_wrap .bottom_link{margin-top:10px;}
#section2 .custom_wrap .bottom_link a{height:auto;margin-bottom:10px;padding:63px 0 0 0;text-align:center;}
#section2 .custom_wrap .bottom_link a h3{font-size:15.4px;line-height:24px;font-weight:400;padding-bottom:17px;}
#section2 .custom_wrap .bottom_link a p{display:none;}
#section2 .custom_wrap .bottom_link a.location{background-position:center 3px;background-size:70px auto;margin:0 2.4% 0 0;}
#section2 .custom_wrap .bottom_link a.history{background-position:center 3px;background-size:70px auto;;}

}


/*거래처*/
#section3{background:url(../img/main/bg_section3.jpg) no-repeat center center;background-size:cover;padding:150px 0 100px;}
#section3 .partner_wrap{padding-left:444px;}
#section3 .partner_wrap .text{position:absolute;top:0;left:0;}
#section3 .partner_wrap .banner_list{font-size:0;width:100%;}
#section3 .partner_wrap .banner_list li{position:relative;display:inline-block;width:30.6666666666%;margin-right:4%;vertical-align:top;}
#section3 .partner_wrap .banner_list li:nth-child(3n){margin-right:0;}
#section3 .partner_wrap .banner_list li a{display:block;}
#section3 .partner_wrap .banner_list li a p{text-align:center;font-size:15.0px;line-height:20px;font-weight:400;color:#333;padding:20px 0 30px;text-overflow: ellipsis; white-space:nowrap; overflow:hidden;}
#section3 .partner_wrap .banner_list li:hover{opacity:0.5;}

#section3 a.main_btn_more{bottom:70px;width:185px;padding-left:20px;}


@media screen and (max-width:1200px) {
#section3 .partner_wrap{padding-left:350px;}
}

@media screen and (max-width:960px) {
#section3{padding:90px 0;}
#section3 .partner_wrap{padding-left:0;}
#section3 .partner_wrap .text{position:relative;top:auto;left:auto;width:100%;}
#section3 .partner_wrap .banner_list{max-width:800px;margin:0 auto;padding-top:70px;}

#section3 a.main_btn_more{bottom:auto;width:185px;}
}

@media screen and (max-width:480px) {
#section3{padding:50px 0;}
#section3 .partner_wrap .banner_list{padding-top:40px;}
#section3 .partner_wrap .banner_list li{width:48%;margin-right:4%;}
#section3 .partner_wrap .banner_list li:nth-child(3n){margin-right:4%;}
#section3 .partner_wrap .banner_list li:nth-child(2n){margin-right:0;}
#section3 .partner_wrap .banner_list li:last-child{display:none;}
#section3 .partner_wrap .banner_list li a p{font-size:13.6px;padding:13px 0 17px;}

#section3 a.main_btn_more{width:150px;}
}