.inner {max-width: 750px; height: 100%; margin: 0 auto;}
#main {background-color: #ebebeb; height: 100vh;}
#login  {background-color: #fff; height: 100vh; }
#join  {background-color: #fff; height: 100vh;}
#home {background-color: #fff; height: 100vh;}


.dim {
  position: fixed;
  width: 100%;
  height: 100vh;
  background: transparent;
  top: 0;
  left: 0;
  z-index: -1;
}

.calendar {
  display: none;
  flex-direction: column;
  background: #fff;
  padding: 3.91vw 1.95vw;
  width: 41.60vw;
  position: absolute;
  top:7.81vw;
  border-radius: 1.95vw;
  border: 0.10vw solid #aaa;
  z-index: 998;
}
.calendar.af-calendar {
  right:0.00vw;
}

.calendar.active {
  display: flex;
}

.calendar:after {
  content: "";
  position: absolute;
  width: 1.95vw;
  height: 1.95vw;
  background: #fff;
  top: -1.07vw;
  left: 2.93vw;
  transform: rotate(45deg);
  border-top: 0.10vw solid #aaa;
  border-left: 0.10vw solid #aaa;
}

.calendar.af-calendar:after {
  left:unset;
  right: 2.93vw;
}

.calendar .top-wrap {
  display: grid;
  grid-template-columns: repeat(7, 1fr);
  margin-bottom: 1.95vw;
}

.calendar .top-wrap .yyyy-mm {
  font-size: 2.34vw;
  grid-column: span 5;
  text-align: center;
}

.calendar .top-wrap button {
  outline: none;
  border: none;
  background: none;
  cursor: pointer;
}

.calendar .top-wrap button i{
  font-size: 2.93vw;
}

.calendar .week-day {
  display: grid;
  grid-template-columns: repeat(7, 1fr);
  align-items: center;
  justify-items: center;
  margin-bottom: 0.98vw;
  font-size: 2.34vw;
}

.calendar .month-date {
  display: grid;
  grid-template-columns: repeat(7, 1fr);
  align-items: center;
  justify-items: center;
}

.calendar .month-date li {
  font-size: 2.34vw;
  padding: 0.98vw;
  display: flex;
  justify-content: center;
  align-items: center;
  line-height: 1;
  cursor: pointer;
}

.calendar .month-date li:where(.prev-month, .next-month) {
  color: #aaa;
}

.calendar .month-date li.today {
  color: #fff;
  background: #b84759; 
}
 
.calendar .month-date li.selected {
  color: #fff;
  background: #b84759;
}

.popup-wrap{
  background-color: rgba(255, 255, 255, 0.9);
  justify-content:center; 
  align-items:center;     
  position:fixed;         
  top:0;
  left:0;
  right:0;
  bottom:0;
  display:none; 
  padding:1.46vw; 
  z-index: 999;
}

.popup-wrap.active {
  display: flex;
}

.popup-wrap .popup{
  width:100%;               
  max-width:64.45vw;
  height: 49.80vw;         
  border-radius:2.93vw;       
  overflow:hidden;          
  border: 0.10vw solid #535353;
  background-color: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  gap: 7.81vw; 
}
.popup-wrap .popup .pop-txt {
  font-size: 3.42vw;
  font-weight: 600;
  text-align: center;
}
.popup-wrap .popup .pop-btn{
  display: inline-block;
  height: 9.28vw;
  width: 41.02vw;
  background-color: #e19797;
  color: #fff;
  border-radius: 4.88vw;
  font-size: 2.93vw;
  display: flex;
  justify-content: center;
  align-items: center;
  border: none;
}

.popup-wrap .popup .pop-btn:active{
  background-color: #d44559;
}

.popup-wrap .popup-bottom {
  display: flex;
  justify-content: center;
  gap: 0.98vw;
}

.popup-wrap .popup-bottom .popup-pop-btn{
  display: inline-block;
  width: 29.30vw;
  height: 7.32vw;
  background-color: #e19797;
  color: #fff;
  border-radius: 4.88vw;
  font-size: 2.93vw;
  display: flex;
  justify-content: center;
  align-items: center;
  border: none;
}
.popup-wrap .popup-bottom .popup-pop-btn:active{
  background-color: #d44559;
}

