/* 기존 모바일 start */
.pc {display: none !important;}
.tablet {display: block !important;}
.container { padding-top: 9.4rem !important; transition: all 0.4s ease;}
.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; }


/* 레이아웃 */
.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; height: 6rem;}
.navigaion .nav { padding: 0 2.8rem;}
.navigaion .nav > li > .link .icon { width: 2.6rem;}


/* 카테고리 */
.category { display: none; }


/* 폼 */
.form_box { gap: 1.8rem; }
.form_item { gap: 0.6rem; }
.label_text { font-size: 1.6rem; padding: 0 0.8rem; }
.input_box .input_text { height: 3.6rem; padding: 0 1.6rem; font-size: 1.4rem; border-radius: 0.6rem; }
.input_box .select { height: 3.6rem; 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 { height: 3.6rem; 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 { 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: 600; font-size: 1.4rem; color: #202020; }


/* 모달 */
.modal .modal_box { min-width: unset; width: 90%; padding: 3.6rem 1.3rem 1.4rem; border-radius: 1.2rem; }
.modal .modal_box .modal_logo { margin-bottom: 1.8rem; width: 8rem; }
.modal .modal_box .modal_title { font-size: 2rem; }
.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; height: 4.8rem; }


/* 더보기 버튼 */
.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 { 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 { 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; }
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; }


/* 로그인 */
.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 { height: 4.8rem; 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; height: 4.8rem; }
.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_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: 30.8rem; margin: 4rem auto 0; height: 4.8rem; }


/* 목록 */
.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_modal { border-radius: 1.2rem; min-width: auto; width: 90%; max-width: 32.5rem; }
.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: 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_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 #Review, .detail_wrap #QnA { display: none; }
.detail_wrap .detail_info .txtbox .cate { right: 3.2rem; top: 1.6rem;}
.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;  width: 33.6rem; margin-right: 1.6rem; }
.detail_wrap .detail_review .review_slider .review_item.open {  width: 37rem;}
.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_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_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;}


/* 코인충전 */
/* .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 .add_cardbox .img {max-width: 20.8rem;}
.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: 32.4rem; height: 4.8rem; font-size: 1.7rem; border-radius: 0.8rem; margin: 0 auto; display: block;}


/* 상담가격 계산하기 팝업 */
.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(5.5rem + 2rem); height: 3.6rem; 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; height: 4rem; 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; height: 4.8rem; }


/* 결제완료 팝업 */
#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; }


/* 메인 팝업 */
.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;}


/* 로그인 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;}


/* 비회원 헤더 */
.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:not(.nonmember_ver) .h_side2 {display: none;}
.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;}


/* 코인충전 */	    
.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 .price .origin { right: 3.6rem;  font-size: 1.1rem;}
.coinRecharge_wrap .coinbox .recharge_box .contbox > .item.first > label .right .price .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;}


/* 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;} 


/* 칼럼  */
.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;}


