@charset "utf-8";

/* 반응형 재정의 : footer 넓이*/
.res_wrap{position:relative;width:1500px;margin:0 auto;}

@media screen and (max-width:1540px){
	.res_wrap{width:94%;margin:0 auto;}
}



/*메인비주얼*/
#main_visual{font-size:0;line-height:0;position:relative;}
#main_visual .bg{width:100%;height:930px;position:relative;}
#main_visual .bg .typo{position:absolute;width:100%;top:50%;text-align:center;transform:translateY(-55.1%);padding-left:54%;z-index:1000;}
#main_visual .bg1{background:url(/img/main/main1.jpg) no-repeat center center;background-size:cover;}
#main_visual .bg2{background:url(/img/main/main2.jpg) no-repeat center center;background-size:cover;}
#main_visual .bg3{background:url(/img/main/main3.jpg) no-repeat center center;background-size:cover;}
#main_visual .bg4{background:url(/img/main/main4.jpg) no-repeat center center;background-size:cover;}

#main_visual .bg a{display:block;font-size:0;width:100%;height:100%;}

#main_visual ul.slick-dots{position:absolute;bottom:80px;left:50%;width:320px;text-align:center;transform:translateX(-50%);z-index:11;}
#main_visual ul.slick-dots li{display:inline-block;margin:0 3px;}
#main_visual ul.slick-dots li button{font-size: 0;display: block;height:10px;width:10px;border-radius:30px;background-color:rgba(255,255,255,0.8);-webkit-transition:all 0.3s; /* Safari */transition: all 0.3s;cursor:pointer;}
#main_visual ul.slick-dots li.slick-active button{width:25px;background-color:rgba(8,183,200,1);}

@media screen and (max-width:1600px) {
#main_visual .bg{width:100%;height:860px;position:relative;}
}

@media screen and (max-width:1430px) {
#main_visual .bg{width:100%;height:800px;position:relative;}
}

@media screen and (max-width:1320px) {
#main_visual .bg{width:100%;height:700px;position:relative;}
}

@media screen and (max-width:1200px) {
#main_visual .bg{width:100%;height:600px;position:relative;}
#main_visual .bg1{background:url(/img/main/main1_mobile.jpg) no-repeat center center;background-size:cover;}
#main_visual .bg2{background:url(/img/main/main2_mobile.jpg) no-repeat center center;background-size:cover;}
#main_visual .bg3{background:url(/img/main/main3_mobile.jpg) no-repeat center center;background-size:cover;}
#main_visual .bg4{background:url(/img/main/main4_mobile.jpg) no-repeat center center;background-size:cover;}
}

@media screen and (max-width:1000px) {
#main_visual .bg{height:560px;}
#main_visual ul.slick-dots{display:none !important;}
}

@media screen and (max-width:850px) {
#main_visual .bg{height:460px;}
}

@media screen and (max-width:700px) {
#main_visual .bg{height:400px;}
}
@media screen and (max-width:540px) {
#main_visual .bg{height:320px;}
}
@media screen and (max-width:440px) {
#main_visual .bg{height:250px;}
}



/*제품정보*/
#product{background-color:#F7F8FA;padding:140px 0 220px;text-align:center;overflow:hidden;}
#product h2{font-size:56px;line-height:1.1;font-weight:800;text-align:center;}
#product .exp{font-size:20.4px;font-weight:300;line-height:1.5;text-align:center;color:#444;padding:18px 0 100px;}

@media screen and (max-width:1000px) {
#product{padding:90px 0 100px;}
#product h2{font-size:40px;line-height:50px;text-indent:0px;text-align:center;}
#product .exp{text-align:center;font-size:18.4px;padding:10px 0 60px;}
}

@media screen and (max-width:600px) {
#product{padding:50px 0 55px;}
#product h2{font-size:27px;line-height:35px;}
#product .exp{font-size:16.4px;padding:5px 0 40px;letter-spacing:-1px;}
}