.photo-wrap{
  background-color: rgba(255, 255, 255, 0.9);
  justify-content:center; 
  align-items:center;     
  position:fixed;         
  top:0;
  left:0;
  right:0;
  bottom:0;
  display:none; 
  padding:1.46vw; 
  z-index: 999;
}
.photo-wrap.active {
  display: flex;
}
.photo-wrap .photo-pop{
  width:100%;               
  max-width:64.45vw;
  border-radius:2.93vw;
  padding: 4.88vw 0; 
  overflow:hidden;          
  border: 0.10vw solid #000;
  background-color: #fff;
  display: flex;
  flex-direction: column;
  gap: 7.81vw; 
}
.photo-wrap .photo-pop .photo-top {
  padding-left: 5.86vw;
  padding-bottom: 4.88vw;
  border-bottom: 0.10vw solid #000;
  display: flex;
  gap: 4.88vw;
}
.photo-wrap .photo-pop .photo-top a{
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 6.35vw;
  font-size: 2.15vw;
}
.photo-wrap .photo-pop .photo-top a img {
  width: 100%;
  display: block;
  margin-bottom: 0.98vw;
}
.photo-wrap .photo-pop .photo-main {
  display: flex;
  justify-content: center;
}

.photo-wrap .photo-pop .photo-main .image-box{
  width: 56.64vw;
  height: 41.99vw;
  border-radius: 3.91vw;
  position: relative;
}
.photo-wrap .photo-pop .photo-main .image-box.active .close{
  display: inline-block;
}
.photo-wrap .photo-pop .photo-main .image-box .close{
  width: 3.91vw;
  position: absolute;
  right: 1.95vw;
  top:1.95vw;
  z-index: 999;
}
.photo-wrap .photo-pop .photo-main .image-box .close img {
  width: 100%;
  display: block;
}

.photo-wrap .photo-pop .photo-main .image-box img {
  height: 100%;
  width: 100%;
}

.photo-wrap .photo-pop .photo-bottom {
  display: flex;
  justify-content: center;
  gap: 0.98vw;
}

.photo-wrap .photo-pop .photo-bottom .photo-pop-btn{
  display: inline-block;
  width: 29.30vw;
  height: 7.32vw;
  background-color: #e19797;
  color: #fff;
  border-radius: 4.88vw;
  font-size: 2.93vw;
  display: flex;
  justify-content: center;
  align-items: center;
  border: none;
}

.photo-wrap .photo-pop .photo-bottom .photo-pop-btn:active{
  background-color: #d44559;
}

.memo-wrap{
  background-color: rgba(255, 255, 255, 0.9);
  justify-content:center; 
  align-items:center;     
  position:fixed;         
  top:0;
  left:0;
  right:0;
  bottom:0;
  display:none; 
  padding:1.46vw; 
  z-index: 999;
}
.memo-wrap.active {
  display: flex;
}
.memo-wrap .memo-pop{
  width:100%;               
  max-width:64.45vw;
  border-radius:2.93vw;
  padding-bottom: 4.88vw; 
  overflow:hidden;          
  border: 0.10vw solid #000;
  background-color: #fff;
  display: flex;
  flex-direction: column;
  gap: 7.81vw; 
}
.memo-wrap .memo-pop .memo-top {
  padding: 1.46vw 0;
  border-bottom: 0.10vw solid #000;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #f2f2f2;
  gap: 4.88vw;
  font-size: 2.93vw;
}
.memo-wrap .memo-pop .memo-top a{
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 6.35vw;
  font-size: 2.15vw;
}
.memo-wrap .memo-pop .memo-top a img {
  width: 100%;
  display: block;
  margin-bottom: 0.98vw;
}
.memo-wrap .memo-pop .memo-main {
  display: flex;
  justify-content: center;
}

