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

html,body{
	width:100%;
	min-width:1240px;
	height:100%;
	margin:0 auto;
	padding:0;
	background-color:transparent;
}
body {
	font-size:13px;
	color:#555;
	line-height:18px;
	font-family: 'Nanum Gothic', serif;
	position:absolute;
	z-index:0;
}
div,p,h1,h2,h3,h4,td,tr,ul,li,img,a,input{
	margin:0;
	padding:0;
}
li{
	list-style:none;
}
a{
	text-decoration:none;
}
a,img{ border:0; }
img{
	border:none;
	margin:0;
	padding:0;
	display:block;
}
div,ul,li,h1,h2,h3,h4,h5,ol,dl,dt,dd,p,body,a {
	margin:0;
	padding:0;
}

.cleaner{ clear:both; }


/*===============header시작===============*/
#header{
	width:100%;
	min-width:1240px;
	height:65px;
	background-color:#fff;
	position:relative;
	padding-top:20px;
	border-bottom:1px solid #1a4070;
	z-index:9999;
}
/*단축버튼*/
#header #quick_wrap{
	width:100%;
	min-width:1240px;
	height:12px;
}
#quick{
	width:984px;
	height:12px;
	margin:0 auto;
	text-align:right;
	line-height:12px;
	color:#bbb;
}
#quick > a {
	color:#888;
	font-family: 'Nanum Gothic', serif;
	font-weight:bold;
	font-size:11px;
	line-height:12px;
	vertical-align:top;
}
#quick > a:hover{color:#1a4070;}
/**/

/*header 메뉴*/
#header_menu{
	width:1100px;
	height:53px;
	margin:0 auto;
	position:relative;
}
#header_menu .Mmenu_wrap{
	width:1100px;
	height:53px;
	margin:0 auto;
}
#header_menu .Mmenu_wrap > div{ float:left; }

.Hlogo{
	width:150px;
	height:53px;
	margin-right:50px;
}

.Mmenu{
	width:auto;
	height:53px;
}
.Mmenu .Mn{ 
	height:53px;
	background:url('../images/main_menu.png') no-repeat;
}
.Mmenu .Mn.space{ margin-right:70px; }
.Mmenu .Mn.mn_01{ width:52px; background-position:0 0; }
.Mmenu .Mn.mn_02{ width:110px; background-position:-62px 0; }
.Mmenu .Mn.mn_03{ width:90px; background-position:-182px 0; }
.Mmenu .Mn.mn_04{ width:80px; background-position:-272px 0; }
.Mmenu .Mn.mn_05{ width:54px; background-position:-360px 0; }
.Mmenu .Mn.mn_06{ width:44px; background-position:-418px 0; }

/*서브메뉴*/
.Smenu{
	width:100px;
	height:auto;
	padding:15px 5px;
	background-color:#1a4070;
	display:none;
	position:absolute;
	-webkit-border-top-right-radius:7px;
	-webkit-border-bottom-left-radius:7px;
	-moz-border-top-right-radius:7px;
	-moz-border-bottom-left-radius:7px;
	-o-border-top-right-radius:7px;
	-o-border-bottom-left-radius:7px;
	border-top-right-radius:7px;
	border-bottom-left-radius:7px;
}
.Smenu li{ float:center; }
.Smenu li a{
	font-family: 'Nanum Gothic', serif;
	font-weight:bold;
	font-size:12px;
	line-height:20px;
	color:#eee;
}
.Smenu li a:hover{ color:#ffcb4d; }
.Smenu li.dot{
	width:2px;
	height:2px;
	margin:14px 8px;
	background-color:#ccc;
}

/*===============header끝===============*/


/*===============index시작===============*/

#Content{
	width:100%; 
	display:block;
	position:relative;
}
.main{
	width:100%;
	height:auto;
}
#Content.sub{
	width:1024px;
	height:auto;
	margin:0 auto;
	padding:60px 0;
}
/*메인비주얼*/
#visual{
	width:100%;
	min-width:1240px;
	height:350px;
	position:relative;
	background-color:#eee;
}
#visual .vis_wrap{
	width:1024px;
	height:350px;
	margin:0 auto;
	background-color:#ccc;
	position:relative;
}
#visual .vis_wrap > div{ float:left; }