/* 제품상세 하단 고정 픽스바 */	
.detail_wrap .detail_bottom {display: flex; align-items: center; 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_bottom .counsel_btn {display: flex; align-items: center;    justify-content: center; flex: 1; font-weight: 800;  font-size: 1.8rem;  gap: 0.8rem;  padding: 1.2rem 0; height: 5.3rem;  border-radius: 1.2rem;}
.detail_wrap .detail_bottom .counsel_btn .icon { background: url(../img/ico_call1.png) no-repeat center / contain; width: 1.9rem; aspect-ratio: 1 / 1}
.detail_wrap .detail_bottom .counsel_btn.typeA { background: var(--button); color: var(--white);}
.detail_wrap .detail_bottom .bookmark_btn { display: flex;  flex-direction: column;    align-items: center;color: #535353;gap: 0.5rem;  font-size: 1.2rem;}
.detail_wrap .detail_bottom .bookmark_btn .icon { width: 1.9rem;}
.detail_wrap .detail_bottom .bookmark_btn .icon { background: url(../img/ico_bookmark_off.png) no-repeat center / contain; width: 1.9rem; aspect-ratio: 1 / 1.25;}


/* 모바일 타이머 배너 */
.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(../img/ic_arrow.png) no-repeat center / contain; width: 0.7rem; aspect-ratio: 1 / 1.5384615; }

/* 기존 모바일 end */


/* 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;}



/* 기존 모바일 수정 */
/* 공통 */
body::before { left: auto; right: var(--margin-left); max-width: 640px; transition: opacity 0.4s ease;}
.mob_top_banner {position: sticky; left: unset; top: 0;}
body.no_top_banner .mob_top_banner { margin-top: -4rem;}
.header {position: sticky; left: unset; top: 4rem;}
.container { padding-top: 0 !important;}
body.no_top_banner .container { padding-top: 0 !important;}
.navigaion { position: sticky; left: auto; overflow: hidden; margin-top: -5rem;}
.modal { left: auto; right: var(--margin-left); max-width: 640px; transition: opacity 0.4s ease;}
.modal .modal_box { max-width: 35rem;}
.counsel_modal { left: calc(var(--margin-left) + 3.125rem); transform: translate(0, -50%);  transition: opacity 0.4s ease;}
.timer_banner {  position: sticky;  left: auto;  width: calc(100% - 1.6rem);  padding: 0 1.6rem;  transform: none;  margin: 0 auto 0;}
.main_popup {display: none;}
.login_wrap .login_box {max-width: 30.8rem;}
.login_wrap .login_box2 {max-width: 40.6rem;}
.detail_wrap .detail_bottom { position: sticky; left: auto; overflow: hidden; margin-top: -5rem; }
.calculate_modal {max-width: 35rem;}
.joinGuide_modal, .paymentMethod_modal, .revieRequest_modal {position: absolute; }
.reviewWrite_modal:not(.ver2) {position: absolute; }



/* 비율 수정 */
html {font-size: 10px !important;}
.web_wrap {width: 90%;  max-width: 900px;  } /* 레이아웃 */
.web_left { max-width: 450px; } /* 컨테이너*/
.web_right { width: 320px; height: 100vh;} /* 좌측 배너*/
.web_right .bottombox .txtbox .tit { font-size: 20px;}
.web_right .bottombox .txtbox .link { font-size: 18px;}
.web_right .bottombox .imgbox { width: 120px;}
body::before, .modal {max-width: 450px;}




/* PC (반응형 적용 X)*/
/*

.joinGuide_modal .headbox,
.paymentMethod_modal .headbox,
.revieRequest_modal .headbox,
.reviewWrite_modal .headbox { padding: 2rem 0 0; gap: 2rem;}

.joinGuide_modal .headbox .top .back_btn,
.paymentMethod_modal .headbox .top .back_btn,
.revieRequest_modal .headbox .top .back_btn,
.reviewWrite_modal .headbox .top .back_btn { width: 2rem;}

.joinGuide_modal .headbox .top .nextTime_btn {font-size: 1.4rem;}

.joinGuide_modal .bodybox,
.paymentMethod_modal .bodybox {padding: 2rem 2rem 4rem}

.joinGuide_modal .bodybox .imgbox .img1,
.joinGuide_modal .bodybox .imgbox .img2 { height: 20rem; max-height: 30vh;}

.joinGuide_modal .bodybox .txtbox,
.paymentMethod_modal .bodybox .txtbox { gap: 2rem;}

.joinGuide_modal .bodybox .txtbox .tit,
.paymentMethod_modal .bodybox .txtbox .titbox { font-size: 2.4rem;}

.joinGuide_modal .bodybox .txtbox .descbox,
.paymentMethod_modal .bodybox .txtbox .descbox { min-height: unset;  gap: 1rem;}

.joinGuide_modal .bodybox .txtbox .descbox .desc,
.paymentMethod_modal .bodybox .txtbox .descbox .desc { font-size: 1.5rem;}

.joinGuide_modal .btnbox,
.paymentMethod_modal .btnbox,
.revieRequest_modal .btnbox,
.reviewWrite_modal .btnbox { padding: 0 2rem 2.5rem; gap: 1.6rem;}
.firstConsult_modal .modal_btnbox {padding-bottom: 2.5rem;}

.joinGuide_modal .btnbox .btn,
.paymentMethod_modal .btnbox .btn,
.reviewWrite_modal .btnbox .btn {height: 5.6rem;}
.modal.ver3 .modal_box {border-bottom: 1px solid rgba(223, 223, 223, 0.5)}
.modal.ver3 .modal_box .modal_btnbox .btn { height: 5rem; border-radius: 0.6rem; }


@media screen and (min-width: 1081px) {

	.joinGuide_modal .bodybox,
	.paymentMethod_modal .bodybox {padding: 2rem 2rem 2.5rem}
	
	.joinGuide_modal .btnbox,
	.paymentMethod_modal .btnbox,
	.revieRequest_modal .btnbox,
	.reviewWrite_modal .btnbox { padding: 0 2rem 2.5rem;}

	.call_modal .top_box { max-height: 50vh;}

	.cardRegister_modal .gift_box { bottom: calc(100% + 3rem);}
	.cardRegister_modal .modal_box .modal_body { padding: 3rem 2rem;}
	.cardRegister_modal .modal_box .modal_btnbox { padding: 0 2rem 2.5rem;}

	.fortune_wrap .fortune_slider .slideitem .slidetitbox .sub { font-size: 1.2rem;}
	.fortune_wrap .fortune_slider .slideitem .slidetitbox .tit { font-size: 2.2rem;}

	.fortune_wrap .fortune_slider .slideitem1 .img { width: 16rem;  margin: 1rem 0 2rem;}

	.fortune_wrap .fortune_slider .slideitem2 .graphbox {  width: 30rem;  margin: 0 auto -10rem; }
	.fortune_wrap .fortune_slider .slideitem2 .graphbox .graph { width: 100%;  margin: 0}
	.fortune_wrap .fortune_slider .slideitem2 .totalbox .number { font-size: 6rem;}
	.fortune_wrap .fortune_slider .slideitem2 .totalbox .cmt .icon { width: 1.6rem;}
	.fortune_wrap .fortune_slider .slideitem2 .totalbox .cmt .txt { font-size: 1.3rem;}

	.fortune_wrap .fortune_slider .slideitem3 .cardbox { gap: 4rem 0.6rem;  padding: 2.5rem 1.8rem;}
	.sajuView_modal .modal_body > .txtbox .tit { font-size: 2.6rem; margin-bottom: 1.6rem;}
	.sajuView_modal .modal_body > .txtbox .desc { font-size: 1.4rem;}

	.fortune_wrap .fortune_slider .slideitem4 .slidecontbox { gap: 3rem;}
	.fortune_wrap .fortune_slider .slideitem4 .slidecontbox .imgbox { max-width: 24rem;  height: 18rem;}

	.fortune_wrap .fortune_slider .slideitem5 .titbox { margin: 2.2rem 0 2.6rem;}
	.fortune_wrap .fortune_slider .slideitem5 .titbox .score { font-size: 5rem;}
	.fortune_wrap .fortune_slider .slideitem5 .titbox .msg { font-size: 1.25rem;}
	.fortune_wrap .fortune_slider .slideitem5 .graphbox { width: 80%; margin: 0 auto; height: 10rem;}
	.fortune_wrap .fortune_slider .slideitem5 .progressbox { gap: 1.5rem;}
	.fortune_wrap .fortune_slider .slideitem5 .progressbox .progress { width: 87%;  height: 2.8rem; margin: 0;}
	.fortune_wrap .fortune_slider .slideitem5 .progressbox .progress .ativebar .icon {  width: 1.6rem; left: calc(100% - 1.6rem - 0.5rem);}
	.fortune_wrap .fortune_slider .slideitem5.state_afternoon .progressbox .progress .ativebar{ width: calc(50% + 1.4rem);}
	.fortune_wrap .fortune_slider .slideitem5.state_morning .progressbox .progress .ativebar { width: 2.8rem;}

	.fortune_wrap .fortune_slider .slideitem6 .slidecontbox { padding: 0.5rem 2rem;}

	.fortune_wrap .fortune_slider .slideitem7 .cardbox .item .txtbox { padding: 0 1.25rem;}

	.fortune_wrap .fortune_slider .slideitem8 .cardview .txtbox { padding: 0 1.25rem;}

	.cardRegister_modal .modal_box .modal_body .title {  margin-bottom: 1.5rem;}
	 	
}

@media screen and (min-width: 1041px) and (max-height: 1040px) {

  	html {font-size: 14px !important;}

	.fortune_wrap .fortune_slider .slideitem2 .graphbox { margin: 0 auto -11rem; }
	.fortune_wrap .fortune_slider .slideitem2 .daybtnbox { margin: 2.4rem 0;}

	.fortune_wrap .fortune_slider .slideitem3 .cardbox { gap: 3.4rem 0.6rem; padding: 1.5rem 1.8rem; }

	.fortune_wrap .fortune_slider .slideitem4 .slidecontbox { gap: 2rem; }
	.fortune_wrap .fortune_slider .slideitem4 .slidecontbox .imgbox { height: 17rem; }

	.fortune_wrap .fortune_slider .slideitem5 .titbox { margin: 1.4rem 0 2rem;}

	.fortune_wrap .fortune_slider .slideitem6 .slidecontbox { padding: 0 2rem; }
	.fortune_wrap .fortune_slider .slideitem6 .slidecontbox .item { padding: 1.5rem 0;}


}

@media screen and (min-width: 1041px) and (max-height: 840px) {

  	html {font-size: 12px !important;}

}

@media screen and (min-width: 1041px) and (max-height: 780px) {

  	html {font-size: 11.5px !important;}

}

*/




/* tablet */
@media screen and (max-width: 900px) {

	.web_wrap { width: 100%; max-width: 100%;}
	.web_left { margin: 0 auto;}
	.web_right  {display: none;}

	body::before { left: 50%; right: auto; transform: translateX(-50%); max-width: 100%;}

	body.main_pop::before {opacity: 1;}
	.main_popup {display: block;}
	
	.modal { left: 50% !important; right: auto; transform: translateX(-50%); max-width: 100%;} 

	.counsel_modal {left: 50%; transform: translate(-50%,-50%);}

	.fortune_wrap .fortune_slider .slideitem .arrow_icon { top: 1.5vh;}

}


/* 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;}

  

	/* 25.06.06 작업*/
	.header .h_inner {padding: 1.5rem 2rem; }

}


