* { -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }

html, body, p, pre {
  padding: 0;
  margin: 0;
  font-family: "NanumBarunGothic", sans-serif;
}

p {
  line-height: 20px;
  letter-spacing: -0.1px;
}

a,
a:hover {
  text-decoration: none;
}

pre {
  white-space: pre-line;
  padding: 0;
  margin: 0;
}

button {
  padding: 0 9px;
  height: 32px;
  background: #ffffff 0% 0% no-repeat padding-box;
  border: 1px solid #e4e4e4;
  color: #757575;
  box-sizing: border-box;
  flex-shrink: 0;
  margin: 0;
  -webkit-border-fit: border !important;
  -webkit-appearance: none;
  outline: none; /* for good measure */
  overflow: visible;
}


input {
  width: 260px;
  border: none;
  padding: 0;
  caret-color:#81BEF7;
  margin: 0;
  -webkit-appearance: none;
  border-radius: 0;
}

input:focus {
  outline: none;
  /*padding: 0;*/
  /*margin: 0;*/
}

input[type=radio],
input[type=radio]:checked {
  appearance: none;
  width: 24px;
  height: 24px;
  border-radius: 100%;
  padding: 0;
  margin-right: 8px;
}

input[type=radio] {
  background: #FFFFFF;
  border: 1px solid #D9D9D9;
  padding: 6px;
}

input[type=radio]:checked {
  background: #376CF2;
  border: 1px solid #376CF2;
  padding: 6px;
  box-shadow: inset 0 0 0 6px white;
  background-clip: content-box;
}

.control_checkbox_width {
  width: 24px;
}

.control {
  display: block;
  position: relative;
  margin-bottom: 15px;
  cursor: pointer;
}

.control input {
  position: absolute;
  z-index: -1;
  opacity: 0;
}

.control_indicator {
  position: absolute;
  top: 4px;
  left: 0;
  height: 24px;
  width: 24px;
  border: 1px solid #DDDDDD;
  background: #FFFFFF;
}

.control input:checked ~ .control_indicator {
}

.control input:disabled ~ .control_indicator {
  background: #e6e6e6;
  opacity: 0.6;
  pointer-events: none;
}

.control_indicator:after {
  box-sizing: unset;
  content: '';
  position: absolute;
  display: none;
}

.control input:checked ~ .control_indicator:after {
  display: block;
}

.control-checkbox .control_indicator:after {
  left: 7px;
  top: 2px;
  width: 8px;
  height: 12px;
  transform: matrix(0.71, 0.71, -0.71, 0.71, 0, 0);
  border-bottom: 2px solid #376cf2;
  border-right: 2px solid #376cf2;
}

hr {
  padding: 0;
  margin: 0;
  background: #e4e4e4;
  color: #e4e4e4;
  border: none;
  height: 1px;
}

* {
  font-family: "NanumBarunGothic", sans-serif;
}

::placeholder {
  color: #aaaaaa;
}

/* fixed navi */
.header {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0 13px;
  width: calc(100vw - 26px);
  height: 48px;
}

.header_bottom {
  position: absolute;
  top: 48px;
}
.bottom_upper_btn {
  position: absolute;
  bottom: 48px;
  width: 100%;
}

.container {
  /*display: flex;*/
  /*flex-direction: column;*/
}

.header_bottom_body {
  position: absolute;
  top: 96px;
  left: 0;
  right: 0;
  bottom: 96px;
  overflow-y: auto;
  overflow-x: hidden;
}

.white_box_32 {
  background: white;
  height: 32px;
  width: 32px;
  border-radius: 8px;
}

.white_box_pos {
  position: relative;
  top: 2px;
  left: 2px;
}

.main_body {
  position: absolute;
  top: 48px;
  left: 0;
  right: 0;
  bottom: 56px;
  width: calc(100vw - 16px);
  overflow-y: auto;
  overflow-x: hidden;
  padding: 16px 0 16px 16px;
}

.search_song_body {
  position: absolute;
  top: 86px;
  left: 0;
  right: 0;
  bottom: 56px;
  overflow-y: auto;
  overflow-x: hidden;
}

.bottom_header_purchase_bottom_body {
  position: absolute;
  top: 86px;
  left: 0;
  right: 0;
  bottom: 50px;
  overflow-y: auto;
  overflow-x: hidden;
}

.bottom_header_purchase_bottom_body_btn {
  position: absolute;
  top: 86px;
  left: 0;
  right: 0;
  bottom: 40px;
  overflow-y: auto;
  overflow-x: hidden;
}

.play_btn_disable {
  background: #F6F6F6;
}

.bottom_2_layer_body {
  position: absolute;
  top: 48px;
  left: 0;
  right: 0;
  bottom: 106px;
  overflow-y: auto;
  overflow-x: hidden;
}

.body {
  position: absolute;
  top: 48px;
  left: 0;
  right: 0;
  bottom: 56px;
  overflow-y: auto;
  overflow-x: hidden;
}

.btn_bottom_body {
  position: absolute;
  top: 48px;
  left: 0;
  right: 0;
  bottom: 50px;
  overflow-y: auto;
  overflow-x: hidden;
}

.total_count_body {
  position: absolute;
  top: 48px;
  left: 0;
  right: 0;
  bottom: 120px;
  overflow-y: auto;
  overflow-x: hidden;
}

.only_top_body {
  position: absolute;
  top: 48px;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100vw;
  overflow-y: auto;
  overflow-x: hidden;
}

.song_info_body {
  position: absolute;
  top: 140px;
  left: 0;
  right: 0;
  bottom: 50px;
  overflow-y: auto;
  overflow-x: hidden;
}

.grey_body {
  position: absolute;
  top: 48px;
  left: 0;
  right: 0;
  bottom: 0;
  background: #F6F6F6;
  overflow-y: auto;
}

.bottom_navi {
  position: fixed;
  bottom: 0;
  left: 0;
  display: flex;
  justify-content: space-between;
  background-color: #fff;
  width: 100vw;
  height: 56px;
  box-shadow: 0px 1px 5px #00000033;
  overflow-y: visible !important;
}

