@import url('http://fonts.googleapis.com/earlyaccess/nanumgothic.css');

body {
	font-family: 'Nanum Gothic', sans-serif;
	font-size: 100%;
	margin: 0;
	padding: 0;
	letter-spacing: 0px;
	background: #ffffff;
}

li {
	list-style:none;
}

a{
	text-decoration:none;
}

img{
	border:none;
}

b { font-weight: bold; }

ul,li,h1,h2,h3,h4,h5,ol,dl,dt,dd,p,body {
	margin:0;
	padding:0;
}

a,img{border:0;}
body,html {height:100%; width:100%;}

.cleaner { clear: both }

/*=================================*/
/*========== Wrap Styles ==========*/
/*=================================*/

#wrapper {
	width: 100%;
	height: auto;
	margin: 0 auto;
	float: left;
}

/*================================*/
/*========== Top Styles ==========*/
/*================================*/

#top_wrap {
	width: 100%;
	height: 168px;
	margin: 0 auto;
	float: none;
}

#top_wrap > .top_btn {
	width: 100%;
	height: 27px;
	float: left;
	background-color: #f3a928;
}

#top_wrap > .top_btn > .top_btn_area {
	width: 1146px;
	height: 27px;
	margin: 0 auto;
	float: none;
}

#top_wrap > .top_btn > .top_btn_area > .signup{
	width: 300px;
	height: 39px;
	margin-top: 0px;
	float: right;
}

#top_wrap > .top_menu {
	width: 100%;
	height: 164px;
	margin: 0 auto;
	float: left;
}

#top_wrap > .top_menu > .top_logo_area {
	width: 1146px;
	height: 109px;
	margin: 0 auto;
	float: none;
}

#top_wrap > .top_menu > .top_logo_area > ul{
	width: 288px;
	height: 109px;
	margin-left: 432px;
	float: left;
}

#top_wrap > .top_menu > .top_menu_area{
	width: 1146px;
	height: 55px;
	margin: 0 auto;
	border-bottom: 0px solid #9c9c9c;
}







.Main_menu{
	width:1146px;
	height:55px;
	background: url('../img/bg_menu.jpg') no-repeat;
	float:right;
}
.Main_menu .Mmenu{
	width:140px;
	height: 55px;
	position:relative;
	margin-left: 10px;
	float:left;
}
.Main_menu .Mmenu.space{ margin-left: 0px; }

.Main_menu .Mmenu h2.Mn{
	text-align:center;
	font-size:17px;
	line-height: 55px;
	color:#777777;
}
.Main_menu .Mmenu:hover h2.Mn{ background-color:#f3a928; color:#ffffff; }

.Main_menu .Mmenu ul{
	width:140px;
	position:absolute;
	z-index:9999;
	top:52px;
	background-color:#f3a928;
	text-align:center;
	display:none;
	float: left;
}
.Main_menu .Mmenu ul li{
	width: 140px;
	height:35px;
	line-height:35px;
	float: left;

}
.Main_menu .Mmenu ul li.line{ border-bottom:1px solid #ffffff; }

.Main_menu .Mmenu ul li a{
	color:#eeeeee;
	font-size:13px;
	font-weight: bold;
}
.Main_menu .Mmenu ul li:hover{ background:#545454;color:#ffffff; font-weight:700; }





/*
#top_wrap > .top_menu > .top_menu_area > ul{
	width: 1200px;
	height: 15px;
	margin: 10px 0px;
	float: left;
}

#top_wrap > .top_menu > .top_menu_area > ul > li{
	width: 119px;
	height: 15px;
	border-right: 1px solid #e5e5e5;
	font-size: 14px;
	font-weight: bold;
	color: #656565;
	text-align: center;
	line-height: 15px;
	float: left;
}

#top_wrap > .top_menu > .top_menu_area > ul > li a{
	font-size: 14px;
	font-weight: bold;
	color: #656565;
	text-align: center;
	line-height: 15px;

}

#top_wrap > .top_menu > .top_menu_area > ul > li a:hover{
	color: #ffa800;
}

#top_wrap > .top_menu > .top_menu_area > ul > li a.active{
	color: #ffa800;
}
*/

/*=================================*/
/*========== Main Styles ==========*/
/*=================================*/

#main_wrap {
	width: 100%;
	height: auto;
	margin-top:35px;
	float: none;
}

#main_wrap > .main_area {
	width: 1146px;
	height: auto;
	margin: 0 auto;
}

#main_wrap > .main_area > .main_visual{
	width: 1146px;
	height: 517px;
	margin: 0 auto;
}



