@charset "utf-8";
/* 앱 공통부분 css */
button,
fieldset,
img {
  border: 0;
}
blockquote,
body,
button,
code,
dd,
div,
dl,
dt,
fieldset,
form,
h1,
h2,
h3,
h4,
h5,
h6,
input,
legend,
li,
ol,
p,
pre,
select,
td,
textarea,
th,
ul {
  margin: 0;
  padding: 0;
}
@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;300;400;500;700;900&display=swap");
html,
body {
  font-family: "Noto Sans KR", "AppleGothicNeoSD", "Apple SD 산돌고딕 Neo",
    "sans-serif";
  background-color: #fff;
  font-style: normal;
  font-weight: 400;
  line-height: 120%;
  color: #454545;
  font-size: 1em;
  width: 100%;
  height: 100%;
  overflow: hidden;
  /* overflow-y: scroll; */
  -ms-touch-action: none;
  /* 화면을 길게 누르고 있을때 뜨는 팝업이나 액션시트를 제어 */
  -webkit-touch-callout: none;
  /* 텍스트나 이미지를 선택할 수 있게 하는 여부를 제어 */
  -webkit-user-select: none;
  /* 링크를 터치했을때 나오는 기본 영역의 색상을 제어 */
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
::-webkit-scrollbar {
  display: none; /* Chrome, Safari, Opera*/
}
.swiper-container::-webkit-scrollbar {
  display: none !important;
  width: 0 !important;
  height: 0 !important;
  background: transparent !important;
  -webkit-appearence: none !important;
}
.swiper-container{
  -ms-overflow-style: none; /* IE and Edge */
    scrollbar-width: none; /* Firefox */
}
a,
a:hover {
  color: #454545;
  text-decoration: none;
}
button:hover {
  cursor: pointer;
}
a {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-tap-highlight-color: transparent; /* For some Androids */
}
button {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-tap-highlight-color: transparent; /* For some Androids */
}
*:focus {
  outline: none;
}
ul,
li {
  list-style: none;
}
hr {
  border: none;
}
#no_network {
  margin-top: 15%;
}
#no_network p {
  text-align: center;
  margin-bottom: 6px;
  color: #666;
}
.intro {
  width: 100%;
  height: 100%;
  background-image: url("../images/splash.png");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  position: relative;
}
.intro div {
  position: absolute;
  top: 60%;
  left: 28%;
  z-index: 5;
  background-color: #ccc;
  height: 4px;
  width: 44%;
}
.intro div .bar_on {
  background: linear-gradient(
    to right,
    rgba(86, 198, 215, 1),
    rgba(181, 80, 158, 1)
  );
  height: 4px !important;
  display: inline-block;
}

.hidden {
  display: none;
}
.m_r_20 {
  margin-right: 20px;
}
.m_l_20 {
  margin-left: 20px;
}
.m_t_20 {
  margin-top: 20px;
}
.m_b_20 {
  margin-bottom: 20px;
}

.txt_11 {
  font-size: 0.7em;
}
.txt_12 {
  font-size: 0.8em;
}
.container {
  position: relative;
  background: #000;
  height: 100%;
}
/* 230503 아티스트 앱 전용 container 추가 */
.artist_container {
  position: relative;
  background: #000;
  height: 100%;
}
header {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 201;
}

.close {
  display: block;
  background-image: url("../images/cu10_btn_close.png");
  background-size: cover;
  width: 40px;
  height: 40px;
  position: absolute;
  top: 0;
  right: 12px;
  z-index: 10;
}
.fl_left {
  float: left;
}
.fl_right {
  float: right;
}

/* 회원가입 로그인 관련 */
.container_popup {
  background: #ebebeb;
  height: 100%;
  width: 100%;
}
#pop_top {
  background: #fff;
  width: 100%;
  clear: both;
  position: fixed;
}
#cu10_h,
#cu10_c,
#cu10_b,
#cu10_f,
#cu10_e,
#cu10_d,
#cu10_g,
#cu01_c,
#cu01_b,
#cu01_f,
#cu01_e,
#cu01_d,
#cu01_g {
  width: 100%;
  clear: both;
  position: relative;
}
#cu01_a .mb_title,
#cu01_b .mb_title {
  background-image: url("../images/cu01_img_member_1.png");
}
#cu01_c .mb_title,
#cu01_f .mb_title {
  background-image: url("../images/cu01_img_member_2.png");
  background-position: right bottom !important;
}
#cu10_c .mb_title,
#cu10_f .mb_title {
  background-image: url("../images/cu10_img_member_2.png");
  background-position: right bottom !important;
}
#cu10_h .mb_title,
#cu10_c .mb_title,
#cu10_f .mb_title,
#cu10_b .mb_title {
  background-image: url("../images/cu10_img_cc_left.png");
  margin: 0 auto;
}
#cu10_h .mb_title,
#cu10_c .mb_title,
#cu10_b .mb_title {
  height: 50px;
}
#cu10_f .mb_title {
  height: 70px;
  background-size: 75px;
}
.mb_title {
  width: -webkit-calc(100% - 44px);
  width: -moz-calc(100% - 44px);
  width: calc(100% - 44px);
  height: 70px;
  background-size: contain;
  background-position: right bottom !important;
  background-repeat: no-repeat;
}

.mb_title h1 {
  font-size: 2em !important;
  font-weight: 200;
  font-family: "Noto Sans KR";
  padding-top: 14px;
}
#cu10_b .mb_title h1,
#cu10_f .mb_title h1,
#cu01_b .mb_title h1,
#cu01_f .mb_title h1 {
  padding-top: 0;
  padding-bottom: 10px;
}
#cu10_g .mb_title,
#cu10_d .mb_title,
#cu01_e .mb_title,
#cu01_g .mb_title,
#cu01_d .mb_title {
  height: 20px;
}
.mb_title h2 {
  font-weight: 500;
}
#cu01_e h2,
#cu01_g h2,
#cu01_d h2 {
  font-weight: 200;
  margin: 20px 0;
}
#cu01_e h2 {
  font-weight: 200;
  margin: 40px 0;
}
#cu10_e .mb_title{
  height: 30px;
}
#cu10_e .mb_title:nth-child(4) h2{
  margin: 40px 0 14px;
}
#cu10_e h2 {
  margin: 0 0 14px;
}
#cu10_e > div:first-child > h2,
#cu01_e > div:first-child > h2 {
  margin: 20px 0 !important;
}

#cu01_d {
  height: 100%;
  overflow-y: scroll;
}
#cu10_g .si_toolbar .close_btn{
  width: 40px;
  height: 40px;
  background-image: url(../images/sb10_btn_close_w.png);
  background-size: cover;
  background-repeat: no-repeat;
}
/* #cu10_g .si_toolbar img.white{
  display: block;
} */
.mb_title h4 {
  font-size: 0.9em !important;
}
.mb_title h4 strong,
.mb_content p strong {
  /* 220817 */
  /* color: #ce4ec4; */
  color: #612af5;
}
.mb_form {
  margin: 15px auto;
}

.mb_content {
  box-sizing: border-box;
  width: -webkit-calc(100% - 44px);
  width: -moz-calc(100% - 44px);
  width: calc(100% - 44px);
  margin:0 auto;
}
.mb_content p {
  margin: 12px auto;
  font-size: 0.9em !important;
  text-align: center;
}
#cu10_e .mb_form,
#cu01_e .mb_form {
  margin-bottom: 6px !important;
}

.mb_text {
  border: thin solid #ccc;
  background: #fff;
  padding: 14px;
  height: 150px;
  overflow-y: scroll;
  font-size: 0.8em;
}

.btn_bora {
  color: #fff;
  background-color: #ce4ec4;
}
.btn_boraline,
.btn_boraline2 {
  margin: 10px 0 8px;
}
.btn_boraline2 {
  color: #ce4ec4;
  float: left;
}
.btn_boraline2 {
  font-weight: 600;
  color: #333;
  float: right;
}
#srhidpass {
  border: none;
  float: left;
  width: 100%;
  font-size: 0.8em;
  margin: 12px 0;
  padding: 0;
  text-align: left;
  color: #333;
  background-color: #ebebeb;
}
.cu10 #srhidpass {
  font-weight: 600;
}
#join {
  background-color: #ebebeb;
}
#logout {
  font-size: 1em;
  display: block;
  padding: 10px 0;
  width: 100%;
  border: thin solid #612af5;
  /* color: #ce4ec4; */

  background-color: #fff;
}
.cu10 #join,
.btn_bora {
  font-size: 0.9rem;
  display: block;
  padding: 10px 0;
  width: 100%;
}
.btn_grayline {
  font-size: 1em;
  display: block;
  padding: 10px 0;
  width: 100%;
  border: thin solid #ccc;
  color: #666;
  background-color: rgba(0, 0, 0, 0);
}
.container_popup button img {
  width: 16px;
  height: 16px;
  margin-left: 6px;
  vertical-align: middle;
}
.input_style {
  background: #fff;
  padding: 10px;
  width: -webkit-calc(100% - 20px);
  width: -moz-calc(100% - 20px);
  width: calc(100% - 20px);
  width: 100%;
  border: thin solid #ccc;
  margin-bottom: 6px;
  font-size: 1em;
}
.nick .input_style {
  display: inline-block;
  padding: 10px 0;
  width: -webkit-calc(80% - 45px);
  width: -moz-calc(80% - 45px);
  width: calc(80% - 45px);
  border: none;
  /* 220719 background-color: #ebebeb;
  border-bottom: solid #ce4ec4 thin; */
  margin-bottom: 6px;
  font-size: 0.95rem;
  border-radius: 0px;
}
.input_style::-webkit-input-placeholder {
  color: #999;
  font-size: 0.9em;
}
.input_style:-ms-input-placeholder {
  color: #999;
  font-size: 0.9em;
}
.input_style:-moz-placeholder {
  color: #999;
  font-size: 0.9em;
}
.input_style::-moz-placeholder {
  color: #999;
  font-size: 0.9em;
}

