@charset "utf-8";
.space-top {padding-top: var(--space-250);}
.space-bottom {padding-bottom: var(--space-250);}
.dot-list {list-style: disc; padding-left: 1em;}
.underline {text-decoration: underline; text-underline-offset: 0.2em;}

.sec-welcome {overflow: hidden;}
.welcome-logo img {max-height: clamp(60px, calc(130 / var(--inner) * 100vw), 130px); object-fit: contain;}
.page-business .bg-gray {background: #eaeaea;}
.informercial-items {gap: 40px clamp(30px, calc(60 / var(--inner) * 100vw), 80px);}
.welcome-head .txt.fz30 {line-height: 1.6em;}
.benefit-items {flex-wrap: wrap; gap: var(--space-60);}
.benefit-items.type2 {gap: 40px 35px;}
.type2 .benefit-item {width: calc((100% - 35px * 2) / 3);}
.benefit-item {gap: var(--space-30) 30px; flex: 1 1 auto; width: calc((100% - var(--space-60)) / 2);}
.differ-circles {flex-wrap: wrap; gap:var(--space-60); max-width: 1328px; margin-left: auto; margin-right: auto;}
.differ-circle {position: relative; width: calc((100% - var(--space-60)) / 2);}
.differ-circle .txt {position: absolute; left: 0; right: 0; bottom: 0; padding: var(--space-70) var(--space-100);}
.line-items .item {padding: var(--space-60) var(--space-30);}
.line-items.type2 .item {padding: var(--space-60) var(--space-70);}
.line-items .item:not(:last-child) {border-right: 1px solid #8c8c8c;}
.line-items h3:before {content:''; display: block; width: 34px; height: 34px; margin: 0 auto var(--space-25); background: url('/legacy/images/sub/icon-line-tit.png') no-repeat center center / contain;}
.line-items .icon + h3:before {content: none;}
.tv-logo-slides {position: relative; overflow: hidden;}
.tv-logo-slides:before, .tv-logo-slides:after {content:''; z-index:1; position: absolute; top: 0; bottom: 0; right: 0; width: 35%; background: linear-gradient(to left, #fff 70%, rgba(255,255,255,0));}
.tv-logo-slides:before {right: auto; left: 0; background: linear-gradient(to right, #fff 70%, rgba(255,255,255,0));}
.tv-logo-slide {display: flex; animation: marquee 20s linear infinite;}
.tv-logo-track {flex-shrink: 0; display: flex;}
.tv-logo-track img {display: block; max-height: clamp(60px, calc(80 / var(--inner) * 100vw), 80px); object-fit: contain;}

@keyframes marquee {
	0% {transform: translateX(0);}
	100% {transform: translateX(-100%);}
}

.zigzag-items {max-width: 1280px; margin: 0 auto;}
.zigzag-item {display: flex; align-items: center; justify-content: space-between; gap: 20px 35px; position: relative; border-radius:var(--radius-32); overflow: hidden;}
.zigzag-item:nth-child(even) {flex-direction: row-reverse;}
.zigzag-item:not(:last-child) {margin-bottom: var(--space-50);}
.zigzag-txt, .zigzag-img {width: 43.046875%; flex: 1 1 auto;}
.zigzag-txt h3 {line-height: 1.2em;}

.sec-ceo-profile {position: relative; overflow: hidden;}
.sec-ceo-profile .bg img {position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; object-position: center center; z-index: -1;}
.ceo-info {width: fit-content; margin-left: auto;}
.ceo-profile-head strong {letter-spacing: 0.3em;}

/* history */
.history-body {position: relative; padding-top: var(--space-100);}
.history-body:before {content: ''; position: absolute; top: 0; left: 50%; margin-left: -1px; width: 2px; height: var(--space-100); background: var(--dark-color);}
.history-section {position: relative;}
.history-section:before {content: ''; position: absolute; bottom: 100%; left: 50%; width: 20px; height: 20px; background: url('/legacy/images/sub/history-deco.png') no-repeat center center; background-size: contain; border-radius: 100%; transform: translateX(-50%);}
.history-year {text-align: center; padding: var(--space-50) 0;}
.history-items {position: relative; padding: var(--space-70) 0;}
.history-items:before {content: ''; position: absolute; top: 0; bottom: 0; left: 50%; width: 2px; background: var(--dark-color); transform: translateX(-50%);}
.history-item {display: flex; align-items: center; gap: var(--space-100); padding: var(--space-25) 0;}
.history-item.right {flex-direction: row-reverse;}
.history-item.right .history-content {margin-left: auto;}
.history-img {width: 50%;}
.history-img .img {flex-shrink: 0; max-width: 529px; overflow: hidden;}
.history-item.left .history-img .img {border-radius: 0 var(--radius-32) var(--radius-32) 0;}
.history-item.right .history-img .img {border-radius: var(--radius-32) 0 0 var(--radius-32); margin-left: auto;}

.history-img img {display: block; width: 100%;}
.history-content {flex: 1;}
.history-content .wrapper {width: fit-content;}
.history-item.left .history-content .wrapper {margin-left: auto;}
.history-content li {text-indent: -.6em; padding-left: 0.6em;}
.history-content li:before {content: '-'; margin-right: 5px;}

.contact-welcome-cnt {padding: clamp(40px, calc(115 / var(--inner) * 100vw), 115px) clamp(20px, calc(135 / var(--inner) * 100vw), 135px); background: #efefef;}
.process-list {margin: 0 calc(clamp(15px, calc(37 / var(--inner) * 100vw), 37px) * -1);}
.process-item {position: relative; width: calc(100% / 6); padding: 0 clamp(15px, calc(37 / var(--inner) * 100vw), 37px);}
.process-item:not(:last-child):after {content: '→'; position: absolute; top: calc(clamp(40px, calc(80 / var(--inner) * 100vw), 80px) / 2 + var(--space-40)); right: 0; transform: translate(50%, -50%); font-weight: 300; font-size: var(--font-size-40); line-height: 1em;}
.process-item .icon {padding: var(--space-40); border-radius: 100%; background: #fff; margin-left: auto; margin-right: auto;}

.icon25 img {max-height: clamp(15px, calc(25 / var(--inner) * 100vw), 25px); object-fit: contain;}
.icon50 img {max-height: clamp(30px, calc(50 / var(--inner) * 100vw), 50px); object-fit: contain;}
.icon80 img {max-height: clamp(40px, calc(80 / var(--inner) * 100vw), 80px); object-fit: contain;}
.icon120 img {max-height: clamp(50px, calc(120 / var(--inner) * 100vw), 120px); object-fit: contain;}
.icon160 img {max-height: clamp(60px, calc(160 / var(--inner) * 100vw), 160px); object-fit: contain;}

.qna-item > div {text-indent: -35px; padding-left: 35px; letter-spacing: -.04em;}
.qna-item > div:before {display: inline-block; width: 35px; font-weight: 700; color: var(--dark-color); text-indent: 0;}
.qna-item:not(:last-child) {margin-bottom: var(--space-45);}
.qna-head:before {content: 'Q';}
.qna-body:before {content: 'A';}
.qna-head {padding-bottom: var(--space-15); margin-bottom: var(--space-20); border-bottom: 2px solid #c6c6c6;}

.sec-directions {padding: var(--space-60) 0; background: #f2f2f2;}
.sec-directions .contain {gap: 25px 35px;}
.direction-map {width: 49.375%;}
.direction-cnt {display: flex; flex-direction: column; justify-content: flex-end; padding-top: var(--space-70);}
.root_daum_roughmap .cont {display: none;}
.root_daum_roughmap .wrap_map, .root_daum_roughmap {width: 100% !important; height: 100% !important;}

/* inquiry form */
.inquiry-section {padding: var(--space-50) 0;}
.inquiry-section:not(:last-child) {border-bottom: 1px solid #ddd;}
.inquiry-question {line-height: 1.4em;}
.inquiry-options {display: flex; flex-wrap: wrap; gap: var(--space-15);}
.inquiry-option {flex: 1 1 auto; min-width: calc((100% - var(--space-15) * 4) / 5);}
.inquiry-option input {position: absolute; opacity: 0; pointer-events: none;}
.inquiry-option span {display: flex; align-items: center; justify-content: center; padding: var(--space-20); border: 1px solid #ddd; border-radius: var(--radius-14); font-size: var(--font-size-28); color: #787878; font-weight: 500; cursor: pointer; transition: .2s;}
.inquiry-option input:checked + span {background: var(--primary-color); border-color: var(--primary-color); color: #fff;}
.inquiry-option span:hover {border-color: var(--primary-color);}

.inquiry-form-box {padding: var(--space-40); background: #f7f7f7; border-radius: var(--radius-14);}
.inquiry-fields {display: flex; flex-wrap: wrap; gap: var(--space-30) var(--space-50);}
.inquiry-field {width: calc((100% - var(--space-50)) / 2);}
.inquiry-field label {display: block; margin-bottom: var(--space-10); font-size: var(--font-size-24); font-weight: 700; color: var(--dark-color);}
.inquiry-field label .required {color: var(--primary-color); margin-left: 2px;}
.inquiry-field input {width: 100%; height: 50px; border: none; border-bottom: 1px solid #ccc; background: transparent; font-size: var(--font-size-24);}
.inquiry-field input::placeholder {color: #aaa;}
.inquiry-field input:focus {outline: none; border-color: var(--dark-color);}

.inquiry-field-full {display: flex; margin-bottom: var(--space-15); background: #fff; padding: var(--space-20);}
.inquiry-field-full label {display: flex; align-items: center; font-size: var(--font-size-24); font-weight: 500; color: var(--dark-color);}
.inquiry-field-full input {flex:1; width: 100%; height: 40px; border: none; background: transparent; font-size: var(--font-size-24);}
.inquiry-field-full input:focus {outline: none; border-color: var(--dark-color);}

.inquiry-file-upload {display: flex; align-items: center; gap: var(--space-20); margin-bottom: var(--space-15); background: #fff; padding: var(--space-20);}
.inquiry-file-upload input[type="file"] {position: absolute; opacity: 0; pointer-events: none;}
.file-label {flex: 1; font-size: var(--font-size-24); color: #999; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.file-label.has-file {color: var(--dark-color); font-weight: 500;}
.btn-file-upload {padding: 10px 20px; border: 1px solid #ccc; border-radius: 5px; background: #fff; font-weight: 500; font-size: var(--font-size-24); cursor: pointer; transition: .2s;}
.btn-file-upload:hover {border-color: var(--dark-color);}
.file-notice {padding: 0 var(--space-20); margin-bottom: var(--space-20); font-size: var(--font-size-24); color: var(--dark-color);}
.inquiry-form-box textarea {width: 100%; height: 180px; padding: var(--space-20); border: 1px solid #ddd; background: #fff; font-size: var(--font-size-24); resize: none;}
.inquiry-form-box textarea::placeholder {color: #aaa;}
.inquiry-form-box textarea:focus {outline: none; border-color: var(--dark-color);}

.inquiry-agree {padding: var(--space-40) 0; border-top: 1px solid var(--dark-color);}
.inquiry-checkbox {display: flex; align-items: center; gap: 12px; cursor: pointer;}
.inquiry-checkbox input {position: absolute; opacity: 0; pointer-events: none;}
.inquiry-checkbox .checkmark {position: relative; width: 24px; height: 24px; border: 2px solid #ccc; border-radius: 100%; transition: .2s;}
.inquiry-checkbox input:checked + .checkmark {border-color: var(--primary-color); background: var(--primary-color);}
.inquiry-checkbox .checkmark:after {content: ''; position: absolute; top: 50%; left: 50%; width: 6px; height: 10px; border: solid #fff; border-width: 0 2px 2px 0; transform: translate(-50%, -60%) rotate(45deg); opacity: 0; transition: .2s;}
.inquiry-checkbox input:checked + .checkmark:after {opacity: 1;}
.agree-text {font-size: var(--font-size-24); color: var(--dark-color);}
.agree-text a {color: #009cff; text-decoration: underline;}

.inquiry-submit {text-align: center; padding: var(--space-30) 0;}
.btn-inquiry-submit {width: 100%; max-width: 300px; height: 60px; border: none; border-radius: var(--radius-14); background: #ccc; font-size: var(--font-size-18); font-weight: 600; color: #fff; cursor: not-allowed; transition: .2s;}
.btn-inquiry-submit:not(:disabled) {background: var(--primary-color); cursor: pointer;}
.btn-inquiry-submit:not(:disabled):hover {background: #c72323;}

.visual-youtube-list a.visual-youtube-item {display: block; color: inherit; text-decoration: none;}
.visual-youtube-list a.visual-youtube-item:focus-visible {outline: 2px solid var(--dark-color); outline-offset: var(--space-10);}
.visual-youtube-list .youtube-facade-inner {position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #111;}
.visual-youtube-list .youtube-poster {display: block; width: 100%; height: 100%; object-fit: cover;}
.visual-youtube-list .youtube-play-btn {position: absolute; left: 50%; top: 50%; width: var(--youtube-play-btn-size); height: var(--youtube-play-btn-size); margin: 0; padding: 0; border: 0; border-radius: 50%; transform: translate(-50%, -50%); background-color: rgba(212, 0, 0, 0.88); box-shadow: 0 var(--space-10) var(--space-30) rgba(0, 0, 0, 0.35); pointer-events: none;}
.visual-youtube-list .youtube-play-btn::after {content: ""; position: absolute; left: 54%; top: 50%; transform: translate(-50%, -50%); border-style: solid; border-width: 0.65em 0 0.65em 1.1em; border-color: transparent transparent transparent #fff;}