@charset "utf-8";
.greetings {margin-top: var(--space-35);}
.greetings .main-category {margin-bottom: 0;}
.greetings h2 {margin-bottom: var(--space-20);font-weight: 800; font-size: clamp(24px, calc(60 / var(--inner) * 100vw), 60px); line-height: 1em;}
.greetings-tit p {font-size: var(--font-size-28); font-weight: 600; line-height: 1.2857em;}
.greetings-desc {display: flex; flex-direction: column; justify-content: space-between; gap: var(--space-40); width: 57.5%; margin-top: 28px; font-size: var(--font-size-18); line-height: 1.66667em;}
.greeting-sign {text-align: right; font-weight: 700;}

.sec-tit {position: relative; width: fit-content; padding-bottom: 10px; margin: 0 auto clamp(25px, calc(80 / var(--inner) * 100vw), 80px); text-align: center; font-size: var(--font-size-24); font-weight: 800;}
.sec-tit:after {content: ''; position: absolute; left: 50%; bottom: 0; margin-left: -12px; width: 25px; height: 2px; background: var(--primary-color);}
.sec-slogan {padding-bottom:var(--space-120);}
.sec-slogan .sec-tit {margin-bottom: clamp(25px, calc(45 / var(--inner) * 100vw), 45px);}
.company-slogan {position: relative; width: fit-content; margin: 0 auto clamp(25px, calc(80 / var(--inner) * 100vw), 80px); padding: 5px 30px; font-size: var(--font-size-36); line-height: 1em; color: var(--dark-color); font-weight: 700; text-align: center;}
.company-slogan:before,
.company-slogan:after {content:''; position: absolute; left: 0; top: 0; width: 18px; height: 16px; background: url('/images/sub/emphasis.png') no-repeat center center; background-size: contain;}
.company-slogan:after {left: auto; right: 0; transform: scale(-1);}
.value-circles {display: flex; justify-content: center; gap: clamp(20px, calc(90 / var(--inner) * 100vw), 90px); text-align: center;}
.value-circle {position: relative;}
.value-txt {display: flex; flex-direction: column; align-items: center; justify-content: center; position: absolute; left: 0; top: 0; width: 100%; height: 100%; color: #fff; font-size: var(--font-size-18); line-height: 1.5em; color: #fff; font-weight: 800;}
.value-txt .en-value {font-size: var(--font-size-20);}
.sec-philosophy {padding: var(--space-80) 0; margin-bottom: var(--space-80); background: url('/images/sub/bg-philosophy.jpg') no-repeat center center; background-size: cover; line-height: 1.5em;}

.history-bnr {margin-bottom: 80px; border-radius: 20px; height: 240px; padding: 0 50px; display: flex; align-items: flex-end; background:url('/images/sub/history-bnr.jpg') no-repeat 50% 50% / cover;}
.history-bnr h2 {font-size: 40px; font-weight: 700; letter-spacing: -.03em; line-height: 1em; color: #fff;}
.history-bnr h2 span {font-size: 60px; margin-top: 20px; letter-spacing: -.03em; display: block;}

.history .item {display:flex;}
.history .item h3 {margin-bottom:40px; font-size: 40px; font-weight: 700; letter-spacing: -.03em; line-height: 1.4em; color: var(--dark-color); text-align:left; width:212px; line-height:1em; margin:-8px 0 0;}
.history .list {flex:1 1 auto; min-width:0; width:1%; padding:0 0 100px 35px; position:relative;}
.history .list:before {position:absolute; content:""; background:#fff; margin-left:-15px; top:-4px; left:0; width:30px; height:30px; border-radius:100%; border:8px solid var(--primary-color);}
.history .list:after {position:absolute; content:""; left:0; top:0; width:1px; height:100%; background:#ddd; z-index:-1;}
.history .list li {margin-bottom:20px; display:flex; line-height:1.4em; color: #454545;}
.history .list li:last-child {margin-bottom:0;}
.history .list strong {line-height:1em; min-width:45px; font-size:20px; color:var(--dark-color); font-weight:600;}
.history .item:last-child .list {padding-bottom:0;}
.history .item:last-child .list:after {display:none;}

.root_daum_roughmap .wrap_map, .root_daum_roughmap {width: 100% !important;}
.root_daum_roughmap .cont, .root_daum_roughmap .wrap_controllers {display: none;}
.direct ul {display:flex; border:1px solid #ddd;}
.direct ul li {position:relative; overflow:hidden; display:flex; align-items:center; width:33.33%; padding:0 50px; height:200px; border-left:1px dashed #ddd;}
.direct ul li:first-child {border:0;}
.direct ul li::before {content:''; position:absolute; width:160px; height:160px; right:0; bottom:0; background-repeat:no-repeat; background-size:contain;}
.direct ul li:nth-child(1):before {background-image:url(/images/sub/biz-img10.png);}
.direct ul li:nth-child(2):before {background-image:url(/images/sub/biz-img11.png);}
.direct ul li:nth-child(3):before {background-image:url(/images/sub/biz-img12.png);}
.direct ul li .box .tt {font-size:18px; letter-spacing:-.03em; line-height:1.2em; font-weight:700; color:var(--primary-color);}
.direct ul li .box .tt2 {margin-top:15px; font-size:24px; letter-spacing:-.03em; line-height:1.2em; font-weight:600; color:var(--dark-color);}
.direct ul li .box .ico {position: absolute; bottom: 0; right: 0; line-height:0; opacity: .03;}

.page-business ul {display: flex; flex-wrap: wrap; gap: 30px 0; margin: 0 calc(var(--space-20) * -1);}
.page-business li {width: 33.3335%; padding: 0 var(--space-20);}
.page-business .tit {margin-top: var(--space-15);text-align: center; font-size:var(--font-size-24); color: var(--dark-color); font-weight: 700;}