@charset "utf-8";

.pcbr{display:block !important;}
.ptbr{display:block !important;}
.tbr{display:none !important;}
.mbr{display:none !important;}
.pc_view{display:block !important;}
.pt_view{display:block !important;}
.tm_view{display:none !important;}
.t_view{display:none !important;} 
.m_view{display:none !important;}

#wrap, #container, #contents, main {width:100%;height:100%;}
#wrap header {}
.intro #wrap header {}
.bk #wrap h1.logo {background:url(/images/common/logo2.png) no-repeat center / contain;}
.bk #wrap .menu>div span:before,
.bk #wrap .menu>div span:after {background:#ffffff;}
.bk #wrap .language a.lang {background:url(/images/common/lang_bk.png) no-repeat center right / contain;color: #000;font-weight: 600;}
.bk #wrap header .gnb>ul>li>a {color:#ffffff;}
.bk .full_pagination>span {background:rgba(255, 255, 255, 0.4);}
.bk .full_pagination>span.swiper-pagination-bullet-active {background:#ffffff;}
.bk .full_pagination>span>span {color:#ffffff;font-weight: 600;}
.bk2 #wrap h1.logo {background:url(/images/common/logo2.png) no-repeat center / contain;}
.bk2 #wrap header .gnb>ul>li>a {color:#ffffff;}

.full_slider {width: 100%;height:100%;margin:0;}
.full_slider>.swiper-wrapper {display: block;}
.full_item {width: auto;height:100%;overflow: hidden;background: #f1f1f1;}
.full_item .conwrap {width:100%;height:100%;}
.full_item .inner {width: 100%;height:100%;}
.full_pagination {position: fixed;top: 71%;right: 66px;z-index: 10;transform: rotate(90deg);transform-origin: bottom right;transition:top 0.8s;}
.full_pagination>span {position: relative;border-radius:0;width:50px;height:1px;background:rgba(255,255,255,0.4);margin-right: 10px;opacity:1;}
.full_pagination>span:last-child {display: none;margin-right:0;}
.full_pagination>span>span {position: absolute;top: 0;left: 50%;transform: translateX(-50%);font-family:'Montserrat';font-size:11px;color:#fff;opacity:0;padding-top: 10px;}
.full_pagination>span.swiper-pagination-bullet-active {height:2px;background:#fff;}
.full_pagination>span.swiper-pagination-bullet-active>span {opacity:1;}


/* section */
.section span.cate {display: block;font-family:'Montserrat';font-size:19px;font-weight:600;color:#000;}
.section strong.sec_tit {display: block;font-family: 'Montserrat';font-size: 54px;font-weight: 600;color:#000;line-height:0.8;}
.section b.txt1 {display: block;font-size:22px;font-weight:600;color:#000;}
.section p.txt2 {font-size:17px;font-weight:300;color:#555;line-height:2;word-break: keep-all;}
.section .more_btn>a {display: inline-block;font-family:'Montserrat';font-size:14px;font-weight:500;color:rgba(0,0,0,0.7);padding-right:42px;background:url(/images/main/more_icon_bk.png) no-repeat center right;}
.section .more_btn.btn2>a {color:#fff;background:url(/images/main/more_icon2.png) no-repeat center right;}

/* section1 - main_slider */
.section1 {}
.section1 .inner {width:100%;}
.section1 .main_slider {width:100%;height:100%;}
.section1 .main_item {width:100%;height:100%;overflow: hidden;}
.section1 .main_item .bg {width:100%;height:100%;transform:scale(1.07);transition: transform 2.5s 0.2s;will-change:transform;}
.section1 .main_item .tit {position: absolute;top:50%;left: 7%;transform: translate(0,-50%);width:94%;max-width:1530px;will-change:transform;}
.section1 .main_item .tit strong {display: inline-block;font-family: 'Montserrat';font-size: 6.875rem;font-weight: 500;color:#fff;line-height: 1.1;margin-bottom:40px;opacity:0;}
.section1 .main_item .tit strong span.char {display: inline-block;opacity:0;transform:scale(1.07);transition: 1.5s 0.5s;}
.section1 .main_item .tit strong span.char:nth-child(even) {transition: 1.8s 0.7s;}
.section1 .main_item .tit b {display: block;font-family:'Montserrat';font-size:25px;font-weight:500;color:rgba(255,255,255,0.9);overflow: hidden;}
.section1 .main_item .tit p {font-size:19px;font-weight:300;color:rgba(255,255,255,0.8);margin-top:7px;overflow: hidden;}
.section1 .main_item .tit b span {display: block;transform:translateY(100%);transition: 0.9s 1.2s;will-change:transform;}
.section1 .main_item .tit p span {display: block;transform:translateY(100%);transition: 0.9s 1.4s;will-change:transform;}
.section1 .main_paging {position: absolute;bottom:60px;left: 7%;transform: translate(0,-20%);width:94%;display: flex;align-items: center;z-index: 1;}
.section1 .main_arrow {display: flex;align-items: center;margin-right:35px;}
.section1 .main_arrow>button {position: relative;width:15px;height:30px;}
.section1 .main_arrow>button.main_prev {background:url(/images/main/main_prev.png) no-repeat center / contain;margin-right:40px;}
.section1 .main_arrow>button.main_next {background:url(/images/main/main_next.png) no-repeat center / contain;}
.section1 .main_arrow>button.main_prev:after {content:"";position: absolute;top: 3px;right:-20px;width:1px;height:24px;background:#fff;opacity:0.3;}
.section1 .main_pagination {display: flex;align-items: center;}
.section1 .main_pagination>span {width:6px;height:6px;background:#fff;opacity:1;margin-right:22px;}
.section1 .main_pagination>span:last-child {margin-right:0;}
.section1 .main_pagination>span.swiper-pagination-bullet-active {background-color: transparent;border:2px solid #fff;box-sizing: content-box !IMPORTANT;}

.section1 .main_item.swiper-slide-active .bg {transform:scale(1);}
.section1 .main_item.swiper-slide-active .tit strong {opacity:1;}
.section1 .main_item.swiper-slide-active .tit strong span.char {opacity:1;transform:scale(1);}
.section1 .main_item.swiper-slide-active .tit b span,
.section1 .main_item.swiper-slide-active .tit p span {opacity:1;transform:translateY(0);}

/* section2 - product */
.section2 .inner {display:flex;}
.section2 .inner>div {position: relative;width:100%;height:100%;}
.section2 .inner .product_img {}
.section2 .inner .product_img .img_item {overflow: hidden;}
.section2 .inner .product_img .img_inner,
.section2 .inner .product_img .img {width:100%;height:100%;}
.section2 .inner .product_text {padding: 8% 10% 100px 6.5%;background: #f1f1f1;}
.section2 .inner .product_text:before {content:"";position: absolute;top:0;left:0;width:100%;height:100%;}
.section2 .inner .product_text strong.sec_tit {margin: 6.5vh 0 3vh;}
.section2 .inner .product_text b.txt1 {margin-bottom: 16px;overflow: hidden;}
.section2 .inner .product_text p.txt2 {overflow: hidden;}
.section2 .inner .product_text b.txt1>span,
.section2 .inner .product_text p.txt2>span {display: block;transform:translateY(100%);}
.section2 .inner .product_text ul.icon_l {display:flex;margin-top: 33px;}
.section2 .inner .product_text ul.icon_l li {width:25%;text-align: center;padding-bottom:9px;border-right:1px solid #d8d8d8;}
.section2 .inner .product_text ul.icon_l li:nth-child(1) {border-left:1px solid #d8d8d8;}
.section2 .inner .product_text ul.icon_l li .icon {height:36px;}
.section2 .inner .product_text ul.icon_l li p {font-size:16px;font-weight:300;color:#444;margin-top:15px;}
.section2 .inner .product_text .more {margin-top: 6vh;}
.section2 .inner .product_text .more>a {}
.section2 .product_paging {position: absolute;bottom: 100px;left: 13%;z-index: 1;display: flex;align-items: center;width: 100%;}
.section2 .product_paging .product_arrow {display: flex;}
.section2 .product_paging .product_arrow button {width:68px;height:68px;border-radius:50%;margin-right:7px;}
.section2 .product_paging .product_arrow button.product_prev {background:#d8d8d8 url(/images/main/slide_prev.png) no-repeat center;}
.section2 .product_paging .product_arrow button.product_next {background:#003864 url(/images/main/slide_next.png) no-repeat center;}
.section2 .product_pagination {margin-left: 20px;}
.section2 .product_pagination * {font-family:'Montserrat';font-size:13px;font-weight: 600;color:#555;}
.section2 .product_pagination>span {margin: 0 2px;}
.section2 .product_pagination>span.current {color:#222;font-weight: 700;}

/* section3 - business */
  /* flex-direction:column; */width: auto;height: 100%;}
.section3 .inner>div {height:100%;}


.section3 .left .text_wrap {}
.section3 .left .text_wrap span.cate {color:#fff;margin-bottom: 40px;}
.section3 .left .text_wrap strong.sec_tit {color:#fff;line-height:1.3;}
.section3 .left .text_wrap p.txt2 {overflow: hidden;color:rgba(255,255,255,0.9);line-height:1.9;}
.section3 .left .text_wrap p.txt2.first {margin-top:32px;}
.section3 .left .text_wrap .btn {display:flex;align-items:center;margin-top:45px;}
.section3 .left .text_wrap .btn>a {display: block;width:101px;height:101px;background:url(/images/main/more_icon.png) no-repeat center / contain;}
.section3 .left .text_wrap .btn>span {display: block;font-family:'Montserrat';font-size:12px;color:#fff;letter-spacing:0.02em;margin-left:18px;}
.section3 .right {display: flex;align-items: center;background: #dadada;padding-right: 260px;}
.section3 .right .business_slider {margin-left: -420px;}
.section3 .right .business_l {display:flex;}
.section3 .right .business_l>li {width: 519px;height:650px;margin-right:95px;}
.section3 .right .business_l>li:last-child {margin-right:0;}
.section3 .right .business_l>li>a {position: relative;display: block;width:100%;height:100%;overflow: hidden;}
.section3 .right .business_l>li .bg {width:100%;height:100%;transition:transform 0.5s;}
.section3 .right .business_l>li:hover .bg {transform:scale(1.05);}
.section3 .right .business_l>li .text {position: absolute;bottom:0;left:0;padding:0 30px 40px;}
.section3 .right .business_l>li .text strong {display: block;font-family:'Montserrat';font-size:30px;font-weight:600;color:#fff;}
.section3 .right .business_l>li .text p.txt2 {color:rgba(255,255,255,0.8);margin-top:7px;}
.section3 .right .business_l>li .text .more {
	display: inline-block;
	font-family:'Montserrat';
	font-size:14px;
	color:rgba(255,255,255,0.7);
	padding-right:42px;
	margin-top:10px;
	background:url(/images/main/more_icon2.png) no-repeat center right;
}
.section3 .scroll-content {width:100%;height:100%;}
.scrollbar-track {display: none !IMPORTANT;}

/* section4 - r&d */
.section4 {background: #dadada;}
.section4 .inner {display:flex;}
.section4 .inner>div {position: relative;width:100%;height:100%;}
.section4 .inner>div .text_wrap {position: absolute;bottom:0;left:0;width:100%;padding: 70px 60px 50px;}
.section4 .inner>div .text_wrap b.txt1 {font-family:'Montserrat';font-weight:700;margin-top:25px;text-transform:uppercase;overflow: hidden;margin-bottom:15px;}
.section4 .inner>div .text_wrap p.txt2 {overflow: hidden;}
.section4 .inner>div .text_wrap b.txt1>span,
.section4 .inner>div .text_wrap p.txt2>span {display: block;transform:translateY(100%);}
.section4 .inner>div .text_wrap .more {margin-top:20px;}
.section4 .inner>div .bg {width:100%;height:100%;}
.section4 .inner .left {padding: 120px 60px 50px;}
.section4 .inner .left .img_wrap {float: right;position: absolute;top: 120px;right: 60px;}
.section4 .inner .right {}
.section4 .inner .right .bg {background:url(/images/main/sec4_img2.jpg) no-repeat center / cover;}
.section4 .inner .right .text_wrap span.cate {color:#fff;}
.section4 .inner .right .text_wrap b.txt1 {font-weight:600;color:#fff;}
.section4 .inner .right .text_wrap p.txt2 {color:rgba(255,255,255,0.8);}

/* section5 - merit */
.section5 {background: #8ad0eb;}
.section5 .inner {display:flex;}
.section5 .inner>div {width:100%;height:100%;}
.section5 .inner .img_wrap {position: relative;background:url(/images/main/sec5_img1.jpg) no-repeat center / cover;}
.section5 .inner .merit_g {padding: 5.5% 6.5%;}
.section5 .inner .merit_g .merit_l {margin-top:25px;}
.section5 .inner .merit_g .merit_l>li {display: flex;padding: 33px 0;width:100%;border-bottom:1px solid rgba(0,0,0,0.15);}
.section5 .inner .merit_g .merit_l>li:last-child {border-bottom:0;}
.section5 .inner .merit_g .merit_l>li {}
.section5 .inner .merit_g .merit_l>li span.num {display: block;width:120px;font-family:'Lora';font-size:56px;font-weight:500;color:#001d33;letter-spacing:-0.01em;line-height: 0.9;}
.section5 .inner .merit_g .merit_l>li .text {width: calc(100% - 120px);}
.section5 .inner .merit_g .merit_l>li .text strong {display: block;font-family:'Montserrat';font-size:26px;font-weight: 700;color:#001d33;text-transform:uppercase;margin-bottom:17px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;
word-wrap:break-word;}
.section5 .inner .merit_g .merit_l>li .text p.txt2 {color:rgba(0,0,0,0.8);overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;
word-wrap:break-word;}

/* section6 - notice */
.section6 {background:#f1f1f1 url(/images/main/sec6_bg.png) no-repeat center bottom / contain;}
.section6 .inner {display:flex;align-items:center;width:94%;max-width:1530px;margin:0 auto;}
.section6 .inner strong.sec_tit {margin-top:45px;}
.section6 .inner .notice_g {width: 100%;}
.section6 .inner .notice_g .top {display:flex;align-items:flex-end;justify-content:space-between;}
.section6 .inner .notice_g .notice_arrow {display:flex;}
.section6 .inner .notice_g .notice_arrow>button {width:54px;height:54px;}
.section6 .inner .notice_g .notice_arrow>button.notice_prev {background:#fff url(/images/main/notice_prev.png) no-repeat center;border:1px solid rgba(0,0,0,0.3);border-right: none;}
.section6 .inner .notice_g .notice_arrow>button.notice_next {background:#003864 url(/images/main/notice_next.png) no-repeat center;border:1px solid #003864;}
.section6 .inner .notice_slider {margin-top:40px;width: 100%;}
.section6 .inner .notice_item {width: 360px;margin-right:30px;}
.section6 .inner .notice_item:last-child {margin-right:0;}
.section6 .inner .notice_item>a {display: block;padding: 60px 30px 55px;background:#fff;transition:background 0.3s;}
.section6 .inner .notice_item>a:hover {background:#b2ecff;}
.section6 .inner .notice_item>a span.tag {display: inline-block;height:27px;line-height:27px;font-family:'Montserrat';font-size:13px;font-weight:500;color:#fff;padding:0 14px;}
.section6 .inner .notice_item>a strong.tit {display: block;height: 76px;font-size:24px;color:#000;line-height:1.6;letter-spacing:-0.025em;margin-top:18px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;
word-wrap:break-word;}
.section6 .inner .notice_item>a p.txt2 {height: 68px;color:rgba(0,0,0,0.8);margin-top:12px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;
word-wrap:break-word;}
.section6 .inner .notice_item>a span.date {display: block;font-family:'Montserrat';font-size:16px;font-weight:500;color:rgba(0,0,0,0.5);margin-top:23px;}
.section6 .inner .notice_item>a .more {display: inline-block;font-family:'Montserrat';font-size:14px;font-weight: 500;color:rgba(0,0,0,0.7);padding-right:42px;margin-top:10px;margin-top: 80px;}
.section6 .inner .notice_item.cate1 {border-bottom:2px solid #03a965;}
.section6 .inner .notice_item.cate2 {border-bottom:2px solid #0865b1;}
.section6 .inner .notice_item.cate1>a span.tag {background:#03a965;}
.section6 .inner .notice_item.cate1>a .more {background:url(/images/main/more_icon3.png) no-repeat center right;}
.section6 .inner .notice_item.cate2>a span.tag {background:#0865b1;}
.section6 .inner .notice_item.cate2>a .more {background:url(/images/main/more_icon4.png) no-repeat center right;}

/* section7 - recruit */
.section7 {overflow: hidden;}
.section7 .inner .conwrap {transition:transform 0.8s;}
.section7 .inner .bg {width:100%;height:100%;background:url(/images/main/sec7_bg.jpg) no-repeat center / cover;}
.section7 .inner .text_wrap {position: absolute;top:50%;left:50%;transform:translate(-50%,-50%);width: 94%;max-width: 1540px;}
.section7 .inner .text_wrap span.cate {color:#fff;}
.section7 .inner .text_wrap strong.sec_tit {color:#fff;margin-top:65px;}
.section7 .inner .text_wrap b.txt1 {color:#fff;margin:45px 0 7px;overflow: hidden;}
.section7 .inner .text_wrap p.txt2 {color:rgba(255,255,255,0.75);overflow: hidden;}
.section7 .inner .text_wrap b.txt1>span,
.section7 .inner .text_wrap p.txt2>span {display: block;transform:translateY(100%);}
.section7 .inner .text_wrap .view {width:220px;height:60px;border:1px solid rgba(255,255,255,0.7);border-radius:30px;margin-top:50px;}
.section7 .inner .text_wrap .view>a {display: block;font-size:16px;color:rgba(255,255,255,0.75);line-height:58px;padding:0 52px;background:url(/images/main/more_icon2.png) no-repeat center right 52px;}

/* sec_footer */
#wrap footer {position: fixed;bottom:0;left:0;}
.sec_footer {width: calc(100% + 130px);height: auto;background: transparent;}

/* motion */
#wrap h1.logo {opacity:0;}
.intro #wrap h1.logo {opacity:1;transition: opacity 0.7s 0.2s,background 0.3s;}
#wrap header .gnb>ul>li>a {opacity:0;transform: translateY(10px);transition:opacity 0.7s 0.5s,transform 0.7s 0.5s;}
.intro #wrap header .gnb>ul>li>a {opacity:1;transform: translateY(0);}
.intro #wrap header .gnb>ul>li:nth-child(2)>a {transition:opacity 0.7s 0.6s,transform 0.7s 0.6s;}
.intro #wrap header .gnb>ul>li:nth-child(3)>a {transition:opacity 0.7s 0.7s,transform 0.7s 0.7s;}
.intro #wrap header .gnb>ul>li:nth-child(4)>a {transition:opacity 0.7s 0.8s,transform 0.7s 0.8s;}
.intro #wrap header .gnb>ul>li:nth-child(5)>a {transition:opacity 0.7s 0.9s,transform 0.7s 0.9s;}
.intro #wrap header .gnb>ul>li:nth-child(6)>a {transition:opacity 0.7s 1s,transform 0.7s 1s;}

.section1 .main_paging {opacity:0;transform: translate(0,30px);}
.intro .section1 .main_paging {opacity:1;transform: translate(0,0);transition: 0.7s 1.5s;}

#wrap .menu {width:0;}
.intro #wrap .menu {width:130px;}
#wrap .menu>div span {width:0;}
.intro #wrap .menu>div span {width:100%;}
.intro #wrap .menu>div span:nth-child(2) {}
.intro #wrap .menu>div span:nth-child(3) {}
.full_pagination>span {opacity:0;transform:translateY(20px);}
.intro .full_pagination>span {opacity:1;transform:translateY(0);}
#wrap .language a.lang {opacity:0;}
.intro #wrap .language a.lang {opacity:1;}

.section2.on .inner .product_img {}
.section2 .inner .product_img:before {content:"";position: absolute;top:0;left:0;width:100%;height:100%;background:#f1f1f1;z-index: 10;}
.section2.on .inner .product_img:before {width:0;transition:0.9s 0.4s;}
.section2 .inner .product_img .img {transform:scale(1.07);transition:1.5s 0.7s;}
.section2.on .inner .product_img .img_item.swiper-slide-active .img {transform:scale(1);}
.section2 span.cate .char {display: inline-block;opacity:0;transform:translateY(30px);transition:0.9s;transition-delay: calc(0.4s + var(--char-index) * 15ms);will-change:transform;}
.section2 strong.sec_tit .char {display: inline-block;opacity:0;transform:translateY(30px);transition:0.9s;transition-delay: calc(0s + var(--char-index) * 15ms);will-change:transform;}
.section2 b.txt1>span {transition:0.9s;will-change:transform;}
.section2 .product_text p.txt2>span {transition:0.9s;will-change:transform;}
.section2.on span.cate .char {opacity:1;transform:translateY(0);}
.section2.on .product_text .text_item.swiper-slide-active strong.sec_tit .char {opacity:1;transform:translateY(0);transition-delay: calc(0.6s + var(--char-index) * 15ms);}
.section2.on .product_text .text_item.swiper-slide-active b.txt1>span {opacity:1;transform:translateY(0);transition-delay:0.8s;}
.section2.on .product_text .text_item.swiper-slide-active p.txt2>span {opacity:1;transform:translateY(0);transition-delay:1s;}
.section2 .product_text ul.icon_l li {opacity: 0;transition:0.8s;}
.section2.on .product_text .text_item.swiper-slide-active ul.icon_l li {opacity:1;transition:1.5s 1.5s;}
.section2 .product_text .more {opacity:0;transform:translateY(20px);transition:0.9s;}
.section2.on .product_text .text_item.swiper-slide-active .more {opacity:1;transform:translateY(0);transition-delay: 1.6s;}
.section2 .product_text .product_paging {opacity:0;transform:translateY(20px);transition:0.9s 1.8s;}
.section2.on .product_text .product_paging {opacity:1;transform:translateY(0);}




.section3.on .left:before {width:0;transition:width 0.8s 0.4s;}
.section3 .left .text_wrap span.cate .char {display: inline-block;opacity:0;transform:translateY(30px);transition:0.9s;transition-delay: calc(0.6s + var(--char-index) * 15ms);will-change:transform;}
.section3 .left .text_wrap strong.sec_tit .char {display: inline-block;opacity:0;transform:translateY(30px);transition:0.9s;transition-delay: calc(0.8s + var(--char-index) * 15ms);will-change:transform;}
.section3 .left .text_wrap p.txt2>span {display: block;transform:translateY(100%);transition:0.9s 1s;will-change:transform;}
.section3 .left .text_wrap .btn {opacity:0;transform:translateY(30px);transition:0.9s 1.2s;will-change:transform;}
.section3.on .left .text_wrap span.cate .char,
.section3.on .left .text_wrap strong.sec_tit .char,
.section3.on .left .text_wrap p.txt2>span,
.section3.on .left .text_wrap .btn {opacity:1;transform:translateY(0);}
.section3 .right .business_l>li>a {width:0;}
.section3.on .right .business_l>li>a {width:100%;transition:0.7s 1.4s;}
.section3.on .right .business_l>li:nth-child(2)>a {transition-delay:1.6s;}
.section3 .right .business_l>li .text strong {opacity:0;transform:translateY(20px);transition:0.9s 1.7s;will-change:transform;}
.section3 .right .business_l>li .text p.txt2 {opacity:0;transform:translateY(20px);transition:0.9s 1.9s;will-change:transform;}
.section3 .right .business_l>li .text .more {opacity:0;transform:translateY(20px);transition:0.9s 2.1s;will-change:transform;}
.section3 .right .business_l>li:nth-child(2) .text strong {transition-delay:1.9s;}
.section3 .right .business_l>li:nth-child(2) .text p.txt2 {transition-delay:2.1s;}
.section3 .right .business_l>li:nth-child(2) .text .more {transition-delay:2.3s;}
.section3.on .right .business_l>li .text strong,
.section3.on .right .business_l>li .text p.txt2,
.section3.on .right .business_l>li .text .more {opacity:1;transform:translateY(0);}

.section4 .inner .left .img_wrap:before,
.section4 .inner .right:before {content:"";position: absolute;top:0;right:0;width:100%;height:100%;background:#dadada;}
.section4.on .inner .left .img_wrap:before {width:0;transition:0.7s 0.4s;}
.section4.on .inner .right:before {width:0;transition:0.9s 0.6s;}
.section4 .text_wrap span.cate .char {display: inline-block;opacity:0;transform:translateY(30px);transition:0.7s;transition-delay: calc(0.7s + var(--char-index) * 15ms);will-change:transform;}
.section4 .inner>div .text_wrap b.txt1>span {transition:0.7s 0.9s;will-change:transform;}
.section4 .inner>div .text_wrap p.txt2>span {transition:0.7s 1.1s;will-change:transform;}
.section4 .right .text_wrap span.cate .char {transition-delay: calc(0.9s + var(--char-index) * 15ms);will-change:transform;}
.section4 .right .text_wrap b.txt1 {transition-delay:1.1s;}
.section4 .right .text_wrap  p.txt2 {transition-delay:1.3s;}
.section4 .inner>div .text_wrap .more {opacity:0;transform:translateY(30px);transition:0.7s 1.5s;will-change:transform;}
.section4.on .text_wrap span.cate .char,
.section4.on .inner>div .text_wrap b.txt1>span,
.section4.on .inner>div .text_wrap p.txt2>span,
.section4.on .inner>div .text_wrap .more {opacity:1;transform:translateY(0);}


.section5 .inner .img_wrap:before {content:"";position: absolute;top:0;left:0;width:100%;height:100%;background: #8ad0eb;transition:width 0.9s 0.4s;}
.section5.on .inner .img_wrap:before {width:0;}
.section5 span.cate .char {display: inline-block;opacity:0;transform:translateY(30px);transition:0.9s;transition-delay: calc(0.6s + var(--char-index) * 15ms);will-change:transform;}
.section5 .inner .merit_g .merit_l>li {opacity:0;transform:translateY(30px);transition:0.9s;will-change:transform;}
.section5 .inner .merit_g .merit_l>li:nth-child(1) {transition-delay:0.8s;}
.section5 .inner .merit_g .merit_l>li:nth-child(2) {transition-delay:0.95s;}
.section5 .inner .merit_g .merit_l>li:nth-child(3) {transition-delay:1.1s;}
.section5 .inner .merit_g .merit_l>li:nth-child(4) {transition-delay:1.25s;}
.section5.on span.cate .char,
.section5.on .inner .merit_g .merit_l>li {opacity:1;transform:translateY(0);}

.section6 span.cate .char {display: inline-block;opacity:0;transform:translateY(30px);transition:0.9s;transition-delay: calc(0.4s + var(--char-index) * 15ms);will-change:transform;}
.section6 strong.sec_tit .char {display: inline-block;opacity:0;transform:translateY(30px);transition:0.9s;transition-delay: calc(0.6s + var(--char-index) * 15ms);will-change:transform;}
.section6.on span.cate .char,
.section6.on strong.sec_tit .char {opacity:1;transform:translateY(0);}
.section6 .inner .notice_g .notice_arrow {opacity:0;transform:translateY(30px);transition:0.9s 0.6s;}
.section6.on .inner .notice_g .notice_arrow {opacity:1;transform:translateY(0);}
.section6 .inner .notice_item {opacity:0;transform:translateY(30px);transition:0.9s 0.8s;will-change:transform;}
.section6 .inner .notice_item:nth-child(2) {transition-delay:0.95;}
.section6 .inner .notice_item:nth-child(3) {transition-delay:1.1s;}
.section6 .inner .notice_item:nth-child(4) {transition-delay:1.25s;}
.section6.on .inner .notice_item {opacity:1;transform:translateY(0);}

.section7 span.cate .char {display: inline-block;opacity:0;transform:translateY(30px);transition:0.9s;transition-delay: calc(0.4s + var(--char-index) * 15ms);will-change:transform;}
.section7 .text_wrap strong.sec_tit .char {display: inline-block;opacity:0;transform:translateY(30px);transition:0.9s;transition-delay: calc(0.6s + var(--char-index) * 15ms);will-change:transform;}
.section7 b.txt1>span {transition:0.9s 0.8s;will-change:transform;}
.section7 .text_wrap p.txt2>span {transition:0.9s 1s;will-change:transform;}
.section7 .inner .text_wrap .view {opacity:0;transform:translateY(30px);transition:0.9s 1.2s;will-change:transform;}
.section7.on span.cate .char,
.section7.on .text_wrap strong.sec_tit .char,
.section7.on .inner .text_wrap b.txt1>span,
.section7.on .inner .text_wrap p.txt2>span,
.section7.on .inner .text_wrap .view {opacity:1;transform:translateY(0);}
.section7 .inner .bg {transform:scale(1.07);transition: 1.8s 0.4s;will-change:transform;}
.section7.on .inner .bg {transform:scale(1);}



@media screen and (max-height:870px){
	.section2 .inner .product_text {width:55%;padding:8% 7% 100px 4.5%;}
	.section2 .inner .product_text strong.sec_tit {margin:4.5vh 0 2vh;font-size:45px;}
	.section2 .inner .product_text  b.txt1 {font-size:18px;}
	.section2 .inner .product_text .more {margin-top:3vh;}
	.section2 .inner .product_img {width:45%;}
	.section2 .product_paging {left: 8.5%;bottom:50px;}

	.section5 .inner .img_wrap {width:45%;}
	.section5 .inner .merit_g {padding:5.5% 6.5% 5.5% 5%;}
	.section5 .inner .merit_g .merit_l>li {padding:25px 0;}
	.section5 .inner .merit_g .merit_l>li .text p.txt2 {-webkit-line-clamp: 1;}
}