/* **************************************** *
  * LAYER-POPUP
  * **************************************** */
 
 /* common */
 .layer-popup { position: fixed; top:50% !important; left: 50% !important; transform: translate(-50%,-50%); min-width: 360rem; background: #fff; border-radius: 10rem; z-index: 9999; padding: 15rem !important; animation: fadeInUpFixed 0.4s cubic-bezier(0.77,0,0.175,1) forwards; box-shadow: 0rem 0rem 16rem rgb(50 50 50 / 12%); } 
 .layer-popup .header { } 
 .layer-popup .header h3 { font-size: 15rem; color: #000; } 
 .layer-popup .content { margin-top: 10rem; font-size: 14rem; border-top: 1rem solid #e8e8e8; padding-top: 10rem; max-height: 80vh; overflow: auto; -ms-overflow-style: none; scrollbar-width: none; } 
 .layer-popup .content::-webkit-scrollbar { display: none; } 
 .layer-popup .button-wrap { text-align: center; } 
 .layer-popup .button-wrap input[type="checkbox"]{margin-top: 0;}
 .layer-popup .button-wrap label { font-size: 13rem; cursor: pointer; } 
 .layer-popup .close { position: absolute; top:10rem; right: 10rem; width: 20rem; height: 20rem; background: url("../images/icon/close.svg")no-repeat center center / 100% auto; cursor: pointer; } 
 .layer-popup .close img{opacity: 0;}
 /* .layer-popup::after { content: ''; width: 100%; height: 100%; position: fixed; top:0; left: 0; background: rgba(0,0,0,0.6); animation: fadeIn 0.4s cubic-bezier(0.77,0,0.175,1) forwards; } */
 
 /* /index.html */
 .main__popup.layer-popup { display: none; padding: 0 !important; font-size: 0; overflow: hidden; max-width: 380rem; } 
 .main__popup.layer-popup .buttons { display: flex; } 
 .main__popup.layer-popup .buttons > div { width: 50%; text-align: center; padding: 14rem 0; font-size: 12rem; cursor: pointer; } 
 .main__popup.layer-popup .buttons > div.close { position: static; height: auto; background: none; border-left: 1rem solid #ebebeb; } 
 .main__popup.layer-popup .swiper-pagination { bottom: 15rem; } 
 .main__popup.layer-popup .swiper-pagination > span { width: 5rem; height: 5rem; margin: 0 5rem; background: #fff; opacity: 0.5; border-radius: 5rem; transition: all 0.4s; } 
 .main__popup.layer-popup .swiper-pagination > span.swiper-pagination-bullet-active { opacity: 1; width: 25rem; } 
 
 /* rwd */
 @media all and (max-width:660px){
  .layer-popup { width: 95vw; min-width: 0; } 
  .layer-popup .content { max-height: 70vh; } 
 }

 .layer-popup.check-password-popup{}
 .layer-popup.check-password-popup .content{text-align: center;}
 .layer-popup.check-password-popup .content > p{margin-bottom: 10rem;}
 .layer-popup.check-password-popup .content > form{}
 .layer-popup.check-password-popup .content > form .button-group{margin-top: 10rem;}
 .layer-popup.check-password-popup .content > form .button-group > div{}

.video-policy{line-height: 1.4;}
.video-policy h4{margin: 50rem 0 5rem;font-size: 18rem;}
.video-policy h4:first-child{margin-top: 0;}
.video-policy p{}
.video-policy ul{}
.video-policy ul li{}

/* 참관 신청 폼 */
#apply-form-popup.layer-popup{max-width: 450rem;width: 90vw;}
#apply-form-popup .header h3{font-size: 24rem;font-weight: 700;margin-bottom: 20rem;}
#apply-form-popup .content{padding-top: 20rem;border-top: 1rem solid #e8e8e8;max-height: 60vh;}
#apply-form-popup .form-group{margin-bottom: 20rem;}
#apply-form-popup .form-group label{display: block;font-size: 16rem;font-weight: 500;margin-bottom: 8rem;color: #333;}
#apply-form-popup .form-group label .required{color: #e74c3c;}
#apply-form-popup .form-group input[type="text"],
#apply-form-popup .form-group input[type="tel"],
#apply-form-popup .form-group input[type="email"],
#apply-form-popup .form-group input[type="date"]{width: 100%;padding: 12rem 16rem;border: 1rem solid #ddd;border-radius: 5rem;font-size: 16rem;font-family: inherit;color: #333;background-color: #fff;}
#apply-form-popup .form-group input[type="date"]{min-height: 44rem;box-sizing: border-box;-webkit-appearance: none;appearance: none;color: #333 !important;background-color: #fff !important;}
#apply-form-popup .form-group input[type="date"]::-webkit-date-and-time-value{color: #333;text-align: left;}
#apply-form-popup .form-group input[type="date"]::-webkit-datetime-edit{color: #333;}
#apply-form-popup .form-group input[type="date"]::-webkit-datetime-edit-fields-wrapper{color: #333;}
#apply-form-popup .form-group input[type="date"]::-webkit-datetime-edit-text{color: #333;}
#apply-form-popup .form-group input[type="date"]::-webkit-datetime-edit-month-field{color: #333;}
#apply-form-popup .form-group input[type="date"]::-webkit-datetime-edit-day-field{color: #333;}
#apply-form-popup .form-group input[type="date"]::-webkit-datetime-edit-year-field{color: #333;}
#apply-form-popup .form-group input:focus{outline: none;border-color: var(--color-primary);}
#apply-form-popup .form-group .radio-group{display: flex;gap: 20rem;flex-wrap: wrap;}
#apply-form-popup .form-group .radio-group label{display: flex;align-items: center;gap: 5rem;font-weight: 400;cursor: pointer;margin-bottom: 0;}
#apply-form-popup .form-group .radio-group input[type="radio"]{width: 16rem !important;height: 16rem !important;margin: 0 0 0 0 !important;cursor: pointer;vertical-align: middle;background: url("../images/icon/input_radio_blank.png") no-repeat 0 0 !important;background-size: 16rem 16rem !important;appearance: none !important;-webkit-appearance: none !important;-moz-appearance: none !important;flex-shrink: 0;}
#apply-form-popup .form-group .radio-group input[type="radio"]:checked{background-image: url("../images/icon/input_radio.png") !important;}
#apply-form-popup .button-wrap{margin-top: 30rem;}
#apply-form-popup .submit-btn{width: 100%;padding: 15rem 0;background: var(--color-primary);color: #fff;border: none;border-radius: 5rem;font-size: 18rem;font-weight: 600;cursor: pointer;transition: background 0.3s;}
#apply-form-popup .submit-btn:hover{background: var(--color-sub-1);}

#apply-form-popup .ff_submit_btn_wrapper button{width: 100%;padding: 15rem 0;background: var(--color-primary);color: #fff;border: none;border-radius: 5rem;font-size: 18rem;font-weight: 600;cursor: pointer;transition: background 0.3s;}  
#apply-form-popup .ff_submit_btn_wrapper button:hover{background: var(--color-sub-1);}

@media all and (max-width:660px){
    #apply-form-popup .form-group .radio-group{flex-direction: column;gap: 10rem;}
}