@charset "UTF-8";
:root {
  --primary-color-1: #2b2b2b;
  --sub-color-2: #444;
  --sub-color-3: #508bed;
  --sub-color-4: #999;
  --line-color-1: #eee;
}
.txtStrong {
  color: #3971ff;
  font-size: 17px;
  font-weight: normal;
}
.txtRed {
  color: #dc2c2c !important;
}
.txtWarn {
  color: #f45b55;
}
.icon_required {
  width: 5px;
}

input:not(:disabled):checked[type="checkbox"] {
  background-image: url(/ktsonicboom/mobile/img/bg_newCheckbox_checked.png);
  -webkit-appearance: none;
}
input[type="checkbox"] {
  margin: 0;
  width: 20px;
  height: 20px;
  border: 0;
  cursor: pointer;
  background: url(/ktsonicboom/mobile/img/bg_newCheckbox.png) no-repeat 0 0;
  background-size: 20px 20px;
  -webkit-appearance: none;
  margin-bottom: 1px;
}
button.btnBasic {
  display: inline-block;
  color: #1b1b1b;
  border: 1px solid #bcbcbc;
  background: #f0f0f0;
  height: 29px;
  line-height: 27px;
  padding: 0 10px;
  vertical-align: middle;
  font-size: 13px;
}
.btnBasic a {
  display: inline-block;
  color: #1b1b1b;
  border: 1px solid #bcbcbc;
  background: #f0f0f0;
  height: 29px;
  line-height: 27px;
  padding: 0 10px;
  vertical-align: middle;
  font-size: 13px;
}
.btn_bg {
  color: #fff;
  border: 1px solid var(--primary-color-1);
  background: var(--primary-color-1);
}
.btn_bg a {
  color: #fff !important;
}
.btn_border {
  border: 1px solid var(--primary-color-1);
  background: #fff;
}
.btn_strong {
  display: inline-block;
  color: #fff;
  border: 1px solid #999;
  border-bottom-color: #999;
  background: #999;
}

.btn_normal {
  display: inline-block;
  color: #1b1b1b;
  border: 1px solid #cfcfcf;
  border-bottom-color: #b5b5b5;
  background: #fff;
  padding: 0 10px;
  vertical-align: middle;
}
.paginate .prev,
.paginate .next {
  background: #ccc
    url(http://img.echosting.cafe24.com/design/skin/mobile/bg_paging.png) 50% 0
    no-repeat;
  background-size: 20px 60px;
  background-position: 50% -14px;
}
.paginate .next {
  background-position: 50% -29px;
}

.paginate {
  margin: 15px 0;
  text-align: center;
  vertical-align: top;
  font-weight: bold;
}
.paginate div span {
  overflow: hidden;
  display: block;
  width: 29px;
  height: 24px;
  line-height: 24px;
  text-indent: -999px;
}
.paginate a,
.paginate a.this {
  display: block;
  color: #444;
  font-size: 11px;
  height: 22px;
  padding: 0px;
  line-height: 22px;
}

.paginate div,
.paginate ol li a {
  overflow: hidden;
  min-width: 22px;
  height: 22px;
  margin: 0 1px;
  border: 1px solid #ccc;
  border-radius: 0px;
  background: #fff;
  color: #ccc;
}
.paginate ol,
.paginate ol li,
.paginate div,
.paginate div a,
.paginate ol li a {
  display: inline-block;
  vertical-align: middle;
  font-weight: 400;
}
.tab_conts .tab_sub {
  display: none;
}
.tab_conts .tab_sub.on {
  display: block;
}
.tab_menu ul {
  display: flex;
  border-top: 1px solid #ececec;
  border-bottom: 1px solid var(--sub-color-4);
}
.tab_menu li {
  flex: 1;
  min-height: 36px;
  border-left: 1px solid #ececec;
  text-align: center;
  background: #fff;
}
.tab_menu li a {
  display: block;
  text-align: center;
  line-height: 34px;
  color: #000;
  font-size: 12px;
  padding: 0 10px;
}
.tab_menu li.on {
  background: var(--sub-color-4);
}
.tab_menu li.on a {
  font-weight: bold;
  color: #fff;
}
.tab_menu li a .number {
  display: inline-block;
  padding-left: 5px;
}
/* 로그인 */
#titleArea {
  position: relative;
  border-bottom: 0px solid #e8e8e8;
  background-color: #fff;
  padding: 0px 0 0;
  text-align: center;
}
#titleArea h2 {
  display: block;
  padding: 20px 50px 0;
  line-height: 43px;
  font-size: 14px;
  color: #2e2e2e;
  text-align: center;
  letter-spacing: 2px;
  font-weight: 500;
}
.login_box {
  margin-bottom: 40px;
}
.loginHeader {
  padding-right: 14px;
}
.loginHeader .keyboard {
  line-height: 43px;
  text-align: right;
}
.loginHeader .keyboard .btnKey.korean {
  display: inline-block;
  margin: 0 14px 0 0;
}
.loginHeader .keyboard .btnKey {
  position: relative;
  padding: 0 20px 0 0;
  color: #757575;
  font-size: 11px;
  cursor: pointer;
  border: 0;
  background: none;
}
.loginHeader .keyboard .btnKey:before {
  content: "";
  position: absolute;
  right: 0;
  top: 50%;
  width: 13px;
  height: 8px;
  margin: -3px 0 0;
  background: url(/ktsonicboom/mobile/img/ico_toggle_arrow_down.png) no-repeat 0 50%;
  background-size: 100% 100%;
}
.loginHeader .keyboard .btnKey.on {
  color: var(--sub-color-3);
}
.loginHeader .keyboard .btnKey.on:before {
  background-image: url(/ktsonicboom/mobile/img/ico_toggle_arrow_up.png);
}
.loginHeader .view > div {
  display: none;
}
.loginHeader .view img {
  width: 254px;
  display: block;
  margin: 0 auto;
}
.loginHeader .view > div {
  padding: 0 0 14px;
}
.login_box .formBox {
  position: relative;
  margin: 14px 0 0;
  padding: 0 14px;
  font-size: 11px;
  border-top: 1px solid #c8cdd2;
}
.login_box input {
  font-weight: inherit;
  color: #353535;
  border: 1px solid #d7d5d5;
  border-radius: 2px;
  outline-style: none;
  font-size: 15px;
  width: 100%;
  height: 43px;
  line-height: 38px;
  padding: 10px;
}
.login_box input + input {
  margin-top: 7px;
}
.login_box .formBox .option {
  overflow: hidden;
  line-height: 43px;
  font-size: 13px;
}
.login_box .formBox .option > span {
  float: left;
  margin: 0 10px 0 0;
}
.login_box .formBox .option > span {
  float: left;
  margin: 0 10px 0 0;
}
.login_box .formBox .option > span {
  float: left;
  margin: 0 10px 0 0;
}
.login_box .formBox .option > span:last-child {
  margin-right: 0;
}
.login_box .formBox .option .ssl img {
  width: 14px;
  margin: 0 3px 0 0;
  vertical-align: middle;
}

.login_box .formBox .option .ssl em {
  color: #757575;
  vertical-align: middle;
  width: 100%;
}
.full_btn {
  width: 100%;
}
.login_box .full_btn {
  margin-bottom: 7px;
}

.full_btn .btnSubmit {
  display: block;
  width: 100%;
  height: 36px;
  line-height: 36px;
  padding: 0 10px;
  font-size: 13px;
  color: #fff;
  border: 1px solid #999;
  background: #999;
}

.login_find ul {
  display: flex;
  align-items: center;
  justify-content: center;
}
.login_find ul a {
  position: relative;
  display: inline-block;
  padding: 0 14px 0 15px;
  color: #858585;
  font-weight: normal;
  font-size: 13px;
  text-align: center;
  line-height: 25px;
}
.login_find ul li + li a:before {
  display: block;
  content: "";
  position: absolute;
  top: 6px;
  left: 0;
  width: 1px;
  height: 13px;
  background: #848484;
}
.kt_btn_login {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}
.kt_btn_login a img {
  width: 43px;
  height: 20px;
}
.kt_btn_login a span {
  height: 44px;
}
.kt_btn_login a {
  margin-top: 10px;
  overflow: hidden;
  display: block;
  width: 100%;
  line-height: 50px;
  font-size: 14px;
  letter-spacing: normal;
  text-align: center;
  color: #1e1e1e;
  background-color: #fff;
  border: 1px solid #d60c12;
  box-sizing: border-box;
  padding: 0 50px;
  font-size: 12px;
}
/* #titleArea > span { */
/*   position: absolute; */
/*   top: 25px; */
/*   left: 14px; */
/*   list-style: none; */
/* } */
#titleArea > span:before {
  content: url(/ktsonicboom/mobile/img/ms_btn1.png);
}
.find_table {
  margin-top: 14px;
  color: #1b1b1b;
  font-size: 13px;
  border: 1px solid #d5d5d5;
  word-break: break-all;
  word-wrap: break-word;
  color: #353535;
  background: #fff;
}
.find_table_wrap {
  padding: 0 7px;
}
.find_table table {
  width: 100%;
}
.find_table table tbody th {
  padding: 12px 0 12px 13px;
  text-align: left;
}
.find_table table td {
  padding: 7px 13px 6px;
}
.find_table th {
  font-size: 13px;
  font-weight: normal;
  color: #757575;
}
.find_table th,
.find_table td {
  border-top: 1px solid #ececec;
  font-size: 13px;
  vertical-align: top;
}
.find_table select,
.find_table input[type="text"],
.find_table input[type="password"],
.find_table input[type="number"],
.find_table input[type="tel"],
.find_table input[type="email"] {
  width: 100%;
}
.find_table label span {
  display: inline-block;
  line-height: 20px;
  font-size: 13px;
  vertical-align: middle;
  cursor: pointer;
}
.find_table label {
  display: flex;
  align-items: center;
  min-height: 20px;
  line-height: 20px;
  font-size: 13px;
  vertical-align: middle;
  cursor: pointer;
}
.join_table .item_list,
.find_table .item_list {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  column-gap: 7px;
  row-gap: 4px;
}
.join_table .item_list label,
.find_table .item_list label {
  display: flex;
  align-items: center;
  column-gap: 4px;
}
.find_table_wrap .full_btn {
  margin-top: 10px;
  margin-bottom: 3px;
}
.progress {
  overflow: hidden;
  height: 37px;
  border-bottom: 1px solid #ccc;
  text-align: center;
}

.progress li {
  position: relative;
  float: left;
  padding: 0 0 0 17px;
  width: 35%;
  height: 100%;
  line-height: 37px;
  background-color: #ebebeb;
  font-size: 12px;
}

.progress li:first-child {
  padding: 0;
  width: 30%;
}

.progress li:first-child:before {
  display: none;
}

.progress li:before {
  position: absolute;
  top: 0;
  left: 0;
  display: inline-block;
  content: "";
  width: 17px;
  height: 37px;
  background: url("/ktsonicboom/mobile/img/bg_process.png") no-repeat 0 0;
  background-size: 67px auto;
}

.progress li.done {
  background-color: #fafafa;
}

.progress li.done + li:before {
  background-position: -25px 0;
}

.progress li.done + li.done:before {
  background-position: -50px 0;
}
.join_wrap .titleArea {
  width: 100%;
  margin: 0;
  border: none;
}
.join_wrap .join_table {
  margin: 14px 7px 0;

  color: #63666e;
  font-size: 11px;
}
.join_wrap .titleArea h3 {
  line-height: 30px;
  padding: 13px 0 0 14px;
  border-bottom: 1px solid #d5d5d5;
  font-size: 13px;
  font-weight: bold;
  color: #4a5164;
  background: #f1f1f1;
}
.join_wrap .titleArea h3 span {
  float: right;
  padding: 0 14px 0 0;
  color: #1b1b1b;
  font: 11px normal;
}
.join_table .titleArea .required img {
  width: 5px;
}
.join_table table {
  width: 100%;
}
.join_table input[type="text"] {
  height: 29px;
  width: 100%;
}
.join_table table tr td:first-child {
  padding: 12px 13px;
}
.join_table table th,
.join_table table td {
  border-top: 1px solid #ececec;
  font-size: 13px;
  vertical-align: top;
}
.join_table {
  border: 1px solid #d5d5d5;

  word-break: break-all;
  word-wrap: break-word;
  color: #353535;
  background: #fff;
}
.base-tooltip-area {
  position: relative;
  width: 100%;
}

