@charset "utf-8";
/* CSS Document */

body,p,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,table,th,td,form,fieldset,legend,input,textarea,button{margin:0;padding:0;-webkit-text-size-adjust:none}
body,input,textarea,select,table,button{font-size:14px;line-height:1.25em;font-family:"돋움",dotum,Helvetica,AppleGothic,Sans-serif }
body{position:relative;background-color:#ffffff; color:#000;word-wrap:break-word;word-break:break-all }
img,fieldset{border:0}
ul,ol{list-style:none}
a:link {color:#000; text-decoration:none }
a:visited {color:#000; text-decoration:none }
a:hover {color:#666; text-decoration:underline }

#wrap { width:100%;}
#head { width:100%; height:50px; background-repeat: repeat-x }
#logo { padding:9px 0 0 0px; float:left; width:160x; }
#head_btn { position:absolute; right:1px; margin-top:32px; }
#head_btn2 { position:absolute; right:1px; margin-top:10px; }
#con{position:relative; padding:0; background:url(images/bg.jpg) no-repeat center top; background-size:100% 100%;}
#container { width:100%; position:relative; padding-top:200px; padding-left:0px;}
#container .icon { overflow:hidden; padding:0;}
#container .icon li { float:left; position:relative; width:100px; height:92px; margin:0px 5px 5px 10px ;list-style:none;}
#container .icon a .btn { display:block; width:100px; height:92px; }
#container .icon .m1 { background:url(images/main_bt1.gif);}
#container .icon .m2 { background:url(images/main_bt2.gif);}
#container .icon .m3 { background:url(images/main_bt3.gif);}
#container .icon .m4 { background:url(images/main_bt4.gif);}
#container .icon .m5 { background:url(images/main_bt5.gif);}
#container .icon .m6 { background:url(images/main_bt6.gif);}
#container .icon .m7 { background:url(images/main_bt7.gif);}
#container .icon .m8 { background:url(images/main_bt8.gif);}

#container0 .icon { overflow:hidden; padding:0;}
#container0 .icon li { float:left; position:relative; width:140px; height:110px; margin:0px 10px 15px 6px ;list-style:none;}
#container0 .icon a .btn { display:block; width:140px; height:110px; }
#container0 .icon .r1 { background:url(images/sub3/ex.jpg);}
#container0 .icon .r2 { background:url(images/sub3/room1.jpg);}
#container0 .icon .r3 { background:url(images/sub3/room2.jpg);}
#container0 .icon .r4 { background:url(images/sub3/room3.jpg);}
#container0 .icon .r5 { background:url(images/sub3/room4.jpg);}
#container0 .icon .r6 { background:url(images/sub3/room5.jpg);}
#container0 .icon .r7 { background:url(images/sub3/room6.jpg);}
#container0 .icon .r8 { background:url(images/sub3/room7.jpg);}
#container0 .icon .r9 { background:url(images/sub3/room8.jpg);}
#container0 .icon .r10 { background:url(images/sub3/room9.jpg);}


#container3 .icon { overflow:hidden; padding:0;}
#container3 .icon li { float:left; position:relative; width:140px; height:110px; margin:0px 10px 15px 6px ;list-style:none;}
#container3 .icon a .btn { display:block; width:140px; height:110px; }
#container3 .icon .tour1 { background:url(images/sub5/tour1.jpg);}
#container3 .icon .tour2 { background:url(images/sub5/tour2.jpg);}
#container3 .icon .tour3 { background:url(images/sub5/tour3.jpg);}

#footer { width:100%; height:26px; text-align:center; background:url("images/bg.gif"); background-repeat:repeat-x; margin-top:5px; }

#conimg { overflow:hidden; padding:0; text-align:center;}
/*#conimg li { float:none; position:relative; margin:0px;list-style:none;}*/
#conimg li { position:relative; margin:0px;list-style:none;}
#conimg .txt { float:none; position:relative; padding-left:5px;list-style:none; color:#f7f7f7; font-size:14px; font-family:"돋움",dotum,Helvetica,AppleGothic,Sans-serif; text-align:left;}
#conimg .txt0 { float:none; position:relative; padding-left:5px;list-style:none; color:#FF0; font-size:14px; font-family:"돋움",dotum,Helvetica,AppleGothic,Sans-serif; text-align:left;}
#conimg .txt1 { float:none; position:relative; padding-left:5px;list-style:none; color:#ae3535; font-size:14px; font-family:"돋움",dotum,Helvetica,AppleGothic,Sans-serif; text-align:left;}
#conimg .txt2 { float:none; position:relative; padding-left:5px;list-style:none; color:#FF0; font-size:14px; font-family:"돋움",dotum,Helvetica,AppleGothic,Sans-serif; text-align:left;}
#conimg .txt4 { float:none; position:relative; padding-left:5px;font-weight:bold;list-style:none; color:#faf866; font-size:15px; font-family:"돋움",dotum,Helvetica,AppleGothic,Sans-serif; text-align:center;}
#conimg .txt5 { float:none; position:relative; padding-left:5px;list-style:none; color:#efee9b; font-size:14px; font-family:"돋움",dotum,Helvetica,AppleGothic,Sans-serif; text-align:left;}
#conimg .txt6 { float:none; position:relative; padding-left:5px;font-weight:bold; color:#efee99; font-size:15px; font-family:"돋움",dotum,Helvetica,AppleGothic,Sans-serif; text-align:left;}
#conimg .txt7 { float:none; position:relative; padding-left:5px;font-weight:bold; ist-style:none; color:#d5612d; font-size:14px; font-family:"돋움",dotum,Helvetica,AppleGothic,Sans-serif; text-align:left;}
#conimg .txt8 { float:none; position:relative; padding-left:5px;list-style:none; color:#2f2f2f; font-size:13px; font-family:"돋움",dotum,Helvetica,AppleGothic,Sans-serif; text-align:left;}
#conimg .txt9 { float:none; position:relative; padding-left:5px;list-style:none; color:#169199; font-size:14px; font-family:"돋움",dotum,Helvetica,AppleGothic,Sans-serif; text-align:left;}
#conimg .txt10 { float:none; position:relative; padding-left:5px;font-weight:bold; color:#4a7412; font-size:14px; font-family:"돋움",dotum,Helvetica,AppleGothic,Sans-serif; text-align:center;}
#conimg .txt3 {
	float:none;
	position:relative;
	padding-left:10px;
	list-style:none;
	color:#FF0;
	font-size:13px;
	font-family:"돋움",dotum,Helvetica,AppleGothic,Sans-serif;
	text-align:left;
	left: 0;
	top: 0;
	height: 0;
	z-index: 0;
}

/*----------------------------------------------
							common
-----------------------------------------------*/				
html, body, form, fieldset, p, div, h1, h2, h3, h4, h5, h6{  
	margin:0;  
	padding:0;  
	-webkit-text-size-adjust:none;  
	text-decoration:none;
}  
h1 { font-size:20px;}

a {
	text-decoration:none;
}

strong {
	font-weight:bold;
}


.intro {
	float:left; 
	width:22%; 
	margin-right:3%; 
	margin-top:2%;
}

.menu {
   float:left; 
   width:30%; 
   margin-right:3%; 
   margin-top:2%;
}



/*----------------------------------------------
					sub1, room, sub4, sub5
-----------------------------------------------*/	

.content { 
	clear:both;
	text-align:left;
	padding:0;
	padding-top:30;
	width:100%;
	margin-top:5px;
	line-height:150%;
	letter-spacing:-.10px;
	min-height:300px; 
}



.img_view {
	margin:0 auto;
	text-align:center;
	margin-top:15px;
	margin-bottom:3px;

}




/*----------------------------------------------
					sub2
-----------------------------------------------*/
.room {
	float:left; 
	width:30%; 
	margin-right:3%; 
	margin-top:2%;
}

.ex {
	float:left; 
	width:30%; 
	margin-right:3%; 
	margin-top:2%;
}

.img_box2 {
	position:relative;
	font-weight:bold;
	float:left;
	width:63px;
	height:50px;
	text-align:center;
	font-size:12px;
	color:#000000;
	padding-top:20px;
	line-height:100%;

}

.img_icon2 {
	position:absolute;
	top:0;
	left:5px;
	width:60px;
	height:46px;
}




/*----------------------------------------------
					sub5
-----------------------------------------------*/

.content2 { 
	clear:both;
	position:relative;
	padding: 0;
	width:100%;
	margin-top:10px;
	min-height:300px; 
}



.homeMenu a:hover, .homeMenu a:visited, .homeMenu a{
	color:white;
	text-decoration:none;
	line-height:100%;
}


/*서브탭메뉴*/
div.subTab {width:100%; border-top:3px solid #c9c9c9;}
div.subTab > div {width:100%; height:35px; overflow:hidden; /*padding:0 0 0 43px;*/ }
div.subTab > div > ul {text-align:center;}
div.subTab > div > ul > li {display:inline;}
div.subTab > div > ul > li a {border-right:1px solid #d0d0d0; color:#e0e0e0; padding:10px 3px 10px 2px; display:inline-block; font-family:"nanumgothicBold";}
div.subTab > div > ul > li a.first {border-left:1px solid #d0d0d0; }
div.subTab > div > ul > li a:hover {color:#8dd0e0;}
div.subTab > div > ul > li a.on {color:#8dd0e0;}

div.subCon {width:100%; border-top:1px solid #d0d0d0; padding:0 0 0 0;}