.alert {
  text-align: center;
  font-size: 0.8em;
  margin-bottom: 8px;
}

.form-checkbox {
  margin-top: 1px;
  width: 40%;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}

.loginpw_box .form-checkbox {
  width: 100%;
  margin-bottom: 20px;
}
.form-checkbox input {
  position: absolute;
  opacity: 0;
}
.form-checkbox .checkmark {
  position: absolute;
  top: 13px;
  left: 0;
  height: 15px;
  width: 15px;
  background-color: #fff;
  border: 1px solid #555555;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  cursor: pointer;
}
.checkmark::after {
  content: "";
  position: absolute;
  left: 5px;
  top: 1px;
  width: 3px;
  height: 8px;
  border: 1px solid #ce4fc4;
  border-width: 0 2px 2px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  transform: rotate(45deg);
  display: none;
}
.form-checkbox input:checked ~ .checkmark::after {
  display: block;
}
.form-checkbox p {
  margin-left: 34px;
  padding-top: 0;
  color: #333;
  font-size: 0.8em;
  font-weight: 400;
}
.form-checkbox .text {
  font-weight: 700;
}
/* 210202 */
#cu10_g .profile {
  width: 100px;
  height: 100px;
  margin: 24px auto;
  position: relative;
  border-radius: 50%;
  background-position: center;
  background-size: cover;
}

.mb_profile {
  margin: -20px 0 12px 0;
}
.mb_profile li {
  height: 45px;
  width: 100%;
  line-height: 45px;
}
.mb_profile li span {
  display: inline-block;
  width: 20%;
}
.profile .btn_boraone {
  position: absolute;
  right: -12px;
  bottom: -12px;
}
.nick {
  position: relative;
}
.nick .btn_boraone {
  position: absolute;
  right: 0;
  bottom: -6px;
  width: 36px;
  height: 36px;
}
.nick a {
  display: inline-block;
  width: -webkit-calc(80% - 45px);
  width: -moz-calc(80% - 45px);
  width: calc(80% - 45px);
}
.btn_boraone {
  border-radius: 25px;
  width: 45px;
  height: 45px;
}
.btn_boraone img {
  margin-left: 0 !important;
}

.popup_layer {
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: #000;
  opacity: 0.2;
  z-index: 9998;
}
.outer_popup {
  width: -webkit-calc(100% - 40px);
  width: -moz-calc(100% - 40px);
  width: calc(100% - 40px);
  margin: 0 auto;
}
.inner_popup {
  position: absolute;
  background-color: #fff;
  width: 90%;
  height: 586px;
  z-index: 9999;
  top: 50%;
  margin-top: -293px;
}
.popup_imgarea {
  width: 100%;
  height: 550px;
}
.popup_toolbar {
  width: 100%;
  height: 37px;
  /* border-top: 1px solid #ccc; */
  box-sizing: border-box;
  font-size: 14px;
  font-family: "Noto Sans KR Regular";
  color: #454545;
}
.pop_toolbar_L {
  float: left;
  width: 65%;
  height: 100%;
  line-height: 36px;
  text-align: center;
  border-right: 1px solid #ccc;
  box-sizing: border-box;
}
.pop_toolbar_R {
  float: right;
  width: 35%;
  height: 100%;
  line-height: 36px;
  text-align: center;
}

