@font-face {
    font-family: 'Paperozi';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/2408-3@1.0/Paperlogy-1Thin.woff2') format('woff2');
    font-weight: 100;
    font-display: swap;
}

@font-face {
    font-family: 'Paperozi';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/2408-3@1.0/Paperlogy-2ExtraLight.woff2') format('woff2');
    font-weight: 200;
    font-display: swap;
}

@font-face {
    font-family: 'Paperozi';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/2408-3@1.0/Paperlogy-3Light.woff2') format('woff2');
    font-weight: 300;
    font-display: swap;
}

@font-face {
    font-family: 'Paperozi';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/2408-3@1.0/Paperlogy-4Regular.woff2') format('woff2');
    font-weight: 400;
    font-display: swap;
}

@font-face {
    font-family: 'Paperozi';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/2408-3@1.0/Paperlogy-5Medium.woff2') format('woff2');
    font-weight: 500;
    font-display: swap;
}

@font-face {
    font-family: 'Paperozi';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/2408-3@1.0/Paperlogy-6SemiBold.woff2') format('woff2');
    font-weight: 600;
    font-display: swap;
}

@font-face {
    font-family: 'Paperozi';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/2408-3@1.0/Paperlogy-7Bold.woff2') format('woff2');
    font-weight: 700;
    font-display: swap;
}

@font-face {
    font-family: 'Paperozi';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/2408-3@1.0/Paperlogy-8ExtraBold.woff2') format('woff2');
    font-weight: 800;
    font-display: swap;
}

@font-face {
    font-family: 'Paperozi';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/2408-3@1.0/Paperlogy-9Black.woff2') format('woff2');
    font-weight: 900;
    font-display: swap;
}

