/********** 컨텐츠 타이틀 **********/

.h1 { font-size:52px; font-weight:600; color:#222; }
h2 { font-size:44px; font-weight:600; color:#333; }
h3 { font-size:34px; font-weight:500; color:#333; }
h4 { font-size:27px; font-weight:500; color:#444; }
h5 { font-size:19px; font-weight:400; color:#333; }

h2, h3, h4, h5 { line-height:140%; }

.h1 i { display:block; font-style:normal; height:74px; line-height:100px; overflow:hidden; margin-bottom:20px; font-size:100px; color:#eee; }

@media (max-width:1200px) {
	.h1 { font-size:44px; }
	h2 { font-size:38px; }
	h3 { font-size:29px; }
	h4 { font-size:24px; }
	h5 { font-size:16px; }
}
@media (max-width:1000px) {
	.h1 { font-size:38px; }
	.h1 i { height:60px; line-height:80px; margin-bottom:15px; font-size:80px; }
	h2 { font-size:33px; }
	h3 { font-size:26px; }
	h4 { font-size:21px; }
	h5 { font-size:15px; }
}
@media (max-width:768px) {
	.h1 { font-size:33px; }
	.h2 { font-size:28px; }
	h3 { font-size:23px; }
	h4 { font-size:19px; }
	h5 { font-size:14.5px; }
}
@media (max-width:540px) {
	.h1 { font-size:28px; }
	.h1 i { height:40px; line-height:54px; margin-bottom:10px; font-size:54px; }
	h2 { font-size:25px; }
	h3 { font-size:20px; }
	h4 { font-size:16.5px; }
	h5 { font-size:14px; }
}



/* 인사말 */

.intro1 > div:first-child{position:relative; width: 50%; height: 560px; background: url(../images/intro.jpg) center top no-repeat; float: left; background-size:cover; margin-bottom:120px; }
.intro1 > div:first-child p { position:absolute; padding:30px 0 0 40px; background:#fff; right:0; bottom:-120px; font-size:64px; font-weight:500; color:#333; line-height:120%; letter-spacing:-0.04em; }

.intro1 > .intro1txt > h3{font-weight: 500; color:#333; font-size: 32px;}
.intro1 > .intro1txt > h3 > span{font-weight: 300; }
.intro1 > .intro1txt > h3 > strong{font-weight: 500;}
.intro1 > .intro1txt {width: 50%; box-sizing: border-box; padding: 40px 5% 0 5%; float: left;}

@media (max-width:1400px) {
	.intro1 > div:first-child{width: 35%;}
	.intro1 > .intro1txt { width: 65%; padding: 0 5% 0 5%;}
	.intro1 > div:first-child { margin-bottom:0; }
	.intro1 > div:first-child p { display:none; }
	.intro1 > .intro1txt > h3{ font-size:28px;}
}

@media (max-width:1000px) {
	.intro1 > div:first-child{width: 100%; height: 400px;  float: none;}
	.intro1 > .intro1txt {width: 100% !important; padding: 40px 25px 0; float: none;}
}

@media (max-width:768px){
	.intro1 > div:first-child{height: 300px; background-size: cover;}
	.intro1 > .intro1txt > h3{font-size: 27px;}
	.intro1 > div:first-child p { padding:20px 30px 0 30px; font-size:32px; }
}

@media (max-width:420px){
	.intro1 > div:first-child{height: 200px;}
	.intro1 > div:first-child p { padding:16px 25px 0 25px; font-size:24px; }
	.intro1 > .intro1txt {padding: 30px 20px 0; }
	.intro1 > .intro1txt > h3{font-size: 18px; line-height: 130%;}
}





/* 기업이념 */

#vision_img { text-align:center; }
#vis_mo { display:none; }

#vision_list { padding:0 50px; }
.list01 { box-sizing:border-box; }
.list01 > li { margin-top:100px; }
.list01 > li:first-child { margin-top:0; }

.list01 > li:after { clear:both; visibility:hidden; display:block; content:''; }

.list01 > li > div { float:left; }
.list01 > li .list_tit { width:20%; font-size:28px; font-weight:500;  }
.list01 > li .list_tit:before { display:block; content:''; border-top:2px solid #0b8a1f; padding-top:20px; }

.list01 > li .list_cont { width:calc(80% - 50px); margin-left:50px; }
.list01 > li .list_cont:before { display:block; content:''; border-top:1px solid #777; padding-top:20px; }



@media (max-width:1000px) {
	#vision_list { padding:0; }
	.list01 > li .list_cont { width:calc(80% - 30px); margin-left:30px; }
	.list01 > li { margin-top:70px; }
}
@media (max-width:768px) {
	.list01 > li { margin-top:50px; }
}
@media (max-width:760px) {
	.list01 > li { margin-top:40px; }
	.list01 > li > div { float:none; width:100% !important; }
	.list01 > li .list_cont { margin:10px 0 0 0; }
	.list01 > li .list_tit:before { border-width:1px; }
	.list01 > li .list_cont:before { display:none; }
}

@media (max-width:660px) {
	#vis_pc { display:none; }
	#vis_mo { display:inline; width:100%; }
}

@media (max-width:420px) {
	.list01 > li { margin-top:30px; }
	.list01 > li .list_tit:before { padding-top:15px; }
}





/*  회사연혁 */

.his_list:after { clear:both; visibility:hidden; display:block; content:''; }
.his_img { float:right; width:40%; background-repeat:no-repeat; background-size:cover; background-position:center; }
.his_cont { float:right; width:60%; box-sizing:border-box; padding-right:40px; }
.his_img_l { height:600px; background-position:center top; }
.his_img_m { height:500px; }
.his_img_s { height:400px; }

.his_list > li > ul:after { clear:both; visibility:hidden; display:block; content:''; }

.his_cont i { display:block; border-top:1px solid #e5e5e5; margin:30px 0; }


.his_list > li > ul li { float:left; }
.his_list > li > ul li:first-child { font-size:26px; color:#0b8a1f; font-weight:500;}
.his_list > li > ul li p { font-size:17px; color:#555; padding:2px 0 10px 30px; line-height:140%; }
.his_list > li > ul li p span { display:inline-block; margin-right:14px; color:#444; font-weight:400; }

@media (max-width:1200px) {
	.his_list > li > ul li:first-child { font-size:23px; }
	.his_list > li > ul li p { font-size:15px; }
}

@media (max-width:1080px) {
	.his_cont i { margin:24px 0; }
	.his_list > li > ul li:first-child { font-size:22px; }
	.his_list > li > ul li { float:none; }
	.his_list > li > ul li:last-child { margin-top:10px; }
	.his_list > li > ul li p { font-size:14px; padding:3px 0 3px 0; }
	.his_img_l { height:500px; }
}
@media (max-width:768px) {
	.his_cont i { margin:20px 0; }
	.his_list > li > ul li:first-child { font-size:20px; }
	.his_list > li > ul li p { font-size:13px; }
	.his_list > li > ul li p span { margin-right:10px; }
}
@media (max-width:760px) {
	.his_img { margin-bottom:40px; }
	.his_img, .his_cont { float:none; width:100%; }
	.his_cont { padding-right:0; }
	.his_img_l, .his_img_m, .his_img_s { height:300px; }
}

@media (max-width:520px) {
	.his_img_l, .his_img_m, .his_img_s { height:240px; }
}
@media (max-width:420px) {
	.his_img_l, .his_img_m, .his_img_s { height:200px; }
	.his_img { margin-bottom:30px; }
	.his_list > li > ul li:first-child { font-size:18px; }
	.his_list > li > ul li p { font-size:12.5px; }
}



/* 오시는길 */

#location_map {	width:100%;	margin-bottom:-4px; }

.map_table { border-top:1px solid #ccc; background:#f5f5f5; }
.map_table tr td { padding-top:15px; padding-bottom:15px; border-left:0; border-right:0; }
.map_table tr td.map_icon { width:50px; padding-left:30px; padding-right:0;}

.map_icon div {
	width:50px;
	height:50px;
	background-color:#333;
	border-radius:25px;
	background-repeat:no-repeat;
	background-position:center;
}
.map_icon .map_loc { background-image:url('/images/map_location.png'); }
.map_icon .map_tel { background-image:url('/images/map_tel.png'); }
.map_icon .map_mail { background-image:url('/images/map_mail.png'); }
.map_icon .map_fax { background-image:url('/images/map_fax.png'); }

#loc_guide .map_icon2 { width:100px; }
#loc_guide .map_icon2 div { width:80px; height:80px; border-radius:40px; background-repeat:no-repeat; background-position:center; }
#loc_guide .map_icon2 .map_car {  background-image:url('/images/map_car.png'); background-size:36px 27px; }
#loc_guide .map_icon2 .map_subway {  background-image:url('/images/map_subway.png'); background-size:31px 38px; }
#loc_guide .map_icon2 .map_bus {  background-image:url('/images/map_bus.png'); background-size:29px 34px; }

#loc_guide h3 { line-height:100%; }
#loc_guide tr td { padding:15px 0; }

@media (max-width:650px) {
	#loc_guide .map_icon2 { width:70px; }
	#loc_guide .map_icon2 div { width:50px; height:50px; }
	#loc_guide .map_icon2 .map_car { background-size:28px 21px; }
	#loc_guide .map_icon2 .map_subway { background-size:23px 28px; }
	#loc_guide .map_icon2 .map_bus { background-size:22px 26px; }
}
@media (max-width:540px){
	.map_table tr td.map_icon { width:40px; padding-left:16px; }
	.map_icon div { width:40px; height:40px; }
	.map_icon .map_loc { background-size:15px 17px; }
	.map_icon .map_tel { background-size:17px 17px; }
	.map_icon .map_mail { background-size:17px 13px; }
	.map_icon .map_fax { background-size:18px 15px; }
}
@media (max-width:420px) {
	#location_map {	height:400px; }
}




/* 공장안내 */

#location_map {	width:100%;	height:600px; margin-bottom:-4px; }


#fac li img { width:100%; }

@media (max-width:760px) {
	#fac li { width:100%; }
}

@media (max-width:420px) {
	#location_map {	height:400px; }
}



/* Slipform 공법 */

#slip_mo { display:none; }

@media (max-width:760px) {
	#slip_pc { display:none; }
	#slip_mo { display:inline; }
}


/* 시공순서 */

#process:after { clear:both; visibility:hidden; display:block; content:''; }
#process { margin:-60px -30px 0 -30px; }
#process li { float:left; margin-top:60px; position:relative; width:33.33%; padding:0 30px; box-sizing:border-box; }
/*
#process li:after { position:absolute; display:block; content:''; width:11px; height:19px; top:145px; right:30px; background:url('/images/proc_arrow.png') right center no-repeat; }
*/

#process li div { height:300px; background-repeat:no-repeat; background-size:cover; background-position:center; }
#process li p { text-align:center; margin-top:15px; color:#333; font-size:20px; font-weight:400; }
#process li p span { display:inline-block; margin-right:6px; color:#0b8a1f; font-size:18px; font-weight:500; }

@media (max-width:1500px) {
	#process { margin:-60px -20px 0 -20px; }
	#process li { padding:0 20px; }
	#process li div { height:270px; }
}
@media (max-width:1200px) {
	#process li div { height:200px; }
}
@media (max-width:1000px) {
	#process { margin:-40px -10px 0 -10px; }
	#process li { margin-top:40px; padding:0 10px; }
	#process li div { height:170px; }
}
@media (max-width:768px) {
	#process li div { height:140px; }
}
@media (max-width:760px) {
	#process li { width:50%; }
	#process li div { height:200px; }
}
@media (max-width:540px) {
	#process li div { height:140px; }
}
@media (max-width:420px) {
	#process { margin:-30px -5px 0 -5px; }
	#process li { margin-top:30px; padding:0 5px; }
	#process li div { height:100px; }
}


/* 채용안내 */

#recruit table { border-top:1px solid #777; }
#recruit table .td_h5 { width:200px; }


@media (max-width:768px) {
	#recruit table .td_h5 { width:130px; }
	#rec_img { padding:0 100px; }
}
@media (max-width:600px) {
	#recruit table .td_h5 { width:130px; }
	#rec_img { padding:0 40px; }
}
@media (max-width:420px) {
	#recruit table .td_h5 { width:80px; }
	#rec_img { padding:0; }
}



/* C.R.B */

#crb table .tbl_show { display:none; }

#crb_img li { margin-top:40px; }
#crb_img .col_box div, #crb_img .col_box p { text-align:center; }
#crb_img .col_box div img { width:90%; }
#crb_img .col_box p { font-size:20px; color:#333; font-weight:400; }

@media (max-width:1000px) {
	#crb ul img { width:260px; }
	#crb_img .col_box p { font-size:17px; }
}
@media (max-width:768px) {
	#crb_img li { margin-top:30px; }
	#crb_img .col_box p { font-size:15px; }
}
@media (max-width:760px) {
	#crb ul.col2 li { width:100%; float:none; }
	#crb table .tbl_none { display:none; }
	#crb table .tbl_show { display:inline; }
}
@media (max-width:500px) {
	#crb_img ul.col2 li { width:100%; float:none; }
	#crb_img li { margin-top:25px; }
	#crb_img .col_box p { font-size:13.5px; }
}


@media (max-width:420px) {
	#crb ul img { width:200px; }
}