@charset "utf-8";

.fz18 {font-size:18px !important;}

.c242424 {color:#242424 !important;}

.pt0 {padding-top:0 !important;}

.doc-cnt {padding:95px 0px;}

.gray-bg {position:relative;}
.gray-bg:before {content:''; position:absolute; left:50%; transform:translateX(-50%); top:0; width:100vw; height:100%; background:#fafafa; z-index:-1;}
.gray-bg.ty2:before {height:85%;top:auto; bottom:0;}

.doc-tit {font-size:var(--font-size-32); font-weight:700; letter-spacing:-.03em; line-height:1.38em; color:#242424;}
.doc-tit2 {position:relative;display:inline-block; font-size:var(--font-size-28); font-weight:700; letter-spacing:-.03em; line-height:1.4em; color:#242424;}
.doc-tit2:after {content:''; position:absolute; right:-10px; top:-2px; width:5px; height:5px; background:var(--color-primary); border-radius:100%;}

.arr-tit {margin-bottom: 17px;position: relative;padding-left: 30px;font-size: var(--font-size-20); font-weight: 600; line-height: 1.4em; color: #242424;}
.arr-tit:before {content:''; position: absolute; left: 0; top: 4px; width:20px; height:20px; background: url('/images/sub/arr-tit.png') no-repeat 50% 50% /contain;}

.doc-txt {font-size:var(--font-size-18); line-height:1.72em;}
.doc-txt2 {font-size:var(--font-size-20); font-weight:600; color:#242424; font-weight:600; line-height:1.4em;}

.sub-tab {margin-bottom:100px;}
.sub-tab ul {display:flex;}
.sub-tab ul li {border:1px solid #ddd; flex:1; border-left:0; border-bottom:1px solid var(--color-primary);}
.sub-tab ul li:first-child {border-left:1px solid #ddd;}
.sub-tab ul li a {padding:0 13px;height:50px; display:flex; align-items:center;justify-content:center; text-align:center; background:#fafafa; font-size:var(--font-size-18); font-weight:600; letter-spacing:-.03em; line-height:1.33em; color:#898989;}
.sub-tab ul li.active {border:1px solid var(--color-primary); border-bottom:0;}
.sub-tab ul li.active a {background:#fff; color:var(--color-primary);}

.biz-top {margin-bottom:60px;display:flex; align-items:center; justify-content:center; text-align:center; padding:0 30px;border-radius:20px; height:350px; background-size:cover; background-repeat:no-repeat; background-position:center center;}
.biz-top.bg1 {background-image:url('../images/sub/bio-bnr.jpg');}
.biz-top.bg2 {background-image:url('../images/sub/health-bnr.jpg');}
.biz-top.bg3 {background-image:url('../images/sub/test-bnr.jpg');}
.biz-top.bg4 {background-image:url('../images/sub/laboratory.jpg');}
.biz-top.bg5 {background-image:url('../images/sub/result-bnr.jpg');}
.biz-top.bg6 {background-image:url('../images/sub/esg-bnr.jpg');}
.biz-top.bg7 {background-image:url('../images/sub/esg-bnr2.jpg');}
.biz-top.bg8 {background-image:url('../images/sub/esg-bnr3.jpg');}
.biz-top.bg9 {background-image:url('../images/sub/esg-bnr4.jpg');}
.biz-top .tit {text-shadow:3px 3px 8px rgba(0,0,0,0.3); font-size:var(--font-size-40); font-weight:800; letter-spacing:.3em; line-height:1.33em; color:#fff;}
 
.overview {display:flex;}
.overview .logo {width:560px;}
.overview .cnt {flex:1 1 auto; min-width:0; width:1%;}
.overview .cnt .doc-tit {margin-bottom:35px;}
.overview .cnt p {margin-bottom:20px;}
.overview .cnt p:last-child {margin-bottom:0;}
.overview:nth-child(even) .logo {padding-left:40px;}
.overview:nth-child(odd) {text-align:right;flex-direction:row-reverse;}
.overview:nth-child(odd) .logo {padding-right:60px;}
.overview.ty2 {padding:95px 0 120px;}

.greeting-wrap {padding:0 100px;}
.greeting-top {margin-bottom:65px;padding:78px 0;padding-right:340px;position:relative;}
.greeting-top .tt {margin-bottom:23px;font-size:var(--font-size-18); font-weight:600; color:#898989;letter-spacing:.2em; line-height:1.4em; font-family:var(--font-play);}
.greeting-top h2 {margin-bottom:50px;font-size:var(--font-size-44); font-weight:700; letter-spacing:-.03em; line-height:1.36em; color:#242424;}
.greeting-top h2 img {margin-right:15px; margin-top:5px;}
.greeting-top .sign {display:flex; align-items:center; font-size:var(--font-size-18); font-weight:600; letter-spacing:-.03em; line-height:1.4em; color:#242424;}
.greeting-top .sign img {margin-left:30px;}
.greeting-top .img {position:absolute; right:-50px; bottom:0;}
.greeting-btm p:not(:last-child) {margin-bottom:18px;}

.ideology-box {padding:30px;display:flex; flex-direction:column; align-items:center; justify-content:center; text-align:center; color:#fff;height:310px;border-radius:30px; background:url('../images/sub/ideology-bg.jpg') no-repeat 50% 50% /cover;}
.ideology-box .tit {margin-bottom:9px;font-family:var(--font-play); font-weight:700; font-size:var(--font-size-40); line-height:1.4em;}
.ideology-box .txt {font-size:var(--font-size-18); font-weight:500;}

.history-head {margin-bottom:65px;}
.history-head h2 {margin-bottom:22px;font-family:var(--font-play); font-size:var(--font-size-40); font-weight:700; letter-spacing:0; color:#000;}
.history-head h2 img {margin-right:20px;vertical-align:text-bottom;}
.history-head p {font-size:var(--font-size-18);}

.history-wrap {display:flex; margin-bottom:70px;}
.history-wrap:last-child {margin-bottom:0;}
.history-wrap .head {width:330px; border-right:2px solid #ddd;}
.history-wrap .head h3 {font-family:var(--font-play);font-size:var(--font-size-60); font-weight:700; letter-spacing:-.03em; line-height:1.3em; color:#000;}
.history-wrap .head p {font-size:var(--font-size-32); font-weight:600; letter-spacing:-.03em; line-height:1.3em; color:#242424;}
.history-wrap .body {padding:35px 0 35px 80px;flex:1 1 auto; min-width:0;width:1%;}
.history-wrap .group {margin-bottom:35px;}
.history-wrap .group:last-child {margin-bottom:0;}
.history-wrap .group h4 {padding-bottom:15px; margin-bottom:15px;border-bottom:1px solid #eee; font-family:var(--font-play); font-size:var(--font-size-28); font-weight:700; letter-spacing:-.03em; line-height:1.4em; color:#242424;}
.history-wrap .group ul li {margin-bottom:9px;display:flex;}
.history-wrap .group ul li:last-child {margin-bottom:0;}
.history-wrap .group .mon {font-family:var(--font-play);font-size:var(--font-size-18); font-weight:700; letter-spacing:-.03em; line-height:1.4em; color:var(--color-primary);width:46px;}
.history-wrap .group .txt {padding-left:10px;position:relative;flex:1 1 auto; min-width:0; width:1%;}
.history-wrap .group .txt:before {position:absolute; left:0; top:-4px;content:'·'; font-size:var(--font-size-24); font-weight:700; letter-spacing:-.03em; line-height:1.4em;}

.root_daum_roughmap {width:100% !important;}
.directions {display:flex;margin-top:40px;}
.directions .address-info {width:50%;}
.directions .address-info .comp {color:var(--color-primary); font-weight:600; margin-bottom:2px;}
.directions .address-info .addr {color:#242424; font-size:23px; font-weight:600; line-height:1.33em; letter-spacing:-.03em; margin-bottom:17px;}
.directions .address-info .etc {color:#454545;}
.directions .address-info .etc span {display:inline-block; margin-right:16px;}
.directions .address-info .etc span:last-child {margin-right:0;}
.directions .contact-info {width:50%;border-top:1px solid #ddd; line-height:1.5em;}
.directions .contact-info dl {display:flex; padding:28px 0; border-bottom:1px solid #ddd;}
.directions .contact-info dt {width:180px; padding-left:30px; color:#242424; font-size:1.125em; font-weight:500;}
.directions .contact-info dt svg {vertical-align:middle; margin:-.2em 15px 0 0;}
.directions .contact-info dt path {fill:#ababab;}
.directions .contact-info dd {flex:1 1 auto; min-width:0; width:1%; color:#454545;}

.dot-list li {padding-left:11px;position:relative;}	
.dot-list li:before {position:absolute; left:0; top:-1px;content:'·'; font-size:var(--font-size-24); font-weight:700; letter-spacing:-.03em; color:#242424;}

.bio-group {border-bottom:1px dashed #ddd; padding:55px 0 60px 30px;display:flex;}	
.bio-group:last-child {border-bottom-style:solid; border-bottom-color:#242424;}
.bio-group .head {width:270px;}
.bio-group .body {flex:1 1 auto; min-width:0; width:1%;}
.bio-group .dot-box {margin-bottom:60px;border-radius:20px; padding:35px 60px;background:#fafafa;}
.bio-group .dot-box .dot-list {display:flex; flex-wrap:wrap;}
.bio-group .dot-box .dot-list li {margin-right: 40px;}

.prod-list {margin-bottom:50px;}
.prod-list ul {display:flex; flex-wrap:wrap; margin:-10px;}	
.prod-list ul li {width:33.333%; padding:10px;}
.prod-list .box {overflow:hidden;}
.prod-list .box .cnt {border-radius:0 0 20px 20px; border:1px solid #ddd; min-height: 180px; padding:13px 20px;}
.prod-list .box .cnt p {font-size:var(--font-size-14); line-height:1.5em;}

.go-btn {border-radius:10px; border:1px solid #242424; font-weight:600; color:#242424;height:44px; min-width:220px; padding:0 13px;display:inline-flex; align-items:center; justify-content:center;text-align:center;}

.health-group {align-items:center; margin-bottom:100px;display:flex; justify-content:space-between;}
.health-group:last-child {margin-bottom:0;}
.health-group > div {width:calc(50% - 60px);}
.health-group .cnt dl dt {color:#242424;margin-bottom:25px;font-size:var(--font-size-32); font-weight:700; letter-spacing:-.03em; line-height:1.4em;}
.health-group .cnt dl dt:before {margin-bottom:22px;background:#106d48;content:''; display:block; width:18px; height:18px; border-radius:100% 0 100% 100%;}
.health-group .cnt dl dd {letter-spacing: -.05em;}
.health-group .cnt dl dd + dd {margin-top:22px;}
.health-group:nth-child(even) {flex-direction:row-reverse;}

.campus {margin-bottom:65px;display:flex; align-items:center;}
.campus .img {margin-right:70px;width:585px;}
.campus .cnt {flex:1 1 auto; min-width:0; width:1%;}
.campus .top {padding-bottom:25px; margin-bottom:25px;border-bottom:1px dashed #ddd;}
.campus .top .doc-tit {margin-bottom:20px;}
.campus .btm dl {margin-bottom:15px;display:flex;}
.campus .btm dl:last-child {margin-bottom:0;}
.campus .btm dl dt {width:96px; font-weight:700; color:#242424;}
.campus .btm dl dd {flex:1 1 auto; min-width:0; width:1%;}

.formula-wrap {display:flex; justify-content:space-between;}
.formula-box {padding:55px 40px;border-radius:20px; width:calc(50% - 15px);border:1px solid #ddd;}
.formula-box .title {padding-bottom:14px; margin-bottom:75px;border-bottom:1px dashed #ddd; font-size:var(--font-size-24); font-weight:600; letter-spacing:-.03em;line-height:1.4em; color:#242424;}
.formula-box .title small {font-family:var(--font-play); font-weight:700; letter-spacing:-.03em; line-height:1.2em; vertical-align:text-bottom; color:#ababab;margin-left:20px;}
.formula-box .cnt ul {margin:0 -10px;display:flex; justify-content:center;}
.formula-box .cnt ul li {padding:0 10px;}
.formula-box .cnt ul li .txt {text-align:center; margin-top:55px;font-size:var(--font-size-18); font-weight:600; letter-spacing:-.03em; line-height:1.4em; color:#242424;}

.certi ul {display:flex; margin:0 -14px;}
.certi ul li {width:25%; padding:0 14px;}
.certi img {border-radius:20px;}

.facility-list {margin-bottom:60px;}
.facility-list ul {justify-content:center; display:flex; margin:-15px;}
.facility-list ul li {width:33.333%; padding:15px;}
.facility-list .box {padding:35px 30px;border:1px solid #ddd; border-radius:20px; height:100%;}
.facility-list .box .tit {margin-bottom:22px;font-size:var(--font-size-24); font-weight:600; letter-spacing:-.03em; line-height:1.4em; color:#242424;}

.facility-slider {max-width:1200px; margin:0 auto;}
.facility-slider .item {transform:scale(.7);}
.facility-slider .img {opacity:.4; transition:.2s;}
.facility-slider .txt {margin-top:20px;text-align:center; font-size:var(--font-size-24); font-weight:600; letter-spacing:-.03em; line-height:1.4em; color:#242424; filter:grayscale(100%); opacity:.6;}
.facility-slider .txt span {margin-right:8px;font-family:var(--font-play);font-size:var(--font-size-20); font-weight:700; color:var(--color-primary);}
.facility-slider .controls {display:flex; align-items:center; margin-top:55px;}
.facility-slider .progress {margin-right:30px;flex:1 1 auto; min-width:0; width:	1%;height:4px; border-radius:2px; overflow:hidden; background-color:#eee; background-image:linear-gradient(to right, var(--color-primary),  var(--color-primary)); background-repeat:no-repeat; background-size:0 100%; transition:background-size .4s ease-in-out;}
.facility-slider .progress-bar {border-radius:2px; overflow:hidden; clip:rect(0,0,0,0);}
.facility-slider .slick-arrow {transition:.3s; width:45px; height:44px;font-size:0; line-height:0; border:0; background-color:transparent;  background-size:contain; background-repeat:no-repeat; background-position:center center;}
.facility-slider .slick-prev {margin-right:8px;background-image:url('../images/sub/facility-prev.png');}
.facility-slider .slick-prev:hover {background-image:url('../images/sub/facility-prev-on.png');}
.facility-slider .slick-next {background-image:url('../images/sub/facility-next.png');}
.facility-slider .slick-next:hover {background-image:url('../images/sub/facility-next-on.png');}
.facility-slider .slick-center .item {transform:scale(1);}
.facility-slider .slick-center .img {opacity:1;}
.facility-slider .slick-center .txt {filter:grayscale(0)}
.facility-slider1 .slick-slide {margin:0 -18px;}
.facility-slider2 .item {transform:scale(.4);}
.facility-slider2 .slick-slide {margin:0 -53px;}

.service {display:flex; justify-content:space-between; padding-top: 30px;}
.service .box {position: relative; width:calc(50% - 14px);} 
.service .box .tit {white-space:nowrap; padding:18px 45px; position:absolute; top:-30px; left: 50%; width: 100%; max-width:460px; transform:translateX(-50%); display:inline-block; align-items:center; justify-content:center; font-size:var(--font-size-20); font-weight:600; letter-spacing:-.03em; line-height:1.33em; color:#fff; border-radius:30px; background:#000;}
.service .box .cnt {height: 100%; border-radius:20px; min-height:310px;padding:53px 30px;background:#fff;}
.service .box .cnt .dot-list li {margin-bottom:8px;}

.formula-list .row {display:flex; margin:-10px;}
.formula-list .col {padding:10px;display:flex; flex-direction:column; align-items:center; width:20%;}
.formula-list .img {margin-bottom:15px;}
.formula-list .tit {margin-bottom:5px;font-size:var(--font-size-20); font-weight:600; color:#242424; line-height:1.55em;}
.formula-list .dot-list {margin-left:-40px;}

.test-wrap .row {display:flex; margin:-10px;}
.test-wrap .col {width:33.333%; padding:10px;}
.test-wrap .tit {position:relative;margin:0 auto -22px;max-width:260px; height:45px;border-radius:22px; font-size:var(--font-size-20); font-weight:600; letter-spacing:-.03em; line-height:1.33em; background:#000;display:flex; align-items:center;justify-content:center; color:#fff;}
.test-wrap .box {padding:35px 18px 11px;border-radius:20px; border:1px solid #ddd; height:100%;}

.process {position:relative;}
.process:before {content:''; position:absolute; left:0; top:75px; width:100%; height:1px; background:#ddd; z-index:-1;}
.process ol {display:flex; margin:0 -33px;}
.process ol li {position:relative;padding:0 33px;width:16.666%; text-align:center;}
.process ol li:after {content:''; position:absolute; margin-right:-8px; right:0; top:67px; width:17px; height:17px; background:url('../images/sub/process-arrow.png') no-repeat 50% 50% / contain;}
.process ol li:last-child:after {display:none;}
.process .con {margin:0 auto;display:flex; flex-direction:column; justify-content:center; background:#f7f7f7; width:145px; height:145px; border-radius:100%;}
.process .con .num {margin-bottom:12px;font-family:var(--font-play); font-size:var(--font-size-14); font-weight:700; letter-spacing:-.03em; line-height:1.4em; color:#000;}
.process .txt {margin-top:18px;font-size:var(--font-size-18); font-weight:600; letter-spacing:-.03em; line-height:1.4em; color:#242424;}

.laboratory {padding-left:40px;}
.laboratory .head {margin-bottom: 27px;}
.laboratory .head span {font-weight:500;}
.laboratory .doc-tit2 {font-size:var(--font-size-32);}
.laboratory .cnt .txt1 {margin-bottom:25px;font-size:var(--font-size-20); font-weight:400;}
.laboratory .cnt .txt1 strong {font-weight:600; color:#242424;}

.tech-group {padding:90px 0;display:flex; align-items:center;}
.tech-group:first-child {padding-top:0;}
.tech-group:last-child {padding-bottom:0;}
.tech-group .img {width:515px;}
.tech-group .cnt {flex:1 1 auto; min-width:0; width:1%;}
.tech-group .cnt .doc-tit2 {margin-bottom:19px;font-size:var(--font-size-32);}
.tech-group .cnt dl dd {margin-bottom:17px;}
.tech-group .cnt dl dd:last-child {margin-bottom:0;}
.tech-group:nth-child(odd) .img {margin-right:55px;}
.tech-group:nth-child(even) {flex-direction:row-reverse;}
.tech-group:nth-child(even) .img {margin-left:55px;}

.pipe-top {padding-left:220px;}
.pipe-top ul {display:flex; margin:-4px;}
.pipe-top ul li {padding:4px;width:20%; text-align:center;}
.pipe-top .txt {padding:0 10px;margin-top:12px;border-radius:10px;height:60px; display:flex; align-items:center; justify-content:center; font-size:var(--font-size-18); font-weight:600; letter-spacing:-.03em; line-height:1.4em; color:#fff;}
.pipe-top ul li:nth-child(1) .txt {background:#ababab;}
.pipe-top ul li:nth-child(2) .txt {background:#898989;}
.pipe-top ul li:nth-child(3) .txt {background:#454545;}
.pipe-top ul li:nth-child(4) .txt {background:#242424;}
.pipe-top ul li:nth-child(5) .txt {background:#000;}

.pipe dl {padding:25px 30px;display:flex; align-items:center;border-bottom:1px dashed #ddd;}
.pipe dl:last-child {padding-bottom:0;}
.pipe dl dt {display:flex; align-items:center; min-height:3.1em;width:190px;font-size:var(--font-size-20); font-weight:700; letter-spacing:-.03em; line-height:1.55em; color:#242424;}
.pipe dl dd {flex:1 1 auto; min-width:0; width:1%;}
.pipe .bar-bg {overflow:hidden; border-radius:15px;display:block; height:30px;background:#dadada;	width:100%;	position:relative;	z-index:9;}
.pipe .bar {border-radius:15px; width:0;position:absolute;left:0;top:0; height:100%;	display:block; background:var(--color-primary);	z-index:10;transition:2s;}
.pipe.active .bar1 {width:48%;}
.pipe.active .bar2 {width:48%;}
.pipe.active .bar3 {width:60%;}
.pipe.active .bar4 {width:20%;}
.pipe.active .bar5 {width:16%;}
.pipe .bar1 {transition-delay:.3s;}
.pipe .bar2 {transition-delay:.5s;}
.pipe .bar3 {transition-delay:.7s;}
.pipe .bar4 {transition-delay:.9s;}
.pipe .bar5 {transition-delay:1.1s;}

.check-list-wrap {padding:60px 40px;background:#fff; border-radius:20px;}
.check-list-wrap.ty2 {padding:40px 30px;background:#fafafa;}
.check-list li {position:relative; padding-left:30px;margin-bottom:10px;}
.check-list li:last-child {margin-bottom:0;}
.check-list li:before {content:''; position:absolute; left:0; top:3px; width:23px; height:21px; background:url('../images/sub/check.png') no-repeat 50% 50% ;} 
.check-list li strong {color:#242424;}

.check-boxes {display:flex; justify-content:space-between;}
.check-boxes .col {width:calc(50% - 15px);}
.check-boxes .box {padding:35px 30px;margin-bottom:30px;background:#fff; border-radius:20px;}
.check-boxes .box:last-child {margin-bottom:0;}
.check-boxes .box .tit {margin-bottom:12px;position:relative; padding-left:32px;font-size:var(--font-size-18); font-weight:700; letter-spacing:-.03em; line-height:1.4em; color:#242424;}
.check-boxes .box .tit:before {content:''; position:absolute; left:0; top:2px; width:23px; height:21px; background:url('../images/sub/check.png') no-repeat 50% 50% ;}

.human-rights .row {display:flex; flex-wrap:wrap; margin:-15px;}
.human-rights .col {width:50%; padding:15px;}
.human-rights .box {height:100%;border-radius:20px; display:flex;padding:35px 30px;background:#f7f7f7;}
.human-rights .box .img {margin-left:30px;width:80px;}
.human-rights .box .cnt {flex:1 1 auto; min-width:0; width:1%;}
.human-rights .box .cnt .tit {margin-bottom:12px;font-size:var(--font-size-18); font-weight:700; letter-spacing:-.03em; line-height:1.4em; color:#242424;}