@charset "utf-8";

.list01 {}
.list01 li {text-indent:-0.6em;  padding-left:1em; font-weight:500; font-size: 1em; line-height: 2em;}
.list01 li::before {content:"- "; text-align:center;}
.list02 li::before {content:"# ";}

.list03 { text-align:left !important;}
.list03 li { font-size:1.15em; line-height:1.8em; color:#707070; margin-bottom:5px; padding-left:2.5em;}
.list03 li i { display:inline-block; width:1.5em; font-family: 'Cormorant', serif; font-size:1.5em; color:#000;  text-align:left; font-style:normal; margin-left:-1.5em;}
.list03 li strong { font-weight:400; color:#000;}

@media  (max-width: 1024px){
.list03 li { font-size:0.9em; line-height:1.5em; padding-left:3em;}
.list03 li i { width:1.4em;margin-left:-1.4em;}
}

.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;}

.conText { text-align:center; }
.conText dt { opacity:0; filter: alpha(opacity=0;); }
.conText > dd { margin-bottom:6%; opacity:0; filter: alpha(opacity=0;);}

.active .conText dt {opacity:1; filter: alpha(opacity=100;); transition: all 0.5s ease-in-out 0.5s;}
.active .conText dd {opacity:1; filter: alpha(opacity=100;); transition: all 0.8s ease-in-out 1.0s;}

.conTitle01 { font-size:1em; font-weight:400; margin-bottom:5em; }
.conTitle01_01 { display:inline-block; font-family:'Playfair Display', serif; font-size: 3.8em; line-height:1em; color:#be6f51; vertical-align:baseline; margin-right:0.1em;}
.conTitle01_02 {display:inline-block; font-size:1.9em; line-height:1.2em; font-weight:100; vertical-align:super;}

@media  (max-width: 1280px){
.conTitle01 { margin-bottom:5%;}
.conTitle01_01 { font-size: 2.4em; line-height:1.2em; margin-right:0.1em;}
.conTitle01_02 { font-size:1.4em; line-height:1em; vertical-align:baseline;}

}

@media  (max-width: 768px){

.conTitle01 { margin-bottom:5%;}
.conTitle01_01 { font-size: 1.6em;}
.conTitle01_02 { font-size:1.1em; }

}
/* about */
.aboutCon01 { position:relative; z-index:5;}
.about01_01 { text-align:center; padding:3.5%;}
.about01_02 { position:relative; width:88%; }
.about01_03 { position:absolute; width:88%; height:80%; right:0; top:0; background:url('../images/common/bg01.jpg') repeat-x; background-size: contain; z-index:-1; }

.aboutCon02 { margin:6% auto; text-align:center;}

.aboutCon03 { position:relative; padding-bottom:10%; overflow:hidden;}
.about03_01 { position:relative; width:88%; margin-left:12%; margin-bottom:3%; z-index:3;}
.about03_01:after {content:"";display:block;clear:both;}
.about03_0101 {float:left; width:43.4%;}
.about03_0102 {float:right; width:53.65%;}
.about03_02{ padding-left:12%; }
.about03_03 { position:absolute; bottom:0; padding-left:60%; }
.about03_04 {position:absolute; width:100%; right:0; bottom:0; z-index:-1;}

.aboutCon04 { text-align:center; margin:5% 0 10%;}
.mapCon { margin-top:4%;}
.mapFrame { position:relative; width:96%; max-width:1460px; height:0; padding-bottom:40%; margin:0 auto; background:#ddd; border:1px solid #eee; overflow:hidden; }
.mapFrame iframe {position:absolute; width:100%; height:100%; left:50%; top:30%; opacity:0; filter: alpha(opacity=0;); transform: translate(-50%,-50%); -ms-transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); border:0;}
.active .mapFrame iframe { opacity:1; filter: alpha(opacity=100;); top:50%; transition: all 0.5s ease 0.5s;}

@media  (max-width: 1280px){

.about03_04 { width:120%;}
}

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

@media  (max-width: 768px){

.about01_01 { padding:5% 2%;}
.about01_02 { width:92%; }
.about01_03 { width:92%;}

.aboutCon02 { margin:8% auto;}

.about03_01 { width:95%; margin-left:5%; margin-bottom:5%; }
.about03_02, .about03_03 { padding-left:5%; }
.about03_04 { width:180%; right:-20%;}

.mapFrame {  padding-bottom:80%; }
.mapFrame iframe { width:200%; height:200%;}

}

@media  (max-width: 420px){

}


/* about02 - landscape */
.landCon01 { position:relative; margin-bottom:10%; z-index:5;}
.land01_01 { position:relative; width:68%; margin-left:32%; z-index:2;}
.land01_02 { position:relative; z-index:3; }
.land01_0201 {position:absolute; left:2%; bottom:-5%;}
.land01_0202 { position:relative; width:50%; margin:8% 0 0 50%; padding-left:7%;}
.land01_03 { position:relative;z-index:2;}
.land01_0301 {position:relative; width:50%; text-align:right;}
.land01_0301_text { padding:12% 0 16%;}
.land01_0302 {position:absolute; width:50%; left:50%; bottom:0; text-align:center; }
.land01_0302 img { width:66.4%; max-width:637px; vertical-align:top;}
.land01_04 { position:absolute; width:100%; left:0; top:9%; z-index:-1;}

@media  (max-width: 1024px){
.landCon01 {overflow:hidden;}
.land01_04 { width:115%;}
}


@media  (max-width: 768px){
.land01_01 { width:80%; margin-left:20%;}
.land01_0202 { width:80%; margin:8% 0 0 20%; padding-left:0; padding-bottom:15%;}
.land01_04 { width:140%;}
}

@media  (max-width: 560px){
.land01_04 { width:150%;}
}




/* room */

.roomCon01 {position:relative; z-index:3;}
.room01_01 { position:relative; display:table; width:100%;}
.room01_0101 { display:table-cell; width:56%;}
.room01_0102 { display:table-cell; width:44%; padding-left:5%; vertical-align:middle;}
.room01_02 {  width:90%; max-width:1280px; margin:7% auto;}
.room01_03 { position:relative; width:77%; margin-left:23%; }
.room01_04 { position:absolute; width:100%; height:65%; left:0; top:9.5%; background:url('../images/common/bg02.jpg') repeat-x; background-size: contain; z-index:-1; }

.roomCon02 {position:relative; z-index:2;}
.room02_01 {float:left; width:50%; margin-top:-7.5%;}
.room02_02 {float:left; width:80%;}

.roomCon03 { width:90%; max-width:1600px; margin:8% auto 6%;}

.roomInfo01 {}
.roomInfo01 dt {}
.roomInfo01 dt .title_01 { display:block; font-family: 'Roboto', sans-serif; font-size:0.85em; line-height:1.5em; color:#000; font-weight:300; opacity:0.6; letter-spacing:0.07em;}
.roomInfo01 dt .title_02 { display:block; font-size:2.3em; line-height:1.2em; color:#343434; font-weight:300; margin:5% 0 8%; font-weight: bold;}
.roomInfo01 dd { font-size:1.07em; line-height:1.8em;}
.check_time { margin-bottom:4%;}
.check_time p { display:inline-block; font-family:  'Varela Round'; font-size:1.53em; line-height:1.8em; color:#000; text-transform:uppercase; margin-right:1.5em;}
.check_time p span { font-size:1.3em;}

.roomInfo02 { display: none; }
.roomInfo02 dt {font-family: 'Marck Script', cursive;font-size:8em; line-height:1.5em; color:#bcbdbd; margin:0.2em 0 0; margin-left:-0.2em; }
@media  (max-width: 1900px){ .roomInfo02 dt{ font-size:11vw;}}
.roomInfo02 dd {padding-left:10%;}
.roomInfo02 dd:after {content:"";display:block;clear:both;}
.room_fa { max-width:500px;}
.room_fa:after {content:"";display:block;clear:both;}
.room_fa ul { float:left; width:50%; }
.room_fa li { font-size:1.07em;}
.room_fa li i {display:inline-block; }
.room_fa li i.fa {width:60px; height:60px; background-image:url("../images/room/roomIcon.png"); vertical-align:middle; margin-right:3px;}
.room_fa li i.fa01 {background-position:0 0;}
.room_fa li i.fa02 {background-position:-60px 0;}
.room_fa li i.fa03 {background-position:0 -60px;}
.room_fa li i.fa04 {background-position:-60px -60px;}
.room_fa li i.fa05 {background-position:0 -120px;}
.room_fa li i.fa06 {background-position:-60px -120px;}
.room_fa li i.fa07 {background-position:0 -180px;}
.room_fa li i.fa08 {background-position:-60px -180px;}
.room_fa li i.fa09 {background-position:0 -240px;}
.room_fa li i.fa10 {background-position:-60px -240px;}
.room_fa li i.fa11 {background-position:0 -300px;}
.room_fa li i.fa12 {background-position:-60px -300px;}
.room_fa li i.fa13 {background-position:0 -360px;}


.reserTable { width:100%;border-collapse:collapse; border-top:1px solid #7091b4;}
.roomFa { margin:1em 0 3em;}
.roomReser { margin-bottom:10px;}
.reser_name {text-align:center;}
.reser_name {text-align:center;}
.reser_name .rTitle { font-size:1.35em; line-height:2em; font-weight:700;}
.reser_name .rCon {}
.reser_name .rCon p { font-size:1.1em; line-height:1.5em; margin-bottom:0.2em;}
.reser_name dt { font-size:1.25em; 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 #7091b4; font-weight:400;}

.reserTable .price01 { position:relative;}
.reserTable th[scope=col] { border-bottom:2px solid #fff; }
.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:rgba(255,255,255,0.05);}
.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:rgba(0, 0, 0, 0.15); color:#fff; cursor:pointer;}
.roomColor_text { position:relative; z-index:2; text-align:center;}
.roomColor_text dt { font-family:'Playfair Display', serif; font-size:4em; font-size:4vw; line-height:1.5em; font-style:italic; letter-spacing:0.2em; padding-left:0.2em; margin-top:-0.8em; margin-bottom:0.3em; }

@media  (max-width: 1480px){ 
.roomInfo01 dt .title_01 { font-size:0.75em; letter-spacing:0.07em;}
.roomInfo01 dt .title_02 { font-size:1.8em; line-height:1.2em; margin:5% 0 8%;}
.roomInfo01 dd { font-size:1em;}
.check_time p { font-size:1.45em;}
.room01_04 { top:10.5%;}

}

@media  (max-width: 1024px){ 
    .room01_01 { display:block !important;}
    .room01_0101 { display: block; width: 85%; }
    .roomInfo01 dt .title_01 { display: none; }
    .roomInfo01 dt .title_02 { font-size:1.5em; line-height:1.2em; margin:5% 0;}
    .room01_0102 { display: unset !important; width: 90% !important; margin: 0 auto; padding-left: 0%; vertical-align: middle; }
    .roomInfo01 dd { font-size:0.95em;}
    .check_time p { font-size:1.35em;}
    .room01_04 { top:10.1%;}
    .room02_02 { float: unset !important; width: 100% !important;  margin: 0 auto; }

    .roomInfo01 { width: 90%; position: unset; margin: 0 auto; }
    

    .roomInfo02 dt{ font-size:12vw;}
    .roomInfo02 dd {padding-left:5%;}
    .room_fa li { vertical-align:middle; margin-bottom:3px;}
    .room_fa li i.fa {width:40px; height:40px; background-size:80px 280px; margin-right:2px;}
    .room_fa li i.fa01 {background-position:0 0;}
    .room_fa li i.fa02 {background-position:-40px 0;}
    .room_fa li i.fa03 {background-position:0 -40px;}
    .room_fa li i.fa04 {background-position:-40px -40px;}
    .room_fa li i.fa05 {background-position:0 -80px;}
    .room_fa li i.fa06 {background-position:-40px -80px;}
    .room_fa li i.fa07 {background-position:0 -120px;}
    .room_fa li i.fa08 {background-position:-40px -120px;}
    .room_fa li i.fa09 {background-position:0 -160px;}
    .room_fa li i.fa10 {background-position:-40px -160px;}
    .room_fa li i.fa11 {background-position:0 -200px;}
    .room_fa li i.fa12 {background-position:-40px -200px;}
    .room_fa li i.fa13 {background-position:0 -240px;}


}

@media  (max-width: 768px){ 
.room01_0101 { display:block; width:85%;}
.room01_0102 { display:block; width:100%; padding-left:7%;}
.roomInfo01 dt .title_01 { display:none;}
.roomInfo01 dt .title_02 { font-size:1.35em; line-height:1.3em; margin:6% 0 6%;}
.roomInfo01 dd { font-size:1em;}
.check_time p { font-size:1.3em;}

.room_fa li { font-size:0.95em; letter-spacing:-0.05em; }

.roomCon03 {width:100%;}

}

@media  (max-width: 560px){
.room02_01 {width:40%; }
.room02_02 { width:60%;}
.roomInfo02 dt{ font-size:15vw;}
}

@media  (max-width:420px){
.room02_01 {width:35%;}
.room02_02 { width:65%;}
}

/* roomPre */

@media  (max-width: 1024px){ 



/*.roomPre_list { width:100%; left:0;}*/
}

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

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

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

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

/* special */
.spCon01 { overflow:hidden; } 
.sp01_01 { position:relative; width:35.3%; z-index:2;}
.sp01_02 { position:absolute; width:64.7%; right:0; top:0; z-index:3;}
.sp01_0201 { width:50%; font-family: 'Roboto', sans-serif; font-size:0.85em; line-height:1.5em; color:#000; font-weight:300; opacity:0.6; letter-spacing:0.07em; text-align:center; margin:8% 0 0;}
.sp01_0202 { margin-left:-0.15em;}
.sp01_0203 { width:69.9%; margin-left:30.1%; margin-top:15%;}
.sp01_03 { position:relative; padding:8% 0 16% 8%; z-index:2;}
.sp01_03 dt { display:inline-block; font-size:1.5em; text-align:center; margin-bottom:3%;}
.sp01_03 dt span {display:block; color:#242d4c;}
.sp01_03 dt .title_01 {font-family: 'Varela Round'; font-size:1.2em; line-height:1em; font-style:italic;}
.sp01_03 dt .title_02 {font-family: 'Varela Round'; font-size:5.2em; line-height:1em; margin-bottom:3%;}
.sp01_03 dd p {font-size:2.2em; line-height:1.5em; margin-bottom:2%;}

.sp01_04 { position:relative; width:100%; display:table; z-index:3;}
.sp01_0401 { display:table-cell; width:54.7%;}
.sp01_0402 { display:table-cell; width:45.3%; padding-left:5%; vertical-align:middle;}
.sp01_0402_01 { font-size:1.3em; line-height:1.5em; color:#161616; margin-bottom:2%;}
.sp01_0402_02 {font-family: 'Varela Round'; font-size:1.7em; line-height:1.4em; font-weight:300; color:#161616; margin-bottom:10%;}
.btn_sp { display:inline-block; position:relative; padding:0 3em;  font-family:'Varela Round'; font-size:1.45em; line-height:2.5em; color:#161616; font-style:italic; border-bottom:1px solid #161616;}
.btn_sp .arrow {position:absolute; display:block; width:10px; height:1px; background:#161616; right:0; bottom:0; transform: translate(0, -3px) rotate(45deg); -ms-transform: translate(0, -3px) rotate(45deg); -webkit-transform:translate(0, -3px) rotate(45deg);}

.sp01_05 { position:absolute; width:100%; right:0; top:11.2%; z-index:-1;} 


@media  (max-width: 1480px){

.sp01_0201 { width:100%;}
.sp01_03 dt {font-size:1.2em;}
.sp01_03 dd p {font-size:1.8em;}
}

@media  (max-width: 1280px){

.sp01_0401 { width:50%;}
.sp01_0402 { width:50%;}
.sp01_0402_01 { font-size:1em;}
.sp01_0402_02 {font-size:1.4em;}

.sp01_05 {width:105%;}
}

@media  (max-width: 1024px){
.sp01_01 { width:40%;}
.sp01_02 { width:60%;}
.sp01_0201 { font-size:0.65em;}

.sp01_03 { padding:12% 0 14% 5%;}
.sp01_03 dt {font-size:1em;}
.sp01_03 dt .title_02 { font-size:4.6em; margin-bottom:6%;}
.sp01_03 dd p {font-size:1.4em; margin-bottom:4%;}
.special .typo_dd { font-size:0.9em; line-height:1.7em;}

.sp01_0402 {padding-left:3%;}
.sp01_0402_01 { font-size:0.9em;}
.sp01_0402_02 {font-size:1.2em;}

.btn_sp {padding:0 2.5em;font-size:1.25em; }

.sp01_05 {width:116%;}


}

@media  (max-width: 768px){

.sp01_03 dt {font-size:0.8em;}

.sp01_0402_01 { font-size:1em;}
.sp01_0402_02 {font-size:1.1em;}
.btn_sp {padding:0 2em;font-size:1.15em; }
.sp01_05 {width:118%;}
}

@media  (max-width: 560px){
.sp01_0402_01 { font-size:0.9em;}
.sp01_0402_02 {font-size:2vw; line-height:1.4em;}
.btn_sp {padding:0 1.5em;font-size:1em; line-height:2em;}
.sp01_05 {width:125%;}
}

@media  (max-width: 420px){
.sp01_0402_01 { font-size:0.75em;}
.sp01_0402_02 {margin-bottom:15%;}
.sp01_05 {width:136%;}
}

/* tour */
.tourWrap { padding-top:1px;}
.tourCon { position:relative; margin:0 auto 5%;}
.tourCon:after {content:"";display:block;clear:both;}

.tourCon .tourImg { float:left; width:55%;}
.tourCon .tourImg img { width:100%; vertical-align:top;}
.tourCon .tourText { position:absolute; width:42%; left:58%; top:50%; padding:0%; /*opacity:0; filter: alpha(opacity=0;);*/  transform: translateY(-50%); -ms-transform:translateY(-50%); -webkit-transform:translateY(-50%); }
.tourText dt { margin-bottom:3%;}
.tourText dt .title_01 { display:block; font-family:  'Varela Round'; font-size:2em; line-height:1.5em; margin-bottom:5%;}
.tourText dt .title_02 { display:inline-block; font-size:1.38em; line-height:1.8em; letter-spacing:-0.02em; border-bottom:1px solid #333; }
.tourText dd { font-size:1.05em; line-height:1.8em;}
.tourText dd div { margin-bottom:2em;}

.tourCon02 .tourImg { float:right;}
.tourCon02 .tourText { left:0; text-align:right;}

@media  (min-width: 769px){
.tourCon .tourText {}
.active.tourText {opacity:1; filter: alpha(opacity=100;); top:50%; transition: all 0.6s ease-in-out 1.0s;}
}

@media  (max-width: 1480px){

.tourText dt .title_01 { font-size:1.5em;}
.tourText dt .title_02 { font-size:1.25em;}
.tourText dd { font-size:1em; line-height:1.7em;}



}

@media  (max-width: 1280px){

.tourText dd { font-size:0.95em; line-height:1.85em;}

}

@media  (max-width: 1024px){

.tourCon .tourImg { float:none; width:100%; padding:0;}
.tourCon .tourText { position:relative; float:none; width:100%; margin:0; left:auto; top:0; padding:0 2% 5%; transform:none; -ms-transform:none; -webkit-transform:none;}
.tourText dt{  margin-top:-2.8em; color:#fff; text-shadow:1px 1px rgba(0, 0, 0 ,0.5);}
.tourText dt .title_01 { display:none;}
.tourText dt .title_02 { font-size:1.35em; line-height:2em; font-weight:500; border-bottom:none;}
.tourText dd { font-size:1em; line-height:1.6em;}
.tourCon02 .tourText { text-align:left;}

}

@media  (max-width: 768px){
.tourCon .tourText { float:none; width:100%; margin:0; padding:0 3% 5%;}
.active.tourText {opacity:1; filter: alpha(opacity=100;); transition: all 0.3s ease-in-out 0.5s;}
}

@media  (max-width: 560px){
.tourText dd div p { margin-bottom:1em;}
.tourText dd div p br { display:none;}
}


/* reser */
.reserCon01 { width:90%; max-width:1460px; margin:0 auto 8%;  }
.active.reser03_04 { height:50%; transition: all 1.5s ease-in-out 0.5s; }

.reser_dl { position:relative; padding-left:12%; padding-bottom:1px; background:#f0eeea;}
.reser_dl > dt {}
.reser_dl > dt .title01 { display:block; font-family:  'Varela Round'; font-size:1.8em; line-height:1.2em; color:rgba(26, 26, 26, 0.3); text-transform:uppercase; margin-bottom:0;}
.reser_dl > dt .title01_bg { position:absolute; width:100%; height:1.3em; background:#fff; left:0; top:0; z-index:-1;}
.reser_dl > dt .title02 { display:block; font-size:2.4em; line-height:1.5em; font-weight:300; margin-bottom:1.2em;}
.reser_dl > dd { font-size:1.3em; line-height:1.8em; font-weight:500; margin-bottom:10%;}

.reser_con {}
.reser_con > dt { font-size:1.2em; line-height:1.8em; text-indent:-0.6em; padding-left:1em; font-weight:600; }
.reser_con > dt::before  {content:"+ "; text-align:center;}
.reser_con > dd { margin-bottom:2em;}
.reser_con > dd p { font-size:1em; line-height:1.8em; text-indent:-0.6em; padding-left:1.4em;}
.reser_con > dd p::before  {content:"- "; text-align:center;}

.reserCon02 { padding-top:11%;}
.reser01_01 { position:absolute; width:49.8%; right:0; top:0; z-index:3;}
.reser01_02 { position:absolute; width:100%; height:13%; background:#fff; left:0; top:0; z-index:1;}
.reser01_03 { position:relative; z-index:2;}
.cancel_rate { max-width:1480px; margin-top:3%;}
.cancel_rate:after {content:"";display:block;clear:both;}
.cancel_rate li { float:left; width:8%; margin-right:1%; text-align:center; background:#fff; padding:1.5% 1%; -webkit-box-shadow: 2px 2px rgba(0, 0, 0, 0.1); -moz-box-shadow: 2px 2px rgba(0, 0, 0, 0.1); box-shadow:2px 2px rgba(0, 0, 0, 0.1);}
.cancel_rate li .rateTitle {font-family:'Noto Sans KR', sans-serif; font-size:0.95em; line-height:1.35em; margin:0.3em 0;}
.cancel_rate li .rateText { font-family:'Noto Sans KR', sans-serif;font-size:1.45em; line-height:1.8em;}

.reser_frame { padding:5% 0 2%; width:96%; max-width:1620px; margin:0 auto; -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 { width:100%; height:1250px; padding:0; background:#fff; border:0; overflow-y:auto; opacity:0; filter: alpha(opacity=0;);  }

.priceApp { font-size:1.05em;margin-bottom:10px; text-align:right;}
.active .reser_frame iframe { opacity:1; filter: alpha(opacity=100;); padding-top:2%; transition: all 0.5s ease 0.5s;}
2018-12-27

@media  (max-width: 1420px){
.cancel_rate li .rateTitle { font-size:0.9em;}
.cancel_rate li .rateText { font-size:1.35em;}
}

@media  (max-width: 1280px){
.reser_dl > { padding-left:5%;}
.reser_dl > dt .title01 { font-size:1.5em;}
.reser_dl > dt .title01_bg { height:1.2em;}
.reser_dl > dt .title02 { font-size:2em;  margin-bottom:0.6em;}
.reser_dl > dd { font-size:1em;}
.cancel_rate li .rateTitle { font-size:0.85em;}
.cancel_rate li .rateText { font-size:1.25em;}

}

@media  (max-width: 1024px){


.priceApp { font-size:1em;}
.cancel_rate li {width:18%; margin-right:2%; margin-bottom:2%; padding:3% 1%; }

.cancel_rate li .rateTitle { font-size:1em;}
.cancel_rate li .rateText { font-size:1.35em;}

}

@media  (max-width: 768px){
.reserCon02 { padding-top:20%;}
.reser_dl { padding-left:3%;}
.reser_dl dt .title01 { font-size:1.35em;}
.reser_dl dt .title02 { font-size:1.6em;}

.cancel_rate li {padding:2% 1%; }
.cancel_rate li .rateTitle { font-size:0.85em;}
.cancel_rate li .rateText { font-size:1.25em;}


.priceApp { font-size:0.9em;}
}

@media  (max-width: 560px){
.cancel_rate li .rateTitle { letter-spacing:-0.05em;}
.cancel_rate li .rateText { font-size:1.15em;}
}

@media  (max-width: 420px){
.cancel_rate li .rateTitle { font-size:0.75em;}
.cancel_rate li .rateText { font-size:1.05em;}
}

@media  (max-width: 360px){
.cancel_rate li .rateTitle { font-size:0.7em;}
.cancel_rate li .rateText { font-size:1em;}
}

/*  commnuity */
.boardCon01 { background:url(../images/board/board_bg.jpg) right top no-repeat; background-size:cover !important; padding:3% 0;}
.board01_01 { position:relative; width:70%; left:21.5%; color:#000;}
.board01_01 dt { font-size:1.35em; line-height:1.5em; letter-spacing:-0.05em;}
.board01_01 dd { margin:3em 0 0 3em; font-size:0.9em; line-height:1.66em; opacity:0.5;}
.board01_02 { bottom:-0.35em; }

.boardCon02 { width:96%; max-width:1280px;  margin:0 auto;}
.boardCon { position:relative; width:100%; padding:5% 0; opacity:0; filter: alpha(opacity=0;); z-index:3;}
.boardCon { display:block; width:96%; max-width:1300px; margin:0 auto;}
.active.boardCon { opacity:1; filter: alpha(opacity=100;); margin-top:0; transition: all 0.7s ease-in-out 0.5s;}
.board03_01 { position:absolute; width:100%; left:0; top:40%; text-align:center; z-index:2; }
.board03_01 dt {font-family: 'Arizonia', cursive; font-size:19em; line-height:0.8em; color:#345d8d; margin-top:-0.6em;}
@media  (max-width: 1480px){ .board03_01 dt{ font-size:12vw; }}
@media  (max-width: 768px){ .board03_01 dt{ font-size:16vw;}}
.board03_01 dd {font-family: 'Montserrat', sans-serif;}
@media  (max-width: 1024px){

.boardCon01 { padding: 15% 0 3%;}
.board01_01 dt { font-size:0.9em; line-height:1.5em; letter-spacing:-0.05em;}
.board01_01 dd { margin:1em 0 0 3em; font-size:0.5em; line-height:1.66em; opacity:0.5;}
.boardCon { }
.board03_01 dd {font-size:0.5em; line-height:1.2em;}
}