





/* 공통 */
.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:#2c65ba; border:none; background:transparent; -webkit-border-radius:0; background:#fff; border:1px solid #2c65ba;}
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:26px; 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 {width:100%; text-align:center; box-sizing:border-box; position:relative; letter-spacing:-1px; font-family: "GmarketSans"; font-weight:500;background: url(//image.idhospital.com/www/rn_2025/events/breast_idevent_kakao_25_3rd/listbox_bg_250616.jpg) no-repeat;background-size: 100%;height: 1379px;padding: 0 26px;}
.choice_box h2 {position: absolute; left: 50%; transform: translateX(-50%);z-index: 3;}
.choice_box ul {width:100%;text-align:left; box-sizing:border-box;padding: 67px 20px 55px; background: rgba(255, 255, 255, 0.35); border-radius: 32px;}
.choice_box .choice_box_list01_wrapper,
.choice_box .choice_box_list02_wrapper {position: relative;}
.choice_box .choice_box_list01_wrapper {padding-top: 155px;}
.choice_box .choice_box_list02_wrapper {padding-top: 160px;}
.choice_box .choice_box_list01_wrapper h2 {width: 547px;top: 50px;}
.choice_box .choice_box_list02_wrapper h2 {width: 586px;top: 64px;}
.choice_box ul li {position:relative; z-index:0; width:100%; height: 147px; box-sizing:border-box; display:flex; align-items: center;background-color: #fff; border-radius: 20px;margin-top: 9px;}
.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';display: block;text-align: center;background: #ef72e8;color: #fff;width: 104px;height: 40px;border-radius: 10px;line-height: 44px;box-sizing: border-box;position: absolute;top: -19px;left: -14px;letter-spacing: 1px;}
.choice_box ul li.long.hot{}

.choice_box ul li input[type=checkbox] {width: 31px;height: 31px;margin: 22px 19px 0;}
.choice_box ul li label {display:inline-block;box-sizing: border-box; width:85%;}
.choice_box ul li label dl dt {font-size: 20px; color:#223045; margin-bottom:5px;}
.choice_box ul li label dl dd {font-size: 41px; color:#223045; font-weight:bold; letter-spacing:-4px;line-height: 1.1;}
.choice_box ul li label dl dd.fs_37 {font-size: 37px;}
.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-size: 70px; color:#ef72e8; font-weight:bold;}
.choice_box ul li label .price .af_price span {font-family: "GmarketSans"; font-size:20px; color:#223045; margin-left:8px; display:inline-block; width:25px; font-weight:500; line-height:1;vertical-align: text-bottom;}
.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 .insurance {width: 40px;letter-spacing: 0; color:#ef72e8; font-size: 16px;}
.choice_box .vat {text-align: right;margin-top: -36px;padding-right: 23px;padding-bottom: 10px;}

/* 카운팅 박스 */
.count_box {width:100%; height:632px; background:url("//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("//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("//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("//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 {background:#ef72e8; padding:20px 26px 45px; background-size:cover;}
.live_db_tit{font-size:53px; color:#fff; font-family: 'GmarketSans'; font-weight:bold;letter-spacing:-2px; text-align:center;background:#ef72e8;padding-top: 33px;}
/*.live_db:after{content: '';display: block;width: 100%;height: 1px;margin: 7% auto 0;}*/
.live_db > div{overflow: hidden;height:300px; background-color: #fff;padding:20px; box-sizing:border-box;}
.live_db .tit{font-size:22px; 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:2%; position:relative; width:100%; height:auto;}
.live_db_list li {width: 100%; font-size:16px;}

/* 신청서 작성 박스 */
.con_box {width:100%; background:#7275dd; text-align:center;letter-spacing:-1px; box-sizing:border-box; display: block;}
.con_box .input_box {width:550px; box-sizing:border-box; margin:0 auto; overflow:hidden; padding:55px 0;}
.con_box .input_box > ul {width:100%; margin:0 auto;}
.con_box .input_box > ul li {width:100%; margin-bottom:18px;}
.con_box .input_box > ul li label {width:115px; display:inline-block; font-size:28px; color:#fff; margin-right:20px; text-align:right;font-family: "GmarketSans"; font-weight:bold;}
.con_box .input_box > ul li input {width:410px; display:inline-block; font-size:28px; height:45px; line-height:45px; background:#fff; box-sizing:border-box; padding:0 15px; border:none; outline:none;}
.con_box .input_box .privacy_wrap {width:410px; box-sizing:border-box; height:100px; float: right; display: inline-block;text-align:left; background:#fff; overflow-y:scroll; padding:10px; margin:0 0 16px; 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 {width:410px; float: right;display: inline-block;text-align: left;}
.con_box .input_box ol li {font-size:15px; display:inline-block; color:#fff; line-height:1.2; 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:#000; vertical-align:top;}
.con_box .input_box ol li label {display:inline-block; vertical-align:top; font-family: "GmarketSans";}
.check_wrap li span {color:#fff; 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;}
.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:3.611vw; letter-spacing:-0.14vw; margin-top: 0.5vw;}

    /* 고민 부위 선택 박스 */
    .choice_box {letter-spacing:-0.139vw;height: 191.53vw;padding: 0 3.61vw;}
    .choice_box ul {padding: 9.31vw 2.78vw 7.64vw; background: rgba(255, 255, 255, 0.35); border-radius: 4.44vw;}
    .choice_box .choice_box_list01_wrapper {padding-top: 21.53vw;}
    .choice_box .choice_box_list02_wrapper {padding-top: 22.22vw;}
    .choice_box .choice_box_list01_wrapper h2 {width: 75.97vw;top: 6.94vw;}
    .choice_box .choice_box_list02_wrapper h2 {width: 81.39vw;top: 8.89vw;}

    .choice_box ul li {height: 20.42vw;border-radius: 2.78vw;margin-top: 1.25vw;}
    .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: -2.64vw;left: -1.94vw;letter-spacing: 0.14vw;}

    .choice_box ul li input[type=checkbox] {width: 4.31vw;height: 4.31vw;margin: 3.06vw 2.64vw 0;}
    .choice_box ul li label dl dt {font-size: 2.78vw;margin-bottom: 0.694vw;}
    .choice_box ul li label dl dd {font-size: 5.69vw;letter-spacing: -0.556vw;}
    .choice_box ul li label dl dd.fs_37 {font-size: 5.14vw;}
    .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 strong {font-size: 9.72vw;}
    .choice_box ul li label .price .af_price span {font-size: 2.78vw;margin-left: 1.111vw;width: 3.472vw;}
    .choice_box ul li label .price .af_price i{font-size: 5.972vw;}
    .choice_box ul li label .price .af_price .insurance {width: 5.56vw;font-size: 2.22vw;}
    .choice_box .vat {margin-top: -5vw;padding-right: 3.19vw;padding-bottom: 1.39vw;}



    /* 카운팅 박스 */
    .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.361vw;letter-spacing: -0.3vw;padding-top: 4.583vw;}
    .live_db {padding:2.778vw 3.61vw 6.25vw;}
    .live_db > div {height:41.67vw; padding:2.78vw;}
    .live_db .tit {font-size:3.06vw;}
    .live_db_list_box {height:34.31vw;}
    .live_db_list li {font-size:2.22vw;}

    /* 신청서 작성 박스 */
    .con_box {letter-spacing:-0.14vw;}

    .con_box .input_box {width:76.39vw; padding:7.64vw 0;}
    .con_box .input_box > ul li {margin-bottom:2.5vw;}
    .con_box .input_box > ul li label {width:15.97vw; font-size:3.89vw; margin-right:2.78vw;}

    .con_box .input_box > ul li input {width:56.94vw; font-size:3.89vw; height:6.25vw; line-height:6.25vw; padding:0 2.08vw;}
    .con_box .input_box .privacy_wrap {width:56.94vw; height:13.89vw; padding:1.4vw; margin:0 0 2.22vw; font-size:1.94vw;}
    .con_box .input_box ol {width:56.94vw;}
    .con_box .input_box ol li {font-size:2.08vw;}
    .con_box .input_box ol li:first-child {margin-right:4.17vw;}
    .con_box .input_box ol li input[type=checkbox] {width:2.78vw; height:2.78vw; margin:0 0.83vw 0 0;}

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

}

/* top */
/* bottom */
.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); }
}