/* 공통 */
.content_wrapper {width:100%; max-width:720px; margin:0 auto; margin-top:55px; font-family: 'Noto Sans KR';position: relative; background:#ededed;}
.content_wrapper img {max-width:100%;width: auto;}
.counsel_top, .counsel_wrap {display:none;}
.counsel_bottom + br,
.counsel_bottom + br + br {display:none;}

/* reset css */
input[type=checkbox],
input[type=number] {accent-color:#9d1506; border:none; background:transparent; -webkit-border-radius:0; background:#000; border:1px solid #9d1506;}
input[type=text], input[type=image], input[type=tel] {-webkit-appearance:none; border-radius:0;}
button {border:none; background:transparent; display:block; margin:0; padding:0; -webkit-appearance: none; -webkit-border-radius: 0;}

/* 신청하기버튼 애니메이션 */
.blink {animation: blink 1s infinite;}

@keyframes blink {
    0% {opacity:0;}
    49% {opacity:0;}
    50% {opacity:1;}
}

/* 상단 커스텀 */
.counsel_top2 {width:100%; max-width:720px; height:55px;background-color:#000;display:flex;position:fixed;left:50%; top:0; transform:translate(-50%,0); justify-content:space-between;align-items:center;z-index:999}
.counsel_top2 a {padding:0 5px;}
.counsel_top2 .btn_kakao img {height:30px; width:auto}
.counsel_top2 .btn_phonecall {height:40px; width:auto}
.counsel_top2 .txt {width:60%; text-align:center; font-size:29px; font-family:'GmarketSans'; font-weight:500; color:#fff; position:absolute; left:50%; transform: translate(-50%, 0); letter-spacing:-1px;display: flex;justify-content: center;align-items: center;gap: 11px;}
.counsel_top2 .txt span {display: inline-block;}
.counsel_top2 .txt img{max-width: 100%;width: auto;}
input[type=button] {-webkit-appearance: none; -moz-appearance: none; appearance:none;}

/* 상단 */
.visual {position:relative; line-height: 0;}
.choice_box * {font-family: 'GmarketSans'; font-weight: 500;}


/* 고민 부위 선택 박스 */
.choice_box {width:100%; text-align:center; box-sizing:border-box; position:relative; letter-spacing:-1px; font-family: "GmarketSans"; font-weight:500;}
.choice_box h2 {font-size: 0;margin: 0; padding: 0;}
.choice_box ul { width:100%;  margin: 0; padding: 0; text-align:left; box-sizing:border-box;}


.choice_box ul li {position:relative; z-index:0; width:100%; height: 141px; box-sizing:border-box; display:flex; align-items: center;background-color: #fff; border-radius: 20px; margin-top: 26px; border: 1px solid #fff9d0; box-shadow:0 5px 18px rgba(232, 232, 224, 0.6); -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.choice_box ul li:first-child{margin-top: 0;}
.choice_box ul li.hot::before {content: 'H O T';font-size: 22px;font-weight: bold;font-family: 'GmarketSans'; letter-spacing: -1px;display: block;text-align: center;background: #e3655f;color: #fff;width: 104px;height: 40px;border-radius: 10px;line-height: 44px;box-sizing: border-box;position: absolute;top: -19px;left: -14px;}
.choice_box ul li.best::before {content: '';display: block;background: url("https://image.idhospital.com/www/rn_2025/events/nose_idevent_kakao_25_4th/icon_best_01.png") no-repeat;background-size: contain;width: 93px;height: 88px;position: absolute;top: -36px;right: -6px;}

.choice_box ul li .icon_best { position: absolute; left: -18px; top: -20px; width: 85px; height: 76px; background: url("https://image.idhospital.com/www/rn_2025/events/contour_kakaofriends_2605/icon_best.png") no-repeat;background-size: contain;}
.choice_box ul li .icon_hot { position: absolute; left: -18px; top: -20px; width: 85px; height: 76px; background: url("https://image.idhospital.com/www/rn_2025/events/contour_kakaofriends_2605/icon_hot.png") no-repeat;background-size: contain;}


.choice_box ul li input[type=checkbox] {all: unset;display: flex;justify-content: center;align-items: center;width: 38px;height: 38px;margin: 0 14px 0 22px; background: url(https://image.idhospital.com/www/rn_2025/events/contour_kakaofriends_2605/check.png) no-repeat; background-size: cover; box-sizing: border-box;}
.choice_box ul li input[type=checkbox]:checked{ background: url(https://image.idhospital.com/www/rn_2025/events/contour_kakaofriends_2605/checked.png) no-repeat; background-size: cover; }
/*.choice_box ul li input[type=checkbox]:checked::after {content:''; width: 11px; height: 16px; margin-top:-6px; border-right:5px solid #fff; border-bottom:5px solid #fff; transform:rotate(45deg);}*/

.choice_box ul li label {display:inline-block;box-sizing: border-box; width:85%;}
.choice_box ul li label dl dt { font-family: 'Paperozi'; font-weight: 500; font-size: 20px; color:#51bc72; margin-bottom:8px;line-height: 1;letter-spacing: -2px;}
.choice_box ul li label dl dt.fs_19 {font-size: 19px;}
.choice_box ul li label dl dt.fs_21 {font-size: 21px;}
.choice_box ul li label dl dt.fs_23 {font-size: 23px;}
.choice_box ul li label dl dt.fs_25 {font-size: 25px;}
.choice_box ul li label dl dd { margin: 0; padding: 0; font-family: 'Paperozi'; font-weight: 700; font-size: 38px; color: #313131; line-height: 1.1;letter-spacing: -2px;}
.choice_box ul li label dl dd.fs_40 {font-size: 40px;}
.choice_box ul li label dl dd.small_tit{font-size: 43px;}
.choice_box ul li label .price {position: absolute; top:55%; right:35px; transform:translate(0,-50%);letter-spacing: -2px;}
.choice_box ul li label .price .bf_price {font-family: "GmarketSans"; font-size:30px; color:#7e7e7e; position: relative;text-align: right;text-decoration: line-through;display: inline-block;vertical-align: bottom;margin:0 10px 5px 0;}
.choice_box ul li label .price .af_price {display:inline-block;line-height: 0.85;letter-spacing: -5px;}
.choice_box ul li label .price .af_price strong { padding-right: 6px; font-family: "GmarketSans"; font-size: 75px; color:transparent; font-weight:bold; background: linear-gradient(to bottom, #f83600, #facc22); -webkit-background-clip: text; background-clip: text;}
/*.choice_box ul li label .price .af_price span {font-family: "GmarketSans"; font-size:23px; color:#555; letter-spacing: -0.5px;margin-left:7px; display:inline-block; width:25px; font-weight:500; line-height:1;vertical-align: text-bottom;}*/
.choice_box ul li label .price .af_price .insurance {letter-spacing: -1px; color:#e3655f; font-size: 23px;position: absolute;top:-35px;left: 0;width: 100%;margin: 0;}
.choice_box ul li label .price .af_price i{font-style: normal;font-size: 43px;color:#ed2b2c;font-weight: 500;}
.choice_box ul li label .price .af_price span {font-family: "GmarketSans";font-size: 25px;color: #505050; display: inline-block;/* width: 25px; */font-weight: 500;line-height: 1;vertical-align: text-bottom;letter-spacing: -1px;}
.center_img {height: 920px; background: url(https://image.idhospital.com/www/rn_2025/events/lifting_idevent_kakao_25_4th/id_center.jpg) no-repeat center; background-size: cover}

.choice_box .vat {text-align: right;margin-top: 10px;font-size: 16px;color: #d3356f;letter-spacing: 0;}

.choice_box ul li label dl dd.fs_50{font-size: 42px;letter-spacing: -3px;}
.choice_box ul li label dl dd.fs_40{font-size: 36px;letter-spacing: -3px;}

.choice_box_wrap_list01 {width:720px; }
.choice_box_wrap_list01 ul { height: 1024px; margin: 0; padding: 0 38px 0 56px; background: url(https://image.idhospital.com/www/rn_2025/events/contour_kakaofriends_2605/listbox_bg1.jpg) no-repeat; background-size: cover; }
.choice_box_wrap_list02 {width:720px;}
.choice_box_wrap_list02 ul { height: 880px; margin: 0; padding: 0 38px 0 56px; background: url(https://image.idhospital.com/www/rn_2025/events/contour_kakaofriends_2605/listbox_bg2.jpg) no-repeat;background-size: cover; }
.choice_box .choice_box_list02_wrapper h2 {margin-bottom: 0;}

/* 카운팅 박스 */
.count_box {width:100%; height:632px; background:url("https://image.idhospital.com/m/promotion/lifting_idevent_kakao_24_1st/count_box_240131.jpg"); background-size:cover; text-align:center; box-sizing:border-box; position:relative; font-family: "GmarketSans"; font-weight:bold; padding-top:277px;}
.count_box .count {width:56%; margin:0 auto; padding-right:12px;}
.count_box .count .tick-flip-panel {background:#fff2ce; color:#d41212;}
ul.ticklayout {display:flex;align-items:center;justify-content:center;width:100%;}
ul.ticklayout > .num {width:100%;}
#tick-style [data-view="flip"] {letter-spacing: .25em}
.tick .tick-credits {text-indent:-9999px;}
/* .tick-flip-panel-back:after {background:none !important;} */

/* scratch */
.scratch{background: url("https://image.idhospital.com/m/promotion/lifting_idevent_kakao_24_2nd/scratch_bg_240531.jpg") no-repeat center;background-size: cover;height: 766px;box-sizing: border-box;padding-top: 380px;position: relative;}
.scratch_img {width: 521px;height:230px;margin-left: 100px;position: relative;}
.scratch_img::before{content: '';display: block;background:url("https://image.idhospital.com/m/promotion/lifting_idevent_kakao_24_2nd/scratch_click.png") no-repeat center;background-size: 100%;width: 128px;height: 128px;box-sizing: border-box;position: absolute;top:-68px;left: -60px;z-index:1}
.scratch::after{content: '';display: block;background:url("https://image.idhospital.com/m/promotion/lifting_idevent_kakao_24_2nd/scratch_finger.png") no-repeat center;background-size: 100%;width: 200px;height: 307px;box-sizing: border-box;position: absolute;bottom:0;right: 0;}
.scratch_img iframe {width:100%;height:100%;border:0}

/* live_db */
.live_db { height: 523px; background: url(https://image.idhospital.com/www/rn_2025/events/contour_kakaofriends_2605/live_bg.jpg) no-repeat top; background-size: cover; padding:269px 42px 0; background-size:cover;  -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.live_db_tit{font-size:56px; color:#fff; font-family: 'GmarketSans'; font-weight:bold;letter-spacing:-2px; text-align:center;padding: 18px 0 18px;line-height: 1;}
/*.live_db:after{content: '';display: block;width: 100%;height: 1px;margin: 7% auto 0;}*/
.live_db > div{overflow: hidden;height:234px; background-color: #fff;padding:20px; box-sizing:border-box; border: 2px solid #0cc740; border-radius:8px; }
.live_db .tit{font-size:17px; font-family: 'GmarketSans';border-bottom: 1px solid #6a6a6a;font-weight: 500;padding-bottom: 1%;background-color: #fff;}
.live_db .live_title{text-align: center;padding: 15px 0 35px;}
.live_db_list_box {height:247px;overflow: hidden;}
.live_db_list {padding:1% 0; position:relative; width:100%; height:auto;}
.live_db_list li {width: 100%; font-size:15px;}

/* 신청서 작성 박스 */
.con_box {width:100%; height: 356px; background: url(https://image.idhospital.com/www/rn_2025/events/contour_kakaofriends_2605/live_bg.jpg) no-repeat bottom; text-align:center;letter-spacing:-1px; box-sizing:border-box; display: block;}
.con_box .input_box {width:636px; box-sizing:border-box; margin:0 auto; overflow:hidden; padding:0;}
.con_box .input_box > ul {width:100%; margin:0 auto; padding: 0; }
.con_box .input_box > ul li { display: flex; align-items: center; list-style: none; width:100%; margin-bottom:18px;}
.con_box .input_box > ul li label {width:105px; display:inline-block; font-size:28px; line-height: 0; color:#fff; margin-right:13px; text-align:right;font-family: "GmarketSans"; font-weight:bold;}
.con_box .input_box > ul li input {width:518px; display:inline-block; font-size:28px; height:52px; line-height:52px; background:#fff; padding:0 15px; border:2px solid #0cc740; outline:none; border-radius:8px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.con_box .input_box .privacy_wrap {width:518px; box-sizing:border-box; height:100px; float: right; display: inline-block;text-align:left; background:#fff; overflow-y:scroll; padding:10px; margin:0 0 10px; font-size:14px; font-weight:400; line-height:1.5; color:#000; border:2px solid #0cc740; border-radius:8px;}
.con_box .input_box .privacy_wrap h3 {color:#000;}
.con_box .input_box ol {width:518px; float: right;display: inline-block;text-align: left;}
.con_box .input_box ol li { display: flex; font-size:15px; margin-bottom: 10px; color:#fff; line-height:1.6; overflow:hidden; font-weight:500;}
.con_box .input_box ol li:first-child {margin-right:30px;}
/*.con_box .input_box ol li input[type=checkbox] {width:20px; height:20px; margin:0 6px 0 0; display:inline-block; vertical-align:middle; accent-color:#b0b6b5; vertical-align:top;}*/
.con_box .input_box ol li input[type=checkbox] {all: unset;display: flex;justify-content: center;align-items: center;width: 29px;height: 29px;margin: 0 6px 0 0; background: url(https://image.idhospital.com/www/rn_2025/events/contour_kakaofriends_2605/check1.png) no-repeat; background-size: cover; box-sizing: border-box;}
.con_box .input_box ol li input[type=checkbox]:checked{ background: url(https://image.idhospital.com/www/rn_2025/events/contour_kakaofriends_2605/checked1.png) no-repeat; background-size: cover; }

.con_box .input_box ol li label {display:inline-block; vertical-align:baseline; font-family: "GmarketSans";  font-size: 20px; line-height: 28px; color: #5a5a5a;}
.check_wrap li span { font-size: 13px; line-height: 28px; color:#5a5a5a; cursor:pointer;}
/*신청서 박스 스타일 수정*/
.con_box .input_box .privacy_wrap.pa,
.con_box .input_box .privacy_wrap.pb {
    display: none;
}
.con_box .input_box .privacy_wrap.pa.on,
.con_box .input_box .privacy_wrap.pb.on {
    display: block;
}

.con_box button,
.con_box input {width:100%; display:block;}

.btn_bot {width: 100%;display: block; background: url(https://image.idhospital.com/www/rn_2025/events/contour_kakaofriends_2605/btn_to_go1.jpg) no-repeat; line-height: 0; cursor:pointer;}
.btn_bot input{width:100%; display:block;}

/* footer */
.counsel_bottom {width:100%; max-width:720px; margin:0 auto; background:#333;text-align: center;position: relative;padding:28px;letter-spacing:-1px; box-sizing:border-box; border:none;}
.footer_address li {font-size:24px;color:#ccc;display: inline-block;vertical-align: top;line-height: 1.3;padding: 0 10px;}
.footer_address li span {color:#999;}
.footer_address li strong.mont {color:#ccc;font-weight: 400;}
.footer_address li strong.mont a {color:#ccc;font-weight: 400;}

body > div.content_wrapper > div.con_box > div > ol > li > span{font-family: "GmarketSans";}


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

    /* 공통 */
    .content_wrapper {margin-top:7.64vw;}

    /* 상단 */
    .visual .img_box {width:32.22vw; top:10.42vw;}
    .visual video {width:80.14vw; top:82.08vw;}

    /* 상단 커스텀 */
    .counsel_top2 {height:7.64vw;}
    .counsel_top2 a {padding:0 0.7vw;}
    .counsel_top2 .btn_kakao img {height:4.17vw;}
    .counsel_top2 .btn_phonecall {height:5.56vw;}
    .counsel_top2 .txt {
        font-size:4.03vw; letter-spacing:-0.14vw; margin-top: 0.5vw;gap:1.53vw;
        img{width:5vw}
    }


    .counsel_top2 .txt span {width: 4.86vw;}

    /* 고민 부위 선택 박스 */
    .choice_box {letter-spacing:-0.139vw;}
    .choice_box ul {}

    /*.choice_box .choice_box_list03_wrapper {padding-top: 17.36vw;}*/
    /*.choice_box .choice_box_list01_wrapper h2 {margin-bottom: 4.58vw; width: 74.17vw;}*/
    /*.choice_box .choice_box_list02_wrapper h2 {margin-bottom: 4.58vw; width: 86.53vw;}*/
    /*.choice_box .choice_box_list03_wrapper h2 {margin-bottom: 4.03vw; width: 65vw;}*/

    .choice_box ul li { height: 19.583vw; border-radius: 2.777vw; margin-top: 3.611vw; }


    .choice_box ul li input[type=checkbox] { width: 5.277vw; height: 5.277vw; margin: 0 1.944vw 0 3.055vw; }

    /*.choice_box ul li input[type=checkbox]:checked::after {width: 1.5vw; height: 2.1vw; margin-top:-0.83vw; border-right:0.6vw solid #fff; border-bottom:0.6vw solid #fff;}*/

    .choice_box ul li label dl dt {font-size: 2.7vw;margin-bottom: 0.8vw;letter-spacing: -0.28vw;}

    .choice_box ul li label dl dt.fs_19 {font-size: 2.638vw;}
    .choice_box ul li label dl dt.fs_21 {font-size: 2.92vw;}
    .choice_box ul li label dl dt.fs_23 {font-size: 3.19vw;}
    .choice_box ul li label dl dt.fs_25 {font-size: 3.47vw;}

    .choice_box ul li label dl dt.small_txt{font-size: 3.06vw;}
    .choice_box ul li label dl dd {font-size: 4.58vw; letter-spacing: -0.28vw;}
    .choice_box ul li label dl dd.fs_50 {font-size: 5.83vw; letter-spacing: -0.28vw;}
    .choice_box ul li label dl dd.fs_40 {font-size: 5vw;}
    .choice_box ul li label .price {right: 2.083vw;letter-spacing: -0.278vw;}
    .choice_box ul li label .price .bf_price {font-size: 4.167vw;margin:0 1.389vw 0.694vw 0;}
    .choice_box ul li label .price .af_price {letter-spacing: -0.694vw;}
    .choice_box ul li label .price .af_price img{width: 17.5vw;}
    .choice_box ul li label .price .af_price strong { padding-right: 0.833vw; font-size: 10.416vw; }

    .choice_box ul li label .price .af_price span { font-size: 3.472vw; letter-spacing: -0.138; }

    .choice_box ul li label .price .af_price i{font-size: 5.972vw;}
    .choice_box ul li.hot::before {font-size: 3.06vw;width: 14.44vw;height: 5.56vw;border-radius: 1.39vw;line-height: 6.11vw;top: -1.64vw;left: -1.94vw;/*letter-spacing: 0.05vw;*/}
    .choice_box ul li.best::before {width: 12.92vw;height: 12.22vw;top: -5vw;right: -0.83vw;}

    .choice_box ul li .icon_best { left: -2.5vw; top: -2.777vw; width: 11.805vw; height: 10.555vw; }
    .choice_box ul li .icon_hot { left: -2.5vw; top: -2.777vw; width: 11.805vw; height: 10.555vw; }


    .choice_box_wrap_list01 {width:100vw;}
    .choice_box_wrap_list01 ul { height: 142.222vw; margin: 0; padding: 0 5.277vw 0 7.777vw; }
    .choice_box_wrap_list02 {width:100vw;}
    .choice_box_wrap_list02 ul { height: 122.222vw; margin: 0; padding: 0 5.277vw 0 7.777vw; }



    .center_img {height: 127.78vw;}

    /* 카운팅 박스 */
    .count_box {height:87.78vw; padding-top:38.47vw;}
    .count_box .count {width:56%; padding-right:1.67vw;}

    

    /* scratch */
    .scratch {height: 106.389vw;padding-top: 52.778vw;overflow: hidden;}
    .scratch_img {width: 72.361vw;height:33vw;margin-left: 13.889vw;}
    .scratch_img::before {width: 17.778vw;height: 17.778vw;top: -9.444vw;left: -8.333vw;}
    .scratch::after {width: 31.222vw;height: 57.222vw;bottom: -10vw;right: -2vw;}

    /* live_db */
    .live_db_tit {font-size: 7.78vw;letter-spacing: -0.3vw;padding: 2.5vw 0 1.39vw;}
    .live_db_tit img {width: 86.53vw;}
    .live_db { height: 72.638vw; padding:37.361vw 5.833vw 0; }
    .live_db > div { height:32.5vw; padding:2.78vw;}
    .live_db .tit {font-size: 2.36vw;}
    .live_db_list_box {height:34.31vw;}
    .live_db_list li {font-size:2.22vw;}

    /* 신청서 작성 박스 */
    .con_box { height: 49.444vw; letter-spacing:-0.138vw; }
    .con_box .input_box { width:88.333vw; }
    .con_box .input_box > ul li { margin-bottom:2.5vw; }
    .con_box .input_box > ul li label { width:14.583vw; margin-right:1.805vw; }
    .con_box .input_box > ul li input { width:71.944vw; font-size:3.888vw; height:7.222vw; line-height:7.222vw; padding:0 2.083vw; }
    .con_box .input_box .privacy_wrap { width:71.944vw; height:13.888vw; padding:1.388vw; margin:0 0 1.388vw; font-size:1.944vw; }
    .con_box .input_box ol { width:71.944vw; }
    .con_box .input_box ol li { font-size:2.08vw; margin-bottom: 1.388vw; }
    .con_box .input_box ol li:first-child {margin-right:4.166vw;}
    .con_box .input_box ol li input[type=checkbox] { width: 4.027vw;height: 4.027vw; margin: 0 0.833vw 0 0; }

    .con_box .input_box ol li label { font-size: 2.777vw; line-height: 3.888vw; }
    .check_wrap li span { font-size: 1.805vw; line-height: 3.888vw; }

    .btn_bot { background-size: cover; }
    
    /* counsel_bottom footer */
    .counsel_bottom {padding:3.89vw; letter-spacing:-0.14vw;}
    .footer_address li{font-size:3.33vw; padding: 0 1.4vw;}

}

/****** top.css start ******/
/****** bottom.css start ******/
.popup_wrap {
  position: fixed;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 100;
  background-color: var(--C-000000-50);
  opacity: 0;
  transform: translateY(20px);
  transition: opacity 0.4s cubic-bezier(0.4, 0, 0.2, 1), transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);
  pointer-events: none;
}

.popup_wrap.on {
  opacity: 1;
  transform: translateY(0);
  pointer-events: auto;
}

.popup_wrap .inner {
  display: flex;
  width: 100%;
  height: 100%;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}

.popup_wrap .inner .iframe_box {
  width: 80%;
  max-width: 1290px;
  position: relative;
  aspect-ratio: 16 / 9;
}

@media (max-width: 440px) {
  .popup_wrap.popup_shorts .inner .iframe_box {
    aspect-ratio: 9 / 16;
  }
}

.popup_wrap .inner .iframe_box iframe {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  border: 0;
}

.popup_wrap .inner .btn_close {
  display: block;
  width: 112px;
  height: 46px;
  margin-top: 15px;
  font-size: var(--f-21);
  background-color: #e46ea4;
  color: #fff;
  font-weight: 800;
  border-radius: 50px;
  border: 1px solid var(--C-e46ea4);
  cursor: pointer;
}

@keyframes spin {
  0% {
    transform: rotate(0deg);
  }

  100% {
    transform: rotate(360deg);
  }
}