@charset "UTF-8";

/* reset */
@import url(lib/reset.css);
/* library */
@import url(lib/jquery-ui.min.css);
@import url(lib/swiper.min.css);
@import url(lib/aos.css);
@import url(lib/jquery.mCustomScrollbar.css);
/* common css */
@import url(_datepicker-custom.css);
@import url(_swiper-custom.css);
@import url(_font.css);
@import url(_colors.css?t=1);
@import url(_vars.css);
@import url(_button.css);
@import url(_form.css);
@import url(_layout.css?t=6);
@import url(_global.css?t=6);


/* MAIN */
body.ready #header {top: var(--header-);}

#content.main {position: relative; z-index: 1; border-bottom-left-radius: var(--bdr-40); border-bottom-right-radius: var(--bdr-40);}
.main .section {margin-top: 180px;}
@media all and (max-width: 768px) {
	.main {overflow: hidden;}
	.main .section {margin-top: 80px;}
}

.main .visual {position: relative; height: var(--vh100);}
.main .visual > div,
.main .visual .video-area {height: 100%;}
.main .visual .video-area video {width: 100%; height: 100%; object-fit: cover;}
.main .visual .visual-wrap {position: absolute; width: 100%; transform: translateY(90vh);}
/* .main .visual .visual-wrap::before {content: ''; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,0.25); opacity: 0.7; z-index: 1;} */
.main .visual .bar {position: absolute; top: -1px; width: 15%; height: 100%; background-color: var(--black);}
.main .visual .bar.left {left: 0;}
.main .visual .bar.right {right: 0;}
.main .visual .scroll-induce {position: absolute; bottom: 60px; left: var(--gutter-100); height: auto;}
.main .visual .scroll-induce .ico-wrap {border: 1px solid var(--white); cursor: pointer;}
.main .visual .scroll-induce .ico {transform: rotate(90deg); animation: flowArrow 1.4s linear infinite;}
@keyframes flowArrow {
	0% {opacity: 1; -webkit-transform: translateY(0px) scale(1) rotate(90deg); -ms-transform: translateY(0px) scale(1) rotate(90deg); transform: translateY(0px) scale(1) rotate(90deg);}
	25%{opacity: 0; -webkit-transform:translateY(10px) scale(0.9) rotate(90deg); -ms-transform:translateY(10px) scale(0.9) rotate(90deg); transform:translateY(10px) scale(0.9) rotate(90deg);}
	26%{opacity: 0; -webkit-transform:translateY(-10px) scale(0.9) rotate(90deg); -ms-transform:translateY(-10px) scale(0.9) rotate(90deg); transform:translateY(-10px) scale(0.9) rotate(90deg);}
	55% {opacity: 1; -webkit-transform: translateY(0px) scale(1) rotate(90deg); -ms-transform: translateY(0px) scale(1) rotate(90deg); transform: translateY(0px) scale(1) rotate(90deg);}
}
/* @media all and (min-width: 1151px) and (max-width: 1520px) {
	.main .visual .main-title {font-size: 50px;}
} */
@media all and (min-width: 961px) and (max-width: 1150px) {
	.main .visual .main-title {font-size: 38px;}
}
@media all and (min-width: 769px) {
	.main .visual .main-title {position: absolute; bottom: 60px; left: var(--gutter-100); z-index: 1;}
}
@media all and (min-width: 769px) and (max-width: 960px) {
	.main .visual .scroll-induce {left: 30px;}
	.main .visual .main-title {left: 30px; font-size: 32px;}
}

@media all and (max-width: 768px) {
	.main .visual .scroll-induce {display: none; left: 15px;}
	.main .visual .visual-wrap {display: -ms-flexbox; display: -webkit-flex; display: flex;
		-webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column;
		-webkit-box-pack: center; -ms-flex-pack: center; justify-content: center;
	}
	.main .visual .video-area {height: auto;}
	.main .visual .video-area video {object-fit: contain;}
	.main .visual .main-title {margin-top: 40px; padding-left: 15px; padding-right: 15px;}
}

.main .products .content-list > li {border-bottom: 1px solid var(--white);}
.main .products .content-list > li:first-child {border-top: 1px solid var(--white);}
.main .products .item > .btn {position: absolute; top: 85px; left: 0;}
.main .products .item > dl{padding: 80px 0;}
.main .products .model-area {gap: 30px;
	display: -webkit-box; display: -ms-flexbox; display: flex; 
	transition: 0.3s;
}
.main .products .model {font-size: 48px;}
.main .products .model .sign {font-size: 30px; vertical-align: super;}
/* .main .products .content-list > li:not(:hover):not(.on) .model,
.main .products .content-list > li:not(:hover):not(.on) .text {color: var(--white-03);} */
.main .products .item .button-area {margin-top: 20px;}
.main .products .item:hover .btn.link .ico-wrap.white {background-color: var(--white);}
.main .products .item:hover .btn.link:hover .ico-wrap.white {background-color: var(--blue);}
.main .products .img-wrap {/*max-height: 0; */margin-top: 40px; transition: all 0.3s;}
.main .products .img-wrap img {/*opacity: 0;*/ transition: 0.3s 0.32s;}
.main .products .item > .btn {/*display: none; opacity: 0;*/}
/* .main .products .text-area {max-height: 60px; overflow: hidden; transition: all 0.3s;} */
@media all and (min-width: 961px) {
	.main .products .item > dl {display: -webkit-box; display: -ms-flexbox; display: flex; 
		-webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between;
	}
	.main .products .text-area {padding-left: 1.563vw;}
}
@media all and (min-width: 769px) and (max-width: 960px) {
	.main .products .model {font-size: 38px; padding-top: 8px;}
}
@media all and (min-width: 769px) {
	.main .products .model-area,
	.main .products .text-area {-webkit-box-flex: 1; -ms-flex: 1; flex: 1;}
	.main .products .text-area {padding-top: 18px;}
}
@media all and (max-width: 768px) {
	.main .products .item > .btn {width: 40px; height: 40px;}
	.main .products .model-area {-webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column;}
	.main .products .model {font-size: 24px;}
	.main .products .model .sign {font-size: 16px;}
	.main .products .text-area {margin-top: 10px;}
	.main .products .item > .btn {top: 38px;}
	.main .products .item > dl {padding: 40px 0;}
}


.main .holotomography .title-wrap + .text-wrap {margin-top: 60px;}
@media all and (min-width: 769px) {
	.main .holotomography {margin-top: 160px;}
}
@media all and (max-width: 768px) {
	.main .holotomography .section-title.large {font-size: 45px;}
}

.main .technology .content-list {gap: 50px;}
.main .technology .item {padding: 5.208vw;}
.main .technology .item .title {font-weight: 600; font-size: 36px;}
.main .technology .item .text-area {margin-top: 24px;}
.main .technology .item .gif-wrap {position: relative; margin: 115px auto 0;}
/* .main .technology .item .gif-wrap .cover {position: absolute; top: 0; left: 0;} */
.main .technology .item .gif-wrap .img-wrap {margin: 0 auto;}
.main .technology .item .gif-wrap:not(.play) .gif {display: none;}
@media all and (min-width: 769px) and (max-width: 1080px) {
	.main .technology .content-list {gap: 20px;}
	.main .technology .r40 {padding: 40px;}
	.main .technology .item .gif-wrap {margin-top: 60px;}
}
@media all and (min-width: 769px) {
	.main .technology .content-list > li {flex: 1;}
	.main .technology .item {display: -webkit-box; display: -ms-flexbox; display: flex; 
		-webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; 
		-webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between;
		height: 100%;
	}
	.main .technology .item .gif-wrap .img-wrap {width: 25vw;}
}
@media all and (max-width: 768px) {
	.main .technology .content-list {gap: 15px;}
	.main .technology .r40 {padding: 50px 40px;}
	.main .technology .item .title {font-size: 20px;}
	.main .technology .item .text-area {margin-top: 10px;}
	.main .technology .item .text {font-size: 15px;}
	.main .technology .item .gif-wrap {margin-top: 40px;}
}

