@charset "utf-8";


/*메인비주얼*/
#visual{height:900px;position:relative;}
#visual video{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;opacity:0.2;z-index:899;}
#visual .typo{position:absolute;top:50%;left:0;width:100%;margin-top:-100px;text-align:center;z-index:1000;}
#visual .typo .kor{font-size:16px;color:#fff;line-height:26px;opacity:0.8;}
#visual .typo .big{font-size:86px;font-weight:900;letter-spacing:8px;color:#ed1c24;line-height:96px;padding:30px 0 20px;}
#visual .typo .small{font-size:32px;font-weight:600;letter-spacing:15px;padding-left:15px;color:#fff;line-height:42px;opacity:0.75;}
#visual .bg_network{position:absolute;width:400px;height:400px;top:50%;left:50%;margin-top:-200px;margin-left:-200px;z-index:900;}
#visual .bg_cover{position:absolute;width:100%;height:100%;top:0;left:0;background-color:rgba(0,0,0,0.3);z-index:800;}
#visual .bg_network img.img_network{
    animation: rotate_image 50s linear infinite;
    transform-origin: 50% 50%;
}
@keyframes rotate_image{
	100% {
    	transform: rotate(360deg);
    }
}
#visual .swiper {width: 100%;height: 100%;}
#visual .swiper-slide img {display: block;width: 100%;height: 100%;object-fit: cover;}

@media screen and (max-width:1000px) {
#visual{height:600px;}
#visual .typo{margin-top:-70px;}
#visual .typo .kor{font-size:14px;line-height:26px;}
#visual .typo .big{font-size:68px;letter-spacing:4px;line-height:76px;padding:20px 0 10px;}
#visual .typo .small{font-size:26px;letter-spacing:10px;padding-left:10px;line-height:36px;}
#visual .bg_network{width:360px;height:360px;margin-top:-180px;margin-left:-180px;}
}
@media screen and (max-width:480px) {
#visual{height:360px;}
#visual .typo{margin-top:-45px;}
#visual .typo .kor{font-size:12px;line-height:18px;}
#visual .typo .big{font-size:35px;letter-spacing:0;line-height:40px;padding:10px 0 3px;}
#visual .typo .small{font-size:16px;letter-spacing:1px;padding-left:0;line-height:20px;}
#visual .bg_network{width:280px;height:280px;margin-top:-140px;margin-left:-140px;}
}


