@charset "utf-8";

/* **************************************** *
 * SUB set
* @description 서브 비주얼 및 기본 레이아웃 세팅입니다.
 * **************************************** */

/* Sub title  */
#page-title{}

/* SUB VISUAL */
#sub-visual{position:relative; display:flex; flex-direction:column; align-items:center; justify-content:center; height:700rem}
#sub-visual h2{color:var(--w); text-transform:uppercase}

.sub-visual__desc{margin-top:17rem; font-weight:600; font-size:20rem}
.sub-visual__bg{position:absolute; top:0; left:0; width:100%; height:100%; background:var(--bg-default); overflow:hidden}
.sub-visual__bg::after{content:""; position:absolute; top:0; left:0; width:100%; height:100%; background:var(--op-t20)}
.sub-visual__inner{position:static}
.sub-visual__title{display:flex; flex-direction:column; align-items:center; text-align:center}
.sub-visual__bg > [data-ani-wrap]{position:absolute; top:0; left:0; width:100%; height:100%}
.sub-visual__img{position:absolute; top:0; left:0; width:100%; height:100%; background-size:cover; background-position:50% 100%; transition:var(--trans-01); background-repeat:no-repeat; opacity:1 !important}

body.sub01_02 .sub-visual__img{background-image:url(../img/sub/sub-visual-ceo.webp); background-position:50% 66%}
body.sub01_03 .sub-visual__img{background-image:url(../img/sub/sub-visual-history.webp)}
body.sub01_04 .sub-visual__img{background-image:url(../img/sub/sub-visual-location.webp)}
body[class^="sub02_"] .sub-visual__img{background-image:url(../img/sub/sub-visual-product.webp)}
body[class^="sub03_"] .sub-visual__img{background-image:url(../img/sub/sub-visual-facility.webp)}
body.sub04_01 .sub-visual__img{background-image:url(../img/sub/sub-visual-patent.webp)}
body:is(.certificate, .certificate_en) .sub-visual__img{background-image:url(../img/sub/sub-visual-cert.webp)}
body:is(.award, .award_en) .sub-visual__img{background-image:url(../img/sub/sub-visual-award.webp)}
body.inquery .sub-visual__img{background-image:url(../img/sub/sub-visual-contact.webp)}

@media (min-width:541px){
	body.sub01_03 .sub-visual__img{background-size:111.47% auto; background-position:49.7% 59.2%}
	body.sub01_04 .sub-visual__img{background-size:100% auto; background-position:0 42.25%}
}

/* board visual set */
body:is(.notice, .notice_en) .sub-visual__img{background-image:url(../img/sub/sub-visual-notice.webp)}
body:is(.news, .news_en) .sub-visual__img{background-image:url(../img/sub/sub-visual-news.webp)}

/* lnb */
#lnb{position:relative; order:-1; z-index:10; width:100%; margin-bottom:30rem; --lnb-fg:var(--w); --lnb-panel:var(--b-01); --lnb-panel-fg:var(--w); --lnb-bar-bg:#000; --lnb-arrow-bg:var(--op-w20); --lnb-arrow-img:url(../img/common/arrow-basic_w.svg); --lnb-home-img:url(../img/common/ic-nav-home_w.svg); --lnb-op:0.5; --lnb-border:none; --lnb-ovl-fg:var(--w)}
#lnb.lnb-light{--lnb-fg:var(--b-title); --lnb-panel:var(--w); --lnb-panel-fg:var(--b-title); --lnb-bar-bg:var(--w); --lnb-arrow-bg:var(--op-b10); --lnb-arrow-img:url(../img/common/arrow-basic.svg); --lnb-home-img:url(../img/common/ic-nav-home.svg); --lnb-op:0.6; --lnb-border:1px solid var(--op-b10); --lnb-ovl-fg:var(--w)}
#lnb .select-link{width:auto}
#lnb .select-link > ul{left:50%; width:max-content; min-width:100%; margin-top:20rem; padding:10rem 0; align-items:stretch; text-align:center; background:var(--lnb-panel); border:var(--lnb-border); border-radius:10rem; transform:translateX(-50%)}
#lnb .select-link > ul a{padding:8rem 20rem; font-size:var(--font-15); color:var(--lnb-panel-fg); white-space:nowrap}
#lnb .depth1 .sub-menu, #lnb .select-link__btn{display:none}

#lnb.lnb-select .select-link__btn{display:flex; align-items:center; gap:8rem; font-size:var(--font-16); line-height:1.35; color:var(--lnb-fg); white-space:nowrap}
#lnb.lnb-select .select-link__btn::after{content:""; position:static; flex:none; width:16rem; height:16rem; background:url(../img/sub/lnb-arrow.svg) no-repeat 50% 50% / contain; border-radius:0}
#lnb.lnb-select .select-link:has(.depth2:empty){display:none}
#lnb.lnb-select .select-link + .select-link::before{content:""; position:absolute; top:50%; left:-12rem; width:4rem; height:4rem; margin-top:-2rem; background:url(../img/sub/lnb-dot.svg) no-repeat 50% 50% / contain}

#lnb.none-select .select-link__btn{pointer-events:none; cursor:text}
#lnb.none-select .select-link__btn::after{opacity:0}

#lnb:not(.lnb-select) .select-link:has(.depth1){display:none; height:100rem; background:var(--lnb-bar-bg)}
#lnb:not(.lnb-select) .select-link > ul{opacity:1; visibility:visible; padding:0 0; background:none; border:none; flex-direction:row; flex-wrap:nowrap; flex-wrap:wrap; position:relative}
#lnb:not(.lnb-select) .select-link > ul a{padding:0; font-size:18rem; margin-right:30rem; opacity:var(--lnb-op); color:var(--lnb-ovl-fg)}
#lnb:not(.lnb-select) .select-link > ul > li.on > a{opacity:1}
#lnb:not(.lnb-select) .select-link > ul a:hover{opacity:1}

/*#lnb:not(.lnb-select) .select-link > ul a.on{opacity: 1;} 위의 소스 3차까지 먹이기 체크필요 */
#lnb:not(.lnb-select) .select-link > ul > li{width:auto}
#lnb:not(.lnb-select):not(:has(li:nth-child(2))){display:none}

#lnb .lnb-inner{display:flex; align-items:center; justify-content:center; gap:20rem}
a.lnb-home{position:relative; display:flex; align-items:center; font-size:0}
a.lnb-home::before{content:"홈"; font-size:var(--font-16); font-weight:600; line-height:1.35; color:var(--lnb-fg)}
a.lnb-home::after{content:""; position:absolute; top:50%; right:-12rem; width:4rem; height:4rem; margin-top:-2rem; background:url(../img/sub/lnb-dot.svg) no-repeat 50% 50% / contain}

/* scroll down */
.scroll-down{position:absolute; left:0; right:0; bottom:50rem; z-index:3; width:max-content; margin:0 auto}
#sub-visual.is-scroll-follow{cursor:pointer}
.scroll-down.is-follow{top:0; right:auto; bottom:auto; margin:0; opacity:0; pointer-events:none; transition:opacity 0.25s ease; will-change:transform}
.scroll-down.is-follow.is-on{opacity:1}

/* sub nav */
#sub-nav{display:none}

/* snb */
#snb{display:flex; align-items:center}
#snb li.on a{opacity:1}
#snb li a{display:flex; justify-content:center; align-items:center; height:50rem; box-sizing:border-box; border:1px solid var(--border-01); font-size:18rem; font-size:var(--font-18); transition:var(--trans-01); padding:0rem 30rem}
#snb li:not(:last-child) a{border-right:0}
#snb li.on a{background:var(--c-primary); color:#fff; border-color:var(--c-primary)}
#snb li:not(.on) a:hover{color:var(--border-01)}

#snb-title{font-weight:400}

@media (max-width:1480px){
	#sub-visual{height:640rem}
	.scroll-down{bottom:44rem}
}

@media all and (max-width:1023px){
	#sub-visual{height:520rem}
	#lnb{margin-bottom:24rem}
	#lnb .lnb-inner{gap:16rem}
	#lnb.lnb-select .select-link + .select-link::before{left:-10rem}
	a.lnb-home::after{right:-10rem}
	.scroll-down{bottom:34rem}
}

@media (max-width:860px){
	#sub-visual{height:460rem}
	.scroll-down{bottom:28rem}
}

@media (max-width: 540px){
	#sub-visual{height:360rem}
	#lnb{margin-bottom:18rem}
	#lnb .lnb-inner{gap:14rem}
	#lnb.lnb-select .select-link + .select-link::before{left:-9rem}
	a.lnb-home::after{right:-9rem}
	#lnb .select-link > ul{margin-top:12rem}
	.scroll-down{bottom:20rem}
}

/* **************************************** *
 * SUB layout
* @description 서브단에서만 달라지는 header, footer 정의
 * **************************************** */
#container:has(.board-page) + #footer{margin-top:140rem}

#header{}

#footer{}

@media (max-width:1200px){

}

@media all and (max-width:1023px){
	#container:has(.board-page) + #footer{margin-top:100rem}
}

@media (max-width: 540px){
	#container:has(.board-page) + #footer{margin-top:60rem}
}

/* **************************************** *
 * SUB common
 * **************************************** */
.sub-content{position:relative}
.sub-content:has(.board-page){padding-top:100rem}

.sub-section{padding:var(--space140) 0;}
.sub-section--top-sm{padding-top:var(--space100);}

/* sub-title */
.sub-title{display:flex; flex-direction:column; align-items:flex-start; gap:12rem}
.sub-title--center{align-items:center; gap:30rem; text-align:center}
.sub-title--loose{gap:30rem}
.sub-title--mid{align-items:center; text-align:center}
.sub-title--mid .sub-title__txt{align-items:center}
.sub-title__txt{display:flex; flex-direction:column; align-items:flex-start; gap:20rem}
.sub-title--center .sub-title__txt{align-items:center}

/* cursor-badge */
.cursor-badge{display:inline-flex; align-items:center; gap:8rem; padding:10rem 15rem; background:var(--c-secondary); border-radius:20rem; white-space:nowrap}
.cursor-badge::after{content:""; flex:none; width:8rem; height:10rem; background:url(../img/sub/about-scroll-arrow.svg) no-repeat 50% 50% / contain}

/* tab-menu */
.tab-menu{display:flex; flex-wrap:wrap; align-items:center; gap:10rem}
.tab-menu__item{display:flex; align-items:center; justify-content:center; padding:15rem 24rem; background:var(--bg-gray); border-radius:999rem; font-size:var(--font-16); font-weight:var(--weight-600); line-height:1.35; color:var(--b-sub); white-space:nowrap; transition:var(--trans-01)}
.tab-menu__item.on{background:var(--c-secondary); color:var(--w)}
.tab-menu--sm{gap:6rem}

/* list-item dot */
.list-item{display:flex; align-items:flex-start; gap:10rem; line-height:1.6}
.list-item::before{content:""; flex:none; width:4rem; height:4rem; margin-top:calc(0.8em - 2rem); background:var(--op-t30); border-radius:100%}

/* pagination */
.pagination{display:flex; align-items:center; justify-content:center; gap:4rem; margin-top:var(--space80)}
.pagination__num, .pagination__btn, .pg_wrap .pg .pg_page, .pg_wrap .pg .pg_current{display:flex; align-items:center; justify-content:center; gap:2rem; width:36rem; height:36rem; border-radius:100%; transition:var(--trans-01)}
.pagination__num, .pg_wrap .pg .pg_page:not(.pg_start, .pg_prev, .pg_next, .pg_end), .pg_wrap .pg .pg_current{font-size:var(--font-15); font-weight:var(--weight-700); line-height:1.35; color:var(--op-b20)}
.pagination__num.on, .pg_wrap .pg .pg_current{background:var(--bg-default); color:var(--w)}
.pagination__btn i{display:block; width:5rem; height:10rem; background:url(../img/sub/pg-arrow.svg) no-repeat 50% 50% / contain}
.pagination__btn--next i, .pagination__btn--last i{transform:scaleX(-1)}