.main .applications {position: relative;}
.main .applications::before {content: ''; display: inline-block; position: absolute; top: -22.396vw; right: 0; width: 100%; height: 98.958vw; background: url('../images/main/bg_applications_shadow.png') no-repeat 0 0 / cover; z-index: -1;}
.main .applications .tabs > li > a {display: inline-block; font-weight: 400; font-size: 60px; color: var(--white);}
.main .applications .tabs i {display: inline-block; min-width: 80px; text-align: left;}
.main .applications .bg-wrap {mix-blend-mode: lighten;}
.main .applications .bg-wrap img {margin: 0 auto;}
@media all and (max-width: 768px) {
	.main .applications .tabs > li > a {font-size: 24px;}
	.main .applications .tabs i {min-width: 36px;}
	.main .applications .text {font-size: 15px;}
}
@media all and (min-width: 769px) {
	.main .applications .tabs i {min-width: 65px;}
}
@media all and (min-width: 769px) and (max-width: 960px) {
	.main .applications .tabs > li > a {font-size: 40px;}
}
@media all and (max-width: 960px) {
	.main .applications .bg-wrap {margin: 20px auto;}
	.main .applications .bg-wrap .img-wrap {width: 80vw; height: auto; margin: 0 auto}
	.main .applications .bg-wrap img {width: 100%; height: 100%; object-fit: cover;}
}
@media all and (min-width: 961px) {
	.main .applications {height: var(--vh100);}
	.main .applications > .gutter-100 {position: relative; height: 100%;}
	/* .main .applications .content-wrap {position: relative;} */
	.main .applications .tab-wrap {-webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between;}
	.main .applications .tab-wrap,
	.main .applications .bg-wrap {display: -webkit-box; display: -ms-flexbox; display: flex; }
	.main .applications .tabs {z-index: 1;}
	.main .applications .bg-wrap {-webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; 
		-webkit-box-align: center; -ms-flex-align: center; align-items: center; 
		position: absolute; top: 0; left: 0; width: 100%; height: 100%; padding-top: 50px;
	}
	.main .applications .bg-wrap .img-wrap {width: 700px; height: 736px;}
	.main .applications .content-wrap {position: relative; padding-top: 20px;}
    .main .applications .tab-content.active > div {animation: appShow 0.3s 0.1s both;}
}
@media all and (min-width: 961px) and (max-width: 1380px) {
	.main .applications .tabs > li > a {font-size: 50px;}
	.main .applications .content-wrap {width: 38.406vw;}
}
@media all and (min-width: 1381px) {
	.main .applications .content-wrap {width: 530px;}
	.main .applications .tabs i {min-width: 80px}
}
@media all and (min-width: 1921px) {
	.main .applications .bg-wrap {padding-top: 2.604vw;}
	.main .applications .bg-wrap .img-wrap {width: 36.458vw; height: 38.333vw;}
}
@keyframes appShow {
	from {opacity: 0;}
	to {opacity: 1;}
}
@media all and (max-width: 768px) {
	.main .about .section-title.large {font-size: 40px;}
}
.main .resources { overflow: hidden; margin-left: auto; margin-right: auto;}
.main .resources .rsc-wrap {position: relative; }
.main .resources .bg {position: absolute; top: 0; left: 0; max-width: 100vw; width: 100%; height: var(--vh100);/* height: calc(100vw*var(--window-height, 1080)/var(--window-width, 1920)) !important; */max-height: initial !important; border-radius: var(--bdr-40);}
.main .resources .bg::before {content: ''; display: block; position: absolute; bottom: 0; left: 0; width: 100%; height: 100%; opacity: 0.7; background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 70%); z-index: 1;}
.main .resources .bg img {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); margin-top: -1px;}
.main .resources .content-wrap {padding-top: var(--vh100);}
.main .resources .content-list > li {position: relative; opacity: .3; transition: all .4s;}
.main .resources .rsc-wrap {height: var(--vh100);}
.main .resources .pin-spacer,
.main .resources .rsc-wrap ,
.main .resources .rsc-list {width: 100%;}
.main .resources .rsc-list > li {display: -ms-flexbox; display: -webkit-flex; display: flex;
	-webkit-box-pack: center; -ms-flex-pack: center; justify-content: center;
	-webkit-box-align: center; -ms-flex-align: center; align-items: center;
	width: 100%; height: 100%;}
.main .resources .section-title > span:nth-child(3) {text-align: right; margin-top: -2.240vw;}
.main .resources .define-wrap {display: -ms-flexbox; display: -webkit-flex; display: flex;
	-webkit-box-pack: center; -ms-flex-pack: center; justify-content: center;
	-webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; 
	width: 100%; height: 100%; padding-right: 5.208vw; z-index: 2; transition: opacity 0.3s;
}

/* 20250110  Ctrl + F 사용을 위한 수정 */
.main .resources .rsc-list > li:nth-child(1) .define-wrap > div { /*opacity: 0;*/ transition: 0.3s;}
/* // 20250110  Ctrl + F 사용을 위한 수정 */

.main .resources.active .rsc-list > li:nth-child(1) .define-wrap > div {opacity: 1;}
.main .resources .define-title + .define-text {margin-top: 12px;}
@media all and (min-width: 1921px) {
	.main .resources .section-title > span.has-line::after {width: 850px;}
	.main .resources .section-title > span:nth-child(3) {margin-top: -43px;}
	.main .resources .define-wrap {}
}
@media all and (min-width: 961px) {
	.main .resources .title-wrap {padding-right: 5.990vw;}
	.main .resources .define-wrap {padding-left: 41.8%}
}
@media all and (max-width: 960px) {
	.main .resources .define-wrap {padding-left: 30px;}
}
@media all and (min-width: 769px) {
	.main .resources {margin-left: 5.208vw; margin-right: 5.208vw;}
	.main .resources .bg {top: 5.208vw; height: calc(var(--vh100) - calc(5.208vw * 2));}
	.main .resources .rsc-list .article-title {font-size: 48px; line-height: 1.5;}
}
@media all and (max-width: 768px) {
	.main .resources {margin-left: 15px; margin-right: 15px;}
	.main .resources .bg {top: 15px; height: calc(var(--vh100) - calc(15px * 2));}
	.main .resources .define-wrap {padding-left: 23px;}
}

.main .about {margin-top: 120px;}

@media all and (min-width: 769px) {
	.main .news {padding-bottom: 200px;}
	.main .news .title-wrap + .content-wrap {margin-top: 60px;}
	.main .news .swiper-slide,
	.main .news .item.normal {height: 100%;}
}
@media all and (max-width: 768px) {
	.main .news {padding-bottom: 100px;}
	/* .main .news {margin-top: 80px;} */
}