#visual .vis_wrap .prod_01{
	width:302px;
	height:350px;
	position:absolute;
}


#visual .vis_wrap .prod_02{
	width:442px;
	height:175px;
	position:absolute;
	top:0;
	left:302px;
}

#visual .vis_wrap .prod_03{
	width:442px;
	height:175px;
	position:absolute;
	top:175px;
	left:302px;
}

#visual .vis_wrap .prod_04{
	width:280px;
	height:350px;
	position:absolute;
	left:744px;
}


#visual .vis_wrap .clear_01{
	width:302px;
	height:350px;
	position:absolute;
	background:url('../images/clear_01.png') no-repeat;
}
#visual .vis_wrap .clear_02{
	width:442px;
	height:175px;
	position:absolute;
	background:url('../images/clear_02.png') no-repeat;
}
#visual .vis_wrap .clear_03{
	width:280px;
	height:350px;
	position:absolute;
	background:url('../images/clear_03.png') no-repeat;
}

/*
#visual .vis_wrap .prod_01{
	width:744px;
	height:350px;
	position:relative;
}
#visual .vis_wrap .prod_01 .newprod_01{ float:left; }
#visual .vis_wrap .prod_01 .prod_0101{
	width:302px;
	height:350px;
	position:relative;
}
#visual .vis_wrap .prod_01 .prod_0102{
	width:442px;
	height:175px;
	position:relative;
}
#visual .vis_wrap .prod_01 .clear_01{
	opacity:0.3;
	filter:alpha(opacity=30);
	background-color:#fff;
	position:absolute;
}
#visual .vis_wrap .prod_01 .prod_0101 .clear_01{ width:302px; height:350px; }
#visual .vis_wrap .prod_01 .prod_0102 .clear_01{ width:442px; height:175px; }

#visual .vis_wrap .prod_02{
	width:722px;
	height:350px;
	position:relative;
	left:302px;
}
#visual .vis_wrap .prod_02 .newprod_02{ float:left; }
#visual .vis_wrap .prod_02 .prod_0201{
	width:442px;
	height:175px;
	position:relative;
	top:-175px;
}
#visual .vis_wrap .prod_02 .prod_0202{
	width:280px;
	height:380px;
	position:relative;
	top:-350px;
}
#visual .vis_wrap .prod_02 .clear_02{
	opacity:0.3;
	filter:alpha(opacity=30);
	background-color:#fff;
	position:absolute;
}
#visual .vis_wrap .prod_02 .prod_0201 .clear_02{ width:442px; height:175px; }
#visual .vis_wrap .prod_02 .prod_0202 .clear_02{ width:280px; height:350px; }


#visual .vis_wrap > div{ 
	height:350px;
	float:left;
	background-color:#666;
}
#visual .vis_wrap > .prod_0101{ width:302px; position:relative; }
#visual .vis_wrap > .prod_0101 .clear_01{
	width:302px;
	height:350px;
	position:absolute;
	background-color:#fff;
	opacity:0.3;
	filter:alpha(opacity=30);
}
#visual .vis_wrap .prod_0102{
	width:442px;
	height:175px;
	position:relative;
	top:0;
	left:0;
}

#visual .vis_wrap > .prod_02{ width:442px; }
#visual .vis_wrap .prod_0102 .claer_01{
	width:442px;
	height:175px;
	position:absolute;
	background-color:#fff;
	opacity:0.3;
	filter:alpha(opacity=30);
}
#visual .vis_wrap .prod_0302 .claer_02{
	width:442px;
	height:175px;
	position:absolute;
	background-color:#fff;
	opacity:0.3;
	filter:alpha(opacity=30);
}

#visual .vis_wrap > .prod_0301{ width:280px; position:relative; }
#visual .vis_wrap > .prod_0301 .clear_02{
	width:280px;
	height:350px;
	position:absolute;
	background-color:#fff;
	opacity:0.3;
	filter:alpha(opacity=30);
}
*/

