html.on {overflow:hidden;text-box-trim:trim-both;text-box-edge: cap alphabetic; }
html, body{background:#000000;}
.htmlContent {margin:0 auto;display:flex;flex-direction: column;}
.htmlContent main{width:100%;}
.htmlContent main section{background:#F2F2F2;}
.htmlContent main section:nth-child(odd){background:#FFFFFF;}

.top_fixed {position:fixed;z-index:3;top:0;left:0;width:100%;height:3rem;padding:0 .5rem;background:#e7f5fe;border-bottom:1px solid #DEDEDE;box-shadow: #e2dfdf  2px 2px 10px;display:flex;justify-content: space-between;align-items: center;}
.top_fixed .hall{font-weight:var(--font-bold);}
.top_fixed .day{font-size:var(--font-small);text-align:right;}
.top_fixed .day span{font-size:var(--font-ssmall);}

section .inner .title{font-size:var(--font-title);font-weight:var(--font-bold)}
section .inner .mtitle{color:#000;font-size:var(--font-snormal);}
section .inner .stitle{color:#c0c0c0;font-size:var(--font-small);}

/* 메인 */
section.main {width:100%;}
section.main .inner{width:100%;display:flex;flex-direction: column;align-items: center;}
section.main .inner .title{font-size:var(--font-sxlarge);font-weight:var(--font-regular);text-align: center;padding:3rem 0 1rem 0;letter-spacing:.4rem;color:#666;}
section.main .inner .name{font-size:var(--font-ssbig);font-weight:var(--font-regular);text-align: center;margin:0 0 2rem 0;display:flex;justify-content: center;gap:0 .5rem;align-items: center;}
section.main .inner .name .heart{font-size:var(--font-small);color:#FF0000;}
section.main .inner .photo{width:100%;}
section.main .inner .photo img{max-width:100%;}
/* 메인 */
/* 예식 정보 */
section.weddinghall {width:100%;}
section.weddinghall .inner{width:100%;padding:2rem 0 0 0;box-sizing: border-box;}
section.weddinghall .inner .hall_info {display:flex;flex-direction: column;align-items: center;width:100%;padding-bottom:2rem;}
section.weddinghall .inner .hall_info .wedding_day{font-size:var(--font-snormal);padding:3em 0 0 0;}
section.weddinghall .inner .hall_info .ewedding_day{color:#c0c0c0;font-size:var(--font-smedium);}
section.weddinghall .inner .hall_info .d_day{display:flex;gap:0 .5rem;margin:0 0 0 0;width:90%;}
section.weddinghall .inner .hall_info .d_day .box{flex:1;height:3.5em;background:#FFFFFF;box-shadow: #d9dfe3 0 2px 3px;display:flex;flex-direction: column;justify-content: center;align-items: center;border-radius:.5rem;}
section.weddinghall .inner .hall_info .d_day .box .day{font-size:1.5rem;font-weight:var(--font-bold);}
section.weddinghall .inner .hall_info .d_day .box .txt{font-size:var(--font-small);color:#DEDEDE;}
section.weddinghall .inner .hall_info .info{margin:3rem 0 0 0;font-size:var(--font-small)}
section.weddinghall .inner .hall_info .info span{color:#0b2489;font-weight:var(--font-bold);}
section.weddinghall .inner .hall_info .info span.heart{color:#0b2489;font-size:var(--font-ssmall);}

section.weddinghall .inner .map_info {position:relative;display:flex;flex-direction: column;align-items: center;width:100%;background:#FFFFFF;padding:2rem 0;}
section.weddinghall .inner .map_info .map_cover{position:absolute;width:100%;height:100%;left:0;top:0;z-index:2;}
section.weddinghall .inner .map_info .map_wrap{position:relative;width:100%;height:14rem;margin:2rem 0 0 0;}
section.weddinghall .inner .map_info .map_wrap #map{position:relative;width:100%;height:100%;}
section.weddinghall .inner .map_info .map_view{position:relative;width:100%;height:3rem;background: #e8e2fe}
section.weddinghall .inner .map_info .map_view a{width:100%;height:100%;display:flex;justify-content: center;align-items:center;}
section.weddinghall .inner .map_info .map_btns{position:relative;width:100%;display:flex;justify-content: center;gap:0 1rem;margin:1rem 0 0 0;}
section.weddinghall .inner .map_info .map_btns .btn_kakao{position:relative;display:flex;gap:0 .2rem;align-items: center;border:1px solid #fee500;padding:.3rem 1rem;border-radius:.2rem;}
section.weddinghall .inner .map_info .map_btns .btn_kakao::before{position:relative;content:'';background-image:url('../../images/kakao_navi.svg');width:1rem;height:1rem;background-size: 100%;}
section.weddinghall .inner .map_info .map_btns .btn_tmap{position:relative;display:flex;gap:0 .2rem;align-items: center;border:1px solid #0058f2;padding:.5rem 1rem;border-radius:.2rem;}
section.weddinghall .inner .map_info .map_btns .btn_tmap::before{position:relative;content:'';background-image:url('../../images/tmap.png');width:1rem;height:1rem;background-size: 100%;}


.calendar-container {border-top:1px solid #DEDEDE;width: 100%;margin: 2rem auto 0 auto;padding: 1.2rem;text-align: center;}
.calendar-container .wedd_day{font-size:var(--font-ssbig);font-weight:var(--font-bold);padding:0 0 .5rem 0;}
.wedding-calendar {width: 100%;border-collapse: collapse;}
.wedding-calendar th, .wedding-calendar td {width: 14.28%;padding: .5rem 0;font-size: 0.9rem;text-align: center;position: relative;}
.wedding-calendar th {font-weight: 500;color: #777;padding-bottom: .9rem;}
.wedding-calendar th span{display:flex;background:#e9def5;border-radius:50%;justify-content: center;align-items: center;width:2rem;height:2rem;margin:0 auto;}

/* 주말 색상 정의 */
.sun { color: #d9534f; }
.sat { color: #0275d8; }

/* 결혼식 당일 원형 마킹 */
.wedding-day span {display: inline-block;width: 30px;height: 30px;line-height: 30px;background-color: #e91e63;color: #fff !important;border-radius: 50%;font-weight: bold;}
.dday-wrapper {margin-top: 2rem;font-size:var(--font-smedium);;color: #555;}
.dday-wrapper .heart{display:inline-block;font-size:var(--font-ssmall);line-height:100%;padding-top:.2rem;}
#dday-count {font-weight: bold;color: #e91e63;}
/* 예식 정보 */

/* 갤러리 */
section.photo {width:100%;}
section.photo .inner{width:100%;padding:2rem .2rem;box-sizing: border-box;}
section.photo .inner .gallery_info {display:flex;flex-direction: column;align-items: center;width:100%;}
section.photo .inner .gallery_info .gallery_wrapper{position:relative;width:100%;display:flex;justify-content: center;padding:0 .5rem;margin:2rem 0 0 0;}
section.photo .inner .gallery_info .gallery_wrapper .gallery_wrap{position:relative;width:100%;display:flex;flex-wrap:wrap;justify-content: space-between;gap:.2rem 0;}
section.photo .inner .gallery_info .gallery_wrapper .gallery_wrap .photo{width:49.5%;height:8rem;border-radius:.3rem;overflow:hidden;}
section.photo .inner .gallery_info .gallery_wrapper .gallery_wrap .photo img{width:100%;height:100%;object-fit: cover;object-position: center;}
section.photo .inner .gallery_info .gallery_wrapper .gallery_wrap .gallerySwiper{position:relative;width:100%;}
section.photo .inner .gallery_info .gallery_wrapper .gallery_wrap .gallerySwiper .swiper-slide{width:100%;background: #000;border-radius:.5rem;overflow:hidden;}
section.photo .inner .gallery_info .gallery_wrapper .gallery_wrap .gallerySwiper .swiper-slide img{width:100%;height:100%;object-fit: contain}
/* 갤러리 */

/* 동영상 */
section.movie {width:100%;}
section.movie .inner{width:100%;padding:2rem .2rem;box-sizing: border-box;}
section.movie .inner .movie_info {display:flex;flex-direction: column;align-items: center;width:100%;}
section.movie .inner .movie_info .movie_wrapper{position:relative;width:100%;display:flex;justify-content: center;padding:0 .5rem;margin:2rem 0 0 0;}
section.movie .inner .movie_info .movie_wrapper .movie_wrap{position:relative;width:100%;height:13rem;background:#000;border-radius:.3rem;overflow:hidden;}
section.movie .inner .movie_info .movie_wrapper .movie_wrap iframe{position:relative;width:100%;height:100%;}
section.movie .inner .movie_info .movie_wrapper .movie_wrap video{position:relative;width:100%;height:100%;}
/* 동영상 */

/* 인사말 */
section.polite {width:100%;}
section.polite .inner{width:100%;padding:2rem .2rem;box-sizing: border-box;}
section.polite .inner .polite_info {display:flex;flex-direction: column;align-items: center;width:100%;}
section.polite .inner .polite_info .polite_wrapper{position:relative;width:100%;display:flex;flex-direction:column;justify-content: start;padding:0 .5rem;margin:2rem 0 0 0;gap:3vw 0;}
section.polite .inner .polite_info .polite_wrapper .polite_wrap{text-align:center;line-height:1.5;font-size:var(--font-sxlarge);}
section.polite .inner .polite_info .polite_wrapper .info_wrap{position:relative;width:100%;display:flex;flex-direction: column;gap:.5rem 0;margin:2rem 0 0 0;}
section.polite .inner .polite_info .polite_wrapper .info_wrap .info{width:100%;display:flex;justify-content: center;font-size:var(--font-small);align-items: center;gap:0 .1rem;color:#666}
section.polite .inner .polite_info .polite_wrapper .info_wrap .info .name{font-size:var(--font-snormal);font-weight:var(--font-bold)}
section.polite .inner .polite_info .polite_wrapper .info_wrap .info .relation{font-size:var(--font-ssmall);margin:0 .2rem;}
section.polite .inner .polite_info .polite_wrapper .tel_wrap{display:flex;justify-content: center;padding:2rem 0 0 0;}
section.polite .inner .polite_info .polite_wrapper .tel_wrap .btn_tel{border:2px solid #d58181;padding:.5rem 4rem;box-sizing: border-box;background:#FFFFFF;border-radius:.5rem;box-shadow: #d37b7b  1px 2px 0;}
/* 인사말 */

/* 계좌 정보 */
section.bank {width:100%;}
section.bank .inner{width:100%;padding:2rem .2rem;box-sizing: border-box;}
section.bank .inner .bank_info {display:flex;flex-direction: column;align-items: center;width:100%;}
section.bank .inner .bank_info .account_wrapper{position:relative;width:100%;display:flex;flex-direction:column;justify-content: start;padding:0 .5rem;margin:2rem 0 0 0;gap:3vw 0;}
section.bank .inner .bank_info .account_wrapper .account_wrap{display:flex;flex-direction:column;gap:1rem 0;}
section.bank .inner .bank_info .account_wrapper .account_wrap .box_sel{background:#FFFFFF;padding:.7rem 1vw;border-radius:.3rem;box-sizing: border-box;box-shadow: #d9dfe3 0 2px 3px;}
section.bank .inner .bank_info .account_wrapper .account_wrap .box_sel .txt{position:relative;padding:.5rem 0;}
section.bank .inner .bank_info .account_wrapper .account_wrap .box_sel .txt::after{position:absolute;content:'';right:1rem  ;background-image:url('../../images/down.png');width:1rem;height:1rem;background-size: 100%;}
section.bank .inner .bank_info .account_wrapper .account_wrap .box_sel.on .txt{border-bottom:1px dotted #666;}
section.bank .inner .bank_info .account_wrapper .account_wrap .box_sel.on .txt::after{transform: rotate(180deg);transition: .5s all;}
section.bank .inner .bank_info .account_wrapper .account_wrap .box_sel .bank_list{display:none;width:100%;margin:1rem 0 0 0;flex-direction: column;gap:1rem 0;}
section.bank .inner .bank_info .account_wrapper .account_wrap .box_sel .bank_list .bank_info{width:98%;display:flex;flex-direction: column;padding:2vw 1vw;box-sizing: border-box;}
section.bank .inner .bank_info .account_wrapper .account_wrap .box_sel .bank_list .bank_info .info{width:100%;display:flex;justify-content: space-between;align-items: center;}
section.bank .inner .bank_info .account_wrapper .account_wrap .box_sel .bank_list .bank_info .info.sec{background:#F0F0F0;border-radius:.3rem;padding:.5rem .5rem;box-sizing: border-box;margin:.5rem 0 0 0;box-shadow: #d9dfe3 0 2px 3px;}
section.bank .inner .bank_info .account_wrapper .account_wrap .box_sel .bank_list .bank_info .info .b_wrap{display:flex;flex-direction: column;justify-content: center;gap:.3rem 0;}
/* 계좌 정보 */

/* 안내 정보 */
section.guide {width:100%;}
section.guide .inner{width:100%;padding:2rem .2rem;box-sizing: border-box;}
section.guide .inner .guide_info {display:flex;flex-direction: column;align-items: center;width:100%;}
section.guide .inner .guide_info .guide_wrapper{position:relative;width:100%;display:flex;flex-direction:column;justify-content: center;margin:2rem 0 0 0;gap:2rem 0;padding:0 1rem;box-sizing: border-box;}
section.guide .inner .guide_info .guide_wrapper .guide_wrap{display:flex;flex-direction:column;gap:1rem 0;}
section.guide .inner .guide_info .guide_wrapper .guide_wrap .hd{font-weight:700;font-size:var(--font-slarge);}
section.guide .inner .guide_info .guide_wrapper .guide_wrap .cont{font-weight:var(--font-regular);font-size:var(--font-smedium);line-height:1.5;}
/* 안내 정보 */

/* 연락하기 */
section.contact {position:fixed;width:100%;bottom:-100vh;z-index:5;border-top-left-radius: 1rem;border-top-right-radius: 1rem;box-shadow: #DEDEDE 4px -3px 3px;transition: 1s all;}
section.contact.on {bottom:0;transition: 1s all;}
section.contact .inner{width:100%;padding:2rem .2rem;box-sizing: border-box;}
section.contact .inner .contact_info {display:flex;flex-direction: column;align-items: center;width:100%;}
section.contact .inner .contact_info .btn_close{position:absolute;right:1rem;top:1rem;}
section.contact .inner .contact_info .contact_wrapper{position:relative;width:100%;display:flex;flex-direction:column;justify-content: center;margin:.5rem 0 0 0;gap:2rem 0;padding:0 1rem;box-sizing: border-box;}
section.contact .inner .contact_info .contact_wrapper .contact_wrap {display:flex;flex-direction:column;gap:1rem 0;}
section.contact .inner .contact_info .contact_wrapper .contact_wrap .box_sel{display:flex;flex-direction:column;gap:.7rem 0;border-bottom:1px dotted #DEDEDE;padding:0 0 1.5rem 0;}
section.contact .inner .contact_info .contact_wrapper .contact_wrap .box_sel:nth-child(2){border-bottom:0;padding:0 0 0 0;}
section.contact .inner .contact_info .contact_wrapper .contact_wrap .box_sel .txt{font-weight:var(--font-bold)}
section.contact .inner .contact_info .contact_wrapper .contact_wrap .box_sel .contact_list{display:flex;flex-direction: column;gap:1rem 0;}
section.contact .inner .contact_info .contact_wrapper .contact_wrap .box_sel .contact_list .contact{display:flex;justify-content: space-between;padding:0 .3rem;box-sizing: border-box;align-items:center;}
section.contact .inner .contact_info .contact_wrapper .contact_wrap .box_sel .contact_list .contact .info{display:flex;gap:0 .3rem;align-items: end;}
section.contact .inner .contact_info .contact_wrapper .contact_wrap .box_sel .contact_list .contact .info .flag{font-size:var(--font-small);}
section.contact .inner .contact_info .contact_wrapper .contact_wrap .box_sel .contact_list .contact .info .name{font-size:var(--font-snormal);}
section.contact .inner .contact_info .contact_wrapper .contact_wrap .box_sel .contact_list .contact .cont{display:flex;gap:0 .5rem}
/* 연락하기 */

/* 참석여부 */

section.joinpart {position:relative;width:100%;}
section.joinpart .inner{width:100%;padding:2rem .2rem;box-sizing: border-box;}
section.joinpart .inner .joinp {display:flex;flex-direction: column;align-items: center;width:100%;}
section.joinpart .inner .joinp .joinp_wrapper{width:100%;padding:2rem 0 0 0;}
section.joinpart .inner .joinp .joinp_wrapper .btns_wrap{width:100%;display:flex;justify-content: center;}
section.joinpart .inner .joinp .joinp_wrapper .btns_wrap .btn_ok{width:60%;border:2px solid #d58181;text-align:center;padding:.5rem 0;box-sizing: border-box;background:#FFFFFF;border-radius:.5rem;box-shadow: #d37b7b  1px 2px 0;}


section.join {position:fixed;width:100%;bottom:-100vh;z-index:5;background:#FFFFFF;border-top-left-radius: 1rem;border-top-right-radius: 1rem;box-shadow: #DEDEDE 4px -3px 3px;transition: 1s all;}
section.join.on {bottom:0;transition: 1s all;}
section.join .inner{width:100%;padding:2rem .2rem;box-sizing: border-box;}
section.join .inner .join_info {display:flex;flex-direction: column;align-items: center;width:100%;}
section.join .inner .join_info .btn_close{position:absolute;right:1rem;top:1rem;}
section.join .inner .join_info .join_wrapper{position:relative;width:100%;display:flex;flex-direction:column;justify-content: center;margin:.5rem 0 0 0;gap:2rem 0;padding:0 1rem;box-sizing: border-box;}
/* 연락하기 */

/* 공유하기 */
section.snsshare {position:relative;width:100%;}
section.snsshare .inner{width:100%;padding:2rem .2rem;box-sizing: border-box;}
section.snsshare .inner .share_info {display:flex;flex-direction: column;align-items: center;justify-content:center;width:100%;}
section.snsshare .inner .share_info .btns_wrap{padding:2rem 0 0 0;display:flex;gap:0 3rem;}
section.snsshare .inner .share_info .btns_wrap .btn_kakao{width:3.5rem;height:3.5rem;}
section.snsshare .inner .share_info .btns_wrap .btn_link{width:3.5rem;height:3.5rem;}
section.snsshare .inner .share_info .btns_wrap img{width:100%;height:100%;}
/* 공유하기 */


/* 방명록 */
section.visitor {position:relative;width:100%;}
section.visitor .inner{width:100%;padding:2rem .2rem;box-sizing: border-box;}
section.visitor .inner .visit_info {display:flex;flex-direction: column;align-items: center;justify-content:center;width:100%;}
section.visitor .inner .visit_info .visit_wrapper{display:flex;flex-direction: column;align-items: center;justify-content:center;width:100%;margin:2rem 0 0 0;}
section.visitor .inner .visit_info .visit_wrapper .visit_list{display:flex;flex-direction: column;align-items: center;justify-content:center;width:100%;gap:1rem 0;}
section.visitor .inner .visit_info .visit_wrapper .visit_list .list{background:#FFFFFF;display:flex;flex-direction: column;gap:.5rem 0;border:1px solid #DEDEDE;width:95%;border-radius:10px;padding:1rem;box-sizing: border-box;box-shadow:#EFEFEF 2px 2px 0;}
section.visitor .inner .visit_info .visit_wrapper .visit_list .list .from_wrap{display:flex;justify-content: space-between;align-items:center;border-bottom:1px dotted #dedede;padding-bottom:.5rem;}
section.visitor .inner .visit_info .visit_wrapper .visit_list .list .from_wrap .from{flex:1;display:flex;gap:0 .7rem;font-size:var(--font-smedium);align-items: center;}
section.visitor .inner .visit_info .visit_wrapper .visit_list .list .from_wrap .from span{font-weight:var(--font-bold);}
section.visitor .inner .visit_info .visit_wrapper .visit_list .list .from_wrap .photo{width:2.3rem;height:2.3rem;}
section.visitor .inner .visit_info .visit_wrapper .visit_list .list .from_wrap .photo img{width:100%;height:100%;object-fit: cover;border-radius:50%;}
section.visitor .inner .visit_info .visit_wrapper .visit_list .list .cont{font-size:var(--font-small);line-height:2;}
section.visitor .inner .visit_info .visit_wrapper .visit_list .list .day{font-size:var(--font-small);text-align:right;margin:1rem 0 0 0;}
section.visitor .inner .visit_info .visit_wrapper .visit_list .btn_more{border-bottom:2px solid #CCC;}
section.visitor .inner .visit_info .visit_wrapper .btns_wrap{padding:2rem 0 0 0;display:flex;gap:0 1rem;width:100%;justify-content: center;}
section.visitor .inner .visit_info .visit_wrapper .btns_wrap .btn_visit{background:#F5F5F5;border:1px solid #DEDEDE;border-radius:10px;width:60%;height:3rem;display:flex;justify-content: center;align-items:center;}

section.visitor .inner .visit_write{position:fixed;left:0;z-index:9;top:-100vh;width:100%;height:100%;border:1px solid #DEDEDE;border-top-left-radius:10px;border-top-right-radius:10px;background:#FFFFFF;display:flex;flex-direction: column;align-items:center;gap:1rem 0;padding:2rem 1rem;box-sizing: border-box;transition: 1s all;}
section.visitor .inner .visit_write.on{top:0;transition: 1s all;}
section.visitor .inner .visit_write .btn_close{position:absolute;right:1rem;top:1rem;}
section.visitor .inner .visit_write .title{font-size:var(--font-slarge);}
section.visitor .inner .visit_write .ipt{width:100%;}
section.visitor .inner .visit_write .nickname input{width:100%;border:1px solid #DEDEDE;border-radius:10px;padding:.5rem 0;text-align:center;}
section.visitor .inner .visit_write .nickname input:focus{outline:none;}
section.visitor .inner .visit_write .ipt textarea{width:100%;height:7rem;border:1px solid #DEDEDE;border-radius:10px;}
section.visitor .inner .visit_write .ipt textarea:focus{outline:none;padding:.5rem;box-sizing: border-box;}
section.visitor .inner .visit_write .btns_wrap{padding:1rem 0 7rem 0;display:flex;gap:0 1rem;width:100%;justify-content: center;}
section.visitor .inner .visit_write .btns_wrap .btn_ok{background:#F5F5F5;border:1px solid #DEDEDE;border-radius:10px;width:60%;height:3rem;display:flex;justify-content: center;align-items:center;}

.visit_pop_wrapper {position:fixed;top:120vh;left:0;width:100%;height:100%;background-color: rgba(0,0,0,.7);z-index:10;padding:20px 5px;box-sizing: border-box;transition: .5s all;}
.visit_pop_wrapper.on {top:0}
.visit_pop_wrapper .visit_pop_wrap{width:100%;background-color: rgba(255,255,255,1);height:100%;display:flex;flex-direction: column;border-radius:10px;padding:20px 0 0 0 ;box-sizing: border-box;align-items:center;gap:20px 0;}
.visit_pop_wrapper .visit_pop_wrap .visit_pop_cont{flex:1;width:100%;height:100%;overflow-y:auto;}
.visit_pop_wrapper .visit_pop_wrap .visit_pop_btns{position:relative;width:100%;height:2rem;}
.visit_pop_wrapper .visit_pop_wrap .visit_pop_btns .btn_close{width:100%;height:100%;background:#000;display:flex;justify-content: center;align-items: center;color:#FFFFFF;}

.visit_all_list{display:flex;flex-direction: column;align-items: center;justify-content:center;width:100%;gap:1rem 0;}
.visit_all_list .list{background:#FFFFFF;display:flex;flex-direction: column;gap:.5rem 0;border:1px solid #DEDEDE;width:95%;border-radius:10px;padding:1rem;box-sizing: border-box;box-shadow:#EFEFEF 2px 2px 0;}
.visit_all_list .list .from_wrap{display:flex;justify-content: space-between;align-items:center;border-bottom:1px dotted #dedede;padding-bottom:.5rem;}
.visit_all_list .list .from_wrap .from{flex:1;display:flex;gap:0 .7rem;font-size:var(--font-small);align-items: center;}
.visit_all_list .list .from_wrap .from span{font-weight:var(--font-bold);}
.visit_all_list .list .from_wrap .photo{width:2.3rem;height:2.3rem;}
.visit_all_list .list .from_wrap .photo img{width:100%;height:100%;object-fit: cover;border-radius:50%;}
.visit_all_list .list .cont{font-size:var(--font-small);line-height:2;}
.visit_all_list .list .day{font-size:var(--font-small);text-align:right;margin:1rem 0 0 0;}


/* 방명록 */

/* 갤러리 팝업 */
.pop_gallery {position:fixed;display:none;width:100%;height:100vh;background-color: rgba(0,0,0,.8);z-index:10;left:0;top:0;}
.pop_gallery .pop_gallery_wrapper{position:relative;width:100%;height:100%;}
.pop_gallery .pop_gallery_wrapper .pop_gallery_wrap{position:relative;width:100%;height:100%;}
.pop_gallery .pop_gallery_wrapper .pop_gallery_wrap .info_cnt{position:absolute;top:1rem;left:1rem;background:#FFFFFF;padding:.3rem 1rem;border-radius:10px;z-index:5;}
.pop_gallery .pop_gallery_wrapper .pop_gallery_wrap .btn_close{position:absolute;right:1rem;top:1rem;color:#000;background:#FFFFFF;width:1.5rem;height:1.5rem;display: flex;justify-content: center;align-items: center;border-radius:5px;z-index:3}
.pop_gallery .pop_gallery_wrapper .pop_gallery_wrap .galleryPopSwiper {position:relative;width:100%;height:100%;}
.pop_gallery .pop_gallery_wrapper .pop_gallery_wrap .galleryPopSwiper .swiper-slide{width:100%;height:100%;justify-content: center;align-items: center;}
.pop_gallery .pop_gallery_wrapper .pop_gallery_wrap .swiper-slide img{width:100%;height:100%;object-fit: contain;object-position: center;}
.pop_gallery .pop_gallery_wrapper .pop_gallery_wrap .pop_gallery-button-prev{position:absolute;top:50%;left:.5rem;width:40px;height:40px;background-image: url('../../images/pop_btn_prev.png');transform:translate(0,-50%);z-index:5;background-size: 100%}
.pop_gallery .pop_gallery_wrapper .pop_gallery_wrap .pop_gallery-button-next{position:absolute;top:50%;right:.5rem;width:40px;height:40px;background-image: url('../../images/pop_btn_prev.png');transform:translate(0,-50%) rotate(180deg);z-index:5;background-size: 100%}
/* 갤러리 팝업 */

footer {width:100%;background:#f0f0f0;}
footer .footer_info{width:100%;display:flex;flex-direction: column;justify-content: center;align-items: center;padding:1rem 0;}
footer .footer_info .logo{font-weight:var(--font-bold);font-size:var(--font-smedium)}
footer .footer_info .copyright{font-size:var(--font-small)}

.foot_fixed {position:fixed;right:.5rem;bottom:1rem;display:flex;flex-direction: column;gap:5px 0;}
.foot_fixed .present{position:relative;background-image: url('../../mobile/images/present.png');width:2.7rem;height:2.7rem;background-size:100%;}
.foot_fixed .present a{display:block;width:100%;height:100%;}

.foot_fixed .flower{position:relative;background-image: url('../../mobile/images/flower2.png');width:2.7rem;height:2.7rem;background-size:100%;}
#foot_fixed .flower::before{position:absolute;content:'';left:.7rem;top:.5rem;background-image: url('../../mobile/images/flower_in.png');width:1.5rem;height:1.5rem;background-size:100%;animation:2s f_zoom infinite linear forwards}
.foot_fixed .flower a{display:block;width:100%;height:100%;}

.event_pop_wrapper {position:fixed;left:0;top:110vh;background-color: rgba(0,0,0,.7);width:100%;height:100vh;z-index:10;padding:10px;box-sizing: border-box;transition:.5s all;}
.event_pop_wrapper.on {top:0;}
.event_pop_wrapper .event_pop_wrap{position:relative;width:100%;height:100%;background:#FFFFFF;border-radius:10px;}
.event_pop_wrapper .event_pop_wrap .event_pop{position:relative;width:100%;height:100%;display:flex;flex-direction: column;align-items: center;padding:20px 10px 0 10px;box-sizing: border-box;gap:20px 0;}
.event_pop_wrapper .event_pop_wrap .event_pop .event_cont{position:relative;display:flex;flex-direction: column;align-items: center;}
.event_pop_wrapper .event_pop_wrap .event_pop .event_cont .title{font-size:var(--font-slarge);font-weight:var(--font-bold);}
.event_pop_wrapper .event_pop_wrap .event_pop .event_cont .stitle{font-size:var(--font-small);text-align:center;}

.event_pop_wrapper .event_pop_wrap .event_pop .game_cont{position:relative;width:100%;background-image: url('../../mobile/images/bg_game.jpg');background-position:center;border-radius:10px;overflow:hidden;padding:20px 0;box-sizing: border-box;backdrop-filter:blur(10px);}
.event_pop_wrapper .event_pop_wrap .event_pop .game_cont::before{position:absolute;top:0;content:'';width:100%;height:100%;background-color: rgba(0,0,0,.2);z-index:1;backdrop-filter:blur(20px);}

.event_pop_wrapper .event_pop_wrap .event_pop .game_cont .pic_wrap{position:relative;display:flex;flex-wrap:wrap;z-index:2;perspective: 1000px;gap:5px 10px;justify-content: center;}
.event_pop_wrapper .event_pop_wrap .event_pop .game_cont .pic_wrap .pic{width:5.5rem;height:7.7rem;transition: transform 0.6s;transform-style: preserve-3d;border-radius:10px;}
.event_pop_wrapper .event_pop_wrap .event_pop .game_cont .pic_wrap .pic.on{transform: rotateY(180deg);}
.event_pop_wrapper .event_pop_wrap .event_pop .game_cont .pic_wrap .pic img{width:100%;height:100%;object-fit: contain;}
.event_pop_wrapper .event_pop_wrap .event_pop .game_cont .pic_wrap .pic > div{
  position: absolute;
  width: 100%;
  height: 100%;
  backface-visibility: hidden; /* 뒤집혔을 때 뒷모습이 안 보이게 숨김 */
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 10px;
  padding:7px;
  box-sizing: border-box;
  box-shadow: 0 4px 8px rgba(0,0,0,0.1);
  background-image:url('../../mobile/images/bg_card.png');
  background-size:100%;
}
.event_pop_wrapper .event_pop_wrap .event_pop .game_cont .pic_wrap .pic .back{transform: rotateY(180deg);}

.event_join_write {position:fixed;left:0;top:110vh;width:100%;height:100%;background-color:rgba(0,0,0,.7);display:flex;align-items:center;justify-content:center;padding:0 20px;box-sizing: border-box;transition:.5s all;}
.event_join_write.on {top:0}
.event_join_write .event_join_cont{position:relative;width:100%;display:flex;flex-direction:column;align-items:center;background:#FFFFFF;border-radius:10px;gap:10px 0;padding:40px 10px;box-sizing: border-box; }
.event_join_write .event_join_cont .btn_close{position:absolute;right:10px;top:10px;}
.event_join_write .event_join_cont .title{font-size:var(--font-sbig);font-weight:var(--font-bold);}
.event_join_write .event_join_cont .ipt{width:100%;}
.event_join_write .event_join_cont .ipt input{width:100%;border:1px solid #DEDEDE;border-radius:8px;padding:10px 20px;box-sizing: border-box;font-size:var(--font-small);outline:none;}
.event_join_write .event_join_cont .privacy_wrap{width:100%;border:1px solid #DEDEDE;padding:10px;box-sizing: border-box;font-size:var(--font-sssmall);height:10rem;overflow:auto;border-radius:10px;}
.event_join_write .event_join_cont .privacy_wrap .cont .ttl{font-size:var(--font-small);font-weight:var(--font-black)}
.event_join_write .event_join_cont .privacy_wrap .cont span{font-weight:var(--font-bold);}
.event_join_write .event_join_cont .privacy_wrap .cont div{line-height:1.5;margin-bottom:10px;}
.event_join_write .event_join_cont .privacy_wrap .cont div p{position:relative;display:flex;align-items:start;padding-left:10px;}
.event_join_write .event_join_cont .privacy_wrap .cont div p::before{position:absolute;left:0;top:.4rem;content:'';width:3px;height:3px;border-radius:50%;background:#CDCDCD;}
.event_join_write .event_join_cont .privacy{font-size:var(--font-small)}
.event_join_write .event_join_cont .btns_wrap{display:flex;justify-content:center;width:100%;margin:20px 0 0 0;}
.event_join_write .event_join_cont .btns_wrap .btn_ok{background: #3b3939;color:#FFFFFF;padding:10px 40px;border-radius:5px;}

.w10p {width:10% !important;}
.w20p {width:20% !important;}
.w30p {width:30% !important;}
.w40p {width:40% !important;}
.w50p {width:50% !important;}
.w60p {width:60% !important;}
.w70p {width:70% !important;}
.w80p {width:80% !important;}
.w90p {width:90% !important;}
.w100p {width:100% !important;}

@keyframes f_zoom {
    0% {
        transform:scale(1);
    }
    50% {
        transform:scale(1.2);
    }
    100% {
        transform:scale(1);
    }
}