.bottom_navi_purchase {
  position: fixed;
  bottom: 0;
  left: 0;
  display: flex;
  justify-content: space-between;
  background-color: #fff;
  width: 100vw;
  height: 50px;
  box-shadow: 0px 1px 5px #00000033;
}

.bottom_navi_items {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 3px;
  width: 60px;
  height: 56px;
}

.bottom_navi_fs {
  font-size: 9px;
}

.gift_alarm_box {
  position: fixed;
  bottom: 60px;
  left: 10px;
}
.gift_alarm_box_top {
  width: 167px;
  height: 36px;
  background: #F6541C;
  box-shadow: 0px 1px 5px #00000033;
  border-radius: 18px;
  opacity: 1;
  display: flex;
  align-items: center;
  justify-content: center;
}
.total_count_purchase {
  position: absolute;
  bottom: 50px;
  width: 100%;
  height: 70px;
  background: #FFFFFF;
  box-shadow: 0px 3px 6px #00000029;
  border: 1px solid #E4E4E4;
  opacity: 1;
}
.total_count_purchase_group>div:first-child {
  width: 30px;
  height: 30px;
  background: #FFFFFF;
  border: 1px solid #C2C2C2;
  border-radius: 2px 0px 0px 2px;
  opacity: 1;
}
.total_count_purchase_group>div:last-child {
  width: 30px;
  height: 30px;
  background: #FFFFFF;
  border: 1px solid #C2C2C2;
  border-radius: 0px 2px 2px 0px;
  opacity: 1;
}
.total_count_purchase_group>div:nth-child(2) {
  width: 46px;
  height: 30px;
  background: #FFFFFF;
  border-top: 1px solid #C2C2C2;
  border-bottom: 1px solid #C2C2C2;
  opacity: 1;
}

.arrow-down-gift-box {
  position: relative;
  left: 15px;
  width: 0;
  height: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 10px solid #F6541C;
  z-index: 2;
}


.bottom_navi_white_btn {
  height: 50px;
  display: flex;
  justify-content: center;
  align-items: center;
  background: #FFFFFF 0% 0% no-repeat padding-box;
  opacity: 1;
  color: #333333;
  border-top: #DDDDDD 1px solid;
  flex: 1 1 0px;
}

.bottom_navi_white_blue_btn {
  height: 50px;
  display: flex;
  justify-content: center;
  align-items: center;
  background: #FFFFFF 0% 0% no-repeat padding-box;
  opacity: 1;
  color: #376CF2;
  border-top: #DDDDDD 1px solid;
  flex: 1 1 0px;
}

.charge_cash_btn {
  position: fixed;
  bottom: 56px;
  left: 0;
  height: 50px;
  display: flex;
  justify-content: center;
  align-items: center;
  background: #376cf2 0% 0% no-repeat padding-box;
  opacity: 1;
  color: white;
  width: 100%;
}

.bottom_navi_blue_btn {
  height: 50px;
  display: flex;
  justify-content: center;
  align-items: center;
  background: #376cf2 0% 0% no-repeat padding-box;
  opacity: 1;
  color: white;
  flex: 1 1 0px;
}

.bottom_navi_black_btn {
  height: 50px;
  display: flex;
  justify-content: center;
  align-items: center;
  background: #333333 0% 0% no-repeat padding-box;
  opacity: 1;
  color: white;
  flex: 1 1 0px;
}

.footer {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 116px;
}

.footer_btn_group {
  display: flex;
}

.footer_btn_group > button {
  background-color: transparent;
  border: 1px solid #e4e4e4;
  padding: 7px 12px;
}

.menu_01 {
  background: #FFF;
  padding: 16px;
}

.grey_10 {
  color: #757575;
  font-size: 10px;
}

.grey_12 {
  color: #757575;
  font-size: 12px;
}

.black_13 {
  color: #333;
  font-size: 13px;
}

.black_14 {
  color: #333;
  font-size: 14px;
}

.black_b_18 {
  color: #333;
  font-size: 18px;
  font-weight: bold;
}

.title {
  padding: 16px 0;
  display: flex;
  align-items: center;
  gap: 10px;
}

/* 슬라이드 */
.slide {
  display: flex;
  overflow-x: auto;
  overflow-y: hidden;
}

.slide::-webkit-scrollbar {
  display: none;
}

.slide::after {
  content: "";
  min-width: 16px;
}

.slide_02 {
  display: flex;
  overflow-x: auto;
  overflow-y: hidden;
}

.slide_02 > div {
  padding-right: 10px;
}

.slide_02 > div:last-child {
  padding-right: 16px;
}


/* 버튼 */
.go_to_top {
  position: absolute;
  display: flex;
  justify-content: center;
  bottom: calc(56px + 10px);
  right: 16px;
  width: 40px;
  height: 40px;
  background: #555555 0% 0% no-repeat padding-box;
  border-radius: 20px;
  opacity: 0.8;
  color: #fff;
  font-weight: 100;
}


.menu_collection {
  display: flex;
  gap: 8px;
  flex-direction: column;
}

.menu_collection > div {
  display: flex;
  gap: 8px;
}

.menu_collection_02 {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-gap: 8px;
}


.menu_collection_02 > button {
  height: 48px;
}

.menu_collection_03 {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  box-sizing: border-box;
  grid-gap: 1px;
}


.menu_collection_03 > button {
  height: 60px;
  border: none;
  box-shadow: 0 0 0 1px #E4E4E4;
}

.menu_collection_03 > button.on {
  color: #376CF2;
  border: 1px solid #376CF2;
}

.menu_collection_03 > .cash_info {
  box-shadow: 0 0 0 1px #E4E4E4;
  height: 68px;
}

.cash_info .on {
  border: 1px solid #376CF2;
}

.tab_under_bar {
  display: flex;
  border-bottom: 1px solid #e4e4e4;
  overflow-x: auto;
  width: 100vw;
}

.tab_under_bar div {
  padding: 9px 0;
  margin: 0 15px;

}

.tab_under_bar div:last-child {
  margin-right: 15px;
}

.tab_under_bar div.on {
  box-shadow: 0px -3px 0px 0px #333 inset;
}

.tab_under_bar div a {
  color: #757575;
  font-size: 14px;
  font-weight: bold;
}

