@charset "utf-8";
/* webfont */
@font-face {
  font-family: 'Roboto';
  src: local('Roboto Black'),
       local('RobotoBlack');       
  src: url('../webfont/roboto-black-webfont.woff') format('woff'),
       url('../webfont/roboto-black-webfont.woff2') format('woff2');
  font-style: normal;
  font-weight: 900;
}

@font-face {
  font-family: 'Roboto';
  src: local('Roboto Bold'),
       local('RobotoBlack');       
  src: url('../webfont/roboto-bold-webfont.woff') format('woff'),
       url('../webfont/roboto-bold-webfont.woff2') format('woff2');
  font-style: normal;
  font-weight: 700;
}

@font-face {
  font-family: 'Roboto';
  src: local('Roboto Medium'),
       local('RobotoMedium');       
  src: url('../webfont/roboto-medium-webfont.woff') format('woff'),
       url('../webfont/roboto-medium-webfont.woff2') format('woff2');
  font-style: normal;
  font-weight: 500;
}

@font-face {
  font-family: 'Roboto';
  src: local('Roboto Regular'),
       local('RobotoRegular');       
  src: url('../webfont/roboto-regular-webfont.woff') format('woff'),
       url('../webfont/roboto-regular-webfont.woff2') format('woff2');
  font-style: normal;
  font-weight: 400;
}

@font-face {
  font-family: 'Roboto';
  src: local('Roboto Light'),
       local('RobotoLight');       
  src: url('../webfont/roboto-light-webfont.woff') format('woff'),
       url('../webfont/roboto-light-webfont.woff2') format('woff2');
  font-style: normal;
  font-weight: 300;
}

@font-face {
  font-family: 'Roboto';
  src: local('Roboto Thin'),
       local('RobotoThin');       
  src: url('../webfont/roboto-thin-webfont.woff') format('woff'),
       url('../webfont/roboto-thin-webfont.woff2') format('woff2');
  font-style: normal;
  font-weight: 100;
}

@font-face {
  font-family: 'Parisienne-Regular';
  src: url('../webfont/Parisienne-Regular.woff') format('woff'),
       url('../webfont/Parisienne-Regular.woff2') format('woff2');
  font-weight: normal;
  font-style: normal;
}


html, body {
  width: 100%;
  height: 100%;
  font-size: 18px;
  font-family: 'Roboto', 'NotoSans', 'NotoSansKR', sans-serif;
  font-weight: 400;  
  color: #263340;
  line-height: normal;
}

@media (min-width: 992px) {
  html, body {
    font-size: 14px;
    line-height: 1.5;
  }
}
body {
  position: relative;
}

h1 {
  font-size: 40px;
  font-weight: 700;
  text-transform: uppercase;  
}
h1 > span {
  font-weight: 100;
  margin-right: 7px;
}

@media (min-width: 768px) {
  .imagezone-wrap h1 > span {
    margin-left: 17px;
  }
}

h1.imagezone-product-title span.textFitted {
  margin-left: 0;
}

h1.imagezone-product-title > span {
  font-weight: 700;
}

h1.imagezone-product-title {
  text-transform: none;
}

.imagezone-wrap h1 {
  display: flex;
  flex-direction: column;
  word-break: keep-all;
}

@media (min-width: 768px) {
  .imagezone-wrap h1 { 
    flex-direction: row;
  }  
}



h3 {
  font-size: 26px;
  font-weight: 700;
  color: #9C77FE;
  text-transform: uppercase;
}

@media (min-width: 768px) {
  h3 {
    font-size: 30px;
  }
}

h3 > span {
  font-weight: 200;
}

h4 {
  font-size: 22px;
  font-weight: 700;
  color: #9C77FE;
  text-transform: uppercase;
}

h4 > span {
  font-weight: 200;
}


h5 {
  font-size: 18px;
}

h6 {
  font-size: 14px;
  font-weight: 400;
  line-height: 1.3;
  word-break: keep-all;
}

.imagezone-wrap h6 {
  /* display: none; */
}

@media (min-width: 768px) {
  .imagezone-wrap h6 {
    display: block;
    text-align: justify;
  }  
}
@media (min-width:992px) {
  .imagezone-wrap h6 {
    display: block;
    text-align: justify;
    width: 760px;
  }  
}
a {
  transition: 0.15s ease-in-out;
  cursor: pointer;
}
a:hover {
  transition: 0.15s ease-in-out;
  color: #e683fc;
  text-decoration: none;
}
a.navbar-brand {
  margin: 0;
  padding: 0;
  font-size: 22px;
  font-weight: 700;
  text-transform: uppercase;
  color: #fff;
}

a.navbar-brand > span {
  font-weight: 200;
}
a.navbar-brand-img {
  display: flex;
  justify-content: center;
}
a.navbar-brand-img img {  
  height: 30px;
}

a.important-link {
  color: #ec008c;
  text-decoration: underline;
}

ul li {
  list-style: none;
}

.special-function-wrap {
  border-top: 1px dashed #8bdbff;
  border-bottom: 1px dashed #8bdbff;
  padding: 20px 0;
  margin-top: 30px;
  margin-bottom: 30px;
}
.d-flex > .btn {
  flex: auto;
}
.btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding-top: 0;
  padding-bottom: 0;
  border-radius: 0;
}
.btn, .btn:hover {
  color: #fff;
}

.btn.disabled, .btn:disabled, .btn[disabled] {
  cursor: default;
  opacity: 0.65;
}
.input-group-append .custom-btn-confirm[disabled]:hover {
/*   background: #fff;
  border-color: #8bdbff;
  color: #8bdbff; */
  border-color: #8bdbff;
  background-color: #8ED8FF;
  cursor: default;
  opacity: 0.65;
}



.contents-login-wrap .custom-btn-outline {  
  color: #8ED8FF;
  border: 1px solid #8ED8FF;
  width: 330px;
  height: 60px;
  border-radius: 30px;
  font-size: 20px;
  font-weight: 700;
  text-transform: uppercase;
  margin-bottom: 30px;
}

.custom-btn-outline {  
  color: #8ED8FF;
  border: 1px solid #8ED8FF;
  
  height: 40px;
  height: calc(1.5em + .75rem + 8.5px);
  border-radius: calc(1.5em + .75rem + 8.5px);
  font-size: 16px;
  font-weight: 700;
  text-transform: uppercase;
  white-space: nowrap;
}
/* @media (min-width: 576px) {
  .custom-btn-outline {  
    height: 60px;
    border-radius: 30px;
    font-size: 20px;
  }  
} */
@media (min-width: 768px) {
  .btn {
    margin-bottom: 0;
  }
  .custom-btn-outline {
    padding: 0.375rem 0.75rem;
    max-width: 300px;
    height: 46px;
    height: calc(1.5em + .75rem + 8.5px);
    border-radius: 23px;
    font-size: 16px;
    font-weight: 400;
    margin-bottom: 0;
  }
}
/* .row .btn, .d-flex .custom-btn-outline {
  margin-bottom: 30px;
} */
.btn.btn-icon-wish, .btn.btn-icon-share {
  margin-bottom: 0;
}
@media (min-width: 992px) {
  .row .btn, .d-flex .custom-btn-outline {
    margin-bottom: 0;
  }
}




.custom-btn-outline:hover { 
  color: #fff;
  background: #e683fc;
  border-color: #e683fc;
}

.profile-btns-wrap {
  margin-top: 30px;
}
@media (min-width: 992px) {
  .profile-btns-wrap {
    margin-top: 0;
  }
}

_:-ms-input-placeholder, :root .product-profile-wrap li.profile-btns-wrap {
  display: block;
  margin-bottom: 0;
}

.custom-btn-outline.btn-thin {
  height: 30px;
  margin-bottom: 0;
  padding-left: 15px;
  padding-right: 15px;
  font-weight: 400;
  font-size: 16px;
}
@media (min-width: 992px) {
  .custom-btn-outline.btn-thin {
    font-size: 14px;
  }
}

.custom-btn-small-dotline {  
  color: #8ED8FF;
  border: 1px dashed #8ED8FF;
  width: 160px;
  height: 46px;
  border-radius: 23px;
  font-size: 16px;
  font-weight: 400;
  text-transform: uppercase;  
}

@media (min-width: 992px) {
  .custom-btn-small-dotline {  
    width: 120px;
    height: 30px;
    border-radius: 15px;
    font-size: 14px;
  }
}

.custom-btn-small-dotline:hover {
  color: #fff;
  background: #E683FC;
  border: 1px solid #E683FC;
}

.custom-btn-dotline {  
  color: #8ED8FF;
  border: 1px solid #8ED8FF;
  width: 160px;
  height: 46px;
  border-radius: 23px;
  font-size: 16px;
  font-weight: 400;
  text-transform: uppercase;  
}

@media (min-width: 992px) {
  .custom-btn-dotline {  
    width: 120px;
    height: 30px;
    border-radius: 15px;
    font-size: 14px;
  }
}

.custom-btn-dotline:hover {
  color: #fff;
  background: #E683FC;
  border: 1px solid #E683FC;
}

.custom-function-btn-outline {
  width: 100%;
  height: 56px;
  color: #8ED8FF;
  border: 2px solid #8ED8FF;
  border-radius: 5px;
  font-weight: 700;
}
.custom-function-btn-outline:hover {
  background: #e683fc;
  border-color: #e683fc;
}

/* @media (min-width: 768px) {
  .custom-function-btn-outline {
    width: 330px;
    transform: translateX(calc(100% + 93px));
  }k
} */

/* .custom-btn-wrap {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 30px;
} */
.custom-btn-wrap {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 0;
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 40;
}
@media (min-width: 768px) {
  .custom-btn-wrap {
    position: relative;
    margin-bottom: 30px;
    bottom: auto;
    left: auto;
    right: auto;
    z-index: 0;    
  }
}
#registForm .custom-btn-wrap {
  margin-bottom: 0;
}

.custom-btn-confirm {
  width: 100%;
  height: 80px;
  color: #fff;
  border: 2px solid #8ED8FF;  
  font-size: 18px;
  font-weight: 900;
  text-transform: uppercase;
  background: #8ED8FF;
}


.custom-btn-confirm:hover {
  background: #e683fc;
  border-color: #e683fc;  
}

.custom-btn-publishing { 
  height: 80px;
  color: #fff;
  border-color: #EC008C;
  background:  #EC008C;
}
.custom-btn-publishing:hover, .custom-btn-hotplaceregi:hover {
  color: #fff;
  /* background: #EC008C;  */
	border-color: #8ED8FF;  
	background: linear-gradient(to left, rgba(139, 219, 255, 0.8), rgba(230, 131, 252, 0.8));
}

.custom-btn-hotplaceregi {
  margin-bottom: 0;
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
	z-index: 40;
	padding-left: 0;
	padding-right: 0;
}

@media (min-width: 768px) {
  .custom-btn-confirm {
    width: 330px;
   /*  transform: translateX(60%)  */
   margin-bottom: 0;
   height: 60px;
   border-radius: 30px;
  }
  .row .custom-btn-confirm {
  /*   transform: translateX(0) */
  }
  .modal-body > button.custom-btn-confirm {
    width: 100%;
    transform: none;
	}
	.custom-btn-hotplaceregi {
		position: relative;
		
	}
}

.custom-btn-exsmall {
  color: #E683FC;
  border: 1px solid #E683FC;
  width: 100px;
  height: 30px;
  border-radius: 15px;
  font-size: 14px;
  font-weight: 400;
  text-transform: uppercase;
}

.custom-btn-exsmall:hover {
  color: #fff;
  border: 1px solid #8bdbff;
  background: #8bdbff;
}

.col-lg-8.btn-fixed-wrap {
  display: flex;
  width: 100%;
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
	z-index: 40;
	padding-right: 0; 
  padding-left: 0;
}
@media (min-width: 768px) {
  .col-lg-8.btn-fixed-wrap {
		position: relative;
		width: auto;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 40;
  }
}

.color-heliotrope {
  color: #E683FC;
  border-color: #E683FC;
}

.close {
  color: #fff;
  font-size: 40px;
  font-weight: 100;
  text-transform: uppercase;
  text-shadow: none;
  opacity: 1;
}

.number-input-time {
  color: #fff;
  background: #e683fc;
  border-color: #e683fc;
  border-radius: 0;
}

.header-custom {
  display: flex;
  align-items: stretch;
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  z-index: 1030;
  height: 55px;
  padding: 0;
  /* background: linear-gradient(to right, rgba(139, 219, 255, 0.8), rgba(230, 131, 252, 0.8));   */
}

@media (min-width: 1200px) {
  .header-custom {
    height: 80px;
  }
}

.header-top {
  display: flex;
  align-items: center;
  justify-content: center;  
  color: #fff;
  background: #E584FC;
  padding: 0 15px;  
  width: 100%;
  height: 55px;
  border-bottom: 1px solid #E584FC;
  box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.25);
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1031;
}
@media (min-width: 576px) {
  .header-top{
    display: none;
  }
}
.header-top h5 {
  margin-bottom: 0;
  text-transform: uppercase;
  text-decoration: none;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  max-width: 205px;
}
.header-top h5 span {
  font-weight: 100;
  margin-left: 10px;
}
.header-top .close {
  position: absolute;
  top: 5px;
  right: 0;
  width: 55px;
}

.icon-back {
  color: #233740;
}
.icon-back::before {
  content: '\f060';
  font-size: 16px;
  font-weight: 900;
  font-family: 'Font Awesome 5 Free';
  margin-right: 10px;
}

.profile-default {
  opacity: 0.5;
}

/* chat */
a.icon-chat-back-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 30px;
  height: 30px;
}
.icon-chat-back {
  display: inline-block;
  background-color: #fff;
  width: 23px;
  height: 2px;
  position: relative;
  border-radius: 1px;
}
.icon-chat-back::before {
  content: '';
  display: inline-block;
  width: 15px;
  height: 2px;
  background: #fff;
  transform: rotate(-45deg);
  position: absolute;
  top: -4.7px;
  left: -3px;
  border-radius: 1px;

}
.icon-chat-back::after {
  content: '';
  display: inline-block;
  width: 15px;
  height: 2px;
  background: #fff;
  transform: rotate(45deg);
  position: absolute;
  top: 4.7px;
  left: -3px;
  border-radius: 1px;
}

.icon-chat-back:hover {
  color: #233740;
}

.chat-top {
  justify-content: space-between;
  background-color: #A7A7F6;
  border-bottom-color: #A7A7F6;
}
.blog-top {
  background-color: #E584FC;
  border-bottom-color: #E584FC;
}
.chat-top span, .chat-top-function-wrap span {
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.chat-top .profile-default, .chat-top-function-wrap .profile-default {
  width: 30px;
  height: 30px;
  border-width: 1px;
  margin-right: 10px;
}

.chat-top .profile, .chat-top-function-wrap .profile {
  width: 30px;
  height: 30px;
  border-width: 1px;
  margin-right: 10px;
}

.chat-top-function-wrap .profile-default, .chat-top-function-wrap .profile {
  width: 40px;
  height: 40px;
}

.chat-close {
  border: none;
  background: transparent;
  width: 50px;
  height: 30px;
}
.chat-close::before {
  content: '';
  display: inline-block;
  background-image: url('../img/exit-outline-white.svg');
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 100%;
  width: 30px;
  height: 30px;
}
.custom-navbar-collapse.chat-menu.show {
  overflow: hidden;
  background: linear-gradient(180deg, #A7A7F6 0%, #E683FC 100%);
}
.blog-top .custom-navbar-collapse.chat-menu.show {
  background: linear-gradient(to bottom, rgba(230, 131, 252, 1.0), rgba(139, 219, 255, 1.0));
}
.chat-function-menu {
  display: flex;
  padding: 15px;
  margin: 0 20px;
  border: 1px dashed;
  border-color: rgba(255, 255, 255, 0.5)
}
.chat-function-menu span {
  display: inline-flex;
}

.chat-wrap {    
  padding: 15px;
  overflow-y: auto;
  height: 100vh;
  padding-top: 30px;  
  padding-bottom: 55px;
}

@media (min-width: 576px) {
  .chat-wrap {
    height: 76vh;
    padding-top: 0;
    padding-bottom: 60px;
    /* overflow-y: scroll; */
  }
}
@-moz-document url-prefix(){
  @media (min-width: 576px) {
    .chat-wrap {
      margin-bottom: 70px;
      overflow-y: scroll;
    }
  }
}
.chat-wrap . {
  width: 30px;
  height: 30px;
}

.chat-article {
  display: flex;
  flex-direction: row;
  align-items: flex-end;
  padding-top: 15px;
}
.chat-article-left {
  justify-content: flex-start;
}
.chat-article-right {
  justify-content: flex-end;
}
.speechbuble-box {
  display: block;
  justify-content: flex-start;
  margin: 0 10px;
  background: #ffea00;
  padding: 12px;
  font-weight: normal;  
  position: relative;
  border-radius: 6px;
  line-height: 1.3;
  word-break: break-all;
  font-size: 16px;  
  max-width: 70%;
}

.speechbuble-box .img-btn {
  padding: 0;
  border: none;
  margin-top: 10px;
}
.speechbuble-box img {
  width: 100%;
}

#imagModalCenter .modal-content, #chatImagModalCenter .modal-content, #albumImagModalCenter .modal-content {
  position: relative;
  background-color: transparent;
}

#imagModalCenter .modal-body, #chatImagModalCenter .modal-body, #albumImagModalCenter .modal-body {
  padding: 0;
  border: none;
}

#imagModalCenter .modal-body img, #chatImagModalCenter .modal-body img, #albumImagModalCenter .modal-body img{
  width: 100%;
}

#imagModalCenter .modal-header, #chatImagModalCenter .modal-header, #albumImagModalCenter .modal-header {
  background: transparent;
  border: none;
  width: 100%;
  box-shadow: none;
}

#imagModalCenter .modal-header .close, #chatImagModalCenter .modal-header .close, #albumImagModalCenter .modal-header .close {
  color: #E584FC;
  font-size: 60px;
}
#imagModalCenter .modal-header .close:hover, #chatImagModalCenter .modal-header .close:hover, #albumImagModalCenter .modal-header .close:hover {
  color: #fff;
}

#mapModal .modal-body .search-wrap {
  position: absolute;
  top: 0;
  left: 0;
  z-index:  2; 
  margin: 0;
  width: 100%;
}
#mapModal .modal-body .map-info {
  display: block;
  width: 100%;
  text-align: center;
  position: absolute;
  top: 50%;    
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 0;
}

@media (min-width: 992px) {
  #mapModal .modal-body .search-wrap {
    background: #A7A7F6;
    padding: 20px 30px;
  }
  #mapModal .modal-body .search-wrap .input-group-text {
    color: #fff;
    border: 1px solid #fff;
    border-right: none;
    background: transparent;
    border-top-left-radius: calc(1.5em + .75rem + 2px);
    border-bottom-left-radius: calc(1.5em + .75rem + 2px);
    line-height: normal;
    padding: 5px 20px;
  }
  #mapModal .modal-body .search-wrap .custom-form-control {
    background: transparent;    
    border: 1px solid #fff;
    border-left: none;
    border-right: none;
    height: calc(1.5em + .75rem + 2px);
    color: #fff;
  }
  #mapModal .modal-body .search-wrap .custom-btn-outline {
    color: #fff;
    border: 1px solid #fff;
    border-top-right-radius: calc(1.5em + .75rem + 2px);
    border-bottom-right-radius: calc(1.5em + .75rem + 2px);
    font-size: 14px;
    font-weight: 400;
    text-transform: none;
    width: 100px;
    height: auto;
    margin-bottom: 0;
    line-height: normal;
    padding: 5px 20px;
  }
}

.speechbuble-left {
  background: #fff;
}
.speechbuble-left::before {
  content: "";
  width: 0px;
  height: 0px;
  position: absolute;
  border-left: 5px solid transparent;
  border-right: 5px solid #fff;
  border-top: 5px solid #fff;
  border-bottom: 5px solid transparent;
  left: -10px;
  top: 6px;
}
.speechbuble-right {
  background: #A3AEFF;
}
.speechbuble-right::before {
  content: "";
  width: 0px;
  height: 0px;
  position: absolute;
  border-left: 5px solid #A3AEFF;
  border-right: 5px solid transparent;
  border-top: 5px solid #A3AEFF;
  border-bottom: 5px solid transparent;
  right: -10px;
  top: 6px;
}
.chat-read {
  color: #ec008c;
  margin-left: 5px;
  font-weight: bold;
}
.speechtime {
  font-size: 14px;
  color: #fff;
}

.day-line-wrap {
  display: flex;
  align-items: center;
  justify-content: center;
  padding-top: 30px;
  padding-bottom: 30px;
}
.day-line {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  min-width: 200px;
  max-width: 500px;
  min-height: 30px;
  padding: 5px 15px;
  border-radius: 15px;  
  color: #fff;
  font-size: 12px;
  font-weight: 500;
  background: rgba(35, 55, 64, 0.5);  
}
.day-line a {
  display: flex;
  justify-content: flex-start;
  width: 100%;
  color: #fff;
  text-decoration: underline;
}


.fixed-functionbar {
  display: flex;    
  flex-direction: row;
  justify-content: space-between;
  position: fixed;
  left: 0;
  bottom: 0;
  background: #fff;
  width: 100%;
  border-top: 1px solid #d7d7d7;
  padding: 10px 10px 10px 10px;
}

@media (min-width: 576px) {
  .fixed-functionbar {
    position: absolute;
    border-top: none;
    background: #9C77FE;
    padding-top: 10px;
    padding-bottom: 10px;
  }
}

.fixed-functionbar .input-group {
  margin: 0;
}

.footer-display-wrap {
  display: none;
}
@media (min-width: 576px) {
  .footer-display-wrap {
    display: flex;
  }  
}
.fixed-functionbar textarea.custom-form-control {  
  height: 40px;
  min-height: auto;
  max-height: 100px;  
}

.fixed-functionbar .input-group > .form-control:not(:first-child) {
  border-radius: 20px;
}
@media (min-width: 576px) {
  .fixed-functionbar .input-group > .form-control:not(:first-child) {
    overflow-y: hidden;
    overflow-x: hidden;
  }
}
.custom-btn-chat-more-wrap {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 10px;
  margin-bottom: 7px;
}
.custom-btn-chat-more {  
  color: #233740;
  font-size: 24px;
  font-weight: 300;
  border: 1px dashed #233740;
  padding: 0;
  width: 26px;
  height: 26px;
  margin-bottom: 0;
}
@media (min-width: 576px) {
  .custom-btn-chat-more {  
    color: #fff;
    border-color: #fff;
  }
}
.custom-btn-chat-more:hover {
  color: #fff;
  border-color: #94D2FF;
  background: #94D2FF;
}
.fixed-functionbar .input-group > .input-group-append {
  display: inline-flex;
  align-items: flex-end;
  justify-content: center;
}

.input-group-append .custom-btn-confirm {
  border-radius: 0;
  text-transform: none;
  font-size: 18px;
  font-weight: 400;
  color: #919B9F;
  margin-bottom: 0;
  width: 60px;
  height: 56px;
  display: flex;
  align-items: center;
  padding-left: 17px;
  line-height: normal;
  background-image: url('../img/search-outline-whtie.svg');
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 26px;
  background-color: #8ED8FF;
}

.input-group-append .custom-btn-confirm:hover {
  color: #fff;
  background-color: #e683fc;
  border-color: #e683fc;
}

.input-group-append .custom-btn-confirm.append-more-btn {
  background: none;  
  color: #8ED8FF;
  position: relative;
  border: 1px dashed #8ED8FF;
  margin-left: 10px;
}

.input-group-append .custom-btn-confirm.append-more-btn:hover {
  color: #fff;
  background: #E683FC;
  border-color: #E683FC;
}

.input-group-append .custom-btn-confirm.append-more-btn span {
  display: inline-block;
  font-size: 60px;
  font-weight: 100;
  position: absolute;
  top: -20px;
  left: 12px;
}


.input-group > .input-group-append > .btn.custom-btn-chat-enter {
  padding: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  border: 1px solid #233740;  
  margin-left: 10px;
  margin-bottom: 5px;

}

.input-group > .input-group-append > .btn.custom-btn-chat-enter:hover {
  background: #EC008C;
  border-color: #EC008C;
}
.input-group > .input-group-append > .btn.custom-btn-chat-enter::before {
  content: '\f062';
  font-family: 'Font Awesome 5 Free';
  font-size: 16px;
  color: #233740;  
}
_:-ms-input-placeholder, :root .input-group > .input-group-append > .btn.custom-btn-chat-enter {
  
}
@media (min-width: 576px) {
  .input-group > .input-group-append > .btn.custom-btn-chat-enter {    
    border-color: #fff;
  }  
  .input-group > .input-group-append > .btn.custom-btn-chat-enter::before {
    color: #fff;
  }
}
.input-group > .input-group-append > .btn.custom-btn-chat-enter:hover::before {
  color: #fff;
}

.chat-top-function-wrap {
  display: none;
}

@media (min-width: 576px) {
  .chat-top-function-wrap {
  display: flex;
  justify-content: space-between;
  background: #A7A7F6;
  padding: 20px 30px;
  }
}

.chat-top-function-wrap h5 {
  margin-bottom: 0;
  /* text-transform: uppercase; */
  text-decoration: none;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  max-width: 300px;
}

.chat-list {
  margin: 0;
  color: #233740;
}
@media (min-width: 576px) {
 .chat-list {
    margin-left: -15px;
    margin-right: -15px;
  } 
}
@media (min-width: 992px) {
 .chat-list {
    margin: 0;
  } 
}

.chat-list .profile-default {
  border-color: #EC008C;
}


.chat-list .profile, .chat-list .profile-default {
  width: 55px;
  height: 55px;
  border-width: 1px;
}
.chat-list .media-body {
  padding-left: 15px; 
}
.chat-list .media {
  align-items: center;
  padding: 10px 30px 10px 10px;
  border-bottom: 1px dashed #E584FC;
  position: relative;
  cursor: pointer;
}

.chat-list .media::after {
  content: '';
  display: inline-block;
  width: 20px;
  height: 20px;
  background-image: url("../img/arrow-right-heliotrope.svg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 100%;
  position: absolute;
  top: calc(50% - 10px);
  right: 10px;
}
.chat-list .media:hover {
  color: #fff;
  background-color: #E584FC;
}

@media (min-width: 576px) {
  .chat-list .media {
    padding: 20px 50px 20px 20px;
    border: 1px dashed #E584FC;
    border-top: none;
  }
}
@media (min-width: 992px) {
  .chat-list .media {    
    border: 1px dashed #E584FC;
    margin: 10px;
  }
}

.chat-list .media:hover::after {
  background-image: url("../img/arrow-right-white.svg");
}

.chat-list li + li:last-child {
  border-bottom: none;
}

@media (min-width: 992px) {
  .chat-list li + li:last-child {
    border-bottom: 1px dashed #E584FC;
  }
}


.chat-nickname {
  font-size: 16px;
  font-weight: 700;  
}
.chat-nickname h5 {
  margin: 0;
  text-decoration: none;
  text-overflow: ellipsis;
  white-space: nowrap;.publishing-date-wrap
  overflow: hidden;
  text-transform: none;
}
.chat-date {
  font-size: 14px;
  text-align: right;
}
.chat-content-sum {
  font-size: 14px;
  font-weight: 500;
  height: 35px;
  line-height: 1.3;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical; 
  margin-top: 5px;
}
.chat-list .profile-wrap {
  position: relative;
}
.chat-list .profile-wrap::after {
  content: attr(data-badge);
  position: absolute;
  right: -2px;
  top: -2px;  
  line-height: 14px;
  height: 16px;
  padding: 0 4px;
  font-family: 'Helvetica Neue', "Roboto", 'Tahoma', 'Dotum';
  color: white;
  font-size: 11px;
  background-color: rgba(236, 0, 140, 1.0);
  border: solid 1px #bf1f1f;
  border-radius: 10px;
  opacity: 1;
}
.chat-list .profile-wrap[data-badge="0"]::after {
  display: none;
}


.imagezone-blog-wrap .profile-wrap {
  flex-direction: column;
}
.imagezone-blog-wrap .profile-wrap .profile-default, .imagezone-blog-wrap .profile-wrap .profile {
  width: 190px;
  height: 190px;
  border-width: 6px;
}

.imagezone-blog-wrap .travel-location {
  margin-top: 10px;
}

.imagezone-blog-wrap  .travel-location::before {
  color: #fff;
  font-size: 14px
}




.navbar {  
  width: 100%;
  padding: 0 20px;
  color: #fff;
}

.navbar-icon-wrap {
  display: inline-flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  width: 76px;  
}
_:-ms-input-placeholder, :root .navbar-icon-wrap {
  width: 76px;
}

@media (min-width: 1200px) {
  .navbar-icon-wrap {        
    margin-right: 50px;
  }
  _:-ms-input-placeholder, :root .navbar-icon-wrap {
    margin-right: 20px;
    width: 100px;
  }
}
@media (min-width: 1400px) {
  .navbar-icon-wrap {        
    margin-right: 100px;
  }
  _:-ms-input-placeholder, :root .navbar-icon-wrap {
    margin-right: 20px;
  }  
}

.navbar-icon {
  display: inline-flex;
  align-items: center;
  position: relative;
  height: 27px;
}
.navbar-icon::after {
  content: attr(data-badge);
  position: absolute;
  left: 24px;
  top: -5px;
  transform: translateX(-50%);
  line-height: 14px;
  height: 16px;
  padding: 0 4px;
  font-family: 'Helvetica Neue', "Roboto", 'Tahoma', 'Dotum';
  color: white;
  font-size: 11px;
  background-color: rgba(255, 0, 0, 1.0);
  border: solid 1px #bf1f1f;
  border-radius: 10px;
  opacity: 1;
}
.navbar-icon[data-badge="0"]::after {  
  display: none;
}
.mypage-toggler {
  padding: 0;
  background-color: transparent;
  border: 0px;
  border-radius: 0;
  width: 26px;
  height: 27px;
  background-image: url('../img/icon-userpage.svg');
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 100%;
}
.mypage-toggler[aria-expanded="true"] {
  background-image: url('../img/icon-userpage-close.svg');
  
}



/* =============햄버거 메뉴 에니메이션 ==============*/
/* .menu-trigger {
  margin-right: 70px;
  margin-bottom: 50px;
} */
.menu-trigger,
.menu-trigger span {
  display: inline-block;
  transition: all .4s;
  box-sizing: border-box;
}

.menu-trigger {
  position: relative;
  width: 24px;
  height: 18px;
}

.menu-trigger span {
  position: absolute;
  left: 0;
  width: 100%;
  height: 2px;
  background-color: #fff;
  border-radius: 4px;
}

.menu-trigger span:nth-of-type(1) {
  top: 0;
}

.menu-trigger span:nth-of-type(2) {
  top: calc(50% - 1px);
}

.menu-trigger span:nth-of-type(3) {
  bottom: 0;
}

/* type-01 */
/* 중앙 라인이 고정된 자리에서 투명하게 사라지며 상하라인 회전하며 엑스자 만들기 */
.menu-trigger[aria-expanded="true"] span:nth-of-type(1) {    
  -webkit-transform: translateY(20px) rotate(-45deg);
  transform: translateY(7px) rotate(-45deg);
}

.menu-trigger[aria-expanded="true"] span:nth-of-type(2) {
  opacity: 0;
}

.menu-trigger[aria-expanded="true"] span:nth-of-type(3) {
  -webkit-transform: translateY(-20px) rotate(45deg);
  transform: translateY(-7px) rotate(45deg);
}
/* =============================================== */

.navbar-collapse {
  z-index: -1;
  position: absolute;
  width: 100%;
  transition: 0.35s all cubic-bezier(0.65, 0.05, 0.36, 1); 
  flex-direction: column;
  background: linear-gradient(to bottom, rgba(230, 131, 252, 1.0), rgba(139, 219, 255, 1.0));
}
.navbar-collapse.collapsing {
  position: absolute;
  top: -999px;
  left: 0;
}
.navbar-collapse.show {
  position: absolute;
  top: 0;
  left: 0;  
  padding-top: 80px;
  height: 100vh;
  /* margin-bottom: -90%;
  padding-bottom: 90%; */
}

.custom-navbar-collapse.show {
  overflow-x: hidden;
  overflow-y: scroll;
}
@media (min-width: 992px) {
  .navbar-collapse.show {
    padding-top: 40px;
  }
}
@media (min-width: 1200px) {
  .navbar-collapse {
    flex-direction: row;
    background: transparent;
    position: relative;
    width: auto;
    height: 55px;
    margin-left: 20px;
    z-index: 1;
  }
}


.navbar-collapse#myPage {
  position: absolute;
  width: 100%;
  transition: 0.35s all cubic-bezier(0.65, 0.05, 0.36, 1); 
  flex-direction: column;
  background: linear-gradient(to bottom, rgba(230, 131, 252, 1.0), rgba(139, 219, 255, 1.0));
}

