@charset "utf-8";
@import url("webfont.css");
@import url("reset.css");
@import url("sub.css");
@import url("bootstrap-responsive.css");
@import url("bootstrap-ko.css");
/* bg */
body{background:url(../../images/common/bg.gif)  no-repeat center fixed}
.wrap{width:1004px;background:#fff;margin:0 auto}

/* header */
#header{padding:0 20px;position:relative}

.logo{height:66px;padding:30px 0 0 18px; width:240px; position:relative; overflow:hidden;}
.logo img{opacity:0;}
.utill{position:absolute;top:0;right:20px}
.utill ul li{float:left}

.gnb{overflow:hidden}
.gnb ul{height:61px}
.gnb ul li{float:left;height:47px;padding:13px 0 0 0 ;text-align:center;border-right:1px solid #e6e6e6}
.gnb ul li:first-child{border-left:1px solid #e6e6e6}
.gnb ul li a {color:#5e5e5e;display:inline-block}

/* 시작 : 메뉴 오버 색생변경 */
.gnb ul li a:hover {color:#F00}
.gnb ul li.on{background:#e9e9e9}
/* 끝: 메뉴 오버 색생변경 */

.gnb ul li a span{display:block;font-family:"NGothicB","Dotum","Gulim";font-size:16px}
.gnb_01{width:145px}
.gnb_02{width:125px}
.gnb_03{width:116px}
.gnb_04{width:165px}
.gnb_05{width:150px}
.gnb_06{width:105px}
.gnb_07{width:145px}

/* contents */
#contents{padding:0 20px;margin:25px 0 0 0}


.visual {overflow:hidden;position:relative;margin:0 auto}
.visual ul li {display:inline}
.visual ul li span {position:absolute;z-index:0;overflow:hidden}
.visual ul li a {width:13px;height:14px;position:absolute;bottom:32px;z-index:1;overflow:hidden;background:url(http://demoon84.cafe24.com/Demo/imgRolling/images/btn_visual_off.png) 0 0 no-repeat;   text-indent:-99em}
.visual ul li a.on {background:url(http://demoon84.cafe24.com/Demo/imgRolling/images/btn_visual_on.png) 0 0 no-repeat}
.controler {position:absolute;z-index:9;bottom:27px}
.visual button {border:none;width:22px;height:20px;overflow:hidden;text-indent:-99em;color:#fff;cursor:pointer;float:left;margin-right:2px}


.intro{text-align:center;margin-top:45px}
.intro .tit{font-size:26px;margin:20px 0 10px 0;font-family:"NGothicB","Dotum","Gulim"}
.intro .intro_list{position:relative;background:url(../../images/common/bg_01.gif) no-repeat 0 0;height:186px;margin-top:42px;padding:15px 0 0 247px}
.intro .intro_list ul {overflow:hidden}
.intro .intro_list ul li{float:left;margin-right:5px}
.intro .intro_list ul li span{display:block;font-family:"NGothicB","Dotum","Gulim"}
.intro .intro_list a.btn_more{position:absolute;bottom:45px;left:67px}

.room_preview{overflow:hidden}
.room_preview .tit{width:100%;text-align:center;margin:30px 0 0 0}
.room_preview .list{
	padding: 5px 0;
	border-top-width: 0px;
	border-bottom-width: 2px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #7f7f7f;
	border-bottom-color: #dfdfdf;
}
.room_preview .list ul{overflow:hidden;margin:20px 0 0 0;border-bottom:1px  dashed #b1b1b1}
.room_preview .list ul.noborder{border:none}
.room_preview .list ul li{float:left;margin-left:9px}
.room_preview .list ul li:first-child{margin-left:0}
.room_preview .list ul li span{display:block;padding:10px 0 18px 5px}

.room_preview .list ul li span strong{color:#000}

.joyful{height:280px;background:url(../../images/common/bg_joyful.jpg) no-repeat 0 0}
.joyful ul{margin-left:325px;padding:70px 0 35px 0;overflow:hidden}
.joyful ul li{float:left;width:89px;height:90px;margin-right:14px}
.joyful ul li a{display:block;width:89px;height:90px}
.btn_top{text-align:center}

/* footer */
#footer{background:#f3f3f3;border-top:1px solid #e4e3e0}

.contact{width:462px;padding:20px;float:left}
.contact .tit{font-size:14px;margin-bottom:20px}
.contact .important{margin-bottom:20px} 
.contact .important li{font-size:14px;font-family:"NGothicB","Dotum","Gulim"}
.contact ul li{color:#5a5a5a;margin-bottom:5px}

.map{width:470px; padding: 20px 16px 20px 14px;float:left}
.map .tit{font-size:14px;margin-bottom:20px}

.copyright{clear:both;height:96px;text-align:center;color:#e8e8e8;background:#636363;overflow: hidden}
.copyright .link_set{margin:10px 0 15px 0}
.copyright .link_set a{color:#fff;font-size:14px;padding:8px 12px;background:#000;display:inline-block;margin-left:3px}