@charset "UTF-8";
/*
	[디자인팀 맞춤제작 및 수정 CSS]

	copyright(c) 상상너머·원데이넷 all rights reserved.
	허용된 라이센스이외 무단도용재배포를 금합니다.

	※ css 추가 시, 반드시 날짜와 작업자 이니셜을 기재바랍니다.
*/
/* 로그인 화면 패칙 */
@import url("https://cdnjs.cloudflare.com/ajax/libs/pretendard/1.3.9/static/pretendard.css");
@import url("https://fonts.googleapis.com/css2?family=Playfair+Display:wght@400..900&display=swap");
@import url("https://use.fontawesome.com/d00b556be3.css");
.if_none_member {
  margin-top: -21px;
  background: #fff;
  position: relative;
}

.if_none_member .ul {
  width: 50%;
  margin: 0 auto;
  border-top: 1px solid #ddd;
}

.if_none_member:before {
  content: "";
  width: 30%;
  height: 30px;
  background: #fff;
  position: absolute;
  right: 0;
  top: -40px;
}

/* 주문/결제 :: KHY 2021-06-10 */
.c_form .pay_select {
  display: block;
  overflow: hidden;
  margin: 0 -5px;
  width: auto;
}

.c_form .pay_select li {
  display: inline-block;
  float: left;
  width: 25%;
  padding: 0 5px;
  box-sizing: border-box;
}

.c_form .pay_select li:nth-of-type(4n) + li {
  clear: both;
}

.c_form .pay_select li:nth-of-type(4) ~ li {
  margin-top: 10px;
}

.c_form .pay_select .lineup {
  border-color: #e5e5e5;
}

.c_form .use_kakaopay .lineup {
  background: transparent url("../images/c_img/ic_pay_kakao.png") center 21px no-repeat;
  background-size: auto 15px !important;
}

.c_form .use_naverpay .lineup {
  background: transparent url("../images/c_img/ic_pay_naver.png") center 21px no-repeat;
  background-size: auto 17px !important;
}

/* // JJC : 간편결제 - 페이플 : 2021-06-05 */
.c_form .use_payple .lineup {
  background: transparent url("../images/c_img/ic_pay_payple.png") center 20px no-repeat;
  background-size: auto 15px;
}

/***** 2407 islro ******/
body,
p,
pre,
form,
span,
div,
table,
td,
ul,
ol,
li,
dl,
dt,
dd,
input,
textarea,
label,
button {
  font-family: "Pretendard", sans-serif;
  font-size: inherit;
}

body {
  font-size: 14px;
  overflow-x: hidden;
}

:root {
  --primaryColor: #900034;
}

.top {
  padding-top: 15px;
}

.top .btn {
  border-top: 1px solid transparent;
  padding: 0 10px;
}

.top .btn .tx {
  font-size: 14px;
}

.top .if_more:hover .btn {
  border-top: 1px solid #ddd;
}

.top .if_more:hover:after {
  bottom: 0;
}

.top_banner .btn_close {
  top: 20px;
}

.header {
  height: auto;
}

.header .ul {
  height: 90px;
}

.header li.logo {
  width: 180px;
}

.header .logo_box {
  text-align: left;
}

.header .logo_box img {
  max-height: 45px;
}

.header .search_area {
  margin-top: 0;
}

.header .form_box .input_search {
  background-color: #fff;
  border: 0;
  border-bottom: 2px solid #000;
  border-radius: 0;
  padding-left: 10px;
  width: 360px;
}

.header .form_box .input_search:focus {
  border-color: #000;
}

.header .form_box .btn_search {
  background-image: url(../images/new/icon_search_l.png);
}

.header .keyowrd_tab .hit,
.header .keyowrd_tab li {
  border: 0;
}

.header .open_keyowrd,
.header .over_before {
  display: none;
}

.header .newbtn {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  gap: 27px;
}

.header_nav {
  height: 50px;
  position: relative;
  z-index: 50;
  border-bottom: 1px solid #d4d4d4;
}

.header_nav .bg {
  position: absolute;
  left: 0;
  top: 50px;
  width: 100%;
  height: 0;
  border-bottom: 1px solid #d4d4d4;
  background-color: #fff;
  transition: all 0.3s;
  z-index: 30;
  overflow: hidden;
}

.header_nav .bg:before {
  content: "";
  position: absolute;
  width: 100%;
  top: 0;
  border-top: 1px solid #d4d4d4;
}

.header_nav .layout_fix {
  display: flex;
  justify-content: space-between;
}

.header_nav ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

.header_nav .gnb {
  display: flex;
  margin-left: -15px;
}

.header_nav .depth1 > a {
  line-height: 50px;
  font-size: 18px;
  color: #000;
  padding: 0 15px;
}

.header_nav .depth1 > ul {
  position: absolute;
  width: 100%;
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  height: 0;
  opacity: 0;
  transition: all 0.3s;
  z-index: 30;
  overflow: hidden;
  left: 0;
}

.header_nav .depth2 > a {
  font-size: 16px;
  font-weight: 600;
  padding: 25px 0 10px 0;
  color: #000;
}

.header_nav h4 {
  color: #000;
  font-weight: 500;
  padding: 9px 0 5px 0;
  font-size: 14px;
}

.header_nav .depth3 > a {
  font-size: 14px;
  font-weight: 500;
  padding: 5px 0;
  color: #747474;
}

.header_nav .depth3:last-of-type {
  padding-bottom: 20px;
}

.header_nav.on .depth1:hover ul {
  height: auto;
  opacity: 1;
  overflow: visible;
}

.header_nav .depth1:hover > a,
.header_nav .depth2:hover > a,
.header_nav .depth3:hover > a {
  color: var(--primaryColor);
}

.main_visual .visual_box,
.main_visual .visual_img {
  height: 480px;
}

.main_visual .prevnext a {
  width: 60px;
  height: 60px;
  background: url(../images/new/arrow01.png) no-repeat center;
  text-indent: -9000px;
  font-size: 0;
}

.main_visual .prevnext.next {
  right: 90px;
}

.main_visual .prevnext.prev {
  left: 90px;
  transform: rotate(180deg);
}

.main_visual .rolling_icon {
  bottom: 18px;
}

.main_visual .rolling_icon .icon {
  width: 30px;
  height: 5px;
  background: #fff;
  border-radius: 2.5px;
}

.main_visual .rolling_icon .icon.active {
  background-color: #000;
}

.fly_right {
  width: 80px;
  right: 20px;
}

.fly_right .link01 {
  width: 50px;
  margin: 0 auto;
  background-color: #fff;
  border: 1px solid #d4d4d4;
  border-radius: 25px;
  box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.15);
  padding: 5px 0;
  text-align: center;
}

.fly_right .link01 > li > a {
  display: block;
  margin: 20px auto;
  width: 22px;
  height: 22px;
  background: url(../images/new/icon_user.png) no-repeat center/contain;
  font-size: 0;
}

.fly_right .link01 > li:nth-of-type(2) > a {
  background-image: url(../images/new/icon_heart.png);
}

.fly_right .link01 > li:nth-of-type(3) > a {
  background-image: url(../images/new/icon_bag.png);
}

.fly_right .link01 > li:nth-of-type(4) > a {
  background-image: url(../images/new/icon_history.png);
  background-size: 20px;
}

.fly_right .link02 {
  margin-top: 30px;
}

.fly_right .link02 a {
  margin-top: 15px;
  display: block;
  width: 80px;
  color: #222;
  font-size: 14px;
  padding-top: 90px;
  text-align: center;
  font-weight: 600;
  letter-spacing: -1px;
  line-height: 1.2;
  background: url(../images/new/quick01.png) no-repeat center top/80px;
}

.fly_right .link02 small {
  font-size: 12px;
  font-weight: 400;
}

.fly_right .link02 li:nth-of-type(2) a {
  background-image: url(../images/new/quick02.png);
}

.fly_right .link02 li:nth-of-type(3) a {
  background-image: url(../images/new/quick03.png);
}

.main_single {
  margin-bottom: 70px;
}

h3.title01 {
  font-size: 20px;
  font-weight: 600;
  color: #000;
  margin-bottom: 30px;
  letter-spacing: -1px;
}

.h3_header {
  margin-bottom: 30px;
}
.h3_header h3 {
  font-size: 20px;
  font-weight: 600;
  color: #000;
  letter-spacing: -1px;
}
.h3_header p {
  color: #888;
  font-size: 16px;
  letter-spacing: -0.5px;
  margin-top: 5px;
}

.align_center {
  text-align: center;
}

.align_left {
  text-align: left;
}

.align_right {
  text-align: right;
}