.tab_under_bar div.on a {
  color: #333;
  font-size: 14px;
  font-weight: bold;
}

.tab_under_bar > div {
  flex-shrink: 0;
}

.song_list_item {
  display: flex;
}

/* img */
.sheet_music_img {
  width: 328px;
  height: 464px;
/*   background: #0B4E59; */
}

.transpose_result_img {
  width: 148px;
  height: 100px;
  background: white;
  border: 1px solid #C7C7C7;
}
.transpose_result_img_bottom {
  width: 150px;
  height: 32px;
  background: #757575;
  color: white;
}

.transpose_result_img_2 {
  width: 148px;
  height: 100px;
  background: white;
  border: 1px solid #755CF7;
}
.transpose_result_img_bottom_2 {
  width: 150px;
  height: 32px;
  background: #755CF7;
  color: white;
}

.youtube_img {
  width: 360px;
  height: 203px;
/*   background: #A28659; */
}

.album_img {
  min-width: 96px;
  max-width: 96px;
  min-height: 96px;
  max-height: 96px;
/*   background: #f6541c; */
  overflow: hidden;
}

.transpose_img {
  width: 328px;
  height: 208px;
/*   background: #600B07; */
}

.talk_talk_img {
  min-width: 96px;
  max-width: 96px;
  height: 120px;
  background-color: indianred;
}

.artist_img {
  width: 72px;
  height: 72px;
  background: chartreuse;
  border-radius: 48px;
}

.artist_small_img {
  width: 72px;
  height: 72px;
  background: chartreuse;
}

.sheet_music_mr_sample_img {
  width: 56px;
  height: 56px;
  border-radius: 50%;
}

.youtube_popular_img {
  height: 96px;
  min-width: 152px;
/*   background: violet; */
}

.album_mini_img {
  height: 60px;
  min-width: 60px;
  background: yellowgreen;
}

.special_talk_img_bg {
  position: relative;
  overflow: hidden;
}
.youtube_popular_img_bottom {
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 0 10px;
  width: 160px;
  max-width: 160px;
  min-width: 160px;
  height: 56px;
  border: 1px solid #E4E4E4;
  box-sizing: border-box;
}

.special_talk_img_bg_sample {
  width: 100vw;
  height: 140px;
  filter: blur(2px);
  transform: scale(4);
  display: flex;
  justify-content: center;
  align-items: center;
}

.special_talk_img {
  position: relative;
  bottom: 100px;
  width: 120px;
  height: 120px;
  background: aqua;
}

.music_sheet_book_img_bg_sample {
  width: 100vw;
  height: 194px;
  filter: blur(3px);
  transform: scale(5);
  display: flex;
  justify-content: center;
  align-items: center;
}

.music_sheet_book_img_bg_sample img {

}

.music_sheet_book_img {
  position: relative;
  bottom: 185px;
  width: 140px;
  height: 190px;
}

.music_sheet_book_img img {
  max-width: 100%;
  width: 100%;
  max-height: 100%;
  height: 100%;
}

.special_talk_content_img {
  width: 328px;
  height: 198px;
  background: darkgreen;
  margin: 30px auto;
}

.sheet_music_video_img {
  width: 328px;
  height: 230px;
  background: #333333;
  margin: 0 auto;
}

.genre_img {
  width: 102px;
  height: 102px;
/*   background: #600B07; */
}

.popular_sheet_music_album_img {
  width: 159px;
  height: 159px;
/*   background: crimson; */
}

.event_banner_img {
  width: 328px;
  height: 78px;
/*   background: #7462d3; */
}

.event_detail_img {
  width: 328px;
  height: 246px;
/*   background: #92A85E; */
}

.talk_talk_description {
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 0 16px;
}

.album_title {
  min-width: 96px;
  max-width: 96px;
}

.song_info_list {
  flex-grow: 1;
}

.play_btn > div {
  padding: 10px 11px 10px 13px;
  border: 1px solid #e4e4e4;
}
.play_btn_disable > div {
  padding: 10px 11px 10px 13px;
  background: #f6f6f6;
  border: 1px solid #e4e4e4;
}

.album_title_group {
  display: flex;
  gap: 4px;
}

.album_title_group > div.on {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 6px;
  height: 20px;
  background: #9CB6F9;
  border-radius: 2px;
  color: #fff;
  font-size: 13px;
}

.status_btn_group {
  display: flex;
}

.status_btn_group > div {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 6px;
  height: 20px;
  background: #eeeeee;
  border-radius: 2px;
  color: #c5c5c5;
  font-size: 13px;
}

.status_btn_group > div.on {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 6px;
  height: 20px;
  background: #5b85fe;
  border-radius: 2px;
  color: #fff;
  font-size: 13px;
}

.answer_btn_group {
  display: flex;
  gap: 4px;
}

.answer_btn_group > div {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 6px;
  height: 20px;
  background: #9C9C9C;
  border-radius: 2px;
  color: white;
  font-size: 13px;
}

.answer_btn_group > div.on {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 6px;
  height: 20px;
  background: #376CF2;
  border-radius: 2px;
  color: #fff;
  font-size: 13px;
}

.notice_btn > div {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 6px;
  height: 20px;
  background: #9C9C9C;
  border-radius: 2px;
  color: white;
  font-size: 13px;
}

.page_pre_next_btn {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-top: 10px;
}

.article_pre_next_btn {
  display: flex;
  align-items: center;
  padding-top: 10px;
}

.article_pre_next_btn > button {
  flex-grow: 1;
}

.article_pre_next_btn > button:last-child {
  display: flex;
  justify-content: flex-end;
  border-left: none;
}

.page_pre_next_btn > button {
  padding: 8px 10px;
}


.sheet_music_mr_sample_btn {
  padding: 0 7px;
  height: 32px;
  display: flex;
  justify-content: center;
  align-items: center;
  box-sizing: border-box;
  flex-shrink: 0;
}

.sheet_music_mr_sample_btn > i {
  position: relative;
  top: 2px;
}


.radius_none {
  border-radius: 0;
}

/* search_album_detail */
.track_list {
  max-height: 169px;
  background: #f6f6f6;
  overflow-y: auto;
}

