@charset "utf-8";
body {background:#f5f4ee;}

.section1 {position: relative;width:100%;height:100vh;}
.section1 .main_visual_slider,.section1 .main_visual_slider .main_visual,.section1 .main_visual_slider .main_visual .bg {width:100%;height:100%;}\
.section1 .main_visual_slider .main_visual {overflow: hidden;}
.section1 .main_text_wrap {position: absolute;top: 57%;left:50%;width:94%;max-width:1560px;transform:translate(-50%,-50%);z-index:10;}
.section1 .main_text_slider {}
.section1 .main_text_slider .main_text {}
.section1 .main_text_slider .main_text .main_tit {font-family:'Lexend';font-size:44px;font-weight:300;color:#fff;line-height:1.4;}
.section1 .main_text_slider .main_text .main_tit div {overflow: hidden;}
.section1 .main_text_slider .main_text .main_tit div span {display: block;}
.section1 .main_paging {display:flex;margin-top: 70px;}
.section1 .main_pagination {margin-right:25px;}
.section1 .main_pagination > span {width:9px;height:9px;background:transparent;border:1px solid #eee;margin:0 20px 0 0;opacity:1;}
.section1 .main_pagination > span.swiper-pagination-bullet-active {background:#eee;}
.section1 .main_pagination > span:last-child {margin-right:0;}
.section1 .main_control {width:9px;height:9px;margin-top: 1px;}
.section1 .main_control > button {display: none;}
.section1 .main_control > button.pause {width:7px;height:9px;border:2px solid #fff;border-top: 0;border-bottom: 0;}
.section1 .main_control.play > button.pause {display: block;}
.section1 .main_control.pause > button.play {display: block;}
.section1 .main_arrow {position: absolute;top:0;right:0;z-index:10;}
.section1 .main_arrow button {display: block;width:61px;height:61px;background:url(/images/main/main_arrow.png) no-repeat center / contain;}
.section1 .main_arrow button.main_prev {transform:rotate(180deg);margin-top:3px;}
.section1 .scroll_bar {position: absolute;bottom:0;left:50%;width:1px;height:120px;background:rgba(255,255,255,0.4);z-index:10;overflow: hidden;}
.section1 .scroll_bar span {display: block;width:100%;height:100%;background:#fff;transform:translateY(-100%);animation:scrollBar 1.5s infinite;}
@keyframes scrollBar {
	0% {transform:translateY(-100%);}
	50% {transform:translateY(0);}
	100% {transform:translateY(100%);}
}

.section {}
.section .section_tit {display: block;font-size:20px;color:#222;}
.section .b_txt {display: block;font-size:36px;font-weight:400;color:#000;line-height:1.2;}
.section .txt1 {font-size:17px;color:rgba(0,0,0,0.7);line-height:1.4;}
.section .btn {border:1px solid rgba(0,0,0,0.5);border-radius:50vh;margin:0 auto;}
.section .btn a {display: block;color:rgba(0,0,0,0.7);text-align:center;}
.section .btn a p {margin:0;}
.section .btn1 {width:90px;height:46px;}
.section .btn1 a {font-size:13px;line-height:43px;}
.section .btn2 {width:190px;height:52px;}
.section .btn2 a {font-size:11px;line-height:50px;}
.section .b_txt.wht {color:#fff;}
.section .txt1.wht {color:rgba(255,255,255,0.8);}
.section .btn.wht {border-color:rgba(255,255,255,0.5);}
.section .btn.wht a {color:#fff;}
.section .section_text_g {text-align: center;}
.section .section_text_g .section_tit {}
.section .section_text_g .b_txt {margin-top: 45px;}
.section .section_text_g .txt1 {margin-top: 20px;}
.section .section_text_g .btn1 {margin-top: 25px;}

.section2 {padding: 170px 0 280px;}
.section2 .conwrap {width:94%;max-width:1680px;margin:0 auto;}
.section2 .conwrap .top_text {text-align: center;padding-bottom:170px;}
.section2 .conwrap .top_text strong.tit {display: block;font-size:33px;font-weight:400;color:#000;}
.section2 .conwrap .top_text strong.tit br {display: none;}
.section2 .conwrap .top_text p {font-size:16px;color:#777;line-height:1.9;letter-spacing:-0.01em;margin-top: 20px;}
.section2 .conwrap .section_text_g {text-align: center;}
.section2 .conwrap .product_wrap {display:flex;flex-wrap:wrap;margin-top: 55px;}
.section2 .conwrap .product_wrap .box {position: relative;width: 100%;overflow: hidden;}
.section2 .conwrap .product_wrap .box:nth-child(3) {}
.section2 .conwrap .product_wrap .box:nth-child(n+2) {margin-top: 20px;}
.section2 .conwrap .product_wrap .box .img {width:100%;overflow: hidden;}
.section2 .conwrap .product_wrap .box .img_s > span {display: block;width:100%;padding-bottom:100%;}
.section2 .conwrap .product_wrap .box .text {position: absolute;top:0;left:0;width:100%;height:100%;display: flex;flex-direction: column;justify-content: center;text-align: center;}
.section2 .conwrap .product_wrap .box .text .inner {width:100%;height:100%;display: flex;flex-direction: column;justify-content: center;text-align: center;}
.section2 .conwrap .product_wrap .box .text .b_txt {margin-top:0;}
.section2 .conwrap .product_wrap .box.w100 {display: flex;justify-content: space-between;width:100%;}
.section2 .conwrap .product_wrap .box.w100 .img {width:calc(50% - 20px);padding-bottom: 0;}
.section2 .conwrap .product_wrap .box.w100 .img > div {width:100%;padding-bottom:100%;}
.section2 .conwrap .product_wrap .box.w100 .img > .img_s {padding-bottom:0;}
.section2 .conwrap .product_wrap .box.w100 .text {position:unset;width: calc(50% - 20px);}

.section3 {}
.section3 .conwrap {display:flex;background:#ecebe3;}
.section3 .conwrap > div {width:50%;}
.section3 .conwrap .img {width:100%;overflow: hidden;}
.section3 .conwrap .img > div {width:50vw;padding-bottom:50vw;}
.section3 .conwrap .text {display: flex;flex-direction: column;justify-content: center;}

.section4 {padding:254px 0 0;}
.section4 .conwrap {}
.section4 .conwrap .section_text_g {padding: 0 10% 75px;}
.section4 .conwrap .diagram_wrap {padding: 245px 3% 208px;background: url(/images/main/sec4_bg.jpg) no-repeat center / cover;}
.section4 .conwrap .diagram_wrap .tit {display: block;font-size:30px;font-weight:400;color:#000;text-align: center;}
.section4 .conwrap .diagram_wrap .diagram_list {display:flex;justify-content:space-between;flex-wrap: wrap;width: 94%;max-width: 1400px;margin: 89px auto 0;}
.section4 .conwrap .diagram_wrap .diagram_list li {text-align: center;width: 50%;}
.section4 .conwrap .diagram_wrap .diagram_list li:nth-child(n+3) {margin-top:50px;}
.section4 .conwrap .diagram_wrap .diagram_list li .dia {height: 66px;line-height: 66px;}
.section4 .conwrap .diagram_wrap .diagram_list li .num {display: block;font-size:18px;color:#000;margin-top: 35px;}
.section4 .conwrap .diagram_wrap .diagram_list li p {font-size:26px;color:#000;letter-spacing:0.01em;line-height:1.4;margin-top: 70px;}
.section4 .conwrap .diagram_wrap .diagram_list li p:before {content:"";display: block;width:50px;height:1px;background:#000;opacity:0.4;margin: 0 auto 24px;}

.section5 {padding:290px 0 160px;}
.section5 .conwrap {width:94%;margin: 0 auto;}
.section5 .conwrap .section_text_g {text-align: center;padding-bottom: 70px;}
.section5 .conwrap .section_text_g .b_txt br,
.section5 .conwrap .section_text_g .txt1 br {display: none;}
.section5 .conwrap .section_text_g .btn {margin: 77px auto 0;}
.section5 .conwrap .slider_g {width: 103%;}
.section5 .conwrap .news_slider {}
.section5 .conwrap .news_slider .news_item {width: 370px;margin-right:47px;}
.section5 .conwrap .news_slider .news_item:before {content:"";position: absolute;top:0;right:-23px;width:1px;height:100%;background:#000;opacity:0.2;}
.section5 .conwrap .news_slider .news_item:last-child {margin-right:0;}
.section5 .conwrap .news_slider .news_item:last-child:before {display: none;}
.section5 .conwrap .news_slider .news_item .img {width:100%;overflow: hidden;}
.section5 .conwrap .news_slider .news_item .img > div {width:100%;padding-bottom:100%;transition:0.8s;}
.section5 .conwrap .news_slider .news_item:hover .img > div {transform:scale(1.05);}
.section5 .conwrap .news_slider .news_item .text {margin-top: 40px;}
.section5 .conwrap .news_slider .news_item .text .tit {display: block;font-size:20px;font-weight:400;color:#000;letter-spacing:-0.025em;overflow: hidden;text-overflow:ellipsis;white-space:nowrap;}
.section5 .conwrap .news_slider .news_item .text .txt1 {height: 47px;margin-top: 13px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;word-wrap:break-word;}
.section5 .conwrap .news_slider .news_item .text .date {display: block;font-size:16px;font-weight: 300;color:#888;margin-top: 20px;}
.section5 .conwrap .news_pagination {position: relative;width:100%;height:2px;margin-top: 75px;background: transparent;}
.section5 .conwrap .news_pagination:before {content:"";position: absolute;bottom:0;left:0;width:100%;height:1px;background:#000;opacity:0.2;}
.section5 .conwrap .news_pagination > span {background:#000;}

.section6 {}
.section6 .conwrap {display:flex;}
.section6 .conwrap .box {position: relative;width:50%;overflow: hidden;}
.section6 .conwrap .box .img {width:100%;padding-bottom: 71.467%;}
.section6 .conwrap .box .text {position: absolute;top:0;left:0;display: flex;flex-direction: column;justify-content: center;width:100%;height:100%;padding: 0 20px;}
.section6 .conwrap .box .text .btn2 {margin-top: 56px;}
.section6 .conwrap .box .text .btn2 a {font-size:13px;font-weight:300;}

/* motion */
.ani_y {opacity:0;transform:translateY(40px);}
.scale_img {transform: scale(1.09);}
.section1 .main_visual_slider .main_visual .bg {transform: scale(1.07);transition: 1.8s cubic-bezier(0.48, 0.47, 0.52, 0.81);}
.section1 .main_visual_slider .main_visual.swiper-slide-active .bg {transform:scale(1);}
.section1 .main_text_slider .main_text .main_tit div span {transform:translateY(100%);transition:0.8s;}
.section1 .main_text_slider .main_text.swiper-slide-active .main_tit div span {transform:translateY(0);transition:0.8s 0.6s;}
.section1 .main_text_slider .main_text.swiper-slide-active .main_tit div:nth-child(2) span {transition-delay:0.75s;}
.section1 .main_paging {opacity:0;transform:translateY(40px);transition:0.8s 0.9s;}
.intro .section1 .main_paging {opacity:1;transform:translateY(0);}
.section2 .section_text_g .section_tit,
.section2 .conwrap .top_text .tit {opacity:0;transform:translateY(40px);transition:0.8s;}
.section2 .conwrap .top_text p {opacity:0;transform:translateY(40px);transition:0.8s 0.2s;}
.section2 .section_text_g .section_tit.in-view,.section2 .conwrap .top_text.in-view .tit,.section2 .conwrap .top_text.in-view p {opacity:1;transform:translateY(0);}
.section2 .product_wrap .box .img_s {transform: scale(1.09);transition:1s;}
.section2 .product_wrap .box.in-view .img_s {transform: scale(1);}
.section2 .product_wrap .box .b_txt {opacity:0;transform:translateY(40px);transition:0.8s 0.2s;}
.section2 .product_wrap .box .txt1 {opacity:0;transform:translateY(40px);transition:0.8s 0.4s;}
.section2 .product_wrap .box .btn {opacity:0;transform:translateY(40px);transition:0.8s 0.6s;}
.section2 .product_wrap .box.in-view .b_txt,.section2 .product_wrap .box.in-view .txt1,.section2 .product_wrap .box.in-view .btn {opacity:1;transform:translateY(0);}
.section3 .conwrap .img {width:0;transition:0.7s;}
.section3 .conwrap.in-view .img {width:100%;}
.section3 .conwrap .section_text_g .section_tit {opacity:0;transform:translateY(40px);transition:0.8s 0.2s;}
.section3 .conwrap .section_text_g .b_txt {opacity:0;transform:translateY(40px);transition:0.8s 0.4s;}
.section3 .conwrap .section_text_g .txt1 {opacity:0;transform:translateY(40px);transition:0.8s 0.6s;}
.section3 .conwrap .section_text_g .btn {opacity:0;transform:translateY(40px);transition:0.8s 0.8s;}
.section3 .conwrap.in-view .section_text_g .section_tit,.section3 .conwrap.in-view .section_text_g .b_txt,.section3 .conwrap.in-view .section_text_g .txt1,.section3 .conwrap.in-view .section_text_g .btn {opacity:1;transform:translateY(0);}
.section4 .conwrap .section_text_g .section_tit,
.section4 .conwrap .diagram_wrap .tit {opacity:0;transform:translateY(40px);transition:0.8s;}
.section4 .conwrap .section_text_g .b_txt {opacity:0;transform:translateY(40px);transition:0.8s 0.2s;}
.section4 .conwrap .section_text_g .txt1 {opacity:0;transform:translateY(40px);transition:0.8s 0.4s;}
.section4 .conwrap .section_text_g.in-view .section_tit,.section4 .conwrap .section_text_g.in-view .b_txt,.section4 .conwrap .section_text_g.in-view .txt1,.section4 .conwrap .diagram_wrap .tit.in-view {opacity:1;transform:translateY(0);}
.section4 .conwrap .diagram_wrap .diagram_list li .dia {opacity:0;transform: translateY(40px);transition:0.8s;}
.section4 .conwrap .diagram_wrap .diagram_list li.in-view .dia {opacity:1;transform: translateY(0px);}
.section4 .conwrap .diagram_wrap .diagram_list li .num {opacity:0;transform:translateY(40px);transition:0.8s 0.2s;}
.section4 .conwrap .diagram_wrap .diagram_list li p {opacity:0;transform:translateY(40px);transition:0.8s 0.2s;}
.section4 .conwrap .diagram_wrap .diagram_list li.in-view .num,
.section4 .conwrap .diagram_wrap .diagram_list li.in-view p {opacity:1;transform:translateY(0);}
.section5 .conwrap .section_text_g .section_tit {opacity:0;transform:translateY(40px);transition:0.8s;}
.section5 .conwrap .section_text_g .b_txt {opacity:0;transform:translateY(40px);transition:0.8s 0.2s;}
.section5 .conwrap .section_text_g .txt1 {opacity:0;transform:translateY(40px);transition:0.8s 0.4s;}
.section5 .conwrap .section_text_g .btn {opacity:0;transform:translateY(40px);transition:0.8s 0.6s;}
.section5 .conwrap .section_text_g.in-view .section_tit,.section5 .conwrap .section_text_g.in-view .b_txt,.section5 .conwrap .section_text_g.in-view .txt1,.section5 .conwrap .section_text_g.in-view .btn {opacity:1;transform:translateY(0);}
.section6 .conwrap .box .img {transform: scale(1.09);transition:1s;}
.section6 .conwrap .box.in-view .img {transform: scale(1.01);}
.section6 .section_text_g .b_txt {opacity:0;transform:translateY(40px);transition:0.8s 0.2s;}
.section6 .section_text_g .txt1 {opacity:0;transform:translateY(40px);transition:0.8s 0.4s;}
.section6 .section_text_g .btn {opacity:0;transform:translateY(40px);transition:0.8s 0.6s;}
.section6 .in-view .section_text_g .b_txt,.section6 .in-view .section_text_g .txt1,.section6 .in-view .section_text_g .btn {opacity:1;transform:translateY(0);}

.section .btn a p .char {}
.section .btn a:hover p .char {animation:btn-hover-animation 0.8s cubic-bezier(0.4, 0, 0.2, 1) both;animation-delay:calc(50ms * var(--char-index));}
@keyframes btn-hover-animation {
	0% {opacity:1;transform:translateX(0px);}
	45% {opacity:0;transform:translateX(5px);}
	50% {opacity:0;transform:translateX(-5px);}
	100% {opacity:1;transform:translateX(0px);}
}

@media screen and (max-width:1000px){
	.section2 .conwrap .product_wrap .box .text .inner {position: absolute;top:0;left:0;}
	.section2 .conwrap .product_wrap .box.w100 {display: block;}
	.section2 .conwrap .product_wrap .box.w100 .img {width:100%;}
	.section2 .conwrap .product_wrap .box.w100 .text {position: relative;width:100%;height: auto;padding-bottom:100%;}

	.section3 .conwrap {display: block;}
	.section3 .conwrap > div {width:100%;}
	.section3 .conwrap .img > div {width:100vw;padding-bottom:100vw;}
	.section3 .conwrap .text {position: relative;width:100%;padding-bottom:100%;}
	.section3 .conwrap .text .inner {position: absolute;top:0;left:0;display: flex;flex-direction: column;justify-content: center;width:100%;height:100%;}
	
	.section6 .conwrap {display: block;}
	.section6 .conwrap .box {width:100%;}
}