.base-tooltip.typeUpper {
  display: none;
  background: #fff;
  position: absolute;
  left: -90px !important;
  bottom: 33px !important;
  width: 200px;
  margin: 0;
  padding: 14px 28px 14px 14px;
  border: 1px solid #ccc;
  border-radius: 2px;
  box-shadow: 3px 3px 3px 0px rgba(0, 0, 0, 0.15);
  width: 235px;
  word-break: keep-all;
}
.base-tooltip-area input:focus .base-tooltip.typeUpper {
  display: block;
}
.base-tooltip .content {
  position: relative;
}
.base-tooltip .btnClose {
  overflow: hidden;
  position: absolute;
  right: 10px;
  top: 10px;
  width: 25px;
  height: 25px;
  margin: 0 !important;
  font-size: 1px;
  line-height: 0;
  text-indent: 150%;
  white-space: nowrap;
  border: 0;
  background: url(/ktsonicboom/mobile/img/btn_close.png) no-repeat 50% 50%;
  background-size: 13px 13px;
}
.join_table .address_box ul {
  width: 100%;
}
.join_table .address_box ul li {
  width: 100%;
}
.join_table .address_box ul input {
  width: 100%;
}
.join_table tbody th {
  padding: 12px 0 12px 13px;
  text-align: left;
  font-weight: normal;
  color: #757575;
}
.join_table th,
.join_table td {
  border-top: 1px solid #ececec;
  font-size: 13px;
  vertical-align: top;
}
.join_table .id_input {
  width: 113px !important;
}
.info_table table input {
  width: 100%;
  height: 29px;
  font-size: 12px;
  font-weight: 400;
}
.join_table td {
  padding: 7px 13px 6px;
}
.join_table .phone select {
  width: 33%;
  margin-right: 4px;
}
.join_table .phone select + input {
  margin: 0 4px;
}
.join_table .phone input:last-child {
  margin-left: 4px;
}
.join_table .phone input {
  width: 25% !important;
}
.join_table .error {
  display: block;
  color: #f00;
  font-size: 13px;
  margin-top: 2px;
}
.join_table .birthday_list ul {
  display: flex;
  align-items: center;
  margin-bottom: 7px;
  column-gap: 16px;
}
.join_table .birthday_list li {
  display: flex;
  align-items: center;
  column-gap: 4px;
}
.join_table .birthday_list .flex_box {
  display: flex;
  align-items: center;
}
.join_table .birthday_list .flex_box .year {
  width: 52px;
  margin: 0 4px;
}
.join_table .birthday_list .flex_box .day,
.join_table .birthday_list .flex_box .month {
  width: 38px;
  margin: 0 4px;
}
.join_wrap .full_btn {
  padding: 0 7px;
  margin-top: 20px;
}
/*  */
.agree_wrap {
  margin: 14px 7px 0px;
  padding: 0 0 29px;
  color: #63666e;
  font-size: 11px;
}
.agreeAll h3 {
  margin: 0 0 14px;
  color: #1b1b1b;
  font-size: 12px;
  font-weight: normal;
}
.agreeAll {
  padding: 0 0 20px 15px;
}
.agree_box {
  margin: 0 0 7px;
  border: 1px solid #ccc;
  background: #fff;
}
.agree_box .title {
  position: relative;
  line-height: 36px;
  color: #333;
  border-bottom: 1px solid #ccc;
}
.agree_box .title h3 {
  display: flex;
  align-items: center;
  column-gap: 4px;
  padding: 0 0 0 14px;
  font-size: 13px;
  font-weight: normal;
}
.agree_box .title a.btnMore {
  position: absolute;
  top: 0px;
  right: 14px;
  font-size: 11px;
  text-decoration: underline;
}
.agree_box .contents {
  overflow: hidden;
  overflow-y: auto;
  height: 90px;
  padding: 14px;
  color: #757575;
  font-size: 11px;
}
.addrList_wrap .address-zipcode input {
  width: 55px;
}
.addrList_wrap .address_box li + li {
  margin-top: 5px;
}
.addrList_wrap .shipping .flex_box {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  column-gap: 4px;
}
.addrList_wrap .shipping input[type="checkbox"] {
  width: 20px;
  height: 20px;
}

.addrList_wrap .btn_list {
  margin-top: 10px;
}
.addrList_wrap .btn_list ul {
  display: flex;
  column-gap: 4px;
}

.addrList_wrap .btn_list ul li {
  width: calc((100% - 4px) / 2);
}

.addrList_wrap .btn_list ul li a {
  display: block;
  text-align: center;
  line-height: 36px;
  font-size: 13px;
}
.addrList_wrap .btn_list ul li .btn_strong {
  color: #fff;
}
.fr-view {
  word-wrap: break-word;
}
.btn_group ul {
  display: flex;
  align-items: center;
  column-gap: 4px;
}
.btn_group ul li {
  width: calc((100% - 4px / 2));
}
.btn_group ul li a {
  display: block;
  text-align: center;
}
.btn_group .btnSubmit {
  height: 36px;
  line-height: 36px;
  padding: 0 10px;
  font-size: 13px;
  color: #fff;
  border: 1px solid #999;
  background: #999;
}
.btn_group .btnEm {
  height: 36px;
  line-height: 34px;
  padding: 0 10px;
  font-size: 13px;
  border: 1px solid #d5d5d5;
  background: #fff;
}
.list_thumb {
  padding: 0 10px;
}
.list_thumb .menu_tab ul {
  display: flex;
  flex-wrap: wrap;
  column-gap: 14px;
  row-gap: 5px;
}
.list_thumb .menu_tab ul li {
  width: calc((100% - 14px) / 2);
}
.list_thumb .menu_tab ul li a {
  display: block;
  text-align: center;
  font-size: 12px;
  line-height: 30px;
  border: 1px solid #d9d9d9;
  background: #fff;
  color: #222;
}
.list_thumb .menu_tab ul li > a:hover {
  background: #444;
  color: #fff;
  border: 1px solid #444;
}
.list_thumb .sort {
  padding: 14px;
}
.list_thumb .itsp-options {
  margin-bottom: 20px;
}
.list_thumb .itsp-options ul {
  display: flex;
  align-items: center;
  justify-content: center;
  column-gap: 20px;
}
.list_thumb .itsp-options ul li {
  width: 25px;
  opacity: 0.2;
}
.list_thumb .itsp-options ul li.on {
  opacity: 1;
}
.list_thumb .itsp-options ul li a {
  display: block;
}
.list_thumb .itsp-options ul li a img {
  width: 100%;
  display: block;
}
.products_list.itsp-grid2 ul li {
  width: 50%;
}
.products_list.itsp-grid3 ul li {
  width: 33.333%;
}
.products_list.itsp-grid4 ul li {
  width: 25%;
}

/* 상품 상세페이지 */
.product_wrap .top_group {
  display: flex;
  flex-wrap: wrap;
  column-gap: 10px;
  row-gap: 14px;
  margin-bottom: 14px;
}

.product_wrap .top_group .prd_img {
  width: 100%;
}

.product_wrap .top_group .prd_desc {
  width: 100%;
}
.product_wrap .top_group .prd_desc .name {
  margin: 14px 14px;
  font-size: 13px;
}
.product_wrap .top_group .prd_desc .price_box {
  margin: 0 7px 0px;
  padding: 0;
  border-left: 1px solid var(--line-color-1);
  border-right: 1px solid var(--line-color-1);
  border-top: 1px solid #222;
}
.product_wrap .top_group .prd_desc .price_box .item {
  display: grid;
  grid-template-columns: 100px 1fr;
  border-top: 1px solid var(--line-color-1);
}
.product_wrap .prd_desc .price_box .item.cons_price span,
.product_wrap .prd_desc .price_box .item.cons_price .label {
  font-weight: normal;
}
.product_wrap .prd_desc .price_box .item:last-child {
  border-bottom: 1px solid var(--line-color-1);
}
.product_wrap .prd_desc .price_box .item.cons_price span {
  text-decoration: line-through;
}
.product_wrap .prd_desc .price_box .label {
  padding: 8px;
  font-weight: normal;
  text-align: left;
  color: #555;
  font-size: 11px;
  font-weight: bold;
  font-size: 12px;
}
.product_wrap .prd_desc .price_box span {
  display: inline-block;
  padding: 8px;
  font-size: 12px;
  color: #555555;
  font-weight: bold;
  text-align: left;
}
.pro_option {
  padding: 6px 13px;
  display: flex;
  align-items: center;
  border: 1px solid #d5d5d5;
  background: #fff;
  margin: 7px;
}
.pro_option span {
  display: inline-block;
  font-size: 13px;
  color: #757575;
  width: 100px;
}
.pro_option select {
  width: calc(100% - 100px);
}
.product_option_pop .option_desc .item,
.product_wrap .option_desc .item {
  display: grid;
  border-top: 1px solid #d5d5d5;
  grid-template-columns: 1fr 100px 35px;
  padding: 14px;
}

.product_option_pop .option_desc p.product,
.product_wrap .option_desc p.product {
  margin-bottom: 14px;
}
.product_option_pop .option_desc p.product span,
.product_option_pop .option_desc p.product strong,
.product_wrap .option_desc p.product span,
.product_wrap .option_desc p.product strong {
  font-weight: normal;
  font-size: 12px;
  line-height: 16px;
  color: #1c1c1c;
}
.product_option_pop .option_desc .item input,
.product_wrap .option_desc .item input {
  width: 50px;
  height: 29px;
  line-height: 13px;
  font-size: 13px;
}
.product_option_pop .option_desc .num_list,
.product_wrap .option_desc .num_list {
  display: flex;
  align-items: center;
  column-gap: 4px;
}
.product_option_pop .option_desc .num_list ul,
.product_wrap .option_desc .num_list ul {
  display: flex;
  align-items: center;
  column-gap: 6px;
}
.product_option_pop .option_desc .num_list ul button,
.product_wrap .option_desc .num_list ul button {
  width: 30px;
}
.product_option_pop .option_desc .num_list ul button img,
.product_wrap .option_desc .num_list ul button img {
  width: 100%;
  display: block;
}
.product_wrap .option_desc .price span {
  display: block;
  font-weight: bold;
  font-size: 13px;
  color: #2b2b2b;
}
.product_wrap .option_desc .price,
.product_wrap .option_desc .delet {
  display: flex;
  align-items: center;
  justify-content: end;
}
.product_wrap .option_desc .delet {
  padding-right: 14px;
}
.product_wrap .option_desc .delet button {
  width: 11px;
}
.product_option_pop .totalPrice,
.product_wrap .totalPrice {
  margin: 7px 0 0;
  padding: 14px;
  font-size: 13px;
  line-height: 15px;
  vertical-align: middle;
  border: 1px solid #d5d5d5;
  background: transparent;
}
.product_option_pop .totalPrice > strong,
.product_wrap .totalPrice > strong {
  color: #1b1b1b;
}
.product_option_pop .totalPrice .total,
.product_wrap .totalPrice .total {
  float: right;
  font-family: Tahoma, sans-serif;
  color: #2b2b2b;
}
.product_option_pop .totalPrice .total strong,
.product_wrap .totalPrice .total strong {
  font-weight: normal;
}
.prd_btn_list {
  margin: 10px 0 20px;
}
.prd_btn_list ul {
  display: flex;
  column-gap: 6px;
}
.prd_btn_list ul li {
  width: calc((100% - 12px) / 3);
}
.prd_btn_list .btn a {
  display: block;
  text-align: center;
  font-size: 12px;
  line-height: 44px;
  font-weight: 600;
  color: #000;
}
.tab_product .count {
  position: relative;
  display: inline-block;
  margin-left: 3px;
  width: 18px;
  height: 18px;
  font-size: 10px;
  line-height: 18px;
  color: #222;
  font-weight: 700;
  text-align: center;
  background-color: rgba(200, 200, 200, 0.4);
  border-radius: 50%;
}

