@charset "UTF-8";
/* 공통 클래스, 아이디 */
.pc_item {
  display: block !important;
}

.mo_item {
  display: none !important;
}

.scroll_no {
  overflow: hidden;
}

button {
  background-color: transparent;
}

.color_main {
  color: #e6c3a8;
}

.color_sub {
  color: #303030;
}

.color_accent {
  color: #ff4a4a;
}

.color_best {
  color: #ac5bd5;
}

.color_new {
  color: #ff4a4a;
}

.color_price {
  color: #000;
}

.color_sale {
  color: #ff4a4a;
}

.color_border {
  color: #e8e8e8;
}

.color_red {
  color: #ff4a4a;
}

.color_pink {
  color: #f1859e;
}

.color_neonpink {
  color: #f53c68;
}

.color_peachpink {
  color: #f7dfcb;
}

.color_orange {
  color: #f84709;
}

.color_yellow {
  color: #ebab50;
}

.color_green {
  color: #1d7a48;
}

.color_lightgreen {
  color: #91bd8c;
}

.color_blue {
  color: #0070e3;
}

.color_indigo {
  color: #283c9f;
}

.color_purple {
  color: #ac5bd5;
}

.color_black {
  color: #222222;
}

.color_realblack {
  color: #000000;
}

.color_gray {
  color: #666;
}

.color_lightgray {
  color: #ccc;
}

.color_brightgray {
  color: #e1e1e1;
}

.color_semigray {
  color: #909090;
}

.color_darkgray {
  color: #404040;
}

.color_graybg {
  color: #f4f4f4;
}

.color_white {
  color: #fff;
}

.color_border_wrap {
  color: #d1d1d1;
}

.color_border_dark {
  color: #c7c7c7;
}

.color_border_deep {
  color: #303030;
}

.bg_main {
  background-color: #e6c3a8;
}

.bg_sub {
  background-color: #303030;
}

.bg_accent {
  background-color: #ff4a4a;
}

.bg_best {
  background-color: #ac5bd5;
}

.bg_new {
  background-color: #ff4a4a;
}

.bg_price {
  background-color: #000;
}

.bg_sale {
  background-color: #ff4a4a;
}

.bg_border {
  background-color: #e8e8e8;
}

.bg_red {
  background-color: #ff4a4a;
}

.bg_pink {
  background-color: #f1859e;
}

.bg_neonpink {
  background-color: #f53c68;
}

.bg_peachpink {
  background-color: #f7dfcb;
}

.bg_orange {
  background-color: #f84709;
}

.bg_yellow {
  background-color: #ebab50;
}

.bg_green {
  background-color: #1d7a48;
}

.bg_lightgreen {
  background-color: #91bd8c;
}

.bg_blue {
  background-color: #0070e3;
}

.bg_indigo {
  background-color: #283c9f;
}

.bg_purple {
  background-color: #ac5bd5;
}

.bg_black {
  background-color: #222222;
}

.bg_realblack {
  background-color: #000000;
}

.bg_gray {
  background-color: #666;
}

.bg_lightgray {
  background-color: #ccc;
}

.bg_brightgray {
  background-color: #e1e1e1;
}

.bg_semigray {
  background-color: #909090;
}

.bg_darkgray {
  background-color: #404040;
}

.bg_graybg {
  background-color: #f4f4f4;
}

.bg_white {
  background-color: #fff;
}

.bg_border_wrap {
  background-color: #d1d1d1;
}

.bg_border_dark {
  background-color: #c7c7c7;
}

.bg_border_deep {
  background-color: #303030;
}

/*
┌──────────────────────┐
◆ START flex style 
└──────────────────────┘ */
.flex_wrap {
  display: flex;
}
.flex_wrap.full {
  width: 100%;
}
.flex_wrap.gap05 {
  gap: 0.5rem;
}
.flex_wrap.gap1 {
  gap: 1rem;
}
.flex_wrap.gap2 {
  gap: 2rem;
}
.flex_wrap.gap3 {
  gap: 3rem;
}
.flex_wrap.between {
  justify-content: space-between;
}
.flex_wrap.center {
  justify-content: center;
}
.flex_wrap.start {
  justify-content: flex-start;
}
.flex_wrap.end {
  justify-content: flex-end;
}
.flex_wrap.column {
  flex-direction: column;
}
.flex_wrap.row {
  flex-direction: row;
}
.flex_wrap.align_center {
  align-items: center;
}
.flex_wrap.align_start {
  align-items: start;
}
.flex_wrap.align_end {
  align-items: end;
}