@media (min-width: 992px) {
  .navbar-collapse#myPage {    
    display: none !important;
    opacity: 0;
  }  
}

.navbar-collapse.collapsing#myPage {
  position: absolute;
  top: -999px;
  left: 0;
}

.navbar-collapse.show#myPage {
  position: absolute;
  top: 0;
  left: 0;   
/*   margin-bottom: -80%;
  padding-bottom: 80%; */
  height: 100vh;  
/*   overflow-y: scroll;
  overflow-x: hidden; */
  padding-top: 66px;
}

@media (min-width: 992px) {
  .navbar-collapse.show#myPage {
    display: flex !important;
    width: 400px;
    height: 100vh;
    top: 60px;
    right: 0;    
    left: auto;
    margin-bottom: 0;
    padding-bottom: 0;
    opacity: 1;
    transition: 0.35s all cubic-bezier(0.65, 0.05, 0.36, 1); 
  }
  _:-ms-input-placeholder, :root  .navbar-collapse.show#myPage {
      left: calc(100% - 400px);
    }
  .navbar-collapse.show#myPage::after {
    content: '';
    position: absolute;
    border-style: solid;
    border-width: 0 16px 30px 17.5px;
    border-color: rgba(230, 131, 252, 1.0) transparent;
    display: block;
    width: 0;
    z-index: 1;
    top: -18.5px;
    right: 17px;
  }
  _:-ms-input-placeholder, :root .navbar-collapse.show#myPage::after {
    right: 17px;
  }
   .navbar-collapse.show#myPage {
    top: 65px;    
    overflow: visible;
  }
}
.navbar-collapse.show#myPage ul {  
  height: 100vh;
  overflow-y: visible;
  overflow-x: hidden;
  padding-bottom: 200px;
  margin-bottom: 100px;
}
@media (min-width: 992px) {
  .navbar-collapse.show#myPage ul {
    overflow-y: auto;
    padding-bottom: 60px;
  }    
  .navbar-collapse.show#myPage {
    top: 65px;   
  }
  .navbar-collapse.show#myPage::after {    
    right: 17px; 
  }
  _:-ms-input-placeholder, :root .navbar-collapse.show#myPage::after {
    right: 60px;
  }  
}
@media (min-width: 1200px) {  
  .navbar-collapse.show#myPage {
    top: 80px;   
  }
  .navbar-collapse.show#myPage::after {    
    /* border-width: 0 16px 20px 17.5px; */
    right: 67px; 
  }
  _:-ms-input-placeholder, :root .navbar-collapse.show#myPage::after {
    right: 58px;
  }   
}
@media (min-width: 1400px) {  
  .navbar-collapse.show#myPage::after {    
    right: 117px; 
  }  
}

.navbar-collapse.show#myPage .close-btn {
  color: #fff;
  font-size: 60px;
}

.custom-btn-signin {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-left: 50%;
  transform: translateX(-50%);
  margin-bottom: 25px;
  width: 330px;
  height: 60px;
  text-transform: uppercase;
  font-size: 20px;
  font-weight: 700;
  color: #fff;
  border: 3px solid #fff;
  border-radius: 30px;
  white-space: nowrap;
}
.custom-btn-signin:hover {
  color: #fff;
  background: #8bdbff;
  border-color: #8bdbff;
}
@media (min-width: 1200px) {
  .custom-btn-signin {
    margin-left: 0;
    width: 115px;
    height: 30px;
    border-radius: 15px;
    border: none;
    background: #e683fc;
    font-size: 14px;
    font-weight: 300;    
    margin-bottom: 0;
    margin-left: 10px;
    transform: translateX(0);
  }
  .custom-btn-signin:hover { 
    color: #263340;
    font-weight: 400;
    background: #8bdbff;
  }
}
@media (min-width: 1400px) {
  .custom-btn-signin {
     margin-left: 40px;
  }
}
.custom-btn-signup {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  text-transform: uppercase;
  border-radius: 0;
  position: relative;
  width: 100%;
  height: 60px;
  padding-right: 30px;
  margin-bottom: 25px;
  background: none;

}

.custom-btn-signup:hover {
  background: linear-gradient(to right, rgba(255, 255, 255, 0.33) 100%, rgba(255, 255, 255, 0.0) 1px);
  animation: btnColorFull1 0.15s ease-in;  
}
@media (min-width: 1200px) {
  .custom-btn-signup {
    justify-content: flex-start;
    margin-bottom: 0;
    margin-left: 10px;
    width: 115px;
    height: 30px;
    border-radius: 15px;
    border: 0.5px dashed #fff;
    background: transparent;
    font-size: 12px;
    font-weight: 300;
  }
}
@media (min-width: 1400px) {
  .custom-btn-signup {
    margin-left: 40px;
  }
}
@keyframes btnColorFull1 {
  0%{background: linear-gradient(to right, rgba(255, 255, 255, 0.33) 0%, rgba(255, 255, 255, 0.0) 0px);}
  10%{background: linear-gradient(to right, rgba(255, 255, 255, 0.33) 10%, rgba(255, 255, 255, 0.0) 1px);}
  20%{background: linear-gradient(to right, rgba(255, 255, 255, 0.33) 20%, rgba(255, 255, 255, 0.0) 1px);}
  30%{background: linear-gradient(to right, rgba(255, 255, 255, 0.33) 30%, rgba(255, 255, 255, 0.0) 1px);}
  40%{background: linear-gradient(to right, rgba(255, 255, 255, 0.33) 40%, rgba(255, 255, 255, 0.0) 1px);}
  50%{background: linear-gradient(to right, rgba(255, 255, 255, 0.33) 50%, rgba(255, 255, 255, 0.0) 1px);}
  60%{background: linear-gradient(to right, rgba(255, 255, 255, 0.33) 60%, rgba(255, 255, 255, 0.0) 1px);}
  70%{background: linear-gradient(to right, rgba(255, 255, 255, 0.33) 70%, rgba(255, 255, 255, 0.0) 1px);}
  80%{background: linear-gradient(to right, rgba(255, 255, 255, 0.33) 80%, rgba(255, 255, 255, 0.0) 1px);}
  90%{background: linear-gradient(to right, rgba(255, 255, 255, 0.33) 90%, rgba(255, 255, 255, 0.0) 1px);}
  100%{background: linear-gradient(to right, rgba(255, 255, 255, 0.33) 100%, rgba(255, 255, 255, 0.0) 1px);}
}

.custom-btn-signup > i.ion-ios-airplane {
  margin-right: 20px;
  font-size: 22px;
}
@media (min-width: 1200px) {
  .custom-btn-signup > i.ion-ios-airplane {
    margin-right: 3px;
    font-size: 14px;
    position: absolute;
    right: 5px;
    top: calc(50% - 7px);
  }
}
.custom-btn-signup::before {
  content: '';
  display: inline-block;
  width: calc(100% - 140px);
  position: absolute;
  top: 29px;
  left: 10px;
  border: 0.5px solid #fff;
}
@media (min-width: 1200px) {
 .custom-btn-signup::before {
    width: 30px;
    top: 50%;
    transform: translateY(-50%);
    left: auto;
    right: 20px;
    border: none;
    border-top: 0.5px solid #fff;   
  } 
}

.custom-dropdown {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  width: 100%;
  font-size: 24px;
  text-transform: uppercase;  
  position: relative;
  padding: 0 20px 30px 20px;
}
@media (min-width: 1200px) {
  .custom-dropdown {
    padding: 0;
  }
}
.custom-btn-lang {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 0;
  width: 330px;
  height: 60px;
  text-transform: uppercase;
  font-size: 20px;
  font-weight: 700;
  color: #fff;
  border: 1px dashed #fff;
  border-radius: 30px;
}

@media (min-width: 1200px) {
  .custom-btn-lang {
    width: 115px;
    height: 30px;
    border-radius: 15px;
    border: 0.5px dashed #fff;
    background: transparent;
    font-size: 12px;
    font-weight: 300;
  }
}

.custom-btn-lang:hover {
  background: linear-gradient(to right, rgba(255, 255, 255, 0.33) 100%, rgba(255, 255, 255, 0.0) 0px);
  animation: btnColorFull1 0.15s ease-in;  
}

.navbar-nav {
  height: 100%;
  overflow-y: auto;
}

.navbar-nav .custom-dropdown-menu {
  min-width: auto;
  width: 330px;
  border-radius: 30px;
  padding: 15px;
  border: 1px dashed #fff;
  background: rgba(255, 255, 255, 0.2);
}

@media (min-width: 1200px) {
  .navbar-nav {
    height: auto;
    overflow-y: visible;
  }
  .navbar-nav .custom-dropdown-menu {
    width: auto; 
    padding: 20px 10px;
    background: linear-gradient(to top, rgba(139, 219, 255, 0.8), rgba(230, 131, 252, 0.8));
  }
  .navbar-nav .custom-dropdown-menu.show {
    display: flex;
    flex-direction: column;
    justify-content: center;
  }
}

.navbar-nav .custom-dropdown-menu a.dropdown-item {
  display: flex; 
  align-items: center; 
  /* width: 45%; */
  height: 30px;
  border-radius: 15px;
  color: #fff;
  margin-bottom: 20px;
  white-space: nowrap;
}
.navbar-nav .custom-dropdown-menu a.dropdown-item:last-child {
  margin-bottom: 0;
}

@media (min-width: 992px) {
  .navbar-nav .custom-dropdown-menu a.dropdown-item {
    /* width: 30%; */
    margin-bottom: 0;
  }
}
@media (min-width: 1200px) {
  .navbar-nav .custom-dropdown-menu a.dropdown-item {
    font-size: 12px;
    width: 100%;
  }
}
.navbar-nav .custom-dropdown-menu a.dropdown-item:hover {
  color: #fff;
  background: linear-gradient(to right, rgba(255, 255, 255, 0.33) 100%, rgba(255, 255, 255, 0.0) 0px);
  animation: btnColorFull1 0.15s ease-in;  
}
 .navbar-nav li.btn-lng-wrap {
    margin-bottom: 300px;
  }
@media (min-width: 1200px) {
  .navbar-nav {
    width: 100%;
    justify-content: center;
  }
  .navbar-nav li {
    order: 0;
  }
  .navbar-nav li.btn-signin-wrap {
    order: 1;
    display: inline-flex;
    align-items: center;
    justify-content: center;
  }
  .navbar-nav li.btn-signup-wrap {
    order: 2;
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
  }
  .navbar-nav li.btn-notice-wrap {
    order: 3;
  }
  .navbar-nav li.btn-lng-wrap {
    order: 4;
    margin-bottom: 0;
  }

}
@media (min-width: 1600px) {
  .navbar-nav li {
    margin-right: 30px;
  }
}

.navbar-nav li.nav-item > a.btn {  
  display: flex;
  justify-content: flex-start;    
  height: 70px;
  font-size: 24px;
  text-transform: uppercase;
  padding-left: 22px;
  position: relative;  
}
.navbar-nav li.nav-item > a.btn[data-badge]::before {
  display: inline-flex;  
  content: attr(data-badge);
  position: absolute;  
  right: 40px;
  line-height: 14px;
  height: 16px;
  padding: 0 4px;
  font-family: 'Helvetica Neue', "Roboto", 'Tahoma', 'Dotum';
  color: white;
  font-size: 11px;
  background-color: rgba(255, 0, 0, 1.0);
  border: solid 1px #bf1f1f;
  border-radius: 10px;
  opacity: 1;  
}
.navbar-nav li.nav-item > a.btn[data-badge="0"]::before {
  display: none;
}


@media (min-width: 992px) {
  .navbar-nav li.nav-item > a.btn[data-badge]::before {
    position: relative;
    right: auto;
    top: auto;
    right: 5px;
  }
}


@media (min-width: 1200px) {
  .navbar-nav li.nav-item > a.btn {  
    font-size: 14px;
    font-weight: 400;
    white-space: nowrap;
    padding-left: .75rem;
    height: 30px;    
    border-radius: 15px;
  }  
}
@media (min-width: 1300px) {
  .navbar-nav li.nav-item > a.btn {  
    font-size: 18px;
  }
}
@media (min-width: 1400px) {
  .navbar-nav li.nav-item > a.btn {  
    padding-left: 20px;
    padding-right: 20px;
  }
}
.navbar-nav li.nav-item > a.btn::after {
  content: '\56';
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 20px;
  font-size: 14px;
  font-family: "dripicons-v2" !important;
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

@media (min-width: 1200px) {
  .navbar-nav li.nav-item > a.btn::after {
    display: none;
  }
}
.navbar-nav li.nav-item > a.btn:hover {
  background: rgba(255, 255, 255, 0.3)
}
@media (min-width: 992px) {
  .navbar-nav li.nav-item > a.btn:hover {  
    background: linear-gradient(to right, rgba(255, 255, 255, 0.33) 100%, rgba(255, 255, 255, 0.0) 0px);
    animation: btnColorFull1 0.15s ease-in;  
  }
}

@media (min-width: 1200px) {
  .custom-btn-sfm span {
    font-size: 14px;
    font-weight: 100;
    text-transform: lowercase;
    margin-right: 10px;
  }
  .custom-btn-sfm span::before {
    content: '\f002';
    font-size: 12px;
    font-weight: 900;
    font-family: 'Font Awesome 5 Free';
    margin-right: 10px;
  }
}
@media (min-width: 1300px) {
  .custom-btn-sfm span {
    font-size: 16px;
  }
}

@media (min-width: 1200px) {
  .navbar-nav li.nav-item > a.btn.custom-btn-notice {
    font-size: 14px;
    font-weight: 300;
    margin-left: 15px;
    margin-right: 20px;
  }
}
.btn-notice-wrap {
  position: relative;
}
.btn-notice-wrap::after {
    content: attr(data-badge);
    position: absolute;
    left: 130px;
    top: calc(50% - 8px);
    transform: translateX(-50%);
    line-height: 14px;
    height: 16px;
    padding: 0 4px;
    font-family: 'Helvetica Neue', "Roboto", 'Tahoma', 'Dotum';
    color: white;
    font-size: 11px;
    background-color: rgba(255, 0, 0, 1.0);
    border: solid 1px #bf1f1f;
    border-radius: 10px;
    opacity: 1;
}
@media (min-width: 1200px) {  
  .btn-notice-wrap::after {
    left: calc(50% + 35px);
  }
}
.btn-notice-wrap[data-badge="0"]::after {
  display: none;
}
/* .btn.custom-btn-notice {
  justify-content: flex-start;  
  height: 70px;
  font-size: 24px;
  text-transform: uppercase;
  padding-left: 22px;
  position: relative;
}

.btn.custom-btn-notice::after {
  content: '\56';
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 20px;
  font-size: 14px;
  font-family: "dripicons-v2" !important;
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
} */

.btn.custom-btn-notice:hover {
  background: linear-gradient(to right, rgba(255, 255, 255, 0.33) 100%, rgba(255, 255, 255, 0.0) 1px);
  animation: btnColorFull1 0.15s ease-in;    
}

@media (min-width: 1200px) {
  #myPage {
    
  }
}

#myPage ul {
  display: block;
  width: 100%;
  padding: 0;  
}

@media (min-width: 576px) {
  #myPage ul {
    
    padding-bottom: 30px;
    overflow: hidden;   
  }
}

#myPage ul li.profile-wrap {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  cursor: pointer;
}
#myPage ul li:last-child {
  margin-bottom: 60px;
}
#myPage .profile-default > svg, #myPage .profile  {
  width: 190px;
  height: 190px;
}

.profile-wrap {
  display: flex;
  align-items: center;
  justify-content: center;
}

.profile {
  display: flex;
  width: 190px;
  height: 190px;
  border: 6px solid #ec008c;
  border-radius: 50%;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;  
  cursor: pointer;
}

@media (min-width: 768px) {
  .profile {
    width: 130px;
    height: 130px;
    border-width: 4px;
  }
}
.initialization-wrap {
  align-self: flex-end;
  margin-bottom: 30px;
  cursor: pointer;
}
.initialization-wrap::before {
  content: '\f0e2';  
  color: #8ED8FF;
  font-size: 30px;
  font-weight: 900;
  font-family: 'Font Awesome 5 Free';

}

.private-setting::before {
  content: '\f013';
  position: absolute;
  bottom: 0;
  /* right: calc(50% - 60px); */
  right: calc(50% - 100px);
  color: #ec008c;
  font-size: 30px;
  font-weight: 900;
  font-family: 'Font Awesome 5 Free';  
}

#myPage ul li.nickname-wrap {
  text-align: center;
  font-size: 24px;
  font-weight: 700;
  margin-top: 20px;
  color: #fff;
}
@media (min-width: 768px) {
  #myPage ul li.nickname-wrap {
    font-size: 18px;
    font-weight: 400;
     margin-top: 10px;
  }
}


.custom-btn-bmt {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-left: 50%;
  transform: translateX(-50%);
  margin-top: 25px;
  width: 330px;
  height: 63px;
  text-transform: uppercase;
  font-size: 18px;
  font-weight: 500;
  color: #fff;
  border: 2px solid #fff;
  border-radius: 10px;
  background: linear-gradient(-45deg, rgba(230, 131, 252, 0.8), rgba(139, 219, 255, 0.8));
  white-space: nowrap;
}

@media (min-width: 768px) {
  .custom-btn-bmt {
    width: 300px;
    height: 50px;
    font-size: 18px;
    font-weight: 400;
  }
}


.custom-btn-bmt:hover {
  border-color: #ec008c;
  background: linear-gradient(45deg, rgba(230, 131, 252, 0.8), rgba(139, 219, 255, 0.8));
  
}
.myPage-btn-wrap {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  flex-wrap: wrap;
  padding: 40px 40px 0 40px;
}

.custom-btn-myPage {  
  align-items: flex-end;
  position: relative;
  width: 130px;
  height: 130px;
  background: transparent;
  border: 0.5px solid #fff;
  border-radius: 5px;
  margin-bottom: 40px;  
  text-transform: uppercase;
  font-size: 16px;
  letter-spacing: -1px;
  padding-bottom: 10px;
  line-height: 1.3;
  word-break: keep-all;
}

@media (min-width: 992px) {
  .custom-btn-myPage {
    width: 100%;
    height: 40px;
    border-radius: 20px;
    align-items: center;
    margin-bottom: 20px;  
    letter-spacing: 0;
    padding-bottom: 0;
  }
}

.custom-btn-myPage:hover {
  background: linear-gradient(to right, rgba(255, 255, 255, 0.33) 100%, rgba(255, 255, 255, 0.0) 1px);
  animation: btnColorFull1 0.15s ease-in;  
}

.custom-btn-myPage::before {  
  font-family: 'Font Awesome 5 Free';
  font-size: 40px;
  font-weight: 900;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -70%);
}

@media (min-width: 992px) {
  .custom-btn-myPage::before {  
    font-size: 14px;
    top: 50%;
    left: 20px;
    transform: translate(0, -50%);
  }
}

.cbm-bookinglist::before {
  content: '\f5b0';
}
.cbm-booking-support::before {
  content: '\f072';
}
.cbm-mytriplist::before {
  content: '\f5c1';
}
.cbm-blog-modify::before {
  content: '\f013';
}
.cbm-blog-img-modify::before {
  content: '\f083';
}
.cbm-chat::before {
  content: '';
  display: inline-block;
  background-image: url('../img/icon-chat.svg');
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 100%;
  width: 50px;
  height: 42.54px;
}

.custom-btn-myPage-row {
  width: 100%;
  height: 40px;
  border-radius: 20px;
  align-items: center;
  margin-bottom: 20px;  
  letter-spacing: 0;
  padding-bottom: 0;
  position: relative;
}
/* .cbmr-setting {
  content: '';
  background-image: url('../img/settings-outline.svg');
  background-repeat: no-repeat;
  background-position: 10px center;
  background-size: 20px;
}

.cbmr-alarm {
  content: '';
  background-image: url('../img/notifications-outline.svg');
  background-repeat: no-repeat;
  background-position: 10px center;
  background-size: 20px;
} */

.cbmr-setting {
  width: 20px;
  position: absolute;
  left: 10px;
}
.cbmr-alarm {
  width: 20px;
  position: absolute;
  left: 10px;
}

@media (min-width: 992px) {
  .cbm-chat::before {
    width: 15px;
  }
}

.cbm-reviewlist::before {
  content: '\f005';
  font-size: 36px;
  font-weight: 400;
}

@media (min-width: 992px) {
  .cbm-reviewlist::before {
    font-size: 14px;
  }
}
.cbm-productslist::before {
  content: '\f5a0';
}
.cbm-wishlist::before {
  content: '\f004';
}

.payment-history::before {
  content: '\f09d';
}

