@charset "UTF-8";
/*반응형 화면 크기*/
/*반응형, 브라우저 크기가 767px 이하일때*/
/*반응형, 브라우저 크기가 768이상, 1023px 이하일때*/
/*반응형, 브라우저 크기가 1024px 이상일때*/

/* NEW 배지 스타일 및 애니메이션 */
.new-badge {
  display: inline-block;
  background: #ff4444;
  color: white;
  padding: 2px 6px;
  border-radius: 3px;
  font-size: 11px;
  font-weight: bold;
  margin-left: 5px;
  animation: blink 1.5s infinite;
  vertical-align: middle;
}

@keyframes blink {
  0%, 50% { 
    opacity: 1; 
    transform: scale(1);
  }
  51%, 100% { 
    opacity: 0.3; 
    transform: scale(0.95);
  }
}

.group-nav .theme-area {
	display:none;
}

.new{
	height:100vh;
	background-size:cover;
}
@media (max-width: 767px) {
  .new{
   height:90vh;
  }
}

.sc-reserve {
  position: relative;
}
.sc-reserve .group-bg {
  position: fixed;
  top: -25%;
  left: 0%;
  width: 100%;
  opacity: 0.9;
  z-index:-3;
  overflow:hidden;
}

@media (max-width: 767px) {
  .sc-reserve .group-bg {
    top: 0%;
  }
}
.sc-reserve .group-bg img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
@media (max-width: 767px) {
  .sc-reserve .group-bg img {
    opacity: 0.8;
  }
}
.sc-reserve .group-title {
  padding-top: 100px;
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 30px;
}
@media (max-width: 1230px) {
  .sc-reserve .group-title {
    padding-top: 60px;
    gap: 15px;
  }
}
@media (max-width: 767px) {
  .sc-reserve .group-title {
    gap: 20px;
  }
}
.sc-reserve .title {
  font-family: "NanumMyeongjo";
  font-weight: 600;
  font-size: 2.5vw;
  color: #fff;
}
@media (max-width: 1230px) {
  .sc-reserve .title {
    font-size: 3.2vw;
  }
}
@media (max-width: 767px) {
  .sc-reserve .title {
    font-size: 8vw;
  }
}
.sc-reserve .linkArea {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  color:#fff;
  gap: 30px;
}
@media (max-width: 1230px) {
  .sc-reserve .linkArea {
    gap: 20px;
  }
}
@media (max-width: 767px) {
  .sc-reserve .linkArea {
    font-size: 5vw;
  }
}
.sc-reserve .linkArea {
  font-size: 18px;
  font-family: "Pretendard";
  font-weight: 400;
}
@media (max-width: 1230px) {
  .sc-reserve .linkArea li {
    font-size: 1.2vw;
  }
}
@media (max-width: 767px) {
  .sc-reserve .linkArea li {
    font-size: 4.5vw;
  }
}
.sc-reserve .linkArea li a {
  opacity: 0.5;
  color: #fff;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}
.sc-reserve .linkArea li a:hover {
  color: #fff;
  opacity: 1;
}
.sc-reserve .group-check.selectArea {
  margin-top: 50px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 15px;
}
@media (max-width: 1230px) {
  .sc-reserve .group-check.selectArea  {
    margin-top: 20px;
  }
}
@media (max-width: 767px) {
  .sc-reserve .group-check.selectArea  {
	 width: 100%;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
           justify-content: space-between;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
		gap:10px;
  }
}
.sc-reserve .group-check #selectArea {
  background: rgba(255,255,255,0.1) url("../images/icon_select_arrow.png") no-repeat right 5px center;
  width: 260px;
  height: 55px;
  padding: 0 20px;
  color: rgb(255, 255, 255);
  font-size: 15px;
  font-family: "pretendard";
  font-weight: 300;
}
.sc-reserve .group-check #selectArea option{
	background:rgba(0,0,0,0.9); 
	line-height:1.3 !important;
}
.sc-reserve .group-check #selectBranch option{
	background:rgba(0,0,0,0.9); 
	line-height:1.3 !important;
}
@media (max-width: 1230px) {
  .sc-reserve .group-check #selectArea {
    width: 230px;
    height: 45px;
    font-size: 1.2vw;
  }
}
@media (max-width: 767px) {
  .sc-reserve .group-check #selectArea {
    /* width: calc((100% - 10px) / 2); */
    width: 100%;
    font-size: 4vw;
    height: auto;
    padding: 20px 15px;
	margin: 0 auto 0px;
  }
}
.sc-reserve .group-check #selectBranch {
  background: rgba(255,255,255,0.1) url("../images/icon_select_arrow.png") no-repeat right 5px center;
  width: 220px;
  height: 55px;
  padding: 0 20px;
  color: rgb(255, 255, 255);
  font-size: 15px;
  font-family: "pretendard";
  font-weight: 300;
}
@media (max-width: 1230px) {
  .sc-reserve .group-check #selectBranch {
    width: 220px;
    height: 45px;
    font-size: 1.2vw;
  }
}
@media (max-width: 767px) {
  .sc-reserve .group-check #selectBranch {
   /* width: calc((100% - 10px) / 2); */
   width:100%;
    font-size: 4vw;
    height: auto;
    padding: 20px 15px;
	margin: 0 auto 0px;
  }
}
.sc-reserve .group-check .datepicker {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background: rgba(255,255,255,0.1) url("../images/icon_date.png") no-repeat right 10px center;
  width: 240px;
  height: 55px;
   padding: 0 20px;
  color:#fff;
  font-size: 15px;
  font-family: "pretendard";
  font-weight: 300;
}
.sc-reserve .group-check input#res_date.ipt.black.hasDatepicker{
	margin-left:-5px;
	background:rgba(255,255,255,0) !important;
	border:none !important;
}
@media (max-width: 1230px) {
  .sc-reserve .group-check .datepicker {
    width: 200px;
    height: 45px;
    font-size: 1.2vw;
	
  }
}
@media (max-width: 767px) {
  .sc-reserve .group-check .datepicker {
    width: auto;
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    font-size: 4vw;
    height: auto;
	padding: 12px 15px;
  }
}
.sc-reserve .group-check .datepicker i {
  color: rgba(255, 255, 255, 0.5);
}

