@charset "utf-8";

/* 내용관리 */
#ctt {margin:0;padding:0px;background:#fff}
.ctt_admin {text-align: right;top: 100px;position: absolute;right: 0; display: inline-block;border: 1px solid #ccc;background: #fff;padding: 0 13px;font-weight: 500; text-decoration: none; vertical-align: middle;}
.ctt_admin a { font-size:12px; color:#333}
#ctt header h1 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#ctt_con {padding:0;line-height:1.6em}
#ctt_con img{max-width:100%;height:auto}
.ctt_img {text-align:center}

.memberWrap {max-width:1240px;margin:0 auto;text-align:left;padding:150px 10px 50px 10px;color:#666; letter-spacing:-0.8px;line-height:24px;word-break:keep-all}
.memberWrap h3{font-size:18px;font-weight:500;color:#333;margin-bottom:10px;margin-top:50px; font-weight:bold;}
.memberWrap h3:first-child{margin-top:0}
.memberWrap p{margin-top:15px; line-height:1.6;word-break:keep-all; font-size:15px}
.memberWrap .law{margin-top:15px;padding:20px;border:solid 1px #ebebeb;background:#fafafa; font-size:14px}
.memberWrap .law ul li{line-height:22px;margin-top:3px; padding:0; line-height:1.6;}
.memberWrap .law ul li:first-child{margin-top:0}


/* 공통 서브 타이틀 */
.subtitle{position:relative;background:#0d1320 center center/cover no-repeat;min-height:380px;display:flex;align-items:flex-end}
.subtitle:before{content:"";position:absolute;inset:0;background:rgba(8,15,30,.45)}
.subtitle .subtitle__inner{position:relative;z-index:1;max-width:1240px;width:100%;margin:0 auto;padding:0 20px 42px}
.subtitle .subtitle__section{margin:0;color:#f3a000;font-size:32px;font-weight:700;line-height:1.2}
.subtitle .subtitle__title{margin:6px 0 0;color:#fff;font-size:40px;font-weight:500;line-height:1.3}

/* 공통 서브 네비 */
.subnavi{border-bottom:1px solid #ececec;background:#fff}
.subnavi .subnavi__inner{max-width:1240px;margin:0 auto;padding:0 20px;display:flex;align-items:center}
.subnavi .subnavi__home{display:flex;align-items:center;justify-content:center;width:40px;height:52px;color:#cecece;text-decoration:none;border-left:1px solid #ebebeb;border-right:1px solid #ebebeb}
.subnavi .subnavi__list{margin:0;padding:0;list-style:none;display:flex;align-items:center}
.subnavi .subnavi__item{display:flex;align-items:center;color:#7a7a7a;font-size:13px;line-height:1;border-right:1px solid #ebebeb}
.subnavi .subnavi__link{display:flex;align-items:center;gap:14px;padding:0 22px;height:52px;color:inherit;text-decoration:none}
.subnavi .subnavi__link i{color:#222;font-size:12px}
.subnavi .subnavi__item.is-current{color:#222;font-weight:600}

/* company 공통 본문 */
.company{padding:70px 0 110px;background:#fff}
.company .company__inner{max-width:1240px;margin:0 auto;padding:0 20px}
.company .company-values{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;}
.company .company-values__item{padding:36px 24px 30px;text-align:center;border-right:1px solid #f2f2f2}
.company .company-values__item:last-child{border-right:0}
.company .company-values__icon{display:inline-flex;justify-content:center;align-items:center;width:58px;height:58px;font-size:38px;color:#f1a000}
.company .company-values__item h3{margin:8px 0 12px;color:#111;font-size:30px;font-weight:700;line-height:1.2}
.company .company-values__item p{margin:0;color:#666;font-size:13px;line-height:1.7;word-break:keep-all}

.company .company-services{margin-top:46px;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:repeat(2,1fr);gap:14px}
.company .company-card{position:relative;overflow:hidden;border-radius:14px;background:#07101f center center/cover no-repeat;text-decoration:none;color:#fff;min-height:250px;display:flex;align-items:flex-end;padding:28px}
.company .company-card:before{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,.62) 22%,rgba(0,0,0,.1) 100%)}
.company .company-card--large{grid-row:1 / span 2;min-height:514px}
.company .company-card__content{position:relative;z-index:1}
.company .company-card__title{margin:0;color:#fff;font-size:34px;font-weight:700;line-height:1.25}
.company .company-card__desc{margin:8px 0 0;color:#fff;font-size:24px;font-weight:500;line-height:1.35}
.company .company-card__arrow{position:absolute;right:24px;top:50%;transform:translateY(-50%);z-index:1;color:#f1a000;font-size:30px}

/* company 역량 및 특허 */
.company .company-certs__lead{padding-top:18px;text-align:left}
.company .company-certs__eyebrow{margin:0;color:#ed9600;font-size:18px;font-weight:700;line-height:1.5}
.company .company-certs__lead h3{margin:8px 0 0;color:#222;font-size:24px;font-weight:700;line-height:1.45;letter-spacing:-0.4px;word-break:keep-all}

.company .company-certs__steps{margin-top:38px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:34px}
.company .company-certs__step{position:relative;width:170px;height:170px;border:1px solid #f1a000;border-radius:50%;background:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}
.company .company-certs__step .step-no{position:absolute;top:26px;left:50%;transform:translateX(-50%);margin:0;color:#ed9600;font-size:11px;font-weight:700;line-height:1}
.company .company-certs__step i{font-size:34px;color:#111;margin-top:15px;}
.company .company-certs__step .step-title{margin:10px 0 0;color:#111;font-size:18px;font-weight:700;line-height:1.3}
.company .company-certs__step:not(:last-child):after{content:"";position:absolute;right:-80px;top:50%;transform:translateY(-50%);width:0;height:0;border-top:7px solid transparent;border-bottom:7px solid transparent;border-left:10px solid #d9d9d9}
.company .company-certs__certs{margin-top:150px}
.company .company-certs__lead--certs{padding-top:0}
.company .company-certs__carousel{margin-top:26px}
.company .company-certs__item{padding:6px 0}
.company .company-certs__item .cert-card{display:block;position:relative;text-decoration:none;transition:transform .25s ease}
.company .company-certs__item .cert-card__thumb{display:flex;align-items:center;justify-content:center;overflow:hidden}
.company .company-certs__item .cert-card__thumb img{width:100%;height:100%;object-fit:cover;display:block}
.company .company-certs__item .cert-card__thumb span{color:#8a8a8a;font-size:14px}
.company .company-certs__item .cert-card__overlay{position:absolute;inset:0;background:rgba(237,150,0,.9);display:flex;align-items:flex-end;padding:18px;opacity:0;transition:opacity .25s ease}
.company .company-certs__item .cert-card__subject{margin:0;color:#fff;font-size:18px;font-weight:700;line-height:1.35}
.company .company-certs__item .cert-card:hover{transform:translateY(-8px)}
.company .company-certs__item .cert-card:hover .cert-card__overlay{opacity:1}

/* company 조직도 */
.company .company-office{max-width:980px}
.company .company-office__lead{text-align:center;padding-top:8px}
.company .company-office__lead h3{margin:0;color:#111;font-size:34px;line-height:1.25;font-weight:800}
.company .company-office__lead span{display:block;margin-top:12px;color:#444;font-size:18px;line-height:1.5}
.company .company-office__image{margin-top:154px;text-align:center;position:relative}
.company .company-office__image:before{content:"";position:absolute;left:50%;top:-98px;transform:translateX(-50%);width:1px;height:42px;background:#d9d9d9}
.company .company-office__image img{max-width:100%;height:auto}

.company .company-office-table{margin-top:72px}
.company .company-office-table table{width:100%;border-collapse:collapse;table-layout:fixed}
.company .company-office-table th,
.company .company-office-table td{border:1px solid #f1d7a9;padding:10px 12px;color:#222;font-size:14px;line-height:1.35;text-align:center;vertical-align:middle;word-break:keep-all;}
.company .company-office-table thead th{background:rgba(237,150,0,0.1);font-weight:700}
.company .company-office-table tbody th{font-weight:700}
.company .company-office-table tbody .bg-yellow{background:rgba(237,150,0,0.05)}

#contact .contact_info_section {margin-top:50px;}

@media (max-width:1024px){
    .subtitle .subtitle__section{font-size:26px}
    .subtitle .subtitle__title{font-size:32px}
    .company .company-values__item h3{font-size:24px}
    .company .company-card__title{font-size:26px}
    .company .company-card__desc{font-size:19px}
    .company .company-certs__eyebrow{font-size:15px}
    .company .company-certs__lead h3{font-size:22px}
    .company .company-certs__steps{gap:22px}
    .company .company-certs__step{width:150px;height:150px}
    .company .company-certs__step .step-no{top:22px;font-size:10px}
    .company .company-certs__step i{font-size:28px;margin-top:10px}
    .company .company-certs__step .step-title{font-size:16px}
    .company .company-certs__step:not(:last-child):after{right:-28px}
    .company .company-certs__certs{margin-top:68px}
    .company .company-certs__item .cert-card__subject{font-size:16px}
    .company .company-office__lead h3{font-size:30px}
    .company .company-office__lead span{font-size:16px}
    .company .company-office-table th,
    .company .company-office-table td{font-size:12px;padding:8px}
}

@media (max-width:768px){
    .subtitle{min-height:220px}
    .subtitle .subtitle__inner{padding:0 16px 28px}
    .subtitle .subtitle__section{font-size:22px}
    .subtitle .subtitle__title{font-size:28px}
    .subnavi .subnavi__inner{padding:0 16px}
    .subnavi .subnavi__home{width:34px;height:46px}
    .subnavi .subnavi__link{height:46px;padding:0 14px;gap:8px}
    .company{padding:48px 0 70px}
    .company .company__inner{padding:0 16px}
    .company .company-values{grid-template-columns:1fr}
    .company .company-values__item{border-right:0;border-bottom:1px solid #f2f2f2}
    .company .company-values__item:last-child{border-bottom:0}
    .company .company-services{grid-template-columns:1fr;grid-template-rows:auto}
    .company .company-card,.company .company-card--large{grid-row:auto;min-height:220px}
    .company .company-card{padding:22px}
    .company .company-card__title{font-size:22px}
    .company .company-card__desc{font-size:16px}
    .company .company-certs__lead{padding-top:6px}
    .company .company-certs__eyebrow{font-size:13px}
    .company .company-certs__lead h3{font-size:18px;line-height:1.45}
    .company .company-certs__steps{grid-template-columns:repeat(2,minmax(0,1fr));justify-items:center;gap:14px;margin-top:26px}
    .company .company-certs__step{width:138px;height:138px}
    .company .company-certs__step .step-no{top:18px}
    .company .company-certs__step i{font-size:22px;margin-top:8px}
    .company .company-certs__step .step-title{font-size:14px}
    .company .company-certs__step:not(:last-child):after{display:none}
    .company .company-certs__certs{margin-top:44px}
    .company .company-certs__carousel{margin-top:18px}
    .company .company-certs__item .cert-card__subject{font-size:14px}
    .company .company-certs__item .cert-card:hover{transform:none}
    .company .company-certs__item .cert-card__overlay{padding:12px}
    .company .company-office__lead h3{font-size:24px}
    .company .company-office__lead span{font-size:14px}
    .company .company-office__image{margin-top:32px}
    .company .company-office__image:before{top:-22px;height:12px}
    .company .company-office-table{margin-top:40px;overflow-x:auto}
    .company .company-office-table table{min-width:680px}
}