.tab_product ul {
  display: flex;
}
.tab_product ul li {
  width: 25%;
  height: 35px;
  text-align: center;
  border-top: 1px solid var(--line-color-1);
  border-bottom: 1px solid var(--primary-color-1);
  border-right: 1px solid var(--line-color-1);
}
.tab_product li a {
  display: block;
  line-height: 35px;
  font-size: 8pt;
  letter-spacing: 0.5px;
  color: #222;
  text-align: center;
}

.tab_product li.on {
  background: #fff;
  border: 1px solid var(--primary-color-1);
  border-bottom: 0;
  height: 35px;
}

.tab_product li.on a {
  color: #222;
  height: 35px;
  line-height: 35px;
  font-weight: 500;
}

.tab_product ul:after {
  content: "";
  display: block;
  clear: both;
}

.tab_product li:first-child.on {
  border-left: 1px solid var(--primary-color-1);
}

.tab_product li:nth-child(2).on {
  border-left: 1px solid var(--primary-color-1);
  border-right: 1px solid var(--primary-color-1);
}

.tab_product li:nth-child(3).on {
  border-left: 1px solid var(--primary-color-1);
  border-right: 1px solid var(--primary-color-1);
}

.tab_product li:last-child.on {
  border-right: 1px solid var(--primary-color-1);
}
.prdDetail_wrap {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.product_wrap .finger {
  display: inline-block;
  color: #555;
  font-size: 10px;
  text-align: center;
  line-height: 15px;
  padding: 65px 0 25px;
  width: 110px;
  height: 110px;
  margin: 20px;
  background: #f9f9f9 url(/ktsonicboom/mobile/img/icon_finger.png) 50% 10px no-repeat;
  background-size: 30px;
  border-radius: 50%;
}
.prdDetail .img_box {
  width: 100%;
}
.proGuide {
  padding: 0 10px;
}

@media screen and (max-width: 768px) {
  .product_wrap .top_group .prd_img {
    width: 100%;
  }
  .product_wrap .top_group .prd_desc {
    width: 100%;
  }
  .prd_btn_list ul {
    padding: 0 13px;
  }
}
.proGuide .item_box h2 {
  display: block;
  border-bottom: 1px solid #ddd;
  margin: 50px 0 50px 0;
  padding: 5px 15px 20px 0px;
  font-family: "NanumGothic";
  font-weight: 600;
  color: #222;
  font-size: 14px;
  line-height: 30px;
}
.product_wrap .tab_sub .btn_wrap .btn a {
  display: block;
  text-align: center;
  font-size: 13px;
  line-height: 34px;
  font-weight: 600;
  color: #000;
}

.product_wrap .tab_sub .btn_wrap ul {
  display: flex;
  align-items: center;
  column-gap: 6px;
  padding: 14px 17px;
}
.product_wrap .tab_sub .btn_wrap li {
  width: calc(50% - 3px);
}
.prdReview_list {
  border-top: 1px solid #d5d5d5;
}
.prdReview_list > ul > li {
  min-height: 43px;
  color: #757575;
  border-bottom: 1px solid #d5d5d5;
}
.prdReview_list .review_summary {
  padding: 4px 7px;
  display: block;
  color: #1b1b1b;
  font-size: 15px;
  line-height: 1.3em;
  font-weight: normal;
  text-align: left;
}
.prdReview_list .review_summary a .top_box {
  display: flex;
  align-items: center;
  column-gap: 10px;
}
.product_wrap .review_summary .img_box {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  overflow: hidden;
  display: inline-block;
}
.product_wrap .review_summary .img_box + .comment {
  margin-left: 10px;
}
.prdReview_list .review_summary .img_box img {
  width: 100%;
  aspect-ratio: 1 / 1;
  object-fit: cover;
  object-position: center;
}
.prdReview_list .review_summary .comment {
  width: calc(100% - 50px);
}
.prdReview_list .review_summary .comment span {
  display: inline-block;
}
.prdReview_list .review_summary .icon_attach {
  width: 11px;
  display: inline-block;
}
.prdReview_list .review_summary .icon_hit {
  width: 34px;
  display: inline-block;
}
.prdReview_list .review_summary .info span {
  position: relative;
  display: inline-block;
  font-size: 11px;
  line-height: 25px;
}
.prdReview_list .review_summary .info span + span {
  margin-left: 14px;
}

.prdReview_list .review_detail {
  display: none;
  padding: 14px;
  background: #f9f9f9;
  color: #757575;
  font-size: 13px;
  text-align: left;
  word-wrap: break-word;
  line-height: 1.3em;
  border-top: 1px solid #d5d5d5;
}
.prdReview_list li.on .review_detail {
  display: block;
}
.prdReview_list .review_detail .img_box {
  display: block;
  width: 100%;
  margin-bottom: 14px;
}
.prdReview_list .review_detail p {
  font-size: 12px;
  font-weight: 400;
  color: #1b1b1b;
  line-height: 1.45;
}
.prdReview_list .btnArea {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 14px;
}
.prdReview_list .btnArea ul {
  display: flex;
  align-items: center;
  column-gap: 5px;
}
.prdReview_list .btnArea a {
  display: block;
  height: 26px;
  line-height: 24px;
  font-size: 11px;
}
.prdReview_list .btnArea a span {
  color: #222;
  display: inline-block;
}
.prdReview_list .review_comment {
  display: none;
}
.prdReview_list .active .review_comment {
  display: block;
}
.review_comment li {
  padding: 0 0 0 14px;
  border-top: 1px solid #d5d5d5;
  background: #f1f1f1;
}
.review_comment li .commentInfo {
  padding: 14px 14px 0;
  font-size: 12px;
  font-weight: 400;
  color: #757575;
  background: url(/ktsonicboom/mobile/img/ico_bullet.png) 0 16px no-repeat;
  background-size: 8px 8px;
}
.review_comment li .commentInfo .name {
  padding: 0 8px 0 0;
  display: inline-block;
  font-weight: normal;
}
.review_comment li .commentInfo span {
  position: relative;
  padding: 0 8px;
}
.review_comment li .commentInfo span:before {
  position: absolute;
  top: 1px;
  left: 0;
  display: inline-block;
  content: "";
  display: block;
  width: 1px;
  height: 11px;
  background: #ccc;
}
.review_comment p.comment {
  padding: 14px 0;
  font-weight: 400;
  color: #1b1b1b;
}
.prdReview_list .review_summary {
  padding: 14px;
}
.prdqna .icon_re {
  width: 23px;
  display: inline-block;
  margin-left: 10px;
}
.btnArea .icon_write {
  position: relative;
  top: 2px;
  display: inline-block;
  width: 13px;
  height: 13px;
  background-image: url(/ktsonicboom/mobile/img/ico_comment.png);
  background-size: 13px 13px;
}
.order_fix_btn {
  display: none;
  position: fixed;
  bottom: 0;
  width: 100%;
  z-index: 90;
  padding: 17px 0px;
  background-color: #dbdbdb;
  -webkit-box-shadow: 0px -4px 4px 0px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0px -4px 4px 0px rgba(0, 0, 0, 0.3);
  box-shadow: 0px -4px 4px 0px rgba(0, 0, 0, 0.3);
}
.order_fix_btn.fix {
  display: block;
  max-width: 600px;
  margin: 0 auto;
}
.order_fix_btn .prd_btn_list .btn a {
  line-height: 30px;
}
.order_fix_btn .prd_btn_list {
  margin: 0;
}
.popup {
  display: none;
  width: calc(100% - 30px);
  position: fixed;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  min-width: 280px;
  max-width: 768px;
  border-radius: 5px;
  overflow: hidden;
  -webkit-box-shadow: 0px 0px 10px 2px rgba(0, 0, 0, 0.75);
  -moz-box-shadow: 0px 0px 10px 2px rgba(0, 0, 0, 0.75);
  box-shadow: 0px 0px 10px 2px rgba(0, 0, 0, 0.75);
  z-index: 101;
}
.popup.on {
  display: block;
}
.pop_top {
  position: relative;
}
.product_option_pop .btnClose {
  overflow: hidden;
  position: absolute;
  right: 15px;
  top: 0;
  z-index: 510;
  width: 36px;
  height: 36px;
  border: 0;
  padding: 0;
  font-size: 0;
  text-indent: -150%;
  background: url(/ktsonicboom/mobile/img/btn_close_black.png) center center no-repeat;
  background-size: 14px 14px;
}
.popup h1 {
  padding: 0 14px;
  line-height: 35px;
  font-size: 13px;
  text-align: left;
  border-bottom: 1px solid #ccc;
  color: #1b1b1b;
  background: #f1f1f1;
  border-radius: 5px 5px 0 0;
}
.product_option_pop .contents {
  height: 290px;
  padding: 0;
  overflow-y: scroll;
  background: #f1f1f1;
}
.product_option_pop .name {
  margin: 0;
  padding: 14px;
  color: #2e2e2e;
  font-weight: bold;
  font-size: 13px;
  line-height: 1.25em;
}
.product_option_pop .pro_option {
  border: none;
  margin: 0;
}
.popup .option_desc p.product {
  margin-bottom: 5px;
}
.popup .option_desc .delet {
  padding-right: 0;
}
.popup .option_desc .price span {
  color: #ff6600;
  display: block;
  font-weight: bold;
  font-size: 13px;
}
.popup .option_desc .item input {
  width: 85px;
}
.popup .option_desc .item:first-child {
  border-top: none;
}
.popup .totalPrice {
  border: none;
  border-top: 1px solid #d5d5d5;
}
.popup .totalPrice .total {
  color: #ff6600;
}
.popup .totalPrice .total strong {
  font-weight: bold;
}
.popup .prd_btn_list {
  border-top: 1px solid #ccc;
  padding: 7px 0;
  margin: 0;
  background: #f1f1f1;
}
.popup .prd_btn_list .btn a {
  line-height: 36px;
  font-weight: 400;
  font-size: 13px;
}
.popup .prd_btn_list .btn_bg {
  border: 1px solid #999;
  background: #999;
}
.popup .prd_btn_list .btn_border {
  border: 1px solid #d5d5d5;
}
.popup .prd_btn_list .btn_border a {
  font-weight: 400;
}
/*  */
.cart_wrap .tab_menu {
  margin-top: 7px;
}
.cart_wrap .wrap {
  margin-top: 7px;
  padding: 0 7px;
}
.cart_list_wrap .contents {
  overflow: hidden;
  border: 1px solid #d5d5d5;
}
.cart_list_wrap .title {
  margin: -1px;
  color: #fff;
  background: #737782;
  position: relative;
  z-index: 1;
  overflow: hidden;
  padding: 14px 43px 14px 14px;
  cursor: pointer;
  font-size: 13px;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  line-height: 1.3;
  -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
}
.cart_list_wrap .title:after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  width: 40px;
  height: 100%;
  background: url(/ktsonicboom/mobile/img/ico_arrow_white.png) no-repeat 50% 50%;
  background-size: 20px auto;
  -webkit-transition: 0.3s ease-out;
  transition: 0.3s ease-out;
}
.cart_list_wrap.on .title:after {
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  transform: rotate(180deg);
}
.cart_list_wrap .sub_title h3 {
  display: block;
  padding: 0 0 0 14px;
  line-height: 43px;
  font-size: 13px;
  border-bottom: 1px solid #d5d5d5;
  color: var(--sub-color-3);
  background-color: #f0f0f0;
  font-weight: 400;
}
.cart_list_wrap .contents {
  display: none;
}
.cart_list_wrap.on .contents {
  display: block;
}
.cart_item {
  position: relative;
  padding: 14px 14px 6px;
  background: #fff;
  border-bottom: 1px solid #d5d5d5;
}
.cart_item .pro_box {
  display: flex;
  column-gap: 15px;
  min-height: 90px;
  margin-top: 7px;
  border-bottom: 1px solid #ececec;
}
.cart_item .pro_box .thumbnail {
  border: 1px solid #d5d5d5;
  overflow: hidden;
  width: 73px;
  height: 73px;
}
.cart_item .pro_box .thumbnail a {
  display: block;
  width: 71px;
}
.cart_item .pro_box .thumbnail a img {
  display: block;
  aspect-ratio: 1 / 1;
  width: 100%;
  height: auto;
  object-fit: cover;
  overflow: hidden;
}
.cart_item .pro_box .description {
  width: calc(100% - 90px);
}
.cart_item .pro_box .description .prdName {
  display: block;
  margin: 0 0 10px;
  font-size: 13px;
}
.cart_item .pro_box .description .info li {
  margin-bottom: 7px;
  font-size: 12px;
  color: #757575;
}
.cart_item .pro_box .description .info .price li {
  font-size: 13px;
  color: #000;
  font-weight: 400;
  margin-bottom: 7px;
  line-height: 25px;
}

