@charset "utf-8";
/* CSS Document */

body{margin:0 auto; text-align:center; font-family:"돋움", "Arial"; font-size:11px; color:#575757; line-height:1.5em; text-decoration:none; border:0px; text-align:left; overflow-x:hidden;}
img{vertical-align:middle; font-size:0px; border:0px;}
input{border:1px solid #dbdbdb;}
textarea{border:1px solid #dbdbdb;}

#top{width:100%; height:310px; margin:0 auto; text-align:center; overflow-x:hidden;}
#main{width:100%; height:532px; margin:0 auto; text-align:center; overflow-x:hidden; margin-bottom:22px;}
#mid{width:1000px; margin:0 auto; text-align:center;}
.mid_notice_txt{font-family:"돋움", "Arial"; font-size:11px; color:#575757; line-height:1.5em; text-decoration:none; border:0px; text-align:left;}
.mid_notice_txt:link{font-family:"돋움", "Arial"; font-size:11px; color:#777777; line-height:1.5em; text-decoration:none; border:0px; text-align:left;}
.mid_notice_txt:hover{font-family:"돋움", "Arial"; font-size:11px; color:#5b7caf; line-height:1.5em; text-decoration:none; border:0px; text-align:left;}
.mid_notice_txt:visited{font-family:"돋움", "Arial"; font-size:11px; color:#777777; line-height:1.5em; text-decoration:none; border:0px; text-align:left;}
.mid_notice_txt:active{font-family:"돋움", "Arial"; font-size:11px; color:#777777; line-height:1.5em; text-decoration:none; border:0px; text-align:left;}
.mid_notice_date{font-family:"tahoma","돋움", "Arial"; font-size:10px; color:#a4a3a3; line-height:1.5em; text-decoration:none; border:0px; text-align:right; vertical-align:top;}
.mid_notice_wrap{padding-bottom:10px; vertical-align:text-top;}
#mid2{width:1000px; margin:0 auto; text-align:center; padding:22px 0 10px 0;}
#wrap{*zoom:1; width:1000px; margin:0 auto; text-align:center;} /* IE5.5~7 브라우저 대응 Hack */
#wrap:after {content:" "; display:block; clear:both;} /* 표준계열 브라우저에 대응하는 float 해제용 가상 엘리먼트의 생성 */
.leftmenu{float:left; width:173px; height:262px;}
.content{float:left; width:750px; margin-left:77px;}
.product_title:link{font-family:"돋움", "Arial"; font-size:11px; color:#cea780; line-height:1.5em; text-decoration:none; border:0px; font-weight:bold;}
.product_title:hover{font-family:"돋움", "Arial"; font-size:11px; color:#cea780; line-height:1.5em; text-decoration:none; border:0px; font-weight:bold;}
.product_title:visited{font-family:"돋움", "Arial"; font-size:11px; color:#cea780; line-height:1.5em; text-decoration:none; border:0px; font-weight:bold;}
.product_title:active{font-family:"돋움", "Arial"; font-size:11px; color:#cea780; line-height:1.5em; text-decoration:none; border:0px; font-weight:bold;}

.product_cate{font-family:"돋움", "Arial"; font-size:16px; color:#444444; line-height:1.5em; text-decoration:none; border:0px;}
#map{margin-left:135px;}

table.board td{font-family:"돋움", "Arial"; font-size:11px; color:#7a7a7a; line-height:1.5em; text-decoration:none; border:0px;}
.board_number {color:#5b7caf; font-weight: bold;}
#footer{width:100%; background-color:#000000; height:46px; text-align:center; margin:0 auto; margin-top:30px;}

/* header */
#header {position:absolute; top:0; left:0; width:100%; z-index:1000;}
#header .inner {position:relative; width:1076px; height:100px; margin:0 auto; background:url("../img/header_bg.png") 50% 0 no-repeat; z-index:2;}
#header a {display:block; font-family:'Noto Sans KR',sans-serif; text-decoration:none !important;}

.sitelogo {position:absolute; top:11px; left:50%; width:140px; margin:0 0 0 -70px; z-index:10; text-align:center;}

.util {position:absolute; top:6px; right:35px; background-color:#627ea9; background-image:linear-gradient(#7591bc, #49699c); border:1px solid #49699c; border-radius:5px; box-shadow:0 1px 3px rgba(0,0,0,.2); z-index:10;}
.util ul {list-style:none; margin:0; padding:0 10px;}
.util ul li {float:left; padding-left:17px; background:url("../img/top_vline.png") 8px 50% no-repeat;}
.util ul li:first-child {padding-left:0; background:none;}
.util ul li a {color:#fff; font-size:10px; line-height:18px; transition:.4s;}
.util ul li a:hover {opacity:.6;}

.gnb {position:relative; padding-top:27px; width:1060px; margin:0 auto;}
.gnb > ul {list-style:none; margin:0; padding:0;}
.gnb > ul:after {content:""; display:block; clear:both;}
.gnb > ul > li {float:left; position:relative; margin-left:50px;}
.gnb > ul > li.m0 {margin-left:22px;}
.gnb > ul > li.m3 {margin-left:205px;}
.gnb > ul > li.m4 {margin-left:40px;}
.gnb > ul > li.m5 {margin-left:40px;}
.gnb > ul > li > a {color:#222; font-size:15px; font-weight:500; line-height:46px; letter-spacing:-.05em; transition:.4s;}
.gnb > ul > li > a.home {font-weight:700;}
.gnb > ul > li > a.home:hover,
.gnb > ul > li.active > a {color:#5b7caf;}
.gnb .submenu {display:none; position:absolute; top:46px; left:0; height:179px; white-space:nowrap;}
.gnb .submenu > ul {list-style:none; margin:0; padding:13px 0;}
.gnb .submenu > ul > li > a {color:#fff; font-size:12px; font-weight:300; line-height:22px; transition:.4s; opacity:.5;}
.gnb .submenu > ul > li > a:hover,
.gnb .submenu > ul > li.on > a  {opacity:1;}

.submenu-bg {display:none; position:absolute; top:73px; left:50%; margin-left:-530px; width:1061px; height:179px; background:url("../img/gnb_sm_bg.jpg") 50% 0 no-repeat;}

/* main */
.main-visual {width:100%; height:532px; text-align:center; overflow:hidden; margin-bottom:22px;}
.main-visual .item {position:relative; height:532px; overflow:hidden;}
.main-visual .item .img {
	position:absolute; top:0; left:50%; margin-left:-960px; width:1920px; height:570px; 
	-webkit-transform:translateY(-38px); 
	-ms-transform:translateY(-38px); 
	transform:translateY(-38px); 
	-webkit-transition-delay:.2s; 
	-ms-transition-delay:.2s; 
	transition-delay:.2s; 
	-webkit-transition-duration:5s;
	-ms-transition-duration:5s;
	transition-duration:5s;
}
.main-visual .active .img {
	-webkit-transform:translateY(0); 
	-ms-transform:translateY(0); 
	transform:translateY(0); 
}
.main-visual .caption {
	position:absolute; color:#fff; font-size:13px; font-family:"Arial",sans-serif; line-height:1.4em; text-shadow:1px 1px 2px rgba(0,0,0,.8);
	opacity:0;
	-webkit-transform:translateY(15px); 
	-ms-transform:translateY(15px); 
	transform:translateY(15px); 
	-webkit-transition-delay:.6s; 
	-ms-transition-delay:.6s; 
	transition-delay:.6s; 
	-webkit-transition-duration:1.8s;
	-ms-transition-duration:1.8s;
	transition-duration:1.8s;
}
.main-visual .caption strong {display:inline-block; font-family:'Noto Sans KR',sans-serif; font-size:15px; font-weight:500; color:#fe8300; margin-top:4px; text-shadow:1px 1px 2px rgba(0,0,0,.3);}
.main-visual .caption.pos1 {left:50%; margin-left:5px; top:155px;}
.main-visual .caption.pos2 {left:50%; margin-left:275px; top:120px;}
.main-visual .active .caption {
	opacity:1;
	-webkit-transform:translateY(0); 
	-ms-transform:translateY(0); 
	transform:translateY(0); 
}

.main-business {overflow:hidden; width:472px; height:70px; margin-top:20px;}
.main-business .slick-dots {position:absolute; top:0; right:0; z-index:50; list-style:none; margin:0; padding:0;}
.main-business .slick-dots li {float:left; margin:0 0 0 1px;}
.main-business .slick-dots li button {text-align:center; display:block; padding:0; width:14px; height:13px; color:#fff; font-weight:500; font-size:10px; font-family:"Arial",sans-serif; line-height:13px; background:#707070; outline:none; cursor:pointer; border:0;}
.main-business .slick-dots li.slick-active button {background:#42a8b4;}

/* sub */
.sub-visual {width:100%; height:310px; overflow:hidden;}
.sub-visual .item {position:relative; height:310px; overflow:hidden;}
.sub-visual .item .img {
	position:absolute; top:0; left:50%; margin-left:-960px; width:1920px; height:570px; 
	-webkit-transform:translateY(-180px); 
	-ms-transform:translateY(-180px); 
	transform:translateY(-180px); 
	-webkit-transition-delay:.2s; 
	-ms-transition-delay:.2s; 
	transition-delay:.2s; 
	-webkit-transition-duration:12s;
	-ms-transition-duration:12s;
	transition-duration:12s;
}
.sub-visual .active .img {
	-webkit-transform:translateY(-30px); 
	-ms-transform:translateY(-30px); 
	transform:translateY(-30px); 
}
.sub-visual .caption {
	position:absolute; color:#fff; font-size:13px; font-family:"Arial",sans-serif; line-height:1.4em; text-shadow:1px 1px 2px rgba(0,0,0,.8);
	opacity:0;
	-webkit-transform:translateY(15px); 
	-ms-transform:translateY(15px); 
	transform:translateY(15px); 
	-webkit-transition-delay:6s; 
	-ms-transition-delay:6s; 
	transition-delay:6s; 
	-webkit-transition-duration:1.8s;
	-ms-transition-duration:1.8s;
	transition-duration:1.8s;
}
.sub-visual .caption strong {display:inline-block; font-family:'Noto Sans KR',sans-serif; font-size:15px; font-weight:500; color:#fe8300; margin-top:4px; text-shadow:1px 1px 2px rgba(0,0,0,.3);}
.sub-visual .caption.pos1 {left:50%; margin-left:-520px; bottom:15px; text-align:left;}
.sub-visual .caption.pos2 {right:50%; margin-right:-520px; top:120px; text-align:right;}
.sub-visual .active .caption {
	opacity:1;
	-webkit-transform:translateY(0); 
	-ms-transform:translateY(0); 
	transform:translateY(0); 
}

.lnb {width:173px; padding-bottom:70px; text-align:left;}
.lnb h2 {font-family:"Noto Sans KR",sans-serif; color:#5b7caf; font-size:22px; font-weight:700; line-height:1.3em; letter-spacing:-.06em; margin:0; padding:20px 0;}
.lnb a {display:block; font-family:"Noto Sans KR",sans-serif; text-decoration:none !important; letter-spacing:-.03em;}
.lnb > ul {list-style:none; padding:0; margin:0;}
.lnb > ul > li {border-bottom:1px dotted #ccc;}
.lnb > ul > li > a {position:relative; padding:4px 10px 4px 19px; color:#3a3a3a; font-size:13px; font-weight:400; line-height:1.33em; transition:.2s; box-sizing:border-box; border:1px solid transparent; border-radius:4px;}
.lnb > ul > li > a:before {content:""; position:absolute; top:9px; left:8px; width:7px; height:7px; background:url("../img/lnb_dot.png") 50% 50% no-repeat;}
.lnb > ul > li:hover,
.lnb > ul > li.active {border-bottom:1px dotted transparent;}
.lnb > ul > li > a:hover,
.lnb > ul > li.active > a {background:#5b7caf; padding-left:23px; background-image:linear-gradient(#7591bc, #49699c); border:1px solid #49699c; color:#fff;}