/* 공통 */
@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: 'Pretendard'; 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; line-height: 0; }

@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;}
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 {width:100%; text-align:center; box-sizing:border-box; position:relative; letter-spacing:-1px; font-family: "GmarketSans"; font-weight:500;background: url(https://image.idhospital.com/www/rn_2025/events/breast_kakaofriends_2601/listbox_bg_251216.jpg) no-repeat;background-size: cover;height: 1528px;padding: 80px 33px 0;}*/
.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 .choice_box_list01_wrapper { }
.choice_box .choice_box_list02_wrapper { }

.choice_box ul li { list-style: none; position: relative; line-height: 0; -webkit-tap-highlight-color: transparent; }
.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: #ea2d8f;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/breast_kakaofriends_2605/icon_best.png") no-repeat;background-size: contain;width: 100px;height: 70px;position: absolute;top: -19px;left: -17px;}
.choice_box ul li.hot1::before {content: '';display: block;background: url("https://image.idhospital.com/www/rn_2025/events/breast_kakaofriends_2605/icon_hot.png") no-repeat;background-size: contain;width: 100px;height: 70px;position: absolute;top: -19px;left: -17px;}

.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/breast_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/breast_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: "Pretendard", sans-serif; font-weight: 500; font-size: 22px; color:#cfab00; margin-bottom:8px;letter-spacing: -1px; }
.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: 24px;}
.choice_box ul li label dl dt.ls3 {letter-spacing: -3px;}
.choice_box ul li label dl dd { margin: 0; padding: 0; font-family: "Paperozi", sans-serif; font-size: 40px; color:#498147; font-weight:800; 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:15px; 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 { font-family: "Pretendard", sans-serif; font-weight: 900; font-size: 80px; color:transparent; font-weight:bold; background: linear-gradient(to bottom, #ff6c00, #ffa247); -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:transparent; font-size: 22px;position: absolute;top:-30px;left: 0;width: 100%;margin: 0;font-weight: 600; background: linear-gradient(to bottom, #ff6c00, #ffa247); -webkit-background-clip: text; background-clip: text;}
.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: "Pretendard"; font-size:22px; color:#4f4f4f; margin-left:8px; padding-bottom: 5px; display:inline-block; width:40px; font-weight:500; line-height:1; letter-spacing: -0.5px; vertical-align: text-bottom;}
.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: 15px;font-size: 17px;color: #747474;letter-spacing: 0;font-weight: 500;}
.choice_box .vat span{vertical-align: sub;}


.choice_box .choice_box_list02_wrapper h2 {}

/* 카운팅 박스 */
.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_con { height: 850px; padding: 322px 44px 0; background:url("https://image.idhospital.com/www/rn_2025/events/breast_kakaofriends_2605/live_bg.jpg"); background-size:cover; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

/* live_db */
.live_db { height: 577px; padding:322px 42px 0; background: url("https://image.idhospital.com/www/rn_2025/events/breast_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{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: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 .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-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/contour_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/contour_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; line-height: 0; cursor:pointer; background: url(https://image.idhospital.com/www/rn_2025/events/breast_kakaofriends_2606/btn_to_go1.jpg) no-repeat;}
.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;}


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

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

    .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.9vw;margin-bottom: 1.111vw;letter-spacing: -0.138vw;}
    .choice_box ul li label dl dt.ls3 {letter-spacing: -0.4vw;}

    .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: 5.555vw; letter-spacing: -0.28vw;}
    .choice_box ul li label dl dd.fs_40 {font-size: 5.56vw;}
    .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 {font-size: 11.1111vw;}
    .choice_box ul li label .price .af_price span {font-size:3.0555vw; width:5.555vw;letter-spacing: -0.07vw;margin-left:0.97vw; padding-bottom: 0.694vw;}

    .choice_box ul li label .price .af_price .insurance {font-size: 3.055vw;letter-spacing: -0.1vw;top: -4.166vw;left: 0.5vw;}
    .choice_box .vat {margin-top: 2.361vw;font-size: 2.22vw;}

    .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: 13.888vw; height: 9.722vw; top: -2.638vw;left: -2.361vw;}
    .choice_box ul li.hot1::before { width: 13.888vw; height: 9.722vw; top: -2.638vw;left: -2.361vw;}



    .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 2.5vw;}
    .live_db_tit img {width: 86.53vw;}

    .live_con { height: 118.055vw; padding: 44.722vw 6.111vw 0; }

    .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.31vw;}
    .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);
  }
}