#main_wrap > .main_area > .main_con{
	width: 1146px;
	height: 560px;
	margin: 30px 0px;
}

#main_wrap > .main_area > .main_con > .con00{
	width: 265px;
	height: 34px;
	margin-bottom: 0px;
	float: left;
}

#main_wrap > .main_area > .main_con > .con00 > ul li{
	width: 265px;
	height: 107px;
	margin: 0px 0px 0px 10px;
}

#main_wrap > .main_area > .main_con > .con01{
	width: 548px;
	height: 140px;
	margin-left:60px;
	margin-bottom: 10px;
	/*background: url('../img/main_con01.jpg') no-repeat;*/
	float: left;
}

/*======
#main_wrap > .main_area > .main_con > .con01 > ul li{
	width: 1160px;
	height: 161px;
	margin: 55px 20px 10px 20px;
}
=====*/

#main_wrap > .main_area > .main_con > .con02{
	width: 246px;
	height: 268px;
	margin-left:25px;
	margin-bottom: 10px;
	background: url('../img/main_con02.jpg') no-repeat;
	float: left;
}

/*===#main_wrap > .main_area > .main_con > .con02 > ul li{
	width: 1160px;
	height: 161px;
	margin: 55px 20px 10px 20px;
}
====*/
#main_wrap > .main_area > .main_con > .con03{
	width: 870px;
	height: 107px;
	margin-top:-120px;
	margin-bottom: 10px;
	background: url('../img/main_con03.jpg') no-repeat;
	float: left;
}

/*====#main_wrap > .main_area > .main_con > .con03 > ul li{
	width: 1160px;
	height: 161px;
	margin: 55px 20px 10px 20px;
}
=====*/
#main_wrap > .main_area > .main_con > .con04{
	width: 1120px;
	height: 43px;
	margin-left:10px;
	background: url('../img/main_con04.jpg') no-repeat;
	float: left;
}

#main_wrap > .main_area > .main_con > .con04 > ul li{
	width: 565px;
	height: 156px;
	margin: 60px 10px 10px 10px;
}


/*===================================*/
/*============ sub Styles ============*/
/*===================================*/


#sub_wrap{
	width: auto;
	height: auto;
	overflow: hidden;
	border: 1px solid #ffffff;
}

#sub_wrap > .sub_area{
	width: 1146px;
	height: auto;
	margin: 10px auto;
	background: white;
	overflow: hidden;
	border: 1px solid #ffffff;
}

#sub_wrap > .sub_area > .sub_visual{
	width: 1146px;
	height: 220px;
	margin: 0 auto;

}

#sub_wrap > .sub_area > .sub_area_in{
	width: 1146px;
	height: auto;
	padding: 20px;
}

#sub_wrap > .sub_area > .sub_area_in > .left_menu{
	width: 213px;
	height: auto;
	overflow: hidden;
	float: left;
}

#sub_wrap > .sub_area > .sub_area_in > .left_menu > .left_menu_title{
	width: 200px;
	height: 65px;
	float: left;
}

#sub_wrap > .sub_area > .sub_area_in > .left_menu > .left_menu_title > ul{
	width: 180px;
	height: 40px;
	padding: 20px;
}

#sub_wrap > .sub_area > .sub_area_in > .left_menu > .left_menu_title > ul > li{
	font-size: 10px;
	color: #777777;
	line-height: 15px;
}

#sub_wrap > .sub_area > .sub_area_in > .left_menu > .left_menu_title > ul > li span{
	font-size: 25px;
	font-weight: bold;
	color: #e66012;
	line-height: 10px;

}

#sub_wrap > .sub_area > .sub_area_in > .left_menu > .left_menu_sub{
	width: 200px;
	height: auto;
	float: left;
}

#sub_wrap > .sub_area > .sub_area_in > .left_menu > .left_menu_sub > ul{
	width: 200px;
	height: 39px;
	border-bottom: 1px solid #f4eee0;
	float: left;
}

