#modal{z-index:1001;justify-content:center;align-items:center;display:none;position:fixed;top:0;left:0}#modal.active{width:100%;height:100%;display:flex}@keyframes fade_in{0%{opacity:0}to{opacity:1}}@keyframes fade_out{0%{opacity:1}to{opacity:0}}@keyframes slide_in_bg{0%{transform:translate(-100vw)}to{transform:translate(0)}}@keyframes slide_in_bg_ie{0%{transform:translate(-100rem)}to{transform:translate(0)}}@keyframes slide_out_bg{0%{transform:translate(0)}to{transform:translate(-100vw)}}@keyframes slide_out_bg_ie{0%{transform:translate(0)}to{transform:translate(-100rem)}}@keyframes slide_in_contents{0%{transform:translateY(40px)}to{transform:translateY(0)}}@keyframes zoom_out_contents{0%{transform:scale(1)}to{transform:scale(1.2)}}@keyframes zoom_in_btn{0%{transform:scale(1.2)}to{transform:scale(1)}}#modal_bg.active.in{animation:.3s cubic-bezier(.15,.29,.62,.99) both fade_in}#modal_bg.active.out{animation:.3s cubic-bezier(.15,.29,.62,.99) both fade_out}#modal_close.active.in{animation-name:fade_in,zoom_in_btn;animation-duration:.3s;animation-timing-function:cubic-bezier(.15,.29,.62,.99);animation-iteration-count:1;animation-direction:normal;animation-play-state:running;animation-delay:0s;animation-fill-mode:both;animation-timeline:auto}#modal_close.active.in:hover{opacity:.7}#modal_close.active.out{animation-name:fade_out,zoom_out_contents;animation-duration:.3s;animation-timing-function:cubic-bezier(.15,.29,.62,.99);animation-iteration-count:1;animation-direction:normal;animation-play-state:running;animation-delay:0s;animation-fill-mode:both;animation-timeline:auto}.modal_contents.active.in{animation-name:fade_in,slide_in_contents;animation-duration:.3s;animation-timing-function:cubic-bezier(.15,.29,.62,.99);animation-iteration-count:1;animation-direction:normal;animation-play-state:running;animation-delay:0s;animation-fill-mode:both;animation-timeline:auto}.modal_contents.active.out{animation-name:fade_out,zoom_out_contents;animation-duration:.3s;animation-timing-function:cubic-bezier(.15,.29,.62,.99);animation-iteration-count:1;animation-direction:normal;animation-play-state:running;animation-delay:0s;animation-fill-mode:both;animation-timeline:auto}body.iframe{scrollbar-width:none;-ms-overflow-style:none;height:auto}body.iframe::-webkit-scrollbar{display:none}.modal_contents{opacity:0;color:#666;z-index:2;background-color:#fff;margin:0;padding:0;display:none}.modal_contents iframe{width:100%;height:100%;overflow-y:scroll}.modal_contents.active{display:block}.modal_dom{box-sizing:border-box;border:10px solid #ffee6f;border-radius:20px;flex-direction:column;width:94%;max-width:920px;height:auto;max-height:90%;position:relative;overflow:hidden}.modal_dom.active{display:flex}.modal_dom>div{flex-direction:column;flex:1;width:100%;min-height:0;display:flex}.modal_dom:before{content:"";z-index:-1;clip-path:polygon(0 0,100% 0,0 100%);background-color:#ffee6f;width:clamp(0px,35vw,350px);height:clamp(0px,16vw,160px);position:absolute;top:-1px;left:-1px}.modal_dom:after{content:"";z-index:-1;clip-path:polygon(100% 0,100% 100%,0 0);background-color:#ffee6f;width:clamp(0px,35vw,350px);height:clamp(0px,16vw,160px);position:absolute;top:-1px;right:-1px}.modal_dom .scroller{scrollbar-width:none;-ms-overflow-style:none}.modal_dom .scroller::-webkit-scrollbar{display:none}.modal_dom .scroller{border-radius:20px;flex:1;min-height:0;overflow-y:auto}#modal_close{z-index:10;cursor:pointer;opacity:0;width:80px;height:80px;transition:opacity .3s cubic-bezier(.15,.29,.62,.99),transform .3s cubic-bezier(.15,.29,.62,.99);position:fixed;top:10px;right:10px;transform:scale(1.2);display:none!important}#modal_close:hover{opacity:.7}#modal_close:before{content:"";background:#fff;border-radius:2px;width:40px;height:2px;position:absolute;top:calc(50% - 1px);left:calc(50% - 20px);transform:rotate(45deg)}#modal_close:after{content:"";background:#fff;border-radius:2px;width:40px;height:2px;position:absolute;top:calc(50% - 1px);left:calc(50% - 20px);transform:rotate(-45deg)}#modal_bg{z-index:1;background-color:#000c;width:100%;height:120%;position:fixed;top:0;left:0}#modal_bg:before{content:"";background:0 0;border:4px solid #222;border-bottom-color:#616161;border-radius:50%;width:50px;height:50px;margin:-25px 0 0 -25px;padding:0;animation:.8s linear infinite rotate;position:absolute;top:40%;left:50%}#modal_bg.-offLoading:before{display:none}#modal_loading{width:50px;margin:-25px 0 0 -25px;display:none;position:absolute;top:42%;left:50%}#modal_loading img{width:100%;height:auto;display:block}.modal_iframe{-webkit-overflow-scrolling:auto;overflow-y:hidden}.modal_iframe.-ios{overflow-y:y;-webkit-overflow-scrolling:touch}.modal_yt{aspect-ratio:16/9;background-color:#000;width:100%;max-width:960px}.modal_yt iframe{width:100%;height:100%;position:absolute;top:0;left:0;overflow:hidden}.modal_yt.hdn iframe{display:none}.modal_img img{width:100%;height:auto}.modal_ar{cursor:pointer;z-index:3;background:url(images/blank.gif) 0 0;width:35%;height:100%;display:none;position:absolute}.modal_ar .ar{opacity:0;backface-visibility:hidden;width:46px;height:46px;margin-top:-23px;transition:all .3s;position:absolute}.modal_ar.show{display:block}.modal_ar_prev{top:0;left:0}.modal_ar_prev .ar{background:url(images/modal_ar_prev.png) 0 0/46px no-repeat;top:50%;left:20px}.modal_ar_prev:hover .ar{opacity:1}.modal_ar_next{top:0;right:0}.modal_ar_next .ar{background:url(images/modal_ar_next.png) 0 0/46px no-repeat;top:50%;right:20px}.modal_ar_next:hover .ar{opacity:1}.modal_grp_num{color:#fff;font-size:var(--fsize16);position:absolute;bottom:-30px;right:0}@media screen and (width<=980px){#modal_bg:before{border-width:2px;width:26px;height:26px;margin:-13px 0 0 -13px}#modal_close:hover{opacity:1}.modal_dom .scroller{height:100%;overflow-y:auto}.modal_dom .inner{text-align:left;padding:40px 0}.modal_ar{display:none}.modal_ar .ar{opacity:.7;width:23px;height:23px;margin-top:-11px;position:absolute}.modal_ar_prev .ar{background:url(images/modal_ar_prev.png) 0 0/23px no-repeat;top:50%;left:10px}.modal_ar_prev:hover .ar{opacity:.7}.modal_ar_next .ar{background:url(images/modal_ar_next.png) 0 0/23px no-repeat;top:50%;right:10px}.modal_ar_next:hover .ar{opacity:.7}.modal_dom{border:8px solid #ffee6f}}@media screen and (width<=767px){#modal_close{z-index:10;cursor:pointer;background-size:40px;width:40px;height:40px;top:10px;right:10px}#modal_close:before,#modal_close:after{width:20px;left:calc(50% - 10px)}.modal_dom{border:5px solid #ffee6f;border-radius:14px}.modal_dom .scroller{border-radius:14px}}.hdn{border:0!important;width:0!important;height:0!important;margin:0!important;padding:0!important;display:block!important;overflow:hidden!important}.hdn *{display:none}