.cart_item .num_list li button {
  width: 33px;
}
.cart_item .num_list li button img {
  width: 100%;
  display: block;
}
.cart_item .num_list li input {
  text-align: right;
  width: 49px;
  height: 29px;
}
.cart_item .num_list ul {
  display: flex;
  column-gap: 4px;
}
.cart_item .optionDesc {
  padding: 14px 100px 0 0;
  color: #353535;
  font-size: 12px;
}
.cart_item .btnArea {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 10px;
  margin-bottom: 10px;
}
.cart_list_wrap .selected_btn_box a,
.cart_item .btnArea a {
  display: inline-block;
  height: 26px;
  line-height: 24px;
  font-size: 13px;
  text-align: center;
}
.cart_list_wrap .selected_btn_box ul,
.cart_item .btnArea ul {
  display: flex;
  align-items: center;
  column-gap: 5px;
}
.cart_list_wrap .selected_btn_box .btn_strong,
.cart_item .btn_strong {
  height: 29px;
  line-height: 27px;
  padding: 0 10px;
  vertical-align: middle;
  font-size: 13px;
  color: #fff;
}
.cart_list_wrap .selected_box {
  overflow: hidden;
  border-bottom: 1px solid #d5d5d5;
}
.cart_list_wrap .selected_box .title {
  color: #1b1b1b;
  background: #f9f9f9;
  padding: 14px 43px 14px 14px;
  cursor: pointer;
  font-size: 13px;
  line-height: 1.3;
}
.cart_list_wrap .selected_box .title:after {
  background-image: url(/ktsonicboom/mobile/img/ico_arrow_gray.png);
}
.cart_list_wrap .selected_box.on .title:after {
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  transform: rotate(180deg);
}
.cart_list_wrap .selected_box .conts {
  display: none;
  padding: 0 14px 14px;
  background: #f9f9f9;
}
.cart_list_wrap .selected_box.on .conts {
  display: block;
}
.cart_list_wrap .selected_box .conts p {
  display: block;
  font-size: 12px;
  color: #666;
}
.cart_list_wrap .selected_box .conts p + p {
  margin-top: 10px;
}
.cart_list_wrap .selected_btn_box {
  padding: 7px 14px;
}
.cart_list_wrap .selected_btn_box .top_group {
  padding-bottom: 7px;
  margin-bottom: 7px;
  border-bottom: 1px solid #d5d5d5;
}
.payment_box {
  margin-top: 7px;
}
.payment_box .total {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 14px 34px 14px 14px;
  font-size: 13px;
  font-weight: bold;
  color: #fff;
  background-color: #4a5164;
}
.payment_box .item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 14px 34px 14px 14px;
  font-size: 13px;
  color: #1b1b1b;
  background: #f0f0f0;
  border: 1px solid #d5d5d5;
}
.payment_box .item + .item {
  border-top: none;
}
.payment_box .item h3 {
  color: var(--sub-color-3);
  font-weight: 400;
}
.payment_box .item p {
  color: #000;
  font-size: 15px;
}
.cart_wrap .btn_list {
  margin-top: 10px;
}
.cart_wrap .btn_list ul {
  display: flex;
  column-gap: 4px;
}

.cart_wrap .btn_list ul li {
  width: calc((100% - 4px) / 2);
}

.cart_wrap .btn_list ul li a {
  display: block;
  text-align: center;
  line-height: 36px;
  font-size: 13px;
}
.cart_wrap .btn_list ul li .btn_strong {
  color: #fff;
}
.help_box {
  margin: 18px 4px;
  padding: 0 0 0 18px;
  font-size: 12px;
  line-height: 1.5;
  color: #757575;
  text-align: left;
  background: url(/ktsonicboom/mobile/img/ico_help.png) no-repeat 0 3px;
  background-size: 14px auto;
}
.cart_empty {
  padding: 30px 0;
  color: #212530;
  font-size: 12px;
  text-align: center;
}
/* 결제 */
.orderform_wrap {
  background: #ededed;
}
.orderform_wrap .titleArea > h1 {
  position: relative;
  padding: 0 42px;
  line-height: 61px;
  color: #fff;
  font-size: 20px;
  font-weight: 500;
  text-align: center;
  border: 1px solid #d7d7d7;
  background: #595959;
}
.orderform_wrap .title {
  position: relative;
  padding-right: 48px;
  cursor: pointer;
  padding: 20px 16px;
  background: #fff;
}
.orderform_wrap .title h2 {
  margin: 0 10px 0 0;
  font-size: 18px;
  color: #000;
  font-weight: 500;
  line-height: 27px;
}
.orderform_wrap .address_box {
  background: #fff;
  border-bottom: 1px solid #d7d5d5;
}
.orderform_wrap .address_box.on .title:after {
  top: 29px;
  transform: rotate(45deg);
}
.orderform_wrap .address_box .title:after {
  position: absolute;
  top: 22px;
  right: 20px;
  content: "";
  width: 12px;
  height: 12px;
  display: inline-block;
  border: 2px solid #bcbcbc;
  border-right: 0;
  border-bottom: 0;
  transform: rotate(-135deg);
  transition: 0.3s ease-out;
}
.orderform_wrap .menu_list {
  margin-bottom: 22px;
}
.orderform_wrap .menu_list ul {
  display: flex;
  border-top: 1px solid #d7d5d5;
}
.orderform_wrap .menu_list li {
  flex: 1;
  border-bottom: 1px solid #d7d5d5;
}
.orderform_wrap .menu_list li.on {
  border-bottom: none;
}
.orderform_wrap .menu_list li a {
  display: block;
  text-align: center;
  font-weight: 500;
  color: #797979;
  background: #fff;
  padding: 15px 10px 14px;
  font-size: 16px;
  line-height: 24px;

  text-align: center;
  background: #f8f9fa;
}
.orderform_wrap .menu_list li + li {
  border-left: 1px solid #d7d5d5;
}
.orderform_wrap .menu_list li.on a {
  background: #fff;
  color: #000;
}

.recent_address {
  position: relative;
  background: #fff;
  padding: 0 16px 20px;
}
.recent_address .name {
  display: block;
  padding: 0 76px 0 0;
  color: #333;
  font-size: 16px;
  font-weight: 500;
}
.recent_address .address {
  display: block;
  font-size: 15px;
  color: #383838;
  margin-top: 18px;
}
.recent_address .phone {
  display: block;
  font-size: 15px;
  color: #383838;
  margin-top: 8px;
}
.recent_address .btn_normal {
  height: 42px;
  padding: 0 10px;
  font-size: 14px;
  font-weight: 400;
  position: absolute;
  right: 15px;
  top: 0;
}
.message_select_wrap {
  position: relative;
  display: inline-block;
  width: 100%;	
  background: #fff;
  border-top: 1px solid #ebebeb;
  padding: 20px 16px 15px;
}
.message_select_wrap select {
  width: 100%;
  padding: 0 20px 0 15px;
  height: 42px;
  font-size: 14px;
}
.message_select_wrap .directInputReq {
  overflow: hidden;
  position: absolute;
  display: none;
  left: 10px;
  top: 22px;
  width: calc(100% - 60px);
  padding: 0 20px 0 15px;
  font-size: 14px;
}
.message_select_wrap .directInputReq input{
  width: 100%;
  border: none;
}
.direct_input .segment {
  padding: 0 16px 15px;
}
.direct_input .segment ul {
  display: flex;
  align-items: center;
  column-gap: 16px;
}
.direct_input .segment ul li {
  display: flex;
  align-items: center;
  column-gap: 6px;
}
.direct_input .segment label {
  display: inline-block;
  min-height: 29px;
  line-height: 29px;
  vertical-align: middle;
  cursor: pointer;
  color: #383838;
  font-size: 16px;
}
.typeWrite {
  padding: 0 16px;
  margin-bottom: 14px;
}
.typeWrite table {
  width: 100%;
}
.typeWrite table li {
  width: 100%;
  padding: 8px 0;
  line-height: 22px;
}
.typeWrite table input {
  width: 100%;
  height: 42px;
}
.typeWrite tbody th {
  padding: 8px 0;
  font-size: 15px;
  font-weight: 400;
  line-height: 40px;
  text-align: left;
  vertical-align: top;
  word-break: break-word;
}
.typeWrite td {
  padding: 8px 16px 7px 4px;
}
.typeWrite select {
  height: 42px;
  width: 100%;
}
.icoRequired {
  display: inline-block;
  width: 6px;
  height: 6px;
  margin: -2px 0 0;
  vertical-align: middle;
  text-indent: 150%;
  font-size: 0;
  line-height: 0;
  white-space: nowrap;
  background: url(/ktsonicboom/mobile/img/bg_required.png) no-repeat 0 0;
  background-size: auto 6px;
}
.address_btn li {
  position: relative;
}
.address_btn .btn_basic {
  position: absolute;
  top: 8px;
  right: 0;
}
.address_btn .btn_basic {
  color: #000;
  border: 1px solid #a7a7a7;
  background: #fff;
  min-width: 80px;
  height: 42px;
  line-height: 38px;
  padding: 0 12px;
  vertical-align: middle;
  font-size: 14px;
  font-weight: 400;
}
.mailAddress {
  position: relative;
}
.base-mail {
  display: flex;
  justify-content: space-between;
  gap: 4px;
  align-items: center;
}
.base-mail .mailAddress {
  position: relative;
  display: inline-block;
  width: 100%;
  margin: 0;
  vertical-align: top;
}
.base-mail .mailAddress select {
  width: 100%;
}
.mailAddress .directInput {
  position: absolute;
  left: 10px;
  top: 2px;
  width: calc(100% - 40px);
  display: none;
}
.mailAddress .directInput input {
  width: 100%;
  border: none;
}

.segment_label {
  display: flex;
  align-items: center;
  padding: 0 16px 20px;
}
.segment_label input[type="checkbox"] + label {
  font-size: 15px;
  margin: 0 16px 0 6px;
}
.orderform_conts {
  background: #fff;
  margin-bottom: 10px;
}

.orderform_wrap .title_toggle {
  position: relative;
  padding: 20px 48px 20px 16px;
  cursor: pointer;
  background: #fff;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.title_toggle h2 {
  margin: 0 10px 0 0;
  font-size: 18px;
  color: #000;
  font-weight: 500;
  line-height: 27px;
}
.title_toggle .txt_strong {
  color: #3971ff;
  display: block;
  font-size: 15px;
}
.orderform_wrap .title_toggle:after {
  position: absolute;
  top: 22px;
  right: 20px;
  content: "";
  width: 12px;
  height: 12px;
  display: inline-block;
  border: 2px solid #bcbcbc;
  border-right: 0;
  border-bottom: 0;
  transform: rotate(-135deg);
  transition: 0.3s ease-out;
}
.orderform_conts .conts {
  display: none;
}
.orderform_conts.on .conts {
  display: block;
}
.on .title_toggle:after {
  top: 29px;
  transform: rotate(45deg);
}
.on .title_toggle .txt_strong {
  display: none;
}
.order_prd {
  margin-top: 10px;
}