/*section 공통*/
.section{padding:150px 0;}
.section .title{position:relative;}
.section .title .kor{font-size:18.8px;line-height:22px;font-weight:600;color:#222;}
.section .title h2{font-size:71px;line-height:65px;font-weight:700;color:#222;padding:20px 0 40px;margin-left:-4px;}
.section .title .underline{width:130px;border-top:3px solid #444;padding-bottom:50px;}
.section .title .exp{font-size:16.8px;line-height:34px;font-weight:400;color:#222;}

/*
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:1000px) {
.section{padding:90px 0;}
.section .title{text-align:center;}
.section .title .kor{font-size:18.0px;line-height:22px;}
.section .title h2{font-size:56px;line-height:56px;padding:10px 0 15px;margin-left:0;}
.section .title .underline{display:none;}
.section .title .exp{font-size:15.4px;line-height:24px;}
}

@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:34px;line-height:34px;padding:5px 0 10px;letter-spacing:-1px;}
.section .title .exp{font-size:13.4px;line-height:21px;}
}



/*제품소개*/
#section1{background:url(/img/main/bg_section1.jpg) no-repeat center center;background-size:cover;}
#section1 .product_wrap{display:flex;flex-wrap:wrap;}
#section1 .product_wrap .text{width:37%;}
#section1 .product_wrap .pro_list{width:63%;font-size:0;padding-top:0;text-align:right;}
#section1 .product_wrap .pro_list li{position:relative;display:inline-block;width:33.3333333333333%;max-width:288px;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;}
#section1 .product_wrap .pro_list li a p{position:absolute;bottom:30px;left:0;width:100%;text-align:center;font-size:20.4px;line-height:22px;font-weight:500;color:#fff;opacity:0.9;}
#section1 .product_wrap .pro_list li a p span{display:block;font-size:12.4px;font-weight:400;opacity:0.8;}
#section1 .product_wrap .pro_list li a img{filter: brightness(100%) grayscale(50%);transition-duration:0.3s;transform: scale(1);}
#section1 .product_wrap .pro_list li:hover{z-index:2;}
#section1 .product_wrap .pro_list li a:hover{}
#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%);transform: scale(1.1);box-shadow: 13px 13px 10px rgba(0, 0, 0, 0.42);}


@media screen and (max-width:1000px) {
#section1 .product_wrap{text-align:center;}
#section1 .product_wrap .text{position:relative;width:100%;}
#section1 .product_wrap .pro_list{width:100%;max-width:800px;margin:0 auto;padding-top:70px;}
#section1 .product_wrap .pro_list li:first-child{padding-top:50px;}
#section1 .product_wrap .pro_list li:last-child{padding-top:50px;}
#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{bottom:20px;font-size:15.4px;line-height:20px;opacity:1;}
#section1 .product_wrap .pro_list li a p span{display:none;}
#section1 .product_wrap .pro_list li a:hover{box-shadow: 8px 8px 8px rgba(0, 0, 0, 0.42);}
}


/*고객지원*/
#section2{}
#section2 .custom_wrap{position:relative;padding-right:45%;}
#section2 .custom_wrap .text{position:absolute;top:0;left:64%;}
#section2 .custom_wrap .link_wrap{font-size:0;}
#section2 .custom_wrap .link_wrap a.dataroom{display:inline-block;width:48.8%;height:190px;margin:0 2.4% 18px 0;vertical-align:top;background:url(/img/main/icon_dataroom.png) no-repeat right bottom #0733a1;color:#fff;padding:32px 35px;}
#section2 .custom_wrap .link_wrap a.qna{display:inline-block;width:48.8%;height:190px;margin:0 0 18px 0;vertical-align:top;background:url(/img/main/icon_qna.png) no-repeat right bottom #0085d3;color:#fff;padding:32px 35px;}
#section2 .custom_wrap .link_wrap a.dataroom:hover,
#section2 .custom_wrap .link_wrap a.qna:hover{opacity:0.6;}
#section2 .custom_wrap .link_wrap a.dataroom h3,
#section2 .custom_wrap .link_wrap a.qna h3{font-size:20.2px;line-height:26px;font-weight:500;padding-bottom:7px;}
#section2 .custom_wrap .link_wrap a.dataroom p,
#section2 .custom_wrap .link_wrap a.qna p{font-size:14.4px;line-height:24px;opacity:0.85;}
#section2 .custom_wrap .link_wrap .notice{background-color:#f3f3f3;padding:38px 50px;min-height:393px;}
#section2 .custom_wrap .link_wrap .notice .sub_title{position:relative;}
#section2 .custom_wrap .link_wrap .notice .sub_title h3{font-size:27px;color:#222;font-weight:800;line-height:28px;}
#section2 .custom_wrap .link_wrap .notice .sub_title a{position:absolute;top:5px;right:0;font-size:12px;font-weight:700;color:#777;}
#section2 .custom_wrap .link_wrap .notice .news_top{position:relative;padding-left:215px;margin-top:20px;}
#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:180px;}
#section2 .custom_wrap .link_wrap .notice .img .box{position:relative;width:100%;height:100%;padding-top:61.4%;}
#section2 .custom_wrap .link_wrap .notice .img .box img{position:absolute;top:0px;left:0;width:100%;height:100%;object-fit:cover;}
#section2 .custom_wrap .link_wrap .notice .article{}
#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:14px;line-height:22px;height:44px;color:#222;overflow:hidden;font-weight:300;margin:14px 0 13px;}
#section2 .custom_wrap .link_wrap .notice .article p.date{font-size:14.2px;font-weight:400;color:#222;}
#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:15.2px;font-weight:400;line-height:30px;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:14.2px;font-weight:400;line-height:27px;}
#section2 .custom_wrap .bottom_link{position:absolute;bottom:0;right:0;width:36%;}
#section2 .custom_wrap .bottom_link a{display:block;padding:25px 0 25px 100px;border-top:1px solid #d1d1d1;}
#section2 .custom_wrap .bottom_link a:last-child{border-bottom:1px solid #d1d1d1;}
#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:14.0px;font-weight:400;color:#666;line-height:20px;}
#section2 .custom_wrap .bottom_link a.location{background:url(/img/main/icon_location.png) no-repeat 0 center, url(/img/main/arrow.gif) no-repeat calc(100% - 20px) center;}
#section2 .custom_wrap .bottom_link a.history{background:url(/img/main/icon_history.png) no-repeat 0 center, url(/img/main/arrow.gif) no-repeat calc(100% - 20px) center;}


@media screen and (max-width:1260px) {
#section2 .custom_wrap .bottom_link a.location{background:url(/img/main/icon_location.png) no-repeat 0 center;}
#section2 .custom_wrap .bottom_link a.history{background:url(/img/main/icon_history.png) no-repeat 0 center;}
}
@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:1000px) {
#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.dataroom,
#section2 .custom_wrap .link_wrap a.qna{height:170px;padding:25px 0 25px 25px;background-size:90px auto;}
#section2 .custom_wrap .link_wrap .notice{padding:38px 50px;min-height: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:120px;padding:25px;width:48.8%;border:1px solid #ddd;}
#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:14px;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:650px) {
#section2 .custom_wrap .link_wrap .notice{padding:25px 30px;}	
#section2 .custom_wrap .link_wrap .notice .news_top{padding-left:200px;}
#section2 .custom_wrap .link_wrap .notice .news_list{padding-top:15px;}
	
#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;;}
}

@media screen and (max-width:480px) {
#section2 .custom_wrap .link_wrap{margin-top:40px;}
#section2 .custom_wrap .link_wrap a.dataroom,
#section2 .custom_wrap .link_wrap a.qna{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.dataroom h3,
#section2 .custom_wrap .link_wrap a.qna h3{font-size:15.4px;line-height:24px;font-weight:400;padding-bottom:17px;}
#section2 .custom_wrap .link_wrap a.dataroom p,
#section2 .custom_wrap .link_wrap a.qna p{display:none;}

#section2 .custom_wrap .link_wrap .notice{padding:20px 25px;}
#section2 .custom_wrap .link_wrap .notice .sub_title h3{font-size:24px;line-height:24px;}
#section2 .custom_wrap .link_wrap .notice .news_top{padding-left:0;margin-top:15px;}
#section2 .custom_wrap .link_wrap .notice .img{position:relative;top:auto;left:auto;width:100%;}
#section2 .custom_wrap .link_wrap .notice .img .box{padding-top:54%;}
#section2 .custom_wrap .link_wrap .notice .article p.subject{font-size:17px;padding-top:20px;}
#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:10px;}
#section2 .custom_wrap .link_wrap .notice .news_list{padding-top:15px;border-top:1px solid #ccc;}
#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;}
}