@import "normalize.css"; /* reset */
@import "slick.css"; /* slick swiper */

@charset "utf-8";
@import url('http://fonts.googleapis.com/css?family=Open+Sans:300,400,400italic,600,600italic,700,800');
@import url('http://fonts.googleapis.com/earlyaccess/notosanskr.css');
@import url('https://fonts.googleapis.com/css?family=Playfair+Display:400,400i,700,700i');
@import url('https://fonts.googleapis.com/css?family=Crimson+Text:400,400i,700');
@import url('https://fonts.googleapis.com/css?family=PT+Serif:400,400i,700,700i');
@import url('https://fonts.googleapis.com/css?family=Montserrat:200,200i,300,300i,400,400i');
@import url('https://fonts.googleapis.com/css?family=Libre+Baskerville:400,400i');
@import url('https://fonts.googleapis.com/css?family=Noto+Serif:400,400i');
@import url('https://fonts.googleapis.com/css?family=Unica+One');
@import url('https://fonts.googleapis.com/css?family=Muli:200,200i,300,300i,400');
@import url('https://fonts.googleapis.com/css?family=Merriweather+Sans:300,400,700');
@import url('https://fonts.googleapis.com/css?family=Spectral:400,400i');
@import url('https://fonts.googleapis.com/css2?family=Italianno&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Karla:ital,wght@0,200;0,300;0,400;0,500;0,600;0,700;0,800;1,200;1,300;1,400;1,500;1,600;1,700;1,800&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Sacramento&display=swap');
@import url(//fonts.googleapis.com/earlyaccess/jejumyeongjo.css);
@import url('https://fonts.googleapis.com/css2?family=Questrial&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Playfair+Display+SC:ital,wght@0,400;0,700;0,900;1,400;1,700;1,900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,300;0,400;0,500;0,600;0,700;1,300;1,400;1,500;1,600;1,700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Nanum+Myeongjo:wght@400;700;800&display=swap');


@font-face {
    font-family: "NanumBarunGothic";
    font-style: normal;
    font-weight: normal;	
    src: url("./fonts/NanumBarunGothic.eot?#iefix") format("embedded-opentype"), url("./fonts/NanumBarunGothic.woff") format("woff"), url("./fonts/NanumBarunGothic.ttf") format("truetype");
}

@font-face {
    font-family: 'Semyeongjo';
    src: url("./fonts/smsemyeongjo.eot"),
		 url("./fonts/smsemyeongjo.eot?#iefix") format('embedded-opentype'),
		 url("./fonts/smsemyeongjo.woff2") format('woff2'),
		 url("./fonts/smsemyeongjo.woff") format('woff'),
		 url("./fonts/smsemyeongjo.otf") format('truetype');
    font-style: normal;
    font-weight: normal;
}

@font-face {
  font-family: 'Social-Shapes';
    src:  url('./fonts/Social-Shapes.ttf.woff') format('woff'),
    url('./fonts/Social-Shapes.ttf.svg#Social-Shapes') format('svg'),
    url('./fonts/Social-Shapes.ttf.eot'),
    url('./fonts/Social-Shapes.eot?#iefix') format('embedded-opentype'); 
    font-weight: normal;
    font-style: normal;
}


@font-face {
    font-family: 'ELAND_Choice_M';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts-20-12@1.0/ELAND_Choice_M.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}


@font-face {
    font-family: 'IBMPlexSansKR-Regular';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_20-07@1.0/IBMPlexSansKR-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Cafe24Oneprettynight';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_twelve@1.1/Cafe24Oneprettynight.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Pretendard-Black';
    src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Black.woff') format('woff');
    font-weight: 900;
    font-style: normal;
}
@font-face {
    font-family: 'Pretendard-Regular';
    src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Regular.woff') format('woff');
    font-weight: 400;
    font-style: normal;
}


html{width:100%;height:100%;overflow-y:auto;-webkit-text-size-adjust:none;}
body,h1,h2,h3,h4,h5,h6,p,ul,ol,li,dl,dt,dd,input,select,textarea,form,fieldset,legend,body{margin:0;padding:0; font-family:"Open Sans", "NanumBarunGothic",'Noto Sans KR', "Malgun Gothic","Nanum Gothic",NanumGothic,Dotum,"돋움",Arial; line-height:1.5em;}
*+html body body, *+html body div, *+html body li, *+html body dt, *+html body dd, *+html body p, *+html body tr, *+html body td, *+html body h2 {font-family: "NanumBarunGothic", "Malgun Gothic","Nanum Gothic",NanumGothic,Dotum,"돋움",Arial,'Alegreya Sans';}
body{visibility:visible; width:100%; font-size:13px;color:#666;line-height:1.5em;  background:#fff;}
img,fieldset{border:none;}
em,address{font-style:normal;}
a{text-decoration:none;color:#666;}
li{list-style:none;}
select,textarea{border-radius:0;}
figure { margin:0; padding:0; }
.clear {}
.clear:after {content:"";display:block;clear:both;}
.block { display:block !important; width:100%;}
.blind, .sound_only {visibility:hidden;width:0;height:0;font-size:0;line-height:0;overflow:hidden;}
.img_100 {width:100%; height:auto !important; vertical-align:top;}
select{min-width:50px;height:26px;margin:0;padding:0;font-size:12px;line-height:26px; color:#666; }
.underline {text-decoration:underline; }
.tl { text-align:left;}
.tc { text-align:center;}
.tr { text-align:right;}
.right_zero { right:0;}
.vt {vertical-align:top;}
.mb0 { margin-bottom:0 !important;}
.mb3 { margin-bottom:3px !important;}
.mb20 { margin-bottom:20px !important;}
* {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.boxShadow {-webkit-box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.1); -moz-box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.1); box-shadow:2px 2px 3px rgba(0, 0, 0, 0.1);}
.transAll015 {-webkit-transition: all 0.15s ease-in-out; -moz-transition: all 0.15s ease-in-out; -ms-transition: all 0.15s ease-in-out; -o-transition: all 0.15s ease-in-out; transition: all 0.15s ease-in-out; }
.transAll03 {-webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }
.transAll03_ease {-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;}
.transAll02_ease {-webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -ms-transition: all 0.2s ease; -o-transition: all 0.2s ease; transition: all 0.2s ease;}

html ::selection{ background-color:#b5c9bd; color:#fff;}


.table-wrap { overflow:hidden;  }
.table-wrap iframe { width:100%; }

::-webkit-scrollbar {width: 6.5px;}
::-webkit-scrollbar-thumb {background-color: #696969;}
::-webkit-scrollbar-track {background-color: #a9a9a9; }


.strongColor01 { color:#d70e0e;}

.block1280, .block1024, .block768, .block560, .block480, .block380 {display:none;}
.in-block1280, .in-block1024, .in-block768, .in-block560, .in-block480, .in-block380 {display:none !important;}

#skip{position:fixed;top:-9999px;left:0;z-index:1000;width:240px;height:30px;background:#676462;}
#skip a{display:block;height:30px;padding:0 0 0 20px;line-height:30px;font-size:12px;color:white;}
#skip.on{top:0;}

.scale01 {-webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;}
.scale01:hover, .scale01:focus {-ms-transform: scale(1.03); -webkit-transform: scale(1.03); transform: scale(1.03);}
.lightSlider li img { width:100%; vertical-align:top;}


.scroll-obj { opacity:0; }
.scroll-obj.active { opacity:1; -webkit-animation:active-y 1.5s 1; -ms-animation:active-y 1.5s 1; animation:active-y 1.5s 1; }


/*sub*/
.room_tit {position: absolute;left: 39.5%;top: 43%;text-align: center;font-size: 1vw;color: #fff;opacity: 0.65;font-weight: 400;text-shadow: 2px 2px 3px rgba(0, 0, 0, 0.60);z-index: 5;font-family:'ELAND_Choice_M';}
.room_tit .title01 {display: block;font-size: 3.5em;line-height: 1.5em;text-transform: uppercase;font-weight: bold; font-family: 'Playfair Display SC', serif;}
.room_tit .title02 {display: block;font-size: 1em;line-height: 1em;font-family: 'ELAND_Choice_M';letter-spacing: 3px;}

.mainTitle {position:absolute;right: 75%;top: 40%;font-size:1.4em;opacity:0.8;font-size:1vw;color:#fff;font-weight:400;text-shadow:2px 2px 3px rgba(0, 0, 0, 0.5);z-index:5;}
.mainTitle .title01 {display:block;font-size: 3.2em;line-height:1em;text-transform:uppercase;margin-bottom:0.3em;font-family: 'Cormorant Garamond', serif;}   
.mainTitle .title02 {display:block;font-size: 1em;line-height: 1.4em;font-family: 'Jeju Myeongjo', serif;letter-spacing:-0.01em;}

.sp_tit {position: absolute; width:100%;top: 82%;text-align: center;font-size: 1vw;color: #fff;font-weight: 400;text-shadow: 2px 2px 3px rgba(0, 0, 0, 0.60);z-index: 5;font-family: 'Cafe24Simplehae';}
.sp_tit .title01 {display: block;font-size: 1.5em;line-height: 1.5em;text-transform: uppercase;font-weight: 500;opacity:0.85;font-family: 'Jeju Myeongjo', serif;}
.sp_tit .title02 {display: block;font-size: 1em;line-height: 1.5em;opacity:0.85;font-family: 'Montserrat';}



/* header */
.sticky-wrapper { position:absolute; width:100%; height:79px !important;  z-index:20;}
.reser .sticky-wrapper, .map .sticky-wrapper, .board .sticky-wrapper { position:relative;}
#header { position:absolute; height:79px; width:100%; background:rgba(255, 255, 255, 0.60); opacity:0; filter: alpha(opacity=0;); -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; z-index:10; border-bottom:1px solid #eaeaea; }
#header:after {content:"";display:block;clear:both;}

#header:hover{background:rgba(255,255,255,100);  transition: all .5s ease; }


.navbar {   top:0; left:0; /* width:100%; */  border-bottom:1px solid rgba(255,255,255,0.75);  z-index:1000;   height:70px;  overflow:hidden;  -webkit-transition: height 0.3s; -moz-transition: height 0.3s;  transition: height 0.3s;}
.navbar.roll {  background : rgba(255,255,255,100); border-bottom:1px solid #ccc; }

.hd{width: 100%; height: 85px; position: fixed; top: 0; left: 0; z-index: 5000; pointer-events: none; transition: 0.8s;}
.hd .logo{left: 45%;margin-top: 20px;float: left;position: absolute;pointer-events: all;transition: 0.8s;}
.hd .logo a{width: 175px;display: block;transition: 0.8s;}
.hd .logo a img{width: 100%;}

.hd .logo_w{display:none;}   .hd.on .logo_w {display:block; left: 45%;margin-top: 20px;float: left;position: absolute;pointer-events: all;transition: 0.8s;}
.roll .logo_w{ display:block; left: 45%;margin-top: 20px;float: left;position: absolute;pointer-events: all;transition: 0.8s;}
.hd .logo_w a{width: 175px;display: block;transition: 0.8s;}
.hd .logo_w a img{width: 100%;}

.hd-btn{float: right;margin-top: 28px;margin-right: 27px;pointer-events: all;transition: 0.8s;color: #000000 !important;opacity: 1;}
.hd-btn .fal{margin-right: 5px;}
.hd-btn a{display: inline-block;border: 1px solid #fff !important;padding: 4px 20px 2px; border-radius: 40px;font-size: 14px;font-family: "NotoSerif",sans-serif;color: #fff;transition: 0.8s;}
.subbar.roll.hd-btn a {border:1px solid #919191  !important; background:none; color:#919191;}

.hd.on{height: 365px;background-color:#fff;}
.hd.on .main-menu{margin-top: 0;}
.hd.on .hd-btn a{border:1px solid #919191  !important; color:#919191  !important;}
.hd.on .menu-btn{margin-top: 40px;}
.hd.on .hd-btn a{color: #665c52; border-color: #665c52;}
.hd.on .menu-btn .line{background-color: #665c52;}

.hd-btn a:hover{background-color: #8caa98  !important;color: #fff; border:1px solid #8caa98 !important; transition: 0.8s;}
.subbar.roll.hd-btn a:hover{background-color: #8caa98  !important;color: #fff !important; border:1px solid #8caa98 !important; transition: 0.8s;}


.main-menu{text-align: center;/* position: absolute; */left: 50%;z-index: 50;margin-top: 70px;transition: 0.8s;}
.main-menu > ul > li {width: 150px;text-align: center;line-height: 30px;float: left;}
.main-menu > ul > li:nth-child(3){margin-right: 19%;}
.main-menu > ul > li > a{display: block;font-size: 17px;}

.main-menu{visibility: hidden; opacity: 0; pointer-events: none;}
.hd.on .main-menu{visibility: visible; opacity: 1; pointer-events: all;}
.main-menu{/* transform: translateX(21%); */top: 0;width: 1150px;margin: auto; border-bottom:1px solid #b9b9b9; padding-bottom:70px;}
.main-menu > ul > li > a{line-height: 70px;padding-bottom: 10px; font-weight:600; font-family:'Cormorant Garamond', serif;}

.sub-menu{display: block !important;}
.sub-menu li{clear: both;}
.sub-menu a{display: block;line-height: 21px;font-size: 14px;/*margin-bottom: 8px;*/ font-family:'ELAND_Choice_M'; transition:0.8s; border:1px solid #fff; padding:4px 0; border-left:none; border-right:none; }
.sub-menu a:hover { color:#789082; border:1px solid #789082; border-left:none; border-right:none; transition:0.8s;  padding:4px 0;}

.page-wrap{position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); color: white; text-align: center; z-index: 100;}
.page-wrap .scroll-down{font-size: 16px; margin-bottom: 15px;}
.page-wrap .scroll-down p{cursor: pointer;}
.page-wrap .page{position: relative; pointer-events: none;}
.page-wrap .page p{display: inline-block; font-size: 16px; position: relative; top: -35px;}
.page-wrap .line{width: 1px; height: 80px; display: inline-block; background-color: white; margin: 0 5px;}

.hd .menu-btn{float: right;width: 30px;height: 25px;cursor: pointer;border: 1px;margin-top: 32px;margin-right: 50px;pointer-events: all;transition: 0.5s;}
.hd .menu-btn .line{width: 30px; height: 2px; background-color: #fff;display: block; transition: 0.5s; position: absolute;}
.hd .menu-btn .line2{width: 15px; transform: translateY(8px);}
.hd .menu-btn .line3{transform: translateY(15px);}
.hd .menu-btn.on .line1{transform: rotate(45deg);}
.hd .menu-btn.on .line3{transform: rotate(-45deg);}
.hd .menu-btn.on .line2{transform: translateX(30deg); opacity: 0; visibility: hidden;}
.subbar.roll.menu-btn .line{background-color:#101010;}


/* footer */
footer { padding: 15px 0px 20px 0px; }
.footer_com { padding-right: 15px;  padding-left: 15px; margin-right: auto; margin-left: auto; position: relative; max-width:100%; text-align:center; color:#565656;}
.footer_com a{color:#7e7e7e;}
.bg-dark { background: #292929;}
.col-md-3 { width: 29%; float:left; margin:2% 2% 2.5% 2%;}
.widget .title {font-size: 12px; line-height: 24px; font-weight: 400;  text-transform: uppercase; letter-spacing: 2px; font-weight: 700;  margin-bottom: 12px; }
.widget ul li{font-size:14px; line-height:1.8; letter-spacing:0.2px;}
.fottop{  display: block; text-align: center; width: 5%; float:right; font-size:20px;  margin: 1px auto 15px;}  
hr {display: block; height: 1px;  border: 0;  border-top: 1px solid #ccc;  margin: 0.5em 0;padding: 0;}

.foot-reserve {display:table;width:100%;height:330px; background:url('/web/images/foot_img.jpg') center center no-repeat; background-size:cover;}
.foot-reserve .rev-box{text-align: right;color:#757575;margin-right: 12%;}
.foot-reserve .rev-box h1{font-size: 40px;color: #5c5c5c;padding-top: 3.5%;line-height:0;margin:0.67em auto 0;font-family: 'Recipekorea';}
.foot-reserve .rev-box p{font-size: 20px;margin-top: 15px;color: #5c5c5c;line-height: 1.3;font-weight: 400;font-family: 'Jeju Myeongjo', serif;}
.foot-reserve .rev-box .rev_txt_ {color:#ababab;font-size:12px;font-family: 'Pretendard-Thin';}
.foot-reserve .rev-box small{font-size: 19px;}
.foot-reserve .rev_box{ margin:1.5% auto;}
.foot-reserve .rev_box{display: block;border: 1px solid #5c5c5c;line-height: 36px;width: 205px;text-align: center;color: #5c5c5c;font-size: 12px;margin-right: 0%;font-family: 'IBMPlexSansKR-Regular';}
.foot-reserve .rev_box:hover{color: #fff;background-color: #8caa98;border: 1px solid #8caa98;transition: all 0.3s ease-in-out;}

.top-btn{width: 4%;height: 5%;position: absolute;right: 0%;margin-top: -70px;font-size: 15px;color: #252525;z-index: 10;  cursor:pointer}
.top-btn:hover{color:#789082; transition:all 0.3s ease-in-out;}

.col-sm-6 .sub b:before {content: "";display: inline-block;background-image: url("http://hi-web.co.kr/web/img/hi_web_s.png");vertical-align: middle;width: 22px;height: 22px;background-size: cover;background-position: center;margin: 0 0 4px 4px;}



/* About */
.about_maintxt{max-width: 1400px; margin: 0 auto; position: relative;}
.info-txt{ color: #828282; transform: rotate(0.03deg); padding:100px 0;}
.info-txt h2{font-family: 'Playfair Display SC', serif;font-size: 38px;font-weight: 300;margin-bottom: 15px; color:#789082;}
.info-txt h2:after {content:'';position:absolute;right: 37%;top: 26%;width: 31%;height:1px;background:#c8c8c8;}
.info-txt h3{font-size: 22px;margin-bottom: 25px;font-family: 'Jeju Myeongjo', serif;font-weight: 500;}
.info-txt p{font-size: 14px;font-family:'ELAND_Choice_M';margin-bottom: 22px;opacity: 0.8;line-height: 1.75;}
.deco01{position: absolute;top: 96%;right:0%; opacity:0.87; } /*.deco01 img {width:50%;}*/

.about_subifno{max-width: 1400px;margin: 120px auto 0;}
.about_subifno aside{width: 50%;float: right;}

.about_subifno .right .img{width: 690px; height: 822px; background-size: cover; background-repeat: no-repeat; background-position: center;}
.about_subifno .left{margin-top: 55px;}
.about_subifno .tit h2{font-size: 35px;font-weight: 100;font-family:'Jeju Myeongjo', serif;color: #858585;line-height: 1.2;}
.about_subifno .tit h3{font-size: 14px;font-family: 'Montserrat';margin-top: 19px;font-weight: 300;letter-spacing: 3px;}
.about_subifno .txt{margin-top: 40px;font-family: 'ELAND_Choice_M';}
.about_subifno .txt p{font-size: 15px;margin-top: 40px;line-height: 1.8;letter-spacing: -1.5px;opacity: 0.80;font-family: 'ELAND_Choice_M';}
.about_subifno .txt span{font-size: 16px;border-bottom: 1px solid #b2b2b2;padding-bottom: 19px;}
.about_subifno .txt2 p{margin-top: 40px; font-weight: 400; line-height: 1.8; font-size: 15px; letter-spacing: -1.5px;}
.about_subifno .txt p .underLine{text-decoration: underline;}
.about_subifno .txt-box{text-align:right;}
.about_subifno .img-box{margin-top: 60px;}
.about_subifno .img-box .img{width: 330px;height: 320px;float: right;background-size: cover;background-repeat: no-repeat;background-position: center;}
.about_subifno .img-box .img:nth-of-type(2){margin-right: 15px;}

.about_end {max-width:1400px;margin: 54% auto 3%;position:relative;}
.abend_txt {text-align:center;color: #789082;opacity: 0.75;}
.abend_txt h1 { font-family:'Cormorant'; line-height:1; }
.abend_txt h1 span {font-size: 26px;font-family: 'Sacramento', cursive;font-weight: 100;letter-spacing: 2px;}
.abend_txt h1 strong {display:block;margin-top: 26px;font-size: 54px;font-family: 'Cormorant Garamond', serif;}

.abend_txt h2 {margin: 25px 0 75px;font-size: 20px;font-weight:100;font-family: 'Jeju Myeongjo', serif;}
.abend_txt h2 strong {font-weight: 700;margin-left: 8px;}


/*main bak*/
.bak {width:100%;height: 920px;text-align:center;padding: 9%;}
.bak{background:url(/web/images/main/main_bak.jpg) no-repeat 50% 50%;background-attachment:fixed;}
.bak .txt{margin-top: 11.5%;text-align: left;color: white;width:100%;text-shadow: 0px 5px 5px #464646; opacity:0.85;}
.bak .txt h2{font-size: 3.5em;font-family: 'Playfair Display SC', serif; font-weight: 100;line-height: 1.2;}
.bak .txt .line{width: 8%;height: 3px;background-color: white;display: block;margin: 2% 0;left: 0;right: 0;/* margin: auto; */}
.bak .txt p{font-size: 19px;line-height: 1.6;font-family: 'Nanum Myeongjo', serif;font-weight: 600;letter-spacing: -0.5px;}


<!---->

.reserve-btn a {display:inline-block;padding: 7px 40px;border:1px solid black; border-left:none; border-right:none; transition:300ms;font-size: 15px; margin-top:3%; color:#000; font-family:'Mukta', sans-serif;}
.reserve-btn a:hover {  color:white;  background-color:#4e547a; border:1px solid #4e547a; }

.block-info-wrap { max-width:1351px; margin:0 auto 5%; }
.block-info { clear:both; overflow:hidden; margin-top:35px; }
.block-info .tit { margin-bottom:20px; font-family:'JSDongkang-Regular';}
.block-info .tit strong { font-size:18px; }
.block-info .tit span {display:block;margin: 20px auto;text-align: center;font-size:22px; width:200px; }
.block-info .tit span:after {content:'';display:block;margin:10px auto;width:1px;height:40px;background:#a7a7a7;}

.block-info p { line-height:1.6; font-size:13px;}
.block-info strong { font-size:20px; }
.block-info ul { margin-bottom:20px; }
.block-info li { line-height:2; font-size:15px;}
.block-info h2 { margin-top:20px; }
.block-info .img { margin-bottom:40px; }
.block-info .data-list { margin:20px 0; }s
.block.pd { padding:10px 0 0 20px; float:left; width:50%;}
.block .mt { margin-top:20px; }
.block { text-align:center; padding:10px 20px; }

 


/* Reservation */
.refun_info { border: 1px solid #ccc; width: 100%;    text-align: center; line-height: 1.5rem; margin-top:2%;}
.refun_info tr { border: 1px solid #ccc; }
.refun_info th { border: 1px solid #ccc; background-color: #eee; }
.refun_info tr td {border: 1px solid #ccc; }
.refun_info td { border: 1px solid #ccc; }
				
.dash-list li {position:relative;padding-left:10px;line-height:2;font-size: 15px; }
.dash-list li:before { content:'-'; position:absolute; left:0; top:0;  }
.dash-list li strong { font-weight:600; color:#a62222;}
.dash-list li span { color:#a62222; }

.reserve-price { max-width:80%; overflow:hidden; margin:0 auto;  padding:0 10px; }
.reserve-price .table-wrap {  }

.rev-info-01 .txt { text-align:center; width:100%; padding-top:45px; color:#777877;}
.rev-info-01 .txt h1 strong{ line-height:4; display:block; font-size:15px; font-weight:600 !important; }
.rev-info-01 .txt h1 span{ font-size:35px; font-family: 'Muli', sans-serif;}
.rev-info-01 .txt ul li { line-height:1.7; color:#545454; font-size:15.5px;}
.rev-info-01 .basic-list {margin-top:30px;}
.reserve-info-01 { max-width:1530px; overflow:hidden; margin:0 auto; margin-top:130px; padding:0 10px; }
.reserve-info-01 .img { float:left; width:50%; }
.reserve-info-01 .txt { float:left; width:50%; padding-top:30px; }
.reserve-info-01 h1 {margin-bottom:15px;vertical-align: middle;}
.reserve-info-01 h1 * { display:inline-block; vertical-align:baseline; }
.reserve-info-01 h1 strong {font-size: 28px;font-family: 'Cormorant Garamond', serif;font-weight:bold;text-transform: uppercase;color:#789082;}
.reserve-info-01 h1 span {margin-left:10px;padding-left:10px;border-left:1px solid #626262;font-size: 19px;color:#626262;vertical-align: middle;font-weight: 600;font-family: 'Pretendard-Thin';}
.reserve-info-01 .txt p { line-height:1.7; color:#545454; }
.reserve-info-01 .txt dt { display:inline-block; width:100px;  font-size:16px; }
.reserve-info-01 .txt dd { display:inline-block;font-size:20px; color:#888888; }
.reserve-info-01 .txt dd span { font-size:14px; }
.reserve-info-01 .txt .m-top-1 { margin-top:30px; }
.reserve-info-01 .txt .m-top-2 { margin-top:50px; }

.reserCon02, .reserCon03 {max-width:1370px;margin:5% auto 5%;}
.rev-info-02 {max-width: 79%; margin: 4% auto;}
.rev-info-02 .img {margin-bottom:25px;}
.rev-info-02 h1 {margin-bottom:15px;vertical-align: middle;}
.rev-info-02 h1 * { display:inline-block; vertical-align:baseline; }
.rev-info-02 h1 strong {font-size: 28px;font-family: 'Cormorant Garamond', serif;font-weight:bold;text-transform: uppercase;color:#789082;}
.rev-info-02 h1 span {margin-left:10px;padding-left:10px;border-left:1px solid #626262;font-size: 19px;color:#626262;font-family: 'Pretendard-Thin';vertical-align: middle;font-weight: 600;}
.rev-info-02 .info ul b {font-size: 18.5px;font-weight:bold;}
.rev-info-02 .info ul { margin-bottom:40px; color:#545454; font-size:13px; line-height:1.8;}
.rev-info-02 .info ul li span{color:#c83d3d;}
.rev-info-02 .img img {width:100%;}
.rev-info-02 .information {float:left; width:50%;} .rev-info-02 .price {float:right; width:50%;} .rev-info-02 .refund{width:100%; display:inline-block;}

table { border: 1px solid #ccc; width: 100%; text-align: center; line-height: 1.5rem; }
table tr { border: 1px solid #ccc;}
table th {border: 1px solid #ccc;background-color: #eee;line-height: 1.5;padding: 10px 0;}
table tr td {border: 1px solid #ccc;line-height: 1.5;padding: 10px 0px;}
table td { border: 1px solid #ccc; line-height:3;}
#mo {display:none;}

.rev_roominfo{  margin-top: 20px;}
.revoom_b{ font-size: 20px;   margin-bottom: 15px;}
.re_txt{  line-height: 2;  font-size: 15px;  border-bottom: 1px dotted #ccc; padding-bottom:18px;}
.re_txt span { display: block;   font-weight: 600;  color: #789082;   margin-top: 18px;}

	

/* 서브 인포 설명 */
.supmap { position:relative; margin:2.5em 0; font-size:1.1em; font-weight:400; text-align:center; color:#585858; }
.supmap .title01 {display:block;font-family: 'Cormorant Garamond', serif;font-size:2.2em;line-height:1.2em;letter-spacing:-0.02em;margin-bottom:0.5em;} 
.supmap .title02 {display:block;font-size:1.1em;line-height:1.3em;margin-bottom:1em;font-family: 'Pretendard-Thin';font-weight: 500;}
.supmap .title03 { display:block; font-family:'MapoFlowerIsland'; font-size:10px; line-height:1.2em; color:#a7a7a7; font-weight:100; letter-spacing:0.05em; opacity:0.6; filter: alpha(opacity=60;);}
.title_line:before { content:''; display:block; margin:30px auto 15px; width:1px; height:40px; background:#a7a7a7;  }

.sup_rev{max-width:100%; margin:auto; text-align:center;}
.sup_rev a { display:inline-block; width:260px; height:45px; margin-top:40px; line-height:45px; color:#7e8389; border:1px solid #7e8389; border-radius:40px; text-align:center;}
.sup_rev a:hover {color: #fff; background-color: #8caa98; border: 1px solid #8caa98; transition: all 0.3s ease-in-out;}



/* Animation */
@keyframes up-down {
	0% { bottom:50px; }
	50% { bottom:10px; }
	100% { bottom:50px; }
}

@keyframes table-guide {
	0% { opacity:0; }
	50% { opacity:1; }
	100% { opacity:0; }
}

@keyframes active-y {
	0% { transform:translateY(100px); opacity:0; }
	100% { transform:translateY(0); opacity:1; }
}

@keyframes active-y-02 {
	0% { transform:translateY(-100px); opacity:0; }
	100% { transform:translateY(0); opacity:1; }
}

@keyframes slide-effect {
	0% { transform:scale(1); }
	100% { transform:scale(1.1); }
}

@keyframes line-on {
	0% { height:0; }
	100% { height:180px; }
}

/* media query */


@media (max-width:1680px){
.gnb{padding-left:370px;} .gnb > li{width:9%;}
.gnb > .gnb3{margin-right:16%;}
}


@media  (max-width: 1600px){

.main_tit .title01:after{bottom:35%;}

.about_subifno{max-width:1350px;}
.about_subifno .right .img{width:654px;} .about_end{margin-top:64%;}

.map_txt{right:10%;}
}

@media  (max-width: 1440px){
.topArea {position:relative; width:100%; height: 790px !important; z-index:2;}
.topArea .lSSlideOuter { position:absolute; width:100%; height:100%; left:0; top:0; z-index:1;}

.main-menu{max-width: 958px;}
.main-menu > ul > li{width: 112px;} .main-menu > ul > li:nth-child(3){margin-right: 285px;}
.sub-menu a{font-size:13px;}

.about_maintxt{max-width:1150px;} .info-txt h2:after{right:36%;}
.about_subifno{max-width:1150px;} .about_end{max-width:1150px;}
.about_subifno .right .img{width:590px; height:700px;} .about_subifno .img-box .img{width:250px; height:200px;}


.reserve-price{max-width:1300px;} .reserve-info-01{max-width:1300px;} .reserve-info-02{max-width:1300px;}

.foot-reserve{height:290px;}

}


@media (max-width: 1366px) { 
.main-menu > ul > li{width:120px;} .main-menu{max-width:900px;} .main-menu > ul > li:nth-child(3){margin-right:180px;}
.sub-menu a{font-size:13px;}

.topArea {position:relative; width:100%; height: 637px !important; z-index:2;}


.reserve-info-01{max-width:79%;}
.reserve-info-01 .txt{width:40%; margin-left:25px;} .reserve-info-01 .txt .m-top-2{margin-top:25px;}
.reserve-info-01 h1 {line-height:1.2;} .reserve-info-01 h1 strong{font-size:25px;} .reserve-info-01 h1 span {font-size:16px;}
.rev-info-02 h1{line-height:1.2;} .rev-info-02 h1 strong{font-size:25px;} .rev-info-02 h1 span{font-size:16px;}
.rev-info-02 .info ul b{font-size:15.5px;} .dash-list li{font-size:13px;}

footer{padding:15px 0;}	
}


@media  (max-width: 1280px){
.topArea {position:relative; width:100%; height: 570px !important; z-index:2;}

.hd .logo_w a{width:145px;} .main-menu{max-width:818px;} .main-menu > ul > li{width:107px;} .main-menu > ul > li:nth-child(3){margin-right:175px;}
.hd-btn a{ font-size:12px;} .sub-menu a{font-size:12px;}
	
.about_end{margin-top:70%;}	
	
.reserve-price{max-width:1160px;} .reserve-info-01{max-width:1160px;} .reserve-info-02{max-width:1160px;}
.reserve-info-01 .txt{padding-top:30px;} .reserve-info-02{padding-top:0px;}
	
.widget ul li{font-size:13px;}
}

@media  (max-width: 1150px){
.gnb{ padding-left:235px;} .gnb > .gnb3{margin-right:18%;}
}

@media  (max-width: 1024px){

.gnb { padding-left:0%; top:0; padding-top:0;}
.gnb > li { margin-right:1.2em; }
.is-sticky .gnb { top:30px; padding-right:0;}

.none1024 {display:none;} 
.block1024 {display:block;}
.in-block1024 {display:inline-block;}

.sticky-wrapper { position:relative;  height:60px !important;}
#header { position:relative; height:60px !important; }
.gnb_sub { padding:10px 15px 12px; }

.hd{height:80px;}
.hd.on{background-color: white; height:100% !important;}
.hd.on .logo_w{margin-top: 25px; left:42%;}
.hd.on .menu-btn{margin-top: 50px;}
.main-wrap .menu-btn{display: block;}
.sub-wrap .hd .main-menu{display: block; width: 100vw; height: calc(100vh - 60px); position: fixed; top: 80px; left: 0; transform: translate(0); background-color: white;}
.hd .main-menu{ max-width:100%; visibility: hidden; opacity: 0; pointer-events: none; width: 100vw; height: calc(100vh - 80px); position: fixed; top: 80px; left: 0; transform: translate(0); background-color: white; padding-top: 30px; display: block; margin-top: 0;}
.sub-menu a{line-height: 25px;}
.hd.on .main-menu{visibility: visible; opacity: 1; pointer-events: all; border-top:1px solid #919191;}
.hd .main-menu .sub-menu{display: block; min-height: 290px;}
.main-menu > ul > li > a{line-height: 40px;}
.sub-wrap .main-menu > ul > li > a{line-height: 35px;}
.main-menu > ul > li{width: 16.3333%;}
.hd .menu-btn .line{ background-color:#101010;}
.main-menu > ul > li:nth-child(3){margin-right:0;}
.hd-btn a{border:1px solid #665c52 !important; color:#665c52;}

.hd .logo a img{display:none;}
.hd .logo_w {display:block; left: 42%;margin-top: 25px;float: left;position: absolute;pointer-events: all;transition: 0.8s;}

.header_reser { right:0px; text-align:right; } .header_reser01{right:180px;} #btn_rev{padding:14px 8px; font-size:0.7em;}
.btn_reser01 { display:inline-block; background:none; padding:6px 10px; font-size:1.2em; color:#9599a4; z-index:10;}
.btn_reser01 span { display:inline-block;padding:7px 0 3px 5px; font-style:normal;  }
.header_reser p {display:none;}
.is-sticky .gnb { top:0}

.main_tit{left:70%;} .main_tit .title01:after{bottom:45%;}


.none1280 {display:none;} 
.block1280 {display:block;}
.in-block1280 {display:inline-block;}

.header_left .logo {
    left: 37% !important;
    top: 7px !important;}
.header_left #gnbArea {padding: 10px 0 0 0px;}

.widget .title{margin:12px auto 0px;}
.footer_com{width:100%;}
.col-md-3{width:100%; float:inherit; margin:0%;} .rowinfo{margin-top:15px;}
.widget ul li{font-size:11px;}

#about_con h1{right:22%;} #about_con h2{right:5%;} #about_con p{right:8%;}
.about_line{width:116px; top:55%;}

.top-btn{display:none !important;}

.reserve-info-01, .rev-info-02{max-width:85%;}
.reserve-info-01 .txt{padding-top:0; width:47%;} .reserve-info-01 .txt .m-top-1{margin-top:14px;} .reserve-info-01 .txt .m-top-2{margin-top:12px;}


}


@media  (max-width: 770px){
.header_left .logo{left:42% !important;}	 
	
.topArea {position:relative; width:100%; height: 420px !important; z-index:2;}
.main{margin-top:80px;}
.sp_tit{display:none;} .mainTitle{display:none;} .room_tit{display:none;} .main_tit{display:none;}


.about_maintxt{max-width:700px !important;} .info-txt h2:after{right:14% !important;}
.deco01{top:44%; right:42.5%; width:50%;}
.about_subifno aside{width:46%;} .about_subifno .right .img{width:390px; height:435px;}
.about_subifno aside{float:left;} .about_subifno .txt-box{text-align:left;}
.about_subifno .img-box{display:none;} .about_end{ margin-top:98.5% !important;}


.none560 {display:none;} 
.block560 {display:block;}
.in-block560 {display:inline-block;}

.header_left #gnbArea {padding: 10px 0 0 0px;}

.supmap{margin: 21px auto 0 ;}
.manCon{max-width:400px !important; margin:8% auto 2.5%;} .map_txt{margin:25em 10px 1em;}
.map_txt .title03{font-size:13px;} .map_txt .title01:after{margin:0.5em 0 0.5em; height:30px;}
.map01_02{margin-bottom:90%;} .block-info li{font-size:13px;}
 
table{line-height:1.2rem;} table th{font-size:10px;} table tr td{font-size:10px;}

.revoom_b{ font-size: 18px;} .re_txt{font-size: 13.5px; }

 
.reserve-info-01, .rev-info-02{max-width:95%;}
.reserve-info-01 .img{ width:100%;} .reserve-info-01 .txt{width:100%; margin-left:0;}
.rev-info-02 .information{ width:100%;} .rev-info-02 .price{float:none; width:100%;}

.foot-reserve{height:190px;}
.foot-reserve .rev-box small{font-size:13px;} .foot-reserve .rev-box p{font-size:13px;}
.foot-reserve .rev-box h1{padding-top:5%; font-size:25px;} .foot-reserve .rev_box{line-height:30px; width:170px; font-size:12px;}
}

@media  (max-width: 550px){
.topArea {position:relative; width:100%; height: 270px !important; z-index:2;}
.header_left .logo{left:35% !important;}
.hd .main-menu{padding-top:55px; padding-left:10px;}

.hd .logo_w{left:4%;} .hd .menu-btn{margin-right:14px; margin-top:30px;} .hd.on .menu-btn{margin-top:40px;} .hd-btn{margin-right:15px; margin-top:25px;}
.hd.on .logo_w{left:4%;}
.main-menu > ul > li{ width:32.333%;} .main-menu > ul > li > a{padding-bottom:0;} .sub-menu a{border:none; padding:0 0;}
.hd .main-menu .sub-menu{min-height:195px;}

.slide-tit{display:none !important;} .tour_nav{display:none !important;}

.about_maintxt{max-width:95% !important;} .deco01{display:none;}
.info-txt{padding:55px 0;} .info-txt h2:after{top:19%;}
.info-txt h2{font-size:22px;} .info-txt h3{font-size:18px;} .about_subifno aside{width:100%;} .about_subifno .left{margin-top:0;}
.about_subifno{margin:45px auto 0;}
.about_subifno .right .img{width:100% !important; height:395px !important; margin-top:50px;}
.abend_txt h1 strong{font-size:35px;} .abend_txt h2{margin:12px 0 27px; font-size:15px;}
.about_end{max-width:95% !important;} .about_end{margin-top:205.5% !important;}

}

@media  (max-width: 360px){
.gnb_sub li a { display:block;  font-size:13px; line-height:1.8em;}
.gnb_sub li a:hover, .gnb_sub li a:focus {font-weight: bold; color: #fff;}
.gnb_sub {margin-left: 0px;}



#about_con h1{top:40%; right:30%;} #about_con h2{top:53%; right:13%; font-size:18px;} #about_con p{font-size:11px; right:18%; top:61%;} .about_btn a{right:42%;}


.reserve-info-01 .txt p{font-size:13px;}
.reserve-info-01 .txt dd{font-size:14px;} .reserve-info-01 .txt dt{width:50px; font-size:13px;}
}

@media  (max-width: 1024px){


}


@media  (max-width: 768px){
#ft, #ft a{   font-size: 12px;}
.scrollDown{display:none;}
#ft .ft-info-phone a{font-size:20px;}
#ft{ height:206px;}

}


/* topArea slider */
.topArea { position:relative; background:#ddd; z-index:1;}

.lSSlideOuter li img { width:100%; vertical-align:top;}
.topArea .lSSlideOuter { position:absolute; width:100%; height:100%; left:0; top:0; z-index:1;}
.topArea .lSSlideWrappe, .topArea .lSSlideWrapper { position:absolute; width:100%; height:100%; left:0; top:0;}
.topArea .lightSlider {position:relative !important; width:100% !important; height:100% !important; left:0; top:0; z-index:1;}
.topArea .lightSlider li {position:absolute; width:100%; height:100%; left:0; top:0; background-repeat:no-repeat !important; background-size:cover !important; background-position:center center !important;}

.topArea .lSAction { position:absolute; width:200px; height:40px; left:50%; bottom:3.5%; margin-left:-100px; border-top:1px solid #fff; border-bottom:1px solid #fff; z-index:5; }
.topArea .lSAction a{ display:block; font-size:1.8em; line-height:1.8em; color:#fff; top:0; margin:0; -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; opacity:0.9; filter: alpha(opacity=90;);  -webkit-text-shadow: 2px 2px 3px rgba(0, 0, 0, 0.1); -moz-text-shadow: 2px 2px 3px rgba(0, 0, 0, 0.1); text-shadow:2px 2px 3px rgba(0, 0, 0, 0.1);}
.topArea .lSPager.lSGallery { position:absolute; left:0; bottom:0; display:block !important; background:#fff; padding:5px 0 0; z-index:5;}
.topArea .lSPager.lSpg { display:none;}
.topArea .lSAction a { top:-5px; text-align:center; }
.topArea .lSAction a.lSPrev { left:10px;  }
.topArea .lSAction a.lSNext { right:10px;}

.count { position:absolute; font-family: 'Playfair Display', serif; color:#fff; z-index:2; }
.count span { font-size:1.25em; line-height:30px; -webkit-text-shadow: 2px 2px 3px rgba(0, 0, 0, 0.1); -moz-text-shadow: 2px 2px 3px rgba(0, 0, 0, 0.1); text-shadow:2px 2px 3px rgba(0, 0, 0, 0.1);}

.topArea .count { width:80px; height:40px; left:50%; bottom:3.5%; margin-left:-40px; text-align:center;}
.special01 .count {display:none;}
.topArea .count .count_line {display:none;}
.topArea .count .current, .topArea .count .total { line-height:34px; }
.topArea .count .current { position:absolute; left:0;}
.topArea .count .total { position:absolute; right:0;}

.topTypo { position:absolute; width:80%; left:10%; top:43%; color:#fff;  
-webkit-text-shadow: 2px 2px 3px rgba(0, 0, 0, 0.2); -moz-text-shadow: 2px 2px 3px rgba(0, 0, 0, 0.2); text-shadow:2px 2px 3px rgba(0, 0, 0, 0.2); z-index:5; }
.topTypo dt {font-family: 'Libre Baskerville', serif; font-size:6.8em; line-height:1.2em; font-style:italic; letter-spacing:-0.01em; margin-bottom:0.1em;text-align:center;}
.topTypo dd { width:80%; max-width:500px; margin:0 auto; font-family: 'Noto Serif', serif; font-size:1.2em; font-style:italic; }

.topArea .btn_scroll { display:none; position:absolute; left:50%; bottom:0; margin-left:-33px; z-index:5;}
.topArea .btn_scroll img { vertical-align:top;}

.btn_more { display:block; margin:0.8%; height:40px; border: 1px solid #adb9dd; background:#adb9dd; border-radius: 5px; width:55% ;text-align:center; font-size:1.3em; line-height:38px; color:#fff;  -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; }
.btn_more:hover, .btn_more:focus { background:#4e547a; color:#fff; }
.btn_more:hover span, .btn_more:focus span { margin-left:20px;}

/* main preview Area slider */
.topArea1 {width: 100%; height: 100%; position:relative; background:#ddd; z-index:1;}
.lSSlideOuter li img { width:100%; vertical-align:top;}
.topArea1 .lSSlideOuter { position:absolute; width:100%; height:100%; left:0; top:0; z-index:1;}
.topArea1 .lSSlideWrappe, .topArea1 .lSSlideWrapper { position:absolute; width:100%; height:100%; left:0; top:0;}
.topArea1 .lightSlider1 {position:relative !important; width:100% !important; height:100% !important; left:0; top:0; z-index:1;}
.topArea1 .lightSlider1 li {position:absolute; width:100%; height:100%; left:0; top:0; background-repeat:no-repeat !important; background-size:cover !important; background-position:center center !important;}

.topArea1 .lSAction { position:absolute; width:200px; height:40px; left:50%; bottom:3.5%; margin-left:-100px; border-top:1px solid #fff; border-bottom:1px solid #fff; z-index:5; }
.topArea1 .lSAction a{ display:block; font-size:1.8em; line-height:1.8em; color:#fff; top:0; margin:0; -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; opacity:0.9; filter: alpha(opacity=90;);  -webkit-text-shadow: 2px 2px 3px rgba(0, 0, 0, 0.1); -moz-text-shadow: 2px 2px 3px rgba(0, 0, 0, 0.1); text-shadow:2px 2px 3px rgba(0, 0, 0, 0.1);}
.topArea1 .lSPager.lSGallery { position:absolute; left:0; bottom:0; display:block !important; background:#fff; padding:5px 0 0; z-index:5;}
.topArea1 .lSPager.lSpg { display:none;}
.topArea1 .lSAction a { top:-5px; text-align:center; }
.topArea1 .lSAction a.lSPrev { left:10px;  }
.topArea1 .lSAction a.lSNext { right:10px;}

@media  (max-width:1440px){
    .topArea .lSSlideOuter { position:absolute; width:100%; height:100%; left:0; top:0; z-index:1;}
}

@media  (max-width: 1024px){
.topArea .lSAction { width:150px; height:40px; left:50%; bottom:10px; margin:0 0 0 -75px; }
.topArea .lSAction a{ position:absolute;}
.topArea .lSAction a.lSPrev { left:0;}
.topArea .lSAction a.lSNext { right:0; text-align:right;}

.topTypo { width:100%; left:0;}
.topTypo dt {font-size:6vw; }
.topTypo dd { width:80%; max-width:600px;}

.topArea .count{ bottom:2.5%; }

.about_maintxt{max-width:855px;} .info-txt h2:after{right:22%;}
.about_end{max-width:85%; margin-top:72.5%;} .about_subifno{max-width:85%;}
.about_subifno .right .img{width:455px; height:555px;}
.about_subifno .tit h2{font-size:25px;} .about_subifno .tit h3{font-size:11px;} .about_subifno .txt span{font-size:13px;} .about_subifno .txt p{font-size:12.5px;}
.about_subifno .img-box .img{width:190px; height:150px;} .about_subifno .img-box{margin-top:17px;}


}
@media  (max-width: 560px){
.topTypo dt {font-size:10.5vw; }

.topArea .lSAction { width:120px; height:34px; bottom:10px; margin:0 0 0 -60px; }
.topArea .lSAction>a { width:auto; font-size:1em; line-height:2em; top:0px;}
.topArea .count { width:50px; height:34px; bottom:3.5%; margin-left:-25px; }
.topArea .count .count_line {display:none;}
.topArea .count .current, .topArea .count .total { font-size:0.95em; line-height:26px; }

.about_subifno{max-width:95%;}
.about_img-wrap .img img.second{margin:35px 0 0-130px;}

.rev-info-02{max-width:95%;}
.rev-info-02 h1 strong{ font-size:18px;} .rev-info-02 h1 span{font-size:15px;}
.dash-list li{font-size:12px; line-height:2;}

table th{line-height:2;}
#pc { display:none;} #mo{display:revert;}

.bak{height:200px; background-size:100%; background-attachment:inherit;}
.about_ima_sub{max-width:95%;}

}
@media  (max-width: 480px){
.topTypo dt {font-size:10vw; letter-spacing:-0.03em; line-height:1.2em; margin-bottom:0; }
.topTypo dd { max-width:250px; font-size:0.8em; line-height:1.2em;}

.topArea .count{ bottom:3.5%; }
}

@media  (max-width: 375px){
.info-txt h2:after{right:6% !important;} .about_end{margin-top:226.5% !important;}
}

@media  (max-width: 325px){ .topArea { height:220px !important;}
.hd .main-menu{ padding-top:35px;} .sub-menu a{font-size:11px;}
.reserve-info-01 .txt dt{width:100%;}
.info-txt h2:after{right:0 !important;}

.hd .logo_w a img{width:90%;} .hd-btn a{font-size:11px;} .sub-menu a{line-height:24px;}
}