/* 서브 프레임 */
.sub_visual { display:block; height:306px; overflow:hidden; }
.sub_visual img { position:absolute; left:50%; margin-left:-1000px; }
.sub_visual1 { background:url('../../images/common/sub_visual1.jpg') no-repeat center top; }
.sub_visual2 { background:url('../../images/common/sub_visual2.jpg') no-repeat center top; }
.sub_visual3 { background:url('../../images/common/sub_visual3.jpg') no-repeat center top; }
.sub_visual4 { background:url('../../images/common/sub_visual4.jpg') no-repeat center top; }
.sub_visual5 { background:url('../../images/common/sub_visual5.jpg') no-repeat center top; }

#sub_body { display:block; width:auto; max-width:1200px; margin:63px auto 100px; padding:0; box-sizing:border-box; overflow:hidden; }
#sub_body .ln_area { display:block; float:left; width:238px; border:1px solid #dbdbdb; }
#sub_body .sub_cnt { display:block; float:right; width:891px; min-height:400px; padding:5px 0 0;  }

/* 서브 : 헤드라인 2 */
.h2_label { padding:35px 0 25px; font-size:1.5em; font-weight:400; color:#fff; text-align:center; background:#21364f; background-size:cover; }
.h2_label span { display:block; padding:0 0 10px; background:url('../../images/common/h2_line.gif') no-repeat center bottom; }

.h3_label { margin:0; padding:0 0 25px; font-size:2.06em; ; font-weight:600; color:#000; }
.h3_label sub { font-size:0.62em; }
.h4_label { line-height:1.5; margin:0 0 25px; padding:15px 0 0; font-size:1.25em; font-weight:600; color:#333; background:url('../../images/common/h4_bar.gif') no-repeat left top; }
.h4_label sub { font-size:0.62em; }
.h4_label2 { display:block; margin:0 0 25px; padding:0 0 20px; font-size:1.62em; font-weight:600; color:#333; text-align:center; background:url('../../images/common/h4_bar.gif') no-repeat center bottom; }

/* Local Navigation */
.ln { display:block; list-style:none; margin:0; overflow:hidden; }
.ln > li { display:block; border-bottom:1px solid #f8f8f8; overflow:hidden; }
.ln > li:nth-last-child(1) { border-bottom:0; }
.ln > li > a { display:block; height:50px; line-height:50px; padding:0 25px 0 23px; font-size:0.93em; color:#999; overflow:hidden; }
.ln > li:hover > a { font-weight:600; color:#333; background:url('../../images/common/ln_arrow.gif') no-repeat 95% center; }
.ln > li.current > a { font-weight:600; color:#333; background:url('../../images/common/ln_arrow.gif') no-repeat 95% center; }
.ln > li > a sub { font-size:0.62em; }

.ln > li > .sln { display:none; list-style:none; margin:0; padding:13px 0 13px 12px; background:#f5f5f5; }
.ln > li > .sln > li { display:block; }
.ln > li > .sln > li > a { display:block; padding:8px 0 8px 10px; font-size:0.93em; font-weight:400; color:#999;}
.ln > li > .sln > li:hover > a {color: #2c344c;}
.ln > li > .sln > li.current > a {color: #2c344c;}
.ln > li.current > .sln { display:block; }





.feedback { position:relative; display:block; margin:0 0 69px; border-bottom:1px solid #999; }
.feedback .process { position:absolute; right:0; top:15px; }
.feedback .process span { display:inline-block; font-size:0.75em; color:#666; }
.feedback .process span.arrow { margin-top:2px; padding:0 4px; vertical-align:middle; }
.feedback .process sub { font-size:0.1em; vertical-align:bottom; }


/* 20210706 slnb */
.slnb {margin-bottom: 30px;}
.slnb li{width: calc(50% - 5px); float: left; margin-right: 10px; }
.slnb li:last-child{margin-right: 0;}
.slnb a{line-height: 48px; color: #fff; border: 1px solid #00aeef; color: #00aeef; display: block; text-align: center;  -webkit-transition: 0.3s; -moz-transition:0.3s; -ms-transition:0.3s;-o-transition:0.3s; transition:0.3s;}
.slnb li:hover a,
.slnb li.current a{color: #fff; background: #00aeef;}

.feedback202 {margin: 0 0 30px;}

/* 20210706 가공 > 정밀부품가공 */
.img_list p{text-align: center; line-height:50px; color: #fff; background: #666666; font-size:0.93em;}

/* 20210706 Material(Target) */
.table_box{color: #666;width: 100%; /* table-layout: fixed; */ text-align: center; margin-bottom: 30px;}
.table_box tr:first-child th{color: #fff; background: #2c344c; width: 12.45%;}
.table_box tr:first-child th:first-child{width: 25.3%;}
.table_box tr:first-child th span{color: #00aeef; display: block; margin-top: 3px;}
.table_box tr:nth-child(n+2) th{background: #f9f9f9;}
.table_box th ,
.table_box td {border-right: 1px solid #ddd; height: 50px; vertical-align: middle; border-bottom: 1px solid #ddd;}
.table_box td:last-child {border-right: none;}
.table_box .w75{width: 75px;}
.table_box .color_b{color: #333; font-weight: 700;}
.img_box figure img{max-width: 100%;}






@media (max-width:1200px) {
	#sub_body { width:1200px; }
}
@media (max-width:1024px) {
	#sub_body { max-width:100%; }
	#sub_body .ln_area { display:none; }
	#sub_body .sub_cnt { float:none; width:100%; padding:0 10px; box-sizing:border-box; }
	
	.h3_label { margin:0 3% 15px; padding:38px 0 15px; font-size:1.87em; font-weight:600; color:#000; border-bottom:1px solid #bdbdbd; }
	.h4_label { font-size:1.37em; }

	.feedback { margin:0 0 30px; border-bottom:0; }
	.feedback .process { position:relative; right:auto; top:auto; padding:15px 20px; color:#666; border-bottom:1px solid #bdbdbd; }

}


@media (max-width:768px) { 

	.table_box{font-size: 14px;}
	
}

@media (max-width:640px) {
	.h3_label { font-size:1.56em; }
	.h4_label { font-size:1.25em; }
	.h4_label2 { font-size:1.25em; }

	.sub_visual { display:block; height:306px; margin-top:70px; }
	.sub_visual img { display:none; }
	.sub_visual1 { background:url('../../images/common/sub_visual1.jpg') no-repeat 85% top; }
	.sub_visual2 { background:url('../../images/common/sub_visual2.jpg') no-repeat 85% top; }
	.sub_visual3 { background:url('../../images/common/sub_visual3.jpg') no-repeat 50% top; }
	.sub_visual4 { background:url('../../images/common/sub_visual4.jpg') no-repeat 85% top; }
	.sub_visual5 { background:url('../../images/common/sub_visual5.jpg') no-repeat 40% top; }
	.table_box{font-size: 12px;}
	
}

@media (max-width:480px) {
	.h3_label { font-size:1.25em; }
	.h4_label { font-size:1em; }
	.common_text { line-height:1.8; font-size:0.8125em; color:#666; }
	.slnb a { line-height: 40px; font-size: 0.93em;}

}



/* 반응형 테이블 : 실적 */
.record_box { display:block; border-top:1px solid #ccc; box-sizing:border-box; overflow:hidden; }
.record_box .div_table { display:table; table-layout:fixed; width:100%; border-collapse:collapse; border-spacing:0; }
.record_box .div_table .div_tr { display:table-row; }
.record_box .div_table .div_th, .record_box .div_table .div_td { position:relative; display:table-cell; font-size:0.875em; color:#666; line-height:1.6; empty-cells:hide; text-align:center; vertical-align:middle; border:1px solid #ddd; border-right:0; overflow:hidden; }
.record_box .div_table .div_th:nth-child(1), .record_box .div_table .div_td:nth-child(1) { border-left:0; }
.record_box .div_table .div_th { font-weight:600; color:#333; background:#f9f9f9; border-right:1px solid #ddd; }

.record_box .div_table .div_th .rowspan, .record_box .div_table .div_td .rowspan { list-style:none; }
.record_box .div_table .div_th .rowspan > li, .record_box .div_table .div_td .rowspan > li { position:relative; display:block; border-bottom:1px solid #ddd; }
.record_box .div_table .div_th .rowspan > li:nth-last-child(1), .record_box .div_table .div_td .rowspan > li:nth-last-child(1) { border-bottom:0; }

.record_box .div_table .div_th .colspan > li, .record_box .div_table .div_td .colspan > li { position:relative; display:block; float:left; border-right:1px solid #ddd; box-sizing:border-box; }
.record_box .div_table .div_th .colspan > li:nth-last-child(1), .record_box .div_table .div_td .colspan > li:nth-last-child(1) { border-right:0; }
.record_box .div_table .div_th .colthree > li, .record_box .div_table .div_td .colthree > li { width:33.33%; }
.record_box .div_table .div_th .colfour > li, .record_box .div_table .div_td .colfour > li { width:25%; }
.record_box .div_table .div_td .colspan2 > li { width:50%; }

.record_box .div_table .space { display:inline-block; padding:10px 5px; }
.record_box .div_table .pos { position:absolute; left:0; right:0; top:50%; margin-top:-11px; }
.record_box .div_table img { display:block; width:100%; }

.record_box .div_table .div_th:nth-child(1) { width:20%; }
.record_box .div_table .div_th:nth-child(2) { width:20%; }
.record_box .div_table .div_th:nth-child(3) { width:40%; }
.record_box .div_table .div_th:nth-child(4) { width:20%; }

.record_box2 .div_table .div_td .rowspan li { text-align:left; padding-left:10px; }
.record_box2 .div_table .div_th:nth-child(1) { width:20%; }
.record_box2 .div_table .div_th:nth-child(2) { width:80%; }

@media (max-width:640px){
	.record_box .div_table { display:block; }
	.record_box .div_table .div_tr { display:block; }
	.record_box .div_table .div_th { position:relative; display:none; }
	.record_box .div_table .div_td { position:relative; display:block; text-align:left; border-bottom:0; border-left:0; }
	.record_box .div_table .div_td li { border:0; }
	.record_box .div_table .space { margin-left:117px; }
	.record_box .div_table .div_tr .div_td:first-child .space { margin-left:125px; }
	.record_box .div_table .pos { position:relative; left:auto; right:auto; top:auto; display:block; margin-top:auto; margin-left:117px; padding:10px 5px; }

	.record_box .div_table .div_th .colspan > li, .record_box .div_table .div_td .colspan > li { display:block; float:none; width:100%; border-right:0; }
	.record_box .div_table .div_td .pn { display:none; }

	.record_box .div_table .div_td:nth-child(3) { padding:30px 0 0; }
	.record_box .div_table .div_td:last-child { margin-bottom:30px; border-bottom:1px solid #ddd; }
	
	.record_box .div_table .div_td:nth-child(1):before { position:absolute; left:0; top:10px; color:#333; content:'\▶ Model명'; }
	.record_box .div_table .div_td:nth-child(2):before { position:absolute; left:0; top:10px; color:#333; content:'\▶ Etching target'; }
	.record_box .div_table .div_td:nth-child(3):before { position:absolute; left:0; top:10px; color:#333; content:'\▶ 재료별 내식성 (Corrosion resistance)'; }
	.record_box .div_table .div_td:nth-child(4):before { position:absolute; left:0; top:10px; color:#333; content:'\▶ 특징'; }

	.record_box .div_table .div_td:nth-child(3) .colthree > li:nth-child(1):before { position:absolute; left:15px; top:10px; color:#333; content:'\- Invar'; }
	.record_box .div_table .div_td:nth-child(3) .colthree > li:nth-child(2):before { position:absolute; left:15px; top:10px; color:#333; content:'\- SUS420'; }
	.record_box .div_table .div_td:nth-child(3) .colthree > li:nth-child(3):before { position:absolute; left:15px; top:10px; color:#333; content:'\- AI'; }

	.record_box .div_table .div_td:nth-child(3) .colfour > li:nth-child(1):before { position:absolute; left:15px; top:10px; color:#333; content:'\- Mo'; }
	.record_box .div_table .div_td:nth-child(3) .colfour > li:nth-child(2):before { position:absolute; left:15px; top:10px; color:#333; content:'\- Ti'; }
	.record_box .div_table .div_td:nth-child(3) .colfour > li:nth-child(3):before { position:absolute; left:15px; top:10px; color:#333; content:'\- SUS304'; }
	.record_box .div_table .div_td:nth-child(3) .colfour > li:nth-child(4):before { position:absolute; left:15px; top:10px; color:#333; content:'\- A5052'; }

	.record_box3 .div_table .div_td:nth-child(1):before { position:absolute; left:15px; top:10px; color:#333; content:'\- Division'; }
	.record_box3 .div_table .div_td:nth-child(2):before { position:absolute; left:15px; top:10px; color:#333; content:'\- Properties'; }
	.record_box3 .div_table .div_td:nth-child(3):before { position:absolute; left:15px; top:10px; color:#333; content:'\- YAG'; }
	.record_box3 .div_table .div_td:nth-child(4):before { position:absolute; left:15px; top:10px; color:#333; content:'\- YF<sub>3</sub>'; }

	.record_box3 .div_table .div_td:nth-child(3) .colspan > li:nth-child(1):before { position:absolute; left:15px; top:10px; color:#333; content:'\- Mo'; }
	.record_box3 .div_table .div_td:nth-child(3) .colspan > li:nth-child(2):before { position:absolute; left:15px; top:10px; color:#333; content:'\- Ti'; }
	.record_box3 .div_table .div_td:nth-child(3) .colspan > li:nth-child(3):before { position:absolute; left:15px; top:10px; color:#333; content:'\- SUS304'; }
	.record_box3 .div_tab