#product_list{}
#product_list .slick-slide {margin: 0 15px;}
#product_list li{border-radius:40px;overflow:hidden;background-color:#fff;box-shadow:8px 8px 14px rgba(0,0,0,0.1);transition-duration:0.3s;}
#product_list li a{display:block;padding:40px 10px 60px;}
#product_list li a .img{text-align:center;padding:0 0 15px;}
#product_list li a .img img{display:inline;}
#product_list li a .title{font-size:24.6px;font-weight:800;color:#222;line-height:1.5;}
#product_list li a .text{font-size:17.4px;font-weight:400;color:#222;opacity:0.7;padding:10px 0 0;}
#product_list li a:hover{opacity:0.5;}

@media screen and (max-width:1350px) {
#product_list li a .text{padding:10px 20px 0;}
#product_list li a .text br{display:none;}
}
@media screen and (max-width:680px) {
#product_list li a .text{padding:10px 20px 0;}
#product_list li a .text br{display:inline;}
}
@media screen and (max-width:480px) {
#product_list li a{display:block;padding:30px 10px 40px;}
#product_list li a .img{padding:0 30px 15px;}
#product_list li a .title{font-size:21.6px;font-weight:800;color:#222;line-height:1.5;}
#product_list li a .text{padding:10px 20px 0;}
#product_list li a .text br{display:none;}
}

#product_list .slick-next{display: block;position:absolute;right:-75px;top:50%;margin-top:-25px;width:50px;height:50px;background:url(/img/main/arrow_next_black.png) no-repeat center center;font-size: 0px;cursor:pointer;opacity:0.5;z-index:100;}
#product_list .slick-next:hover{opacity:0.8;}
#product_list .slick-prev{display: block;position:absolute;left:-75px;top:50%;margin-top:-25px;width:50px; height:50px;background:url(/img/main/arrow_prev_black.png) no-repeat center center;font-size: 0px;cursor:pointer;opacity:0.5;z-index:100;}
#product_list .slick-prev:hover{opacity:0.8;}

#product_list .slick-list{overflow:visible;}
/* 1. 기본 슬라이드: 투명도 0.5 & 클릭 불가 설정 */
#product_list .slick-slide {
  opacity: 0.5;
  transition: opacity 0.3s ease;
}

#product_list .slick-slide a {
  pointer-events: none; /* 클릭 이벤트 비활성화 */
  cursor: default;       /* 커서 모양 변경 (선택 사항) */
}

/* 2. 화면에 보이는 활성 슬라이드: 투명도 1 & 클릭 가능 설정 */
#product_list .slick-slide.slick-active {
  opacity: 1;
}

#product_list .slick-slide.slick-active a {
  pointer-events: auto; /* 클릭 이벤트 다시 활성화 */
  cursor: pointer;      /* 포인터 커서로 복구 */
}
@media screen and (max-width:1650px) {
#product_list .slick-next{display: none !important;}
#product_list .slick-prev{display: none !important;}
}


/*회사소개*/
#company{position:relative;height:800px;text-align:center;background:url(/img/main/bg_company.jpg) no-repeat center 0;background-size:cover; background-attachment: fixed;}
#company_wrap{position:absolute;top:50%;left:0;width:100%;transform:translateY(-50%);}
#company_wrap h2{font-size:91px;line-height:1.1;font-weight:800;color:#1c61f4;}
#company_wrap .exp{font-size:18.6px;font-weight:600;line-height:1.9;color:#fff;padding:40px 0 70px;}
#company_wrap a{display:inline-block;line-height:56px;font-size:12.4px;letter-spacing:0.4px;font-weight:600;color:#fff;width:230px;border-radius:100px;overflow:hidden;border:1px solid rgba(255,255,255,0.7);opacity:0.7;}
#company_wrap a img{vertical-align:middle;transform:tanslateY(-1px);margin-left:10px;}
#company_wrap a:hover{opacity:1;}

@media screen and (max-width:1000px) {
#company{height:650px;}
#company_wrap h2{font-size:70px;}
#company_wrap .exp{font-size:18.6px;padding:30px 0 55px;}
}

@media screen and (max-width:900px) {
#company_wrap .exp{font-size:18.6px;padding:30px 50px 55px;}
#company_wrap .exp br{display:none;}
}

@media screen and (max-width:600px) {
#company{height:500px;}
#company_wrap h2{font-size:50px;}
#company_wrap .exp{font-size:16.4px;padding:25px 20px 35px;}
#company_wrap a{line-height:50px;letter-spacing:0.2px;width:220px;}
}