.track_list_min_artist_name {
  min-width: 82px;
  max-width: 82px;
}

.rank_track_list {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-right: 40px;
  padding-left: 16px;
}

.rank {
  display: flex;
}

.rank_track_list_title {
  display: flex;
  padding: 10px 0;
}

.rank_track_list.on {
  border-radius: 2px;
  background: #99adda;
  color: white;
}

.rank_track_list.on div {
  color: white;
}

.album_song_info_btn {
  display: flex;
  align-items: center;
  height: 32px;
  min-width: 77px;
  border-radius: 2px;
  box-sizing: border-box;
  padding: 0;
}

.album_song_info_btn > i {
  position: relative;
  top: 3px;
}

.tab_menu_01 {
  display: flex;
  overflow-x: auto;
}

.tab_menu_01::-webkit-scrollbar {
  display: none;
}


.tab_menu_01 > div {
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 80px;
  min-height: 40px;
  font-size: 13px;
  background: #8d93a6;
  color: white;
  box-shadow: 1px 0 0 0 #707890, 0 1px 0 0 #707890, 1px 1px 0 0 #707890,
  1px 0 0 0 #707890 inset, 0 1px 0 0 #707890 inset;
}

.tab_menu_01_pay_history {
  display: flex;
  overflow-x: auto;
}

.tab_menu_01_pay_history > div {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 40px;
  font-size: 13px;
  background: #8d93a6;
  color: white;
  box-shadow: 1px 0 0 0 #707890, 0 1px 0 0 #707890, 1px 1px 0 0 #707890,
  1px 0 0 0 #707890 inset, 0 1px 0 0 #707890 inset;
}

.tab_menu_01_pay_history > div.on {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 40px;
  font-size: 13px;
  background: white;
  color: #376cf2;
  box-shadow: 1px 0 0 0 #376CF2 inset, 0 1px 0 0 #376CF2 inset, 1px 0 0 0 #376CF2;
  border-top: 2px solid #376cf2;
}

.tab_menu_01_width_110 {
  width: 110px;
}

.tab_menu_01_width_100_per {
  width: 100%;
}

.tab_menu_01 > div.on {
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 80px;
  min-height: 40px;
  font-size: 13px;
  background: white;
  color: #376cf2;
  box-shadow: 1px 0 0 0 #376CF2 inset, 0 1px 0 0 #376CF2 inset, 1px 0 0 0 #376CF2;
  border-top: 2px solid #376cf2;
}

.tab_menu_01_result {
}

.tab_menu_01_result_group_title {
  display: flex;
  align-items: center;
  padding-left: 16px;
  height: 32px;
  background: #f6f6f6;
  font-size: 13px;
  color: #376cf2;
  border-bottom: 1px solid #e4e4e4;
}

.tab_menu_01_result_group_item {
  display: flex;
  align-items: center;
  padding-left: 16px;
  height: 50px;
  font-size: 13px;
  border-bottom: 1px solid #e4e4e4;
}

.tab_menu_01_result_group_item_group {
  display: flex;
  align-items: center;
  padding-left: 8px;
  padding-right: 16px;
  flex-shrink: 0;
  flex-grow: 1;
}

.price_width {
  display: flex;
  justify-content: flex-end;
  min-width: 47px;
}

/* checkbox */
.check_box {
  display: flex;
  justify-content: center;
  width: 24px;
  height: 24px;
  background: transparent;
  border: 1px solid #dddddd;
}

.check_box_checked {
  top: 2px;
  position: relative;
  width: 8px;
  height: 12px;
  transform: matrix(0.71, 0.71, -0.71, 0.71, 0, 0);
  border-bottom: 2px solid #376cf2;
  border-right: 2px solid #376cf2;
}

.notice_box {
  padding: 16px;
  margin: 16px;
  background: #f6f6f6 0% 0% no-repeat padding-box;
  border-radius: 2px;
}


.price_bag_pay {
  display: flex;
  height: 52px;
  justify-content: flex-end;
  align-items: center;
}

.price_bag_pay > button {
  height: 32px;
  width: 78px;
  padding: 0;
  font-size: 13px;
}


/* body */
.special_talk_detail_body {
  height: calc(100vh - 104px);
  overflow-y: auto;
  overflow-x: hidden;

}

.customer_service_service_guide_body {
  height: calc(100vh - 104px - 32px);
  padding: 16px;
  overflow-y: auto;
}

.login_body {
  height: calc(100vh - 104px);
  overflow-y: auto;
  overflow-x: hidden;
}

.pd_top_bt_body {
  height: calc(100vh - 104px - 32px);
  overflow-y: auto;
  overflow-x: hidden;
}

.tab_menu_01_body {
  height: calc(100vh - 104px - 40px);
  overflow-y: auto;
  overflow-x: hidden;

}

.FAQ_body {
  height: calc(100vh - 104px - 32px - 8px);
  overflow-y: auto;
  overflow-x: hidden;
}

.complete_sign_up_body {
  position: absolute;
  top: 48px;
  left: 0;
  right: 0;
  bottom: 50px;
  overflow-x: hidden;
  overflow-y: auto;
  display: flex;
  align-items: center;
}

.my_page_body {
  background: #F6F6F6;
  overflow-y: auto;
  overflow-x: hidden;
  height: calc(100vh - 104px);
}

.shopping_bag_body {
  background: #F6F6F6;
  overflow-y: auto;
  overflow-x: hidden;
  height: calc(100vh - 104px - 50px);
}

.global_popup_body {
  height: 104px;
  color: #333333;
  border-bottom: 1px solid #E4E4E4;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  box-sizing: border-box;
  font-size: 14px;
}


.special_talk_btn {
  position: absolute;
  bottom: 12px;
  right: 16px;
  width: 51px;
  height: 20px;
  border: 0.5px solid #FFFFFF;
  border-radius: 2px;
  opacity: 0.5;
}

.special_talk_title {
  position: relative;
  bottom: 80px;
}

.sheet_music_detail_title {
  padding: 16px;
  position: relative;
  bottom: 176px;
}

.special_talk_content {
  margin: 0 16px;
  padding-bottom: 40px;
  padding-top: 16px;
}