#sub_wrap > .sub_area > .sub_area_in > .left_menu > .left_menu_sub > ul > li{
	width: 190px;
	height: 39px;
	font-size: 14px;
	font-weight: bold;
	text-align: left;
	color: #454545;
	line-height: 40px;
	
}

#sub_wrap > .sub_area > .sub_area_in > .left_menu > .left_menu_sub > ul > li a{
	width: 200px;
	height: 39px;
	font-size: 14px;
	font-weight: bold;
	text-align: left;
	color: #454545;
	line-height: 40px;
	padding-left: 10px;
	float: left;
}

#sub_wrap > .sub_area > .sub_area_in > .left_menu > .left_menu_sub > ul > li a:hover{
	color: #e66012;
}

#sub_wrap > .sub_area > .sub_area_in > .left_menu > .left_menu_sub > ul > li a.active{
	width: 200px;
	height: 40px;
	color: #ffffff;
	background: url('../img/leftnavi_ov.jpg');
}

#sub_wrap > .sub_area > .sub_area_in > .sub_con{
	width: 830px;
	height: auto;
	margin-left: 280px;
}

#sub_wrap > .sub_area > .sub_area_in > .sub_con > .sub_title_area{
	width: 830px;
	height: 59px;
	border-bottom: 1px solid #e5e5e5;
}

#sub_wrap > .sub_area > .sub_area_in > .sub_con > .sub_title_area > .sub_title{
	width: auto;
	height: 39px;
	padding-top: 10px;
	float: left;
}

#sub_wrap > .sub_area > .sub_area_in > .sub_con > .sub_title_area > .sub_title > ul li{
	font-size: 10px;
	font-weight: bold;
	color: #777777;
	letter-spacing: 0.3px;
}

#sub_wrap > .sub_area > .sub_area_in > .sub_con > .sub_title_area > .sub_title > ul li span{
	font-size: 30px;
	font-weight: bold;
	color: #555555;
	line-height: 30px;
}

#sub_wrap > .sub_area > .sub_area_in > .sub_con > .sub_title_area > .home{
	width: auto;
	height: 39px;
	padding-top: 10px;
	float: right;
}

#sub_wrap > .sub_area > .sub_area_in > .sub_con > .sub_title_area > .home > ul li{
	font-size: 11px;
	text-align: right;
	line-height: 39px;
	color: #777777;
}

#sub_wrap > .sub_area > .sub_area_in > .sub_con > .sub_txt{
	width: 810px;
	height: auto;
	min-height: 400px;
	margin: 30px 0px;
	float: none;
}

#sub_wrap > .sub_area > .sub_area_in > .sub_con > .sub_txt ul li span{
	font-size: 13px;
	font-weight: bold;
	color: #444444;
	text-align: left;
}

#sub_wrap > .sub_area > .sub_area_in > .sub_con > .sub_txt ul li.span01{
	line-height: 20px;
	font-size: 11px;
}

#sub_wrap > .sub_area > .sub_area_in > .sub_con > .sub_txt ul li.span01{
	background-color: #e66012;
	color: #ffffff;
	width: 80px;
	height: 20px;
	display: block;
	text-align: center;
	line-height: 20px;
	float: left;
}

/*¿À½Ã´Â±æ*/
.com_info{
	width:auto;
	height:auto;
	margin-top:20px;
	overflow: hidden;
}

.com_info h3{
	font-size: 18px;
	font-weight: bold;
	line-height: 50px;
	text-align: center;
}

.com_info .info{
	width:250px;
	height:120px;
	float:left;
	text-align:center;
	border-bottom:1px solid #555555;
	margin-top: 20px;
}

.com_info .info.space{ margin-left:25px; margin-top: 20px; }

.com_info .info h4{
	text-align:center;
	line-height:50px;
	background-color:#333333;
	color:#ffffff;
	font-size:16px;
	-webkit-border-radius:25px;
	-o-border-radius:25px;
	-moz-border-radius:25px;
	border-radius:25px;
}