/* info 스탠다드 프리미엄공통 */
.si_toolbar {
  display: flex;
  align-items: center;
  background-color: #000;
}
#sb10 .si_toolbar {
  background-color: #612af5;
}
.si_toolbar h1 {
  display: inline-block;
  font-family: "Poppins", sans-serif;
  /* font-size: 1.6875rem; */
  font-size: 1.3rem;
  font-weight: 300;
  color: #fff;
  letter-spacing: 1px;
  /* margin: 0 0 0 10px; */
}
.in10_version {
  font-family: "Poppins", sans-serif;
  text-align: center;
  margin: 0 0 20px;
}
.si_content {
  background-color: #ebebeb;
  height: 100vh;
}
.si_logo_area {
  padding-top: 7%;
  text-align: center;
}
.snsbtn_area {
  width: 100%;
  margin: 24px 0;
  height: 45px;
}
.inner_snsbtn_area {
  text-align: center;
  height: 45px;
}
.youtube_btnCir,
.instar_btnCir,
.facebook_btnCir,
.facebook_btnCir,
.twiter_btnCir,
.naver_btnCir {
  width: 45px;
  height: 45px;
  border-radius: 45px;
  overflow: hidden;
  background-size: 45px;
  display: inline-block;
  margin: 0 6px;
  cursor: pointer;
}
.youtube_btnCir {
  background-image: url("../images/in10_btn_yt.png");
}
.instar_btnCir {
  background-image: url("../images/in10_btn_is.png");
}
.facebook_btnCir {
  background-image: url("../images/in10_btn_fb.png");
}
.twiter_btnCir {
  background-image: url("../images/in10_btn_tw.png");
}
.naver_btnCir {
  background-image: url("../images/in10_btn_nv.png");
}
.si_btn_area {
  width: -webkit-calc(100% - 44px);
  width: -moz-calc(100% - 44px);
  width: calc(100% - 44px);
  margin: 0 auto;
}
.si_boraline_btn,
.si_bora_btn,
.si_gray_btn {
  position: relative;
  cursor: pointer;
  box-sizing: border-box;
  font-size: 17px;
  text-align: center;
  font-family: "Noto Sans KR Regular";
  padding: 10px 0;
  margin: 0 0 8px;
  border-radius: 3px;
}
.si_boraline_btn {
  border: 0.5px solid #612af5;
  background-color: #fff;
  color: #612af5;
}
.si_bora_btn {
  border: 0.5px solid #612af5;
  background-color: #612af5;
  color: #fff;
}
.si_gray_btn {
  position: relative;
  border: 0.5px solid #737373;
  background-color: #ebebeb;
  color: #737373;
}
#in10 .line {
  width: 100%;
  border-bottom: 1px solid #999;
  margin: 15px 0;
}
.si_btnimg_s {
  width: 18px;
  height: 18px;
  margin-left: 6px;
  vertical-align: middle;
}
.si_footer {
  margin-top: 32px;
}
.si_footer > p {
  font-family: "Noto Sans KR Regular";
  font-size: 16px;
  color: #737373;
  text-align: center;
}
/* 공통화면 상단 ui에 따라 높이 변동되는 버튼, 제목 등 */
#pop_top {
  height: 60px;
}
.close {
  margin: 22px 0 0;
}
#member_close {
  margin: 12px 0 0;
}
#cu10_h,
#cu10_c,
#cu10_b,
#cu10_f,
#cu10_e,
#cu10_d,
#cu01_a,
#cu01_c,
#cu01_b,
#cu01_f,
#cu01_e,
#cu01_d,
#cu01_g {
  padding: 25% 0 0 0 ;
}
/* 1차추가 cu01_b 가입창 추가되는 부분 */
.apple {
  background: #000 url(../images/cu01_ic_apple.png) no-repeat center;
  background-size: 20px 20px;
}
.google {
  background: #fff url(../images/cu01_ic_google.png) no-repeat center;
  background-size: 22px 22px;
}
/* 1차추가 cu01_h  */
.mb_title h1 {
  padding-bottom: 10px;
}
.mb_in_tit1,
.mb_in_tit2 {
  font-size: 0.9em;
  color: #666;
  font-weight: 300;
}
.mb_in_tit1 {
  padding: 0 0 5px;
}
.mb_in_tit2 {
  padding: 15px 0 5px;
}
.mb_in_tit strong {
  color: #ce4ec4;
}
#cu01_h .mb_form {
  margin: 0 auto 20px;
}
/* 220422 답글업데이트관련 */
.r_rv_block .rv_con {
  float: right;
}
.r_contents {
  font-size: 0.9rem;
  width: 87%;
  height: 34px;
  border: 1px solid #d8d8d8;
  border-radius: 3px;
  text-indent: 10px;
  margin: 0 2px 10px 0;
}
.rv_reply {
  cursor: pointer;
}
.r_rv_block {
  display: none;
}
#rc_li.r_block .r_rv_block {
  display: block;
}
.r_rv_block .review_content_right {
  padding: 0 0 12px 30px;
}
.r_rv_block .btn_write {
  color: #fff;
  font-size: 0.75em;
  font-weight: 300;
  width: 12%;
  height: 34px;
  background-color: #939393;
  border-radius: 3px;
  float: right;
}
@media (min-height: 812px) and (max-height: 846px) {
  /* #cu10_h, #cu10_a, #cu10_c, #cu10_b, #cu10_f, #cu10_e, #cu10_d, #cu01_a, #cu01_c, #cu01_b, #cu01_f, #cu01_e, #cu01_d, #cu01_g {
        padding: 30% 0px 0px !important;
  }
  #member_close {
    margin: 46px 0 0;
  }
  #pop_top {
      height: 90px;
  } */
  /* 220719 .container_popup {
    padding-top: 10px;
  } */
  .input_style {
    width: 100%;
    width: -webkit-(100%);
  }
}
/* 팝업창 아이폰 ui */
@media only screen and (max-width:375px) and (max-height: 812px) ,
    screen and (max-width: 414px) and (max-height: 896px),
    screen and (max-width: 390px) and (max-height: 844px),
    screen and (max-width: 393px) and (max-height: 852px),
    screen and (max-width: 428px) and (max-height: 927px) {
    #cu01_d {
      padding: 25% 0 0 0;
    }
      .mb_text {
        height: 220px !important;
      }
    #cu01_d .si_toolbar {
        padding: 46px 12px 5px;
      }
}
@media only screen and (device-width: 375px) and (device-height: 812px) and (-webkit-device-pixel-ratio: 3),
screen and (device-width: 414px) and (device-height: 896px) and (-webkit-device-pixel-ratio: 2),
screen and (device-width: 414px) and (device-height: 896px) and (-webkit-device-pixel-ratio: 3),
screen and (device-width: 390px) and (device-height: 844px) and (-webkit-device-pixel-ratio: 3),
screen and (device-width: 393px) and (device-height: 852px) and (-webkit-device-pixel-ratio: 3),
screen and (device-width: 428px) and (device-height: 926px) and (-webkit-device-pixel-ratio: 3) {
  #cu10_h{
        padding: 30% 0 0 0;
  }
  #cu01_d .si_toolbar {
    padding: 46px 12px 5px !important;
  }
  #cu01_d #member_close {
    margin: 46px 0 0;
  }
  #pop_top {
      height: 90px;
  }
  .si_toolbar {
    padding: 46px 12px 5px;
  }
}
@media only screen and (max-height: 640px) {
  #cu01_g {
    padding: 15% 0 0 0 !important;
  }
}
@media only screen and (max-width: 325px) {
  .mb_title h4 {
    font-size: 0.8em !important;
  }
  #cu01_a .mb_title h1,
  #cu01_c .mb_title h1 {
    padding-top: 20px !important;
  }
  .mb_title h1 {
    font-size: 1.8em !important;
  }
}
/* 통합앱버전 */
/* 회원가입 */
.cu10 h3 > span,
.cu10 h4,
.cu10 p {
  color: #666;
  font-size: 0.9em;
}
.cu10 .alert,
/* 220719 .cu10 #logout, */
.cu10 .mb_title h4 strong,
.cu10 .mb_content p strong {
  color: #612af5;
}
/* 220719 .cu10 #logout, */
.cu10 #join,
.cu10 .btn_bora {
  border: thin solid #612af5;
  border-radius: 3px;
}
.cu10 .btn_boraone,
.cu10 .btn_bora {
  background: #612af5;
}
.cu10 #join {
  color: #612af5;
  background-color: #fff;
}
.container_popup .cu10 #join i {
  display: inline-block;
  width: 18px;
  height: 18px;
  vertical-align: text-bottom;
  background-image: url(../images/cu10_ic_join.png);
  background-size: cover;
  background-repeat: no-repeat;
  margin-left: 6px;
}
#cu10_g .profile {
  border: 1px solid #333;
}
.cu10 .nick .input_style {
  color: #454545;
  font-weight: 600;
  border:none;
  /*220719 border-bottom: 1px solid #a7a7a7; */
  border-bottom: 1px solid #612af5;
}
.cu10 .nick #profile_tel {
  border-bottom: 0;
}
.mb_profile li {
  font-weight: 500;
}
.mb_profile li span:first-child {
  font-size: 0.9rem;
  font-weight: 400;
}
/* 220719 .cu10 #logout, */
.cu10 .btn_grayline
 {
  font-weight: 600;
}
.cu10 .btn_grayline {
  color: #888;
  border-radius: 3px;
}
.si_toolbar .temp {
  width: 40px;
  height: 40px;
}
/* 220719 cu10_g화면 */
/* 220719 주석 달린 부분 겉어내고 살리면 원상복  */
#cu10_g {
  top:0;
  height: 100%;
  padding:0 !important;
}
#cu10_g .si_toolbar {
  box-sizing: border-box;
  width:100%;
  justify-content: space-between;
  display: flex;
  align-items: center;
}
#cu10_g .content {
  min-height: 100%;
  height: 100%;
  overflow-y: scroll;
  webkit-overflow-scrolling: touch;
}
#cu10_g .profile {
  width: 60px;
  height: 60px;
  border: 1px solid #666;
  border-radius: 50%;
}
#cu10_g .mb_setting {
  padding-top: 8px;
  margin-bottom: 10px;
  background: #fff;
}
#cu10_g .mb_setting li {
  width: calc(100% - 44px);
  margin: 0 auto;
}
#cu10_g .mb_setting li small {
  font-size: 0.8rem;
  color: #999;
}
#cu10_g .mb_setting li a {
  display: flex;
  justify-content: space-between;
  font-size: 0.95rem;
  padding: 12px 0;
}
#cu10_g .mb_setting_link {
  border-bottom: #ebebeb 1px solid;
}
#cu10_g .mb_setting li:last-child {
  border: 0;
}
#cu10_g .mb_setting_link i {
  position: relative;
  font-style: normal;
  font-size: 0.8rem;
  color: #612af5;
  padding-right: 30px;
}
#cu10_g .mb_setting_link i::after {
  position: absolute;
  top: -2px;
  right: -4px;
  content: "";
  width: 24px;
  height: 24px;
  background-image: url(../images/cu10_btn_arrow.png);
  background-size: cover;
}
.arw_none_li i::after {
  display: none;
}
#cu10_g .arw_none_li i {
  padding-right: 5px;
}
.si_logo_area img {
  width: 106px;
  height: 100px;
}
.mb_profile {
  padding: 8px 0;
  margin: 30px 0 10px;
  background-color: #fff;
}
input[type="text"]:disabled {
  background: #ccc;
}
#cu10_g .mb_mkt {
  /* 마케팅 수신 동의 */
  display: none;
  padding: 8px 22px 20px;
  background-color: #fff;
}
#cu10_g .mb_mkt small {
  display: inline-block;
  color: #999;
  margin-bottom: 6px;
}
#cu10_g .mb_checkbox {
  display: flex;
  align-items: center;
  padding: 6px 4px;
}
#cu10_g .mb_checkbox label {
  margin-right: 10px;
}
input[type="checkbox"] {
  display: none;
}
input[type="checkbox"] + label {
  display: inline-block;
  width: 16px;
  height: 16px;
  border: 1px solid #ebebeb;
  border-radius: 4px;
  position: relative;
}
input[class="checkbox"]:checked + label::after {
  content: "✔";
  font-size: 0.75rem;
  color: #612af5;
  width: 16px;
  height: 16px;
  line-height: 16px;
  text-align: center;
  position: absolute;
  transform: rotate(5deg);
  left: 0;
  top: 0;
}
input::placeholder,
input:-ms-input-placeholder,
input::-webkit-input-placeholder {
  color: #612af5;
}
.mb_withdraw {
  text-align: right;
  padding: 0 0 16px;
}
.mb_withdraw button {
  color: #888;
  background-color: #fff;
}
.mb_withdraw button img {
  vertical-align: bottom;
  margin-left: 0;
}
.cu10 .nick #profile_tel {
  border: 0;
}
#profile_id {
  position: relative;
}
.btn_wallet,
.btn_changepass {
  position: absolute;
  bottom: 8px;
  display: flex;
  align-items: center;
  border-radius: 30px;
}
.btn_changepass {
  font-size: 0.8rem;
  padding: 6px 14px;
  right: 0;
  color: #fff;
  background-color: #612af5;
}
.btn_wallet {
  text-align: center;
  left: 55px;
  color: #612af5;
  padding: 6px 15px;
  background-color: #fff;
  border: #612af5 1px solid;
  margin-left: 10px;
}
.nick .btn_boraone {
  position:absolute;
  right: 0;
  bottom: 5px;
  width: 32px;
  height: 32px;
}
.mb_profile li {
  font-size: 0.95rem;
  width: calc(100% - 44px);
  height: auto;
  margin: 0 auto;
}
.btn_wallet{
  height: 48px;
}
.mb_profile li.wallet {
  display: flex;
  height: 70px;
}
.btn_wallet{
  display: block;
  font-size: 0.9rem;
  text-align: center;
  color:#fff;
  width:80%;
  background-color: #206eea;
  border: none;
}
.container_popup .btn_wallet img{
  height: 12px;
  width: auto;
  margin-right: 8px;
  margin-left: 0;
}
.mb_profile li.wallet p {
  width: 80%;
  height: 65px;
  font-size: 0.9rem;
  word-wrap: break-word;
  line-height: 1.5;
  padding-top: 10px;
}
.arw_none_li li:last-child a {
  font-weight: 300;
  color: #666;
}
#cu10_g #logout {
  border: none;
  border-radius: 0;
}
/*=======================================================
                         칩스터
=========================================================*/
/*====================== 공통요소 =================== */
.si_toolbar {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background-color: #fff;
    padding: 22px 12px 5px;
}
.si_toolbar img {
    height: 40px;
}
.si_toolbar h2 {
    font-family: "Poppins", sans-serif;
    color: #353535;
}
.cb10_bt_wrap {
    position: fixed;
    bottom: -1px;
    width: 100%;
    z-index: 100;
}
.cb10_menu {
    width: 100%;
    height: 60px;
    justify-content: space-between;
    padding: 10px 15px;
    box-sizing: border-box;
    background-image: url(../images/cb10_bg.jpg);
    background-size: cover;
}
.cb10_menu{
    display: flex;
}
.cb10_menu li a, .ct10_menu li a {
    display: inline-block;
    width: 40px;
    height: 40px;
    background-size: cover;
    /* opacity: 0.4; */
}
.cb10_menu li.on a{
    opacity: 1;
}
/* 220712 start cu10_a 화면 */
#cu10_a {
  position: relative;
  height: 100%;
  /* background-image: url(../images/cu10_b_bg.jpg);
  background-repeat: no-repeat;
  background-size: 110%;
  background-position: bottom right;
  animation: mymove 60s infinite; */
}

