@charset "utf-8";/*================= 메인 css =================*/

.main_visual { width: 100%; height: 750px; } 

.main_slide { height: 100%; } 
.main_slide .inner { padding: 0 19%; height: 100%; display: flex; justify-content: flex-end; align-items: center; } 

.main_slide .swiper-slide { height: 100%; } 
.main_slide .swiper-slide.slide01{ height: 100%; background: url(../../img/main01.jpg) no-repeat center / cover; z-index: 3;} 
.main_slide .swiper-slide.slide02{ height: 100%; background: url(../../img/main02.jpg) no-repeat center / cover; z-index: 2;} 
.main_slide .swiper-slide.slide03{ height: 100%; background: url(../../img/main03.jpg) no-repeat center / cover; z-index: 1;} 

.main_slide .txt_box { width: 100%; text-align: center;} 
.main_slide .txt_box span { font-size: 20px; } 
.main_slide .txt_box span.score3 { display: none; } 
.main_slide .txt_box .name { font-size: 80px; color: #fff; margin: 10px 0; } 
.main_slide .txt_box .desc { margin-bottom: 50px; color: #fff; font-size: 20px; line-height: 1.3;} 
.main_slide .txt_box .btn_more { display: inline-block; padding: 16px 20px; border: 1px solid #fff; color: #fff; font-weight: 500; transition: all .3s;}
.main_slide .txt_box .btn_more:hover {background: #fff; color:#000;}
.main_slide .txt_box .btn_more .fas { display: inline-block; margin-left: 40px; } 

.main_slide .pagination { position: absolute; bottom: 30px; left: 50%; transform: translateX(-50%); z-index: 2; width: auto; } 
.main_slide .pagination .swiper-pagination-bullet { width: 50px; height: 3px; border-radius: 0; background: var(--swiper-pagination-bullet-inactive-color,#fff);} 
.main_slide .pagination .swiper-pagination-bullet-active { background-color: #fff; } 

/* 제품소개 */

.section2 { width: 100%; padding: 150px 0 100px; } 
.section2 .inner { padding: 0 5%;} 

.prd_slide { width: 100%; height: 100%; padding-bottom: 50px; display: flex; } 
.prd_slide .swiper-slide {width: calc((100%/5) - 20px) !important; margin: 0 10px;  height: 330px; overflow: hidden; }
.prd_slide .swiper-slide .img_box { background: #f4f4f4; align-items: center; } 
.prd_slide .swiper-slide .img_box img { display: block; margin: 0 auto; } 

.prd_slide .swiper-slide .txt_box { text-align: center; margin-top: 50px;} 
.prd_slide .swiper-slide .txt_box b { display: block; font-weight: 500; margin-bottom: 20px; font-size: 20px;} 
.prd_slide .swiper-slide .txt_box img { font-size: 18px; line-height: 1.6; } 

.prd_slide .btn { position: absolute; bottom: -20px; z-index: 90; cursor: pointer; } 
.prd_slide .btn.next { right: 42%; } 
.prd_slide .btn.prev { left: 42%; transform: scaleX(-1); } 
.prd_slide .btn i { width: 12px; height: 2px; background: #555; display: block; transform: rotate(-45deg); margin-top: 6px; }
.prd_slide .btn i:first-child { transform: rotate(45deg); margin-top: 0; } 

.prd_slide .swiper-pagination { bottom: 5px; } 
.prd_slide .swiper-pagination .swiper-pagination-bullet { margin: 0 10px; } 
.prd_slide .swiper-pagination .swiper-pagination-bullet-active { background-color: #555; } 

/* section3 :: 납품실적*/

.section3 { width: 100%; padding: 120px 0; background: url(../../img/main_bg01.jpg) no-repeat center / cover; display: flex; justify-content: flex-end; position: relative;} 
.section3 .section03_multiply { background: url(../../img/main_bg01.jpg) no-repeat center / cover; position: absolute; width: 100%; height: 100%; top: 0; left: 0; background-blend-mode: multiply; filter: brightness(0.5); z-index: 1;}
.section3 .inner { padding: 0 5%; width: 100%; z-index: 2; text-align: center;} 

.section3 .txt_box { width: 100%; margin-bottom: 50px; margin-top: 20px; color: #fff;} 
.section3 .txt_box>span { position: relative; font-size: 24px; z-index: 2; } 
.section3 .txt_box h4 { font-size: 56px; margin: 30px 0 50px; }
.section3 .txt_box .txt { font-size: 18px; line-height: 1.6; } 
.section3 .txt_box .txt .bold { font-weight: normal; }

.section3 .btn_prd { display: inline-block; border: 1px solid #fff; padding: 15px 30px; border-radius: 50px; font-weight: 500; transition: all .3s; color:#fff;}
.section3 .btn_prd:hover {background: #fff; color:#000;} 
.section3 .btn_prd i { margin-left: 40px; } 

/* section4 :: 회사소개, 온라인 문의 */

.section4 { width: 100%; display: flex; height: 305px;} 

.section4 .con { width: 50%; background-repeat: no-repeat; background-position: center; background-size: cover; }
.section4 .con_left { background-image: url(../../img/main_bg02.jpg); position: relative;} 
.section4 .con_left .con.con_left_multiply { background-image: url(../../img/main_bg02.jpg); width: 100%; height: 100%; position: absolute; top: 0; background-blend-mode: multiply; filter: brightness(0.7);} 
.section4 .con_left .txt_wrap{ position: absolute; margin: auto; width: 50%; right: 60px; top: 60px;} 
.section4 .con_right { background-image: url(../../img/main_bg03.png); position: relative;} 
.section4 .con_right .txt_wrap{ position: absolute; margin: auto; width: 75%; left: 0; right: 0; top: 60px; } 

.section4 .con .txt_wrap { color: #fff; } 
.section4 .con .txt_wrap h5 { font-weight: 600; font-size: 28px; margin-bottom: 20px; } 
.section4 .con .txt_wrap p { line-height: 1.6; height: 56px; overflow: hidden;} 

.section4 .con .txt_wrap .btn { font-size: 16px; padding: 10px 20px; border: 1px solid #fff; font-weight: 500; margin-top: 40px; height: auto; line-height: normal; display: inline-block; transition: all .3s; } 
.section4 .con .txt_wrap .btn:hover {background: #fff; color:#666;}
.section4 .con .txt_wrap .btn i {margin-left: 40px;}