.main .contact,
.main .contact .title-wrap,
.main .contact .cards {display: -webkit-box; display: -ms-flexbox; display: flex; 
	-webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; 
	-webkit-box-align: center; -ms-flex-align: center; align-items: center; 
}
.main .contact {position: relative; max-width: 100vw; width: 100%; height: var(--vh100); overflow: hidden;}
.main .contact .title-wrap {width: 100%; height: 100vh; text-align: center;}
.main .contact .cards {position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
  
.main .contact .item.card {display: -webkit-box; display: -ms-flexbox; display: flex; 
  position: absolute; width: 19.792vw; height: 19.792vw; background-color: var(--dark-gray); box-shadow: 0 4px 80px 0 rgba(0, 0, 0, 0.4); color: var(--white); padding: 3.125vw; transition: background-color 0.3s, color 0.3s;
}
.main .contact .item .flex {display: -webkit-box; display: -ms-flexbox; display: flex; 
	-webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; 
	-webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between;
}
.main .contact .item.card .title {font-size: 40px;}
.main .contact .item.card .ico-wrap {border: 1px solid var(--white-03); transition: border-color 0.3s;}
.main .contact .item.card .ico.svg-arrow path {stroke: var(--white-03); transition: stroke 0.3s;}
.main .contact .item.card:hover {background-color: var(--white); color: var(--black); z-index: 1;}
.main .contact .item.card:hover .ico-wrap {border-color: var(--black);}
.main .contact .item.card:hover .ico.svg-arrow path {stroke: var(--black);}
@media all and (max-width: 768px) {
	.main .contact .section-title {font-size: 18.133vw;}
	.main .contact .item.card {width: 64vw; height: 64vw; padding: 8vw;}
	.main .contact .item.card .title {font-size: 24px;}
	.main .contact .item.card-3 {z-index: 0;}
	.main .contact .item.card-2 {z-index: 1;}
	.main .contact .item.card-1 {z-index: 2;}
}
@media all and (min-width: 768px) and (max-width: 960px) {
	.main .contact .section-title {font-size: 18.229vw;}
	.main .contact .item.card {width: 220px; height: 220px; padding: 36px;}
	.main .contact .item.card .title {font-size: 28px;}
}
/* @media all and (min-width: 769px) {
	.main .contact .item.card {transform-origin: 50% 100%;} 
} */
@media all and (min-width: 961px) and (max-width: 1480px) {
	.main .contact .item.card .title {font-size: 30px;}
}
/* @media all and (min-width: 1081px) and (max-width: 1420px) {
	.main .contact .item.card {width: 320px; height: 320px; padding: 45px;}
	.main .contact .section-title {font-size: 240px;}
} */
@media all and (min-width: 961px) and (max-width: 1921px) {
	.main .contact .section-title {font-size: 15.625vw;}
}
@media all and (min-width: 1921px) {
	.main .contact .section-title {font-size: 300px;}
}

/* sub common */
@media all and (max-width: 768px) {
	.section .toggle-view {max-height: 0px; overflow: hidden; transition: max-height 0.3s;}
	.section.show .toggle-view {max-height: fit-content;}
	.section.show .ico.add-plus {background-image: url('../images/common/ico_add-minus.svg');}
}


/* sub - Products */

.sub.products .visual {height: var(--vh100);}
.sub.products .visual-wrap,
.sub.products .visual .video-area {height: 100%;}
.sub.products .visual-wrap img,
.sub.products .visual video {width: 100%; height: 100%; object-fit: cover;}
@media all and (max-width: 768px) {
	.sub.products .visual .video-area {background-color: var(--black);}
	.sub.products .visual video {object-fit: contain;}
}
.sub.products .section.label-free .content-list > li + li {margin-top: 20px;}
.sub.products .section.label-free .item {background-color: var(--gray-light); padding: 80px;}
.sub.products .section.label-free .item {font-weight: 600;}
.sub.products .section.label-free .item .text-wrap .title + .text {margin-top: 20px;}
/* .sub.products .section.label-free .item .title {color: var(--white);} */
.sub.products .section.label-free .gif-wrap {width: 300px; margin: 60px auto 0;}
.sub.products .section.label-free .text-area > p {font-weight: 400; font-size: 17px;}
.sub.products .section.label-free .text-area p + p {margin-top: 40px;}
/* .sub.products .section.label-free .text-area .title + p {margin-top: 80px;} */

/* 20250326 추가 */
.sub.products .section.app .item.normal.thumnail .button-area{margin-top: 0px;}

@media all and (min-width: 1701px) {
	.sub.products .section.label-free .section-title.large {font-size: 68px; letter-spacing: -1.25px;}
}
@media all and (min-width: 1461px) and (max-width: 1700px) {
	.sub.products .section.label-free .section-title.large {font-size: 58px; letter-spacing: -1px;}
}
@media all and (min-width: 961px) and (max-width: 1460px) {
	.sub.products .section.label-free .section-title.large {font-size: 3.973vw; letter-spacing: -0.068vw; }
}
@media all and (min-width: 961px) {
	.sub.products .section.label-free .content-list {width: 49.4%;}
	.sub.products .section.label-free .text-area {width: calc(100% - 49.4%); padding-left: 8%;}
}
@media all and (min-width: 769px) and (max-width: 1080px) {
	.sub.products .section.label-free .text-area {padding-left: 30px;}
	.sub.products .section.label-free .text-area p + p {margin-top: 20px;}
	.sub.products .section.label-free .text-area .title + p {margin-top: 40px;}
}
@media all and (min-width: 769px) and (max-width: 1280px) {
	.sub.products .section.label-free .item {padding: 6.250vw;}
}
@media all and (max-width: 960px) {
	.sub.products .section.label-free .section-title.large  {font-size: 35px;}
	.sub.products .section.label-free .item {padding: 60px;}
	.sub.products .section.label-free .text-area {margin-top: 30px;}
	.sub.products .section.label-free .text-area .title {font-weight: 700;}
}
@media all and (max-width: 768px) {
	.sub.products .section.label-free .content-list > li + li {margin-top: 15px;}
	.sub.products .section.label-free .item {padding: 30px;}
	.sub.products .section.label-free .text-area p + p {margin-top: 20px;}
	.sub.products .section.label-free .text-area .title + p {margin-top: 15px;}
}

.sub.products .section.product .item {background-color: var(--gray); padding: 50px;}
.sub.products .section.product .item .img-wrap {margin: 0 auto;}
.sub.products .section.product .item .title + .text-list {margin-top: 15px;}
.sub.products .section.product .item .title + .text-list > li + li {margin-top: 0px;}
@media all and (min-width: 769px) {
	.sub.products .section.product {display: -webkit-box; display: -ms-flexbox; display: flex; 
		-webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; 
		-webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; 
		height: var(--vh100) !important; padding-bottom: var(--title-height); padding-right: var(--gutter-100); 
	}
	.sub.products .section.product .content-wrap > .gutter-100 {padding-left: 0; padding-right: 0;}
	.sub.products .section.product .h-scroll {-ms-flex-wrap: nowrap; flex-wrap: nowrap;  padding-left: var(--gutter-100);}
	/* .sub.products .section.product .content-list > li {width: 200% !important;} */
	/* 20250512 수정 */
	/*.sub.products .section.product .content-list > li {flex-shrink: 0; width: 74.5%  !important;}*/
	.sub.products .section.product .content-list > li {flex-shrink: 0; width: 50%  !important;}
	/* // 20250512 수정 */
	.sub.products .section.product .content-list > li + li {margin-left: 20px;}
	.sub.products .section.product .content-list > li:last-child { padding-right: var(--gutter-100);}
	.sub.products .section.product .item {display: -webkit-box; display: -ms-flexbox; display: flex; 
		-webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; 
		-webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between;
		width: 100%; height: 100%;
	}
	.sub.products .section.product .item .img-wrap {width: 360px;}
	.sub.products .section.product .swiper-pagination {display: none;}
}
@media all and (min-width: 769px) and (max-width: 960px) {
	.sub.products .section.product .h-scroll {padding-left: 30px;}
	.sub.products .section.product .content-list > li:last-child {padding-right: 30px;}
}
@media all and (max-width: 768px) {
	.sub.products .section.product .item {padding: 30px;}
	.sub.products .section.product .item .img-wrap {width: 64vw;}
	.sub.products .section.product .content-list > li + li {margin-top: 15px;}
	.sub.products .section.product .item .title + .text-list > li {font-size: 12px;}
}


.sub .section.model {padding-top: calc(var(--header-gap) + var(--header)); padding-bottom: 80px;}
.sub .section.model > .gutter-220 {width: 100%;}
.sub .section.model > .gutter-100 {--model-pad-top: 6.481481481481481vh; padding-top: var(--model-pad-top);}
.sub .section.model .model-title + .text {margin-top: 10px;}
.sub .section.model .item.model .text-wrap .text {color: var(--black-07);}
.sub .section.model .img-area {background-color: var(--gray-light); height: auto;}
.sub .section.model .img-area .img-wrap {margin: 0 auto;}
.sub .section.model .btn.medium[download]{position: absolute; top: calc(100% + 20px); right: 0; z-index: 10;}
@media all and (max-width: 768px) {
	.sub.products .section:not(.inform) + .section:not(.inform) {margin-top: 60px;}
	.sub .section.model .btn.medium[download]{position: static; display: -ms-flexbox; display: -webkit-flex; display: flex; margin: 10px auto;}
}

@media all and (min-width: 961px) {
	.flex-960 .view-sticky .swiper,
	.flex-960 .view-sticky .swiper-wrapper,
	.flex-960 .view-sticky .swiper-slide,
	.flex-960 .view-sticky > div {width: 100% !important; height: 100%;}
	.flex-960 .view-sticky .swiper,
	.flex-960 .view-sticky .swiper-wrapper,
	.flex-960 .view-sticky .swiper-slide,
	.flex-960 .view-sticky > div,
	.flex-960 .view-sticky .img-wrap {max-height: inherit;}
}

@media all and (min-width: 961px) {
	.sub .section.model
	.sub .section.model > .gutter-220 {height: 100%; padding-top: 10vh; padding-bottom: 10vh;}
	.sub .section.model > .flex-960 {-webkit-box-align: start; -ms-flex-align: start; align-items: flex-start;}
 	.sub .section.model,
	.sub .section.model .img-content,
	.sub .section.model .detail-wrap {display: -webkit-box; display: -ms-flexbox; display: flex; 
	}
	.sub .section.model .img-content {width: 44.271vw;}
	.flex-960 .view-sticky.img-content{max-height: calc(100vh - calc(var(--header-gap) + var(--header)) - var(--model-pad-top) - 30px);}
	.sub .section.model .img-area .swiper-slide {}
	.flex-960 .view-sticky .img-wrap {width: 100%; height: 100%;}
	.sub.products .section.model .img-area .img-wrap {padding: 11.574074074074073vh 0;}
	.sub.products .section.model .img-area .img-wrap img {object-fit: contain;}
	.sub .section.model .detail-wrap {width: calc(100% - 44.271vw); padding-top: 50px; padding-left: 6.250vw;}
	.sub .section.model .swiper .swiper-pagination {margin-top: 0;}
}
@media all and (max-width: 960px) {
	.sub .section.model > .gutter-100 {padding-top: 40px;}
	.sub .section.model .img-area {}
	.sub .section.model .detail-wrap {margin-top: 40px;}
	.sub .section.model .img-area .swiper-slide {height: auto;}
	.sub .section.model .img-area .img-wrap {height: 100%;}
	.sub .section.model .item.model .imgs .img-wrap {height: 21.867vw; padding: 1.867vw 0;}
	.sub .section.model .swiper .swiper-pagination {margin-top: 10px;}
}
@media all and (min-width: 769px) and (max-width: 960px) {

}
@media all and (min-width: 961px) and (max-width: 1480px) and (max-height: 980px) {
	/* .sub.products .item.model {padding: 35px;} */
	.sub.products .item.model .title-wrap + .text-wrap {margin-top: 4vh;}
	.sub.products .item.model .imgs {margin-top: 6vh;}
}
.sub .section.benefit .title-wrap,
.sub .section.resource .title-wrap {width: 100%;}
@media all and (min-width: 1521px) {
	.sub.products .item.benefit{width: 21.615vw; height: 100%;}
	.sub.products.view .section.resource .item.thumnail,
	.sub.applications.view .section.resource .item.thumnail {width: 21.615vw; height: 25.313vw;}
}
@media all and (min-width: 769px) and (max-width: 1520px) {
	.sub.products .item.benefit{width: 328px; height: 100%;}
	.sub.applications.view .section.resource .item.thumnail,
	.sub.products.view .section.resource .item.thumnail {width: 328px; height: 385px;}
}
@media all and (min-width: 961px) {
	.sub .section.benefit .title-wrap,
	.sub .section.resource .title-wrap {--title-height: -130px;}
}
@media all and (min-width: 769px) and (max-width: 960px) {
	.sub .section.benefit .title-wrap,
	.sub .section.resource .title-wrap {--title-height: -90px;}
	
}
@media all and (min-width: 769px) {
	.sub .section.benefit,
	.sub .section.resource  {display: -webkit-box; display: -ms-flexbox; display: flex; 
		-webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; 
		-webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; 
		height: var(--vh100) !important; padding-bottom: var(--title-height); 
	}
	.sub .section.benefit .title-wrap,
	.sub .section.resource .title-wrap {margin-top: var(--title-height);}
	.sub .section.benefit .content-list,
	.sub .section.resource .content-list {gap: 0px;}
	.sub.products .item.benefit .text {max-height: 310px; overflow: auto;}
	.sub.applications .item.benefit {width: 560px; height: 100%;}
	.sub .section.benefit .swiper-pagination {display: none;}
}
@media all and (max-width: 768px) {
	.sub .section.benefit {overflow: hidden;}
	.sub .section.benefit .gutter-100,
	.sub .section.resource .gutter-100 {padding-left: 0; padding-right: 0;}
	.sub .section.benefit .title-wrap ,
	.sub .section.resource .title-wrap ,
	.sub .section.benefit .swiper-slide,
	.sub .section.resource .swiper-slide {padding-left: 15px; padding-right: 15px;}

	.sub.products .item.benefit {-webkit-box-orient: horizontal; -webkit-box-direction: normal;	}
	.sub.products .item.benefit .img-wrap + .text-wrap {}
	.sub.products .item.benefit .text {max-height: 74vw;}
}
@media all and (min-width: 961px) and (max-height: 1080px) {
	.sub .section.benefit {margin-top: 100px;}
}

.sub .section.features .content-list {gap: 20px;}
.sub .section.features .panel {display: -webkit-box; display: -ms-flexbox; display: flex;  
	-webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; 
	position: relative; width: 100%; height: calc(var(--vh100) - 0px);
}
@media all and (max-width: 768px) {
	.sub .section.features .content-list > li {width: 100%;}
	.sub .section.features .item .text a[target="_blank"] {word-break: inherit;}
}
@media all and (min-width: 961px) {
	.sub .section.features .text-box {margin-top: 30px; max-height: 500px; padding-right: 20px;}
}

.sub .section.publications .item.accordion {background-color: var(--gray);}
.sub .section.publications .item.accordion .answer {display: -webkit-box; display: -ms-flexbox; display: flex; 
	background-color: var(--white); color: var(--bluegray-dark);
}
.sub .section.publications .item.accordion .answer .text {-webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1;}
.sub .section.publications .item.accordion .btn.black {-webkit-box-flex: 0; -ms-flex: none; flex: none;}
.sub .section.publications .item.accordion .ico-wrap.black,
.sub .section.publications .item.accordion .btn.black {background-color: var(--black-03);}
.sub .section.publications .item.accordion > .btn:hover .ico-wrap.black ,
.sub .section.publications .item.accordion .btn.black:hover {background-color: var(--blue);}
.sub .section.publications .item.accordion .answer .ico.arrow-w {transform: rotate(-45deg);}


.sub.products.home .section ,
.sub .section:not(.model):not(.inform) + .section {margin-top: 180px;}
@media all and (max-width: 768px) {
	.sub.products.home .section ,
	.sub .section:not(.model):not(.inform) + .section {margin-top: 68px;}
}

.sub.products.home .content-list  > li {width: 100%;}
@media all and (max-width: 768px) {
	.sub.products.home #productSwiper .swiper-wrapper {gap: 15px;
		-webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column;
	}
}


