@charset "utf-8";
.root_daum_roughmap,
.root_daum_roughmap .wrap_map {border-radius:20px; overflow:hidden; height:clamp(250px, calc( 440 / var(--inner) * 100vw ), 440px) !important; width:100% !important;}
.root_daum_roughmap .cont {display:none !important;}

.intro-img {margin-bottom:var(--space-100); border-radius:40px; overflow:hidden;}

.intro-outro {margin:var(--space-100) 0 var(--space-120);  padding:var(--space-100) 0; width:100%; background:linear-gradient(90deg, rgba(0, 22, 137, 0.1) 0%, rgba(0, 22, 137, 0.02) 50%, rgba(0, 22, 137, 0.1) 100%); text-align:center;}
.intro-outro-tit {font-size:var(--font-size-48); font-family:'Paperlogy', sans-serif; font-weight:600; line-height:1.42; color:#242424;}
.intro-outro-tit span {color:var(--color-primary);}
.intro-outro-desc {margin-top:var(--space-20); line-height:1.625em; letter-spacing:-.02em;;}

.hist-tit {margin-bottom:var(--space-80); font-family:"Cormorant Garamond", serif; font-weight:700; font-size:var(--font-size-40); line-height:1.2em; text-align:center; text-transform:uppercase; color:#242424;}
.hist-core {position:relative;}
.hist-core::before {content:""; position:absolute; left:50%; top:72px; bottom:0; width:1px; margin-left:-0.5px; background:#ddd; pointer-events:none; z-index:0;}
.hist-cap {padding-bottom:var(--space-100); display:flex; justify-content:center; position:relative; z-index:1;}
.hist-cap img {display:block; width:72px; height:auto;}
.hist-list {display:flex; flex-direction:column; gap:var(--space-100);}
.hist-item {display:flex;}
.hist-axis {display:flex; justify-content:center; padding-top:10px; position:relative; z-index:1;}
.hist-pin {display:block; width:20px; height:20px; box-sizing:border-box; flex-shrink:0;}
.hist-cell {display:flex; gap:var(--space-40);}
.hist-item:nth-child(odd) {padding-left:calc(50% - 10px);}
.hist-item:nth-child(odd) .hist-cell {margin-left:var(--space-40);}
.hist-item:nth-child(even) {flex-direction:row-reverse; padding-right:calc(50% - 10px);}
.hist-item:nth-child(even) .hist-cell {margin-right:var(--space-40); flex-direction:row-reverse;}
.hist-item:nth-child(even) .hist-tx {flex-direction:row-reverse;}
.hist-item:nth-child(even) .hist-tx-item {text-align:right;}
.hist-ico {flex-shrink:0; width:40px; height:40px; display:flex; align-items:center; justify-content:center;}
.hist-ico img {display:block; max-width:100%; height:auto;}
.hist-yr {flex-shrink:0; font-size:var(--font-size-32); font-weight:700; line-height:1.1em; color:var(--color-primary);}
.hist-pair {flex:1; display:grid; gap:15px;}
.hist-tx {display:flex; gap:10px;}
.hist-tx-end {text-align:right;}
.hist-mo {width:30px; text-align:right; font-weight:600; color:#242424;}
.hist-mo-lg {font-size:var(--font-size-20); letter-spacing:-.02em;}
.hist-tx-item {flex:1;}

.contarea-bg {background:url('/images/sub/contareabg.jpg') 50% 50% / cover no-repeat;}

.br-grid {grid-template-columns:repeat(3, 1fr); display:grid; gap:var(--space-60) var(--space-30);}
.br-card {position:relative;}
.br-name {min-width:130px; height:48px; padding:0 10px; display:flex; color:#001689; position:absolute; top:0; left:0; background-color:#fff; text-align:center; border-radius:50px; border:1px solid rgba(0, 22, 137, 0.20); font-size:var(--font-size-18); font-weight:600; line-height:1.5em; align-items:center; justify-content:center;}
.br-shot {position:relative; padding-bottom:68%; overflow:hidden;}
.br-shot-img {position:absolute; top:50%; left:0; transition:.4s ease-in-out; transform:translateY(-50%); -ms-transform:translateY(-50%); -webkit-transform:translateY(-50%); width:100%; height:auto !important; max-width:100%; min-height:100%; object-fit:cover;}

.modal {max-width:1400px; padding:0; background:unset; box-shadow:none; background-color:#fff; border-radius:80px; overflow:hidden;}
.modal a.close-modal {top:var(--space-50); right:var(--space-50); width:clamp(36px, calc( 56 / var(--inner) * 100vw ), 56px); height:clamp(36px, calc( 56 / var(--inner) * 100vw ), 56px); display:block; background:url('/images/sub/modal-close.png') 50% 50% / contain no-repeat;}
.modal.modal--recruit {max-width:1400px; border-radius:40px; background:unset; box-shadow:none; overflow:visible;}
.modal.modal--recruit a.close-modal {top:auto; bottom:-100px; left:50%; right:auto; transform:translateX(-50%); width:clamp(32px, calc( 48 / var(--inner) * 100vw ), 48px); height:clamp(32px, calc( 48 / var(--inner) * 100vw ), 48px);}
.pop-title {font-size:var(--font-size-40); margin-bottom:var(--space-40); font-weight:600; text-align:center; color:#fff;}

#sub .review-list {border-bottom:1px solid #ddd; padding:var(--space-30) 0 var(--space-60); margin:0; border-top:1px solid #242424; display:grid; grid-template-columns:repeat(3, 1fr); gap:var(--space-80) var(--space-30);}
#sub .review-item {padding:0;}
#sub .review-item a {padding:var(--space-40); box-shadow:none; position:relative;}
#sub .review-item a:before {width:108px; height:108px; top:50%; position:absolute; content:''; left:50%; transform:translate(-50%, -50%); background-image:url(/images/main/review-symbol.png); background-size:contain; background-repeat:no-repeat; background-position:50% 50%; opacity:.1;}
#sub .review-item a:after {position:absolute; content:''; top:0; left:0; right:0; bottom:0; border:1px solid #ddd; border-radius:24px;}

.sub-menus {margin-bottom:60px;}
.sub-menus ul {display:flex; gap:10px; justify-content:center;}
.sub-menus ul li a {padding:0 20px; height:48px; min-width:120px; justify-content:center; align-items:center; display:flex; font-weight:600; border-radius:50px; border:1px solid #DDD; color:#BEBEBE; text-align:center; line-height:1.5em;}
.sub-menus ul li.active a {background-color:#001689; color:#fff !important;}
.sub-menus ul li:hover a {color:#001689;}

.pgsub-sec .pgsub-ar .pgsub-ar-i {pointer-events:auto; cursor:pointer; margin:0; padding:0; border:0; background:transparent; font:inherit; color:inherit;}
.pgsub-sec .pgsub-ph-slider:not(.slick-initialized) .pgsub-ph-slide {display:none;}
.pgsub-sec .pgsub-ph-slider:not(.slick-initialized) .pgsub-ph-slide:first-child {display:block; height:100%;}
.pgsub-sec .pgsub-ph-slider .slick-list {position:absolute; left:0; top:0; width:100%; height:100%; margin:0;}
.pgsub-sec .pgsub-ph-slider .slick-track {height:100%;}
.pgsub-sec .pgsub-ph-slider .slick-slide {height:100%; margin:0;}
.pgsub-ph-slide,
.pgsub-sec .pgsub-ph-slider .slick-slide > div {height:100%;}


.pgsub-block {display:flex; flex-direction:column; align-items:flex-start; width:100%; max-width:1400px;}
.pgsub-tabs {display:flex; flex-wrap:nowrap; align-items:center; gap:8px; width:100%;}
.pgsub-tab {flex-shrink:0; border:none; cursor:pointer; height:48px; padding:0 clamp(18px, calc(24 / var(--inner) * 100vw), 24px); border-radius:16px 16px 0 0; font-weight:600; line-height:1.5em; color:#868686; background:#f2f2f2; box-sizing:border-box;}
.pgsub-tab.is-active {color:#fff; background:var(--color-primary);}
.pgsub-sheet {width:100%; max-width:1400px; box-sizing:border-box; background:#fff; border-radius:0 clamp(40px, calc(80 / var(--inner) * 100vw), 80px) clamp(40px, calc(80 / var(--inner) * 100vw), 80px) clamp(40px, calc(80 / var(--inner) * 100vw), 80px); box-shadow:0 0 16px rgba(0, 0, 0, 0.12); padding:clamp(32px, calc(60 / var(--inner) * 100vw), 60px);}
.pgsub-body {display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:clamp(32px, calc(60 / var(--inner) * 100vw), 60px);}
.pgsub-copy {flex:1 1 320px; max-width:740px; min-width:0; display:flex; flex-direction:column; align-items:flex-start; justify-content:center; gap:clamp(32px, calc(60 / var(--inner) * 100vw), 60px);}
.pgsub-txt {display:flex; flex-direction:column; gap:clamp(20px, calc(30 / var(--inner) * 100vw), 30px); width:100%;}
.pgsub-h {font-weight:700; font-size:var(--font-size-36); line-height:1.1em; color:#242424;}
.pgsub-h-num {color:var(--color-primary);}
.pgsub-lead {display:flex; flex-direction:column; gap:16px; width:100%;}
.pgsub-sub {font-weight:600; font-size:var(--font-size-22); line-height:1.3em; color:#242424;}
.pgsub-desc {line-height:1.75em; letter-spacing:-.02em; color:#686868;}
.pgsub-icons {display:flex; flex-wrap:wrap; align-items:center; gap:clamp(16px, calc(24 / var(--inner) * 100vw), 24px);}
.pgsub-ico {display:flex; flex-direction:column; align-items:center; gap:10px;}
.pgsub-ico-box {position:relative; width:100px; height:100px; border-radius:24px; background:#f8f8f8; overflow:hidden; display:flex; align-items:center; justify-content:center; box-sizing:border-box;}

.pgsub-ico-img {display:block; max-width:48px; height:auto;}
.pgsub-ico-lab {font-weight:600; line-height:1.75em; letter-spacing:-.02em; text-align:center; color:#454545;}
.pgsub-cta {display:inline-flex; align-items:center; justify-content:center; width:min(100%, 200px); height:54px; padding:0 10px; border-radius:60px; background:var(--color-primary); font-weight:500; line-height:1.875em; letter-spacing:-.02em; color:#fff; text-decoration:none; box-sizing:border-box;}
.pgsub-media {position:relative; flex:0 1 auto; width:min(100%, 540px); max-width:540px; aspect-ratio:1; border-radius:40px; overflow:hidden;}
.pgsub-ph {position:absolute; inset:0;}
.pgsub-ph-img {width:100%; height:100%; object-fit:cover; display:block;}
.pgsub-ar {position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); display:flex; align-items:center; justify-content:space-between; width:min(480px, 90%); pointer-events:none;}
.pgsub-ar-i {display:flex; align-items:center; justify-content:center;}
.pgsub-ar-i img {display:block; width:15px; height:27.692px;}
.pgsub-ar-i-prev img {transform:scaleY(-1) rotate(180deg);}

.case-list {display:grid; grid-template-columns:repeat(3, minmax(0, 1fr)); gap:var(--space-80) var(--space-30); width:100%; padding:var(--space-30) 0 var(--space-60); border-top:1px solid #242424; border-bottom:1px solid #ddd; box-sizing:border-box;}
.case-dual {display:flex; flex-wrap:nowrap; align-items:stretch; gap:10px; width:100%;}
.case-item {display:block;}
.case-cell {position:relative; flex:1 100%; max-width:100%; aspect-ratio:124/179; overflow:hidden; background:#eee; box-sizing:border-box;}
.case-cover {position:absolute; inset:0; overflow:hidden; pointer-events:none;}
.case-cover:after {position:absolute; content:''; top:0; left:0; right:0; bottom:0; border:1px solid #ddd;}
.case-img {position:absolute; inset:0; width:100%; height:100%; object-fit:cover; object-position:center; display:block;}
.case-lbl {position:absolute; left:0; top:0; z-index:2; display:inline-flex; align-items:center; justify-content:center; padding:0 16px; box-sizing:border-box; font-family:"Cormorant Garamond", serif; font-weight:600; line-height:1.6875em; color:#fff;}
.case-lbl-a {background:var(--color-primary);}
.case-lbl-b {background:rgba(0, 0, 0, 0.6);}
.case-body {padding-top:var(--space-30); box-sizing:border-box;}
.case-ttl {font-weight:600; font-size:var(--font-size-18); line-height:normal; color:#242424;}
.case-desc {margin-top:10px; line-height:1.625em; letter-spacing:-.02em;}

.rc-ideal {text-align:center; padding:var(--space-120) 0; margin-bottom:var(--space-120); background:url(/images/sub/contareabg.jpg) 50% 50% / cover no-repeat;}
.rc-ideal-tit {margin-bottom:var(--space-80); font-family:"Cormorant Garamond", serif; font-weight:700; font-size:var(--font-size-40); line-height:1.2em; text-transform:uppercase; color:#242424;}
.rc-ideal-grid {grid-template-columns:repeat(4, 1fr); display:grid;; gap:var(--space-30);}
.rc-ideal-col .bg {height:223px; display:flex; align-items:center; justify-content:center; border-radius:24px; overflow:hidden; background-position:50% 50%; background-repeat:no-repeat; -webkit-background-size:cover; background-size:cover;}
.rc-ideal-col .bg1 {background-image:url('/images/sub/desired-staff1.jpg');}
.rc-ideal-col .bg2 {background-image:url('/images/sub/desired-staff2.jpg');}
.rc-ideal-col .bg3 {background-image:url('/images/sub/desired-staff3.jpg');}
.rc-ideal-col .bg4 {background-image:url('/images/sub/desired-staff4.jpg');}
.rc-ideal-col .bg .txt {width:145px; gap:clamp(6px, calc( 10 / var(--inner) * 100vw ), 10px); display:flex; flex-direction:column; justify-content:center; aspect-ratio:1 / 1; color:#fff; background-image:url('/images/sub/desired-staff-round.png'); background-repeat:no-repeat; -webkit-background-size:contain; background-size:contain;}
.rc-ideal-col .bg .kr {font-size:var(--font-size-20); font-weight:700; line-height:1.4em;}
.rc-ideal-col .bg .en {opacity:.8;}
.rc-ideal-desc {margin-top:var(--space-30); line-height:1.75em; letter-spacing:-.02em; color:#454545; font-size:var(--font-size-20);}

.rc-ben-tit {margin-bottom:var(--space-80); font-family:"Cormorant Garamond", serif; font-weight:700; font-size:var(--font-size-40); line-height:1.2em; text-align:center; text-transform:uppercase; color:#242424;}
.rc-ben-row {grid-template-columns:repeat(3, 1fr); display:grid; text-align:center;}
.rc-ben-itm {border-right:1px dashed #ddd;}
.rc-ben-itm:last-child {border:0;}
.rc-ben-num {margin-bottom:var(--space-20); font-weight:700; font-size:var(--font-size-20); line-height:1.4em; color:#BEBEBE;}
.rc-ben-h {margin:var(--space-40) 0 15px; font-weight:700; font-size:var(--font-size-20); line-height:1.4em; color:#242424;}

.rc-cta {margin-top:var(--space-120); padding:var(--space-100) 0; background:linear-gradient(90deg, rgba(0, 22, 137, 0.1) 0%, rgba(0, 22, 137, 0.02) 50%, rgba(0, 22, 137, 0.1) 100%);}
.rc-cta-bar {text-align:center;}
.rc-cta-copy {margin-bottom:var(--space-40);}
.rc-cta-h {margin-bottom:var(--space-20); font-family:'Paperlogy',sans-serif; font-weight:600; font-size:var(--font-size-48); line-height:1.42; letter-spacing:-0.02em; color:#242424;}
.rc-cta-em {color:var(--color-primary);}
.rc-cta-sub {line-height:1.625em; letter-spacing:-.02em; font-size:var(--font-size-20);}
.rc-cta-btn {display:inline-flex; align-items:center; justify-content:center; flex-shrink:0; width:min(100%, 200px); height:54px; padding:0 10px; border-radius:60px; background:var(--color-primary); font-weight:500; line-height:1.875em; letter-spacing:-.02em; color:#fff; text-decoration:none; box-sizing:border-box;}
.rc-cta-btn:focus-visible {outline:2px solid var(--color-primary); outline-offset:3px;}

.cns-file {border:0; background:unset;}
.cns-lab.ty2 {flex:0 0 170px; max-width:170px;}