.sc-reserve .select_branch_img{
	text-align:center;
	font-size: 16px;
	font-family: "pretendard";
	font-weight: 300;
	color: rgba(255, 255, 255, 0.5);
	padding-top:100px;
}

@media (max-width: 767px) {
	.sc-reserve .container{
		padding:0 15px !important;
	}
	.sc-reserve .res_list .container {
		padding: 0 15px !important;
	}
}
.sc-reserve .res_list .info_box{
	z-index:50 !important;
	background:rgba(255,255,255,1);
	padding:40px;
	border:2px solid rgba(255,255,255,0.8);
	margin-bottom:60px;
	position:relative;
}
.sc-reserve .res_list .info_box:before{
	content:'';
	width:100%;
	height:100%;
	z-index: -1;
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%,-50%);
	background:url('../images/logo_black.png') center no-repeat;
	background-size:40%;
	opacity:0.05;
}
.sc-reserve .res_list .info_box:after{
	content:'';
	width:calc(100% - 10px);
	height:calc(100% - 10px);
	display:block;
	z-index: -1;
	border:1.5px solid rgba(0,0,0,0.2);
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%,-50%);
}
.sc-reserve .res_list .info_box h5{
	font-family: "NanumMyeongjo";
	font-weight:900;
	font-size:32px;
	color:#000;
}
.sc-reserve .res_list .info_box p{
	font-family: "pretendard";
	color:#000;
}
@media (max-width: 1230px) {
  .sc-reserve .res_list .info_box p{

  }
}
@media (max-width: 767px) {
  .sc-reserve .res_list .info_box p{

  }
}