@media (hover: hover) and (pointer: fine){
	.tab-menu__item:hover:not(.on){color:var(--b-title)}
	.pagination__num:hover:not(.on), .pg_wrap .pg .pg_page:not(.pg_start, .pg_prev, .pg_next, .pg_end):hover{color:var(--b-title)}
}

@media (max-width:1480px){
	.sub-title__txt{gap:18rem}
}

@media (max-width:1200px){

}

@media all and (max-width:1023px){
	.sub-content:has(.board-page){padding-top:80rem}
	.sub-title--center, .sub-title--loose{gap:24rem}
	.tab-menu__item{padding:13rem 20rem}
	.pagination__num, .pagination__btn, .pg_wrap .pg .pg_page, .pg_wrap .pg .pg_current{width:32rem; height:32rem}
}

@media (max-width: 860px){
	.sub-title__txt{gap:16rem}
}

@media (min-width:541px) and (max-width:700px){
	.tab-menu__item{min-height:62rem}
}

@media (max-width: 540px){
	.sub-content:has(.board-page){padding-top:60rem}
	.sub-title, .sub-title--center, .sub-title--loose{gap:18rem}
	.tab-menu{gap:8rem}
	.tab-menu__item{padding:12rem 18rem; min-height:44rem}
	.pagination__num, .pagination__btn, .pg_wrap .pg .pg_page, .pg_wrap .pg .pg_current{width:30rem; height:30rem}
}

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

/* === 회사소개 === */
.about-stage{position:relative; background:var(--bg-navy)}

.about-intro{position:relative; z-index:2; background:var(--w); overflow-x:clip; will-change:transform}
.sub-section.about-intro{padding:var(--space100) 0 var(--space50)}
.about-intro__inner{display:flex; flex-direction:column; align-items:stretch; gap:var(--space60); padding-top:var(--space140)}
.about-intro__title{display:flex; flex-direction:column; align-items:center; gap:20rem}
.about-intro__slogan-track{display:flex; width:max-content}
.about-intro__slogan-track p{padding-right:40rem}
.about-intro__slogan p{width:max-content; font-size:var(--font-210); line-height:1.1; font-weight:700; white-space:nowrap; background:linear-gradient(90deg, var(--c-primary), var(--c-primary-deep)); -webkit-background-clip:text; background-clip:text; -webkit-text-fill-color:transparent; color:transparent}
.about-intro__link{position:absolute; inset:0; z-index:4; cursor:pointer}
.about-intro__cursor{position:absolute; top:0; left:0; z-index:5; opacity:0; pointer-events:none; transition:opacity 0.25s ease; will-change:transform}
.about-intro__cursor.is-on{opacity:1}

.about-con{position:relative; overflow:clip}
/* figma 4498:4088 y 2187→2296 = 109 */
.sub-section.about-con{padding-bottom:var(--space110)}
.about-con__map{position:absolute; top:-1rem; left:calc(50% - 954.5rem); width:1905rem; height:2308rem; transform-origin:50% 0; pointer-events:none}
.about-con__map img{position:absolute; display:block; max-width:none}
.about-map__union{top:-50rem; left:-50rem; width:2005rem; height:2408rem}
.about-con__focus{position:absolute; top:661rem; left:157rem; width:778rem; height:778rem; transition:transform 1s cubic-bezier(0.22, 1, 0.36, 1)}
.about-con__focus.is-focus{transform:translate(-15.25rem, -27.85rem) scale(0.75)}
.about-con__circle{position:absolute; top:0; left:0; width:100%; height:100%}
.about-con__circle img{top:-40rem; left:-40rem; width:858rem; height:858rem}
.about-circle__ripple{opacity:0}
.about-map__korea{top:913.5rem; left:473.4rem; width:114.7rem; height:217.3rem}
.about-map__borders{top:924.2rem; left:492.2rem; width:87.9rem; height:169.8rem}
.about-map__dot{top:1077.1rem; left:541.6rem; width:22rem; height:22rem}
.about-map__mark{position:absolute; top:1025.1rem; left:289.6rem; display:flex; flex-direction:column; align-items:flex-start; box-sizing:border-box; padding:18rem 24rem; background:var(--c-accent); border-radius:5rem; filter:drop-shadow(8rem 10rem 5rem rgba(0,0,0,0.12))}
.about-map__mark img{position:static; width:90.566rem; height:auto}
.about-map__mark img + img{position:absolute; top:25rem; left:132rem; width:131rem; height:38rem}
.about-con__cover{position:absolute; left:0; bottom:0; width:100%; height:47.4%; background:linear-gradient(180deg, transparent 0%, var(--bg-navy) 36.121%); pointer-events:none}

.about-con__top{display:flex; flex-direction:column; align-items:stretch}
.about-con__head{display:flex; flex-wrap:wrap; align-items:flex-start; justify-content:space-between; gap:40rem}
.about-video{display:flex; flex-direction:column; align-items:stretch; flex:none; width:240rem; margin:10rem 0 0 auto; border-radius:5rem; overflow:hidden; filter:drop-shadow(5rem 12rem 10rem rgba(0,0,0,0.25)); text-align:left; cursor:pointer}
.about-video__box{aspect-ratio:260 / 180; background:var(--bg-default)}
.about-video__box img{display:block; width:100%; height:100%; object-fit:cover}
.about-video__bar{display:flex; align-items:center; justify-content:space-between; padding:20rem; background:var(--c-primary); transition:var(--trans-01)}
.about-video__bar::after{content:""; flex:none; width:10rem; height:10rem; background:url(../img/sub/about-arrow.svg) no-repeat 50% 50% / contain; transform:scaleX(-1)}
.about-video__label{display:flex; align-items:center; gap:8rem}
.about-video__label img{flex:none; width:16rem; height:auto}
.about-con__title{display:flex; flex-direction:column; align-items:flex-end; gap:30rem; margin-top:var(--space120); text-align:right}
.about-tag{display:flex; flex-wrap:wrap; align-items:center; justify-content:flex-end; gap:5rem}
.about-tag li{padding:7rem 18rem; border:1px solid var(--op-w20); border-radius:999rem; line-height:1.6; white-space:nowrap}
.about-map-info{display:flex; flex-direction:column; align-items:stretch; align-self:flex-end; justify-content:center; gap:20rem; box-sizing:border-box; width:500rem; margin-top:var(--space80); padding:40rem 40rem 50rem; background:var(--w); border-radius:20rem; filter:drop-shadow(10rem 20rem 10rem rgba(0,0,0,0.25))}
.about-map-info__head{display:flex; align-items:center; justify-content:space-between; gap:20rem}
.about-map-info__head .btn-basic--sm{padding:10rem}
.about-map-info__list{display:flex; flex-direction:column; align-items:stretch; gap:20rem; padding-top:20rem; border-top:1px solid var(--br-default)}
.about-map-info__list li{display:flex; align-items:flex-start; gap:10rem}
.about-map-info__list img{flex:none; width:16rem; height:27rem; object-fit:contain}
.about-map-info__list div{display:flex; flex-direction:column; align-items:flex-start; gap:6rem}

.about-rolling{position:relative; margin-top:369rem; overflow:hidden}
.about-rolling__track{display:flex; align-items:flex-start; width:max-content; font-size:var(--font-150); line-height:1.1; font-weight:700}
.about-rolling__word{flex:none; padding-right:80rem; white-space:nowrap; opacity:0.1}

.about-list{display:flex; align-items:stretch; gap:42rem; margin-top:42rem}
.about-list__item{display:flex; flex:1 1 0; flex-direction:column; align-items:center; min-width:0; gap:42rem; box-sizing:border-box; padding:50rem 40rem; background:var(--op-w05); border:1px solid var(--op-w10); border-radius:20rem; backdrop-filter:blur(5rem); text-align:center}
.about-list__item img{display:block; flex:none; width:110rem; height:auto; aspect-ratio:1; object-fit:contain}
.about-list__txt{display:flex; flex-direction:column; align-items:center; gap:8rem}

.photo-popup__slides{position:absolute; top:0; left:0; width:100%; height:100%}
.photo-popup__slide{position:absolute; top:0; left:0; width:100%; height:100%; opacity:0; transition:opacity 0.5s ease}
.photo-popup__slide.is-active{opacity:1}
.photo-popup__btn{position:absolute; top:50%; z-index:2; width:60rem; height:60rem; margin-top:-30rem; background:url(../img/sub/about-slide-arrow.svg) no-repeat 50% 50% / auto 40rem; cursor:pointer; transition:var(--trans-01)}
.photo-popup__btn--prev{left:20rem}
.photo-popup__btn--next{right:20rem; transform:scaleX(-1)}
.photo-popup__btn.is-disabled{opacity:0.3; pointer-events:none}

@media (hover: hover) and (pointer: fine){
	.about-intro{cursor:none}
	.about-video:hover .about-video__bar{background:var(--c-secondary)}
}

@media (hover: none), (pointer: coarse){
	.about-intro__cursor{display:none}
	.about-intro__link{display:none}
}

@media (max-width:1480px){
	.about-intro__title{gap:18rem}
	.about-con__head{gap:32rem}
	.about-video{width:230rem}
	.about-video__bar{padding:18rem}
	.about-tag li{padding:7rem 16rem}
	.about-map-info{gap:18rem; width:470rem; padding:36rem 36rem 44rem}
	.about-map-info__head{gap:18rem}
	.about-map-info__list{gap:18rem; padding-top:18rem}
	.about-rolling{margin-top:330rem}
	.about-rolling__word{padding-right:70rem}
	.about-list{gap:36rem; margin-top:36rem}
	.about-list__item{gap:36rem; padding:44rem 36rem}
	.about-list__item img{width:100rem}
}

@media (max-width:1200px){
	.photo-popup__btn{width:50rem; height:50rem; margin-top:-25rem; background-size:auto 32rem}
	.about-intro__title{gap:16rem}
	.about-con__head{gap:28rem}
	.about-video{width:220rem}
	.about-video__bar{padding:16rem}
	.about-tag li{padding:6rem 15rem}
	.about-map-info{gap:16rem; width:430rem; padding:32rem 32rem 40rem}
	.about-map-info__head{gap:16rem}
	.about-map-info__list{gap:16rem; padding-top:16rem}
	.about-rolling{margin-top:270rem}
	.about-rolling__word{padding-right:60rem}
	.about-list{gap:30rem; margin-top:30rem}
	.about-list__item{gap:30rem; padding:40rem 28rem}
	.about-list__item img{width:90rem}
}

@media all and (max-width:1023px){
	.about-con__map{transform:scale(0.54)}
	.about-intro__title{gap:14rem}
	.about-con__head{gap:24rem}
	.about-video{width:200rem}
	.about-video__bar{padding:14rem}
	.about-con__title{gap:24rem}
	.about-tag li{padding:6rem 14rem}
	.about-map-info{gap:14rem; width:400rem; padding:30rem 30rem 36rem}
	.about-map-info__head{gap:14rem}
	.about-map-info__list{gap:14rem; padding-top:14rem}
	.about-rolling{margin-top:220rem}
	.about-rolling__word{padding-right:50rem}
	.about-list{gap:24rem; margin-top:24rem}
	.about-list__item{gap:26rem; padding:36rem 22rem}
	.about-list__item img{width:80rem}
	.about-list__txt p br{display:none}
}

