@font-face{
font-family:'NanumGothicExtraBold'; 
font-style: normal;
font-weight: bold;
src:url('../fonts/NanumGothicExtraBold.eot');
src:local('¡Ø'), url('../fonts/NanumGothicExtraBold.woff') format('woff'), url('../fonts/NanumGothicExtraBold.ttf')format('truetype')
}
@font-face{
font-family:'NanumGothicBold'; 
font-style: normal;
font-weight: bold;
src:url('../fonts/NanumGothicBold.eot');
src:local('¡Ø'), url('../fonts/NanumGothicBold.woff') format('woff'), url('../fonts/NanumGothicBold.ttf')format('truetype')
}
@font-face{
font-family:'NanumGothic'; 
src:url('../fonts/NanumGothic.eot');
src:local('¡Ø'), url('../fonts/NanumGothic.woff') format('woff'), url('../fonts/NanumGothic.ttf')format('truetype')
}
 
/* ÃÊ±âÈ­ */
html {overflow-y:scroll}
body {margin:0;padding:0;color:#666;font-size:14px;font-family:NanumGothic, "Nanum Gothic", sans-serif;}
html, h1, h2, h3, h4, h5, h6, form, fieldset, img {margin:0;padding:0;border:0}
h1, h2, h3, h4, h5, h6 {font-size:1em;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block}
header ul, nav ul, footer ul,  ul, li, dl, dt, dd {margin:0;padding:0;list-style:none}
label, input, select, img {vertical-align:middle}
select { font-size:13px; color:#333; font-family:NanumGothic, "Nanum Gothic", sans-serif}
input {margin:0;padding:0;border-radius:0;}
button {border-radius:0;font-size:1em}
p {margin:0;padding:0;}
hr {display:none}
pre {overflow-x:scroll;font-size:1.1em}
a:link, a:visited {color:#666;text-decoration:none}
a:hover, a:focus, a:active {color:#666;text-decoration:none}


/********* Header *********/

#Wrap   { width:100%; margin:0; padding:0; background:url(/base_1/img/images/back_all.jpg) 0 0}
.back_left { position:absolute; top:310px; left:50%; margin-left:-981px; background:url(/base_1/img/images/m_left.png) no-repeat; width:341px; height:641px}
.back_right { position:absolute; top:130px; left:50%; margin-left:640px; background:url(/base_1/img/images/m_right.png) no-repeat; width:306px; height:618px}
#Wrapbox  { position:relative; top:0; width:1400px; margin:0 auto; padding:0; background:url(/base_1/img/images/back_wall.jpg) 0 0}
#Wrapbox:after {content:""; clear:both; display:block}
#header    { position:relative; top:0; width:1189px; height:214px; margin:0 auto}
#header .logo_sy { float:left}
#header .topmenu { float:left}
#header .top_r  { float:left}
ul.Inb   { width:100%; height:19px; padding-top:7px;}
ul.Inb li   { float:right}
ul.Inb li a  { color:#111; font-size:12px}
ul.Inb li span { padding:0 10px; color:#aaa}
ul.menu     { height:155px}
ul.menu li  { float:left}
ul.submenu  { clear:both}
ul.submenu li { float:left}
ul.submenu li a { background:#56301e; padding:5px 10px; color:#fff}
.subtxt{ clear:both; }
.subtxt span {background:#7c5c4c; padding:5px 10px; font-size:12px}
.subtxt span a { color:#fff}
.subtxt span a:hover { color:#d4fd90}


/********* Sub *********/

#container_m { clear:both; width:1280px; margin:0 auto; background:#FFFFFF}
#container_m:after { content:""; clear:both; display:block}
#container   { clear:both; width:1180px; margin:0 auto; background:#FFFFFF}
#container:after { content:""; clear:both; display:block}

.mimg    { width:100%; margin:0 auto}

.contentbox   { width:990px; margin:0 auto; padding-top:30px}

.subtit        { width:100%; display:block; border-bottom:1px dotted #e4e9f0;}
.subtit:after  { content:""; clear:both; display:block}
.subtit h2     { font-family: 'Dancing Script', cursive, NanumGothic, "Nanum Gothic", sans-serif; font-weight:400; font-size:40px; color:#666; display:inline-block; border-bottom:2px solid #82a844;}
.subtit h3     { float:right; font-size:24px; color:#333; padding-top:15px }
.subtit span   { font-size:12px; color:#999; letter-spacing:-0.05em; padding-right:10px}

.contents   { position:relative; top:0; margin-top:30px; min-height:300px; }

/* sub12 */
.sub12_1, .sub12_2 { margin-bottom:40px}
.sub12_1 h4, .sub12_2 h4, .sub12_3 h4 { margin-bottom:20px}
.mapbox     { border:1px solid #aaa; padding:10px}
.cartext    { font-size:16px; color:#82a844}
.sub12_2 p, .sub12_3 p { font-weight:700; line-height:28px}

/* sub2 */
.roomlist ul li { float:left; margin-bottom:30px}
.sub2img    { margin-top:50px}

/* sub21 */
.room_info { margin-top:30px}
.room_info:after { content:""; clear:both; display:block}
.room_info h4 { float:left; margin-right:30px}
.room_info p { float:left; width:758px; padding:20px; border:1px solid #91b03d; font-weight:700; line-height:28px}
.pay { clear:both; margin-top:30px}

/* sub22 */
.roomtopimg  { margin-bottom:50px}
.roominfo h4 { margin-bottom:10px}
.roomtext    { width:100%; margin-top:30px; border-top:double 3px #aaa; border-bottom:double 3px #aaa}
.roomtext p  { line-height:28px; font-weight:700; padding:20px}

/* sub31 */
.tour            { width:100%; height:40px; background:#91b03d; margin-bottom:30px}
ul.tourlist      { line-height:40px; margin-left:60px}
ul.tourlist li   { float:left;}
ul.tourlist li span { padding:0 10px; color:#c8d89e; font-size:12px}
ul.tourlist li a { font-size:15px; font-weight:700; color:#fff}
ul.tourlist:after  { content:""; clear:both; display:block}
ul.tour_story    { }

.room       { width:100%; clear:both}
.room h3    { text-align:center; background:url(/base_1/img/images/room_bar.jpg) center bottom no-repeat; font-family:Raleway, sans-serif; font-size:30px; font-weight:700; color:#333; padding:90px 0 22px 0; margin-bottom:20px}
.room ul li    { float:left; margin:0 10px 50px 0;}
.room ul li p  { line-height:35px; text-align:center}
.room ul li a  { font-size:16px; color:#333; font-weight:700; letter-spacing:-0.05em}
.room ul li:last-child { margin-right:0}
.room ul li.last  { margin-right:0}

.mapinner { width:100%; height:500px}
.maptext{ font-weight: 700; color: #e3414e; padding: 15px 0 5px 0; width:145px; height:30px; text-align: center; font-size: 15px;}

/********* mypage *********/
.center_lg { width:730px; margin:0 auto}


/********* Bottom *********/

#footerWap      { clear:both; min-width:370px; width:100%; margin:0; padding:0; background:#161616;}
#footerWap:after{ content:""; clear:both; display:block}
.footer         { width:1400px; margin:0 auto; padding:50px 0 40px 0; background:#161616}
.footer:after   { content:""; clear:both; display:block}
.footbox                 { width:990px; margin:0 auto;}
.footbox .addr           { float:left; font-weight:700; color:#686868; line-height:24px; letter-spacing:-0.05em}
.footbox .addr p.copy    { font-size:12px; color:#444; font-weight:normal}
.footbox .addr span.high { color:#cfcac5}
.footbox ul.foot_icon    { float:right}
.footbox ul.foot_icon li { float:left; margin-left:10px}
.footbox ul.foot_icon li p { line-height:30px; text-align:center}
.footbox ul.foot_icon li a { color:#8a8581}


/********* Spare *********/

.fn18   { font-size:18px}
.colred { color:#e3414e}
.colblue{ color:#406190}
.col9   { color:#999}
.normal { font-weight:normal}
.p_l_12 { padding-left:12px}