@keyframes mymove {
  50% {
    background-position: top left;
    background-size: 130%;
  }
}
.cu10_a_wrap {
  display: flex;
  flex-direction: column;
  justify-content: end;
  height: 100%;
}
#cu10_a .mb_title {
  margin: 0 auto;
}
#cu10_a .mb_title h2 {
  font-weight: 500;
  color: #fff;
  font-size: 1.5em;
  line-height: 100%;
}
#cu10_a .mb_title h2 span {
  font-weight: 100;
}
#cu10_a .mb_title h3 {
  font-weight: 400;
  color: #fff;
  margin-top: 12px;
  font-size:1.17em;
}
#cu10_a .mb_exp {
  width: -webkit-calc(100% - 44px);
  width: -moz-calc(100% - 44px);
  width: calc(100% - 44px);
  margin: 0 auto;
}
#cu10_a .mb_exp img {
  width: 90px;
  vertical-align: middle;
}
#cu10_a .mb_exp p {
  position: relative;
  /* display: inline-block; */
  font-size: 0.75rem;
  font-weight: 300;
  color: #fff;
  letter-spacing: -0.02rem;
  padding: 5px 16px;
  margin-left: 8px;
  border-radius: 30px;
  background-color: #612af5;
}
#cu10_a .mb_exp p::before {
  content: "";
  position: absolute;
  border-top: 15px solid #612af5;
  border-right: 5px solid transparent;
  border-left: 5px solid transparent;
  bottom: -8px;
  left: 0;
  transform: rotate(45deg);
}
#cu10_a .mb_content {
  text-align: center;
  margin: 14px auto 50px;
}
#cu10_a .btn_login {
  display: block;
  font-size: 0.9rem;
  color: #111;
  padding: 10px 0;
  width: 100%;
  background: #fff;
  margin: 6px 0;
  border-radius: 3px;
  letter-spacing: -0.02rem;
}
#cu10_a .btn_bt_line img,
#cu10_a .btn_login img {
  width: 18px;
  height: 18px;
  margin-right: 9px;
}
#cu10_a .btn_login img {
  vertical-align: top;
}
#cu10_a .btn_bt_line img {
  vertical-align: middle;
  margin-left: -20px;
}
.version_info {
  font-size: 0.75rem;
  font-weight: 300;
  text-align: center;
  color: #fff;
}
.btn_bt_line {
  font-size: 0.9rem;
  color: #fff;
  background-color: transparent;
  padding: 10px 0;
  margin-bottom: 6px;
}
.btn_bt_line span {
  position: relative;
}
.btn_bt_line span::after {
  position: absolute;
  bottom: -4px;
  left: 0;
  content: "";
  width: 100%;
  height: 1px;
  background-color: #fff;
}
#cu10_a .mb_sns img {
  width: 20px;
  height: 20px;
  margin-right: 10px;
  margin-left: -25px;
}
/* 220712 end cu10_a 화면 */
/* 통합앱 추가되는 화면  */
#cr10,
#cl10,
#ci10,
#cs10 {
  width: 100%;
  background-color: #000;
  background-image: url(../images/ct10_bg.png);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  position: relative;
  z-index: 2;
}
.chip {
  height: 100%;
}
.ct10_top_wrap {
  padding: 22px 0 0;
}
.tot_wrap {
  padding: 154px 0 0;
}
.ct10_top_wrap {
  position: fixed;
  width: 100%;
  z-index: 100;
}
.info_btn {
  display: flex;
  justify-content: end;
  margin: 0 12px;
}
.info_btn a {
  display: block;
  width: 40px;
  height: 40px;
  background-size: cover;
}
.info_btn a.ct10_my_btn {
  background-image: url(../images/ct10_my_btn.png);
}
.info_btn a.ct10_notice_btn {
  display: none;
  position: relative;
  background-image: url(../images/ct10_notice_btn.png);
}
.ct10_notice_num {
  position: absolute;
  top: 7px;
  right: 5px;
  display: inline-block;
  font-size: 1px;
  text-align: center;
  color: #fff;
  font-style: normal;
  width: 12px;
  height: 12px;
  line-height: 12px;
  border-radius: 50%;
  background-color: #ff3000;
}
.ct10_title {
  text-align: center;
  margin: 15px 0;
}
.ct10_user {
  font-size: 1.5rem;
  font-weight: 100;
  line-height: 1.8;
  color: #fff;
}
.ct10_user b {
  font-weight: 500;
}
.ct10_title img {
  vertical-align: text-bottom;
  width: 124px;
  margin-left: 10px;
}
.ct10_menu .ct10_m01,
.ct10_menu .ct10_m02,
.ct10_menu.chipster{
  display: none;
}
.cb10_menu,
.ct10_menu {
  display: flex;
}
.ct10_menu {
  justify-content: center;
}
.ct10_menu li {
  position: relative;
  padding: 0 15px;
}
.ct10_menu li::after {
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-55%);
  content: "";
  width: 0.5px;
  height: 26px;
  background-color: #777;
}
.ct10_menu li:last-child::after {
  display: none;
}
/* 상단메뉴 */
.ct10_menu .ct10_m01 a {
  background-image: url(../images/cb10_chip_btn_g.png);
}
.ct10_menu .ct10_m01 a.on {
  background-image: url(../images/cb10_chip_btn_g.png);
}
.ct10_menu .ct10_m02 a {
  background-image: url(../images/cb10_marker_btn_g.png);
}
.ct10_menu .ct10_m02 a.on {
  background-image: url(../images/cb10_marker_btn_g.png);
}
.ct10_menu .ct10_m03 a {
  background-image: url(../images/cb10_chip_btn_g.png);
}
.ct10_menu .ct10_m03 a.on {
  background-image: url(../images/ct10_sp_btn_on.png);
}
.ct10_menu .ct10_m04 a {
  background-image: url(../images/cb10_marker_btn_g.png);
}
.ct10_menu .ct10_m05 a {
  background-image: url(../images/cb10_marker_btn_g.png);
}
/* 하단메뉴 */
/* 220817 기능개발되기 전까지는 임시가 */
/* .cb10_menu .cb10_m02{
  display: none;
} */
.cb10_menu .cb10_m01 a {
  background-image: url(../images/cb10_home_btn.png);
}
.cb10_menu .cb10_m02 a {
  background-image: url(../images/cb10_checkin_btn.png);
}
.cb10_menu .cb10_m03 a {
  background-image: url(../images/cb10_nft_btn.png);
}
/* 미니플레이어와 높이가 같게 되면 ok */
.cb10_menu {
  width: 100%;
  height: 60px;
  background-color: #ededed;
  justify-content: space-between;
  padding: 10px 15px;
  box-sizing: border-box;
}
.chip_slide {
  width: 100%;
  height: 340px;
}
.cr10_cst {
  position: absolute;
  bottom: -230px;
  left: -90px;
  z-index: -1;
}
.cr10_cst img {
  width: 97%;
}
/* 폰트 관련설정 */
.con_option {
  font-size: 0.8rem;
  height: 30px;
  line-height: 30px;
  text-align: center;
  margin: 5px 15px 0;
}
.chip_r_tit {
  color: #e9e9e9;
}
.chip_recent_li,
.chip_r_artist,
.chip_r_bt a {
  color: #999;
}
.chip_r_info,
.chip_r_bt {
  font-size: 0.75rem;
}
.chip_r_bt a {
  font-size: 0.7rem;
  font-weight: 600;
  text-align: center;
  line-height: 30px;
}
.chip_r_rday {
  line-height: 34px;
}
.chip_r_bt,
.chip_r_bt a {
  font-family: "Poppins", sans-serif;
}
.con_option .select {
  color: #fff;
  width: 100%;
  height: 30px;
  border: 1px solid #454545;
  background-color: #000;
}
/* IE 10, 11의 네이티브 화살표 숨기기 */
#cp02 select::-ms-expand {
  display: none;
}
/* 구매 목록 */
.chip_get {
  display: flex;
  justify-content: space-between;
  margin: 0 0 15px 0;
}
.chip_get_li {
  width: 30%;
}
.chip_get_li img {
  width: 100%;
}
/* 발매된 칩디스크 */
.chip_recent_scr,
.chip_get_scr {
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch;
  width: calc(100% - 30px);
  margin: 0 auto;
  padding: 20px 0 0;
}
.chip_get_scr,
.chip_get_wrap {
  height: 110%;
}
.chip_recent_scr,
.chip_recent_wrap {
  height: 135%;
}
.chip_recent {
  border: 1px solid #454545;
}
.chip_recent_li {
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 140px;
  border-bottom: 1px solid #454545;
  background-color: #111;
  padding: 0 15px;
  box-sizing: border-box;
}
.chip_recent_li:nth-child(2n-1) {
  background-color: #000;
}
.chip_recent_li:last-child {
  border-bottom: 0;
}
.chip_r_info {
  display: block;
  height: 19px;
}
.chip_r_artist {
  margin: 0 0 12px 0;
}
.chip_r_bt {
  width: 96px;
}
.chip_r_bt a {
  float: right;
  width: 30px;
  height: 30px;
  border: 1px solid #484848;
  border-radius: 50%;
}
.chip_recent_right img {
  width: 120px;
}
/* 목록에 칩디스크 슬라이드부분 */
/* 라이브러리 */
.img-box > img {
  width: 100%;
  display: block;
}
.row::after {
  content: "";
  display: block;
  clear: both;
}
.margin-0-auto {
  margin: 0 auto;
}
.block {
  display: block;
}
.inline-block {
  display: inline-block;
}
.text-align-center {
  text-align: center;
}
.line-height-0-ch-only {
  line-height: 0;
}
.line-height-0-ch-only > * {
  line-height: normal;
}
/* 커스텀 */
.con-min-width {
  min-width: 320px;
}
html {
  overflow-x: hidden;
}
/* 중앙 컨텐츠 3차 visual story */
.chip_slide-div {
  height: 100vh;
}
.chip_slide-wrap {
  font-size: 25px;
  position: relative;
  top: 50%;
  transform: translateY(-50%);
}
.chip_slide-wrap .chip_slide-tt {
  text-align: center;
  margin-bottom: 11px;
}
.chip_slide-wrap .chip_slide-slider {
  text-align: center;
  padding: 67.12px 0 0;
}
.chip_slide-wrap .chip_slide-slider .slick-list {
  height: 350px !important;
  box-sizing: border-box;
  padding-top: 50px;
}
.chip_slide-wrap .chip_slide-slider .slider-item {
  max-width: 690px;
  position: relative;
  padding: 15px 0 0;
}
.chip_slide-wrap .chip_slide-slider .slick-slide .slider-item .img-box > img {
  transform-origin: 50% 50%;
  transform: scale(0.88);
  transition: transform 0.5s linear;
}
.chip_slide-wrap .chip_slide-slider .slick-center .slider-item .img-box > img {
  transform: scale(1.2);
  transition: transform 0.5s linear;
}
/* 슬라이드 애니메이션 클론 버벅거림 수정 */
.chip_slide-wrap .chip_slide-slider .slick-slide:nth-child(7)[aria-hidden="true"] .slider-item .img-box > img {
  transform: scale(0.88);
}
.slick-track {
  margin: 10px 0;
}
/* visual story 내부 텍스트 */
.chip_slide-wrap .chip_slide-slider .slider-item > .chip_slide-desc-list {
  margin-top: 26px;
  opacity: 0;
  transform: translateY(30%);
  transition: opacity 0.8s, transform 0.8s;
  padding: 20px 0 0;
}
.chip_slide-wrap
  .chip_slide-slider
  .slick-active
  .slider-item
  > .chip_slide-desc-list {
  opacity: 1;
  transform: translateY(0);
  transition: opacity 0.8s 0.5s, transform 0.8s 0.5s;
}
.chip_slide-wrap .chip_slide-slider .slider-item {
  display: none;
  max-width: 55vw;
}
.chip_slide-wrap
  .chip_slide-slider
  .slider-item
  > .chip_slide-desc-list
  > .chip_slide-desc-tt {
  font-size: 1.3rem;
}
.chip_slide-desc-tt {
  color: #fff;
  font-weight: 600;
}
.chip_slide-desc-list.none .chip_slide-desc-tt {
  font-size: 1.2rem;
  font-weight: 400;
  line-height: 1.6rem;
  width: 150px;
  text-align: center;
  margin: auto;
}
.chip_slide-wrap
  .chip_slide-slider
  .slider-item
  > .chip_slide-desc-list.none
  > .chip_slide-desc-tt {
  font-size: 1.2rem;
}
.chip_slide-wrap
  .chip_slide-slider
  .slider-item
  > .chip_slide-desc-list
  > .chip_slide-desc {
  font-size: 1rem;
  color: #6927ff;
  margin: 5px 0 0;
  font-weight: 500;
}
.chip_slide-desc-list.none p {
  display: none;
}
.chip_slide-wrap .chip_slide-tt {
  font-size: 40px;
}

