@charset "utf-8";

@keyframes popAction{
	from{ opacity:0; transform:translateY(16px) scale(.985); }
	to{ opacity:1; transform:none; }
}

@font-face {
    font-family: 'Suit';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_suit@1.0/SUIT-Thin.woff2') format('woff2');
    font-weight: 100;
    font-display: swap;
}

@supports (height:100dvh){
	#fullLayerPopup{ height:100dvh; }
}

#fullLayerPopup{--popGapY:4rem;--popGapX:1.6rem;position:fixed; top:0; left:0; right:0; bottom:0;z-index:100000; display:none;overscroll-behavior:contain;}
#fullLayerPopup.full-pop-on{ display:block;}
#fullLayerPopup .dimed{position:absolute; top:0; left:0; right:0; bottom:0;background:rgba(37,36,36,0.9);touch-action:none;}
#fullLayerPopup .full-layer-content{position:absolute; top:0; left:0; right:0; bottom:0;display:flex; align-items:center; justify-content:center;padding:var(--popGapY) var(--popGapX);touch-action:none;}
#fullLayerPopup .full-layer-box{position:relative;display:flex; flex-direction:column;max-width:100%; max-height:100%;position:relative;max-width:100%;background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 24px 60px rgba(9,45,72,.30);animation:popAction .40s cubic-bezier(.22,1,.36,1);touch-action:auto;}
#fullLayerPopup .main-pop-img{font-family:'Suit', sans-serif;position:relative; display:block;flex:1 1 auto; min-height:0;overflow-y:auto; overscroll-behavior:contain; -webkit-overflow-scrolling:touch; touch-action:pan-y;text-align:center;padding:4rem 4rem 0;background:url('../images/popup20260827/bg-popup.png') center center no-repeat;background-size:cover; }
#fullLayerPopup .main-pop-img{scrollbar-width:thin; scrollbar-color:rgba(54,60,166,.35) transparent; scrollbar-gutter:stable both-edges; overflow-anchor:none;  }
#fullLayerPopup .main-pop-img::-webkit-scrollbar{ width:8px; }
#fullLayerPopup .main-pop-img::-webkit-scrollbar-track{ background:transparent; }
#fullLayerPopup .main-pop-img::-webkit-scrollbar-thumb{ background:rgba(54,60,166,.35); border-radius:4px; }
#fullLayerPopup .main-pop-img::-webkit-scrollbar-thumb:hover{ background:rgba(54,60,196,.55); }

#fullLayerPopup .main-pop-img .mb-area{display:none}

#fullLayerPopup .skip-link ul{display:flex;justify-content:center;margin-top:2rem}
#fullLayerPopup .skip-link ul li{display:flex;flex-direction:column;}
#fullLayerPopup .skip-link ul li .img{display:block;margin-bottom:1rem}
#fullLayerPopup .skip-link ul li a{display:block;margin-top:auto;border-radius: 9.185px;}
#fullLayerPopup .skip-link ul li:nth-child(1) a{margin-right:2rem;}
#fullLayerPopup .skip-link ul li:nth-child(2) a{margin-right:1rem;}
#fullLayerPopup .skip-link ul li:nth-child(3) a{margin-left:1.2rem;}

#fullLayerPopup p {color:#272727;font-size:1.8rem;font-weight: 400;padding:2rem 0;line-height:1em}
#fullLayerPopup p strong{color:#363CA6;font-size:2rem;}

#fullLayerPopup .full-pop-foot{display:flex;align-items:center;padding:1.7rem 3rem;background:#D9DEFF}
#fullLayerPopup .pop-chk{position:relative;display:inline-flex; align-items:center; gap:18px;margin:.3rem 5rem .3rem 0; cursor:pointer;}
#fullLayerPopup .pop-chk input{position:absolute; width:1px; height:1px;opacity:0; margin:0; pointer-events:none;}
#fullLayerPopup .chk{position:relative; flex:0 0 auto;width:31px; height:31px;border-radius:3px;background:#fff;transition:background .18s ease, transform .15s ease;}
#fullLayerPopup .chk::after{content:""; position:absolute;left:0px;top:0px;width:100%; height:100%;background:url('../images/popup20260827/chk-on.svg');opacity:0;transition:transform .18s cubic-bezier(.22,1.4,.36,1), opacity .12s ease;}
#fullLayerPopup .pop-chk input:checked + .chk::after{opacity:1; }
#fullLayerPopup .pop-chk .txt{color:#624797;font-size:2rem;font-family:'Suit', sans-serif; font-weight:600;letter-spacing: -0.8px;}
#fullLayerPopup .pop-close{margin:auto;margin-right:0;border:0;padding:0;cursor:pointer;font-size:15px; font-weight:600;outline:none;}
#fullLayerPopup .pop-close img{vertical-align:middle;}

html.pop-lockHtml{ overflow-y:scroll !important; overflow-x:hidden !important; }
body.pop-lockBody{position:fixed !important;left:0; right:0; width:100% !important;overflow:hidden !important;touch-action:none !important;}


@media screen and (max-width:1280px){
#fullLayerPopup .full-layer-box{max-width:80%}
#fullLayerPopup .img1{width:80%}

}



@media screen and (max-width:980px){

#fullLayerPopup p {font-size:1.6rem;}
#fullLayerPopup .chk{width:24px; height:24px;}
#fullLayerPopup .chk::after{background-size:24px auto;}
#fullLayerPopup .pop-chk .txt{font-size:1.6rem;}
#fullLayerPopup .pop-close img{width:80px;}
}


@media screen and (max-width:768px){
#fullLayerPopup .full-layer-box{max-width:100%}
#fullLayerPopup .main-pop-img{padding:2rem 1.5rem 0;}
#fullLayerPopup .main-pop-img .web-area{display:none}
#fullLayerPopup .main-pop-img .mb-area{display:block}

#fullLayerPopup .img1{width:90%}
#fullLayerPopup .skip-link ul li:nth-child(1) a{margin:0rem .5rem;}
#fullLayerPopup .skip-link ul li:nth-child(2) a{margin:0rem .5rem;}
#fullLayerPopup .skip-link ul li:nth-child(3) a{margin:0rem .5rem;}

#fullLayerPopup p {font-size:1.4rem;}
#fullLayerPopup p strong{font-size:1.5rem;}

#fullLayerPopup .full-pop-foot{display:flex;align-items:center;padding:1rem 1.5rem;background:#D9DEFF}
#fullLayerPopup .pop-chk{gap:10px;margin:.3rem 1.5rem .3rem 0;}
#fullLayerPopup .chk{width:20px; height:20px;}
#fullLayerPopup .chk::after{background-size:20px auto;}
#fullLayerPopup .pop-chk .txt{font-size:1.3rem;}
#fullLayerPopup .pop-close img{width:61px;}
}