@charset "utf-8";

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

#wrap, #container, #contents, main {width:100%;height:100%;}
#wrap header {transition:transform 0.8s;}
.bk #wrap h1.logo {background:url(/images/common/logo2.png) no-repeat center / contain;}

.full_slider {width: 100%;height:100%;margin:0;}
.full_slider>.swiper-wrapper {display: block;}
.full_item {width: auto;height:100%;overflow: hidden;}
.full_item .conwrap {width:100%;height:100%;}
.full_item .inner {width:100%;height:100%;}
.full_pagination {position: fixed;top: 71%;right: 66px;z-index: 1000;transform: rotate(90deg);transform-origin: bottom right;transition:top 0.8s;display: none;}
.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: 14px;font-weight:600;color:#000;}
.section strong.sec_tit {display: block;font-family: 'Montserrat';font-size: 30px;font-weight: 600;color:#000;line-height:0.8;}
.section b.txt1 {display: block;font-size: 12px;font-weight:600;color:#000;}
.section p.txt2 {font-size: 12px;font-weight:300;color:#555;line-height: 1.6;word-break: keep-all;}
.section .more_btn>a {display: inline-block;font-family:'Montserrat';font-size:12px;font-weight: 600;color:rgba(0,0,0,0.7);padding-right: 25px;background: url(/images/main/more_icon_bk.png) no-repeat top 6px right / 23px;}
.section .more_btn.btn2>a {color:#fff;background: url(/images/main/more_icon2.png) no-repeat center right / 18px;}

/* section1 - main_slider */
.section1 {}
.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;}
.section1 .main_item .tit {position: absolute;top:50%;left:50%;transform: translate(-50%,-35%);width:94%;max-width:1530px}
.section1 .main_item .tit strong {display: inline-block;font-family: 'Montserrat';font-size: 48px;font-weight: 500;color:#fff;line-height: 1.1;margin-bottom: 22px;}
.section1 .main_item .tit strong span.char {display: inline-block;opacity:0;transform:scale(1.07);transition:1.5s 0.3s;}
.section1 .main_item .tit strong span.char:nth-child(odd) {transition:1.8s 0.5s}
.section1 .main_item .tit b {display: block;font-family:'Montserrat';font-size: 12px;font-weight:500;color:rgba(255,255,255,0.9);overflow: hidden;}
.section1 .main_item .tit p {font-size: 12px;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 1s;}
.section1 .main_item .tit p span {display: block;transform:translateY(100%);transition:0.9s 1.2s;}
.section1 .main_paging {position: absolute;bottom:60px;left:50%;transform: translate(-50%,-20%);width:94%;max-width:1530px;display: flex;align-items: center;z-index: 1;}
.section1 .main_arrow {display: flex;align-items: center;margin-right: 25px;}
.section1 .main_arrow>button {position: relative;width: 11px;height: 21px;}
.section1 .main_arrow>button.main_prev {background:url(/images/main/main_prev.png) no-repeat center / contain;margin-right: 28px;}
.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: -14px;width:1px;height: 16px;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 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 {width: 100%;height: 100%;}
.section2 .inner .product_img {background: #b1b1b1 url(/images/main/sec2_img1.jpg) no-repeat center / contain;height: 45%;}
.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: 25px 4.5% 0;background: #f1f1f1;height: 60%;}
.section2 .inner .product_text strong.sec_tit {margin: 15px 0;}
.section2 .inner .product_text b.txt1 {margin-bottom:10px;overflow: hidden;}
.section2 .inner .product_text p.txt2 {display: inline;overflow: hidden;}
.section2 .inner .product_text b.txt1>span,
.section2 .inner .product_text p.txt2>span {display: inline;transform:translateY(100%);opacity: 0;}
.section2 .inner .product_text ul.icon_l {display:flex;margin-top: 20px;}
.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: 12px;font-weight:300;color:#444;margin-top: 5px;word-break: keep-all;}
.section2 .inner .product_text .more {margin-top: 15px;}
.section2 .inner .product_text .more>a {}
.section2 .product_paging {position: absolute;bottom: 45px;right: 15px;z-index: 1;display: flex;align-items: center;width: auto;}
.section2 .product_paging .product_arrow {display: flex;}
.section2 .product_paging .product_arrow button {width: 45px;height: 45px;border-radius:50%;margin-right: 3px;}
.section2 .product_paging .product_arrow button.product_prev {background: #d8d8d8 url(/images/main/slide_prev.png) no-repeat center / 9px;}
.section2 .product_paging .product_arrow button.product_next {background: #003864 url(/images/main/slide_next.png) no-repeat center / 9px;}
.section2 .product_pagination {margin-left: 5px;}
.section2 .product_pagination * {font-family:'Montserrat';font-size: 11px;font-weight: 600;color:#555;}
.section2 .product_pagination>span {margin: 0 2px;}
.section2 .product_pagination>span.current {color:#222;font-weight: 700;}



/* section3 - business */
.section3 {padding:0 4.5%;background: #003864;}
.section3 .inner {/* display: inline-flex; *//* flex-wrap: wrap; */
  /* flex-direction:column; */width: 100%;height: 100%;}
.section3 .inner>div {width: 100%;}
.section3 .inner .left {/* display:flex; *//* flex-direction:column; *//* justify-content:center; */padding-top: 85px;}
.section3 .inner .left .text_wrap {}
.section3 .inner .left .text_wrap span.cate {color:#fff;margin-bottom: 15px;}
.section3 .inner .left .text_wrap strong.sec_tit {color:#fff;line-height:1.3;}
.section3 .inner .left .text_wrap p.txt2 {color:rgba(255,255,255,0.9);line-height:1.9;display: none;}
.section3 .inner .left .text_wrap .btn {display:flex;align-items:center;margin-top:45px;display: none;}
.section3 .inner .left .text_wrap .btn>a {display: block;width:101px;height:101px;background:url(/images/main/more_icon.png) no-repeat center / contain;}
.section3 .inner .left .text_wrap .btn>span {display: block;font-family:'Montserrat';font-size:12px;color:#fff;letter-spacing:0.02em;margin-left:18px;}
.section3 .inner .right {display: flex;align-items: center;margin-top: 35px;}
.section3 .inner .right .business_slider {/* margin-left: -420px; */width: 100%;}
.section3 .inner .right .business_l {display:flex;}
.section3 .inner .right .business_l>li {width: 77%;margin-right: 20px;}
.section3 .inner .right .business_l>li:last-child {margin-right:0;}
.section3 .inner .right .business_l>li>a {position: relative;display: block;width:100%;height:100%;}
.section3 .inner .right .business_l>li .bg {width:100%;height: 0;padding-bottom: 135%;}
.section3 .inner .right .business_l>li .text {position: absolute;bottom:0;left:0;padding: 0 20px 20px;width: 100%;}
.section3 .inner .right .business_l>li .text strong {display: block;font-family:'Montserrat';font-size: 19px;font-weight:600;color:#fff;}
.section3 .inner .right .business_l>li .text p.txt2 {color:rgba(255,255,255,0.8);margin-top:7px;}
.section3 .inner .right .business_l>li .text .more {
	display: inline-block;
	font-family:
	'Montserrat';
	font-size: 11px;
	color:
	rgba(255,255,255,0.7);
	padding-right: 25px;
	margin-top:10px;
	background: url(/images/main/more_icon2.png) no-repeat top 5px right / 18px;
}
.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: 20px 4.5%;}
.section4 .inner>div .text_wrap span.cate {color:#fff;}
.section4 .inner>div .text_wrap b.txt1 {font-family:'Montserrat';font-weight:600;color:#fff;margin:15px 0;text-transform:uppercase;}
.section4 .inner>div .text_wrap p.txt2 {color:rgba(255,255,255,0.8);line-height: 1.6;display: inline;}
.section4 .inner>div .text_wrap .more {margin-top:10px;}
.section4 .inner>div .text_wrap .more.btn1>a {color:#fff;background: url(/images/main/more_icon2.png) no-repeat center right / 18px;}
.section4 .inner>div .bg {width:100%;height:100%;}
.section4 .inner .left {}
.section4 .inner .left .bg {background:url(/images/main/sec4_img1.jpg) no-repeat center / cover;}
.section4 .inner .left .img_wrap {display: none;}
.section4 .inner .right {}
.section4 .inner .right .bg {background:url(/images/main/sec4_img2.jpg) no-repeat center / cover;}

/* section5 - merit */
.section5 {background:#b2ecff;}
.section5 .inner {/* display:flex; */}
.section5 .inner>div {width: 100%;height:100%;}
.section5 .inner .img_wrap {background:url(/images/main/sec5_img1.jpg) no-repeat center / cover;display: none;}
.section5 .inner .merit_g {padding: 0px 4.5% 0;}
.section5 .inner .merit_g .merit_l {margin-top:25px;}
.section5 .inner .merit_g .merit_l>li {display: flex;padding: 15px 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 span.num {display: block;width: 70px;font-family:'Lora';font-size: 35px;font-weight:500;color:#001d33;letter-spacing:-0.01em;line-height: 0.9;}
.section5 .inner .merit_g .merit_l>li .text {width: calc(100% - 70px);}
.section5 .inner .merit_g .merit_l>li .text strong {display: block;font-family:'Montserrat';font-size: 17px;font-weight: 700;color:#001d33;text-transform:uppercase;margin-bottom: 12px;}
.section5 .inner .merit_g .merit_l>li .text p.txt2 {color:rgba(0,0,0,0.8);}

/* 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: 30px;}
.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: none;}
.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: 80%;margin-right: 20px;}
.section6 .inner .notice_item:last-child {margin-right:0;}
.section6 .inner .notice_item>a {display: block;padding: 40px 20px 35px;background:#fff;}
.section6 .inner .notice_item>a:hover {background:#b2ecff;}
.section6 .inner .notice_item>a span.tag {display: inline-block;height: 19px;line-height: 19px;font-family:'Montserrat';font-size: 10px;font-weight:500;color:#fff;padding: 0 8px;}
.section6 .inner .notice_item>a strong.tit {display: block;font-size: 15px;color:#000;line-height:1.6;letter-spacing:-0.025em;margin-top: 15px;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 {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: 11px;font-weight:500;color:rgba(0,0,0,0.5);margin-top: 17px;}
.section6 .inner .notice_item>a .more {display: inline-block;font-family:'Montserrat';font-size: 11px;font-weight: 500;color:rgba(0,0,0,0.7);padding-right: 25px;margin-top:10px;margin-top: 60px;}
.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 / 20px;}
.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 top 5px right / 18px;}

/* section7 - recruit */
.section7 {}
.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:1530px;}
.section7 .inner .text_wrap span.cate {color:#fff;}
.section7 .inner .text_wrap strong.sec_tit {color:#fff;margin-top: 35px;line-height: 1.1;}
.section7 .inner .text_wrap b.txt1 {color:#fff;margin-top: 22px;font-size: 17px;}
.section7 .inner .text_wrap p.txt2 {color:rgba(255,255,255,0.75);margin-top: 17px;}
.section7 .inner .text_wrap .view {width: 153px;height: 42px;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: 12px;color:rgba(255,255,255,0.75);line-height: 40px;padding: 0 35px;background: url(/images/main/more_icon2.png) no-repeat center right 35px / 22px;}

/* sec_footer */
#wrap footer {position: fixed;bottom:0;left:0;}
.sec_footer {width:100%;height: auto;background: transparent;}

/* motion */

.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);}


/* 메인 레이어 팝업 */
.main_layer_popup{width:96%!important;left:50%!important;top:50px!important;transform:translateX(-50%)}
.main_layer_popup .popupContent{height:100%!important}
.main_layer_popup img{width:100%}