@media screen and (max-width: 1080px) and (max-height: 680px) {

	.fortune_wrap .fortune_slider .slideitem1 .img { width: 16rem;  margin: 1rem 0 2rem;}

  	.fortune_wrap .fortune_slider .slideitem2 .graphbox { margin-bottom: -35%;  }  
  	.fortune_wrap .fortune_slider .slideitem2 .daybtnbox { margin: 1.5rem 0; }

	.fortune_wrap .fortune_slider .slideitem3 .cardbox { gap: 4rem 0.6rem;  padding: 2rem 1.8rem;}

	.fortune_wrap .fortune_slider .slideitem4 .slidecontbox { gap: 3rem;}
	.fortune_wrap .fortune_slider .slideitem4 .slidecontbox .imgbox { max-width: 24rem;  height: 16rem;}

	.fortune_wrap .fortune_slider .slideitem5 .titbox { margin: 2rem 0 2.4rem;}
	.fortune_wrap .fortune_slider .slideitem5 .titbox .score { font-size: 5rem;}
	.fortune_wrap .fortune_slider .slideitem5 .titbox .msg { font-size: 1.3rem;}
	.fortune_wrap .fortune_slider .slideitem5 .graphbox {width: 90%; margin: 0 auto; height: 10rem;}	
	.fortune_wrap .fortune_slider .slideitem5 .progressbox { gap: 1.2rem;}
	.fortune_wrap .fortune_slider .slideitem5 .progressbox .progress { width: 100%;     height: 3rem;  margin: 0;}
	.fortune_wrap .fortune_slider .slideitem5.state_afternoon .progressbox .progress .ativebar{ width: calc(50% + 1.5rem);}
	.fortune_wrap .fortune_slider .slideitem5.state_morning .progressbox .progress .ativebar { width: 3rem;}

	.fortune_wrap .fortune_slider .slideitem6 .slidecontbox {  padding: 0 2rem;}
	.fortune_wrap .fortune_slider .slideitem6 .slidecontbox .item { padding: 1.6rem 0;}

}


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

  	html { font-size: 9px !important;}

  	.call_modal .top_box.info_show { max-height: 55vh; height: 35rem;}

	.fortune_wrap .fortune_slider .slideitem2 .graphbox { margin-bottom: -40%; }
	.fortune_wrap .fortune_slider .slideitem2 .totalbox .number { font-size: 7rem;}

	.fortune_wrap .fortune_slider .slideitem3 .cardbox { gap: 3.5rem 0.6rem; padding: 0.5rem 1.8rem; }
	.fortune_wrap .fortune_slider .slideitem3 .cardbox .item .score { font-size: 2.2rem;}

	.fortune_wrap .fortune_slider .slideitem4 .slidecontbox { gap: 2rem; }

	.fortune_wrap .fortune_slider .slideitem5 .titbox { margin: 1.2rem 0 1.4rem; }
	.fortune_wrap .fortune_slider .slideitem5 .graphbox { height: 9rem; }

	.fortune_wrap .fortune_slider .slideitem6 .slidecontbox .item { padding: 1.24rem 0;}
	.fortune_wrap .fortune_slider .slideitem6 .slidecontbox .item .tit { font-size: 2rem;}

	.cardRegister_modal .gift_box { bottom: calc(100% + 3rem);}



}


