@charset "utf-8";
.sec:not(:last-child) {margin-bottom:clamp(40px, calc( 110 / var(--inner) * 100vw ), 110px);}
.desc p:not(:last-child) {margin-bottom:1.125em;}
.sec-tit {position: relative; font-size: clamp(22px, calc( 32 / var(--inner) * 100vw ), 32px); padding-top: clamp(10px, calc( 30 / var(--inner) * 100vw ), 30px); margin-bottom:clamp(20px, calc( 32 / var(--inner) * 100vw ), 32px);}
.about .sec-tit {margin-bottom:clamp(25px, calc( 70 / var(--inner) * 100vw ), 70px);}
.sec-tit:before {position: absolute; content: ''; top: 0; left: 0; width: 20px; height: 4px; border-radius: 2px; background: var(--primary-color);}
.certifications .sec:not(:last-child) {margin-bottom:clamp(30px, calc( 80 / var(--inner) * 100vw ), 80px); padding-bottom: clamp(30px, calc( 80 / var(--inner) * 100vw ), 80px); border-bottom: 1px solid #ddd;}
.indent12 {text-indent:-12px; padding-left: 12px;}
.indent16 {text-indent:-16px; padding-left: 16px;}

.history-img {border-radius: 200px; overflow: hidden; width: 36.698%; margin-right:clamp(40px, calc( 90 / var(--inner) * 100vw ), 90px);}
.history-item {display: flex; padding: clamp(12px, calc( 24 / var(--inner) * 100vw ), 24px) 0 clamp(12px, calc( 55 / var(--inner) * 100vw ), 55px); border-top: 2px solid #505050;}
.history-year {min-width: 20.83333%; letter-spacing: -.04em;}
.history-item ul {padding-top: 4px;}
.history-item li:not(:last-child) {margin-bottom:clamp(8px, calc( 16 / var(--inner) * 100vw ), 16px);}

.vision-item {flex: 1; margin: 0 -22px; padding: clamp(20px, calc( 35 / var(--inner) * 100vw ), 35px) 15px; padding-right: 44px; border: 1px solid #ddd; border-radius: 130px;}
.vision-item:last-child {padding-right: 15px; padding-left: 44px;}
.value-items {flex-wrap: wrap; margin: -15px -17px;}
.value-item {width: 33.33335%; padding: 15px 17px; filter: drop-shadow(3px 3px 12px rgba(0,0,0,0.08));}
.value-wrap {position: relative; gap: 15px; height: 320px; clip-path: polygon(100% 0%, 100% 80.625%, 81.765% 100%, 0 100%, 0 0); background: #fff;}
.value-wrap .num {position: absolute; right: -8px; bottom: 0; font-size: clamp(70px, calc( 200 / var(--inner) * 100vw ), 200px); color: rgba(0,0,0,.05); font-weight: 900; line-height: .75em;}
.target-items {flex-wrap: wrap; gap:clamp(12px, calc( 30 / var(--inner) * 100vw ), 30px);}
.target-item {gap: 20px; width: calc((100% - clamp(12px, calc( 30 / var(--inner) * 100vw ), 30px)) / 2); padding: clamp(12px, calc( 24 / var(--inner) * 100vw ), 24px) clamp(15px, calc( 38 / var(--inner) * 100vw ), 38px); border: 1px solid #ddd; border-radius: clamp(10px, calc( 20 / var(--inner) * 100vw ), 20px)}

.root_daum_roughmap {width:100% !important;}
.directions {margin-top:40px;}
.directions .address-info {margin-bottom:30px; flex: 1; padding-right: 30px;}
.directions .address-info .etc {color:#454545;}
.directions .address-info .etc span {display:inline-block; margin-right:16px;}
.directions .address-info .etc span:last-child {margin-right:0;}
.directions .contact-info {width: 40.37%;}
.directions .contact-info dl {display:flex;}
.directions .contact-info dl:not(:last-child) {margin-bottom: clamp(10px, calc( 25 / var(--inner) * 100vw ), 25px);}
.directions .contact-info dt {width:120px; font-size:1.125em; font-weight:500;}
.directions .contact-info dt svg {vertical-align:middle; margin:-.2em 15px 0 0;}
.directions .contact-info dt path {fill:var(--primary-color);}
.directions .contact-info dd {flex:1 1 auto; min-width:0; width:1%; color:#454545;}


.sec-document {gap:30px;}
.sec-document .img {width: 36.698%;}
.sec-document .txt {flex: 1;}
.sec-document ul {max-width: 500px; width: 100%;}
.sec-document.no-img ul {max-width: 100%;}

.num-tit {width: fit-content; padding: 4px 14px; margin-bottom: clamp(12px, calc( 22 / var(--inner) * 100vw ), 22px); background: #333; border-radius: 15px; font-size: clamp(15px, calc( 17 / var(--inner) * 100vw ), 17px); color: #fff;}

.zigzag-item {display: flex; align-items: center; gap: clamp(30px, calc( 90 / var(--inner) * 100vw ), 90px);}
.zigzag-item:nth-child(even) {flex-direction: row-reverse;}
.zigzag-item .img {flex: 1;}
.zigzag-item .txt {width: 45.87156%;}

.inquiry-wrap {display:flex;}
.inquiry-head {position: relative; width:45%; margin-right: clamp(30px, calc( 100 / var(--inner) * 100vw ), 100px);}
.inquiry-head .txt {position: absolute; top: 0; left: 0; bottom: 0; right: 0; padding: clamp(0px, calc( 60 / var(--inner) * 100vw ), 60px) clamp(0px, calc( 50 / var(--inner) * 100vw ), 50px);}
.inquiry-head h2 {font-size: clamp(20px, calc( 35 / var(--inner) * 100vw ), 35px); line-height: 1.1429em; margin-bottom: clamp(12px, calc( 20 / var(--inner) * 100vw ), 20px);}
.inquiry-head .contact .item {display:flex; margin-bottom:17px;}
.inquiry-head .contact .item:last-child {margin-bottom:0;}
.inquiry-head .contact .item .ico {width:52px; margin-right:17px;}
.inquiry-head .contact .item dl {flex:1 1 auto; min-width:0; width:1%;}
.inquiry-head .contact .item dt {color:#686868; font-weight:600; line-height:1.33em; margin-bottom:2px;}
.inquiry-head .contact .item dd {color:#242424; font-size:1.250em; font-weight:600; line-height:1.33em;}
.inquiry-form {flex:1 1 auto; min-width:0; width:1%; padding:clamp(0px, calc( 60 / var(--inner) * 100vw ), 60px) clamp(0px, calc( 50 / var(--inner) * 100vw ), 50px) clamp(0px, calc( 60 / var(--inner) * 100vw ), 60px) 0;}
.inquiry-form .inner {background:#fff; padding:37px 30px 100px;}
.inquiry-form .ico-required {display:inline-block; vertical-align:middle; margin:-.3em 0 0 0; width:16px; height:14px; background:url("/images/sub/inquiry-required.png") 0 50% no-repeat; background-size:contain;}
.inquiry-form .group {margin-bottom:50px;}
.inquiry-form .group:last-child {margin-bottom: 0;}
.inquiry-form .title {display:flex; justify-content:space-between; align-items:flex-end; margin-bottom:25px;}
.inquiry-form .title h4 {color:#242424; font-size:1.125em; line-height:1.33em; letter-spacing:-.03em;}
.inquiry-form .title .required {color:#ababab; font-size:14px; line-height:1.33em;}
.inquiry-form .form {font-size:15px; line-height:1.5em; letter-spacing:-.03em;}
.inquiry-form .form .row {display:flex; flex-wrap:wrap; margin:-5px -15px;}
.inquiry-form .form .col {width:50%; padding:5px 15px;}
.inquiry-form .form .col.col-x2 {width:100%;}
.inquiry-form .form dt {margin-bottom:5px; font-weight:500;}
.inquiry-form .form .input {display:block; width:100%; height:34px; padding:5px 8px; font-size:14px; line-height:1.5em;}
.inquiry-form .form select.input {padding-right:30px; background-size:10px auto; background-position:right 10px center;}
.inquiry-form .form textarea.input {height:100px;}
.inquiry-form .submit-area {display:flex; flex-direction: column; justify-content:center; align-items:center; gap: 30px; margin-top:40px;}
.inquiry-form .form-agree {margin:0;}
.inquiry-form .form-agree .check {text-align:left;}
.inquiry-form .btn-pack.dark {background:#000; border-color:#000;}

@media (max-width: 640px) {
	.inquiry-head {margin-bottom:20px;}
	.inquiry-head .head {margin-bottom:20px;}
	.inquiry-head .head h3 {font-size:20px; margin-bottom:6px;}
	.inquiry-head .contact {display:block;}
	.inquiry-head .contact .item {margin:0 0 10px 0;}
	.inquiry-head .contact .item .ico {width:38px; margin-right:12px;}
	.inquiry-head .contact .item dt {font-size:13px; margin:-2px 0 0 0;}
	.inquiry-head .contact .item dd {font-size:18px;}
	.inquiry-form {padding:25px 16px; margin:0 -16px;}
	.inquiry-form .inner {padding:27px 20px 40px;}
	.inquiry-form .ico-required {width:13px; height:12px;}
	.inquiry-form .group {margin-bottom:45px;}
	.inquiry-form .group:first-child .title {margin-bottom:20px;}
	.inquiry-form .title {margin-bottom:10px;}
	.inquiry-form .title h4 {font-size:17px;}
	.inquiry-form .title .required {font-size:12px;}
	.inquiry-form .form .row {display:block; margin:-10px 0;}
	.inquiry-form .form .col {width:100%; padding:10px 0;}
	.inquiry-form .form .input {height:38px;}
	.inquiry-form .submit-area {display:block; text-align:center; margin-top:30px;}
	.inquiry-form .form-agree {margin-bottom:30px;}
	.inquiry-form .form-agree .check {text-align:center;}
}

.sec-map {position: relative;}
.sec-map iframe {width: 100% !important;}
.map-info {position: absolute; top: 50%; left: 50px; transform: translateY(-50%); border-radius: clamp(10px, calc( 20 / var(--inner) * 100vw ), 20px); padding: clamp(15px, calc( 30 / var(--inner) * 100vw ), 30px); background: var(--primary-color);}
.map-info .info-item {gap: 10px; padding: clamp(5px, calc( 17 / var(--inner) * 100vw ), 17px) clamp(12px, calc( 17 / var(--inner) * 100vw ), 17px); background: #af342f; color: #fff; border-radius: clamp(5px, calc( 10 / var(--inner) * 100vw ), 10px);}
.map-info .info-item:not(:last-child) {margin-bottom: 10px;}
.gm-style .place-card-large {display: none;}