@charset "utf-8";

/*	준비중페이지*/
.preparePage {width: 100%; height: 400px; text-align: center; line-height: 400px;}
.preparePage img {max-width:100%;}

.wps_100 {width:100%;}
.point01{color:#024e9e!important;}
.color_g {color:#8ec640!important;}
.color_b {color:#21a9e1!important;}
.color_r {color:#ec1c25!important;}
.color_bl {color:#a7aaac!important;}

.l {text-align:left!important;}
.c {text-align:center!important;}
.t {text-align:right!important;}

.sub_content {width:100%; position:relative; color:#3e3e3e; font-size:18px; line-height:28px;   }
.sub_content:after{content: ''; display: block; clear: both;}

.sub_titile {position:relative; color:#3e3e3e; font-size:22px; font-weight:700; margin-bottom:20px; padding-left:80px;}
.sub_titile:before {content:""; width:62px; height:1px; background:#3e3e3e; position:absolute; left:0; top:12px;}

.sub_txt {margin-bottom:50px;}
.sub_txt a {position:relative; padding:15px 0; border:0px solid #ddd;  }
.sub_txt a span.material-icons {display:inline-block; vertical-align:middle;}

.con_t_margin {margin-top:80px;}
.con_t_margin02 {margin-top:50px;}
.con_t_margin03 {margin-top:30px;}
.con_b_margin {margin-bottom:20px!important;}
.con_b_margin02 {margin-bottom:0px!important;}

@media screen and (max-width: 1024px){
.sub_content {/*font-size:14px; line-height:18px; */    font-size:16px; line-height:26px;}
.con_t_margin {margin-top:50px;}
.sub_titile { font-size:20px;}


.con_t_margin02 {margin-top:30px;}
.con_t_margin03 {margin-top:15px;}



}


@media screen and (max-width: 1024px) {

/*스크롤바 컬러*/
::-webkit-scrollbar { -webkit-appearance: none; } 
::-webkit-scrollbar:vertical { width: 12px; } 
::-webkit-scrollbar:horizontal { height: 8px; } 
::-webkit-scrollbar-thumb { background-color: rgba(0, 0, 0, .3); border-radius: 10px; border: 2px solid #ffffff; } 
::-webkit-scrollbar-track { border-radius: 10px; background-color: #ffffff; }

.table-container{
	 width:100%;	
	 overflow-x:auto;
     white-space: nowrap;
		}
}

/*서비스*/
.info_img03 {width:65%; margin:auto;  }
.info_img03:after{content: ''; display: block; clear: both;}

.info_img_txt03 { padding-bottom:15px;}
.info_img_txt03 ul {width:95%; margin:auto;  }
.info_img_txt03 ul:after{content: ''; display: block; clear: both;}
.info_img_txt03 ul li {float:left; text-align:center; width:33.3%; font-size:18px; line-height:22px;  color:#004097; font-weight:600;  word-break:keep-all;  }
.info_img_txt03 ul li span {display:block; color:#979797; font-size:16px;  font-weight:400; line-height:20px;margin-top:4px;}
.info_img_txt03 ul li img {}


.info_img {width:100%; }
.info_img:after{content: ''; display: block; clear: both;}
.info_img h5 {font-size :20px; background:#f8f8f8; padding:15px 20px; margin-bottom:20px;}
.info_img_txt {width:98%; margin:auto; margin-bottom:15px;}
.info_img_txt ul{ margin-top:10px;} 
.info_img_txt ul:after{content: ''; display: block; clear: both;}
.info_img_txt ul li {float:left; text-align:center; width:25%; font-size:18px; line-height:22px;  color:#004097; font-weight:600; padding:0 15px; word-break:keep-all;}
.info_img_txt ul li span {display:block; color:#979797; font-size:16px;  font-weight:400; line-height:20px;margin-top:4px;}

/*.info_img02 {width:100%; }
.info_img02:after{content: ''; display: block; clear: both;}
.info_img02 ul li {float:left; text-align:center; width:50%;}
.info_img02 ul li img {max-width:547px;}
*/
.info_img02 {width:100%; }
.info_img02:after{content: ''; display: block; clear: both;}
.info_img02 ul li { text-align:center; margin-bottom:30px;}
.info_img02 ul li img {max-width:800px; width:100%;}

.reference {text-align:right; font-size:16px; color:#787878; }


@media screen and (max-width: 768px){
.info_img03 {width:100%; margin:auto; }
.info_img_txt03 {padding-bottom:10px; }
.info_img_txt03 ul { margin:10px auto;  }
.info_img_txt03 ul li { font-size:14px; line-height:18px;  }
.info_img_txt03 ul li br {display:none;}
.info_img_txt03 ul li span {font-size:13px; line-height:16px; margin-top:2px;}
.info_img_txt ul li { font-size:14px; line-height:18px;  }
/*.info_img_txt ul li br {display:none;}*/
.info_img_txt ul li span {font-size:13px; line-height:16px; margin-top:2px;}
.info_img02 ul li {float:none; text-align:center; width:100%;}
}



/*제품소개*/
.product_overview {width:100%; margin-bottom:50px;}
.product_overview:after{content: ''; display: block; clear: both;}
.product_overview .overview_img {float:left; width:45%; border:1px solid #ddd;  box-sizing:border-box;}
.product_overview .overview_txt {float:right; width:50%; margin-top:80px;}
.product_overview .overview_txt .btn_manual {margin-top:50px;}
.product_overview .overview_txt .btn_manual > a {background:#21a9e1; color:#fff; display:block; padding:15px 45px; font-size:20px; font-weight:bold; text-align:center;}
.product_overview .overview_txt .btn_manual > a > span {vertical-align:middle;}
.product_overview .overview_txt .btn_manual > a > .down_txt {margin-right:7px; display:inline-block;}

.product_img {text-align:center;}
.product_img img {max-width:800px;}


@media screen and (max-width: 1600px){
.product_img img {width:100%;}

}

@media screen and (max-width: 1400px){

.product_overview .overview_img {float:none; width:100%; border:1px solid #ddd; }
.product_overview .overview_txt {float:none; width:100%; margin-top:30px;}

}


@media screen and (max-width: 768px){
.product_overview .overview_txt .btn_manual > a {display:block; text-align:center; }
.product_overview .overview_txt .btn_manual {margin-top:50px;}
}

/* 회사ci */

.color_system {width:100%; position:relative;}
.color_system:after{content: ''; display: block; clear: both;}
.color_system ul li {color:#fff; width:49.5%; height:170px; float:left; margin-right:1%; margin-bottom:1%; padding:30px; }
.color_system ul li:nth-child(2n) {margin-right:0%;}
.color_system ul li p {font-size:26px; margin-bottom:7px; font-weight:600;}
.color_system ul li span {display:block; opacity:0.8; font-size:16px; font-weight:400; line-height:22px;}
.ci_logo_img {padding:0px 0 20px 0; text-align:center;  }
.ci_logo_img img { width:50%; margin:auto;}
/*.ci_logo_img {width:100%; border:1px solid #ddd; text-align:center; padding:40px;}
.ci_logo_img img {width:40%;}*/

.color_system ul li.adenine {background:#8ec640 url("../../pages/images/c_logo_01.png") no-repeat right center; background-size:170px 155px;}
.color_system ul li.guanine {background:#21a9e1 url("../../pages/images/c_logo_02.png") no-repeat right center; background-size:170px 155px;}
.color_system ul li.thiamine {background:#ec1c25 url("../../pages/images/c_logo_03.png") no-repeat right center; background-size:170px 155px;}
.color_system ul li.cytosine {background:#a7aaac url("../../pages/images/c_logo_04.png") no-repeat right center; background-size:170px 155px;}


@media screen and (max-width: 1024px){

.ci_logo_img {padding:0px 0 10px 0;  }
.ci_logo_img img { width:60%; margin:auto;}
}


@media screen and (max-width: 768px){
.ci_logo_img img { width:80%; margin:auto;}


.color_system ul li {padding:15px; height:120px;}
.color_system ul li p {font-size:16px; margin-bottom:3px}
.color_system ul li span {opacity:0.8; font-size:12px;  line-height:14px;}
.color_system ul li.adenine {background-image:none;}
.color_system ul li.guanine {background-image:none;}
.color_system ul li.thiamine {background-image:none;}
.color_system ul li.cytosine {background-image:none;}

}

/*인사말*/
.message_box {width:100%; position:relative; background:url("../../pages/images/message_bg.jpg") no-repeat center center; height:366px;}
.message_box dl {color:#fff; padding-top:150px; display:table;}
.message_box dl dt {font-weight:600; font-size:32px; padding:0px 100px; vertical-align:middle; display:table-cell;}
.message_box dl dd {display:table-cell;}

.message_txt {display:table; margin-top: 20px;}
/*.message_txt  div {display:table-cell; padding:0 20px; width:50%;}*/

.comTable01 {width:100%; border-collapse:collapse; border-top: solid 2px #004097; word-break: keep-all; text-align:left; }
.comTable01 caption {display:none}
.comTable01 th {font-size:16px;  color:#252525; background:#f8f8f8; border-bottom: 1px solid #adadad;  padding:20px 15px; text-align:center; }
.comTable01 th.depth01 {background:#efefef;}
.comTable01 th span {color:#afafaf; font-size:16px;}
.comTable01 td {font-size:16px; line-height:24px; color:#252525; padding: 20px 25px; border-bottom: 1px solid #adadad;}
.comTable01 td:first-child {text-align:center; background:#091246; color:#fff;}
.comTable01 td .up_line {text-decoration:overline}
.comTable01 td .wid_200 {display:inline-block; width:50px; }


.message {width:100%;}
.message .year_tit { font-size:18px; margin-top:15px; color:#004097; font-weight:600; padding-bottom:7px; display:inline-block; }
.message p{position:relative; padding-left:15px; display:inline-block;}  
/*.message p:before {content: ''; position: absolute; width:4px; height:4px; background:#164590; top:22px;  margin-top:-10px; left:0px; }*/




@media screen and (max-width: 1400px){

.message_box {height:250px; background-size:cover;}
.message_box dl {padding:80px 50px; display:block; }
.message_box dl dt {font-weight:600; font-size:26px; padding:0px 0px; margin-bottom:15px; vertical-align:top; display:block;}
.message_box dl dd {display:block;}
.message_box dl dd br {display:none;}

}


@media screen and (max-width: 768px){

.message_box dl {padding:100px 50px; display:block; }
/*.message_txt  div {display:block; padding:0 10px;}*/
.message .year_tit { display:block; }
.message p{display:block; padding-left:0px;}  
}


/*비전*/
.vision_img {text-align:center; padding:0px 50px; }

@media screen and (max-width: 1400px){

.vision_img img {width:60%;}
}

@media screen and (max-width: 768px){

.vision_img img {width:80%;}
}

/*인증특허*/
.certification {width:100%; position:relative; }
.certification ul { position:relative; }
.certification ul:after{content: ''; display: block; clear: both;}
.certification ul li {width:25%; float:left; padding:10px;  }
.certification ul li span {text-align:center; display:block;background:#f8f8f8; padding:10px; border-top:1px solid #113781; border-bottom:1px solid #ddd; margin-top:7px;   }
.certification ul li img {width:100%;  border:1px solid #ddd; }


@media screen and (max-width: 1400px){
.certification ul li {width:33.3%;  }
}

@media screen and (max-width: 768px){
.certification ul li {width:50%; }
.certification ul li span {font-size:14px; padding:5px;}
}


/*보유장비*/
.equipment {width:100%;}
.equipment ul {padding-top:13px;}
.equipment ul li {padding-bottom:7px; position:relative; padding-left:20px;} 
.equipment ul li:before {content: ''; position: absolute; width:4px; height:4px; background:#164590; top:22px;  margin-top:-10px; left:0px; }

@media screen and (max-width: 768px){
.equipment ul li {padding-left:15px;} 


}


/*.equipment_img {width:100%; margin-bottom:50px; }
.equipment_img ul { position:relative;}
.equipment_img ul:after{content: ''; display: block; clear: both; }
.equipment_img ul li {float:left; width:25%; padding-right:1%; padding-bottom:1%;  box-sizing:border-box;}

.equipment .comTable02 {width:100%; border-collapse:collapse; border-top: solid 2px #004097; word-break: keep-all;text-align:center;  }
.equipment .comTable02 caption {display:none}
.equipment .comTable02 th {font-size:16px;  color:#252525; background:#f8f8f8; border-bottom: 1px solid #adadad;  padding:20px 15px;  }
.equipment .comTable02 th.depth01 {background:#efefef;}
.equipment .comTable02 th span {color:#afafaf; font-size:16px;}
.equipment .comTable02 td {font-size:16px; line-height:24px; color:#252525; padding: 20px 25px; border-bottom: 1px solid #adadad; border-right: 1px solid #adadad; }
.equipment .comTable02 td:last-child {border-right: none;}*/


/*주요거래처*/
.customers {width:100%; position:relative; }
.customers ul { position:relative; }
.customers ul:after{content: ''; display: block; clear: both; }
.customers ul li {width:25%; float:left; margin-bottom:20px;  }
.customers ul li span {display:none;   }
.customers ul li img {width:95%;   border:1px solid #ddd; }

@media screen and (max-width: 1400px){
.customers ul li {width:33.3%;  }
}

@media screen and (max-width: 768px){
.customers ul li {width:50%; }
.equipment_img ul li {float:left; width:50%; padding-right:1%; padding-bottom:1%;  box-sizing:border-box;}

}



/*오시는길*/
.location {width:100%; margin-top:50px;}
.location:after {content:""; display:block; clear:both;}
.location .location_logo {width:30%; float:left; text-align:center; border-right:1px solid #ddd;}
.location .location_logo img {max-width:250px;}
.location .location_txt {width:70%; float:left; padding-left:5%;}
.location .location_txt ul li {display:table; font-size:18px;color:#818181; margin-bottom:7px; }
.location .location_txt ul li span.icon {color:#091246; display:table-cell; vertical-align:middle; width:50px; font-size:24px; }
.location .location_txt ul li span.txt_num {display:table-cell; vertical-align:middle; }

@media( max-width:973px ) {

.location .location_logo {display:none;}
.location .location_txt {width:100%; float:none; }
.location .location_txt ul li {font-size:18px;}
}



/*주요업적*/

.comTable03 {width:100%; border-collapse:collapse; border-top: solid 2px #004097; word-break: keep-all;  }
.comTable03 caption {display:none}
.comTable03 th {font-size:16px;  color:#252525; background:#f8f8f8; border-bottom: 1px solid #adadad;  padding:20px 15px;  }
.comTable03 th.depth01 {background:#efefef;}
.comTable03 th span {color:#afafaf; font-size:16px;}
.comTable03 td {font-size:16px; line-height:24px; color:#252525; padding: 20px 25px; border-bottom: 1px solid #adadad; border-right: 1px solid #adadad;  text-align:left; }
.comTable03 td:last-child {border-right: none;}


/*수행실적*/
.service_performance {width:100%;}
.service_performance .year_tit { font-size:24px; margin-top:35px; color:#004097; font-weight:600; }
.service_performance ul {padding-top:13px;}
.service_performance ul li {padding-bottom:7px; position:relative; padding-left:20px;} 
.service_performance ul li:before {content: ''; position: absolute; width:4px; height:4px; background:#164590; top:22px;  margin-top:-10px; left:0px; }


@media screen and (max-width: 768px){
.service_performance ul li {padding-left:15px;} 

}

/*특허실적*/
.patent {width:100%;}
.patent ul li {padding-bottom:7px;} 
.patent ul li b {margin-right:7px; display:inline-block; vertical-align:top }
.patent ul li span {width:calc(100% - 60px);  display:inline-block;}


/*논문실적*/
.paper_list {width:100%;}
.paper_list ul li {padding-bottom:10px; font-size:16px;} 
.paper_list ul li {position:relative; padding-left:20px; padding-bottom:7px; }
.paper_list ul li:before {content: ''; position: absolute; width:4px; height:4px; background:#164590; top:22px;  margin-top:-10px; left:0px; }

@media screen and (max-width: 768px){
.paper_list ul li {padding-left:15px;} 


}