@charset "utf-8";
/*--------------------------------------------------------------*

* 회사 소개 > 오시는 길 *

*---------------------------------------------------------------*/
.location .flex_row {display: flex; flex-wrap: wrap;}
.location .flex_row .map_box {width: calc(100% - 520px); min-height: 720px;}
.location .root_daum_roughmap {width: 100%; height: 100%;}
.location .root_daum_roughmap .wrap_map {width: 100%; height: 100%;}
.location .flex_row .txt_box {width: 520px; background: #232323 url(/img/location_bg.png) no-repeat bottom right; color: #fff; display: flex; align-items: flex-end; padding: 60px; box-sizing: border-box;}
.location .flex_row .txt_box h5 {font-weight: 300; font-size: var(--fz-40); letter-spacing: -0.025em; line-height: 1.25em;}
.location .flex_row .txt_box h5 b {font-weight: 700;}
.location .flex_row .txt_box .line {width: 1px; height: 40px; background-color: #fff; margin: 15px 0;}
.location .flex_row .txt_box .tit_box p{padding: 6px 20px; background-color: rgba(240,125,0,1); border-radius: 18px; font-weight: 600; color:#ffffff; letter-spacing: -0.025em; display: inline-block; font-size: var(--fz-18);}
.location .flex_row .txt_box ul {font-size: var(--fz-18); letter-spacing: -0.025em; line-height: 1.78em;}
.location .flex_row .txt_box ul b {display: inline-block; font-weight: 600; width: 3.77em; text-align-last: justify; white-space: nowrap;} /* width는 가장 긴 텍스트에 맞춰주세요 */

@media all and (max-width:1024px){
    .location .flex_row .map_box{width: 100%; min-height: 360px;}
    .location .flex_row .txt_box {width: 100%;}
}

/*--------------------------------------------------------------*

* business > 국내외사업분야 길 *

*---------------------------------------------------------------*/
/* 구버전 */
.business .con01{background-color: #fff; padding-top: 50px;}
.business .row01{position: relative; }
.business .business_box{background: url(/img/business_bg01.png)no-repeat center / contain; padding: 13% 0; box-sizing: border-box;}
.business .business_box ul{display: flex; margin: 0; padding: 0; gap: 60px; justify-content: center; flex-wrap: wrap;}
.business .business_box ul li{width: 100%; aspect-ratio: 1/0.7; background: var(--bg); border-radius: 15px; max-width: 440px; padding: 40px 50px; box-sizing: border-box; color: #fff;}
.business .business_box ul li .tit h5{font-size: var(--fz-32); font-weight: bold; letter-spacing: -0.04em;}
.business .business_box ul li .txt p + p{padding-top: 8px;}
.business .business_box ul li .txt p{color: #fff; font-size: var(--fz-16); font-weight: 300; letter-spacing: -0.04em; line-height: 1.2em;}

@media all and (max-width:1390px) {
    .business .business_box ul{gap: 30px;}
    .business .business_box ul li{padding: 20px 30px; max-width: 380px;}
}

/* 신버전 (현재 국내만 적용 상태) */
.business .map_box {text-align: center;}
.business .map_box img {width: 100%; max-width: fit-content;}
.business .field_list {margin-top: -22%;}
.business .field_list .tit {font-weight: 700; font-size: var(--fz-26); letter-spacing: -0.04em; color: #fff; background-color: #f07d00; padding: 10px 35px; box-sizing: border-box; border-radius: 15px;}
.business .field_list ul {padding: 0;}
.business .field_list li {padding: 35px; box-sizing: border-box; margin-top: 10px; border: 1px solid #f07d00; box-sizing: border-box; border-radius: 10px; background-color: rgba(255, 255, 255, 0.8);}
.business .field_list .sub-tit {font-weight: 700; font-size: var(--fz-22); line-height: 1.55em; letter-spacing: -0.04em; color: #f07d00;}

/* color */
.business .overseas .tit {background-color: #1d822c;}
.business .overseas .sub-tit {color: #1d822c;}
.business .overseas li {border-color: #1d822c;}