/* reset */
*{margin:0;padding:0;box-sizing:border-box;}
body{font-family:"Roboto Condensed",Arial,sans-serif !important;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;}
p{font-family:"Roboto Condensed",sans-serif;}
button{font-family:"Roboto Condensed",sans-serif;}

/* BASE */
body{font-family:Arial,Helvetica,sans-serif;color:#111;background:#fff;}
.section{padding:120px 0;}
.wrap{width:1064px;margin:0 auto;}
.wrap-wide{width:1280px;margin:0 auto;}
.wrap-narrow{width:1060px;margin:0 auto;}
.center{text-align:center; font-weight: 300;}

/* 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{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("../../assets/images/products/captos_visual_section.png") 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:770px;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);}

/* VALIDATION */
.captos-validation{padding:200px 0 60px;}
.captos-validation .logos{display:flex;justify-content:center;gap:30px;align-items:center;}

/* video */
.captos-validation .video-box{width:100%;margin:0 auto 100px;border-radius:16px;overflow:hidden;background:#000;box-shadow:0 14px 34px rgba(0,0,0,.12);position:relative;aspect-ratio:16/9;}
.captos-validation .video-el{width:100%;height:100%;display:block;object-fit:cover;}

/* logos */
.captos-validation .logos{display:flex;justify-content:center;gap:34px;align-items:center;margin-top:15px;}
.captos-validation .logos img{width:auto;}

/* chart */
.captos-validation .chart-box_02{display: flex; justify-content: center;  align-items: center;  width:100%;max-width:920px;margin:200px auto 0;}
.captos-validation .chart-box_02 img{width:50%;height:auto;display:block;}
/* .captos-validation .chart-box{width:100%;max-width:920px;margin:200px auto 0;}
.captos-validation .chart-box img{width:100%;height:auto;display:block;} */
.captos-validation .features_title_wrap{padding-top:200px;}
.captos-validation .features_title_wrap p{font-size:55px;font-weight:600;text-align:left;}

/* PERFORMANCE */
.captos-performance{background:#f5f5f5;}
.captos-performance h2{margin:0 0 25px;font-weight:500;}
.captos-performance .graphs{display:flex;justify-content:center;gap:70px;padding-top:60px;}
.captos-performance .graphs img{width:100%;}

/* FEATURES */
.captos-features{background-color:#f5f5f5;}
.captos-features h2{margin:0 0 36px;font-size:26px;}
.captos-feature-title{margin:0 0 10px;font-size:18px;}
.captos-feature-desc{margin:0 0 28px;font-size:13px;color:#555;}
.captos-feature-media{display:flex;justify-content:center;}

/* PROCESS */
.captos-process .wrap-wide h1 {padding-bottom: 10px;}
.captos-process-tabs{position:relative;width:100%;max-width:1280px;margin:60px auto 26px;padding:3px;display:flex;gap:6px;justify-content:center;align-items:center;border-radius:999px;background:#f2f2f2;box-shadow:0 10px 18px rgba(0,0,0,.10);--tab-left:0px;--tab-width:0px;}
.captos-process-tabs::before{content:"";position:absolute;top:3px;left:0;height:calc(100% - 6px);width:var(--tab-width);transform:translateX(var(--tab-left));border-radius:999px;background:#0b5cff;box-shadow:0 5px 7px rgba(0,0,0,.30);transition:transform .35s ease,width .35s ease;}
.captos-process-tabs button{position:relative;z-index:1;flex:1;height:48px;border:0;border-radius:999px;background:transparent;color:#3d3d3d;font-size:20px;font-weight:500;letter-spacing:-.01em;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0 14px;white-space:nowrap;transition:color .25s ease;}
.captos-process-tabs button.active{background:transparent;color:#fff;box-shadow:none;}
.captos-process-tabs button:focus{outline:none;}
.captos-process-panel{display:none;text-align:center;padding-top:60px;}
.captos-process-panel.active{display:block;}

@media (max-width:720px){
.captos-process-tabs{max-width:100%;}
.captos-process-tabs button{height:40px;font-size:12px;padding:0 10px;white-space:normal;text-align:center;line-height:1.2;}
}

/* REPORT */
.captos-report .row{display:flex;justify-content:center;gap:60px;align-items:center; position: relative;}
.captos-report .row .use_img_txt_wrap {    width: 70%; position: absolute; left: 50%; transform: translateX(-50%); bottom: 50px; color: #fff; text-align: center;}

.section.captos-report{padding:200px 0 150px;}
.captos-report .wrap .use_case_title_wrpa{padding-bottom:50px;}

/* TEAM */
.section.captos-team{padding:70px 0;background:#fff;}
.captos-team .spec-title{margin:0 0 34px;text-align:center;letter-spacing:-.01em;font-weight:300;}
.captos-team .spec-table{width:100%;max-width:980px;margin:0 auto;}
.captos-team .spec-row{display:grid;grid-template-columns:1fr 1.25fr;align-items:center;min-height:46px;border-top:1px solid rgba(0,0,0,.14);}
.captos-team .spec-row:first-child {border: 0px !important;}
.captos-team .spec-row:last-child{border-bottom:0px solid rgba(0,0,0,.14);}
.captos-team .spec-key{text-align:center;font-size:18px;color:#000;padding:12px 14px;font-weight:300;}
.captos-team .spec-val{text-align:left;font-size:18px;color:#000;font-weight:600;padding:12px 14px 12px 70px;}

@media (max-width:720px){
.section.captos-team{padding:56px 0;}
.captos-team .spec-row{grid-template-columns:1fr;}
.captos-team .spec-key{padding-bottom:0;}
.captos-team .spec-val{padding-top:6px;}
}

/* PUBLICATION */
.captos-publication h2{margin:0 0 44px;font-size:55px;}
.pub-list{width:100%;margin:0 auto;}
.pub-item{display:grid;grid-template-columns:70px 110px 1fr;column-gap:26px;align-items:start;padding:25px 20px; transition: all 0.3s ease-in-out;}
.pub-item:hover {background-color: #006EFC; border-radius: 15px;}

.pub-item:hover .pub-no, .pub-item:hover .pub-date, .pub-item:hover .pub-title {color: #fff;}

.pub-no{font-size:32px;font-weight:800;color:#111;line-height:1; transition: all 0.3s ease-in-out;}
.pub-date{font-size:20px;color:#666;line-height:1.4;padding-top:3px; transition: all 0.3s ease-in-out;}
.pub-title{font-size:20px;color:#666;line-height:1.2;word-break:keep-all;font-weight:500; transition: all 0.3s ease-in-out;}

.section.captos-publication {padding-bottom: 200px;}

@media (max-width:860px){
.pub-item{grid-template-columns:60px 90px 1fr;column-gap:18px;padding:18px 0;}
.pub-no{font-size:20px;}
}

@media (max-width:560px){
/* .pub-item{grid-template-columns:52px 1fr;grid-template-areas:"no title" "date title";column-gap:14px;row-gap:6px;padding:16px 0;}
.pub-no{grid-area:no;}
.pub-date{grid-area:date;padding-top:0;}
.pub-title{grid-area:title;} */
}

/* 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;}

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

/* RESPONSIVE */
@media(max-width:1200px){
.wrap,.wrap-wide,.wrap-narrow{width:90%;}
.captos-hero-copy{left:40px;}
.captos-featureBanner-inner {flex-flow: column; padding: 90px 22px !important;}
.captos-featureBanner-copy {max-width: inherit !important; text-align: center;}
.captos-featureBanner-media {justify-content: center !important; max-width: unset !important;}

}
@media(max-width:900px){
.captos-hero{height:auto;min-height:auto;}
.captos-hero-copy{position:static;transform:none;padding:40px;}
.captos-performance .graphs{flex-direction:column;gap:36px;}
.captos-report .row{flex-direction:column;gap:36px;}
}


/*반응형 260212 수정 - HSJ*/

@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;}
    .hero-inner {width: 100%; flex-flow: column; justify-content: center; padding: 120px 0;}
    
    .captos-process-panel .captos-process-media img {width: 100%;}
    .captos-report .row img {width: 100%;}
    .captos-validation .features_title_wrap {padding-top: 90px;}
    .captos-validation .features_title_wrap p {text-align: center;}

    .captos-featureBanner-media img {width: 60% !important;}
    .captos-featureBanner-inner {padding: 90px 22px;}
    .section.captos-report {padding: 90px 0 90px;}
    .section.captos-publication {padding-bottom: 90px;}
    .captos-validation {padding: 90px 0 60px;}
}

@media (max-width: 640px) {
    .captos-process .wrap-wide h1 {text-align: center; font-size: 40px;}
    .captos-process .wrap-wide h6 {text-align: center;}
    .captos-team .spec-val {text-align: center; padding: 12px 14px 12px 12px;}
    .hero-copy h3 {line-height: 1.2; font-size: 18px;}
    .hero-copy h6 { font-size: 14px;}
    .pub-item {grid-template-columns: 1fr; text-align: left; padding: 18px 20px;}
    .hero {height: auto;}
    #captosPublication .wrap h2 {text-align: center;}
    .captos-validation .features_title_wrap p {font-size: 30px;}
    .captos-featureBanner-title {font-size: 25px !important;}
    .captos-featureBanner-desc {font-size: 16px !important;}
    .captos-performance h2 {font-size: 30px;}
    .captos-performance h5 {font-size: 16px;}
    .captos-team .spec-key {font-size: 16px;}
    .captos-team .spec-val {font-size: 16px;}
    .captos-publication h2 {font-size: 30px;}
    .pub-title {font-size: 18px;}
    .footer_bottom {flex-flow: column;}
    .footer_bottom_right {margin: 0px 0 40px 0;}
    .captos-report .row .use_img_txt_wrap {bottom: 20px; font-size: 14px;}
    .captos-validation .logos.other_company {flex-flow: nowrap;}
    .captos-validation .logos.other_company img {max-width: 13.3%;}
    .captos-validation .chart-box_02 { flex-flow: column; margin: 100px auto 0; gap: 50px;}
    .captos-validation .chart-box_02 img {width: 80%;}
    .pub-no {font-size: 18px;}
    .pub-date {font-size: 18px;}
    .pub-title {font-size: 16px;}
    
}

@media (max-width: 480px) {

}