@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; } 

.blue-title {margin-bottom: 15px; font-size:20px; font-weight: 500; letter-spacing:-.04em; line-height: 1.4em; color: #0054a6;}

.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; } 
.dot-list.blue > li:before {background: #00a0e8;}

.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: 30px; 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 4%; 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: 34px; 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 { display: flex; margin-bottom: .9em; } 
.recruit .txtBox .info dl:last-child { margin-bottom: 0; } 
.recruit .txtBox .info dl dt { min-width: 105px; 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 60px 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;}