@font-face{font-family: 'NanumGothic'; font-style: normal; font-weight: normal !important; src: url('../fonts/NanumGothic.eot');}
@font-face{font-family: 'NanumGothic'; font-style: normal; font-weight: normal !important; src: url('../fonts/NanumGothic.ttf') format('truetype');}
@font-face{font-family: 'NanumGothic'; font-style: normal; font-weight: normal !important; src: url('../fonts/NanumGothic.html') format('woff');}
@font-face{font-family: 'NanumGothicBold'; font-style: normal; font-weight: bold; src: url('../fonts/NanumGothicBold.eot');}
@font-face{font-family: 'NanumGothicBold'; font-style: normal; font-weight: bold; src: url('../fonts/NanumGothicBold.ttf') format('truetype');}
@font-face{font-family: 'NanumGothicBold'; font-style: normal; font-weight: bold; src: url('../fonts/NanumGothicBold.html') format('woff');}

@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);



/* Reset */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {margin:0; padding:0; border:0; outline:0; font-size:100%; vertical-align:baseline; background:transparent;}
body {line-height:1;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block;}
nav ul {list-style:none;}
blockquote, q {quotes:none;}
blockquote:before, blockquote:after, q:before, q:after {content:''; content:none;}
address {font-style:normal;}
a {margin:0; padding:0; font-size:100%; vertical-align:baseline; background:transparent;}
button {border:0; padding:0; margin:0; background:none; cursor:pointer;}
table {border-collapse:collapse; border-spacing:0;}
input, select {vertical-align:middle;}
ul, ol, dl {list-style-type:none;}
h1, h2, h3, h4, h5, h6 {font-weight:normal}
li, img {vertical-align:middle;}
textarea {resize:none;}
table {border-spacing:0; border-collapse: collapse;}


* {max-height: 1000000px;}

* {margin:0;padding:0;-webkit-text-size-adjust:none;}

