@charset "utf-8";

.sub-sec {margin-bottom:80px;}

.gray-bg {background:#f4f4f4;}

.doc-tit {margin-bottom:28px;font-size:var(--font-size-22); font-weight:600; letter-spacing:-.02em; line-height:1.4em; color:#242424;}
.doc-tit2 {position:relative;padding-right:8px;display:inline-block;margin-bottom:30px;font-size:var(--font-size-25); font-weight:600; letter-spacing:-.02em; line-height:1.4em; color:#242424;}
.doc-tit2:after {content:''; position: absolute; right:0; top:0; width:6px; height:6px; border-radius:100%; background:#eeb9bb;}

.doc-text {margin-bottom:75px;text-align:center; font-size:var(--font-size-25); font-weight:500; letter-spacing:-.02em; line-height:1.4em; color:#242424;}
.doc-text strong {color:var(--color-primary); font-size:1.4em;}
.doc-text strong.ty2 {font-size:var(--font-size-25);}

.quote-txt {position:relative;display:inline-block;padding:0 55px;}
.quote-txt:before,
.quote-txt:after {position:absolute; top:-10px;content:''; width:38px; height:32px; background-size:contain; background-repeat:no-repeat; background-position:center center;}
.quote-txt:before {left:0; background-image:url('../images/sub/quote-l.png');}
.quote-txt:after {right:0; background-image:url('../images/sub/quote-r.png');}
.quote-txt.ty2:after {top:auto; bottom:0; right:70px;}

.work {display:flex; align-items:flex-end; justify-content:center; height:420px; padding:20px; background:url('../images/sub/work.jpg') no-repeat 50% 50% / cover; box-shadow:0 0 15px rgba(0,0,0,0.3); border-radius:30px;}
.work p {font-size:var(--font-size-60); font-weight:700; letter-spacing:-.02em; color:rgba(255,255,255,0.65);text-align:center; line-height:1.4em;}

.service-group {margin-bottom:60px;display:flex; align-items:center;}
.service-group:last-child {margin-bottom:0;}
.service-group:nth-child(even) {flex-direction:row-reverse;}
.service-group .img {width:50%;}
.service-group .cnt {width:50%; display:flex; align-items:center; padding:0 100px;}
.service-group h2 {margin-bottom:45px;font-size:var(--font-size-30); font-weight:700; letter-spacing:-.02em; line-height:1.4em; color:#242424;}

.hypen-list li {padding-left:.6em; text-indent:-.6em; margin-bottom:10px;line-height:1.4em;}
.hypen-list li:last-child {margin-bottom:0;}

.value {position:relative;}
.value .row {display:flex; flex-wrap:wrap;}
.value .col {height:252px;display:flex; align-items:center; width:50%;}
.value .col:nth-child(odd) {padding-right:275px;text-align:right; justify-content:flex-end;}
.value .col:nth-child(even) {padding-left:275px;}
.value .txt {margin-bottom:14px;font-size:var(--font-size-18); font-weight: 600; letter-spacing:-.02em; line-height:1.4em; color:#242424;}
.value dl dt {width:240px;padding-bottom:20px; margin-bottom:20px;border-bottom:1px solid #ddd; font-size:var(--font-size-25); font-weight:700; letter-spacing:-.02em; line-height:1.4em; color:#505050;}
.value .col:nth-child(odd) dl dt {margin-left:auto;}
.value ul li {line-height:1.4em; margin-bottom:9px;}
.value ul li:last-child {margin-bottom:0;}
.value ul.flex {display:flex; flex-wrap:wrap; justify-content:flex-end;}
.value ul.flex li {margin-left:14px;}
.value ul.flex li:fisrt-child {margin-right:0;}
.value .center {position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); max-width:41.66666666666667%; width:100%;}

.ideal {height:400px;display:flex; align-items:center; background:url('../images/sub/ideal.jpg') no-repeat 50% 50% / cover; color:#fff;}
.ideal .cnt {width:53%; text-align:center; display:flex; flex-direction:column; align-items:center; justify-content:center;}
.ideal .t1 {margin-bottom:12px;font-size:var(--font-size-25); font-weight:500; letter-spacing:-.02em; line-height:1.4em;} 
.ideal .t2 {font-size:var(--font-size-35);letter-spacing:-.02em; line-height:1.4em;} 

.culture-bnr {padding:30px;margin-bottom:35px;border-radius:100px 0 0 0; height:400px;display:flex; align-items:center; justify-content:center; text-align:center; background:url('../images/sub/culture-bg.jpg') no-repeat 50% 50% / cover; color:#fff;}
.culture-bnr dl dt {margin-bottom:27px;font-size:var(--font-size-30); font-weight:700; letter-spacing:-.02em; line-height:1.4em;}

.table01 table {width:100%; border-collapse:collapse; border-spacing:0; border-top:2px solid #242424; letter-spacing:-.02em;}
.table01 table tbody th {background:#f4f4f4; border-bottom:1px solid #ddd; font-weight:600; color:#242424;}
.table01 table tbody td {padding:22px 30px;border-bottom:1px solid #ddd;}

.mission {padding-left:17.5%; position:relative; margin-bottom:100px;}
.mission .circle {width:50.55%;}
.mission .cnt {position:absolute;}
.mission .cnt1 {right:13%; top:5%;}
.mission .cnt2 {right:11%; top:46%;}
.mission .cnt3 {right:1%; bottom:-21%;}
.mission .cnt .ico {margin-bottom:12px;}

.information-top {text-align:center; margin-bottom:70px;}
.information-top p {margin-top:35px;font-size:var(--font-size-20); font-weight:500; letter-spacing:-.02em; line-height:1.4em; color:#242424;} 

.info-list {margin-bottom:110px;}
.info-list ul {display:flex; flex-wrap:wrap; justify-content:center; margin:-15px;}
.info-list ul li {/*width:25%;*/width:33.333333%; padding:15px; text-align:center;}
.info-list .box {border-radius:20px; display:flex; flex-direction:column; align-items:center; justify-content:center; box-shadow:0 0 5px rgba(0,0,0,0.2); min-height:290px;}
.info-list dl dt {margin:35px 0 5px;display:inline-block; padding-right:10px;position:relative;font-size:var(--font-size-22); font-weight:700; letter-spacing:-.02em; line-height:1.4em; color:#242424;}
.info-list dl dt:after {content:''; position: absolute; right:0; top:0; width:6px; height:6px; border-radius:100%; background:#eeb9bb;}

.overview {display:flex; justify-content:space-between;}
.overview .img {width:41.6%;}
.overview .img img {border-radius:70px 0 70px 0;}
.overview .info {width:54.16%;border-top:2px solid #242424;}
.overview .info dl {padding:12px 0;display:flex; align-items:center; height:14.28%; border-bottom:1px solid #ddd;}
.overview .info dl dt {width:115px; text-align:center; font-weight:600; color:#242424;}
.overview .info dl dd {flex:1 1 auto; min-width:0; width:1%;}

.root_daum_roughmap {width:100% !important;}
.directions {margin-top:35px;display:flex;}
.directions .col {width:25%; text-align:center;}
.directions dl {margin-top:20px;}
.directions dl dt {margin-bottom:10px;font-size:var(--font-size-20); font-weight:600; letter-spacing:-.02em; line-height:1.4em; color:#242424;}
.directions dd + dd {margin-top:28px;}
.directions dl dd strong {display:block; color:var(--color-primary); line-height:1.5em;}

.history-wrap {margin-bottom:125px;display:flex;}
.history-wrap .imgs {width:280px; margin-right:115px;}
.history-wrap .imgs ul li:not(:last-child) {margin-bottom:20px;}
.history {flex:1 1 auto; min-width:0; width:1%;}
.history .group {display:flex;}
.history h2 {width:150px;font-size:var(--font-size-30); font-weight:700; letter-spacing:-.02em; line-height:.7em; color:#242424;}
.history .cnt {position:relative;padding-bottom:100px;border-left:1px solid #ddd; padding-left:90px;}
.history .group:last-child .cnt {border:0; padding-bottom:0;}
.history .cnt:before {z-index:2;content:''; background:#fff; position:absolute; margin:-10px 0 0 -10px; left:0; top:10px; width:20px; height:20px; border-radius:100%; outline:5px solid var(--color-primary);}
.history .cnt:after {z-index:1;content:''; width:60px; height:1px; position: absolute; left:0; top:10px; border-bottom:1px dashed #ddd;}
.history .cnt dl + dl {margin-top:40px;}
.history .cnt dl dt {margin-bottom:17px;font-size:var(--font-size-18); font-weight:600; letter-spacing:-.02em; line-height:1em; color:#242424;}

.ci-top {margin-bottom:80px;}
.ci-top p {width:fit-content; margin:30px auto 0; background:#f8e8e8;font-size:var(--font-size-25); font-weight:500; letter-spacing:-.02em; line-height:1.4em; color:#242424;}

.ci {padding:80px 0;}
.ci ul {display:flex; flex-wrap:wrap; margin:-15px -20px;}
.ci ul li {padding:15px 20px; width:50%;}