@charset "utf-8";

.radius8 {border-radius:8px;}

.sub-tab {margin-bottom:60px;}
.sub-tab ul {display:flex; justify-content:center; gap:40px;}
.sub-tab ul li a {padding-bottom:4px; display:block; font-weight:700; line-height:1.4em; letter-spacing:-.03em; color:#868686; border-bottom:2px solid transparent;}
.sub-tab ul li.active a {color:var(--color-primary); border-bottom-color:var(--color-primary);}

.overview ul {display:flex; flex-wrap:wrap; margin:-15px -10px;}
.overview ul li {padding:15px 10px; width:25%; text-align:center; height:286px; display:flex; flex-direction:column; justify-content:center;}
.overview ul li.col-x2 {width:50%;}
.overview ul li .tit {margin:23px 0 12px; font-size:var(--fz24); font-weight:700; line-height:1.4em;}
.overview ul li .txt {font-weight:400; color:#454545; line-height:1.75em;}

.ceo-msg {display:flex; margin-top:70px;}
.ceo-msg .head {width:50%;}
.ceo-msg .head h2 {font-size:var(--fz30); font-weight:700; letter-spacing:-.03em; line-height:1.6em;}
.ceo-msg .head h2 span {color:var(--color-primary);}
.ceo-msg .cnt {width:50%;}
.ceo-msg .cnt p {margin-bottom:26px; font-weight:400; line-height:1.75em; color:#454545;}
.ceo-msg .cnt p:last-child {margin-bottom:0;}

.history-head {margin-bottom:50px;}
.history-head p {margin-bottom:16px; font-size:var(--fz20); font-weight:700; line-height:1.4em; color:var(--color-primary);}
.history-head h2 {font-size:var(--fz36); font-weight:700; line-height:1.4em;}

.history {display:flex;}
.history .img {width:420px; margin-right:128px;}
.history .wrap {flex:1 1 auto; min-width:0; width:1%; border-top:1px solid #242424;}
.history .wrap .row {border-bottom:1px solid #ddd; padding: 50px 0 50px 75px; display:flex;}
.history .wrap .year {min-width:185px; font-size:var(--fz30); font-weight:700; line-height:.8em;}
.history .wrap ul li {display:flex; margin-bottom:15px; line-height:1.4em; color:#454545;}
.history .wrap ul li:last-child {margin-bottom:0;}
.history .wrap ul li strong {display:inline-block; min-width:64px; color:#242424;}
.history .wrap ul li:before {margin-right:19px; content:'·'; font-weight:800; color:var(--color-primary);}

.sub-map .root_daum_roughmap_landing {width:100% !important;}
.root_daum_roughmap .cont {display:none;}
.directions {margin-top:55px; display:flex;}
.directions .contact-info {width:51%;}
.directions .contact-info .comp {color:var(--color-primary); font-weight:600;}
.directions .contact-info .addr {margin:13px 0; color:#242424; font-size:var(--fz24); font-weight:600; line-height:1.33em; letter-spacing:-.03em;}
.directions .contact-info .etc {color:#454545;}
.directions .contact-info .etc span {display:inline-block; margin-right:16px;}
.directions .contact-info .etc span:last-child {margin-right:0;}
.directions .address-info {width:49%;}
.directions .address-info dl {margin-bottom:18px; display:flex;}
.directions .address-info dl:last-child {margin-bottom:0;}
.directions .address-info dl dt {min-width:155px; font-size:var(--fz18); font-weight:600; line-height:1.4em; letter-spacing:-.02em;}
.directions .address-info dl dt svg {vertical-align:middle; margin:-.2em 15px 0 0;}
.directions .address-info dl dt path {fill:#7fbcdc;}
.directions .address-info dd {line-height:1.4em;}

.biz-bnr {min-height:560px; padding:40px 20px; background-repeat:no-repeat; background-position:50% 50%; background-size:cover; display:flex; flex-direction:column; justify-content:center; align-items:center; text-align:center; color:#fff;}
.biz-bnr .en {margin:20px 0 13px; font-size:var(--fz15); font-weight:500; line-height:1.4em; font-family:var(--font-suit);}
.biz-bnr .tit {margin-bottom:38px; font-size:var(--fz30); font-weight:700; line-height:1.4em;}
.biz-bnr .txt {font-size:var(--fz20); font-weight:400; line-height:1.7em;}