/*content*/
.content_nav{
	width:984px;
	height:110px;
	margin:0 auto;
	margin-top:30px;
}
.content_nav .con_nav{
	width:205px;
	height:90px;
	float:left;
	padding:10px 20px;
}
.content_nav > div.line{
	border-right:1px solid #333333;
}
.con_nav .con_title{
	font-family: 'Arial';
	font-weight:700;
	font-size:15px;
	line-height:15px;
	color:#333;
}
.con_nav .con_title span{
	margin-left:5px;
	font-family: 'Nanum Gothic', serif;
	line-height:15px;
	font-size:11px;
	font-weight:600;
	color:#666;
}
.con_nav .con_note{
	width:205px;
	height:64px;
	margin-top:10px;
}
.con_nav .con_note p{
	font-family: 'Nanum Gothic', serif;
	font-size:11px;
	color:#666;
}
.con_nav .con_note p span{
	font-family: 'Nanum Gothic', serif;
	line-height:28px;
	font-size:16px;
	font-weight:800;
	color:#0c1f2b;
}
.con_nav .con_note p span a{
	font-family: 'Nanum Gothic', serif;
	line-height:25px;
	font-size:15px;
	font-weight:700;
	color:#003f67;
}
.con_nav .con_note p span a:hover{
	color:#0c1f2b;
}

.con_nav .con_note .info{
	width:95px;
	height:64px;
	float:left;
	background-color:#ccc;
	background:url('../images/info5.png') no-repeat;
}
.con_nav .con_note .info.space{ margin-left:8px; }
.con_nav .con_note .info.ceo{ background-position:0 0;}
.con_nav .con_note .info.outline{ background-position:-100px 0; }
.con_nav .con_note .info.history{ background-position:-200px 0; }
.con_nav .con_note .info.contact{ background-position:-300px 0; }




/*===============index끝===============*/


/*===============footer시작===============*/

#footer{
	width:100%;
	min-width:1240px;
	height:110px;
	display: block;
	position: relative;
	margin-top:60px;
	border-top:1px solid #1a4070;
}
#Fwrap{
	width:1024px;
	height:60px;
	margin:0 auto;
	padding:25px 0;
}
#Fwrap li{
	float:left;
	position:relative;
}
 
#Fwrap .logo{
	width:136px;
	height:60px;
	margin-right:100px;
}
#Fwrap .address{
	width:460px;
	height:60px;
	font-family: 'Nanum Gothic', serif;
	font-size:11px;
	line-height:15px;
	color:#888;
}
#Fwrap .address span{ color:#000; }

#Fwrap .code{
	float:right;
}
#Fwrap .qr{
	width:60px;
	height:60px;
}
#Fwrap .prov{
	width:100px;
	height:27px;
	margin-top:6px;
} 

/*===============footer끝===============*/


/*===============sub시작===============*/

#sub_wrapper{
	width:100%;
	min-width:1240px;
	height:auto;
	display:block;
}
#sub_wrapper #sub_wrap{
	width:984px;
	height:auto;
	min-height:500px;
	margin:0 auto;
	padding-top:60px;
}
#sub_wrapper #sub_wrap > div{display:inline-block;float:left;}
.sub_menu{
	width:210px;
	height:auto;
	float:left;
}
.sub_menu .menu_wrap{
	width:210px;
	height:15px;
	background:url('../images/submenu_wrap.png');
}
.sub_menu .menu_wrapT{ background-position:0 0; }
.sub_menu .menu_wrapB{ background-position:0 -15px; }

.sub_menu .menu{
	width:170px;
	height:auto;
	padding:15px 20px;
}

.sub_menu .menu .title{
	width:170px;
	height:45px;
	margin-bottom:20px;
	background:url('../images/submenu_title.png');
}
.sub_menu .menu .title_01{ background-position:0 0; }
.sub_menu .menu .title_02{ background-position:-175px 0; }
.sub_menu .menu .title_03{ background-position:-350px 0; }
.sub_menu .menu .title_04{ background-position:-525px 0; }
.sub_menu .menu .title_05{ background-position:-700px 0; }