@media (max-width:860px){
	.about-con__map{transform:scale(0.44)}
	.about-con__head{gap:20rem}
	.about-video{width:190rem}
	.about-map-info{width:380rem}
	.about-rolling{margin-top:170rem}
	.about-rolling__word{padding-right:40rem}
	.about-list{gap:20rem; margin-top:20rem}
	.about-list__item{gap:24rem; padding:32rem 20rem}
	.about-list__item img{width:72rem}
}

@media (max-width: 540px){
	.photo-popup__btn{width:40rem; height:40rem; margin-top:-20rem; background-size:auto 24rem}
	.photo-popup__btn--prev{left:8rem}
	.photo-popup__btn--next{right:8rem}
	.about-con{display:flex; flex-direction:column}
	.about-con__top{display:contents}
	.about-con__head{order:1; margin:0 20rem}
	.about-con__map{order:2; position:relative; top:auto; left:auto; flex:none; align-self:center; margin:20rem 0 -1968rem; transform:translate(163rem, -260rem) scale(0.4); -webkit-mask-image:linear-gradient(180deg, transparent 650rem, var(--bg-navy) 760rem, var(--bg-navy) 1390rem, transparent 1500rem); mask-image:linear-gradient(180deg, transparent 650rem, var(--bg-navy) 760rem, var(--bg-navy) 1390rem, transparent 1500rem)}
	.about-con__title, .about-map-info, .about-rolling, .about-con > .wrap{order:3}
	.about-con__title, .about-map-info{margin-left:20rem; margin-right:20rem}
	.about-intro__title{gap:12rem}
	.about-intro__slogan p{font-size:var(--font-103)}
	.about-con__head{gap:24rem}
	.about-video{display:none}
	.about-con__title{align-items:center; gap:20rem; text-align:center}
	.about-tag{justify-content:center}
	.about-map-info{align-self:stretch; width:auto; padding:28rem 24rem 32rem}
	.about-map-info__head{gap:12rem}
	.about-map-info__head .btn-basic--sm{padding:9rem}
	.about-rolling{margin-top:90rem}
	.about-rolling__word{padding-right:30rem}
	.about-list{flex-direction:column; gap:30rem; margin-top:30rem}
	.about-list__item{gap:22rem; padding:28rem 24rem}
}


/* === CEO 인사말 === */
.ceo-wrap{display:flex; flex-direction:column; align-items:stretch; gap:var(--space50); padding:0 70rem}
.ceo-img{position:relative; display:flex; align-items:center; justify-content:center; height:320rem; margin:0 -130rem; padding:0 130rem; border-radius:999rem}
.ceo-img__inr{display:flex; align-items:center; justify-content:space-between; width:100%}
.ceo-img__logo{text-align:center; white-space:nowrap}
.ceo-img__sign{display:flex; flex-direction:column; align-items:flex-end; gap:10rem; padding:0 40rem}
.ceo-img__name{display:flex; align-items:center; justify-content:center; gap:8rem; text-align:right; white-space:nowrap}
.ceo-img__sign-img{display:flex; align-items:center; justify-content:center; width:182rem; height:64rem}
.ceo-img__sign-img img{display:block; flex:none; width:182rem; height:auto}
.ceo-img__photo{position:absolute; bottom:0; left:44.77%; width:487rem; aspect-ratio:487 / 561}
.ceo-img__photo img{display:block; width:100%; height:100%; object-fit:cover}
.ceo-txt{display:flex; align-items:flex-start; justify-content:space-between; gap:40rem}
.ceo-txt__body{display:flex; flex-direction:column; align-items:flex-start; gap:20rem; width:700rem; padding-top:5rem}

@media (max-width:1480px){
	.ceo-wrap{padding:0}
	.ceo-img{height:280rem; margin:0 -50rem; padding:0 100rem}
	.ceo-img__sign{padding:0 20rem}
	.ceo-img__photo{width:430rem}
	.ceo-txt__body{gap:18rem; width:640rem}
}

@media (max-width:1200px){
	.ceo-img{height:250rem; margin:0; padding:0 70rem}
	.ceo-img__sign{padding:0}
	.ceo-img__photo{left:42%; width:380rem}
	.ceo-txt{gap:30rem}
	.ceo-txt__body{gap:16rem}
}

@media all and (max-width:1023px){
	.ceo-img{height:210rem; margin-top:calc(159rem + 30rem - var(--space50)); padding:0 50rem}
	.ceo-img__sign-img, .ceo-img__sign-img img{width:150rem}
	.ceo-img__sign-img{height:54rem}
	.ceo-img__photo{left:40%; width:320rem}
	.ceo-txt{flex-direction:column; gap:30rem}
	.ceo-txt__body{gap:14rem; width:100%}
}

@media (max-width:860px){
	.ceo-img{height:190rem; margin-top:calc(130rem + 30rem - var(--space50)); padding:0 40rem}
	.ceo-img__sign-img, .ceo-img__sign-img img{width:130rem}
	.ceo-img__sign-img{height:47rem}
	.ceo-img__photo{left:36%; width:260rem}
}

@media (max-width:540px){
	.ceo-img{height:auto; padding:0}
	.ceo-img, .ceo-img__inr{display:contents}
	.ceo-img__logo{display:none}
	.ceo-img__photo{position:relative; order:1; left:auto; bottom:auto; width:100%}
	.ceo-txt{order:2; gap:16rem}
	.ceo-txt__body{gap:12rem}
	.ceo-img__sign{order:3; align-self:flex-end; align-items:flex-end}
	.ceo-img__sign-img, .ceo-img__sign-img img{width:120rem}
	.ceo-img__sign-img{height:43rem}
	.ceo-txt__body br{display:none}
}

/* === 연혁 === */
.history-container{position:relative; overflow:clip}
.history-img-wrap, .history-bar-wrap{position:absolute; top:0; bottom:0; pointer-events:none}
.history-img-wrap{left:0; width:50%}
.history-img{position:sticky; top:0; display:flex; align-items:flex-start; height:var(--height-full); padding-left:100rem; overflow:clip}
.history-img__col{position:relative; flex:1 1 0; display:flex; flex-direction:column; align-items:stretch; justify-content:flex-start; min-width:0; height:100%; padding:var(--space100) 59rem var(--space100) 0; border-right:1px solid var(--br-default); overflow:clip}
.history-img__col--end{justify-content:flex-end; padding:var(--space100) 100rem var(--space140) 24rem}
.history-photo{position:relative; aspect-ratio:1; width:100%}
.history-photo img{display:block; width:100%; height:100%; object-fit:cover; object-position:50% 100%}
.history-photo--01 img{object-position:67% 100%}
.history-photo--02 img{object-position:100% 100%}
.history-photo--02{position:absolute; bottom:var(--space140); left:14.55%; width:73.5%}
.history-photo--02::after{content:""; position:absolute; top:0; left:0; width:100%; height:100%; background:linear-gradient(180deg, rgba(167,191,207,0.2) 0%, rgba(167,191,207,0) 26.518%); mix-blend-mode:multiply; pointer-events:none}
.history-ribbon{position:absolute; display:flex; align-items:center; justify-content:center}
.history-ribbon img{display:block; flex:none; height:auto}
.history-ribbon--01{top:-72rem; left:54.62%; width:70.53%; aspect-ratio:1}
.history-ribbon--01 img{width:71.17%; transform:rotate(141.5deg) scaleY(-1)}
.history-ribbon--02{top:calc(50% + 36rem); left:-8.93%; width:58.32%; aspect-ratio:555.232 / 529.279}
.history-ribbon--02 img{width:83.46%; transform:rotate(141.82deg) scaleY(-1)}
.history-js [data-history-reveal]{opacity:0}

.history-bar-wrap{left:50%; width:23rem; margin-left:-12rem}
.history-bar{position:sticky; top:0; width:100%; height:var(--height-full)}
.history-bar__line{position:absolute; top:0; left:11rem; display:block; width:2rem; height:calc(200rem + (var(--height-full) - 320rem) * var(--history-p, 0)); background:var(--c-secondary)}
.history-bar__line::after{content:""; position:absolute; top:calc(100% - 20rem); left:-21rem; width:43rem; height:43rem; background:url(../img/sub/history-bar-marker.svg) no-repeat 50% 50% / contain}

.history-inr{position:relative}
.history-wrap{display:flex; align-items:flex-start; justify-content:flex-end}
.history-col{display:flex; flex-direction:column; align-items:flex-start; gap:70rem; width:700rem; padding-left:100rem}
.history-title{display:flex; flex-direction:column; align-items:flex-start; gap:24rem}
.history-body{display:flex; flex-direction:column; align-items:stretch; gap:70rem; width:100%}
.history-group{display:flex; flex-direction:column; align-items:stretch; gap:70rem}
.history-year{display:flex; flex-direction:column; align-items:stretch}
.history-list{display:flex; flex-direction:column; align-items:flex-start; gap:6rem; padding:24rem 0; border-bottom:1px solid var(--br-default)}
.history-list__month{flex:none; min-width:30rem}

@media (max-width:1480px){
	.history-img{padding-left:60rem}
	.history-img__col{padding-right:40rem}
	.history-img__col--end{padding:var(--space100) 60rem var(--space140) 24rem}
	.history-col{gap:60rem; width:680rem}
	.history-title{gap:22rem}
	.history-body, .history-group{gap:60rem}
}

@media (max-width:1200px){
	.history-img{padding-left:40rem}
	.history-img__col{padding-right:30rem}
	.history-img__col--end{padding:var(--space100) 40rem var(--space140) 20rem}
	.history-col{gap:50rem; width:570rem; padding-left:70rem}
	.history-title{gap:20rem}
	.history-body, .history-group{gap:50rem}
	.history-list{padding:20rem 0}
}

@media all and (max-width:1023px){
	.history-img-wrap{position:static; width:auto; margin:0 40rem var(--space80)}
	.history-img{position:relative; gap:20rem; height:auto; padding:0; overflow:visible}
	.history-img__col, .history-img__col--end{height:auto; padding:0; border-right:0; overflow:visible}
	.history-photo--02{position:relative; bottom:auto; left:auto; width:100%}
	.history-photo--02::after{mix-blend-mode:normal}
	.history-ribbon, .history-bar-wrap{display:none}
	.history-wrap{justify-content:flex-start}
	.history-col{gap:var(--space60); width:100%; padding-left:0}
	.history-title{gap:18rem}
	.history-body, .history-group{gap:var(--space60)}
}

@media (max-width:540px){
	.history-img-wrap{display:none}
	.history-img{gap:12rem}
	.history-title{gap:16rem}
	.history-list{padding:16rem 0}
	.history-body{gap:var(--space80)}
}

