@charset "utf-8";

.sub-tab {margin-bottom:60px; text-align:center;}
.sub-tab.ty2 {margin-bottom: 95px;}
.sub-tab ul {display:flex;}
.sub-tab ul li {position: relative; display: table; flex:1; width: auto; min-height: 65px; background:#fff; border: 1px solid #dfdfdf; left: 1px; margin-left: -1px;}
.sub-tab ul li a {position:relative; display:table-cell; vertical-align:middle; color:#878787; font-size:19px; font-weight:500; line-height:1.3; letter-spacing:-.04em; padding: 0 5px;}
.sub-tab ul li .sm {font-size: 16px;}
.sub-tab ul li.active {border-color:#00a0e8; z-index:2;}
.sub-tab ul li.active a {color:#00a0e8;}

/* space menu */
.space-box { margin-bottom: 50px; } 
.space-menu { display:flex; justify-content: start; } 
.space-menu li { position:relative; text-align:center; width: 16.6666%; border: 1px solid #fff; background: #f3f8fc; } 
.space-menu li.active { border-color: #0054a6; background: #0054a6; } 
.space-menu li a { min-height: 50px; display: flex; align-items: center; justify-content: center; color: #444; font-size: 16px; font-weight: 400; line-height: 1.3em; letter-spacing: -.025em; padding: 0 5px } 
.space-menu li.active a { color: #fff; } 

.doc-cnt {padding: 90px 0 100px;}
.doc-cnt:first-child {padding-top: 0;}
.doc-cnt.bg1 {background: #f3f8fc;}
.doc-cnt.bg2 {background: #f8f8f8;}
.doc-tit {padding-bottom: 75px;}
.doc-tit.center {text-align: center;}
.doc-tit h2 {font-size:38px; font-weight: 600; line-height:1.3em; letter-spacing: -.04em;}
.doc-tit p {color: #878787; font-size: 1.125em; line-height: 1.3; letter-spacing: -.04em; margin: 0 -20px; margin-top: 18px; }
.doc-tit p span {position: relative; display: inline-block; padding: 0 20px;}
.doc-tit p span:after {content:''; position: absolute; top: 4px; right: -1px; width: 1px; height: 18px; background: #ccc;}
.doc-tit p span:last-child:after {display: none;}

.dot-list > li{position:relative; padding-left:13px;}
.dot-list > li:last-child{margin-bottom:0;}
.dot-list > li:before{content:""; width:5px; height:5px; border-radius:5px; position:absolute; top:10px; left:0; background:#ccc;}

.hypen-list > li{padding-left: 0.438em; text-indent: -0.438em;}
.hypen-list > li:last-child{margin-bottom: 0;}

.c505050 {color: #505050;}
.txt-blue {color: #0054a6;}
.fw500 {font-weight: 500;}


/* about */
.introduce .contents {display: flex;}
.introduce .img {width: 54%; padding-right: 30px;}
.introduce .txt {flex: 1 1 auto; min-width: 0; width: 1%; margin-top: -.5em;}
.introduce .txt .head {margin-bottom: 54px;}
.introduce .txt .head h3 {color: #0054a6; font-size: 34px; font-weight: 600; line-height: 1.471em; letter-spacing: -.04em; margin-bottom: 18px;}
.introduce .txt .head p {font-size: 22px; font-weight: 500; line-height: 1.727em; letter-spacing: -.04em;}
.introduce .txt .body {border-left: 1px solid #00a0e8; padding-left: 29px;}
.introduce .txt .body p {color: #878787; line-height: 2; margin-bottom: 22px;}
.introduce .txt .body p:last-child {margin-bottom: 0;}

.CEO .flex-div {display: flex;align-items: center;}
.CEO .txt {flex: 1 1 auto; min-width: 0; width: 1%;}
.CEO .txt .head {}
.CEO .txt .head span {display: block; color: #878787; font-size: 0.938em; font-weight: 500; line-height: 1.3; letter-spacing: .6em; margin-bottom: 35px;}
.CEO .txt .head h3 {color: #0054a6; font-size: 34px; font-weight: 600; line-height: 1.471em; letter-spacing: -.04em;}
.CEO .txt .line {display: block; width: 1px; height: 60px; background: #00a0e8; margin: 45px 0 50px;}
.CEO .txt .body {font-size: 22px; font-weight: 500; line-height: 1.727em; letter-spacing: -.04em;}
.CEO .txt .body .c1 {color: #0054a6;}
.CEO .txt .body .c2 {color: #00a0e8;}
.CEO .img {width: 55%; padding-left: 30px; text-align: right;}
.CEO .career {background: #00a0e8; padding: 50px 60px; color: #fff; margin-top: 30px;}
.CEO .career .tt {margin-bottom: 22px;}
.CEO .career .tt span {display: inline-block; color: #00a0e8; font-weight: 600; line-height: 38px; padding: 0 20px; background: #fff; border-radius:30px;}
.CEO .career .list {display: flex;flex-wrap:wrap;}
.CEO .career ul {flex:1; width: auto; margin: 0 85px 0 0;}
.CEO .career ul li {margin-bottom: .6em;}

.history .line {height: 71px; background: linear-gradient(90deg, #65dbe9 0%, #1729d2 100%);}
.history .list {display: flex;flex-wrap:wrap; margin-top: -26px;}
.history .list .col {width: 25%; padding: 0 30px;}
.history .list .num {display: inline-block; width: 50px; height: 50px; border-radius:5px; text-align: center; transform: rotate(45deg); margin-left: 9px;}
.history .list .num span {display: block; color: #fff; font-size: 24px; font-weight: 500; line-height: 50px; transform: rotate(-45deg);}
.history .list .num.bg1 {background: #274ed7;}
.history .list .num.bg2 {background: #3a79dc;}
.history .list .num.bg3 {background: #55b5e4;}
.history .list .num.bg4 {background: #64d7e8;}
.history .list .head {margin: 35px 0 30px;}
.history .list .head span {display: block; font-size: 0.875em; color: #878787; font-weight: 500; line-height: 1.3; letter-spacing: -.04em; margin-bottom: 15px;}
.history .list .head p {font-size: 24px; font-weight: 600; line-height: 1.4; letter-spacing: -.04em;}
.history .list .dot-list > li {color: #505050; margin-bottom: .6em;}

.process {}
.process .row {margin-bottom: 75px;}
.process .row:last-child {margin-bottom: 0;}
.process .tt {font-size: 20px; font-weight: 500; line-height: 1.4; letter-spacing: -.04em; margin-bottom: 35px;}
.process .tt.c1 {color: #0054a6;}
.process .tt.c2 {color: #00a0e8;}
.process ol {display: flex;flex-wrap:wrap; margin: -10px;}
.process ol li {width: 16.6666666%; padding: 10px;}
.process ol li .in {padding: 20px; border-radius:0 100px 100px 0; height: 100%;}
.process ol li .num {margin-bottom: 10px;}
.process ol li .num span {display: inline-block; width: 38px; height: 38px; border-radius:100%; background: #fff; text-align: center; font-size: 17px; line-height: 38px; font-weight: 600;}
.process ol li p {color: #fff; font-size: 1.063em; line-height: 1.647em; letter-spacing: -.04em;}

.process ol.ty1 li .in {background: #0054a6;}
.process ol.ty1 li .num span {color: #0054a6;}
.process ol.ty2 li .in {background: #00a0e8;}
.process ol.ty2 li .num span {color: #00a0e8;}

/* technology */
.tech-top {display: flex;}
.tech-top .left {display: flex;flex-wrap: wrap;align-content: space-between; width: 26.66%; background: #005277; padding: 55px 10px 55px 39px; color: #fff;}
.tech-top .left h3 {font-size: 34px; font-weight: 600; line-height: 1.471em; letter-spacing: -.04em;}
.tech-top .left p {font-size: 1.125em; line-height: 1.3; letter-spacing: -.04em;}
.tech-top .right {flex: 1 1 auto; min-width: 0; width: 1%; background: #000;}

.tech-intro {text-align: center;}
.tech-intro .txt {font-size: 22px; font-weight: 500; line-height: 1.727em; letter-spacing: -.04em; margin-top: 55px;}
.tech-intro .txt p {margin-bottom: 15px;}
.tech-intro .txt p:last-child {margin-bottom: 0;}
.tech-intro .txt p span {display: inline-block; vertical-align:middle; margin-top: -.2em;}
.tech-intro .txt .num {width: 20px; height: 20px; border-radius:100px; background: #42aeeb; color: #fff; font-size: 13px; font-weight: 600; line-height: 20px; text-align: center;}
.tech-intro .txt .arrow {color: #005277; font-size: 14px;}

.tech-feature > ul  {display: flex; margin: -10px;}
.tech-feature > ul > li {width: 33.3333333%; padding: 10px;}
.tech-feature > ul > li .in {background: #fff; padding: 50px; height: 100%;}
.tech-feature > ul > li .tag {}
.tech-feature > ul > li .tag span {display: inline-block; background: #00a0e8; color: #fff; line-height: 30px; padding: 0 15px;}
.tech-feature > ul > li strong {display: block; margin: 25px 0 30px; color: #0054a6; font-size: 24px; font-weight: 600; line-height: 1.3; letter-spacing: -.04em;}
.tech-feature > ul > li .dot-list > li {margin-bottom: .5em;}

/* BUSINESS */
.biz-service {display: flex;justify-content: center;align-items: center; text-align: center; color: #fff; height: 976px; background-position:50% 50%; background-repeat:no-repeat; background-size:cover;}
.biz-service.bg1 {background-image:url("../images/sub/bg_biz_service1.jpg");}
.biz-service.bg2 {background-image:url("../images/sub/bg_biz_service2.jpg");}
.biz-service.bg3 {background-image:url("../images/sub/bg_biz_service3.jpg");}
.biz-service.bg4 {background-image:url("../images/sub/bg_biz_service4.jpg");}

.biz-service .t1 {font-size: 34px; font-weight: 500; line-height: 1.4; letter-spacing: -.04em; margin-bottom: 70px;}

.biz-service .items {display: flex;flex-wrap:wrap;justify-content: center; margin: 0 -10px -50px;}
.biz-service .items .item {width: 25%; padding: 0 10px; margin-bottom: 50px;}
.biz-service .items .item .icon {margin-bottom: 33px;}
.biz-service .items .item .dot-list {display: inline-block;}
.biz-service .items .item .dot-list > li {text-align: left; color: #fff; font-size: 22px; font-weight: 500; line-height: 1.3; letter-spacing: -.04em; margin-bottom: .3em;}
.biz-service .items .item .dot-list > li:before {background: #fff;}

.biz-service .items.w3 {max-width: 920px; margin-left: auto; margin-right: auto;}
.biz-service .items.w3 .item {width: 33.3333333%;}

.biz-service2 {text-align: center;}
.biz-service2 .t1 {font-size: 34px; font-weight: 500; line-height: 1.4; letter-spacing: -.04em; margin-bottom: 55px;}
.biz-service2 .box {background: #f4f4f4; padding: 100px 7%; border-radius:30px;}
.biz-service2 .items {display: flex;flex-wrap:wrap;justify-content: center; margin: 0 -10px -50px;}
.biz-service2 .items .item {width: 25%; padding: 0 10px; margin-bottom: 50px;}
.biz-service2 .items .item .icon {margin-bottom: 33px;}
.biz-service2 .items .item .dot-list {display: inline-block;}
.biz-service2 .items .item .dot-list > li {text-align: left; color: #505050; font-size: 22px; font-weight: 500; line-height: 1.3; letter-spacing: -.04em; margin-bottom: .3em;}
.biz-service2.blue .box {background: #0054a6;}
.biz-service2.blue .box  .items .item .dot-list > li {color: #fff;}
.biz-service2.blue .box  .items .item .dot-list > li:before {background: #fff;}
.biz-service2.type2 .box {padding-top: 35px; padding-bottom: 35px;}

.biz-service2 .items {gap:0 60px;}
.biz-service2 .items.w-auto .item {width: auto;}
.biz-service2 .items.w5 .item {width: 20%;}
.biz-service2 .items.w3 .item {width: 33.3333333%;}

.biz-service3 .flex-div {display: flex;justify-content: space-between;}
.biz-service3 .flex-div .biz-sec {width: calc(50% - 20px);}

.biz-sec {margin-bottom: 80px;}
.biz-sec:last-child {margin-bottom: 0;}
.biz-tit {font-size: 28px; font-weight: 600; line-height: 1.4; letter-spacing: -.04em; margin-bottom: 30px;}
.biz-cnt {}
.biz-cnt .txt {color: #878787;}
.biz-cnt .txt.mg {margin-bottom: 40px;}
.biz-cnt .s-tt {color: #0054a6; font-size: 20px; font-weight: 500; line-height: 1.4; letter-spacing: -.04em; margin-bottom: 18px;}
.biz-cnt .dot-list {color: #505050;}
.borderBox {border: 1px solid #dfdfdf; padding: 50px;}

.pic-list {}
.pic-list ul {display: flex;flex-wrap:wrap; margin: -20px; text-align: center;}
.pic-list ul li {width: 50%; padding: 20px;}
.pic-list ul li .pic {border: 1px solid #dfdfdf;}
.pic-list ul li .tit {display: table; width: 100%; min-height: 60px; background: #fafafa; border: 1px solid #dfdfdf; border-top: 0; color: #2c2c2c; font-size: 1.125em; font-weight: 500; line-height: 1.3; letter-spacing: -.04em;}
.pic-list ul li .tit p {display: table-cell; vertical-align:middle;}

.pic-list ul.w1 li {width: 100%;}

.pipeline-obj {display: flex;}
.pipeline-obj .left {display: flex;flex-wrap: wrap;align-content: space-between; width: 26.66%; background: #005277; padding: 55px 39px; color: #fff;}
.pipeline-obj .left h3 {font-size: 28px; font-weight: 600; line-height: 1.471em; letter-spacing: -.04em;}
.pipeline-obj .left h3 span {display: block; font-size: 14px; font-weight: 400; line-height: 1.5;}
.pipeline-obj .left p {font-size: 1.125em; line-height: 1.3; letter-spacing: -.04em;}
.pipeline-obj .left .img {width: 100%; text-align: center; padding: 10px;}
.pipeline-obj .right {flex: 1 1 auto; min-width: 0; width: 1%; background: #000;}

.microneedle-feature {display: flex;}
.microneedle-feature .cnt {position: relative; width: 50%; padding: 35px 40px 30px 230px;}
.microneedle-feature .cnt.ty1 {background: #00a0e8;}
.microneedle-feature .cnt.ty2 {background: #0054a6;}
.microneedle-feature .cnt .tit {position: absolute; top: 50%; left: 40px; margin-top: -80px;}
.microneedle-feature .cnt .desc .dot-list {color: #fff;}
.microneedle-feature .cnt .desc .dot-list li {margin-bottom: .5em;}
.microneedle-feature .cnt .desc .dot-list li:before {background: #fff;}


.welfare > ul {display: flex;flex-wrap:wrap;justify-content: center; margin-bottom: -95px;}
.welfare > ul > li {position: relative; width: 33.333333%; padding-left: 105px; margin-bottom: 95px;}
.welfare > ul > li .icon {position: absolute; top: 4px; left: 0;}
.welfare > ul > li strong {display: block; font-size: 24px; font-weight: 600; line-height: 1.4; letter-spacing: -.04em; margin-bottom: 16px;}
.welfare > ul > li .dot-list > li {color: #505050; margin-bottom: .5em;}

.department ul {display: flex;flex-wrap:wrap; margin: 0 -30px -105px;}
.department ul li {width: 50%; padding: 0 30px; margin-bottom: 105px;}
.department ul li:nth-child(even) {transform:translateY(200px);}
.department ul li .txt {padding: 45px 0 0 29px;}
.department ul li .txt strong {display: block; font-size: 28px; font-weight: 600; line-height: 1.3; letter-spacing: -.04em; margin-bottom: 15px;}
.department ul li .txt p {color: #878787; line-height: 2;}

.recruit {display: flex;}
.recruit .imgBox {width: 50%; background: no-repeat url("../images/sub/recruit.jpg") center center / cover;}
.recruit .txtBox {flex: 1 1 auto; min-width: 0; width: 1%; color: #fff; background: #0054a6; padding: 70px 60px;}
.recruit .txtBox .head {}
.recruit .txtBox .head:after {content:''; display: block; width: 30px; height: 3px; background: #fff; margin: 48px 0 52px;}
.recruit .txtBox .head span {display: block; font-size: 0.938em; font-weight: 500; line-height: 1.3; letter-spacing: .6em; margin-bottom: 27px;}
.recruit .txtBox .head h3 {font-size: 28px; font-weight: 500; line-height: 1.571em; letter-spacing: -.04em;}
.recruit .txtBox .info {}
.recruit .txtBox .info dl {margin-bottom: .9em;}
.recruit .txtBox .info dl:last-child {margin-bottom: 0;}
.recruit .txtBox .info dl dt {font-weight: 600;}
.recruit .txtBox .info dl dd {}

.root_daum_roughmap {width:100% !important;}
.root_daum_roughmap .map_border {display:none;}
.root_daum_roughmap .wrap_controllers {display:none;}
.location .contain {max-width: 1780px;}
.loc-info {max-width: 1260px; padding-right: 30px; padding-left: 30px; margin: 0 auto;}
.loc-info .box {position: relative; z-index: 1; margin: -100px 0 0 auto; color: #fff; max-width: 477px; width: 100%; padding: 50px 50px 65px; background: #0054a6 no-repeat url("../images/sub/bg_location_info.jpg") right top;}
.loc-info .box h3 {font-size: 34px; font-weight: 600; line-height: 1.3; letter-spacing: -.04em; margin-bottom: 22px;}
.loc-info .box p {font-size: 22px; font-weight: 500; line-height: 1.727em; letter-spacing: -.04em;}

.sub-bnr {padding: 0 30px; margin-bottom: 80px; text-align:center; background-repeat:no-repeat; background-position:50% 50%; background-size:cover; color: #fff; height: 300px; display: flex; flex-direction:column; justify-content:center; align-items:center;}
.sub-bnr .tit {margin-bottom: 10px; font-size:34px; font-weight: 600; letter-spacing:-.04em; line-height: 1.4em;}
.sub-bnr .txt {font-size:22px; font-weight: 400; letter-spacing:-.04em; line-height: 1.4em;}

.table01 table {border-top:2px solid #0054a6; width: 100%; border-collapse:collapse; border-spacing:0; text-align:center;}
.table01 thead th {background:#fafafa; border-bottom:1px solid #ddd; border-right:1px solid #ddd; padding: 15px 12px; font-weight: 600; line-height: 1.4em; letter-spacing:-.04em; color: #0054a6;}
.table01 tbody td {border-bottom:1px solid #ddd; border-right:1px solid #ddd; padding: 26px 12px; font-weight: 400; line-height: 1.4em; letter-spacing:-.04em; color: #878787;}
.table01 thead th:last-child,
.table01 tbody td:last-child {border-right:0;}