/* ◆ END flex style */
/*
┌──────────────────────┐
◆ START tag_style 
└──────────────────────┘ */
.tag_style {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100px;
  height: 26px;
  border-radius: 26px;
  border: 0;
}
.tag_style.circle {
  width: 40px;
  height: 40px;
  border-radius: 40px;
}
.tag_style.question {
  background-color: #a1a1a1;
  color: #fff;
}
.tag_style.answer {
  background-color: #f19c7e;
  color: #fff;
}
.tag_style.main {
  background-color: #e6c3a8;
  color: #fff;
}
.tag_style.black {
  background-color: #222222;
  color: #fff;
}
.tag_style.gray {
  background-color: #f4f4f4;
  color: #666;
}
.tag_style.red {
  background-color: #ff4a4a;
  color: #fff;
}
.tag_style.orange {
  background-color: #f84709;
  color: #fff;
}
.tag_style.yellow {
  background-color: #ebab50;
  color: #fff;
}
.tag_style.green {
  background-color: #1d7a48;
  color: #fff;
}
.tag_style.blue {
  background-color: #0070e3;
  color: #fff;
}
.tag_style.indigo {
  background-color: #283c9f;
  color: #fff;
}
.tag_style.purple {
  background-color: #ac5bd5;
  color: #fff;
}

/* ◆ END tag_style */
.btn-wrap {
  display: flex;
  align-items: center;
  gap: 1rem;
}
.btn-wrap.center {
  justify-content: center;
}
.btn-wrap.left {
  justify-content: flex-start;
}
.btn-wrap.right {
  justify-content: flex-end;
}
.btn-wrap .btn {
  display: flex;
  align-items: center;
  justify-content: center;
  border: 0;
}

.btn.white {
  border: 1px solid #303030;
  color: #303030;
  background-color: #fff;
  cursor: pointer;
}
.btn.black {
  background-color: #303030;
  color: #fff;
  cursor: pointer;
}
.btn.yellow {
  background-color: #ebab50;
  color: #fff;
  cursor: pointer;
}
.btn.gray {
  background-color: #f1f1f1;
  color: #303030;
  border: 1px solid #e8e8e8;
  cursor: pointer;
}

.btn_item {
  font-size: 1.6rem;
  padding: 1rem 4rem;
  text-align: center;
  color: #222222;
}
.btn_item.flex_center {
  display: flex;
  align-items: center;
  justify-content: center;
}
.btn_item.coupon {
  font-family: "NSKR";
  font-size: 1.2rem;
  min-width: 60px;
  width: auto;
  height: 20px;
  line-height: 20px;
  padding: 0;
}
.btn_item.min {
  font-size: 1.4rem;
  padding: 1rem 2rem;
}
.btn_item.max {
  font-size: 1.8rem;
  min-width: 140px;
  line-height: 1.6;
}
.btn_item.round {
  border-radius: 3px;
}
.btn_item.rounder {
  border-radius: 10px;
}
.btn_item.border {
  border: 1px solid #d1d1d1;
}
.btn_item.red {
  background-color: #ff4a4a;
  color: #fff;
  border: 1px solid #ff4a4a;
  transition: 0.3s;
}
.btn_item.red:hover {
  background-color: #fff;
  color: #fff;
  border: 1px solid #ff4a4a;
}
.btn_item.pink {
  background-color: #f1859e;
  color: #fff;
  border: 1px solid #f1859e;
  transition: 0.3s;
}
.btn_item.pink:hover {
  background-color: #fff;
  color: #f1859e;
  border: 1px solid #f1859e;
}
.btn_item.neonpink {
  background-color: #f53c68;
  color: #fff;
  border: 1px solid #f53c68;
  transition: 0.3s;
}
.btn_item.neonpink:hover {
  background-color: #fff;
  color: #f53c68;
  border: 1px solid #f53c68;
}
.btn_item.peachpink {
  background-color: #f7dfcb;
  color: #fff;
  border: 1px solid #f7dfcb;
  transition: 0.3s;
}
.btn_item.peachpink:hover {
  background-color: #fff;
  color: #f7dfcb;
  border: 1px solid #f7dfcb;
}
.btn_item.orange {
  background-color: #f84709;
  color: #fff;
  border: 1px solid #f84709;
  transition: 0.3s;
}
.btn_item.orange:hover {
  background-color: #fff;
  color: #f84709;
  border: 1px solid #f84709;
}
.btn_item.yellow {
  background-color: #ebab50;
  color: #fff;
  border: 1px solid #ebab50;
  transition: 0.3s;
}
.btn_item.yellow:hover {
  background-color: #fff;
  color: #ebab50;
  border: 1px solid #ebab50;
}
.btn_item.green {
  background-color: #1d7a48;
  color: #fff;
  border: 1px solid #1d7a48;
  transition: 0.3s;
}
.btn_item.green:hover {
  background-color: #fff;
  color: #1d7a48;
  border: 1px solid #1d7a48;
}
.btn_item.lightgreen {
  background-color: #91bd8c;
  color: #fff;
  border: 1px solid #91bd8c;
  transition: 0.3s;
}
.btn_item.lightgreen:hover {
  background-color: #fff;
  color: #91bd8c;
  border: 1px solid #91bd8c;
}
.btn_item.blue {
  background-color: #0070e3;
  color: #fff;
  border: 1px solid #0070e3;
  transition: 0.3s;
}
.btn_item.blue:hover {
  background-color: #fff;
  color: #0070e3;
  border: 1px solid #0070e3;
}
.btn_item.indigo {
  background-color: #283c9f;
  color: #fff;
  border: 1px solid #283c9f;
  transition: 0.3s;
}
.btn_item.indigo:hover {
  background-color: #fff;
  color: #283c9f;
  border: 1px solid #283c9f;
}
.btn_item.purple {
  background-color: #ac5bd5;
  color: #fff;
  border: 1px solid #ac5bd5;
  transition: 0.3s;
}
.btn_item.purple:hover {
  background-color: #fff;
  color: #ac5bd5;
  border: 1px solid #ac5bd5;
}
.btn_item.black {
  background-color: #222222;
  color: #fff;
  border: 1px solid #222222;
  transition: 0.3s;
}
.btn_item.black:hover {
  background-color: #fff;
  color: #222222;
  border: 1px solid #222222;
}
.btn_item.white {
  background-color: #fff;
  color: #222222;
  border: 1px solid #222222;
  transition: 0.3s;
}
.btn_item.white:hover {
  background-color: #222222;
  color: #fff;
  border: 1px solid #fff;
}
.btn_item.main {
  background-color: #e6c3a8;
  color: #fff;
  border: 1px solid #fff;
  transition: 0.3s;
}
.btn_item.main:hover {
  background-color: #fff;
  color: #e6c3a8;
  border: 1px solid #e6c3a8;
}