.sub.products .section.configuration .item {height: 640px; background-color: var(--gray-light);}
/* 20250331 추가 */
.sub.products .section.configuration .data-list > li:nth-child(2) .item {background-color: var(--bluegray); color: var(--white);}
.sub.products .section.configuration .data-list > li:nth-child(3) .item {background-color: var(--bluegray-dark); color: var(--white);}
.sub.products .section.configuration .data-list > li.bluegray .item {background-color: var(--bluegray); color: var(--white);}
.sub.products .section.configuration .data-list > li.bluegray-dark .item {background-color: var(--bluegray-dark); color: var(--white);}
/* // 20250331 추가 */

.sub.products .section.configuration .item .title + .text-list {margin-top: 30px;}
.sub.products .section.configuration .text-wrap {display: -webkit-box; display: -ms-flexbox; display: flex; 
	-webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column;
	-webkit-box-align: start; -ms-flex-align: start; align-items: flex-start;
	-webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between;
	position: absolute; top: 0 ;left: 0; width: 100%; height: 100%; padding: 60px; z-index: 1;
}
.sub.products .section.configuration .img-wrap {height: 100%;}
.sub.products .section.configuration .text-wrap .button-area {margin-top: 85px;}
.sub.products .section.configuration .text-list {margin-top: 20px;}
@media all and (min-width: 1481px) and (max-width: 1820px) {
	.sub.products .section.configuration .text-wrap {padding: 3.297vw;}
}
@media all and (min-width: 961px) and (max-width: 1480px) {
	.sub.products .section.configuration .text-wrap { padding: 40px;}
	.sub.products .section.configuration .text-list > li {font-size: 20px;}
}
@media all and (min-width: 961px) and (max-width: 1280px) {
	.sub.products .section.configuration .title br {display: none;}
	.sub.products .section.configuration .item .title.medium {font-size: 30px;}
}
@media all and (min-width: 961px) {
	.sub.products .section.configuration > .gutter-100 {position: relative;}
	.sub.products .section.configuration .img-wrap img {object-fit: contain; object-position: bottom;}
}
@media all and (min-width: 769px) and (max-width: 1080px) {
	.sub.products .section.configuration .item02 .text-wrap {padding-top: 30px; padding-bottom: 30px;}
}
@media all and (min-width: 769px) and (max-width: 960px) {
	.sub.products .section.configuration .text-wrap {padding: 30px;}
}
@media all and (min-width: 769px) {
}
@media all and (max-width: 768px) {
	.sub.products .section.configuration {margin-top: 0;}
	.sub.products .section.configuration .item {max-height: none; height: auto;}
}
@media all and (max-width: 768px) {
	.sub.products .section.configuration .text-wrap .button-area {-webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column;}
	.sub.products .section.configuration .text-wrap .button-area.col {margin-top: 40px;}
	.sub.products .section.configuration .text-wrap .button-area .btn.large {font-size: 15px;}
	.sub.products .section.configuration .text-wrap .button-area .btn + .btn {margin-top: 10px; margin-left: 0;}
	.sub.products .section.configuration .text-wrap {padding: 40px;}
}
@media all and (min-width: 769px) {
	.sub.products .section.resource .item.download {aspect-ratio: 1/1.1711;}
}
@media all and (max-width: 768px) {
	.sub.products .section.resource .item.download .text-wrap {-webkit-align-items: center; -ms-flex-align: center; align-items: center;
	-webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row;}
}


.sub.products .section.applications .item ,
.sub.products .section.workflow .item {padding: 40px;}
.sub.products .section.applications .item .title,
.sub.products .section.workflow .item .title {font-weight: 500;}
.sub.products .section.applications .item .title + .text,
.sub.products .section.workflow .item .title + .text {margin-top: 30px;}
@media all and (max-width: 768px) {
	.sub.products .section.applications .item,
	.sub.products .section.workflow .item {padding: 30px;}
}
@media all and (min-width: 961px) {
	.sub.products .section.applications .item,
	.sub.products .section.workflow .item {display: -webkit-box; display: -ms-flexbox; display: flex;}
}
@media all and (min-width: 961px) and (max-width: 1280px) {
	.sub.products .section.applications .item .title,
	.sub.products .section.workflow .item .title {font-size: 30px;}
}
@media all and (min-width: 1281px) {
	.sub.products .section.applications .item .title,
	.sub.products .section.workflow .item .title {font-size: 40px;}
}


@media all and (min-width: 1421px) {
	/* .sub.products.ht-x1 .section.model .img-area .img-wrap {max-width: 450px;} */
}
@media all and (min-width: 961px) and (max-width: 1420px) {
	/* .sub.products.ht-x1 .section.model .img-area .img-wrap {max-width: 360px;} */
}
@media all and (min-width: 961px) {
	/* .sub.products.ht-x1 .section.features .title-wrap + .content-wrap {margin-top: 0;} */
}
@media all and (min-width: 961px) {
	.sub.products.ht-x1 .section.features .item .text-wrap {display: -webkit-box; display: -ms-flexbox; display: flex; 
		-webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; 
		/*-webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between;*/
	}
}
@media all and (max-width: 960px) {
	.sub.products.ht-x1 .section.features .panel {display: block !important; }
}
@media all and (max-width: 768px) {
	/* .sub.products.ht-x1 .section.features {margin-top: 0;} */
	.sub.products.ht-x1 .section.features .panel {padding-bottom: 30px;}
	/* .sub.products.ht-x1 .section.features .item.feature .text-box {max-height: 35vh;} */
}