.cbm-hotplacelist::before {
  content: '\e012';
  font-family: "dripicons-v2" !important;
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.custom-btn-myPage::after {
  content: attr(data-badge);
  position: absolute;
  display: inline-flex;
  align-items: center;
  justify-content: center;  
  top: 7px;  
  right: 7px;
  min-width: 26px;
  height: 26px;
  padding: 0 4px;
  font-family: 'Helvetica Neue', "Roboto", 'Tahoma', 'Dotum';
  color: white;
  font-size: 14px;
  background-color: rgba(236, 0, 140, 1.0);
  border: solid 1px #bf1f1f;
  border-radius: 50%;
  opacity: 1;
}

.custom-btn-myPage.cbm-wishlist::after {
  background: #13AEBA;
  border-color: #0896A1;
}

@media (min-width: 768px) {
  .custom-btn-myPage::after {
    min-width: 20px;
    height: 20px;
    font-size: 10px;
    top: 9px;  
    right: 7px;
  }
}
.custom-btn-myPage[data-badge="0"]::after {  
  display: none;
}



.custom-btn-signout {
  width: 155px;
  height: 40px;
  background: transparent;
  border: 0.5px solid #fff;
  border-radius: 20px;
  text-transform: uppercase;
  font-size: 14px;
  font-weight: 300;
  margin-left: 40px;  
  position: relative;
}

.custom-btn-signout:hover {
 background: #e683fc;
 border-color: #e683fc;
}
.custom-btn-signout::before {
  content: '\f2f5';
  font-family: 'Font Awesome 5 Free';
  font-size: 16px;
  font-weight: 900;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 20px;
  
}

.imagezone-wrap {
  margin: 0;
  padding: 0;
  width: 100%;
  height: 100vh;
  position: fixed;
  top: 0;
  left: 0;
  z-index: -10;
  overflow: hidden;
  color: #fff;
  padding: 0 17px 0 17px;
  padding-top: 80px;
}
/* imagezone 검은 마스크 */
.imagezone-wrap::before {
  content: '';
  display: block;  
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: -9;
  background: #000;
  opacity: 0.3;
}
@media (min-width: 992px) {
  .imagezone-wrap {
    padding: 0 30px 0 50px;
    padding-top: 100px;
  }
}
@media (min-width: 1200px) {
  .imagezone-wrap {
    padding: 100px 30px 0 50px;
    padding-top: 100px;
  }
}
.imagezone-main-wrap {
  z-index: -1;
}
.imagezone-main-wrap::before {
  display: none;
}

.img-bg-zone {
  margin: 0;
  padding: 0;
  width: 100%;
  height: 100vh;
  position: fixed;
  top: 0;
  left: 0;
  z-index: -11;
  overflow: hidden;
  background-repeat: no-repeat;
  background-size: 100%;
  background-position: center -80px;
  padding: 0 30px 0 20px;
  padding-top: 54px;
  background-color: rgba(255, 255, 255, 1.0)
}


.imagezone-text-height {
  height: 100px;
}

@media (min-width: 992px) {
  .imagezone-text-height {
    height: 150px;
  }
}

.imagezone-bmot {
  background-image: url('../img/imgzone/img-1.jpg');    
}

.imgezone-signin {

}

.imagezone-signin {
  background-image: url('../img/imgzone/sub1-1400.jpg');
  background-size: 100vh;
}

@media (min-width: 540px) {
  .imagezone-signin {
    background-size: 200%;
    background-position: center -200px;
  }
}
@media (min-width: 768px) {
  .imagezone-signin {    
    background-position: center -300px;
  }
}
@media (min-width: 992px) {
  .imagezone-signin {
     background-image: url('../img/imgzone/sub1.jpg');
    background-position: center -300px;
  }
}
@media (min-width: 1200px) {
  .imagezone-signin {
    background-size: 100%;
    background-position: center -200px;
  }
}
@media (min-width: 1400px) {
  .imagezone-signin {
    background-position: center -360px;
  }
}

.imagezone-product {
  background-image: url('../img/imgzone/sub2-1400.jpg');
  background-size: 120%;
  background-position: center -100px;
}

@media (min-width: 992px) {
  .imagezone-product {
    background-image: url('../img/imgzone/sub2.jpg');
    background-position: center -200px;
  }
}
@media (min-width: 1200px) {
  .imagezone-product {
    background-position: center -200px;
  }
}
@media (min-width: 1400px) {
  .imagezone-product {
    background-position: center -300px; 
    background-size: 100%;
  }
}

/* 상품 이미지 위치 조정 */
.imagezone-product-view {
  /*background-size: 130vh;*/
  /*background-position: center top;*/
  background-position: 50% 50%;
  background-size: cover;
}
@media (min-width: 992px) {
  .imagezone-product-view {
    /*background-size: 100vw;*/
    /*background-position: center top;*/
    background-position: 50% 50%;
    background-size: cover;
  }
}

/* 블로그 이미지 위치 조정 */
.imagezone-planner-blog {
  /*background-size: 100vh;*/
  /*background-position: center top;*/
  background-position: 50% 50%;
  background-size: cover;
}
@media (min-width: 576px) {
  .imagezone-planner-blog {  
    /*background-size: 100vh;*/
    background-position: 50% 50%;
    background-size: cover;
  }
}
@media (min-width: 992px) {
  .imagezone-planner-blog {
     /*background-size: 100vw;*/
    /*background-position: center top;*/
    background-position: 50% 50%;
    background-size: cover;
  }
}



.imagezone-review {
  background-image: url('../img/imgzone/sub9-1400.jpg');
  background-position: center -50px; 
}
@media (min-width: 576px) {
  .imagezone-review {
    background-position: center -150px; 
  }
}
@media (min-width: 768px) {
  .imagezone-review {
    background-position: center -230px; 
  }
}
@media (min-width: 992px) {
  .imagezone-review {
    background-position: center -260px;     
  }
}
@media (min-width: 1200px) {
  .imagezone-review {
    background-image: url('../img/imgzone/sub9.jpg');
    background-position: center -360px; 
  }
}
@media (min-width: 1400px) {
  .imagezone-review {    
    background-position: center -700px; 
  }
}


.imagezone-booking {
  background-image: url('../img/imgzone/booking-1400.jpg');
  background-size: 130%;
  background-position: center top;
}
@media (min-width: 576px) {
  .imagezone-booking {    
    background-size: 100%;
    background-image: url('../img/imgzone/booking-1400.jpg');
    background-position: center top; 
  }
}
@media (min-width: 768px) {
  .imagezone-booking {    
    background-position: center -200px;    
  }
}
@media (min-width: 992px) {
  .imagezone-booking {
    background-position: center -300px; 
  }
}
@media (min-width: 1200px) {
  .imagezone-booking {    
    background-position: center -400px; 
  }
}
@media (min-width: 1400px) {
  .imagezone-booking {
    background-image: url('../img/imgzone/booking.jpg');
    background-position: center -480px; 
  }
}


@media (min-width: 576px) {
  .imagezone-chat {
    background-image: url('../img/imgzone/sub7-1400.jpg');
    background-position: center -100px; 
  }
}
@media (min-width: 768px) {
  .imagezone-chat {    
    background-position: center -150px; 
  }
}
@media (min-width: 992px) {
  .imagezone-chat {
    background-position: center -300px; 
  }
}
@media (min-width: 1200px) {
  .imagezone-chat {
    background-image: url('../img/imgzone/sub7.jpg');
    background-position: center -300px; 
  }
}
@media (min-width: 1400px) {
  .imagezone-chat {
    background-size: 100vw;
    background-position: center -500px; 
  }
}
@media (min-width: 1600px) {
  .imagezone-chat {    
    background-position: center -630px; 
  }
}
.imagezone-plannerlist {
  background-image: url('../img/imgzone/sub3-1400.jpg');
  background-repeat: no-repeat;
  background-size: 200%;
  background-position: center -100px;    
}
@media (min-width: 576px) {
  .imagezone-plannerlist {
    background-size: 100%;
    background-position: center top; 
  }
}
@media (min-width: 768px) {
  .imagezone-plannerlist {
    background-position: center top; 
  }
}
@media (min-width: 992px) {
  .imagezone-plannerlist {
    background-position: center -300px; 
  }
}
@media (min-width: 1200px) {
  .imagezone-plannerlist {
    background-position: center -600px; 
  }
}
@media (min-width: 1400px) {
  .imagezone-plannerlist {
    background-image: url('../img/imgzone/sub3.jpg');
    background-position: center -300px; 
  }
}
@media (min-width: 1800px) {
  .imagezone-plannerlist {
    background-image: url('../img/imgzone/sub3.jpg');
    background-position: center -900px; 
  }
}
.imagezone-pesonal {
  background-image: url('../img/imgzone/sub6-1400.jpg');
  background-size: 200%;
  background-position: 0 0;    
}
@media (min-width: 576px) {
  .imagezone-pesonal {
    background-size: 100%;
    background-position: center -200px; 
  }
}
/* @media (min-width: 768px) {
  .imagezone-pesonal {
    background-position: center 0; 
  }
} */
@media (min-width: 992px) {
  .imagezone-pesonal {
    background-size: 100vw;
    background-position: center -300px; 
  }
}
@media (min-width: 1200px) {
  .imagezone-pesonal {
    background-image: url('../img/imgzone/sub6.jpg');
    background-size: 100vw;
    background-position: center -500px; 
  }
}
@media (min-width: 1400px) {
  .imagezone-pesonal {
    background-position: center -550px; 
  }
}
.imagezone-board {
  background-image: url('../img/imgzone/sub4-1400.jpg');
  background-size: 200%;
  background-position: center -120px;  
}
@media (min-width: 400px) {
  .imagezone-board {
    background-position: center -250px;   
  }
}
@media (min-width: 576px) {
  .imagezone-board {
   background-position: center -400px;   
  }
}
@media (min-width: 768px) {
  .imagezone-board {    
    background-position: center -700px;  
  }
}
@media (min-width: 992px) {
  .imagezone-board {
     background-size: 150%;
    background-position: center -400px; 
  }
}
@media (min-width: 1200px) {
  .imagezone-board {
    background-position: center -700px; 
  }
}
@media (min-width: 1400px) {
  .imagezone-board {
    background-image: url('../img/imgzone/sub4.jpg');
    background-position: center -1000px; 
  }
}
@media (min-width: 1600px) {
  .imagezone-board {    
    background-position: center -1200px; 
  }
}
.imagezone-boardview {  
  background-size: 350%;
  background-position: calc(50% + 100px) -500px;  
}
@media (min-width: 576px) {
  .imagezone-boardview {  
    background-position: calc(50% + 150px) -685px;  
  }
}
@media (min-width: 768px) {
  .imagezone-boardview {  
    background-size: 200%;
    background-position: center -500px;  
  }
}
@media (min-width: 992px) {
  .imagezone-boardview {  
    background-size: 200%;
    background-position: center -600px; 
  }
}
@media (min-width: 1200px) {
  .imagezone-boardview {
    background-size: 100%;
    background-position: center -250px; 
  }
}
@media (min-width: 1400px) {
  .imagezone-boardview {  
    background-position: center -400px; 
  }
}
@media (min-width: 1600px) {
  .imagezone-boardview {  
    background-position: center -600px; 
  }
}

.imagezone-hotplace {
  background-image: url('../img/imgzone/sub10-1400.jpg');
  background-position: center top; 
}
@media (min-width: 768px) {
  .imagezone-hotplace {
    background-position: center -100px;    
  }
}
@media (min-width: 992px) {
  .imagezone-hotplace {
    background-image: url('../img/imgzone/sub10.jpg');
    background-position: center -150px;
  }
}
@media (min-width: 1200px) {
  .imagezone-hotplace {

    background-position: center -200px;
  }
}
@media (min-width: 1400px) {
  .imagezone-hotplace {
    background-position: center -300px;
  }
}

@media (min-width: 576px) {
  .imagezone-blog {
    background-image: url('../img/imgzone/sub8-1920.jpg');
    background-size: 100%;
    background-position: center top;
  }
}
@media (min-width: 1200px) {
  .imagezone-blog {
    background-image: url('../img/imgzone/sub8.jpg');
    background-position: center -100px;
  }
}

.imagezone-hotplace-artice {  
  background-position: center top; 
}

.imagezone-introduce {
  background-image: url('../img/imgzone/sub11-1400.jpg');
  background-position: center top;
  background-size: 130%;
}
@media (min-width: 768px) {
  .imagezone-introduce {
    background-size: 100%;   
  }
}
@media (min-width: 1400px) {
  .imagezone-introduce {
   background-position: center -100px;
  }
}


.bgBlur::after {
  content: '';
  position: absolute;
  top: 0; left:0; right:0; bottom:0;
  background: inherit;
  z-index: -11;
  filter: blur(3px) !important;
  -webkit-filter: blur(3px) !important;
  -moz-filter: blur(3px) !important;
  -o-filter: blur(3px) !important;
  filter:url(#blur);  
}

.header-custom-background-off {  
  background: linear-gradient(to top, rgba(139, 219, 255, 0), rgba(230, 131, 252, 0));  
}
.header-custom-background-on, .header-custom-background-hover {
  background: linear-gradient(to top, rgba(139, 219, 255, 1.0), rgba(230, 131, 252, 1.0));
  box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.25);
}

@media (min-width: 768px) {
  .header-custom-background-off {  
    background: linear-gradient(to left, rgba(139, 219, 255, 0), rgba(230, 131, 252, 0));    
  }
  .header-custom-background-on {  
    background: linear-gradient(to left, rgba(139, 219, 255, 0.8), rgba(230, 131, 252, 0.8));
    box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.25);
  }
  .header-custom-background-hover {
    background: linear-gradient(to left, rgba(139, 219, 255, 1), rgba(230, 131, 252, 1));    
  }
}


.travel-location {
  display: flex;
  align-items: center;
  text-transform: uppercase;
  top: 20px;
}

.travel-location::before {
  content: "\e012";
  color: #00FFFF;
  font-size: 14px;
  margin-right: 10px;
  font-family: "dripicons-v2" !important;
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.active-location {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 18px;
  font-weight: 300;
  margin-top: 15px;
  border: 1px dashed #fff;
  padding: 5px 16px 5px 10px;
  border-radius: 18px;
}
@media (min-width: 768px) {
  .active-location {
    font-size: 14px;
  }
}


/* .active-location::before {
  content: '\f3c5';
  font-family: 'Font Awesome 5 Free';
  font-size: 14px;
  font-weight: 900;
  margin-right: 15px;
} */
.active-location::before {
  content: '';
  display: inline-block;
  width: 18px;
  height: 18px;
  background-image: url('../img/rocket-sharp-white.svg');
  background-size: 100%;
  background-repeat: no-repeat;
  background-position: center center;
  margin-right: 5px;
}
.container {
  position: relative;  
}

.container-nopadding {
  padding: 0;
}

.imagezone-wrap .container {
  height: 100vh;
}
.travel-price-wrap {
  width: 100%;
  position: absolute;
  bottom: calc(100vh - 450px);  
  left: 15px;
  display: flex;
  align-items: flex-end;
}

@media (min-width: 992px) {
  .travel-price-wrap {
    bottom: calc(100vh - 450px);
  }
}

.prepayment-wrap {
  font-size: 16px;
  font-weight: 500;
  line-height: 1;
}
.prepayment-wrap span {
  font-size: 36px;
}


.travel-price-article {
  text-align: right;
}
.travel-price-article div {  
  display: flex;
  flex-direction: column;
  font-size: 16px;
}

@media (min-width: 992px) {
  .travel-price-article div {
     font-size: 12px;
     margin-bottom: 10px;
  }
}
.travel-price div {
  margin-top: 10px;
}
.travel-price span {
  font-size: 14px;
  font-weight: 400;
  color: #fff;
}
.travel-price span:first-child {    
  font-size: 40px;
  font-weight: 700;
  color: #00FFFF;
}

.custom-breadcrumb {
  background: transparent;
  color: #fff;
  font-size: 14px;
  font-weight: 300;
  padding: 0;
}

.custom-breadcrumb li > a {
  color: #fff;
  font-size: 14px;
  font-weight: 300;  
}

.breadcrumb-item+.breadcrumb-item::before {
  color: #fff;
}

.breadcrumb-item.active {
  font-weight: 500;
  color: #fff;
  background: rgba(255, 255, 255, 0.0)
}

.contents-wrap { 
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 10;
  margin: 0;
  padding: 0;
  background: #fff;
  overflow: hidden;
}
.contents-sub-wrap {
  top: 285px;
}

@media (min-width:768px) {
  .contents-sub-wrap {
    top: 300px;
  }
}

@media (min-width:992px) {
  .contents-sub-wrap {
    top: 450px;
  }
}

.contents-main-wrap {
  top: 100vh;
}
.contents-product-wrap {
  top: 190px;
}
.contents-review-wrap {
  top: 130px;
}
@media (min-width:992px) {
  .contents-product-wrap, .contents-review-wrap {
    top: 160px;
  }
}

.contents-product-view-wrap {
  top: 600px;
}

.contents-booking-wrap {
  top: 55px;
}
@media (min-width: 576px) {
  .contents-booking-wrap {
    top: 200px;
  }
}
@media (min-width: 786px) {
  .contents-booking-wrap {
    top: 160px;
  }
}

.contents-complete-wrap {
  top: 200px;
}

.contents-plannerlist-wrap {
  top: 300px;
  background-color: #e683fc;
}
@media (min-width: 786px) {
  .contents-plannerlist-wrap {
    top: 160px;
  }
}

.contents-bookinglist-wrap {
  top: 300px;
}
@media (min-width: 786px) {
  .contents-bookinglist-wrap {
    top: 160px;
  }
}

.contents-chat-list-wrap {
  top: 55px;
  overflow: hidden;
}
@media (min-width: 576px) {
  .contents-chat-list-wrap {
    top: 200px;
  }
}
@media (min-width: 786px) {
  .contents-chat-list-wrap {
    top: 160px;
  }
}


.contents-chat-wrap {
  top: 0;
  /* height: 100%; */
  overflow: hidden;
}
@media (min-width: 576px) {
  .contents-chat-wrap {
    top: 200px;
  }
}
@media (min-width: 786px) {
  .contents-chat-wrap {
    top: 160px;
  }
}
.contents-product-info-wrap {
  top: 500px;
}
@media (min-width: 576px) {
  .contents-product-info-wrap {
    top: 160px;
  }
}

.contents-blog-wrap {
  top: 500px;
}


.contents-blog-create-wrap {
  top: 55px;
}
@media (min-width: 576px) {
  .contents-blog-create-wrap {
    top: 200px;
  }
}
@media (min-width: 786px) {
  .contents-blog-create-wrap {
    top: 160px;
  }
}

.contents-board-view-wrap {
  top: 400px;
}


.contents {
  /* overflow: hidden; */
  height: auto;
  min-height: 100vh;
  padding: 30px 24px 100px 24px;
}
.contents-product-list, .contents-review-list, .contents-booking-list {
  padding: 0;
}
.contents-product-list {
  background-color: #A7A7F6;
}
.contents-chat-list {
  padding: 0;
  height: 100vh;
}
.contents-plannerlist-list {
  padding: 0;
}
.contents-payment-list {
  padding: 0;
}

@media (min-width: 768px) {
  .contents-layout {
      width: 800px;
  }
  .contents-layout .fiexd-btn-wrap {
    width: 800px;
  }
  .contents-payment-layout {
    padding: 0;
  }
}

.incontent-layout {
  min-height: auto;
  padding-bottom: 100px;
}

.contents-chat {   
  padding: 0;
  height: 100%;
  overflow: hidden;  
  background: linear-gradient(to top, rgba(230, 131, 252, 1.0), rgba(139, 219, 255, 1.0));
  position: relative;
  }
@media (min-width: 576px) {
  .contents-chat-list {
    width: 540px;
  }
  .contents-chat {
    width: 540px;     
  }
}

.contents-board-wrap {
  padding: 0;  
}



@media (min-width: 576px) {
  .request-form-wrap {
    margin-top: 60px;
  }
  .contents-booking-wrap .custom-btn-request {
    display: none;
  }
}

.request-form-wrap h1 {
  line-height: 1.0;
  word-break: keep-all;
}
@media (min-width: 992px) {

  .request-form-wrap h5 {
    font-size: 16px;
    font-weight: 400;
    line-height: 1.5;
  }
}

.request-form-row {
  display: flex;
  justify-content: space-between;
}

.request-form-row span { 
  display: inline-flex;
  justify-content: center; 
  flex-direction: column;
  flex-basis: 33.3333333333%;
  margin-right: 10px;
}
@media (min-width: 576px) {
  .request-form-row span { 
    margin-right: 20px;
  }
}

.request-form-50 span {
  flex-basis: 49.999999999%;
}

.request-form-row span label {
  text-align: center;
}
@media (min-width: 576px) {
  .request-form-row span label {
    text-align: left;
    font-size: 14px;
    margin-bottom: 0;
  }
}
.request-form-row span:last-child {
  margin-right: 0;
}
.request-form-btn {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 40;
}
@media (min-width: 768px) {
  .request-form-btn {
    position: relative;    
  }
}
.request-form-btn.custom-btn-wrap {
margin-bottom: 0;  
}

@media (min-width: 576px) {
  .request-form-btn {
    display: none;
  }
  .request-form-btn-end {
    display: inline-flex;
  }
}
.reservation-step-wrap {
  display: flex;
  align-items: center;
  flex-direction: row;
  margin-bottom: 30px;
}
@media (min-width: 576px) {
  .reservation-step-wrap {
    display: none;
  }
}
.reservation-step {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 18px;
  background: #94D2FF;
  width: 100px;
  height: 30px;
  border-radius: 15px;
  position: relative;
}
.reservation-step::before {
  content: '';
  display: flex;
  border-top: 1px solid #94D2FF;
  width: 100%;
  position: absolute;
  left: -100%;
}
/* .reservation-step::after {
  content: '';
  display: flex;
  border-top: 1px solid #94D2FF;
  width: 100%;
  position: absolute;
  right: -100%;
} */
.reservation-step-wrap hr {
  margin: 0;
  border-top: 1px solid #94D2FF;
  width: 100%;
  margin-right: -24px;
}
.request-form {
  display: none;
  flex-direction: column;
  margin-bottom: 50px;
}
.request-form h1 {
  line-height: 1.0;
  word-break: keep-all;
}
.request-form h1 > span {
  display: none;
}
@media (min-width: 576px) {
  .request-form {
    display: flex    
  }
  .request-form h1 {
    font-size: 26px;
    line-height: 1.0;
    margin-bottom: 30px;
    position: relative;
    padding-left: 40px;
  }
  .request-form h1 > span {
    display: inline-block;
    margin-right: 10px;
    position: absolute;
    top: -4px;
    left: 0;
    font-weight: 100;
  }
}
.request-form hr {
  margin-top: 0;
}
@media (min-width: 576px) {
  .request-form hr {
    display: none;
  }
}

.request-recording-wrap {
  display: flex;
  flex-direction: column;
  justify-content: center;
  margin-top: 20px;
}
@media (min-width: 576px) {
  .request-recording-wrap {
    display: none;
  }
}
.request-recording-wrap span {
  display: flex;
  justify-content: center;
  margin-bottom: 60px;
}
.icon-record {
  display: inline-flex;
  width: 116px;
  height: 116px;
  background: transparent;
  border: 2px solid #233740;
  border-radius: 50%;
  background-image: url('../img/record.svg');
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 80px;
}
.icon-recording {
  background: #E584FC;
  border-color: #E584FC;
  background-image: url('../img/recording.svg');  
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 80px;
}
.recording-exemple {
  color: #E683FC;
}

#adult, #child, #baby {
  text-align: center;
}
@media (min-width: 768px) {
  #adult, #child, #baby {
    text-align: right;
  }
}

.signin-button {
  width: 210px;
  height: 40px;
}
.form-control {
  border-radius: 0;
}

/* .form-control:disabled{
  color: #6891A7;
  background-color: #E5F6FF;
}
*/
.form-control[readonly] {
  background-color: rgba(142, 216, 255, 0.3);
  color: #263340;
  border-color: #8AB9E6;
}
.form-control[readonly]::placeholder {
  color: #263340;
}
 
.custom-form-control {
  font-size: 18px;
  font-weight: 400;
  color: #919B9F;
  border: 1px solid #ced4da;
  border-radius: 0;
  height: 56px;
  padding-left: 20px;
  padding-right: 20px;
}
.form-control::placeholder, .custom-form-control::placeholder, .custom-file-label {
  color: #919B9F;
  font-weight: 400;
}
:-ms-input-placeholder.form-control {
  color: #919B9F; 
}
#calendar.custom-form-control {  
  background-image: url('../img/calendar-outline.svg');
  background-repeat: no-repeat;
  background-position: calc(100% - 10px) center;
  background-size: 20px;
}


.custom-form-control > option {
  color: #919B9F;
}

.input-group {
  /* height: 56px; */
  margin-bottom: 1rem;
}
_:-ms-input-placeholder, :root .contents-request-wrap .input-group {
  margin-bottom: 60px;
}

.input-group > .custom-file {
  height: auto;
}
.custom-file {
  position: relative;
}



.custom-file-input {
  font-size: 18px;
  font-weight: 400;
  color: #919B9F;
  border: 1px solid #ced4da;
  border-radius: 0;
  height: 56px;
  padding-left: 20px;
  padding-right: 20px;
  position: relative;
}
.custom-file-label {
  border-radius: 0;
  text-transform: none;
  font-size: 18px;
  font-weight: 400;
  color: #919B9F;
  margin-bottom: 0;
  height: 56px;
  display: flex;
  align-items: center;
  padding-left: 17px;
  line-height: normal;
}
@media (min-width: 992px) {
  .custom-file-input {
    font-size: 14px;
  }
  .custom-file-label {
    font-size: 14px;
  }
}

.custom-file-label::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 3;
  display: block;
  height: calc(1.5em + .75rem);
  padding: 0 .75rem;
  color: #fff;
  content: "";
  background-image: url('../img/search-outline-whtie.svg');
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 26px;
  background-color: #8ED8FF;
  border-color: #8ED8FF;
  border-left: inherit;
  border-radius: 0;
  width: 60px;
  height: 54px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  line-height: normal;
}

textarea.form-control {
  min-height: 280px;
}

/* .custom-select::after {
  border: 0;
  margin-left: 15px;
  content: '\54';
  font-size: 14px;
  font-family: "dripicons-v2" !important;
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
} */
/* .btn-outline-secondary:not(:disabled):not(.disabled):active {
  color: #fff;
  background-color: #8bdbff;
  border-color: #8bdbff;  
}
.show>.btn-outline-secondary.custom-dropdown-toggle {
  color: #fff;
  background-color: #e683fc;
  border-color: #e683fc;
} */
textarea.form-control::placeholder {
  font-weight: 400;
  color: #919B9F;
}

@media (min-width: 992px) {
  .custom-form-control {
    font-size: 14px;
  }
}
.custom-form-check-input {
  display: inline-block;
  width: 23px;
  height: 23px;
  background-color: #fff;
  border: 1px solid #69A4BF;
  border-radius: 0;
  margin-top: 0;
}
@media (min-width: 992px) {
  .custom-form-check-input {
    width: 18px;
    height: 18px;
  }
}
.custom-form-check-label {
  display: inline-flex;
  align-items: center;
  color: #919B9F;
  margin-left: 10px;
}
@media (min-width: 992px) {
  .custom-form-check-label {
    font-size: 14px;
  }
}
form > .custom-btn-signin {
  width: 330px;
  height: 60px;
  margin-left: 50%;
  transform: translateX(-50%);
  font-size: 20px;
  font-weight: 700;
  text-transform: uppercase;
  background: #8ED8FF;
  border-radius: 30px;
  margin-top: 40px;
}

form > .custom-btn-signin:hover {
  color: #fff;
  font-weight: 700;
  background: #e683fc;
}
form + .custom-btn-signup {  
  display: flex;
  align-items: center;
  justify-content: flex-end;
  text-transform: uppercase;
  border-radius: 0;
  position: relative;
  width: 100%;
  height: 60px;  
  margin-bottom: 25px;
  background: none;
  padding: 0;
  padding-right: 30px;
  color: #263340;
  font-size: 18px;
  font-weight: 500;
}
@media (min-width: 1200px) {
  form + .custom-btn-signup {
    font-size: 16px;
  }

}
form + .custom-btn-signup:hover {
  color: #e683fc;
}
form + .custom-btn-signup::before {  
  content: '';
  display: inline-block;
  width: calc(100% - 160px);
  position: absolute;
  left: 10px;
  border: none;
  border-top: 0.5px solid #263340;
}
form + .custom-btn-signup > i.ion-ios-airplane {
  font-size: 26px;
  margin-right: 20px;
  position: relative;
  right: auto;
  top: auto;
}
.form-text {
  margin-top: 10px;
}
.custom-text-muted {
  color: #919B9F;
  font-size: 14px;
  position: relative;
  padding-left: 22px;
  word-break: keep-all;
}
.custom-text-muted::before {
  content: '';
  display: inline-block;
  width: 16px;
  height: 16px;
  background-image: url("../img/icon-important.png");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 100%;
  position: absolute;
  top: 3px;
  left: 3px;

}
.other-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 330px;
  height: 50px;
  margin-left: 50%;
  transform: translateX(-50%);
  padding: 10px;
}
.btn-appleID {
  color: #fff;
  font-size: 18px;
  font-weight: 400;
  border-radius: 25px;
  background: #000;
  margin-bottom: 20px;
}
@media (min-width: 992px) {
  .btn-appleID {
    font-size: 14px;
  }
}
.btn-appleID:hover {
  color: #fff;
  text-decoration: none;
}
.btn-appleID::before {
  content: '\f179';
  font-family: 'Font Awesome 5 Brands';
  font-size: 18px;
  margin-right: 7px;
}
.btn-facebook {
  color: #263340;
  font-size: 18px;
  font-weight: 400;
  border-radius: 25px;
  border: 0.5px solid #263340;
  background: transparent;
}
@media (min-width: 992px) {
  .btn-facebook {
    font-size: 14px;
  }
}
.btn-facebook::before {
  content: '\f39e';
  font-family: 'Font Awesome 5 Brands';
  font-size: 18px;
  margin-right: 7px;  
}
.forgot-wrap {
  display: flex;
  flex-direction: column;  
  padding: 30px;
  border: 1px dashed #69A4BF;
  margin-top: 30px;
  margin-bottom: 30px;  
}
.forgot-wrap > a {
  color: #919B9F;
  margin-bottom: 15px;
  text-decoration: underline;
}
.contents-title-wrap {
  margin-top: 20px;
  margin-bottom: 30px;
}


/* .contents-title-wrap::after {
  content: "";
  display: inline-block;
  font-size: 16px;
  color: #000;
} */


@media (min-width: 992px) {
  .flex-row > .btn + .btn {
    margin-left: 50px;
  }
}

/* footer */
.footer-wrap {
  display: flex;
  overflow: hidden;
  background: #263340;
  color: #8AB9E6;
  padding: 20px;
  padding-bottom: 100px;  
  letter-spacing: 1px;
}
@media (min-width: 992px) {
  .footer-wrap {
    font-size: 14px;
  }
}
.footer-btn-wrap {
  width: 100%;
}
.custom-btn-footer {
  display: flex;
  color: #8AB9E6;
  height: 50px;
  border: 1px solid #8AB9E6;
  margin-bottom: 15px;
  background-image: url('../img/arrow-right-cornflower.svg');
  background-repeat: no-repeat;
  background-size: 14px;
  background-position: calc(100% - 10px) center;
  font-size: 18px;
  justify-content: flex-start;
  padding-left: 30px;
}
.custom-btn-footer {
  font-size: 14px;

}
.custom-btn-footer:hover {
  color: #263340;
  background: #8AB9E6;
  background-image: url('../img/arrow-right-ebonyclay.svg');
  background-repeat: no-repeat;
  background-size: 14px;
  background-position: calc(100% - 10px) center;
}
.footer-article {
  display: flex;
  flex-direction: column;
  margin-top: 30px;
}
@media (min-width: 992px) {
  .footer-article {
    flex-direction: row;
    flex-wrap: wrap;
    margin-top: 0;
  }
  .footer-btn-wrap {
    margin-bottom: 30px;
  }
}
.footer-article span {
  display: flex;
  flex-direction: column;
  line-height: 1.5;
  vertical-align: bottom;
  margin-bottom: 15px;
  font-weight: 100;
}
@media (min-width: 992px) {
  .footer-article span {
    margin-right: 30px;
    flex-direction: row;
    white-space: nowrap;
  }
  .footer-article span b {
    margin-left: 15px;
  }
}
.footer-article span.footer-icon-wrap {
  display: flex;
  flex-direction: row;
  margin-bottom: 20px;
  line-height: 1.3;
}
@media (min-width: 992px) {
  .footer-article span.footer-icon-wrap {
    margin-bottom: 15px;
  }
}
.footer-icon-wrap::before {    
  margin-top: 5px;
  margin-right: 10px;
  font-size: 16px;
  font-family: "dripicons-v2" !important;
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
@media (min-width: 992px) {
  .footer-icon-wrap::before {
    margin-top: 3px;
    font-size: 12px;
  }
}
.footer-adress::before {
  content: "\e012";
}
.footer-telephone::before {
  content: "\e030";
}
.footer-fax::before {
  content: "\e038";
}
.footer-email::before {
  content: "\e015";
}



.modal-content {
  border-radius: 0;
  border: none;
}
.modal-header {
  align-items: center;
  justify-content: center;
  border-radius: 0;
  color: #fff;
  background: #E584FC;
  padding: 0;
  padding-left: 10px;
  padding-right: 10px;
  height: 55px;
  border-bottom: 1px solid #E584FC;
  box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.25);
  position: relative;
}

.modal-header .close {
  padding: 0;
  margin: 0;
  position: absolute;
  top: 50%;
  transform: translateY(-66%);
  right: 10px;
}

.modal-header h5 {
  text-transform: uppercase;
}

@media (max-width: 578px) {
  .modal-dialog{
    margin: 0;
  }
  .modal-dialog-scrollable {
    max-height: 100%;
  }
}
.modal-body {
  padding: 25px;
  overflow-x: hidden;
}
.modal-body > p {
  word-break: keep-all;
}

hr {
  width: 100%;
  border-top: 1px dashed #8bdbff;
  margin-top: 30px;
  margin-bottom: 30px;
}

.modal-body > hr {
  border-top: 1px dashed #69A4BF;
  margin-top: 0;
  margin-bottom: 20px;
}

.product-publishing-article + hr {
  border-top: none;
  margin-top: 0;
  margin-bottom: 10px;  
}


.contents-request-wrap {
  position: relative;  
  padding: 0;
}
.contents-request-wrap + .row {
  margin-top: 15px;
}
.contents-blog-create {
  padding: 0;
  position: relative;  
}

.contents-request-wrap .profile, .contents-request-wrap .profile-default {
  width: 40px;
  height: 40px;
  border-width: 1px;
}
.subscription-nick-wrap {
	display: flex;
	align-items: center;

}
.contents-request-wrap .user-nickname-wrap {
  width: 100px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
	margin-left: 10px;
	text-align: left;
}

.contents-request-wrap .state-wrap {
  display: flex;
  align-items: center;  
  flex-direction: column;  
  background: #8ED8FF;
  color: #fff;
  text-transform: uppercase;
  padding: 15px;
  font-weight: 700;
}
@media (min-width: 992px) {
  .contents-request-wrap .state-wrap {
    flex-direction: row;
    justify-content: space-between;
  }
}

.contents-request-wrap .state-wrap .state-nickname-wrap {
  display: inline-flex;
  align-items: center;
  text-transform: none;
}
.contents-request-wrap .state-wrap .state-nickname-wrap > .profile {
  margin-right: 10px;
}


.custom-btn-request {
  position: relative;
  width: 100%;  
  height: 60px;  
  font-size: 18px;
  font-weight: 400;
  /* background: #8ED8FF; */
  background: #b2e4ff;
  text-transform: uppercase;
  color: #123d54;
}

.custom-btn-request[aria-expanded="true"] {
  background: #e683fc;
}

.custom-btn-request::before {
  content: '';
  /* background-image: url('../img/arrow-down-white.svg'); */
  background-image: url("data:image/svg+xml,%3Csvg width='1em' height='1em' viewBox='0 0 16 16' class='bi bi-chevron-down' fill='rgba(18%2c 61%2c 84%2c 1.0)' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3E%3C/svg%3E");
  background-size: 100%;
  background-position: center center;
  width: 20px;
  height: 20px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 20px;
}