.memo-wrap .memo-pop .memo-main .text-box{
  width: 56.64vw;
  height: 41.99vw;
  border-radius: 3.91vw;
  position: relative;
}
.memo-wrap .memo-pop .memo-main .text-box textarea{
  width: 100%;
  height: 37.50vw;
  border-radius: 0 0 3.91vw 3.91vw;
  position: relative;
  font-size: 2.73vw;
  padding: 1.95vw 0.98vw;
}



.memo-wrap .memo-pop .memo-bottom {
  display: flex;
  justify-content: center;
  gap: 0.98vw;
}

.memo-wrap .memo-pop .memo-bottom .memo-pop-btn{
  display: inline-block;
  width: 29.30vw;
  height: 7.32vw;
  background-color: #e19797;
  color: #fff;
  border-radius: 4.88vw;
  font-size: 2.93vw;
  display: flex;
  justify-content: center;
  align-items: center;
  border: none;
}

.memo-wrap .memo-pop .memo-bottom .memo-pop-btn:active{
  background-color: #d44559;
}

/* common */
.header {display: flex; justify-content: space-between; align-items: center; padding: 2.93vw 2.93vw 0.00vw 2.93vw;}
.header .kinac {max-width:14.65vw;}
.header .kinac img{ width: 100%; display: block;}
.header .bt-check {
  display: flex;
  align-items: center;
  gap: 0.98vw;
  font-family: 'BMHANNAPro';
  font-size: 3.61vw;

}
.header .bt-check img {width: 2.44vw; display: block;}

.banner {
  margin-top: 3.42vw;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0 2.93vw;
  padding-bottom: 2.93vw;
}

.banner .back {max-width: 2.93vw;}
.banner .back img {width: 100%; display: block;}
.banner .txt {font-size: 3.42vw; font-weight: 700;}
.banner .house {max-width: 3.91vw;}
.banner .house img {width: 100%; display: block;}