.btn_border {
  border: 1px solid #d1d1d1;
}

.btn_simple {
  border: 0;
}

.btn_black {
  background-color: #222222;
  color: #fff;
}

.btn_white {
  background-color: #fff;
  color: #222222;
  border: 1px solid #222222;
}

.info_txt {
  display: inline-block;
  width: 100%;
  text-align: center;
  font-size: 1.3rem;
}
.info_txt.small {
  font-size: 1.3rem;
  line-height: 1.2;
}
.info_txt.default {
  font-size: 1.6rem;
  line-height: 1.6;
}
.info_txt.big {
  font-size: 1.8rem;
  line-height: 2;
}
.info_txt.left {
  text-align: left;
}
.info_txt.right {
  text-align: right;
}
.info_txt .btn_item.min {
  padding: 0.4rem 0.8rem;
}

.link_style {
  padding: 0.2rem 0.2rem;
  background-color: transparent;
  color: #a20000;
  border-bottom: 1px solid #a20000;
  transition: 0.3s;
}
.link_style:hover {
  color: #a20000;
  border-bottom: 1px solid #a20000;
}

.dot_style {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.dot_style:before {
  content: "";
  display: block;
  padding: 3px;
  border-radius: 6px;
  background-color: #a20000;
}
.dot_style strong {
  font-weight: bold;
}
.dot_style .link_style {
  line-height: 1.2;
}

.strong_style {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font-weight: bold;
}
.strong_style:before {
  content: "*";
  display: block;
  color: #e6c3a8;
}

.indent_style {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
}
.indent_style:before {
  content: "└";
  display: block;
  color: #c7c7c7;
}

.required_style {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font-weight: normal;
}
.required_style:before {
  content: "*";
  display: block;
  color: #e6c3a8;
}

table .btn_item {
  padding: 1rem 2rem;
}

/* 라디오박스 공통 */
.radio_box {
  margin-bottom: 1rem;
  display: flex;
  align-items: center;
  gap: 3rem;
}
.radio_box label {
  width: auto;
  height: 5rem;
  line-height: 5rem;
  font-size: 1.6rem;
  cursor: pointer;
}
.radio_box input {
  width: auto;
  height: 5rem;
  line-height: 5rem;
  border: 1px solid #ccc;
  text-indent: 0.5rem;
  font-size: 1.6rem;
}
.radio_box [type=radio] {
  width: 16px;
  height: 16px;
  margin-right: 0.4rem;
  vertical-align: middle;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border-radius: 50%;
  border: 0.1em solid #8d8d8d;
  transition: border 0.5s ease-in-out;
  background-color: #fff;
  box-shadow: none;
  opacity: 0.7;
}
.radio_box [type=radio]:checked {
  border: 0.35em solid #222222;
  background-color: #fff;
  opacity: 1;
}

/* 체크박스 공통 */
.check_box {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: 0.5rem 0;
  font-family: "NSKD";
  font-size: 1.6rem;
  line-height: 1;
}
.check_box label {
  cursor: pointer;
}
.check_box input[type=checkbox] {
  display: none;
}
.check_box input[type=checkbox] + .checkbox {
  margin-top: -3px;
  margin-right: 8px;
}

/* 첨부파일 공통 */
.attach_box {
  display: flex;
  margin-bottom: 10px;
}
.attach_box:last-of-type {
  margin: 1rem 0;
}
.attach_box span {
  width: 160px;
  line-height: 44px;
  height: 44px;
  text-align: center;
  background-color: #222222;
  color: #fff;
  font-size: 1.5rem;
}
.attach_box .file_box {
  border: 1px solid #e1e1e1;
  flex: 1;
  align-items: center;
  display: flex;
  padding: 0 12px;
}
.attach_box label {
  background-color: #fff;
  border: 1px solid #a0a0a0;
  color: #a0a0a0;
  width: 94px;
  line-height: 24px;
  height: 26px;
  font-size: 1.4rem;
  border-radius: 3px;
  text-align: center;
  font-family: "NSKR";
  cursor: pointer;
}
.attach_box input[type=file] {
  display: none;
}
.attach_box input[type=text] {
  width: 100%;
  height: 30px;
  background-color: #fff;
  border: 0;
  font-family: "NSKR";
  font-size: 1.5rem;
  letter-spacing: -0.8px;
  margin-left: 10px;
  color: #222222;
}

#log {
  position: fixed;
  z-index: 1000000000;
  top: 200px;
  left: 20px;
  width: 100px;
  height: 50px;
  color: #222222;
  font-size: 50px;
  font-weight: bold;
}

