@charset "utf-8";

/* main-popup */
.popup{border-radius: 15px;overflow: hidden;}
.popup .popup-contents{background: #fff;}
.popup a{display:block;}
.popup img{display:block;}
.popup .popup-bottom{display: flex;}
.popup .popup-bottom button{display:inline-block;padding: 15px 5px;width:30%;color:#fff;text-align: center;background: #121212;font-size: 15px;}
.popup .popup-bottom button:first-child{width:70%;background:#777;}


.layer-password{position: fixed;top:0;left:0;width:100%;height:100%;z-index:1000;line-height: normal;background: rgba(0,0,0,0.6);}
.layer-password .layer-password-wrap{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);border-radius: 10px;background-color: #fff;padding:30px 35px;width:100%;max-width: 500px;}
.layer-password .layer-password-wrap .pop-title{text-align: center;font-size: 20px;font-weight: 600;letter-spacing: -0.4px;color: #202020;}
.layer-password .layer-password-wrap .layer-body{margin-top:30px;}
.layer-password .layer-password-wrap .layer-body .form-wrap{text-align: center;font-size:0;}

.layer-password .layer-password-wrap .layer-body .form-wrap input[type="password"]{width:100%;height:55px;border-radius: 10px;border: solid 1px #202020;background-color: #fff;padding:0 20px;font-size: 15px;font-weight: 500;}
.layer-password .layer-password-wrap .layer-body .form-wrap input[type="password"]::placeholder{color:#999;}
.layer-password .layer-password-wrap .layer-body .form-wrap .button{margin-top:15px;display: block;width:100%;border-radius: 10px;background-color: #057e54 ;height:55px;font-size: 18px;font-weight: 500;color:#fff;}
.layer-password .layer-password-wrap .layer-body .layer-password-close{position:absolute;top:28px;right:20px;}
.layer-password .layer-password-wrap .layer-body p{text-align: center;margin-top:30px;font-size: 15px;font-weight: 600;letter-spacing: -0.3px;color: #787878;}


.modal-popup{display:none;position: fixed;top:50%;left:50%;transform: translate(-50%, -50%); border-radius: 10px;background-color: #fff;width:100%;max-width:1000px;padding:30px 40px;z-index: 999999;}
.modal-popup .modal-top{position:relative;display: flex;align-items: center;justify-content: center;padding-bottom: 20px;border-bottom: 1px solid #dcdfe6;}
.modal-popup .modal-top h2{ font-size: 28px;font-weight: bold;letter-spacing: -0.56px;text-align: center;color: #202020;}
.modal-popup .modal-top button{position:absolute;top:8px;right:0;display: inline-block;}
.modal-popup .modal-top button img{display: block;}
.modal-popup .modal-con{padding:30px 0;border-bottom: 1px solid #dcdfe6;}
.modal-popup .button-box{margin-top:20px;display: flex;justify-content: center;}
.modal-popup .button-box button{flex:1;display: flex;align-items: center;justify-content: center;height:55px; border-radius: 5px;background-color: #057e54 ;font-size: 16px;font-weight: bold;color: #fff;}

.modal-policy .policy-txt{font-size: 16px;font-weight: 500;line-height: 1.75;color: #424242;max-height: 440px;overflow-y: auto;}
.modal-policy .policy-txt strong{display: block;  font-size: 18px;font-weight: bold;line-height: 1.33;color: #202020;}
.modal-policy .policy-txt .box{ word-break: keep-all;}
.modal-policy .policy-txt .box h4 { font-size: 20px}
.modal-policy .policy-txt .page-title { margin: 40px 0}
.modal-policy .policy-txt .box p { padding: 10px 0 40px; font-size: 16px; line-height: 26px}
.modal-policy .policy-txt .box table{margin-top:20px;border-top: 2px solid #202020;}
.modal-policy .policy-txt .box table thead tr th{font-size: 18px;font-weight: 500;text-align: center;color: #202020;padding: 16px 10px;background: #f3f4f8;border-bottom: 1px solid #cecece;border-left: 1px solid #cecece;}
.modal-policy .policy-txt .box table tbody tr td{border-bottom: 1px solid #cecece;border-left: 1px solid #cecece;padding: 16px 10px;font-size: 16px;font-weight: normal;letter-spacing: -0.4px;text-align: center;color: #5a5a5a;}


.modal-location{max-width: 720px;padding-bottom: 0;overflow: hidden;}
.modal-location .modal-top{border-bottom: 0;}
.modal-location .modal-con{padding:20px 0 0;border:0;height:100%;max-height: calc(100% - 50px);}
.modal-location .modal-con dl{padding-bottom: 40px;}
.modal-location .modal-con dl dt{font-size: 18px;font-weight: bold;letter-spacing: -0.36px;color: #057e54;}
.modal-location .modal-con dl dd{margin-top:15px;}
.modal-location .modal-con dl dd .select-wrap{display: flex;gap:20px;}
.modal-location .modal-con dl dd .select-wrap .select-box{position: relative;border-radius: 10px;border: solid 1px #e5e5e5;background-color: #fff;overflow: hidden;padding-left: 45px;}
.modal-location .modal-con dl dd .select-wrap .select-box:before{content: "";position: absolute;left:20px;top:14px;width:20px;height:20px;}
.modal-location .modal-con dl dd .select-wrap .select-box select{width:100%;height:50px; font-size: 16px;font-weight: 500;letter-spacing: -0.32px;color: #202020;background: url(/_public/images2/icon/select_icon3.svg) no-repeat;background-position: 95% 50%;}
.modal-location .modal-con dl dd .select-wrap .select-box:first-child{width:240px;}
.modal-location .modal-con dl dd .select-wrap .select-box:first-child:before{background: url(/_public/images2/search/depart_icon01.png) no-repeat;background-size: cover;}
.modal-location .modal-con dl dd .select-wrap .select-box:last-child{width:calc(100% - 260px);}
.modal-location .modal-con dl dd .select-wrap .select-box:last-child:before{background: url(/_public/images2/search/depart_icon02.png) no-repeat;background-size: cover;}
.modal-location .modal-con dl dd + dt{margin-top:30px;}
.modal-location .modal-con .button-box{margin:0 -40px 0;}
.modal-location .modal-con .button-box button{width:100%;height:60px;background: #057e54 ;border-radius: 0;font-size: 16px;font-weight: 500;letter-spacing: -0.32px;color: #fff;}
.modal-location .modal-con .button-box button:first-child{background: #e5e5e5;color:#202020;}


.modal-calendar{overflow: hidden;padding-bottom: 0;max-width:720px;height:100%;max-height: 736px;}
.modal-calendar .modal-con{padding:20px 0 0;border:0;height:100%;max-height: calc(100% - 80px);}
.modal-calendar .modal-con .input-value{position:relative;display: flex;align-items:center;justify-content: space-between; border-radius: 10px;background-color: #f5f5f5;height:50px;padding:0 30px 0 60px;margin-top:20px;margin-bottom: 20px;}
.modal-calendar .modal-con .input-value:before{content: "";position: absolute;top: 13px;left: 30px;display: inline-block;width: 20px;height: 20px;background: url(/_public/images2/icon/ico_cal.svg) no-repeat;background-size: cover;}
.modal-calendar .modal-con .input-value .date{display: flex;gap:37px;}
.modal-calendar .modal-con .input-value .date span{position:relative;display:inline-block;font-size: 18px;font-weight: 500;letter-spacing: -0.3px;color: #202020;}
.modal-calendar .modal-con .input-value .date span:before{content: "";position: absolute;left: -28px;top: 2px;width: 17px;height: 17px;background: url(/_public/images2/icon/ico_step.svg) no-repeat;background-size: cover;}
.modal-calendar .modal-con .input-value .date span:first-child:before{display: none;}
.modal-calendar .modal-con .input-value em{position:relative;font-size: 18px;font-weight: 500;letter-spacing: -0.3px;color: #202020;padding-left: 30px;}
.modal-calendar .modal-con .input-value em:before{content: "";position: absolute;top:3px;left:0;width:20px;height:20px;background: url(/_public/images2/icon/ico_time.png) no-repeat;background-size: cover;}
.modal-calendar .modal-con .cal-wrap{overflow-y: auto;max-height: calc(100% - 198px);height: 100%;}
.modal-calendar .modal-con .calendar-area{overflow: hidden;}
.modal-calendar .modal-con .time-wrap{margin-top:20px;display: flex;gap:40px;}
.modal-calendar .modal-con .time-wrap .time-box{flex:1;display: flex;border-radius: 10px;border: solid 1px #e5e5e5;background-color: #fff;overflow: hidden;}
.modal-calendar .modal-con .time-wrap .time-box span{height:46px;background: #e3f6f0;text-align: center;display:flex;align-items:center;justify-content:center;width:100px; font-size: 18px;font-weight: 500;letter-spacing: -0.3px;color: #057e54;}
.modal-calendar .modal-con .time-wrap .time-box select{width:calc(100% - 100px);height:46px;padding:0 30px; font-size: 18px;font-weight: 500;letter-spacing: -0.3px;color: #202020;}
.modal-calendar .modal-con .button-box{margin:0 -40px 0;}
.modal-calendar .modal-con .button-box button{width:100%;height:60px;background: #057e54 ;border-radius: 0;font-size: 16px;font-weight: 500;letter-spacing: -0.32px;color: #fff;}
.modal-calendar .modal-con .button-box button:first-child{background: #e5e5e5;color:#202020;}

.modal-customnumber{overflow: hidden;padding-bottom: 0;max-width: 720px;}
.modal-customnumber .modal-con{padding-top:15px;}
.modal-customnumber .modal-con .info-txt{position: relative;background: #f5f5f5;padding:15px 15px 15px 60px; border-radius: 10px; font-size: 15px;font-weight: 500;letter-spacing: -0.3px;color: #202020;}
.modal-customnumber .modal-con .info-txt:before{content: "";position: absolute;top: 16px;left: 30px;display: inline-block;width: 16px;height: 16px;background: url(/_public/images2/icon/ico_my.svg) no-repeat;background-size: cover;}
.modal-customnumber .modal-con .list-box .toggle-box{}
.modal-customnumber .modal-con .list-box .toggle-box + .toggle-box{margin-top:5px;border-top:1px solid #202020}
.modal-customnumber .modal-con .list-box .toggle-box .title-box{height:50px;display: flex;align-items: center;justify-content: space-between;}
.modal-customnumber .modal-con .list-box .toggle-box .title-box h3{font-size: 17px;font-weight: bold;letter-spacing: -0.34px;color: #202020;}
.modal-customnumber .modal-con .list-box .toggle-box .title-box.on h3{color:#057e54 ;}
.modal-customnumber .modal-con .list-box .toggle-box .title-box .btn-group{display: flex;align-items: center;gap:10px;}
.modal-customnumber .modal-con .list-box .toggle-box .title-box .btn-group .toggle-btn{width:40px;height:60px;display: flex;align-items: center;justify-content: center;}
.modal-customnumber .modal-con .list-box .toggle-box .title-box .btn-group .toggle-btn img{display: block;}
.modal-customnumber .modal-con .list-box .toggle-box .title-box.on .btn-group .toggle-btn img{transform: rotate(-180deg);}
.modal-customnumber .modal-con .list-box .toggle-box .title-box .btn-group .del-list{display: flex;align-items: center;justify-content: center;gap:5px;font-size: 15px;font-weight: 600;letter-spacing: -0.3px;color: #787878;}
.modal-customnumber .modal-con .list-box .toggle-box .title-box .btn-group .del-list i{display: inline-block;position: relative;top:-1px;}
.modal-customnumber .modal-con .list-box .toggle-box .title-box .btn-group .del-list i img{display:block;}
.modal-customnumber .modal-con .list-box .toggle-box .li-cont{display: none;}
.modal-customnumber .modal-con .list-box ul{}
.modal-customnumber .modal-con .list-box ul li{display: flex;align-items: center;justify-content: space-between;}
.modal-customnumber .modal-con .list-box ul li + li{margin-top:10px;padding-top:10px;border-top:1px solid #e5e5e5;}
.modal-customnumber .modal-con .list-box ul li em{display: inline-block;font-size: 16px;font-weight: 600;letter-spacing: -0.34px;color: #202020;}
.modal-customnumber .modal-con .list-box ul li em span{color:#787878;display: inline;}
.modal-customnumber .modal-con .list-box ul li .count{display: flex;align-items: center;gap:15px;}
.modal-customnumber .modal-con .list-box ul li .count button{width:30px;height:30px;}
.modal-customnumber .modal-con .list-box ul li .count .button1{background: url(/_public/images2/icon/ico_minus2.svg) no-repeat;background-size: cover;}
.modal-customnumber .modal-con .list-box ul li .count .button1:disabled{background: url(/_public/images2/icon/ico_minus.svg) no-repeat;background-size: cover;}
.modal-customnumber .modal-con .list-box ul li .count .button2{background: url(/_public/images2/icon/ico_plus2.svg) no-repeat;background-size: cover;}
.modal-customnumber .modal-con .list-box ul li .count input[type="number"]{width:50px;height:36px;padding:0 10px; font-size: 15px;font-weight: 500;letter-spacing: -0.3px;color: #202020;text-align: right;border-radius: 5px;border: solid 1px #ccc;}
.modal-customnumber .modal-con .txt{margin-top:20px;border-radius: 10px;background-color:#f2f5fd;padding:15px 20px;font-size: 14px;font-weight: 500;letter-spacing: -0.28px;color: #4060FF;}
.modal-customnumber .modal-con .list-box .select-box{margin-top:15px;display: flex;flex-wrap: wrap;gap:20px;}
.modal-customnumber .modal-con .list-box .select-box .col{padding:10px 15px;border-radius: 10px;border: solid 1px #ddd;background-color: #fff;width:calc(50% - 10px);}
.modal-customnumber .modal-con .list-box .select-box .col label{display: block; font-size: 14px;font-weight: 600;letter-spacing: -0.14px;color: #202020;}
.modal-customnumber .modal-con .list-box .select-box .col select{width:100%;margin-top:10px;font-size: 15px;font-weight: bold;letter-spacing: -0.3px;color: #121212;}
.modal-customnumber .modal-con .add-btn{margin-top:20px;display: flex;justify-content: center;}
.modal-customnumber .modal-con .add-btn button{display: flex;align-items: center;gap:5px; font-size: 15px;font-weight: 600;letter-spacing: -0.3px;color: #202020;}
.modal-customnumber .modal-con .add-btn button i{display: inline-block;}
.modal-customnumber .modal-con .add-btn button i img{display:block;}
.modal-customnumber .button-box{margin:25px -40px 0;}
.modal-customnumber .button-box button{display:flex;align-items:center;justify-content:center;gap:5px;width:100%;height:60px;background: #057e54 ;border-radius: 0;font-size: 16px;font-weight: 500;letter-spacing: -0.32px;color: #fff;}
.modal-customnumber .button-box button i{display: inline-block;}
.modal-customnumber .button-box button i img{display:block;}
.modal-customnumber .button-box button:first-child{background: #e5e5e5;color:#202020;}
.modal-customnumber .list-box{margin-top:15px;border-bottom:1px solid #202020;border-top:1px solid #202020;overflow-y: auto;max-height: 520px;padding:0 10px 10px;}


.modal-map{max-width:1200px;}
.modal-map .modal-top{border:0;}
.modal-map .modal-cont{}
.modal-map .modal-cont .map-box{position: relative;overflow: hidden;border-radius: 10px;height:580px;}
.modal-map .modal-cont .map-box iframe{display: block;width:100%;height:540px;}
.modal-map .modal-cont .map-box p{display: flex;align-items: center;height:40px;padding:0 20px; font-size: 16px;font-weight: 500;letter-spacing: -0.32px;color: #e5e5e5;background: rgba(0,0,0,0.8);}
.modal-map .modal-cont .btn-box{margin-top:20px;display: flex;gap:20px;}
.modal-map .modal-cont .btn-box .btn{flex:1;display: flex;align-items: center;justify-content: center;height:55px; border-radius: 10px;border: solid 1px #4060ff;background-color: #fff;font-size: 16px;font-weight: 500;letter-spacing: -0.32px;color: #057e54 ;}
.modal-map .modal-cont .btn-box .btn:first-child{background-color: #4060ff;color: #fff;}


.modal-gallery{max-width:1200px;padding:30px 30px 0;overflow: hidden;}
.modal-gallery .modal-top{border:0;}
.modal-gallery .modal-cont{}
.modal-gallery .modal-cont .gallery-tab{display: flex;gap:10px;}
.modal-gallery .modal-cont .gallery-tab button{display: flex;align-items: center;justify-content: center;height:50px;padding:0 20px; font-size: 16px;font-weight: 600;letter-spacing: -0.32px;color: #787878;border-radius: 10px;background: #eee;}
.modal-gallery .modal-cont .gallery-tab button.on{background: #057e54 ;color:#fff;}
.modal-gallery .modal-cont .gallery-cont{margin-top:30px;}
.modal-gallery .modal-cont .gallery-cont .gallery-container{display: flex;gap:20px;overflow: hidden;height:555px;}
.modal-gallery .modal-cont .gallery-cont .gallery-container .col1{width:935px;overflow: hidden;position: relative;}
.modal-gallery .modal-cont .gallery-cont .gallery-container .col2{width:185px;overflow: hidden;}
.modal-gallery .modal-cont .gallery-cont .gallery-main{width:100%;position: relative;}
.modal-gallery .modal-cont .gallery-cont .gallery-main .swiper-slide{position: relative;width:100%;overflow: hidden;cursor: pointer;}
.modal-gallery .modal-cont .gallery-cont .gallery-main .swiper-slide img{display: block;width:100%;border-radius: 10px;}
.modal-gallery .modal-cont .gallery-cont .gallery-main .swiper-button{display: inline-block;z-index: 10;position: absolute;top:50%;transform: translateY(-50%);width:40px;height:40px;opacity: 1;}
.modal-gallery .modal-cont .gallery-cont .gallery-main .swiper-button img{display: block;}
.modal-gallery .modal-cont .gallery-cont .gallery-main .swiper-button:after{display: none;}
.modal-gallery .modal-cont .gallery-cont .gallery-main .swiper-prev{left:0;}
.modal-gallery .modal-cont .gallery-cont .gallery-main .swiper-next{right:0;}
.modal-gallery .modal-cont .gallery-cont .gallery-thumbs{width:185px;height:555px;overflow: hidden;}

.modal-gallery .modal-cont .gallery-cont .gallery-thumbs .swiper-slide{position:relative;width:185px;height:110px;cursor: pointer;}
.modal-gallery .modal-cont .gallery-cont .gallery-thumbs .swiper-slide img{display: block;width:100%;border-radius: 10px;}
.modal-gallery .modal-cont .gallery-cont .gallery-thumbs .swiper-slide.swiper-slide-thumb-active:after{content: "";position: absolute;top:0;left:0;width:100%;height:100%;border-radius: 10px;border:3px solid #057e54;}
.modal-gallery .btn-box{margin:30px -30px 0;display: flex;}
.modal-gallery .btn-box a{display: flex;align-items: center;justify-content: center;flex:1;height:60px;background: #057e54 ;font-size: 16px;font-weight: 500;letter-spacing: -0.32px;color: #fff;}
.modal-gallery .btn-box a:first-child{background: #e5e5e5;color:#202020;}





.modal-gallery2{max-width:1045px;padding:30px;overflow: hidden;}
.modal-gallery2 .modal-top{border:0;}
.modal-gallery2 .modal-cont{}
.modal-gallery2 .modal-cont .txt-box{display: flex;gap:7px;}
.modal-gallery2 .modal-cont .txt-box > div{flex:1;border-radius: 10px;border: solid 1px #ccc;background-color: #f8f8f8;padding:20px 30px;}
.modal-gallery2 .modal-cont .txt-box > div:first-child{background: #fff;}
.modal-gallery2 .modal-cont .txt-box > div dl{}
.modal-gallery2 .modal-cont .txt-box > div dl dt{width:74px;font-size: 15px;font-weight: normal;letter-spacing: -0.3px;color: #121212;}
.modal-gallery2 .modal-cont .txt-box > div dl dd{padding:0 0 5px 74px;font-size: 15px;font-weight: 600;letter-spacing: -0.3px;color: #202020;}
.modal-gallery2 .modal-cont .txt-box > div h4{font-size: 16px;font-weight: bold;letter-spacing: -0.32px;color: #121212;}
.modal-gallery2 .modal-cont .txt-box > div ul{margin-top:5px;}
.modal-gallery2 .modal-cont .txt-box > div ul li{position: relative;font-size: 15px;font-weight: 500;line-height: 1.73;letter-spacing: -0.3px;color: #121212;padding-left: 9px;}
.modal-gallery2 .modal-cont .txt-box > div ul li:before{content: "";position: absolute;top:9px;left:0;width:4px;height:4px;border-radius: 100%;background: #202020;}
.modal-gallery2 .modal-cont .gallery-cont{margin-top:30px;}
.modal-gallery2 .modal-cont .gallery-cont .gallery-container{display: flex;gap:20px;overflow: hidden;height:480px;}
.modal-gallery2 .modal-cont .gallery-cont .gallery-container .col1{width:805px;overflow: hidden;position: relative;}
.modal-gallery2 .modal-cont .gallery-cont .gallery-container .col2{width:160px;overflow: hidden;}
.modal-gallery2 .modal-cont .gallery-cont .gallery-main{width:100%;position: relative;}
.modal-gallery2 .modal-cont .gallery-cont .gallery-main .swiper-slide{position: relative;width:100%;overflow: hidden;cursor: pointer;}
.modal-gallery2 .modal-cont .gallery-cont .gallery-main .swiper-slide img{display: block;width:100%;border-radius: 10px;}
.modal-gallery2 .modal-cont .gallery-cont .gallery-main .swiper-button{display: inline-block;z-index: 10;position: absolute;top:50%;transform: translateY(-50%);width:40px;height:40px;opacity: 1;}
.modal-gallery2 .modal-cont .gallery-cont .gallery-main .swiper-button img{display: block;}
.modal-gallery2 .modal-cont .gallery-cont .gallery-main .swiper-button:after{display: none;}
.modal-gallery2 .modal-cont .gallery-cont .gallery-main .swiper-prev{left:0;}
.modal-gallery2 .modal-cont .gallery-cont .gallery-main .swiper-next{right:0;}
.modal-gallery2 .modal-cont .gallery-cont .gallery-thumbs{width:160px;height:480px;overflow: hidden;}

.modal-gallery2 .modal-cont .gallery-cont .gallery-thumbs .swiper-slide{position:relative;width:160px;height:96px;cursor: pointer;}
.modal-gallery2 .modal-cont .gallery-cont .gallery-thumbs .swiper-slide img{display: block;width:100%;border-radius: 10px;}
.modal-gallery2 .modal-cont .gallery-cont .gallery-thumbs .swiper-slide.swiper-slide-thumb-active:after{content: "";position: absolute;top:0;left:0;width:100%;height:100%;border-radius: 10px;border:3px solid #057e54;}



.modal-option{max-width: 840px;padding-bottom: 0;overflow: hidden;}
.modal-option .modal-top{border-bottom: 0;}
.modal-option .modal-con{padding:20px 0 30px;border:0;height:100%;max-height: calc(100% - 30px);}
.modal-option .modal-con .option-list{display: flex;flex-wrap: wrap;gap: 5px;max-height: 100%;overflow-y: auto;}
.modal-option .modal-con .option-list span{width: calc(16.6666% - 5px);display: flex;align-items: center;justify-content: center;height: 42px;border-radius: 5px;border: 1px solid #f8f8f8;background: #f8f8f8;font-size: 13px;font-weight: normal;line-height: normal;letter-spacing: -0.26px;text-align: center;color: #ccc;word-break: keep-all;padding: 0 5px;}
.modal-option .modal-con .option-list span.on{border-color: #057e54;color: #057e54;background: #fff;font-weight: 600;}



.modal-coupon{max-width:540px;}
.modal-coupon .modal-top{border-bottom: 0;justify-content: flex-start;}
.modal-coupon .modal-cont{border-bottom: 0;padding:0;}
.modal-coupon .modal-cont p{font-size: 15px;font-weight: normal;letter-spacing: -0.3px;color: #057e54;}
.modal-coupon .modal-cont .coupon-list{margin-top:30px;}
.modal-coupon .modal-cont .coupon-list h3{font-size: 18px;font-weight: 500;color: #121212;}
.modal-coupon .modal-cont .coupon-list ul{margin-top:15px;max-height: 410px;overflow-y: auto;}
.modal-coupon .modal-cont .coupon-list ul li{}
.modal-coupon .modal-cont .coupon-list ul li + li{margin-top:15px;}
.modal-coupon .modal-bottom{padding-top:30px;}
.modal-coupon .modal-bottom button{display: flex;align-items: center;justify-content: center;width:100%;height:55px;border-radius: 5px;background-color: #057e54;color:#fff; font-size: 17px;font-weight: bold;text-align: center;}


.modal-privacy{max-width:540px;}
.modal-privacy .modal-top{border-bottom: 0;justify-content: flex-start;}
.modal-privacy .modal-cont{border-bottom: 0;}
.modal-privacy .modal-cont .policy{overflow-y: auto;max-height:400px;}


.modal-review{max-width: 470px;padding:40px 0 0;height:100%;max-height: 787px;overflow: hidden;}
.modal-review .modal-top{border-bottom: 0;}
.modal-review .modal-top button{right:30px;top:-12px;}
.modal-review .modal-cont{padding: 0 60px 40px;height:100%;max-height: calc(100% - 119px);overflow-y: auto;}
.modal-review .modal-cont ul{}
.modal-review .modal-cont ul li{padding: 23px 0;border-bottom: 1px solid #e5e5e5;}
.modal-review .modal-cont ul li .title{display: flex;align-items: center;justify-content: space-between;margin-bottom: 10px;}
.modal-review .modal-cont ul li .title h3{font-size: 18px;font-weight: bold;letter-spacing: -0.36px;color: #202020;}
.modal-review .modal-cont ul li .title span{display:inline-block;font-size: 15px;font-weight: normal;letter-spacing: -0.3px;color: #202020;}
.modal-review .modal-cont ul li .title span em{display: inline-block;font-weight: bold;color: #057e54;}
.modal-review .modal-cont ul li .star{display:flex;width:183px;height:35px;background: url(/_public/images2/icon/g_star00.svg) no-repeat;background-size: cover;}
.modal-review .modal-cont ul li .star.star-1{background: url(/_public/images2/icon/g_star01.svg) no-repeat;background-size: cover;}
.modal-review .modal-cont ul li .star.star-2{background: url(/_public/images2/icon/g_star02.svg) no-repeat;background-size: cover;}
.modal-review .modal-cont ul li .star.star-3{background: url(/_public/images2/icon/g_star03.svg) no-repeat;background-size: cover;}
.modal-review .modal-cont ul li .star.star-4{background: url(/_public/images2/icon/g_star04.svg) no-repeat;background-size: cover;}
.modal-review .modal-cont ul li .star.star-5{background: url(/_public/images2/icon/g_star05.svg) no-repeat;background-size: cover;}
.modal-review .modal-cont ul li .star i{flex:1;height: 100%;cursor: pointer;}
.modal-review .modal-cont ul li:last-child{border-color: #057e54;}
.modal-review .modal-cont .txt-box{margin-top:25px;}
.modal-review .modal-cont .txt-box h3{font-size: 18px;font-weight: bold;letter-spacing: -0.36px;color: #057e54;margin-bottom: 5px;}
.modal-review .modal-cont .txt-box textarea{display: block;border-radius: 10px;border: solid 1px #e5e5e5;background-color: #fff;width:100%;height:107px;resize: none;padding:20px;font-size: 16px;font-weight: normal;line-height: 1.5;letter-spacing: -0.32px;color: #707070;}
.modal-review .modal-cont .upload{margin-top:10px;}
.modal-review .modal-cont .upload .upload-list{margin-top:10px;}
.modal-review .modal-cont .upload .upload-list .attachment{position: relative;display: flex;align-items: center;width: 100%;padding:10px 45px 10px 10px;gap:10px;border-radius: 10px;border: dashed 1px #057e54;background-color: #f2fbf8;}
.modal-review .modal-cont .upload .upload-list .attachment .thumb{width:50px;}
.modal-review .modal-cont .upload .upload-list .attachment .thumb img{display:block;width:100%;}
.modal-review .modal-cont .upload .upload-list .attachment .txt{width:calc(100% - 60px); font-size: 16px;font-weight: bold;letter-spacing: -0.32px;color: #191919;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.modal-review .modal-cont .upload .upload-list .attachment button{position: absolute;right:10px;}
.modal-review .modal-cont .upload .upload-list .attachment button img{display: block;}
.modal-review .modal-cont .upload .upload-list .attachment + .attachment{margin-top:10px;}
.modal-review .btn-box{display: flex;}
.modal-review .btn-box button{flex:1;display: flex;align-items: center;justify-content: center;height:60px;font-size: 18px;font-weight: 500;letter-spacing: -0.36px;background: #057e54;color: #fff;}
.modal-review .btn-box button:first-child{background: #e5e5e5;color:#202020;}


.modal-img{max-width: 620px;padding:0;background: transparent;}
.modal-img .modal-close{position: absolute;top:0;right:-60px;}
.modal-img .modal-close img{display: block;}
.modal-img .thumb1{height:620px;border-radius: 10px;background: #000;display: flex;align-items: center;justify-content: center;}
.modal-img .thumb1 .swiper{height:100%;}
.modal-img .thumb1 .swiper-slide{height:100%;}
.modal-img .thumb1 .swiper-slide .inner{width:100%;height:100%;display: flex;align-items: center;justify-content: center;}
.modal-img .thumb1 .swiper-slide img{max-width: 100%;max-height: 100%;object-fit: contain;margin: auto;width: auto;height: auto;}
.modal-img .thumb2{position:relative;margin-top:20px;padding:0 185px;}
.modal-img .thumb2 .swiper-slide{position: relative;height:80px;}
.modal-img .thumb2 .swiper-slide:after{content: "";position:absolute;top:0;left:0;width:100%;height:100%;background: rgba(0,0,0,0.5);transition: all 0.3s;opacity: 1;}
.modal-img .thumb2 .swiper-slide.swiper-slide-thumb-active:after{opacity: 0;}
.modal-img .thumb2 .swiper-slide img{display: block;width:100%;height:100%;object-fit: cover;}
.modal-img .thumb2 .control-box{position: absolute;top:50%;left:0;transform: translateY(-50%);width:100%;height:35px;}
.modal-img .thumb2 .control-box .swiper-button{width:35px;height:35px;margin:0;top:0;}
.modal-img .thumb2 .control-box .swiper-button:after{display: none;}
.modal-img .thumb2 .control-box .swiper-button-prev{left:125px;background: url(/_public/images2/icon/target_left2.svg) no-repeat;background-size: cover;}
.modal-img .thumb2 .control-box .swiper-button-next{right:125px;background: url(/_public/images2/icon/target_right2.svg) no-repeat;background-size: cover;}


.modal-yen{max-width: 1200px;padding:45px 40px; border-radius: 10px;box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);border: solid 1px #e0e4eb;}
.modal-yen .close-modal{position: absolute;top:35px;right:40px;}
.modal-yen .cal-top{display: flex;align-items:center;justify-content: center;gap:40px;}
.modal-yen .cal-top button{display: inline-block;}
.modal-yen .cal-top button img{display:block;}
.modal-yen .cal-top h2{font-size: 35px;font-weight: bold;letter-spacing: -0.7px;color: #191919;}
.modal-yen .label{display: flex;align-items: center;gap:8px;font-size: 16px;font-weight: 600;letter-spacing: -0.32px;color: #202020;}
.modal-yen .label i{display: inline-block;position: relative;top:-1px;}
.modal-yen .label i img{display:block;}
.modal-yen .cal-wrap{margin-top:10px;}
.modal-yen .cal-wrap table{border:1px solid #e5e5e5;}
.modal-yen .cal-wrap table thead tr th{font-size: 16px;font-weight: bold;letter-spacing: -0.32px;color: #202020;border:1px solid #e5e5e5;padding:10px;text-align: center;background: #f7f7f7;}
.modal-yen .cal-wrap table thead tr th.sun{color: #ed3548;}
.modal-yen .cal-wrap table thead tr th.sat{color:#0053e4}
.modal-yen .cal-wrap table tbody tr td{padding: 15px;font-size: 15px;font-weight: 600;letter-spacing: -0.3px;color: #191919;border:1px solid #e5e5e5;height: 100px;vertical-align: top;}
.modal-yen .cal-wrap table tbody tr td.today{background: #e7f8ee;}
.modal-yen .cal-wrap table tbody tr td .txt{margin-top:15px;line-height: 1;display: flex;justify-content: space-between;font-size: 15px;font-weight: normal;letter-spacing: -0.3px;color: #707070;}
.modal-yen .cal-wrap table tbody tr td .txt + .txt{margin-top:5px;}
.modal-yen .cal-wrap table tbody tr td .txt strong{display: inline-block;font-weight: 600;letter-spacing: -0.3px;color: #191919;}
.modal-yen .cal-wrap table tbody tr td .txt strong.color-green{color: #057e54;}


@media all and (max-width:1280px) {
    .modal-option .modal-con .option-list span{width:calc(25% - 4px);}
    .modal-yen{max-width:calc(100% - 40px);padding:30px;}
}


@media all and (max-width:1024px) {
    .modal-calendar{transform: none;top:0;left:0;width:100%;max-width:100%;height: 100%;padding:20px;border-radius: 0;max-height: 100%;}
    .modal-calendar .modal-top h2{font-size:20px;}
    .modal-calendar .modal-top{border-bottom: 0;justify-content: flex-start;}
    .modal-calendar .modal-con{max-height: calc(100% - 29px);}
    .modal-calendar .modal-con .button-box{position: absolute;left:0;bottom:0;margin:0;width:100%;}
    .modal-calendar .modal-con .cal-wrap{overflow-y: auto;max-height: calc(100% - 208px);padding-bottom: 20px;}
    .modal-calendar .modal-con .time-wrap{gap:20px;}
    .modal-calendar .modal-con .button-box button{height:50px;}


    .modal-location .modal-top h2{font-size:20px;}
    .modal-location .modal-top{border-bottom: 0;justify-content: flex-start;}
    .modal-location .modal-con .button-box button{height:50px;}
    .modal-location .modal-con dl dt{font-size:16px;}
    .modal-location .modal-con dl dd .select-wrap .select-box select{height:40px;font-size: 14px;}

    .modal-option .modal-con .option-list span{width:calc(33.3333% - 4px);}


    .modal-yen .close-modal{top:20px;right:20px;}
    .modal-yen .cal-top{gap:20px;}
    .modal-yen .cal-top h2{font-size:30px;}
    .modal-yen .cal-top button{width:25px;}
    .modal-yen .cal-wrap table thead tr th{font-size: 14px;}
    .modal-yen .cal-wrap table tbody tr td{padding:10px;height: 90px;}
    .modal-yen .cal-wrap table tbody tr td .txt{margin-top:10px;font-size: 13px;}
}



/* mobile */
@media all and (max-width:768px) {
    .layer-password .layer-password-wrap{max-width:90%;padding:30px 20px;}
    .layer-password .layer-password-wrap .pop-title{font-size:20px;text-align: left;}
    .layer-password .layer-password-wrap .pop-title:before{width:25px;height:25px;}
    .layer-password .layer-password-wrap .layer-body .layer-password-close{width:30px;height:30px;}
    .layer-password .layer-password-wrap .layer-body .form-wrap input[type="password"]{height:50px;font-size:14px;}
    .layer-password .layer-password-wrap .layer-body .form-wrap .button{height:50px;font-size:16px;margin-top:10px;}
    .layer-password .layer-password-wrap .layer-body p{margin-top:20px;font-size:14px;}

    .popup{top:50% !important;left:50% !important;transform: translate(-50%, -50%);width:100%;max-width: 90%;}
    .popup .popup-contents img{display: block;width:100% !important;}

    .modal-popup{padding:20px;border-radius:0;height:100%;}
    .modal-popup .modal-top{border-bottom: 0;justify-content: flex-start;}
    .modal-popup .modal-top h2{font-size:20px;}
    .modal-calendar .modal-con{padding-top:0;max-height: calc(100% - 29px);}
    .modal-popup .button-box button{width:100%;}

    .modal-policy .policy-txt{max-height: 100%;height: calc(100vh - 231px);font-size: 15px;font-weight: 500;line-height: 1.73;color: #424242;}
    .modal-policy .policy-txt strong{font-size:16px;}
    .modal-policy .policy-txt .box table thead tr th{font-size: 15px;padding: 10px;}
    .modal-policy .policy-txt .box table tbody tr td{font-size: 13px;padding: 10px;word-break: break-all;}

    .modal-location{max-width:100%;min-height: initial;height:100%;border-radius: 0;padding:20px;}
    .modal-location .modal-con{padding-top:10px;height: calc(100% - 29px);}
    .modal-location .modal-con .search-box .input-box input[type="text"]{font-size:15px;padding:0 20px 0 50px;}
    .modal-location .modal-con .search-box .search-list{max-height: calc(100vh - 155px);}

    .modal-calendar{max-height: 100%;}
    .modal-calendar .modal-con .input-value{padding:10px 10px 10px 30px;margin:10px 0;flex-direction: column;align-items: flex-start;height:auto;gap:10px;}
    .modal-calendar .modal-con .input-value:before{width:15px;height:15px;top:11px;left:10px;}
    .modal-calendar .modal-con .input-value .date{gap:30px;width:100%;}
    .modal-calendar .modal-con .input-value .date span{font-size:14px;flex:1;}
    .modal-calendar .modal-con .input-value .date span:before{width:14px;height:14px;left:-26px;}
    .modal-calendar .modal-con .cal-wrap{padding-bottom:10px;max-height: calc(100% - 245px);}
    .modal-calendar .modal-con .input-value em{margin-left:-21px;font-size:14px;padding-left: 22px;}
    .modal-calendar .modal-con .input-value em:before{top:0;width:18px;height:18px;}
    .modal-calendar .modal-con .time-wrap{flex-direction: column;gap:10px;margin-top:10px;}
    .modal-calendar .modal-con .time-wrap .time-box span{font-size:14px;height:40px;}
    .modal-calendar .modal-con .time-wrap .time-box select{font-size:14px;height:40px;}


    .modal-customnumber .modal-con{padding-top:10px;height: calc(100% - 108px);}
    .modal-customnumber .modal-con .list-box .select-box{gap:10px;}
    .modal-customnumber .modal-con .list-box .select-box .col{width:100%;}
    .modal-customnumber .list-box{max-height: calc(100% - 175px);}
    .modal-customnumber .button-box{margin:20px -20px 0;}


    .modal-option .modal-con .option-list span{width:calc(50% - 3px);}

    .modal-location .modal-con dl{overflow-y:auto;padding-bottom: 20px;height: calc(100% - 28px);}
    .modal-location .modal-con dl dd .select-wrap{flex-direction: column;gap:10px;}
    .modal-location .modal-con dl dd .select-wrap .select-box:first-child{width:100%;}
    .modal-location .modal-con dl dd .select-wrap .select-box:last-child{width:100%;}


    .modal-policy .policy-txt{max-height: 100%;height: calc(100vh - 231px);font-size: 15px;font-weight: 500;line-height: 1.73;color: #424242;}
    .modal-policy .policy-txt strong{font-size:16px;}
    .modal-policy .policy-txt .box table thead tr th{font-size: 15px;padding: 10px;}
    .modal-policy .policy-txt .box table tbody tr td{font-size: 13px;padding: 10px;word-break: break-all;}


    .modal-coupon{max-width:100%;}
    .modal-coupon .modal-cont{height: calc(100% - 120px);}
    .modal-coupon .modal-cont p{font-size:14px;}
    .modal-coupon .modal-cont .coupon-list{margin-top:20px;height: calc(100% - 30px);}
    .modal-coupon .modal-cont .coupon-list h3{font-size:16px;}
    .modal-coupon .modal-cont .coupon-list ul{margin-top:10px;max-height: calc(100% - 40px);}
    .modal-coupon .modal-bottom{padding-top:20px;}
    .modal-coupon .modal-bottom button{height:50px;font-size:15px;}

    .modal-privacy .modal-cont{height:calc(100% - 60px);}
    .modal-privacy .modal-cont .policy{max-height: 100%;}

    .modal-review{top:0;left:0;transform: none;width:100%;max-width: 100%;max-height: 100%;}
    .modal-review .modal-top button{top:0;right:0;}
    .modal-review .modal-cont{padding:0 0 20px;max-height: calc(100% - 79px);}
    .modal-review .modal-cont ul li{padding:15px 0;}
    .modal-review .modal-cont ul li .title h3{font-size:16px;}
    .modal-review .modal-cont ul li .title span{font-size:14px;}
    .modal-review .modal-cont ul li .star{width:140px;height:27px;}
    .modal-review .modal-cont .txt-box h3{font-size:16px;}
    .modal-review .modal-cont .txt-box textarea{font-size:14px;}
    .modal-review .modal-cont .upload .upload-list .attachment{padding:5px 40px 5px 10px;}
    .modal-review .modal-cont .upload .upload-list .attachment .txt{font-size:14px;}
    .modal-review .modal-cont .upload .upload-list .attachment button{width:20px;}
    .modal-review .btn-box{margin:0 -20px;}
    .modal-review .btn-box button{height:50px;font-size: 16px;}

    .modal-img{padding:65px 20px 20px;}
    .modal-img .modal-close{right:20px;top:20px;width:35px;height:35px;}
    .modal-img .thumb1{height:320px;}
    .modal-img .thumb2{padding:0 80px;}
    .modal-img .thumb2 .swiper-slide{height:50px;}
    .modal-img .thumb2 .control-box .swiper-button-prev{left:35px;}
    .modal-img .thumb2 .control-box .swiper-button-next{right:35px;}

    .modal-yen{max-width:100%;padding:20px 10px;}
    .modal-yen .close-modal{top:15px;right:15px;width:20px;}
    .modal-yen .cal-top h2{font-size:26px;}
    .modal-yen .label{font-size:14px;}
    .modal-yen .cal-wrap{margin-top:5px;overflow-y: auto;height: 100%;max-height: calc(100% - 70px);}
    .modal-yen .cal-wrap colgroup col:first-child{width:30px;}
    .modal-yen .cal-wrap colgroup col:last-child{width:30px;}
    .modal-yen .cal-wrap table thead tr th{padding:10px 5px;}
    .modal-yen .cal-wrap table tbody tr td{padding:5px;height: 100px;font-size:13px;}
    .modal-yen .cal-wrap table tbody tr td .txt{flex-direction: column;gap:2px;}

}