.proBox_list {
  padding: 0 16px;
}
.proBox_list .pro_box {
  display: grid;
  grid-template-columns: 110px 1fr 26px;
  min-height: 104px;
  padding-bottom: 15px;
}
.proBox_list .pro_box + .pro_box {
  border-top: 1px dashed #d5d5d5;
  padding-top: 15px;
}
.proBox_list .pro_box .thumbnail {
  border: 1px solid #d5d5d5;
  overflow: hidden;
  width: 90px;
  height: 90px;
}
.proBox_list .pro_box .thumbnail a {
  display: block;
  width: 90px;
}
.proBox_list .pro_box .thumbnail a img {
  display: block;
  aspect-ratio: 1 / 1;
  width: 100%;
  height: auto;
  object-fit: cover;
  overflow: hidden;
}

.proBox_list .pro_box .description .info {
  margin-bottom: 14px;
}
.proBox_list .pro_box .description .prdName {
  display: block;
  margin-bottom: 9px;
  font-size: 14px;
  font-weight: 400;
  color: #000;
}
.proBox_list .pro_box .description .info li {
  margin-bottom: 2px;
  font-size: 14px;
  line-height: 22px;
  color: #606060;
}
.proBox_list .pro_box .proPrice {
  font-size: 15px;
  font-weight: 400;
  line-height: 22px;
  color: #000;
}
.proBox_list .pro_box .btnRemove {
  position: relative;
  width: 24px;
  height: 24px;
  border: 1px solid #b5b5b5;
  border-radius: 2px;
  margin: 0 0 0 4px;
  text-indent: 150%;
  font-size: 0;
  line-height: 0;
  white-space: nowrap;
}
.proBox_list .pro_box .btnRemove:before {
  position: absolute;
  top: 50%;
  left: 4px;
  content: "";
  width: 14px;
  height: 1px;
  background: #7b7d8a;
  transform: rotate(-45deg);
}
.proBox_list .pro_box .btnRemove:after {
  position: absolute;
  top: 50%;
  left: 4px;
  content: "";
  width: 14px;
  height: 1px;
  background: #7b7d8a;
  transform: rotate(-135deg);
}

.orderform_wrap .totalPrice .title {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 11px 16px 11px 16px;
  background: #f8f9fa;
}
.orderform_wrap .totalPrice .title h3 {
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  color: #606060;
}
.orderform_wrap .totalPrice .deliveryFee {
  font-size: 14px;
  font-weight: 500;
  color: #000;
}
.order_payInfo .conts .table_wrap {
  padding: 0px 16px 20px;
}
.order_payInfo table {
  width: 100%;
}
.order_payInfo table tbody th {
  text-align: left;
  color: #383838;
}
.order_payInfo table tbody th,
.order_payInfo table tbody td {
  font-size: 16px;
  font-weight: 400;
  padding: 5px 0;
}
table .right {
  text-align: right;
}
.order_payInfo .price {
  font-weight: 700;
}
.orderform_conts .totalPrice .txtStrong {
  color: #3971ff;
  font-size: 22px;
  font-weight: 700;
}
.order_paymethod .inner {
  display: flex;
  flex-direction: column;
  font-size: 15px;
  font-weight: 400;
  color: #383838;
  overflow: visible;
  opacity: 1;
  height: auto;
  transition: height 0.3s ease, opacity 0.3s ease-out;
  margin-bottom: 16px;
}
.order_paymethod .inner .base-label {
  position: relative;
  font-size: 15px;
  margin-right: 0px;
  font-weight: 400;
  color: #383838;
}
.order_paymethod .inner .base-label > input {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
}
.order_paymethod .inner .base-label:first-child label {
  border-bottom: none;
}
.order_paymethod .inner .base-label label {
  display: block;
  font-size: 15px;
  border: 1px solid #ebebeb;
  padding: 17px 25px;
}
.order_paymethod .inner .base-label input:checked ~ label {
  border: 1px solid #3971ff;
  color: #3971ff;
  font-weight: 700;
  padding: 17px 25px 16px;
}
.help_area {
  border: 1px solid #eaeaea;
  padding: 13px 10px;
  background-color: #fafafd;
  font-size: 13px;
  color: #797979;
  text-align: left;
  line-height: 18px;
}
.help_area .typeDash li:before {
  display: inline-block;
  content: "";
  position: absolute;
  top: 12px;
  left: 0;
  width: 5px;
  height: 1px;
  background: #999;
}
.help_area li {
  position: relative;
  padding-left: 9px;
  display: block;
}
.help_area li + li {
  margin-top: 29px;
}
.order_paymethod .conts {
  padding: 0 16px;
}
.paymethod_table, .virtualAcc_table {
  background-color: #fafafd;
  border: 1px solid #eaeaea;
  padding-bottom: 10px;
}
.paymethod_tab .paymethod_sub {
  display: none;
}
.paymethod_tab .paymethod_sub:first-child {
  display: block;
}
.orderform_conts .sub_title {
  font-weight: 400;
  color: #383838;
  font-size: 16px;
  margin-bottom: 20px;
}
.receiptArea {
  padding: 0 16px 0;
  background-color: #fafafd;
  border: 1px solid #eaeaea;
  border-top: 0;
  border-bottom: 0;
}
.receiptArea .title {
  background: none;
  padding: 4px 0 10px;
  font-size: 17px;
  color: #333;
}
.flex_label ul {
  display: flex;
  align-items: center;
  column-gap: 16px;
}
.flex_label ul li {
  display: flex;
  align-items: center;
  column-gap: 2px;
}
.flex_label label {
  display: block;
  font-size: 16px;
  margin: 0 16px 0 6px;
}
.cashreceipt_form {
  margin-top: 10px;
}
.cashreceipt_form select {
  width: 80px;
  height: 42px;
}
.cashreceipt_form .inputArea {
  display: flex;
  align-items: center;
  justify-content: space-between;
  column-gap: 3px;
  align-items: center;
  padding-top: 10px;
}
.cashreceipt_form .inputArea input,
.cashreceipt_form .inputArea select {
  width: 100%;
}
.order_paymethod .saveArea {
  padding-bottom: 20px;
  margin-top: 20px;
  display: flex;
  align-items: center;
  column-gap: 10px;
}
.order_paymethod .saveArea label {
  font-size: 15px;
  display: block;
}
.order_benefit .conts .base-table {
  padding: 0 16px 20px;
}
.order_benefit .base-table tbody th,
.order_benefit .base-table tbody td {
  padding: 0 0 5px 0;
  font-size: 16px;
}
.order_benefit .base-table tbody th {
  text-align: left;
  font-size: 16px;
  font-weight: 400;
  text-align: left;
  vertical-align: top;
}
.order_benefit .base-table .price {
  font-weight: 700;
}
.base-table tbody td {
  font-size: 16px;
  padding: 5px 0;
}

.orderform_wrap .checkNone {
  background: #fff;

  padding: 10px 16px;
}
.checkNone ul {
  background-color: #fafafd;
  padding: 10px 16px;
  margin-bottom: 20px;
}
.checkNone .agree-msg {
  font-size: 16px;
  font-weight: 500;
  color: #000;
  text-align: center;
}
.orderform_wrap .checkNone li {
  font-size: 15px;
  line-height: 22px;
}
.full_btn .btnSubmit.btn_color {
  font-size: 18px;
  font-weight: 400;
  height: 50px;
  line-height: 50px;
  color: #fff;
  background-color: #3971ff;
  margin: 0;
  border: 0;
  text-align: center;
}
/* 주문 완료  */

.resultArea {
  position: relative;
  margin: 20px 14px 24px;
  padding: 31px 15px 18px;
  background: #fff;
}
.bg_color {
  background: #ededed;
}

.resultArea .message {
  padding: 56px 0 13px;
  text-align: center;
  font-size: 18px;
  color: #333;
  line-height: 26px;
  background: url(/ktsonicboom/mobile/img/ico_resultarea_message.png) no-repeat center 0;
  background-size: 38px 42px;
}
.resultArea:after {
  position: absolute;
  top: 100%;
  left: 0;
  display: block;
  content: "";
  width: 100%;
  height: 5px;
  background: url(/ktsonicboom/mobile/img/bg_resultarea.png) repeat-x 0 bottom;
  background-size: auto 5px;
}
.base-table table {
  width: 100%;
}
.resultArea table {
  margin-top: 7px;
}
.resultArea tbody th {
  padding: 5px 0 5px 14px;
  text-align: left;
  font-weight: normal;
  font-size: 16px;
}
.txtEm {
  color: #3971ff;
}
.resultArea tbody td {
  font-size: 16px;
  font-weight: normal;
}
.resultArea tbody td {
  padding: 5px 14px 5px 5px;
}
.resultInfo {
  margin: 13px 0 0;
  border-top: 1px dashed #d7d5d5;
}
.result_wrap {
  padding: 30px 0;
}
.result_wrap .title {
  padding: 16px 14px;
}
.pannelArea {
  margin: 0 0 10px;
  border: 1px solid #d7d5d5;
  background: #fff;
}
.result_wrap .title h2 {
  margin: 0 10px 0 0;
  font-size: 18px;
  font-weight: bold;
  color: #333;
}
.result_wrap .contents {
  border-top: 1px solid #eaeaea;
}
.base-table.typeView table tr:first-child > th,
.base-table.typeView table tr:first-child > td {
  border-top-width: 0;
  padding: 16px 0 26px;
}

.result_wrap .table_wrap table {
  width: 100%;
}
.result_wrap .base-table {
  padding: 14px;
}
.resultArea .result_wrap .base-table table th {
  border-top: none;
}
.result_wrap .base-table table th {
  padding: 16px 0 26px;
  color: var(--sub-color-4);
  font-size: 15px;
  font-weight: normal;
  text-align: left;
  border-top: 1px solid #eaeaea;
  vertical-align: top;
}
.result_wrap .base-table table td {
  font-size: 15px;
  color: #333;
  border-top: 1px solid #eaeaea;
  padding: 16px 0 26px 0;
}
.methodButton a.btn_normal {
  display: inline-block;
  margin-top: 5px;
  line-height: 42px;
}
.result_wrap .proBox_list .prdName {
  margin: 0 0 5px;
  font-weight: normal;
  color: #333;
  font-size: 16px;
}
.result_wrap .proBox_list {
  padding: 20px 14px 15px;
}
.base-fold .title {
  position: relative;
  padding: 12px 15px 12px 15px;
  background: #eff1f3;
  border: 0;
}
.base-fold .title h3 {
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  color: #606060;
}
.base-fold .title:after {
  content: "";
  position: absolute;
  top: 25px;
  right: 14px;
  height: 10px;
  width: 17px;
  margin-top: -5px;
  display: block;
  background: url(/ktsonicboom/mobile/img/bg_fold.png) no-repeat 0 0;
  background-size: 17px auto;
  transform: rotate(0deg);
}
.base-fold.on .title:after {
  transform: rotate(180deg);
}
.result_wrap .totalPrice {
  margin: 20px 14px 35px;
  background: #f8f9fa;
  color: #353535;
  vertical-align: middle;
}
.result_wrap .totalPrice .base-fold .contents {
  display: none;
}

.result_wrap .totalPrice .base-fold.on .contents {
  display: block;
}
.result_wrap .segment .base-table table th {
  vertical-align: top;
}
.payInfo .base-table table th,
.payInfo .base-table table td,
.result_wrap .totalPrice .base-table table td,
.result_wrap .totalPrice .base-table table th {
  border-top: none;
  padding: 5px 0;
}

.payInfo {
  padding: 14px;
}
.totalPay {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 16px 15px;

  color: #333;
  font-size: 18px;
  background: #eff1f4;
}
.result_wrap .btnSubmit {
  background: #4a5164;
}
.result_wrap .btn_group {
  margin: 14px 14px 25px 4px;
}
.result_wrap .btn_group ul {
  display: flex;
  align-items: center;
  column-gap: 10px;
}
.result_wrap .btn_group ul li {
  width: calc(50% - 5px);
}
.result_wrap .btn_group a {
  font-size: 18px;
  line-height: 46px;
  height: fit-content;
}