.custom-btn-request[aria-expanded="true"]::before {    
  transform: rotate(180deg) translateY(calc(50%));
  background-image: url("data:image/svg+xml,%3Csvg width='1em' height='1em' viewBox='0 0 16 16' class='bi bi-chevron-down' fill='rgba(255%2c 255%2c 255%2c 1.0)' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3E%3C/svg%3E");
}

.contents-request-wrap .custom-btn-request {
  height: 55px;
}

.contents-booking-wrap .contents-request-wrap .custom-btn-request::before {
  right: 16px;
}

.contents-request-wrap .custom-btn-request {
  text-transform: none;
}

.custom-card-body {
  padding: 0;
  border: 0;
}

.custom-card-body ul li {
  padding: 0;
  padding: 10px 15px;
}
@media (min-width: 992px) {
  .custom-card-body ul {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: flex-start;
    
  }
  .custom-card-body ul li:first-child {
    width: 100%;
  }
  .custom-card-body ul li:nth-child(2) {
    width: 50%;
  }
  .custom-card-body ul li:nth-child(3) {
    width: 50%;
  }
  .contents-booking-request-wrap ul li {
    width: 31.11111111111111111111%;
  }
}
.card > .list-group:first-child .list-group-item:first-child {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.card > .list-group:last-child .list-group-item:last-child {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
.request-article {
  display: flex;
  align-items: center;
  justify-content: space-between;
  background: #94D2FF;
  min-height: 60px;  
  border: none;
  border-bottom: 1px solid #233740;
}
_:-ms-input-placeholder, :root .request-article {
  height: 60px;
}
@media (min-width: 578px) {
  .request-article {
    border: 0;
    border: 1px solid #233740;
    border-top: none;
  }
}
@media (min-width: 992px) {
  .request-article {
    justify-content: flex-start;
    border-top-width: 0;
    border: 1px solid #70AFCC;
  }
}

.request-article:last-child {
  border-radius: 0;
}
@media (min-width: 992px) {
  .request-article:nth-child(1), .request-article:nth-child(2), .request-article:nth-child(3) {
    border-top: none;
  }
  .request-article:nth-child(1), .request-article:nth-child(2), .request-article:nth-child(4) {
    border-right: none; 
  }
  .request-article:nth-child(4), .request-article:nth-child(5) {    
    width: 50%;
    border-bottom: none;
  }
/*   .contents-booking-request-wrap .request-article:nth-child(4), .contents-booking-request-wrap .request-article:nth-child(5) {    
    width: 48.6666666666%;
  }
 */  .request-article:nth-child(3) {
    width: 34%;
  }
  .request-article:nth-child(6), .request-article:last-child {
    width: 100%;
    border: 1px solid #70AFCC;
  }
  .request-article:nth-child(6) {
    border-bottom: none; 
  }
}

.request-article span {
  font-size: 18px;
  font-weight: 500;
}
.request-article span:last-child {
  display: inline-flex;
  justify-content: flex-end;
}
.request-article span.request-article-title {
  width: 80px;  
}
.request-article span.request-article-contents {
  text-align: left;
  width: calc(100% - 120px);  
}
.request-article span.request-article-sound {
  width: 30px;
}
@media (min-width: 992px) {
  .request-article span {
    font-size: 14px;
    font-weight: 400;
  }
  .request-article span.request-article-title {
    font-weight: 500;
    width: 60px;
  }
  
  .request-article span.request-article-contents {
    color: #233740;
  }
  .request-article span.request-article-sound {
    width: 60px;
  }
}



span.request-article-contents {
  color: #fff;
  font-weight: 400;
}
span.request-article-contents span {
  font-size: 16px;
  font-weight: 300;
  text-transform: uppercase;
}
@media (min-width: 992px) {
 span.request-article-contents span {
    font-size: 12px;
    font-weight: 400;
  } 
}
span.request-article-contents p {
  margin: 0;
}

.custom-play-btn {
  padding: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 30px;
  height: 30px;
  border: 1px solid #233740;
  border-radius: 50%;
  background: transparent;
}
.custom-play-btn::before {
  content: '\f04b';
  font-family: 'Font Awesome 5 Free';
  font-size: 10px;
  font-weight: 900;
  color: #233740;
}
.custom-pause-btn {
  border: 2px solid #ec008c;
  color: #ec008c;
}
.custom-pause-btn::before {
  content: '\f04c';
  color: #ec008c;
}
.contents-booking-request-wrap .collapse {
  border-bottom: 1px solid #8ED8FF;
}

.contents-booking-request-wrap .custom-btn-request {
  background: transparent;
  border-bottom: 1px solid #8ED8FF;
}
@media (min-width: 576px) {
 .contents-booking-request-wrap .custom-btn-request {    
    border: 1px solid #8ED8FF;
    border-top: none;
  } 
}
.contents-booking-request-wrap .custom-btn-request::before {
  background-image: url('../img/arrow-down-anakiwa.svg');
  right: calc(50% - 15px);  
}
.contents-booking-request-wrap .list-group {
  padding-top: 10px;  
}
.contents-booking-request-wrap .request-article {
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  background: transparent;
  margin: 10px;
  margin-top: 0;
  border: 1px dashed #E386FC;
  color: #E584FC;
  position: relative;
  height: auto;
}
@media (min-width: 992px) {
  .contents-booking-request-wrap .request-article {
    margin-left: 0;
  }
  .contents-booking-request-wrap .custom-card-body ul li:nth-child(2), .contents-booking-request-wrap .custom-card-body ul li:nth-child(4){
    width: calc(50% - 10px);
  }
  .contents-booking-request-wrap .custom-card-body ul li:nth-child(1),  .contents-booking-request-wrap .custom-card-body ul li:nth-child(3),  .contents-booking-request-wrap .custom-card-body ul li:nth-child(5),  .contents-booking-request-wrap .custom-card-body ul li:nth-child(6),  .contents-booking-request-wrap .custom-card-body ul li:nth-child(7) {
    margin-right: 0;
  }
}


.contents-booking-request-wrap span.request-article-title {
  text-transform: uppercase;
  width: 100%;
  padding-top: 10px;
  padding-bottom: 15px;
  border-bottom: 1px dashed #E386FC;
}
.contents-booking-request-wrap span.request-article-contents {
  color: #233740;
  width: 100%;
  padding-top: 20px;
  padding-bottom: 25px;
}

.contents-booking-request-wrap span.request-article-sound {
  position: absolute;
  top: 15px;
  right: 20px;
}
@media (min-width: 768px) {
  .contents-complete-wrap .list-group {
    margin-top: 50px;
  }
  .contents-complete-wrap .list-group li:nth-child(1) {
    border-top: 1px solid #233740;
  }
}
@media (min-width: 992px) {
  .contents-complete-wrap .list-group li:nth-child(1) {
    border-top: 1px solid #70AFCC;
  }
}

@media (min-width: 992px) {
  .product-history {
    margin: 0;
  }
}

.publishing-date-wrap {
  display: block;
  padding: 17px;
  margin-bottom: 20px;
  border: 1px dashed #8ED8FF;
}
@media (min-width: 992px) {
  .publishing-date-wrap {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
  }
}
.publishing-date-wrap span {
  display: flex;
  align-items: center;
  font-size: 20px;
  font-weight: 300;
}
.publishing-date-wrap span.product-date {
  font-weight: 500;
  justify-content: flex-start;
  margin-bottom: 30px;
}
.publishing-date-wrap span.product-history {
  align-items: flex-start;
  flex-direction: column;
  margin-bottom: 0;
  white-space: nowrap;
}
.publishing-date-wrap span.product-history {
  margin-bottom: 0;
  width: 100%;
}
.publishing-date-wrap span.product-history .form-control{ 
  color: #acacac;
}
.publishing-date-wrap span.product-history .form-control{ 
  color: #acacac;
}
@media (min-width: 992px) {
  .publishing-date-wrap span.product-history .form-control { 
    margin-left: 15px;
  }
}
.publishing-date-wrap span.product-history .form-control .last-publishing-date {
  font-weight: 700;
}
.publishing-date-wrap span.product-history .form-control .last-publishing-date {
  font-weight: 700;
}

@media (min-width: 992px) {
  .publishing-date-wrap span {   
    font-size: 14px;
    font-weight: 300;
  }
  .publishing-date-wrap span.product-state {    
    display: flex;
    justify-content: flex-start;
    padding-right: 15px;
  }
  .publishing-date-wrap span.product-date {
    font-size: 20px;
    margin-top: 0;
    margin-bottom: 0;
    flex-grow: 1;
  }
  .publishing-date-wrap span.product-history {
    align-items: center;
    flex-direction: row;
    margin-bottom: 0;
  }
  .publishing-date-wrap span.product-history {    
    width: auto;
  }
}

label {
  font-size: 22px;
  font-weight: 700;
  color: #9C77FE;
  text-transform: uppercase;
}

@media (min-width: 992px) {
  label {
    min-height: 25px;
  }
}

label > span {
  font-weight: 300;
}

label.product-history {
  font-size: 16px;
  font-weight: 400;
  color: #acacac;
  white-space: nowrap;
}
@media (min-width: 992px) {
  label.product-history {
    display: inline-flex;
    align-items: center;
    font-size: 14px;
    margin-right: 15px;
  }  
}

@media (min-width: 992px) {
  .form-group h5 {
    font-size: 14px;
    font-weight: 400;
    line-height: 1.5;
  }
}
.form-group-dotline {
  border: 1px dashed #8ED8FF;
  padding: 17px 0 0 0;
  margin-right: 0;
  margin-left: 0;
  position: relative;
}

.course-number {
  min-height: 30px;
}

.form-group-dotline + .form-group-dotline {
  margin-top: 10px;
}

.form-group-dotline textarea.form-control {
  min-height: 150px;
}

.form-group-dotline .input-group {
  padding: 15px;
}

.form-group .more-btn {
  width: 100%;
  color: #8ED8FF;
  border: 1px dashed #8ED8FF;
  font-size: 50px;
  font-weight: 100;
  margin-top: 10px;
  background: transparent;
}

.form-group .more-btn:hover {
  color: #fff;
  font-weight: 400;
  background: #8ED8FF;
  border: 1px solid #8ED8FF;
}

.close-btn {
  color: #8ED8FF;
  position: absolute;
  width: 50px;
  height: 50px;
  top: 0;
  right: 0;  
  z-index: 3;
}
.close-btn:hover {
  color: #263340;
}

/* 초기화  */
.reload-btn-wrap {
  position: absolute;
  top: 10px;
  right: 10px;
  z-index: 1;
  width: 30px;
  height: 30px;
  display: flex;
}
.reload-btn-wrap .reload-btn {
  margin-bottom: 0;
  width: 30px;
  height: 30px;
}
.reload-btn::before {
  content: '\f2f1';
  font-family: 'Font Awesome 5 Free';
  font-size: 20px;
  color: #8bdbff;  
}

input[type="tel"], input[type="number"]  {
  text-align: right;
  font-size: 18px;
  font-weight: 600;
}
input#calendar {
  font-size: 18px;
  font-weight: 600;
}

input::placeholder {
  font-size: 14px;
  font-weight: 400;
}
#phone {
  text-align: left;
}

.custom-input-group-prepend .input-group-text {
  border-radius: 0;
  border-style: dashed;
  background: transparent;
  border-color: #E584FC;
  margin-right: 3px;
  margin-left: 3px;
  color: #E584FC;
}

.custom-input-amount input {
  border-right: none;
  padding-right: 0;
}
.custom-input-amount .custom-form-control::placeholder {
  text-align: right;
  font-size: 14px;
  font-weight: 400;
}
.custom-input-amount .custom-form-control:-ms-input-placeholder {
  text-align: right;
}
.custom-input-amount input[type="tel"].custom-form-control::placeholder, .custom-input-amount input.custom-form-control[type="tel"]:-ms-input-placeholder {
  text-align: right;
}

#dPayment::placeholder {
  text-align: right;
  font-size: 18px;
  font-weight: 600;
}
.custom-input-group-prepend .input-group-text.custom-unit {
  margin: 0;
  border-color: #ced4da;
  border-style: solid;
  text-transform: uppercase;
}

.contents-function-wrap {
  margin-top: 10px;
  margin-bottom: 10px;
  color: #8ED8FF;
}
@media (min-width: 768px) {
  .contents-function-wrap {
  margin-top: 20px;
  margin-bottom: 20px;
  }
}
.contents-function-wrap div {
  display: inline-flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
}

@media (min-width: 768px) {
  .contents-function-wrap div {
    flex-direction: row;
  }
  .contents-function-wrap div:last-child {
    border-left: 1px dashed #E683FC;
  }
}

.contents-function-wrap div:last-child {
  flex-direction: row;
}
.contents-function-wrap div span {
  text-align: center;
}

.btn-icon-wish::before {
  content: '\f004';
  font-family: 'Font Awesome 5 Free regular';
  font-size: 20px;
  color: #8ED8FF;
}

.btn-icon-wish[selected]::before {
  font-family: 'Font Awesome 5 Free';
  color: #EC008C;
}

.btn-icon-share {
  width: 20px;
  height: 30px;
  background-image: url('../img/share-social-outline.svg');
  background-repeat: no-repeat;
  background-size: 100%;
  background-position: center center;
}

.contents-simple-intro {
  margin-top: 30px;
  margin-bottom: 0px;
  font-size: 18px;
  font-weight: 500;
}

@media (min-width: 992px) {
  .contents-simple-intro {
    font-size: 16px;
    font-weight: 400;
    line-height: 1.5;
  }
}

.anchor-area {
  height: 70px;
}

.custom-tab-style {
  margin-left: -24px;
  margin-right: -24px;
}
.list-group-horizontal .list-group-item:first-child, .list-group-horizontal .list-group-item+.list-group-item {
  border-radius: 0;
}

.custom-tab-style .list-group-item {
  padding: 10px 3px;
}
.custom-tab-style a {
  text-align: center;
  font-size: 16px;
  font-weight: 300;
  color: #E683FC;
  border-color: #E683FC;
  text-transform: uppercase;
}

.custom-tab-style a:hover {
  color: #fff;
  font-weight: 700;
  background: #E683FC;
}

.custom-tab-style a[selected] {
  color: #fff;
  font-weight: 700;
  background: #E683FC;
}

@media (min-width: 992px) {
  .custom-tab-style a:last-child span {
    display: inline-flex;
    align-items: center;
    font-size: 14px;

  }
  .custom-tab-style a[selected] span {
    font-weight: 400;
  }
}

.contents-product-info-wrap .custom-tab-style {
  margin-top: -30px;
  margin-bottom: 30px;
  justify-content: space-between;
  flex-wrap: nowrap;
}
@media (min-width: 768px) {
  .contents-product-info-wrap .custom-tab-style {
    margin-top: 0;
  }
}
.custom-tab-style .nav-item {
  width: 100%;
}
.custom-tab-style .nav-item a.nav-link {
  border-radius: 0;
  text-align: center;
  font-size: 18px;
  font-weight: 300;
  color: #E683FC;
  border-bottom: 1px solid #E683FC;
  text-transform: uppercase;
  white-space: nowrap;
  padding: 10px 3px;
 }
@media (min-width: 576px) {
  .custom-tab-style .nav-item a.nav-link {
    border: 1px solid #E683FC;
    border-top: none;    
  }
}
@media (min-width: 768px) {
  .custom-tab-style .nav-item a.nav-link.nav-link {
    border: 0;
    border: 1px solid #E683FC;
    border-right: none;
    font-size: 14px;
  }
  .custom-tab-style .nav-item:last-child a.nav-link {
    border-right: 0;
    border-right: 1px solid #E683FC;
  }
}
.nav-pills.custom-tab-style a.nav-link.active,  .nav-pills.custom-tab-style .show > .nav-link, .nav-pills.custom-tab-style a.nav-link:hover   {
  color: #fff;
  background: #E683FC;
  font-weight: 700;
}
.custom-tab-style a.nav-link.disabled {
  background: rgba(230, 131, 252, 0.5);    
}

.custom-tab-row-style {
  flex-wrap: nowrap;
  margin-left: 0;
  margin-right: 0;
}

@media (min-width: 768px) {
  .custom-tab-row-style {
    margin-top: 20px;
    margin-bottom: 30px;    
  }
}

.profile-default {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 190px;
  height: 190px;
  border: 6px solid #fff;
  border-radius: 50%;
}
.profile-default > svg {
  width: 190px;
}

.contents-product-view-wrap .profile-default  {
  border-color: #8ED8FF;
}

.product-profile-wrap {
  padding: 0;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

@media (min-width: 992px) {
  .product-profile-wrap {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;  
    padding-top: 60px; 
  }
  #personalInfo .product-profile-wrap {
    padding-top: 50px; 
  }
}

.product-profile-wrap li {
  display: flex;
  justify-content: center
}

/* .product-profile-wrap li.profile-info-wrap {
  width: 100%;
} */

@media (min-width: 992px) {
  .product-profile-wrap ul {
    display: flex;
  }

  .product-profile-wrap li {
    justify-content: flex-start;
  }
}

.product-profile-wrap > li:last-child {
  margin-bottom: 0;
}

.product-profile-wrap li.profile-wrap {
  padding-top: 50px;
}

@media (min-width: 992px) {
  .product-profile-wrap li.profile-wrap {
    padding-top: 0;
    justify-content: center;
    padding-left: 60px;
    padding-right: 60px;
  }

  .product-profile-wrap li.profile-wrap .profile {
      width: 190px;
      height: 190px;
      border-width: 6px;
  }

}



.product-profile-wrap li.profile-wrap .profile, .product-profile-wrap li.profile-wrap .profile-default {
  border-color: #8BDBFF;
  width: 190px;
  height: 190px;
}


.profile-info-wrap {  
  flex-direction: column;
}

.profile-info-wrap ul {
  padding: 0;
  flex-direction: column;
}



@media (min-width: 992px) {
  .profile-info-wrap {
    width: calc(100% - 310px);

  }

}

.product-profile-wrap .profile-info-wrap ul li.nickname-wrap {
  padding-top: 10px;
  font-size: 24px;
  font-weight: 700;
}

@media (min-width: 992px) {
  .product-profile-wrap .profile-info-wrap ul li {
    margin-bottom: 10px;
  }
  .product-profile-wrap .profile-info-wrap ul li.special-text-wrap {
    padding-top: 0;
    margin-top: 20px;
    margin-bottom: 20px;
  }

  .product-profile-wrap .profile-info-wrap ul li.nickname-wrap {
    padding: 0;
    font-size: 18px;

  }
  .product-profile-wrap .profile-info-wrap ul li.blog-intro {
    margin-top: 0;
  }
}

.product-profile-wrap .profile-info-wrap ul li .travel-location {
  padding-top: 17px;
}
.product-profile-wrap .profile-info-wrap ul li .travel-location::before, .table-striped .travel-location::before {
  color: #263340;
}

@media (min-width: 992px) {
  .product-profile-wrap .profile-info-wrap ul li .travel-location {
    padding: 0;
    text-transform: none;
  }
  .product-profile-wrap .profile-info-wrap ul li .travel-location::before {
    display: none; 
  }

  _:-ms-input-placeholder, :root .product-profile-wrap .profile-info-wrap ul li.profile-btns-wrap {
    display: block;
    width: 280px;
  }

}
ul.star-wrap {
  display: inline-flex;
  flex-direction: row;
  margin-top: 17px;
}

@media (min-width: 992px) {
  ul.star-wrap {
    margin: 0;
  }
}

ul.star-wrap li {
  display: inline-flex;
  align-items: center;
  border-color: transparent;
  padding: 0 3px;
  background: transparent;
}
ul.star-wrap li::before {
    content: '\f005';
    font-family: 'Font Awesome 5 Free regular';
    font-size: 16px;
    color: #EC008C;
}

@media (min-width: 992px) {
  ul.star-wrap li::before {
    font-size: 12px;
  }
}

ul.star-wrap li[selected]::before {
  font-family: 'Font Awesome 5 Free';
}

.modal-body ul.star-wrap  {
  display: flex;
  width: 100%;
  justify-content: center;
  margin-top: 30px;
  margin-bottom: 30px;
}
.modal-body ul.star-wrap li {
  margin-right: 10px;  
  cursor: pointer;
}
.modal-body ul.star-wrap li::before {
    font-size: 24px;
}


.special-text-wrap {
  padding-top: 30px;
  text-align: center;
  font-size: 22px;
  font-weight: 700;
  text-transform: uppercase;
}
@media (min-width: 992px) {
  .special-text-wrap {
    font-size: 14px;
    padding-top: 20px;
    font-style: italic;
  }
}
.imagezone-blog-wrap .special-text-wrap {
padding-top: 20px;  
}


.blog-intro {
  margin-top: 15px;
  margin-bottom: 15px;
  font-size: 16px;
  font-weight: 500;
}
@media (min-width: 992px) {
  .blog-intro {
    font-size: 14px;
    font-weight: 400;
  }
}

.product-info-wrap {
  margin-bottom: 30px;
}
@media (min-width: 992px) {
  .product-info-wrap {
    margin-left: 57px;
    margin-right: 57px;
    line-height: 1.5;
  }
}
.product-aticle-title {
  display: flex;
  margin-top: 45px;
  margin-bottom: 10px;
  position: relative;
}
.product-aticle-title::before {
  display: inline-flex;
  align-items: center;
  margin-right: 10px;
  font-family: 'Font Awesome 5 Free';
  font-size: 16px;
  color: #9C77FE;
}
.product-aticle-title h4 {
  margin-bottom: 0;
  white-space: nowrap;
}
.title-icon-tintro::before {
  content: '\f069';
}

.title-icon-trans::before {
  content: '\f1b9';
}

.title-icon-point::before {
  content: '\f66f';
}

.title-icon-course::before {
  content: '\f4d7';
}

.title-icon-mtime::before {
  content: '\f017'; 
  font-family: 'Font Awesome 5 Free regular';
}

.title-icon-mplace::before {
  content: '\f3c5';
}

.title-icon-comment::before {
  content: '\f0a1'; 
}

.title-icon-inclusion::before {
  content: '\f0fe'; 
  font-family: 'Font Awesome 5 Free regular';
}

.title-icon-non-inclusive::before {
  content: '\f146'; 
  font-family: 'Font Awesome 5 Free regular';
}

.title-icon-policy::before {
  content: '\f057'; 
  font-family: 'Font Awesome 5 Free regular';
}

.title-icon-policy h4 {
  display: flex;
  flex-direction: column;
}


@media (min-width: 768px) {
  .title-icon-policy h4 {    
    flex-direction: row;
    /*width: 100%;*/
  }
}

.product-aticle-title h5 {
  display: inline-flex;
  align-items: center;
  white-space: nowrap;
  font-weight: 400;
  margin-left: 10px;
  margin-right: 3px;
  margin-bottom: 0;
}
@media (min-width: 768px) {
  .product-aticle-title h5 {
    margin-left: 10px;
  }
}
@media (min-width: 992px) {
  .product-aticle-title h5 {
    display: inline-block;
    margin-left: 10px;
    padding-top: 5px;
    font-size: 14px;
  }
}

.product-aticle-title hr {
  display: none;
}
@media (min-width: 768px) {  
  .product-aticle-title::before {
    /* position: absolute;
    top: -20px;
    left: 0; */
  }

  .product-aticle-title {
    display: flex;
    flex-direction: row;
  }
  .product-aticle-title hr {
    display: block;
    margin: 0;
    margin-left: 3px;
    margin-top: 12px;
    width: 100%;
    border-top: 1px solid #E683FC;
    position: relative;    
  }
  .product-aticle-title hr::after {
    content: '';
    display: inline-block;
    background-image: url('../img/airplane-sharp.svg');
    background-size: 100%;
    width: 16px;
    height: 16px;
    position: absolute;
    top: -8px;
    right: 0;
  }
   _:-ms-input-placeholder, :root .product-aticle-title hr::after {
    left: calc(100% - 16px);
    
  }
}
@media (min-width: 992px) {
  .product-aticle-title::before {
    position: absolute;
    top: 0px;
    left: -50px;
  }
  .product-aticle-title hr::after {
    top: -9px;
  }
}

.course-wrap{
  margin: 0;
  margin-right: -24px;
  margin-left: -24px;
}

.course-wrap .card {
  color: #fff;
  border-radius: 0;
  height: 560px;  
  background-repeat: no-repeat;
  background-size: 120vh;
  background-position: center center;
}

@media (min-width: 576px) {
  .course-wrap .card {
    flex: none;
    width: 100%;
  }
}

@media (min-width: 992px) {
  .course-wrap {
    margin-left: -81px;
    margin-right: -81px;
  }
  
  .course-wrap .card {
    flex: none;
    width: 375px;
  }
}

.course-wrap .card h1 {
  position: absolute;
  bottom: auto;
  top: 15px;
  left: 20px;
  z-index: 8;
  font-size: 64px;
}

.course-wrap .card::before {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  z-index: 7;
  background: rgba(0, 0, 0, 0.33)
}
.course-wrap .card-img-overlay {
  top: auto;
  height: 50%;
  z-index: 8;
  background: rgba(0, 0, 0, 0.33)
}

.course-wrap .card-title {
  height: 60px;

  line-height: 1.2;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}

.course-wrap .course-time {
  font-weight: 100;
}
.course-wrap .course-time::before {
  content: '\f017';
  font-family: 'Font Awesome 5 Free regular';
  font-size: 16px;
  margin-right: 7px;

}

.course-wrap .card-text-contents {  
  line-height: 1.2;
  overflow-y: auto;
  height: 95px;  
}

/* .card-text-contents {
  overflow : hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 6;
  -webkit-box-orient: vertical;
} */
@media (min-width: 576px) {
  .course-wrap .card-text-contents {    
    height: 105px;
  }
}
@media (min-width: 768px) {
  .course-wrap .card-text-contents {  
    line-height: 1.5;
  }
}

.card-group.course-wrap > .card {
  margin-bottom: 0;
}

.modal-body .card-group.hotplace-list-wrap {
  flex-flow: column wrap;
}

.map-wrap {
  height: 530px;
  margin-left: -24px;
  margin-right: -24px;
  margin-top: 30px;
  background: linear-gradient(to right, rgba(139, 219, 255, 1), rgba(230, 131, 252, 1));
}

@media (min-width: 768px) {
  .map-wrap {
    height: 300px;
    margin-left: -81px;
    margin-right: -81px;
  }
}

.share-btn-wrap {
  text-align: center;
  margin-bottom: 30px;
}

.btn-share::before {  
  font-family: 'Font Awesome 5 Brands';
  font-size: 60px;
  margin-right: 7px;
  color: #9C77FE;
}

.btn-icon-facebook::before {
  content: '\f082';
}

.btn-icon-instargram::before {
  content: '\f955';
}

.btn-icon-twitter::before {
  content: '\f081';
}

#shareModal .custom-btn-input-side {
  background: #8ED8FF;
}

.reivew-wrap {
  padding-top: 30px;
}

.reivew-wrap .profile-default {
  width: 50px;
  height: 50px;
  border: 1px solid #E584FC;
}
.reivew-wrap .profile {
  width: 50px;
  height: 50px;
  border: 1px solid #E584FC;
}

@media (min-width: 992px) {
 .reivew-wrap .profile-default {
    width: 130px;
    height: 130px; 
    border-width: 4px;   
  }
  .reivew-wrap .profile {
    width: 130px;
    height: 130px;
    border-width: 4px; 
  } 
}

.reivew-wrap .list-unstyled {
  margin-left: -24px;
  margin-right: -24px;
  margin-bottom: 0;

}

.reivew-wrap .media {
  padding: 30px 25px 15px 25px;
  border-top: 1px dashed #E584FC;
  border-bottom: 1px dashed #E584FC; 
  position: relative;
}
.reivew-wrap .media + .media {
  border-top: none;
}
.reivew-wrap .media:last-child {
  margin-bottom: 30px;
}

@media (min-width: 576px) {
  .reivew-wrap .media {
    padding: 45px 30px 20px 60px;    
    border: 1px dashed #E584FC;
    margin-bottom: 20px;
  }
  .contents-review-list .reivew-wrap .media { 
    border-left: none; 
    border-right: none; 
  }
  .reivew-wrap .media + .media {
    border-top: 1px dashed #E584FC; 
  }
}

.reivew-wrap .media h5 {
 font-weight: 700;
 margin-bottom: 0;
}

.contents-review-list .reivew-wrap .media {
  padding-top: 40px;
}

.reivew-wrap .list-unstyled {
  position: relative;
}

.reivew-wrap .list-unstyled .close-btn {
  position: absolute;
  top: 0;
  right: 0;
  color: #E683FC;
}
.contents-blog-wrap .reivew-wrap {
  padding-top: 0;
}

.media-body a {
  display: flex;
  text-decoration: underline;
  color: #E683FC;
  margin-bottom: 10px;
}
.media-body a:hover {
  color: #A7A7F6;
}
.media-body a h5 {
  color: #E683FC;  
}
.media-body a h5:hover {
  color: #A7A7F6;
}

.media-body .travel-location {
  font-size: 14px;
  margin-bottom: 20px;
}
.media-body .travel-location::before {
  font-size: 12px;
  color: #263340;
}

.reivew-wrap .list-unstyled .media-body {
  padding-left: 20px;
}

@media (min-width: 996px){
  .reivew-wrap .list-unstyled .media-body {
    padding-left: 47px;
  }
  .reivew-wrap .list-unstyled .media-body p {
    min-height: 100px;
    padding-right: 50px;
  }
}

.reivew-wrap ul.star-wrap {
  margin-top: 0;
}
.reivew-wrap ul.star-wrap li {
  padding: 0;
}
.reivew-wrap ul.star-wrap li::before {
  font-size: 12px;
}

