@charset "utf-8";

.greetings {display: flex; flex-direction: column; justify-content: center; align-items: center; width: 100%; height: 500px; background-image: url(/images/sub/biz-bg.jpg); text-align: center; background-position: 50%; background-repeat: no-repeat; background-size: cover;}
.greetings h2 {font-size: var(--font-size-80); font-weight: 400; letter-spacing: -.03em; line-height: 1.2em; color: #fff;}
.greetings .txt {font-size: var(--font-size-16); font-weight: 600; letter-spacing: -.03em; line-height: 1.2em; color: #fff;}
.greetings .txt2 {position: relative; margin-top: 25px; padding-top: 75px; font-size: var(--font-size-18); letter-spacing: -.03em; line-height: 1.44em; color: #fff;}
.greetings .txt2::after {content: ''; position: absolute; top: 0; left: 50%; transform: translateX(-50%); width: 1px; height: 60px; background-color: #ddd;}

.history-top {margin-bottom: 60px; display: flex; flex-direction: column; justify-content: center; align-items: center; width: 100%; height: 200px; background-image: url(/images/sub/biz-bg2.jpg); text-align: center; background-position: 50%; background-repeat: no-repeat; background-size: cover;}
.history-top p {font-size: var(--font-size-20); font-weight: 500; letter-spacing: -.03em; line-height: 1.2em; color: #fff;}
.history-top h2 {margin-top: 10px; font-size: var(--font-size-32); letter-spacing: -.03em; line-height: 1.2em; color: #fff;}
.history .wrap {position: relative; display: flex; padding-bottom: 70px;}
.history .wrap:last-child {padding-bottom: 0;}
.history .wrap::after {content: ''; position: absolute; z-index: -1; left: 50%; top: 18px; transform: translateX(-50%); width: 1px; height: 100%; border: 1px dashed #ddd;}
.history .bin-box {width: 50%;}
.history .box {flex:1 1 auto; min-width:0; width:1%;}
.history .box h3 {position: relative; margin-bottom: 5px; font-size: var(--font-size-40); letter-spacing: -.02em; line-height: 1.2em; color: var(--color-second);}
.history .box h3::after {content: ''; position: absolute; top: 50%; transform: translateY(-50%); background-image: url(/images/sub/biz-ico.png); width: 26px; height: 26px; background-repeat: no-repeat; background-size: contain;}
.history .box ul li {font-size: var(--font-size-18); letter-spacing: -.02em; line-height: 1.67em;}
.history .wrap.left {flex-direction: row-reverse;}
.history .wrap.left .box {text-align: right;}
.history .wrap.left .box h3 {padding-right: 55px;}
.history .wrap.left .box h3::after {right: -13px;}
.history .wrap.left .box ul {padding-right: 55px;}
.history .wrap.right .box h3 {padding-left: 55px;}
.history .wrap.right .box h3::after {left: -13px;}
.history .wrap.right .box ul {padding-left: 55px;}

.org-img {text-align: center;}

.cert-list {padding-top: 20px; border-top: 2px solid #aaa;}
.cert-list ul {display: flex; flex-wrap: wrap; margin: 0 -15px;}
.cert-list ul li {width: 25%; padding: 0 15px; margin-bottom: 35px;}
.cert-list .box p {margin-top: 15px; font-size: var(--font-size-16); font-weight: 500; letter-spacing: -.02em; line-height: 1.2em; text-align: center;}

.root_daum_roughmap .wrap_controllers,
.root_daum_roughmap .border1,
.root_daum_roughmap .border2,
.root_daum_roughmap .border3,
.root_daum_roughmap .border4 {display: none;}
.directions {display: flex; margin-top: 40px;}
.directions .directions-info {display: flex; align-items: center;}
.directions .directions-info + .directions-info {position: relative; padding-left: 45px; margin-left: 45px;}
.directions .directions-info + .directions-info::before {content: ''; position: absolute; left: 0; top: 50%; transform: translateY(-50%); width: 1px; height: 14px; background-color: #ddd;}
.directions .directions-info img {margin-right: 13px;}
.root_daum_roughmap .cont {display: none;}

.business {display: flex; align-items: flex-start;}
.business .img {margin-right: 40px; width: 48.5%;}
.business .txt {flex:1 1 auto; min-width:0; width:1%;}
.business .txt .t1 {font-size: var(--font-size-16); font-weight: 700; letter-spacing: -.03em; line-height: 1.2em; color: var(--color-second);}
.business .txt h2 {margin: 13px 0 30px; font-size: var(--font-size-28); letter-spacing: -.03em; line-height: 1.2em; color:#242424;}
.business .txt .t2 {font-size: var(--font-size-16); letter-spacing: -.03em; line-height: 1.63em; color:#454545;}
.business.ty2 {margin-bottom:80px;}