/* === 오시는 길 === */
.location-title{padding-bottom:50rem}
.location-con{padding-top:50rem; border-top:1px solid var(--br-default)}
.location-con .wrap{display:flex; flex-direction:column; align-items:stretch; gap:50rem}
.location-address{display:flex; flex-wrap:wrap; align-items:flex-start; justify-content:space-between; gap:30rem}
.location-info{display:flex; flex-direction:column; align-items:flex-start; gap:15rem}
.location-item{display:flex; align-items:center; gap:12rem}
.location-item__ic{flex:none; display:block; width:38rem; height:auto}
.location-item__ring{display:flex; flex:none; align-items:center; justify-content:center; width:38rem; height:38rem; border:1px solid var(--br-default); border-radius:100%}
.location-item__ring img{display:block; width:16rem; height:auto}
.location-item__txt{display:flex; align-items:center; gap:5rem; line-height:1.6}
.location-contact{display:flex; flex-wrap:wrap; align-items:flex-start; gap:30rem}
.location-btns{display:flex; flex-wrap:wrap; align-items:flex-start; gap:8rem}
.location-logo{position:relative; display:block; flex:none; width:22rem; height:22rem; overflow:hidden}
.location-logo img{position:absolute; display:block; max-width:none}
.location-logo--naver img{top:-3.25rem; left:-3.76rem; width:28.5rem; height:28.5rem}
.location-logo--kakao img{top:-4.75rem; left:-4.59rem; width:30.98rem; height:30.98rem}
.location-logo--google img{top:-0.44rem; left:-0.73rem; width:22.88rem; height:22.88rem}
.location-map{position:relative; height:500rem; margin:0; background:var(--w)}
.location-map iframe{display:block; width:100%; height:100%; border:0}
.copy-toast{position:fixed; bottom:60rem; left:50%; z-index:1200; padding:14rem 24rem; background:var(--bg-default); border-radius:999rem; font-size:var(--font-15); line-height:1.35; color:var(--w); white-space:nowrap; opacity:0; transform:translate(-50%, 20rem); transition:var(--trans-01); pointer-events:none}
.copy-toast.is-on{opacity:1; transform:translate(-50%, 0)}

@media (max-width:1480px){
	.location-address{gap:26rem}
	.location-info{gap:14rem}
	.location-contact{gap:26rem}
	.location-map{height:440rem}
}

@media (max-width:1200px){
	.location-address{gap:24rem}
	.location-info{gap:12rem}
	.location-contact{gap:24rem}
	.location-map{height:400rem}
}

@media all and (max-width:1023px){
	.location-title{padding-bottom:var(--space50)}
	.location-con{padding-top:var(--space50)}
	.location-con .wrap{gap:var(--space50)}
	.location-address{gap:20rem}
	.location-contact{gap:20rem}
	.location-map{height:360rem}
}

@media (max-width:860px){
	.location-item{flex-wrap:wrap}
	.location-map{height:320rem}
}

@media (max-width:540px){
	.location-address{gap:16rem}
	.location-info{gap:10rem}
	.location-contact{gap:16rem}
	.location-item{flex-wrap:nowrap}
	.location-item__ic{width:30rem; height:30rem}
	.location-item__ring{width:30rem; height:30rem}
	.location-item__ring img{width:13rem}
	.location-item__ic + p{flex:1 1 0; min-width:0; font-size:var(--font-16)}
	.location-item .btn-basic--sm{flex:none}
	.location-btns{display:grid; grid-template-columns:repeat(3, minmax(0, 1fr)); align-items:stretch; width:100%; gap:8rem}
	.location-btns .btn-basic--map{min-width:0; min-height:44px; padding:10rem 4rem}
	.location-btns .btn-basic__lb{gap:4rem; white-space:nowrap}
	.location-map{height:280rem}
	.copy-toast{bottom:40rem}
}

/* === 제품 리스트 === */
.product-list__head{display:flex; flex-direction:column; align-items:center; gap:20rem; text-align:center}
.product-list__head .sub-title{align-items:center}
.product-list__badge{padding:6rem 12rem}
.product-list-wrap{margin-top:var(--space50)}
.product-list{display:grid; grid-template-columns:repeat(4, minmax(0, 1fr)); gap:20rem}
.product-list__none{text-align:center}
.product-list__box{display:flex; flex-direction:column; align-items:stretch; box-sizing:border-box; padding:29rem; background:var(--bg-gray); border:1px solid transparent; border-radius:20rem; transition:var(--trans-01); cursor:pointer}
.product-list__img{position:relative; align-self:center; width:100%; max-width:359rem; aspect-ratio:1 / 1; overflow:hidden; border-radius:5rem}
.product-list__logo{position:absolute; top:50%; left:50%; width:39.42%; height:auto; opacity:0.1; transform:translate(-50%, -50%)}
.product-list__pic{position:absolute; top:0; left:0; width:100%; height:100%; object-fit:contain; object-position:50% 50%}
.product-list__txt{display:flex; flex-direction:column; align-items:stretch; gap:24rem}
.product-list__info{display:flex; flex-direction:column; align-items:center; gap:4rem; text-align:center}
.product-list__btn{justify-content:center; border-color:var(--br-default); color:var(--b-default)}
.product-list__box:focus-within{background:var(--w); border-color:var(--c-secondary); filter:drop-shadow(10rem 20rem 10rem var(--op-p10))}
.product-list__box:focus-within .product-list__btn{background:var(--c-primary); border-color:var(--c-primary); color:var(--w)}
.pagination--close{margin-top:var(--space50)}

.product-list__item--sm .product-list__box{padding:19rem 19rem 29rem; border-radius:10rem}
.product-list__item--sm .product-list__box:focus-within{filter:none}
.product-list__item--sm .product-list__logo{width:58.96%}
.product-list__item--sm .product-list__info{gap:6rem}

@media (hover: hover) and (pointer: fine){
	.product-list__box:hover{background:var(--w); border-color:var(--c-secondary); filter:drop-shadow(10rem 20rem 10rem var(--op-p10))}
	.product-list__box:hover .product-list__btn{background:var(--c-primary); border-color:var(--c-primary); color:var(--w)}
	.product-list__item--sm .product-list__box:hover{filter:none}
}

@media (max-width:1480px){
	.product-list{gap:18rem}
	.product-list__box{padding:25rem; border-radius:18rem}
	.product-list__txt{gap:22rem}
}

@media (max-width:1200px){
	.product-list{grid-template-columns:repeat(3, minmax(0, 1fr)); gap:16rem}
	.product-list__box{padding:23rem; border-radius:16rem}
	.product-list__txt{gap:20rem}
}

@media all and (max-width:1023px){
	.product-list__box{padding:21rem; border-radius:14rem}
	.product-list__txt{gap:18rem}
}

@media (max-width:860px){
	.product-list{grid-template-columns:repeat(2, minmax(0, 1fr)); gap:14rem}
	.product-list__box{padding:19rem}
}

@media (max-width:540px){
	.product-list__head{gap:16rem}
	.product-list__badge{padding:5rem 10rem}
	.product-list{grid-template-columns:repeat(2, minmax(0, 1fr)); gap:10rem}
	.product-list__box{gap:10rem; padding:10rem 10rem 14rem; border-radius:12rem}
	.product-list__img{max-width:none}
	.product-list__pic{transform:scale(1.3)}
	.product-list__txt{gap:0}
	.product-list__info{gap:2rem}
	.product-list__info h4{font-size:var(--font-16); line-height:1.35}
	.product-list__info p{font-size:var(--font-13); line-height:1.4}
	.product-list__btn{display:none}
}

/* === 제품 상세 === */
.product-view__top{position:relative; overflow:clip}
.product-view__inner{display:flex; align-items:flex-start; gap:80rem}
.product-view__slider{position:sticky; top:0; display:flex; flex-direction:column; align-items:stretch; flex:1 1 0; min-width:0; box-sizing:border-box; height:var(--height-full); padding:var(--space100) 0 40rem; gap:60rem}
.product-view__slide-wrap{display:flex; align-items:stretch; flex:none; gap:42rem}
.product-view__main{display:flex; flex-direction:column; align-items:center; flex:1 1 0; min-width:0; gap:24rem}
.product-view__stage{position:relative; flex:none; width:100%; min-height:0; aspect-ratio:908 / 541}
.product-view__swiper{width:100%; height:100%}
.product-view__swiper .swiper-slide{align-items:center; justify-content:center; background:transparent}
.product-view__swiper img{display:block; width:100%; height:100%; object-fit:contain}
.product-view__swiper .product-view__empty{width:40%; height:auto; opacity:0.1}
.product-view__btn{--btn:60rem; position:absolute; top:calc(50% - var(--btn) / 2 - 8rem); z-index:2; width:var(--btn); height:var(--btn); background:url(../img/sub/view-arrow.svg) no-repeat 50% 50% / auto 66.67%; cursor:pointer; transition:var(--trans-01)}
.product-view__btn--prev{left:0}
.product-view__btn--next{right:0; transform:scaleX(-1)}
.product-view__btn.swiper-button-disabled{opacity:0.3; pointer-events:none}
.product-view__pagination{position:static; justify-content:center; gap:10rem}
.product-view__thum-wrap{flex:none; min-width:0}
.product-view__thum{display:flex; flex-direction:column; align-items:flex-start; flex:none; gap:8rem}
.product-view__thum-btn{position:relative; display:block; box-sizing:border-box; width:75rem; height:75rem; overflow:hidden; background:var(--w); border:1px solid transparent; border-radius:5rem; cursor:pointer; transition:var(--trans-01)}
.product-view__thum-btn.on{border-color:var(--c-secondary); box-shadow:5rem 8rem 8rem var(--op-p05)}
.product-view__thum-logo{position:absolute; top:50%; left:50%; width:56.6%; height:auto; opacity:0.1; transform:translate(-50%, -50%)}
.product-view__thum-img{position:absolute; top:0; left:0; width:100%; height:100%; object-fit:cover}
.product-view__rolling{position:relative; flex:none; opacity:0.03; pointer-events:none}
.product-view__rolling-track{display:flex; align-items:flex-start; width:max-content; margin-left:-7.28em; font-size:var(--font-150); line-height:1.1; font-weight:700}
.product-view__rolling-word{flex:none; padding-right:0.533em; white-space:nowrap}

.product-view__info{position:relative; z-index:1; flex:none; box-sizing:border-box; width:700rem; padding:var(--space100) 0 var(--space140)}
.view-info__inr{display:flex; flex-direction:column; align-items:stretch; gap:42rem; padding:var(--space60); background:var(--w); border-radius:20rem; filter:drop-shadow(10rem 20rem 20rem var(--op-b05))}
.view-info__title{display:flex; flex-direction:column; align-items:flex-start; gap:30rem}
.view-info__index{display:flex; align-items:center; gap:8rem}
.view-info__index::before{content:""; flex:none; width:4rem; height:4rem; background:var(--op-t30); border-radius:100%}
.view-info__txt{display:flex; flex-direction:column; align-items:flex-start; gap:24rem}
.view-info__desc{display:flex; flex-direction:column; align-items:flex-start; gap:8rem}
.view-info__btn{display:flex; align-items:center; justify-content:center}
.product-view__back{gap:5rem; border-color:var(--b-title); color:var(--b-title)}
.product-view__back::before{content:""; flex:none; width:22rem; height:22rem; background:currentColor; -webkit-mask:url(../img/sub/view-ic-list.svg) no-repeat 50% 50% / contain; mask:url(../img/sub/view-ic-list.svg) no-repeat 50% 50% / contain}

.view-spec{display:grid; grid-template-columns:repeat(2, minmax(0, 1fr)); gap:20rem; padding-top:42rem; border-top:1px solid var(--br-default)}
.view-spec__item{position:relative; display:flex; flex-direction:column; align-items:flex-start; justify-content:space-between; box-sizing:border-box; min-height:160rem; padding:30rem; border:1px solid var(--br-default); border-radius:10rem}
.view-spec__ic{position:absolute; top:30rem; right:29rem; width:27rem; height:27rem}

.view-rel{display:flex; flex-direction:column; align-items:stretch; gap:20rem; padding-top:42rem; border-top:1px solid var(--br-default)}
.view-rel__head{display:flex; align-items:center; justify-content:space-between; gap:20rem}
.view-rel__ctrl{display:flex; align-items:center; gap:12rem}
.view-rel__ctrl[hidden]{display:none}
.view-rel__count{display:flex; align-items:center; gap:12rem}
.view-rel__count i{display:block; width:1px; height:14rem; background:var(--br-default)}
.view-rel__btn{flex:none; width:20rem; height:20rem; background:url(../img/sub/view-arrow-sm.svg) no-repeat 50% 50% / auto 16rem; cursor:pointer; transition:var(--trans-01)}
.view-rel__btn--next{transform:scaleX(-1)}
.view-rel__btn.swiper-button-disabled{opacity:0.3; pointer-events:none}
.view-rel__swiper{width:100%; margin:0}
.view-rel__swiper .product-list__box{display:flex}
.view-rel__swiper .swiper-slide{display:block; width:calc((100% - 20rem) / 2); height:auto; margin-right:20rem; overflow:visible; background:transparent}

