@charset "utf-8";

.greeting .wrap {display:flex;}
.greeting .wrap>.img {width:41.5%;}
.greeting .wrap>.img>img {border-radius:30px;}
.greeting .t-wrap {margin-left:65px;  flex:1 1 auto; min-width:0; width:1%;}
.greeting .t-wrap h2 {margin-bottom:42px; font-size:var(--font-size-40); letter-spacing:-.03em; line-height:1.25em; color:#242424;}
.greeting .t-wrap h2 span {color:var(--color-primary);}
.greeting .t-box p {margin-top:30px; font-size:var(--font-size-18); letter-spacing:-.03em; line-height:1.67em;}
.greeting .t-box p:first-child {margin-top:0;}
.greeting .ceo {margin-top:50px; display:flex; align-items:center; font-size:var(--font-size-18); font-weight:500; letter-spacing:-.03em; line-height:1.67em; color:#242424;}
.greeting .ceo .img {margin-left:20px;}

.intro .logo-img {margin-bottom:95px; padding:40px; display:flex; align-items:center; justify-content:center; border:1px solid #ddd;}
.intro h2 {position:relative; margin-bottom:20px; padding-left:25px; font-size:var(--font-size-20); letter-spacing:0; line-height:1.2em; color:#242424; font-weight:600;}
.intro h2::before {content:''; position:absolute; width:16px; height:16px; left:0; top:50%; transform:translateY(-50%); background-image:url(/images/sub/info-img2.png); background-repeat: no-repeat; background-size: contain;}
.intro .tbl table {width:100%; border-collapse:collapse; border-spacing:0px; line-height:1.75em; border-top:2px solid #242424;}
.intro .tbl th {background:rgba(250,250,250,.71); font-weight:500; font-size:var(--font-size-18); letter-spacing:-.03em; color:#242424; font-weight:500;}
.intro .tbl td {font-size:var(--font-size-17); letter-spacing:-.03em; border-right:0;}
.intro .tbl th, .intro .tbl td {padding:15px 30px; border:1px solid #ddd; border-left:0 !important;}

.vision .wrap {display:flex;}
.vision .img {width: 44.3%;}
.vision .img img {border-radius:16px;}
.vision .list-wrap {margin-left:80px ; flex:1 1 auto; min-width:0; width:1%;}
.vision .list-wrap ul {margin:-35px 0;}
.vision .list-wrap ul li {border-bottom:1px dashed #ddd; padding:35px 25px;}
.vision .list-wrap ul li .box {display:flex; align-items:center;}
.vision .list-wrap ul li .box>p {margin-right:25px; font-size:var(--font-size-120); line-height:0.8em; font-weight:700; letter-spacing:-.03em; color:rgba(19,43,136,.07);}
.vision .list-wrap ul li .t-box h2 {font-size:var(--font-size-22); font-weight:600; line-height:1.2em; letter-spacing:-.03em; color:var(--color-primary);}
.vision .list-wrap ul li .t-box p {margin-top:15px; font-size:var(--font-size-18); line-height:1.2em; letter-spacing:-.03em;}

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

.executive p {margin-bottom:55px; text-align:center; font-size:var(--font-size-22); font-weight:500; letter-spacing:-.03em; line-height:1.45em; color:#242424;}
.executive p span {font-weight:700; color:var(--color-primary);}
.executive .img {text-align:center;}

.business .sub-tab {margin-top:-40px; margin-bottom:100px;}
.business .sub-tab ul {justify-content: center;}
.business .sub-tab ul li {margin-right:20px; width:auto;}
.business .sub-tab ul li a {font-size:var(--font-size-18); font-weight:500; display:inline-flex; align-items:center; justify-content:center; text-align:center; background:#fff; border:1px solid #686868; letter-spacing:-.03em; line-height:1.33em; color:#686868; height:55px; width:250px; min-width:160px; padding:0 10px; border-radius:27.5px;}
.business .sub-tab ul li.active a {background:#199257; color:#fff; border:0;}
.business .top-wrap {display:flex; align-items:center;}
.business .top-wrap .img-box {margin-right:80px; width: calc(50% + 2px); }
.business .top-wrap .t-wrap h2 {margin-bottom:20px; font-size:var(--font-size-28); letter-spacing:-.03em; color:#242424; line-height:1.2em; font-weight:600;}
.business .top-wrap .t-wrap ul li {position:relative;margin-top:15px; padding-left:15px; font-size:var(--font-size-18); letter-spacing:-.03em; line-height:1.2em;}
.business .top-wrap .t-wrap ul li::before {content:''; position:absolute; left:0; top:8px; width:4px; height:4px; background-color:var(--color-primary); border-radius:100%;}
.business .top-wrap .t-wrap ul li:first-child {margin-top:0;}
.business .btm-wrap {background-color:#f8f8f8; margin-top:100px; padding:100px 0; text-align:center;}

.system .top-wrap .img-box {height:450px; padding:20px; border-radius:16px; border:1px solid #ddd; display:flex; flex-direction:column; align-items:center; justify-content:center; }
.system .top-wrap .img-box p {margin-top:30px; font-size:var(--font-size-18); letter-spacing:-.03em; line-height:1.2em; color:#454545;}
.system .btm-wrap h3 {margin-bottom:55px; font-size:var(--font-size-35); letter-spacing:-.03em; color:#242424; line-height:1.2em; font-weight:600;}
.system .btm-wrap .img {width:100%; height:550px; padding:20px; display:flex; flex-direction:column; align-items:center; justify-content:center; border-radius:16px; border:1px solid #ddd; background:#fff;}

.airport .top-wrap .img-box img {border-radius:16px; border:1px solid #ddd;}
.airport .btm-wrap .img-wrap {display:flex; margin:0 -15px;}
.airport .btm-wrap .img-wrap .img {padding:0 15px;}
.airport .btm-wrap .img-wrap .img img {border-radius:16px;}

.root_daum_roughmap .wrap_controllers,
.root_daum_roughmap .border1,
.root_daum_roughmap .border2,
.root_daum_roughmap .border3,
.root_daum_roughmap .border4 {display:none;}
.root_daum_roughmap {border-radius:24px;}
.location .wrap {display:flex; align-items:center;}
.location .contact-info {margin-left:80px;}
.location .contact-info h2 {margin-bottom:30px; font-size:var(--font-size-26); font-weight:600; color:#242424; letter-spacing:-.03em; line-height:1.2em;}
.location .info-box dl {display:flex; align-items:center; margin-top:25px;}
.location .info-box dl:first-child {margin-top:0;}
.location .info-box dt {display:flex; align-items:center;}
.location .info-box dt span {position:relative; font-size:var(--font-size-20); font-weight:500; color:#242424; line-height:1.2em; width:65px; margin:0 15px; padding-right:10px;}
.location .info-box dt span::after {position:absolute; content:''; right:0; top:50%; transform:translateY(-50%); width:1px; height:10px; background-color:#ddd;}
.location .info-box dd {font-size:var(--font-size-18); line-height:1.2em; letter-spacing:-.03em;}
.location .contact-info a {margin-top:50px; display:inline-flex; align-items:center; justify-content:center; font-size:var(--font-size-16); letter-spacing:-.03em; line-height:1.2em ; padding:10px; width:150px; height:50px; background-color:var(--color-primary); color:#fff;}
.location .contact-info a span {margin-left:25px;}


[lang=en] .greeting .t-wrap h2 { font-size:var(--font-size-35)}
[lang=en] .business .top-wrap .img-box {margin-right: 70px;}
[lang=en] .location .info-box dl:first-child {align-items: flex-start;}
[lang=en] .location .info-box dt span{width: 95px;}