@charset "utf-8";

/*서브비주얼*/
#subVisual { width:100%; height:350px; position:relative; z-index:10;}
.svl_area, .svl_area li { width: 100%; height:350px; 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:180px; color: #fff; font-size:25px; 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:10px; 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:170px; 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;}
}

/*head02 제품소개 수동링크 서브 메뉴 */
#lnb { background:#3c5699; height:50px; box-sizing:border-box;  font-size:14px;}
#lnb > div > div { float:left;}
#lnb .depth {width:20%; line-height:50px; height:50px; box-sizing:border-box; font-size:14px;  border-right:1px solid #25396b;}
#lnb .depth:nth-child(1) {border-left:1px solid #25396b;}
#lnb .depth > p {cursor:pointer; padding:0 0 0 16px; height:50px;  color:#fff; font-size:16px; box-sizing:border-box; background:url("/img/layout/lnb_arrow.png") no-repeat 88.2096069869% center;}
#lnb .depth > p .on {background-color:#e3e3e3}
#lnb .depth3 > p .on {background-color:#e3e3e3}
#lnb .depth ul { background:#3497d9; width: 100%; overflow:hidden; height:0; z-index:100; position:relative;}
#lnb .depth ul li { border-bottom:1px dotted #b0ebef; box-sizing:border-box;  margin:0 0 0 -1px; background:#3497d9; }
#lnb .depth ul li a { display:block; line-height:40px; color:#fff; padding:0 45px 0 20px; }
#lnb .depth ul.agencyMenu li a { display:block; line-height:60px; background:#fff; padding:0 50px 0 16px ;}
#lnb .depth ul li:hover a { background:#3c5699; color:#fff; }

@media (max-width:650px){
	/*head02 제품소개 수동링크 서브 메뉴 */
#lnb .depth {width:33.333%;}
}

/* 제품소개 카테고리 메뉴 */
.product_ca1 a:focus, .product_ca1 a:hover, .product_ca1 a:active {color:#000; border-top:2px solid #488cb5; border-left:1px solid #d7d7d7; border-right:1px solid #d7d7d7; border-bottom:1px solid #d7d7d7;font-weight:bold;                                                           background:#f7f7f7;}
.product_ca1 ul {margin-bottom:25px; padding-left:1px;zoom:1}
.product_ca1 ul:after {display:block;visibility:hidden;clear:both;content:""}
.product_ca1 li {float:left;margin-bottom:-1px; width:25%;}
.product_ca1 a {display:block;position:relative;margin-left:-1px; padding:15px 8.5px; border-top:2px solid #488cb5; border-left:1px solid #d7d7d7; border-right:1px solid #d7d7d7; border-bottom:1px solid #d7d7d7;                       background:#fff; font-size:15px; color:#666;text-align:center;letter-spacing:-0.03em; line-height:1.2em;cursor:pointer}
.product_ca1 .on {z-index:2; border-top:2px solid #488cb5; border-left:1px solid #488cb5; border-right:1px solid #488cb5; border-bottom:1px solid #488cb5; color:#fff;font-weight:bold; background:#488cb5;}

/* 제품소개 카테고리 메뉴 */
.product_ca2 a:focus, .product_ca2 a:hover, .product_ca2 a:active {color:#000; border-top:2px solid #488cb5; border-left:1px solid #d7d7d7; border-right:1px solid #d7d7d7; border-bottom:1px solid #d7d7d7;font-weight:bold;                                                           background:#f7f7f7;}
.product_ca2 ul {margin-bottom:25px; padding-left:1px;zoom:1}
.product_ca2 ul:after {display:block;visibility:hidden;clear:both;content:""}
.product_ca2 li {float:left;margin-bottom:-1px; width:50%;}
.product_ca2 a {display:block;position:relative;margin-left:-1px; padding:15px 8.5px; border-top:2px solid #488cb5; border-left:1px solid #d7d7d7; border-right:1px solid #d7d7d7; border-bottom:1px solid #d7d7d7;                       background:#fff; font-size:15px; color:#666;text-align:center;letter-spacing:-0.03em; line-height:1.2em;cursor:pointer}
.product_ca2 .on {z-index:2; border-top:2px solid #488cb5; border-left:1px solid #488cb5; border-right:1px solid #488cb5; border-bottom:1px solid #488cb5; color:#fff;font-weight:bold; background:#488cb5;}

/* 제품소개 테이블1 */
.product {width:100%; overflow:hidden; position:relative; letter-spacing:-0.03em; }
table.product1 {width:100%; color:#666; border-collapse:separate; border-spacing:0; border:none; font-size:14px; letter-spacing:-0.03em; text-align:center;}
table.product1 thead th{height:1px; background:#ddd;}
table.product1 thead th:last-child{border-right:1px solid #ddd;}
table.product1 tbody td:last-child {border-right:1px solid #ddd;}
table.product1 tbody td {padding:5px 10px; border:#ddd 1px solid; border-top:none; border-right:none; font-size:13px;}
table.product1 tbody tr:hover td {}
.product1_bg {background-color:#f3f3f3; color:#333; width:10%:}
.border_right {border-right:0;}

/* 제품소개 테이블2 */
table.product2 {width:100%; color:#666; border-collapse:separate; border-spacing:0; border:none; font-size:14px; letter-spacing:-0.03em; text-align:center;}
table.product2 thead th{height:1px; background:#afcadf;}
table.product2 thead th:last-child{border-right:1px solid #afcadf;}
table.product2 tbody td:last-child {border-right:1px solid #afcadf;}
table.product2 tbody td {padding:5px 10px; border:#afcadf 1px solid; border-top:none; border-right:none; font-size:13px;}
table.product2 tbody tr:hover td {}
.product2_bg {background:#dbe9f6; color:#333;}
.product2_bg2 {background:#f1f6fc; color:#333;}
.product .span1{float:left;font-size:14px; color:#666; background:url("/img/sub/pro_tt_icon.gif") no-repeat 0 6px; padding-left:15px; margin-bottom:20px; clear:both;}
.product .span2{float:right; font-size:13px; color:#666;}
.product p{font-size:14px; color:#333; clear:both; margin-bottom:20px;}

@media (max-width:960px){
/* 제품소개 테이블1 */
.product {overflow-x:scroll; padding-bottom:15px; margin-bottom:10px; }
.product .product1{ min-width:680px;}
.product .product2{ min-width:680px;}
}

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

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