/* 텍스트 공통 */
.txt_slogon { margin-bottom:30px; font-size:1.75em; color:#333; font-weight:700; line-height:1.8; overflow:hidden; }
.txt { margin-bottom:20px; font-size:1em; color:#666; line-height:1.8; overflow:hidden; }
.txt2 { width:80%; margin:20px auto; font-size:1em; color:#666; line-height:1.8; word-break:keep-all; text-align:center; overflow:hidden; }
@media (max-width:768px){
	.txt_slogon { margin-bottom:20px; font-size:1.5em; }
	.txt { margin-bottom:10px; font-size:0.9375em; }
	.txt2 { width:90%; margin:20px auto; font-size:0.875em; }
}
@media (max-width:640px){
	.txt_slogon { font-size:1.25em; }
	.txt { font-size:0.875em; }
}
@media (max-width:480px){
	.txt_slogon { font-size:1em; }
	.txt { font-size:0.8125em; }
}

/* 경영이념 */
.philosophy_box { position:relative; height:auto; min-height:260px; margin-bottom:50px; padding:0 0 50px 16%; border-bottom:1px solid #ddd; overflow:hidden; }
.philosophy_box > header { position:absolute; left:0; top:0; width:15%; box-sizing:border-box; }
.philosophy_box > header > h1 { font-size:1.75em; color:#333; font-weight:700; }

.philosophy_box .cnt1 { position:relative; display:block; height:250px; background:url('/eng/images/sub/ph_bg.jpg') repeat-y left top; background-size:cover; box-sizing:border-box; overflow:hidden; }
.philosophy_box .cnt1 .black_box { position:absolute; left:0; top:0; bottom:0; width:60%; background:rgba(0,0,0,0.7); z-index:10; }
.philosophy_box .cnt1 .ment { position:absolute; left:40px; top:0; bottom:0; width:50%; height:78px; margin:auto 0; padding-top:20px; font-size:1.5em; color:#fefefe; font-weight:700; line-height:1.3; word-break:keep-all; box-sizing:border-box; background:url('/kor/images/sub/ph_line.gif') no-repeat left top; overflow:hidden; z-index:11; }

.philosophy_box .cnt2 { position:relative; display:block; height:250px; background:url('/eng/images/sub/ph_bg1.jpg') repeat-y left top; background-size:cover; background-size:cover; box-sizing:border-box; overflow:hidden; }
.philosophy_box .cnt2 .black_box { position:absolute; left:0; top:0; bottom:0; width:60%; background:rgba(0,0,0,0.7); z-index:10; }
.philosophy_box .cnt2 .ment { position:absolute; left:40px; top:0; bottom:0; width:50%; height:56px; margin:auto 0; padding-top:20px; font-size:1.5em; color:#fefefe; font-weight:700; line-height:1.3; word-break:keep-all; box-sizing:border-box; background:url('/kor/images/sub/ph_line.gif') no-repeat left top; overflow:hidden; z-index:11; }

.philosophy_box .cnt3 { display:block; padding:0; box-sizing:border-box; overflow:hidden; }
.philosophy_box .cnt3 > article { position:relative; display:block; margin:0 0 40px; overflow:hidden; }
.philosophy_box .cnt3 > article:nth-last-child(1) { margin-bottom:0; }
.philosophy_box .cnt3 > article:after { display:block; content:''; clear:both; }
.philosophy_box .cnt3 > article > .img_box { display:block; float:left; width:30%; box-sizing:border-box; overflow:hidden; }
.philosophy_box .cnt3 > article > .text { display:block; float:right; width:70%; padding-top:50px; word-break:keep-all; box-sizing:border-box; }
.philosophy_box .cnt3 > article > .text > h2 { margin-bottom:20px; font-size:2em; color:#666; font-weight:700; }
.philosophy_box .cnt3 > article > .text > p { font-size:1em; color:#666; line-height:1.8; overflow:hidden; }
.philosophy_box .cnt3 > article > .text > .h2_ph_1 { color:#0079c2; }
.philosophy_box .cnt3 > article > .text > .h2_ph_2 { color:#00c297; }
.philosophy_box .cnt3 > article > .text > .h2_ph_3 { color:#b7c200; }

.philosophy_box .cnt4 { }
.philosophy_box .cnt4 .img_box { margin:0 auto; text-align:center; }

.philosophy_box_etc { margin:0 auto 50px; padding:0 0 50px; }
@media (max-width:768px){
	.philosophy_box { min-height:auto; margin-bottom:50px; padding:0; }
	.philosophy_box > header { position:relative; width:100%; margin-bottom:20px; }
	.philosophy_box > header > h1 { }

	.philosophy_box .cnt1 { background-size:cover; }
	.philosophy_box .cnt1 .black_box { top:auto; bottom:0; width:100%; height:30%; }
	.philosophy_box .cnt1 .ment { left:5%; top:auto; bottom:10px; width:95%; height:auto; padding-top:10px; }

	.philosophy_box .cnt2 { background-size:cover; }
	.philosophy_box .cnt2 .black_box { top:auto; bottom:0; width:100%; height:30%; }
	.philosophy_box .cnt2 .ment { left:5%; top:auto; bottom:10px; width:95%; height:auto; padding-top:10px; }

	.philosophy_box .cnt3 > article { margin:0 0 40px; }
	.philosophy_box .cnt3 > article > .img_box { width:33%; padding-right:20px; }
	.philosophy_box .cnt3 > article > .text { width:67%; padding-top:30px; }
	.philosophy_box .cnt3 > article > .text > h2 { margin-bottom:20px; }
	.philosophy_box .cnt3 > article > .text > p { }
}
@media (max-width:640px){
	.philosophy_box .cnt1 { background-size:cover; }
	.philosophy_box .cnt1 .black_box { height:30%; }
	.philosophy_box .cnt1 .ment { bottom:20px; font-size:1.1em; }

	.philosophy_box .cnt2 { background-size:cover; }
	.philosophy_box .cnt2 .black_box { height:30%; }
	.philosophy_box .cnt2 .ment { bottom:20px; font-size:1.1em; }

	.philosophy_box .cnt3 > article { margin-bottom:30px; }
	.philosophy_box .cnt3 > article > .img_box { width:33%; padding-right:20px; }
	.philosophy_box .cnt3 > article > .text { width:67%; padding-top:30px; }
	.philosophy_box .cnt3 > article > .text > h2 { margin-bottom:20px; font-size:1.5em; }
	.philosophy_box .cnt3 > article > .text > p { font-size:0.9375em; }
}
@media (max-width:480px){
	.philosophy_box > header > h1 { font-size:1.25em; }

	.philosophy_box .cnt1 .ment { font-size:1em; }
	.philosophy_box .cnt2 .ment { font-size:1em; }

	.philosophy_box .cnt3 > article { margin-bottom:30px; }
	.philosophy_box .cnt3 > article > .img_box { width:33%; padding-right:10px; }
	.philosophy_box .cnt3 > article > .text { width:67%; padding-top:10px; }
	.philosophy_box .cnt3 > article > .text > h2 { margin-bottom:20px; font-size:1.25em; }
	.philosophy_box .cnt3 > article > .text > p { font-size:0.875em; }
}
@media (max-width:360px){
	.philosophy_box:nth-last-child(1) { border-bottom:0; }
	.philosophy_box .cnt3 > article { margin-bottom:10px; padding-bottom:10px; border-bottom:1px solid #ddd; }
	.philosophy_box .cnt3 > article > .img_box { display:none; }
	.philosophy_box .cnt3 > article > .text { width:100%; padding:0; }
	.philosophy_box .cnt3 > article > .text > h2 { margin-bottom:10px; font-size:1em; }
	.philosophy_box .cnt3 > article > .text > p { font-size:0.8125em; }
}

/* 오시는 길 */
.map_btn { display:block; margin-bottom:30px; padding:15px; text-align:center; border:1px solid #ccc; box-sizing:border-box; overflow:hidden; }
.map_btn > a { display:inline-block; padding:10px 20px; color:#666; }
.map_btn > a.current { color:#333; font-weight:700; text-decoration:underline; }

.map_box { position:relative; display:block; margin-bottom:20px; box-sizing:border-box; overflow:hidden; }
.map_box .map_size_outline { position:relative; width:100%; height:0; padding-top:40%; }
.map_box .map_size_outline iframe { position:absolute; left:0; right:0; top:0; bottom:0; width:100%; height:100%; overflow:hidden; }

.map_box .add_box { position:absolute; right:20px; top:20px; bottom:60px; width:350px; padding:30px; word-break:keep-all; background:#182f4f; box-sizing:border-box; overflow:hidden; z-index:10; }
.map_box .add_box > header { display:block; margin-bottom:40px; text-align:center; overflow:hidden; }
.map_box .add_box > header > h1 { font-size:32px; color:#fff; font-weight:400; overflow:hidden; }

.map_box .add_box > ul { display:block; list-style:none; margin:0; padding:0; overflow:hidden; }
.map_box .add_box > ul > li { display:block; margin-bottom:20px; overflow:hidden; }
.map_box .add_box > ul > li:nth-last-child(1) { margin-bottom:0; }
.map_box .add_box h2 { margin-bottom:10px; padding:6px 0 0; font-size:20px; color:#fff; font-weight:700; }
.map_box .add_box .icon_1 { padding-left:42px; background:url('/eng/images/sub/map_h2_icon_1.png') no-repeat left center; }
.map_box .add_box .icon_2 { padding-left:42px; background:url('/eng/images/sub/map_h2_icon_2.png') no-repeat left center; }
.map_box .add_box .icon_3 { padding-left:42px; background:url('/eng/images/sub/map_h2_icon_3.png') no-repeat left center; }
.map_box .add_box p { margin-left:42px; margin-bottom:30px; font-size:16px; color:#fff; font-weight:400; line-height:1.7; }
.map_box .add_box p:nth-last-child(1) { margin-bottom:0; }

@media (max-width:900px){
	.map_box .map_size_outline { padding-top:50%; }
	.map_box .add_box { position:relative; left:auto; right:auto; top:auto; bottom:auto; width:auto; border:1px solid yellow; }
	.map_box .add_box > ul:after { display:block; content:''; clear:both; }
	.map_box .add_box > ul > li { float:left; width:50%; margin-bottom:20px; }
}
@media (max-width:640px){
	.map_box .map_size_outline { padding-top:60%; }
	.map_box .add_box > header > h1 { padding-bottom:10px; font-size:24px; text-align:left; border-bottom:1px solid #8096b6; }
}
@media (max-width:480px){
	.map_btn { display:none; }
	.map_box { }
	.map_box .map_size_outline { padding-top:80%; }
	.map_box .add_box > header > h1 { font-size:1.2em; }
	.map_box .add_box > ul > li { float:none; width:100%; margin-bottom:20px; box-sizing:border-box; }
	.map_box .add_box h2 { margin-bottom:10px; padding:6px 0 0; font-size:1em; }
	.map_box .add_box .icon_1 { padding-left:30px; background-size:auto 100%; }
	.map_box .add_box .icon_2 { padding-left:30px; background-size:auto 100%; }
	.map_box .add_box .icon_3 { padding-left:30px; background-size:auto 100%; }
	.map_box .add_box p { margin-left:30px; margin-bottom:30px; font-size:0.8125em; }
}
@media (max-width:360px){
	.map_box .map_size_outline { padding-top:100%; }
}

/* 연혁 */
.year_box { position:relative; display:block; overflow:hidden; }
.year_box strong { display:block; float:left; width:20%; padding:45px 0; font-size:1.75em; color:#1081c6; border-top:1px solid #0079c2; }
.year_box:first-child strong { padding-top:8px; border-top:0; }
.year_box:first-child ul { padding-top:12px; border-top:0; }
.year_box:last-child strong, .year_box:last-child ul { padding-bottom:0; }
.year_box ul { display:block; float:left; width:80%; padding:50px 0 45px; border-top:1px solid #ddd; }
.year_box ul li { display:block; margin-bottom:15px; overflow:hidden; }
.year_box ul li span { position:absolute; display:block; width:80px; line-height:1.5; padding:0 0 0 5px; font-size:1em; color:#333; text-align:right; }
.year_box ul li p { display:block; line-height:1.5; padding-left:120px; font-size:1em; color:#666; }
.year_box .icon_ss { position:absolute; right:0; top:0; width:93px; height:81px; background:url("/eng/images/common/icon_ss.jpg") no-repeat center center; }
@media (max-width:640px){
	/* 연혁 */
	.year_box { border-top:1px solid #ddd; }
	.year_box:first-child { border-top:0; }
	.year_box strong { display:block; float:none; width:100%; padding:30px 0 20px; font-size:1.12em; border-top:0; }
	.year_box ul { display:block; float:none; width:100%; padding:0 0 15px; border-top:0; }
	.year_box ul li span { font-size:0.87em; }
	.year_box ul li p { font-size:0.87em; }
	.year_box:first-child ul { padding-top:0; }
	.year_box:last-child strong { padding-bottom:20px; }
}

/* 홍보동영상 */
.mv_box { position:relative; display:block; width:100%; height:0; padding-top:56.25%; text-align:center; box-sizing:border-box; overflow:hidden; }
.mv_box .mv_frame { position:absolute; display:block; left:0; top:0; width:100%; height:100%; box-sizing:border-box; overflow:hidden; }
.mv_box .mv_frame iframe { width:100%; height:100%; vertical-align:top; }

/* 제품현황 */
.product_box { position:relative; height:auto;margin-bottom:50px; padding:0 0 50px 18%; border-bottom:1px solid #ddd; overflow:hidden; }
.product_box > header { position:absolute; left:0; top:0; width:17%; box-sizing:border-box; }
.product_box > header > h1 { font-size:28px; color:#333; font-weight:700; line-height:1.6; word-break:keep-all; }
.product_box_last { margin-bottom:0; padding-bottom:0; border-bottom:0; }
.product_box .cnt { display:block; padding:0; box-sizing:border-box; overflow:hidden; }
.product_box_none { padding:0 10%; }
@media (max-width:1024px){
	.product_box .cnt { }
}
@media (max-width:768px){
	.product_box { min-height:auto; margin-bottom:50px; padding-left:0; }
	.product_box > header { position:relative; width:100%; margin-bottom:20px; }
	.product_box > header > h1 { font-size:28px; }
}
@media (max-width:480px){
	.product_box { margin-bottom:30px; padding-bottom:30px; }
	.product_box > header > h1 { font-size:1.2em; }
}
.product_box .cnt_box_1 { position:relative; display:block; height:300px; box-sizing:border-box; overflow:hidden; }
.product_box .cnt_box_1 .black_box { position:absolute; left:0; top:0; bottom:0; width:60%; height:100%; background:rgba(0,0,0,0.7); z-index:10; }
.product_box .cnt_box_1 p {
	position:absolute; left:0; top:50%; padding:0 1em; font-size:1em; color:#fff; font-weight:400; line-height:1.8; word-break:keep-all; box-sizing:border-box; z-index:11;
	transform:translateY(-50%); -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); -ms-transform:translateY(-50%);
}

.product_box .cnt_box_bg_1 { background:url('/eng/images/sub2/product_bg_1.jpg') no-repeat center center; background-size:cover; }
.product_box .cnt_box_txt_1 { width:60%; }

.product_box .cnt_box_bg_2 { background:url('/eng/images/sub2/product_bg_2.jpg') no-repeat center center; background-size:cover; }
.product_box .cnt_box_txt_2 { width:60%; }

.product_box .cnt_box_bg_3 { background:url('/eng/images/sub2/product_bg_3.jpg') no-repeat center center; background-size:cover; }
.product_box .cnt_box_txt_3 { width:60%; }

.product_box .cnt_box_bg_4 { background:url('/eng/images/sub2/product_bg_4.jpg') no-repeat center center; background-size:cover; }
.product_box .cnt_box_txt_4 { width:60%; }
.product_box .cnt_box_txt_4 .title { display:block; margin-bottom:20px; padding-top:20px; font-size:1.5em; font-weight:700; line-height:1.5; background:url('/eng/images/sub2/cnt_box_tit_bg.jpg') no-repeat left top; }

.product_box .cnt_box_bg_5 { background:url('/eng/images/sub2/product_bg_5.jpg') no-repeat center center; background-size:cover; }
.product_box .cnt_box_txt_5 { width:60%; }
.product_box .cnt_box_txt_5 .title { display:block; margin-bottom:20px; padding-top:20px; font-size:1.5em; font-weight:700; line-height:1.5; background:url('/eng/images/sub2/cnt_box_tit_bg.jpg') no-repeat left top; }

@media (max-width:900px){
	.product_box .cnt_box_1 p { font-size:0.9375em; line-height:1.6; }
	.product_box .cnt_box_txt_5 .title { margin-bottom:20px; padding-top:20px; font-size:1.4em; line-height:1.4; }
}
@media (max-width:500px){
	.product_box .cnt_box_1 { height:auto; padding-top:190px; }
	.product_box .cnt_box_1 .black_box { display:none; }
	.product_box .cnt_box_1 p { 
		position:relative; top:auto; width:100%; margin-top:0; padding:0; font-size:0.8125em; color:#333;
		transform:inherit; -webkit-transform:inherit; -moz-transform:inherit; -ms-transform:inherit;
	}
	.product_box .cnt_box_txt_4 .title { margin-bottom:10px; padding-top:0; font-size:1.2em; }
	.product_box .cnt_box_txt_5 .title { margin-bottom:10px; padding-top:0; font-size:1.2em; }

	.product_box .cnt_box_bg_1 { background-position:center top; background-size:auto 180px; }
	.product_box .cnt_box_bg_2 { background-position:center top; background-size:auto 180px; }
	.product_box .cnt_box_bg_3 { background-position:center top; background-size:auto 180px; }
	.product_box .cnt_box_bg_4 { background-position:center top; background-size:auto 180px; }
	.product_box .cnt_box_bg_5 { background-position:center top; background-size:auto 180px; }
}

.vision_img { position:relative; height:0; padding-top:49.6%; background:url('/eng/images/sub3/research_img1_1.jpg') no-repeat center center; background-size:cover; overflow:hidden; }
.vision_img > p { position:absolute; left:-9999px; top:-9999px; }
@media (max-width:768px){

}
@media (max-width:640px){
	.vision_img { height:260px; padding:0; background-size:auto 310px; overflow:hidden; }
}

.tab { display:block; margin-bottom:20px; border-bottom:2px solid #555; box-sizing:border-box; overflow:hidden; }
.tab > ul { list-style:none; margin:0; padding:0; box-sizing:border-box; overflow:hidden; }
.tab > ul > li { float:left; height:40px; border:1px solid #ddd; border-left:0; box-sizing:border-box; overflow:hidden; }
.tab > ul > li:nth-child(1) { border-left:1px solid #ddd; }
.tab > ul > li > a { display:block; width:100%; height:100%; line-height:40px; font-size:16px; color:#333; text-align:center; }

.tab > ul > li.current { border:1px solid #11ace3; }
.tab > ul > li.current > a { color:#fff; background:#11ace3; }

.tab .col_2 { width:50%; }
.tab .col_3 { width:33.3333%; }
.tab .col_4 { width:25%; }

.view_box { display:none; overflow:hidden; }

.product_box .ul_type_1 { display:block; overflow:hidden; }
.product_box .ul_type_1:after { display:block; content:''; clear:both; }
.product_box .ul_type_1 > li { position:relative; float:left; width:49%; height:auto; min-height:170px; margin-right:2%; margin-bottom:20px; padding:30px 20px; border:1px solid #ddd; box-sizing:border-box; }
.product_box .ul_type_1 > li:nth-child(2n+2) { margin-right:0; }
.product_box .ul_type_1 > li > img {
	position:absolute; left:0; top:50%; width:35%; padding:20px; box-sizing:border-box; overflow:hidden;
	transform:translateY(-50%);
	-webkit-transform:translateY(-50%);
	-moz-transform:translateY(-50%);
	-ms-transform:translateY(-50%);
}
.product_box .ul_type_1 > li > p {
	position:absolute; right:0; top:50%; width:65%; padding:.5em; font-size:1em; color:#666; font-weight:400; word-break:keep-all; line-height:1.8; box-sizing:border-box; overflow:hidden;
	transform:translateY(-50%);
	-webkit-transform:translateY(-50%);
	-moz-transform:translateY(-50%);
	-ms-transform:translateY(-50%);
}

@media (max-width:1024px){
	.product_box .ul_type_1 > li > img { padding:10px; }
	.product_box .ul_type_1 > li > p { font-size:0.9375em; }
}
@media (max-width:894px){
	.product_box .ul_type_1 > li > img { padding:10px; }
	.product_box .ul_type_1 > li > p { font-size:0.875em; }
}
@media (max-width:768px){
	.product_box .ul_type_1 > li { float:none; width:100%; min-height:130px; margin-right:0; margin-bottom:20px; }
	.product_box .ul_type_1 > li > img { width:auto; height:100%; padding:10px; }
	.product_box .ul_type_1 > li > p { width:80%; font-size:1em; }
}
@media (max-width:640px){
	.product_box .ul_type_1 > li { min-height:130px; }
	.product_box .ul_type_1 > li > img { padding:10px; }
	.product_box .ul_type_1 > li > p { width:80%; font-size:0.875em; }
}
@media (max-width:480px){
	.product_box .ul_type_1 > li { min-height:130px; }
	.product_box .ul_type_1 > li > img { padding:10px; }
	.product_box .ul_type_1 > li > p { width:65%; font-size:0.8125em; }
}
@media (max-width:360px){
	.product_box .ul_type_1 > li { min-height:120px; }
	.product_box .ul_type_1 > li > img { padding:20px 10px; }
	.product_box .ul_type_1 > li > p { width:70%; font-size:0.8125em; }
}
@media (max-width:320px){
	.product_box .ul_type_1 > li { min-height:110px; }
	.product_box .ul_type_1 > li > img { padding:20px 10px; }
	.product_box .ul_type_1 > li > p { width:70%; font-size:0.75em; }
}

.ol-type1 { list-style:none; }
.ol-type1 > li { position:relative; float:left; width:30%; margin-right:5%; margin-bottom:40px; box-sizing:border-box; }
.ol-type1 > li:nth-child(3n+3) { margin-right:0; }
.ol-type1 > li:nth-child(3n+1) { clear:both; }
.ol-type1 .number { position:absolute; display:block; left:0; top:0; width:40px; height:40px; line-height:40px; text-align:center; font-size:24px; color:#fff; font-weight:700; background:#182f4f; overflow:hidden; }
.ol-type1 .product_img { overflow:hidden; }
.ol-type1 .product_img img { max-width:100%; vertical-align:top; }
.ol-type1 .product_txt { height:auto; padding:15px; border:1px solid #ccc; border-top:0; box-sizing:border-box; }
.ol-type1 .product_txt .title { margin-bottom:10px; font-size:24px; color:#333; font-weight:700; letter-spacing:-1px; word-spacing:-2px; }
.ol-type1 .product_txt .text { min-height:150px; font-size:16px; color:#666; line-height:1.5; word-break:keep-all; overflow:hidden; }
.btn_fla { display:inline-block; padding:10px 20px; color:#fff !important; background:#182f4f; border:0; border-radius:0.1em; box-sizing:border-box; outline:0; vertical-align:top; cursor:pointer; }

@media (max-width:768px){
	.ol-type1 > li { width:32%; margin-right:2%; }
	.ol-type1 .product_txt .title { height:60px; margin:0; font-size:1.3em; line-height:1.3; }
	.ol-type1 .product_txt .text { min-height:140px; font-size:0.9375em; }
}
@media (max-width:640px){
	.ol-type1 .product_txt .title { height:60px; margin:0; font-size:1.2em; line-height:1.3; }
	.ol-type1 .product_txt .text { min-height:150px; font-size:0.875em; }
}
@media (max-width:480px){
	.ol-type1 > li { width:49%; margin-right:2% !important; margin-bottom:10px; }
	.ol-type1 > li:nth-child(2n+2) { margin-right:0 !important; }
	.ol-type1 > li:nth-child(3n+1) { clear:inherit; }
	.ol-type1 .product_txt { border:0; }
	.ol-type1 .product_txt .title { height:auto; margin-bottom:10px; font-size:1em; }
	.ol-type1 .product_txt .text { min-height:auto; }
}
@media (max-width:360px){
	.ol-type1 > li { float:none; width:100%; margin:0 !important; margin-bottom:10px; }
	.ol-type1 .product_img img { width:100%; }
	.ol-type1 .product_txt .text { font-size:0.8125em; }
}

.p_list_box { display:block; margin-bottom:30px; overflow:hidden; }
.p_list_box .p_list_box_left { position:relative; display:block; float:left; width:500px; height:320px; border:1px solid #ccc; box-sizing:border-box; overflow:hidden; }
.p_list_box .p_list_box_left > .label { position:absolute; display:block; left:0; right:0; bottom:0; width:100%; height:60px; line-height:60px; font-size:18px; color:#fff; font-weight:400; text-align:center; background:rgba(24,47,79,0.7); }
.p_list_box .p_list_box_right { display:block; float:right; width:47%; height:auto; box-sizing:border-box; overflow:hidden; }
.p_list_box li { font-size:1em; color:#666; line-height:1.6; }
.p_list_box li:nth-last-child(1) { margin-bottom:0; }
.p_list_box .p_list_box_right > ul { margin-top:5px; }
.p_list_box .p_list_box_right > ul > li { position:relative; margin-bottom:15px; padding-left:140px; }
.p_list_box .p_list_box_right > ul > li .head { position:absolute; left:0; padding-left:15px; color:#333; font-weight:700; background:url('/kor/images/sub2/icon_point.gif') no-repeat left center; }
.p_list_box .p_list_box_right > ul > li > ul { }
.p_list_box .p_list_box_right > ul > li > ul > li { position:relative; padding-left:15px; margin-bottom:10px; word-break:keep-all; }
.p_list_box .p_list_box_right > ul > li > ul > li:before { position:absolute; left:0; margin-right:10px; content:'\ -'; }
.p_list_box p { font-size:16px; color:#666; line-height:1.6; word-break:keep-all; box-sizing:border-box; }
@media (max-width:1160px){
	.p_list_box { margin-bottom:30px; }
	.p_list_box .p_list_box_left { float:left; width:49%; height:auto; }
	.p_list_box .p_list_box_right { float:right; width:49%; }
}
@media (max-width:480px){
	.p_list_box { margin-bottom:30px; }
	.p_list_box .p_list_box_left { float:none; width:100%; margin-bottom:10px; text-align:center; }
	.p_list_box .p_list_box_right { float:none; width:100%; }
	.p_list_box li { font-size:0.875em; }
	.p_list_box li li { font-size:100%; }
	.p_list_box .p_list_box_right > ul { margin:0; }
	.p_list_box .p_list_box_right > ul > li { margin:0; padding:5px 10px; border:1px solid #ddd; border-bottom:0; }
	.p_list_box .p_list_box_right > ul > li:nth-last-child(1) { border-bottom:1px solid #ddd; }
	.p_list_box .p_list_box_right > ul > li .head { position:relative; display:block; left:0; margin-bottom:14px;  }
	.p_list_box .p_list_box_right > ul > li > ul > li { margin-bottom:5px; }
	.p_list_box .p_list_box_right > ul > li > ul > li:before { margin-right:10px; content:'\ -'; }
	.p_list_box p { font-size:0.8125em; }
}
/* 생산현황 > 생산시스템 */
.str_box { position:relative; margin-bottom:50px; box-sizing:border-box; overflow:hidden; }
.str_box .str_list { position:absolute; width:215px; box-sizing:border-box; overflow:hidden; }
.str_box .str_list > .str_head { display:block; width:100%; height:45px; line-height:45px; margin-bottom:10px; font-size:1em; color:#fff; text-align:center; vertical-align:middle; box-sizing:border-box; background:#182f4f; overflow:hidden; }
.str_box .str_list > .str_head .num { display:block; float:left; width:45px; height:45px; background:#284772; overflow:hidden; }
.str_box .str_list > .str_head .title { display:block; }

.str_box .str_list > .str_head2 { background:#33588a; }

.str_box .str_list > .str_head3 { line-height:1; font-size:16px; color:#fff; }
.str_box .str_list > .str_head3 > .num { line-height:45px; }
.str_box .str_list > .str_head3 > .title { padding:5px 20px 0; font-size:13px; line-height:1.4; word-break:keep-all; }

.str_box .str_list > .str_head4 { line-height:1; font-size:0.8125em; color:#fff; }
.str_box .str_list > .str_head4 > .num { line-height:45px; }
.str_box .str_list > .str_head4 > .title { padding:5px 2px 0; line-height:1.4; }
.str_box .str_list > .str_head4 > .title2 { padding:0; line-height:45px; }
.str_box .str_list > .str_head4 > .title3 { padding:0; line-height:1.1; }
.str_box .str_list > .str_head4 > .title4 { padding:5px 2px 0; font-size:80%; line-height:1.1; }

.str_box .str_list > .word_long { line-height:1; }
.str_box .str_list > .word_long .num { line-height:45px; }
.str_box .str_list > .word_long .title { padding-top:8px; }
.str_box .str_list > .word_long .title2 { padding-top:5px; }

.str_box .str_list > .str_body { text-align:center; overflow:hidden; }
.str_box .str_list > .str_body img { max-width:100%; vertical-align:inherit; }

.str_case_1 { height:756px; background:url('/kor/images/sub2/str_box_bg.gif') no-repeat center top; }
.str_case_2 { height:420px; background:url('/kor/images/sub2/str_box_bg2.gif') no-repeat center top; }

.str_case_1 .list_c1_1 { left:0; top:0; }
.str_case_1 .list_c1_2 { left:257px; top:0; }
.str_case_1 .list_c1_3 { left:513px; top:0; }
.str_case_1 .list_c1_4 { left:770px; top:0; }
.str_case_1 .list_c1_5 { left:0; top:286px; }
.str_case_1 .list_c1_6 { left:257px; top:286px; }
.str_case_1 .list_c1_7 { left:513px; top:286px; }
.str_case_1 .list_c1_8 { left:770px; top:286px; }
.str_case_1 .list_c1_9 { left:0px; top:571px; }
.str_case_1 .list_c1_10 { left:257px; top:571px; }

.str_case_2 .list_c2_1 { left:0; top:0; }
.str_case_2 .list_c2_2 { left:257px; top:0; }
.str_case_2 .list_c2_3 { left:513px; top:0; }
.str_case_2 .list_c2_4 { left:770px; top:0; }
.str_case_2 .list_c2_5 { left:770px; top:235px; }
.str_case_2 .list_c2_6 { left:513px; top:235px; }
.str_case_2 .list_c2_7 { left:257px; top:235px; }
.str_case_2 .list_c2_8 { left:0px; top:235px; }
@media (max-width:1024px){
	.str_box .str_list { width:22%; }
	/*.str_box .str_list > .str_head .title { display:block; float:left; padding-left:10%; font-size:0.9375em; }*/
	.str_box .str_list > .str_head .title { font-size:0.81em; }
	.str_case_1 { height:auto; padding-top:70%; background-image:none; overflow:visible; }
	.str_case_1 .list_c1_1 { left:0; top:0; }
	.str_case_1 .list_c1_2 { left:26%; top:0; }
	.str_case_1 .list_c1_3 { left:52%; top:0; }
	.str_case_1 .list_c1_4 { left:78%; top:0; }
	.str_case_1 .list_c1_5 { left:0; top:35%; }
	.str_case_1 .list_c1_6 { left:26%; top:35%; }
	.str_case_1 .list_c1_7 { left:52%; top:35%; }
	.str_case_1 .list_c1_8 { left:78%; top:35%; }
	.str_case_1 .list_c1_9 { left:26%; top:70%; }
	.str_case_1 .list_c1_10 { left:52%; top:70%; }

	.str_case_2 { height:0; padding-top:60%; background-image:none; }
	.str_case_2 .str_head { font-size:14px; letter-spacing:-2px; }
	.str_case_2 .list_c2_1 { left:0; top:0; }
	.str_case_2 .list_c2_2 { left:26%; top:0; }
	.str_case_2 .list_c2_3 { left:52%; top:0; }
	.str_case_2 .list_c2_4 { left:78%; top:0; }
	.str_case_2 .list_c2_5 { left:78%; top:40%; }
	.str_case_2 .list_c2_6 { left:52%; top:40%; }
	.str_case_2 .list_c2_7 { left:26%; top:40%; }
	.str_case_2 .list_c2_8 { left:0; top:40%; }
}
@media (max-width:480px){
	.str_box .str_list { position:relative; width:100%; }
	.str_box .str_list > .str_head { margin-bottom:0; }
	.str_box .str_list > .str_body { margin-bottom:10px; padding:10px; border:1px solid #ddd; }
	.str_case_1 { height:auto; padding:0; }
	.str_case_1 .list_c1_1 { left:auto; top:auto; }
	.str_case_1 .list_c1_2 { left:auto; top:auto; }
	.str_case_1 .list_c1_3 { left:auto; top:auto; }
	.str_case_1 .list_c1_4 { left:auto; top:auto; }
	.str_case_1 .list_c1_5 { left:auto; top:auto; }
	.str_case_1 .list_c1_6 { left:auto; top:auto; }
	.str_case_1 .list_c1_7 { left:auto; top:auto; }
	.str_case_1 .list_c1_8 { left:auto; top:auto; }
	.str_case_1 .list_c1_9 { left:auto; top:auto; }
	.str_case_1 .list_c1_10 { left:auto; top:auto; }

	.str_case_2 { height:auto; padding:0; }
	.str_case_2 .list_c2_1 { left:auto; top:auto; }
	.str_case_2 .list_c2_2 { left:auto; top:auto; }
	.str_case_2 .list_c2_3 { left:auto; top:auto; }
	.str_case_2 .list_c2_4 { left:auto; top:auto; }
	.str_case_2 .list_c2_5 { left:auto; top:auto; }
	.str_case_2 .list_c2_6 { left:auto; top:auto; }
	.str_case_2 .list_c2_7 { left:auto; top:auto; }
	.str_case_2 .list_c2_8 { left:auto; top:auto; }
}

/* 생산현황 > 생산설비 */
.box_case_1 { position:relative; height:auto; min-height:350px; box-sizing:border-box; overflow:hidden; }
.box_case_1 > .img_area { display:block; float:right; width:40%; margin-left:5%; }
.box_case_1 > .img_area img { width:auto; max-width:100%; height:auto; }
.box_case_1 > .cnt_area { box-sizing:border-box; overflow:hidden; }
.box_case_1 > .cnt_area > dl {}
.box_case_1 > .cnt_area > dl > dt { height:50px; line-height:50px; font-size:16px; color:#333; font-weight:700; text-align:center; background:#f5f5f5; }
.box_case_1 > .cnt_area > dl > dd { padding:20px; font-size:16px; color:#666; line-height:1.8; word-break:keep-all; }
@media (max-width:640px){
	.box_case_1 { min-height:auto; }
	.box_case_1 > .img_area { position:relative; float:none; width:100%; margin:0 0 10%; text-align:center; }
	.box_case_1 > .img_area img { width:100%; height:auto; max-width:100%; }
	.box_case_1 > .cnt_area { margin:0; }
	.box_case_1 > .cnt_area > dl > dt { font-size:1em; }
	.box_case_1 > .cnt_area > dl > dd { font-size:1em; }
}
@media (max-width:640px){
	.box_case_1 > .cnt_area > dl > dt { height:40px; line-height:40px; font-size:0.9em; }
	.box_case_1 > .cnt_area > dl > dd { padding:10px 0; font-size:0.8125em; }
}

/* */
.sub_cnt_box { overflow:hidden; }
.sub_cnt_box > h2 { margin-bottom:20px; padding-left:20px; font-size:20px; color:#333; font-weight:700; background:url('/kor/images/sub2/icon_h2.gif') no-repeat left top; }
.sub_cnt_box > .box_space { padding:30px; background:#f5f5f5; box-sizing:border-box; overflow:hidden; }
.sub_cnt_box .type_1 { list-style-type:decimal; margin:0; padding:0; overflow:hidden; }
.sub_cnt_box .type_1:after { display:block; content:''; clear:both; }
.sub_cnt_box .type_1 > li { float:left; width:44%; margin:5px 0 5px 30px; font-size:1em; color:#666; line-height:1.6; box-sizing:border-box; }
.sub_cnt_box .type_1 > li:nth-child(2n+2) { float:right; }
.sub_cnt_box .type_1 > li:nth-child(2n+1) { clear:both; }
@media (max-width:1024px){
	.sub_cnt_box .type_1 > li { font-size:0.87em; }
}
@media (max-width:640px){
	.sub_cnt_box > h2 { font-size:20px; }
	.sub_cnt_box > .box_space { padding:20px; }
	.sub_cnt_box .type_1 > li { width:90%; font-size:0.87em; }
	.sub_cnt_box .type_1 > li:nth-child(2n+2) { float:left; }
	.sub_cnt_box .type_1 > li:nth-child(2n+1) { clear:left; }
}
@media (max-width:480px){
	.sub_cnt_box > h2 { font-size:1.2em; }
	.sub_cnt_box > .box_space { padding:10px; }
	.sub_cnt_box .type_1 > li { width:90%; font-size:0.8125em; }
}

/* 조립차종 */
.boxtype1 { clear:both; box-sizing:border-box; overflow:hidden; }
.boxtype1:after { display:block; contetn:''; clear:both; }
.boxtype1 .boxtype1-left { float:none; width:100%; margin:0 0 10px; box-sizing:border-box; overflow:hidden; }
.boxtype1 .boxtype1-right { float:none; width:100%; box-sizing:border-box; overflow:hidden; }
.boxtype1 .bt1-img { float:left; width:20%; text-align:center; box-sizing:border-box; border:1px solid #ccc; }
.boxtype1 .bt1-img img { vertical-align:top; }
.boxtype1 .bt1-ul { float:right; width:79%; box-sizing:border-box; border:1px solid #ccc; }
.boxtype1 .bt1-ul > li { float:left; width:33.33%; height:54px; line-height:54px; font-size:1em; font-weight:600; color:#666; text-align:center; border-bottom:1px dashed #ccc; border-right:1px dashed #ccc; box-sizing:border-box; }
.boxtype1 .bt1-ul > li:nth-child(3n) { border-right:0; }
.boxtype1 .bt1-ul > li:nth-last-child(1), .boxtype1 .bt1-ul > li:nth-last-child(2), .boxtype1 .bt1-ul > li:nth-last-child(3) { border-bottom:0; }

@media (max-width:768px){
	.boxtype1 .boxtype1-left { float:none; width:100%; margin-bottom:10px; }
	.boxtype1 .boxtype1-right { float:none; width:100%; }
	.boxtype1 .bt1-img { width:100%; }
	.boxtype1 .bt1-ul { width:100%; border:0; }
	.boxtype1 .bt1-ul > li { float:left; width:50%; border:1px solid #ccc !important; border-top:0 !important; }
	.boxtype1 .bt1-ul > li:nth-child(2n) { border-left:0 !Important; }
}

@media (max-width:480px){
	.boxtype1 .boxtype1-left { float:none; width:100%; margin-bottom:10px; }
	.boxtype1 .boxtype1-right { float:none; width:100%; }
	.boxtype1 .bt1-img { width:100%; }
	.boxtype1 .bt1-ul { width:100%; border:0; }
	.boxtype1 .bt1-ul > li { float:left; width:100%; border:1px solid #ccc !important; border-top:0 !important; }
	.boxtype1 .bt1-ul > li:nth-child(2n) { border-left:1px solid #ccc !important; }
}

.circle_area { margin-top:40px; overflow:hidden; }
.circle_area .circle_box { position:relative; display:block; float:left; width:35.9%; height:0; margin:0 -2%; padding-top:35.9%; text-align:center; border-radius:50%; box-sizing:border-box; overflow:hidden; }
.circle_area .circle_box .circle_cnt { position:absolute; display:block; left:50%; top:60%; width:80%; transform:translateX(-50%) translateY(-50%); }
.circle_area .circle_box .title { margin-bottom:5px; font-size:1.5em; color:#fff; font-weight:700; line-height:1.4; }
.circle_area .circle_box .text { margin:0 auto; font-size:0.875em; color:#fff; line-height:1.5; }

.circle_area .circle_box_1 { margin-left:0; background:rgba(0,121,194,0.8) url('/eng/images/sub2/s5_img1_1.png') no-repeat center 20%; }
.circle_area .circle_box_2 { background:rgba(0,194,151,0.8) url('/eng/images/sub2/s5_img1_2.png') no-repeat center 20%; }
.circle_area .circle_box_3 { margin-right:0; background:rgba(183,194,0,0.8) url('/eng/images/sub2/s5_img1_3.png') no-repeat center 20%; }
@media (max-width:1024px){
	.circle_area .circle_box_1 { background-size:20% auto; }
	.circle_area .circle_box_2 { background-size:20% auto; }
	.circle_area .circle_box_3 { background-size:20% auto; }
}
@media (max-width:968px){
	.circle_area .circle_box .title { font-size:1.4em; }
}
@media (max-width:920px){
	.circle_area .circle_box .title { font-size:1.1em; }
	.circle_area .circle_box .text { font-size:0.8125em; line-height:1.4; }
}
@media (max-width:768px){
	.circle_area .circle_box .icon { width:50%; }
	.circle_area .circle_box .title { margin-bottom:0px; }
}
@media (max-width:640px){
	.circle_area .circle_box { float:none; width:auto; height:auto; margin:0 0 10px; padding:10px 10px 10px 100px; text-align:left; border-radius:10px; box-sizing:border-box; }
	.circle_area .circle_box .circle_cnt { position:relative; left:auto; top:auto; width:auto; transform:inherit; }
	.circle_area .circle_box .title { margin-bottom:5px; font-size:1.2em; }
	.circle_area .circle_box .text { font-size:0.875em; }

	.circle_area .circle_box_1 { background-position:20px center; background-size:auto 60%; }
	.circle_area .circle_box_2 { background-position:20px center; background-size:auto 60%; }
	.circle_area .circle_box_3 { background-position:20px center; background-size:auto 60%; }
}

/* Quality Management System */
.qc_system { position:relative; min-height:1213px; box-sizing:border-box; background:url('/eng/images/sub2/s5_img2_1.gif') no-repeat center top; overflow:hidden; }

.qc_system .t1 { position:relative; display:block; width:200px; height:200px; margin:0 auto 50px; font-size:1.75em; color:#fff; font-weight:700; text-align:center; background:url("/eng/images/sub2/s5_img2_1.png") no-repeat center center; overflow:hidden; }
.qc_system .t1 > span { position:absolute; left:50%; top:50%; transform:translateX(-50%) translateY(-50%); }

.qc_system .t1-ui { display:block; list-style:none; width:40%; margin:0 auto 20px; overflow:hidden; }
.qc_system .t1-ui > li { height:70px; line-height:70px; margin-bottom:30px; font-size:1.25em; color:#333; font-weight:700; text-align:center; background:#fff; border:1px solid #ddd; border-radius:10px; box-sizing:border-box; overflow:hidden; }

.qc_system .t2 { display:block; width:400px; height:80px; line-height:80px; margin:0 auto 70px; font-size:1.75em; color:#333; font-weight:700; text-align:center; background:#ddd; border-radius:40px; box-sizing:border-box; overflow:hidden; }

.qc_system .t2-ui { display:block; list-style:none; width:900px; margin:0 auto 50px; overflow:hidden; }
.qc_system .t2-ui > li { float:left; width:29.3%; margin:0 2%; box-sizing:border-box; }
.qc_system .t2-ui > li:nth-last-child(1) { margin-right:0; }
.qc_system .t2-ui > li .title { position:relative; display:block; width:160px; height:160px; margin:0 auto 10px; font-size:1.1em; color:#fff; font-weight:700; text-align:center; background:#0079c2; border-radius:50%; overflow:hidden; }
.qc_system .t2-ui > li .title > span { position:absolute; left:0; right:0; top:50%; width:100%; padding:0 5px; transform:translateY(-50%); box-sizing:border-box; }
.qc_system .t2-ui > li .tit-bg1 { background:#0079c2; }
.qc_system .t2-ui > li .tit-bg2 { background:#00c297; }
.qc_system .t2-ui > li .tit-bg3 { background:#b7c200; }

.qc_system .small-ui { display:block; list-style:none; min-height:170px; margin-top:-60px; padding:60px 10px 20px; background:#e5f1f9; border-radius:10px; overflow:hidden; }
.qc_system .small-ui > li { display:block; margin-bottom:6px; font-size:0.875em; color:#666; line-height:1.4; text-align:center; }
.qc_system .small-ui-bg1 { background:#e5f1f9; }
.qc_system .small-ui-bg2 { background:#e5f9f4; }
.qc_system .small-ui-bg3 { background:#f8f9e5; }

.qc_system .t3 { display:block; width:60%; height:90px; line-height:90px; margin:0 auto; font-size:1.5em; color:#333; font-weight:700; text-align:center; background:#fff; border:1px solid #ddd; border-radius:10px 10px 10px 10px; box-sizing:border-box; overflow:hidden; }

@media (max-width:1024px){
	.qc_system .t2-ui { width:100%; }
}
@media (max-width:900px){
	.qc_system { min-height:auto; background-image:none; }
	.qc_system .t1 { width:50%; height:auto; line-height:1; padding:30px 0; background-image:none; background-color:#182f4f; border-radius:10px 10px; }
	.qc_system .t1 > span { position:relative; left:auto; top:auto; }

	.qc_system .t1-ui { width:50%; margin:0 auto 20px; }
	.qc_system .t1-ui > li { height:50px; line-height:50px; margin-bottom:10px; }

	.qc_system .t2 { width:50%; margin:0 auto 30px; }

	.qc_system .t2-ui { width:100%; margin:0 auto 30px; }
	.qc_system .t2-ui > li { float:left; width:31.33%; height:auto; margin-left:0; margin-right:2%; }
	.qc_system .t2-ui > li:nth-last-child(1) { margin-right:0; }

	.qc_system .t2-ui > li .title { display:block; width:100%; height:100px; margin:0 auto 20px; color:#fff; border-radius:10px; }
	.qc_system .t2-ui > li .tit-bg1 { background:#0079c2; }
	.qc_system .t2-ui > li .tit-bg2 { background:#00c297; }
	.qc_system .t2-ui > li .tit-bg3 { background:#b7c200; }

	.qc_system .small-ui { min-height:210px; margin-top:-60px; }
	.qc_system .small-ui > li { }

	.qc_system .t3 { width:100%; height:auto; line-height:1; padding:20px 0; font-size:1.5em; }
}
@media (max-width:480px){
	.qc_system .t1 { width:80%; padding:15px 0; font-size:1.1em; }

	.qc_system .t1-ui { width:80%; }
	.qc_system .t1-ui > li { height:auto; line-height:1; padding:10px 0; font-size:0.875em; }

	.qc_system .t2 { width:80%; height:auto; line-height:1; padding:15px 0; font-size:1.1em; border-radius:40px; }

	.qc_system .t2-ui { width:100%; margin:0 auto 30px; }
	.qc_system .t2-ui > li { float:none; width:100%; height:auto; margin:0; padding:10px 0; }

	.qc_system .t2-ui > li .title { height:auto; padding:20px 0; margin:0; border-radius:0; }

	.qc_system .small-ui { min-height:auto; margin-top:0; padding:20px 0; }
	.qc_system .t3 { padding:10px 0; font-size:1em; }
}


/* 사업분야 : 품질현황 : 주요활동 */
.imgs_box { margin:0 auto 40px; text-align:center; overflow:hidden; }

/* 사업분야 : 품질현황 : 신차품질 */
.sub2_3_3_box1 { box-sizing:border-box; overflow:hidden; }
.sub2_3_3_box1 .text { padding:30px 40px; font-size:1em; color:#666; line-height:1.8; text-align:center; word-break:keep-all; background:#fff; border:1px solid #ddd; border-radius:6px; overflow:hidden; }
.sub2_3_3_box1 .text .head { display:block; color:#333; font-weight:700; }
.sub2_3_3_box1 .sub2_3_3_diagram { position:relative; display:block; height:0; margin:50px 0; padding-bottom:65%; background:url('/eng/images/sub2/s6_img2_4.png') no-repeat center 57%; overflow:hidden; background-size:auto auto; }

.sub2_3_3_box1 .dia_circle { position:absolute; left:0; right:0; top:0; width:70%; margin:0 auto; }
.sub2_3_3_box1 .dia_circle:after { display:block; content:''; clear:both; }
.sub2_3_3_box1 .dia_circle li { position:relative; float:left; width:31.3%; height:0; margin:0 1%; padding-top:31.3%; text-align:center; box-sizing:border-box; background:url('/eng/images/sub2/s6_img2_1.png') no-repeat center center; background-size:contain; overflow:hidden; }
.sub2_3_3_box1 .dia_circle li > span { position:absolute; display:block; left:50%; top:50%; margin:0; padding:0; font-size:1.25em; color:#fff; font-weight:700; text-align:center; transform:translateX(-50%) translateY(-50%); }

.sub2_3_3_box1 .dia_rect { position:absolute; left:0; right:0; bottom:0; width:100%; margin:0 auto; }
.sub2_3_3_box1 .dia_rect:after { display:block; content:''; clear:both; }
.sub2_3_3_box1 .dia_rect li { position:relative; float:left; width:23%; height:0; margin:0 1%; padding-top:13%; text-align:center; box-sizing:border-box; overflow:hidden; }
.sub2_3_3_box1 .dia_rect li span { position:absolute; display:block; left:0; right:0; top:50%; padding:0 10px; font-size:1.25em; color:#fff; font-weight:700; text-align:center; transform:translateY(-50%); box-sizing:border-box; overflow:hidden; }
.sub2_3_3_box1 .dia_rect li:nth-child(odd) { background:url('/eng/images/sub2/s6_img2_2.png') no-repeat center center; background-size:contain; }
.sub2_3_3_box1 .dia_rect li:nth-child(even) { background:url('/eng/images/sub2/s6_img2_3.png') no-repeat center center; background-size:contain; }

.sub2_3_3_box1 .slogan { position:absolute; left:0; right:0; top:50%; width:60%; margin:auto auto; font-size:1.125em; color:#333; font-weight:700; text-align:center; line-height:1.6; transform:translateY(-10%); }
@media (max-width:960px){
	.sub2_3_3_box1 .sub2_3_3_diagram { padding-bottom:75%; }
	.sub2_3_3_box1 .dia_circle li > span { font-size:1.1em; }
	.sub2_3_3_box1 .dia_rect li span { font-size:1.1em; }
	.sub2_3_3_box1 .slogan { width:60%; font-size:1em; }
}
@media (max-width:768px){
	.sub2_3_3_box1 .sub2_3_3_diagram { }
	.sub2_3_3_box1 .dia_circle li > span { font-size:1em; }
	.sub2_3_3_box1 .dia_rect li span { font-size:1em; }
	.sub2_3_3_box1 .slogan { width:60%; font-size:0.875em; }
}
@media (max-width:640px){
	.sub2_3_3_box1 .sub2_3_3_diagram { }
	.sub2_3_3_box1 .dia_circle li > span { font-size:1em; }
	.sub2_3_3_box1 .dia_rect li span { font-size:0.875em; }
	.sub2_3_3_box1 .slogan { width:60%; font-size:0.875em; }
}
@media (max-width:480px){
	.sub2_3_3_box1 .sub2_3_3_diagram { position:relative; display:block; height:0; padding-bottom:115%; background-position:center 50%; background-size:10% auto; }
	.sub2_3_3_box1 .dia_circle { width:100%; }
	.sub2_3_3_box1 .dia_circle li { width:31.3%; height:0; margin:0 1%; padding-top:31.3%; }
	.sub2_3_3_box1 .dia_circle li > span { font-size:1em; }

	.sub2_3_3_box1 .dia_rect li { position:relative; float:left; width:48%; height:0; margin:0 1% 10px; padding-top:13%; text-align:center; box-sizing:border-box; overflow:hidden; }
	.sub2_3_3_box1 .dia_rect li span { font-size:0.8125em; }
	.sub2_3_3_box1 .dia_rect li:nth-child(odd) { background:#0079c2; }
	.sub2_3_3_box1 .dia_rect li:nth-child(even) { background:#7fbce0; }

	.sub2_3_3_box1 .slogan { width:100%; font-size:0.75em; transform:translateY(-50%); }
}


/* 사업분야 : 품질현황 : 양산품질 */
.sub2_3_3_box2 { box-sizing:border-box; overflow:hidden; }

/* 사업분야 : 품질현황 : 글로벌품질 */
.sub2_3_3_box3 { box-sizing:border-box; overflow:hidden; }
.sub2_3_3_box3 .text { margin-bottom:30px; padding:30px; font-size:16px; color:#666; line-height:1.8; text-align:center; background:#fff; border:1px solid #ddd; border-radius:6px; overflow:hidden; }

/* 사업분야 : 품질현황 : 품질개선 : 양산품질 */
.sub2_3_3_box2 { display:block; text-align:center; }
.sub2_3_3_box2 .center_txt { display:block; width:210px; height:210px; line-height:210px; margin:0 auto 50px; font-size:1.5em; font-weight:600; color:#1c63b4; text-align:center; background:url('/eng/images/sub2/s6_img3_1.png') no-repeat left top; background-size:contain; }
.sub2_3_3_box2 ul { display:block; }
.sub2_3_3_box2 ul:after { display:block; content:''; clear:both; }
.sub2_3_3_box2 ul.sub2_3_3_list1 li { display:block; float:left; }
.sub2_3_3_box2 ul.sub2_3_3_list1 { margin:0 0 30px; }
.sub2_3_3_box2 ul.sub2_3_3_list1 li { width:19%; line-height:1.5; margin-left:1.25%; padding-top:20px; font-size:1em; color:#666; text-align:center; word-break:keep-all; border-top:3px solid #1c63b4; }
.sub2_3_3_box2 ul.sub2_3_3_list1 li:first-child { margin-left:0; }

.sub2_3_3_box2 ul.sub2_3_3_list2 { margin-top:30px; }
.sub2_3_3_box2 ul.sub2_3_3_list2 li { display:inline-block; float:none; vertical-align:top; }
.sub2_3_3_box2 ul.sub2_3_3_list2 li p { padding-top:20px; font-size:1em; color:#666; }
.sub2_3_3_box2 ul.sub2_3_3_list2 li:nth-child(odd) { width:28%; }
.sub2_3_3_box2 ul.sub2_3_3_list2 li:nth-child(even) { width:5%; }
.sub2_3_3_box2 ul.sub2_3_3_list2 li:nth-child(even) img { width:100%; }

/* 사업분야 : 품질현황 : 지속적 개선 */
.sub2_3_3_box4 { box-sizing:border-box; overflow:hidden; }
.sub2_3_3_box4 .text { margin-bottom:30px; padding:30px; font-size:1em; color:#666; line-height:1.8; text-align:center; background:#fff; border:1px solid #ddd; border-radius:6px; overflow:hidden; }
.sub2_3_3_box4 > ul { height:100%; overflow:hidden; }
.sub2_3_3_box4 > ul > li { float:left; width:20%; height:100%; text-align:center; word-break:keep-all; box-sizing:border-box; overflow:hidden; }
.sub2_3_3_box4 .photo { box-sizing:border-box; overflow:hidden; }
.sub2_3_3_box4 .photo img { max-width:100%; }
.sub2_3_3_box4 .contents_box { min-height:230px; box-sizing:border-box; overflow:hidden; }
.sub2_3_3_box4 .contents_box .title { padding:10px; font-size:1.25em; color:#333; }
.sub2_3_3_box4 .contents_box .cnt { line-height:1.5; padding:10px; font-size:1em; color:#666; }
.sub2_3_3_box4 > ul > li:nth-child(odd) .contents_box { background:#f5f5f5; }
.sub2_3_3_box4 > ul > li:nth-child(even) .contents_box { background:#ddd; }

@media (max-width:1024px){}
@media (max-width:800px){
	.sub2_3_3_box4 .contents_box .cnt { font-size:0.9375em; }
}
@media (max-width:768px){
	.sub2_3_3_arrow { height:100px; overflow:hidden; }
	.sub2_3_3_arrow img { height:100%; }
	.sub2_3_3_box2 ul.sub2_3_3_list2 li:nth-child(odd) { width:29%; }
}
@media (max-width:640px){
	.sub2_3_3_box2 ul.sub2_3_3_list1 li { font-size:0.9375em; }
	.sub2_3_3_box2 ul.sub2_3_3_list2 li { display:block; float:none; vertical-align:top; font-size:0.9375em; }
	.sub2_3_3_box2 ul.sub2_3_3_list2 li:nth-child(odd) { width:100%; }
	.sub2_3_3_box2 ul.sub2_3_3_list2 li:nth-child(even) { width:100%; height:50px; overflow:hidden; }
	.sub2_3_3_box2 ul.sub2_3_3_list2 li:nth-child(even) img { width:auto; margin-top:-60px; }

	.sub2_3_3_box4 .text { margin-bottom:20px; padding:10px; font-size:0.9375em; }

	.sub2_3_3_box4 > ul > li { width:33.33%; }
	.sub2_3_3_box4 .photo img { width:100%; }
	.sub2_3_3_box4 .contents_box { min-height:180px; }
	.sub2_3_3_box4 .contents_box .title { font-size:1em; }
	.sub2_3_3_box4 .contents_box .cnt { font-size:0.875em; }
}
@media (max-width:480px){
	.sub2_3_3_box2 .center_txt { display:block; width:150px; height:150px; line-height:150px; margin:0 auto 20px; font-size:1.25em; font-weight:600; }
	.sub2_3_3_box2 ul.sub2_3_3_list1 li { display:inline-block; float:none; }
	.sub2_3_3_box2 ul.sub2_3_3_list1 { margin:0 0 30px; }
	.sub2_3_3_box2 ul.sub2_3_3_list1 li { width:100%; padding-top:10px; padding-bottom:10px; font-size:0.8125em; color:#666; text-align:center; word-break:keep-all; border-top:2px solid #1c63b4; }
	.sub2_3_3_box2 ul.sub2_3_3_list1 li:first-child { margin-left:0; }

	.sub2_3_3_box4 > ul > li { width:50%; }
	.sub2_3_3_box4 > ul > li:nth-child(2n+1) { clear:both; padding-bottom:20px; }

	.sub2_3_3_box4 .photo { box-sizing:border-box; overflow:hidden; }
	.sub2_3_3_box4 .photo img { max-width:100%; }
	.sub2_3_3_box4 .contents_box { min-height:90px; box-sizing:border-box; overflow:hidden; }
	.sub2_3_3_box4 .contents_box .title { height:auto; padding:10px 0; font-size:0.9375em; }
	.sub2_3_3_box4 .contents_box .cnt { padding:0; font-size:0.8125em; }

	.sub2_3_3_box4 > ul > li:nth-child(odd) .contents_box { background:#fff; }
	.sub2_3_3_box4 > ul > li:nth-child(even) .contents_box { background:#fff; }
}
@media (max-width:360px){
	.sub2_3_3_box4 .contents_box { min-height:80px; }
}