@charset "utf-8";
/* doc.css는 디자인페이지 스타일을 정의합니다. */ 

/* 공통 */
.real-cont article {overflow: hidden;}


/* CEO 인사말 */
.greetings .cont {display:flex; align-items:center; gap: var(--space-100);}
.greetings .img {flex-shrink:0; width:clamp(280px, calc(540 / var(--inner) * 100vw), 540px); height:clamp(373px, calc(720 / var(--inner) * 100vw), 720px); border-radius:var(--radius-8); overflow:hidden;}
.greetings .img img {width:100%; height:100%; object-fit:cover; object-position:center;}
.greetings .info {display:flex; flex:1 1 auto; flex-direction:column; gap:var(--space-60); min-width:0;}
.greetings .head {display:flex; flex-direction:column; gap:var(--space-24);}
.greetings .sub-tit {font-size:var(--font-size-20); font-weight:500; line-height:1.7; color:#ccc;}
.greetings .tit {font-size: var(--font-size-38); font-weight:500; line-height:1.42; color:#2c2c2c;}
.greetings .tit em {font-style:normal; color:var(--color-primary);}
.greetings .txt-wrap {display:flex; flex-direction:column; gap:var(--space-28);}
.greetings .txt-wrap p {font-size:var(--font-size-20); line-height:1.7;}


/* 비전 및 경영이념 */
.vision .sec-tit {font-size:var(--font-size-42); font-weight:500; line-height:1.33; text-align:center; margin-bottom: var(--space-60);}

.vision .visions {padding-bottom: var(--space-160);}
.vision .visions .items {border:1px solid #eee; border-radius:var(--radius-8); overflow:hidden; background: linear-gradient(71deg, #FFF 0.4%, #FAFAFA 99.6%);}
.vision .visions .item {display:flex; align-items:stretch; height:clamp(240px, calc(360 / var(--inner) * 100vw), 360px);}
.vision .visions .img {width: 50%; overflow:hidden;}
.vision .visions .img img {width:100%; height:100%; object-fit:cover; object-position:center;}
.vision .visions .info {display:flex; flex-direction:column; align-items:center; justify-content:center; gap:var(--space-24); padding:var(--space-20); width: 50%;}
.vision .visions .tit {font-size:var(--font-size-42); font-weight:500; line-height:1.33; color:var(--color-primary); text-align:center;}
.vision .visions .deco {display:flex; align-items:center;}
.vision .visions .desc {font-size:var(--font-size-20); font-weight:500; line-height:1.7; color:#2c2c2c; text-align:center;}
.vision .value {padding:var(--space-120) 0; background: url('/images/sub/vision-value-bg.jpg') no-repeat center / cover;}
.vision .value .sec-tit {color: #fff;}
.vision .value .list {position:relative; z-index:1; display:flex; flex-direction:column; margin-top:var(--space-60);}
.vision .value .line {height:1px; width:100%; background:linear-gradient(90deg, rgba(255,255,255,0) 0%, #fff 50%, rgba(255,255,255,0) 100%);}
.vision .value .details {display:flex; align-items:flex-start; justify-content:space-between; gap:var(--space-30);}
.vision .value .detail {position:relative; display:flex; flex:1 1 0; flex-direction:column; align-items:center; gap:var(--space-24); min-width:0; padding-top:var(--space-40);}
.vision .value .detail .dot {position:absolute; top:-8px; left:50%; transform:translateX(-50%); width:16px; height:16px; border-radius:50%; background:rgba(255,255,255,0.24); display:flex; align-items:center; justify-content:center;}
.vision .value .detail .dot::before {content:''; width:8px; height:8px; border-radius:50%; background:#fff;}
.vision .value .detail .icon {display:flex; align-items:center; justify-content:center; width:28px; height:28px;}
.vision .value .detail .icon img {width:100%; height:100%; object-fit:contain;}
.vision .value .detail .tit {font-size:var(--font-size-28); font-weight:500; line-height:1.5; color:#fff; text-align:center;}

.vision .competency {position:relative; padding:var(--space-120) 0 var(--space-160); background:url('/images/sub/vision-competency-bg.jpg') no-repeat center / cover; overflow:hidden;}
.vision .competency .sec-tit {position:relative; z-index:1; font-size:var(--font-size-42); font-weight:500; line-height:1.33; color:#2c2c2c; text-align:center;}
.vision .competency .details {position:relative; z-index:1; display:flex; align-items:center; justify-content:center; margin-top:var(--space-60);}
.vision .competency .detail {display:flex; flex-direction:column; align-items:center; justify-content:center; gap:var(--space-24); width:clamp(200px, calc(360 / var(--inner) * 100vw), 360px); height:clamp(200px, calc(360 / var(--inner) * 100vw), 360px); margin-right: calc(var(--space-80) * -1); border-radius:50%; backdrop-filter:blur(7.8px); -webkit-backdrop-filter:blur(7.8px);}
.vision .competency .detail:last-child {margin-right:0;}
.vision .competency .detail:nth-child(1) {background:rgba(34,116,184,0.9);}
.vision .competency .detail:nth-child(2) {background:rgba(81,145,199,0.9);}
.vision .competency .detail:nth-child(3) {background:rgba(127,175,213,0.9);}
.vision .competency .detail:nth-child(4) {background:rgba(173,204,228,0.9);}
.vision .competency .detail .icon {display:flex; align-items:center; justify-content:center; width:28px; height:28px;}
.vision .competency .detail .icon img {width:100%; height:100%; object-fit:contain;}
.vision .competency .detail .tit {font-size:var(--font-size-20); font-weight:500; line-height:1.7; color:#fff; text-align:center;}


/* 회사 연혁 */
.history {position:relative;}
.history::before {content:''; position:absolute; top:0; left:0; right:0; height:1px; background:#eee;}
.history-track {position:absolute; top:0; left:50%; width:1px; height:100%; transform:translateX(-50%); z-index:2; pointer-events:none;}
.history-track .line {position:absolute; inset:0; width:1px; background:#eee;}
.history-track .line-fill {position:absolute; top:0; left:0; width:1px; height:0; background:linear-gradient(180deg, #eee 0%, var(--color-primary) 100%);}
.history-track .dot {display: none;}
.history-box {display:flex; align-items:stretch; position:relative;}
.history-aside {display:flex; width: 50%; flex-direction:column; gap:var(--space-40); min-width:0; padding:var(--space-80) var(--space-24) 0; border-left:1px solid #eee;}
.history-aside .period {font-size:var(--font-size-42); font-weight:400; line-height:1.33; color:#2c2c2c; padding-left:var(--space-20);}
.history-aside .img {height:clamp(200px, calc(380 / var(--inner) * 100vw), 380px); border-radius:var(--radius-8); overflow:hidden;}
.history-aside .img img {width:100%; height:100%; object-fit:cover; object-position:center;}
.history-years {padding-left:var(--space-20);}
.history-years .year {font-size:var(--font-size-42); font-weight:400; line-height:1.33; color:#2c2c2c;}
.history-year-list {width: 50%; padding:clamp(80px, calc(180 / var(--inner) * 100vw), 180px) 0 var(--space-20) clamp(30px, calc(60 / var(--inner) * 100vw), 60px);}
.history-item {display:flex; flex-direction:column; gap:var(--space-8); padding-bottom:var(--space-64);}
.history-item:last-child {padding-bottom:0;}
.history-item .history-year {margin:0; padding:0;}
.history-item .history-year strong {font-size:var(--font-size-28); font-weight:600; line-height:1.5; color:#878787; transition:color 0.3s ease;}
.history-item.active .history-year strong {color:var(--color-primary);}
.history-month-box {padding:0;}
.history-detail p {font-size:var(--font-size-20); font-weight:500; line-height:1.7; color:#2c2c2c;}
.history-year-wrap:last-child .history-year-list {padding-bottom:var(--space-160);}


.real-cont .organization {overflow: visible;}


/* 찾아오시는 길 */
.directions {display:flex; flex-direction:column; gap: 32px;}
.directions .root_daum_roughmap_landing {border:1px solid #eee; border-radius:var(--radius-8); width:100% !important; height:clamp(280px, calc(480 / var(--inner) * 100vw), 480px) !important; margin-bottom:0;}
.directions .info-wrap {display:flex; flex-direction:column; gap:var(--space-32);}
.directions .head {display:flex; flex-direction:column; gap:var(--space-16);}
.directions .tit {font-size:var(--font-size-36); font-weight:500; line-height:1.39; color:#2c2c2c;}
.directions .address {display:flex; align-items:center; gap:var(--space-8);}
.directions .address .icon {display:flex; align-items:center; justify-content:center; width:24px; height:24px; flex-shrink:0;}
.directions .address .icon img {width:100%; height:100%; object-fit:contain;}
.directions .address .txt {font-size:var(--font-size-20); line-height:1.7; color:#2c2c2c;}
.directions .details {display:flex; gap:var(--space-16);}
.directions .detail {display:flex; flex:1 1 0; flex-direction:column; gap:var(--space-12); min-width:0; padding:var(--space-24) var(--space-32); border:1px solid #eee; border-radius:var(--radius-8);}
.directions .detail .item-head {display:flex; align-items:center; gap:var(--space-8);}
.directions .detail .item-head .icon {display:flex; align-items:center; justify-content:center; width:24px; height:24px; flex-shrink:0;}
.directions .detail .item-head .icon img {width:100%; height:100%; object-fit:contain;}
.directions .detail .lbl {font-size:var(--font-size-20); font-weight:600; line-height:1.7; color:#2c2c2c;}
.directions .detail .txt {font-size:var(--font-size-18); line-height:1.77; color:#2c2c2c;}
.directions .detail .txt a {color:inherit;}
.root_daum_roughmap .wrap_map {height:100% !important;}
.root_daum_roughmap .wrap_controllers {display:none !important;}
.root_daum_roughmap .cont {display:none !important;}
.root_daum_roughmap .map_border {display:none !important;}

/* 솔루션 */
.solution .intro {padding:var(--space-100) 0;}
.solution .intro .head {display:flex; flex-direction:column; align-items:center; gap:var(--space-24); text-align:center;}
.solution .intro .label {display:flex; align-items:center; gap:var(--space-10); font-size:var(--font-size-20); line-height:1.7; color:var(--color-primary);}
.solution .intro .label::before {content:''; width:4px; height:4px; background:var(--color-primary); flex-shrink:0;}
.solution .intro .tit {font-size:var(--font-size-48); font-weight:600; line-height:1.38; color:#2c2c2c;}
.solution .intro .desc {display:flex; flex-direction:column; gap:0; font-size:var(--font-size-20); line-height:1.7; color:#676767;}
.solution .intro .keywords {display:flex; flex-wrap:wrap; align-items:center; justify-content:center; margin-top:var(--space-40);}
.solution .intro .keywords li {font-size:var(--font-size-16); font-weight:500; line-height:1.5; color:#a8a8a8; padding: 0 var(--space-14); position:relative;}
.solution .intro .keywords li::after {content:''; position:absolute; top:50%; right:0; transform:translateY(-50%); width:2px; height:16px; background:#eee; vertical-align:middle;}
.solution .intro .keywords li:last-child::after {content:none;}

.solution .products {padding:var(--space-100) 0 var(--space-160); background:#f6f8f9; position:relative;}
.solution .products .contain {position:relative;}
.solution .product-tabs {gap:var(--space-24); margin-bottom:var(--space-54); border-bottom:1px solid #eee;}
.solution .product-tabs .contain {display:flex; gap:var(--space-24); max-width: 1080px;}
.solution .product-tabs .tab {flex:1 1 0; min-width:0; display:flex; align-items:center; justify-content:center; padding: var(--space-16) 0; border:0; border-bottom:2px solid transparent; margin-bottom:-1px; background:transparent; font-size:var(--font-size-20); font-weight:500; line-height:1.7; color:#878787; cursor:pointer;}
.solution .product-tabs .tab.active {border-bottom-color:var(--color-primary); color:var(--color-primary);}
.solution .tab-panel {display:none; position:relative;}
.solution .tab-panel.is-active {display:block;}
.solution .controls {pointer-events: none;}
.solution .slide-arrow {display:flex; align-items:center; justify-content:center; width:clamp(38px, calc(56 / var(--inner) * 100vw), 56px); height:clamp(38px, calc(56 / var(--inner) * 100vw), 56px); padding:0; border: 1px solid #121212; background: #121212; cursor:pointer; border-radius: 4px; color: #fff; position: absolute; top: 50%; transform: translateY(-50%); z-index: 2; transition: .2s; pointer-events: auto;}
.solution .slide-arrow svg {width: clamp(8px, calc(12 / var(--inner) * 100vw), 12px); height: auto;}
.solution .slide-arrow.prev {left: max(calc((100vw - 1200px) / 2), var(--space-container));}
.solution .slide-arrow.next {right: max(calc((100vw - 1200px) / 2), var(--space-container));}
.solution .slide-arrow.slick-disabled {border-color: #eee; background: #fff; color: #ccc; cursor: default;}
.solution .slide-arrow.slick-hidden {display:none !important; visibility:hidden !important;}
.solution .slider .slick-list {overflow:visible;}
.solution .slider .slick-slide {width:1060px !important; height: clamp(600px, calc(836 / var(--inner) * 100vw), 836px); padding:0 calc(var(--space-34) / 2); transition: .3s, width 0s;}
.solution .slider .slick-slide > div {height: 100%;}
.solution .slider .slick-slide > div > .item {height: 100%; display: flex !important; align-items: center; justify-content: center;}
.solution .slider .card {display:flex; flex-direction:column; width:100%; max-width:1020px; padding:var(--space-36); border:1px solid #eee; border-radius:var(--radius-8); background:#fff; margin: auto; transition: .6s; position: relative;}
.solution .slider .slick-track {display:flex; align-items:center;}
.solution .slider .card-top {display:flex; align-items:flex-start; justify-content:space-between; gap:var(--space-24); margin-bottom: var(--space-48); position: relative;}
.solution .slider .card-info {display:flex; flex-direction:column; transition: .6s;}
.solution .slider .card-info .sub {display:flex; gap:var(--space-10); font-size:var(--font-size-18); line-height:1.77; color:#676767; transition: .6s, opacity 0s;}
.solution .slider .card-info .sub::before {content:''; width:4px; height:4px; background:var(--color-primary); flex-shrink:0; margin-top: 0.75em;}
.solution .slider .card-info .logo {max-width:200px; height: clamp(50px, calc(70 / var(--inner) * 100vw), 70px); margin: var(--space-10) 0 var(--space-20); display: flex; align-items: center; transition: .6s;}
.solution .slider .card-info .logo img {max-width:100%; height:auto; max-height:100%; object-fit:contain;}
.solution .slider .card-info .txt {font-size:var(--font-size-18); line-height:1.77; color:#676767; transition: .6s, opacity 0s;}
.solution .slider .card-info .effect {display:flex; flex-wrap:wrap; align-items:center; gap:var(--space-8) var(--space-16); margin-top:var(--space-36); transition: .6s, opacity 0s;}
.solution .slider .card-info .effect-head {display:flex; align-items:center; gap: 8px; font-size:var(--font-size-16); font-weight:500; line-height:1.5; color:#2c2c2c;}
.solution .slider .card-info .effect-icon {display: flex; align-items: center; justify-content: center; width: 12px; height: 16px;}
.solution .slider .card-info .effect-icon img {width:100%; height:100%; object-fit:contain;}
.solution .slider .card-info .effect-txt {font-size:var(--font-size-16); line-height:1.5; color:#676767; transition: .6s, opacity 0s;}
.solution .slider .more {flex-shrink:0; display:inline-flex; gap:var(--space-8); font-size:var(--font-size-20); font-weight:600; line-height:1.7; color:var(--color-primary); opacity: 1; transition: .6s, opacity 0s;}
.solution .slider .more .icon {display:flex; width:12px; height:12px; transition: .2s;}
.solution .slider .more .icon img {width:100%; height:100%; object-fit:contain;}
.solution .slider .more:hover .icon {transform: scale(1.2);}
.solution .slider .tags {display:flex; flex-wrap:wrap; gap:var(--space-6); transition: .6s, opacity 0s;}
.solution .slider .tags li {padding:var(--space-8) var(--space-10); border-radius:var(--radius-6); background:#edf1f5; font-size:var(--font-size-13); font-weight:500; line-height:1.23; color:var(--color-primary);}
.solution .slider .visual {height:clamp(200px, calc(360 / var(--inner) * 100vw), 360px); border-radius:var(--radius-4); overflow:hidden; margin: var(--space-32) 0; opacity: 1; width: 100%; visibility: visible;}
.solution .slider .visual img {width:100%; height:100%; object-fit:cover; object-position:center;}
.solution .slider .download {display:flex; align-items:center; justify-content:center; gap:var(--space-8); width:100%; padding:var(--space-16) var(--space-24); border:1px solid var(--color-primary); border-radius:var(--radius-6); background:#fff; font-size:var(--font-size-18); font-weight:700; line-height:1.56; color:var(--color-primary);}
.solution .slider .download .icon {display:flex; width:18px; height:18px;}
.solution .slider .download .icon img {width:100%; height:100%; object-fit:contain;}
.solution .slider .download:hover {background:var(--color-primary); color:#fff;}
.solution .slider .more,
.solution .slider .card-info .sub,
.solution .slider .card-info .txt,
.solution .slider .tags,
.solution .slider .visual,
.solution .slider .download {position:relative; opacity:1; width:auto; height:auto; visibility:visible; transition:.6s;}

/* 뷰포트 1281px 이상에서만 적용 (centerMode 적용 시) */
@media (min-width: 1281px) {
.solution .slider .slick-slide.is-prev:not(.slick-center) .card {margin-right: var(--space-100); margin-left:auto;}
.solution .slider .slick-slide.is-next:not(.slick-center) .card {margin-left: var(--space-100); margin-right:auto;}
.solution .slider .slick-slide:not(.slick-center) .card {display:flex; align-items:center; justify-content:center; width:200px; height:200px; gap:0; padding:0; opacity:1; overflow:hidden;}
.solution .slider .slick-slide:not(.slick-center) .more,
.solution .slider .slick-slide:not(.slick-center) .card-info .sub,
.solution .slider .slick-slide:not(.slick-center) .card-info .txt,
.solution .slider .slick-slide:not(.slick-center) .card-info .effect,
.solution .slider .slick-slide:not(.slick-center) .tags,
.solution .slider .slick-slide:not(.slick-center) .visual,
.solution .slider .slick-slide:not(.slick-center) .download {position:absolute; opacity:0; width:0; height:0; font-size:0; visibility:hidden;}
.solution .slider .slick-slide:not(.slick-center) .card-top {width:100%; height:100%; align-items:center; justify-content:center; margin-bottom:0; gap:0;}
.solution .slider .slick-slide:not(.slick-center) .card-info {align-items:center; justify-content:center; gap:0; width:100%;}
.solution .slider .slick-slide:not(.slick-center) .card-info .logo {max-width:80px;}
}

/* 성공사례 */
.case .case-tabs {border-bottom:1px solid #eee;}
.case .case-tabs .contain {max-width:1200px;}
.case .case-tabs ul {display:flex; gap:var(--space-24);}
.case .case-tabs li {flex:1 1 0; min-width:0;}
.case .case-tabs a {display:flex; align-items:center; justify-content:center; padding:var(--space-16) 0; border-bottom:2px solid transparent; margin-bottom:-1px; font-size:var(--font-size-20); font-weight:500; line-height:1.7; color:#878787; text-align:center;}
.case .case-tabs a.active {border-bottom-color:var(--color-primary); color:var(--color-primary);}
.case .case-item {padding:var(--space-100) 0;}
.case .case-item.is-gray {padding-top:var(--space-54); background:#f6f8f9;}
.case .case-item.is-last {padding-bottom:var(--space-160);}
.case .story-card {display:flex; align-items:stretch; border:1px solid #eee; border-radius:var(--radius-8); background:#fff; overflow:hidden;}
.case .story-aside {display:flex; flex-direction:column; justify-content:space-between; gap:var(--space-50); flex-shrink:0; width:clamp(280px, calc(340 / var(--inner) * 100vw), 340px); padding:var(--space-50) var(--space-40); background:#121212; color:#fff;}
.case .story-aside.is-navy {background:var(--color-secondary);}
.case .story-meta {display:flex; flex-direction:column; gap:var(--space-20);}
.case .story-aside .tag {display:inline-flex; align-items:center; justify-content:center; padding:var(--space-10) var(--space-16); border-radius:30px; background:var(--color-primary); font-size:var(--font-size-14); font-weight:600; line-height:1; color:#fff; margin-right:auto;}
.case .story-aside .tag.is-light {background:#fff; color:var(--color-secondary);}
.case .story-aside .company .name {font-size:var(--font-size-32); font-weight:700; line-height:1.56; color:#fff;}
.case .story-aside .company .sub {margin-top:var(--space-10); font-size:var(--font-size-14); font-weight:500; line-height:1.14; color:#676767;}
.case .story-aside.is-navy .company .sub {color:rgba(255,255,255,0.5);}
.case .metrics {display:flex; flex-direction:column;}
.case .metric {padding-top:var(--space-20); padding-bottom:var(--space-24); border-top:1px solid #333;}
.case .story-aside.is-navy .metric {border-top-color:rgba(255,255,255,0.1);}
.case .metric .val {display:flex; align-items:flex-end; gap:var(--space-6); flex-wrap:wrap;}
.case .metric .point {font-size:var(--font-size-36); font-weight:700; line-height:1.39; color:#fff;}
.case .metric .point.is-sm {font-size:var(--font-size-32); line-height:1.56;}
.case .metric .unit {padding-bottom:4px; font-size:var(--font-size-18); font-weight:700; line-height:1.56; color:var(--color-primary);}
.case .story-aside.is-navy .metric .unit {color:rgba(255,255,255,0.5);}
.case .metric .label {font-size:var(--font-size-16); font-weight:500; line-height:1.5; color:#a8a8a8;}
.case .story-aside.is-navy .metric .label {color:rgba(255,255,255,0.7);}
.case .story-panel {display:flex; flex:1 1 auto; flex-direction:column; gap:var(--space-40); min-width:0; padding:var(--space-50);}
.case .story-head {display:flex; align-items:flex-start; justify-content:space-between; gap:var(--space-24);}
.case .story-head .subject {font-size:var(--font-size-32); font-weight:600; line-height:1.44; color:#2c2c2c;}
.case .solution-link {display:inline-flex; flex-shrink:0; align-items:center; gap:var(--space-6); font-size:var(--font-size-20); font-weight:600; line-height:1.7; color:var(--color-primary); white-space:nowrap;}
.case .solution-link .icon {display:flex; align-items:center; justify-content:center; width:12px; height:12px; margin-bottom: auto; transition: .2s;}
.case .solution-link .icon svg {width:100%; height:100%; object-fit:contain;}
.case .solution-link:hover .icon {transform:scale(1.2);}
.case .story-body {display:flex; flex:1 1 auto; flex-direction:column; justify-content:space-between; gap:var(--space-40); min-height:0;}
.case .details {display:flex; align-items:stretch;}
.case .detail {display:flex; flex:1 1 0; flex-direction:column; gap:var(--space-24); min-width:0; padding:clamp(24px, calc(34 / var(--inner) * 100vw), 34px); border:1px solid #eee;}
.case .detail:first-child {border-radius:var(--radius-8) 0 0 var(--radius-8);}
.case .detail:last-child {border-left:0; border-radius:0 var(--radius-8) var(--radius-8) 0;}
.case .detail .tit {font-size:var(--font-size-16); font-weight:600; line-height:1.5; color:var(--color-secondary);}
.case .detail .desc {font-size:var(--font-size-16); line-height:1.75; color:#676767;}
.case .hash {display:flex; flex-wrap:wrap; gap:var(--space-6); padding-top:var(--space-30); border-top:1px solid #eee;}
.case .hash li {padding:var(--space-8) var(--space-10); border-radius:var(--radius-6); background:#edf1f5; font-size:var(--font-size-13); font-weight:500; line-height:1.23; color:var(--color-primary);}

[lang="en"] .case .case-tabs a {font-size:var(--font-size-16);}

/* 상담신청 */
.apply {border-top: 1px solid #eee;}
.apply .wrap {border-left:1px solid #eee; border-right:1px solid #eee;}
.apply .intro {overflow:hidden; padding:var(--space-40); border-bottom:1px solid #eee; background: url('/images/sub/contact-img.jpg') no-repeat center / cover; font-size:var(--font-size-20); line-height:1.7;}
.apply .head {display:flex; align-items:center; gap: 12px; margin-bottom: var(--space-28);}
.apply .icon {display:flex; align-items:center; width:12px;}
.apply .icon img {display:block; width:100%; object-fit:contain;}
.apply .intro .tit {font-size:var(--font-size-24); font-weight:500; line-height:1.67; color:var(--color-primary);}
.apply .intro .cont {display:flex; flex-direction:column; gap:var(--space-28);}
.apply .form {display:flex; flex-direction:column; gap:var(--space-100); padding:var(--space-40) var(--space-40) var(--space-160);}
.apply .form .cont {display:flex; flex-direction:column; gap:var(--space-36);}
.apply .list {display:flex; gap:var(--space-16);}
.apply .list.pair .item {flex:1 1 0; min-width:0;}
.apply .item {display:flex; flex-direction:column; gap:var(--space-16); width:100%;}
.apply .item label {font-size:var(--font-size-18); font-weight:600; line-height:1.67; color:#2c2c2c;}
.apply .req {color:var(--color-primary);}
.apply .item .input {width:100%; height:60px; border:1px solid #eee; border-radius:var(--radius-8); font-size:var(--font-size-16); line-height:1.5;}
.apply .item .input::placeholder {color:#a8a8a8;}
.apply .item textarea.input {height:160px; padding:var(--space-16);}
.apply .captcha-wrap {display:flex; gap:var(--space-6); height:60px;}
.apply .captcha-wrap img {height: 100%; border:1px solid #eee; border-radius:var(--radius-4); object-fit:cover; cursor:pointer;}
.apply .captcha-wrap .input {width:200px; height:60px; border-radius:var(--radius-4);}
.apply .form-agree {margin:0;}
.apply .form-agree h3 {margin-bottom:var(--space-16); font-size:var(--font-size-20); font-weight:600; line-height:1.7; color:#2c2c2c;}
.apply .form-agree .scroll-box {max-height:140px; padding:var(--space-16); border:1px solid #eee; border-radius:var(--radius-8); background:#fff; color:#878787; font-size:var(--font-size-16); line-height:1.5; overflow:auto;}
.apply .form-agree .check {display:flex; flex-wrap:wrap; align-items:center; gap:var(--space-8); margin-top:var(--space-24); font-size:var(--font-size-16); line-height:1.5; text-align:left;}
.apply .buttons {margin:0;}
.apply .buttons .btn-pack.xlarge {border-radius: 6px; font-size: var(--font-size-18);}