/* reset */
*{margin:0;padding:0;box-sizing:border-box;}
body{font-family:"Roboto Condensed",Arial,sans-serif;color:#111;background:#fff;}
a{color:inherit;text-decoration:none;}
ul,li{list-style:none;}
button{font-family:inherit;}

/* typography */
h1{font-family:"Roboto Condensed",sans-serif;font-size:50px;line-height:120%;font-weight:600;}
h2{font-family:"Roboto Condensed",sans-serif;font-size:40px;line-height:120%;font-weight:600;}
h3{font-family:"Roboto Condensed",sans-serif;font-size:25px;line-height:120%;font-weight:400;}
h4{font-family:"Roboto Condensed",sans-serif;font-size:24px;line-height:120%;font-weight:400;}
h5{font-family:"Roboto Condensed",sans-serif;font-size:20px;line-height:120%;font-weight:400;}
h6{font-family:"Roboto Condensed",sans-serif;font-size:18px;line-height:120%;font-weight:400;}

/* variables */
:root{--container:1080px;--gray-1:#f7f7f7;--text-2:#666;--blue:#0b5bd3;--dark:#0b1a2a;}

/* layout */
.container{width:var(--container);margin:0 auto;padding:0 20px;}
.section{padding:90px 0;}
.section.white{background:#fff;}
.section.gray{background:var(--gray-1);}
.section.dark{background:var(--dark);color:#fff;}
.sec-head{text-align:center;margin-bottom:15px;}
/* .sec-title{letter-spacing:1px;} */
.sec-title h2 {color: #303030; padding-bottom: 15px;}
.sec-desc h5 {color: #303030; padding-bottom: 15px; font-weight: 300;}
.sec-desc{margin-top:5px;font-size:12px;color:var(--text-2);line-height:1.7;}
.section.dark .sec-desc{color:rgba(255,255,255,.75);}

.sec-head .sec-title h3 {font-weight: 500;}

/* header */
.header{position:fixed;top:0;left:0;width:100%;z-index:50;background:rgba(0,0,0,.20);border-bottom:1px solid rgba(255,255,255,.10);backdrop-filter:blur(6px);}
.header-inner{height:64px;display:flex;align-items:center;justify-content:space-between;width:1280px;}

.logo{width:131px;height:18px;position:relative;}
.logo a{display:block;width:100%;height:100%;}
.logo img{width:131px;position:absolute;top:0;left:0;transition:opacity .25s ease;}

.logo .logo-hover{opacity:0;}

.logo:hover .logo-default{opacity:0;}
.logo:hover .logo-hover{opacity:1;}

.gnb{display:flex;gap:50px;}
.gnb a{font-size:12px;color:rgba(255,255,255,.85);letter-spacing:.4px;}
.gnb a:hover{color:#fff;}


/* hero */
/* .hero {background: none; padding-top: 64px; position: relative;}
.hero-bg {position: absolute;  background:linear-gradient(0deg,rgba(0,0,0,.55),rgba(0,0,0,.12)),url("../images/main_slide_01.jpg") center/cover no-repeat;transform:scale(1.02);}
.hero-inner {position: relative; width: 100%; max-width: none; margin: 0 ; padding: 0;} */

.hero{height:100vh;background:#000;position:relative;padding-top:64px;overflow:hidden;}
.hero-bg{position:absolute;inset:0;background:linear-gradient(0deg,rgba(0,0,0,.55),rgba(0,0,0,.12)),url("../images/main_slide_01.jpg") center/cover no-repeat;transform:scale(1.02);}
.hero-inner{position:relative;height:100%;display:flex;align-items:center;}
.hero-copy{color:#fff;max-width:720px;padding-left:10px;}
.hero-copy h1{letter-spacing:1px;margin-bottom:12px;}
.hero-copy h3{line-height:1.7;color:rgba(255,255,255);}
.hero-copy ul{margin-top:14px;}
.hero-copy li{font-size:12px;line-height:1.8;color:rgba(255,255,255);}

/* MORE THAN NOW cards */
.more-grid{display:flex;justify-content:center;gap:30px;}
.more-card{width:320px;border-radius:12px;overflow:hidden;background:#fff;box-shadow:0 12px 30px rgba(0,0,0,.10);}
.more-thumb{position:relative;height:450px;background-size:cover;background-position:center;}
.more-overlay{position:absolute;left:0;top:0;width:100%;height:100%;background:linear-gradient(0deg,rgba(0,0,0,.55),rgba(0,0,0,0));}
.more-text{position:absolute;left:16px;right:16px;bottom:16px;z-index:2;}
.more_same_height {bottom: 35px;}
.more-title{color:#fff;font-weight:700;letter-spacing:.2px;}
.more-title h4 {font-weight: 700;}
.more-desc{margin-top:6px;font-size:11px;color:rgba(255,255,255,.85);line-height:1.5;}

/* ========================================= */
/* FULL BLEED main visual swiper (전체 폭 꽉) */
/* ========================================= */
.section.main-visual-section{padding:0;background:#000;overflow:hidden;}
.main-visual{width:100%;height:700px;margin-left:0;transform:none;position:relative;overflow:hidden;}
.main-visual .swiper-slide{width:100%;height:700px;position:relative;background-size:cover;background-position:center;}
.main-visual .swiper-slide.slide-1{background-image:url("../images/main_section02_bg_01.png");}
.main-visual .swiper-slide.slide-2{background-image:url("../images/main_section02_bg_02.png");}
.main-visual .swiper-slide.slide-3{background-image:url("../images/main_section02_bg_03.png");}
.main-visual .slide-overlay{position:absolute;inset:0;background:linear-gradient(0deg,rgba(0,0,0,.55),rgba(0,0,0,.15));}
.main-visual .slide-copy{position:absolute;left:50%;top:140px;transform:translateX(-50%);width:min(900px,calc(100% - 40px));text-align:center;z-index:2;padding:0 20px;}
.main-visual .slide-copy h3{color:#fff;letter-spacing:.3px;margin-bottom:15px;font-weight:700;}
.main-visual .slide-copy h5{line-height:1.7;color:rgba(255,255,255); font-weight: 300;}
.main-visual .swiper-pagination{bottom:24px !important;}
.main-visual .swiper-pagination-bullet{width:8px;height:8px;border-radius:50%;background:rgba(255,255,255,.35);opacity:1;margin:0 6px !important;transition:background .2s ease,transform .2s ease;}
.main-visual .swiper-pagination-bullet-active{background:rgba(255,255,255,.95);transform:scale(1.1);}
.main-visual .swiper-button-prev,.main-visual .swiper-button-next{width:46px;height:46px;border-radius:50%;background:rgba(0,0,0,.35);backdrop-filter:blur(6px);border:1px solid rgba(255,255,255,.18);}
.main-visual .swiper-button-prev:after,.main-visual .swiper-button-next:after{font-size:18px;color:#fff;}
.main-visual .swiper-button-prev{left:26px;}
.main-visual .swiper-button-next{right:26px;}

/* platform video cards */
.platform-boxes{margin-top:100px;display:flex;gap:18px;justify-content:center;}
.platform-box.platform-video{width:538px;height:300px;border-radius:12px;overflow:hidden;position:relative;display:block;background:#000;}
.platform-video-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transform:scale(1.02);}
.platform-video-overlay{position:absolute;inset:0;background:linear-gradient(0deg,rgba(0,0,0,.55),rgba(0,0,0,.15));}
.platform-video-text{position:absolute;left:18px;right:18px;bottom:16px;z-index:2;color:#fff;}
.platform-video-title{font-size:14px;font-weight:700;letter-spacing:.3px;}
.platform-video-desc{margin-top:6px;font-size:12px;line-height:1.6;color:rgba(255,255,255,.85);}
.platform-box.platform-video:hover .platform-video-overlay{background:linear-gradient(0deg,rgba(0,0,0,.65),rgba(0,0,0,.25));}

/* solutions */
/* solutions layout */
.solutions-grid{margin-top:22px;display:flex;justify-content:center;}
.solution-card{width:548px;height:300px;/* border-radius:14px; */overflow:hidden;position:relative;color:#fff; box-shadow: 0 5px 20px rgba(0, 0, 0, .18);}

/* background images */
.solution-recycle .solution-bg{background:url("../images/main_section04_left.jpg") center/cover no-repeat;}
.solution-health .solution-bg{background:url("../images/main_section04_right.jpg") center/cover no-repeat;}

.solutions-grid .solution-recycle{border-radius:20px 0 0 20px;}
.solutions-grid .solution-health{border-radius:0px 20px 20px 0px;}

.solution-bg{position:absolute;inset:0;z-index:0;}
.solution-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.2),rgba(0,0,0,.15));z-index:1;transition:background .3s ease;}

/* 기본 상태 (타이틀만) */
.solution-front{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;z-index:2;transition:opacity .25s ease;}
.solution-front h3{font-weight:600;}

/* hover 콘텐츠 */
.solution-hover{position:absolute;inset:0;padding:67px;display:flex;flex-direction:column;justify-content:center;opacity:0;transform:translateX(20px);z-index:3;transition:opacity .3s ease,transform .3s ease;}
.solution-hover h3{font-weight:600;margin-bottom:15px;}
.solution-hover p{line-height:1.6;color:rgba(255,255,255,.9);}
.solution-more{margin-top:15px;font-size:15px;font-weight:600;opacity:.9;}

/* hover effect */
.solution-card:hover .solution-front{opacity:0;}
.solution-card:hover .solution-hover{opacity:1;transform:translateX(0);}
.solution-card:hover .solution-overlay{/* background:linear-gradient(90deg,rgba(0,0,0,.75),rgba(0,0,0,.25)); */background:rgba(0,0,0,0.8);}


/* awards (awards3) */
.awards3{background:#f7f7f7;}
.awards3-layout{display:flex;align-items:center;justify-content:space-between;gap:60px;}
.awards3-left{width:360px;}
.awards3-title{font-size:18px;font-weight:700;letter-spacing:.6px;color:#111;}
.awards3-desc{margin-top:10px;font-size:12px;color:#666;line-height:1.7;}
.awards3-right{flex:1;min-width:0;}
.awards3-viewport{width:100%;overflow:hidden;position:relative;}
.awards3-swiper{width:100%;overflow:hidden;}
.awards3-swiper .swiper-wrapper{align-items:center;}
.awards3-swiper .swiper-slide{height:auto;display:flex;justify-content:center;align-items:center;}
.awards3-card{display:flex;justify-content:center;align-items:center;}
.awards3-img{width:220px;height:260px;background-size:contain;background-position:center;background-repeat:no-repeat;}
.awards3-swiper .swiper-slide{opacity:.45;transform:scale(.85);transition:transform .25s ease,opacity .25s ease;}
.awards3-swiper .swiper-slide-active{opacity:1;transform:scale(1);}
.awards3-swiper .swiper-slide-prev,.awards3-swiper .swiper-slide-next{opacity:.75;transform:scale(.92);}
.awards3-caption{text-align:center;margin-top:14px;}
.awards3-cap-title{font-size:20px;font-weight:600;color:#111;}
.awards3-cap-sub{margin-top:6px;font-size:20px;color:#666;}
.awards3-bottom{margin-top:18px;position:relative;}
.awards3-line{width:100%;height:2px;background:rgba(0,0,0,.10);position:relative;overflow:hidden;}
.awards3-line-fill{position:absolute;left:0;top:0;height:100%;width:0;background:rgba(0,0,0,.35);transform-origin:left center;transition:width .6s ease;}
.awards3-nav{position:absolute;left:50%;top:18px;transform:translateX(-50%);display:flex;gap:10px;}
.awards3-prev,.awards3-next{width:28px;height:28px;border-radius:50%;border:1px solid rgba(0,0,0,.15);background:#fff;cursor:pointer;position:relative;}
.awards3-prev::before,.awards3-next::before{content:"";position:absolute;top:50%;left:50%;width:6px;height:6px;border-right:2px solid rgba(0,0,0,.55);border-bottom:2px solid rgba(0,0,0,.55);transform:translate(-50%,-50%) rotate(135deg);}
.awards3-next::before{transform:translate(-50%,-50%) rotate(-45deg);}

/* history tabs */
.history-desc{text-align:center;font-size:12px;color:var(--text-2);line-height:1.7;max-width:780px;margin:0 auto 18px;}
.history-tabs{display:flex;justify-content:center;gap:10px;margin-top:18px;}
.history-tab{min-width:180px;height:22px;border-radius:999px;border:1px solid rgba(0,0,0,.12);background:#fff;font-size:11px;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#333;}
.history-tab.active{background:var(--blue);border-color:var(--blue);color:#fff;}
.history-panel{width:100%;margin-top:26px;}
.history-list{width:1035px;margin:0 auto; padding-top: 30px;}
.history-item{display:flex;gap:18px;padding:15px 0;}
.history-year{width:60px;font-size:25px;font-weight:700;color:#111;}
.history-lines{flex:1;}
.history-lines p{font-size:18px;line-height:1.8;color:#000; padding-bottom: 8px;}
.history-lines p.sub{color:#666;font-size:11px;}
.history-panel[data-panel]{display:none;}
.history-panel.active{display:block;}

.history-tabs{width:100%;max-width:980px;margin:18px auto 0;display:flex;align-items:center;justify-content:space-between;gap:0;padding:5px;border-radius:999px;background:#fff;box-shadow:0 10px 22px rgba(0,0,0,.18);}
.history-tab{flex:1;height:50px;border:0;background:transparent;border-radius:999px;font-size:13px;font-weight:700;letter-spacing:.3px;color:#333;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .25s ease,color .25s ease, box-shadow .25s ease; font-size: 20px; font-weight: 500;}
.history-tab.active{background:linear-gradient(90deg, rgba(45,160,255,1), rgba(12,73,140,1));color:#fff;box-shadow:0 6px 14px rgba(0,0,0,.18);}
.history-tab:focus{outline:none;}
.history-tab:focus-visible{outline:2px solid rgba(45,160,255,.55);outline-offset:3px;}

.history-tab{padding-top:1px;}



/* NEWS SWIPER */
.news-swiper-wrap{margin-top:22px;position:relative;}
.news-swiper{width:100%;}
.news-swiper .swiper-wrapper{align-items:stretch;}
.news-swiper .swiper-slide{height:auto;}
.news-item{display:block;width:100%;}
.news-thumb{width:100%;height:145px;border-radius:10px;overflow:hidden;background:#ddd;}
.news-body{padding-top:10px;}
.news-title{font-size:18px;line-height:1.4;font-weight:700;}
.news-desc{margin-top:6px;font-size:11px;color:#666;line-height:1.6;}
.news-meta{margin-top:8px;font-size:20px;color:#999; font-weight: 300;}
.news-swiper-wrap .swiper-button-prev,.news-swiper-wrap .swiper-button-next{width:34px;height:34px;border-radius:50%;background:rgba(0,0,0,.06);border:1px solid rgba(0,0,0,.10);}
.news-swiper-wrap .swiper-button-prev:after,.news-swiper-wrap .swiper-button-next:after{font-size:14px;color:#222;}
.news-swiper-footer{display:flex;align-items:center;justify-content:center;gap:10px;margin-top:18px;font-size:11px;color:#333;}
.news-swiper-footer > span {font-size: 20px;}
.news-page{min-width:64px;text-align:center;letter-spacing:.5px; font-size: 20px; padding-top: 5px;}
.news-swiper .swiper-pagination{display:none;}
.news-arrow-left, .news-arrow-right {font-size: 40px !important; font-weight: 100; cursor: pointer;}
.news-swiper-wrap .swiper-button-prev, .news-swiper-wrap .swiper-button-next {display: none !important;}

/* footer */
footer{background:#1d1d1d;padding:90px 0 0 0;overflow:hidden;}
.foot-top{display:flex;align-items:flex-start;justify-content:space-between;gap:28px;flex-wrap:wrap;padding-bottom:80px;position:relative;}
.logos{display:flex;gap:10px;flex-wrap:wrap;opacity:.9;padding-top:35px;}
.logos .mini{width:28px;height:28px;border-radius:6px;background:#1f1f1f;border:1px solid #333;}
.addr{color:#bdbdbd;font-size:13px;max-width:48ch;}
.social{display:flex;gap:10px;}
.social a{width:34px;height:34px;border-radius:10px;background:#1c1c1c;border:1px solid #2a2a2a;display:grid;place-items:center;font-size:12px;color:#cfcfcf;}
.email_wrap{display:flex;gap:30px;align-items:center;}
.wid_53{width:53px;}
.wid_58{width:58px;}
.footer_contact h3,.footer_addres h3{font-size:18px;margin:0;}
.email_wrap h5{font-size:15px;font-weight:500;margin-top:15px;margin-bottom:15px;}
.email_wrap:nth-child(2){margin-bottom:0;}
.foot-top::after{content:"";width:145%;background-color:#fff;height:1px;position:absolute;bottom:10px;left:-23%;opacity:.6;}
.footer_bottom{display:flex;justify-content:space-between;}
.footer_bottom_right{display:flex;align-items:center;gap:15px;}
.footer_bottom_left .copyright{font-size:15px;font-weight:500;color:#a1a1a1; margin: 40px 0px;}

.foot-top h3 {font-weight: 600;}

/* 추가 수정 */
.padding_200 {padding: 200px 0px;}
.sec-desc .color_000 {color: #000;}
.platform-desc h5 {text-align: center; font-weight: 300 !important;}
.padding_bottom_40 {padding-bottom: 40px;}
.text_left {text-align: left;}
.text_left > .sec-title > h2 {padding-bottom: 8px;}

.footer_contact h3, .footer_addres h3, .email_wrap {color: #fff;}

/* responsive */

@media (max-width:1120px){
    .header-inner {flex-direction: column; gap: 25px; padding: 18px 0; height: auto; width: 100%;}
    :root{--container:100%;}
    .more-grid{flex-wrap:wrap;}
    .platform-boxes{flex-wrap:wrap;}
    .solutions-grid{flex-wrap:wrap;}
    .awards-swiper{width:100%;}
    .history-list{width:100%;}
    .news-grid{flex-wrap:wrap;}
    .awards3-right {width: 100%;}
    .awards3-layout{flex-direction:column;align-items:center;gap:26px;}
    .awards3-left{width:100%;text-align:center;}
    .solutions-grid .solution-recycle {border-radius: 20px 20px 0px 0px;}
    .solutions-grid .solution-health {border-radius: 0px 0px 20px 20px;}
    
}

@media (max-width:640px){
    .hero{height:520px;}
    .more-card{width:100%; max-width:320px;}
    .platform-box{width:100%;max-width:420px;}
    .solution-card{width:100%;max-width:460px;}
    .history-tab{min-width:0;flex:1;}
    .news-card{width:100%;max-width:320px;}
    .footer-inner{flex-direction:column;}
    .main-visual{height:480px;}
    .main-visual .swiper-slide{height:480px;}
    .main-visual .slide-copy{top:110px;}
    .awards3-img{width:180px;height:220px;}

    .hero-copy h1 {font-size: 40px;}
    .hero-copy h3 {line-height: 1.2; font-size: 18px;}
    .hero-copy ul li h6 {font-size: 14px;}
    .hero-copy ul li h6 > br {display: none;}
    .padding_200 {padding: 80px 0;}
    .padding_top_200 {padding-top: 80px !important;}
    .main-visual .slide-copy h3 > br {display: none;}
    .main-visual .slide-copy h5 > br {display: none;}
    /* .main-visual .slide-overlay {height: auto;} */

    .sec-title h2 {font-size: 30px;}
    .sec-desc h5 {font-size: 16px;}
    .more-title h4 {font-size: 20px;}
    .more-title h4 {font-size: 20px;}
    .more-desc h6 {font-size: 14px;}
    .sec-head .sec-title h3 {font-size: 18px;}
    .sec-desc h2 {font-size: 30px;}
    .platform-desc h5 {font-size: 16px;}
    .awards3-title h2 {font-size: 30px;}
    .awards3-desc h6 {font-size: 14px;}
    .swiper-button-next, .swiper-button-prev {top: var(--swiper-navigation-top-offset, 92%);}
    .platform-video-bg {object-fit: contain;}
    .platform-box.platform-video {height: 230px;}
    .ai_section {padding: 40px 0;}
    .history-year {font-size: 20px;}
    .history-lines p {font-size: 16px;}
    .footer_bottom {flex-flow: column;}
    .footer_bottom_right {margin: 0px 0 40px 0;}
}


@media (max-width:610px){
    .main-visual .swiper-slide {height: auto;}
    .main-visual .slide-copy h3 {font-size: 18px;}
    .main-visual .slide-copy h5 {font-size: 16px;}
}

@media (max-width:360px){
    .main-visual {height: 600px;}
    .main-visual .slide-copy{top:70px;}
    .hero {height: 600px;}
}

/* 260204 수정 ksj */
.padding_top_200 {padding-top: 200px;}
.awards3-prev, .awards3-next {border: 1px solid #dadada;}
.awards3-prev::before, .awards3-next::before {border-right: 1px solid #dadada; border-bottom: 1px solid #dadada;}
.awards3-line-fill {background: #dadada;}
.awards3-line {background: #fff;}
.back_f5f5f5 {background-color: #f5f5f5 !important;}
.padding_10 {padding: 10px 0px;}