#code .modal-header,
#code .modal-footer {
	justify-content: center;
}
#code .modal-header {
    background: #2c2c2c;
    padding: 10px;
    height: auto;
}
#code .modal-body {
    width: 50%;
    margin: 0 auto;
}
#code .modal-footer button {padding: 5px 25px;}
#code .modal-fotter .btn-primary:hover {background-color: #e05619; border: 1px solid #e05619;}
#code input {
    border: 1px solid #ddd;
    border-radius: 10px;
    text-align: center;
}
.bold{font-weight:bold}
.boldnone{font-weight:normal !important}
.colorblack{color:#333333 !important}
.colorsilver{color:#666666 !important}
.colorwsilver{color:#999999 !important}
.colorgold {
    background: #ffdb43;
    display: inline-block;
    padding: 5px 15px;
    color: #000;
    border-radius: 100px;
}
.colorwhite{color:#ffffff !important}
.colorbrown{color:#492212 !important}
.colororange{color:#f26121 !important}
.colorbeige{color: #caab79 !important}
.colorred{color:red !important}
.colorblue{color:#0000FF !important}
.mt20 {margin-top: 20px !important}
.mt40 {margin-top: 40px !important}
.mt50 {margin-top: 50px !important}
.ml10 {margin-left: 10px !important}
.ml20 {margin-left: 20px !important}
/* .ml25 {margin-left: 25px !important} */
.mr10 {margin-right: 10px !important}
.mt100 {margin-top: 100px !important}
.mt20 {margin-top: 20px !important}
.spa_mt80{margin-top: 80px !important}
.mt30 {margin-top: 30px !important}
.mt10 {margin-top: 10px !important}
.mt0 {margin-top: 0px !important}
.mr15 {margin-right: 15px !important}
.mb0 {margin-bottom: 0px !important}
.mb10 {margin-bottom: 10px !important}
.mb100 {margin-bottom: 100px !important}
.mb30 {margin-bottom: 30px !important}
.pt10{padding-top:10px !important}
.pt20{padding-top:20px !important}
.pt30{padding-top:30px !important}
.pt50{padding-top:50px !important}
.pt100{padding-top:100px !important}
.pt200{padding-top:200px !important}
.pb20{padding-bottom:20px !important}
.pb30{padding-bottom:30px !important}
.pb50{padding-bottom:50px !important}
.pb80{padding-bottom:80px !important}
.tl{text-align:left !important}
.tr{text-align:right !important}
.fs13{font-size:13px !important}
.fs14{font-size:14px !important}
.fs15{font-size:15px !important ;color:#666666}
.fs16{font-size:16px !important}
.fs18{font-size:18px !important}
.fs20{font-size:20px !important}
.fs22{font-size:22px !important}
.fs24{font-size:24px !important}
.fs30{font-size:30px !important}
.fs36{font-size:36px !important}
.tc{text-align:center}
.fr{float:right}
.fl{float:left}
.cl{clear:left}
.cb{clear:both}
.img100{width:100%}
.width33{width:33.3% !important}
.width50{width:49.5% !important}
.zindex999{position:relative;z-index:9}

.font_eng{font-family: 'Petit Formal Script', cursive;}
html {  scroll-behavior: smooth;}
.bold{font-weight: bold;}
/* h1,h2,h3,h4,h5,h6 {color: #2c2c2c; word-break: keep-all;} */
.pd10 {  padding: 10px !important;}
.pd30 {  padding: 30px !important;}

a {color: #444;	transition: all .3s ease;}
a:hover {color: #ff710d; text-decoration: none;}

.link-two {  color: #000000;  transition: all .5s ease;}
.link-two:hover {  text-decoration: underline;  color: #000000;}
.link-one {  color: #000000;  transition: all .5s ease;}
.link-one:hover {
  color: #000000;
  text-decoration: none;
}

.link-icon {  color: #000000;  font-weight: 500;}
.link-icon span {  font-size: 14px;  padding-left: 4px;  vertical-align: middle;}
.link-a {  color: #ffffff;  text-decoration: none;}
.colorpink{color:#ffbbdf !important}
.colorpink2{color:#cbb5f1 !important}
.textshadow{text-shadow: 6px 1px 5px #333;}
.letter-1{letter-spacing: -1px;}
@media (min-width: 768px) {
  .link-a {font-size: .9rem;  }
}

@media (min-width: 992px) {
  .link-a {font-size: 1rem;  }
}

.link-a:hover {
  color: #ffffff;
  text-decoration: none;
}

.link-a span {
  font-size: 18px;
  vertical-align: middle;
  margin-left: 5px;
}

@media (min-width: 768px) {
  .link-a span {
    font-size: 1.5rem;
  }
}

@media (min-width: 992px) {
  .link-a span {
    font-size: 18px;
  }
}

.text-brand {
  color: #fff;
  font-size: 2rem;
  font-weight: 600;    width: 119px;height:44px;
}

.navbar-trans .text-brand {
 background: url("../img/toplogo2.png") no-repeat 0 0;}
 .navbar-reduce .text-brand {
 background: url("../img/toplogo1.png") no-repeat 0 0;} 


@media (max-width: 767px) {
  .text-brand {font-size: 1.8rem;}
}

.color-a {color: #000000;}
.color-b {color: #ffd163}
.color-d {color: #adadad;}
.color-text-a {color: #8f8f8f;}
.no-margin {margin: 0;}

/*------/ Nav Pills  /------*/
.nav-pills li {text-align: center;}
.nav-pills-a.nav-pills .nav-link {
	background-color: #f9f9f9;
	position: relative;
	font-weight: normal;
	padding: 15px;
	border: 1px solid #d7d7d7;  
	border-right: none;
	cursor:pointer;
}
.nav-pills .nav-link {border-radius:0}
.nav-pills .nav-link:hover {color:#f26121;}
.nav-pills-a.nav-pills .nav-link.active {
	background-color: #f26121; 
	color:white; 
	border: 1px solid #f26121; 
	border-bottom: 0;
}

/*탭디자인2*/
.nav-pills-a.nav-pills .nav-link2 {
	    margin: 3px;
    border-radius: 5px;
       border-right: 1px solid #d7d7d7;
}
.nav-pills-a.navtab2 .nav-item:last-child {border-right: 0}

.nav-pills-a.nav-pills .nav-link2:hover{
transition: all 0.3s ease-in-out;
  color:white;
    background: #f26121;}



/*------/ Bg Image /------*/
.bg-image {
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-size: cover;
  background-position: center center;
}

/*------/ List a /------*/
.list-a {
  display: inline-block;  line-height: 2;  padding: 0;  list-style: none;
}

.list-a li {
  position: relative;  width: 50%;  float: left;  padding-left: 25px;  padding-right: 5px;
}

@media (min-width: 992px) {
  .list-a li {    width: 33.333%;  }
}

.list-a li:before {
  content: '';  width: 10px;  height: 2px;  position: absolute;  background-color: #313131;  top: 15px;  left: 0;
}

/*------/ Pagination-a /------*/
.pagination-a .pagination .page-link {
  margin: 0 .2rem;  border-color: transparent;  padding: .5rem .8rem;  color: #000000;}
.pagination-a .pagination .page-link:hover, .pagination-a .pagination .page-link:active, .pagination-a .pagination .page-link:focus {
  background-color: #f26121;}
.pagination-a .pagination .page-link span {  font-size: 1.2rem;}
.pagination-a .pagination .next .page-link {  padding: .4rem .9rem;}
.pagination-a .pagination .page-item:last-child .page-link {  border-top-right-radius: 0;  border-bottom-right-radius: 0;}
.pagination-a .pagination .page-item:first-child .page-link {  border-top-left-radius: 0;  border-bottom-left-radius: 0;}
.pagination-a .pagination .page-item.disabled .page-link {  padding: .4rem .9rem;  color: #555555;}
.pagination-a .pagination .page-item.active .page-link {  background-color: #f26121;}

.a {color: #f26121; font-size: 1.3rem;}

/*------/ Icon Box /------*/
.icon-box .icon-box-icon {
  display: table-cell;  vertical-align: top;  font-size: 36px;  color: #000000;  width: 50px;  padding-top: 8px;}
.icon-box .icon-box-content {  padding-top: 18px;}
/*------/ Space Padding /------*/
.section-t8 {  padding-top: 8rem;}
@media (max-width: 767px) {
  .section-t8 {    padding-top: 4rem;  }
}
.section-t4 {  padding-top: 4rem;}
.section-t5 {  padding-top: 5rem;}
@media (max-width: 767px) {
  .section-t4 {    padding-top: 2rem;  }
}
.section-t3 {
  padding-top: 3rem;
}
@media (max-width: 767px) {
  .section-md-t3 {
    padding-top: 3rem;
  }
}
.section-b2 {
  padding-bottom: 1rem;
}
.section-tb85 {
  padding: 8rem 0 5rem 0;
}
@media (max-width: 767px) {
  .section-tb85 {
    padding: 4rem 0 2.5rem 0;
  }
}
/*------/ Title /------*/
.title-wrap {
  padding-bottom: 1rem;
}

.title-a {
  font-size: 27px;
  font-weight: 600;   
}

.title-link {
  font-size: 1.2rem;
  font-weight: 300;
  padding-top: 0.2rem;
}

.title-link a {
  color: #313131;
}

.title-link span {
  font-size: 20px;
  padding-left: 4px;
  vertical-align: middle;
}

.title-box-d {
  padding-bottom: 0.4rem;
  margin-top: 15px;
  position: relative;
}

.title-box-d .title-d {
  font-weight: 600;
  font-size: 1.3rem;  
}

/* .title-box-d .title-d:after {
  content: '';
  position: absolute;
  width: 163px;
  height: 4px;
  background: linear-gradient(to right, #e38f26, #cf4612);
  -webkit-text-fill-color: transparent; bottom: 20px;
  left: 0;
} */
.property-single .title-box-d .title-d:after {width: 92px;}

.bg-gradient {
  background: linear-gradient(to bottom,
   rgba(0, 0, 0, 0) 0%,
   rgba(0, 0, 0, 0.1) 20%,
    rgba(0, 0, 0, 0.2) 30%,
     rgba(0, 0, 0, 0.3) 70%,
      rgba(0, 0, 0, 0.5) 100%);
}


/*------/ Display Table & Table Cell /------*/
.display-table {
  width: 100%;
  height: 100%;
  display: table;
}

.table-cell {
  display: table-cell;
  vertical-align: middle;
}

/*------/ Ul Resect /------*/
.ul-resect ul, .list-a ul, .box-comments ul {
  list-style: none;
  padding-left: 0;
  margin-bottom: 0;
}

/*------/ Overlay /------*/
.overlay-a {
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.2) 27%, rgba(0, 0, 0, 0.65) 90%);
}

.overlay {
  position: absolute;
  top: 0;
  left: 0px;
  padding: 0;
  height: 100%;
  width: 100%;
}

/*------/ Owl carousel /------*/
.owl-theme .owl-dots {
  text-align: center;
  margin-top: 18px;
}

.owl-theme .owl-dots .owl-dot {
  display: inline-block;
}

.owl-theme .owl-dots .owl-dot span {
  width: 16px;
  height: 9px;
  margin: 5px 5px;
  background: #000000;
  border: 0px solid #000000;
  display: block;
  transition: all 0.6s ease-in-out;
  cursor: pointer;
  border-radius: 0px;
}

.owl-theme .owl-dots .owl-dot:hover span {
  background-color: #f26121;
}

.owl-theme .owl-dots .owl-dot.active span {
  background-color: #f26121;
  width: 35px;
}

.owl-arrow .owl-nav {
  position: absolute;
  top: 0;
  right: 0;
  font-size: 1.8rem;
}

.owl-arrow .owl-nav .owl-prev,
.owl-arrow .owl-nav .owl-next {
  display: inline-block;
  transition: all 0.6s ease-in-out;
  color: #000000;
}

.owl-arrow .owl-nav .owl-prev.disabled,
.owl-arrow .owl-nav .owl-next.disabled {
  transition: all 0.6s ease-in-out;
  color: #adadad;
}

.owl-arrow .owl-nav .owl-next {
  margin-left: 15px;
}

.nav-arrow-a .owl-arrow .owl-nav {
  font-size: 1.8rem;
  margin-top: -110px;
}

.nav-arrow-a .owl-arrow .owl-nav .owl-next {
  margin-left: 15px;
}

.nav-arrow-b .owl-arrow .owl-nav {
  position: absolute;
  top: 0;
  right: 0;
  font-size: 1.2rem;
}

.nav-arrow-b .owl-arrow .owl-nav .owl-prev,
.nav-arrow-b .owl-arrow .owl-nav .owl-next {
  padding: .7rem 1.5rem !important;
  display: inline-block;
  transition: all 0.6s ease-in-out;
  color: #ffffff;
  background-color: #f26121;
  opacity: .9;
}

.nav-arrow-b .owl-arrow .owl-nav .owl-prev.disabled,
.nav-arrow-b .owl-arrow .owl-nav .owl-next.disabled {
  transition: all 0.6s ease-in-out;
  color: #ffffff;
}

.nav-arrow-b .owl-arrow .owl-nav .owl-prev:hover,
.nav-arrow-b .owl-arrow .owl-nav .owl-next:hover {
  background-color: #26a356;
}

.nav-arrow-b .owl-arrow .owl-nav .owl-next {
  margin-left: 0px;
}

.owl-nav{display:none} /*메인페이지 좌우화살표가림*/ 


/*------/ Socials /------*/
.socials-a .list-inline-item:not(:last-child) {
  margin-right: 25px;
}

/*------/ privacy /------*/
.privacy {line-height: 27px; word-break: keep-all;}
.privacy h5 {width: 100%; margin-top: 50px; color: #caab7a;}
/* .privacy p {color: #000; font-weight: bold; margin: 20px 0 5px;width: 100%;} */
.privacy b {font-weight: normal;}
.privacy ul {margin-left: 0;}
.privacy ul li {
    padding-left: 17px;
    position: relative;
    list-style: none;
    font-size: 16px;
}
.privacy ul li ul li {padding-left: 26px;}
.privacy ul li ul li ul li {padding-left: 15px;}
.privacy ul li::before {display: block; position: absolute; left: 0; top: 0;}
.privacy ul li:nth-child(1)::before {content: '1.';}
.privacy ul li:nth-child(2)::before {content: '2.';}
.privacy ul li:nth-child(3)::before {content: '3.';}
.privacy ul li:nth-child(4)::before {content: '4.';}
.privacy ul li:nth-child(5)::before {content: '5.';}
.privacy ul li:nth-child(6)::before {content: '6.';}
.privacy ul li:nth-child(7)::before {content: '7.';}
.privacy ul li:nth-child(8)::before {content: '8.';}
.privacy ul li:nth-child(9)::before {content: '9.';}
.privacy ul li:nth-child(10)::before {content: '10.';}
.privacy ul li ul li:nth-child(1)::before {content: '가.';}
.privacy ul li ul li:nth-child(2)::before {content: '나.';}
.privacy ul li ul li:nth-child(3)::before {content: '다.';}
.privacy ul li ul li:nth-child(4)::before {content: '라.';}
.privacy ul li ul li:nth-child(5)::before {content: '마.';}
.privacy ul li ul li ul li::before {content: '*' !important; top: 3px;}
.privacy .table {margin-top: 10px;}
.privacy .table th {font-size: 16px; padding: 10px !important; text-align: center; border-left: 1px solid #ddd; vertical-align: middle;}
.privacy .table {border-right: 1px solid #ddd;}
.privacy .table tbody tr td {font-size: 15px; font-weight: normal; text-align: center; padding: 10px !important; border-left: 1px solid #ddd; line-height: 24px;}
.privacy .table b {color: #000; font-weight: bold;}
.privacy .display {display: none;}
.privacy a {color: #007bff; text-decoration: underline;}

@media screen and  (max-width: 481px) { 
	.table_overflow {overflow: scroll;}
	.privacy .display {display: block;}
	.privacy {line-height: 21px; }
	.privacy span {font-size: 13px;}
	.privacy h5 {font-size: 17px;}
	.privacy p,
	.privacy ul li,
	.privacy a,
	.privacy .table thead tr th,
	.privacy .table tbody tr td {font-size:13px !important; line-height: 21px !important;}
}


/* Prelaoder */
#preloader {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 9999;
  overflow: hidden;
  background: #fff;
}

#preloader:before {
  content: "";
  position: fixed;
  top: calc(50% - 30px);
  left: calc(50% - 30px);
  border: 6px solid #f2f2f2;
  border-top: 6px solid #ff7600;
  border-radius: 50%;
  width: 60px;
  height: 60px;
  -webkit-animation: animate-preloader 1s linear infinite;
  animation: animate-preloader 1s linear infinite;
}

@-webkit-keyframes animate-preloader {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

@keyframes animate-preloader {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

/*티켓조회 처리중*/
.preloader_ticket{    width: 220px;
    border: 1px solid #bababa;
    border-radius: 10px;
    padding: 20px;
    z-index: 9999;
    position: fixed;
    margin: 0 auto;
    top: calc(50% - 50px);
    background-color: white;
    left: calc(50% - 110px);
    text-align: center;}

/*======================================
//--//-->   BUTTON
======================================*/
.btn {transition: .3s ease; padding: 10px;}
.btn.btn-a, .btn.btn-b {border-radius: 0; padding: 1rem 3rem; letter-spacing: .05rem;}
.btn.btn-a {background-color: #000000; color: #ffffff;}
.btn.btn-a:hover {background-color: #ff7600; color: #000000;}
.btn.btn-b {background-color: #ff7600; color: #000000;}
.btn.btn-b:hover {background-color: #000000; color: #ffffff;}
.btn.btn-b-n {background-color: #ff7600; color: #ffffff; border-radius: 0;}
.btn.btn-b-n:hover {background-color: #26a356; color: #ffffff;}
.btn-primary{background-color: #f26121; border-color: #f26121;}
.btn-primary:hover{background-color: #4e2010; border-color: #4e2010;}
.btn-orange {background-color: #f26121;}
.btn-orange:hover {background-color: #e55d20;}
.btn-dark:hover {background-color: #444 !important; border: 1px solid #444 !important; color:#999 !important}

.scroll-color .btn:hover {
    background: #f16020;
    color: #fff;
}
.scroll-color .btn {
    border: 2px solid #f16020;
    border-radius: 50px;
    padding: 1rem 2rem;
    text-align: center;
    display: block;
    margin: 0 auto;
}

/*--------------------------------------------------------------
네비
--------------------------------------------------------------*/
.navbar-default {
  transition: all .5s ease-in-out;
  background-color: #ffffff;
  padding-top: 28px;
  padding-bottom: 28px;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;  box-shadow: none;  background: none;
  background: rgba(0, 0, 0, 0.3);}
.navbar-default .nav-search {  color: #000000;  font-size: 1.5rem;}
.navbar-default.navbar-reduce {
  box-shadow: 1px 2px 15px rgba(100, 100, 100, 0.3);
}

.navbar-default.navbar-trans, .navbar-default.navbar-reduce {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.navbar-default.navbar-trans .nav-item, .navbar-default.navbar-reduce .nav-item {
  position: relative;
  padding-right: 10px;
  padding-bottom: 8px;
  margin-left: 0;
}

@media (min-width: 768px) {
  .navbar-default.navbar-trans .nav-item, .navbar-default.navbar-reduce .nav-item {
    margin-left: 40px;
  }
}

.navbar-default.navbar-trans .nav-link, .navbar-default.navbar-reduce .nav-link {
  font-size: 0.9rem;
  color: #fff;
  font-weight: 600;
  letter-spacing: 0.030em;
  transition: all 0.1s ease-in-out;
  position: relative;
  padding-left: 0;
  padding-right: 0;
}

.navbar-default.navbar-trans .nav-link:before, .navbar-default.navbar-reduce .nav-link:before {
  content: '';
  position: absolute;
  bottom: 5px;
  left: 0;
  width: 100%;
  height: 2px;
  z-index: 0;
  background-color: #ff7600;
  transform: scaleX(0);
  transform-origin: right;
  transition: transform .2s ease-out, opacity .2s ease-out 0.3s;
}

.navbar-default.navbar-trans .nav-link:hover, .navbar-default.navbar-reduce .nav-link:hover {
  color: #000000;
}

.navbar-default.navbar-trans .nav-link:hover:before, .navbar-default.navbar-reduce .nav-link:hover:before {
  transform: scaleX(1);
  transform-origin: left;
}

.navbar-default.navbar-trans .show > .nav-link:before,
.navbar-default.navbar-trans .active > .nav-link:before,
.navbar-default.navbar-trans .nav-link.show:before,
.navbar-default.navbar-trans .nav-link.active:before, .navbar-default.navbar-reduce .show > .nav-link:before,
.navbar-default.navbar-reduce .active > .nav-link:before,
.navbar-default.navbar-reduce .nav-link.show:before,
.navbar-default.navbar-reduce .nav-link.active:before {
  transform: scaleX(1);
}

.navbar-default.navbar-trans .nav-link:before {
  background-color: #ff7600;
}

.navbar-default.navbar-trans .nav-link:hover {
  color: #fff;
}

.navbar-default.navbar-trans .show > .nav-link,
.navbar-default.navbar-trans .active > .nav-link,
.navbar-default.navbar-trans .nav-link.show,
.navbar-default.navbar-trans .nav-link.active {
  color: #fff;
}

.navbar-default.navbar-reduce {
  transition: all .5s ease-in-out;
  padding-top: 19px;
  padding-bottom: 19px;
      background-color: white;
}

.navbar-default.navbar-reduce .nav-link {
  color: #000000;
}

.navbar-default.navbar-reduce .nav-link:before {
  background-color: #ff7600;
}

.navbar-default.navbar-reduce .nav-link:hover {
  color: #000000;
}

.navbar-default.navbar-reduce .show > .nav-link,
.navbar-default.navbar-reduce .active > .nav-link,
.navbar-default.navbar-reduce .nav-link.show,
.navbar-default.navbar-reduce .nav-link.active {
  color: #000000;
}

.navbar-default.navbar-reduce .navbar-brand {
  color: #000000;
}

.navbar-default .dropdown .dropdown-menu {
  border-top: 0;
  border-left: 4px solid #ff7600;
  border-right: 0;
  border-bottom: 0;
  transform: translate3d(0px, -40px, 0px);
  opacity: 0;
  filter: alpha(opacity=0);
  visibility: hidden;
  transition: all 0.5s cubic-bezier(0.3, 0.65, 0.355, 1) 0s, opacity 0.31s ease 0s, height 0s linear 0.36s;
  margin: 0;
  border-radius: 0;
  padding: 12px 0;
}

@media (min-width: 768px) {
  .navbar-default .dropdown .dropdown-menu {
    border-top: 4px solid #ff7600;
    border-top: 4px solid linear-gradient(to right, #e4943f, #f26121);
    border-left: 0;
    display: block;
    position: absolute;
    box-shadow: 0 2px rgba(17, 16, 15, 0.1), 0 2px 10px rgba(20, 19, 18, 0.1);
  }
}

.navbar-default .dropdown .dropdown-menu .dropdown-item {
  padding: 12px 18px;
  transition: all 500ms ease;
  font-weight: 600;
  min-width: 220px;
}

.navbar-default .dropdown .dropdown-menu .dropdown-item:hover {
  background-color: #ffffff;
  color: #ff7600;
  transition: all 500ms ease;
}

.navbar-default .dropdown .dropdown-menu .dropdown-item.active {
  background-color: #ffffff;
  color: #ff7600;
}

.navbar-default .dropdown:hover .dropdown-menu {
  transform: translate3d(0px, 0px, 0px);
  visibility: visible;
  opacity: 1;
  filter: alpha(opacity=1);
}

/*------/ Hamburger Navbar /------*/
.navbar-brand.text-brand img{width:110px}
.navbar-toggler {
  position: relative;
}

.navbar-toggler:focus,
.navbar-toggler:active {
  outline: 0;
}

.navbar-reduce .reservBtn{color:#333}
.navbar-reduce .navbar-toggler span {
  display: block;
  background-color: #000000;
  height: 3px;
  width: 25px;
  margin-top: 4px;
  margin-bottom: 4px;
  transform: rotate(0deg);
  left: 0;
  opacity: 1;
}


.navbar-toggler span {
  display: block;
  background-color: white;
  height: 3px;
  width: 25px;
  margin-top: 4px;
  margin-bottom: 4px;
  transform: rotate(0deg);
  left: 0;
  opacity: 1;
}
	

.navbar-toggler span:nth-child(1),
.navbar-toggler span:nth-child(3) {
  transition: transform .35s ease-in-out;
}

.navbar-toggler:not(.collapsed) span:nth-child(1) {
  position: absolute;
  left: 12px;
  top: 10px;
  transform: rotate(135deg);
  opacity: 0.9;
}

.navbar-toggler:not(.collapsed) span:nth-child(2) {
  height: 12px;
  visibility: hidden;
  background-color: transparent;
}

.navbar-toggler:not(.collapsed) span:nth-child(3) {
  position: absolute;
  left: 12px;
  top: 10px;
  transform: rotate(-135deg);
  opacity: 0.9;
}

/*======================================
//--//-->   BOX COLAPSE
======================================*/
.box-collapse {
  position: fixed;
  top: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  z-index: 1040;
  background-color: #ffffff;
  transform: translateX(100%);
  transition: all 0.6s ease;
}

@media (min-width: 768px) {
  .box-collapse {
    width: 50%;
  }
}

.box-collapse .title-box-d {
  top: 30px;
  left: 60px;
  opacity: 0;
  transition: all 1s ease;
  transition-delay: .3s;
}

@media (max-width: 575px) {
  .box-collapse .title-box-d {
    left: 35px;
  }
}

@media (max-width: 575px) {
  .box-collapse .title-box-d .title-d {
    font-size: 1.3rem;
  }
}

.box-collapse-wrap {
  opacity: 0;
  position: absolute;
  left: 0;
  top: 6.5rem;
  bottom: 5rem;
  padding-left: 10%;
  padding-right: 10%;
  overflow-x: hidden;
  overflow-y: auto;
  margin: 0;
  transform: translateY(3rem);
  transition: transform 0.5s 0.5s ease, opacity 0.5s 0.5s ease;
}

.box-collapse-open .click-closed {
  visibility: visible;
}

.box-collapse-open .box-collapse {
  transform: translateX(0);
  box-shadow: 0 0 65px rgba(0, 0, 0, 0.07);
  opacity: 1;
}

.box-collapse-open .box-collapse .title-box-d {
  transform: translate(0);
  opacity: 1;
}

.box-collapse-open .box-collapse-wrap {
  transform: translate(0);
  opacity: 1;
}

.box-collapse-closed .box-collapse {
  opacity: .7;
  transition-delay: 0s;
}

.box-collapse-closed .box-collapse .title-box-d {
  opacity: 0;
  transition-delay: 0s;
}

.box-collapse-closed .box-collapse .form-a {
  opacity: 0;
  transition-delay: 0s;
}

.click-closed {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  visibility: hidden;
  z-index: 1035;
  background-color: #000000;
  opacity: .4;
}

.close-box-collapse {
  position: absolute;
  z-index: 1050;
  top: 2rem;
  font-size: 3.5rem;
  line-height: 1;
  color: #000000;
  cursor: pointer;
  transition: all 0.3s ease;
}

.right-boxed {
  right: 4.2857rem;
}

.m_horizon {display: none;}

/*--------------------------------------------------------------
# Hero Section
--------------------------------------------------------------*/
.reveal h5{font-size:18px}
.intro {
  height: 100vh;
  position: relative;
  color: #ffffff;
}
.intro .carousel-item-a {
  position: relative;
  height: 100vh;
}/*메인화면 이미지 크기*/
 

.intro .owl-theme .owl-dots {
  position: absolute;
  bottom: 140px;
  right:100px; display:block;
}

@media (min-width: 768px) {
  .intro .owl-theme .owl-dots {
    right: 100px;
  }
}

.intro .owl-theme .owl-dots .owl-dot span {
  background: #ffffff;
  border: 0px solid #ffffff;
}

.intro .owl-theme .owl-dots .owl-dot:hover span {
  background-color: #ff7600;
}

.intro .owl-theme .owl-dots .owl-dot.active span {
  background-color: #ff7600;
}

.intro .intro-item {
  padding-top: 2rem;
}


.intro .carousel-item-a.bg-image {
  background-attachment: scroll;
}

.intro .intro-content {
  position: absolute;
}

.intro .intro-body {
  padding-left: 0rem;
  position: relative;
    top: 0px;
  width: 75%;
    margin: 0 auto;  
}

@media (min-width: 768px) {
  .intro .intro-body {
    /* padding-left: 2rem; */
  }
}

.intro .intro-body .price-a {
  color: #ffffff;
  padding: 1rem 3.5rem;
  border: 2px solid #ff7600;
  border-radius: 50px;
  font-size:20px; 
  text-transform: uppercase;
  letter-spacing: 0.030em;
}

.intro .spacial {
  -webkit-animation-delay: .2s;
  animation-delay: .2s;
  color: #ffffff;
}

.intro .intro-title-top {
  -webkit-animation-delay: .6s;
  animation-delay: .6s;
  margin-bottom: 1rem;
  font-size: .9rem;
  color: #ffffff;
  letter-spacing: .05em;position:absolute;left:3%;bottom:6%;

}

@media (min-width: 768px) {
  .intro .intro-title-top {
    font-size: 1rem;
    margin-bottom: 1rem;
  }
}

@media (min-width: 992px) {
  .intro .intro-title-top {
    font-size: 24px;
    margin-bottom: 2rem;
  }
}

.intro .intro-title {
	
  transition-duration: 0.9s !important;
  color: #ffffff;
  font-weight: 800;
  text-transform: uppercase;
}

@media (min-width: 576px) {
  .intro .intro-title {
 
    font-size: 2.4rem;
  }
}

@media (min-width: 768px) {
  .intro .intro-title {
  
    font-size: 2.2rem;
  }

}

@media (min-width: 992px) {
	.intro .intro-title {
		
		font-size: 2.6rem;
		text-shadow: 2px 1px 1px #666;
		word-break: keep-all;
		text-align:center;
	}
}

.intro .intro-subtitle {
  font-size: 1.5rem;
  font-weight: 300;
}

@media (min-width: 768px) {
  .intro .intro-subtitle {
    font-size: 2.5rem;
  }
}

.intro .intro-subtitle.intro-price {
  padding-top: 1rem;
  font-size: 1.2rem;
}

@media (min-width: 576px) {
  .intro .intro-subtitle.intro-price {
    font-size: 1.3rem;
  }
}

@media (min-width: 768px) {
  .intro .intro-subtitle.intro-price {
    padding-top: 2rem;
    font-size: 1.5rem;
  }
}

@media (min-width: 992px) {
  .intro .intro-subtitle.intro-price {
    padding-top: 3rem;
  }
}

/*------/ Intro Single /------*/
.intro-single {
  padding: 0rem 0 3rem;
}

@media (max-width: 767px) {
  .intro-single {
    padding-top: 1rem;padding-bottom: 0;
  }
}

.intro-single .title-single-box {
  padding: 1rem 0 1rem 2rem;
}

.intro-single .title-single-box {
  border-left: 3px solid #ff7600;
}

.intro-single .title-single-box .title-single {
  font-weight: 600;
  font-size: 2.2rem;
}

@media (min-width: 768px) {
  .intro-single .title-single-box .title-single {
    font-size: 2.1rem;
  }
}

@media (min-width: 992px) {
  .intro-single .title-single-box .title-single {
    font-size: 2.0rem;
  }
}

.intro-single .breadcrumb-box {
  padding: 1rem 0 0 .5rem;
}

.intro-single .breadcrumb {
  background-color: transparent;
  padding-right: 0;
  padding-left: 0;
}

/*--------------------------------------------------------------
# Card General
--------------------------------------------------------------*/
@media (max-width: 767px) {
  .card-box-a,
  .card-box-b,
  .card-box-c,
  .card-box-d {
    margin-bottom: 2.5rem;
  }
}

@media (min-width: 768px) {
  .grid .card-box-a,
  .grid .card-box-b,
  .grid .card-box-c,
  .grid .card-box-d {
    margin-bottom: 2.5rem;
  }
}

.card-box-a,
.card-box-b,
.card-box-d {
  position: relative;
  overflow: hidden;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.card-box-a .img-a,
.card-box-a .img-b,
.card-box-b .img-a,
.card-box-b .img-b {
  transition: .8s all ease-in-out;
}

@media (min-width: 768px) {
  .card-box-a:hover .img-a,
  .card-box-a:hover .img-b,
  .card-box-b:hover .img-a,
  .card-box-b:hover .img-b {
    transform: scale(1.2);
  }
}

@media (min-width: 768px) {
  .card-box-a .price-a,
  .card-box-b .price-a {
    font-size: .9rem;
  }
}

@media (min-width: 992px) {
  .card-box-a .price-a,
  .card-box-b .price-a {
    font-size: 1rem;
  }
}

.card-overlay {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}

.card-shadow {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
/*지점 그림자*/
.card-shadow:before {
  content: ' ';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.2) 35%, rgba(0, 0, 0, 0.75) 90%);
}

/*======================================
//--//-->   PROPERTY - CARD-A
======================================*/
@media (min-width: 768px) {
  .card-box-a:hover .card-overlay-a-content {
     bottom: 0px; 
  }
}

@media (min-width: 768px) and (min-width: 768px) {
  .card-box-a:hover .card-overlay-a-content {
    bottom: 0px; 
  }
}

@media (min-width: 768px) and (min-width: 992px) {
  .card-box-a:hover .card-overlay-a-content {
   bottom: 0px; 
  }
}

@media (min-width: 768px) {
  .card-box-a:hover .card-body-a {
    padding-bottom: 1rem;
  }
}

@media (max-width: 767px) {
  .card-box-a .card-overlay-a-content {
   bottom: 0px;
  }
  .card-box-a .card-body-a {
    padding-bottom: 1rem;
  }
}

.card-overlay-a-content {
  transition: all .5s ease-in;
  position: absolute;
  width: 100%; 
  bottom: 0px;
  z-index: 2;
}
.card-overlay-a-content h5{color:white}

@media (min-width: 768px) {
  .card-overlay-a-content {
   bottom: -20px;
  }
}

@media (min-width: 992px) {
  .card-overlay-a-content {
      bottom: -20px;
  }
}

.card-header-a {
  padding: 0 1rem;
}

.card-header-a .card-title-a {
  color: #ffffff;
  margin-bottom: 0;
  padding-bottom: .7rem;
}

@media (min-width: 768px) {
  .card-header-a .card-title-a {
    font-size: 1.3rem;
  }
}

@media (min-width: 992px) {
  .card-header-a .card-title-a {
    font-size: 1.7rem;
  }
}

.card-header-a .card-title-a a {
  color: #ffffff;
  text-decoration: none;
}

.card-body-a {
  z-index: 2;
  transition: all .5s ease-in;
  padding: 0rem 1rem 2rem 1rem;
}

.card-body-a .price-box {
  padding-bottom: .5rem;
}


.price-a {
  color: #ffffff;
  padding: .6rem .8rem;
  border: 2px solid #ff7600;
  border-radius: 50px;
  text-transform: uppercase;
  letter-spacing: 0.030em;
  cursor:pointer
}
.price-a:hover{background-color:#ff7600}

.card-footer-a {
  width: 100%;
  position: absolute;
  z-index: 2;
  background-color: #ff7600;
}

.card-info {
  list-style: none;
  margin-bottom: 0;
  padding: .5rem 0;
}

.card-info .card-info-title {
  font-size: 1rem;
  color: #313131;
}

@media (min-width: 768px) {
  .card-info .card-info-title {
    font-size: .9rem;
  }
}

@media (min-width: 992px) {
  .card-info .card-info-title {
    font-size: 1rem;
  }
}

.card-info li span {
  color: #ffffff;
  font-size: .9rem;
}

@media (min-width: 768px) {
  .card-info li span {
    font-size: .8rem;
  }
}

@media (min-width: 992px) {
  .card-info li span {
    font-size: 1rem;
  }
}

/*------/ Property Grid /-----*/
.property-grid .grid-option {
  text-align: right;
  margin-bottom: 2rem;
}

.property-grid .grid-option .custom-select {
  border-radius: 0;
  width: 200px;
  border-color: #313131;
}

.property-grid .grid-option .custom-select:hover, .property-grid .grid-option .custom-select:active, .property-grid .grid-option .custom-select:focus {
  border-color: #313131;
}

.property-grid .grid-option .custom-select option {
  border-color: #313131;
}

/*------/ Property Single /-----*/
.gallery-property {  margin-bottom: 0.5rem; /*슬라이드아래 마진*/}
.property-price {  margin: 0 auto;border-bottom: 1px solid #ededed;}
.property-price .card-header-c {  padding: 0;}
.summary-list {
	padding-right: 1rem;
	color: #000000;
	background-color:
	#f9f9f9;
	font-size:15px;
	padding: 25px;
	border-radius: 0px 0px 17px 17px;
    border: 1px solid #e1e1e1;
    line-height: 24px;
    letter-spacing: -0.5px;
    word-break: keep-all;
 }
.summary-list .list {  padding: 0;  line-height: 2;}
.summary-list .list span {  color: #555555;}
@media (max-width: 767px) {
  .property-agent {
    margin-top: 2.5rem;
  }
}

.property-agent .title-agent {
  font-weight: 600;
}

.property-agent ul {
  line-height: 2;
  color: #000000;
}

.property-agent .socials-a {
  text-align: center;
}

@media (max-width: 991px) {
  .property-contact {
    margin-top: 2.5rem;
  }
}

/*======================================
//--//-->   NEWS - CARD-B
======================================*/
.card-header-b {
  padding: 1rem;
  color: #ffffff;
  position: absolute;
  bottom: 20px;
  z-index: 2;
}

@media (min-width: 768px) {
  .card-header-b {
    bottom: 0px;
  }
}
@media (min-width: 992px) {
  .card-header-b {
    bottom: 0px;
  }
}
.card-header-b .category-b {
  font-size: .9rem;
  background-color: #f26121;
  padding: .3rem .7rem;
  color: #313131;
  letter-spacing: 0.030em;
  border-radius: 50px;
  text-decoration: none;
}
.card-header-b .title-2 {
  margin-bottom: 0;
  padding: .6rem 0;
  font-size: 1.5rem;
}
@media (min-width: 768px) {
  .card-header-b .title-2 {
    font-size: 1rem;
  }
}
@media (min-width: 992px) {
  .card-header-b .title-2 {    font-size: 1.6rem;  }
}
.card-header-b .title-2 a {
  color: #ffffff;
  text-decoration: none;
}

.card-header-b .date-b {
  color: #d8d8d8;
  font-size: 1rem;
}

@media (min-width: 768px) {
  .card-header-b .date-b {
    font-size: .9rem;
  }
}

@media (min-width: 992px) {
  .card-header-b .date-b {
    font-size: 1rem;
  }
}

/*------/ News Single /------*/
.post-information {
  padding: 3rem 0;
}

.post-content {
  font-size: 1.1rem;
  font-weight: 300;
  line-height: 1.6;
}

.post-content .post-intro {
  font-size: 1.7rem;
  font-weight: 300;
  margin-bottom: 4rem;
  line-height: 1.6;
  color: #000000;
  font-weight: 400;
}

.post-content p {
  margin-bottom: 1.7rem;
}

.post-content .blockquote {
  padding: 1rem 3rem 1.7rem 3rem;
  border-left: 3px solid #f26121;
  color: #000000;
}

.post-content .blockquote footer {
  text-align: left;
  padding: 0;
}

.post-footer {
  padding: 3rem 0 4rem;
}

.post-share .socials {
  display: inline-block;
}

.post-share .socials li {
  margin-left: .6rem;
}

/*------/ Comments /------*/
.box-comments .list-comments li {
  padding-bottom: 3.5rem;
}

.box-comments .list-comments .comment-avatar {
  display: table-cell;
  vertical-align: top;
}

.box-comments .list-comments .comment-avatar img {
  width: 80px;
  height: 80px;
}

.box-comments .list-comments .comment-author {
  font-size: 1.3rem;
}

@media (min-width: 768px) {
  .box-comments .list-comments .comment-author {
    font-size: 1.5rem;
  }
}

.box-comments .list-comments .comment-details {
  display: table-cell;
  vertical-align: top;
  padding-left: 25px;
}

.box-comments .list-comments .comment-description {
  padding: .8rem 0 .5rem 0;
}

.box-comments .list-comments a {
  color: #000000;
}

.box-comments .list-comments span {
  display: block;
  color: #2B2A2A;
  font-style: italic;
}

.box-comments .comment-children {
  margin-left: 40px;
}

/*======================================
//--//-->   SERVICES - CARD-C
======================================*/
.card-box-c {
  position: relative;
}

@media (max-width: 767px) {
  .card-box-c {
    margin-bottom: 2rem;
  }
}

.card-header-c {
  padding: 0 1rem 1rem 1rem;
}

.card-body-c {
  padding: .5rem .5rem 0 .5rem;
}

@media (max-width: 767px) {
  .card-body-c {
    padding: 0;
  }
}

.card-footer-c {
  padding-left: .5rem;
}

.card-box-ico {
/*   padding: 1rem 3rem 1rem 2.5rem;
  border: 5px solid #ff7600; */
}

.card-box-ico span {
  font-size: 4rem;
  color: #000000;
}

.title-c {
  font-size: 2.5rem;
  font-weight: 600;
}

@media (min-width: 768px) {
  .title-c {
    font-size: 1.8rem;
  }
}

@media (min-width: 992px) {
  .title-c {
    font-size: 2.0rem;
  }
}

/*======================================
//--//-->   AGENTS - CARD-D
======================================*/
.card-box-d .card-overlay-hover {
  transition: all .2s ease-in-out;
  padding: 15px 40px 15px 35px;
}

@media (min-width: 768px) {
  .card-box-d .card-overlay-hover {
    padding: 5px 15px 5px 10px;
  }
}

@media (min-width: 992px) {
  .card-box-d .card-overlay-hover {
    padding: 5px 40px 5px 35px;
  }
}

@media (min-width: 1200px) {
  .card-box-d .card-overlay-hover {
    padding: 15px 40px 5px 35px;
  }
}

.card-box-d .title-d {
  transition: .3s ease-in-out;
  font-size: 2rem;
  font-weight: 600;
  margin: 1rem 0;
  transform: translateY(-20px);
  opacity: 0;
}

@media (min-width: 768px) {
  .card-box-d .title-d {
    font-size: 1.1rem;
    margin: .5rem 0;
  }
}

@media (min-width: 992px) {
  .card-box-d .title-d {
    font-size: 1.5rem;
    margin: 1rem 0;
  }
}

@media (min-width: 1200px) {
  .card-box-d .title-d {
    font-size: 2rem;
    margin: 1rem 0;
  }
}

.card-box-d .content-d {
  opacity: 0;
  transition: .5s ease-in-out;
  transform: translateY(-40px);
}

@media (min-width: 768px) {
  .card-box-d .content-d {
    font-size: .8rem;
    margin: .5rem 0;
  }
}

@media (min-width: 768px) {
  .card-box-d .card-body-d p {
    margin-bottom: 8px;
    font-size: .8rem;
  }
}

@media (min-width: 992px) {
  .card-box-d .card-body-d p {
    margin-bottom: 12px;
    font-size: 1rem;
  }
}

.card-box-d .info-agents {
  opacity: 0;
  transition: .5s ease-in-out;
}

.card-box-d .card-footer-d {
  transition: .5s ease-in-out;
  transform: translateY(40px);
  opacity: 0;
  position: absolute;
  width: 100%;
  bottom: 10px;
  left: 0;
}

.card-box-d .list-inline-item:not(:last-child) {
  margin-right: 25px;
}

.card-box-d:hover .card-overlay-hover {
  background-color: #f26121;
  opacity: .9;
}

.card-box-d:hover .title-d,
.card-box-d:hover .content-d,
.card-box-d:hover .info-agents,
.card-box-d:hover .card-footer-d {
  opacity: 1;
  transform: translateY(0);
}

/*------/ Agent Single /------*/
.agent-info-box .socials-footer {
  margin-top: 2rem;
}

.agent-info-box .socials-footer li {
  margin-right: 1.5rem;
}

/*--------------------------------------------------------------
# About Section
--------------------------------------------------------------*/
.section-about .title-vertical {
  position: absolute;
  letter-spacing: 0;
  transform: rotate(-90deg);
  top: 50px;
  text-align: left;
  font-size: 1.8rem;
  width: 300px;
  font-weight: 700;
  text-align: right;
}

.about-img-box {
  padding-left: 1rem;
  position: relative;
}

@media (min-width: 576px) {
  .about-img-box {
    padding-left: 4rem;
  }
}

@media (min-width: 768px) {
  .about-img-box {
    padding-left: 5rem;
  }
}

.sinse-box {
  background-color: #f26121;
  padding: 1rem 2rem;
  position: absolute;
  left: 15px;
  bottom: 10px;
}

@media (min-width: 576px) {
  .sinse-box {
    padding: 1.5rem 2.5rem;
    bottom: 20px;
  }
}

@media (min-width: 768px) {
  .sinse-box {
    padding: 1.5rem 3rem;
  }
}

@media (min-width: 992px) {
  .sinse-box {
    padding: 3rem 4.5rem;
  }
}

.sinse-box .sinse-title {
  font-weight: 700;
  letter-spacing: 0.043em;
  font-size: 1rem;
}

@media (min-width: 576px) {
  .sinse-box .sinse-title {
    font-size: 1.3rem;
  }
}

@media (min-width: 768px) {
  .sinse-box .sinse-title {
    font-size: 1.8rem;
  }
}

@media (min-width: 992px) {
  .sinse-box .sinse-title {
    font-size: 2.2rem;
  }
}

.sinse-box .sinse-title span {
  position: absolute;
}

.sinse-box .sinse-title span:after {
  content: ' ';
  width: 35px;
  height: 2px;
  background-color: #000000;
  position: absolute;
  bottom: -15px;
}

.sinse-box p {
  margin-bottom: 0;
  font-size: .7rem;
}

@media (min-width: 576px) {
  .sinse-box p {
    font-size: .8rem;
  }
}

@media (min-width: 576px) {
  .sinse-box p {
    font-size: 1rem;
  }
}

/*--------------------------------------------------------------
# Testimonials Section
--------------------------------------------------------------*/
.testimonials-box {
  padding: 1rem 0;
}

.testimonials-box .testimonial-avatar {
  width: 80px !important;
  display: inline-flex !important;
  border-radius: 50%;
}

.testimonial-ico {
  text-align: center;
}

.testimonial-ico span {
  font-size: 1.8rem;
  background-color: #f26121;
  color: #ffffff;
  padding: .4rem 1rem;
  border-radius: 50px;
}

.testimonial-text {
  font-style: italic;
  margin-top: 25px;
  padding: 1.5rem 1.5rem;
  background-color: #f3f3f3;
  position: relative;
}

.testimonial-text:after {
  content: "";
  position: absolute;
  top: 100%;
  left: 25px;
  width: 0px;
  height: 0px;
  border-top: 15px solid #f3f3f3;
  border-left: 15px solid transparent;
  border-right: 15px solid transparent;
}

.testimonial-author-box {
  margin-top: 2rem;
}

.testimonial-author {
  margin-left: 1rem;
  display: inline-flex;
  font-size: 1.2rem;
  color: #000000;
}

/*--------------------------------------------------------------
# Contact Section
--------------------------------------------------------------*/
.form-as #sendmessage {
  color: #f26121;
  border: 1px solid #26a356;
  display: none;
  text-align: center;
  padding: 15px;
  font-weight: 600;
  margin-bottom: 15px;
}

.form-as #errormessage {
  color: red;
  display: none;
  border: 1px solid red;
  text-align: center;
  padding: 15px;
  font-weight: 600;
  margin-bottom: 15px;
}

.form-as #sendmessage.show, .form-as #errormessage.show, .form-as .show {
  display: block;
}

.form-as .validation {
  color: red;
  display: none;
  margin: 4px 0 20px 0;
  font-weight: 400;
  font-size: 13px;
}

.form-as label {
  color: #000000;
  position: relative;
}

.form-as select.form-control-lg:not([size]):not([multiple]) {
  height: 3.5rem;
}

.form-as .form-control {
  border-radius: 0;
  font-size: 1.1rem;
  font-weight: 300;
}

.form-as .form-control.form-control-a {
  height: 3.5rem;
}

.form-as .form-control:focus {
  box-shadow: none;
  border-color: #f26121;
}



@-webkit-keyframes animate-loading {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

@keyframes animate-loading {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}





/*************커스텀******************/
/*지도클릭시 나오는부분*/
.spot{padding:10px; border:1px solid #d7d7d7;display: inline;cursor:pointer}	 
.po_photo {display: block;padding-top: 10px;margin-top: 20px;padding-bottom: 10px;margin-bottom: 0px;}
.po_photo li p{margin-bottom:0}
.po_photo button{margin:0 auto;font-size:13px;margin-top:5px;}
.po_photo { width: 300px;  border-radius: 5px;  border: 1px solid #ddd;  background-color: #fff;  margin-top: 20px !important;
  padding: 10px;  text-align: center;  z-index: 1;  position: absolute;}
.po_photo img {width: 280px; position: inherit;}
.po_photo a {font-size: 15px;text-decoration: underline;} 

.owl-carousel.overflow .owl-stage-outer{    width: 1486px;    position: relative;    left: -15%;}/*지점클론 수정*/
.owl-carousel.owl-drag .owl-item{cursor:grab} /*커서 손바닥*/

/*메인하단*/
button i.ion-ios-arrow-back, button i.ion-ios-arrow-forward{display:none}

/*메인*/
.title-box .title-a{color: #f26121;}

.sub_top{margin-top:30px;margin-bottom:30px}
.sub_top h2 {
     font-size: 52px;
    color: transparent !important;
    line-height: 85px;
    letter-spacing: 10px;
    -webkit-text-stroke-width: 2px;
    -webkit-text-stroke-color: #fff;
    text-transform: uppercase;
    }
    
/* #about {
  background: url("../img/post-single-1.jpg");
  background-size: cover;
  background-position: 50% 50%;
  overflow: hidden;
  position: relative;
  color: #fff;
  padding: 60px 0 40px 0;
  background-attachment: fixed;
} */

/* #about:before, #meeting:before {
  content: "";
  background: rgba(13, 20, 41, 0.2);
  position: absolute;  bottom: 0;  top: 0;  left: 0;  right: 0;} */
 
#about h3 {
  font-size: 24px;
  font-weight: bold;
  text-transform: uppercase;
  margin-bottom: 10px;
  color: #fff;
}
#about .service h3{color: #ffe278;}
#about .service i{font-size:24px;margin-bottom:12px;    color: #ffd57e;}

.mobile_location{display:none}
.carousel-control-next-icon, .carousel-control-prev-icon{width:36px;height:36px}

/*슬라이드*/
.floor_position{  position: absolute;
  bottom: 0px;opacity: 0.8;
  right: 0; width:35%;
  background: #40bea7;
  padding: 0;
  text-align: center;
  text-transform: uppercase;
  font-weight: 600;
  color: #fff;}

  .text_position{  position: absolute;
    bottom: 0px;opacity: 0.8;
    left: 0; 
    background: #000000;
    padding: 5px 10px;
    text-align: left;
    text-transform: uppercase;
    font-weight: 600;
    color: #fff;}
    .text_position p{margin-bottom:0}
    
  /*메뉴 시설*/
	 .ul_menu{list-style:none;width:100%;padding: 0;margin: 0;    }
	 .ul_menu li{width:19.2%;float:left;    border: 1px solid #e7e7e7; margin-left: 5px;    border-radius: 5px;}
	 .ul_menu li:first-child{margin-left:0}
	 .ul_menu_txt{text-align: center;  border-top: 1px solid #e7e7e7;    padding: 3px;    background-color: #c4a268;}
	 .ul_menu_img{} 
	 .ul_menu .ul_menu_img img{margin-bottom:0;object-fit: cover;    height:150px;    width: 100%;cursor:unset}
	 .ul_menu_txt span{font-size:12px;color:white !important}  
	 
	 
 
 
/*예약*/
[data-toggle=buttons]>.btn input[type=checkbox], [data-toggle=buttons]>.btn input[type=radio], [data-toggle=buttons]>.btn-group>.btn input[type=checkbox], [data-toggle=buttons]>.btn-group>.btn input[type=radio] {
  position: absolute;
  clip: rect(0,0,0,0);
  pointer-events: none;
} 
.fa-solid.fa-x{cursor:pointer}
.div_time .btn-group label{min-width:70px}
box
.badge {font-size: 13px; font-weight: normal; margin-bottom: 5px; padding: 10px 20px;}
.btn-success.disabled, .btn-success:disabled{border-color:#6c757d}
.btn-info.disabled{background-color: #626262;border-color:#5e5e5e}
.badge-secondary {  color: #fff;  background-color: #898989;}
.btn-success{border-color: #6c757d;}
label.btn-secondary:hover {  color: #fff;  background-color: #007bff;}
.hr_2border {
    border-top: 2px solid #666 !important;
    margin-top: 1rem !important;
}
.btn-info.disabled span, .btn-danger.disabled span{opacity:0.35}
.txt_bookconfirm h2{font-size:30px}
/*카바나이미지*/
.cavana{width:100%;margin-top:10px;object-fit:fill;height:auto;display:none}
	/*시간선택*/
.reservation_time{width: 100%;display: inline-grid;margin-top:15px;padding-left:0;padding-right:0}

.reservation_time .btn-secondary{background-color: #fff;  color: black;}
.reservation_time .btn-lock{background-color: #efefef    !important;  color: #cbcbcb  !important;}
.reservation_time .btn-lock span{color: #cbcbcb  !important;}
.reservation_time .btn-secondary:hover, .reservation_time .btn-secondary:focus{background-color: #fff;    color: black;}
.reservation_time .btn-secondary:hover{background-color:#efefef   !important}
.reservation_time .btn-secondary.active{background-color:#cbab7a    !important}
.reservation_time .btn-secondary.active span{color:white}
.reservation_time .btn-danger{background-color: #d1737c;}
.reservation_time label{margin-bottom:0;    height: 60px;  padding: 5px;}
.reservation_time label.btn{border-radius:0;width: 33.3%;float: left;    height: 55px; padding:9px; line-height: 19px;    border: 1px solid #ced4da;}
.reservation_time .btn-group{display:flex}
.reservation_time .btn-group span{font-size:11px;color:#ff5200}
.reservation_time .btn-secondary:not(:disabled):not(.disabled).active, 
.reservation_time  .btn-secondary:not(:disabled):not(.disabled):active, 
.reservation_time .show>.btn-secondary.dropdown-toggle
{ border-color: #9a9a9a;}
.reservation_time .btn-group .btn.focus, .reservation_time .btn-group .btn.focus .btn:focus{box-shadow:unset !important}

.txt_privacy{padding:5px;overflow-y: scroll; height: 150px;font-size: 14px;color: #777;background-color: white;border: 1px solid #d7d7d7;}

/* sub */

/* sub 상단이미지 */
.sub #about {height: 590px; text-align: center;}
.sub #about h2 {font-size: 51px; font-weight: bold; letter-spacing: 20px; color: #fff; margin-bottom: 30px;}
.sub_img {padding:250px 0px 20px !important;}
.oasis .sub_img {
	background: url("../img/enjoy/bg_oasis3.jpg");
	background-size: cover;
	background-position: center center;
}
.palm .sub_img {
	background: url("../img/enjoy/bg_palm2.jpg");
	background-size: cover;
	background-position: center center;
}
.mirage .sub_img {
	background: url("../img/enjoy/bg_mirage2_2.jpg");
	background-size: cover;
	background-position: center center;
}
.horizon .sub_img {
	background: url("../img/enjoy/bg_horizon2.jpg");
	background-size: cover;
	background-position: center center;
}
.sand .sub_img {
	background: url("../img/enjoy/bg_sand.jpg");
	background-size: cover;
	background-position: center center;
}

.sub .container p {
    margin: 0 auto;
    word-break: keep-all;
}
.sand .item li {width: 20%; float: left; list-style: none; padding: 20px 0px; margin-bottom: 50px;}
.sand .item li img {display: block; margin: 0 auto;}
.box3 {width: 100%; display:inline-block}
.box3 dl {
    width: 31.9%;
    float: left;
    padding: 1.5rem 1.1rem;
    margin-right: 2%;
    border-top: 2px solid #000;
    border-bottom: 1px solid #ababab;
    background-color: #f6f6f6;
    text-align: left;
       min-height: 150px;
}
.box3 dl:last-child {margin-right: 0;}
.box3 dl dt {font-size: 17px; margin-bottom: 10px;}

/* well-luv */
.therapy {
	background: linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)), url(/img/enjoy/bg_palm16.jpg);
	background-attachment: fixed;
	background-position: center;
	height: 500px;
	display: flex;
    align-items: center;
}
.therapy .border {
    width: 300px;
    height: 300px;
    border-radius: 300px;
    display: flex;        
    flex-direction: column;
    align-items: center;
    justify-content: center;
    color: #fff;
    border: none !important;
    text-align: center;
}
.welluv {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 30px 0px;
	min-width: 949px;
	text-align: center;
}
.welluv .arrow {
	border: none;
	color: #ff710d;
	padding: 10px 5px;
}
.n1-box p {
    background: #f9f5eb;
    border-radius: 10px;
    padding: 10px 5px;
    line-height: 1.5;
}
.n3-box {
    background: #fff5db;
    border-radius: 10px;
    padding: 10px;
    margin-top: 10px;
}
.n2-box {
    display: flex;
    flex-direction: row;
    margin-top: 10px;
}
.n2-box div {
    border: 1px solid #ff710d;
    border-radius: 10px;
    padding: 10px;
    min-height: 100px;
    display: flex;
    align-items: center;
    line-height: 1.5;
}
@media screen and (max-width: 480px) {
    .scroll-zone {
        display: block;
        overflow-x: scroll;
    }
    .therapy h5 {
	    font-size: 17px;
	    line-height: 1;
	}
	.therapy .border {
	    width: 100%;
	}
	.therapy .border img {
	    width: 75px;
	}
	.no-br br {
		display: none;
	}
}


#volunteer {min-height: 500px;}        
.oasis #volunteer {
    background: url(/img/enjoy/bg_oasis.jpg);
    background-position: center center;
    background-size: cover;
}
.mirage #volunteer {
    background: url(/img/enjoy/bg_mirage.jpg)  no-repeat center center;
    background-size: cover;
}
.palm #volunteer {
    background: url(/img/enjoy/bg_palm.jpg);
/*     background-attachment: fixed; */
    background-position: center center;
    background-size: cover;
}
.horizon #volunteer {
    background: url(/img/enjoy/bg_horizon3.jpg);
    background-position: center center;
    background-size: cover;
}
.sand #volunteer {
    background: url(/img/enjoy/bg_sand3.jpg);
    background-position: center center;
    background-size: cover;
}


/* 서브메뉴박스 */
.submenu_open {
	position: relative;
	bottom: 0; top:34px;
	border-top: 1px solid #959595;
	width: 100%;
	height: auto;
	background: #dbc29f;
	z-index: 10;
	display: inline-flex;
}
.WrapWidth {margin: 0 auto; width: 100%; max-width: 1154px;padding:5px;}
.WrapWidth ul {padding-left:0}
.WrapWidth .sub_home{padding: 8px 0 0 2px;}
.submenu_open > div > ul > li {
    float: left;
    border-right: 1px solid #fff;
    width: 185px;
    height: 35px;
    list-style:none;
    background-image: url('/img/main/arrow_white.png');
    background-repeat: no-repeat;
    background-position: 145px 10px;    
}
.submenu_open > div > ul > li:first-child {
    width: 40px;
    background-image: url('/img/main/arrow_white.png');
    background-repeat: no-repeat;
    background-position: 0px -298px;
}
.submenu_open > div > ul > li:first-child > a {
    width: 40px;
    text-indent: -9999px;
}
.submenu_open > div > ul > li > a {
    display: inline-block;
    height: 50px;
    line-height: 36px;
    color: #ffffff;
    padding: 0 15px;
    width: 100%;    
}
.submenu_open > div > ul > li > span {
    display: inline-block;
    height: 40px;
    line-height: 35px;
    color: #ffffff;
    padding: 0 17px;
    width: 100%;
    cursor: pointer;
    font-size: 14px;
}
.submenu_open > div > ul > li > div {
    border-left: 1px solid #e5e5e5;
    width: calc(100% + 2px);
    margin-left: -1px;
    border-right: 1px solid #e5e5e5;
    background-color: #ffffff;
    display: block;
}
.submenu_open > div > ul > li.on > div {display: block;}
.submenu_open > div > ul > li > div ul li {list-style:none}
.submenu_open > div > ul > li > div ul li:last-child{border-bottom:1px solid #e5e5e5 }
.submenu_open > div > ul > li > div ul li a {
    display: inline-block;
    width: 100%;
    height: auto;
    line-height: 30px; 
    color: #555555;
    padding: 5px;
    padding-left: 15px;
    font-size: 14px;
}
.submenu_open > div > ul > li > div ul li a:hover {background-color: #f6f6f6;}
.radio_pay{}
.radio_pay label {font-size:17px;}






/* 이용요금 */
.Inb {padding: 2rem 0;}
.Tit h1 {font-size: 45px; font-weight: bold; letter-spacing: 6px;}


.table thead tr {border-top: 2px solid #000; background: #eedfbd;}
.table_charge th{border-left: 1px solid #c7c7c7;}
.table_charge td{border-bottom: 1px solid #dee2e6; border-left: 1px solid #dee2e6;padding:10px}
.table_charge td:first-child, .table_charge th:first-child{border-left:0}
.notice_title {cursor:pointer}
.notice_title h2{font-size:30px}

/* .description {width: 100%; margin-left: 5px;}


.description li ul{margin-bottom:10px; padding-left: 0px;}
.description li ul li::marker {
    content: '·';
    position: absolute;
    left: 0px;
    color: #000;
    font-family: 'S-Core';
}
.description li ul li{font-size:15px;color:#777} */

/*워터파크소개*/
.table2{border-top: 1px solid #dee2e6;}
.table2 tbody tr th{background: #eedfbd;border-bottom:1px solid #fff}
.table2 tbody tr td, .table tbody tr th{line-height:28px}
.table2 tbody tr td{padding-left:20px}

/* 교통안내 */
.map h3 {margin: 2rem 0;} 
.map p {font-size: 19px; color: #000;}
.map p b {color: #f26121;}
.map .table tbody tr td:last-child {text-align: left;}

/* 공지사항 */
.notice {width: 100%;}
.notice_view{margin-top:30px}
.notice_view .notice_title {
    width: 100%;
    margin-top: 1rem;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    display: inline-block;
    padding: 1.5rem;
}
.notice_content {padding: 1rem; border-bottom: 1px solid #ddd;max-width:800px;margin: 0 auto;}
.notice_content img{width:100%}
.notice_view .btn_red {padding: 10px 42px; border-radius: 30px; font-weight: normal;}
.notice_view .Tit{display:none}
.search {margin: 30px auto;}
.search div input {padding: 3px 56px 3px 20px; width: 500px; height: 46px; border: 1px solid #bbb; float: left;z-index:0;}
a.searchbt {background: #000; color: #fff; float: left; padding: 11px 15px; height: 46px; font-size: 25px;}
.pagination ul {margin: 30px auto;}
.pagination ul li {display: inline-block;}
.pagination a {padding: 10px 18px;}
.pagination a:hover {color: #f26121;}
.pagination .active a {color: #fff; background-color: #f26121; border-radius: 0;}

/* 이벤트 */
.event .box3 dl img {width: 100%;transition:ease 0.7s; margin-bottom: 30px; cursor:pointer;}
.event .box3 dl img:hover{opacity:0.8}
.event .box3 dl dt {color:#333;padding: 0px 15px;}
.event .box3 dl dd {padding: 0 15px; word-break: normal;}
.event .box3 dl dd div {margin-bottom: 10px;color: #333;word-break:keep-all;font-size:15px}
.event .box3 dl dd div:last-child {font-size: 14px; color: #bbb; margin-bottom: 0px;}
.event .box3 dl:nth-child(3n) {margin-right: 0;}
.top_event{margin: 0 auto;text-align: center; display: block;}
.event .box3 dl{min-height:520px}

/* 이벤트 댓글 */
.reply_area {width: 71%; margin: 0 auto;}
#replyForm {width: 100%;}
#replyForm .textarea-wrap {width: 84%; border: 1px solid #ddd; padding: 10px; font-size: 15px; float: left;}
#replyForm .textarea-wrap textarea {width: 100%; height: 59px !important; resize: none;}
#replyForm .textarea-wrap p{text-align: right; font-size: 13px; margin-bottom: 0;}
#replyForm .btn_red {border-radius: 3px; float: right; padding: 42px 36px; font-size: 15px;}
#replyList {border-bottom: 1px dotted #ddd; padding: 10px 0;}
#replyList span {font-size: 14px;word-break: break-all;}
.reply_list .delete {padding: 5px 8px; font-size: 13px; border: 1px solid #e0e0e0; float: none;}
.reply_list a.delete:hover {color: #f26121;}

/* BRAND */
.brand {padding-top: 10rem;}
.brand h2 {font-size: 3rem;}
.brand p {width: 600px; margin: 0 auto;}
.brand p b {font-size: 23px;}

/*비디오메인*/
.video_cf2 {margin-top: 100px;}
.video_cf2 video {width: 100%; cursor: pointer;}
.video_cf2:hover{opacity:0.9;transition: ease 0.4s;}

/*식음팝업미리보기*/
.object_image img{object-fit: cover;height: 100%;}
.object_image_waterpark img{object-fit: cover;/* height: 520px; */}
.img-loc-list{ object-fit:cover !important}
.carousel-indicators li{height:5px}
/*미팅*/
.agent-info-box{padding-top:5em}
.mainbox_left{float:left;width:50%}
.mainbox_right{float:right;width:50%}
.mainbox_left img, .mainbox_right img{width:100%}
.mainbox_left p, .mainbox_right p{font-size: 26px;  color: #216bc1;  font-weight: bold;}
.mainbox_left span, .mainbox_right span{ font-size: 17px;    color: #333;    }
/*아이콘*/
.iconborder{border: 2px dotted #a2cce3;color: #68A4C4;    margin-right: 10px;  border-radius: 50%;  padding: 8px;}


.modal-backdrop.show{opacity:0.6;z-index:99998}
.btn_normalpay{background-color: #cbab7a;border: 1px solid #cbab7a;}

/*음식점*/
.div_food p {font-size: 15px !important;}
.div_food .col-sm-12 {padding: 10px;}
.div_food .col-sm-12 div {border: 1px solid #ddd; padding: 10px 10px 30px 10px;}
.div_food .col-sm-12 div:hover {background: #f26121; transition: ease 0.4s; color: #fff;}
.div_food .col-sm-12 div:hover h4 {color: #fff; transition: ease 0.4s;}
.div_food .card_marker {position: relative; bottom: 60px; right: 10px; float: right;}
.div_food img {cursor:pointer;  margin-bottom: 0px;}
.div_food .row h4{font-size:20px;clear:both}


/*제휴리스트*/
.div_region p {font-size: 13px !important;}
.div_region .col-sm-12 {padding: 10px;}
.div_region .col-sm-12 div {border: 1px solid #ddd; padding: 30px 10px 30px 10px;min-height: 280px;}
.div_region .col-sm-12 div:hover {background: #f26121; transition: ease 0.4s; color: #fff;}
.div_region .col-sm-12 div:hover h4 {color: #fff; transition: ease 0.4s;}
.div_region .card_marker {     position: absolute; bottom: 11px;    right: 11px;float: right;}
.div_region img {cursor:pointer;  margin-bottom: 0px;max-width:150px;max-height:100px;margin-bottom: 10px;}
.div_region .row h4{font-size:20px;clear:both}

.region .col-4 div {border: 1px solid #ddd; padding: 30px 10px 10px; min-height: 260px;}
.region .col-4 div p {font-size: 14px !important;}
.region .col-4 div img {max-width: 150px; max-height: 100px; margin-bottom: 10px;}

/*메인 하단 */
.cont_inquire {  /*overflow: hidden;*/    width: 100%}
.cont_inquire .link_inquire {position: relative;float: left;height: 312px;background-position: 50% 50%;background-size: cover;
background-repeat: no-repeat ;}
.cont_inquire .link_kakaobus {width: 50%;background-image: url("../img/main/main.png")}
.cont_inquire .link_kakaometro {width: 49.99%;background-image: url("../img/slide_2.jpg")}
.cont_inquire .namebox {position: absolute;left: 38%;top: 50%;}
.cont_inquire .link_inquire .txt {position: relative;
    display: inline-block;
    font-size: 26px;
    color: #fff;
    width: 100%;}
.txt_dormitory {
    background-color: rgb(0 0 0 / 73%);
    padding: 20px;
}
.cont_inquire .img_txt {display: inline-block;margin-bottom: 5px}
.cont_inquire .link_kakaobus .img_txt {width: 175px;height: 16px;background-position: 0 -80px    }
.cont_inquire .link_kakaometro .img_txt {width: 193px;height: 16px;background-position: 0 -20px    }
.cont_inquire .bg_dimmed {position: absolute;left: 0;top: 0;width: 100%;height: 312px;background: #153456;opacity: .2;filter: alpha(opacity=20);
-webkit-transition: opacity .2s;transition: opacity .2s;}
.cont_inquire .link_inquire:hover .bg_dimmed {opacity: 0;filter: alpha(opacity=0);-webkit-transition: opacity .7s;transition: opacity .7s}
.bgbox_brand{background: url(/resource/images/intro/about_company.jpg) repeat-y  center center;      background-size: cover;  padding: 160px 0px 160px; }
.bgbox_brand h1{font-size: 21px;  letter-spacing: -1px;  line-height: 49px;}

/*스와이퍼*/
.swiper {width: 100%; margin-left: auto; margin-right: auto;}
.swiper-slide {
	text-align: center;
	font-size: 18px;
	background: #fff;
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
	background-size: cover;
	background-position: center
}
.swiper-slide img {display: block; width: 100%; height: 100%; object-fit: cover;} 

.mySwiper .swiper-slide {width: 25%; height: 80%; opacity: 0.4;}
.mySwiper .swiper-slide-thumb-active {opacity: 1;}
.layer_popup .mySwiper .swiper-slide,
.layer_popup .swiper.mySwiper.swiper-initialized {
    opacity: 1;
}
.layer_popup3 .mySwiper .swiper-slide {
    height: auto !important;
    opacity: 1;
}
.mySwiper2 {width: 100%;}
.swiper2.mySwiper.swiper-initialized {height: inherit;}
.property-single .swiper {height:40vh; margin-bottom: 10px; margin-top: 12px;}
.property-single .mySwiper .swiper-slide {height: 55%;}


/*달력*/ 
.flatpickr-calendar.animate.arrowBottom.arrowLeft.centerMost.open{width:auto !important}/*투어신청*/
.flatpickr-current-month {padding: 13px 0 0 0 !important;}
.flatpickr-day.selected{background-color:#f26121 !important;}
.flatpickr-weekdays{width: 100% !important; background: #f26121 !important; height: 45px !important;}
.flatpickr-weekday{color:white !important; font-size:15px !important; background: #f26121 !important;}
.flatpickr-calendar.inline, .flatpickr-calendar{width:100%;}
.flatpickr-months .flatpickr-month{background: #7c7c7c;}
.flatpickr-days{width: 100% !important;font-size:15px;}
span.flatpickr-day {max-width: 79px !important; height: 49px; line-height: 46px;}
.dayContainer {width: 100% !important; min-width: 100% !important; max-width: 100% !important;}
.flatpickr-months .flatpickr-month {background: #b7b7b7;}
.flatpickr-current-month .flatpickr-monthDropdown-months {background: #b7b7b7;}
.flatpickr-day.inRange{background-color: #9984bf !important;color:white}
.flatpickr-months .flatpickr-month, .flatpickr-current-month .flatpickr-monthDropdown-months {background: #464646 ;color:white}
.flatpickr-current-month input.cur-year[disabled], .flatpickr-current-month input.cur-year[disabled]:hover {color:white !important}
.flatpickr-months .flatpickr-month {background:#f16020 !important}
.flatpickr-current-month .flatpickr-monthDropdown-months {background:#f16020 !important}
.flatpickr-weekdays .flatpickr-weekdaycontainer {background:#f26121 !important}
.flatpickr-months .flatpickr-month {height:48px !important}
.flatpickr-months .flatpickr-prev-month, .flatpickr-months .flatpickr-next-month {top: 8px !important;}
.flatpickr-next-month:hover{color:#000 !important}
.flatpickr-months .flatpickr-prev-month, .flatpickr-months .flatpickr-next-month{color:#000 !important}
/*달력화살표가림*/
.flatpickr-calendar.arrowTop:before,
.flatpickr-calendar.arrowTop:after {
  display: none; !important;
} 



 /* popup컨트롤*/
#layer_pop{display:block} 

/*이미지로케이션*/
.img-loc-list {
    width: 350px;
    height: 448px;
    object-fit: contain;
}
.img-loc-list-mb {
    min-width: 45vh;
    /*height: 50vh;*/
    object-fit: contain;
}
/*지점 로테이션 안내 지점4개일때*/
.spot_container{}
.business_mainbox img{object-fit: cover;height: 400px;}

 
   

.contact-form {width: 100%;} 

 



.livatd {
  height: 100vh;
  background: linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.0)),url(/img/main/date_bg.jpg);
  background-size: cover;
  background-position: 64% center;
/*  background-attachment: fixed;*/
}
.fm {
  height: 100vh;
  background: linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.0)),url(/resource/images/business/intro/7.jpg);
  background-size: cover;
  background-position: 64% center;
/*  background-attachment: fixed;*/
}

.spinner {  position: fixed;  top: 0;  left: 0;
  background: #222;  height: 100%;  width: 100%;  z-index: 11;  margin-top: 0;  color: #fff;  font-size: 1em;}

.cube1, .cube2 {
  background-color: #fff;
  width: 15px;  height: 15px;  position: absolute;
  top: 0;  left: 0;
  -webkit-animation: sk-cubemove 1.8s infinite ease-in-out;  animation: sk-cubemove 1.8s infinite ease-in-out;
}

.cube2 {
  -webkit-animation-delay: -0.9s;  animation-delay: -0.9s;
  
  }
 @-webkit-keyframes 
sk-cubemove {  25% { -webkit-transform: translateX(42px) rotate(-90deg) scale(0.5);}
 50% { -webkit-transform: translateX(42px) translateY(42px) rotate(-180deg);}
 75% { -webkit-transform: translateX(0px) translateY(42px) rotate(-270deg) scale(0.5);}
 100% { -webkit-transform: rotate(-360dnd eg);
}
}
@keyframes 
sk-cubemove {  25% { transform: translateX(42px) rotate(-90deg) scale(0.5); -webkit-transform: translateX(42px) rotate(-90deg) scale(0.5);}
 50% { transform: translateX(42px) translateY(42px) rotate(-179deg); -webkit-transform: translateX(42px) translateY(42px) rotate(-179deg);}
 50.1% { transform: translateX(42px) translateY(42px) rotate(-180deg); -webkit-transform: translateX(42px) translateY(42px) rotate(-180deg);}
 75% { transform: translateX(0px) translateY(42px) rotate(-270deg) scale(0.5); -webkit-transform: translateX(0px) translateY(42px) rotate(-270deg) scale(0.5);}
 100% { transform: rotate(-360deg); -webkit-transform: rotate(-360deg);}
}
/*//사업영역*/

/*브랜드*/
.brand_color{ }
.brand_color div{height:200px;padding:20px}
.brand_color .color1{width:30%;background-color:#eedfbe;}
.brand_color .color2{width:20%;background-color:#cbab7a}
.brand_color .color3{width:15%;background-color:#e3992e}
.brand_color .color4{width:15%;background-color:#ec5c03}
.brand_color .color5{width:10%;background-color:#c06c50}
.brand_color .color6{width:10%;background-color:#4e2010}
.brand_color b{font-size:12px}
.brand_color span{font-size:17px}
/*일러스틈메인*/
.box_illust{position:absolute;width:100%;height:100%;z-index:-1}
.illust3{position: relative; left: 0%;top:30%; animation: cloud 6s ease infinite;}
.illust4{position: relative;    left: 70%;  top: 50%; }
.illust5{position: relative;left:50%;  top: -10%;}
.illust6{position: relative;left:80%;  top: -19%; }
.illust7{position: relative;    left:80%;  top: 28%; }
.illust8{position: relative;left:28%;  top: -16%;}
.illust9{position: relative;left:80%;  top: -28%; }
/*메인페이지용 달력*/
.ui-datepicker .ui-datepicker-header{background-color: #f26121;}
.ui-datepicker .ui-datepicker-title{color:white}
.ui-widget.ui-widget-content{width:350px;z-index:99999 !important}
.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight{background: #f26121 !important;color:white !important}/*오늘*/
.ui-datepicker th{
    padding: 2px 12px;
    font-size: 12px;
    line-height: 2;
    color: #ffffff;
    background-color: #ff9d47 !important;
    border-top: 1px solid #196d76;
    border-radius: 0;
}
.ui-datepicker td span, .ui-datepicker td a{
	text-align:center !important;
	background: white !important;border:1px solid #f6f6f6 !important
	;padding:0.5em !important}

.ui-datepicker td{
    padding: 12px;
    font-size: 18px;
    border-radius: 0;
    transition: background-color 0.6s ease-out;
}

/* @extend display-flex; */
display-flex, .header, .form-group {
  display: flex;
  display: -webkit-flex; }

/* @extend list-type-ulli; */
list-type-ulli {
  list-style-type: none;
  margin: 0;
  padding: 0; }
 
a:focus, a:active {
  text-decoration: none;
  outline: none;
  transition: all 300ms ease 0s;
  -moz-transition: all 300ms ease 0s;
  -webkit-transition: all 300ms ease 0s;
  -o-transition: all 300ms ease 0s;
  -ms-transition: all 300ms ease 0s; }

/* input, select, textarea {
  outline: none;
  appearance: unset !important;
  -moz-appearance: unset !important;
  -webkit-appearance: unset !important;
  -o-appearance: unset !important;
  -ms-appearance: unset !important; } */

input::-webkit-outer-spin-button, input::-webkit-inner-spin-button {
  appearance: none !important;
  -moz-appearance: none !important;
  -webkit-appearance: none !important;
  -o-appearance: none !important;
  -ms-appearance: none !important;
  margin: 0; }

input:focus, select:focus, textarea:focus {
  outline: none;
  box-shadow: none !important;
  -moz-box-shadow: none !important;
  -webkit-box-shadow: none !important;
  -o-box-shadow: none !important;
  -ms-box-shadow: none !important; }

input[type=checkbox] {
  appearance: checkbox !important;
  -moz-appearance: checkbox !important;
  -webkit-appearance: checkbox !important;
  -o-appearance: checkbox !important;
  -ms-appearance: checkbox !important; }

input[type=radio] {
  appearance: radio !important;
  -moz-appearance: radio !important;
  -webkit-appearance: radio !important;
  -o-appearance: radio !important;
  -ms-appearance: radio !important; }


figure { margin: 0; }
.clear {  clear: both; }

.container_date {
    width: 100%;max-width:950px;
    background-color: rgba(11, 13, 24, 0.5);
    z-index: 9;
 /*    border: 1px solid #666; */
    margin: 15% auto;
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -o-border-radius: 10px;
    -ms-border-radius: 10px;
    border-radius: 100px;
}
.booking-form {
    padding: 35px 8px 3px 30px;
}
/*비디오메인*/ 
 .main_videowrap .booking-form{
     background-color: rgba(11, 13, 24, 0.5);border:0;border-radius: 100px;
     padding: 35px 80px 3px 90px;
 } 
 
.main_videowrap .main_video {
    position: relative;
    width: 100%;
    height: calc(var(--vh, 1vh) * 100);
    min-height: 770px;
} 
/* .main_video:before {
    content: '';
    width: 100%;
    height: 100%;
    background: #000;
    opacity: 0.2;
    position: absolute;
    z-index: 1;
    left: 0;
    top: 0;
}
 */
.main_video video {
    width: 100%;
    height: 83%;
    object-fit: cover;
}
.main_videowrap .main_title{  
    z-index: 2;
    max-width: 1080px;
    margin: 0 auto;
    text-align: center;margin-top:13%}
   
.main_videowrap .main_title h2{font-weight: 800;
    -webkit-text-stroke: 2px white;
    text-stroke: 2px white;
    color: transparent;
    font-size: clamp(3rem, 10vw, 7rem);
    z-index: 99;}
.main_videowrap .main_title h5{}
.main_videowrap .reservation_box{top: 30%;position: absolute;}
.main_videowrap .container_date 
{background-color:unset;
	position: absolute;
    top: 40%;
    left: 50%;
    width: fit-content;
    transform: translate(-50%, -60%);
    z-index: 2;
    max-width: 1080px;
    margin:0 auto
    }
 .mobile_form{display:flex}
/*//비디오메인*/
/*메인인트로*/
.open_intro{position:fixed;font-weight:bold;z-index:99999;width:100%;height:100%}
.open_intro video{width: 100%;    height: 100%;    object-fit: cover;}
.btn_skip{border:1px solid #f5f5f5;color:#f5f5f5;background-color:transparent;padding:5px;font-size:12px;
		position:absolute; bottom:10%;left:50%; transform: translate(-50%, -50%);}
/*//메인인트로*/

.select_color{color:#333}

.main_header{position: fixed;float: left;top: 0;left: 0 !important;right: 0;z-index: 103;padding-top:25px} 
.main_header.header {
  align-items: center;
  -moz-align-items: center;
  -webkit-align-items: center;
  -o-align-items: center;
  -ms-align-items: center;
  justify-content: space-between;
  -moz-justify-content: space-between;
  -webkit-justify-content: space-between;
  -o-justify-content: space-between;
  -ms-justify-content: space-between;
  padding: 25px 57px; }
.main_header.header.on {
    background-color: rgb(0 0 0 / 45%);
    height: 95px; padding-top:25px;
    -webkit-transition: all 1.4s ease;
    -moz-transition: all 1.4s ease;
    -ms-transition: all 1.4s ease;
    -o-transition: all 1.4s ease;
    transition: all 1.4s ease;
}

/* input {
 font-family: s-core;
  border: none;	
  background: #fff;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -o-border-radius: 5px;
  -ms-border-radius: 5px;
  box-sizing: border-box;
  width: 100%;
  padding: 13px 20px;
  font-size: 16px;
  font-weight: 600;
  color: #222;
  display: block;
  position: relative;
  z-index: 9; }
  input::-webkit-input-placeholder {
    color: #111 !important; font-size:16px; }
  input::-moz-placeholder {
     color: #111 !important; font-size:16px;}
  input:-ms-input-placeholder {
    color: #111 !important; font-size:16px; }
  input:-moz-placeholder {
     color: #111 !important; font-size:16px; }
  */
input:disabled {background-color:#d7d7d7}
.submit {
    background: transparent;
    color: #fff;
    font-size: 14px;
    padding: 15px 20px;
    cursor: pointer;
    border-radius: 50px;
    border: 2px solid;
}
 .submit:hover {
   background-color: #b55400; }

/* label {
  font-size: 12px;
  font-weight: 500;
  margin-bottom: 2px;
  display: block; }
 */
.div_txt_privacy ul li, .div_txt_privacy a, .div_txt_privacy span, .div_txt_privacy  p, .div_txt_privacy h5 {font-size:14px;font-weight:normal}
.div_txt_privacy h5 {
    font-size: 17px;
    font-weight: bold;
}


/*메인이 슬라이드일때*/
.main {
    position: absolute;
    width: 100%;
    display: flex;
    padding: 22px 40px 22px 40px;
    margin-top: 15rem; }
  
.main .form-date-from input::placeholder {
    color: #fff;
    padding-left: 0;
}
.main .form-destination select, 
.main .form-quantity input, 
.main .form-date-from input {
    background: transparent;
    border: none;
    color: #fff;
    padding-left: 0 !important;
}
.form-destination, .form-date-from, .form-date-to, .form-quantity{border-bottom:1px solid white}


/*메인이 영상일때*/
.main_videowrap {
    width: 100%; display:none;
    padding: 0  }
  
.main_videowrap .form-date-from input::placeholder {
    color: #fff;
    padding-left: 0;
}
.main_videowrap .form-destination select, 
.main_videowrap .form-quantity input, 
.main_videowrap .form-date-from input {
    background: transparent;
    border: none;
    color: #fff;
    padding-left: 0 !important;
}


.form-group {
  align-items: center;
  -moz-align-items: center;
  -webkit-align-items: center;
  -o-align-items: center;
  -ms-align-items: center;
  justify-content: space-between;
  -moz-justify-content: space-between;
  -webkit-justify-content: space-between;
  -o-justify-content: space-between;
  -ms-justify-content: space-between; }

.form-destination {
  width: 230px;margin-right:10px }

.form-date-from, .form-date-to {
  width: 155px;margin-right:10px }

.form-quantity {
	width: 90px;
	margin-right:25px;
	position: relative;
}

.form-submit {
  width: 140px;margin-right:10px }

.modify-qty {
  position: absolute;
  right: 12px;
  font-size: 18px;
  z-index: 99;
  cursor: pointer; }

.plus {
  top: 30px;
}

.minus {
  bottom: 10px;
}

.form-icon {
  position: relative; }

.ui-datepicker-trigger {
  position: absolute;
  right: 16px;
  top: 35px;
  color: #ededed;
  font-size: 16px;
  z-index: 99;
  background: transparent;
  border: none;
  outline: none;
  cursor: pointer; }

.booking-form label{color:white}



 /*파도*/ 
.ocean { 
  height: 5%;
  width:100%;
  position:absolute;
  bottom:0;
  left:0;
  background: #015871;
  z-index:999;
}

.wave {
  background: url(https://s3-us-west-2.amazonaws.com/s.cdpn.io/85486/wave.svg) repeat-x; 
  position: absolute;
  top: -198px;
  width: 6400px;
  height: 198px;
  animation: wave 7s cubic-bezier( 0.36, 0.45, 0.63, 0.53) infinite;
  transform: translate3d(0, 0, 0);
}

.wave:nth-of-type(2) {
  top: -175px;
  animation: wave 7s cubic-bezier( 0.36, 0.45, 0.63, 0.53) -.125s infinite, swell 7s ease -1.25s infinite;
  opacity: 1;
}

@keyframes wave {
  0% {
    margin-left: 0;
  }
  100% {
    margin-left: -1600px;
  }
}

@keyframes swell {
  0%, 100% {
    transform: translate3d(0,-25px,0);
  }
  50% {
    transform: translate3d(0,5px,0);
  }
}



/*파도2*/
 .wave2 {
  width: 100%;
  overflow: hidden;
  position: relative;
  z-index: 1;
  bottom: 118px;height:129px;
}

@media screen and (max-width: 992px) {
 .wave2 {
    bottom: -180px;
  }
} 
 .wave2 svg {
  width: 100%;
}
 

.header_wave {
  position:relative;
  text-align:center;
  color:white;
  top:6px;
  z-index:55;
  height:27px;
}

.inner-header {
  height:65vh;
  width:100%;
  margin: 0;
  padding: 0;
}

.flex { /*Flexbox for containers*/
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
}


.content {
  position:relative;
  height:20vh;
  text-align:center;
  background-color: white;
}

/*가로스크롤*/
 .horizon img {
  max-width: 100%;
}

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}
/* 
html {
  overflow-x: hidden;
}
 */

.horizon .hero {
  background-color: #eee0bd;
}
.horizon .hero__background {
  position: absolute;
  z-index: 1;
  top: 0%;
  height: 0%;
  width: 100%;
  background: #090e18;
}
.horizon .hero__top {
  position: relative;
  height: 40vh;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
}
.about__item.first {
	width: 1000px;
	padding-left: 7rem;
}
.about__item.first h1 {
    color: #4e2010;
    font-size: 80px;
    font-weight: bold;
    padding-top: 4rem;
    letter-spacing: -3px;
}
.about__item.first h1 b {
    font-size: 160px;
}
.about__item.first h3 {
    font-size: 33px;
    font-weight: bold;
    margin-top: 35px;
}
.about__item.first p {
    color: #000;
    margin: 0 auto;
    font-size: 21px;
    z-index: 3;
    position: relative;
    padding: 30px 0;
}
@media (max-width: 960px) {
  .horizon .hero__top h1 {
    font-size: 32px;
  }
}

.hero__bottom {
  height: 60vh;
}
.hero__bottom img {
  object-fit: cover;
  height: 100%;
  width: 100%;
}

.about {
  background-color: #fff;
}
.about__item {
  display: inline-block;
  padding: 0px 0px;
  margin-right: 50px;margin-top:50px;
  display: flex;
  flex-direction: column;
}

.about__item:nth-child(odd) img {
  margin-bottom: 0px;
}
.about__item:nth-child(even) {
  /* flex-direction: column-reverse; */
}
.about__item img:first-child{}
.about__item img.first{width:1000px}
.about__item img {
  object-fit: cover;
  width: 440px;
}
.about__item .content {
  height: 50%;
  max-width: 520px;
  flex: 1;
  display: flex;
  align-items: center;
}
.about__item .content h3 {
  font-size: 32px;
  max-width: 250px;
  line-height: 1.2;
  text-align: center;
    margin: 0 auto;
}
.about__item .content p {
  color: rgba(0, 0, 0, 0.6);
  max-width: 350px;
  margin-top: 8px;
}

.horizontal-scroll__section {
  position: relative;
  height: 350vh;  
}



.horizontal-scroll__wrapper {
  position: sticky;
  top: 0;
  left: 0;
  height: 100vh;
  width: 100vw;
  overflow: hidden;
  background-color: #eee0bd;
}
.horizontal-scroll__content {
  display: flex;
  padding: 120px 120px 100px 120px;
  height: 100vh;
  width: 445vh;
  will-change: transform;
}

.extra-section {
  height: 200vh;
  background-color: #020407;
}
/*//가로스크롤*/

/*물방울캔버스*/
.bg_canvas{z-index:-1;position:absolute;    display: block;    width: 100%;    height: 100%;}
#canvas {}
/* Animation */

.parallax > use {
  animation: move-forever 25s cubic-bezier(.55,.5,.45,.5)     infinite;
}
.parallax > use:nth-child(1) {
  animation-delay: -2s;
  animation-duration: 7s;
}
.parallax > use:nth-child(2) {
  animation-delay: -3s;
  animation-duration: 10s;
}
.parallax > use:nth-child(3) {
  animation-delay: -4s;
  animation-duration: 13s;
}
.parallax > use:nth-child(4) {
  animation-delay: -5s;
  animation-duration: 20s;
}
@keyframes move-forever {
  0% {
   transform: translate3d(-90px,0,0);
  }
  100% { 
    transform: translate3d(85px,0,0);
  }
}
/*Shrinking for mobile*/
@media (max-width: 768px) {
  .waves {
    height:80px;
    min-height:80px;
  }
  .content {
    height:30vh;
  }
  
}

/*티켓*/
.btn_qr_zoom{display:none}
.res_list .buy_date span{display:block;font-weight:normal;font-size:16px}
.res_list.total i{margin-left:5px;margin-right:5px}

.res_list.total p{font-size:16px}
.txt_event_pay{font-size:14px}
.ticket_sale_txt2{color:#666;font-weight:normal;font-style:unset;font-size:13px;display:block}
 
.txt_event_pay{font-size:14px}
.ticket_sale_txt2{color:#666;font-weight:normal;font-style:unset;font-size:13px;display:block}

.select_ticket{}
.select_ticket .thumb{
	width:72px;
}
.select_ticket .ticket_name .inner{
	margin-left:10px;
}
.select_ticket .ticket_name strong{
	font-size: 18px;
}

.select_ticket ul{
	margin-top:0;padding:0;
}
.select_ticket li{
	position:relative;
	margin-top:10px;
	padding-top:10px;
	list-style: none;
	border-top:1px solid #e5e5e5;
}
.select_ticket li:first-child {border-top:0}
.select_ticket .option_name {display:block;font-size:20px;float:left}
.select_ticket .option_name2 {    display: inline;    color: #ff8a61;    font-weight: normal;     float: left;    margin-top: 3px; }
.select_ticket .option_name_sale2{display:block;font-size:16px;color:#999}
.totalAmtInfo2, .txtNotice{font-size:14px;color:#999}
.option_name_sale{text-decoration: line-through;color: #bababa;font-size: 20px;font-weight: normal;display: block;}
.select_ticket .ticket_qty{font-size:23px;
	display: flex;
    align-items: center;
	position: absolute;
	top: 73%;
	right: 0;
	transform: translateY(-50%);
	    margin-top: 15px;
}
.select_ticket .ticket_qty i {cursor:pointer; color: #999;}

.ticket_qty i:active{color:orange;}
.load_more{
	margin-top:40px;
}
.option_area{display:grid}
.option_area ul{clear:both}
.option_area ul li b{font-size:14px}
.option_area ul li span{font-size:15px;}
.option_area  .badge-info{padding-right: 37px !important;}
.badge.badge-pill.badge-info{font-weight:normal}
.option_area .badge.badge-pill i{position:absolute;left:15px}
.option_area .badge.badge-pill span{font-size:13px;position: relative;top:-1px;
    text-align: left;    display: inline-block;    left: 20px;}
.option_area ul li .number{font-size:22px;padding:5px}

.txt_order .badge{font-size:13px;   text-align: left;}

/*//input 가입,로그인쪽*/

.ticket_qty select {width:100%;min-width: 240px;}
input.date_from::placeholder {color: #333; font-size: 16px;}
.badge{white-space:unset}
.badge-info {background-color:#f26121;}
.colorcabana {background-color:#cbab7a;}
.reservation_img {object-fit:cover;height:250px;width:100%}
.m_btn_reservation {display:none}
.oasis_logo {width:230px}


/*가져온 스크립트 css*/


/*스크롤애니메이션*/
@import url('https://fonts.googleapis.com/css?family=Nanum+Gothic+Coding');

:root {
  --color-text: #fff;
  --color-bg: #fff;
  --font-text: 'Nanum Gothic Coding', monospace;
  --fontsize-text: 8vw;
}

.sections {
  position: relative;
  display: block;
  padding: 0; overflow:hidden;
}
.sections .section {
	padding: 70px 0;
}
.section {
  position: relative;
  position: relative;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(380px, 1fr));
  grid-gap: 2rem;
  /*background: url(/img/main/mesh-gradient.jpg) no-repeat 0 0 fixed;*/
}

.section--image {
  /* display: block;
  position: relative;
  max-width: 100%;
  margin: 10vh 0 30vh auto;
  opacity: 0;
  transition: opacity 1s;
  
  .active & {
    opacity: 1; */
  }
  
  .section--image img {
    display: block;
   	
    position: relative; 
    max-width: 90%;
    max-height: 100vh;
    margin: 0 0 0 auto;
  }
}

.section--header {
  font-size: calc(var(--fontsize-text));
  font-family: var(--font-text);
  position: absolute;
  bottom: 5vmax;
  left: 0;
  padding-left: 5vmax;
  z-index: 1000;
  line-height: 1;
  font-weight: 300;
  opacity: 0;
  animation-duration: 1s;
  animation-fill-mode: both;
  
  .active & {
    animation-name: fadeInUp;
  }
}

@keyframes fadeInUp{
  0% {
    transform: translate3d(0,55%,0);
    opacity:0;
  } to {
    opacity:1;
    transform:translate3d(0,0,0);
  }
}

/*자동슬라이드이미지*/ 

.hero-section {
  position: relative;
  overflow: hidden;
  display: flex;
  align-items: space-around;
  min-height: 25vh;
}

.loop-container {
  margin-top: 50px;
  white-space: nowrap;
  font-size: 5vw;
  letter-spacing: 1px;
}

.loop-container .item {
  position: absolute; color:#333
}
 
.image-section {
    position: relative;
    overflow: hidden;
    display: flex;
    min-height: 25vh;
}

.second-loop-container {
    display: flex;
    flex-direction: row;
    width: 100%;
}

.images-wrapper {
    display: flex;
    flex-direction: row;
    gap: 2rem;
    padding-right: 2rem;
    position: absolute;
}

.image-container {
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
    width: 350px;
    height: auto;
}

.image-container img {
    object-fit: cover;
    min-width: 100%;
    min-height: 100%;
}

/*스크롤글자이펙트*/
.container3 .reveal h5 {
    font-size: 16px;
    line-height: 24px;
}
.container3 span.facility_mark {
    color: #5d2b00;
    font-size: 18px;
    margin-bottom: 10px;
    margin-top: 10px;
    display: inline-block;
    font-weight: bold;
    background: no-repeat;
    padding: 0;
}
.container3 .txt_beige {
	font-size: 16px;
	font-weight: normal;
	display: block;
}
.container2 .container3 {
    display: block;
}
.container2 .container3 .reveal {
    width: 50%;
    float: left;
}
.container2 .container3 div:nth-child(2) {
    float: left;
    padding-left: 3rem;
    width: 50%;
}
.container2 .container3 div:nth-child(2) h2 {
    position: relative;
    padding-top: 3.5rem;
    font-size: 3.5rem;
}
.container2 .container3 img {
    height: 350px;
    width: auto;
}
.container2 .container3 p {
    color: #2c2c2c!important;
    position: inherit;
    text-align: left;
    font-weight: 500;
}
.container2 .container3 .btn {
    margin: auto 0;
}

.container2 .container3.out div:nth-child(2) p {
    color: #fff !important;
}
.container2 .container3.out .btn {
    border: 1px solid #fff;
    color: #fff;
}
.container3 {
  display: grid;
  place-items: center;
  width: 100%;
  position: relative;
}
.container3 p {
    font-size: 16px;
    position: absolute;
    top: 25%;
    z-index: 99;
}
.container3 .credit a {
  color: #1a292c;
  text-transform: lowercase;
} 
.container3 img {
  width: 100%;
  max-width: 100vw;
  object-fit: contain;
}
.container3 h2 {
    font-weight: bold;
    color: #eb5c02;
    font-size: clamp(1.5rem, 8vw, 5rem);
    position: absolute;
    top: 33%;
    z-index: 99;
}
.container2 .container3.revers .des {
    width: 50%;
    float: left;
}
.container2 .container3.revers .des p {
    padding-top: 0px;
/*     padding-right: 50px; */
}
.container2 .container3.revers .reveal {
    float: right;
    padding-left: 0;
}
body:not(.no-js) .image-wrap {
  transition: 0.7s ease-out;
  transition-delay: 0.1s;
  position: relative;
  width: auto;
  overflow: hidden;
  clip-path: polygon(0  0,   0   0,   0 100%,    0 100%);
  visibility: hidden;  
  border-radius:0px
}

body:not(.no-js) .image-wrap img {
  transform: scale(1.3);
  transition: 2s ease-out;
  border-radius:0px
}

body:not(.no-js) .animating .image-wrap {
  clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
  visibility: visible;
  transform: skewY(0);
}

body:not(.no-js) .animating img {
  transform: scale(1);
  transition: 2s ease-out;
}

body:not(.no-js) .fadeup {
  opacity: 0;
  transition: 0.4s ease-out;
  transform: translateY(40px);
}

body:not(.no-js) .fading-up {
  opacity: 1;
  transition: 0.6s ease-out;
  transform: translateY(0px);
  /* transition-delay: 0.7s; */
}



.container4 section {
  min-height: 100vh;
  width: 100%;
  position: relative;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
  grid-gap: 2rem;
  padding: 50px 10vw;
  max-width: 1000px;
  margin: auto;
  place-items: center;
}

.container4 img {
  max-height: 80vh;
  width: 100%;
  object-fit: contain;
}
.container4 section:first-child img {
  position: absolute;
}

.container4 h1 {
  display: flex;
  font-size: 4rem;
  z-index: 2;
  line-height: 1.2;
  font-weight: 700;
}
@media (max-width: 768px) {
  .container4  h1 {
    font-size: 2rem;
  }
}

.container4 h2 {
  font-size: 2rem;
  max-width: 400px;
}
 
* {
  box-sizing: border-box;
}

.txt_beige{font-size:18px; color: #caab79; margin-top:10px}
.intro-body h5{margin:0 auto;    width: 50%;
    font-size: 19px;
    line-height: 30px;
    word-break: keep-all;
}



#fh5co-feature {background: #f5f5f5; padding: 5em 0;}

/*메인화면에만 적용되는 gnb*/
/*상단 메뉴*/
.all_menu { color: white; top: 25px; cursor: pointer; padding: 15px; z-index: 9999;}
.all_menu_x{right: 5%; position: absolute;display: block;  }
.all_menu a {color: #fff; font-weight: 600; }
.maingnb{right: 38px; position: absolute;color: white;top: 25px;display: block;cursor: pointer;padding: 15px;}
.maingnb a{color: white; font-weight: bold;}
.gnb .maingnb {padding: 13px; height: 100px; display: flex; align-items: center; right: 0; top: -5px;}

/* 가로모드 gnb*/
.gnblayer{background:url(/img/main/date_bg9_2.jpg) no-repeat 50% 0;
 display:none; position: fixed; z-index:9999; top: 0; right: 0; left: 0; width:100%; height:100%;overflow: unset;overflow-y:auto}
.gnb2 {overflow:hidden; height:100vh;max-width: 1280px; margin: 0 auto;}
.gnb2 li div { 
    width: 100%;
    position: relative;
    font-size: 23px;
    top: 10%;
    color: white;
    vertical-align: middle;
    text-align: center;
    z-index: 20;
    font-family: 'S-Core';
    font-weight: 500;
    border-right: 1px solid rgba(255,255,255,0.2);
   /*  min-height: 295px; */
}
.gnb_container {
    max-width: 100%;
    padding: 0px 57px;
}
.main_header .maingnb {
    top: 25px;
}
.maingnb {
    top: 20px;
}
/* .gnb>ul>li>ul>li>a:hover {color:#4e2010;}

.gnb>ul>li>ul {
    margin-top: 25px;
} */
#fh5co-header-section.fh5co-scrolled .maingnb a {
    color: #caab7a; border:1px solid #caab7a
}

.reveal h5{max-width:600px;margin: 0 auto; line-height: 30px;}

/* top 흰색*/
.nonetop #fh5co-header-section {background: #fff;border-bottom:1px solid #e6e6e6}
.nonetop #fh5co-header-section .maingnb a {color: #caab7a;    margin-top: 4px;border: 1px solid #caab7a;}
.nonetop #fh5co-logo {background: url(/img/logo_top.png) no-repeat 0 0;}
.nonetop .gnb>ul>li>a {color: #000;}



/* gnb */
.gnbLayer {}
.gnbLayer nav {height:100%;}
.gnb2 li {
	position:relative; 
	float:left; 
	overflow:hidden; 
	width:20%; 
	height:100vh; 
	background-repeat:no-repeat; 
	background-position:center; 
	background-size:cover;
	font-weight: bold; 
	color: #fff1bb; 
	display: block; 
	padding-bottom: 17px;
}
.gnb2 li:after {display:block; content:""; position:absolute; left:0; top:0; width:100%; height:100%; z-index:10; background-repeat:no-repeat; background-position:center; background-size:cover; opacity:0; transition:opacity .3s;}
.gnb2 li:hover:after {opacity:1;}
.gnb2 ul li:last-child div {border-right: none;}
.gnb2 li a {display: block; font-size: 21px; line-height: 48px; font-weight: normal;}
.gnb2 li a:hover{color:#f26121;}
.gnb2 li a .textWrap {display:block; width:100%; height:100px; position:absolute; top:50%; margin-top:-70px; text-align:center;}
.gnb2 i {display:none;}
.textWrap a {color:white;}
.textWrap {margin-top:50px;}


@media (min-width: 481px) and (max-width: 1024px) {
	 /*gnb*/	
	.gnb2 li{float: none;    overflow: hidden;    width: 100%;    height: 25vh;}
	.gnb2{width:100%}
	.gnb2 li{width:100%;height:auto;margin-bottom:25px}
	.gnb2 li a{width:100%;}
	.textWrap{display:none}
	.gnb2 li div{height: auto;    margin-top: 20px;}
	.gnb2 i{display:inline}
	/*//gnb*/
}

/*//메인화면에만 적용되는 gnb*/
@media screen and (max-width: 480px) {
	.logo{left:3%;top:20px}
	.logo img{width:150px}
	.all_menu{right:1%;top:20px} 
	
	 /*gnb*/	
	.gnb2 li{float: none;    overflow: hidden;    width: 100%;    height: 25vh;}
	.gnb2{width:100%}
	.gnb2 ul{margin-top:10px} 
	.gnb2 li{width:100%;height:auto;margin-bottom:15px}
	.gnb2 li a{width:100%; font-size: 19px;}	
	.textWrap{display:none}
	.gnb2 li div{height: auto; font-size: 26px ;margin-top: 20px;margin-left: 20px;
    text-align: left;}
	.gnb2 i{display:inline}
	.main_header .maingnb{text-align: center; top:7px; right: 0; left: 0;z-index:9999}
	.main_header .maingnb a{font-size:17px}
	.main_header.header.on{height:65px}
	.all_menu{top:12px} 
	.boyang .col-3 {
	    width: 100%;
	    flex: 0 0 100%;
	    max-width: 60%;
	}
	.boyang .row.py-5.mt-5 {
	    margin-top: 0 !important;
	    padding-top: 0 !important;
	}
	.boyang .row.pt-5.mt-5 {
	    margin-top: 0 !important;
	}
	section#footer .col-10 {
	    width: 100%;
	    max-width: 100%;
	    flex: 0 0 100%;
	}
	section#footer .col-2 {
	    width: 50%;
	    max-width: 50%;
	    flex: 0 0 50%;
	}
}




/* FAQ */
.faq h3 {
    background: url(/img/main/illust5.png);
    background-repeat: no-repeat;
    background-position-y: 2px;
    background-size: 30px;
    padding-left: 35px;
    font-weight: 700;
}
.panel-title {
    padding: 20px;
    border-bottom: 1px solid #d1d1d1;
    font-size: 17px;
    margin-bottom: 0;
}
.panel-title:before {
    content: 'Q';
    border: 1px solid #ddd;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    display: inline-block;
    align-content: center;
    text-align: center;
    font-weight: bold;
    font-size: 21px;
    color: #ff710d;
    margin-right: 20px;
}
.panel-body {
    padding: 20px;
    border-bottom: 1px solid #d1d1d1;
    background-color: #f9f9f9;
    display: inline-block;
    width: 100%;
}
.panel-body:before {
    content: 'A';
    width: 50px;
    height: 50px;
    border-radius: 50%;
    display: inline-block;
    align-content: center;
    text-align: center;
    font-weight: bold;
    font-size: 21px;
    background: #ff710d;
    color: #fff;
    margin-right: 20px;
    float: left;
}
.panel-body p {
    font-size: 16px;
    margin: 0 !important;
    line-height: 25px;
	padding: 10px 0px;
	display: flow-root;
}

.panel-body a {
	color: #ff710d;
    text-decoration: underline;
}

.panel-title a.collapsed .faq_color{background-color: #9e9e9e;}
.faq_q {
	border-radius: 50%;
    margin-right: 10px;
    display: inline-block;
    padding: 5px;
    width: 35px;
    height: 35px;
    text-align: center;
    border: 1px solid #ccc;
}
.faq_a {background-color: #f26121; color: #fff; border: #f26121; padding-top: 2px !important;position: absolute; left:18px;}
.panel-default > .panel-heading {color: #333333; position: relative; border-color: #ddd;}

.panel-heading a.collapsed:before{transform: translateY(-50%) rotate(0deg); transition: all 0.3s;}
.panel-heading a:before{
    content: '';
    display: block;
    position: absolute;
    width: 18px;
    height: 18px;
    top: 50%;
    right: 24px;
    background: url(/img/main/arrow.png) no-repeat 0 0;
    background-size: 100%;
    transform: translateY(-50%) rotate(-180deg);
    transition: all 0.5s;
}


span.facility_mark{background-color: #eb5c02;
    color: white;
    font-size: 18px;
    padding: 8px;
    margin-bottom: 10px;
    margin-top: 10px;
    display: inline-block;}

 
 /***************************가져온 스크립트 CSS******************/
.svg-box {/*수정*/
	height: 300vh;
}

.svg-box #bubblezSVG {
	position: fixed;
	height: 100%;
	width: 110%;
	top: 0;
	left: -5%;
	overflow: visible;
	z-index: -1;
}

.svg-box #top {
	z-index: 2;
	pointer-events: none;
}

.svg-box svg {
	font-size: 35px;
	fill: #313639;
}

.svg-box #textSVG {
	position: fixed;
	width: 110%;
	top: 40vh;
	left: -5%;
}

.scroll-pipes {
  color: #231F20;
  background-color: #EFE6DF;
}

.scroll-pipes .path {
  stroke-dasharray: 7150;
  stroke-dashoffset: 7150;
}

.scroll-pipes svg{
  width: 90vw;
  margin: 5vw 0 15vw 5vw;
}

  
  
 /*waterslideup*/ 
.hero.is-gradient {
    background: #4776E6;
    background: linear-gradient(to right, #4776E6, #7F00FF);
}
            .hero.is-relative {
    position: relative;
}
            #demo-canvas {
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 100%;
} 
 .hero.is-slanted:before {
    background: transparent url("http://localhost:16930/assets/images/bg/shapes/slant.png") no-repeat scroll 0 bottom/100% auto;
    content: "";
    height: 270px;
    width: 100%;
    z-index: 1 !important;
    position: absolute;
    bottom: 0;
    left: 0;
}


#main-landing-title {
    position: relative;
    top: -110px;
    font-family: 'Nexa Bold', sans-serif !important;
    color: #fff;
}

#main-landing-title h1 {
    position: relative;
    margin-bottom: 0 !important;
    font-weight: 600;
    text-transform: uppercase;
  margin-top: 90px;
}
.has-text-centered {
    text-align: center !important;
}
.light-text {
    color: #fff !important;
}

.hero.is-halfheight .hero-body, .hero.is-fullheight .hero-body, .hero.is-fullheight-with-navbar .hero-body {
    -ms-flex-align: center;
    align-items: center;
    display: -ms-flexbox;
    display: flex;
}

.hero-body {
    background-size: cover !important;
    background-repeat: no-repeat !important;
}

.hero-body {
    -ms-flex-positive: 1;
    flex-grow: 1;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding: 3rem 1.5rem;
} 
#large-header{}
/*게시판글쓰기*/
.write_wrap{ border: 1px solid #e0e0e0;     padding: 30px 40px; background-color: #f7f7f7;}
.write_wrap textarea{font-size: 15px; padding-left: 10px;height: 300px;width:100%;padding:10px;
    border: 1px solid #e1e1e1;}
.write_wrap .write_title{font-size: 15px; padding-left: 10px;width:100%;padding:15px;
    border: 1px solid #e1e1e1;}
 .fileName {
    display: inline-block;
    width: 400px;
    height: 35px;
    padding-left: 10px;
    margin-right: 5px;
    line-height: 35px;
    border: 1px solid #e1e1e1;
    background-color: #fff;
    vertical-align: middle;}
.uploadBtn{padding-left:0;background-color: unset;}

/*메인페이지 팝업*/

/*팝업css/video*/
.pc_video{display:block}
.mobile_video{display:none}
.pc_popup{display: block; border: 0px solid #2c2c2c;}/*pc용 팝업block. mobile은 none으로*/
.mobile_popup{display:none}/*pc용 팝업block. mobile은 none으로*/
.mobile_home{display:none}




#check {font-size: 12px;font-family: '돋움';	padding: 6px}
.button_x, .button_x2, .button_x3{position: absolute; font-weight:bold;cursor:pointer;
    background-color: #1c1c1c;color: #fff;    text-align: right;
    padding: 3px 10px;border-radius: 64%;    top: -10px;    right: -10px;    font-size: 18px;}


.txt_grand{
    position:absolute;color:white;  z-index:10; 
    transform: translate(-50%,-60%);top:34%;left:50%;margin-bottom:0;  border-top: 1px solid #ffffff; border-bottom:1px solid #ffffff;
    }
.txt_grand b{}
.txt_grand i{font-style:unset;font-size:3rem}
.txt_grand h3{
    font-size: 3.2rem;
    text-shadow: 2px 1px 1px #777;
    word-break: keep-all;
    text-align: center;
    font-weight:bold;
    letter-spacing:2px;
  color:ffffff;
   /*   background-color:rgb(255 102 0 / 70%); */
    padding: 14px;margin-bottom: 0;
    min-width:800px; 
    }


@media screen and (max-width:480px) {
	.pc_video{display:none}
	.mobile_video{display:block}
	
	.video_cf{height:300px}	
	.video_cf2 {margin-top: 0px;}
	.video_cf2 .col {flex: 100%; margin-top: 35px;}
	.mobile_home{display: inline;}
	#layer_pop, #layer_pop2 {position: absolute;top: 68%;left: 50%;
    transform: translate(-50%,-60%);width: 91%;height: auto; z-index: 9999;}
    .img_popup{width:100% !important}
  
  
/*********************************컴퓨터화면*******************************************/
 
@media screen and (max-width: 1440px) {	
  .gnb>ul>li>a span {font-size: 14px;}
  .gnb .maingnb {top: -6px;}
  .gnb .maingnb a {display: block;}
  .gnb>ul {width: 81%;}
	.gnb>ul>li {width: 13%;}
}

@media screen and (max-width: 1115px) {	 
	/*gnb*/
	.gnb{float:none}
	 .gnb>ul {width: 80%;}
	.gnb_container{padding:5px}
	.txt_grand{top:30%}
	.txt_grand h3{font-size:2.7rem;min-width: 680px;}
	.txt_grand i{font-size:2.5rem;}
}

/*********************************  타블렛 가로*******************************************/
@media all and (min-width:1024px) and (max-width:1279px) { 
   .txt_grand h3{font-size:3.0rem;min-width: 680px;}
   .txt_grand i{font-size:2.7rem;}
   .intro .intro-title{font-size:2.2rem}
   .event .box3 dl{min-height:unset} 
} 
/*********************************  타블렛 세로*******************************************/
@media all and (min-width:768px) and (max-width:1023px) {
	.gnb>ul>li>ul>li>a{font-size:14px}
	.reservation_time  label.btn{font-size:13px}
	.txt_grand h3{font-size:2.5rem;min-width: 580px;}
	.txt_grand i{font-size:2.3rem;}
	.container2 .container3 div:nth-child(2) h2{font-size:3.0rem}
	.box3 dl{width:48%}
	.top_event{width:100%}
	header .btn_main_reservation{font-size:13px}
	.gnb>ul>li>a span{font-size:13px}
	.family_link .inner{right:5px}
	.res_list.total .total_pay{display:block}
	.res_list .buy_date{width:100px}
	 .event .box3 dl{min-height:500px}
	 .div_food .row h4{font-size:17px}
	  .div_food .row p{font-size:15px}  
	  .div_region .col-sm-12 div{min-height:200px}
} 

@media screen and  (max-width: 1199px) { 
	.reply_area {width: 85%;}
}

@media screen and  (max-width: 991px) {
	.reply_area {width: 98%;}
}



/*********************************모바일 768*******************************************/
 
@media screen and (max-width: 768px) {
	


/*제휴*/
.div_region .section-md-t3{padding-top:5px}
/*팝업*/
	.pc_popup{display: none;}/*pc용 팝업none. mobile은 block으로*/
	.mobile_popup{display:block; margin-bottom: 3px;}/*pc용 팝업none. mobile은 block으로*/


.reservation_time .title-d{display:block;font-size: 14px;margin-bottom: 0;}	

	
/*티켓 정렬*/


.txt_ticket_right{    text-align: right;    right: 20px;}
.txt_ticket_right p{display:inline;    float: none;}


 .ticket_detail_box_title input[type="checkbox"]{height:17px}

	.spa_mt80{margin-top: 0px !important}
	.submenu_open{top:0}
	.submenu_open{margin-bottom:0 !important} 
	.event_title{font-size:17px;margin-top:10px}
	.top_event{width:100%}
		.box3 dl{width:100%}
		.txt_grand{top:30%}
	/*메인*/ 
	.section{grid-template-columns: repeat(auto-fit, minmax(360px, 1fr));}
	.container.container3 h5.mt20 {
	    margin-top: 0 !important;
	}
	.container3 h2 {
	    top: 19%;
	    padding-top: 1rem;
	    font-size: 37px !important;
	    position: relative;
	    color: #eb5c02 !important;
	    text-shadow: none !important;
	    text-align: left;
	}
	.container2 .container3 .reveal{width:100%}
	.container2 .container3 div:nth-child(2){width:100%;padding-left: 0;}
	.container2 .container3 div:nth-child(2) h2 {
		/* position:absolute;
		font-size: 2rem;
		width: 100%;
		margin-top: 16%;
		text-align: center; */
		padding-top: 1rem;
		font-size: 37px;
	}
	.container3 span.facility_mark {font-size: 16px;}
	.container2 .container3 p {font-size:14px;}
	.container2 .container3.revers .des {width:100%}
	.container2 .container3 img {height:inherit;}
	.container2 .container3 .btn {margin:0 auto;}
	.container2 .container3.revers .des p {padding-top: 0;}
	.sections .section {padding: 20px 0;}
	.reveal h5 {font-size:15px; line-height: 24px;}
	.container3 .txt_beige {font-size: 14px;}
	.submenu_open > div > ul > li {width:auto; width: calc(50% - 20px); background-position: 91% 53%;}	
	.submenu_open > div > ul > li > span {font-size:15px;height:45px;padding:3px 9px}
	.submenu_open > div > ul > li > div ul li a {font-size:15px}
	#fh5co-logo {width: 150px; height: auto;margin-top:5px}
	.WrapWidth {padding:5px 5px}
	.txt_beige {font-size:14px; }
	#fh5co-feature {padding: 3em 0 2em 0;}
	.box {
	    padding: 0;
	    border: 0;
	}
	.table span {font-size: 13px;}
	.swiper {height: 40vh;}
	.swiper.mySwiper.swiper-initialized {height: fit-content;}
	.layer_popup .swiper-slide img,
	.layer_popup3 .swiper-slide img {height: auto;}
	.container.mt50, .container.mt30 {margin-top: 0px !important;}	
	.property-single .swiper {height: 25vh;}
	.property-single .mySwiper .swiper-slide {height: 40%;}
	span.flatpickr-day {height: 40px; line-height: 38px;}
	.col-md-6.mt30 {flex: auto; max-width: 75%;}	
	
	/*faq*/
	.faq h3 {
	    background-position-y: -3px;
	}
	.panel-title, .panel-body {
		font-size: 13px;
		padding: 10px;
	}
	.panel-body p {font-size: 13px; line-height: 18px; padding: 0;}
	.panel-title:before, .panel-body:before {
	    width: 20px;
	    height: 30px;
	    font-size: 15px;
	    margin-right: 10px;
		border: none;
		background: none;
	}
	.panel-body:before {color: #ccc;}
	.panel-title {
	    display: flex;
	    flex-direction: row;
	    align-items: center;
	}
	.panel-heading a:before {
        right: 12px;
        width: 10px;
        height: 10px;
    }
	
	.Tit h1 {
		font-size: 35px
	}

		/*운휴*/
		p.time span.num {width:auto; height:auto; font-size:3rem;}
	
	#main_visual {
	    display: flex;
	    align-items: center;
	    justify-content: center;
	    min-height: 550px;
	}
	.mobile_form {width:100%;}
	.mobile_form .form-quantity {width:45%; float:left;}	  
	.main_videowrap .container_date {width:95%;top:50%;}
	.main_videowrap .booking-form {padding:10px 30px; border-radius:10px;}
	.main_videowrap .main_title h5 {font-size:16px; line-height: 25px;}	
	.header_wave2{display:none}
	.div_date .container {width: calc( 100% - 30px); max-width: 100%;} 
	.form-group {
		flex-direction: column;
		-moz-flex-direction: column;
		-webkit-flex-direction: column;
		-o-flex-direction: column;
		-ms-flex-direction: column;
	}
	.form-destination, .form-date-from, .form-date-to, .form-quantity {
		width: 100%;
		margin-bottom: 20px;
		border-bottom: 1px solid white;
	}		
	.summary-list {padding:14px;}
	.ticket_qty select {min-width:unset; font-size:13px;}
	
	.navbar-default{background: rgb(0 0 0 / 30%);}    
	.m_btn_reservation{display:block;margin-top:40px}
	.main .booking-form {display:none}
	.main_vidiowrap .booking-form {display:block}  
	.intro .carousel-item-a{height:100vh}
	.home {
		-moz-animation: aboutFlexSlide;  
		-moz-animation-duration: 3s;  
		-moz-animation-iteration-count: 1;
		-moz-animation-delay: 0s;  
		-webkit-animation: aboutFlexSlide;  
		-webkit-animation-duration: 3s;  
		-webkit-animation-iteration-count: 1;
		-webkit-animation-delay: 0s;  
		animation: aboutFlexSlide;  
		animation-duration: 3s;  
		animation-iteration-count: 1;  
		animation-delay: 0s;
	}

	.environment {height:inherit;}

	.header_wave2 {top:-86px;}
	.oasis_logo {width:150px;}
	.container.container3 p{display:none}
	
	/*가로스크롤*/
	.about__item.first h1 {font-size:49px;}
	.about__item.first h1 b {font-size:42px;}
	.about__item.first {padding-left:0;}
	.about__item.first h3 {font-size:18px;}
	.about__item.first p {font-size:18px;}
	.horizontal-scroll__content {padding:50px;}
	.horizontal-scroll__content {width: 300vh;}
	
	/*가로띠 삭제*/
	.scroll-text{display:none}
	 
	/*gnb*/
	.gnb_logo {display:none;}
	.brand_color div {width: 100% !important; padding: 10px; height: 100px;}
	.btn_type {padding: 0 15px; font-size: 15px; margin-top: 5px; padding: 10px !important;}
	.search div input{width:75%}
	.day_pick {width: auto; float: none; margin: 0;}
	.day_pick .calendar_show {
	    width: calc(50% - 12px);
	    margin-left: 24px;
	    padding: 0;
	    color: #aaa;
	    text-align: center;
	    border: 0px solid #e5e5e5;
	    border-radius: 5px;
	    float: left;
	    cursor: pointer;
	    background: url(/img/calendar_icon.png) no-repeat;
	    background-size: 14px;
	    background-position: center right 12px;
	}
	.day_pick .calendar_show:first-child {margin-left:0;}
	.day_pick span {
	    color: #aaa;
	    position: absolute;
	    top: 50%;
	    left: 50%;
	    margin:0;
	    transform: translate(-50%, -50%);
	}
	.day_pick:after {content: ''; display: block; clear: both;}	
	.ticket_search .day_pick{position: relative;}
	
	 
}



 /*********************************  타블렛 세로 작은사이즈*******************************************/
@media all and (min-width:481px) and (max-width:767px) {  
	.ul_menu li{width:31.9%;margin-bottom:10px}
	.div_food h4{font-size:18px}
	.div_food p{font-size:14px}  

	.txt_grand h3{font-size:2.0rem;min-width: 480px;}
	.txt_grand i{font-size:2.0rem;}
	.intro .intro-title{font-size:2.0rem}
	.intro-body h5{width:90%;margin:0 auto}
	.sort_wrap .btn_type{height: 32px;line-height: 10px;}	
	#replyForm .textarea-wrap {width: 77%;}
	.res_list.total span{display:block}
	
	/*티켓*/
	.btn_qr_zoom{right:34px}
	.txt_ticket_right{right:0}
	 

} 
 
/***********************************모바일480*************************************/

.modal-body p span.colororange{font-size:13px}
.main_videowrap{display:block}
/*메뉴 시설*/
.ul_menu li{border-radius:0; width:48.2%;margin-left:0;margin-right:2px;margin-top:2px}
.ul_menu li:first-child{margin-left:0}
.div_food h4{font-size:18px}
.div_food p{font-size:14px}  

.select_ticket .option_name2{margin-top:2px}
.option_area .badge.badge-pill i{position:absolute;left:15px}
.option_area .badge.badge-pill span{font-size:11px;position: relative;
    text-align: left;    display: inline-block;    left: 20px;line-height:13px}
.pagination ul{padding:0}
.pagination a{padding:7px 9px !important;font-size: 13px;}
.res_list .ticket_status.canceled{font-size:16px}
.res_list .name span{font-size:13px}
.res_list .name .h6{font-size:15px}





.res_list.total i{margin-left:0px}
.ticket_detail_box_title{font-size:14px}
.ticket_sale_txt2{color:#666;font-weight:normal;font-style:unset;font-size: 12px;display:block;}
.res_list .ticket_status{font-size:12px; padding: 2px 0px;}

.ticket_detail_box p{margin-bottom:0;font-size:12px}
.ticket_detail_box_title.txt_ticket_title{font-size:13px} 
.radio_type2 input[type=radio]{margin-top:0}
.description li ul li{font-size:13px}
	/*모바일 약관*/
	.div_txt_privacy span, .div_txt_privacy  p, .div_txt_privacy h5 {font-size:13px !important}
	.div_txt_privacy h5 {margin-top:10px}
	.div_txt_privacy  p{margin-top:10px;margin-bottom:10px}
	.div_txt_privacy ul li{font-size:13px !important}
	/*//약관*/
	.month_pick button{padding: 10px 11px}
	.form-control-sm{font-size:0.775rem}
	.txt_order .badge{font-size:11px; letter-spacing:-0.5px;  line-height: 16px;}
	.reservation_img {display:none}
    h3{font-size:1.3rem}
	.select_ticket .option_name{font-size:18px}
	.select_ticket .option_name_sale{font-size:18px}	
	.txt_bookconfirm h2{font-size:22px}
 	.section{grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));}
	.sort_wrap .btn_type{height: 32px;line-height: 10px;}
	.txt_grand h3{font-size:2.7rem;min-width: 480px;}
	.txt_grand i{font-size:2.5rem;}
	
	
	.chk_type.mt20 {
	    margin-top: 10px !important;
	}
	.terms {
	    padding: 5px 10px;
	}
	 
	.image-container{width:200px}
	.notice_view{margin-top:20px}
	.notice_view .notice_title{padding:1rem}
	/*메인*/
	/*메인물방울가림*/.bg_canvas{display:none}
	.img-box-a{max-height:260px}
	.footer_logo{display:block;width:110px}
	.txt_dormitory {background-color: rgb(0 0 0 / 73%); padding: 20px; font-size: 20px !important;}
	.animate__zoomIn {-webkit-animation-name: unset; animation-name: unset;}/*애니메이션없앰*/
	.cont_inquire .link_kakaobus{width:100%;    height: 200px;}
	.cont_inquire .link_kakaometro{width:100%;    height: 200px;}
	.cont_inquire .namebox{left:35%}
	.cont_inquire .bg_dimmed{height:auto}	
	
	/*움직이는일러스트*/
	.illust_mobile{display:none}
	
	/*gnb*/
	.all_menu .menu-trigger span{display:none}
	.all_menu{padding:10px}
	.main_header .maingnb a{font-size:15px}
	.navbar-default.navbar-trans .nav-link,
	.navbar-default.navbar-trans .nav-link:hover {color:white}
	.navbar-default {padding-top:3px; padding-bottom:3px;}
	.navbar-default.navbar-reduce {padding-top:3px; padding-bottom:3px;}
	.navbar-brand.text-brand img {width:94px}
	.agent-info-box{padding-top:0em}
	.mainbox_left{float:left;width:100%}
	.mainbox_right{float:right;width:100%}
	
	.intro .intro-title{
	font-size: 1.1rem; line-height: 27px;word-break: keep-all;}
	
	
	/*메인*/ 
	h5.intro-price{font-size:14px;line-height: 21px;width:80%}
	.txt_grand {width: 100%; top: 36%;width:90%;border-top:2px solid #fff;  border-bottom: 2px solid #fff;}
	.txt_grand h3{font-size:21px; font-weight: bold; margin-bottom:0;color: #fff;min-width:inherit;text-shadow: 1px 1px 1px #888;}
	.txt_grand i{font-size:20px;}
	.brand h2{font-size:1.7rem;}
	.brand_logo{width:200px}
	
	/*모바일네비*/ 
	.navbar-trans .text-brand{background: url(../img/toplogo2.png) no-repeat 5px 5px;background-size: 84%;}
	.navbar-reduce .text-brand{background: url(../img/toplogo1.png) no-repeat 5px 5px;background-size: 84%;}
	
	
	/* sub */
	.WrapWidth .sub_home { padding: 11px 0 0 8px;}	
	.submenu_open > div > ul > li > span{font-size:14px}
	.submenu_open > div > ul > li:last-child{border-right:0}
	.sub #about{height:340px;}
	.sub h2 {font-size: 28px; line-height: 38px;}
	.sub_img {padding: 130px 0px !important;}
	.sub #about h2 {font-size: 35px; margin-bottom: 10px; letter-spacing: 10px;}
	#volunteer {min-height: 200px;}
	.sand .item li {width: 17%; margin-right: 3%;}
	.sand .item li img {width: 100%;}
	.sand .item.mt50 {margin-top: 20px !important;}
	.sand h2.pt100.cb {padding-top: 50px !important;}
	.box3 dl {width: 100%; padding: 1rem !important;min-height:unset}
	.brand p {width: 100%;}
	.notice_title h2{font-size:23px}
	#about p {font-size:15px}
	#about .service h3 {font-size:20px}
	.mainbox_left span, .mainbox_right span {font-size:15px}
	.title-c {font-size:24px}
	.summary-list {line-height: 23px; font-size: 13px;}
	.object_image img,
	.business_mainbox img {height:250px;}	
	.object_image_waterpark img{height:250px;}
	.card-overlay-a-content h5 {font-size:15px}
	.card-title-a {font-size:20px}
	.breadcrumb {display:none} /*모바일현재페이지가림*/
	.section-md-t3 {padding-top:10px}
	.section-t3 {padding-top:16px;}
	.title-box-d.text-center.mt100 {margin-top: 30px !important;}
	.col-md-6.mt30 {max-width: 100%;}
	.col-md-6.col-lg-6.mt50.pt30 {margin-top: 0 !important; padding-top: 0 !important;}
	
	/*지점장소*/
	.div_map{display:none}
	.nav-pills-a.nav-pills .nav-link{font-size:15px; padding:12px;}
	.nav-pills-a.nav-pills .nav-link2{font-size:12px; padding:10px 0px;}
	
	/*버튼그룹*/
	.btn-group{display:inline-block}
	/*로그인*/
	.find_menu a{font-size:14px}
	
	.pr .container.py-5.my-5 {margin: 0px !important;}
	.pr h4 {font-size: 14px;}
	.pr .col {width: 100%; flex-basis: auto; margin-bottom: 3em;}
	.pr .mb-5.pb-5 {margin-bottom: 0px !important;}
	
	
	 
	/*예약*/ 
	.title-a{font-size:17px}
	.title-box .title-a{font-size:28px}
	.intro-single .title-single-box{padding:10px}
	.intro-single .title-single-box .title-single{font-size:15px}
	.swiper{height: 25vh;}  /*모바일슬라이드*/
	.swiper.mySwiper.swiper-initialized{height: 7vh;}
	.layer_popup3 .swiper.mySwiper.swiper-initialized {
	height: auto;}
	.layer_popup .swiper.mySwiper.swiper-initialized {height: auto;}
	.mySwiper .swiper-slide{height:auto}  /*모바일섬네일슬라이드*/
	.thumbnail{height:60%}
	.mySwiper.thumbnail {display:block}
	.m_pd0{padding-top:0px !important}
	.title-single-box span.color-text-a{display:none}
	.news-box{height:25vh}
	.btn-group{display:table}
	.card-box-a, .card-box-b, .card-box-c, .card-box-d{margin-bottom: 1.5rem;}
	.floor_img{display:none}
	.row .breadcrumb-box.d-flex.justify-content-lg-end{margin-bottom:10px}
	.row.justify-content-between{margin-top:25px}
	.title-single{font-size:20px}
	.custom-select-lg{font-size:14px}
	
	.main .booking-form {display:none}
	.main_vidiowrap .booking-form {display:block}  	 
	.option_area ul li span{font-size:12px} 
	.select_ticket .ticket_qty i{font-size:23px;padding:0}
	.slide_reservation .property-summary{display:none}
	.sub_top{margin-top:0px;margin-bottom:0px}
	.selectTicket1.custom-select-lg,.selectTicket2.custom-select-lg, .selectSpNo.custom-select-lg, .selectSpTime.custom-select-lg 
	{font-size: 13px;}
	.reservation_time   label.btn{font-size:12px}
	.reservation_time .btn-group span{font-size:10px}
	.option_area .badge{font-size:10px}
	.sub_top h2 {font-size:25px; color: transparent !important; line-height: 60px; letter-spacing: 4px; -webkit-text-stroke-width: 2px; -webkit-text-stroke-color: #fff;}    
	.owl-carousel.overflow .owl-stage-outer{left:-6%}/*메인하단이벤트박스*/	
	
	.flatpickr-current-month {padding-top: 10px !important;}
	.flatpickr-current-month .flatpickr-monthDropdown-months,
	.flatpickr-current-month input.cur-year {font-weight: 500 !important;}


	
	/* 예약쪽 padding 줄임 */
	.col, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4,
	.col-5, .col-6, .col-7, .col-8, .col-9, .col-auto, .col-lg,
	.col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3,
	.col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9,
	.col-lg-auto, .col-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12,
	.col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8,
	.col-md-9, .col-md-auto, .col-sm, .col-sm-1, .col-sm-10, .col-sm-11,
	.col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7,
	.col-sm-8, .col-sm-9, .col-sm-auto, .col-xl, .col-xl-1, .col-xl-10, .col-xl-11,
	.col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7,
	.col-xl-8, .col-xl-9, .col-xl-auto {padding-left:0; padding-right:0;}
	

	
	/*달력*/
	.flatpickr-day.selected, .flatpickr-day.startRange, 
	.flatpickr-day.endRange, .flatpickr-day.selected.inRange, 
	.flatpickr-day.startRange.inRange, .flatpickr-day.endRange.inRange, 
	.flatpickr-day.selected:focus, .flatpickr-day.startRange:focus, 
	.flatpickr-day.endRange:focus, .flatpickr-day.selected:hover, 
	.flatpickr-day.startRange:hover, .flatpickr-day.endRange:hover, 
	.flatpickr-day.selected.prevMonthDay, .flatpickr-day.startRange.prevMonthDay, 
	.flatpickr-day.endRange.prevMonthDay, .flatpickr-day.selected.nextMonthDay, 
	.flatpickr-day.startRange.nextMonthDay, .flatpickr-day.endRange.nextMonthDay {
		background-color: #ff7600 !important
	}
	.month_pick{width:inherit}
	
	.brand { padding-top: 5rem;}
	.horizontal-scroll__section {display: none;}
	.m_horizon {display: inline-block;}
	.m_horizon h2 b.fs24 {font-size: 51px !important;}
	.m_horizon img {width: 20%; float: left; margin-top:20px;} 
	.image-wrap h5 {text-align: left;}
	
	.row.mt30 {margin-top: 0!important;}
	
	#replyForm .textarea-wrap {width: 75%;}
	.reply_list span.replyCont {display: block;}
	.reply_list .date {margin-left: 0 !important;}
	.reply_list .delete {/* bottom: 10px; position: relative; */}	

}  

@media screen and  (max-width: 463px) { 
	#replyForm .textarea-wrap {width: 72%;}
	#replyForm .btn_red {padding: 42px 30px;}
}
@media screen and  (max-width: 354px) { 
	#replyForm .btn_red {padding: 42px 15px;}
}
@media screen and (min-width:481px) and (max-width:768px) {
	.animate__zoomIn {-webkit-animation-name: unset; animation-name: unset;}/*애니메이션없앰*/}
}

@media screen and (max-width: 480px) {
	.col-4, col-5, col-6, col-7, col-8 {
		max-width: 100%;
	    flex: 0 0 100%;
    }
}
.property-single .swiper{height: fit-content;}

/* 실시간 혼잡도 */
#traffic {
	background: #ff710d;
    background-image: url(/img/logo-bg.png);
    background-repeat: no-repeat;
    background-position: center center;
}
.traffic-box {
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    width: 100%;
    height: 100vh;
    color: #fff;
    font-size: 2.5em;
    line-height: 1.5em;
}
.traffic-box div {
    background: #fff;
    padding: 2.5em 0;
    border-radius: 30px;
    color: #444;
    margin-top: 1em;
    width: 100%;
}
.traffic-box h2 {font-weight: bold; margin-bottom: 1em;}
.level span {
	content: "";
    width: 1em;
    height: 1em;
    display: inline-block;    
    border-radius: 100%;
    padding-top: 26px;
    font-size: 67px;
}
.level-1 span {background: green;} 
.level-1 h2, .level-1 b {color: green;}
.level-2 span {background: #ff710d;} 
.level-2 h2, .level-2 b {color: #ff710d;}
.level-3 span {background: red;} 
.level-3 h2, .level-3 b {color: red;}
.layer_popup .traffic-box {
    font-size: 21px;
    line-height: 29px;
    height: 400px;
}
.layer_popup .traffic-box h2 {
    font-size: 38px;
    margin-bottom: 20px;
}
.layer_popup .traffic-box div {
    padding: 1.5em 0;
    margin-top: 10px;
}
.level span {
    font-size: 27px;
}

/* 불꽃 패키지 */
.flame {font-size: 1.125rem;}
.flame .fw-bold {font-weight: 700; letter-spacing: -1px;}
.flame h3.text-right {font-weight: 800; font-size: 31px;}
.flame h3 span {
    font-size: 14px;
    color: #bbb;
    text-decoration: line-through;
}
.flame table td h3 span {
    position: relative;
    top: 10px;
}
.flame table td {
    font-size: 1.125rem;
    font-weight: 600;
    padding: 1em;
}
.flame table.price {
    background: none;
    padding: 0px;
    margin-top: 15px;
    margin-bottom: 50px;
    border: none;
}
.flame table.price {float: right;}
.flame table.price td {
	padding: 0px;
    padding-left: 15px;
}
.flame table.price td h3 {
    font-weight: 800; font-size: 31px;
}
.flame .button {border-radius: 100px;}
.flame .button:hover {background: #ffdb43;}
@media screen and (max-width: 1500px) {
	.flame .col-6 {
	    flex: 0 0 70%;
	    max-width: 70%;
	}
}
@media screen and (max-width: 1100px) {
	.flame .col-6 {
	    flex: 0 0 80% !important;
	    max-width: 80% !important;
	}
}
@media screen and (max-width: 900px) {
	.flame h3 {
	    font-size: 1.5rem;
	}
	.flame h5 {
	    font-size: 1rem;
	}
}
@media screen and (max-width: 800px) {
	.flame .display-4 {
	    font-size: 31px;
	    line-height: 1;
	}
	.flame h3 b {
        display: inline-block;
        font-size: 1rem;
        top: -2px;
        position: relative;
    }
    .flame-box {
	    width: 85%;
	}
}
@media screen and (max-width: 650px) {
	.flame h3 b {
        display: block;
        font-size: 1rem;
        top: 0px;
        margin-top: 5px;
    }
    .flame span {
    	display: block;
    }
}
@media screen and (max-width: 450px) {
	.flame {
	    font-size: 1em;
	}
	.flame .display-4 {
        font-size: 24px;
        line-height: 1;
    }
    .flame .table {width: 100%;}
    .flame table td {
	    font-size: 14px;
	    padding: 10px 0px;
	}
	.flame h3 {
        font-size: 21px;
    }
    .flame h5 {
        font-size: 14px;
    }
    .flame h3.text-right {
	    font-size: 21px;
	}
    .flame table.price td h3 {
	    font-size: 21px;
	}
}