/*=========================================================================================================================
* 프로젝트: 
* 파일명: mian.css  메인 css
* 작업자: 김수연,이수련
* 작업일: 2018. 5 ~ 
=========================================================================================================================*/


@charset "utf-8"; 

.txt_red{color:#f00!important}
.txt_blue{color:#00f!important}

/* layout */
.container{ position:relative;padding:30px 15px; }
.container-full{ position:relative;padding:30px 0; }
.container:after,.container-full:after{content:'';display:block;clear:both }

.gray_bg{background:#f1f1f5}

.container h3{font-weight:700;font-size:1.250em;color:#444a54;position:relative;letter-spacing:-0.08em}
.container h3:after{position:absolute;top:-3px;left:0;width:20px;height:3px;background:#1b4692;display:block;content:''}


.subtit {position:relative;background:url(/images/site/mobile/bio/stit_bg_bio.png)center top no-repeat;background-size:cover;}
.subtit .navi{text-align:center;color:#fff;padding-top:10px;position:relative;margin:0 auto}
.subtit .navi span{position:relative;display: inline-block;}
.subtit .navi span:after{position:absolute;bottom:-10px;left:0;content:'';display:block;background:#fff;width:50%;padding-left: 50%;height:3px}
.subtit h2{color:#fff;text-align:center;font-size:1.875em;letter-spacing:-0.08em;padding:10px 0 20px;}


.js_tab .title a{background:#1a4692!important}

.biocenter .ctt h4:before { background-color:#059edb!important; }
.biocenter .ctt h5 { color: #059edb!important; background: url(/images/site/ggbc/h5_tit.png) 0 center no-repeat; }


/*-------------------------
바이오 안내
-------------------------*/

.bio_tab { overflow:hidden; border:1px solid #c8d2e2; border-bottom:1px solid #58585a;  }
.bio_tab li { float:left; border-left:1px solid #c8d2e2; height:50px; line-height:50px; text-align:center; border-bottom:1px solid #c8d2e2;  }
.bio_tab li:hover { background-color:#059edb; border-left:1px solid #059edb; border-bottom:1px solid #059edb;  }
.bio_tab li:hover a { color:#fff; font-weight:500; }
.bio_tab li a { width:100%; height:50px; color:#000; display:block; text-align:center; font-size:0.875em; }

.bio_tab_5 li:nth-child(5n+1){border-left:none;  }
.bio_tab_5 li { width:20%; }

.bio_tab_2 li:nth-child(2n+1){border-left:none;  }
.bio_tab_2 li { width:50%; }

.bio_tab_3 li:nth-child(3n+1){border-left:none;  }
.bio_tab_3 li { width:33.3%; }
.bio_tab_3 li:nth-child(7),.bio_tab_3 li:nth-child(8),.bio_tab_3 li:nth-child(9),.bio_tab_3 li:nth-child(10) { width:25%; }
.bio_tab_3 li:nth-child(10) { border-left:1px solid #c8d2e2; }

.field_area { width:100%; border-top:2px solid #1a4692; }
.field_area>li { border-bottom:1px solid #ccd1d9; clear:both; padding:20px 0px; }
.field_area>li div { overflow:hidden; }
.field_area>li div p {  font-size:1.250em; line-height:25px; letter-spacing:-0.05em; font-weight:500; margin-bottom:20px; word-break:keep-all; }
.field_area>li div ul { margin-left:20px; }
.field_area>li div ul li { padding-left:10px; background:url('/images/site/ggbc/black_list.png') left 15px no-repeat; line-height:30px; font-size:0.938em; }



/*-------------------------
분석의뢰
-------------------------*/

.bio_ic { background:url('/images/site/ggbc/biocenter_box_ic.png') 20px center  no-repeat;padding-left:100px;min-height:75px }

.analysis_popup { width:500px;  }
.popup_commission tr th { font-size:0.625em; } 
.popup_commission tr td { font-size:0.625em; } 

/* 오시는길 */
.map_info img{float:left}
.map_info dl{padding-left:80px}
.map_info dl dt{font-weight:500}
.map_info dl dd{font-size:1.063em;font-weight:300}

.map_accordian {border-top:2px solid #000;position:relative;}
.map_accordian li .acc_heading{overflow:hidden;padding:10px 0 ;border-bottom:1px solid #c4ccd6;height:50px;display:table;width:100%}
.map_accordian li .acc_heading p>span{float:left;position:relative;padding:0 5px;font-weight:300;display:table-cell;vertical-align:middle}
.map_accordian li .acc_heading p>span:after{content:'';border-right:1px solid #c4ccd6;padding-left:5px}
.map_accordian li .acc_heading p{float:left;cursor:pointer;font-weight:300;width:98%;min-height:30px;padding:5px 0;letter-spacing:-0.08em}
.map_accordian .acc_content{display:none}
.map_accordian .ico_ar { background:url(/images/site/main/intro_map_acc_arr.png)right 0 no-repeat}
.map_accordian .ico_ar.on { background:url(/images/site/main/intro_map_acc_arr_on.png)right 0 no-repeat;color:#1080ad}
.map_accordian .acc_content{background:#f4f5f9;padding:20px;border-bottom:1px solid #000}
.map_accordian .acc_content .traffic_btn,.map_accordian .acc_content .traffic_btn2{overflow:hidden}
.map_accordian .acc_content .traffic_btn li{margin-bottom:10px}
.map_accordian .acc_content .traffic_btn2 li{margin-bottom:10px}
.map_accordian .acc_content .traffic_btn li a,.map_accordian .acc_content .traffic_btn2 li a{width:95%}
.map_accordian .acc_content  .box_white{background:#fff;padding:10px;}

/*-------------------------
이지비즈
-------------------------*/



/*-------------------------
바로가기
-------------------------*/




/*-------------------------
문의
-------------------------*/



/*-------------------------
해시태그
-------------------------*/


/*-------------------------
포토
-------------------------*/

/*-------------------------
바이오센터 메인
-------------------------*/

/* 메뉴 박스 영역 */

.bio_menu_area { width:100%;    box-sizing:border-box; margin-top:-4px; }
.bio_menu_area>a {  display: block;  border:1px solid #d6d5dc; border-bottom:none;  padding:36px 20px; margin:auto; }
.bio_menu_area h4 { color:#000; font-size:1.438em; font-weight:300; letter-spacing:-0.05em; line-height:25px; margin-bottom:20px; }
.bio_menu_area h4:after { content:""; width:18px; height:17px; background:url('/images/site/ggbc/bio_left_arrow.png') 0 0px no-repeat; display:inline-block; margin-left:17px; }
.bio_menu_area .bio_menu_img { margin-bottom:20px; text-align:center; }
.bio_menu_area p { color:#343c47; font-size:0.938em; line-height:25px; word-break:keep-all; }

.bio_menu_area .bio_menu03 { padding:36px 20px;  border:1px solid #d6d5dc; border-bottom:none;}
.bio_menu_area .bio_menu03>a { border:none; padding:0; }
.bio_menu_area .bmi_01 { background-color:#b2dbe1;} 
.bio_menu_area .bmi_02 { background-color:#89d5d1;} 
.bio_menu_area .bmi_03 { background-color:#a3b092;} 
.bio_menu_area .bmi_04 { background-color:#87b0d0;} 
.bio_menu_area .bmi_05 { background-color:#f2eee5;} 
.bio_menu_area .bio_menu_img img { max-width:100%; height:107px; }
.bio_menu_area .bio_menu03_sub { overflow:hidden; border:1px solid #d6d5dc; box-sizing:border-box; }
.bio_menu_area .bio_menu03_sub li { width:33.3%; overflow:hidden;   border-right:1px solid #d6d5dc;  float:left;   box-sizing:border-box; }
.bio_menu_area .bio_menu03_sub li>a { width:100%; padding:13.2px 0; color:#000; font-size:0.813em; letter-spacing:-0.05em; display:block; text-align:center; float:left; font-weight:500; }
.bio_menu_area .bio_menu03_sub li:nth-child(3),.bio_menu03_sub li:nth-child(5) { border-right:none; }
.bio_menu_area .bio_menu03_sub li:nth-child(4),.bio_menu03_sub li:nth-child(5) { width:50%; border-top:1px solid #d6d5dc; }
.bio_menu04_lts { letter-spacing:-0.030em; }


/* 공지사항 */
.bio_menu_notice {  }

.list_green li {background:url('/images/site/ggbc/list_green.jpg') left center no-repeat; padding-left:12px; }

.bio_notice { overflow:hidden; margin-top:50px; clear:both; }
.bio_notice li { line-height:45px;  border-bottom:1px solid #e5e5e5; }
.bio_notice li a { color:#000; font-size:0.938em; letter-spacing:-0.05em; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; word-wrap:normal !important; display:block; }
.bio_menu04 span>a { width:72px; height:30px; font-size:0.813em; letter-spacing:-0.05em; line-height:30px; border:1px solid #e5e5e5; display:block; float:right;
					padding-left:10px; box-sizing:border-box; background:url('/images/site/rent/rent_more_icon.png') 50px center no-repeat; cursor:pointer; color:#000; }
.bio_menu04 h4 { float:left; }


/* 오시는 길 */
.bio_menu_road {  }
.bio_menu_road>a { border:1px solid #d6d5dc; }

/*-------------------------
바이오센터 서브메뉴
-------------------------*/

/* 초고속약효검색지원 */
.btn_explain { float:left; line-height:34px; margin-right:150px; }
.btn_explain_02 { margin-right:195px; }
 
.bio_research { min-height:100px; background:url('/images/site/ggbc/biocenter_04_4.jpg') right  0 no-repeat;  }

.bioct_keep { padding-top:210px; }
.bioct_keep strong { font-size:1.250em; color:#1b4692; line-height:30px; letter-spacing:-0.05em; }
.bioct_keep strong:after { width:54px; height:2px; background-color:#1b4692; display:block; content:""; margin:13px 0; }
.bioct_keep p { font-size:0.938em; line-height:22px; }
.bioct_keep span { color:#0b9edb;  }
.bioct_keep_01 { background:url('/images/site/ggbc/m_biocenter_04_5_img1.jpg') center 20px no-repeat; margin-bottom:30px; }
.bioct_keep_02 { background:url('/images/site/ggbc/m_biocenter_04_5_img2.jpg') center 20px no-repeat; margin-bottom:30px; }
.bioct_keep_03 { background:url('/images/site/ggbc/m_biocenter_04_5_img3.jpg') center 20px no-repeat; }


/* 천연물유래소재연구 서비스 */
.biocenter_natura li { margin:20px 0; }

.bio_process { display:block; min-height:60px; }
.bio_process li{ width:100%; position:relative;background:#fff;  color:#000; font-size:1.000em; min-height:60px;text-align:center; 
				 border:1px solid #c8cad5; border-bottom:1px solid #77787e; box-sizing:border-box; font-weight:300; margin-bottom:30px; }
.bio_process li p{  letter-spacing:-0.05em; line-height:60px; }
.bio_process li:nth-child(odd):before { content:""; width:92%; height:3px; display:block; background-color:#1a4692; position:absolute; top:0; left:4%; }
.bio_process li:nth-child(even):before { content:""; width:92%; height:3px; display:block; background-color:#0b9edb; position:absolute; top:0; left:4%; }
.bio_process li:last-child { font-weight:500; }
.bio_process li:first-child{margin-left:0}
.bio_process li:after{position:absolute;top:110%; left:50%; width:9px;height:16px;content:'';display:inline-block;background:url(/images/site/main/left_arrow.png) right center no-repeat; 
					transform:rotate(90deg); }
.bio_process li:last-child:after{background:none}
.bio_process li p span { font-size:0.750em; display:block;}

.bio_2 { width:48%; }
.bio_process .bio_pro_left p:before { position:absolute;top:40%; left:103%; width:9px;height:16px;content:'';display:inline-block;background:url(/images/site/main/left_arrow.png) right center no-repeat; 
					 }
.bio_process .bio_pro_right { width:100%; position:absolute; top:0px; right:-110%; }
.bio_process .bio_pro_right li p:before { background:none; }

/* 기술지원 */
.skill_info { background:url(/images/site/main/h4_book.png) center 15px no-repeat;padding:180px 0 30px;border-bottom:1px solid #1b4692; text-align:center; }
.skill_info h4:before { width:0; height: 0; }
.skill_info p { font-size:0.938em; letter-spacing:-0.05em; font-weight:300; }
.skill_info p:before { width:1px; height:30px; background-color:#1b4692; content:""; display:block; margin:auto; margin-bottom:20px; }

.skill_pc_wrap { margin-top:20px; overflow:hidden; }
.skill_process { width:48%; float:left; margin-top:50px; }
.skill_process li {  position:relative;padding:15px 20px; font-size:0.938em;  min-height:60px; text-align:center;
				vertical-align:middle; border:1px solid #c8cad5; border-bottom:1px solid #77787e; box-sizing:border-box; font-weight:500; margin-bottom:35px; line-height:15px; }
				.skill_process li p span { font-weight:300; }
.skill_process li:last-child { margin-bottom:0; }
.skill_process_blue li { color:#1b4692; }
.skill_process_blue li:before { content:""; width:90%; height:5px; display:block; background-color:#1b4692; position:absolute; top:0; left:5%; }
.skill_process_gray { float:right; }
.skill_process_gray li { color:#58585a; }
.skill_process_gray li:before { content:""; width:90%; height:5px; display:block; background-color:#58585a; position:absolute; top:0; left:5%; }
.skill_process li:after { width:16px;height:9px;content:'';display:inline-block;background:url(/images/site/main/bottom_arrow.png) right center no-repeat; position:absolute; left:45%; top:120%; }
.skill_process li:last-child:after { background:none!important; }

.home_login { width:100%; height:150px; border:5px solid #059edb; box-sizing:border-box; color:#059edb; text-align:center; padding-top:20px; position:relative; }
.home_login span { font-size:1.563em; line-height:30px; font-weight:500;  }
.home_login p { width:150px; color:#fff; font-size:0.875em; background-color:#059edb; padding:10px 0px; margin:20px auto 0; }
.home_login:before {width:16px;height:9px;content:'';display:inline-block;background:url(/images/site/main/bottom_arrow.png) right center no-repeat; position:absolute; left:48%; top:120%; }


/* 이용안내 */
.bioct_info { margin-top:30px; }
.bioct_info li { clear:both; margin-bottom:20px; }
.bioct_info .info_stop01>p { background-color:rgba(26,66,138,1); }
.bioct_info .info_stop02>p { background-color:rgba(0,86,184,0.8);  }
.bioct_info .info_stop03>p { background-color:rgba(93,156,236,0.8);  }
.bioct_info .info_stop04>p { background-color:rgba(0,155,223,0.8); }
.bioct_info .info_stop05>p { background-color:rgba(55,176,201,0.8); }
.bioct_info .info_stop06>p { background-color:rgba(89,133,149,0.8); }
.bioct_info .info_stop07>p { background-color:rgba(84,87,90,0.8); }
.bioct_info li>p { width:100%; text-align:center; color:#fff; letter-spacing:-0.05em; line-height:25px; font-size:1.875em; font-weight:500; 
					  padding:10px 0; }
.bioct_info li>p span { font-size:0.938em; font-weight:500; }
.bioct_info li .bioct_info_box { overflow:hidden; border:1px solid #c8cad5; border-bottom:1px solid #77787e;  padding:20px; 
								position:relative; box-sizing:border-box; }
.bioct_info li .bioct_info_box strong {  font-size:1.125em; color:#1b4692; font-weight:700; line-height:25px; }
/*.bioct_info li .bioct_info_box strong:after { width:3px; height:56px; background-color:#1b4692; display:inline-block;  content:""; position:absolute; left:180px; top:30px; }*/
.bioct_info li:nth-child(even) .bioct_info_box strong { color:#0b9edb; }
.bioct_info li:nth-child(even) .bioct_info_box strong:after { background-color:#0b9edb; }
.bioct_info li .bioct_info_box p {  padding:10px 0 0 0px; font-size:1.000em; word-break:keep-all; }


/* 견학신청 추가 20191108  */


.rule_wrap{height:260px;border:1px solid #ccc;overflow-x:hidden;padding:25px 15px 0;background:#f8f8f8;position:relative;  }
.rule {padding-left:10px}
.rule ol { padding:10px 0 10px 10px; }
.rule ol li{margin-bottom:5px}
.rule_wrap_bio { height:200px; padding:15px 15px 0; }

.form-checkbox{position:relative;text-align:left;cursor:pointer;overflow:hidden;margin-top:10px;display:inline-block}
.form-checkbox.agree input { margin-top: -12px;  width: 24px; height: 24px;}
.form-checkbox input{ position: absolute;  top: 50%;  left: 0;  margin-top: -10px;  opacity: 0;  filter: alpha(opacity=0);  width: 20px;  height: 20px;  cursor: pointer;   z-index: 2;}
.form-checkbox input[type="checkbox"] {  box-sizing: border-box;  padding: 0;}
.form-checkbox.agree label {  padding-left: 34px;   /* font-size: 20px; */   font-size: 18px; line-height: 24px;color:#656d78;font-weight:300}
.form-checkbox label{height: 25px; padding-left: 25px;   vertical-align: middle;     cursor: pointer;  font-weight: bold;}
.form-checkbox label:after{ content: '';  position: absolute;  top:15px;  left: 1px;  z-index: 1; margin-top: -10px;  width: 20px;  height: 20px;  background-repeat: no-repeat;  background-size: 20px;  display: inline-block;}
.form-checkbox.agree label:after { margin-top: -12px;  width: 24px;   height: 24px;  background-image: url(/images/site/ggbc/check_agree.png);  background-size: 24px;}
.form-checkbox input:checked + label:after {   background-position: 0 bottom;}
.form-checkbox input:checked + label{color:#000}

.cont_box-total_check{overflow: hidden;   padding-top: 19px;  padding-bottom: 10px;   border-top: 1px dashed #ccc;}
.cont_box-total_check .txt_emphasis{float:right;    margin-top: 15px;position:relative;padding-left:10px}
.cont_box-total_check .txt_emphasis:before {  content: '*';  position: absolute;  top: 7px;  left: 0;  display: inline-block;  height: 10px;  margin-right: 5px;  color: #f54337;  line-height: 11px;  vertical-align: middle;  font-size: 18px;}

.tour_cmp { background: url(/images/site/main/tour_cmp.png) center 15px no-repeat; padding-bottom:50px; }
.tour_cmp p { font-size:20px; letter-spacing:-0.05em; color: #f94f4f; }
.tour_cmp p:before { margin:20px auto; }


/* 바이오센터 기술정보 추가 20191210 LSR */

/* story_list */

.story_list{border-top:2px solid #000;padding-top:10px}
.story_list .row{overflow:hidden;border-bottom:1px solid #ccc;margin-bottom:10px;padding:20px 0; position: relative; }
.story_list .state { position: absolute; right: 0; top:10px;  }
.story_list .state span { display: inline-block; padding:10px 25px; color: #fff; background:#059eda; }
.story_list .state span.apply { background:#1b4694; }
.story_list .state span.open { background:#38bc9a; padding:10px 20px; }
.story_list .state span.complet { background:#656d78; }
.story_list .state span.cancle { background:#e9573f; }

.story_list .column { width:100%;  }
.story_list .column a { display: block; width:100%; color: #000; }
.story_list .column a .txt  { margin:20px 0; line-height:160%; height:70px; overflow: hidden; font-size:20px; font-weight:300;   
overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.story_list .column a .txt span { font-weight:normal;  }
.story_list .column a .write_info { float: left; }
.story_list .column a .write_info li { display: block;  font-size:14px; color: #333; vertical-align: top; }
.story_list .column a .group { margin-bottom:30px; }

.thumb span { display: inline-block; padding:3px 12px; color: #fff; background:#059eda; font-size:15px; }

.thumb span.design { background:orange;; }
.thumb span.etc { background:#72c02c; }
.thumb span.useful { background:#059eda; }
.thumb span.patent { background:#1b4694; }
.thumb span.brand { background:#e9573f; }

.thumb span.deal_y { background:#38bc9a; }
.thumb span.deal_n { background:#656d78; }

.thumb span.apply { background:#1b4694; }
.thumb span.open { background:#38bc9a; padding:10px 20px; }
.thumb span.complet { background:#656d78; }
.thumb span.cancle { background:#e9573f; }


/* view  */

#tech_bbs { background:#f4f7fc; border-top: 2px solid #000;  }
#tech_bbs p {  margin-top:15px; font-weight:300; }
#tech_bbs p span { font-size:16px; font-weight:normal; display: inline-block; line-height:25px; }
#tech_bbs .group { margin-top: 30px; border-top: 1px dashed #ddd; padding: 20px 0 0; }

.bioBtn button.btn { padding:15px 45px!important; }

.addfile { position: relative; }
.addfile > .btn { position: absolute; left:10px; top:10px; }
.addfile > ul { margin-top:40px; }
.addfile ul { display: inline-block;  }
.addfile ul li { margin-bottom:5px; }

/* 기술신청 이용약관 */

.privacy_rule h5 { background:none!important; color:#000!important; padding:0!important; }
.privacy_rule p { margin:20px 0 40px; }
.privacy_rule .tbl-basic { margin-bottom:40px; }
.privacy_rule ul { margin-bottom:40px; }
.privacy_rule ul ul li { background:none; }
.privacy_rule dl { margin-bottom:20px; }
.privacy_rule dl dt { margin-bottom:10px; }
.privacy_rule dl dd { margin:5px 0px; }
.List_box { border:4px solid #b7b7b7; min-height:290px; margin:20px 0 40px; padding:20px; }
.List_box a { color:#000; }

.equip-tbl td.tel input{width:80px!important}
.equip-tbl td.tel input:first-child{width:60px!important;}
.equip-tbl td.address input:first-child{margin-bottom:5px}