.chip_slide-wrap .chip_slide-slider .slider-item > a::after {
  display: none;
}

.chip_slide-wrap .chip_slide-slider .slider-item > a > .discover {
  display: none;
}
.slick-counter {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  font-size: 0.8rem;
  color: #999;
  min-width: 50px;
}
.slick-counter .current {
  color: #fff;
}
/* ci10 */
.ci10_loading {
  text-align: center;
}
.ci10_loading img {
  width: 100%;
}
.ci10_chip {
  position: absolute;
}
/* 211209 통합앱 가이드화면 */
.overlay_tot {
  position: fixed;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  flex-direction: row;
  justify-content: center;
  z-index: 300;
  overflow-x: hidden;
  background-color: rgb(0 0 0 / 70%);
}
.overlay_tot .guide_wrap p {
  font-size: 0.8em;
  font-weight: 300;
  color: #c9c9c9;
  line-height: 150%;
}
.overlay_tot .guide_wrap p b {
  color: #fff;
  font-weight: 400;
}
.overlay_tot .guide_buttom_wrap,
.guide_tot01_wrap,
.guide_tot02_wrap,
.guide_tot04_wrap {
  display: flex;
}
.guide_tot01_wrap {
  padding: 18px 7px;
  align-items: center;
  flex-direction: row-reverse;
}
.guide_tot02_wrap {
  flex-direction: column;
  align-items: center;
}
.guide_tot04_wrap {
  position: absolute;
  bottom: 0;
  flex-direction: column;
  padding: 6px 9px;
}
.guide_tot05_wrap {
  padding: 130px 0 0 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-left: 70px;
  /* 메뉴3개 되면 아래 css 사용해서 가이드변경 */
  /* margin-left: 140px; */
}
.guide_tot05_wrap p {
  text-align: center;
  /* 메뉴3개 되면 아래 css 사용해서 가이드변경 */
  /* padding-left: 40px; */
}
.guide_tot06_wrap {
  padding: 4px 0;
  display: none;
}
.overlay_tot .guide_buttom_wrap .guide_circle {
  margin-top: 5px;
}
.guide_tot07_wrap {
  position: absolute;
  padding: 5px 10px;
  right: 0;
  bottom: 0;
}
.guide_tot07_wrap p {
  position: absolute;
  top: -65px;
  right: 15px;
  width: 140px;
  text-align: right;
  word-break: keep-all;
}
.overlay_tot .guide_buttom_wrap {
  width: 100%;
  position: absolute;
  bottom: 0;
  justify-content: center;
}
.guide_tot01_circle {
  top: -60px;
  left: -60px;
}
.guide_tot01_img,
.guide_tot01_img {
  margin-bottom: 10px;
}
.guide_tot02_wrap {
  margin: 45px 15px 0;
  padding-right: 70px;
  /* 메뉴3개 되면 아래 css 사용해서 가이드변경 */
  /* padding-right: 140px; */
}
.guide_tot05_1_wrap,
.guide_tot03_wrap {
  width: 100%;
  text-align: center;
  margin: 100px 0 0;
}
.overlay_tot .guide_circle {
  width: 50px;
  height: 50px;
  border-radius: 50%;
  background-color: #651fff;
  opacity: 0.6;
  z-index: -1;
}
.guide_tot01_circle {
  margin-left: 10px;
}
.guide_tot05_circle,
.guide_tot02_circle {
  margin-bottom: 10px;
}
.guide_tot04_circle {
  margin-top: 10px;
}
.guide_tot03_img img {
  width: 70px;
}
.guide_tot05_img img {
  width: 170px;
}
.guide_tot01_circle::after {
  background: url(../images/ct10_my_btn_g.png) no-repeat;
}
.guide_tot02_circle::after {
  background: url(../images/cb10_chip_btn_g.png) no-repeat;
}
.guide_tot04_circle::after {
  background: url(../images/cb10_home_btn.png) no-repeat;
}
.guide_tot05_circle::after {
  background: url(../images/cb10_marker_btn_g.png) no-repeat;
}
.guide_tot06_circle::after {
  background: url(../images/cb10_checkin_btn_g.png) no-repeat;
}
.guide_tot07_circle::after {
  background: url(../images/cb10_nft_btn_g.png) no-repeat;
}
.overlay_tot .guide_circle:after {
  content: "";
  position: absolute;
  width: 40px;
  height: 40px;
  margin: 5px;
  background-size: cover;
}
.guide_tot_next {
  display: block;
  padding: 10px 0;
  background-color: #6b1ede;
  color: #fff;
  width: 50%;
  margin: 0 auto;
  font-size: 0.9em;
  border-radius: 2px;
}
.guide_tot01_wrap p{
  text-align: right;
}
.guide_tot05_1_wrap p,
.guide_tot03_wrap p {
  margin: 15px 0 50px;
}
/* 임시적용css(덧글삭제버튼) */
.rv_delete_btn {
  float: right;
  font-size: 0.75em;
  font-weight: 300;
  color: #444;
  cursor: pointer;
  line-height: 19px;
}
/* 통합앱 칩디스크 추가 알림 팝업 */
.inform_tot_wrap {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  height: 96%;
}
.inform_tot_txt img {
  width: 100%;
}
.inform_tot.off .inform_tot_txt {
  transition: all 0.5s linear;
  transform: scale(0.4);
}
/* 220512 추가되는 내용 */
.overlay_tot.inform_tot {
  background-color: rgb(0 0 0 / 0%);
}
.inform_tot_txt {
  width: 80%;
}
.inform_tot {
  position: fixed;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  flex-direction: row;
  justify-content: center;
  z-index: 200;
  overflow-x: hidden;
  background-color: rgb(0 0 0 / 70%);
  animation: fadeout_w 0.45s 1s 1 alternate;
  animation-fill-mode: forwards;
}
/* 뉴컬렉션 나오는 동시에 해당 .slick-center .newchip클레스 넣어달라고 요청 */
.chip_slide-wrap
  .chip_slide-slider
  .slick-center.newchip
  .slider-item
  .img-box
  > img {
  transform: scale(0.8);
  opacity: 0;
  animation: new_chip 0.2s 1.2s 1 ease-out alternate;
  animation-fill-mode: forwards;
}
@keyframes fadeout_w {
  0% {
    display: block;
    transform: scale(1);
    opacity: 1;
  }
  25% {
    transform: scale(1.1);
    opacity: 0.6;
  }
  50% {
    transform: scale(1);
    opacity: 0.4;
  }
  75% {
    transform: scale(0.6);
    opacity: 0.2;
  }
  95% {
    transform: scale(0.4);
    opacity: 0;
  }
  100% {
    display: none;
    transform: scale(0);
    opacity: 0;
  }
}
@keyframes new_chip {
  0% {
    display: block;
    transform: scale(0.8);
    opacity: 0.5;
  }
  100% {
    display: none;
    transform: scale(1.2);
    opacity: 1;
  }
}
/* 220422 답글업데이트관련 */
.r_rv_block .rv_con {
  float: right;
}
.r_contents {
  font-size: 13px;
  width: 85%;
  height: 30px;
  border: 1px solid #d8d8d8;
  border-radius: 3px;
  text-indent: 10px;
  margin: 0 2px 10px 0;
}
.rv_reply {
  cursor: pointer;
}
.r_rv_block {
  display: none;
}
#rc_li.r_block .r_rv_block {
  display: block;
}
.r_rv_block .review_content_right {
  padding: 0 0 12px 30px;
}
.r_rv_block .btn_write {
  color: #fff;
  font-size: 0.75em;
  font-weight: 300;
  width: 12%;
  height: 30px;
  background-color: #939393;
  border-radius: 3px;
}

