@charset "utf-8";

.doc-tit {font-size: var(--font-size-40); font-weight: 700; letter-spacing:-.03em; line-height: 1.4em; margin-bottom:var(--space-40);}

.overview {margin-bottom:var(--space-180);}
/* .overview .contain {display:flex; gap:0 var(--space-80);} */
/* .overview .img {width:36%; max-width:500px;}
.overview .info {flex:1; display:flex; flex-wrap:wrap;}
.overview .info dl {padding:0 10px; display:flex; align-items:center; width:50%; border-bottom:1px solid #ddd;}
.overview .info dl dt {min-width:125px; font-size:var(--font-size-18); letter-spacing:-.03em; font-weight:600;}
.overview .info dl dd {flex:1; color:#505050;} */
.overview .items {display:grid; grid-template-columns:repeat(3, 1fr); gap:0 var(--space-40);}
.overview .items .item {overflow:hidden; border:1px solid #ddd; border-radius:24px;}
.overview .items .img img {width: 100%;}
.overview .items .cnt {padding:var(--space-35) var(--space-30);}
.overview .items .tit {margin-bottom: 3px; font-size: var(--font-size-24); font-weight: 700; letter-spacing:-.03em; line-height: 1.4em;}
.overview .items .txt {margin-bottom:var(--space-25); font-weight: 400; letter-spacing:-.03em; line-height: 1.4em;color: #878787;}
.overview .items .kakao {display:flex; align-items:center; gap:0 var(--space-10); font-size: var(--font-size-18); font-weight: 600; letter-spacing:-.03em; line-height: 1.4em;}

.place {position:relative;}
.place .bg img {width:100%;}
.place .inner {position:absolute; left:0; bottom:var(--space-60); width:100%;}
.place .text {box-shadow:0 10px 30px rgba(0,0,0,.15); border-radius:var(--radius-24); padding:var(--space-10) var(--space-30); background:#fff; max-width:270px; margin-left:auto;}
.place .text p {border-bottom:1px solid #ddd; padding:var(--space-20) 0; font-size:var(--font-size-18); letter-spacing:-.03em; font-weight:600;}
.place .text p:last-child {border-bottom:0;}
.place .text p svg {margin-right:var(--space-12); width:15px; vertical-align:middle;}
.place .text p.st2 {color:var(--color-secondary);}
.place .text p.st2 svg {fill:var(--color-secondary);}
.place .text p.st3 {color:#7769c2;}
.place .text p.st3 svg {fill:#7769c2;}

.history {padding-top:var(--space-200);}
.history .contain {position:relative;}
/* .history h2 {margin-bottom:var(--space-80); font-size:var(--font-size-48); font-weight:700; letter-spacing:-.03em; line-height:1.3em;} */
.history .slider {padding-top:var(--space-40); border-top:2px solid #121212;}
.history .slider h3 {margin-bottom:var(--space-30); font-size:var(--font-size-48); font-weight:700; letter-spacing:-.03em; line-height:1.3em;}
.history .slider .group {padding-right:10px; margin-bottom:var(--space-30);}
.history .slider .group:last-child {margin-bottom:0;}
.history .slider .group h4 {margin-bottom:var(--space-8); font-size:var(--font-size-18); font-weight:700; letter-spacing:-.03em; line-height:1.3em;}
.history .slider .group ul li {margin-bottom:var(--space-8); padding-left:17px; position:relative; font-size:var(--font-size-18); font-weight:400; letter-spacing:-.03em; line-height:1.4em; color:#505050;}
.history .slider .group ul li:last-child {margin-bottom:0;}
.history .slider .group ul li:before {position:absolute; left:0; top:.6em; content:''; width:6px; height:6px; border-radius:100%; background:#ddd;}
.history .controls {position:absolute; right:30px; top:0;}
.history .controls .slick-arrow {border-radius:100%; box-shadow:5px 5px 10px rgba(0,0,0,.1); border:0; font-size:0; border:0; background-color:transparent; background-repeat:no-repeat; background-position:50% 50%; background-size:contain; width:clamp(40px, calc(80 / var(--inner) * 100vw), 80px); height:clamp(40px, calc(80 / var(--inner) * 100vw), 80px); transition:.3s;}
.history .controls .slick-prev {margin-right:var(--space-20); background-image:url('/images/sub/history-prev.png');}
.history .controls .slick-next {background-image:url('/images/sub/history-next.png');}
.history .controls .slick-prev:hover {background-image:url('/images/sub/history-prev-on.png');}
.history .controls .slick-next:hover {background-image:url('/images/sub/history-next-on.png');}

.greeting {padding-top:85px;}
.greeting h2 {position:relative; margin-bottom:var(--space-55); font-size:var(--font-size-48); font-weight:700; letter-spacing:-.03em; line-height:1.5em;}
.greeting h2:before {z-index:-1; top:calc(var(--space-90) * -1); content:''; position:absolute; width:clamp(100px, calc(200 / var(--inner) * 100vw), 200px); height:clamp(74px, calc(148 / var(--inner) * 100vw), 148px); left:calc(var(--space-85) * -1); background-image:url('/images/sub/talent-1.jpg'); background-size:contain; background-repeat:no-repeat; background-position:50% 50%;}
.greeting .text {margin-bottom:var(--space-70);}
.greeting .text p {color:#505050; font-size:var(--font-size-20); font-weight:400; letter-spacing:-.03em; line-height:1.7em;}
.greeting .comp {margin-bottom:var(--space-15); font-size:var(--font-size-18); font-weight:400; letter-spacing:-.03em; line-height:1.4em; color:#878787; text-align:right;}
.greeting .sign {font-size:var(--font-size-24); font-weight:700; letter-spacing:-.03em; line-height:1.4em; text-align:right;}
.greeting .sign img {vertical-align:text-bottom; margin-left:var(--space-15);}

.facilities-group {border-radius:var(--radius-24); overflow:hidden; display:flex; margin-bottom:var(--space-40);}
.facilities-group:last-child {margin-bottom:0;}
.facilities-group .image {width:50%; aspect-ratio:700/500;}
.facilities-group .image img {width:100%; height:100%; object-fit:cover;}
.facilities-group .content {position:relative; padding:var(--space-40) var(--space-60); flex:1; background:#f4f4f4; display:flex; align-items:center;}
.facilities-group .content:after {content:''; position:absolute; display:block; width:0; height:0; border-top:40px solid transparent; border-bottom:40px solid transparent;}
.facilities-group .content .tit {margin-bottom:var(--space-20); font-size:var(--font-size-40); font-weight:700; letter-spacing:-.03em; line-height:1.3em;}
.facilities-group .content .tit:before {margin-bottom:var(--space-40); content:''; display:block; width:60px; height:6px; background:linear-gradient(to right, var(--color-secondary), var(--color-primary));}
.facilities-group .content .txt {margin-bottom:var(--space-40); font-size:var(--font-size-18); font-weight:600; letter-spacing:-.03em; line-height:1.4em;}
.facilities-group .content .list ul li {margin-bottom:var(--space-12); font-size:var(--font-size-18); font-weight:400; letter-spacing:-.03em; line-height:1.4em; color:#505050;}
.facilities-group .content .list ul li:before {margin-right:var(--space-10); vertical-align:middle; display:inline-block; content:''; width:clamp(16px, calc(18 / var(--inner) * 100vw), 18px); height:clamp(16px, calc(18 / var(--inner) * 100vw), 18px); background:url('/images/sub/check.png') no-repeat 50% 50% /contain;}
.facilities-group:nth-child(odd) {flex-direction:row-reverse;}
.facilities-group:nth-child(odd) .content:after {border-left:40px solid #f4f4f4; right:0; margin-right:-40px;}
.facilities-group:nth-child(even) .content:after {border-right:40px solid #f4f4f4; left:0; margin-left:-40px;}

.talent h2 {position:relative; margin-bottom:var(--space-100); text-align:center; font-size:var(--font-size-40); font-weight:600; letter-spacing:-.03em; line-height:1.35em;}
.talent h2:before, 
.talent h2:after {z-index:-1; top:calc(var(--space-15) * -1); content:''; position:absolute; width:clamp(100px, calc(200 / var(--inner) * 100vw), 200px); height:clamp(74px, calc(148 / var(--inner) * 100vw), 148px); background-size:contain; background-repeat:no-repeat; background-position:50% 50%;}
.talent h2:before {left:0; background-image:url('/images/sub/talent-1.jpg');}
.talent h2:after {right:0; background-image:url('/images/sub/talent-1.jpg');}

.benefit {display:grid; grid-template-columns:repeat(3, 1fr); gap:var(--space-20);}
.benefit .item {height:clamp(130px, calc(260 / var(--inner) * 100vw), 260px); display:flex; flex-direction:column; justify-content:center; align-items:center; background:#f2f8fc; border-radius:var(--radius-24);}
.benefit .item .ico img {height:clamp(60px, calc(100 / var(--inner) * 100vw), 100px);}
.benefit .item p {text-align:center; margin-top:var(--space-15); font-size:var(--font-size-20); font-weight:700; letter-spacing:-.03em; line-height:1.5em; color:var(--color-primary);}
.benefit .item p small {line-height:1.4em; font-size:var(--font-size-14); font-weight:400; color:#505050; display:block;}

.jobs .item {padding-bottom:var(--space-70); margin-bottom:var(--space-70); border-bottom:1px solid #ddd; display:flex; align-items:center;}
.jobs .item:last-child {border-bottom:0; padding-bottom:0; margin-bottom:0;}
.jobs .item .ico {width:clamp(80px, calc(180 / var(--inner) * 100vw), 180px);}
.jobs .item .ico img {height:clamp(60px, calc(119 / var(--inner) * 100vw), 119px);}
.jobs .item .text {flex:1;}
.jobs .item .text h2 {margin-bottom:var(--space-15); font-size:var(--font-size-24); font-weight:700; letter-spacing:-.03em; line-height:1.4em;}
.jobs .item .text .txt {margin-bottom:var(--space-25); font-size:var(--font-size-18); font-weight:400; letter-spacing:-.03em; line-height:1.67em; color:#505050;}
.jobs .item .text .sort {font-size:var(--font-size-18); font-weight: 600; letter-spacing:-.03em; line-height: 1.5em;}
.jobs .item .text .sort span {margin-right:var(--space-15); border-radius:8px; padding: 3px var(--space-15); font-weight: 700; display:inline-block; color: #fff; background:var(--color-secondary);}