.sub.products.analysis .section + .section {margin-top: 180px;}
@media all and (max-width: 768px) {
	.sub.products.analysis .section + .section {margin-top: 60px;}
}
@media all and (max-width: 768px) {
	.sub.products.analysis .section.features .content-wrap .gutter-100 {padding-left: 0; padding-right: 0;}
	.sub.products.analysis .section.features .swiper-slide {padding-left: 15px; padding-right: 15px;}
}
@media all and (min-width: 961px) {
	.sub .section.model .gutter-220 {padding-left: var(--gutter-100);}
}

@media all and (min-width: 769px) {
	.sub.products.analysis .section.features {
		display: -webkit-box; display: -ms-flexbox; display: flex; 
		-webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; 
		-webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; 
		height: var(--vh100) !important; padding-bottom: var(--title-height); 
	}
	.sub.products.analysis .section.features .item {
		display: -webkit-box; display: -ms-flexbox; display: flex; 
		-webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; 
	}
	.sub.products.analysis .section.features .item .text-wrap {-webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; margin-top: 30px; padding: 0 10px;}
	.sub.products.analysis .section.features .item .img-wrap {-webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1;}
	.sub.products.analysis .section.features .item .title {font-weight: 600;}
	.sub.products.analysis .section.features .item.feature {width: 560px; height: 586px;}
}
@media all and (min-width: 769px) and (max-width: 1920px) {
	.sub.products.analysis .section.features .item.feature {width: 560px; height: 586px;}
}
@media all and (min-width: 1921px) {
	.sub.products.analysis .section.features .item.feature {width: 29.167vw; height: 30.521vw;}
}
@media all and (max-width: 960px) {
	.sub.products.analysis .section.features .item .img-wrap {margin-top: 30px;}
	.sub.products.analysis .section.features .item .title {font-weight: 500; font-size: 20px;}
}

.sub.products.analysis .section.applications .content-list > li {border-top: 1px solid var(--bluegray);}
.sub.products.analysis .section.applications .content-list > li:last-child {border-bottom: 1px solid var(--bluegray);}
.sub.products.analysis .section.applications .item {padding-left: 0; padding-right: 0;}
@media all and (max-width: 960px) {
	.sub.products.analysis .section.applications .item .title + .text {margin-top: 10px;}
	.sub.products.analysis .section.applications .item .title {font-weight: 700;}
	.sub.products.analysis .section.applications .item .img-wrap + .text-wrap {margin-top: 30px;}
}
@media all and (min-width: 961px) {
	.sub.products.analysis .section.applications .item {-webkit-box-align: center; -ms-flex-align: center; align-items: center;
	}
	.sub.products.analysis .section.applications .item .img-wrap {width: 41%;}
	.sub.products.analysis .section.applications .item .text-wrap {width: calc(100% - 41%); padding-left: 5.990vw;}
}
@media all and (min-width: 769px) and (max-width: 1280px) {
	.sub.products.analysis .section.applications .item .title {font-size: 30px;}
}
@media all and (min-width: 1281px) {
	.sub.products.analysis .section.applications .item .title {font-size: 40px;}
}
.sub.products.analysis .section.workflow .panel {display: -webkit-box; display: -ms-flexbox; display: flex;  
	-webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; 
	position: relative; width: 100%; height: calc(var(--vh100) - 0px);
}
.sub.products.analysis .section.workflow .item {background-color: var(--gray-light);}
@media all and (max-width: 768px) {
	 .sub.products.analysis .section.workflow .item .title{font-size: 20px;}
}
@media all and (max-width: 960px) {
	.sub.products.analysis .section.workflow .swiper {background-color: var(--gray-light); border-radius: 40px; padding-bottom: 30px;}
	.sub.products.analysis .section.workflow .panel {display: block !important; }
	.sub.products.analysis .section.workflow .item .title + .text,
	.sub.products.analysis .section.workflow .item .img-wrap  {margin-top: 20px;}
	.sub.products.analysis .section.workflow .swiper-btns {-webkit-box-pack: center; -ms-flex-pack: center; justify-content: center;
		margin-top: 20px;
	}
}
@media all and (min-width: 961px) {
	.sub.products.analysis .section.workflow .item {padding-left: var(--gutter-100);}
	.sub.products.analysis .section.workflow .item .img-wrap {width: 47%;}
	.sub.products.analysis .section.workflow .item .text-wrap {width: calc(100% - 47%); padding-right: 10%;}
	.sub.products.analysis .section.workflow .swiper-btns {position: absolute; bottom: var(--gutter-100); left: var(--gutter-100)}
}

.product-view .view-header .title-wrap + .text-wrap {margin-top: 40px;}
.product-view .view-header .text + .text {margin-top: 20px;}
.product-view .section.option .content-list {gap: 10px; 
	-ms-flex-wrap: nowrap; flex-wrap: nowrap;
}
@media all and (min-width: 961px) {
	.product-view .img-content{width: 52%;}
	.product-view .content-area {width: calc(100% - 52%); padding-left: 4.167vw; padding-top: 50px;}
}
@media all and (min-width: 961px) {
	.view-sticky {position: sticky; padding-top: 30px;} 
}
@media all and (max-width: 960px) {
	.product-view .img-content + .content-area {margin-top: 45px;}
}
@media all and (max-width: 768px) {
	.product-view .view-header .title-wrap + .text-wrap {margin-top: 30px;}
}
.sub.accessories .item.thumnail {background-color: var(--gray-02);}
.sub.accessories .item.thumnail .title {color: var(--black);}
.sub.accessories .model-title {font-weight: 600;}
.sub.accessories .content-area > .model-title {font-weight: 600; font-size: 35px; margin: 60px 0 20px;;}
@media all and (min-width: 961px) {
	#container.gap > #content.sub.accessories {--model-pad-top: 6.481481481481481vh; padding-top: var(--model-pad-top);}
	.sub.accessories .flex-960 .view-sticky .img-wrap {height: auto; max-height: inherit;}
}
@media all and (min-width: 769px) {
	.sub.accessories .model-title {font-size: 48px;}
	.sub.accessories .content-area > .model-title {font-size: 35px;}
}
@media all and (max-width: 768px) {
	.sub.accessories .content-area > .model-title {font-size: 24px;}
}