.sub_menu .menu .line{ width:170px; height:1px; background-color:#1a4070; }
.sub_menu .menu .mn{width:170px;height:36px;}
.sub_menu .menu .mn1{ background:url('../images/sub1/menu_title.png') no-repeat; }
.sub_menu .menu .menu1-1{ background-position:0 -41px; }
.sub_menu .menu .menu1-2{ background-position:-175px -41px; }
.sub_menu .menu .menu1-3{ background-position:-350px -41px; }
.sub_menu .menu .menu1-4{ background-position:-525px -41px; }
.sub_menu .menu .menu1-5{ background-position:-695px -41px; }
.sub_menu .menu .menu1-1:hover{ background-position:0 0; }
.sub_menu .menu .menu1-2:hover{ background-position:-175px 0; }
.sub_menu .menu .menu1-3:hover{ background-position:-350px 0; }
.sub_menu .menu .menu1-4:hover{ background-position:-525px 0; }
.sub_menu .menu .menu1-5:hover{ background-position:-695px 0; }
.sub_menu .menu .menu1-1.active{ background-position:0 0; }
.sub_menu .menu .menu1-2.active{ background-position:-175px 0; }
.sub_menu .menu .menu1-3.active{ background-position:-350px 0; }
.sub_menu .menu .menu1-4.active{ background-position:-525px 0; }
.sub_menu .menu .menu1-5.active{ background-position:-695px 0; }


.sub_menu .menu .mn2{ background:url('../images/sub2/menu_title.png') no-repeat; }
.sub_menu .menu .menu2-1{ background-position:0 -41px; }
.sub_menu .menu .menu2-2{ background-position:-176px -41px; }
.sub_menu .menu .menu2-3{ background-position:-352px -41px; }
.sub_menu .menu .menu2-4{ background-position:-528px -41px; }
.sub_menu .menu .menu2-5{ background-position:-694px -41px; }
.sub_menu .menu .menu2-6{ background-position:-872px -41px; }
.sub_menu .menu .menu2-7{ background-position:-1048px -41px; }
.sub_menu .menu .menu2-8{ background-position:-1222px -41px; }
.sub_menu .menu .menu2-9{ background-position:-1395px -41px; }
.sub_menu .menu .menu2-10{ background-position:-1564px -41px; }
.sub_menu .menu .menu2-1:hover{ background-position:0 0; }
.sub_menu .menu .menu2-2:hover{ background-position:-176px 0; }
.sub_menu .menu .menu2-3:hover{ background-position:-352px 0; }
.sub_menu .menu .menu2-4:hover{ background-position:-528px 0; }
.sub_menu .menu .menu2-5:hover{ background-position:-694px 0; }
.sub_menu .menu .menu2-6:hover{ background-position:-872px 0; }
.sub_menu .menu .menu2-7:hover{ background-position:-1048px 0; }
.sub_menu .menu .menu2-8:hover{ background-position:-1222px 0; }
.sub_menu .menu .menu2-9:hover{ background-position:-1395px 0; }
.sub_menu .menu .menu2-10:hover{ background-position:-1564px 0; }
.sub_menu .menu .menu2-1.active{ background-position:0 0; }
.sub_menu .menu .menu2-2.active{ background-position:-176px 0; }
.sub_menu .menu .menu2-3.active{ background-position:-352px 0; }
.sub_menu .menu .menu2-4.active{ background-position:-528px 0; }
.sub_menu .menu .menu2-5.active{ background-position:-694px 0; }
.sub_menu .menu .menu2-6.active{ background-position:-872px 0; }
.sub_menu .menu .menu2-7.active{ background-position:-1048px 0; }
.sub_menu .menu .menu2-8.active{ background-position:-1222px 0; }
.sub_menu .menu .menu2-9.active{ background-position:-1395px 0; }
.sub_menu .menu .menu2-10.active{ background-position:-1564px 0; }

.sub_menu .menu .mn3{ background:url('../images/sub3/menu_title.png') no-repeat; }
.sub_menu .menu .menu3-1{ background-position:0 -41px; }
.sub_menu .menu .menu3-2{ background-position:-176px -41px; }
.sub_menu .menu .menu3-3{ background-position:-352px -41px; }
.sub_menu .menu .menu3-4{ background-position:-528px -41px; }
.sub_menu .menu .menu3-5{ background-position:-694px -41px; }
.sub_menu .menu .menu3-6{ background-position:-872px -41px; }
.sub_menu .menu .menu3-7{ background-position:-1048px -41px; }
.sub_menu .menu .menu3-8{ background-position:-1222px -41px; }
.sub_menu .menu .menu3-9{ background-position:-1395px -41px; }
.sub_menu .menu .menu3-10{ background-position:-1564px -41px; }
.sub_menu .menu .menu3-1:hover{ background-position:0 0; }
.sub_menu .menu .menu3-2:hover{ background-position:-176px 0; }
.sub_menu .menu .menu3-3:hover{ background-position:-352px 0; }
.sub_menu .menu .menu3-4:hover{ background-position:-528px 0; }
.sub_menu .menu .menu3-5:hover{ background-position:-694px 0; }
.sub_menu .menu .menu3-6:hover{ background-position:-872px 0; }
.sub_menu .menu .menu3-7:hover{ background-position:-1048px 0; }
.sub_menu .menu .menu3-8:hover{ background-position:-1222px 0; }
.sub_menu .menu .menu3-9:hover{ background-position:-1395px 0; }
.sub_menu .menu .menu3-10:hover{ background-position:-1564px 0; }
.sub_menu .menu .menu3-1.active{ background-position:0 0; }
.sub_menu .menu .menu3-2.active{ background-position:-176px 0; }
.sub_menu .menu .menu3-3.active{ background-position:-352px 0; }
.sub_menu .menu .menu3-4.active{ background-position:-528px 0; }
.sub_menu .menu .menu3-5.active{ background-position:-694px 0; }
.sub_menu .menu .menu3-6.active{ background-position:-872px 0; }
.sub_menu .menu .menu3-7.active{ background-position:-1048px 0; }
.sub_menu .menu .menu3-8.active{ background-position:-1222px 0; }
.sub_menu .menu .menu3-9.active{ background-position:-1395px 0; }
.sub_menu .menu .menu3-10.active{ background-position:-1564px 0; }

.sub_menu .menu .mn4{ background:url('../images/sub4/menu_title.png') no-repeat; }
.sub_menu .menu .menu4-1{ background-position:0 -41px; }
.sub_menu .menu .menu4-2{ background-position:-178px -41px; }
.sub_menu .menu .menu4-3{ background-position:-350px -41px; }
.sub_menu .menu .menu4-4{ background-position:-525px -41px; }
.sub_menu .menu .menu4-1:hover{ background-position:0 0; }
.sub_menu .menu .menu4-2:hover{ background-position:-178px 0; }
.sub_menu .menu .menu4-3:hover{ background-position:-350px 0; }
.sub_menu .menu .menu4-4:hover{ background-position:-525px 0; }
.sub_menu .menu .menu4-1.active{ background-position:0 0; }
.sub_menu .menu .menu4-2.active{ background-position:-175px 0; }
.sub_menu .menu .menu4-3.active{ background-position:-350px 0; }
.sub_menu .menu .menu4-4.active{ background-position:-525px 0; }

.sub_menu .menu .mn5{ background:url('../images/sub5/menu_title.png') no-repeat; }
.sub_menu .menu .menu5-1{ background-position:0 -41px; }
.sub_menu .menu .menu5-2{ background-position:-176px -41px; }
.sub_menu .menu .menu5-3{ background-position:-352px -41px; }
.sub_menu .menu .menu5-4{ background-position:-528px -41px; }
.sub_menu .menu .menu5-5{ background-position:-694px -41px; }

.sub_menu .menu .menu5-1:hover{ background-position:0 0; }
.sub_menu .menu .menu5-2:hover{ background-position:-176px 0; }
.sub_menu .menu .menu5-3:hover{ background-position:-352px 0; }
.sub_menu .menu .menu5-4:hover{ background-position:-528px 0; }
.sub_menu .menu .menu5-5:hover{ background-position:-694px 0; }

.sub_menu .menu .menu5-1.active{ background-position:0 0; }
.sub_menu .menu .menu5-2.active{ background-position:-176px 0; }
.sub_menu .menu .menu5-3.active{ background-position:-352px 0; }
.sub_menu .menu .menu5-4.active{ background-position:-528px 0; }
.sub_menu .menu .menu5-5.active{ background-position:-694px 0; }


.note_board{
	width:694px;
	height:auto;
	margin-left:80px;
	position:relative;
	float:right;
}
.note_board .note_title{height:20px;}
.note_board .note_title li.title{
	float:left;
	font-family: 'Nanum Gothic', serif;
	font-size:20px;
	color:#333;
	line-height:20px;
	font-weight:bold;
	vertical-align:top;
}
.note_board .note_title li.route img{
	margin:2px 5px 0 0;
	float:left;
}
.note_board .note_title li.route{
	float:right;
	font-family: 'Nanum Gothic', serif;
	font-size:10px;
	line-height:13px;
	color:#888;
	vertical-align:top;
}
.note_board .note_title li.route span{color:#000;}

.note_contnet{
	width:694px;
	height:auto;
	display:block;
	margin-top:30px;
}
.note_contnet > div{float:left;}
.note_contnet .note p{
	font-family: 'Nanum Gothic', serif;
	font-size:13px;
	color:#555;
	line-height:18px;
}
.note_contnet .note p span{
	font-weight:600;
}


/*===============sub1-1시작===============*/

.note_contnet .note_1-1{
	width:370px;
	height:auto;
}
.note_contnet .greetings{
	width:284px;
	height:340px;
	margin-left:40px;
}

/*===============sub1-2시작===============*/

.note_contnet .note_1-2{
	width:694px;
	height:auto;
}

.note_contnet .note_1-2 .manager span{
	font-size:13px;
	font-weight:700;
	color:#fff;
}
.note_contnet .note_1-2 p{
	line-height:25px;
}
.note_contnet .note_1-2 p span{
	font-family: 'Nanum Gothic', serif;
	line-height:22px;
	font-size:13px;
	font-weight:600;
	color:#2272a5;
}

.note_board .note_1-2 div.about{
	height:auto;
	float:left;
}
.note_board .note_1-2 div.about_01{ width:400px; }
.note_board .note_1-2 div.about_02{ width:264px; }
.note_board .note_contnet .note .dot{
	width:12px;
	height:12px;
	background-color:#555;
	border-radius:3px;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	-o-border-radius:3px;
	display:inline;
	float:left;
	margin:3px 10px 0 0;
}
.note_board .note_1-2 div.about .space_01{
	line-height:22px;
	padding-left:18px;
}
.note_board .note_1-2 div.about a{
	color:#1a4070;
	font-weight:700;
}
.note_board .note_1-2 div.about a:hover{
	border-bottom:1px solid #aaa;
}

/*===============sub5-1시작 오시는 길===============*/

.map_info{
	width:664px;
	height:auto;
	padding:20px 15px;
	border-top:2px solid #1a406f;
	border-bottom:2px solid #1a406f;
	margin-top:20px;
}
.note_contnet .map_info span{
	background-color:#1a406f;
	color:#fff;
	font-weight:700;
	padding:5px 15px;
	border-radius:5px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	-o-border-radius:5px;
	-ms-border-radius:5px;
}
.note_contnet .map_info > div{ float:left; }
.note_contnet .map_info .info_01{ width:400px; }
.note_contnet .map_info .info_02{ width:254px; }


/*===============sub끝===============*/



/*오시는 길*/
#Content .contact.map{
	width:530px;
	height:400px;
	background-color:#ccc;
}
#Content .contact.motel_info{
	width:294px;
	height:400px;
	margin-left:60px;
	line-height:13px;
}
#Content .contact .motel_info p{
	line-height:13px;
}
#Content .contact.motel_info p.bar{
	border-left:3px solid #000c1a;
}
#Content .contact.motel_info .space{
	width:294px;
	height:auto;
	margin-top:20px;
}
#Content .title_wrap{
	width:294px;
	height:50px;
	font-family:'Arial';
	font-size:18px;
	font-weight:800;
	margin-bottom:30px;
	text-align:center;
	line-height:50px;
	color:#fff;
	border-radius:15px;
	-ms-border-radius:15px;
	-webkit-border-radius:15px;
	-o-border-radius:15px;
	-moz-border-radius:15px;
	background-color:#555;
}
#Content .title_wrap span{
	font-family: 'Nanum Gothic', serif;
	font-size:18px;
	font-weight:800;
	text-align:center;
	line-height:50px;
	color:#fff;
}

#Content .contact.motel_info .bank_wrap{ margin-top:40px; }



/*===============sub끝===============*/