@charset "utf-8";

.list01 {}
.list01 li { margin-bottom:15px;}
.list02 {}
.list02 li { background:url(../images/sub/list_bullet01.gif) left 10px no-repeat; font-size:14px; line-height:24px; padding-left:12px; margin-bottom:3px;}
.list_num { margin-left:1em;}
.list_num li { list-style:decimal; list-style-position: outside;}

.tab_nav {} 
.tab_nav:after {content:"";display:block;clear:both;}
.tab_nav li { float:left; display:inline; margin:0; }
.tab_nav li a { }
.tab_nav li.ui-tabs-active a {color:#6d83ac; font-weight:700;}

.con_dl { margin:6% auto; text-align:center;}
.con_dl dt { font-size:15px; line-height:20px; color:#3b3a3a; margin-bottom:20px; text-transform:uppercase;}
.con_dl dd { font-size:13px; line-height:20px; color:#757575;}

.preArea {-webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; }
.preList { position:relative; }
.preList:after {content:"";display:block;clear:both;}
.preList .preImg { position:relative; width:66.667%;   vertical-align:top;}
.preList .preText { position:absolute; width:33.333%; top:8vw; text-align:center;}
.preList .preText dt {text-transform:uppercase;}
.preList .preText dt .title01 {display:block; font-size:15px; line-height:1.8em; font-weight:300; letter-spacing:0.1em; color:#313131;}
.preList .preText dt .title02 {display:block;font-family: 'Oranienbaum', 'NanumBarunGothic',  serif; font-size:40px; line-height:1.1em; color:#313131; }
.tour .preList .preText dt .title02 { font-size:32px; margin-top:3px;}
.preList .preText dt .title_line {display:block; width:180px; height:1px; background:#313131; margin:0.6em auto 2.2vw;}
.preList .preText dd {}
.preList .preText dd p { margin-top:2.2vw; font-size:14px; line-height:1.8em; color:#484848;}
.preList01 .preImg { }
.preList01 .preText { right:0;}
.preList02 .preImg { margin-left:33.333%;}
.preList02 .preText { left:0;}

.btn_detail { display:inline-block; font-family: 'Georgia', serif; font-size:21px; line-height:1.5em; color:#484848; }
.btn_detail span { display:inline-block; margin:0 10px; font-size:0.75em; vertical-align:top;  transition: all 0.3s ease; }
.btn_detail:hover span, .btn_detail:focus span { margin:0 0 0 20px;}

.subCon_01 { margin:5em 0 10em;}
.subCon_01:after {content:"";display:block;clear:both;}
.subCon_0101 { float:left; width:72.222%; text-align:center;}
.subCon_0101 dt {text-transform:uppercase;}
.subCon_0101 dt .title01 {display:block; font-size:15px; line-height:1.8em; font-weight:300; letter-spacing:0.1em; color:#313131;}
.subCon_0101 dt .title02 {display:block;font-family: 'Oranienbaum', 'NanumBarunGothic', serif; font-size:40px; line-height:1.1em; color:#313131; }
.tour .subCon_0101 dt .title02 { font-size:32px; margin-top:3px;}
.subCon_0101 dt .title_line {display:block; width:180px; height:1px; background:#313131; margin:0.6em auto 3vw;}
.subCon_0102 { float:left; width:27.778%;}
.subCon_01 img { float:left; width:27.778%; vertical-align:top;}


/* about01 */
.about_con {width:96%; max-width:1440px; margin:0 auto;}
.about_con:after {content:"";display:block;clear:both;}
.about_01 { float:left; width: 70.6%;}
.about_0102 { }
.about_0102 dl { position:relative;}
.about_0102 dl dt {font-family: 'Oranienbaum', serif; color: #313131; font-size: 24px;  line-height: 1em; padding-top: 21px;}
.about_0102 dl dd {font-size:13px; color:#696969;}
.about_0102 dl dd a { display:block; font-size:1.1em; margin:1em 0 0; color:#313131;}
.about_0102 dl dd a:hover, .about_0102 dl dd a:focus {text-decoration:underline;}
.about_0103 {position:relative; text-align:right; padding-right:15%; }
.about_0103 img { width:51%; max-width:360px; vertical-align:top; }
.about_0103 dl { position:relative; padding-right:41%; margin-bottom:10px;}
.about_0104 {position:relative; margin-top:-15%;padding-left:15%;}
.about_0104 img { width:72%; max-width:500px;  vertical-align:top;}
.about_0104 dl { position:absolute; left:67%; top:55%;}
.about_0105 {position:relative; padding-right:18%; text-align:right; }
.about_0105 img { width:71%; max-width:485px;  vertical-align:top;}
.about_0105 dl { position:absolute; right:68%; top:5%;}
.about_02 { float:right; width: 29.4% !important; margin-top: 13px;  min-width: 171px; }
.about_0201 { margin:0 0 60% 8%; width:110%; padding-top:4%;}
.about_0201 dt { font-size:18px; line-height:1.6em; margin-bottom:10%;}
.about_0201 dd { font-size:15px; line-height:1.7em;}
.about_0202 { width:110%; margin:8% 0 0 8%; padding-top:4%; font-size:15px; line-height:1.7em;}

/* about02 */
.ex_con {width:96%; max-width:1440px; margin:0 auto;}
.ex_con:after {content:"";display:block;clear:both;}
.ex_01 { position:relative; margin-bottom:5%;}
.ex_01 dl { position:absolute; width:35%; right:0; top:18%;}
.ex_01 dl dt { padding-left:22%; border-bottom:1px solid #7f7f7f; text-transform:uppercase;}
.ex_01 dl dt .title01 { display:block; font-size:21px; line-height:1.3em; font-weight:300; letter-spacing:0.1em; color:#313131; margin-bottom:0.5em;}
.ex_01 dl dt .title02 { display:block; font-family: 'Oranienbaum', serif; color: #313131; font-size:40px;  line-height:1.1em;  margin-bottom:18px; }
.ex_01 dl dd { padding-left:22%; margin-top:18px; font-size:14px; line-height:1.8em; color:#484848;}
.ex_01 img { width:71%; max-width:1019px; vertical-align:top;}
.ex_02 { margin-top:5%;}


/* room */
.room #subCon { padding-bottom:20px;}
#roomCon { padding-bottom:6%;}
#roomCon:after {content:"";display:block;clear:both;}
.roomCon_01 {text-align:center; font-size:14px; line-height:1.8em; color:#484848; margin-bottom:60px;}
.roomCon_01 strong {display:block; font-size:1.3em; font-style:italic; color:#313131; margin-bottom:0.5em;  }
.roomInfo { width:96%; max-width:1096px; margin:0 auto; padding:40px 0;}
.roomInfo > dt { position:relative; margin-bottom:3em;}
.roomInfo > dt .title { position:relative; display:block; text-align:center; width:300px; margin:0 auto; background:#fff; /*font-family: 'Petit Formal Script', cursive;*/ font-size:25px; font-weight:300; line-height:1em; color:#000; z-index:2; }
.roomInfo dt .roomInfo_line { position:absolute; width:100%; height:1px; background:#999; left:0; top:50%; z-index:1;}
.roomInfo dd {}
.roomInfo01 { width:80%; margin:0 auto 8em; font-size:14px; line-height:1.8em;}
.roomInfo01:after {content:"";display:block;clear:both;}
.roomInfo0101 { float:left; width:45%;}
.roomInfo0101 dt { font-family: 'Questrial', sans-serif; font-size:1.4em; color:#000; font-weight:700; margin-bottom:1.3em;}
.roomInfo0102 { float:left; width:55%;}
.roomInfo02 { position:relative; z-index:1;}
.roomInfo03 { position:relative; width:65%; background:#fff; margin:-50px 0 8% 35%; padding:25px 0 0 5%;  z-index:2;}
.roomInfo03 dt {/*font-family: 'Petit Formal Script', cursive;*/  font-size:25px; font-weight:300; line-height:1em; color:#000; margin-bottom:1em;}
.roomInfo03 dd { font-size:14px; line-height:1.8em;}
.roomPre_con { background:#f4f4f4; padding:3% 12% 5%;}
.roomPre_con dt {text-align:center;  font-family: 'Oranienbaum', serif; color: #313131; font-size:40px;  line-height:1.1em;  margin-bottom:1em;}

.roomPre_area { position:relative;}
.roomPre_text { text-align:center; }

.roomPre_list { width:96%; max-width:1100px; margin:3% auto 0; border-bottom:1px solid #999;}
.roomPre_list li { position:relative; padding:3% 0 0; margin-bottom:3%; border-top:1px solid #999; }
.roomPre_list li:after {content:"";display:block;clear:both; }
.roomPre_list .img { float:left; width:40%; margin-right:3%; }
.roomPre_list .img img { width:100%; vertical-align:top;}
.roomPre_list .roomText { float:left; width:57%; padding:1% 0 0;}
.roomPre_list .roomText dt { width:260px; font-family: 'Oranienbaum', serif; color: #313131; font-size:40px; line-height:1.1em; padding-bottom:0.3em; margin-bottom:0.3em; border-bottom:1px solid #d0d0d0; text-transform:uppercase; }
.roomPre_list .roomText dd { font-size:13px; line-height:1.8em; color:#313131;}
.roomPre_list .roomText dd p { margin-top:1.5em; font-size:1.1em; line-height:1.8em; text-transform:uppercase; }
.roomPre_list .roomText dd .btn_area02 { position:absolute; right:0; bottom:0;}
.roomPre_list .btn_area02 a {display:inline-block; width:116px; font-size:12px; line-height:32px; padding:0 10px; text-align:center;  border:1px solid #313131; margin-left:3px;}
.roomPre_list a.btn_more { color:#313131; letter-spacing:0.1em; background:#fff;}
.roomPre_list a.room_reser02 {color:#fff; letter-spacing:0.1em; background:#313131;}

/* special */
.specialCon { width:96%; max-width:1440px; margin:0 auto;}



/* reser */
.reser01 #subCon { padding-top:10%;}
.reserCon01 { position:relative; width:96%; max-width:1440px; margin:0 auto 10%; background:#fff; padding:2% 5% 4%;}
.reserCon01 dl { width:100%; max-width:1000px; margin:0 auto;}
.reserCon01 dl dt { width:180px; margin:0 auto 3%; text-align:center; font-size:20px; line-height:2.2em; color:#313131; border-bottom:1px solid #313131;}
.reserCon01 dl dd { font-size:13px; line-height:1.8em; color:#333;}
.reserCon01 dl dd:after {content:"";display:block;clear:both;}

.reser_con dt { font-size:18px; line-height:24px; margin-bottom:10px; border-bottom:1px dotted #ccc; padding-bottom:10px; font-weight:700;}
.reser_con dt span { display:inline-block; margin-right:8px; color:#acacac;}
.reser_con dd { margin-bottom:50px; padding-left:18px; }
.reser01_01 { float:left; width:31%;}
.reser01_02 { float:right; width:66%;}
/*
.priceTable { width:100%; border-collapse:collapse; border-top:1px solid #aaa; margin-bottom:3%;}
.priceTable th { padding:10px 5px; text-align:center; border-bottom:1px solid #aaa; font-weight:normal; background:#fafafa;}
.priceTable th.line { background:url(../images/sub/table_line01.gif) right center no-repeat; background-size:2px 20px }
.priceTable td { padding:10px 2px; text-align:center; border-bottom:1px solid #ccc; background:url(../images/sub/table_line01.gif) left center no-repeat;}
.priceTable td:first-child { background:none;}
.priceTable tbody tr:hover { cursor:pointer; background:#313131; color:#fff;}
.priceTable tbody tr:hover td { background:#313131; color:#fff;}
*/


.priceTable { width:100%; border-collapse:collapse; margin:10px auto 20px auto; border-bottom:1px solid #ddd; border-right:1px solid #ddd; }
.priceTable th, .priceTable td { color:#666; padding:8px 0px; text-align:center; border-top:1px solid #ddd; border-left:1px solid #ddd; }
.priceTable th { font-size:12px; color:#666; font-weight:bold; background-color:#f8f8f8; letter-spacing:-0.3px; }
.priceTable td {font-size:12px; letter-spacing:0px; }
.priceTable tbody tr:hover { cursor:pointer; background:#313131; color:#fff;}
.priceTable tbody tr:hover td { background:#313131; color:#fff;}

.priceTable .room5 { display:none;}
.priceTable .room5, .priceTable .room6 { display:none;} /*요금표에서 1층 숨길때 여기를 숨기기*/

.cancelTable { width:100%; border-collapse:collapse; margin:10px auto 20px auto; border-bottom:1px solid #ddd; border-right:1px solid #ddd; }
.cancelTable th, .cancelTable td { color:#666; padding:8px 0px; text-align:center; border-top:1px solid #ddd; border-left:1px solid #ddd; }
.cancelTable th { font-size:12px; color:#666; font-weight:bold; background-color:#f8f8f8; letter-spacing:-0.3px; }
.cancelTable td {font-size:12px; letter-spacing:0px; }


.reserCon02 { width:96%; max-width:1440px; margin:0 auto;}
.resevation_div { background:#fff; max-width:1360px; margin-bottom:50px;}
.reser_frame { position:relative; display:block; width:100%; height:1850px; margin:0 auto; padding-top:30px; border:0;}

/* map */
.mapCon {width:96%; max-width:1440px; margin:0 auto;}
.mapCon:after {content:"";display:block;clear:both;}
.map_dl { padding-top:3%; margin-bottom:2%; border-top:1px solid #999;}
.map_dl:after {content:"";display:block;clear:both;}
.map_dl > dt { text-transform:uppercase;color:#313131; margin-bottom:1%;}
.map_dl01 { border-top:none}
.map_dl01 > dt {  float:left; width:33.54%;}
.map_dl > dt .title01 {display:block; font-family: 'Oranienbaum', serif; font-size:40px; line-height:1.1em; }
.map_dl > dt .title02 {display:block; font-size:14px; line-height:1.6em;}
.map_dl > dd { margin-bottom:2%;}
.map_dl > dd:after {content:"";display:block;clear:both;}
.map_img { float:left; width:33.54%; margin-bottom:1%;}
.map_text { float:right; width:62.46%;}
.map_text dt { font-size:18px; line-height:1.5em; color:#000; }
.map_text dd { font-size:13px; line-height:1.8em; color:#000; margin-bottom:5%;}
.map_text p { font-size:13px; line-height:1.8em; color:#000; margin-bottom:3%;}
.map_dl01 .map_text dd { margin-bottom:1%; }
.map_frame { display:block; width:100%; height:28vw; border:0; margin-bottom:3%;}


/*  commnuity */
.board #subCon { width:96%; max-width:1200px; margin:0 auto;}
.board_frame { display:block; width:100%; }


@media \0screen { /* IE8 웹폰트 설정*/
}

@media  (max-width: 1740px){
}

@media  (max-width: 1580px){

.facility .subTitle_01 { padding-left:4%;}

}

@media  (max-width: 1420px){

.ex_01 dl { top:5%;}
.ex_01 dl dt .title01 { font-size:14px; line-height:1.3em;}
.ex_01 dl dt .title02 { font-size:30px;  line-height:1.1em;  margin-bottom:14px; }
.ex_01 dl dd { margin-top:14px; font-size:13px; line-height:1.6em;}
.ex_01 img { width:71%; max-width:1019px; vertical-align:top;}
.ex_02 { margin-top:5%;}

}

@media  (max-width: 1280px){

.preList .preText { top:4vw; }
.preList .preText dt .title01 {font-size:13px; line-height:1.1em; margin-bottom:0.3em;}
.preList .preText dt .title02 {font-size:30px; line-height:1.1em;  }
.tour .preList .preText dt .title02 { font-size:32px; margin-top:3px;}
.preList .preText dt .title_line {width:140px;}
.preList .preText dd { padding:0 3%;}
.preList .preText dd p {  font-size:13px; line-height:1.6em;}

.btn_detail { font-size:18px; line-height:1.5em;}

.map_02 {  padding:4% 6%; z-index:2;}
.roomPre { border:3.5em solid #eee;}
.couplePre_border { border:3.5em solid #4d4d4d;}
.room_info_line { margin:1em 0;}
.roomInfo_list li { line-height:18px; margin-bottom:1.3em;}
.specialPre_list li .title01 { font-size:20px; line-height:0.9em; text-transform:uppercase; margin-bottom:0.2em;}
.special_0101 { width:90%; height:54.5%; left:4%; top:3%;}
.special_0101 dt { font-size:1.8em; line-height:1.2em;}
.special_0101 dd { font-size:13px; line-height:1.7em;}
.special_0101 dd p { font-size:1.1em; line-height:1.8em;}

.tourCon dl {padding:2% !important;}
.tourCon dl dt { margin-bottom:1em;}
.tourCon dl dt span { font-size:1.5em;}
.tourCon dl dd { font-size:0.9em; line-height:1.2em;}

.priceTable th { font-size:11px;}
.priceTable td { font-size:11px;}
.reser_dl01_02 { padding:50px 5% 5% 5%;}
.reser_dl01_03 .btn_reser03 { left:-67px; margin-top:-67px;}
.reser_dl01_03 .btn_reser03 img { width:134px;}

}


@media  (max-width: 1024px){

}


@media  (max-width: 768px){


}


@media  (max-width: 560px){



}

@media  (max-width: 480px){


}


@media  (max-width: 380px){
	

}