@import url('https://cdn.jsdelivr.net/gh/orioncactus/pretendard/dist/web/static/pretendard.css');

/* 공통 */
.content_wrapper {width:100%; max-width:720px; margin:0 auto; margin-top:55px; font-family: 'Noto Sans KR';position: relative; background:#b8eeff;}
.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 { display:flex; align-items: center; justify-content: space-between; width:100%; max-width:720px; height:55px;background-color:#000; position:fixed; left:50%; top:0; transform:translate(-50%,0); z-index:999}
.counsel_top2 a {padding:0 5px;}
.counsel_top2 .btn_kakao { line-height:0; }
.counsel_top2 .btn_kakao img {height:30px; width:auto}
.counsel_top2 .btn_phonecall { line-height: 0; height:40px; width:auto}
.counsel_top2 .txt { width: 60%; text-align:center; font-size:28.5px; line-height: 1; font-family:'Pretendard'; font-weight:500; color:#fff; position:absolute; left:50%; transform: translate(-50%, 0); letter-spacing:-1px;}
.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_list01_wrapper { }
.choice_box_list02_wrapper {}
.choice_box_list03_wrapper {}

.choice_box h2 {font-size: 0;}
.choice_box ul { display: flex; flex-direction: column; gap: 0; width:100%; margin: 0; padding: 0; text-align:left; box-sizing:border-box;}
.choice_box ul li { list-style: none; position: relative; line-height: 0; -webkit-tap-highlight-color: transparent; }
.choice_box ul li.big {height: 205px;}
.choice_box ul li:first-child{margin-top: 0;}
.choice_box ul li.hot::before {content: '';display: block;background: url("https://image.idhospital.com/www/rn_2025/events/nose_kakaofriends_12/icon_hot_10.png") no-repeat;background-size: contain;width: 102px;height: 67px;position: absolute;top: -28px;left: 23px;}
.choice_box ul li.best::before {content: '';display: block;background: url("https://image.idhospital.com/www/rn_2025/events/nose_kakaofriends_12/icon_best_10.png") no-repeat;background-size: contain;width: 117px;height: 71px;position: absolute;top: -34px;left: 19px;}

.choice_box ul li .icon_best { position: absolute; left: -22px; top: -33px; width: 87px; height: 87px; background: url("https://image.idhospital.com/www/rn_2025/events/nose_kakaofriends_2605/best.png") no-repeat;background-size: contain; }
.choice_box ul li .icon_hot { position: absolute; left: -22px; top: -33px; width: 87px; height: 87px; background: url("https://image.idhospital.com/www/rn_2025/events/nose_kakaofriends_2605/hot.png") no-repeat;background-size: contain; }


.choice_box ul li.long.hot{}

.choice_box ul li .checkbox { position:absolute; left: 78px; top:50%; transform: translateY(-50%); }
.choice_box ul li input[type=checkbox] { all: unset;display: flex;justify-content: center;align-items: center; width: 32px;height: 32px; background: url("https://image.idhospital.com/www/rn_2025/events/nose_kakaofriends_2606/check.png") no-repeat; background-size:cover; }
.choice_box ul li input[type=checkbox]:checked{ background: url("https://image.idhospital.com/www/rn_2025/events/nose_kakaofriends_2606/checked.png") no-repeat; background-size:cover;}


.choice_box ul li label { cursor: pointer; display:inline-block;box-sizing: border-box;}
.choice_box ul li label dl dt { font-family: "Paperozi"; font-weight: 500; font-size: 20px; color:#f65567; margin-bottom:8px;line-height: 1;letter-spacing: -1px;}
.choice_box ul li label dl dt.fs_22 {font-size: 22px;}
.choice_box ul li label dl dt.fs_24 {font-size: 24px;}
.choice_box ul li label dl dt.fs_18 {font-size: 18px;}
.choice_box ul li label dl dd { margin: 0; padding: 0; font-family: "Paperozi"; font-weight: 700; font-size: 40px; color:#2c292b; line-height: 1.1;letter-spacing: -3px;}
.choice_box ul li label dl dd.small_tit{font-size: 43px;}
.choice_box ul li label .price {position: absolute; top:55%; right:48px; 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; font-weight:bold; font-size: 31px; color:#ff3c52; line-height: 0.85;letter-spacing: -5px;}
.choice_box ul li label .price .af_price strong {font-size: 75px; color:#ff3c52; font-weight:bold;}
.choice_box ul li label .price .af_price span {font-family: "GmarketSans"; font-size:24px; color:#959595; margin-left:8px; display:inline-block; width:46px; font-weight:500; line-height:1; letter-spacing: -1px; vertical-align: text-bottom;}
.choice_box ul li label .price .af_price i{font-style: normal;font-size: 43px;color:#e74390;font-weight: 500;}


.choice_box .vat {text-align: right;margin-top: 20px;font-size: 23px;letter-spacing: 0;color:#555}

/* 카운팅 박스 */
.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: 577px; padding:322px 42px 0; background: url("https://image.idhospital.com/www/rn_2025/events/nose_kakaofriends_2606/live_db_bg.png") no-repeat; background-size:cover; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

.live_db_tit{ margin: 0; padding: 0; line-height: 0; }
/*.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:14px 20px; border: 2px solid #79dfff; box-sizing:border-box; }

.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_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-family: "Pretendard", sans-serif; font-weight: 500; font-size:20px;}

/* 신청서 작성 박스 */
.con_box { width:100%; background:#e4fdff; padding-bottom: 50px; 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 { display: flex; flex-direction: column; gap: 18px; width:100%; margin:0; padding: 0; }
.con_box .input_box > ul li { display: flex; gap: 16px; list-style: none; width:100%; }
.con_box .input_box > ul li label { flex-shrink: 0; width:103px; line-height:0; }
.con_box .input_box > ul li input { flex-grow: 1; display:inline-block; font-size:28px; height:52px; line-height:52px; background:#fff; box-sizing:border-box; padding:0 15px; border:2px solid #79dfff; outline:none;}
.con_box .input_box .privacy_wrap {width:100%; margin: 25px 0 0 119px; box-sizing:border-box; height:100px; text-align:left; background:#fff; overflow-y:scroll; padding:10px; font-size:14px; font-weight:400; line-height:1.5; color:#000;}
.con_box .input_box .privacy_wrap h3 {color:#000;}
.con_box .input_box ol { display: flex; flex-direction: column; gap: 8px; text-align: left; margin: 0; padding:25px 0 0 119px; }
.con_box .input_box ol li { display: flex; align-items: center; gap: 8px; font-size:15px; 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 .item_row { display: flex; align-items: baseline; gap:8px; }

.con_box .input_box ol li input[type=checkbox] { all: unset;display: flex;justify-content: center;align-items: center; width: 32px;height: 32px; background: url("https://image.idhospital.com/www/rn_2025/events/nose_kakaofriends_2606/check.png") no-repeat; background-size:cover; }
.con_box .input_box ol li input[type=checkbox]:checked{ background: url("https://image.idhospital.com/www/rn_2025/events/nose_kakaofriends_2606/checked.png") no-repeat; background-size:cover;}

.con_box .input_box ol li label {display:inline-block; vertical-align:top; font-family: 'Pretendard'; font-weight: 500; font-size: 20px; letter-spacing: -1px; color:#5a5a5a; }

.check_wrap li span { font-family: 'Pretendard'; font-weight: 500; font-size: 12.7px; letter-spacing: -1px; 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-color: #000; cursor:pointer;background: url(https://image.idhospital.com/www/rn_2025/events/nose_kakaofriends_2606/btn_to_go_bg.jpg) no-repeat; line-height: 0; }
.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:23.4px;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:3.9583vw; letter-spacing:-0.14vw;}

    /* 고민 부위 선택 박스 */
    .choice_box h2{}
    .choice_box ul {}

    .choice_box ul li.big {height: 28.47vw;}

    .choice_box ul li .checkbox { left: 10.833vw; }
    .choice_box ul li input[type=checkbox] { width: 4.444vw; height: 4.444vw; }

    .choice_box ul li label dl dt {font-size: 2.777vw; margin-bottom:1.111vw; letter-spacing: -0.138vw;}
    .choice_box_list03_wrapper ul li label dl dt {font-size: 2.916vw; letter-spacing: -0.31vw;}
    .choice_box ul li label dl dt.fs_22 {font-size: 3vw;}
    .choice_box ul li label dl dt.fs_24 {font-size: 3.33vw;}
    .choice_box ul li label dl dt.fs_20 {font-size: 2.78vw;}
    .choice_box ul li label dl dt.fs_18 {font-size: 2.5vw;}

    .choice_box ul li label dl dt.small_txt{font-size: 3.056vw;}

    .choice_box .vat {margin-top: 1vw;font-size: 3.22vw;}

    .choice_box ul li label dl dd {font-size: 5.555vw;letter-spacing: -0.4vw;}
    .choice_box ul li label dl dd.small_tit{font-size: 5.972vw;}

    .choice_box ul li label .price {right: 6.666vw;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 { font-size: 4.305vw; letter-spacing: -0.694vw;}
    .choice_box ul li label .price .af_price img{width: 16.53vw;}
    .choice_box ul li label .price .af_price strong {font-size: 5.972vw;}

    .choice_box ul li label .price .af_price span {font-size: 3.333vw;margin-left: 1.111vw; width: 6.388vw;}
    .choice_box ul li label .price .af_price i{font-size: 5.972vw;}
    .choice_box ul li.hot::before {width: 13.5vw;height: 10.69vw;top: -4.28vw;left: 2.08vw;}
    .choice_box ul li.best::before {width: 14.92vw;height: 12.22vw;top: -5vw;left: 2.17vw;}

    .choice_box ul li .icon_best { left: -3.055vw; top: -4.583vw; width: 12.083vw; height: 12.083vw; }
    .choice_box ul li .icon_hot { left: -3.055vw; top: -4.583vw; width: 12.083vw; height: 12.083vw; }


    /* 카운팅 박스 */
    .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 { height: 80.138vw; padding:44.722vw 5.833vw 0; }

    .live_db > div { height:32.5vw; padding:1.844vw 2.777vw; }
    .live_db .tit {font-size: 2.36vw;}
    .live_db_list_box { height:34.305vw; }
    .live_db_list li { font-size:2.777vw;}



    /* 신청서 작성 박스 */
    .con_box { padding-bottom: 6.944vw; letter-spacing:-0.138vw; }
    .con_box .input_box { width: 88.333vw; }
    .con_box .input_box > ul { gap: 2.5vw; }
    .con_box .input_box > ul li { gap: 2.222vw; }
    .con_box .input_box > ul li label { width: 14.305vw; }
    .con_box .input_box > ul li label img { width: 100%; }
    .con_box .input_box > ul li input { font-size:3.888vw; height:7.222vw; line-height:7.222vw; padding:0 2.083vw; }
    .con_box .input_box .privacy_wrap { height: 13.888vw; margin: 3.472vw 0 0 16.527vw; font-size:1.944vw; }
    .con_box .input_box ol { gap: 1.111vw; padding:3.472vw 0 0 16.527vw; }
    .con_box .input_box ol li { gap: 1.111vw; font-size: 2.083vw; }
    .con_box .input_box ol li .item_row { gap: 1.111vw; }

    .con_box .input_box ol li input[type=checkbox] { width: 4.444vw; height: 4.444vw; }
    .con_box .input_box ol li label { font-size: 2.777vw; letter-spacing: -0.138vw; }

    .check_wrap li span { font-size: 1.7638vw; letter-spacing: -0.138vw; }


    .btn_bot { background-size:cover; }

    /* counsel_bottom footer */
    .counsel_bottom {padding:3.89vw; letter-spacing:-0.14vw;}
    .footer_address li{font-size:3.25vw; 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);
  }
}