.reivew-wrap .media-body .row {
  margin-right: 0;
  margin-left: 0;
  margin-bottom: 7px;
}
.reivew-wrap .media-body .row span {
  display: inline-flex;
  align-items: center;
  justify-content: flex-end;
  padding: 0;
}
@media (min-width: 992px) {
  .reivew-wrap .media-body .row span:last-child {
    padding-right: 50px;
  }
}
.reivew-wrap .media-body .row span.review-write-time {
  display: inline-flex;
  align-items: center;
  justify-content: flex-start;
  font-size: 14px;
  padding: 0;
  white-space: nowrap;
}
.review-footer {
  display: block;
  text-align: right;
}

.form-check-label {
  color: #263340;
  font-size: 18px;
  font-weight: 400;
  text-transform: none;
  white-space: nowrap;
  margin-right: 15px;
}
_:-ms-input-placeholder, :root .form-check-label {
  white-space: normal;
}
@media (min-width: 576px) {
  .form-check-label {
    font-size: 16px;    
  }
}

#registForm .form-check-label {
  white-space: normal;
}

.modal-body .col {
  display: flex;
  align-items: center;
  min-height: 40px;
  font-weight: 700;
}
_:-ms-input-placeholder, :root .modal-body .col {
  margin-bottom: 10px;
  align-items: flex-start;
}
.review-image {
  display: block;
  margin-left: -95px;
  margin-right: -25px;
  margin-bottom: 30px;
}
.review-image img { 
  width: 100%;
}
@media (min-width: 576px) {
  .review-image { 
    margin-left: -100px;
    margin-right: 0;
    margin-bottom: 30px;
  }
}

@media (min-width: 992px) {
  .review-image { 
    margin-left: -180px;
  }
}

.contents-review-list .reivew-wrap {
  padding: 0;
  padding-top: 0;
}
.contents-review-list .reivew-wrap .list-unstyled {
  margin-left: 0;
  margin-right: 0;
}

.contents-review-list .reivew-wrap .media, .contents-blog-wrap .reivew-wrap .media {
  margin-bottom: 0;
  border-top: none;
}
.contents-review-list .reivew-wrap .media:last-child, .contents-blog-wrap .reivew-wrap .media:last-child {
  border-bottom: none;
}

@media (min-width: 576px) {
  .contents-review-list .reivew-wrap .media, .contents-blog-wrap .reivew-wrap .media {
    border: 1px dashed #E584FC;
    margin: 10px;
  }
  .contents-review-list .reivew-wrap .media:last-child, .contents-blog-wrap .reivew-wrap .media:last-child {
    border-bottom: 1px dashed #E584FC;
  }
}


.modal-footer {
  justify-content: center;
}
.modal-footer .custom-btn-confirm {
  transform: none;
}

.modal-footer a {
  color: #263340;
  text-decoration: underline;
}

.fiexd-btn-wrap {
  display: flex;
  justify-content: space-between;
  width: 100%;
  height: 60px;
  border: none;
  position: fixed;
  left: 0;
  bottom: 30px;
  z-index: 10000;
}
@media (min-width: 576px) {
  .fiexd-btn-wrap {
    left: 50%;
    transform: translateX(-50%);
  }
  .fiexd-btn-wrap .btn {
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2);
  }
}

.fiexd-btn {  
  display: inline-flex;  
  width: 60px;
  height: 60px;
  border-radius: 50%;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 30px;  
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2);
  position: relative;
}
@media (min-width: 576px) {
  .fiexd-btn {
    bottom: 0;
    left: 0;
    width: 50%;
    height: 100%;
    border-radius: 0;
    box-shadow: none;
  }  
}
.fiexd-btn::before {
  content: attr(data-badge);
  position: absolute;
  right: 7px;
  top: 7px;  
  line-height: 14px;
  height: 16px;
  padding: 0 4px;
  font-family: 'Helvetica Neue', "Roboto", 'Tahoma', 'Dotum';
  color: white;
  font-size: 11px;
  background-color: rgba(255, 0, 0, 1.0);
  border: solid 1px #bf1f1f;
  border-radius: 10px;
  opacity: 1;  
}
.fiexd-btn[data-badge="0"]::before {  
  display: none;
}
.fiexd-btn-chat {
  background-color: #8BDBFF;
  border: 1px solid #69A4BF;
  background-image: url('../img/icon-chat.svg');
}
.fiexd-btn-chat:hover {
  background-color: #E683FC;
  border: 1px solid #E683FC;
}

.fiexd-btn-wrap .btn span {
  display: none;
}
@media (min-width: 576px) {
  .fiexd-btn::before {
    top: 50%;
    transform: translateY(-50%);
  }
  .fiexd-btn-chat {        
      background-position: 30% center;
      background-size: 25px;
  }
  .fiexd-btn-wrap .btn span {
    display: inline-block;    
    text-transform: uppercase;
    font-weight: 500;
  }
}

.fiexd-btn-booking {
  display: inline-flex;    
  width: 60px;
  height: 60px;
  border-radius: 50%;
  background-color: #EC008C;
  border: 1px solid #6E0042;
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2);
  background-image: url('../img/add.svg');
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 45px;
}
.fiexd-btn-booking[disabled], .fiexd-btn-booking[disabled]:hover {
    background-image: url('../img/checkmark-outline.svg');    
    background-size: 30px;
    color: #0C737A;
    background-color: #13AEBA;
    border-color: #1097A1;
    cursor: default;
    opacity: 1.0;
}
.fiexd-btn-payment {
  display: inline-flex;    
  width: 60px;
  height: 60px;
  border-radius: 50%;
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2);  
  color: #fff;
  background-color: #13AEBA;
  border-color: #1097A1;
  cursor: default;
  opacity: 1.0;
  position: relative;
  cursor: pointer;
}
.fiexd-btn-payment::before {
  content: '\f09d';
  font-family: 'Font Awesome 5 Free';
  font-size: 26px;
  font-weight: 900;
  color: #fff;
  position: absolute;
  top: 50%;  
  left: 50%;
  transform: translate(-50%, -50%);
}
.fiexd-btn-payment:hover {
  background-color: #E683FC;
  border: 1px solid #E683FC;
}
.booking-my-own {
  background: #E683FC;
  border-color: #E683FC;
  background-image: url('../img/add.svg');
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 40px;
}

@media (min-width: 576px) {
  .fiexd-btn-booking, .fiexd-btn-payment  {
    right: 0;
    bottom: 0;
    width: 50%;
    border-radius: 0;
    background-position: 25% center;
    background-size: 30px;
  }
  _:-ms-input-placeholder, :root .fiexd-btn-booking {
    bottom: 60px;
    background-position: -20px center;
    background-size: 60%;
  }
  .fiexd-btn-payment::before {    
    font-size: 20px;
    font-weight: 900;
    top: 50%;  
    left: 25%;
    transform: translate(-50%, -50%);
  }
}
.product-list-wrap {
  margin: 0;
  justify-content: center;
}
.contents-blog-wrap .product-list-wrap {
  margin: 0;
  margin-left: -24px;
  margin-right: -24px;
}


.product-list-wrap .card {
  color: #fff;
  border-radius: 0;
  height: 560px;
  background-repeat: no-repeat;
  background-size: 200vh;
  background-position: center center;
  margin-bottom: 0;
  border: none;  
}

@media (min-width: 576px) {
  .product-list-wrap {
    display: flex;
  }
  .product-list-wrap .card {
    width: 100%;
    flex: none;
  }
}
@media (min-width: 768px) { 
  .product-aricle-center-wrap {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
  }
  .product-list-wrap .card {
    width: 50%;
    flex-direction: row;
    flex-wrap: wrap;
  }
}
@media (min-width: 992px) {
  .product-list-wrap .card {
    width: 33.333333333333333%;
  }
}
@media (min-width: 1200px) {
  .product-list-wrap .card {
    width: 375px;
    height: 560px;
    margin-top: 3px;
    margin-right: 3px;
  }
}
/* @media (min-width: 1400px) {
  .product-list-wrap .card {
    width: 375px;
  }
} */

.product-article-center-wrap {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  width: 100%;
}
@media (min-width: 576px) {
  .product-article-center-wrap {
    flex-direction: row;
    flex-wrap: wrap;
  }
}
@media (min-width: 1200px) {
  .product-article-center-wrap {
     margin: 0 3px 3px 6px;
     width: 1134px;
   }
}
@media (min-width: 1538px) {
  .product-article-center-wrap {
    width: 1512px;
  }
  .contents-blog-wrap .product-article-center-wrap {
    width: 1134px;
  }
}
@media (min-width: 1920px) {
  .product-article-center-wrap {
    width: 1890px;
  }
}

.product-list-wrap .card:hover {
  background-size: 230vh;
  animation: bgSlowBig 1s ease-in;
}
@keyframes bgSlowBig {
  0%{background-size: 130vh;}
  10%{background-size: 140vh;}
  20%{background-size: 150vh;}
  30%{background-size: 160vh;}
  40%{background-size: 170vh;}
  50%{background-size: 180vh;}
  60%{background-size: 190vh;}
  70%{background-size: 200vh;}
  80%{background-size: 210vh;}
  90%{background-size: 220vh;}
  100%{background-size: 230vh;}
}

.product-list-wrap .card::before {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  z-index: 7;
  background: rgba(0, 0, 0, 0.2);    
  border: none;
  box-shadow: inset 0px 0px 30px 10px rgba(0,0,0,0.33);
}

.product-list-wrap .card:hover::before {
  background: rgba(0, 0, 0, 0.0);  
  animation: maskSlowGone .5s ease-in;
}
@keyframes maskSlowGone {
  0%{background: rgba(0, 0, 0, 0.33);}
  10%{background: rgba(0, 0, 0, 0.33);}
  20%{background: rgba(0, 0, 0, 0.32);}
  30%{background: rgba(0, 0, 0, 0.28);}
  40%{background: rgba(0, 0, 0, 0.24);}
  50%{background: rgba(0, 0, 0, 0.20);}
  60%{background: rgba(0, 0, 0, 0.16);}
  70%{background: rgba(0, 0, 0, 0.12);}
  80%{background: rgba(0, 0, 0, 0.08);}
  90%{background: rgba(0, 0, 0, 0.04);}
  100%{background: rgba(0, 0, 0, 0.00);}
}

#recollingDataModalScrollable .product-list-wrap .card {
  width: 100%;
  flex-direction: column;
  margin: 0;
}

.product-list-wrap .card-img-overlay {
  top: auto;
  height: 30%;
  z-index: 8;
  background: rgba(0, 0, 0, 0.33);
  padding: 24px 24px 24px 24px;
}
.product-list-wrap .travel-location {
  text-transform: none;
  font-weight: 300;
}
.product-list-wrap .travel-location::before {
  color: #fff;
  font-size: 12px;
}
.product-list-wrap .card-title {
  margin-bottom: 0;
  min-height: 45px;
  line-height: 1.2;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}


@media (min-width: 1141px) {
  .product-list-wrap .card-title {
    font-weight: 700;
  }  
}

.hotplace-list-wrap {
  margin: 0;
  justify-content: center;
}
.hotplace-list-wrap.course-wrap {
  justify-content: flex-start;
}



.hotplace-article-center-wrap {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  width: 100%;

}
@media (min-width: 576px) {
  .hotplace-article-center-wrap {
    flex-direction: row;
    flex-wrap: wrap;
  }
}
@media (min-width: 1200px) {
  .hotplace-article-center-wrap {
    margin: 3px;
    width: 1134px;
  }
}
@media (min-width: 1538px) {
  .hotplace-article-center-wrap {
    width: 1512px;
  }
}
@media (min-width: 1920px) {
  .hotplace-article-center-wrap {
      width: 1890px;
  }
}
.hotplace-list-wrap .card {
  display: flex;
  position: relative;
  height: 400px;  
  border: 0;
  border-radius: 0;
  color: #263340;  
  background-repeat: no-repeat;
  background-position: center center;
  /* background-size: 200%; */
}
@media (min-width: 576px) {
  .hotplace-list-wrap .card {
    width: 100%;
    flex: none;
  }
}
@media (min-width: 768px) {
  .hotplace-list-wrap .card {
    width: 50%;
    flex-direction: row;
    flex-wrap: wrap;
  }  
  .hotplace-list-wrap .card:nth-child(odd) {
    border-right: 1px solid #A7A7F6;
  }
  .modal-body .hotplace-list-wrap .card {
    width: 100%;
    margin: 0;
  }   
}
@media (min-width: 992px) {
  .hotplace-list-wrap .card {
    width: 33.3333333333%;
  }  
  .hotplace-list-wrap .card {
    border-right: 1px solid #A7A7F6;
  }
  .hotplace-list-wrap .card:nth-child(3n+3) {
    border-right: none;
  }

}
@media (min-width: 1200px) {
  .hotplace-list-wrap .card {
    width: 375px;    
    margin-top: 3px;
    margin-right: 3px; 
    border: none;
  }

  .hotplace-list-wrap .card:nth-child(odd) {
      border-right: none;
  }  
}
.card-mask {
  display: block;
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.15);
}
.hotplace-list-wrap .card-mask {
  background-color: rgba(0, 0, 0, 0.15); 
}
.hotplace-list-wrap .card-img-overlay {
   z-index: 2;
  top: auto;
  bottom: 0;  
  height: 150px;
  background-color: #fff;  
}

.hotplace-list-wrap .card::before {
  display: none;
}

.hotplace-list-wrap .card-title {
  height: 50px;
  min-height: 30px;
  margin-bottom: 5px;
  font-size: 20px;
  font-weight: 700;
  line-height: 1.2;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;  
}
@media (min-width: 992px) {
  .hotplace-list-wrap .card-title {
    height: 40px;
    font-weight: 600;
    font-size: 16px;
  }
}
.hotplace-list-wrap .hotplace-name {
  font-size: 16px;
  font-weight: 700;
  color: #9C77FE;
}
@media (min-width: 992px) {
  .hotplace-list-wrap .hotplace-name {
    font-weight: 400;
    font-size: 14px;
  }
}
.hotplace-list-wrap .travel-location {
  position: absolute;
  top: auto;
  bottom: 1.25rem;
  left: 1.25rem;
  font-size: 16px;
}
@media (min-width: 992px) {
  .hotplace-list-wrap .travel-location {
    font-size: 12px;
  }
  .hotplace-list-wrap .travel-location::before {
    font-size: 10px;
  }
}
.hotplace-list-wrap .travel-location::before {
  color: #263340;
}

.hotplace-list-wrap .card:hover {
  background-size: 230vh;
  animation: bgSlowBig 1s ease-in;
}
@keyframes bgSlowBig {
  0%{background-size: 130vh;}
  10%{background-size: 140vh;}
  20%{background-size: 150vh;}
  30%{background-size: 160vh;}
  40%{background-size: 170vh;}
  50%{background-size: 180vh;}
  60%{background-size: 190vh;}
  70%{background-size: 200vh;}
  80%{background-size: 210vh;}
  90%{background-size: 220vh;}
  100%{background-size: 230vh;}
}

/* 배너 형태 리스트 */
.product-banner-list-wrap {
  display: flex;
  justify-content: center;  
}

.product-banner-aricle-center-wrap {
  display: flex;
  flex-direction: column;
  width: 100%;
}
@media (min-width: 992px) {
 .product-banner-aricle-center-wrap {
    flex-direction: row;
    flex-wrap: wrap;
  }
}
/* @media (min-width: 1200px) {
 .product-banner-aricle-center-wrap {
    width: 1200px;
  }
}
@media (min-width: 1500px) {
 .product-banner-aricle-center-wrap {
    width: 1500px;
  }
} */
.product-banner-list-wrap a.banner {
  display: flex;
  position: relative;
  width: 100%;
  height: 200px;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 100%;  
  color: #fff;
}
@media (min-width: 992px) {
  .product-banner-list-wrap a.banner {
    width: 50%;
  }
}
@media (min-width: 1200px) {
  .product-banner-list-wrap a.banner {
    width: 49.87%;
    margin: 3px;
    margin-bottom: 0;
    margin-left: 0;
  }
  .product-banner-list-wrap a.banner:nth-child(even) {
    margin-right: 0;
  }

}
@media (min-width: 1500px) {
  .product-banner-list-wrap a.banner {
    width: 33.2%;
  }
  .product-banner-list-wrap a.banner:nth-child(even) {
    margin-right: 3px;
  }
  .product-banner-list-wrap a.banner:nth-child(3n+3) {       
    margin-right: 0;
  }
}
.product-banner-list-wrap a.banner::before {
  content: '';
  display: block;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  box-shadow: inset 0px 0px 30px 5px rgba(0,0,0,0.5);
}
.product-banner-list-wrap a.banner:hover::before {
  background: rgba(0, 0, 0, 0.0);
  animation: maskSlowGone2 .5s ease-in;
}
@keyframes maskSlowGone2 {
  0%{background: rgba(0, 0, 0, 0.5);}
  10%{background: rgba(0, 0, 0, 0.45);}
  20%{background: rgba(0, 0, 0, 0.40);}
  30%{background: rgba(0, 0, 0, 0.35);}
  40%{background: rgba(0, 0, 0, 0.30);}
  50%{background: rgba(0, 0, 0, 0.25);}
  60%{background: rgba(0, 0, 0, 0.20);}
  70%{background: rgba(0, 0, 0, 0.15);}
  80%{background: rgba(0, 0, 0, 0.10);}
  90%{background: rgba(0, 0, 0, 0.05);}
  100%{background: rgba(0, 0, 0, 0.00);}
}
.product-banner-list-wrap .banner-contents-wrap {
   position: absolute;
   top: 0;
   left: 0;
   z-index: 2;
   padding: 15px;
   width: 100%;
}

.banner-contents-top {
  display: block;
  width: 100%;
  height: 30px;
  margin-bottom: 15px;
  position: relative;
}
.banner-contents-top .state-default {
  position: relative;
  top: 0;
  left: 0;   
}
.product-banner-list-wrap .wish-btn-wrap {
  position: absolute;
  top: 0;
  left: auto;
  right: -20px;
  display: inline-block;
  
}
.product-banner-list-wrap .wish-btn-wrap .btn-icon-wish {
  width: 60px;
  height: 30px;
}
.product-banner-list-wrap .wish-btn-wrap .btn-icon-wish::before {
  font-size: 20px;
  opacity: 0.7;
}
.product-banner-list-wrap h5.banner-title {
  color: #fff;
  margin-bottom: 0;
  min-height: 40px;
  line-height: 1.2;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  margin-bottom: 10px;
}

_:-ms-input-placeholder, :root .product-banner-list-wrap h5.banner-title {
  height: 30px;
}

.product-banner-list-wrap .travel-location {
  position: relative;
  top: auto;
  bottom: auto;
  left: auto;  
}

.product-banner-list-wrap .product-list-price {
  position: absolute;
  top: auto;
  bottom: 5px;
  left: auto;
  right:  15px;
  z-index: 1;
}


/* 핫 플레이스 배너 형태 리스트 */
@media (min-width: 1200px) {
  .card-group.hotplace-banner-list-wrap {
    justify-content: center;
  }
}
.hotplace-banner-article-center-wrap {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  width: 100%;
}
@media (min-width: 768px) {
  .hotplace-banner-article-center-wrap {
    flex-direction: row;
    flex-wrap: wrap;
  }
}
@media (min-width: 992px) {
  .hotplace-banner-article-center-wrap {
    padding: 10px;
  }
}
@media (min-width: 1200px) {
  .hotplace-banner-article-center-wrap {
    width: 1110px;
  }
}
@media (min-width: 1400px) {
  .hotplace-banner-article-center-wrap {
    width: 100%;
  }
}
.hotplace-banner-list-wrap .card-banner {
  display: flex;
  position: relative;
  border: 0;
  border-style: solid;
  border-color: #A7A7F6;
  border-bottom-width: 1px;
  border-radius: 0;
  color: #263340;
}
@media (min-width: 768px) {
  .hotplace-banner-list-wrap .card-banner {
    width: 50%;
    border-width: 0;
    border-right-width: 1px;
    border-bottom-width: 1px;
  }
  .hotplace-banner-list-wrap .card-banner:nth-child(even) {
    border-right-width: 0;
  }
}
@media (min-width: 992px) {
  .hotplace-banner-list-wrap .card-banner {
    width: 33.33333333%;
    border-width: 0;
    border-right-width: 1px;
    border-bottom-width: 1px;
  }
  .hotplace-banner-list-wrap .card-banner:nth-child(even) {
    border-right-width: 1px;
  }
  .hotplace-banner-list-wrap .card-banner:nth-child(3n+3) {
    border-right-width: 0; 
  }
}
@media (min-width: 1200px) {
  .hotplace-banner-list-wrap .card-banner {
    width: 540px;    
  }
}
@media (min-width: 1400px) {
  .hotplace-banner-list-wrap .card-banner {
    width: 33.33333%;
    max-width: 500px;
  }
}
@media (min-width: 1600px) {
  .hotplace-banner-list-wrap .card-banner {
    width: 25%;
    max-width: 500px;
  }
}
.hotplace-banner-list-wrap .card-banner:hover {
  color: #fff;
  background-color: #e683fc;
}
.hotplace-banner-list-wrap .card-bimg {
  display: block;
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 150%;
}

.card-banner .card-title {
    min-height: 40px;
    line-height: 1.2;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    margin-bottom: 10px;
}
.card-banner .card-body {
  padding: 10px 1.25rem;
}
.card-banner .hotplace-name {
  font-size: 14px;
}
.card-banner .travel-location  {
  font-size: 14px;
}
.card-banner .travel-location::before {
  color: #263340;
}
.hotplace-banner-list-wrap .card-banner:hover .travel-location::before {
  color: #fff;
}


.wish-btn-wrap {
  position: absolute;
  top: 20px;
  right: 20px;
  z-index: 9;
}
.wish-btn-wrap .btn-icon-wish::before {
  color: #fff;
  font-size: 24px;
}
.wish-btn-wrap .btn-icon-wish[selected]::before {
  color: #EC008C;
}
.product-list-price {
  display: flex;
  justify-content: flex-end;  
  font-size: 36px;
  font-weight: 700;
  position: absolute;
  bottom: 10px;
  right: 15px;
}
.product-list-price span {
  display: inline-flex;
  align-items: flex-end;
  font-size: 16px;
  font-weight: 300;
  padding-bottom: 6px;
  text-transform: uppercase;
}
.search-wrap {
  background: #A7A7F6;
  padding: 20px 30px;
}

@media (min-width: 992px) {
  .search-wrap {
    background: transparent;
    padding: 15px 20px;
    margin: 10px 0 10px 0;
    border: 1px dashed #A7A7F6;
  }
  .contents-booking-list .search-wrap .sort-function-btn, .contents-review-wrap .search-wrap .sort-function-btn {
    color: #A7A7F6;
  }
  .contents-product-list .search-wrap {
    border: 1px dashed #fff;
    margin-top: 0;
    margin-bottom: 0;
    border-top: 0;
    border-left: 0;
    border-right: 0;
  } 
/*   .contents-plannerlist-wrap .search-wrap {
    background: transparent;
    border-color: #fff;

  } */
}
@media (min-width: 992px) {
  .search-wrap .input-group {
    width: 50%;
  }
  .modal-body .search-wrap .input-group {
    width: auto;
  }
}

.search-wrap .input-group-text {
  color: #fff;
  border: 1px solid #fff;
  border-right: none;
  background: transparent;
  border-top-left-radius: calc(1.5em + .75rem + 2px);
  border-bottom-left-radius: calc(1.5em + .75rem + 2px);
  line-height: normal;
  padding: 5px 20px;
}
.contents-product-list .search-wrap .input-group-text {
  color: #fff;
  border: 1px solid #fff;

}
@media (min-width: 992px) {
  .search-wrap .input-group-text {
    color: #A7A7F6;
    border-color: #A7A7F6;
  }
  .contents-plannerlist-wrap .search-wrap .input-group-text {
    color: #fff;
    border-color: #fff;
  }
}
.search-wrap .custom-form-control {
  background: transparent;
  border: 0;
  border: 1px solid #fff;
  border-left: none;
  border-right: none;
  /* height: 40px; */
  height: calc(1.5em + .75rem + 2px);
  color: #fff;
}
.search-wrap .custom-form-control::placeholder {
  color: #fff;
}
.contents-product-list .search-wrap .custom-form-control {
  border: 1px solid #fff;
}

@media (min-width: 992px) {
  
  .search-wrap .custom-form-control {
    color: #A7A7F6;
    border-color: #A7A7F6;
    height: calc(1.5em + .75rem + 8.5px);
  }
  .contents-product-list .search-wrap .custom-form-control {
    color: #fff;
  }

  .contents-plannerlist-wrap .search-wrap .custom-form-control {
    color: #fff;
    border-color: #fff;
  }
}

.search-wrap .input-group {
  margin-bottom: 0;
}

.search-wrap .custom-btn-outline {
  color: #fff;
  border: 1px solid #fff;
  border-top-right-radius: calc(1.5em + .75rem + 2px);
  border-bottom-right-radius: calc(1.5em + .75rem + 2px);
  font-size: 14px;
  font-weight: 400;
  text-transform: none;
  width: 100px;
  height: auto;
  margin-bottom: 0;
  line-height: normal;
  padding: 5px 20px;
}


.search-wrap .col-md-6 .input-group {
  width: 100%;
}


/* 검색 조건 아이콘 */
.sort-function-btn::before { 
  font-family: 'Font Awesome 5 Free';
  font-size: 18px;
}
.sort-btn-all::before {
  content: '\f2f1';
}
.sort-btn-hight::before {
  content: '\f160';
}
.sort-btn-row::before {
  content: '\f884';
}
.check-btn-all::before {  
  font-family: 'Font Awesome 5 free regular';
  content: '\f14a';
  color: #fff;
}
.uncheck-btn-all::before {
  font-family: 'Font Awesome 5 free';
  content: '\f14a';
}
@media (min-width: 576px) {
  .check-btn-all::before {  
    color: #A7A7F6;
  }
}
.btn.sort-btn, .btn.sort-function-btn {
  margin-bottom: 0;
}