.line {border: 0.10vw solid #d6d6d6;}

/* common */


.main {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  height: 100vh;
  padding: 0;
}
.main .sub-tit {
  font-size: 3.42vw;
  font-weight: 600;
  color: #535353;
}
.main .sub-tit span {
  position: relative;
  animation: anime_textup 1.5s;
  letter-spacing: -3px;
}
.main .sub-tit span:nth-of-type(1) { animation-delay: .1s;}
.main .sub-tit span:nth-of-type(2) { animation-delay: .2s;}
.main .sub-tit span:nth-of-type(3) { animation-delay: .3s;}
.main .sub-tit span:nth-of-type(4) { animation-delay: .4s;}
.main .sub-tit span:nth-of-type(5) { animation-delay: .5s;}
.main .sub-tit span:nth-of-type(6) { animation-delay: .6s;}
.main .sub-tit span:nth-of-type(7) { animation-delay: .7s;}
.main .sub-tit span:nth-of-type(8) { animation-delay: .8s;}
.main .sub-tit span:nth-of-type(9) { animation-delay: .9s;}
.main .sub-tit span:nth-of-type(10) { animation-delay: 1s;}
.main .sub-tit span:nth-of-type(11) { animation-delay: 1.1s;}
.main .sub-tit span:nth-of-type(12) { animation-delay: 1.2s;}
.main .sub-tit span:nth-of-type(13) { animation-delay: 1.3s;}
.main .sub-tit span:nth-of-type(14) { animation-delay: 1.4s;}
.main .sub-tit em {margin-right: 3px;}
.main .main-tit{margin-bottom: 31.25vw; line-height: 1.8;}
.main .main-tit span {
  font-size: 12.70vw;
  font-weight: 400;
  font-family: 'BMHANNAPro';
  position: relative;
  animation: anime_textup 1.5s;
  letter-spacing: -1vw;
}
.main .main-tit span:nth-of-type(1) { animation-delay: 1.5s;}
.main .main-tit span:nth-of-type(2) { animation-delay: 1.7s;}
.main .main-tit span:nth-of-type(3) { animation-delay: 1.9s;}
.main .main-tit span:nth-of-type(4) { animation-delay: 2.1s;}

@keyframes anime_textup { 0% { top: 0; } 20% { top: -0.5rem; } 40% { top: 0 } 60% { top: 0 } 80% { top: 0 } 100% { top: 0 } }


.main .map {max-width: 63.48vw; margin-left: auto; margin-right: auto; position: relative; margin-bottom: 9.77vw;}
.main .map img{width: 100%; display: block;}
.main .map .loc{position: absolute;}
.main .map .loc img{width: 100%; display: block;}
.main .map .loc1 {
  max-width: 11.72vw;
  top: -11.72vw;
  left: 50%;
  transform: translateX(-50%);
  animation: loc1-size 1.5s;
  animation-delay: 2.5s;
}

@keyframes loc1-size {
  50% {top:-20vw;}
}
@keyframes loc2-size {
  50% {max-width: 2vw;}
}
.main .map .loc2{max-width: 1.95vw; top:2.93vw; left:16.89vw;}
.main .map .loc3{max-width: 1.95vw; top:2.44vw; left:47.66vw;}
.main .map .loc4{max-width: 1.95vw; top:4.39vw; left: 57.13vw;}
.main .map .loc5{max-width: 1.95vw; top:8.30vw; left:7.32vw;}
.main .map .loc6{max-width: 1.95vw; top:5.86vw; left:21.97vw;}
.main .map .loc6{max-width: 1.95vw; top:8.79vw; left:21.97vw;}
.main .map .loc7{max-width: 1.95vw; top:10.74vw; left:45.41vw;}

.main .logo {max-width: 19.53vw; margin: 0 auto;}
.main .logo img {width: 100%; display: block;}
.login {
  height: 100vh;
  display: flex;
  flex-direction: column;
}
.login .form {
  width: 49.80vw;
  height: 100%;
  display: flex;
  justify-content: center;
  flex-direction: column;
  margin: 0 auto;
}
.login .form input[type=text],.login .form input[type=password] {
  width: 100%;
  height: 8.79vw;
  background-color: #f6f6f6;
  margin-bottom: 1.95vw;
  border: none;
  border-radius: 0.98vw;
  padding: 0 2.93vw;
  font-size: 2.44vw;
}

.login .form input[type=password] {
  margin-bottom: 2.44vw;
}

.login .form input[type=text]::placeholder,.login .form input[type=password]::placeholder{
  color: #535353;
  font-weight: 500;
}

.login .form .chk-savebox {text-align: left; display: flex; justify-content: flex-start; gap: 3.91vw; margin-bottom: 2.44vw;}
.login .form .chk-savebox .save{display: flex; align-items: center; gap: 1.46vw; font-size: 2.15vw;}
.login .form .chk-savebox .save span {
  display: inline-block;
  width: 3.42vw;
  height: 3.42vw;
  background-color: #f6f6f6;
  border-radius: 0.49vw;
  position: relative;
}
.login .form .chk-savebox .save span::before {
  content: '';
  position: absolute;
  top:50%;
  left:50%;
  transform: translate(-50%,-50%);
  background: url('../img/checked.png') no-repeat center center;
  width: 1.95vw;
  height: 1.95vw;
  display: none;
}

.login .form .chk-savebox .save input[type=checkbox]{display: none;}
.login .form .chk-savebox .save input[type=checkbox]:checked + span::before {display: block;}

.login .form a.login-btn {
  display: inline-block;
  width: 100%;
  height: 9.28vw;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #e19797;
  border-radius: 4.88vw;
  font-size: 2.93vw;
  color: #fff;
  font-weight: 600;
  margin-bottom: 3.42vw;
}

.login .form a.login-btn:active{
  background-color: #d44559;
}

.login .form a.join,.login .form a.find {
  padding-left: 2.93vw;
  display: inline-block;
  font-size: 2.44vw;
}

.login .area {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  height: 100%;
  gap: 9.77vw;
}
.login .area .wait {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 1.46vw;
}
.login .area .wait span {
  display: inline-block;
  width: 2.44vw;
  height: 2.44vw;
  background-color: #d9d9d9;
  border-radius: 50%;
  animation-name: wait;
  animation-duration:1.2s;
  animation-iteration-count: infinite;
  animation-direction:alternate;
  animation-fill-mode: forwards;
}

.login .area .wait span:nth-child(1){
  animation-delay: .5s;
}
.login .area .wait span:nth-child(2){
  animation-delay: 1s;
}
.login .area .wait span:nth-child(3){
  animation-delay: 1.5s;
}

@keyframes wait {
  0%{
    background-color: #d9d9d9;
  }
  100%{
    background-color: #b84759;
  }
}

.login .area .txt-wrap {
  font-size: 2.93vw;
  text-align: center;
  font-weight: 600;
}

.login .area a.login-btn {
  display: inline-block;
  width: 49.80vw;
  height: 9.28vw;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #e19797;
  border-radius: 4.88vw;
  font-size: 2.93vw;
  color: #fff;
  font-weight: 600;
  margin-left: auto;
  margin-right: auto;
}
.login .area a.login-btn:active{
  background-color: #d44559;
}

.join .area {padding: 0 3.42vw;}
.join .area .list-box {padding-top: 2.93vw;}
.join .area .list-box:nth-child(1) {padding-top: 4.88vw;}
.join .area .list-box .list-tit{
  font-size: 3.42vw;
  margin-bottom: 2.93vw;
}
.join .area .list-box .list-txt{
  font-size: 2.25vw;
  padding: 0.98vw 0;
  padding-left: 0.20vw;
  border: 0.10vw solid #ededed;
  word-break: break-word;
}

.join .area .list-box .list-txt span {
  font-family: Tahoma, Arial, Helvetica, 'Microsoft YaHei New', 'Microsoft Yahei', '微软雅黑', 宋体, SimSun, STXihei, '华文细黑', sans-serif;
}

.join .area .list-box .list-txt em {display: inline-block; width: 1.46vw;}

.join .area .btn-box {
  margin: 3.91vw 0;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.98vw;
  padding-bottom: 3.81vw;
}
.join .area .btn-box a {
  width: 50%;
  height: 9.28vw;
  font-size: 2.93vw;
  background-color: #e19797;
  border-radius: 4.88vw;
  font-size: 2.93vw;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #e19797;
  color: #fff;
  font-weight: 600;
}

.join .area .btn-box a:active{
  background-color: #d44559;
}
.join .form {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.join .form .list-box {padding: 4.88vw 3.91vw; padding-bottom: 0;}
.join .form .list-box .list {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 1.95vw;
}
.join .form .list-box .desc {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  font-size: 1.95vw;
  margin-bottom: 1.95vw;
  gap: 2.44vw;
}
.join .form .list-box .desc2.basic {
  margin-right: 9.28vw;
}
.join .form .list-box .desc2.success {
  display: none;
}
.join .form .list-box .desc2.false {
  display: none;
}

.join .form .list-box .desc a.id-check,.join .form .list-box .desc a.email-check {
  display: inline-block;
  height: 4.88vw;
  width: 10.74vw;
  border: 0.29vw solid #b84759;
  color: #b84759;
  font-weight: 600;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 2.44vw;
}

.join .form .list-box .desc a.id-check.active {
  border: 0.29vw solid blue;
  color: blue;
}

.join .form .list-box .desc a.email-check.active {
  border: 0.29vw solid blue;
  color: blue;
}

.join .form .list-box .list span {
  font-size: 2.44vw;
  color: #535353;
  display: inline-block;
  width: 16.11vw;
}
.join .form .list-box .list input{
  width: 48.83vw;
  height: 9.28vw;
  border:none;
  background-color: #f6f6f6;
  border-radius: 1.46vw;
  padding: 0 2.93vw;
  font-size: 2.44vw;
  color: #535353;
}

.join .form .btn-box {
  margin: 3.91vw 0;
  padding: 0 2.34vw;
  padding-bottom: 3.91vw;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.98vw;
  width: 100%;
}
.join .form .btn-box a {
  width: 50%;
  height: 9.28vw;
  font-size: 2.93vw;
  border-radius: 4.88vw;
  font-size: 2.93vw;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #e19797;
  color: #fff;
  font-weight: 600;
}
.join .form .btn-box a:active{
  background-color: #d44559;
}

.join-after{
  height: 100vh;
  display: flex;
  flex-direction: column;
}

.join-after .area {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  height: 100%;
  gap: 14.65vw;
}

.join-after .area .txt-wrap {
  font-size: 2.93vw;
  text-align: center;
  font-weight: 600;
}
.join-after .area .txt-wrap2 {
  font-size: 3.42vw;
  text-align: center;
  font-weight: 600;
}

.join-after .area a {
  display: inline-block;
  width: 49.80vw;
  height: 9.28vw;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #e19797;
  border-radius: 4.88vw;
  font-size: 2.93vw;
  color: #fff;
  font-weight: 600;
  margin-left: auto;
  margin-right: auto;
}

.join-after .area a:active{
  background-color: #d44559;
}

.join-after .area input[type=email]{
  width: 48.83vw;
  height: 9.28vw;
  border:none;
  background-color: #f6f6f6;
  text-align: center;
  font-size: 2.93vw;
  color: #535353;
  border-radius: 0.98vw;
  margin-top: 1.95vw;
}

.join-after .area .list-box {padding: 4.88vw 3.91vw; padding-bottom: 0;}
.join-after .area .list-box .list {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 1.95vw;
}
.join-after .list-box .list span {
  font-size: 2.44vw;
  color: #535353;
  display: inline-block;
  width: 16.11vw;
}
.join-after .list-box .list input{
  width: 41.99vw;
  height: 9.28vw;
  border:none;
  background-color: #f6f6f6;
  border-radius: 1.07vw;
  padding: 0 2.93vw;
  font-size: 2.44vw;
  color: #535353;
}

.join-after .list-box .desc {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  font-size: 1.95vw;
  margin-bottom: 1.95vw;
  gap: 2.44vw;
}
.join-after .list-box .desc.basic {
  margin-right: 0.78vw;
}
.join-after .list-box .desc.success {
  display: none;
}
.join-after .list-box .desc.false {
  display: none;
}

/* 위치확인기능 */

.home {
  height: 100vh;
  display: flex;
  flex-direction: column;
}

.home .area {
  background: #fff;
  height: 100%;
}

.home .area .bg {width: 100%;}
.home .area .bg img {width: 100%; display: block;}

.home .area .btn-box {
  width: 100%;
  padding: 12.50vw 0;
  background-color: #fff;
  border-radius: 1.95vw 1.95vw 0 0;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  gap: 1.95vw;
  position: fixed;
  bottom: 0;
  box-shadow: 0 -1.46vw 4.39vw 2.25vw rgb(0 0 0 / 20%);
}

.home .btn-box a {
  width: 49.80vw;
  height: 9.28vw;
  font-size: 2.93vw;
  border-radius: 4.88vw;
  font-size: 2.93vw;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #e19797;
  color: #fff;
  font-weight: 600;
}

.home .btn-box a:active {
  background-color: #d44559;
}

.home .map-wrap {
  background-color: #fff;
  height: 100%;
  display: flex;
  position: relative;
  flex-direction: column;
} 
.home .map-wrap .map{
  width: 100%;
  height: 50.20vw;
} 
.home .map-wrap .map img {width: 100%; height: 100%; object-fit: cover;}

.home .map-wrap .btn-box {
  width: 100%;
  padding-top: 7.81vw;
  background-color: #fff;
  border-radius: 1.95vw 1.95vw 0 0;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  gap: 1.95vw;
  position: relative;
  /* box-shadow: 0 -1.46vw 4.39vw 2.25vw rgb(0 0 0 / 20%); */
}

.home .map-wrap .btn-box .txt {
  font-size: 3.42vw;
  font-weight: 600;
}

.home .map-wrap .btn-box a {
  width: 49.80vw;
  height: 9.28vw;
  font-size: 2.93vw;
  border-radius: 4.88vw;
  font-size: 2.93vw;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #e19797;
  color: #fff;
  font-weight: 600;
}
.home .map-wrap .btn-box a:active{
  background-color: #d44559;
}

.home .map-wrap .btn-box .btn-next {
  margin-top: 4.88vw;
  width: 100%;
  height: 12.70vw;
  font-size: 2.93vw;
  font-size: 2.93vw;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #b84759;
  border-radius: 0;
  position: fixed;
  bottom: 0;
  color: #fff;
  font-weight: 600;
}
.home .map-wrap .btn-box .btn-next.inactive {
  background-color: #bfbfbf;
}

.home .picture-wrap {
  background-color: #fff;
  height: 100%;
  display: flex;
  position: relative;
  flex-direction: column;
} 
.home .picture-wrap .picture{
  width: 100%;
  height: 58.20vw;
} 
.home .picture-wrap .picture img {width: 100%; height: 100%; object-fit: cover;}

.home .picture-wrap .btn-box {
  width: 100%;
  padding: 15.63vw 0;
  background-color: #fff;
  border-radius: 1.95vw 1.95vw 0 0;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  gap: 1.95vw;
  position: relative;
  box-shadow: 0 -1.46vw 4.39vw 2.25vw rgb(0 0 0 / 20%);
}

.home .picture-wrap .btn-box .txt {
  font-size: 3.42vw;
  font-weight: 600;
}

.home .picture-wrap .btn-box a {
  width: 49.80vw;
  height: 9.28vw;
  font-size: 2.93vw;
  border-radius: 4.88vw;
  font-size: 2.93vw;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #e19797;
  color: #fff;
  font-weight: 600;
}

.home .picture-wrap .btn-box a:active{
  background-color: #d44559;
}

.home .picture-wrap .btn-box .btn-next {
  margin-top: 4.88vw;
  width: 100%;
  height: 12.70vw;
  font-size: 2.93vw;
  font-size: 2.93vw;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #b84759;
  border-radius: 0;
  color: #fff;
  font-weight: 600;
}



.home .form .list-box {padding: 4.88vw 3.91vw; padding-bottom: 0;}
.home .form .list-box .list {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 1.95vw;
}
.home .form .list-box .desc {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  font-size: 1.95vw;
  margin-bottom: 1.95vw;
  gap: 2.44vw;
}
.home .form .list-box .desc2.basic {
  margin-right: 9.28vw;
}
.home .form .list-box .desc2.success {
  display: none;
}
.home .form .list-box .desc2.false {
  display: none;
}

.home .form .list-box .desc a.id-check,.join .form .list-box .desc a.email-check {
  display: inline-block;
  height: 4.88vw;
  width: 10.74vw;
  border: 0.29vw solid #b84759;
  color: #b84759;
  font-weight: 600;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 2.44vw;
}

.home .form .list-box .desc a.id-check.active {
  border: 0.29vw solid blue;
  color: blue;
}

.home .form .list-box .desc a.email-check.active {
  border: 0.29vw solid blue;
  color: blue;
}

.home .form .list-box .list span {
  font-size: 2.44vw;
  color: #535353;
  display: inline-block;
  width: 16.11vw;
}
.home .form .list-box .list input{
  width: 48.83vw;
  height: 9.28vw;
  border:none;
  background-color: #f6f6f6;
  border-radius: 1.46vw;
  padding: 0 2.93vw;
  font-size: 2.44vw;
  color: #535353;
}
.home .form .list-box .list textarea{
  width: 48.83vw;
  /* height: 21.97vw; */
  border:none;
  background-color: #f6f6f6;
  border-radius: 1.46vw;
  padding: 2.93vw;
  font-size: 2.44vw;
  color: #535353;
}
.home .form .list-box .list .img-box{
  width: 48.83vw;
  height: 45.41vw;
  border:none;
  background-color: #f6f6f6;
  border-radius: 1.46vw;
  padding: 2.93vw;
  /* overflow: auto; */
  font-size: 2.44vw;
  color: #535353;
}

.home .form .list-box .list .img-box img {
  width: 100%;
  height: 100%;
}

.home .form .btn-box {
  
}

.home .form .btn-box .btn-next {
  margin-top: 3.42vw;
  width: 100%;
  height: 12.70vw;
  font-size: 2.93vw;
  font-size: 2.93vw;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #b84759;
  border-radius: 0;
  color: #fff;
  font-weight: 600;
}

.home-after {
  height: 100vh;
  display: flex;
  flex-direction: column;
}
.home-after .area{
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  gap: 12.21vw;
}
.home-after .area .txt-wrap{
  text-align: center;
  font-size: 2.93vw;
  font-weight: 600;
}
.home-after .area .btn-box {
  display: flex;
  justify-content: center;
  gap: 0.98vw;
}
.home-after .area .btn-box a {
  width: 34.18vw;
  height: 9.28vw;
  font-size: 2.93vw;
  border-radius: 4.88vw;
  font-size: 2.93vw;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #e19797;
  color: #fff;
  font-weight: 600;
}
.home-after .area .btn-box a:active{
  background-color: #d44559;
}

.list-lookup .search-box {
  margin-top: 4.88vw;
  margin-bottom: 2.93vw;
  padding: 0 6.84vw;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 1.95vw;
}
.list-lookup .search-box .btn-all{
  display: inline-block;
  width: 50.78vw;
  height: 6.35vw;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 2.93vw;
  color: #b84759;
  border-radius: 3.91vw;
  border: 0.29vw solid #b84759;
}
.list-lookup .search-box .btn-search {width: 7.32vw;}
.list-lookup .search-box .btn-search img{width: 100%; display: block;}

.list-lookup .search-date-box {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-bottom: 1.95vw;
}
.list-lookup .search-date-box .search-date-list {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.49vw;
}
.list-lookup .search-date-box .search-date-list.date1{
  margin-bottom: 0.49vw;
}
.list-lookup .search-date-box .search-date-list a{
  width: 20.51vw;
  height: 5.86vw;
  padding: 0 2.93vw;
  background-color: #f2f2f2;
  font-size: 2.44vw;
  display: flex;
  align-items: center;
}
.list-lookup .search-date-box .search-date-list .date-box {
  position: relative;
}
.list-lookup .search-date-box .search-date-list .date-box input{
  width: 20.51vw;
  height: 5.86vw;
  padding: 0 2.93vw;
  background-color: #f2f2f2;
  font-size: 2.44vw;
  display: flex;
  align-items: center;
  border: none;
}
.list-lookup .search-date-box .search-date-list a:first-child {
  border-radius: 1.95vw 0 0 1.95vw;
}
.list-lookup .search-date-box .search-date-list a:last-child {
  border-radius: 0.00vw 1.95vw 1.95vw 0;
}
.list-lookup .search-date-box .search-date-list .date-box input.af-date {
  border-radius: 0.00vw 1.95vw 1.95vw 0;
}
.list-lookup .search-list-box {
  padding: 0 2.93vw;
  padding-bottom: 2.93vw;
}
.list-lookup .search-list-box .search-list {
  width: 100%;
  height: 24.41vw;
  border-radius: 1.95vw;
  margin-bottom: 1.95vw;
  background-color: #f6f6f6;
  display: flex;
  align-items: center;
  gap: 3.91vw;
  padding: 6.84vw 3.91vw;
  position: relative;
}
.list-lookup .search-list-box .search-list .close {
  width: 1.95vw;
  position: absolute;
  right:1.95vw;
  top:1.95vw;
}
.list-lookup .search-list-box .search-list .close img{width: 100%; display: block;}

.list-lookup .search-list-box .search-list .left {
  width: 9.38vw;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 1.95vw;
}
.list-lookup .search-list-box .search-list .left .location{width: 3.91vw;}
.list-lookup .search-list-box .search-list .left .location-text {font-size: 2.15vw;}
.list-lookup .search-list-box .search-list .left .location img{width: 100%; display: block;}
.list-lookup .search-list-box .search-list .right{}
.list-lookup .search-list-box .search-list .right .list-date{font-size: 2.15vw;}
.list-lookup .search-list-box .search-list .right .list-file{font-size: 2.15vw; margin-bottom: 2.93vw;}
.list-lookup .search-list-box .search-list .right .list-name{font-size: 3.42vw; font-weight: 600; width: 27.34vw;}

input:focus, a:focus{
	outline:none!important;
  	-webkit-tap-highlight-color : transparent!important;
}

.d-none{
  display: none!important;
}