@charset "utf-8";
@import url(https://cdn.rawgit.com/theeluwin/NotoSansKR-Hestia/master/stylesheets/NotoSansKR-Hestia.css);
@import url('https://fonts.googleapis.com/css?family=Noto+Serif+KR:300,400&display=swap');

@import url(http://fonts.googleapis.com/earlyaccess/nanumpenscript.css);
@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);
@import url(//fonts.googleapis.com/earlyaccess/nanummyeongjo.css); 
@import url(http://fonts.googleapis.com/earlyaccess/notosanskr.css);
@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 100;src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff2) format('woff2'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff) format('woff'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.otf) format('opentype');}
@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 300;src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff2) format('woff2'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff) format('woff'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.otf) format('opentype');}
@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 400;src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff2) format('woff2'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff) format('woff'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.otf) format('opentype');}
@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 500;src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff2) format('woff2'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff) format('woff'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.otf) format('opentype');}
@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 700;src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff2) format('woff2'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff) format('woff'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.otf) format('opentype');}
@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 900;src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.woff2) format('woff2'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.woff) format('woff'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.otf) format('opentype');}
@font-face { font-family: 'S-CoreDream-5Medium'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-5Medium.woff') format('woff'); font-weight: normal; font-style: normal; }

/* common _ jyp */
* {
  font-family:'NotoSansKR',sans-serif;
}
body {
  font-family:'Noto Sans KR',sans-serif;
  color:#000;
  letter-spacing:-0.02em;

  -webkit-text-size-adjust: none;
}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,form,fieldset,p,button,input {
  font-family:'Noto Sans KR',sans-serif;
  color:#333;
  margin:0;
  padding:0;
  font-size:15px;
  line-height:1.756em;
  font-weight:500;
}
table,td,th {
  font-family:'Noto Sans KR',sans-serif;
  color:#000;
}
table {
  border-collapse:collapse;
  border-spacing:0
}
ul,ol,li {
  list-style:none;
}
a,img {
  outline:0;
  text-decoration:none;
  border:0;
}
a:link,a:visited,a:active,a:hover {
  outline:0;
  text-decoration:none;
  color:#000;
}

img.fit {
  width:100%;
}
img.max-fit {
  max-width:100%;
}
h1,.h1,h2,.h2,h3,.h3,h4,.h4,h5,.h5,h6,.h6 {
  margin-top:0;
  font-family:'NotoSansKR',sans-serif;

}
.row {
  padding-right:0px !important;
  padding-left:0px !important
}
.row::after {
  clear:both;
}
.row::before,.row::after {
  display:table;
  content: " ";
}

[canvas=container],
[off-canvas] {
  padding: 10px 20px;
}

[class*=js-] {
  cursor: pointer;
}

/* * Override Bootstrap's default container. */
.P-scontent {margin-top:20px;}
#totalANDzeroweb {
  width:100%;
  background:#f8f8f8;
  text-align:left;
}
#totalANDzeroweb div{
  font-size:12px;
  color:#666
}