/* Initialize */
a {color:#666666; -webkit-tap-highlight-color:rgba(0,0,0,0); -webkit-touch-callout:none;}
a:hover, a:link, a:visited, a:active {text-decoration:none;}
a:focus {outline:1px dotted #666666;}

.blind {border:0; clip:rect(0 0 0 0); height:1px; margin:-1px; overflow:hidden; padding:0; position:absolute; width:1px;}
.hidden {display:none; visibility:hidden;}
.clear {clear:both;}
.left {float:left;}
.right {float:right;}
.black {color:#000;}
.brown {color:#9d445f;}
.gray {color:#545454;}
.gray91 {color:#919191;}
.gray3d {color:#3d3d3d;}
.green {color:#41979d;}
.gold {color:#d1c0a5;}
.white {color:#fff;}
.underline {text-decoration:underline}
.b200 {font-weight:200;}
.b700 {font-weight:700;}
.b900 {font-weight:900;}
.txt50 {font-size:50px;letter-spacing:-2px;line-height:55px}
.txt40 {font-size:40px;letter-spacing:-2px;line-height:50px}
.txt35 {font-size:35px;letter-spacing:-1px;line-height:40px}
.txt30 {font-size:30px;letter-spacing:-1px;line-height:40px}
.txt25 {font-size:25px;letter-spacing:-1px;line-height:35px}
.txt23 {font-size:23px;letter-spacing:-1px;line-height:35px}
.txt20 {font-size:20px;letter-spacing:-1px;line-height:28px}
.txt16 {font-size:18px;letter-spacing:-1px;line-height:28px}
.txt14 {font-size:14px;letter-spacing:-1px;line-height:20px}
.txt12 {font-size:12px;line-height:15px}
.margin100 {position:relative;display:block;height:100px;}
h1 {margin:10px auto;}
hr {width:100%;margin:0px auto;border:1px solid #000;}

body {margin:0 auto;font-family:'Nanum Gothic','Malgun Gothic','¸¼Àº °íµñ','µ¸¿ò',dotum,sans-serif;background-color:#2f2c27;color:#fff;}
.btn{display:inline-block;*display:inline;*zoom:1;position:relative;overflow:hidden;padding:15px 80px 15px 80px;margin:20px auto;line-height:1.6;vertical-align:middle}
.btn.btn-blue{font-size:1.6em;color:#fff;font-weight:600;border-color:#1d4568;background-color:#1d4568}
.btn.btn-gray{font-size:1.6em;color:#fff;font-weight:600;border-color:#7f7f7f;background-color:#7f7f7f}
.btn.btn-brown{font-size:1.6em;color:#fff;font-weight:600;border-color:#9d445f;background-color:#9d445f}
.btn.btn-gold{font-size:40px ;color:#9e8c70;font-weight:600;border-top:3px solid #9e8c70;border-bottom:3px solid #9e8c70;background-color:#2f2c27}
.btn.btn-black{font-size:25px ;color:#fff;border:2PX solid #fff;}


/* Layout */
#wrap {position:relative; width:1000px;}
#wrap1 {position:relative; width:1000px;border:1px solid #fff}


/* Header */
#header {position:relative;display:block;width:900px;margin:0 auto}
#header .logo {margin:50px auto;text-align:center}


#gnb {overflow:hidden;display:block;width:920px;margin:0 auto;text-align:center;}
#gnb a{display:inline-block;position:relative;font-size:1px;padding:0;}
#gnb a>b{overflow:hidden;display:block;height:60px;background:url(../images/common/gnb.png) no-repeat;text-indent:-200%}
#gnb .gnb_about b{width:135px;background-position:0 0;}
#gnb .gnb_jroom b{width:145px;background-position:-135px 0;}
#gnb .gnb_hroom b{width:155px;background-position:-280px 0;}
#gnb .gnb_special b{width:160px;background-position:-435px 0;}
#gnb .gnb_reservation b{width:225px;background-position:-600px 0;}
#gnb .gnb_tour b{width:100px;background-position:-820px 0;}
#gnb .gnb_about.on b{width:135px;background-position:0 -60px;}
#gnb .gnb_jroom.on b{width:145px;background-position:-135px -60px;}
#gnb .gnb_hroom.on b{width:155px;background-position:-280px -60px;}
#gnb .gnb_special.on b{width:160px;background-position:-435px -60px;}
#gnb .gnb_reservation.on b{width:225px;background-position:-600px -60px;}
#gnb .gnb_tour.on b{width:100px;background-position:-820px -60px;}


#sub_gnb {display:block;width:800px;margin:10px auto;text-align:center;}
#sub_gnb li{display:inline-block;margin:15px 0 0 0;font-size:25px;padding:0 10px 0 7px;border-right:3px solid #a6937c;letter-spacing:-2px;font-weight:700;margin-bottom:10px;color:#a6937c;}
#sub_gnb li:last-child {border:none;}
#sub_gnb a {padding:7px 13px;color:#a6937c;}
#sub_gnb .on{color:#fff;background-color:#a6937c}

/* Header */

/* Contents */
.article {position:relative;}
.article:after {content:''; display:block; clear:both; height:0; line-height:0;}
.sub_title {position:relative;display:block;text-align:center;margin:70px auto 0 auto;}
.main_contents {position:relative;display:block;text-align:center;margin:40px auto;}
.main_contents1 {position:relative;display:block;text-align:center;padding-top:210px;margin:0 auto 40px auto;background:url(../images/main/main_bg01.png)top no-repeat;}
.main_contents2 {position:relative;display:block;text-align:center;margin:0 auto;}
.main_contents3 {position:relative;display:block;text-align:center;margin:70px auto;}


.photo_list {position:relative;display:block;text-align:center;margin:70px auto;}

/*-----------------------------------------------------------------------------------*/
/*  Æ÷Åä°¶·¯¸®
/*-----------------------------------------------------------------------------------*/
.l-service{max-width:1000px;margin:35px auto}
.service-visual{position:relative}
.service-visual .bx-wrapper{position:relative}
.service-visual .bx-controls a{overflow:hidden;position:absolute;top:50%;width:24px;height:49px;margin-top:-24.5px;background-image:url(../images/common/btn_btq.png);background-repeat:no-repeat;text-indent:-99px;z-index:10}
.service-visual .bx-prev{left:3%;background-position:-10px -5px}
.service-visual .bx-next{right:3%;background-position:-66px -5px}
.service-visual-box{position:relative}
.service-visual-title{position:absolute;top:50%;left:0;right:0;width:50%;max-width:434px;margin-top:-106px;margin-left:auto;margin-right:auto;padding:65px 0;color:#ccc;font-size:.9em;background:#000;text-align:center;-ms-filter:alpha(Opacity=75);filter:alpha(opacity=75);opacity:.75}
.service-visual-title .h,.service-visual-title .p{-ms-filter:alpha(Opacity=100);filter:alpha(opacity=100);opacity:1}
.service-visual .img-m{display:none}
.service-visual.l-section{padding-top:0}
.service-slider{overflow:hidden}
.service-slider li{float:left;position:relative;max-width:1000px}
/*-----------------------------------------------------------------------------------*/
/*  Masonry Images
/*-----------------------------------------------------------------------------------*/
#content {position: relative;margin:0;width:1000px;}
#content #container {overflow:hidden;margin-right:-20px;clear: both;}
#content #container .box {position:relative;overflow:hidden;margin-right:17px; margin-bottom:17px;float: left;padding:0;}
#content #container .box img{display: block;width: 100%;}

.col { width: 238px;}
.col49 { width: 490px; }
.col img { max-width: 238px;}
.col49 img { max-width: 490px; }

/**** Clearfix ****/
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { zoom: 1; }

/*-----------------------------------------------------------------------------------*/
/*  DzÅÍ
/*-----------------------------------------------------------------------------------*/
footer {margin:50px auto;}
.footer_nav {display:block;margin:60px auto;}
#footer_icon {overflow:hidden;display:block;width:300px;margin:0 auto;}
#footer_icon a{float:left;position:relative;font-size:1px;padding:0 15px 0 15px;}
#footer_icon a>b{overflow:hidden;display:block;height:55px;background:url(../images/common/footer_icon.png) no-repeat;text-indent:-200%}
#footer_icon .footer_hroom b{width:44px;background-position:0 0;}
#footer_icon .footer_jroom b{width:44px;background-position:-44px 0;}
#footer_icon .footer_hreser b{width:45px;background-position:-88px 0;}
#footer_icon .footer_jreser b{width:44px;background-position:-133px 0;}
#footer_icon .footer_reser b{width:45px;background-position:-177px 0;}
#footer_icon .footer_map b{width:44px;background-position:-222px 0;}
footer p {display:block;text-align:center;color:#fff;padding:10px;}
footer .footer_phone {font-size:2em;font-weight:800;}
footer .footer_phone a {color:#fff;}
/*-----------------------------------------------------------------------------------*/
/*  ABOUT
/*-----------------------------------------------------------------------------------*/

.contents1 {position:relative;display:block;text-align:center;padding-top:110px;margin:0 auto 40px auto;background:url(../images/common/arrow.png)top center no-repeat;}
.contents1 p{padding:20px;}
.goldbar{display:block;position:relative;overflow:hidden;margin:50px auto;width:100px;height:1px;border-bottom:2px solid #9e8c70}
.goldbar2{display:block;position:relative;overflow:hidden;margin:10px auto;width:250px;height:1px;border-bottom:2px solid #9e8c70}
.goldbar3{display:block;position:relative;overflow:hidden;margin:10px auto;width:700px;height:1px;border-bottom:2px solid #9e8c70}
.goldbar4{display:block;position:relative;overflow:hidden;margin:5px auto;border-bottom:2px solid #9e8c70;width:400px;}
.goldbar5{display:block;position:relative;overflow:hidden;margin:5px auto;border-bottom:2px solid #9e8c70;width:400px;}
 
.ex_contents {position:relative;display:block;margin:0 auto;padding-bottom:230px;background:url(../images/ex/ex_bg.jpg)bottom no-repeat;}
.exphoto_list {margin:0 auto 100px auto}
.beach_contents {position:relative;display:block;margin:35px auto;text-align:center;}
/*-----------------------------------------------------------------------------------*/
/*  ROOM
/*-----------------------------------------------------------------------------------*/
.preview_contents {margin:50px auto 100px auto;text-align:center; }
.room_preview {margin-top:60px;padding-bottom:40px;background:url(../images/ex/ex_dot.png)bottom no-repeat;}
.room_preview h2{margin:20px auto;}
.room_contents {margin:50px auto 100px auto;text-align:center; }
.room_charge {margin:20px auto;}
.room_charge h3{margin:20px auto;}
.room_charge p{padding:0;}
.charge_info {position:relative;display:block;width:850px;margin:10px auto;padding:20px;text-align:center;border:5px solid #d1c0a5}

.tour {text-align:center;margin-top:70px;padding-bottom:100px;background:url(../images/common/arrow.png)bottom center no-repeat;}
.tour p{margin:30px auto;padding:0 30px 0 30px;}
.tour img{margin-bottom:30px}
.bgoff {background:none}

.map_contents {margin:50px auto 100px auto;}
.map_info {display:block;width:850px;margin:30px auto;padding-top:65px;background:url(../images/ex/ex_dot.png)top no-repeat;}
.map_info1 {display:block;width:850px;margin:30px auto;padding-top:25px;}
.map_info h2{margin:35px auto;}
.map_info p{margin-bottom:35px;}

.charge_Table {	width:100%;border-collapse:collapse;margin:20px auto;}
.charge_Table th, .charge_Table td {width:7.5%;font-weight:600;padding:10px 3px;text-align:center;border:2px solid #9e8c70;vertical-align:middle;}
.charge_Table th {font-size:1.3em;color:#fff;}
.charge_Table td {font-size:1.3em;color:#d1c0a5;}
.charge_Table tr:nth-child(3){display:none}
.charge_Table tr:nth-child(4){display:none}

.charge2_Table {width:920px;border-collapse:collapse;margin:20px auto;border-top:8px solid #9e8c70;border-bottom:8px solid #9e8c70;}
.charge2_Table th, .charge2_Table td {font-size:1.2em;font-weight:600;padding:10px 5px;text-align:center;border-top:1px solid #9e8c70;border-bottom:1px solid #9e8c70}
.charge2_Table th {width:80px;color:#fff;}
.charge2_Table td {color:#9e8c70;}
.charge2_Table .width200 {width:200px;border-right:1px solid #9e8c70;}


.