/* qna */
.qnaList_wrap .item_box {
}
.qnaList_wrap .list_item {
  border-top: 1px solid #ececec;
}
.qnaList_wrap .item_box {
  padding: 14px 7px;
  border-bottom: 1px solid #ececec;
}
.qnaList_wrap .item_box .thumb {
  width: 50px;
  height: 50px;
  object-fit: cover;
  border-radius: 50%;
  overflow: hidden;
}
.qnaList_wrap .item_box .top_group {
  display: flex;
  column-gap: 10px;
}
.qnaList_wrap .item_box .thumb img {
  display: block;
  width: 50px;
  height: 50px;
  object-fit: cover;
}
.qnaList_wrap .item_box .txt_box {
  width: calc(100% - 60px);
}
.qnaList_wrap .item_box .txt_box .prdname {
  font-size: 12px;
  line-height: 25px;
}
.qnaList_wrap .item_box .subject {
  display: flex;
  align-items: center;
  column-gap: 4px;
  font-size: 15px;
}
.qnaList_wrap .item_box .info {
  margin-top: 4px;
}
.qnaList_wrap .item_box .info span {
  position: relative;
  display: inline-block;
  font-size: 11px;
  line-height: 25px;
}
.qnaList_wrap .board-button-list {
  padding: 0 14px;
  margin: 10px auto;
  display: flex;
  justify-content: end;
}
.qnaList_wrap a.btn_strong {
  color: #fff;
  border: 1px solid #999;
  border-bottom-color: #999;
  background: #999;
  height: 29px;
  line-height: 27px;
  padding: 0 10px;
  vertical-align: middle;
  font-size: 13px;
}
.qnaList_wrap .item_box .comment {
  color: var(--sub-color-3);
}
/* 마이페이지 */
.mypage_wrap {
  padding: 14px 7px;
  font-size: 13px;
}
.mypage_wrap .coupon_box {
  padding: 10px 14px;
  border: 1px solid #d5d5d5;
  font-size: 11px;
  color: #666;
  margin-bottom: 14px;
}
.mypage_wrap .coupon_box a {
  display: inline-block;
  color: var(--sub-color-3);
}
.mys_orderstate {
  margin: 14px 0;
  border: 1px solid #ddd;
}
.mys_orderstate .title {
  padding: 12px 12px 13px;
  margin: 0;
  border-bottom: 1px solid #d5d5d5;
  background: #fff;
  text-align: center;
}
.mys_orderstate .title h3 {
  padding: 0;
  font-size: 12px;
  text-align: center;
  font-weight: 400;
  color: #1b1b1b;
}
.mys_orderstate .desc {
  padding: 0 0 0 4px;
  font-weight: normal;
  font-size: 11px;
  color: #757575;
}
.mys_orderstate .state {
  overflow: hidden;
}
.mys_orderstate .order {
  overflow: hidden;
  padding: 18px 0 20px;
  background: #fff;
}
.mys_orderstate .order li {
  float: left;
  width: 25%;
  padding: 0 0 2px;
  margin: 0 0 0 -1px;
  border-left: 1px dotted #c9c7ca;
  text-align: center;
}
.mys_orderstate .order li:first-child {
  border-left: 0;
}
.mys_orderstate .order li a {
  display: block;
}
.mys_orderstate .order li strong {
  display: block;
  margin: 1px 0 13px;
  font-weight: normal;
  font-size: 13px;
  color: #777;
}
.mys_orderstate .order .count {
  font-weight: bold;
  font-size: 18px;
  color: #333;
}
.mys_orderstate .cs {
  overflow: hidden;
  border-top: 1px solid #d5d5d5;
  background: #f7f7f7;
}
.mys_orderstate .cs li {
  overflow: hidden;
  float: left;
  width: 33.3%;
  margin: 0 0 0 -1px;
  border-left: 1px solid #d5d5d5;
  font-size: 13px;
  background: #f7f7f7;
}
.mys_orderstate .cs li a {
  display: block;
  padding: 14px 0;
}
.mys_orderstate .cs .icoDot {
  display: inline-block;
  width: 2px;
  height: 2px;
  margin: 6px 0 0 12px;
  background: #52596b;
  vertical-align: top;
}
.mys_orderstate .cs strong {
  font-weight: normal;
  color: #1b1b1b;
  font-size: 12px;
}
.mys_orderstate .cs .count {
  float: right;
  margin: 0 15px 0 0;
  font-weight: bold;
  color: #333;
}
.mypage_menu {
  border: 1px solid #d5d5d5;
  background: #fff;
}
.mypage_menu li {
  border-top: 1px solid #e1e1e1;
  background-size: 20px;
  background-repeat: no-repeat;
  background-position: 12px;
}
.mypage_menu ul li:first-child {
  border-top: none;
}
.mypage_menu li a {
  display: block;
  position: relative;
  font-size: 12px;
  font-weight: 400;
  padding: 14px 14px 14px 48px;
  color: #000;
}
.mypage_menu li a span {
  color: var(--sub-color-3);
}
.mypage_menu li.order {
  background-image: url("/ktsonicboom/mobile/img/ico_order.png");
}

.mypage_menu li.modify {
  background-image: url("/ktsonicboom/mobile/img/ico_modify.png");
}

.mypage_menu li.wishlist {
  background-image: url("/ktsonicboom/mobile/img/ico_wishlist.png");
}

.mypage_menu li.mileage {
  background-image: url("/ktsonicboom/mobile/img/ico_mileage.png");
}

.mypage_menu li.coupon {
  background-image: url("/ktsonicboom/mobile/img/ico_coupon.png");
}

.mypage_menu li.board {
  background-image: url("/ktsonicboom/mobile/img/ico_board.png");
}

.mypage_menu li.address {
  background-image: url("/ktsonicboom/mobile/img/ico_address.png");
}

.mypage_menu li.likeit {
  background-image: url("/ktsonicboom/mobile/img/ico_likeit.png");
}

.mypage_menu li.regularDelivery {
  background-image: url("/ktsonicboom/mobile/img/ico_regular_delivery.png");
}
.mypage_menu li a:after {
  display: block;
  position: absolute;
  top: 12px;
  right: 12px;
  content: "";
  width: 20px;
  height: 20px;
  background: url(/ktsonicboom/mobile/img/ico_arrow_right.png) no-repeat;
  background-size: 20px 20px;
}
/* 마일리지 */
.mileage_wrap {
  padding: 0 7px;
}
.mileage_cont {
  margin: 14px 0;
}
.mileage_cont h3 {
  padding: 14px;
  font-size: 13px;
  line-height: 1.2em;
  color: #fff;
  background: #737781;
}
.mileage_wrap .base-table {
  border: 1px solid #d5d5d5;
  border-top: none;
  word-break: break-all;
  word-wrap: break-word;
  color: #353535;
  background: #fff;
}
.mileage_wrap .base-table th {
  font-weight: normal;
  color: #757575;
  padding: 12px 0 12px 13px;
  text-align: left;
}
.mileage_wrap .base-table th,
.mileage_wrap .base-table td {
  border-top: 1px solid #ececec;
  font-size: 13px;
  vertical-align: top;
}
.mileage_wrap .base-table td {
  padding: 12px 13px;
}

.mileage_menu ul {
  border: 1px solid #d5d5d5;
}
.mileage_menu li {
  background: #f9f9f9;
  border-top: 1px solid #ddd;
}
.mileage_menu li:first-child {
  border-top: 0;
}
.mileage_menu li a {
  display: block;
  position: relative;
  padding: 14px;
  font-weight: bold;
  font-size: 13px;
  line-height: 1.2em;
  color: #4a5164;
}

.mileage_menu li a:after {
  display: block;
  content: "";
  width: 20px;
  height: 20px;
  position: absolute;
  top: 12px;
  right: 12px;
  background: url(/ktsonicboom/mobile/img/ico_arrow_gray.png) right 50% no-repeat;
  background-size: 20px 20px;
  transform: rotate(-90deg);
}
/* 쿠폰 */
.coupon_form .formBox {
  margin: 14px 7px;
  padding: 0 14px 14px;
  border: 1px solid #d5d5d5;
  background-color: #fff;
}
.coupon_form .formBox h3 {
  padding: 14px 0 14px;
  font-weight: bold;
  font-size: 12px;
}
.coupon_form .base-field {
  display: flex;
}
.coupon_form .formBox input[type="text"] {
  width: 100%;
  flex: 1;
  height: 29px;
}