.com_info .info p{ line-height:20px; }
.com_info .info p a{color:#555555;}
.com_info .info p a:hover{ color:#000000; }


/*===================================*/
/*============ Site Map Styles ============*/
/*===================================*/

#sitemap_wrap{
	width: 100%;
	height: 410px;
	background: url('../img/bg_sitemap.jpg');
	overflow: hidden;
}

#sitemap_wrap > .sitemap_area{
	width: 1100px;
	height: 410px;
	margin: 30px auto;
	
}

#sitemap_wrap > .sitemap_area > ul{
	width: 177px;
	height: 410px;
	float: left;
}

#sitemap_wrap > .sitemap_area > ul > li.title{
	font-size: 14px;
	font-weight: bold;
	line-height: 25px;
	color: #c0c0c0;
}

#sitemap_wrap > .sitemap_area > ul > li{
	width: 173px;
	height: auto;
	margin-left: 10px;
	font-size: 12px;
	font-weight: bold;
	line-height: 20px;
	color: #c0c0c0;
	float: left;
}

#sitemap_wrap > .sitemap_area > ul > li a{
	font-size: 12px;
	font-weight: bold;
	line-height: 20px;
	color: #c0c0c0;
	float: left;
}

#sitemap_wrap > .sitemap_area > ul > li a:hover{ 
	color: #ffffff;
}

/*===================================*/
/*========== Footer Styles ==========*/
/*===================================*/

#footer_wrap {
	width: 100%
	height: 150px;
	margin: 0 auto;
	background: url('../img/bg_bot.jpg') repeat-x;
	float: none;
}

#footer_wrap > .footer_area{
	width: 1100px;
	height: 150px;
	margin: 0 auto;
}

#footer_wrap > .footer_area > .prov{
	width: 1100px;
	height: 69px;
	float: left;
	text-align:center;
}

#footer_wrap > .footer_area > .prov > ul {
	width: 1100px;
	height: 13px;
	margin: 29px 0px 27px 0px;
}

#footer_wrap > .footer_area > .prov > ul > li{
	font-size: 11px;
	color: #454545;
	font-weight: bold;
	letter-spacing: 0.3px;
}

#footer_wrap > .footer_area > .prov > ul > li a{
	font-size: 12px;
	color: #454545;
	font-weight: bold;
	letter-spacing: 0.3px;
}

#footer_wrap > .footer_area > .prov > ul > li a:hover{
	color: #e66012;
}

#footer_wrap > .footer_area > .copy{
	width: 1100px;
	height: 130px;
	text-align:center;
}

#footer_wrap > .footer_area > .copy > ul{
	width: 1100px;
	height: 33px;
	margin-bottom: 58px;
	float: none;
}

#footer_wrap > .footer_area > .copy > ul > li.txt{
	width: 1100px;
	height: 33px;
	font-size: 13px;
	color: #d7d7d7;
	font-weight: bold;
	line-height: 20px;
	letter-spacing: 0.3px;
	float: left;
	margin-bottom:50px;
	
}


/*==========================================*/
/*========== Custom Slider Styles ==========*/
/*==========================================*/


#slider {
	position: relative;
    width: 1146px;
    height: 560px;
	background: url(../img/slider/loading.gif) no-repeat 50% 50%;
}
#slider img {
	position: absolute;
	top: 0px;
	left: 0px;
	display: none;
}
#slider a {
	border: 0;
	display: block;
}

.nivo-controlNav {
	z-index: 50;
	position: absolute;
	right: 15px;
	top: 15px;
}
.nivo-controlNav a {
	display: block;
	width: 15px;
	height: 15px;
	background: url(../img/slider/bullets.png) no-repeat;
	text-indent: -9999px;
	border: 0;
	margin-right: 5px;
	float: left;
}
.nivo-controlNav a.active {
	background-position: 0 -15px;
}

.nivo-directionNav a {
	z-index: 92;
	display: block;
	width: 30px;
	height: 30px;
	background: url(../img/slider/arrows2.png) no-repeat;
	text-indent: -9999px;
	border: 0;
}
a.nivo-nextNav {
	background-position: -30px 0;
	right: 15px;
}
a.nivo-prevNav {
	left: 15px;
}

.nivo-caption {
    text-shadow: none;
    font-family: Helvetica, Arial, sans-serif;
}
.nivo-caption a { 
    color: #efe9d1;
    text-decoration: underline;
}