@charset "utf-8";

.about-company .img-area {margin-bottom: 60px; border-radius: 16px; overflow: hidden;}
.about-company .img-area img {object-fit: cover; width: 100%; height: 100%;}
.about-company .cnt-area {display: flex; align-items: center;}
.about-company .logo {flex: 1 1 auto; min-width: 0; width: 1%;}
.about-company .cnt {width: 62%; padding-left: 25px; margin-left: 25px; position: relative;}
.about-company .cnt::after {content: ''; position: absolute; border-radius: 2px; left: 0; top: 0; width: 4px; height: 100%; background-color: rgba(0,62,110,.1);}
.about-company .cnt .txt-1 {margin: 20px 0; color: #242424; font-size: var(--font-size-20); letter-spacing: -.03em; line-height: 1.6em;}
.about-company .cnt .txt-1 strong {font-weight: 700; color: var(--color-thirdary);}
.about-company .cnt .txt-2 {font-size: var(--font-size-16); letter-spacing: -.03em; line-height: 1.5em;}

.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;}
.directions .title {position: relative; z-index: 1; margin: -40px 40px 0 40px; background-color: var(--color-thirdary); padding: 30px; color: #fff; letter-spacing: -.03em; width: 200px; height: 200px; display: flex; flex-direction: column; justify-content: space-between;}
.directions .title .en {font-size: var(--font-size-16); font-weight: 500;}
.directions .title .comp {font-size: var(--font-size-22); font-weight: 600;}
.directions .title .comp small {font-size: var(--font-size-14); font-weight: 400; opacity: .5;}
.directions .info {display: flex; align-items: center;}
.directions .info dl {display: flex; align-items: center; margin-right: 40px;}
.directions .info dt {display: flex; align-items: center; font-size: var(--font-size-18); letter-spacing: -.03em; line-height: 1.2em; color: var(--color-primary);}
.directions .info dt img {margin-right: 10px;}
.directions .info dd {margin-left: 20px; font-size: var(--font-size-16); letter-spacing: -.03em; line-height: 1.2em;}

.biz-cnt {display: flex; align-items: center; padding-bottom: 100px;}
.biz-cnt .cnt {padding-left: 60px; width: 50%;}
.biz-cnt .img {flex:1 1 auto; min-width:0; width:1%;}
.biz-cnt .cnt .heading p {color: #9c9c9c; font-size: var(--font-size-16); letter-spacing: -.03em; line-height: 1.2em;}
.biz-cnt .cnt .heading h2 {margin: 10px 0 20px; color: #242424; font-size: var(--font-size-36); font-weight: 600; letter-spacing: -.03em; line-height: 1.2em;}
.biz-cnt .cnt .dot-list li {padding-left: 15px; position: relative; color: #454545; font-size: var(--font-size-18); letter-spacing: -.03em; line-height: 1.9em;}
.biz-cnt .cnt .dot-list li::after {content: ''; position: absolute; width: 4px; height: 4px; background-color: var(--color-primary);border-radius: 100%; left: 0; top: 18px;}
.biz-imgs {background-color: #f8f8f8; padding: 100px 0;}
.biz-imgs .items {display: flex; margin:0 -15px}
.biz-imgs .items .item {padding: 0 15px;}
.biz-imgs .items .item img {border-radius: 16px;}

.biz-items {display: flex; flex-wrap: wrap; margin: 0 -16px;}
.biz-items .col {width: 50%; padding: 0 16px;}
.biz-items .doc-tit {position: relative; padding-left: 30px; margin-bottom: 18px; font-size: var(--font-size-22); font-weight: 600; color: #242424; letter-spacing: -.03em; line-height: 1.2em;}
.biz-items .doc-tit::after {content: ''; position: absolute; width: 20px; height: 20px; background-image: url(/images/sub/doc-ico.png); background-repeat: no-repeat; background-size: contain; left: 0; top: 0;}
.biz-items .items {display: flex; margin: 0 -5px;}
.biz-items .item {padding: 0 5px;}
.biz-items .col.wide {width: 100%; margin: 80px 0;}
.biz-items .col.wide .items {display: flex; margin: 0 -15px;}
.biz-items .col.wide .item {padding: 0 15px;}

.ideal-candidate {position: relative;}
.ideal-candidate .center {text-align: center;}
.ideal-candidate .item {position: absolute; display: flex; align-items: center; width: 400px;}
.ideal-candidate .item-1 {top: 0; left: 0; flex-direction: row-reverse; justify-content: space-between; padding-right: 30px;}
.ideal-candidate .item-2 {bottom: 0;left: 0; flex-direction: row-reverse; justify-content: space-between; padding-right: 30px;}
.ideal-candidate .item-3 {top: 0; right: 0; padding-left: 30px;}
.ideal-candidate .item-4 {bottom: 0;right: 0; padding-left: 30px;}
.ideal-candidate .item .cnt h3 {margin-bottom: 10px; font-size: var(--font-size-22); letter-spacing: -.03em; font-weight: 600; line-height: 1.2em; color: #242424;}
.ideal-candidate .item .cnt p {font-size: var(--font-size-20); letter-spacing: -.03em; line-height: 1.2em; color: #454545;}
.ideal-candidate .item-3 img {margin-right: 20px;}
.ideal-candidate .item-4 img {margin-right: 20px;}

.biz-cnt2 {padding:100px 0;}
.biz-cnt2.pd0 {padding-top:0;}
.biz-cnt2.bg {background-color: rgba(248,248,248,1);}
.biz-cnt2 h2 {margin-bottom:30px; font-size: var(--font-size-36); font-weight:600; letter-spacing: -.03em; line-height: 1.2em; color: #242424;}
.biz-cnt2 .txt {font-size: var(--font-size-18);letter-spacing: -.03em; line-height: 1.56em; color: #454545;}
.biz-cnt2 .txt2 {margin-bottom:25px; font-size: var(--font-size-18); font-weight:500; letter-spacing: -.03em; line-height: 1.56em; color: #454545;}
.biz-cnt2 ul {margin-top:5px;}
.biz-cnt2 ul li {margin-bottom:5px; font-size: var(--font-size-18);letter-spacing: -.03em; line-height: 1.56em; color: #454545;}
.biz-cnt2 ul li:last-child {margin-bottom:0px;}
.biz-cnt2 .img-wrap {display: flex; flex-wrap: wrap; margin:55px -13px -55px; }
.biz-cnt2 .img-wrap .box {padding:0 13px; width: 50%; margin-bottom:55px;}
.biz-cnt2 .img-txt {text-align: center; margin-top:25px; font-size: var(--font-size-18); font-weight:600; letter-spacing: -.03em; line-height: 1.56em; color: #454545;}
.biz-cnt2 .img {margin-top:55px;}

.biz-cnt2 .dot-list .txt {position: relative; padding-left:12px; margin-bottom:15px;}
.biz-cnt2 .dot-list .txt::before {content: ''; position: absolute; left: 0; top: 10px; width: 5px; height: 5px; border-radius: 100%; background-color: #242424;}

[lang=en] .directions .info {flex-wrap: wrap; align-items: flex-end;}