.special_talk_bottom {
  position: relative;
  bottom: 60px;
}

.sheet_music_book_bottom {
  position: relative;
  bottom: 174px;
  margin-bottom: -160px;
}

.song_lyrics {
  background: #F6F6F6;
  overflow-y: auto;
}

.animation_btn {
  width: 91px;
  height: 20px;
  background: #0B4E59 0% 0% no-repeat padding-box;
  border-radius: 2px;
  letter-spacing: -0.24px;
  color: #FFFFFF;
}

.drama_btn {
  width: 44px;
  height: 20px;
  background: #600B07 0% 0% no-repeat padding-box;
  border-radius: 2px;
  letter-spacing: -0.24px;
  color: #FFFFFF;
}

.movie_btn {
  width: 70px;
  height: 20px;
  background: #341E5B 0% 0% no-repeat padding-box;
  border-radius: 2px;
  letter-spacing: -0.24px;
  color: #FFFFFF;
}

.broadcast_btn {
  width: 52px;
  height: 20px;
  background: #000000 0% 0% no-repeat padding-box;
  border-radius: 2px;
  letter-spacing: -0.24px;
  color: #FFFFFF;
}

.popular_sheet_music_body {
  height: calc(100vh - 104px - 32px);
  width: calc(100vw - 32px);
  overflow-y: auto;
  overflow-x: hidden;
  padding: 16px;
}

.genre_grid {
  display: grid;
  gap: 0.675em;
  width: calc(306px + 0.675em * 2);
  grid-template-columns: repeat(3, 102px);
}
.half_width {
  width: 50%;
  height: auto;
}

.full_width {
  width: 100%;
  height: auto;
}

.full_height {
  width: auto;
  height: 100%;
}
.checkbox_pos_3 {
  position: relative;
  top: -7px;
}

.checkbox_pos_1 {
  position: relative;
  top: -12px;
}

.checkbox_pos_2 {
  position: relative;
  top: -20px;
}

.width_10 {
  width: 10%;
  height: auto;
}

.width_15 {
  width: 15%;
  height: auto;
}

.width_15 {
  width: 15%;
  height: auto;
}

.width_18 {
  width: 18%;
  height: auto;
}

.width_20 {
  width: 20%;
  height: auto;
}

.width_30 {
  width: 30%;
  height: auto;
}

.width_40 {
  width: 40%;
  height: auto;
}

.width_50 {
  width: 50%;
  height: auto;
}

.width_60 {
  width: 60%;
  height: auto;
}

.width_70 {
  width: 70%;
  height: auto;
}


.input_form {
  height: 40px;
  width: 100%;
  padding: 0 10px;
  font-size: 13px;
  border: 1px solid #DDDDDD;
  box-sizing: border-box;
}

.input_form:focus {
  height: 40px;
  width: 100%;
  padding: 0 10px;
  font-size: 13px;
  border: 1px solid #376CF2;
  box-sizing: border-box;
}

.input_form:disabled {
  height: 40px;
  width: 100%;
  padding-left: 10px;
  font-size: 13px;
  background: #F6F6F6 0% 0% no-repeat padding-box;
  border: 1px solid #DDDDDD;
  color: #AAAAAA;
}

.textarea_form {
  height: 120px;
  width: 100%;
  padding: 10px;
  font-size: 13px;
  line-height: 20px;
  border: 1px solid #DDDDDD;
  box-sizing: border-box;
}

.textarea_form:focus {
  height: 120px;
  width: 100%;
  padding: 10px;
  font-size: 13px;
  outline: none;
  line-height: 20px;
  border: 1px solid #376CF2;
  box-sizing: border-box;
}

textarea {
  -webkit-appearance: none;
  border-radius: 0;
  resize: none;
}

select {
  padding-left: 8px;
  font-size: 13px;
  width: 100%;
  border: 1px solid #DDDDDD;
  height: 40px;
  -webkit-appearance: none;
  -moz-appearance: none;
  border-radius: 0;
  appearance: none;
  background: url(../icons/ico-down.svg) calc(100% - 8px) / 15px no-repeat #FFFFFF;
}

select:focus {
  padding-left: 8px;
  font-size: 13px;
  width: 100%;
  outline: none;
  border: 1px solid #376CF2;
  height: 40px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border-radius: 0;
  background: url(../icons/ico-down.svg) calc(100% - 8px) / 15px no-repeat #FFFFFF;
}


.blue_btn {
  height: 50px;
  color: white;
  font-size: 18px;
  background: #376CF2;
  display: flex;
  align-items: center;
  justify-content: center;
}

.white_btn {
  height: 50px;
  color: #333333;
  font-size: 18px;
  background: #ffffff;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #E4E4E4;
}

.blue_btn_1 {
  min-width: 57px;
  height: 40px;
  color: #FFFFFF;
  font-size: 14px;
  background: #376CF2;
  display: flex;
  align-items: center;
  justify-content: center;
}


.black_btn_1 {
  min-width: 57px;
  height: 40px;
  color: #FFFFFF;
  font-size: 14px;
  background: #000000;
  display: flex;
  align-items: center;
  justify-content: center;
}

.orange_btn {
  min-width: 57px;
  height: 32px;
  color: #FFFFFF;
  font-size: 13px;
  background: #F6541C;
  display: flex;
  align-items: center;
  justify-content: center;
}

.black_btn {
  min-width: 80px;
  height: 40px;
  color: #FFFFFF;
  font-size: 14px;
  background: #333333;
  display: flex;
  align-items: center;
  justify-content: center;
}

.phone_number_form::after {
  content: "-";
}

.tap_agreement {
  height: 48px;
  width: 100%;
  border-right: 1px solid #DDDDDD;
  border-bottom: 1px solid #DDDDDD;
  border-left: 1px solid #DDDDDD;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0px 12px;
  box-sizing: border-box;
}

.tap_agreement_phrase {
  height: 130px;
  width: 100%;
  background: #f6f6f6;
  border-right: 1px solid #DDDDDD;
  border-left: 1px solid #DDDDDD;
  border-bottom: 1px solid #DDDDDD;
  overflow-y: auto;
  padding: 12px;
  box-sizing: border-box;
}