@media (max-width:1480px){
	.product-view__inner{gap:60rem}
	.product-view__slide-wrap{gap:32rem}
	.product-view__btn{--btn:54rem}
	.product-view__thum-btn{width:66rem; height:66rem}
	.product-view__info{width:620rem}
	.view-info__inr{gap:38rem; border-radius:18rem}
	.view-spec{padding-top:38rem}
	.view-spec__item{min-height:148rem; padding:26rem}
	.view-spec__ic{top:26rem; right:25rem; width:25rem; height:25rem}
	.view-rel{padding-top:38rem}
}

@media (max-width:1200px){
	.product-view__inner{gap:40rem}
	.product-view__slide-wrap{gap:28rem}
	.product-view__btn{--btn:48rem}
	.product-view__thum-btn{width:60rem; height:60rem}
	.product-view__info{width:540rem}
	.view-info__inr{gap:34rem; border-radius:16rem}
	.view-spec{gap:16rem; padding-top:34rem}
	.view-info__title{gap:26rem}
	.view-info__txt{gap:20rem}
	.product-list__item--sm .product-list__box{padding:17rem 17rem 25rem}
	.view-spec__item{min-height:136rem; padding:22rem}
	.view-spec__ic{top:22rem; right:21rem; width:23rem; height:23rem}
	.view-rel{padding-top:34rem}
	.view-rel__swiper .swiper-slide{width:calc((100% - 16rem) / 2); margin-right:16rem}
}

@media all and (max-width:1023px){
	.product-view__inner{flex-direction:column; align-items:stretch; gap:var(--space50)}
	.product-view__slider{position:static; flex:none; height:auto; padding-bottom:0; gap:var(--space50)}
	.product-view__slide-wrap{flex:none; flex-direction:column; gap:20rem}
	.product-view__main{flex:none}
	.product-view__thum{flex-direction:row; flex-wrap:wrap; align-items:center; justify-content:center}
	.product-view__thum-btn{width:64rem; height:64rem}
	.product-view__info{width:auto; padding-top:0}
	.view-spec__item{min-height:128rem}
	.view-rel__btn{width:44rem; height:44rem}
	.product-view__main{gap:20rem}
	.view-rel__ctrl{gap:6rem}
}

@media (max-width:860px){
	.product-view__btn{--btn:44rem}
	.product-view__thum-btn{width:56rem; height:56rem}
	.view-info__inr{gap:30rem}
	.view-spec{padding-top:30rem}
	.view-rel{padding-top:30rem}
}

@media (max-width:540px){
	.product-view__btn{--btn:30rem}
	.product-view__pagination{display:none}
	.product-view__stage{aspect-ratio:1 / 1}
	.product-view__slider{position:relative}
	.product-view__rolling{position:absolute; top:310rem}
	.product-view__thum{gap:6rem}
	.product-view__thum-btn{width:48rem; height:48rem}
	.product-view__thum-wrap{width:100%; overflow:hidden}
	.product-view__thum-wrap.swiper-container .product-view__thum{flex-direction:row; flex-wrap:nowrap; justify-content:flex-start; gap:0}
	.product-view__thum-wrap.swiper-container .product-view__thum-btn{width:100%; height:auto; aspect-ratio:1 / 1}
	.view-info__inr{gap:22rem; padding:20rem 14rem; border-radius:14rem}
	.view-info__title h3{font-size:var(--font-42); line-height:1.35}
	.view-info__desc h4{font-size:var(--font-16); line-height:1.45}
	.product-view__back{justify-content:center; width:100%}
	.view-spec{grid-template-columns:minmax(0, 1fr); gap:12rem; padding-top:26rem}
	.view-spec__item{min-height:120rem; padding:20rem}
	.view-spec__ic{top:20rem; right:19rem}
	.view-rel{padding-top:26rem}
	.view-rel, .view-rel__head{gap:14rem}
	.view-info__title{gap:22rem}
	.view-info__txt{gap:18rem}
	.product-list__item--sm .product-list__box{padding:10rem 10rem 14rem}
	.view-rel__swiper .swiper-slide{width:calc((100% - 10rem) / 2); margin-right:10rem}
	.view-rel__name{font-size:var(--font-15); line-height:1.35}
	.view-rel__desc{display:none}
}

/* === 생산설비 === */
.sub-section.facility-intro{padding:var(--space100) 0 0}
.facility-title-wrap{display:flex; flex-direction:column; align-items:center; gap:42rem; text-align:center}
.facility-intro__title{display:flex; flex-direction:column; align-items:center; gap:20rem}
.facility-title-wrap__en{white-space:normal}
.facility-intro__txt{z-index:2; margin-top:30rem; aspect-ratio:1400 / 500}
.facility-intro__bg{position:absolute; top:0; left:0; right:0; bottom:0; isolation:isolate}
.facility-intro__fill{position:absolute; top:0; left:0; display:block; width:100%; height:100%; background:var(--c-primary); opacity:0}
.facility-intro__bg img{position:absolute; top:0; left:0; display:block; width:100%; height:100%; object-fit:cover}
.facility-intro__02{position:relative; margin-top:var(--space100); padding:var(--space140) 0; background:var(--c-primary)}
.facility-intro__02::before{content:""; position:absolute; top:0; left:0; width:100%; height:100%; background:url(../img/sub/facility-intro-bg.webp) 50% 50% / cover no-repeat; mix-blend-mode:multiply; opacity:0.4; pointer-events:none}
.facility-intro__wrap{display:flex; flex-direction:column; align-items:stretch; gap:42rem}
.facility-intro__left{display:flex; flex-direction:column; align-items:flex-start; gap:24rem}
.facility-intro__list{display:flex; align-items:stretch; gap:42rem}
.facility-card{flex:1 1 0; min-width:0; display:flex; flex-direction:column; align-items:stretch; justify-content:space-between; box-sizing:border-box; min-height:457rem; padding:50rem 50rem 40rem; background:var(--w)}
.facility-card--accent{background:var(--c-accent); box-shadow:10rem 20rem 20rem var(--op-t15)}
.facility-card__head{display:flex; flex-direction:column; align-items:flex-start; gap:20rem}
.facility-card__icon{display:block; width:50rem; height:50rem}
.facility-card__icon img{display:block; width:100%; height:100%; object-fit:contain}
.facility-card__txt{display:flex; flex-direction:column; align-items:flex-start; gap:4rem}
.facility-card__count{display:flex; align-items:baseline; align-self:flex-end; gap:5rem; white-space:nowrap}
.facility-card__rows{display:flex; flex-direction:column; align-items:flex-end; gap:2rem}
.facility-card__row{display:flex; align-items:baseline; gap:4rem; white-space:nowrap}
.facility-card__lb{margin-right:10rem}

.facility-intro.is-pin .facility-intro__stage{position:relative; display:flex; flex-direction:column; justify-content:center; height:var(--height-full); overflow:clip}
.facility-intro.is-pin .facility-intro__02{position:absolute; top:0; left:0; z-index:3; display:flex; align-items:center; width:100%; height:100%; margin-top:0; padding:0; background:none}
.facility-intro.is-pin .facility-intro__02::before{display:none}
.facility-intro.is-pin .facility-intro__wrap{width:100%; min-width:0}
.facility-intro.is-pin .facility-intro__bg{z-index:2}
.facility-intro.is-pin .facility-intro__bg img{mix-blend-mode:multiply}

.facility-detail__inner{display:flex; flex-direction:column; align-items:stretch; gap:var(--space50)}

@media (max-width:1480px){
	.facility-title-wrap{gap:36rem}
	.facility-intro__title{gap:18rem}
	.facility-intro__txt{margin-top:26rem}
	.facility-intro__wrap{gap:36rem}
	.facility-intro__left{gap:20rem}
	.facility-intro__list{gap:36rem}
	.facility-card{min-height:400rem; padding:42rem 42rem 34rem}
}

@media (max-width:1200px){
	.facility-title-wrap{gap:30rem}
	.facility-intro__txt{margin-top:22rem}
	.facility-intro__wrap{gap:30rem}
	.facility-intro__list{gap:30rem}
	.facility-card{min-height:360rem; padding:36rem 36rem 30rem}
	.facility-card__head{gap:16rem}
}

@media all and (max-width:1023px){
	.facility-title-wrap{gap:26rem}
	.facility-intro__title{gap:14rem}
	.facility-intro__left{gap:16rem}
	.facility-intro__list{gap:24rem}
	.facility-card{min-height:340rem; padding:30rem 30rem 26rem}
	.facility-card__head{gap:14rem}
}

@media (max-width:860px){
	.facility-title-wrap{gap:22rem}
	.facility-intro__txt{margin-top:18rem}
	.facility-intro__wrap{gap:26rem}
	.facility-intro__list{gap:20rem}
	.facility-card{min-height:300rem; padding:26rem 22rem 22rem}
}

@media (max-width:540px){
	.facility-intro__01 .facility-intro__title, .facility-intro__txt{display:none}
	.facility-intro__wrap{gap:22rem}
	.facility-intro__list{flex-direction:column; gap:16rem}
	.facility-card{flex:none; min-height:0; gap:32rem; padding:24rem 24rem 22rem}
}

/* === 특허·상표 등록현황 === */
.patent-top{display:flex; align-items:center; justify-content:space-between; gap:40rem}
.patent-count{flex:none; display:flex; align-items:stretch; gap:20rem; width:700rem}
.patent-count__item{flex:1 1 0; min-width:0; display:flex; flex-direction:column; align-items:flex-start; justify-content:space-between; gap:42rem; box-sizing:border-box; padding:30rem}
.patent-count__num{display:flex; align-items:baseline; align-self:flex-end; gap:5rem}
.patent-board{margin-top:var(--space100)}
.patent-pagination{margin-top:42rem}

table.table.board-table{table-layout:fixed; border-top:1px solid var(--b-title)}
table.table.board-table th{padding:20rem; border-bottom:1px solid var(--br-default); font-size:var(--font-16); font-weight:var(--weight-600); line-height:1.35; letter-spacing:0; color:var(--b-title)}
table.table.board-table thead tr:last-child th{border-bottom:1px solid var(--br-default)}
table.table.board-table td{padding:24rem 20rem; border-bottom:1px solid var(--br-default); font-size:var(--font-15); line-height:1.35; letter-spacing:0; text-align:center; color:var(--b-default)}
table.table.board-table td.board-table__cate{padding:15rem 20rem; font-size:var(--font-14); font-weight:var(--weight-600); line-height:1.4; color:var(--c-primary)}
table.table.board-table td.board-table__name{font-size:var(--default); font-weight:var(--weight-600); line-height:1.6; color:var(--b-title)}
.board-table__col-cate{width:10.714%}
.board-table__col-num, .board-table__col-date{width:11.429%}
.board-table__col-state{width:21.429%}

@media (max-width:1480px){
	.patent-pagination{margin-top:36rem}
}

@media (max-width:1200px){
	.patent-top{gap:30rem}
	.patent-count{gap:16rem; width:560rem}
	.patent-count__item{gap:30rem; padding:24rem}
}

