@charset "UTF-8";
/*10px*/
/*12px*/
/*14px*/
/*16px*/
/*18px*/
/*20px*/
/*22px*/
/*24px*/
/*15px*/
/*13px*/
/*26px*/
/*28px*/
/*32px*/
.mt0 {
  margin-top: 0 !important;
}

.mt10 {
  margin-top: 10px !important;
}

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

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

.mt20 {
  margin-top: 20px !important;
}

.mt25 {
  margin-top: 25px !important;
}

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

.mt40 {
  margin-top: 40px !important;
}

.mt50 {
  margin-top: 50px !important;
}

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

.mt70 {
  margin-top: 70px !important;
}

.mt80 {
  margin-top: 80px !important;
}

.mt90 {
  margin-top: 90px !important;
}

.mt100 {
  margin-top: 100px !important;
}

.mb0 {
  margin-bottom: 0 !important;
}

.mb10 {
  margin-bottom: 10px !important;
}

.mb20 {
  margin-bottom: 20px !important;
}

.mb30 {
  margin-bottom: 30px !important;
}

.mb40 {
  margin-bottom: 40px !important;
}

.mb50 {
  margin-bottom: 50px !important;
}

.mb60 {
  margin-bottom: 60px !important;
}

.mb70 {
  margin-bottom: 70px !important;
}

.mb80 {
  margin-bottom: 80px !important;
}

.mb90 {
  margin-bottom: 90px !important;
}

.mb100 {
  margin-bottom: 100px !important;
}

.pd0 {
  padding: 0 !important;
}

.pt0 {
  padding-top: 0 !important;
}

.pt10 {
  padding-top: 10px !important;
}

.pt20 {
  padding-top: 20px !important;
}

.pt30 {
  padding-top: 30px !important;
}

.pt40 {
  padding-top: 40px !important;
}

.pt50 {
  padding-top: 50px !important;
}

.pt100 {
  padding-top: 100px !important;
}

.pb0 {
  padding-bottom: 0 !important;
}

.pb10 {
  padding-bottom: 10px !important;
}

.pb20 {
  padding-bottom: 20px !important;
}

.pb30 {
  padding-bottom: 30px !important;
}

.pb40 {
  padding-bottom: 40px !important;
}

.pb50 {
  padding-bottom: 50px !important;
}

.pb100 {
  padding-bottom: 100px !important;
}

.txt_l {
  text-align: left;
}

.txt_c {
  text-align: center;
}

.txt_r {
  text-align: right;
}

.va_t {
  vertical-align: top;
}

.va_m {
  vertical-align: middle;
}

.va_b {
  vertical-align: bottom;
}

.col_pri {
  color: #e6313a;
}

@media screen and (max-width: 834px) {
  .mt80 {
    margin-top: 40px !important;
  }
}
/* Noto Sans */
@font-face {
  font-family: "Noto Sans";
  font-style: normal;
  font-weight: 300;
  src: url("../cdnfile-sub/upload/font/notosans/NotoSansKR-Light.woff") format("font-woff"), url("../cdnfile-sub/upload/font/notosans/NotoSansKR-Light.woff2") format("font-woff2"), url("../cdnfile-sub/upload/font/notosans/NotoSansKR-Light.otf") format("opentype");
}
@font-face {
  font-family: "Noto Sans";
  font-style: normal;
  font-weight: 400;
  src: url("../cdnfile-sub/upload/font/notosans/NotoSansKR-Regular.woff") format("font-woff"), url("../cdnfile-sub/upload/font/notosans/NotoSansKR-Regular.woff2") format("font-woff2"), url("../cdnfile-sub/upload/font/notosans/NotoSansKR-Regular.otf") format("opentype");
}
@font-face {
  font-family: "Noto Sans";
  font-style: normal;
  font-weight: 500;
  src: url("../cdnfile-sub/upload/font/notosans/NotoSansKR-Medium.woff") format("font-woff"), url("../cdnfile-sub/upload/font/notosans/NotoSansKR-Medium.woff2") format("font-woff2"), url("../cdnfile-sub/upload/font/notosans/NotoSansKR-Medium.otf") format("opentype");
}
@font-face {
  font-family: "Noto Sans";
  font-style: normal;
  font-weight: 700;
  src: url("../cdnfile-sub/upload/font/notosans/NotoSansKR-Bold.woff") format("font-woff"), url("../cdnfile-sub/upload/font/notosans/NotoSansKR-Bold.woff2") format("font-woff2"), url("../cdnfile-sub/upload/font/notosans/NotoSansKR-Bold.otf") format("opentype");
}
/* kimm */
@font-face {
  font-family: "kimm";
  font-style: normal;
  font-weight: 400;
  src: url("../cdnfile-sub/upload/font/kimm/kimm_Light.woff") format("font-woff"), url("../cdnfile-sub/upload/font/kimm/kimm_Light.woff2") format("font-woff2"), url("../cdnfile-sub/upload/font/kimm/kimm_Light.otf") format("opentype");
}
@font-face {
  font-family: "kimm";
  font-style: normal;
  font-weight: 700;
  src: url("../cdnfile-sub/upload/font/kimm/kimm_bold.woff") format("font-woff"), url("../cdnfile-sub/upload/font/kimm/kimm_bold.woff2") format("font-woff2"), url("../cdnfile-sub/upload/font/kimm/kimm_bold.otf") format("opentype");
}
/* figtree */
@font-face {
  font-family: "figtree";
  font-style: normal;
  font-weight: 400;
  src: local("Figtree-Regular"), local("Figtree-Regular"), url("../cdnfile-sub/upload/font/figtree/Figtree-Regular.woff") format("font-woff"), url("../cdnfile-sub/upload/font/figtree/Figtree-Regular.woff2") format("font-woff2"), url("../cdnfile-sub/upload/font/figtree/Figtree-Regular.ttf") format("truetype");
}
@font-face {
  font-family: "figtree";
  font-style: normal;
  font-weight: 500;
  src: local("Figtree-Medium"), local("Figtree-Medium"), url("../cdnfile-sub/upload/font/figtree/Figtree-Medium.woff") format("font-woff"), url("../cdnfile-sub/upload/font/figtree/Figtree-Medium.woff2") format("font-woff2"), url("../cdnfile-sub/upload/font/figtree/Figtree-Medium.ttf") format("truetype");
}
@font-face {
  font-family: "figtree";
  font-style: normal;
  font-weight: 600;
  src: local("Figtree-SemiBold"), local("Figtree-SemiBold"), url("../cdnfile-sub/upload/font/figtree/Figtree-SemiBold.woff") format("font-woff"), url("../cdnfile-sub/upload/font/figtree/Figtree-SemiBold.woff2") format("font-woff2"), url("../cdnfile-sub/upload/font/figtree/Figtree-SemiBold.ttf") format("truetype");
}
@font-face {
  font-family: "figtree";
  font-style: normal;
  font-weight: 700;
  src: local("Figtree-Bold"), local("Figtree-Bold"), url("../cdnfile-sub/upload/font/figtree/Figtree-Bold.woff") format("font-woff"), url("../cdnfile-sub/upload/font/figtree/Figtree-Bold.woff2") format("font-woff2"), url("../cdnfile-sub/upload/font/figtree/Figtree-Bold.ttf") format("truetype");
}
@font-face {
  font-family: Pretendard;
  font-style: normal;
  font-weight: 100;
  font-display: swap;
  src: url("../font/pretendard/Pretendard-Thin.woff") format("woff2");
}
@font-face {
  font-family: Pretendard;
  font-style: normal;
  font-weight: 200;
  font-display: swap;
  src: url("../font/pretendard/Pretendard-ExtraLight.woff") format("woff2");
}
@font-face {
  font-family: Pretendard;
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url("../font/pretendard/Pretendard-Light.woff") format("woff2");
}
@font-face {
  font-family: Pretendard;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("../font/pretendard/Pretendard-Regular.woff") format("woff2");
}
@font-face {
  font-family: Pretendard;
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("../font/pretendard/Pretendard-Medium.woff") format("woff2");
}
@font-face {
  font-family: Pretendard;
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("../font/pretendard/Pretendard-SemiBold.woff") format("woff2");
}
@font-face {
  font-family: Pretendard;
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("../font/pretendard/Pretendard-Bold.woff") format("woff2");
}
@font-face {
  font-family: Pretendard;
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url("../font/pretendard/Pretendard-ExtraBold.woff") format("woff2");
}
@font-face {
  font-family: Pretendard;
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: url("../font/pretendard/Pretendard-Black.woff") format("woff2");
}
* {
  padding: 0;
  margin: 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

html {
  scroll-behavior: smooth;
  -webkit-overflow-scrolling: touch;
}

body {
  touch-action: pan-x, pan-y;
  min-height: 100vh;
  min-height: -webkit-fill-available;
}

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video, picture {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
  -webkit-box-sizing: border-box;
  box-sizing: border-box; /* letter-spacing: -0.8px; */
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
  display: block;
}

html, body {
  font-family: "Noto Sans", "sans-serif";
  min-width: 340px;
  line-height: 1.2;
  font-size: 16px;
  color: #333;
  word-break: keep-all;
  word-wrap: break-word;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
  -webkit-text-size-adjust: none;
  -moz-text-size-adjust: none;
  -ms-text-size-adjust: none;
  -o-text-size-adjust: none;
}

a {
  font-size: 100%;
  color: inherit;
  line-height: 1.2;
  text-decoration: none;
}

a:active, a:focus {
  outline: 0;
  text-decoration: none;
  color: inherit;
}

@media (hover: hover) {
  a:hover {
    outline: 0;
    text-decoration: none;
    color: inherit;
  }
}
ol, ul {
  list-style: none;
}

blockquote, q {
  quotes: none;
}

blockquote:before, blockquote:after, q:before, q:after {
  content: "";
  content: none;
}

table {
  width: 100%;
  border-collapse: collapse;
  border-spacing: 0;
}

input[type=text], textarea, input[type=button], input[type=submit], button, input[type=search] {
  border-radius: 0;
  border: none;
  box-shadow: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  font-family: "Noto Sans", "sans-serif";
}

select:focus, input:focus, textarea:focus, button:focus {
  outline: none;
  text-decoration: none;
  color: inherit;
}

strong {
  font-weight: bold;
}

.hide {
  font-size: 0;
  text-indent: -9999em;
  overflow: hidden;
  width: 0;
  height: 0;
  overflow: hidden;
  visibility: hidden;
  line-height: 0;
}

input[type=number]::-webkit-outer-spin-button,
input[type=number]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

button {
  vertical-align: middle;
  border: 0;
  background: none;
  white-space: nowrap;
  outline: none;
  cursor: pointer;
  color: #000;
}

img {
  max-width: 100%;
  width: 100%;
  height: 100%;
  vertical-align: top;
  object-fit: cover;
}

/* 다크 모드가 활성화되었을 때 적용되는 CSS */
@media (prefers-color-scheme: dark) {
  .detail_type_cul .detail_top .bottom .like .cmmlike span::before {
    background: #666;
  }
}
.wrapper {
  position: relative;
}
.wrapper:has(.main_contain) .header_wrap .pc_wrap {
  display: flex;
}
.wrapper:has(.main_contain) .header_wrap .mo_wrap {
  display: none;
}
.wrapper:has(.main_contain.webzine) section {
  margin-top: 0;
}

.header_fix, .header_fix * {
  font-family: Pretendard, sans-serif;
}

.header_fix.fixed {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 100;
  background: #fff;
}
.header_wrap {
  position: relative;
  background: #fff;
  border-bottom: 1px solid #eee;
}
.header_wrap .sec_inner {
  overflow: visible;
}
.header_wrap .inner {
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: relative;
  height: 88px;
}
.header_wrap .search_form {
  display: block;
  position: absolute;
  left: 50%;
  top: 50%;
  width: auto;
  height: auto;
  transform: translate(-50%, -50%);
  z-index: 9;
}
.header_wrap .search_form .modal_close {
  display: none;
}
.header_wrap .search_form .form_wrap {
  max-width: 370px;
  min-width: 284px;
  width: 23.958333vw;
  height: 48px;
  padding: 12px 16px 12px 40px;
  align-items: center;
  border-radius: 12px;
  background: #F6F6F6 url("../img/icon/ico_16_search.svg") 16px center/16px no-repeat;
}
.header_wrap .search_form .form_wrap input[type=text].inp_find {
  display: -webkit-box;
  -webkit-line-clamp: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 0.875rem;
  line-height: 1;
  height: 24px;
}
@media screen and (max-width: 834px) {
  .header_wrap .search_form .form_wrap input[type=text].inp_find {
    height: 48px;
  }
}
.header_wrap .search_form .form_wrap {
  /* 250530 VSFS-16-1 검색창 깨지는 이슈 */
}
.header_wrap .mo_wrap {
  display: none;
  height: 60px;
}
.header_wrap .logo {
  width: 30px;
  height: 30px;
  background: url("../img/icon/ico_news_mark.svg") center/100% no-repeat;
}
.header_wrap .site {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: center;
  justify-content: center;
  gap: 60px;
}
.header_wrap .site a {
  font-size: 20px;
  font-weight: 700;
  line-height: 28px;
}
.header_wrap .site .toggle_menu {
  display: flex;
  gap: 60px;
}
.header_wrap .site .toggle_menu li {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  justify-content: flex-start;
  justify-content: center;
}
.header_wrap .site .toggle_menu li .sub_menu {
  display: none;
}
.header_wrap .site .toggle_menu li.current a {
  color: #E6313A;
}
.header_wrap .cs_wrap {
  display: flex;
}
.header_wrap .cs_wrap .member {
  display: flex;
  align-items: center;
  gap: 20px;
  position: relative;
  margin-right: 40px;
}
.header_wrap .cs_wrap .member:has(.btn_cs.on) .cs_pop {
  display: flex;
  height: auto;
}
.header_wrap .cs_wrap .member a {
  font-size: 14px;
  color: #676766;
  font-weight: 400;
  line-height: 24px;
}
.header_wrap .cs_wrap .member .btn_cs {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: center;
  justify-content: center;
}
.header_wrap .cs_wrap .member .btn_cs.on::after {
  transform: rotate(180deg);
}
.header_wrap .cs_wrap .member .btn_cs::after {
  content: "";
  display: inline-block;
  width: 16px;
  height: 16px;
  margin-left: 4px;
  background: url("../img/icon/ico_chevron_down_gray6.svg") center/100% no-repeat;
  transform: rotate(0);
  transition: transform 0.1s linear;
}
.header_wrap .cs_wrap .member .cs_pop {
  display: none;
  flex-direction: column;
  row-gap: 12px;
  position: absolute;
  right: -10px;
  top: 33px;
  min-width: 100px;
  height: 0;
  padding: 12px 0;
  background-color: #fff;
  border: 1px solid #333;
  border-radius: 4px;
  text-align: center;
  transition: all 0.3s ease-in;
  z-index: 99;
}
.header_wrap .cs_wrap .member .cs_pop a {
  font-size: 14px;
  color: #676766;
  line-height: 24px;
}
.header_wrap .cs_wrap .member .cs_pop a:hover {
  color: #333;
  font-weight: 700;
}
.header_wrap .cs_wrap .util {
  display: flex;
  align-items: center;
  gap: 14px;
}
.header_wrap .cs_wrap .util > button {
  position: relative;
  height: 24px;
}
.header_wrap .cs_wrap .util > button .count {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: center;
  justify-content: center;
  position: absolute;
  right: -7px;
  top: -7px;
  width: 18px;
  height: 18px;
  background-color: #E6313A;
  border-radius: 100%;
  color: #fff;
  font-family: "figtree";
  font-size: 0.625rem;
  font-weight: 700;
}
.header_wrap .util {
  display: flex;
  align-items: center;
  gap: 14px;
}
.header_wrap .util > button {
  flex: none;
}
.header_wrap .util > button .count {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: center;
  justify-content: center;
  position: absolute;
  right: -7px;
  top: -7px;
  width: 18px;
  height: 18px;
  background-color: #E6313A;
  border-radius: 100%;
  color: #fff;
  font-family: "figtree";
  font-size: 0.625rem;
  font-weight: 700;
}
.header_wrap .util .ico_alram::before {
  background-image: url("../img/icon/ico_24_alram_mo.svg");
  -webkit-mask-image: url("../img/icon/ico_24_alram_mo.svg");
  mask-image: url("../img/icon/ico_24_alram_mo.svg");
}
.header_wrap .util .ico_like::before {
  background-image: url("../img/icon/ico_24_heart_pc.svg");
  -webkit-mask-image: url("../img/icon/ico_24_heart_pc.svg");
  mask-image: url("../img/icon/ico_24_heart_pc.svg");
}
.header_wrap .util .ico_cart::before {
  background-image: url("../img/icon/ico_24_prd_bag_pc.svg");
  -webkit-mask-image: url("../img/icon/ico_24_prd_bag_pc.svg");
  mask-image: url("../img/icon/ico_24_prd_bag_pc.svg");
}
.header_wrap .btn_prev {
  width: 24px;
  height: 24px;
  padding: 0;
  background: url("../img/icon/ico_chevron_lg_left.svg") center/24px no-repeat;
}
.header_wrap .btn_search {
  width: 24px;
  height: 24px;
  padding: 0;
  background: url("../img/icon/ico_search.svg") center/24px no-repeat;
}
.header_wrap .depth_tit {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  width: calc(100% - 60px);
  margin: 0 auto;
  font-size: 1rem;
  text-align: center;
  font-weight: 500;
  line-height: 1;
  word-break: keep-all;
  white-space: normal;
  -webkit-line-clamp: 1;
  overflow: hidden;
}

.btn_gnb {
  display: block;
  width: 24px;
  height: 24px;
  border: 1px solid red;
}

.gnb_contain {
  position: relative;
  height: 57px;
  border-bottom: 1px solid #676766;
}
.gnb_contain .menu {
  display: flex;
  column-gap: 60px;
}
.gnb_contain .menu li a {
  padding: 0 10px;
  font-size: 18px;
  font-weight: 600;
  line-height: 1.75rem;
}

.footer_wrap {
  position: relative;
  padding: 60px 0 72px;
  background-color: #f7f7f7;
  color: #fff;
}
.footer_wrap, .footer_wrap * {
  font-family: Pretendard, sans-serif;
}
.footer_wrap .ft_top {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  justify-content: space-between;
}
.footer_wrap .ft_top h1 {
  width: 180px;
  height: 26px;
  background: url("../img/icon/logo_footer_kbg.svg") center/100% no-repeat;
  mask-image: url("../img/icon/logo_footer_kbg.svg");
  mask-size: cover;
  background-image: none;
  mask-repeat: no-repeat;
  background-color: #333;
}
.footer_wrap .ft_top address {
  margin-top: 40px;
  color: #9a9999;
  font-weight: 400;
}
.footer_wrap .ft_top address > span {
  position: relative;
  padding-right: 20px;
  line-height: 1.6;
}
.footer_wrap .ft_top address > span:nth-child(2)::after, .footer_wrap .ft_top address > span:nth-child(7)::after {
  display: none;
}
.footer_wrap .ft_top address > span::after {
  content: "";
  position: absolute;
  right: 0;
  top: 12px;
  display: inline-block;
  width: 2px;
  height: 2px;
  background-color: #9a9999;
  border-radius: 100%;
  margin: 0 6px 0 12px;
}
.footer_wrap .ft_top address .copy {
  margin-top: 24px;
}
.footer_wrap .ft_top .cs_info {
  color: #333;
  text-align: right;
}
.footer_wrap .ft_top .cs_info > a {
  display: inline-block;
}
.footer_wrap .ft_top .cs_info .tel {
  margin-bottom: 15px;
  font-family: "figtree";
  font-size: 26px;
  font-weight: 500;
}
.footer_wrap .ft_top .cs_info .week {
  margin-top: 5px;
  color: #9a9999;
  font-style: normal;
  font-weight: 400;
}
.footer_wrap .ft_top .sns_link {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  justify-content: flex-start;
  justify-content: flex-end;
  column-gap: 20px;
  margin-top: 40px;
  font-size: 0;
  text-indent: -999px;
}
.footer_wrap .ft_top .sns_link [class*=ico] {
  width: 28px;
  height: 28px;
}
.footer_wrap .ft_top .sns_link [class*=ico].ico_sns_blog::before {
  mask-image: url("../img/icon/logo_sns_blog.svg");
  mask-size: cover;
  background-image: none;
  mask-repeat: no-repeat;
  background-color: #333;
}
.footer_wrap .ft_top .sns_link [class*=ico].ico_sns_kakao2::before {
  mask-image: url("../img/icon/logo_sns_kakao.svg");
  mask-size: cover;
  background-image: none;
  mask-repeat: no-repeat;
  background-color: #333;
}
.footer_wrap .ft_top .sns_link [class*=ico].ico_sns_youtube::before {
  mask-image: url("../img/icon/logo_sns_youtube.svg");
  mask-size: cover;
  background-image: none;
  mask-repeat: no-repeat;
  background-color: #333;
}
.footer_wrap .ft_top .sns_link [class*=ico].ico_sns_insta::before {
  mask-image: url("../img/icon/logo_sns_instagram.svg");
  mask-size: cover;
  background-image: none;
  mask-repeat: no-repeat;
  background-color: #333;
}
.footer_wrap .ft_bottom {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  justify-content: space-between;
  margin-top: 32px;
  padding-top: 40px;
  border-top: 1px solid #eee;
  gap: 40px;
}
.footer_wrap .ft_bottom .link {
  flex: 1;
  display: flex;
  column-gap: 40px;
  text-align: center;
}
.footer_wrap .ft_bottom .link li a {
  color: #333;
  font-weight: 400;
}
.footer_wrap .ft_bottom .family_wrap {
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: relative;
  width: 280px;
  padding: 12px 16px;
  border: 1px solid #333;
  background: #eee;
  cursor: pointer;
}
.footer_wrap .ft_bottom .family_wrap::after {
  content: "";
  display: inline-block;
  width: 16px;
  height: 16px;
  background: url("../img/icon/ico_add_g6.svg") center/100% no-repeat;
  transition: transform 0.2s ease-in;
}
.footer_wrap .ft_bottom .family_wrap .tit {
  font-family: "figtree";
  color: #333;
}
.footer_wrap .ft_bottom .family_wrap ul {
  position: absolute;
  left: -1px;
  bottom: 43px;
  width: calc(100% + 2px);
  background-color: #eee;
  border: 1px solid #333;
  display: none;
}
.footer_wrap .ft_bottom .family_wrap ul li {
  padding: 0 16px;
  border-bottom: 1px solid #333;
}
.footer_wrap .ft_bottom .family_wrap ul li:hover a {
  color: #e6313a;
}
.footer_wrap .ft_bottom .family_wrap ul li a {
  width: 100%;
  font-family: "figtree";
  color: #333;
  line-height: 48px;
}

.main_contain.webzine {
  padding-bottom: 0;
}

@media (hover: hover) {
  .footer_wrap .ft_bottom .family_wrap:hover {
    border: 1px solid #333;
  }
  .footer_wrap .ft_bottom .family_wrap:hover::after {
    background: url("../img/icon/ico_minus_g9.svg") center/100% no-repeat;
  }
  .footer_wrap .ft_bottom .family_wrap:hover ul {
    display: block;
  }
}
.quick_btn {
  position: fixed;
  right: 16px;
  bottom: 16px;
  z-index: 100; /* 250616 KBGM-97-quick_btn_index */
}
.quick_btn .btn_quick_top {
  display: block;
  width: 48px;
  height: 48px;
  font-size: 0;
}
.quick_btn .btn_quick_top::before {
  content: "";
  display: inline-block;
  width: 100%;
  height: 100%;
  background: url("../img/icon/btn_top.svg") 0/100% no-repeat;
}

.cate_menu {
  position: relative;
  border-bottom: 1px solid #eee;
}
.cate_menu .btn_menu {
  width: 24px;
  height: 100%;
  background: url("../img/icon/ico_menu.svg") center/24px auto no-repeat;
}
.cate_menu .btn_menu.active {
  background: url("../img/icon/ico_close.svg") center/24px auto no-repeat;
}
.cate_menu .cate_list {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  justify-content: flex-start;
  column-gap: 64px;
  height: 56px;
  padding: 0 0;
}
.cate_menu .cate_list li {
  height: 100%;
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  justify-content: flex-start;
}
.cate_menu .cate_list li a {
  font-size: 18px;
  font-weight: 700;
}
.cate_menu .cate_list li a.active {
  color: #E6313A;
}
.cate_menu {
  /* .gnb {
    position: absolute;
    left: 100px;
    top: 56px;
    display: none;
    width: auto;
    min-height: 100%;
    height: 450px;
    z-index: 9995;
    border: 1px solid #333;
    border-radius: 4px;
    overflow: hidden;
    box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.20);
    // &::before {
    //   position:absolute;
    //   top:0;
    //   left: 200px;
    //   width: 1px;
    //   height:100%;
    //   background: #CDCCCC;
    //   z-index: 10000;
    //   content: '';
    // }
    // &::after {
    //   position:absolute;
    //   top:0;
    //   left: 400px;
    //   width: 1px;
    //   height:100%;
    //   background: #CDCCCC;
    //   z-index: 10000;
    //   content: '';
    // }
    &.active {
      display: block;
    }
    >ul {
      overflow: hidden;
      border-radius: 4px;
      &::before {
        position: absolute;
        top:0;
        left: 0;
        width: 200px;
        height:100%;
        background: #fff;
        z-index: 100;
        content: "";
      }
      // >li {
      //   >a {
      //     border-bottom: 1px solid #eee;
      //   }
      //   &.active {
      //     >a {
      //       color: #E6313A;
      //       background: #F6F6F6;
      //       font-weight: 700;
      //     }
      //   }
      // }
    }
    >ul>li>ul>li>.dep {
      overflow-y: auto;
      overflow-x: hidden;
      &::-webkit-scrollbar{
        width: 10px;
        // height: 4px;
      }
      &::-webkit-scrollbar-thumb{
        width: 4px;
        height: 30%;
        background-color: $color-gray-c;
        border-radius: 10px;
        background-clip: padding-box;
        border: 3px solid transparent;
      }
      &::-webkit-scrollbar-track{
        background-color: #fff;

      }
    }
    >ul>li>ul>li>ul {
      &::after {
        display: none;
      }
    }
    .first {
      &:last-child {
        >a{
          // border-bottom: 0;
        }
      }
      // >.dep {
      //   width: 400px;
      //   overflow-y: auto;
      //   overflow-x: hidden;
      //   >li {
      //     position: relative;
      //     width: 200px;
      //     .dep {
      //       position: absolute;
      //       top:0;
      //       left:400px;
      //     }
      //   }
      // }
      >a {
        border-bottom: 1px solid #eee;
      }
    }
    ul {
      position: relative;
      height: 100%;
      &:hover {
        >ul {
          display: block;
        }
      }
      >li {
        position: relative;
        &:hover {
          >a {
            background-color: #F6F6F6;
            color: $bi-pri;
            font-weight: $fw-b;
          }
        }
        &.active {
          >a {
            position: relative;
            z-index: 10000;
            &::after {
              content: '';
              display: block;
              width: 16px;
              height: 16px;
              background-color:  $color-black;
              -webkit-mask-image: url('../img/icon/ico_chevron_right.svg');
              mask-image: url('../img/icon/ico_chevron_right.svg');
              -webkit-mask-size: cover;
              mask-size: cover;
              background-image: none;
              -webkit-mask-repeat: no-repeat;
              mask-repeat: no-repeat;
              -webkit-mask-image: url('../img/icon/ico_chevron_right.svg') center/100% no-repeat;
              mask-image: url('../img/icon/ico_chevron_right.svg') center/100% no-repeat;
              background-color: red;
            }
          }
          // >a {
          //   position: relative;
          //   z-index: 10000;
          // }
        }
        &:nth-of-type(1) {
          >.dep {
            z-index: 95;
          }
        }
        &:nth-of-type(2) {
          >.dep {
            z-index: 94;
            top: -56px;
          }
        }
        &:nth-of-type(3) {
          >.dep {
            z-index: 93;
            top: -112px;
          }
        }
        &:nth-of-type(4) {
          >.dep {
            z-index: 92;
            top: -168px;
          }
        }
        &:nth-of-type(5) {
          >.dep {
            z-index: 91;
            top: -224px;
          }
        }
        &:nth-of-type(6) {
          >.dep {
            z-index: 90;
            top: -280px;
          }
        }
        &:nth-of-type(7) {
          >.dep {
            z-index: 89;
            top: -336px;
          }
        }
        &:nth-of-type(8) {
          >.dep {
            z-index: 88;
            top: -395px;
          }
        }
        &:nth-of-type(9) {
          >.dep {
            z-index: 87;
            top: -448px;
          }
        }
        &:nth-of-type(10) {
          >.dep {
            z-index: 86;
            top: -484px;
          }
        }
        &:nth-of-type(11) {
          >.dep {
            z-index: 85;
            top: -540px;
          }
        }
        &:nth-of-type(12) {
          >.dep {
            z-index: 84;
            top: -596px;
          }
        }
        &:nth-of-type(13) {
          >.dep {
            z-index: 83;
            top: -652px;
          }
        }
        &:nth-of-type(14) {
          >.dep {
            z-index: 82;
            top: -708px;
          }
        }
        &:nth-of-type(15) {
          >.dep {
            z-index: 81;
            top: -764px;
          }
        }
        &:nth-of-type(16) {
          >.dep {
            z-index: 80;
            top: -820px;
          }
        }
      }
      &.dep {
        // transition: .7s;
        z-index: 10000;
        // margin-left: -200px;
        display: none;
        z-index: -1;
        border-left: 1px solid #CDCCCC;
        &::before {
          position: absolute;
          top:0;
          left:0;
          bottom: 0;
          width:200px;
          background:#fff;
          z-index: 10000;
          content:''
        }
        li {
          a {
            border-bottom:1px solid #eee;
          }
        }

        li { 
          position: relative;
          a {
            font-size:16px;
            font-weight:400;
          }
        }
        .dep {
          width: 200px;
          li {
            a {
              &::after {
                display: none;
              }
            }
          }
        }
      }
      // .dep2 {
      //   display: block;
      //   z-index: 99;
      //   overflow-y: auto;
      //   &::-webkit-scrollbar{
      //     width: 10px;
      //     // height: 4px;
      //   }
      //   &::-webkit-scrollbar-thumb{
      //     width: 4px;
      //     height: 30%;
      //     background-color: $color-gray-c;
      //     border-radius: 10px;
      //     background-clip: padding-box;
      //     border: 3px solid transparent;
      //   }
      //   &::-webkit-scrollbar-track{
      //     background-color: #fff;
      //   }

      //   >li {
      //     &:hover {
      //       >a {
      //         background: #F6F6F6;
      //         font-weight: 700;
      //       }
      //     }
      //     &.has {
      //       >a {
      //         &::after {
      //           content: '';
      //           display: block;
      //           width: 16px;
      //           height: 16px;
      //           background-color:  $color-black;
      //           -webkit-mask-image: url('../img/icon/ico_chevron_right.svg');
      //           mask-image: url('../img/icon/ico_chevron_right.svg');
      //           -webkit-mask-size: cover;
      //           mask-size: cover;
      //           background-image: none;
      //           -webkit-mask-repeat: no-repeat;
      //           mask-repeat: no-repeat;
      //           -webkit-mask-image: url('../img/icon/ico_chevron_right.svg') center/100% no-repeat;
      //           mask-image: url('../img/icon/ico_chevron_right.svg') center/100% no-repeat;
      //         }
      //       }
      //     }
      //   }
      // }
      // .dep3 {
      //   display: block;
      //   width:200px;
      //   .dep3_group {
      //     height: 448px;
      //     display: none;
      //     overflow-y: auto;
      //     &::-webkit-scrollbar{
      //       width: 10px;
      //       // height: 4px;
      //     }
      //     &::-webkit-scrollbar-thumb{
      //       width: 4px;
      //       height: 30%;
      //       background-color: $color-gray-c;
      //       border-radius: 10px;
      //       background-clip: padding-box;
      //       border: 3px solid transparent;
      //     }
      //     &::-webkit-scrollbar-track{
      //       background-color: #fff;

      //     }

      //     &.active {
      //       display: block;
      //     }
      //     ul {
      //       >li {
      //         &:hover {
      //           >a {
      //             background: #F6F6F6;
      //             font-weight: 700;
      //           }
      //         }
      //         >a {
      //           font-weight: 400;

      //         }
      //       }
      //     }
      //   }
      // }
      li {
        display: flex;
        width: 100%;
        height: 56px;
        background-color: #fff;
        &.active {
          >.dep {
            display: block;
            // margin-left: 0;
            z-index: 99;
            li {
              &.active{
                background-color: #F6F6F6;
                a {
                  font-weight:700;
                  color: $color-black;
                  &::after {
                    background: url('../img/icon/ico_chevron_right.svg') center/100% no-repeat;
                  }
                }
                .dep {
                  z-index: 10001;
                  li {
                    a {
                      font-weight: 400
                    }
                    &:hover {
                      a {
                        font-weight:700;
                      }
                    }
                  }
                }
              }
            }
          }
        }
        a {
          @include flexBetween;
          position: relative;
          width: 200px;
          height: 55px;
          padding: 0 16px;
          font-size: 18px;
          font-weight: 500;
          line-height: 1.2;
          position: relative;
          z-index: 10000;
          background-color: #fff;

        }
      }
    }
  } */
}
.cate_menu .gnb3 {
  position: absolute;
  background: #fff;
  left: auto;
  top: 57px;
  display: none;
  width: auto;
  height: 450px; /* 250530 KBGM-62-1 height:450 -> 506 */ /* 250530 KBGM-62-1 css원복 */
  z-index: 9995;
  border-radius: 4px;
}
.cate_menu .gnb3:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
}
.cate_menu .gnb3.active {
  display: block;
}
.cate_menu .gnb3.open_dep2:before {
  width: 400px;
}
.cate_menu .gnb3.open_dep2 > ul {
  border-right: none;
  border-top-right-radius: 0px;
  border-bottom-right-radius: 0px;
}
.cate_menu .gnb3.open_dep2 .dep2_wrap {
  overflow: hidden;
}
.cate_menu .gnb3.open_dep3:before {
  width: 600px;
}
.cate_menu .gnb3.open_dep3 .dep2_wrap {
  overflow: visible;
}
.cate_menu .gnb3 ul > li {
  display: flex;
  width: 100%;
  height: 56px;
  background-color: #fff;
}
.cate_menu .gnb3 ul > li a {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: center;
  justify-content: center;
  justify-content: space-between;
  position: relative;
  width: 100%;
  height: 100%;
  padding: 0 16px;
  font-size: 18px;
  font-weight: 500;
  line-height: 1.2;
  position: relative;
  border-bottom: 1px solid #eee;
}
.cate_menu .gnb3 ul > li.active > a {
  font-weight: 700;
  color: #333;
  background-color: #F6F6F6;
}
.cate_menu .gnb3 ul > li.active > a:after {
  content: "";
  display: block;
  width: 16px;
  height: 16px;
  mask-image: url("../img/icon/ico_chevron_right.svg");
  mask-size: cover;
  background-image: none;
  mask-repeat: no-repeat;
  background-color: #111;
}
.cate_menu .gnb3 ul > li ul > li:hover > a {
  font-weight: 700;
  color: #333;
  background-color: #F6F6F6;
}
.cate_menu .gnb3 > ul {
  width: 200px;
  height: 450px; /* 250530 KBGM-62-1 height:450 -> 506 */ /* 250530 KBGM-62-1 css원복 */
  overflow-y: auto;
  border-radius: 4px;
  border: 1px solid #333;
}
.cate_menu .gnb3 > ul > li.active > a {
  color: #e6313a;
}
.cate_menu .gnb3 > ul > li.active > a:after {
  background-color: #e6313a;
}
.cate_menu .gnb3 > ul > li.active .dep2_wrap {
  display: block;
}
.cate_menu .gnb3 > ul.open::-webkit-scrollbar {
  width: 8px; /* 8px */
}
.cate_menu .gnb3 > ul.open::-webkit-scrollbar-thumb {
  width: 6px; /* 6px */
  height: 30%;
  background-color: #cdcccc;
  border-radius: 4px;
  background-clip: padding-box;
  border: 3px solid transparent;
}
.cate_menu .gnb3 > ul.open::-webkit-scrollbar-track {
  background-color: #fff;
}
.cate_menu .gnb3 > ul {
  /* 250530 KBGM-62-1 스크롤 추가 */
}
.cate_menu .gnb3 .dep3_wrap {
  overflow: hidden;
}
.cate_menu .gnb3 .dep2_wrap, .cate_menu .gnb3 .dep3_wrap {
  display: none;
  position: absolute;
  top: 0;
  left: 200px;
  background: #fff;
  border: 1px solid #333;
  border-left: none;
  border-radius: 4px;
  border-top-left-radius: 0px;
  border-bottom-left-radius: 0px;
}
.cate_menu .gnb3 .dep2_wrap li > a, .cate_menu .gnb3 .dep3_wrap li > a {
  font-size: 16px;
}
.cate_menu .gnb3 .dep2, .cate_menu .gnb3 .dep3 {
  width: 200px;
  height: 448px; /* 250530 KBGM-62-1 height:448 -> 504 */ /* 250530 KBGM-62-1 css원복 */
  overflow-y: auto;
  border-left: 1px solid #cdcccc;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}
.cate_menu .gnb3 .dep2::-webkit-scrollbar, .cate_menu .gnb3 .dep3::-webkit-scrollbar {
  width: 8px;
}
.cate_menu .gnb3 .dep2::-webkit-scrollbar-thumb, .cate_menu .gnb3 .dep3::-webkit-scrollbar-thumb {
  width: 6px;
  height: 30%;
  background-color: #cdcccc;
  border-radius: 4px;
  background-clip: padding-box;
  border: 3px solid transparent;
}
.cate_menu .gnb3 .dep2::-webkit-scrollbar-track, .cate_menu .gnb3 .dep3::-webkit-scrollbar-track {
  background-color: #fff;
}
.cate_menu .gnb3 .dep2_wrap li.active .dep3_wrap {
  display: block;
}
.cate_menu .gnb3 .dep3_wrap {
  top: -1px;
}
.cate_menu .gnb3 .dep3_wrap li:hover > a {
  font-weight: 700;
  color: #333;
  background-color: #F6F6F6;
}
.cate_menu .gnb3 .dep3_wrap li:hover > a:after {
  display: none;
}

.container {
  width: 100%;
  min-height: 600px;
  padding-bottom: 80px;
}
.container:has(.pos_btm, .cart_btm, .shop_webzine, .login_wrap) {
  padding-bottom: 0;
}

section {
  min-width: 1192px;
  max-width: 1352px;
  margin: 0 auto;
  padding: 0 80px;
  -ms-scroll-snap-type: y mandatory;
  scroll-snap-type: y mandatory;
  overflow: hidden;
}
section + section {
  margin-top: 120px;
}
section.wide {
  min-width: 100%;
  width: 100%;
  padding: 0;
}
section.mt60 {
  margin-top: 60px;
}

#mainDiv {
  margin-top: 35px;
}

.comm_location {
  margin-top: 16px;
  padding-bottom: 8px;
}
.comm_location.type2 ul li {
  color: #fff;
}
.comm_location.type2 ul li::after {
  background-color: #fff;
  -webkit-mask-image: url("../img/icon/ico_chevron_right_g.svg");
  mask-image: url("../img/icon/ico_chevron_right_g.svg");
  -webkit-mask-size: 16px;
  mask-size: 16px;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  background-image: none;
}
.comm_location.type2 ul li a {
  color: #fff;
}
.comm_location ul {
  display: flex;
}
.comm_location ul li {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  justify-content: flex-start;
}
.comm_location ul li::after {
  content: "";
  display: inline-block;
  width: 16px;
  height: 16px;
  margin: 0 2px;
  background: url("../img/icon/ico_chevron_right_g.svg") center/100% no-repeat;
}
.comm_location ul li a {
  color: #676766;
  font-size: 0.875rem;
  line-height: 1;
}
.comm_location ul li:last-child::after {
  display: none;
}
.comm_location ul li:last-child span, .comm_location ul li:last-child a {
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1;
}

.pc {
  display: block !important;
}

.mo {
  display: none !important;
}

/* Input */
.input_group {
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  width: 360px;
}

.input_group i + input {
  margin-left: 0;
}

.input_group > * + * {
  margin-left: 4px;
}

.input_group > * + i {
  margin-left: 0;
}

.input_group button:not(.btn_icon) {
  padding-left: 16px;
  padding-right: 16px;
}

.input_group.vertical {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.input_group.vertical .txt_alert {
  margin-top: 4px;
}

.input_group[class*=input_icon] {
  position: relative;
}

.input_group[class*=input_icon] > i {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

.input_group.input_icon_left {
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.input_group.input_icon_left input {
  padding-left: 36px;
}

.input_group.input_icon_left i {
  left: 8px;
}

.input_group.input_icon_right {
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.input_group.input_icon_right input {
  padding-right: 36px;
}

.input_group.input_icon_right i {
  right: 12px;
}

.input_group.with_btn {
  width: 360px;
}

.input_group.with_btn input {
  min-width: auto;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
}

/* .input_text[type=text] {
  width: 100%;
  height: 38px;
  padding: 0px 12px;
  font-size: 14px;
  border: 1px solid #DBDBDB;
  border-radius: 4px;
  -moztransition: all 0.2s ease-out 0s;
  -webkit-transition: all 0.2s ease-out 0s;
  transition: all 0.2s ease-out 0s;
}
.input_text[type=text]:focus {
  border: 1px solid #0f62fe;
}
.input_text[type=text]:disabled {
  color: $color-gray9;
  background-color: #F7F7F7;
}
.input_text[type=text] + .input_text {
  margin-left: 8px;
}
.input_text[type=text].input_error {
  color: #D72222;
  border: 1px solid #D72222;
  background-color: #fff7f7;
}
.input_text[type=text].input_success {
  border: 1px solid #26A769;
} */
.input_writing_group {
  display: inline-block;
  position: relative;
  width: 100%;
  height: 160px;
  padding: 12px 12px 44px 12px;
  border: solid 1px #DBDBDB;
  border-radius: 3px;
  background-color: #fff;
  outline: none;
}
.input_writing_group.error {
  background-color: #FFF7F7;
  border: 1px solid #FF6170;
  color: #FF6170;
}
.input_writing_group.error textarea {
  background-color: #FFF7F7;
}

.input_writing_group textarea {
  width: 100%;
  height: 100%;
  font-size: 16px;
  resize: none;
}

.input_writing_group.disabled .input_writing {
  background-color: #F7F7F7;
  color: #9a9999;
}

.input_writing_group.disabled .txt_count {
  display: none;
}

.input_writing_group .txt_count {
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  position: absolute;
  bottom: 16px;
  right: 16px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.input_writing_group .txt_count > * {
  font-size: 14px;
}

.input_writing_group .txt_count .current {
  color: #0f62fe;
}

.input_writing_group .txt_count .current.zero {
  color: #9a9999;
}

.input_writing_group .txt_count .total {
  color: #1a1818;
}

.input_writing_group .txt_count span {
  margin: 0 2px;
}

.inp_box {
  display: -webkit-box;
  display: flex;
  align-items: center;
  gap: 8px;
}
.inp_box .input_text {
  width: 100%;
  min-height: 48px;
  padding: 0 16px;
  background-color: #F9F9F9;
  border: 1px solid #eee;
  border-radius: 4px;
  font-size: 16px;
  font-family: "Noto Sans";
  color: #333;
  letter-spacing: -0.5px;
}
.inp_box .input_text.inner_search {
  font-size: 14px;
}
.inp_box .input_text::placeholder {
  color: #9a9999;
  font-size: 1rem;
}
.inp_box .input_text:focus {
  background: #fff;
  border-color: #cdcccc;
}
.inp_box .input_text:disabled {
  background-color: #cdcccc;
  color: #fff;
}
.inp_box .input_text.success {
  border-color: #cdcccc;
  background: #fff;
}
.inp_box .input_text.error {
  background-color: #FFF7F7;
  border: 1px solid #FF6170;
  color: #FF6170;
}
.inp_box .input_radio {
  border: 1px solid #9a9999;
}
.inp_box .input_check {
  border: 1px solid #9a9999;
}

.inp_search {
  min-width: 376px;
  width: 100%;
  height: 48px !important;
  padding: 0 16px;
  border-radius: 4px;
  border: 1px solid #cdcccc;
}
.inp_search .input_text {
  min-height: 100%;
  padding: 0;
  background: none;
  border: 0;
  z-index: 1;
}

.inp_msg {
  margin-top: 10px;
  font-size: 0.875rem;
  line-height: 1.2rem;
  letter-spacing: -0.5px;
}
.inp_msg::before {
  display: inline-block;
  margin-right: 4px;
  width: 16px;
  height: 14px;
  vertical-align: -3px;
  content: "";
}
.inp_msg.default {
  color: #676767;
}
.inp_msg.default::before {
  background: url("../img/icon/ico_info_circle_g.svg") no-repeat center;
  background-size: cover;
}
.inp_msg.success {
  color: #36A769;
}
.inp_msg.success::before {
  background: url("../img/icon/ico_16_check_circle.svg") no-repeat center;
}
.inp_msg.error {
  color: #E6313A;
}
.inp_msg.error::before {
  background: url("../img/icon/ico_16_info_circle.svg") no-repeat center;
}

.inp_email .wrap {
  display: -webkit-box;
  display: flex;
  gap: 8px;
}
.inp_email .wrap .inp_box {
  flex-shrink: 0;
}
.inp_email .wrap .inp_box:nth-of-type(1) {
  flex-basis: 274px;
}
.inp_email .wrap .inp_box:nth-of-type(2) {
  flex-basis: 200px;
}
.inp_email .wrap .selectbox {
  flex-basis: 200px;
}
.inp_email .wrap > span {
  display: inline-block;
  color: #9a9999;
  font-size: 1rem;
  line-height: 48px;
  letter-spacing: -0.5px;
  vertical-align: middle;
}

.inp_tel {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: center;
  justify-content: center;
  gap: 8px;
}
.inp_tel .selectbox {
  width: 100px;
}
.inp_tel .inp_box {
  flex-grow: 1;
}

.inp_code .inp_box {
  position: relative;
}
.inp_code .inp_box .input_text {
  padding-right: 60px;
}
.inp_code .inp_box .time {
  display: none;
  position: absolute;
  top: 50%;
  right: 16px;
  transform: translateY(-50%);
  color: #E6313A;
  font-size: 0.875rem;
  line-height: 1.5rem;
  letter-spacing: -0.5px;
}
.inp_code .btn_line_txt {
  display: none;
  float: right;
  margin-top: 8px;
}
.inp_code.active .input_text {
  background-color: #fff;
  border: 1px solid #FF6170;
}
.inp_code.active .time {
  display: block;
}
.inp_code.active .btn_line_txt {
  display: block;
}

.inp_address.flex {
  display: -webkit-box;
  display: flex;
  gap: 8px;
}
.inp_address.flex .inp_box:first-child .input_text {
  width: 120px;
}
.inp_address.flex .inp_box:nth-child(2) {
  width: 100%;
}
.inp_address.flex .inp_box:nth-child(3) {
  flex-shrink: 0;
}
.inp_address.flex .inp_box + .inp_box {
  margin-top: 0;
}
.inp_address .inp_box:first-child .input_text {
  width: 140px;
}
.inp_address .inp_box + .inp_box {
  margin-top: 8px;
}
.inp_address .check_box {
  margin-top: 8px;
}

.inp_self .inp_box {
  margin-top: 8px;
}

.cal_wrap {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: center;
  justify-content: center;
}
.cal_wrap .inp_cal {
  font-family: "figtree";
}

.inp_cal {
  display: flex;
  height: 48px;
  padding-left: 35px;
  border-radius: 4px !important;
  border: 1px solid #333 !important;
  background: url("../img/icon/ico_calendar.svg") left 10px center/16px no-repeat;
  font-size: 1rem;
}

.w100 {
  width: 100px;
}

.w120 {
  width: 120px;
}

.w150 {
  width: 150px;
}

.w200 {
  width: 200px;
}

.w250 {
  width: 250px;
}

.w339 {
  width: 339px;
}

.w350 {
  width: 350px;
}

.w474 {
  width: 474px;
}

.w_auto {
  width: auto !important;
  max-width: 100% !important;
}

.btn_wrap {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: center;
  justify-content: center;
  gap: 16px;
  margin-top: 48px;
}
.btn_wrap.full {
  flex-direction: column;
  gap: 8px;
  width: 100%;
}
.btn_wrap.full .btn {
  min-width: 100%;
}
.btn_wrap.line {
  border-top: 1px solid #cdcccc;
  margin-top: 60px;
  padding-top: 80px;
}

.btn {
  display: inline-block;
  width: 100%;
  height: 48px;
  line-height: 46px;
  padding: 0 16px;
  font-size: 0.875rem;
  font-weight: 500;
  text-align: center;
  border-radius: 4px;
  cursor: pointer;
}
.btn:has(i[class*=ico]) {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: center;
  justify-content: center;
}
.btn:has(i[class*=ico]) i[class*=ico] {
  margin-right: 4px;
}
.btn:disabled, .btn.disabled {
  pointer-events: auto;
  cursor: not-allowed;
}
.btn.xsm {
  width: auto;
  height: 30px;
  padding: 0 12px;
  line-height: 28px;
  font-size: 0.75rem;
}
.btn.xxsm {
  width: auto;
  height: 22px;
  padding: 0 12px;
  line-height: 20px;
  font-size: 11px;
}
.btn.sm {
  width: auto;
  height: 40px;
  padding: 0 16px;
  line-height: 38px;
  font-size: 0.875rem;
}
.btn.md {
  width: 100%;
  height: 52px;
  line-height: 52px;
  font-size: 18px;
  font-weight: 700;
  border-radius: 5px;
}
.btn.lg {
  width: 290px;
  height: 56px;
  line-height: 56px;
  font-size: 1.125rem;
  font-weight: 700;
}
.btn.xlg {
  width: 290px;
  height: 68px;
  border: 1px solid #333;
  line-height: 66px;
  font-size: 18px;
  font-weight: 500;
  border-radius: 0;
}
.btn.tf {
  width: auto;
  font-size: 0.875rem;
  font-weight: 700;
}
.btn.auto {
  width: auto;
  padding: 0 40px;
}
.btn.w46 {
  max-width: 460px;
}
.btn.white {
  border: 1px solid #333;
  background: #fff;
}
.btn.white:hover {
  background: #F9F9F9;
  border-color: #676766;
}
.btn.white:disabled, .btn.white.disabled {
  color: #cdcccc;
  background: #F5F5F5;
  border-color: #eee;
}
.btn.gray_6 {
  border: 1px solid #676766;
  background: #fff;
}
.btn.gray_6:hover {
  background: #F9F9F9;
  border-color: #676766;
}
.btn.gray_6:disabled, .btn.gray_6.disabled {
  color: #cdcccc;
  background: #F5F5F5;
  border-color: #eee;
}
.btn.gray_6:disabled i::before, .btn.gray_6.disabled i::before {
  background: none;
  background-color: #cdcccc;
}
.btn.txt_gray_6 {
  color: #676766;
}
.btn.gray_c {
  border: 1px solid #cdcccc;
  background: #fff;
  color: #676766;
}
.btn.gray_c:hover {
  background: #F9F9F9;
}
.btn.gray_c:disabled, .btn.gray_c.disabled {
  color: #cdcccc;
  background: #F5F5F5;
  border-color: #eee;
}
.btn.gray_c:disabled i::before, .btn.gray_c.disabled i::before {
  background: none;
  background-color: #cdcccc;
}
.btn.gray_c.focus:active {
  border-color: #676766;
  color: #333;
}
.btn.gray_fill_3 {
  color: #fff;
  border: 0;
  background: #333;
}
.btn.gray_fill_6 {
  color: #fff;
  border: 0;
  background: #676766;
}
.btn.pri {
  color: #fff;
  background: #E6313A;
}
.btn.pri:hover {
  background: #B60112;
}
.btn.pri:disabled, .btn.pri.disabled {
  background: #cdcccc;
}
.btn.pri_var {
  background: #ff6170;
  color: #fff;
}
.btn.pri_var:hover {
  background: #FD99A3;
}
.btn.pri_var:disabled, .btn.pri_var.disabled {
  background: #cdcccc;
}
.btn.gray_e {
  border: 1px solid #eee;
  background: #fff;
  color: #676766;
}
.btn.black {
  background: #333;
  color: #fff;
}

.btn_line_txt {
  padding-bottom: 2px;
  background: none;
  color: #333;
  border-bottom: 1px solid #333;
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 1.5rem;
  letter-spacing: -0.5px;
  cursor: pointer;
}
.btn_line_txt i[class*=ico] {
  vertical-align: -3px;
}
.btn_line_txt:disabled, .btn_line_txt.disabled {
  color: #cdcccc;
  border-color: #cdcccc;
  pointer-events: none;
}
.btn_line_txt:disabled > i::before, .btn_line_txt.disabled > i::before {
  background: none;
  background-color: #cdcccc;
}

.btn_delete {
  display: block;
  width: 16px;
  height: 16px;
  background-color: #676766;
  -webkit-mask-image: url("../img/icon/ico_close.svg");
  mask-image: url("../img/icon/ico_close.svg");
  -webkit-mask-size: 16px;
  mask-size: 16px;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  background-image: none;
}

.check_box.row {
  display: flex;
  flex-direction: row;
  gap: 24px;
}
.check_box input {
  position: absolute;
  overflow: hidden;
  appearance: none;
}
.check_box input:checked + label {
  position: relative;
}
.check_box input:checked + label::before {
  width: 20px;
  height: 20px;
}
.check_box input:checked + label::after {
  position: absolute;
  top: 1px;
  left: 1px;
  display: inline-block;
  width: 20px;
  height: 20px;
  background: url("../img/icon/ico_check_r.svg") center no-repeat;
  background-size: 16px;
  content: "";
}
.check_box input:disabled + label {
  pointer-events: none;
}
.check_box input:disabled + label::before {
  border-color: #cdcccc;
  background: #eee;
}
.check_box label {
  display: inline-block;
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 20px;
  letter-spacing: -0.5px;
  cursor: pointer;
}
.check_box label:empty::before {
  margin-right: 0;
}
.check_box label::before {
  display: inline-block;
  width: 20px;
  height: 20px;
  margin-right: 8px;
  background: #fff url("../img/icon/ico_check_g.svg") center no-repeat;
  background-size: 16px;
  border: 1px solid #cdcccc;
  border-radius: 4px;
  vertical-align: top;
  content: "";
}
.check_box label em {
  font-weight: 700;
}
.check_box.checkall.w20 input:checked + label::before {
  width: 20px;
  height: 20px;
}
.check_box.checkall.w20 input:checked + label::after {
  width: 20px;
  height: 20px;
}
.check_box.checkall.w20 label {
  line-height: 20px;
}
.check_box.checkall.w20 label::before {
  width: 20px;
  height: 20px;
}
.check_box.checkall input:checked + label::before {
  width: 24px;
  height: 24px;
  border-color: #E6313A;
}
.check_box.checkall input:checked + label::after {
  width: 24px;
  height: 24px;
  background: #E6313A url("../img/icon/ico_16_check_w.svg") center no-repeat;
  background-size: 16px;
}
.check_box.checkall label {
  font-size: 1rem;
  font-weight: 700;
  line-height: 24px;
}
.check_box.checkall label::before {
  width: 24px;
  height: 24px;
}
.check_box.color3 label {
  color: #333;
}

.radio_wrap {
  display: -webkit-box;
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  gap: 16px;
}
.radio_wrap.row {
  flex-direction: row;
  gap: 24px;
}
.radio_wrap.text_type .raido_box input:checked + label {
  color: #333;
  font-weight: 700;
}
.radio_wrap.text_type .raido_box input:checked + label::after {
  display: none;
}
.radio_wrap.text_type .raido_box label {
  color: #676766;
}
.radio_wrap.text_type .raido_box label::before {
  display: none;
}

.raido_box input {
  position: absolute;
  overflow: hidden;
  appearance: none;
}
.raido_box input:checked + label {
  position: relative;
}
.raido_box input:checked + label::before {
  width: 20px;
  height: 20px;
}
.raido_box input:checked + label::after {
  content: "";
  position: absolute;
  top: 0px;
  left: 0px;
  display: inline-block;
  width: 20px;
  height: 21px;
  background: url("../img/icon/ico_radio_active.svg") center no-repeat;
  background-size: 20px;
}
.raido_box input:checked:disabled + label::after {
  background: url("../img/icon/ico_radio_active_disabled.svg") center no-repeat;
}
.raido_box input:disabled + label {
  color: #cdcccc;
  cursor: auto;
}
.raido_box input:disabled + label::before {
  background: url("../img/icon/ico_radio_disabled.svg") center no-repeat;
}
.raido_box label {
  display: inline-block;
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 20px;
  letter-spacing: -0.5px;
  cursor: pointer;
}
.raido_box label::before {
  content: "";
  display: inline-block;
  width: 20px;
  height: 20px;
  margin-right: 8px;
  background: url("../img/icon/ico_radio_default.svg") center no-repeat;
  background-size: 20px;
  vertical-align: top;
}
.raido_box label em {
  font-weight: 700;
}
.raido_box.color3 label {
  color: #333;
}

.c_pri {
  color: #e6313a !important;
}

.c_sec {
  color: #2581c4 !important;
}

.c_gray9 {
  color: #9a9999 !important;
}

.c_red {
  color: #FF6170 !important;
}

.table_top {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  justify-content: space-between;
  align-items: flex-end;
  margin-bottom: 16px;
}
.table_top .total {
  font-size: 0.875rem;
  line-height: 1.5rem;
}
.table_top .total span {
  font-family: "figtree";
  color: #676766;
}

.table {
  position: relative;
  border-top: 1px solid #333;
}
.table .top_btn {
  position: absolute;
  top: 15px;
  left: 60px;
}
.table table {
  width: 100%;
  table-layout: fixed;
  border-bottom: 1px solid #cdcccc;
}
.table table tr:first-child th, .table table tr:first-child td {
  border-top: 0;
}
.table thead th {
  border-bottom: 1px solid #cdcccc;
  text-align: center;
}
.table tbody th {
  text-align: left;
}
.table th, .table td {
  height: 58px;
  padding: 16px 0;
  font-size: 1rem;
  line-height: 1.625rem;
  letter-spacing: -0.5px;
  background: #fff;
  border-top: 1px solid #cdcccc;
  vertical-align: middle;
}
.table th.left, .table td.left {
  text-align: left !important;
}
.table th.right, .table td.right {
  text-align: right !important;
}
.table th.center, .table td.center {
  text-align: center !important;
}
.table th.c_pri, .table td.c_pri {
  color: #e6313a;
}
.table th.c_sec, .table td.c_sec {
  color: #2581c4;
}
.table th.c_gray9, .table td.c_gray9 {
  color: #9a9999;
}
.table .v_t {
  vertical-align: top;
}
.table th {
  font-weight: 700;
}
.table td .txt_view i {
  width: 16px;
  height: 16px;
}
.table td .txt_view i.ico_lock {
  margin-right: 8px;
}
.table td .txt_view i.ico_text_new {
  margin-left: 8px;
}
.table td.no_data {
  height: auto;
  width: 100%;
}
.table td.no_data > div {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: center;
  justify-content: center;
  width: 100%;
  height: 30vh;
  color: #9a9999;
  line-height: 1.625rem;
}
.table.data_list th {
  width: 150px;
}
.table.data_list .dot_list li {
  font-size: 1rem;
  color: #333;
}
.table.data_list .gap {
  margin-top: 6px;
}
.table.board_list th {
  text-align: center;
}
.table.board_list td {
  padding: 16px;
  text-align: center;
}
.table.board_list .title a {
  white-space: normal;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  word-wrap: normal;
  overflow: hidden;
  line-height: 26px;
}
.table.board_list .title a .cate {
  margin-right: 8px;
  color: #676766;
}
.table.guide_info.type2 th, .table.guide_info.type2 td {
  text-align: center;
}
.table.guide_info.type2 tbody th {
  background: none;
}
.table.guide_info th {
  width: 200px;
  padding: 0 24px;
  background-color: #F9F9F9;
  border-bottom: 1px solid #eee;
}
.table.guide_info td {
  padding: 24px;
  border-bottom: 1px solid #eee;
}

.no_data {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: center;
  justify-content: center;
  width: 100%;
  height: 30vh;
  color: #9a9999;
  line-height: 1.625rem;
}
.no_data.type2 {
  height: 364px;
  border-top: 1px solid #333;
  border-bottom: 1px solid #cdcccc;
}
.no_data.type2 p {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: center;
  justify-content: center;
  flex-direction: column;
  gap: 16px;
  font-size: 16px;
  line-height: 24px;
}
.no_data.type2 p::before {
  display: block;
  width: 80px;
  height: 80px;
  background: url("../img/icon/ico_80_info_circle.svg") no-repeat;
  background-size: 80px;
  content: "";
}

.data_list_tit {
  display: block;
  margin-bottom: 16px;
  font-size: 1.375rem;
  font-weight: 700;
  line-height: 2.125rem;
}

.refer {
  font-size: 18px;
  font-weight: 700;
  color: #ff6170;
  vertical-align: 3px;
}

.refer_txt {
  color: #ff6170;
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 1.5rem;
  letter-spacing: -0.5px;
  text-align: right;
}

.form_wrap {
  width: 100%;
}
.form_wrap + .form_wrap {
  margin-top: 64px;
}
.form_wrap + .form_head {
  margin-top: 80px;
}
.form_wrap .refer_txt + .form_list {
  margin-top: 8px;
}
.form_wrap .form_list {
  border-top: 1px solid #333;
}
.form_wrap .form_list > li {
  display: -webkit-box;
  display: flex;
  min-height: 80px;
  padding: 16px 0;
  border-bottom: 1px solid #eee;
}
.form_wrap .form_list > li.a_row {
  flex-direction: column;
}
.form_wrap .form_list > li.a_row > label {
  padding-top: 0;
  margin-bottom: 16px;
}
.form_wrap .form_list > li.a_center {
  align-items: center;
}
.form_wrap .form_list > li.a_center > label {
  padding-top: 0;
}
.form_wrap .form_list > li > label {
  flex-shrink: 0;
  display: inline-block;
  width: 150px;
  padding-top: 8px;
  font-size: 1rem;
  font-weight: 700;
  letter-spacing: -0.5px;
}
.form_wrap .form_list > li .cont {
  flex-grow: 1;
}
.form_wrap .form_list > li .cont.f_row {
  display: -webkit-box;
  display: flex;
  align-items: center;
  gap: 8px;
}
.form_wrap .form_list > li .cont.f_between {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  justify-content: space-between;
}
.form_wrap .form_list > li .inp_desc {
  margin-top: 8px;
  color: #676766;
  font-size: 0.875rem;
  line-height: 1.25rem;
  letter-spacing: -0.5px;
}
.form_wrap .form_list + .dot_list {
  margin-top: 16px;
}

.form_head {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  justify-content: space-between;
}
.form_head .tit {
  font-size: 1.375rem;
  font-weight: 700;
  line-height: 2.125rem;
}
.form_head + .form_wrap, .form_head + .pay_wrap {
  margin-top: 16px;
}

.tab_wrap:has(.tab_cont) .tab_menu {
  margin-bottom: 40px;
}
.tab_wrap .tab_menu {
  display: -webkit-box;
  display: flex;
}
.tab_wrap .tab_menu > li {
  flex: 1;
  cursor: pointer;
}
.tab_wrap .tab_cont .tab_cont_item {
  display: none;
}
.tab_wrap .tab_cont .tab_cont_item.end {
  filter: grayscale(1);
}
.tab_wrap .tab_cont .tab_cont_item.current {
  display: block;
}
.tab_wrap.login .tab_menu > li {
  padding-bottom: 16px;
  color: #9a9999;
  font-size: 1.25rem;
  font-weight: 500;
  line-height: 1.875rem;
  letter-spacing: -0.5px;
  border-bottom: 2px solid #cdcccc;
}
.tab_wrap.login .tab_menu > li.current {
  color: #333;
  font-weight: 700;
  border-color: #333;
}
.tab_wrap.detail .tab_menu.type2 > li {
  border: 0;
  border-bottom: 1px solid #cdcccc;
  color: #676766;
  font-weight: 400;
}
.tab_wrap.detail .tab_menu.type2 > li.current {
  color: #333;
  font-weight: 700;
}
.tab_wrap.detail .tab_menu > li {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: center;
  justify-content: center;
  padding: 18px;
  border: 1px solid #eee;
  border-right: 0;
  border-bottom: 1px solid #cdcccc;
  font-size: 1.125rem;
  font-weight: 500;
  line-height: 1.75rem;
  background: #F9F9F9;
  text-align: center;
}
.tab_wrap.detail .tab_menu > li:last-child {
  border-right: 1px solid #eee;
}
.tab_wrap.detail .tab_menu > li + li {
  border-left: 1px solid #eee;
}
.tab_wrap.detail .tab_menu > li.current {
  border: 1px solid #cdcccc;
  border-bottom: 0;
  background: #fff;
  color: #e6313a;
  font-weight: 700;
}
.tab_wrap.detail .tab_menu.type3 {
  margin-bottom: 0;
}
.tab_wrap.detail .tab_menu.type3 > li {
  background-color: #fff;
  border: 0;
  border-bottom: 1px solid #909090;
}
.tab_wrap.detail .tab_menu.type3 > li > em {
  color: #676766;
  font-size: 20px;
  font-weight: 700;
}
.tab_wrap.detail .tab_menu.type3 > li > span {
  min-width: 30px;
  height: 22px;
  padding: 0 5px;
  margin: -18px 0 0 2px;
  border-radius: 25px;
  line-height: 22px;
  color: #fff;
  font-size: 13px;
  font-weight: 700;
}
.tab_wrap.detail .tab_menu.type3 > li > span.red {
  background: #E80000;
}
.tab_wrap.detail .tab_menu.type3 > li > span.gray {
  background: #666;
}
.tab_wrap.detail .tab_menu.type3 > li.current {
  background-color: #F9F9F9;
  border: 1px solid #909090;
  border-radius: 5px 5px 0 0;
  border-bottom: 0;
}
.tab_wrap.tab_my_point .tab_menu > li {
  border-bottom-color: #111;
}
.tab_wrap.tab_my_point .tab_menu > li.current {
  border-color: #111;
}

[class*=ico] {
  display: inline-flex;
  position: relative;
  vertical-align: middle;
  width: 24px;
  height: 24px;
  flex-shrink: 0;
}
[class*=ico]::before {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  height: 100%;
  transform: translate3d(-50%, -50%, 0);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100%;
  -webkit-mask-size: cover;
  mask-size: cover;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
}
[class*=ico].ico_16_board_list::before {
  background-image: url("../img/icon/ico_16_board_list.svg");
  -webkit-mask-image: url("../img/icon/ico_16_board_list.svg");
  mask-image: url("../img/icon/ico_16_board_list.svg");
}
[class*=ico].ico_24_heart::before {
  background-image: url("../img/icon/ico_24_heart.svg");
  -webkit-mask-image: url("../img/icon/ico_24_heart.svg");
  mask-image: url("../img/icon/ico_24_heart.svg");
}
[class*=ico].ico_24_bookmark::before {
  background-image: url("../img/icon/ico_24_bookmark.svg");
  -webkit-mask-image: url("../img/icon/ico_24_bookmark.svg");
  mask-image: url("../img/icon/ico_24_bookmark.svg");
}
[class*=ico].ico_24_bag::before {
  background-image: url("../img/icon/ico_24_bag.svg");
  -webkit-mask-image: url("../img/icon/ico_24_bag.svg");
  mask-image: url("../img/icon/ico_24_bag.svg");
}
[class*=ico].ico_bookmark::before {
  background-image: url("../img/icon/ico_24_bookmark_pc.svg");
  -webkit-mask-image: url("../img/icon/ico_24_bookmark_pc.svg");
  mask-image: url("../img/icon/ico_24_bookmark_pc.svg");
}
[class*=ico].ico_search::before {
  background-image: url("../img/icon/ico_search.svg");
  -webkit-mask-image: url("../img/icon/ico_search.svg");
  mask-image: url("../img/icon/ico_search.svg");
}
[class*=ico].ico_like::before {
  background-image: url("../img/icon/ico_24_heart_pc.svg");
  -webkit-mask-image: url("../img/icon/ico_24_heart_pc.svg");
  mask-image: url("../img/icon/ico_24_heart_pc.svg");
}
[class*=ico].ico_cart::before {
  background-image: url("../img/icon/ico_cart.svg");
  -webkit-mask-image: url("../img/icon/ico_cart.svg");
  mask-image: url("../img/icon/ico_cart.svg");
}
[class*=ico].ico_arr_left::before {
  background-image: url("../img/icon/ico_chevron_right.svg");
  -webkit-mask-image: url("../img/icon/ico_chevron_right.svg");
  mask-image: url("../img/icon/ico_chevron_right.svg");
}
[class*=ico].ico_arr_left {
  transform: rotate(180deg);
}
[class*=ico].ico_arr_right::before {
  background-image: url("../img/icon/ico_chevron_right.svg");
  -webkit-mask-image: url("../img/icon/ico_chevron_right.svg");
  mask-image: url("../img/icon/ico_chevron_right.svg");
}
[class*=ico].ico_user::before {
  background-image: url("../img/icon/ico_user.svg");
  -webkit-mask-image: url("../img/icon/ico_user.svg");
  mask-image: url("../img/icon/ico_user.svg");
}
[class*=ico].ico_add::before {
  background-image: url("../img/icon/ico_add.svg");
  -webkit-mask-image: url("../img/icon/ico_add.svg");
  mask-image: url("../img/icon/ico_add.svg");
}
[class*=ico].ico_minus::before {
  background-image: url("../img/icon/ico_minus.svg");
  -webkit-mask-image: url("../img/icon/ico_minus.svg");
  mask-image: url("../img/icon/ico_minus.svg");
}
[class*=ico].ico_undo::before {
  background: url("../img/icon/ico_undo.svg");
  -webkit-mask-image: url("../img/icon/ico_undo.svg");
  mask-image: url("../img/icon/ico_undo.svg");
}
[class*=ico].ico_down::before {
  background-image: url("../img/icon/ico_download.svg");
  -webkit-mask-image: url("../img/icon/ico_download.svg");
  mask-image: url("../img/icon/ico_download.svg");
}
[class*=ico].ico_upload::before {
  background-image: url("../img/icon/ico_upload.svg");
  -webkit-mask-image: url("../img/icon/ico_upload.svg");
  mask-image: url("../img/icon/ico_upload.svg");
}
[class*=ico].ico_close::before {
  background: url("../img/icon/ico_close.svg");
  -webkit-mask-image: url("../img/icon/ico_close.svg");
  mask-image: url("../img/icon/ico_close.svg");
}
[class*=ico].ico_close_w::before {
  background: url("../img/icon/ico_close.svg");
  -webkit-mask-image: url("../img/icon/ico_close.svg");
  mask-image: url("../img/icon/ico_close.svg");
  background-image: none;
  background-color: #fff;
}
[class*=ico].ico_acco::before {
  background: url("../img/icon/ico_c_up_circle.svg");
  -webkit-mask-image: url("../img/icon/ico_c_up_circle.svg");
  mask-image: url("../img/icon/ico_c_up_circle.svg");
}
[class*=ico].ico_acco_down::before {
  background: url("../img/icon/ico_c_down_circle.svg");
  -webkit-mask-image: url("../img/icon/ico_c_down_circle.svg");
  mask-image: url("../img/icon/ico_c_down_circle.svg");
}
[class*=ico].ico_acco02::before {
  background-image: url("../img/icon/ico_chevron_down_gray6.svg");
}
[class*=ico].ico_refresh::before {
  background-image: url("../img/icon/ico_refresh.svg");
  -webkit-mask-image: url("../img/icon/ico_refresh.svg");
  mask-image: url("../img/icon/ico_refresh.svg");
}
[class*=ico].ico_board_list::before {
  background-image: url("../img/icon/ico_board_list.svg");
  -webkit-mask-image: url("../img/icon/ico_board_list.svg");
  mask-image: url("../img/icon/ico_board_list.svg");
}
[class*=ico].ico_board_menu::before {
  background-image: url("../img/icon/ico_board_menu.svg");
  -webkit-mask-image: url("../img/icon/ico_board_menu.svg");
  mask-image: url("../img/icon/ico_board_menu.svg");
}
[class*=ico].ico_alram::before {
  background-image: url("../img/icon/ico_alram.svg");
  -webkit-mask-image: url("../img/icon/ico_alram.svg");
  mask-image: url("../img/icon/ico_alram.svg");
}
[class*=ico].ico_share::before {
  background-image: url("../img/icon/ico_share.svg");
  -webkit-mask-image: url("../img/icon/ico_share.svg");
  mask-image: url("../img/icon/ico_share.svg");
}
[class*=ico].ico_pin::before {
  background-image: url("../img/icon/ico_pin.svg");
  -webkit-mask-image: url("../img/icon/ico_pin.svg");
  mask-image: url("../img/icon/ico_pin.svg");
}
[class*=ico].ico_benf_won::before {
  background-image: url("../img/icon/ico_benf_won.svg");
  -webkit-mask-image: url("../img/icon/ico_benf_won.svg");
  mask-image: url("../img/icon/ico_benf_won.svg");
}
[class*=ico].ico_benf_point::before {
  background-image: url("../img/icon/ico_benf_point.svg");
  -webkit-mask-image: url("../img/icon/ico_benf_point.svg");
  mask-image: url("../img/icon/ico_benf_point.svg");
}
[class*=ico].ico_info_user::before {
  background-image: url("../img/icon/ico_info_user.svg");
  -webkit-mask-image: url("../img/icon/ico_info_user.svg");
  mask-image: url("../img/icon/ico_info_user.svg");
}
[class*=ico].ico_info_user02::before {
  background-image: url("../img/icon/ico_info_user02.svg");
  -webkit-mask-image: url("../img/icon/ico_info_user02.svg");
  mask-image: url("../img/icon/ico_info_user02.svg");
}
[class*=ico].ico_info_time::before {
  background-image: url("../img/icon/ico_info_time.svg");
  -webkit-mask-image: url("../img/icon/ico_info_time.svg");
  mask-image: url("../img/icon/ico_info_time.svg");
}
[class*=ico].ico_info_genre::before {
  background-image: url("../img/icon/ico_info_genre.svg");
  -webkit-mask-image: url("../img/icon/ico_info_genre.svg");
  mask-image: url("../img/icon/ico_info_genre.svg");
}
[class*=ico].ico_info_system::before {
  background-image: url("../img/icon/ico_info_system.svg");
  -webkit-mask-image: url("../img/icon/ico_info_system.svg");
  mask-image: url("../img/icon/ico_info_system.svg");
}
[class*=ico].ico_info_level::before {
  background-image: url("../img/icon/ico_info_level.svg");
  -webkit-mask-image: url("../img/icon/ico_info_level.svg");
  mask-image: url("../img/icon/ico_info_level.svg");
}
[class*=ico].ico_lock::before {
  background-image: url("../img/icon/ico_lock.svg");
  -webkit-mask-image: url("../img/icon/ico_lock.svg");
  mask-image: url("../img/icon/ico_lock.svg");
}
[class*=ico].ico_text_new::before {
  background-image: url("../img/icon/ico_text_new.svg");
  -webkit-mask-image: url("../img/icon/ico_text_new.svg");
  mask-image: url("../img/icon/ico_text_new.svg");
}
[class*=ico].ico_page_first::before {
  background-image: url("../img/icon/ico_chevron_left_disabled.svg");
  -webkit-mask-image: url("../img/icon/ico_chevron_left_disabled.svg");
  mask-image: url("../img/icon/ico_chevron_left_disabled.svg");
}
[class*=ico].ico_page_prev::before {
  background-image: url("../img/icon/ico_chevron_left.svg");
  -webkit-mask-image: url("../img/icon/ico_chevron_left.svg");
  mask-image: url("../img/icon/ico_chevron_left.svg");
}
[class*=ico].ico_page_next::before {
  background-image: url("../img/icon/ico_chevron_right.svg");
  -webkit-mask-image: url("../img/icon/ico_chevron_right.svg");
  mask-image: url("../img/icon/ico_chevron_right.svg");
}
[class*=ico].ico_page_last::before {
  background-image: url("../img/icon/ico_chevron_right02.svg");
  -webkit-mask-image: url("../img/icon/ico_chevron_right02.svg");
  mask-image: url("../img/icon/ico_chevron_right02.svg");
}
[class*=ico].ico_mo_menu::before {
  background-image: url("../img/icon/ico_menu.svg");
  -webkit-mask-image: url("../img/icon/ico_menu.svg");
  mask-image: url("../img/icon/ico_menu.svg");
}
[class*=ico].ico_mo_home::before {
  background-image: url("../img/icon/ico_home.svg");
  -webkit-mask-image: url("../img/icon/ico_home.svg");
  mask-image: url("../img/icon/ico_home.svg");
}
[class*=ico].ico_mypage::before {
  background-image: url("../img/icon/ico_user_octagon.svg");
  -webkit-mask-image: url("../img/icon/ico_user_octagon.svg");
  mask-image: url("../img/icon/ico_user_octagon.svg");
}
[class*=ico].ico_order::before {
  background-image: url("../img/icon/ico_delivery.svg");
  -webkit-mask-image: url("../img/icon/ico_delivery.svg");
  mask-image: url("../img/icon/ico_delivery.svg");
}
[class*=ico].ico_my_coupon::before {
  background-image: url("../img/icon/ico_coupon_border.svg");
  -webkit-mask-image: url("../img/icon/ico_coupon_border.svg");
  mask-image: url("../img/icon/ico_coupon_border.svg");
}
[class*=ico].ico_sns_instar::before {
  background: url("../img/icon/ico_sns_instar.svg") center/40px no-repeat;
}
[class*=ico].ico_sns_facebook::before {
  background: url("../img/icon/ico_sns_facebook.svg") center/40px no-repeat;
}
[class*=ico].ico_sns_blog::before {
  background: url("../img/icon/ico_sns_blog.svg") center/40px no-repeat;
}
[class*=ico].ico_faq::before {
  background: url("../img/icon/ico_reply.svg") center/24px no-repeat;
}
[class*=ico].ico_qna::before {
  background: url("../img/icon/ico_user_tag.svg") center/24px no-repeat;
}
[class*=ico].ico_notice::before {
  background: url("../img/icon/ico_alram.svg") center/24px no-repeat;
}
[class*=ico].ico_sns_insta::before {
  background: url("../img/icon/logo_sns_instagram.svg") center/24px no-repeat;
}
[class*=ico].ico_sns_insta2::before {
  background: url("../img/icon/us_instagram_ico.svg") center/24px no-repeat;
}
[class*=ico] {
  /* 250106 추가 */
}
[class*=ico].ico_sns_x::before {
  background: url("../img/icon/us_x_ico_1.svg") center/24px no-repeat; /* 250110 수정 */
}
[class*=ico] {
  /* 250106 추가 */
  /* 250307 추가 */
}
[class*=ico].ico_sns_kakao::before {
  background: url("../img/icon/ico_sns_kakao.svg") center/40px no-repeat;
}
[class*=ico].ico_sns_kakao2::before {
  background: url("../img/icon/logo_sns_kakao.svg") center/24px no-repeat;
}
[class*=ico].ico_sns_message::before {
  background: url("../img/icon/ico_sns_message.svg") center/40px no-repeat;
}
[class*=ico].ico_sns_youtube::before {
  background: url("../img/icon/logo_sns_youtube.svg") center/24px no-repeat;
}
[class*=ico].ico_barcode::before {
  background: url("../img/icon/ico_coupon_barcode.svg") center/24px no-repeat;
}
[class*=ico].ico_coupon_complete::before {
  background-image: url("../img/icon/ico_coupon_complete.svg");
  -webkit-mask-image: url("../img/icon/ico_coupon_complete.svg");
  mask-image: url("../img/icon/ico_coupon_complete.svg");
}
[class*=ico].ico_chevron_right_w::before {
  background-image: url("../img/icon/ico_chevron_right_w.svg");
  -webkit-mask-image: url("../img/icon/ico_chevron_right_w.svg");
  mask-image: url("../img/icon/ico_chevron_right_w.svg");
}
[class*=ico].ico_qr::before {
  background: url("../img/icon/ico_coupon_qr.svg") center/24px no-repeat;
}
[class*=ico] {
  /* 251022 KBGM-149 aboutUS */
}
[class*=ico].ico_about_insta::before {
  background: url("../img/icon/about_insta.svg") center no-repeat;
}
[class*=ico].ico_about_youtube::before {
  background: url("../img/icon/about_youtube.svg") center no-repeat;
}
[class*=ico].ico_about_x::before {
  background: url("../img/icon/about_x.svg") center no-repeat;
}
[class*=ico] {
  /* //251022 KBGM-149 aboutUS */
}
[class*=ico].lg {
  width: 48px;
  height: 48px;
}
[class*=ico].lg::before {
  background-size: 48px;
}
[class*=ico].md {
  width: 32px;
  height: 32px;
}
[class*=ico].md::before {
  background-size: 32px;
}
[class*=ico].m {
  width: 24px;
  height: 24px;
}
[class*=ico].m::before {
  background-size: 24px;
}
[class*=ico].sm {
  width: 16px;
  height: 16px;
}
[class*=ico].sm::before {
  background-size: 16px;
}
[class*=ico].white::before {
  background-image: none;
  background-color: #fff;
}
[class*=ico].gray_c::before {
  background-image: none;
  background-color: #cdcccc;
}
[class*=ico].gray_6::before {
  background-image: none;
  background-color: #676766;
}
[class*=ico].gray_9::before {
  background-image: none;
  background-color: #9a9999;
}

.modal_wrap {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 9999;
}
.modal_wrap.open {
  display: block;
}
.modal_wrap.open::before {
  content: "";
  display: block;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.6);
  z-index: 300;
}
.modal_wrap .modal {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  max-width: 770px;
  min-width: 320px;
  width: 100%;
  padding-bottom: 40px;
  background-color: #fff;
  border-radius: 4px;
  z-index: 9998;
}
.modal_wrap .modal.alert {
  max-width: 330px;
  padding: 32px 24px 24px;
}
.modal_wrap .modal.alert .modal_top {
  min-height: auto;
  padding: 0;
}
.modal_wrap .modal.alert .modal_top .modal_close {
  top: 0;
  right: 0;
}
.modal_wrap .modal.alert .modal_cont {
  padding: 0;
  font-size: 0.875rem;
  line-height: 1.5rem;
  color: #676766;
  text-align: center;
}
.modal_wrap .modal.alert .modal_cont strong {
  display: block;
  margin-bottom: 8px;
  color: #333;
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.625rem;
}
.modal_wrap .modal.auto {
  max-width: calc(100% - 200px);
}
.modal_wrap .modal.w48 {
  max-width: 480px;
}
.modal_wrap .modal.w60 {
  max-width: 600px;
}
.modal_wrap .modal.w64 {
  max-width: 640px;
}
.modal_wrap .modal.w80 {
  max-width: 800px;
}
.modal_wrap .modal.w90 {
  max-width: 900px;
}
.modal_wrap .modal.w101 {
  max-width: 1010px;
}
.modal_wrap .modal.w110 {
  max-width: 1100px;
}
.modal_wrap .modal.wfull {
  max-width: 100%;
}
.modal_wrap .modal.main_pop {
  max-width: max-content;
  min-width: auto;
  height: auto;
  max-height: 100%;
  padding-bottom: 0;
  border-radius: 10px;
  overflow: hidden;
}
.modal_wrap .modal.main_pop .modal_cont {
  padding: 0;
}
.modal_wrap .btn_pop_close {
  position: absolute;
  top: -64px;
  right: 0px;
  background: url("../img/icon/ico_close.svg") center/100% no-repeat;
}
.modal_wrap .modal_top {
  position: relative;
  min-height: 70px;
  margin-bottom: 20px;
  padding: 40px 40px 0;
}
.modal_wrap .modal_top .tit {
  display: block;
  font-size: 1.375rem;
  font-weight: 700;
  line-height: 2.125rem;
}
.modal_wrap .modal_top .tit .txt {
  margin-left: 20px;
  color: #666;
  font-size: 18px;
  font-weight: 500;
}
.modal_wrap .modal_top .tit_txt {
  color: #676766;
  margin-top: 8px;
  font-size: 0.875rem;
  line-height: 1.5rem;
}
.modal_wrap .modal_top .modal_close {
  position: absolute;
  top: 40px;
  right: 40px;
  width: 24px;
  height: 24px;
  font-size: 0;
}
.modal_wrap .modal_cont {
  height: 100%;
  max-height: calc(100vh - 300px);
  padding: 0 40px;
  overflow-x: auto;
}
.modal_wrap .modal_cont.view_qna {
  max-height: 100%;
  height: 250px;
}
.modal_wrap .modal_cont.view_qna .tit {
  padding: 0 16px;
  margin: 20px 0 16px;
  font-size: 1.125rem;
  font-weight: 700;
  line-height: 1.75rem;
}
.modal_wrap .modal_cont.view_qna .txt {
  position: relative;
  min-height: 150px;
  padding: 16px;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.25rem;
}
.modal_wrap .modal_cont.view_qna .txt::before {
  position: absolute;
  top: 0;
  left: 16px;
  right: 16px;
  width: calc(100% - 32px);
  height: 1px;
  background: #676767;
  content: "";
}
.modal_wrap .modal_cont .prd_order_item .amount:not(:has(.btn)) {
  align-items: start;
}
.modal_wrap .pop_wrap {
  height: 100%;
  max-height: calc(100vh - 300px);
  overflow-x: auto;
}
.modal_wrap .pop_btm {
  left: 0;
  bottom: 0;
  width: 100%;
  display: flex;
  border-top: 1px solid rgb(247, 247, 247);
}
.modal_wrap .pop_btm .btn {
  background-color: rgb(255, 255, 255);
  border-radius: 0;
  line-height: 50px;
}
.modal_wrap .pop_btm .btn:last-of-type {
  border-left: 1px solid #cdcccc;
}
.modal_wrap .stit {
  margin-top: 40px;
  margin-bottom: 16px;
  font-size: 1.125rem;
  font-weight: 700;
  line-height: 1.75rem;
}
.modal_wrap .stit:first-of-type {
  margin-top: 0;
}
.modal_wrap .btn_wrap {
  gap: 8px;
  margin-top: 24px;
}

.badge_wrap {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  justify-content: flex-start;
  column-gap: 4px;
}
.badge_wrap .badge {
  display: inline-flex;
  align-items: center;
  width: auto;
  height: 22px;
  padding: 0 8px;
  background-color: #676766;
  border-radius: 2px;
  color: #fff;
  text-align: center;
  font-size: 0.75rem;
  line-height: 18px;
}
.badge_wrap .badge.bg_pink {
  background-color: #e6313a;
}
.badge_wrap .badge.bg_blue {
  background-color: #5C92FB;
}
.badge_wrap .badge.bg_gray {
  background-color: #9a9999;
}
.badge_wrap .badge.line_pri {
  background-color: #fff;
  border-radius: 2px;
  border: 1px solid #ff6170;
  color: #ff6170;
  font-weight: 700;
}

.badge_box {
  position: absolute;
  left: 8px;
  top: 8px;
  z-index: 1;
}
.badge_box > div .member_badge {
  display: inline-block;
  height: 30px;
  padding: 6px 8px;
  border-radius: 4px;
}
.badge_box > div .member_badge.badge_bg.black1 {
  background-color: #111;
}
.badge_box > div .member_badge.badge_bg.red1 {
  background-color: #e32f18;
}
.badge_box > div .member_badge.badge_bg.yellow1 {
  background-color: #ffe600;
}
.badge_box > div .member_badge .badge_txt {
  display: block;
  font-size: 14px;
  white-space: nowrap;
}
.badge_box > div .member_badge .badge_txt.white {
  color: #fff;
}
.badge_box > div + div {
  margin-top: 5px;
}

.item_detail_contain .badge_box {
  top: 16px;
  left: 16px;
}

.dot_lsit_tit {
  display: block;
  margin-bottom: 8px;
  color: #333;
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 1.5rem;
}

.dot_list.txt_black li {
  color: #333;
  font-size: 1rem;
}
.dot_list.type01 {
  padding: 16px;
  border-radius: 4px;
  background: #f9f9f9;
}
.dot_list.type02 {
  padding: 20px;
  background-color: #F5F5F5;
}
.dot_list li {
  color: #676766;
  font-size: 0.75rem;
  line-height: 1.125rem;
  text-indent: -10px;
  margin-left: 10px;
}
.dot_list li + li {
  margin-top: 6px;
}
.dot_list li::before {
  display: inline-block;
  width: 3px;
  height: 3px;
  margin-right: 10px;
  background: #333;
  border-radius: 50%;
  vertical-align: 2px;
  content: "";
}
.dot_list li.point {
  color: #E6313A;
}
.dot_list li i {
  display: inline-block;
  vertical-align: -3px;
}
.dot_list li .link_line {
  color: #333;
  text-decoration-line: underline;
  cursor: pointer;
}

.num_list > li {
  list-style-type: auto;
  margin-left: 16px;
}
.num_list > li + li {
  margin-top: 6px;
}

.abc_list > li {
  padding-left: 16px;
  text-indent: -16px;
}
.abc_list > li + li {
  margin-top: 6px;
}

.acco_wrap .acco + .acco {
  margin-top: 80px;
}
.acco_wrap .acco_head {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  justify-content: space-between;
  padding-bottom: 16px;
  border-bottom: 1px solid #333;
}
.acco_wrap .acco_head .tit {
  font-size: 1.375rem;
  font-weight: 700;
  line-height: 2.125rem;
}
.acco_wrap .acco_head button {
  font-size: 0;
}
.acco_wrap .acco_cont {
  display: none;
}
.acco_wrap .acco.active .btn_acco .ico_acco {
  transform: rotate(-180deg);
}
.acco_wrap .acco .btn_acco .ico_acco {
  transition: all 0.15s ease-in;
}

.accord_list.type2 .accord_head.active .title::before {
  background: url("../img/icon/ico_minus_g9.svg") no-repeat;
  background-size: 24px;
}
.accord_list.type2 .accord_head td {
  padding: 32px;
}
.accord_list.type2 .accord_head .title {
  position: relative;
}
.accord_list.type2 .accord_head .title::before {
  position: absolute;
  top: 50%;
  right: 32px;
  width: 24px;
  height: 24px;
  background: url("../img/icon/ico_add.svg") no-repeat;
  background-size: 24px;
  transform: translateY(-50%);
  content: "";
}
.accord_list.type2 .reply_wrap td {
  padding: 24px 32px;
}
.accord_list.type2 .reply_wrap td .tag_list {
  margin-top: 16px;
}

.depth_title {
  position: relative;
  min-width: 1192px;
  max-width: 1352px;
  margin: 18px auto 60px;
  padding: 0 80px;
  text-align: center;
}
.depth_title h2 {
  font-size: 2.25rem;
  font-weight: 700;
  line-height: 1.2;
}
.depth_title .desc {
  margin-top: 16px;
  font-size: 1.125rem;
  color: #676766;
  line-height: 1.75rem;
}
.depth_title .desc.type2 {
  color: #333;
}
.depth_title .date {
  margin-top: 16px;
  color: #9a9999;
  font-size: 1rem;
  line-height: 1.625rem;
}
.depth_title .btn_share {
  position: absolute;
  bottom: -48px;
  right: 80px;
  width: 48px;
  height: 48px;
  border: 1px solid #eee;
  border-radius: 100%;
}

.swiper_prev,
.swiper_next {
  position: absolute;
  top: 0;
  display: block;
  width: 32px;
  height: 100%;
  cursor: pointer;
  z-index: 99;
}
.swiper_prev::before,
.swiper_next::before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  display: inline-block;
  width: 32px;
  height: 32px;
  transform: translateY(-50%);
}
.swiper_prev.swiper-button-disabled::before,
.swiper_next.swiper-button-disabled::before {
  opacity: 0.2;
}

.swiper_prev {
  left: 0;
}
.swiper_prev::before {
  background: url("../img/icon/ico_chevron_left.svg") center/100% no-repeat;
}

.swiper_next {
  right: 0;
}
.swiper_next::before {
  background: url("../img/icon/ico_chevron_right.svg") center/100% no-repeat;
}

.swiper-pagination-fraction {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  height: 26px;
  padding: 0 12px;
  border-radius: 14px;
  background-color: rgba(0, 0, 0, 0.5);
  font-family: "figtree";
  font-size: 1rem;
  color: #FFF;
  line-height: 26px;
  letter-spacing: 2px;
}

.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  background: #333;
}

.uk-tooltip {
  display: block;
  position: absolute;
  z-index: 1030;
  --uk-position-offset: 10px;
  --uk-position-viewport-offset: 10;
  top: 0;
  max-width: 192px;
  height: 58px;
  padding: 3px 6px;
  background: url("../img/tooltip_bg.svg") 0/100% no-repeat;
  color: #fff;
  font-size: 12px;
}
.uk-tooltip::before {
  content: "";
  display: inline-block;
  width: 20px;
  height: 20px;
  border-radius: 100%;
  background-color: red;
}

.uk-tooltip.uk-active {
  display: block;
}

/* Pagination */
.pagination {
  display: flex;
  justify-content: center;
  align-items: center;
  column-gap: 6px;
  margin-top: 40px;
}
.pagination .page_link span {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 36px;
  height: 36px;
  border: 1px solid #EAEAEA;
  border-radius: 100%;
  font-family: Pretendard, sans-serif;
  font-size: 0.9375rem;
  font-weight: 400;
  line-height: 34px;
}
.pagination .page_link:active {
  outline: none;
}
.pagination .page_link:hover span, .pagination .page_link.active span {
  background-color: #111;
  border-color: #333;
  transition: all 0.2s ease-out 0s;
}
.pagination .page_link:hover span, .pagination .page_link.active span {
  color: #fff;
}
.pagination .page_link.disabled {
  background-color: #F0F0F0;
  color: #9a9999;
}
.pagination .page_link.disabled span {
  color: #9a9999;
}

.ft_num {
  font-family: "figtree";
  letter-spacing: 0px;
}

.filter-wrap {
  margin-top: 24px;
}
.filter-wrap .category {
  display: flex;
  flex-direction: column;
  overflow: auto;
}
.filter-wrap .category .group {
  border-bottom: 1px solid #eee;
}
.filter-wrap .group-head-label {
  display: block;
  position: relative;
}
.filter-wrap .group-head-label input {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  -webkit-appearance: none;
  appearance: none;
}
.filter-wrap .group-head-label input:checked + strong:after {
  margin-top: 5px;
  transform: translate(-50%, -50%) rotate(-45deg);
}
.filter-wrap .group-head-label strong {
  display: block;
  position: relative;
  padding: 20px 0;
  font-size: 18px;
  cursor: pointer;
}
.filter-wrap .group-head-label strong:after {
  content: "";
  position: absolute;
  right: 0;
  top: 50%;
  width: 10px;
  height: 10px;
  border-width: 1px 1px 0 0;
  border-style: solid;
  border-color: #cdcccc;
  margin-top: -5px;
  transform: translate(-50%, -50%) rotate(135deg);
}
.filter-wrap .group-list {
  overflow: hidden;
  white-space: nowrap;
  transition: 0.5s height;
  will-change: height;
}
.filter-wrap .group-list ul {
  display: flex;
  flex-direction: column;
  row-gap: 16px;
  max-height: 380px;
  padding: 0 12px 18px;
  overflow-y: auto;
}
.filter-wrap .group-list ul::-webkit-scrollbar {
  width: 14px;
}
.filter-wrap .group-list ul::-webkit-scrollbar-thumb {
  width: 10px;
  height: 30%;
  background-color: #cdcccc;
  border-radius: 10px;
  background-clip: padding-box;
  border: 3px solid transparent;
}
.filter-wrap .group-list ul::-webkit-scrollbar-track {
  background-color: #fff;
}
.filter-wrap .group-list ul li {
  display: flex;
  position: relative;
  line-height: 1.4;
}
.filter-wrap .group-list-label {
  display: flex;
  width: 100%;
}
.filter-wrap .group-list-label input:checked::after {
  position: absolute;
  top: 1px;
  left: 1px;
  display: inline-block;
  width: 20px;
  height: 20px;
  background: url("../img/icon/ico_check_r.svg") center no-repeat;
  background-size: 16px;
  content: "";
}
.filter-wrap .group-list-label input::before {
  display: inline-block;
  width: 20px;
  height: 20px;
  margin-right: 8px;
  background: #fff url("../img/icon/ico_check_g.svg") center no-repeat;
  background-size: 16px;
  border: 1px solid #cdcccc;
  border-radius: 4px;
  vertical-align: top;
  content: "";
}
.filter-wrap .group-list-label .values {
  display: flex;
  flex: 1;
  padding-left: 15px;
}
.filter-wrap .group-list-label .values .value {
  font-weight: 400;
}
.filter-wrap .group-list .length {
  margin-left: auto;
  color: #9a9999;
}
.filter-wrap .selected {
  display: none;
}

#datepickerIcon + img {
  width: 83px;
  height: 48px;
  cursor: pointer;
}

.ui-datepicker .ui-datepicker-title {
  position: relative;
}

.ui-datepicker .ui-datepicker-title::before {
  position: absolute;
  left: -2.3em;
  right: -2.3em;
  bottom: -24px;
  height: 1px;
  background: #CDCCCC;
  content: "";
}

.ui-datepicker .ui-widget-header {
  background: #fff;
  padding-bottom: 70px;
  border-bottom: 0;
}

.ui-datepicker-calendar thead th:first-child.ui-datepicker-week-end,
.ui-datepicker-calendar > tbody td.ui-datepicker-week-end:first-child a {
  color: #E6313A;
}

.ui-datepicker-calendar > tbody td.ui-datepicker-week-end:hover:first-child a {
  color: #fff;
}

.ui-datepicker-calendar > tbody td.ui-datepicker-week-end:first-child a.ui-state-active {
  color: #fff;
}

.file_box .btn_file {
  width: 83px;
}
.file_box .upload_btn {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}

input[type=text].inp_find {
  display: flex;
  width: 100%;
  background-color: transparent;
  line-height: 44px;
  font-size: 14px;
}

.search_keyword {
  display: none;
  position: absolute;
  top: 53px;
  left: 0;
  width: 460px;
  height: auto;
  padding: 28px;
  background-color: #fff;
  border: 1px solid #333;
  border-radius: 4px;
  box-shadow: 0 4px 5px rgba(0, 0, 0, 0.15);
  z-index: 999;
}
.search_keyword:has(.flexdatalist-results > li) {
  display: block;
}
.search_keyword .tit {
  font-size: 15px;
  font-weight: 500;
}
.search_keyword .keyword {
  margin-top: 16px;
  padding-top: 16px;
  border-top: 1px solid #eee;
}
.search_keyword .keyword ul {
  display: flex;
  flex-wrap: wrap;
  row-gap: 6px;
  column-gap: 24px;
  margin-top: 16px;
}
.search_keyword .keyword li {
  flex: calc(50% - 24px);
  color: #777;
  font-size: 14px;
  line-height: 24px;
}
.search_keyword .keyword li > span {
  display: inline-block;
  min-width: 24px;
  padding-right: 8px;
  color: #BBB;
  font-family: "figtree";
  font-style: italic;
  font-size: 14px;
}

.flexdatalist-results {
  max-height: 170px;
  margin-top: 16px;
  overflow-y: auto;
}
.flexdatalist-results li {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  justify-content: flex-start;
  padding: 0 10px;
  color: #777;
  font-size: 14px;
  line-height: 34px;
}
.flexdatalist-results li::before {
  content: "";
  display: inline-block;
  width: 16px;
  height: 16px;
  margin-right: 4px;
  -webkit-mask-image: url("../img/icon/ico_search.svg");
  mask-image: url("../img/icon/ico_search.svg");
  -webkit-mask-size: cover;
  mask-size: cover;
  background-image: none;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  background-color: #cdcccc;
}
.flexdatalist-results li:hover {
  background-color: #F6F6F6;
}
.flexdatalist-results li.active {
  background: #F6F6F6;
  cursor: pointer;
}
.flexdatalist-results li.no-results {
  font-style: italic;
  color: #888;
}
.flexdatalist-results li .highlight {
  font-weight: 700;
  text-decoration: underline;
}
.flexdatalist-results li.group {
  background: #F3F3F4;
  color: #676766;
  padding: 8px 8px;
}
.flexdatalist-results li .group-name {
  font-weight: 700;
}
.flexdatalist-results li .group-item-count {
  font-size: 85%;
  color: #777;
  display: inline-block;
  padding-left: 10px;
}

.flexdatalist-multiple {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  justify-content: flex-start;
  overflow: hidden;
  width: 100%;
  max-width: 100%;
  column-gap: 8px;
  position: relative;
  cursor: text;
}
.flexdatalist-multiple.disabled {
  background-color: #eee;
  cursor: default;
}
.flexdatalist-multiple li {
  flex: 1;
  display: inline-block;
  position: relative;
}
.flexdatalist-multiple li.value {
  flex: 0;
  display: inline-flex;
  padding-right: 20px;
  white-space: nowrap;
}
.flexdatalist-multiple li.value .fdl-remove {
  position: absolute;
  top: 0;
  right: 0;
  font-weight: 700;
  font-size: 20px;
  line-height: 20px;
  opacity: 0.7;
  cursor: pointer;
}
.flexdatalist-multiple li.value .fdl-remove:hover {
  opacity: 1;
}
.flexdatalist-multiple li.toggle {
  cursor: pointer;
  transition: opacity ease-in-out 300ms;
}
.flexdatalist-multiple li.toggle.disabled {
  text-decoration: line-through;
  opacity: 0.8;
}

.mo_gnb {
  display: none;
  position: fixed;
  bottom: 0;
  width: 100%;
  height: 60px;
  border-top: 1px solid #eee; /*#eee*/
  background-color: #fff;
  z-index: 9991;
}
.mo_gnb .gui_wrap {
  display: flex;
  justify-content: space-around;
  height: 100%;
  z-index: 99999;
  position: relative;
  background: #fff;
}
.mo_gnb .gui_wrap li {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: center;
  justify-content: center;
}
.mo_gnb .gui_wrap li button {
  position: relative;
}
.mo_gnb .gui_wrap li button .count {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: center;
  justify-content: center;
  position: absolute;
  right: -7px;
  top: -7px;
  width: 18px;
  height: 18px;
  background-color: #E6313A;
  border-radius: 100%;
  color: #fff;
  font-family: "figtree";
  font-size: 0.625rem;
  font-weight: 700;
}
.mo_gnb .gui_wrap li button::before {
  background-color: #333;
  background-image: none;
}
.mo_gnb .gui_wrap li button.active::before, .mo_gnb .gui_wrap li button:active::before, .mo_gnb .gui_wrap li button:focus::before {
  background-color: #e6313a;
}
.mo_gnb .mo_gnb_wrap .contain {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  background-color: #fff;
  z-index: 991;
}
.mo_gnb .mo_gnb_wrap .contain .modal_close {
  position: absolute;
  right: 24px;
  top: 18px;
}
.mo_gnb .mo_gnb_wrap .contain .tab_wrap {
  margin-top: 24px;
}
.mo_gnb .mo_gnb_wrap .contain .tab_wrap.detail .tab_menu {
  margin-bottom: 10px;
}
.mo_gnb .mo_gnb_wrap .contain .tab_wrap.detail .tab_cont {
  height: calc(100vh - 270px);
  padding-bottom: 120px;
  overflow-y: auto;
}
.mo_gnb .mo_gnb_wrap .contain .tab_wrap .tab_cont .logout_wrap {
  border-top: 8px solid #F9F9F9;
  padding: 16px 24px;
}
.mo_gnb .mo_gnb_wrap .contain .tab_wrap .tab_cont .logout_wrap a {
  color: #9A9999;
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.625rem;
}
.mo_gnb .mo_gnb_wrap .join_form {
  padding: 18px 24px 0;
}
.mo_gnb .mo_gnb_wrap .join_form .msg_txt {
  font-weight: 700;
  line-height: 1.625rem;
}
.mo_gnb .mo_gnb_wrap .join_form .btn_wrap {
  margin-top: 16px;
}
.mo_gnb .mo_gnb_wrap .join_form .btn_wrap .btn {
  width: 100%;
}
.mo_gnb .mo_gnb_wrap .my_info_gud {
  padding: 20px 24px 0;
}
.mo_gnb .mo_gnb_wrap .my_info_gud .person {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  justify-content: flex-start;
}
.mo_gnb .mo_gnb_wrap .my_info_gud .person .mb_level {
  width: 40px;
  margin-right: 8px;
}
.mo_gnb .mo_gnb_wrap .my_info_gud .person .info .name {
  font-size: 14px;
  font-weight: 700;
}
.mo_gnb .mo_gnb_wrap .my_info_gud .person .info .my_lev {
  color: #676766;
  font-size: 12px;
  font-weight: 400;
  line-height: 18px;
}
.mo_gnb .mo_gnb_wrap .my_info_gud .cs_cont {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  justify-content: space-between;
  margin-top: 24px;
}
.mo_gnb .mo_gnb_wrap .my_info_gud .cs_cont li {
  flex-basis: 55.2px;
}
.mo_gnb .mo_gnb_wrap .my_info_gud .cs_cont li a {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: center;
  justify-content: center;
  flex-direction: column;
}
.mo_gnb .mo_gnb_wrap .my_info_gud .cs_cont li a > span {
  display: block;
  color: #676766;
  font-size: 12px;
  line-height: 1.125rem;
}
.mo_gnb .mo_gnb_wrap .my_info_gud .cs_cont li a > span .point {
  padding: 0 4px;
  color: #E6313A;
}
.mo_gnb .mo_gnb_wrap .acco_wrap .menu_list > li a {
  width: 100%;
}
.mo_gnb .mo_gnb_wrap .acco_wrap .menu_list .acco + .acco {
  margin-top: 0;
}
.mo_gnb .mo_gnb_wrap .menu_list + .menu_list {
  border-top: 8px solid #F9F9F9;
}
.mo_gnb .mo_gnb_wrap .menu_list > li {
  border-bottom: 1px solid #eee;
}
.mo_gnb .mo_gnb_wrap .menu_list > li.acco.active .acco_head a {
  color: #e6313a;
}
.mo_gnb .mo_gnb_wrap .menu_list > li.acco.active .acco_head a.btn_acco::after {
  background: url("../img/icon/ico_chevron_up_r.svg") 0/100% no-repeat;
}
.mo_gnb .mo_gnb_wrap .menu_list > li a {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  justify-content: space-between;
  padding: 16px 24px;
  font-weight: 500;
}
.mo_gnb .mo_gnb_wrap .menu_list > li a.btn_acco::after {
  content: "";
  display: inline-block;
  width: 16px;
  height: 16px;
  background: url("../img/icon/ico_chevron_down.svg") 0/100% no-repeat;
  transition: transform 0.2s ease-in;
}
.mo_gnb .mo_gnb_wrap .menu_list .acco_head {
  padding-bottom: 0;
  border: none;
}
.mo_gnb .mo_gnb_wrap .menu_list .dep {
  display: flex;
  flex-direction: column;
  row-gap: 12px;
  margin: 16px 0;
}
.mo_gnb .mo_gnb_wrap .menu_list .dep li a {
  padding: 0;
  padding-left: 24px;
  font-size: 14px;
  font-weight: 300;
  line-height: 24px;
}

.tab_nav_wrap {
  z-index: 111;
}
.tab_nav_wrap.fixed {
  width: 100vw;
  max-width: 100%;
  left: 50%;
  transform: translateX(-50%);
  margin-top: 0;
}
.tab_nav_wrap.fixed::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 1px;
  background-color: #333;
  z-index: -1;
}
.tab_nav_wrap .tab_nav {
  display: flex;
  width: 1192px;
  margin: 0 auto;
  border-radius: 2px 2px 0px 0px;
}
.tab_nav_wrap .tab_nav a {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: center;
  justify-content: center;
  width: 100%;
  height: 64px;
  border-right: 1px solid #E2E2E2;
  border-bottom: 1px solid #333;
  background: #F6F6F6;
  font-size: 18px;
  line-height: 1.2;
}
.tab_nav_wrap .tab_nav a:first-child {
  border-left: 1px solid #E2E2E2;
}
.tab_nav_wrap .tab_nav a.active {
  border: 1px solid #333;
  border-bottom: 1px solid #fff;
  background: #fff;
  color: #e6313a;
  font-weight: 700;
}

.top_banner_wrap {
  width: 100%;
  position: relative;
  z-index: 600;
  top: 0;
  left: 0;
  right: 0;
  min-width: 1192px;
  background-color: #05124a;
}
.top_banner_wrap .gnb_bar {
  position: relative;
  max-width: 1192px;
  max-height: 32px;
  margin: 0 auto;
  -webkit-transform-origin: 50% 0;
  transform-origin: 50% 0;
  -webkit-transition: 700ms max-height cubic-bezier(0, 0.01, 0.2, 1);
  transition: 700ms max-height cubic-bezier(0, 0.01, 0.2, 1);
  text-align: center;
  overflow: hidden;
}
.top_banner_wrap .gnb_bar > a {
  position: relative;
  display: block;
  min-width: 1192px;
  height: 32px;
}
.top_banner_wrap .gnb_bar .ico_close_w {
  position: absolute;
  right: 0;
  top: 3px;
}

.main_contain section.wide {
  min-width: auto;
  max-width: 1920px;
  /* 250612 VSFS-5-해상도배너 - 추가 */
}

@media screen and (max-width: 1192px) {
  .wrapper {
    min-width: 1192px;
  }
}
@media screen and (max-width: 834px) {
  [class*=ico].ico_search::before {
    background-image: url("../img/icon/ico_search_m.svg");
    -webkit-mask-image: url("../img/icon/ico_search_m.svg");
    mask-image: url("../img/icon/ico_search_m.svg");
  }
  [class*=ico].ico_like::before {
    background-image: url("../img/icon/ico_24_heart_mo.svg");
    -webkit-mask-image: url("../img/icon/ico_24_heart_mo.svg");
    mask-image: url("../img/icon/ico_24_heart_mo.svg");
  }
  [class*=ico].ico_cart::before {
    background-image: url("../img/icon/ico_cart_m.svg");
    -webkit-mask-image: url("../img/icon/ico_cart_m.svg");
    mask-image: url("../img/icon/ico_cart_m.svg");
  }
  [class*=ico].ico_mo_menu::before {
    background-image: url("../img/icon/ico_menu_m.svg");
    -webkit-mask-image: url("../img/icon/ico_menu_m.svg");
    mask-image: url("../img/icon/ico_menu_m.svg");
  }
  [class*=ico].ico_user::before {
    background-image: url("../img/icon/ico_user_m.svg");
    -webkit-mask-image: url("../img/icon/ico_user_m.svg");
    mask-image: url("../img/icon/ico_user_m.svg");
  }
  [class*=ico].ico_mypage::before {
    background-image: url("../img/icon/ico_user_m.svg");
    -webkit-mask-image: url("../img/icon/ico_user_m.svg");
    mask-image: url("../img/icon/ico_user_m.svg");
  }
  [class*=ico].ico_order::before {
    background-image: url("../img/icon/ico_delivery_m.svg");
    -webkit-mask-image: url("../img/icon/ico_delivery_m.svg");
    mask-image: url("../img/icon/ico_delivery_m.svg");
  }
  [class*=ico].ico_my_coupon::before {
    background-image: url("../img/icon/ico_coupon_border_m.svg");
    -webkit-mask-image: url("../img/icon/ico_coupon_border_m.svg");
    mask-image: url("../img/icon/ico_coupon_border_m.svg");
  }
  [class*=ico].ico_info::before {
    background-image: url("../img/icon/ico_info_m.svg");
    -webkit-mask-image: url("../img/icon/ico_info_m.svg");
    mask-image: url("../img/icon/ico_info_m.svg");
  }
  [class*=ico].ico_bookmark::before {
    background-image: url("../img/icon/ico_24_bookmark_mo.svg");
    -webkit-mask-image: url("../img/icon/ico_24_bookmark_mo.svg");
    mask-image: url("../img/icon/ico_24_bookmark_mo.svg");
  }
  *::-webkit-scrollbar {
    display: none;
  }
  *::-webkit-scrollbar-thumb {
    background-color: none;
  }
  *::-webkit-scrollbar-track {
    background-color: none;
  }
  .pc {
    display: none !important;
  }
  .mo {
    display: block !important;
  }
  .wrapper {
    min-width: 0;
  }
  .wrapper.main_contain .header_wrap .pc_wrap {
    justify-content: flex-end;
  }
  .wrapper.main_contain .header_wrap .logo {
    left: 0;
    transform: unset;
  }
  .header_fix.header_magazine .header_wrap .util .ico_cart {
    display: block;
  }
  .header_fix.header_magazine .header_wrap .util .ico_cart::before {
    background-image: url("../img/icon/ico_24_prd_bag_mo.svg");
    -webkit-mask-image: url("../img/icon/ico_24_prd_bag_mo.svg");
    mask-image: url("../img/icon/ico_24_prd_bag_mo.svg");
  }
  .header_fix.header_magazine .header_wrap .util .ico_bookmark {
    display: block;
  }
  .header_fix.fixed + .container {
    padding-top: 0;
  }
  .header_wrap {
    position: fixed;
    top: 0;
    width: 100%;
    border-bottom: 0;
    z-index: 9991;
  }
  .header_wrap .inner {
    align-items: flex-start;
    height: 108px;
    padding-top: 16px;
  }
  .header_wrap .inner.pc_wrap {
    display: none;
  }
  .header_wrap .inner + .inner {
    align-items: center;
    height: 60px;
    padding-top: 0;
  }
  .header_wrap .search_form {
    display: none;
    left: 0;
    top: 0;
    width: 100%;
    transform: unset;
  }
  .header_wrap .search_form.modal_wrap.open {
    display: block;
  }
  .header_wrap .search_form.modal_wrap.open::before {
    display: none;
  }
  .header_wrap .search_form .modal_close {
    display: block;
    position: absolute;
    top: 16px;
    right: 24px;
    font-size: 0;
    z-index: 9;
  }
  .header_wrap .search_form .search_keyword {
    display: block;
  }
  .header_wrap .search_form .form_wrap {
    width: 100%;
    height: 100%;
    max-width: none; /* 250530 VSFS-16-1 */
    padding: 6px 20px;
    border: 0;
    background: #fff;
  }
  .header_wrap .top_banner_wrap {
    width: calc(100% + 48px);
    left: -24px;
    right: -24px;
    min-width: unset;
  }
  .header_wrap .top_banner_wrap .gnb_bar {
    max-width: 100%;
  }
  .header_wrap .top_banner_wrap .gnb_bar > a {
    min-width: auto;
    display: flex;
    align-items: center;
  }
  .header_wrap .top_banner_wrap .gnb_bar > a img {
    height: auto;
  }
  .header_wrap .logo {
    width: 28px;
  }
  .header_wrap .site {
    height: 28px;
  }
  .header_wrap .site .toggle_menu {
    position: absolute;
    width: auto;
    top: 18px;
    left: 50%;
    transform: translateX(-50%);
    gap: 0px;
    height: 28px;
    flex-shrink: 0;
    border-radius: 9999px;
    background: #F6F6F6;
  }
  .header_wrap .site .toggle_menu li {
    display: block;
    width: 60px;
    text-align: center;
  }
  .header_wrap .site .toggle_menu li:nth-child(2) .sub_menu {
    margin-left: 0;
  }
  .header_wrap .site .toggle_menu li:nth-child(2) .sub_menu .line {
    left: 18px;
    width: 51.5312px;
  }
  .header_wrap .site .toggle_menu li.current {
    background-color: #E6313A;
    border-radius: 9999px;
  }
  .header_wrap .site .toggle_menu li.current a {
    color: #fff;
    line-height: 28px;
  }
  .header_wrap .site .toggle_menu li.current .sub_menu {
    display: flex;
  }
  .header_wrap .site .toggle_menu li .sub_menu {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    justify-content: space-between;
    border-top: 1px solid #eee;
    border-bottom: 1px solid #eee;
    display: none;
    position: relative;
    width: 100vw;
    margin-top: 14px;
    padding: 0px 1.125rem;
    transform: translate(-50%);
    margin-left: 60px;
    background: #fff;
    overflow-x: auto;
  }
  .header_wrap .site .toggle_menu li .sub_menu a {
    -webkit-tap-highlight-color: transparent;
    width: auto;
    height: 48px;
    font-size: 0.9375rem;
    line-height: 48px;
    color: #111;
    font-weight: 600;
  }
  .header_wrap .site .toggle_menu li .sub_menu a.active {
    color: #E6313A;
    font-weight: 700;
  }
  .header_wrap .site .toggle_menu li .sub_menu .line {
    display: none;
    position: absolute;
    bottom: 0;
    left: 18px;
    width: 25.7656px;
    height: 2px;
    background: #333;
    transition: 0.3s;
  }
  .header_wrap .site a {
    -webkit-tap-highlight-color: transparent;
    display: block;
    height: 28px;
    font-size: 0.875rem;
    line-height: 28px;
  }
  .header_wrap .cs_wrap {
    justify-content: flex-end;
    height: 36px;
  }
  .header_wrap .cs_wrap .member {
    display: none;
  }
  .header_wrap .cs_wrap .util .ico_like {
    display: none;
  }
  .header_wrap .cs_wrap .util .ico_bookmark {
    display: block; /* 250530 VSFS-16-1 */
  }
  .header_wrap .mo_wrap {
    display: flex;
    height: 60px;
  }
  .cate_menu {
    display: none;
  }
  .footer_wrap {
    padding: 26px 0 80px;
    transition: 0.3s;
  }
  .footer_wrap.short {
    overflow: hidden;
    transition: 0.3s;
  }
  .footer_wrap.short .btn_mofooter {
    transform: rotate(270deg);
  }
  .footer_wrap .btn_mofooter {
    position: absolute;
    top: 28px;
    right: 24px;
    width: 24px;
    height: 24px;
    background: url("../img/icon/ico_chevron_left.svg") no-repeat;
    background-size: 24px;
    transform: rotate(90deg);
    transition: 0.3s;
    cursor: pointer;
  }
  .footer_wrap .ft_top {
    flex-direction: column;
    align-items: start;
    gap: 20px;
  }
  .footer_wrap .ft_top address {
    display: none;
    margin-top: 20px;
    color: #9A9999;
    font-size: 14px;
    line-height: 24px;
  }
  .footer_wrap .ft_top address span {
    display: block;
    padding-right: 0;
  }
  .footer_wrap .ft_top address span::after {
    display: none;
  }
  .footer_wrap .ft_top address span:nth-of-type(3) {
    margin-top: 8px;
  }
  .footer_wrap .ft_top address .copy {
    margin-top: 16px;
  }
  .footer_wrap .ft_top .cs_info {
    display: flex;
    flex-wrap: wrap;
    column-gap: 14px;
    text-align: left;
  }
  .footer_wrap .ft_top .cs_info .tel {
    flex: 100%;
    margin-bottom: 8px;
    font-size: 20px;
    font-weight: 500;
    line-height: 20px;
  }
  .footer_wrap .ft_top .cs_info .time {
    font-size: 14px;
    font-weight: 400;
    line-height: 1;
  }
  .footer_wrap .ft_top .cs_info .week {
    margin-top: 0;
    color: #9A9999;
    font-size: 14px;
    font-weight: 400;
    line-height: 1;
  }
  .footer_wrap .ft_top .sns_link {
    margin-top: 24px;
    column-gap: 32px;
    justify-content: flex-start;
  }
  .footer_wrap .ft_top .sns_link [class*=ico] {
    width: 32px;
    height: 32px;
  }
  .footer_wrap .ft_top .sns_link [class*=ico]::before {
    background-size: 32px !important;
  }
  .footer_wrap .ft_bottom {
    flex-direction: column;
    align-items: flex-start;
    gap: 24px;
    margin-top: 20px;
    padding-top: 20px;
  }
  .footer_wrap .ft_bottom .link {
    flex-wrap: wrap;
    justify-content: start;
    gap: 12px 0;
    text-align: left;
  }
  .footer_wrap .ft_bottom .link > li {
    width: 50%;
    line-height: 14px;
  }
  .footer_wrap .ft_bottom .link > li a {
    font-size: 14px;
    font-weight: 400;
    line-height: 1;
  }
  .footer_wrap .ft_bottom .family_wrap {
    width: 100%;
  }
  .footer_wrap .ft_bottom .family_wrap.active::after {
    background: url(../img/icon/ico_minus_g9.svg) center/100% no-repeat;
  }
  .footer_wrap .ft_bottom .family_wrap.active ul {
    display: block;
  }
  .footer_wrap .ft_bottom .family_wrap ul {
    display: none;
  }
  .quick_btn {
    display: none;
    position: fixed;
    right: 16px;
    bottom: 76px;
  }
  .quick_btn .btn_quick_top {
    width: 40px;
    height: 40px;
  }
  .quick_btn .btn_quick_top::before {
    background-image: url("../img/icon/btn_top_mo.svg");
  }
  /* 250610 VSFS-20 모바일 위로가기 버튼 작업 */ /* 모바일일 떄 보이지 않게 처리 */
  .select-hidden {
    display: block;
    visibility: visible;
  }
  .select-styled {
    display: none;
  }
  .container {
    position: relative;
    padding: 60px 0 80px;
    overflow: hidden;
  }
  .container.main_contain {
    padding-top: 108px;
  }
  .container .inner {
    width: 100%;
    padding: 0 24px;
  }
  .container:has(.category_filter) {
    padding-top: 70px !important;
  }
  .container:has(.reset_pw) {
    padding-top: 90px !important;
  }
  .container.product_content_wrap {
    padding-bottom: 80px;
    overflow: visible;
  }
  section {
    width: 100%;
    min-width: 0;
    max-width: 100%;
    padding: 0 24px;
  }
  section + section {
    margin-top: 64px;
  }
  #mainDiv {
    margin-top: 45px;
  }
  .modal_wrap .modal {
    top: 0;
    left: 0;
    transform: translate(0, 0);
    max-width: 100%;
    min-width: auto;
    height: 100vh;
    padding-bottom: 0px;
    border-radius: 0;
  }
  .modal_wrap .modal:has(> .btn_wrap) .modal_cont {
    max-height: calc(100vh - 190px);
  }
  .modal_wrap .modal.alert {
    top: 50%;
    left: 50%;
    max-width: calc(100% - 80px);
    height: auto;
    padding: 16px;
    transform: translate(-50%, -50%);
  }
  .modal_wrap .modal.alert .btn_wrap {
    padding-bottom: 0;
  }
  .modal_wrap .modal_top {
    padding: 16px 20px 32px;
    margin-bottom: 0;
  }
  .modal_wrap .modal_top .tit {
    font-size: 1.25rem;
  }
  .modal_wrap .modal_top .tit .txt {
    margin-left: 12px;
    font-size: 14px;
  }
  .modal_wrap .modal_top .modal_close {
    top: 24px;
    right: 24px;
  }
  .modal_wrap .modal_cont {
    max-height: 100%;
    padding: 0 24px 40px;
  }
  .modal_wrap .modal_cont:has(.sns_share_wrap) {
    height: auto !important;
  }
  .modal_wrap .stit {
    margin-bottom: 8px;
    font-size: 1rem;
  }
  .modal_wrap .stit + .check_info {
    margin-top: 0;
  }
  .modal_wrap .btn_wrap {
    margin-top: 0;
    padding: 20px 0;
  }
  .modal_wrap .btn_wrap.pd {
    padding: 20px 24px;
  }
  .comm_location {
    display: none;
  }
  .input_writing_group textarea {
    font-size: 14px;
  }
  .input_writing_group textarea::placeholder {
    font-size: 14px;
  }
  .input_writing_group .txt_count > * {
    font-size: 12px;
  }
  .inp_box {
    display: -webkit-box;
    display: flex;
    gap: 8px;
  }
  .inp_box .input_text {
    min-height: 44px;
    font-size: 0.875rem;
  }
  .inp_box .input_text::placeholder {
    font-size: 12px;
  }
  .inp_search {
    min-width: 0;
    width: 100%;
  }
  .inp_msg {
    font-size: 0.75rem;
    line-height: 1.125rem;
    text-indent: -20px;
    margin-left: 20px;
  }
  .inp_msg::before {
    vertical-align: -3px;
  }
  .inp_email .wrap {
    flex-wrap: wrap;
  }
  .inp_email .wrap > div + div {
    margin-top: 8px;
  }
  .inp_email .wrap .inp_box {
    flex-grow: 1;
  }
  .inp_email .wrap .inp_box:nth-of-type(1) {
    width: 33.3333333333%;
    flex-basis: auto;
  }
  .inp_email .wrap .inp_box:nth-of-type(2) {
    width: calc(33.3333% - 20px);
    flex-basis: auto;
    flex-shrink: 1;
    margin-top: 0;
  }
  .inp_email .wrap .ui_select {
    width: 100%;
    flex-shrink: 1;
    margin-top: 0;
  }
  .inp_email .wrap .selectbox {
    flex-basis: 100%;
  }
  .inp_code .inp_box .time {
    font-size: 0.75rem;
    line-height: 1.125rem;
  }
  .inp_address.flex {
    flex-direction: column;
  }
  .inp_address.flex .inp_box:first-child .input_text {
    width: 100%;
  }
  .inp_address .inp_box:first-child .input_text {
    width: 160px;
  }
  .btn_wrap {
    width: 100%;
    gap: 8px;
  }
  .btn_wrap.mo_full {
    flex-direction: column;
    width: 100%;
  }
  .btn_wrap.mo_full .btn {
    width: 100%;
  }
  .btn_wrap.pos_btm {
    position: absolute;
    left: 24px;
    right: 24px;
    bottom: 74px;
    width: auto;
    margin-top: 0;
  }
  .btn_wrap.line {
    margin-top: 40px;
    padding-top: 40px;
  }
  .btn {
    height: 44px;
    line-height: 42px;
  }
  .btn.tf {
    height: 44px;
    line-height: 42px;
    font-weight: 500;
  }
  .btn.md {
    height: 39px;
    line-height: 39px;
    font-size: 15px;
  }
  .btn.lg {
    width: 50%;
    height: 48px;
    line-height: 46px;
    font-size: 1rem;
  }
  .btn.lg.auto {
    flex-grow: 0;
  }
  .btn.xlg {
    width: 100%;
    height: 56px;
    font-size: 16px;
    font-weight: 500;
    line-height: 54px;
  }
  .btn.auto {
    width: auto;
    padding: 0 24px;
  }
  .btn.w46 {
    max-width: 304px;
  }
  .btn_line_txt {
    font-size: 0.75rem;
    line-height: 1.125rem;
  }
  .check_box label::before {
    margin-right: 8px;
  }
  .radio_wrap.row {
    gap: 12px;
  }
  .table_top {
    margin-top: 32px;
  }
  .table_top .inp_search {
    max-width: 240px;
  }
  .table .top_btn {
    left: 40px;
  }
  .table table {
    table-layout: auto;
  }
  .table tr {
    border-bottom: 1px solid #cdcccc;
  }
  .table tr:last-child {
    border-bottom: 0;
  }
  .table th, .table td {
    height: auto;
    font-size: 0.875rem;
    line-height: 1.5rem;
  }
  .table td {
    border-top: 0;
  }
  .table td.m_right {
    text-align: right;
  }
  .table.data_list col {
    display: table-column;
    width: 100% !important;
  }
  .table.data_list tr {
    display: -webkit-box;
    display: flex;
    flex-direction: column;
  }
  .table.data_list th, .table.data_list td {
    width: 100%;
  }
  .table.data_list th {
    padding: 16px 0 0 0;
    border: 0;
  }
  .table.data_list td {
    margin-top: 8px;
    padding: 0 0 16px 0;
  }
  .table.data_list .dot_list li {
    font-size: 14px;
  }
  .table.board_list col {
    display: table-column;
    width: 100%;
  }
  .table.board_list thead {
    display: none;
  }
  .table.board_list tr {
    display: -webkit-box;
    display: flex;
    flex-wrap: wrap-reverse;
  }
  .table.board_list td {
    font-size: 12px;
    padding: 0;
    text-align: left;
    padding: 0 8px 18px;
  }
  .table.board_list td:first-child {
    flex-grow: 1;
    padding: 0 0 18px 0;
  }
  .table.board_list td:last-child {
    padding: 0;
  }
  .table.board_list td.bottom {
    padding: 0 0 18px 8px;
  }
  .table.board_list .title {
    width: 100%;
    order: 1;
    font-size: 14px;
    border: 0;
    padding: 18px 20px 8px 0;
  }
  .table.board_list .title:first-child {
    padding: 20px 0;
  }
  .table.board_list .title.left {
    padding: 18px 20px 8px 0;
  }
  .table.board_list .title a {
    line-height: 24px;
  }
  .table.board_list .title a .ico_text_new {
    vertical-align: -2px;
  }
  .table.guide_info {
    table-layout: auto;
  }
  .table.guide_info.type2 table {
    table-layout: fixed;
  }
  .table.guide_info.type2 col:first-child {
    width: 90px !important;
  }
  .table.guide_info.type2 col:last-child {
    width: 130px !important;
  }
  .table.guide_info.type2 tr {
    display: table-row;
  }
  .table.guide_info.type2 th {
    padding: 16px 0;
    background: #F9F9F9;
  }
  .table.guide_info.type2 td {
    padding: 16px 0;
  }
  .table.guide_info.type2 thead th {
    border-bottom: 1px solid #eee;
  }
  .table.guide_info.type2 tbody th, .table.guide_info.type2 tbody td {
    border-bottom: 1px solid #eee;
  }
  .table.guide_info.type2 tbody tr:last-child th, .table.guide_info.type2 tbody tr:last-child td {
    border: 0;
  }
  .table.guide_info.type2 tbody th {
    vertical-align: top;
  }
  .table.guide_info col {
    width: 100%;
  }
  .table.guide_info tr {
    display: flex;
    flex-direction: column;
    border: 0;
  }
  .table.guide_info tr:first-child th {
    border-top: 1px solid #eee;
  }
  .table.guide_info tr:first-child th:first-child {
    border-top: 0;
  }
  .table.guide_info tr th {
    width: 100%;
    padding: 16px 0 0;
    background-color: #fff;
    border-bottom: 0;
    border-color: #eee;
  }
  .table.guide_info tr td {
    padding: 8px 0 16px;
    border-bottom: 0;
  }
  .data_list_tit {
    font-size: 1.25rem;
    line-height: 1.875rem;
  }
  .refer_txt {
    font-size: 0.75rem;
  }
  .form_wrap + .form_wrap {
    margin-top: 40px;
  }
  .form_wrap .form_list > li {
    display: block;
    min-height: 60px;
    padding: 16px 0;
  }
  .form_wrap .form_list > li.a_row label {
    margin-bottom: 8px;
  }
  .form_wrap .form_list > li.a_between_m > label {
    margin-bottom: 0;
  }
  .form_wrap .form_list > li.a_between_m {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    justify-content: space-between;
  }
  .form_wrap .form_list > li > label {
    padding-top: 0;
    margin-bottom: 8px;
    font-size: 0.875rem;
  }
  .form_wrap .form_list > li .inp_desc {
    font-size: 0.75rem;
    line-height: 1.125rem;
  }
  .form_wrap .form_list > li .cont.f_row {
    display: block;
  }
  .form_wrap .form_list > li .cont.f_row .check_box {
    margin-top: 8px;
  }
  .form_wrap .form_list > li .cont.f_row .check_box label {
    margin: 0;
  }
  .form_wrap .form_list > li .cont.withBtn {
    display: -webkit-box;
    display: flex;
  }
  .form_wrap .form_list > li .cont .point {
    text-align: right;
  }
  .form_head {
    margin-top: 64px;
    align-items: flex-start;
    flex-direction: column;
    gap: 8px;
  }
  .form_head.type2 {
    flex-direction: row;
    align-items: end;
  }
  .tab_wrap.detail {
    padding: 0;
  }
  .tab_wrap.detail .tab_menu {
    margin-bottom: 32px;
  }
  .tab_wrap.detail .tab_menu.type3 > li {
    height: 39px;
    padding: 0;
    background-color: #fff;
    border: 0;
    border-bottom: 1px solid #909090;
  }
  .tab_wrap.detail .tab_menu.type3 > li > em {
    font-size: 14px;
  }
  .tab_wrap.detail .tab_menu.type3 > li > span {
    min-width: 20px;
    height: 14px;
    line-height: 14px;
    font-size: 9px;
  }
  .tab_wrap.detail .tab_menu > li {
    padding: 23px 0;
    font-size: 16px;
    line-height: 1;
  }
  .tab_wrap.detail .tab_menu > li a {
    font-size: 16px;
  }
  .tab_wrap .tab_menu {
    margin-bottom: 32px;
  }
  .tab_wrap .tab_menu > li {
    font-size: 16px;
  }
  .tab_wrap .tab_menu > li a {
    font-size: 16px;
  }
  .tab_wrap.tab_my_point {
    margin: 0 -24px;
  }
  .tab_wrap.tab_my_point .tab_menu > li.current:first-child {
    border-left: 0;
  }
  .tab_wrap.tab_my_point .tab_menu > li.current:last-child {
    border-right: 0;
  }
  .acco_wrap .acco + .acco {
    margin-top: 64px;
  }
  .accord_list.type2 {
    border-bottom: 0;
  }
  .accord_list.type2 .accord_head.active .title::before {
    background-size: 16px;
  }
  .accord_list.type2 .accord_head td {
    padding: 24px 0;
  }
  .accord_list.type2 .accord_head .title::before {
    right: 0;
    width: 16px;
    height: 16px;
    background-size: 16px;
  }
  .accord_list.type2 .accord_head .title.left {
    padding: 24px 0;
    padding-right: 20px;
    word-break: break-all;
  }
  .accord_list.type2 .reply_wrap td {
    padding: 24px;
    font-size: 14px;
    line-height: 24px;
  }
  .accord_list.type2 tr:last-child {
    border-bottom: 1px solid #cdcccc;
  }
  .depth_title {
    min-width: 0;
    max-width: 100%;
    margin: 0 0 16px 0;
    padding: 16px 20px;
  }
  .depth_title.mt0 {
    margin: 0;
  }
  .depth_title + .category_search_cont {
    margin-top: 0;
  }
  .depth_title h2 {
    font-size: 20px;
  }
  .depth_title h2.moshow {
    display: block;
    margin-top: 34px;
    font-size: 1.375rem;
    line-height: 2.125rem;
  }
  .depth_title .desc {
    margin-top: 10px;
    font-size: 1rem;
    line-height: 1.4rem;
  }
  .depth_title .desc.type2 {
    margin-top: 8px;
  }
  .depth_title .date {
    margin-top: 8px;
    font-size: 0.875rem;
    line-height: 1.125rem;
  }
  .depth_title .btn_share {
    position: static;
    display: inline-block;
    margin-top: 16px;
  }
  .sns_share {
    width: 40px;
    height: 40px;
  }
  .badge_wrap .badge {
    height: 22px;
    padding: 0 4px;
    font-size: 10px;
  }
  .dot_list li {
    font-size: 14px;
    line-height: 24px;
  }
  .dot_list li::before {
    vertical-align: 3px;
  }
  .dot_list.txt_black li {
    font-size: 14px;
    line-height: 24px;
  }
  .w120,
  .w150,
  .w200,
  .w250,
  .w339,
  .w350,
  .w474 {
    width: 100%;
  }
  .filter-wrap {
    width: 100%;
  }
  .filter-wrap .category {
    flex-direction: row;
    overflow: visible;
    gap: 5px;
  }
  .filter-wrap .category .group {
    flex: 1;
    border: 0;
  }
  .filter-wrap .category .group.active .group-head {
    border-color: #333;
  }
  .filter-wrap .category .group-head {
    padding: 0 8px;
    border: 1px solid #cdcccc;
    border-radius: 4px;
  }
  .filter-wrap .group-head-label input:checked + strong:after {
    margin-top: 1px;
  }
  .filter-wrap .group-head-label strong {
    padding: 0;
    height: 44px;
    line-height: 44px;
    font-size: 14px;
    font-weight: 400;
    letter-spacing: -0.5px;
  }
  .filter-wrap .group-head-label strong:after {
    width: 5px;
    height: 5px;
    margin-top: -2px;
    border-color: #333;
  }
  .filter-wrap .group-list {
    visibility: hidden;
    position: absolute;
    overflow: visible;
    left: 0;
    right: 0;
    height: auto !important;
    margin-top: -1px;
    background-color: #fff;
    z-index: 1;
  }
  .filter-wrap .group-list ul {
    row-gap: 0;
    padding: 0;
    max-height: 160px;
    border: 1px solid #333;
    border-radius: 4px;
    overflow: auto;
  }
  .filter-wrap .group-list ul li {
    line-height: 40px;
    border-bottom: 1px solid #eee;
  }
  .filter-wrap .group-list ul li input {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    -webkit-appearance: none;
    appearance: none;
  }
  .filter-wrap .group-list-label input:checked::after {
    display: none;
  }
  .filter-wrap .group-list-label input::before {
    display: none;
  }
  .filter-wrap .group-list-label input:checked + .values {
    background-color: #ddd;
  }
  .filter-wrap .group-list-label .values {
    padding: 0 16px;
  }
  .filter-wrap .group.active .group-list {
    visibility: visible;
  }
  .filter-wrap .selected {
    display: flex;
    align-items: center;
    gap: 10px;
  }
  .filter-wrap .selected-list {
    width: 100%;
    overflow: auto;
    direction: rtl;
  }
  .filter-wrap .selected-ul {
    display: flex;
    gap: 10px;
    min-height: 40px;
    padding: 12px 0;
  }
  .filter-wrap .selected-ul li {
    display: flex;
    position: relative;
    align-items: center;
    gap: 5px;
    white-space: nowrap;
    direction: ltr;
  }
  .filter-wrap .selected-ul .btn-remove {
    position: relative;
    font-size: 0;
    width: 14px;
    height: 14px;
    background: none;
  }
  .filter-wrap .selected-ul .btn-remove:before,
  .filter-wrap .selected-ul .btn-remove:after {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%) rotate(-45deg);
    width: 100%;
    height: 1px;
    background-color: #333;
  }
  .filter-wrap .selected-ul .btn-remove:after {
    transform: translate(-50%, -50%) rotate(45deg);
  }
  .filter-wrap .btn-reset {
    font-size: 0;
    text-indent: -999px;
    width: 16px;
    height: 16px;
    background: url("../img/icon/ico_refresh.svg") center/100% no-repeat;
  }
  .ui-datepicker {
    width: 320px !important;
    margin-left: -173px !important;
  }
  .ui-datepicker .ui-datepicker-title::before {
    left: 0;
    right: 0;
  }
  .ui-state-disabled {
    opacity: 0.35;
  }
  .cal_wrap .inp_cal {
    width: calc(50% - 53px);
    padding-left: 30px;
    background-position: 6px;
  }
  .inp_cal {
    height: 44px;
  }
  .no_data.type2 {
    height: 230px;
  }
  .no_data.type2 p {
    font-size: 14px;
    line-height: 24px;
  }
  .no_data.type2 p::before {
    width: 60px;
    height: 60px;
    background-size: 60px;
  }
  .mo_gnb {
    display: block;
  }
  .search_keyword {
    position: fixed;
    top: 60px;
    width: 100%;
    height: 100vh;
    padding: 24px;
    border: 0;
    border-top: 1px solid #eee;
    box-shadow: unset;
  }
  .search_keyword .keyword li {
    flex: 0 0 100%;
  }
  .flexdatalist-multiple {
    padding-right: 50px;
  }
  .no_data {
    height: 10vh;
  }
  #mainEventPop .modal.main_pop {
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: calc(100% - 48px);
    max-width: 300px;
    height: auto;
  }
  #mainEventPop .modal.main_pop .modal_cont {
    max-height: calc(100% - 48px);
  }
  #mainEventPop .modal.main_pop .pop_btm .btn {
    height: 48px;
    line-height: 48px;
  }
  .container {
    padding-bottom: 100px;
  }
  .container:has(.join_wrap, .detail_type_cul, .join_complete, .game_detail, .board_area, .comm_docu_wrap, .board_detail_wrap, .srch_result) {
    padding-bottom: 80px;
  }
  .container:has(.pos_btm, .cart_btm) {
    min-height: 100vh;
    padding-bottom: 60px;
  }
  .wrapper:has(.container.webzine, .container.cus_main, .container.as_wrap, .container.product_content_wrap) .container {
    padding-bottom: 80px;
  }
  .wrapper:has(.container.mypage_main) .container {
    padding-bottom: 100px;
  }
  .wrapper:not(:has(.container.main_contain, .container.cus_main, .board_area, .container.page_cont_list, .container.page_cont_detail, .container.page_magazine_list)) .footer_wrap {
    display: none;
  }
  .wrapper:has(#notCartPage) .container {
    padding-bottom: 80px;
  }
  .wrapper:has(#notCartPage) .prdlist_wrap.pos_btm {
    padding-bottom: 100px;
  }
  .wrapper:has(#cartPage) .container {
    padding-bottom: 80px;
  }
  .wrapper:has(#cartPage) .prdlist_wrap.pos_btm {
    padding-bottom: 230px;
  }
  .wrapper:has(#cartPage) .prdlist_wrap.pos_btm.app {
    padding-bottom: 170px;
  }
  .wrapper:has(.container.bottom_check .cart_wrap) .container {
    padding-bottom: 210px;
  }
  .main_contain.webzine {
    padding-bottom: 0 !important;
  }
  .badge_box > div .member_badge {
    height: 25px;
    line-height: 1;
  }
  .badge_box > div .member_badge .badge_txt {
    font-size: 12px;
  }
  .badge_box > div + div {
    margin-top: 4px;
  }
  .item_detail_contain .badge_box {
    top: 16px;
    left: 16px;
  }
  .item_detail_contain .badge_box > div .member_badge {
    height: 27px;
  }
  .item_detail_contain .badge_box > div .member_badge .badge_txt {
    font-size: 13px;
  }
}
.print_wrap * {
  font-size: 14px;
  vertical-align: middle;
  -webkit-print-color-adjust: exact;
  print-color-adjust: exact;
}
.print_wrap caption {
  display: none;
}
.print_wrap > div:not(.grid) {
  border: 2px solid #000;
  border-bottom: none;
  overflow-x: auto;
}
.print_wrap > div:not(.grid):last-of-type {
  border-bottom: 2px solid #000;
}
.print_wrap table tr {
  border-bottom: 1px solid #000;
}
.print_wrap table tr:first-of-type th:first-of-type {
  border-left: none;
}
.print_wrap table tr:last-of-type {
  border-bottom: none;
}
.print_wrap table tr th, .print_wrap table tr td {
  padding: 4px;
  border-left: 1px solid #000;
}
.print_wrap table tr th.sign, .print_wrap table tr td.sign {
  position: relative;
}
.print_wrap table tr th.sign::after, .print_wrap table tr td.sign::after {
  content: "";
  display: inline-block;
  position: absolute;
  top: -10px;
  right: 30%;
  width: 60px;
  height: 60px;
  background: url(../img/company_seal.png) no-repeat center center/cover;
}
.print_wrap table tr .total {
  font-weight: 700;
}
.print_wrap table .print_tit {
  font-size: 25px;
  font-weight: 700;
}
.print_wrap table .print_tit span {
  font-size: 14px;
  font-weight: 400;
}
.print_wrap table .estimate_info {
  font-size: 12px;
  line-height: 1.4;
}
.print_wrap .print_cont table tr th span, .print_wrap .print_price table tr th span {
  vertical-align: top;
}
.print_wrap .print_cont table tr td:first-of-type, .print_wrap .print_price table tr td:first-of-type {
  border-left: none;
}
.print_wrap .grid {
  display: grid;
  border: 2px solid #000;
  border-bottom: none;
  align-items: center;
}
.print_wrap .grid:last-of-type {
  border-bottom: 2px solid #000;
}
.print_wrap .grid.grid01 {
  grid-template-columns: 50% 10% 40%;
}
.print_wrap .grid.grid02 {
  grid-template-columns: 6% 15% 39% 20% 20%;
}
.print_wrap .grid.grid03 {
  grid-template-columns: 6% 44% 10% 20% 20%;
}
.print_wrap .grid.grid03 .grid_item:nth-last-child(n+1):nth-last-child(-n+5) {
  border-bottom: none;
}
.print_wrap .grid.grid04 {
  grid-template-columns: 12.5% 12.5% 12.5% 12.5% 10% 20% 20%;
}
.print_wrap .grid.grid04 .grid_item:nth-last-child(n+1):nth-last-child(-n+7) {
  border-bottom: none;
}
.print_wrap .grid.grid05 {
  grid-template-columns: 10% 50% 20% 20%;
}
.print_wrap .grid.grid05 .grid_item:nth-last-child(n+1):nth-last-child(-n+4) {
  border-bottom: none;
}
.print_wrap .grid.grid06 {
  grid-template-columns: 60% 20% 20%;
}
.print_wrap .grid.grid06 .grid_item {
  border-bottom: none;
}
.print_wrap .grid .grid_item {
  display: flex;
  width: 100%;
  height: 100%;
  justify-content: flex-start;
  align-items: center;
  padding: 4px;
  font-size: 14px;
  border-left: 1px solid #000;
  border-bottom: 1px solid #000;
  word-break: break-all;
}
.print_wrap .grid .grid_item h2 {
  margin-bottom: 0;
  font-size: 25px;
}
.print_wrap .grid .grid_item h2 span {
  display: block;
  margin-top: 5px;
  font-weight: normal;
}
.print_wrap .grid .grid_item.sign {
  position: relative;
}
.print_wrap .grid .grid_item.sign::after {
  content: "";
  display: inline-block;
  position: absolute;
  top: -10px;
  right: 30%;
  width: 60px;
  height: 60px;
  background: url("../img/company_seal.png") no-repeat center center/cover;
}
.print_wrap .grid .grid_item.font_b {
  font-weight: 700;
}
.print_wrap .grid .grid_item.col_2 {
  grid-column: span 2;
}
.print_wrap .grid .grid_item.col_3 {
  grid-column: span 3;
}
.print_wrap .grid .grid_item.row_3 {
  grid-row: span 3;
}
.print_wrap .grid .grid_item.row_5 {
  grid-row: span 5;
}
.print_wrap .grid .grid_item.flex_c {
  justify-content: center;
  text-align: center;
}
.print_wrap .grid .grid_item.flex_e {
  justify-content: flex-end;
}
.print_wrap .grid .grid_item.border_lno {
  border-left: none;
}
.print_wrap .grid .grid_item.border_bno {
  border-bottom: none;
}
@media screen and (max-width: 767px) {
  .print_wrap .grid.grid01 {
    grid-template-columns: 43% 20% 37%;
  }
  .print_wrap .grid.grid02 {
    grid-template-columns: 15% 19% 30% 18% 18%;
  }
  .print_wrap .grid.grid03 {
    grid-template-columns: 11% 34% 11% 22% 22%;
  }
  .print_wrap .grid.grid04 {
    grid-template-columns: 15% 13% 14% 14% 14% 14% 16%;
  }
  .print_wrap .grid.grid05 {
    grid-template-columns: 20% 33% 20% 27%;
  }
  .print_wrap .grid.grid06 {
    grid-template-columns: 56% 22% 22%;
  }
  .print_wrap .grid .grid_item.sign::after {
    right: 10%;
  }
}

@media print {
  .modal_wrap .modal {
    top: 0;
    left: 0;
    transform: translate(0, 0);
  }
  .modal_top {
    display: none;
  }
  .btn_wrap {
    display: none;
  }
}
.best_gallery {
  position: relative;
  min-width: auto; /* 250612 VSFS-5-해상도배너 - 100% -> auto */
  max-width: 1920px; /* 250612 VSFS-5-해상도배너 - 추가 */
  width: 100%;
  padding: 0;
  max-height: 480px;
  overflow: hidden;
}
.best_gallery iframe,
.best_gallery video {
  aspect-ratio: 4/1;
}
.best_gallery .gallery_item.active {
  display: block;
  opacity: 1;
}
.best_gallery .gallery_item.anim-start {
  display: block;
  transition: opacity 0.2s ease;
}
.best_gallery .gallery_item .txt_wrap {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  justify-content: flex-start;
  flex-direction: column;
  position: absolute;
  left: 0;
  top: 56px;
  width: 100%;
  height: 100%;
  color: #fff;
  text-align: center;
  pointer-events: none;
  z-index: 1;
}
.best_gallery .gallery_item .txt_wrap .stit {
  margin-bottom: 5px;
  font-size: 1.5rem;
}
.best_gallery .gallery_item .txt_wrap .htit {
  font-size: 3.5rem;
  font-weight: 700;
  line-height: 2.875rem;
}
.best_gallery .gallery_item .img_wrap {
  height: 100%;
}
.best_gallery .gallery_item .img_wrap.poster {
  position: absolute;
  width: 100%;
  height: auto;
  aspect-ratio: 4/1;
}
.best_gallery .best_thumb_wrap {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  position: absolute;
  left: 50%;
  top: 60px;
  width: 1192px;
  height: 100%;
  transform: translateX(-50%);
  pointer-events: none;
  z-index: 9;
}
.best_gallery .best_thumb_wrap .thumb_item {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  justify-content: space-between;
  column-gap: 6px;
  position: relative;
  width: 180px;
  height: 60px;
  padding: 0 16px 0 20px;
  background-color: #fff;
  border-bottom: 1px solid #eee;
  pointer-events: visible;
}
.best_gallery .best_thumb_wrap .thumb_item:first-child {
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
}
.best_gallery .best_thumb_wrap .thumb_item:last-child {
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
}
.best_gallery .best_thumb_wrap .thumb_item .item_tit {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  font-size: 0.875rem;
  color: #333;
  line-height: 1.2;
  word-break: keep-all;
  white-space: normal;
  overflow: hidden;
}
.best_gallery .best_thumb_wrap .thumb_item .thumb_img {
  flex: 0 0 40px;
  height: 40px;
  overflow: hidden;
}
.best_gallery .best_thumb_wrap .thumb_item .item_border {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.best_gallery .best_thumb_wrap .thumb_item .item_border.active {
  border: 1px solid rgba(66, 133, 244, 0.7);
}
.best_gallery .swiper_nav_wrap {
  z-index: 1;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  max-width: 1440px; /* 1484px -> 1440px */
}
.best_gallery .swiper-pagination_wrap {
  position: relative;
  min-width: 1192px;
  max-width: 1352px;
  margin: 0 auto;
}
.best_gallery .swiper-pagination {
  z-index: 1;
  position: absolute;
  bottom: 60px; /* 28px -> 60px */
  right: 80px; /* 104px -> 0px */
  display: flex;
  align-items: center;
  justify-content: center;
  width: auto; /* width:64px -> auto */
  height: 24px;
  padding: 0 10px;
  color: rgba(255, 255, 255, 0.7); /* $color-white -> rgba(255, 255, 255, 0.7); */
  font-size: 0.875rem; /* $fs-m -> fs-sm */
  font-weight: 500;
  border-radius: 20px;
  line-height: 24px; /* 1.2 -> 24px; */
  letter-spacing: 0;
  font-family: "figtree";
}
.best_gallery .swiper-pagination-current {
  margin-right: 2px;
  color: #fff;
}
.best_gallery .swiper-pagination-total {
  margin-left: 2px;
}
.best_gallery .swiper_prev, .best_gallery .swiper_next {
  width: 28px; /* 46px -> 28px */
  height: 48px; /* 80px -> 48px; */
  transition: all 0.5s ease 0s;
  opacity: 1;
  border-radius: 100%;
  top: 50%;
  transform: translateY(-50%);
}
.best_gallery .swiper_prev::before, .best_gallery .swiper_next::before {
  width: 100%;
  height: 100%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.best_gallery .swiper_prev::before {
  background: url("../img/icon/ico_chevron_left_w.svg") center/100% no-repeat;
  background-image: url("../img/icon/ico_46_hero_swiper_arr_prev.svg");
}
.best_gallery .swiper_next::before {
  background: url("../img/icon/ico_chevron_right_w.svg") center/100% no-repeat;
  background-image: url("../img/icon/ico_46_hero_swiper_arr_next.svg");
}
@media screen and (max-width: 1483px) {
  .best_gallery .swiper_prev {
    left: 20px;
  }
  .best_gallery .swiper_next {
    right: 20px;
  }
}
.best_gallery:hover .swiper_prev, .best_gallery:hover .swiper_next {
  opacity: 1;
}

/* 250617 VSFS-26 swiperSlide */
.cate_nav {
  margin-top: 50px;
  padding-bottom: 30px;
}
.cate_nav ul {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: center;
  justify-content: center;
  justify-content: space-between;
  /* column-gap: 51px; */
  flex-wrap: wrap;
}
.cate_nav ul li > a {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: center;
  justify-content: center;
  flex-direction: column;
  transition: background-image 0.3s linear;
}
.cate_nav ul li > a:hover .img_wrap img.over {
  display: block;
  z-index: 9;
}
.cate_nav ul li > a.select .img_wrap img.on {
  display: block;
  z-index: 9;
}
.cate_nav ul li .img_wrap {
  position: relative;
  width: 104px;
  height: 104px;
  border-radius: 42%;
  overflow: hidden;
}
.cate_nav ul li .img_wrap img {
  position: absolute;
}
.cate_nav ul li .img_wrap img.over {
  display: none;
  z-index: -1;
}
.cate_nav ul li .img_wrap img.on {
  display: none;
  z-index: -1;
}
.cate_nav ul li p {
  margin-top: 4px;
  white-space: nowrap;
  font-size: 1.125rem;
  font-weight: 500;
  text-align: center;
  line-height: 28px;
}

source:not([srcset]) ~ img.lazyloaded {
  visibility: hidden;
}

source[srcset=""] ~ img.lazyloaded {
  visibility: hidden;
}

img.lazyloaded[src=""] {
  visibility: hidden;
}

img.lazyload:not([src]) {
  visibility: hidden;
}

.prdlist_conts {
  display: flex;
  flex-wrap: wrap;
  column-gap: 32px;
  row-gap: 40px;
}
.prdlist_conts:has(.swiper-wrapper) {
  position: relative;
  row-gap: 0;
  max-width: 1192px;
  padding: 0 32px;
  margin: 0 auto;
  overflow: hidden;
}
.prdlist_conts.col1 {
  justify-content: center;
}
.prdlist_conts.col1 .prd_list_item {
  width: 50%;
}
.prdlist_conts.col2 .prd_list_item {
  width: calc((100% - 40px) / 2);
}
.prdlist_conts.col3 .prd_list_item {
  width: calc((100% - 64px) / 3);
}
.prdlist_conts.col4 .prd_list_item {
  width: calc((100% - 80px) / 4);
}
.prdlist_conts.col5 {
  column-gap: 24px;
}
.prdlist_conts.col5 .prd_list_item {
  width: calc((100% - 96px) / 5);
}
.prdlist_conts.type_list {
  flex-direction: column;
}
.prdlist_conts.type_list .prd_list_item {
  width: 100%;
}
.prdlist_conts.type_list .prd_list_item > a {
  display: flex;
  align-items: center;
}
.prdlist_conts.type_list .prd_list_item .prd_item_wrap {
  position: relative;
  width: 100%;
  padding: 0 32px;
}
.prdlist_conts.type_list .prd_list_item .prd_review {
  position: absolute;
  right: 32px;
  top: 50%;
}
.prdlist_conts .swiper-wrapper {
  display: flex;
}
.prdlist_conts.other_prd .swiper_prev,
.prdlist_conts.other_prd .swiper_next {
  height: 200px;
}
.prdlist_conts .swiper_prev,
.prdlist_conts .swiper_next {
  height: 280px;
}

.prdlist_wrap.pos_btm {
  min-width: 100%;
  padding: 80px 0;
  background-color: #F6F6F6;
}
.prdlist_wrap .cate_tit {
  margin-bottom: 16px;
  font-size: 2rem;
  text-align: center;
  font-weight: 700;
  line-height: 46px;
}
.prdlist_wrap .hd_txt {
  margin-bottom: 24px;
  font-family: "figtree";
  font-size: 1.5rem;
  line-height: 1.2;
}
.prdlist_wrap .item_tag_list {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: center;
  justify-content: center;
  column-gap: 6px;
  margin-bottom: 40px;
}
.prdlist_wrap .item_tag_list li input {
  position: absolute;
  overflow: hidden;
  appearance: none;
}
.prdlist_wrap .item_tag_list li input:checked + label {
  background: #333;
  border: 0;
  color: #fff;
  font-weight: 500;
}
.prdlist_wrap .item_tag_list li label {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  justify-content: flex-start;
  padding: 0 16px;
  height: 40px;
  border: 1px solid #eee;
  border-radius: 20px;
  font-size: 1rem;
  text-align: center;
  font-weight: 400;
  white-space: nowrap;
  cursor: pointer;
}
.prdlist_wrap .item_tag_list li label em {
  color: #fff;
  font-weight: 500;
  line-height: 24px;
}
.prdlist_wrap .prd_banner + .prdlist_conts {
  margin-top: 40px;
}
.prdlist_wrap .prd_list_item {
  width: calc((100% - 96px) / 4);
}
.prdlist_wrap .prd_list_item.soldout .prd_img_wrap {
  position: relative;
}
.prdlist_wrap .prd_list_item.soldout .prd_img_wrap::before {
  position: absolute;
  inset: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  background: rgba(0, 0, 0, 0.6);
  font-family: "figtree";
  font-size: 1.7rem;
  color: #fff;
  z-index: 2;
  border-radius: 4px;
  content: "SOLD OUT";
}
.prdlist_wrap .prd_list_item .prd_img_wrap {
  position: relative;
  flex: 0 0 200px;
}
.prdlist_wrap .prd_list_item .prd_img_wrap .util_side {
  display: flex;
  justify-content: flex-end;
  position: absolute;
  left: 10px;
  right: 10px;
  top: 10px;
  bottom: 10px;
  pointer-events: none;
  z-index: 1;
}
.prdlist_wrap .prd_list_item .prd_img_wrap .util_side > * {
  pointer-events: visible;
}
.prdlist_wrap .prd_list_item .prd_img_wrap .util_side .btn_like {
  position: absolute;
  right: 0;
  bottom: 0;
  width: 40px;
  height: 40px;
  background: rgba(255, 255, 255, 0.6) url("../img/icon/ico_heart_off.svg") center/24px no-repeat;
  border-radius: 100%;
}
.prdlist_wrap .prd_list_item .prd_img_wrap .util_side .btn_like.active {
  background-image: url("../img/icon/ico_heart_on.svg");
}
.prdlist_wrap .prd_list_item .prd_img_wrap .util_side .btn_like {
  position: absolute;
  right: 0;
  bottom: 0;
  width: 40px;
  height: 40px;
  background: rgba(255, 255, 255, 0.6) url("../img/icon/ico_heart_off.svg") center/24px no-repeat;
  border-radius: 100%;
}
.prdlist_wrap .prd_list_item .prd_img_wrap .util_side .btn_like.active {
  background-image: url("../img/icon/ico_heart_on.svg");
}
.prdlist_wrap .prd_list_item .prd_img_wrap .util_side .btn_bag {
  position: absolute;
  right: 0;
  bottom: 0;
  width: 40px;
  height: 40px;
  background: rgba(255, 255, 255, 0.6) url("../img/icon/ico_24_prd_bag_pc.svg") center/24px no-repeat;
  border-radius: 100%;
}
.prdlist_wrap .prd_list_item .prd_img_wrap .util_side .btn_bag[data-saltype="04"] {
  display: none !important;
}
.prdlist_wrap .prd_list_item .prd_img_wrap .item_img {
  overflow: hidden;
  position: relative;
  padding-bottom: 100%;
  width: 100%;
  height: 100%;
  border-radius: 4px;
  background-size: 21.715328%;
  background-position: center 45%;
}
.prdlist_wrap .prd_list_item .prd_img_wrap .item_img::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #e6e6e6;
  text-align: center;
  color: #CDCCCC;
  font-size: 18px;
  font-weight: 500;
  font-family: "Noto Sans";
}
.prdlist_wrap .prd_list_item .prd_img_wrap .item_img img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 4px;
  transition: transform 0.3s;
}
.prdlist_wrap .prd_list_item .prd_img_wrap .item_img img:hover {
  transform: scale(1.04);
}
.prdlist_wrap .prd_list_item .prd_item_wrap .item_title {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  margin-top: 14px;
  margin-bottom: 3px;
  font-size: 1.125rem;
  line-height: 28px;
  word-break: keep-all;
  white-space: normal;
  overflow: hidden;
}
.prdlist_wrap .prd_list_item .prd_item_wrap .prd_price {
  display: -webkit-box;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  margin-bottom: 0px; /* margin-bottom: 10px; 250626 KBGM-106-메인슬라이드상품개수표시 */
}
.prdlist_wrap .prd_list_item .prd_item_wrap .prd_price .discount {
  font-family: "figtree";
  color: #2581c4;
  margin-right: 5px;
  font-size: 1.375rem;
  font-weight: 700;
  line-height: 26px;
}
.prdlist_wrap .prd_list_item .prd_item_wrap .prd_price .item_price {
  display: inline-flex;
  align-items: center;
  font-family: "figtree";
  font-size: 1.375rem;
  font-weight: 700;
  line-height: 32px;
  letter-spacing: -0.5px;
}
.prdlist_wrap .prd_list_item .prd_item_wrap .prd_price .item_price span {
  line-height: 1;
}
.prdlist_wrap .prd_list_item .prd_item_wrap .prd_price .item_price em {
  font-family: "Noto Sans";
  font-size: 1.125rem;
  font-weight: 700;
  line-height: 1;
  padding-bottom: 2px;
}
.prdlist_wrap .prd_list_item .prd_item_wrap .prd_price .origin_price {
  flex: 1 0 100%;
  font-family: "figtree";
  color: #9a9999;
  font-size: 0.875rem;
  line-height: 24px;
  text-decoration: line-through;
}
.prdlist_wrap .prd_list_item .prd_item_wrap .badge_wrap {
  margin-top: 6px; /* margin-top: 8px 250626 KBGM-106-메인슬라이드상품개수표시 */
}
.prdlist_wrap .prd_list_item .prd_review {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  justify-content: flex-start;
}
.prdlist_wrap .prd_list_item .prd_review .rate::after {
  content: "";
  display: inline-block;
  width: 1px;
  height: 10px;
  background-color: #cdcccc;
  margin: 0 6px;
  vertical-align: middle;
}
.prdlist_wrap .prd_list_item .prd_review .item_rate {
  width: auto;
  height: auto;
  margin-right: 4px;
}
.prdlist_wrap .prd_list_item .prd_review .item_rate_txt {
  font-family: "figtree";
  font-size: 0.875rem;
  color: #676766;
  line-height: 24px;
}
.prdlist_wrap .prd_list_item .prd_review .item_rate_txt::after {
  content: "";
  display: inline-block;
  width: 1px;
  height: 10px;
  background-color: #cdcccc;
  margin: 0 6px;
  vertical-align: middle;
}
.prdlist_wrap .prd_list_item .prd_review .item_rate_num {
  font-family: "figtree";
  font-size: 0.875rem;
  color: #676766;
  line-height: 24px;
}

.slide_banner {
  position: relative;
}
.slide_banner .swiper-slide {
  height: 100%;
}
.slide_banner.type02 {
  max-width: 1192px;
  margin-top: 40px;
  overflow: hidden;
}
.slide_banner .swiper_cont_wrap {
  position: absolute;
  left: 50%;
  top: 0;
  width: 1380px;
  height: 100%;
  transform: translateX(-50%);
  z-index: 99;
  pointer-events: none;
}
.slide_banner .swiper_cont_wrap .swiper-pagination {
  right: 60px;
  bottom: 10px;
}
.slide_banner .swiper_cont_wrap .swiper_prev::before {
  background: url("../img/icon/ico_chevron_left_w.svg") center/32px no-repeat;
  pointer-events: visible;
}
.slide_banner .swiper_cont_wrap .swiper_next::before {
  background: url("../img/icon/ico_chevron_right_w.svg") center/32px no-repeat;
  pointer-events: visible;
}

.user_case_wrap {
  display: flex;
  column-gap: 40px;
}
.user_case_wrap .card_box {
  position: relative;
  flex-basis: 440px;
  flex-shrink: 0;
  max-height: 720px;
}
.user_case_wrap .card_box .person {
  position: absolute;
  left: 0;
  top: 150px;
  width: 100%;
  color: #FFF;
  text-align: center;
  vertical-align: text-bottom;
}
.user_case_wrap .card_box .person span {
  font-family: "figtree";
  font-size: 12.5rem;
  color: #fff;
  text-shadow: 4px 4px 8px rgba(0, 0, 0, 0.1);
  font-weight: 700;
  line-height: 0.7;
}
.user_case_wrap .card_box .person em {
  font-size: 3.75rem;
  color: #fff;
  vertical-align: 36px;
}
.user_case_wrap .member_swipe {
  display: flex;
  flex-wrap: wrap;
  column-gap: 32px;
  row-gap: 40px;
  flex: 1;
  width: 440px;
}
.user_case_wrap .member_swipe .prd_list_item {
  width: calc((100% - 64px) / 3);
}

.link_more {
  position: relative;
  display: block;
  height: 100%;
}

.new_item_wrap {
  display: flex;
  justify-content: space-between;
  gap: 100px;
  position: relative;
  width: 1192px;
  margin: 0 auto;
}
.new_item_wrap .bg_img {
  position: absolute;
  top: 0;
  left: 50%;
  right: 0;
  width: 100%;
  min-width: 100vw;
  height: 288px;
  z-index: -1;
  transform: translateX(-50%);
}
.new_item_wrap .bg_img img {
  max-width: 1920px;
  margin: 0 auto;
  display: block;
}
.new_item_wrap .txt_wrap {
  flex-shrink: 0;
  margin-top: 68px;
}
.new_item_wrap .txt_wrap .htit {
  font-size: 2.25rem;
  color: #FFF;
  line-height: 1.2;
}
.new_item_wrap .txt_wrap .desc {
  margin-top: 5px;
  font-size: 1.125rem;
  color: #FFF;
  line-height: 28px;
}
.new_item_wrap .txt_wrap {
  background: url("../img/icon/ico_new_w.svg") left 100px/64px no-repeat;
}
.new_item_wrap .swiper {
  overflow: hidden;
}
.new_item_wrap .prdlist_conts {
  flex-wrap: nowrap;
  flex: 0 0 880px;
  justify-content: center;
  margin-top: 80px;
  min-width: 886px;
}

.oneday_sale {
  display: flex;
}
.oneday_sale .txt_wrap {
  flex-basis: 440px;
}
.oneday_sale .txt_wrap .htit {
  margin-bottom: 5px;
  font-size: 2.25rem;
  color: #333;
  line-height: 1.2;
}
.oneday_sale .txt_wrap .desc {
  color: #676766;
  font-size: 1.125rem;
  line-height: 28px;
}
.oneday_sale .txt_wrap .time_count {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  justify-content: flex-start;
  margin-top: 18px;
  font-family: "figtree";
  font-size: 3rem;
  font-weight: 600;
}
.oneday_sale .txt_wrap .time_count::before {
  content: "";
  display: inline-block;
  width: 56px;
  height: 56px;
  margin-right: 4px;
  background: url("../img/icon/ico_time_pri.svg") center/100% no-repeat;
}
.oneday_sale .prdlist_conts {
  width: 840px;
}

.theme_tab_wrap .cate_tit {
  margin-bottom: 40px;
}
.theme_tab_wrap .tab_cont_wrap {
  display: flex;
  flex-direction: row-reverse;
  column-gap: 40px;
}
.theme_tab_wrap .tab_cont_wrap .tab_menu {
  width: 290px;
}
.theme_tab_wrap .tab_cont_wrap .tab_menu ul {
  display: flex;
  flex-direction: column;
  row-gap: 8px;
}
.theme_tab_wrap .tab_cont_wrap .tab_menu ul .tab_list > button {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 68px;
  padding: 0 80px;
  border-radius: 2px;
  border: 1px solid #eee;
}
.theme_tab_wrap .tab_cont_wrap .tab_menu ul .tab_list > button > span {
  font-size: 1.25rem;
  font-weight: 500;
  line-height: 1;
}
.theme_tab_wrap .tab_cont_wrap .tab_menu ul .tab_list.current > button {
  border: 1px solid #333;
  background-color: #333;
}
.theme_tab_wrap .tab_cont_wrap .tab_menu ul .tab_list.current > button > span {
  font-weight: 700;
  color: #fff;
}
.theme_tab_wrap .tab_cont_wrap .tab_cont {
  position: relative;
  height: 448px;
  flex: 0 0 calc(100% - 330px);
}
.theme_tab_wrap .tab_cont_wrap .tab_cont::before {
  z-index: -1;
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #e6e6e6;
}
.theme_tab_wrap .tab_cont_wrap .tab_cont .tab_cont_item {
  display: none;
  height: 100%;
}
.theme_tab_wrap .tab_cont_wrap .tab_cont .tab_cont_item.current {
  display: block;
}

.shop_webzine ul {
  display: flex;
}
.shop_webzine ul li {
  width: 33.3333333333%;
}
.shop_webzine ul li:nth-child(2) .inbox {
  height: 360px;
}
.shop_webzine ul li .inbox {
  position: relative;
  display: block;
  height: 720px;
}
.shop_webzine ul li .inbox::after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgba(0, 0, 0, 0.5);
  z-index: 5;
  transition: 0.5s; /* 20240416 추가 */
}
.shop_webzine ul li .inbox:hover .txt_wrap .news_tit {
  transform: scale(1.1);
}
.shop_webzine ul li .inbox {
  /* 20240416 추가 */
}
.shop_webzine ul li .txt_wrap {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 9;
}
.shop_webzine ul li .txt_wrap .news_tit {
  padding: 0 30px;
  font-family: "figtree";
  font-size: 2rem;
  color: #FFF;
  text-align: center;
  font-weight: 700;
  line-height: 2.875rem;
  transition: 0.5s;
}
.shop_webzine ul li .txt_wrap .date {
  margin-top: 5px;
  font-family: "figtree";
  font-size: 0.875rem;
  color: #FFF;
  text-align: center;
  line-height: 1.5rem;
}

.total_cate_wrap ul {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  row-gap: 24px;
  padding: 24px 0px;
  border-radius: 4px;
  border: 1px solid #eee;
  background: #F6F6F6;
}
.total_cate_wrap ul li {
  width: 25%;
  text-align: center;
}
.total_cate_wrap ul li a {
  font-size: 1.125rem;
  font-family: "figtree";
  line-height: 1.2;
  text-align: center;
}
.total_cate_wrap ul li a:hover, .total_cate_wrap ul li a.on {
  font-weight: 700;
  text-decoration: underline;
}
.total_cate_wrap .slide_banner .swiper_cont_wrap {
  width: 100%;
}
.total_cate_wrap .slide_banner .swiper_cont_wrap .swiper-pagination {
  right: 10px;
}

.cate_main_banner {
  width: 1192px;
}

.category_search_cont {
  position: relative;
  max-width: 1192px;
  margin-top: 40px;
  padding: 0;
  overflow: visible;
}
.category_search_cont:has(.category_filter) {
  display: flex;
  justify-content: space-between;
  column-gap: 40px;
  min-height: 100vh;
}
.category_search_cont:has(.category_filter) .cate_depth_wrap {
  width: 100%;
}
.category_search_cont:has(.category_filter) .cate_depth_wrap .prdlist_wrap .prdlist_conts .prd_list_item {
  width: calc((100% - 64px) / 3);
}
.category_search_cont .category_filter {
  position: sticky;
  top: 155px;
  left: 0;
  bottom: 40px;
  height: calc(100vh - 80px);
  overflow: hidden scroll;
  overscroll-behavior: auto;
  scrollbar-width: none;
  width: 300px;
  z-index: 2;
  flex-shrink: 0;
}
.category_search_cont .category_filter .hd_inner {
  display: flex;
  flex-direction: column;
  padding: 24px 0;
  border-top: 1px solid #333;
  border-bottom: 1px solid #cdcccc;
}
.category_search_cont .category_filter .hd_inner h3 {
  font-size: 1.5rem;
  line-height: 1.2;
}
.category_search_cont .category_filter .hd_inner > button {
  align-self: flex-end;
  margin-top: 15px;
}
.category_search_cont .category_filter .acco_wrap {
  margin-top: 24px;
  border-bottom: 1px solid #eee;
}
.category_search_cont .category_filter .acco_wrap .acco {
  border-bottom: 1px solid #eee;
}
.category_search_cont .category_filter .acco_wrap .acco.active .ico_acco02::before {
  transform: translate3d(-50%, -50%, 0) rotate(180deg);
}
.category_search_cont .category_filter .acco_wrap .acco.active .acco_cont {
  display: block;
}
.category_search_cont .category_filter .acco_wrap .acco + .acco {
  margin-top: 0;
}
.category_search_cont .category_filter .acco_wrap .acco .ico_acco02::before {
  transition: transform 0.2s linear;
}
.category_search_cont .category_filter .acco_wrap .acco_head {
  padding: 14px 0;
  border-bottom: 0;
}
.category_search_cont .category_filter .acco_wrap .acco_head .tit {
  font-size: 1.125rem;
}
.category_search_cont .category_filter .acco_wrap .acco_cont {
  display: none;
}
.category_search_cont .category_filter .acco_wrap .acco_cont ul {
  display: -webkit-box;
  display: flex;
  flex-direction: column;
  row-gap: 16px;
  padding: 8px 12px 10px;
}
.category_search_cont .category_filter .acco_wrap .acco_cont ul li {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  justify-content: space-between;
}
.category_search_cont .category_filter .acco_wrap .acco_cont ul li .cs_total {
  color: #9a9999;
}
.category_search_cont .cate_depth_wrap {
  width: 100%;
}
.category_search_cont .cate_depth_wrap .depth_header {
  z-index: 3;
  position: relative;
  margin-bottom: 24px;
  padding: 24px 0;
  border-top: 1px solid #333;
  border-bottom: 1px solid #cdcccc;
}
.category_search_cont .cate_depth_wrap .depth_header .result_txt {
  font-family: "Figtree";
  font-size: 1.5rem;
  line-height: 1;
}
.category_search_cont .cate_depth_wrap .depth_header .sort_option {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  justify-content: space-between;
  margin: 20px 0 0;
}
.category_search_cont .cate_depth_wrap .depth_header .sort_option .view_select {
  display: flex;
  column-gap: 6px;
}
.category_search_cont .cate_depth_wrap .depth_header .sort_option .view_select button:active, .category_search_cont .cate_depth_wrap .depth_header .sort_option .view_select button.active {
  background: #676766;
  color: #fff;
}
.category_search_cont .cate_depth_wrap .depth_header .sort_option .view_select button:active .ico_board_list::before, .category_search_cont .cate_depth_wrap .depth_header .sort_option .view_select button.active .ico_board_list::before {
  background-image: url("../img/icon/ico_board_list_w.svg");
}
.category_search_cont .cate_depth_wrap .depth_header .sort_option .view_select button:active .ico_board_menu::before, .category_search_cont .cate_depth_wrap .depth_header .sort_option .view_select button.active .ico_board_menu::before {
  background-image: url("../img/icon/ico_board_menu_w.svg");
}
.category_search_cont .cate_depth_wrap .prdlist_wrap .prdlist_conts {
  row-gap: 80px;
}
.category_search_cont .cate_depth_wrap .prdlist_wrap .prdlist_conts.type_list {
  row-gap: 16px;
}
.category_search_cont .cate_depth_wrap .prdlist_wrap .prdlist_conts.type_list .prd_list_item {
  width: 100%;
  padding-bottom: 16px;
  border-bottom: 1px solid #eee;
}
.sort_wrap ul {
  display: flex;
  flex-direction: row;
  column-gap: 16px;
}
.sort_wrap ul li {
  display: flex;
  align-items: center;
  font-size: 0.875rem;
  color: #676766;
  cursor: pointer;
}
.sort_wrap ul li:last-child::after {
  display: none;
}
.sort_wrap ul li::after {
  content: "";
  display: inline-block;
  width: 1px;
  height: 16px;
  margin-left: 16px;
  background-color: #cdcccc;
}
.sort_wrap ul li.active {
  color: #333;
  font-weight: 700;
}

.product_content_wrap section .page_tit_wrap {
  margin-top: 40px;
  align-items: center;
}
.product_content_wrap section .page_tit_wrap:first-child {
  margin-top: 0px;
}
.product_content_wrap section .page_tit_wrap .btn {
  padding: 0 20px;
  color: #333;
  font-size: 14px;
}
.product_content_wrap section .page_tit_wrap .btn img {
  display: inline-block;
  width: 42px;
  height: 25px;
  margin-right: 6px;
  vertical-align: -6px;
}
.product_content_wrap section#page01 {
  position: relative;
}
.product_content_wrap section#page01.short {
  height: 633px;
}
.product_content_wrap section#page01.short .btn_spread {
  position: absolute;
  left: 50%;
  bottom: 0;
  width: calc(100% - 160px);
  padding-bottom: 20px;
  transform: translateX(-50%);
}
.product_content_wrap section#page01.short .btn_spread::before {
  position: absolute;
  left: 50%;
  bottom: 68px;
  min-width: 1192px;
  max-width: 1352px;
  height: 160px;
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 5%, rgba(255, 255, 255, 0.8));
  transform: translateX(-50%);
  z-index: 11;
  content: "";
}
.product_content_wrap section#page01.short .btn_spread .btn i {
  transform: rotate(0);
  vertical-align: -8px;
}
.product_content_wrap section#page01 .btn_spread {
  padding-bottom: 20px;
  margin-top: 40px;
}
.product_content_wrap section#page01 .btn_spread::after {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 20px;
  background: #fff;
  z-index: -1;
  content: "";
}
.product_content_wrap section#page01 .btn_spread .btn {
  box-shadow: 0 10px 10px 0 rgba(80, 80, 80, 0.1);
}
.product_content_wrap section#page01 .btn_spread .btn i {
  transform: rotate(180deg);
  transition: 0.3s;
  vertical-align: -5px;
}

.item_detail_contain {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  justify-content: space-between;
  align-items: flex-start;
  column-gap: 60px;
  margin-top: 0;
  overflow: visible;
}
.item_detail_contain .item_view_info {
  flex-basis: 676px;
  flex-shrink: 0;
}
.item_detail_contain .item_view_info .prd_view_thumb {
  width: 676px;
}
.item_detail_contain .item_view_info .prd_view_thumb dl {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: center;
  justify-content: center;
  align-items: flex-start;
  column-gap: 20px;
}
.item_detail_contain .item_view_info .prd_view_thumb dl dt {
  max-width: 576px;
  border-radius: 4px;
  overflow: hidden;
}
.item_detail_contain .item_view_info .prd_view_thumb dl dt li {
  width: 576px !important;
  height: 576px;
}
.item_detail_contain .item_view_info .prd_view_thumb dl dd ul {
  display: flex;
  flex-direction: column;
  row-gap: 8px;
}
.item_detail_contain .item_view_info .prd_view_thumb dl dd ul li {
  position: relative;
  display: block;
  width: 80px;
  height: 80px !important;
  max-height: 80px;
  background: #F5F5F5;
  cursor: pointer;
}
.item_detail_contain .item_view_info .prd_view_thumb dl dd ul li.swiper-slide-thumb-active::after, .item_detail_contain .item_view_info .prd_view_thumb dl dd ul li:hover::after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: calc(100% - 4px);
  height: calc(100% - 4px);
  display: block;
  border: 2px solid #333;
  border-radius: 2px;
  z-index: 5;
}
.item_detail_contain .item_info_side {
  flex-basis: 100%;
}
.item_detail_contain .item_info_side .maker {
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  font-size: 0.875rem;
  color: #9a9999;
  line-height: 1.25rem;
  letter-spacing: 0.5px;
  text-overflow: ellipsis;
  word-wrap: normal;
  overflow: hidden;
}
.item_detail_contain .item_info_side .maker::after {
  content: "";
  display: inline-block;
  width: 24px;
  height: 24px;
  margin-left: 4px;
  background: url("../img/icon/ico_chevron_right_g.svg") center/100% no-repeat;
  vertical-align: middle;
}
.item_detail_contain .item_info_side .prd_tit_info {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  justify-content: space-between;
}
.item_detail_contain .item_info_side .prd_tit_info .prd_title {
  width: calc(100% - 48px);
  font-size: 2rem;
  font-weight: 700;
  line-height: 1.5;
}
.item_detail_contain .item_info_side .prd_tit_info .btn_share {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 48px;
  height: 48px;
  border: 1px solid #eee;
  border-radius: 100%;
}
.item_detail_contain .item_info_side .prd_tit_info .btn_share::before {
  content: "";
}
.item_detail_contain .item_info_side .review_grade {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  justify-content: flex-start;
  margin-top: 24px;
  color: #676766;
  font-family: "figtree";
  font-size: 0.875rem;
  line-height: 24px;
}
.item_detail_contain .item_info_side .review_grade .grade_num .ico_flag {
  padding-left: 80px;
  margin-right: 20px;
  background: url("../img/icon/ico_star_empty.svg") center/16px repeat-x;
}
.item_detail_contain .item_info_side .review_grade .grade_num .ico_flag::after {
  content: "";
  position: absolute;
  left: 0;
  width: 100%;
  height: 100%;
}
.item_detail_contain .item_info_side .review_grade .grade_num .ico_flag.lev_1::after {
  width: 16px;
  background: url("../img/icon/ico_star_fill.svg") 0/16px repeat-x;
}
.item_detail_contain .item_info_side .review_grade .grade_num .ico_flag.lev_2::after {
  width: 32px;
  background: url("../img/icon/ico_star_fill.svg") 0/16px repeat-x;
}
.item_detail_contain .item_info_side .review_grade .grade_num .ico_flag.lev_3::after {
  width: 48px;
  background: url("../img/icon/ico_star_fill.svg") 0/16px repeat-x;
}
.item_detail_contain .item_info_side .review_grade .grade_num .ico_flag.lev_4::after {
  width: 64px;
  background: url("../img/icon/ico_star_fill.svg") 0/16px repeat-x;
}
.item_detail_contain .item_info_side .review_grade .grade_num .ico_flag.lev_5::after {
  width: 80px;
  background: url("../img/icon/ico_star_fill.svg") 0/16px repeat-x;
}
.item_detail_contain .item_info_side .review_grade .grade_num span {
  padding-left: 2px;
}
.item_detail_contain .item_info_side .review_grade .txt_num {
  line-height: 24px;
}
.item_detail_contain .item_info_side .review_grade .txt_num::before {
  content: "";
  display: inline-block;
  width: 1px;
  height: 10px;
  margin: 0 6px;
  background: #cdcccc;
}
.item_detail_contain .item_info_side .item_price_wrap {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  justify-content: flex-start;
  margin-top: 10px;
  margin-bottom: 24px;
  padding-bottom: 24px;
  border-bottom: 1px solid #eee;
  font-family: "figtree";
  font-size: 2.375rem;
  line-height: 1;
  align-items: flex-start;
  flex-direction: column;
  gap: 5px;
}
.item_detail_contain .item_info_side .item_price_wrap .rate {
  font-size: 2.375rem;
  font-weight: 700;
  color: #2581c4;
}
.item_detail_contain .item_info_side .item_price_wrap .price_value {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: center;
  justify-content: center;
  font-weight: 700;
}
.item_detail_contain .item_info_side .item_price_wrap .price_value em {
  font-family: "Noto Sans";
  font-size: 1.4rem;
  display: inline-block;
  vertical-align: 3px;
}
.item_detail_contain .item_info_side .item_price_wrap .price_reg {
  margin-left: 8px;
  color: #9a9999;
  font-size: 1.625rem;
  font-weight: 400;
  text-decoration: line-through;
}
.item_detail_contain .item_info_side .item_price_wrap .price_reg em {
  vertical-align: 1px;
}
.item_detail_contain .item_info_side .item_price_wrap .price_final {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  justify-content: flex-start;
  flex-wrap: wrap;
  gap: 10px;
  width: 100%;
  font-weight: 700;
  color: #e6313a;
}
.item_detail_contain .item_info_side .item_price_wrap .price_final span {
  display: inline-block;
}
.item_detail_contain .item_info_side .item_price_wrap .price_final em {
  font-family: "Noto Sans";
  font-size: 1.75rem;
  display: inline-block;
  vertical-align: 3px;
}
.item_detail_contain .item_info_side .item_price_wrap .price_final_txt {
  margin: 5px auto 0 0;
  font-family: "Noto Sans";
  font-size: 18px;
}
.item_detail_contain .item_info_side .member_cont {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  justify-content: space-between;
  margin-bottom: 8px;
}
.item_detail_contain .item_info_side .member_cont .user_name {
  font-size: 1.125rem;
}
.item_detail_contain .item_info_side .point_cont {
  padding: 16px;
  background-color: #F6F6F6;
}
.item_detail_contain .item_info_side .point_cont dl {
  display: -webkit-box;
  display: flex;
  align-items: flex-start;
}
.item_detail_contain .item_info_side .point_cont dl + dl {
  margin-top: 12px;
  line-height: 20px;
}
.item_detail_contain .item_info_side .point_cont dl dt {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  justify-content: flex-start;
  min-width: 100px;
  padding-right: 20px;
  font-size: 0.875rem;
}
.item_detail_contain .item_info_side .point_cont dl dt i {
  margin-right: 4px;
}
.item_detail_contain .item_info_side .point_cont dl dd {
  font-size: 14px;
}
.item_detail_contain .item_info_side .point_cont dl dd .caut_txt {
  color: #676766;
}
.item_detail_contain .item_info_side .point_cont dl dd strong {
  font-family: "figtree";
}
.item_detail_contain .item_info_side .point_cont dl dd em {
  font-size: 14px;
}
.item_detail_contain .item_info_side .delivery_info {
  display: flex;
  flex-direction: column;
  row-gap: 4px;
  margin-top: 24px;
  font-size: 0.875rem;
}
.item_detail_contain .item_info_side .delivery_info .delv_txt strong {
  font-family: "figtree";
}
.item_detail_contain .item_info_side .delivery_info .delv_txt > i {
  width: 16px;
  height: 16px;
  margin-right: 4px;
}
.item_detail_contain .item_info_side .delivery_info .desc {
  font-family: "figtree";
  color: #676766;
  font-size: 0.75rem;
  line-height: 1.125rem;
}
.item_detail_contain .item_info_side .price_total_wrap {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  justify-content: space-between;
  margin-top: 24px;
}
.item_detail_contain .item_info_side .price_total_wrap .total_price strong {
  font-family: "figtree";
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 1.2;
}
.item_detail_contain .item_info_side .price_total_wrap .total_price em {
  font-family: "Noto Sans";
  font-size: 20px;
  font-weight: 700;
  line-height: 1.2;
  display: inline-block;
  vertical-align: 1px;
}
.item_detail_contain .item_info_side .btn_wrap {
  display: flex;
  gap: 4px;
  margin-top: 24px;
}
.item_detail_contain .item_info_side .btn_wrap.mo_fix.fixed {
  position: fixed;
  left: 0;
  bottom: 60px;
  padding: 8px 24px;
  z-index: 101;
  background: #fff;
}
.item_detail_contain .item_info_side .btn_wrap.mo_fix.fixed + .card_link {
  margin-top: 64px;
}
.item_detail_contain .item_info_side .btn_wrap .btn {
  width: 100%;
}
.item_detail_contain .item_info_side .btn_wrap .btn.lg {
  padding: 0;
}
.item_detail_contain .item_info_side .btn_wrap .btn_like {
  flex-shrink: 0;
  position: relative;
  width: 56px;
}
.item_detail_contain .item_info_side .btn_wrap .btn_like i[class*=ico] {
  width: 32px;
  height: 32px;
  margin-right: 0;
}
.item_detail_contain .item_info_side .btn_wrap .btn_like.active i[class*=ico] {
  animation: like 0.4s 1;
}
.item_detail_contain .item_info_side .btn_wrap .btn_like.active i[class*=ico]::before {
  background-image: url("../img/icon/ico_heart_on.svg");
  -webkit-mask-image: url("../img/icon/ico_heart_on.svg");
  mask-image: url("../img/icon/ico_heart_on.svg");
}
@keyframes like {
  0% {
    transform: scale(0.8);
  }
  40% {
    transform: scale(1.3);
  }
  100% {
    transform: scale(1);
  }
}
.item_detail_contain .item_info_side .card_link {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  justify-content: flex-start;
  margin-top: 12px;
  color: #676766;
  font-size: 0.875rem;
  line-height: 1.25rem;
}
.item_detail_contain .item_info_side .card_link::after {
  content: "";
  display: inline-block;
  width: 16px;
  height: 16px;
  margin-left: 4px;
  background: url("../img/icon/ico_chevron_right_g6.svg") center/100% no-repeat;
}
.item_detail_contain .item_info_side .pre_order {
  display: flex;
  align-items: flex-start;
  align-self: stretch;
  margin-top: 24px;
  padding: 16px 24px;
  gap: 16px;
  border: 1px solid #eee;
}
.item_detail_contain .item_info_side .pre_order .img_wrap {
  width: 64px;
  height: 64px;
}
.item_detail_contain .item_info_side .pre_order .name {
  font-size: 14px;
  font-weight: 600;
}
.item_detail_contain .item_info_side .pre_order .desc {
  margin-top: 4px;
  color: #676766;
  font-size: 14px;
  line-height: 1.4;
}

.best_review_cont {
  margin-top: 80px;
}
.best_review_cont .swiper.review_list {
  height: 230px;
}
.best_review_cont .swiper.review_list .review_conts {
  max-width: calc(100% - 126px);
}
.best_review_cont .swiper.review_list .review_conts .rev_txt {
  -webkit-line-clamp: 2;
}
.best_review_cont .swiper.review_list .img_wrap {
  flex: 0 0 106px;
  width: 106px;
  height: 106px;
}
.best_review_cont .swiper-wrapper {
  flex-wrap: wrap;
  flex-direction: column;
  row-gap: 16px;
}
.best_review_cont .swiper-wrapper .swiper-slide {
  width: calc((100% - 80px) / 2) !important;
  height: auto;
  padding-bottom: 0;
  margin-top: 0 !important;
  margin-bottom: 0;
  border-bottom: 0;
}
.best_review_cont .swiper_prev {
  left: -40px;
}
.best_review_cont .swiper_next {
  right: -40px;
}

.review_wrap {
  margin-top: 80px;
}

.review_header {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  justify-content: space-between;
  margin-bottom: 24px;
  padding: 24px 0;
  border-top: 1px solid #333;
  border-bottom: 1px solid #cdcccc;
}
.review_header .sort_wrap {
  column-gap: 6px;
}
.review_header .sort_wrap li {
  height: 40px;
  padding: 0 16px;
  border-radius: 20px;
  border: 1px solid #eee;
}
.review_header .sort_wrap li::after {
  display: none;
}
.review_header .sort_wrap li.active {
  background-color: #333;
  color: #fff;
}
.review_header .sort_opt_wrap {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  justify-content: flex-start;
}
.review_header .sort_opt_wrap .btn_group {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  justify-content: flex-start;
  margin-right: 24px;
}
.review_header .sort_opt_wrap .btn_group a {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  justify-content: flex-start;
  font-size: 0.875rem;
  color: #676766;
  white-space: nowrap;
}
.review_header .sort_opt_wrap .btn_group a:first-child:before {
  display: none;
}
.review_header .sort_opt_wrap .btn_group a:before {
  content: "";
  display: inline-block;
  width: 1px;
  height: 16px;
  margin: 0 16px;
  background-color: #cdcccc;
}
.review_header .sort_opt_wrap .btn_group a.active {
  color: #333;
  font-weight: 700;
}

.review_list {
  display: flex;
  position: relative;
  width: 100%;
}
.review_list > ul {
  width: 100%;
}
.review_list li {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  justify-content: space-between;
  column-gap: 20px;
  padding-bottom: 16px;
  margin-bottom: 16px;
  border-bottom: 1px solid #eee;
}
.review_list .review_conts {
  width: 100%;
}
.review_list .review_conts.pop_con {
  max-width: 100%;
}
.review_list .review_conts .btn_report {
  font-family: "figtree";
  color: #9a9999;
}
.review_list .review_conts .btn_report::before {
  content: "";
  display: inline-block;
  margin: 0 8px;
  width: 1px;
  height: 10px;
  background-color: #cdcccc;
}
.review_list .review_conts .rate .ico_like {
  margin-left: 10px;
}
.review_list .review_conts .rate .ico_like::before {
  width: 20px;
  height: 20px;
}
.review_list .review_conts .rate .ico_like.active::before {
  background: #e6313a;
}
.review_list .review_conts .rate .btn_report {
  line-height: 29px;
}
.review_list .review_conts .rate button {
  margin-left: 8px;
}
.review_list .review_conts .ps_info {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  justify-content: flex-start;
  margin-top: 5px;
  color: #9a9999;
}
.review_list .review_conts .ps_info .date {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  justify-content: flex-start;
  font-family: "figtree";
}
.review_list .review_conts .ps_info .date::before {
  content: "";
  display: inline-block;
  width: 4px;
  height: 4px;
  margin: 0 6px;
  border-radius: 100%;
  background-color: #cdcccc;
}
.review_list .review_conts .rev_txt {
  margin-top: 5px;
  white-space: normal;
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  word-wrap: break-word;
  line-height: 1.4;
  overflow: hidden;
}
.review_list .img_wrap {
  position: relative;
  flex: 0 0 160px;
  width: 160px;
  height: 160px;
}
.review_list .img_wrap .total {
  position: absolute;
  right: 0;
  bottom: 0;
  width: 20px;
  height: 20px;
  background: rgba(0, 0, 0, 0.3);
  font-family: "figtree";
  font-size: 14px;
  color: #fff;
  text-align: center;
  line-height: 20px;
}

.rate {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  justify-content: flex-start;
  font-family: "figtree";
  color: #676766;
  font-size: 0.875rem;
  line-height: 1;
}
.rate .ico_rate {
  width: 80px;
  background: url("../img/icon/ico_star_empty.svg") 0/16px repeat-x;
}
.rate .ico_rate::after {
  content: "";
  display: block;
  height: 100%;
}
.rate .ico_rate.lev_1::after {
  width: 16px;
  background: url("../img/icon/ico_star_fill.svg") 0/16px repeat-x;
}
.rate .ico_rate.lev_15::after {
  width: 24px;
  background: url("../img/icon/ico_star_fill.svg") 0/16px repeat-x;
}
.rate .ico_rate.lev_2::after {
  width: 32px;
  background: url("../img/icon/ico_star_fill.svg") 0/16px repeat-x;
}
.rate .ico_rate.lev_25::after {
  width: 40px;
  background: url("../img/icon/ico_star_fill.svg") 0/16px repeat-x;
}
.rate .ico_rate.lev_3::after {
  width: 48px;
  background: url("../img/icon/ico_star_fill.svg") 0/16px repeat-x;
}
.rate .ico_rate.lev_35::after {
  width: 56px;
  background: url("../img/icon/ico_star_fill.svg") 0/16px repeat-x;
}
.rate .ico_rate.lev_4::after {
  width: 64px;
  background: url("../img/icon/ico_star_fill.svg") 0/16px repeat-x;
}
.rate .ico_rate.lev_45::after {
  width: 72px;
  background: url("../img/icon/ico_star_fill.svg") 0/16px repeat-x;
}
.rate .ico_rate.lev_5::after {
  width: 80px;
  background: url("../img/icon/ico_star_fill.svg") 0/16px repeat-x;
}
.rate > span {
  padding-left: 5px;
  margin-top: 1px;
}

.hashtag_list {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  justify-content: flex-start;
  flex-wrap: wrap;
  gap: 10px 6px;
  max-width: 576px;
  margin-top: 16px;
}
.hashtag_list > p {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 36px;
  padding: 0 12px 2px;
  border: 1px solid #EAEAEA;
  border-radius: 50px;
  color: #676766;
  font-size: 14px;
}

.item_detail_banner {
  position: relative;
  width: 1192px;
}
.item_detail_banner .swiper_cont_wrap {
  position: absolute;
  left: 50%;
  top: 0;
  width: 100%;
  height: 100%;
  transform: translateX(-50%);
  z-index: 99;
  pointer-events: none;
}
.item_detail_banner .swiper_cont_wrap .swiper-pagination {
  right: 10px;
  bottom: 10px;
}
.item_detail_banner .swiper-slide {
  cursor: pointer;
}

.page_tit_wrap {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  justify-content: space-between;
  align-items: flex-end;
  margin-bottom: 16px;
}
.page_tit_wrap .inner {
  display: flex;
  align-items: flex-end;
}
.page_tit_wrap .tit_box {
  display: flex;
  flex-direction: column;
}
.page_tit_wrap .tit_box .rev_total {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  justify-content: flex-start;
  margin-left: 16px;
}
.page_tit_wrap .tit_box .rev_total > p {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  justify-content: flex-start;
  font-size: 0.875rem;
  color: #676766;
}
.page_tit_wrap .tit_box .rev_total > p + p::before {
  content: "";
  display: inline-block;
  width: 1px;
  height: 16px;
  margin: 1px 8px 0;
  background-color: #cdcccc;
}
.page_tit_wrap .tit_box .rev_total > p > strong {
  padding-left: 5px;
}
.page_tit_wrap h3.title {
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 1.2;
}
.page_tit_wrap h3 .total {
  display: inline-block;
  padding-left: 5px;
  font-family: "figtree";
  font-size: 1.5rem;
  color: #676766;
}
.page_tit_wrap .txt_guide {
  margin-top: 8px;
  font-size: 0.875rem;
  color: #676766;
  line-height: 1.5rem;
}
.page_tit_wrap .btn_wrap {
  margin-top: 0;
}
.page_tit_wrap .btn_wrap .btn {
  font-weight: 700;
}

.item_guide_info {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: center;
  justify-content: center;
  align-items: flex-start;
  column-gap: 64px;
  padding: 30px 0;
  background: #F9F9F9;
  border-radius: 4px;
}
.item_guide_info li {
  text-align: center;
}
.item_guide_info li .img_wrap {
  position: relative;
}
.item_guide_info li .img_wrap [class*=ico] {
  width: 96px;
  height: 96px;
  border: 2px solid #eee;
  border-radius: 100%;
}
.item_guide_info li .img_wrap [class*=ico]::before {
  width: 48px;
  height: 48px;
}
.item_guide_info li .img_wrap .tooltip {
  position: absolute;
  right: 0;
  bottom: 0;
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: center;
  justify-content: center;
  justify-content: end;
}
.item_guide_info li .img_wrap .tooltip.active .cont {
  display: block;
  position: absolute;
  top: 28px;
  left: 50%;
  width: 160px;
  background: #fff;
  padding: 4px 8px;
  border: 1px solid #eee;
  border-radius: 4px;
  transform: translateX(-50%);
  z-index: 1;
}
.item_guide_info li .img_wrap .tooltip i {
  width: 24px;
  height: 24px;
  border: 0;
  background: url("../img/icon/ico_info_circle_fill_g.svg") no-repeat;
  background-size: 100%;
  cursor: pointer;
}
.item_guide_info li .img_wrap .tooltip .cont {
  display: none;
}
.item_guide_info li .item_info {
  margin-top: 8px;
}
.item_guide_info li .item_info .htit {
  font-size: 0.875rem;
  color: #676766;
  line-height: 1.4;
}
.item_guide_info li .item_info .desc {
  font-family: "figtree";
  font-weight: 700;
  line-height: 1.4;
  max-width: 101px;
  text-align: center;
  display: -webkit-box;
  white-space: normal;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  word-wrap: normal;
  overflow: hidden;
}

.cont_coupon_wrap {
  width: 400px;
  margin: 80px auto 0;
}
.cont_coupon_wrap .txt_guide {
  margin-bottom: 12px;
  font-size: 18px;
  line-height: 1.75rem;
}
.cont_coupon_wrap img {
  width: auto;
}

.product_detail_content {
  margin-top: 40px;
}
.product_detail_content img {
  width: auto;
  width: revert-layer;
}
.product_detail_content .video-container {
  text-align: center;
}

.video-container iframe {
  width: 100%;
  height: auto;
  aspect-ratio: 7.8/4.85;
}

.qna_cont_wrap .page_tit_wrap {
  margin-bottom: 40px;
}
.qna_cont_wrap .qna_filter {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  justify-content: space-between;
  margin-bottom: 16px;
}
.qna_cont_wrap .qna_filter select {
  width: 210px;
}
.qna_cont_wrap .qna_filter .select-ele {
  width: 200px;
}
.qna_cont_wrap .qna_tbl_list.table tr:has(.ico_lock) td {
  color: #676766;
}
.qna_cont_wrap .qna_tbl_list.table tr.reply_wrap {
  max-height: 0;
  transition: all 0.2s linear;
  visibility: collapse;
}
.qna_cont_wrap .qna_tbl_list.table tr.reply_wrap td {
  background: #F9F9F9;
}
.qna_cont_wrap .qna_tbl_list.table tr.reply_wrap td.kblog {
  background: #F9F9F9 url(../img/icon/ico_news_mark.svg) center/20px no-repeat;
}
.qna_cont_wrap .qna_tbl_list.table tr.reply_wrap td.answer.type2 {
  padding: 0;
}
.qna_cont_wrap .qna_tbl_list.table tr.reply_wrap td.answer.type2 .cont {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  justify-content: space-between;
  gap: 100px;
  align-items: center;
  padding: 16px 0;
}
.qna_cont_wrap .qna_tbl_list.table tr.reply_wrap td.answer.type2 .cont + .cont {
  border-top: 1px solid #eee;
}
.qna_cont_wrap .qna_tbl_list.table tr.reply_wrap td.answer.type2 .cont .left {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: center;
  justify-content: center;
}
.qna_cont_wrap .qna_tbl_list.table tr.reply_wrap td.answer.type2 .cont .state {
  color: #FF6170;
  font-size: 0.75rem;
  font-weight: 700;
  line-height: 1.125rem;
  text-align: center;
}
.qna_cont_wrap .qna_tbl_list.table tr.reply_wrap td.answer.type2 .cont .state.w116 {
  min-width: 116px;
}
.qna_cont_wrap .qna_tbl_list.table tr.reply_wrap td.answer.type2 .cont .state.w150 {
  min-width: 150px;
}
.qna_cont_wrap .qna_tbl_list.table tr.reply_wrap td.answer.type2 .cont .txt {
  padding-left: 16px;
}
.qna_cont_wrap .qna_tbl_list.table tr.reply_wrap td.answer.type2 .cont .ft_num {
  text-align: center;
}
.qna_cont_wrap .qna_tbl_list.table tr.reply_wrap td.answer.type2 .cont > div {
  line-height: 1.625rem;
}
.qna_cont_wrap .qna_tbl_list.table tr.reply_wrap td.answer.type2 .cont > div .answer_tit {
  display: block;
  margin-bottom: 4px;
}
.qna_cont_wrap .qna_tbl_list.table tr.accord_head.active + .reply_wrap {
  max-height: 100%;
  visibility: visible;
}
.qna_cont_wrap .qna_tbl_list.table td {
  border-bottom: 1px solid #eee;
}
.qna_cont_wrap .qna_tbl_list .btn_set {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: center;
  justify-content: center;
  column-gap: 6px;
  margin-top: 4px;
}
.qna_cont_wrap .qna_tbl_list .sum_date {
  font-family: "figtree";
  color: #9a9999;
}

.prd_review_wrap {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  justify-content: space-between;
  padding: 24px 16px 24px 100px;
  border-radius: 4px;
  background: #F9F9F9;
}
.prd_review_wrap .rev_rate {
  text-align: center;
}
.prd_review_wrap .rev_rate dt {
  margin-bottom: 13px;
  font-size: 1rem;
  font-weight: 700;
}
.prd_review_wrap .rev_rate .rate {
  position: relative;
  height: 32px;
  padding-left: 160px;
  background: url("../img/icon/ico_star_empty.svg") center/32px repeat-x;
}
.prd_review_wrap .rev_rate .rate::after {
  content: "";
  position: absolute;
  left: 0;
  width: 100%;
  height: 100%;
}
.prd_review_wrap .rev_rate .rate.lev_1_1::after {
  width: 2%;
  background: url("../img/icon/ico_star_fill_red.svg") 0/32px repeat-x;
}
.prd_review_wrap .rev_rate .rate.lev_1_2::after {
  width: 4%;
  background: url("../img/icon/ico_star_fill_red.svg") 0/32px repeat-x;
}
.prd_review_wrap .rev_rate .rate.lev_1_3::after {
  width: 6%;
  background: url("../img/icon/ico_star_fill_red.svg") 0/32px repeat-x;
}
.prd_review_wrap .rev_rate .rate.lev_1_4::after {
  width: 8%;
  background: url("../img/icon/ico_star_fill_red.svg") 0/32px repeat-x;
}
.prd_review_wrap .rev_rate .rate.lev_1_5::after {
  width: 10%;
  background: url("../img/icon/ico_star_fill_red.svg") 0/32px repeat-x;
}
.prd_review_wrap .rev_rate .rate.lev_1_6::after {
  width: 12%;
  background: url("../img/icon/ico_star_fill_red.svg") 0/32px repeat-x;
}
.prd_review_wrap .rev_rate .rate.lev_1_7::after {
  width: 14%;
  background: url("../img/icon/ico_star_fill_red.svg") 0/32px repeat-x;
}
.prd_review_wrap .rev_rate .rate.lev_1_8::after {
  width: 16%;
  background: url("../img/icon/ico_star_fill_red.svg") 0/32px repeat-x;
}
.prd_review_wrap .rev_rate .rate.lev_1_9::after {
  width: 18%;
  background: url("../img/icon/ico_star_fill_red.svg") 0/32px repeat-x;
}
.prd_review_wrap .rev_rate .rate.lev_1_10::after {
  width: 20%;
  background: url("../img/icon/ico_star_fill_red.svg") 0/32px repeat-x;
}
.prd_review_wrap .rev_rate .rate.lev_2_1::after {
  width: 22%;
  background: url("../img/icon/ico_star_fill_red.svg") 0/32px repeat-x;
}
.prd_review_wrap .rev_rate .rate.lev_2_2::after {
  width: 24%;
  background: url("../img/icon/ico_star_fill_red.svg") 0/32px repeat-x;
}
.prd_review_wrap .rev_rate .rate.lev_2_3::after {
  width: 26%;
  background: url("../img/icon/ico_star_fill_red.svg") 0/32px repeat-x;
}
.prd_review_wrap .rev_rate .rate.lev_2_4::after {
  width: 28%;
  background: url("../img/icon/ico_star_fill_red.svg") 0/32px repeat-x;
}
.prd_review_wrap .rev_rate .rate.lev_2_5::after {
  width: 30%;
  background: url("../img/icon/ico_star_fill_red.svg") 0/32px repeat-x;
}
.prd_review_wrap .rev_rate .rate.lev_2_6::after {
  width: 32%;
  background: url("../img/icon/ico_star_fill_red.svg") 0/32px repeat-x;
}
.prd_review_wrap .rev_rate .rate.lev_2_7::after {
  width: 34%;
  background: url("../img/icon/ico_star_fill_red.svg") 0/32px repeat-x;
}
.prd_review_wrap .rev_rate .rate.lev_2_8::after {
  width: 36%;
  background: url("../img/icon/ico_star_fill_red.svg") 0/32px repeat-x;
}
.prd_review_wrap .rev_rate .rate.lev_2_9::after {
  width: 38%;
  background: url("../img/icon/ico_star_fill_red.svg") 0/32px repeat-x;
}
.prd_review_wrap .rev_rate .rate.lev_2_10::after {
  width: 40%;
  background: url("../img/icon/ico_star_fill_red.svg") 0/32px repeat-x;
}
.prd_review_wrap .rev_rate .rate.lev_3_1::after {
  width: 42%;
  background: url("../img/icon/ico_star_fill_red.svg") 0/32px repeat-x;
}
.prd_review_wrap .rev_rate .rate.lev_3_2::after {
  width: 44%;
  background: url("../img/icon/ico_star_fill_red.svg") 0/32px repeat-x;
}
.prd_review_wrap .rev_rate .rate.lev_3_3::after {
  width: 46%;
  background: url("../img/icon/ico_star_fill_red.svg") 0/32px repeat-x;
}
.prd_review_wrap .rev_rate .rate.lev_3_4::after {
  width: 48%;
  background: url("../img/icon/ico_star_fill_red.svg") 0/32px repeat-x;
}
.prd_review_wrap .rev_rate .rate.lev_3_5::after {
  width: 50%;
  background: url("../img/icon/ico_star_fill_red.svg") 0/32px repeat-x;
}
.prd_review_wrap .rev_rate .rate.lev_3_6::after {
  width: 52%;
  background: url("../img/icon/ico_star_fill_red.svg") 0/32px repeat-x;
}
.prd_review_wrap .rev_rate .rate.lev_3_7::after {
  width: 54%;
  background: url("../img/icon/ico_star_fill_red.svg") 0/32px repeat-x;
}
.prd_review_wrap .rev_rate .rate.lev_3_8::after {
  width: 56%;
  background: url("../img/icon/ico_star_fill_red.svg") 0/32px repeat-x;
}
.prd_review_wrap .rev_rate .rate.lev_3_9::after {
  width: 58%;
  background: url("../img/icon/ico_star_fill_red.svg") 0/32px repeat-x;
}
.prd_review_wrap .rev_rate .rate.lev_3_10::after {
  width: 60%;
  background: url("../img/icon/ico_star_fill_red.svg") 0/32px repeat-x;
}
.prd_review_wrap .rev_rate .rate.lev_4_1::after {
  width: 62%;
  background: url("../img/icon/ico_star_fill_red.svg") 0/32px repeat-x;
}
.prd_review_wrap .rev_rate .rate.lev_4_2::after {
  width: 64%;
  background: url("../img/icon/ico_star_fill_red.svg") 0/32px repeat-x;
}
.prd_review_wrap .rev_rate .rate.lev_4_3::after {
  width: 66%;
  background: url("../img/icon/ico_star_fill_red.svg") 0/32px repeat-x;
}
.prd_review_wrap .rev_rate .rate.lev_4_4::after {
  width: 68%;
  background: url("../img/icon/ico_star_fill_red.svg") 0/32px repeat-x;
}
.prd_review_wrap .rev_rate .rate.lev_4_5::after {
  width: 70%;
  background: url("../img/icon/ico_star_fill_red.svg") 0/32px repeat-x;
}
.prd_review_wrap .rev_rate .rate.lev_4_6::after {
  width: 72%;
  background: url("../img/icon/ico_star_fill_red.svg") 0/32px repeat-x;
}
.prd_review_wrap .rev_rate .rate.lev_4_7::after {
  width: 74%;
  background: url("../img/icon/ico_star_fill_red.svg") 0/32px repeat-x;
}
.prd_review_wrap .rev_rate .rate.lev_4_8::after {
  width: 76%;
  background: url("../img/icon/ico_star_fill_red.svg") 0/32px repeat-x;
}
.prd_review_wrap .rev_rate .rate.lev_4_9::after {
  width: 78%;
  background: url("../img/icon/ico_star_fill_red.svg") 0/32px repeat-x;
}
.prd_review_wrap .rev_rate .rate.lev_4_10::after {
  width: 80%;
  background: url("../img/icon/ico_star_fill_red.svg") 0/32px repeat-x;
}
.prd_review_wrap .rev_rate .rate.lev_5_1::after {
  width: 82%;
  background: url("../img/icon/ico_star_fill_red.svg") 0/32px repeat-x;
}
.prd_review_wrap .rev_rate .rate.lev_5_2::after {
  width: 84%;
  background: url("../img/icon/ico_star_fill_red.svg") 0/32px repeat-x;
}
.prd_review_wrap .rev_rate .rate.lev_5_3::after {
  width: 86%;
  background: url("../img/icon/ico_star_fill_red.svg") 0/32px repeat-x;
}
.prd_review_wrap .rev_rate .rate.lev_5_4::after {
  width: 88%;
  background: url("../img/icon/ico_star_fill_red.svg") 0/32px repeat-x;
}
.prd_review_wrap .rev_rate .rate.lev_5_5::after {
  width: 90%;
  background: url("../img/icon/ico_star_fill_red.svg") 0/32px repeat-x;
}
.prd_review_wrap .rev_rate .rate.lev_5_6::after {
  width: 92%;
  background: url("../img/icon/ico_star_fill_red.svg") 0/32px repeat-x;
}
.prd_review_wrap .rev_rate .rate.lev_5_7::after {
  width: 94%;
  background: url("../img/icon/ico_star_fill_red.svg") 0/32px repeat-x;
}
.prd_review_wrap .rev_rate .rate.lev_5_8::after {
  width: 96%;
  background: url("../img/icon/ico_star_fill_red.svg") 0/32px repeat-x;
}
.prd_review_wrap .rev_rate .rate.lev_5_9::after {
  width: 98%;
  background: url("../img/icon/ico_star_fill_red.svg") 0/32px repeat-x;
}
.prd_review_wrap .rev_rate .rate.lev_5_10::after {
  width: 100%;
  background: url("../img/icon/ico_star_fill_red.svg") 0/32px repeat-x;
}
.prd_review_wrap .rev_rate .total {
  margin-top: 10px;
  font-family: "figtree";
  font-weight: 500;
  line-height: 1.2;
}
.prd_review_wrap .rev_rate .total > strong {
  font-size: 2.375rem;
  font-weight: 700;
}
.prd_review_wrap .rev_rate .total em {
  padding: 0 10px;
  font-size: 1.875rem;
  color: #9a9999;
}
.prd_review_wrap .rev_rate .total > span {
  font-size: 1.875rem;
  color: #9a9999;
  font-weight: 500;
}
.prd_review_wrap .review_chart_wrap {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  justify-content: flex-start;
}
.prd_review_wrap .review_chart_wrap li + li {
  padding-left: 16px;
  margin-left: 16px;
  border-left: 1px solid #eee;
}

.ui_multi {
  padding: 8px 0 16px;
}
.ui_multi.select-ele {
  max-width: none;
}
.ui_multi .select-toggle-button {
  display: none;
}
.ui_multi .select-dropbox {
  border: 0;
}
.ui_multi .select-options-container {
  max-height: none !important;
  overflow: unset;
}
.ui_multi .select-options-list {
  height: auto !important;
}
.ui_multi .select-options {
  display: flex;
  flex-direction: column;
  row-gap: 16px;
}
.ui_multi .select-option {
  flex-wrap: nowrap;
  justify-content: space-between;
  position: relative;
  height: auto !important;
}
.ui_multi .select-option:has(.checkbox) {
  padding-left: 30px;
}
.ui_multi .select-option .checkbox {
  position: absolute;
  left: 0;
  top: 0;
  width: 20px;
  height: 20px;
}
.ui_multi .select-option .checkbox::before {
  display: inline-block;
  width: 20px;
  height: 20px;
  margin-right: 8px;
  background: #fff url("../img/icon/ico_check_g.svg") center no-repeat;
  background-size: 16px;
  border: 1px solid #cdcccc;
  border-radius: 4px;
  vertical-align: top;
  content: "";
}
.ui_multi .select-option.focused {
  border-bottom: 0;
  background-color: transparent;
}
.ui_multi .select-option.selected {
  background-color: transparent;
}
.ui_multi .select-option.selected .checkbox::after {
  position: absolute;
  top: 1px;
  left: 1px;
  display: inline-block;
  width: 20px;
  height: 20px;
  background: url("../img/icon/ico_check_r.svg") center no-repeat;
  background-size: 16px;
  content: "";
}
.ui_multi .select-option-text {
  width: calc(100% - 40px);
}
.ui_multi .select-option-description {
  width: auto;
  overflow: unset;
  font-size: 1rem;
  color: #9a9999;
}

.card_benefits {
  margin-top: 24px;
}
.card_benefits ul {
  display: flex;
  flex-direction: column;
  row-gap: 24px;
  padding-bottom: 22px;
  border-bottom: 1px solid #cdcccc;
}
.card_benefits ul li {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  justify-content: flex-start;
}
.card_benefits ul li img {
  width: auto;
  height: 16px;
  flex: 0 1;
}
.card_benefits ul li .desc {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  justify-content: space-between;
  flex-wrap: wrap;
  row-gap: 4px;
  flex-basis: 100%;
  margin-left: 16px;
}
.card_benefits ul li .desc > p {
  flex: 0 0 100%;
  max-width: calc(100% - 80px);
  font-size: 0.875rem;
  font-weight: 600;
}
.card_benefits ul li .desc > span {
  font-size: 0.875rem;
  color: #9a9999;
}
.card_benefits .info {
  margin-top: 16px;
  padding-left: 32px;
  font-size: 0.875rem;
  color: #676766;
  font-weight: 600;
  line-height: 24px;
  background: url("../img/icon/ico_info_circle_g.svg") left/24px no-repeat;
}

.review_detail_wrap {
  display: flex;
  column-gap: 24px;
}
.review_detail_wrap .preview_thumb {
  flex: 0 0 510px;
}
.review_detail_wrap .preview_thumb .rev_thumb_item {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  justify-content: space-between;
  max-width: 512px;
  margin-bottom: 16px;
  overflow: hidden;
}
.review_detail_wrap .preview_thumb .rev_thumb_item img {
  width: 512px;
}
.review_detail_wrap .preview_thumb .rev_thumb_slider ul {
  gap: 8px;
}
.review_detail_wrap .preview_thumb .rev_thumb_slider ul li {
  flex: 0 96px;
  cursor: pointer;
}
.review_detail_wrap .review_list li {
  padding-bottom: 0;
  margin-bottom: 0;
  border-bottom: 0;
}
.review_detail_wrap .review_list .review_conts .rev_txt {
  height: 450px;
  padding-right: 20px;
  overflow-y: auto;
  -webkit-line-clamp: initial;
}

.qna_write_form .input_writing_group {
  min-height: 240px;
  margin: 8px 0 16px;
}

.review_report .org_rev {
  padding: 16px;
  border-radius: 4px;
  border: 1px solid #cdcccc;
  background: #F6F6F6;
}
.review_report .org_rev .name {
  font-family: "figtree";
  color: #9a9999;
  line-height: 1.625rem;
}
.review_report .org_rev .text {
  margin-top: 8px;
  line-height: 1.4;
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  word-break: keep-all;
  white-space: normal;
  overflow: hidden;
}
.review_report .input_writing_group {
  margin: 16px 0;
}

.coupon_benefit.type2 .price_info {
  padding: 0;
  border: none;
  background: none;
}
.coupon_benefit.type2 .price_info > ul {
  gap: 15px;
}
.coupon_benefit.type2 .price_info > ul li .htit {
  font-size: 20px;
  font-weight: 500;
}
.coupon_benefit.type2 .price_info > ul li strong {
  font-size: 20px;
  font-weight: 700;
}
.coupon_benefit.type2 .price_info > ul li strong em {
  font-size: 16px;
}
.coupon_benefit.type2 .price_info.double {
  padding: 0 0 15px 15px;
  margin-top: 15px;
  border-bottom: 1px solid #D7D7D7;
}
.coupon_benefit.type2 .price_info.double > ul li .htit {
  color: #666;
  font-size: 18px;
  font-weight: 500;
}
.coupon_benefit.type2 .price_info.double > ul li strong {
  font-size: 16px;
  font-weight: 500;
}
.coupon_benefit.type2 .price_info.double > ul li strong em {
  font-size: 12px;
}
.coupon_benefit.type2 .benf_price .max_value {
  padding: 20px 0;
}
.coupon_benefit.type2 .benf_price .max_value > div {
  font-size: 20px;
}
.coupon_benefit .price_info {
  padding: 24px;
  border-radius: 4px;
  border: 1px solid #EEE;
  background: #F9F9F9;
}
.coupon_benefit .price_info ul {
  display: flex;
  flex-direction: column;
  row-gap: 8px;
}
.coupon_benefit .price_info ul li {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  justify-content: space-between;
}
.coupon_benefit .price_info ul li > strong {
  font-family: "figtree";
  font-size: 1.125rem;
  font-weight: 700;
  letter-spacing: 0.4px;
}
.coupon_benefit .price_info ul li > strong em {
  font-size: 0.875rem;
  line-height: 1.2;
}
.coupon_benefit .benf_price .max_value {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  justify-content: space-between;
  padding: 24px 0;
  border-bottom: 1px solid #333;
}
.coupon_benefit .benf_price .max_value > div {
  font-size: 18px;
  font-weight: 700;
}
.coupon_benefit .benf_price .max_value > strong {
  font-family: "figtree";
  color: #e6313a;
  font-size: 24px;
  font-weight: 700;
  line-height: 1.2;
}
.coupon_benefit .benf_price .max_value > strong em {
  padding-left: 4px;
  font-size: 1rem;
  font-weight: 400;
}
.coupon_benefit .benf_price .coupon_case {
  margin-top: 30px;
}
.coupon_benefit .benf_price .coupon_case h3 {
  font-size: 24px;
  font-weight: 700;
}
.coupon_benefit .benf_price .coupon_case p {
  padding: 10px 0;
}
.coupon_benefit .benf_price .coupon_case {
  text-align: center;
}
.coupon_benefit .benf_price .coupon_case .price {
  margin-top: 16px;
  line-height: 1.625rem;
}
.coupon_benefit .benf_price .coupon_case .limit {
  font-size: 20px;
  font-weight: 700;
  line-height: 1.875rem;
}
.coupon_benefit .benf_price .coupon_case .date {
  font-size: 0.75rem;
  color: #676766;
  line-height: 1.125rem;
}

.check_info {
  display: flex;
  margin-top: 14px;
  padding: 12px 16px;
  flex-direction: column;
  align-items: flex-start;
  gap: 6px;
  flex: 1 0 0;
  background-color: #fff;
}
.check_info.type01 {
  border-radius: 4px;
  border: 1px solid #eee;
  background: #F9F9F9;
}
.check_info p {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  justify-content: flex-start;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.25rem;
}
.check_info p::before {
  content: "";
  display: inline-block;
  width: 16px;
  height: 16px;
  margin-right: 8px;
  background: url("../img/icon/ico_check.svg") center/16px no-repeat;
}

.cs_info_cont {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  justify-content: flex-start;
  align-items: stretch;
  column-gap: 8px;
}
.cs_info_cont .info_txt {
  width: 100%;
  padding: 32px 40px;
  border-radius: 4px;
  background: #F9F9F9;
}
.cs_info_cont .info_txt dt {
  font-family: "figtree";
  font-size: 26px;
  line-height: 1.2;
}
.cs_info_cont .info_txt dd {
  margin-top: 12px;
}
.cs_info_cont .info_txt dd .htit {
  color: #676766;
  font-weight: 500;
  line-height: 1.625rem;
}
.cs_info_cont .info_txt dd .date {
  font-family: "figtree";
  font-size: 18px;
  line-height: 1.75rem;
}
.cs_info_cont .quick {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: center;
  justify-content: center;
  column-gap: 72px;
  width: 100%;
  padding: 32px 40px;
  border-radius: 4px;
  background: #F9F9F9;
}
.cs_info_cont .quick > a {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: center;
  justify-content: center;
  flex-direction: column;
}
.cs_info_cont .quick > a i {
  width: 68px;
  height: 68px;
  border-radius: 100%;
  background-color: #FFF;
}
.cs_info_cont .quick > a > p {
  margin-top: 3px;
}

.uploader_wrap .inner {
  display: flex;
  column-gap: 12px;
  margin-top: 16px;
}
.uploader_wrap .info {
  font-size: 0.875rem;
  color: #676766;
  line-height: 1.5rem;
  margin-top: 4px;
}
.uploader_wrap .ui-uploader {
  width: 96px;
  height: 96px;
  border-radius: 2px;
  border: 1px solid #cdcccc;
}
.uploader_wrap .ui-uploader-container {
  width: 100%;
  height: 100%;
}
.uploader_wrap .ui-uploader-container .ui-uploader-select {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  background: url("../img/icon/ico_add_g.svg") center/24px no-repeat;
  font-size: 0;
  text-indent: -9999px;
  cursor: pointer;
}
.uploader_wrap .ui-uploader-container .ui-uploader-preview {
  position: relative;
}
.uploader_wrap .ui-uploader-container .ui-uploader-preview .file-delete {
  position: absolute;
  right: -8px;
  top: -8px;
  display: inline-block;
  width: 24px;
  height: 24px;
  background: #fff url("../img/icon/ico_close_circle.svg") center/100% no-repeat;
}

.form_password {
  display: flex;
  flex-direction: column;
  padding: 80px 40px;
  border-radius: 4px;
  border: 1px solid #cdcccc;
}
.form_password .desc {
  margin-bottom: 24px;
  font-size: 1.125rem;
  text-align: center;
  line-height: 1.4;
}
.form_password .desc strong {
  color: #e6313a;
}
.form_password .form_wrap {
  width: auto;
  margin: 0 auto;
}
.form_password .form_wrap .inp_box {
  width: 540px;
}

.mng_myinfo {
  display: flex;
  flex-direction: column;
}
.mng_myinfo > .btn_line_txt {
  place-self: flex-end;
  margin-bottom: 16px;
}

.secession_step {
  margin-top: 40px;
}
.secession_step h3 {
  padding-bottom: 16px;
  border-bottom: 1px solid #333;
}
.secession_step > ul {
  display: flex;
  flex-wrap: wrap;
  row-gap: 12px;
  margin: 16px 0 12px;
}
.secession_step > ul li {
  width: 25%;
}

.webzine section {
  min-width: auto; /* 250612 VSFS-5-해상도배너 - 100% -> auto */
  max-width: 1920px; /* 250612 VSFS-5-해상도배너 - 100% -> 1920px */
  padding: 0;
}

.news_col_list #scroll {
  position: relative;
  height: 120px;
  background-color: #222;
}
.news_col_list #scroll > div {
  height: 100%;
}
.news_col_list #scroll .banner_loop {
  height: 100%;
  column-gap: 40px;
  justify-content: center;
}
.news_col_list #scroll .banner_loop li {
  display: flex !important;
  font-size: 20px;
  color: #fff;
  column-gap: 40px;
}
.news_col_list #scroll .banner_loop li + li {
  position: relative;
}
.news_col_list #scroll .banner_loop li + li::before {
  position: absolute;
  top: 3px;
  left: -19px;
  width: 1px;
  height: 18px;
  background: #fff;
  vertical-align: 3px;
  content: "";
}
.news_col_list #scroll .banner_loop li img {
  display: none;
}

.sns_cont_wrap {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  justify-content: flex-start;
}
.sns_cont_wrap .sns_swiper {
  overflow: hidden;
}
.sns_cont_wrap .inner {
  width: calc(100% - 200px);
  margin: 120px auto 0;
}
.sns_cont_wrap .inner .htit {
  font-family: "figtree";
  font-size: 2.375rem;
  font-weight: 700;
  margin-bottom: 40px;
}
.sns_cont_wrap .inner .sns_list li {
  position: relative;
}
.sns_cont_wrap .inner .sns_list li.blt_instagram .img_wrap::before {
  background: url("../img/icon/ico_sns_instargram.png") center/100% no-repeat;
}
.sns_cont_wrap .inner .sns_list li.blt_facebook .img_wrap::before {
  background: url("../img/icon/ico_sns_facebook.png") center/100% no-repeat;
}
.sns_cont_wrap .inner .sns_list li.blt_blog .img_wrap::before {
  background: url("../img/icon/ico_sns_naver.png") center/100% no-repeat;
}
.sns_cont_wrap .inner .sns_list li.blt_youtube .img_wrap::before {
  background: url("../img/icon/ico_sns_youtube.png") center/100% no-repeat;
}
.sns_cont_wrap .inner .sns_list .img_wrap {
  max-width: 400px;
  max-height: 450px;
  aspect-ratio: 4/4.5;
  border-radius: 4px;
  overflow: hidden;
}
.sns_cont_wrap .inner .sns_list .img_wrap::before {
  display: none;
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 100px;
  height: 100px;
  transform: translate(-50%, calc(-50% - 50px));
  z-index: 9;
}
.sns_cont_wrap .inner .sns_list .txt_cont {
  margin-top: 24px;
}
.sns_cont_wrap .inner .sns_list .txt_cont .stt {
  margin-bottom: 8px;
  font-family: "figtree";
  font-size: 1.375rem;
  font-weight: 700;
  line-height: 1.2;
}
.sns_cont_wrap .inner .sns_list .txt_cont .desc {
  color: #676766;
  line-height: 1.625rem;
}

.magazine_wrap {
  position: relative;
  height: 1080px;
  background: #fff;
}
.magazine_wrap::after {
  position: absolute;
  inset: 0;
  background: url("../img/txt_korea_boardgames_magazine.png") center 80px/1287px no-repeat;
  opacity: 0.3;
  content: "";
}
.magazine_wrap .cover_info {
  margin-top: 140px;
  text-align: center;
}
.magazine_wrap .cover_info .title {
  color: #9a9999;
  font-family: "figtree";
  font-size: 0.875rem;
  line-height: 1.25rem;
}
.magazine_wrap .cover_info .date {
  margin-top: 10px;
  color: #333;
  font-family: "figtree";
  font-size: 1.625rem;
  font-weight: 700;
}
.magazine_wrap .cover_info .btn_set {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: center;
  justify-content: center;
  column-gap: 16px;
  margin-top: 24px;
}
.magazine_wrap .cover_info .btn_set > a {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: center;
  justify-content: center;
  width: 56px;
  height: 56px;
  background-color: #333;
  border-radius: 100%;
}
.magazine_wrap .cover_info .btn_set > a::before {
  content: "";
  width: 24px;
  height: 24px;
}
.magazine_wrap .cover_info .btn_set > a.btn_download::before {
  background: url("../img/icon/ico_download.svg") center/100% no-repeat;
  mask-image: url("../img/icon/ico_download.svg");
  mask-size: cover;
  background-image: none;
  mask-repeat: no-repeat;
  background-color: #fff;
}
.magazine_wrap .cover_info .btn_set > a.btn_viewer::before {
  background: url("../img/icon/ico_magazine_view.svg") center/100% no-repeat;
  mask-image: url("../img/icon/ico_magazine_view.svg");
  mask-size: cover;
  background-image: none;
  mask-repeat: no-repeat;
  background-color: #fff;
}
.magazine_wrap .swiper-wrapper {
  margin-top: 80px;
}
.magazine_wrap .swiper-wrapper .swiper-slide {
  transition: all 0.2s linear;
  transform: scale(0.8);
  border: 1px solid #ddd;
}
.magazine_wrap .swiper-wrapper .swiper-slide.swiper-slide-active {
  transform: scale(1);
}
.magazine_wrap .swiper-wrapper .swiper-slide img {
  height: auto;
}
.magazine_wrap .nav_wrap {
  position: absolute;
  left: 100px;
  bottom: 150px;
  width: calc(100% - 200px);
}
.magazine_wrap .nav_wrap .swiper_prev {
  left: unset;
  right: 40px;
}
.magazine_wrap .nav_wrap .swiper_prev::before {
  background: url("../img/icon/ico_chevron_left_w.svg") center/32px no-repeat;
  mask-image: url("../img/icon/ico_chevron_left_w.svg");
  mask-size: cover;
  background-image: none;
  mask-repeat: no-repeat;
  background-color: #333;
}
.magazine_wrap .nav_wrap .swiper_next::before {
  background: url("../img/icon/ico_chevron_right_w.svg") center/32px no-repeat;
  mask-image: url("../img/icon/ico_chevron_right_w.svg");
  mask-size: cover;
  background-image: none;
  mask-repeat: no-repeat;
  background-color: #333;
}
.magazine_wrap .nav_wrap .swiper-pagination-progressbar {
  width: calc(100% - 100px);
  height: 2px;
  background: #eee;
}
.magazine_wrap .nav_wrap .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  background: #333;
}

.comm_docu_wrap h2 {
  margin-bottom: 40px;
  padding: 60px 0;
  border-bottom: 1px solid #cdcccc;
  font-size: 2.25rem;
  font-weight: 700;
  line-height: 1.2;
  letter-spacing: -1.2px;
  text-align: center;
}
.comm_docu_wrap .inp_box {
  justify-content: flex-end;
  margin-bottom: 40px;
}
.comm_docu_wrap .inp_box .select-ele {
  max-width: 250px;
  width: 100%;
}
.comm_docu_wrap .inner {
  margin-bottom: 40px;
}
.comm_docu_wrap .inner:last-child {
  margin-bottom: 0;
}
.comm_docu_wrap .inner h3 {
  margin-bottom: 16px;
  font-size: 18px;
  font-weight: 700;
  line-height: 1.2;
}
.comm_docu_wrap .inner .desc {
  color: #676766;
  font-weight: 400;
  line-height: 1.625rem;
}

.comm_coupon_cont {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  position: relative;
  width: 327px;
  height: 188px;
  padding: 24px;
  text-align: left;
  cursor: pointer;
}
.comm_coupon_cont::after {
  content: "";
  position: absolute;
  right: 0;
  top: 50%;
  display: inline-block;
  width: 32px;
  height: 32px;
  -webkit-mask-image: url("../img/icon/ico_download.svg");
  mask-image: url("../img/icon/ico_download.svg");
  -webkit-mask-size: cover;
  mask-size: cover;
  background-image: none;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  background-color: #fff;
  transform: translate(-16px, -50%);
}
.comm_coupon_cont.type_a01 {
  background: url("https://www.koreaboardgames.com/img/bg_coupon_typeA01.png") 0/100% no-repeat;
}
.comm_coupon_cont.type_a01 .status {
  color: #e6313a;
}
.comm_coupon_cont.type_a02 {
  background: url("../img/bg_coupon_typeA02.png") 0/100% no-repeat;
}
.comm_coupon_cont.type_a02 .status {
  color: #5C92FB;
}
.comm_coupon_cont.type_b01 {
  background: url("../img/bg_coupon_typeB01.png") 0/100% no-repeat;
}
.comm_coupon_cont.type_b01 .status {
  color: #e6313a;
}
.comm_coupon_cont.type_b02 {
  background: url("../img/bg_coupon_typeB02.png") 0/100% no-repeat;
}
.comm_coupon_cont.type_b02 .status {
  color: #5C92FB;
}
.comm_coupon_cont.type_c01 {
  background: url("../img/bg_coupon_typeC01.png") 0/100% no-repeat;
}
.comm_coupon_cont.type_c01 .status {
  color: #e6313a;
}
.comm_coupon_cont.type_c02 {
  background: url("../img/bg_coupon_typeC02.png") 0/100% no-repeat;
}
.comm_coupon_cont.type_c02 .status {
  color: #5C92FB;
}
.comm_coupon_cont .cp_price {
  color: #fff;
  font-weight: 700;
}
.comm_coupon_cont .cp_price > strong {
  font-family: "figtree";
  font-size: 3rem;
  letter-spacing: -1.5px;
}
.comm_coupon_cont .cp_price > em {
  padding-left: 3px;
  font-size: 20px;
  vertical-align: 3px;
}
.comm_coupon_cont .cp_desc dt {
  color: #fff;
  font-size: 16px;
  font-weight: 700;
  line-height: 1.4;
}
.comm_coupon_cont .cp_desc dd {
  color: #F9F9F9;
  font-size: 12px;
  line-height: 24px;
}
.comm_coupon_cont .status {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: center;
  justify-content: center;
  position: absolute;
  right: 0;
  top: 28px;
  width: 48px;
  height: 48px;
  background-color: #fff;
  border-radius: 100%;
  font-size: 12px;
  line-height: 1.4;
  transform: translate(-16px, 0);
  z-index: 9;
}

.cover_conts {
  display: flex;
  position: relative;
  height: 900px;
}
.cover_conts .title {
  flex: 0 0 500px;
  padding: 80px 0 0 100px;
  font-family: "kimm";
  font-size: 48px;
  font-weight: 700;
  line-height: 3.75rem;
}
.cover_conts .list_con > ul > li {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  width: 100%;
  max-width: 330px;
  padding-bottom: 80px;
  border-left: 1px solid #cdcccc;
  transition: all 0.4s linear;
  cursor: pointer;
}
.cover_conts .list_con > ul > li .hover_img {
  display: none;
}
.cover_conts .list_con > ul > li.sm .img_wrap {
  width: 190px;
}
.cover_conts .list_con > ul > li.md .img_wrap {
  width: 210px;
}
.cover_conts .list_con > ul > li.lg .img_wrap {
  width: 250px;
}
.cover_conts .list_con .txt_wrap {
  width: 330px;
  padding: 0 40px;
}
.cover_conts .list_con .ctit {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  justify-content: flex-start;
  margin-top: 80px;
  font-size: 1.5rem;
  font-weight: 700;
  transition: 0.3s;
  transform-origin: left;
}
.cover_conts .list_con .desc {
  position: relative;
  display: -webkit-box;
  -webkit-line-clamp: 5;
  -webkit-box-orient: vertical;
  margin-top: 64px;
  padding-top: 33px;
  line-height: 1.625rem;
  word-break: keep-all;
  white-space: normal;
  overflow: hidden;
}
.cover_conts .list_con .desc::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  display: inline-block;
  width: 16px;
  height: 22px;
  margin-bottom: 10px;
  background: url("../img/icon/ico_quote_r.svg") 0/100% no-repeat;
}
.cover_conts .list_con .img_wrap {
  margin: 0 40px;
}
.cover_conts .nav_wrap {
  position: absolute;
  left: 93px;
  top: 380px;
  width: 60px;
}

.set_item_wrap .htit {
  margin: 40px 0;
  text-align: center;
  font-size: 32px;
  font-weight: 500;
  line-height: 1.2;
}
.set_item_wrap ul {
  display: flex;
  flex-wrap: wrap;
  gap: 32px 32px;
}
.set_item_wrap ul li {
  flex: calc((100% - 32px) / 2);
}
.set_item_wrap ul li a {
  display: flex;
  background-color: #F6F6F6;
}
.set_item_wrap ul li a .img_wrap {
  flex: 0 0 220px;
}
.set_item_wrap ul li a .txt_wrap {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: center;
  justify-content: center;
  align-items: flex-start;
  flex-direction: column;
  width: 100%;
  padding: 0 32px;
}
.set_item_wrap ul li a .txt_wrap .ptit {
  font-size: 22px;
  font-weight: 500;
  line-height: 2.125rem;
}
.set_item_wrap ul li a .txt_wrap .desc {
  margin-top: 5px;
  color: #676766;
  line-height: 1.625rem;
}
.set_item_wrap ul li a .txt_wrap .btn_line_txt {
  margin-top: 16px;
  color: #676766;
}

@media (hover: hover) {
  .cover_conts .list_con > ul > li:hover {
    max-width: 420px;
    height: 100%;
    padding-bottom: 0;
  }
  .cover_conts .list_con > ul > li:hover .ctit {
    transform: scale(1.3);
  }
  .cover_conts .list_con > ul > li:hover .ctit::after {
    content: "";
    display: inline-block;
    width: 24px;
    height: 24px;
    margin-left: 3px;
    background: url("../img/icon/ico_arrow_up_right.svg") 0/100% no-repeat;
  }
  .cover_conts .list_con > ul > li:hover .img_wrap {
    width: auto;
    margin: 0;
    padding: 0;
  }
  .cover_conts .list_con > ul > li:hover .img_wrap .default_img {
    display: none;
  }
  .cover_conts .list_con > ul > li:hover .img_wrap .hover_img {
    display: block;
  }
}
.keyword_random {
  display: flex;
  flex-wrap: wrap;
  row-gap: 10px;
  position: relative;
  padding: 20px 0;
  height: 250px;
  background-color: #cdcccc;
  overflow: hidden;
}
.keyword_random .ico_refresh {
  position: absolute;
  left: 80px;
  top: 50%;
  padding: 20px;
  background-color: #fff;
  border-radius: 100%;
  transform: translate(-50%, -50%);
  z-index: 9;
}
.keyword_random .ico_refresh::before {
  width: 20px;
  height: 20px;
}
.keyword_random .item_wrap {
  display: flex;
  width: 100%;
  column-gap: 100px;
}
.keyword_random .item_wrap li {
  color: #fff;
  line-height: 1.35;
}
.keyword_random .item_wrap li.fs01 {
  font-size: 30px;
  font-weight: 700;
}
.keyword_random .item_wrap li.fs02 {
  font-size: 40px;
  font-weight: 700;
}
.keyword_random .item_wrap li.fs03 {
  font-size: 70px;
  font-weight: 700;
}
.keyword_random .item_wrap li.keyword_strtoke a {
  color: transparent;
  -webkit-text-stroke: 1px #fff;
}
.keyword_random .item_wrap li:hover a {
  color: #fff;
  -webkit-text-stroke: 0px;
  filter: blur(0px);
  transition: all 0.3s ease-in-out;
}
.keyword_random .item_wrap.scroll1 {
  animation-duration: 40s !important;
}
.keyword_random .item_wrap.scroll2 {
  animation-duration: 30s !important;
}

.cmmt_story_wrap {
  position: relative;
}
.cmmt_story_wrap .more {
  position: absolute;
  right: 100px;
  top: 57px;
}
.cmmt_story_wrap .slog_tit_wrap {
  position: relative;
  padding: 40px 0 32px;
  margin: 0 100px;
}
.cmmt_story_wrap .slog_tit_wrap::after {
  content: "";
  position: absolute;
  right: 0;
  top: 0;
  display: inline-block;
  width: 100px;
  height: 100%;
  background: linear-gradient(270deg, #fff 20%, rgba(255, 255, 255, 0) 100%);
  z-index: 9;
}
.cmmt_story_wrap .slog_tit_wrap .inner {
  align-items: flex-end;
}
.cmmt_story_wrap .slog_tit_wrap .inner .item {
  color: #676766;
  font-size: 1.25rem;
  cursor: pointer;
}
.cmmt_story_wrap .slog_tit_wrap .inner .item.swiper-slide-active {
  color: #333;
  font-weight: 700;
}
.cmmt_story_wrap .cmt_list_wrap {
  border-top: 1px solid #cdcccc;
}
.cmmt_story_wrap .cmt_list_wrap .swiper-container {
  display: flex;
  margin: 0 100px;
  height: auto;
}
.cmmt_story_wrap .cmt_list_wrap .inner {
  margin: 0 100px;
}
.cmmt_story_wrap .cmt_list_wrap .item {
  display: flex;
  background-color: #fff;
}
.cmmt_story_wrap .cmt_list_wrap .item.swiper-slide {
  height: auto;
  opacity: 0 !important;
}
.cmmt_story_wrap .cmt_list_wrap .item.swiper-slide-active {
  opacity: 1 !important;
}
.cmmt_story_wrap .cmt_list_wrap .item .item_col {
  flex: 1;
  position: relative;
  padding: 64px;
  border-right: 1px solid #cdcccc;
}
.cmmt_story_wrap .cmt_list_wrap .item .item_col::-webkit-scrollbar {
  width: 4px;
  height: 4px;
}
.cmmt_story_wrap .cmt_list_wrap .item .item_col::-webkit-scrollbar-thumb {
  height: 30%;
  background-color: #cdcccc;
  border-radius: 2px;
}
.cmmt_story_wrap .cmt_list_wrap .item .item_col::-webkit-scrollbar-track {
  background-color: #fff;
}
.cmmt_story_wrap .cmt_list_wrap .item .item_col:first-child {
  flex: 2;
  padding-left: 0;
}
.cmmt_story_wrap .cmt_list_wrap .item .item_col:first-child .con_wrap {
  text-align: center;
}
.cmmt_story_wrap .cmt_list_wrap .item .item_col:first-child .con_wrap .h1 {
  font-family: "kimm";
  font-size: 36px;
  line-height: 3.125rem;
}
.cmmt_story_wrap .cmt_list_wrap .item .item_col:first-child .con_wrap .h2 {
  margin-top: 8px;
  font-size: 20px;
  line-height: 30px;
}
.cmmt_story_wrap .cmt_list_wrap .item .item_col:first-child .con_wrap .desc {
  margin-top: 16px;
  font-size: 18px;
  line-height: 30px;
}
.cmmt_story_wrap .cmt_list_wrap .item .item_col.ta_l .con_wrap {
  text-align: left;
}
.cmmt_story_wrap .cmt_list_wrap .item .item_col .img_wrap {
  overflow: hidden;
}
.cmmt_story_wrap .cmt_list_wrap .item .item_col .img_wrap:hover img {
  transform: scale(1.04);
}
.cmmt_story_wrap .cmt_list_wrap .item .item_col .img_wrap img {
  transition: transform 0.3s;
}
.cmmt_story_wrap .cmt_list_wrap .item .item_col li:last-child {
  margin-bottom: 0;
}
.cmmt_story_wrap .cmt_list_wrap .item .item_col li {
  margin-bottom: 64px;
  cursor: pointer;
}
.cmmt_story_wrap .cmt_list_wrap .item .item_col .swiper-pagination {
  top: 850px;
  width: calc(100% - 64px);
}
.cmmt_story_wrap .cmt_list_wrap .item .item_col .swiper-pagination .swiper-pagination-bullet {
  background: none;
  border: 2px solid #9A9999;
}
.cmmt_story_wrap .cmt_list_wrap .item .item_col .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background: #9A9999;
}
.cmmt_story_wrap .cmt_list_wrap .swiper_prev,
.cmmt_story_wrap .cmt_list_wrap .swiper_next {
  width: 100px;
}
.cmmt_story_wrap .cmt_list_wrap .swiper_prev::before, .cmmt_story_wrap .cmt_list_wrap .swiper_next::before {
  left: 10px;
  top: 350px;
  width: 80px;
  height: 80px;
}
.cmmt_story_wrap .cmt_list_wrap .img_wrap + .con_wrap {
  margin-top: 40px;
}
.cmmt_story_wrap .cmt_list_wrap .con_wrap ~ .img_wrap {
  margin-top: 40px;
}
.cmmt_story_wrap .cmt_list_wrap .con_wrap .h1 {
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 2.125rem;
  word-break: normal;
}
.cmmt_story_wrap .cmt_list_wrap .con_wrap .h2 {
  margin-top: 4px;
  font-weight: 500;
  line-height: 1.625rem;
  word-break: normal;
}
.cmmt_story_wrap .cmt_list_wrap .con_wrap .date {
  color: #9A9999;
  font-family: "figtree";
  font-size: 0.875rem;
}
.cmmt_story_wrap .cmt_list_wrap .con_wrap .desc {
  display: -webkit-box;
  -webkit-line-clamp: 5;
  -webkit-box-orient: vertical;
  margin-top: 10px;
  color: #676766;
  font-weight: 400;
  line-height: 1.625rem;
  word-break: keep-all;
  white-space: normal;
  overflow: hidden;
  word-break: normal;
}

.wz_main_visual {
  position: relative;
}
.wz_main_visual > .swiper {
  height: 480px;
}
.wz_main_visual .swiper-slide {
  position: relative;
}
.wz_main_visual .img_wrap {
  position: relative;
  height: 100%;
  max-height: 480px;
}
.wz_main_visual .txt_cont {
  position: absolute;
  color: #fff;
  z-index: 9;
  width: 1300px;
  left: 50%;
  transform: translateX(-50%);
}
.wz_main_visual .txt_cont.fx_t {
  top: 80px;
}
.wz_main_visual .txt_cont.fx_b {
  bottom: 80px;
}
.wz_main_visual .txt_cont .htit {
  font-family: "kimm";
  font-size: 3.75rem;
  font-weight: 700;
  line-height: 4.625rem;
}
.wz_main_visual .txt_cont .desc {
  width: 90vw;
  font-size: 18px;
  line-height: 1.75rem;
}
.wz_main_visual .pagination_wrap {
  position: relative;
  width: 100%;
  min-width: 1192px;
  max-width: 1352px;
  margin: 0 auto;
  padding: 0 80px;
  z-index: 9;
}
.wz_main_visual .pagination_wrap .swiper-pagination-fraction {
  padding: 0;
  background: none;
  letter-spacing: 1px;
  position: absolute;
  bottom: 28px;
  right: 104px;
  width: 64px;
  height: 24px;
  padding: 0 10px;
  background-color: rgba(51, 51, 51, 0.2);
  color: #fff;
  font-size: 1rem;
  font-weight: 500;
  border-radius: 20px;
  line-height: 1.2;
  font-family: "figtree";
}
.wz_main_visual .pagination_wrap .swiper-pagination-fraction .swiper-pagination-current {
  font-weight: 700;
  letter-spacing: 2px;
}
.wz_main_visual .nav_wrap {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  max-width: 1418px;
  transform: translate(-50%, -50%);
  z-index: 9;
}
.wz_main_visual .nav_wrap .swiper-pagination {
  top: 3px;
  color: #fff;
  font-family: "figtree";
}
.wz_main_visual .nav_wrap .swiper-pagination .current {
  font-weight: 700;
  letter-spacing: 2px;
}
.wz_main_visual .nav_wrap .swiper-pagination .total {
  padding: 0;
  background: none;
  letter-spacing: 1px;
}
.wz_main_visual .nav_wrap .swiper-pagination-fraction {
  padding: 0;
  background: none;
  letter-spacing: 1px;
  position: absolute;
  bottom: 28px;
  right: 104px;
  width: 64px;
  height: 24px;
  padding: 0 10px;
  background-color: rgba(51, 51, 51, 0.2);
  color: #fff;
  font-size: 1rem;
  font-weight: 500;
  border-radius: 20px;
  line-height: 1.2;
  font-family: "figtree";
}
.wz_main_visual .nav_wrap .swiper-pagination-fraction .swiper-pagination-current {
  font-weight: 700;
  letter-spacing: 2px;
}
.wz_main_visual .nav_wrap .swiper-pagination-progressbar {
  background: rgba(255, 255, 255, 0.4);
  left: 64px;
  top: 11px;
  width: calc(100% - 125px);
  height: 4px;
}
.wz_main_visual .nav_wrap .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  background: #fff;
}
.wz_main_visual .nav_wrap .swiper_prev,
.wz_main_visual .nav_wrap .swiper_next {
  top: 50%;
  transform: translateY(-50%);
  width: 50px;
  height: 50px;
  transition: all 0.5s ease 0s;
  opacity: 1;
  border-radius: 100%;
  background-color: rgba(51, 51, 51, 0.2);
}
.wz_main_visual .nav_wrap .swiper_prev::before,
.wz_main_visual .nav_wrap .swiper_next::before {
  left: 50%;
  transform: translate(-50%, -50%);
}
.wz_main_visual .nav_wrap .swiper_prev::before {
  background: url("../img/icon/ico_chevron_left_w.svg") center/100% no-repeat;
}
.wz_main_visual .nav_wrap .swiper_next::before {
  background: url("../img/icon/ico_chevron_right_w.svg") center/100% no-repeat;
}
.wz_main_visual .nav_wrap:hover .swiper_prev, .wz_main_visual .nav_wrap:hover .swiper_next {
  opacity: 1;
}

.event_cont_wrap {
  height: 1080px;
  background: url("../img/wz_event_pc_bg.png") 0/100% no-repeat;
  background-size: cover;
}
.event_cont_wrap .swiper {
  position: relative;
  top: 50%;
  transform: translateY(-50%);
}
.event_cont_wrap ul li {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  justify-content: flex-start;
  column-gap: 290px;
  justify-content: center;
  height: auto;
}
.event_cont_wrap ul li:has(.vod_form) {
  column-gap: 100px;
}
.event_cont_wrap ul li.swiper-slide-active .img_wrap {
  animation: leftIn 1s forwards;
}
.event_cont_wrap ul li.swiper-slide-active .con_wrap {
  animation: fadeDown 1s forwards;
}
@keyframes leftIn {
  0% {
    opacity: 0;
    transform: translate(-100px, 0);
  }
  100% {
    opacity: 1;
    transform: translate(0, 0);
  }
}
@keyframes fadeDown {
  0% {
    opacity: 0;
    transform: translate(0, 100px);
  }
  100% {
    opacity: 1;
    transform: translate(0, 0);
  }
}
@keyframes fadeUp {
  0% {
    opacity: 0;
    transform: translate(0, -100px);
  }
  100% {
    opacity: 1;
    transform: translate(0, 0);
  }
}
.event_cont_wrap .img_wrap {
  width: 425px;
  height: 760px;
  border-radius: 10px;
  overflow: hidden;
}
.event_cont_wrap .img_wrap.vod_form {
  width: 760px;
  height: 520px;
}
.event_cont_wrap .con_wrap {
  max-width: 420px;
  color: #fff;
}
.event_cont_wrap .h1 {
  margin-bottom: 40px;
  font-family: "kimm";
  font-size: 5rem;
  font-weight: 300;
  line-height: 6.25rem;
}
.event_cont_wrap .stit {
  font-size: 1.5rem;
  font-weight: 500;
  line-height: 2.125rem;
}
.event_cont_wrap .desc {
  margin-top: 16px;
  font-size: 1.125rem;
  line-height: 28px;
}
.event_cont_wrap .detail_view {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  justify-content: flex-start;
  width: auto;
  margin-top: 60px;
  padding: 0 24px 0 32px;
  border-radius: 50px;
  background-color: #fff;
}
.event_cont_wrap .detail_view::after {
  content: "";
  display: inline-block;
  width: 24px;
  height: 24px;
  margin-left: 8px;
  background: url("../img/icon/ico_chevron_right.svg") 0/100% no-repeat;
}
.event_cont_wrap .swiper_prev::before {
  background: url(../img/icon/ico_chevron_left_w.svg) center/100% no-repeat;
}
.event_cont_wrap .swiper_next::before {
  background: url(../img/icon/ico_chevron_right_w.svg) center/100% no-repeat;
}
.event_cont_wrap .swiper_prev, .event_cont_wrap .swiper_next {
  width: 80px;
}
.event_cont_wrap .swiper_prev::before, .event_cont_wrap .swiper_next::before {
  width: 80px;
  height: 80px;
}

.sticky-tab-cont {
  position: sticky;
  top: 0;
  z-index: 2;
  margin-top: 0 !important;
  padding-top: 96px;
  transition: 0.07s;
  background: #fff;
  z-index: 100;
  overflow: visible;
}
.sticky-tab-cont.sticky-active {
  max-width: 100%;
  min-width: 100%;
}
.sticky-tab-cont.sticky-active::after {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 1px;
  background: #cdcccc;
  z-index: -1;
  content: "";
}
.sticky-tab-cont.sticky-active .sticky-buy {
  opacity: 1;
}
.sticky-tab-cont .sticky-buy {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  justify-content: space-between;
  opacity: 0;
  position: absolute;
  top: 0;
  left: 50%;
  width: 100%;
  min-width: 1192px;
  max-width: 1352px;
  margin: 0 auto;
  padding: 0 80px;
  height: 96px;
  transform: translateX(-50%);
}
.sticky-tab-cont .sticky-buy .prd {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: center;
  justify-content: center;
  gap: 16px;
}
.sticky-tab-cont .sticky-buy .prd .thumb {
  width: 64px;
  height: 64px;
}
.sticky-tab-cont .sticky-buy .prd .prd_title {
  width: calc(100% - 40px);
  font-size: 1.125rem;
  font-weight: 500;
  line-height: 1.75rem;
}
.sticky-tab-cont .sticky-buy .prd .item_price_wrap {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  justify-content: flex-start;
  gap: 6px;
}
.sticky-tab-cont .sticky-buy .prd .item_price_wrap .rate {
  color: #2581C4;
  font-family: "figtree";
  font-size: 1.375rem;
  font-weight: 700;
  line-height: 2rem;
}
.sticky-tab-cont .sticky-buy .prd .item_price_wrap .price_value {
  color: #333;
  font-family: "figtree";
  font-size: 1.375rem;
  font-weight: 700;
  line-height: 2rem;
}
.sticky-tab-cont .sticky-buy .prd .item_price_wrap .price_value em {
  font-size: 1.125rem;
  line-height: 1.5rem;
  font-size: 18px;
  font-weight: 700;
}
.sticky-tab-cont .sticky-buy .prd .item_price_wrap .price_reg {
  color: var(--gray-9-a-9999, #9A9999);
  font-family: "figtree";
  font-size: 14px;
  text-decoration: line-through;
  padding-top: 3px;
}
.sticky-tab-cont .sticky-buy .prd .item_price_wrap .price_reg em {
  vertical-align: 0;
}
.sticky-tab-cont .sticky-buy .right {
  display: flex;
  gap: 10px;
}
.sticky-tab-cont .sticky-buy .btn_like {
  width: 56px;
}
.sticky-tab-cont .sticky-buy .btn_like i[class*=ico] {
  width: 32px;
  height: 32px;
  margin-right: 0;
}
.sticky-tab-cont .sticky-buy .btn_like.active i[class*=ico] {
  animation: like 0.4s 1;
}
.sticky-tab-cont .sticky-buy .btn_like.active i[class*=ico]::before {
  background-image: url("../img/icon/ico_heart_on.svg");
  -webkit-mask-image: url("../img/icon/ico_heart_on.svg");
  mask-image: url("../img/icon/ico_heart_on.svg");
}
@keyframes like {
  0% {
    transform: scale(0.8);
  }
  40% {
    transform: scale(1.3);
  }
  100% {
    transform: scale(1);
  }
}
.sticky-tab-cont .sticky-buy .btn_cart_wrap {
  width: 290px;
}
.sticky-tab-cont .sticky-tabs-container {
  max-width: 1192px;
  height: 100%;
  margin: 0 auto;
}
.sticky-tab-cont .sticky-tabs-container.sticky-active {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  margin-top: 0;
  background-color: #fff;
  z-index: 9999;
}
.sticky-tab-cont .sticky-tabs-container.sticky-active::after {
  content: "";
  width: 100%;
  height: 1px;
  margin-top: -1px;
  background-color: #333;
  z-index: -1;
}
.sticky-tab-cont .sticky-tabs-container.sticky-active .tab_menu {
  width: 1192px;
  margin: 0 auto;
}
.sticky-tab-cont .sticky-tabs-container .inner {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  justify-content: space-between;
  width: 1192px;
  margin: 0 auto;
  padding: 16px 0;
  background-color: #fff;
}

@media screen and (max-width: 834px) {
  .best_gallery {
    aspect-ratio: 1;
  }
  .best_gallery iframe,
  .best_gallery video {
    aspect-ratio: 1;
  }
  .best_gallery .gallery_item .img_wrap.poster {
    aspect-ratio: 1;
  }
} /* 250617 VSFS-26 swiperSlide */
@media screen and (max-width: 834px) {
  .best_gallery {
    max-height: none;
  }
  .best_gallery .gallery_item {
    position: relative;
    display: block;
    opacity: 1;
  }
  .best_gallery .gallery_item .txt_wrap {
    padding: 0 20px;
  }
  .best_gallery .gallery_item .txt_wrap .htit {
    font-size: 2.25rem;
  }
  .best_gallery .gallery_item .txt_wrap .stit {
    font-size: 1.25rem;
  }
  .best_gallery .best_thumb_wrap {
    display: none;
  }
  .best_gallery .swiper-pagination {
    right: 10px;
    bottom: 10px;
    font-weight: 400;
    width: 56px;
    padding: 0 12px;
  }
  .best_gallery .swiper-pagination-current {
    font-weight: 700;
  }
  .best_gallery .swiper-pagination_wrap {
    padding: 0;
    min-width: auto;
    max-width: none;
  }
  .best_gallery .swiper_nav_wrap {
    display: none;
  }
  .cate_nav {
    margin-top: 30px;
    padding: 0 20px 0;
  }
  .cate_nav ul {
    justify-content: center;
    flex-wrap: wrap;
    row-gap: 24px;
  }
  .cate_nav ul li {
    flex-basis: 25%;
  }
  .cate_nav ul li > a p {
    margin-top: 2px;
    font-size: 0.75rem;
  }
  .cate_nav ul li .img_wrap {
    width: 72px;
    height: 72px;
  }
  .theme_tab_wrap .tab_cont_wrap {
    flex-direction: column-reverse;
  }
  .theme_tab_wrap .tab_cont_wrap .tab_cont {
    flex: auto;
    height: auto;
    margin: 0 -24px;
  }
  .theme_tab_wrap .tab_cont_wrap .tab_menu {
    width: auto;
    margin-top: 24px;
  }
  .theme_tab_wrap .tab_cont_wrap .tab_menu ul {
    flex-direction: unset;
    flex-wrap: wrap;
    column-gap: 8px;
  }
  .theme_tab_wrap .tab_cont_wrap .tab_menu ul li {
    width: calc((100% - 8px) / 2);
  }
  .theme_tab_wrap .tab_cont_wrap .tab_menu ul .tab_list > button {
    height: 48px;
    padding: 0;
  }
  .theme_tab_wrap .tab_cont_wrap .tab_menu ul .tab_list > button > span {
    font-size: 1rem;
  }
  .shop_webzine ul {
    flex-wrap: wrap;
  }
  .shop_webzine ul li {
    width: 100%;
  }
  .shop_webzine ul li:nth-child(2) .inbox {
    height: 220px;
  }
  .shop_webzine ul li .inbox {
    height: 220px;
  }
  .shop_webzine ul li .txt_wrap .news_tit {
    font-size: 1.25rem;
    line-height: 1.875rem;
  }
  .shop_webzine ul li .txt_wrap .date {
    font-size: 0.75rem;
  }
  .prd_banner {
    width: 100%;
    max-height: 140px;
    padding: 0;
  }
  .slide_banner .swiper-slide {
    max-height: 520px;
  }
  .slide_banner .swiper_cont_wrap {
    width: 100%;
  }
  .slide_banner .swiper_cont_wrap .swiper-pagination {
    right: 10px;
  }
  .slide_banner .swiper_cont_wrap .swiper_prev,
  .slide_banner .swiper_cont_wrap .swiper_next {
    display: none;
  }
  .user_case_wrap {
    flex-direction: column;
  }
  .user_case_wrap .card_box {
    max-height: 240px;
    margin: 0 -24px 24px;
  }
  .user_case_wrap .card_box .person {
    top: 50px;
  }
  .user_case_wrap .card_box .person span {
    font-size: 6.25rem;
  }
  .user_case_wrap .card_box .person em {
    display: none;
  }
  .user_case_wrap .member_swipe {
    column-gap: 12px;
    row-gap: 24px;
    width: 100%;
  }
  .user_case_wrap .member_swipe .prd_list_item {
    width: calc((100% - 12px) / 2);
  }
  .new_item_wrap {
    flex-direction: column;
    gap: 0;
    width: 100%;
  }
  .new_item_wrap .bg_img {
    left: 0;
    transform: none;
  }
  .new_item_wrap .bg_img img {
    max-width: 100%;
  }
  .new_item_wrap .txt_wrap {
    margin: 44px auto 0;
    padding-left: 74px;
    background: url(../img/icon/ico_new_w.svg) left/64px no-repeat;
  }
  .new_item_wrap .txt_wrap .htit {
    font-size: 28px;
  }
  .new_item_wrap .txt_wrap .desc {
    font-size: 16px;
  }
  .new_item_wrap .swiper {
    overflow: auto;
  }
  .new_item_wrap .prdlist_conts {
    flex: auto;
    margin-top: 24px;
    justify-content: flex-start;
    padding-left: 24px;
    column-gap: 0;
    min-width: 886px;
  }
  .prdlist_conts {
    justify-content: space-between;
    column-gap: 0;
  }
  .prdlist_conts:has(.swiper-wrapper) {
    width: 100%;
    padding: 0;
    transform: unset;
  }
  .prdlist_conts.type_list .prd_list_item > a {
    align-items: flex-start;
  }
  .prdlist_conts.type_list .prd_list_item .prd_item_wrap {
    padding: 0 0 0 24px;
  }
  .prdlist_conts.type_list .prd_list_item .prd_review {
    position: relative;
    right: unset;
    top: unset;
  }
  .prdlist_conts.col2 .prd_list_item {
    width: calc((100% - 12px) / 2);
  }
  .prdlist_conts.col3 .prd_list_item {
    width: calc((100% - 24px) / 3);
  }
  .prdlist_conts.col3 .prd_list_item .prd_item_wrap .prd_price .item_price {
    margin-left: 0;
    flex: 1 0 100%;
  }
  .prdlist_conts.col4 .prd_list_item {
    width: calc((100% - 80px) / 4);
  }
  .prdlist_conts.col5 {
    column-gap: 24px;
  }
  .prdlist_conts.col5 .prd_list_item {
    width: calc((100% - 96px) / 5);
  }
  .prdlist_conts .swiper_prev,
  .prdlist_conts .swiper_next {
    display: none;
    opacity: 0;
  }
  .prdlist_wrap {
    overflow: hidden;
  }
  .prdlist_wrap .hd_txt {
    font-size: 1.25rem;
    font-weight: 600;
  }
  .prdlist_wrap.pos_btm {
    padding: 40px 24px;
  }
  .prdlist_wrap .cate_tit {
    margin-bottom: 12px;
    font-size: 24px;
    font-weight: 500;
    line-height: 34px;
  }
  .prdlist_wrap .item_tag_list {
    justify-content: flex-start;
    width: 100%;
    margin-bottom: 24px;
    overflow-x: auto;
  }
  .prdlist_wrap .prd_banner {
    width: 100vw;
    max-height: 240px;
    margin: 0 -16px 40px; /* margins:0 -24px 40px; 250630 KBGM-106-메인슬라이드상품개수표시 */
    overflow: hidden;
  }
  .prdlist_wrap .prd_list_item .prd_img_wrap {
    flex: 0 0 110px;
  }
  .prdlist_wrap .prd_list_item .prd_img_wrap .util_side {
    left: 8px;
    right: 8px;
    top: 8px;
    bottom: 8px;
  }
  .prdlist_wrap .prd_list_item .prd_img_wrap .util_side .btn_like {
    width: 32px;
    height: 32px;
    background: rgba(255, 255, 255, 0.6) url("../img/icon/ico_heart_off.svg") center/16px no-repeat;
  }
  .prdlist_wrap .prd_list_item .prd_img_wrap .util_side .btn_bag {
    width: 32px;
    height: 32px;
    background: rgba(255, 255, 255, 0.6) url("../img/icon/ico_24_prd_bag_mo.svg") center/20px no-repeat;
  }
  .prdlist_wrap .prd_list_item .prd_img_wrap .util_side .btn_bag[data-saltype="04"] {
    display: none !important;
  }
  .prdlist_wrap .prd_list_item .prd_img_wrap .item_img::before {
    font-size: 12px;
  }
  .prdlist_wrap .prd_list_item .prd_item_wrap .item_title {
    margin-top: 6px;
    font-size: 1rem;
    -webkit-line-clamp: 1;
    line-height: 1.625rem;
  }
  .prdlist_wrap .prd_list_item .prd_item_wrap .prd_price {
    flex-wrap: wrap;
    margin-bottom: 0;
  }
  .prdlist_wrap .prd_list_item .prd_item_wrap .prd_price .discount {
    font-size: 1.125rem;
    font-weight: 500;
  }
  .prdlist_wrap .prd_list_item .prd_item_wrap .prd_price .item_price {
    font-size: 1.125rem;
  }
  .prdlist_wrap .prd_list_item .prd_item_wrap .prd_price .item_price em {
    font-size: 1rem;
  }
  .prdlist_wrap .prd_list_item .prd_item_wrap .prd_price .origin_price {
    font-size: 14px;
    line-height: 16px;
  }
  .prdlist_wrap .prd_list_item .prd_review {
    flex-wrap: wrap;
  }
  .prdlist_wrap .prd_list_item .prd_review .rate::after {
    margin-top: 2px;
  }
  .prdlist_wrap .prd_list_item .prd_review .item_rate {
    max-height: 14px;
  }
  .prdlist_wrap .prd_list_item .prd_review .item_rate_txt {
    font-size: 0.75rem;
  }
  .prdlist_wrap .prd_list_item .prd_review .item_rate_txt::after {
    vertical-align: -1px;
  }
  .prdlist_wrap .prd_list_item .prd_review .item_rate_num {
    font-size: 0.75rem;
    line-height: 1;
    padding-top: 2px;
  }
  .oneday_sale {
    flex-direction: column;
  }
  .oneday_sale .txt_wrap {
    flex-basis: auto;
    margin-bottom: 20px;
    text-align: center;
  }
  .oneday_sale .txt_wrap .htit {
    font-size: 1.75rem;
  }
  .oneday_sale .txt_wrap .desc {
    font-size: 1rem;
  }
  .oneday_sale .txt_wrap .time_count {
    justify-content: center;
    margin-top: 5px;
    font-size: 2.25rem;
  }
  .oneday_sale .txt_wrap .time_count::before {
    width: 48px;
    height: 48px;
  }
  .oneday_sale .prdlist_conts {
    width: 100%;
  }
  .oneday_sale .prdlist_conts .prd_list_item {
    width: 100%;
  }
  .total_cate_wrap {
    margin-top: 0;
    padding: 0;
  }
  .total_cate_wrap .prdlist_wrap {
    padding: 0 24px;
  }
  .total_cate_wrap ul {
    border: 0;
    border-bottom: 1px solid #eee;
  }
  .total_cate_wrap ul li {
    width: 33.333%;
  }
  .total_cate_wrap ul li a {
    font-size: 1rem;
  }
  .category_search_cont {
    max-width: 100%;
    padding: 0 24px;
    margin-top: 24px;
  }
  .category_search_cont:has(.category_filter) {
    display: block;
    padding: 0 24px;
    margin-top: 0;
  }
  .category_search_cont:has(.category_filter) .cate_depth_wrap .prdlist_wrap .prdlist_conts.type_list .prd_list_item {
    width: 100%;
  }
  .category_search_cont:has(.category_filter) .cate_depth_wrap .prdlist_wrap .prdlist_conts .prd_list_item {
    width: calc((100% - 7px) / 2);
  }
  .category_search_cont .category_filter {
    position: relative;
    top: unset;
    left: unset;
    bottom: unset !important;
    width: 100%;
    height: auto;
    overflow: visible;
    z-index: 3;
  }
  .category_search_cont .category_filter .hd_inner {
    display: none;
  }
  .category_search_cont .category_filter .acco_wrap {
    display: flex;
    justify-content: space-between;
    margin-top: 0;
    padding: 16px 24px;
    background-color: #F9F9F9;
  }
  .category_search_cont .category_filter .acco_wrap .acco {
    width: 25%;
    border-bottom: 0;
  }
  .category_search_cont .category_filter .acco_wrap .acco .acco_head {
    display: none;
  }
  .category_search_cont .category_filter .acco_wrap .acco_cont {
    display: block !important;
  }
  .category_search_cont .cate_depth_wrap .depth_header {
    padding: 16px 0 0;
  }
  .category_search_cont .cate_depth_wrap .depth_header .result_txt {
    font-size: 1rem;
  }
  .category_search_cont .cate_depth_wrap .depth_header .sort_option .select-toggle-button {
    max-width: 160px;
    height: 44px;
  }
  .category_search_cont .cate_depth_wrap .depth_header .sort_option .view_select button {
    width: 44px;
    height: 44px;
    font-size: 0;
  }
  .category_search_cont .cate_depth_wrap .depth_header .sort_option .view_select button > span {
    display: none;
  }
  .category_search_cont .cate_depth_wrap .depth_header .sort_option .view_select button [class*=ico].sm {
    width: 24px;
    height: 24px;
    margin-right: 0;
  }
  .category_search_cont .cate_depth_wrap .depth_header .sort_option .view_select button [class*=ico].sm::before {
    background-size: 24px;
  }
  .category_search_cont .cate_depth_wrap .prdlist_wrap .prdlist_conts {
    column-gap: 7px;
    row-gap: 24px;
  }
  .category_search_cont .cate_depth_wrap .prdlist_wrap .prdlist_conts.search_conts {
    margin-top: 0;
  }
  .category_search_cont .cate_depth_wrap .prdlist_wrap .prdlist_conts .prd_list_item {
    width: calc((100% - 7px) / 2);
  }
  .category_search_cont .cate_depth_wrap .prdlist_wrap .prdlist_conts .prd_list_item.soldout .prd_img_wrap::before {
    font-size: 1.3rem;
  }
  .btn_wrap.full {
    margin-top: 24px;
  }
  .prdlist_wrap .item_tag_list li label {
    padding: 0 14px;
    font-size: 14px;
    line-height: 32px;
  }
  .page_tit_wrap h3.title {
    font-size: 1.25rem;
  }
  .ui_multi {
    padding: 0;
  }
  .ui_multi .select-toggle-button {
    display: block;
    height: 44px;
    padding: 0 10px;
  }
  .ui_multi .select-dropbox {
    border: 0;
  }
  .ui_multi .select-options-container {
    max-height: inherit;
  }
  .ui_multi .select-options {
    display: flex;
    flex-direction: column;
    row-gap: 16px;
  }
  .ui_multi .select-option {
    flex-wrap: nowrap;
    justify-content: space-between;
    position: relative;
    height: auto !important;
  }
  .ui_multi .select-option:has(.checkbox) {
    padding-left: 0px;
  }
  .ui_multi .select-option .checkbox {
    display: none;
  }
  .ui_multi .select-option.focused {
    border-bottom: 0;
    background-color: transparent;
  }
  .ui_multi .select-option.selected {
    background-color: transparent;
  }
  .ui_multi .select-option.selected .checkbox::after {
    position: absolute;
    top: 1px;
    left: 1px;
    display: inline-block;
    width: 20px;
    height: 20px;
    background: url("../img/icon/ico_check_r.svg") center no-repeat;
    background-size: 16px;
    content: "";
  }
  .ui_multi .select-option-text {
    width: calc(100% - 40px);
  }
  .ui_multi .select-option-description {
    width: auto;
    overflow: unset;
    font-size: 1rem;
    color: #9a9999;
  }
  .cs_info_cont {
    flex-wrap: wrap;
    row-gap: 16px;
  }
  .cs_info_cont .info_txt {
    padding: 24px;
  }
  .cs_info_cont .info_txt dt {
    font-size: 22px;
  }
  .cs_info_cont .info_txt dd .htit {
    font-size: 14px;
  }
  .cs_info_cont .info_txt dd .date {
    font-size: 16px;
  }
  .cs_info_cont .info_txt dd > span {
    font-size: 12px;
  }
  .cs_info_cont .quick {
    column-gap: 42px;
  }
  .cs_info_cont .quick > a i {
    width: 56px;
    height: 56px;
  }
  .review_wrap .review_list > ul > li {
    flex-direction: column;
    align-items: start;
  }
  .review_wrap .review_list > ul > li:last-child {
    margin-bottom: 0;
  }
  .review_wrap .review_list > ul > li .img_wrap {
    margin-top: 16px;
  }
  .review_wrap .review_list .review_conts {
    max-width: none;
  }
  .review_wrap {
    min-height: 150px;
    margin-top: 0;
  }
  .review_header {
    padding: 16px 0;
    margin-bottom: 16px;
  }
  .review_header .opt_cont {
    flex: 1;
    margin-right: 8px;
  }
  .review_header .sort_opt_wrap {
    flex: 2;
  }
  .review_header .sort_opt_wrap .btn_group {
    display: none;
  }
  .review_header .sort_opt_wrap .btn {
    width: 100%;
  }
  .item_guide_info {
    justify-content: center;
    margin: 0 -24px;
    padding: 30px 26px;
    flex-wrap: wrap;
    gap: 20px 12px;
  }
  .item_guide_info li {
    width: calc(25% - 9px);
  }
  .item_guide_info li:nth-child(4n) .tooltip.active .cont {
    left: auto;
    right: 0;
    min-width: 100%;
    transform: none;
  }
  .item_guide_info li .img_wrap [class*=ico] {
    width: 72px;
    height: 72px;
  }
  .item_guide_info li .item_info .htit {
    font-size: 12px;
  }
  .item_guide_info li .item_info .desc {
    font-size: 14px;
    max-width: 100%;
  }
  .cont_coupon_wrap {
    width: auto;
    margin-top: 40px;
    padding: 20px;
  }
  .cont_coupon_wrap .txt_guide {
    margin-bottom: 16px;
    font-size: 16px;
    line-height: 26px;
  }
  .qna_cont_wrap .table_top {
    align-items: center;
    margin-top: 24px;
  }
  .qna_cont_wrap .qna_filter {
    flex-wrap: wrap;
    align-items: center;
    row-gap: 16px;
  }
  .qna_cont_wrap .qna_filter .select-ele {
    width: 100%;
  }
  .qna_cont_wrap .qna_tbl_list.table tr.reply_wrap td {
    display: none;
  }
  .qna_cont_wrap .qna_tbl_list.table tr.reply_wrap td.answer {
    display: block;
    width: calc(100% + 48px);
    padding: 24px;
    margin: 0 -24px;
  }
  .qna_cont_wrap .qna_tbl_list.table tr.reply_wrap td.answer.type2 .cont {
    gap: 0;
  }
  .qna_cont_wrap .qna_tbl_list.table tr.reply_wrap td.answer.type2 .cont > div:last-child {
    flex-shrink: 0;
    width: 100px;
    padding-right: 24px;
  }
  .qna_cont_wrap .qna_tbl_list.table tr.reply_wrap td.answer.type2 .cont .left {
    flex-grow: 1;
    justify-content: start;
  }
  .qna_cont_wrap .qna_tbl_list.table tr.reply_wrap td.answer.type2 .cont .state.w150,
  .qna_cont_wrap .qna_tbl_list.table tr.reply_wrap td.answer.type2 .cont .state.w116 {
    width: 80px;
    min-width: auto;
    flex-shrink: 0;
  }
  .qna_cont_wrap .qna_tbl_list.table tr.reply_wrap td.answer.type2 .cont .txt {
    padding-right: 16px;
    word-break: break-all;
  }
  .qna_cont_wrap .qna_tbl_list.table tr.reply_wrap td.answer .right {
    text-align: right;
    margin-top: 10px;
    color: #9a9999;
  }
  .qna_cont_wrap .qna_tbl_list.table tr.reply_wrap td.answer .cont {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
  }
  .qna_cont_wrap .qna_tbl_list.table tr.reply_wrap td.answer .cont .state {
    width: 100px;
    color: #FF6170;
    font-size: 0.75rem;
    font-weight: 700;
    line-height: 1.125rem;
    text-align: center;
  }
  .qna_cont_wrap .qna_tbl_list.table tr.reply_wrap td.answer .cont > div .answer_tit {
    display: block;
    margin-bottom: 4px;
    font-weight: 500;
    line-height: 1.625rem;
  }
  .qna_cont_wrap .qna_tbl_list.table tr.reply_wrap td.kblog {
    display: none;
  }
  .qna_cont_wrap .qna_tbl_list.table td {
    border-bottom: 0;
    line-height: 30px;
  }
  .qna_cont_wrap .qna_tbl_list .btn_set {
    margin-top: 0;
  }
  .qna_cont_wrap .btn_wrap .btn.auto {
    width: 100%;
    padding: 0 5px;
  }
  .qna_cont_wrap .btn_wrap .mo_fix {
    position: fixed;
    left: 0;
    bottom: 60px;
    padding: 8px 24px;
    z-index: 100;
    background: #fff;
  }
  .uploader_wrap .inner {
    flex-wrap: wrap;
    gap: 8px;
    padding: 0;
  }
  .uploader_wrap .ui-uploader {
    width: calc((100% - 24px) / 4);
    width: 80px;
    height: 80px;
  }
  .form_password {
    padding: 40px 24px;
  }
  .form_password .form_wrap {
    width: 100%;
  }
  .form_password .form_wrap .inp_box {
    width: 100%;
  }
  .review_detail_wrap {
    flex-direction: column-reverse;
  }
  .review_detail_wrap .preview_thumb {
    flex: auto;
  }
  .review_detail_wrap .preview_thumb .rev_thumb_item {
    max-width: 100%;
  }
  .review_detail_wrap .preview_thumb .rev_thumb_item .swiper-wrapper {
    flex-direction: column;
    row-gap: 8px;
  }
  .review_detail_wrap .preview_thumb .rev_thumb_slider {
    display: none;
  }
  .review_detail_wrap .review_list {
    width: auto;
    margin-bottom: 24px;
  }
  .review_detail_wrap .review_list .review_conts .rev_txt {
    height: 100%;
    padding-right: 0;
    overflow-y: unset;
  }
  .card_benefits ul li .desc > p {
    font-size: 12px;
  }
  .card_benefits ul li .desc > span {
    font-size: 12px;
  }
  .review_report .radio_wrap {
    flex-wrap: wrap;
    gap: 0;
    row-gap: 12px;
  }
  .review_report .radio_wrap .raido_box {
    width: 33.3333333333%;
  }
  .review_report .radio_wrap .raido_box label {
    font-size: 12px;
  }
  .comm_docu_wrap {
    padding-top: 32px;
  }
  .comm_docu_wrap h2 {
    display: none;
  }
  .comm_docu_wrap .inner {
    padding: 0;
  }
  .comm_docu_wrap .inp_box .select-ele {
    max-width: 100%;
  }
  .wz_main_visual > .swiper {
    height: auto;
    aspect-ratio: 1;
  }
  .wz_main_visual .swiper-slide {
    max-height: 100%;
  }
  .wz_main_visual .img_wrap {
    max-height: 100%;
  }
  .wz_main_visual .txt_cont {
    width: auto;
    left: 10px;
    transform: translateX(0);
  }
  .wz_main_visual .txt_cont .htit {
    font-size: 32px;
    line-height: 2.6rem;
  }
  .wz_main_visual .txt_cont .desc {
    font-size: 16px;
  }
  .wz_main_visual .txt_cont.fx_t {
    top: 20px;
  }
  .wz_main_visual .txt_cont.fx_b {
    bottom: 40px;
  }
  .wz_main_visual .txt_cont.fx_c {
    transform: unset;
  }
  .wz_main_visual .nav_wrap {
    height: 0;
    left: 20px;
    right: 10px;
    bottom: 10px;
    width: auto;
    transform: translateX(0);
  }
  .wz_main_visual .nav_wrap .swiper-pagination-fraction {
    right: 10px;
    bottom: 10px;
    font-weight: 400;
    width: 56px;
    padding: 0 12px;
  }
  .wz_main_visual .nav_wrap .swiper-pagination-fraction-current {
    font-weight: 700;
  }
  .wz_main_visual .nav_wrap .swiper-pagination-fraction_wrap {
    padding: 0;
    min-width: auto;
    max-width: none;
  }
  .wz_main_visual .nav_wrap .swiper_prev,
  .wz_main_visual .nav_wrap .swiper_next {
    display: none;
  }
  .wz_main_visual .pagination_wrap {
    padding: 0;
    min-width: auto;
    max-width: none;
  }
  .wz_main_visual .pagination_wrap .swiper-pagination-fraction {
    right: 10px;
    bottom: 10px;
    font-weight: 400;
    width: 56px;
    padding: 0 12px;
  }
  .news_col_list #scroll {
    height: 80px;
  }
  .news_col_list #scroll > ul {
    column-gap: 30px;
  }
  .event_cont_wrap {
    height: 100%;
    padding: 40px 0 !important;
    background: url("../img/wz_event_mo_bg.png") 0/100% no-repeat;
    background-size: cover;
  }
  .event_cont_wrap .swiper {
    top: unset;
    transform: unset;
  }
  .event_cont_wrap ul li {
    flex-direction: column;
    row-gap: 40px;
  }
  .event_cont_wrap ul li.swiper-slide-active .img_wrap {
    animation: fadeUp 1s forwards;
  }
  .event_cont_wrap ul li.swiper-slide-active .con_wrap {
    animation: fadeDown 1s forwards;
  }
  .event_cont_wrap .img_wrap {
    width: 184px;
    height: 330px;
  }
  .event_cont_wrap .img_wrap.vod_form {
    width: 90%;
    height: auto;
    aspect-ratio: 327/221;
  }
  .event_cont_wrap .img_wrap.vod_form iframe {
    width: 100%;
    height: 100%;
  }
  .event_cont_wrap .con_wrap {
    width: 100%;
    padding: 0 20px;
    text-align: center;
  }
  .event_cont_wrap .h1 {
    margin-bottom: 8px;
    font-size: 2.25rem;
    line-height: 2.9rem;
    white-space: normal;
  }
  .event_cont_wrap .h1 br {
    display: none;
  }
  .event_cont_wrap .stit {
    font-size: 1rem;
    line-height: 2.125rem;
  }
  .event_cont_wrap .desc {
    margin-top: 8px;
    font-size: 0.875rem;
    line-height: 1.4rem;
  }
  .event_cont_wrap .detail_view {
    display: inline-flex;
    margin-top: 40px;
  }
  .event_cont_wrap .swiper_prev::before {
    background: url(../img/icon/ico_chevron_left_w.svg) center/100% no-repeat;
  }
  .event_cont_wrap .swiper_next::before {
    background: url(../img/icon/ico_chevron_right_w.svg) center/100% no-repeat;
  }
  .event_cont_wrap .swiper_prev, .event_cont_wrap .swiper_next {
    width: 80px;
  }
  .event_cont_wrap .swiper_prev::before, .event_cont_wrap .swiper_next::before {
    width: 80px;
    height: 80px;
  }
  .event_cont_wrap .nav_wrap {
    display: none;
  }
  .sticky-tab-cont.sticky-active {
    top: 61px;
  }
  .sticky-tab-cont .sticky-buy {
    display: none;
  }
  .sticky-tab-cont.tab_wrap.detail .tab_menu > li {
    padding: 16px 0;
  }
  .sticky-tab-cont.tab_wrap.detail .tab_menu > li.current a {
    font-weight: 500;
  }
  .sticky-tab-cont.tab_wrap.detail .tab_menu > li a {
    font-weight: 400;
  }
  .cover_conts {
    flex-wrap: wrap;
    height: auto;
  }
  .cover_conts .title {
    flex: 1;
    padding: 24px;
    font-size: 24px;
    line-height: 2.125rem;
  }
  .cover_conts .list_con {
    width: 100vw;
    min-height: 500px;
  }
  .cover_conts .list_con > ul > li {
    max-width: 280px;
    padding-bottom: 40px;
  }
  .cover_conts .list_con > ul > li .img_wrap {
    margin: 0;
  }
  .cover_conts .list_con .txt_wrap {
    width: 280px;
    padding: 0 20px;
  }
  .cover_conts .list_con .ctit {
    margin-top: 40px;
    font-size: 20px;
  }
  .cover_conts .list_con .desc {
    margin-top: 32px;
    line-height: 1.4;
  }
  .cover_conts .list_con .img_wrap {
    padding: 0 20px;
  }
  .cover_conts .nav_wrap {
    display: none;
  }
  .cmmt_story_wrap .more {
    display: none;
  }
  .cmmt_story_wrap .slog_tit_wrap {
    padding: 20px 0;
    width: 100%;
    margin: 0;
    overflow: unset;
  }
  .cmmt_story_wrap .slog_tit_wrap::after {
    width: 50px;
  }
  .cmmt_story_wrap .slog_tit_wrap::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    display: inline-block;
    width: 50px;
    height: 100%;
    z-index: 9;
  }
  .cmmt_story_wrap .slog_tit_wrap .inner {
    padding: 0;
  }
  .cmmt_story_wrap .slog_tit_wrap .inner .item {
    font-size: 1.125rem;
  }
  .cmmt_story_wrap .slog_tit_wrap .inner .item.swiper-slide-active {
    font-size: 1.25rem;
  }
  .cmmt_story_wrap .cmt_list_wrap .swiper-container {
    margin: 0;
  }
  .cmmt_story_wrap .cmt_list_wrap .inner {
    margin: 0;
    padding: 0 !important;
  }
  .cmmt_story_wrap .cmt_list_wrap .item {
    flex-direction: column;
  }
  .cmmt_story_wrap .cmt_list_wrap .item .item_col {
    padding: 40px 24px 0;
    border-bottom: 1px solid #cdcccc;
    border-right: none;
  }
  .cmmt_story_wrap .cmt_list_wrap .item .item_col:first-child {
    flex: 1;
    padding: 0;
  }
  .cmmt_story_wrap .cmt_list_wrap .item .item_col:first-child .con_wrap {
    padding: 0 24px 40px;
    text-align: left;
  }
  .cmmt_story_wrap .cmt_list_wrap .item .item_col:first-child .con_wrap .h1 {
    font-size: 24px;
    line-height: 2.125rem;
    display: -webkit-box;
    white-space: normal;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    word-wrap: normal;
    overflow: hidden;
  }
  .cmmt_story_wrap .cmt_list_wrap .item .item_col:first-child .con_wrap .h2 {
    font-size: 14px;
    line-height: 24px;
  }
  .cmmt_story_wrap .cmt_list_wrap .item .item_col:first-child .con_wrap .desc {
    display: -webkit-box;
    white-space: normal;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    word-wrap: normal;
    overflow: hidden;
    font-size: 14px;
    line-height: 24px;
  }
  .cmmt_story_wrap .cmt_list_wrap .item .item_col li {
    margin-bottom: 35px;
  }
  .cmmt_story_wrap .cmt_list_wrap .item .item_col li:last-child {
    margin-bottom: 35px;
  }
  .cmmt_story_wrap .cmt_list_wrap .item .item_col li + li {
    padding-top: 40px;
    border-top: 1px solid #cdcccc;
  }
  .cmmt_story_wrap .cmt_list_wrap .item .item_col li .con_wrap .date {
    margin-bottom: 8px;
  }
  .cmmt_story_wrap .cmt_list_wrap .item .item_col li .con_wrap .h1 {
    display: -webkit-box;
    white-space: normal;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    word-wrap: normal;
    overflow: hidden;
    font-size: 20px;
    line-height: 30px;
  }
  .cmmt_story_wrap .cmt_list_wrap .item .item_col li .con_wrap .h2 {
    font-size: 14px;
    line-height: 24px;
    font-weight: 500;
    margin-top: 8px;
  }
  .cmmt_story_wrap .cmt_list_wrap .item .item_col li .con_wrap .desc {
    display: -webkit-box;
    white-space: normal;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    word-wrap: normal;
    overflow: hidden;
    margin-top: 16px;
    font-size: 14px;
    line-height: 24px;
  }
  .cmmt_story_wrap .cmt_list_wrap .item .item_col .swiper-pagination {
    top: unset;
    bottom: 10px;
    width: 100%;
  }
  .cmmt_story_wrap .cmt_list_wrap .item .item_col.no_item_col {
    display: none;
  }
  .cmmt_story_wrap .swiper_prev, .cmmt_story_wrap .swiper_next {
    visibility: hidden;
  }
  .magazine_wrap {
    height: 560px;
  }
  .magazine_wrap:after {
    display: none;
  }
  .magazine_wrap .swiper-wrapper {
    margin-top: 60px;
  }
  .magazine_wrap .cover_info {
    margin-top: 40px;
  }
  .magazine_wrap .cover_info .title {
    font-size: 12px;
  }
  .magazine_wrap .cover_info .date {
    font-size: 21px;
  }
  .magazine_wrap .cover_info .btn_set > a {
    width: 48px;
    height: 48px;
  }
  .magazine_wrap .nav_wrap {
    bottom: 40px;
    left: 0;
    width: 100%;
    padding: 0 24px;
  }
  .magazine_wrap .nav_wrap .swiper_prev, .magazine_wrap .nav_wrap .swiper_next {
    display: none;
  }
  .magazine_wrap .nav_wrap .swiper-pagination-progressbar {
    width: calc(100% - 48px);
  }
  .sns_cont_wrap .inner {
    width: 100%;
    margin-top: 40px;
  }
  .sns_cont_wrap .inner .sns_list {
    /*        li {
             width: 286px !important;
           } */
  }
  .sns_cont_wrap .inner .sns_list .img_wrap {
    width: 286px;
    height: 286px;
  }
  .sns_cont_wrap .inner .sns_list .img_wrap::before {
    width: 60px;
    height: 60px;
  }
  .sns_cont_wrap .inner .sns_list .txt_cont .stt {
    font-size: 16px;
  }
  .sns_cont_wrap .inner .sns_list .txt_cont .desc {
    font-size: 14px;
  }
  .sns_cont_wrap .inner .htit {
    margin-bottom: 20px;
    font-size: 20px;
    line-height: 1.875rem;
  }
  .hashtag_list {
    flex-wrap: wrap;
    column-gap: 4px;
  }
  .set_item_wrap .htit {
    font-size: 20px;
  }
  .set_item_wrap ul {
    gap: 12px 0;
  }
  .set_item_wrap ul li {
    flex: auto;
  }
  .set_item_wrap ul li a .img_wrap {
    flex: 0 0 45%;
  }
  .set_item_wrap ul li a .txt_wrap {
    padding: 0 24px;
  }
  .set_item_wrap ul li a .txt_wrap .ptit {
    font-size: 1rem;
    line-height: 1.625rem;
  }
  .set_item_wrap ul li a .txt_wrap .desc {
    font-size: 0.875rem;
    line-height: 1.25rem;
  }
  .keyword_random {
    height: auto;
  }
  .keyword_random .ico_refresh {
    left: auto;
    right: 20px;
    top: 10px;
    transform: translateY(10px);
    padding: 15px;
  }
  .keyword_random .item_wrap {
    column-gap: 30px;
  }
  .keyword_random .item_wrap li {
    padding: 0;
    font-size: 18px;
  }
  .keyword_random .item_wrap li.fs01 {
    font-size: 18px;
  }
  .keyword_random .item_wrap li.fs02 {
    font-size: 25px;
  }
  .keyword_random .item_wrap li.fs03 {
    font-size: 45px;
  }
  .product_content_wrap section#page01.short .btn_spread {
    width: 100%;
    padding: 0 24px 20px;
    background: #fff;
  }
  .product_content_wrap section#page01.short .btn_spread::before {
    bottom: 64px;
  }
  .product_content_wrap section#page01 .btn_spread {
    width: 100%;
  }
  .product_content_wrap section#page01 .btn_spread::before {
    bottom: 64px;
  }
  .product_detail_content iframe {
    width: 100% !important;
    height: auto !important;
    aspect-ratio: 16/9;
    vertical-align: top;
  }
  .product_detail_content img {
    width: 100%;
  }
  .coupon_benefit.type2 .benf_price .max_value > div {
    font-size: 18px;
  }
  .coupon_benefit.type2 .benf_price .max_value strong {
    font-size: 25px;
  }
  .coupon_benefit.type2 .benf_price .max_value strong em {
    font-size: 20px;
  }
  .coupon_benefit.type2 .price_info.double > ul > li .htit {
    font-size: 15px;
  }
  .coupon_benefit.type2 .price_info > ul > li .htit {
    font-size: 18px;
  }
  .item_detail_contain .item_info_side .pre_order {
    padding: 16px 12px;
  }
  .item_detail_contain .item_info_side .pre_order .img_wrap {
    display: none;
  }
}
@media screen and (max-width: 819px) {
  .new_item_wrap .prdlist_conts {
    justify-content: flex-start;
    padding-left: 24px;
    column-gap: 0;
    min-width: 886px;
  }
}
.pdb {
  padding-bottom: 120px;
}

.fs_sm {
  font-size: 0.875rem;
  line-height: 1.5rem;
}

.step_wrap {
  position: relative;
}
.step_wrap::before {
  position: absolute;
  top: 39px;
  left: 0;
  width: 100%;
  height: 1px;
  background: #eee;
  z-index: -1;
  content: "";
}

.step_list {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: center;
  justify-content: center;
  gap: 80px;
}
.step_list li {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: center;
  justify-content: center;
  flex-direction: column;
}
.step_list li .ico {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: center;
  justify-content: center;
  width: 80px;
  height: 80px;
  border-radius: 50%;
  background: #cdcccc;
}
.step_list li .ico::before {
  display: block;
  width: 40px;
  height: 40px;
  content: "";
}
.step_list li span {
  display: block;
  margin-top: 4px;
  color: #cdcccc;
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.5rem;
}
.step_list li.active .ico {
  background: #E6313A;
}
.step_list li.active span {
  color: #E6313A;
}

.step_list.join li:nth-child(1) .ico::before {
  background: url("../img/icon/ico_policy_w.svg") no-repeat center;
}
.step_list.join li:nth-child(2) .ico::before {
  background: url("../img/icon/ico_faceid_w.svg") no-repeat center;
}
.step_list.join li:nth-child(3) .ico::before {
  background: url("../img/icon/ico_edit_w.svg") no-repeat center;
}
.step_list.join li:nth-child(4) .ico::before {
  background: url("../img/icon/ico_kbg_w.svg") no-repeat center;
}

.join_wrap {
  padding-top: 80px;
}
.join_wrap h2 {
  font-size: 2.625rem;
  font-weight: 700;
  line-height: 3.375rem;
  text-align: center;
}
.join_wrap .step_wrap {
  margin-top: 40px;
}
.join_wrap .inner {
  width: 100%;
  max-width: 840px;
  padding: 0;
  margin: 0 auto;
}
.join_wrap .join_main {
  padding: 80px 24px 282px;
}
.join_wrap .join_main .inner {
  display: -webkit-box;
  display: flex;
  align-items: flex-end;
  height: 348px;
  background: url("../img/img_members_faceid.png") no-repeat right;
  background-size: 510px 348px;
}
.join_wrap .join_main .desc {
  width: 290px;
  margin-bottom: 16px;
}
.join_wrap .join_main .desc > strong {
  display: block;
  color: #333;
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 2.125rem;
}
.join_wrap .join_main .desc > p {
  margin-top: 16px;
  color: #676766;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.625rem;
}
.join_wrap .join_cont {
  padding: 80px 24px 120px;
}
.join_wrap .join_cont .cont_txt {
  display: block;
  margin-bottom: 24px;
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 2.125rem;
}
.join_wrap .join_cont .cont_txt + .form_wrap {
  margin-top: 0;
}
.join_wrap .join_cont .data_list + .form_wrap {
  margin-top: 40px;
}
.join_wrap .join_cont .check_desc {
  margin-top: 20px;
  color: #676766;
  font-size: 1rem;
  line-height: 1.625rem;
}

.term_list {
  margin-top: 24px;
}
.term_list > li {
  padding: 16px 0;
  border-top: 1px solid #eee;
}
.term_list > li:first-child {
  border-color: #333;
}
.term_list > li:last-child {
  border-bottom: 1px solid #eee;
}
.term_list .term_box {
  padding: 16px 5px 16px 16px;
  border-radius: 4px;
  border: 1px solid #cdcccc;
  background: #FFF;
}
.term_list .term_box + .check_box {
  margin-top: 16px;
}
.term_list .term_box .cont {
  height: 280px;
  padding-right: 50px;
  overflow-y: auto;
}
.term_list .term_box .cont::-webkit-scrollbar {
  width: 4px;
  height: 4px;
}
.term_list .term_box .cont::-webkit-scrollbar-thumb {
  height: 30%;
  background-color: #cdcccc;
  border-radius: 2px;
}
.term_list .term_box .cont::-webkit-scrollbar-track {
  background-color: #fff;
}
.term_list .term_box .cont > strong {
  margin-top: 24px;
  display: block;
  color: #676766;
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.625rem;
}
.term_list .term_box .cont > strong:nth-of-type(1) {
  margin-top: 0;
}
.term_list .term_box .cont > p {
  margin-top: 8px;
  color: #676766;
  font-size: 1rem;
  line-height: 1.625rem;
}
.term_list .btn_pop_open {
  display: none;
}

.join_complete {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  padding: 220px 0 344px;
  background: url("../img/img_members_step4.png") no-repeat center;
}
.join_complete > strong {
  color: #333;
  font-size: 2.625rem;
  font-weight: 700;
  line-height: 3.375rem;
  text-align: center;
}
.join_complete .userid {
  margin-top: 60px;
  color: #e6313a;
  font-size: 3rem;
  font-weight: 500;
  line-height: 3.375rem;
}
.join_complete > p {
  margin-top: 60px;
  color: #333;
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.625rem;
  text-align: center;
}
.join_complete > p > em {
  font-weight: 700;
}

.login_wrap {
  display: -webkit-box;
  display: flex;
  gap: 150px;
  max-width: 1920px;
  margin: 0 auto;
  padding-right: 24px;
}
.login_wrap .intro_txt {
  position: relative;
  width: 1050px;
  background: url("../img/img_login.svg") no-repeat right 0;
  background-size: cover;
}
.login_wrap .intro_txt > strong {
  position: absolute;
  top: 120px;
  left: 100px;
  display: block;
  color: #fff;
  font-size: 2.625rem;
  font-weight: 700;
  line-height: 3.375rem;
}
.login_wrap .info_inp_wrap {
  width: 510px;
  height: 1024px;
  padding: 120px 0 288px;
  flex-shrink: 0;
}
.login_wrap .info_inp_wrap .info_tit {
  display: block;
  color: #333;
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 2.125rem;
}
.login_wrap .info_inp_wrap .info_tit + .info_txt {
  margin-top: 8px;
}
.login_wrap .info_inp_wrap .info_txt {
  color: #676766;
  font-size: 1rem;
  line-height: 1.625rem;
}
.login_wrap .info_inp_wrap .login_form {
  margin-top: 40px;
}
.login_wrap .info_inp_wrap .login_form .inp_box + .inp_box {
  margin-top: 8px;
}
.login_wrap .info_inp_wrap .login_form .else {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  justify-content: space-between;
  margin-top: 16px;
}
.login_wrap .info_inp_wrap .login_form .else .search {
  display: -webkit-box;
  display: flex;
  gap: 12px;
}
.login_wrap .info_inp_wrap .login_form .else .search > a {
  color: #676766;
  font-size: 0.875rem;
  line-height: 1.5rem;
}
.login_wrap .info_inp_wrap .login_form .else .search > a + a::before {
  display: inline-block;
  width: 1px;
  height: 16px;
  background: #cdcccc;
  margin-right: 12px;
  vertical-align: -3px;
  content: "";
}
.login_wrap .info_inp_wrap .sns {
  position: relative;
  margin-top: 60px;
  text-align: center;
}
.login_wrap .info_inp_wrap .sns > em {
  display: inline-block;
  padding: 0 16px;
  color: #676766;
  background: #fff;
  font-size: 0.875rem;
  line-height: 1.5rem;
}
.login_wrap .info_inp_wrap .sns > em::before {
  position: absolute;
  top: 12px;
  left: 0;
  right: 0;
  width: 100%;
  height: 1px;
  background: #cdcccc;
  z-index: -1;
  content: "";
}
.login_wrap .info_inp_wrap .sns > ul {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: center;
  justify-content: center;
  gap: 40px;
  margin-top: 24px;
}
.login_wrap .info_inp_wrap .sns > ul > li button {
  background: none;
  cursor: pointer;
}
.login_wrap .info_inp_wrap .sns > ul > li button span {
  display: block;
  width: 80px;
  height: 80px;
}
.login_wrap .info_inp_wrap .sns > ul > li button.naver span {
  background: url("../img/icon/ico_naver.png") no-repeat center;
  background-size: cover;
}
.login_wrap .info_inp_wrap .sns > ul > li button.kakao span {
  background: url("../img/icon/ico_kakao.png") no-repeat center;
  background-size: cover;
}
.login_wrap .info_inp_wrap .info_form {
  margin-top: 24px;
}
.login_wrap .info_inp_wrap .info_form::after {
  display: block;
  clear: both;
  content: "";
}
.login_wrap .info_inp_wrap .info_form > * {
  margin-top: 8px;
}
.login_wrap .info_inp_wrap .userid_check {
  margin-top: 24px;
}
.login_wrap .info_inp_wrap .userid_check .id {
  color: #333;
  font-size: 1rem;
}
.login_wrap .info_inp_wrap .userid_check .id > em {
  color: #e6313a;
  font-size: 1.625rem;
  font-weight: 500;
  line-height: 2.125rem;
  letter-spacing: -0.5px;
}
.login_wrap .info_inp_wrap .userid_check.box {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: center;
  justify-content: center;
  min-height: 210px;
  border: 1px solid #cdcccc;
  border-radius: 4px;
}
.login_wrap .info_inp_wrap .userid_check.box .id {
  font-size: 0;
}
.login_wrap .info_inp_wrap .userid_check.box .id > em {
  color: #e6313a;
  font-size: 1.625rem;
  font-weight: 500;
  line-height: 2.125rem;
  letter-spacing: -0.5px;
}

section.cart_top {
  padding: 60px 0;
}

.cart_top {
  background: #F9F9F9;
}
.cart_top .inner {
  min-width: 1192px;
  max-width: 1352px;
  margin: 0 auto;
  padding: 0 80px;
}
.cart_top .inner .step {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: center;
  justify-content: center;
  gap: 8px;
}
.cart_top .inner .step > li {
  font-size: 2.25rem;
  line-height: 3.125rem;
  color: #cdcccc;
}
.cart_top .inner .step > li.current {
  font-weight: 700;
  color: #333;
}
.cart_top .inner .step > li + li::before {
  display: inline-block;
  width: 24px;
  height: 24px;
  margin-right: 8px;
  background: url("../img/icon/ico_24_large_chevron_right.svg") no-repeat;
  content: "";
}
.cart_top.type2 {
  padding: 77px 0;
}

.cart_empty {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: center;
  justify-content: center;
  flex-direction: column;
  padding: 120px 0 0;
  margin-top: 0;
}
.cart_empty .txt {
  color: #9a9999;
  font-size: 1rem;
  line-height: 1.625rem;
  text-align: center;
}
.cart_empty .txt::before {
  display: block;
  width: 80px;
  height: 90px;
  margin: 0 auto 16px;
  content: "";
  background-color: #cdcccc;
  -webkit-mask-image: url("../img/icon/ico_cart.svg");
  mask-image: url("../img/icon/ico_cart.svg");
  -webkit-mask-size: 80px;
  mask-size: 80px;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  background-image: none;
}

section.cart_btm {
  padding: 80px 0;
}

.cart_btm {
  margin-top: 120px;
  background: #F5F5F5;
}
.cart_btm .inner {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  justify-content: space-between;
  align-items: flex-end;
  min-width: 1192px;
  max-width: 1352px;
  margin: 0 auto;
  padding: 0 80px;
}
.cart_btm .inner .txt::before {
  display: block;
  margin-bottom: 16px;
  width: 80px;
  height: 80px;
  background: url("../img/icon/ico_80_kbg_logo.svg") no-repeat center;
  background-size: 80px;
  content: "";
}
.cart_btm .inner .txt strong {
  display: block;
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 2.125rem;
}
.cart_btm .inner .txt p {
  margin-top: 8px;
  color: #676766;
  font-size: 1rem;
  line-height: 1.625rem;
}

.cart_wrap {
  position: relative;
  width: 1352px;
  margin-top: 40px;
  padding-bottom: 120px;
}
.cart_wrap > .cont {
  padding: 0 306px 0 0;
}
.cart_wrap > .cont.half {
  padding: 0;
  display: -webkit-box;
  display: flex;
  gap: 32px;
}
.cart_wrap > .cont.half .right .data_list_tit {
  margin-top: 56px;
}
.cart_wrap > .cont.half + .bottom_area {
  margin-top: 128px;
}
.cart_wrap > .cont .bottom {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  justify-content: space-between;
  margin-bottom: 18px;
}
.cart_wrap > .cont .bottom .selector {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: center;
  justify-content: center;
}
.cart_wrap > .cont .bottom .selector .del {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  justify-content: space-between;
}
.cart_wrap > .cont .bottom .selector .del::before {
  display: inline-block;
  width: 1px;
  height: 18px;
  background: #CDCCCC;
  margin: 0 20px;
  content: "";
}
.cart_wrap > .cont .bottom .selector .del > li {
  line-height: 1;
}
.cart_wrap > .cont .bottom .selector .del > li + li::before {
  display: inline-block;
  width: 1px;
  height: 16px;
  margin-right: 16px;
  background: #cdcccc;
  vertical-align: -3px;
  content: "";
}
.cart_wrap > .cont .bottom .selector .del > li button {
  color: #676766;
  font-size: 0.875rem;
  line-height: 31px;
}
.cart_wrap > .cont .bottom .btn_print {
  margin-left: auto;
  margin-right: 20px;
}
.cart_wrap .cart_list {
  border-top: 1px solid #333;
}
.cart_wrap .cart_list.noline .top {
  border-bottom: 0;
  padding-bottom: 0;
}
.cart_wrap .cart_list + .cart_list {
  margin-top: 40px;
}
.cart_wrap .cart_list > .top {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  justify-content: space-between;
  padding: 16px 0;
  border-bottom: 1px solid #cdcccc;
}
.cart_wrap .cart_list > .top .left {
  display: -webkit-box;
  display: flex;
  gap: 8px;
  font-size: 1.25rem;
  font-weight: 700;
  line-height: 1.875rem;
}
.cart_wrap .cart_list > .top .left .check_box label {
  font-size: 1.25rem;
  font-weight: 700;
  line-height: 1.875rem;
}
.cart_wrap .cart_list > .top .left .check_box label::before {
  display: none;
  vertical-align: -3px;
}
.cart_wrap .cart_list > .top .left .check_box label::after {
  top: 5px;
}
.cart_wrap .cart_list > .top .left > em {
  font-size: 1.25rem;
  font-weight: 700;
  line-height: 1.875rem;
}
.cart_wrap .cart_list > .top .left > p {
  color: #676766;
  font-size: 0.875rem;
  line-height: 1.875rem;
}
.cart_wrap .cart_list > .top .right .count {
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 1.5rem;
}
.cart_wrap .cart_list > .top .right .count span {
  font-family: "figtree";
}
.cart_wrap .cart_list .pd_list {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  gap: 20px;
  padding: 16px 0;
  border-bottom: 1px solid #cdcccc;
}
.cart_wrap .cart_list .pd_list > .top {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  justify-content: space-between;
  margin-bottom: 8px;
}
.cart_wrap .cart_list .pd_list > .top .check_box label::before {
  margin-right: 0;
}
.cart_wrap .cart_list .pd_list .detail {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  justify-content: space-between;
  flex-grow: 1;
  gap: 30px;
}
.cart_wrap .cart_list .pd_list .detail + .detail {
  padding-top: 16px;
  border-top: 1px solid #F5F5F5;
}
.cart_wrap .cart_list .pd_list .detail .pd_name {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: center;
  justify-content: center;
  justify-content: start;
  gap: 12px;
  max-width: 420px;
}
.cart_wrap .cart_list .pd_list .detail .pd_name .raido_img_wrap .raido_box input:checked + label::after {
  top: 50%;
  transform: translateY(-50%);
}
.cart_wrap .cart_list .pd_list .detail .pd_name .raido_img_wrap .raido_box label {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: center;
  justify-content: center;
}
.cart_wrap .cart_list .pd_list .detail .pd_name .raido_img_wrap .raido_box label::before {
  flex-shrink: 0;
}
.cart_wrap .cart_list .pd_list .detail .pd_name .raido_img_wrap .raido_box label {
  gap: 8px;
}
.cart_wrap .cart_list .pd_list .detail .pd_name .thumb {
  flex-shrink: 0;
  display: block;
  width: 100px;
  height: 100px;
  border-radius: 4px;
  overflow: hidden;
}
.cart_wrap .cart_list .pd_list .detail .pd_name .name .tit {
  display: block;
  font-size: 1rem;
  line-height: 1.625rem;
}
.cart_wrap .cart_list .pd_list .detail .pd_price_wrap {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  justify-content: space-between;
  gap: 24px;
  margin-left: auto;
}
.cart_wrap .cart_list .pd_list .detail .pd_price_wrap .num {
  min-width: 132px;
  font-family: "figtree";
  font-size: 1rem;
  line-height: 1.625rem;
  text-align: center;
}
.cart_wrap .cart_list .pd_list .btn_delete {
  flex-shrink: 0;
}
.cart_wrap .cart_list .pd_list .bottom {
  padding: 16px 0;
  border-top: 1px solid #F5F5F5;
}
.cart_wrap .cart_list .disc_view {
  width: 100%;
  padding: 24px;
  background: #F9F9F9;
}
.cart_wrap .cart_list .disc_view.add_disc {
  margin-top: 16px;
  border-radius: 4px;
  border: 1px solid #333;
}
.cart_wrap .cart_list .disc_view > ul > li {
  display: -webkit-box;
  display: flex;
  gap: 16px;
}
.cart_wrap .cart_list .disc_view > ul > li > em {
  min-width: 75px;
  font-size: 0.875rem;
  font-weight: 700;
  line-height: 1.5rem;
}
.cart_wrap .cart_list .disc_view > ul > li .raido_box {
  display: -webkit-box;
  display: flex;
  gap: 8px;
  align-items: center;
}
.cart_wrap .cart_list .disc_view > ul > li .disc_price {
  font-size: 0.875rem;
  line-height: 1.12rem;
  color: #E6313A;
}
.cart_wrap .cart_list .disc_view > ul > li .disc_price span {
  font-family: "figtree";
}
.cart_wrap .cart_list .disc_view > ul > li + li {
  margin-top: 20px;
}
.cart_wrap .cart_list .price {
  min-width: 120px;
  text-align: center;
  flex-shrink: 0;
}
.cart_wrap .cart_list .price > div {
  font-size: 0.75rem;
  line-height: 1.125rem;
}
.cart_wrap .cart_list .price > div em {
  font-family: "figtree";
  font-size: 1.125rem;
  font-weight: 700;
  line-height: 1.75rem;
  display: inline-block;
  vertical-align: -2px;
}
.cart_wrap .cart_list .price > s {
  color: #9a9999;
  font-family: "figtree";
  font-size: 0.75rem;
  line-height: 1.125rem;
}
.cart_wrap .cart_list .price .fee {
  color: #9a9999;
}
.cart_wrap .cart_list .price .fee.mo_fee {
  display: none;
}
.cart_wrap .cart_list .price .fee span {
  font-family: "figtree";
}
.cart_wrap .cart_list .dot_list {
  margin-top: 16px;
}
.cart_wrap .cart_info {
  margin-top: 40px;
}
.cart_wrap .cart_info .dot_lsit_tit {
  margin-top: 24px;
}
.cart_wrap .cart_info .dot_lsit_tit:first-child {
  margin-top: 0;
}
.cart_wrap .form_head {
  margin-top: 80px;
}
.cart_wrap .form_list .cont .point {
  color: #e6313a;
  font-family: "figtree";
  font-size: 1.625rem;
  font-weight: 500;
  line-height: 2.25rem;
}
.cart_wrap .status_info {
  padding: 60px 0;
  margin-top: 80px;
  text-align: center;
  border-top: 1px solid #333;
  border-bottom: 1px solid #333;
}
.cart_wrap .status_info + .cont {
  margin-top: 80px;
}
.cart_wrap .status_info > strong {
  display: block;
  font-size: 1.75rem;
  font-weight: 700;
  line-height: 2.375rem;
}
.cart_wrap .status_info > strong > span {
  color: #E6313A;
}
.cart_wrap .status_info > p {
  margin-top: 12px;
  font-size: 1.375rem;
  font-weight: 500;
  line-height: 2.125rem;
}
.cart_wrap .status_info > p > span {
  color: #E6313A;
}
.cart_wrap .bottom_area {
  margin-top: 20px;
  padding: 10px 0 0;
  /* border-top: 1px solid #333; */
  text-align: center;
}
.cart_wrap .bottom_area p {
  font-size: 1.125rem;
  line-height: 1.75rem;
}
.cart_wrap .bottom_area p + .btn_wrap {
  margin-top: 24px;
}
.cart_wrap .bottom_area .btn_wrap {
  margin-top: 0;
}
.cart_wrap .total_check {
  border: 1px solid #eee;
  border-radius: 4px;
  overflow: hidden;
}
.cart_wrap .total_check .tit {
  display: block;
  padding: 16px 24px;
  background: #F5F5F5;
  color: #333;
  font-size: 1.25rem;
  font-weight: 700;
  line-height: 1.875rem;
}
.cart_wrap .total_check .cont {
  padding: 0 24px;
  background: #F5F5F5;
}
.cart_wrap .total_check .cont .list {
  padding: 24px 0;
}
.cart_wrap .total_check .cont .list > li {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  justify-content: space-between;
  color: #333;
  font-size: 0.875rem;
  line-height: 1.5rem;
}
.cart_wrap .total_check .cont .list > li > span {
  font-family: "figtree";
}
.cart_wrap .total_check .cont .list > li + li {
  margin-top: 8px;
}
.cart_wrap .total_check .cont .bottom_total {
  padding: 24px 0;
  border-top: 1px solid #cdcccc;
}
.cart_wrap .total_check .cont .bottom_total .total {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  justify-content: space-between;
}
.cart_wrap .total_check .cont .bottom_total .total > strong {
  color: #333;
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.625rem;
}
.cart_wrap .total_check .cont .bottom_total .total > span {
  display: inline-flex;
  align-items: center;
  justify-content: flex-end;
  color: #e6313a;
  font-size: 0.875rem;
  line-height: 1;
}
.cart_wrap .total_check .cont .bottom_total .total > span em {
  font-family: "figtree";
  font-size: 1.375rem;
  font-weight: 700;
  display: inline-block;
  vertical-align: -2px;
  margin-right: 1px;
}
.cart_wrap .total_check .cont .bottom_total .point {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  justify-content: space-between;
  margin-top: 8px;
}
.cart_wrap .total_check .cont .bottom_total .point > * {
  font-family: "figtree";
  color: #333;
  font-size: 0.875rem;
  line-height: 1.5rem;
}
.cart_wrap .floating {
  position: absolute;
  top: 0;
  right: 80px;
  width: 274px;
}
.cart_wrap .floating::after {
  display: block;
  clear: both;
  content: "";
}
.cart_wrap .floating .flex_box {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 9px;
  margin-top: 12px;
}
.cart_wrap .floating .flex_box > * {
  flex: 1;
}
.cart_wrap .floating > .btn.lg {
  width: 274px;
  margin-top: 12px;
}
.cart_wrap .floating > .btn_line_txt {
  float: right;
  margin-top: 16px;
}

.gift_list {
  display: flex;
  flex-direction: column;
  padding-top: 16px;
  border-top: 1px solid #F5F5F5;
}
.gift_list .tit {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  justify-content: flex-start;
  font-size: 14px;
  font-weight: 500;
}
.gift_list ul {
  flex: 1;
}
.gift_list ul li {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  justify-content: space-between;
  padding: 16px 0;
  border-top: 1px solid #F5F5F5;
}
.gift_list ul li:first-child {
  border-top: 0;
}
.gift_list ul li .gift {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: center;
  justify-content: center;
  justify-content: flex-start;
  gap: 16px;
}
.gift_list ul li .gift em {
  color: #ff6170;
  font-size: 12px;
  font-weight: 700;
}
.gift_list ul li .gift .thumb {
  width: 100px;
  height: 100px;
  border-radius: 4px;
  overflow: hidden;
}
.gift_list ul li .gift > span {
  font-size: 0.875rem;
  line-height: 1.5rem;
}
.gift_list ul li .right {
  display: -webkit-box;
  display: flex;
  gap: 24px;
}
.gift_list ul li .right > div {
  min-width: 132px;
  font-family: "figtree";
  font-size: 0.75rem;
  line-height: 1.125rem;
}
.gift_list ul li .right > div span {
  font-family: "figtree";
}
.gift_list ul li .right .g_amount {
  text-align: center;
}
.gift_list ul li .right .g_price {
  text-align: center;
}
.gift_list ul li .right .g_price.type2 {
  min-width: 84px;
}

.order_price {
  position: relative;
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: center;
  justify-content: center;
  margin: 80px 0;
  padding: 22px;
  background: #333;
}
.order_price > div {
  color: #fff;
  font-size: 1.25rem;
  font-weight: 700;
}
.order_price > div span {
  margin-left: 16px;
  color: #ff6170;
  font-size: 0.875rem;
}
.order_price > div span em {
  font-family: "figtree";
  font-size: 1.375rem;
  font-weight: 700;
}
.order_price .btn_line_txt {
  position: absolute;
  bottom: -33px;
  right: 0;
  color: #e6313a;
  border-color: #e6313a;
  font-size: 0.75rem;
  line-height: 1.2rem;
}

.pay_wrap .pay_info > li {
  display: none;
}
.pay_wrap .pay_info > li.active {
  display: block;
}

.pay_list {
  display: -webkit-box;
  display: flex;
  gap: 8px;
}
.pay_list > li {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: center;
  justify-content: center;
  width: 150px;
  height: 66px;
  border-radius: 4px;
  border: 1px solid #cdcccc;
  background: #fff;
  color: #676766;
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 1.5rem;
  text-align: center;
  cursor: pointer;
}
.pay_list > li.img span {
  display: inline-block;
  height: 19px;
  vertical-align: middle;
}
.pay_list > li.img span img {
  object-fit: contain;
}
.pay_list > li.active {
  border-color: #333;
  background-color: #333;
  color: #fff;
}

.data_list p + .dot_list {
  margin-top: 6px;
}
.data_list .dot_list + .check_box {
  margin-top: 24px;
}
.data_list .check_box + p {
  margin-top: 12px;
}

.raido_img_wrap {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: center;
  justify-content: center;
  gap: 8px;
}
.raido_img_wrap .raido_box label::before {
  margin-right: 0;
}

.amount {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: center;
  justify-content: center;
  flex-direction: column;
}
.amount.am_pc {
  display: flex;
}
.amount.am_mo {
  display: none;
}
.amount .wrap {
  display: -webkit-box;
  display: flex;
}
.amount .wrap .minus,
.amount .wrap .add {
  width: 40px;
  height: 40px;
  border: 1px solid #eee;
  border-radius: 4px 0px 0px 4px;
}
.amount .wrap .minus i,
.amount .wrap .add i {
  vertical-align: -3px;
}
.amount .wrap .minus {
  margin-right: -1px;
  border-right: 0;
}
.amount .wrap .minus:disabled {
  cursor: auto;
}
.amount .wrap .minus:disabled .ico_minus::before {
  background-color: #eee;
  -webkit-mask-image: url("../img/icon/ico_minus.svg");
  mask-image: url("../img/icon/ico_minus.svg");
  -webkit-mask-size: cover;
  mask-size: cover;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  background-image: none;
}
.amount .wrap .add {
  border-radius: 0px 4px 4px 0px;
  border-left: 0;
  margin-left: -1px;
}
.amount .wrap .add:disabled {
  cursor: auto;
}
.amount .wrap .add:disabled .ico_add::before {
  background-color: #eee;
  -webkit-mask-image: url("../img/icon/ico_add.svg");
  mask-image: url("../img/icon/ico_add.svg");
  -webkit-mask-size: cover;
  mask-size: cover;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  background-image: none;
}
.amount .wrap .inp_box .input_text {
  width: 54px;
  height: 40px;
  min-height: 0;
  padding: 0 10px;
  background: #fff;
  border: 0;
  border: 1px solid #eee;
  border-left: 0;
  border-right: 0;
  border-radius: 0;
  color: #333;
  font-family: "figtree";
  font-size: 1rem;
  line-height: 1.625rem;
  text-align: center;
  caret-color: #333;
}
.amount .wrap .inp_box .input_text:disabled {
  color: #9a9999;
}
.amount > button {
  margin-top: 8px;
}

.coupon_list {
  padding: 0 24px 40px;
}
.coupon_list > li + li {
  margin-top: 40px;
}
.coupon_list .coupon {
  position: relative;
  display: block;
  max-width: 327px;
  width: 100%;
  height: auto;
  aspect-ratio: 327/188;
  color: #fff;
}
.coupon_list .coupon .txtbox {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  justify-content: space-between;
  align-items: center;
  height: 100%;
  padding: 0 24px;
}
.coupon_list .coupon .txtbox .info {
  text-align: left;
}
.coupon_list .coupon .txtbox .info .percent {
  font-size: 1.8rem;
  font-weight: 700;
  line-height: 1;
}
.coupon_list .coupon .txtbox .info .percent span {
  font-size: 3.5rem;
  font-weight: 700;
}
.coupon_list .coupon .txtbox .info .tit {
  display: block;
  font-size: 1.2rem;
  font-weight: 700;
  line-height: 1.6;
}
.coupon_list .coupon .txtbox .info .date {
  display: block;
  font-size: 0.75rem;
  line-height: 1.6;
  color: #fff;
}
.coupon_list .coupon > img, .coupon_list .coupon picture {
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  width: 100%;
  height: auto;
  object-fit: contain;
}
.coupon_list .coupon_info {
  margin-top: 16px;
  text-align: center;
}
.coupon_list .coupon_info .txt {
  font-size: 1rem;
  line-height: 1.625rem;
}
.coupon_list .coupon_info .txt strong {
  display: block;
  font-family: "figtree";
  font-size: 1.25rem;
  font-weight: 700;
  line-height: 1.875rem;
}
.coupon_list .coupon_info .date {
  display: block;
  margin-top: 8px;
  color: #676766;
  font-size: 0.75rem;
  line-height: 1.125rem;
}

.acco .table {
  border: 0;
}
.acco .table + .dot_list {
  margin-top: 16px;
}
.acco .form_wrap .form_list {
  border: 0;
  margin-top: 0;
}
.acco .acco_cont .cart_list {
  border: 0;
}

.address_list {
  border-top: 1px solid #333;
}
.address_list > li {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  justify-content: space-between;
  gap: 16px;
  padding: 16px 0;
  border-bottom: 1px solid #eee;
}
.address_list > li:last-child {
  border-bottom: 1px solid #cdcccc;
}
.address_list > li .info .name {
  display: block;
  margin-bottom: 8px;
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.625rem;
}
.address_list > li .info .name .badge {
  margin-left: 8px;
}
.address_list > li .info div {
  font-size: 1rem;
  line-height: 1.625rem;
}
.address_list > li .info div + div {
  margin-top: 4px;
}
.address_list > li .btn_cont {
  display: -webkit-box;
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.address_list > li .btn_cont.row {
  flex-direction: row;
}

.order_sch_top {
  margin: 40px 0 24px;
  display: -webkit-box;
  display: flex;
  justify-content: flex-end;
}
.order_sch_top .wrap {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: center;
  justify-content: center;
}
.order_sch_top .wrap .date_set {
  display: -webkit-box;
  display: flex;
  gap: 16px;
}
.order_sch_top .wrap .date_set > li + li::before {
  display: inline-block;
  width: 1px;
  height: 16px;
  margin-right: 16px;
  background: #cdcccc;
  vertical-align: -4px;
  content: "";
}
.order_sch_top .wrap > button {
  margin-left: 8px;
}

.game_list {
  display: -webkit-box;
  display: flex;
  align-items: flex-start;
  flex-wrap: wrap;
  gap: 80px 32px;
}
.game_list.pos_btm {
  min-width: 100%;
  padding: 80px 0;
  background-color: #F6F6F6;
}
.game_list .hashtag_list {
  max-height: 82px;
  overflow: hidden;
}
.game_list > li {
  width: calc((100% - 64px) / 3);
}
.game_list > li.end {
  pointer-events: none;
}
.game_list > li .img_wrap {
  position: relative;
  border-radius: 4px;
  overflow: hidden;
}
.game_list > li .img_wrap .img {
  position: relative;
  height: 0;
  padding-top: 71.276595%;
  border-radius: 4px;
  overflow: hidden;
}
.game_list > li .img_wrap .img img {
  position: absolute;
  top: 0;
  left: 0;
}
.game_list > li .img_wrap .state {
  position: absolute;
  top: 0;
  right: 0;
  height: 24px;
  padding: 0 8px;
  background: rgba(0, 0, 0, 0.5);
  color: #fff;
  font-family: "figtree";
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 23px;
}
.game_list > li .tit {
  display: -webkit-box;
  margin-top: 24px;
  font-size: 28px;
  font-weight: 500;
  line-height: 2.5rem;
  white-space: normal;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  word-wrap: normal;
  overflow: hidden;
}
.game_list > li .txt {
  margin-top: 8px;
  font-size: 1rem;
  line-height: 1.625rem;
  white-space: normal;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  word-wrap: normal;
  overflow: hidden;
}
.game_list > li .date {
  display: block;
  margin-top: 8px;
  color: #9a9999;
  font-family: "figtree";
  font-size: 0.875rem;
  line-height: 1.5rem;
}

.game_detail {
  position: relative;
  overflow: visible;
  line-height: 1.7;
  word-break: normal;
}
.game_detail ol {
  padding-left: 20px;
}
.game_detail ol li {
  list-style: auto;
  margin: 4px 0;
}
.game_detail ul {
  padding-left: 20px;
}
.game_detail ul li {
  margin: 4px 0;
  list-style: disc;
}
.game_detail .img {
  display: block;
  margin-bottom: 40px;
  border-radius: 4px;
  overflow: hidden;
  text-align: center;
}
.game_detail .img img {
  width: auto;
}
.game_detail .img .down {
  display: inline-block;
  position: relative;
  width: 600px;
  height: 780px;
  border: 1px solid #cdcccc;
}
.game_detail .img .down img {
  width: 100%;
}
.game_detail .img .down button {
  position: absolute;
  right: 0;
  bottom: 0;
  background: rgba(17, 17, 17, 0.85);
  width: 202px;
  height: 52px;
  color: #fff;
  font-size: 1rem;
  font-weight: 700;
}
.game_detail .img .down button i {
  margin-right: 8px;
  vertical-align: 0;
}
.game_detail div, .game_detail strong, .game_detail p {
  line-height: 1.7;
}
.game_detail img {
  width: revert-layer;
  height: auto;
  object-fit: contain;
}
.game_detail .se-component-content {
  padding: 0 !important;
}
.game_detail iframe {
  width: 100%;
  height: 100%;
  aspect-ratio: 375/202;
  vertical-align: top;
}
.game_detail .shorts_type {
  text-align: center;
}
.game_detail .shorts_type iframe {
  width: 425px;
  height: 760px;
  border-radius: 10px;
  overflow: hidden;
}
.game_detail .video_box {
  width: 100%;
  height: auto;
  margin: 0 auto 40px;
}
.game_detail .video_box video[poster] {
  height: 100%;
  width: 100%;
}
.game_detail .video_box .video_cont {
  width: 100%;
  object-fit: cover;
  object-position: center center;
  vertical-align: top;
}
.game_detail .video_box .video_cont iframe {
  width: 100%;
  height: 100%;
  aspect-ratio: 375/202;
  vertical-align: top;
}

.detail_type_cul, .detail_type_cul * {
  font-family: Pretendard, sans-serif;
}
.detail_type_cul {
  max-width: 960px;
  min-width: 0;
  margin-top: 50px;
}
.detail_type_cul + section {
  margin-top: 80px;
}
.detail_type_cul .detail_top {
  margin-bottom: 40px;
  padding-bottom: 32px;
  border-bottom: 1px solid #E2E2E2;
  text-align: center;
}
.detail_type_cul .detail_top .tit {
  font-size: 1.75rem;
  font-weight: 700 !important;
  line-height: 38px;
  text-align: center;
  color: #111;
}
.detail_type_cul .detail_top .txt {
  margin-top: 12px;
  color: #333;
  font-size: 1.125rem;
  line-height: 1.5;
}
.detail_type_cul .detail_top_img {
  margin-bottom: 32px;
}
.detail_type_cul .detail_top .bottom {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 20px;
  margin-top: 32px;
  padding-top: 32px;
  text-align: left;
  border-top: 1px solid #e2e2e2;
}
.detail_type_cul .detail_top .bottom .date {
  color: #9a9999;
  font-family: "figtree";
  font-size: 1rem;
  line-height: 1.625rem;
}
.detail_type_cul .detail_top .bottom .like {
  min-width: 58px;
  height: 40px;
  padding: 0 12px;
  border: 1px solid #cdcccc;
  border-radius: 33px;
  transition: 0.3s;
}
.detail_type_cul .detail_top .bottom .like .cmmlike {
  width: 100%;
  line-height: 39px;
}
.detail_type_cul .detail_top .bottom .like .cmmlike.active span {
  color: #E6313A;
}
.detail_type_cul .detail_top .bottom .like .cmmlike.active span::before {
  -webkit-mask-image: url("../img/icon/ico_heart_on.svg");
  mask-image: url("../img/icon/ico_heart_on.svg");
  -webkit-mask-size: 16px;
  mask-size: 16px;
  background: #E6313A;
}
.detail_type_cul .detail_top .bottom .like .cmmlike span {
  position: relative;
  display: block;
  padding-left: 18px;
  color: #9a9999;
  font-size: 16px;
  font-family: "figtree";
}
.detail_type_cul .detail_top .bottom .like .cmmlike span::before {
  position: absolute;
  top: 11px;
  left: 0;
  display: inline-block;
  width: 16px;
  height: 16px;
  margin-right: 5px;
  vertical-align: -2px;
  -webkit-mask-image: url("../img/icon/ico_heart_off.svg");
  mask-image: url("../img/icon/ico_heart_off.svg");
  -webkit-mask-size: 16px;
  mask-size: 16px;
  background: #333;
  content: "";
}
.detail_type_cul .detail_top .bottom > u {
  text-decoration: underline;
  text-underline-offset: 1px;
  font-size: 1.0625rem;
  font-weight: 700;
}
.detail_type_cul .detail_top .bottom .detail_summary {
  color: #111;
  font-size: 0.875rem;
  line-height: 1.5;
}
.detail_type_cul .game_detail > strong {
  margin-top: 40px;
  color: #333;
  font-size: 26px;
  font-weight: 500;
  line-height: 38px;
}
.detail_type_cul .game_detail > strong:first-of-type {
  margin-top: 0;
}
.detail_type_cul .game_detail > p {
  margin-top: 16px;
  color: #676766;
  font-size: 16px;
  line-height: 26px;
}
.detail_type_cul .game_detail .hashtag_list {
  margin-top: 40px;
}
.detail_type_cul .game_detail .hashtag_list p {
  margin-top: 0;
}
.detail_type_cul .detail_bottom .btn_wrap {
  margin-top: 50px;
}
.detail_type_cul .img,
.detail_type_cul .video {
  border-radius: 0;
  margin-bottom: 40px;
}
.detail_type_cul .card_hashtag_wrap {
  flex-wrap: wrap;
  row-gap: 8px;
}
.detail_type_cul .card_btn_wrap {
  gap: 12px;
}

.wz_main_visual .swiper-fraction {
  background: rgba(0, 0, 0, 0.5);
  color: white;
  position: absolute;
  right: 1em;
  top: 1em;
  z-index: 10;
  padding: 10px 15px;
  border-radius: 10px;
  font-size: 0.875rem;
  font-weight: bold;
}

@media (hover: hover) {
  .detail_type_cul .detail_top .bottom {
    /*.like:hover {
    	background: #333;
    	.cmmlike:not(.active) {
    		span {
    			&::before {
    				background: url('../img/icon/ico_16_heart_w.svg') no-repeat;
    				background-size: 16px;
    			}
    			color:#fff;
    		}
    	}
    }
    .btn_share:hover {
    	background: #333;
    	i {
    		&::before {
    			background: #fff;
    		}
    	}
    } */
  }
  .game_list_wrap:not(.type_spc) .game_list > li .img_wrap .img {
    transition: 0.3s;
  }
  .game_list_wrap:not(.type_spc) .game_list > li > a:hover .img_wrap .img {
    transform: scale(1.04);
  }
  .game_list_wrap:not(.type_spc) .game_list > li > a:hover .tit {
    text-decoration: underline;
  }
}
.prdlist_wrap .game_list {
  flex-wrap: nowrap;
  gap: unset;
  justify-content: unset;
}
.prdlist_wrap .game_list .prd_list_item {
  width: calc((100% - 120px) / 4);
}
.prdlist_wrap .game_list .prd_list_item .img {
  padding-top: 72.87234%;
}

.anchor_nav {
  display: -webkit-box;
  display: flex;
  flex-wrap: wrap;
  padding-top: 1px;
  margin-bottom: 50px;
  background-color: #F9F9F9;
}
.anchor_nav > a {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: center;
  justify-content: center;
  width: calc(20% + 1px);
  height: 64px;
  margin: -1px 0 0 -1px;
  background: #F9F9F9;
  font-size: 1.125rem;
  font-weight: 500;
  text-align: center;
  border: 1px solid #eee;
  cursor: pointer;
}
.anchor_nav > a.active {
  position: relative;
  color: #e6313a;
  font-weight: 700;
  border: 1px solid #333;
  background: #fff;
}

.anchor_cont_wrap .anchor_cont {
  scroll-behavior: smooth;
}
.anchor_cont_wrap .anchor_cont > li {
  scroll-margin-top: 160px;
}
.anchor_cont_wrap .anchor_cont > li + li {
  margin-top: 120px;
}
.anchor_cont_wrap .anchor_cont .anchor_tit {
  display: block;
  padding-bottom: 16px;
  margin-bottom: 32px;
  font-size: 2rem;
  font-weight: 500;
  line-height: 2.875rem;
  border-bottom: 1px solid #cdcccc;
}
.anchor_cont_wrap .anchor_cont .prdlist_conts {
  row-gap: 80px;
}

.wide.pd_info_wrap {
  padding: 120px 0;
}

.pd_info_wrap {
  background: #F9F9F9;
  overflow: visible;
}
.pd_info_wrap .pd_info_cont {
  width: 800px;
  margin: 0 auto;
}
.pd_info_wrap .pd_info_cont .img_wrap {
  position: relative;
}
.pd_info_wrap .pd_info_cont .img_wrap .img {
  width: 100%;
  height: 1000px;
  border-radius: 4px;
  overflow: hidden;
}
.pd_info_wrap .pd_info_cont .img_wrap .pd_info_point .pd_info_box {
  position: absolute;
}
.pd_info_wrap .pd_info_cont .img_wrap .pd_info_point .pd_info_box.it1 {
  top: 450px;
  left: 120px;
}
.pd_info_wrap .pd_info_cont .img_wrap .pd_info_point .pd_info_box.it2 {
  top: 450px;
  left: 100px;
}
.pd_info_wrap .pd_info_cont .img_wrap .pd_info_point .pd_info_box.it3 {
  left: 450px;
  bottom: 370px;
}
.pd_info_wrap .pd_info_cont .img_wrap .pd_info_point .pd_info_box.it4 {
  right: 50px;
  bottom: 100px;
}
.pd_info_wrap .pd_info_cont .img_wrap .pd_info_point .pd_info_box.it5 {
  top: 500px;
  right: 200px;
}
.pd_info_wrap .pd_info_cont .img_wrap .pd_info_point .pd_info_box:hover {
  position: absolute;
}
.pd_info_wrap .pd_info_cont .img_wrap .pd_info_point .pd_info_box:hover button::after {
  position: absolute;
  bottom: 0px;
  left: 50%;
  width: 110%;
  height: 50px;
  transform: translateX(-50%);
  content: "";
}
.pd_info_wrap .pd_info_cont .img_wrap .pd_info_point .pd_info_box button {
  width: 24px;
  height: 24px;
  background: #FF6170;
  opacity: 0.9;
  border-radius: 12px;
  box-shadow: 2px 2px 4px 0px rgba(0, 0, 0, 0.15);
}
.pd_info_wrap .pd_info_cont .img_wrap .pd_info_point .pd_info_box button i {
  vertical-align: -2px;
}
.pd_info_wrap .pd_info_cont .img_wrap .pd_info_point .pd_info_box .box.pos_left {
  transform: translateX(-10%);
}
.pd_info_wrap .pd_info_cont .img_wrap .pd_info_point .pd_info_box .box.pos_right {
  transform: translateX(80%);
}
.pd_info_wrap .pd_info_cont .img_wrap .pd_info_point .pd_info_box .box {
  display: -webkit-box;
  display: flex;
  display: none;
  position: absolute;
  top: -132px;
  left: 0;
  transform: translateX(-50%);
  width: 318px;
  gap: 14px;
  padding: 16px;
  background: #fff;
  z-index: 2;
}
.pd_info_wrap .pd_info_cont .img_wrap .pd_info_point .pd_info_box .box.active {
  display: flex;
}
.pd_info_wrap .pd_info_cont .img_wrap .pd_info_point .pd_info_box .box .img {
  width: 80px;
  height: 80px;
  border-radius: 0;
}
.pd_info_wrap .pd_info_cont .img_wrap .pd_info_point .pd_info_box .box .info .item_title {
  font-size: 0.875rem;
  line-height: 1.375rem;
}
.pd_info_wrap .pd_info_cont .img_wrap .pd_info_point .pd_info_box .box .info .prd_price {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: center;
  justify-content: center;
  gap: 6px;
}
.pd_info_wrap .pd_info_cont .img_wrap .pd_info_point .pd_info_box .box .info .prd_price .item_price {
  font-size: 0.875rem;
  line-height: 1.375rem;
}
.pd_info_wrap .pd_info_cont .img_wrap .pd_info_point .pd_info_box .box .info .prd_price .item_price span {
  font-family: "figtree";
  font-size: 1.375rem;
  font-weight: 700;
  line-height: 2rem;
}
.pd_info_wrap .pd_info_cont .img_wrap .pd_info_point .pd_info_box .box .info .prd_price .origin_price {
  font-family: "figtree";
  color: #9a9999;
  font-size: 0.875rem;
  line-height: 24px;
  text-decoration: line-through;
}
.pd_info_wrap .pd_info_cont .img_wrap .pd_info_point .pd_info_box .box .info .prd_review {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: center;
  justify-content: center;
  gap: 4px;
  margin-top: 6px;
}
.pd_info_wrap .pd_info_cont .img_wrap .pd_info_point .pd_info_box .box .info .prd_review .item_rate_num {
  font-family: "figtree";
  font-size: 0.875rem;
  color: #676766;
  line-height: 24px;
}
.pd_info_wrap .pd_info_cont .pd_info_thumb {
  position: relative;
  margin-top: 60px;
}
.pd_info_wrap .pd_info_cont .pd_info_thumb .thumb_list_wrap {
  position: relative;
  height: 140px;
  overflow: hidden;
}
.pd_info_wrap .pd_info_cont .pd_info_thumb .thumb_list {
  position: absolute;
  top: 0;
  left: 0;
  display: -webkit-box;
  display: flex;
  gap: 25px;
}
.pd_info_wrap .pd_info_cont .pd_info_thumb .thumb_list > li {
  position: relative;
}
.pd_info_wrap .pd_info_cont .pd_info_thumb .thumb_list > li.active::before {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border: 2px solid #E6313A;
  z-index: 1;
  content: "";
}
.pd_info_wrap .pd_info_cont .pd_info_thumb .thumb_list > li .img {
  position: relative;
  width: 140px;
  height: 140px;
  border-radius: 4px;
  overflow: hidden;
  cursor: pointer;
}
.pd_info_wrap .pd_info_cont .pd_info_thumb > button {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
.pd_info_wrap .pd_info_cont .pd_info_thumb > button.prev {
  left: -48px;
  transform: translateY(-50%) rotate(180deg);
}
.pd_info_wrap .pd_info_cont .pd_info_thumb > button.next {
  right: -48px;
}

.option_sort_wrap {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  justify-content: space-between;
  margin-bottom: 16px;
}

.comment_wrap .comment_top {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  justify-content: space-between;
  align-items: flex-end;
  margin-bottom: 16px;
}
.comment_wrap .comment_top .left {
  color: #333;
  font-size: 1.375rem;
  font-weight: 700;
  line-height: 2.125rem;
}
.comment_wrap .comment_top .left span {
  color: #676766;
}
.comment_wrap .comment_top .right .refer_txt {
  color: #676766;
  font-size: 0.875rem;
  line-height: 1.5rem;
}
.comment_wrap .comment_cont {
  border-top: 1px solid #333;
}
.comment_wrap .comment_cont .comment_section {
  display: -webkit-box;
  display: flex;
  gap: 16px;
  padding: 24px 0;
  border-bottom: 1px solid #9a9999;
}
.comment_wrap .comment_cont .comment_section .writer {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: center;
  justify-content: center;
  flex-direction: column;
}
.comment_wrap .comment_cont .comment_section .writer .thumb {
  width: 40px;
  height: 40px;
}
.comment_wrap .comment_cont .comment_section .writer .nick {
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 1.5rem;
}
.comment_wrap .comment_cont .comment_section .input_writing_wrap {
  display: -webkit-box;
  display: flex;
  flex-grow: 1;
  gap: 8px;
}
.comment_wrap .comment_cont .comment_section .input_writing_wrap .input_writing_group {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  justify-content: space-between;
  flex-grow: 1;
  padding: 0;
  height: auto;
  border-radius: 4px;
  overflow: hidden;
}
.comment_wrap .comment_cont .comment_section .input_writing_wrap .input_writing_group textarea {
  height: 64px;
  padding: 20px 70px 16px 16px;
  font-size: 16px;
  line-height: 26px;
  resize: none;
}
.comment_wrap .comment_cont .comment_section .input_writing_wrap .input_writing_group .txt_count {
  display: -webkit-box;
  display: flex;
  bottom: 24px;
}
.comment_wrap .comment_cont .comment_section .input_writing_wrap .btn {
  height: 64px;
  font-weight: 700;
  font-size: 1rem;
}
.comment_wrap .comment_cont .comment_renderer .renderer_list:last-child {
  border-bottom: 1px solid #cdcccc;
}
.comment_wrap .comment_cont .comment_renderer .renderer_list + li {
  border-top: 1px solid #eee;
}
.comment_wrap .comment_cont .comment_renderer .renderer_list .len {
  display: none;
}
.comment_wrap .comment_cont .comment_renderer .renderer_list .len.active {
  display: block;
}
.comment_wrap .comment_cont .comment_renderer .renderer_list .len span {
  display: inline-block;
  vertical-align: middle;
}
.comment_wrap .comment_cont .comment_renderer .reply_section {
  padding: 0 32px;
  background: #F9F9F9;
}
.comment_wrap .comment_cont .comment_renderer .reply_section .wrap {
  display: -webkit-box;
  display: flex;
  gap: 24px;
  padding: 16px;
  border-top: 1px solid #eee;
}
.comment_wrap .comment_cont .comment_renderer .reply_section .wrap .writer {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: center;
  justify-content: center;
  gap: 8px;
}
.comment_wrap .comment_cont .comment_renderer .reply_section .wrap .writer .thumb {
  width: 24px;
  height: 24px;
}
.comment_wrap .comment_cont .comment_renderer .reply_section .wrap .writer .nick {
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.5rem;
}
.comment_wrap .comment_cont .comment_renderer .reply_section .wrap .input_writing_wrap {
  display: -webkit-box;
  display: flex;
  flex-grow: 1;
  gap: 8px;
}
.comment_wrap .comment_cont .comment_renderer .reply_section .wrap .input_writing_wrap .input_writing_group {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  justify-content: space-between;
  flex-grow: 1;
  padding: 0;
  height: auto;
  border-radius: 4px;
  overflow: hidden;
}
.comment_wrap .comment_cont .comment_renderer .reply_section .wrap .input_writing_wrap .input_writing_group textarea {
  width: 100%;
  height: 48px;
  padding: 12px 70px 10px 16px;
  font-size: 16px;
  line-height: 26px;
  resize: none;
}
.comment_wrap .comment_cont .comment_renderer .reply_section .wrap .input_writing_wrap .input_writing_group .txt_count {
  display: -webkit-box;
  display: flex;
  bottom: 15px;
}
.comment_wrap .comment_cont .comment_renderer .reply_section .wrap .input_writing_wrap .btn_wrap {
  gap: 8px;
  margin-top: 0;
}
.comment_wrap .comment_cont .comment_renderer .reply_section .wrap .input_writing_wrap .btn {
  font-weight: 700;
  font-size: 1rem;
}
.comment_wrap .comment_cont .comment_renderer .thread_wrap {
  background: #F9F9F9;
  border-top: 1px solid #eee;
}
.comment_wrap .comment_cont .comment_renderer .thread_wrap > li + li {
  border-top: 1px solid #eee;
}
.comment_wrap .comment_cont .comment_renderer .thread_wrap .thread {
  padding: 16px 48px;
}
.comment_wrap .comment_cont .comment_renderer .thread_wrap .thread + li {
  border-top: 1px solid #eee;
}
.comment_wrap .comment_cont .comment_renderer .thread {
  padding: 16px;
}
.comment_wrap .comment_cont .comment_renderer .thread .header {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  justify-content: space-between;
  margin-bottom: 6px;
}
.comment_wrap .comment_cont .comment_renderer .thread .header .left {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: center;
  justify-content: center;
  gap: 8px;
}
.comment_wrap .comment_cont .comment_renderer .thread .header .right {
  color: #9a9999;
  font-size: 0.875rem;
  line-height: 1.5rem;
}
.comment_wrap .comment_cont .comment_renderer .thread .header .author {
  display: -webkit-box;
  display: flex;
  gap: 8px;
}
.comment_wrap .comment_cont .comment_renderer .thread .header .author .thumb {
  width: 24px;
  height: 24px;
  overflow: hidden;
}
.comment_wrap .comment_cont .comment_renderer .thread .header .author .nick {
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.5rem;
}
.comment_wrap .comment_cont .comment_renderer .thread .header .date {
  font-family: "figtree";
  font-size: 1rem;
  line-height: 23px;
  color: #9a9999;
}
.comment_wrap .comment_cont .comment_renderer .thread .header .date::before {
  display: inline-block;
  width: 4px;
  height: 4px;
  margin-right: 8px;
  background: #cdcccc;
  border-radius: 50%;
  vertical-align: 3px;
  content: "";
}
.comment_wrap .comment_cont .comment_renderer .thread .cont {
  padding: 0 0 0 32px;
  font-size: 1rem;
  line-height: 1.625rem;
}
.comment_wrap .comment_cont .comment_renderer .thread .cont .re_author {
  margin-right: 4px;
  color: #2581c4;
  font-size: 1rem;
  line-height: 1.625rem;
}
.comment_wrap .comment_cont .comment_renderer .thread .footer {
  display: -webkit-box;
  display: flex;
  padding: 0 32px;
  margin-top: 6px;
}
.comment_wrap .comment_cont .comment_renderer .thread .footer > li {
  color: #676766;
  font-size: 0;
}
.comment_wrap .comment_cont .comment_renderer .thread .footer > li + li::before {
  display: inline-block;
  margin: 0 8px;
  width: 1px;
  height: 10px;
  background: #cdcccc;
  vertical-align: middle;
  content: "";
}
.comment_wrap .comment_cont .comment_renderer .thread .footer > li span {
  font-size: 1rem;
  line-height: 1.625rem;
}
.comment_wrap .comment_cont .comment_renderer .thread .footer > li button {
  color: #676766;
  font-size: 1rem;
  line-height: 1.625rem;
  letter-spacing: -0.5px;
}
.comment_wrap .comment_cont .comment_renderer .thread .footer .cmmlike span::before {
  display: inline-block;
  width: 16px;
  height: 16px;
  margin-right: 2px;
  background: url("../img/icon/ico_heart_off.svg") no-repeat;
  background-size: 16px;
  vertical-align: -2px;
  content: "";
}
.comment_wrap .comment_cont .comment_renderer .thread .footer .cmmlike.active span::before {
  display: inline-block;
  width: 16px;
  height: 16px;
  margin-right: 2px;
  background: url("../img/icon/ico_16_heart_on_g.svg") no-repeat;
  background-size: 16px;
  vertical-align: -2px;
  content: "";
}
.comment_wrap .comment_cont .comment_renderer .thread .reply_view {
  padding: 0 32px;
  margin-top: 8px;
  color: #2581c4;
  font-size: 1rem;
  line-height: 1.625rem;
}

.comment_report {
  border-top: 1px solid #333;
}
.comment_report .radio_wrap {
  padding: 16px 0;
}
.comment_report .input_writing_group {
  height: 80px;
  padding: 16px 60px 16px 16px;
}
.comment_report .dot_list {
  margin-top: 16px;
}

.board_area {
  padding-bottom: 120px;
}

.board_detail_wrap {
  min-width: 0;
  max-width: 946px;
  padding: 24px 80px 120px;
  margin-top: 0;
}
.board_detail_wrap .detail_top {
  text-align: center;
  padding-bottom: 60px;
}
.board_detail_wrap .detail_top .date {
  margin-bottom: 16px;
  font-family: "figtree";
  line-height: 1.625rem;
  color: #9a9999;
}
.board_detail_wrap .detail_top .tit {
  display: inline-block;
  font-size: 2.25rem;
  font-weight: 700;
  line-height: 3.125rem;
}
.board_detail_wrap .detail_cont {
  padding: 60px 0 0;
  border-top: 1px solid #cdcccc;
}
.board_detail_wrap .detail_cont div {
  line-height: 1.7;
}
.board_detail_wrap .detail_cont span {
  line-height: 1.7;
}
.board_detail_wrap .detail_cont strong {
  display: block;
  line-height: 1.7;
}
.board_detail_wrap .detail_cont p {
  line-height: 1.7;
}
.board_detail_wrap .detail_cont .img {
  display: block;
  margin-top: 24px;
  border-radius: 4px;
  overflow: hidden;
}
.board_detail_wrap .detail_cont img {
  width: revert-layer;
  height: auto;
  object-fit: contain;
}
.board_detail_wrap .detail_cont .file_wrap {
  margin-top: 60px;
  padding: 24px 32px;
  background: #F9F9F9;
  border-bottom: 1px solid #cdcccc;
}
.board_detail_wrap .detail_cont .file_wrap button {
  color: #676766;
}
.board_detail_wrap .detail_cont .file_wrap button i {
  margin-right: 8px;
}
.board_detail_wrap .detail_footer {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  justify-content: space-between;
  margin-top: 80px;
}

.category_search_cont.best .prdlist_conts {
  margin-top: 24px;
}
.category_search_cont.best .prdlist_conts .prd_img_wrap .item_rank {
  display: inline-block;
  position: absolute;
  top: 0;
  right: 0;
  width: 28px;
  line-height: 28px;
  text-align: center;
  background-color: #777;
  color: #fff;
  border-top-right-radius: 5px;
  z-index: 1;
}
.category_search_cont.best .prdlist_conts .prd_list_item:nth-child(-n+4) .prd_img_wrap .item_rank {
  background-color: #E6313A;
}
.category_search_cont.best {
  /* 20240416 추가 */
}
.category_search_cont .cate_depth_wrap .prdlist_wrap .prdlist_conts.best_prd {
  column-gap: 32px;
}
.category_search_cont .cate_depth_wrap .prdlist_wrap .prdlist_conts.best_prd .prd_list_item {
  width: calc((100% - 64px) / 3);
}

.prdlist_conts.best_prd {
  margin: 24px 0 80px;
}

.prd_flag {
  position: absolute;
  top: 8px;
  left: 8px;
}
.prd_flag > * {
  display: inline-block;
}
.prd_flag .best {
  width: 76px;
  height: 48px;
  background: url("../img/icon/flag_best.svg") no-repeat;
}
.prd_flag .new {
  width: 76px;
  height: 48px;
  background: url("../img/icon/flag_new.svg") no-repeat;
}
.prd_flag .best1 {
  width: 76px;
  height: 48px;
  background: url("../img/icon/flag_best_01.svg") no-repeat;
}
.prd_flag .best2 {
  width: 76px;
  height: 48px;
  background: url("../img/icon/flag_best_02.svg") no-repeat;
}
.prd_flag .best3 {
  width: 76px;
  height: 48px;
  background: url("../img/icon/flag_best_03.svg") no-repeat;
}

.point_box {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  justify-content: space-between;
  padding: 24px;
  margin: 0 0 40px;
  border-radius: 4px;
  border: 1px solid #333;
  background: #F9F9F9;
}
.point_box.type_pt {
  padding: 24px 0;
}
.point_box.type_pt .point {
  flex: 50%;
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  justify-content: flex-start;
  padding-left: 24px;
  gap: 24px;
  line-height: 32px;
  border-left: 1px solid #ccc;
}
.point_box.type_pt .point strong {
  line-height: inherit;
}
.point_box.type_pt .point strong span {
  color: #777;
}
.point_box.type_pt .point div {
  line-height: inherit;
}
.point_box.type_pt .point div.txt_black {
  color: #111;
}
.point_box.type_pt .point:first-child {
  border: none;
}
.point_box.type_pt .point:last-child {
  line-height: 16px;
}
.point_box.type_pt .point:last-child strong {
  font-weight: 500;
}
.point_box .point {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: center;
  justify-content: center;
  gap: 24px;
}
.point_box .point strong {
  color: #333;
  font-weight: 700;
  line-height: 1.625rem;
}
.point_box .point div {
  color: #E6313A;
  font-family: "figtree";
  font-size: 1.625rem;
  font-weight: 500;
  line-height: 2.125rem;
}
.point_box .btn_wrap {
  gap: 8px;
  margin-top: 0;
}

.my_cp .top {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  justify-content: space-between;
  padding: 15px 0;
  margin-bottom: 40px;
  border-top: 1px solid #333;
  border-bottom: 1px solid #cdcccc;
}
.my_cp .top strong {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  justify-content: flex-start;
  font-size: 1.125rem;
  font-weight: 700;
  line-height: 1.75rem;
}
.my_cp .top .cp {
  padding-left: 10px;
}
.my_cp .top .cp span {
  padding-right: 5px;
  color: #e6313a;
  font-family: "figtree";
}
.my_cp .cp_list {
  position: relative;
  padding: 0 28px;
  overflow: hidden;
}
.my_cp .cp_list .swiper-wrapper {
  width: 100%;
}
.my_cp .cp_list .swiper-slide {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 16px;
}
.my_cp .cp_list .swiper_prev,
.my_cp .cp_list .swiper_next {
  top: 0;
}
.my_cp .btn_wrap {
  margin-top: 48px;
}
.my_cp .info_btm {
  padding: 40px;
  margin: 40px -40px 0;
  background: #F9F9F9;
}
.my_cp .info_btm .dot_lsit_tit:not(:first-child) {
  margin-top: 24px;
}

.table_bottom {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  justify-content: space-between;
  padding: 16px;
  background: #F9F9F9;
}
.table_bottom .btn_wrap {
  margin-top: 0;
  gap: 8px;
}

.top_visual_title {
  position: relative;
  height: 280px;
  background: rgba(0, 0, 0, 0.35);
}
.top_visual_title + section {
  margin-top: 80px;
}
.top_visual_title .inner {
  min-width: 1192px;
  max-width: 1352px;
  height: 100%;
  margin: 0 auto;
  padding: 20px 80px 0;
}
.top_visual_title .comm_location {
  margin: 0;
  padding: 0;
}
.top_visual_title .comm_location ul li {
  color: #fff;
}
.top_visual_title .comm_location ul li:last-child span {
  font-weight: 500;
}
.top_visual_title .comm_location ul li::after {
  background-color: #cdcccc;
  -webkit-mask-image: url("../img/icon/ico_chevron_right_g.svg");
  mask-image: url("../img/icon/ico_chevron_right_g.svg");
  -webkit-mask-size: 16px;
  mask-size: 16px;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  background-image: none;
}
.top_visual_title .comm_location ul li a {
  color: #cdcccc;
  font-weight: 500;
}
.top_visual_title .depth_title {
  width: 100%;
  min-width: 0;
  padding: 0;
  margin: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.top_visual_title .depth_title h2 {
  color: #fff;
  font-size: 3.25rem;
  font-weight: 700;
  line-height: 4.625rem;
}
.top_visual_title .depth_title .desc {
  margin-top: 8px;
  color: #fff;
  font-size: 16px;
  font-weight: 500;
}
.top_visual_title .bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
}

.game_list_wrap.type_cul {
  margin-top: 56px;
}
.game_list_wrap.type_cul .game_list {
  justify-content: flex-start;
  gap: 64px 32px;
}
.game_list_wrap.type_cul .game_list.col4 {
  gap: 64px 32px;
}
.game_list_wrap.type_cul .game_list.col4 > li {
  width: calc((100% - 96px) / 4);
}
.game_list_wrap.type_cul .game_list.col4 > li .img_wrap .img {
  padding-top: 56.071428%;
}
.game_list_wrap.type_cul .game_list > li .img_wrap {
  background-color: #e6e6e6;
}
.game_list_wrap.type_cul .game_list > li .img_wrap .img {
  padding-top: 71.428571%;
  transition: transform 0.3s;
}
.game_list_wrap.type_cul .game_list > li .tit {
  margin-top: 20px;
  font-size: 1.5rem;
  font-weight: 500;
  line-height: 2.375rem;
  -webkit-line-clamp: 2;
  transition: 0.3s;
}
.game_list_wrap.type_cul .game_list > li .txt {
  margin-top: 12px;
  color: #676766;
  -webkit-line-clamp: 3;
}
.game_list_wrap.type_cul .game_list > li .date {
  margin-top: 8px;
  font-size: 1rem;
  line-height: 1.625rem;
}
.game_list_wrap.type_spc {
  padding-bottom: 40px;
}
.game_list_wrap.type_spc .game_list {
  flex-direction: column;
  gap: 18px 0;
}
.game_list_wrap.type_spc .game_list > li {
  width: 100%;
}
.game_list_wrap.type_spc .game_list > li .img_wrap .img {
  height: auto;
  padding-top: 0;
}
.game_list_wrap.type_spc .game_list > li .img_wrap .img img {
  position: relative;
  top: unset;
  left: unset;
}
.game_list_wrap.type_spc .btn_wrap {
  margin-top: 80px;
}

.tag_list {
  display: -webkit-box;
  display: flex;
  gap: 4px;
  margin-top: 20px;
}
.tag_list.w span {
  background: #fff;
  border: 1px solid #EAEAEA;
}
.tag_list span {
  height: 32px;
  padding: 0 8px;
  border-radius: 4px;
  background: #F2F2F2;
  color: #777;
  font-size: 0.875rem;
  line-height: 30px;
}

.cul_more_btn {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: center;
  justify-content: center;
  width: 280px;
  height: 68px;
  padding: 20px 0px;
  border: 1px solid #222;
  border-radius: 0;
}
.cul_more_btn span {
  font-size: 1.125rem;
  font-weight: 500;
  line-height: 1;
}
.cul_more_btn span::after {
  display: inline-block;
  content: "";
  width: 16px;
  height: 16px;
  margin-left: 6px;
  background: url("../img/icon/ico_add.svg") no-repeat;
  background-size: 16px;
}

.m_list_wrap .list_top.list_flex {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  justify-content: space-between;
}
.m_list_wrap .list_top .left .total {
  font-size: 0.875rem;
  line-height: 1.5rem;
  color: #111;
}
.m_list_wrap .list_top .left .total span {
  color: #111;
}
.m_list_wrap .list_top .right .inp_search {
  min-width: 340px;
  height: 40px !important;
  border-color: #e2e2e2;
}
.m_list_wrap .list_top .right .input_text {
  font-family: Pretendard, sans-serif;
}
.m_list_wrap .list_top .right .input_text::placeholder {
  font-size: 0.8125rem;
  font-weight: 400;
  color: #777;
}
.m_list_wrap .list_top .ico_search {
  width: 14px;
  height: 14px;
}
.m_list_wrap .list_top .ico_search::before {
  background-image: url("../img/icon/ico_14_search.svg");
  mask-image: none;
}
.m_list_wrap .m_list {
  display: -webkit-box;
  display: flex;
  flex-wrap: wrap;
  row-gap: 50px;
  padding: 32px 0 0;
}
.m_list_wrap .m_list.type2 > li > a .img {
  height: 140px;
}
.m_list_wrap .m_list > li {
  width: 50%;
}
.m_list_wrap .m_list > li * {
  font-family: Pretendard, sans-serif;
}
.m_list_wrap .m_list > li:last-child {
  border-bottom: 0;
}
.m_list_wrap .m_list > li > a {
  display: -webkit-box;
  display: flex;
}
.m_list_wrap .m_list > li > a .img {
  width: 140px;
  height: 180px;
  margin-right: 32px;
  border-radius: 4px;
  flex-shrink: 0;
  overflow: hidden;
  border: 1px solid #e2e2e2;
}
.m_list_wrap .m_list > li > a .info {
  display: -webkit-box;
  display: flex;
  flex-direction: column;
  align-items: start;
}
.m_list_wrap .m_list > li > a .info .tit {
  font-size: 1.125rem;
  font-weight: 700;
  line-height: 1.5;
  color: #333;
  display: -webkit-box;
  white-space: normal;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  word-wrap: normal;
  overflow: hidden;
}
.m_list_wrap .m_list > li > a .info .desc {
  margin-top: 8px;
  font-size: 0.9375rem;
  line-height: 1.533;
  color: #555;
}
.m_list_wrap .m_list > li > a .info .date {
  margin-top: 12px;
  font-size: 0.8125rem;
  line-height: 1.385;
  color: #777;
}
.m_list_wrap .pagination.pc {
  display: flex !important;
  margin-top: 50px;
}

.find_txt {
  color: #FF6170;
}

.qna_box {
  display: -webkit-box;
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
}
.qna_box > li {
  width: calc((100% - 8px) / 2); /* 250106 고객센터 항목 이동 */
  flex: none;
  padding: 32px 40px;
  border-radius: 4px;
  background: #F9F9F9;
}
.qna_box > li .tit {
  display: block;
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 2.125rem;
}
.qna_box > li .txt {
  margin-top: 6px;
}
.qna_box > li .btn {
  margin-top: 16px;
}

.cus_main section + section {
  margin-top: 80px;
}
.cus_main .page_tit_wrap {
  margin-bottom: 16px;
}

.notice_wrap {
  border-top: 1px solid #333;
}
.notice_wrap > li {
  border-bottom: 1px solid #eee;
}
.notice_wrap > li > a {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  justify-content: space-between;
  gap: 32px;
  padding: 24px 32px;
}
.notice_wrap > li .tit {
  display: block;
  margin-bottom: 8px;
  font-weight: 700;
}
.notice_wrap > li .txt {
  white-space: normal;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  word-wrap: normal;
  overflow: hidden;
}
.notice_wrap > li .date {
  min-width: 140px;
  color: #9a9999;
  text-align: center;
}

.as_wrap section + section {
  margin-top: 80px;
}
.as_wrap .dot_lsit_tit {
  margin-top: 24px;
}
.as_wrap > .btn_wrap {
  margin-top: 80px;
}
.as_wrap .form_wrap .form_list > li > label {
  width: 200px;
}

.as_info_wrap .as_info_top td {
  padding: 60px 0;
  text-align: center;
}
.as_info_wrap .as_info_top strong {
  font-size: 1.75rem;
  font-weight: 700;
  line-height: 2.375rem;
}
.as_info_wrap .as_info_top p {
  margin-top: 8px;
}

.srch_result .srch_result_top {
  padding: 100px 0 0;
}
.srch_result .srch_result_top > p {
  text-align: center;
  font-size: 2.125rem;
  line-height: 3.125rem;
}
.srch_result .srch_result_top .tag_cont {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: center;
  justify-content: center;
  flex-wrap: nowrap;
  gap: 32px;
  margin-top: 80px;
}
.srch_result .srch_result_top .tag_cont em {
  display: inline-block;
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 1.5rem;
}
.srch_result .srch_result_top .tag_cont .tag_swp_box {
  width: calc(100% - 85px);
}
.srch_result .srch_result_top .tag_cont .tag_swp_box .tag_swp {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: center;
  justify-content: center;
}
.srch_result .srch_result_top .tag_cont .tag_swp_box .tag_swp button {
  position: relative;
  flex-shrink: 0;
  width: 36px;
  height: 36px;
  border: 1px solid #cdcccc;
  border-radius: 50%;
  font-size: 0;
  transition: 0.2s;
  background: url("../img/icon/ico_chevron_lg_left.svg") no-repeat center;
  background-size: 13px;
}
.srch_result .srch_result_top .tag_cont .tag_swp_box .tag_swp button::before {
  right: -21px;
}
.srch_result .srch_result_top .tag_cont .tag_swp_box .tag_swp button::before {
  position: absolute;
  top: 0;
  width: 20px;
  height: 36px;
  background: linear-gradient(90deg, #fff, transparent);
  z-index: 1;
  content: "";
}
.srch_result .srch_result_top .tag_cont .tag_swp_box .tag_swp button.slick-next {
  transform: rotate(180deg);
}
.srch_result .srch_result_top .tag_cont .tag_swp_box .tag_swp button.slick-disabled {
  display: none !important;
}
.srch_result .srch_result_top .tag_cont .tag_swp_box .tag_swp button:hover {
  background-color: #F2F2F2;
}
.srch_result .srch_result_top .tag_cont .tag_swp_box .tag_swp .slick-slide {
  height: 36px;
  padding: 0 12px;
  margin: 0 3px;
  border: 1px solid #E2E2E2;
  border-radius: 30px;
  line-height: 32px;
  text-align: center;
}
.srch_result .srch_result_top .tag_cont .tag_swp_box .tag_swp .slick-slide a {
  color: #777;
  font-size: 0.875rem;
}
.srch_result h2 {
  margin-bottom: 32px;
  border-top: 1px solid #333;
  padding-top: 28px;
  font-size: 1.75rem;
  font-weight: 700;
  line-height: 2.5rem;
}
.srch_result .game_list_wrap {
  padding-bottom: 0;
}
.srch_result .webzine ul li {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  justify-content: space-between;
  align-items: start;
  gap: 40px;
}
.srch_result .webzine ul li + li {
  margin-top: 60px;
}
.srch_result .webzine ul li .desc strong {
  font-size: 26px;
  font-weight: 500;
  line-height: 2.375rem;
  white-space: normal;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  word-wrap: normal;
  overflow: hidden;
}
.srch_result .webzine ul li .desc .stit {
  margin-top: 20px;
  font-weight: 500;
}
.srch_result .webzine ul li .desc .txt {
  margin-top: 8px;
  color: #676766;
  line-height: 28px;
  white-space: normal;
  display: -webkit-box;
  -webkit-line-clamp: 5;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  word-wrap: normal;
  overflow: hidden;
}
.srch_result .webzine ul li .img {
  flex-shrink: 0;
  width: 353px;
  height: 252px;
  overflow: hidden;
}
.srch_result .webzine ul li .hashtag_list p a {
  color: #676766;
}

.option {
  display: flex;
  justify-content: space-between;
  margin-bottom: 24px;
  margin-top: 56px;
}
.option + .game_list_wrap.type_cul {
  margin-top: 0;
}
.option_area {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  justify-content: flex-start;
}
.option_area .sort {
  max-width: 600px;
}
.option_area .sort .radio_box {
  display: flex;
  gap: 8px;
  position: relative;
  height: auto;
}
.option_area .sort .radio_box li {
  display: inline-block;
}
.option_area .sort .radio_box li .radioItem {
  position: absolute;
  overflow: hidden;
  margin: -1px;
  padding: 0;
  width: 1px;
  height: 1px;
  clip: rect(0, 0, 0, 0);
  border: none;
}
.option_area .sort .radio_box li .radioItem + label {
  display: flex;
  align-items: center;
  justify-content: center;
  width: max-content;
  height: 35px;
  gap: 8px;
  padding: 0 16px;
  border-radius: 100px;
  color: #9a9999;
  cursor: pointer;
}
.option_area .sort .radio_box li .radioItem:checked + label {
  background: #333;
  color: #fff;
}

.btn_cart_wrap {
  position: relative;
  width: 100%;
}

.put_cart {
  display: none;
  z-index: 10000;
}
.put_cart.active {
  display: block;
}
.put_cart.active .put_text {
  animation: showTxt2 0.5s 0s ease-in-out forwards, hideTxt2 0.5s 3.7s ease-in-out forwards;
}
.put_cart .put_text {
  position: absolute;
  top: 70px;
  right: 50%;
  width: 250px;
  transform: translateX(15px);
  background: #333;
  border-radius: 4px;
  opacity: 0;
  padding: 24px;
  font-size: 14px;
  font-weight: 400;
  z-index: 1000;
  text-align: center;
}
.put_cart .put_text::before {
  position: absolute;
  top: -10px;
  right: 8px;
  width: 0;
  height: 0;
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-bottom: 12px solid #333;
  content: "";
}
.put_cart .put_text p {
  margin-bottom: 6px;
  color: #fff;
  line-height: 24px;
}
.put_cart .put_text a {
  display: block;
  color: #333;
  font-weight: 700;
  border: 0;
}
@keyframes bounceIn {
  0% {
    transform: scale(0);
  }
  50% {
    transform: scale(1.3);
  }
  100% {
    transform: scale(1);
  }
}
@keyframes moveAndFadeOut {
  0% {
    opacity: 1;
    transform: translate(0, 0) scale(1);
  }
  45% {
    transform: translate(45vw, -180px) scale(0.3);
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}
@keyframes showTxt {
  0% {
    opacity: 0;
    transform: translate(0, -100%);
  }
  100% {
    transform: translate(0, 0);
    opacity: 1;
  }
}
@keyframes showTxt2 {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes hideTxt {
  0% {
    transform: translate(0, 0);
    opacity: 1;
  }
  100% {
    opacity: 0;
    transform: translate(0, -100%);
  }
}
@keyframes hideTxt2 {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}

.survey_txt {
  margin-bottom: 120px;
}

.survey_wrap .survey_top {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  justify-content: space-between;
  align-items: flex-end;
  padding-bottom: 16px;
  border-bottom: 1px solid #111;
}
.survey_wrap .survey_top .tit {
  color: #111;
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 2.125rem;
  letter-spacing: -0.6px;
}
.survey_wrap .survey_top .tit span {
  color: #666;
}
.survey_wrap .survey_top .refer {
  color: #666;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.5rem;
  letter-spacing: -0.5px;
}
.survey_wrap .survey_cont .survey_list > li {
  padding: 20px 16px;
  border-bottom: 1px solid #eee;
}
.survey_wrap .survey_cont .survey_list > li > .tit {
  margin-bottom: 20px;
}
.survey_wrap .survey_cont .survey_list > li > .tit strong {
  color: #333;
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.5rem;
  letter-spacing: -0.5px;
}
.survey_wrap .survey_cont .survey_list > li > .cont {
  padding: 0 26px;
}
.survey_wrap .survey_cont .survey_list > li > .cont .radio_wrap {
  display: -webkit-box;
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  gap: 0;
  row-gap: 6px;
}
.survey_wrap .survey_cont .survey_list > li > .cont .radio_wrap > li {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  justify-content: space-between;
  flex: 1 0 50%;
  width: 50%;
  min-height: 24px;
}
.survey_wrap .survey_cont .survey_list > li > .cont .radio_wrap > li.with_inp .inp_box {
  width: calc(100% - 66px);
  margin-top: 1px;
}
.survey_wrap .survey_cont .survey_list > li > .cont .radio_wrap > li.with_inp .inp_box .input_text {
  min-height: 32px;
  padding: 6px 16px;
  background: none;
  font-size: 14px;
  font-weight: 400;
  letter-spacing: -0.5px;
}
.survey_wrap .survey_cont .survey_list > li > .cont .radio_wrap > li.with_inp .inp_box .input_text::placeholder {
  font-size: 14px;
  font-weight: 400;
  letter-spacing: -0.5px;
}
.survey_wrap .survey_cont .survey_list > li > .cont .radio_wrap .raido_box label {
  color: #676766;
  font-size: 1rem;
  font-weight: 400;
  letter-spacing: -0.5px;
}
.survey_wrap .survey_bottom {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: center;
  justify-content: center;
  margin-top: 40px;
}
.survey_wrap .survey_bottom .btn {
  width: 240px;
  height: 60px;
  padding: 0 40px;
  font-size: 18px;
  font-weight: 500;
  line-height: 58px;
  border-radius: 0;
}

.view_my_img {
  display: -webkit-box;
  display: flex;
  flex-wrap: wrap;
  gap: 15px;
  margin-top: 16px;
}
.view_my_img > li {
  width: 100px;
  height: 100px;
  cursor: pointer;
}

.re_enter {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100vh;
  margin: 0;
}
.re_enter .overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(255, 255, 255, 0.8);
  display: flex;
  justify-content: center;
  align-items: center;
}
.re_enter .message-container {
  text-align: center;
  padding: 20px;
  background-color: #ffffff;
  border: 2px solid #dddddd;
  border-radius: 10px;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}
.re_enter .message-container h1 {
  font-size: 24px;
  margin: 0 0 10px;
  color: #333333;
}
.re_enter .message-container p {
  font-size: 18px;
  margin: 0;
  color: #666666;
}

.coupon_down_area {
  background-color: #F9F9F9;
  border: 1px solid #909090;
  border-top: 0;
  padding: 0 20px 20px;
}
.coupon_down_area .btn_area {
  display: flex;
  gap: 20px;
  padding: 24px 0 20px;
}
.coupon_down_area .pop_btn_area {
  padding: 20px 0;
  display: flex;
  justify-content: flex-end;
}
.coupon_down_area .pop_btn_area button {
  font-size: 18px;
  font-weight: 700;
  color: #676766;
}

.coupon_list_tit_cont {
  margin: 50px 0 20px;
}
.coupon_list_tit_cont .tit {
  display: block;
  font-size: 24px;
  font-weight: 700;
  line-height: 32px;
}
.coupon_list_tit_cont .txt {
  color: #666;
  font-size: 16px;
  font-weight: 500;
  line-height: 32px;
}

.coupon_list_area {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
}
.coupon_list_area.type_col {
  justify-content: center;
}
.coupon_list_area.type_col .coupon {
  width: 100%;
}
.coupon_list_area .coupon {
  display: flex;
  justify-content: space-between;
  width: calc((100% - 20px) / 2);
  max-width: 455px;
  border: 1px solid #C2C2C2;
  border-radius: 10px;
  background: #fff;
  overflow: hidden;
}
.coupon_list_area .coupon .info_cont {
  padding: 20px 32px 16px;
}
.coupon_list_area .coupon .info_cont .cate_txt {
  font-size: 18px;
  font-weight: 700;
  color: #333;
  margin-bottom: 6px;
}
.coupon_list_area .coupon .info_cont .price {
  font-size: 30px;
  font-weight: 700;
  color: #E80000;
}
.coupon_list_area .coupon .info_cont .price span {
  font-size: 25px;
}
.coupon_list_area .coupon .info_cont .info_txt {
  font-size: 14px;
  font-weight: 400;
  color: #666;
  margin-top: 8px;
}
.coupon_list_area .coupon .info_cont .info_txt {
  font-size: 14px;
  font-weight: 400;
  color: #666;
  margin-top: 8px;
}
.coupon_list_area .coupon .info_cont .date {
  font-size: 14px;
  font-weight: 400;
  color: #666;
  margin-top: 4px;
}
.coupon_list_area .coupon .info_cont .bottom {
  display: flex;
  gap: 5px;
  margin-top: 10px;
}
.coupon_list_area .coupon .info_cont .bottom span {
  padding: 0 10px;
  border-radius: 20px;
  font-size: 13px;
  font-weight: 400;
  color: #fff;
  line-height: 18px;
}
.coupon_list_area .coupon .info_cont .bottom span.red {
  background: #E80000;
}
.coupon_list_area .coupon .info_cont .bottom span.gray {
  background: #666;
}
.coupon_list_area .coupon .btn_cont {
  width: 104px;
  background-color: #E80000;
}
.coupon_list_area .coupon .btn_cont a, .coupon_list_area .coupon .btn_cont button {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  gap: 10px;
  width: 100%;
  height: 100%;
  color: #fff;
  font-size: 16px;
  font-weight: 700;
}
.coupon_list_area .coupon.type2 .btn_cont {
  background-color: #E6E6E6;
}
.coupon_list_area .coupon.type2 .btn_cont button {
  color: #373737;
  pointer-events: none;
}
.coupon_list_area .coupon.type3 .info_cont .price {
  color: #666;
}
.coupon_list_area .coupon.type3 .info_cont .bottom span.red {
  background: #666;
}
.coupon_list_area .coupon.type3 .btn_cont {
  background-color: #E6E6E6;
}
.coupon_list_area .coupon.type3 .btn_cont .txt {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  width: 100%;
  height: 100%;
  font-size: 16px;
  font-weight: 700;
  color: #373737;
}

.coupon_dot_lsit {
  margin-top: 28px;
}
.coupon_dot_lsit .dot_lsit_tit {
  margin-bottom: 10px;
  font-size: 15px;
  font-weight: 700;
}
.coupon_dot_lsit .dot_list {
  margin-left: 10px;
}
.coupon_dot_lsit .dot_list > li {
  font-size: 15px;
  line-height: 25px;
}
.coupon_dot_lsit .dot_list > li + li {
  margin-top: 0;
}

.divi_line {
  height: 10px;
  background: #F5F5F5;
  margin: 24px -24px;
}

.m_list_sec {
  margin-top: 50px;
}

@media screen and (max-width: 1192px) {
  .login_wrap {
    min-width: 1192px;
    gap: 100px;
  }
  .login_wrap .intro_txt > strong {
    left: 80px;
  }
  .cart_top .inner {
    width: 1352px;
  }
  .cart_wrap {
    width: 1352px;
  }
  .cart_wrap > .cont {
    padding-right: 298px;
  }
  .cart_wrap .floating {
    width: 274px;
  }
  .cart_wrap .floating.mo_mb150 {
    margin-bottom: 150px;
  }
  .cart_wrap .floating > .btn.lg {
    width: 274px;
  }
  .cart_wrap .floating .txt {
    margin: 0 0 30px;
    padding-top: 24px;
    font-size: 1rem;
    line-height: 1.625rem;
    color: #676766;
    border-top: 1px solid #cdcccc;
  }
  .order_price {
    margin: 64px -24px;
    padding: 27px;
  }
  .order_price .btn_line_txt {
    margin-right: 24px;
  }
  .pay_list {
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 8px;
  }
  .pay_list > li {
    width: calc(50% - 4px);
  }
}
@media screen and (max-width: 834px) {
  .pdb {
    padding-bottom: 0;
  }
  .container.bottom_check {
    padding-bottom: 0;
  }
  .step_wrap::before {
    top: 24px;
    left: 50%;
    width: 95%;
    transform: translateX(-50%);
  }
  .step_list {
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 0;
  }
  .step_list li .ico {
    width: 48px;
    height: 48px;
  }
  .step_list li .ico::before {
    width: 32px;
    height: 32px;
    background-size: 32px !important;
  }
  .step_list li span {
    font-size: 0.875rem;
  }
  .mypage_main {
    padding: 68px 0 24px 0;
  }
  .join_wrap {
    padding: 24px 24px 24px 24px;
  }
  .join_wrap h2 {
    display: none;
  }
  .join_wrap h2 + .join_cont {
    padding: 0;
  }
  .join_wrap .step_wrap {
    margin-top: 0;
  }
  .join_wrap .inner {
    max-width: 100%;
  }
  .join_wrap .join_main {
    padding: 32px 0 0;
  }
  .join_wrap .join_main .inner {
    align-items: flex-start;
    height: 100%;
    background-position: center;
    background-size: 327px 220px;
  }
  .join_wrap .join_main .desc {
    width: 100%;
    margin-bottom: 0;
  }
  .join_wrap .join_main .desc > strong {
    font-size: 1.25rem;
  }
  .join_wrap .join_main .desc > p {
    margin-top: 8px;
    font-size: 0.875rem;
    line-height: 1.5rem;
  }
  .join_wrap .join_main .desc .btn_wrap {
    margin-top: 328px;
  }
  .join_wrap .join_cont {
    padding: 24px 0;
  }
  .join_wrap .join_cont .cont_txt {
    font-size: 1.25rem;
    line-height: 1.875rem;
    margin-bottom: 24px;
  }
  .join_wrap .join_cont .cont_txt + .checkall {
    margin-top: 28px;
  }
  .join_wrap .join_cont .check_desc {
    font-size: 0.875rem;
    line-height: 1.5rem;
  }
  .join_wrap .join_cont .data_list + .form_wrap {
    margin-top: 32px;
  }
  .term_list > li {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    justify-content: space-between;
    padding: 0;
    min-height: 56px;
  }
  .term_list .term_box {
    display: none;
  }
  .term_list .term_box + .check_box {
    margin-top: 0;
  }
  .term_list .btn_pop_open {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    justify-content: flex-end;
    width: 56px;
    height: 56px;
    background: none;
    cursor: pointer;
  }
  .term_list .btn_pop_open span {
    display: block;
    width: 24px;
    background: url("../img/icon/ico_24_large_chevron_right.svg") no-repeat center;
    text-indent: -9999px;
  }
  .join_complete {
    padding: 228px 24px 24px;
    background: url("../img/img_members_step4_mo.svg") no-repeat top center;
  }
  .join_complete > strong {
    font-size: 1.5rem;
    line-height: 2.125rem;
  }
  .join_complete .userid {
    margin-top: 32px;
    font-size: 1.625rem;
    line-height: 2.125rem;
  }
  .join_complete > p {
    margin-top: 32px;
    font-size: 0.875rem;
    line-height: 1.5rem;
  }
  .join_complete > p br {
    display: none;
  }
  .join_complete .btn_wrap {
    margin-top: 80px;
  }
  .login_wrap {
    display: block;
    min-width: auto;
    height: calc(100vh - 120px);
    padding: 24px 24px 24px 24px;
    overflow: auto;
  }
  .login_wrap .intro_txt {
    width: 100%;
    height: auto;
    background: none;
  }
  .login_wrap .intro_txt > strong {
    position: static;
    font-size: 1.25rem;
    line-height: 1.875rem;
    color: #333;
  }
  .login_wrap .pc + .info_inp_wrap {
    margin-top: 0;
  }
  .login_wrap .info_inp_wrap {
    width: 100%;
    height: auto;
    padding: 0;
    margin-top: 24px;
  }
  .login_wrap .info_inp_wrap .info_tit {
    font-size: 1.25rem;
    line-height: 1.875rem;
  }
  .login_wrap .info_inp_wrap .info_tit + .info_txt {
    margin-top: 8px;
  }
  .login_wrap .info_inp_wrap .info_txt {
    font-size: 0.875rem;
    line-height: 1.5rem;
  }
  .login_wrap .info_inp_wrap .info_txt br {
    display: none;
  }
  .login_wrap .info_inp_wrap .login_form {
    margin-top: 0;
  }
  .login_wrap .info_inp_wrap .login_form .inp_box + .inp_box {
    margin-top: 8px;
  }
  .login_wrap .info_inp_wrap .login_form .else .search > a {
    font-size: 0.75rem;
  }
  .login_wrap .info_inp_wrap .sns {
    margin: 48px 0 8px;
  }
  .login_wrap .info_inp_wrap .sns > em {
    font-size: 0.75rem;
    line-height: 1.5rem;
  }
  .login_wrap .info_inp_wrap .sns > ul {
    gap: 32px;
  }
  .login_wrap .info_inp_wrap .sns > ul > li button span {
    width: 60px;
    height: 60px;
  }
  .login_wrap .info_inp_wrap .userid_check {
    display: block;
  }
  .login_wrap .info_inp_wrap .userid_check.box {
    display: block;
    min-height: auto;
    border: 0;
  }
  .login_wrap .info_inp_wrap .userid_check.box .id {
    font-size: 1rem;
  }
  .login_wrap .info_inp_wrap .userid_check + .btn_wrap {
    margin-top: 48px;
  }
  .login_wrap .tab_wrap.login .tab_menu {
    margin-bottom: 24px;
  }
  .login_wrap .tab_wrap.login .tab_menu .tab_list {
    padding-bottom: 8px;
    text-align: center;
    font-size: 16px;
    line-height: 26px;
  }
  .cart_top .inner {
    width: 100%;
    min-width: 100%;
    padding: 0 24px;
  }
  .cart_top.type1 {
    display: none;
  }
  .cart_top.type2 {
    display: none;
    padding: 16px 0;
  }
  .cart_top.type2 .inner .step {
    display: none;
  }
  .cart_top.type2 .inner .bottom {
    margin-top: 0;
  }
  .cart_top.type2 .inner .bottom .selector {
    width: 100%;
    justify-content: space-between;
    gap: 0;
  }
  .cart_top.type2 .inner .bottom .selector .del {
    gap: 12px;
  }
  .cart_top.type2 .inner .bottom .selector .del > li + li::before {
    margin-right: 12px;
  }
  .cart_top.type2 .inner .bottom .selector .del > li button {
    font-size: 0.75rem;
  }
  .cart_top.type2 .inner .bottom .btn {
    display: none;
  }
  .cart_empty {
    padding: 64px 0 0;
  }
  .cart_empty .txt {
    font-size: 0.875rem;
    line-height: 1.5rem;
  }
  .cart_empty .txt::before {
    width: 60px;
    height: 66px;
    -webkit-mask-size: 60px;
    mask-size: 60px;
  }
  section.cart_btm {
    padding: 40px 0;
  }
  .cart_btm {
    margin-top: 64px;
  }
  .cart_btm .inner {
    flex-direction: column;
    align-items: flex-start;
  }
  .cart_btm .inner .txt::before {
    margin-bottom: 8px;
  }
  .cart_btm .inner .txt strong {
    font-size: 1.25rem;
    line-height: 1.875rem;
  }
  .cart_btm .inner .txt p {
    font-size: 0.875rem;
    line-height: 1.5rem;
  }
  .cart_btm .inner .btn_line_txt {
    margin-top: 48px;
    align-self: flex-end;
  }
  .cart_wrap {
    width: 100%;
    padding: 0 24px;
    margin-top: 0;
    padding-top: 44px;
  }
  .cart_wrap .divi_line:first-child {
    margin-top: 0;
  }
  .cart_wrap .form_head {
    margin-top: 55px;
  }
  .cart_wrap .form_head + .form_head {
    margin-top: 64px;
  }
  .cart_wrap > .cont {
    padding: 0;
  }
  .cart_wrap > .cont.half {
    display: block;
  }
  .cart_wrap > .cont.half + .bottom_area {
    margin-top: 48px;
  }
  .cart_wrap > .cont.half .right {
    margin-top: 64px;
  }
  .cart_wrap > .cont.half .right .data_list_tit {
    margin-top: 40px;
  }
  .cart_wrap > .cont .cart_list.noline .top {
    padding-bottom: 0;
  }
  .cart_wrap > .cont .cart_list > .top {
    padding: 12px 0;
  }
  .cart_wrap > .cont .cart_list > .top.a_top {
    align-items: flex-start;
  }
  .cart_wrap > .cont .cart_list > .top em {
    font-size: 18px;
  }
  .cart_wrap > .cont .cart_list > .top .left {
    align-items: center;
    gap: 2px;
  }
  .cart_wrap > .cont .cart_list > .top .left.a_row {
    align-items: center;
    flex-direction: row;
  }
  .cart_wrap > .cont .cart_list > .top .left.a_row > p {
    margin-left: 16px;
  }
  .cart_wrap > .cont .cart_list > .top .left .check_box label {
    font-size: 1.125rem;
    line-height: 1.75rem;
  }
  .cart_wrap > .cont .cart_list > .top .left .check_box label::before {
    vertical-align: -3px;
  }
  .cart_wrap > .cont .cart_list > .top .left .check_box label::after {
    top: 3px;
  }
  .cart_wrap > .cont .cart_list > .top .left > p {
    margin-left: 10px;
    font-size: 0.75rem;
    line-height: 1.125rem;
  }
  .cart_wrap > .cont .cart_list > .top .right .count {
    font-size: 0.75rem;
    line-height: 1.125rem;
  }
  .cart_wrap > .cont .cart_list .pd_list {
    position: relative;
    align-items: flex-start;
  }
  .cart_wrap > .cont .cart_list .pd_list:last-child {
    border-bottom: 0;
    padding-bottom: 0;
  }
  .cart_wrap > .cont .cart_list .pd_list > .top {
    margin-bottom: 16px;
  }
  .cart_wrap > .cont .cart_list .pd_list .detail {
    position: relative;
    display: block;
  }
  .cart_wrap > .cont .cart_list .pd_list .detail.m_flex {
    display: flex;
  }
  .cart_wrap > .cont .cart_list .pd_list .detail.m_flex .pd_name {
    max-width: none;
    flex-shrink: 1;
  }
  .cart_wrap > .cont .cart_list .pd_list .detail.m_flex .pd_name .name {
    width: auto;
  }
  .cart_wrap > .cont .cart_list .pd_list .detail .pd_name {
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: start;
    max-width: 100%;
  }
  .cart_wrap > .cont .cart_list .pd_list .detail .pd_name:has(.check_box) .thumb {
    margin-left: 35px;
  }
  .cart_wrap > .cont .cart_list .pd_list .detail .pd_name:has(.check_box) .name {
    width: calc(100% - 35px);
  }
  .cart_wrap > .cont .cart_list .pd_list .detail .pd_name:has(.check_box) + .pd_price_wrap {
    position: relative;
    bottom: auto;
    left: auto;
    width: auto;
    justify-content: flex-start;
    margin: 16px 0 0 35px;
  }
  .cart_wrap > .cont .cart_list .pd_list .detail .pd_name:has(.check_box) + .pd_price_wrap .price {
    position: absolute;
    top: -80px;
    left: 99px;
  }
  .cart_wrap > .cont .cart_list .pd_list .detail .pd_name .thumb {
    flex-shrink: 0;
    order: 1;
    width: 88px;
    height: 88px;
  }
  .cart_wrap > .cont .cart_list .pd_list .detail .pd_name .name {
    width: 100%;
  }
  .cart_wrap > .cont .cart_list .pd_list .detail .pd_name .name .tit {
    margin-bottom: 0;
    padding-right: 16px;
    word-break: break-all;
    line-height: 22px;
  }
  .cart_wrap > .cont .cart_list .pd_list .detail .pd_name .name .amount {
    display: -webkit-box;
    display: flex;
    gap: 4px;
    margin-top: 12px;
  }
  .cart_wrap > .cont .cart_list .pd_list .detail .pd_name .name .amount.am_mo {
    display: -webkit-box;
    display: flex;
    flex-direction: row;
    justify-content: start;
  }
  .cart_wrap > .cont .cart_list .pd_list .detail .pd_name .name .amount .wrap .inp_box .input_text {
    width: 62px;
    height: 28px;
    padding: 7px 0px;
    border-radius: 4px;
  }
  .cart_wrap > .cont .cart_list .pd_list .detail .pd_name .name .amount button {
    margin-top: 0;
  }
  .cart_wrap > .cont .cart_list .pd_list .detail .pd_name .name .badge_wrap {
    margin-top: 8px;
  }
  .cart_wrap > .cont .cart_list .pd_list .detail .pd_price_wrap {
    position: absolute;
    bottom: 30px;
    left: 100px;
    width: calc(100% - 100px);
    justify-content: space-between;
    flex-wrap: nowrap;
    gap: 12px;
  }
  .cart_wrap > .cont .cart_list .pd_list .detail .pd_price_wrap .amount {
    flex-direction: row;
    justify-content: start;
    align-items: center;
    gap: 8px;
    order: 1;
  }
  .cart_wrap > .cont .cart_list .pd_list .detail .pd_price_wrap .amount.am_pc {
    display: none;
  }
  .cart_wrap > .cont .cart_list .pd_list .detail .pd_price_wrap .amount .btn {
    margin-top: 0;
  }
  .cart_wrap > .cont .cart_list .pd_list .detail .pd_price_wrap .amount .wrap .inp_box .input_text {
    width: 62px;
    padding: 7px 0px;
  }
  .cart_wrap > .cont .cart_list .pd_list .detail .pd_price_wrap .num {
    min-width: auto;
  }
  .cart_wrap > .cont .cart_list .pd_list .detail .pd_price_wrap .price {
    display: -webkit-box;
    display: flex;
    flex-direction: column-reverse;
    align-items: flex-start;
    gap: 0;
    min-width: auto;
  }
  .cart_wrap > .cont .cart_list .pd_list .detail .pd_price_wrap .price .fee {
    display: none;
  }
  .cart_wrap > .cont .cart_list .pd_list .detail .pd_price_wrap .price .fee.mo_fee {
    display: block;
  }
  .cart_wrap > .cont .cart_list .pd_list .detail .pd_price_wrap .btn_delete {
    position: absolute;
    top: 4px;
    right: 0;
  }
  .cart_wrap > .cont .cart_list .pd_list .detail .pd_price_wrap:has(.num) {
    flex-wrap: wrap;
  }
  .cart_wrap > .cont .cart_list .pd_list .btn_delete {
    position: absolute;
    top: 16px;
    right: 0;
  }
  .cart_wrap > .cont .cart_list .pd_list .btn.gray_c {
    flex: 0 1 140px;
    border-color: #eee;
  }
  .cart_wrap > .cont .cart_list .disc_view > ul > li {
    display: block;
  }
  .cart_wrap > .cont .cart_list .disc_view > ul > li + li {
    margin-top: 24px;
  }
  .cart_wrap > .cont .cart_list .disc_view > ul > li > em {
    display: block;
    margin-bottom: 10px;
  }
  .cart_wrap > .cont .cart_info {
    margin-top: 24px;
  }
  .cart_wrap > .cont .cart_info.bg_w {
    background: none;
  }
  .cart_wrap > .cont .bottom .selector .del::before {
    margin: 6px;
  }
  .cart_wrap > .cont .bottom .btn_print {
    margin-right: 6px;
  }
  .cart_wrap .status_info {
    padding: 24px;
    margin: 0 -24px;
    border: 0;
    background: #F9F9F9;
  }
  .cart_wrap .status_info + .cont {
    margin-top: 24px;
  }
  .cart_wrap .status_info > strong {
    font-size: 1.25rem;
    line-height: 1.875rem;
  }
  .cart_wrap .status_info > p {
    margin-top: 8px;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.625rem;
  }
  .cart_wrap .floating {
    position: static;
    width: 100%;
    margin: 48px 0 0;
  }
  .cart_wrap .floating > a {
    display: none;
  }
  .cart_wrap .floating .flex_box {
    display: none;
  }
  .cart_wrap .cart_info {
    background: #F6F6F6;
    padding: 24px;
    margin: 0 -24px;
  }
  .cart_wrap .last_check {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 59px;
    padding: 28px 24px;
    background: #fff;
    border-radius: 24px 24px 0 0;
    box-shadow: 0px -10px 15px 0px rgba(0, 0, 0, 0.08);
    z-index: 101;
  }
  .cart_wrap .last_check .total {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    justify-content: space-between;
  }
  .cart_wrap .last_check .total em {
    font-size: 1rem;
    font-weight: 700;
    line-height: 1.625rem;
  }
  .cart_wrap .last_check .total div {
    font-size: 1rem;
    line-height: 1.625rem;
  }
  .cart_wrap .last_check .total div span {
    font-family: "figtree";
    font-size: 1.375rem;
    font-weight: 700;
    line-height: 2.125rem;
  }
  .cart_wrap .last_check .bottom {
    display: -webkit-box;
    display: flex;
    margin-top: 8px;
  }
  .cart_wrap .last_check .bottom > *:first-child {
    min-width: 95px;
    height: 48px;
    border-radius: 4px 0 0 4px;
  }
  .cart_wrap .last_check .bottom > *:last-child {
    flex: 1;
    border-radius: 0 4px 4px 0;
  }
  .cart_wrap .last_check .bottom > *:only-child {
    border-radius: 4px;
  }
  .cart_wrap .bottom_area {
    margin-top: 64px;
    padding: 0 0 24px;
    border-top: 0;
  }
  .cart_wrap .total_check {
    position: relative;
    border: 0;
    background: #fff;
  }
  .cart_wrap .total_check .tit {
    padding: 0;
    background: #fff;
  }
  .cart_wrap .total_check .tit + .btn {
    position: absolute;
    top: 0;
    right: 0;
  }
  .cart_wrap .total_check .cont {
    padding: 0;
    background: #fff;
  }
  .cart_wrap .pay_wrap {
    padding-bottom: 20px;
  }
  .gift_list ul li {
    gap: 34px;
    padding: 8px 0;
  }
  .gift_list ul li .gift {
    gap: 8px;
  }
  .gift_list ul li .gift .thumb {
    flex-shrink: 0;
  }
  .gift_list ul li .gift > span {
    padding-left: 8px;
    font-size: 0.75rem;
    line-height: 1.125rem;
  }
  .gift_list ul li .right {
    gap: 16px;
  }
  .gift_list ul li .right .g_amount {
    min-width: auto;
  }
  .gift_list ul li .right .g_price {
    min-width: auto;
  }
  .tag_list {
    flex-wrap: wrap;
    margin-top: 16px;
    row-gap: 16px;
  }
  .game_list_wrap {
    padding-bottom: 0;
  }
  .game_list_wrap.type_cul {
    margin-top: 24px;
  }
  .game_list_wrap.type_cul .game_list.col4 > li {
    width: 100%;
  }
  .game_list_wrap.type_cul .game_list > li {
    width: 100%;
    gap: 40px;
  }
  .game_list_wrap.type_cul .game_list > li .tit {
    margin-top: 16px;
    font-size: 22px;
    line-height: 34px;
  }
  .game_list_wrap.type_cul .game_list > li .txt {
    margin-top: 8px;
    font-size: 16px;
    line-height: 26px;
  }
  .game_list_wrap.type_cul .game_list > li .hashtag_list {
    margin-top: 16px;
  }
  .game_list_wrap.type_spc {
    padding-bottom: 0;
  }
  .game_list_wrap .btn_wrap {
    margin-top: 40px;
  }
  .game_list {
    display: block;
  }
  .game_list > li {
    width: 100%;
  }
  .game_list > li + li {
    margin-top: 40px;
  }
  .game_list > li .img_wrap .img {
    padding-top: 73.394495%;
  }
  .game_list > li .tit {
    margin-top: 16px;
    font-size: 1.375rem;
  }
  .game_list > li .txt {
    margin-top: 8px;
    font-size: 0.875rem;
    line-height: 1.5rem;
  }
  .game_list > li .date {
    font-size: 0.75rem;
    line-height: 1.125rem;
  }
  .game_detail {
    margin: 16px 0 80px;
  }
  .game_detail.wid_full {
    padding: 0;
  }
  .game_detail.wid_full .img {
    margin: 0;
    border-radius: 0;
  }
  .game_detail img + img {
    margin-top: -1px;
  }
  .game_detail img + a {
    display: block;
    margin-top: -1px;
  }
  .game_detail .img {
    margin: 0 -24px 40px;
  }
  .game_detail .img .down button {
    width: 200px;
    height: 48px;
  }
  .game_detail .img .down button i {
    vertical-align: -1px;
  }
  .game_detail strong {
    margin-top: 24px;
  }
  .game_detail .video_box {
    width: 100%;
    margin-bottom: 24px;
  }
  .game_detail .shorts_type iframe {
    width: 184px;
    height: 330px;
  }
  .cul_more_btn {
    width: 100%;
    height: 56px;
  }
  .cul_more_btn span {
    font-size: 16px;
  }
  .cul_more_btn span::after {
    vertical-align: -1px;
  }
  .prdlist_wrap .game_list > li + li {
    margin-top: 0;
  }
  .prdlist_wrap .game_list .prd_list_item {
    width: 240px;
  }
  .anchor_nav {
    margin: 0 -24px 64px;
  }
  .anchor_nav > a {
    width: calc(33.3333% + 1px);
    font-size: 1rem;
  }
  .anchor_cont_wrap .anchor_cont > li {
    scroll-margin-top: 80px;
  }
  .anchor_cont_wrap .anchor_cont > li + li {
    margin-top: 64px;
  }
  .anchor_cont_wrap .anchor_cont .anchor_tit {
    margin: 0 0 24px;
    padding-bottom: 12px;
    font-size: 1.375rem;
    line-height: 2.125rem;
  }
  .anchor_cont_wrap .anchor_cont .prdlist_conts {
    gap: 24px 12px;
  }
  .anchor_cont_wrap .anchor_cont .prdlist_conts .prd_list_item {
    width: calc((100% - 12px) / 2);
  }
  .wide.pd_info_wrap {
    padding: 0 0 16px;
    margin-top: 0;
  }
  .pd_info_wrap {
    background: none;
  }
  .pd_info_wrap .pd_info_cont {
    width: 100%;
  }
  .pd_info_wrap .pd_info_cont .img_wrap .img {
    height: 468px;
    border-radius: 0;
  }
  .pd_info_wrap .pd_info_cont .pd_info_thumb {
    margin-top: 24px;
    padding-left: 24px;
  }
  .pd_info_wrap .pd_info_cont .pd_info_thumb .thumb_list_wrap {
    height: 80px;
    margin-right: 20px;
    overflow-x: auto;
  }
  .pd_info_wrap .pd_info_cont .pd_info_thumb .thumb_list {
    gap: 12px;
  }
  .pd_info_wrap .pd_info_cont .pd_info_thumb .thumb_list > li .img {
    width: 80px;
    height: 80px;
  }
  .option_sort_wrap {
    gap: 8px;
    margin-bottom: 25px;
  }
  .option_sort_wrap > * {
    flex: 1 1 50%;
  }
  .comment_wrap {
    margin-top: 16px;
  }
  .comment_wrap .comment_top {
    flex-direction: column;
    align-items: flex-start;
  }
  .comment_wrap .comment_top .left {
    font-size: 1.25rem;
    line-height: 30px;
  }
  .comment_wrap .comment_top .right {
    margin-top: 8px;
  }
  .comment_wrap .comment_cont .comment_section {
    position: relative;
  }
  .comment_wrap .comment_cont .comment_section .writer {
    position: absolute;
    top: 24px;
    right: 12px;
  }
  .comment_wrap .comment_cont .comment_section .input_writing_wrap {
    width: 100%;
    height: 116px;
  }
  .comment_wrap .comment_cont .comment_section .input_writing_wrap .input_writing_group textarea {
    height: 100%;
    padding: 16px 50px 16px 16px;
    font-size: 0.875rem;
  }
  .comment_wrap .comment_cont .comment_section .input_writing_wrap .input_writing_group .txt_count {
    bottom: 16px;
  }
  .comment_wrap .comment_cont .comment_section .input_writing_wrap .btn {
    flex-shrink: 0;
    align-self: flex-end;
    width: 88px;
    height: 44px;
    padding: 0;
    text-align: center;
    font-size: 14px;
  }
  .comment_wrap .comment_cont .comment_renderer .thread_wrap {
    margin: 0 -24px;
    padding: 0 24px;
    border: 0;
  }
  .comment_wrap .comment_cont .comment_renderer .thread_wrap > li {
    border-top: 1px solid #eee;
  }
  .comment_wrap .comment_cont .comment_renderer .thread_wrap .thread {
    padding: 16px 0;
  }
  .comment_wrap .comment_cont .comment_renderer .thread {
    padding: 16px 0;
  }
  .comment_wrap .comment_cont .comment_renderer .thread .header .right {
    font-size: 12px;
  }
  .comment_wrap .comment_cont .comment_renderer .thread .header .date {
    font-size: 0.875rem;
  }
  .comment_wrap .comment_cont .comment_renderer .thread .header .date::before {
    width: 2px;
    height: 2px;
  }
  .comment_wrap .comment_cont .comment_renderer .thread .cont {
    padding: 0;
    font-size: 0.875rem;
    line-height: 1.5rem;
  }
  .comment_wrap .comment_cont .comment_renderer .thread .cont .re_author {
    font-size: 0.875rem;
    line-height: 1.5rem;
  }
  .comment_wrap .comment_cont .comment_renderer .thread .footer {
    padding: 0;
  }
  .comment_wrap .comment_cont .comment_renderer .thread .footer > li + li::before {
    vertical-align: -6px;
  }
  .comment_wrap .comment_cont .comment_renderer .thread .footer > li span {
    font-size: 0.875rem;
    line-height: 1.5rem;
  }
  .comment_wrap .comment_cont .comment_renderer .thread .footer > li button {
    font-size: 0.875rem;
    line-height: 1.5rem;
  }
  .comment_wrap .comment_cont .comment_renderer .thread .footer > li .cmmlike.active span::before {
    vertical-align: -3px;
  }
  .comment_wrap .comment_cont .comment_renderer .thread .reply_view {
    padding: 0;
    font-size: 0.875rem;
    line-height: 1.5rem;
  }
  .comment_wrap .comment_cont .comment_renderer .reply_section {
    padding: 0 24px;
    margin: 0 -24px;
  }
  .comment_wrap .comment_cont .comment_renderer .reply_section .wrap {
    flex-direction: column;
    align-items: flex-start;
    gap: 6px;
    padding: 16px 0;
  }
  .comment_wrap .comment_cont .comment_renderer .reply_section .wrap .input_writing_wrap {
    width: 100%;
  }
  .comment_wrap .comment_cont .comment_renderer .reply_section .wrap .input_writing_wrap .input_writing_group textarea {
    height: 100%;
    padding: 16px 50px 16px 16px;
    font-size: 0.875rem;
  }
  .comment_wrap .comment_cont .comment_renderer .reply_section .wrap .input_writing_wrap .btn_wrap {
    flex-direction: column;
    width: auto;
  }
  .comment_wrap .comment_cont .comment_renderer .reply_section .wrap .input_writing_wrap .btn_wrap .btn {
    width: 58px;
    padding: 0;
    text-align: center;
    font-size: 14px;
  }
  .board_area {
    padding-bottom: 0;
  }
  .board_detail_wrap {
    padding: 32px 24px;
  }
  .board_detail_wrap .detail_top {
    display: -webkit-box;
    display: flex;
    flex-direction: column-reverse;
    padding-bottom: 32px;
  }
  .board_detail_wrap .detail_top .date {
    margin: 8px 0 0 0;
    font-size: 12px;
    line-height: 18px;
  }
  .board_detail_wrap .detail_top .tit {
    font-size: 20px;
    line-height: 30px;
  }
  .board_detail_wrap .detail_cont {
    padding-top: 40px;
  }
  .board_detail_wrap .detail_cont strong {
    font-size: 20px;
    line-height: 30px;
  }
  .board_detail_wrap .detail_cont p {
    margin-top: 16px;
    font-size: 14px;
    line-height: 24px;
  }
  .board_detail_wrap .detail_cont .img {
    margin: 40px -24px;
  }
  .board_detail_wrap .detail_cont .file_wrap {
    margin: 40px -24px 0;
    padding: 16px 24px;
  }
  .board_detail_wrap .detail_cont .file_wrap button {
    font-size: 12px;
  }
  .board_detail_wrap .detail_footer {
    margin-top: 48px;
  }
  .board_detail_wrap .detail_footer .btn.lg {
    flex-grow: 0;
  }
  .ui_select .select-value {
    font-size: 14px;
  }
  .ui_select .select-option-text {
    font-size: 14px;
  }
  .ui_select .select-arrow::after {
    width: 5px;
    height: 5px;
    margin-top: 1px;
    border-color: #333;
    border-width: 1px 1px 0 0;
    border-style: solid;
    background: none;
    transform: translate(-50%, -50%) rotate(135deg);
    transition: 0s;
    content: "";
  }
  .ui_select.pop-comp-active .select-arrow::after {
    transform: translate(-50%, -50%) rotate(315deg);
    margin-top: 5px;
  }
  .custom-select__option--value {
    min-width: 120px;
    font-size: 14px;
    padding-right: 40px !important;
  }
  .custom-select__option--value::after {
    content: "";
    position: absolute;
    right: 10px;
    top: 50%;
    width: 6px;
    height: 6px;
    margin-top: -2px;
    border-color: #333;
    border-width: 1px 1px 0 0;
    border-style: solid;
    transform: translate(-50%, -50%) rotate(135deg);
  }
  .custom-select--active .custom-select__option--value::after {
    transform: translate(-50%, -50%) rotate(315deg);
    margin-top: 2px;
  }
  .custom-select__option {
    padding: 0 10px;
    font-size: 14px;
  }
  .category_search_cont .cate_depth_wrap .depth_header .sort_option {
    margin-bottom: 16px;
  }
  .category_search_cont .cate_depth_wrap .sort_option {
    position: relative;
    z-index: 2;
  }
  .category_search_cont .cate_depth_wrap .prdlist_wrap .prdlist_conts.best_prd {
    gap: 40px;
    margin-bottom: 40px;
  }
  .category_search_cont .cate_depth_wrap .prdlist_wrap .prdlist_conts.best_prd .prd_list_item {
    width: 100%;
  }
  .item_detail_contain {
    display: block;
    padding: 0;
    margin-bottom: 64px;
  }
  .item_detail_contain .item_view_info .prd_view_thumb {
    width: 100%;
  }
  .item_detail_contain .item_view_info .prd_view_thumb dl dt {
    max-width: 100%;
    border-radius: 0;
  }
  .item_detail_contain .item_view_info .prd_view_thumb dl dt li {
    height: 100%;
    width: 100% !important;
    aspect-ratio: 1;
  }
  .item_detail_contain .item_view_info .prd_view_thumb dl dd {
    display: none;
  }
  .item_detail_contain .item_view_info .hashtag_list {
    flex-wrap: nowrap;
    padding: 0 24px;
    overflow-x: auto;
  }
  .item_detail_contain .item_view_info .hashtag_list > p {
    flex-shrink: 0;
  }
  .item_detail_contain .item_info_side {
    margin-top: 40px;
    padding: 0 24px;
  }
  .item_detail_contain .item_info_side .maker {
    font-size: 12px;
    line-height: 18px;
  }
  .item_detail_contain .item_info_side .prd_tit_info .prd_title {
    font-size: 28px;
    line-height: 40px;
  }
  .item_detail_contain .item_info_side .prd_tit_info .btn_share {
    width: 40px;
    height: 40px;
  }
  .item_detail_contain .item_info_side .review_grade {
    margin-top: 16px;
  }
  .item_detail_contain .item_info_side .review_grade .grade_num {
    font-size: 12px;
  }
  .item_detail_contain .item_info_side .review_grade .txt_num {
    line-height: 24px;
    font-size: 12px;
  }
  .item_detail_contain .item_info_side .review_grade .txt_num::before {
    vertical-align: -1px;
  }
  .item_detail_contain .item_info_side .item_price_wrap {
    margin: 4px 0 16px;
    padding-bottom: 16px;
  }
  .item_detail_contain .item_info_side .item_price_wrap .rate {
    font-size: 32px;
    line-height: 1;
  }
  .item_detail_contain .item_info_side .item_price_wrap .price_value {
    font-size: 30px;
    line-height: 1;
  }
  .item_detail_contain .item_info_side .item_price_wrap .price_value em {
    font-size: 20px;
    font-weight: 400;
    vertical-align: 0px;
  }
  .item_detail_contain .item_info_side .item_price_wrap .price_reg {
    margin-left: 6px;
    font-size: 20px;
  }
  .item_detail_contain .item_info_side .item_price_wrap .price_reg em {
    font-size: 18px;
  }
  .item_detail_contain .item_info_side .item_price_wrap .price_final {
    font-size: 32px;
    gap: 8px;
  }
  .item_detail_contain .item_info_side .item_price_wrap .price_final span {
    font-size: 30px;
  }
  .item_detail_contain .item_info_side .item_price_wrap .price_final em {
    font-size: 20px;
    font-weight: 400;
  }
  .item_detail_contain .item_info_side .item_price_wrap .price_final_txt {
    margin: 0 auto 0 0;
    font-size: 16px !important;
  }
  .item_detail_contain .item_info_side .member_cont .user_name {
    font-size: 14px;
  }
  .item_detail_contain .item_info_side .point_cont dl dt {
    padding: 0;
    margin-bottom: 4px;
    line-height: 20px;
    font-size: 14px;
  }
  .item_detail_contain .item_info_side .point_cont dl dd {
    padding-left: 20px;
    line-height: 20px;
    font-size: 14px;
  }
  .item_detail_contain .item_info_side .delivery_info {
    margin-top: 16px;
  }
  .item_detail_contain .item_info_side .price_total_wrap {
    margin-top: 16px;
  }
  .item_detail_contain .item_info_side .btn_wrap {
    margin-top: 16px;
  }
  .item_detail_contain .item_info_side .card_link {
    font-size: 12px;
  }
  .best_review_cont {
    margin-top: 64px;
  }
  .best_review_cont .swiper.review_list {
    display: block;
    height: auto;
    margin-bottom: 64px;
  }
  .best_review_cont .swiper.review_list .review_conts {
    max-width: calc(100% - 100px);
  }
  .best_review_cont .swiper.review_list .img_wrap {
    flex: 0 0 80px;
    width: 80px;
    height: 80px;
  }
  .best_review_cont .swiper-wrapper {
    gap: 12px;
  }
  .best_review_cont .swiper-wrapper .swiper-slide {
    width: 100% !important;
    gap: 16px;
  }
  .best_review_cont .swiper_prev,
  .best_review_cont .swiper_next {
    display: none;
  }
  .review_list .review_conts .rate > span {
    font-size: 12px;
  }
  .review_list .review_conts .ps_info {
    margin-top: 2px;
    font-size: 12px;
  }
  .review_list .review_conts .rev_txt {
    font-size: 12px;
    line-height: 18px;
  }
  .review_list .review_conts .btn_report {
    margin-top: 1px;
  }
  .item_detail_banner {
    width: 100%;
    margin-top: 0;
    padding: 0;
  }
  .product_content_wrap .tab_wrap.detail .tab_menu {
    margin-bottom: 0;
  }
  .product_content_wrap .tab_wrap.detail .tab_menu > li {
    border-top: 0;
  }
  .product_content_wrap .tab_wrap.detail .tab_menu > li.current {
    border-top: 1px solid #cdcccc;
  }
  .product_content_wrap .tab_wrap.sticky-active .tab_menu {
    margin-top: 0;
  }
  .page_tit_wrap .inner {
    display: block;
    padding: 0;
  }
  .page_tit_wrap .inner .rev_total {
    margin: 8px 0 0 0;
  }
  .prd_review_wrap {
    gap: 24px;
    margin: 0 -24px;
    padding: 16px 24px;
  }
  .prd_review_wrap .rev_rate .total > strong {
    font-size: 30px;
  }
  .prd_review_wrap .rev_rate .total > span {
    font-size: 24px;
  }
  .product_content_wrap section .page_tit_wrap.col {
    flex-direction: column;
    align-items: start;
  }
  .product_content_wrap section .page_tit_wrap .btn_wrap {
    margin-top: 16px;
  }
  .product_content_wrap:not(.prdlist_wrap.pos_btm) {
    padding-bottom: 125px !important;
  }
  .point_box {
    flex-direction: column;
    gap: 24px;
  }
  .point_box .point strong {
    font-size: 14px;
    line-height: 24px;
  }
  .point_box .point div {
    font-size: 26px;
    line-height: 34px;
  }
  .point_box.type_pt {
    padding: 28px 24px 24px;
    gap: 0;
  }
  .point_box.type_pt .point {
    justify-content: center;
    width: 100%;
    margin-top: 16px;
    padding: 0;
    padding-top: 16px;
    border-left: 0;
    border-top: 1px solid #ccc;
    line-height: 26px;
  }
  .point_box.type_pt .point:first-child {
    margin-top: 0;
    padding-top: 0;
  }
  .point_box.type_pt .point:last-child div {
    line-height: 16px;
  }
  .point_box.type_pt .point:last-child div.txt_black {
    font-size: 1rem;
  }
  .point_box.type_pt .point:last-child strong {
    font-size: 0.75rem;
  }
  .my_cp {
    overflow: hidden;
  }
  .my_cp .coupon_list .coupon .txtbox .info .percent {
    font-size: 2rem;
  }
  .my_cp .coupon_list .coupon .txtbox .info .percent span {
    font-size: 3rem;
  }
  .my_cp .coupon_list .coupon .txtbox .info .tit {
    margin-top: 20px;
    font-size: 0.875rem;
  }
  .my_cp .coupon_list .coupon .txtbox .info .date {
    font-size: 0.75rem;
  }
  .prd_review_wrap {
    gap: 0;
    justify-content: space-between;
  }
  .prd_review_wrap .rev_rate .rate {
    height: 24px;
    padding-left: 120px;
    background: url("../img/icon/ico_star_empty.svg") center/24px repeat-x;
  }
  .prd_review_wrap .rev_rate .rate.lev_1::after {
    width: 24px;
    background: url("../img/icon/ico_star_fill_red.svg") 0/24px repeat-x;
  }
  .prd_review_wrap .rev_rate .rate.lev_2::after {
    width: 48px;
    background: url("../img/icon/ico_star_fill_red.svg") 0/24px repeat-x;
  }
  .prd_review_wrap .rev_rate .rate.lev_3::after {
    width: 72px;
    background: url("../img/icon/ico_star_fill_red.svg") 0/24px repeat-x;
  }
  .prd_review_wrap .rev_rate .rate.lev_4::after {
    width: 96px;
    background: url("../img/icon/ico_star_fill_red.svg") 0/24px repeat-x;
  }
  .prd_review_wrap .rev_rate .rate.lev_5::after {
    width: 120px;
    background: url("../img/icon/ico_star_fill_red.svg") 0/24px repeat-x;
  }
  .prd_review_wrap .review_chart_wrap {
    width: 160px;
    overflow: hidden;
  }
  .prd_review_wrap .review_chart_wrap > li {
    width: 100%;
    height: 106px;
  }
  .table_bottom {
    flex-direction: column;
    gap: 8px;
  }
  .check_info {
    padding: 16px 24px;
  }
  .top_visual_title {
    height: 130px;
  }
  .top_visual_title + section {
    margin-top: 24px;
  }
  .top_visual_title .inner {
    width: 100%;
    min-width: auto;
    max-width: 100%;
    padding: 0;
  }
  .top_visual_title .depth_title {
    margin-top: 0;
  }
  .top_visual_title .depth_title h2 {
    display: block;
    font-size: 28px;
    line-height: 40px;
  }
  .mo_mt0 {
    margin-top: 0 !important;
  }
  .mo_mt_top {
    margin-top: 24px;
  }
  .detail_type_cul {
    margin-top: 28px;
    padding-inline: 20px;
  }
  .detail_type_cul + section {
    margin-top: 64px;
  }
  .detail_type_cul .detail_top {
    padding-bottom: 32px;
  }
  .detail_type_cul .detail_top + .game_detail {
    margin: 0 0 0;
  }
  .detail_type_cul .detail_top_img {
    margin-bottom: 28px;
  }
  .detail_type_cul .detail_top .card_hashtag {
    font-size: 0.875rem;
  }
  .detail_type_cul .detail_top .tit {
    font-size: 1.625rem;
    line-height: 1.384;
  }
  .detail_type_cul .detail_top .txt {
    margin-top: 12px;
    font-size: 1rem;
    line-height: 1.44;
  }
  .detail_type_cul .detail_top .bottom {
    margin-top: 28px;
    flex-direction: column;
    gap: 20px;
    align-items: start;
  }
  .detail_type_cul .detail_top .bottom .date {
    font-size: 14px;
    line-height: 18px;
  }
  .detail_type_cul .detail_top .bottom .view {
    font-size: 14px;
    line-height: 18px;
  }
  .detail_type_cul .detail_top .bottom .view i {
    vertical-align: -3px;
  }
  .detail_type_cul .detail_top .bottom .left > div + div::before {
    margin: 0 8px;
    height: 16px;
  }
  .detail_type_cul .detail_top .bottom .right {
    gap: 8px;
  }
  .detail_type_cul .detail_top .bottom .right .like {
    height: 32px;
  }
  .detail_type_cul .detail_top .bottom .right .like .cmmlike {
    line-height: 30px;
  }
  .detail_type_cul .detail_top .bottom .right .like .cmmlike span {
    font-size: 14px;
    line-height: 31px;
  }
  .detail_type_cul .detail_top .bottom .right .like .cmmlike span::before {
    top: 8px;
    width: 14px;
    height: 14px;
    margin-right: 4px;
    -webkit-mask-size: 14px;
    mask-size: 14px;
  }
  .detail_type_cul .detail_top .bottom .right .btn_share {
    width: 32px;
    height: 32px;
  }
  .detail_type_cul .detail_top .bottom .right .btn_share i {
    vertical-align: 13px;
  }
  .detail_type_cul .detail_top .bottom .right .btn_share i::before {
    width: 14px;
    height: 14px;
  }
  .detail_type_cul .game_detail + .btn_wrap {
    margin-top: 40px;
  }
  .detail_type_cul .game_detail > strong {
    margin-top: 24px;
    font-size: 20px;
    line-height: 32px;
  }
  .detail_type_cul .game_detail > p {
    margin-top: 12px;
    font-size: 16px;
    line-height: 26px;
  }
  .detail_type_cul .game_detail .img {
    margin: 0 -24px 24px;
  }
  .detail_type_cul .game_detail .img .down {
    width: 100%;
    height: auto;
    border: 0;
  }
  .detail_type_cul .game_detail .img .down button {
    width: 74px;
    height: 48px;
    background: #333;
    border-radius: 4px 0px 0px 0px;
  }
  .detail_type_cul .game_detail .img .down button span {
    display: none;
  }
  .detail_type_cul .game_detail .img .down button i {
    width: 24px;
    height: 24px;
    margin-right: 0;
  }
  .detail_type_cul .game_detail .video_box_wrap {
    margin: 0 -24px;
  }
  .detail_type_cul .game_detail .hashtag_list {
    margin-top: 24px;
  }
  .detail_type_cul .game_detail .file_wrap {
    margin-top: 60px;
    padding: 24px 32px;
    background: #F9F9F9;
    border-bottom: 1px solid #cdcccc;
  }
  .detail_type_cul .game_detail .file_wrap button {
    color: #676766;
  }
  .detail_type_cul .game_detail .file_wrap button i {
    margin-right: 8px;
  }
  .detail_type_cul .game_detail .file_wrap div {
    line-height: 1.7;
  }
  .detail_type_cul .card_btn_wrap {
    gap: 4px;
  }
  .detail_type_cul .detail_bottom .btn_wrap {
    margin-top: 32px;
  }
  .m_list_sec {
    margin-top: 1px;
    padding: 0;
  }
  .m_list_sec .tab_wrap.detail .tab_menu {
    margin: 2px -1px 24px -1px;
  }
  .m_list_sec .m_list_wrap {
    padding: 0 20px;
  }
  .m_list_sec .m_list_wrap .list_top {
    margin-bottom: 20px;
  }
  .m_list_sec .m_list_wrap .list_top .total {
    font-size: 0.875rem;
    line-height: 1.5;
  }
  .m_list_sec .m_list_wrap .list_top .right {
    width: 100%;
    margin-top: 8px;
  }
  .m_list_sec .m_list_wrap .list_top .right .inp_search {
    width: 100%;
    min-width: auto;
    height: 44px !important;
  }
  .m_list_sec .m_list_wrap .list_top .right .inp_box .input_text {
    font-size: 0.8125rem;
    background: transparent;
  }
  .m_list_sec .m_list_wrap .list_top.list_flex {
    flex-direction: column;
    align-items: start;
    margin-bottom: 32px;
  }
  .m_list_sec .m_list_wrap .m_list {
    padding: 0;
    flex-direction: column;
    gap: 0;
  }
  .m_list_sec .m_list_wrap .m_list.type2 > li > a .img {
    height: 77px;
  }
  .m_list_sec .m_list_wrap .m_list > li {
    width: 100%;
  }
  .m_list_sec .m_list_wrap .m_list > li + li {
    margin-top: 32px;
    padding-top: 32px;
    border-top: 1px solid #eee;
  }
  .m_list_sec .m_list_wrap .m_list > li > a .img {
    width: 120px;
    height: 154px;
    margin-right: 20px;
  }
  .m_list_sec .m_list_wrap .m_list > li > a .info {
    align-items: start;
    justify-content: flex-start;
  }
  .m_list_sec .m_list_wrap .m_list > li > a .info .tit {
    font-size: 1.125rem;
    line-height: 1.5;
  }
  .m_list_sec .m_list_wrap .m_list > li > a .info .date {
    font-size: 0.8125rem;
    line-height: 1.385;
  }
  .m_list_sec .m_list_wrap .pagination.pc {
    display: none !important;
  }
  .m_list_sec .m_list_wrap .btn_wrap.mo {
    display: flex !important;
    margin-top: 32px;
    margin-top: 24px;
  }
  .notice_wrap > li > a {
    flex-direction: column;
    gap: 8px;
    align-items: start;
    padding: 16px 0;
  }
  .notice_wrap > li .tit {
    font-size: 14px;
    line-height: 24px;
  }
  .notice_wrap > li .txt {
    font-size: 14px;
    line-height: 24px;
  }
  .notice_wrap > li .date {
    min-width: auto;
    font-size: 12px;
  }
  .cus_main section + section {
    margin-top: 40px;
  }
  .qna_box {
    flex-direction: column;
  }
  .qna_box > li {
    width: 100%;
    padding: 32px;
  }
  .qna_box > li .tit {
    font-size: 20px;
    line-height: 30px;
  }
  .qna_box > li .txt {
    font-size: 14px;
    line-height: 24px;
  }
  .as_wrap section + section {
    margin-top: 40px;
  }
  .as_wrap .form_head {
    margin-top: 0;
  }
  .as_info_wrap .as_info_top {
    border-color: #333;
  }
  .as_info_wrap .as_info_top td {
    margin-top: 0 !important;
    padding-top: 0;
    padding-bottom: 0 !important;
  }
  .as_info_wrap .as_info_top .as_info_top_wrap {
    padding: 24px;
    margin: 0 -24px 0;
    background: #F9F9F9;
  }
  .as_info_wrap .as_info_top .as_info_top_wrap strong {
    font-size: 1.25rem;
    font-weight: 700;
    line-height: 1.875rem;
  }
  .as_info_wrap .as_info_top .as_info_top_wrap p {
    margin-top: 8px;
    font-size: 0.875rem;
    line-height: 1.5rem;
  }
  .srch_result h2 {
    padding-top: 16px;
    margin-bottom: 24px;
    font-size: 22px;
    font-weight: 500;
    line-height: 34px;
  }
  .srch_result .srch_result_top {
    padding-top: 40px;
  }
  .srch_result .srch_result_top > p {
    font-size: 20px;
    line-height: 31px;
  }
  .srch_result .srch_result_top .tag_cont {
    flex-direction: column;
    align-items: start;
    gap: 16px;
    margin-top: 40px;
  }
  .srch_result .srch_result_top .tag_cont .tag_swp_box {
    width: 100%;
  }
  .srch_result .srch_result_top .tag_cont .tag_swp_box .tag_swp .slick-slide {
    margin: 0 2px;
  }
  .srch_result .webzine ul li {
    flex-direction: column-reverse;
    gap: 16px;
  }
  .srch_result .webzine ul li + li {
    margin-top: 40px;
  }
  .srch_result .webzine ul li .img {
    width: 100%;
    height: auto;
  }
  .srch_result .webzine ul li .desc .tit {
    font-size: 22px;
    line-height: 34px;
  }
  .srch_result .webzine ul li .desc .stit {
    display: none;
  }
  .srch_result .webzine ul li .desc .txt {
    font-size: 16px;
    line-height: 26px;
  }
  .option {
    padding: 0 0 24px;
    margin-bottom: 0;
    margin-top: 24px;
    overflow-x: auto;
  }
  .option::-webkit-scrollbar {
    display: none;
  }
  .option .option_area .sort .radio_box li .radioItem + label {
    font-size: 16px;
    padding-bottom: 2px;
  }
  .put_cart {
    position: fixed;
    inset: 0;
    display: none;
    z-index: 10000;
  }
  .put_cart.active {
    display: block;
  }
  .put_cart.active .aniPut {
    display: block;
    animation: bounceIn 0.5s ease-in-out forwards, moveAndFadeOut 1.5s ease-in-out 1s forwards;
  }
  .put_cart.active .put_text {
    width: auto;
    margin-left: 0;
    transform: none;
    top: 56px;
    opacity: 0;
    animation: showTxt 0.5s 2s ease-in-out forwards, hideTxt 0.5s 3.7s ease-in-out forwards;
  }
  .put_cart.active .ani_liked {
    display: none;
  }
  .put_cart.active_like {
    display: block;
  }
  .put_cart .aniPut {
    position: absolute;
    top: 166px;
    left: 50%;
    margin: 0 0 0 -50px;
    display: none;
  }
  .put_cart .aniPut .ani_img {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    width: 88px;
    height: 88px;
    background: url("../img/icon/ico_incart.svg") no-repeat;
    background-size: 88px;
    border-radius: 50%;
  }
  .put_cart .aniPut .ani_img::before {
    position: absolute;
    top: 0;
    right: 0;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    background: #E6313A url("../img/icon/ico_add_w.svg") center no-repeat;
    background-size: 24px;
    content: "";
  }
  .put_cart .aniPut .ani_img i {
    width: 35px;
    height: 40px;
  }
  .put_cart .aniPut .ani_img i::before {
    width: 35px;
    height: 40px;
    background: #fff;
  }
  .put_cart .put_text {
    position: fixed;
    top: 56px;
    left: 20px;
    right: 20px;
    background: #333;
    border-radius: 4px;
    opacity: 0;
    padding: 24px;
    font-size: 14px;
    font-weight: 400;
    z-index: 1000;
    transform: translate(0, 0);
    text-align: center;
  }
  .put_cart .put_text::before {
    position: absolute;
    top: -10px;
    right: 8px;
    width: 0;
    height: 0;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-bottom: 12px solid #333;
    content: "";
  }
  .put_cart .put_text p {
    margin-bottom: 6px;
    color: #fff;
    line-height: 24px;
  }
  .put_cart .put_text a {
    display: block;
    color: #333;
    font-weight: 700;
    border: 0;
  }
  @keyframes bounceIn {
    0% {
      transform: scale(0);
    }
    50% {
      transform: scale(1.3);
    }
    100% {
      transform: scale(1);
    }
  }
  @keyframes moveAndFadeOut {
    0% {
      opacity: 1;
      transform: translate(0, 0) scale(1);
    }
    45% {
      transform: translate(45vw, -180px) scale(0.3);
      opacity: 0;
    }
    100% {
      opacity: 0;
    }
  }
  @keyframes showTxt {
    0% {
      opacity: 0;
      transform: translate(0, -100%);
    }
    100% {
      transform: translate(0, 0);
      opacity: 1;
    }
  }
  @keyframes hideTxt {
    0% {
      transform: translate(0, 0);
      opacity: 1;
    }
    100% {
      opacity: 0;
      transform: translate(0, -100%);
    }
  }
  .ani_liked .on, .ani_liked .off {
    display: none;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 124px;
    height: 124px;
    text-align: center;
    padding: 16px 16px 22px;
    border-radius: 4px;
    background-color: rgba(51, 51, 51, 0.9);
  }
  .ani_liked .img {
    display: inline-block;
    width: 40px;
    height: 40px;
    background: url("../img/icon/ico_heart_on.svg") center/contain no-repeat;
  }
  .ani_liked .off .img {
    background: url("../img/icon/ico_heart_off.svg") center/contain no-repeat;
  }
  .ani_liked p {
    margin-top: 6px;
    color: #fff;
    font-size: 0.875rem;
    line-height: 1.43;
    letter-spacing: -0.5px;
    text-align: center;
  }
  .survey_txt {
    margin-bottom: 64px;
  }
  .survey_wrap .survey_top {
    display: block;
  }
  .survey_wrap .survey_top .tit strong {
    font-size: 1.25rem;
    line-height: 30px;
  }
  .survey_wrap .survey_top .refer {
    margin-top: 8px;
  }
  .survey_wrap .survey_cont .survey_list > li {
    padding: 16px 0;
  }
  .survey_wrap .survey_cont .survey_list > li > .cont {
    padding: 0;
  }
  .survey_wrap .survey_cont .survey_list > li > .cont .radio_wrap {
    display: block;
  }
  .survey_wrap .survey_cont .survey_list > li > .cont .radio_wrap > li {
    width: 100%;
  }
  .survey_wrap .survey_cont .survey_list > li > .cont .radio_wrap > li + li {
    margin-top: 10px;
  }
  .coupon_down_area {
    padding: 0 20px 27px;
  }
  .coupon_down_area .btn_area {
    gap: 10px;
    padding: 15px 0;
  }
  .coupon_down_area .pop_btn_area button {
    font-size: 14px;
  }
  .coupon_list_area {
    gap: 12px;
    justify-content: center;
  }
  .coupon_list_area.type_col .coupon {
    max-width: 304px;
  }
  .coupon_list_area .coupon {
    width: 100%;
    max-width: 304px;
  }
  .coupon_list_area .coupon .info_cont {
    padding: 14px 22px;
  }
  .coupon_list_area .coupon .info_cont .cate_txt {
    margin-bottom: 2px;
    font-size: 11px;
  }
  .coupon_list_area .coupon .info_cont .price {
    font-size: 25px;
  }
  .coupon_list_area .coupon .info_cont .price span {
    font-size: 20px;
  }
  .coupon_list_area .coupon .info_cont .info_txt {
    margin-top: 6px;
    font-size: 10px;
  }
  .coupon_list_area .coupon .info_cont .date {
    margin-top: 2px;
    font-size: 10px;
  }
  .coupon_list_area .coupon .info_cont .bottom {
    margin-top: 6px;
    gap: 3px;
  }
  .coupon_list_area .coupon .info_cont .bottom span {
    padding: 0 5px;
    font-size: 9px;
    line-height: 14px;
  }
  .coupon_list_area .coupon .btn_cont {
    width: 70px;
  }
  .coupon_list_area .coupon .btn_cont a, .coupon_list_area .coupon .btn_cont button {
    font-size: 12px;
  }
  .coupon_list_area .coupon .btn_cont a i, .coupon_list_area .coupon .btn_cont button i {
    width: 16px;
    height: 16px;
  }
  .coupon_list_area .coupon .btn_cont a i::before, .coupon_list_area .coupon .btn_cont button i::before {
    background-size: 16px;
  }
  .coupon_list_area .coupon.type3 .btn_cont .txt {
    font-size: 12px;
  }
  .coupon_dot_lsit {
    margin-top: 37px;
  }
  .coupon_dot_lsit .dot_lsit_tit {
    font-size: 13px;
  }
  .coupon_dot_lsit .dot_list > li {
    font-size: 13px;
  }
  .coupon_list_tit_cont {
    margin-top: 40px;
  }
  .coupon_list_tit_cont .tit {
    font-size: 20px;
  }
  .coupon_list_tit_cont .txt {
    font-size: 14px;
  }
  .pay_wrap .toss_payment_section #toss-payment-method {
    margin: 20px -20px !important;
  }
  .pay_wrap .toss_agreement_section #toss-common-agreement {
    margin: 20px -20px !important;
  }
}
.modal_wrap .term_area strong {
  display: block;
  color: #333;
  font-size: 16px;
  font-weight: 700;
  line-height: 26px;
  margin-top: 24px;
}
.modal_wrap .term_area strong:first-child {
  margin-top: 0;
}
.modal_wrap .term_area p {
  margin-top: 6px;
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
  color: #676766;
}

.table td .td_coupon_btn button {
  display: inline-block;
  margin-left: 10px;
}
.table td .td_coupon_btn button i {
  top: -1px;
}

.modal_barcode {
  height: 100vh;
  padding-bottom: 0;
}
.modal_barcode .modal_cont {
  max-height: 100vh;
}
.modal_barcode .modal_cont .barcode_num {
  position: absolute;
  bottom: 130px;
  left: -130px;
  font-size: 20px;
  letter-spacing: 3px;
  transform: rotate(90deg);
}
.modal_barcode .modal_cont .barcode_box {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  border-top: 1px solid #333;
}
.modal_barcode .modal_cont .barcode_box_inner {
  position: relative;
}
.modal_barcode .modal_cont .barcode_box img {
  width: 180px;
  height: calc(100vh - 300px);
  object-fit: contain;
}

.play_btn {
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.4) url(../img/play_btn.svg) no-repeat center center/60px;
}

.new_cmt_list_wrap .top_tit_list {
  position: relative;
  padding: 40px 0 32px;
  margin: 0 100px;
}
.new_cmt_list_wrap .top_tit_list ul {
  display: flex;
}
.new_cmt_list_wrap .top_tit_list ul li {
  color: #676766;
  font-size: 1.25rem;
}
.new_cmt_list_wrap .top_tit_list ul li + li {
  margin-left: 80px;
}
.new_cmt_list_wrap .top_tit_list ul li.active {
  color: #333;
  font-weight: 700;
}
.new_cmt_list_wrap .cont_area {
  border-top: 1px solid #cdcccc;
  display: flex;
  margin: 0 100px;
}
.new_cmt_list_wrap .cont_area .item_col {
  position: relative;
  max-width: 474px;
  padding: 64px;
  border-right: 1px solid #cdcccc;
}
.new_cmt_list_wrap .cont_area .item_col:first-child {
  max-width: 755px;
  padding-left: 0;
}
.new_cmt_list_wrap .cont_area .item_col:first-child .con_wrap {
  text-align: center;
}
.new_cmt_list_wrap .cont_area .item_col:first-child .con_wrap .h1 {
  font-family: "kimm";
  font-size: 36px;
  line-height: 3.125rem;
}
.new_cmt_list_wrap .cont_area .item_col:first-child .con_wrap .h2 {
  margin-top: 8px;
  font-size: 20px;
  line-height: 30px;
}
.new_cmt_list_wrap .cont_area .item_col:first-child .con_wrap .desc {
  margin-top: 16px;
  font-size: 18px;
  line-height: 30px;
}
.new_cmt_list_wrap .cont_area .item_col.ta_l .con_wrap {
  text-align: left;
}
.new_cmt_list_wrap .cont_area .item_col .img_wrap {
  overflow: hidden;
}
.new_cmt_list_wrap .cont_area .item_col .img_wrap:hover img {
  transform: scale(1.04);
}
.new_cmt_list_wrap .cont_area .item_col .img_wrap img {
  transition: transform 0.3s;
}
.new_cmt_list_wrap .cont_area .item_col li:last-child {
  margin-bottom: 0;
}
.new_cmt_list_wrap .cont_area .item_col li {
  margin-bottom: 64px;
  cursor: pointer;
}

.my_link {
  display: none;
}
.my_link ul {
  display: flex;
  justify-content: center;
  column-gap: 16px;
}
.my_link ul li a {
  color: #676766;
  line-height: 1.2;
}
.my_link ul li a.active {
  color: #333;
  font-weight: 700;
}

section.my_info_wrap {
  padding: 55px 0;
}

.my_info_wrap {
  background-color: #f9f9f9;
}
.my_info_wrap .inner {
  position: relative;
  display: flex;
  width: 1192px;
  margin: 0 auto;
}
.my_info_grade {
  display: flex;
  align-items: start;
  flex-direction: column;
}
.my_info_grade .grade_img {
  width: 70px;
  height: 70px;
  margin-bottom: 10px;
}
.my_info_grade .msg {
  font-size: 28px;
  color: #333;
  font-weight: 500;
  line-height: 1.41;
}
.my_info_grade .msg span {
  display: block;
}
.my_info_grade .msg em {
  color: #e6313a;
  font-weight: 700;
}
.my_info_grade button {
  font-size: 0.875rem;
  color: #9a9999;
  font-weight: 500;
  line-height: 1.1;
  border: 1.5px solid;
  border-radius: 20px;
  padding: 5px 10px;
  margin-top: 17px;
}
.my_info_menu {
  display: flex;
  gap: 20px;
  flex: 0 0 860px;
  width: 860px;
  margin-left: auto;
}
.my_info_menu .info_box {
  position: relative;
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: center;
  justify-content: center;
  flex-direction: column;
  flex: 0 0 210px;
  background-color: #fff;
  padding: 40px 50px;
  border-radius: 45px;
  box-shadow: 0 0 15px rgba(204, 204, 204, 0.6);
}
.my_info_menu .info_box .tit {
  padding-top: 38px;
  font-size: 1.25rem;
  color: #333;
  font-weight: 400;
  line-height: 1.62;
}
.my_info_menu .info_box .cnt {
  margin-top: 3px;
  font-size: 1rem;
  color: #e6313a;
  font-weight: 500;
  line-height: 1.62;
}
.my_info_menu .info_box .cnt span {
  font-size: 1.375rem;
  font-family: "figtree";
  font-weight: 700;
  letter-spacing: 0.5px;
}
.my_info_menu .info_coupon .tit {
  background: url("../img/icon/ico_24_coupon_b.svg") top center/32px no-repeat;
}
.my_info_menu .info_point .tit {
  background: url("../img/icon/ico_24_point_b.svg") top center/32px no-repeat;
}
.my_info_menu .info_order {
  position: relative;
  flex: 1;
  max-width: none;
  flex-direction: row;
  justify-content: flex-start;
}
.my_info_menu .info_order ul {
  display: flex;
  flex-direction: column;
  row-gap: 18px;
}
.my_info_menu .info_order ul li {
  display: flex;
  align-items: center;
}
.my_info_menu .info_order .order_tit {
  padding: 0;
  flex: 0 0 150px;
  font-size: 1.25rem;
  color: #333;
  font-weight: 400;
  line-height: 1.62;
}
.my_info_menu .info_order .order_cnt {
  margin: 0;
  font-size: 1rem;
  color: #e6313a;
  font-weight: 400;
  line-height: 1.5;
}
.my_info_menu .info_order .order_cnt span {
  margin-right: 2px;
  font-size: 1.375rem;
  color: #e6313a;
  font-weight: 700;
  line-height: 1.55;
  font-family: "figtree";
  letter-spacing: 1px;
}
.my_info_menu .coupon_point li {
  justify-content: space-between;
}
.my_info_menu .coupon_point .order_tit {
  position: relative;
  padding-left: 35px;
}
.my_info_menu .coupon_point .order_tit::before {
  content: "";
  display: inline-flex;
  position: absolute;
  top: 50%;
  left: 0;
  width: 24px;
  height: 24px;
  transform: translateY(-50%);
}
.my_info_menu .coupon_point .order_tit.coupon_tit::before {
  background: url("../img/icon/ico_24_coupon_b.svg") center/100% no-repeat;
}
.my_info_menu .coupon_point .order_tit.point_tit::before {
  background: url("../img/icon/ico_24_point_b.svg") center/100% no-repeat;
}
.my_info_menu .info_qr {
  display: none;
}
.my_info_menu .date {
  position: absolute;
  bottom: 16px;
  right: 30px;
  font-size: 0.75rem;
  color: #9a9999;
  font-weight: 400;
  line-height: 1.5;
}
.my_info_menu .date span {
  font-family: "figtree";
}

.my_lnb {
  flex: 0 0 180px;
}
.my_lnb .acco_wrap .acco {
  margin-bottom: 16px;
  border-bottom: 1px solid #eee;
}
.my_lnb .acco_wrap .acco:last-child {
  border-bottom: 0;
}
.my_lnb .acco_wrap .acco.active .acco_head .tit, .my_lnb .acco_wrap .acco:hover .acco_head .tit {
  color: #e6313a;
}
.my_lnb .acco_wrap .acco.active .acco_head .tit::before, .my_lnb .acco_wrap .acco.active .acco_head .tit::after, .my_lnb .acco_wrap .acco:hover .acco_head .tit::before, .my_lnb .acco_wrap .acco:hover .acco_head .tit::after {
  background-color: #fb0119;
}
.my_lnb .acco_wrap .acco.active .acco_head.shoping > .tit::before, .my_lnb .acco_wrap .acco:hover .acco_head.shoping > .tit::before {
  mask-image: url("../img/icon/ico_delivery_r.svg");
}
.my_lnb .acco_wrap .acco.active .acco_head.benefit > .tit::before, .my_lnb .acco_wrap .acco:hover .acco_head.benefit > .tit::before {
  mask-image: url("../img/icon/ico_16_discount_r.svg");
}
.my_lnb .acco_wrap .acco.active .acco_head.action > .tit::before, .my_lnb .acco_wrap .acco:hover .acco_head.action > .tit::before {
  mask-image: url("../img/icon/ico_16_star_r.svg");
}
.my_lnb .acco_wrap .acco.active .acco_head.information > .tit::before, .my_lnb .acco_wrap .acco:hover .acco_head.information > .tit::before {
  mask-image: url("../img/icon/ico_16_user_octagon_r.svg");
}
.my_lnb .acco_wrap .acco.active .acco_head.preregistration > .tit:before, .my_lnb .acco_wrap .acco:hover .acco_head.preregistration > .tit:before {
  mask-image: url("../img/icon/ico_coupon_qr.svg");
}
.my_lnb .acco_wrap .acco.active .acco_head, .my_lnb .acco_wrap .acco:hover .acco_head {
  /* 250704 사전등록 시스템 css 추가 */
}
.my_lnb .acco_wrap .acco + .acco {
  margin-top: 0;
}
.my_lnb .acco_head {
  padding: 16px 0;
  border-bottom: 0;
}
.my_lnb .acco_head .tit {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  justify-content: space-between;
  font-size: 1.125rem;
  color: #333;
  font-weight: 700;
  line-height: 1.55;
  width: 100%;
  cursor: pointer;
}
.my_lnb .acco_head .tit::before {
  content: "";
  display: block;
  width: 16px;
  height: 16px;
  margin-right: 8px;
  background-color: #333;
  -webkit-mask-image: url("../img/icon/ico_delivery.svg");
  mask-image: url("../img/icon/ico_delivery.svg");
  -webkit-mask-size: cover;
  mask-size: cover;
  background-image: none;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
}
.my_lnb .acco_head .tit::after {
  content: "";
  width: 16px;
  height: 16px;
  display: block;
  margin-left: auto;
  border: 1px solid;
  -webkit-mask-image: url("../img/icon/ico_16_chevron_down_black.svg");
  mask-image: url("../img/icon/ico_16_chevron_down_black.svg");
  -webkit-mask-size: cover;
  mask-size: cover;
  background-image: none;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  background-color: #333;
}
.my_lnb .acco_head:first-child {
  padding-top: 0;
}
.my_lnb .acco_head.shoping > .tit::before {
  mask-image: url("../img/icon/ico_delivery.svg");
}
.my_lnb .acco_head.benefit > .tit::before {
  mask-image: url("../img/icon/ico_16_discount.svg");
}
.my_lnb .acco_head.action > .tit::before {
  mask-image: url("../img/icon/ico_16_star.svg");
}
.my_lnb .acco_head.information > .tit::before {
  mask-image: url("../img/icon/ico_16_user_octagon.svg");
}
.my_lnb .acco_head.preregistration > .tit:before {
  mask-image: url("../img/icon/ico_coupon_qr.svg");
}
.my_lnb .acco_head {
  /* 250711 사전등록 시스템 css 추가 */
}
.my_lnb .acco_cont {
  padding-bottom: 16px;
}
.my_lnb .acco_cont .tit {
  font-size: 1rem;
  color: #333;
  font-weight: 400;
  line-height: 1.62;
}
.my_lnb .acco_cont .tit.active, .my_lnb .acco_cont .tit a:hover {
  color: #333;
  font-weight: 700;
}
.my_lnb .acco_cont li + li {
  margin-top: 8px;
}

.order_step {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 40px;
  padding: 24px;
  border-top: 2px solid #ff6170;
  background-color: #f9f9f9;
  text-align: center;
}
.order_step li {
  min-width: 80px;
  display: flex;
  flex-direction: column;
  flex: 0 0 80px;
  position: relative;
}
.order_step li.all::after {
  width: 1px;
  height: 54px;
  margin-right: 0px;
  background-color: #cdcccc;
}
.order_step li::after {
  content: "";
  position: absolute;
  right: -50%;
  top: 50%;
  transform: translateY(-50%);
  margin-right: -12px;
  width: 24px;
  height: 24px;
  background: url("../img/icon/ico_24_large_chevron_right.svg") center/100% no-repeat;
}
.order_step li:last-child::after {
  display: none;
}
.order_step li.current .step_cnt {
  color: #e6313a;
}
.order_step li.current .step_tit {
  color: #e6313a;
  font-weight: 700;
}
.order_step .step_cnt {
  margin-bottom: 5px;
  font-size: 1.125rem;
  color: #cdcccc;
  font-weight: 400;
  line-height: normal;
  font-family: "figtree";
}
.order_step .step_tit {
  font-size: 1rem;
  color: #333;
  font-weight: 400;
  line-height: normal;
}

.my_content {
  align-self: stretch;
  flex: 0 0 1012px;
  width: 1012px;
  padding: 0 0 0 40px;
}
.my_content_wrap {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  min-width: 100%;
  max-width: 1192px;
  margin-top: 40px;
  padding: 0 0 100px;
}
.my_content .page_tit_wrap {
  margin-top: 80px;
  margin-bottom: 24px;
}
.my_content .page_tit_wrap:first-child {
  margin-top: 0;
}
.my_content .page_tit_wrap h2 {
  display: flex;
  align-items: flex-end;
  font-size: 24px;
  font-weight: 700;
  line-height: 1.2;
}
.my_content .page_tit_wrap h2 > p {
  margin-left: 16px;
  font-size: 14px;
  color: #676766;
  font-weight: 400;
}
.my_content .page_tit_wrap h2 .code {
  margin-left: 6px;
  font-size: 1rem;
  font-weight: 300;
}
.my_content h4 {
  margin-bottom: 16px;
  font-size: 1.125rem;
  font-weight: 700;
}
.my_content .section {
  margin-top: 80px;
}
.my_content .game_list_wrap.type_cul {
  margin-top: 0;
}
.my_content .sort_opt_wrap {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  margin-bottom: 24px;
}
.my_content .sort_opt_wrap .sort_wrap {
  margin-right: 20px;
}
.my_content .sort_opt_wrap .btn {
  margin-left: 8px;
}
.my_content .sort_opt_wrap .btn.auto {
  padding: 0 16px;
}
.my_content .prdlist_conts {
  padding-top: 24px;
  border-top: 1px solid #333;
}
.my_content .tbl_top {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  justify-content: space-between;
  margin: 24px 0;
}
.my_content .tbl_top .sort_opt_wrap {
  margin-bottom: 0;
}
.my_content .tbl_top .btn_wrap {
  margin-top: 0;
}
.my_content .order_list th, .my_content .order_list td {
  padding: 4px 0;
}
.my_content .order_list .txt_r button + button {
  margin-left: 8px;
}
.my_content .content_card_list {
  padding-top: 24px;
}
@media screen and (min-width: 835px) {
  .my_content .content_card_list {
    gap: 40px 32px;
  }
}
@media screen and (min-width: 835px) {
  .my_content .content_card .card_txt_wrap {
    padding-top: 16px;
  }
  .my_content .content_card .card_desc {
    height: 23px;
    margin-top: 4px;
    -webkit-line-clamp: 1;
  }
  .my_content .content_card .card_btn_wrap {
    margin-top: 10px;
  }
  .my_content .content_card .card_hashtag_wrap {
    margin-top: 12px;
  }
}

.prd_order_item tbody td {
  text-align: center;
}
.prd_order_item tbody td.td_cont {
  text-align: left;
}
.prd_order_item tbody td:has(.btn_wrap) .btn_wrap {
  margin-top: 0;
}
.prd_order_item tbody td.col_set .ft_num {
  color: #9a9999;
}
.prd_order_item tbody td.col_set .btn_wrap {
  display: block;
  margin-top: 4px;
}
.prd_order_item tbody td.btn_wrap {
  gap: 4px;
  margin-top: 0;
  padding-top: 40px;
}
.prd_order_item tbody td.chk_top {
  text-align: left;
}
.prd_order_item tbody td.chk_top .check_box {
  margin-bottom: 8px;
}
.prd_order_item tbody td.flex .btn {
  display: block;
  margin: 4px auto 0;
}
.prd_order_item .item_link {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  justify-content: flex-start;
  column-gap: 16px;
  flex: 1;
  text-align: left;
}
.prd_order_item .item_link .price {
  margin-top: 8px;
}
.prd_order_item .thumb {
  flex-shrink: 0;
  display: block;
  width: 100px;
  height: 100px;
  border-radius: 4px;
}
.prd_order_item .title {
  line-height: 1.4;
}
.prd_order_item .title + .price {
  display: block;
}
.prd_order_item .title + .price em {
  vertical-align: 2px;
}
.prd_order_item .price {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  flex: 0 0 150px;
  font-family: "figtree";
  font-size: 1.125rem;
  font-weight: 700;
  line-height: 20px;
  letter-spacing: -0.5px;
}
.prd_order_item .price em {
  font-family: "Noto Sans";
  font-size: 12px;
  font-weight: 400;
  line-height: 1.2;
}
.prd_order_item .price .badge_wrap {
  margin-left: 6px;
  vertical-align: 2px;
}
.prd_order_item .gift_wrap {
  padding: 0;
  border-top: 0;
}

.table_my_point .point_type {
  display: none !important;
}

.order_item_wrap .item_list {
  border-top: 1px solid #333;
  border-bottom: 1px solid #cdcccc;
}
.order_item_wrap .item_list + .item_list {
  margin-top: 40px;
}
.order_item_wrap .item_list .info_top {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  justify-content: space-between;
  padding: 24px 0;
}
.order_item_wrap .item_list .info_top .if_side {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  justify-content: flex-start;
  flex: 1;
}
.order_item_wrap .item_list .info_top .if_side .point {
  font-size: 20px;
  font-weight: 700;
  line-height: 1.2;
}
.order_item_wrap .item_list .info_top .if_side .point + .if_num::before {
  content: "";
  display: inline-block;
  width: 1px;
  height: 16px;
  margin: 0 8px;
  background-color: #333;
  vertical-align: -3px;
}
.order_item_wrap .item_list .info_top .if_side .if_num {
  color: #9a9999;
  font-family: "figtree";
  font-weight: 400;
}
.order_item_wrap .item_list .info_top + .item_info {
  border-top: 1px solid #cdcccc;
}
.order_item_wrap .item_list .info_top .btn_set {
  display: flex;
  justify-content: flex-end;
  flex: 1;
  column-gap: 8px;
}
.order_item_wrap .item_list .status {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  justify-content: space-between;
  padding: 16px 0;
  border-top: 1px solid #cdcccc;
  border-bottom: 1px solid #F5F5F5;
}
.order_item_wrap .item_list .status .st_txt {
  font-weight: 600;
}
.order_item_wrap .item_list .status .btn_set {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  justify-content: flex-start;
  column-gap: 8px;
}
.order_item_wrap .item_list .item_info {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  justify-content: flex-start;
  padding: 16px 0;
}
.order_item_wrap .item_link {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  justify-content: flex-start;
  column-gap: 16px;
  flex: 1;
}
.order_item_wrap .item_info .thumb {
  flex-shrink: 0;
  display: block;
  width: 100px;
  height: 100px;
  border-radius: 4px;
  margin-right: 16px;
}
.order_item_wrap .item_title {
  flex: 1;
  font-weight: 400;
  line-height: 1.2;
}
.order_item_wrap .item_title button {
  display: block;
  margin-top: 8px;
  height: 22px;
  line-height: 21px;
  font-size: 11px;
}
.order_item_wrap .qa_num {
  font-family: "figtree";
  flex: 0 0 150px;
  text-align: center;
}
.order_item_wrap .qa_num em {
  font-family: "Noto Sans";
}
.order_item_wrap .price {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  flex: 0 0 150px;
  font-family: "figtree";
  font-size: 1.125rem;
  font-weight: 700;
  line-height: 20px;
}
.order_item_wrap .price em {
  font-family: "Noto Sans";
  font-size: 12px;
  font-weight: 400;
}
.order_item_wrap .dot_list {
  margin-top: 16px;
}
.order_item_wrap .dot_list em {
  font-size: 12px;
}

.sns_share_wrap .sns_list {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: center;
  justify-content: center;
  column-gap: 24px;
}
.sns_share_wrap .sns_list li a {
  display: flex;
  width: 68px;
  height: 68px;
  padding: 14px;
  justify-content: center;
  align-items: center;
  flex-shrink: 0;
  border-radius: 5px;
  background: #F9F9F9;
}
.sns_share_wrap .sns_list li > p {
  font-size: 0.875rem;
  text-align: center;
  line-height: 1.5nrem;
}
.sns_share_wrap .btn_wrap .inp_box {
  flex: 1;
}

.deliver_detail {
  display: flex;
  margin-bottom: 40px;
  padding: 16px 0;
  border-top: 1px solid #333;
  border-bottom: 1px solid #cdcccc;
}
.deliver_detail dl {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  row-gap: 16px;
  flex: 1;
}
.deliver_detail dl + dl {
  flex: 2;
  padding-left: 24px;
  border-left: 1px solid #cdcccc;
}
.deliver_detail dl dt {
  flex: 0 0 150px;
  font-weight: 700;
}
.deliver_detail dl dd {
  flex: 0 0 calc(100% - 150px);
}
.deliver_detail .link {
  text-decoration: underline;
}
.deliver_detail .point {
  font-size: 1rem;
  font-weight: 700;
}
.deliver_detail .price {
  color: #e6313a;
}
.deliver_detail .price strong {
  font-family: "figtree";
  font-size: 22px;
  font-weight: 700;
}
.deliver_detail .price em {
  padding-left: 3px;
  font-size: 14px;
}

.refund_wrap {
  display: flex;
  border: 1px solid #333;
  border-radius: 4px;
  overflow: hidden;
}
.refund_wrap.type01 {
  align-items: flex-start;
  position: relative;
  padding: 24px 0;
  border: 0;
  border-top: 1px solid #333;
  border-bottom: 1px solid #cdcccc;
  border-radius: 0;
}
.refund_wrap.type01::after {
  content: "";
  position: absolute;
  left: 50%;
  top: 24px;
  display: block;
  width: 1px;
  height: calc(100% - 48px);
  background-color: #cdcccc;
}
.refund_wrap.type01 dl {
  padding: 0;
}
.refund_wrap.type01 dl:first-child {
  padding-right: 24px;
}
.refund_wrap.type01 dl + dl {
  padding-left: 24px;
  background-color: transparent;
  border: 0;
}
.refund_wrap dl {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  align-content: center;
  row-gap: 8px;
  flex: 1;
  padding: 24px;
}
.refund_wrap dl + dl {
  background-color: #F9F9F9;
  border-left: 1px solid #333;
}
.refund_wrap dl dt {
  flex: 50%;
  line-height: 1.6;
  font-size: 0.875rem;
}
.refund_wrap dl dd {
  flex: 50%;
  font-size: 0.875rem;
  text-align: right;
}
.refund_wrap dl .point {
  font-size: 16px;
  font-weight: 700;
}
.refund_wrap dl .price {
  color: #e6313a;
  letter-spacing: -0.5px;
  display: inline-flex;
  align-items: center;
  justify-content: flex-end;
}
.refund_wrap dl .price strong {
  font-family: "figtree";
  font-size: 22px;
  font-weight: 700;
}
.refund_wrap dl .price em {
  font-family: "Noto Sans";
  font-size: 14px;
  line-height: 1;
}

.sett_info_wrap {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  justify-content: flex-start;
  align-items: unset;
  border: 1px solid #333;
  border-radius: 4px;
}
.sett_info_wrap dl {
  flex: 1;
  padding: 24px;
  border-left: 1px solid #333;
}
.sett_info_wrap dl:first-child {
  border-left: 0;
}
.sett_info_wrap dl dt {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  justify-content: space-between;
  height: 40px;
}
.sett_info_wrap dl dd {
  margin-top: 16px;
  margin-bottom: 16px;
  border-top: 1px solid #333;
}
.sett_info_wrap dl dd > ul {
  display: flex;
  flex-direction: column;
  row-gap: 13px;
  padding-top: 15px;
}
.sett_info_wrap dl dd > ul li {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  justify-content: space-between;
  font-size: 14px;
}
.sett_info_wrap dl dd > ul li.line {
  margin-top: 8px;
  padding-top: 16px;
  border-top: 1px solid #cdcccc;
}
.sett_info_wrap .htit {
  font-size: 1rem;
  font-weight: 700;
}
.sett_info_wrap .price {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  font-size: 22px;
  font-family: "figtree";
  font-weight: 700;
  letter-spacing: -0.5px;
}
.sett_info_wrap .price em {
  font-family: "Noto Sans";
  font-size: 14px;
  font-weight: 400;
}
.sett_info_wrap .passbook_info .row {
  padding-top: 15px;
}
.sett_info_wrap .passbook_info .row + .row {
  margin-top: 16px;
}
.sett_info_wrap .passbook_info strong {
  font-size: 16px;
  font-weight: 700;
}
.sett_info_wrap .passbook_info p {
  margin-top: 4px;
}
.sett_info_wrap .passbook_info span {
  font-size: 12px;
  color: #676766;
}
.sett_info_wrap .passbook_info .dot_list {
  margin-top: 16px;
}
.sett_info_wrap .passbook_info .dot_list li {
  font-size: 12px;
}

@media screen and (max-width: 834px) {
  .my_link {
    display: block;
    padding: 16px 0;
  }
  .wrapper:has(.mypage_main) section.my_info_wrap {
    display: block;
  }
  .wrapper:has(.mypage_main) .my_lnb {
    display: block;
  }
  section.my_info_wrap {
    padding: 24px;
    display: none;
  }
  .my_info_wrap .inner {
    position: relative;
    width: 100%;
    flex-direction: column;
    padding: 0;
  }
  .my_info_wrap .inner .my_info_grade {
    align-items: unset;
    flex-direction: unset;
    justify-content: flex-start;
    flex: auto;
    width: 100%;
    margin-bottom: 20px;
  }
  .my_info_wrap .inner .my_info_grade .grade_img {
    left: 0;
    top: 0;
    width: 35px;
    height: 35px;
    margin-bottom: 0;
    margin-top: 5px;
  }
  .my_info_wrap .inner .my_info_grade .msg {
    display: flex;
    padding-left: 10px;
    font-size: 16px;
    flex-direction: column;
  }
  .my_info_wrap .inner .my_info_grade .msg br {
    display: none;
  }
  .my_info_wrap .inner .my_info_grade > button {
    font-size: 12px;
    margin-top: 20px;
    margin-left: auto;
    border-width: 1px;
  }
  .my_info_wrap .inner .my_info_menu {
    flex: auto;
    flex-wrap: wrap;
    width: 100%;
    padding: 0;
    gap: 10px;
  }
  .my_info_wrap .inner .my_info_menu .info_box {
    min-height: 115px;
    flex: 0 0 100%;
    width: auto;
    position: unset;
    padding: 20px 0;
    border-radius: 20px;
  }
  .my_info_wrap .inner .my_info_menu .info_box .cnt {
    margin-top: 0px;
    font-size: 1rem;
    line-height: 1;
  }
  .my_info_wrap .inner .my_info_menu .info_box .cnt span {
    font-size: 1rem;
  }
  .my_info_wrap .inner .my_info_menu .info_box.info_order {
    position: relative;
    width: 100%;
    padding: 25px 20px 25px 45px;
  }
  .my_info_wrap .inner .my_info_menu .info_box.info_order ul {
    row-gap: 15px;
  }
  .my_info_wrap .inner .my_info_menu .info_box.info_order .order_tit {
    font-size: 14px;
    flex: 0 0 130px;
  }
  .my_info_wrap .inner .my_info_menu .info_box.info_order .order_cnt {
    font-size: 15px;
  }
  .my_info_wrap .inner .my_info_menu .info_box.info_order .order_cnt span {
    font-size: 15px;
  }
  .my_info_wrap .inner .my_info_menu .info_box.coupon_point .order_tit {
    flex: 0 0 110px;
    padding-left: 30px;
  }
  .my_info_wrap .inner .my_info_menu .info_box.coupon_point {
    flex: 1;
    justify-content: center;
    padding: 25px 8px 25px 8px;
  }
}
@media screen and (max-width: 834px) and (max-width: 359px) {
  .my_info_wrap .inner .my_info_menu .info_box.coupon_point .order_tit {
    flex: 0 0 85px;
    padding-left: 0;
  }
  .my_info_wrap .inner .my_info_menu .info_box.coupon_point .order_tit.coupon_tit::before {
    display: none;
  }
  .my_info_wrap .inner .my_info_menu .info_box.coupon_point .order_tit.point_tit::before {
    display: none;
  }
}
@media screen and (max-width: 834px) {
  .my_info_wrap .inner .my_info_menu .info_box.info_qr {
    display: flex;
    flex: 0 0 100px;
    padding: 10px 10px;
    max-height: 110px;
  }
  .my_info_wrap .inner .my_info_menu .info_box.info_point {
    width: calc(50% - 10px);
  }
  .my_info_wrap .inner .my_info_menu .info_box.info_point .tit {
    font-size: 14px;
    padding-top: 28px;
    background-size: 24px;
  }
  .my_info_wrap .inner .my_info_menu .info_coupon {
    width: calc(50% - 10px);
  }
  .my_info_wrap .inner .my_info_menu .info_coupon .tit {
    font-size: 14px;
    padding-top: 28px;
    background-size: 24px;
  }
  .my_info_wrap .inner .my_info_menu .date {
    bottom: 7px;
  }
  .my_lnb {
    display: none;
    flex: 0 0 100%;
  }
  .my_lnb .acco_wrap .acco.active .acco_cont {
    display: block;
  }
  .my_lnb .acco_wrap .acco_cont {
    display: none;
  }
  .my_lnb .acco_wrap .acco_cont .tit.active, .my_lnb .acco_wrap .acco_cont .tit a:hover {
    font-weight: 400;
  }
  .my_content {
    flex: auto;
    width: 100%;
    padding: 0;
  }
  .my_content_wrap {
    flex-wrap: wrap;
    max-width: inherit;
    margin-top: 20px;
    padding: 0 24px;
  }
  .my_content .section {
    margin-top: 40px;
  }
  .my_content .page_tit_wrap {
    margin-bottom: 16px;
  }
  .my_content .page_tit_wrap h2 {
    font-size: 20px;
  }
  .my_content .page_tit_wrap h2 > p {
    margin-left: 8px;
    font-size: 12px;
  }
  .my_content .sort_opt_wrap {
    flex-wrap: wrap;
    flex-direction: column;
    justify-self: center;
  }
  .my_content .sort_opt_wrap .sort_wrap {
    flex: 1;
    margin-right: 0;
    margin-bottom: 16px;
  }
  .my_content .sort_opt_wrap .sort_wrap ul {
    justify-content: center;
  }
  .my_content .sort_opt_wrap .inp_cal {
    flex: 1;
    font-size: 14px;
  }
  .my_content .sort_opt_wrap .btn.auto {
    width: auto;
  }
  .my_content .prdlist_conts {
    justify-content: flex-start;
    padding-top: 16px;
    row-gap: 16px;
  }
  .my_content .prdlist_conts.col5 {
    column-gap: 8px;
  }
  .my_content .prdlist_conts.col5 .prd_list_item {
    width: calc((100% - 16px) / 3);
  }
  .my_content .check_box label {
    font-size: 12px;
  }
  .my_content .tbl_top {
    flex-direction: column-reverse;
  }
  .my_content .tbl_top .btn_wrap {
    margin-top: 30px;
  }
  .my_content > .btn_wrap {
    margin-bottom: 48px;
  }
  .my_content .order_list .txt_r {
    text-align: left;
  }
  .prd_order_item:has(.no_data) tbody tr {
    flex-direction: column;
  }
  .prd_order_item col {
    display: none;
  }
  .prd_order_item thead {
    display: none;
  }
  .prd_order_item thead.on {
    display: table-header-group;
  }
  .prd_order_item thead.on th {
    display: none;
  }
  .prd_order_item thead.on th:first-child {
    display: table-cell;
  }
  .prd_order_item thead.on th:first-child .check_box {
    text-align: left;
  }
  .prd_order_item tbody tr {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: space-between;
  }
  .prd_order_item tbody td {
    text-align: left;
  }
  .prd_order_item tbody td:first-child .item_link {
    padding-top: 16px;
  }
  .prd_order_item tbody td:has(.item_link) {
    padding: 0;
  }
  .prd_order_item tbody td:has(.item_link) .item_link {
    padding-bottom: 16px;
  }
  .prd_order_item tbody td.btn_wrap {
    justify-content: flex-end;
    width: 100%;
    margin-top: 0;
    padding-top: 20px;
  }
  .prd_order_item tbody td.btn_wrap .fs_sm {
    flex: 1;
  }
  .prd_order_item tbody td.num {
    display: none;
  }
  .prd_order_item tbody td.td_cont {
    flex: 0 0 100%;
    padding: 16px 0 8px 0;
    text-align: left;
  }
  .prd_order_item tbody td.cell {
    flex: 0 0 100%;
    padding: 0 0 8px 0;
    text-align: left;
  }
  .prd_order_item tbody td.cell .ui_select {
    margin-top: 8px;
  }
  .prd_order_item tbody td.fl_right {
    flex: auto;
    text-align: right;
  }
  .prd_order_item tbody td.fl_right + td {
    margin-left: 8px;
  }
  .prd_order_item tbody td.col_set {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    justify-content: space-between;
  }
  .prd_order_item tbody td.col_set.w100 {
    width: 100%;
  }
  .prd_order_item tbody td.col_set .ft_num {
    flex: 1;
  }
  .prd_order_item tbody td.col_set .btn_wrap {
    width: auto;
    margin-left: 8px;
    margin-top: 0;
  }
  .prd_order_item tbody td.flex {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    justify-content: space-between;
  }
  .prd_order_item tbody td.flex .btn {
    display: block;
    margin: 0;
  }
  .prd_order_item tbody td.chk_top .check_box {
    padding-top: 16px;
    margin-bottom: 0;
  }
  .prd_order_item tbody td .gift_list {
    padding-bottom: 8px;
  }
  .prd_order_item tbody .item_link {
    border-bottom: 1px solid #F5F5F5;
  }
  .prd_order_item .amount {
    flex-direction: unset;
    justify-content: flex-end;
    gap: 8px;
    margin-top: 8px;
  }
  .prd_order_item .amount > button {
    margin-top: 0;
    height: 40px;
  }
  .table_my_point tbody tr {
    display: grid;
    grid-template: 36px 36px/1fr 80px;
  }
  .table_my_point tbody td.td_cont {
    padding: 20px 0 0 0;
    line-height: 1.2;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    word-break: keep-all;
    white-space: normal;
    overflow: hidden;
  }
  .table_my_point .ft_num.c_pri, .table_my_point .ft_num.c_sec {
    padding: 20px 0 0;
    line-height: 1.2;
  }
  .table_my_point .ft_num.c_gray9 {
    grid-column: 1/-1;
    padding: 8px 0 12px;
    font-size: 13px;
    word-spacing: 2px;
    line-height: 1.2;
  }
  .table_my_point .point_type {
    display: initial !important;
    margin-right: 4px;
  }
  .table_my_point .point_type::after {
    content: "·";
    display: inline-block;
    position: relative;
    left: 4px;
  }
  .order_step {
    flex-wrap: wrap;
    row-gap: 16px;
    column-gap: 20px;
    padding: 0 24px 16px;
    overflow: hidden;
  }
  .order_step li {
    flex: auto;
    width: calc((100% - 40px) / 3);
  }
  .order_step li:nth-child(4)::after {
    display: none;
  }
  .order_step li::after {
    right: 0;
    width: 16px;
    height: 16px;
    margin-right: -18px;
  }
  .order_step li.all {
    flex-direction: row-reverse;
    justify-content: center;
    gap: 8px;
    flex-basis: 100%;
    margin: 0 -48px;
    padding: 16px 0;
    border-bottom: 1px solid #cdcccc;
  }
  .order_step li.all::after {
    display: none;
  }
  .order_step .step_tit {
    font-size: 14px;
  }
  .secession_step > ul {
    flex-direction: column;
  }
  .secession_step > ul li {
    width: 100%;
  }
  .secession_step > ul li .check_box label {
    font-size: 14px;
  }
  .refund_wrap {
    flex-direction: column;
  }
  .refund_wrap.type01::after {
    display: none;
  }
  .refund_wrap.type01 dl {
    width: 100%;
  }
  .refund_wrap.type01 dl:first-child {
    padding-right: 0;
  }
  .refund_wrap.type01 dl + dl {
    padding-left: 0;
    padding-top: 16px;
    margin-top: 16px;
    border-top: 1px solid #eee;
  }
  .refund_wrap dl {
    /* &:first-child {
      padding-bottom: 0;
    } */ /* 241203 삭제 */
  }
  .refund_wrap dl + dl {
    border-left: 0;
  }
  .sett_info_wrap {
    flex-direction: column;
  }
  .sett_info_wrap dl {
    border-left: 0;
    border-top: 1px solid #333;
  }
  .sett_info_wrap dl:first-child {
    border-top: 0;
  }
  .order_item_wrap .item_list .info_top {
    padding: 12px 0;
  }
  .order_item_wrap .item_list .info_top .if_side {
    align-items: flex-start;
  }
  .order_item_wrap .item_list .info_top .if_side .point {
    font-size: 14px;
  }
  .order_item_wrap .item_list .info_top .if_side .point + .if_num {
    font-size: 12px;
  }
  .order_item_wrap .item_list .info_top .if_side .point + .if_num::before {
    height: 16px;
    margin: 0 12px;
    background: #CDCCCC;
  }
  .order_item_wrap .item_list .item_info .thumb {
    width: 70px;
    height: 70px;
  }
  .order_item_wrap .item_list .btn_set {
    flex-wrap: wrap;
    gap: 2px;
  }
  .order_item_wrap .item_list .status {
    padding: 16px 0;
    font-size: 14px;
  }
  .order_item_wrap .item_list .status .st_txt {
    flex: 1;
    font-weight: 400;
  }
  .order_item_wrap .item_list .status .btn_set {
    justify-content: flex-end;
    flex: 1;
  }
  .order_item_wrap .item_list .status .price {
    align-self: flex-end;
  }
  .order_item_wrap .qa_num {
    flex: 1;
    font-size: 14px;
    font-family: "figtree";
  }
  .order_item_wrap .qa_num em {
    font-family: "Noto Sans";
  }
  .order_item_wrap .price {
    flex: 1;
  }
  .deliver_detail {
    flex-direction: column;
  }
  .deliver_detail dl + dl {
    margin-top: 16px;
    padding-left: 0;
    border-left: 0;
  }
  .deliver_detail dl dt {
    flex: 50%;
  }
  .deliver_detail dl dd {
    flex: 50%;
    text-align: right;
  }
}
/* 250106 추가 */
.abus_wrap {
  padding-bottom: 200px;
  font-family: Pretendard, sans-serif;
}
.abus_wrap .depth_title {
  margin: 25px auto 0;
  padding-bottom: 33px;
}
.abus_wrap .comm_location {
  padding: 0 80px 8px;
}
.abus_wrap p {
  line-height: 30px;
  letter-spacing: -0.34px;
  padding-top: 20px;
  font-size: 17px; /* 250110 수정 */
}
.abus_wrap p:first-child {
  padding-top: 0;
}
.abus_wrap .sub_tit_ci {
  font-size: 35px; /* 250110 수정 */
  font-weight: 700;
  line-height: 1.2;
}
.abus_wrap .sub_desc_ci {
  padding-top: 7px;
}
.abus_wrap .sub_desc_ci + .sub_desc_ci {
  padding-top: 64px;
}
.abus_wrap h2 {
  font-size: 35px; /* 250110 수정 */
  font-weight: 700;
  line-height: 1.2;
  letter-spacing: -1.05px;
}
.abus_wrap section {
  text-align: center;
}
.abus_wrap .about_img_wrap {
  margin-top: 113px;
  padding: 0 206px 0; /* 250110 수정 */
}
.abus_wrap .our_game_wrap {
  display: flex;
  flex-direction: column;
  margin-top: 95px;
  padding: 0 206px; /* 250110 수정 */
}
.abus_wrap .our_game_inner {
  display: flex;
  margin-top: 12px;
  gap: 9px;
}
.abus_wrap .our_desc {
  margin-top: 100px;
}
.abus_wrap .us_tit_hr + section {
  margin-top: 110px;
}

.us_tit_hr {
  max-width: 1192px;
  height: 1px;
  background-color: #eee;
  margin: 0 auto;
  padding: 0 80px;
}
.us_tit_hr + section {
  margin-top: 110px;
}

.vertical_hr {
  width: 1px;
  height: 100px;
  background-color: #707070;
  margin: 130px auto 87px;
}

.ci_wrap {
  display: flex;
  margin-top: 90px;
  justify-content: center;
}
.ci_wrap img {
  width: 70px;
}
.ci_wrap .ci_kr, .ci_wrap .ci_en {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.ci_wrap .ci_kr button, .ci_wrap .ci_en button {
  padding-top: 18px;
}
.ci_wrap .ci_kr {
  margin-right: 70px;
}
.ci_wrap .ci_kr_cap, .ci_wrap .ci_en_cap {
  padding-bottom: 24px;
  border-bottom: 1px solid #707070;
  font-weight: 500;
}
.ci_wrap .ci_kr_cap {
  font-size: 1.25rem;
}
.ci_wrap .ci_en_cap {
  font-size: 1.125rem;
}
.ci_wrap .ico_down {
  margin-left: 6px;
}
.ci_wrap button {
  font-weight: 400;
}

.ci_desc {
  display: block;
  font-size: 0.75rem;
  margin-top: 125px;
  padding-bottom: 100px;
  border-bottom: 1px solid #707070;
}

.rush_img_wrap {
  margin-top: 53px;
  padding: 0 206px;
}

.rush_img_inner {
  margin-top: 100px;
  padding: 0 206px;
  display: flex;
  gap: 9px;
}
.rush_img_inner img {
  width: calc(33.3333333333% - 5px); /* 250110 수정 */
}

.rush_desc {
  margin-top: 73px;
}

.journey_desc {
  margin-top: 50px;
}
.journey_desc p {
  font-size: 1.25rem;
}

.about_sns_wrap {
  display: flex;
  justify-content: space-between;
  margin-top: 50px;
  padding: 0 480px;
  font-size: 0.75rem;
}
.about_sns_wrap a {
  display: block;
}
.about_sns_wrap [class*=ico_about] {
  width: 50px;
  height: 50px;
  background-size: 50px;
}

.conus_wrap {
  padding-bottom: 125px;
  font-family: Pretendard, sans-serif;
}
.conus_wrap section {
  text-align: center;
}
.conus_wrap .depth_title {
  margin: 25px auto 0;
  padding-bottom: 33px;
}
.conus_wrap h2 {
  font-size: 35px; /* 250110 수정 */
  font-weight: 700;
  line-height: 1.2;
  letter-spacing: -1.05px;
}
.conus_wrap .us_location {
  margin-top: 0px;
  padding-top: 80px;
}
.conus_wrap .us_tit_hr + section {
  margin-top: 80px;
}
.conus_wrap p {
  line-height: 30px;
  letter-spacing: -0.34px;
  padding-top: 20px;
  font-size: 17px; /* 250110 수정 */
}
.conus_wrap p:first-child {
  padding-top: 0;
}
.conus_wrap .qna_box {
  flex-direction: column;
  align-items: center;
  margin-top: 80px;
  text-align: left;
  padding: 0 210px;
  gap: 15px;
  padding-bottom: 100px;
  border-bottom: 1px solid #707070;
}
.conus_wrap .qna_box > li {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  width: 100%;
  height: 209px;
}
.conus_wrap .qna_box > li .contact_tit {
  font-size: 26px; /* 250110 수정 */
  line-height: 37px;
}
.conus_wrap .qna_box > li .str {
  font-weight: 700;
}
.conus_wrap .qna_box > li .btn {
  align-self: flex-start;
}
.conus_wrap .us_loca_desc {
  margin-top: 80px;
}
.conus_wrap .loca_box {
  margin-top: 50px;
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  padding: 0 205px;
}
.conus_wrap .loca_box > li {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: calc(50% - 5px);
  padding: 24px 0;
  border-radius: 4px;
  background: #f9f9f9;
}
.conus_wrap .loca_box > li strong {
  font-size: 1.25rem;
  line-height: 27px;
  letter-spacing: -0.8px;
}
.conus_wrap .loca_box > li:first-child {
  width: 100%;
}
.conus_wrap .loca_box > li:first-child strong {
  font-size: 1.5rem;
  line-height: 31px;
  letter-spacing: -0.92px;
}
.conus_wrap .loca_box > li:first-child p {
  font-size: 1.125rem;
  line-height: 30px;
  letter-spacing: -0.34px;
}
.conus_wrap .loca_box > li .loca_box_hr {
  width: 36px;
  height: 1px;
  background: #707070;
  margin: 30px 0 24px;
}
.conus_wrap .loca_box > li p {
  padding-top: 0;
  font-size: 0.875rem;
  line-height: 30px;
  letter-spacing: -0.26px;
}

.user_qr_modal .qr_box_wrap {
  padding: 20px;
  margin: 0 40px;
}
.user_qr_modal .qr_box_wrap img {
  width: 100%;
  text-align: center;
}

.header_wrap.lineup_header {
  border-bottom: 1px solid #eee;
}
.header_wrap.lineup_header .search_form {
  display: none;
}
.header_wrap.lineup_header .site a {
  font-size: 18px;
  font-weight: 600;
  line-height: 28px;
}

.lineup .sec_cont_list .tab_menu_wrap {
  margin-top: 0;
  padding-block: 0;
  padding: 50px 0 0;
  background-color: inherit;
}
.lineup .sec_cont_list .sec_inner {
  padding-block: 30px 100px;
}
.lineup .sec_tit {
  font-size: 35px;
  font-weight: 700;
  color: #333;
  letter-spacing: -1.44px;
  margin: 25px auto 0;
  padding-bottom: 33px;
}
.lineup .tab_menu_list {
  column-gap: 20px;
}
.lineup .tab_menu_list .tab_menu_item label {
  width: 100px;
  justify-content: center;
  font-size: 15px;
  font-weight: 500;
  color: #111;
  background-color: #f6f6f6;
  border: none;
}
.lineup .tab_menu_list .tab_menu_item input:checked + label {
  font-weight: 700;
}
.lineup .content_card_list {
  gap: 32px 35px;
}
.lineup .content_card_list .content_card {
  flex: 0 0 calc((100% - 70px) / 3);
}
.lineup .content_card .card_txt_wrap {
  padding: 25px 25px 21px;
}
.lineup .badge_wrap [class*=badge_cate] {
  min-width: 50px;
  justify-content: center;
  font-size: 11px;
  font-weight: 400;
}

.game_info_wrap {
  display: flex;
  margin-top: 14px;
  column-gap: 16px;
}
.game_info_wrap > div {
  color: #676766;
  font-weight: 400;
  font-size: 15px;
}
.game_info_wrap .info_player {
  display: flex;
  align-items: center;
}
.game_info_wrap .info_player::before {
  content: "";
  display: block;
  background: url("../img/icon/ico_info_player.svg") center center/cover no-repeat;
  width: 18px;
  height: 18px;
  margin-right: 6px;
}
.game_info_wrap .info_age {
  display: flex;
  align-items: center;
}
.game_info_wrap .info_age::before {
  content: "";
  display: block;
  background: url("../img/icon/ico_info_age.svg") center center/cover no-repeat;
  width: 18px;
  height: 18px;
  margin-right: 6px;
}
.game_info_wrap .info_time {
  display: flex;
  align-items: center;
}
.game_info_wrap .info_time::before {
  content: "";
  display: block;
  background: url("../img/icon/ico_info_time.svg") center center/cover no-repeat;
  width: 18px;
  height: 18px;
  margin-right: 6px;
}

.lineup_detail .detail_type_cul .detail_top .tit {
  color: #333;
  font-size: 38px;
  font-weight: 600 !important;
}
.lineup_detail .detail_type_cul .detail_top .txt {
  color: #333;
}
.lineup_detail .detail_type_cul .detail_top .bottom > u {
  color: #333;
  text-decoration: none;
}
.lineup_detail .detail_type_cul .detail_top .bottom .detail_summary {
  color: #333;
  font-size: 17px;
}
.lineup_detail .detail_author_area {
  justify-content: end;
}
.lineup_detail .page_cont_detail .detail_date {
  color: #676766;
}

/* 250801 lineup 작업 */
.my_contype_2 {
  padding: 30px;
  border-radius: 5px;
  border: 1px solid #c2c2c2;
  background-color: #f9f9f9;
}
.my_contype_2.cubing {
  padding: 45px 100px 35px;
}

.cube_swiper {
  position: relative;
}
.cube_swiper .card-swiper {
  overflow: hidden;
}
.cube_swiper .card-swiper .card_item {
  display: flex;
  justify-content: center;
  gap: 20px;
  padding-bottom: 10px;
}
.cube_swiper .card-swiper .card {
  /* box-shadow:0 4px 4px 0 rgba(0, 0, 0, 0.35); */
  border-radius: 15px;
}
.cube_swiper .card-swiper .card img {
  display: inline-block;
  box-sizing: border-box;
  height: 380px;
  /* width:auto; */
  object-fit: contain;
  border-radius: 15px;
  filter: drop-shadow(0 1.5px 1.5px rgba(0, 0, 0, 0.15));
}
.cube_swiper .card-swiper .card .overlay-text {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 145px;
  color: #222;
  font-size: 12px;
  text-align: left;
  padding: 18px 12px;
  z-index: 100;
}
.cube_swiper .card-swiper .card .overlay-text p {
  margin-bottom: 6px;
}
.cube_swiper .card-swiper .card .card-front {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  height: 100%;
}
.cube_swiper .card-swiper .card .card-back {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  position: relative;
  height: 100%;
}
.cube_swiper .card-swiper .swiper_btn_wrapper {
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  transform: translateY(-50%);
}
.cube_swiper .card-swiper .swiper_btn_wrapper .swiper-button-next {
  background-image: url("../img/icon/ico_thin_right.svg");
  background-size: contain;
  right: -35px;
  height: 26px;
}
.cube_swiper .card-swiper .swiper_btn_wrapper .swiper-button-prev {
  background-image: url("../img/icon/ico_thin_left.svg");
  background-size: contain;
  left: -35px;
  height: 26px;
}
.cube_swiper {
  /* .swiper-pagination{
    bottom:-25px;
    left:0;
    right:0;
  } */
  /* .swiper-pagination-bullet{
    &-active{
      background-color:#e6313a;
    }
  } */
}
.cube_swiper .record {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.cube_swiper .record_card {
  padding: 12px 24px;
  background-color: #fff;
  border-radius: 15px;
  filter: drop-shadow(0 1.5px 1.5px rgba(0, 0, 0, 0.1));
  min-height: 181px;
}
.cube_swiper .record_card h3 {
  font-size: 15px;
  font-weight: 700;
  color: #555;
  padding-bottom: 6px;
  border-bottom: 1px solid #d9d9d9;
  margin-bottom: 4px;
  line-height: 1.6;
}
.cube_swiper .record_card dl {
  display: flex;
  align-items: center;
  line-height: 2.17;
}
.cube_swiper .record_card dt {
  min-width: 75px;
  font-size: 0.875rem;
  color: #777;
}
.cube_swiper .record_card dd {
  font-size: 0.75rem;
  color: #555;
}
.cube_swiper .record_card .cube_event dd {
  max-width: 265px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.cube_swiper .record_card.Ao5_none dl {
  justify-content: center;
  width: 100%;
  margin-top: 52px;
}
.cube_swiper .record_card.Ao5_none dl dd {
  color: #d9d9d9;
}
.cube_swiper .record_detail {
  min-width: 265px;
}
.cube_swiper .record_detail span::after {
  content: "";
  display: inline-block;
  width: 1px;
  height: 10px;
  background: #555;
  margin: 0 6px;
}
.cube_swiper .record_detail span:last-child::after {
  display: none;
}

.speedcube_v6 .cube_swiper .card-swiper .card_item {
  flex-direction: column;
  align-items: center;
  gap: 40px;
}
.speedcube_v6 .cube_swiper .card-swiper .swiper_btn_wrapper {
  left: 12%;
  right: 12%;
  z-index: 99;
}
.speedcube_v6 .cube_swiper .card-swiper .card .overlay-text {
  padding: 18px 5px;
}
.speedcube_v6 .cube_swiper .card-swiper .card .overlay-text .record-info p span:first-of-type {
  margin-right: 8px;
}
.speedcube_v6 .cube_swiper .card-swiper .card .overlay-text.cube_v6 p span {
  display: inline-block;
}
.speedcube_v6 .cube_swiper .card-swiper .card .overlay-text.cube_v6 p span:first-of-type {
  width: 55px;
  margin-right: 0;
}
.speedcube_v6 .cube_swiper .record {
  width: 115px;
  justify-content: center;
  text-align: center;
}
.speedcube_v6 .cube_swiper .record .cube_name {
  font-size: 40px;
  font-weight: 700;
  color: #333;
  margin-bottom: 10px;
}
.speedcube_v6 .cube_swiper .record .cube_ao5 {
  display: flex;
  justify-content: space-between;
  font-size: 18px;
  margin-bottom: 6px;
}
.speedcube_v6 .cube_swiper .record .cube_single {
  display: flex;
  justify-content: space-between;
  font-size: 18px;
}

.modal_wrap.cube_notice .modal_top {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 20px 40px 0;
}
.modal_wrap.cube_notice .modal_top .modal_close {
  position: unset;
}
.modal_wrap.cube_notice .modal_cont > ul {
  border-top: 1px solid #111;
}
.modal_wrap.cube_notice .modal_cont .notice_head {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 14px 16px;
  cursor: pointer;
}
.modal_wrap.cube_notice .modal_cont .notice_head div {
  display: flex;
  flex-direction: column;
  gap: 4px;
  flex: 1;
}
.modal_wrap.cube_notice .modal_cont .notice_head span {
  font-size: 12px;
  color: #888;
  line-height: 1.2;
}
.modal_wrap.cube_notice .modal_cont .notice_body {
  display: none;
  padding: 24px 35px;
  line-height: 1.2;
  background-color: #f9f9f9;
  border-top: 1px solid #eee;
  white-space: pre-wrap;
  overflow-wrap: break-word;
}
.modal_wrap.cube_notice .modal_cont li {
  border-bottom: 1px solid #eee;
}
.modal_wrap.cube_notice .modal_cont li .ico_acco {
  transform: rotate(180deg);
  transition: transform 0.3s ease;
}
.modal_wrap.cube_notice .modal_cont li.is-open .ico_acco {
  transform: rotate(0deg);
}

/* 250708 KBGM-116 유저 바코드 추가 */
/* 250818 FRND_EVENT */
.frnd_rcmn {
  display: flex;
  flex-direction: column;
  padding: 32px;
  background: #f9f9f9;
  border: 1px solid #c2c2c2;
  border-radius: 5px;
}
.frnd_rcmn .rcmn_wrap {
  display: flex;
  gap: 20px;
}
.frnd_rcmn .rcmn_wrap .rcmn_state {
  width: 70%;
}
.frnd_rcmn .rcmn_wrap > div {
  width: 100%;
  padding: 24px 45px 22px;
  background: #fff;
  border: 1px solid #c2c2c2;
  border-radius: 10px;
}
.frnd_rcmn .rcmn_wrap .rcmn_tit {
  margin-bottom: 18px;
  font-size: 1.125rem;
  color: #333;
  font-weight: 700;
}
.frnd_rcmn .rcmn_wrap .rcmn_info {
  display: flex;
  gap: 12px;
  flex-direction: column;
  padding-top: 25px;
  border-top: 1px solid #c2c2c2;
}
.frnd_rcmn .rcmn_wrap .rcmn_info_list {
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-size: 15px;
  font-weight: 600;
}
.frnd_rcmn .rcmn_red {
  color: #e6313a;
  font-family: "figtree";
}
.frnd_rcmn .rcmn_user_code {
  color: #e6313a;
  font-size: 1.25rem;
}
.frnd_rcmn .rcmn_share {
  display: flex;
  justify-content: space-between;
  gap: 10px;
}
.frnd_rcmn .rcmn_share > button {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
}
.frnd_rcmn .rcmn_share .kakao {
  width: 100%;
  background: #666;
  border-radius: 5px;
  color: #fff;
}
.frnd_rcmn .rcmn_share .kakao::before {
  content: "";
  display: inline-block;
  width: 14px;
  height: 14px;
  background: url("../img/icon/logo_sns_kakao.svg") center center/cover no-repeat;
}
.frnd_rcmn .rcmn_share .link_copy {
  width: 100%;
  border: 1px solid #c2c2c2;
  border-radius: 5px;
}
.frnd_rcmn .rcmn_share .link_copy::before {
  content: "";
  display: inline-block;
  width: 14px;
  height: 14px;
  background: url("../img/icon/link_share.svg") center center/cover no-repeat;
}
.frnd_rcmn .frnd_rcmn_ctn {
  margin-top: 30px;
}
.frnd_rcmn .frnd_rcmn_ctn dl {
  font-size: 15px;
}
.frnd_rcmn .frnd_rcmn_ctn dl dt {
  font-weight: 700;
}
.frnd_rcmn .frnd_rcmn_ctn dl dd {
  align-items: center;
  margin-top: 8px;
  margin-left: 5px;
}
.frnd_rcmn .frnd_rcmn_ctn dl dd::before {
  content: "";
  display: inline-block;
  width: 4px;
  height: 4px;
  background: #333;
  margin-right: 6px;
  border-radius: 100%;
}

.frnd_brg_wrap {
  margin: 70px auto;
  padding: 50px 254px 65px 254px;
  background-color: #f7f7f7;
}
.frnd_brg_wrap .brg_tit {
  padding-bottom: 45px;
  text-align: center;
  font-size: 30px;
  font-weight: 700;
  line-height: 50px;
}
.frnd_brg_wrap .brg_tit span {
  font-size: 46px;
  color: #e6313a;
  letter-spacing: -1.38px;
  line-height: 63px;
}
.frnd_brg_inner {
  padding: 60px 85px 55px 85px;
  background-color: #fff;
  border-radius: 25px;
  text-align: center;
}
.frnd_brg_inner .rcmn_code_tit {
  font-size: 1.375rem;
  font-weight: 700;
  margin-bottom: 15px;
}
.frnd_brg_inner .rcmn_code {
  font-size: 35px;
  font-weight: 700;
  color: #e6313a;
  margin-bottom: 25px;
}
.frnd_brg_inner .rcmn_paste {
  border-radius: 30px;
  border: 1px solid #dedede;
}
.frnd_brg_inner .rcmn_paste:hover {
  border: 1px solid #dedede;
}
.frnd_brg_inner .btn_wrap .rcmn_join {
  background-color: #333;
  color: #fff;
  border-radius: 18px;
}

.frnd_brg_page .login_wrap {
  justify-content: center;
  padding-right: 0;
}
.frnd_brg_page .login_wrap .info_inp_wrap {
  padding: 40px 0 0px;
  height: auto;
}
.frnd_brg_page .login_wrap .info_inp_wrap .sns {
  margin-top: 0px;
  z-index: 0;
}

.add_prd_wrap {
  margin-top: 24px;
}
.add_prd_wrap > p {
  font-size: 0.875rem;
  font-weight: 600;
  margin-bottom: 10px;
}

.custom_dropdown {
  position: relative;
  width: 100%;
}

.dropdown_header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 12px 16px;
  background-color: #fff;
  border: 1px solid #ddd;
  border-radius: 5px;
  cursor: pointer;
  transition: border-color 0.2s;
}
.dropdown_header:hover {
  border-color: #999;
}
.dropdown_header .placeholder {
  color: #666;
  font-size: 0.875rem;
}
.dropdown_header .ico_arr_down {
  transition: transform 0.2s;
}
.dropdown_header .ico_arr_down.active {
  transform: rotate(180deg);
}
.dropdown_header .ico_arr_down::before {
  background-image: url("../img/icon/ico_chevron_down_gr.svg");
}

.dropdown_list {
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  background: #fff;
  border: 1px solid #ddd;
  border-top: none;
  border-radius: 0 0 6px 6px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
  z-index: 1000;
  max-height: 200px;
  overflow-y: auto;
}
.dropdown_list li {
  padding: 12px 16px;
  cursor: pointer;
  border-bottom: 1px solid #f5f5f5;
  transition: background-color 0.2s;
}
.dropdown_list li:hover {
  background-color: #f8f9fa;
}
.dropdown_list li:last-child {
  border-bottom: none;
}
.dropdown_list li.sold_out {
  opacity: 0.6;
  cursor: not-allowed;
}
.dropdown_list li.sold_out:hover {
  background-color: #f5f5f5;
}
.dropdown_list li.sold_out .product_name {
  color: #999;
}
.dropdown_list .product_info {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.dropdown_list .product_name {
  font-size: 0.875rem;
  color: #333;
}
.dropdown_list .product_price {
  font-size: 0.875rem;
  font-weight: 600;
  color: #e6313a;
}
.dropdown_list .product_price.sold_out_text {
  color: #999;
  font-weight: 500;
}

.selected_products {
  margin-top: 15px;
  border: 1px solid #e9ecef;
  border-radius: 5px;
  background: #f8f9fa;
  padding: 15px;
}

.selected_product_item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 10px 0;
  border-bottom: 1px solid #dee2e6;
}
.selected_product_item:first-child {
  padding-top: 0;
}
.selected_product_item:last-child {
  border-bottom: none;
  padding-bottom: 0;
}
.selected_product_item .product_detail {
  flex: 1;
}
.selected_product_item .name {
  display: block;
  font-size: 0.875rem;
  color: #333;
  margin-bottom: 2px;
}
.selected_product_item .price {
  font-size: 0.875rem;
  color: #666;
}
.selected_product_item .amount {
  margin: 0 15px;
}
.selected_product_item .amount > .wrap > button {
  background: #fff;
}

.total_amount_summary {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 20px;
  padding: 15px 0;
  border-top: 1px solid #dee2e6;
}
.total_amount_summary .total_text {
  font-size: 1rem;
  color: #333;
  font-weight: 500;
}
.total_amount_summary .total_amount {
  display: flex;
  align-items: baseline;
  gap: 2px;
}
.total_amount_summary .total_amount strong {
  font-size: 1.25rem;
  font-weight: 700;
}
.total_amount_summary .total_amount em {
  font-size: 1rem;
  font-style: normal;
}

/* 마이페이지 qr 작업 */
#qrcode {
  overflow: hidden;
  width: 80px !important;
  height: 80px !important;
  max-width: 80px !important;
  max-height: 80px !important;
}

#qrcode img,
#qrcode canvas {
  width: 80px !important;
  height: 80px !important;
  max-width: 80px !important;
  max-height: 80px !important;
}

/* KBGM-56-기획전동영상 */
.game_detail.special_exhibition iframe {
  width: 800px;
  height: 450px;
  /* 기획전 안의 모든 영상은 800x450으로 조정 */
}

/* //KBGM-56-기획전동영상 */
.ticket .order_step {
  justify-content: flex-start;
  column-gap: 65px;
}
.ticket .order_step li::after {
  margin-right: -8px;
}

.ticket_mo {
  display: none;
}

.ticket_pc {
  display: block;
}

.modal_wrap.ticket_qr_pc .modal {
  max-width: 320px;
}
.modal_wrap.ticket_qr_pc .modal_top {
  min-height: auto;
  padding: 20px 30px 0px;
}
.modal_wrap.ticket_qr_pc .modal_top .modal_close {
  top: 26px;
  right: 30px;
}
.modal_wrap.ticket_qr_pc .modal_cont {
  height: 300px;
  padding: 0 55px;
}
.modal_wrap.ticket_qr_pc .modal_cont .top_desc {
  text-align: center;
  margin-top: 20px;
  font-size: 16px;
}
.modal_wrap.ticket_qr_pc .modal_cont .top_desc span {
  font-weight: 700;
}
.modal_wrap.ticket_qr_pc .modal_cont .bottom_desc {
  font-size: 16px;
  text-align: center;
  padding: 0 35px;
}
.modal_wrap.ticket_qr_pc .modal_cont .bottom_desc span {
  font-weight: 700;
}
.modal_wrap.ticket_qr_pc .qr_box {
  padding: 35px 40px;
}

.ticket_floating {
  display: none;
}

.ticket-actions {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  gap: 8px;
}

@media screen and (max-width: 834px) {
  .abus_wrap {
    padding-bottom: 80px;
  }
  .abus_wrap h2 {
    font-size: 22px;
  }
  .abus_wrap p {
    font-size: 0.875rem;
    line-height: 24px;
  }
  .abus_wrap .depth_title {
    margin: inherit;
    padding: 16px 20px 18px;
  }
  .abus_wrap .about_img_wrap {
    margin-top: 30px;
    padding: 0;
  }
  .abus_wrap .sub_tit_ci {
    font-size: 20px;
  }
  .abus_wrap .sub_desc_ci + .sub_desc_ci {
    padding-top: 40px;
  }
  .abus_wrap .our_game_wrap {
    margin-top: 40px;
    padding: 0;
  }
  .abus_wrap .our_game_inner img {
    width: calc(33.3333333333% - 6px);
  }
  .abus_wrap .our_desc {
    margin-top: 40px;
  }
  .abus_wrap .us_tit_hr + section {
    margin-top: 40px;
  }
  .vertical_hr {
    margin: 40px auto 40px;
  }
  .ci_wrap {
    margin-top: 40px;
  }
  .ci_wrap img {
    width: 50px;
  }
  .ci_wrap .ci_kr {
    margin-right: 40px;
  }
  .ci_wrap .ci_kr_cap, .ci_wrap .ci_en_cap {
    padding-bottom: 16px;
  }
  .ci_wrap .ci_kr_cap {
    font-size: 16px;
  }
  .ci_wrap .ci_en_cap {
    font-size: 14px;
  }
  .ci_wrap .btn.sm {
    padding: 0 10px;
    font-size: 12px;
  }
  .ci_desc {
    margin-top: 50px;
    padding-bottom: 60px;
    font-size: 12px;
  }
  .vertical_hr {
    height: 70px;
  }
  .rush_img_wrap {
    margin-top: 40px;
    padding: 0;
  }
  .rush_desc {
    margin-top: 40px;
  }
  .rush_img_inner {
    margin-top: 40px;
    padding: 0;
  }
  .rush_img_inner img {
    width: calc(33.3333333333% - 6px);
  }
  .journey_desc {
    margin-top: 20px;
  }
  .about_sns_wrap {
    display: flex;
    align-items: center;
    margin-top: 25px;
    padding: 0 95px;
  }
  .about_sns_wrap [class*=ico_about] {
    width: 45px;
    height: 45px;
    background-size: 45px;
  }
  .conus_wrap {
    padding-bottom: 80px;
  }
  .conus_wrap h2 {
    font-size: 22px;
  }
  .conus_wrap p {
    font-size: 0.875rem;
    line-height: 24px;
  }
  .conus_wrap .depth_title {
    margin: inherit;
    padding: 16px 20px 18px;
  }
  .conus_wrap .us_tit_hr + section {
    margin-top: 40px;
  }
  .conus_wrap .qna_box {
    margin-top: 40px;
    padding: 0;
    padding-bottom: 60px;
    gap: 8px;
  }
  .conus_wrap .qna_box > li {
    height: auto;
    padding: 24px;
  }
  .conus_wrap .qna_box > li .contact_tit {
    font-size: 1.25rem;
    line-height: 1.4;
  }
  .conus_wrap .us_location {
    padding-top: 40px;
  }
  .conus_wrap .us_loca_desc {
    margin-top: 40px;
  }
  .conus_wrap .loca_box {
    padding: 0;
  }
  .conus_wrap .loca_box > li {
    padding: 16px 8px;
  }
  .conus_wrap .loca_box > li:first-child strong {
    font-size: 1.125rem;
    line-height: 1.2;
  }
  .conus_wrap .loca_box > li:first-child p {
    font-size: 0.875rem;
    line-height: 1.4;
  }
  .conus_wrap .loca_box > li strong {
    font-size: 1rem;
    line-height: 1.2;
  }
  .conus_wrap .loca_box > li p {
    font-size: 0.75rem;
    line-height: 1.4;
  }
  .conus_wrap .loca_box > li .loca_box_hr {
    margin: 24px 0 16px;
  }
  .main_contain .prdlist_wrap.main_several_lst {
    padding: 0 16px;
  }
  .main_contain .prdlist_wrap.main_several_lst .origin_price {
    font-size: 0.75rem;
  }
  .my_info_grade .user_info {
    display: flex;
    align-items: self-end;
    margin-left: auto;
  }
  .my_info_grade {
    /* .user_barcode_wrap{
      display:flex;
      align-items:center;
      padding:3.5px 9px;
      margin-right:4px;
      border:1.5px solid #9a9999;
      border-radius:20px;
      cursor:pointer;
      .barcode_info{
        display:flex;
        align-items:center;
        font-size:$fs-sm;
        font-weight:$fw-m;
        color:#9a9999;
        padding-bottom:1px;
        &::before{
          content:'';
          display:inline-block;
          margin-right:2px;
          width:14px;
          height:14px;
          background:url("../img/icon/icon_qr.svg")center center/cover no-repeat;
        }
      }
    } */
  }
  .my_info_grade button {
    padding: 5px 7px;
  }
  .my_info_grade .msg {
    line-height: 1.52;
  }
  .user_qr_modal .qr_box_wrap {
    text-align: center;
  }
  .user_qr_modal .qr_box_wrap .qr_img {
    display: flex;
    justify-content: center;
  }
  .user_qr_modal .qr_box_wrap .qr_img canvas {
    width: 100% !important;
    height: 100% !important;
  }
  /* 250708 KBGM-116 유저 바코드 추가 */
  /* 250818 FRND_EVENT */
  .frnd_rcmn {
    padding: 15px 15px 20px 15px;
  }
  .frnd_rcmn .rcmn_wrap {
    flex-direction: column;
    gap: 10px;
  }
  .frnd_rcmn .rcmn_wrap > div {
    padding: 18px 40px;
  }
  .frnd_rcmn .rcmn_wrap .rcmn_state {
    width: auto;
  }
  .frnd_rcmn .rcmn_wrap .rcmn_info {
    padding-top: 13px;
    gap: 15px;
  }
  .frnd_rcmn .rcmn_wrap .rcmn_info_list {
    font-size: 0.75rem;
  }
  .frnd_rcmn .rcmn_wrap .rcmn_tit {
    margin-bottom: 12px;
    font-size: 13px;
  }
  .frnd_rcmn .rcmn_user_code {
    font-size: 0.75rem;
  }
  .frnd_rcmn .rcmn_share {
    flex-direction: column;
  }
  .frnd_rcmn .rcmn_share > button {
    gap: 25px;
    padding: 4px 0;
    font-size: 13px;
  }
  .frnd_rcmn .rcmn_share .kakao::before {
    width: 14px;
    height: 14px;
  }
  .frnd_rcmn .rcmn_share .link_copy::before {
    width: 14px;
    height: 14px;
  }
  .frnd_rcmn .frnd_rcmn_ctn {
    padding: 0 5px;
    margin-top: 15px;
  }
  .frnd_rcmn .frnd_rcmn_ctn dl {
    font-size: 0.75rem;
  }
  .frnd_rcmn .frnd_rcmn_ctn dl dd {
    position: relative;
    margin-left: 0;
    margin-top: 4px;
    padding-left: 15px;
    line-height: 24px;
  }
  .frnd_rcmn .frnd_rcmn_ctn dl dd::before {
    content: "";
    display: block;
    width: 4px;
    height: 4px;
    background: #333;
    border-radius: 100%;
    position: absolute;
    left: 3px;
    top: 12px;
  }
  .frnd_brg_wrap {
    margin: 0;
    padding: 50px 15px 48px 15px;
  }
  .frnd_brg_wrap .brg_tit {
    padding-bottom: 25px;
    font-size: 1.25rem;
    line-height: 45px;
  }
  .frnd_brg_wrap .brg_tit span {
    font-size: 2rem;
    line-height: 45px;
  }
  .frnd_brg_inner {
    padding: 48px 25px 12px 25px;
  }
  .frnd_brg_inner .rcmn_code_tit {
    font-size: 1.25rem;
  }
  .frnd_brg_inner .rcmn_code {
    margin-bottom: 20px;
    font-size: 2rem;
  }
  .frnd_brg_inner .rcmn_paste {
    width: 60px;
    height: 40px;
  }
  .frnd_brg_page .login_wrap {
    padding: 0;
    height: auto;
  }
  .frnd_brg_page .login_wrap .info_inp_wrap {
    margin-top: 0;
    padding: 30px 0 30px;
  }
  .frnd_brg_page .login_wrap .info_inp_wrap .sns {
    margin-top: 0px;
  }
  .header_wrap.lineup_header .search_form {
    display: none;
  }
  .header_wrap.lineup_header .inner {
    height: 65px;
  }
  .header_wrap.lineup_header .inner.pc_wrap {
    display: flex;
  }
  .header_wrap.lineup_header .site .toggle_menu {
    height: 30px;
    padding: 4px;
  }
  .header_wrap.lineup_header .site .toggle_menu li {
    width: 65px;
  }
  .header_wrap.lineup_header .site .toggle_menu li.current {
    box-shadow: 2px 1px 2px 0 rgba(0, 0, 0, 0.25), inset 0 0 5px #9e2127;
  }
  .header_wrap.lineup_header .site .toggle_menu li.current a {
    line-height: 22px;
  }
  .header_wrap.lineup_header .site a {
    font-size: 0.625rem;
    line-height: 22px;
  }
  .lineup .sec_cont_list .tab_menu_wrap {
    padding-block: 16px;
  }
  .lineup .sec_cont_list .sec_inner {
    padding-block: 0px 32px;
  }
  .lineup .tab_menu_list {
    column-gap: 8px;
  }
  .lineup .sec_tit {
    padding: 16px 20px 18px;
    font-size: 1.375rem;
    margin: 0;
  }
  .lineup .content_card_list .content_card {
    flex: 100%;
  }
  .lineup_detail .detail_author_area {
    align-items: end;
  }
  /* 250801 lineup 작업 */
  .game_detail.special_exhibition iframe {
    width: auto;
    height: auto;
  }
  .my_contype_2.cubing {
    padding: 18px 15px 25px 15px;
  }
  .my_contype_2.cubing.speedcube_v6 {
    padding: 36px 15px 40px 15px;
  }
  .cube_swiper .card-swiper .card_item {
    flex-direction: column;
    gap: 35px;
  }
  .cube_swiper .card-swiper .swiper_btn_wrapper {
    top: 26%;
    left: 10%;
    right: 10%;
    z-index: 99;
  }
  .cube_swiper .record {
    gap: 12px;
  }
  .cube_swiper .record_card {
    min-height: 155px;
  }
  .cube_swiper .record_card .record_detail {
    min-width: auto;
  }
  .cube_swiper .record_card .record_detail span::after {
    width: 0;
    height: 8px;
    margin: 0 3px;
  }
  .cube_swiper .record_card dt {
    min-width: 55px;
    font-size: 11px;
  }
  .cube_swiper .record_card dd {
    font-size: 10px;
  }
  .cube_swiper .record_card.Ao5_none dl {
    margin-top: 40px;
  }
  .speedcube_v6 .cube_swiper .card-swiper .swiper_btn_wrapper {
    top: 35%;
    left: 8%;
    right: 8%;
  }
  .speedcube_v6 .cube_swiper .card-swiper .swiper_btn_wrapper .swiper-button-next {
    height: 20px;
  }
  .speedcube_v6 .cube_swiper .card-swiper .swiper_btn_wrapper .swiper-button-prev {
    height: 20px;
  }
  .speedcube_v6 .cube_swiper .record {
    gap: 0;
  }
  .ticket .order_step li::after {
    margin-right: -40px;
  }
  .ticket_mo {
    display: block;
  }
  .ticket_pc {
    display: none;
  }
  .modal_wrap.ticket_qr_mo .modal_top {
    min-height: auto;
    padding: 20px 30px 20px;
  }
  .modal_wrap.ticket_qr_mo .modal_top .modal_close {
    top: 21px;
    right: 24px;
  }
  .modal_wrap.ticket_qr_mo .modal_cont h4 {
    margin-top: 16px;
    font-size: 24px;
    font-weight: 700;
    text-align: center;
  }
  .modal_wrap.ticket_qr_mo .modal_cont .top_desc {
    text-align: center;
    padding-bottom: 30px;
  }
  .modal_wrap.ticket_qr_mo .modal_cont .top_desc p {
    margin-top: 16px;
  }
  .modal_wrap.ticket_qr_mo .modal_cont .bottom_desc {
    margin-top: 16px;
    font-size: 14px;
    text-align: center;
  }
  .modal_wrap.ticket_qr_mo .modal_cont .bottom_desc p {
    text-align: start;
    display: inline-block;
    background: #666;
    color: #fff;
    line-height: 1.7;
    padding: 0 10px;
  }
  .modal_wrap.ticket_qr_mo .qr_box {
    overflow: scroll;
    overflow-y: auto;
    max-height: calc(100vh - 360px);
    text-align: center;
  }
  .modal_wrap.ticket_qr_mo .qr_box .qr_img {
    padding: 10px 70px;
  }
  .modal_wrap.ticket_qr_mo .qr_box .qr_wrapper + .qr_wrapper {
    margin-top: 80px;
  }
  .modal_wrap.ticket_qr_mo .qr_box .qr_wrapper:last-of-type {
    margin-bottom: 20px;
  }
  .modal_wrap.ticket_qr_mo .qr_box_modal {
    overflow: scroll;
    overflow-y: auto;
    max-height: 82vh;
    text-align: center;
  }
  .modal_wrap.ticket_qr_mo .qr_box_modal .qr_img {
    padding: 10px 110px;
  }
  .modal_wrap.ticket_qr_mo .qr_box_modal .qr_wrapper + .qr_wrapper {
    margin-top: 30px;
  }
  .modal_wrap.ticket_qr_mo .qr_box_modal .qr_wrapper:last-of-type {
    margin-bottom: 20px;
  }
  .ticket_floating {
    display: block;
    position: fixed;
    top: auto;
    left: auto;
    right: 5%;
    bottom: 8%;
    background-color: #e6313a;
    width: 50px;
    height: 50px;
    border-radius: 100%;
    z-index: 10;
  }
  .ticket_floating::before {
    content: "";
    display: block;
    background: url("../img/icon/ticket_floating.png") center center/cover no-repeat;
    width: 25px;
    height: 25px;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
  }
}
/* 250605 KBGM-90 header fixed scroll */
@media screen and (max-width: 1150px) {
  .header_fix.fixed .header_wrap .search_form {
    transform: translateY(-50%);
    left: 420px;
  }
}
/* 250609 KBGM-25 */
.qr_btn {
  display: none;
}
@media screen and (max-width: 1024px) {
  .qr_btn {
    display: none;
  }
}
.qr_btn {
  overflow: hidden;
  position: fixed;
  left: auto;
  right: 20px;
  bottom: 125px;
  width: 42px;
  height: 42px;
  z-index: 100; /* 250616 KBGM-25 qr 플로팅 팝업 관련 z-index 수정 */
  padding: 8px;
  background: #333;
  border-radius: 100%;
  box-shadow: 1px 1px 4px 0 rgba(0, 0, 0, 0.2);
}
.qr_btn_inner {
  background: url("../img/banner_QR_btn.svg") center center/cover no-repeat;
  width: 100%;
  height: 100%;
  /* color:#fff;
  font-size:$fs-sm; */
}

.qr_wrap {
  display: block;
}
@media screen and (max-width: 1024px) {
  .qr_wrap {
    display: none;
  }
}
.qr_wrap {
  position: fixed;
  left: auto;
  right: 20px;
  bottom: 125px;
  width: 150px;
  z-index: 100; /* 250616 KBGM-25 qr 플로팅 팝업 관련 z-index 수정 */
  background: #fff;
  box-shadow: 0px 0px 6px 2px rgba(0, 0, 0, 0.2);
  padding: 35px 15px 15px 15px; /* 30px 15px 15px 15px; */ /* 250610 KBGM-25 QR플로팅 최종 수정 */
  border-radius: 10px;
  transition: all 0.2s ease;
}
.qr_wrap .ico_close {
  position: absolute;
  top: 10px;
  right: 15px;
  width: 16px;
  height: 16px;
}
.qr_wrap .ico_close::before {
  background-size: contain;
}
.qr_wrap p {
  text-align: center;
  font-size: 13px;
  font-weight: 500;
  line-height: 1.3; /* 250610 KBGM-25 QR플로팅 최종 수정 */
}
.qr_wrap .qr_b {
  font-size: 1rem;
  font-weight: 700;
}
.qr_wrap {
  /* 250828 GRWTH-68-1000원딜 */
}
.qr_wrap_inner {
  background-image: url("../img/banner_QR.jpeg");
  width: 120px;
  height: 120px;
  margin: 8px 0 8px 0;
  background-size: contain;
}

/* //250609 KBGM-25 */
.ui-datepicker .ui-datepicker-header .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-header .ui-datepicker-next {
  z-index: 1;
}

/* 250620 KBGM-66-a/s접수폼 오류 수정 */
/**** 매거진 리뉴얼 ****/
/**** 공통 ****/
/* Buttons */
.btn_load_more {
  width: 52px;
  height: 52px;
  margin: 0 auto;
  background: url("../img/icon/ico_52_load_more.svg") center/contain no-repeat;
}
@media screen and (max-width: 834px) {
  .btn_load_more {
    width: 48px;
    height: 48px;
    background: url("../img/icon/ico_48_load_more.svg") center/contain no-repeat;
  }
}

.btn_golist {
  padding: 0 24px;
  height: 52px;
  border: 1px solid #111;
  border-radius: 9999px;
  display: flex;
  align-items: center;
  gap: 12px;
  font-size: 0.9375rem;
  font-weight: 500;
  color: #111;
}
.btn_golist > * {
  flex: none;
  flex-shrink: 0;
}

/* Badges */
.badge_wrap [class*=badge_cate] {
  height: 26px;
  padding-inline: 8px;
  border-radius: 4px;
  font-size: 0.75rem;
  font-weight: 700;
}
.badge_wrap .badge_cate_news {
  background-color: #FF901E;
}
.badge_wrap .badge_cate_contents {
  background-color: #1873DE;
}
.badge_wrap .badge_cate_gallery {
  background-color: #19A598;
}
.badge_wrap .badge_cate_webtoon {
  background-color: #684DCA;
}
.badge_wrap .badge_cate_video {
  background-color: #FA3E60;
}
.badge_wrap .badge_cate_intro {
  background-color: #0A3B84;
}
.badge_wrap .badge_cate_board {
  background-color: #154FA7;
}
.badge_wrap .badge_cate_recom {
  background-color: #205FBE;
}
.badge_wrap .badge_cate_research {
  background-color: #4781D8;
}
.badge_wrap .badge_cate_interview {
  background-color: #5D98F2;
}
.badge_wrap .badge_cate_kobo {
  background-color: #e6313a;
}
.badge_wrap .badge_cate_gravitrax {
  background-color: #FA3E60;
}
.badge_wrap .badge_cate_studio {
  background-color: #FE6581;
}
.badge_wrap .badge_cate_creator {
  background-color: #FF879D;
}
.badge_wrap .badge_cate_magazine {
  background-color: #38A6EA;
}
.badge_wrap .badge_cate_rule {
  background-color: #38A6EA;
}
.badge_wrap .badge_cate_new {
  background-color: #f8ba1d;
}
.badge_wrap .badge_cate_kids {
  background-color: #E20c17;
}
.badge_wrap .badge_cate_family {
  background-color: #1873DE;
}
.badge_wrap .badge_cate_expert {
  background-color: #8F18DE;
}

/* Section */
.sec_inner {
  min-width: 1192px;
  max-width: 1352px;
  margin-inline: auto;
  padding: 0 80px;
  -ms-scroll-snap-type: y mandatory;
  scroll-snap-type: y mandatory;
  overflow: hidden;
}
@media screen and (max-width: 834px) {
  .sec_inner {
    width: 100%;
    min-width: 0;
    max-width: 100%;
    padding: 0 20px;
  }
}

.sec_tit {
  font-family: Pretendard, sans-serif;
  font-size: 2rem;
  font-weight: 800;
  line-height: 1;
  text-align: center;
}
@media screen and (max-width: 834px) {
  .sec_tit {
    font-size: 1.625rem;
  }
}

/**** Components ****/
/* 콘텐츠카드 */
.card_btn {
  flex: none;
  width: 28px;
  height: 28px;
  line-height: 28px;
  border-radius: 100%;
  border: 1px solid #e2e2e2;
  font-size: 0.6875rem;
  color: #777;
}
.card_btn_wrap {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-wrap: wrap;
  gap: 8px;
}
.card_btn.active {
  border-color: #e6313a;
}
.card_btn.btn_bookmark {
  background: url("../img/icon/ico_bookmark_999.svg") center/12px no-repeat;
}
.card_btn.btn_bookmark.active {
  background-image: url("../img/icon/ico_bookmark_red.svg");
}
.card_btn.btn_share {
  background: url("../img/icon/ico_16_share_999.svg") center/12px no-repeat;
}
.card_btn.view {
  width: auto;
  display: inline-flex;
  align-items: center;
  gap: 4px;
  padding-inline: 10px;
  border-radius: 9999px;
  font-size: 0.6875rem;
  line-height: 1;
  color: #777;
}
.card_btn.view .ico_user {
  width: 12px;
  height: 12px;
}
.card_btn.view .ico_user::before {
  background: url("../img/icon/ico_12_user.svg") center/contain no-repeat;
  mask: url("../img/icon/ico_12_user.svg") center/contain no-repeat;
}

.card_hashtag {
  display: inline-block;
  padding: 0 12px 0 0;
  color: #555;
  color: #676766;
  font-size: 0.875rem;
  line-height: 1;
}
.card_hashtag_wrap {
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-wrap: nowrap;
  white-space: nowrap;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  word-wrap: normal;
  display: block;
  overflow: hidden;
}
@media screen and (max-width: 834px) {
  .card_hashtag {
    font-size: 0.8125rem;
    padding: 0 12px 0 0;
  }
}

.content_card {
  font-family: Pretendard, sans-serif;
}
.content_card * {
  font-family: inherit;
}
.content_card_list {
  display: -webkit-box;
  display: flex;
  align-items: flex-start;
  flex-wrap: wrap;
  gap: 50px 32px;
}
.content_card_list .content_card {
  overflow: hidden;
  flex: 0 0 calc((100% - 64px) / 3);
}
@media screen and (max-width: 834px) {
  .content_card_list .content_card {
    flex: 100%;
  }
}
.content_card_list .btn_wrap.full {
  margin-top: 0;
}
@media screen and (max-width: 834px) {
  .content_card_list {
    gap: 32px;
  }
  .content_card_list .no_data {
    padding-top: 40px;
  }
}
.content_card .card_btn_wrap {
  margin-top: 12px;
  /* 250528 VSFS-12 */
  justify-content: space-between;
}
.content_card .card_btn_wrap .card_btn_inner {
  display: flex;
  justify-content: flex-start;
  gap: 8px;
}
.content_card .card_btn_wrap .card_date.card_hashtag {
  padding: 0;
}
.content_card .card_hashtag_wrap {
  margin-top: 16px;
  line-height: 14px;
}
@media screen and (min-width: 835px) {
  .content_card .card_hashtag_wrap {
    height: 14px;
  }
}
@media screen and (max-width: 834px) {
  .content_card .card_hashtag_wrap {
    margin-top: 12px;
  }
}
.content_card .card_desc {
  font-size: 15px;
  line-height: 1.5333;
}
.content_card .card_img_wrap {
  position: relative;
  overflow: hidden;
  height: 0;
  padding-top: 71.276595%;
  border-radius: 12px 12px 0 0;
  border: 1px solid #e2e2e2;
}
@media screen and (max-width: 834px) {
  .content_card .card_img_wrap {
    border-radius: 8px 8px 0 0;
  }
}
.content_card .card_img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: inherit;
}
.content_card .card_img img {
  display: block;
  object-fit: cover;
  transform: scale(1);
  transition: transform 0.2s linear;
}
.content_card .card_tit {
  display: -webkit-box;
  font-size: 18px;
  font-weight: 700;
  line-height: 1.5;
  white-space: normal;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  word-wrap: normal;
  overflow: hidden;
  text-decoration: underline;
  text-decoration-color: transparent;
  transition: all 0.2s linear;
}
.content_card .card_desc {
  display: -webkit-box;
  margin-top: 8px;
  font-size: 0.9375rem;
  line-height: 1.5333;
  white-space: normal;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  word-wrap: normal;
  overflow: hidden;
  height: 46px;
}
.content_card .card_txt_wrap {
  padding: 20px 24px;
  border-radius: 0 0 12px 12px;
  border: 1px solid #e2e2e2;
  border-top: 0;
}
@media screen and (max-width: 834px) {
  .content_card .card_txt_wrap {
    padding: 18px 24px 24px;
  }
}
.content_card:hover .card_tit {
  text-decoration-color: initial;
}
.content_card:hover .card_img img {
  transform: scale(1.1);
}
.content_card.video_card .card_img::before, .content_card.video_card .card_img::after {
  z-index: 1;
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.content_card.video_card .card_img::before {
  background-color: rgba(0, 0, 0, 0.3);
}
.content_card.video_card .card_img::after {
  background: url("../img/icon/ico_paly_line.svg") center/64px no-repeat;
}

/* 콘텐츠 카드 Collapse */
.card_collapse {
  -webkit-tap-highlight-color: transparent;
  display: grid;
  grid-template-columns: 566px 1fr;
  grid-template-rows: repeat(7, 1fr);
  grid-column-gap: 60px;
  grid-row-gap: 8px;
}
@media screen and (max-width: 834px) {
  .card_collapse {
    grid-template-columns: 100%;
    grid-template-rows: auto;
  }
}
.card_collapse, .card_collapse * {
  font-family: Pretendard, sans-serif;
}
.card_collapse .card_area,
.card_collapse .summary_area {
  flex: 1;
}
.card_collapse .card_area {
  grid-row: -1/1;
}
@media screen and (max-width: 834px) {
  .card_collapse .card_area {
    display: none;
    grid-row: span 1;
  }
}
.card_collapse .card_area.card_fade_in {
  animation: card-fade-in 0.5s;
  animation-fill-mode: forwards;
}
.card_collapse .content_card.current {
  display: block;
}
.card_collapse .content_card .card_txt_wrap {
  padding: 23px 28px 28px;
}
@media screen and (max-width: 834px) {
  .card_collapse .content_card .card_txt_wrap {
    padding: 14px 16px 20px;
  }
}
@media screen and (max-width: 834px) {
  .card_collapse .content_card .card_desc {
    font-size: 0.875rem;
    margin-top: 6px;
  }
}
.card_collapse label {
  display: block;
}
.card_collapse input {
  position: absolute;
  overflow: hidden;
  appearance: none;
}
.card_collapse input:checked + .summary_card {
  border-width: 2px;
  border-color: #e6313a;
}
.card_collapse input:checked + .summary_card > p {
  font-weight: 700;
}
@media screen and (max-width: 834px) {
  .card_collapse input:checked + .summary_card {
    border: 0;
    height: auto;
    padding: 0;
  }
  .card_collapse input:checked + .summary_card > p {
    display: none;
  }
  .card_collapse input:checked + .summary_card .summary_hide {
    display: block;
  }
}
.card_collapse .summary_card {
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  height: 80px;
  padding-inline: 28px;
  border: 1px solid #E2E2E2;
  border-radius: 12px;
}
.card_collapse .summary_card > p {
  display: -webkit-box;
  white-space: normal;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  word-wrap: normal;
  overflow: hidden;
  font-size: 17px;
  line-height: 1;
  font-weight: 500;
}
.card_collapse .summary_card > a {
  content: "";
  display: block;
  flex: none;
  width: 22px;
  height: 22px;
  border-radius: 100%;
  background: #D4D4D4 url("../img/icon/ico_card_summary_arr.svg") center/7px no-repeat;
}
@media screen and (max-width: 834px) {
  .card_collapse .summary_card > a {
    display: none;
  }
}
@media screen and (max-width: 834px) {
  .card_collapse .summary_card {
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    height: 58px;
    border-radius: 8px;
  }
}
.card_collapse .summary_hide {
  overflow: hidden;
  width: 100%;
}
.card_collapse .summary_hide.hidden, .card_collapse .summary_hide.appear {
  display: none;
  opacity: 0;
}
@media screen and (max-width: 834px) {
  .card_collapse .summary_hide.hidden {
    display: none;
    opacity: 0;
  }
  .card_collapse .summary_hide.appear {
    animation: card-fade-in 500ms linear;
    animation-fill-mode: forwards;
  }
}

@keyframes card-fade-in {
  from {
    opacity: 0.3;
  }
  to {
    opacity: 1;
  }
}
/* 메인 카테고리 내비 */
.new_cate_nav {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: center;
  justify-content: center;
  justify-content: space-between;
  flex-wrap: wrap;
  padding-block: 60px;
}
.new_cate_nav .cate_nav_item, .new_cate_nav .cate_nav_item * {
  font-family: Pretendard, sans-serif;
}
.new_cate_nav .cate_nav_item {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: center;
  justify-content: center;
  flex-direction: column;
  padding-inline: 16px;
}
.new_cate_nav .cate_nav_item:first-child {
  padding-left: 0;
}
.new_cate_nav .cate_nav_item:last-child {
  padding-right: 0;
}
@media screen and (max-width: 834px) {
  .new_cate_nav .cate_nav_item {
    flex: 0 0 25%;
    padding-inline: 8px;
  }
  .new_cate_nav .cate_nav_item:first-child {
    padding-left: 8px;
  }
  .new_cate_nav .cate_nav_item:last-child {
    padding-right: 8px;
  }
}
.new_cate_nav .cate_nav_img {
  position: relative;
  width: 96px;
  height: 96px;
  margin-inline: auto;
  border-radius: 36px;
  overflow: hidden;
}
.new_cate_nav .cate_nav_img img {
  transform: scale(1);
  position: absolute;
  transition: all 0.2s linear;
}
@media screen and (max-width: 834px) {
  .new_cate_nav .cate_nav_img {
    width: 60px;
    height: 60px;
    border-radius: 24px;
  }
}
.new_cate_nav .cate_nav_txt {
  margin-top: 16px;
  font-size: 1rem;
  text-align: center;
  white-space: nowrap;
  line-height: 1;
}
@media screen and (max-width: 834px) {
  .new_cate_nav .cate_nav_txt {
    margin-top: 10px;
    font-size: 0.8125rem;
  }
}
.new_cate_nav.is_action .cate_nav_item:hover .cate_nav_img img, .new_cate_nav.is_action .cate_nav_item.select .cate_nav_img img {
  transform: scale(1.2);
}
@media screen and (max-width: 834px) {
  .new_cate_nav {
    justify-content: center;
    flex-wrap: wrap;
    row-gap: 24px;
    padding-block: 24px;
  }
}

/* 라운드타입 탭메뉴 */
.tab_menu_wrap {
  max-width: 100%;
  overflow: auto;
  text-align: center;
  /* &:hover {
    &::-webkit-scrollbar {
      display: block;
    }
  }

  @media (hover: hover) {
    &::-webkit-scrollbar {
      display: none;
      height: 12px;
    }

    &::-webkit-scrollbar-thumb {
      background-color: $color-gray-c;
      cursor: pointer;
    }

    &::-webkit-scrollbar-track {
      background-color: transparent;
    }
  }

  @media (hover: none) {

    &::-webkit-scrollbar,
    &::-webkit-scrollbar-thumb,
    &::-webkit-scrollbar-track {
      display: none;
    }
  } */
}

.tab_menu_list {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  justify-content: flex-start;
  display: inline-flex;
  column-gap: 16px;
  padding-inline: 80px;
}
@media screen and (max-width: 834px) {
  .tab_menu_list {
    padding: 0 20px;
  }
}
.tab_menu_list, .tab_menu_list * {
  font-family: Pretendard, sans-serif;
}
.tab_menu_list.type_round .tab_menu_item label {
  border: 1px solid #F6F6F6;
  border-radius: 9999px;
}
.tab_menu_list .tab_menu_item input {
  position: absolute;
  overflow: hidden;
  appearance: none;
}
.tab_menu_list .tab_menu_item input:checked + label {
  background-color: #111;
  border-color: #111;
  color: #fff;
  font-weight: 700;
}
.tab_menu_list .tab_menu_item label {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  padding: 0 24px;
  height: 44px;
  line-height: 44px;
  font-weight: 500;
  font-size: 1.25rem;
  color: #888;
  background-color: #fff;
  text-align: center;
  white-space: nowrap;
  cursor: pointer;
}
@media screen and (max-width: 834px) {
  .tab_menu_list .tab_menu_item label {
    padding: 0 16px;
    height: 38px;
    line-height: 38px;
    font-size: 0.8125rem;
  }
}
@media screen and (max-width: 834px) {
  .tab_menu_list {
    column-gap: 4px;
  }
}

/**** 매거진 메인 ****/
.sec_hero {
  position: relative;
}

.main_hero_swiper {
  position: relative;
  height: 480px;
}
.main_hero_swiper, .main_hero_swiper * {
  font-family: Pretendard, sans-serif;
}
.main_hero_swiper .sec_inner {
  pointer-events: none;
  z-index: 1;
  overflow: visible;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
}
.main_hero_swiper .hero_txt_area {
  padding: 0 150px 0 80px;
  height: auto;
  top: auto;
  bottom: 40px;
  color: #fff;
}
.main_hero_swiper .hero_txt_area.fix_top {
  bottom: auto;
  top: 60px;
}
@media screen and (max-width: 834px) {
  .main_hero_swiper .hero_txt_area {
    bottom: 36px;
    padding: 0 65px 0 20px;
  }
  .main_hero_swiper .hero_txt_area.fix_top {
    bottom: auto;
    top: 20px;
  }
}
.main_hero_swiper .hero_tit {
  font-size: 2.75rem;
  line-height: 1.1818;
  font-weight: 700;
}
@media screen and (max-width: 834px) {
  .main_hero_swiper .hero_tit {
    font-size: 1.75rem;
  }
}
.main_hero_swiper .hero_desc {
  margin-top: 4px;
  font-size: 1.375rem;
  line-height: 1.272;
}
@media screen and (max-width: 834px) {
  .main_hero_swiper .hero_desc {
    margin-top: 6px;
    font-size: 0.875rem;
    line-height: 1.428;
  }
}
.main_hero_swiper .swiper-pagination-fraction {
  z-index: 1;
  position: absolute;
  bottom: 60px;
  right: 80px;
  height: 24px;
  padding: 0 10px;
  font-size: 0.875rem;
  line-height: 24px;
  color: rgba(255, 255, 255, 0.7);
  letter-spacing: 0;
}
@media screen and (max-width: 834px) {
  .main_hero_swiper .swiper-pagination-fraction {
    bottom: 16px;
    right: 20px;
    height: 20px;
    line-height: 20px;
    padding: 0 8px;
    font-size: 0.6875rem;
  }
}
.main_hero_swiper .swiper-pagination-current {
  margin-right: 2px;
  color: #fff;
}
.main_hero_swiper .swiper-pagination-total {
  margin-left: 2px;
}
.main_hero_swiper .swiper-button-wrap {
  z-index: 1;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  height: 80px;
  max-width: 1484px;
}
@media screen and (max-width: 834px) {
  .main_hero_swiper .swiper-button-wrap {
    display: none;
  }
}
.main_hero_swiper .swiper-button-next, .main_hero_swiper .swiper-button-prev {
  top: 0;
  width: 46px;
  height: 100%;
  margin-top: 0;
  background: url("../img/icon/ico_46_hero_swiper_arr_prev.svg") center/contain no-repeat;
}
.main_hero_swiper .swiper-button-prev {
  left: 0;
}
.main_hero_swiper .swiper-button-next {
  right: 0;
  background-image: url("../img/icon/ico_46_hero_swiper_arr_next.svg");
}
@media screen and (max-width: 1483px) {
  .main_hero_swiper .swiper-button-prev {
    left: 20px;
  }
  .main_hero_swiper .swiper-button-next {
    right: 20px;
  }
}
@media screen and (max-width: 834px) {
  .main_hero_swiper {
    height: auto;
    aspect-ratio: 1;
  }
}

.sec_cate_nav {
  background-color: #F6F6F6;
}

.sec_preview .sec_tit {
  margin-top: 80px;
}
@media screen and (max-width: 834px) {
  .sec_preview .sec_tit {
    margin-top: 50px;
  }
}
.sec_preview .card_collapse {
  margin-top: 50px;
}
@media screen and (max-width: 834px) {
  .sec_preview .card_collapse {
    margin-top: 20px;
  }
}

.sec_cont_list .sec_inner {
  padding-block: 50px 100px;
}
@media screen and (max-width: 834px) {
  .sec_cont_list .sec_inner {
    padding-block: 20px 60px;
  }
}
.sec_cont_list .tab_menu_wrap {
  margin-top: 100px;
  padding-block: 40px;
  background-color: #F6F6F6;
}
@media screen and (max-width: 834px) {
  .sec_cont_list .tab_menu_wrap {
    margin-top: 50px;
    padding-block: 20px;
  }
}
.sec_cont_list .btn_wrap.full {
  margin-top: 32px;
}

.page_cont_list {
  padding-bottom: 60px;
}
.page_cont_list section {
  min-width: auto;
  max-width: none;
  padding: 0;
  margin: 0;
  overflow: visible;
  padding-top: 50px;
}
@media screen and (max-width: 834px) {
  .page_cont_list section {
    padding-top: 28px;
  }
  .page_cont_list .tab_menu_list {
    column-gap: 6px;
  }
}
.page_cont_list .tab_menu_wrap {
  margin-bottom: 30px;
}
.page_cont_list .tab_menu_wrap label {
  padding: 0 20px;
  color: #111;
  font-size: 0.9375rem;
  background-color: #F6F6F6;
}
@media screen and (max-width: 834px) {
  .page_cont_list .tab_menu_wrap {
    margin-bottom: 16px;
    margin-top: -10px;
  }
  .page_cont_list .tab_menu_wrap label {
    height: 40px;
    line-height: 40px;
    font-size: 0.875rem;
  }
}
.page_cont_list .pagination {
  margin-top: 50px;
}
.page_cont_list .pagination.pc {
  display: flex !important;
}
@media screen and (max-width: 834px) {
  .page_cont_list .pagination.pc {
    display: none !important;
  }
}
@media screen and (max-width: 834px) {
  .page_cont_list .btn_wrap.full.mo {
    margin-top: 32px;
    display: flex !important;
  }
}

.detail_files {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 70px;
}
.detail_files .file > i {
  margin-right: 12px;
}
.detail_files .file_wrap {
  width: calc((100% - 8px) / 2);
}
.detail_files .file {
  display: -webkit-box;
  -webkit-line-clamp: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 100%;
  height: 44px;
  line-height: 44px;
  padding: 0 16px;
  margin-top: 0;
  border: 1px solid #eee;
  background-color: transparent;
  text-align: left;
  font-size: 0.875rem;
}
@media screen and (max-width: 834px) {
  .detail_files .file {
    height: 52px;
    line-height: 52px;
  }
}
@media screen and (max-width: 834px) {
  .detail_files {
    flex-direction: column;
  }
  .detail_files .file_wrap {
    width: 100%;
  }
}

.detail_author {
  color: #555;
  font-size: 0.875rem;
  line-height: 1;
}
.detail_author_area {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  justify-content: space-between;
  margin-top: 40px;
  padding: 20px 24px;
  border: 1px solid #e2e2e2;
  border-width: 1px 0px;
}
.detail_author_area .card_btn {
  width: auto;
  padding: 0 10px 0 26px;
  background-position: left 10px center;
  border-radius: 9999px;
}
@media screen and (max-width: 834px) {
  .detail_author_area {
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    gap: 14px;
  }
}

.page_cont_detail {
  padding-bottom: 100px;
}
.page_cont_detail .top_visual_title {
  background-color: transparent;
}
.page_cont_detail .anchor_cont .anchor_tit {
  font-size: 1.75rem;
  line-height: 1;
  font-weight: 700;
  color: #111;
  font-family: Pretendard, sans-serif;
  border-color: #333;
}
.page_cont_detail {
  /* 250528 VSFS-12 */
}
.page_cont_detail .detail_top .bottom .card_btn_wrap {
  width: 100%;
  justify-content: space-between;
}
.page_cont_detail .card_btn_inner {
  display: flex;
  align-items: center;
  gap: 12px;
  /* 250529 추가 */
}
@media screen and (max-width: 834px) {
  .page_cont_detail .card_btn_inner {
    gap: 8px;
  }
}
.page_cont_detail .card_hashtag_wrap {
  display: flex;
}
.page_cont_detail .detail_date {
  color: #777;
  font-size: 0.875rem;
  line-height: 1;
}

.detail_date {
  color: #777;
  font-size: 0.875rem;
  line-height: 1;
}

.page_magazine_list, .page_magazine_list > * {
  font-family: Pretendard, sans-serif;
}
.page_magazine_list.container {
  padding-bottom: 100px;
}
@media screen and (max-width: 834px) {
  .page_magazine_list.container {
    padding-bottom: 60px;
  }
}
.page_magazine_list .tab_wrap.detail .tab_menu > li {
  -webkit-tap-highlight-color: transparent;
  font-size: 0.9375rem;
  font-weight: 500;
  line-height: 1;
  border-color: #f6f6f6;
  border-bottom-color: #333;
  color: #555;
}
.page_magazine_list .tab_wrap.detail .tab_menu > li.current {
  color: #111;
  border-color: #333;
}
@media screen and (max-width: 834px) {
  .page_magazine_list .tab_wrap.detail .tab_menu > li {
    padding: 16px 0;
    border-top-color: #333;
    font-size: 0.875rem;
    color: #777;
  }
}

/*# sourceMappingURL=style.css.map */