@charset "utf-8";

/* **************************************** *
 * SUB global root
 * **************************************** */
 :root {
	--font-18:18rem;  
    --font-21:21rem;
    --font-23:23rem;  
}

@media (max-width: 1023px){
    :root {
        --font-18:16rem;  
    }
}
@media (max-width: 540px){ 
    :root{
        --font-21:16rem; 
        --font-23:15rem;
        --font-18: 14rem;
    }
}

/* **************************************** *
 * SUB layout
 * **************************************** */
body:has(.ceo-page, .product-page) #footer{margin-top: 0 !important;}
body:has(.ceo-page, .vision-page) #container {margin-top: 140rem;}
#container {margin: 240rem 0 0;}

#logo a {background-image: url(../img/layout/logo.svg);}
#gnb .gnb-item > a {color: var(--b-01);}
.gnb-mobile-btn span {background: var(--b-01);}
.lang-menu__icon {background-image: url(../img/common/ic-lang.svg);}
.lang-menu i {color: var(--g-03);}
.lang-menu .select-link__btn::after {opacity: .3; background-image: url(../img/common/arrow-basic.svg);}

#footer{margin-top: 350rem;}

@media (max-width:1680px){
	#container {margin-top: 200rem;}
}

@media all and (max-width:1023px){
	#footer{margin-top: 250rem;}
}

@media (max-width: 860px){
	#footer {margin-top: 200rem;}
}

@media (max-width: 540px){
	#container {margin-top: 130rem;}
	#footer {margin-top: 170rem;}
}

/* **************************************** *
 * SUB common
 * **************************************** */
.sub-content{position:relative;padding-top: max(4.6875vw, 90rem);}
.sub-content:has(.product-page) {padding-top: 0;}
.sub-content h3{margin-left: -7rem;margin-bottom: 8rem;letter-spacing: -1px;font-weight: 400;font-size:100rem;color:var(--b-01);white-space: nowrap;}
.sub-content h4 {line-height: 1.5; letter-spacing: -1.5px; font-family: var(--lang-ko2);font-size: 47rem; font-weight: 300;color:var(--b-01)}

