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

/********* main_slide 부분 ********/
.main_visual, .main_section_2 { position: relative; height: 660px; background-position: 50% 50%; background-repeat: no-repeat; background-size: cover; } 
.main_slide .mv_1 { background-image: url(../img/main_visu_1.jpg); } 
.main_slide .mv_2 { background-image: url(../img/main_visu_2.jpg); } 
.main_slide .mv_3 { background-image: url(../img/main_visu_4.jpg); } 
.main_slide .mv_4 { background-image: url(../img/main_visu_3.jpg); } 

/* slide-pagination */
.swiper-pagination.page_rect .swiper-pagination-bullet { width: 50px; height: 3px; border-radius: 10px; margin: 10px 5px; }
.swiper-pagination.page_rect .swiper-pagination-bullet.swiper-pagination-bullet-active { background-color: #444444ba; } 
/* main_visual */
.main_visual .visual_txt_box { position: absolute; left: 0; top: 50%; transform: translateY(-50%); } 
.main_visual.mv_2 .visual_txt_box,
.main_visual.mv_4 .visual_txt_box { left:unset; right:0; } 
.main_visual .visual_txt_box .txt1 h4 { font-size: 24px; font-weight: 400; } 
.main_visual .visual_txt_box .txt1 h3 { font-size: 80px; font-weight: 500; line-height: 0.9; } 
.main_visual .visual_txt_box .txt1 .txt1_sub { font-size: 20px; font-weight: 400; padding: 40px 0; } 
.main_visual .visual_txt_box .txt1 .txt1_sub p { } 


/************* main_page ************/
/* index-flex 공통 */
.main_section .sec_box { display: flex; flex-direction: row; justify-content: space-evenly; padding-top: 60px; padding-bottom: 60px; } 
.main_section_1 .pro_box { background-position: 50% 50%; background-repeat: no-repeat; background-size: 100%; position: relative; transition: ease-out 0.5s; /* background-size transition */}
.main_section_1 .sec_box_1 .pro_box:hover { background-size: 115%; } 
.main_section_1 .pro_box a { display: block; width: 100%; height: 100%; } 
/********* main_section_1 *********/
.main_section_1 .sec_box_1 .pro_box1 { background-image: url(../img/sub1_visu_1.jpg); width: 450px; height: 400px; } 

.main_section_1 .sec_box_1 .pro_box2 { background-image: url(../img/sub1_visu_2.jpg); width: 450px; } 
.main_section_1 .sec_tit h4 { padding-top: 60px; padding-bottom: 20px; font-size: 50px; } 

.main_section_1 .sec_tit p { font-size: 18px; color: #807e7e; } 

.main_section_1 .sec_tit { text-align: center; } 

.sec_box.sec_box_1 { padding-left: 60px; padding-right: 60px; } 
.pro_box_inner { position: absolute; width: 100%; left: 50%; top: 50%; transform: translate(-50%, -50%); text-align: center; color: #fff; } 
.pro_box_inner p { font-size: 26px; } 
.pro_box_inner .arrow_icon { padding-top: 20px}

/********** main_section_2 **********/
.main_section_2 { background-image: url(../img/sub2_visu_1.jpg); } 

.main_section_2 .sec2_tit { color: #fff; width: 45%; position: absolute; top: 50%; right: 0; transform: translateY(-50%); word-break: keep-all; } 
.main_section_2 .sec2_tit .sec2_tit_inner { padding-bottom: 40px; } 
.main_section_2 .sec2_tit .sec2_tit_inner h4 { font-size: 40px; padding-bottom: 40px; } 
.main_section_2 .sec2_tit .sec2_tit_inner p { font-size: 20px; font-weight: 300; } 

/* btn */
.main_section_2 .cm_btn { border-radius: 30px; border-color: #fff; } 
.main_section_2 .cm_btn span { color: #fff; } 
.main_section_2 .cm_btn i { color: #fff; } 
.main_section_2 .btn-style:hover::before { left: -10%; opacity: 1.0; filter: Alpha(opacity=100); background: #fff; } 
.main_section_2 .btn-style::before { background: unset; } 
/* 자식선택자 전체가 color #fff 로 수정 */
.main_section_2 .cm_btn:hover * { color: #333; } 

/********** main_section_3 **********/
.main_section_3 { } 
.main_section_3 .sec_box_2 { } 
.main_section_3 .sec_box_2 .pro_box { border: 1px solid #d0d0d0; } 
.main_section_3 .sec_box_2 .pro_box:hover .des_box .des_box_inner h5 { color: var(--main-color); transition: ease-out 0.5s; } 
.main_section_3 .sec_box_2 .pro_box:hover .move_box { background: var(--main-color); color: #f3f3f3; transition: ease-out 0.5s; } 
/* overlay */
.main_section_3 .sec_box_2 .pro_box:hover .img_box .overlay { opacity: 0; } 
.main_section_3 .sec_box_2 .pro_box:hover .img_box img { transform: scale(1.1); } 
.main_section_3 .sec_box_2 .pro_box .img_box { position: relative;overflow: hidden; } 
.main_section_3 .sec_box_2 .pro_box .img_box .overlay { position: absolute; top: 0; left: 0; background: rgb(0, 0, 0, 0.3); opacity: 1; width: 100%; height: 100%; transition: ease, 0.5s; } 
.main_section_3 .sec_box_2 .pro_box .img_box img { transition: ease-in 0.5s; } 

.main_section_3 .sec_box_2 .pro_box .des_box { } 
.main_section_3 .sec_box_2 .pro_box .des_box .des_box_inner { padding: 20px; height: 110px; } 
.main_section_3 .sec_box_2 .pro_box .des_box .des_box_inner h5 { font-size: 19px; } 
.main_section_3 .sec_box_2 .pro_box .des_box .des_box_inner p { color: #464444; font-size: 16px; } 
.main_section_3 .sec_box_2 .pro_box .move_box { padding: 14px; background: #f3f3f3; border-top: 1px solid #d0d0d0; } 
.main_section_3 .sec_box_2 .pro_box .move_box .move_box_inner { text-align: center; } 
.main_section_3 .sec_box_2 .pro_box .move_box .move_box_inner p { display: inline-block; position: relative; right: 14px; } 
.main_section_3 .sec_box_2 .pro_box .move_box .move_box_inner i { padding-left: 6px; position: absolute; top: 5px; }