.step_shape {
  display: flex;
}

.step_triangle_shape {
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  font-size: 13px;
}

.step_triangle_shape > div.on {
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  background: #4E5C88;
  color: white;
  font-size: 13px;
}

.step_shape > div:first-child {
  border-top: 1px solid #E4E4E4;
  border-left: 1px solid #E4E4E4;
  border-bottom: 1px solid #E4E4E4;
}

.step_shape_triangle_pos_1 {
  position: absolute;
  left: calc(16px + ((100% - 32px) / 3));
}

.step_shape_triangle_pos_11 {
  position: absolute;
  left: calc(16px + ((100% - 32px) / 5));
}



.step_shape_triangle_1 {
  width: 10px;
  height: 0;
  border-top: 20px solid transparent;
  border-bottom: 20px solid transparent;
  border-right: 10px solid transparent;
  border-left: 10px solid #4E5C88;
}

.step_shape_white_triangle {
  width: 10px;
  height: 0;
  border-top: 22px solid transparent;
  border-bottom: 22px solid transparent;
  border-right: 10px solid transparent;
  border-left: 10px solid #E4E4E4;
}
.step_shape_white_triangle_1 {
  width: 10px;
  height: 0;
  border-top: 22px solid transparent;
  border-bottom: 22px solid transparent;
  border-right: 10px solid transparent;
  border-left: 10px solid white;
}
.step_shape_white_triangle_bd {
  position: absolute;
  top: -20px;
  left: -11px;
  width: 10px;
  height: 0;
  border-top: 20px solid transparent;
  border-bottom: 20px solid transparent;
  border-right: 10px solid transparent;
  border-left: 10px solid #ffffff;
}

.step_shape_triangle_pos_2 {
  position: absolute;
  left: calc(15px + (2 * (100% - 32px) / 3));
}


.step_shape_triangle_pos_33 {
  position: absolute;
  left: calc(15px + (1 * (100% - 32px) / 5));
}

.step_shape_triangle_pos_3 {
  position: absolute;
  left: calc(15px + (2 * (100% - 32px) / 5));
}

.step_shape_triangle_pos_4 {
  position: absolute;
  left: calc(15px + (3 * (100% - 32px) / 5));
}

.step_shape_triangle_pos_5 {
  position: absolute;
  left: calc(15px + (4 * (100% - 32px) / 5));
}



.tap_agreement_phrase > p {
  padding: 0;
  margin: 0;
  line-height: 20px;
}

.disabled_btn {
  color: #AAAAAA;
  background: #E4E4E4;
}

.capcha_frame {
  width: 100%;
  height: 96px;
  border: 1px solid #E4E4E4;
}
.capcha_frame_btn_1 {
  width: 68px;
  height: 48px;
  box-shadow: 0 1px 0 0 #E4E4E4,
  -1px 0 0 #E4E4E4,
  0 -1px 0 0 #E4E4E4,
  1px 0 0 #E4E4E4;
}
.capcha_frame_btn_2 {
  width: 68px;
  height: 48px;
  box-shadow: 0 1px 0 0 #E4E4E4,
  -1px 0 0 #E4E4E4,
  1px 0 0 #E4E4E4;
}

.complete_sign_up_table {
  height: 48px;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0px 12px;
  box-sizing: border-box;
}
.sortable_table_header {
  padding: 0 16px;
  height: 40px;
  width: calc(100% - 32px);
  background: #f6f6f6;
  display: flex;
  justify-content: space-between;
  border-bottom: 1px solid #E4E4E4;
}

#sortTable > div {
  padding: 0 16px;
  height: 50px;
  width: calc(100% - 32px);
  background: white;
  display: flex;
  justify-content: space-between;
  border-bottom: 1px solid #E4E4E4;
}


.my_page_info {
  background: linear-gradient(116deg, #54B7F0, #376CF2);
  height: 174px;
  padding: 24px 16px;
  box-sizing: border-box;
}

.my_page_info > .hz_center {
  background: white;
  box-shadow: 1px 2px 6px #00000029;
}

.white_bd_button {
  height: 32px;
  padding: 0 10px;
  display: flex;
  align-items: center;
  border: 1px solid rgba(255, 255, 255, .5);
}

.my_page_sub_container {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 70px;
  flex: 1 1 0px;
}

.vt_divider {
  width: 1px;
  height: 20px;
  background: #E4E4E4;
}

.vt_divider_1 {
  width: 1px;
  height: 25px;
  background: #E4E4E4;
}


.divide_menu {
  background: white;
}

.divide_menu_sub_menu {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 80px;
  flex: 1 1 0px;
}

.shopping_bag_num {
  padding: 0 4px;
  position: absolute;
  bottom: 55px;
  left: calc(50% + 3px);
  display: flex;
  justify-content: center;
  align-items: center;
  height: 16px;
  min-width: 16px;
  color: white;
  font-size: 12px;
  background: #376CF2 0% 0% no-repeat padding-box;
  border-radius: 8px;
  box-sizing: border-box;
}

.shopping_bag_num_1 {
  padding: 0 4px;
  position: absolute;
  bottom: 35px;
  left: calc(50% + 2px);
  display: flex;
  justify-content: center;
  align-items: center;
  height: 16px;
  min-width: 16px;
  color: white;
  font-size: 12px;
  background: #376CF2 0% 0% no-repeat padding-box;
  border-radius: 8px;
  box-sizing: border-box;
}

.ps_relative {
  position: relative;
}

.input_search_icon {
  position: absolute;
  top: 8px;
  right: 8px;
}

.tap_FAQ {
  border-bottom: 1px solid #DDDDDD;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 12px;
}

.FAQ_q_btn {
  width: 20px;
  height: 20px;
  background: #323B57 0% 0% no-repeat padding-box;
  border-radius: 3px;
}

.FAQ_q_btn.on {
  width: 20px;
  height: 20px;
  background: #5B85FE 0% 0% no-repeat padding-box;
  border-radius: 3px;
}

.blue_underline_on {
  border-bottom: 1px solid #5B85FE;
  color: #5B85FE;
}

.FAQ_a_phrase {
  background: #F7F9FE;
  max-height: 280px;
  padding: 20px;
  overflow-y: auto;
}

.ico_music_b_bd {
  border: 1px solid #376CF2;
  border-radius: 13px;
  min-width: 40px;
  max-width: 40px;
  height: 26px;
  line-height: 26px;
}

.ico_music_b_bd > i {
  position: relative;
  top: 3px;
  left: 2px;
}

.ico_music_disable_bd {
  border: 1px solid #E4E4E4;
  border-radius: 13px;
  min-width: 40px;
  max-width: 40px;
  height: 26px;
  line-height: 26px;
  background: #f6f6f6;
}

.ico_music_disable_bd > i {
  position: relative;
  top: 3px;
  left: 2px;
}

.ico_mic_b_btn {
  border: 1px solid #376CF2;
  border-radius: 13px;
  min-width: 40px;
  max-width: 40px;
  height: 26px;
  line-height: 26px;
}

.ico_mic_b_btn > i {
  position: relative;
  top: 3px;
  /*left: 2px;*/
}

td > i {
  position: relative;
  top: 3px;
  left: 2px;
}

.type_table_row {
  border-bottom: 1px solid #E4E4E4;
}

.type_table_title {
  width: 100px;
  min-width: 100px;
  min-height: 48px;
  max-height: 100px;
  display: flex;
  align-items: center;
  background: #F6F6F6 0% 0% no-repeat padding-box;
}

.type_table_title_1 {
  width: 100px;
  min-width: 100px;
  min-height: 48px;
  max-height: 100px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  background: #F6F6F6 0% 0% no-repeat padding-box;
}

.type_table_height_input {
  min-height: 60px;
}

.type_table_height_input_77 {
  min-height: 77px;
}

.type_table_height_100 {
  min-height: 100px;
  height: 100px;
}

.type_table_height_108 {
  min-height: 108px;
}

.main_btn {
  padding: 9px;
  height: 33px;
  border-radius: 17px;
}

.color_btn {
  padding: 0 6px;
  height: 20px;
  color: white;
  font-size: 12px;
  border-radius: 2px;
  display: flex;
  align-items: center;
}


.bg_disabled_priority {
  position: absolute;
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.3);
  z-index: 998;
  transform-style: preserve-3d;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100vw;
  height: 100vh;
}

