@charset "utf-8";

.doc-tit {margin-bottom:32px; font-size:var(--fz32); font-weight:700; letter-spacing:-.03em; line-height:1.33em; color:#242424;}

.sub-bnr {margin-bottom:90px; padding:0 60px; display:flex; flex-direction:column; justify-content:center; height:400px; background:url('/images/sub/mission-bg.jpg') no-repeat 50% 50% / cover; color:#fff;}
.sub-bnr .tt {margin-bottom:15px; font-size:var(--fz20); font-weight:700; letter-spacing:-.03em; line-height:1.4em;}
.sub-bnr .tit {margin-bottom:25px; font-size:var(--fz40); font-weight:700; letter-spacing:-.03em; line-height:1.4em;}
.sub-bnr .txt {font-size:var(--fz20); font-weight:400; letter-spacing:-.03em; line-height:1.6em;}

.greeting {display:flex;}
.greeting .img {width:500px; margin-right:125px;}
.greeting .cnt {padding-top:27px; flex:1 1 auto; min-width:0; width:1%;}
.greeting h2 {margin-bottom:34px; font-size:var(--fz30); font-weight:500; letter-spacing:-.03em; line-height:1.4em; color:#242424;}
.greeting h2 strong {color:var(--color-primary);}
.greeting .mg-txt {margin-bottom:40px;}
.greeting .mg-txt p {margin-bottom:28px; font-size:var(--fz17); font-weight:400; letter-spacing:-.03em; line-height:1.59em; color:#454545;}
.greeting .mg-txt p:last-child {margin-bottom:0;}
.greeting .mg-txt p.mg {margin-bottom:50px;}
.greeting .ceo {font-size:var(--fz18); font-weight:600; letter-spacing:-.03em; line-height:1.4em;}

.mission-group {display:flex; margin-bottom:90px;}
.mission-group:last-child {margin-bottom:0;}
.mission-group .head {width:410px; font-size:var(--fz32); font-weight:700; line-height:1.3em; letter-spacing:-.03em;}
.mission-group .head.type2 {width:260px;}
.mission-group .body {flex:1 1 auto; min-width:0; width:1%;}

.ico-desc-box {display:flex; padding:70px 60px; box-shadow:3px 3px 7px rgba(0,0,0,.1); border-radius:16px;}
.ico-desc-box .ico {min-width:150px;}
.ico-desc-box .cnt .tit {margin-bottom:20px; font-size:var(--fz24); font-weight:700; line-height:1.3em; letter-spacing:-.02em;}
.ico-desc-box .cnt .txt {font-size:var(--fz17); font-weight:400; line-height:1.59em; letter-spacing:-.02em; color:#454545;}

.biz-wrap .row {display:flex; flex-wrap:wrap; margin:-20px;}
.biz-wrap .col {width:50%; padding:20px;}
.biz-wrap .box {height:100%; padding:55px 60px; box-shadow:3px 3px 7px rgba(0,0,0,.2); border-radius:16px;}
.biz-wrap .box .num {margin-bottom:8px; font-size:var(--fz24); font-weight:700; letter-spacing:-.03em; line-height:1.4em; color:var(--color-primary);}
.biz-wrap .box .tit {font-size:var(--fz24); font-weight:700; letter-spacing:-.03em; line-height:1.4em;}
.biz-wrap .box .txt {margin-top:25px; font-size:var(--fz17); font-weight:400; letter-spacing:-.03em; line-height:1.59em; color:#454545;}
.biz-wrap.col-1 .col {width:100%;}

.dot-list li {margin-bottom:5px; font-size:var(--fz17); font-weight:400; line-height:1.59em; letter-spacing:-.02em; color:#454545;}
.dot-list li:before {content:'• '; color:var(--color-primary);}

.history-tit {margin-bottom:65px; font-size:var(--fz30); font-weight:400; line-height:1.4em; letter-spacing:-.03em; line-height:1.47em;}

.history {border-top:1px solid #242424;}
.history .row {border-bottom:1px solid #ddd; display:flex; padding:49px 30px 49px 130px;}
.history .year {min-width:255px; font-size:var(--fz30); letter-spacing:-.03em; line-height:1.4em; line-height:.9em;}
.history .cnt ul li {margin-bottom:15px; display:flex; font-size:var(--fz17); font-weight:400; line-height:1.4em; letter-spacing:-.03em; color:#454545;}
.history .cnt ul li:last-child {margin-bottom:0;}
.history .cnt ul li:before {content:'·'; font-weight:900; color:var(--color-primary); margin-right:22px;}
.history .cnt ul li strong {color:#242424; min-width:63px;}

.org-img {padding-bottom:100px; margin-bottom:100px; border-bottom:1px solid #ddd;}

.org-tab {margin-bottom:90px;}
.org-tab ul {display:flex;}
.org-tab ul li {width:auto; margin-right:12px;}
.org-tab ul li:last-child {margin-right:0;}
.org-tab ul li a {border-radius:8px; border:2px solid #ddd; width:160px; padding:0  20px; font-size:var(--fz18); font-weight:600; line-height:1.4em; letter-spacing:-.03em; color:#868686; height:60px; display:flex; align-items:center; justify-content:space-between;}
.org-tab ul li a:after {content:''; width:12px; height:12px; background:url('/images/sub/tab-arrow.png') no-repeat 50% 50% / contain;}
.org-tab ul li a:hover {background:var(--color-primary); color:#fff; border-color:var(--color-primary);}
.org-tab ul li a:hover:after {background-image:url('/images/sub/tab-arrow-w.png');}

.org-cnt:not(:last-child) {margin-bottom:95px;}
.org-cnt h2 {margin-bottom:30px; font-size:var(--fz32); font-weight:700; letter-spacing:-.03em; line-height:1.4em;}

.table01 table {width:100%; border-collapse:collapse; border-spacing:0; border-top:2px solid #868686; text-align:center;}
.table01 thead th {border-right:1px solid #ddd; border-bottom:1px solid #ddd; height:60px; padding:9px; font-size:var(--fz17); font-weight:600; letter-spacing:-.03em; line-height:1.4em; background:#fafafa;}
.table01 tbody td {border-right:1px solid #ddd; border-bottom:1px solid #ddd; height:60px; padding:9px; font-size:var(--fz17); font-weight:400; letter-spacing:-.03em; line-height:1.4em; color:#505050;}
.table01 thead th:last-child,
.table01 tbody td:last-child {border-right:0;}
.table01 .br {border-right:1px solid #ddd !important;}

.root_daum_roughmap_landing {border-radius:20px; width:100% !important;}
.root_daum_roughmap .cont {display:none;}
.root_daum_roughmap .border1,
.root_daum_roughmap_landing .border3, 
.root_daum_roughmap_landing .border4 {display:none;}
.root_daum_roughmap .wrap_controllers {border:0 !important;}
.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:5px 0 8px; color:#242424; font-size:var(--fz20); 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:30px; display:flex;}
.directions .address-info dl:last-child {margin-bottom:0;}
.directions .address-info dl dt {min-width:120px; font-weight:500; line-height:1.4em; letter-spacing:-.03em;}
.directions .address-info dl dt svg {vertical-align:middle; margin:-.2em 15px 0 0;}
.directions .address-info dl dt path {fill:#b2d8d5;}
.directions .address-info dd {line-height:1.4em; color:#454545;}