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


@charset "utf-8"; 


/* 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/gds/stit_bg_gds.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;}


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


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

/*-------------------------
메인비쥬얼
-------------------------*/





/*-------------------------
새소식 공지사항 언론보도 입찰정보 l
-------------------------*/



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



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




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



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


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


/*-------------------------
메인페이지 소개 2018-06-18 이수련
-------------------------*/


/* 메뉴 박스 영역 */

.gds_menu_area { width:100%; overflow:hidden;   }
.gds_menu_area>a { padding:37px 20px 45px; box-sizing:border-box; border:1px solid #dcdcdc; display:block; border-bottom:none; }
.gds_menu_area .gds_menu_img { margin:20px 0; text-align:center; }
.gds_menu_area h4 { color:#000; font-size:1.438em; font-weight:300; letter-spacing:-0.05em; line-height:25px;  }
.gds_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; }
.gds_menu_area p { color:#343c47; font-size:0.938em; line-height:25px;  }

.gds_m_01 .gds_menu_img { background-color:#c5d2e5; }
.gds_m_02 .gds_menu_img { background-color:#fff3b7; }
.gds_m_03 .gds_menu_img { background-color:#977d1c }
.gds_m_04 { border-bottom:1px solid #dcdcdc; }

.gds_m_04  h4:after { content:""; width:0px; height:0px;  }

.gds_m_04 .gds_main_process { width:100%;overflow:hidden; margin:20px auto 0;  border:1px solid #dcdcdc; border-bottom:none; }
.gds_m_04 .gds_main_process li { width:50%; text-align:center; float:left; color:#000; height:90px; line-height:60px; border-left:1px solid #dcdcdc;
								border-bottom:1px solid #dcdcdc; box-sizing:border-box; font-size:0.938em; letter-spacing:-0.025em; font-weight:300; position:relative; }
.gds_m_04 .gds_main_process li:nth-child(odd):after { width:17px; height:17px; background:url('/images/site/gds/gds_pro_arr.png') 0 0 no-repeat; content:""; display:block; position:absolute; top:38px; right:-9px; z-index:9999; }
.gds_m_04 .gds_main_process li span { display:block; color:#fff; background-color:#f8aa11; font-size:0.813em; letter-spacing:-0.025em; width:40px; height:20px; line-height:20px; margin:auto;
									font-weight:500;}
.gds_m_04 .gds_main_process li:nth-child(odd) { border-left:none;  }
.gds_m_04 .gds_main_process li:nth-child(even) { background-color:#fdfaec;  }


/*-------------------------
센터 소개 2018-06-18 이수련
-------------------------*/

/* 탭 */
#tab2{overflow:hidden;width:100%;margin:0 auto;margin-bottom:40px;border-top: 1px solid #bdbdbd;   border-right: 1px solid #bdbdbd; position:relative; border-bottom:1px solid #000; }
/*#tab2:after{position:absolute;bottom:0;left:0;content:'';display:block;width:100%;height:1px;background:#000}*/
#tab2 li{float:left;width:50%;border-left: 1px solid #bdbdbd;   border-bottom: 1px solid #bdbdbd; }
/* #tab4 li:first-child{margin-left:0;border-left:none} */
#tab2 li a{display:block;text-align:center;font-size:0.875em;color:#000;text-decoration:none;padding:15px 0;;font-weight:300;letter-spacing:-0.08em}
#tab2 li .on{font-weight:bold;color:#fff;font-weight:300;background:#f8aa11;border-left:none;position:relative}
/*#tab2 li a.on:after{position:absolute;top:20px;left:15px;display:block;content:'\f054';display:inline-block; font-family: 'FontAwesome';}*/
/*#tab2:after {display: table;line-height: 0;content: ""; clear: both;}*/

/* 지역별 센터소개 */

.box_comb{ background:url(/images/site/gds/bg_box_line.png)0 0 repeat;padding:10px;margin-bottom:50px;  }
.box_ctt{background:#fff;position:relative; text-align:center;}
.box_ctt img {  }

.agency_tit{ height:180px;background:#f8aa11 url(/images/site/gds/bg_group_tit.png)right 0 no-repeat;width:100%;padding:10px 15px 0px 35px; overflow:hidden; text-align:left; }
.agency_tit h4{color:#fff!important;font-size:1.750em!important;font-weight:300;padding-top:15px;background:url(/image/introduce/tit_group_icon.png)0 0 no-repeat;letter-spacing:-0.08em;}
.agency_tit h4 p{font-size:1.000em;position:relative;padding-top:20px;margin-top:10px}
.agency_tit h4 p:before{position:absolute;top:0;left:0;content:'';display:block;width:50px;height:3px;background:#fff}

.agencyinfo{background:#f1f3f5;border:1px solid #e1e1e1;padding:15px 10px;border-top:none;margin-bottom:30px}
.agencyinfo ul{overflow:hidden}
.agencyinfo li{font-weight:300;padding-left:70px;font-weight:500;padding-top:10px;letter-spacing:-0.08em;font-size:0.938em; overflow:hidden;}
.agencyinfo li p{font-size:1.000em;}
.agencyinfo .address{background:url(/images/site/gds/ic_location.png)0 0 no-repeat; background-size:15%; }
.agencyinfo .tel{background:url(/images/site/gds/ic_tel.png)0 0 no-repeat;background-size:15%; }
.agencyinfo .tel p{font-size:1.125em}

/* 지도 */
.map { width:100%; }



/* 주요서비스 */
.service_wrap { overflow:hidden;  }
.service_list{width:100%;height:220px;margin-bottom:40px;border:1px solid #f8aa11}
.service_list:nth-child(1),.service_list:nth-child(3){margin-left:0}
.service_list:nth-child(2),.service_list:nth-child(3){border:1px solid #f6c446}
.service_list dt{background:#f8aa11;color:#fff;text-align:center;padding:15px;font-size:1.250em;font-weight:300}
.service_list:nth-child(2) dt,.service_list:nth-child(3) dt{background:#f6c446}
.service_list dd{padding:20px}
.service_list dd ul li{background:url(/images/site/ggbc/black_list.png)0 10px no-repeat;padding-left:15px;font-size:1.000em;margin-bottom:5px;word-break:keep-all}

/* 제품개발실 */
.bsn_list li{overflow:hidden;margin-bottom:20px}
.bsn_list li:nth-child(even) dt{background:#f6c446}
.bsn_list dl{overflow:hidden}

.bsn_list dt{float:left;width:100%;color:#fff;position:relative;;background:#f8aa11;font-size:1.250em;font-weight:300;text-align:center;letter-spacing:-0.08em;}
.bsn_list dt p{text-align:center;vertical-align:middle; line-height:50px;}
/*.bsn_list dt:after{position:absolute;top:50%;right:-30px;display:block;content:'';background:url(/images/site/gds/gds_arr.png)0 0 no-repeat;width:17px;height:17px;}*/
.bsn_list dd{float:right;border:1px solid #b7b7b7;padding:10px 20px;width:100%;box-sizing:border-box;}
.bsn_list dd li{margin-bottom:5px; background:url(/images/site/ggbc/black_list.png)0 10px no-repeat; padding-left:10px}

/*장비*/

.box_caution{border:2px solid #f8aa11;padding:35px 35px 35px 20px ;background:url(/images/site/gds/app_caution.png)center 20px  no-repeat}
.box_caution .info{font-size:1.375em;font-weight:bold;color:#000;letter-spacing:-0.08em;padding-bottom:10px;border-bottom:1px dashed #000;margin-bottom:20px; margin-top:170px;}
.box_caution .info span{color:#ed5565}
.box_caution .info p{color:#1a4692;font-size:1.063em;font-weight:300;}
.box_caution .tel li{background:url(/images/site/gds/dot_orange.png)0 15px no-repeat;padding-left:15px;font-size:1.250em;margin-bottom:5px}
.caution_wrap dt{font-size:1.250em;font-weight:300;margin-bottom:10px}
.caution_wrap dd{background:#f5f7fb;padding:20px 20px 20px 40px}
.caution_wrap dd ol li{list-style-type: decimal;margin-bottom:10px;word-break:keep-all;color:#000}