.sort-btn::before {  
   font-size: 18px;
  font-family: "dripicons-v2" !important;
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.sort-btn:hover::before, .sort-function-btn:hover::before {
  color: #EC008C;
}
.sort-btn[selected], .sort-function-btn[selected] {
  border: 1px dashed;
  color: #EC008C;
}
.sort-btn-banner {
  border-left: 1px dashed #fff;
}

.sort-btn-banner::before {
  content: "\e05b";
}
.sort-btn-card::before {
  content: "\e05d";
}

@media (min-width: 992px) {
  .contents-board-wrap .sort-function-btn::before, .contents-payment-list .sort-btn-all::before {
    color: #A7A7F6;
  }  
}


.contents-product-list .search-wrap .custom-btn-outline {
  color: #fff;
  border: 1px solid #fff;

}
@media (min-width: 992px) {
  .search-wrap .custom-btn-outline {
    color: #A7A7F6;
    border-color: #A7A7F6;
  }
   .search-wrap .custom-btn-outline:hover {
    color: #fff;
  }
  .contents-plannerlist-wrap .search-wrap {
    border-color: #fff;
  }
  .contents-plannerlist-wrap .search-wrap .custom-btn-outline {
    color: #fff;
    border-color: #fff;
  }
  .contents-plannerlist-wrap .search-wrap .custom-btn-outline:hover {
    color: #e683fc;
    background-color: #fff;
  }
}

.contents-product-list .more-btn, .contents-review-list .more-btn,  .more-btn, .contents-booking-list .more-btn, .contents-chat-list .more-btn, .modal-content .more-btn {
  display: flex;
  width: 100%;
  height: 80px;
  color: #fff;
  background: #A7A7F6;    
  font-size: 24px;
  font-weight: 700;
}

.contents-product-list .more-btn:hover, .contents-review-list .more-btn:hover, .booking-list-wrap .more-btn:hover, .contents-booking-list .more-btn:hover, .contents-chat-list .more-btn:hover, .modal-content .more-btn:hover, .reivew-wrap .more-btn-wrap .more-btn:hover {
  color: #fff;
  background: #E683FC;
}

@media (min-width: 768px) {
  .contents-product-list .more-btn {
    
    background: transparent;
    border: 1px dashed #fff;
    font-size: 24px;
    font-weight: 700;
    width: 50%;
    height: 560px;
  }
  .contents-review-list .more-btn {
    margin-top: 20px;
  }
 
  .contents-product-list .more-btn:hover, .contents-review-list .more-btn:hover {
    color: #fff;
    background: #E683FC;
  }
}

@media (min-width: 992px) {
  .contents-product-list .more-btn {
     width: 33.333333333333333%;
  }
  .contents-review-list .more-btn, .reivew-wrap .more-btn-wrap .more-btn {
    color: #A7A7F6;
    background: transparent;
    border: 1px dashed #A7A7F6;
    font-size: 24px;
    font-weight: 700;
    padding: 0;
  }
}

@media (min-width: 1200px) {
  .contents-product-list .more-btn {
    margin-top: 3px;
    width: 375px;
  }
  .contents-blog-wrap .more-btn {
    margin-top: 3px;
  }
}
@media (min-width: 1400px) {
  .contents-product-list .more-btn {    
    width: 375px;
  }
}

@media (min-width: 992px) {
  .contents-chat-list .more-btn, .modal-content .more-btn, .contents-blog-wrap .more-btn {
    background: transparent;
    border: 1px dashed #A7A7F6;
    color: #A7A7F6;
  }
  .contents-chat-list .more-btn:hover, .modal-content .more-btn:hover {
    color: #fff;
  }
}


.more-btn span {
  font-size: 24px;
  font-weight: 100;
  text-transform: uppercase;
  margin-left: 15px;
}
@media (min-width: 992px) {
  .more-btn span {
    font-size: 16px;
    font-weight: 300;
  }
}
.more-btn-wrap {  
  width: 100%;
}
.contents-blog-wrap .more-btn-wrap {
  width: auto;
  margin-left: -24px;
  margin-right: -24px;
}
.contents-review-list .more-btn-wrap {
  padding: 0;
}
.reivew-wrap .more-btn-wrap {
  width: auto;
  margin-left: -24px;
  margin-right: -24px;
}
@media (min-width: 576px) {
  .contents-chat-list .more-btn-wrap {
    width: auto;
    margin-right: -15px;
    margin-left: -15px;
  }
  .reivew-wrap .more-btn-wrap, .contents-blog-wrap .more-btn-wrap{
    width: auto;
    margin-right: -24px;
    margin-left: -24px; 
  }
}
@media (min-width: 992px) {
  .contents-review-list .more-btn-wrap, .reivew-wrap .more-btn-wrap {
    padding: 10px;
    padding-top: 0;
  }
  .contents-booking-list .more-btn-wrap, .reivew-wrap .more-btn-wrap {
    padding: 10px 0 10px 0;
  }
  .reivew-wrap .more-btn-wrap {
    margin: 0;
  }
}

.contents-review-list .more-btn-wrap .more-btn {
  margin-top: 0;
}

@media (min-width: 768px) {
  .sub-planner-list-wrap .more-btn-wrap {
    margin-top: 15px;
  }
}
@media (min-width: 992px) {
  .sub-planner-list-wrap .more-btn-wrap {
    margin: 15px;
    width: 260px;
    margin-right: 0;
    margin-bottom: 0;
  }
  .sub-planner-list-wrap .more-btn-wrap .more-btn {
    height: 350px;
    background: transparent;
    border: 1px dashed;
    border-color: rgba(255, 255, 255, 0.5);
  }
  .sub-planner-list-wrap .more-btn-wrap .more-btn:hover {
    border: 1px solid #EC008C;
  }
}

@media (min-width: 768px) {
  .product-banner-list-wrap .more-btn {
    width: 100%;
    height: 200px;  
  }
}
@media (min-width: 992px) {
  .product-banner-list-wrap .more-btn {
    width: 50%;
  }
}
@media (min-width: 1200px) {
  .product-banner-list-wrap .more-btn {
    width: 49.87%;
    margin-bottom: 3px;
  }
}
@media (min-width: 1500px) {
  .product-banner-list-wrap .more-btn {
    width: 33.2%;
  }
}


.btn-data-del {
  display: flex;
  position: absolute;
  top: 15px;
  right: 75px;
  z-index: 2;
  width: 30px;
  height: 30px;
  color: #8ED8FF;
}
.btn-data-del::before {
  font-size: 20px;
  content: "\39";
  font-family: "dripicons-v2" !important;
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.btn-data-del:hover {
  color: #E584FC;
}

.state-default {
  position: absolute;
  top: 25px;
  left: 20px;
  z-index: 9; 
  height: 30px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 14px;
  font-weight: 400;
  text-transform: uppercase;
  border-radius: 15px;
  padding: 0 15px;
}
.state-default span {
  font-size: 14px;
  font-weight: 400;
  margin-left: 10px;
}
@media (min-width: 992px) {
  .state-default span {
    font-size: 12px;
    font-weight: 300;
  }
}
.state-temporary {
  color: #fff;  
  background: #8ED8FF;  
}
.state-publishing {
  color: #fff;  
  background: #EC008C;  
}
.state-negotiation {
  color: #fff;  
  background: #E386FC;  
}
.state-prepay {
  color: #fff;  
  background: #A7A7F6;  
}
.state-complete {
  color: #fff;  
  background: #263340;  
}
.state-cancel {
  color: #263340;
  background: #e9ecef;
}
.state-waiting {  
  background: #9C77FE;
}
.list-no-data {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100px;
  border: 1px dashed #EC008C;
  margin-top: 10px;
  text-transform: uppercase;
  color: #EC008C;
  margin-bottom: 400px;
}

.list-no-data::before {
  content: '';
  display: inline-block;
  width: 30px;
  height: 30px;
  background-image: url('../img/alert-circle-outline.svg');
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 100%;
  margin-right: 10px;    
}

.contents-product-list .list-no-data {
  border-color: #fff;
  color: #fff;
}

.planner-booking  {
  display: flex;
  justify-content: center;
}
.booking-list {
  margin: 0;
  padding: 0;
  width: 100%;
}
@media (min-width: 768px) {
 .booking-list {
   display: flex;
   flex-direction: row;
   flex-wrap: wrap;
  } 
}

.booking-list li {
  border-bottom: 1px solid #E584FC;
}
@media (min-width: 576px) {
  .booking-list li {
    border: 1px dashed #E584FC;
    margin: 10px;

  }
}
@media (min-width: 768px) {
  .booking-list li {
    margin: 10px;
    margin-bottom: 0;
    width: 47%;
  }
}
.booking-list li + li:last-child {
  border-bottom: none;
}
@media (min-width: 576px) {
  .booking-list li + li:last-child {
    border-bottom: 1px dashed #E584FC;
  }  
}
.booking-list-article {
  display: flex;
  align-items: center;
  padding: 21px 15px;
  position: relative;
  cursor: pointer;
}

.booking-list-article[selected] {
  background: #94D2FF;
  border-color: transparent;
  border-bottom-color: #fff;
  position: relative;
}
@media (min-width: 576px) {
  .booking-list-article[selected] {
    border-bottom-style: solid;
  }
  .booking-list li.booking-list-article[selected] {
    border-color: transparent;
  }
}

.user-action-message {
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.9);
  color: #fff;
  z-index: 13;
  border: 0;
  font-size: 16px;
  text-transform: none;
}
.user-action-message::before {
  content: '';
  display: inline-block;
  width: 30px;
  height: 30px;
  background-image: url('../img/alert-circle-outline.svg');
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 100%;
  margin-right: 10px;
}

.booking-list-article[selected] .booking-list-planner {
  display: inline-flex;
  align-items: center;  
  color: #fff;
  font-size: 12px;
  font-weight: 700;
  text-transform: uppercase;
  background: #A7A7F6;
  height: 30px;
  border-radius: 15px;
  padding: 3px 15px 3px 1px;
}
.booking-list-article[selected] .booking-list-planner .user-nickname-wrap {
  width: 120px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
@media (min-width: 576px) {
  .booking-list-article[selected] .booking-list-planner .user-nickname-wrap {
    width: auto;
  }
}
@media (min-width: 786px) {
  .booking-list-article[selected] .booking-list-planner .user-nickname-wrap {
    width: 120px;
  }
}
@media (min-width: 992px) {
  .booking-list-article[selected] .booking-list-planner .user-nickname-wrap {
    width: auto;
  }
}

.booking-list-article .booking-list-user {  
  display: inline-flex;
  align-items: center;
  color: #fff;
  font-size: 12px;
  font-weight: 700;
  /* text-transform: uppercase; */
  background: #A7A7F6;
  height: 30px;
  border-radius: 15px;
  padding: 3px 15px 3px 1px;
}

.booking-list-article::after {
  content: '';
  display: inline-block;
  width: 20px;
  height: 20px;
  background-image: url('../img/arrow-right.svg');
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 100%;
  position: absolute;
  top: calc(50% - 10px);
  right: 10px;
}
.booking-list-article:hover {
  background: #E386FC;
}
.booking-list-article:hover span {
  color: #fff;
}
.booking-list-article:hover::after {
  background-image: url('../img/arrow-right-white.svg');
}


.booking-list-planner {
  display: inline-flex;
  flex-direction: row;  
  margin-left: 15px;
}
.booking-list-planner .profile-default, .booking-list-planner .profile {
  width: 28px;
  height: 28px;
  border:1px solid #A7A7F6;
}
.booking-list-planner .profile-default {
  background: #fff;
}

.booking-list-planner span {
  margin-right: 5px;
  width: 75px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
@media (min-width: 576px) {
  .booking-list-planner span {
    width: 200px;
  }
}
@media (min-width: 768px) {
  .booking-list-planner span {
   width: 70px;
  }
}
@media (min-width: 992px) {
  .booking-list-planner span {
   width: 180px;
  }
}
span.profile-number {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  color: #fff;
  background: #A7A7F6;
  border-radius: 50%;
  font-size: 12px;
  font-weight: 700;
}

.booking-list-request {
  font-size: 12px;
  font-weight: 700;
  text-transform: uppercase;
  margin-right: 10px;
}
.booking-list-date {
  font-weight: 700;
  color: #263340;
}
@media (min-width: 768px) {
  .booking-list-date {
    font-size: 12px;
  }
}
.booking-title {
  display: block;
  width: 155px;
  text-decoration: none;
  color: #333;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  font-weight: 700;
}

@media (min-width: 768px) {
  .booking-title {
    font-size: 14px;
    width: 130px;
  }
  .contents-booking-list .more-btn {
    margin-top: 10px;
  }
}
@media (min-width: 992px) {
  .booking-title {
    width: 250px;
  }  
  .contents-booking-list .more-btn {
    color: #A7A7F6;
    background: transparent;
    border: 1px dashed #A7A7F6;
    font-size: 24px;
    font-weight: 700;
    padding: 0;
    margin-bottom: 10px;
  }  
}

.planner-product-uploaded .list-unstyled {
  position: relative;
}

.planner-product-uploaded .list-unstyled li {
  cursor: pointer;
}
.planner-product-uploaded .list-unstyled li:hover, .planner-product-uploaded .list-unstyled li:hover .planner-product-uploaded-title {  
  color: #fff;
  background: #A7A7F6;
}

.planner-product-uploaded .list-unstyled li:hover .profile, .planner-product-uploaded .list-unstyled li:hover .profile-default {
  border-color: #fff;
}

.planner-product-uploaded .list-unstyled li::after {
  content: '';
  display: inline-block;
  width: 20px;
  height: 20px;
  background-image: url("../img/arrow-right-heliotrope.svg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 100%;
  position: absolute;
  top: calc(50% - 10px);
  right: 10px;
}
.planner-product-uploaded .list-unstyled li:hover::after {
  background-image: url("../img/arrow-right-white.svg");
}


@media (min-width: 768px) {
  .planner-product-uploaded .list-unstyled {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    flex-wrap: wrap;
  }  
  .planner-product-uploaded .list-unstyled li {
    margin-right: 5px;
  }
  _:-ms-input-placeholder, :root .planner-product-uploaded .list-unstyled li {
    width: 49%;
  }
    
}

.planner-product-uploaded .media {
  margin-bottom: 20px;
  position: relative;
  padding: 20px 40px 20px 20px;
  border: 1px dashed #E584FC;
}

.planner-product-uploaded .profile,  .planner-product-uploaded .profile-default {
  width: 50px;
  height: 50px;
  border: 1px solid #E584FC;
}

.planner-product-uploaded .list-unstyled .media-body {
  padding-left: 15px;
}
.planner-product-uploaded .media {
  align-items: center;
}

.planner-product-uploaded .media h5 {
  font-weight: 700;
  margin-bottom: 0;
}

.planner-product-uploaded .media-body .row span.review-write-time {
  display: inline-flex;
  align-items: center;
  justify-content: flex-start;
  font-size: 14px;
  white-space: nowrap;
}

.planner-product-uploaded-title {
  display: block;
  width: 200px;
  height: 35px;
  line-height: 1.2;
  color: #E683FC;
  font-size: 16px;
  font-weight: 700;

  overflow : hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;  
}



@media (min-width: 768px) {
  .planner-product-uploaded .planner-product-title {
    width: 130px;
  }
  .planner-product-uploaded-title {
    font-size: 14px;
    font-weight: 400;
    height: 30px;
  }
  _:-ms-input-placeholder, :root .planner-product-uploaded-title {
    height: 35px;
  }

  @-moz-document url-prefix() { 
      .planner-product-uploaded-title {
        height: 36px;
      }
  }

}
@media (min-width: 992px) {
  .planner-product-uploaded .planner-product-title {
    width: 170px;
  }
}
.planner-product-uploaded .planner-product-title h5 {
    text-decoration: none;  
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}
@media (min-width: 768px) {
  .planner-product-uploaded .planner-product-title h5 {
    font-size: 16px;
  }
}
.booking-request-wrap {
  margin-left: -24px;
  margin-right: -24px;
}
@media (min-width: 768px) {
  .booking-request-wrap .card {
    width: 100%;
  }
}

.booking-request-wrap .profile-wrap {
  flex-direction: column;
  position: absolute;
  z-index: 9;
  top: 100px;
  left: 50%;
  transform: translateX(-95px);
}

.booking-request-wrap .profile {
  border-color: #A7A7F6;
}

@media (min-width: 768px) {
  .booking-request-wrap .profile {
    width: 190px;
    height: 190px;
    border-width: 6px;
  }
}

.booking-request-wrap .nickname-wrap {
  display: flex;
  justify-content: center;
  /* position: absolute; */
}

.foruser-product-profile {
  width: 100%;
  height: 100%;
  flex-direction: column;
  top: 0;
  left: 0;
  z-index: 11;
}

.foruser-product-profile .profile, .foruser-product-profile .profile-default {
  width: 190px;
  height: 190px;
  border: 6px solid #fff;
}

#recollingDataModalScrollable .modal-body {
  padding: 0;
}

/* .product-publishing-article {
  margin-bottom: 20px;
} */
#recollingDataModalScrollable .product-publishing-article {
  width: 100%;
}
.modal-body .form-check-wrap {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 55px;
  background: #8ED8FF;
  color: #fff;
}
/* .product-publishing-article .form-check input {
  display: none;
} */

.modal-body .form-check-input {
  width: 20px;
  height: 20px;
  margin-left: -25px;
  cursor: pointer;
}
@media (min-width: 992px) {
  .modal-body .form-check-input {
    margin-top: 3px;
  }
}
.modal-body .form-check-wrap .form-check .form-check-label {
  cursor: pointer;
  color: #263340;
  font-size: 18px; 
  font-weight: 700;
}


.main-bmot {  
  position: fixed;
  height: 169px;
  left: 11px;
  right: 11px;
  top: 80px;
  background: linear-gradient(137.27deg, rgba(140, 218, 255, 0.8) 23.36%, rgba(230, 131, 252, 0.8) 101.86%);
  border: 2px solid #A7A7F6;
  box-sizing: border-box;
  border-radius: 10px;  
  color: #fff;
  cursor: pointer;
}
@media (min-width: 768px) {
  .main-bmot {
    top: 100px;    
    left: 100px;
    max-width: 540px;
  }
}
@media (min-width: 992px) {
  .main-bmot {
    top: 200px;    
    left: 150px;
    max-width: 540px;
  }
}
.main-bmot:hover {
  border-color: #EC008C;
  background: linear-gradient(137.27deg, rgba(140, 218, 255, 1) 23.36%, rgba(230, 131, 252, 1) 101.86%);
}
.main-bmot h1 {
  display: flex;
  margin: 15px 0 0 15px;
   flex-direction: column;
}
@media (min-width: 768px) {
  .main-bmot h1 {
    flex-direction: column;
  }
}
.main-bmot h1 span {
  margin-left: 20px;
  font-weight: 100;
}
.main-bmot hr {
  border-top: none;
  border-bottom: 1px solid #fff;  
  width: calc(100% - 50px);
  left: -8px;
  position: relative;  
}
.main-bmot hr::before {
  content: '';
  display: inline-block;    
  border-left: 1px solid #fff;
  position: absolute;
  top: -90px;
  left: 0;
  height: 91px;
}
.main-bmot hr::after {
  content: '';
  display: inline-block;
  background-image: url('../img/airplane-sharp-white.svg');
  background-size: 100%;
  width: 16px;
  height: 16px;
  position: relative;
  top: -11px;
  right: calc(-100% + 3px);
}
@media (min-width: 768px) {
  .main-bmot hr::after {
    top: -8px;
  }
}
.main-products-list {
  overflow-y: hidden;
  background: #a7a7f6;
  padding-top: 30px;  
}
@media (min-width: 576px) {
  .main-products-list .container-lg .product-main-list-wrap {
    display: flex;
    justify-content: flex-start;
  }
}
.contents-main-wrap .product-aticle-title {
  display: block;
  margin-top: 0;
  margin-bottom: 20px;
}

@media (min-width: 768px) {
  .contents-main-wrap .product-aticle-title {
     display: flex;
     align-items: center;
     flex-direction: row;
     margin-right: 15px;
  }
}
@media (min-width: 992px) {
  .contents-main-wrap .product-aticle-title {
    margin-left: -15px;
  }
}

.main-products-list h1, .main-planner-list h1 {  
  color: #fff;
  font-size: 24px;
  text-align: center;
  background-image: url('../img/arrow-right-white.svg');
  background-repeat: no-repeat;  
  background-position: right center;  
}
@media (min-width: 768px) {
  .main-products-list h1, .main-planner-list h1 {  
    display: inline-block;
    background: none;
    white-space: nowrap;
    margin-bottom: 0;
  }
}
@media (min-width: 992px) {
  .main-products-list h1, .main-planner-list h1 {  
    font-size: 36px;
  }
}
.main-products-list hr, .main-planner-list hr {
  border-color: #fff;
  opacity: 0.5;
  margin-top: 0;
}
.main-products-list hr::after, .main-planner-list hr::after {
  background-image: url('../img/airplane-sharp-white.svg');
  opacity: 0.5;
}

.product-main-list-wrap {
  margin-left: -15px;
  margin-right: -15px;
}

.main-planner-list {
  overflow: hidden;
  background: #e683fc;
  padding-top: 30px; 
}

.contents-main-wrap .list-no-data {
  color: #fff;
  border-color: #fff;
<<<<<<< HEAD
  /* width: auto; */
=======
  /*width: auto;*/
>>>>>>> 7381ae47069b41ef5d2ff4b2a1e4a57db6ec79ba
  margin-left: 15px;
  margin-right: 15px;
}

.main-planner-list-wrap {
  margin-left: -15px;
  margin-right: -15px;
}

a.planner-profile-card-wrap {
  display: flex;
  align-items: center;
  /* justify-content: center; */  
  flex-direction: column;
  flex-wrap: wrap;
  border: 1px dashed;
  border-color: rgba(255, 255, 255, 0.5);
  margin: 15px;
  color: #fff;  
  padding-top: 30px;
  padding-bottom: 30px;
  height: 100%;
  position: relative;
}
a.planner-profile-card-wrap:hover {
  color: #fff;
  border-color: #EC008C;
  border-style: solid;
}
a.planner-profile-card-wrap[follow] {  
  border: 1px dashed  #EC008C;
  background-color: rgba(236, 0, 140, 0.2)
}
a.planner-profile-card-wrap[follow]:hover {
  border-style: solid;
  background-color: rgba(236, 0, 140, 0.25)
}

@media (min-width: 768px) {
  .planner-info-wrap {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    position: absolute;
    bottom: 20px;
    left: calc(100% - 50%);
    transform: translateX(-50%);
    width: 100%;
  }
}


/* .planner-profile-card-wrap .profile-wrap {
  flex-direction: column;
} */
.planner-profile-card-wrap .profile, .planner-profile-card-wrap .profile-default, .planner-profile-card-wrap .profile-default > svg {
  width: 236px;
  height: 236px;
}
.planner-profile-card-wrap .nickname-wrap {
  font-size: 24px;
  font-weight: 400;
  margin-top: 15px;
  text-align: center;
}
.planner-profile-card-wrap ul.star-wrap {
  background: transparent;
  margin-top: 10px;
}
.planner-profile-card-wrap .list-group-item {
  background-color: transparent;
}
.planner-profile-card-wrap .travel-location {
  text-transform: none;
  font-size: 18px;
  margin-top: 15px;
}
.planner-profile-card-wrap .travel-location::before {
  color: #fff;
  font-size: 14px;
}


@media (max-width: 767px ) {
  .sub-planner-list-wrap a.planner-profile-card-wrap {
    align-items: center;
    justify-content: flex-start;
    flex-direction: row;
    flex-wrap: nowrap;
    padding: 10px 10px 10px 10px;
    border-color: rgba(255, 255, 255, 1.0);
  }
  .sub-planner-list-wrap a.planner-profile-card-wrap .profile-default, .sub-planner-list-wrap a.planner-profile-card-wrap .profile {
    width: 100px;
    height: 100px;
    border-width: 2px;
    margin-right: 20px;
  }  
  .sub-planner-list-wrap a.planner-profile-card-wrap .nickname-wrap {
    margin-top: 0;
    font-size: 18px;
    font-weight: 600;
    text-align: left;
  }
  .sub-planner-list-wrap a.planner-profile-card-wrap .active-location {
    display: inline-flex;
    padding: 5px 20px 5px 15px;
    font-size: 16px;
    font-weight: 500;
  }
  .sub-planner-list-wrap a.planner-profile-card-wrap .active-location::before {
    width: 14px;
    height: 14px;
  }
}
.contents-main-wrap .more-btn-wrap {
  width: 100%;
  overflow-x: hidden;
}
@media (min-width: 768px) {
  .contents-main-wrap .more-btn-wrap {
    padding: 10px;
  }
}
@media (min-width: 992px) {
  .contents-main-wrap .more-btn-wrap {
    padding: 0;
    padding-top: 10px;
    padding-bottom: 10px;
  }
}
.contents-main-wrap .more-btn {
  background-color: transparent;
}
.contents-main-wrap .more-btn:hover {  
  background-color: rgba(255, 255, 255, 0.5);
}
@media (min-width: 768px) {
  .contents-main-wrap .more-btn {
    border: 1px dashed;
    border-color: rgba(255, 255, 255, 0.5);
  }
}

.contents-main-wrap .main-products-list .more-btn:hover {
  color: #a7a7f6;
}
.contents-main-wrap .main-planner-list .more-btn:hover {
  color: #e683fc;
}


.main-planner-list-wrap {
  display: none;
}
.sub-planner-list-wrap {

}
@media (min-width: 576px) {
  .main-planner-list .carousel {
    display: none;
  }
  .main-planner-list-wrap {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
  }
  .sub-planner-list-wrap {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
  }
  .main-planner-list-wrap .planner-profile-card-wrap, .sub-planner-list-wrap .planner-profile-card-wrap {
    width: 100%;
    height: auto;
  }
}


@media (min-width: 768px) {
  .main-planner-list-wrap .planner-profile-card-wrap, .sub-planner-list-wrap .planner-profile-card-wrap {
    width: 260px;
    margin-right: 0;    
    margin-bottom: 0;
  }
  .main-planner-list-wrap .planner-profile-card-wrap, .sub-planner-list-wrap .planner-profile-card-wrap {
    height: 350px;
  }
  .planner-profile-card-wrap .profile, .planner-profile-card-wrap .profile-default, .planner-profile-card-wrap .profile-default > svg {
    width: 150px;
    height: 150px;
  }
  .planner-profile-card-wrap .nickname-wrap {
    font-size: 16px;
  }
  .planner-profile-card-wrap ul.star-wrap li::before {
    font-size: 14px;
  }
  .planner-profile-card-wrap .travel-location {
    font-size: 14px;
    margin-top: 10px;
  }
}

@media (min-width: 992px) {
  .sub-planner-list-wrap {
    /* height: 100vh; */
    margin-bottom: 15px;
  }
}

@media (min-width: 576px) {
  .planner-aricle-center-wrap {
    display: flex;
    flex-wrap: wrap;
    align-content: flex-start;
  }
}

@media (min-width: 768px) {
  .planner-aricle-center-wrap {
    width: 535px;
  }
  .planner-profile-card-wrap:nth-child(odd) {
    margin-left: 0;
  }
}
@media (min-width: 992px) {
  .planner-aricle-center-wrap {
    width: 810px;
  }
  .planner-profile-card-wrap:nth-child(odd) {
    margin-left: 15px;
  }
  .planner-profile-card-wrap:nth-child(3n+1) {
    margin-left: 0;
  }
}
@media (min-width: 1200px) {
  .planner-aricle-center-wrap {
    width: 1085px;
  }
  .planner-profile-card-wrap:nth-child(3n+1) {
    margin-left: 15px;
  }
  .planner-profile-card-wrap:nth-child(4n+1) {
    margin-left: 0;
  }
}



.main-planner-list .carousel {
  margin-left: -15px;
  margin-right: -15px;
  
}
 .main-planner-list .carousel-inner {
  background: linear-gradient(90.62deg, #E683FC 0.16%, #98CFFF 99.85%);
}
.carousel-item .more-btn-wrap {
  padding: 15px;
}
.carousel-item .more-btn {
  display: flex;
  align-items: center;
  justify-content: center;  
  height: 440px;
  border: 1px dashed;
  border-color: rgba(255, 255, 255, 0.5);  
}
@media (min-width: 768px) {
  .course-day-wrap-mobile {
    display: none;
  }
}
.course-day-wrap-mobile .carousel {
  /* margin-left: -24px;
  margin-right: -24px; */
  border: 1px dashed #8bdbff;
}


/* .scroll-arrow {
    position: absolute;
    bottom: 0;
    left: 45%;
    z-index: 2;
    display: inline-block;
    -webkit-transform: translate(0,-50%);
    transform: translate(0,-50%);
    color: #fff;
    font: normal 400 20px/1 'Josefin Sans',sans-serif;
    letter-spacing: .1em;
    text-decoration: none;
    transition: opacity .3s;
    padding-top: 70px;
}
.scroll-arrow span {
  position: absolute;
  top: 0;
  left: 50%;
  width: 24px;
  height: 24px;
  margin-left: -12px;
  border-left: 1px solid #fff;
  border-bottom: 1px solid #fff;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  -webkit-animation: sdb05 1.5s infinite;
  animation: sdb05 1.5s infinite;
  box-sizing: border-box;
}
 */

.mouse-animation {
  position: absolute;
  top: calc(100vh - 130px);  
  left: 45%;
  z-index: 2;
  background: #4e5559 -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(50%, transparent), color-stop(50%, #ffffff), to(#ffffff));
  background: #4e5559 linear-gradient(transparent 0%, transparent 50%, #ffffff 50%, #ffffff 100%);
  position: relative;
  width: 52px;
  height: 88px;
  border-radius: 100px;
  background-size: 100% 200%;
  -webkit-animation: colorSlide 5s linear infinite, nudgeMouse 5s ease-out infinite;
          animation: colorSlide 5s linear infinite, nudgeMouse 5s ease-out infinite;
  opacity: 0.5;
}
.mouse-animation::before, .mouse-animation::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
}
.mouse-animation::before {
  width: 46px;
  height: 82px;
  background-color: #222a30;
  border-radius: 100px;
}
.mouse-animation::after {
  background-color: #ffffff;
  width: 10px;
  height: 10px;
  border-radius: 100%;
  -webkit-animation: trackBallSlide 5s linear infinite;
          animation: trackBallSlide 5s linear infinite;
}

@-webkit-keyframes colorSlide {
  0% {
    background-position: 0% 100%;
  }
  20% {
    background-position: 0% 0%;
  }
  21% {
    background-color: #4e5559;
  }
  29.99% {
    background-color: #ffffff;
    background-position: 0% 0%;
  }
  30% {
    background-color: #4e5559;
    background-position: 0% 100%;
  }
  50% {
    background-position: 0% 0%;
  }
  51% {
    background-color: #4e5559;
  }
  59% {
    background-color: #ffffff;
    background-position: 0% 0%;
  }
  60% {
    background-color: #4e5559;
    background-position: 0% 100%;
  }
  80% {
    background-position: 0% 0%;
  }
  81% {
    background-color: #4e5559;
  }
  90%, 100% {
    background-color: #ffffff;
  }
}


@keyframes colorSlide {
  0% {
    background-position: 0% 100%;
  }
  20% {
    background-position: 0% 0%;
  }
  21% {
    background-color: #4e5559;
  }
  29.99% {
    background-color: #ffffff;
    background-position: 0% 0%;
  }
  30% {
    background-color: #4e5559;
    background-position: 0% 100%;
  }
  50% {
    background-position: 0% 0%;
  }
  51% {
    background-color: #4e5559;
  }
  59% {
    background-color: #ffffff;
    background-position: 0% 0%;
  }
  60% {
    background-color: #4e5559;
    background-position: 0% 100%;
  }
  80% {
    background-position: 0% 0%;
  }
  81% {
    background-color: #4e5559;
  }
  90%, 100% {
    background-color: #ffffff;
  }
}
@-webkit-keyframes trackBallSlide {
  0% {
    opacity: 1;
    -webkit-transform: scale(1) translateY(-20px);
            transform: scale(1) translateY(-20px);
  }
  6% {
    opacity: 1;
    -webkit-transform: scale(0.9) translateY(5px);
            transform: scale(0.9) translateY(5px);
  }
  14% {
    opacity: 0;
    -webkit-transform: scale(0.4) translateY(40px);
            transform: scale(0.4) translateY(40px);
  }
  15%, 19% {
    opacity: 0;
    -webkit-transform: scale(0.4) translateY(-20px);
            transform: scale(0.4) translateY(-20px);
  }
  28%, 29.99% {
    opacity: 1;
    -webkit-transform: scale(1) translateY(-20px);
            transform: scale(1) translateY(-20px);
  }
  30% {
    opacity: 1;
    -webkit-transform: scale(1) translateY(-20px);
            transform: scale(1) translateY(-20px);
  }
  36% {
    opacity: 1;
    -webkit-transform: scale(0.9) translateY(5px);
            transform: scale(0.9) translateY(5px);
  }
  44% {
    opacity: 0;
    -webkit-transform: scale(0.4) translateY(40px);
            transform: scale(0.4) translateY(40px);
  }
  45%, 49% {
    opacity: 0;
    -webkit-transform: scale(0.4) translateY(-20px);
            transform: scale(0.4) translateY(-20px);
  }
  58%, 59.99% {
    opacity: 1;
    -webkit-transform: scale(1) translateY(-20px);
            transform: scale(1) translateY(-20px);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale(1) translateY(-20px);
            transform: scale(1) translateY(-20px);
  }
  66% {
    opacity: 1;
    -webkit-transform: scale(0.9) translateY(5px);
            transform: scale(0.9) translateY(5px);
  }
  74% {
    opacity: 0;
    -webkit-transform: scale(0.4) translateY(40px);
            transform: scale(0.4) translateY(40px);
  }
  75%, 79% {
    opacity: 0;
    -webkit-transform: scale(0.4) translateY(-20px);
            transform: scale(0.4) translateY(-20px);
  }
  88%, 100% {
    opacity: 1;
    -webkit-transform: scale(1) translateY(-20px);
            transform: scale(1) translateY(-20px);
  }
}
@keyframes trackBallSlide {
  0% {
    opacity: 1;
    -webkit-transform: scale(1) translateY(-20px);
            transform: scale(1) translateY(-20px);
  }
  6% {
    opacity: 1;
    -webkit-transform: scale(0.9) translateY(5px);
            transform: scale(0.9) translateY(5px);
  }
  14% {
    opacity: 0;
    -webkit-transform: scale(0.4) translateY(40px);
            transform: scale(0.4) translateY(40px);
  }
  15%, 19% {
    opacity: 0;
    -webkit-transform: scale(0.4) translateY(-20px);
            transform: scale(0.4) translateY(-20px);
  }
  28%, 29.99% {
    opacity: 1;
    -webkit-transform: scale(1) translateY(-20px);
            transform: scale(1) translateY(-20px);
  }
  30% {
    opacity: 1;
    -webkit-transform: scale(1) translateY(-20px);
            transform: scale(1) translateY(-20px);
  }
  36% {
    opacity: 1;
    -webkit-transform: scale(0.9) translateY(5px);
            transform: scale(0.9) translateY(5px);
  }
  44% {
    opacity: 0;
    -webkit-transform: scale(0.4) translateY(40px);
            transform: scale(0.4) translateY(40px);
  }
  45%, 49% {
    opacity: 0;
    -webkit-transform: scale(0.4) translateY(-20px);
            transform: scale(0.4) translateY(-20px);
  }
  58%, 59.99% {
    opacity: 1;
    -webkit-transform: scale(1) translateY(-20px);
            transform: scale(1) translateY(-20px);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale(1) translateY(-20px);
            transform: scale(1) translateY(-20px);
  }
  66% {
    opacity: 1;
    -webkit-transform: scale(0.9) translateY(5px);
            transform: scale(0.9) translateY(5px);
  }
  74% {
    opacity: 0;
    -webkit-transform: scale(0.4) translateY(40px);
            transform: scale(0.4) translateY(40px);
  }
  75%, 79% {
    opacity: 0;
    -webkit-transform: scale(0.4) translateY(-20px);
            transform: scale(0.4) translateY(-20px);
  }
  88%, 100% {
    opacity: 1;
    -webkit-transform: scale(1) translateY(-20px);
            transform: scale(1) translateY(-20px);
  }
}
@-webkit-keyframes nudgeMouse {
  0% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  20% {
    -webkit-transform: translateY(8px);
            transform: translateY(8px);
  }
  30% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  50% {
    -webkit-transform: translateY(8px);
            transform: translateY(8px);
  }
  60% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  80% {
    -webkit-transform: translateY(8px);
            transform: translateY(8px);
  }
  90% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}
@keyframes nudgeMouse {
  0% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  20% {
    -webkit-transform: translateY(8px);
            transform: translateY(8px);
  }
  30% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  50% {
    -webkit-transform: translateY(8px);
            transform: translateY(8px);
  }
  60% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  80% {
    -webkit-transform: translateY(8px);
            transform: translateY(8px);
  }
  90% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}
@-webkit-keyframes nudgeText {
  0% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  20% {
    -webkit-transform: translateY(2px);
            transform: translateY(2px);
  }
  30% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  50% {
    -webkit-transform: translateY(2px);
            transform: translateY(2px);
  }
  60% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  80% {
    -webkit-transform: translateY(2px);
            transform: translateY(2px);
  }
  90% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}
@keyframes nudgeText {
  0% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  20% {
    -webkit-transform: translateY(2px);
            transform: translateY(2px);
  }
  30% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  50% {
    -webkit-transform: translateY(2px);
            transform: translateY(2px);
  }
  60% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  80% {
    -webkit-transform: translateY(2px);
            transform: translateY(2px);
  }
  90% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}
@-webkit-keyframes colorText {
  21% {
    color: #4e5559;
  }
  30% {
    color: #ffffff;
  }
  51% {
    color: #4e5559;
  }
  60% {
    color: #ffffff;
  }
  81% {
    color: #4e5559;
  }
  90% {
    color: #ffffff;
  }
}
@keyframes colorText {
  21% {
    color: #4e5559;
  }
  30% {
    color: #ffffff;
  }
  51% {
    color: #4e5559;
  }
  60% {
    color: #ffffff;
  }
  81% {
    color: #4e5559;
  }
  90% {
    color: #ffffff;
  }
}

.scroll-up-wrap {
  display: none;
}
@media (min-width: 992px) {
  .scroll-up-wrap {
    display: inline-flex;  
    position: fixed;
    bottom: 100px;
    right: 40px;
    z-index: 1030;
  }
}
.scroll-up {
  height: 40px;
  width: 40px;
  display: block;
  outline: 1px solid rgba(236, 0 , 140, 0.5);
  background: rgba(255, 255, 255, 0.1);
  position: relative;
  cursor: pointer;
}
.scroll-up svg line {
  stroke-width: 2;
  stroke: #EC008C;
  fill: none;
  stroke-dasharray: 20;
  -webkit-transition: all .4s ease;
  transition: all .4s ease;
}
.scroll-up:hover svg line.top {
  -webkit-transform: translateX(-40px);
  transform: translateX(-40px);
}
.scroll-up:hover svg line.bottom {
  -webkit-transform: translateX(40px);
  transform: translateX(40px);
}
.scroll-up:hover svg line.left {
  -webkit-transform: translateY(40px);
  transform: translateY(40px);
}
.scroll-up:hover svg line.right {
  -webkit-transform: translateY(-40px);
  transform: translateY(-40px);
}

.scroll-up .left-bar {
  position: absolute;
  z-index: 1;
  background-color: transparent;
  top: 19px;
  left: 5px;
  width: 18px;
  display: block;
  transform: rotate(-45deg);
}
.scroll-up .left-bar::after {
  content: "";
  background-color: #EC008C;
  width: 18px;
  height: 1px;
  display: block;
  border-radius: 1px;
  transition: all 0.5s cubic-bezier(0.25, 1.7, 0.35, 1.5);
  transform-origin: right center;
  z-index: -1;
}
.scroll-up .right-bar {
  position: absolute;
  z-index: 1;
  background-color: transparent;
  top: 19px;
  left: 17px;
  width: 18px;
  display: block;
  transform: rotate(45deg);
  border-radius: 2px;
}
.scroll-up .right-bar::after {
  content: "";
  background-color: #EC008C;
  width: 18px;
  height: 1px;
  display: block;
  border-radius: 1px;
  transition: all 0.5s cubic-bezier(0.25, 1.7, 0.35, 1.5);
  transform-origin: left center;
  z-index: -1;
}
.scroll-up:hover {
  transition: all .1s;
}
.scroll-up:hover .left-bar::after {
  transform: rotate(-10deg);
}
.scroll-up:hover .right-bar::after {
  transform: rotate(10deg);
}

.arrow-up {
  height: 40px;
  width: 40px;
  display: block;
  border: 1px solid #EC008C;
  position: relative;
  cursor: pointer;
  transition: all 0.5s cubic-bezier(0.25, 1.7, 0.35, 1.5);
  overflow: hidden;
}

.arrow-slide {
  left: 0;
  top: -100%;
  width: 100%;
  height: 100%;
  background: #fff;
  position: absolute;
  display: block;
  z-index: 0;
}

.left-arm {
  position: absolute;
  z-index: 1;
  background-color: transparent;
  top: 19px;
  left: 3px;
  width: 20px;
  display: block;
  transform: rotate(-45deg);
}
.left-arm::after {
  content: "";
  background-color: #EC008C;
  width: 20px;
  height: 1px;
  display: block;
  border-radius: 1px;
  transition: all 0.5s cubic-bezier(0.25, 1.7, 0.35, 1.5);
  transform-origin: right center;
  z-index: -1;
}

.right-arm {
  position: absolute;
  z-index: 1;
  background-color: transparent;
  top: 19px;
  left: 17px;
  width: 20px;
  display: block;
  transform: rotate(45deg);
  border-radius: 2px;
}
.right-arm::after {
  content: "";
  background-color: #EC008C;
  width: 20px;
  height: 1px;
  display: block;
  border-radius: 1px;
  transition: all 0.5s cubic-bezier(0.25, 1.7, 0.35, 1.5);
  transform-origin: left center;
  z-index: -1;
}

.arrow-up:hover {
  transition: all .1s;
}
.arrow-up:hover .left-arm::after {
  transform: rotate(-10deg);
}
.arrow-up:hover .right-arm::after {
  transform: rotate(10deg);
}
.arrow-up:hover .arrow-slide {
  transition: all .4s ease-in-out;
  transform: translateY(200%);
}

.scroll-up {
  margin-left: 100px;
}

.arrow-up {
  margin-left: -100px;
}

/* .arrow-up,
.scroll-up {
  position: fixed;
  top: 200px;
} */


a#topBtn { 
position: fixed; /* 포지션 고정 */ 
right: 12%; /* 오른쪽에서 2% - %도 할수 있음*/ 
bottom: 15px; /* 밑에서 5px */ 
display: block; /* 보여지지 없음 - 기본적으로 안보여지게 */ 
z-index: 9999; /* 포지션을 먼저 지정후 z-좌표(레이어) : 9999입니다. */ 
color: #000;
cursor: pointer;
}
#personalInfo .profile-info li.nickname-wrap {
  margin-bottom: 50px;
}
@media (min-width: 768px) {
  #personalInfo .profile-info li.nickname-wrap {
    font-size: 22px;
  }
}
@media (min-width: 992px) {
  #personalInfo .profile-info li.nickname-wrap {
    border: 1px solid #8BDBFF;
    padding: 10px 0 10px 30px;
    min-height: 50px;
    border-radius: 25px;
    margin: 10px 20px 10px 0;
    font-size: 16px;
    align-items: center;
  }
}