/*새소식*/
#main_news{background-color:#F6F6F6;padding:150px 0 160px;}
#main_news h2{font-size:56px;line-height:1.1;font-weight:800;}
#main_news .exp{font-size:20.4px;font-weight:300;line-height:1.5;color:#444;padding:18px 0 80px;}

@media screen and (max-width:1000px) {
#main_news{padding:90px 0 100px;}
#main_news h2{font-size:40px;line-height:50px;text-indent:0px;text-align:center;}
#main_news .exp{text-align:center;font-size:18.4px;padding:10px 0 60px;}
}

@media screen and (max-width:600px) {
#main_news{padding:50px 0 55px;}
#main_news h2{font-size:27px;line-height:35px;}
#main_news .exp{font-size:16.4px;padding:5px 0 20px;letter-spacing:-1px;}
}


.link_list {margin-bottom:100px;}
.link_list{display:flex;flex-wrap:wrap;flex-shrink:0;}
.link_list li{width:calc(33.333333333333333% - 20px);margin-right:30px;}
.link_list li:last-child{margin:0;}
.link_list li .box{position:relative;height:220px;background-color:#fff;border-radius:24px;overflow:hidden;padding:30px 35px;}
.link_list li .box a{display:block;}
.link_list li .box h4{font-size:24.4px;font-weight:800;color:#333;}
.link_list li .box p.txt{font-size:16.4px;font-weight:400;color:#777;line-height:1.5;padding:5px 0 25px;}
.link_list li .box p.txt span.phone{display:block;color:#4874e4;font-size:36px;font-weight:800;margin-top:-8px;}
.link_list li a span.icon_img{position:absolute;bottom:0;right:0;}
.link_list li a span.icon{position:absolute;bottom:20px;right:25px;}
.link_list li a:hover{opacity:0.5;}

.link_list li .box.repair{height:470px;}
.link_list li .box.notice{margin-top:30px;}
.link_list li .box.notice .notice_list{margin-top:20px;}
.link_list li .box.notice .notice_list p{position:relative;padding-right:50px;font-size:16.4px;font-weight:400;color:#777;line-height:2.0;}
.link_list li .box.notice .notice_list p a{display:block;background:url(/img/spot_ul.gif) no-repeat 0 center;padding-left:10px;}
.link_list li .box.notice .notice_list p span{position:absolute;top:0;right:0;}

.link_list li .icon_link{display:flex;flex-wrap:wrap;flex-shrink:0;margin-top:30px;}
.link_list li .icon_link .box{width:calc(50% - 15px);margin-right:30px;}
.link_list li .icon_link .box:last-child{margin-right:0;}
.link_list li .icon_link .box a{text-align:center;padding-top:10px;}
.link_list li .icon_link .box a p{font-size:19.4px;font-weight:800;color:#333;padding-top:12px;}

span.main_more,
a.main_more{display:block;width:65px;font-size:12.4px;line-height:30px;font-weight:500;color:#999;text-align:center;background-color:#f2f2f2;border-radius:40px;cursor:pointer;}
.link_list li .box.notice a.main_more{position:absolute;top:30px;right:30px;}
a.main_more.white{color:#999;background-color:#fff;}

@media screen and (max-width:1240px) {
.link_list li{width:calc(50% - 15px);margin-right:30px;}
.link_list li:nth-child(2){margin-right:0;}
.link_list li:last-child{width:100%;margin-top:30px;}
}

@media screen and (max-width:800px) {
.link_list {margin-bottom:70px;}
.link_list li{width:100%;margin:15px 0 0 0;}
.link_list li:last-child{margin-top:15px;}

.link_list li .box.repair{height:320px;}
.link_list li a span.icon_img{width:300px;}
.link_list li .box{height:auto;padding:30px 35px;}
.link_list li .box.notice{margin-top:15px;}
.link_list li .icon_link{margin-top:15px;}
.link_list li .icon_link .box{width:calc(50% - 7.5px);margin-right:15px;}
}

@media screen and (max-width:500px) {
.link_list {margin-bottom:40px;}
.link_list li .box.repair{height:300px;}
.link_list li a span.icon_img{width:200px;}
.link_list li a span.icon{bottom:15px;right:15px;width:80px;}
.link_list li .box{height:auto;border-radius:15px;padding:20px 25px;}
.link_list li .box h4{font-size:21.4px;}
.link_list li .box p.txt span.phone{font-size:30px;}
.link_list li .box.notice{margin-top:15px;}
.link_list li .box.notice .notice_list{margin-top:10px;}
.link_list li .icon_link{margin-top:15px;}
.link_list li .icon_link .box{width:calc(50% - 7.5px);margin-right:15px;}
.link_list li .icon_link .box a{padding-top:10px;}
.link_list li .icon_link .box a img{width:70px;}
.link_list li .icon_link .box a p{font-size:17.4px;padding-top:8px;}
.link_list li .box.notice a.main_more{position:absolute;top:22px;right:20px;}
}


#magnet_wrap{display:flex;flex-wrap:wrap;flex-shrink:0;}
#magnet_wrap .magnet_news{width:70%;margin-right:5%;}
#magnet_wrap .download{width:25%;}

#magnet_wrap .title{position:relative;margin-bottom:25px;}
#magnet_wrap .title h4{font-size:31.4px;font-weight:800;color:#222;}
#magnet_wrap .title a.main_more{position:absolute;top:8px;right:0;}

.news_list {}
.news_list ul{display:grid;grid-template-columns:repeat(3, 1fr);grid-gap:2.8%;}
.news_list ul li{min-width:100%;text-align:center;}
.news_list ul li .img{position:relative;padding-top:130%;border-radius:24px;overflow:hidden;transition-duration:0.3s;}
.news_list ul li .img img{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:100%;height:100%;object-fit:cover;transition-duration:0.3s;}
.news_list ul li:hover .img img{width:120%;height:120%;}
.news_list ul li .category{font-size:16.6px;font-weight:500;color:#e2a41b;padding:25px 0 8px;}
.news_list ul li .subject{font-size:19.4px;font-weight:700;color:#222;line-height:1.5;padding:24px 0 5px;}
.news_list ul li .date{font-size:15.6px;line-height:1.5;font-weight:500;color:#999;}

@media screen and (max-width:1000px) {
.news_list ul{grid-template-columns:repeat(2, 1fr);grid-gap:40px 40px;}
.news_list ul li .category{font-size:16.4px;padding:15px 0 0;}
.news_list ul li .subject{font-size:20px;}
}

@media screen and (max-width:600px) {
.news_list ul{grid-gap:20px 15px;}
.news_list ul li{padding-bottom:10px;}
.news_list ul li .img{border-radius:14px;}
.news_list ul li .category{font-size:15px;padding:12px 0 0;}
.news_list ul li .subject{font-size:17px;}
}

.brochure{text-align:center;}
.brochure .img{position:relative;padding-top:66.5%;border-radius:24px 24px 0 0;overflow:hidden;transition-duration:0.3s;}
.brochure .img img{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:100%;height:100%;object-fit:cover;transition-duration:0.3s;}
.brochure a{display:block;line-height:75px;border-radius:0 0 24px 24px;background-color:#1C2743;text-align:center;font-size:13.4px;color:#fff;font-weight:600;}
.brochure a img{width:18px;vertical-align:middle;transform:translateY(-1px);}
.brochure a:hover{opacity:0.5;}

@media screen and (max-width:1300px) {
#magnet_wrap .magnet_news{width:61%;margin-right:5%;}
#magnet_wrap .download{width:34%;}
.news_list ul{display:grid;grid-template-columns:repeat(2, 1fr);grid-gap:2.8%;}
.news_list ul li:last-child{display:none;}
}

@media screen and (max-width:1000px) {
#magnet_wrap .title{margin-bottom:20px;}
#magnet_wrap .title h4{font-size:26.4px;}
#magnet_wrap .title a.main_more{position:absolute;top:8px;right:0;}
}
@media screen and (max-width:768px) {
#magnet_wrap .title{margin-bottom:15px;}
#magnet_wrap .title h4{font-size:21.4px;}
#magnet_wrap .title a.main_more{position:absolute;top:8px;right:0;}

#magnet_wrap .magnet_news{width:100%;margin-right:0;}
#magnet_wrap .download{width:100%;margin-top:30px;}
.news_list ul{display:grid;grid-template-columns:repeat(2, 1fr);grid-gap:2.8%;}
}