/*로그인*/
.login .wrap { padding: 176px 32px 80px; box-sizing: border-box; }
.login .img-logo { display: block; width: 220px; margin: 0 auto 85px; }
.login .frm-login { margin-bottom: 24px; }

.frm-login { margin-bottom: 30px; border: 2px solid #e9e9e9; border-radius: 10px; box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.06); box-sizing: border-box; }
.frm-login input { display: block; width: 100%; height: 70px; padding: 0 24px; border: none; border-bottom: 1px solid #f2f2f2; box-sizing: border-box; background: none; font-size: 20px; font-weight: 400; color: #000; letter-spacing: -0.56px; }
.frm-login input:last-child { border-bottom: none; }

.login .ck-group { margin-bottom: 30px; }
.login .btn-custom { margin-bottom: 40px; }
.login .btn-custom:disabled { background: #ffbacc; color: #fff; }
.login .login-util { display: flex;  justify-content: center; align-items: center; margin-bottom: 88px; }
.login .login-util a { position: relative; margin: 0 20px; font-size: 19px; font-weight: 400; color: #6c6c6c; text-align: center; letter-spacing: -0.53px; }
.login .login-util a:after { content: ''; display: block; position: absolute; top: calc(50% - 9px); right: -21px; width: 2px; height: 18px; background: #d4d4d4; }
.login .login-util a:last-child:after { display: none; }

.login .sns-login .txt { margin-bottom: 24px; font-size: 18px; font-weight: 400; color: #6c6c6c; text-align: center; letter-spacing: -0.5px; }
.login .sns-login .sns-group { display: flex; justify-content: center; align-items: center; }
.login .sns-login .sns-group a { margin: 0 12px; }
.login hr { height: 1px; margin: 32px 0; background: #f2f2f2; }
.login .etc-login .txt { margin-bottom: 24px; font-size: 18px; font-weight: 400; color: #6c6c6c; text-align: center; letter-spacing: -0.5px; }
.login .etc-login a { display: flex; justify-content: center; align-items: center; width: 160px; height: 56px; margin: 0 auto; border: 1px solid #e9e9e9; border-radius: 28px; box-sizing: border-box; background: #f9f9f9; font-size: 16px; font-weight: 400; color: #505050; letter-spacing: -0.44px; }
.login .etc-login img { width: 27px; margin-right: 9px; }
.login .btn-floating-bottom { display: flex; justify-content: space-between; align-items: center; padding: 33px; box-sizing: border-box; }
.login .btn-floating-bottom .txt { font-size: 20px; font-weight: 400; color: #555; letter-spacing: -0.71px; }
.login .btn-floating-bottom .btn { display: flex; justify-content: space-between; align-items: center; width: 138px; height: 54px; padding: 0 18px; border-radius: 27px; box-sizing: border-box; background: #ffdc00; font-size: 18px; font-weight: 600; color: #3e2723; }
.login .btn-floating-bottom .btn img { width: 27px; }


/*회원가입*/
.sign .wrap { padding: 80px 32px 64px; box-sizing: border-box; }
.sign .agree-group { display: flex; justify-content: center; align-items: center; margin-bottom: 22px; }
.sign .agree-group .txt { font-size: 18px; font-weight: 400; color: #6c6c6c; text-align: center; letter-spacing: -0.5px; }
.sign .agree-group .txt a { color: #f8778d; text-decoration: underline; }
.sign .agree-group .ck-group { margin-left: 10px; }
.sign .agree-group .ck-group .ck-custom + label .custom { margin-right: 0; }
.sign .btn-floating-bottom { padding-top: 20px; box-sizing: border-box; }


/*아이디 및 비밀번호 찾기*/
.find .wrap { padding: 64px 32px; box-sizing: border-box; }
.find .frm .top-frm { margin-bottom: 64px; font-size: 20px; font-weight: 400; color: #555; text-align: center; letter-spacing: -0.71px; line-height: 28px; }
.find .btn-floating-bottom { display: flex; justify-content: space-between; align-items: center; padding: 33px; box-sizing: border-box; }
.find .btn-floating-bottom .txt { font-size: 20px; font-weight: 400; color: #555; letter-spacing: -0.71px; }
.find .btn-floating-bottom .btn { display: flex; justify-content: space-between; align-items: center; width: 138px; height: 54px; padding: 0 18px; border-radius: 27px; box-sizing: border-box; background: #ffdc00; font-size: 18px; font-weight: 600; color: #3e2723; }
.find .btn-floating-bottom .btn img { width: 27px; }


/*메인*/
.slide-banner { height: 360px; }
.slide-banner .swiper { height: 100%; }
.slide-banner .swiper-wrapper { height: 100%; }
.slide-banner .swiper-slide { background: center center no-repeat; background-size: cover; height: 100%; }
.slide-banner .inner { padding: 60px 48px; box-sizing: border-box; }
.slide-banner .txt-group .txt { font-size: 45px; font-weight: 300; color: #231916; letter-spacing: -0.26px; }
.slide-banner .txt-group .btn { display: flex; justify-content: center; align-items: center; width: 252px; height: 80px; margin-top: 25px; border-radius: 10px; box-sizing: border-box; background: #feecf0; font-size: 32px; font-weight: 700; color: #f8778d; letter-spacing: -0.89px; }
.slide-banner .swiper-pagination { top: auto; left: 48px; bottom: 48px; width: 254px; height: 8px; border-radius: 4px; box-sizing: border-box; background: #feecf0; overflow: hidden; }
.slide-banner .swiper-pagination-progressbar .swiper-pagination-progressbar-fill { border-radius: 4px; box-sizing: border-box; background: #f8778d; overflow: hidden; }

.today-count { display: flex; align-items: center; justify-content: space-between; margin-bottom: 16px; }
.today-count .txt-group { display: flex; justify-content: space-between; align-items: center; width: calc(100% / 2 - 12px); height: 120px; padding: 0 30px; border: 2px solid #fff0f3; border-radius: 10px; box-sizing: border-box; background: #fff6f9; }
.today-count .txt-group .tit { font-size: 24px; font-weight: 400; color: #1d1d1d; letter-spacing: -0.86px; }
.today-count .txt-group .tit strong { display: block; margin-top: 2px; font-weight: 600; }
.today-count .txt-group .txt { display: flex; align-items: center; font-size: 24px; font-weight: 600; color: #f8778d; text-align: right; letter-spacing: -0.32px; }
.today-count .txt-group .txt strong,
.today-count .txt-group .odometer { margin-right: 4px; font-family: 'Pretendard'; font-size: 36px; font-weight: 700; letter-spacing: -0.48px; }
.today-count .txt-group .odometer span { margin: 0 -0.2px; }

.main .sec1 .inner { padding: 32px 32px 24px; box-sizing: border-box; }

.list-category { display: flex; margin: 0 -16px; }
.list-category li { width: 25%; }
.list-category .ico { display: block; margin: 0 auto 2px; }
.list-category .tit { font-size: 20px; font-weight: 500; color: #1a1a1a; text-align: center; letter-spacing: -0.71px; }

.main .noti { padding: 32px 0 12px; box-sizing: border-box; font-size: 22px; font-weight: 500; color: #1a1a1a; text-align: center; letter-spacing: -0.34px; }
.main .noti img { width: 17px; margin-right: 8px; }
.main .noti span { font-weight: 600; color: #bf2f4a; }
.main .noti span strong,
.main .noti span odometer { font-family: 'Pretendard'; font-weight: 600; vertical-align: 0; }

.main .tab-menu { top: 120px; }
.main .tab-menu.active { top: 80px; }
.main .tab-menu .tab:hover,
.main .tab-menu .tab.active { color: #bf2f4a; }
.main .tab-menu .tab:after { background: #bf2f4a; }

.main .list-item > li:last-child { border-bottom: none; }
.main .tab-content > .btn-more { display: flex; justify-content: center; align-items: center; height: 64px; border-top: 1px solid #f2f2f2; box-sizing: border-box; font-size: 18px; font-weight: 500; color: #555; letter-spacing: -0.24px; }
.main .tab-content > .btn-more img { margin-left: 10px; }

.main .tab-content > .btn-more { display: flex; justify-content: center; align-items: center; height: 64px; border-top: 1px solid #f2f2f2; box-sizing: border-box; font-size: 18px; font-weight: 500; color: #555; letter-spacing: -0.24px; }
.main .tab-content > .btn-more img { margin-left: 10px; }


.main .tab-content .btn-more { display: flex; justify-content: center; align-items: center; height: 64px; border-top: 1px solid #f2f2f2; box-sizing: border-box; font-size: 18px; font-weight: 500; color: #555; letter-spacing: -0.24px; }
.main .tab-content .btn-more img { margin-left: 10px; }

.search .btn-more { display: flex; justify-content: center; align-items: center; height: 64px; border-top: 1px solid #f2f2f2; box-sizing: border-box; font-size: 18px; font-weight: 500; color: #555; letter-spacing: -0.24px; }
.search .btn-more img { margin-left: 10px; }


.main .tab-content .btn-more-review { display: flex; justify-content: center; align-items: center; height: 64px; border-top: 1px solid #f2f2f2; box-sizing: border-box; font-size: 18px; font-weight: 500; color: #555; letter-spacing: -0.24px; }
.main .tab-content .btn-more-review img { margin-left: 10px; }


/*아이템 리스트*/
.item-list .sec1 .top-section { display: flex; justify-content: space-between; align-items: center; margin-bottom: 20px; padding: 45px 32px 0; box-sizing: border-box; }
.item-list .sec1 .top-section .tit { font-size: 28px; font-weight: 700; color: #1a1a1a; letter-spacing: -0.78px; }
.item-list .sec1 .top-section .tit span { color: #f8778d; }

.item-list_v1 .sec1 .top-section .tit span { color: #4ac1f4; }
.item-list_v1 .ck-custom2:checked + label .custom { background-image: url('../img/ico_check2_on_v1.svg'); }


.item-list .list-item .btn-more { display: flex; justify-content: center; align-items: center; height: 64px; border-top: 1px solid #f2f2f2; box-sizing: border-box; font-size: 18px; font-weight: 500; color: #555; letter-spacing: -0.24px; }
.item-list .list-item .btn-more img { margin-left: 10px; }


.item-list .list-item .btn-more-review { display: flex; justify-content: center; align-items: center; height: 64px; border-top: 1px solid #f2f2f2; box-sizing: border-box; font-size: 18px; font-weight: 500; color: #555; letter-spacing: -0.24px; }
.item-list .list-item .btn-more-review img { margin-left: 10px; }


/*단골 상담사*/
.bookmark .section-slide-item { padding-bottom: 27px; box-sizing: border-box; }

.bookmark .sec1 { padding: 32px 0; box-sizing: border-box; }
.bookmark .sec1 .top-section { padding: 0 32px; box-sizing: border-box; position:relative; }
.bookmark .sec1 .top-section .tit { font-size: 28px; font-weight: 700; color: #1a1a1a; letter-spacing: -0.78px; }
.bookmark .sec1 .top-section .item-count { margin-top: 28px; font-size: 24px; font-weight: 500; color: #231916; letter-spacing: -0.14px; }
.bookmark .sec1 .top-section .btn-filter { display: flex; align-items: center; position: absolute; right: 32px; bottom: 0; height: 44px; padding: 0 18px; border: 2px solid #f2f2f2; border-radius: 22px; box-sizing: border-box; background: #fff; font-size: 18px; font-weight: 400; color: #000; letter-spacing: -0.5px; }
.bookmark .sec1 .top-section .btn-filter:last-child { margin-right: 0; }
.bookmark .sec1 .top-section .btn-filter img { margin-right: 6px; }
.bookmark .sec1 .list-item li:last-child { border-bottom: none; }


/*이벤트*/
.event .wrap { padding: 24px 32px; box-sizing: border-box; }

.list-event li { margin-bottom: 16px; }
.list-event li:last-child { margin-bottom: 0; }
.list-event img { display: block; width: 100%; }
.list-event img.m { display: none; }


/*이벤트 상세*/
.event-view .img-ad { display: block; width: 100%; }
.event-view .img-ad.m { display: none; }
.event-view .txt-group { padding: 42px 48px 60px; box-sizing: border-box; background: #e67a96; }
.event-view .txt-group .tit { margin-bottom: 15px; font-size: 22px; font-weight: 700; color: #fff; letter-spacing: -0.79px; }
.event-view .txt-group .txt { font-size: 20px; font-weight: 400; color: #fff; letter-spacing: -0.71px; line-height: 28.8px; }


/*공지사항*/
.board .wrap { padding: 20px 0; box-sizing: border-box; }

.list-board li { border-bottom: 1px solid #ededed; box-sizing: border-box; }
.list-board a { display: block; padding: 28px 32px; box-sizing: border-box; }
.list-board .tit-group .tit { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 20px; font-weight: 500; color: #1a1a1a; }
.list-board .tit-group .tit .board-category { display: inline-block; margin-right: 8px; padding: 4px 6px; border-radius: 5px; box-sizing: border-box; background: #f8778d; font-size: 15px; font-weight: 500; color: #fff; }
.list-board .board-date { margin-top: 8px; font-size: 18px; font-weight: 400; color: #a7a7a7; }
.list-board .board-date .new { display: inline-block; width: 6px; height: 6px; margin-left: 2px; border-radius: 50%; box-sizing: border-box; background: #fc6188; vertical-align: 10px; }


/*공지사항 상세*/
.board-view .wrap { padding: 0 32px 50px; box-sizing: border-box; margin-top:100px; }

.board-top { padding-bottom: 36px; border-bottom: 1px solid #f2f2f2; box-sizing: border-box; }
.board-top .board-category { margin-bottom: 8px; font-size: 22px; font-weight: 600; color: #f8778d; }
.board-top .board-tit { margin-bottom: 20px; font-size: 28px; font-weight: 700; color: #231916; letter-spacing: -0.16px; }
.board-top .board-date { font-size: 20px; font-weight: 400; color: #a7a7a7; letter-spacing: -0.71px; }

.board-content { padding: 42px 0 70px; box-sizing: border-box; }
.board-content .txt { margin-bottom: 48px; font-size: 20px; font-weight: 400; color: #1a1a1a; letter-spacing: -0.71px; line-height: 36px; }
.board-content img { display: block; width: 100%; }

.board-navigation { border-top: 2px solid #f2f2f2; border-bottom: 2px solid #f2f2f2; box-sizing: border-box; }
.board-navigation a { display: flex; align-items: center; padding: 32px 0; border-bottom: 2px solid #f2f2f2; box-sizing: border-box; background: right center no-repeat; }
.board-navigation a:last-child { border-bottom: none; }
.board-navigation a.prev { background-image: url('../img/ico_arrow_top3.svg'); }
.board-navigation a.next { background-image: url('../img/ico_arrow_bottom3.svg'); }
.board-navigation .txt { margin-right: 15px; font-size: 20px; font-weight: 400; color: #a7a7a7; letter-spacing: -0.71px; }
.board-navigation .tit-group { width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.board-navigation .tit-group .tit { width: calc(100% - 56px); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 20px; font-weight: 500; color: #1a1a1a; }
.board-navigation .tit-group .tit .board-category { display: inline-block; margin-right: 8px; padding: 4px 6px; border-radius: 5px; box-sizing: border-box; background: #f8778d; font-size: 15px; font-weight: 500; color: #fff; }


/*자주묻는질문*/
.faq .wrap { padding: 24px 0; box-sizing: border-box; }

.list-faq .fold { position: relative; padding: 24px 64px 24px 32px; border-bottom: 1px solid #ededed; box-sizing: border-box; cursor: pointer; }
.list-faq .fold .tit { position: relative; padding-left: 40px; box-sizing: border-box; font-size: 20px; font-weight: 500; color: #1a1a1a; line-height: 30px; }
.list-faq .fold .tit:before { content: 'Q'; display: block; position: absolute; left: 8px; font-size: 20px; font-weight: 700; color: #f8778d; }
.list-faq .fold .ico-arrow { position: absolute; top: 12px; right: 8px; transition: .2s all ease-out; }
.list-faq .fold.active .ico-arrow { transform: rotate(180deg); }
.list-faq .unfold { display: none; padding: 32px; box-sizing: border-box; background: #f7f7f7; }
.list-faq .unfold.active { display: block; }
.list-faq .unfold .txt { font-size: 16px; font-weight: 400; color: #1a1a1a; letter-spacing: -0.34px; line-height: 28px; }


/*이벤트 상담사*/
.event-item .wrap { padding: 24px 0; box-sizing: border-box; }
.event-item .top-pc { display:block; background-size:cover }
.event-item .top-m { display:none; background-size:cover }

/*상담 후기*/
.item-review .sec1 { padding-bottom: 35px; box-sizing: border-box; }
.item-review .sec1 .top-banner { margin-bottom: 40px; }
.item-review .sec1 .txt-group { text-align: center; }
.item-review .sec1 .txt-group .txt { font-size: 16px; font-weight: 400; color: #555; letter-spacing: -0.57px; }
.item-review .sec1 .txt-group .txt img { margin-right: 8px; vertical-align: 0; }

.item-review .sec2 { padding-bottom: 60px; box-sizing: border-box; }

.item-review .sec2 .review-filter { display: flex; justify-content: space-between; padding: 35px 32px 0; box-sizing: border-box; }
.item-review .sec2 .review-filter .box {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    margin: 0 0 0 auto;
}

.item-review .sec2 .filter-group { display: flex; align-items: center; }
.item-review .sec2 .filter-group a { position: relative; margin-right: 24px; font-size: 18px; font-weight: 500; color: #999; letter-spacing: -0.64px; }
.item-review .sec2 .filter-group a:last-child { margin-right: 0; }
.item-review .sec2 .filter-group a.active { color: #f8778d; }
.item-review .sec2 .filter-group a:after { content: '|'; display: block; position: absolute; top: calc(50% - 10.5px); right: -15px; font-weight: 400; color: #999; }
.item-review .sec2 .filter-group a:last-child:after { display: none; }

.item-review .list-review li { border-bottom: 1px solid #f2f2f2; box-sizing: border-box; }
.item-review .list-review li:last-child { border-bottom: none; }
.item-review .list-review .inner { position: relative; padding: 32px; box-sizing: border-box; }
.item-review .list-review .review-writer { display: flex; align-items: center; width: calc(100% - 152px); margin-bottom: 20px; }
.item-review .list-review .review-writer span { max-width: calc(100% - 37px); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 24px; font-weight: 700; color: #231916; letter-spacing: -0.14px; }
.item-review .list-review .review-writer img { margin-left: 10px; }

.item-review .list-review .btn-report { position: absolute; top: 32px; right: 32px; border: none; background: none; font-size: 18px; font-weight: 400; color: #999; letter-spacing: -0.6px; }

.item-review .list-review .item-basic { display: flex; align-items: center; width: calc(100% - 152px); margin-bottom: 14px; }
.item-review .list-review .item-basic .img-group { width: 60px; height: 60px; margin-right: 12px; border-radius: 50%; box-sizing: border-box; overflow: hidden; }
.item-review .list-review .item-basic .item-info { width: calc(100% - 72px); }
.item-review .list-review .item-basic .item-info .item-category { margin-bottom: 5px; font-size: 18px; font-weight: 600; color: #f8778d; }
.item-review .list-review .item-basic .item-info .item-name { font-size: 20px; font-weight: 600; color: #1a1a1a; }

.item-review .list-review .box { display: flex; justify-content: space-between; }
.item-review .list-review .box .img-group { width: 120px; height: 120px; margin-top: 10px; border-radius: 8px; box-sizing: border-box; overflow: hidden; }
.item-review .list-review .review-info { width: calc(100% - 152px); }
.item-review .list-review .review-info .review-data { margin-bottom: 12px; font-size: 18px; font-weight: 400; color: #999; letter-spacing: -0.64px; }
.item-review .list-review .review-info .review-txt { font-size: 18px; font-weight: 400; color: #231916; letter-spacing: -0.64px; line-height: 28px; overflow-wrap:break-word; }
.item-review .list-review .review-info .review-type { margin-top: 10px; }
.item-review .list-review .review-info .review-type > span { display: inline-block; padding: 7px 19px; border-radius: 16px; box-sizing: border-box; background: rgba(228, 228, 228, 0.54); font-size: 14px; font-weight: 400; color: #555; letter-spacing: -0.5px; }

.item-review .list-review .review-comment { margin-top: 28px; padding: 20px; border: 1px solid #ffe3e9; border-radius: 12px; box-sizing: border-box; background: #fff6f9; }
.item-review .list-review .review-comment .comment-writer { margin-bottom: 5px; font-size: 20px; font-weight: 700; color: #231916; letter-spacing: -0.12px; }
.item-review .list-review .review-comment .comment-txt { font-size: 18px; font-weight: 400; color: #231916; letter-spacing: -0.64px; line-height: 26px; word-break:break-word;}

.item-review .list-review-v1 .review-writer { margin-bottom: 10px; }
.item-review .list-review-v1 .review-writer span { font-size: 18px; font-weight: 400; color: #999; letter-spacing: -0.64px; }
.item-review .list-review-v1 .review-writer img { width: 24px; margin-left: 8px; }
.item-review .list-review-v1 .review-info .review-data { font-size: 16px; letter-spacing: -0.57px; }


/*아이템 상세*/
.slide-photo { position: relative; height: 66.667vw; max-height: 480px; }
.slide-photo .gradation {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    z-index: 2;
    width: 100%;
    height: 70px;
    margin: 0 auto;
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.44) -37%, rgba(0, 0, 0, 0));
    opacity: .3;
}
.slide-photo .swiper { height: 100%; }
.slide-photo .swiper-wrapper { height: 100%; }
.slide-photo .swiper-slide { background: center center no-repeat; background-size: cover; height: 100%; }
.slide-photo .btn-group-story { display: flex; align-items: center; position: absolute; top: 90px; right: 25px; z-index: 1; }
.slide-photo .btn-group-story .btn-story { display: flex; align-items: center; width: 122px; height: 48px; border: 3px solid transparent; border-radius: 24px; box-sizing: border-box; background-image: linear-gradient(-90deg, rgba(254,80,112,1) 0%, rgba(201,87,193,1) 100%); background-origin: border-box; }
.slide-photo .btn-group-story .btn-story button { display: flex; align-items: center; width: 100%; height: 100%; padding: 7px; border: none; border-radius: 24px; box-sizing: border-box; background: #fff; font-size: 17px; font-weight: 900; color: #fa5076; letter-spacing: -0.1px; }
.slide-photo .btn-group-story .btn-story img { width: 29px; margin-right: 8px; }
.slide-photo .btn-group-story .btn-plus { width: 38px; height: 38px; margin-left: -11px; border: none; background: url('/img/ico_plus4.svg') center center no-repeat; }
.slide-photo .real-time-count { display: flex; justify-content: center; align-items: center; position: absolute; left: 0; right: 0; bottom: 24px; z-index: 1; margin: 0 auto; }
.slide-photo .real-time-count .txt { min-width: 480px; max-width: calc(100% - 40px); padding: 13px 10px; border-radius: 25px; box-sizing: border-box; background: rgba(0, 0, 0, 0.46); font-size: 20px; font-weight: 400; color: #fff; text-align: center; letter-spacing: -0.12px; }
.slide-photo .real-time-count .txt strong { font-weight: 700; color: #f8778d; }
.slide-photo .btn-group-story .btn-story-v1 { border-color: #b4b4b4; background-image: none; }
.slide-photo .btn-group-story .btn-story-v1 button { color: #b4b4b4; }


.item-view .item-top .item-basic { position: relative; padding: 42px 32px 36px; border-bottom: 2px solid #f2f2f2; box-sizing: border-box; }
.item-view .item-top .item-basic .item-tip { position: absolute; top: -8px; z-index: 1; }
.item-view .item-top .item-basic .item-tip img { width: 125px; cursor: pointer; }
.item-view .item-top .item-basic .item-tip .bubble { display: none; position: relative; width: 221px; margin-top: 14px; padding: 18px 20px; border-radius: 12px; box-sizing: border-box; background: #3d3d3d; }
.item-view .item-top .item-basic .item-tip .bubble.active { display: block; }
.item-view .item-top .item-basic .item-tip .bubble:before { content: ''; display: block; position: absolute; top: -8px; left: 0; right: 0; width: 12px; height: 9px; margin: 0 auto; background: url('../img/ico_triangle1.svg') center center no-repeat; }
.item-view .item-top .item-basic .item-tip .bubble .tit { margin-bottom: 4px; font-size: 15px; font-weight: 700; color: #ffb3c0; letter-spacing: -0.54px; }
.item-view .item-top .item-basic .item-tip .bubble .txt { font-size: 15px; font-weight: 400; color: #fff; letter-spacing: -0.54px; line-height: 21px; }
.item-view .item-top .item-basic .item-category { margin-bottom: 10px; font-size: 22px; font-weight: 600; color: #f8778d; letter-spacing: -0.13px; }
.item-view .item-top .item-basic .item-title { display: flex; align-items: center; position: relative; margin-bottom: 25px; }
.item-view .item-top .item-basic .item-title > div { position: relative; margin-right: 44px; }
.item-view .item-top .item-basic .item-title > div:last-of-type { margin-right: 0; }
.item-view .item-top .item-basic .item-title > div:after { content: ''; display: block; position: absolute; top: calc(50% - 15px); right: -23px; width: 2px; height: 30px; background: rgba(151, 151, 151, 0.3); }
.item-view .item-top .item-basic .item-title > div:last-of-type:after { display: none; }
.item-view .item-top .item-basic .item-title .item-name { font-size: 36px; font-weight: 700; color: #231916; letter-spacing: -0.21px; }
.item-view .item-top .item-basic .item-title .item-code { font-size: 22px; font-weight: 500; color: #f8778d; letter-spacing: -0.29px; }
.item-view .item-top .item-basic .item-title .btn-share { position: absolute; right: 0; width: 56px; height: 56px; border: 2px solid #e8e8e8; border-radius: 50%; box-sizing: border-box; background: url('/img/ico_share1.svg') center center no-repeat; }
.item-view .item-top .item-basic .item-intro { margin-top: -7px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 18px; font-weight: 400; color: #555; letter-spacing: -0.64px; }
.item-view .item-top .item-basic .item-price { display: flex; align-items: center; }
.item-view .item-top .item-basic .item-price .price-won { display: flex; align-items: center; font-size: 30px; font-weight: 700; color: #1a1a1a; letter-spacing: -0.46px; }
.item-view .item-top .item-basic .item-price .price-won img { margin-right: 12px; }
.item-view .item-top .item-basic .item-price .price-time { margin-left: 11px; font-size: 26px; font-weight: 400; color: #555; letter-spacing: -0.93px; }

.item-view .item-data { display: flex; align-items: center; padding: 17px 32px; border-bottom: 2px solid #f2f2f2; box-sizing: border-box; }
.item-view .item-data .txt-group { display: flex; align-items: center; margin-right: 40px; }
.item-view .item-data .txt-group .tit { display: flex; align-items: center; font-size: 20px; font-weight: 500; color: #1a1a1a; letter-spacing: -0.71px; }
.item-view .item-data .txt-group .tit img { margin-right: 10px; }
.item-view .item-data .txt-group .count { margin-left: 8px; font-size: 20px; font-weight: 400; color: #555; letter-spacing: -0.71px; }

.item-view .article-group { border-bottom: 2px solid #f2f2f2; box-sizing: border-box; }
.item-view .article-group .top-article { display: flex; justify-content: space-between; align-items: center; padding: 30px 32px 0; box-sizing: border-box; }
.item-view .article-group .top-article .tit { display: flex; align-items: center; font-size: 24px; font-weight: 700; color: #231916; letter-spacing: -0.14px; }
.item-view .article-group .top-article .tit .ico-tit { margin-right: 10px; }
.item-view .article-group .top-article .tit .ico-new { margin-left: 10px; }
.item-view .article-group .top-article .btn { display: flex; justify-content: flex-end; align-items: center; font-size: 18px; font-weight: 400; color: #999; letter-spacing: -0.64px; }
.item-view .article-group .top-article .btn img { margin-left: 9px; }

.item-view .article-group .item-notice { padding-bottom: 36px; box-sizing: border-box; }
.item-view .article-group .item-notice .top-article { margin-bottom: 15px; }
.item-view .article-group .item-notice .content { max-height: 150px; overflow: hidden; }
.item-view .article-group .item-notice .content .inner { position: relative; padding: 0 32px 37px; box-sizing: border-box; }
.item-view .article-group .item-notice .content .txt { width: calc(100% - 80px); margin-bottom: 28px; font-size: 18px; font-weight: 400; color: #555; letter-spacing: -0.64px; line-height: 30px; }
.item-view .article-group .item-notice .content .img { width: 100%; }
.item-view .article-group .item-notice .btn-unfold { position: absolute; top: 130px; right: 64px; width: 15px; height: 15px; border: none; background: url('../img/ico_arrow_bottom4.svg') center center no-repeat; background-size: contain; }

.item-view .article-group .item-notice .btn-unfold2 { position: absolute; height: 50px; border: none; top:190px; left:0px; width:100%; background:none; border-top:1px solid #f2f2f2;font-size: 15px; font-weight: 500; color: #555; letter-spacing: -0.24px; }
.item-view .article-group .item-notice .btn-unfold2 img { width: 10px; margin-left: 10px; }

.item-view .article-group .item-notice .btn-fold { display: flex; justify-content: center; align-items: center; width: 100%; height: 64px; border: none; border-top: 1px solid #f2f2f2; box-sizing: border-box; background: #fff; font-size: 18px; font-weight: 500; color: #555; letter-spacing: -0.24px; }
.item-view .article-group .item-notice .btn-fold img { width: 10px; margin-left: 10px; }

.item-view .article-group .item-notice.active { padding-bottom: 0; }
.item-view .article-group .item-notice.active .content { max-height: none; }
.item-view .article-group .item-notice.active .content .btn-unfold { display: none; }


.item-view .article-group .item-career .top-article { margin-bottom: 20px; }
.item-view .article-group .item-career .inner { padding: 0 32px 36px; box-sizing: border-box; }
.item-view .article-group .item-career .txt-group { padding: 30px; border: 1px solid #f3f3f3; border-radius: 10px; box-shadow: 0 3px 15px 0 rgba(0, 0, 0, 0.07); box-sizing: border-box; }
.item-view .article-group .item-career .txt-group .txt { font-size: 18px; font-weight: 400; color: #231916; line-height: 30px; }



.item-view .article-group .item-card .top-article {
    margin-bottom: 20px;
}

.item-view .article-group .item-card .inner {
    padding: 0 32px 36px;
    box-sizing: border-box;
}

.item-view .article-group .item-card .btn-fold { display: flex; justify-content: center; align-items: center; width: 100%; height: 64px; border: none; border-top: 1px solid #f2f2f2; box-sizing: border-box; background: #fff; font-size: 18px; font-weight: 500; color: #555; letter-spacing: -0.24px; }
.item-view .article-group .item-card .btn-fold img { width: 10px; margin-left: 10px; }

.item-view .article-group .item-card .img {
    display: block;
    width: 100%;
    margin-bottom: 36px;
    border-radius: 6px;
    box-sizing: border-box;
}

.item-view .article-group .item-card .txt-group .txt {
    font-size: 18px;
    font-weight: 400;
    color: #555;
    letter-spacing: -0.64px;
    line-height: 30px;
}

.item-view .article-group .item-timeline .top-article {
    margin-bottom: 35px;
}

.item-view .article-group .item-timeline .inner {
    padding: 0 32px 74px;
    box-sizing: border-box;
}

.item-view .article-group .item-timeline .timeline-group {
    position: relative;
}

.item-view .article-group .item-timeline .timeline-group .bg {
    width: 100%;
}

.item-view .article-group .item-timeline .timeline-group .bg.m {
    display: none;
}

.item-view .article-group .item-timeline .timeline-group .year-group .year {
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    width: 75px;
    height: 35px;
    border-radius: 8px;
    box-sizing: border-box;
    font-size: 18px;
    font-weight: 700;
    color: #fff;
    text-align: center;
    letter-spacing: -0.28px;
}

.item-view .article-group .item-timeline .timeline-group .year-group .year-v1 {
    top: -10px;
    left: 150px;
    background: #ffb786;
}

.item-view .article-group .item-timeline .timeline-group .year-group .year-v2 {
    top: -10px;
    left: 400px;
    background: #ff9999;
}

.item-view .article-group .item-timeline .timeline-group .year-group .year-v3 {
    top: calc(50% - 22px);
    right:215px;
    background: #ff7a8c;
}

.item-view .article-group .item-timeline .timeline-group .year-group .year-v4 {
    left: 70px;
	bottom: calc(50% - 65px);
    background: #ff5c71;
}

.item-view .article-group .item-timeline .timeline-group .spot-group .spot {
    position: absolute;
    width: 9px;
    height: 9px;
    border-radius: 50%;
    box-sizing: border-box;
    background: #fff;
}

.item-view .article-group .item-timeline .timeline-group .spot-group .spot-v1 {
    top: 3.5px;
    left: 70px;
}

.item-view .article-group .item-timeline .timeline-group .spot-group .spot-v2 {
    top: 3.5px;
    left: 308px;
}

.item-view .article-group .item-timeline .timeline-group .spot-group .spot-v3 {
    top: calc(50% - 65px);
    right: 90px;
}

.item-view .article-group .item-timeline .timeline-group .spot-group .spot-v4 {
    top: calc(50% - 9px);
    left:250px;
}


.item-view .article-group .item-timeline .timeline-group .spot-group .spot-v5 {
    right: 270px;
    bottom: 14px;
}

.item-view .article-group .item-timeline .timeline-group .spot-group .spot .bubble {
    position: absolute;
    width: 32px;
    height: 37px;
    cursor: pointer;
}

.item-view .article-group .item-timeline .timeline-group .spot-group .spot .bubble span {
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    margin-top: 2px;
    font-size: 20px;
    font-weight: 700;
    color: #ff7183;
    text-align: center;
    letter-spacing: -0.31px;
}

.item-view .article-group .item-timeline .timeline-group .spot-group .spot-v1 .bubble {
    top: 20px;
    left: calc(50% - 16px);
}

.item-view .article-group .item-timeline .timeline-group .spot-group .spot-v2 .bubble {
    top: 20px;
    left: calc(50% - 16px);
}

.item-view .article-group .item-timeline .timeline-group .spot-group .spot-v3 .bubble {
    top: calc(50% - 18px);
    right: 25px;
}

.item-view .article-group .item-timeline .timeline-group .spot-group .spot-v3 .bubble img {
    transform: rotate(90deg);
}

.item-view .article-group .item-timeline .timeline-group .spot-group .spot-v3 .bubble span {
    margin-top: 0;
    margin-left: -2px;
}

.item-view .article-group .item-timeline .timeline-group .spot-group .spot-v4 .bubble {
    top: 20px;
    left: calc(50% - 16px);
}

.item-view .article-group .item-timeline .timeline-group .spot-group .spot-v5 .bubble {
    top: 20px;
    left: calc(50% - 16px);
}

.item-view .article-group .item-best-review .top-article { margin-bottom: 24px; }
.item-view .article-group .item-best-review .inner { padding: 0 32px 44px 32px; box-sizing: border-box; }
.item-view .article-group .list-best-review li { padding: 30px; border: 1px solid #f3f3f3; border-radius: 10px; box-shadow: 0 3px 15px 0 rgba(0, 0, 0, 0.07); box-sizing: border-box; }
.item-view .article-group .list-best-review .review-writer { display: flex; align-items: center; margin-bottom: 10px; font-size: 21px; font-weight: 700; color: #231916; letter-spacing: -0.12px; }
.item-view .article-group .list-best-review .review-writer img { width: 21px; margin-left: 4px; }
.item-view .article-group .list-best-review .review-data { margin-bottom: 10px; font-size: 18px; font-weight: 400; color: #999; letter-spacing: -0.64px; }
.item-view .article-group .list-best-review .review-txt { font-size: 18px; font-weight: 400; color: #231916; letter-spacing: -0.64px; line-height: 28.5px; word-break:break-word; }

.item-view .article-group .item-tag { padding: 24px 32px; box-sizing: border-box; }
.item-view .article-group .item-tag .txt-group { display: flex; align-items: center; }
.item-view .article-group .item-tag .txt-group .tit { width: 145px; font-size: 24px; font-weight: 700; color: #231916; letter-spacing: -0.14px; }
.item-view .article-group .item-tag .txt-group .tag-group { display: flex; flex-wrap: wrap; align-items: center; width: calc(100% - 145px); }
.item-view .article-group .item-tag .txt-group .tag-group > div { display: flex; align-items: center; height: 42px; margin: 10px 12px 10px 0; padding: 0 14px; border-radius: 21px; box-sizing: border-box; background: #f4f4f4; font-size: 18px; font-weight: 400; color: #1a1a1a; letter-spacing: -0.64px; }
.item-view .article-group .item-tag .txt-group .tag-group > div:last-child { margin-right: 0; }
.item-view .article-group .item-tag .txt-group .tag-group img { margin-right: 6px; }

/*아이템 상세 - 상담소개*/
.item-view .item-detail .sec1 { padding: 50px 32px 100px; box-sizing: border-box; }
.item-view .item-detail .sec1 .inner { position: relative; max-height: 760px; overflow: hidden; }
.item-view .item-detail .sec1 .inner.active { max-height: none; overflow: auto; }
.item-view .item-detail .sec1 .txt { margin-bottom: 30px; font-size: 18px; font-weight: 400; color: #555; letter-spacing: -0.64px; line-height: 30px; }
.item-view .item-detail .sec1 .img { width: 100%; }
.item-view .item-detail .sec1 .btn-more { position: absolute; left: 0; right: 0; bottom: 0; margin: 0 auto; }
.item-view .item-detail .sec1 .btn-more:before { content: ''; display: block; position: absolute; left: 0; right: 0; bottom: 64px; width: 100%; height: 190px; margin: 0 auto; background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0), #fff); }
.item-view .item-detail .sec1 .btn-more.active { display: none; }
.item-view .item-detail .sec1 .btn-more button { display: flex; justify-content: center; align-items: center; width: 100%; height: 64px; border: 1px solid #1a1a1a; border-radius: 10px; box-sizing: border-box; background: #fff; font-size: 24px; font-weight: 700; color: #1a1a1a; letter-spacing: -0.32px; }
.item-view .item-detail .sec1 .btn-more button img { margin-left: 15px; }

/*아이템 상세 - 상담후기*/
.item-view .item-review .sec1 { padding: 35px 0 50px; box-sizing: border-box; }
.item-view .item-review .sec1 .txt-group .btn-custom { width: 443px; margin: 20px auto 30px; }
.item-view .item-review .sec1 .txt-group .btn-custom img { margin-left: 10px; }
.item-view .item-review .sec1 .txt-group .txt2 { margin-bottom: 15px; font-size: 18px; font-weight: 600; color: #f8778d; letter-spacing: -0.64px; }
.item-view .item-review .sec1 .txt-group .txt3 { display: flex; justify-content: center; align-items: center; font-size: 16px; font-weight: 400; color: #555; letter-spacing: -0.57px; }
.item-view .item-review .sec1 .txt-group .txt3 .btn-guide { width: 20px; height: 20px; margin-left: 8px; border: none; background: url('../img/ico_question2.svg') center center no-repeat; background-size: contain; }

.item-view .item-review .sec2 .top-section { display: flex; justify-content: space-between; align-items: center; padding: 30px 32px; box-sizing: border-box; }
.item-view .item-review .sec2 .top-section .tit { font-size: 28px; font-weight: 700; color: #1a1a1a; letter-spacing: -0.78px; }
.item-view .item-review .review-filter { justify-content: flex-end; padding: 26px 32px 0; box-sizing: border-box; }

/*아이템 상세 - 상담문의*/
.item-view .item-inquiry .sec1 .inner { padding: 28px 32px; box-sizing: border-box; }
.item-view .item-inquiry .sec1 .frm-inquiry .inp-frm { display: block; width: 100%; height: 424px; margin-bottom: 46px; padding: 30px; border: 2px solid #e8e8e8; border-radius: 10px; box-sizing: border-box; font-size: 18px; font-weight: 400; color: #000; line-height: 32px; }
.item-view .item-inquiry .sec1 .frm-inquiry .btn-custom { margin-bottom: 32px; }
.item-view .item-inquiry .sec1 .frm-inquiry .txt { font-size: 18px; font-weight: 400; color: #555; text-align: center; letter-spacing: -0.64px; line-height: 28px; }
.item-view .item-inquiry .sec1 .frm-inquiry .txt2 {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 12px;
    font-size: 16px;
    font-weight: 400;
    color: #555;
    letter-spacing: -0.57px;
}

.item-view .item-inquiry .sec1 .frm-inquiry .txt2 .btn-guide {
    width: 20px;
    height: 20px;
    margin-left: 8px;
    border: none;
    background: url('/img/ico_question2.svg') center center no-repeat;
    background-size: contain;
}

.item-view .item-inquiry .sec2 { padding-bottom: 48px; box-sizing: border-box; }
.item-view .item-inquiry .sec2 .top-section { display: flex; justify-content: space-between; align-items: center; padding: 30px 32px; border-bottom: 1px solid #f2f2f2; box-sizing: border-box; }
.item-view .item-inquiry .sec2 .top-section .tit { font-size: 28px; font-weight: 700; color: #1a1a1a; letter-spacing: -0.78px; }

.item-view .item-inquiry .sec2 .inquiry-filter .box {
    display: flex;
    justify-content: flex-end;
    align-items: center;
}


.list-inquiry li { border-bottom: 1px solid #f2f2f2; box-sizing: border-box; }
.list-inquiry .inner { position: relative; padding: 32px; box-sizing: border-box; }
.list-inquiry .inquiry-info { margin-bottom: 10px; }
.list-inquiry .inquiry-info .inquiry-writer { font-size: 24px; font-weight: 700; color: #231916; letter-spacing: -0.14px; }
.list-inquiry .inquiry-info .inquiry-date { margin-left: 15px; font-size: 18px; font-weight: 400; color: #999; letter-spacing: -0.64px; }
.list-inquiry .inquiry-txt { font-size: 18px; font-weight: 400; color: #000; letter-spacing: -0.64px; line-height: 28px; word-break:break-word; }
.list-inquiry .inquiry-txt-v1 { color: #999; }
.list-inquiry .inquiry-txt img { margin-left: 10px; vertical-align: -8px; }
.list-inquiry .inquiry-state { display: inline-block; margin-top: 14px; padding: 7px 13px; border-radius: 16px; box-sizing: border-box; background: rgba(228, 228, 228, 0.54); font-size: 14px; font-weight: 400; color: #555; text-align: center; letter-spacing: -0.5px; }
.list-inquiry .inquiry-state-v1 { background: rgba(255, 214, 221, 0.51); color: #f8778d; }
.list-inquiry .inquiry-comment { margin-top: 18px; padding: 20px; border: 1px solid #ffe3e9; border-radius: 12px; box-sizing: border-box; background: #fff6f9; }
.list-inquiry .inquiry-comment .comment-writer { margin-bottom: 5px; font-size: 20px; font-weight: 700; color: #231916; letter-spacing: -0.12px; }
.list-inquiry .inquiry-comment .comment-txt { font-size: 18px; font-weight: 400; color: #231916; letter-spacing: -0.64px; line-height: 26px; }

.list-inquiry .btn-report { position: absolute; top: 32px; right: 32px; border: none; background: none; font-size: 18px; font-weight: 400; color: #999; letter-spacing: -0.6px; }

/*아이템 상세 - 부가서비스*/
.item-view .item-service { padding-bottom: 62px; box-sizing: border-box; }
.item-view .item-service .top-section { padding: 35px 32px; box-sizing: border-box; }
.item-view .item-service .top-section .tit { font-size: 24px; font-weight: 700; color: #231916; letter-spacing: -0.14px; }
.item-view .item-service .inner { padding: 0 32px; box-sizing: border-box; }

.list-service li { margin-bottom: 25px; border-radius: 10px; box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.07); box-sizing: border-box; overflow: hidden; }
.list-service li:last-child { margin-bottom: 0; }
.list-service a { display: block; }
.list-service .img-group { position: relative; height: 300px; }
.list-service .img-group:before { content: ''; display: block; position: absolute; left: 0; right: 0; bottom: 0; width: 100%; height: 62px; margin: 0 auto; background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0), #000); }
.list-service .img-group .service-profile { display: flex; align-items: center; position: absolute; left: 0; right: 0; bottom: 0; width: 100%; padding: 17px 28px 13px; box-sizing: border-box; }
.list-service .img-group .service-profile img { width: 32px; height: 32px; margin-right: 8px; border-radius: 50%; box-sizing: border-box; overflow: hidden; }
.list-service .img-group .service-profile .service-name { width: calc(100% - 40px); font-size: 18px; font-weight: 600; color: #fff; }
.list-service .service-info { padding: 20px 28px 30px; box-sizing: border-box; background: #fff; }
.list-service .service-info .service-data { display: flex; justify-content: space-between; align-items: center; }
.list-service .service-info .service-data .service-category { font-size: 16px; font-weight: 400; color: #555; letter-spacing: -0.44px; }
.list-service .service-info .service-data .review-count { display: flex; justify-content: flex-end; align-items: center; }
.list-service .service-info .service-data .review-count .tit { margin-right: 8px; font-size: 16px; font-weight: 500; color: #1a1a1a; letter-spacing: -0.57px; }
.list-service .service-info .service-data .review-count .count { font-size: 18px; font-weight: 400; color: #555; letter-spacing: -0.64px; }
.list-service .service-info .service-data .review-count .count img { width: 20px; margin-right: 5px; }
.list-service .service-info .service-name { margin-bottom: 15px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 24px; font-weight: 600; color: #1a1a1a; letter-spacing: -0.67px; }
.list-service .service-info .service-price { display: flex; align-items: center; }
.list-service .service-info .service-price .price-won { display: flex; align-items: center; font-size: 20px; font-weight: 700; color: #1a1a1a; letter-spacing: -0.31px; }
.list-service .service-info .service-price .price-won img { width: 20px; margin-right: 8px; }
.list-service .service-info .service-price .price-time { margin-left: 8px; font-size: 16px; font-weight: 400; color: rgba(85, 85, 85, 0.7); letter-spacing: -0.44px; }

.item-view .btn-floating-bottom { display: flex; align-items: center; padding-left: 0; }
.item-view .btn-floating-bottom .ck-group { width: 144px; }
.item-view .btn-floating-bottom .btn-custom { position: relative; width: calc(100% - 144px); font-size: 24px; }
.item-view .btn-floating-bottom .btn-custom:disabled,
.item-view .btn-floating-bottom .btn-custom.disabled { background: #c2c6c9; color: #fff; }
.item-view .btn-floating-bottom .btn-custom img { margin-right: 10px; zoom: 1.15; }
.item-view .btn-floating-bottom .btn-custom img.gif { margin-right: 20px; zoom: 0.5; }
.item-view .btn-floating-bottom .btn-custom.disabled img { zoom: 0.5; }
.item-view .btn-floating-bottom .btn-custom span { display: inline-block; position: absolute; right: 16px; padding: 9px 13px; border: 1px solid #fff; border-radius: 18px; box-sizing: border-box; font-size: 14px; font-weight: 600; letter-spacing: -0.78px; }


/*아이템 상세 (채팅)*/
.item-view_v1 .slide-photo .real-time-count .txt strong { color: #4ac1f4; }

.item-view_v1 .item-top .item-basic .item-category { color: #4ac1f4; }
.item-view_v1 .item-top .item-basic .item-title .item-code { color: #4ac1f4; }

.item-view_v1 .tab-menu3 .tab.active:before { background: #4ac1f4; }

.item-view_v1 .item-review .sec1 .txt-group .btn-custom { background: #6fc4e9; }
.item-view_v1 .item-review .sec1 .txt-group .txt2 { color: #4ac1f4; }
.item-view_v1 .item-review .sec2 .filter-group a.active { color: #4ac1f4; }
.item-view_v1 .slide-tag .swiper-slide:hover,
.item-view_v1 .slide-tag .swiper-slide.active { background: #6fc4e9; }
.item-view_v1 .item-review .list-review .review-comment { border-color: #ddeff7; }
.item-view_v1 .item-inquiry .sec1 .frm-inquiry .btn-custom { background: #6fc4e9; }
.item-view_v1 .list-inquiry .inquiry-comment { border-color: #ddeff7; }

.item-view_v1 .ck-custom3:checked + label .custom { background-image: url('../img/ico_bookmark1_on_v1.svg'); }
.item-view_v1 .btn-floating-bottom .btn-custom { background: #6fc4e9; }


/*마이페이지*/
.mypage .sec1 { padding: 32px 32px 24px; box-sizing: border-box; }
.mypage .user-info { display: flex; align-items: center; position: relative; margin-bottom: 24px; }
.mypage .user-info .img-group { width: 80px; height: 80px; margin-right: 24px; border-radius: 50%; box-sizing: border-box; overflow: hidden; }
.mypage .user-info .profile-info { width: calc(100% - 104px); }
.mypage .user-info .profile-info .user-type { margin-bottom: 8px; font-size: 20px; font-weight: 600; color: #f8778d; letter-spacing: -0.12px; }
.mypage .user-info .profile-info .user-name { font-size: 24px; font-weight: 500; color: #555; }
.mypage .user-info .profile-info .user-name strong { color: #000; }
.mypage .user-info .btn { display: flex; justify-content: center; align-items: center; position: absolute; right: 0; width: 124px; height: 48px; border: 1px solid #f2f2f2; border-radius: 24px; box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.06); box-sizing: border-box; background: #fff; font-size: 20px; font-weight: 500; color: #f8778d; letter-spacing: -0.56px; }
.mypage .user-info .btn2 { display: flex; justify-content: space-between; align-items: center; position: absolute; top: -16px; right: 0; height: 40px; padding: 0 13px; border: 1px solid #f2f2f2; border-radius: 20px; box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.06); box-sizing: border-box; font-size: 16px; font-weight: 500; color: #f8778d; letter-spacing: -0.46px; }
.mypage .user-info .btn2 img { width: 6px; margin-left: 8px; }
.mypage .user-info .btn3 { display: flex; align-items: center; position: absolute; right: 0; bottom: 0; font-size: 15px; font-weight: 500; color: #555; letter-spacing: -0.14px; }
.mypage .user-info .btn3 img { margin-right: 4px; }

.user-coin { padding: 0 32px; border: 1px solid #fff0f3; border-radius: 12px; box-sizing: border-box; background: #fff6f9; }
.user-coin .coin-state { display: flex; justify-content: space-between; align-items: center; padding: 36px 0 27px; box-sizing: border-box; }
.user-coin .coin-state .txt-group { display: flex; align-items: center; }
.user-coin .coin-state .txt-group .tit { display: flex; align-items: center; font-size: 24px; font-weight: 400; color: #444; letter-spacing: -0.67px; }
.user-coin .coin-state .txt-group .tit img { margin-right: 9px; }
.user-coin .coin-state .txt-group .txt { display: flex; align-items: center; margin-left: 18px; font-size: 24px; font-weight: 600; color: #000; }
.user-coin .coin-state .txt-group .txt strong { margin-right: 4px; font-size: 36px; }
.user-coin .coin-state .btn-custom { width: 112px; height: 48px; font-weight: 600; }
.user-coin .user-reward { display: flex; justify-content: space-between; align-items: center; padding: 32px 0; border-top: 1px solid #ffe8ec; box-sizing: border-box; }
.user-coin .user-reward .tit { display: flex; align-items: center; font-size: 24px; font-weight: 400; color: #444; letter-spacing: -0.67px; }
.user-coin .user-reward .tit .btn-tip { width: 20px; height: 20px; margin-left: 8px; border: none; background: url('../img/ico_question2.svg') center center no-repeat; background-size: contain; }
.user-coin .user-reward .txt { display: flex; justify-content: flex-end; align-items: center; font-size: 21px; font-weight: 500; color: #000; text-align: right; }
.user-coin .user-reward .txt strong { font-size: 24px; }

.user-coin-v1 { border-color: #e9e9e9; box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.06); box-sizing: border-box; background: #fff; }

.mypage .attendance-check { display: flex; justify-content: space-between; align-items: center; margin: 24px 0 40px; padding: 20px 24px; border: 1px solid #f2f2f2; border-radius: 12px; box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.06); box-sizing: border-box; background: #fff; }
.mypage .attendance-check .tit { display: flex; align-items: center; font-size: 20px; font-weight: 400; color: #000; letter-spacing: -0.56px; }
.mypage .attendance-check .tit img { width: 21px; margin-right: 9px; }
.mypage .attendance-check .txt { display: flex; justify-content: flex-end; align-items: center; font-size: 18px; font-weight: 500; color: #f8778d; letter-spacing: -0.5px; }
.mypage .attendance-check .txt img { width: 6px; margin-left: 8px; }

.mypage .sec1 .top-section { margin-bottom: 20px; }
.mypage .sec1 .top-section .tit { font-size: 28px; font-weight: 700; color: #1a1a1a; letter-spacing: -0.78px; }

.list-menu-mypage { display: flex; flex-wrap: wrap; align-items: center; }
.list-menu-mypage li { width: 25%; height: 120px; }
.list-menu-mypage a { display: flex; flex-direction: column; align-items: center; height: 100%; padding-top: 20px; box-sizing: border-box; }
.list-menu-mypage .ico { position: relative; width: 40px; height: 40px; }
.list-menu-mypage a.active .ico:after { content: ''; display: block; position: absolute; top: -11px; right: -13px; width: 26px; height: 26px; border-radius: 50%; box-sizing: border-box; background: url('../img/ico_new2.svg') center center no-repeat; background-size: contain; }
.list-menu-mypage .ico img { display: block; margin: 0 auto; }
.list-menu-mypage .tit { margin-top: 15px; font-size: 20px; font-weight: 400; color: #1a1a1a; text-align: center; letter-spacing: -0.29px; }

.mypage .sec2 { padding: 32px 32px 70px; box-sizing: border-box; }
.mypage .sec2 .top-section { margin-bottom: 20px; }
.mypage .sec2 .top-section .tit { font-size: 28px; font-weight: 700; color: #1a1a1a; letter-spacing: -0.78px; }

.mypage .sec3 { padding-bottom: 95px; box-sizing: border-box; }
.mypage .sec3 .btn-logout { display: block; margin-top: 24px; padding: 0 32px; box-sizing: border-box; font-size: 20px; font-weight: 500; color: #7d7d7d; text-align: right; letter-spacing: -0.24px; }


/*상담내역*/
.list-item-history li { padding: 32px 32px 30px; border-top: 1px solid #f2f2f2; border-bottom: 10px solid #f4f4f4; box-sizing: border-box; }
.list-item-history li:first-child { border-top: none; }
.list-item-history .date { font-size: 22px; font-weight: 600; color: #1a1a1a; letter-spacing: -0.35px; }
.list-item-history .item-basic { display: flex; align-items: center; padding: 22px 0; border-bottom: 1px solid #ededed; box-sizing: border-box; }
.list-item-history .item-basic .img-group { width: 84px; height: 84px; margin-right: 15px; border-radius: 50%; box-sizing: border-box; overflow: hidden; }
.list-item-history .item-basic .item-info { width: calc(100% - 99px); }
.list-item-history .item-basic .item-info .item-category { margin-bottom: 4px; font-size: 16px; font-weight: 500; color: #e55678; }
.list-item-history .item-basic .item-info .item-title { display: flex; align-items: center; margin-bottom: 8px; }
.list-item-history .item-basic .item-info .item-title > div { position: relative; margin-right: 18px; }
.list-item-history .item-basic .item-info .item-title > div:last-child { margin-right: 0; }
.list-item-history .item-basic .item-info .item-title > div:after { content: ''; display: block; position: absolute; top: calc(50% - 7px); right: -10px; width: 2px; height: 14px; background: #d8d8d8; }
.list-item-history .item-basic .item-info .item-title > div:last-child:after { display: none; }
.list-item-history .item-basic .item-info .item-title .item-name { font-size: 21px; font-weight: 600; color: #1a1a1a; }
.list-item-history .item-basic .item-info .item-title .item-code { font-size: 21px; font-weight: 400; color: #7c7c7c; }
.list-item-history .item-basic .item-info .item-price { display: flex; align-items: center; }
.list-item-history .item-basic .item-info .item-price .tit { font-size: 22.5px; font-weight: 500; color: #1a1a1a; }
.list-item-history .item-basic .item-info .item-price .txt { margin-left: 10px; font-size: 22.5px; font-weight: 600; color: #1a1a1a; }
.list-item-history .item-coin { display: flex; justify-content: space-between; align-items: center; padding: 21px 0; box-sizing: border-box; }
.list-item-history .item-coin .tit { display: flex; align-items: center; font-size: 21px; font-weight: 500; color: #555; }
.list-item-history .item-coin .tit img { width: 30px; margin-right: 10px; }
.list-item-history .item-coin .txt { font-size: 22.5px; font-weight: 500; color: #1a1a1a; text-align: right; }
.list-item-history .btn-custom-v1:disabled { background: #e8e8e8; color: #a4a7aa; }


/*코인관리 및 결제내역*/
.coin-history .sec1,
.payment-history .sec1 { padding: 32px; box-sizing: border-box; }

.coin-history .user-coin .user-reward,
.payment-history .user-coin .user-reward { border-color: #f4f4f4; }

.list-coin-history li { display: flex; justify-content: space-between; align-items: center; padding: 28px 32px; border-bottom: 1px solid #ededed; box-sizing: border-box; }
.list-coin-history .txt-group .tit { margin-bottom: 18px; font-size: 22px; font-weight: 500; color: #1a1a1a; }
.list-coin-history .txt-group .datetime { font-size: 16px; font-weight: 400; color: #7c7c7c; }
.list-coin-history .coin-state { font-size: 21px; font-weight: 700; color: #000; text-align: right; }
.list-coin-history .v1 .coin-state { color: #f8778d; }
.list-coin-history .v2 .txt-group .tit,
.list-coin-history .v2 .coin-state { text-decoration: line-through; }

.list-payment-history li { display: flex; justify-content: space-between; align-items: center; padding: 28px 32px; border-bottom: 1px solid #ededed; box-sizing: border-box; }
.list-payment-history .txt-group .payment-state { margin-bottom: 8px; font-size: 18px; font-weight: 500; color: #7c7c7c; }
.list-payment-history .txt-group .tit { margin-bottom: 8px; font-size: 22px; font-weight: 500; color: #1a1a1a; }
.list-payment-history .txt-group .coin-state { margin-bottom: 15px; font-size: 22px; font-weight: 600; color: #000; }
.list-payment-history .txt-group .datetime { font-size: 16px; font-weight: 400; color: #7c7c7c; }
.list-payment-history .btn { display: flex; justify-content: center; align-items: center; width: 144px; height: 51px; border: 1px solid #dcdcdc; border-radius: 10px; box-sizing: border-box; background: #fff; font-size: 18px; font-weight: 600; color: #555; letter-spacing: -0.24px; }
.list-payment-history .v1 .txt-group .payment-state { color: #ff5353; }


/*1:1 문의*/
.inquiry-write .wrap { padding: 56px 32px 40px; box-sizing: border-box; }
.inquiry-write .ck-group { margin: 75px 0 32px; }
.inquiry-write .ck-custom + label { color: #000; }
.inquiry-write .ck-custom + label .custom { margin-right: 16px; }


/* 지식인 */
.qna-write .wrap { padding: 56px 32px 40px; box-sizing: border-box; }
.qna-write .frm-group2 .textarea-group { height: 600px; }
.qna-write .frm-group2 .frm-info { margin-bottom: 32px; }

/*상담사 등록*/
.apply-banner { position: relative; }
.apply-banner .bg { display: block; width: 100%; }
.apply-banner .banner-info { position: absolute; left: 0; right: 0; bottom: 0; padding: 0 48px 60px; box-sizing: border-box; }
.apply-banner .banner-info .apply-count { display: flex; justify-content: space-between; align-items: center; margin-bottom: 32px; }
.apply-banner .banner-info .apply-count .txt-group { width: calc(50% - 8px); padding: 28px 24px; border-radius: 10px; box-sizing: border-box; background: #fff; }
.apply-banner .banner-info .apply-count .txt-group .tit { margin-bottom: 10px; font-size: 19.2px; font-weight: 600; color: #f8778d; }
.apply-banner .banner-info .apply-count .txt-group .txt { display: flex; align-items: center; font-size: 19.2px; font-weight: 700; color: #000; }
.apply-banner .banner-info .apply-count .txt-group .txt strong,
.apply-banner .banner-info .apply-count .txt-group .odometer { font-family: 'Pretendard'; margin-right: 4px; font-size: 32px; }
.apply-banner .banner-info .btn-custom { height: 88px; font-size: 24px; letter-spacing: -0.32px; }

.apply-banner .banner-info .apply-count .txt-group .item-tip { position: relative; z-index: 1; }
.apply-banner .banner-info .apply-count .txt-group .btn-tip { width: 22px; height: 22px; margin-left: 7px; border: none; background: url('/img/ico_question2.svg') center center no-repeat; background-size: contain; }
.apply-banner .banner-info .apply-count .txt-group .item-tip .bubble { display: none; position: absolute; left: calc(50% - 149px); width: 307px; margin-top: 16px; padding: 20px; border-radius: 12px; box-sizing: border-box; background: #3d3d3d; }
.apply-banner .banner-info .apply-count .txt-group .item-tip .bubble.active { display: block; }
.apply-banner .banner-info .apply-count .txt-group .item-tip .bubble:before { content: ''; display: block; position: absolute; top: -8px; left: 0; right: 0; width: 12px; height: 9px; margin: 0 auto; background: url('/img/ico_triangle1.svg') center center no-repeat; }
.apply-banner .banner-info .apply-count .txt-group .item-tip .bubble .txt { font-size: 13px; font-weight: 400; color: #fff; letter-spacing: -0.46px; line-height: 24px; }


.apply-history { border-bottom: 13px solid #f4f4f4; box-sizing: border-box; }
.apply-history .top-section { padding: 36px 32px; box-sizing: border-box; }
.apply-history .top-section .tit { font-size: 28px; font-weight: 700; color: #1a1a1a; }

.tbl { width: 100%; table-layout: fixed; border-collapse: collapse; }
.tbl thead { border-top: 2px solid #f2f2f2; border-bottom: 2px solid #f2f2f2; box-sizing: border-box; background: #f8f8f7; }
.tbl thead th { height: 42px; font-size: 18px; font-weight: 500; color: #989898; letter-spacing: -0.5px; }
.tbl tbody tr { border-bottom: 1px solid #ededed; box-sizing: border-box; }
.tbl tbody td { height: 85px; font-size: 24px; font-weight: 500; color: #1a1a1a; text-align: center; letter-spacing: -0.28px; }
.tbl tbody td:nth-child(2) { text-align: left; }
.tbl tbody td:last-child { font-size: 20px; font-weight: 400; color: #a7a7a7; letter-spacing: -0.24px; }
.tbl tbody td a { display: block; padding-left: 30px; box-sizing: border-box; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.tbl th:nth-child(1), .tbl td:nth-child(1) { width: 20%; }
.tbl th:nth-child(2), .tbl td:nth-child(2) { width: 52%; }
.tbl th:nth-child(3), .tbl td:nth-child(3) { width: 28%; }

.apply-history .btn-more { display: flex; justify-content: center; align-items: center; width: 100%; height: 64px; border: none; border-bottom: 1px solid #ededed; box-sizing: border-box; background: rgba(255, 255, 255, 0); font-size: 18px; font-weight: 500; color: #555; letter-spacing: -0.24px; }
.apply-history .btn-more img { margin-left: 10px; }


/*상담사 등록 신청*/
.apply-write .wrap { padding: 64px 32px 40px; box-sizing: border-box; }
.apply-write .frm-group2 { margin-bottom: 32px; }
.apply-write .btn-custom { margin-top: 48px; }


/*나의 문의내역 및 나의 건의내역*/
.list-board2 li { border-bottom: 1px solid #ededed; box-sizing: border-box; background: url('../img/ico_arrow_bottom3.svg') calc(100% - 8px) center no-repeat; }
.list-board2 a { display: block; padding: 28px 32px; box-sizing: border-box; }
.list-board2 .tit { margin-bottom: 10px; font-size: 20px; font-weight: 500; color: #1a1a1a; }
.list-board2 .board-data { display: flex; align-items: center; }
.list-board2 .board-data > div { position: relative; margin-right: 30px; }
.list-board2 .board-data > div:last-child { margin-right: 0; }
.list-board2 .board-data > div:after { content: ''; display: block; position: absolute; top: calc(50% - 8.5px); right: -16px; width: 1px; height: 17px; background: #a7a7a7; }
.list-board2 .board-data > div:last-child:after { display: none; }
.list-board2 .board-data .state { font-size: 18px; font-weight: 400; color: #1a1a1a; }
.list-board2 .board-data .datetime { font-size: 18px; font-weight: 400; color: #a7a7a7; }

.list-board3 li { border-bottom: 1px solid #ededed; box-sizing: border-box; background: url('../img/ico_arrow_right1.svg') calc(100% - 32px) center no-repeat; background-size: 12px; }
.list-board3 a { display: block; padding: 24px 32px; box-sizing: border-box; }
.list-board3 .category { margin-bottom: 10px; font-size: 18px; font-weight: 500; color: #a7a7a7; }
.list-board3 .tit { margin-bottom: 15px; font-size: 20px; font-weight: 500; color: #1a1a1a; }
.list-board3 .board-data { display: flex; align-items: center; }
.list-board3 .board-data > div { position: relative; margin-right: 30px; }
.list-board3 .board-data > div:last-child { margin-right: 0; }
.list-board3 .board-data > div:after { content: ''; display: block; position: absolute; top: calc(50% - 7px); right: -16px; width: 1px; height: 14px; background: #a7a7a7; }
.list-board3 .board-data > div:last-child:after { display: none; }
.list-board3 .board-data .state { font-size: 16px; font-weight: 400; color: #1a1a1a; }
.list-board3 .board-data .state-v1 { color: #f8778d; }
.list-board3 .board-data .datetime { font-size: 16px; font-weight: 400; color: #a7a7a7; }


/*문의내역 상세*/
.board-view3 .board-top { padding: 32px 32px 24px; border-bottom: 1px solid rgba(237, 237, 237, 0.5); box-sizing: border-box; }
.board-view3 .board-top .board-category { margin-bottom: 10px; font-size: 18px; font-weight: 400; color: #a7a7a7; }
.board-view3 .board-top .board-tit { margin-bottom: 20px; font-size: 24px; font-weight: 500; color: #1a1a1a; }
.board-view3 .board-top .board-data { display: flex; align-items: center; }
.board-view3 .board-top .board-data > div { position: relative; margin-right: 20px; }
.board-view3 .board-top .board-data > div:last-child { margin-right: 0; }
.board-view3 .board-top .board-data > div:after { content: ''; display: block; position: absolute; top: calc(50% - 7px); right: -11px; width: 1px; height: 14px; background: #c3c3c3; }
.board-view3 .board-top .board-data > div:last-child:after { display: none; }
.board-view3 .board-top .board-data .state { font-size: 18px; font-weight: 600; color: #1a1a1a; }
.board-view3 .board-top .board-data .state-v1 { color: #f8778d; }
.board-view3 .board-top .board-data .datetime { font-size: 18px; font-weight: 400; color: #a7a7a7; }
.board-view3 .board-top .board-data .datetime span { margin-right: 10px; font-weight: 600; }

.board-view3 .board-content { padding: 32px; box-sizing: border-box; }
.board-view3 .board-content .tit { display: flex; align-items: center; margin-bottom: 22px; }
.board-view3 .board-content .tit > div { position: relative; margin-right: 20px; font-size: 18px; font-weight: 400; color: #a7a7a7; }
.board-view3 .board-content .tit > div:last-child { margin-right: 0; }
.board-view3 .board-content .tit > div:after { content: ''; display: block; position: absolute; top: calc(50% - 7px); right: -11px; width: 1px; height: 14px; background: #c3c3c3; }
.board-view3 .board-content .tit > div:last-child:after { display: none; }
.board-view3 .board-content .txt { margin-bottom: 40px; font-size: 18px; letter-spacing: -0.39px; line-height: 33px; }
.board-view3 .board-content .txt p { margin-bottom: 5px; }
.board-view3 .board-content .txt p:last-child { margin-bottom: 0; }
.board-view3 .board-content .img-group { display: flex; flex-wrap: wrap; align-items: center; }
.board-view3 .board-content .img-group img { width: 120px; height: 120px; margin-right: 16px; margin-bottom: 16px; border-radius: 9px; box-sizing: border-box; }

.board-view3 .board-reply { padding: 48px 38px 60px 56px; box-sizing: border-box; background: #f7f7f7; }
.board-view3 .board-reply .reply-info { position: relative; margin-bottom: 22px; font-size: 18px; font-weight: 400; color: #a7a7a7; }
.board-view3 .board-reply .reply-info:before { content: ''; display: block; position: absolute; left: -24px; width: 12px; height: 13px; background: url('/img/ico_line3.svg') center center no-repeat; }
.board-view3 .board-reply .reply-info span { margin-right: 10px; font-weight: 600; }
.board-view3 .board-reply .reply-tit { margin-bottom: 20px; font-size: 22px; font-weight: 500; color: #1a1a1a; }
.board-view3 .board-reply .reply-txt { font-size: 18px; font-weight: 400; color: #1a1a1a; letter-spacing: -0.39px; line-height: 33px; }
.board-view3 .board-reply .reply-txt p { margin-bottom: 4px; }
.board-view3 .board-reply .reply-txt p:last-child { margin-bottom: 0; }


/*이용안내*/
.guide .wrap { padding: 0px 32px; box-sizing: border-box; margin-bottom:30px; }
.guide .box-video { margin-bottom: 48px; }

.guide-info { margin-bottom: 65px; padding-top:50px; }
.guide-info:last-child { margin-bottom: 0; }
.guide-info .tit-group { position: relative; margin-bottom: 20px; }
.guide-info .tit-group .tit { font-size: 25px; font-weight: 700; color: #1a1a1a; letter-spacing: -0.67px; }
.guide-info .tit-group .btn { display: flex; justify-content: center; align-items: center; position: absolute; top: calc(50% - 25.5px); right: 0; width: 122px; height: 51px; border-radius: 10px; box-sizing: border-box; background: #f8778d; font-size: 20px; font-weight: 700; color: #fff; text-align: center; letter-spacing: -0.27px; }
.guide-info .txt-group p { display: flex; margin-bottom: 12px; font-size: 20px; font-weight: 400; color: #000; line-height: 32px; }
.guide-info .txt-group p:last-child { margin-bottom: 0; }
.guide-info .txt-group span { margin-right: 6px; font-size: 13px; font-weight: 300; }


/*검색*/
.search .wrap { padding: 45px 32px; box-sizing: border-box; }
.search .sec1 { margin-bottom: 50px; }
.search .top-section { display: flex; justify-content: space-between; align-items: center; margin-bottom: 24px; }
.search .top-section .tit { font-size: 28px; font-weight: 700; color: #1a1a1a; letter-spacing: -0.78px; }
.search .top-section .btn-delete { border: none; background: none; font-size: 18px; font-weight: 500; color: #f8778d; letter-spacing: -0.64px; }

.list-search-word { display: flex; flex-wrap: wrap; }
.list-search-word li { display: flex; flex-wrap: wrap; align-items: center; position: relative; max-width: 100%; height: 48px; margin-right: 12px; margin-bottom: 12px; padding: 0 46px 0 22px; border: 1px solid #f0f0f0; border-radius: 6px; box-sizing: border-box; background: #f8f8f8; }
.list-search-word li:last-child { margin-right: 0; }
.list-search-word .txt { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 19px; font-weight: 500; color: #555; letter-spacing: -0.25px; }
.list-search-word .btn-delete { position: absolute; top: calc(50% - 11px); right: 12px; z-index: 1; width: 22px; height: 22px; border: none; background: url('../img/ico_x2.svg') right center no-repeat; background-size: contain; }

.list-hot-word li { height: 90px; border-bottom: 1px solid rgba(237, 237, 237, 0.5); box-sizing: border-box; }
.list-hot-word a { display: flex; align-items: center; height: 100%; }
.list-hot-word .rank { width: 42px; }
.list-hot-word .rank .num { display: inline-block; font-size: 24px; font-weight: 700; color: #1a1a1a; letter-spacing: -0.37px; }
.list-hot-word .rank .state { display: flex; position: absolute; font-size: 13px; font-weight: 700; color: #979797; letter-spacing: -0.46px; }
.list-hot-word .rank .state img { margin-right: 4px; }
.list-hot-word .rank .state-v1 { color: #ff5f5f; }
.list-hot-word .txt { width: calc(100% - 42px); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 24px; font-weight: 500; color: #1a1a1a; letter-spacing: -0.37px; }


/*AI*/
.ai-intro .btn-exit { display: flex; align-items: center; position: absolute; top: 24px; right: 32px; font-size: 18px; font-weight: 500; color: #333; letter-spacing: -1.01px; }
.ai-intro .btn-exit img { margin-right: 7px; }
.ai-intro .wrap { width: 456px; max-width: calc(100% - 56px); margin: 0 auto; }
.ai-intro .tit-group { text-align: center; margin-bottom: 90px; }
.ai-intro .tit-group .img-logo { display: block; margin: 0 auto 10px; }
.ai-intro .tit-group .tit { margin-bottom: 30px; font-size: 24px; font-weight: 400; color: #40273b; letter-spacing: -1.35px; }
.ai-intro .tit-group .img-txt { display: block; margin: 0 auto; }

.ai-intro .box { position: relative; height: 408px; margin: 0 auto 40px; padding: 80px 0 76px; border-radius: 48px; box-shadow: 8px 30px 30px 0 rgba(255, 207, 207, 0.14), inset 0 2px 60px 0 rgba(236, 103, 103, 0.19); box-sizing: border-box; background: #fff; text-align: center; opacity: 0.9; }
.ai-intro .box:before { content: ''; display: block; position: absolute; top: -30px; left: 0; right: 0; margin: 0 auto; width: 59px; height: 59px; border-radius: 50%; box-sizing: border-box; background: url('../img/img_graphic1.svg') center center no-repeat; }

.ai-intro .txt-group .txt { margin-bottom: 40px; font-size: 24px; font-weight: 500; color: #271b25; letter-spacing: -1.35px; line-height: 42px; }
.ai-intro .txt-group .txt strong { position: relative; font-weight: 900; }
.ai-intro .txt-group .txt strong.underline:after { content: ''; display: block; position: absolute; left: 0; right: 0; bottom: 0; width: 100%; height: 7.5px; margin: 0 auto; border-radius: 4px; box-sizing: border-box; background: rgba(248, 119, 141, 0.2); }
.ai-intro .txt-group .txt2 { margin-bottom: 12px; font-size: 24px; font-weight: 500; color: #271b25; letter-spacing: -1.35px; }
.ai-intro .txt-group .txt3 { font-size: 27px; font-weight: 900; color: #271b25; letter-spacing: -0.75px; }
.ai-intro .txt-group .txt3 strong { position: relative; color: #f94f72; }
.ai-intro .txt-group .txt3 strong.underline:after { content: ''; display: block; position: absolute; left: 0; right: 0; bottom: 0; width: 100%; height: 7.5px; margin: 0 auto; border-radius: 4px; box-sizing: border-box; background: rgba(248, 119, 141, 0.2); }

.ai-intro .btn { display: flex; flex-direction: column; justify-content: center; align-items: center; width: 100%; height: 108px; border-radius: 10px; box-sizing: border-box; background-image: linear-gradient(103deg, #a05dff -61%, #ff4f6d 99%, #ff4f6d 99%); }
.ai-intro .btn .txt { font-size: 24px; font-weight: 700; color: #fff; letter-spacing: -0.32px; }
.ai-intro .btn .txt2 { margin-top: 7px; font-size: 15px; font-weight: 400; color: #fff; letter-spacing: -0.18px; }

.ai .box { width: 492px; max-width: calc(100% - 32px); margin: 0 auto; padding: 48px 30px 60px; border-radius: 24px; box-shadow: 8px 30px 30px 0 rgba(255, 207, 207, 0.14); box-sizing: border-box; background-color: #fff; }
.ai .frm { margin-bottom: 40px; }
.ai .frm-info { margin-bottom: 34px; font-size: 15px; font-weight: 400; color: #6c6c6c; text-align: center; letter-spacing: -0.45px; line-height: 22.5px; }
.ai .ck-group { display: flex; justify-content: center; align-items: center; margin-bottom: 36px; }
.ai .ck-group .ck-custom + label { font-size: 18px; color: #4a4a4a; letter-spacing: -0.5px; }
.ai .ck-group .ck-custom + label .custom { margin-right: 15px; }


/*선생님 광장*/
.section-slide-board { padding: 35px 0 20px; box-sizing: border-box; }
.section-slide-board .top-section { display: flex; justify-content: space-between; align-items: center; padding: 0 32px; box-sizing: border-box; }
.section-slide-board .top-section .tit { font-size: 28px; font-weight: 700; color: #1a1a1a; }
.section-slide-board .top-section .btn { display: flex; justify-content: flex-end; align-items: center; font-size: 18px; font-weight: 400; color: #999; text-align: right; letter-spacing: -0.64px; }
.section-slide-board .top-section .btn img { margin-left: 8px; }

.slide-board .swiper { padding: 32px; box-sizing: border-box; }
.slide-board .swiper-slide { height: 200px; padding: 32px; border: 1px solid #e9e9e9; border-radius: 10px; box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.06); box-sizing: border-box; background: #fff; }
.slide-board .swiper-slide .txt-group { max-width: 85%; }
.slide-board .swiper-slide .txt-group .tit { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; height: 64px; margin-bottom: 15px; line-height: 32px; white-space: normal; overflow: hidden; font-size: 22px; font-weight: 600; color: #1a1a1a; }
.slide-board .swiper-slide .txt-group .tit img { margin-right: 10px; }
.slide-board .swiper-slide .txt-group .txt { margin-bottom: 12px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 18px; font-weight: 400; color: #545454; }
.slide-board .swiper-slide .txt-group .date { font-size: 18px; font-weight: 400; color: #7c7c7c; }

.partner-intro .sec1 { padding: 36px 32px 48px; box-sizing: border-box; }
.partner-intro .sec1 .top-section { margin-bottom: 35px; }
.partner-intro .sec1 .top-section .tit { font-size: 28px; font-weight: 700; color: #1a1a1a; }
.partner-intro .sec1 a .img-group { height: 296px; margin-bottom: 24px; border-radius: 16px; box-sizing: border-box; overflow: hidden; }
.partner-intro .sec1 a .tit { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 22.4px; font-weight: 600; color: #1a1a1a; }

.partner-intro .sec2 { padding: 32px 32px 95px; box-sizing: border-box; }
.partner-intro .sec2 .top-section { display: flex; justify-content: space-between; align-items: center; margin-bottom: 35px; }
.partner-intro .sec2 .top-section .tit { font-size: 28px; font-weight: 700; color: #1a1a1a; }
.partner-intro .sec2 .top-section .btn { display: flex; justify-content: flex-end; align-items: center; font-size: 18px; font-weight: 400; color: #999; text-align: right; letter-spacing: -0.64px; }
.partner-intro .sec2 .top-section .btn img { margin-left: 8px; }

.list-news li { margin-bottom: 32px; }
.list-news li:last-child { margin-bottom: 0; }
.list-news a { display: flex; align-items: center; }
.list-news .img-group { width: 176px; height: 128px; margin-right: 32px; border-radius: 16px; box-sizing: border-box; overflow: hidden; }
.list-news .tit-group { width: calc(100% - 208px); }
.list-news .tit-group .tit { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; max-height: 64px; margin-bottom: 10px; line-height: 32px; white-space: normal; overflow: hidden; font-size: 24px; font-weight: 600; color: #1a1a1a; }
.list-news .tit-group .data { display: flex; align-items: center; }
.list-news .tit-group .data > div { position: relative; margin-right: 30px; font-size: 18px; font-weight: 400; color: #545454; }
.list-news .tit-group .data > div:last-child { margin-right: 0; }
.list-news .tit-group .data > div:after { content: ''; display: block; position: absolute; top: calc(50% - 2.5px); right: -18px; width: 5px; height: 5px; border-radius: 50%; box-sizing: border-box; background: #b1b1b1; }
.list-news .tit-group .data > div:last-child:after { display: none; }


/*나의 상담 관리*/
.partner-group { padding: 30px 32px 20px; box-sizing: border-box; }
.partner-group .partner-profile { display: flex; align-items: center; margin-bottom: 25px; }
.partner-group .partner-profile .img-group { width: 84px; height: 84px; margin-right: 24px; border-radius: 50%; box-sizing: border-box; overflow: hidden; }
.partner-group .partner-profile .partner-info { width: calc(100% - 112px); }
.partner-group .partner-profile .partner-info .partner-category { margin-bottom: 10px; font-size: 22.4px; font-weight: 500; color: #e55678; }
.partner-group .partner-profile .partner-info .partner-title { display: flex; align-items: center; }
.partner-group .partner-profile .partner-info .partner-title > div { position: relative; margin-right: 30px; }
.partner-group .partner-profile .partner-info .partner-title > div:last-child { margin-right: 0; }
.partner-group .partner-profile .partner-info .partner-title > div:after { content: ''; display: block; position: absolute; top: calc(50% - 10px); right: -17px; width: 2px; height: 20px; background: #d8d8d8; }
.partner-group .partner-profile .partner-info .partner-title > div:last-child:after { display: none; }
.partner-group .partner-profile .partner-info .partner-title .partner-name { font-size: 30px; font-weight: 600; color: #1a1a1a; }
.partner-group .partner-profile .partner-info .partner-title .partner-code { font-size: 28px; font-weight: 400; color: #7c7c7c; }

.partner-group .partner-state { display: flex; align-items: center; height: 77px; border: 1px solid #e9e9e9; border-radius: 10px; box-sizing: border-box; }
.partner-group .partner-state .switch-group { display: flex; justify-content: space-between; align-items: center; width: 100%; height: 100%; padding: 0 30px 0 26px; border-right: 1px solid #f7f7f7; box-sizing: border-box; }
.partner-group .partner-state .switch-group:last-child { border-right: none; }
.partner-group .partner-state .switch-group .tit { font-size: 20px; font-weight: 500; color: #1a1a1a; }

.partner-adm .sec2 .article-group { padding: 34px 0 24px; box-sizing: border-box; }
.partner-adm .sec2 .article-group .top-article { margin-bottom: 34px; padding: 0 32px; box-sizing: border-box; }
.partner-adm .sec2 .article-group .top-article .tit { font-size: 28px; font-weight: 700; color: #1a1a1a; }
.partner-adm .sec2 .article-group .inner { padding: 0 32px; box-sizing: border-box; }

.list-partner-menu { border: 1px solid #e9e9e9; border-radius: 16px; box-sizing: border-box; }
.list-partner-menu li { display: flex; border-bottom: 1px solid rgba(237, 237, 237, 0.5); box-sizing: border-box; }
.list-partner-menu li:last-child { border-bottom: none; }
.list-partner-menu .tit { display: flex; justify-content: center; align-items: center; width: 144px; min-height: 64px; background: #f9f9f9; font-size: 18px; font-weight: 500; color: #1a1a1a; text-align: center; letter-spacing: -0.3px; }
.list-partner-menu li:first-child .tit { border-top-left-radius: 16px; box-sizing: border-box; }
.list-partner-menu li:last-child .tit { border-bottom-left-radius: 16px; box-sizing: border-box; }
.list-partner-menu .txt-group { display: flex; justify-content: space-between; align-items: center; position: relative; width: calc(100% - 144px); padding: 0 30px; box-sizing: border-box; }
.list-partner-menu a.txt-group { background: url('../img/ico_arrow_right1.svg') calc(100% - 30px) center no-repeat; }
.list-partner-menu .txt-group .txt { display: flex; align-items: center; position: relative; font-size: 18px; font-weight: 500; color: #1a1a1a; }
.list-partner-menu .txt-group .txt-v1 { font-weight: 700; color: #f8778d; }
.list-partner-menu .txt-group .txt strong { margin-left: 8px; color: #f8778d; }
.list-partner-menu .txt-group .txt .ico-new { margin-left: 10px; }
.list-partner-menu .txt-group .select-group { display: flex; justify-content: flex-end; align-items: center; }
.list-partner-menu .txt-group .select-group select { width: 197px; height: 38px; padding-right: 26px; border: 1px solid #ededed; border-radius: 5px; box-sizing: border-box; background: url('../img/ico_arrow_select1.svg') calc(100% - 9px) center no-repeat; background-size: 10px; font-size: 18px; font-weight: 700; color: #f8778d; text-align-last: right; }
.list-partner-menu .txt-group .select-group .unit { margin-left: 5px; font-size: 15px; font-weight: 500; color: #555; }
.list-partner-menu .txt-group .btn { display: flex; justify-content: center; align-items: center; width: 104px; height: 32px; border: 1px solid #dcdcdc; border-radius: 8px; box-sizing: border-box; background: #fff; font-size: 15px; font-weight: 600; color: #555; text-align: center; letter-spacing: -0.2px; }
.list-partner-menu .txt-group .noti { position: absolute; top: -20px; z-index: 10; margin-left: -5px; padding: 5px 15px; border: 1px solid #fff0f3; border-radius: 7px; box-sizing: border-box; background: #fff6f9; font-size: 14px; font-weight: 600; color: #ff4e6d; text-align: center; letter-spacing: -0.16px; }
.list-partner-menu .txt-group .noti:before { content: ''; display: block; position: absolute; left: 0; right: 0; bottom: -7px; width: 10px; height: 7px; margin: 0 auto; background: url('../img/ico_triangle4.svg') center center no-repeat; }

.partner-adm .sec2 .statistics-info { display: flex; justify-content: center; align-items: center; margin: 24px 0 15px; padding: 15px 0; border-top: 2px solid #f2f2f2; border-bottom: 2px solid #f2f2f2; box-sizing: border-box; background: #f8f8f7; }
.partner-adm .sec2 .statistics-info .txt-group { display: flex; justify-content: center; align-items: center; margin: 0 11px; }
.partner-adm .sec2 .statistics-info .txt-group .tit { font-size: 18px; font-weight: 500; color: #1a1a1a; }
.partner-adm .sec2 .statistics-info .txt-group .txt { margin-left: 5px; font-size: 18px; font-weight: 700; color: #f8778d; }

.list-order-history li { display: flex; align-items: center; padding: 24px 32px; border-bottom: 1px solid #ededed; box-sizing: border-box; }
.list-order-history .num { position: relative; width: 32px; margin-right: 16px; }
.list-order-history .num span { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) scale(1); -webkit-transform: translate(-50%, -50%) scale(1); -moz-transform: translate(-50%, -50%) scale(1); -ms-transform: translate(-50%, -50%) scale(1); -o-transform: translate(-50%, -50%) scale(1); font-size: 20px; font-weight: 700; color: #f8778d; text-align: center; }
.list-order-history .txt { width: calc(100% - 48px); font-size: 20px; font-weight: 500; color: #1a1a1a; }
.list-order-history .txt-v1 { color: rgba(26, 26, 26, 0.5); }

.order-history-group .btn-more { display: flex; justify-content: center; align-items: center; width: 100%; height: 64px; border: none; border-bottom: 1px solid #ededed; box-sizing: border-box; background: rgba(255, 255, 255, 0); font-size: 18px; font-weight: 500; color: #555; letter-spacing: -0.24px; }
.order-history-group .btn-more img { margin-left: 10px; }


/*코인충전*/
.coin-shop .sec1 { padding: 32px; box-sizing: border-box; }
.coin-shop .user-coin { display: flex; align-items: center; height: 120px; }
.coin-shop .user-coin .coin-state { padding: 0; box-sizing: border-box; }
.coin-shop .user-coin .coin-state .txt-group { justify-content: space-between; width: 100%; }
.coin-shop .user-coin .coin-state .txt-group .tit { font-weight: 600; }

.auto-coin { display: flex; align-items: center; height: 120px; margin-top: 16px; padding: 0 32px; border: 1px solid #f2f2f2; border-radius: 12px; box-sizing: border-box; background: #fafafa; }
.auto-coin .auto-state { display: flex; justify-content: space-between; align-items: center; width: 100%; }
.auto-coin .auto-state .txt-group { display: flex; align-items: center; }
.auto-coin .auto-state .txt-group .tit { font-size: 24px; font-weight: 600; color: #000; letter-spacing: -0.67px; }
.auto-coin .auto-state .txt-group .txt { margin-left: 16px; font-size: 24px; font-weight: 600; color: #979797; letter-spacing: -0.67px; }
.auto-coin .auto-state .txt-group .txt-v1 { color: #f8778d; }
.auto-coin .auto-state .btn { width: 120px; height: 48px; border: 1px solid #dcdcdc; border-radius: 6px; box-sizing: border-box; background: #fff; font-size: 18px; font-weight: 600; color: #555; letter-spacing: -0.24px; }

.coin-shop .sec2 .top-section {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 32px;
    box-sizing: border-box;
}

.coin-shop .sec2 .top-section .tit {
    display: flex;
    align-items: center;
    font-size: 28px;
    font-weight: 700;
    color: #1a1a1a;
    letter-spacing: -0.78px;
}

.coin-shop .sec2 .top-section .tit span {
    margin-left: 12px;
    font-size: 18px;
    font-weight: 400;
    color: #6c6c6c;
    letter-spacing: -0.5px;
}
.coin-shop .sec2 .top-section .btn-calculator {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    border: none;
    background: none;
    font-size: 18px;
    font-weight: 500;
    color: #f8778d;
}

.coin-shop .sec2 .top-section .btn-calculator .ico-clock {
    width: 20px;
    margin-right: 10px;
}

.coin-shop .sec2 .top-section .btn-calculator .ico-arrow {
    width: 8px;
    margin-left: 10px;
}

.list-price li { position: relative; height: 86px; border-bottom: 1px solid #ededed; box-sizing: border-box; }
.list-price li:first-child { display: flex; justify-content: space-between; align-items: center; height: 46px; border-top: 2px solid #f2f2f2; border-bottom: 2px solid #f2f2f2; box-sizing: border-box; background: #f8f8f7; }
.list-price li:first-child .tit { font-size: 18px; font-weight: 500; color: #1a1a1a; letter-spacing: -0.5px; }
.list-price li:first-child .tit:first-child { padding-left: 110px; box-sizing: border-box; }
.list-price li:first-child .tit:last-child { padding-right: 60px; box-sizing: border-box; }

.list-price .label { display: flex; justify-content: space-between; align-items: center; width: calc(100% - 48px); }
.list-price .label .txt-group { display: flex; align-items: center; }
.list-price .label .txt-group .txt { display: flex; align-items: center; font-size: 24px; font-weight: 600; color: #1a1a1a; letter-spacing: -0.28px; }
.list-price .label .txt-group .txt strong { margin-right: 6px; }
.list-price .label .txt-group .txt2 { margin-left: 18px; font-size: 16px; font-weight: 400; color: #6c6c6c; letter-spacing: -0.44px; }
.list-price .label .txt-group .txt2 strong { margin-left: 4px; font-weight: 700; color: #f8778d; }
.list-price .label .product-price { display: flex; justify-content: center; align-items: center; width: 120px; height: 48px; border-radius: 10px; box-sizing: border-box; background: #f8778d; font-size: 18px; font-weight: 600; color: #fff; }
.list-price .ico-label { position: absolute; top: -6px; left: 80px; }

.coin-shop .sec3 .top-section { padding: 32px; border-bottom: 1px solid #ededed; box-sizing: border-box; }
.coin-shop .sec3 .top-section .tit { font-size: 28px; font-weight: 700; color: #1a1a1a; letter-spacing: -0.78px; }

.payment-option .option-group { border-bottom: 1px solid #ededed; box-sizing: border-box; }
.payment-option .option-group .ck-group .ck-custom4 + label { padding: 28px 32px; box-sizing: border-box; }
.payment-option .option-group .ck-group .label { display: flex; align-items: center; width: calc(100% - 48px); }
.payment-option .option-group .ck-group .label .tit { display: flex; align-items: center; font-size: 24px; font-weight: 600; color: #1a1a1a; letter-spacing: -0.28px; }
.payment-option .option-group .ck-group .label .bubble { position: relative; margin-left: 18px; padding: 5px 15px; border: 1px solid #fff0f3; border-radius: 7px; box-sizing: border-box; background: #fff6f9; font-size: 14px; font-weight: 600; color: #ff4e6d; text-align: center; letter-spacing: -0.16px; }
.payment-option .option-group .ck-group .label .bubble:before { content: ''; display: block; position: absolute; top: calc(50% - 3.5px); left: -8px; width: 10px; height: 7px; background: url('../img/ico_triangle4.svg') center center no-repeat; transform: rotate(90deg); }
.payment-option .option-group .option-layer { display: none; }

.slide-card { padding-bottom: 35px; box-sizing: border-box; }
.slide-card .swiper { padding: 0 80px; box-sizing: border-box; }
.slide-card .swiper-slide { width: 408px; height: 252px; border: 3px solid transparent; border-radius: 24px; box-sizing: border-box; background: center center no-repeat; background-size: cover; cursor: pointer; }
.slide-card .swiper-slide-active { border-color: #f8778d; }
.slide-card .swiper-slide .ico-add { position: absolute; top: calc(50% - 31.5px); left: 0; right: 0; margin: 0 auto; width: 63px; height: 63px; border-radius: 50%; box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.09); box-sizing: border-box; }

.list-payment-normal { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; margin: -8px; padding: 16px 32px 40px; box-sizing: border-box; }
.list-payment-normal li { width: 50%; padding: 8px; box-sizing: border-box; }
.list-payment-normal .ck-group .ck-custom5 + label { height: 96px; }
.list-payment-normal .ck-group .ck-custom5 + label img { zoom: 0.5; }

.coin-shop .sec4 .top-section { display: flex; justify-content: space-between; align-items: center; padding: 24px 32px; box-sizing: border-box; }
.coin-shop .sec4 .top-section .tit { font-size: 24px; font-weight: 600; color: #1a1a1a; letter-spacing: -0.28px; }
.coin-shop .sec4 .top-section .txt { display: flex; justify-content: flex-end; align-items: center; font-size: 18px; font-weight: 400; color: #6c6c6c; letter-spacing: -0.5px; }
.coin-shop .sec4 .top-section .txt img { width: 12px; margin-left: 20px; }

.coin-shop .sec5 { padding: 32px; box-sizing: border-box; }
.coin-shop .sec5 .top-section .tit { font-size: 24px; font-weight: 700; color: #1a1a1a; letter-spacing: -0.67px; }

.coin-shop .payment-price { padding: 32px 0; border-bottom: 1px solid #ededed; box-sizing: border-box; }
.coin-shop .payment-price .txt-group { display: flex; justify-content: space-between; align-items: center; margin-bottom: 32px; }
.coin-shop .payment-price .txt-group:last-child { margin-bottom: 0; }
.coin-shop .payment-price .txt-group .tit { font-size: 24px; font-weight: 500; color: #1a1a1a; letter-spacing: -0.67px; }
.coin-shop .payment-price .txt-group .txt { font-size: 24px; font-weight: 500; color: #1a1a1a; text-align: right; letter-spacing: -0.67px; }

.coin-shop .total-payment-price { padding: 25px 0; box-sizing: border-box; }
.coin-shop .total-payment-price-v1 { padding: 0; }
.coin-shop .total-payment-price .txt-group { display: flex; justify-content: space-between; align-items: center; }
.coin-shop .total-payment-price .txt-group .tit { font-size: 24px; font-weight: 700; color: #1a1a1a; letter-spacing: -0.67px; }
.coin-shop .total-payment-price .txt-group .txt { font-size: 28px; font-weight: 700; color: #1a1a1a; text-align: right; letter-spacing: -0.67px; }

.coin-shop .sec6 { padding: 40px 32px 48px; box-sizing: border-box; }
.coin-shop .sec6 .txt-group .txt { margin-bottom: 16px; font-size: 26px; font-weight: 400; color: #1a1a1a; letter-spacing: -0.52px; }
.coin-shop .sec6 .txt-group .frm-group-coin { display: flex; align-items: center; margin-bottom: 30px; }
.coin-shop .sec6 .txt-group .frm-group-coin .inp-group { display: flex; align-items: center; width: 248px; height: 73px; padding: 0 24px; border: 1px solid #e9e9e9; border-radius: 10px; box-sizing: border-box; }
.coin-shop .sec6 .txt-group .frm-group-coin .inp-group span { display: flex; align-items: center; height: 100%; border: none; background: none; font-size: 24px; font-weight: 600; color: #1a1a1a; letter-spacing: -0.28px; }
.coin-shop .sec6 .txt-group .frm-group-coin p { margin-left: 16px; font-size: 24px; font-weight: 600; color: #1a1a1a; letter-spacing: -0.28px; }
.coin-shop .sec6 .txt-group .txt2 { margin-bottom: 16px; font-size: 24px; font-weight: 400; color: #1a1a1a; letter-spacing: -0.48px; }
.coin-shop .sec6 .txt-group .txt2 span { font-weight: 600; }
.coin-shop .sec6 .txt-group .txt3 { font-size: 18px; font-weight: 400; color: #6c6c6c; letter-spacing: -0.5px; }


/*고객센터*/
.csc .sec1 { padding: 35px 32px 52px; border-bottom: 13px solid #f4f4f4; box-sizing: border-box; }
.csc .sec1 .top-section { display: flex; justify-content: space-between; align-items: center; margin-bottom: 35px; }
.csc .sec1 .top-section .tit { font-size: 28px; font-weight: 700; color: #1a1a1a; }
.csc .sec1 .top-section .btn { display: flex; justify-content: flex-end; align-items: center; font-size: 18px; font-weight: 400; color: #999; text-align: right; letter-spacing: -0.64px; }
.csc .sec1 .top-section .btn img { margin-left: 8px; }

.csc .sec1 .txt-group { display: block; height: 177px; padding: 34px 32px; border: 1px solid #e9e9e9; border-radius: 10px; box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.06); box-sizing: border-box; background: #fff; }
.csc .sec1 .txt-group .tit { margin-bottom: 24px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 22px; font-weight: 600; color: #1a1a1a; }
.csc .sec1 .txt-group .tit img { margin-right: 10px; }
.csc .sec1 .txt-group .txt { margin-bottom: 12px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 18px; font-weight: 400; color: #545454; }
.csc .sec1 .txt-group .date { font-size: 18px; font-weight: 400; color: #7c7c7c; }

.csc .sec2 { padding: 36px 0; border-bottom: 13px solid #f4f4f4; box-sizing: border-box; }

.list-menu-csc { display: flex; flex-wrap: wrap; align-items: center; padding: 0 16px; box-sizing: border-box; }
.list-menu-csc li { width: 25%; }
.list-menu-csc a { display: flex; flex-direction: column; justify-content: center; align-items: center; height: 100%; }
.list-menu-csc .ico { position: relative; }
.list-menu-csc .ico img { display: block; width: 72px; height: 72px; margin: 0 auto; }
.list-menu-csc .tit { font-size: 20px; font-weight: 400; color: #1a1a1a; text-align: center; letter-spacing: -0.29px; }

.csc .sec3 { padding: 36px 32px 75px; box-sizing: border-box; }
.csc .sec3 .top-section { margin-bottom: 55px; }
.csc .sec3 .top-section .tit { font-size: 28px; font-weight: 700; color: #1a1a1a; }
.csc .sec3 .txt-group { margin-bottom: 60px; }
.csc .sec3 .txt-group:last-child { margin-bottom: 0; }
.csc .sec3 .txt-group .tit { margin-bottom: 18px; font-size: 22px; font-weight: 700; color: #1a1a1a; letter-spacing: -0.29px; }
.csc .sec3 .txt-group .txt { margin-bottom: 18px; font-size: 30px; font-weight: 600; color: #f8778d; }
.csc .sec3 .txt-group .txt2 { font-size: 18px; font-weight: 400; color: #545454; letter-spacing: -0.3px; line-height: 27px; }
.csc .sec3 .txt-group .btn-custom { margin-top: 20px; }


/*충전 완료 및 주문 완료*/
.receipt .top-page { margin-bottom: 60px; text-align: center; }
.receipt .top-page .tit { font-size: 36px; font-weight: 700; color: #1a1a1a; }
.receipt .top-page .txt { min-height: 52px; margin-top: 20px; font-size: 20px; font-weight: 400; color: #7c7c7c; letter-spacing: -0.31px; line-height: 26px; }

.receipt-info { width: 460px; max-width: 100%; margin: 0 auto; }
.receipt-info .receipt-data { margin-bottom: 30px; }
.receipt-info .receipt-data .box { padding: 20px 0; border-bottom: 2px solid #ededed; box-sizing: border-box; }
.receipt-info .receipt-data .box:last-child { border-bottom: none; }
.receipt-info .receipt-data .txt-group { display: flex; justify-content: space-between; align-items: center; margin-bottom: 15px; }
.receipt-info .receipt-data .txt-group:last-child { margin-bottom: 0; }
.receipt-info .receipt-data .txt-group-v1 { align-items: flex-start; }
.receipt-info .receipt-data .txt-group .tit { font-size: 20px; font-weight: 500; color: #000; }
.receipt-info .receipt-data .txt-group .tit-v1 { font-size: 24px; font-weight: 700; }
.receipt-info .receipt-data .txt-group .txt { font-size: 20px; font-weight: 400; color: #000; text-align: right; }
.receipt-info .receipt-data .txt-group .txt .v1 { font-size: 15px; font-weight: 600; color: #131415; }
.receipt-info .receipt-data .txt-group .txt .v2 { margin-top: 6px; font-size: 17.6px; font-weight: 500; color: #7c7c7c; }
.receipt-info .receipt-data .txt-group .txt .v3 { font-size: 24px; font-weight: 700; color: #000; }
.receipt-info .receipt-data .txt-group .txt .v4 { font-size: 18px; font-weight: 400; color: #7c7c7c; line-height: 26px; }
.receipt-info .receipt-data .txt-group .txt .v4:first-of-type { margin-top: 10px; }


/*랭킹 상담사*/
.ranking .sec1 { padding-bottom: 125px; box-sizing: border-box; }
.ranking .list-item > li { border: none; }
.ranking .item-group .item-info { display: flex; border: none; }
.ranking .item-group .item-info .rank { width: 32px; }
.ranking .item-group .item-info .rank .num { display: inline-block; font-size: 20px; font-weight: 700; color: #1a1a1a; letter-spacing: -0.56px; }
.ranking .item-group .item-info .rank .state { display: flex; position: absolute; font-size: 12px; font-weight: 700; color: #979797; letter-spacing: -0.43px; }
.ranking .item-group .item-info .rank .state img { margin-right: 4px; }
.ranking .item-group .item-info .rank .state-v1 { color: #ff5f5f; }
.ranking .item-group .item-info .item-basic { width: calc(100% - 224px); }


/*회원가입 완료*/
.sign-complete .top-section { margin-bottom: 40px; }
.sign-complete .top-section .tit { margin-bottom: 20px; font-size: 28px; font-weight: 700; color: #1a1a1a; letter-spacing: -0.29px; }
.sign-complete .top-section .txt { font-size: 20px; font-weight: 400; color: #333; letter-spacing: -0.31px; line-height: 28px; }
.sign-complete .top-section .txt strong { font-weight: 700; color: #f8778d; }

.graph-group { display: flex; justify-content: center; align-items: flex-end; position: relative; height: 252px; }
.graph-group-v1 { justify-content: flex-start; }
.graph-group .tit { position: absolute; top: 0; left: 0; font-size: 20px; font-weight: 700; color: #333; letter-spacing: -0.31px; }
.graph-group .graph { display: flex; flex-direction: column; justify-content: flex-end; align-items: center; margin-right: 40px; }
.graph-group .graph:last-child { margin-right: 0; }
.graph-group .graph .percent { font-size: 18px; font-weight: 600; color: #aab4bf; text-align: center; letter-spacing: -0.54px; }
.graph-group .graph .label { margin-top: 10px; font-size: 20px; font-weight: 500; color: #9aa7b3; text-align: center; }

.graph-group .graph .bar { width: 57px; margin: 10px auto 0; border-radius: 9px; box-sizing: border-box; background: #dcdfe1; animation: ani2 1s ease-in-out; animation-fill-mode: forwards; }
.graph-group .graph:nth-child(1) .bar { height: 179px; }
.graph-group .graph:nth-child(2) .bar { height: 46px; }
.graph-group .graph:nth-child(3) .bar { height: 40px; }
.graph-group .graph:nth-child(4) .bar { height: 22px; }
.graph-group .graph:nth-child(5) .bar { height: 12px; }
.graph-group .graph:nth-child(6) .bar { height: 8px; }

.graph-group-s1 .graph:nth-child(2) .bar { height: 148px; }
.graph-group-s1 .graph:nth-child(3) .bar { height: 58px; }
.graph-group-s1 .graph:nth-child(4) .bar { height: 22px; }

.graph-group-s2 .graph:nth-child(2) .bar { height: 126px; }
.graph-group-s2 .graph:nth-child(3) .bar { height: 64px; }
.graph-group-s2 .graph:nth-child(4) .bar { height: 30px; }


@keyframes ani2 {
	0% { height: 0; }
}

.graph-group .graph.active .percent { font-size: 24px; font-weight: 700; color: #f8778d; }
.graph-group .graph.active .bar { background: #f8778d; }
.graph-group .graph.active .label { font-weight: 700; color: #f8778d; }

.sign-complete .sec1 { padding: 50px 32px 40px; border-bottom: 16px solid #f4f4f4; box-sizing: border-box; overflow: hidden; }
.sign-complete .sec1 .box { display: flex; justify-content: center; }
.sign-complete .sec1 .box .graph-group { height: 275px; margin: 0 50px; }
.sign-complete .sec1 .box .graph-group .graph { margin-right: 20px; width:77px; }
.sign-complete .sec1 .box .graph-group .graph:last-child { margin-right: 0; }

.sign-complete .sec2 { padding-bottom: 32px; box-sizing: border-box; }
.sign-complete .sec2 .top-section { margin-bottom: 24px; padding: 50px 30px 0; box-sizing: border-box; }
.sign-complete .sec2 .list-item > li:last-child { border-bottom: none; }

.sign-complete .sec3 { padding: 100px 32px 127px; box-sizing: border-box; background: rgba(255, 166, 190, 0.12); }
.sign-complete .sec3 .img-coupon { display: block; width: 388px; margin: 0 auto 10px; }
.sign-complete .sec3 .txt { margin-bottom: 45px; font-size: 30px; font-weight: 700; color: #1a1a1a; text-align: center; letter-spacing: -0.55px; line-height: 40px; }
.sign-complete .sec3 .txt span { color: #f8778d; }


/*사주나루 뉴스*/
.news .sec1 { padding: 40px 32px; box-sizing: border-box; }
.news .sec2 { padding: 40px 32px 70px; box-sizing: border-box; }

.news .line { background: #f4f4f4; }
.news .line-v1 { border-color: rgba(151, 151, 151, 0.15); }

.list-news2 { display: flex; align-items: center; margin: 0 -8px; }
.list-news2 li { width: 50%; padding: 0 8px; box-sizing: border-box; }
.list-news2 .img-group { height: 232px; margin-bottom: 16px; border-radius: 16px; box-sizing: border-box; overflow: hidden; }
.list-news2 .tit-group .tit { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; height: 64px; margin-bottom: 10px; line-height: 32px; white-space: normal; overflow: hidden; font-size: 24px; font-weight: 600; color: #1a1a1a; }
.list-news2 .tit-group .data { display: flex; align-items: center; }
.list-news2 .tit-group .data > div { position: relative; margin-right: 30px; font-size: 18px; font-weight: 400; color: #545454; }
.list-news2 .tit-group .data > div:last-child { margin-right: 0; }
.list-news2 .tit-group .data > div:after { content: ''; display: block; position: absolute; top: calc(50% - 2.5px); right: -18px; width: 5px; height: 5px; border-radius: 50%; box-sizing: border-box; background: #b1b1b1; }
.list-news2 .tit-group .data > div:last-child:after { display: none; }


/*사주나루 뉴스 상세*/
.board-view2 .wrap { padding-bottom: 40px; box-sizing: border-box; }
.board-view2 .board-top { padding: 55px 32px 32px; border-bottom: none; box-sizing: border-box; }
.board-view2 .board-top .board-tit { margin-bottom: 15px; line-height: 40px; }
.board-view2 .board-top .board-data { font-size: 18px; font-weight: 400; color: #8e8e8e; }
.board-view2 .board-content { padding: 0 0 60px; box-sizing: border-box; }
.board-view2 .board-content img { margin-bottom: 40px; }
.board-view2 .board-content .txt { margin-bottom: 0; padding: 0 32px; box-sizing: border-box; }
.board-view2 .board-navigation { width: calc(100% - 64px); margin: 0 auto; }


.comment-group { padding: 0 32px; box-sizing: border-box; }
.comment-group .top-section .tit { display: flex; align-items: center; font-size: 24px; font-weight: 700; color: #1d1d1d; }
.comment-group .top-section .tit span { margin-left: 10px; color: #f8778d; }

.list-comment .box { width: calc(100% - 70px); margin: 0 0 0 auto; }
.list-comment .box:first-child { width: 100%; }
.list-comment .comment-content { margin: 0 0 0 auto; padding: 26px 0 20px; border-bottom: 1px solid #f2f2f2; box-sizing: border-box; }
.list-comment .comment-content .comment-info { display: flex; align-items: center; }
.list-comment .comment-content .comment-info .user-name { font-size: 18px; font-weight: 700; color: #1d1d1d; }
.list-comment .comment-content .comment-info .comment-data { display: flex; align-items: center; margin-left: 12px; }
.list-comment .comment-content .comment-info .comment-data > div { position: relative; margin-right: 20px; }
.list-comment .comment-content .comment-info .comment-data > div:last-child { margin-right: 0; }
.list-comment .comment-content .comment-info .comment-data > div:after { content: ''; display: block; position: absolute; top: calc(50% - 6px); right: -10px; width: 1px; height: 12px; background: #cfcfcf; }
.list-comment .comment-content .comment-info .comment-data > div:last-child:after { display: none; }
.list-comment .comment-content .comment-info .comment-data .datetime { font-size: 13px; font-weight: 500; color: #838383; }
.list-comment .comment-content .comment-info .comment-data .btn-report { border: none; background: none; font-size: 13px; font-weight: 500; color: #838383; }
.list-comment .comment-content .txt { margin-top: 26px; font-size: 15px; font-weight: 400; color: #1d1d1d; line-height: 28px; }
.list-comment .comment-content .btn-reply { margin-top: 10px; width: 60px; height: 32px; border: 1px solid #e1e1e1; border-radius: 4px; box-sizing: border-box; background: #fff; font-size: 14px; font-weight: 500; color: #1d1d1d; }
.list-comment .reply-group { width: calc(100% - 70px); margin: 0 0 0 auto; padding: 26px 0; border-bottom: 1px solid #f2f2f2; box-sizing: border-box; }
.list-comment .reply-group .inp-group-reply { display: flex; flex-direction: column; justify-content: space-between; position: relative; height: 110px; padding: 18px 15px 15px 20px; border: 1px solid #e9e9e9; border-radius: 8px; box-sizing: border-box; }
.list-comment .reply-group .inp-group-reply:before { content: ''; display: block; position: absolute; top: 10px; left: -26px; width: 13px; height: 12px; background: url('../img/ico_line4.svg') center center no-repeat; }
.list-comment .reply-group .inp-group-reply .inp-reply { display: block; width: 100%; height: auto; padding: 0; border: none; font-size: 16px; font-weight: 400; color: #1d1d1d; }
.list-comment .reply-group .inp-group-reply .btn-custom { width: 80px; height: 36px; margin: 0 0 0 auto; border-radius: 6px; box-sizing: border-box; font-size: 16px; font-weight: 600; }


/*지식인*/
.qna .sec1 { padding-bottom: 25px; border-bottom: 16px solid #f4f4f4; box-sizing: border-box; }
.qna .noti-banner { display: flex; justify-content: space-between; align-items: center; width: calc(100% - 64px); margin: 0 auto; padding: 30px 25px; border: 1px solid #f2f2f2; border-radius: 18px; box-shadow: 0 2px 16px 0 rgba(0, 0, 0, 0.06); box-sizing: border-box; background: #fff; }
.qna .noti-banner .tit { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 20px; font-weight: 600; color: #1a1a1a; }
.qna .noti-banner .tit img { margin-right: 11px; }

.qna .sec2 .qna-filter { display: flex; justify-content: flex-end; padding: 20px 32px; box-sizing: border-box; }

.list-qna { border-bottom: 16px solid #f4f4f4; box-sizing: border-box; }
.list-qna li { position: relative; border-top: 16px solid #f4f4f4; border-bottom: 1px solid rgba(151, 151, 151, 0.15); box-sizing: border-box; box-sizing: border-box; }
.list-qna li:first-child { border-top: 1px solid rgba(151, 151, 151, 0.15); box-sizing: border-box; }

.qna-group { display: block; padding: 43px 32px 35px; box-sizing: border-box; }
.qna-group .question-group .tit-group { position: relative; padding-left: 44px; box-sizing: border-box; }
.qna-group .question-group .tit-group:before { content: ''; display: block; position: absolute; top: 0; left: 0; width: 32px; height: 32px; background: url('../img/ico_q1.svg') center center no-repeat; }
.qna-group .question-group .tit-group .category { margin-bottom: 2px; font-size: 18px; font-weight: 500; color: #e55678; }
.qna-group .question-group .tit-group .tit { font-size: 24px; font-weight: 400; color: #1a1a1a; letter-spacing: -0.45px; line-height: 34px; }
.qna-group .question-group .tit-group .writer { margin-top: 12px; font-size: 20px; font-weight: 400; color: #727272; }
.qna-group .question-group .tit-group .txt { margin-top: 28px; font-size: 20px; font-weight: 400; color: #1a1a1a; letter-spacing: -0.43px; line-height: 28px; }
.qna-group .question-group .tit-group .datetime { margin-top: 20px; font-size: 18px; font-weight: 400; color: #a7a7a7; }

.qna-group .answer-group { margin-top: 20px; padding-left: 44px; box-sizing: border-box; }
.qna-group .answer-group .answer-data { margin-left: -28px; margin-bottom: 10px; padding-left: 74px; box-sizing: border-box; font-size: 22px; font-weight: 500; color: #1a1a1a; text-indent: -74px; }
.qna-group .answer-group .answer-data img:nth-child(1) { margin-right: 18px; }
.qna-group .answer-group .answer-data img:nth-child(2) { margin-right: 12px; }
.qna-group .answer-group .txt { margin-bottom: 10px; font-size: 20px; font-weight: 400; color: #1a1a1a; letter-spacing: -0.43px; line-height: 28px; }
.qna-group .answer-group .datetime { font-size: 18px; font-weight: 400; color: #a7a7a7; }

.qna .btn-write { position: fixed; right: calc(50% - 328px); bottom: 148px; width: 80px; height: 80px; border-radius: 50%; box-shadow: 0 3px 16px 0 rgba(0, 0, 0, 0.12); box-sizing: border-box; }
.qna .btn-write img { width: 100%; }


/*지식인 상세*/
.qna-view .qna-group { border-bottom: 1px solid rgba(151, 151, 151, 0.15); box-sizing: border-box; }

.qna-view .reply-group { border-top: 16px solid #f4f4f4; box-sizing: border-box; }
.qna-view .reply-group .reply-count { padding: 36px 32px 0; box-sizing: border-box; font-size: 28px; font-weight: 700; color: #1a1a1a; }
.qna-view .reply-group .reply-count span { margin-left: 8px; color: #f8778d; }



.qna-view .line {
    background: #f4f4f4;
}

.qna-view .line-v1 {
    border-color: rgba(151, 151, 151, 0.15);
}

.qna-view .write-group {
    padding: 28px 32px 60px;
    box-sizing: border-box;
}

.qna-view .write-group .item-basic {
    display: flex;
    align-items: center;
    margin-bottom: 30px;
}

.qna-view .write-group .item-basic .img-group {
    width: 56px;
    height: 56px;
    margin-right: 16px;
    border-radius: 50%;
    box-sizing: border-box;
    overflow: hidden;
}

.qna-view .write-group .item-basic .item-info {
    width: calc(100% - 72px);
}

.qna-view .write-group .item-basic .item-info .item-title .item-name {
    font-size: 24px;
    font-weight: 500;
    color: #1a1a1a;
}

.qna-view .write-group .btn-group-upload {
    margin-bottom: 11px;
}

.qna-view .write-group .btn-group-upload .btn-upload {
    width: 88px;
    height: 88px;
    border: 1px dashed #ddd;
    box-sizing: border-box;
    background: url('../img/ico_camera1.svg') center center no-repeat #fff;
}

.qna-view .write-group .btn-group-upload .btn {
    margin-right: 13px;
    margin-bottom: 13px;
}

.qna-view .write-group .frm-group2 > div {
    margin-bottom: 20px;
}

.qna-view .write-group .frm-group2 > div:last-child {
    margin-bottom: 0;
}

.qna-view .write-group .frm-group2 .textarea-group {
    height: 216px;
}

.qna-view .write-group .frm-group2 .textarea-group textarea {
    height: 100%;
    font-size: 19px;
}

.qna-view .write-group .select-custom {
    font-size: 19px;
}

.qna-view .reply-group .reply-count {
    padding: 36px 32px 0;
    box-sizing: border-box;
    font-size: 28px;
    font-weight: 700;
    color: #1a1a1a;
}

.qna-view .reply-group .reply-count span {
    margin-left: 8px;
    color: #f8778d;
}


.list-reply li {
    padding: 36px 32px;
    border-bottom: 1px solid rgba(151, 151, 151, 0.15);
    box-sizing: border-box;
}

.list-reply li:last-child {
    border-bottom: none;
}

.list-reply .reply-info {
    display: flex;
    align-items: center;
    position: relative;
    margin-bottom: 32px;
    padding: 20px 28px;
    border: 1px solid rgba(248, 70, 118, 0.17);
    border-radius: 18px;
    box-sizing: border-box;
    background: rgba(255, 166, 190, 0.17);
}

.list-reply .reply-info .img-group {
    width: 77px;
    height: 77px;
    margin-right: 24px;
    border-radius: 50%;
    box-sizing: border-box;
    overflow: hidden;
}

.list-reply .reply-info .item-basic {
    width: calc(100% - 101px);
}

.list-reply .reply-info .item-basic .item-category {
    margin-bottom: 6px;
    font-size: 18px;
    font-weight: 500;
    color: #e55678;
}

.list-reply .reply-info .item-basic .item-title {
    display: flex;
    align-items: center;
}

.list-reply .reply-info .item-basic .item-title > div {
    position: relative;
    margin-right: 30px;
}

.list-reply .reply-info .item-basic .item-title > div:last-of-type {
    margin-right: 0;
}

.list-reply .reply-info .item-basic .item-title > div:after {
    content: '';
    display: block;
    position: absolute;
    top: calc(50% - 10px);
    right: -16px;
    width: 2px;
    height: 20px;
    background: #c4c4c4;
}

.list-reply .reply-info .item-basic .item-title > div:last-of-type:after {
    display: none;
}

.list-reply .reply-info .item-basic .item-title .item-name {
    font-size: 24px;
    font-weight: 700;
    color: #1a1a1a;
}

.list-reply .reply-info .item-basic .item-title .item-code {
    font-size: 24px;
    font-weight: 400;
    color: #7c7c7c;
}

.list-reply .reply-info .item-basic .item-title .btn-view {
    margin-left: 15px;
    padding: 6px 14px;
    border-radius: 15px;
    box-sizing: border-box;
    background: #ffdbe4;
    font-size: 15px;
    font-weight: 400;
    color: #5e5e5e;
    letter-spacing: -0.94px;
}

.list-reply .reply-info .badge {
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    top: 16px;
    right: 16px;
    width: 110px;
    height: 32px;
    border-radius: 8px;
    box-sizing: border-box;
    background: rgba(0, 0, 0, 0.8);
    font-size: 15px;
    font-weight: 700;
    color: #fff;
}

.list-reply .reply-info .badge img {
    margin-left: 10px;
    zoom: 0.5; }

.list-reply .answer-group {
    position: relative;
    padding-left: 44px;
    box-sizing: border-box;
}

.list-reply .answer-group .txt {
    margin-bottom: 10px;
    font-size: 20px;
    font-weight: 400;
    color: #1a1a1a;
    letter-spacing: -0.43px;
    line-height: 28px;
}

.list-reply .answer-group .txt:before {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 32px;
    height: 32px;
    background: url('../img/ico_a1.svg') center center no-repeat;
}

.list-reply .answer-group .datetime {
    font-size: 18px;
    font-weight: 400;
    color: #a7a7a7;
}



/*상담료 자세히보기*/
.price-view .sec1 { padding-bottom: 60px; box-sizing: border-box; }
.price-view .sec1 .article-group { margin-bottom: 20px; }
.price-view .sec1 .article-group:last-child { margin-bottom: 0; }
.price-view .sec1 .article-group .top-article { padding: 36px 32px; box-sizing: border-box; }
.price-view .sec1 .article-group .top-article .tit { font-size: 28px; font-weight: 700; color: #1a1a1a; }
.price-view .sec1 .article-group .inner { padding: 0 32px; box-sizing: border-box; }
.price-view .sec1 .article-group .inner > .txt-group { margin-bottom: 40px; }
.price-view .sec1 .article-group .inner > .txt-group:last-child { margin-bottom: 0; }
.price-view .sec1 .article-group .inner > .txt-group .tit { margin-bottom: 10px; font-size: 20px; font-weight: 700; color: #1a1a1a; letter-spacing: -0.43px; }
.price-view .sec1 .article-group .inner > .txt-group .txt p { position: relative; margin-bottom: 5px; padding-left: 10px; box-sizing: border-box; font-size: 20px; font-weight: 400; color: #1a1a1a; letter-spacing: -0.43px; line-height: 30px; }
.price-view .sec1 .article-group .inner > .txt-group .txt p:last-child { margin-bottom: 0; }
.price-view .sec1 .article-group .inner > .txt-group .txt p:before { content: ''; display: block; position: absolute; top: 13px; left: 0; width: 4px; height: 4px; border-radius: 50%; box-sizing: border-box; background: #6e6e6e; }

.list-price-menu { border: 1px solid #e9e9e9; border-radius: 16px; box-sizing: border-box; }
.list-price-menu li { display: flex; border-bottom: 1px solid rgba(237, 237, 237, 0.5); box-sizing: border-box; }
.list-price-menu li:last-child { border-bottom: none; }
.list-price-menu .tit { display: flex; justify-content: center; align-items: center; width: 195px; min-height: 64px; background: #f9f9f9; font-size: 18px; font-weight: 500; color: #1a1a1a; text-align: center; letter-spacing: -0.3px; }
.list-price-menu li:first-child .tit { border-top-left-radius: 16px; box-sizing: border-box; }
.list-price-menu li:last-child .tit { border-bottom-left-radius: 16px; box-sizing: border-box; }
.list-price-menu .txt-group { display: flex; justify-content: space-between; align-items: center; position: relative; width: calc(100% - 195px); padding: 0 30px; box-sizing: border-box; }
.list-price-menu .txt-group .txt { display: flex; align-items: center; position: relative; font-size: 18px; font-weight: 700; color: #f8778d; }

.box-table-tbl4 { border: 1px solid #e9e9e9; border-radius: 16px; box-sizing: border-box; overflow: hidden; }
.tbl4 { width: 100%; border-collapse: collapse; }
.tbl4 thead th { height: 60px; border-right: 1px solid #f3f3f3; box-sizing: border-box; background: #f9f9f9; font-size: 19px; font-weight: 500; color: #1a1a1a; letter-spacing: -0.32px; }
.tbl4 thead th:last-child { border-right: none; }
.tbl4 tbody td { padding: 15px; border-right: 1px solid #f3f3f3; border-bottom: 1px solid rgba(237, 237, 237, 0.5); box-sizing: border-box; font-size: 17px; font-weight: 500; color: #1a1a1a; text-align: center; letter-spacing: -0.29px; }

.tbl4 th:nth-child(1), .tbl4 td:nth-child(1) { width: 17%; }
.tbl4 th:nth-child(2), .tbl4 td:nth-child(2) { width: 15%; }
.tbl4 th:nth-child(3), .tbl4 td:nth-child(3) { width: 34%; }
.tbl4 th:nth-child(4), .tbl4 td:nth-child(4) { width: 34%; }


/*사주나루의 길*/
.about .sec1 { display: flex; justify-content: center; align-items: center; height: 370px; background: url('../img/bg_sj1.png') center center no-repeat; background-size: cover; }
.about .sec1 .txt-group { text-align: center; }
.about .sec1 .txt-group .txt { margin-bottom: 30px; font-size: 19px; font-weight: 700; color: #ac4c81; text-align: center; letter-spacing: 20px; }
.about .sec1 .txt-group .txt2 { font-size: 17px; font-weight: 400; color: #1a1a1a; text-align: center; letter-spacing: -0.36px; line-height: 30px; }

.about .sec2 { padding: 36px 32px 20px; box-sizing: border-box; }
.about .sec2 .top-section { margin-bottom: 36px; }
.about .sec2 .top-section .tit { font-size: 28px; font-weight: 700; color: #1a1a1a; }

.about .sec3 { padding: 36px 32px 98px; box-sizing: border-box; }
.about .sec3 .top-section { margin-bottom: 36px; }
.about .sec3 .top-section .tit { font-size: 28px; font-weight: 700; color: #1a1a1a; }

.list-sponsor { display: flex; flex-wrap: wrap; align-items: center; margin: 0 -10px; }
.list-sponsor li { width: 33.33%; margin-bottom: 40px; padding: 0 10px; box-sizing: border-box; }
.list-sponsor .card { display: flex; flex-direction: column; justify-content: flex-end; align-items: center; position: relative; height: 283px; padding: 32px 0; border: 1px solid #f2f2f2; border-radius: 20px; box-shadow: 0 2px 21px 0 rgba(0, 0, 0, 0.06); box-sizing: border-box; }
.list-sponsor .img-group { position: absolute; top: 45%; left: 50%; transform: translate(-50%, -50%) scale(1); -webkit-transform: translate(-50%, -50%) scale(1); -moz-transform: translate(-50%, -50%) scale(1); -ms-transform: translate(-50%, -50%) scale(1); -o-transform: translate(-50%, -50%) scale(1); }
.list-sponsor .img-group img { display: block; margin: 0 auto; zoom: 0.5; }
.list-sponsor .tit { font-size: 22px; font-weight: 600; color: #333; text-align: center; letter-spacing: -0.34px; }

.list-volunteer li { margin-bottom: 40px; border: 1px solid #f2f2f2; border-radius: 20px; box-shadow: 0 2px 21px 0 rgba(0, 0, 0, 0.06); box-sizing: border-box; overflow: hidden; }
.list-volunteer li:last-child { margin-bottom: 0; }
.list-volunteer .img-group { height: 418px; }
.list-volunteer .tit-group { padding: 40px 30px; box-sizing: border-box; background: #fff; }
.list-volunteer .tit-group .tit { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; max-height: 82px; margin-bottom: 20px; line-height: 41px; white-space: normal; overflow: hidden; font-size: 28px; font-weight: 700; color: #333; letter-spacing: -0.43px; line-height: 41px; }
.list-volunteer .tit-group .datetime { font-size: 20px; font-weight: 500; color: #a7a7a7; }


/*부가서비스*/
.additional-service .sec1 { padding-bottom: 80px; box-sizing: border-box; }
.additional-service .item-service .top-section { padding: 45px 32px; box-sizing: border-box; }
.additional-service .item-service .top-section .tit { font-size: 28px; font-weight: 700; color: #231916; letter-spacing: -0.78px; }
.additional-service .item-service .top-section .tit span { color: #f8778d; }
.additional-service .item-service .inner { padding: 0 32px; box-sizing: border-box; }

.additional-service-v1 .item-service .top-section { padding: 52px 32px 32px; box-sizing: border-box; position:relative; }
.additional-service-v1 .item-service .top-section .item-count { margin-top: 28px; font-size: 24px; font-weight: 500; color: #231916; letter-spacing: -0.14px; }
.additional-service-v1 .item-service .top-section .btn-filter { display: flex; align-items: center; position: absolute; right: 32px; bottom: 32px; height: 44px; padding: 0 18px; border: 2px solid #f2f2f2; border-radius: 22px; box-sizing: border-box; background: #fff; font-size: 18px; font-weight: 400; color: #000; letter-spacing: -0.5px; }
.additional-service-v1 .item-service .top-section .btn-filter:last-child { margin-right: 0; }
.additional-service-v1 .item-service .top-section .btn-filter img { margin-right: 6px; }


/*부가서비스 상세*/
.item-view-v1 .item-photo { height: 47.778vw; max-height: 330px; }


/*부가서비스 상세 - 서비스 후기*/
.item-view-v1 .item-review .sec2 .top-section { border-bottom: 1px solid #f2f2f2; box-sizing: border-box; }


/*부가서비스 상세 - 서비스 전달*/
.item-view-v1 .item-send { padding-bottom: 85px; box-sizing: border-box; }
.item-view-v1 .item-send .top-section { padding: 30px 32px; border-bottom: 1px solid #f2f2f2; box-sizing: border-box; }
.item-view-v1 .item-send .top-section .tit { font-size: 28px; font-weight: 700; color: #1a1a1a; letter-spacing: -0.78px; }

.item-send .list-send li { border-bottom: 1px solid #f2f2f2; box-sizing: border-box; }
.item-send .list-send .inner { position: relative; padding: 32px; box-sizing: border-box; }
.item-send .list-send .send-writer { width: calc(100% - 152px); margin-bottom: 10px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 24px; font-weight: 700; color: #231916; letter-spacing: -0.14px; }
.item-send .list-send .btn-report { position: absolute; top: 32px; right: 32px; border: none; background: none; font-size: 18px; font-weight: 400; color: #999; letter-spacing: -0.6px; }
.item-send .list-send .box { display: flex; justify-content: space-between; }
.item-send .list-send .send-info { width: calc(100% - 152px); }
.item-send .list-send .send-info .send-data { margin-bottom: 15px; font-size: 18px; font-weight: 400; color: #999; letter-spacing: -0.64px; }
.item-send .list-send .send-info .send-txt { font-size: 18px; font-weight: 400; color: #231916; letter-spacing: -0.64px; line-height: 28px; }
.item-send .list-send .send-info .send-type { margin-top: 12px; }
.item-send .list-send .send-info .send-type > a { display: inline-block; padding: 9px 14px; border: 1px solid #ffe3e9; border-radius: 8px; box-sizing: border-box; background: #fff6f9; font-size: 15px; font-weight: 400; color: #000; }
.item-send .list-send .send-info .send-type > a img { margin-right: 10px; }
.item-send .list-send .img-group { width: 120px; height: 120px; margin-top: 10px; border-radius: 8px; box-sizing: border-box; overflow: hidden; }


/*부가서비스 판매 내역*/
.list-service-history li { padding: 32px 32px 30px; border-top: 1px solid #f2f2f2; border-bottom: 10px solid #f4f4f4; box-sizing: border-box; }
.list-service-history li:first-child { border-top: none; }
.list-service-history .date { font-size: 22px; font-weight: 600; color: #1a1a1a; letter-spacing: -0.35px; }
.list-service-history .item-basic { display: flex; align-items: center; padding: 22px 0; box-sizing: border-box; }
.list-service-history .item-basic .img-group { width: 84px; height: 84px; margin-right: 20px; border-radius: 8px; box-sizing: border-box; overflow: hidden; }
.list-service-history .item-basic .item-info { width: calc(100% - 104px); }
.list-service-history .item-basic .item-info .tit { margin-bottom: 6px; font-size: 22px; font-weight: 600; color: #1a1a1a; }
.list-service-history .item-basic .item-info .txt { font-size: 21px; font-weight: 400; color: #7c7c7c; }
.list-service-history .item-coin { display: flex; justify-content: space-between; align-items: center; padding: 34px 0 28px; box-sizing: border-box; }
.list-service-history .item-coin .tit { font-size: 21px; font-weight: 500; color: #555; }
.list-service-history .item-coin .txt { font-size: 22.5px; font-weight: 700; color: #1a1a1a; text-align: right; }
.list-service-history .btn-custom-v1:disabled { background: #e8e8e8; font-weight: 600; color: #a4a7aa; }

.box-table-tbl5 { border: 1px solid #e9e9e9; border-radius: 16px; box-sizing: border-box; overflow: hidden; }
.tbl5 { width: 100%; border-collapse: collapse; }
.tbl5 tr { border-bottom: 1px solid #e9e9e9; box-sizing: border-box; }
.tbl5 tr:last-child { border-bottom: none; }
.tbl5 th { width: 160px; padding: 16px; border-right: 1px solid #f7f7f7; box-sizing: border-box; background: #f9f9f9; font-size: 18px; font-weight: 500; color: #1a1a1a; text-align: center; letter-spacing: -0.3px; }
.tbl5 td { width: calc(100% - 160px); padding: 16px 32px; box-sizing: border-box; font-size: 18px; font-weight: 500; color: #1a1a1a; letter-spacing: -0.3px; line-height: 30px; }


/*할인 쿠폰*/
.coupon .inp-group-coupon { display: flex; justify-content: space-between; align-items: center; position: sticky; top: 150px; z-index: 100; padding: 32px 24px; border-bottom: 2px solid #f0f0f0; box-sizing: border-box; background: #fff; }
.coupon .inp-group-coupon .inp-coupon { width: calc(100% - 144px); height: 64px; padding: 0 24px; border: 1px solid #e9e9e9; border-radius: 9px; box-sizing: border-box; font-size: 19px; font-weight: 400; color: #1a1a1a; letter-spacing: -0.53px; }
.coupon .inp-group-coupon .btn-coupon { width: 128px; height: 64px; border: none; border-radius: 9px; box-sizing: border-box; background: #f8778d; font-size: 19px; font-weight: 600; color: #fff; }
.coupon .inp-group-coupon .btn-coupon:disabled { background: #e8e8e8; color: #a4a7aa; }

.coupon .wrap { padding: 32px 24px; box-sizing: border-box; }

.list-coupon li { display: flex; flex-direction: column; justify-content: space-between; position: relative; height: 232px; margin-bottom: 24px; padding: 40px 32px 32px; border: 1px solid #f3f3f3; border-radius: 15px; box-shadow: 0 3px 15px 0 rgba(0, 0, 0, 0.07); box-sizing: border-box; }
.list-coupon li:last-child { margin-bottom: 0; }
.list-coupon .coupon-info .coupon-price { margin-bottom: 16px; font-size: 33px; font-weight: 700; color: #f26f85; letter-spacing: -0.51px; }
.list-coupon .coupon-info .coupon-name { font-size: 24px; font-weight: 600; color: #1a1a1a; }
.list-coupon .coupon-data { display: flex; justify-content: space-between; align-items: center; }
.list-coupon .coupon-data .txt { font-size: 18px; font-weight: 400; color: rgba(85, 85, 85, 0.7); letter-spacing: -0.5px; line-height: 26px; }
.list-coupon .coupon-data .btn-custom { width: 128px; height: 56px; border-radius: 9px; box-sizing: border-box; font-size: 19px; font-weight: 600; }

.list-coupon li.inactive { padding-bottom: 50px; box-sizing: border-box; }
.list-coupon li.inactive .coupon-info .coupon-price,
.list-coupon li.inactive .coupon-info .coupon-name,
.list-coupon li.inactive .coupon-data .txt { color: #d4d4d4; }


/*채팅상담 리스트*/
.chat-list .hd3 { padding: 0 24px; box-sizing: border-box; }
.chat-list .hd3 .hd-search { width: calc(100% - 38px); }
.chat-list .hd3 .hd-search .inp-group-search .inp-search { font-size: 20px; letter-spacing: -0.5px; }

.hd-filter { display: flex; justify-content: space-between; align-items: center; position: relative; height: 80px; padding: 0 24px; border: 1px solid #ffd6de; box-sizing: border-box; background: #ffeaef; }
.hd-filter .tit { font-size: 20px; font-weight: 500; color: #1a1a1a; letter-spacing: -0.31px; }
.hd-filter .filter-group .btn-filter { width: 25px; height: 28px; border: none; background: url('../img/ico_filter2.svg') center center no-repeat; background-size: contain; }
.hd-filter .filter-group .select-group { display: none; position: absolute; top: 8px; right: 8px; width: 168px; border-radius: 12px; box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.2); box-sizing: border-box; background: #fff; }
.hd-filter .filter-group .select-group.active { display: block; }
.hd-filter .filter-group .select-group .btn-select { display: block; width: 100%; padding: 10px 16px; border: none; box-sizing: border-box; background: none; font-size: 19px; font-weight: 500; color: #1a1a1a; text-align: left; letter-spacing: -0.29px; }
.hd-filter .filter-group .select-group .btn-select:first-child { padding-top: 20px; box-sizing: border-box; background: url('../img/ico_filter2.svg') calc(100% - 16px) 17px no-repeat; }
.hd-filter .filter-group .select-group .btn-select:last-child { padding-bottom: 20px; box-sizing: border-box; }

.chat-list .wrap { padding-top: 12px; box-sizing: border-box; }

.list-chat a { display: flex; justify-content: space-between; padding: 24px 27px 24px 24px; box-sizing: border-box; }
.list-chat .item-info { display: flex; width: calc(100% - 100px) }
.list-chat .item-info .img-group { position: relative; width: 66px; height: 66px; margin-right: 30px; border-radius: 50%; box-sizing: border-box; overflow: hidden; }
.list-chat .item-info .img-group:after { content: ''; display: block; position: absolute; top: 0; left: 0; right: 0; width: 100%; height: 100%; margin: 0 auto; border: 2px solid rgba(0, 0, 0, 0.05); border-radius: 50%; box-sizing: border-box; }
.list-chat .item-info .message-info { width: calc(100% - 96px); padding-top: 2px; box-sizing: border-box; }
.list-chat .item-info .message-info .item-name { margin-bottom: 8px; font-size: 24px; font-weight: 700; color: #1a1a1a; letter-spacing: -0.32px; }
.list-chat .item-info .message-info .message-preview .txt { height: 27px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 19px; font-weight: 400; color: #191919; letter-spacing: -0.29px; line-height: 27px; }
.list-chat .item-info .message-info .message-preview .txt-v1 { overflow: visible; color: rgba(132, 142, 155, 0.8); }
.list-chat .item-info .message-info .message-preview .txt span { display: inline-flex; align-items: center; height: 27px; margin-right: 15px; padding: 0 8px; border-radius: 3px; box-sizing: border-box; background: #f8778d;  font-size: 16px; font-weight: 500; color: #fff; line-height: normal; vertical-align: 1px; }
.list-chat .item-data { padding-top: 2px; box-sizing: border-box; }
.list-chat .item-data .ck-group { width: 30px; height: 30px; margin: 0 0 10px auto; }
.list-chat .item-data .datetime { font-size: 18px; font-weight: 400; color: rgba(132, 142, 155, 0.8); text-align: right; letter-spacing: -0.51px; }


/*채팅방*/
.chat-group { display: flex; flex-direction: column-reverse; justify-content: flex-start; position: relative; height: 100%; }
.chat-container { display: flex; flex-wrap: wrap; flex-direction: column; justify-content: flex-end; width: 100%; overflow-y: auto; }
.chat-container .content { padding: 30px 24px; box-sizing: border-box; overflow-y: auto; }
.chat-container .chat-noti { width: 366px; padding: 20px 18px; border-radius: 0 15px 15px 15px; box-sizing: border-box; background: #f8778d; font-size: 18px; font-weight: 400; color: #fff; letter-spacing: -0.34px; line-height: 27px; }

.chat-message { margin-bottom: 30px; }
.chat-message:last-child { margin-bottom: 0; }
.chat-message .box { display: flex; }
.chat-message .img-group { position: relative; width: 66px; height: 66px; margin-right: 24px; border-radius: 50%; box-sizing: border-box; overflow: hidden; }
.chat-message .img-group:after { content: ''; display: block; position: absolute; top: 0; left: 0; right: 0; width: 100%; height: 100%; margin: 0 auto; border: 2px solid rgba(0, 0, 0, 0.05); border-radius: 50%; box-sizing: border-box; }
.chat-message .chat-content .chat-nickname { margin-bottom: 8px; font-size: 19px; font-weight: 600; color: #1a1a1a; letter-spacing: -0.29px; }
.chat-message .chat-content .balloon-group { display: flex; align-items: flex-end; position: relative; margin-bottom: 18px; }
.chat-message .chat-content .balloon-group:last-child { margin-bottom: 0; }
.chat-message .chat-content .balloon { display: inline-flex; max-width: 246px; margin-bottom: 10px; padding: 15px 18px; border: 1px solid #ffeef2; border-radius: 0 15px 15px 15px; box-sizing: border-box; background: #fff3f6; font-size: 18px; font-weight: 400; color: #1a1a1a; letter-spacing: -0.28px; line-height: 27px; }
.chat-message .chat-content .balloon:last-of-type { margin-bottom: 0; }
.chat-message .chat-content .chat-time { margin-left: 12px; font-size: 16px; font-weight: 400; color: rgba(132, 142, 155, 0.8); letter-spacing: -0.46px; line-height: 22px; }
.chat-message .chat-content .chat-time span { display: block; }

.chat-message .chat-content .list-file li { width: 360px; height: 60px; margin-bottom: 18px; border: 1px solid #ffeef2; border-radius: 15px; box-sizing: border-box; background: #fff3f6; }
.chat-message .chat-content .list-file li:last-child { margin-bottom: 0; }
.chat-message .chat-content .list-file a { display: flex; justify-content: space-between; align-items: center; height: 100%; padding: 0 24px; box-sizing: border-box; }
.chat-message .chat-content .list-file .txt { width: calc(100% - 40px); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 18px; font-weight: 400; color: #1a1a1a; letter-spacing: -0.28px; }
.chat-message .chat-content .list-file img { width: 20px; }

.chat-message .chat-content .list-photo li { width: 360px; height: 230px; margin-bottom: 18px; border-radius: 15px; box-sizing: border-box; overflow: hidden; cursor: pointer; }
.chat-message .chat-content .list-photo li:last-child { margin-bottom: 0; }

.chat-message-v1 .box { display: flex; justify-content: flex-end; }
.chat-message-v1 .chat-content .balloon-group { flex-direction: row-reverse; }
.chat-message-v1 .chat-content .balloon { border: none; border-radius: 0 15px 15px 15px; box-sizing: border-box; background: #f5f5f5; }
.chat-message-v1 .chat-content .chat-time { margin-left: 0; margin-right: 12px; text-align: right; }

.chat-line { position: relative; margin: 65px 0 52px; border-bottom: 1px solid rgba(237, 237, 237, 0.5); box-sizing: border-box; }
.chat-line span { position: absolute; top: calc(50% - 11px); left: 0; right: 0; width: 110px; margin: 0 auto; padding: 0 22px; box-sizing: border-box; background: #fff; font-size: 18px; font-weight: 400; color: rgba(132, 142, 155, 0.8); text-align: center; letter-spacing: -0.51px; }

.chat-tool { width: 100%; }
.chat-tool .bar-chat { padding: 27px 24px 27px 0; box-sizing: border-box; background: #fff; }
.chat-tool .bar-chat { display: flex; align-items: flex-end; }
.chat-tool .bar-chat .btn-more { width: 72px; height: 63px; border: none; background: none; }
.chat-tool .bar-chat .btn-more img { transition: .2s all ease-out; }
.chat-tool .bar-chat .btn-more.active img { transform: rotate(45deg); }

.chat-tool .inp-group-chat { display: flex; justify-content: space-between; align-items: flex-end; width: calc(100% - 72px); padding: 17px 24px; border: 1px solid #f5f5f7; border-radius: 40px; box-sizing: border-box; background: #f9fafa; }
.chat-tool .inp-group-chat .inp-chat { display: block; width: calc(100% - 60px); height: 27px; max-height: 189px; padding: 0; border: none; background: none; font-size: 19px; font-weight: 400; color: #1a1a1a; letter-spacing: -0.47px; line-height: 27px; overflow-y: auto; resize: none; }
.chat-tool .inp-group-chat .btn-send { display: block; width: 27px; height: 27px; border: none; background: url('../img/ico_send1_on.svg') center center no-repeat; }
.chat-tool .inp-group-chat .btn-send:disabled { background-image: url('../img/ico_send1_off.svg'); }

.chat-tool .tool-box { display: none; padding: 27px 32px 78px; border-top: 1px solid #f2f2f2; box-sizing: border-box; background: #f9fafa; }
.chat-tool .tool-box.active { display: block; }



/*나루 초이스*/
.choice-group { padding: 58px 30px 30px; border-bottom: 12px solid #f4f4f4; box-sizing: border-box; }
.choice-group .item-basic { display: flex; align-items: center; position: relative; margin-bottom: 26px; }
.choice-group .item-basic .img-group { width: 54px; height: 54px; margin-right: 18px; border-radius: 50%; box-sizing: border-box; overflow: hidden; }
.choice-group .item-basic .item-info { width: calc(100% - 72px); }
.choice-group .item-basic .item-info .item-name { font-size: 22px; font-weight: 600; color: #181f29; letter-spacing: -0.29px; line-height: 27px; }
.choice-group .item-basic .item-info .item-date { margin-top: 3px; font-size: 18px; font-weight: 400; color: #545454; letter-spacing: -0.3px; line-height: 27px; }
.choice-group .item-basic .btn-report { position: absolute; right: 0; border: none; background: none; font-size: 18px; font-weight: 400; color: #999; letter-spacing: -0.64px; }

.choice-group .choice-question { margin-bottom: 24px; font-size: 28px; font-weight: 600; color: #1a1a1a; letter-spacing: -0.47px; line-height: 38px; }
.choice-group .choice-legend { display: flex; justify-content: flex-end; align-items: center; margin-bottom: 24px; }
.choice-group .choice-legend .legend { display: flex; align-items: center; margin-right: 20px; font-size: 18px; font-weight: 400; color: #545454; letter-spacing: -0.3px; line-height: 27px; }
.choice-group .choice-legend .legend:last-child { margin-right: 0; }
.choice-group .choice-legend .legend:before { content: ''; display: block; width: 15px; height: 15px; margin-right: 8px; border-radius: 50%; box-sizing: border-box; }
.choice-group .choice-legend .legend-v1:before { background: #ff699e; }
.choice-group .choice-legend .legend-v2:before { background: #5586ff; }

.list-choice li { display: flex; align-items: center; height: 48px; margin-bottom: 12px; border: 1px solid #dbdbdb; border-radius: 6px; box-sizing: border-box; }
.list-choice li:last-child { margin-bottom: 0; }
.list-choice button { width: 100%; height: 100%; border: none; background: none; text-align: left; }
.list-choice span { padding: 0 18px; box-sizing: border-box; font-size: 18px; font-weight: 600; color: #1a1a1a; letter-spacing: -0.3px; }

.list-choice-result li:not(:last-child) { margin-bottom: 24px; }
.list-choice-result .result { display: flex; justify-content: space-between; align-items: center; position: relative; height: 48px; margin-bottom: 12px; padding: 0 18px; border-radius: 6px; box-sizing: border-box; overflow: hidden; }
.list-choice-result .result:last-child { margin-bottom: 0; }
.list-choice-result .result .tit { position: relative; font-size: 18px; font-weight: 600; color: #555555; letter-spacing: -0.3px; }
.list-choice-result .result .percent { font-size: 21px; font-weight: 700; text-align: right; letter-spacing: -0.35px; }
.list-choice-result .result .process { position: absolute; top: 0; left: 0; height: 100%; }

.list-choice-result .result-v1 { border: 1px solid #ffd7e5; box-sizing: border-box; }
.list-choice-result .result-v2 { border: 1px solid #c8d8ff; box-sizing: border-box; }
.list-choice-result .result-v1 .percent { color: rgba(255, 105, 158, 0.8); }
.list-choice-result .result-v2 .percent { color: rgba(85, 134, 255, 0.8); }
.list-choice-result .result-v1 .process { background: rgba(255, 105, 158, 0.7); }
.list-choice-result .result-v2 .process { background: rgba(85, 134, 255, 0.7); }

.list-choice-result .percent { color:#555555 !important; }

.list-choice-result li .result.my-choice .tit { color:#000; }
.list-choice-result li .result-v1.my-choice { border: 1px solid #ff699e; box-sizing: border-box; }
.list-choice-result li .result-v2.my-choice { border: 1px solid #5586ff; box-sizing: border-box; }
.list-choice-result li .result-v1.my-choice .percent { color: #fe5471; }
.list-choice-result li .result-v2.my-choice .percent { color: #5586ff; }
.list-choice-result li .result-v1.my-choice .process { background: #ff699e; }
.list-choice-result li .result-v2.my-choice .process { background: #5586ff; }
.list-choice-result li .my-choice.percent { color:#000 !important; }

.choice-group .choice-state { display: flex; justify-content: space-between; align-items: center; margin-top: 36px; }
.choice-group .choice-state .choice-vote-count { font-size: 20px; font-weight: 600; color: #1a1a1a; letter-spacing: -0.33px; line-height: 27px; }
.choice-group .choice-state .choice-vote-count span { margin-left: 6px; font-weight: 400; color: #545454; }
.choice-group .choice-state .choice-comment-count { display: flex; justify-content: flex-end; align-items: center; font-size: 20px; font-weight: 500; color: #1a1a1a; letter-spacing: -0.71px; }
.choice-group .choice-state .choice-comment-count img { margin-right: 6px; }

.choice-group .choice-comment { margin-top: 26px; padding: 19px 18px 25px; border-radius: 12px; box-sizing: border-box; background: #f5f5f5; }
.choice-group .choice-comment .comment-count { margin-bottom: 12px; font-size: 18px; font-weight: 600; color: #1a1a1a; letter-spacing: -0.3px; line-height: 27px; }
.choice-group .choice-comment .comment-count span { margin-left: 4px; font-weight: 500; color: #999; }
.choice-group .choice-comment .comment-preview { display: flex; }
.choice-group .choice-comment .comment-preview .img-group { width: 40px; height: 40px; margin-right: 14px; border-radius: 50%; box-sizing: border-box; overflow: hidden; }
.choice-group .choice-comment .comment-preview .comment-txt { width: calc(100% - 54px); margin-top: 7px; font-size: 18px; font-weight: 500; color: #1a1a1a; letter-spacing: -0.3px; line-height: 27px; }


.choice .vote-tip { display: flex; justify-content: space-between; align-items: center; position: fixed; left: 0; right: 0; bottom: 140px; width: 326px; height: 66px; margin: 0 auto; padding: 0 16px 0 20px; border: 2px solid #dbdbdb; border-radius: 33px; box-sizing: border-box; background: #fff; animation: ani3 1s ease-in-out; }
.choice .vote-tip .txt { display: flex; align-items: center; font-size: 18px; font-weight: 400; color: #545454; letter-spacing: -0.3px; }
.choice .vote-tip .txt span { font-weight: 600; color: #1a1a1a; }
.choice .vote-tip .txt strong { margin-right: 4px; color: #ff699e; }
.choice .vote-tip .txt img { margin-right: 10px; }
.choice .vote-tip .btn-close { width: 24px; height: 24px; border: none; background: url('/img/ico_x8.svg') center center no-repeat; }

@keyframes ani3 {
	0% { transform: translateY(20px); opacity: 0; }
	100% { transform: translateY(0); opacity: 1; }
}

/*나루 초이스 상세*/
.choice-view .btn-floating-comment { display: none; }

.comment-group2 .top-section { padding: 25px 30px 20px 30px; border-bottom: 1px solid #f2f2f2; box-sizing: border-box; }
.comment-group2 .top-section .tit { display: flex; align-items: center; font-size: 24px; font-weight: 700; color: #000; }
.comment-group2 .top-section .tit span { margin-left: 17px; font-size: 18px; font-weight: 400; color: #545454; letter-spacing: -0.3px; }

.comment-group2 .inp-group-comment { display: flex; align-items: center; padding: 16px 30px; border-bottom: 1px solid #f2f2f2; box-sizing: border-box; }
.comment-group2 .inp-group-comment .img-group { width: 40px; height: 40px; margin-right: 18px; border-radius: 50%; box-sizing: border-box; overflow: hidden; }
.comment-group2 .inp-group-comment .inp-comment { width: calc(100% - 58px); border: none; background: none; font-size: 20px; font-weight: 500; color: #1a1a1a; letter-spacing: -0.3px; }

.list-comment2 .box { width: calc(100% - 40px); margin: 0 0 0 auto; }
.list-comment2 .box:first-child { width: 100%; }
.list-comment2 .comment-content { margin: 0 0 0 auto; padding: 12px 30px; box-sizing: border-box; }
.list-comment2 li:first-child .comment-content { padding-top: 22px; box-sizing: border-box; }
.list-comment2 li:last-child .comment-content { padding-bottom: 22px; box-sizing: border-box; }
.list-comment2 .comment-content .comment-info { display: flex; align-items: center; }
.list-comment2 .comment-content .comment-info .img-group { width: 28px; height: 28px; margin-right: 12px; border-radius: 50%; box-sizing: border-box; overflow: hidden; }
.list-comment2 .comment-content .comment-info .comment-data { display: flex; align-items: center; width: calc(100% - 55px); }
.list-comment2 .comment-content .comment-info .comment-data > div { position: relative; margin-right: 14px; }
.list-comment2 .comment-content .comment-info .comment-data > div:last-child { margin-right: 0; }
.list-comment2 .comment-content .comment-info .comment-data > div:not(:last-child):after { content: ''; display: block; position: absolute; top: calc(50% - 1.5px); right: -9px; width: 3px; height: 3px; border-radius: 50%; box-sizing: border-box; background: #979797; }
.list-comment2 .comment-content .comment-info .comment-data .user-name { font-size: 16px; font-weight: 500; color: #181f29; letter-spacing: -0.21px; line-height: 27px; }
.list-comment2 .comment-content .comment-info .comment-data .datetime { font-size: 16px; font-weight: 400; color: #545454; letter-spacing: -0.27px; line-height: 27px; }
.list-comment2 .comment-content .comment-info .btn-more { width: 15px; height: 15px; margin: 0 0 0 auto; border: none; background: url('../img/ico_more1.svg') center center no-repeat; }
.list-comment2 .comment-content .inner { width: calc(100% - 40px); margin: 2px 0 0 auto; }
.list-comment2 .comment-content .comment-tool { display: flex; align-items: center; margin-top: 8px; }
.list-comment2 .comment-content .comment-tool > *:not(:last-child) { margin-right: 20px; }
.list-comment2 .comment-content .comment-tool .btn-like { display: flex; align-items: center; border: none; background: none; font-size: 16px; font-weight: 400; color: #545454; letter-spacing: -0.27px; line-height: 27px; }
.list-comment2 .comment-content .comment-tool .btn-like img { margin-right: 7px; width:17px; height:17px; }
.list-comment2 .comment-content .comment-tool .btn-like-v1 img { transform: rotate(180deg); margin-top: 2px; }
.list-comment2 .comment-content .comment-tool .btn-comment { border: none; background: none; }
.list-comment2 .comment-content .txt { font-size: 18px; font-weight: 400; color: #1a1a1a; letter-spacing: -0.3px; line-height: 27px; }
.list-comment2 .comment-content .btn-reply { margin-top: 15px; border: none; background: none; font-size: 18px; font-weight: 600; color: #5586ff; letter-spacing: -0.3px; line-height: 27px; }



/*나루 QUIZ 내역*/
.list-board4 li { border-bottom: 1px solid #ededed; box-sizing: border-box; background: url('../img/ico_arrow_right4.svg') calc(100% - 20px) center no-repeat; background-size: 12px; }
.list-board4 a { display: flex; flex-direction: column; align-items: flex-start; padding: 20px 28px; box-sizing: border-box; }
.list-board4 .num { display: flex; justify-content: center; align-items: center; height: 20px; margin-bottom: 8px; padding: 0 6px; border-radius: 10px; box-sizing: border-box; background: #ff606f; font-size: 11px; font-weight: 700; color: #fff; }
.list-board4 .tit { margin-bottom: 7px; font-size: 20px; font-weight: 600; color: #000; letter-spacing: -0.49px; }
.list-board4 .board-data { display: flex; align-items: center; }
.list-board4 .board-data > div { position: relative; margin-right: 30px; }
.list-board4 .board-data > div:last-child { margin-right: 0; }
.list-board4 .board-data > div:after { content: ''; display: block; position: absolute; top: calc(50% - 8.5px); right: -16px; width: 1px; height: 17px; background: #a7a7a7; }
.list-board4 .board-data > div:last-child:after { display: none; }
.list-board4 .board-data .datetime { font-size: 15px; font-weight: 400; color: #a7a7a7; letter-spacing: -0.33px; }


/*나루 QUIZ 상세*/
.quiz .wrap { position: relative; padding: 95px 65px 54px; box-sizing: border-box; }
.quiz .btn-home { display: none; }
.quiz .btn-guide { display: flex; justify-content: center; align-items: center; position: absolute; top: 24px; right: 30px; height: 48px; padding: 14px; border: 1px solid rgba(255, 255, 255, 0.56); border-radius: 24px; box-sizing: border-box; background: #e6717c; font-size: 20px; font-weight: 700 ;color: #fff; letter-spacing: -0.33px; }
.quiz .btn-guide img { margin-right: 8px; }
.quiz .top-page { margin-bottom: 28px; }
.quiz .top-page .tit { margin-bottom: 6px; }
.quiz .top-page .tit img { display: block; margin: 0 auto 6px; }
.quiz .top-page .date { font-size: 28px; font-weight: 700; color: #fff; text-align: center; letter-spacing: -0.47px; }

.quiz-question { display: flex; flex-direction: column; align-items: center; margin-bottom: 32px; padding: 42px 52px 55px; border-radius: 40px; box-shadow: 0 2px 4px 0 #f66a78; box-sizing: border-box; background-color: #fff; }
.quiz-question .num { display: flex; justify-content: center; align-items: center; height: 42px; margin-bottom: 24px; padding: 0 14px; border-radius: 21px; box-sizing: border-box; background: #ff606f; font-size: 24px; font-weight: 700; color: #fff; text-align: center; letter-spacing: -0.75px; }
.quiz-question .tit { margin-bottom: 32px; font-family: 'Cafe24Ssurround'; font-size: 36px; font-weight: 700; color: #1a1a1a; text-align: center; letter-spacing: -1.59px; line-height: 38px; }

.list-hint { width: 100%; }
.list-hint li { margin-bottom: 12px; padding: 14px; border: 1px solid #ffced3; border-radius: 20px; box-sizing: border-box; background: #ffeaec; font-size: 20px; font-weight: 600; color: #1a1a1a; text-align: center; letter-spacing: -0.33px; line-height: 38px; }
.list-hint li:last-child { margin-bottom: 0; }

.quiz-answer { padding: 46px 52px 52px; border-radius: 40px; box-sizing: border-box; background: rgba(255, 255, 255, 0.27); }
.quiz-answer .tit { margin-bottom: 28px; font-size: 28px; font-weight: 700; color: #fff; text-align: center; }

.list-quiz-option { margin-bottom: 40px; }
.list-quiz-option li { margin-bottom: 11px; }
.list-quiz-option li:last-child { margin-bottom: 0; }


/*나루 QUIZ 작성*/
.quiz-write .wrap { padding: 60px 65px 74px; box-sizing: border-box; }
.quiz-write .box { padding: 48px 52px; border-radius: 40px; box-shadow: 0 2px 4px 0 #f66a78; box-sizing: border-box; background-color: #fff; }
.quiz-write .frm { margin-bottom: 36px; }


@media only screen and (max-width: 720px) {
	/*로그인*/
	.login .hd-banner .tit { font-size: 15px; letter-spacing: -0.54px; }
	
	.login .wrap { padding: 110px 20px 40px; box-sizing: border-box; }
	.login .img-logo { width: 148px; margin-bottom: 52px; }
	.login .frm-login { margin-bottom: 20px; border-width: 1px; border-radius: 6px; box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.06); box-sizing: border-box; }
	
	.frm-login input { height: 48px; padding: 0 16px; box-sizing: border-box; font-size: 13px; letter-spacing: -0.36px; }
	
	.login .ck-group { margin-bottom: 20px; }
	.login .btn-custom { margin-bottom: 24px; }
	.login .login-util { margin-bottom: 60px; }
	.login .login-util a { margin: 0 15px; font-size: 13px; letter-spacing: -0.36px; }
	.login .login-util a:after { top: calc(50% - 6px); right: -16px; width: 1px; height: 12px; }
	
	.login .sns-login .txt { margin-bottom: 12px; font-size: 12px; letter-spacing: -0.33px; }
	.login .sns-login .sns-group a { margin: 0 6px; }
	.login .sns-login .sns-group a img { width: 40px; height: 40px; }
	.login hr { margin: 20px 0; }
	.login .etc-login .txt { font-size: 12px; letter-spacing: -0.33px; }
	.login .etc-login a { width: 104px; height: 36px;  border-radius: 18px; box-sizing: border-box; font-size: 11px; }
	.login .etc-login img { width: 18px; margin-right: 4px; }
	.login .btn-floating-bottom { padding: 22px 20px; box-sizing: border-box; }
	.login .btn-floating-bottom .txt { font-size: 13px; letter-spacing: -0.46px; }
	.login .btn-floating-bottom .btn { width: 92px; height: 36px; padding: 0 14px; border-radius: 18px; box-sizing: border-box; font-size: 12px; }
	.login .btn-floating-bottom .btn img { width: 18px; }
	
	/*회원가입*/
	.sign .wrap { padding: 40px 20px 28px; box-sizing: border-box; }
	.sign .agree-group { margin-bottom: 16px; }
	.sign .agree-group .txt { font-size: 12px; letter-spacing: -0.33px; }
	.sign .btn-floating-bottom { padding: 16px; box-sizing: border-box; }
	
	/*아이디 및 비밀번호 찾기*/
	.find .wrap { padding: 35px 20px; box-sizing: border-box; }
	.find .frm .top-frm { margin-bottom: 40px; font-size: 13px; letter-spacing: -0.46px; line-height: 20px; }
	.find .btn-floating-bottom { padding: 22px 20px; box-sizing: border-box; }
	.find .btn-floating-bottom .txt { font-size: 13px; letter-spacing: -0.46px; }
	.find .btn-floating-bottom .btn { width: 92px; height: 36px; padding: 0 14px; border-radius: 18px; box-sizing: border-box; font-size: 12px; }
	.find .btn-floating-bottom .btn img { width: 18px; }
	
	/*메인*/
	.slide-banner { height: 50vw; }
	.slide-banner .inner { padding: 32px 24px; box-sizing: border-box; }
	.slide-banner .txt-group .txt { font-size: 26px; letter-spacing: -0.15px; }
	.slide-banner .txt-group .btn { width: 132px; height: 44px; border-radius: 6px; box-sizing: border-box; margin-top: 20px; font-size: 16px; letter-spacing: -0.44px; }
	.slide-banner .swiper-pagination { left: 6.667vw; bottom: 8.333vw; width: 36.667vw; height: 4px; }
	
	.today-count { margin-bottom: 12px; }
	.today-count .txt-group { width: calc(100% / 2 - 6px); height: 54px; padding: 0 16px; border-radius: 6px; box-sizing: border-box; }
	.today-count .txt-group .tit { font-size: 12px; }
	.today-count .txt-group .txt { font-size: 12px; }
	.today-count .txt-group .txt strong,
	.today-count .txt-group .odometer { margin-right: 2px; margin-bottom: 2px; font-size: 18px; letter-spacing: -0.24px; }
	
	.main .sec1 .inner { padding: 12px 16px 16px; box-sizing: border-box; }
	.main .tab-menu .tab { height: 40px; }
	
	.list-category { margin: 0 -8px; }
	.list-category .ico { width: 56px; }
	.list-category .tit { font-size: 13px; letter-spacing: -0.46px; }
	
	.main .noti { padding: 18px 0 0;  font-size: 15px; letter-spacing: -0.23px; }
	.main .noti img { width: 14px; }
	
	.main .tab-menu { top: 92px; }
	.main .tab-menu.active { top: 60px; }
	.main .tab-content > .btn-more { height: 48px; font-size: 15px; letter-spacing: -0.2px; }
	.main .tab-content > .btn-more img { width: 10px; }
	
	/*아이템 리스트*/
	.item-list .sec1 .top-section { margin-bottom: 0; padding: 18px 16px 0; box-sizing: border-box; }
	.item-list .sec1 .top-section .tit { font-size: 18px; letter-spacing: -0.5px; }
	
	/*단골 상담사*/
	.bookmark .section-slide-item { padding-bottom: 12px; box-sizing: border-box; }
	
	.bookmark .sec1 { padding: 24px 0; box-sizing: border-box; }
	.bookmark .sec1 .top-section { padding: 0 16px; box-sizing: border-box; }
	.bookmark .sec1 .top-section .tit { font-size: 16px; letter-spacing: -0.25px; }
	.bookmark .sec1 .top-section .item-count { margin-top: 10px; font-size: 14px; letter-spacing: -0.5px; }
	.bookmark .sec1 .top-section .btn-filter { right: 16px; height: 28px; margin-right: 8px; padding: 0 10px; border-width: 1px; border-radius: 14px; box-sizing: border-box; font-size: 12px; letter-spacing: -0.33px; }
	.bookmark .sec1 .top-section .btn-filter img { margin-right: 4px; zoom: 0.6; }
	
	
	/*이벤트*/
	.event .wrap { padding: 24px 16px; box-sizing: border-box; }
	.list-event img { display: none; }
	.list-event img.m { display: block; }
	
	/*이벤트 상세*/
	.event-view .img-ad { display: none; }
	.event-view .img-ad.m { display: block; }
	.event-view .txt-group { padding: 24px 16px 40px; box-sizing: border-box; }
	.event-view .txt-group .tit { margin-bottom: 10px; font-size: 14px; letter-spacing: -0.5px; }
	.event-view .txt-group .txt { font-size: 12px; letter-spacing: -0.43px; line-height: 18px; }
	
	/*공지사항*/
	.board .wrap { padding: 11px 0; box-sizing: border-box; }
	.list-board li { border-color: rgba(237, 237, 237, 0.5); }
	.list-board a { padding: 16px 16px 20px; box-sizing: border-box; }
	.list-board .tit-group .tit { font-size: 14px; letter-spacing: -0.37px; }
	.list-board .tit-group .tit .board-category { padding: 3px 4px; border-radius: 3px; box-sizing: border-box; font-size: 10px; }
	.list-board .board-date { font-size: 12px; }
	.list-board .board-date .new { width: 4px; height: 4px; vertical-align: 7px; }
	
	/*공지사항 상세*/
	#wrap.board-view { padding-top: 60px; box-sizing: border-box; }
	.board-view .wrap { padding: 0 16px 20px; box-sizing: border-box; margin-top:10px; }
	
	.board-top { padding-bottom: 23px; border-color: rgba(237, 237, 237, 0.5); }
	.board-top .board-category { margin-bottom: 5px; font-size: 13px; }
	.board-top .board-tit { margin-bottom: 10px; font-size: 20px; letter-spacing: 0; line-height: 28px; }
	.board-top .board-date { font-size: 12px; letter-spacing: 0; }
	
	.board-content { padding: 20px 0 47px; box-sizing: border-box; }
	.board-content .txt { margin-bottom: 24px; font-size: 14px; letter-spacing: -0.37px; line-height: 24px; }
	
	.board-navigation { border-width: 1px; border-color: rgba(237, 237, 237, 0.5); }
	.board-navigation a { padding: 18px 0; border-width: 1px; border-color: rgba(237, 237, 237, 0.5); box-sizing: border-box; }
	.board-navigation a.prev,
	.board-navigation a.next { background-size: 32px; }
	.board-navigation .txt { margin-right: 9px; font-size: 14px; letter-spacing: 0; }
	.board-navigation .tit-group .tit { width: calc(100% - 34px); font-size: 14px; letter-spacing: -0.37px; }
	.board-navigation .tit-group .tit .board-category { padding: 3px 4px; border-radius: 3px; box-sizing: border-box; font-size: 10px; }
	
	/*자주묻는 질문*/
	.faq .wrap { padding: 11px 0; box-sizing: border-box; }
	.list-faq .fold { padding: 18px 42px 18px 15px; box-sizing: border-box; }
	.list-faq .fold .tit { padding-left: 20px; box-sizing: border-box; font-size: 15px; letter-spacing: -0.4px; line-height: 20px; }
	.list-faq .fold .tit:before { left: 0; font-size: 18px; }
	.list-faq .fold .ico-arrow { right: 10px; width: 32px; }
	.list-faq .unfold { padding: 20px 28px 28px 36px; box-sizing: border-box; }
	.list-faq .unfold .txt { font-size: 13px; letter-spacing: -0.28px; line-height: 22px; }
	
	/*이벤트 상담사*/
	.event-item .wrap { padding-top: 8px; box-sizing: border-box; }
	.event-item .top-pc { display:none; }
	.event-item .top-m { display:block; }
	
	/*상담 후기*/
	.item-review .sec1 { padding-bottom: 26px; box-sizing: border-box; }
	.item-review .sec1 .top-banner { margin-bottom: 24px; }
	.item-review .sec1 .txt-group .txt { font-size: 11px; letter-spacing: -0.6px; }
	.item-review .sec1 .txt-group .txt img { width: 10px; margin-right: 5px; }
	
	.item-review .sec2 { padding-bottom: 46px; box-sizing: border-box; }
	.item-review .sec2 .review-filter { padding: 22px 16px 0; box-sizing: border-box; }
	.item-review .sec2 .filter-group a { margin-right: 20px; font-size: 14px; letter-spacing: -0.5px; }
	.item-review .sec2 .filter-group a:after { top: calc(50% - 8px); right: -12px; }
	
	.item-review .list-review .inner { padding: 22px 16px; box-sizing: border-box; }
	.item-review .list-review .review-writer { width: calc(100% - 96px); margin-bottom: 10px; }
	.item-review .list-review .review-writer span { font-size: 16px; letter-spacing: -0.09px; }
	.item-review .list-review .review-writer img { width: 18px; margin-left: 4px; }
	
	.item-review .list-review .btn-report { top: 22px; right: 16px; font-size: 13px; letter-spacing: -0.46px; }
	
	.item-review .list-review .item-basic { width: calc(100% - 96px); }
	.item-review .list-review .item-basic .img-group { width: 44px; height: 44px; }
	.item-review .list-review .item-basic .item-info { width: calc(100% - 56px); }
	.item-review .list-review .item-basic .item-info .item-category { font-size: 14px; }
	.item-review .list-review .item-basic .item-info .item-name { font-size: 14px; }
	
	.item-review .list-review .box .img-group { width: 80px; height: 80px; margin-top: 15px; border-radius: 4px; box-sizing: border-box; }
	.item-review .list-review .review-info { width: calc(100% - 96px); }
	.item-review .list-review .review-info .review-data { margin-bottom: 10px; font-size: 13px; letter-spacing: -0.46px; }
	.item-review .list-review .review-info .review-txt { font-size: 16px; letter-spacing: normal; line-height: 1.5; }
	.item-review .list-review .review-info .review-type { margin-top: 12px; }
	.item-review .list-review .review-info .review-type > span { padding: 4px 12px;  box-sizing: border-box; font-size: 12px; letter-spacing: -0.43px; }
	
	.item-review .list-review .review-comment { padding: 16px; border-radius: 10px; box-sizing: border-box; }
	.item-review .list-review .review-comment .comment-writer { font-size: 14px; letter-spacing: -0.08px; }
	.item-review .list-review .review-comment .comment-txt { font-size: 16px; letter-spacing: normal; line-height: 1.5; }
	
	.item-review .list-review-v1 .review-writer span { font-size: 12px; }
	.item-review .list-review-v1 .review-writer img { width: 16px; }
	.item-review .list-review-v1 .review-info .review-data { font-size: 12px; }
	
	/*아이템 상세*/
	.slide-photo .btn-group-story { display: flex; align-items: center; position: absolute; top: 90px; right: 25px; z-index: 1; }
	.slide-photo .btn-group-story .btn-story { display: flex; align-items: center; width: 122px; height: 48px; border: 3px solid transparent; border-radius: 24px; box-sizing: border-box; background-image: linear-gradient(-90deg, rgba(254,80,112,1) 0%, rgba(201,87,193,1) 100%); background-origin: border-box; }
	.slide-photo .btn-group-story .btn-story button { display: flex; align-items: center; width: 100%; height: 100%; padding: 7px; border: none; border-radius: 24px; box-sizing: border-box; background: #fff; font-size: 17px; font-weight: 900; color: #fa5076; letter-spacing: -0.1px; }
	.slide-photo .btn-group-story .btn-story img { width: 29px; margin-right: 8px; }
	.slide-photo .btn-group-story .btn-plus { width: 38px; height: 38px; margin-left: -11px; border: none; background: url('../img/ico_plus4.svg') center center no-repeat; }
	.slide-photo .real-time-count { display: flex; justify-content: center; align-items: center; position: absolute; left: 0; right: 0; bottom: 24px; z-index: 1; margin: 0 auto; }
	.slide-photo .real-time-count .txt { min-width: 480px; max-width: calc(100% - 40px); padding: 13px 10px; border-radius: 25px; box-sizing: border-box; background: rgba(0, 0, 0, 0.46); font-size: 20px; font-weight: 400; color: #fff; text-align: center; letter-spacing: -0.12px; }
	.slide-photo .real-time-count .txt strong { font-weight: 700; color: #f8778d; }
	.slide-photo .btn-group-story .btn-story-v1 { border-color: #b4b4b4; background-image: none; }
	.slide-photo .btn-group-story .btn-story-v1 button { color: #b4b4b4; }
	
	.item-view .item-top .item-basic { padding: 20px 16px; border-width: 1px; box-sizing: border-box; }
	.item-view .item-top .item-basic .item-tip { top: -14px; left: 16px; }
	.item-view .item-top .item-basic .item-tip img { width: 92px; }
	.item-view .item-top .item-basic .item-tip .bubble { width: 162px; margin-top: 12px; padding: 14px; border-radius: 10px; box-sizing: border-box; }
	.item-view .item-top .item-basic .item-tip .bubble .tit { font-size: 12px; letter-spacing: -0.43px; }
	.item-view .item-top .item-basic .item-tip .bubble .txt { font-size: 11px; letter-spacing: -0.39px; line-height: 16px; }
	.item-view .item-top .item-basic .item-category { margin-bottom: 6px; font-size: 14px; letter-spacing: -0.08px; }
	.item-view .item-top .item-basic .item-title { margin-bottom: 10px; }
	.item-view .item-top .item-basic .item-title > div { margin-right: 20px; }
	.item-view .item-top .item-basic .item-title > div:after { top: calc(50% - 7px); right: -11px; width: 1px; height: 14px; }
	.item-view .item-top .item-basic .item-title .item-name { font-size: 22px; letter-spacing: -0.13px; }
	.item-view .item-top .item-basic .item-title .item-code { font-size: 16px; letter-spacing: -0.21px; }
	.item-view .item-top .item-basic .item-title .btn-share { width: 38px; height: 38px; border-width: 1px; background-size: 13px; }
	.item-view .item-top .item-basic .item-price .price-won { font-size: 18px; letter-spacing: -0.28px; }
	.item-view .item-top .item-basic .item-price .price-won img { width: 20px; margin-right: 8px; }
	.item-view .item-top .item-basic .item-price .price-time { margin-left: 7px; font-size: 13px; letter-spacing: -0.46px; }
	
	.item-view .item-data { padding: 16px; border-width: 1px; box-sizing: border-box; }
	.item-view .item-data .txt-group { margin-right: 16px; }
	.item-view .item-data .txt-group .tit { font-size: 14px; letter-spacing: -0.5px; }
	.item-view .item-data .txt-group .tit img { width: 14px; margin-right: 4px; }
	.item-view .item-data .txt-group .count { margin-left: 2px; font-size: 14px; letter-spacing: -0.5px; }
	
	.item-view .article-group { border-width: 1px; }
	.item-view .article-group .top-article .tit { font-size: 15px; letter-spacing: -0.09px; }
	.item-view .article-group .top-article .tit .ico-tit { width: 14px; margin-right: 8px; }
	.item-view .article-group .top-article .tit .ico-new { width: 23px; margin-left: 5px; }
	.item-view .article-group .top-article .btn { font-size: 12px; letter-spacing: -0.43px; }
	.item-view .article-group .top-article .btn img { width: 6px; margin-left: 8px; }
	
	.item-view .article-group .item-notice { padding-bottom: 24px; box-sizing: border-box; }
	.item-view .article-group .item-notice .top-article { margin-bottom: 16px; padding: 20px 16px 0; box-sizing: border-box; }
	.item-view .article-group .item-notice .content { max-height: 95px; }
	.item-view .article-group .item-notice .content .inner { padding: 0 16px 16px; box-sizing: border-box; }
	.item-view .article-group .item-notice .content .txt { width: calc(100% - 30px); margin-bottom: 18px; font-size: 13px; letter-spacing: -0.46px; line-height: 19px; }
	.item-view .article-group .item-notice .btn-unfold { top: 80px; right: 20px; width: 10px; }
	.item-view .article-group .item-notice .btn-fold { height: 48px; font-size: 15px; letter-spacing: -0.2px; }
	.item-view .article-group .item-notice .btn-fold img { width: 10px; }

	.item-view .article-group .item-career .top-article { margin-bottom: 16px; padding: 20px 16px 0; box-sizing: border-box; }
	.item-view .article-group .item-career .inner { padding: 0 16px 24px; box-sizing: border-box; }
	.item-view .article-group .item-career .txt-group { padding: 24px 18px; box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.07); box-sizing: border-box; }
	.item-view .article-group .item-career .txt-group .txt { font-size: 13px; letter-spacing: -0.2px; line-height: 22px; }

	.item-view .article-group .item-card .top-article {
        margin-bottom: 16px;
    }

    .item-view .article-group .item-card .inner {
        padding: 0 16px 24px;
        box-sizing: border-box;
    }

    .item-view .article-group .item-card .img {
        margin-bottom: 20px;
    }

    .item-view .article-group .item-card .txt-group .txt {
        font-size: 13px;
        letter-spacing: -0.46px;
        line-height: 19px;
    }

    .item-view .article-group .item-timeline .top-article {
        margin-bottom: 30px;
    }

    .item-view .article-group .item-timeline .inner {
        padding: 0 32px 50px;
        box-sizing: border-box;
    }

    .item-view .article-group .item-timeline .timeline-group .year-group .year {
        width: 10.417vw;
        height: 4.861vw;
        border-radius: 1.111vw;
        box-sizing: border-box;
        font-size: 2.5vw;
    }

    .item-view .article-group .item-timeline .timeline-group .year-group .year-v1 {
        left: 20.833vw;
    }

    .item-view .article-group .item-timeline .timeline-group .year-group .year-v2 {
        right: 25vw;
        left: 55.556vw;
    }

    .item-view .article-group .item-timeline .timeline-group .year-group .year-v3 {
        top: calc(50% - 3.056vw);
        right: 27.778vw;
    }

    .item-view .article-group .item-timeline .timeline-group .year-group .year-v4 {
        left: 8.7vw;
        bottom: 7.139vw;
    }

    .item-view .article-group .item-timeline .timeline-group .spot-group .spot {
        width: 1.25vw;
        height: 1.25vw;
    }

    .item-view .article-group .item-timeline .timeline-group .spot-group .spot-v1 {
        left: 9.722vw;
    }

    .item-view .article-group .item-timeline .timeline-group .spot-group .spot-v2 {
        left: 42.778vw;
    }

    .item-view .article-group .item-timeline .timeline-group .spot-group .spot-v3 {
        top: calc(50% - 9.028vw);
        right: 12.222vw;
    }

    .item-view .article-group .item-timeline .timeline-group .spot-group .spot-v4 {
        top: calc(50% - 1.25vw);
        left: 31.722vw;
    }

    .item-view .article-group .item-timeline .timeline-group .spot-group .spot-v5 {
        right: 34.722vw;
        bottom: 1.944vw;
    }

    .item-view .article-group .item-timeline .timeline-group .spot-group .spot .bubble {
        width: 25px;
        height: 29px;
    }

    .item-view .article-group .item-timeline .timeline-group .spot-group .spot .bubble img {
        width: 100%;
        height: 100%;
    }

    .item-view .article-group .item-timeline .timeline-group .spot-group .spot .bubble span {
        font-size: 18px;
        letter-spacing: -0.28px;
    }

    .item-view .article-group .item-timeline .timeline-group .spot-group .spot-v3 .bubble {
        top: calc(50% - 2.083vw);
        right: 3.472vw;
    }

	
	.item-view .article-group .item-best-review .top-article { margin-bottom: 16px; padding: 20px 16px 0; box-sizing: border-box; }
	.item-view .article-group .item-best-review .inner { padding: 0 16px 24px; box-sizing: border-box; }
	.item-view .article-group .list-best-review li { padding: 20px 20px 24px; border-radius: 6px; box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.07); box-sizing: border-box; }
	.item-view .article-group .list-best-review .review-writer { margin-bottom: 8px; font-size: 14px; letter-spacing: -0.08px; }
	.item-view .article-group .list-best-review .review-writer img { width: 14px; margin-left: 3px; }
	.item-view .article-group .list-best-review .review-data { margin-bottom: 6px; font-size: 12px; letter-spacing: -0.43px; }
	.item-view .article-group .list-best-review .review-txt { font-size: 12px; letter-spacing: -0.43px; line-height: 19px; word-break:break-word; }
	
	.item-view .article-group .item-tag { padding: 16px; box-sizing: border-box; }
	.item-view .article-group .item-tag .txt-group .tit { width: 72px; font-size: 15px; letter-spacing: -0.09px; }
	.item-view .article-group .item-tag .txt-group .tag-group > div { height: 26px; margin: 3px 4px 3px 0; padding: 0 8px; border-radius: 13px; box-sizing: border-box; font-size: 12px; letter-spacing: -0.43px; }
	.item-view .article-group .item-tag .txt-group .tag-group img { width: 14px; margin-right: 4px; }
	
	/*아이템 상세 - 상담소개*/
	.item-view .item-detail .sec1 { padding: 30px 16px 26px; box-sizing: border-box; }
	.item-view .item-detail .sec1 .inner { max-height: 536px; }
	.item-view .item-detail .sec1 .txt { margin-bottom: 24px; font-size: 14px; letter-spacing: -0.5px; line-height: 22px; }
	.item-view .item-detail .sec1 .btn-more:before { bottom: 44px; }
	.item-view .item-detail .sec1 .btn-more button { height: 44px; border-radius: 6px; box-sizing: border-box; font-size: 15px; letter-spacing: -0.2px; }
	.item-view .item-detail .sec1 .btn-more button img { width: 14px; margin-left: 10px; }
	
	.item-view .btn-floating-bottom { padding: 8px 16px 8px 0; box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.33); box-sizing: border-box; }
	.item-view .btn-floating-bottom .ck-group { width: 72px; }
	.item-view .btn-floating-bottom .btn-custom { width: calc(100% - 72px); font-size: 16px; }
	.item-view .btn-floating-bottom .btn-custom img { zoom: 0.8; }
	.item-view .btn-floating-bottom .btn-custom img.gif { margin-right: 20px; zoom: 0.35; }
	.item-view .btn-floating-bottom .btn-custom.disabled { font-size: 15px; }
	.item-view .btn-floating-bottom .btn-custom.disabled img { margin-right: 20px; zoom: 0.35; }
	.item-view .btn-floating-bottom .btn-custom span { right: 10px; padding: 5px; border-radius: 12px; box-sizing: border-box; font-size: 9px; letter-spacing: -0.5px; }
	
	/*아이템 상세 - 상담후기*/
	.item-view .item-review .sec1 { padding: 26px 0 30px; box-sizing: border-box; }
	.item-view .item-review .sec1 .txt-group .btn-custom { width: 280px; margin: 16px auto 20px; font-size: 15px; letter-spacing: -0.2px; }
	.item-view .item-review .sec1 .txt-group .btn-custom img { width: 8px; }
	.item-view .item-review .sec1 .txt-group .txt2 { margin-bottom: 8px; font-size: 13px; letter-spacing: -0.46px; }
	.item-view .item-review .sec1 .txt-group .txt3 { font-size: 11px; letter-spacing: -0.39px; }
	.item-view .item-review .sec1 .txt-group .txt3 .btn-guide { width: 15px; margin-left: 6px; }
	
	.item-view .item-review .sec2 .top-section { padding: 24px 16px; box-sizing: border-box; }
	.item-view .item-review .sec2 .top-section .tit { font-size: 18px; letter-spacing: -0.1px; }
	
	/*아이템 상세 - 상담문의*/
	.item-view .item-inquiry .sec1 .inner { padding: 36px 16px 32px; box-sizing: border-box; }
	.item-view .item-inquiry .sec1 .frm-inquiry .inp-frm { height: 212px; margin-bottom: 20px; padding: 16px; border-width: 1px; border-radius: 6px; box-sizing: border-box; font-size: 13px; letter-spacing: -0.46px; line-height: 19px; }
	.item-view .item-inquiry .sec1 .frm-inquiry .btn-custom { margin-bottom: 24px; }
	.item-view .item-inquiry .sec1 .frm-inquiry .txt { font-size: 13px; letter-spacing: -0.46px; line-height: 19px; }
	
    .item-view .item-inquiry .sec1 .frm-inquiry .txt2 {
        margin-top: 8px;
        font-size: 11px;
        letter-spacing: -0.39px;
    }
	.item-view .item-inquiry .sec1 .frm-inquiry .txt2 .btn-guide {
        width: 15px;
        margin-left: 6px;
    }
	
	.item-view .item-inquiry .sec2 { padding-bottom: 40px; box-sizing: border-box; }
	.item-view .item-inquiry .sec2 .top-section { padding: 22px 16px; box-sizing: border-box; }
	.item-view .item-inquiry .sec2 .top-section .tit { font-size: 18px; letter-spacing: -0.1px; }
	
	.list-inquiry .inner { padding: 20px 16px 16px; box-sizing: border-box; }
	.list-inquiry .inquiry-info .inquiry-writer { font-size: 16px; letter-spacing: -0.09px; }
	.list-inquiry .inquiry-info .inquiry-date { margin-left: 12px; font-size: 13px; letter-spacing: -0.46px; }
	.list-inquiry .inquiry-txt { font-size: 16px; letter-spacing: normal; line-height: 1.5; }
	.list-inquiry .inquiry-txt img { width: 24px; margin-left: 4px; vertical-align: -6px; }
	.list-inquiry .inquiry-state { margin-top: 10px; padding: 5px 10px; border-radius: 12px; box-sizing: border-box; font-size: 12px; letter-spacing: -0.43px; }
	
	.list-inquiry .inquiry-comment { padding: 16px; border-radius: 10px; box-sizing: border-box; }
	.list-inquiry .inquiry-comment .comment-writer { font-size: 14px; letter-spacing: -0.08px; }
	.list-inquiry .inquiry-comment .comment-txt { font-size: 16px; letter-spacing: normal; line-height: 1.5; }

	/*아이템 상세*/
	.slide-photo .gradation { height: 48px; }
	.slide-photo .btn-group-story { top: 52px; right: 16px; }
	.slide-photo .btn-group-story .btn-story { width: 76px; height: 30px; border-width: 2px; border-radius: 15px; box-sizing: border-box; }
	.slide-photo .btn-group-story .btn-story button { padding: 6px; box-sizing: border-box; font-size: 11px; letter-spacing: -0.06px; }
	.slide-photo .btn-group-story .btn-story img { width: 18px; margin-right: 5px; }
	.slide-photo .btn-group-story .btn-plus { width: 24px; height: 24px; margin-left: -6px; background-size: contain; }
	.slide-photo .real-time-count { bottom: 21px; }
	.slide-photo .real-time-count .txt { min-width: 240px; padding: 8px 18px; border-radius: 15px; box-sizing: border-box; font-size: 11px; letter-spacing: -0.06px; }
	
	/*아이템 상세 - 부가서비스*/
	.item-view .item-service .top-section { padding: 20px 16px; box-sizing: border-box; }
	.item-view .item-service .top-section .tit { font-size: 18px; letter-spacing: -0.1px; }
	.item-view .item-service .inner { padding: 0 16px; box-sizing: border-box; }
	
	.list-service li { margin-bottom: 16px; }
	.list-service .img-group { height: 160px; }
	.list-service .img-group .service-profile { padding: 14px 16px 10px; box-sizing: border-box; }
	.list-service .img-group .service-profile img { width: 24px; height: 24px; margin-right: 8px; }
	.list-service .img-group .service-profile .service-name { font-size: 14px; }
	.list-service .service-info { padding: 20px 16px 25px; box-sizing: border-box; }
	.list-service .service-info .service-data { margin-bottom: 6px; }
	.list-service .service-info .service-data .service-category { font-size: 12px; letter-spacing: -0.33px; }
	.list-service .service-info .service-data .review-count .tit { margin-right: 4px; font-size: 12px; letter-spacing: -0.43px; }
	.list-service .service-info .service-data .review-count .count { font-size: 12px; letter-spacing: -0.43px; width:32px; }
	.list-service .service-info .service-data .review-count .count img { width: 13px; margin-right: 4px; }
	.list-service .service-info .service-name { margin-bottom: 12px; font-size: 16px; letter-spacing: -0.44px; }
	.list-service .service-info .service-price .price-won { font-size: 16px; letter-spacing: -0.25px; }
	.list-service .service-info .service-price .price-won img { width: 16px; margin-right: 5px; }
	.list-service .service-info .service-price .price-time { margin-left: 8px; font-size: 12px; letter-spacing: -0.33px; }
	
	/*마이페이지*/
	.mypage .sec1 { padding: 30px 20px 20px; box-sizing: border-box; }
	.mypage .user-info { margin-bottom: 20px; }
	.mypage .user-info .img-group { width: 52px; height: 52px; margin-right: 16px; }
	.mypage .user-info .profile-info { width: calc(100% - 68px); }
	.mypage .user-info .profile-info .user-type { margin-bottom: 4px; font-size: 14px; letter-spacing: -0.008px; }
	.mypage .user-info .profile-info .user-name { font-size: 17px; }
	.mypage .user-info .btn { width: 77px; height: 30px; border-radius: 15px; box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.06); box-sizing: border-box; font-size: 14px; }
	.mypage .user-info .btn2 { top: -8px; height: 26px; padding: 0 10px; border-radius: 13px; box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.06); box-sizing: border-box; font-size: 11px; }
	.mypage .user-info .btn2 img { width: 4px; margin-left: 3px; }
	.mypage .user-info .btn3 { font-size: 11px; letter-spacing: -0.1px; }
	.mypage .user-info .btn3 img { width: 10px; }
	
	.user-coin { padding: 0 20px; border-radius: 10px; box-sizing: border-box; }
	.user-coin .coin-state { position: relative; padding: 16px 0; box-sizing: border-box; }
	.user-coin .coin-state .txt-group { display: block; }
	.user-coin .coin-state .txt-group .tit { font-size: 14px; }
	.user-coin .coin-state .txt-group .tit img { width: 20px; }
	.user-coin .coin-state .txt-group .txt { margin-top: 10px; margin-left: 0; font-size: 16px; }
	.user-coin .coin-state .txt-group .txt strong { font-size: 24px; }
	.user-coin .coin-state .btn-custom { position: absolute; right: 0; bottom: 16px; width: 60px; height: 30px; border-radius: 6px; box-sizing: border-box; font-size: 14px; }
	.user-coin .user-reward { padding: 16px 0; box-sizing: border-box; }
	.user-coin .user-reward .tit { font-size: 14px; letter-spacing: -0.39px; }
	.user-coin .user-reward .tit .btn-tip { width: 13px; height: 13px; margin-left: 4px; }
	.user-coin .user-reward .txt { font-size: 14px; }
	.user-coin .user-reward .txt strong { font-size: 16px; }
	
	.mypage .attendance-check { margin: 16px 0 20px; padding: 13px 16px; border-radius: 10px; box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.06); box-sizing: border-box; }
	.mypage .attendance-check .tit { font-size: 14px; letter-spacing: -0.39px; }
	.mypage .attendance-check .tit img { width: 14px; margin-right: 6px; }
	.mypage .attendance-check .txt { font-size: 11px; letter-spacing: -0.31px; }
	.mypage .attendance-check .txt img { width: 4px; margin-left: 4px; }

	.mypage .sec1 .top-section { margin-bottom: 16px; }
	.mypage .sec1 .top-section .tit { font-size: 16px; letter-spacing: -0.25px; }
	
	.list-menu-mypage li { height: 72px; }
	.list-menu-mypage a { padding-top: 10px; box-sizing: border-box; }
	.list-menu-mypage .ico { width: 25px; height: 25px; }
	.list-menu-mypage a.active .ico:after { top: -9px; right: -9px; width: 18px; height: 18px; }
	.list-menu-mypage .ico img { zoom: 0.65; }
	.list-menu-mypage .tit { margin-top: 12px; font-size: 12px; letter-spacing: -0.17px; line-height: 16px; }
	
	.mypage .sec2 { padding: 24px 20px 40px; box-sizing: border-box; }
	.mypage .sec2 .top-section { margin-bottom: 16px; }
	.mypage .sec2 .top-section .tit { font-size: 16px; letter-spacing: -0.25px; }
	
	.mypage .sec3 { padding-bottom: 55px; box-sizing: border-box; }
	.mypage .sec3 .btn-logout { margin-top: 20px; padding: 0 26px; box-sizing: border-box; font-size: 14px; letter-spacing: -0.16px; }
	
	/*검색*/
	.search .wrap { padding: 28px 16px 46px; box-sizing: border-box; }
	.search .sec1 { margin-bottom: 30px; }
	.search .top-section { margin-bottom: 20px; }
	.search .top-section .tit { font-size: 16px; letter-spacing: -0.25px; }
	.search .top-section .btn-delete { font-size: 13px; letter-spacing: -0.17px; }
	
	.list-search-word li { height: 32px; margin-right: 8px; margin-bottom: 8px; padding: 0 28px 0 12px; border-radius: 4px; box-sizing: border-box; }
	.list-search-word .txt { font-size: 13px; letter-spacing: -0.13px; }
	.list-search-word .btn-delete { top: calc(50% - 7px); right: 8px; width: 14px; height: 14px; background-size: 16px; }
	
	.list-hot-word li { height: 56px; }
	.list-hot-word .rank { width: 27px; }
	.list-hot-word .rank .num { font-size: 15px; letter-spacing: -0.23px; }
	.list-hot-word .rank .state { font-size: 8px; letter-spacing: -0.29px; }
	.list-hot-word .rank .state img { margin-right: 2px; zoom: 0.7; }
	.list-hot-word .txt { font-size: 15px; letter-spacing: -0.23px; }
	
	/*상담내역*/
	.list-item-history li { padding: 20px 16px; border-bottom-width: 8px; box-sizing: border-box; }
	.list-item-history .date { font-size: 15px; letter-spacing: -0.23px; }
	.list-item-history .item-basic { padding: 15px 0; border-color: rgba(237, 237, 237, 0.5); box-sizing: border-box; }
	.list-item-history .item-basic .img-group { width: 56px; height: 56px; margin-right: 10px; }
	.list-item-history .item-basic .item-info { width: calc(100% - 66px); }
	.list-item-history .item-basic .item-info .item-category { font-size: 11px; }
	.list-item-history .item-basic .item-info .item-title > div { margin-right: 12px; }
	.list-item-history .item-basic .item-info .item-title > div:after { top: calc(50% - 4px); right: -7px; width: 1px; height: 8px; }
	.list-item-history .item-basic .item-info .item-title .item-name { font-size: 14px; }
	.list-item-history .item-basic .item-info .item-title .item-code { font-size: 14px; }
	.list-item-history .item-basic .item-info .item-price .tit { font-size: 15px; }
	.list-item-history .item-basic .item-info .item-price .txt { font-size: 15px; margin-left: 8px; }
	.list-item-history .item-coin { padding: 14px 0; box-sizing: border-box; }
	.list-item-history .item-coin .tit { font-size: 14px; }
	.list-item-history .item-coin .tit img { width: 20px; margin-right: 6px; }
	.list-item-history .item-coin .txt { font-size: 15px; }
	
	/*코인관리 및 결제내역*/
	.coin-history .sec1,
	.payment-history .sec1 { padding: 24px 16px; box-sizing: border-box; }
	
	.list-coin-history li { padding: 17px 16px; box-sizing: border-box; }
	.list-coin-history .txt-group .tit { margin-bottom: 10px; font-size: 14px; }
	.list-coin-history .txt-group .datetime { font-size: 11px; }
	.list-coin-history .coin-state { font-size: 13px; }
	
	.list-payment-history li { padding: 16px; box-sizing: border-box; }
	.list-payment-history .txt-group .payment-state { margin-bottom: 5px; font-size: 12px; }
	.list-payment-history .txt-group .tit { margin-bottom: 5px; font-size: 14px; }
	.list-payment-history .txt-group .coin-state { margin-bottom: 10px; font-size: 14px; }
	.list-payment-history .txt-group .datetime { font-size: 11px; }
	.list-payment-history .btn { width: 90px; height: 32px; border-radius: 6px; box-sizing: border-box; font-size: 12px; letter-spacing: -0.16px; }
	
	/*1:1 문의*/
	.inquiry-write .wrap { padding: 40px 16px 16px; box-sizing: border-box; }
	.inquiry-write .ck-group { margin: 28px 0 24px; }
	.inquiry-write .ck-custom + label .custom { margin-right: 10px; }

	/* 지식인 */
	.qna-write .wrap { padding: 40px 16px 24px; box-sizing: border-box; }
	.qna-write .frm-group2 .textarea-group { height: 300px; }
	.qna-write .frm-group2 .frm-info { margin-bottom: 24px; }
	
	/*상담사 등록*/
	.apply-banner .banner-info { padding: 0 24px 40px; box-sizing: border-box; }
	.apply-banner .banner-info .apply-count { margin-bottom: 15px; }
	.apply-banner .banner-info .apply-count .txt-group { padding: 12px; border-radius: 6px; box-sizing: border-box; }
	.apply-banner .banner-info .apply-count .txt-group .tit { margin-bottom: 5px; font-size: 12px; }
	.apply-banner .banner-info .apply-count .txt-group .txt { font-size: 12px; }
	.apply-banner .banner-info .apply-count .txt-group .txt strong { margin-right: 2px; font-size: 20px; }
	.apply-banner .banner-info .btn-custom { height: 48px; font-size: 14px; letter-spacing: -0.19px; }

	.apply-banner .banner-info .apply-count .txt-group .btn-tip { width: 14px; height: 14px; margin-left:4px; margin-top:-2px; }
	.apply-banner .banner-info .apply-count .txt-group .item-tip .bubble { left: calc(50% - 115px); width:235px; padding:12px 18px; }
	
	.apply-history .top-section { padding: 28px 20px 20px; box-sizing: border-box; }
	.apply-history .top-section .tit { font-size: 16px; letter-spacing: -0.43px; }
	
	.tbl thead { border-width: 1px; }
	.tbl thead th { height: 30px; font-size: 12px; letter-spacing: -0.32px; }
	.tbl tbody tr { border-color: rgba(237, 237, 237, 0.5); }
	.tbl tbody td { height: 58px; font-size: 14px; letter-spacing: -0.37px; }
	.tbl tbody td:last-child { font-size: 13px; }
	
	.apply-history { border-width: 8px; }
	.apply-history .btn-more { height: 48px; font-size: 15px; letter-spacing: -0.2px; }
	.apply-history .btn-more img { width: 10px; }
	
	/*상담사 등록 신청*/
	.apply-write .wrap { padding: 40px 16px 24px; box-sizing: border-box; }
	.apply-write .frm-group2 { margin-bottom: 20px; }
	.apply-write .btn-custom { margin-top: 36px; }
	
	/*나의 문의내역 및 나의 건의내역*/
	.list-board2 li { border-color: rgba(237, 237, 237, 0.5); background-position: calc(100% - 10px) center; background-size: 32px; }
	.list-board2 a { padding: 16px 16px 20px; box-sizing: border-box; }
	.list-board2 .tit { font-size: 14px; letter-spacing: -0.37px; }
	.list-board2 .board-data > div { margin-right: 13px; }
	.list-board2 .board-data > div:after { top: calc(50% - 4.5px); right: -7px; height: 9px; }
	.list-board2 .board-data .state { font-size: 12px; }
	.list-board2 .board-data .state-v1 { color:#f8778d; }
	.list-board2 .board-data .datetime { font-size: 12px; }
	
	.list-board3 li { border-color: rgba(237, 237, 237, 0.5); background-position: calc(100% - 16px) center; background-size: 8px; }
	.list-board3 a { padding: 16px 16px 20px; box-sizing: border-box; }
	.list-board3 .category { margin-bottom: 6px; font-size: 12px; }
	.list-board3 .tit { margin-bottom: 10px; font-size: 14px; letter-spacing: -0.37px; }
	.list-board3 .board-data > div { margin-right: 13px; }
	.list-board3 .board-data > div:after { top: calc(50% - 4.5px); right: -7px; height: 9px; }
	.list-board3 .board-data .state { font-size: 12px; }
	.list-board3 .board-data .datetime { font-size: 12px; }
	
	/*문의내역 상세*/
	.board-view3 .board-top { padding: 22px 16px; box-sizing: border-box; }
	.board-view3 .board-top .board-category { margin-bottom: 8px; font-size: 12px; }
	.board-view3 .board-top .board-tit { margin-bottom: 12px; font-size: 18px; line-height: normal; }
	.board-view3 .board-top .board-data > div { margin-right: 14px; }
	.board-view3 .board-top .board-data > div:after { top: calc(50% - 5px); right: -8px; height: 10px; }
	.board-view3 .board-top .board-data .state { font-size: 12px; }
	.board-view3 .board-top .board-data .datetime { font-size: 12px; }
	.board-view3 .board-top .board-data .datetime span { margin-right: 6px; }
	
	.board-view3 .board-content { padding: 20px 16px 24px; box-sizing: border-box; }
	.board-view3 .board-content .tit { margin-bottom: 15px; }
	.board-view3 .board-content .tit > div { font-size: 12px; }
	.board-view3 .board-content .txt { font-size: 13px; letter-spacing: -0.28px; line-height: 22px; }
	.board-view3 .board-content .txt p { margin-bottom: 3px; }
	.board-view3 .board-content .img-group img { width: 80px; height: 80px; margin-right: 8px; margin-bottom: 8px; border-radius: 6px; box-sizing: border-box; }
	
	.board-view3 .board-reply { padding: 25px 36px 64px; box-sizing: border-box; }
	.board-view3 .board-reply .reply-info { margin-bottom: 14px; font-size: 12px; }
	.board-view3 .board-reply .reply-info:before { left: -20px; width: 7px; height: 8px; background-size: contain; }
	.board-view3 .board-reply .reply-info span { margin-right: 6px; }
	.board-view3 .board-reply .reply-tit { margin-bottom: 12px; font-size: 16px; letter-spacing: -0.34px; }
	.board-view3 .board-reply .reply-txt { font-size: 13px; letter-spacing: -0.28px; line-height: 22px; }
	.board-view3 .board-reply .reply-txt p { margin-bottom: 2px; }
	
	/*이용안내*/
	.guide .wrap { padding: 0px 16px; box-sizing: border-box; }
	.guide .box-video { margin-bottom: 24px; }
	.guide-info { margin-bottom: 40px; padding-top:42px; }
	.guide-info .tit-group { margin-bottom: 12px; }
	.guide-info .tit-group .tit { font-size: 16px; letter-spacing: -0.43px; }
	.guide-info .tit-group .btn { top: calc(50% - 16px); width: 76px; height: 32px; border-radius: 6px; box-sizing: border-box; font-size: 13px; letter-spacing: -0.17px; }
	.guide-info .txt-group p { margin-bottom: 4px; font-size: 13px; line-height: 20px; }
	.guide-info .txt-group span { margin-right: 4px; font-size: 10px; }
	
	/*AI*/
	.ai-intro .btn-exit { top: 16px; right: 28px; font-size: 14px; letter-spacing: -0.79px; }
	.ai-intro .btn-exit img { width: 9px; }
	
	.ai-intro .tit-group .img-logo { width: 84px; margin-bottom: 7px; }
	.ai-intro .tit-group { margin-bottom: 55px; }
	.ai-intro .tit-group .tit { margin-bottom: 28px; font-size: 16px; }
	.ai-intro .tit-group .img-txt { width: 250px; }
	
	.ai-intro .box { height: 287px; margin-bottom: 37px; padding: 64px 0; border-radius: 37px; box-shadow: 5px 20px 20px 0 rgba(255, 207, 207, 0.14), inset 0 1.5px 40px 0 rgba(236, 103, 103, 0.19); box-sizing: border-box; }
	.ai-intro .box:before { top: -18px; width: 39px; height: 39px; box-shadow: 3px 5px 10px 0 rgba(165, 64, 64, 0.19); box-sizing: border-box; background-size: contain; }
	.ai-intro .txt-group .txt { margin-bottom: 28px; font-size: 17px; letter-spacing: -0.96px; line-height: 28px; }
	.ai-intro .txt-group .txt strong.underline:after { bottom: -2px; height: 5px; }
	.ai-intro .txt-group .txt2 { margin-bottom: 8px; font-size: 16px; letter-spacing: -0.9px; }
	.ai-intro .txt-group .txt3 { font-size: 18px; letter-spacing: -0.5px; }
	.ai-intro .txt-group .txt3 strong.underline:after { bottom: -2px; height: 7px; }
	
	.ai-intro .btn { height: 72px; border-radius: 6px; box-sizing: border-box; }
	.ai-intro .btn .txt { font-size: 16px; letter-spacing: -0.21px; }
	.ai-intro .btn .txt2 { margin-top: 5px; font-size: 10px; letter-spacing: -0.12px; }
	
	.ai .box { padding: 32px 20px 40px; border-radius: 16px; box-sizing: border-box; }
	.ai .frm { margin-bottom: 30px; }
	.ai .frm-info { margin-bottom: 23px; font-size: 10px; letter-spacing: -0.3px; line-height: 15px; }
	.ai .ck-group { margin-bottom: 24px; }
	.ai .ck-group .ck-custom + label { font-size: 12px; letter-spacing: -0.33px; }
	.ai .ck-group .ck-custom + label .custom { margin-right: 10px; }
	
	/*선생님 광장*/
	.section-slide-board { padding: 20px 0 8px; box-sizing: border-box; }
	.section-slide-board .top-section { padding: 0 16px; box-sizing: border-box; }
	.section-slide-board .top-section .tit { font-size: 16px; }
	.section-slide-board .top-section .btn { font-size: 14px; letter-spacing: -0.5px; }
	.section-slide-board .top-section .btn img { width: 6px; }
	
	.slide-board .swiper { padding: 16px; box-sizing: border-box; }
	.slide-board .swiper-slide { height: 124px; padding: 20px; border-radius: 6px; box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.06); box-sizing: border-box; }
	.slide-board .swiper-slide .txt-group { max-width: none; }
	.slide-board .swiper-slide .txt-group .tit { height: 40px; margin-bottom: 6px; line-height: 20px; font-size: 14px; }
	.slide-board .swiper-slide .txt-group .tit img { width: 16px; margin-right: 7px; }
	.slide-board .swiper-slide .txt-group .txt { margin-bottom: 8px; font-size: 12px; }
	.slide-board .swiper-slide .txt-group .date { font-size: 12px; }
	
	.partner-intro .sec1 { padding: 20px 16px 32px; box-sizing: border-box; }
	.partner-intro .sec1 .top-section { margin-bottom: 20px; }
	.partner-intro .sec1 .top-section .tit { font-size: 16px; }
	.partner-intro .sec1 a .img-group { height: 184px; margin-bottom: 16px; border-radius: 10px; box-sizing: border-box; }
	.partner-intro .sec1 a .tit { font-size: 14px; }
	
	.partner-intro .sec2 { padding: 20px 16px 44px; box-sizing: border-box; }
	.partner-intro .sec2 .top-section { margin-bottom: 20px; }
	.partner-intro .sec2 .top-section .tit { font-size: 16px; }
	.partner-intro .sec2 .top-section .btn { font-size: 14px; letter-spacing: -0.5px; }
	.partner-intro .sec2 .top-section .btn img { width: 6px; }
	
	.list-news li { margin-bottom: 16px; }
	.list-news .img-group { width: 112px; height: 80px; margin-right: 12px; border-radius: 10px; box-sizing: border-box; }
	.list-news .tit-group { width: calc(100% - 124px); }
	.list-news .tit-group .tit { max-height: 40px; margin-bottom: 8px; line-height: 20px; font-size: 15px; }
	.list-news .tit-group .data > div { margin-right: 15px; font-size: 12px; }
	.list-news .tit-group .data > div:after { top: calc(50% - 1.5px); right: -9px; width: 3px; height: 3px; }
	
	/*나의 상담 관리*/
	.partner-group { padding: 23px 16px 16px; box-sizing: border-box; }
	.partner-group .partner-profile .img-group { width: 48px; height: 48px; margin-right: 12px; }
	.partner-group .partner-profile .partner-info { width: calc(100% - 60px); }
	.partner-group .partner-profile .partner-info .partner-category { font-size: 14px; }
	.partner-group .partner-profile .partner-info .partner-title > div { margin-right: 18px; }
	.partner-group .partner-profile .partner-info .partner-title > div:after { top: calc(50% - 7px); right: -10px; width: 1px; height: 14px; }
	.partner-group .partner-profile .partner-info .partner-title .partner-name { font-size: 18px; }
	.partner-group .partner-profile .partner-info .partner-title .partner-code { font-size: 16px; }
	
	.partner-group .partner-state { height: 44px; border-radius: 6px; box-sizing: border-box; }
	.partner-group .partner-state .switch-group { padding: 0 16px; box-sizing: border-box; }
	.partner-group .partner-state .switch-group .tit { font-size: 12px; letter-spacing: -0.2px; }
	
	.partner-adm .sec2 .article-group { padding: 16px 0 24px; box-sizing: border-box; }
	.partner-adm .sec2 .article-group .top-article { margin-bottom: 16px; padding: 0 16px; box-sizing: border-box; }
	.partner-adm .sec2 .article-group .top-article .tit { font-size: 16px; }
	.partner-adm .sec2 .article-group .inner { padding: 0 16px; box-sizing: border-box; }
	
	.list-partner-menu { border-radius: 10px; box-sizing: border-box; }
	.list-partner-menu li:first-child .tit { border-top-left-radius: 10px; box-sizing: border-box; }
	.list-partner-menu li:last-child .tit { border-bottom-left-radius: 10px; box-sizing: border-box; }
	.list-partner-menu .tit { width: 90px; min-height: 40px; font-size: 12px; letter-spacing: -0.2px; }
	.list-partner-menu .txt-group { width: calc(100% - 90px); padding: 0 15px; box-sizing: border-box; }
	.list-partner-menu a.txt-group { background-position: calc(100% - 15px) center; background-size: 6px; }
	.list-partner-menu .txt-group .txt { font-size: 12px; }
	.list-partner-menu .txt-group .txt strong { margin-left: 6px; }
	.list-partner-menu .txt-group .txt .ico-new { width: 16px; margin-left: 6px; }
	.list-partner-menu .txt-group .select-group select { width: 90px; height: 25px; padding-right: 20px; box-sizing: border-box; background-position: calc(100% - 6px) center; background-size: 8px; font-size: 12px; }
	.list-partner-menu .txt-group .select-group .unit { font-size: 12px; }
	.list-partner-menu .txt-group .btn { width: 68px; height: 24px; border-radius: 4px; box-sizing: border-box; font-size: 11px; letter-spacing: -0.15px; }
	.list-partner-menu .txt-group .noti { padding: 5px 10px; box-sizing: border-box; font-size: 11px; letter-spacing: -0.13px; }
	
	.partner-adm .sec2 .statistics-info { margin: 16px 0; padding: 8px 0; border-width: 1px; box-sizing: border-box; }
	.partner-adm .sec2 .statistics-info .txt-group { margin: 0 7px; }
	.partner-adm .sec2 .statistics-info .txt-group .tit { font-size: 12px; }
	.partner-adm .sec2 .statistics-info .txt-group .txt { margin-left: 6px; font-size: 12px; }
	
	.list-order-history li { padding: 14px 16px; box-sizing: border-box; }
	.list-order-history .num { width: 20px; margin-right: 12px; }
	.list-order-history .num span { font-size: 12px; }
	.list-order-history .txt { width: calc(100% - 32px); font-size: 13px; }
	
	.order-history-group .btn-more { height: 48px; font-size: 15px; letter-spacing: -0.2px; }
	.order-history-group .btn-more img { width: 10px; }
	
	/*코인충전*/
	.coin-shop .sec1 { padding: 20px; box-sizing: border-box; }
	.coin-shop .user-coin { height: 60px; padding: 0 16px; box-sizing: border-box; }
	.coin-shop .user-coin .coin-state { width: 100%; }
	.coin-shop .user-coin .coin-state .txt-group { display: flex; }
	.coin-shop .user-coin .coin-state .txt-group .tit { font-size: 15px; }
	.coin-shop .user-coin .coin-state .txt-group .txt { margin-top: 0; }
	
	.auto-coin { height: 60px; margin-top: 10px; padding: 0 11px 0 16px; border-radius: 10px; box-sizing: border-box; }
	.auto-coin .auto-state .txt-group .tit { font-size: 15px; letter-spacing: -0.42px; }
	.auto-coin .auto-state .txt-group .txt { margin-left: 10px; font-size: 15px; letter-spacing: -0.42px; }
	.auto-coin .auto-state .btn { width: 80px; height: 34px; font-size: 13px; letter-spacing: -0.17px; }
	
	.coin-shop .sec2 .top-section {
        padding: 20px 16px;
        box-sizing: border-box;
    }

    .coin-shop .sec2 .top-section .tit {
        font-size: 16px;
        letter-spacing: -0.25px;
    }

    .coin-shop .sec2 .top-section .tit span {
        margin-left: 5px;
        font-size: 14px;
        letter-spacing: -0.39px;
    }
	.coin-shop .sec2 .top-section .btn-calculator {
        font-size: 12px;
    }

    .coin-shop .sec2 .top-section .btn-calculator .ico-clock {
        width: auto;
        margin-right: 3px;
    }

    .coin-shop .sec2 .top-section .btn-calculator .ico-arrow {
        width: 5px;
        margin-left: 3px;
    }
	
	.list-price li { height: 64px; }
	.list-price li:first-child { height: 32px; border-width: 1px; }
	.list-price li:first-child .tit { font-size: 12px; letter-spacing: -0.33px; }
	.list-price li:first-child .tit:first-child { padding-left: 40px; box-sizing: border-box; }
	.list-price li:first-child .tit:last-child { padding-right: 40px; box-sizing: border-box; }
	
	.list-price .label { width: calc(100% - 32px); }
	.list-price .label .txt-group .txt { font-size: 14px; letter-spacing: -0.16px; }
	.list-price .label .txt-group .txt strong { margin-right: 4px; }
	.list-price .label .txt-group .txt2 { margin-left: 4px; font-size: 11px; letter-spacing: -0.31px; }
	.list-price .label .product-price { width: 88px; height: 36px; border-radius: 6px; box-sizing: border-box; font-size: 14px; letter-spacing: -0.3px; }
	.list-price .ico-label { top: -5px; left: 48px; height: 20px; }
	
	.coin-shop .sec3 .top-section { padding: 20px 16px; box-sizing: border-box; }
	.coin-shop .sec3 .top-section .tit { font-size: 16px; letter-spacing: -0.25px; }
	
	.payment-option .option-group .ck-group .ck-custom4 + label { padding: 14px 16px; box-sizing: border-box; }
	.payment-option .option-group .ck-group .label .tit { font-size: 15px; letter-spacing: -0.18px; }
	.payment-option .option-group .ck-group .label .bubble { margin-left: 10px; padding: 5px 10px; box-sizing: border-box; font-size: 11px; letter-spacing: -0.13px; }
	
	.slide-card { padding-bottom: 20px; box-sizing: border-box; }
	.slide-card .swiper { padding: 0 44px; box-sizing: border-box; }
	.slide-card .swiper-slide { width: 272px; height: 168px; border-radius: 16px; box-sizing: border-box; }
	.slide-card .swiper-slide .ico-add { top: calc(50% - 21px); width: 42px; height: 42px; }
	
	.list-payment-normal { margin: -4px; padding: 4px 16px 28px; box-sizing: border-box; }
	.list-payment-normal li { padding: 4px; box-sizing: border-box; }
	.list-payment-normal .ck-group .ck-custom5 + label { height: 64px; }
	.list-payment-normal .ck-group .ck-custom5 + label img { zoom: 0.35; }
	
	.coin-shop .sec4 .top-section { padding: 16px; box-sizing: border-box; }
	.coin-shop .sec4 .top-section .tit { font-size: 16px; letter-spacing: -0.19px; }
	.coin-shop .sec4 .top-section .txt { font-size: 14px; letter-spacing: -0.5px; }
	.coin-shop .sec4 .top-section .txt img { width: 6px; margin-left: 8px; }
	
	.coin-shop .sec5 { padding: 26px 16px; box-sizing: border-box; }
	.coin-shop .sec5 .top-section .tit { font-size: 16px; letter-spacing: -0.25px; }
	
	.coin-shop .payment-price { padding: 25px 0; box-sizing: border-box; }
	.coin-shop .payment-price .txt-group { margin-bottom: 20px; }
	.coin-shop .payment-price .txt-group .tit { font-size: 16px; letter-spacing: -0.19px; }
	.coin-shop .payment-price .txt-group .txt { font-size: 16px; letter-spacing: -0.19px; }
	
	.coin-shop .total-payment-price { padding: 18px 0; box-sizing: border-box; }
	.coin-shop .total-payment-price-v1 { padding: 0; }
	.coin-shop .total-payment-price .txt-group .tit { font-size: 16px; letter-spacing: -0.25px; }
	.coin-shop .total-payment-price .txt-group .txt { font-size: 18px; letter-spacing: -0.28px; }
	
	.coin-shop .sec6 { padding: 24px 16px 28px; box-sizing: border-box; }
	.coin-shop .sec6 .txt-group .txt { margin-bottom: 12px; font-size: 16px; letter-spacing: -0.32px; }
	.coin-shop .sec6 .txt-group .frm-group-coin { margin-bottom: 20px; }
	.coin-shop .sec6 .txt-group .frm-group-coin .inp-group { width: 157px; height: 44px; padding: 0 16px; border-radius: 6px; box-sizing: border-box; }
	.coin-shop .sec6 .txt-group .frm-group-coin .inp-group span { font-size: 15px; letter-spacing: -0.18px; }
	.coin-shop .sec6 .txt-group .frm-group-coin p { margin-left: 11px; font-size: 15px; letter-spacing: -0.18px; }
	.coin-shop .sec6 .txt-group .txt2 { margin-bottom: 10px; font-size: 15px; letter-spacing: -0.3px; }
	.coin-shop .sec6 .txt-group .txt3 { font-size: 11px; letter-spacing: -0.31px; }
	
	/*고객센터*/
	.csc .sec1 { padding: 20px 16px 24px; box-sizing: border-box; }
	.csc .sec1 .top-section { margin-bottom: 20px; }
	.csc .sec1 .top-section .tit { font-size: 16px; }
	.csc .sec1 .top-section .btn { font-size: 14px; letter-spacing: -0.5px; }
	.csc .sec1 .top-section .btn img { width: 6px; }
	
	.csc .sec1 .txt-group { height: 112px; padding: 20px 20px 24px; border-radius: 6px; box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.06); box-sizing: border-box; }
	.csc .sec1 .txt-group .tit { margin-bottom: 10px; font-size: 14px; }
	.csc .sec1 .txt-group .tit img { width: 16px; margin-right: 7px; }
	.csc .sec1 .txt-group .txt { font-size: 12px; }
	.csc .sec1 .txt-group .date { font-size: 12px; }
	
	.csc .sec2 { padding: 20px 0 28px; box-sizing: border-box; }
	
	.list-menu-csc .ico img { width: 56px; height: 56px; }
	.list-menu-csc .tit { margin-top: 4px; font-size: 13px; letter-spacing: -0.46px; }
	
	.csc .sec3 { padding: 20px 16px 44px; box-sizing: border-box; }
	.csc .sec3 .top-section { margin-bottom: 25px; }
	.csc .sec3 .top-section .tit { font-size: 16px; }
	.csc .sec3 .txt-group { margin-bottom: 26px; }
	.csc .sec3 .txt-group .tit { margin-bottom: 8px; font-size: 15px; letter-spacing: -0.2px; }
	.csc .sec3 .txt-group .txt { margin-bottom: 10px; font-size: 20px; }
	.csc .sec3 .txt-group .txt2 { font-size: 12px; letter-spacing: -0.2px; line-height: 20px; }
	.csc .sec3 .txt-group .btn-custom { margin-top: 10px; }
	
	/*충전 완료 및 주문 완료*/
	.receipt .top-page { margin-bottom: 34px; }
	.receipt .top-page .tit { font-size: 24px; }
	.receipt .top-page .txt { min-height: 36px; margin-top: 10px; font-size: 13px; letter-spacing: -0.2px; line-height: 18px; }
	
	.receipt-info .receipt-data { margin-bottom: 14px; }
	.receipt-info .receipt-data .box { padding: 14px 0; border-width: 1px; box-sizing: border-box; }
	.receipt-info .receipt-data .txt-group { margin-bottom: 12px; }
	.receipt-info .receipt-data .txt-group .tit { font-size: 13px; }
	.receipt-info .receipt-data .txt-group .tit-v1 { font-size: 15px; }
	.receipt-info .receipt-data .txt-group .txt { font-size: 13px; }
	.receipt-info .receipt-data .txt-group .txt .v2 { margin-top: 6px; font-size: 11px; }
	.receipt-info .receipt-data .txt-group .txt .v3 { font-size: 15px; }
	.receipt-info .receipt-data .txt-group .txt .v4 { font-size: 12px; line-height: 18px; }
	.receipt-info .receipt-data .txt-group .txt .v4:first-of-type { margin-top: 6px; }
	
	/*랭킹 상담사*/
	.ranking .sec1 { padding-bottom: 64px; box-sizing: border-box; }
	.ranking .item-group .item-info .rank { width: 5.556vw; padding-top: 4px; box-sizing: border-box; }
	.ranking .item-group .item-info .rank .num { font-size: 14px; letter-spacing: -0.39px; }
	.ranking .item-group .item-info .rank .state { font-size: 8px; letter-spacing: -0.29px; }
	.ranking .item-group .item-info .rank .state img { margin-right: 2px; zoom: 0.7; }
	
	.ranking .item-group .card { height: 28.889vw; }
	/*.ranking .item-group .img-group { width: 38.889vw; margin-right: 3.333vw; }
	.ranking .item-group .item-info { width: calc(100% - 42.222vw); }
	.ranking .item-group .item-info .item-basic { width: calc(100% - 5.556vw); }*/
	.ranking .item-group .item-info .item-basic { width: 100%; }
	.ranking .item-group .item-info .item-basic .item-title { margin-bottom: 6px; }
	.ranking .item-group .item-info .item-basic .item-title .item-name { font-size: 14px; letter-spacing: -0.39px; }
	.ranking .item-group .item-info .item-basic .item-intro { margin-bottom: 6px; }
	
	/*회원가입 완료*/
	.sign-complete .top-section { margin-bottom: 24px; }
	.sign-complete .top-section .tit { margin-bottom: 8px; font-size: 19px; letter-spacing: -0.2px; }
	.sign-complete .top-section .txt { font-size: 13px; letter-spacing: -0.2px; line-height: 18px; }
	
	.graph-group { height: 158px; }
	.graph-group .tit { font-size: 14px; letter-spacing: -0.22px; }
	.graph-group .graph { display: flex; justify-content: space-between; width: 100%; margin-right: 0; }
	.graph-group .graph .percent { font-size: 12px; }
	.graph-group .graph .label { font-size: 12px; }
	
	.graph-group .graph .bar { width: 36px; margin-top: 6px; border-radius: 6px; box-sizing: border-box; }
	.graph-group .graph:nth-child(1) .bar { height: 112px; }
	.graph-group .graph:nth-child(2) .bar { height: 29px; }
	.graph-group .graph:nth-child(3) .bar { height: 25px; }
	.graph-group .graph:nth-child(4) .bar { height: 14px; }
	.graph-group .graph:nth-child(5) .bar { height: 7px; }
	.graph-group .graph:nth-child(6) .bar { height: 5px; }
	
	.graph-group-s1 .graph:nth-child(2) .bar { height: 93px; }
	.graph-group-s1 .graph:nth-child(3) .bar { height: 36px; }
	.graph-group-s1 .graph:nth-child(4) .bar { height: 14px; }
	
	.graph-group-s2 .graph:nth-child(2) .bar { height: 79px; }
	.graph-group-s2 .graph:nth-child(3) .bar { height: 40px; }
	.graph-group-s2 .graph:nth-child(4) .bar { height: 20px; }
	
	.graph-group .graph.active .percent { font-size: 15px; }
	
	.sign-complete .sec1 { padding: 32px 24px; border-width: 8px; box-sizing: border-box; }
	.sign-complete .sec1 .box { justify-content: space-between; }
	.sign-complete .sec1 .box .graph-group { height: 175px; margin: 0; }
	.sign-complete .sec1 .box .graph-group .graph { margin-right: 12px; width:46px; }
	
	.sign-complete .sec2 .top-section { margin-bottom: 6px; padding: 32px 24px 0; box-sizing: border-box; }
	
	.sign-complete .sec3 { padding: 35px 24px 50px; box-sizing: border-box; }
	.sign-complete .sec3 .img-coupon { width: 242px; margin-bottom: 0; }
	.sign-complete .sec3 .txt { margin-bottom: 27px; font-size: 20px; letter-spacing: -0.36px; line-height: 26px; }
	.sign-complete .sec3 .btn-custom { font-size: 14px; letter-spacing: -0.19px; }
	
	/*사주나루 뉴스*/
	.news .sec1 { padding: 30px 16px 25px; box-sizing: border-box; }
	.news .sec2 { padding: 26px 16px 24px; box-sizing: border-box; }
	
	.list-news2 .img-group { height: 118px; margin-bottom: 12px; border-radius: 8px; box-sizing: border-box; }
	.list-news2 .tit-group .tit { max-height: 40px; margin-bottom: 8px; font-size: 14px; letter-spacing: -0.4px; line-height: 20px; }
	.list-news2 .tit-group .data > div { margin-right: 15px; font-size: 12px; }
	.list-news2 .tit-group .data > div:after { top: calc(50% - 1.5px); right: -9px; width: 3px; height: 3px; }
	
	/*사주나루 뉴스 상세*/
	.board-view2 .wrap { padding-bottom: 28px; box-sizing: border-box; }
	.board-view2 .board-top { padding: 26px 16px; box-sizing: border-box; }
	.board-view2 .board-top .board-tit { margin-bottom: 12px; font-size: 24px; letter-spacing: -0.69px; line-height: 34px; }
	.board-view2 .board-top .board-data { font-size: 12px; }
	.board-view2 .board-content { padding-bottom: 35px; box-sizing: border-box; }
	.board-view2 .board-content img { margin-bottom: 24px; }
	.board-view2 .board-content .txt { padding: 0 16px; box-sizing: border-box; font-size: 15px; letter-spacing: -0.43px; line-height: 30px; }
	.board-view2 .board-navigation { width: calc(100% - 32px); }

	.comment-group { padding: 0 16px; box-sizing: border-box; }
	.comment-group .top-section .tit { font-size: 18px; }
	.comment-group .top-section .tit span { margin-left: 5px; }
	
	.list-comment .box { width: calc(100% - 26px); }
	.list-comment .comment-content { padding: 22px 0 18px; box-sizing: border-box; }
	.list-comment .comment-content .comment-info .user-name { font-size: 16px; }
	.list-comment .comment-content .comment-info .comment-data .datetime { font-size: 12px; }
	.list-comment .comment-content .comment-info .comment-data .btn-report { font-size: 12px; }
	.list-comment .comment-content .txt { margin-top: 15px; font-size: 14px; line-height: 24px; }
	.list-comment .reply-group { width: calc(100% - 26px); padding: 22px 0; box-sizing: border-box; }
	.list-comment .reply-group .inp-group-reply { height: 148px; padding: 14px 8px 8px 16px; box-sizing: border-box; }
	.list-comment .reply-group .inp-group-reply .inp-reply { padding-right: 6px; box-sizing: border-box; font-size: 14px; letter-spacing: -0.39px; }
	.list-comment .reply-group .inp-group-reply .btn-custom { width: 60px; height: 32px; font-size: 14px; }
	
	/*지식인*/
	.qna .sec1 { padding-bottom: 16px; border-width: 8px; box-sizing: border-box; }
	.qna .noti-banner { width: calc(100% - 32px); padding: 18px 16px; border-radius: 12px; box-sizing: border-box; }
	.qna .noti-banner .tit { font-size: 14px; }
	.qna .noti-banner .tit img { width: 20px; margin-right: 5px; }
	
	.qna .sec2 .qna-filter { padding: 12px 16px; box-sizing: border-box; }
	
	.list-qna { border-width: 8px; }
	.list-qna li { border-top-width: 8px; }
	
	.qna-group { padding: 22px 16px; box-sizing: border-box; }
	.qna-group .question-group .tit-group { padding-left: 28px; box-sizing: border-box; }
	.qna-group .question-group .tit-group:before { top: 2px; width: 20px; height: 20px; background-size: contain; }
	.qna-group .question-group .tit-group .tit { font-size: 16px; letter-spacing: -0.3px; line-height: 24px; }
	
	.qna-group .answer-group { margin-top: 10px; padding-left: 28px; box-sizing: border-box; }
	.qna-group .answer-group .answer-data { margin-left: -19px; margin-bottom: 6px; padding-left: 47px; text-indent: -47px; font-size: 14px; }
	.qna-group .answer-group .answer-data img:nth-child(1) { width: 8px; margin-right: 11px; }
	.qna-group .answer-group .answer-data img:nth-child(2) { width: 20px; margin-right: 8px; }
	.qna-group .answer-group .txt { margin-bottom: 6px; font-size: 13px; letter-spacing: -0.28px; line-height: 20px; }
	.qna-group .answer-group .datetime { font-size: 13px; letter-spacing: -0.28px; }
	
	.qna .btn-write { right: 20px; bottom: 82px; width: 52px; height: 52px; }
	
	/*지식인 상세*/
	.qna-group .question-group .tit-group .category { font-size: 12px; }
	.qna-group .question-group .tit-group .writer { margin-top: 6px; font-size: 12px; }
	.qna-group .question-group .tit-group .txt { margin-top: 20px; font-size: 14px; letter-spacing: -0.3px; line-height: 22px; }
	.qna-group .question-group .tit-group .datetime { margin-top: 10px; font-size: 12px; }
	
	.qna-view .reply-group { border-width: 8px; }
	.qna-view .reply-group .reply-count { padding: 20px 20px 0; box-sizing: border-box; font-size: 16px; }

	.qna-view .line-v1 {
        border: none;
    }

    .qna-view .write-group {
        padding: 18px 16px 40px;
        box-sizing: border-box;
    }

    .qna-view .write-group .item-basic {
        margin-bottom: 20px;
    }

    .qna-view .write-group .item-basic .img-group {
        width: 40px;
        height: 40px;
    }

    .qna-view .write-group .item-basic .item-info {
        width: calc(100% - 56px);
    }

    .qna-view .write-group .item-basic .item-info .item-title .item-name {
        font-size: 16px;
    }

    .qna-view .write-group .btn-group-upload {
        margin-bottom: 8px;
    }

    .qna-view .write-group .btn-group-upload .btn {
        margin-right: 8px;
        margin-bottom: 8px;
    }

    .qna-view .write-group .frm-group2 > div {
        margin-bottom: 16px;
    }

    .qna-view .write-group .frm-group2 .textarea-group {
        height: 160px;
    }

    .qna-view .write-group .frm-group2 .textarea-group textarea {
        font-size: 13px;
    }

    .qna-view .reply-group .reply-count {
        padding: 20px 20px 0;
    }
	
	.list-reply li {
        padding: 30px 16px;
        box-sizing: border-box;
    }

    .list-reply .reply-info {
        margin-bottom: 20px;
        padding: 13px 18px;
        border-radius: 12px;
        box-sizing: border-box;
    }

    .list-reply .reply-info .img-group {
        width: 48px;
        height: 48px;
        margin-right: 15px;
    }

    .list-reply .reply-info .item-basic {
        width: calc(100% - 63px);
    }

    .list-reply .reply-info .item-basic .item-category {
        margin-bottom: 3px;
        font-size: 12px;
    }

    .list-reply .reply-info .item-basic .item-title > div {
        margin-right: 16px;
    }

    .list-reply .reply-info .item-basic .item-title > div:after {
        top: calc(50% - 6px);
        right: -9px;
        width: 1px;
        height: 12px;
    }

    .list-reply .reply-info .item-basic .item-title .item-name {
        font-size: 16px;
    }

    .list-reply .reply-info .item-basic .item-title .item-code {
        font-size: 16px;
    }

    .list-reply .reply-info .item-basic .item-title .btn-view {
        margin-left: 8px;
        padding: 4px 6px;
        border-radius: 10px;
        box-sizing: border-box;
        font-size: 10px;
        letter-spacing: -0.63px;
    }

    .list-reply .reply-info .badge {
        top: 8px;
        right: 8px;
        border-radius: 6px;
        box-sizing: border-box;
        width: 72px;
        height: 20px;
        font-size: 10px;
        font-weight: 600;
    }

    .list-reply .reply-info .badge img {
        width: 18px;
    }

    .list-reply .answer-group {
        padding-left: 28px;
        box-sizing: border-box;
    }

    .list-reply .answer-group .txt {
        margin-bottom: 10px;
        font-size: 14px;
        letter-spacing: -0.3px;
        line-height: 22px;
    }

    .list-reply .answer-group .txt:before {
        width: 20px;
        height: 20px;
        background-size: contain;
    }

    .list-reply .answer-group .datetime {
        font-size: 12px;
    }
	
	/*상담료 자세히보기*/
	.price-view .sec1 { padding: 16px 0 40px; box-sizing: border-box; }
	.price-view .sec1 .article-group { margin-bottom: 16px; }
	.price-view .sec1 .article-group .top-article { padding: 16px; box-sizing: border-box; }
	.price-view .sec1 .article-group .top-article .tit { font-size: 16px; }
	.price-view .sec1 .article-group .inner { padding: 0 16px; box-sizing: border-box; }
	.price-view .sec1 .article-group .inner > .txt-group { margin-bottom: 20px; }
	.price-view .sec1 .article-group .inner > .txt-group .tit { margin-bottom: 6px; font-size: 14px; letter-spacing: -0.3px; }
	.price-view .sec1 .article-group .inner > .txt-group .txt p { margin-bottom: 8px; font-size: 13px; letter-spacing: -0.28px; line-height: 22px; }
	.price-view .sec1 .article-group .inner > .txt-group .txt p:before { top: 10px; width: 3px; height: 3px; }
	
	.list-price-menu { border-radius: 10px; box-sizing: border-box; }
	.list-price-menu .tit { width: 135px; min-height: 48px; font-size: 12px; letter-spacing: -0.2px; }
	.list-price-menu li:first-child .tit { border-top-left-radius: 10px; box-sizing: border-box; }
	.list-price-menu li:last-child .tit { border-bottom-left-radius: 10px; box-sizing: border-box; }
	.list-price-menu .txt-group { width: calc(100% - 135px); padding: 0 20px; box-sizing: border-box; }
	.list-price-menu .txt-group .txt { font-size: 12px; }
	
	.box-table-tbl4 { border-radius: 10px; box-sizing: border-box; }
	.tbl4 thead th { height: 40px; font-size: 12px; letter-spacing: -0.2px; }
	.tbl4 tbody td { padding: 8px; box-sizing: border-box; font-size: 11px; letter-spacing: -0.18px; }
	
	.tbl4 th:nth-child(1), .tbl4 td:nth-child(1) { width: 23%; }
	.tbl4 th:nth-child(2), .tbl4 td:nth-child(2) { width: 19%; }
	.tbl4 th:nth-child(3), .tbl4 td:nth-child(3) { width: 29%; }
	.tbl4 th:nth-child(4), .tbl4 td:nth-child(4) { width: 29%; }
	
	/*사주나루의 길*/
	.about .sec1 { height: 222px; }
	.about .sec1 .txt-group .txt { margin-bottom: 20px; font-size: 13px; letter-spacing: 13px; }
	.about .sec1 .txt-group .txt2 { font-size: 11px; line-height: 20px; }
	
	.about .sec2 { padding: 20px 20px 8px; box-sizing: border-box; }
	.about .sec2 .top-section { margin-bottom: 20px; }
	.about .sec2 .top-section .tit { font-size: 16px; }
	
	.about .sec3 { padding: 20px 20px 35px; box-sizing: border-box; }
	.about .sec3 .top-section { margin-bottom: 20px; }
	.about .sec3 .top-section .tit { font-size: 16px; }
	
	.list-sponsor { margin: 0 -5px; }
	.list-sponsor li { margin-bottom: 20px; padding: 0 5px; box-sizing: border-box; }
	.list-sponsor .card { height: 138px; padding: 16px 0; border-radius: 12px; box-shadow: 0 1px 10px 0 rgba(0, 0, 0, 0.06); box-sizing: border-box; }
	.list-sponsor .img-group img { zoom: 0.25; }
	.list-sponsor .tit { font-size: 12px; letter-spacing: -0.18px; }
	
	.list-volunteer li { margin-bottom: 20px; border-radius: 12px; box-sizing: border-box; }
	.list-volunteer .img-group { height: 204px; }
	.list-volunteer .tit-group { padding: 20px 16px; box-sizing: border-box; }
	.list-volunteer .tit-group .tit { max-height: 40px; margin-bottom: 8px; font-size: 15px; letter-spacing: -0.23px; line-height: 20px; }
	.list-volunteer .tit-group .datetime { font-size: 13px; }
	
	/*부가서비스*/
	.additional-service .sec1 { padding-bottom: 36px; box-sizing: border-box; }
	.additional-service .item-service .top-section { padding: 20px 16px; box-sizing: border-box; }
	.additional-service .item-service .top-section .tit { font-size: 18px; letter-spacing: -0.5px; }
	.additional-service .item-service .inner { padding: 0 16px; box-sizing: border-box; }

	.additional-service-v1 .item-service .top-section { padding: 40px 16px 16px; box-sizing: border-box; }
	.additional-service-v1 .item-service .top-section .item-count { margin-top: 10px; font-size: 14px; letter-spacing: -0.5px; }
	.additional-service-v1 .item-service .top-section .btn-filter { right: 16px; bottom: 16px; height: 28px; margin-right: 8px; padding: 0 10px; border-width: 1px; border-radius: 14px; box-sizing: border-box; font-size: 12px; letter-spacing: -0.33px; }
	.additional-service-v1 .item-service .top-section .btn-filter img { margin-right: 4px; zoom: 0.6; }
	
	
	/*부가서비스 상세 - 서비스 전달*/
	.item-view-v1 .item-send { padding-bottom: 80px; box-sizing: border-box; }
	.item-view-v1 .item-send .top-section { padding: 24px 16px; box-sizing: border-box; }
	.item-view-v1 .item-send .top-section .tit { font-size: 18px; letter-spacing: -0.1px; }
	
	.item-send .list-send .inner { padding: 23px 16px; box-sizing: border-box; }
	.item-send .list-send .send-writer { width: calc(100% - 96px); margin-bottom: 5px; font-size: 15px; letter-spacing: -0.09px; }
	.item-send .list-send .btn-report { top: 23px; right: 16px; font-size: 13px; letter-spacing: -0.46px; }
	.item-send .list-send .send-info { width: calc(100% - 96px); }
	.item-send .list-send .send-info .send-data { margin-bottom: 6px; font-size: 13px; letter-spacing: -0.46px; }
	.item-send .list-send .send-info .send-txt { font-size: 13px; letter-spacing: -0.46px; line-height: 19px; }
	.item-send .list-send .send-info .send-type > a { padding: 6px 10px; box-sizing: border-box; font-size: 12px; }
	.item-send .list-send .send-info .send-type > a img { width: 10px; margin-right: 8px; }
	.item-send .list-send .img-group { width: 80px; height: 80px; margin-top: 15px; border-radius: 4px; box-sizing: border-box; }
	
	/*부가서비스 판매 내역*/
	.list-service-history li { padding: 20px 16px; border-bottom-width: 8px; box-sizing: border-box; }
	.list-service-history .date { font-size: 15px; letter-spacing: -0.23px; }
	.list-service-history .item-basic { padding: 15px 0; box-sizing: border-box; }
	.list-service-history .item-basic .img-group { width: 56px; height: 56px; margin-right: 11px; border-radius: 4px; box-sizing: border-box; }
	.list-service-history .item-basic .item-info { width: calc(100% - 67px); }
	.list-service-history .item-basic .item-info .tit { margin-bottom: 4px; font-size: 15px; }
	.list-service-history .item-basic .item-info .txt { font-size: 15px; }
	.list-service-history .item-basic .item-info .item-price .tit { font-size: 15px; }
	.list-service-history .item-basic .item-info .item-price .txt { font-size: 15px; margin-left: 8px; }
	.list-service-history .item-coin { padding: 16px 0 14px; box-sizing: border-box; }
	.list-service-history .item-coin .tit { font-size: 14px; }
	.list-service-history .item-coin .txt { font-size: 15px; }
	
	.box-table-tbl5 { border-radius: 10px; box-sizing: border-box; }
	.tbl5 th { width: 85px; height: 50px; padding: 16px 8px; box-sizing: border-box; font-size: 12px;  letter-spacing: -0.2px; }
	.tbl5 td { width: calc(100% - 85px); padding: 16px; box-sizing: border-box; font-size: 13px; letter-spacing: -0.2px; line-height: 19px; }
	
	/*할인 쿠폰*/
	.coupon .inp-group-coupon { top: 56px; padding: 12px 16px; border-width: 1px; box-sizing: border-box; }
	.coupon .inp-group-coupon .inp-coupon { width: calc(100% - 92px); height: 44px; padding: 0 16px; border-radius: 6px; box-sizing: border-box; font-size: 13px; letter-spacing: -0.36px; }
	.coupon .inp-group-coupon .btn-coupon { width: 84px; height: 44px; border-radius: 6px; box-sizing: border-box; font-size: 14px; }
	
	.coupon .wrap { padding: 16px; box-sizing: border-box; }
	
	.list-coupon li { height: 156px; margin-bottom: 16px; padding: 24px 20px 20px 24px; border-radius: 10px; box-sizing: border-box; }
	.list-coupon .coupon-info .coupon-price { margin-bottom: 8px; font-size: 22px; }
	.list-coupon .coupon-info .coupon-name { font-size: 16px; }
	.list-coupon .coupon-data .txt { font-size: 12px; letter-spacing: -0.33px; line-height: 18px; }
	.list-coupon .coupon-data .btn-custom { width: 77px; height: 32px; border-radius: 6px; box-sizing: border-box; font-size: 12px; }
	
	.list-coupon li.inactive { padding-bottom: 28px; box-sizing: border-box; }
	
	/*채팅상담 리스트*/
	.hd-filter { height: 52px; padding: 0 16px; box-sizing: border-box; }
	.hd-filter .tit { font-size: 14px; }
	.hd-filter .filter-group .btn-filter { width: 16px; height: 16px; }
	.hd-filter .filter-group .select-group { top: 4px; right: 6px; width: 105px; border-radius: 9px; box-sizing: border-box; }
	.hd-filter .filter-group .select-group .btn-select { font-size: 14px; letter-spacing: -0.22px; }
	.hd-filter .filter-group .select-group .btn-select:first-child { padding-top: 12px; box-sizing: border-box; background-position: calc(100% - 11px) 13px; background-size: 14px; }
	.hd-filter .filter-group .select-group .btn-select:last-child { padding-bottom: 12px; box-sizing: border-box; }
	
	.chat-list .hd3 { height: 50px; padding: 0 16px; box-sizing: border-box; }
	.chat-list .hd3 .hd-search { width: calc(100% - 26px); }
	.chat-list .hd3 .hd-search .inp-group-search .inp-search { font-size: 14px; letter-spacing: -0.35px; }
	
	.chat-list .wrap { padding-top: 8px; box-sizing: border-box; }
	
	.list-chat a { padding: 16px; box-sizing: border-box; }
	.list-chat .item-info { width: calc(100% - 50px); }
	.list-chat .item-info .img-group { width: 44px; height: 44px; margin-right: 20px; }
	.list-chat .item-info .message-info { width: calc(100% - 64px); padding-top: 1px; box-sizing: border-box; }
	.list-chat .item-info .message-info .item-name { margin-bottom: 6px; font-size: 16px; font-weight: 700; color: #181f29; letter-spacing: -0.21px; }
	.list-chat .item-info .message-info .message-preview .txt { height: 18px; font-size: 13px; letter-spacing: -0.2px; line-height: 18px; }
	.list-chat .item-info .message-info .message-preview .txt span { height: 18px; margin-right: 10px; padding: 0 5px; box-sizing: border-box; font-size: 11px; }
	.list-chat .item-data { padding-top: 1px; box-sizing: border-box; }
	.list-chat .item-data .ck-group { width: 20px; height: 20px; margin-bottom: 8px; }
	.list-chat .item-data .datetime { font-size: 12px; letter-spacing: -0.34px; }
	
	/*채팅방*/
	.chat-container .content { padding: 24px 16px; box-sizing: border-box; }
	.chat-container .chat-noti { max-width: 244px; padding: 12px; border-radius: 0 10px 10px 10px; box-sizing: border-box; font-size: 12px; letter-spacing: -0.22px; line-height: 18px; }
	
	.chat-message { margin-bottom: 24px; }
	.chat-message .img-group { width: 44px; height: 44px; margin-right: 16px; }
	.chat-message .chat-content .chat-nickname { margin-bottom: 4px; font-size: 13px; letter-spacing: -0.2px; }
	.chat-message .chat-content .balloon-group { margin-bottom: 12px; }
	.chat-message .chat-content .balloon { max-width: 164px; padding: 12px; border-radius: 0 10px 10px 10px; box-sizing: border-box; font-size: 12px; letter-spacing: -0.18px; line-height: 19px; }
	.chat-message .chat-content .chat-time { margin-left: 8px; font-size: 11px; letter-spacing: -0.31px; line-height: 15px; }
	
	.chat-message .chat-content .list-file li { width: 220px; height: 44px; margin-bottom: 12px; border-radius: 8px; box-sizing: border-box; }
	.chat-message .chat-content .list-file a { padding: 0 14px; box-sizing: border-box; }
	.chat-message .chat-content .list-file .txt { width: calc(100% - 30px); font-size: 14px; }
	.chat-message .chat-content .list-file img { width: 12px; }
	
	.chat-message .chat-content .list-photo li { width: 220px; height: 140px; margin-bottom: 12px; border-radius: 10px; box-sizing: border-box; }
	
	.chat-message-v1 .chat-content .balloon { border-radius: 0 10px 10px 10px; box-sizing: border-box; }
	.chat-message-v1 .chat-content .chat-time { margin-left: 0; margin-right: 8px; }
	
	.chat-line span { top: calc(50% - 6px); width: 60px; padding: 0 8px; box-sizing: border-box; font-size: 11px; letter-spacing: -0.31px; }
	
	.chat-tool .bar-chat { padding: 14px 16px 14px 0; box-sizing: border-box; }
	.chat-tool .bar-chat .btn-more { width: 44px; height: 45px; }
	.chat-tool .bar-chat .btn-more img { width: 17px; }
	
	.chat-tool .inp-group-chat { width: calc(100% - 44px); padding: 12px 16px; border-radius: 27px; box-sizing: border-box; }
	.chat-tool .inp-group-chat .inp-chat { height: 19px; max-height: 114px; font-size: 13px; letter-spacing: -0.2px; line-height: 19px; }
	.chat-tool .inp-group-chat .btn-send { width: 18px; height: 18px; background-size: contain; }
	
	.chat-tool .tool-box { padding: 20px 16px 57px; box-sizing: border-box; }

	/*나루 초이스*/
	.choice-group { padding: 25px 16px 20px; border-bottom-width: 8px; box-sizing: border-box; }
	.choice-group .item-basic { margin-bottom: 18px; }
	.choice-group .item-basic .img-group { width: 36px; height: 36px; margin-right: 12px; }
	.choice-group .item-basic .item-info { width: calc(100% - 48px); }
	.choice-group .item-basic .item-info .item-name { font-size: 15px; letter-spacing: -0.2px; line-height: 18px; }
	.choice-group .item-basic .item-info .item-date { margin-top: 2px; font-size: 12px; letter-spacing: -0.2px; line-height: 18px; }
	.choice-group .item-basic .btn-report { font-size: 13px; letter-spacing: -0.46px; }
	
	.choice-group .choice-question { margin-bottom: 16px; font-size: 18px; letter-spacing: -0.3px; line-height: 25px; }
	.choice-group .choice-legend { margin-bottom: 16px; }
	.choice-group .choice-legend .legend { margin-right: 15px; font-size: 12px; letter-spacing: -0.2px; line-height: 18px; }
	.choice-group .choice-legend .legend:before { width: 10px; height: 10px; margin-right: 5px; }
	
	.list-choice li { height: 32px; margin-bottom: 8px; border-radius: 4px; box-sizing: border-box; }
	.list-choice button span { padding: 0 12px; box-sizing: border-box; font-size: 13px; }
	
	.list-choice-result li:not(:last-child) { margin-bottom: 16px; }
	.list-choice-result .result { height: 32px; margin-bottom: 8px; padding: 0 12px; border-radius: 4px; box-sizing: border-box; }
	.list-choice-result .result .tit { font-size: 13px; letter-spacing: -0.22px; }
	.list-choice-result .result .percent { font-size: 14px; letter-spacing: -0.23px; }
	
	.choice-group .choice-state { margin-top: 25px; }
	.choice-group .choice-state .choice-vote-count { font-size: 13px; letter-spacing: -0.22px; line-height: 18px; }
	.choice-group .choice-state .choice-vote-count span { margin-left: 4px; }
	.choice-group .choice-state .choice-comment-count { font-size: 14px; letter-spacing: -0.5px; }
	.choice-group .choice-state .choice-comment-count img { width: 13px; margin-right: 4px; }
	
	.choice-group .choice-comment { margin-top: 17px; padding: 12px 12px 16px; border-radius: 8px; box-sizing: border-box; }
	.choice-group .choice-comment .comment-count { margin-bottom: 8px; font-size: 13px; letter-spacing: -0.22px; line-height: 18px; }
	.choice-group .choice-comment .comment-preview .img-group { width: 28px; height: 28px; margin-right: 8px; }
	.choice-group .choice-comment .comment-preview .comment-txt { width: calc(100% - 36px); font-size: 13px; letter-spacing: -0.22px; line-height: 18px; }

	.choice .vote-tip { bottom: 90px; width: 217px; height: 44px; padding: 0 11px 0 14px; border-width: 1px; border-radius: 22px; box-sizing: border-box; }
	.choice .vote-tip .txt { font-size: 12px; }
	.choice .vote-tip .txt img { width: 20px; margin-right: 6px; }
	.choice .vote-tip .btn-close { width: 16px; height: 16px; background-size: 16px; }
	
	/*나루 초이스 상세*/
	.comment-group2 .top-section { padding: 24px 16px 14px; box-sizing: border-box; }
	.comment-group2 .top-section .tit { font-size: 18px; }
	.comment-group2 .top-section .tit span { margin-left: 10px; font-size: 13px; letter-spacing: -0.22px; }
	
	.comment-group2 .inp-group-comment { padding: 10px 16px; box-sizing: border-box; }
	.comment-group2 .inp-group-comment .img-group { width: 28px; height: 28px; margin-right: 12px; }
	.comment-group2 .inp-group-comment .inp-comment { width: calc(100% - 40px); font-size: 14px; letter-spacing: -0.5px; }
	
	.list-comment2 .box { width: calc(100% - 28px); }
	.list-comment2 .comment-content { padding: 10px 16px; box-sizing: border-box; }
	.list-comment2 li:first-child .comment-content { padding-top: 16px; box-sizing: border-box; }
	.list-comment2 li:last-child .comment-content { padding-bottom: 16px; box-sizing: border-box; }
	.list-comment2 .comment-content .comment-info .img-group { width: 20px; height: 20px; margin-right: 8px; }
	.list-comment2 .comment-content .comment-info .comment-data { width: calc(100% - 38px); }
	.list-comment2 .comment-content .comment-info .comment-data > div { margin-right: 10px; }
	.list-comment2 .comment-content .comment-info .comment-data > div:not(:last-child):after { width: 2px; height: 2px; right: -7px; }
	.list-comment2 .comment-content .comment-info .comment-data .user-name { font-size: 12px; letter-spacing: -0.16px; line-height: 18px; }
	.list-comment2 .comment-content .comment-info .comment-data .datetime { font-size: 12px; letter-spacing: -0.2px; line-height: 18px; }
	.list-comment2 .comment-content .comment-info .btn-more { width: 10px; height: 10px; background-size: contain; }
	.list-comment2 .comment-content .inner { width: calc(100% - 28px); }
	.list-comment2 .comment-content .txt { font-size: 13px; letter-spacing: -0.22px; line-height: 18px; }
	.list-comment2 .comment-content .comment-tool > *:not(:last-child) { margin-right: 15px; }
	.list-comment2 .comment-content .comment-tool .btn-like { font-size: 11px; letter-spacing: -0.18px; }
	.list-comment2 .comment-content .comment-tool .btn-like img { width: 12px; }
	.list-comment2 .comment-content .comment-tool .btn-comment img { width: 11px; }
	.list-comment2 .comment-content .btn-reply { margin-top: 10px; font-size: 12px; letter-spacing: -0.2px; line-height: 18px; }


	/*나루 QUIZ 내역*/
	.list-board4 li { background-position: calc(100% - 14px); background-size: 10px; }
	.list-board4 a { padding: 12px 14px 12px 20px; box-sizing: border-box; }
	.list-board4 .num { height: 16px; padding: 0 5px; border-radius: 8px; box-sizing: border-box; font-size: 10px; letter-spacing: -0.32px; }
	.list-board4 .tit { font-size: 15px; }
	.list-board4 .board-data .datetime { font-size: 11px; }
	
	/*나루 QUIZ 상세*/
	.quiz .wrap { padding: 50px 32px 30px; box-sizing: border-box; }
	.quiz .btn-home { display: block; position: absolute; top: 15px; left: 15px; }
	.quiz .btn-guide { top: 12px; right: 15px; height: 28px; padding: 0 9px; box-sizing: border-box; font-size: 11px; letter-spacing: -0.19px; }
	.quiz .btn-guide img { width: 14px; margin-right: 4px; }
	.quiz .top-page { margin-bottom: 14px; }
	.quiz .top-page .tit img { width: 188px; margin-bottom: 5px; }
	.quiz .top-page .date { font-size: 14px; letter-spacing: -0.23px; }
	.quiz .btn-custom { height: 52px; }
	
	.quiz-question { margin-bottom: 20px; padding: 26px; border-radius: 20px; box-sizing: border-box; }
	.quiz-question .num { height: 21px; margin-bottom: 15px; padding: 0 7px; border-radius: 11px; box-sizing: border-box; font-size: 12px; letter-spacing: -0.38px; }
	.quiz-question .tit { margin-bottom: 22px; font-size: 18px; letter-spacing: -0.79px; line-height: 19px; }
	
	.list-hint li { margin-bottom: 10px; padding: 10px; border-radius: 12px; box-sizing: border-box; font-size: 12px; letter-spacing: -0.2px; line-height: 19px; }
	
	.quiz-answer { padding: 0; background: none; }
	.quiz-answer .tit { margin-bottom: 20px; font-size: 16px; }
	
	.list-quiz-option { margin-bottom: 28px; }
	.list-quiz-option li { margin-bottom: 8px; }
	
	/*나루 QUIZ 작성*/
	.quiz-write .wrap { padding: 32px 25px; box-sizing: border-box; }
	.quiz-write .box { padding: 32px 28px; border-radius: 20px; box-sizing: border-box; }
	.quiz-write .frm { margin-bottom: 26px; }
}


@media only screen and (max-width: 540px) {
	.item-view .article-group .item-timeline .inner { padding: 0 16px 50px; box-sizing: border-box; }
	.item-view .article-group .item-timeline .timeline-group .bg { display: none; }
	.item-view .article-group .item-timeline .timeline-group .bg.m { display: block; }
	
	.item-view .article-group .item-timeline .timeline-group .year-group .year { width: 13.889vw; height: 6.389vw; border-radius: 1.389vw; box-sizing: border-box; font-size: 3.611vw; }
	.item-view .article-group .item-timeline .timeline-group .year-group .year-v1 { top: -1.852vw; }
	.item-view .article-group .item-timeline .timeline-group .year-group .year-v2 { top: -1.852vw; }
	.item-view .article-group .item-timeline .timeline-group .year-group .year-v3 { top: calc(50% - 4.074vw); }
	.item-view .article-group .item-timeline .timeline-group .year-group .year-v4 { bottom: 11.5vw; left:0vw; }
	
	.item-view .article-group .item-timeline .timeline-group .spot-group .spot { width: 1.667vw; height: 1.667vw; }
	.item-view .article-group .item-timeline .timeline-group .spot-group .spot-v1 { top: 0.741vw; }
	.item-view .article-group .item-timeline .timeline-group .spot-group .spot-v2 { top: 0.741vw; left: 43.519vw; }
	.item-view .article-group .item-timeline .timeline-group .spot-group .spot-v3 { top: calc(50% - 12.037vw); right: 1.111vw; }
	.item-view .article-group .item-timeline .timeline-group .spot-group .spot-v4 { top: calc(50% - 1.667vw);  }
	.item-view .article-group .item-timeline .timeline-group .spot-group .spot-v5 { bottom:2.5vw; }
	.item-view .article-group .item-timeline .timeline-group .spot-group .spot-v6 { left: 59.259vw; bottom: 2.407vw }
	
	.item-view .article-group .item-timeline .timeline-group .spot-group .spot .bubble { width: 6.944vw; height: 8.056vw; }
	.item-view .article-group .item-timeline .timeline-group .spot-group .spot .bubble span { font-size: 5vw; }
	.item-view .article-group .item-timeline .timeline-group .spot-group .spot-v1 .bubble,
	.item-view .article-group .item-timeline .timeline-group .spot-group .spot-v2 .bubble,
	.item-view .article-group .item-timeline .timeline-group .spot-group .spot-v4 .bubble,
	.item-view .article-group .item-timeline .timeline-group .spot-group .spot-v6 .bubble { top: 3.704vw; }
	.item-view .article-group .item-timeline .timeline-group .spot-group .spot-v3 .bubble { top: calc(50% - 4.074vw); right: 4.63vw; }
	.item-view .article-group .item-timeline .timeline-group .spot-group .spot-v5 .bubble { /* top: calc(50% - 4.074vw); left: 4.63vw; */ }
	
}