@charset "utf-8";

/*서브 비주얼 */
.sub .svisu_area{width:100%;height:300px; position:relative; }
.sub .svisu_area .svisual{width:100%; height:300px; position:absolute;top:0;}
.sub .svisu_area .visu_sgarea{width:100%; overflow:hidden; position:absolute; top:105px; text-align:center;}
.sub .svisu_area .visu_sgarea .visu_sg1 {position:relative; width:100%; height:200px; margin-top:30px; z-index:1000; display:none; font-family:notokrM; font-size:22px; color:#fff; text-shadow:1px 1px 1px rgba(0,0,0,0.7); line-height:30px;}
.sub .svisu_area .visu_sgarea .visu_sg1 span{font-size:16px; text-shadow:1px 1px 1px rgba(0,0,0,0.7);}

/* 박스 */
.SubBax {width:100%; overflow:hidden;}
.SubBax p{font-size:14px; line-height:16px; letter-spacing:-0.02em; font-family:notokrM;}
.SubBax span{font-size:13.5px; line-height:25px; letter-spacing:-0.02em; font-family:notokrM;}

/* 1-1인사말 */
.gree {width:100%;}
.gree .left{width:50%; float:left; }
.gree .right{width:50%; float:left;}
.gree .left img{width:100%; padding:0 50px 0 0}
.gree .right h2{color:#023d6f; padding-bottom:10px; line-height:24px; letter-spacing:-0.04em; font-size:20px; font-family:notokrM;}
.gree .right h2 img{padding:0 0 10px 0}
.gree .right span{color:#666; line-height:25px;font-size:13.5px;}
.gree .right p{text-align:right; margin-top:5px; font-size:13.5px; letter-spacing:-0.01em; color:#666;}
.gree .right p span{font-size:18px; font-family:notokrM; color:#333;}


/* 1-2인사말 */
.gree2 {width:100%;}
.gree2 .left{width:45%; float:left; }
.gree2 .right{width:50%; float:right;}
.gree2 .left img{width:100%; padding:0 50px 0 0}
.gree2 .right h2{color:#023d6f; padding-bottom:10px; line-height:24px; letter-spacing:-0.04em; font-size:20px; font-family:notokrM;}
.gree2 .right h2 img{padding:0 0 10px 0}
.gree2 .right span{color:#666; line-height:25px;font-size:13.5px;}
.gree2 .right p{text-align:right; margin-top:5px; font-size:13.5px; letter-spacing:-0.01em; color:#666;}
.gree2 .right p span{font-size:18px; font-family:notokrM; color:#333;}


/* 1-3인사말 */
.gree3 {width:100%;}
.gree3 .left{width:30%; float:left; }
.gree3 .right{width:70%; float:left;}
.gree3 .left img{width:100%; padding:0 50px 0 0}
.gree3 .right h2{color:#023d6f; padding-bottom:10px; line-height:24px; letter-spacing:-0.04em; font-size:20px; font-family:notokrM;}
.gree3 .right h2 img{padding:0 0 10px 0}
.gree3 .right span{color:#666; line-height:25px;font-size:13.5px;}
.gree3 .right p{text-align:left; margin-top:5px; font-size:13.5px; letter-spacing:-0.01em; color:#666;}
.gree3 .right p span{font-size:18px; font-family:notokrM; color:#333;}

/* 박스 */
.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:13.5px; color:444; line-height:25px; letter-spacing:-0.01em;}

/* 소개 */
.gree {width:100%; overflow: hidden;}
.gree .left,
.gree .right{width:50%; float:left;}
.gree .left h2{color:#000; padding-bottom:25px; line-height:30px; letter-spacing:-0.04em; font-size:22px;}
.gree .left span{color:#666; line-height:24px; font-size:15px;}
.gree .left p{margin-top:25px; font-size:20px; letter-spacing:-0.01em; color:#406eab;}

.gree .right img{width:100%; padding-left:50px;}

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

}
/*주요 타이틀 */
.contTitle{font-size:18px; padding:0 15px; border-left:5px solid #ddd; margin-bottom:15px; font-family:notokrM; color:#000;}
.contTitle2 {background:url("/img/layout/line_bg.png") 0 50% repeat-x; display: block; margin:0 0 15px 0; }
.contTitle2 h2 {background-color:#fff;display: inline; padding:0 10px 0 0; color:#333; font-size:18px; font-family:notokrM; letter-spacing:-0.01em;}

/* 회사개요 */
table.company {width:100%; color:#666; border-collapse:separate; border-spacing:0; border:none; -webkit-box-shadow:0px 1px 1px 0px rgba(180, 180, 180, 0.1); box-shadow:0px 1px 1px 0px rgba(180, 180, 180, 0.1); font-family:notokrM; font-size:13px;}
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 #dddd;}
table.company td {padding:10px 15px; border:#ddd 1px solid; border-top:none; border-right:none;}
table.company tr:hover td {background-color:#f7f7f7;}
.comTd_bg2 {background-color: #f7f7f7; font-weight:bold;}

/* 회사연혁 */
.history {overflow:hidden;}
.his_img img {width:100%; margin-bottom:50px;}
.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 #95b1b5; 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; font-family:'notokrM';}
.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 .his_text .left_year{ width:17%; margin:20px 0 0 3%;  }
.history .his_text .left_year > p{font-size:1.5em; 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%; }
}

/* 조직도 */
.organ {width:100%; text-align:center; margin-bottom:20px;}

@media screen and (max-width: 1151px) {
.organ img{width:100%;}
}


/* 오시는 길 */
.map_wrap{width:100%;}
.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:2px solid #2c73b9; 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:13px;}
.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;}
.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:13px;}
.map_info_wrap .info .tt a{line-height:30px; color:#333;}
.map_info_wrap .info .tt a:hover{text-decoration:underline}
.line_st2{ display:block; margin-top:20px; padding-top:20px; border-top:1px solid #ddd}

/* 사업분야 */
.business_box1 {width:100%; overflow:hidden;}
.business_box1 ul{}
.business_box1 ul li{float:left; position:relative; width:49%; margin:0 0 25px 2%; }
.business_box1 ul li:first-child{margin-left:0;}
.business_box1 ul li img{width:100%;}
.business_box1 h2{background:url("/img/sub/tt_icon1.png") 0 10px no-repeat; color:#333; padding-bottom:5px; line-height:25px; font-size:18px; font-family:notokrM; letter-spacing:-0.02em; padding-left:15px;}
.business_box1 span{line-height:22px; font-size:13.5px; color:#666; font-family:notokrM;}

.business_box2 {width:100%; overflow:hidden;}
.business_box2 ul{}
.business_box2 ul li{float:left; position:relative; width:23.5%; margin:0 0 25px 2%; }
.business_box2 ul li:first-child{margin-left:0;}
.business_box2 ul li img{width:100%;}

/* 제품소개 */
.product_box1 {width:100%; overflow:hidden;}
.product_box1 ul{}
.product_box1 ul li{float:left; position:relative; width:49%; margin:0 0 25px 2%; }
.product_box1 ul li:first-child{margin-left:0;}
.product_box1 ul li img{width:100%;}
.product_box1 h2{background:url("/img/sub/tt_icon1.png") 0 10px no-repeat; color:#333; padding-bottom:5px; line-height:25px; font-size:18px; font-family:notokrM; letter-spacing:-0.02em; padding-left:15px;}
.product_box1 span{line-height:22px; font-size:13.5px; color:#666; font-family:notokrM;}

.product_box2 {width:100%; overflow:hidden;}
.product_box2 ul{}
.product_box2 ul li{float:left; position:relative; width:23.5%; margin:0 0 25px 2%; }
.product_box2 ul li:first-child{margin-left:0;}
.product_box2 ul li img{width:100%;}

/* 기본 테이블 */
.tableBox{width:100%; margin-top:15px; color:#666;}
table.bagTable {width:100%; border-collapse:separate; border-spacing: 0;border:none; -webkit-box-shadow:0px 1px 1px 0px rgba(180, 180, 180, 0.1); box-shadow:0px 1px 1px 0px rgba(180, 180, 180, 0.1);}
table.bagTable th {height:2px; background-color:#ddd;}
table.bagTable td:last-child {border-right:1px solid #ddd;}
table.bagTable th:last-child {border-right:1px solid #ddd;}
table.bagTable tr:hover td {background-color:#f7f7f7;}
table.bagTable td {padding:5px 10px; border:#ddd 1px solid; border-top:none; border-right:none; font-size:12.5px; font-family:notokrM; color:#666; letter-spacing:-0.02em;}
.bag_td2 {background-color:#f7f7f7; font-weight:bold;}
.wid_td2 {width:50px;}
.tdCenter {text-align:center;}

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

@media only screen and (max-width:980px){
/* 인사말 */
.gree img{margin:0 0 20px 20px}

/* 사업분야 */
.business_box1 ul li{width:49%; margin-left:0 0 20px 2%;}
.business_box2 ul li:first-child + li + li{margin-left:0;}
}

@media (max-width:768px){
/*서브 비주얼 */
.sub .svisu_area{height:200px; }
.sub .svisu_area .svisual{height:200px;}
.sub .svisu_area .visu_sgarea{top:90px;}
.sub .svisu_area .visu_sgarea .visu_sg1 {font-size:18px; line-height:22px; margin-bottom:5px;}
.sub .svisu_area .visu_sgarea .visu_sg1 span {font-size:14px; line-height:14px; display:none}

/* 인사말 */
.gree p{padding-right:10px; font-size:12px;}
.gree h2{font-size:14px;}
.gree span{font-size:13px;}
.gree p span{font-size:13px;}
table.company {font-family:notokrM; font-size:12px;}

/* 회사연혁 */
.biz_box_left{float:left; width:100%;}
.biz_box_right{display:none;}

/* 오시는 길 */
.map_wrap .left_map{width:100%; margin-right:0;}
.map_wrap .right_roadview{display:none;}

.map_info_wrap .info{width:100%;}
.map_info_wrap .info .tit .icon{display:none; !important;}
.map_info_wrap{padding:11px 0;}

/* 사업분야 */
.business_box1 ul li,
.business_box2 ul li{width:100%; margin:0 0 25px 0;}
.business_box1 h2{line-height:20px; font-size:16px;}
.business_box1 span{line-height:14px; font-size:12px;}

/* 제품소개 */
.product_box1 ul li,
.product_box2 ul li{width:100%; margin:0 0 25px 0;}
.product_box1 h2{line-height:20px; font-size:16px;}
.product_box1 span{line-height:14px; font-size:12px;}

/* 페이지 준비중 */
.page_perpare img {width:100%; padding:0 0 10px 0}
}