/* 220707 soundgram box Start*/
#sb10 .content {
  height: 100%;
  overflow-y: scroll;
  webkit-overflow-scrolling: touch;
  background-color: #fff;
}
.sb10_total_info,
.sb10_tab {
  position: sticky;
  left: 0;
  z-index: 100;
}
.sb10_tab {
  top: 0;
  height: 40px;
}
.sb10_top {
  padding: 26px 30px 15px;
  background-color: #ededed;
}
#sb10 .pf_info {
  float: left;
}
#sb10 .pf_poto {
  position: relative;
  text-align: center;
  min-width: 90px;
}
#sb10 .pf_txt {
  height: 80px;
  margin-left: 25px;
}
#sb10 .pf_poto img {
  width: 52px;
  height: 52px;
  border: 1px solid #bfbfbf;
  border-radius: 50%;
  object-fit: cover;
}
#sb10 .pf_poto button {
  background: url(../images/sb10_pf_edite_btn.png) no-repeat;
  left: 50%;
  transform: translateX(60%);
  bottom: 0;
}
.ch_map_btn {
  background: url(../images/sb10_pf_map_btn.png) no-repeat;
  right: 0;
  bottom: 0;
}
.ch_map_btn,
#sb10 .pf_poto button {
  position: absolute;
  width: 26px;
  height: 26px;
  border-radius: 50%;
  background-size: cover;
}
.sb10_top_info {
  min-height: 81px;
}
.sb10_top_info .info_detail {
  display: flex;
  margin-top: 6px;
}
.sb10_top_info h4 {
  max-width: 120px;
  text-overflow: ellipsis;
  overflow: hidden;
  word-break: keep-all;
  color: #454545;
  margin-bottom: 7px;
}
.sb10_top_info .info_key {
  width: 88px;
  margin-right: 20px;
}
.sb10_tab li {
  float: left;
  width: 33.333333%;
}
.sb10_tab button {
  width: 100%;
  height: 40px;
  color:#000;
  background: #ededed;
}
.sb10_tab button.on {
  border: 1px solid #ededed;
}
.sb10_chip_li {
  margin-bottom: 40px;
}
.sb10_content_scr {
  height: 100%;
}
.sb10_content {
  width: calc(100% - 30px);
  padding: 0 15px 20px;
}
.sb10_content_checkin,
.sb10_total_checkin,
.sb10_total_chip,
.sb10_total_nft,
.sb10_content_ch,
.sb10_content_nft {
  display: none;
}
.sb10_content_checkin.on,
.sb10_total_checkin.on,
.sb10_total_chip.on,
.sb10_total_nft.on,
.sb10_content_ch.on,
.sb10_content_nft.on {
  display: block;
}
.sb10_checkin_list,
.sb10_chip_list,
.sb10_nft_list {
  padding-bottom: 180px;
}
.sb10_total_info {
  padding: 20px 15px 12px;
  top: 40px;
  background-color: #fff;
}
.sb10_total_info .f_h3 b {
  font-weight: 600;
  margin-left: 8px;
}
.sb10_chip_list {
  border-top: 1px solid #454545;
}
.sb10_con_top {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 20px 18px;
  border-bottom: 1px solid #454545;
  border-left: 1px solid #454545;
  border-right: 1px solid #454545;
  background-color: #111;
}
.sb10_con_bt {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  padding: 18px;
  border-bottom: 1px solid #c0c0c0;
  border-left: 1px solid #c0c0c0;
  border-right: 1px solid #c0c0c0;
}
.sb10_con_bt h5 {
  font-size: 0.8em;
  font-weight: 500;
  margin-bottom: 3px;
}
.sb10_con_bt h5 b {
  font-size: 0.95rem;
  color: #612af5;
  margin-left: 3px;
}
.sb10_con_bt i {
  font-style: normal;
  margin-left: 3px;
}
.sb10_con_bt .detail {
  font-size: 0.8rem;
  margin-top: 2px;
}
.sb10_con_bt button {
  font-size: 0.9rem;
  color: #fff;
  padding: 8px 16px;
  background-color: #612af5;
  border-radius: 3px;
}
.sb10_con_bt button.done {
  color: #ededed;
  background-color: #999;
  pointer-events: none;
}
.sb10_nft_exp {
  font-size: 0.8rem;
  text-align: right;
  padding: 8px;
}
.sb10_nft_exp span {
  position: relative;
}
.sb10_nft_exp span:after {
  position: absolute;
  right: 0;
  bottom: -2px;
  content: "";
  width: 100%;
  height: 1px;
  background-color: #666;
}
.chip_r_nft .nft_location {
  display: none;
  position: absolute;
  top: -40px;
}
/* 칩, nft 목록이 없는경우 */
#sb10 .content.sb10_checkin_none .sb10_content,
#sb10 .content.sb10_chip_none .sb10_content,
#sb10 .content.sb10_nft_none .sb10_content {
  height: 150px;
}
.sb10_content_none,
.sb10_checkin_none .sb10_checkin_list,
.sb10_nft_none .sb10_nft_list,
.sb10_chip_none .sb10_chip_list {
  display: none;
}
.sb10_checkin_none .sb10_content_checkin .sb10_content_none,
.sb10_nft_none .sb10_content_nft .sb10_content_none,
.sb10_chip_none .sb10_content_ch .sb10_content_none {
  display: block;
}
.sb10_content_ch .sb10_content_none img {
  width: 40vw;
  margin: 20px 0;
}
.sb10_content_checkin .sb10_content_none img,
.sb10_content_nft .sb10_content_none img {
  opacity: 0.3;
  width: 56px;
  margin-bottom: 8px;
}
.sb10_content_checkin .sb10_content_none img{
  margin-bottom: 16px;
}
/* nft아닌 목록인경우 */
.sb10_chip_li.not_nft .sb10_nft_exp,
.sb10_chip_li.not_nft .sb10_con_bt button,
/* .sb10_chip_li.not_nft .sb10_con_bt h5, */
.sb10_chip_li.not_nft .chip_r_nft .nft {
  display: none;
}
.sb10_chip_li.not_nft .chip_r_nft_ed {
  margin: 0;
}
.sb10_chip_img {
  margin-top: -25px;
}
.sb10_chip_img img {
  width: 58vw;
}
.si_toolbar,
.popup_title,
.chip_r_nft_ed {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.chip_r_nft_ed {
  width: 100%;
  margin-top: -10px;
  align-items: end;
}

.chip_r_nft_ed.off {
  position: absolute;
  right: 0;
  bottom: -14px;
}
.chip_r_nft_ed.off .chip_r_nft {
  display: none;
}
.chip_r_nft img {
  width: 33px;
  vertical-align: text-bottom;
  padding-right: 5px;
}
.sb10_chip_detail {
  position: relative;
  width: 100%;
}
.sb10_chip_detail .chip_r_tit {
  margin: 5px 0;
}
.sb10_chip_detail .chip_r_artist {
  margin: 0;
}
.chip_r_ed_li {
  font-size: 0.85rem;
  color: #999;
  margin-bottom: -8px;
}
.chip_r_detail {
  font-size: 0.75rem;
  color: #999;
  font-weight: 300;
  margin-top: 3px;
}
.chip_r_ed {
  display: inline-block;
  width: 30px;
  height: 30px;
  line-height: 30px;
  background: #612af5;
  border-radius: 50%;
  margin: 0 2px 0 3px;
}
/* nft 탭화면 */
.sb10_checkin_li,
.sb10_nft_li {
  margin-bottom: 30px;
}
.sb10_nft_main {
  position: relative;
  box-sizing: border-box;
  width: 100%;
  cursor: pointer;
}
.sb10_checkin_main {
  position: relative;
  box-sizing: border-box;
  width: 100%;
}
.sb10_nft_main video,
.nft_chip_img {
  width: 100%;
}
.nft_inner_wrap {
  box-sizing: border-box;
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  padding: 15px;
}
.nft_inner_top .left img {
  height: 20px;
  padding: 2px 0 12px;
}
.nft_inner_bt {
  position: absolute;
  bottom: 20px;
  right: 15px;
}
.nft_inner_bt img {
  height: 56px;
}
.nft_inner_top ul {
  position: relative;
  margin-left: 8px;
}
.nft_inner_top ul::before {
  position: absolute;
  top: 6px;
  left: -7px;
  content: "";
  width: 1px;
  height: 56px;
  background: #67c4fa;
}
.sb10_chip_detail i {
  font-style: normal;
}
.nft_inner_top ul li:nth-of-type(3),
.nft_inner_top h2 {
  color: #fff;
}
.nft_inner_top ul span {
  font-size: 0.85rem;
  font-weight: 100;
}
.checkin_data,
.nft_date_wallet {
  padding: 16px 2px;
}
.nft_date_wallet li {
  float: left;
}
/* 220720 check in */
.checkin_card_img {
  width: 100%;
  border-radius: 20px;
}
.checkin_frame {
  box-sizing: border-box;
  position: relative;
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
}
.checkin_frame li {
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  border-radius: 10px;
  background-size: contain;
}
.checkin_frame .top {
  background-image: url(../images/sb10_checkin_frame_top.png);
  background-position: top;
  background-repeat: no-repeat;
  z-index: 2;
}
.checkin_frame .center {
  z-index: 1;
  background-image: url(../images/sb10_checkin_frame_m.png);
  background-position: center 50%;
}
.checkin_frame .bt {
  background-image: url(../images/sb10_checkin_frame_bt.png);
  background-position: bottom;
  background-repeat: no-repeat;
  z-index: 2;
}
.checkin_data span {
  font-weight: 500;
  color: #612af5;
}
.checkin_data p {
  font-size: 1rem;
  font-weight: 500;
  color: #454545;
}
.checkin_data i {
  font-size: 0.9rem;
  color: #999;
}
/* 220720 nft발행팝업 */
.overlay_tot_wrap {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  padding: 0 15px;
}
.overlay_mint_done,
.overlay_mint_start {
  display: none;
}
.overlay_mint_done.on,
.overlay_mint_start.on {
  display: block;
}
.popup_minting {
  position: relative;
  text-align: center;
  width: 300px;
  background: #fff;
  padding: 10px 0;
}
.minting_chip {
  position: absolute;
  top: -70px;
  left: 50%;
  transform: translateX(-50%);
}
.minting_chip img {
  width: 140px;
}
.popup_minting h3 {
  padding: 80px 0 15px;
}
.popup_minting h3 b {
  color: #612af5;
}
.popup_mint_btn {
  box-sizing: border-box;
  display: flex;
  justify-content: space-between;
  width: 100%;
  padding: 10px;
}
.popup_mint_btn li {
  width: 48%;
}
.popup_mint_btn button {
  font-size: 0.9rem;
  width: 100%;
  height: 40px;
  color: #612af5;
  border: 1px solid #612af5;
  border-radius: 3px;
}
.popup_mint_btn button.mint_golist,
.popup_mint_btn button.mint_ok {
  color: #fff;
  background: #612af5;
}
.minting_nft_img {
  position: relative;
  display: block;
  width: 137px;
  height: 137px;
  background-color: #000;
  background-size: 115%;
  background-repeat: no-repeat;
  background-position: -12px -12px;
}
.minting_chip.nft {
  border: 3px solid #fff;
}
.minting_nft_img::after {
  position: absolute;
  right: 5px;
  top: 5px;
  content: "";
  width: 30px;
  height: 34px;
  background: url(../images/sb10_nft_icon.png) no-repeat;
  background-size: cover;
}
/* 220707 soundgram box End*/

/* 갤럭시 S21 2021년 최신폰 높은해상도에서 */
@media only screen and (min-width: 325px) and (min-height: 812px) {
  .cb10_menu {
    height: 70px;
  }
  /* 통합앱 가이드화면 */
  .guide_tot04_wrap {
    padding: 6px 9px 14px;
  }
  .guide_tot05_1_wrap {
    margin: 180px 0 0;
  }
  .guide_tot03_wrap {
    margin: 213px 0 0;
  }
  .guide_tot06_wrap {
    padding: 15px 0;
  }
  .guide_tot07_wrap {
    padding: 5px 10px 13px;
  }
}
/* iPhone 12 Mini, iPhone 11 Pro, iPhone Xs 및 iPhone X */
/* iPhone 11 및 iPhone XR */
/* iPhone 11 Pro Max 및 iPhone Xs Max */
/* iPhone 12 및 iPhone 12 Pro */
/* iPhone 12 Pro max */
@media only screen and (device-width: 375px) and (device-height: 812px) and (-webkit-device-pixel-ratio: 3),
  screen and (device-width: 414px) and (device-height: 896px) and (-webkit-device-pixel-ratio: 2),
  screen and (device-width: 414px) and (device-height: 896px) and (-webkit-device-pixel-ratio: 3),
  screen and (device-width: 390px) and (device-height: 844px) and (-webkit-device-pixel-ratio: 3),
  screen and (device-width: 393px) and (device-height: 852px) and (-webkit-device-pixel-ratio: 3),
  screen and (device-width: 428px) and (device-height: 926px) and (-webkit-device-pixel-ratio: 3) {
  .tot_wrap {
    padding: 178px 0 0;
  }
  .cb10_menu {
    height: 80px;
  }
  /* 통합앱 화면*/
  .ct10_top_wrap {
    padding: 36px 0 0;
  }
  /* 통합앱 가이드화면 */
  .guide_tot01_wrap {
    padding: 30px 7px 18px;
  }
  .guide_tot02_wrap {
    margin: 45px 15px 0;
  }
  .guide_tot04_wrap {
    padding: 6px 9px 25px;
  }
  .guide_tot03_wrap {
    margin: 130px 0 0;
  }
  .guide_tot05_wrap {
    padding: 142px 0 0 0;
  }
  .guide_tot06_wrap {
    padding: 14px 0 24px;
  }
  .guide_tot07_wrap {
    padding: 14px 10px 23px;
  }
  .guide_tot06_wrap {
    margin-left: 12px;
  }
  .slick-counter{
    top:30px;
  }
  .chip_slide-wrap .chip_slide-slider .slider-item > .chip_slide-desc-list {
    padding: 10px 0 0;
  }
}
/* iPhone se2 */
@media only screen and (device-width: 375px) and (device-height: 667px) {
  .slick-counter {
    top: 25px;
  }
}

/* 옛날 기종 작은폰 */
@media only screen and (max-width: 424px) and (max-height: 753px) {
  .chip_slide-wrap .chip_slide-slider .slick-center .slider-item .img-box > img{
    transform: scale(1.1);
  }
  .cr10_cst {
    left: -20px;
  }
  .ct10_title {
    margin: 0;
}
.slick-counter {
    top: 30px;
  }
  .chip_slide-wrap .chip_slide-slider .slider-item > .chip_slide-desc-list {
    padding:10px 0 0;
  }
}
@media only screen and (max-width: 360px) and (max-height: 720px) {
  /* 칩디스크 슬라이드목록화면 */
  .chip_slide-wrap
    .chip_slide-slider
    .slick-center
    .slider-item
    .img-box
    > img {
    transform: scale(1.1);
  }
  .chip_slide-wrap .chip_slide-slider {
    padding: 20px 0 0;
  }
  .chip_slide-wrap .chip_slide-slider .slider-item > .chip_slide-desc-list {
    padding: 0;
  }
  .chip_slide-wrap .chip_slide-slider .slick-list {
    height: 285px !important;
  }
  .chip_slide-wrap .chip_slide-slider .slider-item > .chip_slide-desc-list {
    margin-top: 16px;
  }
  .chip_slide-wrap
    .chip_slide-slider
    .slider-item
    > .chip_slide-desc-list.none
    > .chip_slide-desc-tt {
    width: 140px;
    font-size: 1.1rem;
    line-height: 1.4rem;
  }
  .chip_slide-wrap
    .chip_slide-slider
    .slider-item
    > .chip_slide-desc-list
    > .chip_slide-desc {
    font-size: 0.9rem;
    margin: 0;
  }
  .chip_slide-wrap {
    transform: translateY(-47%);
  }
  /* 갖고있는 칩디스크 목록 */
  .chip_get_scr,
  .chip_get_wrap {
    height: 130%;
  }
  .slick-counter {
      top: 0;
    }
  /* 발매된 칩디스크목록 */
  .chip_recent_scr,
  .chip_recent_wrap {
    height: 155%;
  }
  /* 칩디스크 목록 카세트 배경 */
  .cr10_cst {
    left: -60px;
  }
}
/* 높은폰 */
/* iphone12 등*/
@media (min-height: 812px) and (max-height: 926px) {
  .guide_tot05_1_wrap {
    margin: 120px 0 0;
  }
  .guide_tot03_wrap {
    margin: 148px 0 0;
  }
}
/* 짧은폰 */
@media only screen and (max-height: 667px) {
  .guide_tot05_1_wrap {
    margin: 40px 0 0;
  }
  .guide_tot03_wrap {
    margin: 65px 0 0;
  }
  .guide_tot03_wrap p,
  .guide_tot05_1_wrap p {
    margin: 15px 0 30px;
  }
  .ct10_title {
    margin: 0;
}
.slick-counter {
    top: 50px;
}
}

/*=======================================================
                         칩스터
=========================================================*/
/*====================== 공통요소 =================== */
#cm11 .si_toolbar ,
#bi11 .si_toolbar ,
#bi11_detail .si_toolbar {
  background-color: #fff;
}
#cm11 .si_toolbar img,
#bi11 .si_toolbar img,
#sb10 .si_toolbar img {
  height: 40px;
}
.si_toolbar h2 {
    font-family: "Poppins", sans-serif;
    color: #353535;
}
.si_toolbar .temp {
    width: 40px;
    height: 40px;
}
.cb10_bt_wrap {
    position: fixed;
    bottom: -1px;
    width: 100%;
    z-index: 100;
}
.cb10_menu {
    display: flex;
    width: 100%;
    height: 60px;
    justify-content: space-between;
    padding: 10px 15px;
    box-sizing: border-box;
    background-image: url(../images/cb10_bg.jpg);
    background-size: cover;
}
.cb10_menu li a, .ct10_menu li a {
    display: inline-block;
    width: 40px;
    height: 40px;
    background-size: cover;
    /* opacity: 0.4; */
}
#cm11 .cb10_menu li a,
#bi11 .cb10_menu li a,
#ho11 .cb10_menu li a{
    opacity: 0.4;
}
.cb10_menu li.on a{
    opacity: 1;
}
/*==================== bi11 binder ================= */
#bi11 .content{
  height: 100%;
