/* 전체 스크롤 바 삭제*/
body {-ms-overflow-style: none;}
::-webkit-scrollbar {display: none;}

/* 풀페이지 옵션 */
.fp-watermark {display: none;}
body #fp-nav.fp-right {right: 35px; top: calc(50% - 45px);}
body #fp-nav ul li {margin: 25px 0;}
body #fp-nav ul li:last-child {display: none;}
body #fp-nav ul li::after {content: ''; display: block; width: 2px; height: 30px; border-right: 1px dashed rgb(255,255,255,0.5); position: absolute; left: 50%; transform: translateX(-50%); top: 10px;}
body #fp-nav ul li:nth-last-child(2)::after {display: none;}
body #fp-nav ul li a span {height: 5px; width: 5px; background: #fff;}
body #fp-nav ul li a.active span::after {content: ''; display: block; border: 1px solid #fff; border-radius: 50%; width: 44px; height: 44px; position: relative; left: 50%; top: 50%; transform: translate(-50%, -50%);}
body #fp-nav ul li a.active span {height: 5px; width: 5px; background: #fff; margin: -2px 0 0 -2px;}
body #fp-nav ul li.custom::after {border-right: 1px dashed rgb(0, 0, 0, 0.2);}
body #fp-nav ul li.custom a.active span::after {border: 1px solid rgb(0, 0, 0, 0.3);}


