/******* 폰트 정의 *******/

@charset "utf-8";
@font-face {
	font-family: NGothic;
	src: url('../font/NanumGothic.eot');
	src:local('?'),
		url('../font/NanumGothic.woff') format('woff');
}
@font-face {
	font-family: NMyeongjo;
	src: url('../font/NanumMyeongjo.eot');
	src:local('?'),
		url('../font/NanumMyeongjo.woff') format('woff');
}

/******* SET *******/

true : !+"\v1" body, td, th, form, input, select, textarea, input, div, p, span {
	
					margin: 0; padding:0;
					font-size: 9pt; font-family: NanumGothic, "나눔고딕", NGothic; color: #000; line-height: 150%; text-align: justify;
					}
a:link			{ font-size: 9pt; font-family: NGothic; color: #000; text-decoration: none; }
a:visited		{ font-size: 9pt; font-family: NGothic; color: #000; text-decoration: none; }
a:active		{ font-size: 9pt; font-family: NGothic; color: #000; text-decoration: none; }
a:hover		{ font-size: 9pt; font-family: NGothic; color: #999; text-decoration: none; }
img				{ border: none; }
table			{ border-collapse: collapse; }
* {margin:0; padding:0;}
hr.clear {clear:both; display:block; opacity:0;}
.test { background:red;}
.test2 {border:2px solid red;}


/** preloader  **/

.preloader {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #fefefe;
    z-index: 99999;
    height: 100%;
    width: 100%;
    overflow: hidden !important;
}

.loaded {
    width: 300px;
    height: 50px;
    position: absolute;
    left: 50%;
    top: 50%;
    background-image: url(../img/main/logo.png) ;
    background-repeat: no-repeat;
    background-position: center;
    margin: -20px 0 0 -150px;
}

/** 메인 메뉴 **/

#main_wrap {
	width: 100%;
	min-width:1200px;
	height: auto;
	text-align: center;
    
}
.inner {   
   width:1200px;
   height:auto;
    position:relative;
	margin:0 auto;
   background:transparent;
   overflow:hidden;
}

h1#logo a{
	width: 245px;
  margin-top:7px;
  margin-bottom:5px;
	float:left;
}

h1#logo img{
display:inline-block;

}

.top_menu {
 width:300px; float:right;
 margin-top:10px;
}

.top_menu a{
font-family: NanumGothic, "나눔고딕", NGothic; 
display:inline-block;
padding:0 10px;
border-right:1px solid #ccc;
}

.top_menu .last{
border-right:none;
}

.menu {width:100%; min-width:1200px;height:52px;background:#2B2722; border-top:5px solid #C7D52F;}
nav.gnb {
   width:1200px;
   height:auto;
    position:relative;
	z-index:10000;
    top:-5px;
	margin:0 auto;
   background:transparent;
}
.gnb > ul.depth1 > li { width:192px; background:#2B2722;  border-top:5px solid #c7d52f; height:52px; overflow:hidden;line-height:52px; float:left; list-style:none; text-align:center;}
.gnb > ul.depth1 > li > a { width:192px;font-family: NanumGothic, "나눔고딕", NGothic; font-weight:600; color:#fff; font-size:16px; display:block; }
.gnb > ul.depth1 > li:hover {overflow:visible; background:#C7D52F; color:#222; border-top:5px solid #333}
.gnb > ul.depth1 > li:hover a {color:#333;}
ul.depth2 {width:192px; height:auto; background:#A9BC36; height:36px; line-height:36px;text-align:center; }
ul.depth2 > li {width:192px; border-top:none;  height:36px; line-height:36px; display:block;  background:#A9BC36;  }
ul.depth2 > li > a { text-align:center; font-family: NanumGothic, "나눔고딕", NGothic; line-height:44px;font-weight:600; color:#333; font-size:14px; display:block; }
ul.depth2 > li:hover a{font-weight:700}
ul.depth2 > li:last-child {padding-bottom:10px}

/** 메인 비주얼**/

.main_v {position:relative;width:100%; min-width:1200px; height:320px; background:#1a1a16;top:-5px;overflow:hidden; z-index:10;}
.main_v .slide {position:relative; width:1200px; height:320px !important;margin:0 auto;  animation:m_vis 5s ;overflow:hidden; }
@keyframes m_vis{100%{ opacity:1;}10%{opacity:0;}0%{opacity:0;}}

/*
.main_v .m_txt {width:1200px; margin:0 auto; height:280px; padding-top:300px;position:relative; top:-420px; text-align:right; background:transparent; animation:m_txt 3s ; }
.main_v .m_txt strong {color:#aaa; text-align:left;font-size:40px; line-height:60px; font-weight:600;}
.main_v .m_txt span {color:#fff; font-size:17px; line-height:25px; font-weight:400;}
@keyframes m_txt{100%{ opacity:1;}40% {opacity:0;} 0%{opacity:0;}}
*/


/* 메인 슬라이드 배너 */

    .slider {
        width: 1100px;
		padding-top:10px;
		height:150px;
        margin: 20px auto;
	}

    .slick-slide {
	  width:100px; height:100px;
     margin:10px 10px 20px 10px;
	  background:transparent;
	  overflow:hidden;
    }

    .slick-slide img {
    }


.slick-slidei:hover a img{transition:all 1s; }
.slick-prev:before,
.slick-next:before {
      display:none;
    }

    .slick-slide {
      transition: all ease-in-out .3s;
      opacity: .2;
    }
    
    .slick-active {
      opacity: 1;
    }

    .slick-current {
      opacity: 1;
    }

.slick-prev.slick-arrow {display:block !important; background:url(../img/main/p_arr.png) center center no-repeat; width:30px;left:-35px;  height:100px; opacity:1 !important; z-index:100}
.slick-next.slick-arrow {display:block !important; background:url(../img/main/n_arr.png) center center no-repeat;  width:30px; right:-35px;height:100px; opacity:1 !important; z-index:100}
.slick-prev.slick-arrow:hover {background:url(../img/main/p_arr.png) center center no-repeat; opacity:.6;}
.slick-next.slick-arrow:hover {background:url(../img/main/n_arr.png) center center no-repeat; opacity:.6;}

hr.line {width:100%; min-width:1200px;clear:both; border:1px solid #333;}

/** 메인 하단 내용**/

.container {width:1200px; height:194px; position:relative; margin:0px auto;  margin-top:30px;overflow:hidden;}
.main_con{width:270px; margin-right:10px;height:190px; float:left;  font-family: NanumGothic, "나눔고딕", NGothic;  }
.main_con.mc3 {float:left;width:305px; height:190px; margin-right:15px; }
.main_con.mc4 {float:left;width:305px; height:190px; margin-right:0;}
.main_con > h2 {font-size:22px; color:#333; line-height:38px; text-align:left;} 
.main_con > h3.tel { font-family: NanumGothic, "나눔고딕", NGothic; font-size:38px; line-height:46px; font-weight:800;color:#98C138; letter-spacing:-1px; text-align:left;}
.main_con > h3.fax { font-family: NanumGothic, "나눔고딕", NGothic; font-size:18px; font-weight:700;color:#666; text-align:center; letter-spacing:-1px; line-height:40px;}
.main_con > span.mail a{ font-family: NanumGothic, "나눔고딕", NGothic;  text-align:center; font-size:17px; font-weight:600; background:#121212; border-radius:10px; line-height:38px; padding:4px 15px; color:#ccc}
.main_con .more { border-bottom:1px solid #eee; }
.main_con .more2 {width:100%; display:block; height:10px;}

/** footer **/

#foot { width:100%;min-width:1200px; height: auto; background:#1B1B1b; margin-top:25px;}
#foot .f_menu {position:relative; width:1200px; margin:0 auto; padding:30px 0; overflow:hidden;} 
#foot .f_menu h1{ font-family: NanumGothic, "나눔고딕", NGothic;width:100%;  text-align:left; border-bottom:1px solid #555; padding-bottom:5px; margin-bottom:10px;}
#foot .f_menu h1 a{ font-family: NanumGothic, "나눔고딕", NGothic;color:#ccc; font-size:16px; line-height:30px; padding:10px 0; font-weight:600;}
#foot .f_menu .f_m1 {width:140px; margin:0 30px; float:left; }
#foot .f_menu .f_m1 ul {width:120px;}
#foot .f_menu .f_m1 ul li {width:100%; text-indent:5px; list-style:none; text-align:left;}
#foot .f_menu .f_m1 ul li a {font-family: NanumGothic, "나눔고딕", NGothic;font-size:12px; color:#888; text-align:left;}
#foot .f_menu .f_m2 {width:300px; margin:0 50px ;float:left; }
#foot .f_menu .f_m2 ul {width:50%; float:left; list-style:none ;text-align:left;}
#foot .f_menu .f_m2 ul  li{text-indent:5px;}
#foot .f_menu .f_m2 ul li a{ font-family: NanumGothic, "나눔고딕", NGothic;font-size:12px; color:#888}

#foot .f_menu h1 a:hover {color:#eee;}
#foot .f_menu div ul li a:hover {color:#eee;}

#foot .copy {border-top:1px solid #555 ; padding:0;}
#foot .copy .inner {text-align:left; color:#555; padding:0;}