#wrap {
  min-width: 260px;
  width: 100%;
  max-width: 1920px;
  margin: 0 auto;
  position: relative;
}

.hidden {
  position: absolute;
  left: -9999px;
  width: 0px;
  height: 0px;
  line-height: 0;
  font-size: 1px;
  overflow: hidden;
}

.visibility-hidden {
  display: none;
}

.container {
  min-width: 260px;
  width: 98%;
  max-width: 1506px;
  margin: 0 auto;
}

.wrap-loading {
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.2);
  filter: progid:DXImageTransform.Microsoft.Gradient(startColorstr="#20000000", endColorstr="#20000000");
  z-index: 1000000000000000000000;
}
.wrap-loading div {
  position: fixed;
  top: 50%;
  left: 50%;
  margin-left: -21px;
  margin-top: -21px;
}

.wrap-loading-cutting {
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.2);
  filter: progid:DXImageTransform.Microsoft.Gradient(startColorstr="#20000000", endColorstr="#20000000");
  z-index: 1000000000000000000000;
}
.wrap-loading-cutting div {
  position: fixed;
  top: 50%;
  left: 50%;
  margin-left: -21px;
  margin-top: -21px;
}

.radio-label {
  display: inline-block;
  cursor: pointer;
}

.custom-radio {
  display: inline-block;
  width: 1.6rem;
  height: 1.6rem;
  background: url("../image/radio.png") no-repeat center/contain;
  vertical-align: middle;
  margin-right: 1rem;
}

.radio-label input[type=radio]:checked + .custom-radio {
  background-image: url("../image/radio-on.png");
}

.radio-txt {
  vertical-align: middle;
}

.chk-label {
  display: inline-block;
  cursor: pointer;
}

.custom-chk {
  display: inline-block;
  width: 2rem;
  height: 2rem;
  background: url("../image/chk.png") no-repeat center/contain;
  vertical-align: middle;
  margin-right: 0.8rem;
}

.chk-label input[type=checkbox]:checked + .custom-chk {
  background-image: url("../image/chk-on.png");
}

.chk-txt {
  vertical-align: middle;
}

.custom-scroll::-webkit-scrollbar {
  width: 0.5rem;
  height: 0.8rem;
  border: 0.3rem solid #fff;
}
.custom-scroll::-webkit-scrollbar-button:start:decrement {
  height: 0px;
}
.custom-scroll::-webkit-scrollbar-button:end:increment {
  height: 0px;
}
.custom-scroll::-webkit-scrollbar-track {
  background-color: transparent;
}
.custom-scroll::-webkit-scrollbar-thumb {
  background-color: #e8e8e8;
  border-radius: 0.3rem;
}

.navigation {
  display: flex;
  margin-top: 2.4rem;
  margin-bottom: 38px;
  align-items: center;
}
.navigation a {
  font-size: 15px;
  color: #666 !important;
  font-family: "MSR", "NSKM";
}
.navigation a.on {
  color: #222222 !important;
  font-family: "NSKM" !important;
}
.navigation a + a {
  font-size: 14px;
  font-family: "NSKR" !important;
}
.navigation a:not(:first-child):before {
  content: "";
  width: 0.7rem;
  height: 1.1rem;
  display: inline-block;
  margin: 0 10px;
  background: url("../img/arrow.png") no-repeat center/contain;
}

.location_box {
  margin-bottom: 6rem;
}
.location_box .container {
  display: flex;
  align-items: center; /* justify-content: flex-end; */
}
.location_box span {
  font-family: "NSKR";
  color: #222222;
  font-size: 1.6rem;
  letter-spacing: -0.8px;
  word-spacing: 2px;
}
.location_box .navigation {
  margin-top: 40px;
  margin-bottom: 0;
}
.location_box span a {
  color: #222222;
}
.location_box span i {
  word-spacing: 0;
  font-family: "NSKM";
}
.location_box span img {
  margin-left: 7px;
}

