@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);
@import url(http://spoqa.github.io/spoqa-han-sans/css/SpoqaHanSans-kr.css);
body {margin:0;padding:0;  text-decoration:none; font-family:"³ª´®°íµñ", "Nanum Gothic", "µ¸¿ò", "Dotum", "±¼¸²", "Gulim", "Sans-serif"; font-size:12px; background:#fff; min-width:1200px;}
div,ul,ol,li,h1,h2,h3,h4,h5,h6,form,fieldset,input,textarea,p,th,td,dl, dt, dd {margin:0;padding:0;}
img{ border:0; vertical-align:middle;}
table { border-collapse:collapse; border-spacing:0; }
ul,li {list-style:none;}
a{text-decoration:none; }

/* common */
#header {position:absolute; width:1280px; left:50%; top:45px; margin-left:-640px; height:84px; z-index:8888; }
#contents {width:100%; position:relative;}
#footer {width:100%; height:110px; color:#414141; text-align:center; padding-top:50px;}

/* header */
.header_wrap {width:100%; height:100%; background:url('../images/main/navi/bg_bar.png') no-repeat;}
.header_wrap .navi h1 { float:left; margin-left:30px; }
.header_wrap .navi .btn_online {display:block; float:left; margin-left:1px;}
.header_wrap .navi ul { float:left; margin-left:10px; margin-top:29px; margin-left:10px;}
 
/* navi */
.navi ul li {position:relative; float:left;  font-size:15px; font-weight:600; color:#524319; letter-spacing:1px; margin-left:40px; }
.navi ul li a {color:#333; display: block; letter-spacing:-0.05em; padding:6px 10px;}
.navi ul li.on a, 
.navi:hover ul li:hover>a { color:red; font-weight:bold;}
.navi ul li .sub_m {display:none; position:absolute; top:-1px; left:50%; margin-left:-55px; background:rgba(255,255,255,0.8); border-top:2px solid #fff; padding:3px 0 5px;}
.navi ul li:hover .sub_m {display:block;}
.navi ul li .sub_m li {clear:both; width:110px; margin-left:0; font-size:13px; }
.navi ul li .sub_m li a {color:#524319; text-align:center;}

/* information */
.information {width:100%; height:193px; background:#534726; clear:both; overflow:hidden; position:relative;}
.information ul {position:absolute; top:0; left:50%; margin-left:-640px; width:1280px; height:100%;}
.information ul:after {content:" "; display:block; clear:both; height:0; visibility:hidden; font-size:0; }
.information ul li {float:left; margin-right:27px;}
.information ul li.call {margin:48px 27px 48px 0;}
.information ul li.spe {margin:10px 15px 10px 0;}

/* main */
#contents .main_img {position:relative; width:100%; height:900px;}
#contents .main_img .main_text {position:absolute; z-index:10; top:400px; left:50%; margin-left:-241px; }
#contents .main_img .bx-wrapper {height:900px; margin:0;}
#contents .main_img .bxslider1:after { content:""; display:block; clear:both; height:0;visibility:hidden; font-size:0; }
.bot {position:relative; width:100%; height:362px; margin-top:40px;}
.bot ul {position:absolute; display:block; top:0; left:50%; margin-left:-640px; width:1280px; color:#333;}
.bot ul li {float:left; margin-right:10px;}
.bot ul li.community {position:absolute; bottom:0; right:20px;}
.roomlink {width:355px;}
.roomlink ul {position:relative; float:left; margin:0; padding:0; left:0;}
.roomlink .bx-wrapper, .roomlink .bx-wrapper .bx-viewport {width:100%; margin:0;}
#contents .bot ul li .roomlink ul {margin:0;}
#contents .bot ul li .roomlink .bx-wrapper .bx-controls .bx-pager { display:none; }

/* sub */
#sub_top {width:100%; height: 250px;}
.sub_top01 {width:100%; height:250px; background:url('../images/sub/prologue/top.jpg') no-repeat 50% 50%;}
.sub_top02 {width:100%; height:250px; background:url('../images/sub/preview/top.jpg') no-repeat 50% 50%;}
.sub_top03 {width:100%; height:250px; background:url('../images/sub/special/top.jpg') no-repeat 50% 50%;}
.sub_top04 {width:100%; height:250px; background:url('../images/sub/reservation/top.jpg') no-repeat 50% 50%;}
.sub_top05 {width:100%; height:250px; background:url('../images/sub/travel/top.jpg') no-repeat 50% 50%;}
.sub_top06 {width:100%; height:250px; background:url('../images/sub/traffic/top.jpg') no-repeat 50% 50%;}
.sub_top07 {width:100%; height:250px; background:url('../images/sub/community/top.jpg') no-repeat 50% 50%;}
#sub_contents {width:1280px; margin:auto; }
.title01 {width:100%; height:120px; background:url('../images/sub/prologue/sub_title.png') no-repeat 50% 90%; text-align:center; }
.title02 {width:100%; height:230px; background:url('../images/sub/preview/sub_title.png') no-repeat 50% 50%; text-align:center; }
.title03 {width:100%; height:178px; background:url('../images/sub/rooms/sub_title.png') no-repeat 50% 50%; text-align:center; }
.title04 {width:100%; height:228px; background:url('../images/sub/special/sub_title.png') no-repeat 50% 50%; text-align:center; }
.title05 {width:100%; height:430px; background:url('../images/sub/reservation/sub_title.png') no-repeat 50% 50%; text-align:center; }
.title06 {width:100%; height:234px; background:url('../images/sub/travel/sub_title.png') no-repeat 50% 50%; text-align:center; }
.title07 {width:100%; height:200px; background:url('../images/sub/traffic/sub_title.png') no-repeat 50% 90%; text-align:center; }
.title08 {width:100%; height:200px; background:url('../images/sub/out/sub_title.png') no-repeat 50% 50%; text-align:center; }
.title09 {width:100%; height:200px; background:url('../images/sub/online/sub_title.png') no-repeat 50% 50%; text-align:center; }
.title10 {width:100%; height:200px; background:url('../images/sub/community/sub_title.png') no-repeat 50% 50%; text-align:center; }

/* prologue */
.text {width:1280px; margin:45px auto; text-align:center; color:#9a9a9a; font-size:14px; line-height: 1.8;}
.pro_img {width:100%; height:641px; background:url('../images/sub/prologue/pro_img.png') no-repeat 50% 50%;}
.out_bt {width:432px; height:92px; margin:80px auto;}

/* preview */
.preview { width:100%; padding-bottom:50px; }
.preview_wrap { width:100%; height:100%; }
.preview_wrap ul { margin-left:90px; }
.preview_wrap ul:after { content:""; display:block; clear:both; height:0;visibility:hidden; font-size:0; }
.preview_wrap ul li { float:left; margin-left:15px; margin-bottom:70px; }
.preview_wrap ul li:first-child { margin:0; }
.line {width:1090px; border-top:1px solid #ccc; margin:0 90px 50px 90px; }
.line2 {width:200px; border-top:1px solid #ccc; margin:0 400px 50px 540px; }

/* rooms */ 
.room_name {margin:0 0 40px 0; text-align:center; font-size:15px; color:#8d8d8d;}
.bot_img {width:100%; height:486px; margin:80px 0; background:url('../images/sub/rooms/bot_img.jpg') no-repeat center;; }
.gal_img {width:100%; height:33px; margin-bottom:20px; margin-top:50px;}
.rate { width:100%; height:150px;}
.rate table { width:100%; border-collapse:collapse;  }
.rate table tr { border-top:1px solid #ccc; border-bottom:1px solid #ccc; }
.rate table tr { height:45px;  }
.rate table th { font-size:13px; letter-spacing:1px; text-align:center; color:#000; background:#e0e0e0; border-left:1px solid #ccc; border-top:1px solid #ccc; border-bottom:1px solid #ccc; }
.rate table th:first-child { border-left:none; }
.rate table td:first-child { border-left:none; }
.rate table td { color:#000; font-size:12px; padding:5px 0; line-height:20px; text-align:center; border-left:1px solid #ccc; border-top:1px solid #ccc; border-bottom:1px solid #ccc; }
.rate table span { font-weight:bold; }
.rate p { letter-spacing:0.5px; color:#fff; font-size:12px; }

/* special */
.spe_bt { width:100%; padding-bottom:-10px; }
.spe_bt_wrap { width:100%; height:100%; }
.spe_bt_wrap ul { margin-left:247px; }
.spe_bt_wrap ul:after { content:""; display:block; clear:both; height:0;visibility:hidden; font-size:0; }
.spe_bt_wrap ul li { float:left; margin-left:5px; margin-bottom:70px; }
.spe_bt_wrap ul li:first-child { margin:0; }
.spe_contents_01 {width:100%; height:150px; background:url('../images/sub/special/spe_title01.png') no-repeat 17% 30%;}
.spe_contents_02 {width:100%; height:150px; background:url('../images/sub/special/spe_title02.png') no-repeat 17% 30%;}
.spe_contents_03 {width:100%; height:150px; background:url('../images/sub/special/spe_title03.png') no-repeat 14% 30%;}
.spe_contents_04 {width:100%; height:150px; background:url('../images/sub/special/spe_title04.png') no-repeat 19% 30%;}
.spe_contents_05 {width:100%; height:150px; background:url('../images/sub/special/spe_title05.png') no-repeat 19% 30%;}
.spe_text01 { padding-left:710px; padding-top:35px; font-size:15px; color:#8d8d8d;}
.spe_text02 { padding-left:700px; padding-top:35px; font-size:15px; color:#8d8d8d;}
.spe_text03 { padding-left:690px; padding-top:35px; font-size:15px; color:#8d8d8d;}
.spe_text04 { padding-left:690px; padding-top:35px; font-size:15px; color:#8d8d8d;}
.spe_text05 { padding-left:690px; padding-top:35px; font-size:15px; color:#8d8d8d;}
/* .spe_contents ul { margin-left:30px;}
.spe_contents ul li {margin-left:30px; font-size:15px; color:#8d8d8d;} */

/* reservation */
.reser_title {width:100%; height:33px; margin-bottom:20px; margin-top:20px;}
.reser_rate { width:100%; height:100%;}
.reser_rate table { width:100%; border-collapse:collapse;  }
.reser_rate table tr { border-top:1px solid #ccc; border-bottom:1px solid #ccc; }
.reser_rate table tr { height:45px;  }
.reser_rate table th { font-size:14px; letter-spacing:1px; text-align:center; color:#000; background:#e0e0e0; border-left:1px solid #ccc; border-top:1px solid #ccc; border-bottom:1px solid #ccc; }
.reser_rate table th:first-child { border-left:none; }
.reser_rate table td:first-child { border-left:none; }
.reser_rate table td { height:70px; color:#000; font-size:13px; padding:5px 0; line-height:20px; text-align:center; border-left:1px solid #ccc; border-top:1px solid #ccc; border-bottom:1px solid #ccc; }
.reser_rate table span { font-weight:bold; }
.reser_info ul { margin-bottom:40px; margin-top:20px;}
.reser_info ul li { letter-spacing:0px; color:#5f5f5f; font-size:14px; line-height: 1.8; margin-left:20px; }
.reser_info ul li span {font-weight:600; color:#ff0000;}
.reser_info ul li b {font-weight:600; color:#000;}
.line_dot {width:100%; border-top:1px dotted #ccc; padding:0 0 25px 0;}

.online_area { text-align:center; }

/* travel */
.tra_wrap {width:100%; margin-bottom:30px;}
.tra_wrap:after {content:" "; display:block; clear:both; height:0;visibility:hidden; font-size:0;}
.tra_img {float:left; width:802px; height:353px;}
.tra_text {float:right; width:466px; height:353px;}
.tra_text p {letter-spacing:0px; color:#5f5f5f; font-size:14px; line-height: 1.8; text-align:justify;}
.tra_text h3 { font-size:16px; color:#333; margin-bottom:15px; }

/* traffic */
.map_bg { width:1280px; height:760px; margin-bottom:40px;  } 
.trf_title {width:100%; height:33px; margin-bottom:20px; margin-top:20px;}
.trf_info ul { margin-bottom:40px; margin-top:20px;}
.trf_info ul li { letter-spacing:0px; color:#5f5f5f; font-size:14px; line-height: 1.8; margin-left:20px; }
.trf_info ul li span {font-weight:600; color:#ff0000;}
.trf_info ul li b {font-weight:600; color:#000;}
.line_dot {width:100%; border-top:1px dotted #ccc; padding:0 0 25px 0;}

/* community */
.menu { width:100%; margin-top:30px; margin-bottom:50px;}
.menu ul { }
.menu ul li { float:left; margin-right:-1px; }
.menu ul li a { color:#333; padding:15px 40px; border:1px solid #ccc;  }
.menu ul li a:hover { background:#ccc; color:#fff; font-weight:600; }
.menu1 { margin-left:373px;}

/* quick room */
#quick_room { width:100%; height:50px; background:#fff; border-top:1px solid #ccc; border-bottom:1px solid #ccc; position:fixed; bottom:0; z-index:100; } 
.quick_room_wrap { width:1280px; margin:0 auto; }
.quick_room_wrap > ul { }
.quick_room_wrap > ul > li { float:left;  border-right:1px solid #ccc; }
.quick_room_wrap > ul > li:first-child { padding:17px 30px 17px 30px; color:#000; background:#fff; font-weight:600; border-left:1px solid #ccc;}
.quick_room_wrap > ul > li.on { background:#353123; color:#fff; font-weight:bold; }
.quick_room_wrap > ul > li > a {  display:block; color:#333; padding:17px 20px 17px 20px;}
.quick_room_wrap > ul > li > a:hover { background:#534726; color:#fff; }
#quick_room.gap { bottom:199px; }

/* footer */
.footer_wrap { width:100%; height:100%; margin:0 auto; padding-top:20px; border-top:1px solid #524319;}
.footer_wrap p { line-height:24px; letter-spacing:0.5px; }
/* .footer_img_map { border:1px solid #3d3930; padding:10px 0;  margin-bottom:20px; }*/
.top { position:fixed; bottom:100px; right:100px; z-index:9999;}

/* bbs */
.bbs_top { width:100%;}
.bbs_top ul { width:450px; margin:0 auto; padding:50px 0; }
.bbs_top ul li { float:left; padding:20px; border:1px dashed #ccc; margin-left:10px;}
.bbs_top ul li:first-child { margin-left:0; }