@import url("sub.css");



/* QUALIFIED — CEO STORY */
.qualCeo{display:flex; flex-direction:column; align-items:center; gap:50px; box-sizing:border-box; background:var(--main); position:relative; z-index:2; overflow: hidden;}
.qualCeo_head{display:flex; align-items:center; justify-content:center; gap:15px; max-width:1590px; margin:0 auto;}
.qualCeo_head_logo{display:block; width:192px; height:auto; object-fit:contain; opacity:0.5; flex-shrink:0; filter:brightness(0) invert(1);}
.qualCeo_body{display:flex; gap:10px; max-width:1610px; margin:0 auto;}
.qualCeo_body > div{width: calc(50% - 5px);}
.qualCeo_img_in{position:relative; width:100%; aspect-ratio:800/980; max-height:980px; overflow:hidden;}
.qualCeo_img_in img{display:block; width:100%; height:100%; object-fit:cover;}
.qualCeo_img_cover{display:block; position:absolute; right:-10%; top:0; width:120%; height:120%; background:var(--main); z-index:2; transform:scaleX(1); transform-origin:right center;}
.qualCeo .qualCeo_reveal{opacity:0; visibility:hidden;}
.qualCeo.is-revealed .qualCeo_reveal{visibility:visible;}
@media (prefers-reduced-motion:reduce){.qualCeo .qualCeo_reveal{opacity:1; visibility:visible;}.qualCeo_img_cover{transform:scaleX(0);}}
.qualCeo_cont{display:flex; flex-direction:column; align-items:center; gap:30px; justify-content: center;}
.qualCeo_tit{color:var(--white); text-transform:uppercase; text-align:center;}
.qualCeo_dot{display:block; width:6px; height:6px; border-radius:30px; background:#d9d9d9; flex-shrink:0;}
.qualCeo_lead{color:var(--white); font-weight:500; text-align:center; letter-spacing:var(--letter-spacing-default);}
.qualCeo_desc{display:flex; flex-direction:column; align-items:center; gap:28px; width:100%; color:var(--white); opacity:0.7; text-align:center; letter-spacing:0;}
.qualCeo_desc p{width:100%; text-align:center; letter-spacing:inherit; line-height:inherit; font-size:inherit;}
.qualCeo_desc br{display: block;}

/* QUALIFIED — R&D / LAB */
.qualRnd, .qualLab{display:flex; flex-direction:column; align-items:center; gap:70px; box-sizing:border-box; background:var(--main); position:relative; z-index:2;  overflow: hidden;}
.qualRnd .qualSec_reveal, .qualLab .qualSec_reveal, .qualLicense .qualSec_reveal{opacity:0; visibility:hidden;}
.qualRnd.is-revealed .qualSec_reveal, .qualLab.is-revealed .qualSec_reveal, .qualLicense.is-revealed .qualSec_reveal{visibility:visible;}
@media (prefers-reduced-motion:reduce){.qualRnd .qualSec_reveal, .qualLab .qualSec_reveal, .qualLicense .qualSec_reveal{opacity:1; visibility:visible;}}
.qualRnd_head, .qualLab_head{display:flex; flex-direction:column; align-items:center; gap:30px; max-width:1590px; margin:0 auto;}
.qualRnd_tit, .qualLab_tit{color:var(--white); text-align:center;}
.qualLab_tit{font-weight:300; letter-spacing:var(--letter-spacing-heading);}
.qualSec_dot{display:block; width:6px; height:6px; border-radius:30px; background:#d9d9d9; flex-shrink:0;}
.qualSec_desc{display:flex; flex-direction:column; align-items:center; gap:28px; width:100%; color: rgba(255, 255, 255, .7); text-align:center; letter-spacing:0; text-wrap: balance;}
.qualSec_desc p{width:100%; text-align:center; letter-spacing:inherit; line-height:inherit; font-size:inherit; text-wrap: balance;}
.qualRnd_cont, .qualLab_cont{display:flex; flex-direction:column; align-items:center; gap:40px; width:100%;}
.qualGallery_swiper{width:100%; overflow:hidden;}
.qualGallery_swiper .swiper-wrapper{align-items:flex-start;}
.qualSlide{flex-shrink:0; width:530px; aspect-ratio:530/350; height:auto;}
.qualSlide--narrow{width:261px; aspect-ratio:261/350;}
.qualSlide_in{position:relative; width:100%; height:100%; background:var(--bk000); overflow:hidden;}
.qualSlide_in img{display:block; width:100%; height:100%; object-fit:cover;}
.qualGallery_pager{position:relative; display:flex; gap: 3px; align-items:center; justify-content:center; width:auto; min-height:3px; --qual-autoplay-ms:5000ms;}
.qualGallery_pager .swiper-pagination{position:static; display:flex; align-items:center; justify-content:center; gap:4px; width:auto;}
.qualGallery_pager .swiper-pagination-bullet{width:32px; height:3px; border-radius:0; margin:0 !important; padding:0; border:none; opacity:1; background:rgba(255,255,255,0.3); overflow:hidden; position:relative; flex-shrink:0; box-sizing:border-box;}
.qualGallery_pager .swiper-pagination-bullet::before{content:''; position:absolute; left:0; top:0; width:100%; height:100%; background:var(--white); transform:scaleX(var(--slide-progress, 0)); transform-origin:left center; transition:none;}
.qualGallery_pager.is-autoplay-paused .swiper-pagination-bullet-active.is-progress-css::before{animation-play-state:paused !important;}
.qualGallery_pager .swiper-pagination-bullet-active.is-progress-css::before{animation:qualPagerFill var(--qual-autoplay-ms) linear forwards;}
@keyframes qualPagerFill{from{transform:scaleX(0);}to{transform:scaleX(1);}}

/* QUALIFIED — LICENSE */
.qualLicense{box-sizing:border-box; background:var(--main); position:relative; z-index:2; overflow: hidden;}
.qualLicense_in{display:flex; align-items:center; justify-content:space-between; gap:50px; max-width:1380px; margin:0 auto; width:90%;}
.qualLicense_in > div{width: calc(50% - 50px);}
.qualLicense_txt{display:flex; flex-direction:column; align-items:center; gap:30px;}
.qualLicense_tit{font-weight:300; letter-spacing:var(--letter-spacing-heading); text-align:center; color:var(--white);}
.qualLicense_desc{display:flex; flex-direction:column; align-items:center; gap:28px; width:100%; color:rgba(255,255,255,.7); text-align:center; letter-spacing:0;}
.qualLicense_desc p{width:100%; text-align:center; color: inherit; letter-spacing:inherit; line-height:inherit; font-size:inherit;}
.qualLicense_link{color:inherit; text-decoration:underline; text-underline-offset:3px;}
.qualLicense_link::after{content:'\e89e'; display:inline-block; width:18px; height:18px; margin-left:4px; font-family:var(--icon); font-size:18px; line-height:18px; font-weight:400; vertical-align:middle; text-decoration:none; color: var(--white);}
.qualLicense_img{}
.qualLicense_img .img{overflow: hidden; aspect-ratio: 340/480; max-width: 340px; margin: 0 auto;}
.qualLicense_img img{display:block; width:100%; height:100%; object-fit:contain; object-position:center center;}

/* QUALIFIED — HISTORY */
.history{position:relative; z-index:1; box-sizing:border-box; min-height:150vh;}
.history_stage{position:sticky; top:0; width:100%; min-height:100vh; overflow:visible; display:flex; align-items: center; justify-content:center;  box-sizing:border-box; padding: 150px 0;}
.history_bg{position:absolute; inset:0; z-index:0;  background:var(--main);}
.history_bg_scale {position: sticky; top: 0; width: 100%; height: 100vh; z-index: 0;  will-change: transform, opacity;}
.history_bg_scale img{display:block; width:100%; height:100%; object-fit:cover; object-position:center center;}

.history_cont{position:relative; z-index:2; display:flex; align-items:flex-start; justify-content:space-between; gap:40px; width:90%; max-width:800px; margin:0 auto; box-sizing:border-box;}
.history.is-revealed .history_reveal{visibility:visible;}
.history.is-complete .history_reveal{opacity:1; visibility:visible; transform:none;}
.history.is-complete .history_bg_scale{transform:scale(1);}
@media (prefers-reduced-motion:reduce){.history .history_reveal{opacity:1; visibility:visible; transform:none;}}
.history_head{position:sticky; top:100px; z-index:3; display:flex; flex-direction:column; align-items:flex-start; gap:30px; flex-shrink:0;}
.history_tit{color:var(--white); text-transform:uppercase; text-align:left;}
.history_dot{display:block; width:6px; height:6px; border-radius:30px; background:#d9d9d9; flex-shrink:0;}

.history_list{display:flex; flex-direction:column; align-items:flex-start; gap:10px; flex:1; min-width:0; max-width:520px;}
.history_item{display:flex; align-items:flex-start; gap:20px; width:100%;}
.history_item_year{flex-shrink:0; width:50px; color:var(--white); text-transform:uppercase; text-align:left; letter-spacing: 0.72px;}
.history_item_desc{flex:1; min-width:0; display:flex; flex-direction:column; align-items:flex-start; color:var(--white); opacity:0.7; text-align:left; letter-spacing:var(--letter-spacing-none);}
.history_item_desc li{width:100%; text-align:left; letter-spacing:inherit; line-height:165%; font-size:inherit;}





/*******************************************************************************
    @media 1760px
*******************************************************************************/
@media all and (max-width:1760px){


}
/*******************************************************************************
    @media 1500px
*******************************************************************************/
@media all and (max-width:1500px){

}
/*******************************************************************************
    @media ~1300px
*******************************************************************************/
@media all and (max-width:1300px){


/* QUALIFIED — CEO STORY */
.qualCeo_head_logo{width:182px;}
.qualCeo_body{gap:50px;}
.qualCeo_body > div{width: calc(50% - 25px);}
.qualCeo_cont{gap:20px;}
.qualCeo_desc{gap:15px;}
.qualCeo_desc br{display: none;}


/* QUALIFIED — LICENSE */
.qualLicense_in{gap:30px;}
.qualLicense_in > div{width: calc(50% - 30px);}
.qualLicense_txt{gap:20px;}
.qualLicense_desc{gap:15px;}
.qualLicense_img .img{width: 70%;} 




}
/*******************************************************************************
    @media  ~980px
*******************************************************************************/
@media all and (max-width:980px){


/* QUALIFIED — CEO STORY */
.qualCeo{gap:40px;}
.qualCeo_head_logo{width:152px;}
.qualCeo_body{gap:40px; flex-wrap: wrap;}
.qualCeo_body > div{width: 100%;}
.qualCeo_cont{gap:15px;}
.qualCeo_desc{gap:10px;}
.qualCeo_desc p{text-wrap: balance;}

/* QUALIFIED — LICENSE */
.qualLicense_in{gap:40px; flex-wrap: wrap;}
.qualLicense_in > div{width: 100%;}
.qualLicense_txt{gap:15px;}
/* .qualLicense_desc p{text-wrap: balance;}
.qualLicense_desc.qualLicense_kiscon p{text-wrap:unset;} */
.qualLicense_desc{gap:10px;}

/* QUALIFIED — R&D / LAB */
.qualRnd, .qualLab{gap:50px;}
.qualRnd_head, .qualLab_head{gap:20px;}
.qualSec_desc{gap:15px;}
.qualRnd_cont, .qualLab_cont{gap:30px;}
.qualSlide{width:380px; aspect-ratio:380/250;}
.qualSlide--narrow{width:186px; aspect-ratio:186/250;}


/* QUALIFIED — HISTORY */
.history_head{gap:20px;}



}
/*******************************************************************************
    @media 481~680px
*******************************************************************************/
@media all and (max-width:680px){



/* QUALIFIED — CEO STORY */
.qualCeo{gap:30px;}
.qualCeo_head{gap:10px;}
.qualCeo_head_logo{width:132px;}
.qualCeo_body{gap:30px;}


/* QUALIFIED — LICENSE */
.qualLicense_in{gap:30px;}
.qualLicense_link::after{width:16px; height:16px; font-size:16px; line-height:16px;}


/* QUALIFIED — R&D / LAB */
.qualRnd, .qualLab{gap:40px;}
.qualRnd_head, .qualLab_head{gap:10px;}
.qualSec_desc{gap:10px;}
.qualSlide{width:300px; aspect-ratio:300/200;}
.qualSlide--narrow{width:150px; aspect-ratio:150/200;}
.qualGallery_pager .swiper-pagination-bullet{width:20px;}


/* QUALIFIED — HISTORY */
.history{min-height:100vh;}
.history_stage{padding: 100px 0;}
.history_cont{gap:25px; flex-wrap: wrap;}
.history_head{top:0; position: relative; gap:10px; width: 100%;}

.history_list{gap:8px; max-width: 100%;}
.history_item{gap:10px;}
.history_item_year{width:40px;}




}