/* 모바일 UI바 대응 */
@media screen and (max-width : 599px) {	

	body.uiBar_ver .fortune_wrap .fortune_slider .slideitem2 .graphbox {margin-bottom: -36%;}
	body.uiBar_ver .fortune_wrap .fortune_slider .slideitem2 .totalbox .number { font-size: 7rem;}
	body.uiBar_ver .fortune_wrap .fortune_slider .slideitem3 .cardbox { gap: 3.5rem 0.6rem; padding: 1.5rem 1.8rem;}
	body.uiBar_ver .fortune_wrap .fortune_slider .slideitem4 .slidecontbox { gap: 3rem;}
	body.uiBar_ver .fortune_wrap .fortune_slider .slideitem5 .titbox { margin: 1.8rem 0 2.4rem;}
	body.uiBar_ver .fortune_wrap .fortune_slider .slideitem5 .titbox .score { font-size: 5.4rem;}
	body.uiBar_ver .fortune_wrap .fortune_slider .slideitem5 .graphbox { height: 10rem;}
	body.uiBar_ver .fortune_wrap .fortune_slider .slideitem6 .slidecontbox { padding: 0 2rem;}

}


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

	body.uiBar_ver .fortune_wrap .fortune_slider .slideitem2 .graphbox {      margin-bottom: -40%;}

	body.uiBar_ver .fortune_wrap .fortune_slider .slideitem3 .cardbox .item {  padding: 1.8rem 1.5rem 0.8rem;}
	body.uiBar_ver .fortune_wrap .fortune_slider .slideitem3 .cardbox .item .score {font-size: 2rem;}

	body.uiBar_ver .fortune_wrap .fortune_slider .slideitem4 .slidecontbox { gap: 2rem; }
	body.uiBar_ver .fortune_wrap .fortune_slider .slideitem4 .slidecontbox .imgbox { height: 15rem;}
	body.uiBar_ver .fortune_wrap .fortune_slider .slideitem4 .slidecontbox .msg {font-size: 1.5rem;}

	body.uiBar_ver .fortune_wrap .fortune_slider .slideitem5 .titbox { margin: 1rem 0 1.4rem; }
	body.uiBar_ver .fortune_wrap .fortune_slider .slideitem5 .titbox .score {     font-size: 4.8rem;}
	body.uiBar_ver .fortune_wrap .fortune_slider .slideitem5 .graphbox { height: 9rem;}

	.fortune_wrap .fortune_slider .slideitem6 .slidecontbox .item { padding: 1.3rem 0; }




}