.sc-reserve .group-theme {
  
}
@media (max-width: 1230px) {

}
@media (max-width: 767px) {

}
.sc-reserve .theme-list {
width:100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-transition: 1s;
  transition: 1s;
  border-top:1px solid rgba(255,255,255,0.3);
}
.sc-reserve .theme-list .theme-item {
  border-bottom: 1px solid rgba(255, 255, 255, 0.15);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-transition: 1s;
  transition: 1s;

}
.sc-reserve .theme-list .theme-item.on .time-area {
  height: auto;
}
.sc-reserve .theme-list .theme-item .title-area {
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 40px 0;
  -webkit-transition: 1s;
  transition: 1s;
}
@media (max-width: 1230px) {
  .sc-reserve .theme-list .theme-item .title-area {
    padding: 25px 0;
  }
}
@media (max-width: 767px) {
  .sc-reserve .theme-list .theme-item .title-area {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 25px;
  }
}
.sc-reserve  .theme-list .theme-item .title-area .left-wrap {
  color: #fff;
  flex:7;
}
@media (max-width: 767px) {
  .sc-reserve  .theme-list .theme-item .title-area .left-wrap {
    font-size: 6.5vw;
    line-height: 1.4;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    text-align: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}
.sc-reserve  .theme-list .theme-item .title-area .left-wrap .theme-title {
  font-family: "NanumMyeongjo-Bold";
  font-weight: 600;
  padding-bottom: 15px;
  font-size:1.7vw;
}
@media (max-width: 1230px) {
  .sc-reserve  .theme-list .theme-item .title-area .left-wrap .theme-title {
    padding-bottom: 10px;
	font-size:3vw;
  }
}
@media (max-width: 767px) {
  .sc-reserve  .theme-list .theme-item .title-area .left-wrap .theme-title {
    padding-bottom: 15px;
	font-size:7.2vw;
  }
}
.sc-reserve  .theme-list .theme-item .title-area .left-wrap .info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 30px;
  font-family: "pretendard";
}
@media (max-width: 1230px) {
  .sc-reserve  .theme-list .theme-item .title-area .left-wrap .info {
    gap: 20px;
  }
}
@media (max-width: 767px) {
  .sc-reserve  .theme-list .theme-item .title-area .left-wrap .info {
	width:100%;
	display:flex;
	flex-wrap:wrap;
	justify-content:center;
  }
}
.sc-reserve  .theme-list .theme-item .title-area .left-wrap .info .level-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 5px;
}
.sc-reserve  .theme-list .theme-item .title-area .left-wrap .info .level2-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 5px;
}
.sc-reserve  .theme-list .theme-item .title-area .left-wrap .info .personnel-box {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 10px;
  font-size: 15px;
  font-family: "pretendard";
  font-weight:400;
}
@media (max-width: 1230px) {
  .sc-reserve  .theme-list .theme-item .title-area .left-wrap .info .personnel-box {
    font-size: 1.2vw;
  }
}
@media (max-width: 767px) {
  .sc-reserve  .theme-list .theme-item .title-area .left-wrap .info .personnel-box {
    font-size: 3.5vw;
  }
}
.sc-reserve  .theme-list .theme-item .title-area .left-wrap .info span {
  font-size: 15px;
  font-family: "pretendard";
  font-weight:400;
}
@media (max-width: 1230px) {
  .sc-reserve  .theme-list .theme-item .title-area .left-wrap .info span {
    font-size: 1.2vw;
  }
}
@media (max-width: 767px) {
  .sc-reserve  .theme-list .theme-item .title-area .left-wrap .info span {
    font-size: 3.7vw;
  }
}
.sc-reserve  .theme-list .theme-item .title-area .left-wrap .info .level {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.sc-reserve  .theme-list .theme-item .title-area .left-wrap .info .level .box {
  width: 20px;
}
@media (max-width: 1230px) {
  .sc-reserve  .theme-list .theme-item .title-area .left-wrap .info .level .box {
    width: 15px;
  }
}
@media (max-width: 1230px) {
  .sc-reserve  .theme-list .theme-item .title-area .left-wrap .info .level .box {
    width: 20px;
  }
}









.sc-reserve  .theme-list .theme-item .title-area .right-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
		  justify-content:flex-end;
  gap: 10px;
  flex:3;
}
.sc-reserve  .theme-list .theme-item .title-area .right-wrap a {
  display: block;
  color: rgba(255, 255, 255, 0.4);
  background: rgba(255, 255, 255, 0.1);
  border: 1px solid rgba(255, 255, 255, 0);
  padding: 18px 30px;
  -webkit-transition: 0.28s;
  transition: 0.28s;
  font-size: 15px;
  font-family: "pretendard";
  font-weight: 300;
}
@media (max-width: 1230px) {
  .sc-reserve  .theme-list .theme-item .title-area .right-wrap a {
    padding: 13px 20px;
    font-size: 1.2vw;
  }
}
@media (max-width: 767px) {
  .sc-reserve  .theme-list .theme-item .title-area .right-wrap a {
    font-size: 3.4vw;
    padding: 15px 20px;
  }
}
.sc-reserve  .theme-list .theme-item .title-area .right-wrap a.btn-reserve{
	background:rgba(255,255,255,1) !important;
	color:#000 !important;
	font-weight:500;
	border:1px solid rgba(255,255,255,1) !important;
}
.sc-reserve  .theme-list .theme-item .title-area .right-wrap a.btn-reserve:hover{
	background:#A7813A !important;
	color:#fff !important;
}
.sc-reserve  .theme-list .theme-item .title-area .right-wrap a:hover {
  border: 1px solid rgba(255, 255, 255, 0.6);
  color: #fff;
}
.sc-reserve  .theme-list .theme-item .time-area {
  height: 0;
  overflow: hidden;

  width: 100%;
  -webkit-transition: 1s;
  transition: 1s;
}
.sc-reserve  .theme-list .theme-item .time-area .row-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin: 35px 0;
  gap: 15px;
}
@media (max-width: 1230px) {
  .sc-reserve  .theme-list .theme-item .time-area .row-wrap {
    margin: 25px 0;
    gap: 10px;
  }
}
@media (max-width: 767px) {
  .sc-reserve  .theme-list .theme-item .time-area .row-wrap {
    gap: 10px;
  }
}
.sc-reserve  .theme-list .theme-item .time-area .row-wrap .col {
  background: #A7813A;
  width: calc((100% - 75px) / 6);
  text-align: center;
  color: #FFF3DD;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  padding: 20px 15px;
}
@media (max-width: 1230px) {
  .sc-reserve  .theme-list .theme-item .time-area .row-wrap .col {
    width: calc((100% - 40px) / 5);
  }
}
@media (max-width: 767px) {
  .sc-reserve  .theme-list .theme-item .time-area .row-wrap .col {
    width: calc((100% - 20px) / 3);
  }
}
.sc-reserve  .theme-list .theme-item .time-area .row-wrap .col a {
  display: block;
}
.sc-reserve  .theme-list .theme-item .time-area .row-wrap .col:hover {
  background: #6F521D;
  color: #C5B290;
}
.sc-reserve  .theme-list .theme-item .time-area .row-wrap .col .time {
  font-size: 1.6vw;
  font-family: "NanumMyeongjo";
  font-weight: 600;
  padding-bottom: 10px;
  color: #FFF3DD;
}
@media (max-width: 1230px) {
  .sc-reserve  .theme-list .theme-item .time-area .row-wrap .col .time {
    font-size: 2vw;
  }
}
@media (max-width: 767px) {
  .sc-reserve  .theme-list .theme-item .time-area .row-wrap .col .time {
    font-size: 6vw;
  }
}
.sc-reserve  .theme-list .theme-item .time-area .row-wrap .col .state {
  font-size: 0.8vw;
  font-family: "pretendard";
  font-weight: 300;
  color: #FFF3DD;
  margin-top: -5px;
}
@media (max-width: 1230px) {
  .sc-reserve  .theme-list .theme-item .time-area .row-wrap .col .state {
    font-size: 1.4vw;
  }
}
@media (max-width: 767px) {
  .sc-reserve  .theme-list .theme-item .time-area .row-wrap .col .state {
    font-size: 3.5vw;
  }
}
.sc-reserve  .theme-list .theme-item .time-area .row-wrap .col.false {
  background: rgba(255, 255, 255, 0.15);
}
.sc-reserve  .theme-list .theme-item .time-area .row-wrap .col.false .time {
  color: rgba(255, 255, 255, 0.4);
}
.sc-reserve  .theme-list .theme-item .time-area .row-wrap .col.false .state {
  color: rgba(255, 255, 255, 0.4);
  font-family: "pretendard";
  font-weight: 300;
}
.sc-reserve  .theme-list .theme-item .time-area .row-wrap .col.false:hover {
  background: rgba(255, 255, 255, 0.15);
  color: rgba(255, 255, 255, 0.4);
}