overflow-y: scroll;
webkit-overflow-scrolling: touch;
background-color: #f0f0f0;
overflow-x: hidden;
}
.top_slide_tit {
    position: sticky;
    left: 0;
    top: -1;
    z-index: 100;
    width: calc(100% - 30px);
    padding: 12px 15px;
    background-color: #fff;
}
.top_slide_tit h3 {
    font-weight: 900;
    color: #353535;
}

/*==================== cm11 binder ================= */
#cm11{
  z-index: 1;
}
/* media query */
@media only screen and (min-width: 325px) and (min-height: 812px){
.cb10_menu {
    height: 70px;
  }
}
@media only screen and (device-width: 375px) and (device-height: 812px) and (-webkit-device-pixel-ratio: 3),
 screen and (device-width: 414px) and (device-height: 896px) and (-webkit-device-pixel-ratio: 2),
 screen and (device-width: 414px) and (device-height: 896px) and (-webkit-device-pixel-ratio: 3),
 screen and (device-width: 390px) and (device-height: 844px) and (-webkit-device-pixel-ratio: 3),
 screen and (device-width: 393px) and (device-height: 852px) and (-webkit-device-pixel-ratio: 3),
 screen and (device-width: 428px) and (device-height: 926px) and (-webkit-device-pixel-ratio: 3){
.cb10_menu {
    height: 80px;
  }
  .si_toolbar {
    padding: 46px 12px 5px;
}
}

/* 230502 choco box Start*/
#ccb10 .si_toolbar {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 10;
  display: block;
  width: 40px;
  height: 40px;
  background-image: url("../images/me10_btn_menu.png");
  background-size: cover;
}

#ccb10 .content {
  height: 100%;
  overflow-y: scroll;
  webkit-overflow-scrolling: touch;
  background-color: #fff;
}
.ccb10_total_info,
.ccb10_tab {
  position: sticky;
  left: 0;
  z-index: 100;
}
.ccb10_tab {
  top: 0;
  height: 40px;
}
.ccb10_top {
  padding: 26px 30px 15px;
  background-color: #ededed;
}
.ccb10_content {
  width: calc(100% - 30px);
  padding: 0 15px 20px;
}

#bo10 .page_title .pt_c_box {
  padding: 1px 2px ;
}
#bo10 .st_icon{
  background-image: url(../images/bo10_top_icon.png);
}