@media all and (max-width:1023px){
	.patent-top{flex-direction:column; align-items:stretch; gap:var(--space50)}
	.patent-count{width:auto}
	.patent-pagination{margin-top:32rem}
	table.table.board-table th{padding:16rem 10rem}
	table.table.board-table td{padding:18rem 10rem}
	table.table.board-table td.board-table__cate{padding:12rem 10rem}
}

@media (max-width:540px){
	.patent-count{gap:10rem}
	.patent-count__item{gap:20rem; padding:16rem}
	.patent-pagination{margin-top:26rem}
	.table-scroll-swiper__bar em, .table-scroll-swiper__inner > em{font-size:var(--font-13)}
	table.table.board-table.table-scroll{width:900rem}
	table.table.board-table th{padding:14rem 8rem}
	table.table.board-table td{padding:14rem 8rem}
	table.table.board-table td.board-table__cate{padding:10rem 8rem}
}

/* === 온라인 문의 === */
.inquery-wrap{display:flex; align-items:flex-start; justify-content:space-between; gap:60rem}
.inquery-info{position:sticky; top:140rem; display:flex; flex-direction:column; align-items:flex-start; gap:20rem; min-width:0}
.inquery-info__list{display:flex; flex-direction:column; align-items:stretch}
.inquery-info__item{display:flex; flex-wrap:wrap; align-items:center; gap:12rem; padding:24rem 0; border-bottom:1px solid var(--br-default)}
.inquery-info__item > strong{min-width:60rem}
.inquery-info__val{flex:1 1 0; min-width:0}
.inquery-info__item .btn-basic{flex:none}
.inquery-info__bar{flex:none; display:block; width:1px; height:16rem; background:var(--br-strong)}
.inquery-form{display:flex; flex-direction:column; align-items:flex-end; flex:none; gap:42rem; width:675rem}
.inquery-form__fields{display:flex; flex-direction:column; align-items:stretch; gap:20rem; width:100%}
.inquery-form .form-area[data-form]{align-items:center; gap:20rem; margin-bottom:0}
.inquery-form .form-area[data-form="conts"]{align-items:flex-start}
.inquery-form .form-area > em{display:flex; flex:none; align-items:center; gap:4rem; width:auto; min-width:80rem; margin-bottom:0; padding:18rem 0; font-size:var(--default); font-weight:var(--weight-600); line-height:var(--lh-default); color:var(--b-title)}
.inquery-form .form-area > em .mark{font-family:var(--lang-en); font-size:var(--default); font-weight:var(--weight-700); font-style:normal; line-height:1.4; letter-spacing:-0.02em; color:var(--c-secondary)}
.inquery-form .form-area .form-body{flex:1 1 0; width:auto; min-width:0}
.inquery-form .form-area .form-part{gap:12rem}
.inquery-form .form-area[data-form] .form-part i{flex:none; margin:0; font-size:var(--default); font-style:normal; line-height:var(--lh-default); color:var(--b-title)}
.inquery-form .form-area input:is([type="text"],[type="password"]), .inquery-form .form-select select, .inquery-form .form-area textarea{box-sizing:border-box; height:60rem; padding:0 15rem; background-color:var(--bg-gray); border:0 !important; border-radius:5rem; font-size:var(--font-16); font-weight:var(--weight-400); line-height:1.35; color:var(--b-title)}
.inquery-form .form-area input:is([type="text"],[type="password"]){flex:1 1 0; width:auto; min-width:0}
.inquery-form .form-area input:is([type="text"],[type="password"])::placeholder, .inquery-form .form-area textarea::placeholder{font-size:var(--font-16); font-weight:var(--weight-400); color:var(--b-mute)}
.inquery-form .form-area input:is([type="text"],[type="password"]):focus, .inquery-form .form-select select:focus, .inquery-form .form-area textarea:focus{outline:1px solid var(--c-secondary); background-color:var(--w)}
.inquery-form .form-area textarea{flex:1 1 0; width:auto; min-width:0; height:200rem; padding:20rem 15rem}
.inquery-form .form-select{flex:1 1 0; width:auto; min-width:0}
.inquery-form .form-select select{width:100%; min-width:0; max-width:none; padding:0 40rem 0 15rem; background:var(--bg-gray) url(../img/sub/form-select-arrow.svg) no-repeat calc(100% - 18rem) 50% / 10rem auto !important; cursor:pointer}
.inquery-form .form-area[data-form="email"] .form-select{flex:none; width:174rem; margin-left:0}
.inquery-form #captcha{display:flex; flex-wrap:wrap; align-items:center; gap:10rem; width:100%; padding:0; background:none; border:0; border-radius:0}
.inquery-form #captcha #captcha_img{height:60rem; border:0; border-radius:5rem}
.inquery-form #captcha #captcha_key{flex:none; width:100rem; height:60rem; line-height:60rem; border:0 !important; border-radius:5rem; background:var(--bg-gray) !important; font-size:var(--default)}
.inquery-form #captcha #captcha_key:focus{background:var(--w) !important}
.inquery-form #captcha #captcha_mp3, .inquery-form #captcha #captcha_reload{flex:none; width:60rem; height:60rem; border:0; border-radius:5rem; background-color:var(--bg-gray)}
.inquery-form #captcha #captcha_info{margin-top:0; font-size:var(--font-13) !important; color:var(--b-mute)}
.inquery-privacy{align-self:stretch; padding:40rem 0; border-top:1px solid var(--br-default); border-bottom:1px solid var(--br-default)}
.inquery-privacy__head{display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:10rem 20rem}
.inquery-privacy .check-box label{display:flex; align-items:center; min-height:28rem; padding-left:34rem}
.inquery-privacy .check-box [type="checkbox"] + .checkmark{top:50%; width:22rem; height:22rem; margin-top:-11rem; border:1px solid var(--br-strong); border-radius:100%}
.inquery-privacy .check-box [type="checkbox"]:checked + .checkmark{background:url(../img/sub/form-check-on.svg) no-repeat 50% 50% / contain; border-color:transparent}
.inquery-privacy .check-box [type="checkbox"] + .checkmark::after{display:none}
.inquery-privacy__link{text-decoration:underline}
.inquery-privacy__more{display:flex; align-items:center; gap:8rem; color:var(--op-t40); cursor:pointer}
.inquery-privacy__more i{display:block; width:10rem; height:10rem; background:url(../img/sub/form-select-arrow.svg) no-repeat 50% 50% / contain; opacity:0.4; transition:var(--trans-01)}
.inquery-privacy__more[aria-expanded="true"] i{transform:rotate(180deg)}
.inquery-privacy__panel{display:grid; grid-template-rows:0fr; visibility:hidden; transition:var(--trans-04)}
.inquery-privacy__panel.is-open{grid-template-rows:1fr; visibility:visible}
.inquery-privacy__wrap{min-height:0; overflow:hidden}
.inquery-privacy__con{box-sizing:border-box; height:200rem; margin-top:30rem; padding:24rem 20rem; overflow-y:auto; background:var(--bg-gray); border-radius:5rem}
.inquery-privacy__con::-webkit-scrollbar{width:8rem}
.inquery-privacy__con::-webkit-scrollbar-track{background:var(--br-default); border-radius:999rem}
.inquery-privacy__con::-webkit-scrollbar-thumb{background:var(--br-strong); border-radius:999rem}
.inquery-privacy__con .privacy-popup__inr{display:flex; flex-direction:column; align-items:flex-start; gap:20rem}
.inquery-privacy__con .privacy-popup__inr > strong{padding-bottom:0; font-size:var(--font-16); font-weight:var(--weight-600); line-height:1.35}
.inquery-privacy__con .privacy-popup__inr dl{display:flex; flex-direction:column; align-items:flex-start; gap:8rem}
.inquery-privacy__con .privacy-popup__inr dl > *{padding-left:0; font-size:var(--font-15); line-height:1.5; color:var(--b-sub)}
.inquery-privacy__con .privacy-popup__inr dl dt{display:block; margin-top:12rem; font-weight:var(--weight-600)}
.inquery-privacy__con .privacy-popup__inr dl dt:first-child{margin-top:0}
.inquery-privacy__con .privacy-popup__inr dl dt::before{display:none}

@media (max-width:1480px){
	.inquery-info{gap:18rem}
	.inquery-form__fields{gap:18rem}
	.inquery-form .form-area textarea{padding:18rem 14rem}
	.inquery-privacy__con{margin-top:26rem}
	.inquery-privacy__con .privacy-popup__inr{gap:18rem}
}

@media (max-width:1200px){
	.inquery-info{gap:16rem}
	.inquery-form__fields{gap:16rem}
	.inquery-form .form-area textarea{padding:16rem 14rem}
	.inquery-privacy__con{margin-top:22rem}
	.inquery-privacy__con .privacy-popup__inr{gap:16rem}
}

@media (max-width:1023px){
	.inquery-wrap{flex-direction:column; align-items:stretch; gap:var(--space60)}
	.inquery-info{position:relative; top:auto; gap:14rem}
	.inquery-form{width:auto; gap:36rem}
	.inquery-form__fields{gap:14rem}
	.inquery-form .form-area textarea{padding:14rem 12rem}
	.inquery-privacy__con{margin-top:20rem}
	.inquery-privacy__con .privacy-popup__inr{gap:14rem}
}

@media (max-width:540px){
	.inquery-info{gap:12rem}
	.inquery-info__item{padding:18rem 0}
	.inquery-form__fields{gap:12rem}
	.inquery-privacy__con{margin-top:16rem}
	.inquery-privacy__con .privacy-popup__inr{gap:12rem}
	.inquery-form{gap:30rem}
	.inquery-form .form-area[data-form]{flex-direction:column; align-items:flex-start; gap:10rem}
	.inquery-form .form-area > em{padding:0}
	.inquery-form .form-area .form-body{flex:none; width:100%}
	.inquery-form .form-area .form-part{gap:8rem}
	.inquery-form .form-area textarea{height:160rem}
	.inquery-form .form-area[data-form="email"] .form-select{width:110rem}
	.inquery-privacy{padding:30rem 0}
	.inquery-privacy__con{height:180rem; padding:20rem 16rem}
}

/* === 공지사항 === */
body:is(.notice, .notice_en, .news, .news_en, .certificate, .certificate_en, .award, .award_en) .board-page #page-title{text-align:center; font-size:var(--font-42); font-weight:var(--weight-700); line-height:1.32; letter-spacing:-0.02em; color:var(--b-title)}
body:is(.notice, .notice_en, .news, .news_en, .certificate, .certificate_en, .award, .award_en) .board-page .wrap > h3{margin-top:12rem; text-align:center; font-size:var(--default); font-weight:var(--weight-300); line-height:1.6; color:var(--b-default)}
body:is(.notice, .notice_en, .news, .news_en) .board-page > .wrap{max-width:1260rem}