#personalInfo .product-profile-wrap {
  border: 1px dashed #8BDBFF;
  padding: 30px 0;
}
#personalInfo .product-profile-wrap .profile-userinfo {
  display: flex;
  flex-direction: column;
  justify-content: center;
  width: 100%;

}
#personalInfo .product-profile-wrap .profile-userinfo li {
  border: 1px dashed #8BDBFF;
  padding: 10px 0;
  min-height: 50px;
  border-radius: 25px;
  margin: 10px 20px;
  font-size: 22px;
  align-items: center;
}
@media (min-width: 768px) {
  #personalInfo .product-profile-wrap .profile-userinfo li {
    font-size: 18px;
    font-weight: 400;
  }
}
#personalInfo .product-profile-wrap li.user-name {  
  font-size: 20px;
  font-weight: 700;
}
@media (min-width: 768px) {  
  #personalInfo .product-profile-wrap li.user-name {
    font-weight: 400;
  }
  #personalInfo .product-profile-wrap .profile-userinfo li {
    font-size: 16px;
    padding-left: 30px;
  }
}
@media (min-width: 992px) {
    #personalInfo .product-profile-wrap .profile-userinfo li {
      margin-left: 0;
    }
}


.planner-information-wrap {
  margin-top: 50px;
  margin-bottom: 50px;
  border-top: 1px dashed #E683FC;
  border-bottom: 1px dashed #E683FC;
  padding-bottom: 50px;
}
.planner-information-wrap .product-aticle-title {
  margin-top: 50px;
  border-bottom: 1px dashed #E683FC;  
}
.planner-information-wrap .product-aticle-title h4 {
  font-size: 18px;
}
.planner-information-wrap .product-aticle-title h4 span {
  font-weight: 300;
}

@media (min-width: 992px) {
  .planner-information-wrap {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    padding-top: 50px;
    padding-bottom: 50px;
  }
  .planner-information-wrap span.planner-info-article {
    border: 1px dashed #E683FC;
    padding: 20px;
    margin-right: 10px;
    margin-bottom: 10px;
    flex-basis: calc(50% - 10px);
  }
  _:-ms-input-placeholder, :root .planner-information-wrap span.planner-info-article {
    flex-basis: calc(44% - 10px);
  }
  .planner-information-wrap .product-aticle-title {
    margin-top: 0;
  }
}

.personal-info-input-wrap {
  padding-top: 30px;
}

.personal-info-input-wrap .profile, .personal-info-input-wrap .profile-default {
  margin-bottom: 30px;
  border-color: #8ED8FF;
  width: 190px;
  height: 190px;
}
.planner-info-input-wrap {
  margin-top: 70px;
}

.modal.show .modal-dialog.modal-fullsize {
  max-width: 100%;
  width: calc(100vw - 20px);
  height: calc(100vh - 20px);
  margin: 10px;
}
.modal .modal-dialog.modal-fullsize {
  max-width: auto;
  width: calc(100vw - 20px);
  height: calc(100vh - 20px);
  margin: 10px;
}
.modal.show .modal-dialog.modal-fullsize .modal-body {
  overflow: auto;
  width: calc(100vw - 20px);
  height: calc(100vh - 170.5px);
  background-color:  rgba(167, 167, 246, 0.5);
  position: relative;
  /* background-image: url('../img/imgzone/personal.jpg'); */
}

#recollingDataModalScrollable .modal .search-wrap {
  background-color: transparent;
  position: absolute;
  top: 20px;
  left: 0;
  z-index: 22;
  padding: 0;
  margin: 0;
  margin-left: 5px;
  margin-right: 5px;
}

@media (min-width: 576px) {
  #recollingDataModalScrollable .modal .search-wrap {
    left: 60px;
  }
}
@media (min-width: 992px) {
  #recollingDataModalScrollable .modal .search-wrap {
    border: none;
  } 
  #recollingDataModalScrollable .modal .search-wrap .input-group {    
    width: auto;
  }
  #recollingDataModalScrollable .modal .search-wrap .input-group-text {
    border-color: #ec008c;
    color: #fff;
  }
  #recollingDataModalScrollable .modal .search-wrap .custom-btn-outline {
    border-color: #ec008c;
    color: #fff;
  }
  #recollingDataModalScrollable .modal .search-wrap .custom-btn-outline:hover {
    background-color: #ec008c;
    border-color: #E584FC;
    color: #fff;
  }
/*   #recollingDataModalScrollable .modal-dialog .search-wrap .custom-form-control {
    color: #fff;
    border-color: #fff;
  } */
}
#recollingDataModalScrollable .modal .input-group-text, #recollingDataModalScrollable .modal .search-wrap .custom-form-control, #recollingDataModalScrollable .modal .search-wrap .custom-btn-outline {
  background: rgba(236, 0, 140, 0.3);
  border-color: #ec008c;
}

#recollingDataModalScrollable .modal .input-group-text {
  margin-right: 1px;
}

.form-check-wrap {
  margin: 0;
}
.form-check-wrap .form-check .form-check-label {
  /* text-transform: uppercase; */
  font-weight: 400;
  font-size: 16px;
  color: #919B9F;
  cursor: pointer;
}


input[type="radio"] {
cursor: pointer;
}

.blog-profile-wrap {
  margin-left: -24px;
  margin-right: -24px;  
  margin-bottom: 80px;
}
@media (min-width: 576px) {
 .blog-profile-wrap {
    display: none;
  } 
}
#introductionCarouselIndicators .carousel-indicators {
  bottom: -50px;
}
#introductionCarouselIndicators .carousel-indicators li {
  background-color: #8bdbff;
}

#introductionCarouselIndicators .custom-btn-wrap {
  margin-bottom: 0;
}
/* #introductionCarouselIndicators .custom-btn-confirm {
  color: #fff;
  border-color: #fff;
  background-color: rgba(255, 255, 255, 0.1);
} */

#introductionCarouselIndicators .carousel-inner {
  text-align: center;  
}
.icon-play-btn {
  width: 70%;
  position: relative;
  margin-bottom: 0;
}
.icon-play-btn::before {
  content: '\f04b';
  font-family: 'Font Awesome 5 Free';
  font-size: 14px;
  font-weight: 900;
  color: #8bdbff;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 25px;
}
.icon-play-btn:hover::before {
  color: #fff;
}
.icon-play-btn.play {
  color: #fff;
  background: #E584FC;
  border-color: #E584FC;
}
.icon-play-btn.play::before {
  content: '\f04c';
  color: #fff;
}

.blog-profile-web-wrap {
  display: none;
}

@media (min-width: 576px) {
  .blog-profile-web-wrap {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    padding: 20px;
    padding-top: 20px;
    padding-bottom: 0px;
    margin-top: 30px;
    border: 1px dashed #8ED8FF;
  }
  .blog-profile-web-wrap .icon-play-btn {
    width: auto;
    padding-left: 60px;
    padding-right: 30px;
    margin-right: 15px;
    margin-bottom: 20px;
    font-size: 14px;
    font-weight: 600;
    border-width: 1px;
    height: 46px;
    border-radius: 23px;
  }
}

#introductionCarouselIndicators .carousel-control-next, #introductionCarouselIndicators .carousel-control-prev {
  opacity: 0.7;
}
#introductionCarouselIndicators .carousel-control-next-icon, #introductionCarouselIndicators .carousel-control-prev-icon {    
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 200%;
}
#introductionCarouselIndicators .carousel-control-next-icon {  
  background-image: url('../img/arrow-right-cornflower.svg');
}
#introductionCarouselIndicators .carousel-control-prev-icon {  
  background-image: url('../img/arrow-right-cornflower.svg');
  transform: rotate(-180deg);
}


.blog-profile-wrap.chat-info-wrap {
  display: block;  
  position: fixed;
  top: 55px;
  left: 0;
  z-index: 1;
  margin: 0;
  width: 100%;
}
@media (min-width: 576px) {
  .blog-profile-wrap.chat-info-wrap {
    position: relative;
    top: auto;
    left: auto;
  }
}
.chat-info-wrap {
  background: #E683FC;
  padding: 15px;
}
a.chat-info-title {
  display: block;
  width: 100%;
  color: #fff;
  padding-left: 24px;
  padding-right: 24px;
  min-height: 45px;
  line-height: 1.2;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}
a.chat-info-title:hover {
  color: #ec008c;
}

_:-ms-input-placeholder, :root a.chat-info-title {
  height: 90px;
}

@media (min-width: 576px) {
  a.chat-info-title {
    font-size: 14px;
    font-weight: 400;
    line-height: 1.3;
    min-height: 56px;
  }
  _:-ms-input-placeholder, :root a.chat-info-title {
    height: 56px;
  }

}
#productCarouselIndicators .carousel-indicators {
  bottom: -35px;
}
#productCarouselIndicators .carousel-indicators li {
  background-color: #fff;
}

#productCarouselIndicators .custom-btn-wrap {
  margin-bottom: 0;
}

#productCarouselIndicators .carousel-inner {
  text-align: left  
}
#productCarouselIndicators .carousel-control-next, #productCarouselIndicators .carousel-control-prev {
  opacity: 0.7;  
}
#productCarouselIndicators .carousel-control-next {
  right: -25px
}
#productCarouselIndicators .carousel-control-prev {
  left: -25px
}
@media (min-width: 576px) {
#productCarouselIndicators .carousel-control-next {
  right: -40px
}
#productCarouselIndicators .carousel-control-prev {
  left: -40px
}  
}
#productCarouselIndicators .carousel-control-next-icon, #productCarouselIndicators .carousel-control-prev-icon {    
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 200%;
}
#productCarouselIndicators .carousel-control-next-icon {  
  background-image: url('../img/arrow-right-white.svg');
}
#productCarouselIndicators .carousel-control-prev-icon {  
  background-image: url('../img/arrow-right-white.svg');
  transform: rotate(-180deg);
}


.menu-kebab {
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;  
  width: 55px;
  height: 55px;
  padding: 0;
  margin: 0;
  transition: all 300ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
  margin-right: -15px;
}
.menu-kebab .circle:nth-child(4), .menu-kebab .circle:nth-child(5) {
  position: absolute;
  opacity: 0;
  top: 50%;  
  left: 50%;  
  transform: translate(-3px, -3px);
  margin-top: 0;
}
.menu-kebab .circle:nth-child(4) {  
  margin-left: -10px;
}
.menu-kebab .circle:nth-child(5) {
  margin-left: 10.5px;
}
.menu-kebab[aria-expanded="true"] {
  transform: rotate(45deg);
}
.menu-kebab[aria-expanded="false"] {
  transform: rotate(0deg); 
}
.menu-kebab[aria-expanded="true"] .circle, .menu-kebab[aria-expanded="true"] .circle {
  opacity: 1;
}
.menu-kebab[aria-expanded="false"] .menu-kebab .circle:nth-child(4), .menu-kebab[aria-expanded="false"] .menu-kebab .circle:nth-child(5) {
  opacity: 0;
}
.menu-kebab .circle {
  width: 6px;
  height: 6px;
  margin: 2px;
  background: #fff;
  border-radius: 50%;
  display: inline-block;
}

.blog-function-btn-web-wrap {
  display: none;
}

@media (min-width: 576px) {
  .blog-function-btn-web-wrap {
    display: flex;
  }  
  .blog-function-btn-web-wrap .btn + .btn {
    margin-left: 15px;
  }
}

.blog-function-btn-wrap .btn + .btn {
  margin-left: 15px;
}

.blog-function-btn-wrap .custom-btn-outline {
  width: auto;
  padding: 0 25px 0 25px;
}
@media (min-width: 768px) {
  .blog-function-btn-wrap .custom-btn-outline {
    padding: 0 55px 0 55px;
  }
  _:-ms-input-placeholder, :root .blog-function-btn-wrap .custom-btn-outline {
    padding: 0 40px 0 40px;
  }
}


.btn[follow] {
  color: #fff;
  background-color: #8bdbff;
  border-color: #8bdbff;
}

.album-wrap {
  margin-left: -24px;
  margin-right: -24px;  
}
.album-wrap .card {
  margin: 0;
  border-radius: 0;
  border: none;  
}

@media (min-width: 768px) {
  .album-wrap {
    display: none;
  }
}

.album-wrap .card img.card-img {
  border-radius: 0;
}


.gallery {
  -webkit-column-count: 4;
  -moz-column-count: 4;
  column-count: 4;
  -webkit-column-width: 25%;
  -moz-column-width: 25%;
  column-width: 25%;

  -webkit-column-gap: 0;
  -moz-column-gap: 0;
  column-gap: 0;
  margin-left: -24px;
  margin-right: -24px;
  background-color: #e683fc;  
}
.gallery .pics {
  -webkit-transition: all 350ms ease;
  transition: all 350ms ease; 
}
.gallery .animation {
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1); 
}

@media (max-width: 450px) {
  .gallery {
    -webkit-column-count: 1;
    -moz-column-count: 1;
    column-count: 1;
    -webkit-column-width: 100%;
    -moz-column-width: 100%;
    column-width: 100%;
  }
}

@media (max-width: 400px) {
  .btn.filter {
  padding-left: 1.1rem;
  padding-right: 1.1rem;
  }
}



.lang-recbtn-wrap {
  margin: 0;
  padding-top: 35px;
}
.btn-recording {
  width: 100%;
}
.btn-play {
  position: relative;
}
.btn-play::before {
  content: '\f04b';
  font-family: 'Font Awesome 5 Free';
  font-size: 14px;
  font-weight: 900;
  color: #8bdbff;
  position: absolute;
  top: 50%;  
  left: 50%;
  transform: translate(-50%, -50%);
}
.btn-pause {
  border-color: #ec008c;
}
.btn-pause::before {
  content: '\f04c';
  color: #ec008c;
}

.btn-play:hover::before, .btn-pause:hover::before {
  color: #fff;
}



.resolution-576-appears {
  display: none;
}
@media (min-width: 576px) {
  .resolution-576-appears {
    display: inline-flex;
  } 
}

h4.selected-lnguage {
  text-transform: none;
  font-weight: 400;
  margin-bottom: 20px;
}
@media (min-width: 576px) {
  h4.selected-lnguage {   
    margin-bottom: 0;
  }
}



.table {
  border: 0;
  color: #263340;
  font-size: 14px;  
  margin-bottom: 30px;
  width: 100%;
}
@media (min-width: 768px) {
  .table {   
    margin-top: 30px;
    margin-bottom: 60px;
  }
}
.table thead, .table tbody tr th {
  display: none;
}
@media (min-width: 768px) {
  .table thead {
    display: table-header-group;    
    background-color: #E584FC;
    color: #fff;   
  } 
  .table thead th {
    font-size: 12px;
    border: none;
    font-weight: 400;
    vertical-align: middle;
    text-transform: uppercase;          
    white-space: nowrap;  
  }
  .table thead tr {
    height: 50px;
  }
}
/* .table tbody {
  width: 100%;
} */
.table tbody tr {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;  
  border: none;
  border-bottom: 1px dashed #E584FC; 
}
@media (min-width: 576px) {
  .table tbody tr {
    margin: 10px;
    padding: 10px;
    border: 1px dashed #E584FC;
  }
}
@media (min-width: 768px) {
  .table tbody tr {
    display: table-row;
    margin: 0;
    padding: 0;
    border: none;
    border-bottom: 1px dashed #E584FC;
    height: 50px;
  }
  .table tbody tr td, .table tbody tr th {
    display: table-cell;
    vertical-align: middle;
  }
  .table tbody tr th {
    font-weight: 400;
  }
}
.table tbody tr:hover, .table-striped tbody tr:hover:nth-of-type(odd) {
  background-color: #F3F3F3;
}
.table tbody tr td {
  display: inline-flex;
  align-items: center;
}
@media (min-width: 768px) {
  .table tbody tr td {
    display: table-cell;
  }
}
.table tbody tr td.board-title {
  flex-basis: 100%;
}
@media (min-width: 768px) {
  .table tbody tr td.board-title {
    text-align: left;
  }
}

.table tbody tr td a {
  font-size: 18px;
  min-height: 50px;
  color: #263340;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
@media  (min-width: 768px) {
  .table tbody tr td a {
    font-size: 14px;
    font-weight: 400;
    min-height: auto;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
  }
}
.table td, .table th {
  border: none;
}
@media (min-width: 768px) {
  .table td, .table th {
    text-align: center;
    padding-left: 20px;
    padding-right: 20px;
  }
}
.table td {
  padding: 10px 15px;
}
.table-striped tbody tr:nth-of-type(odd) {
  background-color: #fff;
}

.badge-new {
  color: #fff;
  background-color: rgba(255, 0, 0, 1.0);
  text-transform: uppercase;
  font-size: 12px;
  margin-right: 10px;
}
@media (min-width: 768px) {
  .badge-new {
    font-size: 10px;
    font-weight: 400;
    padding: 3px 5px;
  }
}
.page-link {
  color: #E584FC;
  border: 1px dashed #E584FC;
}
.page-link:hover {
  color: #E584FC;
  background-color: rgba(229, 132, 252, .3);
  border: 1px solid #E584FC;
}

.page-item.active .page-link {
  background-color: #E584FC;
  border-color: #E584FC;
}
.page-item.disabled .page-link {
  color: rgba(229, 132, 252, .5);
  border: 1px dashed rgba(229, 132, 252, .5);
}
.page-item:first-child .page-link {
  border-top-left-radius: calc(0.5rem + 0.75rem) ;
  border-bottom-left-radius: calc(0.5rem + 0.75rem ) ;
}
.page-item:last-child .page-link {
  border-top-right-radius: calc(0.5rem + 0.75rem) ;
  border-bottom-right-radius: calc(0.5rem + 0.75rem ) ;  
}


.board-view-info {
  display: flex;
  justify-content: space-between;
}
@media (min-width: 768px) {
  .board-view-info {
    justify-content: flex-start;
  }
  .board-view-info span:last-child {
    margin-left: 60px;
  }
}
.board-view-info-date, .board-view-info-veiw, .board-info-date, .board-info-view {
  position: relative;
}
.board-view-info-date::before, .board-info-date::before {
  content: '\f017';
  font-family: 'Font Awesome 5 free regular';
  font-size: 16px;
  font-weight: 900;
  color: #fff;
  margin-right: 10px;
}
.board-view-info-veiw::before, .board-info-view::before {
  content: '\f06e';
  font-family: 'Font Awesome 5 free regular';
  font-size: 16px;
  font-weight: 900;
  color: #fff;
  margin-right: 10px; 
}
.board-info-date, .board-info-view, .board-info-date::before, .board-info-view::before {
  color: #959595;
}
@media (min-width: 768px) {
  .board-info-date::before, .board-info-view::before {
   content: ' ';
  }
}
@media (min-width: 992px) {
  .board-view-info-date::before, .board-view-info-view::before {
    font-size: 14px;
  }  
}
.board-function-wrap {
  padding: 24px;
  margin-top: -30px;
  margin-left: -24px;
  margin-right: -24px;
  background-color: #A7A7F6;
  display: flex;
  justify-content: center;
}
.board-img {
  margin-top: -30px;
  margin-left: -24px;
  margin-right: -24px;
}
.board-function-wrap + .board-img {
  margin-top: 0;
}
.board-img .img-btn {
  padding: 0;
  border: none;
}
.board-img img {
  width: 100vw;
}
@media (min-width: 576px) {
  .board-img img {
    width: 100%;
  }
}
.board-text {
  margin-top: 0px;
}
@media (min-width: 576px) {
  /* .board-text p {
    word-break: keep-all;
    line-height: 1.8;    
  }
  .board-text p + p {
    margin-top: 50px;
  } */
}
.board-text img {
  max-width: 100%;
}

.file-download {
  color: #fff;
  background-color: transparent;
  border: none;
  display: flex;
  align-items: center;
}
.file-download::before {
  content: "\3a";
  font-family: "dripicons-v2" !important;
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  margin-right: 15px;
}
.file-download span {
  display: inline-block;
  width: 150px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}



.album-embed {
  display: block;
  padding: 0;
  margin: 0;
  background-color: rgba(277, 134, 252, 0.5);
  position: relative;
}
.album-embed::before {
  content: '\f04b';
  font-family: 'Font Awesome 5 Free';
  font-size: 60px;
  font-weight: 900;
  color: #fff;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 3;
  cursor: pointer;
}
.album-embed:hover {
  background-color: rgba(277, 134, 252, 1.0); 
}

.album-embed video {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
  z-index: 1;
  width: 200%;
  height: 200%;
}

.album-article.album-embed::before { 
  color: #e683fc;
}
.album-article.album-embed:hover::before { 
  color: #fff;
}

#macy-container::before { 
  content: ""; 
  display: table; 
  clear: both;}