/* sub - applications */
.sub.applications .item.thumnail,
.sub .section.app .item.thumnail,
.sub.products .section.resource .item.thumnail {color: var(--white);}
.sub.applications.list .item.thumnail:not(:hover) .ico-wrap.white,
.sub .section.app .item.thumnail:not(:hover) .ico-wrap.white {background-color: var(--white-05);}
.sub.applications.list .item.thumnail:hover .ico-wrap.white,
.sub .section.app .item.thumnail:hover .ico-wrap.white {background-color: var(--white);}
@media all and (max-width: 768px) {
	.sub.applications.list .item.thumnail .btn.link  {opacity: 1;}
}
@media all and (min-width: 769px) {
	.sub.applications.list .item.thumnail .btn.link,
	.sub .section.app .item.thumnail .btn.link {font-size: 15px;}
	.sub.applications.list .item.thumnail .ico-wrap.xsmall,
	.sub .section.app .item.thumnail .ico-wrap.xsmall {width: 32px; height: 32px;}
	.sub.applications.list .item.thumnail .ico-wrap .ico.xsmall,
	.sub .section.app .item.thumnail .ico-wrap .ico.xsmall {width: 12px; height: 12px;}
	.sub.applications.list .item.thumnail .btn.link > span + .ico-wrap,
	.sub .section.app .item.thumnail .btn.link > span + .ico-wrap {margin-left: 10px;}
}
@media all and (min-width: 961px) {
	/* .sub.applications.list .data-list > li {-webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; 
		-ms-flex-preferred-size: calc((100% - 66%) - 20px); flex-basis: calc((100% - 66%) - 20px); 
		transition: all 0.3s;
	} */
	/* .sub.applications.list .data-list > li:hover {-ms-flex-preferred-size: 66%; flex-basis: 66%;} */
	.sub.applications.list .item.thumnail {width: 100%;}
}
/* 
.sub.applications.view .content-list:not(.h-scroll) {gap: 20px;}
.sub.applications.view .page-header + .page-content,
.sub.applications.view .page-content > .section {margin-top: 180px;}
.sub.applications.view .page-header .text-wrap {margin-top: 20px;}
@media all and (max-width: 768px) {
	.sub.applications.view .page-header + .page-content,
	.sub.applications.view .page-content > .section {margin-top: 60px;}
}
/* @media all and (max-width: 960px) {
	.sub.applications.view .page-header .section-title.small {font-weight: 400; margin-top: 20px;}
}
@media all and (min-width: 769px) {
	.sub.applications.view .page-header .content-wrap .img-area {display: flex; align-items: center; justify-self: center; height: 100vh;}
}
@media all and (min-width: 961px) {
	.sub.applications.view .page-header .title-wrap {-webkit-box-align: end; -ms-flex-align: end; align-items: flex-end;
		-webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between;
	}
	.sub.applications.view .page-header .section-title.small {width: 400px; padding-left: 15px;}
}
.sub.applications.view .features .item.benefit {-webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start;}
@media all and (max-width: 768px) {
	.sub.applications.view .features .item.benefit {padding-top: 40px;}
	.sub.applications.view .features .item.benefit .img-wrap + .text-wrap {margin-top: 20px;}
	.sub.applications.view .features .item.benefit .text-wrap {text-align: center;}
	.sub.applications.view .features .content-wrap .gutter-100 {padding-left: 0; padding-right: 0;}
	.sub.applications.view .features .swiper-slide {padding-left: 15px; padding-right: 15px;}
}
@media all and (min-width: 769px) {
	.sub.applications.view .section.features {
		display: -webkit-box; display: -ms-flexbox; display: flex; 
		-webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; 
		-webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; 
		height: var(--vh100) !important; padding-bottom: var(--title-height); 
	}
	.sub.applications.view .features .swiper-slide {height: auto;}
	.sub.applications.view .features .item.benefit {height: 100%;}
}
@media all and (min-width: 961px) and (max-width: 1280px) {
	.sub.applications.view .features .item.benefit {padding: 60px 40px}
}
@media all and (min-width: 1281px) {
	.sub.applications.view .features .item.benefit {padding: 100px 80px}
}
@media all and (min-width: 961px) and (max-width: 1920px) {
	.sub.applications.view .section.features .item.benefit {width: 560px; height: 546px;}
}
@media all and (min-width: 1921px) {
	.sub.applications.view .section.features .item.benefit {width: 29.167vw; height: 28.438vw;}
}

.sub.applications.view .workflow {background-color: var(--gray-light);}
.sub.applications.view .workflow > .gutter-100 {padding-top: var(--gutter-100); padding-bottom: var(--gutter-100);}
.sub.applications.view .workflow .content-wrap {background-color: var(--white);}
.sub.applications.view .workflow .content-wrap > [class*="gutter"] ,
.sub.applications.view .graph > [class*="gutter"]  {padding-top: 140px; padding-bottom: 140px;}
.sub.applications.view .workflow .title-wrap + div{margin-top: 40px;}
.sub.applications.view .workflow .section-title.small {font-size: 36px;}
.sub.applications.view .workflow .section + .section {margin-top: 80px;}
@media all and (max-width: 768px) {
	.sub.applications.view .workflow > .gutter-100 {padding-top: 15px; padding-bottom: 15px;}
	.sub.applications.view .workflow .section-title.small {font-size: 20px;}
	.sub.applications.view .workflow .table-wrap {overflow: scroll; width: calc(100% + 15px);}
	.sub.applications.view .workflow .data-table {width: max-content;}
}
@media all and (min-width: 769px) {
	.sub.applications.view .workflow .section-title.medium {font-weight: 400; text-align: center;}
}
@media all and (max-width: 960px) {
	.sub.applications.view .workflow .content-wrap > [class*="gutter"],
	.sub.applications.view .graph > [class*="gutter"] {padding-top: 60px; padding-bottom: 60px;}
	.sub.applications.view .workflow .section + .section {margin-top: 60px;}
}
@media all and (min-width: 769px) and (max-width: 960px) {
	.sub.applications.view .workflow > .gutter-100 {padding-top: 30px; padding-bottom: 30px;}
	.sub.applications.view .workflow .section-title.small {font-size: 32px;}
}
@media all and (min-width: 961px) and (max-width: 1280px) {
	.sub.applications.view .workflow .content-wrap > [class*="gutter"],
	.sub.applications.view .graph > [class*="gutter"] {padding-top: 80px; padding-bottom: 80px;}
}

.sub.applications.view .graph {background-color: var(--black);}
.sub.applications.view .graph .title-wrap {text-align: center;}
.sub.applications.view .graph .section-title {color: var(--white);}
.sub.applications.view .graph .text {color: var(--white-07);}

.sub.applications.view .section.resource .item.download {background-color: var(--gray); color: var(--black);}
.sub.applications.view .section.resource .item.download .btn.small {width: var(--small);}
.sub.applications.view .section.resource .item.download .btn.small:not(:hover) {background-color: var(--black-03);}
.sub.applications.view .section.resource .item.download .button-area {margin-top: 30px;}
.sub.applications.view .item.article .title {color: var(--white);}
.sub.applications.view .item.article .title-wrap > span {color: var(--white-05);}
.sub.applications.view .item .ico.arrow {transform: rotate(-45deg);}
@media all and (min-width: 769px) {
	.sub.applications.view .page-header .content-wrap .img-area {display: flex; align-items: center; justify-self: center; height: 100vh;}
	.sub.applications.view .section.resource .item.download {height: 100%;}
	.sub.applications.view .section.resource .item.download .text-wrap {padding: 40px 50px;}
	.sub.applications.view .section.resource .item.download .title {font-size: 20px;}
} */

.sub.applications.view .section.model .img-area {background-color: var(--black);}

