@charset "utf-8";

/*서브비주얼*/
#subVisual { width:100%; height:250px; position:relative; z-index:10;}
.svl_area, .svl_area li { width: 100%; height:250px; position:relative; } 
.svl_area li img { position: absolute; top: -9999px; right: -9999px; bottom: -9999px; left: -9999px; margin: auto; min-width: 110%; min-height: 110%; z-index:-1; animation:vsImg 5s ease-in-out; }
.svl_area li > div { width:1200px; margin: 0 auto; height: 100%; text-align: center; }
.svl_area h2 { margin-top:150px; color: #fff; font-size:16px; line-height:120%; animation:vsTit 2s ease-in-out; letter-spacing:-0.03em; text-shadow:1px 1px 1px rgba(0,0,0,0.4);}
.svl_area dl { margin-top:20px; color:#fff; animation:vsTit 2s 2s ease-in-out; animation-fill-mode: forwards; opacity:0; }
.svl_area dt { display:inline-block; line-height:20px; font-size:18px; padding:0 10px; letter-spacing:-0.03em; text-shadow:1px 1px 1px rgba(0,0,0,0.4);}
#subVisual .bx-prev,
#subVisual .bx-next {display: none; text-indent: -999em;}
#subVisual .bx-pager {display: none;}

@keyframes vsImg {
	0% { min-width:100%; min-height:100%; }
	100% { min-width:110%; min-height:110%; }
}

@keyframes vsTit {
	0% { opacity:0; padding-top:10%; }
	100% { opacity:1; padding-top:0; }
}

@keyframes vsTit2 {
	0% { opacity:0; margin-top:55px; }
	100% { opacity:1; margin-top:35px; }
}


@media screen and (max-width:1100px) {
	/*서브비주얼*/
	#subVisual, .svl_area, .svl_area li { height:300px; }
	.svl_area li > div { width:100%; box-sizing:border-box; padding:0 10px; }
	.svl_area h2 { margin-top:160px; font-size:22px; }
	.svl_area dt { line-height:100%; font-size:16px; padding:10px 0; }
}

@media screen and (max-width:600px) {
	/*서브비주얼*/
	#subVisual, .svl_area, .svl_area li { height:280px; }
	.svl_area li > div { width:100%; box-sizing:border-box; padding:0 10px; }
	.svl_area h2 { margin-top:180px; font-size:18px; }
	.svl_area dt { display:none}
}

/* 박스 */
.SubBax {width:100%;}
.SubBax h2{color:#444; font-size:18px; line-height:20px; font-weight:600; letter-spacing:-0.01em; font-family:notokrM;}
.SubBax p{color:#444;font-size:14px; line-height:16px; letter-spacing:-0.01em;}
.SubBax span{font-size:14px; color:444; line-height:25px; letter-spacing:-0.01em;}

/* 인사말 */
.sub_in1 { width:100%; margin-bottom:300px; letter-spacing:-0.03em;}
.sub_in1 .tit{ width:100%; letter-spacing:-0.03em; margin-bottom:40px; font-size:25px; color:#000; text-align:center; letter-spacing:-0.04em; line-height:30px;}
.sub_in1 .tit span { color:#1374b6;}
.company01 {}
.company01 > section {}
.company01 > section img { width:100%; }
.company01 .img_txt { position:relative; margin:0 0 190px 0;}
.company01 .img_txt:last-child { margin:0; }
.company01 .img_txt > div { width:57%;}
.company01 .img_txt .img { display:inline-block;}
.company01 .img_txt .txt { background:#f8f8f8; position:absolute;  z-index:10;}
.company01 .img_txt .txt > span { font-size:14px; color:#1374b6;  font-family: 'Play', sans-serif; font-weight:700; display:inline-block;}
.company01 .img_txt .txt > span:before,
.company01 .img_txt .txt > span:after { content:""; width:1px; height:25px; background:#1374b6; display:block;  }
.company01 .img_txt .txt > span:after { margin-top:5px;}
.company01 .img_txt .txt > span:before { margin-bottom:5px;}
.company01 .img_txt:nth-child(1) .txt > span:before,
.company01 .img_txt:nth-child(1) .txt > span:after { margin-left:30px;}
.company01 .img_txt:nth-child(2) .txt > span:before,
.company01 .img_txt:nth-child(2) .txt > span:after { margin-left:auto; margin-right:auto;} 

.company01 .img_txt .txt dl {}
.company01 .img_txt .txt dl dt p {font-size:18px; color:#fff; width:87%; background:#1374b6; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; height:55px; line-height:55px; display:inline-block;}
.company01 .img_txt .txt > span,
.company01 .img_txt:nth-child(1) .txt dl dt p,
.company01 .img_txt:nth-child(1) dl dd { padding-left:50px;}
.company01 .img_txt:nth-child(2) .txt > span,
.company01 .img_txt:nth-child(2) .txt dl dt p,
.company01 .img_txt:nth-child(2) dl dd { padding-right:10%;}
.company01 .img_txt .txt dl dd { line-height:23px; font-size:14px; padding:40px 50px; color:#666;}
.company01 .img_txt:nth-child(1) .txt  { right:0; top:70px; }
.company01 .img_txt:nth-child(2) { text-align:right;}

.company01 .img_txt h2{text-align:right; margin-top:15px; font-size:13px; letter-spacing:-0.01em; color:#666;}
.company01 .img_txt h2 span{font-size:18px; color:#000;}

 
@media screen and (max-width:1200px){
/* 인사말 */
    .sub_in1 {margin-bottom:-20px;}
	.sub_in1 .tit{font-size:22px;line-height:30px; margin-bottom:25px;}
	.company01 .img_txt .txt { position:static; }
	.company01 .img_txt > div { width:100%;}
	.company01 .img_txt .txt > span, 
	.company01 .img_txt .txt dl dt p, 
	.company01 .img_txt dl dd { padding:0 5% !important;}
	.company01 .img_txt dl dd { padding:30px 5% !important;}
	.company01 .img_txt .txt dl dt { font-size:22px;}
	.company01 .img_txt { margin:0 0 85px 0;}
}

@media screen and (max-width:600px){
/* 인사말 */
	.sub_in1 .tit{font-size:16px;line-height:25px;}
	.company01 .img_txt .txt dl dt p {padding-top:10px !important; font-size:15px; width:80%; height:60px; line-height:20px;}
	.company01 .img_txt .txt dl dd { line-height:23px; font-size:13.5px;}
}

/*주요 타이틀 */
.headLine {background:url("/img/sub/line_bg.png") 0 50% repeat-x; display: block; margin:0 0 20px 0; }
.headLine h2 {background-color:#fff;display: inline; padding:0 10px 0 0; color:#000; font-size:23px; letter-spacing:-0.01em;}

.com_info {width:100%; overflow:hidden;}
.com_info .com_left {width:60%; float:left;}
.com_info .com_right{width:40%; float:left;}
.com_info .com_right img{padding-left:50px; width:100%; float:right;}

/* 회사개요 */
table.company {width:100%; color:#666; border-collapse:separate; border-spacing:0; border:none; font-size:14px;}
table.company th {height:1px; background-color:#ddd;}
table.company td:last-child {border-right:1px solid #ddd;}
table.company th:last-child {border-right:1px solid #ddd;}
table.company td {padding:10px 15px; border:#e0e0e0 1px solid; border-top:none; border-right:none;}
table.company tr:hover td {background-color:#fafafa;}
.comTd_bg2 {background-color: #fafafa; width:15%;}

@media (max-width:1100px){
    /* 회사개요 */
	.com_info .com_left{display:none}
    .com_info .com_right{width:100%;float:none;}
}

@media (max-width:768px){
	/* 회사소개-인사말 */
	.gree .left,
	.gree .right{width:100%; float:none;}
	.gree .right{margin-top:30px;}
	.gree .right img{padding-left:0;}
	.gree .left h2{font-size:16px; line-height:25px;}
	.gree .left span{font-size:13px; line-height:14px;}
	.gree .left p span{font-size:16px;}

	/* 회사개요 */
    table.company {font-size:13px;}
    .comTd_bg2 {width:25%;}
}

/* 비전 */
.vision{width:100%; overflow:hidden;}
.vision .graph {text-align:center; position:relative;}
.vision .graph > ul { font-size:0; }
.vision .graph > div { margin:0 0 96px 0; position:relative; width:100%;}
.vision .graph > div > .in p { max-width:1198px; margin:14px auto 0 !important; position:relative; font-size:30px; color:#03317f;}
.vision .graph > div > .in p:after { content:""; width:84.47412353923%; height:1px; background:#d6d6d6; display:block; position:absolute;  left:7.76293823038%; bottom:-39px; }
.vision .graph > div,
.vision .graph > ul li { display:inline-block; }
.vision .graph > ul {  position:relative; max-width:1198px; margin:0 auto;}
.vision .graph > ul li { margin:0 26.71118530885% 0 0; position:relative;} 
.vision .graph > ul li:before { content:""; width:1px; height:42px; background:#d6d6d6; display:block; position:absolute; top:-57px; left:50%;}
.vision .graph > ul li:nth-child(2):before { height:65px; top:-100px; }
.vision .graph > ul li:first-child:before { height:55px; margin:-35px 0 0 -1px;}
.vision .graph > ul li:last-child { margin:0; }
.vision .graph .circle {}
.vision .graph .circle .in2 { display:block;}
.vision .graph .circle .in2 h2 {font-size:20px; color:#000; margin-bottom:15px;}
.vision .graph .circle img {}
.vision .graph .circle p { font-size:15px; margin:14px 0 0 0; letter-spacing:-0.03em; line-height:20px; color:#666;}


@media all and ( max-width:1300px){
	/* 비전 */
	.vision .graph > div > .in p,
	.vision .graph > ul { max-width:768px;}
	.vision .graph > ul li { margin:0 100px 0 0;}
	.vision .graph > div > .in p:after { width: 74.6%; left: 12.762938%;	}
}

@media all and ( max-width:786px){
	/* 비전 */
	.vision .graph > ul li { float:none; width:30%; margin:0 5% 0 0;}
	.vision .graph > div { width:30%;}
	.vision .graph > div > .in p { font-size:25px;}
	.vision .graph > div { margin:0 0 70px 0;}
	.vision .graph > div img,
	.vision .graph > ul li img {max-width:100%; width:auto;}
	.vision .graph > ul li:before { display:none; }
	.vision .graph .circle .in2 h2 {font-size:18px;}
	.vision .graph .circle p { font-size:14px;}
}

@media all and ( max-width:650px){
.vision .graph > ul li { width:100%; margin:0 0 30px 0; position:relative;}
}

/* 연혁 */
/*1_2*/
.history_top_tit { padding-right:70px; text-align:right; height:200px; background:url("/img/sub/his_top_bg.jpg") no-repeat center center; background-size:cover; margin-bottom:50px;}
.history_top_tit .t1 { font-size:2.5em; font-style:italic; color:#fff; padding-top:70px; text-shadow:1px 1px 1px rgba(0,0,0,0.5); font-family:Georgia, "Times New Roman", Times, serif; }
.history_top_tit .t2 { font-size:1.5em; font-style:italic; color:#fff; margin-top:10px; text-shadow:1px 1px 1px rgba(0,0,0,0.5); font-family:Georgia, "Times New Roman", Times, serif; }

.history {overflow:hidden;}
.history .his_text .left_year > p.bg1 {background:url("/img/sub/his_bg.png"); }
.history .his_text .left_year > p.bg2 {background:url("/img/sub/his_bg2.png"); }
.history .his_text{ margin-top:20px; width:100%;}
.history_rt_txt { width:100%; line-height:27px;}
.history .his_text .left_year{float:left; width:10%; margin-left:13%;}
.history .his_text .left_year:hover { opacity:0.9; }
.history .his_text .left_year > p{width:100px; font-size:1.6em; text-align:center; font-weight:600; color:#fff; letter-spacing:-1px; border-radius:8px; border-bottom:2px solid #c5c6c7; padding:6px 20px;}
.history .his_text .right_month{float:left; width:830px; overflow:hidden;  border-bottom:2px solid #e1e1e1; margin-bottom:20px; margin-left:65px;}
.history .his_text .right_month > ul{border-bottom:1px dotted #575757;}
.history .his_text .right_month > li:last-child > ul > li{border:0;}
.history .his_text .right_month .month{clear:both; font-size:25px; line-height:42px; color:#707070;}
.history .his_text .right_month .text{font-size:14px; color:#444; margin-left:10px; font-family:'notokrM';}
.history .his_text .right_month .text ul li{border-bottom:2px dashed #efefef; margin-bottom:10px; padding-bottom:20px; line-height:23px; margin-top:9px; padding-left:12px;
                background:url("/img/sub/txt_con.png") no-repeat 0 12px;}
.history .his_text .right_month .text ul li:last-child{}

@media screen and (min-width:1152px) {
	/* 연혁 */
	.history .his_text .right_month > li{float:left;}
	.history .his_text .right_month .text ul li{width:566px;}
}

@media screen and (min-width:768px) and (max-width:1151px) {
	/* 연혁 */
	.history .his_text .left_year > p{padding:6px 2.5%; }
	.history .his_text .right_month{width:60%; margin-left:40px;}
	.history .his_text .right_month .text{font-size:.99em;}
	.history .his_text .right_month .text ul li{margin-top:9px; padding-left:12px;}
}

@media screen and (max-width: 767px) {
	/* 연혁 */
	.history_top_tit .t1 { font-size:25px;}
    .history_top_tit .t2 { font-size:15px;}

	.history .his_text .left_year{ width:17%; margin:20px 0 0 3%;  }
	.history .his_text .left_year > p{font-size:20px; padding:6px}
	.history .his_text .right_month{ width:100%; margin:15px 0 0 4%;}
	.history .his_text .right_month > li{ }
	.history .his_text .right_month .month{width:15%; font-size:16px;}
	.history .his_text .right_month .text{font-size:13px;}
}

/* CI */
.com_ci {width:100%; overflow:hidden; padding:50px; border:1px solid #ccc; }
.com_ci .left,
.com_ci .right{width:50%; float:left;}
.com_ci .left img{width:100%; padding-right:50px;}
.com_ci .right span{color:#666; line-height:25px; font-size:15px;}
.com_ci_margin {margin-bottom:50px;}
.com_ci_padding {padding-top:20px;}

@media (max-width:960px){
	/* CI */
	.com_ci .left,
	.com_ci .right{width:100%; float:none;}
	.com_ci .right{margin-top:30px;}
	.com_ci .left img{padding-right:0;}
	.com_ci .right span{font-size:13px;}
	.com_ci_margin {margin-bottom:30px;}
    .com_ci_padding {padding-top:0;}
	
}

/* 조직도 */
.organ {width:100%; text-align:center; margin-bottom:20px; border:1px solid #e1e1e1; padding:30px 30px 50px 30px;}

@media screen and (max-width: 1151px) {
/* 1-4조직도 */
.organ {padding:10px 10px 20px 10px;}
.organ img{width:100%;}
}

/* 오시는 길 */
.map_wrap{width:100%; overflow:hidden; position:relative;}
.map_wrap .tit_line{width:100%; /*background:url("/img/sub/line_bg.png") 0 50% repeat-x;*/ display: block; margin:0 0 15px 0;}
.map_wrap .tit_line h2 {background-color:#fff;display: inline; padding:0 10px 0 0; color:#444; font-size:20px; letter-spacing:-0.03em;}
.map_wrap .left_map{float:left; width:49%; height:350px; margin-right:20px;}
.map_wrap .left_map > *{ width:100% !important}

.map_wrap .right_roadview{float:right; width:49%; height:350px;}
.map_wrap .right_roadview object,
.map_wrap .right_roadview embed{width:100% !important}

.map_info_wrap {margin-top:30px; border-top:1px solid #ddd; border-bottom:1px solid #ddd; padding:20px 0; font-family:notokrM;}
.map_info_wrap .info {display:inline-block; *display:inline; zoom:1; vertical-align:middle; margin-right:30px}
.map_info_wrap .info .tit{ display:inline-block; *display:inline; zoom:1; vertical-align:middle; line-height:30px; font-weight:600; color:#666; font-size:14px;}
.map_info_wrap .info .tit .icon{ display:inline-block; *display:inline; zoom:1; vertical-align:middle; width:30px; height:30px; border-radius:30px; background-repeat:no-repeat; background-position:center; margin-right:5px;}
.map_info_wrap .info .tit .icon.add{ background-image:url("/img/sub/map_icon.png"); background-color:#2c73b9;}
.map_info_wrap .info .tit .icon.tel{ background-image:url("/img/sub/map_tel.png"); background-color:#aaa;}
.map_info_wrap .info .tit .icon.fax{ background-image:url("/img/sub/map_fax.png"); background-color:#aaa;}
.map_info_wrap .info .tit .icon.email{ background-image:url("/img/sub/map_email.png"); background-color:#aaa;}
.map_info_wrap .info .tt{ display:inline-block; *display:inline; zoom:1; vertical-align:middle; line-height:30px; color:#666; font-size:14px;}
.map_info_wrap .info .tt a{line-height:30px; color:#333;}
.map_info_wrap .info .tt a:hover{}
.line_st2{ display:block; margin-top:20px; padding-top:20px; border-top:1px solid #ddd}

@media (max-width:1100px){
	/* 오시는 길 */
   .map_wrap .left_map{width:100%; margin-right:0;}
   .map_wrap .left_map iframe,
   .map_wrap .right_roadview iframe {width:100%;}
   .map_wrap .right_roadview{width:100%; margin-top:20px;}
   .map_info_wrap .info .tit,
   .map_info_wrap .info .tt{font-size:13px;}
}

/* 제품소개 */
.pro_menu { height:50px; } 
.pro_menu ul { border-bottom:1px solid #000; height:50px;}
.pro_menu ul li {border:1px solid #e1e1e1; box-sizing:border-box; margin:0 0.33% 0 0; float:left; height:48px;}
.pro_menu ul .width01 {width:13.99%;}
.pro_menu ul .width02 {width:20%;} 
.pro_menu ul li:last-child { margin:0; }
.pro_menu ul li a { font-size:16px; color:#555; display:block; line-height:48px; text-align:center;  background:#f7f7f7; }  
.pro_menu ul li.on { border:1px solid #000; border-bottom-color:#fff; height:50px;}
.pro_menu ul li.on a { font-size:20px; color:#000; background:#fff;}

@media (max-width:960px){
.pro_menu ul .width02 {width:27%;}
}

@media (max-width:650px){
.pro_menu ul li a { font-size:13px;} 
.pro_menu ul li.on a {font-size:13px;}
.pro_menu ul .width02 {width:33.03%;}
}

.pro_box1{width:100%; overflow:hidden; position:relative; margin-top:50px; letter-spacing:-0.03em;}
.pro_box1 .left{width:27%; float:left; border:1px solid #ddd; padding:30px 0;}
.pro_box1 .right{width:73%; float:left;  padding-left:30px; overflow: hidden;}
.pro_box1 .right h2{width:100%; font-size:20px; color:#000; padding:0 0 10px 0; border-bottom:1px solid #ddd;}
.pro_box1 .right .right_in1{border:1px solid #ddd; padding:15px 30px; margin-top:20px;}
.pro_box1 .right .right_in1 p{font-size:18px; color:#000; padding-bottom:15px;}
.pro_box1 .right .right_in1 span{font-size:14px; color:#666;}
.pro_box1 .right .right_in2 p{font-size:16px; color:#000; margin:20px 0; background:url("/img/sub/tit_area01.png")no-repeat 0 5px; padding-left:20px;}
.pro_box1 .right .right_in2 ul{margin:0 -1% 10px -1%;}
.pro_box1 .right .right_in2 ul li{float:left; width:23%; margin:0 1% 20px 1%; text-align:center; color:#666; font-size:13px;}
.pro_box1 .right .right_in2 ul li img{width:100%; padding-bottom:10px;}

.pro_box2{width:100%; overflow:hidden; position:relative; margin-top:40px; letter-spacing:-0.03em;}
.pro_box2 .left{width:40%; float:left; }
.pro_box2 .left p{font-size:16px; color:#000; padding: 0 0 20px 20px; background:url("/img/sub/tit_area01.png")no-repeat 0 5px;}
.pro_box2 .left span{font-size:14px; color:#666; line-height:24px; background:url("/img/sub/tit_area02.png")no-repeat 0 12px; padding-left:10px; display:block;}
.pro_box2 .right{width:60%; float:left;  padding-left:30px; overflow: hidden;}
.pro_box2 .right ul {margin:0 -1% 10px -1%;}
.pro_box2 .right ul li{float:left; width:48%; margin:0 1% 0 1%; text-align:center; color:#666; font-size:13px;}
.pro_box2 .right ul li img{width:100%;}
.pro_box2 .right ul li .pr_l {float:left; width:49%;}
.pro_box2 .right ul li .pr_r {float:left; width:49%; margin-left:2%;}
.pro_box2 .right ul li .pr_l img,
.pro_box2 .right ul li .pr_r img{width:100%; padding-bottom:7px;}
.pro_box2 .right .r_border{border:1px solid #ddd;}
.pro_box2 .right .r_margin{margin-bottom:15px;}

.pro_box3{width:100%; overflow:hidden; position:relative; margin-top:40px; letter-spacing:-0.03em;}
.pro_box3 .left{width:60%; float:left; }
.pro_box3 .left p{font-size:16px; color:#000; padding-bottom:20px; background:url("/img/sub/tit_area01.png")no-repeat 0 5px; padding-left:20px;}
.pro_box3 .left span{width:100%; overflow: hidden; line-height:20px; font-size:14px; display:block;  padding:5px 0 0 10px;}
.pro_box3 .left .span1{background:url("/img/sub/tit_area02.png")no-repeat 0 14px; color:#333; font-size:14px;}
.pro_box3 .left .span2{background:url("/img/sub/tit_area03.png")no-repeat 0 14px; color:#666;}
.pro_box3 .left .span3{background:url("/img/sub/tit_area04.png")no-repeat 0 14px; color:#de4d14;}
.pro_box3 .right{width:40%; float:left;  padding-left:30px; overflow: hidden;}
.pro_box3 .right img{width:100%;}

.pro_box4{width:100%; overflow:hidden; position:relative; margin-top:40px; letter-spacing:-0.03em;}
.pro_box4 .left{width:35%; float:left; }
.pro_box4 .left p{font-size:16px; color:#000; padding-bottom:20px; background:url("/img/sub/tit_area01.png")no-repeat 0 5px; padding-left:20px;}
.pro_box4 .left span{width:100%; overflow: hidden; line-height:20px; font-size:14px; display:block;  padding:5px 0 0 10px;}
.pro_box4 .left .span1{background:url("/img/sub/tit_area02.png")no-repeat 0 14px; color:#333; font-size:14px;}
.pro_box4 .right{width:65%; float:left;  padding-left:30px; overflow: hidden;}
.pro_box4 .right p{font-size:16px; color:#000; padding-bottom:20px; background:url("/img/sub/tit_area01.png")no-repeat 0 5px; padding-left:20px;}

/* 칠판 */
.pro_box5{width:100%; overflow:hidden; position:relative; margin-top:50px; letter-spacing:-0.03em;}
.pro_box5 .left{width:27%; float:left; border:1px solid #ddd; padding:30px 20px;}
.pro_box5 .left img{width:100%;}
.pro_box5 .right{width:73%; float:left;  padding-left:30px; overflow: hidden;}
.pro_box5 .right h2{width:100%; font-size:20px; color:#000; padding:0 0 10px 0; border-bottom:1px solid #ddd;margin-bottom:15px;}
.pro_box5 .right ul{margin:0 -1.5%;}
.pro_box5 .right ul li{float:left; width:30%; margin:0 1.5% 20px 1.5%;}
.pro_box5 .right ul li span{background:url("/img/sub/tit_area02.png")no-repeat 0 center; color:#666; font-size:13.5px; padding-left:10px; letter-spacing:-0.03em;} 
.pro_box5 .right ul li img{width:100%; padding-top:15px;}

.pro_box6{width:100%; overflow:hidden; position:relative; margin-top:50px; letter-spacing:-0.03em;}
.pro_box6 p{font-size:16px; color:#000; background:url("/img/sub/tit_area01.png")no-repeat 0 5px; padding:0 0 30px 20px; }
.pro_box6 ul li{width:100%; overflow:hidden; display:block; margin-bottom:40px;}
.pro_box6 ul li .left{float:left; width:25%; }
.pro_box6 ul li .left3{float:left; width:55%;}
.pro_box6 ul li .left img,
.pro_box6 ul li .left3 img{width:100%;}
.pro_box6 ul li .right{width:75%;float:left; padding-left:40px; overflow:hidden; line-height:40px; padding-top:10px;}
.pro_box6 ul li .right3{width:45%;float:left; padding-left:40px; overflow:hidden; line-height:40px; padding-top:10px;}
.pro_box6 ul li .span1{overflow:hidden; position:relative; width:85px; background:#000; color:#fff; font-size:13.5px; text-align:center; padding:2px 10px; border-radius:7px; line-height:30px; margin-right:10px; letter-spacing:-0.03em;} 
.pro_box6 ul li .span2{color:#666; font-size:13.5px; letter-spacing:-0.03em;}

.pro_box7{width:100%; overflow:hidden; position:relative; margin-top:50px; letter-spacing:-0.03em;}
.pro_box7 .left{width:27%; float:left; padding:30px 20px;}
.pro_box7 .right{width:73%; float:left;  padding-left:50px; overflow: hidden;}
.pro_box7 .right p{font-size:16px; color:#000; background:url("/img/sub/tit_area01.png")no-repeat 0 5px; padding:0 0 30px 20px; }

.pro_box8{width:100%; overflow:hidden; position:relative; margin-top:50px; letter-spacing:-0.03em;}
.pro_box8 p{font-size:16px; color:#000; background:url("/img/sub/tit_area01.png")no-repeat 0 5px; padding:0 0 30px 20px; }
.pro_box8 .left{width:50%; float:left; padding-right:25px;}
.pro_box8 .right{width:50%; float:left;  padding-left:25px;}
.pro_box8 .left img,
.pro_box8 .right img{width:100%;}

/* 컨트롤러 */
.pro_box9_1{width:100%; overflow:hidden; position:relative; letter-spacing:-0.03em;}
.pro_box9_1 .tit{font-size:18px; color:#000; background:url("/img/sub/tit_area01.png")no-repeat 0 4px; padding:0 0 20px 20px;}
.pro_box9_1 .left{float:left; width:60%;}
.pro_box9_1 .left .tit1{font-size:16px; color:#666;  background:none;}
.pro_box9_1 .left .tit2{font-size:22px; color:#000; margin-top:5px;}
.pro_box9_1 .right {float:right; width:40%; text-align:right;}
.pro_box9_1 .left2{float:left; width:50%; margin-bottom:25px;}
.pro_box9_1 .right2 {float:right; width:50%; padding-left:40px; margin-bottom:25px;}
.pro_box9_1 .left2 img{width:100%;}
.pro_box9_1 .left3 {float:left; width:40%; margin-bottom:25px;}
.pro_box9_1 .right3 {float:right; width:60%; margin-bottom:25px;}
.pro_box9_1 .right3 p {font-size:14px; color:#666;}
.pro_box9_1 .left3 img{width:100%;}
.pro_box9_1 .right3 .l_img{float:left; width:20%; text-align:center; margin-left:15%;}
.pro_box9_1 .right3 .r_img{float:left; width:20%; margin-left:5%; text-align:center;}
.pro_box9_1 .right3 .l_img img,
.pro_box9_1 .right3 .r_img img{width:100%; padding-bottom:15px;}
.pro_box9_1 .left4{float:left; width:40%;}
.pro_box9_1 .right4 {float:left; width:60%; padding-left:40px;}
.pro_box9_1 .right4 .right4_in{width:100%; border:2px solid #3c3c3c;}
.pro_box9_1 .right4 img {width:100%;}

.pro_box9_1 ul {margin:0 -2%;}
.pro_box9_1 li{float:left; width:46%; margin:0 2% 20px 2%;}
.pro_box9_1 li span{font-size:14px; color:#666;}
.pro_box9_1 .span1{font-size:14px; color:#666; line-height:24px; background:url("/img/sub/tit_area02.png")no-repeat 0 10px; padding-left:10px; display:block;}
.pro_box9_1 .span2{color:#d35237;}
.pro_box9_1 .span3{color:#4486d1;}
.pro_box9_1 .span4{font-size:14.5px; color:#000; line-height:24px; background:url("/img/sub/tit_area02.png")no-repeat 0 10px; padding-left:10px; display:block; margin-top:10px;}
.pro_box9_1 .span5{background:url("/img/sub/tit_area03.png")no-repeat 0 9px; color:#666; padding-left:10px; display:block; font-size:14px;}
.pro_box9_1 li img{width:100%;}
.pro_box9_1 li .img2{width:50%;}
.pro_box9_1 li .txt_box{width:100%; margin-top:30px;}
.pro_box9_1 li .txt_box .left{width:65%; float:left;}
.pro_box9_1 li .txt_box .right{width:35%; float:right; text-align:right; padding-left:30px;}
.pro_box9_1 li .txt_box .right img{width:70%;}

.pro_box9_1_margin10 {margin-top:10px;}
.pro_box9_1_margin20 {margin-top:10px;}
.pro_box9_1_margin30 {margin-top:30px;}
.pro_box9_1_margin50 {margin-top:50px;}
.pro_box9_1_padding15 {padding-top:20px;}

/* 타블릿 */
.pro_box10{width:100%; overflow:hidden; position:relative; letter-spacing:-0.03em;}
.pro_box10 .tit{font-size:25px; color:#000; margin-bottom:20px;}
.pro_box10 .left{width:40%; float:left; border:1px solid #ddd; padding:50px;}
.pro_box10 .right{width:60%; float:left;  padding-left:50px; overflow: hidden;}
.pro_box10 .right2{width:60%; float:left;  padding-left:50px; overflow: hidden;}
.pro_box10 .left img{width:100%;}
.pro_box10 .right img{float:right; margin:-90px 20% 0 0;}
.pro_box10 .right2 img{margin-top:10px;}
.pro_box10 .right h2,
.pro_box10 .right2 h2{width:100%; font-size:18px; color:#000; padding:0 0 10px 0; border-bottom:1px solid #ddd;}
.pro_box10 p{font-size:18px; color:#000; background:url("/img/sub/tit_area01.png")no-repeat 0 4px; padding:0 0 20px 20px; margin-top:20px;}
.pro_box10 .span1{font-size:14px; color:#000; line-height:24px; background:url("/img/sub/tit_area02.png")no-repeat 0 10px; padding-left:10px; display:block; margin-top:5px;}
.pro_box10 .span2{background:url("/img/sub/tit_area03.png")no-repeat 0 9px; color:#666; padding-left:10px; display:block; font-size:13.5px;}
.pro_box10 .span3{color:#de4d14;}
.pro_box10 ul {margin:0 -2%;}
.pro_box10 li{float:left; width:46%; margin:0 2% 20px 2%;}
.pro_box10 li img{width:100%;}

@media (max-width:1100px){
	/* 제품소개 */
	.pro_box1 .right .right_in2 ul li{width:48%;}
	.pro_box5 .right ul li{width:47%; margin:0 1.5% 20px 1.5%;}

	/* 타블릿 */
	.pro_box10 .right img{float:none; margin:20px 0 0 0;}
}

@media (max-width:650px){
/* 제품소개 */
.pro_box1 .left,
.pro_box1 .right,
.pro_box2 .left,
.pro_box2 .right,
.pro_box3 .left,
.pro_box3 .right,
.pro_box4 .left,
.pro_box4 .right,
.pro_box5 .right,
.pro_box6 ul li .left,
.pro_box6 ul li .right,
.pro_box6 ul li .left3,
.pro_box6 ul li .right3,
.pro_box7 .left,
.pro_box7 .right,
.pro_box8 .left,
.pro_box8 .right {width:100%; padding:0;}
.pro_box5 .left{width:100%; padding:20px;}
.pro_box1 .right .right_in2 ul li{width:48%; font-size:12px;}
.pro_box1 .right .right_in1{border:1px solid #ddd; padding:15px;}
.pro_box1 .right h2{font-size:16px;margin-top:20px;}
.pro_box1 .right .right_in1 span{font-size:13px;}
.pro_box2 .right,
.pro_box3 .right,
.pro_box4 .right{margin-top:20px;}
.pro_box1 .left p,
.pro_box2 .left p,
.pro_box3 .left p,
.pro_box4 .left p,
.pro_box4 .right,
.pro_box6 p,
.pro_box7 p,
.pro_box6 p,
.pro_box8 p{font-size:15px;}
.pro_box2 .left span,
.pro_box3 .left span,
.pro_box4 .left span,
.pro_box4 .right span,
.pro_box6 .right span{font-size:13px;}
.pro_box5 .right h2{font-size:16px; margin-top:20px;}
.pro_box5 .right ul{margin:0;}
.pro_box5 .right ul li{width:100%; margin-bottom:20px;}
.pro_box5 .right ul li:last-child{margin-bottom:0;}
.pro_box5 .right ul li span{font-size:13px;}
.pro_box5 .right ul li img,
.pro_box7 .left img,
.pro_box6 .left img,
.pro_box8 .left img,
.pro_box8 .right img {padding:20px;}
.pro_box6 ul li .right,
.pro_box7 .right,
.pro_box8 .right{margin-top::30px;}
.pro_box7{margin-top:10px;}

/* 컨트롤러 */
.pro_box9_1 .left,
.pro_box9_1 .right,
.pro_box9_1 .left2,
.pro_box9_1 .right2,
.pro_box9_1 .left3,
.pro_box9_1 .right3,
.pro_box9_1 .left4,
.pro_box9_1 .right4{width:100%;}
.pro_box9_1 .right4{padding:0; margin-top:30px;}
.pro_box9_1 .right3 {margin-top:20px;}
.pro_box9_1 .right3 .l_img,
.pro_box9_1 .right3 .r_img{width:30%;  margin-bottom:0;}
.pro_box9_1 .right{margin-top:20px; text-align:left;}
.pro_box9_1 .right2 {padding-left:0;}
.pro_box9_1 .right2 img{width:100%;}
.pro_box9_1 li .img2{width:50%;}
.pro_box9_1 .tit{font-size:16px;}
.pro_box9_1 .left .tit1{font-size:14px;}
.pro_box9_1 .left .tit2{font-size:18px; margin-top:0;}
.pro_box9_1 ul {margin:0;}
.pro_box9_1 li{float:none; width:100%; margin:0 0 20px 0;}
.pro_box9_1 span,
.pro_box9_1 .span1,
.pro_box9_1 .span4,
.pro_box9_1 .span5,
.pro_box9_1 .right3 p{font-size:13px;}

/* 타블릿 */
.pro_box10 .left,
.pro_box10 .right,
.pro_box10 .right2{width:100%; float:none;}
.pro_box10 .left{padding:10px;}
.pro_box10 .right,
.pro_box10 .right2{padding-left:0;}
.pro_box10 .right2 img{width:100%;}
.pro_box10 .right h2,
.pro_box10 .right2 h2{margin-top:20px;}
.pro_box10 .tit{font-size:20px;}
.pro_box10 .right h2,
.pro_box10 .right2 h2{font-size:16px;}
.pro_box10 p{font-size:16px;}
.pro_box10 .span1{font-size:13.5px;}
.pro_box10 .span2{font-size:13px;}
.pro_box10 ul{margin:0;}
.pro_box10 li,
.pro_box10 li img{float:none; width:100%; margin:0}
.pro_box10 li:last-child{margin-top:20px;}
}

/* 테이블 */
.product1 {width:100%; overflow:hidden; margin-top:30px;}
.product1  p{font-size:16px; color:#000; margin:20px 0; background:url("/img/sub/tit_area01.png")no-repeat 0 5px; padding-left:20px;}
.product1 .pro_table {width:100%;}
table.basic {width:100%; color:#666; border-collapse:separate; border-spacing:0; border:none; font-size:14px; letter-spacing:-0.03em; text-align:center;}
table.basic thead th{background-color:#666; padding:10px 5px;border-top:2px solid #999;border-bottom:1px solid #999; border-left:1px solid #999; color:#fff;vertical-align:middle;}
table.basic thead th:last-child{border-right:1px solid #999;}
table.basic tbody td:last-child {border-right:1px solid #ddd;}
table.basic tbody td {padding:10px 10px; border:#ddd 1px solid; border-top:none; border-right:none;}
table.basic tbody tr:hover td {}
.basic_bg2 {background-color: #f7f7f7; font-weight:bold;}

table.basic2 {width:100%; color:#666; border-collapse:separate; border-spacing:0; border:none; font-size:14px; letter-spacing:-0.03em; text-align:center;}
table.basic2 thead th{border-bottom:2px solid #999;}
table.basic2 thead th:last-child{border-right:1px solid #999;}
table.basic2 tbody td:last-child {border-right:1px solid #ddd;}
table.basic2 tbody td {padding:10px 10px; border:#ddd 1px solid; border-top:none; border-right:none;}
table.basic2 tbody tr:hover td {}
.basic2_bg2 {background-color:#f7f7f7; color:#444;}
.btm_txt {width:100%; color:#666; text-align:right; margin-top:15px; font-size:14px;}

table.basic3 {width:100%; color:#666; border-collapse:separate; border-spacing:0; border:none; font-size:14px; letter-spacing:-0.03em;}
table.basic3 thead th{border-bottom:2px solid #999;}
table.basic3 thead th:last-child{border-right:1px solid #999;}
table.basic3 tbody td:last-child {border-right:1px solid #ddd;}
table.basic3 tbody td:first-child {background-color:#f7f7f7;}
table.basic3 tbody td {padding:5px 20px; border:#ddd 1px solid; border-top:none; border-right:none;}
table.basic3 tbody tr:hover td {}

table.basic4 {width:100%; color:#666; border-collapse:separate; border-spacing:0; border:none; font-size:13px; letter-spacing:-0.04em; text-align:center;}
table.basic4 thead th{background-color:#666; padding:10px 5px;border-top:2px solid #999;border-bottom:1px solid #999; border-left:1px solid #999; color:#fff;vertical-align:middle;}
table.basic4 thead th:last-child{border-right:1px solid #999;}
table.basic4 tbody td:last-child {border-right:1px solid #ddd;}
table.basic4 tbody td {padding:3px 10px; border:#ddd 1px solid; border-top:none; border-right:none;}
table.basic4 tbody tr:hover td {}
.basic4_bg2 {background-color: #f7f7f7; font-weight:bold;}

@media only screen and (max-width:960px){
/* 테이블 */
.pro_table {overflow-x:scroll; padding-bottom:15px; }
.pro_table .basic,
.pro_table .basic2,
.pro_table .basic3,
.pro_table .basic4{ min-width:680px; }
table.basic,
table.basic2,
table.basic3,
table.basic4,
.btm_txt{font-size:12px;}
 }
 

/* 페이지 준비중 */
.page_perpare {text-align:center;}

@media (max-width:768px){
.page_perpare img {width:100%; padding:0 0 10px 0}
}