body:has(.ceo-page, .vision-page) #sub-title-wrap {display: none;}
body:has(.ceo-page, .vision-page) #sub-visual {overflow: hidden; position: relative; height: calc(100vh - 140rem); margin: 0 50rem; text-align: center; color: var(--f-01); border-radius: 80rem;}
body:has(.ceo-page, .vision-page) .sub-content {padding-top: 0;}
body:has(.ceo-page) .sub-visual__bg > i {background-image: url(../img/sub/ceo-visual.jpg);}
body:has(.vision-page) .sub-visual__bg > i {background-image: url(../img/sub/vision-visual.jpg);}
body:has(.vision-page) .sub-visual__bg > i::after {opacity: .2; position: absolute; left:0; top:0; content:''; width: 100%; height: 100%; background: #042838;}

[data-section="bg"] {position: relative; padding: 140rem 0; background: #F3F5F6 url(../img/layout/bg-noise.png);}

.tabmenu-wrap {position: absolute; bottom: 50rem;}
.tabmenu {display: inline-flex; align-items: center; background: var(--b-01); box-shadow: 0 0 30rem rgba(0, 0, 0, .15); border-radius: 70rem;}
.tabmenu a {opacity: .3;display: block;padding: 0 30rem;line-height: 70rem;font-family: var(--lang-ko);font-weight: 600;color: var(--f-01);border-radius: 70rem;transition: var(--trans-01);}
.tabmenu li.on a {opacity: 1; background: var(--c-02);}
.tabmenu li:not(.on):hover a{opacity:1; color:#becbae;}

table.table * {font-family: var(--lang-ko);}
table.table thead th {letter-spacing: 0; padding:16rem 20rem; font-weight: 600; color: var(--b-01); background: var(--bg-01);}
table.table tbody th {border-right: 0;}
table.table tbody td {letter-spacing: 0; padding: 16rem 20rem; line-height: 1.5; color: var(--b-02); border-color: #ddd;}
table.table thead tr:last-child th{border-right: 1px solid #ddd;}

@media all and (max-width:1023px){
	.sub-content:has(.board-page){padding-top:60rem;}
	[data-section="bg"] {padding: 110rem 0;}

	.sub-content h4 {font-size: 40rem;}

	body:has(.ceo-page, .vision-page) #container {margin-top: 120rem;}
	body:has(.ceo-page, .vision-page) #sub-visual {height: 750rem; margin: 0 20rem; border-radius: 60rem;}
}

@media (max-width: 860px){
	.sub-content {padding-top: 80rem;}
	.sub-content h3{font-size:max(3.6860vw, 23rem);}
	[data-section="bg"] {padding: 100rem 0;}

	body:has(.ceo-page, .vision-page) #sub-visual {height: 650rem;}
}

@media (max-width: 540px){
	.sub-content{padding-top: 40rem;}
	.sub-content:has(.product-page) {padding-top: 30rem;}
	.sub-content:has(.board-page) {padding-top: 0;}
	.sub-content h4{line-height: 1.5; font-size:24rem;}

	body:has(.ceo-page, .vision-page) #container {margin-top: 80rem;}
	body:has(.ceo-page, .vision-page) .mob-block {display: none !important;}
	body:has(.ceo-page, .vision-page) #sub-visual {height: 350rem; margin: 0 10rem; border-radius: 20rem;}

	[data-section="bg"] {padding: 60rem 0;}

	table.table thead th {padding: 12rem 10rem 13rem;}
	table.table tbody td {padding: 12rem 10rem;}

	.tabmenu-wrap {bottom: 30rem;}
	.tabmenu a {padding: 0 20rem; font-size: 13rem; line-height: 50rem;}
}

/* **************************************** *
 * SITE CUSTOM
 * **************************************** */

/* 회사소개 */
.about-page__inr {position: relative; height: var(--height-full);}
.about-visual {z-index: 1; position: relative; height: var(--height-full);}
.about-visual__img {overflow: hidden; position: absolute; left:0; top:0; display: flex; align-items: center; justify-content: center; width: 100%; height: 380rem; padding: 0 50rem;}
.about-visual i {overflow: hidden; position: relative; width: 100%; height: 380rem; border-radius: 80rem; transform-origin: 50% 50%;}
.about-visual img {width: 100%; height: 100%; object-fit: cover; object-position: center;}

.about-visual__text {display: flex; align-items: center;}
.about-title {position: relative; width: 100%; height: 380rem;}
.about-title h4 {position: absolute; left:0; top:0; display: inline-block; transform: translateY(-50%);}
.about-title h4:last-child {left: auto; right:0; top: auto; bottom:0; transform: translateY(50%);}
.about-title--motion {opacity: 0; position: absolute; left: 0; width: 100%; display: flex; flex-direction: column;}
.about-title--motion h3 {text-align: center;}
.about-title--motion h4 {opacity: 0;}

.about-cont {opacity: 0; position: absolute; left: 0; top: 0; width: 100%; height: 100vh; font-family: var(--lang-ko); color: var(--b-02);}
.about-cont .wrap {height: 100%;}
.about-cont__text {z-index: 1; position: relative; width: 58%; height:100%; margin-left: auto;}
.about-cont__item {opacity: 0; position: absolute; left: 0; top: 40%; margin-top:10rem; transition: var(--trans-01);}
.about-cont__item strong {display: block; font-size: 24rem; margin-bottom: 30rem;}
.about-cont__item p + p {margin-top: 12rem;}
.about-cont__img {opacity: 0; position: absolute; left:0; top:0; width: 100%; height: 100%;}
.about-cont__img div {overflow: hidden; position: absolute; border-radius: 30rem;}
.about-cont__img img {width: 100%; height: 100%; object-fit: cover;}
.about-cont__img div:nth-child(1) {right: 117rem; top: 17%; width: 240rem; height: 170rem;}
.about-cont__img div:nth-child(2) {left: 335rem; top: 60%; width: 150rem; height: 150rem;}
.about-cont__img div:nth-child(3) {left: 97rem; top: 97%; width: 220rem; height: 260rem;}
.about-cont__img div:nth-child(4) {left: 42%; top: 76%; width: 580rem; height: 300rem;}

.about-list {margin-top: -150rem;}
.about-list ul {gap: 20rem;}
.about-list a {overflow: hidden; position: relative; display: block; height: 420rem; padding: 60rem; font-family: var(--lang-ko); color: var(--f-01); border-radius: 50rem;}
.about-list .basic-btn--full {position: absolute; right: 50rem; bottom: 55rem;}
.about-list__bg {position: absolute; left:0; top:0; width: 100%; height: 100%; background-size: cover; background-repeat: no-repeat; background-position: center; transition: var(--trans-01);}
.about-list li:nth-child(1) .about-list__bg {background-image: url(../img/sub/ceo-visual.jpg);}
.about-list li:nth-child(2) .about-list__bg {background-image: url(../img/sub/vision-visual.jpg);}
.about-list a:hover .about-list__bg {transform: scale(1.1);}
.about-list__text {position: relative;}
.about-list__text h5 {margin-bottom: 15rem; font-size: 35rem; font-weight: 700;}
.about-list__text span {display: block;}

.about-list a:hover .basic-btn--full::before {opacity: 1; visibility: visible; width: 100%;}
.about-list a:hover .basic-btn--full {color: var(--b-01);}
.about-list a:hover .basic-btn--full i {background-image: url(../img/layout/ic-more.svg);}


@media (max-width:1680px){
	.about-title h4:nth-child(1) {left:50rem;}
	.about-title h4:nth-child(2) {right:50rem;}
	.about-list {margin-top: -230rem;}
}

@media all and (max-width:1023px){
	.about-visual i {border-radius: 50rem;}
	.about-cont__text {width: 50%;}
	.about-cont__img div:nth-child(1) {top: 23%; right: 10%}
	.about-cont__img div:nth-child(2) {left: 19%; top: 72%;}
	.about-cont__img div:nth-child(3) {left: 0; top: 106%;}
	.about-cont__img div:nth-child(4) {left: 50%; top: 80%; width: 50%;}
	.about-list {margin-top: -100rem;}
	.about-list a {height: 320rem; padding: 50rem 40rem; border-radius: 50rem;}
	.about-list__text h5 {font-size: 30rem;}
	.about-list .basic-btn--full {right: 30rem; bottom: 30rem;}
}

@media all and (max-width:860px){
	.about-visual__img {padding: 0 20rem;}
	.about-title h4:nth-child(1) {left: 30rem;}
	.about-title h4:nth-child(2) {right: 30rem;}
	.about-title--motion h3 {font-size: 70rem;}
	.about-cont__item {margin-top: 0;}
	.about-cont__img div:nth-child(1) {top: 28%; right: 0; width: 200rem; height: 140rem;}
	.about-cont__img div:nth-child(2) {left: 20%; top: 74%; width: 120rem; height: 120rem;}
	.about-cont__img div:nth-child(3) {top: 110%; width: 200rem; height: 240rem;}
	.about-cont__img div:nth-child(4) {top: 90%; height: 250rem;}

	.about-list [data-grid="2"] {grid-template-columns: 1fr;}
}

@media (max-width: 540px){
	.about-visual__img {height: 200rem; padding: 0 10rem;}
	.about-visual i {height: 200rem; border-radius: 30rem;}
	.about-title {height:200rem;}
	.about-title h4:nth-child(1) {left: 0;}
	.about-title h4:nth-child(2) {right: 0;}

	.about-title--motion h3 {margin-left: -5rem; margin-bottom: 3rem; font-size: 43rem;}
	.about-cont__text {width: 100%;}
	.about-cont__item {top: 380rem;}
	.about-cont__item strong {margin-bottom: 15rem; font-size: 16rem;}
	.about-cont__item br {display: none;}

	.about-cont__img div {border-radius: 20rem;}
	.about-cont__img div:nth-child(1) {top: 15%; width: 130rem; height:100rem;}
	.about-cont__img div:nth-child(2) {left: auto; right: 0; top: 50%; width: 80rem; height: 80rem;}
	.about-cont__img div:nth-child(3) {left: 0; top: 35%; width: 100rem; height: 120rem;}
	.about-cont__img div:nth-child(4) {left: 0; top: 100%; width: 100%; height: 200rem;}

	.about-list {margin-top: 0;}
	.about-list ul {gap: 10rem;}
	.about-list a {height: 200rem; padding:25rem 20rem; border-radius: 20rem;}
	.about-list__text h5 {margin-bottom: 8rem; font-size: 20rem;}
	.about-list .basic-btn--full {right: 20rem; bottom: 20rem;}
}

@media (max-width: 420px){
	.about-cont__item {top: 360rem;}
	.about-cont__img div:nth-child(1) {top: 17%;}
	.about-cont__img div:nth-child(2) {top: 47%;}
	.about-cont__img div:nth-child(3) {top: 30%;}
	.about-cont__img div:nth-child(4) {top: 90%;}
}

/* ceo */
.business-cont {padding: 180rem 0; text-align: center; font-family: var(--lang-ko);}
.business-cont h4 {margin-bottom: 50rem;}
.business-cont p {color: var(--b-02);}
.business-cont p + p {margin-top: 22rem;}
.business-cont p.ceo-sign {display: block; margin-top:50rem; font-family: var(--lang-ko2); font-size: 24rem; font-weight: 400; color: var(--g-02);}
.business-page .btn-wrap {text-align: center;}

.ceo-list {position: relative; padding: 0 0 350rem;}
.ceo-list::before {position: absolute; left:0; bottom:0; content:''; width: 100%; height: calc(100% - 300rem); background: #F3F5F6 url(../img/layout/bg-noise.png);}
.ceo-list ul {gap: 40rem;}
.ceo-list li {text-align: center; font-size: 22rem; font-family: var(--lang-ko); font-weight: 600; color:var(--b-01)}
.ceo-list li p {margin-top: 25rem;}
.ceo-list li span {display: block; font-size: 18rem; font-weight: 400; color: var(--g-01);}
.ceo-list__img {overflow: hidden; border-radius: 50rem;}
.ceo-list__img img {width: 100%;}
.ceo-list li:first-child .ceo-list__img {border: 1px solid #f0f0f0;}
.ceo-list .btn-wrap {margin-top: 70rem;}

@media all and (max-width:1023px){
	.business-cont {padding: 120rem 0;}
	.ceo-list {padding-bottom: 250rem;}
	.ceo-list::before {height: calc(100% - 180rem);}
	.ceo-list li p {line-height: 1.5; font-size: 20rem;}
	.ceo-list li span {margin-top: 5rem;}
	.ceo-list__img {border-radius: 30rem;}
}

@media (max-width:860px){
	.business-cont p br {display: none;}
	.business-cont h4 {margin-bottom: 30rem;}
	.ceo-list {padding-bottom: 200rem;}
	.ceo-list ul {gap: 20rem;}
}

@media (max-width: 540px){
	.business-cont {padding: 55rem 0;}
	.business-cont h4 {margin-bottom: 20rem;}
	.business-cont p + p {margin-top: 15rem;}
	.business-cont p.ceo-sign {margin-top: 25rem; font-size: 16rem;}

	.ceo-list {padding-bottom: 170rem;}
	.ceo-list ul {gap: 40rem 0;}
	.ceo-list__img {border-radius: 20rem;}
	.ceo-list li p {margin-top: 15rem; font-size: 15rem;}
	.ceo-list li span {margin-top: 3rem; font-size: 14rem;}
	.ceo-list .btn-wrap {margin-top: 40rem;}
}


/* vision */
.vision-cont {padding-bottom: 0;}
.vision-list ul {position: relative; display: flex; justify-content: center; margin-top: 40rem; padding-top: 100rem;}
.vision-list ul::before {position: absolute; left:50%; top: 0; content:''; width: 1px; height: 100rem; margin-left: -1px; border-left: 2rem dashed var(--c-01);}
.vision-list ul::after {position: absolute; left:50%; top: 0; content:''; width: 100%; height: 100rem; margin-left: -1px; background: linear-gradient(-180deg, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%);} 
.vision-list ul li {position: relative; padding:50rem 20rem 0;}
.vision-list ul li::before {position: absolute; top: 0; content:''; width: 50%; height: 50rem; border: dashed var(--c-01); box-sizing: content-box;}
.vision-list ul li:nth-child(1)::before {left: 50%; border-radius: 30rem 0 0 0; border-width: 2rem 0 0 2rem;}
.vision-list ul li:nth-child(2)::before {right: 50%; border-radius:0 30rem 0 0; border-width:  2rem 2rem 0 0;}
.vision-list__item-inr {position: relative; width: 520rem; padding: 70rem 30rem 75rem; text-align: center; color: var(--b-02); border-radius: 30rem; border: 1px solid var(--c-01);}
.vision-list__dot {position: absolute; left:50%; top:0; display: block; width: 20rem; height: 20rem; border-radius: 100%; border: 1px solid var(--c-01); background: var(--f-01); transform: translate(-50%, -50%);}
.vision-list__dot::after {position: absolute; left:50%; top: 50%; content:''; width: 10rem; height: 10rem; border-radius: 100%; background: var(--c-01); transform: translate(-50%, -50%);}
.vision-list__item-inr em {text-transform: uppercase; font-size: 26rem; color: var(--c-01);}
.vision-list__item-inr i {display: block; width: 100%; height: 102rem; margin: 50rem 0;}
.vision-list__item-inr i img {display: inline-block; height: 100%;}
.vision-list__item-inr h5 {margin-bottom: 20rem; font-size: 24rem; font-weight: 600; color: var(--b-01);}
.vision-list .btn-wrap {margin-top: 80rem;}

@media all and (max-width:1023px){
	.vision-list ul {display: grid; grid-template-columns: 1fr 1fr; gap: 30rem;}
	.vision-list ul li {padding: 50rem 0 0;}
	.vision-list ul li::before {width: calc(50% + 15rem);}
	.vision-list__item-inr {width: 100%;}
	.vision-list__item-inr h5 {margin-bottom: 15rem; font-size: 22rem;}
}

@media (max-width: 540px){
	.vision-list ul {grid-template-columns: 1fr; gap: 10rem; margin-top: 20rem; padding-top: 70rem;}
	.vision-list ul::before {height: 70rem;}
	.vision-list ul li {padding: 0;}
	.vision-list ul li::before {display: none;}
	.vision-list__dot {width: 15rem; height: 15rem;}
	.vision-list__dot::after {width: 7rem; height: 7rem;}
	.vision-list ul li:last-child .vision-list__dot {display: none;}
	.vision-list__item-inr {padding: 50rem 20rem; border-radius: 20rem;}
	.vision-list__item-inr em {font-size: 20rem;}
	.vision-list__item-inr h5 {margin-bottom: 10rem; font-size: 18rem;}
	.vision-list__item-inr i {height: 60rem; margin: 30rem 0;}
	.vision-list .btn-wrap {margin-top: 40rem;}
}

/* award */
body:has(.award-page) #sub-title-wrap h2 {margin-left: 0;}
.award-business::before {filter: grayscale(1); position: absolute; left:50rem; bottom:140rem; content:''; width: 520rem; height: 460rem; background: url(../img/layout/symbol_g.svg) no-repeat center / contain;}
.award-inr {display: flex; align-items: flex-start; justify-content: space-between;}
.award-cont {position: relative; width: 66%;}
.award-patent {padding: 180rem 0;}

em.notice {display: flex; align-items: center; justify-content: flex-end; margin-bottom: 25rem; font-size: 16rem; color: #888;}
em.notice i {display: block; flex-shrink: 1; width: 24rem; height: 24rem; margin-right: 9rem; border-radius: 100%; background: #eee url(../img/layout/ic-search.svg) no-repeat center / 16rem;}

.history-list{display:grid; padding-left: 100rem;}
.history-line{display:block;position:absolute;overflow:hidden;top:0;left:0;width:4rem;height:100%;background:#ddd;margin-top: 0 !important; border-radius: 4rem;}
.history-line__bar{display:block; position:absolute; top:0; left:0; z-index:1; width:100%; background:var(--c-01); border-radius: 4rem;}
.history-item {z-index: 1; position: relative; display: flex; justify-content: space-between; align-items: center; padding: 60rem 0;}
.history-item:not(:first-child) {border-top: 1px solid #ddd;}
.history-item:first-child {padding-top: 0 !important;}
.history-item strong{position: relative; display: block; margin-bottom: 40rem; font-weight: 400; font-size:47rem;color:var(--b-01);letter-spacing:-1px;transition:var(--trans-01);}
.history-item strong::after {z-index: 1; opacity: 0; visibility: hidden; position: absolute; left:-109rem; top: 50%; content:''; display: block; width: 12rem; height: 12rem; margin-top: -2rem; border: 5rem solid #f3f3f3; border-radius: 100%; background: var(--c-01); box-sizing: content-box; transform: translateY(-50%); transition: var(--trans-01); transition-delay: .5s;}
.history-item.is_moved strong{color:var(--c-01);}
.history-item.is_moved strong::after {opacity: 1; visibility: visible;}
.history-item__img {overflow: hidden; flex-shrink: 1; position: relative; width: 340rem; height: 230rem; font-weight: 600; color: var(--f-01); border-radius: 30rem;}
.history-item__img p {position: absolute; left:0; bottom:0; padding:25rem 30rem; font-family: var(--lang-ko);}
.history-item__img img {width: 100%;height: 100%;object-fit: cover;}

.history-desc li {position: relative; display: flex; align-items: center; padding-left: 15rem; margin-bottom: 20rem; font-family: var(--lang-ko); color: var(--b-02);}
.history-desc li::before {position: absolute; left:0; top: 8rem; content:''; width: 4rem; height: 4rem; border-radius: 100%; background:#ccc;}
.history-desc li em {position: relative; font-weight:600; min-width:65rem; margin-right: 15rem; padding-right: 30rem;}
.history-desc li em::after {position: absolute; right: 0; top: 10rem; display: inline-block; content:''; width: 15rem; height: 1px; background: #ccc;}
.history-desc li:not(:last-child){margin-bottom:18rem;}

.certify-list {gap: 20rem; margin-bottom: 100rem;}
.certify-item img{width:100%; border: 1px solid #ddd;}
.certify-item strong{display:block; margin-top:13rem; font-family:var(--lang-ko); font-weight:600; text-align: center; color: var(--b-01);}
.certify-pop{position:fixed;opacity:0;top:0px;left:0px;z-index: -1;width:100%;height:100%;background:rgba(0,0,0,0.5);}
.certify-pop > div{position:absolute; top:50%; left:50%; margin:0 auto; box-shadow:26px 18px 49px rgba(0,0,0,0.2); transform:translate(-50%, -50%); max-width:540rem;}
.certify-pop.active{opacity:1;z-index:99;transition: opacity 0.3s ease-out 0s;}
.certify-pop .close{display:block;width: 60rem;height: 60rem;position: absolute;right: -70rem;top: -13rem;background: url(../img/common/ic-cancle_w.svg) no-repeat 50% 50%;background-size: 28rem;font-size: 0;background-color: transparent;}

#layer-src img{width:100%;}

.multiple-slider-wrapper .swiper-slide,
.multiple-container,
.multiple-slider-wrapper,
.multiple-slider,
.slide-sec{ height: 100%;}


@media (max-width:1023px){
	.award-inr {flex-direction: column;}
	.award-cont {width: 100%; margin-top: 50rem;}
	.award-patent {padding: 120rem 0;}
	.award-business::before {opacity: .7; left: 0; bottom: 100rem; width: 420rem; height: 350rem;}

	em.notice {position: absolute; right: 0; top: -80rem;}

	.history-list {padding-left: 80rem;}
	.history-item {padding: 50rem 0;}
	.history-item:last-child {padding-bottom: 30rem;}
	.history-item strong {margin-bottom: 30rem; font-size: 35rem;}
	.history-item strong::after {left: -89rem;}

	.certify-list {grid-template-columns: 1fr 1fr 1fr 1fr; margin-bottom: 80rem;}
}

@media (max-width:860px){
	.history-line {width: 3rem;}
	.history-list {padding-left: 60rem;}
	.history-desc li em {min-width: 60rem; padding-right: 20rem; margin-right: 12rem;}
	.history-desc li em::after {width: 12rem;}
 	.history-item strong::after {left: -68rem; width: 10rem; height: 10rem;}
	 .history-item__img {width: 270rem; height: 220rem;}
}

@media (max-width:540px){
	.award-cont {margin-top: 30rem;}
	.award-business::before {display: none;}
	.award-patent {padding: 70rem 0;}
	.award-patent .award-cont {margin-top: 25rem;}

	em.notice {position: relative; right: auto; top: auto; justify-content: flex-start; margin-bottom: 20rem; font-size: 13rem;}
	em.notice i {width: 20rem; height: 20rem; margin-right: 7rem; background-size: 12rem;}

	.history-list {padding-left: 40rem;}
	.history-item {flex-direction: column; align-items: flex-start; padding: 30rem 0 40rem;}
	.history-item:first-child {padding-top: 20rem !important;}
	.history-item:last-child {padding-bottom: 0;}
	.history-item strong {margin-bottom: 20rem; font-size: 24rem;}
	.history-item strong::after {left: -46rem; width: 8rem; height: 8rem; border-width: 4rem;}
	.history-desc li {padding-left: 10rem;}
	.history-desc li:not(:last-child) {margin-bottom: 15rem;}
	.history-desc li em {min-width: 30rem; padding-right: 14rem; margin-right: 7rem; box-sizing: content-box;}
	.history-desc li em::after {top: 8rem; width: 8rem;}
	.history-desc li::before {width: 3rem; height: 3rem; top: 7rem;}
	.history-list .swiper-slide{height: 250rem !important;}

	.history-item__img {width: 78vw;height: auto;margin-top: 12rem;border-radius: 20rem;}
	.history-item__img p {padding: 20rem 20rem;}

	.certify-list{gap:40rem 20rem; grid-template-columns: 1fr 1fr; margin-bottom: 50rem;}
	.certify-item strong{margin-top:12rem;}
	.certify-pop > div{width:80%;}
	.certify-pop .close{display:flex; justify-content:center; align-items:center; top:auto; right:auto; bottom:-40rem; left:0; width:100%; height:auto; padding:12rem 0rem; background:var(--b-01); font-weight:700; font-size:15rem; font-size:12rem; color:#fff; text-align:center; border-radius:0 0 3rem 3rem;}
}

/* 오시는 길 */
.location-inr {display: flex;align-content: center;margin-top: 50rem;}
.location-map {width: calc(50% + 60rem);}
.location-map iframe {width: 100%; height: 100%; border: none;}
.location-cont {width: calc(50% - 60rem); padding: 50rem 0 55rem; padding-left: 100rem;}
.location-cont h4 {margin-bottom: 50rem; line-height: 1.4;}
.location-cont ul li {display: flex; align-items: center;}
.location-cont ul li span {margin-right: 10rem; padding: 8rem 11rem 7rem; line-height: 1; font-size: 16rem; font-weight: 600; color: var(--c-01); border: 1px solid var(--c-01); border-radius: 50rem;}
.location-cont em {display: block; margin-right: 36rem; font-family: var(--lang-en); font-size: 20rem; color: var(--g-02); text-transform: uppercase;}
.location-cont > ul > li {padding: 40rem 0; font-family: var(--lang-ko); }
.location-cont > ul > li a {display: inline-block;transition: var(--trans-01);}
.location-cont > ul > li a:hover { text-decoration: underline; color: var(--c-01);}
.location-cont > ul > li:last-child {padding-bottom: 0;}
.location-cont > ul > li:first-child {align-items: flex-start;}
.location-cont > ul > li:not(:last-child) {border-bottom: 1px solid #ddd;}
.location-cont > ul > li > ul li + li {margin-top: 9rem;}

@media (max-width:1680px){
	body:has(.location-page) .sub-visual__desc {margin-top: 7rem;}
	.location-map {width: 50%;}
	.location-cont {width: 50%; padding-left: 60rem;}
}

@media all and (max-width:1023px){
	.location-inr {flex-direction: column;}
	.location-map {width: 100%; height: 450rem;}
	.location-cont {width: 100%; margin-top: 70rem;padding: 0; padding-left: 0;}
	.location-cont h4 {margin-bottom: 10rem;}
}

@media (max-width: 540px){
	body:has(.location-page) .sub-content {padding-top: 30rem;}
	.location-inr{margin-top:24rem;}
	.location-map {height: 220rem;}
	.location-cont {margin-top: 30rem;}
	.location-cont em {margin-right: 20rem; font-size: 14rem;}
	.location-cont > ul > li {padding: 20rem 0;}
	.location-cont > ul > li:first-child {flex-direction: column;}
	.location-cont > ul > li:first-child em {margin-bottom: 15rem;}
	.location-cont ul li span {padding: 5rem 10rem; font-size: 13rem; white-space: nowrap;}
	.location-cont > ul > li > ul li {line-height: 1.4;}
	.location-cont > ul > li > ul li + li {margin-top: 7rem;}
	.location-cont > ul > li > ul li:last-child {align-items: flex-start;}

}

/* product */
body[class^="sub02_"] #content > #sub-title-wrap {display: none;}
body[class^="sub02_"] #sub-title-wrap {margin-bottom: 70rem;}
body[class^="sub02_"] #sub-title-wrap .wrap {display: flex; flex-direction: column;}
body[class^="sub02_"] #sub-nav {position: relative; right: auto; bottom: auto; justify-content: flex-start; order: 0;margin-bottom: 60rem;}
body[class^="sub02_"] .sub-title-eng {order: 1;}
body[class^="sub02_"] .sub-visual__desc {order:2; margin-top: 5rem; color: var(--b-01);} 

.product-page h5 { font-weight: 400; color: var(--c-01);}
.product-page [data-section="bg"] {margin-top: 160rem; padding-bottom: 350rem; text-align: center; }

.product-info__inr {display: flex; justify-content: space-between;}
.product-info__table {width: calc(100% - 980rem); padding-right: 20rem;}
.product-info__table h5 {margin-bottom: 15rem;}
.product-info__table table.table {width: 80%;}
.product-info__table table.table td {border-left: 0;}
.product-info__slider {width: 980rem;}
.product-info__slider .thumnail-container {width: 100%; border-radius: 80rem;}
.product-info__slider .swiper-slide:not(:has(img))::after {opacity: .2; filter: grayscale(1); position: absolute; left: 50%; top: 50%; content:''; width: 305rem; height: 115rem; background: url(../img/layout/logo.svg) no-repeat center / contain; transform: translate(-50%, -50%);}
.product-info__slider .thumnail-slider {display: grid; grid-template-columns: 1fr 80rem; gap: 50rem; align-items: flex-start;}
.product-info__slider .thumnail-container .swiper-slide {min-height: 675rem; background: #F6F6F6;}
.product-info__slider .thumnail-pager-container-wrap {position: relative; padding: 55rem 0;}
.product-info__slider .thumnail-pager-container {position: relative; height: calc((80rem*4) + 30rem) !important;}
.product-info__slider .thumnail-pager-container .swiper-slide {overflow: hidden; opacity: .5; filter: grayscale(1); height: 80rem !important; border-radius: 12rem; cursor: pointer; border: 1px solid #efefef; background: #F6F6F6; transition: var(--trans-01);}
.product-info__slider .thumnail-pager-container .swiper-slide-thumb-active {opacity: 1; filter: grayscale(0); border-color: var(--c-01);}
.product-info__slider .thumnail-pager-container .swiper-slide img {width: 100%; height: 100%; object-fit: cover;}
.product-info__slider .thumnail-pager-container .swiper-slide:not(:has(img))::after {width: 45rem; height: 17rem;}
.product-info__slider .thumnail-slider__btn { z-index: 1; position: absolute; left: 50%; width: 35rem; height: 35rem; font-size: 0; transform: translateX(-50%); border-radius: 100%; background: #eee; cursor: pointer;}
.product-info__slider .thumnail-slider__btn::after {position: absolute; left:50%; top: 50%; content:''; width: 8rem; height:8rem; margin-top: 1px; border: solid #000; border-width: 2rem 2rem 0 0; transform: translate(-50%, -50%) rotate(-45deg);}
.product-info__slider .button-prev {top: 0;}
.product-info__slider .button-next {bottom: 0;}
.product-info__slider .button-next::after {margin-top: -2rem; transform: translate(-50%, -50%) rotate(135deg);}
.product-info__point {z-index: 51; position: absolute; left: 45rem; top: 45rem; display: flex; align-items: center;} 
.product-info__point li {margin-right: 6rem; padding: 10rem 18rem; font-size: 17rem; font-weight: 500; color: var(--f-01); border-radius: 50rem; background: var(--b-01);}
.product-info__point li:first-child {background: var(--c-01);}
.product-info__tobe {z-index: 51; position: absolute; right: 30rem; bottom: 30rem; display: flex; flex-direction: column; align-items: center; justify-content: center; width: 180rem; height: 180rem;  font-weight: 600; text-align: center; color: var(--f-01); border-radius: 100%; border: 5rem solid var(--c-02); background: #111;}
.product-info__tobe h6 {margin: 5rem 0 10rem; font-family: var(--lang-ko2); font-weight: 500; font-size: 24rem;}
.product-info__tobe p {font-family: var(--lang-ko); font-size: 17rem;}

.product-exp h4 {margin-top: 30rem;}
.product-exp ul {flex-wrap: wrap; justify-content: center; margin-top: 30rem;}
.product-exp ul li {width: 33.33%; padding: 0 20rem; margin: 40rem 0;}
.product-exp ul p {margin-top: 20rem; font-family: var(--lang-ko); font-size: 20rem; font-weight: 600; color: var(--b-01);}
.product-exp__img {overflow: hidden; position: relative; height: 360rem; border-radius: 50rem;}
.product-exp__img:not(:has(img)) {background: #ddd url(../img/layout/logo_g.svg) no-repeat center / 150rem;}
.product-exp__img img {width: 100%; height: 100%; object-fit: cover;}

.product-page table.table th, table.table td{font-size: 16rem;}

body.sub02_04 .product-exp ul li {width: 25%;}
body.sub02_04 .product-exp__img {height: 270rem;}

@media (max-width:1680px){
	body[class^="sub02_"] #sub-title-wrap .wrap {margin: 0;}
	.product-info__table {width: 35%; padding-right: 50rem;}
	.product-info__slider {width: 65%;}
}

@media all and (max-width:1023px){
	body[class^="sub02_"] #content > #sub-title-wrap {display: block;}
	body[class^="sub02_"] #sub-title-wrap {display: none;}
	body[class^="sub02_"] #sub-title-wrap .wrap {margin: 0 40rem;}

	.product-info__inr {flex-direction: column-reverse; justify-content: flex-start;}
	.product-info__table {width: 100%; margin-top: 60rem; padding-right: 0;}
	.product-info__table table.table {width: 100%;}
	.product-info__slider {width: 100%;}
	.product-info__slider .thumnail-slider {grid-template-columns: 1fr 70rem;}
	.product-info__slider .thumnail-pager-container {height: calc((70rem * 4) + 30rem) !important;}
	.product-info__slider .thumnail-pager-container .swiper-slide {height: 70rem !important;}
	.product-page [data-section="bg"] {margin-top: 110rem; padding-bottom: 250rem;}

	.product-exp ul li  {width: 50% !important; margin: 30rem 0;}
	.product-exp__img {height: 300rem !important;}
}

@media all and (max-width:860px){
	body[class^="sub02_"] #sub-nav {margin-bottom: 50rem;}

	.product-page [data-section="bg"] {margin-top: 110rem; padding-bottom: 200rem;}
	.product-info__slider .thumnail-container {border-radius: 50rem;}
	.product-info__slider .thumnail-container .swiper-slide {min-height: 520rem;}
	.product-exp__img {height: 240rem; border-radius: 30rem;}
}

@media (max-width: 540px){
	.product-page [data-section="bg"] {margin-top: 70rem; padding-bottom: 170rem;}
	body[class^="sub02_"] #content > #sub-title-wrap {margin-bottom: 0;}
	body[class^="sub02_"] #sub-title-wrap .wrap {margin: 0 20rem;}
	body[class^="sub02_"] #sub-nav {margin-bottom: 33rem;}

	.product-info__point {left: 20rem; top: 20rem;}
	.product-info__point li {margin-right: 3rem; padding: 7rem 12rem; font-size: 13rem;}
	.product-info__tobe {right: 20rem; bottom: 20rem; width: 110rem; height: 110rem; border-width: 3rem;}
	.product-info__tobe h6 {margin: 2rem 0 5rem; font-size: 16rem;}
	.product-info__tobe p {font-size: 13rem;}
	.product-info__slider .thumnail-slider {grid-template-columns: 1fr; gap: 10rem;}
	.product-info__slider .thumnail-slider__btn {top: 50%;width: 30rem;height: 30rem;transform:translateY(-50%);display: none;}
	.product-info__slider .thumnail-slider__btn::after {width: 7rem; height: 7rem; margin-top: 0; margin-left: 1px; transform: translate(-50%, -50%) rotate(-135deg);}
	.product-info__slider .thumnail-container {border-radius: 20rem;}
	.product-info__slider .thumnail-container .swiper-slide {min-height: 270rem;}
	.product-info__slider .swiper-slide:not(:has(img))::after {width: 150rem; height: 40rem;}
	.product-info__slider .thumnail-pager-container-wrap {overflow: hidden;width: 100%;padding: 0 0;}
	.product-info__slider .thumnail-pager-container {height: auto !important;}
	.product-info__slider .thumnail-pager-container .swiper-slide {height: 72rem !important;}
	.product-info__slider .thumnail-pager-container .swiper-slide:not(:has(img))::after {width: 40rem; height: 12rem;}
	.product-info__slider .button-prev {left: 0;}
	.product-info__slider .button-next {left: auto; right: 0;}
	.product-info__slider .button-next::after {margin-left: -1px; transform: translate(-50%, -50%) rotate(45deg);}
	.product-info__table {margin-top: 40rem;}

	.product-exp h4 {line-height: 1.4; margin-top: 15rem;}
	.product-exp ul {margin-top: 10rem;}
	.product-exp ul li {width: 100% !important; margin: 20rem 0; padding: 0;}
	.product-exp__img {height: 210rem !important; border-radius: 20rem;}
	.product-exp ul p {margin-top: 12rem; font-size: 14rem;}
}

/* 온라인 문의 */
.form-area:has(.form-file) {display: flex;}

@media (max-width:860px){
	.form-area[data-form="conts"] {margin-top: 10rem; margin-bottom: 40rem;}
}

@media (max-width:540px){
	body:has(#inquery_form) #lnb-wrap {display: none; margin-top: 30rem;}
	input[type="text"],
	textarea{border-radius: 0;}
	body:has(#inquery_form) .btn-wrap {margin-top: 0;}
	.privacy-box [data-list="dot"] > *::before {top: 5rem; width: 3rem; height: 3rem;}
	.form-area[data-form="conts"] {margin-top: 0;}
	.form-area textarea {padding: 15rem !important;}
}

/* 고객센터 */
body:has(.board-page) .sub-content #lnb {position: relative; top: auto; padding: 0; background: transparent;}
body:has(.board-page) .sub-content .tabmenu {box-shadow: none;}
#bo_v {margin-top: 100rem;}
#bo_w {margin-top: 80rem;}
.bo-basic__title h3 {margin-left: 0;}

@media all and (max-width:1023px){
	body:has(.board-page) .sub-content #lnb {margin-bottom: 40rem;}
	#bo_v {margin-top: 80rem;}
	#bo_w {margin-top: 60rem;}
}

@media (max-width:540px){
	body:has(.board-page) .sub-content #lnb {display: none;}
	#bo_v {margin-top: 50rem;}
	#bo_w {margin-top: 40rem;}
}

/* 가로스크롤 */
/* .sticky-scroll{height:700vh;}
.sticky{position:sticky; top:0px; overflow-x:hidden; overflow-y:hidden; max-height:100vh;}
.sticky-section{display:block; height:100vh; min-width:50vw;}
.sticky-horizontal{display:flex;}

@media (max-width: 620px) {
	.sticky-section{display:block; height:100vh; min-width:100vw;}
} */