.popup {
	width:25%;
	margin:0 auto;
}
.popup.on {
 }
.popup .theme-box {
  position: relative;
  display: block;
  width:100%;

}
.popup .theme-box img {
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.popup .theme-box:hover .detail-area {
  opacity: 1;
}
.popup .theme-box .detail-area {
  opacity: 0;
  -webkit-transition: 0.5s;
  transition: 0.5s;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.8);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 30px;
}
@media (max-width: 1230px) {
  .popup .theme-box .detail-area {
    padding: 20px;
  }
}
@media (max-width: 767px) {
  .popup .theme-box .detail-area {
    overflow-y: auto;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: start;
  }
}
.popup .theme-box .detail-area .top-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 20px;
}
@media (max-width: 1230px) {
  .popup .theme-box .detail-area .top-wrap {
    gap: 15px;
  }
}
.popup .theme-box .detail-area .top-wrap .level {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 5px;
}
.popup .theme-box .detail-area .top-wrap .level .box {
  width: 25px;
}
@media (max-width: 1230px) {
  .popup .theme-box .detail-area .top-wrap .level .box {
    width: 20px;
  }
}
@media (max-width: 767px) {
  .popup .theme-box .detail-area .top-wrap .level .box {
    width: 25px;
  }
}
@media (max-width: 767px) {
  .popup .theme-box .detail-area .top-wrap .level {
    gap: 3px;
  }
}
.popup .theme-box .detail-area .top-wrap .title-wrap {
  text-align: left;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 15px;
  color: #fff;
}
@media (max-width: 1230px) {
  .popup .theme-box .detail-area .top-wrap .title-wrap {
    gap: 10px;
  }
}
@media (max-width: 767px) {
  .popup .theme-box .detail-area .top-wrap .title-wrap {
    margin-bottom: 30px;
    gap: 20px;
  }
}
.popup .theme-box .detail-area .top-wrap .title-wrap .title-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  align-items: start;
  flex-direction: column;
  gap: 5px;
}
.popup .theme-box .detail-area .top-wrap .title-wrap .title-box .theme-title {
  font-size: 1.8vw;
  font-family: "NanumMyeongjo";
  font-weight:800;
   width: 100%;
  white-space: wrap;
}
@media (max-width: 1230px) {
  .popup .theme-box .detail-area .top-wrap .title-wrap .title-box .theme-title {
    font-size: 2.6vw;
  }
}
@media (max-width: 767px) {
  .popup .theme-box .detail-area .top-wrap .title-wrap .title-box .theme-title {
    font-size: 6vw;
  }
}
.popup .theme-box .detail-area .top-wrap .title-wrap .title-box .year {
  opacity: 0.5;
  font-family: "NanumMyeongjo";
  font-weight: 300;
}
@media (max-width: 1230px) {
  .popup .theme-box .detail-area .top-wrap .title-wrap .title-box .year {
    font-size: 1.4vw;
  }
}
@media (max-width: 767px) {
  .popup .theme-box .detail-area .top-wrap .title-wrap .title-box .year {
    font-size: 4vw;
  }
}
.popup .theme-box .detail-area .top-wrap .title-wrap .desc {
  font-size:0.9vw;
  font-weight: 300;
  font-family: "pretendard";
  line-height: 1.6;
}
@media (max-width: 1230px) {
  .popup .theme-box .detail-area .top-wrap .title-wrap .desc {
    font-size: 1.4vw;
  }
}
@media (max-width: 767px) {
  .popup .theme-box .detail-area .top-wrap .title-wrap .desc {
    font-size: 3.6vw;
  }
}

