@charset "utf-8";

#pc_header {position:absolute;}

#sub_visual {height:90px; margin-top:185px; padding-top:25px; color:#fff; text-align:center; background:url('../images/sub/sub_visual.jpg') no-repeat center; background-size:cover;}
#sub_visual h2 {font-size:32px; font-weight:700; letter-spacing:-1px;}
#sub_visual p {margin-top:10px; line-height:1.36; display:none;}

/**
#sub_visual {height:225px; margin-top:185px; padding-top:60px; color:#fff; text-align:center; background:url('../images/sub/sub_visual.jpg') no-repeat center; background-size:cover;}
#sub_visual h2 {font-size:50px; font-weight:700;}
#sub_visual p {margin-top:10px; line-height:1.36;}
**/

.sub_contents {max-width:1220px; margin:70px auto; padding:0 30px; line-height:2;}
.member_contents {max-width:1220px; margin:150px auto; padding:0 30px;}
.section_mb {margin-bottom:60px;}
.img_pc{display:block; margin: 0 auto;}
.img_m{display:none; margin: 0 auto;}

.c_black{color:#000;}
.c_blue{color:#4285f4;}

.t_line{text-decoration: underline;}




@media all and (max-width: 991.98px){
		
	#sub_visual {height:140px; margin-top:103px; padding:0px 29px; display: -ms-flexbox!important; display: flex!important; -ms-flex-align: center!important;  align-items: center!important;}
	#sub_visual .cbox {width:100%;}
	#sub_visual h2 {font-size:25px;}
	#sub_visual p {margin-top:5px; font-size:12px;}
	
	.section_mb {margin-bottom:30px;}
	.sub_contents {margin:30px 0; padding:0 15px;}
	
	.member_contents {margin:60px 0; padding:0 15px;}
	.img_pc{display:none;}
	.img_m{display:block;}

	.row div{margin-bottom:25px;}
	.row div:last-child{margin-bottom:0;}
	.row.mgb0 div{margin-bottom:0;}

	#footer {padding-bottom:50px;}

}


/** 서브 공통 스타일 **/

/** 서비스 상단 **/
.sub_top_txt01 {}
.sub_top_txt01 .cbox {width:100%; max-width:1280px;}
.sub_top_txt01 .t01 {font-size:28px; color:#222222; line-height:1.5;}
.sub_top_txt01 .t02 {margin-top:30px; line-height:1.9;}
.sub_top_txt01 .t02 .b{color:#222; display:block; margin-top:25px;}

.sub_c01 {background:url('../images/sub/img01.jpg') no-repeat right bottom;}
.sub_c01 .cbox {padding-right:385px;}
.sub_c01 .t01 {font-size:28px; color:#222222; line-height:1.25;}
.sub_c01 .t02 {margin-top:30px;}

.sub_c02 {}
.sub_c02 .cbox {}
.sub_c02 .t01 {font-size:28px; color:#222222; line-height:1.25;}
.sub_c02 .t02 {margin-top:30px;}

.intro .sub_c01 {min-height:347px; background-image:url('../images/03_rnd/development02_c01.jpg')}

@media all and (max-width: 991.98px){
	.sub_top_txt01 .cbox {width:auto; max-width:auto;}
	.sub_top_txt01 .t01 {font-size:17px;}
	.sub_top_txt01 .t02 {margin-top:20px; line-height:1.6;}
	.sub_top_txt01 {background-size:auto 200px; background-position:center bottom;}

	.intro .sub_c01 {margin-bottom:30px;}


	
}

.sub_top_txt02.equipment_1_12 {background:url('../images/02_service/equipment_1_12_img_1.gif') no-repeat right bottom;}
.sub_top_txt02.equipment_3_1 {background:url('../images/02_service/equipment_3_1_img_1.gif') no-repeat right bottom;}
.sub_top_txt02.equipment_3_2 {background:url('../images/02_service/equipment_3_2_img_1.gif') no-repeat right bottom;}
.sub_top_txt02.gpc_2_4 {background:url('../images/02_service/gpc_2_4_img_1.gif') no-repeat right bottom;}

.sub_top_txt02 .cbox {width:70%; max-width:900px;}
.sub_top_txt02 .t01 {font-size:28px; color:#222222; line-height:1.5;}
.sub_top_txt02 .t02 {margin-top:30px;}
.sub_top_txt02 .t02 .b{color:#222; display:block; margin-top:25px;}

@media all and (max-width: 991.98px){
	.sub_top_txt02 .cbox {width:auto; max-width:auto;}
	.sub_top_txt02 .t01 {font-size:17px;}
	.sub_top_txt02 .t02 {margin-top:20px;}
	.sub_top_txt02.equipment_1_12{padding-bottom:210px; background-size:auto 200px; background-position:center bottom;}
	.sub_top_txt02.equipment_3_1{padding-bottom:210px; background-size:auto 200px; background-position:center bottom;}
	.sub_top_txt02.equipment_3_2{padding-bottom:210px; background-size:auto 200px; background-position:center bottom;}
	.sub_top_txt02.gpc_2_4{padding-bottom:210px; background-size:auto 200px; background-position:center bottom;}

}

/******** 테이블스타일 *******/
.table_scroll {overflow-x:auto;}
.table_scroll table {min-width:480px;}
.tableStyle1{margin-bottom: 45px;border-top: 1px solid #1e232d; line-height:1.5;}
.tableStyle1 td,
.tableStyle1 th {vertical-align:middle;}
.tableStyle1 table{border-left: 1px solid #e1e1e1; width: 100%;}
.tableStyle1 table thead th,
.tableStyle1 table thead td{border-bottom: 1px solid #e1e1e1;border-right: 1px solid #e1e1e1;background: #FFF;color: #272727; height: 60px;text-align: center;word-break:keep-all;}
.tableStyle1 table tbody th,
.tableStyle1 table tbody td{border-bottom: 1px solid #e1e1e1;border-right: 1px solid #e1e1e1;padding: 12px 15px; word-break:keep-all;}
.tableStyle1 table tbody th{background: #f6f7f8;text-align:left;font-weight:normal;}
.tableStyle1 table tbody th img,
.tableStyle1 table tbody td img{}
.tableStyle1 .tab_b_txt{font-size: 12px; color: #888px;}

.tableStyle2 {border-top: 1px solid #1e232d; line-height:1.5;}
.tableStyle2 td,
.tableStyle2 th {vertical-align:middle;}
.tableStyle2 table {border-left: 1px solid #e1e1e1; width: 100%;}
.tableStyle2 table th,
.tableStyle2 table td {border-bottom: 1px solid #e1e1e1;border-right: 1px solid #e1e1e1; height:60px; padding: 12px 20px; word-break:keep-all; letter-spacing:-0.01em;}
.tableStyle2 table thead th,
.tableStyle2 table thead td {background: #f3f4f5;color: #272727; text-align: center; font-weight:500; padding-left:5px; padding-right:5px;}
.tableStyle2 table tbody th {background: #f9f9fa;}
.tableStyle2 table tbody td{font-weight:300;}
.tableStyle2 .tab_b_txt{font-size: 11px; color: #888px;}


.tableStyle3 {display:inline-block; width:100%; border-top: 1px solid #000; line-height:1.5;}
.tableStyle3 > li {overflow:hidden; position:relative; padding:20px 0 15px; border-bottom:1px solid #ddd;}
.tableStyle3 strong {float:left; width:240px; padding-left:27px; font-size:18px; color:#0b0b0b; line-height:24px;}
.tableStyle3 .num {display:inline-block; width:24px; height:24px; margin-right:10px; font-size:16px; color:#fff; line-height:24px; text-align:center; border-radius:50%; -webkit-border-radius:50%; background:#1c87ea;}
.tableStyle3 .tbox {position:relative; margin-left:260px;  padding-right:20px; font-size:16px; color:#666666; line-height:1.75;}
.tableStyle3 .tbox:before {position:absolute; top:7px; left:-20px; width:1px; height:15px; background:#ddd; content:''}
.tableStyle3 .tbox em {font-size:17px; color:#222222}
.tableStyle3+.tableStyle3 {margin-top:50px;}

.a_center table th,
.a_center table td{text-align:center;}
.a_left table th,
.a_left table td{text-align:left;}
.a_right table th,
.a_right table td{text-align:right;}


.scroll_desc{display:none;}


td.bg01{background:#f6f7f8;}
.a_center{text-align:center;}

@media all and (max-width: 991.98px){
	.tableStyle2 table th,
	.tableStyle2 table td {height:40px; padding:10px;}	
	.scroll_desc {display:block; font-size:0.8em; margin-top:-5px;}

	.tableStyle3 > li {padding-bottom:20px;}
	.tableStyle3 strong {float:none; width:100%; padding-left:13px; font-size:16px;line-height:22px;}
	.tableStyle3 .num {width:22px; height:22px; margin-right:6px; font-size:14px; line-height:22px;}
	.tableStyle3 .tbox {position:relative; margin-left:0; margin-top:10px;  padding: 0 15px; font-size:14px;}
	.tableStyle3 .tbox:before {display:none;}
	.tableStyle3 .tbox em {font-size:15px; color:#222222}
	.tableStyle3+.tableStyle3 {margin-top:25px;}



}


/******** 타이틀스타일 *******/
.stitle01 {position:relative; margin:60px 0 20px; padding-left:30px; font-size:26px; color:#222222; font-weight:500; line-height:1.2;}
.stitle01:before {position:absolute; top:8px; left:0; width:21px; height:21px; border:6px solid #004098; border-radius:4px; content:'';}
.stitle01.mb40 {margin-bottom:37px;}

.h3_s01 {position:relative; margin:60px 0 20px; padding-left:30px; font-size:25px; color:#222222; font-weight:500; line-height:1.2;}
.h3_s01 .stxt01{font-size:18px; color:#888; vertical-align:middle; font-weight:300; padding-left:10px;}
.h3_s01:before {position:absolute; top:6px; left:0; width:21px; height:21px; border:6px solid #004098; border-radius:4px; content:'';}

.h4_s01 {position:relative; margin:30px 0 25px; padding-left:20px; font-size:19px; color:#222222; font-weight:500; line-height:1.2;}
.h4_s01:before {position:absolute; top:8px; left:0; width:10px; height:10px; background:#004098; content:'';}

@media all and (max-width: 991.98px){

	.stitle01 {margin:30px 0 10px; padding-left:15px; font-size:16px; font-weight:700;}
	.stitle01:before {top:6px; width:10px; height:10px; border-width:3px; border-radius:3px;}

	.h3_s01 {margin:30px 0 10px; padding-left:15px; font-size:16px; font-weight:700;}	
	.h3_s01 .stxt01{font-size:14px; display:block; padding-top:5px; margin-left:-9px;}
	.h3_s01:before {top:6px; width:10px; height:10px; border-width:3px; border-radius:3px;}
	.h4_s01 {position:relative; margin:15px 0 15px; padding-left:12px; font-size:14px; color:#222222; font-weight:500; line-height:1.5;}
	.h4_s01:before {position:absolute; top:5px; left:0; width:7px; height:7px; background:#004098; content:'';}
}


/******** 텝스타일 *******/
.tab_s01{display:table; width:100%; }
.tab_s01 li{display:table-cell;}
.tab_s01.w3 li{width:33.3333%;}
.tab_s01.w4 li{width:25%;}
.tab_s01.w5 li{width:20%;}
.tab_s01.w6 li{}
.tab_s01 li a{border:1px solid #fff; border-right:0; background:#004098; color:#fff; display:block; text-align:center; padding:8px 15px; font-size:0.86em;}
.tab_s01 li a:hover{background:#4285f4;}
.tab_s01 li:last-child a{}

@media all and (max-width: 991.98px){
	.tab_s01{display:none;}	
}


/******** 이미지박스 *******/
.img_border01 {border:1px solid #dddddd; background:#fff; text-align:center; padding:30px 30px;}
.img_border01 .txt01{font-size:0.9em;}
.img_border01 .a_left{text-align:left;}
.img_border02 {border:1px solid #dddddd; background:#fff; text-align:center; padding:20px 30px;}
.img_border02 .txt01{font-size:0.9em; background:#4285f4; width:100%; color:#fff; padding:5px 0; display:block;}
.img_border02 .txt02{font-size:0.9em; background:#f6f7f8; width:100%; color:#000; padding:5px 0; display:block;}
.t_border {border-top:1px solid #ddd; }
.box_border {border:1px solid #ddd;}

@media all and (max-width: 991.98px){
	.img_border01 {padding:30px 5%;}
	.img_border02 {padding:20px 5%;}
}


/******** 텍스트스타일 *******/
.ctxt_s01{margin-bottom:25px;}
.ctxt_s02{padding-top:25px;}

/*
sub{font-size:0.7em; vertical-align:bottom;}
sup{font-size:0.7em; vertical-align:top;}
*/

.li_box01{background:#f6f7f8; padding:30px 40px;}
.li_s01{}
.li_s01 li{position:relative; padding-left:15px; text-align:left;}
.li_s01 li:before {position:absolute; top:16px; left:0; width:4px; height:4px; background:#999; content:'';}

.li_s02{}
.li_s02 li{}
.li_s02 li dl dt{font-weight:600; color:#222;}
.li_s02 li dl dd{position:relative; padding-left:15px; text-align:left;}
.li_s02 li dl dd:before {position:absolute; top:16px; left:0; width:4px; height:4px; background:#999; content:'';}


@media all and (max-width: 991.98px){
	.ctxt_s01{margin-bottom:15px; line-height:1.6}
	.ctxt_s02{padding-top:15px; line-height:1.6}

	.li_box01{padding:15px 20px;}
}

/******** 마진, 패딩 *******/

.mgt10{margin-top:10px;}
.mgt15{margin-top:15px;}

.mgb10{margin-bottom:10px;}
.mgb15{margin-bottom:15px;}
.mgb20{margin-bottom:20px;}
.mgb25{margin-bottom:25px;}
.mgb30{margin-bottom:30px;}
.mgb40{margin-bottom:40px;}

@media all and (max-width: 991.98px){

  {margin-bottom:20px;}
	
}


/** 01_GPC소개(KOLAS) **/
.gpc_1_1 {position:relative; display:inline-block; width:100%; padding-left:540px; padding-top:50px;}
.gpc_1_1 img {width:100%;}
.gpc_1_1 .img_cont {position:absolute; top:50px; left:0; width:500px; padding-right:40px; padding-bottom:40px;}
.gpc_1_1 .tbox .t01 {font-size:34px; color:#222; line-height:1.47;}
.gpc_1_1 .tbox .t01 em {position:relative; display:inline-block; padding:30px 0 22px;}
.gpc_1_1 .tbox .t01 em:before {position:absolute; top:0; left:-34px; width:28px;  height:24px; background:url('../images/icon/icon_mark.png') no-repeat left; background-size:cover; content:'';} 
.gpc_1_1 .tbox .t01 em:after {position:absolute; bottom:0; right:-34px; width:28px; height:24px; background:url('../images/icon/icon_mark.png') no-repeat left; background-size:cover; transform:rotate(180deg); content:'';} 
.gpc_1_1 .tbox .t02 {margin-top:12px; font-size:20px; color:#1c87ea;}
.gpc_1_1 .tbox .t03 {margin-top:35px; font-size:17px; color:#666666; line-height:2;}
.gpc_1_1 .tbox .t04 {margin-top:30px; font-size:20px; color:#151515; line-height:2;}

@media all and (max-width: 991.98px){
	.gpc_1_1 {padding-left:0; padding-top:0;}
	.gpc_1_1 .img_cont {position:relative; top:auto; left:auto; width:100%; padding-right:0; padding-bottom:20px; }
	.gpc_1_1 .tbox {padding:0 17px;}
	.gpc_1_1 .tbox .t01 { font-size:21px;}
	.gpc_1_1 .tbox .t01 em {padding:18px 0 14px;}
	.gpc_1_1 .tbox .t01 em:before {left:-21px; width:17px; height:13px;} 
	.gpc_1_1 .tbox .t01 em:after {bottom:15px; right:-21px; width:17px; height:13px;} 
	.gpc_1_1 .tbox .t02 {margin-top:6px; font-size:16px;}
	.gpc_1_1 .tbox .t02 br {display:none;}
	.gpc_1_1 .tbox .t03 {margin-top:18px; font-size:14px;}
	.gpc_1_1 .tbox .t04 {margin-top:15px; font-size:16px;}
}