@charset "utf-8";

.list01 {}
.list01 li {padding-left:1em; line-height:1.5em; margin-bottom:2px; position: relative;}
.list01 li::before {content:"- "; text-align:center;}
.list02 li::before {content:"# ";}
.list03 li::before {content:"* ";}
.list04 li {text-indent:-0.9em; }
.list04 li::before {content:"ㆍ";}

.list_ol {padding-left:2em;}
.list_ol > li {list-style:decimal; margin-bottom:3px;}
.list_ol > li .list01 { margin-left:0;}

.conText03 { display:table; margin-left:5%;}
.conText03:after {content:"";display:block;clear:both;}
.conText03 dt { display:table-cell; font-family: 'Reman', 'Dawning of a New Day', cursive; font-size:9em; line-height:1.5em; padding:0 0.2em;}
.conText03 dd { display:table-cell;  }

.conText04 {}
.conText04 dt { font-size:1.23em; line-height:1.8em; color:#000; font-weight:700;}
.conText04 dd { margin:1.2em 0 6em; font-size:1.05em; line-height:1.8em;}
.conText04 dd:last-child { margin-bottom:2em;}

@media  (max-width: 1024px){
.list01 li, .list_ol > li { font-size:13px; line-height:1.5em;}
.conText03 dt { font-size:6em;}
.conText03 dd { font-size:0.85em; line-height:1.5em; }

.conText04 dt { font-size:1.15em; }
.conText04 dd { margin:1em 0 3em; font-size:0.95em; line-height:1.6em;}
}



@media  (max-width: 768px){

.conText03 dt { font-size:3em;}
.conText03 dd { font-size:0.35em; line-height:1.5em; }

}
/* about */
.about02_01, .about02_02 { float:left; width:50%;}
.about02_02 { position:relative; margin-top:5%;}
.aboutText { position:absolute; left:10%; top:0; z-index:2;}
.aboutText dt {font-family: 'Kanit', sans-serif; font-size:5.6em; line-height:1em; margin:-0.58em 0 0.3em; color:#000;}
.aboutText dd { font-size:1.07em; line-height:1.8em; color:#000;}
.aboutText dd .text01 { font-size:1.2em; font-weight:700; margin-bottom:0.8em;}
.aboutText dd .text02 { font-family: 'Lato', sans-serif; font-size:1em; font-weight:300; margin-top:3em; }

.aboutImg { }
.aboutImg:after {content:"";display:block;clear:both;}
.aboutImg li { float:left; width:23.8%; margin:0 0 1.6% 1.6%; }
.aboutImg li:nth-child(4n+1) {margin-left:0;}
.aboutImg li img { width:100%; vertical-align:top;}

.aboutImg li {
	display:block;
	opacity:0;
}
.aboutImg li.actived {
	opacity:1;
}

@media  (max-width: 1280px){
.aboutText dt { font-size:3.6em; }
.aboutText dd { font-size:1em; line-height:1.6em;}
.aboutText dd .text01 { font-size:1.2em; font-weight:700; margin-bottom:0.8em;}
.aboutText dd .text02 { margin-top:2em;}
}

@media  (max-width: 1024px){


}

@media  (max-width: 768px){
.about02_01, .about02_02 { float:none; width:80%;}
.about02_02 { width:90%; margin:-4% 0 0 10%;}
.aboutText dt { font-size:3em; line-height:1.6em; margin-top:0; }
}

@media  (max-width: 480px){
.aboutText dt { font-size:2em; line-height:1.6em; margin-top:0; }
.aboutText dd { font-size:0.8em; line-height:1.5em;}
.aboutText dd .text01 { font-size:1.2em; font-weight:700; margin-bottom:0.8em;}
.aboutText dd .text02 { margin-top:1.5em;}
}

/* about02 - landscape */
.landCon01 {}
.land01_01 {position:relative; width:68%; margin-left:7%; z-index:3; }
.land01_02 {position:absolute; width:32.65%; right:7%; bottom:22%; z-index:2;}
.land01_02 p { position:absolute; width:200%; right:110%; bottom:5%; text-align:right; font-family: 'Montserrat', sans-serif;}
.land01_03 { position:relative; margin-top:3%; z-index:1;}

.landCon02 { margin-bottom:6%;}
.land02_01 {}
.land02_02 {text-align:center; font-family: "Noto Serif CJK KR", 'Jeju Myeongjo', serif; font-size:1.07em; line-height:2.2em; color:#3d3d3d; margin:2em 0; }
.land02_03 { position:relative; width:1px; height:50px; margin:6% auto 0; background:#90b5d1;}
.land02_04 { position:relative; width:88%; margin:0 auto;}
.land02_04_line {position:absolute; width:1px; height:50px; left:50%; top:0; background:#90b5d1;}

@media  (max-width: 1024px){
.land01_01 { width:70%; margin-left:4%;}
.land01_02 { width:34%; right:4%; bottom:15%;}
.land01_02 p { font-size:0.85em; line-height:1.2em;}
.land02_02 {font-size:0.9em; line-height:2em; letter-spacing:-0.05em;}
.land02_03, .land02_04_line { height:30px;}
.land02_04 { width:92%;}
}

@media  (max-width: 768px){
.land01_02 p { font-size:0.65em; font-size:1.2vw;}
}



/* room */
.roomInfo {
	width: 90%;
    max-width: 1440px;
    margin: 0 auto;
	line-height: 1.7;
}
.roomInfo .title {
	/* text-align: center; */
	font-size: 1.7em;
	font-weight: 600;
}
.roomInfo .text {
	/* width: 50%; */
	/* min-width: 780px; */
	margin: 1% auto 3%;
	font-size: 1.4em;
	word-break: keep-all;
}

.roomPrice {
	width: 1440px;
	margin: 0 auto 30px;
} 
.roomImg01:after, .roomImg03:after {content:"";display:block;clear:both;}

.roomImg01 { width:90%; max-width:1440px; margin:0 auto;}
.roomImg01 li { float:left; width:50%;}

.roomImg02 { display:table; width:90%; max-width:1440px; margin:0 auto; }
.roomImg02 li { display:table-cell; width:50%; vertical-align:middle;}

.roomText { text-align:center; color:#000;}
.roomText dt {font-family: 'Lato', sans-serif; font-size:2.5em; line-height:1.5em; text-transform:uppercase;}
.roomText dd { font-size:1.07em; line-height:1.8em; }
.roomText dd p { font-size:1.25em; font-weight:600; margin:1em 0;}

.roomCon { position:relative; background:#eee; padding:8% 0;}
.roomCon dt { position:absolute; width:30px; right:10%; top:0; margin-top:-102px; opacity:0.3; z-index:1;}
.roomCon dt img { width:100%; vertical-align:top;}
.roomImg03 { width:90%; max-width:1392px; margin:0 auto; }
.roomImg03 li { float:left; width:25%;}

@media  (max-width: 1800px){
	.roomCon dt { right:9%; }
}

@media  (max-width: 1560px){
	.roomCon dt { right:3%; }
}

@media  (max-width: 1480px){
	.roomCon { padding:11% 0;}
	.roomCon dt { width:20px; margin-top:-68px;}
	.roomPrice {width: 96%;}
}

@media  (max-width: 1280px){

.roomImg01, .roomImg02 { width:100%;}
.roomText dt { font-size:2.2em;}
.roomText dd { font-size:1em; line-height:1.7em; }
.roomText dd p { font-size:1.15em;}

}

@media  (max-width: 1024px){

.roomInfo {
	width: 90%;
    max-width: 1440px;
    margin: 0 auto;
	line-height: 1.5;
}
.roomInfo .title {
	font-size: 1.5em;
}
.roomInfo .text {
	margin: 1% auto 3%;
	font-size: 1.2em;
}

.roomText dt { font-size:2em;}
.roomText dd { font-size:0.95em; line-height:1.6em; }
.roomText dd p { font-size:1.2em;}

}

@media  (max-width: 768px){ 

.roomInfo {
	width: 95%;
}
.roomInfo .title {
	font-size: 1.2em;
}
.roomInfo .text {
	margin: 1% auto 3%;
	font-size: 1em;
}


.roomCon dt { width:15px; margin-top:-41px;}
.roomText dt { font-size:1.5em;}
.roomText dd { font-size:0.85em; line-height:1.5em; }
.roomText dd p { font-size:1.2em; margin:0.8em 0;}
}

@media  (max-width: 560px){
.roomCon dt { width:12px; margin-top:-41px;}
.roomText dt { font-size:1.3em;}
.roomText dd { font-size:0.8em; line-height:1.5em; letter-spacing:-0.05em; }
.roomText dd p { font-size:1.15em;}
}

@media  (max-width: 420px){
.roomCon dt { width:10px; margin-top:-34px;}
.roomText dt { font-size:1.15em;}
.roomText dd { font-size:0.7em; line-height:1.4em; letter-spacing:-0.08em; }
}

@media  (max-width: 360px){
.roomText dt { font-size:1em;}
.roomText dd { font-size:0.63em; line-height:1.4em; letter-spacing:-0.08em; }
}


/* table */
.priceArea { max-width:1280px; margin:0 auto; overflow:hidden;}
.reser .priceArea { margin:8% auto;}
.priceApp { font-size:1.07em; line-height:1.8em; font-weight:700; margin-bottom:0.2em; text-align:right; }
.reserTable { width:100%; border-collapse:collapse; border-top:1px solid #999;}
.roomFa { margin:1em 0.2em 0;}
.roomFa li { letter-spacing:-0.02em;}
.reser01 .reserTable, .reser02 .reserTable { margin-bottom:0;}
.roomReser { margin-bottom:10px;}
.reser_name {text-align:center;}
.reser_name dt { font-size:1.35em; line-height:2em; font-weight:700;}
.reser_name dd {}
.reser_name dd p { font-size:1.1em; line-height:1.5em; margin-bottom:0.2em;}
.reserTable th, .reserTable td { padding:15px 2px; font-size:1em; line-height:1.5em; text-align:center; border-bottom:1px solid #999; font-weight:400;}
.reserTable th { background:#f9f9f9}
.reserTable .price01 { position:relative;}
.reserTable th[scope=col] { border-bottom:2px solid #333; }
.reserTable th[scope=rowgroup] { background:transparent;}
.reser .reserTable th[scope=rowgroup] { position:relative; z-index:10; }
.reserTable tbody tr:hover { }
.reserTable td.type { text-align:left; padding-left:10px;}

.reserTable th.seasonBg {background:#f9f9f9;}
.roomLink { position:absolute; width:100%; height:100%; left:0; top:0; opacity:0;  filter: alpha(opacity=0;); z-index:5;}
.roomLink a { display:block; width:300%; height:100%;}
.reser .reserTable tbody:hover td, .reser .reserTable tbody:hover th {  -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; background:#000; color:#fff; cursor:pointer;}

.cancelTable { width:100%; max-width:600px; border-collapse:collapse; border-top:1px solid #999; margin-top:5%;}
.cancelTable th, .cancelTable td { padding:12px 3px; font-size:1.07em; line-height:1.5em; text-align:center; border-bottom:1px solid #999; font-weight:400;}
.cancelTable th { background:#f9f9f9;}
.cancelTable .base th, .cancelTable .base td { color:#FF7800;}
.cancelTable thead { border-bottom:1px solid #333;}

@media  (max-width: 1280px){
.reser_name { font-size:0.95em; margin-bottom:5px;}
.reser_name strong { font-size:1.15em;}
.reser_title { width:50%; max-width:400px; margin:0 auto 5%;}
.reser_title01 {font-size:1.6em;}
.reser_title02 {font-size:0.95em;}
.room .reserTable { width:100%; margin-bottom:-1px;}
.reser .reserTable thead { border-bottom:2px solid #555;}
.reserTable th, .reserTable td, .cancelTable th, .cancelTable td { padding:10px 2px; font-size:1em; letter-spacing:-0.05em; line-height:1.5em;}
.roomFa li { font-size:0.95em; line-height:1.5em; margin-bottom:5px;}
}


@media  (max-width: 560px){
.reser_li li { font-size:1.1em; line-height:1.6em;}
.reserTable th, .reserTable td { font-size:0.9em; }
.cancelTable th, .cancelTable td { font-size:0.9em;}
}

@media  (max-width: 380px){
.reser_li li { font-size:0.7em; line-height:1.6em;}
.reserTable th, .reserTable td { font-size:0.85em; }
.cancelTable th, .cancelTable td { font-size:0.85em;}
.roomFa li { font-size:0.85em; line-height:1.5em; margin-bottom:5px;}
}

/* special */
.spCon01 {}
.sp01_01 {position:absolute; width:100%; height:50%; left:0; top:13%; padding-right:53.8%; text-align:center; background:#dfeef2; z-index:1; }
.special02 .sp01_01 { background:#f8ede6;}
.special03 .sp01_01 { background:#dde9f6;}
.special04 .sp01_01 { background:#eef7ef;}
.special05 .sp01_01 { background:#f2eef7;}
.special06 .sp01_01 { background:#f5f0ee;}
.special07 .sp01_01 { background:#f3f3f3;}
.spText { display:inline-block; text-align:left;}
.spText dt {font-family: 'Lato', sans-serif; font-size:2.5em; line-height:0.85em; color:#000; text-transform:uppercase; letter-spacing:0.02em; margin-top:-0.8em;}
.spText dd { font-size:1.07em; line-height:1.7em; color:#000;}
.spText dd p { font-size:1.15em; line-height:1.8em; font-weight:600; margin:1.8em 0;  }
.sp01_02 {position:relative; width:53.8%; margin-left:46.2%; z-index:2;}
.sp01_02 li:first-child { margin-bottom:8%;}
.sp01_02 li img { width:100%; vertical-align:top;}

.spCon03 { position:relative; margin:12% 0 5%;}
.spCon03 .listImg02 { position:relative; width:34.2%; margin:0 auto;}
.spCon03 p { position:absolute; left:70%; top:50%; -ms-transform:translateY(-50%); -webkit-transform:translateY(-50%); transform:translateY(-50%); font-family: 'Inconsolata', monospace; font-size:1.1em; line-height:1.2em; color:#999; text-transform:uppercase;}

@media  (max-width: 1280px){

.spText dd { font-size:1em; }

}

@media  (max-width: 768px){

.sp01_01 {position:relative; padding:5% 10% 55% 5%; }
.spText {display:block;}
.spText dt { font-size:1.25em; margin-top:0; opacity:0.5;}
.spText dd { font-size:1em; line-height:1.5em;}
.spText dd p { font-size:1.15em; margin:1em 0;  }
.sp01_02 { width:70%; margin-left:25%; margin-top:-48%;}
.spCon03 p {  font-size:2.2vw;}

}


/* tour */
.tourCon { margin-bottom:5%;}
.tourCon:after { content:"";display:block;clear:both;}
.tourList {  /*margin-bottom:5%;*/ }
.tourList:after {content:"";display:block;clear:both;}
.tourList li { float:left; width:47%; margin:0 1.5%;}
.tourList li.clear { float:none; width:100%; margin-left:0;}
.tourList li img { width:100%; vertical-align:top;}
.tourList dl { padding:4% 0 8%; color:#000;}
.tourList dt { font-size:1.5em; line-height:1.5em; letter-spacing:-0.05em; font-weight:300; margin-bottom:1em;}
.tourList dt strong { font-weight:400;}
.tourList dd { font-size:1.07em; line-height:1.8em;}


@media  (max-width: 1280px){

.tourList dl dd { font-size:0.95em; line-height:1.6em;}

}

@media  (max-width: 860px){
.tourList li { float:none; width:100%; margin:0;}
.tourList dl { padding:3% 0 10%; }
.tourList dt { font-size:1.5em; margin-bottom:0.5em; }
.tourList dt .line { width:36px;  margin:0.7em 0 0.5em; }
.tourList dd { font-size:1.07em; line-height:1.5em; letter-spacing:-0.05em }
}


/* reser */
#total_daily_price2 {
	width: 1200px;
	margin: 100px auto 60px;
	border: 1px solid #ccc;
}
.reserCon { }
.reserCon01 { max-width:1100px; margin:0 auto;}
.reserCon01:after { content:"";display:block;clear:both;}
.reser01_01 {float:left; width:24%; margin-right:12%;}
.reser01_02 { float:left; width:64%;}
.reser01_img li { margin-bottom:40%;}
/* .reser01_img li:first-child { margin-bottom:40%;} */

.reser_dl {}
.reser_dl dt { display:inline-block; font-size:1.8em; line-height:1.6em; color:#000; font-weight:700;}
.reser_dl dd { margin:1em 0 3em; font-size:1em;}
.reser_dl dd:last-child { margin-bottom:0;}
.reser_dl dd li { line-height:1.6em; margin-bottom:2px; padding-left: 0.6em; font-size: 1.1em; position: relative;}
.reser_dl dd li::before { display: block; content: '·'; position: absolute; left: 0; top: 0;}
.reser_dl dd li.nodot::before {
	display: block;
	content: '';
	position: absolute;
	left: 0;
	top: 0;
}
.reser_dl dd li ul { margin-top:3px;}

.num_tit {font-size: 1.2em;}
.num {padding-bottom: 4%;}
.reserclear { margin-bottom:5%;}

.reserCon02 { margin:10% 0 5%;}

.reser_frame { margin:5% auto 2%; padding:3%; width:96%; -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.1); box-shadow:0 0 3px rgba(0, 0, 0, 0.1);  }
.reser_frame iframe { display:block; width:100%; height:1310px; padding:0; margin:0 auto; background:#fff; border:0; overflow-y:auto; opacity:0; filter: alpha(opacity=0;); }

.active .reser_frame iframe { opacity:1; filter: alpha(opacity=100;); padding-top:2%; transition: all 0.5s ease 0.5s;}


@media  (max-width: 1280px){

.reser_con { width:96%; }
.reser_dl dt { font-size:1.15em; }
#total_daily_price2 {
	width: 90%;
	border: none;
	margin: 60px auto 30px;
}

}

@media  (max-width: 1024px){
.reser .priceArea { margin:5% auto 10%;}
.reser01_01 { margin-right:6%;}
.reser01_img li:first-child { margin-bottom:20%;}
.reser01_02 { width:70%;}

.reserCon02 { margin:10% 0 0;}

.reser_dl dd li { letter-spacing:-0.05em;}

.reser_frame { margin:5% auto 2%; padding:0; width:100%; max-width:1200px; -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.1); box-shadow:0 0 3px rgba(0, 0, 0, 0.1);  }
.reser_frame iframe { display:block; width:100%; max-width:1024px; height:1310px; padding:0; margin:0 auto; background:#fff; border:0; overflow-y:auto; opacity:0; filter: alpha(opacity=0;); }
}

@media  (max-width: 768px){

.reser01_01 { display:none}
.reser02_img { margin-bottom:10%;}
.reser01_02 { float:none; width:100%;}
.reser_dl dt { font-size:1.25em;}
.reser_dl dd { margin:0.5em 0 1.5em; font-size: 0.9em;}
.reser_dl dd li br { display:none;}

}

/*  commnuity */
.boardFrame { display:block; width:96%; max-width:1280px; margin:5% auto; border:0;}