.main_new_customize {
  margin: 60px 0 80px 0;
}
.main_new_customize .btn_more {
  display: inline-block;
  height: 40px;
  line-height: 38px;
  background: #000 url(../images/new/icon_plus.png) no-repeat 24px center;
  color: #fff !important;
  border-radius: 20px;
  padding: 0 25px 0 48px;
  font-size: 17px;
  font-weight: 300;
}
.main_new_customize img {
  max-width: 100%;
}
.main_new_customize ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.main_new_customize h2.title01 {
  font-family: "Playfair Display", serif;
  font-size: 40px;
  line-height: 1;
  text-align: center;
  color: #000;
  font-weight: 600;
  margin-bottom: 60px;
}
.main_new_customize .slide_area {
  visibility: hidden;
  position: relative;
}
.main_new_customize .prevnext {
  cursor: pointer;
  position: absolute;
  top: 90px;
  right: -100px;
  width: 50px;
  height: 50px;
  background: url(../images/new/arrow01_b.png) no-repeat center;
  font-size: 0;
}
.main_new_customize .prevnext.prev {
  right: auto;
  left: -100px;
  transform: rotate(180deg);
}
.main_new_customize .prd_list li {
  position: relative;
  line-height: 1.35;
}
.main_new_customize .prd_list li:hover .item_quick {
  bottom: 20px;
}
.main_new_customize .prd_list li .link {
  position: absolute;
  display: block;
  width: 100%;
  height: 100%;
  font-size: 0;
  z-index: 9;
}
.main_new_customize .prd_list li .img {
  position: relative;
  background: #fff;
  border-radius: 10px;
  overflow: hidden;
  border: 1px solid #eaeaea;
}
.main_new_customize .prd_list li .img i {
  position: absolute;
  left: 0;
  top: 0;
  width: 35px;
  height: 35px;
  line-height: 33px;
  display: block;
  text-align: center;
  background-color: #eaeaea;
  border-radius: 0 0 10px 0;
  color: #939393;
  font-size: 16px;
  font-weight: 700;
}
.main_new_customize .prd_list li .img i.certify {
  left: auto;
  right: 0;
  border-radius: 0 0 0 10px;
  width: 70px;
  background-color: #444;
  font-size: 13px;
  color: #fff;
  font-weight: 600;
}
.main_new_customize .prd_list li .info {
  margin-top: 10px;
  padding: 0 5px;
}
.main_new_customize .prd_list li .info .subj {
  font-size: 18px;
  font-weight: 600;
  color: #000;
}
.main_new_customize .prd_list li .info .subs {
  font-size: 14px;
  color: #000;
  word-break: keep-all;
  height: 40px;
  margin-top: 2px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  text-overflow: ellipsis;
}
.main_new_customize .prd_list li .info .price {
  font-size: 16px;
  font-weight: 600;
  margin-top: 10px;
  color: #000;
}
.main_new_customize .prd_list li .info .price strong {
  color: var(--primaryColor);
  margin-left: 15px;
}
.main_new_customize.icon_banner {
  margin: 36px 0;
}
.main_new_customize.icon_banner ul {
  display: flex;
  gap: 20px;
  justify-content: center;
}
.main_new_customize.icon_banner ul li {
  width: 90px;
}
.main_new_customize.icon_banner ul a {
  display: block;
  text-align: center;
}
.main_new_customize.icon_banner ul .img {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 90px;
}
.main_new_customize.icon_banner ul .img img {
  width: 100%;
}
.main_new_customize.icon_banner ul p {
  color: #000;
  margin-top: 10px;
  font-size: 14px;
  line-height: 1;
}
.main_new_customize.icon_banner ul li.red .img {
  background-color: #fff6f7;
}
.main_new_customize.today_prd {
  background-color: #f7f7f8;
  padding: 60px 0;
  margin-top: 50px;
}
.main_new_customize.today_prd h2.title01 {
  margin-bottom: 20px;
}
.main_new_customize.today_prd .tab_menu ul {
  display: flex;
  justify-content: center;
  gap: 45px;
  margin-bottom: 60px;
}
.main_new_customize.today_prd .tab_menu ul a {
  display: flex;
  align-items: center;
  height: 50px;
  border-bottom: 1px solid transparent;
  color: #000;
  font-size: 22px;
  padding: 0 5px;
  font-weight: 300;
}
.main_new_customize.today_prd .tab_menu ul a.on {
  border-color: #000;
}
.main_new_customize.today_prd .slide_area {
  min-height: 317px;
}
.main_new_customize.today_prd .btn_more {
  margin-top: 50px;
}
.main_new_customize.md_pick {
  padding: 80px 0;
  background-color: #f7f7f8;
  margin: 0;
}
.main_new_customize.md_pick .layout_fix {
  display: flex;
  gap: 28px;
}
.main_new_customize.md_pick .rp_img {
  flex: 0 0 700px;
}
.main_new_customize.md_pick .rp_img img {
  width: 100%;
}
.main_new_customize.md_pick .prd_list {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 25px 12px;
}
.main_new_customize .brand_list {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 30px 12px;
}
.main_new_customize .brand_list .img {
  border: 1px solid #d4d4d4;
  border-radius: 10px;
  overflow: hidden;
  display: flex;
  height: 60px;
  align-items: center;
  justify-content: center;
}
.main_new_customize .brand_list .img img {
  max-height: 56px;
  max-width: 170px;
}
.main_new_customize .brand_list p {
  text-align: center;
  font-size: 15px;
  margin-top: 8px;
  color: #000;
}
.main_new_customize.bag_img {
  position: relative;
  height: 360px;
  overflow: hidden;
}
.main_new_customize.bag_img img {
  max-width: none;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
.main_new_customize.bottom_banner .prevnext {
  width: 26px;
  height: 26px;
  top: 50%;
  margin-top: -13px;
  right: -40px;
}
.main_new_customize.bottom_banner .prevnext.prev {
  left: -40px;
}

.main_cs {
  background-color: #fbfbfb;
}

.main_cs .li + .li {
  border-color: #afafaf;
}

.main_cs .notice_tab .btn {
  font-size: 16px;
  font-weight: 500;
}

.main_cs .notice_list li {
  font-size: 14px;
}

.main_cs .notice_list .new {
  margin-top: 2px;
}

.main_cs .title_box .tit {
  font-size: 20px;
  color: #000;
}

.main_cs .cs_box .cs_info {
  box-sizing: border-box;
  display: block;
  width: 276px;
  padding: 0 17px;
  margin: 0 auto;
}

.main_cs .cs_box .cs_info .tel,
.main_cs .cs_box .cs_info .email {
  display: flex;
  align-items: center;
  height: 40px;
  background: #333;
  color: #fff;
  justify-content: center;
  font-size: 18px;
  padding: 0;
}

.main_cs .cs_box .cs_info .email {
  background: #fff;
  border: 1px solid #333;
  color: #333;
  font-size: 16px;
  font-weight: 700;
}
.main_cs .cs_box .cs_info .email a {
  text-decoration: none !important;
}

.main_cs .cs_box .cs_time {
  margin: 30px -17px 0 -17px;
  font-size: 14px;
  color: #333;
  padding-left: 55px;
  line-height: 1.4;
  background: url(../images/new/icon_callcenter.png) no-repeat left center;
  font-weight: 500;
  letter-spacing: 0;
  white-space: nowrap;
}

.main_cs .bank .left_tit {
  color: #444;
}

.main_cs .bank .number {
  color: #000;
}

.main_cs .bank .name {
  color: #959595;
}

.main_cs .bank li {
  padding-bottom: 5px;
}

.main_cs .bank .left_tit:before {
  top: 9px;
}

.main_cs .btn_box .btn {
  font-size: 14px;
  font-weight: 500;
  color: #333;
}

.footer .bottom_menu {
  border-top: 1px solid #d4d4d4;
  border-bottom: 1px solid #d4d4d4;
}

.footer .bottom_menu .layout_fix {
  border: 0;
}

.footer .bottom_menu li {
  margin: 10px 0;
}

.footer .bottom_menu .btn {
  font-size: 16px;
  color: #000;
}

.footer .sns_box {
  display: none;
}

.footer .logo_box dt img {
  max-width: 120px;
  max-height: 30px;
}

.footer .info_box .txt,
.footer .info_box .txt em {
  color: #444;
  line-height: 1.9;
}

.footer .info_box .copy {
  color: #444;
  font-size: 14px;
  font-weight: 400;
}

.sub_location {
  position: static;
}

.item_list ul {
  margin-left: -12px;
}

.item_box {
  margin-left: 12px;
}

.item_box .thumb {
  border: 1px solid #eaeaea;
  border-radius: 10px;
  overflow: hidden;
}
.item_box .thumb i {
  position: absolute;
  left: 0;
  top: 0;
  width: 35px;
  height: 35px;
  line-height: 33px;
  display: block;
  text-align: center;
  background-color: #eaeaea;
  border-radius: 0 0 10px 0;
  color: #939393;
  font-size: 16px;
  font-weight: 700;
}
.item_box .thumb i.certify {
  left: auto;
  right: 0;
  border-radius: 0 0 0 10px;
  width: 70px;
  background-color: #444;
  font-size: 13px;
  color: #fff;
  font-weight: 600;
}

.item_box .thumb:before {
  display: none;
}

.item_box .info {
  padding: 10px 5px 15px 5px;
  line-height: 1.35;
}

.item_box .info .item_name {
  font-size: 18px;
  color: #000;
  font-weight: 600;
}

.item_box .info .sub_name {
  color: #000;
  height: 40px;
  margin-top: 2px;
  white-space: wrap;
}

.item_box .price {
  margin-top: 7px;
}

.item_box .price .after .won {
  font-size: 16px;
  font-weight: 600;
}

.item_box .price .percent {
  font-size: 16px;
  color: var(--primaryColor);
}

.item_box .price .after {
  padding-right: 15px;
}

.c_brand .title strong {
  font-size: 24px;
}

.c_brand .word {
  background-color: #fbfbfb;
  border-color: #d4d4d4;
  padding: 15px;
}
.c_brand .word input {
  height: 31px;
  line-height: 29px;
  border: 1px solid #d4d4d4;
  background: #fff;
  font-size: 14px;
  padding: 0 9px;
  width: 480px;
  float: left;
  margin-right: 10px;
}
.c_brand .word .btn_search {
  width: 61px;
  height: 31px;
  border: 1px solid #000;
  color: #fff;
  background: #000;
  float: left;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 3px;
  font-weight: 500;
  font-size: 14px;
}
.c_brand .word .btn_search i {
  width: 17px;
  height: 17px;
  background-color: #fff;
  -webkit-mask-image: url(../images/new/icon_search_l.png);
          mask-image: url(../images/new/icon_search_l.png);
  -webkit-mask-size: contain;
          mask-size: contain;
  -webkit-mask-position: center;
          mask-position: center;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
}

.c_brand .word .btn {
  color: #444;
  font-size: 14px;
  width: 25px;
  height: 25px;
  display: flex;
  align-items: center;
  justify-content: center;
  line-height: 1;
  border-color: #444;
  margin-right: 10px;
}
.c_brand .word .btn:hover {
  border-color: #444;
}
.c_brand .word .btn.top20 {
  width: 60px;
  letter-spacing: 0;
  height: 31px;
}
.c_brand .word .btn.top20.top20.hit {
  font-weight: 400;
}
.c_brand .word .btn.all {
  width: 60px;
  height: 31px;
  font-size: 14px;
}

.c_brand .word ul {
  margin-left: 10px;
}

.c_brand .word .en {
  margin-top: 9px;
}

.c_brand .word .en .btn {
  font-size: 14px;
  font-weight: 500;
}

.c_brand .word .btn.none {
  border-color: #d4d4d4;
}

.c_brand .word .btn.hit {
  background-color: #444 !important;
  color: #fff;
}

.c_brand .menu_box {
  padding: 0 0 10px 0;
  max-height: 425px;
}
.c_brand .menu_box .keyword {
  font-size: 20px;
  background: none;
  width: auto;
  height: auto;
  line-height: 1;
}
.c_brand .menu_box .menu {
  width: 900px;
  margin: 0 auto;
}
.c_brand .menu_box .menu ul {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 0 40px;
}
.c_brand .menu_box .menu ul .this_key {
  grid-column: 1/5;
  margin-top: -1px;
}
.c_brand .menu_box .menu ul li {
  float: none;
  height: auto;
  padding: 0;
  height: 72px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.c_brand .menu_box .menu ul li::before {
  background-color: #d4d4d4;
}
.c_brand .menu_box .menu ul li .btn {
  font-size: 16px;
  font-weight: 600;
  line-height: 1.2;
  color: #000;
  height: auto;
  margin: 0;
  letter-spacing: 0;
  text-decoration: none !important;
}
.c_brand .menu_box .menu ul li .btn small {
  font-weight: 400;
  font-size: 14px;
  color: #444;
  display: block;
  margin-top: 5px;
  letter-spacing: -0.5px;
}
.c_brand .menu_box .menu ul li i {
  width: 20px;
  height: 18px;
  background-color: #000;
  -webkit-mask-image: url(../images/new/icon_heart.png);
          mask-image: url(../images/new/icon_heart.png);
  -webkit-mask-size: contain;
          mask-size: contain;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: center;
          mask-position: center;
  font-size: 0;
  cursor: pointer;
}
.c_brand .menu_box .menu ul li i.on {
  background-color: #ff0000;
}

.c_brand .brand_name {
  font-size: 24px;
  margin-top: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 20px;
  margin-bottom: 20px;
}
.c_brand .brand_name strong {
  border: 0;
  padding: 0;
}
.c_brand .brand_name i.wish {
  width: 20px;
  height: 20px;
  background-color: #000;
  -webkit-mask-image: url(../images/new/icon_heart.png);
          mask-image: url(../images/new/icon_heart.png);
  -webkit-mask-size: contain;
          mask-size: contain;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: center;
          mask-position: center;
  font-size: 0;
  cursor: pointer;
}
.c_brand .brand_name i.wish.on {
  background-color: #900034;
}

.item_list_ctrl {
  border: 0;
  padding-bottom: 0;
}

.item_list_ctrl .total {
  font-size: 14px;
}

.view_name .upper_icon img {
  margin-right: 10px;
}

.sub_ctg_tit {
  margin-top: 30px;
}
.sub_ctg_tit .tit {
  font-size: 24px;
}

.sub_ctg {
  padding-top: 40px;
}

.sub_location {
  margin-top: 0;
}
.sub_location .ctg_box {
  padding: 21px;
  padding-left: 0;
  right: auto;
  z-index: 40;
}
.sub_location .ctg_box ul {
  margin-left: -15px;
}
.sub_location .layout_fix {
  padding: 0;
  height: 65px;
  border-bottom: 0;
}

.sub_location .ctg_box li {
  position: static;
}

.sub_location .ctg_box .btn {
  color: #000;
  font-size: 15px;
  line-height: 22px;
  text-decoration: none !important;
}

.sub_location .have_ctg .btn {
  border: 0;
  padding: 0;
  line-height: 22px;
}

.sub_location .have_ctg .btn:before {
  display: none;
}

.sub_location .have_ctg .btn:after {
  content: "";
  width: 14px;
  height: 14px;
  border-radius: 50%;
  background: #000 url(../images/new/icon_triangle.png) no-repeat center;
  background-size: 6px;
  margin: 0 0 0 7px;
  position: static;
  display: inline-block;
  vertical-align: -1px;
}

.sub_location .open_ctg {
  position: absolute;
  left: 0;
  visibility: visible;
  top: 64px;
  border: 1px solid #d4d4d4;
  padding: 30px 25px;
  min-width: 100px;
  display: none;
}
.sub_location .open_ctg a {
  background: #fff;
  color: #747474;
  padding: 5px 0;
  height: auto;
  line-height: 1.2;
  border: 0 !important;
}
.sub_location .open_ctg a:first-of-type {
  color: #000;
  font-weight: 500;
}
.sub_location .open_ctg a:hover {
  color: var(--primaryColor);
}

.sub_location .depth2 .open_ctg {
  padding: 25px 50px;
  padding-right: 51px;
  gap: 30px;
  display: none;
}
.sub_location .depth2 .open_ctg .category {
  min-width: 120px;
}
.sub_location .depth2 .open_ctg .category h3 {
  font-size: 16px;
  font-weight: 600;
  margin-bottom: 5px;
}
.sub_location .depth2 .open_ctg .category .depth a {
  display: block;
}
.sub_location .depth2 .open_ctg .category .depth a:first-of-type {
  color: inherit;
  font-weight: inherit;
}

.sub_location .depth3 .open_ctg {
  left: auto;
  margin-left: -20px;
}

.view_top {
  margin-top: 0;
}

.view_top .view_photo {
  width: 600px;
  padding-right: 30px;
  border: 0;
}

.view_top .view_info {
  padding-left: 0;
}

.view_photo .thumb,
.view_photo .rolling_box {
  width: 570px;
}

.view_photo .rolling_thumb {
  padding-bottom: 20px;
  border-bottom: 1px solid #d4d4d4;
}
.view_photo .rolling_thumb .slide_area {
  visibility: hidden;
  position: relative;
}
.view_photo .rolling_thumb ul {
  display: flex;
  justify-content: center;
  margin: 0;
}
.view_photo .rolling_thumb ul li {
  float: none;
  width: 90px;
  height: 90px;
  margin: 0;
  box-sizing: border-box;
}
.view_photo .rolling_thumb ul li a {
  display: block;
}
.view_photo .rolling_thumb .prevnext {
  cursor: pointer;
  position: absolute;
  top: 35px;
  right: 5px;
  width: 20px;
  height: 20px;
  background: url(../images/new/arrow01_b.png) no-repeat center;
  background-size: contain;
  font-size: 0;
}
.view_photo .rolling_thumb .prevnext.prev {
  right: auto;
  left: 5px;
  transform: rotate(180deg);
}

.view_name {
  border-bottom: 1px solid #444;
  position: relative;
}
.view_name .btn_share {
  display: block;
  width: 28px;
  height: 28px;
  background: url(/skin/site_m/sports/images/new/icon_share.svg) no-repeat center/contain;
  font-size: 0;
  position: absolute;
  right: 10px;
  bottom: 52px;
}

.view_name .title {
  font-size: 20px;
  padding-right: 65px;
}

.view_name .sub_name {
  font-size: 16px;
  color: #676767;
  margin-top: 8px;
  padding-right: 65px;
}

.view_name .upper_icon {
  margin-bottom: 12px;
}

.view_default {
  margin-top: 0;
}
.view_default dl {
  border-color: #d4d4d4;
}
.view_default dt,
.view_default dd {
  height: 26px;
  padding: 11px 15px;
}
.view_default dt {
  color: #676767;
}
.view_default dd {
  color: #000;
  font-size: 16px;
  font-weight: 500;
}
.view_default .brand_tx {
  font-size: 16px;
  margin-right: 15px;
  min-height: auto;
  float: none;
  padding-top: 0;
}
.view_default .btn_brand {
  height: 25px;
  background: #000 url(../images/new/icon_dbarrow.png) no-repeat right 9px center;
  background-size: 13px !important;
  border-color: #000;
  border-radius: 5px;
  padding: 0 25px 0 9px;
  color: #fff;
  font-size: 12px;
  line-height: 24px;
  letter-spacing: 0;
  float: none;
}
.view_default .btn_brand::before {
  display: none;
}
.view_default .btn_brand:hover {
  background: #000 url(../images/new/icon_dbarrow.png) no-repeat right 9px center;
}
.view_default .brand_grade {
  display: inline-flex;
  width: 30px;
  height: 30px;
  justify-content: center;
  align-items: center;
  background: #000;
  color: #fff;
  text-transform: uppercase;
  border-radius: 6px 0 6px 0;
  letter-spacing: 0;
  font-size: 15px;
}
.view_default .before_price strong {
  color: #000;
}
.view_default .before_price:before {
  display: none;
}
.view_default .after_price strong {
  font-size: 20px;
}
.view_default .dc_percent {
  color: var(--primaryColor);
  font-weight: 600;
  font-size: 18px;
  margin-left: 15px;
}

.view_option {
  background: #f6f7f8;
}

.view_select .this {
  font-size: 15px;
  color: #444;
  height: 40px;
  line-height: 38px;
}

.view_option.result {
  background: #f6f7f8;
  border: 0;
  border-top: 1px solid #d4d4d4;
}

.view_option.result dt {
  padding-left: 0;
}

.view_option .price strong {
  font-size: 16px;
}

.view_option .counter_box {
  width: 110px;
  position: relative;
  padding-left: 30px;
  box-sizing: border-box;
}
.view_option .counter_box .updown .btn_up,
.view_option .counter_box .updown .btn_down {
  position: absolute;
  left: 0;
  width: 30px;
  height: 30px;
  background: #fff url(../images/new/btn_minus.png) no-repeat center;
  box-sizing: border-box;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 0;
  color: #000;
  margin: 0;
}
.view_option .counter_box .updown .btn_up {
  left: auto;
  right: 0;
  background-image: url(../images/new/btn_plus.png);
}
.view_option .counter_box .updown_input {
  height: 30px;
  line-height: 28px;
  font-size: 16px;
  font-weight: 500;
  border-left: 0;
  border-right: 0;
  padding: 0;
  width: 51px;
}

.view_option.result .updown a {
  background-color: #fff !important;
}

.view_total {
  padding: 23px 15px;
}

.view_total .total_tt {
  font-size: 16px;
  color: #000;
}

.view_total .after_price {
  font-size: 20px;
  color: var(--primaryColor);
}
.view_total .after_price strong {
  font-size: 24px;
}

.view_btn {
  padding-right: 81px;
}

.view_btn .btn {
  font-size: 18px;
  margin: 0;
}

.view_btn .btn_cart {
  color: #000;
  border-color: #000;
}
.view_btn .btn_cart:hover {
  color: #000;
  border-color: #000;
  background-color: #fff;
}

.view_btn .btn_order {
  background-color: var(--primaryColor);
  border-color: var(--primaryColor);
}
.view_btn .btn_order:hover {
  background-color: var(--primaryColor);
  border-color: var(--primaryColor);
}

.view_btn .btn_wish {
  width: 60px;
}

.view_btn ul {
  margin: 0;
  display: flex;
  gap: 19px;
}
.view_btn ul li {
  width: 100%;
}

.view_btn .how {
  width: 250px;
}

label.check {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
label.check * {
  box-sizing: border-box;
}
label.check input {
  position: absolute;
  opacity: 0;
  margin: 0;
}
label.check input + i {
  width: 15px;
  height: 15px;
  border-radius: 4px;
  border: 1px solid #000;
  background: #fff;
  padding: 1px;
}
label.check input:checked + i {
  border-color: var(--primaryColor);
  position: relative;
}
label.check input:checked + i::after {
  content: "";
  display: block;
  height: 100%;
  background: var(--primaryColor);
  border-radius: 3px;
}
label.check span {
  white-space: nowrap;
  color: #000;
}

.prd_search_area {
  margin-top: 35px;
}
.prd_search_area * {
  color: inherit;
}
.prd_search_area ul {
  list-style: none;
}
.prd_search_area span.space {
  width: 30px;
}
.prd_search_area span.spaceS {
  width: 20px;
}
.prd_search_area dl {
  border-top: 1px solid #444;
  display: grid;
  grid-template-columns: repeat(2, 150px 1fr);
}
.prd_search_area dl dt,
.prd_search_area dl dd {
  border-bottom: 1px solid #d4d4d4;
  font-size: 15px;
  color: #000;
}
.prd_search_area dl dt {
  background: #f6f7f8;
  padding: 0 20px;
  font-weight: 500;
}
.prd_search_area dl dt span {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 50px;
}
.prd_search_area dl dt .btn_brand_more {
  width: 13px;
  height: 13px;
  border-radius: 3px;
  font-size: 0;
  background-color: #000;
  position: relative;
}
.prd_search_area dl dt .btn_brand_more::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: #fff;
  -webkit-mask-image: url(../images/new/btn_plus.png);
          mask-image: url(../images/new/btn_plus.png);
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: center;
          mask-position: center;
  -webkit-mask-size: 9px;
          mask-size: 9px;
}
.prd_search_area dl dt .btn_brand_more.on::after {
  -webkit-mask-image: url(../images/new/btn_minus.png);
          mask-image: url(../images/new/btn_minus.png);
  -webkit-mask-size: 7px 1px;
          mask-size: 7px 1px;
}
.prd_search_area dl dd {
  padding: 10px 18px;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
.prd_search_area dl dd.col3 {
  grid-column: 2/5;
}
.prd_search_area dl dd .rows {
  width: 100%;
  display: flex;
  align-items: center;
  gap: 7px;
}
.prd_search_area dl dd .rows:not(:first-of-type) {
  margin-top: 14px;
}
.prd_search_area dl dd .brand_list {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 5px 20px;
  min-height: 31px;
}
.prd_search_area dl dd input[type=text] {
  height: 31px;
  line-height: 29px;
  border: 1px solid #d4d4d4;
  background-color: #fff;
  font-size: 14px;
  padding: 0 9px;
}
.prd_search_area dl dd input[type=text].price {
  width: 150px;
  text-align: right;
}
.prd_search_area dl dd .label {
  margin-right: 5px;
}
.prd_search_area dl dd .btn_search {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 31px;
  height: 31px;
  border: 1px solid #000;
  font-size: 0;
  background-color: #fff;
  background-image: url(../images/new/icon_search_l.png);
  background-position: center;
  background-repeat: no-repeat;
  background-size: 17px;
}
.prd_search_area dl dd .brand_search {
  box-sizing: border-box;
  width: calc(100% + 36px);
  background: #fbfbfb;
  border-top: 1px solid #d4d4d4;
  padding: 15px;
  margin: 10px -18px 0 -18px;
}
.prd_search_area dl dd .brand_search .rows {
  gap: 9px;
}
.prd_search_area dl dd .brand_search input[type=text] {
  width: 481px;
}
.prd_search_area dl dd .brand_search .btn_search {
  width: 60px;
  gap: 3px;
  border: 1px solid #000;
  font-size: 14px;
  background-color: #000;
  color: #fff;
}
.prd_search_area dl dd .brand_search .btn_search i {
  width: 17px;
  height: 17px;
  background-color: #fff;
  -webkit-mask-image: url(../images/new/icon_search_l.png);
          mask-image: url(../images/new/icon_search_l.png);
  -webkit-mask-position: center;
          mask-position: center;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-size: contain;
          mask-size: contain;
}
.prd_search_area dl dd .brand_search .brand_btn {
  display: flex;
  gap: 9px;
}
.prd_search_area dl dd .brand_search .brand_btn a {
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 26px;
  height: 26px;
  border: 1px solid #444;
}
.prd_search_area dl dd .brand_search .brand_btn a.on {
  background-color: #444;
  color: #fff;
}
.prd_search_area dl dd .brand_search .result h3 {
  font-size: 20px;
  font-weight: 600;
  padding: 10px 0;
}
.prd_search_area dl dd .brand_search .result ul {
  display: flex;
  flex-wrap: wrap;
  gap: 5px 70px;
}
.prd_search_area dl dd .brand_search .result ul li span.space {
  width: 10px;
}

.c_pagi .number a {
  height: 37px;
  line-height: 35px;
  font-size: 16px;
  text-decoration: none !important;
}

.c_pagi .number .hit:before {
  height: 37px;
}

.c_pagi .number .hit {
  color: #444;
}

.c_pagi .nextprev .btn {
  height: 35px;
}

.c_pagi .nextprev .no {
  width: 35px;
  height: 35px;
}

.c_pagi .nextprev .ic_prev {
  background-image: url(../images/new/page_arrow.png);
  background-position: center !important;
}

.c_pagi .nextprev .ic_first {
  background-image: url(../images/new/page_darrow.png);
  background-position: center !important;
}

.c_pagi .nextprev .ic_next {
  background-image: url(../images/new/page_arrow.png);
  background-position: center !important;
  transform: rotate(180deg);
}

.c_pagi .nextprev .ic_last {
  background-image: url(../images/new/page_darrow.png);
  background-position: center !important;
  transform: rotate(180deg);
}

.item_list_ctrl .type {
  display: none;
}

:root {
  --gray01: #fafafa;
  --gray02: #d4d4d4;
  --btnHeight: 34px;
  --btnRadius: 4px;
}

.c_tab_box .btn {
  padding: 0;
  height: 48px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 16px;
}
.c_tab_box li {
  border: 1px solid var(--gray02);
  background: #fff;
  border-bottom-style: solid !important;
}
.c_tab_box li.hit {
  border-color: var(--primaryColor);
}
.c_tab_box li.hit .btn {
  color: #fff !important;
  background: var(--primaryColor) !important;
}

.c_mypage_main .mypage_info {
  background: #fff;
  border: 1px solid var(--gray02);
}
.c_mypage_main .my_info {
  background: #fafafa;
  border-right: 1px solid var(--gray02);
}
.c_mypage_main .my_info .info {
  margin-top: -85px;
}
.c_mypage_main .my_info .level_name {
  border: 1px solid #4d4d4d;
  color: #4d4d4d;
  font-size: 12px;
  font-weight: 600;
  letter-spacing: -0.5px;
  height: 25px;
  line-height: 24px;
  box-sizing: border-box;
}
.c_mypage_main .my_info .name {
  color: #000;
  font-size: 20px;
  margin-top: 9px;
}
.c_mypage_main .about_level {
  background: none;
  bottom: 10px;
}
.c_mypage_main .about_level .tip {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: 150px;
  height: 30px;
  border-radius: 8px;
  background: #646464;
  color: #fff;
}
.c_mypage_main .about_level .tip .tx {
  font-size: 12px;
  height: auto;
  line-height: 1;
  color: #fff;
  display: flex;
  align-items: center;
  flex-direction: row-reverse;
  gap: 7px;
}
.c_mypage_main .about_level .tip .tx::before {
  position: static;
  width: 15px;
  height: 15px;
  background: #fff !important;
  -webkit-mask-image: url(../images/new/arrow_double_b.png);
          mask-image: url(../images/new/arrow_double_b.png);
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: center;
          mask-position: center;
  -webkit-mask-size: contain;
          mask-size: contain;
  margin-top: -1px;
}
.c_mypage_main .about_level .level_info {
  bottom: -19px;
}
.c_mypage_main .default_info {
  border-color: var(--gray02);
}
.c_mypage_main .top_tit {
  border-color: #6d6d6d;
  padding-bottom: 5px;
}
.c_mypage_main .top_tit .tit {
  color: #000;
  margin-top: 2px;
}
.c_mypage_main .top_tit .btn {
  display: flex;
  align-items: center;
  line-height: 1;
  height: 27px;
  padding: 0 12px;
  background: #000 !important;
  color: #fff !important;
  font-size: 13px;
}
.c_mypage_main .info_box .sub_tit {
  color: #6d6d6d;
}
.c_mypage_main .info_box .txt {
  color: #000;
  font-weight: 500;
}
.c_mypage_main .info_box .txt::before {
  background: var(--gray02);
  top: 3px;
}

.c_mypage_total {
  border-color: var(--gray02) !important;
  margin-top: 20px !important;
}
.c_mypage_total li {
  border-color: var(--gray02);
}
.c_mypage_total .txt {
  font-size: 14px;
  color: #000;
  height: 35px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.c_mypage_total .total_num {
  color: var(--primaryColor);
  font-size: 40px;
}

.c_mypage .order_search {
  border-color: var(--gray02);
}
.c_mypage .period .btn {
  height: 40px;
  line-height: 38px;
  border-color: #999;
}

.c_mypage .date .input_design,
.c_mypage .state_select select,
.c_mypage .search_btn .btn {
  height: 40px;
  border-color: #999;
}

.c_mypage .state_select select {
  font-size: 14px !important;
}

.c_mypage .search_btn {
  width: 130px;
}
.c_mypage .search_btn .btn {
  background: #000;
  padding: 0 35px;
}
.c_mypage .search_btn .txt {
  background-image: none;
  padding: 0;
  line-height: 38px;
}

.c_mypage .date {
  width: 300px;
}
.c_mypage .date .input_design {
  width: 135px !important;
  background-image: url(../images/new/icon_calendar.png) !important;
  background-repeat: no-repeat !important;
  background-size: 15px !important;
  background-position: right 11px center !important;
  padding-top: 9px;
  padding-right: 40px !important;
  font-weight: 500;
}

.c_btn.color,
a.c_btn.color:hover {
  background-color: var(--primaryColor) !important;
  border-color: var(--primaryColor) !important;
}

.c_btn.color.line {
  color: var(--primaryColor) !important;
}

.masonry_layout {
  display: grid;
  grid-template-columns: repeat(4, 285px);
  gap: 40px 20px;
}
.masonry_layout .item {
  font-size: 16px;
  width: 285px;
  margin-bottom: 40px;
}
.masonry_layout .item .img {
  border-radius: 18px;
  overflow: hidden;
  margin-bottom: 20px;
}
.masonry_layout .item .img img {
  width: 100%;
  height: auto;
}
.masonry_layout .item .name {
  line-height: 1;
  color: #666;
}
.masonry_layout .item .subj {
  font-weight: 600;
  font-size: 18px;
  margin-top: 8px;
  color: #000;
}
.masonry_layout .item .con {
  margin-top: 8px;
  color: #666;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 100%;
  white-space: nowrap;
}
.masonry_layout .item .mark {
  margin: 15px 0 0 0;
}
.masonry_layout .mark {
  background: transparent url(../images/c_img/board_star.png) no-repeat;
  width: 73px;
  height: 12px;
  display: inline-block;
  margin: 0 10px;
}
.masonry_layout .star {
  background: transparent url(../images/c_img/board_star.png) 0 bottom no-repeat;
  width: 100%;
  height: 100%;
  float: left;
}

.page_alone .banner_area {
  margin-bottom: 50px;
}

.c_cs_main .cs_info {
  background: #fff;
  border: 1px solid var(--gray02);
}

.c_cs_main .cs_info .tel dt {
  color: #000;
  font-size: 24px;
}

.c_cs_main .cs_info .time dt {
  color: #000;
  font-size: 20px;
}

.c_cs_main .cs_info dd {
  font-size: 15px;
  color: #6d6d6d;
}

.c_cs_main .cs_info .time dd {
  font-size: 14px;
}

.c_cs_main .cs_info li:first-child {
  border-color: var(--gray02);
}

.event_list_customize {
  margin-top: 40px;
  display: grid;
  gap: 40px 30px;
  list-style: none;
  grid-template-columns: repeat(3, 1fr);
}
.event_list_customize li {
  display: grid;
  grid-template-columns: 1fr 80px;
}
.event_list_customize li .img {
  margin-bottom: 13px;
  grid-column: 1/3;
}
.event_list_customize li .img a {
  display: block;
  aspect-ratio: 380/220;
}
.event_list_customize li .img a img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.event_list_customize li .subj {
  font-size: 20px;
  font-weight: 700;
  color: #000;
}
.event_list_customize li .state {
  grid-column: 2/3;
  grid-row: 2/4;
  display: flex;
  align-items: center;
}
.event_list_customize li .state span {
  display: flex;
  justify-content: center;
  align-items: center;
  background: #444;
  color: #fff;
  height: 30px;
  border-radius: 15px;
  width: 70px;
}
.event_list_customize li .state span.if_day {
  background: var(--primaryColor);
}
.event_list_customize li .date {
  text-align: left;
  font-size: 16px;
  color: #666;
  margin-top: 6px;
  font-weight: 500;
}

.c_total_price .total_num .price_num strong {
  color: var(--primaryColor);
}

.wish_list_customize .c_list_ctrl .tit_box {
  display: flex;
  gap: 30px;
  margin-top: 0;
  margin-bottom: 5px;
}
.wish_list_customize .c_list_ctrl .tit_box span a {
  display: flex;
  gap: 15px;
  border-left: 1px solid #aaa;
  padding-left: 30px;
  font-size: 24px;
  height: 24px;
  line-height: 1;
  font-weight: 600;
  color: #898989;
}
.wish_list_customize .c_list_ctrl .tit_box span a strong {
  color: #898989;
}
.wish_list_customize .c_list_ctrl .tit_box span:first-of-type a {
  padding: 0;
  border: 0;
}
.wish_list_customize .c_list_ctrl .tit_box span.on a {
  color: #000;
}
.wish_list_customize .c_list_ctrl .c_btn {
  height: 29px;
  line-height: 28px;
}
.wish_list_customize table th {
  border-color: #333;
  font-size: 16px;
  color: #000;
}
.wish_list_customize .prd_box a {
  display: flex;
  align-items: center;
  gap: 35px;
}
.wish_list_customize .prd_box a .thumb {
  aspect-ratio: 1/1;
  position: relative;
  border: 1px solid #eaeaea;
  border-radius: 5px;
  width: 100px;
  overflow: hidden;
}
.wish_list_customize .prd_box a .thumb img {
  position: absolute;
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
  height: 100%;
}
.wish_list_customize .prd_box a .thumb i {
  position: absolute;
  left: 0;
  top: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  background: #eaeaea;
  color: #939393;
  font-weight: 700;
  width: 20px;
  height: 20px;
  border-radius: 0 0 5px 0;
  font-size: 10px;
}
.wish_list_customize .prd_box a .info {
  flex-grow: 1;
}
.wish_list_customize .prd_box a .info .subj {
  font-size: 18px;
  font-weight: 600;
  color: #000;
}
.wish_list_customize .prd_box a .info .con {
  color: #000;
  margin-top: 5px;
}
.wish_list_customize .price_box {
  display: grid;
  grid-template-columns: 1fr 100px;
  gap: 9px 30px;
  align-items: center;
}
.wish_list_customize .price_box .price {
  text-align: right;
  font-size: 16px;
  font-weight: 600;
  color: #000;
  grid-row: 1/4;
}
.wish_list_customize .price_box .c_btn {
  width: 100px;
  height: 30px;
  line-height: 28px;
  margin-left: 0;
  font-size: 15px;
}
.wish_list_customize .brand_list header {
  display: flex;
  align-items: center;
  gap: 50px;
  padding: 20px 0 20px 0;
}
.wish_list_customize .brand_list header .brand_name {
  color: #000;
  font-size: 16px;
  font-weight: 600;
  min-width: 190px;
}
.wish_list_customize .brand_list header .brand_name small {
  display: flex;
  font-size: 14px;
  color: #666;
  margin-top: 5px;
  font-weight: 400;
}
.wish_list_customize .brand_list header .btn_brand {
  background: #000;
  color: #fff;
  height: 30px;
  line-height: 30px;
  border-radius: 10px;
  padding: 0 25px;
  font-size: 15px;
  font-weight: 500;
}
.wish_list_customize .brand_list .item {
  border-bottom: 1px solid var(--gray02);
}

.btn_trashcan {
  width: 25px;
  height: 25px;
  font-size: 0;
  background-color: #666;
  -webkit-mask-image: url(../images/new/icon_trashcan.png);
          mask-image: url(../images/new/icon_trashcan.png);
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: center;
          mask-position: center;
  -webkit-mask-size: contain;
          mask-size: contain;
}

.item_box .thumb {
  width: auto !important;
}

.item_quick .btn {
  padding: 0 !important;
}

.fly_right .btn_gotop {
  font-size: 0px;
}

.fly_right .btn_gotop .img_over {
  transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  opacity: 1;
  -ms-filter: alpha(opacity=100);
  filter: alpha(opacity=100);
  z-index: 1;
}

.fly_right .btn_gotop .img_off {
  transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  opacity: 0.3;
  -ms-filter: alpha(opacity=30);
  filter: alpha(opacity=30);
}

.fly_right .btn_gotop:hover .img_off {
  opacity: 1;
  -ms-filter: alpha(opacity=100);
  filter: alpha(opacity=100);
}

.pop_history {
  position: absolute;
  z-index: 999;
  background: #fff;
  border: 1px solid var(--gray02);
  padding: 28px;
  width: 520px;
  right: -520px;
  opacity: 0;
  top: 890px;
  box-sizing: border-box;
  transition: all 0.3s;
}
.pop_history header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 20px;
}
.pop_history header h2 {
  font-size: 18px;
  font-weight: 600;
  color: #000;
}
.pop_history header .btn_close {
  font-size: 0;
  width: 18px;
  height: 18px;
  background: url(../images/new/icon_close.png) no-repeat center/100%;
}
.pop_history .item_list ul {
  margin-top: -10px;
}
.pop_history .item_list li {
  width: 50%;
}
.pop_history .item_list li .item_box {
  margin-top: 10px;
}
.pop_history .paging {
  font-size: 16px;
  display: flex;
  gap: 15px;
  align-items: center;
  justify-content: center;
  padding-top: 10px;
}
.pop_history .paging .btn_page {
  font-size: 0;
  width: 13px;
  height: 13px;
  background: url(../images/new/icon_arrow.png) no-repeat center/100%;
}
.pop_history .paging .btn_page.prev {
  transform: rotate(180deg);
}
.pop_history.on {
  right: 100px;
  opacity: 1;
}

.sub_ctg .cctg_nav.new {
  border: 0;
}
.sub_ctg .cctg_nav.new ul {
  display: flex;
  flex-wrap: wrap;
  margin: 1px 0 0 1px;
}
.sub_ctg .cctg_nav.new ul li {
  float: none;
  width: 20%;
  margin: -1px 0 0 -1px;
}
.sub_ctg .cctg_nav.new ul li a {
  display: flex;
  align-items: center;
  height: 44px;
  border: 1px solid #e1e1e1;
  padding: 0 12px;
  font-size: 14px;
}
.sub_ctg .cctg_nav.new ul li a:hover {
  font-weight: 500;
  text-decoration: underline;
  color: #222;
}
.sub_ctg .cctg_nav.new ul li.selected a {
  border-color: #222;
  background: #fafafa;
  font-weight: 500;
  color: #222;
}
.sub_ctg.brand_ctg {
  padding: 10px 0 20px;
}

.btn_wish_brand {
  height: 24px;
  background: #ccc url(../images/new/icon_heart02.png) no-repeat right 12px center;
  background-size: 14px;
  border-radius: 5px;
  padding: 0 30px 0 12px;
  color: #fff !important;
  font-size: 12px;
  line-height: 24px;
  letter-spacing: 0;
  border: 1px solid transparent;
  margin-left: 5px;
}
.btn_wish_brand.on {
  background-color: #900034;
}

#ul_quick .item_box .info {
  padding-bottom: 10px;
}

.c_group_tit.new {
  font-size: 20px;
}

.if_none_member .ul {
  border: 0;
}

.c_login .li {
  border: 0;
}

.c_login.if_none_member .login_form {
  margin-top: 0;
}

.c_login .form .input_design {
  border-color: #b7b7b7;
  font-size: 16px;
}

.c_login .form .btn_login {
  background-color: #000;
  border-color: #000;
}

.c_login .save_id label {
  color: #000;
}

.c_login .save_id input {
  margin-top: 17px;
}

.c_login .save_id label {
  line-height: 47px;
}

.c_login .save_id .exp {
  color: var(--primaryColor);
  font-weight: 500;
  margin-top: 15px;
}

.c_login .c_btnbox {
  margin-top: 30px !important;
}

.c_login .c_btn.light {
  background-color: #535353 !important;
  border-color: #535353 !important;
  font-size: 15px !important;
}

.c_login .c_btn.light.line {
  background-color: #fff !important;
  color: #535353 !important;
  border-color: #676767;
}

.c_sns_login {
  margin-top: 35px;
}
.c_sns_login .c_group_tit {
  display: none;
}
.c_sns_login .sns_btn {
  border: 0;
  padding: 0;
  margin: 0;
}
.c_sns_login .sns_btn .sns {
  display: block;
  background-position: left 15px center !important;
}
.c_sns_login .sns_btn .btn {
  height: 50px;
  line-height: 50px;
  margin-bottom: 14px;
  border-radius: 6px;
  font-weight: 600;
}
.c_sns_login .sns_btn .kr {
  font-size: 15.5px;
}

.c_sns_login .sns_btn .kakao {
  background: #f7eb51;
}

.c_sns_login .sns_btn .naver {
  background: #63bb3f;
}

.certify_banner {
  width: 1000px;
  height: 150px;
  margin: 70px auto 60px auto;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 35px;
  background: url(../images/new/certify_bg.png) no-repeat center/contain;
}
.certify_banner i {
  width: 103px;
  height: 103px;
  background: url(../images/new/certify_symbol.png) no-repeat center/contain;
}
.certify_banner p {
  font-size: 27px;
  font-weight: 500;
  color: #fff;
  line-height: 1.48;
}
.certify_banner p strong {
  font-weight: 700;
  color: #7396ff;
}

.main_new_customize.review .h3_header {
  position: relative;
}
.main_new_customize.review .h3_header .btn_more {
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  border: 1px solid #454545;
  color: #444 !important;
  background: #fff;
  font-weight: 500;
  padding: 0 25px;
}
.main_new_customize.review ul {
  display: flex;
  gap: 13px;
}
.main_new_customize.review ul li {
  flex: 0 0 calc((100% - 52px) / 5);
  aspect-ratio: 3/4;
}
.main_new_customize.review ul li img {
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
  height: 100%;
  border-radius: 10px;
}

.c_view_list .review_good {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  gap: 7px;
  font-weight: 600;
}
.c_view_list .review_good i {
  width: 12px;
  height: 12px;
  background: #ff0000;
  -webkit-mask-image: url(../images/new/icon_heart02.png);
          mask-image: url(../images/new/icon_heart02.png);
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: center;
          mask-position: center;
  -webkit-mask-size: contain;
          mask-size: contain;
}

.c_view_list .board_box .title {
  margin-bottom: 20px;
}

.c_view_list .board_box .prd_name {
  margin-bottom: 15px;
}

.c_view_list .board_box .good_area {
  margin: 30px 0 10px 0;
  padding-right: 110px;
  text-align: center;
}

.ibtn_good {
  display: inline-flex;
  height: 40px;
  border-radius: 20px;
  width: 150px;
  justify-content: center;
  align-items: center;
  background: #ff0000;
  gap: 8px;
  color: #fff !important;
  font-weight: 500;
  font-size: 1.05em;
}
.ibtn_good::before {
  content: "";
  width: 16px;
  height: 16px;
  background: url(../images/new/icon_heart02.png) no-repeat center/contain;
}
.ibtn_good strong {
  font-weight: 600;
}

.ibtn_go {
  display: inline-flex;
  height: 40px;
  border-radius: 20px;
  width: 150px;
  justify-content: center;
  align-items: center;
  background: #000;
  gap: 8px;
  color: #fff !important;
  font-weight: 500;
  font-size: 1.05em;
}

.masonry_layout .item .name {
  display: flex;
  gap: 10px;
  justify-content: space-between;
  align-items: center;
}
.masonry_layout .item .name .good {
  display: flex;
  align-items: center;
  gap: 7px;
  font-weight: 600;
  margin-right: 5px;
}
.masonry_layout .item .name .good::before {
  content: "";
  width: 16px;
  height: 16px;
  background-color: #ff0000;
  -webkit-mask-image: url(../images/new/icon_heart02.png);
          mask-image: url(../images/new/icon_heart02.png);
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: center;
          mask-position: center;
  -webkit-mask-size: contain;
          mask-size: contain;
}

#popBg {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  display: none;
  align-items: center;
  justify-content: center;
  z-index: 51;
  background: rgba(255, 255, 255, 0.7);
}

.pop_layer {
  width: 550px;
  background: #fff;
  border-radius: 15px;
  padding: 30px;
  border: 1px solid #ddd;
  position: relative;
}
.pop_layer .btn_close {
  position: absolute;
  right: 25px;
  top: 25px;
  font-size: 0;
  display: block;
  width: 20px;
  height: 20px;
  background-color: #646464;
  -webkit-mask-image: url(../images/new/icon_close.png);
          mask-image: url(../images/new/icon_close.png);
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-size: contain;
          mask-size: contain;
}

.pop_review .prd_name {
  margin-bottom: 15px;
  padding-right: 50px;
}
.pop_review .title {
  font-weight: 600;
  margin-bottom: 20px;
  color: #000;
}
.pop_review .img {
  margin-bottom: 20px;
}
.pop_review .btn_area {
  margin: 30px 0 10px 0;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
}
.pop_review .overflow_y {
  overflow-y: auto;
  overflow-x: hidden;
  height: 400px;
}

.txt_primary {
  color: var(--primaryColor) !important;
}

.ibtn {
  display: inline-flex;
  align-items: center;
  padding: 0 15px;
  height: 31px;
  border-radius: 6px;
  font-weight: 500;
}
.ibtn.column {
  flex-direction: column;
  justify-content: center;
  gap: 3px;
}
.ibtn.primary {
  background: var(--primaryColor);
  color: #fff;
}
.ibtn.primary.line {
  background: #fff;
  color: var(--primaryColor);
  border: 1px solid var(--primaryColor);
}
.ibtn.black {
  background: #000;
  color: #fff;
}
.ibtn.gray {
  background: #6b6b6b;
  color: #fff;
}
.ibtn.uline {
  color: #777;
  text-decoration: underline;
}
.ibtn.lg {
  height: 50px !important;
  font-size: 1.2em;
  border-radius: 10px !important;
  padding: 0 30px;
  min-width: 120px;
  justify-content: center;
}

.prd_search_area i.hanger {
  width: 16px;
  height: 12px;
  background: url(../images/new/icon_hanger.png) no-repeat center/contain;
}
.prd_search_area strong.txt_primary {
  font-weight: 600;
}
.prd_search_area .btn_size_filter {
  gap: 10px;
  margin-left: 80px;
}
.prd_search_area .btn_size_filter::after {
  content: "";
  width: 10px;
  height: 16px;
  background-color: #fff;
  -webkit-mask-image: url(../images/new/arrow_bold.png);
          mask-image: url(../images/new/arrow_bold.png);
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-size: contain;
          mask-size: contain;
  transform: rotate(90deg);
}
.prd_search_area .btn_size_filter.on::after {
  transform: rotate(-90deg);
}
.prd_search_area .sh_size {
  display: none;
  margin-top: 10px;
}
.prd_search_area .sh_size span.label {
  flex: 0 0 78px;
  font-weight: 500;
}
.prd_search_area .sh_size .rows {
  flex-wrap: wrap;
  line-height: 1.5;
}
.prd_search_area .sh_size .rows.btn_area {
  margin: 20px 0;
  justify-content: center;
}
.prd_search_area .sh_size label.check {
  min-width: 63px;
}
.prd_search_area .sh_size label.check:first-of-type, .prd_search_area .sh_size label.check:nth-of-type(13) {
  width: 100px;
}
.prd_search_area .sh_size label.check:nth-of-type(13) {
  margin-left: 90px;
}

.view_notify.new .sub_tit {
  font-size: 1.4em;
  border-bottom: 1px solid #d4d4d4;
  padding-bottom: 15px;
  margin-bottom: 30px;
}

.seller_info_new {
  display: flex;
  gap: 42px;
  align-items: center;
  padding-left: 25px;
  margin-bottom: 40px;
}
.seller_info_new .img {
  flex: 0 0 152px;
}
.seller_info_new .img img {
  width: 100%;
  border-radius: 50%;
}
.seller_info_new .con {
  flex-grow: 1;
}
.seller_info_new .con header {
  display: flex;
  align-items: center;
  gap: 50px;
}
.seller_info_new .con header .info {
  flex-grow: 1;
}
.seller_info_new .con header .info i {
  display: inline-block;
  border: 1px solid #777;
  color: #777;
  border-radius: 3px;
  line-height: 1;
  padding: 5px 12px;
  margin-bottom: 8px;
}
.seller_info_new .con header .info h3 {
  font-size: 1.4em;
  color: #000;
  font-weight: 600;
}
.seller_info_new .con header .info h3 small {
  color: #484848;
  margin-left: 50px;
  font-size: 0.8em;
  font-weight: 500;
}
.seller_info_new .con header .ibtn {
  border-radius: 15px !important;
}
.seller_info_new .con table {
  margin-top: 15px;
  width: 100%;
  table-layout: fixed;
}
.seller_info_new .con table th {
  text-align: left;
  padding: 10px 20px;
  height: 40px;
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
  background: #f5f5f5;
  font-weight: 400;
  color: #666;
  letter-spacing: -0.5px;
  box-sizing: border-box;
}
.seller_info_new .con table td {
  padding: 10px 20px;
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
  color: #666;
}
.seller_info_new.individual .img {
  flex: 0 0 106px;
}

.p_check {
  color: #777777;
  position: relative;
  padding-left: 23px;
  font-size: 1.15em;
  line-height: 1.5;
}
.p_check::before {
  content: "";
  width: 18px;
  height: 18px;
  display: block;
  position: absolute;
  left: 0;
  top: 2px;
  background: url(../images/new/icon_check.png) no-repeat center/contain;
}
.p_check strong {
  font-weight: 500;
  color: #000;
}

.delivery_info_new {
  display: flex;
  gap: 70px;
}
.delivery_info_new section:nth-of-type(2) {
  border-left: 1px solid #d4d4d4;
  padding-left: 65px;
}
.delivery_info_new ol {
  list-style: none;
  display: flex;
  gap: 60px;
  margin-top: 25px;
  padding-left: 5px;
}
.delivery_info_new li {
  display: flex;
  flex-direction: column;
  gap: 10px;
  align-items: center;
  font-size: 1.05em;
  position: relative;
  color: #000;
}
.delivery_info_new li::before {
  content: "";
  width: 85px;
  height: 85px;
  border-radius: 50%;
  background-color: #949494;
  background-position: center;
  background-repeat: no-repeat;
  background-size: 55px;
}
.delivery_info_new li:not(:last-of-type)::after {
  content: "";
  width: 27px;
  height: 27px;
  position: absolute;
  top: 30px;
  right: -42px;
  background: url(../images/new/arrow_bold_d.png) no-repeat center/contain;
}
.delivery_info_new li.step01::before {
  background-image: url(../images/new/delivery_icon01.png);
}
.delivery_info_new li.step02::before {
  background-image: url(../images/new/delivery_icon02.png);
  background-color: #000;
}
.delivery_info_new li.step03::before {
  background-image: url(../images/new/delivery_icon03.png);
  background-color: #000;
}
.delivery_info_new li.step04::before {
  background-image: url(../images/new/delivery_icon04.png);
}
.delivery_info_new li.step05::before {
  background-image: url(../images/new/delivery_icon05.png);
}
.delivery_info_new li.step02, .delivery_info_new li.step03 {
  font-weight: 600;
}

.view_default dl {
  position: relative;
  display: block;
}
.view_default dl i.fa-question-circle {
  cursor: pointer;
}

.pop_delivery_info {
  box-sizing: border-box;
  position: absolute;
  background-color: #fff;
  z-index: 30;
  padding: 24px;
  width: 100%;
  top: -1px;
  left: 0;
  display: none;
  border-radius: 0;
}
.pop_delivery_info .pop_header {
  margin-bottom: 25px;
}
.pop_delivery_info .pop_header h2 {
  color: #000;
  font-size: 1.25em;
  font-weight: 600;
}
.pop_delivery_info .pop_header .btn_close {
  width: 14px;
  height: 14px;
}
.pop_delivery_info .p_check {
  font-size: 1.04em;
  padding-left: 20px;
}
.pop_delivery_info .p_check::before {
  width: 16px;
  height: 16px;
}
.pop_delivery_info .delivery_info_new {
  flex-direction: column;
  gap: 30px;
}
.pop_delivery_info .delivery_info_new ol {
  gap: 46px;
  padding-left: 13px;
}
.pop_delivery_info .delivery_info_new li::before {
  width: 68px;
  height: 68px;
  background-size: 44px;
}
.pop_delivery_info .delivery_info_new section:nth-of-type(2) {
  border-left: 0;
  border-top: 1px solid #d4d4d4;
  padding: 25px 0 0 0;
}
.pop_delivery_info .delivery_info_new li:not(:last-of-type)::after {
  width: 20px;
  height: 20px;
  top: 25px;
  right: -33px;
}

.spaceL {
  margin-top: 60px !important;
}

.spaceM {
  margin-top: 30px !important;
}

.spaceS {
  margin-top: 15px !important;
}

.spaceXS {
  margin-top: 8px !important;
}

.align_right {
  text-align: right !important;
}

.align_center {
  text-align: center !important;
}

.itxt_l {
  font-size: 20px;
  font-weight: 600;
  color: #000;
}
.itxt_l strong {
  color: var(--primaryColor);
}

.itxt_m {
  font-size: 16px;
  font-weight: 600;
  color: #000;
}
.itxt_m strong {
  color: var(--primaryColor);
}

.h2_header h2 {
  color: #000;
  font-size: 24px;
  font-weight: 700;
}
.h2_header p {
  color: #6d6d6d;
  margin-top: 8px;
  font-size: 17px;
}

.h3_header h3 {
  color: #000;
  font-size: 21px;
  font-weight: 700;
}
.h3_header p {
  color: #6d6d6d;
  margin-top: 8px;
  font-size: 15px;
}

.iol01 {
  list-style: none;
}
.iol01 .successionXS {
  margin-top: 8px;
}
.iol01 .successionS {
  margin-top: 15px;
}
.iol01 .succession {
  margin-top: 30px;
}
.iol01 strong {
  font-weight: 600;
}
.iol01 h3 {
  font-weight: 700;
  color: #000;
  font-size: 19px;
}
.iol01 ul {
  border-top: 1px solid #d4d4d4;
  border-bottom: 1px solid #d4d4d4;
  list-style: none;
  margin-top: 15px;
  padding: 5px 0 5px 10px;
}
.iol01 ul li {
  color: #6d6d6d;
  margin: 10px 0;
  line-height: 1.4;
  word-break: keep-all;
}
.iol01 ul > li {
  position: relative;
  padding-left: 12px;
}
.iol01 ul > li::before {
  content: "-";
  position: absolute;
  left: 0;
}
.iol01 ul > li.no_marker::before {
  content: "";
}
.iol01 ul.no_style {
  padding-left: 0;
}
.iol01 ul.no_style > li::before {
  display: none;
}
.iol01 .accent * {
  color: #000;
}
.iol01 p:not(:first-of-type) {
  margin-top: 8px;
}

.iol_basic {
  list-style-position: inside;
}

.seller_join label.check {
  font-size: 1.05em;
  gap: 5px;
}
.seller_join .ibtn_area .ibtn.column {
  height: 70px !important;
}
.seller_join .ibtn {
  height: var(--btnHeight);
  border-radius: var(--btnRadius);
}
.seller_join input[type=text],
.seller_join input[type=password] {
  height: var(--btnHeight);
  border: 1px solid #d4d4d4;
  border-radius: var(--btnRadius);
  padding: 0 9px;
}

input.half {
  width: 48%;
}

input.short {
  width: 100px;
}

span.require {
  color: var(--primaryColor);
}

.ibtn_area {
  margin-top: 50px;
  display: flex;
  gap: 10px;
  align-items: center;
  justify-content: center;
}
.ibtn_area.column {
  flex-direction: column;
  gap: 5px;
}

.table_v01 table {
  width: 100%;
  border-top: 1px solid #000;
}
.table_v01 th,
.table_v01 td {
  padding: 7px 10px;
  border-bottom: 1px solid #d4d4d4;
  text-align: left;
  height: 34px;
}
.table_v01 th ul,
.table_v01 td ul {
  list-style: none;
}
.table_v01 th li:not(:first-of-type),
.table_v01 td li:not(:first-of-type) {
  margin-top: 5px;
}
.table_v01 th {
  background-color: #f5f5f5;
  font-weight: 500;
  color: #000;
  padding-left: 15px;
}

.filebox {
  display: flex;
  align-items: center;
  gap: 5px;
}
.filebox .upload_hidden {
  display: none;
}
.filebox .ibtn {
  flex-shrink: 0;
}

.contract_area {
  padding: 40px 100px;
  word-break: keep-all;
  font-size: 1.05em;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 70px;
  overflow-y: scroll;
}
.contract_area header {
  line-height: 36px;
  text-align: center;
  font-size: 1.25em;
  color: #222;
}
.contract_area header input[type=text] {
  height: 34px;
}
.contract_area header strong {
  font-weight: 600;
}
.contract_area .con {
  flex-grow: 1;
}
.contract_area footer {
  display: flex;
}
.contract_area footer section {
  flex: 1 1 100%;
  display: flex;
  gap: 30px;
}
.contract_area footer section dl {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
.contract_area footer section dl dt {
  flex: 0 0 90px;
  margin: 2px 0;
}
.contract_area footer section dl dt strong {
  color: #000;
  font-weight: 600;
  font-size: 1.1em;
}
.contract_area footer section dl dd {
  flex: 1 1 calc(100% - 90px);
  margin: 2px 0;
}
.contract_area footer section dl dt.company {
  display: none;
}
.contract_area footer section dl dt.company + dd {
  flex: 1 1 100%;
  font-weight: 600;
  color: #000;
  font-size: 1.1em;
  margin-bottom: 10px;
}

.seller_join_complete {
  text-align: center;
  margin: 80px 0;
}
.seller_join_complete h3 {
  font-size: 24px;
  color: #000;
  font-weight: 700;
}
.seller_join_complete p {
  font-size: 17px;
  color: #6d6d6d;
  margin-top: 15px;
}

.member_auth {
  margin-top: 50px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  height: 150px;
}
.member_auth p {
  font-size: 1.5em;
  font-weight: 600;
  margin-bottom: 40px;
  color: #000;
}

.top_banner img {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}