/* Formbox */
.input_box {border:1px solid #ddd; padding:0.75em 1em; color:#848484; vertical-align:middle; -moz-box-sizing:border-box; -ms-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; }
textarea {border:1px solid #ddd; padding:0.75em 1em; color:#848484; vertical-align:middle; -moz-box-sizing:border-box; -ms-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; }


/* Btn style */
.btn-A {background:#6dcec1; display:inline-block; padding:7px 10px; color:#fff; font-size:12px; }
.btn-ok {background:#6dcec1;display:inline-block; padding:20px 40px; color:#fff; font-size:16px; }
.btn-cancel {background:#bababa; display:inline-block; padding:20px 40px; color:#fff; font-size:16px; }

/* Product List */
.proBox {position:relative; padding-top:0px;}
.proBox .pro-list-title {border:5px solid #ededed; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; display:table; padding:45px 30px; }
.row-list {display:table-row; width:100%;}
.pro-list-title .pro-list-img {width:48%; display:table-cell; vertical-align:middle; }
.pro-list-title .pro-list-img img{display:block; width:100%; height:100%; border:1px solid #ddd; }
.pro-list-title .pro-list-txt {width:55%; display:table-cell;  vertical-align:top; padding-top:20px; margin-left:10%; padding-left: 25px; }
.pro-list-txt > div {display:block; color:#848484; font-size:16px; line-height:26px;}
.pro-list-txt > span {display:block; color:#5d5d5d; font-size:20px; line-height:30px}
.pro-list-txt > span.list-txt-title {display:block; color:#515151; font-size:37px; padding-bottom:20px; line-height:37px; }
.pro-list-txt div li{list-style:none! important; float:left; margin-right:5px; border: 1px solid #ddd; margin-bottom: 5px; text-align: center; width:48.8%; letter-spacing:-1.5px;}
.pro-list-txt div li:nth-child(2n){ margin-right:0; }

@media (max-width:1169px) {
.pro-list-txt div li{width:48.8%;}
.pro-list-txt div li:nth-child(2n){ margin-right:0; }
	}
@media (max-width:767px) { 
.pro-list-txt div li{ width:100%; }
.pro-list-txt div li:nth-child(2n){margin-right:0;}
}

.pro-list {margin-top:40px; overflow:hidden}
.pro-list .pro-list-box {float:left; width:360px; max-height:140px; min-height:140px; margin:0 0 10px 10px; border:1px solid #ededed; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box;  padding:20px;}
.pro-list .pro-list-box:nth-child(3n+1) {float:left; max-height:140px; width:360px; margin:0 0 10px 0; border:1px solid #ededed; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box;  padding:20px;}
.pro-list-box .list-box {display:table-row; width:100%;}
.list-box .list-box-img {width:60%; display:table-cell; vertical-align:middle; }
.list-box .list-box-img img {display:block; width:150%; }
.list-box .list-box-txt {width:50%; display:table-cell;  vertical-align:top; /*padding-top:10px;*/ margin-left:15%;}
.list-box-txt > span {margin-left: 10px; display:block; color:#515151; font-size:18px; /*max-height:20px;*/ overflow:hidden; width:170px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.list-box-txt > span.btnn { margin-left:10px; display:block; max-height:30px; width:auto !important; overflow:hidden; white-space:inherit; text-overflow:inherit;}
.list-box-txt > p { margin-left:10px; display:block; color:#848484; font-size:12px; line-height:18px; max-height:40px; height:inherit !important; padding-top:5px; width:170px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}	

@media (max-width:1169px) {
.proBox {width:95%; margin:0 auto; padding-top: 30px; }
.proBox .pro-list-title {border:5px solid #ededed; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; display:table; padding:20px; }
.row-list {display:table-row; width:100%;}
.pro-list-title .pro-list-img {display:none;}
.pro-list-title .pro-list-txt {width:100%; display:table-cell;  vertical-align:top; padding:0}
.pro-list-txt > p {display:block; color:#848484; font-size:12px; line-height:18px;}
.pro-list-txt > span {display:block; color:#5d5d5d; font-size:16px; line-height:20px; padding-bottom:10px;}
.pro-list-txt > span.list-txt-title {display:block; color:#515151; font-size:23px; padding-bottom:10px}
.list-box .list-box-img {width:30% !important; display:table-cell; vertical-align:middle;}
.list-box .list-box-img img {display:block;}
.list-box .list-box-txt {width:60%; display:table-cell; vertical-align:top; padding-top:0; margin-left:10%; text-align:left;}
.pro-list .pro-list-box {width:100%; max-height:200px !important; overflow:hidden; margin:0 0 10px 0; padding:20px 10px;}
.pro-list .pro-list-box:nth-child(3n+1) {width:100%; height:100% !important; overflow:hidden; margin:0 0 10px 0; padding:20px 10px;}
.list-box-txt > span {display:block; color:#515151; font-size:18px; max-height:30px; overflow:hidden; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.list-box-txt > span.btnn {display:block; max-height:30px; padding:5px 0;}
.list-box-txt > p {display:block; color:#848484; font-size:12px; line-height:18px; max-height:55px; width:300px; overflow:hidden; white-space:inherit; text-overflow:inherit;}

.btn-A {background:#6dcec1; display:inline-block; padding:7px 10px !important; color:#fff; font-size:12px; }
}


@media (max-width:767px) {
.list-box .list-box-img{ width:35%! important;}
.pro-list .pro-list-box {width:100%; height:100% !important; overflow:hidden; margin:0 0 10px 0; padding:20px 10px;}
.list-box-txt > p {display:block; color:#848484; font-size:12px; line-height:18px; max-height:55px; width:205px; overflow:hidden; white-space:inherit; text-overflow:inherit;}
}

@media (max-width:400px) {
.list-box .list-box-img{ width:35%! important;}
.list-box-txt > p {display:block; color:#848484; font-size:12px; line-height:18px; max-height:55px; width:150px; overflow:hidden; white-space:inherit; text-overflow:inherit;}
}
/*
@media (max-width:767px) {
.list-box .list-box-img {width:30%; display:table-cell; vertical-align:middle; text-align:center;}
.list-box .list-box-img img {display:block;}
.list-box .list-box-txt {width:65%; display:table-cell;  height:100%; vertical-align:top; padding-top:0; }
}
*/
/* Product View */
.proBox .pro-view-title {border-bottom:1px solid #ededed; min-height:300px; display:table; width:100%; padding-bottom:50px;} 
.pro-view-title .pro-view-img {width:41%; display:table-cell; }
.pro-view-title .pro-view-img img{display:block; width:100%; height:100%; border:1px solid #ddd;}
.pro-view-title .pro-view-txt {width:50%; display:table-cell;  vertical-align:top; padding-top:40px; margin-left:10%; padding-left:25px;}
.pro-view-txt > p {display:block; color:#848484; font-size:16px; line-height:26px;}
.pro-view-txt > span {display:block; color:#5d5d5d; font-size:20px; line-height:30px}
.pro-view-txt > span.view-txt-title {display:block; color:#515151; font-size:40px; padding-bottom:20px; line-height:45px;}
.pro-view {margin-top:40px; overflow:hidden}
.pro-view .view-cont {overflow:hidden; margin-bottom:60px;}
.view-cont h2 {color:#4e4e4e; font-size:30px; font-weight:bold}
.view-cont p {line-height:22px; color:#848484; font-size:16px}
.pro-view-item {display:block; vertical-align:middle; color:#4e4e4e; font-weight:bold; font-size:25px; }
/*.pro-view-layer {display:none}*/
.pro-view-layer .view-layer {padding:20px 0; line-height:22px}
.arrow-btn {display:inline-block; background:#6dcec1; padding:5px; margin-right:10px; cursor:pointer;}
.arrow-btn img {width:18px; height:18px; display:block}
.btn-Box {text-align:center;}

@media (max-width:1169px) {
.proBox .pro-view-title {border-bottom:1px solid #ededed; display:block; padding-bottom:20px}
.pro-view-title .pro-view-img {width:100%; display:block; }
.pro-view-title .pro-view-img img{  }
.pro-view-title .pro-view-txt {width:100%; display:block; vertical-align:top; margin-top:-25px; margin-left:0%; padding-left:5px;   overflow-x:hidden;}
.pro-view-txt > p {display:block; color:#848484; font-size:12px; line-height:18px;}
.pro-view-txt > span {display:block; color:#5d5d5d; font-size:16px; line-height:20px; padding-bottom:10px;}
.pro-view-txt > span.view-txt-title {display:block; color:#515151; font-size:23px; padding-bottom:10px}
.pro-view-layer .view-layer {padding:20px 0; line-height:20px; font-size:13px}
}


/* table */
.table-1 {width:100%; border-top:2px solid #333; }
.table-1 th {color:#848484; padding:1.5em 3em; font-size:0.85em; border-bottom:1px solid #ddd; vertical-align:middle; background:#fbfbfb; text-align:left; }
/*.table-1 tr:nth-child(2n) th {background:#f5f5f5}*/
.table-1 td {border-bottom:1px solid #ddd; font-size:0.825em; padding:1.5em 3em; color:#848484; vertical-align:middle; }
.table-1 td:first-child {border-left:0; }
/*.table-1 tr:nth-child(2n) td {background:#fbfbfb; }*/

.table-3 {width:100%; border-top:2px solid #333; }
.table-3 th {padding:1.5em 2em; font-size:0.85em; border-bottom:1px solid #ddd; vertical-align:middle; background:#666; text-align:center; color:#fff}
.table-3 td {border-bottom:1px solid #ddd; font-size:0.825em; padding:1em 2em; color:#848484; vertical-align:middle; text-align:center;}
.table-3 td.bg_11 {border-bottom:1px solid #ddd; font-size:0.825em; padding:1em 2em; color:#848484;  background:#ececec;  vertical-align:middle; text-align:center;}
.table-3 td:first-child {border-left:0; }


@media (max-width:1169px) { 
	.table-1 th {font-size:0.8em; padding:1em 1em;}
	.table-1 td {font-size:0.825em; padding:1em 0.5em; color:#6b6b6b; text-align:left; }
		
	.table-3 th {font-size:0.8em; background:#666; color:#fff; text-align:center;}
	.table-3 td {font-size:0.825em; padding:0.5em 0.2em; color:#6b6b6b; text-align:center;}
	.table-3 td.bg_11 {font-size:0.825em; padding:0.5em 0.2em; color:#6b6b6b; text-align:center;  background:#ececec;}
}


.tab_menu {overflow:hidden;}
.tab_menu li {float:left; margin-right:6px; text-align:center; font:bold 16px 'NanumGothic' }
.tab_menu li > span {display:block; border:1px solid #ededed; width:180px; height:42px; line-height:44px; cursor:pointer; border-radius:10px 10px 0 0;}
.tab_menu li.on > span {background:#fc8e23; border:0; height:44px; color:#fff;  line-height:44px;  }

.history {display:none; clear:both; background:url('../images/sub/con_img12.png') no-repeat 0 70px; overflow:hidden; padding:0 0 50px 370px; min-height:400px}
.history dl {padding:3.5em 0 0; overflow:hidden; }
.history dt {float:left; width:130px; font-size:2em; }
.history dt > p {background:url('../images/sub/head_bar.png') no-repeat; color:#777; padding-top:0.5em; font-size:0.7em; font-weight:bold; }
.history dd {float:left; padding-bottom:10px; min-height:2em; color:#767676; line-height:1.75em; }
.history ul li {position:relative;}
.history ul li > span {padding-right:10px; color:#434343; font-weight:bold;}

@media (max-width:768px) { 

.tab_menu li > span {width:130px; }
.tab_menu li.on > span{ background:#7db2d0;}

.history{ background:#fff; padding:0 0 0 20px; }
.history dl{width:100%; float:none; }
.history dt{width:100%; float:none; }
.history dd{width:100%; float:none; margin-top: 15px; }

}

ul.tabs {	overflow:hidden; margin-bottom:0px;}
ul.tabs li { float:left; margin-right:6px; text-align:center; font:bold 16px 'NanumGothic' }
ul.tabs li a {display:block; border:1px solid #ededed; width:180px; height:42px; line-height:44px; cursor:pointer; border-radius:10px 10px 0 0;}
html ul.tabs li.active { border:0; height:43px; color:#fff;  line-height:44px;  }
html ul.tabs li.active a {color:#fff; background:#fc8e23;}

#map-canvas {height:400px; border:3px solid #e5e5e5; position:relative; overflow:hidden; margin-top:25px;}
#map-canvas2 {height:400px; border:3px solid #e5e5e5; position:relative; overflow:hidden; margin-top:25px;}
#map-canvas3 {height:400px; border:3px solid #e5e5e5; position:relative; overflow:hidden; margin-top:25px;}
#map-canvas4 {height:400px; border:3px solid #e5e5e5; position:relative; overflow:hidden; margin-top:25px;}
#map_con {padding-top:10px; line-height:180%;}
.big_txt2{padding:10px 0 10px 0;  font-size:1.3em; font-weight:600; }

.map_con p {background:url('../images/sub/con_0105.png') no-repeat left 0; margin:0.7em 0; padding:1em 0 1em 3.5em; color:#898989; font-size:1.05em; position:relative;}
.map_con p > span {color:#313131; font-family:'NanumGothic';}
.map_con .tel {background-position:0 -103px; }

@media (max-width:768px) { 

ul.tabs li a{width:100px; }
html ul.tabs li.active a { background:#f9a512;}
#map-canvas {width:95%; height:250px; border:3px solid #e5e5e5; position:relative; overflow:hidden; margin-left:6px;}
#map-canvas2 {width:95%; height:250px; border:3px solid #e5e5e5; position:relative; overflow:hidden; }
#map-canvas3 {width:95%; height:250px; border:3px solid #e5e5e5; position:relative; overflow:hidden; }
#map-canvas4 {width:95%; height:250px;border:3px solid #e5e5e5; position:relative; overflow:hidden; }
#map_con {padding-top:10px; line-height:180%;}
.map_con p {background:url('../images/sub/con_0105.png') no-repeat left 0; margin:0.7em 0;  padding:1em 0 1em 3.5em; color:#898989; font-size:1.05em; position:relative;}
.map_con p > span {color:#313131; font-family:'NanumGothic';}
.map_con .tel {background-position:0 -103px; }

}

.tab_menu3 {overflow:hidden;}
.tab_menu3 li {float:left; margin-right:6px; text-align:center; font:bold 16px 'NanumGothic' }
.tab_menu3 li > span {display:block; border:1px solid #ededed; width:180px; height:42px; line-height:44px; cursor:pointer; border-radius:10px 10px 0 0;}
.tab_menu3 li.on > span {background:#fc8e23; border:0; height:44px; color:#fff;  line-height:44px;  }

@media (max-width:768px) { 
.tab_menu3 {overflow:hidden;}
.tab_menu3 li {float:left; margin-right:2px; text-align:center; font:bold 16px 'NanumGothic' }
.tab_menu3 li > span {display:block; border:1px solid #ededed; width:80px; height:42px; line-height:44px; cursor:pointer; border-radius:10px 10px 0 0;}
.tab_menu3 li.on > span {background:#fc8e23; border:0; height:44px; color:#fff;  line-height:44px;  }

}

.table-2 {width:100%; border-top:2px solid #5e5e5e; }
.table-2 caption {display:none; }
.table-2 th {border-bottom:1px solid #e6e6e6; background:#eff5f8; color:#313131; font-weight:normal; text-align:center; padding:0.75em 1em; }
.table-2 td {border-bottom:1px solid #e6e6e6; font-size:0.9em; border-left:1px solid #e6e6e6; padding:0.75em 1em; color:#707070; text-align:center; }
.table-2 td:first-child {border-bottom:1px solid #e6e6e6; font-size:0.9em; border-left:0px solid #e6e6e6; padding:0.75em 1em; color:#707070; text-align:center; }
.tab_menu2 {width:100%; overflow:hidden; margin-bottom:50px; overflow:hidden;}
.tab_menu2 li {float:left; margin:0; text-align:center; font-size:1.15em;}
.tab_menu2 li:first-child {float:left; margin:0; text-align:center; font-size:1.15em;}
.tab_menu2 li {display:block; border:1px solid #ededed; height:42px; line-height:42px; cursor:pointer; width:141px; margin: 0 0 0 -1px;}
.tab_menu2 li:nth-child(6n+1) {display:block; border:1px solid #ededed; height:42px; line-height:42px; cursor:pointer; width:141px; margin:0}

.tab_menu2 li.on {display:block; background:url('../images/sub/tab_bg.png') repeat-x center; display:block; color:#fff; font-weight:bold;  border:1px solid #ededed; height:42px; line-height:42px; cursor:pointer; width:141px; margin: 0 0 0 -1px;}
.tab_menu2 li.on:nth-child(6n+1) {display:block; background:url('../images/sub/tab_bg.png') repeat-x center; display:block; color:#fff; font-weight:bold;  border:1px solid #ededed; height:42px; line-height:42px; cursor:pointer; width:141px; margin:0;}

@media (max-width:768px) { 
.table-2{width:650px;}
.table_box111{overflow:auto;}
.table-2 td{padding:0.75em 0.1em; }
.tab_menu2 {width:100%; }
.tab_menu2 li{width:19.5%;}
.tab_menu2 li:first-child{width:19.5%;}
.tab_menu2 li.on { width:19.5% !important; }
.tab_menu2 li:nth-child(6n+1) {width:19.5%;}
}

.conBox {position:relative; overflow:hidden}
.conBox > h2 {height:17px; padding-bottom:19px; position:relative; background:url('../images/sub/blt_product.png') no-repeat 0 5px; padding-left:30px; color:#333}
.cont {position:relative; padding-top:30px;}



/*사이트맵*/
.sitemap {position:relative; min-height:440px;}
.sitemap dl.eng{ width:25%; float:left;}
.sitemap dl dt {height:30px; border-bottom:2px solid #0072bd;  font-weight:bold; font-size:1.1em; color:#434343;text-align: center; }
.sitemap dl dd {font-size:13px; font-weight:normal; color:#666; letter-spacing:-0.04em; text-align: center;line-height:17px; padding:9px 0px; border-bottom:1px solid #ebebeb; }

@media (max-width:768px) { 

.sitemap {position:relative; min-height:none;}
.sitemap dl.eng{ width:100%; padding: 0; margin-bottom:20px;  }
.sitemap dl{float:none; }
.sitemap dl.eng{ float:none;}
.sitemap dl:first-child{float:none;}
.sitemap dl dt{text-align: center;}
.sitemap dl dd{text-align: center;}
}

/*고객사*/
.table_box111 .logo_box{width:1100px; margin:0 auto;}
.logo_box ul{width:100%;}
.logo_box li{width:348px; height:150px; border:1px solid #ddd; float:left; margin-left:15px; margin-bottom: 15px;}
.logo_box li.first{margin-left: 0; }
.logo_box li img{display:block; width:100%; height:100%;}

@media (min-width:769px) and (max-width:1169px) {
	.table_box111 .logo_box{width:100%;}
	.logo_box ul{width:100%;}
	.logo_box li{width:31%; height:150px; border:1px solid #ddd; float:left; margin-left:15px; margin-bottom: 15px;}
	.logo_box li.first{margin-left: 0; }
	.logo_box li img{display:block; width:100%; height:100%;}
	}

@media (max-width:768px) { 
	.table_box111 .logo_box{width:100%;}	
	.logo_box li{width:90%; height:130px; float:none; margin-left:15px; margin-bottom: 15px;  }
	.logo_box li img{display:block; width:100%; height:100%;}
	.logo_box li.first{margin-left:15px; }
	}
	
.view_box1{ width:97%; border-radius:5px; border:1px solid #ddd; padding:20px 15px;}
.view_box1 h3{ font-size:1.3em; font-weight:600; color:#333; }
.view_box1 p{display:inline-block; padding-top:25px;  padding-left: 15px; }
.view_box1 p span{margin-right: 5px; color:#333; }
.view-cont p span{white-space:pre;}
.view_box1 img{ display:inline-block; width:95px;}

@media (min-width:769px) and (max-width:1169px) {
.view_box1{ width:94%; border-radius:5px; margin:20px auto; }	
}
@media (max-width:768px) { 
.view_box1{ width:91%;}
.view_box1 h3{margin-left: -7px; background-image:url("../images/sub/phone.png"); font-size:1.2em; background-size:40px 40px; background-position:left 10px top 0px; background-repeat:no-repeat; text-indent:55px; height:40px; line-height:40px;}
.view_box1{padding:20px 10px; width:90%; margin:20px auto; }
.view_box1 p{padding-left:0px; padding-top: 5px;  padding-left: 10px; }
.view_box1 p span{display:block; margin-right: 0; white-space:inherit;}
.view_box1 p span.txt{ color:#22589b; font-weight: bold; line-height:30px; }
.view_box1 img{ display:none;}
}


.list_table1{border:1px solid #ddd; width:100% }
.list_table1 tr{ border:1px solid #ddd;}
.list_table1 tr td{ width:33%; text-align: center; padding: 5px; border:1px solid #ddd; }

.view-layer .model-title{font-size: 20px; font-weight: 500; color: #4e4e4e; margin-bottom: 10px;}
.view-layer .dimensions-title{color: #4e4e4e; margin-bottom: 10px; margin-top: 20px;}