/********* 메인 - VISUAL *********/
#main_visual_wrap{overflow:hidden; width:100%; height:1000px; height:100vh; position:relative; z-index:9; backface-visibility:hidden}	/* 비주얼높이값 이미지에맞게 수정 */
.main_visual_slider {position: relative; width: 100%; height: 100vh;}
.main_slider_item {overflow: hidden; position: relative; height:100% !important;}
.main_slider_item .slide_inner {position: absolute; width: 100%; height: 100%; left: 0; top: 0;}
.main-visual-con{z-index:1;}
/* 메인 비주얼 :: 이미지 */
.main_slider_item {position:relative;}
.main_slider_item .dim {width: 100%; height: 100%; background: #000; opacity: 0.2; z-index: 2; position: absolute; top: 0; left: 0;}
.main_slider_item .visual_bg {width:100%;height:100%; transform: scale(1.3,1.3); backface-visibility:hidden; transition:transform 7000ms ease-in-out;}
/*.main_slider_item .visual_bg1 {background: url('../images/main_visual_bg1.jpg') no-repeat center / cover;}*/
.main_slider_item .visual_video {width:102vw; height:100%; display: flex; align-items: center; position: relative; left: 50%; transform: translateX(-50%);}
.main_slider_item .visual_video {background: #000;}
.main_slider_item .visual_video video {width: 100%;}
.main_slider_item .visual_bg1 {background: url('../images/main_visual_bg1.jpg') no-repeat center / cover;}
.main_slider_item .visual_bg2 {background: url('../images/main_visual_bg2.jpg') no-repeat center / cover;}
.main_slider_item .visual_bg3 {background: url('../images/main_visual_bg3.jpg') no-repeat center / cover;}
/* 메인 비주얼 :: 텍스트 */
.main_slider_item .visual_txt{position:absolute; left:0px; top:0; width:100%; height:100%; z-index: 3;}
.main_slider_item .text {display:flex; justify-content: flex-start; align-items:center; height:100%;padding: 0 16px;}
.main_slider_item .text .text_inner {margin-left: 154px;}
.main_slider_item .visual_txt .main_title .f76 {color:#fff; font-weight: 700; overflow: hidden;}
.main_slider_item .visual_txt .main_title .f76 span {display: block;}
.main_slider_item .visual_txt .f22 {color:#fff; font-weight: 400; overflow: hidden; margin-top: 25px;}
.main_slider_item .visual_txt .f22 span {display: block;}
.main_slider_item .visual_txt .btn {display: inline-block; position: relative; margin-top: 55px; cursor: pointer;}
.main_slider_item .visual_txt .btn .circle {width: 70px; height: 70px; border-radius: 50%; background: rgb(28,161,150,0.7); transition: all 0.3s;}
.main_slider_item .visual_txt .btn .f10 {color:#fff; font-weight: 400; position: absolute; top: 50%; transform: translate(35px, -50%); white-space: nowrap;}
.main_slider_item .visual_txt .btn:hover .circle {transform: translateX(70px);  transition: all 0.3s;}
/* 메인 비주얼 :: active효과 */
.main_slider_item.swiper-slide-active .visual_bg {-webkit-transform: scale(1.0,1.0) rotate(0.002deg); transform: scale(1.0,1.0) rotate(0.002deg);}
.main_slider_item.active-item .main_title .f76 span, .main_slider_item.active-item .f22 span, .main_slider_item.active-item .visual_txt .btn {-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_slider_item.swiper-slide-active .visual_txt .main_title .f76 span {-webkit-animation-delay:0.1s; animation-delay:0.1s;}
.main_slider_item.active-item .visual_txt .f22 span {-webkit-animation-delay:0.3s; animation-delay:0.3s;}
.main_slider_item.active-item .visual_txt .btn
{-webkit-animation-delay:0.5s; animation-delay:0.5s;}
@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);}
}
/* 메인 비주얼 :: 컨트롤러 */
.main_visual_control {position:absolute; left:170px; bottom:40px; z-index:9; /*opacity: 0; transition: bottom ease-out 0.9s 0.7s, opacity ease-out 0.5s 0.7s;*/}
.active-page .main_visual_control {bottom:50px; opacity:1}
.main_visual_control .control_btn {display: flex; align-items: center;}
/* 메인 비주얼 :: 네비게이션,진행바 */
.main_visual_control .swiper-pagination {width: 100%; position: static; margin: 0 10px 0 20px; display: flex; align-items: center; gap: 20px;}
.main_visual_control .swiper-pagination-bullet {opacity: 1; display: flex; background: transparent; width: auto; height: auto; position: relative; margin: 0 !important;}
.main_visual_control .swiper-pagination-bullet .num {font-size: 12px; color: rgb(255,255,255,0.3); font-weight: 600;}
.main_visual_control .swiper-pagination-bullet-active {position: relative; z-index: 9; width: 84px; height: 2px; background: rgb(255,255,255,0.2); margin: 0 0 0 30px  !important; display:inline-block; vertical-align:middle; opacity: 1; border-radius: 50px;}
.main_visual_control .swiper-pagination-bullet-active .num {position: absolute; left: -32px; top: -7px; color: #fff;}
.main_visual_control .swiper-pagination-bullet-active .bar {position:absolute; top:0; left:0; height:100%; background-color:#fff; width: 84px; height: 2px;}

/* 메인 비주얼 :: prev,next */
.main_visual_control .slide_arrow{cursor:pointer; z-index:9; display:inline-block; vertical-align:middle; width: 22px; height: 22px;}
.main_visual_control .slide_arrow .arrow_ic {display: flex; position: relative; transform: rotate(225deg);}
.main_visual_control .slide_arrow .arrow_ic span {display: inline-block; width: 12px; height: 12px; cursor: pointer;}
.main_visual_control .slide_arrow .arrow_ic.ar_prev span {border-top: 2px solid #fff; border-right: 2px solid #fff;}
.main_visual_control .slide_arrow .arrow_ic.ar_next span {border-bottom: 2px solid #fff; border-left: 2px solid #fff;}
/* 메인 비주얼 :: 처음들어왔을때 검은화면 */
.main-bk-bg {width: 100%; height: 100%; position: fixed; z-index: 9999999; top: 0; left: 0; opacity: 1; visibility: visible; background-color: #000;}
/* 메인 비주얼 :: 스크롤 다운 */
.main_visual_slider .scroll_down {position: absolute; right:0; bottom: 90px; z-index: 9;}
.main_visual_slider .scroll_down .txt {position: relative; color:#fff; font-size: 14px; font-weight: 400; transform: rotate( 90deg); margin: 35px 0; letter-spacing: 0px; animation: scroll_down_txt 1.5s ease-in-out infinite;-webkit-animation: scroll_down_txt 1.5s ease-in-out infinite;}
@-webkit-keyframes scroll_down_txt { 
	0% {top:50px; opacity: 0.8;}
	50% {top:60px; opacity: 1;}
	100% {top:50px; opacity: 0.8;}
} 
.main_visual_slider .scroll_down .icon {position: relative; top: 24px; left: 23px; animation: scroll_down_icon 1.5s ease-in-out infinite; -webkit-animation: scroll_down_icon 1.5s ease-in-out infinite;}
.main_visual_slider .scroll_down .icon img {width: 5px; height: 71px; }
@-webkit-keyframes scroll_down_icon { 
	0% {top:50px; opacity: 0.8;}
	50% {top:60px; opacity: 1;}
	100% {top:50px; opacity: 0.8;}
} 
/********* 메인 - VISUAL 끝 *********/


/********* 메인 - PRODUCT *********/
.product_wrap {position: relative; height: 100vh;}
.product_wrap .tab {position: absolute; right: 100px; top: 160px; z-index: 5;}
.product_wrap .tab li {cursor: pointer; list-style-type: none; border-bottom: 1px solid #e6e6e6; margin-bottom: 15px; padding-bottom: 6px;}
.product_wrap .tab li .f28 {font-weight: 600; color: #b8b8b8; padding-right: 40px; transition: all 0.3s;}
.product_wrap .tab li.active {border-bottom: 1px solid #111;}
.product_wrap .tab li.active .f28, .product_wrap .tab li:hover .f28 {color: #111; transition: all 0.3s;}
.product_swiper {height: 100%;}
.product_swiper .product_slide {overflow: hidden;}
.product_swiper .big_txt {font-size: 260px; font-weight: 700; color: rgb(17,17,17,0.1); text-transform: uppercase; position: absolute; bottom: -30px; right: 0; letter-spacing: -5px;}
.product_swiper .slide_con {display: flex; align-items: center; height: 100%; padding: 0 16px;}
.product_swiper .product_txt {width: 60%; padding-left: 154px; padding-top: 90px;}
.product_swiper .product_txt .title {}
.product_swiper .product_txt .title .f30 {overflow: hidden;}
.product_swiper .product_txt .title .f30 span {color: #1ca196; font-weight: 600; display: block;}
.product_swiper .product_txt .title .f60 {font-weight: 900; margin: 20px 0 22px;}
.product_swiper .product_txt .f24 {color: #666; font-weight: 400;}
.product_swiper .product_txt .f24 span {display: block;}
.product_swiper .product_txt .btn {margin-top: 35px; display: inline-block;}
.product_swiper .product_txt .btn .f16 { color: #fff; background: #111; width: 200px; height: 68px; border-radius: 50px; display: flex; justify-content: center; align-items: center; transition: all 0.3s;}
.product_swiper .product_txt .btn:hover .f16 {background: #1ca196; transition: all 0.3s;}
.product_swiper .image {display: flex; width: 40%; padding-top: 90px;}
.product_swiper .image img {width: 100%; max-width: 450px;}
.product_swiper .swiper-slide-active .product_txt .title .f30 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;-webkit-animation-delay:0.1s; animation-delay:0.1s;}
/********* 메인 - PRODUCT 끝 *********/


/********* 메인 - VISION *********/
.vision_wrap {overflow: hidden;}
.vision_wrap .bg {display: flex; justify-content: center; align-items: center;}
.vision_wrap .bg img {width: 100%; height: 100vh; object-fit: cover; transform: scale(1.3,1.3); backface-visibility:hidden; transition:transform 5000ms ease-in-out;}
.vision_wrap .bg .dim {background: rgb(0, 0, 0, 0.3); position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0; transition: opacity 0.3s ease;}
.vision_con {position: absolute; top: 0; left: 0; height: 100vh; display: flex; width: 100%; justify-content: space-between;}
.vision_con .brick {position: relative; border-right: 1px solid rgb(255,255,255,0.3); height: 100%; display: flex; align-items: center; justify-content: center; cursor: pointer; transition: all 0.3s ease-in-out; flex: 1 1 25%; margin-top: 92px; overflow: hidden;}
.vision_con .brick:last-child {border-right: 0;}
.vision_con .brick .text {text-align: center; margin-bottom: 90px; padding: 0 20px;}
.vision_con .brick .f40 {color: #fff; font-weight: 500; text-shadow: 5px 0px 25px rgb(0,0,0,0.4);}
.vision_con .brick .f70 {color: #fff; font-weight: 700;}
.vision_con .brick .f28 {font-weight: 600; color: #fff; margin-top: 5px;}
.vision_con .brick .line {width: 1px; height: 30px; display: inline-block; background: #e7e7e7; margin: 20px 0;}
.vision_con .brick .f22 {font-weight: 400; color: #ebebeb;}
.vision_con .brick .f22 span {display: block;}
.vision_con .brick .hover_txt {opacity: 0; height: 0; line-height: 0; transition: all 0.3s ease-in-out;}
.vision_con .brick .icon {position: absolute; bottom: 0; right: -30px; opacity: 0; transition: all 0.3s ease-in-out;}
.vision_con .brick .icon img {width: 100%; max-width: 380px;}
/* 메인 VISION :: active효과 */
.section3.active .vision_wrap .bg img {-webkit-transform: scale(1.0,1.0) rotate(0.002deg); transform: scale(1.0,1.0) rotate(0.002deg);}
.section3.active .vision_con .brick .text {-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;-webkit-animation-delay:0.3s; animation-delay:0.3s;}
/* 메인 VISION :: hover효과 */
.vision_con .brick:hover {background: #1ca196; margin-top: 0; border-right: 0; transition: all 0.8s ease-in-out;}
.vision_con .brick:hover .text {margin-bottom: 0 !important;}
.vision_con .brick:hover .f40 {text-shadow: none;}
.vision_con .brick:hover .hover_txt {opacity: 1; height: auto; line-height: auto;}
.vision_con .brick:hover .icon {opacity: 1; transition: all 1.0s ease-in-out;}
.vision_con .brick:hover .f40, .vision_con .brick:hover .f28, .vision_con .brick:hover .line, .vision_con .brick:hover .f22 {-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;}
.vision_con .brick:hover .f28 {-webkit-animation-delay:0.1s; animation-delay:0.1s;}
.vision_con .brick:hover .line {-webkit-animation-delay:0.3s; animation-delay:0.3s;}
.vision_con .brick:hover .f22 {-webkit-animation-delay:0.5s; animation-delay:0.5s;}
@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);}
}
/********* 메인 - VISION 끝 *********/



/********* 메인 - NOTICE *********/
.notice_wrap {display: flex; }
.notice_wrap .row {width: 50%; height: 100vh; display: flex; flex-flow: column; justify-content: center; align-items: center; padding-top: 90px !important;}
.notice_wrap .row .f56 {color: #1ca196; text-align: center; margin-bottom: 40px;}
/* NOTICE */
.notice_wrap .notice {padding: 0 110px; background: url('../images/main_notice_bg.jpg') no-repeat center / cover;}
.notice_wrap .notice ul {border-top: 1px solid #dadada; width: 100%;}
.notice_wrap .notice li {border-bottom: 1px solid #dadada;  transition: all 0.3s;}
.notice_wrap .notice li a {display: flex; align-items: center; justify-content: space-between; gap: 90px; padding: 25px 10px;}
.notice_wrap .notice li .title {display: flex; align-items: center; gap: 15px; overflow: hidden;}
.notice_wrap .notice li .cate {width: 82px; height: 28px; color: #fff; border-radius: 50px; background: #444; display: flex; justify-content: center; align-items: center; flex-shrink: 0; transition: all 0.3s;}
.notice_wrap .notice li .txt {color: #555; font-weight: 600; display: inline-block; text-align: left; width: auto; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; transition: all 0.3s;}
.notice_wrap .notice li .date {color: #999; padding-right: 15px; flex-shrink: 0;}
.notice_wrap .notice li:hover {border-top: 1px solid #1ca196; border-bottom: 1px solid #1ca196;}
.notice_wrap .notice li:hover .cate {background: #1ca196; transition: all 0.3s;}
.notice_wrap .notice li:hover .txt {color: #1ca196; transition: all 0.3s;} 
/* CATALOGUE */
.notice_wrap .catalogue {padding: 0 90px; background: url('../images/main_catalogue_bg.png') no-repeat center bottom / cover;}
.notice_wrap .catalogue ul {display: flex; gap: 50px; margin: 30px 0 0; height: 394px;}
.notice_wrap .catalogue li {}
.notice_wrap .catalogue li .image {border: 1px solid #f4f5f5; display: flex;}
.notice_wrap .catalogue li .image img {width: 100%; max-width: 226px;}
.notice_wrap .catalogue li .btn {display: flex; gap: 8px; justify-content: center; align-items: center; width: 100%; height: 56px; border: 1px solid #fff; margin-top: 15px; padding: 0 10px; transition: all 0.3s;}
.notice_wrap .catalogue li .btn .f16 {color: #fff; transition: all 0.3s;}
.notice_wrap .catalogue li .btn .icon {display: flex; background: url('../images/download_icon.png') no-repeat center / cover; width: 15px; height: 14px; transition: all 0.3s;}
.notice_wrap .catalogue li .btn:hover {border: 1px solid rgb(255,255,255,0.6); transition: all 0.3s;}
.notice_wrap .catalogue li .btn:hover .f16 {color: rgb(255,255,255,0.6); transition: all 0.3s;}
.notice_wrap .catalogue li .btn:hover .icon {opacity: 0.6; transition: all 0.3s;}
/********* 메인 - NOTICE 끝 *********/



/********* 메인 - CUSTOMER *********/
.customer_wrap {background: url('../images/main_customer_bg.jpg') no-repeat center / cover; height: 100vh; display: flex; justify-content: center; align-items: center; flex-flow: column;}
.customer_wrap .text {text-align: center;}
.customer_wrap .f30 {color: #1ca196; font-weight: 600; margin-bottom: 30px; overflow: hidden;}
.customer_wrap .f30 span {display: block;}
.customer_wrap .f46 {color: #000; font-weight: 700;}
.customer_wrap .f46 span {display: block; margin-bottom: 12px;}
.customer_wrap .f46 span:last-child {margin-bottom: 0;}
.loop_wrap {display: flex; overflow: hidden; margin-top: 90px; gap: 50px;}
.loop_wrap .loop {display: flex; justify-content: center; gap: 50px; -webkit-animation: loop 25s infinite linear; animation: loop 25s infinite linear; z-index: 1;}
.loop_wrap .loop .image {display: flex;}
.loop_wrap .loop .image img {width: 300px;}
@keyframes loop {
	100% {-webkit-transform: translateX(-100%); transform: translateX(-100%);}
}
.section5.active .customer_wrap .f30 span, .section5.active .customer_wrap .f46 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;}
.section5.active .customer_wrap .f30 span {-webkit-animation-delay:0.1s; animation-delay:0.1s;}
.section5.active .customer_wrap .f46 span:nth-child(1) {-webkit-animation-delay:0.3s; animation-delay:0.3s;}
.section5.active .customer_wrap .f46 span:nth-child(2) {-webkit-animation-delay:0.4s; animation-delay:0.4s;}
.section5.active .customer_wrap .f46 span:nth-child(3) {-webkit-animation-delay:0.5s; animation-delay:0.5s;}
/********* 메인 - CUSTOMER 끝 *********/



/* loading-wrap */
.loading-wrap {position: fixed; left: 0; top: 0; display: flex; align-items: center; justify-content: center; width: 100%; height:100%; background: #1ca196; z-index: 999; transition: all 0.5s ease;}
.loading-wrap.hide {opacity: 0; visibility: hidden;}
.loading-item {position: relative;}
.loading-process {position: relative; width: 400px; height: 400px; border-radius: 50%; overflow: hidden; background: #1ca196;}
.loading-process::before {position: absolute; left:0; top: 0; content:''; width: 100%; height: 100%; border-radius: 100%; border: 3px solid rgba(255, 255, 255, .2); z-index: 111;}
.loading-process .overlay {position: relative; left: 0; top: 0; width: 50%; height: 100%; z-index: 1; background:#1ca196;}
.loading-process .left {position: absolute; left: 0; top: 0; width: 50%; height: 100%; border: 3px solid #fff; border-radius: 200px 0 0 200px; border-right: 0; transform-origin: right; animation: loading1 .5s linear forwards;}
.loading-process .right {position: absolute; left: 0; top: 0; width: 50%; height: 100%; border: 3px solid #fff; border-radius: 200px 0 0 200px; border-right: 0; transform-origin: right; animation: loading2 .5s linear .5s forwards;}
.loading-center {position: absolute; left: 0; top: 0; display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; z-index: 1;}
.loading-center svg {width: 265px;}
.loading-center .cls-3 {stroke: #fff; fill: transparent; stroke-width: 0.5; stroke-dashoffset: 150; stroke-dasharray: 150; animation:offset2 linear forwards; animation-duration:0.7s; animation-delay:0.3s; transition:fill .1s ease-in;}
.loading-wrap.on .cls-3 {fill: #fff;}

@keyframes offset2 {
	0% {stroke-dashoffset: 150;}
	100% {stroke-dashoffset: 0;}
}

@keyframes loading1 {
    0% { transform: rotate(0deg);}
    100% {transform: rotate(180deg);}
}

@keyframes loading2 {
    0% {z-index: 100;transform: rotate(180deg);}
    100% {z-index: 100;transform: rotate(360deg);}
}








@media (min-width: 1921px) {

}



@media (max-width: 1750px) {
	.product_swiper .big_txt {font-size: 16vw; bottom: -2vw;}
	.product_swiper .image img {width: 28vw;}
	.notice_wrap .catalogue ul {gap: 30px;}
	.notice_wrap .notice {padding: 0 60px;}

}


@media (max-width: 1600px) {
	.main_slider_item .text .text_inner {margin-left: 10vw;}
	.main_visual_control {left: 10vw;}
	.product_swiper .product_txt {padding-left: 10vw;}
	.product_wrap .tab {right: 50px;}
	.product_wrap .tab li .f28 {font-size: 24px;}
	.product_swiper .image, .product_swiper .product_txt {padding-top: 80px;}

	.vision_con .brick {margin-top: 82px;}
	.vision_con .brick .text {margin-bottom: 80px;}
	.vision_con .brick .icon img {width: 22vw;}
	.notice_wrap .row {padding-top: 80px !important;}
	.notice_wrap .notice li a {padding: 18px 10px; gap: 50px;}
	.notice_wrap .notice li .txt {font-size: 20px;}
	.notice_wrap .notice li .cate {font-size: 13px;}
	.notice_wrap .catalogue ul {height: 326px;}
	.customer_wrap .text {padding-top: 80px;}




}



@media (max-width: 1440px) { 
	body #fp-nav.fp-right {top: calc(50% - 40px);}
	.main_slider_item .text .text_inner {margin-left: 6vw;}
	.main_visual_control {left: 6vw; bottom: 30px;}
	.main_visual_slider .scroll_down {right: 18px;}
	.main_visual_slider .scroll_down .txt {font-size: 12px;}
	body #fp-nav ul li {margin: 20px 0;}
	body #fp-nav ul li::after {height: 25px;}
	body #fp-nav ul li a.active span::after {width: 30px; height: 30px;}
	.main_visual_slider .scroll_down .icon {left: 20px;}
	.main_slider_item .visual_txt .btn .circle {width: 50px; height: 50px;}
	.main_slider_item .visual_txt .btn .f10 {transform: translate(25px, -50%);}
	.product_swiper .image {width: 50%;}
	.product_swiper .product_txt {padding-left: 6vw; width: 50%;}
	.product_swiper .product_txt .btn .f16 {height: 60px;}
	.product_wrap .tab {right: 40px; top: 120px;}
	.product_wrap .tab li {margin-bottom: 10px; padding-bottom: 2px;}
	.product_wrap .tab li .f28 {font-size: 22px; padding-right: 30px;}
	.vision_con .brick .f22 {font-size: 20px;}
	.notice_wrap .notice {padding: 0 40px;}
    .notice_wrap .notice li a {padding: 15px 10px;}
	.notice_wrap .notice li .txt {font-size: 18px;}
	.notice_wrap .catalogue {padding: 0 60px;}
	.notice_wrap .catalogue ul {height: 296px;}
	.notice_wrap .catalogue li .btn .f16 {font-size: 15px;}
	.customer_wrap .f46 span {margin-bottom: 8px;}
	.loop_wrap {margin-top: 70px; gap: 30px;}
	.loop_wrap .loop {gap: 30px;}
	.loop_wrap .loop .image img {width: 22vw; max-width: 300px; min-width: 120px;}


}




@media (max-width: 1200px) { 
	body #fp-nav.fp-right {top: calc(50% - 35px); right: 25px;}
	.main_visual_slider .scroll_down {bottom: 80px;}
	.main_visual_slider .scroll_down .txt {margin: 28px 0;}
	.main_visual_slider .scroll_down .icon {left: 21px;}
	.main_visual_slider .scroll_down .icon img {width: 4px; height: 50px;}
	body #fp-nav ul li a.active span::after {width: 20px; height: 20px;}
	.main_visual_slider .scroll_down {right: 6px;}
	.main_slider_item .visual_txt .f22 {margin-top: 15px;}
	.product_swiper .image, .product_swiper .product_txt {padding-top: 70px;}
	.product_swiper .product_txt .title .f60 {margin: 10px 0 20px;}
	.product_swiper .product_txt .btn .f16 {font-size: 15px;}
	.product_wrap .tab {right: 20px; top: 100px;}
	.product_wrap .tab li {margin-bottom: 6px; padding-bottom: 0px;}
	.product_wrap .tab li .f28 {font-size: 18px; padding-right: 20px;}
	.vision_con .brick {margin-top: 72px;}
	.vision_con .brick .text {margin-bottom: 70px;}
	.vision_con .brick .icon img {width: 18vw;}
	.vision_con .brick .line {margin: 15px 0; height: 20px;}
	.vision_con .brick .f22 {font-size: 18px; line-height: 28px;}
	.vision_con .brick .f22 span {display: inline;}
	.notice_wrap .row {padding-top: 70px !important;}
	.notice_wrap .notice li .cate {font-size: 12px; width: 76px;}
	.notice_wrap .notice li .txt {font-size: 16px; line-height: 26px;}
	.notice_wrap .notice li .date {font-size: 14px; line-height: 24px; padding-right: 0;}
	.notice_wrap .catalogue ul {height: 266px; gap: 20px;}
	.notice_wrap .catalogue li .btn {height: 52px;}
	.notice_wrap .catalogue li .btn .f16 {font-size: 14px;}
	.customer_wrap .text {padding-top: 70px;}


}





@media (max-width: 1024px) { 
    body #fp-nav ul li {margin: 15px 0;}
	body #fp-nav ul li::after {height: 20px;}
	body #fp-nav.fp-right {top: calc(50% - 30px);}
	.product_swiper .image, .product_swiper .product_txt {padding-top: 60px;}
	.product_swiper .image {justify-content: center;}
	.product_swiper .product_txt .f24 {font-size: 16px;}
	.vision_con .brick {margin-top: 62px;}
	.vision_con .brick .text {margin-bottom: 60px;}
	.vision_con .brick .f22 {font-size: 16px; line-height: 26px;}
	.vision_con .brick .icon img {width: 22vw;}
	.notice_wrap .row {padding-top: 60px !important;}
	.notice_wrap .catalogue li .btn {gap: 4px;}
	.customer_wrap .text {padding-top: 0;}
	.customer_wrap .f30 {margin-bottom: 20px;}
	.customer_wrap .f46 span {margin-bottom: 4px;}


}


@media (max-width: 960px) { 
	.product_swiper .product_txt .f24 span {display: inline;}
	.notice_wrap {flex-flow: column; justify-content: flex-start;}
	.notice_wrap .row {padding-top: 0; width: 100%;}
	.notice_wrap .row .f56 {margin-bottom: 20px;}
	.notice_wrap .notice {padding: 80px 16px 40px !important; height: 45vh;}
	.notice_wrap .notice li:nth-last-child(-n+2) {display: none;}
	.notice_wrap .catalogue {padding: 40px 16px 80px !important; height: 55vh; justify-content: flex-start;}
	.notice_wrap .catalogue ul {margin: 0; height: auto;}
	.notice_wrap .catalogue li .image {height: 25vh;}
	.notice_wrap .catalogue li .image img {object-fit: cover;}
	

}






@media (max-width: 768px) {
    .product_swiper .product_txt .title .f60 {margin: 6px 0 10px;}
	.product_swiper .product_txt .btn .f16 {height: 54px; width: 180px;}
	.product_swiper .big_txt {font-size: 90px; bottom: 65px;}
	.vision_con {flex-flow: column; padding-top: 60px; height: calc(100vh - 60px);}
	.vision_con .brick {border-bottom: 1px solid rgb(255, 255, 255, 0.5); border-right: 0; margin-top: 0;}
	.vision_con .brick .text {margin-bottom: 0;}
	.vision_con .brick .line {display: none;}
	.vision_con .brick .f28 {margin-top: 2px; font-size: 18px;}
	.vision_con .brick .f22 {margin-top: 8px;}
	.vision_con .brick .icon {right: -20px;}
	.vision_con .brick .icon img {width: 24vw;}
	.notice_wrap .notice li a {gap: 20px;}
	.notice_wrap .notice li .txt {font-size: 15px; line-height: 25px;}
	.loop_wrap {margin-top: 50px;}


}




@media (max-width: 640px) {
	.main_slider_item .text .text_inner {margin-left: 0;}
	.main_visual_control {left: 16px;}
	.product_swiper .product_txt {padding-left: 0;}

	.product_swiper .slide_con {flex-flow: column; align-items: flex-start; justify-content: center; gap: 30px; padding-top: 80px;}
	.product_swiper .image, .product_swiper .product_txt {padding-top: 0; width: 100%;}
	.product_swiper .product_txt .title .f60 {margin: 4px 0 8px;}
	.product_swiper .product_txt .btn {margin-top: 20px;}
	.product_swiper .image img {width: 30vw;}

	.notice_wrap .notice li a {padding: 13px 10px;}
	.notice_wrap .notice li .cate {height: 26px;}
	.notice_wrap .catalogue li .btn {margin-top: 10px;}


}



@media (max-width: 540px) {
	.notice_wrap .catalogue ul {gap: 14px;}
	.notice_wrap .catalogue li:last-child {display: none;}
	.notice_wrap .catalogue li .btn {height: 48px;}
	.loop_wrap {gap: 20px;}
	.loop_wrap .loop {gap: 20px;}
	.product_swiper .big_txt {font-size: 70px;}
}

@media (max-width: 480px) {
	.vision_con .brick .f28 {margin-top: 2px; font-size: 16px;}
	.vision_con .brick .f22 {margin-top: 6px; font-size: 14px; line-height: 22px;}
	.notice_wrap .notice li .date {display: none;}
	.product_swiper .big_txt {font-size: 60px;}


}



@media (max-width: 375px) {
	.notice_wrap .catalogue li .btn .f16 {font-size: 13px;}
}







@media (max-height: 650px) {

}

@media (max-height: 600px) {
	.notice_wrap .notice {height: 40vh;}
	.notice_wrap .catalogue {height: 60vh; padding: 30px 16px 60px !important;}
	.notice_wrap .notice li:nth-last-child(-n+3) {display: none;}
	.notice_wrap .catalogue li .image {height: 22vh;}
}

@media (max-height: 540px) {
	.notice_wrap .catalogue li .btn {height: 40px;}


}


@media (max-height: 480px) {


}