.global_popup {
  background: #FFFFFF;
  width: 280px;
  z-index: 999;
}


.global_popup_footer {
  display: flex;
  flex-direction: row;
  height: 50px;
}

.global_popup_footer_cancel_bnt {
  width: 140px;
  height: 50px;
  color: #777777;
  background: #FFFFFF;
  opacity: 1;
  font-size: 16px;
  border-right: 1px solid #E4E4E4;
}

.global_popup_footer_confirm_bnt {
  width: 140px;
  height: 50px;
  color: #376CF2;
  background: #FFFFFF;
  opacity: 1;
  font-size: 16px;
}

.red_bd_btn {
  height: 32px;
  padding: 9px;
  color: #EF2E25;
  border: 1px solid #EF2E25;
  border-radius: 2px;
}

.red_bd_btn_1 {
  height: 32px;
  width: 36px;
  color: #EF2E25;
  border: 1px solid #EF2E25;
  border-radius: 2px;
}

.red_bd_btn_1 > i {
  position: relative;
  top: 5px;
}

.red_bd_btn > i {
  position: relative;
  top: 5px;
}

.blue_bd_btn {
  height: 32px;
  padding: 9px;
  color: #376CF2;
  border: 1px solid #376CF2;
  border-radius: 2px;
}

.blue_bd_btn > i {
  position: relative;
  top: 5px;
}
.blue_bd_btn_1 {
  height: 32px;
  padding: 9px;
  color: #376CF2;
  border: 1px solid #376CF2;
  border-radius: 2px;
}

.blue_bd_btn_1 > i {
  position: relative;
  top: 3px;
}

.ico_position {
  position: relative;
  top: 10px;
}
.ico_position_1{
  position: relative;
  top: 3px;
  left: 2px;
}
.question_tip_box {
  padding: 16px;
  background: #F6F6F6 0% 0% no-repeat padding-box;;
  border: 1px solid #E4E4E4;
  border-radius: 2px;
}

.question_tip_box_position {
  position: absolute;
}

.off {
  display: none;
}

.price_box {
  padding: 16px;
  background: #FEF3EF 0% 0% no-repeat padding-box;;
  border: 1px solid #FCC3AF;
  border-radius: 2px;
}

.inner-arrow-up {
  position: relative;
  top: 1px;
  right: 3px;
  width: 0;
  height: 0;
  border-left: 3px solid transparent;
  border-right: 3px solid transparent;
  border-bottom: 10px solid #F6F6F6;
  z-index: 2;
}

.arrow-up-shopping-bag {
  position: relative;
  top: 1px;
  left: 76px;
  width: 0;
  height: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-bottom: 10px solid #E4E4E4;
  z-index: 2;
}
.arrow-up {
  position: relative;
  top: 1px;
  left: 130px;
  width: 0;
  height: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-bottom: 10px solid #E4E4E4;
  z-index: 2;
}


.order_info_table {
  width: 100%;
  border-collapse: collapse;
}

.order_info_table td {
  padding: 0 8px;
}

.order_info_table > thead > tr {
  font-size: 12px;
  color: #757575;
  border-top: 1px solid #9C9C9C;
  height: 40px;
  border-bottom: 1px solid #E4E4E4;
  background: #F6F6F6 0% 0% no-repeat padding-box;
}

.order_info_table > tbody > tr {
  font-size: 13px;
  color: #333333;
  height: 40px;
  border-bottom: 1px solid #E4E4E4;
}


.my_apply_history {
  width: 100%;
  border-collapse: collapse;
}

.my_apply_history td {
  padding: 0 8px;
}

.my_apply_history > thead > tr {
  font-size: 12px;
  color: #757575;
  border-top: 1px solid #9C9C9C;
  height: 40px;
  border-bottom: 1px solid #E4E4E4;
  background: #F6F6F6 0% 0% no-repeat padding-box;
}