.popup .theme-box .detail-area .bottom-wrap  {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  flex-direction:column;
  gap: 10px;
}
.popup .theme-box .detail-area .bottom-wrap .detail-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 10px;
  margin-bottom: 30px;
}
@media (max-width: 1230px) {
  .popup .theme-box .detail-area .bottom-wrap .detail-list {
    margin-bottom: 20px;
  }
}
.popup .theme-box .detail-area .bottom-wrap .detail-list .detail-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  color: #fff;
  font-size: 0.8vw;
  font-weight: 300;
  font-family: "pretendard";
}
@media (max-width: 1230px) {
  .popup .theme-box .detail-area .bottom-wrap .detail-list .detail-item {
    font-size: 1.3vw;
  }
}
@media (max-width: 767px) {
  .popup .theme-box .detail-area .bottom-wrap .detail-list .detail-item {
    font-size: 3.4vw;
  }
}
.popup .theme-box .detail-area .bottom-wrap .detail-list .detail-item .title {
  width:70px;
  font-weight: 400;
  font-family: "pretendard";
}

.popup .theme-box .detail-area .bottom-wrap  .btn-shop {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  text-align: center;
  padding: 15px;
  color: #fff;
  font-size: 0.9vw;
  border: 1px solid rgba(255, 255, 255, 0.5);
  display: block;
  -webkit-transition: 0.28s ease;
  transition: 0.28s ease;
  font-family: "pretendard";
}
@media (max-width: 1230px) {
  .popup .theme-box .detail-area .bottom-wrap  .btn-shop {
    font-size: 1.5vw;
    padding: 13px;
  }
}
@media (max-width: 767px) {
  .popup .theme-box .detail-area .bottom-wrap  .btn-shop {
    font-size: 3.2vw;
  }
}
.popup .theme-box .detail-area .bottom-wrap  .btn-shop:hover {
  background: #fff;
  color: #000;
}