.coupon_form .btnStrong {
  color: #fff;
  border: 1px solid #999;
  border-bottom-color: #999;
  background: #999;
  height: 29px;
  line-height: 27px;
  padding: 0 10px;
  vertical-align: middle;
  font-size: 13px;
}
.coupon_form .base-field input ~ [class*="btn"] {
  margin-left: 5px;
}
.popup .base-help,
.coupon_form .base-help {
  margin: 8px 4px;
  padding: 0 0 0 18px;
  font-size: 12px;
  line-height: 1.5;
  color: #757575;
  text-align: left;
  background: url(/ktsonicboom/mobile/img/ico_help.png) no-repeat 0 3px;
  background-size: 14px auto;
}
.coupon_list {
  padding: 0 7px;
}
.coupon_list h3 {
  margin: 7px 0 0;
  padding: 0 0 0 14px;
  color: #fff;
  font-size: 15px;
  line-height: 43px;
  background: #737781;
}
.coupon_list .empty {
  margin: 30px 0;
  font-size: 12px;
  text-align: center;
}
.coupon_list .cont .item {
  border: 1px solid #d9d9d9;
}
.coupon_list .cont .item a {
  display: block;
  padding: 10px 16px;
}
.coupon_list .cont .item .money {
  font-size: 20px;
  font-weight: bold;
  color: var(--sub-color-3);
  margin-bottom: 6px;
}
.coupon_list .cont .item .txt1 {
  color: #222;
  font-size: 14px;
  font-weight: 600;
  margin-bottom: 4px;
}
.coupon_list .cont li + li {
  margin-top: 12px;
}
.coupon_list .cont .item .day,
.coupon_list .cont .item .txt2 {
  font-size: 12px;
  color: var(--sub-color-2);
}
.base-paginate.typeList {
  padding: 14px 0;
  font-size: 0;
  line-height: 0;
  text-align: center;
}
.ec-base-paginate.typeList ol {
  margin: 0 14px;
}
.base-paginate.typeList [class*="btn"] {
  display: inline-block;
  overflow: hidden;
  width: 31px;
  height: 27px;
  border: 1px solid #d9d9d9;
  border-radius: 2px;
  font-size: 1px;
  line-height: 0;
  text-indent: -999px;
  vertical-align: middle;
  background: #fff;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: 7px auto;
}
.base-paginate.typeList .btnPrev {
  background-image: url(/ktsonicboom/mobile/img/btn_prev.png);
}
.base-paginate.typeList .btnNext {
  background-image: url(//img.echosting.cafe24.com/skin/mobile/layout/btn_next.png);
}
.base-paginate.typeList ol {
  margin: 0 14px;
}
.base-paginate.typeList ol,
.base-paginate.typeList ol li {
  display: inline-block;
  vertical-align: middle;
}
.base-paginate.typeList ol li + li {
  margin-left: 8px;
}
.base-paginate.typeList ol li a {
  display: inline-block;
  width: 31px;
  height: 27px;
  border: 1px solid #d9d9d9;
  border-radius: 2px;
  font-size: 15px;
  line-height: 27px;
  color: #1b1b1b;
  vertical-align: middle;
  background: #fff;
}
.base-paginate.typeList ol li .this {
  border-color: #222;
  color: #222;
}
.wishlist_wrap .wrap {
  padding: 14px 7px;
}
.wishlist_wrap .cart_item {
  padding: 14px 14px 6px;
  border: 1px solid #d5d5d5;
  box-sizing: border-box;
  background: #fff;
}
.wishlist_wrap .cart_item + .cart_item {
  margin-top: 6px;
}
.wishlist_wrap .cart_list_wrap .selected_btn_box {
  margin: 0 0 14px;
  padding: 7px 14px;
  border: 1px solid #d5d5d5;
  border-top: 0;
}
.wishlist_wrap .cart_list_wrap .selected_btn_box .top_group {
  border-bottom: none;
  padding-bottom: 0;
  margin-bottom: 0;
}
.wishlist_wrap .btn_list li {
  width: 100%;
}

.wishlist_wrap .btn_list li .btn_strong {
  display: block;
  text-align: center;
  height: 36px;
  line-height: 36px;
  padding: 0 10px;
  font-size: 13px;
  color: #fff;
  border: 1px solid #999;
  background: #999;
}
.wishlist_pop.product_option_pop .name {
  font-weight: 400;
}
.wishlist_pop.product_option_pop .contents {
  background: #fff;
}

.popup.wishlist_pop .totalPrice .total {
  float: initial;
  color: var(--sub-color-3);
}
.popup.wishlist_pop .option_desc .price span {
  color: var(--sub-color-3);
}
.wishlist_pop .option_desc {
  padding: 0 7px;
}
.wishlist_pop .option_desc .option_desc_list {
  border-top: 1px solid #000;
  border-bottom: 1px solid #000;
  padding: 5px 0;
}
.wishlist_pop .option_desc .item {
  border-top: none;
  padding: 4px;
}
.product_option_pop.wishlist_pop .option_desc p.product strong {
  font-weight: bold;
}
.popup.wishlist_pop .totalPrice {
  border-top: none;
}
.popup.wishlist_pop .prd_btn_list ul li {
  width: calc((100% - 6px) / 2);
}
/* 게시글관리 */
.boardList_wrap .tab_menu {
  margin-top: 7px;
}
.board_list li {
  position: relative;
  overflow: hidden;
  padding: 14px 0;
  border-bottom: 1px solid #ececec;
  background: #fff;
}
.board_list li a {
  display: block;
  color: #757575;
  position: relative;
  padding: 0 14px;
  font-size: 12px;
}
.board_list .subject {
  display: block;
  padding: 0 0 6px;
  font-size: 15px;
  line-height: 20px;
  color: #1b1b1b;
}
.board_list .date {
  position: relative;
  display: inline-block;
  padding: 0 7px 0 8px;
  margin: 0 0 0 7px;
  color: #757575;
}
.board_list .date:before {
  display: block;
  content: "";
  position: absolute;
  top: 2px;
  left: 0;
  width: 1px;
  height: 11px;
  background: #d6d6d6;
}

.board_list .subject b {
  font-weight: normal;
  color: #508bed;
}
.board_list .subject img {
  width: 23px;
  display: inline-block;
  vertical-align: middle;
  margin-right: 4px;
}
.boardlist_search {
  margin: 0 0 29px;
  padding: 14px;
  border-top: 1px solid #ececec;
  border-bottom: 1px solid #ececec;
  text-align: left;
}
.boardlist_search .flex_box {
  display: flex;
  column-gap: 6px;
}
.boardlist_search .flex_box select {
  flex: 1;
}
.boardlist_search select {
  width: 100%;
}
.boardlist_search .base-field {
  display: flex;
  margin-top: 7px;
}
.boardlist_search .base-field input[type="text"] {
  flex: 1;
  height: 29px;
}
.boardlist_search .base-field input ~ [class*="btn"] {
  margin-left: 5px;
}
.boardlist_search .btn_strong {
  display: inline-block;
  padding: 0 10px;
}
/* 주소록관리 */
.addrList_wrap .wrap {
  padding: 14px 7px;
}
.top_box {
  display: flex;
  align-items: center;
  justify-content: space-between;
  background: #737781;
  padding: 0 14px;
}
.top_box h3 {
  line-height: 43px;
  font-size: 13px;
  font-weight: bold;
  color: #fff;
}
.top_box .btn_strong {
  padding: 0 10px;
  height: 29px;
  line-height: 27px;
  font-size: 11px;
  font-weight: bold;
  color: #fff;
}
.addr_list {
  border-left: 1px solid #d5d5d5;
  border-right: 1px solid #d5d5d5;
}
.addr_list .name {
  font-size: 13px;
  background: #f1f1f1;
  line-height: 43px;
}
.addr_list p {
  padding: 0 0 0 14px;
  font-size: 12px;
  font-weight: 400;
  color: #666;
  background: #fff;
  line-height: 25px;
}
.addr_list .description {
  position: relative;
  border-bottom: 1px solid #d5d5d5;
}
.addr_list .name span {
  color: #508bed;
  font-weight: bold;
}
.addr_list .info {
  padding: 14px 0;
  font-size: 13px;
  background: #fff;
}
.addr_list .inf .number {
  margin: 5px 0 0;
  color: #757575;
}
.addr_list .info .number span {
  position: relative;
}
.addr_list .info .number span + span {
  margin-left: 28px;
}
.addr_list .info .number span + span:before {
  display: block;
  content: "";
  position: absolute;
  top: 1px;
  left: -14px;
  width: 1px;
  height: 13px;
  background: #989899;
}
.addr_list .base-button {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin: 0;
  padding: 0 14px 14px;
  background: #fff;
}
.addr_list .base-button ul {
  display: flex;
  align-items: center;
  column-gap: 5px;
}
.addr_list .base-button ul a {
  height: 29px;
  line-height: 27px;
  padding: 0 10px;
  vertical-align: middle;
  font-size: 13px;
}
/* 회원정보수정  */
.pwCk_wrap {
  margin: 14px 7px 0;
  line-height: 1.5;
  border: 1px solid #d5d5d5;
}
.pwCk_wrap h3 {
  background: #f1f1f1;
  border-bottom: 1px solid #d5d5d5;
  text-align: center;
  line-height: 43px;
  color: #2e2e2e;
  background: #f0f0f0;
  font-size: 12px;
  font-weight: 400;
}
.pwCk_wrap .confirm {
  color: #353535;
  font-size: 12px;
  line-height: 1.45;
}
.confirm fieldset {
  margin: 0 auto;
  padding: 14px 28px;
  width: 250px;
}
.pwCk_wrap .confirm .info {
  padding: 0 0 14px 30px;
  background: url(/ktsonicboom/mobile/img/ico_check_password.png) no-repeat 0 4px;
  background-size: 17px 20px;
}
.pwCk_wrap .password {
  display: flex;
  align-items: center;
  justify-content: center;
  column-gap: 4px;
}
.pwCk_wrap .password input {
  height: 29px;
}
.pwCk_wrap .password .btn_strong {
  width: 48px;
  height: 29px;
}
/*  */
.orderList_wrap {
  margin-top: 14px;
}
.orderList_wrap .tab_menu {
  margin-bottom: 14px;
}
.order_historyhead_form {
}
.order_historyhead_form fieldset {
  margin: 14px 7px 0;
  padding: 7px 8px;
  border: 1px solid #d5d5d5;
  font-size: 11px;
  background: #f1f1f1;
}
.order_historyhead_form .stateSelect {
  display: block;
  position: relative;
  margin: 0 0 7px;
  padding: 0 1px 0 34px;
}
.order_historyhead_form .stateSelect .state {
  position: absolute;
  top: 0;
  left: 0;
  height: 29px;
  line-height: 29px;
}
.order_historyhead_form .stateSelect select {
  width: 100%;
}
.order_historyhead_form fieldset .term {
  float: left;
  width: 34px;
}
.order_historyhead_form .flex_box {
  display: flex;
}
.order_historyhead_form .flex_box a {
  flex: 1;
  margin: 0 0 0 4px;
  padding: 0 3px;
  white-space: nowrap;
  display: block;
  text-align: center;
  line-height: 27px;
}
.order_historyhead_form select {
  height: 29px;
}
.order_historyhead_form .flex_box a.on,
.order_historyhead_form .flex_box a:hover {
  background-color: #4a5164;
  color: #fff;
  border: 1px solid #4a5164;
}
.order_historyhead_form ul.base-help li {
  margin: 8px 4px;
  padding: 0 0 0 18px;
  font-size: 12px;
  line-height: 1.5;
  color: #757575;
  text-align: left;
  background: url(/ktsonicboom/mobile/img/ico_help.png) no-repeat 0 3px;
  background-size: 14px auto;
}
.order_history_list {
  padding: 0 7px;
}
.order_history_list .item .title_box {
  overflow: hidden;
  padding: 0 14px;
  line-height: 43px;
  color: #fff;
  font-size: 13px;
  font-weight: normal;
  background-color: #737781;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.order_history_list .item h3 a {
  color: #fff;
  font-weight: 400;
}
.order_history_list .btn_more a {
  padding: 0 14px 0 0;
  font-size: 11px;
  color: #fff;
  background: url(/ktsonicboom/mobile/img/btn_arrow_right.jpg) right center no-repeat;
  background-size: 8px 13px;
}
.order_history_list .cart_item {
  padding: 0;
  border: 1px solid #d5d5d5;
}
.order_history_list .cart_item .pro_box {
  padding: 14px 14px 6px;
}
.order_history_list .prdFoot {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 6px 12px;
  font-weight: bold;
  line-height: 26px;
  color: #508bed;
  text-align: center;
  background: #f1f1f1;
  font-size: 12px;
}
/*  */
.notice_wrap {
  margin-top: 14px;
}
.notice_wrap li {
  position: relative;
  padding: 14px 14px;
  color: #757575;
  border-bottom: 1px solid #ececec;
  background: #f9f9f9;
}
.notice_wrap .tit {
  display: block;
  padding: 0 0 7px;
  font-size: 15px;
  line-height: 1.3em;
  font-weight: bold;
  color: #1b1b1b;
}
.notice_wrap a {
  display: block;
  color: #757575;
}
.notice_wrap .info span {
  font-size: 12px;
  font-weight: 400;
  padding: 0 6px 0 0;
  color: #757575;
}
.board-empty {
  padding: 28px 0;
  text-align: center;
  font-size: 12px;
  border-bottom: 1px solid #d5d5d5;
  background: #fff;
}
.boardRead_wrap {
  margin-top: 14px;
}
.boardRead_wrap .title_box {
  padding: 14px;
}
.boardRead_wrap .title_box h3 {
  font-size: 15px;
  word-wrap: break-word;
  font-weight: 400;
}
.boardRead_wrap .title_box .info {
  overflow: hidden;
  margin: 7px 0;
  display: flex;
  align-items: center;
  column-gap: 14px;
  font-size: 13px;
  color: #757575;
}
.boardRead_wrap .title_box .info p {
  position: relative;
}
.boardRead_wrap .title_box .info p + p:before {
  display: block;
  content: "";
  position: absolute;
  top: 50%;
  left: -7px;
  transform: translateY(-50%);
  width: 1px;
  height: 11px;
  background: #d6d6d6;
}
.boardRead_wrap .conts {
  padding: 14px 14px 14px;
  word-wrap: break-word;
  border-top: 1px solid #d5d5d5;
  border-bottom: 1px solid #d5d5d5;
  font-size: 12px;
  line-height: 1.5;
}
.boardRead_wrap .conts .img_box {
  width: 100%;
}
.boardRead_wrap .base-button {
  margin: 10px 14px;
}
.boardRead_wrap .btn_strong {
  display: inline-block;
  height: 29px;
  line-height: 27px;
  padding: 0 10px;
  font-size: 13px;
  color: #fff;
}
.boardMovement {
  overflow: hidden;
  margin: 0;
  font-size: 13px;
  line-height: 1.5em;
  border-top: 1px solid #d5d5d5;
  border-bottom: 1px solid #d5d5d5;
}
.boardMovement li.prev {
  margin-bottom: -1px;
  border-bottom: 1px solid #ececec;
}
.boardMovement li {
  overflow: hidden;
  padding: 6px 0 6px;
  line-height: 30px;
}
.boardMovement li strong {
  left: -60px;
  width: 40px;
  padding: 0 10px;
  color: #757575;
  font-weight: normal;
  line-height: 30px;
}
.boardMovement li a {
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-size: 12px;
  color: #000;
  line-height: 30px;
}
.notice_wrap .list_item2 ul {
  display: flex;
  flex-wrap: wrap;
  column-gap: 5px;
  row-gap: 20px;
  padding: 4px;
}
.notice_wrap .list_item2 ul li {
  width: calc((100% - 5px) / 2);
}
.notice_wrap .list_item2 li {
  position: relative;
  display: inline-block;
  font-size: 12px;
  color: #757575;
  line-height: 18px;
  background: #fff;
  border: none;
  padding: 0;
}
.notice_wrap .list_item2 li a .img_box {
  display: block;
  width: 100%;
  margin-bottom: 10px;
  border: 0px solid #ececec;
}
.notice_wrap .list_item2 li .tit {
  font-weight: 400;
  font-size: 18px;
  margin: 10px 0;
  line-height: 24px;
}
.notice_wrap .list_item2 li .tit span {
  color: #e20000;
  font-weight: normal;
}
.review_wrap .wrap {
  padding: 14px;
}
.review_wrap .top_group {
  padding: 14px 14px 6px;
  border: 1px solid #d5d5d5;
}
.review_wrap .description .price li {
  color: var(--sub-color-3) !important;
}
.review_wrap .top_group .cart_item,
.review_wrap .top_group .cart_item .pro_box {
  border: none;
  padding: 0;
}
.review_wrap .conts .tit_box {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 12px;
  border-bottom: 1px solid #ececec;
}
.review_wrap .conts {
  border: 1px solid #d5d5d5;
  border-top: none;
}
.review_wrap .conts .tit_box span {
  width: 80px;
  font-size: 13px;
  display: block;
}
.review_wrap .conts .tit_box input {
  width: calc(100% - 80px);
  height: 29px;
}
.review_wrap .conts textarea {
  height: 550px;
  width: 100%;
  padding: 14px;
  font-size: 13px;
  border: none;
}
.base-table {
  border-left: 1px solid #ececec;
  border-right: 1px solid #ececec;
  border-bottom: 1px solid #ececec;
}
.review_wrap .base-table th,
.review_wrap .base-table td {
  border-top: 1px solid #ececec;
  font-size: 13px;
  vertical-align: top;
}
.review_wrap .base-table th {
  font-weight: normal;
  color: #757575;
  vertical-align: top;
  padding: 12px 0 12px 13px;
}
.review_wrap .base-table td {
  padding: 7px 13px 6px;
  border-top: 1px solid #ececec;
  vertical-align: top;
}
.review_wrap .base-table input[type="text"],
.review_wrap .base-table input[type="password"] {
  height: 29px;
  width: 100%;
}
.review_wrap .base-button {
  display: flex;
  align-items: center;
  column-gap: 6px;
  margin-top: 14px;
}
.review_wrap .btnSubmit {
  flex: 1;
  display: block;
  width: 100%;
  height: 46px;
  line-height: 44px;
  font-size: 16px;
  padding: 0 10px;
  color: #fff;
  border: 1px solid #999;
  background: #999;
}
.review_wrap .btn {
  flex: 1;
}
.review_wrap .btn a {
  display: block;
  text-align: center;
  height: 46px;
  line-height: 44px;
  font-size: 16px;
  color: #000;
  border: 1px solid #d5d5d5;
  background: #fff;
  font-weight: 400;
}
.guide_wrap .item_list {
  padding: 14px 14px 29px;
  font-size: 13px;
}
.guide_wrap .item_list .tit_box {
  position: relative;
  padding: 13px 30px 13px 14px;
  line-height: 1.2;
  font-size: 12px;
  cursor: pointer;
  background-color: #fff;
}
.guide_wrap .item_list ul {
  position: relative;
  border: 1px solid #d5d5d5;
}
.guide_wrap .item_list li + li {
  border-top: 1px solid #d5d5d5;
}
.guide_wrap .item_list .tit_box:after {
  content: "";
  position: absolute;
  right: 10px;
  top: 0;
  width: 20px;
  height: 100%;
  background: url(/ktsonicboom/mobile/img/ico_arrow_gray.png) no-repeat 0 50%;
  background-size: 20px auto;
  -webkit-transition: 0.3s ease-out;
  transition: 0.3s ease-out;
}
.guide_wrap .item_list li.on .tit_box:after {
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  transform: rotate(180deg);
}
.guide_wrap .item_list li .cont_box {
  display: none;
  padding: 10px 10px;
  font-size: 12px;
  line-height: 1.5;
  border-top: 1px solid #d5d5d5;
  background-color: #f5f5f6;
  color: #666;
}
.guide_wrap .item_list li.on .cont_box {
  display: block;
}
.guide_wrap .item_list li .cont_box p {
  font-size: 12px;
  line-height: 1.5;
}
.privacy_box {
  margin: 14px 7px 0;
  line-height: 1.5;
  border: 1px solid #ccc;
  background: #fff;
}
.privacy_box .date {
  padding: 8px 14px;
  border-bottom: 1px solid #ccc;
  font-size: 12px;
  font-weight: 400;
}
.privacy_box .cont {
  padding: 14px;
  color: #777;
  font-size: 11px;
  line-height: 1.5;
}
.privacy_btn {
  width: 100%;
  padding: 7px;
}
.privacy_btn a {
  width: 100%;
  display: block;
  padding: 5px 3px;
  border: 1px solid #bcbcbc;
  text-align: center;
  font-size: 12px;
  color: #1b1b1b;
  border-radius: 2px;
  background: #fff;
}
/*  */
.order_detail_wrap .wrap {
  padding: 14px 7px 0;
}
.order_detail_wrap .top_box {
  position: relative;
  cursor: pointer;
}
.order_detail_wrap .top_box h3 {
  font-weight: 400;
}
.order_detail_wrap .detail_box .top_box:after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  right: 0;
  width: 40px;
  height: 100%;
  background: url(/ktsonicboom/mobile/img/ico_arrow_white.png) no-repeat 50% 50%;
  background-size: 20px auto;
  transition: 0.3s ease-out;
}
.order_detail_wrap .detail_box.on .top_box:after {
  transform: rotate(180deg);
  background: url(/ktsonicboom/mobile/img/ico_arrow_white.png) no-repeat 50% 50%;
  background-size: 20px auto;
  transition: 0.3s ease-out;
}
.order_detail_wrap .detail_box.on .base-table {
  display: block;
}
.order_detail_wrap .detail_box .base-table {
  display: none;
}
.order_detail_wrap .base-table .txt_l {
  text-align: left !important;
}
.order_detail_wrap .detail_box + .detail_box {
  margin-top: 7px;
}
.order_detail_wrap .base-table th {
  padding: 12px 0 12px 13px;
  text-align: left;
}
.order_detail_wrap .base-table th {
  font-weight: normal;
  color: #757575;
}
.order_detail_wrap .base-table th,
.order_detail_wrap .base-table td {
  border-top: 1px solid #ececec;
  font-size: 13px;
}
.order_detail_wrap .base-table td {
  padding: 12px 13px;
}
.order_detail_wrap .base-table.pay-table td {
  text-align: right;
}
.order_detail_wrap .total {
  color: #508bed;
  font-weight: bold;
}

