@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 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,133,239,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/main2_mobile.jpg) no-repeat center center;background-size:cover;}
#main_visual .bg2{background:url(/img/main/main1_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;}
}

@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:64px;line-height:1.1;font-weight:900;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;position:relative;padding-top:115%;}
#product_list li a .t_wrap{position:absolute;left:0;bottom:0;width:100%;text-align:center;padding:0 0 50px;}
#product_list li a .t_wrap .title{font-size:24.6px;font-weight:800;color:#fff;line-height:1.5;}
#product_list li a .t_wrap .text{font-size:17.4px;font-weight:400;color:#fff;opacity:0.7;padding:10px 5px 0;}
#product_list li a:hover{opacity:0.5;}
#product_list li a.biz01{background:url(/img/main/biz01.jpg) no-repeat 0 0;background-size:cover;}
#product_list li a.biz02{background:url(/img/main/biz02.jpg) no-repeat 0 0;background-size:cover;}
#product_list li a.biz03{background:url(/img/main/biz03.jpg) no-repeat 0 0;background-size:cover;}
#product_list li a.biz04{background:url(/img/main/biz04.jpg) no-repeat 0 0;background-size:cover;}

@media screen and (max-width:1350px) {
#product_list li a .t_wrap .text{padding:10px 20px 0;}
#product_list li a .t_wrap .text br{display:none;}
}
@media screen and (max-width:680px) {
#product_list li a .t_wrap .text{padding:10px 20px 0;}
#product_list li a .t_wrap .text br{display:inline;}
}
@media screen and (max-width:480px) {
#product_list li a .t_wrap{padding:0 0 30px;}
#product_list li a .t_wrap .title{font-size:21.6px;font-weight:800;color:#fff;line-height:1.5;}
#product_list li a .t_wrap .text{font-size:16.4px;font-weight:400;color:#fff;line-height:1.5;opacity:0.7;padding:10px 15px 0;}
#product_list li a .t_wrap .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:#358bff;}
#company_wrap .exp{font-size:18.6px;font-weight:600;line-height:1.9;color:#fff;padding:40px 0 70px;}
#company_wrap .btn_link{font-size:0;}
#company_wrap .btn_link a{display:inline-block;line-height:50px;font-size:16.4px;letter-spacing:0px;font-weight:600;color:#fff;width:160px;padding-left:10px;border-radius:100px;overflow:hidden;border:2px solid #fff;margin:0 5px;opacity:0.7;}
#company_wrap .btn_link a img{vertical-align:middle;transform:translateY(-1px);margin-left:10px;}
#company_wrap .btn_link a:hover{border:2px solid #358bff;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;}

#company_wrap .btn_link a{line-height:46px;font-size:16.4px;width:160px;padding-left:10px;}
#company_wrap .btn_link a img{transform:translateY(-1px);margin-left:3px;}
}

@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:560px;}
#company_wrap h2{font-size:50px;}
#company_wrap .exp{font-size:16.4px;padding:25px 20px 35px;}

#company_wrap .btn_link a{display:block; margin:10px auto 0;line-height:46px;width:200px;}
#company_wrap .btn_link a img{transform:translateY(-1px);margin-left:3px;}
}




/*새소식*/
#main_news{background-color:#F6F6F6;padding:150px 0 160px;}
#main_news h2{font-size:64px;line-height:1.1;font-weight:900;}
#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 40px;letter-spacing:-1px;}
}




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

.news_list {}
.news_list ul{display:grid;grid-template-columns:repeat(4, 1fr);grid-gap:2.8%;}
.news_list ul li{min-width:100%;text-align:center;}
.news_list ul li .img{position:relative;padding-top:75%;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 .title{display:none;}
.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:5px 0 0;}
.news_list ul li .subject{font-size:17px;padding:17px 0 2px;}
}




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;}


.link_list {margin-top:100px;}
.link_list{display:flex;flex-wrap:wrap;flex-shrink:0;}
.link_list li{width:31.7333333333%;margin-right:2.4%;position:relative;background-color:#fff;border-radius:30px;overflow:hidden;padding:30px 35px;}
.link_list li:last-child{margin:0;}
.link_list li a{display:block;}
.link_list li a h4{font-size:22.4px;font-weight:700;color:#333;}
.link_list li a p{font-size:15.8px;font-weight:400;color:#000;line-height:1.5;opacity:0.6;padding:5px 0 25px;}
.link_list li a span.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;}
.link_list li a span.icon{position:absolute;bottom:30px;right:30px;}
.link_list li a:hover{opacity:0.5;}

@media screen and (max-width:1000px) {
.link_list li{width:100%;margin:0 0 15px 0;}
}

@media screen and (max-width:600px) {
.link_list {margin-top:40px;}
.link_list li{padding:25px 30px;border-radius:15px;}
.link_list li a h4{font-size:19.4px;}
.link_list li a span.icon{bottom:25px;right:20px;}
.link_list li a span.icon img{width:60px;}
}



/* 메인 팝업존 */
.popup_zone {width:100%;height:100%;text-align:center;position:fixed;left:0;top:0;z-index:20000}
.popup_zone .kgb {width:100%;height:100%;background-color:rgba(0,0,0,0.4);position:fixed;left:0;top:0;z-index:20001}
.popup_zone .popup_wrap {width:460px;border-radius:15px 15px 0 0;transform:translate(-50%,-50%);position:fixed;left:50%;top:50%;z-index:20002;overflow:hidden}
.popup_zone .popup_wrap .pop_slide {height:650px;background: #fff;font-size:0;line-height:0;overflow:hidden;}
.popup_zone .popup_wrap .slide_img {display:inline-block;float:left}
.popup_zone .popup_wrap .slide_img a {display:block}
.popup_zone .popup_wrap .pop_paging {width:67px;line-height:30px;color:#888;border-radius:15px;background-color:#fff;position:absolute;right:12px;top:12px}
.popup_zone .popup_wrap .pop_paging .current {color:#222;font-weight:400}
.popup_zone .popup_wrap .pop_paging .total {}
.popup_zone .popup_wrap .pup_button {display:flex;flex-wrap:nowrap;background-color:#fff;border-radius:0 0 15px 15px;overflow:hidden}
.popup_zone .popup_wrap .pup_button a {width:50%;color:#222;font-size:16px;font-weight:400;line-height:71px}
.popup_zone .popup_wrap .pup_button a:hover {background-color:#f9f9f9}
.popup_zone .popup_wrap .pup_button a.bt_close {}
.popup_zone .popup_wrap .pup_button a.bt_close::before {display:inline-block;float:left;width:1px;height:15px;content:"";background-color:#ccc;position:relative;top:calc(50% - 6px)}
.popup_zone .popup_wrap .pup_button a.bt_today_close {}

/*슬라이드 동그라미 아이콘*/
.popup_zone .slick-dots {display:none !important;}

@media screen and (max-width:960px){
  .popup_zone .popup_wrap .pop_slide {height:650px}
}
@media screen and (max-width:768px){
  .popup_zone .popup_wrap {width:420px}
  .popup_zone .popup_wrap .pop_slide {height: 593px;}
  .popup_zone .popup_wrap .pup_button a {font-size:15px;line-height:58px}
}
@media screen and (max-width:480px){
  .popup_zone .popup_wrap {width:300px;}
  .popup_zone .popup_wrap .pop_slide {height: 425px;}
  .popup_zone .popup_wrap .pup_button a {line-height:54px}
}