/** Swiper 컨트롤러 **/
.control_btn {display: flex; align-items: flex-end;}
.control_btn .swiper-button-next, .control_btn .swiper-button-prev {position: static; margin: 0 10px; opacity: 0.3;}
.control_btn .swiper-button-next.swiper-button-disabled, .control_btn .swiper-button-prev.swiper-button-disabled {opacity: 0.1;}
.control_btn .swiper-button-next:hover, .control_btn .swiper-button-prev:hover {opacity: 0.5;}
.control_btn .swiper-button-next:after, .control_btn .swiper-button-prev:after {content: none;}
.control_btn .swiper-button-next {background: url('../images/arrow_next1.png') no-repeat center / cover; width: 36px; height: 20px;}
.control_btn .swiper-button-prev {background: url('../images/arrow_prev1.png') no-repeat center / cover; width: 36px; height: 20px;}
.control_btn .swiper-pagination {position: static; width: auto; color:#f4f4f4; margin-right: 20px;}
.control_btn .swiper-pagination .swiper-pagination-current {font-size: 18px; font-weight: 500;}
.control_btn .swiper-pagination .swiper-pagination-total { font-size: 14px; font-weight: 300;}




/********  메인 비주얼 시작 *********/
.section1 {overflow:hidden; width:100%; height:100vh; position:relative; z-index:9; backface-visibility:hidden;}/* 비주얼높이값 이미지에맞게 수정 */
#main_visual_wrap .dim {background: rgb(0,0,0,0.3);  position: absolute; width: 100%; height: 100vh; top: 0; left: 0; z-index: 9;}
#main_visual_wrap .top_visual {position: relative; width: 100%; height: 100vh;}
/* 메인 비주얼 :: 이미지 */
.top_visual {position:relative;}
.top_visual .visual_bg {width:100%;height:100%; /*background: url('../images/sec1_bg.jpg') no-repeat center / cover; */ position: relative; padding-bottom: 56.25%; /* 16:9 비율 */ transform: scale(1.3,1.3); backface-visibility:hidden; transition:transform 7000ms ease-in-out;}
.top_visual .visual_bg img {width: 100%; height: 100vh;}
.top_visual .visual_bg .w_video {overflow:hidden;overflow-x:hidden;overflow-y:hidden;height:100%;width:100%;position:absolute;top:0px;left:0px;right:0px;bottom:0px;}
/* 메인 비주얼 :: 텍스트 */
.top_visual .visual_txt {position:absolute; left: 50%; transform: translateX(-50%); top:0; width:100%; height:100%; display: flex; flex-flow: column;}
.top_visual .text {display:flex; flex-flow: column; align-items: flex-start; justify-content: center; height:100%;}
.top_visual .text .top_txt {margin-bottom: 25px;}
.top_visual .text .top_txt .f18 {color:#fff; font-weight: 500; letter-spacing: 0;}
.top_visual .text .text_inner {text-align: left;}
.top_visual .visual_txt .f64 {color:#fff; overflow: hidden; margin-bottom: 15px;}
.top_visual .visual_txt .f64 span {display: block; opacity:0;}
/* 메인 비주얼 :: active효과 */
.top_visual .visual_bg {-webkit-transform: scale(1.1,1.1) rotate(0.002deg); transform: scale(1.1,1.1) rotate(0.002deg);}
.top_visual .f64 span {-webkit-animation: text-active-animation 1.5s cubic-bezier(0.4, 0, 0.2, 1) both; animation: text-active-animation 1.5s cubic-bezier(0.4, 0, 0.2, 1) both; opacity: 1;}
.top_visual .f64.second_row span {-webkit-animation-delay:0.3s; animation-delay:0.3s;}
@keyframes text-active-animation {
	from {opacity:0;filter:Alpha(opacity=0); -webkit-transform: translateY(50px); transform: translateY(50px);}
	to {opacity:1.0;filter:Alpha(opacity=100); -webkit-transform: translateY(0); transform: translateY(0);}
}
/* 메인 비주얼 :: 스크롤 다운 */
.section1 .circle_text {position: absolute; display: inline-block; z-index: 1; bottom: 90px; left: 16px;}
.section1 .circle_text .text {width: 126px; animation: rotate 10s linear infinite; margin: 0;}
.section1 .circle_text .circle_arrow {position: absolute;  left: 50%; top: 50%; transform: translate(-50%, -50%);} 
.section1 .circle_text .circle_arrow img {width: 20px;}
@keyframes rotate {
	from {-webkit-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg);}
	to { -webkit-transform: rotate(360deg); -o-transform: rotate(360deg); transform: rotate(360deg);}
}
/********  메인 비주얼 끝 *********/





/******** 메인 - PRODUCT 시작 *********/
#main_product_wrap{overflow:hidden; width:100%; height:1000px; height:100vh; position:relative; z-index:9; backface-visibility:hidden}
#main_product_wrap .main_product_slider {position: relative; width: 100%; height: 100vh;}
#main_product_wrap .main_product_item {overflow: hidden; position: relative; height:100% !important;}
#main_product_wrap .main_product_item .slide_inner {position: absolute; width: 100%; height: 100%; left: 0; top: 0;}
#main_product_wrap .main-visual-con{z-index:1;}
#main_product_wrap .main_product_item {position:relative;}
#main_product_wrap .main_product_item .porduct_bg {width:55%; height:100%; overflow: hidden; display: flex; justify-content: center; align-items: center; position: relative;}
#main_product_wrap .main_product_item .porduct_bg .txt {position: absolute; bottom: 70px; left: 60px; z-index: 9; width: calc(100% - 120px);}
#main_product_wrap .main_product_item .porduct_bg .txt .f18 {color:#fff;}
#main_product_wrap .main_product_item .porduct_bg .txt .f50 {color:#fff; margin: 20px 0 15px;}
#main_product_wrap .main_product_item .porduct_bg .txt .f16 {color:#fff;}
#main_product_wrap .main_product_item .porduct_bg .txt .f16 span {display: block;}
#main_product_wrap .main_product_item .porduct_bg .porduct_img {display: inline-block; transform: scale(1.2,1.2); backface-visibility:hidden; transition:transform 7000ms ease-in-out; width: 100%; height: 100%;}
#main_product_wrap .main_product_item .porduct_bg .porduct_img1 {background: url('../images/main_product1.jpg') no-repeat center / cover;}
#main_product_wrap .main_product_item .porduct_bg .porduct_img2 {background: url('../images/main_product2.jpg') no-repeat center / cover;}
#main_product_wrap .main_product_item .porduct_bg .porduct_img3 {background: url('../images/main_product3.jpg') no-repeat center / cover;}
/* 메인 - PRODUCT :: 텍스트 */
.main_product_item .slide_inner {display: flex;}
.main_product_item .visual_txt{height:100vh; width: 45%; background: #fff;}
.main_product_item .text {display:flex; align-items:flex-start; height:100%; margin-left: 10vw; flex-flow: column; justify-content: center;}
.main_product_item .text .text_inner {padding-right: 10vw;}
.main_product_item .visual_txt .main_title {margin: 25px 0 40px;}
.main_product_item .visual_txt .f18,
.main_product_item .visual_txt .sub_txt .f20 span, 
.main_product_item .visual_txt .main_title .f64 span {opacity:0;}
.main_product_item .visual_txt .f18 {color:#3c9cde; letter-spacing: -0.5;}
.main_product_item .visual_txt .main_title .f64 {overflow: hidden; margin-bottom: 5px;}
.main_product_item .visual_txt .main_title .f64 span {display: block; font-weight: 700; color:#111;}
.main_product_item.active-item .visual_txt .sub_txt .f20 {overflow: hidden;}
.main_product_item.active-item .visual_txt .sub_txt .f20 span {display: block; color:#666;}
.main_product_item .visual_txt .more_view_btn{margin-top: 60px; display: inline-block;}
/* 메인 - PRODUCT :: active효과 */
#main_product_wrap .main_product_item.active-item .porduct_bg .porduct_img {-webkit-transform: scale(1.0,1.0) rotate(0.002deg); transform: scale(1.0,1.0) rotate(0.002deg);}
.main_product_item.active-item .visual_txt .f18,
.main_product_item.active-item .sub_txt .f20 span, 
.main_product_item.active-item .main_title .f64 span
{-webkit-animation: text-active-animation 1.5s cubic-bezier(0.4, 0, 0.2, 1) both; animation: text-active-animation 1.5s cubic-bezier(0.4, 0, 0.2, 1) both;}
.main_product_item.active-item .visual_txt .main_title .f64:nth-child(1) span{-webkit-animation-delay:0.1s; animation-delay:0.1s;}
.main_product_item.active-item .visual_txt .main_title .f64:nth-child(2) span {-webkit-animation-delay:0.3s; animation-delay:0.3s;}
.main_product_item.active-item .visual_txt .main_title .f64:nth-child(3) span {-webkit-animation-delay:0.5s; animation-delay:0.5s;}
.main_product_item.active-item .visual_txt .sub_txt .f20 span { -webkit-animation-delay:0.7s; animation-delay:0.7s;}
.main_product_item.active-item .visual_txt .sub_txt .f20:nth-child(1) span{-webkit-animation-delay:0.1s; animation-delay:0.1s;}
.main_product_item.active-item .visual_txt .sub_txt .f20:nth-child(2) span {-webkit-animation-delay:0.3s; animation-delay:0.3s;}
.main_product_item.active-item .visual_txt .more_view_btn{-webkit-animation-delay:0.8s; animation-delay:0.8s;}
@keyframes text-active-animation {
	from {opacity:0;filter:Alpha(opacity=0); -webkit-transform: translateY(50px); transform: translateY(50px); }
	to {opacity:1.0;filter:Alpha(opacity=100); -webkit-transform: translateY(0); transform: translateY(0);}
}
/* 메인 - PRODUCT :: 컨트롤러 */
.main_product_control{z-index:9; opacity:1; transition:bottom ease-out 0.9s 0.7s, opacity ease-out 0.5s 0.7s; margin-top: 100px;}
.active-page .main_product_control{bottom:0; opacity:1}
.main_product_control .control_inner{display:flex; align-items: center; justify-content: center; height: 100%; width: 100%;}
.main_product_control .control_inner > span{display:inline-block; vertical-align:middle}
@media all and ( min-width: 1025px ){
	.main_product_control.down {bottom:-140px !important; transition:bottom 0.5s, opacity 0.5s; opacity:0 !important}
	.main_product_control.up {bottom:0 !important; transition:bottom 0.5s, opacity 0.5s}
}
/* 메인 비주얼 :: 화살표 */
.main_product_control .swiper_arrow {position: static; height: auto; width: auto; margin-top: 0; z-index: 999; height: 30px;}
.main_product_control .arrow_prev {margin-right: 12px;}
.main_product_control .arrow_prev::after {content: ''; background: url('../images/sec2_prev.png') no-repeat center / cover; width: 21px; height: 10px;}
.main_product_control .arrow_next {margin-left: 15px;}
.main_product_control .arrow_next::after {content: ''; background: url('../images/sec2_next.png') no-repeat center / cover; width: 21px; height: 10px;}
/* 메인 - PRODUCT :: 진행바 */
.main_product_control .visual_conuter{position:relative; display:inline-block; width:16px;}
.main_product_control .visual_conuter .f16 {color:#222;}
.main_product_control .visual_conuter .product_cur_num {font-weight: 600;}
.main_product_control .visual_loading_bar{position:relative; width:100px; height:2px; background: #bcbcbc; margin:0 14px; display:inline-block; vertical-align:middle;}
.main_product_control .visual_loading_bar span{position:absolute; top:0; left:0; height:100%; background-color:#222}

#main_product_wrap .circle_text {position: absolute; display: inline-block; left: 45%; top: 50%; transform: translate(-50%, -100px);  z-index: 1; background: #fff; border-radius: 50%; padding: 12px;}
#main_product_wrap .circle_text .text {width: 170px; margin-left: 0; animation: rotate 10s linear infinite;}
#main_product_wrap .circle_text .plus {position: absolute;  left: 50%; top: 50%; transform: translate(-50%, -50%);} 
#main_product_wrap .circle_text .plus img {width: 26px;}
@keyframes rotate {
	from {-webkit-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg);}
	to { -webkit-transform: rotate(360deg); -o-transform: rotate(360deg); transform: rotate(360deg);}
}
/******** 메인 - PRODUCT 끝 *********/






.section3 {background: url('../images/sec3_bg.jpg') no-repeat center right / cover;}
.section3 .text .f24 {color:#fff; font-weight: 400; margin-bottom: 10px;}
.section3 .text .f24 .icon {vertical-align: middle;}
.section3 .text .f24 .icon img {width: 10px; margin: 0 5px;}
.section3 .text .f56 {color:#fff;}
.section3 .text .f56 span {display: block; letter-spacing: -1px;}
.section3 .text .f56 span.second {font-weight: 800; margin-top: 70px; margin-bottom: 50px;}
.section3 .text .f56 strong {font-size: 170px; font-weight: 700;     vertical-align: sub; letter-spacing: -3px; margin-right: 6px;}


.section4 {background: url('../images/sec4_bg.jpg') no-repeat center / cover;}
.section4 .wrapper2 {height: 100%;}
.section4 .inner {height: 100%; display: flex; align-items: center; justify-content: center; padding-top: 111px;}
.section4 .brick {display: flex; flex-flow: column; height: 100%; border-right: 1px solid rgb(255, 255, 255, 0.3);}
.section4 .brick:last-child {border-right: 0;}
.section4 .brick.brick1 {width: 32%; justify-content: center;}
.section4 .brick .c_txt {}
.section4 .brick.brick2 {width: 68%;}
.section4 .brick::after {content: ''; border-right: rgb(255, 255, 255, 0.3);}
.section4 .brick .f28 {color:#3c9cde; margin-bottom: 30px;}
.section4 .brick .f42 {margin-bottom: 50px;}
.section4 .brick .f20 {}
.section4 .brick .row {display: flex; height: 50%; border-bottom: 1px solid rgb(255, 255, 255, 0.3)}
.section4 .brick .row:last-child {border-bottom: 0;}
.section4 .brick .row .box {display: flex; flex-flow: column; justify-content: space-between; padding: 60px 40px 50px; border-right: 1px solid rgb(255, 255, 255, 0.3);}
.section4 .brick .row .box:last-child {border-right: 0;}
.section4 .brick .row1 .box {width: 50%;}
.section4 .brick .row2 .box {width: 33.3%; }
.section4 .brick .row .box .txt {}
.section4 .brick .row .box .txt .f16 {color:#3c9cde; font-weight: 500; margin-bottom: 5px;}
.section4 .brick .row .box .txt .f30 {}
.section4 .brick .row .box .txt .f30 span {display: block;}
.section4 .brick .row .box .txt .f18 {color:#fff; font-weight: 300; margin-top: 20px; opacity: 0; transition: all 0.3s;}
.section4 .brick .row .box .icon {display: flex; justify-content: space-between; align-items: flex-end;}
.section4 .brick .row .box .icon span {opacity: 1; transition: all 0.3s;}
.section4 .brick .row .box:hover {background: #3c9cde; transition: all 0.5s;}
.section4 .brick .row .box:hover .f16 {color:#fff;}
.section4 .brick .row .box:hover .f18 {opacity: 1; transition: all 0.3s;}
.section4 .brick .row .box:hover .icon span:first-child {opacity: 0; transition: all 0.3s;}


.section5 {background: url('../images/sec5_bg.jpg') no-repeat center / cover;}
.section5 .wrapper2 {height: 100%;}
.section5 .inner {height: 100%; display: flex; align-items: flex-end; justify-content: flex-start; padding-top: 111px;}
.section5 .brick {display: flex; align-items: flex-start; border-left: 1px solid rgb(255, 255, 255, 0.3); width: 24%; height: 100%; position: relative;}
.section5 .brick::before {content: ''; width: 3px; height: 28px; background:#ccc; position: absolute; top: 83px; left: -1px;}
.section5 .brick .box {margin: 75px 20px 0 45px;}
.section5 .brick .box .icon {}
.section5 .brick .box .icon img {}
.section5 .brick .box .txt {}
.section5 .brick .box .txt .f38 {margin-top: 50px; margin-bottom: 25px;}
.section5 .brick .box .txt .f20 {}
.section5 .brick .box .txt .f20 span {display: block;}
.section5 .brick .box .btn { width: 100%;color:#fff; max-width: 186px; height: 60px; display: flex; justify-content: center; align-items: center; border: 1px solid #fff; margin-top: 75px; transition: all 0.3s;}
.section5 .brick .box .btn:hover {background: #fff; color:#3c9cde; transition: all 0.3s;}
.section5 .title_box {border-left: 1px solid rgb(255, 255, 255, 0.3); width: 52%; height: 100%; display: flex; align-items: flex-end;}
.section5 .title_box .txt {margin: 0 70px 110px;}
.section5 .title_box .txt .f18 {margin-bottom: 18px; letter-spacing: 0;}
.section5 .title_box .txt .f50 {}
.section5 .title_box .txt .f50 span {display: block;}
.section5 .title_box .txt .f50 .color_txt {color:#3c9cde; margin-bottom: 12px;}



.popup_wrap {background-color: rgb(0, 0, 0, 0.7); position: absolute;  inset: 0px;  z-index: 999; display:none;}
#inquiry_pop{position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); z-index: 999; width: 100%; max-width:740px;  height:720px; background:#fff;padding:70px 80px;}
#inquiry_pop .title{color:#3147a6; font-weight:bold; font-size:65px;letter-spacing:-.35px;line-height:65px;margin-bottom:10px;}
#inquiry_pop #pop_close{position:absolute;top:0;right:-60px;font-size:50px;color:#fff;cursor:pointer;}
#inquiry_pop .input_flex{width:100%;display: flex;align-items: flex-start; justify-content: space-between;}
#inquiry_pop .input_50{width:48%;}
#inquiry_pop .input_cont{margin-bottom:25px;}
#inquiry_pop .input_cont h2{font-size:16px;color:#222222;letter-spacing:-.25px;line-height:55px;font-weight:500;display:inline-block;position:relative;}
#inquiry_pop .input_cont h2::after{content:"";display:block;width:7px;height:7px;border-radius:100%;background:#3147a6;position:absolute;right: -12px;top: 17px;}
#inquiry_pop .input_select{width:100%;border:0;border-bottom:1px solid #666666;height:45px;color:#888888;font-size:14px;font-weight:400;}
#inquiry_pop .input_area{width:100%;border:0;border-bottom:1px solid #666666;line-height:45px;color:#888888;font-size:14px;font-weight:400;}
#inquiry_pop .agree_box{width:18px;height:18px;border:1px solid #dddddd;border-radius:2px;margin-right:8px;display:inline-block;}
#inquiry_pop .agree_text{color:#999999;font-size:15px;font-weight:300;letter-spacing:-.5px;}
#inquiry_pop .submit_area{margin-top:20px;text-align:center;}
#inquiry_pop .submit_button{border:1px solid #000000;background:#fff;width:152px;height:50px;color:#000;font-size:14px;font-weight:400;letter-spacing:-.25px;margin:0 auto;transition: all 0.1s ease-out;}
#inquiry_pop .submit_button i{margin-left: 18px;}
#inquiry_pop .submit_button:hover{background:#3147a6;border:1px solid #3147a6;color:#fff;}





.f80, .f70, .f66, .f64, .f56, .f54, .f52, .f50, .f42, .f40, .f38, .f30, .f28, .f26, .f24, .f20, .f18, .f17, .f16 .f15, .f14, .f13, .f12 {color:#fff;}














@media (max-width: 1750px) {
	.main_product_item .text {margin-left: 6vw;}
	.main_product_item .text .text_inner { padding-right: 6vw;}
	.section5 .brick .box:nth-child(1) .txt .f20 span {display: inline;}
	#main_product_wrap .main_product_item .porduct_bg .txt .f16 span {display: inline;}
}


@media (max-width: 1600px) {
	.top_visual .visual_txt .f64 {margin-bottom: 8px;}
	.section3 .text {margin-left: 8vw;}
	.section3 .text .f56 span.second {margin-top: 50px; margin-bottom: 40px;}
	.section3 .text .f56 strong {font-size: 130px;}

	.section4 .wrapper2 {padding: 0 80px 0 16px;}
	.section4 .brick .c_txt {padding: 0 16px 0 0;}
	.section4 .brick .row .box {padding: 30px;}
	.section4 .brick .row .box .txt .f30 {font-size: 26px; line-height: 36px;}
	.section4 .brick .row .box .txt .f18 {font-size: 15px; line-height: 23px;}

}



@media (max-width: 1440px) { 
	.main_product_item .visual_txt .main_title {margin: 15px 0 30px;}
	#main_product_wrap .circle_text .text {width: 140px;}

	.section3 .text .f56 strong {font-size: 110px;}

	.section4 .inner, .section5 .inner {padding-top: 91px;}
	.section4 .brick .f28 {font-size: 20px; line-height: 30px; margin-bottom: 15px;}
	.section4 .brick .f42 {font-size: 28px; line-height: 40px; margin-bottom: 30px;}
	.section4 .brick .f42 span {display: inline;}
	.section4 .brick .f20 {font-size: 16px; line-height: 26px;}
	.section4 .brick .txt_b span {display: inline;}
	.section4 .brick .row .box .txt .f30 {font-size: 22px; line-height: 32px;}
	.section4 .brick .row .box .txt .f18 {display: none;}
	.section4 .brick .row .box {padding: 30px;}
	.section4 .brick.brick1 {width: 30%;}
	.section4 .brick.brick2 {width: 70%;}

	.section5 .brick .box {margin: 75px 30px 0;}
	.section5 .brick .box .txt .f20 {font-size: 18px; line-height: 28px;}
	.section5 .brick .box .txt .f38 {margin-top: 40px; margin-bottom: 15px;}
	.section5 .title_box .txt {margin: 0 40px 60px;}
	.section5 .title_box .txt .f50 .color_txt {margin-bottom: 6px;}
}




@media (max-width: 1199px) { 
	.main_product_control {margin-top: 60px;}
	.main_product_item .visual_txt .main_title .f64 {margin-bottom: 0;}
	#main_product_wrap .main_product_item .porduct_bg .txt .f50 {margin: 20px 0 8px;}


	.section4 .inner, .section5 .inner {padding-top: 0;}
	.section4 .wrapper2 {padding: 0;}
	.section4 .brick .c_txt {padding: 0 16px;}
	.section4 .brick .f42 {font-size: 24px; line-height: 36px; margin-bottom: 30px;}
	.section5 .brick .box .btn {margin-top: 50px;}
	.main_product_item.active-item .visual_txt .sub_txt .f20, .main_product_item.active-item .visual_txt .sub_txt .f20 span {display: inline;}
}



@media (max-width: 1024px) { 
	.main .fp-section, .main .fp-tableCell {height: auto !important;}

	.top_visual .visual_txt .f64 {margin-bottom: 4px;}
	#main_product_wrap .circle_text {display: none;}


	.section3 .text {margin-left: 0;}
	.section3 .text .f56 span.second {margin-top: 40px; margin-bottom: 30px;}
	.section3 .text .f56 strong {font-size: 90px;}

	.section4 .brick .f42 {font-size: 22px; line-height: 34px; margin-bottom: 30px;}
	.section4 .brick .row .box .txt .f30 {font-size: 20px; line-height: 30px;}
	.section4 .brick .row .box .icon span:first-child img {width: 40px;}

	.section5 .brick {width: 30%;}
	.section5 .title_box {width: 40%;}
	.section5 .brick .box .txt .f20 {font-size: 16px; line-height: 26px;}

}


@media (max-width: 959px) { 
	.section4 .brick.brick1 {width: 45%;}
	.section4 .brick.brick2 {width: 55%;}
	.section4 .brick .row {height: auto; flex-flow: column; border: none;}
	.section4 .brick .row .box {border-bottom: 1px solid rgb(255, 255, 255, 0.3); flex-flow: nowrap; height: calc(20vh - 16px); padding: 20px; align-items: center;}
	.section4 .brick .row2 .box:last-child {border-bottom: 0;}
	.section4 .brick .row1 .box, .section4 .brick .row2 .box{width: 100%;}
	.section4 .brick .row .box .txt .f30 {font-size: 18px; line-height: 28px;}
	.section4 .brick .row .box .txt .f16 {font-size: 14px;}
	.section4 .brick .row .box .icon {margin-left: 10px;}
	.section4 .brick .row .box .icon span:last-child {display: none;}
	


}



@media (max-width: 767px) {

	.main_product_item .slide_inner {flex-flow: column;}
	.main_product_control {margin-top: 40px;}

	#main_product_wrap .main_product_slider {height: 100%;}
	#main_product_wrap .main_product_item {height: auto !important;}
	#main_product_wrap .main_product_item .slide_inner {height: auto;}

	.main_product_item .visual_txt {height: 45vh; width: 100%; order: 2;}
	.main_product_item .visual_txt .main_title {margin: 10px 0 20px;}
	.main_product_item .text {margin: 20px 16px 0; height: auto;}
	.main_product_item .text .text_inner {padding-right: 0;}
	#main_product_wrap .main_product_item .porduct_bg {height: calc(55vh - 70px); width: 100%; order: 1;}
	#main_product_wrap .main_product_item .porduct_bg .txt {bottom: 40px; left: 16px; width: calc(100% - 32px);}
	#main_product_wrap .main_product_item .porduct_bg .txt .f50 {margin: 14px 0 5px;}

	.section3 {background: url('../images/sec3_bg_m.jpg') no-repeat center right 15% / cover;}
	.section3 .text .f56 span.second {margin-top: 30px; margin-bottom: 20px;}
	.section3 .text .f56 strong {font-size: 70px;}

	.section4 .inner {flex-flow: column; justify-content: space-between;}
	.section4 .brick.brick1, .section4 .brick.brick2 {width: 100%; height: auto;}
	.section4 .brick.brick1 {border: none; height: 30vh; justify-content: flex-start;}
	.section4 .brick.brick2 {border-top: 1px solid rgb(255, 255, 255, 0.3); height: auto;} 
	.section4 .brick .f28 {font-size: 18px;}
	.section4 .brick .row {flex-flow: wrap;}
	.section4 .brick .row .box {flex: 1 1 50%; height: 17vh; padding: 10px 16px;}
	.section4 .brick .c_txt {margin: 100px 0 0;}
	.section4 .brick .f28 {margin-bottom: 8px;}
	.section4 .brick .f42 {margin-bottom: 12px;}
	.section4 .brick .row .box .txt .f30 {font-size: 16px; line-height: 24px;}
	.section4 .brick .row .box .txt .f30 span {display: inline;}
	.section4 .brick .row .box .txt .f16 {display: none;}

	.section5 .inner {flex-flow: column;}
	.section5 .title_box {width: 100%; order: 1;  border-left: 0; height: calc(40vh - 70px); align-items: flex-end; justify-content: flex-end;}
	.section5 .brick {width: 100%; order: 2; border-top: 1px solid rgb(255, 255, 255, 0.3); border-left: 0; height: 30vh;}
	.section5 .brick::before {display: none; height: auto;}
	.section5 .brick .box {display: flex; justify-content: space-between;align-items: center;width: 100%;margin: 0;padding: 20px; height: 100%;}
	.section5 .title_box .txt {margin: 0 16px 30px;}
	.section5 .brick .box .txt .f38 {margin-top: 20px; margin-bottom: 8px;}
	.section5 .brick .box .btn, .section5 .brick .box .btn:hover {margin-left: 20px; margin-top: 0; background: url('../images/sec4_ic_arrow.png') no-repeat center / cover; width: 25px; height: 25px; border: none; padding: 0; flex-shrink: 0;}
	.section5 .brick .box .btn span {display: none;}
	.section5 .title_box .txt .f50 .color_txt {margin-bottom: 2px;}
	.section5 .title_box .txt .f18 {margin-bottom: 10px; text-align: right;}
	.section5 .title_box .txt .f50 {text-align: right;}


}



@media (max-width: 640px) {
	.section4 .brick .f42 {font-size: 20px; line-height: 30px;}
	.section4 .brick .row .box .txt .f30 {font-size: 14px; line-height: 20px;}
	.section4 .brick .row .box .icon span:first-child img {width: 34px;}
	.section5 .brick .box .txt .f38 {margin-top: 10px; margin-bottom: 4px;}
	


}



@media (max-width: 540px) {
	.top_visual .visual_txt .f64, .top_visual .visual_txt .f64 span {display: inline;}
}

@media (max-width: 479px) {

	.section3 .text .f56 strong {display: block; margin: 20px 0;}
	.section3 .text .f56 span.second {margin-top: 25px; margin-bottom: 15px;}



}



@media (max-width: 374px) {

}