/* sub - Resources */
/* .resources .item.normal {min-height: 398px;} */
.sub.resources .item.normal:not(.thumnail) {height: 100%; background-color: var(--dark-gray);}
.sub.resources .item.thumnail.on,
.section.resource .item.thumnail.on {background-color: #d1d1d1;}
.sub.resources .item.thumnail.on .title {color: var(--blue);}
.sub.resources.celi-library .sort-area + .content-wrap {margin-top: 20px;}


/* sub - News */
.sub.news .item.normal {height: 100%;}
@media all and (min-width: 769px) {
	.sub.news .sort-area {-webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end;}
}

/* sub - Inquiry */
.sub.inquiry fieldset > .check-wrap {display: -webkit-box; display: -ms-flexbox; display: flex;  
	margin-top: 20px;
}
.sub.inquiry fieldset > .check-wrap + .check-wrap {margin-top: 10px;}
@media all and (max-width: 768px) {
    .sub.inquiry fieldset > .check-wrap {margin-top: 8px;}
    .sub.inquiry .write-form .flex-wrap {margin-top: 20px;}
}
@media all and (min-width: 961px) {
	.sub.inquiry .page-header {width: calc(100% - 57%); padding-right: 30px;}
	.sub.inquiry .page-content {width: 57%;}
	.sub.inquiry .page-header + .page-content {margin-top: 40px;}
}

/* 20250430 추가 (리소스 웹이나, 뉴스) */
.sub:is(.webinar, .news) .item.normal .img-wrap{ height: clamp(240px,64vw,300px);}
.sub:is(.webinar, .news) .item.normal .img-wrap img{object-position: center center; transition: all 0.3s ease-in-out;}
.sub:is(.webinar, .news).item.normal:hover .img-wrap img{transform: scale(1.1);}
.sub:is(.webinar, .news) .item.normal .text-wrap{height: clamp(260px,69.33vw,320px);}
.sub:is(.webinar, .news) .item.normal .text-wrap > .title + :is(div, .date){margin-top: 0px;}

.sub.pipeline .item.normal .img-wrap{padding-bottom: 100%;}
.sub.pipeline .item.normal .img-wrap img{
	position: absolute; top: 0; left: 0;
	object-position: center center; transition: all 0.3s ease-in-out;
}
.sub.pipeline .item.normal:hover .img-wrap img{transform: scale(1.1);}
.sub.pipeline .item.normal .text-wrap{height: clamp(180px,48vw,240px);}
.sub.pipeline .item.normal .text-wrap > .title + div{margin-top: 0px;}

/* // 20250430 추가 (리소스 웹이나, 뉴스) */


/* sub - connect */
.sub.connect .map-wrap {display: -webkit-box; display: -ms-flexbox; display: flex; 
	-webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; 
	-webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; 
	background-color: var(--gray); padding: 0 75px;
}
.sub.connect .map-wrap iframe {width: 100%; height: 100%;}
.sub.connect .address-wrap {background-color: var(--dark-gray); padding: 80px;}
.sub.connect .address-wrap .text {filter: opacity(0.7);}
.sub.connect dl > dt {font-weight: 600;}
.sub.connect .address > dt {font-size: 24px;}
.sub.connect .address > dt + dd {margin-top: 20px;}
.sub.connect .office-list > li + li {border-top: 1px solid var(--white-01); padding-top: 60px; margin-top: 60px;}
.sub.connect .detail > dt {display: -webkit-box; display: -ms-flexbox; display: flex; 
    -webkit-box-align: center; -ms-flex-align: center; align-items: center; 
    font-size: 17px;
}
.sub.connect .detail > dt .ico + span {margin-left: 10px;}
.sub.connect .detail > dt + dd {margin-top: 10px;}
.sub.connect .address + .detail-wrap {margin-top: 30px;}
.sub.connect .address-wrap > .button-area {margin-top: 80px;}
@media all and (min-width: 961px) and (max-width: 1280px) {
    .sub.connect .address-wrap {padding: 6.250vw;}
}
@media all and (min-width: 961px) {
    .sub.connect .map-wrap {-webkit-box-align: center; -ms-flex-align: center; align-items: center; 
		width: 58.4%;
	}
    .sub.connect .address-wrap {width: calc(100% - 58.4%); margin-left: 20px;}
	.sub.connect .address-wrap .detail-wrap {display: -webkit-box; display: -ms-flexbox; display: flex; }
	.sub.connect .address-wrap .detail-wrap .detail {flex: 1;}
	.sub.connect dl + dl {padding-left: 15px;}
}
@media all and (max-width: 960px) {
    .sub.connect .map-wrap {height: 500px; padding: 0 30px;}
    .sub.connect .address-wrap {margin-top: 20px; padding: 40px;}
	.sub.connect .address + .detail-wrap ,
	.sub.connect .detail + .detail {margin-top: 20px;}
	.sub.connect .office-list > li + li {margin-top: 30px; padding-top: 30px;}
	.sub.connect .address-wrap > .button-area {margin-top: 40px;}
}
@media all and (max-width: 768px) {
	.sub.connect .map-wrap {padding: 35px 0;}
	.sub.connect .map-wrap > .scroll-content {height: 100%;}
	.sub.connect .map-wrap .img-wrap {/*width: 250.667vw;*/ height: 100%;}
	.sub.connect .map-wrap .img-wrap img {object-fit: contain;}
    .sub.connect dl + dl {margin-top: 30px;}
    .sub.connect .address > dt {font-size: 17px;}
    .sub.connect .detail > dt {font-size: 15px;}
    .sub.connect .detail > dt + dd {margin-top: 5px;}
    .sub.connect .ico.small {width: 20px; height: 20px;}
	
}

/* sub - Publications*/
.sub.publications.list .page-header + .page-content {margin-top: 40px}
.sub.publications .total-area + .sort-area {border-top: 1px solid var(--bluegray-dark); padding-top: 40px; margin-top: 16px;}
.sub.publications .filter-wrap {gap: 5px 60px;}
.sub.publications .field em {display: inline-block; padding: 0 4px;}
.sub.publications .select.checked[name="date"] {width: 170px; background-image: url('../images/common/ico_calendar.svg'); background-repeat: no-repeat; background-position: 100% 50%; background-size: var(--ico-s) var(--ico-s); color: var(--white); padding-right: 30px;}
.sub.publications .item .ico.arrow {transform: rotate(-45deg);}
.sub.publications.list .select[name="date"] {width: 80px;}
@media all and (min-width: 961px) {
	/* [P : css 추가 및 수정] 작업사항: 가로값 수정 작업일: 20250604 */
	.sub.publications .filter-wrap {width: calc(100% - 400px); padding-right: 30px;}
	.sub.publications .search-form{max-width: 400px; width: 100%;}
	/* // [P : css 추가 및 수정] 작업사항: 가로값 수정 작업일: 20250604 */
}
@media all and (min-width: 961px) and (max-width: 1680px) {
	.sub.publications .filter-wrap {gap: 5px 3.125vw;}
}
@media all and (max-width: 768px) {
	.sub.publications .filter-wrap > .field:first-child {width: 100%;}
}
@media all and (max-width: 768px) {
	.sub.publications.list .page-header + .page-content {margin-top: 30px;}
	.sub.publications .total-area + .sort-area {padding-top: 30px; margin-top: 20px;}
	.sub.publications .filter-wrap {gap: 0px 20px;}
	.sub.publications .input-text.hasDatepicker {width: 150px;}
}
#content.sub.about.home {padding-bottom: 0;}
.sub.about .history {overflow: hidden; margin-left: auto; margin-right: auto; }
.sub.about .history .history-wrap {position: relative; border-radius: var(--bdr-40); overflow: hidden;}
.sub.about .history .bg {position: absolute; width: 100% !important; height: var(--vh100); /* height: calc(100vw*var(--window-height, 1080)/var(--window-width, 1920)) !important; */ max-height: initial !important; }
.sub.about .history .bg .img-wrap {width: 100%; height: 100%;}
/* .history .bg::before {content: ''; display: block; position: absolute; bottom: 0; left: 0; width: 100%; height: 100%; opacity: 0.7; background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 70%); z-index: 1;} */
.sub.about .history .bg img {display: block; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover;  transform-origin: center;}
.sub.about .history .content-wrap {padding-top: var(--vh100);}
.sub.about .history .history-list {padding-bottom: 22.2vh;}
.sub.about .history .history-list > li {position: relative; margin-bottom:80px; opacity: 0.3; transition: all .3s;}
.sub.about .history .history-list > li.on {opacity: 1;}

.sub.about .history .history-list .year ,
.sub.about .history .history-list .text {font-weight: 600; font-size: 24px; transition: 0.8s;}
.sub.about .history .history-list .text {min-height: 52px;}
.sub.about .history .history-list .year + .text {margin-top: 10px;} 

.sub.about .history .history-list > li.on .text {font-size: 35px;}
@media all and (min-width: 769px) {
	/* .history .history-list > li {text-align: center;} */
	.sub.about .history .history-wrap {display: -webkit-box; display: -ms-flexbox; display: flex;}
	.sub.about .history .content-wrap { padding-right: 0;}
	.sub.about .history .history-list {min-width: 580px;}
	
}
@media all and (min-width: 961px) {
}
@media all and (min-width: 769px) and (max-width: 960px) {
}
.sub.about .history .year {font-size: 24px;}
@media all and (max-width: 768px) {
	.sub.about .history .history-list {padding: 0 25px}
	.sub.about .history .history-list .year {font-weight: 700; font-size: 17px;}
	.sub.about .history .history-list .text {font-size: 20px;}
	.sub.about .history .history-list > li:not(.on) .text {font-weight: 500;}
	.sub.about .history .history-list > li {margin-bottom: 40px;}
	.sub.about .history .history-list > li.on .text {font-size: 24px;}
	.sub.about .history .content-wrap {padding-bottom: 120px;}
}
.sub.about .introduce {position: relative; padding-top: 60px; padding-bottom: 240px; overflow: hidden;}
.sub.about .introduce .object {position: absolute; top: -207px; right: 0;}
.sub.about .introduce .object .img-wrap {width: 1191px; height: auto;}
.sub.about .introduce .title-wrap + .content-wrap {margin-top: 60px;}
.sub.about .introduce .title-wrap,
.sub.about .introduce .introduce-wrap {position: relative; z-index: 1;}
.sub.about .introduce .section-title.medium {font-weight: 500; font-size: 40px;}
.sub.about .introduce .text-wrap > .text + .text {margin-top: 30px;}
@media all and (max-width: 768px) {
	#container.gap > #content.sub.about.home {padding-top: 20px;} 
	.sub.about .introduce {padding-top: 75px; padding-bottom: 120px;}
	.sub.about .introduce .object {top: -10.781vw; right: -15px;}
	.sub.about .introduce .object .img-wrap {width: 100%;}
	.sub.about .introduce .title-wrap + .content-wrap {margin-top: 30px;}
	.sub.about .introduce .gutter-390 > .title-wrap + .content-wrap {margin-top: 100px;}
	.sub.about .introduce .text-wrap > .text + .text {margin-top: 20px;}
	.sub.about .introduce .section-title.medium {font-size: 24px;}
}
@media all and (min-width: 769px) and (max-width: 1480px) {
	.sub.about .introduce .object .img-wrap {width: 81.757vw;}
}
@media all and (min-width: 769px) {
}
@media all and (min-width: 1921px) {
	.sub.about .introduce .object .img-wrap {width: 62.031vw;}
}

.sub.about .team {position: relative; z-index: 2; margin-top: 300px;}
.sub.about .team .item.profile .img-wrap {width: 100%;}
.sub.about .team .btn.link {color: var(--blue);}
.sub.about .team .btn.link .ico.arrow { transform: rotate(-45deg);}
.sub.about .team .item.profile .profile-body {padding-right: 10px;}
@media all and (max-width: 768px) {
	.sub.about .team {margin-top: 120px;}
}
@media all and (max-width: 960px) {
	.sub.about .team .data-list > li {margin: 30px auto;}
}
@media all and (min-width: 961px) {
	.sub.about .team .data-list {-webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row;}
	.sub.about .team .data-list > li {-ms-flex-preferred-size: calc(100% / 3); flex-basis: calc(100% / 3); 
		transition: all 0.3s;
	}
	.sub.about .team .item.profile {height: 700px}
	.sub.about .team .item.profile .img-wrap {-webkit-box-flex: 1; -ms-flex: 1; flex: 1; 
		-ms-flex-preferred-size: 100%; flex-basis: 100%;
	}
	.sub.about .team .item.profile .img-wrap ,
	.sub.about .team .item.profile .text-area {height: inherit;}
	.sub.about .team .item.profile .text-wrap {height: 100%; margin-left: 20px;}
	.sub.about .team .item.profile .text-area {-ms-flex-preferred-size: 0; flex-basis: 0; transition: 0.3s; overflow: hidden;}
	.sub.about .team .item.profile .profile-body {max-height: 20.833vw; overflow: auto; overscroll-behavior: contain;}
	.sub.about .team .data-list > li.on .item.profile .text-area {-ms-flex-preferred-size: 100%; flex-basis: 100%;}
	.sub.about .team .data-list > li.on .item.profile .text-wrap {animation: profileOn 0.3s both 0.2s;}
	.sub.about .team .data-list > li.off:not(.on) .item.profile .text-wrap {animation: profileOff 0.3s both 0s;}
	.sub.about .team .data-list > li.on{-ms-flex-preferred-size: calc((100% - calc(100% / 3)) - 20px); flex-basis: calc((100% - calc(100% / 3)) - 20px);}
	.sub.about .team .item.profile .img-wrap img {transition: 0.3s;}
	.sub.about .team .data-list > li:not(.on) .item.profile .img-wrap::before {content: ''; display: block; position: absolute; top: 0 ;left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.78); mix-blend-mode: saturation;}
}
@keyframes profileOn {
	0%{opacity: 0;}
	100%{opacity: 1;}
}
@keyframes profileOff {
	0%{opacity: 1;}
	100%{opacity: 0;;}
}