/* breadCrumb */
.top-menu{border-top:none !important; background:url(../../../../images/sub/bg_01.png) repeat !important; padding:15px 0;text-align:center;}
.top-menu-icon {opacity:0.3}
.top-menu-title{padding-top:10px;}
.top-menu-title p{ color:#b38169; font-size:26px; font-weight:500;line-height:24px; margin: initial !important;}
.top-menu-title p span{display:block; color:#999; font-size:14px; font-weight:normal;}

.breadCrumb{max-width:1000px; margin: 0 auto; text-align:right; margin-top: 50px; font-size:13px; padding-left:5px; color:#666; padding-bottom: 10px; border-bottom: 1px solid #e9e9e9;}
.breadCrumb a, a:hover, a:active {color:#666;}	 
.sub_script_600 {display:none; font-size:14px; color:#666; line-height:40px; font-weight: 300; text-align:center;  font-family:'Noto Serif KR'; padding: 0 30px;}
.sub_script_400 {display:none; font-size:14px; color:#666; line-height:40px; font-weight: 300; text-align:center;  font-family:'Noto Serif KR'; padding: 0 30px;}
.slide_box { position:relative; width:1200px; padding:0; margin:0 auto;}
#gallery1 {width:1200px;}
#slider1 {padding:0px 0;}
#slider1 li div {margin: 0px;padding: 0px;}
.nav{width:100%; position:absolute; top:48%; z-index:10}  
#prev{width:60px; float:left; padding-left:1%; cursor:pointer}  
#prev img{}
#next{width:60px; float:right; padding-right:1%; cursor:pointer}
#next img{} 
#vrpano {width:1200px; margin: 0 auto; margin-top:500px; text-align:center;  position:relative;}	
#vrpano #btn_big {position:absolute; right: 25px; top:10px; z-index:100}
#vrpano iframe {border:0px; width:100%; height:700px;} 
#s_wrap { width:1200px; margin: 0 auto; margin-top:80px; overflow: hidden; opacity:0;}

.margin2 { margin-top:100px;}
.loca_text {width:1200px; height:500px; border: 1px solid #ccc; text-align:center; line-height:500px;}

@media (min-width:1200px) {
  #s_wrap { width:1200px; margin: 0 auto; margin-top:80px; overflow: hidden; opacity:0;}
  .titie_001 { font-size: 18px; color:#444; margin:50px 0; }  
  .titie_002 { font-size: 18px; color:#444; margin:50px 0; text-align:center; letter-spacing: 1px; }
  .sub_script { font-size:16px; color:#666; line-height:40px; font-weight: 300; font-family:'Noto Sans KR';word-break:keep-all;}
  .sub_script b{ font-size:16px; color:#666; line-height:40px; font-weight: 500; font-family:'Noto Sans KR';}
  .sub_text_box { width:600px; float:left; padding-left: 50px; }
  .sub3_text_box { width:1200px;  margin: 0 auto; }
  .sub_img_box { width:600px; float:left;} 
  .sub_img_box img { padding:0; margin:0; width:100%;}

  #btn-top-menu {
    display:none;
  }

  #btn-top-menu img {
    display:none;
  }

  .P-member{
    display: block !important;
    text-align:right;
    background:#f8f8f8;
    width:100%;
    height:30px;
    padding:5px 0;
  }

  /*nav-login-logout-join*/
  .P-member-nav{
    width:100%;
    max-width:1030px; 
    margin:0 auto;
    font-size:12px;
    color:#999;
    overflow:hidden;
  }

  .P-member-nav a{
    padding: 0px 8px;
    margin:10px 0;
  }

  .P-member-nav a:last-child{
    padding-right: 0px;
  }

  .P-member-nav a.p-join{
    border-right:1px solid #ccc
  }

  .P-member-nav a.p-logout{
    border-right:1px solid #ccc
  }
}

.wrap {
  width:100%;
  max-width:1200px;
  margin: auto;
}

.scontentWrap {
  width:100%;
  margin: auto;
}
/*top_menu*/
#gnb{ width:1000px;
  margin: 0 auto;
  overflow: hidden;
  display:block;}
#gnb > li { float: left; margin-right:123px;letter-spacing: 1px;
  display:block;
  box-sizing:border-box;}

#gnb > li.current > a > span { padding-bottom: 2px; border-bottom: solid 4px #e84a36; }
#gnb > li .btn_depth1 { display:block; height: 63px; line-height:63px; padding:0 0 20px 0; color:#1a1a1a; font-size:19px; font-family:'ng_b';  }
#gnb > li .depth2 li a { display:block; height: 39px; line-height:39px; background-color:#e84a36; color:#fff; text-align:center; font-family:'ng_b'; }
#gnb > li .depth2 li a:hover { background-color:#522b1c; }
#gnb > li .depth2 { width: 0px; height: 0px; font-size:0px; overflow:hidden; }
#gnb > li.on .depth2 { width: 100%; height: auto; font-size:14px; }
#gnb > li.on .btn_depth1 { background-color:#e84a36; color:#fff; }



/* header for nav */
.P-header {
  width:100%;
  background-color:#fff;
  display: inline-block;
}
.P-nav-logo {
  width:250px;
  margin: 0 auto;
  margin-top: 40px;
  margin-bottom:40px;
}
.P-nav-logo img {
  width:100%; 
}
.P-nav {
  width:1000px;
  margin: 0 auto;
  overflow: hidden;
  display:block;
}
.P-nav a {
  float:left;
  margin-right:121.5px;
  letter-spacing: 1px;
  display:block;
  box-sizing:border-box;
}
.P-nav a:last-child {
  margin-right: 0px !important;
}
.P-nav a:hover {
  border-bottom:2px solid #57aaff;color:#57aaff;transition-property: border-color, color;
  transition-duration: 1s;}


.P-nav ul{ display:none;overflow:hidden; }

/*mobile nav*/


/* Nav links */
.P-nav-item {
  position:relative;
  display:inline-block;
  padding:30px 20px 10px;
  font-weight:500;
  color:#111;
}
.P-nav-item:hover,.P-nav-item:focus {
  color:#000;
  text-decoration: none;
}

.P-nav-item:last-child {
  padding-right: 0px;
}



/* Active state gets a caret at the bottom */
.P-nav .active {
  color:#000;
}
.P-nav .active:after {
  position:absolute;
  bottom:0;
  left:50%;
  width:0;
  height:0;
  margin-left:-5px;
  vertical-align:middle;
  border-right:5px solid transparent;
  border-bottom:5px solid;
  border-left: 5px solid transparent;
}	
.P-member{
  display:none;
}

.M-member {
  width:100%;
  overflow:hidden;
  background:#d39f88;
}
.M-member a{
  float:left;
  width:50%;
  text-align:center;
  padding:10px 0;
  overflow:hidden;
  display:block
}	
.M-member a, a:hover, a:active{
  color:#fff;
}
.M-member .m-join{
  border-right:1px solid #e8cabc;
  color:#fff;
}
.M-member .m-login{ 
  color:#fff
}
.M-member .m-logout{
  border-right:1px solid #e8cabc;
  color:#fff;
}
.M-member .m-mypage{
  color:#fff;
}

#slide_01 {
  display: block; 
  width:100%;
  max-width:1200px;
  margin:0 auto;
  margin-top:30px;
}
#slide_01 #slider {
  display: block; 

  width:100%;
  max-width: 1200px;
}
#slide_02 {
  display:none;
  width:100%;
  margin:0 auto;
}
#slide_02 #slider_02 {
  width:100%;
  display:none;

}
/* main _ slide */
.main-slide-text {
  position:relative;
  width:1280px;
  margin:0 auto;
  text-align:center;
  z-index:1;
}
.main-slide-text .visual-text {
  position:absolute;
  width:100%;
  margin:auto;
  padding-top:270px;
  color:#fff;
}
.main-slide-text .vt_tit{
  font-size:50px;
  font-weight: bold;
  line-height: 70px;
  text-shadow: 1px 5px 5px rgba(170, 170, 170, 0.3); 
}
.main-slide-text .vt_txt{
  font-size:20px;
  line-height:27px;
  text-shadow: 1px 5px 5px rgba(170, 170, 170, 0.3); 
}	
.main-slide-text .visual-btn {
  position:absolute;
  width:100%;
  margin:auto;
  top:0px;
}
.main-slider {
  width:1200px;
  overflow:hidden;
}
.main-slider li {
  position:relative;
  width:1200px;
  overflow:hidden;
}

/* main _ contents */
.P-contents {
  width:100%;
  position:relative;
  display:block;
  height:250px;
}
.menu-content {
  width:1280px;
  position:absolute;
  margin-top:-87px;
  margin-bottom:95px;
}
.menu-content:after {
  display:block;
  content: "";
  clear: both;
}
.room-view {
  width:340px;
  /*height:150px;*/
  float:left;
  position:relative;
  overflow:hidden;
  margin-right:30px;
}
.room-view img {
  width:100%;
}
.m-titbox-bg {
  position:absolute;
  top:0;
  background-position:center center;
  width:100%;
  height:100%;
}
.m-titbox {
  width:100%;
  position:absolute;
  background:url('/images/main/room_titbox_bg.png');
  height:88px;
  z-index:7;
}
.m-titbox-type {
  text-align:center;
  font-size:16px;
  font-weight:bold;
}
.m-titbox-type span {
  display:block;
  color:#b4836d;
  padding-top:20px;
  font-size:14px;
  font-weight:normal;
}
.facilty-view {
  width:340px;
  height:300px;
  position:relative;
  overflow:hidden;
  float:left;
}
.customer-bl {
  position:relative;
  width:540px;
  margin-top:28px;
  margin-left:0;
  padding-left:0px !important;

  float:right;
}
.customer-call {
  width:280px;
  background:none !important;
  padding-right:30px !important;
  float:left;

}
.customer-call div {
  margin-left:35px;
  color:#6a6a6a;
  letter-spacing:-0.03em;
}
.categ_title {
  color:#b4836d
}
.customer-call .call_number {
  font-size:2.0em;
  color:#000;
  letter-spacing:0em;
}
.customer-call .call_number span {
  display:inline-block;
  background:url('/images/main/call_ico.png') 0px 6px no-repeat;
  padding-left:35px;
  margin-left:-35px;

}
.customer-call .banking_info {
  font-size:14px;
  padding-bottom:20px;
}
.customer-call .location_info {
  margin-left:0px !important;
}
.customer-call .location_info span {
  padding-top:20px;
  margin-left:35px;
  display:inline-block;

}
.loc_bg {
  background:url('/images/main/location_ico.png') 0px 25px no-repeat;
}
.reservation-bl {
  width:260px;
  float:left;
}
.reserv-btn {
  width:100%;
  background:#191919;
  color:#d39f88;
  font-size:16px;
  font-weight:bold;
  padding:15px 0px;
  text-align:center;
}
.reserv-btn span {
  display:inline-block;
  background:url('/images/main/reser_clock.png') 0px 3px no-repeat, url('/images/main/reser_arrow.png') right 3px no-repeat;
  background-size:18px;
  padding-left:28px;
  padding-right:24px;
  color:#fff;
}
.gallery-btn {
  margin-top: 25px;
  width:100%;
  display:block;
  background:#d39f88;
  text-align: center;
  padding:20px 0px;
  font-size:17px;
}
.gallery-btn span{
  display:inline-block;
  background:url('/images/main/gallery_icon.png') 0px 8px no-repeat;
  background-size:22px;
  padding-left:28px;
  color:#fff;
}

/*
.vr-btn {
margin-top: 25px;
width:100%;
display:block;
background:#d39f88;
text-align: center;
padding:20px 0px;
font-size:18px;
}
.vr-btn span{
color:#fff;
}
171113 */

/* Footer */
.P-footer {
  clear:both;
  padding:20px 0 20px 0;
  width:100%;
  display:inline-block;
  background:#f9f9f9;
  margin-top:50px;
}
.footer-logo {
  display:none;
}
.footer-info {
  width:100%;
  background:#f9f9f9;
}
.footer-info li {
  width:100%;
  padding:0px 0px 0px 0px;
}
.copy-item {
  display:block;
  width:100%;
  text-align:center;
  font-size:12px;
  color:#ADADAD
}

#menu_box { display:none; } 
.menu_01 {overflow: hidden;} 
.menu_02, .menu_03, .menu_04, .menu_05, .menu_06 {margin-top:100px; width:100%;  overflow: hidden;} 
/*191023 앞메뉴 가림으로 인해 마진 0*/
.menu_03 { margin-top: 0}
.margin { margin-top:75px;}
.sub_nav_box { overflow: hidden; width:360px; margin: 0 auto;}
.sub_nav_01, .sub_nav_02, .sub_nav_03 {font-size:16px; float:left; width:100px; margin-right:30px; background:#fff; border: solid 1px #eee; transition: all 0.3s ease;
  border-radius: 5px; line-height:30px; height:30px; text-align:center; font-family: 'Noto Serif KR'; font-weight: 400; color:#777; cursor:pointer; }

.sub_nav_01:hover{color: #fff;
    font-weight: bold;
    background: #2f96ff;
    border: solid 1px #2f96ff;}


.sub_nav_02:hover{color: #fff;
    font-weight: bold;
    background: #2f96ff;
    border: solid 1px #2f96ff;}

.sub_nav_03:hover{color: #fff;
    font-weight: bold;
    background: #2f96ff;
    border: solid 1px #2f96ff;}



.s2_01 { margin-top:50px; width:100%; overflow: hidden; opacity:1;}
.s2_02 { margin-top:80px; width:100%; overflow: hidden; opacity:0; display:none;}
.s2_03 { margin:0 auto; margin-top:80px; width:100%; max-width:1000px; overflow: hidden; opacity:0; display:none;}
.sub2_img_box { width:800px; float:left;}
.sub2_text_box { width:400px; text-align:center;  float:left;}
.sub3_text_box { width:1200px; padding: 50px 0;text-align:center;  float:left;}
.sub2_img_box img { padding:0; margin:0; width:100%;}
.s2_03_box { width:50%; text-align:center; float:left; height:600px; vertical-align:middle; }
.s2_03_box >.sub2_text_box {width:100%; margin: 0 auto;}
.s4_call_box {margin-top: 25px;}
.call_btn {  width:320px;  margin: 50px auto;  text-align:center;}
.loca_text_box {width:1200px;  margin: 50px auto;  text-align:center;}
.loca_text_box img {width:35px; padding-bottom:10px; }
.call_btn img {  width:42px;}  
.call_text1 {  font-size: 28px;  font-family:'Noto Sans KR', sans-serif;  color:#555555;  font-weight: 400;  padding-top:10px;}
.call_text2 {display:none; font-size: 16px;   font-family: 'Noto Sans KR', serif;  color:#555555;  font-weight: 300; }
.call_text21 {display:block;font-size: 16px;   font-family: 'Noto Sans KR', serif;  color:#555555;  font-weight: 300; }

/* mobile and Tablet [0 ~ 1200px 적용] */
@media screen and (max-width:1200px) {	
  #btn-top-menu {
    width:35px;
    position:absolute;
    top:24px;
    right:15px;
    z-index:2;
  }
  #btn-top-menu img {
    display:block;
  }
  .s-contain {
    width:86%;
    margin:0 auto;
    display:block;
    padding-bottom:0px;
    overflow:hidden;
  }
  .wrap {
    position:relative;
    width:100%;
    /*min-width:320px;*/
    /*		max-width:640px;*/
    margin:auto;
  }
  .containers {
    width:92%;
    margin:auto;
  }
  .visible-lg {
    display:block !important
  }
  .visible-xs {
    display:block !important
  }
  .hidden-lg {
    display:block !important;
  }
  #slide_01 {
    display:none;
  }
  #slide_01 #slider {
    display:none;
  }  
  #slide_02 {
    display:block;
  }
  #slide_02 #slider_02 {
    display:block;
  }
  /* header for nav */
  .P-header {
    width:100%;
    /*		max-width: 640px;*/
    margin: 0 auto;
    padding:0%;
    z-index:10;
  }
  .P-nav-logo {
    margin-top:20px;
    margin-bottom:20px;
    width: 170px; 
    padding-left: 15px;
    float:left;
  }
  .P-nav a {
    display: none;
  }

  .P-nav-mob{
    display:block;
    width:100%;
    background:#fff;
    z-index:100 !important;
  }
  .P-nav-mob a, P-nav-mob a:hover, P-nav-mob a:active {
    color:#777;
  }
  .P-nav-item-mob{
    width:100%;
    display:block;
    color:#888;
    text-align:center;
    border-bottom:1px solid #eee;
    padding:10px 0;
  }

  #menu_box { display:block; }

  #Menu_list { 
    width:100%; 
    overflow:hidden; 
  }
  #Menu_list p {
    font-size:16px; 
    font-weight:400; 
    color:#333; 
    padding:8px; 
    border-bottom:1px solid #ddd; 
    background:#f2f2f2; 
    width:100%; 
    float:left; 
    box-sizing:border-box; 
    margin:0 !important;
  }
  #Menu_list p em { 
    background:#e60000; 
    border-radius:3px; 
    padding:2px 2px;
    font-size:10px; 
    font-weight:bold;
    margin-left:6px; 
    vertical-align:middle;  
  }
  #Menu_list .point {
    font-size:5px; 
    vertical-align:2px; 
    padding-right:5px; 
    color:#aaa
  }



  /* main _ slide */
  .main-slider {
    width:100%;
  }
  .main-slide-text {
    position:relative;
    width:100%;
    margin:auto;
    text-align:center;
    z-index:1;
    top:0;
  }
  .main-slide-text .visual-text {
    position:absolute;
    padding:0 20px;
    padding-top:130px;
  }
  .main-slide-text .visual-text img {
    width:80%;
    margin:auto;
  }
  .main-slide-text .visual-btn {
    position:absolute;
  }
  .main-slide-text .vt_tit{
    font-size:28px;
    font-weight: bold;
    line-height: 50px;
    text-shadow: 1px 5px 5px rgba(170, 170, 170, 0.3); 
  }
  .main-slide-text .vt_txt{
    font-size:14px;
    line-height:20px;
    text-shadow: 1px 5px 5px rgba(170, 170, 170, 0.3); 
  }	
  .wrap ul.slides{
    width:100%;
    overflow: hidden;
  }
  .wrap ul.slides li{
    position:relative;
    width:100%;
    height:350px;
    overflow:hidden;
    background-size: 100% auto;
    background-position: center center;
  }

  /* main _ contents */
  .P-contents {
    width:92%;
    margin:auto;
    position:relative;
  }
  .menu-content {
    width:100%;
    margin-top:-16%;
    position:absolute;
    z-index:3
  }
  .room-view {
    width:48%;
    float:left;
    margin-right:4%;
  }
  .room-view img {
    width:100%;
  }
  .facilty-view {
    width:48%;
    height:auto;
    position:relative;
    overflow:hidden;
    float:left;
  }
  .facilty-view img {
    width:100%;
  }
  .m-titbox {
    width:100%;
    position:absolute;
    background:url('/images/main/room_titbox_bg.png');
    height:auto;
    z-index:7;
    overflow:hidden;
  }
  .m-titbox-type {
    width:100%;
    padding:8% 0;
    text-align:center;
    font-size:16px;
    font-weight:bold;
    line-height:1.1em;
  }
  .m-titbox-type span {
    display:block;
    color:#b4836d;
    font-size:14px;
    padding-top:0;
    font-weight:normal;
  }
  .m-titbox-bg {
    position:absolute;
    top:0;
    background-position:center center;
    background-size:100% auto;
    width:100%;
    height:150px;
    /*height:100%;*/
  }
  .m-titbox-cover {
    position:relative
  }
  .m-titbox-cover img {
    width:100%
  }
  .customer-bl {
    width:100%;
    display:inline-block;
    margin-top:38%;
    margin-left:0;
    text-align:center;
  }
  .customer-call {
    width:100%;
    padding-right:0px !important;
    background:url('/images/main/call_ico.png') 12% 28px no-repeat;
  }
  .customer-call div {
    width:100%;
    color:#6a6a6a;
    letter-spacing:-0.03em;
    margin-left:0;
  }
  .categ_title {
    color:#b4836d;
  }
  .customer-call .call_number {
    font-size:2.0em;
    color:#000;
    letter-spacing:0em;
  }
  .customer-call .call_number span {
    display:inline-block;
    background:url('/images/main/call_ico.png') 0px 6px no-repeat;
    padding-left:35px;
  }
  .customer-call .banking_info {
    font-size:14px;
    padding-bottom:35px;
  }
  .customer-call .location_info {
    margin-left:0px !important;
    margin-bottom:20px;
    display:none;
  }
  .customer-call .location_info span {
    width:100%;
    padding-top:20px;
    margin-left:0px;
    display:inline-block;
    border-top:1px solid #e1e1e1;
  }
  .loc_bg {
    background:none;
    /*background:url('/images/main/location_ico.png') 15% 25px no-repeat;*/
  }
  .reservation-bl {
    width:100%;
  }
  .reserv-btn {
    display:block;
    width:100%;
    background:#191919;
    color:#d39f88;
    font-size:18px;
    font-weight:bold;
    padding:15px 0px;
  }
  .reserv-btn span {
    display:inline-block;
    background:url('/images/main/reser_clock.png') 0px 3px no-repeat;
    background-size:22px;
    padding-left:30px;
    color:#fff;
  }
  .gallery-btn{
    width:100%;
    display:block;
    margin-top: 20px;
    background:#d39f88;
    font-weight:bold;
    font-size:18px;
  }
  .gallery-btn  span{
    color:#fff;
  }
  .gallery-btn img{
    width:40px;
  }

  .vr-btn {
    width:100%;
    display:block;
    margin-top: 20px;
    background:#d39f88;
    font-weight:bold;
  }

  .vr-btn img{
    width:40px;
  }

  .vr-btn span{
    color:#fff; 
  } 
  #s_wrap {width:100%; margin-top:80px; opacity: 0;}
  .titie_001 { text-align:center; font-size: 18px; color:#444; margin:50px 0; letter-spacing: 1px;}  
  .titie_002 { text-align:center; font-size: 18px; color:#444; margin:50px 0; letter-spacing: 1px;}  
  .sub_script {font-size:16px; color:#666; line-height:40px; font-weight: 300; text-align:center;  font-family:'Noto Sans KR';}
  .sub_text_box {width:600px; float:none; margin: 0 auto; margin-top:50px;}
  .sub_img_box {width:600px; float:none; margin: 0 auto; }  


  .sub2_img_box { width:800px; float:none; margin: 0 auto;}
  .sub2_text_box { width:400px; text-align:center;  float:none; margin: 0 auto; margin-top:50px;}
  .sub3_text_box { width:100%; text-align:center;  float:none; margin-top:50px;}

  .margin { margin-top:0;}
  .slide_box {width:100%;}
  #gallery1 {width:100%;}
  .nav{width:100%; position:absolute; top:48%; z-index:10}  
  #prev{width:4%; float:left; padding-left:1%; cursor:pointer}  
  #next{width:4%; float:right; padding-right:1%; cursor:pointer}
  #vrpano {width:100%; height: 0; padding-bottom: 60%; margin: 0 auto; margin-top:50px; box-sizing:border-box; text-align:center;  position:relative;}	
  #vrpano iframe {border:0px; width:100%; position:absolute; top:0; height: 100%; left: 0;}  
  .loca_text {width:95%; margin:0 auto; height:500px; border: 1px solid #ccc; text-align:center; line-height:500px;}
  .loca_text_box { width:100%; margin-top:0;}
  
    .call_text2 {display:block;}
  .call_text21 {display:none;}
  
  
  
  
  
}

@media screen and (max-width:800px) {
  #s_wrap {margin-top:0;}
  .sub2_img_box {width:100%;}  
  .sub2_img_box img {width:100%;}  
  .sub2_text_box { width:100%;}
  .sub3_text_box { width:100%; margin-top:0;} 
  .nav{top:45%;}  
  #prev{width:8%; float:left; padding-left:1%; cursor:pointer}  
  #next{width:8%; float:right; padding-right:1%; cursor:pointer}
  #vrpano #btn_big {right: 10px;}

}


@media screen and (max-width:600px) {
  #s_wrap {width:100%; margin-top:80px; opacity: 0;}
  .titie_001 { text-align:center; font-size: 18px; color:#444; margin:50px 0;}  
  .sub_script {display:none;}
  .sub_script_600 {display:block; font-size:14px; color:#666; line-height:40px; font-weight: 300; text-align:center;  font-family:'Noto Sans KR'; padding: 0 30px;;word-break:keep-all;}
  .sub_script_400 {display:block; font-size:14px; color:#666; line-height:40px; font-weight: 300; text-align:center;  font-family:'Noto Sans KR'; padding: 0 30px;;word-break:keep-all;}
  .sub_text_box {width:100%; float:none; margin: 0 auto; margin-top:50px;}
  .sub3_text_box {width:100%; float:none; margin: 0 auto; padding:0;}
  .sub_img_box {width:100%; float:none; margin: 0 auto; }  
  .sub_img_box img {width:100%;}
  .nav{top:45%;}  
  .sub_nav_box { overflow: hidden; width:100%; margin: 0 auto; background:#2f96ff;}
  .sub_nav_01, .sub_nav_02, .sub_nav_03 {font-size:16px; float:left; width:33%; margin-right:0.5%; background:none; border-radius: 0px; line-height:30px; height:30px; text-align:center; font-family: 'Noto Serif KR'; font-weight: 400; color:#FFF; cursor:pointer; }
  .s2_03_box { width: 100%; height: auto;}
  .loca_text {width:90%; height:300px; line-height:300px;}
  .loca_text_box img {width:30px;}
  .call_btn img {  width:38px;}  
  .call_text1 {  font-size: 20px;  font-family:'Noto Sans KR', sans-serif;  color:#555555;  font-weight: 400;  padding-top:10px;}
  .call_text2 {  font-size: 14px;   font-family: 'Noto Sans KR', serif;  color:#555555;  font-weight: 300; }
}
@media screen and (max-width:400px) {
  .sub_script_600 {display:block; font-size:12px; color:#666; line-height:40px; font-weight: 300; text-align:center; letter-spacing: -1; font-family:'Noto Sans KR'; padding: 0 15px;;word-break:keep-all;}
  .sub_script_400 {display:block; font-size:12px; color:#666; line-height:40px; font-weight: 300; text-align:center;  font-family:'Noto Sans KR'; padding: 0 30px;;word-break:keep-all;}
  .titie_001 { text-align:center; font-size: 16px; color:#444; margin:50px 0;}  
  .loca_text {height:200px; line-height:200px;}
  .call_btn img {  width:35px;}  
  .call_text1 {  font-size: 18px;  font-family:'Noto Sans KR', sans-serif;  color:#555555;  font-weight: 400;  padding-top:10px;}
  .call_text2 {  font-size: 12px;   font-family: 'Noto Sans KR', serif;  color:#555555;  font-weight: 300; }
  .footer-info {width:320px; margin: 0 auto;}
  .call_btn {  width:100%;}

}


#wrap_text {
  background-color: #000;
  color: #fff;
  font-size: 2vw;
  letter-spacing:0px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

#app {
  letter-spacing: 1px;
  text-transform: uppercase;
  color: #fff;
}

/* Overline From Center */
.hvr-overline-from-center {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  overflow: hidden;
}
.hvr-overline-from-center:before {
  content: "";
  position: absolute;
  z-index: -1;
  left: 50%;
  right: 50%;
  bottom: 0;
  background: #2098d1;
  height: 3px;
  -webkit-transition-property: left, right;
  transition-property: left, right;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-overline-from-center:hover:before, .hvr-overline-from-center:focus:before, .hvr-overline-from-center:active:before {
  left: 0;
  right: 0;
}