/*로그인*/
.login .container { padding: 20px 0 50px; box-sizing: border-box; }
.login .img-logo { display: block; width: 220px; margin: 0 auto 20px; }
.login .inner { margin-bottom: 20px; padding: 0 20px; box-sizing: border-box; }

.frm-group-login { margin-bottom: 6px; }
.frm-group-login .inp-frm { display: block; width: 100%; height: 50px; margin-bottom: 10px; padding: 0 18px; border: 1px solid #000; border-radius: 6px; box-sizing: border-box; font-size: 14px; font-weight: 500; color: #000; }
.frm-group-login .inp-frm:last-child { margin-bottom: 0; }

.login .login-util { display: flex; justify-content: space-between; align-items: center; }
.login .login-util .link-find { font-size: 10px; font-weight: 400; color: #585858; text-align: right; letter-spacing: -0.3px; }

.login .login-info { margin-bottom: 14px; }
.login .login-info .txt { font-size: 14px; font-weight: 400; color: #000; text-align: center; letter-spacing: -0.42px; line-height: 28px; }
.login .login-info .txt:last-child { margin-bottom: 0; }
.login .login-info .txt span { position: relative; z-index: 1; font-weight: 500; }
.login .login-info .txt span:before { content: ''; display: block; position: absolute; left: 0; right: 0; bottom: 0; z-index: -1; width: 100%; height: 9px; background: rgba(52, 247, 255, 0.47); }
.login .login-info .txt span.v1:before { background: rgba(247, 215, 41, 0.47); }

.login .btn-group { margin-bottom: 15px; }
.login .btn-sns { display: flex; justify-content: center; align-items: center; width: calc(100% - 40px); height: 50px; margin: 0 auto; border-radius: 6px; box-sizing: border-box; background: #f7d729; font-size: 14px; font-weight: 500; color: #000; letter-spacing: -0.42px; }
.login .btn-sns img { width: 23px; }

.btn-sns { display: flex; justify-content: center; align-items: center; width: calc(100% - 40px); height: 50px; margin: 0 auto; border-radius: 6px; box-sizing: border-box; background: #f7d729; font-size: 14px; font-weight: 500; color: #000; letter-spacing: -0.42px; }
.btn-sns img { width: 23px; }
/*.btn-group { margin-bottom:15px; }*/


/*회원가입*/
.sign .container { padding: 35px 0 50px; box-sizing: border-box; }
.sign .top-page { margin-bottom: 30px; font-family: 'PyeongChang'; font-size: 20px; font-weight: 700; color: #000; letter-spacing: -0.6px; }

.agree-group { margin: 17px 0 35px; }
.agree-group .ck-group { display: flex; align-items: center; }
.agree-group .ck-group .btn-view { border: none; background: none; font-size: 13px; font-weight: 400; color: #000; text-decoration: underline; letter-spacing: -0.39px; }
.agree-group .agree-warn {margin-top: 5px;  font-size: 11px; font-weight: 400; color: #626262; letter-spacing: -0.35px; }

.agree-group .sign-policy { display: none; margin-top: 10px; padding: 10px 15px 18px; box-sizing: border-box; background: #f2f2f2; }
.agree-group .sign-policy.active { display: block; }
.agree-group .sign-policy .tit { margin-bottom: 8px; padding: 5px 0; border-bottom: 1px solid #000; box-sizing: border-box; font-size: 13px; font-weight: 700; color: rgba(0, 0, 0, 0.68); letter-spacing: -0.4px; }
.agree-group .sign-policy .txt { font-size: 12px; font-weight: 400; color: rgba(0, 0, 0, 0.68); letter-spacing: -0.8px; line-height: 21px; word-break: break-all; }

.agree-group .sign-policy1 { display: none; margin-top: 10px; padding: 10px 15px 18px; box-sizing: border-box; background: #f2f2f2; }
.agree-group .sign-policy1.active { display: block; }
.agree-group .sign-policy1 .tit { margin-bottom: 8px; padding: 5px 0; border-bottom: 1px solid #000; box-sizing: border-box; font-size: 13px; font-weight: 700; color: rgba(0, 0, 0, 0.68); letter-spacing: -0.4px; }
.agree-group .sign-policy1 .txt { font-size: 12px; font-weight: 400; color: rgba(0, 0, 0, 0.68); letter-spacing: -0.8px; line-height: 21px; word-break: break-all; }

.agree-group .sign-policy2 { display: none; margin-top: 10px; padding: 10px 15px 18px; box-sizing: border-box; background: #f2f2f2; }
.agree-group .sign-policy2.active { display: block; }
.agree-group .sign-policy2 .tit { margin-bottom: 8px; padding: 5px 0; border-bottom: 1px solid #000; box-sizing: border-box; font-size: 13px; font-weight: 700; color: rgba(0, 0, 0, 0.68); letter-spacing: -0.4px; }
.agree-group .sign-policy2 .txt { font-size: 12px; font-weight: 400; color: rgba(0, 0, 0, 0.68); letter-spacing: -0.8px; line-height: 21px; word-break: break-all; }

.agree-group .sign-policy3 { display: none; margin-top: 10px; padding: 10px 15px 18px; box-sizing: border-box; background: #f2f2f2; }
.agree-group .sign-policy3.active { display: block; }
.agree-group .sign-policy3 .tit { margin-bottom: 8px; padding: 5px 0; border-bottom: 1px solid #000; box-sizing: border-box; font-size: 13px; font-weight: 700; color: rgba(0, 0, 0, 0.68); letter-spacing: -0.4px; }
.agree-group .sign-policy3 .txt { font-size: 12px; font-weight: 400; color: rgba(0, 0, 0, 0.68); letter-spacing: -0.8px; line-height: 21px; word-break: break-all; }

.agree-group .sign-policy4 { display: none; margin-top: 10px; padding: 10px 15px 18px; box-sizing: border-box; background: #f2f2f2; }
.agree-group .sign-policy4.active { display: block; }
.agree-group .sign-policy4 .tit { margin-bottom: 8px; padding: 5px 0; border-bottom: 1px solid #000; box-sizing: border-box; font-size: 13px; font-weight: 700; color: rgba(0, 0, 0, 0.68); letter-spacing: -0.4px; }
.agree-group .sign-policy4 .txt { font-size: 12px; font-weight: 400; color: rgba(0, 0, 0, 0.68); letter-spacing: -0.8px; line-height: 21px; word-break: break-all; }

/*회원정보 수정*/
.privacy .container { padding: 35px 0 50px; box-sizing: border-box; }
.privacy .top-page { margin-bottom: 30px; font-family: 'PyeongChang'; font-size: 20px; font-weight: 700; color: #000; letter-spacing: -0.6px; }
.privacy .btn-custom { margin-top: 25px; }


/*회원가입 완료*/
.sign-complete .container { padding-bottom: 0; }
.sign-complete .complete-message { padding: 40px 15px 25px; border-bottom: 10px solid #f7f7f7; box-sizing: border-box; }
.sign-complete .complete-message .tit { margin-bottom: 2px; font-family: 'PyeongChang'; font-size: 20px; font-weight: 700; color: #000; letter-spacing: -0.6px; }
.sign-complete .complete-message .txt { font-family: 'PyeongChang'; font-size: 16px; font-weight: 400; color: #000; letter-spacing: -0.48px; }
.sign-complete .complete-message .txt span { position: relative; z-index: 1; font-weight: 700; }
.sign-complete .complete-message .txt span:before { content: ''; display: block; position: absolute; left: 0; right: 0; bottom: 0; z-index: -1; width: 100%; height: 9px; background: rgba(52, 247, 255, 0.47); }

.sign-complete .wrap { padding: 35px 0; box-sizing: border-box; }
.sign-complete .top-page { width: calc(100% - 30px); margin: 0 auto 30px; font-family: 'PyeongChang'; font-size: 20px; font-weight: 700; color: #000; letter-spacing: -0.6px; }
.sign-complete .top-page .tit { display: inline-block; position: relative; }
.sign-complete .top-page .tit .txt { position: relative; z-index: 1; }
.sign-complete .top-page .tit .txt:after { content: ''; display: block; position: absolute; top: 0; right: -3px; width: 3px; height: 3px; border-radius: 50%; box-sizing: border-box; background: #34f7ff; }
.sign-complete .top-page .tit .highlight { display: block; position: absolute; left: 0; right: 0; bottom: 0; width: 100%; height: 9px; background: rgba(52, 247, 255, 0.47); }

.list-ranking { display: flex; margin-bottom: 35px; padding: 0 15px; box-sizing: border-box; overflow-y: auto; }
.list-ranking:last-child { margin-bottom: 0; }
.list-ranking li { margin-right: 26px; }
.list-ranking li:last-child { margin-right: 0; }

.ranking-group { display: block; }
.ranking-group .img-group { position: relative; width: 120px; height: 120px; }
.ranking-group .img-group .thumb { border-radius: 50%; box-sizing: border-box; }
.ranking-group .img-group .num { position: absolute; top: 0; left: 0; font-family: 'PyeongChang'; font-size: 31px; font-weight: 700; color: #34f7ff; text-shadow: -1px 0 #000, 0 1px #000, 1px 0 #000, 0 -1px #000; }
.ranking-group .img-group .num:after { content: ''; display: block; position: absolute; left: 0; right: 0; bottom: 2px; width: 100%; height: 3px; background: #34f7ff; border:1px solid #000; }
.ranking-group .user-name { margin-top: 6px; font-size: 15px; font-weight: 500; color: #000; text-align: center; }


/*메인*/
.slide-banner { margin-bottom: 10px; }
.slide-banner .swiper { padding: 20px 15px 15px; box-sizing: border-box; }
.slide-banner .swiper .swiper-slide { height: 133px; border-radius: 10px; box-sizing: border-box; overflow: hidden; }

.slide-banner .navigation-group { display: flex; justify-content: center; align-items: center; position: relative; width: 100px; margin: 0 auto; }
.slide-banner .navigation-group .swiper-button-prev,
.slide-banner .navigation-group .swiper-button-next { position: absolute; top: calc(50% - 7.5px); width: 15px; height: 15px; margin: 0; background: center center no-repeat; background-size: contain; }
.slide-banner .navigation-group .swiper-button-prev:after,
.slide-banner .navigation-group .swiper-button-next:after { display: none; }
.slide-banner .navigation-group .swiper-button-prev { background-image: url('/app_type_2/img/ico_arrow_prev1_on.png'); }
.slide-banner .navigation-group .swiper-button-next { background-image: url('/app_type_2/img/ico_arrow_next1_on.png'); }
.slide-banner .navigation-group .swiper-button-prev-disabled { background-image: url('/app_type_2/img/ico_arrow_prev1_off.png'); }
.slide-banner .navigation-group .swiper-button-next-disabled { background-image: url('/app_type_2/img/ico_arrow_next1_off.svg'); }

.slide-banner .swiper-pagination { display: flex; align-items: center; position: static; width: auto; font-family: 'PyeongChang'; font-size: 12px; font-weight: 700; color: #030303; letter-spacing: -0.6px; }
.slide-banner .swiper-pagination-total { color: #cecece; }
.slide-banner .swiper-pagination span { margin: 0 2px; }


/*메인 2*/
.main2 .noti { display: flex; justify-content: space-between; align-items: center; height: 40px; /* margin-bottom: 22px; */ padding: 0 15px; box-sizing: border-box; background: #f7f7f7; }
.main2 .noti .tit { font-size: 12px; font-weight: 400; color: #000; letter-spacing: -0.6px; }
.main2 .noti .tit img { margin-right: 8px; }
.main2 .noti .datetime { display: flex; justify-content: flex-end; align-items: center; font-size: 12px; font-weight: 400; color: #585858; text-align: right; letter-spacing: -0.6px; }
.main2 .noti .datetime img { width: 11px; margin-left: 4px; }
.main2 .slide-banner .swiper { padding: 0 15px; box-sizing: border-box; }

.slide-item { margin-bottom: 30px; }
.slide-item:last-child { margin-bottom: 0; }
.slide-item .top-section { display: flex; justify-content: space-between; align-items: center; margin-bottom: 16px; padding: 0 15px; box-sizing: border-box; }
.slide-item .top-section .tit { font-size: 16px; font-weight: 500; color: #000; letter-spacing: -0.48px; }
.slide-item .top-section .btn { display: flex; justify-content: flex-end; align-items: center; font-size: 10px; font-weight: 500; color: #000; letter-spacing: -0.3px; }
.slide-item .top-section .btn img { width: 8px; margin-left: 2px; }

.slide-item .swiper { padding: 0 15px; box-sizing: border-box; }
.slide-item .img-group { position: relative; margin-bottom: 5px; border-radius: 10px; box-sizing: border-box; overflow: hidden; }
.slide-item .img-group .ico-live { position: absolute; top: 7px; left: 7px; }

.slide-item .img-group .badge { position: absolute; top: 0; left: 0; width: 0; height: 0; border-top: 18px solid #000; border-left: 18px solid #000; border-right: 18px solid transparent; border-bottom: 18px solid transparent; }
.slide-item .img-group .badge:after { content: 'new'; display: block; position: absolute; top: -13px; left: -15px; transform: rotate(-45deg); font-size: 10px; font-weight: 700; color: #34f7ff; text-align: center; letter-spacing: -0.3px; }

.slide-item .img-group .badgebest { position: absolute; top: 0; left: 0; width: 0; height: 0; border-top: 18px solid #000; border-left: 18px solid #000; border-right: 18px solid transparent; border-bottom: 18px solid transparent; }
.slide-item .img-group .badgebest:after { content: 'best'; display: block; position: absolute; top: -13px; left: -15px; transform: rotate(-45deg); font-size: 10px; font-weight: 700; color: #34f7ff; text-align: center; letter-spacing: -0.3px; }


.slide-item .item-info .item-name { margin-bottom: 3px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 13px; font-weight: 500; color: #000; }
.slide-item .item-info .item-data { display: flex; align-items: center; }
.slide-item .item-info .item-data > div { display: flex; align-items: center; margin-right: 4px; font-size: 9px; font-weight: 400; color: #000; letter-spacing: -0.2px; }
.slide-item .item-info .item-data > div:last-child { margin-right: 0; }
.slide-item .item-info .item-data > div img { width: 9px; margin-right: 3px; }


/*검색*/
.search .container { padding-top: 25px; box-sizing: border-box; }
.search .box { margin-bottom: 17px; }
.search .box:last-child { margin-bottom: 0; }

.search .search-group { display: flex; justify-content: space-between; align-items: center; height: 50px; margin-bottom: 20px; border: 1px solid #000; border-radius: 6px; box-sizing: border-box; }
.search .search-group .inp-search { width: calc(100% - 47px); height: 100%; padding-left: 15px; border: none; box-sizing: border-box; background: none; font-size: 15px; font-weight: 500; color: #000; }
.search .search-group .btn-search { width: 47px; height: 100%; border: none; background: url('/app_type_2/img/ico_search1.png') center center no-repeat; background-size: 21px; }

.search .top-page { display: flex; justify-content: center; align-items: center; margin-bottom: 10px; font-size: 15px; font-weight: 700; color: #000; text-align: center; }
.search .top-page img { margin-left: 10px; zoom: 0.5; }

.search .list-recent-keyword { display: flex; flex-wrap: wrap; align-items: center; }
.search .list-recent-keyword li { display: flex; justify-content: space-between; align-items: center; height: 24px; margin-right: 10px; margin-bottom: 10px; padding: 0 6px; border-radius: 6px; box-sizing: border-box; background: #efefef; }
.search .list-recent-keyword li:last-child { margin-right: 0; }
.search .list-recent-keyword a { margin-right: 5px; font-size: 12px; font-weight: 400; color: #9a9a9a; }
.search .list-recent-keyword .btn-delete { width: 8px; height: 14px; border: none; background: url('/app_type_2/img/ico_x2.svg') center center no-repeat; }

.search .list-hot-keyword li { margin-bottom: 2px; border-bottom: 1px solid #f1f1f1; box-sizing: border-box; }
.search .list-hot-keyword li:last-child { margin-bottom: 0; border-bottom: none; }
.search .list-hot-keyword a { display: flex; align-items: center; padding: 9px 0; box-sizing: border-box; }
.search .list-hot-keyword .num { width: 20px; font-family: 'PyeongChang'; font-size: 11px; font-weight: 700; color: #000; letter-spacing: -0.33px; }
.search .list-hot-keyword .tit { width: calc(100% - 20px); font-size: 15px; font-weight: 400; color: #000; letter-spacing: -0.45px; }


/*아이템 상세 > 프로필*/
.item-view { padding-bottom: 73px; box-sizing: border-box; }
.item-view .container { padding-bottom: 0px; }
.item-view .wrap { padding: 20px 15px 25px; box-sizing: border-box; }
.item-view .item-gallery { height: 65.600vw; max-height: 275px; background:url('/app_type_2/img/dj-bg-img.png');background-size:cover;  }
.item-view .item-basic { position: relative; padding-bottom: 20px; border-bottom: 1px solid #000; box-sizing: border-box; }
.item-view .item-info .item-name { display: flex; align-items: center; margin-bottom: 5px; }
.item-view .item-info .item-name .name { font-size: 19px; font-weight: 700; color: #000; letter-spacing: -0.6px; }
.item-view .item-info .item-name .num { position: relative; font-size: 19px; font-weight: 700; color: #000; letter-spacing: -0.6px; }
.item-view .item-info .item-name .num .txt { position: relative; z-index: 1; }
.item-view .item-info .item-name .num .highlight { display: block; position: absolute; left: 0; right: 0; bottom: 0; height: 9px; margin: 0 auto; background: rgba(52, 247, 255, 0.47); }
.item-view .item-info .item-name .btn-share { width: 20px; height: 20px; margin-left: 8px; border: none; background: url('/app_type_2/img/ico_share1.png') center center no-repeat; background-size: contain; }

.item-view .item-info .item-price { display: flex; align-items: center;  font-size: 15px; font-weight: 500; color: #000; letter-spacing: -0.45px; }
.item-view .item-info .item-price img { width: 15px; margin-right: 2px; }
.item-view .item-info .item-price .v1 { margin-left: 4px; font-weight: 400; color: #585858; }

.item-view .sns-group { display: flex; justify-content: flex-end; align-items: center; position: absolute; top: 0; right: 0; }
.item-view .sns-group a { margin-right: 6px; }
.item-view .sns-group a:last-child { margin-right: 0; }

.item-view .item-greeting { display: flex; align-items: center; margin-bottom: 20px; padding: 15px 0; border-bottom: 1px solid #000; box-sizing: border-box; }
.item-view .item-greeting .tit { width: 55px; font-size: 19px; font-weight: 700; color: #000; letter-spacing: -0.57px; }
.item-view .item-greeting .voice-group { display: flex; justify-content: space-between; align-items: center; width: calc(100% - 60px); }
.item-view .item-greeting .voice-group .time { width: 23px; font-size: 10px; font-weight: 300; color: #8e8e8e; letter-spacing: -0.3px; }
.item-view .item-greeting .voice-group .play-group { position: relative; width: calc(100% - 80px); height: 6px; border-radius: 3px; box-sizing: border-box; background: #f0f0f0; }
.item-view .item-greeting .voice-group .play-group .play { position: absolute; top: 0; left: 0; height: 100%; border-radius: 3px; box-sizing: border-box; background: #00fbff; }
.item-view .item-greeting .voice-group .btn-play { width: 26px; height: 26px; border: none; background: url('/app_type_2/img/ico_play1.svg') center center no-repeat; }

.item-view .item-noti { margin-bottom: 30px; padding: 0 12px; border-radius: 6px; box-sizing: border-box; background: #8e8e8e; }
.item-view .item-noti .fold { display: flex; align-items: center; padding: 14px 0; box-sizing: border-box; background: url('/app_type_2/img/ico_arrow_bottom2.png') right center no-repeat; background-size: 12px; cursor: pointer; }
.item-view .item-noti .fold .tit { position: relative; max-width: calc(100% - 20px); padding-left: 30px; box-sizing: border-box; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 16px; font-weight: 500; color: #fff; letter-spacing: -0.5px; }
.item-view .item-noti .fold .tit:before { content: ''; display: block; position: absolute; top: calc(50% - 9.5px); left: 0; width: 19px; height: 19px; background: url('/app_type_2/img/ico_loudspeaker1.png') center center no-repeat; background-size: 19px; }
.item-view .item-noti .unfold { display: none; padding: 15px 0; box-sizing: border-box; border-top: 1px solid #fff; box-sizing: border-box; }
.item-view .item-noti .unfold.active { display: block; }
.item-view .item-noti .unfold .txt { font-size: 14px; font-weight: 400; color: #fff; letter-spacing: -0.4px; }

.item-view .top-page { margin-bottom: 12px; font-family: 'PyeongChang'; font-size: 19px; font-weight: 700; color: #000; letter-spacing: -0.6px; }

.item-view .best-fan { margin-bottom: 35px; padding-bottom: 5px; border-bottom: 1px solid #000; box-sizing: border-box; }
.item-view .best-fan .fold { display: flex; align-items: center; padding: 10px 0; box-sizing: border-box; background: url('/app_type_2/img/ico_arrow_bottom3.png') right center no-repeat; background-size: 12px; cursor: pointer; }
.item-view .best-fan .unfold { display: none; }
.item-view .best-fan .unfold.active { display: block; }
.item-view .best-fan .list-fan li { display: flex; align-items: center; padding: 10px 0; box-sizing: border-box; }
.item-view .best-fan .num { width: 25px; font-family: 'PyeongChang'; font-weight: 700; color: #000; letter-spacing: -0.3px; }
.item-view .best-fan .num img { width: 15px; }
.item-view .best-fan .tit { width: calc(100% - 50px); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 15px; font-weight: 400; color: #000; letter-spacing: -0.45px; }

.item-view .self-introduction .txt-group { padding: 25px 12px; border-radius: 6px; box-sizing: border-box; background: #f7f7f7; }
.item-view .self-introduction .txt-group .txt { font-size: 15px; font-weight: 400; color: #000; letter-spacing: -0.45px; }

.item-view .btn-group-bottom { display: flex; align-items: center; position: fixed; left: 0; right: 0; bottom: 0; z-index: 100; width: 100%; max-width: 600px; height: 73px; margin: 0 auto; padding: 17px 15px; box-sizing: border-box; background: #ff4e00; }
.item-view .btn-group-bottom .ck-group { width: 70px; }
.item-view .btn-group-bottom .btn-group { width: calc(100% - 70px); }
.item-view .btn-group-bottom .btn-group .btn { width: calc(50% - 4px); height: 40px; border: none; border-radius: 6px; box-sizing: border-box; background: #fff; font-family: 'PyeongChang'; font-size: 16px; font-weight: 400; color: #000; letter-spacing: -0.8px; }
.item-view .btn-group-bottom .btn-group .btn-v0 { background: #fff; color: #000; }
.item-view .btn-group-bottom .btn-group .btn-v1 { background: #40f7ff; }
.item-view .btn-group-bottom .btn-group .btn-v2 { background: #8e8e8e; color: #fff; }
.item-view .btn-group-bottom .btn-group .btn-v3 { background: #000; color: #fff; }
.item-view .btn-group-bottom .btn-group .btn img { margin-right: 6px; zoom: 0.5; }
.item-view .btn-group-bottom .btn-group .btn span { font-size: 11px; }


/*아이템 상세 > 게시판*/
.item-view .wrap > .btn-custom { height: 45px; margin-bottom: 34px; }

.list-board2 li { margin-bottom: 25px; border-bottom: 1px solid #000; box-sizing: border-box; }
.list-board2 li:last-child { margin-bottom: 0; border-bottom: none; }

.user-info { display: flex; align-items: center; position: relative; }
.user-info .user-photo { width: 38px; height: 38px; margin-right: 8px; border-radius: 50%; box-sizing: border-box; overflow: hidden; }
.user-info .user-detail { width: calc(100% - 58px); }
.user-info .user-detail .user-name { font-size: 15px; font-weight: 400; color: #000; letter-spacing: -0.45px; }
.user-info .user-detail .user-name span { font-weight: 500; }
.user-info .user-detail .user-data { display: flex; align-items: center; }
.user-info .user-detail .user-data > div { display: flex; align-items: center; position: relative; margin-right: 10px; font-size: 10px; font-weight: 400; color: #585858; letter-spacing: -0.3px; }
.user-info .user-detail .user-data > div:last-child { margin-right: 0; }
.user-info .user-detail .user-data > div:after { content: ''; display: block; position: absolute; top: calc(50% - 4px); right: -6px; width: 1px; height: 8px; background: #585858; }
.user-info .user-detail .user-data > div:last-child:after { display: none; }
.user-info .user-detail .user-data > div img { margin-right: 2px; zoom: 0.5; }
.user-info .btn-more { position: absolute; top: calc(50% - 6px); right: 0; width: 12px; height: 12px; border: none; background: url('/app_type_2/img/ico_menu1.png') right center no-repeat; background-size: 2px; }
.user-info .btn-write { position: absolute; top: calc(50% - 12px); right: 0; width: 24px; height: 24px; border: none; background: url('/app_type_2/img/ico_memo1.png') center center no-repeat; background-size: contain; }
.user-info .btn-detail { position: absolute; top: calc(50% - 11px); right: 0; height: 22px; padding: 0 5px; border: none; border-radius: 6px; box-sizing: border-box; background: #ff4e00; font-size: 12px; font-weight: 500; color: #fff; text-align: center; }

/*아이템 상세 > 소통후기 및 통화문의*/
.item-view .top { margin-bottom: 15px; }
.item-view .top .top-banner { margin-bottom: 8px; }
.item-view .top textarea { display: block; width: 100%; height: 154px; margin-bottom: 8px; padding: 12px; border: 1px solid #000; border-radius: 6px; box-sizing: border-box; font-size: 13px; font-weight: 400; color: #000; letter-spacing: -0.4px; line-height: 21px; }
.item-view .top .top-info { position: relative; margin-bottom: 9px; }
.item-view .top .top-info .tit { font-size: 13px; font-weight: 400; color: #000; text-align: center; letter-spacing: -0.4px; }
.item-view .top .top-info a { position: absolute; top: calc(50% - 7.5px); right: 0; font-size: 10px; font-weight: 400; color: #585858; letter-spacing: -0.3px; text-decoration: underline; }
.item-view .top .ck-group { display: flex; justify-content: flex-end; margin-top: 4px; text-align: right; }

.user-info-v1 .user-detail { display: flex; align-items: flex-end; width: 100%; }
.user-info-v1 .user-detail .user-name { margin-right: 8px; font-size: 14px; font-weight: 500; }

.community-content { padding: 15px 0 25px; box-sizing: border-box; }
.community-content > .txt { font-size: 13px; font-weight: 400; color: #000; letter-spacing: -0.4px; word-wrap:break-word; }
.community-content .txt .ico-lock { width: 14px; margin-left: 3px; vertical-align: -1px; }
.community-content .img-group { display: flex; justify-content: space-between; align-items: center; margin-top: 20px; }
.community-content .img-group .thumb { height: 208px; border-radius: 6px; box-sizing: border-box; }
.community-content .img-group-v1 .thumb { width: calc(50% - 4.5px); height: 168px; }

.comment-group { margin-top: 15px; padding: 0 12px; border-radius: 6px; box-sizing: border-box; background: #f7f7f7; }
.comment-group .comment-info { display: flex; justify-content: space-between; align-items: flex-end; padding: 14px 0 4px; border-bottom: 1px solid #000; box-sizing: border-box; }
.comment-group .comment-info .user-name { font-size: 14px; font-weight: 500; color: #000; letter-spacing: -0.4px; }
.comment-group .comment-info .comment-date { font-size: 10px; font-weight: 400; color: #585858; letter-spacing: -0.3px; }
.comment-group .txt { padding: 15px 0 20px; box-sizing: border-box; font-size: 13px; font-weight: 400; color: #000; letter-spacing: -0.4px; }


/*마이페이지*/
.mypage .container { padding-bottom: 35px; box-sizing: border-box; }
.mypage .my-info { display: flex; align-items: center; position: relative; padding: 35px 0; border-bottom: 1px solid #000; box-sizing: border-box; }
.mypage .my-info .my-photo { width: 44px; height: 44px; margin-right: 9px; border-radius: 50%; box-sizing: border-box; overflow: hidden; }
.mypage .my-info .my-data .my-name { font-size: 13px; font-weight: 400; color: #000; letter-spacing: -0.3px; }
.mypage .my-info .my-data .my-coin { display: flex; align-items: center; font-size: 14px; font-weight: 400; color: #000; letter-spacing: -0.7px; }
.mypage .my-info .my-data .my-coin img { width: 14px; margin-right: 3px; }
.mypage .my-info .my-data .my-coin .num { position: relative; margin: 04px; }
.mypage .my-info .my-data .my-coin .num strong { position: relative; z-index: 1; }
.mypage .my-info .my-data .my-coin .num .highlight { display: block; position: absolute; left: 0; right: 0; bottom: 0; height: 9px; margin: 0 auto; background: rgba(52, 247, 255, 0.47); }
.mypage .my-info .btn-group { display: flex; justify-content: flex-end; align-items: center; position: absolute; top: calc(50% - 15px); right: 0; }
.mypage .my-info .btn-group .btn { display: flex; justify-content: center; align-items: center; width: 75px; height: 30px; margin-right: 9px; border: 1px solid #000; border-radius: 6px; box-sizing: border-box; background: #fff; font-size: 10px; font-weight: 400; color: #000; letter-spacing: -0.3px; }
.mypage .my-info .btn-group .btn:last-child { margin-right: 0; }
.mypage .my-info .btn-group .btn-v1 { background: #000; color: #fff; }
.mypage .my-info .btn-group .btn-v2 { width: 48px; border: none; background: #40f7ff; }

.my-menu .top a { display: block; padding: 25px 0; box-sizing: border-box; background: url('/app_type_2/img/ico_arrow_right1.png') right center no-repeat; background-size: 12px; font-size: 16px; font-weight: 500; color: #000; letter-spacing: -0.48px; }
.my-menu .btn-logout { display: block; padding: 17px 0; box-sizing: border-box; font-size: 13px; font-weight: 500; color: #000; letter-spacing: -0.4px; }

.list-menu li { border-top: 1px solid #ededed; box-sizing: border-box; }
.list-menu li:last-child { border-bottom: 1px solid #000; box-sizing: border-box; }
.list-menu a { display: flex; align-items: center; padding: 14px 0; box-sizing: border-box; }
.list-menu .ico { width: 17px; }
.list-menu .ico img { zoom: 0.5; }
.list-menu .tit { font-size: 13px; font-weight: 400; color: #000; letter-spacing: -0.4px; }


/*나의 픽*/
.mypick .container { padding-bottom: 35px; box-sizing: border-box; }
.mypick .wrap { padding-top: 15px; box-sizing: border-box; }
.mypick .item-group { margin-bottom: 35px; }
.mypick .item-group:last-child { margin-bottom: 0; }


/*랭킹*/
.ranking .container { padding-bottom: 0; }
.ranking .wrap { padding: 15px; box-sizing: border-box; }

.month-ranking { padding: 15px; border-bottom: 10px solid #f7f7f7; box-sizing: border-box; }
.month-ranking .top-page { display: flex; justify-content: space-between; align-items: center; margin-bottom: 25px; }
.month-ranking .top-page .tit { display: flex; align-items: center; font-size: 15px; font-weight: 700; color: #000; }
.month-ranking .top-page .tit img { width: 15px; margin-left: 4px; }
.month-ranking .top-page .btn-filter { display: block; width: 17px; height: 17px; border: none; background: url('/app_type_2/img/ico_filter1.png') center center no-repeat; background-size: contain; }

.list-ranking2 { display: flex; justify-content: space-between; align-items: center; }
.list-ranking2 li:not(.active) .ranking-group .img-group { width: 92px; height: 92px; /*opacity: .6;*/ }
.list-ranking2 li:not(.active) .ranking-group .img-group .num { font-size: 26px; }
.list-ranking2 li:not(.active) .ranking-group .img-group .num:after { height: 2px; }
.list-ranking2 li:not(.active) .ranking-group .user-name { color: #bababa; }

.month-ranking .ranking-detail { display: flex; flex-direction: column; justify-content: center; align-items: center; margin-top: 4px; }
.month-ranking .ranking-detail .txt-group { display: flex; justify-content: center; align-items: center; height: 17px; margin-bottom: 4px; padding: 0 6px; border: 1px solid #000; border-radius: 6px; box-sizing: border-box; }
.month-ranking .ranking-detail .txt-group:last-child { margin-bottom: 0; }
.month-ranking .ranking-detail .txt-group .tit { position: relative; margin-right: 8px; font-size: 11px; font-weight: 400; color: #000; letter-spacing: -0.65px; }
.month-ranking .ranking-detail .txt-group .tit:after { content: ''; display: block; position: absolute; top: calc(50% - 4px); right: -5px; width: 1px; height: 8px; background: #000; }
.month-ranking .ranking-detail .txt-group .txt { font-size: 11px; font-weight: 400; color: #2ab4c6; letter-spacing: -0.65px; }

.list-ranking3 li { padding: 10px 0; border-bottom: 1px solid #ededed; box-sizing: border-box; }
.list-ranking3 li:last-child { border-bottom: none; }
.list-ranking3 .ranking-group { display: flex; align-items: center; }
.list-ranking3 .ranking-group .img-group { width: 63px; height: 63px; margin-right: 10px; }
.list-ranking3 .ranking-group .img-group .num { font-size: 16px; }
.list-ranking3 .ranking-group .img-group .num:after { bottom: 0; height: 2px; }
.list-ranking3 .ranking-group .ranking-data { width: calc(100% - 73px); }
.list-ranking3 .ranking-group .ranking-data .user-name { margin-top: 0; text-align: left; }
.list-ranking3 .ranking-group .ranking-data .ranking-detail { display: flex; align-items: center; }
.list-ranking3 .ranking-group .ranking-data .ranking-detail .txt-group { display: flex; align-items: center; margin-right: 8px; }
.list-ranking3 .ranking-group .ranking-data .ranking-detail .txt-group:last-child { margin-right: 0; }
.list-ranking3 .ranking-group .ranking-data .ranking-detail .txt-group .tit { position: relative; margin-right: 8px; font-size: 11px; font-weight: 400; color: #000; letter-spacing: -0.65px; }
.list-ranking3 .ranking-group .ranking-data .ranking-detail .txt-group .tit:after { content: ''; display: block; position: absolute; top: calc(50% - 4px); right: -5px; width: 1px; height: 8px; background: #000; }
.list-ranking3 .ranking-group .ranking-data .ranking-detail .txt-group .txt { font-size: 11px; font-weight: 400; color: #2ab4c6; letter-spacing: -0.65px; }


/*공지사항*/
.list-board li { border-bottom: 1px solid #ededed; box-sizing: border-box; }
.list-board a { display: block; position: relative; padding: 20px 0; box-sizing: border-box; }
.list-board .board-info { display: flex; justify-content: space-between; align-items: center; margin-bottom: 5px; }
.list-board .board-info .noti { display: flex; align-items: center; font-size: 10px; font-weight: 400; color: #585858; letter-spacing: -0.3px; }
.list-board .board-info .noti img { margin-right: 8px; zoom: 0.5; }
.list-board .board-info .date { font-size: 10px; font-weight: 400; color: #585858; letter-spacing: -0.3px; }
.list-board .tit { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 15px; font-weight: 500; color: #000; letter-spacing: -0.45px; }


/*공지사항 상세*/
.notice-view .container { padding-bottom: 35px; box-sizing: border-box; }
.top-board { padding: 25px 0 15px; border-bottom: 1px solid #000; box-sizing: border-box; }
.top-board .board-info { display: flex; justify-content: space-between; align-items: center; margin-bottom: 10px; }
.top-board .board-info .noti { display: flex; align-items: center; font-size: 10px; font-weight: 700; color: #000; letter-spacing: -0.3px; }
.top-board .board-info .noti img { margin-right: 8px; zoom: 0.5; }
.top-board .board-info .date { font-size: 10px; font-weight: 400; color: #585858; letter-spacing: -0.3px; }
.top-board .tit { font-size: 16px; font-weight: 500; color: #000; letter-spacing: -0.5px; }

.board-content { padding: 20px 0 30px; box-sizing: border-box; }
.board-content .txt { margin-bottom: 27px; font-size: 13px; font-weight: 400; color: #000; letter-spacing: -0.4px; }
.board-content img { display: block; width: 100%; }

.board-navigation a { display: flex; align-items: center; padding: 15px 0; border-bottom: 1px solid #ededed; box-sizing: border-box; }
.board-navigation a:first-child { border-top: 1px solid #ededed; box-sizing: border-box; }
.board-navigation .btn { display: flex; align-items: center; margin-right: 8px; font-size: 10px; font-weight: 700; color: #9a9a9a; letter-spacing: -0.3px; }
.board-navigation .btn img { margin-right: 3px; }
.board-navigation .tit { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 12px; font-weight: 500; color: #000; letter-spacing: -0.35px; }


/*1:1 문의*/
.inquiry-info { padding: 10px 5px 10px; border-bottom: 10px solid #f7f7f7; box-sizing: border-box; }
.inquiry-info .tit-group { display: inline-block; position: relative; margin-bottom: 5px; }
.inquiry-info .tit-group .tit { position: relative; z-index: 1; font-size: 15px; font-weight: 700; color: #000; letter-spacing: -0.45px; }
.inquiry-info .tit-group .highlight { display: block; position: absolute; left: 0; right: 0; bottom: 0; height: 9px; margin: 0 auto; background: rgba(52, 247, 255, 0.47); }
.inquiry-info .txt-group { margin-bottom: 5px; }
.inquiry-info .txt-group > div { display: flex; align-items: center; }
.inquiry-info .txt-group .tit { margin-right: 4px; font-size: 13px; font-weight: 500; color: #000; letter-spacing: -0.4px; }
.inquiry-info .txt-group .txt { font-size: 13px; font-weight: 400; color: #585858; letter-spacing: -0.4px; }
.inquiry-info .inquiry-warn { margin-bottom: 10px; font-size: 11px; font-weight: 400; color: #9a9a9a; letter-spacing: -0.35px; }

.inquiry .container { padding-bottom: 0; }
.inquiry .wrap { padding: 20px 10px 25px; box-sizing: border-box; }
.inquiry .top-page { margin-bottom: 10px; font-size: 15px; font-weight: 700; color: #000; letter-spacing: -0.45px; }

.tbl { width: 100%; table-layout: fixed; border-collapse: collapse; }
.tbl thead tr { border-top: 1px solid #000; border-bottom: 1px solid #000; box-sizing: border-box; }
.tbl tbody tr { border-bottom: 1px solid #ededed; box-sizing: border-box; }
.tbl th { padding: 12px 0; box-sizing: border-box; font-size: 12px; font-weight: 500; color: #000; text-align: left; letter-spacing: -0.35px; }
.tbl td { padding: 15px 0; box-sizing: border-box; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 15px; font-weight: 400; color: #000; letter-spacing: -0.35px; cursor: pointer; }
.tbl td.c1 { color: #bababa; }

.tbl-v1 th:nth-child(1), .tbl-v1 td:nth-child(1) { width: 25%; }
.tbl-v1 th:nth-child(2), .tbl-v1 td:nth-child(2) { width: 40%; padding-right: 15px; box-sizing: border-box; }
.tbl-v1 th:nth-child(3), .tbl-v1 td:nth-child(3) { width: 20%; }
.tbl-v1 th:nth-child(4), .tbl-v1 td:nth-child(4) { width: 15%; }

.tbN0 { width: 100%; table-layout: fixed; border-collapse: collapse; }
.tbN0 thead tr { border-top: 1px solid #000; border-bottom: 1px solid #000; box-sizing: border-box; }
.tbN0 tbody tr { border-bottom: 1px solid #ededed; box-sizing: border-box; }
.tbN0 th { padding: 12px 0; box-sizing: border-box; font-size: 12px; font-weight: 500; color: #000; text-align: center; letter-spacing: -0.35px; }
.tbN0 td { padding: 15px 0; box-sizing: border-box; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 15px; font-weight: 400; color: #000; letter-spacing: -0.35px; cursor: pointer; text-align: center; }
.tbN0 td.c1 { color: #bababa; }

.tbN0-v1 th:nth-child(1), .tbN0-v1 td:nth-child(1) { width: 60%; padding-right: 15px; box-sizing: border-box; }
.tbN0-v1 th:nth-child(2), .tbN0-v1 td:nth-child(2) { width: 20%; }
.tbN0-v1 th:nth-child(3), .tbN0-v1 td:nth-child(3) { width: 20%; }

.tbNl { width: 100%; table-layout: fixed; border-collapse: collapse; }
.tbNl thead tr { border-top: 1px solid #000; border-bottom: 1px solid #000; box-sizing: border-box; }
.tbNl tbody tr { border-bottom: 1px solid #ededed; box-sizing: border-box; }
.tbNl th { padding: 12px 0; box-sizing: border-box; font-size: 12px; font-weight: 500; color: #000; text-align: center; letter-spacing: -0.35px; }
.tbNl td { padding: 15px 0; box-sizing: border-box; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 15px; font-weight: 400; color: #000; letter-spacing: -0.35px; cursor: pointer; text-align: center; }
.tbNl td.c1 { color: #bababa; }

.tbNl-v1 th:nth-child(1), .tbNl-v1 td:nth-child(1) { width: 10%; }
.tbNl-v1 th:nth-child(2), .tbNl-v1 td:nth-child(2) { width: 50%; padding-right: 15px; box-sizing: border-box; }
.tbNl-v1 th:nth-child(3), .tbNl-v1 td:nth-child(3) { width: 20%; }
.tbNl-v1 th:nth-child(4), .tbNl-v1 td:nth-child(4) { width: 20%; }

.tbN2 { width: 100%; table-layout: fixed; border-collapse: collapse; }
.tbN2 thead tr { border-top: 1px solid #000; border-bottom: 1px solid #000; box-sizing: border-box; }
.tbN2 tbody tr { border-bottom: 1px solid #ededed; box-sizing: border-box; }
.tbN2 th { padding: 12px 0; box-sizing: border-box; font-size: 14px; font-weight: 500; color: #000; text-align: center; letter-spacing: -0.35px; }
.tbN2 td { padding: 15px 0; box-sizing: border-box; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 15px; font-weight: 400; color: #000; letter-spacing: -0.35px; cursor: pointer; text-align: center; }
.tbN2 td.c1 { color: #bababa; }

.tbN2-v1 th:nth-child(1), .tbN2-v1 td:nth-child(1) { width: 15%; }
.tbN2-v1 th:nth-child(2), .tbN2-v1 td:nth-child(2) { width: 50%; padding-right: 15px; box-sizing: border-box; }
.tbN2-v1 th:nth-child(3), .tbN2-v1 td:nth-child(3) { width: 20%; }
.tbN2-v1 th:nth-child(4), .tbN2-v1 td:nth-child(4) { width: 10%; }


/*1:1 문의 쓰기*/
.inquiry-write .container { padding-bottom: 0; }
.inquiry-write .wrap { padding: 15px 15px 25px; box-sizing: border-box; }
.inquiry-write .ck-group { margin-bottom: 17px; }

.list-ck-inquiry { padding: 30px 0; border-bottom: 10px solid #f7f7f7; box-sizing: border-box; }


/*나의 소통문의*/
.myinquiry .container { padding: 25px 0 0; box-sizing: border-box; }

.list-review li { margin-bottom: 25px; border-bottom: 1px solid #000; box-sizing: border-box; }
.list-review li:last-child { margin-bottom: 0; border-bottom: none; }


/*나의 소통후기 > 작성 가능 후기*/
.review-write .container { padding-bottom: 0; }
.review-write .wrap { padding: 10px 15px 25px; box-sizing: border-box; }
.review-write .list-review2 { margin-bottom: 15px; }

.list-review2 li { padding: 15px 0; border-bottom: 1px solid #ededed; box-sizing: border-box; }
.list-review2 li:last-child { border-bottom: none; }


/*나의 소통후기 > 작성 완료 후기*/
.review-history .container { padding-bottom: 0; }
.review-history .wrap { padding-top: 25px; box-sizing: border-box; }


/*소통내역 및 후원내역*/
.community-history .container { padding-bottom: 0; }
.community-history .list-review2 li { padding: 20px 0; box-sizing: border-box; }

.user-info-v2 .user-photo { width: 53px; height: 53px; margin-right: 11px; }
.user-info-v2 .user-detail { width: calc(100% - 130px); }


/*코인 사용내역*/
.coin-history .coin-state { padding: 40px 0 15px; border-bottom: 12px solid rgba(247, 247, 247, 0.6); box-sizing: border-box; text-align: center; }
.coin-history .coin-state .tit { margin-bottom: 3px; font-size: 12px; font-weight: 500; color: #585858; letter-spacing: -0.5px; }
.coin-history .coin-state .txt { font-size: 15px; font-weight: 400; color: #585858; letter-spacing: -0.6px; }
.coin-history .coin-state .txt strong { margin-right: 4px; font-family: 'PyeongChang'; font-size: 35px; color: #000; letter-spacing: -1.4px; }

.list-coin-history { margin-bottom: 20px; }
.list-coin-history li { display: flex; justify-content: space-between; align-items: center; padding: 18px 0; border-bottom: 1px solid #ededed; box-sizing: border-box; }
.list-coin-history .tit-group { max-width: 60%; }
.list-coin-history .tit-group .tit { margin-bottom: 2px; font-size: 15px; font-weight: 500; color: #000; letter-spacing: -0.45px; }
.list-coin-history .tit-group .datetime { font-size: 11px; font-weight: 400; color: #585858; letter-spacing: -0.55px; }
.list-coin-history .txt-group { text-align: right; }
.list-coin-history .txt-group .num { font-family: 'PyeongChang'; font-size: 22px; font-weight: 700; color: #e0558a; word-break: break-all; }
.list-coin-history .txt-group .num-v1 { color: #19cfe6; }
.list-coin-history .txt-group .txt { font-size: 11px; font-weight: 400; color: #585858; letter-spacing: -0.55px; }


/*이용안내*/
.guide .box { padding-bottom: 25px; border-bottom: 1px solid #000; box-sizing: border-box; }
.guide .box:last-of-type { border-bottom: none; }
.guide .top-page { margin-bottom: 18px; padding: 30px 0 18px; border-bottom: 1px solid #ededed; box-sizing: border-box; font-family: 'PyeongChang'; font-size: 18px; font-weight: 700; color: #000; letter-spacing: -0.5px; }
.guide .tit-group { margin-bottom: 15px; }
.guide .tit-group .tit { font-size: 15px; font-weight: 700; color: #000; letter-spacing: -0.45px; }
.guide .tit-group .tit span { position: relative; z-index: 1; }
.guide .tit-group .tit span:before { content: ''; display: block; position: absolute; left: 0; right: 0; bottom: 0; z-index: -1; width: 100%; height: 9px; background: rgba(52, 247, 255, 0.47); }
.guide .txt-group { padding: 0 10px; box-sizing: border-box; }
.guide .txt-group .txt { margin-bottom: 9px; padding-left: 18px; box-sizing: border-box; text-indent: -18px; font-size: 14px; font-weight: 400; color: #000; letter-spacing: -0.4px; }
.guide .txt-group .txt-v1 { padding-left: 8px; box-sizing: border-box; text-indent: -8px; }
.guide .txt-group .txt:last-child { margin-bottom: 0; }


/*후기운영정책*/
.policy .top-page { margin-bottom: 18px; padding: 30px 0 18px; border-bottom: 1px solid #ededed; box-sizing: border-box; font-family: 'PyeongChang'; font-size: 18px; font-weight: 700; color: #000; letter-spacing: -0.5px; line-height: 29px; }
.policy .txt-group { margin-bottom: 25px; }
.policy .txt-group:last-child { margin-bottom: 0; }
.policy .txt-group > .tit { margin-bottom: 10px; font-size: 15px; font-weight: 700; color: #000; letter-spacing: -0.45px; }
.policy .txt-group > .txt { padding: 0 10px; box-sizing: border-box; font-size: 14px; font-weight: 400; color: #000; letter-spacing: -0.4px; line-height: 21px; }
.policy .benefit-info { display: flex; justify-content: space-between; align-items: center; width: calc(100% - 20px); height: 46px; margin: 0 auto; border: 1px solid #000; box-sizing: border-box; }
.policy .benefit-info .tit { display: flex; align-items: center; width: calc(100% - 140px); height: 100%; padding: 0 15px; box-sizing: border-box; font-size: 14px; font-weight: 400; color: #000; letter-spacing: -0.4px; }
.policy .benefit-info .txt { display: flex; justify-content: center; align-items: center; width: 140px; height: 100%; background: #000; font-size: 14px; font-weight: 500; color: #fff; text-align: center; }
.policy .txt-group .box { width: calc(100% - 20px); margin: 13px auto 0; padding: 15px; border-radius: 6px; box-sizing: border-box; background: #f7f7f7; }
.policy .txt-group .box p { margin-bottom: 12px; padding-left: 15px; box-sizing: border-box; text-indent: -15px; font-size: 13px; font-weight: 400; color: #555; letter-spacing: -0.4px; word-break: keep-all; }
.policy .txt-group .box p:last-child { margin-bottom: 0; }


/*코인 충전*/
.coin-shop .container { padding: 25px 0 35px; box-sizing: border-box; }
.coin-shop .top { margin-bottom: 20px; }
.coin-shop .top-banner img { right: 20px; }
.coin-shop .btn-guide { display: block; margin-top: 6px; font-size: 12px; font-weight: 400; color: #000; text-align: right; letter-spacing: -0.35px; }
.coin-shop .btn-guide img { width: 12px; margin-right: 2px; }
.coin-shop .btn-guide span { text-decoration: underline; }
.coin-shop .box { margin-bottom: 40px; }
.coin-shop .box:last-child { margin-bottom: 0; }
.coin-shop .top-page { padding-bottom: 5px; border-bottom: 1px solid #000; box-sizing: border-box; font-size: 15px; font-weight: 700; color: #000; letter-spacing: -0.45px; }
.coin-shop .vat-info { margin-top: 15px; font-size: 10px; font-weight: 400; color: #343333; letter-spacing: -0.5px; }
.coin-shop .total-price { display: flex; justify-content: space-between; align-items: center; margin-bottom: 15px; padding: 27px 10px 17px; border-radius: 6px; box-sizing: border-box; background: rgba(247, 247, 247, 0.6); }
.coin-shop .total-price .tit { font-size: 15px; font-weight: 500; color: #000; letter-spacing: -0.6px; }
.coin-shop .total-price .txt { font-size: 15px; font-weight: 400; color: #343333; letter-spacing: -0.6px; }
.coin-shop .total-price .txt strong { margin-right: 4px; font-family: 'PyeongChang'; font-size: 28px; color: #000; letter-spacing: -1.12px; }

.list-shop-item li { border-bottom: 1px solid #ededed; box-sizing: border-box; }

.list-payment { margin: 15px 0 20px; }
.list-payment li { margin-bottom: 10px; border: 1px solid #000; border-radius: 6px; box-sizing: border-box; }
.list-payment li:last-child { margin-bottom: 0; }
.list-payment .ck-custom5 + label { height: 55px; padding: 0 10px; box-sizing: border-box; }
.list-payment .ck-custom5 + label .label img { zoom: 0.5; }


/*DJ 신청*/
.dj-intro .container { padding: 20px 0 30px; box-sizing: border-box; }
.dj-intro img { width: 100%; }
.dj-intro .txt { margin: 12px 0; font-size: 14px; font-weight: 400; color: #000; text-align: center; letter-spacing: -0.4px; }


/*DJ 신청하기*/
.dj-apply .container { padding: 25px 0 35px; box-sizing: border-box; }
.dj-apply .top-banner { margin-bottom: 32px; }
.dj-apply .top-banner img { right: 32px; bottom: 5px; }
.dj-apply .agree-group { margin: 15px 0; }


/*DJ 소통관리*/
.dj-adm .container { padding-bottom: 0; }
.dj-adm .wrap { padding: 20px 15px 40px; box-sizing: border-box; }
.dj-adm .top { padding: 33px 15px; border-bottom: 12px solid rgba(247, 247, 247, 0.6); box-sizing: border-box; }
.dj-adm .user-info { position: relative; }
.dj-adm .user-info .user-photo { width: 64px; height: 64px; margin-right: 15px; background:url('/app_type_2/img/dj-bg-img.png'); background-size:cover; }
.dj-adm .user-info .user-detail .user-name { font-size: 18px; font-weight: 700; letter-spacing: -0.45px; }
.dj-adm .user-info .user-detail .user-data > div { font-size: 13px; letter-spacing: -0.65px; }
.dj-adm .user-info .user-detail .user-data > div strong { margin-left: 2px; }

.dj-adm .item-noti { margin-bottom: 30px; padding: 0 12px; border-radius: 6px; box-sizing: border-box; background: #8e8e8e; }
.dj-adm .item-noti .fold { display: flex; align-items: center; padding: 14px 0; box-sizing: border-box; background: url('/app_type_2/img/ico_arrow_bottom2.png') right center no-repeat; background-size: 12px; cursor: pointer; }
.dj-adm .item-noti .fold .tit { position: relative; padding-left: 30px; box-sizing: border-box; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; max-width: calc(100% - 20px); font-size: 16px; font-weight: 500; color: #fff; letter-spacing: -0.5px; }
.dj-adm .item-noti .fold .tit:before { content: ''; display: block; position: absolute; top: calc(50% - 9.5px); left: 0; width: 19px; height: 19px; background: url('/app_type_2/img/ico_loudspeaker1.png') center center no-repeat; background-size: 19px; }
.dj-adm .item-noti .fold .tit span { position: relative; margin-left: 7px; padding-left: 7px; box-sizing: border-box; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-weight: 400; }
.dj-adm .item-noti .fold .tit span:before { content: ''; display: block; position: absolute; top: calc(50% - 7px); left: 0; width: 1px; height: 14px; background: #fff; }
.dj-adm .item-noti .unfold { display: none; padding: 15px 0; box-sizing: border-box; border-top: 1px solid #fff; box-sizing: border-box; }
.dj-adm .item-noti .unfold.active { display: block; }
.dj-adm .item-noti .unfold .txt { font-size: 14px; font-weight: 400; color: #fff; letter-spacing: -0.4px; }

.dj-adm .box { margin-bottom: 40px; }
.dj-adm .box:last-child { margin-bottom: 0; }
.dj-adm .top-page { margin-bottom: 13px; font-family: 'PyeongChang'; font-size: 16px; font-weight: 700; color: #000; letter-spacing: -0.5px; }

.table-group .table-count { margin-bottom: 15px; font-size: 14px; font-weight: 400; color: #000; letter-spacing: -0.4px; }
.box-table { border: 2px solid #000; border-radius: 6px; box-sizing: border-box; }
.tbl2 { width: 100%; border-collapse: collapse; }
.tbl2 th,
.tbl2 td { padding: 14px 17px; box-sizing: border-box; }
.tbl2 th { width: 112px; background: #000; border-bottom: 1px solid #fff; box-sizing: border-box; font-size: 14px; font-weight: 700; color: #fff; }
.tbl2 td { width: calc(100% - 112px); border-bottom: 1px solid #000; box-sizing: border-box; }
.tbl2 td.link { background: url('/app_type_2/img/ico_arrow_right1.png') calc(100% - 9px) center no-repeat; background-size: 12px; cursor: pointer; }
.tbl2 tr:last-child th, .tbl2 tr:last-child td { border-bottom: none; }
.tbl2 td .txt-group { display: flex; justify-content: space-between; align-items: center; }
.tbl2 td .txt-group .txt { font-size: 14px; font-weight: 400; color: #000; letter-spacing: -0.4px; }
.tbl2 td .txt-group .txt .ico-new { margin-left: 5px; vertical-align: -2px; }
.tbl2 td .txt-group select { min-width: 63px; height: 25px; padding: 0 18px 0 5px; border: 1px solid #000; border-radius: 6px; box-sizing: border-box; font-size: 12px; font-weight: 700; color: #000; text-align: right; letter-spacing: -0.35px; }
.tbl2 td .txt-group .unit { font-size: 13px; font-weight: 400; color: #000; letter-spacing: -0.4px; }
.tbl2 td .txt-group .btn { display: flex; justify-content: center; align-items: center; height: 25px; padding: 0 7px; border: none; border-radius: 6px; box-sizing: border-box; background: #000; font-size: 11px; font-weight: 400; color: #fff; letter-spacing: -0.3px; }

.tbl2 td .txt-group .txt-v1 { display: flex; justify-content: flex-end; align-items: center; }
.tbl2 td .txt-group .txt-v1 .price { display: flex; justify-content: flex-end; align-items: center; min-width: 63px; height: 25px; padding: 0 7px; border: 1px solid #000; border-radius: 6px; box-sizing: border-box; font-size: 12px; font-weight: 400; color: #000; letter-spacing: -0.36px; }
.tbl2 td .txt-group .txt-v1 .price span { margin-right: 1.5px; font-weight: 700; }
.tbl2 td .txt-group .txt-v1 .btn { margin-left: 7px; padding: 0 11px; box-sizing: border-box; }

.tbl2-v1 th { width: 140px; }
.tbl2-v1 td { width: calc(100% - 140px); }

.datepicker-group { display: flex; justify-content: space-between; align-items: center; margin-bottom: 23px; }
.datepicker-group .btn-more { display: flex; justify-content: center; align-items: center; width: 110px; height: 48px; border: none; border-radius: 6px; box-sizing: border-box; background: #000; font-size: 14px; font-weight: 400; color: #fff; text-align: center; letter-spacing: -0.4px; }
.datepicker { display: flex; align-items: center; width: calc(100% - 120px); height: 48px; border: 2px solid #000; border-radius: 6px; box-sizing: border-box; }
.datepicker .inp-group-date { width: calc(50% - 3px); height: 100%; }
.datepicker input { width: 100%; height: 100%; padding-left: 40px; border: none; box-sizing: border-box; background: url('/app_type_2/img/ico_calendar1.png') 20px center no-repeat; background-size: 11px; font-size: 14px; font-weight: 400; color: #000; letter-spacing: -0.4px; }
.datepicker .line { font-size: 14px; font-weight: 400; color: #000; text-align: center; letter-spacing: -0.4px; }

.tbl3 { width: 100%; border-collapse: collapse; border-top: 1px solid #000; border-bottom: 1px solid #000; box-sizing: border-box; }
.tbl3 tr { border-bottom: 1px solid #f6f6f6; box-sizing: border-box; }
.tbl3 tr:last-child { border-bottom: none; }
.tbl3 th,
.tbl3 td { height: 60px; }
.tbl3 th { width: 60px; background: #000; font-size: 14px; font-weight: 700; color: #fff; letter-spacing: -0.42px; }
.tbl3 td { width: calc(100% - 60px); padding: 10px 16px; box-sizing: border-box; }
.tbl3 td .txt-group .txt { font-size: 13px; font-weight: 500; color: #000; letter-spacing: -0.4px; }
.tbl3 td .txt-group .txt2 { font-size: 11px; font-weight: 400; color: #585858; letter-spacing: -0.3px; }

.tbl3-v1 td .txt-group .txt2 { display: flex; justify-content: space-between; align-items: center; font-size: 13px; font-weight: 500; color: #19cfe6; }
.tbl3-v1 td .txt-group .txt2 span { font-size: 11px; font-weight: 300; color: #585858; letter-spacing: -0.33px; }


.item-view .item-greeting .voice-group { display: flex; justify-content: space-between; align-items: center; width: calc(100% - 60px); }
.item-view .item-greeting .voice-group .time { width: 23px; font-size: 10px; font-weight: 300; color: #8e8e8e; letter-spacing: -0.3px; }
.item-view .item-greeting .voice-group .play-group { position: relative; width: calc(100% - 80px); height: 6px; border-radius: 3px; box-sizing: border-box; background: #f0f0f0; }
.item-view .item-greeting .voice-group .play-group .play { position: absolute; top: 0; left: 0; height: 100%; border-radius: 3px; box-sizing: border-box; background: #00fbff; }
.item-view .item-greeting .voice-group .btn-play { width: 26px; height: 26px; border: none; background: url('/app_type_2/img/ico_play1.svg') center center no-repeat; }




/*Q&A*/
.list-qna li { cursor: pointer; }
.list-qna .fold { position: relative; padding: 18px 0; border-bottom: 1px solid #ededed; box-sizing: border-box; }
.list-qna .fold.active { border-bottom: none; }
.list-qna .fold:after { content: ''; position: absolute; top: 23px; right: 0; width: 12px; height: 12px; background: url('/app_type_2/img/ico_arrow_bottom3.png') center center no-repeat; background-size: contain; }
.list-qna .fold .tit { position: relative; padding: 0 18px; box-sizing: border-box; font-size: 15px; font-weight: 700; color: #000; letter-spacing: -0.45px; }
.list-qna .fold .tit:before { content: 'Q'; display: block; position: absolute; top: 0; left: 0; font-weight: 700; color: #ff4e00; }
.list-qna .unfold { display: none; padding: 12px; border-radius: 6px; box-sizing: border-box; background: #f7f7f7; }
.list-qna .unfold .txt { font-size: 14px; font-weight: 300; color: #000; letter-spacing: -0.42px; }


/*DJ신청*/
.apply-intro .img { width: 100%; }
.apply-intro .btn-group-bottom { display: flex; align-items: center; position: fixed; left: 0; right: 0; bottom: 0; z-index: 100; width: 100%; max-width: 600px; height: 73px; margin: 0 auto; padding: 17px 15px; box-sizing: border-box; background: #000; }
.apply-intro .btn-group-bottom .btn-custom { height: 40px; border: none; border-radius: 6px; box-sizing: border-box; background: #fff; font-family: 'PyeongChang'; font-size: 16px; font-weight: 400; color: #000; letter-spacing: -0.8px; }
.apply-intro .btn-group-bottom .btn-custom img { margin-right: 4px; }
.faq_img img { max-width:100%;}

/*DJ 신청양식*/
.apply-write .container { padding: 35px 0 50px; box-sizing: border-box; }
.apply-write .process-group { margin-bottom: 40px; }
.apply-write .process-group .tit { margin-bottom: 15px; font-size: 16px; font-weight: 700; color: #000; letter-spacing: -0.48px; }
.apply-write .process-group .txt { margin-bottom: 7px; font-size: 15px; font-weight: 300; color: #000; letter-spacing: -0.45px; }
.apply-write .process-group .process-info { padding: 15px 20px; border-radius: 6px; box-sizing: border-box; background: #8e8e8e; font-size: 16px; font-weight: 500; color: #fff; text-align: center; letter-spacing: -0.48px; }
.apply-write .agree-group { margin-top: 8px; }



/*DJ 초대*/
.dj-invite .container { padding: 35px 0 50px; box-sizing: border-box; }
.dj-invite .top-page { margin-bottom: 30px; font-family: 'PyeongChang'; font-size: 20px; font-weight: 700; color: #000; letter-spacing: -0.6px; }

.invite-info { margin-bottom: 26px; padding-bottom: 30px; border-bottom: 1px solid #ededed; box-sizing: border-box; }
.invite-info .txt-group { display: flex; align-items: center; margin-bottom: 20px; }
.invite-info .txt-group:last-child { margin-bottom: 0; }
.invite-info .txt-group img { margin-right: 16px; }
.invite-info .txt-group .txt { font-size: 15px; font-weight: 400; color: #000; letter-spacing: -0.45px; }


.top-banner-noti { display: flex; justify-content: center; align-items: center; position: relative; width: 100%; height: 30px; margin: 0 auto; background: #000; }
.top-banner-noti .txt { font-size: 14px; font-weight: 300; color: #fff; letter-spacing: -0.65px; }
.top-banner-noti .txt span { font-weight: 700; color: #34f7ff; }
.top-banner-noti .btn-close { position: absolute; top: 0; right: 0; width: 25px; height: 100%; border: none; background: url('/app_type_2/img/ico_close1.png') center center no-repeat; background-size: 7px; }



/*레퍼럴 관리*/
.statistics .container { padding-top: 30px; padding-bottom: 0; box-sizing: border-box; }
.statistics .user-name { margin-bottom: 11px; padding: 0 15px; box-sizing: border-box; font-family: 'PyeongChang'; font-size: 18px; font-weight: 700; color: #000; letter-spacing: -0.54px; }
.statistics .month-profit { padding: 18px 15px 26px; box-sizing: border-box; background: #000; }
.statistics .month-profit .tit { margin-bottom: 24px; padding-bottom: 9px; border-bottom: 1px solid rgba(255, 255, 255, 0.2); box-sizing: border-box; font-family: 'PyeongChang'; font-size: 16px; font-weight: 700; color: #fff; letter-spacing: -0.48px; }
.statistics .month-profit .txt-group { text-align: right; }
.statistics .month-profit .txt-group .txt { font-size: 14px; font-weight: 300; color: #fff; letter-spacing: -0.42px; }
.statistics .month-profit .txt-group .txt span { margin-right: 4px; font-family: 'PyeongChang'; font-size: 31px; color: #19cfe6; }
.statistics .month-profit .txt-group .txt2 { font-size: 10px; font-weight: 300; color: #fff; letter-spacing: -0.6px; }

.statistics .wrap { padding: 23px 15px 30px; box-sizing: border-box; }
.statistics .box { margin-bottom: 34px; }
.statistics .box:last-child { margin-bottom: 0; }
.statistics .top-page { margin-bottom: 13px; font-family: 'PyeongChang'; font-size: 16px; font-weight: 700; color: #000; letter-spacing: -0.48px; }
.statistics .tbl2 th.v1 { text-align: left; }
.statistics .member-count { display: flex; justify-content: space-between; align-items: center; margin-bottom: 16px; padding: 15px 12px; border-radius: 6px; box-sizing: border-box; background: #8e8e8e; }
.statistics .member-count .tit { font-size: 14px; font-weight: 300; color: #fff; letter-spacing: -0.42px; }
.statistics .member-count .txt { font-size: 14px; font-weight: 300; color: #fff; letter-spacing: -0.42px; }
.statistics .member-count .txt span { margin-right: 4px; font-family: 'PyeongChang'; font-size: 31px; color: #57ecff; }



@media only screen and (max-width: 768px) {
	.item-view .btn-group-bottom { max-width: 100%; }
	
	.item-view .item-gallery { max-height: none; }
}