@charset "utf-8";

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:12px;line-height:1.25em;font-family:"돋움",dotum,Helvetica,AppleGothic,Sans-serif}
body{position:relative;background-color:#fff; color:#000;word-wrap:break-word;word-break:break-all}
img,fieldset{border:0}
ul,ol{list-style:none}
a:link {color:#0000FF; text-decoration:none }
a:visited {color:#0000FF; text-decoration:none }
a:hover {color:#0000FF; text-decoration:none }





/* Text Color */


.text_yellow { font-size:11pt; color: #fcff00; line-height:1.5; font-weight: bold; }
.text_orange { font-size:11pt; color: #FF6600;	 line-height:1.5; font-weight: bold;	}

.text_yellow_s { font-size:11pt; color: #fcff00;  line-height:1.5; }
.text_orange_s { color: #FF6600; line-height:1.5; }
.text_black_s { font-size:11pt; color: #000000;	 line-height:1.5; }
.text_black { font-size:11pt; color: #000000;	 line-height:1.5;  font-weight: bold;}

.text_darkgrey{ font-size:14pt; color:#4c4c4c;	line-height:1.5; font-weight: bold;}
.text_darkred { font-size:14pt; color:#990000;  line-height:1.5; font-weight: bold;  }

.text_darkgrey_s{ font-size:12pt; color: #4c4c4c;	 line-height:1.5;  font-weight: bold;}
.text_blue{ color: ##0000FF; line-height:1.5; }


/*  Main  */ 
#wrap { width: 100%; height:auto; margin:0 auto; }
#top { width: 100%; height:auto;  margin:0; padding:0;}

.sub_menu{text-align:right;  background:url(../../images/sub_m_bg.jpg) top; HEIGHT: 40px; }

/*  Main_menu  */ 
#menu  {width:100%; position:relative; padding:0; background:url(../../images/mp_main_bg.jpg) no-repeat center top; background-size:100% ;}

#container { width:100%; position:relative; padding-top:20px; padding-left:5px;}
#container .icon { overflow:hidden; padding:0;}
#container .icon li {
	float:left;
	position:relative;
	width:73px;
	height:73px;
	list-style:none;
	margin-top: 0px;
	margin-right: 3px;
	margin-bottom: 3px;
	margin-left: 3px;
}
#container .icon a .btn { display:block; width:73px; height:73px; }
#container .icon .m1 { background:url(../../images/icon1.png);}
#container .icon .m2 { background:url(../../images/icon2.png);}
#container .icon .m3 { background:url(../../images/icon3.png);}
#container .icon .m4 { background:url(../../images/icon4.png);}
#container .icon .m5 { background:url(../../images/icon5.png);}
#container .icon .m6 { background:url(../../images/icon6.png);}
#container .icon .m7 { background:url(../../images/icon7.png);}
#container .icon .m8 { background:url(../../images/icon8.png);}



/*  room  */
#room_menu  {width:100%; position:relative; padding:0;}
#room_container { width:100%; position:relative; padding-top:20px; padding-left:5px; padding-bottom:30px;}
#room_container .room_icon { overflow:hidden; padding:0;}
#room_container .room_icon li { float:left; position:relative; width:73px; height:74px; list-style:none; margin:0;}
#room_container .room_icon a .bt { display:block; width:73px; height:74px; }
#room_container .room_icon .room_m1 { background:url(../../images/pv_icon1.png);}
#room_container .room_icon .room_m2 { background:url(../../images/pv_icon2.png);}
#room_container .room_icon .room_m3 { background:url(../../images/pv_icon3.png);}
#room_container .room_icon .room_m4 { background:url(../../images/pv_icon4.png);}
#room_container .room_icon .room_m5 { background:url(../../images/pv_icon5.png);}
#room_container .room_icon .room_m6 { background:url(../../images/pv_icon6.png);}
#room_container .room_icon .room_m7 { background:url(../../images/pv_icon7.png);}
#room_container .room_icon .room_m8 { background:url(../../images/pv_icon8.png);}
#room_container .room_icon .room_m9 { background:url(../../images/pv_icon9.png);}
#room_container .room_icon .room_m10 { background:url(../../images/pv_icon10.png);}
#room_container .room_icon .room_m11 { background:url(../../images/pv_icon11.png);}
#room_container .room_icon .room_m12 { background:url(../../images/pv_icon12.png);}
#room_name{  padding-bottom:3px;}
#sub_name{  padding-top:5px; padding-left:5px;}



/*  board */
#board_menu  {width:100%; position:relative; padding:0;}
#board_container { width:100%; position:relative; padding-top:20px; padding-left:5px; padding-bottom:30px;}
#board_container .board_icon { overflow:hidden; padding:0;}
#board_container .board_icon li { float:left; position:relative; width:73px; height:73px; list-style:none; margin:0;}
#board_container .board_icon a .bt { display:block; width:73px; height:73px; }
#board_container .board_icon .board_m1 { background:url(../../images/icon_c1.png);}
#board_container .board_icon .board_m2 { background:url(../../images/icon_c2.png);}
#board_container .board_icon .board_m3 { background:url(../../images/icon_c3.png);}
#board_container .board_icon .board_m4 { background:url(../../images/icon_c4.png);}





#room_name{  padding-bottom:3px;}
#sub_name{   padding-left:5px; padding-bottom:5px;}










#wrap #tel { width:100%; height:auto; float: left; margin-top: 10px; margin-right: 10px; margin-bottom: 10px; margin-left: 0px; }


#top_b { width: 100%; height:33px; background-repeat: no-repeat; background-image:url(../../images/h_b_bt.jpg); background-position: top; margin-top: 30px; margin-right: 0; margin-bottom: 30px; margin-left: 0; padding-right: 20px; padding-left: 20px; }
#top_bts{ width:180px; height:33px; float: left; }
#home_bt{ float: left; margin-top: 3px; margin-bottom: 0px; margin-right: 0px; margin-left: 55px; }
#back_bt{ float: right; margin-top: 3px; margin-right: 10px; margin-bottom: 0px; margin-left: 0px; }


#room_info{ height: 2050px; width: 100%; margin-top: 0px; margin-right: 0px; margin-left: 0px; }
#room_title{ height: 76px; width: 100%; }
#room_pic{ background-image: url(../../images/room_pic_bg.jpg); height: 289px; width: 100%; margin-right: auto; margin-left: auto; margin-top: 0px; padding-top: 10px; background-repeat: no-repeat; }
#bg_ed{ width: 100%; margin-right: auto; margin-left: auto; }
#pic{ width: 100%; }

#board{ {width: 100%; border-width: 0px; vertical-align: top; float: none; padding: 0px; text-align: center; height: auto; overflow:auto;}
#reser{ {width: 100%; border-width: 0px; vertical-align: top; float: none; padding: 0px; text-align: center; height: auto; overflow:auto;}
#reser_b { width: 100%; height:33px; background-repeat: no-repeat; background-image:url(../../images/reser_date_txt.jpg); background-position: top; margin-top: 30px; margin-right: 0; margin-bottom: 30px; margin-left: 0; padding-right: 20px; padding-left: 20px; }

#room_txt { text-align:left; padding-left:15px;}
#traffic_txt { text-align:left; margin-left: 110px; }
#reser_txt { text-align:left; margin-left: 110px; }



#copy{
	clear:both;
	width: 100%;
	height:auto;
	padding:0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
		
}
#copy .top_bt{
	width:57px;
	height:30px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 0px;
	margin-bottom: 0px;
}