@charset "utf-8";

/* 공통 */
.doc-tit {color:#2c2c2c; font-size:34px; font-weight:700; letter-spacing:-.03em; line-height:1.412em;}
.doc-tit.type2 {position:relative;}
.doc-tit.type2:before {margin-bottom:18px; content:""; display:block; width:7px; height:7px; border-radius:100%; background:#00a6ba;}

.border-list .row {display:flex; margin:0 -15px;}
.border-list .row .col {width:33.333%; padding:0 15px;}
.border-list .box {padding:50px 0; border-top:1px solid #505050; border-bottom:1px solid #ddd;}

.product-top {padding:30px 0 60px;}
.product-top p {font-size:18px; font-weight:400; letter-spacing:-.03em; line-height:1.889em; color:#505050;}

.dot-list ul li {margin-bottom:18px;font-size:18px; font-weight:400; letter-spacing:-.03em; line-height:1.4em; color:#2c2c2c; position:relative; padding-left:16px;}
.dot-list ul li:before {content:""; width:5px; height:5px; position:absolute; left:0; top:10px; background:#00a6ba;}
.dot-list ul li:last-child {margin-bottom:0;}

/* 인사말 */
.tit-flex {display:flex; align-items:center;}
.tit-flex .doc-tit {flex:1 1 auto; min-width:0; width:1%; margin-left:42px;}
.greeting > .img {margin:45px 0 50px;}
.greeting .cnt {margin-left:420px;}
.greeting .cnt p {font-size:20px; font-weight:400; letter-spacing:-.03em; line-height:1.7em;}
.greeting .cnt p + p {margin-top:25px;}
.greeting .cnt p.sign {display:flex; align-items:center; margin-top:43px; font-size:16px; font-weight:700; color:#2c2c2c;}
.greeting .cnt p.sign img {margin-left:40px;}

/* 약도 */
.root_daum_roughmap {width:100% !important;}
.location .doc-tit {margin-bottom:40px;}
.location .border-list {margin-top:50px;}
.location .border-list .box {height:220px;}
.location .border-list .box .ico {margin-bottom:34px;}
.location .border-list .box .txt {font-size:18px; font-weight:500; letter-spacing:-.03em; line-height:1.556em; color:#2c2c2c;}

/* product */
.doc-tit.type2 + .product-content {margin-top:40px;}
.product-content + .doc-tit {margin-top:80px;}
.product-content .row {display:block;}
.product-content .row .col {width:100%;}
.product-content .row .col + .col .box {border-top:0;}
.product-content .col .box {display:flex;}
.product-content .pro-head {width:460px; padding:0 103px 0 50px;}
.product-content .pro-head .tt {margin-bottom:12px; font-size:16px; font-weight:700; letter-spacing:-.03em; line-height:1.5em; color:#a8a8a8;}
.product-content .pro-head .tit {font-size:28px; font-weight:700; letter-spacing:-.03em; line-height:1.5em; color:#2c2c2c;}
.product-content .pro-cnt {flex:1 1 auto; min-width:0; width:1%;}
.product-content .pro-cnt .tit {margin-bottom:20px;}
.product-content .pro-cnt .tit .badge {display:inline-block; vertical-align:middle; color:#fff; font-size:18px; font-weight:700; line-height:40px; letter-spacing:-.03em; text-align:center; padding:0 20px; border-radius:20px; background:#00a6ba;}
.product-content .pro-cnt .gray-box {background:#f4f4f4; padding:35px 40px;}
.product-content .pro-cnt .gray-box + .tit {margin-top:40px;}
.product-content.type2 .box {padding:44px 50px; display:block;}
.product-content.type2 .pro-cnt {width:100%;}

.img-list {margin-bottom:60px;}
.img-list ul {display:flex; margin:0 -10px;}
.img-list ul li {padding:0 10px; width:50%;}
.img-list .img {position:relative; padding-bottom:67.79%; overflow:hidden;}
.img-list .img img {position:absolute; top:50%; left:0; transition:.4s ease-in-out; transform:translateY(-50%); -ms-transform:translateY(-50%); -webkit-transform:translateY(-50%); width:100%; height:auto !important; max-width:100%; min-height:100%; object-fit:cover;}
.test-wrap {margin-top:44px;}
.test-wrap .row {border-bottom:1px solid #505050; display:flex; align-items:stretch;}
.test-wrap .row:first-child {border-top:1px solid #505050;}
.test-wrap .row .tit {border-right:1px solid #dfdfdf; justify-content:center; display:flex; align-items:center; width:400px; background:#f4fafb; font-size:20px; font-weight:700; letter-spacing:-.03em; line-height:1.4em; color:#00a6ba;} 
.test-wrap .row .cnt {flex:1 1 auto; min-width:0; width:1%; padding:34px 0 34px 30px;}

.icon-txt-wrap .col .box {padding:55px 0 38px; min-height:427px;}
.icon-txt-wrap .col .tit {margin:23px 0 27px; font-size:22px; font-weight:700; letter-spacing:-.03em; line-height:1.4em;}
.icon-txt-wrap .col .txt p {margin-bottom:11px; color:#505050; line-height:2em;}
.icon-txt-wrap .col .txt p:last-child {margin-bottom:0;}

/* Chromatography Resin */
.resin .doc-tit {margin-bottom:40px;}
.resin .icon-txt-wrap {margin-bottom:80px;}
.pro-title {margin-bottom:50px; font-size:28px; font-weight:700; letter-spacing:-.03em; line-height:1.4em; color:#2c2c2c;}

/* VDO BIOTECH */
.vdo .img {margin-bottom:56px;}
.vdo .doc-tit {margin-bottom:30px;}
.vdo .cnt p {margin-bottom:23px; font-size:18px; font-weight:400; letter-spacing:-.03em; line-height:1.889em; color:#505050;}
.vdo .cnt p:last-child {margin-bottom:0;}

/* contact us */
.inquiry-bnr {margin-bottom:57px; padding:30px 80px; display:flex; flex-direction:column; justify-content:center; height:285px; color:#fff; background:url("../images/sub/inquiry_bnr.jpg") no-repeat 50% 50% / cover;}
.inquiry-bnr .tt {font-weight:700; line-height:1.4em; color:rgba(255,255,255,0.4);}
.inquiry-bnr .tit {margin:20px 0 25px; font-size:28px; line-height:1.4em; font-weight:700;}
.inquiry-bnr .info {display:flex;}
.inquiry-bnr .info dl {margin-right:48px; display:flex; align-items:center; font-size:18px; line-height:1.4em;}
.inquiry-bnr .info dl dt {margin-right:19px;}

.inquiry-form .ico-required {color:#12bdd2; font-style:normal; font-weight:700; display:inline-block;}
.inquiry-form .form {font-size:15px; line-height:1.5em; letter-spacing:-.03em;}
.inquiry-form .form .row {display:flex; flex-wrap:wrap; margin:0 -15px;}
.inquiry-form .form .col {margin-bottom:37px; width:50%; padding:0 15px;}
.inquiry-form .form .col.last {margin-bottom:0;}
.inquiry-form .form .col.col-x2 {width:100%;}
.inquiry-form .form dt {margin-bottom:17px; font-size:18px; font-weight:700; letter-spacing:-.03em; line-height:1.4em; color:#2c2c2c;}
.inquiry-form .form .input {width:100%;}
.inquiry-form .form textarea.input {height:200px;}
.inquiry-form .form-agree {margin:53px 0 0;}
.inquiry-form .form-agree h3 {font-weight:700;}
.inquiry-form .form-agree .scroll-box {background:#fff; padding:26px; color:#878787;}
.inquiry-form .buttons {margin:57px 0 0;}