.my_apply_history > tbody > tr {
  font-size: 13px;
  color: #333333;
  height: 50px;
  border-bottom: 1px solid #E4E4E4;
}





.apply_select_song {
  width: 100%;
  border-collapse: collapse;
}

.apply_select_song td {
  /*padding: 0 8px;*/
}

.apply_select_song > thead > tr {
  font-size: 12px;
  color: #757575;
  border-top: 1px solid #9C9C9C;
  height: 40px;
  border-bottom: 1px solid #E4E4E4;
  background: #F6F6F6 0% 0% no-repeat padding-box;
}

.apply_select_song > tbody > tr {
  font-size: 13px;
  color: #333333;
  height: 50px;
  border-bottom: 1px solid #E4E4E4;
}




.shopping_bag_table {
  width: 100%;
  border-collapse: collapse;
}

.shopping_bag_table td {
  padding: 0 5px;
}

.shopping_bag_table td:first-child {
  padding-left: 16px;
}

.shopping_bag_table td:last-child {
  padding-right: 16px;
}

.shopping_bag_table > thead > tr {
  font-size: 12px;
  color: #757575;
  height: 40px;
  border-bottom: 1px solid #E4E4E4;
  background: #F6F6F6 0% 0% no-repeat padding-box;
}

.shopping_bag_table > tbody > tr {
  font-size: 13px;
  color: #333333;
  height: 50px;
  border-bottom: 1px solid #E4E4E4;
}


.sheet_music_book_table {
  width: 100%;
  border-collapse: collapse;
}

.sheet_music_book_table td {
  padding: 0 8px;
}

.sheet_music_book_table td:first-child {
  padding-left: 8px;
}

.sheet_music_book_table_thead {
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 12px;
  color: #757575;
  height: 30px;
  border-bottom: 1px solid #E4E4E4;
  background: #F6F6F6 0% 0% no-repeat padding-box;
}

.sheet_music_book_table > tbody > tr {
  font-size: 13px;
  color: #333333;
  height: 50px;
  border-bottom: 1px solid #E4E4E4;
}


.history_table {
  width: 100%;
  border-collapse: collapse;
}

.history_table td {
  padding: 0 8px;
}

.history_table td:first-child {
  padding-left: 8px;
}

.history_table td:last-child {
  padding-right: 0;
}

.history_table > thead > tr {
  font-size: 12px;
  color: #757575;
  height: 40px;
  border-bottom: 1px solid #E4E4E4;
  background: #F6F6F6 0% 0% no-repeat padding-box;
}

.history_table > tbody > tr {
  font-size: 13px;
  color: #333333;
  height: 50px;
  border-bottom: 1px solid #E4E4E4;
}


.checkbox_td .control_checkbox_width {
  position: relative;
  bottom: 2px;
}

.text_align_right {
  text-align: right;
}

.text_align_center {
  text-align: center;
}

.charge_cash_list > div {
  padding: 0 12px;
  height: 40px;
  color: #333333;
}

.charge_cash_list .on {
  padding: 0 12px;
  height: 40px;
  color: #F6541C;
  background: #FEF3EF 0% 0% no-repeat padding-box;
  border: 1px solid #FCCCBB;
}

.order_pay_result {
  display: flex;
  align-content: center;
  justify-content: space-between;
  padding: 0 12px;
  height: 50px;
  background: #FEF3EF 0% 0% no-repeat padding-box;
  border: 1px solid #FCCCBB;
}

.without_account_box {
  display: flex;
  align-content: center;
  padding: 0 12px;
  height: 50px;
  background: #F7F9FE 0% 0% no-repeat padding-box;
  border: 1px solid #C7D6FB;
}

.light_blue_box {
  padding: 12px;
  background: #F7F9FE 0% 0% no-repeat padding-box;
  border: 1px solid #C7D6FB;
}

.bg_none {
  background: none;
}

.bg_black {
  color: white;
  background: #333;
}

.bg_white {
  background: #FFFFFF;
}


.bg_grey {
  color: #757575;
  background: #F6F6F6;
}

.bg_grey_1 {
  background: #F7F9FE;
}

.bg_blue {
  color: white;
  background: #376cf2;
}

.bg_blue_01 {
  background: #5872DF;
}

.bg_purple {
  background: #976AC1;
}

.bg_purple_1 {
  background: #6F42C1;
}

.bg_brown {
  background: #A28659;
}

.bg_pink {
  background: #DE5FA4;
}

.bg_dark_green {
  background: #92A85E;
}

.bg_orange {
  background: #F1695B;
}

.bg_light_orange {
  background: #FEF3EF;
}

.bg_light_blue {
  background: #659AE7;
}

.bg_black_1 {
  background: #323B57;
}

.bg_grey_2 {
  background: #9C9C9C;
}

.bd_bt_orange {
  border-bottom: 1px solid #FCC3AF;
}

.bd_bt_blue {
  border-bottom: 1px solid #376CF2;
}

.bd_bs_grey {
  box-shadow: inset 0 -1px 1px 0 #e4e4e4;
}

.bd_right_grey {
  border-right: 1px solid #e4e4e4;
}

.bd_bt_grey {
  border-bottom: 1px solid #e4e4e4;
}

.bd_bt_black {
  border-bottom: 1px solid #333;
}

.bd_bt_grey_2x {
  border-bottom: 2px solid #e4e4e4;
}

.bd_top_grey {
  border-top: 1px solid #e4e4e4;
}

.bd_top_dark_grey {
  border-top: 1px solid #9C9C9C;
}

.bd_top_grey_2x {
  border-top: 2px solid #e4e4e4;
}

.bd_grey {
  border: 1px solid #e4e4e4;
}

.bd_none {
  border: none;
}

.empty_space {
  border-top: 1px solid #E4E4E4;
  margin: 0 -16px;
  height: 8px;
  background: #F6F6F6 0% 0% no-repeat padding-box;
  opacity: 1;
}

.scrollable_y {
  overflow-y: auto;
}

.ignore_padding {
  box-sizing: border-box;
}

.thead_h_50 {
  height: 50px;
}
.height_40 {
  height: 40px;
}
.height_48 {
  height: 48px;
}
.letter_spacing_0 {
}