.detail_subBox .sub_title {
  position: relative;
  padding-right: 34px;
  color: #1b1b1b;
  background: #f0f0f0;
  border-left: 1px solid #ececec;
  border-right: 1px solid #ececec;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.detail_subBox .sub_title h4 {
  color: #757575;
  display: inline-block;
  font-size: 13px;
  line-height: 1.3;
  font-weight: 400;
  padding: 14px 43px 14px 14px;
}
.detail_subBox .sub_title:after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  width: 40px;
  height: 100%;
  background: url(/ktsonicboom/mobile/img/ico_arrow_gray.png) no-repeat 50% 50%;
  background-size: 20px auto;
  transition: 0.3s ease-out;
}
.detail_subBox.on .sub_title:after {
  transform: rotate(180deg);
}
.detail_subBox + .detail_subBox {
  border-top: 1px solid #e1e1e1;
}
.detail_subBox .sub_title .right_txt {
  color: #757575;
  font-size: 12px;
  font-weight: 400;
}
.detail_subBox .base-table {
  display: none;
}
.detail_subBox.on .base-table {
  display: block;
}
.order_detail_wrap .cart_item {
  border-bottom: none;
}
.order_detail_wrap .status_box {
  padding: 6px 12px;
  font-weight: bold;
  line-height: 26px;
  color: #508bed;
  background: #f1f1f1;
  margin-top: 30px;
  font-size: 12px;
  font-weight: 400;
}
.order_detail_wrap .cart_item .pro_box .description .info .price li {
  margin-bottom: 0;
  line-height: 1.4;
}
.order_detail_wrap .base-fold .title {
  color: #1b1b1b;
  background: #f9f9f9;
  border-top: 1px solid #ececec;
}
.order_detail_wrap .base-fold .title h3 {
  font-weight: bold;
  color: #1b1b1b;
}

.order_detail_wrap .base-fold .conts {
  padding: 0 14px 14px;
  background: #f9f9f9;
  font-size: 12px;
  font-weight: 400;
  line-height: 2;
  color: #666;
  display: none;
}

.order_detail_wrap .base-fold .conts .total {
  color: #666;
}
.order_detail_wrap .base-fold.on .conts {
  display: block;
}
.order_detail_wrap .base-fold .title:after {
  transition: 0.3s ease-out;
}
.order_detail_wrap .base-fold.on title:after {
  transform: rotate(180deg);
}
.order_detail_pro {
  border: 1px solid #ececec;
  display: none;
}
.detail_box.on .order_detail_pro {
  display: block;
}
.detail_subBox {
  display: none;
}
.detail_box.on .detail_subBox {
  display: block;
}
.order_detail_wrap .detail_box .detail_subBox .base-table {
  display: none;
}
.order_detail_wrap .detail_box .detail_subBox.on .base-table {
  display: block;
}
.order_detail_wrap .full_btn {
  margin-top: 14px;
}
.order_detail_wrap .full_btn a {
  display: block;
  text-align: center;
}
.order_detail_wrap .left_box {
  margin-top: 14px;
  display: flex;
  justify-content: flex-end;
}
.order_detail_wrap .left_box .btnNormal {
  color: #1b1b1b;
  border: 1px solid #cfcfcf;
  background: #fff;
  line-height: 27px;
  padding: 0 10px;
  vertical-align: middle;
  font-size: 13px;
}
#businessAuth .info li + li {
  margin-top: 5px;
}
#businessAuth .info .numbox input {
  width: 70px !important;
  height: 29px;
}
#businessAuth .info .name {
  display: block;
  margin-bottom: 5px;
  font-weight: 400;
  font-size: 12px;
}
#businessAuth .flexBox {
  display: flex;
  align-items: center;
  column-gap: 4px;
}
.join_table .hidden {
  display: none;
}
.find_wrap .wrap {
  padding: 14px 7px;
}
.find_wrap .wrap .find_txtBox {
  border: 1px solid #cfcfcf;
  padding: 32px 10px;
  text-align: center;
  margin-bottom: 14px;
}
.find_wrap .wrap .find_txtBox h3 {
  margin-bottom: 14px;
  font-size: 16px;
}
.find_wrap .wrap .find_txtBox p {
  font-size: 14px;
  font-weight: 400;
}
.find_wrap .wrap .find_txtBox p span {
  color: #3971ff;
  font-weight: bold;
}
.id_findList {
  border: 1px solid #cfcfcf;
}
.id_findList .top_group {
  border-bottom: 1px solid #cfcfcf;
}
.id_findList .top_group li {
  display: grid;
  grid-template-columns: 70px 1fr;
  padding: 10px 10px;
}
.id_findList .top_group li .name {
  font-size: 13px;
}
.id_findList .top_group li .conts {
  font-size: 13px;
  font-weight: 400;
}
.id_findList .conts_box li {
  padding: 15px 10px;
  display: flex;
  align-items: center;
  column-gap: 6px;
}
.id_findList .conts_box li span {
  font-size: 13px;
}
.find_wrap .btn_list {
  margin-top: 10px;
}
.find_wrap .btn_list ul {
  display: flex;
  column-gap: 4px;
}
.find_wrap .btn_list ul li a {
  display: block;
  text-align: center;
  line-height: 36px;
  font-size: 13px;
}
.find_wrap .btn_list ul li {
  width: calc((100% - 4px) / 2);
}
.find_wrap .btn_list .btn_strong {
  color: #fff;
}
.mileage_detail {
  margin-top: 14px;
  margin-bottom: 10px;
}
.mileage_detail h3 {
  background: #f0f0f0;
  padding: 14px 12px;
  font-size: 14px;
  font-weight: 400;
  border: 1px solid #d5d5d5;
}