body:is(.notice, .notice_en, .news, .news_en) #bo_btn_top{flex-wrap:wrap; justify-content:center; align-items:center; margin-top:35rem}
body:is(.notice, .notice_en, .news, .news_en) #bo_btn_top + *{margin-top:16rem}
body:is(.notice, .notice_en, .news, .news_en) #bo_list_total{display:block; order:1; width:100%; margin-top:30rem; padding-bottom:0; font-size:var(--font-15)}
body:is(.notice, .notice_en, .news, .news_en) #bo_btn_top .bo_sch{width:614rem; max-width:100%}
body:is(.notice, .notice_en, .news, .news_en) #bo_btn_top .bo_sch{justify-content:center}
body:is(.notice, .notice_en, .news, .news_en) #bo_btn_top .bo_sch form{width:100%; gap:5rem}
body:is(.notice, .notice_en, .news, .news_en) #bo_btn_top .bo_sch select{flex:none; width:164rem; min-width:0; height:62rem; margin-right:0; padding-left:23rem; border-radius:6rem; font-size:var(--font-15); font-weight:var(--weight-300); color:var(--b-title); background-color:var(--bg-gray) !important; background-position:calc(100% - 20rem) 50% !important; background-size:15rem auto !important}
body:is(.notice, .notice_en, .news, .news_en) #bo_btn_top .bo_sch .sch_bar{flex:1; width:auto}
body:is(.notice, .notice_en, .news, .news_en) #bo_btn_top .bo_sch .sch_input{width:100%; height:62rem; padding:0 70rem 0 29rem; border-radius:6rem; background:var(--bg-gray); font-size:var(--font-15); font-weight:var(--weight-300); color:var(--b-title)}
body:is(.notice, .notice_en, .news, .news_en) #bo_btn_top .bo_sch .sch_input::placeholder{color:var(--op-b40)}
body:is(.notice, .notice_en, .news, .news_en) #bo_btn_top .bo_sch .sch_btn{width:69rem}
body:is(.notice, .notice_en, .news, .news_en) #bo_btn_top .bo_sch .sch_btn::after{background-size:20rem auto}

body:is(.notice, .notice_en) #bo_list{margin-bottom:0}
body:is(.notice, .notice_en) .bo-basic-list{border-top:1px solid var(--b-title)}
body:is(.notice, .notice_en) .bo-basic-list__head ul{display:grid; grid-template-columns:100rem minmax(0, 1fr) 200rem; align-items:center; padding:0; border-bottom:1px solid var(--br-default)}
body:is(.notice, .notice_en) .bo-basic-list__head [data-bo-list]{width:auto; margin:0; padding:20rem; font-size:var(--font-16); font-weight:var(--weight-600); line-height:1.35; color:var(--b-title); text-transform:uppercase}
body:is(.notice, .notice_en) .bo-basic-list__head [data-bo-list="03"]{display:none}
body:is(.notice, .notice_en) .bo-basic-list > li{border-bottom:1px solid var(--br-default)}
body:is(.notice, .notice_en) .bo-basic-list > li > a{padding:0}
body:is(.notice, .notice_en) .bo-basic__inner{display:grid; grid-template-columns:100rem minmax(0, 1fr) auto 200rem; align-items:center}
body:is(.notice, .notice_en) .bo-basic__inner .chk_box{position:absolute; top:50%; left:0; margin:0; transform:translateY(-50%)}
body:is(.notice, .notice_en) .bo-basic-list .bo-basic__inner [data-bo-list]{width:auto; margin:0}
body:is(.notice, .notice_en) .bo-basic-list .bo-basic__inner [data-bo-list="01"]{grid-column:1; display:flex; align-items:center; justify-content:center; padding:15rem 20rem; font-family:var(--lang-en); font-size:var(--font-16); font-weight:var(--weight-600); line-height:1.3; letter-spacing:-0.02em; color:var(--b-title)}
body:is(.notice, .notice_en) .bo-basic-list .bo-basic__inner [data-bo-list="02"]{grid-column:2; padding:24rem 20rem}
body:is(.notice, .notice_en) .bo-basic-list .bo-basic__inner [data-bo-list="03"]{grid-column:3; justify-content:flex-end}
body:is(.notice, .notice_en) .bo-basic-list .bo-basic__inner [data-bo-list="04"]{grid-column:4; padding:24rem 20rem; font-size:var(--font-14); font-weight:var(--weight-600); line-height:1.4; color:var(--op-b40)}
body:is(.notice, .notice_en) .bo-basic__title h5{overflow:hidden; font-size:var(--default); text-overflow:ellipsis; white-space:nowrap}
body:is(.notice, .notice_en) .notice_icon{width:40rem; height:40rem; margin:0; background:var(--c-secondary) url(../img/board/ic-notice.svg) no-repeat 50% 50% / 20rem auto; font-size:0}
body:is(.notice, .notice_en) .bo-basic-list i.bo-basic__download{position:relative; right:auto; bottom:auto; left:auto; width:20rem; height:20rem}

body:is(.notice, .notice_en, .news, .news_en, .certificate, .certificate_en, .award, .award_en) .pg_wrap{margin-top:42rem}
body:is(.notice, .notice_en, .news, .news_en, .certificate, .certificate_en, .award, .award_en) .pg_wrap .pg{gap:4rem}
body:is(.notice, .notice_en, .news, .news_en, .certificate, .certificate_en, .award, .award_en) .pg_wrap .pg :is(.pg_page, .pg_current){margin:0; padding:0}
body:is(.notice, .notice_en, .news, .news_en, .certificate, .certificate_en, .award, .award_en) .pg_wrap .pg .pg_current::before{display:none}
body:is(.notice, .notice_en, .news, .news_en, .certificate, .certificate_en, .award, .award_en) .pg_wrap .pg :is(.pg_start, .pg_prev, .pg_next, .pg_end){background:url(../img/sub/pg-arrow.svg) no-repeat 50% 50% / 5rem 10rem; font-size:0; transform:none}
body:is(.notice, .notice_en, .news, .news_en, .certificate, .certificate_en, .award, .award_en) .pg_wrap .pg :is(.pg_start, .pg_end){background:url(../img/sub/pg-arrow.svg) no-repeat calc(50% - 3.5rem) 50% / 5rem 10rem, url(../img/sub/pg-arrow.svg) no-repeat calc(50% + 3.5rem) 50% / 5rem 10rem}
body:is(.notice, .notice_en, .news, .news_en, .certificate, .certificate_en, .award, .award_en) .pg_wrap .pg :is(.pg_next, .pg_end){transform:scaleX(-1)}

@media (max-width:1480px){
	body:is(.notice, .notice_en) .bo-basic__inner{grid-template-columns:96rem minmax(0, 1fr) auto 180rem}
	body:is(.notice, .notice_en) .bo-basic-list__head ul{grid-template-columns:96rem minmax(0, 1fr) 180rem}
	body:is(.notice, .notice_en) .bo-basic-list .bo-basic__inner [data-bo-list="02"], body:is(.notice, .notice_en) .bo-basic-list .bo-basic__inner [data-bo-list="04"]{padding-top:22rem; padding-bottom:22rem}
}

@media (max-width:1200px){
	body:is(.notice, .notice_en, .news, .news_en) #bo_btn_top + *{margin-top:14rem}
	body:is(.notice, .notice_en) .bo-basic__inner{grid-template-columns:88rem minmax(0, 1fr) auto 160rem}
	body:is(.notice, .notice_en) .bo-basic-list__head ul{grid-template-columns:88rem minmax(0, 1fr) 160rem}
	body:is(.notice, .notice_en) .bo-basic-list__head [data-bo-list]{padding:18rem}
	body:is(.notice, .notice_en) .bo-basic-list .bo-basic__inner [data-bo-list="01"]{padding:13rem 18rem}
	body:is(.notice, .notice_en) .bo-basic-list .bo-basic__inner [data-bo-list="02"], body:is(.notice, .notice_en) .bo-basic-list .bo-basic__inner [data-bo-list="04"]{padding:20rem 18rem}
}

@media (max-width:1023px){
	body:is(.notice, .notice_en, .news, .news_en) #bo_btn_top{margin-top:30rem}
	body:is(.notice, .notice_en, .news, .news_en) #bo_btn_top + *{margin-top:12rem}
	body:is(.notice, .notice_en, .news, .news_en) #bo_list_total{margin-top:24rem}
	body:is(.notice, .notice_en, .news, .news_en) #bo_btn_top .bo_sch select{width:140rem; height:56rem; padding-left:20rem}
	body:is(.notice, .notice_en, .news, .news_en) #bo_btn_top .bo_sch .sch_input{height:56rem; padding:0 62rem 0 22rem}
	body:is(.notice, .notice_en) .bo-basic__inner{grid-template-columns:80rem minmax(0, 1fr) auto 140rem}
	body:is(.notice, .notice_en) .bo-basic-list__head ul{grid-template-columns:80rem minmax(0, 1fr) 140rem}
	body:is(.notice, .notice_en) .bo-basic-list__head [data-bo-list]{padding:16rem}
	body:is(.notice, .notice_en) .bo-basic-list .bo-basic__inner [data-bo-list="01"]{padding:12rem 16rem}
	body:is(.notice, .notice_en) .bo-basic-list .bo-basic__inner [data-bo-list="02"], body:is(.notice, .notice_en) .bo-basic-list .bo-basic__inner [data-bo-list="04"]{padding:18rem 16rem}
	body:is(.notice, .notice_en) .notice_icon{width:36rem; height:36rem; background-size:18rem auto}
	body:is(.notice, .notice_en, .news, .news_en, .certificate, .certificate_en, .award, .award_en) .pg_wrap{margin-top:34rem}
}

@media (max-width:860px){
	body:is(.notice, .notice_en, .news, .news_en) #bo_btn_top .bo_sch :is(select, .sch_input){height:68rem}
	body:is(.notice, .notice_en) .bo-basic__inner{grid-template-columns:72rem minmax(0, 1fr) auto 120rem}
	body:is(.notice, .notice_en) .bo-basic-list__head ul{grid-template-columns:72rem minmax(0, 1fr) 120rem}
	body:is(.notice, .notice_en) .bo-basic-list__head [data-bo-list]{padding:14rem}
	body:is(.notice, .notice_en) .bo-basic-list .bo-basic__inner [data-bo-list="01"]{padding:10rem 14rem}
	body:is(.notice, .notice_en) .bo-basic-list .bo-basic__inner [data-bo-list="02"], body:is(.notice, .notice_en) .bo-basic-list .bo-basic__inner [data-bo-list="04"]{padding:16rem 14rem}
}

@media (max-width:540px){
	body:is(.notice, .notice_en, .news, .news_en, .certificate, .certificate_en, .award, .award_en) .board-page .wrap > h3{margin-top:10rem}
	body:is(.notice, .notice_en, .news, .news_en) #bo_btn_top{margin-top:24rem}
	body:is(.notice, .notice_en, .news, .news_en) #bo_btn_top + *{margin-top:10rem}
	body:is(.notice, .notice_en, .news, .news_en) #bo_list_total{margin-top:18rem; font-size:var(--font-14)}
	body:is(.notice, .notice_en, .news, .news_en) #bo_btn_top .bo_sch{width:100%; margin-top:0}
	body:is(.notice, .notice_en, .news, .news_en) #bo_btn_top .bo_sch select{display:none}
	body:is(.notice, .notice_en, .news, .news_en) #bo_btn_top .bo_sch .sch_input{height:49rem; padding:0 55rem 0 15rem; font-size:var(--font-14)}
	body:is(.notice, .notice_en, .news, .news_en) #bo_btn_top .bo_sch .sch_btn{width:55rem}
	body:is(.notice, .notice_en, .news, .news_en) #bo_btn_top .bo_sch .sch_btn::after{background-size:16rem auto}
	body:is(.notice, .notice_en) .bo-basic__inner{grid-template-columns:48rem minmax(0, 1fr) auto}
	body:is(.notice, .notice_en) .bo-basic-list .bo-basic__inner [data-bo-list="01"]{grid-row:1 / span 2; padding:12rem 0}
	body:is(.notice, .notice_en) .bo-basic-list .bo-basic__inner [data-bo-list="02"]{grid-row:1; padding:16rem 0 4rem}
	body:is(.notice, .notice_en) .bo-basic-list .bo-basic__inner [data-bo-list="03"]{grid-row:1; width:auto; padding-left:10rem}
	body:is(.notice, .notice_en) .bo-basic-list .bo-basic__inner [data-bo-list="04"]{grid-row:2; grid-column:2 / -1; padding:0 0 16rem; text-align:left}
	body:is(.notice, .notice_en) .bo-basic-list .bo-basic__inner .bo-basic__num{position:static; width:auto}
	body:is(.notice, .notice_en) .notice_icon{width:32rem; height:32rem; padding:0; background-size:16rem auto}
	body:is(.notice, .notice_en) .bo-basic__title h5{max-width:100%}
	body:is(.notice, .notice_en) .bo-basic-list i.bo-basic__download{position:relative; left:auto; bottom:auto; width:16rem; height:16rem}
	body:is(.notice, .notice_en, .news, .news_en, .certificate, .certificate_en, .award, .award_en) .pg_wrap{margin-top:28rem}
	body:is(.notice, .notice_en, .news, .news_en, .certificate, .certificate_en, .award, .award_en) .pg_wrap .pg :is(.pg_page, .pg_current){margin:0; padding:0}
}

