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

.h1 { font-size:52px; font-weight:700; color:#222; }
h2 { font-size:44px; font-weight:700; color:#333; }
h3 { font-size:34px; font-weight:700; 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; }
}



/* 인사말 */


.intro_title h2 { display:inline-block; color:#6b7786; margin-top:-20px; }
.intro_title h2:after { display:block; content:''; padding-top:10px; background:url('/images/dot.gif') bottom repeat-x; }


.intro ul { margin:0 -40px; }
.intro ul .col_box { margin:0 50px; }
.intro ul .col_box div { height:300px; background-size:cover; background-position:center; background-repeat:no-repeat; }

.intro ul li:first-child .col_box div { background-image:url('/images/ceo1.jpg'); }
.intro ul li:last-child .col_box div { background-image:url('/images/ceo2.jpg'); }

.intro p.right { padding-right:54px; }
.intro p.right span { font-weight:500; }
.intro #stamp { position:absolute; margin-top:-37px; right:0; z-index:-1; }


@media (max-width:1400px) {
	.intro ul { margin:0 -35px; }
	.intro ul .col_box { margin:0 35px; }
}

@media (max-width:1100px){
	.intro ul { margin:0 -25px; }
	.intro ul .col_box { margin:0 25px; }
	.intro ul .col_box div { height:240px; }
}

@media (max-width:768px){
	.intro ul { margin:0 -20px; }
	.intro ul .col_box { margin:0 20px; }
	.intro ul .col_box div { height:200px; }
}
@media (max-width:760px){
	.intro ul, .intro ul .col_box { margin:0; }
	.intro ul li { width:100%; }
	.intro ul .col_box div { height:240px; }
	.intro ul li:last-child { margin-top:40px; }
}


@media (max-width:500px){
	.intro ul li:last-child { margin-top:30px; }
	.intro ul .col_box div { height:180px; }
	.intro p.right { padding-right:44px; }
	.intro #stamp { margin-top:-28px; }
	.intro #stamp img { width:32px; }
}





/* 회사소개 */

.biz1_wrap { margin-top:110px; }
.biz2_wrap { position:relative; background:#f5f5f5; margin-top:160px; padding-bottom:50px; }
.biz_bg { position:absolute; width:100%; height:370px; top:50px; left:0; z-index:-1;  }

#company ul:after { clear:both; visibility:hidden; display:block; content:''; }
#company .start { margin-top:50px; }

.biz1 li { float:right; width:50%; }
.biz2 li { float:left; width:50%; }

.video_wrap iframe { display:block; width:540px; height:304px; margin:0 auto; }

.biz_cont { padding-top:50px; }
.biz2 .biz_img { margin-top:-50px; }
.biz_img img { width:540px; }
.biz1 .biz_img { padding-left:100px; }
.biz2 .biz_img { padding-right:100px; }

.biz_img.certi img { width:320px; border:1px solid #ccc; }
#company .sub_cont { font-size:16px; line-height:200%; }

@media (max-width:1500px) {
	.biz_img img { width:100%; }
	.biz1 .biz_img { padding-left:60px; }
	.biz2 .biz_img { padding-right:60px; }
	.video_wrap iframe { width:100%; }
}

@media (max-width:1100px) {
	.biz1_wrap { margin-top:80px; }
	.biz2_wrap { margin-top:130px; }
	#company .sub_cont { font-size:14px; line-height:180%; }
	.video_wrap iframe { height:240px; }
}
@media (max-width:900px) {
	.biz1 .biz_img { padding-left:40px; }
	.biz2 .biz_img { padding-right:40px; }
}
@media (max-width:768px) {
	.biz1_wrap { margin-top:70px; }
	.biz2_wrap { margin-top:120px; }
	.biz_img.certi img { width:220px; }
	#company .sub_cont { font-size:13px; line-height:170%; }
}
@media (max-width:760px) {
	#company .start { margin-top:0; }
	#company ul li { float:none; width:100%; }
	.biz2_wrap { padding-bottom:0; margin-top:70px; background:transparent; }
	.biz_cont { padding-top:30px; }
	.biz2 .biz_img { margin-top:0; }
	.biz2_wrap { margin-top:70px; }
	.biz1 .biz_img { padding-left:0; }
	.biz2 .biz_img { padding-right:0; }
	.biz_img.certi { text-align:center !important; }
	.video_wrap { position:relative; padding-bottom:56.25%; }
	.video_wrap iframe { position:absolute; left:0; top:0; width:100%; height:100%; }
}
@media (max-width:420px) {
	.biz1_wrap, .biz2_wrap { margin-top:50px; }
	.biz_cont { padding-top:20px; }
	.biz_img.certi img { width:180px; }
	#company .sub_cont { font-size:10px; line-height:160%; }
}






/* 조직도 */

#organ div { text-align:center; }
#organ_mo { display:none; }

@media (max-width:1200px) {
	#organ_pc img {width:90%;}
}
@media (max-width:1000px) {
	#organ_pc img {width:100%;}
}
@media (max-width:768px) {
	#organ_pc { display:none; }
	#organ_mo { display:block; }
	#organ_mo img { width:70%; }
}
@media (max-width:600px) {
	#organ_mo img { width:70%; }
}
@media (max-width:440px) {
	#organ_mo img { width:100%; }
}



/* 오시는길 */

#location_map {	width:100%;	height:600px; 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; }

#emap #location_map { margin-bottom:-3px; }
#emap .map_table { border-top:1px solid #666; }
#emap .map_table .addr { width:50%; }

@media (max-width:800px) {
	#emap .map_table .addr { width:auto; }
}

@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; }
}





/* 공장안내 */

#fac_slide { width:1000px; }

.fac_arr {
	position:absolute;
	top:50%;
	margin-top:-25px;
	width:50px;
	height:50px;
	z-index:700;
	cursor:pointer;
	z-index:700;
}

.fac_prev {
	left:-100px;
	background:url('../images/fac_prev.png') center no-repeat;
}
.fac_next {
	right:-100px;
	background:url('../images/fac_next.png') center no-repeat;
}

#machine:after { clear:both; visibility:hidden; display:block; content:''; }
#machine { margin:0 -1px; }
#machine .col_box { margin:0 1px; }
#machine li { width:16.66%; float:left; }
#machine .col_box img { width:100%; }
#machine .col_box p { text-align:center; font-weight:400; font-size:15px; }

#efac .col4table .td_h5 { width:20%; }

@media (max-width:1260px) {
	#fac_slide { width:800px; }
	.fac_prev { left:-80px; }
	.fac_next { right:-80px; }
}
@media (max-width:1000px) {
	#fac_slide { width:500px; }
	.fac_arr { width:30px; height:30px; background-size:30px 30px; margin-top:-15px; }
	.fac_prev { left:-60px; }
	.fac_next { right:-60px; }
}
@media (max-width:1000px) {
	#res1 div { padding:0 80px; }
	#res1 #res_pc { width:100%; }
}

@media (max-width:760px) {
	#fac_slide { width:400px; }
	#machine { margin:-10px -1px; }
	#machine li { width:33.33%; }
	#machine .col_box { margin:10px 1px; }

}
@media (max-width:600px) {
	.fac_arr { display:none !important; }
	#fac_slide { width:100%; }
}
@media (max-width:420px) {
	#res1 div { padding:0 25px; }
	#res1 #res_mo { display:inline; width:100%; }
	#res2 { padding:70px 25px; }
}





/* 사업영역 */

#business div { text-align:center; }
#biz_mo { display:none; }

@media (max-width:1200px) {
	#biz_pc img {width:90%;}
}
@media (max-width:1000px) {
	#biz_pc img {width:100%;}
}
@media (max-width:768px) {
	#biz_pc { display:none; }
	#biz_mo { display:block; }
	#biz_mo img { width:80%; }
}
@media (max-width:600px) {
	#biz_mo img { width:90%; }
}
@media (max-width:440px) {
	#biz_mo img { width:100%; }
}



/* 사업계획 */

#plan_m { display:none; }
#plan { background-image:url('/images/plan.jpg'); padding:120px 0; }
.plan h3, .plan h3 + p { color:#fff; text-align:center; }
.plan h3 + p { font-size:15px; }

#plan ul { margin:0 -40px; }
#plan ul li { padding:0 40px; }

.plan_year { color:#92c3f5; font-size:72px; font-weight:700; text-align:center; }

#plan_line { margin:20px 0; background:url('/images/plan_line.png') left center repeat-x;}
#plan_line li { text-align:center; }

.plan p { text-align:center; line-height:140%; }
.plan .col_title { font-size:21px; font-weight:500; color:#92c3f5; }
.plan .col_detail { color:#fff; }

#ebiz .plan .col_title { font-size:18px; letter-spacing:0; }
#ebiz .plan .col_detail { font-size:15px; letter-spacing:0; }

#plan_m { background-image:url('/images/plan_m.jpg'); padding:60px 0; position:relative; }
#planm_line { position:absolute; left:120px; top:0; width:1px; height:100%; background:url('/images/planm_line.png') left top repeat-y; background-size:1px 4px; z-index:0; }
#planm_cont { padding:0 30px 0 160px; }

#plan_m li { position:relative; }
#plan_m li:before { position:absolute; width:20px; height:20px; left:-50px; top:13px; content:''; background:url('/images/plan_dot.png') no-repeat; background-size:20px 20px; }

@media (max-width:1400px) {
	.plan_year { font-size:60px; }
	#plan ul { margin:0 -20px; }
	#plan ul li { padding:0 20px; }
}
@media (max-width:1000px) {
	.plan_year { font-size:44px; }
	#plan ul { margin:0; }
	#plan ul li { padding:0; }
}

@media (max-width:900px) {
	#plan { display:none; }
	#plan_m { display:block; }
	.plan h3, .plan h3 + p { text-align:left; }
	.plan_year { font-size:38px; text-align:left; }
	.plan p { text-align:left; line-height:140%; }
	.plan .col_title { font-size:20px; font-weight:500; color:#92c3f5; }
	.plan .col_detail { color:#fff; }
}

@media (max-width:540px) {
	#planm_line { left:40px; }
	#planm_cont { padding:0 20px 0 70px; }
	#plan_m li:before { width:15px; height:15px; left:-37px; top:12px; background-size:15px 15px; }
}



/* 프로세스 */

#process ul { display:flex; flex-wrap:wrap; margin:0 -40px; }
#process ul li { width:25%; }
#process .col_box { margin:0 50px; }

#process .col_box div { width:120px; height:120px; background-color:#57646e; border-radius:50%; background-position:center; background-repeat:no-repeat; margin:0 auto; }
#process li:nth-child(1) .col_box div { background-image:url('/images/proc1.png'); }
#process li:nth-child(2) .col_box div { background-image:url('/images/proc2.png'); }
#process li:nth-child(3) .col_box div { background-image:url('/images/proc3.png'); }
#process li:nth-child(4) .col_box div { background-image:url('/images/proc4.png'); }

#process .col_box span { display:block; text-align:center; font-size:15px; }
#process .col_box i { display:block; margin:20px 0; height:1px; background:url('/images/dot.gif') repeat-x;}
#process .col_box p { text-align:center; font-size:22px; font-weight:400; }
#eprocess .col_box p { font-size:18px; line-height:120%; letter-spacing:0; }

#feature ul { display:flex; flex-wrap:wrap; margin:0 -40px; }
#feature ul li { width:33.33%; }
#feature .col_box { margin:0 40px; height:100%; background:#fff; -webkit-box-shadow:0 6px 10px -2px rgba(0, 0, 0, 0.1); -moz-box-shadow:0 6px 10px -2px rgba(0, 0, 0, 0.1); box-shadow:0 6px 10px -2px rgba(0, 0, 0, 0.1); }

#feature .col_box div { height:220px; background-size:cover; background-position:center; background-repeat:no-repeat; }
#feature .col_box article { padding:30px;  }
#feature li:nth-child(1) .col_box div { background-image:url('/images/proc1.jpg'); }
#feature li:nth-child(2) .col_box div { background-image:url('/images/proc2.jpg'); }
#feature li:nth-child(3) .col_box div { background-image:url('/images/proc3.jpg'); }

#feature .col_box p { text-align:center; }
#feature .col_title { font-size:22px; font-weight:400; line-height:140%; }
#feature .col_detail { font-size:16px; line-height:150%; }

#eprocess #feature .col_detail { font-size:15px; line-height:150%; }

#certi ul { margin:0 -20px; }
#certi li { padding:0 20px; }
#certi li img { width:100%; border:1px solid #ccc; }

@media (max-width:1600px) {
	#feature ul { margin:0 -30px; }
	#feature .col_box { margin:0 30px; }
}

@media (max-width:1200px) {
	#process ul { margin:0 -30px; }
	#process .col_box { margin:0 30px; }
	#feature ul { margin:0 -20px; }
	#feature .col_box { margin:0 20px; }
	#feature .col_box div { height:200px; }
	#certi ul { margin:0 -10px; }
	#certi li { padding:0 10px; }
}
@media (max-width:1000px) {
	#process ul { margin:0 -20px; }
	#process .col_box { margin:0 20px; }
	#process .col_box i { margin:15px 0; }
	#feature ul { margin:0 -10px; }
	#feature .col_box { margin:0 10px; }
	#feature .col_box div { height:170px; }
}

@media (max-width:840px) {
	#feature ul li { width:100%; }
	#feature ul { margin:-20px 0; }
	#feature .col_box { margin:20px 50px; height:auto; }
	#feature .col_box div { height:220px; }
}

@media (max-width:768px) {
	#process ul li { width:50%; }
	#process ul { margin:-20px -20px; }
	#process .col_box { margin:20px 50px; }
	#feature ul { margin:-15px 0; }
	#feature .col_box { margin:15px 40px; }
	#certi .ban_wrap { width:520px; }
	#certi ul { margin:-20px -20px; }
	#certi li { width:50%; padding:20px 20px; }
}
@media (max-width:580px) {
	#certi .ban_wrap { width:100%; }
}
@media (max-width:520px) {
	#process ul { margin:-20px -20px; }
	#process .col_box { margin:20px 20px; }
	#process .col_box div { width:100px; height:100px; }
	#feature .col_box { margin:15px 30px; }
	#certi ul { margin:-10px -10px; }
	#certi li { padding:10px 10px; }
}
@media (max-width:420px) {
	#process ul { margin:-15px -10px; }
	#process .col_box { margin:15px 10px; }
	#process .col_box div { width:80px; height:80px; background-size:32px 32px; }
	#process .col_box i { margin:10px 0; }
	#feature ul { margin:-15px 0; }
	#feature .col_box { margin:15px 0; }
	#feature .col_box div { height:180px; }
}