@charset "euc-kr";
/*CSS Document*/
@import url(reset.css);


#Header{position:relative; height:120px; background:#fff; display:block; border-bottom:1px solid #ddd; }


#Gnb { height:30px;  }
#Gnb .utill { width:1000px; margin:0 auto; position:relative; text-align:right; white-space: nowrap; font-size:12px;}
#Gnb .utill a { padding:7px 0 0 5px; display:inline-block; }
#Gnb .utill span { padding:0 6px; background:url(../img/comm/line_g.gif) no-repeat 8px 3px; color:#999}

.top_area { width:1000px; margin:0 auto; position:relative; }
.top_area h1{ position:absolute; left:0; top:10px }

nav {
	position: relative;
	justify-content: center;
	align-items: center;
	
	padding:10px 0;
	box-sizing: border-box;
}
.nav01 { background: linear-gradient(90deg, #5f2c82 , #49a09d); }
.nav02 { background: linear-gradient(90deg, #eecda3 , #ef629f); }
.nav03 { background: linear-gradient(90deg, #ff4e50 , #f9d423); }
.nav04 { background: linear-gradient(90deg, #93f9b9 , #1d976c); }
.nav05 { background:  }

nav::before {
	position: absolute;
	top: 5%;
	left: 0;
	width: 100%;
	color: #fff;
	font: 400 24px/1 'Lato', sans-serif;
	text-align: center;
}
.nav01::before { content: 'DEMO #1'; }
.nav02::before { content: 'DEMO #2'; }
.nav03::before { content: 'DEMO #3'; }
.nav04::before { content: 'DEMO #4'; }
.nav05::before { content: 'DEMO #5'; }



/* common */
nav ul {
	    float: right;
    position: relative;
    margin: 12px;
    padding: 0;
    list-style: none;
}
nav ul::after {
	display: block;
	clear: both;
	content: '';
}
nav ul li {
	position: relative;
	float: left;
	border: 2px solid #fff;
}
nav ul li:not(:first-child) {
	border-left: none;
}
nav ul li:hover {
	    z-index: 9999;
	background-color: rgba(255,255,255,.3);
}
nav ul li a {
	display: inline-block;
	padding: 1em 2em;
	color: #fff;
	font: 400 17px/1 '³ª´®½ºÄù¾î', 'Lato', sans-serif;
	text-align: center;
	text-decoration: none;
	white-space: nowrap;
}
.ulc {
	
	background-color:#97ce4c;
}
nav ul ul {
	position: absolute;
	top: 100%;
	left: -2px;
}
nav ul ul li {
	float: none;
	margin: 0;
}
nav ul ul li:not(:first-child) {
	border: 2px solid #fff;
	border-top: none;
}
nav ul ul ul {
	position: absolute;
	top: -2px;
	left: 100%;
}

/* DEMO #1 */
.nav01 ul ul {
	display: none;
}
.nav01 ul li:hover > ul {
	display: block;
}

/* DEMO #2 */
.nav02 ul ul {
	visibility: hidden;
	opacity: 0;
	transition: .2s ease-in-out;
}
.nav02 ul li:hover > ul {
	visibility: visible;
	opacity: 1;
}

/* DEMO #3 */
.nav03 ul ul {
	visibility: hidden;
	opacity: 0;
	transition: .2s ease-in-out;
	transform: translateY(-20px);
}
.nav03 ul li:hover > ul {
	visibility: visible;
	opacity: 1;
	transform: translateY(0);
}

/* DEMO #4 */
.nav04 ul ul {
	visibility: hidden;
	opacity: 0;
	transition: .2s ease-in-out;
	transform: translateY(10px);
}
.nav04 ul ul ul {
	transform: translateX(-20px) translateY(0);
}
.nav04 ul li:hover > ul {
	visibility: visible;
	opacity: 1;
	transform: translateY(0);
}
.nav04 ul ul li:hover > ul {
	transform: translateX(0) translateY(0);
}

/* DEMO #5 */
.nav05 ul li {
	perspective: 300px;
}
.nav05 ul ul {
	visibility: hidden;
	opacity: 0;
	transition: .3s ease-in-out;
	transform: rotateX(-90deg) rotateY(0);
	transform-origin: 0 0;
}
.nav05 ul ul li {
	perspective: 1500px;
}
.nav05 ul ul ul {
	transform: rotateX(0) rotateY(-90deg);
}
.nav05 ul li:hover > ul {
	visibility: visible;
	opacity: 1;
	transform: rotateX(0) rotateY(0);
}


/*³×ºñ
#Navi { position:absolute; right:0; top:30px;  }
#Navi ul { overflow:hidden;}
#Navi ul li { float:left; }
#Navi ul li a { display:block; text-align:right; color:#333; line-height:46px; font-size:18px; font-weight:600; padding-left:40px; }
#Navi ul li a:hover { color:#267fe9; }
*/
#Visual {height:480px; background:url(../img/main/visual_bg.jpg) center top no-repeat; text-align:center; }
#Main_banner { height:180px; padding:25px 0; background:#97ce4c; }
.banner_cont { width:1000px; margin:0 auto; }

#Sub_Wrap { width:1000px; margin: 0 auto; overflow:hidden; }

#Sub_Category { float:left; width:200px; margin-top:30px; }
#Sub_Container { float:right; width:750px; margin-top:30px;  }

/*¼­ºêÄ«Å×°í¸®*/
#Sub_Category .Category_Title { padding:30px 0 15px 20px; letter-spacing:-0.05em; 	background:#8cc341; }
#Sub_Category .Category_Title span { color:#999; font-size:13px; }
#Sub_Category h2 { font-size:24px; font-weight:normal; color:#fff;  height:40px; line-height:40px;  }
#Sub_Category ul { border-width:0px 1px 0px; border-style:solid; border-color:#ddd; }
#Sub_Category li { border-bottom:1px solid #ddd; background:#fff; }
#Sub_Category li a { display:block; line-height:1.2!important; color:#666; padding:13px 0 13px 20px; font-size:17px; }
#Sub_Category li a:hover { background:url(../img/comm/arrow.png) no-repeat 90% 17px #f8f8f8; }
#Sub_Category li.on a  { font-weight:bold; color:#282828; background:url(../img/comm/arrow.png) no-repeat 90% 17px #fff; }

/*¼­ºêŸÀÌƲ*/
#Sub_Title { position:relative; border-bottom:1px solid #ddd; height:48px;}
#Sub_Title h3 { position:absolute; font-size:26px; font-weight:normal; color:#333; letter-spacing:-0.05em;  }
#Sub_Title ul { position:absolute; overflow:hidden; right:0; top:10px; }
#Sub_Title li { float:left; color:#666; letter-spacing:-0.05em; padding-left:15px; background:url(../img/comm/arrow.png) no-repeat 4px -29px;  font-size:12px !important;}
#Sub_Title li.home {  background:url(../img/comm/home.png) no-repeat 4px 4px; }
#sub_title ul li span{color:#555;  }

/*¼­ºêÄÁÅÙÃ÷*/
#Sub_Body  { margin-top:30px; min-height:500px; padding-bottom:50px; }

.space{padding-right: 10px;}

/*ÇÏ´ÜÀÎÆ÷*/
#Footer {     background: #787878;
    padding-top: 40px;
    PADDING-BOTTOM: 18PX;
    text-align: center;
    color: #cac9c9;
    font-size: 17px;
    line-height: 20px;
    FONT-WEIGHT: 300;
    height: 100px;}

/*¸ÞÀÎÀüÈ£¹øÈ£*/
.number02 {
		color: #fff;
		font:900 30px/1 '³ª´®½ºÄù¾î', 'Lato', sans-serif;
		padding-bottom: 5px;
	}
	.fax {
			color: #fff;
		font:900 20px/1 '³ª´®½ºÄù¾î', 'Lato', sans-serif
	}
	.open {
		padding-top: 10px;
	}
	.open h5 {
		font-size: 17px;
		color: #656464;
		font-weight: 600;
		line-height: 1.2;
		font-family: '³ª´®½ºÄù¾î', 'Lato', sans-serif
	}