/* === 뉴스룸 === */
body:is(.news, .news_en) #bo_cate{display:none}
body:is(.news, .news_en) #bo_gall{overflow:visible}
body:is(.news, .news_en) #bo_gall::after{content:""; display:block; clear:both}
body:is(.news, .news_en) #bo_gall #gall_ul{gap:50rem 42rem; padding-top:0; border-top:0}
body:is(.news, .news_en) #bo_gall .gall_li{width:100%}
body:is(.news, .news_en) #bo_gall .gall_img{position:relative; aspect-ratio:392 / 320; border-radius:20rem; background:linear-gradient(color-mix(in srgb, var(--bg-gray) 90%, transparent), color-mix(in srgb, var(--bg-gray) 90%, transparent)), url(../img/layout/logo.svg) no-repeat 50% 50% / 141rem auto; background-color:var(--bg-gray); transition:box-shadow 0.5s cubic-bezier(0.215, 0.61, 0.355, 1)}
body:is(.news, .news_en) #bo_gall .gall_img::before{content:""; position:absolute; top:50%; left:50%; z-index:2; width:50rem; height:50rem; margin:-25rem 0 0 -25rem; background:var(--c-primary) url(../img/common/arrow-basic_w.svg) no-repeat 50% 50% / auto 14rem; border-radius:999rem; opacity:0; pointer-events:none; transition:var(--trans-01)}
body:is(.news, .news_en) #bo_gall .gall_img::after{content:""; position:absolute; top:0; left:0; z-index:1; width:100%; height:100%; border:1px solid var(--c-secondary); border-radius:inherit; opacity:0; pointer-events:none; transition:var(--trans-01)}
body:is(.news, .news_en) #bo_gall .gall_desc{display:grid; grid-template-columns:auto auto minmax(0, 1fr); align-items:center; column-gap:10rem; row-gap:10rem; width:100%; margin-top:24rem}
body:is(.news, .news_en) #bo_gall .gall_text_href{display:contents}
body:is(.news, .news_en) #bo_gall .bo_cate_link{grid-row:1; grid-column:1; height:auto; margin:0; padding:0; background:none; border-radius:0; font-size:var(--font-14); font-weight:var(--weight-700) !important; line-height:1.35; color:var(--c-secondary)}
body:is(.news, .news_en) #bo_gall .gall_date{grid-row:1; grid-column:2; display:flex; align-items:center; gap:10rem; margin:0; font-family:var(--lang-ko); font-size:var(--font-14); font-weight:var(--weight-600); line-height:1.35; color:var(--op-b40)}
body:is(.news, .news_en) #bo_gall .gall_date::before{content:""; width:1px; height:14rem; background:var(--br-strong)}
body:is(.news, .news_en) #bo_gall .gall_desc:not(:has(.bo_cate_link)) .gall_date{grid-column:1}
body:is(.news, .news_en) #bo_gall .gall_desc:not(:has(.bo_cate_link)) .gall_date::before{display:none}
body:is(.news, .news_en) #bo_gall .bo_tit_wrap{grid-row:2; grid-column:1 / -1; align-items:flex-start}
body:is(.news, .news_en) #bo_gall .bo_tit{align-items:flex-start; width:100%; max-width:none; min-height:3.47em; max-height:none; font-size:var(--font-19); font-weight:var(--weight-600); line-height:1.45; letter-spacing:0; text-align:left; -webkit-line-clamp:2}
body:is(.news, .news_en) #bo_gall :is(.bo_cnt, .gall_info, i.bo-basic__download, .gall_option){display:none}

@media (hover: hover) and (pointer: fine){
	body:is(.news, .news_en) #bo_gall .gall_li:hover .gall_img{box-shadow:10rem 20rem 20rem color-mix(in srgb, var(--c-primary) 8%, transparent)}
	body:is(.news, .news_en) #bo_gall .gall_li:hover .gall_img::before, body:is(.news, .news_en) #bo_gall .gall_li:hover .gall_img::after{opacity:1}
	body:is(.news, .news_en) #bo_gall .gall_li:hover .bo_tit{text-decoration:none}
}

@media (max-width:1480px){
	body:is(.news, .news_en) #bo_gall #gall_ul{gap:46rem 36rem}
}

@media (max-width:1200px){
	body:is(.news, .news_en) #bo_gall #gall_ul{gap:42rem 30rem}
}

@media (max-width:1023px){
	body:is(.news, .news_en) #bo_gall #gall_ul{gap:40rem 24rem; padding-top:0}
	body:is(.news, .news_en) #bo_gall .gall_img{border-radius:16rem; background-size:auto, 110rem auto}
	body:is(.news, .news_en) #bo_gall .gall_desc{margin-top:20rem; row-gap:8rem}
}

@media (max-width:860px){
	body:is(.news, .news_en) #bo_gall #gall_ul{gap:36rem 20rem}
}

@media (max-width:540px){
	body:is(.news, .news_en) #bo_gall #gall_ul{gap:32rem}
	body:is(.news, .news_en) #bo_gall .gall_li:first-child{margin-top:0}
	body:is(.news, .news_en) #bo_gall .gall_img{border-radius:12rem; background-size:auto, 90rem auto}
	body:is(.news, .news_en) #bo_gall .gall_desc{margin-top:16rem}
	body:is(.news, .news_en) #bo_gall .bo_tit{font-size:var(--font-19)}
}

/* === 인증서 === */
body:is(.certificate, .certificate_en, .award, .award_en) #bo_btn_top{display:none}
body:is(.certificate, .certificate_en, .award, .award_en) #bo_gall{margin-top:42rem; overflow:visible}
body:is(.certificate, .certificate_en, .award, .award_en) #bo_gall::after{content:""; display:block; clear:both}
body:is(.certificate, .certificate_en, .award, .award_en) #bo_btn_top + *{margin-top:0}
body:is(.certificate, .certificate_en, .award, .award_en) #bo_gall #gall_ul{gap:50rem 42rem; padding-top:0; border-top:0}
body:is(.certificate, .certificate_en, .award, .award_en) #bo_gall .gall_li{width:100%}
body:is(.certificate, .certificate_en, .award, .award_en) .certify-item a{display:block}
body:is(.certificate, .certificate_en, .award, .award_en) .certify-item figure{display:flex; align-items:stretch; aspect-ratio:390 / 470; padding:50rem; border:1px solid transparent; border-radius:20rem; background:var(--bg-gray); transition:var(--trans-01)}
body:is(.certificate, .certificate_en, .award, .award_en) #bo_gall .certify-item .gall_img{flex:1; min-width:0; border-radius:10rem; background:var(--w); box-shadow:0 0 20rem color-mix(in srgb, black 6%, transparent)}
body:is(.certificate, .certificate_en, .award, .award_en) .certify-item img{width:100%; height:100%; margin:0}
body:is(.certificate, .certificate_en, .award, .award_en) .certify-item strong{display:block; margin-top:24rem; font-size:var(--font-19); font-weight:var(--weight-700); line-height:1.45; text-align:center; color:var(--b-title)}
body:is(.certificate, .certificate_en, .award, .award_en) .certify-item__cate{display:block; margin-top:24rem; font-size:var(--font-15); font-style:normal; font-weight:var(--weight-300); line-height:1.35; text-align:center; color:var(--op-b40)}
body:is(.certificate, .certificate_en, .award, .award_en) .certify-item__cate + strong{margin-top:6rem}

@media (min-width:541px){
	body:is(.certificate, .certificate_en, .award, .award_en) .certify-pop .close{overflow:hidden; font-size:var(--font-14); text-indent:200%; white-space:nowrap}
}

@media (hover: hover) and (pointer: fine){
	body:is(.certificate, .certificate_en, .award, .award_en) .certify-item:hover figure{border-color:var(--c-secondary); box-shadow:10rem 20rem 10rem color-mix(in srgb, var(--c-primary) 8%, transparent)}
}

@media (max-width:1480px){
	body:is(.certificate, .certificate_en, .award, .award_en) #bo_gall #gall_ul{gap:44rem 32rem}
	body:is(.certificate, .certificate_en, .award, .award_en) .certify-item figure{padding:44rem}
}

@media (max-width:1200px){
	body:is(.certificate, .certificate_en, .award, .award_en) #bo_gall #gall_ul{gap:40rem 28rem}
	body:is(.certificate, .certificate_en, .award, .award_en) .certify-item figure{padding:36rem}
}

@media (max-width:1023px){
	body:is(.certificate, .certificate_en, .award, .award_en) #bo_gall{margin-top:34rem}
	body:is(.certificate, .certificate_en, .award, .award_en) #bo_gall #gall_ul{gap:40rem 20rem}
	body:is(.certificate, .certificate_en, .award, .award_en) .certify-item figure{padding:32rem; border-radius:16rem}
	body:is(.certificate, .certificate_en, .award, .award_en) .certify-item strong{margin-top:18rem}
	body:is(.certificate, .certificate_en, .award, .award_en) .certify-item__cate{margin-top:18rem}
	body:is(.certificate, .certificate_en, .award, .award_en) .certify-item__cate + strong{margin-top:5rem}
}

@media (max-width:860px){
	body:is(.certificate, .certificate_en, .award, .award_en) #bo_gall #gall_ul{gap:36rem 18rem}
	body:is(.certificate, .certificate_en, .award, .award_en) .certify-item figure{padding:26rem}
}

@media (max-width:540px){
	body:is(.certificate, .certificate_en, .award, .award_en) #bo_gall{margin-top:28rem}
	body:is(.certificate, .certificate_en, .award, .award_en) #bo_gall #gall_ul{grid-template-columns:repeat(2, minmax(0, 1fr)); gap:28rem 12rem}
	body:is(.certificate, .certificate_en, .award, .award_en) #bo_gall .gall_li:first-child{margin-top:0}
	body:is(.certificate, .certificate_en, .award, .award_en) .certify-item figure{padding:18rem; border-radius:12rem}
	body:is(.certificate, .certificate_en, .award, .award_en) #bo_gall .certify-item .gall_img{border-radius:6rem}
	body:is(.certificate, .certificate_en, .award, .award_en) .certify-item strong{margin-top:14rem}
	body:is(.certificate, .certificate_en, .award, .award_en) .certify-item__cate{margin-top:14rem; font-size:var(--font-14)}
	body:is(.certificate, .certificate_en, .award, .award_en) .certify-item__cate + strong{margin-top:4rem}
	body:is(.certificate, .certificate_en, .award, .award_en) .certify-pop .close{font-size:var(--font-14)}
}

/* === 게시판 상세 === */
body #bo_v .bo_v_meta li{font-size:var(--font-14)}
body #bo_v_file .bo-file__name{font-size:var(--font-15)}
body #bo_v_file .bo-file__size{font-size:var(--font-13)}
@media (min-width:541px){
	body a.btn-list p{font-size:var(--font-14)}
}