#macy-container {
  display: block;
  text-align: center;
  margin-top: 22px;
  margin-left: -24px;
  margin-right: -24px;
  background-color: rgba(229, 132, 252, 0.5);
}

#macy-container::after { 
  content: ""; 
  display: table; 
  clear: both;
}

.demo {  
  overflow: hidden;
  padding: 0;
  margin: 0;
  cursor: pointer;
}
.demo a {
  padding: 0;
  margin: 0;
  position: relative;
  display: block;
  width: 100%;
  height: 100%;
}
.demo a::before {
  background-color: transparent;
}
@media (min-width: 756px) {
  .demo a::before {
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.3);
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
  }
}
.demo a:hover::before {
  background-color: rgba(0, 0, 0, 0.0);
}


.demo-image {
  width: 100%;
  display: block;
  height: auto;
}


.album-modify-wrap {
  margin: 0;
  padding: 0;  
  margin-left: -24px;
  margin-right: -24px;
}

.album-article-wrap {
  display: inline-block;
  width: 50%;
  height: 180px;
  margin: 0;
  position: relative;
  overflow: hidden;
  
}
@media (min-width: 765px) {
  .album-article-wrap {
    width: 33.3333333333333333333333333333333333333%;
    height: 250px;
    border: 1px solid #fff;  
    border-left: none;
    border-bottom: none;
  }
}
.album-article {
  display: inline-block;
  width: 100%;
  height: 100%;  
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 200%;
  background-color: rgba(0, 0, 0, 1.0);
}
.album-article-wrap:nth-child(even) {
  border-right: none;
}
@media (min-width: 765px) {
  .album-article-wrap:nth-child(even) {
    border-right: 1px solid #fff;
  }
  .album-article-wrap:nth-child(3n) {
    border-right: none;
  }  
}
.album-article-wrap .form-check {
  position: absolute;
  top: 10px;
  right: 10px;
  padding-left: 0;
  z-index: 4;
}
.album-article-wrap .form-check input.custom-form-check-input {
  width: 30px;
  height: 30px;
}



.switch {
  font-size: 1rem;
  position: relative;
}
.switch input {
  position: absolute;
  height: 1px;
  width: 1px;
  background: none;
  border: 0;
  clip: rect(0 0 0 0);
  clip-path: inset(50%);
  overflow: hidden;
  padding: 0;
}
.switch input + label {
  position: relative;
  min-width: calc(calc(2.375rem * .8) * 2);
  border-radius: calc(2.375rem * .8);
  height: calc(2.375rem * .8);
  line-height: calc(2.375rem * .8);
  display: inline-block;
  cursor: pointer;
  outline: none;
  user-select: none;
  vertical-align: middle;
  text-indent: calc(calc(calc(2.375rem * .8) * 2) + .5rem);
}
.switch input + label::before,
.switch input + label::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: calc(calc(2.375rem * .8) * 2);
  bottom: 0;
  display: block;
}
.switch input + label::before {
  right: 0;
  background-color: #dee2e6;
  border-radius: calc(2.375rem * .8);
  transition: 0.2s all;
}
.switch input + label::after {
  top: 2px;
  left: 2px;
  width: calc(calc(2.375rem * .8) - calc(2px * 2));
  height: calc(calc(2.375rem * .8) - calc(2px * 2));
  border-radius: 50%;
  background-color: white;
  transition: 0.2s all;
}
@media (min-width: 992px) {
  .switch input + label::after {
    top: 3.5px;
  }
}
.switch input:checked + label::before {
  background-color: #08d;
}
.switch input:checked + label::after {
  margin-left: calc(2.375rem * .8);
}
.switch input:focus + label::before {
  outline: none;
  box-shadow: 0 0 0 0.2rem rgba(0, 136, 221, 0.25);
}
.switch input:disabled + label {
  color: #868e96;
  cursor: not-allowed;
}
.switch input:disabled + label::before {
  background-color: #e9ecef;
}
.switch.switch-sm {
  font-size: 0.875rem;
}
.switch.switch-sm input + label {
  min-width: calc(calc(1.9375rem * .8) * 2);
  height: calc(1.9375rem * .8);
  line-height: calc(1.9375rem * .8);
  text-indent: calc(calc(calc(1.9375rem * .8) * 2) + .5rem);
}
.switch.switch-sm input + label::before {
  width: calc(calc(1.9375rem * .8) * 2);
}
.switch.switch-sm input + label::after {
  width: calc(calc(1.9375rem * .8) - calc(2px * 2));
  height: calc(calc(1.9375rem * .8) - calc(2px * 2));
}
.switch.switch-sm input:checked + label::after {
  margin-left: calc(1.9375rem * .8);
}
.switch.switch-lg {
  font-size: 1.25rem;
}
.switch.switch-lg input + label {
  min-width: calc(calc(3rem * .8) * 2);
  height: calc(3rem * .8);
  line-height: calc(3rem * .8);
  text-indent: calc(calc(calc(3rem * .8) * 2) + .5rem);
}
.switch.switch-lg input + label::before {
  width: calc(calc(3rem * .8) * 2);
}
.switch.switch-lg input + label::after {
  width: calc(calc(3rem * .8) - calc(2px * 2));
  height: calc(calc(3rem * .8) - calc(2px * 2));
}
.switch.switch-lg input:checked + label::after {
  margin-left: calc(3rem * .8);
}
.switch + .switch {
  margin-left: 1rem;
}

#alarm .row {  
  padding: 20px 10px; 
}
#alarm li:first-child .row {
  border: 1px dashed #E683FC;
}
@media (min-width: 992px) {
  #alarm li .row {
    border-bottom: 1px dashed #E683FC;
  }
}
#alarm .row div {
 margin-bottom: 0;
}
#alarm .row div:first-child {
 /* display: flex;
 align-items: center; */
}
#alarm .form-group span label {
  margin-bottom: 0;
}
#alarm  ul {
  padding: 0;
}


.swal2-popup {
  border-radius: 0;
}
.swal2-popup .swal2-title {
  font-size: 18px;
  font-weight: 500;
}

.swal2-popup #swal2-content {
  font-size: 16px;
  font-weight: 400;
}
.swal2-popup {
  padding: 40px;
}

.swal2-popup .swal2-styled.swal2-cancel {
  display: flex;
  align-items: center;
  justify-content: center;
  padding-top: 5px;
  padding-bottom: 5px;
  border-radius: 25px;
}
.swal2-popup .swal2-styled.swal2-confirm {
  display: flex;
  align-items: center;
  justify-content: center;
  padding-top: 5px;
  padding-bottom: 5px;
  border-radius: 20px;
  background: #8ED8FF;
  box-shadow: none;
}
.swal2-popup .swal2-styled:focus {
  box-shadow: none;
}



.message-banner {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 66px;
  background-color: #EC008C;
  margin-top: -30px;
  margin-bottom: 30px;
  margin-left: -24px;
  margin-right: -24px;
  color: #fff;
  -webkit-animation: slide-bottom 0.5s ease-in-out 0.5s both;
          animation: slide-bottom 0.5s ease-in-out 0.5s both;
}
@-webkit-keyframes slide-bottom {
  0% {
    -webkit-transform: translateY(-66px);
            transform: translateY(-66px);
  }
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}
@keyframes slide-bottom {
  0% {
    -webkit-transform: translateY(-66px);
            transform: translateY(-66px);
  }
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}

.message-banner .message-text-wrap {
  display: inline-flex;
  align-items: center;
  justify-content: flex-start;
}
.message-banner .message-text-wrap::before {
  content: '';
  display: inline-block;
  width: 30px;
  height: 30px;
  background-image: url('../img/alert-circle-outline-white.svg');
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 100%;
  margin-right: 10px;
  margin-left: 10px;  
}
.message-banner .message-text-wrap .nickname-wrap {
  font-size: 16px;
  font-weight: 700;
  margin-right: 7px;
}

/* @media (min-width: 765px) {
  .nomargin-bottom {
    margin-bottom: 0 !important;
  }
}
 */
.color-heliotrope[selected] {
  border-color: #E683FC;
  background-color: #E683FC;
  color: #fff;
}

.custom-file-input:lang(en)~.custom-file-label::after {
  content: '';
}

.tooltip.show {
    opacity: .7;
}

.bs-tooltip-auto[x-placement^=top] .arrow::before,
.bs-tooltip-top .arrow::before {
    border-top-color:  #EC008C;
}

.tooltip-inner {
    max-width: 200px;
    padding: .25rem .5rem;
    color: #fff;
    text-align: center;
    background-color: #EC008C;
    border-radius: .25rem
}

.play-media {
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.0);
  color: #fff;
  z-index: 13;
  border: 0;
  text-transform: none;
  cursor: pointer;
}
.play-media::before {
  content: '\f04b';
  font-family: 'Font Awesome 5 Free';
  font-size: 30px;
  font-weight: 900;
  color: #fff;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 3;
  cursor: pointer;
}


/* payment */

.fiexd-btn-payment-setting {
  border-color: #52A8FA;
  background-color: #8AB9E6;

}
.fiexd-btn-payment-setting::before {
  content: '';
  width: 30px;
  height: 24.213px;
  background-image: url('../img/credit-card-setting-white.svg');
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 100%;
}

.fiexd-btn-payment-setting:hover {
  background-color: #E683FC;
  border: 1px solid #E683FC;
}

@media (min-width: 576px) {
  .fiexd-btn-payment-setting::before {
    position: relative;
    top: auto;
    left: auto;
    transform: none;
    width: 25px;
    height: 20.175px;
    margin-right: 10px;
  }
}


.payment-setting-info-wrap {
  display: flex;
  flex-direction: column;  
  margin: 0 20px;
  font-weight: 500;
  font-size: 16px;
  color: #E584FC;  
}
@media (min-width: 992px) {
  .payment-setting-info-wrap {
    flex-direction: row;
    justify-content: space-between;
    margin: 0;
    padding: 15px 0px;
    border: 1px dashed #E584FC;
  }
  .payment-setting-info-wrap > span {
    flex-grow: 1;
  }
}
.payment-amount-display {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 20px;
  font-size: 18px;
  border-top: 1px dashed #E584FC;
  text-transform: uppercase;
}
.payment-amount-display::before {
  content: '\f06e';
  font-family: 'Font Awesome 5 Free regular';
  font-size: 16px;
  margin-right: 10px;
}
@media (min-width: 992px) {
  .payment-setting-info-wrap > span.payment-amount-display {
    flex-grow: 0;
    border-top: none;
    border-right: 1px dashed #E584FC;
  }
}
.payment-amount-hide {
  color: #C4C4C4;
}
.payment-amount-hide::before {
  content: '\f070';
  
}

.payment-amount-wrap {
  display: flex;
  flex-direction: column;
  margin-bottom: 30px;
  padding: 20px 20px 0 20px;
  border-top: 1px dashed #E584FC;
  border-bottom: 1px dashed #E584FC;
}
@media (min-width: 992px) {
  .payment-setting-info-wrap > span.payment-amount-wrap {
    justify-content: space-between;
    order: 1;
    flex-grow: 2;
    border: none;
    border-left: 1px dashed #E584FC;
  }
}

.payment-amount-wrap > .payment-amount-calc {
  display: flex;
  padding: 0;
  border: none;
}
.payment-amount-wrap > .payment-amount-calc .payment-etc-wrap-top {
  justify-content: flex-start;
  font-size: 16px;

}
.payment-amount-total-unit {
  display: flex;
  flex-direction: row;
  justify-content: space-between;  
  font-size: 16px;
  color: #E584FC;
}
.payment-amount-total {
  font-weight: 500;
  color: #E584FC;
  text-transform: uppercase
}
.payment-total-amount {
  display: flex;
  justify-content: flex-end;
  font-weight: 700;
  font-size: 40px;
  color: #EC008C;
}
.final-payment-amount {
  font-size: 60px;
}
@media (min-width: 992px) {
  .final-payment-amount {
    font-size: 40px;
  }
}
.payment-amount-unit {
  display: inline-flex;
  align-items: center;
  font-weight: 300;
  text-transform: uppercase;
}
.payment-amount-calc {
  display: flex;
  flex-direction: column;
  padding: 20px;
  border-bottom: 1px dashed #E584FC;
  color: #E584FC;
}
@media (min-width: 992px) {
  .payment-amount-calc {
    border: none;
    justify-content: space-between;
  }
}

.pay-btn-wrap .btn.payment-amount-calc {
  align-items: flex-end;
  margin-bottom: 20px;
  width: 100%;
  padding: 10px 20px;
  font-weight: 500;
  font-size: 16px;  
  color: #E584FC;
  border: 2px solid #E584FC;
  border-radius: 142.5px;
}
@media (min-width: 992px) {
  .pay-btn-wrap .btn.payment-amount-calc {
    font-weight: 400;
    font-size: 14px;
  }
}
.pay-btn-wrap .btn.payment-amount-calc[selected], .pay-btn-wrap .btn.payment-amount-calc:hover {
  color: #fff;
  background-color: #E584FC;
}
.pay-btn-wrap .btn.payment-amount-calc[selected] > .payment-amount, .pay-btn-wrap .btn.payment-amount-calc[selected] > .payment-amount > .payment-amount-unit, .pay-btn-wrap .btn.payment-amount-calc:hover .payment-amount, .pay-btn-wrap .btn.payment-amount-calc:hover .payment-amount .payment-amount-unit  {
  color: #fff;
}

.pay-btn-wrap .btn.payment-amount-calc[disabled] {
  color: #000;
  border: none;
  background-color: #acacac;
}
.pay-btn-wrap .btn.payment-amount-calc[disabled] .payment-amount, .pay-btn-wrap .btn.payment-amount-calc[disabled] .payment-amount .payment-amount-unit {
  color: #000;
}
.payment-etc-wrap-top {
  display: flex;
  justify-content: flex-end;
  text-transform: uppercase;
}
.payment-etc-wrap-top span {
  display: inline-block;
  font-weight: 300;
  margin-left: 10px;
}
.payment-amount {
  display: flex;
  align-items: baseline;
  justify-content: flex-end;
  font-weight: 400;
  font-size: 24px;
  color: #EC008C;
}
.payment-amount .payment-amount-unit {
  display: inline-flex;
  align-items: flex-end;
  margin-left: 5px;
  padding-bottom: 2px;
  font-weight: 200;
  color: #EC008C;
  font-size: 18px;
}
@media (min-width: 992px) {
  .payment-amount .payment-amount-unit {
    font-size: 12px;
  }
}
.payment-exposure {
  margin-bottom: 30px;
}
.payment-exposure .form-group {
  display: flex;
  align-items: center;  
}
.payment-exposure .row div:first-child {
  display: flex;
  align-items: center;
}
.payment-exposur .row div {
  margin-bottom: 0;
}
.payment-exposure .form-group, .payment-exposure .switch.switch-sm input + label {
  margin-bottom: 0;
}


.contents-payment-setting-info {
  display: block;
  margin-bottom: 30px;
}

@media (min-width: 992px) {
  .contents-payment-setting-info {
    display: flex;
    flex-direction: column;
  }
}

.contents-payment-setting-info-title {
  display: flex;
  justify-content: center;
  margin-bottom: 20px;
  font-weight: 700;
  font-size: 22px; 
  color: #9C77FE;
  text-transform: uppercase;
}
#paymentSettingModalCenteredScrollable h5 {
  line-height: 1.5;
}
@media (min-width: 992px) {
  #paymentSettingModalCenteredScrollable h5 {
    font-size: 14px;
  }
  #paymentSettingModalCenteredScrollable h5 > p {
    margin-bottom: 0;
  }
  #paymentSettingModalCenteredScrollable .payment-setting-info-wrap {
      flex-wrap: wrap;      
      padding: 15px;
  }
  #paymentSettingModalCenteredScrollable .payment-amount-wrap {
    order: 0;    
    width: 100%;
    border: none;
    border-bottom: 1px dashed #E584FC;
  }
  .payment-exposure div:first-child {
    text-align: right;
  }
}

#paymentModalCenteredScrollable .payment-setting-info-wrap {
  margin: 0;
}
@media (min-width: 992px) {
  #paymentModalCenteredScrollable .payment-setting-info-wrap {
    flex-direction: column;
  }
  #paymentModalCenteredScrollable .pay-btn-wrap {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
  }
  #paymentModalCenteredScrollable .pay-btn-wrap .btn.payment-amount-calc {
    width: 32%;
    padding: 5px 35px 5px 20px;
  }
  #paymentModalCenteredScrollable h5 {
    font-size: 14px;
  }
}
#paymentModalCenteredScrollable .payment-setting-info-dot-wrap {
  padding: 20px;
  border: 1px dashed #E584FC;
}
#paymentModalCenteredScrollable .payment-amount-wrap {
  border-top: none;
}

.payment-status {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 3px 15px;
  min-width: 120px;
  height: 25px;
  border-radius: 12.5px;
  font-size: 14px;
  color: #fff;
  background-color: #8ED8FF;
  text-transform: uppercase;
}
@media (min-width: 768px) {
  .payment-status {
    min-width: 80px;
    height: 20px;
    padding: 1px 10px;
    border-radius: 10px;
    font-size: 10px;
  }
}
.payment-cancellation {
  background-color: #EC008C;
}
.payment-date {
  -webkit-order: -2;
  -moz-order: -2;
  -ms-order: -2;
  -o-order: -2;
  order: -2;
  font-weight: 700;
  font-size: 18px;
}
@media (min-width: 768px) {
  .payment-date {
    font-weight: 400;
    font-size: 12px;
    white-space: nowrap;
  }
}
.payment-location {
  -webkit-order: -1;
  -moz-order: -1;
  -ms-order: -1;
  -o-order: -1;
  order: -1;
}
@media (min-width: 768px) {
  .payment-location {
    font-size: 10px;
    white-space: nowrap;
  }
  .payment-location .travel-location::before {
    display: none;
  }
}
.payment-status-wrap {
  -webkit-order: 1;
  -moz-order: 1;
  -ms-order: 1;
  -o-order: 1;
  order: 1;
}
.payment-title {
  -webkit-order: 0;
  -moz-order: 0;
  -ms-order: 0;
  -o-order: 0;
  order: 0;
  font-weight: 700;
}
.payment-final-amount-wrap {
  -webkit-order: 2;
  -moz-order: 2;
  -ms-order: 2;
  -o-order: 2;
  order: 2;
  align-items: ;
  color: #EC008C;
}
.payment-final-amount {  
  display: inline-flex;
  align-items: flex-end;
  font-weight: 700;
  font-size: 30px;
}
@media (min-width: 768px) {
  .payment-final-amount {
    font-size: 20px;
  }
}
.payment-final-amount-wrap .payment-amount-unit {
  align-items: flex-end;
  margin-left: 5px;
  height: 30px;
}
@media (min-width: 768px) {
  .table tbody tr td.payment-final-amount-wrap {
    text-align: right;
  }
  .payment-final-amount-wrap .payment-amount-unit {
    display: none;
  }
}
@media (min-width: 768px) {
  .table thead tr th {
    font-size: 12px;
    white-space: nowrap;
  }
}

table.table-cancellaton tbody tr td.payment-final-amount-wrap {
  display: flex;
  justify-content: flex-end;
  width: 100%;

}
.payment-product-title {
  display: block;
  margin-bottom: 15px;
}
.payment-product-title a {
  font-weight: 700;
  font-size: 20px;
  color: #263340;
  text-decoration: underline;
}
.payment-detail-wrap .travel-location {
  margin-bottom: 15px;
  font-size: 16px;
}
.payment-detail-wrap .travel-location::before {
  color: #263340;
}
.payment-cancellation-contents-wrap {
  display: flex;
  align-items: center;
  flex-direction: column;
  padding: 20px;
  font-size: 16px;
  border: 1px dashed #EC008C;
  border-radius: 10px;
}
.payment-cancellation-contents-wrap span { 
  display: block;
  width: 100%;
  text-align: left;
}
.payment-cancellation-contents-title { 
  color: #EC008C;
}
.payment-cancellation-date {
  margin-top: 10px;
  font-weight: 600;
}
.payment-cancellation-contents {
  margin-top: 10px;
  padding-top: 10px;
  border-top: 1px dashed #EC008C;
}

.contents-hotplace-view-wrap {
  top: 500px;
}
.post-article-info {
  display: flex;
  justify-content: flex-start;
  flex-direction: column;
  margin-top: 20px;
  font-size: 16px;
}
@media (min-width: 768px) {
  .post-article-info {
    flex-direction: row;
    font-weight: 400;
    font-size: 12px;
  }
}
.post-article-info .hotplace-name {
  display: inline-flex;  
  margin-bottom: 15px;
  font-weight: 700;
}
@media (min-width: 768px) {
  .post-article-info .hotplace-name {    
    align-items: center;
    margin-bottom: 0;
  }
  .post-article-info span {
    margin-right: 30px;
  }
}
.post-article-info .travel-location, .post-article-info .hotplace-address-part {
  display: inline-flex;
}

.post-article-info .travel-location::before {
  color: #fff;
}
.post-article-date-wrap {
  display: flex;
  justify-content: center;
  position: fixed;
  top: 447px;
  left: 0;
  width: 100%;
  padding: 15px;
  font-weight: 200;
  font-size: 16px;
  background-color: rgba(0, 0, 0, 0.5);
  text-transform: uppercase;
}
@media (min-width: 768px) {
  .post-article-date-wrap {
    padding: 15px 24px;
  }
}
@media (min-width: 992px) {
  .post-article-date-wrap {
    top: 451px;
    letter-spacing: 1px;
  }

}
.post-article-date {
  display: flex;
  justify-content: space-between;
  width: 100%;
}
@media (min-width: 768px) {
  .post-article-date {
    width: 800px;
  }
}
@media (min-width: 992px) {
  .post-article-date {
    padding-left: 20px;
    padding-right: 20px;
    font-size: 12px;
  }
}
.hashtag-wrap {
  margin-bottom: 15px;
}

a.hashtag {
  display: inline-flex;
  color: #E683FC;
}
a.hashtag + a.hashtag {
  margin-left: 7px;
}
.map-wrap-wide {
  display: block;
  width: 100%;
  height: 400px;
  background-color: #8bdbff;
}
.hotplace-address-wrap {
  display: flex;
  justify-content: center;
}
.hotplace-address {
  display: inline-flex;  
  position: relative;
  margin-top: 20px;
  padding-left: 20px;
}
.hotplace-address::before {
  display: inline-flex;
  position: absolute;
  top: 6px;
  left: 0;
  content: "\e012";
  color: #263340;
  font-size: 14px;
  margin-right: 10px;
  font-family: "dripicons-v2" !important;
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  }


.course-article-wrap {
  display: flex;
  flex-direction: column;  
}
@media (min-width: 768px) {
  .course-article-wrap {
    flex-direction: row;
    flex-wrap: wrap;
  }
}
.course-article-wrap .day-article-wrap {
  display: inline-block;  
}
@media (min-width: 768px) {
  .course-article-wrap .day-article-wrap {
    width: 49%;
  }
  .course-article-wrap > div:nth-child(odd)  {
    margin-right: 10px;
  }

}
.day-article {
  display: flex;
  flex-direction: column;
  position: relative;
  margin-top: 30px;
  padding: 15px 15px 0 15px;
  border: 1px dashed #8ED8FF;
  border-bottom: none;
}
.days-article-top {
  display: block;
  margin-bottom: 15px;
  padding-bottom: 5px;
  border-bottom: 1px dashed #8ED8FF;
}
.days-article-top .close {
  height: 40px;
}
.hotplace-article-day {
  display: inline-flex;
  margin-bottom: 15px;
  font-weight: 700;
  font-size: 22px;
  color: #9C77FE;
}
@media (min-width: 768px) {
  .hotplace-article-day {
    font-weight: 500;
    font-size: 18px;
  }
}
ol.day-wrap {
  margin: 0;
  padding: 0;
  padding: 0 15px 15px 15px;
  border: 1px dashed #8ED8FF;
  border-top: none;
}
ol.day-wrap li {
  list-style: none;
}
ol.day-wrap li:hover {
  color: #fff;
  border-color: #9C77FE;
  background-color: #9C77FE;

}
ol.day-wrap li + li {
  margin-top: 15px;
}
.hotplace-article {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  position: relative;
  padding: 10px 0;
  border: 1px solid #CED4DA;
}
@media (min-width: 992px) {
  .hotplace-article {
    justify-content: flex-start;
  }
}
.hotplace-article-close-wrap {
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.hotplace-article-close-wrap .article-close-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 60px;
  padding: 0;
  color: #9C77FE;
}

ol.day-wrap li:hover > .hotplace-article-close-wrap .article-close-btn {
  color: #fff;
  background-color: transparent;
}
@media (min-width: 992px) {
  .hotplace-article-close-wrap .article-close-btn {
    height: 30px;
  }
}
.hotplace-article-close-wrap .article-close-btn::before {
  content: "\39";
  font-family: "dripicons-v2" !important;
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;  
}
.hotplace-article-close-wrap .article-close-btn:hover {
  color: #fff;
  background-color: #E683FC;
}
a.hotplace-article-contents-wrap {
  display: flex;
  flex-direction: column;
  color: #263340;
  flex-grow: 1;
}
a.hotplace-article-contents-wrap span {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
}
a.hotplace-article-contents-wrap span.hotplace-article-place-name {
  padding-right: 10px;
  font-weight: 700;
  font-size: 16px;
  min-height: 34px;
  line-height: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

ol.day-wrap li:hover > a.hotplace-article-contents-wrap span.hotplace-article-place-name {
  color: #fff;
} 
@media (min-width: 992px) {
  a.hotplace-article-contents-wrap span.hotplace-article-place-name {
    min-height: auto;
    font-weight: 500;
    font-size: 14px;
    min-height: 14px;
    -webkit-line-clamp: 1;
  }
}
a.hotplace-article-contents-wrap span.hotplace-article-place-address-part {
  font-weight: 400;
  font-size: 16px; 
}
ol.day-wrap li:hover > a.hotplace-article-contents-wrap span.hotplace-article-place-address-part {
  color: #fff;
}
@media (min-width: 992px) {
  a.hotplace-article-contents-wrap span.hotplace-article-place-address-part {
    font-size: 12px;
  }
}
.hotplace-article-sort-wrap {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  width: 80px;
}
@media (min-width: 992px) {
  .hotplace-article-sort-wrap {
    display: none;
  }
}
.btn-sort {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 30px;
  height: 30px;
  color: #263340;
}
.btn-sort::before {  
  font-family: 'Font Awesome 5 Free';
  font-size: 18px;
}
.btn-sort-up::before {
  content: '\f0de';
}
.btn-sort-down::before {
  content: '\f0dd';
}
.btn-sort:hover {
  color: #fff;
  
}


#hotplaceDataModalScrollable .modal-body {
  padding: 0;
}

.hotplace-list-wrap .card h2 {
  display: inline-block;
  position: absolute;
  z-index: 2;
  top: 0;
  left: 10px;
  color: #fff;
}

.course-day-count {
  margin-top: 15px;
  margin-bottom: 10px;
  font-weight: 600;
  font-size: 20px;
  color: #9C77FE;
}
.course-day-wrap-web {
  display: none;
}  
@media (min-width: 768px) {
  .course-day-wrap-web {
    display: block;
  }  
}
.course-day-wrap-web .hotplace-list-wrap {  
  justify-content: flex-start;
}
.course-day-wrap-web .hotplace-list-wrap .card {
  border: 1px solid #A7A7F6;
}
@media (min-width: 768px) {
  .course-day-wrap-web .hotplace-list-wrap .card {
    width: 50%;    
  }
  .course-day-wrap-web .hotplace-list-wrap .card:nth-child(even) {    
    border-left: 0;
  }  
}
@media (min-width: 1200px) {
  .course-day-wrap-web .hotplace-list-wrap .card {
    width: 30%;    
  }
  .course-day-wrap-web .hotplace-list-wrap .card:nth-child(even) {    
    border-left: 1px solid #A7A7F6;
  } 
}

.product-cancel-btn-wrap {
  margin: 15px;
  padding: 15px 0;
  border-bottom: 1px dashed #8ED8FF;
}
@media (min-width: 992px) {
  .product-cancel-btn-wrap {
    border-bottom: 1px dashed #8ED8FF;
  }
}
.select2-container .select2-selection--single {
  height: 40px;
  border: 1px solid #ced4da;
  border-radius: 0;  
  font-weight: 400;
  color: #919B9F;
}
.select2-container--default .select2-selection--single {
  border-radius: 0;
}
.select2-dropdown {
  border-radius: 0;
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
  display: flex;
  align-items: center;
  height: 40px;
}
.select2-container--default .select2-selection--single .select2-selection__arrow {
  height: 40px;
}

.co-introduce-text {
  display: block;
  font-size: 18px;
  word-break: keep-all;
}
.co-introduce-text img {
  width: 100%;
}
@media (min-width: 768px) {
  .co-introduce-text img {
    width: 230px;
    float: right;
  }
}
.sign-text-wrap {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  margin-top: 30px;
  font-size: 20px;
  font-weight: 700;
  text-transform: uppercase;
}
.sign-text-wrap .sign-text {
  font-family: "Parisienne-Regular";  
  font-size: 36px;
  font-weight: 400;
  text-transform: none;
}
.ceo-history {
  display: none;
}

section h5 {
  word-break: keep-all;
}
.profile-img-wrap {
  align-items: center;
  flex-direction: column;
}
@media (min-width: 992px) {
  .profile-img-wrap {
    flex-direction: row;
    justify-content: center;
  }
}
.profile-img-wrap > .custom-file {
  margin-right: 20px;
  margin-bottom: 20px;;
}
@media (min-width: 992px) {
  .profile-img-wrap > .custom-file {
    margin-bottom: 0;
  }
}
.profile-img-wrap > .btn {
  
}
canvas {
  z-index: -1;
}
#profileImg {
  overflow: hidden;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
}