@charset "utf-8";
.root_daum_roughmap .wrap_map, .root_daum_roughmap, .direction-map iframe {width: 100% !important; height: 100% !important;}
.hyphen-list li {text-indent: -1em; padding-left: 1em;}
.hyphen-list li:before {content:'-'; margin-right: 10px;}

.page-greetings {gap: 25px clamp(35px, calc( 60 / var(--inner) * 100vw ), 60px);}
.greeting-profile {max-width: 526px; width: 43.9%;}
.greeting-profile .img {margin-bottom: var(--space-25);}
.greeting-txt h3 {margin-bottom: var(--space-15); font-size: var(--font-size-26); line-height: 1.6667em; color: #d4b76a;}
.greeting-txt .desc {margin: clamp(15px, calc( 50 / var(--inner) * 100vw ), 50px) 0;}
.greeting-sign {display: flex; align-items: flex-end; gap: var(--space-40);}
.greeting-sign-img img {max-height: clamp(36px, calc( 84 / var(--inner) * 100vw ), 84px);}

.page-history {gap: 25px clamp(35px, calc( 45 / var(--inner) * 100vw ), 45px);}
.history-img {max-width: 580px; width: 48.5%;}
.history-cnt {border-top: 2px solid var(--dark-color);}
.history-item {display: flex; padding: 20px 0; border-bottom: 1px solid #ddd;}
.history-year {min-width: 144px; font-size: var(--font-size-22); font-weight: 600; color: var(--dark-color);}
.history-item ul {flex: 1; min-width: 0;}

.direction-map {height: clamp(270px, calc( 450 / var(--inner) * 100vw ), 450px);}
.direction-tit {margin: 30px 0 var(--space-20);}
.direction-info {display: flex; flex-wrap: wrap; gap: 10px var(--space-40);}

.page-business section{display: flex; font-size: clamp(16px, calc( 25 / var(--inner) * 100vw ), 25px); line-height: 1.44em;}
.page-business section:nth-child(even) {flex-direction: row-reverse;}
.page-business section:not(:last-child) {margin-bottom: var(--space-80);}
.business-txt {display: flex; flex-direction: column; justify-content: center; gap: var(--space-15); width: 50%; padding-left: clamp(35px, calc( 50 / var(--inner) * 100vw ), 80px); padding-right: 30px;}
.business-txt h3 {font-size: var(--font-size-40); line-height: 1.2em; color: var(--primary-color);}

.trade-banner {padding: clamp(30px, calc( 135 / var(--inner) * 100vw ), 135px) 15px; margin-bottom: var(--space-40); border-radius: clamp(10px, calc( 20 / var(--inner) * 100vw ), 20px); background: url('/images/sub/trade-banner.jpg') no-repeat center center / cover;}
.trade-banner h3 {margin-bottom: var(--space-35);}

.recruit-process .tit {width: fit-content; padding: 5px var(--space-40); margin-bottom: var(--space-30); border-radius: 100px; font-size: var(--font-size-22); line-height: 1.5em; font-weight: 700; background: var(--primary-color); color: #fff;}
.recruit-guideline {padding: clamp(40px, calc( 120 / var(--inner) * 100vw ), 120px) 0; margin-top: clamp(40px, calc( 120 / var(--inner) * 100vw ), 120px); background: url('/images/sub/bg-recruit-guideline.jpg') no-repeat center center / cover;}
.recruit-guideline .tit {margin-bottom: clamp(20px, calc( 70 / var(--inner) * 100vw ), 70px);}
.recruit-guideline-cnt {display: grid; grid-template-columns: repeat(2, 1fr); background: #fff; border: clamp(10px, calc( 50 / var(--inner) * 100vw ), 50px) solid #f9f9f9;}
.recruit-guideline-item {padding: var(--space-30) clamp(15px, calc( 75 / var(--inner) * 100vw ), 75px); border-bottom: 1px solid #ddd;}
.recruit-guideline-item h4 {position: relative; margin-bottom: var(--space-20); font-size: var(--font-size-26); line-height: 1.2em; color: var(--dark-color);}
.recruit-guideline-item h4:before {content: ''; position: absolute; top: 50%; transform: translateY(-50%); right:calc(10px + 100%); width:  23px; height: 20px; background: url('/images/sub/icon-recruit-guideline.png') no-repeat center center / contain;}