.category_tab_box {
  min-width: 260px;
  width: 98%;
  max-width: 1360px;
  margin: 0 auto;
}
.category_tab_box h3 {
  font-size: 36px;
  text-align: center;
  font-family: "NSKM";
}
.category_tab_box h3 + p {
  text-align: center;
  margin-top: 20px;
  font-size: 16px;
  color: #303030;
}
.category_tab_box h3 + p span {
  font-family: "MSM";
  color: #e6c3a8;
}
.category_tab_box ul {
  margin-top: 5rem;
  margin-bottom: 7rem;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 2rem;
}
.category_tab_box li {
  display: flex;
  align-items: center;
  justify-content: center;
  width: calc((100% + 6px) / 7);
  max-width: 14rem;
  border: 1px solid #f4f4f4;
  border-radius: 3rem;
  background: #fafafa;
  height: 4rem;
  line-height: 4rem;
  text-align: center;
}
.category_tab_box li a {
  display: block;
  width: 100%;
  color: #b0b0b0;
  font-size: 1.6rem;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.category_tab_box li + li {
  margin-left: -1px;
}
.category_tab_box li:nth-child(8) {
  margin-left: 0;
}
.category_tab_box li:nth-child(7) ~ li {
  margin-top: -1px;
}
.category_tab_box li.on {
  background: #fff;
  border: 1px solid #e6c3a8;
}
.category_tab_box li.on a {
  color: #e6c3a8;
}
.category_tab_box li:nth-child(7n+1) {
  margin-left: 0;
}

.hashtag {
  display: block;
}
.hashtag a {
  display: inline-block;
  margin-right: 5px;
  padding-bottom: 2px;
  color: #283c9f;
  font-size: 1.6rem;
  text-align: center;
}
.hashtag a.active {
  border-bottom: 1px solid #283c9f;
}

.pagination_wrap {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 4rem;
}
.pagination_wrap a {
  margin: 0 1.4rem;
  font-family: "MSR";
  color: #909090;
  font-size: 1.4rem;
  position: relative;
}
.pagination_wrap a.on {
  color: #222222;
}
.pagination_wrap a.on:after {
  content: "";
  position: absolute;
  bottom: -1px;
  left: 0;
  width: 100%;
  height: 1px;
  background-color: #222222;
}
.pagination_wrap a.prev {
  width: 0.7rem;
  height: 1.2rem;
  background: url("../img/prev6.png") no-repeat center;
  margin-right: 3.2rem;
}
.pagination_wrap a.next {
  width: 0.7rem;
  height: 1.2rem;
  background: url("../img/next6.png") no-repeat center;
  margin-left: 3.2rem;
}

.custom-select-small {
  min-width: 150px;
  height: 50px;
  border: 1px solid #e8e8e8;
  position: relative;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  -webkit-appearance: auto;
     -moz-appearance: auto;
          appearance: auto;
}
.custom-select-small.height_short {
  height: 35px;
}
.custom-select-small .selected {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 2rem;
  height: 100%;
  font-size: 1.6rem;
  font-family: "MSR", "NSKR";
}
.custom-select-small .selected.on img {
  transform: rotate(180deg);
}
.custom-select-small .option {
  position: absolute;
  bottom: 0;
  left: -1px;
  width: calc(100% + 2px);
  background-color: #fff;
  transform: translateY(100%);
  z-index: 2;
  border: 1px solid #e8e8e8;
  padding: 1rem 0;
  display: none;
}
.custom-select-small .option .txt {
  display: block;
  font-size: 1.6rem;
  font-family: "MSR", "NSKR";
  line-height: 3.4rem;
  padding: 0 2rem;
  text-align: left;
}

.paging {
  margin-top: 9.4rem;
  text-align: center;
}
.paging a {
  margin: 0 15px;
  color: #909090;
  font-size: 14px;
  font-family: "MSR";
}
.paging a.on {
  font-family: "MSB";
  color: #222222;
  position: relative;
}
.paging a.on::after {
  content: "";
  display: block;
  height: 1px;
  width: 100%;
  background: #666666;
  position: absolute;
  bottom: -1px;
  left: 0;
}
.paging a.next {
  background: url(../img/next3.png) left center;
  width: 7px;
  display: inline-block;
  height: 12px;
}
.paging a.prev {
  background: url(../img/prev3.png) left center;
  width: 7px;
  display: inline-block;
  height: 12px;
}

/* 씨노우 쇼핑몰에서 복사한 공통 css */
.input_w10 {
  width: 100px !important;
}

.input_w20 {
  width: 200px !important;
}

.input_w25 {
  width: 250px !important;
}

.chk-visibility {
  display: none;
}

span.checkbox {
  display: inline-block;
  vertical-align: middle;
  width: 18px;
  height: 18px;
  background: url("../img/chk_off.gif") no-repeat center;
  cursor: pointer;
}

input[type=checkbox]:checked + .checkbox {
  background-image: url("../img/chk_on.gif");
}

/* 테이블 타입 */
.table_vertical {
  width: 100%;
  border-top: 2px solid #222222;
  font-size: 1.6rem;
  font-family: "NSKR";
}
.table_vertical tr {
  border-bottom: 1px solid #ededed;
  height: 58px;
}
.table_vertical th {
  background-color: #f1f1f1;
  font-family: "NSKM";
}
.table_vertical td {
  padding: 0 20px;
}

.table_horizontal {
  width: 100%;
  border-top: 2px solid #303030;
  font-size: 1.6rem;
  font-family: "MSR", "NSKR";
}
.table_horizontal th {
  background-color: #f1f1f1;
  font-family: "NSKM";
  text-align: center;
}
.table_horizontal tr:first-child {
  height: 48px;
}
.table_horizontal tr {
  height: 58px;
  border-bottom: 1px solid #ededed;
}
.table_horizontal td {
  text-align: center;
}

.table_scroll {
  overflow-x: scroll;
  width: 100%;
}
.table_scroll .modal_table {
  min-width: 800px;
}
.table_scroll .scroll_table {
  min-width: 800px;
  margin: 0;
}
.table_scroll::-webkit-scrollbar {
  width: 6px;
}
.table_scroll::-webkit-scrollbar-thumb {
  background: rgba(0, 0, 0, 0.4);
  border-radius: 10px;
  background-clip: padding-box;
  border: 2px solid transparent;
}
.table_scroll::-webkit-scrollbar-thumb:active {
  background: rgba(0, 0, 0, 0.8);
  background-clip: padding-box;
  border: 2px solid transparent;
}
.table_scroll::-webkit-scrollbar-track {
  background: #fff;
}

.no-data {
  width: 100% !important;
  text-align: center;
  line-height: 60px;
  font-size: 1.6rem;
}

.table_simple_header .required_txt {
  font-size: 1.4rem;
  padding: 0 1rem;
}

.table_simple_footer {
  gap: 1rem;
}

.table_simple_body {
  position: relative;
  max-height: 70vh;
  overflow: hidden;
  padding: 1rem;
  margin: 0 1rem;
  box-shadow: inset 0px 0px 10px rgba(0, 0, 0, 0.15);
}

.table_simple_box {
  width: 100%;
  margin: 3rem 0 0;
  font-size: 1.6rem;
}
.table_simple_box .required_dot {
  position: relative;
}
.table_simple_box .required_dot:after {
  content: "*";
  display: inline-block;
  color: #ff4a4a;
  position: absolute;
  top: -3px;
  right: -9px;
}
.table_simple_box .btn_simple {
  font-size: 1.4rem;
  border: 1px solid #d1d1d1;
  padding: 0.4rem 1rem;
}
.table_simple_box tr {
  border: 1px solid #ededed;
}
.table_simple_box th {
  border: 1px solid #e1e1e1;
  background-color: #ededed;
  padding: 2rem 0;
  font-weight: bold;
}
.table_simple_box td {
  border: 1px solid #e1e1e1;
  padding: 2rem 0;
  text-align: center;
}
.table_simple_box .input_block {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 1rem;
}
.table_simple_box .input_basic {
  border: 1px solid #d9d9d9;
  text-indent: 0.5rem;
  line-height: 2.6;
}
.table_simple_box .input_basic.full {
  width: 100%;
}
.table_simple_box .input_basic.full + .full {
  margin: 0.5rem 0 0;
}
.table_simple_box .input_basic.max {
  width: 70%;
}
.table_simple_box .input_basic.mid {
  width: 50%;
}
.table_simple_box .input_basic.min {
  width: 10%;
}
.table_simple_box .input_basic.tel {
  min-width: 80px;
  width: 15%;
}
.table_simple_box .textarea_basic {
  border: 1px solid #d9d9d9;
  text-indent: 0;
  line-height: 1.8;
  padding: 0.2rem 0.4rem;
}
.table_simple_box .textarea_basic.full {
  width: 100%;
}
.table_simple_box .textarea_basic.full + .full {
  margin: 0.5rem 0 0;
}
.table_simple_box .textarea_basic.max {
  width: 70%;
}
.table_simple_box .textarea_basic.mid {
  width: 50%;
}
.table_simple_box .textarea_basic.min {
  width: 10%;
}
.table_simple_box .textarea_basic.tel {
  min-width: 80px;
  width: 15%;
}
.table_simple_box .select_basic {
  border: 1px solid #d9d9d9;
  text-indent: 0.5rem;
  line-height: 2.6;
  background: url(../img/arrow-down2.png) no-repeat #fff right 1.6rem center;
}
.table_simple_box .select_basic.full {
  width: 100%;
}
.table_simple_box .select_basic.max {
  width: 70%;
}
.table_simple_box .select_basic.mid {
  width: 50%;
}
.table_simple_box .select_basic.min {
  width: 10%;
}
.table_simple_box.vertical th {
  border: 1px solid #e1e1e1;
  background-color: #ededed;
  padding: 2rem 0;
  font-weight: bold;
}
.table_simple_box.vertical td {
  border: 1px solid #e1e1e1;
  padding: 1rem;
  text-align: center;
}
.table_simple_box.vertical .input_basic {
  line-height: 3;
}
.table_simple_box.vertical .select_basic {
  line-height: 3;
}
.table_simple_box.horizontal th {
  min-width: 96px;
  border: 1px solid #e1e1e1;
  background-color: #ededed;
  padding: 2rem 1rem;
  font-weight: bold;
}
.table_simple_box.horizontal td {
  border: 1px solid #e1e1e1;
  padding: 1rem;
  text-align: left;
}
.table_simple_box.horizontal .input_basic {
  line-height: 3;
}
.table_simple_box.horizontal .select_basic {
  line-height: 3;
}
.table_simple_box.vertical .table_simple_tr {
  display: flex;
  align-items: stretch;
  margin: 0;
  border: 1px solid #e1e1e1;
  border-bottom: 0;
}
.table_simple_box.vertical .table_simple_tr:last-child {
  border-bottom: 1px solid #e1e1e1;
}
.table_simple_box.vertical .table_simple_th {
  background-color: #ededed;
  padding: 2rem 0;
  font-weight: bold;
}
.table_simple_box.vertical .table_simple_td {
  padding: 1rem;
  text-align: center;
}
.table_simple_box.vertical .input_basic {
  line-height: 3;
}
.table_simple_box.vertical .select_basic {
  line-height: 3;
}
.table_simple_box.horizontal .table_simple_tr {
  display: flex;
  align-items: stretch;
  margin: 0;
  border: 1px solid #e1e1e1;
  border-bottom: 0;
}
.table_simple_box.horizontal .table_simple_tr:last-child {
  border-bottom: 1px solid #e1e1e1;
}
.table_simple_box.horizontal .table_simple_th {
  width: 20%;
  min-width: 96px;
  border-right: 1px solid #e1e1e1;
  background-color: #ededed;
  padding: 2rem 1rem;
  font-weight: bold;
}
.table_simple_box.horizontal .table_simple_td {
  width: 80%;
  padding: 1rem;
  text-align: left;
}
.table_simple_box.horizontal .table_simple_td.full {
  width: 100%;
}
.table_simple_box.horizontal .input_basic {
  line-height: 3;
}
.table_simple_box.horizontal .select_basic {
  line-height: 3;
}

@media (max-width: 1160px) {
  /* 테이블 타입 */
  .table_vertical {
    font-size: 1.4rem;
  }
  .table_horizontal {
    font-size: 1.4rem;
  }
  .table_scroll {
    position: relative;
  }
  .table_scroll::-webkit-scrollbar-track {
    background: rgba(162, 163, 163, 0.1);
  }
  .table_scroll .scroll-induce {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 999;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.4);
  }
  .table_scroll .scroll-induce .arrows {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 40px;
    height: 40px;
    transform: translate(-50%, -50%) rotate(270deg);
  }
  .table_scroll .scroll-induce .arrows:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    border-left: 13.3333333333px solid rgba(0, 0, 0, 0.7);
    border-bottom: 13.3333333333px solid rgba(0, 0, 0, 0.7);
    transform: translate(13.3333333333px, 53.3333333333px) rotate(-45deg);
    animation: scroll-arrows 3s linear infinite;
  }
  .table_scroll .scroll-induce .arrows:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    border-left: 13.3333333333px solid rgba(0, 0, 0, 0.7);
    border-bottom: 13.3333333333px solid rgba(0, 0, 0, 0.7);
    transform: translate(26.6666666667px, 0px) rotate(-45deg);
    animation: scroll-arrows 3s linear infinite -1.5s;
  }
  @keyframes scroll-arrows {
    0% {
      border-left: 13.3333333333px solid rgba(0, 0, 0, 0);
      border-bottom: 13.3333333333px solid rgba(0, 0, 0, 0);
      transform: translate(-6.6666666667px, -26.6666666667px) rotate(-45deg);
    }
    10%, 90% {
      border-left: 13.3333333333px solid rgba(0, 0, 0, 0);
      border-bottom: 13.3333333333px solid rgba(0, 0, 0, 0);
    }
    50% {
      border-left: 13.3333333333px solid rgba(0, 0, 0, 0.7);
      border-bottom: 13.3333333333px solid rgba(0, 0, 0, 0.7);
      transform: translate(-6.6666666667px, 0px) rotate(-45deg);
    }
    100% {
      border-left: 13.3333333333px solid rgba(0, 0, 0, 0);
      border-bottom: 13.3333333333px solid rgba(0, 0, 0, 0);
      transform: translate(-6.6666666667px, 26.6666666667px) rotate(-45deg);
    }
  }
}
@media (max-width: 767px) {
  .pc_item {
    display: none !important;
  }
  .mo_item {
    display: block !important;
  }
  /*
  ┌──────────────────────┐
  ◆ START flex style 
  └──────────────────────┘ */
  .flex_wrap {
    display: flex;
  }
  .flex_wrap.gap05 {
    gap: 0.2rem;
  }
  .flex_wrap.gap1 {
    gap: 0.5rem;
  }
  .flex_wrap.gap2 {
    gap: 1rem;
  }
  .flex_wrap.gap3 {
    gap: 1.5rem;
  }
  .flex_wrap.column {
    flex-direction: column;
  }
  .flex_wrap.column.mo_row {
    flex-direction: row;
  }
  .flex_wrap.row {
    flex-direction: row;
  }
  .flex_wrap.row.mo_column {
    flex-direction: column;
  }
  .flex_wrap.mo_row {
    flex-direction: row;
  }
  .flex_wrap.mo_column {
    flex-direction: column;
  }
  /* ◆ END flex style */
  .category_tab_box li:nth-child(8) {
    margin-left: initial;
  }
  .category_tab_box li:nth-child(7) ~ li {
    margin-top: initial;
  }
  .category_tab_box li:nth-child(7n+1) {
    margin-left: initial;
  }
  .category_tab_box .cate_scroll {
    display: inline-flex;
    width: 100%;
    overflow-x: scroll;
    margin-top: 3rem;
    margin-bottom: 5rem;
  }
  .category_tab_box ul {
    flex-wrap: nowrap;
    justify-content: flex-start;
    width: auto;
    margin-bottom: 3rem;
  }
  .category_tab_box li {
    height: 4rem;
    width: 120px;
  }
  .category_tab_box li:nth-child(4) {
    margin-left: 0;
  }
  .category_tab_box li:nth-child(3) ~ li {
    margin-top: -1px;
  }
  /* 테이블 타입 */
  .table_vertical {
    font-size: 1.4rem;
  }
  .table_horizontal {
    font-size: 1.4rem;
  }
  .info_txt {
    display: inline-block;
    width: 100%;
    text-align: center;
    font-size: 1.3rem;
  }
  .info_txt.small {
    font-size: 1.3rem;
    line-height: 1.2;
  }
  .info_txt.default {
    font-size: 1.4rem;
    line-height: 1.6;
  }
  .info_txt.big {
    font-size: 1.6rem;
    line-height: 2;
  }
  /* 라디오박스 공통 */
  .radio_box {
    margin-bottom: 1rem;
    display: flex;
    gap: 3rem;
  }
  .radio_box label {
    width: auto;
    height: 5rem;
    line-height: 5rem;
    font-size: 1.6rem;
    cursor: pointer;
  }
  .radio_box input {
    width: auto;
    height: 5rem;
    line-height: 5rem;
    border: 1px solid #ccc;
    text-indent: 0.5rem;
    font-size: 1.6rem;
  }
  .radio_box [type=radio] {
    width: 12px;
    height: 12px;
    margin-right: 0.4rem;
    vertical-align: middle;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: 50%;
    border: 0.1em solid #8d8d8d;
    transition: border 0.5s ease-in-out;
    background-color: #fff;
    box-shadow: none;
    opacity: 0.7;
    cursor: not-allowed;
  }
  .radio_box [type=radio]:checked {
    border: 0.25em solid #222222;
    background-color: #fff;
    opacity: 1;
  }
}
@media (max-width: 480px) {
  .container {
    padding: 0 1rem;
  }
  .category_tab_box h3 {
    font-size: 2.4rem;
  }
  .category_tab_box li a {
    font-size: 1.3rem;
  }
}
@media (max-width: 280px) {
  .container {
    padding: 0 0.5rem;
  }
  .location_box {
    margin-bottom: 2rem;
  }
}
@media print {
  /* START 프린트 공통 */
  html {
    font-size: 10px;
  }
  html, body {
    margin: 0;
    padding: 0;
    page-break-after: avoid;
    page-break-before: avoid;
  }
  .modal-open .modal_wrap {
    display: block;
    position: relative;
    top: initial;
    right: initial;
    bottom: initial;
    left: initial;
    width: 210mm;
    background-color: transparent;
  }
  .modal_inner {
    width: 100%;
    max-height: initial;
  }
  .modal_cont {
    border: 0;
    border-radius: 0;
    box-shadow: none;
  }
  .modal_head {
    padding: 0.5rem 0;
  }
  .modal_body {
    width: 100%;
    max-height: initial;
    margin: 0;
    padding: 0;
    box-shadow: none;
  }
  .modal_table {
    min-width: 100%;
    width: 100%;
    margin: 2rem 0 0;
  }
  .modal_table th {
    padding: 1rem 0;
  }
  .modal_table td {
    padding: 0.5rem 0;
  }
  .modal_table th, .modal_table td {
    font-size: 1.4rem;
    line-height: 1.6;
  }
  .modal-open, .modal-open .modal_wrap,
  .modal_body_scroll_use,
  .table_scroll {
    overflow-y: visible;
    overflow-x: visible;
  }
  #header, #footer, #aside, .mypageNav .modal_foot,
  .btn-modal-close, .btn_print, .no_print_item,
  .table_scroll .scroll-induce, .table_scroll .scroll-induce .arrows,
  .section_mypage {
    display: none;
  }
  .print_page_break {
    page-break-inside: avoid;
    page-break-after: auto;
  }
  /* END 프린트 공통 */
}/*# sourceMappingURL=common.css.map */