@charset "utf-8";

/* PC */
@media screen and (max-width: 1560px) {
  html {
    font-size: 15.5px !important;
  }
}

@media screen and (max-width: 1440px) {
  html {
    font-size: 15px !important;
  }
}

@media screen and (max-width: 1380px) {
  html {
    font-size: 14.5px !important;
  }
}

@media screen and (max-width: 1300px) {
  .header .h_inner {
    width: 90%;
    max-width: 1120px;
    padding: 0;
  }
  .header .h_schbox {
    flex: 1;
  }
}

@media screen and (max-width: 1200px) {
  html {
    font-size: 14px !important;
  }
}

/* Tablet */
@media screen and (max-width: 1080px) {
  html {
    font-size: 16px !important;
  }

  .pc {
    display: none !important;
  }
  .tablet {
    display: block !important;
  }
  .container {
    padding-top: 9.4rem !important;
    transition: all 0.4s ease;
    margin-top: 0px !important;
  }
  .inner {
    width: 100%;
    padding: 0 2rem;
  }

  body.no_top_banner .container {
    padding-top: 5.4rem !important;
  }

  body.no_top_banner .status_box.gall_board {
    margin-top: 5.4rem;
  }

  .status_box.gall_board {
    margin-top: 9.4rem;
  }

  .popup-overlay {
    display: none;
    align-items: center;
    justify-content: center;
    position: fixed;
    inset: 0;
    background: rgba(0, 0, 0, 0.5);
    z-index: 1000;
  }
  .popupExpertise {
    background: #fff;
    border-radius: 1rem;
    padding: 2rem;
    width: 90%;
    max-width: 400px;
    text-align: center;
  }
  .popup-expertise-option {
    background: #fff;
    padding: 1rem;
    margin-bottom: 0.6rem;
    border-radius: 0.8rem;
    font-size: 1.4rem;
    cursor: pointer;
  }
  .popup-expertise-option:hover {
    background: #f0f0f0;
  }
  .header .selected-text {
    appearance: none;
    font-weight: 600;
    font-size: 1.6rem;
    color: #000;
    border: none;
    background: url(../img/h_select.png) no-repeat right center / 1.3rem 0.8rem
      #fff;
    padding-right: 1.6rem;
    cursor: pointer;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
  }

  /* layout */
  .header {
    top: 4rem;
    height: 5.4rem;
    padding-top: 0;
    border-bottom: 2px solid #f1f1f1;
    transition: all 0.4s ease;
  }
  body.no_top_banner .header {
    top: 0;
  }
  .header .h_inner {
    width: 100%;
    padding: 1.5rem 2.3rem;
    gap: 2rem;
  }
  .header .h_logo {
    width: 9.4rem;
  }
  .header .h_selbox {
    display: block;
  }
  .header .h_schbox {
    width: auto;
    height: auto;
    border: none;
    padding: 0;
    border-radius: 0;
    gap: 0;
  }
  .header .h_schbox .input_sch {
    display: none;
  }
  .header .h_schbox .sch_btn {
    background-image: url(../img/h_search2.png);
    width: 2rem;
  }
  .header .h_side {
    display: none;
  }

  .footer {
    background: #f1f1f1;
    padding: 2.6rem 3rem 7.6rem;
  }
  .footer .f_inner {
    gap: 2rem;
    padding: 0;
    flex-direction: column;
    align-items: unset;
  }
  .footer .f_logo {
    width: 9.78rem;
  }
  .footer .f_inner::after {
    display: none;
  }
  .footer .f_cont {
    flex-direction: column-reverse;
    gap: 0.9rem;
  }
  .footer .f_cont .f_copyright {
    font-weight: 400;
    font-size: 0.8rem;
    color: #9b9b9b;
  }
  .footer .f_cont .f_sns {
    display: none;
  }
  .footer .f_cont .f_info {
    font-weight: 400;
    font-size: 0.8rem;
    color: #9b9b9b;
  }
  .footer .f_more_info {
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 10;
  }
  .footer .f_more_info .title {
    cursor: pointer;
    display: flex;
    align-items: center;
    gap: 0.4rem;
  }
  .footer .f_more_info .title .txt {
    font-size: 0.8rem;
    color: #626262;
  }
  .footer .f_more_info .title .icon {
    background: url(../img/select_arrow.png) no-repeat center/contain;
    width: 0.8rem;
    aspect-ratio: 1/1;
  }

  .navigaion {
    display: block;
  }
  .category {
    display: none;
  }

  /* form */
  .form_box {
    gap: 1.8rem;
  }
  .form_item {
    gap: 0.6rem;
  }
  .label_text {
    font-size: 1.4rem;
    padding: 0 0.8rem;
  }
  .input_box .input_text {
    padding: 0 1.6rem;
    font-size: 1.4rem;
    border-radius: 0.6rem;
  }
  .input_box .select {
    border-radius: 0.6rem;
    padding: 0 2.6rem 0 1.6rem;
    font-size: 1.2rem;
    background: url(../img/select_arrow.png) no-repeat right 1.6rem center /
      1.2rem auto;
  }
  .input_box.btn_ver {
    gap: 0.8rem;
  }
  .input_box.btn_ver .input_btn {
    border-radius: 0.6rem;
    font-size: 1.5rem;
    padding: 0 2rem;
  }
  .input_box.email_ver {
    gap: 1.6rem;
  }
  .input_box.email_ver .txt {
    font-size: 1.8rem;
  }
  .input_box.email_ver .select {
    width: 14rem;
  }

  /* mobile_path */
  .mobile_path,
  .list_wrap .mobile_path.favorite_mobile_path {
    width: 100%;
    height: 5rem;
    padding: 1.3rem 2rem;
    display: flex;
    align-items: center;
    gap: 1.6rem;
    border-bottom: 1px solid #f1f1f1;
  }
  .mobile_path .back_btn {
    background: url(../img/ico_back2.png) no-repeat center / contain;
    width: 0.9rem;
    height: 1.6rem;
  }
  .mobile_path .title {
    font-weight: 400;
    font-size: 1.4rem;
    color: #202020;
  }

  /* modal */
  .modal .modal_box {
    min-width: unset;
    width: 90%;
    padding: 3.6rem 1.3rem 1.4rem;
    border-radius: 1.2rem;
  }
  
  /* joinGuide_modal 모바일 스크롤 */
  .joinGuide_modal {
    overflow-y: auto;
    display: flex;
    flex-direction: column;
  }
  
  .joinGuide_modal .headbox {
    flex-shrink: 0;
  }
  
  .joinGuide_modal .bodybox {
    flex: 1;
    overflow-y: auto;
    padding: 2rem 0;
    margin: 2rem;
  }
  
  .joinGuide_modal .btnbox {
    flex-shrink: 0;
    margin-top: auto;
  }
  .modal .modal_box .modal_logo {
    margin-bottom: 1.8rem;
    width: 8rem;
  }
  .modal .modal_box .modal_title {
    font-size: 2rem;
    margin-bottom: 0.9rem;
  }
  .modal .modal_box .modal_desc {
    font-size: 1.4rem;
  }
  .modal .modal_box .modal_btnbox {
    gap: 1rem;
    margin-top: 4.3rem;
  }
  .modal .modal_box .modal_btnbox .btn {
    border-radius: 0.8rem;
    font-size: 1.6rem;
  }

  /* more */
  .more_box .more {
    font-weight: 400;
    font-size: 1.2rem;
    color: #5c5c5c;
    border: none;
    border-bottom: 1px solid #f1f1f1;
    width: 100%;
    height: auto;
    border-radius: 0;
    padding: 1.3rem 0;
    gap: 0.4rem;
  }

  /* emoji */
  .emoji {
    gap: 0.6rem;
  }
  .emoji_badge {
    height: 3rem;
    padding: 0.5rem 1rem 0.5rem 0.5rem;
    font-size: 1.2rem;
    gap: 0.9rem;
  }
  .emoji_badge .icon {
    width: 2rem;
  }

  /* mob_top_banner */
  .mob_top_banner { position: fixed; left: 0; top: 0; width: 100%; height: 4rem; background: linear-gradient( 150deg, rgba(255, 239, 183, 0.29) 0%, rgba(241, 181, 26, 0.29) 100%), #ffe68c; transition: all 0.4s ease; display: flex; align-items: center; justify-content: center; z-index: 90; /* display: none; */ }
  body.no_top_banner .mob_top_banner { top: 0rem; }
  .mob_top_banner .banner_inner { width: 100%; padding: 0 1.2rem 0 3.6rem; display: flex; align-items: center; justify-content: space-between; }
  .mob_top_banner .banner_inner .title { font-size: 1.3rem; color: #7c1313; }
  .mob_top_banner .banner_inner .title .point1 { font-weight: 500; color: #c147ec; }
  .mob_top_banner .banner_inner .title .point2 { font-weight: 600; color: #c147ec; }
  .mob_top_banner .banner_inner .join_btn { font-weight: 600; font-size: 1.2rem; line-height: 1; color: var(--white); border-radius: 100px; padding: 0.6rem 1rem; background: #fd3d3d; display: flex; align-items: center; justify-content: center; }
  .mob_top_banner .banner_inner .join_btn > i { font-size: 1.2em; margin-right: -0.2em; }
  .mob_top_banner .banner_inner .close_btn { display: flex; align-items: center; justify-content: center; font-size: 2.2rem; color: #681111; }


  /* mob_top_banner_app */
  .mob_top_banner_app { position: fixed; left: 0; top: 0; width: 100%; height: 4rem; background: linear-gradient( 150deg, rgba(255, 239, 183, 0.29) 0%, rgba(241, 181, 26, 0.29) 100%), #ffe68c; transition: all 0.4s ease; display: flex; align-items: center; justify-content: center; z-index: 90; /* display: none; */ }
  body.no_top_banner .mob_top_banner_app { top: 0rem; }
  .mob_top_banner_app .banner_inner { width: 100%; padding: 0 1.2rem 0 3.6rem; display: flex; align-items: center; justify-content: space-between; }
  .mob_top_banner_app .banner_inner .title { font-size: 1.3rem; color: #7c1313; }
  .mob_top_banner_app .banner_inner .title .point1 { font-weight: 500; color: #c147ec; }
  .mob_top_banner_app .banner_inner .title .point2 { font-weight: 600; color: #c147ec; }
  .mob_top_banner_app .banner_inner .join_btn { font-weight: 600; font-size: 1.2rem; line-height: 1; color: var(--white); border-radius: 100px; padding: 0.6rem 1rem; background: #fd3d3d; display: flex; align-items: center; justify-content: center; }
  .mob_top_banner_app .banner_inner .join_btn > i { font-size: 1.2em; margin-right: -0.2em; }
  .mob_top_banner_app .banner_inner .close_btn { display: flex; align-items: center; justify-content: center; font-size: 2.2rem; color: #681111; }


  /* login */
  .login_wrap .login_box {
    margin: 5.8rem auto;
  }
  .login_wrap .login_box .login_logo {
    width: 16.8rem;
    margin: 0 auto 4.8rem;
  }
  .login_wrap .login_box .login_form .kakao_btn {
    border-radius: 0.6rem;
    font-size: 1.6rem;
    padding: 0 2.4rem;
  }
  .login_wrap .login_box .login_form .kakao_btn .icon {
    width: 1.8rem;
  }
  .login_wrap .login_box .login_form .or {
    font-size: 1.1rem;
    gap: 1rem;
    margin: 1.8rem 0;
  }
  .login_wrap .login_box .login_form .form_box {
    gap: 0.8rem;
    margin-bottom: 2rem;
  }
  .login_wrap .login_box .login_form .form_box .login_btn {
    font-size: 1.6rem;
    margin-top: 1.6rem;
    border-radius: 0.6rem;
  }
  .login_wrap .login_box .login_menu {
    gap: 0.8rem;
  }
  .login_wrap .login_box .login_menu .link {
    font-size: 1.2rem;
    font-weight: 600;
    color: rgba(0, 0, 0, 0.3);
  }
  .login_wrap .login_box .login_menu .bar {
    height: 1.05rem;
    background: #e7e7e7;
  }

  /* join */
  .join_wrap .join_box {
    max-width: 100%;
    margin: 3.7rem auto 5.2rem;
  }
  .join_wrap .join_box .join_top {
    display: none;
  }
  .join_wrap .join_box .join_form {
    padding: 0;
  }
  .join_wrap .join_box .join_form .form_box .join_btn {
    border-radius: 0.6rem;
    font-size: 1.6rem;
    max-width: 308px;
    margin: 4rem auto 0;
  }

  /* list */
  .list_wrap .container {
    margin-top: 0;
  }
  .list_wrap .container > .inner {
    padding: 0;
  }
  .list_wrap .list_banner .prev_btn,
  .list_banner .next_btn {
    display: none;
  }
  .list_wrap .mobile_path {
    height: auto;
    padding: 1.2rem 2rem;
    border-bottom: 0;
  }
  .list_wrap .mobile_path .back_btn {
    width: 0.8rem;
    height: 1.3rem;
  }
  .list_wrap .mobile_path .title {
    font-size: 1.6rem;
  }
  .list_wrap .mobile_path .title.ver2 {
    font-size: 1.4rem;
  }
  .list_wrap .list_category {
    gap: 0;
    margin: 0;
  }
  .list_wrap .list_category .title {
    display: none;
  }
  .list_wrap .list_category .catebox {
    gap: 2.2rem;
    padding: 1.5rem 3.7rem;
    border-top: 1px solid #f1f1f1;
    border-bottom: 1px solid #f1f1f1;
  }
  .list_wrap .list_category .catebox > li .link {
    flex-direction: column;
    gap: 0.2rem;
  }
  .list_wrap .list_category .catebox > li .link .icon {
    height: 4.6rem;
  }
  .list_wrap .list_category .catebox > li .link .txt {
    font-size: 1.4rem;
    color: #3a3a3a;
    border-radius: 0.6rem;
    padding: 0.4rem 0.6rem;
  }
  .list_wrap .list_category .catebox > li .bar {
    height: 6rem;
    background: #aaa;
    opacity: 0.5;
  }
  .list_wrap .list_box {
    margin-bottom: 0;
  }
  .list_wrap .list_box.rank_ver {
    margin-bottom: 0;
  }
  .list_wrap .list_box.mob_hide {
    display: none;
  }
  .list_wrap .list_titbox {
    flex-direction: column;
    align-items: unset;
    gap: 0;
    margin: 0;
  }
  .list_wrap .list_titbox .tit {
    gap: 0.8rem;
    font-size: 1.8rem;
    line-height: 1.3;
    padding: 1.3rem 2.6rem;
    border-bottom: 1px solid #f1f1f1;
    display: none;
  }
  .list_wrap .list_titbox .tit .icon {
    height: 2rem;
    margin-right: 0.4rem;
  }
  .list_wrap .list_titbox .tit {
    gap: 0.8rem;
    font-size: 1.8rem;
    line-height: 1.3;
  }
  .list_wrap .list_titbox .tit .small {
    font-size: 1.2rem;
    color: var(--text-2);
    font-weight: 400;
    align-self: flex-end;
  }
  .list_wrap .list_titbox .sortbox {
    gap: 0;
    border-bottom: 1px solid #f1f1f1;
    padding: 0 1.1rem;
    height: 4rem;
    overflow: auto;
  }
  .list_wrap .list_titbox .sortbox::-webkit-scrollbar {
    display: none;
  }
  .list_wrap .list_titbox .sortbox .sortbtn {
    position: relative;
    font-size: 1.4rem;
    flex: 1;
    height: 100%;
    min-width: 6.4rem;
  }
  .list_wrap .list_titbox .sortbox .sortbtn::before {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 2px;
    background: var(--primary);
    opacity: 0;
  }
  .list_wrap .list_titbox .sortbox .sortbtn.active::before {
    opacity: 1;
  }
  .list_wrap .list_box.rank_ver .list_titbox .tit {
    display: flex;
  }
  .list_wrap .list_contbox {
    gap: 0;
  }
  .list_wrap .list_box.rank_ver .list_contbox {
    gap: 0;
  }
  .list_wrap .list_contbox > .listbox {
    gap: 0;
    flex-direction: column;
  }
  .list_wrap .list_contbox > .listbox .item {
    width: 100%;
    border-bottom: 1px solid #f1f1f1;
    padding: 1.2rem 1.6rem;
  }
  .list_wrap .list_contbox > .listbox .item > .top {
    position: relative;
    display: flex;
    gap: 1.8rem;
    margin-bottom: 0.6rem;
    padding-top: 0.8rem;
  }
  .list_wrap .list_contbox > .listbox .item > .top .imgbox {
    position: relative;
    width: 14.2rem;
    aspect-ratio: 1 / 0.929577;
    border-radius: 0.8rem;
    margin: 0;
  }
  .list_wrap .list_contbox > .listbox .item .imgbox > img {
    transform: scaleX(-1);
  }
  .list_wrap .list_contbox > .listbox .item > .top .img_badge {
    position: absolute;
    left: 0.5rem;
    top: 0;
    border-radius: 0.4rem;
    padding: 0.4rem 0.5rem 0.5rem;
    font-weight: 800;
    font-size: 1.2rem;
    color: var(--white);
    width: 3.2rem;
    z-index: 10;
  }
  .list_wrap .list_contbox > .listbox .item > .top .img_badge.typeA {
    box-shadow: 0 0.4rem 0 0 rgba(158, 36, 36, 0.4);
    background: #cc1f37;
  }
  .list_wrap .list_contbox > .listbox .item > .top .img_badge.typeB {
    box-shadow: 0 0.4rem 0 0 rgba(83, 36, 158, 0.4);
    background: #6a24c2;
  }
  .list_wrap .list_contbox > .listbox .item > .top .img_badge.typeC {
    box-shadow: 0 0.4rem 0 0 rgba(158, 88, 36, 0.4);
    background: #f0bd07;
  }
  .list_wrap .list_contbox > .listbox .item > .top .mob_txtbox {
    flex: 1;
    display: flex !important;
    flex-direction: column;
  }

  .list_wrap .list_contbox > .listbox .item > .top .mob_txtbox .mob_cate {
    position: absolute;
    border-radius: 0.375rem;
    padding: 0.35rem 0.5rem;

    font-family: var(--second-family);
    font-weight: 700;
    font-size: 1.3rem;
    line-height: 1;
    letter-spacing: 0.04em;
    text-align: center;
    color: var(--white);
    left: 8px;
    top: 14px;
  }

  .list_wrap .list_contbox > .listbox .item > .top .mob_txtbox .mob_cate.saju {
    background: var(--saju);
  }

  .list_wrap .list_contbox > .listbox .item > .top .mob_txtbox .mob_cate.tarot {
    background: var(--tarot);
  }

  .list_wrap .list_contbox > .listbox .item > .top .mob_txtbox .mob_cate.sin {
    background: var(--sin);
  }

  .list_wrap .list_contbox > .listbox .item > .top .mob_txtbox .title {
    display: flex;
    align-items: center;
    gap: 0.6rem;
    margin-bottom: 0.6rem;
  }
  .list_wrap .list_contbox > .listbox .item > .top .mob_txtbox .title .rank {
    background: var(--primary);
    border-radius: 0.4rem;
    padding: 0.1rem 0.6rem;
    height: 2rem;
    font-size: 1.4rem;
    line-height: 1;
    font-weight: 800;
    letter-spacing: 0.1em;
    color: var(--white);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 0;
    margin-right: 0.4rem;
  }
  .list_wrap .list_contbox > .listbox .item > .top .mob_txtbox .title .name {
    font-weight: 600;
    font-size: 1.6rem;
    color: var(--text-1);
    margin-right: 0.3rem;
  }
  .list_wrap .list_contbox > .listbox .item > .top .mob_txtbox .title .bar {
    width: 1px;
    height: 1rem;
    background: #dcdcdc;
  }
  .list_wrap .list_contbox > .listbox .item > .top .mob_txtbox .title .num {
    font-weight: 500;
    font-size: 1.4rem;
    color: var(--secondary);
  }
  .list_wrap .list_contbox > .listbox .item > .top .mob_txtbox .desc {
    font-weight: 500;
    font-size: 1.1rem;
    color: var(--text-2);
    margin-bottom: 0.6rem;
  }
  .list_wrap .list_contbox > .listbox .item > .top .mob_txtbox .point {
    font-size: 1.1rem;
    color: var(--text-2);
    display: flex;
    align-items: center;
    gap: 0.3rem;
  }
  .list_wrap .list_contbox > .listbox .item > .top .mob_txtbox .point .icon {
    width: 1.5rem;
    margin-right: 0.5rem;
    margin-bottom: 0.2rem;
  }
  .list_wrap .list_contbox > .listbox .item > .top .mob_txtbox .point .txt {
    font-weight: 600;
    font-size: 1.3rem;
    color: var(--text-1);
  }
  .list_wrap .list_contbox > .listbox .item > .top .mob_txtbox .counsel_btn {
    gap: 0.5rem;
    font-size: 1.3rem;
    border-radius: 0.6rem;
    height: 3.4rem;
    margin-top: auto;
    border-width: 1.5px;
  }
  .list_wrap
    .list_contbox
    > .listbox
    .item
    > .top
    .mob_txtbox
    .counsel_btn
    .icon {
    width: 1.3rem;
  }

  /* 접속알림신청 */
  .list_wrap
    .list_contbox
    > .listbox
    .item
    > .top
    .mob_txtbox
    .counsel_btn_ing {
    gap: 0.5rem;
    font-size: 1.3rem;
    border-radius: 0.6rem;
    height: 3.4rem;
    margin-top: auto;
    border-width: 1.5px;
  }
  .list_wrap
    .list_contbox
    > .listbox
    .item
    > .top
    .mob_txtbox
    .counsel_btn_ing
    .icon {
    width: 1.3rem;
  }

  .list_wrap .list_contbox > .listbox .item > .bottom > li .acc_tit {
    display: flex;
    align-items: center;
    gap: 1rem;
    cursor: pointer;
  }
  .list_wrap .list_contbox > .listbox .item > .bottom > li .acc_tit .title {
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
  }
  .list_wrap
    .list_contbox
    > .listbox
    .item
    > .bottom
    > li
    .acc_tit
    .title
    .teacher_badge {
    font-size: 1.1rem;
    font-weight: 700;
    display: flex;
    align-items: center;
    gap: 0.4rem;
    padding: 0.4rem 0.7rem;
    border-radius: 100px;
  }
  .list_wrap
    .list_contbox
    > .listbox
    .item
    > .bottom
    > li
    .acc_tit
    .title
    .teacher_badge.typeA {
    color: #ff2c32;
    background: #ffeded;
  }
  .list_wrap
    .list_contbox
    > .listbox
    .item
    > .bottom
    > li
    .acc_tit
    .title
    .teacher_badge.typeB {
    color: #dc9100;
    background: #fff6df;
  }
  .list_wrap
    .list_contbox
    > .listbox
    .item
    > .bottom
    > li
    .acc_tit
    .title
    .teacher_badge
    .icon {
    width: 1.4rem;
  }
  .list_wrap
    .list_contbox
    > .listbox
    .item
    > .bottom
    > li
    .acc_tit
    .title
    .infobox {
    display: flex;
    align-items: center;
    gap: 0.6rem;
  }
  .list_wrap
    .list_contbox
    > .listbox
    .item
    > .bottom
    > li
    .acc_tit
    .title
    .infobox
    .info_item {
    display: flex;
    align-items: center;
    gap: 0.2rem;
    font-size: 1.1rem;
  }
  .list_wrap
    .list_contbox
    > .listbox
    .item
    > .bottom
    > li
    .acc_tit
    .title
    .infobox
    .info_item
    .icon {
    width: auto;
    height: 1.4rem;
    margin-right: 0.2rem;
    margin-bottom: 0.2rem;
  }
  .list_wrap
    .list_contbox
    > .listbox
    .item
    > .bottom
    > li
    .acc_tit
    .title
    .infobox
    .info_item
    .txt {
    font-weight: 600;
    letter-spacing: 0.06em;
    color: var(--text-1);
  }
  .list_wrap
    .list_contbox
    > .listbox
    .item
    > .bottom
    > li
    .acc_tit
    .title
    .infobox
    .info_item
    .num {
    font-weight: 500;
    color: var(--text-2);
  }
  .list_wrap .list_contbox > .listbox .item > .bottom > li .acc_tit .arrow {
    background: url(../img/acc_arrow.png) no-repeat center/contain;
    width: 1.2rem;
    aspect-ratio: 1/1;
    transition: all 0.4s ease;
  }
  .list_wrap
    .list_contbox
    > .listbox
    .item
    > .bottom
    > li.show
    .acc_tit
    .arrow {
    transform: rotate(180deg);
  }
  .list_wrap .list_contbox > .listbox .item > .bottom > li .acc_cont {
    display: none;
  }
  .list_wrap .list_contbox > .listbox .item > .bottom > li .rv_lsit {
    margin-top: 1rem;
    border-top: 1px solid var(--grey);
    display: flex;
    flex-direction: column;
  }
  .list_wrap .list_contbox > .listbox .item > .bottom > li .rv_lsit .rv_item {
    padding: 0.8rem 0;
    border-bottom: 1px solid var(--grey);
    display: flex;
    align-items: center;
    gap: 2rem;
  }
  .list_wrap
    .list_contbox
    > .listbox
    .item
    > .bottom
    > li
    .rv_lsit
    .rv_item
    .name {
    font-weight: 600;
    font-size: 1.1rem;
    color: var(--text-1);
    display: flex;
    align-items: center;
    gap: 0.4rem;
    width: 8rem;
  }
  .list_wrap
    .list_contbox
    > .listbox
    .item
    > .bottom
    > li
    .rv_lsit
    .rv_item
    .name
    .icon {
    width: 1.4rem;
  }
  .list_wrap
    .list_contbox
    > .listbox
    .item
    > .bottom
    > li
    .rv_lsit
    .rv_item
    .desc {
    flex: 1;
    font-size: 1.1rem;
    color: var(--text-1);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  .list_wrap .list_contbox > .listbox .item > .bottom > li .rv_btnbox {
    display: flex;
    justify-content: flex-end;
    margin-top: 0.8rem;
  }
  .list_wrap .list_contbox > .listbox .item > .bottom > li .rv_btnbox .rv_more {
    font-weight: 500;
    font-size: 1.2rem;
    color: var(--secondary);
  }

  /* counsel popup */
  .counsel_modal {
    border-radius: 1.2rem;
    min-width: auto;
    width: 90%;
    max-width: 325px;
  }
  .counsel_modal .modal_head {
    font-size: 1.5rem;
    padding: 0.9rem;
  }
  .counsel_modal .modal_body {
    padding: 2.7rem;
  }
  .counsel_modal .modal_body .profile_box {
    margin-bottom: 2.2rem;
  }
  .counsel_modal .modal_body .profile_box .thum {
    border-radius: 1.1rem;
  }
  .counsel_modal .modal_body .profile_box .title {
    padding-left: 0.5rem;
    flex-direction: column;
    align-items: center;
    font-size: 1.8rem;
  }
  .counsel_modal .modal_body .profile_box .cate {
    border-left: 1px solid #f0f0f0;
    padding: 0.9rem 1.6rem 0.3rem 2.4rem;
    margin-left: 1rem;
  }
  .counsel_modal .modal_body .profile_box .cate .icon {
    width: 4.6rem;
    margin-bottom: -1rem;
    margin-bottom: 1px;
  }
  .counsel_modal .modal_body .profile_box .cate .txt {
    font-size: 1.4rem;
  }
  .counsel_modal .modal_body .login_box {
    border-radius: 1.1rem;
    padding: 1.7rem 0.5rem 0.6rem;
    gap: 0;
    margin-bottom: 1.6rem;
  }
  .counsel_modal .modal_body .login_box .info {
    font-size: 1.2rem;
    font-weight: 400;
    color: rgba(0, 0, 0, 0.58);
  }
  .counsel_modal .modal_body .login_box .login_btn {
    padding: 1rem;
    gap: 0.6rem;
    font-size: 1.6rem;
  }
  .counsel_modal .modal_body .login_box .login_btn .icon {
    width: 0.8rem;
  }
  .counsel_modal .modal_body .coin_box {
    gap: 2.7rem;
  }
  .counsel_modal .modal_body .coin_box > .item {
    padding-bottom: 0.9rem;
  }
  .counsel_modal .modal_body .coin_box > .item .titbox {
    margin-bottom: 0.9rem;
  }
  .counsel_modal .modal_body .coin_box > .item .titbox .left .tit {
    gap: 0.6rem;
  }
  .counsel_modal .modal_body .coin_box > .item .titbox .left .tit .txt {
    font-size: 1.3rem;
  }
  .counsel_modal .modal_body .coin_box > .item .titbox .left .tit .icon {
    width: 1.6rem;
  }
  .counsel_modal .modal_body .coin_box > .item .titbox .right .coin {
    font-size: 1.3rem;
  }
  .counsel_modal .modal_body .coin_box > .item .titbox .right .coin .time {
    font-size: 1.2rem;
  }
  .counsel_modal .modal_body .coin_box > .item .counsel_btn {
    border-radius: 0.4rem;
    padding: 1.6rem 2.1rem;
    font-size: 1.5rem;
  }
  .counsel_modal .modal_body .coin_box > .item .notice_txt {
    font-size: 1.3rem;
    margin-top: 1.2rem;
  }
  .counsel_modal .modal_body .close_btn {
    margin-top: 1.5rem;
    border-radius: 0.4rem;
    padding: 1.6rem 0;
    font-size: 1.5rem;
  }

  /* detail */
  .detail_wrap .container {
    margin-top: 0;
    padding-bottom: 0;
  }
  .detail_wrap .container > .inner {
    max-width: 100%;
    padding: 0;
  }
  .detail_wrap .mobile_path {
    position: relative;
    height: 6.6rem;
    padding: 2.5rem 2.3rem;
    gap: 0;
    border-bottom: 0;
    margin-bottom: -6.6rem;
    z-index: 10;
  }
  .detail_wrap .mobile_path .back_btn {
    background-image: url(../img/ico_back3.png);
  }
  .detail_wrap .detail_top {
    display: none;
  }
  .detail_wrap .detail_info {
    flex-direction: column;
    padding: 0;
    gap: 0;
    border-bottom: 1px solid #f1f1f1;
    margin-bottom: 0;
  }
  .detail_wrap .detail_info .imgbox {
    width: 100%;
    height: auto;
    aspect-ratio: 1 / 0.65641;
    border-radius: 0;
    border-bottom: 6px solid #f1f1f1;
  }
  .detail_wrap .detail_info .txtbox {
    width: 100%;
  }
  .detail_wrap .detail_info .txtbox > .btnbox {
    display: none;
  }
  .detail_wrap .detail_content > .section .titbox > .tablink {
    width: 100%;
  }
  .detail_wrap .detail_content > .section .titbox > .tablink .link {
    width: 33.333%;
    height: 4rem;
    font-size: 1.4rem;
    font-weight: 400;
  }
  .detail_wrap .detail_content > .section .titbox > .tablink.additional-service-tabs .link {
    width: 25%;
  }
  .detail_wrap #Review,
  .detail_wrap #QnA,
  .detail_wrap #AdditionalService {
    display: none;
  }
  .detail_wrap #AdditionalService .contbox {
    padding: 2rem 1.6rem 3rem;
  }
  .detail_wrap #AdditionalService .addon-section-title {
    font-size: 1.8rem;
    margin-bottom: 1.4rem;
  }
  .detail_wrap #AdditionalService .addon-section-title small {
    font-size: 1.4rem;
  }
  .detail_wrap #AdditionalService .addon-service-list {
    grid-template-columns: 1fr;
    gap: 1.4rem;
  }
  .detail_wrap #AdditionalService .addon-card-copy {
    padding: 1.3rem 1.5rem 1.5rem;
  }
  .detail_wrap #AdditionalService .addon-card-subtitle {
    font-size: 1.4rem;
  }
  .detail_wrap #AdditionalService .addon-card-name {
    font-size: 1.6rem;
  }
  /* 현재 리스트에서 미출력 — style.css 의 .addon-badge-row 주석 참조. */
  .detail_wrap #AdditionalService .addon-kind-badge {
    min-height: 2.2rem;
    padding: 0.2rem 0.8rem;
    font-size: 1.2rem;
  }
  .detail_wrap #AdditionalService .addon-card-price {
    font-size: 1.5rem;
  }
  .detail_wrap #AdditionalService .additional-service-empty {
    font-size: 1.4rem;
    padding: 2.6rem 1.5rem;
  }
  .detail_wrap .detail_info .txtbox .cate {
    right: 3.2rem;
  }
  .detail_wrap .detail_info .txtbox .cate .icon {
    width: 4.6rem;
    margin-bottom: -1rem;
  }
  .detail_wrap .detail_info .txtbox .cate .txt {
    font-size: 1.4rem;
  }
  .detail_wrap .detail_info .txtbox > .titlebox {
    padding: 1.4rem 2rem 1.7rem;
    display: flex;
    flex-direction: column;
    gap: 0.8rem;
  }
  .detail_wrap .detail_info .txtbox > .titlebox .title {
    gap: 1rem;
    margin-bottom: 0;
  }
  .detail_wrap .detail_info .txtbox > .titlebox .title .name {
    font-size: 2.4rem;
    font-weight: 600;
    line-height: unset;
  }
  .detail_wrap .detail_info .txtbox > .titlebox .title .bar {
    height: 1.9rem;
  }
  .detail_wrap .detail_info .txtbox > .titlebox .title .number {
    font-size: 1.7rem;
  }
  .detail_wrap .detail_info .txtbox > .titlebox .hashtag {
    display: block;
    font-size: 1.5rem;
    color: #565656;
  }
  .detail_wrap .detail_info .txtbox > .sidebox {
    gap: 0.8rem;
    padding: 1.4rem 2rem;
    border-top: 1px solid #f1f1f1;
    flex-wrap: wrap;
  }
  .detail_wrap .detail_info .txtbox > .sidebox > .item {
    gap: 0.4rem;
  }
  .detail_wrap .detail_info .txtbox > .sidebox > .item.pc_hide {
    display: flex;
  }
  .detail_wrap .detail_info .txtbox > .sidebox > .item .icon {
    width: 2rem;
  }
  .detail_wrap .detail_info .txtbox > .sidebox > .item:nth-child(2) .icon {
    opacity: 0.4;
  }
  .detail_wrap .detail_info .txtbox > .sidebox > .item .txt {
    font-size: 1.4rem;
    font-weight: 800;
    letter-spacing: 0;
  }
  .detail_wrap .detail_info .txtbox > .sidebox > .item .num {
    font-size: 1.3rem;
    align-self: flex-end;
  }
  .detail_wrap .detail_info .txtbox > .desc {
    display: none;
  }
  .detail_wrap .detail_info .txtbox > .point {
    display: none;
  }
  .detail_info .txtbox .sidebox2 {
    display: block;
  }
  .detail_wrap .detail_info .txtbox .sidebox2 {
    gap: 0.8rem;
    padding: 1.4rem 2rem;
    border-top: 1px solid #f1f1f1;
    flex-wrap: wrap;
  }
  .detail_wrap .detail_info .txtbox .sidebox2 .counsel_btn {
    width: 100%;
    height: 4.4rem;
    gap: 0.5rem;
    font-size: 1.3rem;
    border-radius: 0.6rem;
    margin-top: auto;
    border-width: 1.5px;
  }
  .detail_wrap .detail_info .txtbox .sidebox2 .counsel_btn .icon {
    width: 1.3rem;
  }
  .detail_wrap .detail_info .txtbox .sidebox2 .counsel_btn.typeA {
    background: var(--secondary);
    color: var(--white);
  }
  .detail_wrap .detail_info .txtbox .sidebox2 .counsel_btn.typeB {
    border: 2px solid var(--secondary);
    background: var(--white);
    color: var(--secondary);
  }
  .detail_wrap .detail_info .txtbox .sidebox2 .counsel_btn.typeC {
    background: var(--grey);
    color: var(--white);
  }
  .detail_wrap .detail_review {
    margin-bottom: 0;
  }
  .detail_wrap .detail_review .titbox {
    gap: 1rem;
    margin-bottom: 0;
    padding: 1.6rem 2rem;
  }
  .detail_wrap .detail_review .titbox .icon {
    width: 1.9rem;
  }
  .detail_wrap .detail_review .titbox .title {
    line-height: unset;
    flex: 1;
    font-size: 1.8rem;
    color: #222;
  }
  .detail_wrap .detail_review .titbox .more {
    font-size: 1.4rem;
    font-weight: 400;
    color: #8c8c8c;
  }
  .detail_wrap .detail_review .review_slider {
    border-radius: 0;
    padding: 1.6rem 1rem;
    box-shadow: none;
  }
  .detail_wrap .detail_review .review_slider .review_item {
    border-radius: 1.4rem;
    padding: 2rem 1rem 1.3rem 1rem;
    box-shadow: 0 0.4rem 0.9rem 0 rgba(214, 35, 41, 0.15);
    transition: all 0.4s ease;
  }
  .detail_wrap .detail_review .review_slider .review_item.open {
    width: 370px;
  }
  .detail_wrap .detail_review .review_slider .review_item .titbox {
    padding: 0 1rem;
    gap: 0.4rem;
    margin-bottom: 0.6rem;
  }
  .detail_wrap .detail_review .review_slider .review_item .titbox .icon {
    width: 1.8rem;
  }
  .detail_wrap .detail_review .review_slider .review_item .titbox .title {
    font-size: 1.6rem;
    flex: unset;
    color: var(--text-1);
  }
  .detail_wrap
    .detail_review
    .review_slider
    .review_item
    .titbox
    .ratebox
    .rate {
    width: 2rem;
  }
  .detail_wrap
    .detail_review
    .review_slider
    .review_item
    .titbox
    .ratebox
    .rate
    + .rate {
    margin-left: -0.4rem;
  }
  .detail_wrap .detail_review .review_slider .review_item .infobox {
    gap: 0.6rem;
    margin-bottom: 0.6rem;
    padding: 0 1rem;
  }
  .detail_wrap .detail_review .review_slider .review_item .infobox .txt {
    font-size: 1.2rem;
  }
  .detail_wrap .detail_review .review_slider .review_item .infobox .bar {
    height: 1.2rem;
  }
  .detail_wrap .detail_review .review_slider .review_item .emoji {
    padding: 0.6rem 1rem 0.3rem;
  }
  .detail_wrap .detail_review .review_slider .review_item .desc {
    padding: 0 0.8rem;
    font-size: 1.4rem;
    margin-bottom: 1.9rem;
  }
  .detail_wrap .detail_review .review_slider .review_item .review_more > img {
    width: 2.4rem;
  }
  .detail_wrap .detail_content > .section {
    margin-bottom: 0;
    padding-top: 10rem;
    margin-top: -10rem;
    border-bottom: 6px solid #f1f1f1;
  }
  .detail_wrap .detail_content > .section .titbox {
    border-bottom: 1px solid #f1f1f1;
    margin-bottom: 0;
  }
  .detail_wrap .detail_content > .section .titbox > .title {
    display: none;
  }
  .detail_wrap .detail_content > .section .titbox > .tablink.pc_hide {
    display: none;
  }
  .detail_wrap #Introduction .content {
    padding: 2.8rem 2rem;
    font-size: 1.5rem;
    align-items: unset;
  }
  .detail_wrap #Introduction .content .content_tit {
    font-weight: 700;
    font-size: 2rem;
    color: #3d3d3d;
    margin-bottom: 1.8rem;
  }
  .detail_wrap #Introduction .content > .img {
    margin: 0 auto 2.3rem;
    max-width: 100%;
  }
  .detail_wrap #Introduction .infobox {
    border-top: 1px solid #f1f1f1;
    gap: 0;
    padding: 0;
    flex-direction: column;
  }
  .detail_wrap #Introduction .infobox .infoitem {
    width: 100%;
    gap: 1rem;
    border-bottom: 1px solid #f1f1f1;
    padding: 1.8rem 2rem;
  }
  .detail_wrap #Introduction .infobox .infoitem .title {
    gap: 1rem;
  }
  .detail_wrap #Introduction .infobox .infoitem .title .icon {
    width: 1.7rem;
  }
  .detail_wrap #Introduction .infobox .infoitem .title .tit {
    font-size: 1.6rem;
  }
  .detail_wrap #Introduction .infobox .infoitem .title .sub {
    font-size: 1.4rem;
  }
  .detail_wrap #Introduction .infobox .infoitem .descbox .txt {
    font-size: 1.4rem;
    padding-left: 1.7rem;
  }
  .detail_wrap #Introduction .infobox .infoitem .descbox .txt::before {
    width: 3px;
    left: 0.6rem;
  }
  .detail_wrap #Introduction .infobox .notice_item .descbox {
    padding: 1.2rem 0.5rem;
    border-radius: 0.8rem;
    display: flex;
    flex-direction: column;
    gap: 0.4rem;
  }
  .detail_wrap #Introduction .infobox .history_item .descbox {
    padding: 1.6rem 0.8rem;
    border-radius: 0.8rem;
    display: flex;
    flex-direction: column;
    gap: 0.4rem;
  }
  .detail_wrap #Introduction .infobox .store_item {
    display: flex;
    padding-bottom: 0;
  }
  .detail_wrap #Introduction .infobox .store_item .title .icon {
    width: 1.8rem;
  }
  .detail_wrap #Introduction .infobox .store_item .title .tit {
    font-size: 1.8rem;
    flex: 1;
  }
  .detail_wrap #Introduction .infobox .store_item .title .link {
    font-size: 1.4rem;
    color: #8c8c8c;
  }
  .detail_wrap #Introduction .infobox .store_item .descbox {
    display: flex;
    flex-direction: column;
  }
  .detail_wrap #Introduction .infobox .store_item .descbox > .item {
    padding: 1.4rem 0;
    display: flex;
    align-items: center;
    gap: 1.5rem;
  }
  .detail_wrap #Introduction .infobox .store_item .descbox > .item .imgbox {
    width: 8.2rem;
    height: 5.8rem;
    border-radius: 0.8rem;
    overflow: hidden;
  }
  .detail_wrap
    #Introduction
    .infobox
    .store_item
    .descbox
    > .item
    .imgbox
    > img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  .detail_wrap #Introduction .infobox .store_item .descbox > .item .txtbox {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 0.8rem;
  }
  .detail_wrap
    #Introduction
    .infobox
    .store_item
    .descbox
    > .item
    .txtbox
    .tit {
    font-size: 1.6rem;
    color: #222;
    word-break: keep-all;
  }
  .detail_wrap
    #Introduction
    .infobox
    .store_item
    .descbox
    > .item
    .txtbox
    .price {
    display: flex;
    align-items: center;
    gap: 0.6rem;
    font-weight: 600;
    font-size: 1.8rem;
    color: #202020;
  }
  .detail_wrap
    #Introduction
    .infobox
    .store_item
    .descbox
    > .item
    .txtbox
    .price
    .percent {
    font-weight: 700;
    font-size: 1.4rem;
    color: var(--secondary);
  }
  .detail_wrap #Review .write_area {
    margin: 0;
    padding: 1.7rem 2rem;
    border-bottom: 6px solid #f1f1f1;
  }
  .detail_wrap #Review .write_area .write_box {
    border: 0;
    border-radius: 0;
    box-shadow: none;
    padding: 0;
  }
  .detail_wrap #Review .write_area .write_box .box {
    display: none;
  }
  .detail_wrap #Review .write_area .write_box .box.show {
    display: block;
  }
  .detail_wrap #Review .write_area .write_box .top .left .icon {
    width: 1.6rem;
  }
  .detail_wrap #Review .write_area .write_box .top .left .name {
    font-size: 1.4rem;
  }
  .detail_wrap #Review .write_area .write_box .top .left .select {
    width: 10rem;
    height: 2.5rem;
    font-size: 1.2rem;
    background-size: 1rem;
    background-position: right 1.6rem center;
    border-radius: 100px;
    padding: 0 1.4rem;
  }
  .detail_wrap #Review .write_area .write_box .top .right .tit {
    font-size: 1.2rem;
    margin-right: 0.8rem;
    line-height: 1;
  }
  .detail_wrap #Review .write_area .write_box .top .right .rating_box label {
    width: 1.6rem;
  }
  .detail_wrap #Review .write_area .write_box .top .right .bar {
    display: none;
  }
  .detail_wrap #Review .write_area .write_box .emoji {
    padding: 0;
  }
  .detail_wrap #Review .write_area .write_box .login_popup {
    border-radius: 0;
    backdrop-filter: none;
    background: var(--white);
    width: 100%;
    height: 100%;
    gap: 1.6rem;
    position: relative;
    left: auto;
    top: auto;
    transform: none;
  }
  .detail_wrap #Review .write_area .write_box .login_popup .login_msgbox {
    border-radius: 1.1rem;
    padding: 1.7rem 4.5rem 0.6rem;
  }
  .detail_wrap #Review .write_area .write_box .login_popup .login_msgbox .desc {
    font-size: 1.2rem;
  }
  .detail_wrap #Review .write_area .write_box .login_popup .login_msgbox .link {
    gap: 0.6rem;
    padding: 1rem;
    font-size: 1.6rem;
  }
  .detail_wrap
    #Review
    .write_area
    .write_box
    .login_popup
    .login_msgbox
    .link
    .icon {
    width: 0.8rem;
  }
  .detail_wrap #Review .write_area .write_box .login_popup .notice_txt {
    padding: 0 1rem;
    gap: 0.8rem;
    font-size: 1.4rem;
    font-weight: 600;
  }
  .detail_wrap #Review .write_area .write_box .login_popup .notice_txt .icon {
    width: 1.5rem;
  }
  .detail_wrap #Review .write_area .write_box .textbox .textarea {
    border: 2px solid var(--secondary);
    background: var(--white);
    font-weight: 400;
    font-size: 1.2rem;
    color: var(--text-1);
    padding: 1.6rem 2rem;
    height: 14rem;
  }
  .detail_wrap #Review .write_area .write_box .textbox .textarea::placeholder {
    color: #949494;
  }
  .detail_wrap #Review .write_area .write_box .write_btn {
    border-radius: 0.8rem;
    padding: 1.2rem 0;
    background: var(--secondary);
    width: 100%;
    font-weight: 700;
    font-size: 1.5rem;
    color: var(--white);
    margin-top: 1.6rem;
  }
  .detail_wrap #Review .reviewarea {
    display: flex;
    flex-direction: column;
    padding: 0;
  }
  .detail_wrap #Review .reviewarea > .titlebox {
    order: 1;
    padding: 1.6rem 2rem;
    border-bottom: 1px solid #f1f1f1;
  }
  .detail_wrap #Review .reviewarea > .titlebox .title {
    font-size: 1.8rem;
    color: #222;
  }
  .detail_wrap #Review .reviewarea > .titlebox .title .num {
    font-size: 1.6rem;
  }
  .detail_wrap #Review .reviewarea > .titlebox .sortbox {
    gap: 1.5rem;
  }
  .detail_wrap #Review .reviewarea > .titlebox .sortbox .sortbtn {
    font-size: 1.4rem;
  }
  .detail_wrap #Review .chartarea {
    padding: 2rem 0;
    order: 2;
    border-bottom: 1px solid #f1f1f1;
  }
  .detail_wrap #Review .chartarea .rating {
    gap: 0.3rem;
    padding: 0 0 1.8rem;
  }
  .detail_wrap #Review .chartarea .rating .num {
    font-size: 2.6rem;
    color: #4d4d4d;
  }
  .detail_wrap #Review .chartarea .rating .rate {
    gap: 0.4rem;
    padding: 0 0.5rem;
    margin-bottom: 0.1rem;
  }
  .detail_wrap #Review .chartarea .rating .rate .star {
    width: 2.2rem;
  }
  .detail_wrap #Review .chartarea .rating .count {
    font-size: 1.4rem;
  }
  .detail_wrap #Review .chartarea .chartbox {
    padding: 2rem 0;
  }
  .detail_wrap #Review .chartarea .chartbox #chart {
    width: 12.5rem !important;
    height: 12rem !important;
  }
  .detail_wrap #Review .chartarea .chartbox .emoji .emoji_badge {
    height: auto;
    font-size: 1.2rem;
    color: #767676 !important;
    padding: 0;
    border: none;
    background: none;
    font-weight: 400;
  }
  .detail_wrap #Review .chartarea .chartbox .emoji .emoji_badge .icon {
    display: none;
  }
  .detail_wrap #Review .chartarea .chartbox .emoji .emoji_badge .num {
    display: none;
  }
  .detail_wrap #Review .chartarea .chartbox .emoji .emoji_badge.emoji4 {
    left: 70%;
  }
  .detail_wrap #Review .chartarea .chartbox .emoji .emoji_badge.emoji5 {
    right: 70%;
  }
  .detail_wrap #Review .chartarea .analysis {
    padding: 2.8rem 0 0;
  }
  .detail_wrap #Review .chartarea .analysis .tit {
    display: none;
  }
  .detail_wrap #Review .chartarea .analysis .desc {
    font-size: 1.4rem;
    color: #575757;
  }
  .detail_wrap #Review .chartarea .analysis .desc .point {
    color: #575757;
  }
  .detail_wrap #Review .reviewarea .reviewbox {
    gap: 0;
    padding: 0;
    order: 3;
  }
  .detail_wrap #Review .reviewarea .reviewbox .review_item {
    border: none;
    border-bottom: 1px solid #f1f1f1;
    border-radius: 0;
    padding: 2rem;
    box-shadow: none;
  }
  .detail_wrap #Review .reviewarea .reviewbox .review_item .top {
    padding: 0;
    margin-bottom: 1.2rem;
    flex-direction: column;
    align-items: unset;
  }
  .detail_wrap #Review .reviewarea .reviewbox .review_item .top .left {
    gap: 0.6rem;
  }
  .detail_wrap #Review .reviewarea .reviewbox .review_item .titlebox {
    gap: 0.4rem;
  }
  .detail_wrap #Review .reviewarea .reviewbox .review_item .titlebox .icon {
    width: 1.8rem;
  }
  .detail_wrap #Review .reviewarea .reviewbox .review_item .titlebox .title {
    font-size: 1.6rem;
  }
  .detail_wrap
    #Review
    .reviewarea
    .reviewbox
    .review_item
    .titlebox
    .ratebox
    .rate {
    width: 2rem;
  }
  .detail_wrap
    #Review
    .reviewarea
    .reviewbox
    .review_item
    .titlebox
    .ratebox
    .rate
    + .rate {
    margin-left: -0.4rem;
  }
  .detail_wrap #Review .reviewarea .reviewbox .review_item .infobox {
    gap: 0.6rem;
  }
  .detail_wrap #Review .reviewarea .reviewbox .review_item .infobox .txt {
    font-size: 1.2rem;
    color: #9e9e9e;
  }
  .detail_wrap #Review .reviewarea .reviewbox .review_item .infobox .bar {
    height: 1.2rem;
    opacity: 0.5;
  }
  .detail_wrap #Review .reviewarea .reviewbox .review_item .emoji {
    padding: 0.6rem 0 0.3rem;
    margin-bottom: 0;
  }
  .detail_wrap #Review .reviewarea .reviewbox .review_item .desc {
    font-size: 1.4rem;
    padding: 0;
  }
  .detail_wrap #Review .reviewarea .reviewbox .review_item .answer_lsit {
    margin-top: 1.2rem;
    gap: 1.6rem;
  }
  .detail_wrap #Review .reviewarea .reviewbox .review_item .answer_box {
    border-radius: 0.5rem;
    padding: 1.8rem 2rem 1.6rem;
  }
  .detail_wrap
    #Review
    .reviewarea
    .reviewbox
    .review_item
    .answer_box
    .answer_top {
    margin-bottom: 1rem;
  }
  .detail_wrap
    #Review
    .reviewarea
    .reviewbox
    .review_item
    .answer_box
    .answer_titbox
    .icon {
    display: none;
  }
  .detail_wrap
    #Review
    .reviewarea
    .reviewbox
    .review_item
    .answer_box
    .answer_titbox
    .title {
    font-size: 1.4rem;
  }
  .detail_wrap #Review .reviewarea .reviewbox .review_item .answer_box .date {
    font-size: 1.2rem;
  }
  .detail_wrap #Review .reviewarea .reviewbox .review_item .answer_desc {
    font-size: 1.4rem;
    color: #545454;
  }
  .detail_wrap #Review .pagination {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 1.5rem;
    padding: 1.6rem 2rem;
  }
  .detail_wrap #Review .pagination .page {
    font-size: 1.6rem;
    color: #8c8c8c;
    display: inline-block;
  }
  .detail_wrap #Review .pagination .page.active {
    font-weight: 700;
  }
  .detail_wrap #QnA .write_area {
    max-width: 100%;
    margin: 0;
    padding: 1.7rem 2rem;
    border-bottom: 6px solid #f1f1f1;
  }
  .detail_wrap #QnA .write_area .title {
    display: none;
  }
  .detail_wrap #QnA .write_area .write_box {
    border: 0;
    border-radius: 0;
    padding: 0;
    box-shadow: none;
  }
  .detail_wrap #QnA .write_area .write_box .top {
    display: none;
  }
  .detail_wrap #QnA .write_area .write_box .textbox .textarea {
    border: 2px solid var(--secondary);
    border-radius: 1.1rem;
    padding: 1.6rem 2rem;
    height: 14rem;
    font-size: 1.2rem;
    color: var(--text-1);
    background: var(--white);
  }
  .detail_wrap #QnA .write_area .write_box .textbox .textarea::placeholder {
    color: #949494;
  }
  .detail_wrap #QnA .write_area .write_box .write_btn {
    border-radius: 0.8rem;
    padding: 1.2rem 0;
    background: var(--secondary);
    width: 100%;
    font-weight: 700;
    font-size: 1.5rem;
    color: var(--white);
    margin-top: 1.6rem;
  }
  .detail_wrap #QnA .write_area .write_box .notice_txt {
    font-size: 1.2rem;
    margin-top: 1.6rem;
    color: #8c8c8c;
  }
  .detail_wrap #QnA .qnaarea > .titlebox {
    border-bottom: 1px solid #f1f1f1;
    padding: 1.6rem 2rem;
  }
  .detail_wrap #QnA .qnaarea > .titlebox .title {
    font-size: 1.8rem;
  }
  .detail_wrap #QnA .qnaarea > .titlebox .title .num {
    font-size: 1.6rem;
    color: #949494;
  }
  .detail_wrap #QnA .qnaarea .qnabox {
    gap: 0;
    padding: 0;
  }
  .detail_wrap #QnA .qnaarea .qnabox .qna_item {
    border: none;
    border-bottom: 1px solid #f1f1f1;
    border-radius: 0;
    padding: 2rem;
    box-shadow: none;
  }
  .detail_wrap #QnA .qnaarea .qnabox .qna_item .top {
    margin-bottom: 1.6rem;
    padding: 0;
    gap: 0.4rem;
  }
  .detail_wrap #QnA .qnaarea .qnabox .qna_item .top .icon {
    width: 1.8rem;
    order: 2;
    margin-bottom: 0.3rem;
  }
  .detail_wrap #QnA .qnaarea .qnabox .qna_item .top .title {
    font-size: 1.6rem;
    font-weight: 500;
    order: 1;
  }
  .detail_wrap #QnA .qnaarea .qnabox .qna_item .top .date {
    font-size: 1.2rem;
    margin-left: 0.2rem;
    order: 3;
  }
  .detail_wrap #QnA .qnaarea .qnabox .qna_item .desc {
    padding: 0;
    font-size: 1.4rem;
  }
  .detail_wrap #QnA .qnaarea .qnabox .qna_item .answer_lsit {
    margin-top: 1.6rem;
    gap: 1.6rem;
  }
  .detail_wrap #QnA .qnaarea .qnabox .qna_item .answer_box {
    border-radius: 0.5rem;
    padding: 1.8rem 2rem 1.6rem;
  }
  .detail_wrap #QnA .qnaarea .qnabox .qna_item .answer_box .answer_top {
    margin-bottom: 1rem;
  }
  .detail_wrap
    #QnA
    .qnaarea
    .qnabox
    .qna_item
    .answer_box
    .answer_titbox
    .icon {
    display: none;
  }
  .detail_wrap
    #QnA
    .qnaarea
    .qnabox
    .qna_item
    .answer_box
    .answer_titbox
    .title {
    font-size: 1.4rem;
  }
  .detail_wrap #QnA .qnaarea .qnabox .qna_item .answer_box .date {
    font-size: 1.2rem;
  }
  .detail_wrap #QnA .qnaarea .qnabox .qna_item .answer_desc {
    font-size: 1.4rem;
    color: #545454;
  }

  /* mypage */

  .mypage_wrap .mobile_path {
    padding: 0.6rem 2rem;
    height: 4rem;
  }
  .mypage_wrap .mobile_path .back_btn {
    width: 0.8rem;
    height: 1.3rem;
  }
  .mypage_wrap .mobile_path .title {
    font-size: 1.4rem;
  }
  .mypage_wrap .mypage_box {
    padding-top: 1.8rem;
  }
  .mypage_wrap .mypage_top {
    display: none;
  }
  .mypage_wrap .mypage_guide_banner {
    min-height: 5.6rem;
    padding: 1.6rem 2.4rem;
    gap: 1.4rem;
    margin-bottom: 1.6rem;
    border-radius: 0.8rem;
  }
  .mypage_wrap .mypage_guide_banner .guide_link {
    gap: 1.4rem;
    font-size: 1.48rem;
  }
  .mypage_wrap .mypage_guide_banner .guide_icon {
    width: 2.2rem;
    height: 2.2rem;
    font-size: 1.4rem;
  }
  .mypage_wrap .mypage_guide_banner .guide_arrow {
    width: 0.72rem;
    height: 0.72rem;
  }
  .mypage_wrap .mypage_guide_banner .guide_close {
    width: 1.6rem;
    height: 1.6rem;
  }
  .mypage_wrap .mypage_guide_banner .guide_close::before,
  .mypage_wrap .mypage_guide_banner .guide_close::after {
    width: 1.2rem;
  }
  .mypage_wrap .mypage_login {
    background: var(--white);
    border: 2px solid var(--primary);
    border-radius: 1.1rem;
    padding: 1.7rem 2rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    gap: 0.6rem;
    margin-bottom: 1.6rem;
  }
  .mypage_wrap .mypage_login .desc {
    font-size: 1.2rem;
    color: rgba(0, 0, 0, 0.58);
  }
  .mypage_wrap .mypage_login .link {
    font-weight: 700;
    font-size: 1.6rem;
    text-decoration: underline;
    text-decoration-skip-ink: none;
    color: var(--primary);
    text-underline-offset: 3px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.6rem;
    padding: 0 1rem;
  }
  .mypage_wrap .mypage_login .link .arrow {
    background: url(../img/counsel_login_arrow.png) no-repeat center/contain;
    width: 0.8rem;
    height: 1.3rem;
  }
  .mypage_wrap .mypage_contbox {
    margin-bottom: 3.8rem;
  }
  .mypage_wrap .mypage_contbox .mycoin {
    border-radius: 1.2rem;
    padding: 1.6rem 2rem;
    gap: 1rem;
    margin-bottom: 1.6rem;
  }
  .mypage_wrap .mypage_contbox .mycoin .left .tit {
    font-size: 1.4rem;
    font-weight: 600;
  }
  .mypage_wrap .mypage_contbox .mycoin .left .coin {
    font-size: 2.4rem;
    gap: 0.9rem;
    color: var(--primary);
  }
  .mypage_wrap .mypage_contbox .mycoin .left .coin .icon {
    width: 1.8rem;
  }
  .mypage_wrap .mypage_contbox .mycoin .right .link {
    font-size: 1.2rem;
  }
  .mypage_wrap .mypage_contbox .mycoin .right .link .arrow {
    width: 0.7rem;
  }
  .mypage_wrap .mypage_contbox .mycoin .right .coin_btn {
    font-size: 1.4rem;
    padding: 0.8rem 1.4rem;
    border-radius: 0.8rem;
  }
  .mypage_wrap .mypage_contbox .mynav {
    padding: 0.6rem 2rem;
    margin-bottom: 1.7rem;
  }
  .mypage_wrap .mypage_contbox .mynav > .bar {
    background: #dfdfdf;
    height: 2.8rem;
  }
  .mypage_wrap .mypage_contbox .mynav > .item .link {
    gap: 1.2rem;
    font-size: 1.2rem;
  }
  .mypage_wrap .mypage_contbox .mynav > .item .link .icon {
    width: 2.8rem;
  }
  .mypage_wrap .mypage_contbox .mymenu {
    gap: 0.6rem;
    padding: 0;
    margin: 0 -2rem;
    width: calc(100% + 4rem);
    border-top: 1px solid #f1f1f1;
  }
  .mypage_wrap .mypage_contbox .mymenu > .item .link {
    padding: 1.6rem 3rem;
    gap: 1.6rem;
  }
  .mypage_wrap .mypage_contbox .mymenu > .item .link .icon {
    width: 2.4rem;
  }
  .mypage_wrap .mypage_contbox .mymenu > .item .link .tit {
    font-size: 1.4rem;
  }
  .mypage_wrap .mypage_contbox .mymenu > .item .link .arrow {
    width: 1rem;
    height: 1.8rem;
  }
  .mypage_wrap .mypage_contbox .mymenu > .bar {
    width: calc(100% - 4rem);
    margin: 0 auto;
  }

  .all_notice_wrap .mypage_top {
    display: none;
  }
  .all_notice_wrap .mypage_contbox .mymenu {
    gap: 0.6rem;
    padding: 0;
    margin: 0 -2rem;
    width: calc(100% + 4rem);
    border-top: 1px solid #f1f1f1;
  }
  .all_notice_wrap .mypage_contbox .mymenu > .item .link {
    padding: 1.6rem 3rem;
    gap: 1.6rem;
  }
  .all_notice_wrap .mypage_contbox .mymenu > .item .link .icon {
    width: 2.4rem;
  }
  .all_notice_wrap .mypage_contbox .mymenu > .item .link .tit {
    font-size: 1.4rem;
  }
  .all_notice_wrap .mypage_contbox .mymenu > .item .link .arrow {
    width: 1rem;
    height: 1.8rem;
  }
  .all_notice_wrap .mypage_contbox .mymenu > .bar {
    width: calc(100% - 4rem);
    margin: 0 auto;
  }

  /* 상담사 자주 묻는 질문 */
  .all_notice_wrap .mypage_contbox .faq_list {
    gap: 0.6rem;
    padding: 0;
    margin: 0 -2rem;
    width: calc(100% + 4rem);
    border-top: 1px solid #f1f1f1;
  }
  .all_notice_wrap .mypage_contbox .faq_list > .item .link {
    padding: 1.6rem 3rem;
    gap: 1.6rem;
  }
  .all_notice_wrap .mypage_contbox .faq_list > .item .link .icon {
    width: 2.4rem;
  }
  .all_notice_wrap .mypage_contbox .faq_list > .item .link .tit {
    font-size: 1.4rem;
  }
  .all_notice_wrap .mypage_contbox .faq_list > .item .link .arrow {
    width: 1rem;
    height: 1.8rem;
  }
  .all_notice_wrap .mypage_contbox .faq_list > .bar {
    width: calc(100% - 4rem);
    margin: 0 auto;
  }

  /* 상담사 공지사항 */
  .all_notice_wrap .mypage_contbox .notice_list {
    gap: 0.6rem;
    padding: 0;
    margin: 0 -2rem;
    width: calc(100% + 4rem);
    border-top: 1px solid #f1f1f1;
  }
  .all_notice_wrap .mypage_contbox .notice_list > .item .link {
    padding: 1.6rem 3rem;
    gap: 1.6rem;
  }
  .all_notice_wrap .mypage_contbox .notice_list > .item .link .icon {
    width: 2.4rem;
  }
  .all_notice_wrap .mypage_contbox .notice_list > .item .link .tit {
    font-size: 1.4rem;
  }
  .all_notice_wrap .mypage_contbox .notice_list > .item .link .arrow {
    width: 1rem;
    height: 1.8rem;
  }
  .all_notice_wrap .mypage_contbox .notice_list > .bar {
    width: calc(100% - 4rem);
    margin: 0 auto;
  }

  /* 상담사 1:1문의 */
  .all_notice_wrap .mypage_contbox .qna_list {
    gap: 0.6rem;
    padding: 0;
    margin: 0 -2rem;
    width: calc(100% + 4rem);
    border-top: 1px solid #f1f1f1;
  }
  .all_notice_wrap .mypage_contbox .qna_list > .item .link {
    padding: 1.6rem 3rem;
    gap: 1.6rem;
  }
  .all_notice_wrap .mypage_contbox .qna_list > .item .link .icon {
    width: 2.4rem;
  }
  .all_notice_wrap .mypage_contbox .qna_list > .item .link .tit {
    font-size: 1.4rem;
  }
  .all_notice_wrap .mypage_contbox .qna_list > .item .link .arrow {
    width: 1rem;
    height: 1.8rem;
  }
  .all_notice_wrap .mypage_contbox .qna_list > .bar {
    width: calc(100% - 4rem);
    margin: 0 auto;
  }

  /* 상담사 */
  .counselor_wrap .container > .inner {
    padding: 0;
  }

  .counselor_menu_wrap .container {
    margin: 0;
    padding: 0;
  }
  .counselor_menu_wrap .container .inner {
    padding: 0;
  }
  .counselor_menu_wrap .container {
    padding-top: 0 !important;
    transition: all 0.4s ease;
  }
  .counselor_menu_wrap .counselmenu_bt_box {
    padding: 5px 0px;
  }

  /* coin recharge */
  /* .coinRecharge_wrap .header {
    display: none;
  } */
  .coinRecharge_wrap .mobile_path {
    padding: 0.6rem 2rem;
    height: 4rem;
  }
  /* .coinRecharge_wrap .container {
    padding-top: 4rem !important;
    padding-bottom: 2rem;
  } */
  .coinRecharge_wrap .container > .inner {
    padding: 0;
  }
  body.no_top_banner .coinRecharge_wrap .container {
    padding-top: 5.4rem !important;
  }
  .coinRecharge_wrap .coinbox .coin_top {
    display: none;
  }
  .coinRecharge_wrap .coinbox .current_box {
    margin: 2.4rem auto;
    border-radius: 1.2rem;
    padding: 1.8rem 2rem;
    width: calc(100% - 4rem);
  }
  .coinRecharge_wrap .coinbox .current_box .title {
    font-size: 1.6rem;
    gap: 0.8rem;
  }
  .coinRecharge_wrap .coinbox .current_box .title .icon {
    width: 2rem;
  }
  .coinRecharge_wrap .coinbox .current_box .coin {
    font-size: 1.6rem;
    gap: 0.8rem;
  }
  .coinRecharge_wrap .coinbox .current_box .coin .num {
    font-size: 2.2rem;
  }
  .coinRecharge_wrap .coinbox .recharge_box {
    padding: 2rem;
    border-top: 1px solid #f1f1f1;
    border-bottom: 6px solid #f1f1f1;
    margin-bottom: 0;
  }
  .coinRecharge_wrap .coinbox .recharge_box .titbox {
    font-size: 1.8rem;
    gap: 1rem;
    margin-bottom: 1.2rem;
  }
  .coinRecharge_wrap .coinbox .recharge_box .titbox .sub {
    font-size: 1.4rem;
  }
  .coinRecharge_wrap .coinbox .recharge_box .contbox {
    gap: 0.4rem;
  }
  .coinRecharge_wrap .coinbox .recharge_box .contbox > .head {
    border-radius: 0.4rem;
    padding: 0.7rem 0;
    gap: 1rem;
    margin-bottom: 0.2rem;
  }
  .coinRecharge_wrap .coinbox .recharge_box .contbox > .head .head_tit {
    font-size: 1.2rem;
  }
  .coinRecharge_wrap .coinbox .recharge_box .contbox > .head .bar {
    height: 1.4rem;
  }
  .coinRecharge_wrap .coinbox .recharge_box .contbox > .item > input {
    width: 1.8rem;
    right: 2rem;
  }
  .coinRecharge_wrap .coinbox .recharge_box .contbox > .item > input::before {
    width: 0.8rem;
  }
  .coinRecharge_wrap .coinbox .recharge_box .contbox > .item > label {
    border: 1px solid var(--grey);
    border-radius: 0.8rem;
    padding: 1.7rem 1.3rem;
    gap: 1rem;
  }
  .coinRecharge_wrap .coinbox .recharge_box .contbox > .item > label .left {
    gap: 0.8rem;
  }
  .coinRecharge_wrap
    .coinbox
    .recharge_box
    .contbox
    > .item
    > label
    .left
    .icon {
    width: 1.6rem;
  }
  .coinRecharge_wrap
    .coinbox
    .recharge_box
    .contbox
    > .item
    > label
    .left
    .title {
    gap: 0.4rem;
  }
  .coinRecharge_wrap
    .coinbox
    .recharge_box
    .contbox
    > .item
    > label
    .left
    .title
    .tit {
    font-size: 1.4rem;
  }
  .coinRecharge_wrap
    .coinbox
    .recharge_box
    .contbox
    > .item
    > label
    .left
    .title
    .plus {
    width: 0.7rem;
  }
  .coinRecharge_wrap
    .coinbox
    .recharge_box
    .contbox
    > .item
    > label
    .left
    .title
    .percent {
    font-size: 1rem;
  }
  .coinRecharge_wrap .coinbox .recharge_box .contbox > .item > label .right {
    padding: 0 0.7rem;
  }
  .coinRecharge_wrap
    .coinbox
    .recharge_box
    .contbox
    > .item
    > label
    .right
    .price {
    padding-right: 3.6rem;
    font-size: 1.6rem;
  }
  .coinRecharge_wrap
    .coinbox
    .recharge_box
    .contbox
    > .item
    > label
    .recommend_badge {
    left: 0;
    top: 0;
    padding: 0.2rem 0.8rem;
    border-radius: 0.8rem 0 0.4rem 0;
  }
  .coinRecharge_wrap
    .coinbox
    .recharge_box
    .contbox
    > .item
    > label
    .recommend_badge.typeA {
    background: #eb4e2c;
    box-shadow: none;
  }
  .coinRecharge_wrap
    .coinbox
    .recharge_box
    .contbox
    > .item
    > label
    .recommend_badge.typeB {
    background: #f59b31;
    box-shadow: none;
  }
  .coinRecharge_wrap
    .coinbox
    .recharge_box
    .contbox
    > .item
    > label
    .recommend_badge.typeC {
    background: #eb4e2c;
    box-shadow: none;
  }
  .coinRecharge_wrap
    .coinbox
    .recharge_box
    .contbox
    > .item
    > label
    .recommend_badge
    .icon {
    display: none;
  }
  .coinRecharge_wrap
    .coinbox
    .recharge_box
    .contbox
    > .item
    > label
    .recommend_badge
    .txt {
    font-size: 1rem;
  }
  .coinRecharge_wrap .coinbox .recharge_box .btnbox {
    margin-top: 1.4rem;
  }
  .coinRecharge_wrap .coinbox .recharge_box .btnbox .confirm_btn {
    gap: 0.6rem;
    font-size: 1.2rem;
  }
  .coinRecharge_wrap .coinbox .recharge_box .btnbox .confirm_btn .icon {
    width: 1.2rem;
  }
  .coinRecharge_wrap .coinbox .payment_box .titbox {
    padding: 1.9rem 2rem;
    font-size: 1.8rem;
  }
  .coinRecharge_wrap .coinbox .payment_box .methodbox {
    border-bottom: 6px solid #f1f1f1;
  }
  .coinRecharge_wrap .coinbox .payment_box .methodbox > .item + .item {
    border-top: 1px solid #e2e2e2;
  }
  .coinRecharge_wrap .coinbox .payment_box .methodbox > .item .radio_btn {
    gap: 1rem;
    padding: 1.6rem 2rem;
  }
  .coinRecharge_wrap .coinbox .payment_box .methodbox > .item .radio_btn input {
    width: 1.8rem;
  }
  .coinRecharge_wrap
    .coinbox
    .payment_box
    .methodbox
    > .item
    .radio_btn
    input::before {
    width: 0.8rem;
  }
  .coinRecharge_wrap .coinbox .payment_box .methodbox > .item .radio_btn label {
    font-size: 1.6rem;
  }
  .coinRecharge_wrap .coinbox .payment_box .methodbox > .item .add_cardbox {
    gap: 1.6rem;
    padding: 1rem 0 1.3rem;
  }
  .coinRecharge_wrap
    .coinbox
    .payment_box
    .methodbox
    > .item
    .add_cardbox
    .txt {
    padding: 1.2rem 2rem;
    font-size: 1.4rem;
  }
  .coinRecharge_wrap .coinbox .payment_box .methodbox > .item .pay_selbox {
    gap: 0.6rem;
    padding: 0.4rem 2rem 1.6rem;
  }
  .coinRecharge_wrap
    .coinbox
    .payment_box
    .methodbox
    > .item
    .pay_selbox
    .selbtn {
    width: calc((100% - 0.6rem) / 2);
    max-width: 100%;
  }
  .coinRecharge_wrap
    .coinbox
    .payment_box
    .methodbox
    > .item
    .pay_selbox
    .selbtn
    label {
    padding: 0;
    font-size: 1.6rem;
    height: 5.6rem;
  }
  .coinRecharge_wrap
    .coinbox
    .payment_box
    .methodbox
    > .item
    .pay_selbox
    .selbtn
    label
    .kakao_pay {
    width: 5.4rem;
  }
  .coinRecharge_wrap
    .coinbox
    .payment_box
    .methodbox
    > .item
    .pay_selbox
    .selbtn
    label
    .naver_pay {
    width: 5.2rem;
  }
  .coinRecharge_wrap .coinbox .payment_box .salebox {
    border-bottom: 6px solid #f1f1f1;
    padding: 1.8rem 2rem;
    gap: 1rem;
  }
  .coinRecharge_wrap .coinbox .payment_box .salebox .tit {
    font-size: 1.8rem;
  }
  .coinRecharge_wrap .coinbox .payment_box .salebox .desc {
    font-size: 1.4rem;
    gap: 0.6rem;
  }
  .coinRecharge_wrap .coinbox .payment_box .salebox .desc .link {
    width: 0.7rem;
  }
  .coinRecharge_wrap .coinbox .payment_box .totalbox .totallist {
    border-bottom: 6px solid #f1f1f1;
    padding: 3.2rem 2rem 3.6rem;
    margin-bottom: 2rem;
    gap: 1rem;
  }
  .coinRecharge_wrap .coinbox .payment_box .totalbox .title {
    font-size: 1.8rem;
    padding: 1.9rem 2rem;
  }
  .coinRecharge_wrap .coinbox .payment_box .totalbox .totallist > .item {
    font-size: 1.8rem;
    color: #4e4e4e;
    gap: 1rem;
  }
  .coinRecharge_wrap .coinbox .payment_box .totalbox .totallist > .item.last {
    margin-top: 1.5rem;
    border-top: 1px solid #e2e2e2;
    padding-top: 1.3rem;
  }
  .coinRecharge_wrap .coinbox .payment_box .totalbox .totallist > .item .txt {
    width: 50%;
  }
  .coinRecharge_wrap
    .coinbox
    .payment_box
    .totalbox
    .totallist
    > .item
    .txt
    .small {
    font-size: 1.4rem;
  }
  .coinRecharge_wrap .coinbox .payment_box .totalbox .totallist > .item .desc {
    color: #737373;
  }
  .coinRecharge_wrap
    .coinbox
    .payment_box
    .totalbox
    .totallist
    > .item
    .desc.point {
    gap: 0.6rem;
    font-size: 1.4rem;
  }
  .coinRecharge_wrap
    .coinbox
    .payment_box
    .totalbox
    .totallist
    > .item
    .desc.point
    .num {
    font-size: 1.8rem;
  }
  .coinRecharge_wrap
    .coinbox
    .payment_box
    .totalbox
    .totallist
    > .item
    .desc.point
    .icon {
    width: 1.6rem;
  }
  .coinRecharge_wrap .coinbox .payment_box .pay_btn {
    width: calc(100% - 4rem);
    max-width: 324px;
    height: 48px;
    font-size: 1.7rem;
    border-radius: 0.8rem;
    margin: 0 auto;
    display: block;
  }

  /* calculate popup */
  .calculate_modal {
    min-width: unset;
    width: 90%;
    border-radius: 1.2rem;
    padding: 2.1rem 1.3rem 1.7rem;
  }
  .calculate_modal .tit_box {
    font-size: 1.8rem;
    color: #323232;
    gap: 1rem;
    padding: 0 1.1rem;
    margin-bottom: 1.8rem;
  }
  .calculate_modal .tit_box .icon {
    width: 1.6rem;
  }
  .calculate_modal .current_box {
    border-radius: 1.2rem;
    padding: 1.8rem 2rem;
    margin-bottom: 2.6rem;
  }
  .calculate_modal .current_box .title {
    font-size: 1.4rem;
    gap: 0.8rem;
  }
  .calculate_modal .current_box .title .icon {
    width: 1.6rem;
  }
  .calculate_modal .current_box .coin {
    font-size: 1.4rem;
  }
  .calculate_modal .current_box .coin .num {
    font-size: 1.8rem;
  }
  .calculate_modal .info_box1 {
    gap: 1rem;
    margin-bottom: 3.1rem;
    padding: 0;
  }
  .calculate_modal .info_box1 > .item .tit {
    padding: 0 1.3rem;
    font-size: 1.4rem;
  }
  .calculate_modal .info_box1 > .item .selectbox {
    border: 2px solid rgba(0, 0, 0, 0.7);
    border-radius: 0.8rem;
    padding: 0 4rem;
  }
  .calculate_modal .info_box1 > .item .selectbox .select {
    width: calc(55px + 2rem);
    height: 36px;
    padding-right: 1.8rem;
    font-size: 1.6rem;
    color: #343434;
  }
  .calculate_modal .info_box1 > .item .selectbox::after {
    width: 1.2rem;
    margin-left: -1.2rem;
  }
  .calculate_modal .info_box1 > .item .input {
    border: 2px solid rgba(0, 0, 0, 0.7);
    border-radius: 0.8rem;
    padding: 0 1rem;
    font-size: 1.1rem;
    color: #343434;
  }
  .calculate_modal .info_box1 > .item .input::placeholder {
    color: #878787;
  }
  .calculate_modal .info_box2 {
    gap: 1rem;
    margin-bottom: 2.8rem;
    padding: 0 1.3rem;
  }
  .calculate_modal .info_box2 > .item .tit {
    font-size: 1.4rem;
  }
  .calculate_modal .info_box2 > .item .desc .num {
    font-size: 2.4rem;
  }
  .calculate_modal .info_box2 > .item .desc {
    font-size: 2.2rem;
  }
  .calculate_modal .confirm_btn {
    font-size: 1.6rem;
    border-radius: 0.8rem;
  }

  /* pay popup */
  #payPopup .modal_box .coin {
    margin-top: 3.3rem;
    gap: 0.9rem;
  }
  #payPopup .modal_box .coin .icon {
    width: 2.1rem;
  }
  #payPopup .modal_box .coin .txt {
    font-size: 2.2rem;
  }
  #payPopup .modal_box .modal_btnbox {
    margin-top: 3.69rem;
  }

	/* 로그인 ver2 */
	.login_wrap .login_box2 { margin: 3.9rem auto; padding: 3.6rem 3rem 2.8rem;  box-shadow: none;}
	.login_wrap .login_box2 .logobox { width: 7.4rem; margin-bottom: 2.4rem;}
	.login_wrap .login_box2 .title { font-size: 2.9rem; margin-bottom: 1rem;}
	.login_wrap .login_box2 .imgbox { max-width: 20rem; margin-bottom: 0.8rem;}
	.login_wrap .login_box2 .btnbox { gap: 2rem;  max-width: 26rem;}
	.login_wrap .login_box2 .btnbox .kakao_btn {  font-size: 1.3rem;  letter-spacing: 0.04em;  color: #191919;  padding: 0 3.3rem; height: 4rem; border-radius: 0.4rem; text-align: left; gap: 2.6rem;}
	.login_wrap .login_box2 .btnbox .kakao_btn .icon { width: 1.8rem;}
	.login_wrap .login_box2 .btnbox .id_login_btn { font-size: 1rem;}

  .login_wrap .login_box2 .btnbox .apple_btn {  font-size: 1.3rem;  letter-spacing: 0.04em;  color: #ffffff;  padding: 0 3.3rem; height: 4rem; border-radius: 0.4rem; text-align: left; gap: 2.6rem;}
	.login_wrap .login_box2 .btnbox .apple_btn .icon { width: 1.8rem;}
	.login_wrap .login_box2 .btnbox .apple_btn .txt { flex: 1; }


	/* 비회원 헤더 */
	.header.nonmember_ver .h_selbox, 
	.header.nonmember_ver .h_schbox {display: none;}
	.header .h_side2 { flex: 1; border-left: 1px solid rgba(161, 161, 161, 0.5);  padding-left: 1.5rem;  justify-content: flex-end; gap: 0.6rem;}
	.header .h_side2 .side_btn2 { font-size: 1.2rem; padding: 0.5rem 0.65rem;  border-radius: 0.6rem;}
	.header .h_side2 .side_btn2.free_btn {padding: 0.5rem 0.65rem;}

  

	/* 모바일 타이머 배너 */
	.timer_banner { display: block;  position: fixed;  left: 50%; bottom: 7.2rem; width: calc(100% - 1.6rem);  height: 5rem; transform: translateX(-50%);  z-index: 90; box-shadow: 0 0 0.2rem 0 #ec221f; border: 1px solid var(--secondary);  border-radius: 1.2rem; padding: 0 1.8rem;    display: flex; align-items: center;  justify-content: space-between; overflow: hidden;}
  /* .timer_banner .time_progress { position: absolute; left: 0;  width: 100%;   height: 100%;  background: var(--button);transition: all 1s linear;} */
  .timer_banner .time_progress { position: absolute; left: 0;  width: 100%;   height: 100%;  background: linear-gradient(to left, var(--button), var(--button)) no-repeat, rgba(49, 49, 49, 0.9);  animation: backgroundShrink 20s ease-out infinite;}
  .timer_banner .time_progress.active { transition: all 0.1s linear;}
  @keyframes backgroundShrink {
   0% {background-size: 100% 100%;}
   100% {background-size: 0 100%;}
  }
  .timer_banner .left { position: relative; display: flex; flex-direction: column;}
  .timer_banner .left .tit{font-weight: 600;font-size: 1.4rem;color: var(--white);}
  .timer_banner .left .tit .bold{font-weight: 800;}
  .timer_banner .left .timer { font-weight: 600;font-size: 1.2rem; color: var(--white);}
  .timer_banner .right {position: relative;}
  .timer_banner .right .btn {height: 3.2rem;font-weight: 700; font-size: 1.4rem;  color: var(--white);  display: flex; align-items: center; gap: 0.7rem;    border-radius: 0.6rem; background: var(--primary); padding: 0 1.6rem 0.2rem; }
  .timer_banner .right .btn .arrow { background: url(/page/img/ic_arrow.png) no-repeat center / contain; width: 0.7rem; aspect-ratio: 1 / 1.5384615; }

  
	/* 제품상세 하단 고정 픽스바 */	
	.detail_wrap .detail_info .txtbox > .btnbox {display: flex;  position: fixed;   left: 0; bottom: 0; width: 100%;  height: 8.2rem;  box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.25);  background: var(--white); z-index: 95;     padding: 1.6rem 1.2rem 1.2rem 1.9rem;  flex-direction: row-reverse; gap: 1.8rem;}	
	.detail_wrap .detail_info .txtbox > .btnbox .counsel_btn { font-size: 1.8rem;  gap: 0.8rem;  padding: 1.2rem 0; height: 5.3rem;  border-radius: 1.2rem;}
	.detail_wrap .detail_info .txtbox > .btnbox .counsel_btn .icon { width: 1.9rem;}
	.detail_wrap .detail_info .txtbox > .btnbox .counsel_btn.typeA { background: var(--button);}
	.detail_wrap .detail_info .txtbox > .btnbox .bookmark_btn { gap: 0.5rem;  font-size: 1.2rem;}
	.detail_wrap .detail_info .txtbox > .btnbox .bookmark_btn .icon { width: 1.9rem;}

  
	/* 칼럼  */
	.list_wrap .list_contbox.mb { margin-bottom: 0;}
	.list_wrap .list_contbox > .listbox.column_ver { gap: 0;}
	.list_wrap .list_contbox > .listbox.column_ver .item {width: 100%; box-shadow: none;  border-radius: 0; display: flex; gap: 1.1rem; padding: 1.3rem 1.6rem;}
	.list_wrap .list_contbox > .listbox.column_ver .item .imgbox { width: 49%;  max-width: 17.3rem;  aspect-ratio: 1 / 0.68208; border-radius: 0.8rem;}
	.list_wrap .list_contbox > .listbox.column_ver .item .imgbox > img { transform: none;}
	.list_wrap .list_contbox > .listbox.column_ver .item > .bottom { flex: 1;  gap: 0;  justify-content: space-between;  padding: 0.4rem 0 0.1rem;}
	.list_wrap .list_contbox > .listbox.column_ver .item .txtbox { gap: 0.5rem;}
	.list_wrap .list_contbox > .listbox.column_ver .item .txtbox .tit { gap: 1.8rem;}
	.list_wrap .list_contbox > .listbox.column_ver .item .txtbox .desc { font-size: 1.1rem;}
	.list_wrap .list_contbox > .listbox.column_ver .item .infobox .infoitem .icon {   width: 1.8rem;}
	.list_wrap .list_contbox > .listbox.column_ver .item .infobox .infoitem .txt {  font-size: 1rem;}

	/* 코인충전 */	    
	.coinRecharge_wrap .coinbox .recharge_box .contbox > .item.first > label { gap: 0; justify-content: space-between;}
	.coinRecharge_wrap .coinbox .recharge_box .contbox > .item.first > label .left .icon::after {  width: 2.8rem;}
	.coinRecharge_wrap .coinbox .recharge_box .contbox > .item > label .left .title { gap: 0.3rem;}
	.coinRecharge_wrap .coinbox .recharge_box .contbox > .item.first > label .left .title .first_txt { font-size: 0.8rem;}
	.coinRecharge_wrap .coinbox .recharge_box .contbox > .item.first > label .right .origin { right: 5.7rem;  font-size: 1.1rem; bottom: calc(100% - 2.1rem) !important;}
	.coinRecharge_wrap .coinbox .recharge_box .contbox > .item.first > label .right .origin::before { top: 45%}
	.coinRecharge_wrap .coinbox .recharge_box .contbox > .item > label .recommend_badge.typeFirst { box-shadow: none;}

	.coinRecharge_wrap .coinbox .payment_box .totalbox .notebox { padding: 1.8rem 1.6rem; margin-bottom: 2rem;}
	.coinRecharge_wrap .coinbox .payment_box .totalbox .notebox .txt { padding-left: 0.8em; font-size: 1.2rem;}
	.coinRecharge_wrap .coinbox .payment_box .totalbox .notebox .txt::before { top: 0.4em;  width: 3px;}

	.coinRecharge_wrap .container { padding-bottom: 2rem;}
	.coinRecharge_wrap .coinbox .payment_box .totalbox .totallist { margin-bottom: 0;}

  
	* {-webkit-tap-highlight-color: transparent;}

	/* 메인 팝업 */
	.main_popup .popup_inner { width: 100%;  padding: 0 2.4rem; border-radius: 0;  gap: 0.2rem; }
	.main_popup .btnbox .btn { font-size: 2rem;}
	.main_popup .btnbox .btn.close_btn {width: 3rem;}
	.main_popup .mainpop_slider { width: 100%;  aspect-ratio: unset; max-height: unset;}
	.main_popup .mainpop_slider .imgbox { border-radius: 1.1rem;}

	/* seo 영역 */
	.seo_area { border-top: 0; padding: 1.9rem 2.2rem; font-size: 1.2rem; line-height: 140%;}
	.seo_area .title { font-size: 1.9rem}
	.seo_area .sub_title { font-size: 1.7rem;}
	.seo_area .list .list_txt::before { left: 0.25em;  width: 3px;} 


 	/* 25.06.19 작업*/
	.navigaion .nav { padding: 0 4.2rem;}
	.navigaion .nav > li > .link .icon { width: 2.6rem;}


}

@media screen and (max-width: 900px) {
  html {
    font-size: 14px !important;
  }
}

@media screen and (max-width: 700px) {
  html {
    font-size: 11.5px !important;
  }
}

/* Mobile */
@media screen and (max-width: 599px) {
  html {
    font-size: 11px !important;
  }

  .mobile {
    display: block !important;
  }
}

@media screen and (max-width: 480px) {
  html {
    font-size: 10px !important;
  }
}

@media screen and (max-width: 380px) {
  .list_wrap .list_category .catebox {
    padding: 1.5rem 2rem;
    gap: 1.8rem;
    justify-content: center;
  }

  .coinRecharge_wrap .coinbox .recharge_box .contbox > .item > input {
    right: 1.4rem;
  }
  .coinRecharge_wrap .coinbox .recharge_box .contbox > .item > label {
    padding: 1.5rem 1rem;
    gap: 0.5rem;
  }
  .coinRecharge_wrap
    .coinbox
    .recharge_box
    .contbox
    > .item
    > label
    .left
    .icon {
    width: 1.4rem;
  }
  .coinRecharge_wrap
    .coinbox
    .recharge_box
    .contbox
    > .item
    > label
    .left
    .title
    .tit {
    font-size: 1.2rem;
  }
  .coinRecharge_wrap .coinbox .recharge_box .contbox > .item > label .right {
    padding: 0;
  }
  .coinRecharge_wrap
    .coinbox
    .recharge_box
    .contbox
    > .item
    > label
    .right
    .price {
    font-size: 1.4rem;
    padding-right: 3rem;
  }
}

@media screen and (max-width: 320px) {
  html {
    font-size: 9px !important;
  }
}


/* 250729 모바일화 */
/* 레이아웃 */
.web_wrap { position: relative; width: 98%; max-width: 1040px; min-height: 100vh;  margin: 0 auto; display: flex; justify-content: space-between; flex-direction: row-reverse;}
.web_left{ position: relative; display: flex; flex-direction: column;  width: 100%;  flex: 1;  max-width: 640px; background: #fff; position: relative !important;    box-shadow: 0 0 1.25rem rgba(0, 0, 0, 0.2);}
.web_left .container {  position: relative;  width: 100%; height: calc(var(--vh) * 100 - 6rem);; margin-top: 0 !important;}
.web_left .section {position: relative; width: 100%;}
.web_right {  position: sticky; top: 0; width: 365px; height: 100vh; display: flex; flex-direction: column;  justify-content: center;  gap: 28px;}
.web_right .topbox {position: relative;}
.web_right .topbox .webright_slider {  width: 100%;}
.web_right .topbox .item .banner {  width: 100%;  display: flex;  align-items: center;  justify-content: center; border-radius: 10px; overflow: hidden;}
.web_right .topbox .item .banner .img{width: 100%;}
.web_right .topbox .webright_slider .pagination {bottom: 2px;}
.web_right .topbox .webright_slider .pagination .swiper-pagination-bullet{background: #000; transition: all 0.4s ease;}
.web_right .topbox .webright_slider .pagination .swiper-pagination-bullet-active{background: #000;}
.web_right .bottombox { display: flex; align-items: flex-start; gap: 16px;}
.web_right .bottombox .imgbox {  width: 148px;  aspect-ratio: 1 / 1;  display: flex;  align-items: center;  justify-content: center;}
.web_right .bottombox .imgbox .qr{width: 100%;}
.web_right .bottombox .txtbox { flex: 1; display: flex;flex-direction: column;  gap: 8px; margin-top: 6px;}
.web_right .bottombox .txtbox .tit {  font-weight: 700;  font-size: 22px; line-height: 1.3;  color: var(--text-1);}
.web_right .bottombox .txtbox .tit .color { color: var(--primary);}
.web_right .bottombox .txtbox .link { display: flex;  align-items: center;  gap: 9px;   font-size: 20px; line-height: 160%;  color: var(--text-1);}
.web_right .bottombox .txtbox .link .icon {  background: url(../img/ic_arrow_right2.png) no-repeat center / contain; width: 16px; aspect-ratio: 1 / 1;}