/* 20250402 추가 */
.sub.about .team2 .item.article .title-wrap{ width: 100%; padding-right:0; }
.sub.about .team2 .item.article .title-wrap .publisher{ display: block; }
.sub.about .team2 .item.article .title-wrap .text-list > li::before {position: absolute; top:0; left: 0; padding-right:0px;}
.sub.about .team2 .item.article .title-wrap .text-list > li.publisher{padding-left: 10px;}
/* // 20250402 추가 */

.sub.about .message {position: relative; min-height: var(--vh100);}
.sub.about .message > .gutter-100 {position: relative; min-height: inherit; z-index: 1;}
.sub.about .message .section-title {text-align: center;}
.sub.about .message .bg-wrap {width: 100%;}
@media all and (max-width: 540px) {
	/* .sub.about .message {height: 296vw;} */
	.sub.about .message > .gutter-100 {position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
}
@media all and (min-width: 769px) and (max-width: 960px) {
	.sub.about .message .section-title {font-size: 58px;}
}
@media all and (min-width: 541px) {
	.sub.about .message {padding-top: 8.750vw; padding-bottom: 8.750vw;}
	.sub.about .message .bg-wrap {position: absolute; bottom: 0; left: 0;}
}
@media all and (min-width: 769px) {
	.sub.about .message .section-title {font-weight: 500;}
}
@media all and (min-width: 961px) {
	.sub.about .message .section-title {font-size: 68px;}
}

/* item - background: dark-gray */
.news .item.normal ,
.main .technology .item,
/* .sub.products .section.label-free .item , */
.sub.products .section.resource .item.thumnail,
.sub.applications .item.thumnail,
.sub.resources .item.thumnail {background-color: var(--dark-gray);}



/* @media (orientation: portrait) {
	#popupMax .popup				{max-height: calc(var(--vh100) - 4vw); --pop-height: calc(var(--vh100) - 4vw);}
} */



.sub.financial .data-table	{font-size: 24px;}
@media all and (max-width: 768px) {
	.sub.financial .data-table	{font-size: 17px;}
	.sub.financial tbody th				{width: 88px;}
}
@media all and (max-width: 540px) {
	.sub.financial .scroll-table table					{min-width: 550px;}
}




/* popup common */
.popup-common .popup {--pad: 30px;
	max-width: 560px; padding-bottom: 0;
}
.popup-common .popup-body {max-height: calc(var(--pop-height) - var(--pop-header) - var(--large) - 40px); padding-bottom: 30px;}
.popup-common .popup .button-area .btn {width: 100%; margin-left: 0; padding: 0;}
@media all and (max-width: 768px) {
	.popup-common {-webkit-box-align: end; -ms-flex-align: end; align-items: flex-end;}
	.popup-common .popup {width: 100%; border-bottom-left-radius: 0; border-bottom-right-radius: 0;}
}

/* popupSpec */
.overlay[id*="popupSpec"] .popup				{max-width: 850px;}
.overlay[id*="popupSpec"] .model-title {font-weight: 600; font-size: 35px; margin: 60px 0 20px;}
.overlay[id*="popupSpec"] .swiper + .section {margin-top: 100px;}
.overlay[id*="popupSpec"] .section.inform + .section.inform {margin-top: 50px;}
.overlay[id*="popupSpec"] .swiper .img-wrap {max-height: 400px;}
.overlay[id*="popupSpec"] .swiper .img-wrap img {width: 100%; max-height: inherit; object-fit: contain;}
@media all and (max-width: 768px) {
	.overlay[id*="popupSpec"] .swiper + .section {margin-top: 60px;}
	.overlay[id*="popupSpec"] .swiper .img-wrap {max-height: 72vw;}
	.overlay[id*="popupSpec"] .section.inform + .section.inform {margin-top: 10px;}
	.overlay[id*="popupSpec"] .section.inform .content-wrap {margin-bottom: 20px;}
	.overlay[id*="popupSpec"] .model-title {font-size: 24px;}
}

/* popupCeli */
#popupCeli .popup				{max-width: 1140px; background-color: var(--dark-gray); color: var(--white);}
#popupCeli .section .title {font-weight: 600; font-size: 24px;}
#popupCeli .section .title + .text {margin-top: 20px;}
#popupCeli .section .text {font-weight: 500; font-size: 15px; color: var(--white);}
#popupCeli .swiper-pagination-bullet:not(.swiper-pagination-bullet-active) {background-color: var(--white); opacity: 1;}
@media all and (max-width: 768px) {
	#popupCeli .section .title {font-size: 17px;}
	#popupCeli .section .title + .text {margin-top: 10px;}
}
#popupCeli #Celiwiper .img-wrap img		{min-height: 100%; max-height: 586px; object-fit: contain;}
#layerCookie {position: fixed; top: 0; left: 0; right: 0; bottom: 0; background-color: var(--black-03); z-index: 999;}
#layerCookie .full-h {display: -webkit-box; display: -ms-flexbox; display: flex;
	-webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column;
	-webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end;
	width: 100%; height: var(--vh100); padding-bottom: 60px;
}
#layerCookie .cookie-wrap {background-color: var(--black); padding: 30px 40px;}
#layerCookie .cookie-wrap .text {color: var(--white);}
@media all and (min-width: 769px) {
	#layerCookie .cookie-wrap {display: -webkit-box; display: -ms-flexbox; display: flex;
		margin-left: var(--gutter-100);
	}
	#layerCookie .text-wrap {width: calc(100% - 60px); padding-right: 3.646vw;}
	#layerCookie .button-area {-webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column;
		width: 160px;}
	#layerCookie .button-area > .btn {width: 100%;}
	#layerCookie .button-area > .btn + .btn {margin-top: 10px; margin-left: 0;}
}
@media all and (min-width: 1641px) {
	#layerCookie .cookie-wrap {margin-right: auto;}
}
@media all and (min-width: 769px) and (max-width: 1640px) { 
	#layerCookie .cookie-wrap {margin-right: var(--gutter-100);}
}
@media all and (min-width: 769px) and (max-width: 960px) { 
	#layerCookie .full-h {padding: 30px;}
}
@media all and (max-width: 768px) {
	#layerCookie .full-h {padding: 15px;}
	#layerCookie .button-area {margin-top: 30px; padding: 0 4.533vw;}
	#layerCookie .button-area > .btn {height: var(--small);}
	#layerCookie .button-area > .btn + .btn {margin-top: 0px;}
}


.yearpicker-container {background-color: var(--bluegray-dark); box-shadow: 0 4px 32px 0 rgba(170, 170, 170, 0.03); padding: 40px 25px 28px; border: 0; border-radius: 16px; font-size: inherit;}
.yearpicker-header {-webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; 
	position: relative; height: auto; min-height: 25px; border-bottom: 0; margin-bottom: 12px; padding: 0 20px;
}
.yearpicker-header {font-weight: 600; font-size: 17px; color: var(--gray);}
.yearpicker-items {font-weight: 400; font-size: 15px; color: var(--bluegray);}
.yearpicker-items {padding: 6px 12px;}
.yearpicker-items:hover {background-color: transparent; color: var(--blue); cursor: pointer; transition: color 0.3s;}
.yearpicker-items.selected {background-color: var(--blue); border-radius: 4px; color: var(--white);}
.yearpicker-prev {right: 38px; background-image: url('../images/common/page_prev-w.svg')}
.yearpicker-next {right: 12px; background-image: url('../images/common/page_next-w.svg');}
.yearpicker-prev, 
.yearpicker-next {position: absolute; top: 0; width: 24px; height: 24px; background-color: transparent; background-repeat: no-repeat; background-position: 0 0; background-size: cover; border: 0; font-size: 0; cursor: pointer;}
.yearpicker-year {padding: 0;}

.yearpicker {width: 80px;  background-image: url('../images/common/ico_calendar.svg'); background-repeat: no-repeat; background-position: 100% 50%; background-size: var(--ico-s) var(--ico-s);}
.yearpicker-container.hiding {display: none;}
@media all and (max-width: 768px) {
	.yearpicker-container {width: calc(100% - 30px) !important; left: 0 !important; padding: 30px 8px 18px; margin-left: 15px;}
	.yearpicker-header {padding: 0 35px;}
	.yearpicker-prev {right: 56px;}
	.yearpicker-next {right: 30px;}
}