@charset "utf-8";
@import url('common.css?version=20241209-1');
@import url('tqc2.css?version=20250619-1');

.flex {
  display: flex;
}

.flex_column {
  flex-direction: column;
}

.space_between {
  justify-content: space-between;
}

.item_center {
  align-items: center;
}

.w-full {
  width: 100%;
}

.row {
  display: flex;
  flex-wrap: wrap;
  margin-left: -3px;
  margin-right: -3px;
}

[class^="w-"] {
  padding-left: 3px;
  padding-right: 3px;
  box-sizing: border-box;
}

.w-1 {
  width: 8.3333%;
}

.w-2 {
  width: 16.6667%;
}

.w-3 {
  width: 25%;
}

.w-4 {
  width: 33.3333%;
}

.w-5 {
  width: 41.6667%;
}

.w-6 {
  width: 50%;
}

.w-7 {
  width: 58.3333%;
}

.w-8 {
  width: 66.6667%;
}

.w-9 {
  width: 75%;
}

.w-10 {
  width: 83.3333%;
}

.w-11 {
  width: 91.6667%;
}

.w-12 {
  width: 100%;
}

#loading {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  position: fixed;
  display: none;
  opacity: 1;
  background: rgba(255, 255, 255, 0.7);
  z-index: 9998;
  text-align: center;
}

#loading-image {
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -25px 0 0 -25px;
  z-index: 9999;
}

body {
  background: #f9f9f9;
  height: 100%;
  overflow: visible;
}

body>form[name='loginForm'] {
  height: 100%;
}

.wrap {
  /* max-width: 640px; */
  width: 100%;
  margin: 0 auto;
  background: #f5f5f5;
  position: relative;
  overflow: hidden;
  min-height: 100%;
}

.wrap .wrap_in {
  overflow: hidden;
  max-width: 640px;
  margin: 0 auto;
  height: 100%;
  background: #fff;
  min-height:calc(100vh - 20px);
}

.wrap .wrap_in_dome .container.h100vh {
  height: 100vh;
}

.background_content {
  display: block;
  position: fixed;
  right: calc(50% - 580px);
  bottom: 20px;
  border: 1px solid #f27226;
  background: #fff url(/images/deep_background.png) no-repeat;
  z-index: 5;
}

.background_content .content_group {
  display: flex;
  padding: 16px;
  flex-direction: column;
  gap: 14px;
}

.background_content .content_group a {
  display: flex;
  align-items: flex-end;
  gap: 10px;
}

.background_content .content_group .img_qr {
  width: 150px;
  aspect-ratio: 1/1;
  background: #fff;
  border-radius: 8px;
  padding: 10px;
}

.background_content .content_group .img_logo {
  width: 50px;
  aspect-ratio: 1/1;
  background: #f27226;
  border-radius: 8px;
}

.background_content .content_group .text_box p {
  font-size: 18px;
  font-weight: 700;
  color: #222;
}

.background_content .content_group .text_box span {
  font-size: 12px;
  font-weight: 700;
  color: #808284;
}

@media (max-width: 1020px) {
  .background_content {
    display: none;
  }
}

.splash_set {
  max-width: 640px;
  width: 100%;
  height: 100vh;
  position: relative;
  overflow: hidden;
}

.splash {
  width: 100%;
  height: 100%;
  overflow: hidden;
  position: absolute;
  background: #fff;
  left: -1px;
  top: 0px;
  bottom: 0;
  transform: translateX(0);
  z-index: 11;
}

.splash_in {
  width: 100%;
  height: 100%;
  position: relative;
}

.splash_in>a>img {
  width: 100%;
  object-fit: cover;
  height: 100%;
}

.splash_in>a {
  display: block;
  width: 100%;
  height: 100%;
}

.splash_in .txt_box {
  position: absolute;
  top: 30%;
  left: 8%;
}

.splash_in .txt_box .tit {
  font-size: 32px;
  font-weight: bold;
  line-height: 1.3;
  font-weight: bold;
  color: #fff;
}

.splash_in .txt_box .txt {
  font-size: 16px;
  color: #fff;
  margin-top: 15px;
}

.splash_in .foot_logo {
  position: absolute;
  bottom: 5%;
  left: 50%;
  transform: translateX(-50%);
}

.splash_in .foot_logo img {
  width: 157px;
}

.splash_in .btn_arr {
  margin-left: -10px;
}

.splash_in .btn_arr img {
  width: 84px;
  margin-top: 20px;
}

.wrap .head {
  position: relative;
  z-index: 202;
  border-bottom: 1px solid #ebebeb;
}

.wrap .main_div .head {
  border-bottom: none;
}

.wrap.sc .head {
  /* box-shadow: 0px 3px 5px 0px rgb(0 0 0 / 10%); */
  border-bottom: none;
  box-shadow: 0px 0px 30px 0px rgb(0 0 0 / 7%)
}

.wrap.sc {
  padding-top: 60px;
}

.wrap.sc .head {
  position: fixed;
  top: 0px;
  left: 50%;
  z-index: 202;
  background: #fff;
  width: 100%;
  max-width: 640px;
  transform: translateX(-50%);
}

.head_in {
  overflow: hidden;
  position: relative;
  height: 60px;
  background: #fff;
  text-align: center;
}

.head h1 {
  position: absolute;
  top: 10px;
  left: 50%;
  transform: translateX(-50%);
  width: calc(100% - 120px);
}

.head h1 img {
  width: 130px;
  margin-left: -10px;
}

.head h1 span.title {
  font-size: 20px;
  font-weight: bold;
  display: inline-block;
  margin-top: 5px;
  width: calc(100% - 80px);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.head .btn_menu {
  display: block;
  width: 24px;
  height: 24px;
  background: url('/images/btn_menu.png') no-repeat center center / 24px 24px;
  position: absolute;
  right: 24px;
  top: 19px;
  text-indent: -50000px;
  overflow: hidden;
  cursor: pointer;
}

.head .btn_back {
  display: block;
  width: 24px;
  height: 24px;
  background: url('/images/btn_back.png') no-repeat center center / 21px 16px;
  position: absolute;
  left: 24px;
  top: 19px;
  text-indent: -50000px;
  overflow: hidden;
  cursor: pointer;
}

.head .btn_close {
  display: block;
  width: 24px;
  height: 24px;
  background: url('/images/tot_clo.png') no-repeat center center / 28px;
  position: absolute;
  left: 24px;
  top: 19px;
  text-indent: -50000px;
  overflow: hidden;
  cursor: pointer;
  border: 0;
}

.head .btn_close.right {
  left: inherit;
  right: 24px;
}

.head .btn_more {
  display: block;
  width: 24px;
  height: 24px;
  background: url('/images/more_horiz.png') no-repeat center center / 28px;
  position: absolute;
  right: 24px;
  top: 19px;
  text-indent: -50000px;
  overflow: hidden;
  cursor: pointer;
}

.head .resvCheck_link {
  display: inline-block;
  height: 25px;
  padding: 3px 8px;
  border-radius: 2px;
  background: #f27226;
  color: #fff;
  position: absolute;
  right: 24px;
  top: 18px;
  cursor: pointer;
  font-size: 12px;
}

@media (max-width: 640px) {
  .head h1.pos_left {
    left: 24px;
    transform: none;
    text-align: left;
  }

  .head h1.pos_left span.title {
    width: 100%;
  }
}

.container {
  position: relative;
}

.footer {
  overflow: hidden;
  background: #f8f8fa;
  padding: 12px 24px 70px 24px;
  border: 1px solid #efefef;
  clear: both;
}

.foot_top {
  border-bottom: 1px solid #d9d9df;
  overflow: hidden;
  padding-bottom: 13px;
  position: relative;
}

.foot_top .tit {
  font-size: 13px;
  font-weight: bold;
  line-height: 13px;
  letter-spacing: -0.35px;
  text-align: left;
  color: #222;
  margin-top: 4px;
}

.foot_top .txt {
  font-size: 12px;
  line-height: 18px;
  letter-spacing: -0.6px;
  text-align: left;
  color: #433e50;
  margin-top: 11px;
}

.btn_call {
  height: 30px;
  width: 92px;
  border-radius: 3px;
  border: solid 1px #d9d9d9;
  background: #fff url('/images/call_solid.png') no-repeat left 12px center / 20px auto;
  position: absolute;
  right: 0px;
  top: 10px;
  display: block;
  font-size: 12px;
  color: #222;
  line-height: 28px;
  padding-left: 37px;
}

.foot_btm {
  margin-top: 15px;
  overflow: hidden;
  position: relative;
}

.foot_btm .tit {
  font-size: 10px;
  line-height: 17px;
  letter-spacing: -0.3px;
  color: #433e50;
  font-weight: bold;
}

.foot_btm .fb_ul {}

.foot_btm .fb_ul li {
  overflow: hidden;
}

.foot_btm .fb_ul dt {
  font-size: 10px;
  line-height: 17px;
  letter-spacing: -0.3px;
  color: #999;
  float: left;
}

.foot_btm .fb_ul dd {
  font-size: 10px;
  line-height: 17px;
  letter-spacing: -0.3px;
  color: #433e50;
  float: left;
  margin-left: 10px;
}

.foot_btm .txt {
  font-size: 10px;
  line-height: 17px;
  letter-spacing: -0.3px;
  color: #433e50;
  margin-top: 30px;
  max-width: 350px;
}

.foot_btm .sns {
  position: absolute;
  right: 0px;
  top: 0px;
}

.foot_btm .sns li {
  float: left;
}

.foot_btm .sns li a {
  display: inline-block;
  width: 35px;
  height: 25px;
  text-indent: -50000px;
}

.foot_btm .sns li.ins a {
  background: url('/images/ico_ins.png') no-repeat center center / 18px auto;
}

.foot_btm .sns li.face a {
  background: url('/images/ico_face.png') no-repeat center center / 10px auto;
}

.foot_btm .sns li.you a {
  background: url('/images/ico_you.png') no-repeat center top 4px / 22px auto;
}

.foot_btm .sns li.blog a {
  background: url('/images/ico_blog.png') no-repeat center center / 22px auto;
}

.foot_btns {
  margin-top: 20px;
  overflow: hidden;
}

.foot_btns li {
  float: left;
  padding-right: 10px;
  margin-right: 9px;
  position: relative;
}

.foot_btns li::before {
  content: '';
  display: block;
  height: 11px;
  width: 1px;
  background: #d4d4d8;
  position: absolute;
  right: 0px;
  top: 4px;
}

.foot_btns li:last-child:before {
  display: none;
}

.foot_btns li a {
  font-size: 12px;
  color: #433e50;
}

.foot_btm .copy {
  clear: both;
  overflow: hidden;
  margin-top: 22px;
  font-size: 10px;
  line-height: 17px;
  letter-spacing: -0.5px;
  color: #433e50;
}

.tot_menu {
  display: none;
}

.tot_menu_in {
  background: #fff;
  height: 100%;
  position: fixed;
  z-index: 203;
  width: 100%;
  top: 0;
  right: 0%;
  max-width: 640px;
  transform: translateX(50%);
  overflow-y: auto;
}

/* .tot_menu_in .log_box {margin-top: 45px;} */
.log_box {
  background: #f8f8f7;
  width: 100%;
  overflow: hidden;
  padding: 0 24px 20px;
  position: relative;
}

/* .log_box .pf_set {
  padding-top: 33px;
  position: relative;
} */
.log_box .pf_set {
  padding-top: 48px;
  position: relative;
}

.log_box .pf_set .pic {
  float: left;
  width: 60px;
  height: 60px;
  background: url('/images/bg_pf.png') no-repeat center center / 60px 60px;
  border-radius: 50% 50%;
  border: 3px solid #e0e0e0;
  position: relative;
  margin-right: 20px;
}

.log_box .pf_set.grade .pic.grade_0 {
  border: 3px solid #0c1c2f;
}

.log_box .pf_set.grade .pic.grade_1 {
  border: 3px solid #602c11;
}

.log_box .pf_set.grade .pic.grade_2 {
  border: 3px solid #818181;
}

.log_box .pf_set.grade .pic.grade_3 {
  border: 3px solid #b58606;
}

.log_box .pf_set.grade .pic.grade_4 {
  border: 3px solid #0c1c2f;
}

.log_box .pf_set.grade .pic.grade_5 {
  border: 3px solid #a34b15;
}

.log_box .pf_set .grade_bat {
  display: none;
  position: absolute;
  right: -3px;
  bottom: -3px;
}

.log_box .pf_set.grade .grade_bat img {
  width: 18px;
  height: 18px;
}

.log_box .pf_set.grade .grade_bat {
  display: block;
}

.log_box .pf_set.gold .pic {
  border: 3px solid #d6ac42;
}

.log_box .pf_set .gold_bat {
  display: none;
  position: absolute;
  right: -3px;
  bottom: -3px;
}

.log_box .pf_set.gold .gold_bat img {
  width: 18px;
  height: 18px;
}

.log_box .pf_set.gold .gold_bat {
  display: block;
}

.log_box .pf_set .pic img {
  width: 100%;
  height: 100%;
  border-radius: 50% 50%;
  object-fit: cover;
  object-position: center center;
}

.log_box .pf_set .txt_box {
  float: left;
  /* margin-left: 20px; */
  overflow: hidden;
}

.log_box .pf_set .txt_box .tit1 {
  font-size: 16px;
  font-weight: bold;
  margin-top: 3px;
  position: relative;
}

.log_box .pf_set .txt_box .tit1 .arr {
  display: inline-block;
  width: 20px;
  height: 20px;
  background: url('/images/arr_right.png') no-repeat center center / 20px auto;
  position: relative;
  right: 0;
  bottom: -5px;
}

.log_box .pf_set .txt_box .round {
  display: inline-block;
  font-size: 12px;
  color: #888;
  padding: 2px 2px 2px 6px;
  border: 1px solid #888;
  border-radius: 14px;
  background: #fff;
  margin-left: 4px;
}

.log_box .pf_set .txt_box .round::after {
  content: '';
  display: inline-block;
  width: 16px;
  height: 16px;
  background: url(/images/arr_right.png) no-repeat;
  background-size: contain;
  vertical-align: text-bottom;
}

.log_box .pf_set .txt_box .tit1 {
  font-size: 12px;
  color: #8e8e8e;
}

.log_box .pf_set .txt_box .tit1 a {
  text-decoration: underline;
  text-underline-position: under;
}

.log_box .pf_set .txt_box .tit2 {
  font-size: 16px;
  font-weight: bold;
  margin-top: 6px;
}

.log_box .pf_set .txt_box .link_a {
  position: relative;
  color: #767676;
}

.log_box .pf_set .txt_box .link_a span {
  display: inline-block;
  width: 20px;
  height: 20px;
  background: url(/images/arr_right.png) right -4px bottom -4px / 20px auto;
  color: #;
}

.log_box .pf_set .txt_box .link_a::after {
  content: '';
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 1px;
  background-color: #767676;
}

.log_box .pf_set .txt_box .txt {
  font-size: 16px;
  color: #8e8e8e;
  margin-top: 6px;
}

.log_box .pf_set .btn_set {
  position: absolute;
  top: 20px;
  right: 0px;
}

.log_box .pf_set .btn_set.type2 {
  right: 40px;
}

.log_box .pf_set .btn_set ul {
  display: flex;
}

.log_box .pf_set .btn_set ul li {
  margin-left: 20px;
  position: relative;
}

.log_box .pf_set .btn_set ul li:nth-of-type(1) {
  margin-left: 0px;
}

.log_box .pf_set .btn_set ul li .new {
  width: 4px;
  height: 4px;
  border-radius: 50% 50%;
  background: #f27226;
  position: absolute;
  right: 0;
  top: 0;
}

.log_box .pf_set .btn_set ul li button {
  width: 25px;
  height: 25px;
  border: none;
}

.log_box .pf_set .btn_set ul li button.btn_bell {
  background: url('/images/ico_bell.png') no-repeat center center / 25px 25px;
}

.log_box .pf_set .btn_set ul li button.btn_cart {
  background: url('/images/ico_cart.png') no-repeat center center / 25px 25px;
}

.log_box .pf_set .btn_set ul li button.btn_setting {
  background: url('/images/ico_set.png') no-repeat center center / 25px 25px;
}

/* 수정 */
.log_box .clo {
  width: 24px;
  height: 24px;
  background: url('/images/tot_clo.png') no-repeat center center / 24px 24px;
  position: absolute;
  right: 20px;
  top: 20px;
  border: none;
}

.point_box {
  display: flex;
  width: 100%;
  align-items: center;
  background: #fff;
  border-radius: 5px;
  margin-top: 14px;
}

.point_box .p_div {
  text-align: center;
  width: 25%;
  padding: 14px 0;
  position: relative;
}

.point_box .p_div:not(:last-of-type)::after {
  position: absolute;
  display: block;
  content: '';
  width: 1px;
  height: 12px;
  background: #b2b2b2;
  top: 50%;
  right: 0;
  transform: translateY(-6px);
}

.point_box .p_div .p_div_list {}

.point_box .p_div .p_div_list .p_div_list_value {
  display: none;
}

.point_box .p_div .p_div_list .p_div_list_value.on {
  display: block;
  font-size: 14px;
  font-weight: bold;
  color: #f27226;
  letter-spacing: -0.7px;
  padding-bottom: 4px;
}

.point_box .p_div .p_div_list .p_div_list_title {
  font-size: 13px;
  color: #8e8e8e;
  letter-spacing: -0.7px;
}

.point_box .p_div .p_div_list .p_div_list_title.on {
  color: #191919;
}

/* 임시 */
.point_box .p_div {
  width: 50%;
  padding: 14px;
}

.point_box .p_div dl {
  display: flex;
  justify-content: center;
  position: relative;
}

.point_box .p_div dd {
  padding-left: 16px;
  color: #f27226;
  font-weight: bold;
}

.point_box .p_div .info_a {
  display: none;
}

.list_box {
  display: none;
  width: 100%;
  justify-content: space-between;
  align-items: center;
  margin-top: 10px;
  gap: 8px;
}

.list_box.on {
  display: flex;
}

.list_box .p_div {
  position: relative;
  text-align: center;
  padding: 14px 0;
  position: relative;
  background: #fff;
  border-radius: 5px;
  width: 100%;
}

.list_box .p_div .p_div_list_title {
  position: relative;
}

.list_box .p_div .p_div_list_title .new {
  width: 4px;
  height: 4px;
  border-radius: 50% 50%;
  background: #f27226;
  position: absolute;
  right: -8px;
}

.aside {
  padding: 0 24px;
  padding-top: 20px;
  padding-bottom: 50px;
}

.aside>ul>li>a {
  padding-left: 30px;
  line-height: 50px;
  font-size: 16px;
  display: block;
  height: 50px;
  width: 100%;
  position: relative;
}

.aside>ul>li.on>a {
  color: #f27226;
}

.aside>ul>li.camt.on>a,
.aside>ul>li.event.on>a,
.aside>ul>li.coupon.on>a,
.aside>ul>li.camping_point.on>a,
.aside>ul>li.roul.on>a {
  color: #000;
}

.aside>ul>li>a .arr {
  width: 20px;
  height: 20px;
  background: url('/images/tot_arr.png') no-repeat center center / 20px auto;
  position: absolute;
  right: 15px;
  top: 16px;
}

.aside>ul>li.on>a .arr {
  transform: rotate(180deg);
}

.aside>ul>li {
  border-bottom: 1px solid #e5e5e7;
}

.aside>ul>li:nth-last-of-type(1) {
  border-bottom: 0px;
}

.aside>ul>li.cam>a {
  background: url('/images/ico_tot08.png') no-repeat left center / 15px auto;
}

.aside>ul>li.res>a {
  background: url('/images/ico_tot01.png') no-repeat left center / 15px auto;
}

.aside>ul>li.shop>a {
  background: url('/images/ico_tot02.png') no-repeat left center / 16.5px auto;
}

.aside>ul>li.coupon>a {
  background: url('/images/ico_tot09.png') no-repeat left center / 15px auto;
}

.aside>ul>li.camping_point>a {
  background: url('/images/ico_tot10.png') no-repeat left center / 15px auto;
}

/* .aside > ul > li.camping_point.on > a {background: url("/images/ico_tot11.png") no-repeat left center / 15px auto;} */
.aside>ul>li.cam.on>a {
  background: url('/images/ico_tot08_on.png') no-repeat left center / 15px auto;
}

.aside>ul>li.qdome.on>a {
  background: url('/images/ico_tot_dome.png') no-repeat left center / 15px auto;
}

.aside>ul>li.res.on>a {
  background: url('/images/ico_tot01_on.png') no-repeat left center / 15px auto;
}

/* .aside > ul > li.coupon.on > a {background: url("/images/ico_tot09_on.png") no-repeat left center / 15px auto;} */
.aside>ul>li.shop.on>a {
  background: url('/images/ico_tot02_on.png') no-repeat left center / 16.5px auto;
}

.aside>ul>li.plan>a {
  background: url('/images/ico_tot03.png') no-repeat left center / 16.5px auto;
}

.aside>ul>li.camt>a {
  background: url('/images/ico_tot04.png') no-repeat left center / 15px auto;
}

.aside>ul>li.roul>a {
  background: url('/images/ico_tot05.png') no-repeat left center / 15px auto;
}

.aside>ul>li.wri.on>a {
  background: url('/images/ico_tot06_on.png') no-repeat left center / 16px auto;
}

.aside>ul>li.cus.on>a {
  background: url('/images/ico_tot07_on.png') no-repeat left center / 14px auto;
}

.aside>ul>li.cus a span {
  font-size: 12px;
  float: right;
  color: #433e50;
}

.aside>ul>li.event>a {
  background: url('/images/ico_tot12.png') no-repeat left center / 16.5px auto;
}

.aside .m_div {
  overflow: hidden;
  padding-bottom: 20px;
}

.aside.type2 .m_div {
  overflow: hidden;
  padding-bottom: 40px;
}

.aside .m_div>ul li {
  width: calc(50% - 0.5px);
  margin-bottom: 1px;
}

.aside .m_div>ul li:nth-child(odd) {
  float: left;
}

.aside .m_div>ul li:nth-child(even) {
  float: right;
}

.aside .m_div>ul li a {
  width: 100%;
  height: 44px;
  background: #f6f6f6;
  display: block;
  text-align: center;
  font-size: 14px;
  line-height: 44px;
}

.aside .m_div>ul li.w100per {
  width: 100%;
}

.aside .m_div p {
  font-size: 12px;
  color: #433e50;
  text-align: right;
  margin-top: 6px;
}

.aside .m_div p span {
  color: #f27226;
}

.aside .m_div>ul::after {
  content: '';
  display: block;
  clear: both;
}

@media (max-width: 360px) {
  .aside>ul>li.cus a span {
    line-height: 1;
    display: block;
    float: inherit;
    margin-top: -10px;
  }

  .aside>ul>li.cus .m_div ul {
    margin-top: 12px;
  }
}

.clg_btn {
  display: block;
  text-align: center;
  height: 50px;
  font-size: 14px;
  border-radius: 7.5px;
  border: 1px solid #f27226;
  background: #f6f8f9;
  margin: 0 24px;
  line-height: 50px;
  margin-top: 30px;
  margin-bottom: 25px;
}

.clg_btn .q_sp {
  color: #f27226;
  font-weight: bold;
}

.tot_menu_in .banner_div {
  padding: 0 24px;
}

.tot_menu_in .banner_div a img {
  width: 100%;
}

.tot_menu_in .banner_div img {
  width: 100%;
}

.tot_menu_in .aside {
  padding-bottom: 0px;
}

/* .aside_btns {height:57px;  box-shadow: 0 0 35px 0 rgba(0, 0, 0, 0.05);margin-top: 27px;overflow: hidden;margin-bottom: 30px;} */
.aside_btns {
  height: 57px;
  box-shadow: 0 0 35px 0 rgba(0, 0, 0, 0.05);
  margin-top: 27px;
  overflow: hidden;
  background: #fff;
  position: sticky;
  bottom: 0;
  z-index: 100;
  width: 100%;
}

.aside_btns ul li {
  width: calc(50% - 10px);
  text-align: center;
}

.aside_btns ul li:nth-child(1) {
  float: left;
}

.aside_btns ul li:nth-child(2) {
  float: right;
}

.aside_btns ul li a {
  font-size: 15px;
  line-height: 57px;
  text-align: left;
  color: #191919;
}

.aside_btns ul li.log a {
  padding-left: 27px;
  display: inline-block;
  background: url('/images/icon_exit_solid.png') no-repeat left center / 20px auto;
}

.aside_btns ul li.my a {
  padding-left: 27px;
  display: inline-block;
  background: url('/images/icon_user_solid.png') no-repeat left center / 20px auto;
}

.com_in {
  padding: 0 24px;
}

.search_sec {}

.search_sec::after {
  content: '';
  display: block;
  width: 100%;
  height: 0px;
  background: #ededed;
  margin-top: 20px;
}

.search_sec .sear_tit {
  font-size: 24px;
  line-height: 30px;
  letter-spacing: -0.6px;
  text-align: center;
  color: #222;
  text-align: center;
  margin-top: 21px;
}

.sear_box input[type='search'] {
  appearance: none;
  background: #fff;
}

.sear_box input[type='search']:hover {
  appearance: none;
}

.sear_box input[type='search']::-webkit-calendar-picker-indicator {
  opacity: 0;
}

.sear_set {
  border-radius: 8px;
  border: solid 1px #EBEBEB;
  background-color: #fff;
  max-width: 400px;
  margin: 0 auto;
  position: relative;
  overflow: hidden;
  margin-top: 20px;
}

.sear_set:focus-within {
  border-color: transparent;
  outline: solid 2px #F27226;
}

.sear_set input {
  border: none;
  height: 50px;
  text-indent: 10px;
  width: calc(100% - 48px);
  outline: none;
  border-radius: 7.5px;
  font-size: 14px;
  float: left;
  background: url('/images/search/search.png') no-repeat 16px center / 24px auto;
  padding-left: 32px;
}

.sear_set button.btn_srh {
  border: none;
  height: 40px;
  width: 40px;
  background: #fff;
  position: relative;
  background: url('/images/ico_sear.png') no-repeat center center / 20px auto;
  right: 0px;
  top: 5px;
}

.sear_set button.btn_srh_view {
  display: none;
}

.shop_search {
  padding: 0 24px;
}

.wrap_in_dome .shop_search {
  padding: 70px 24px 0px 24px;
}

.sear_set.type2 {
  max-width: inherit;
  margin-top: 0px;
  margin-bottom: 24px;
}

.sear_set.type3 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  max-width: inherit;
  margin-top: 0px;
  margin-bottom: 24px;
  box-shadow: none;
  border: inherit;
  background-color: inherit;
}

.sear_set.type3 input {
  width: calc(100% - 66px);
  border-radius: 7.5px;
  border: solid 1px #f27226;
  background-color: #fff;
}

.sear_set.type3 button.btn_srh {
  top: 0px;
  border-radius: 7.5px;
  background: url('/images/ico_sear_w.png') no-repeat center center / 20px auto #f27226;
  width: 60px;
  height: 50px;
}

.sear_menu {
  margin-top: 28px;
}

.sear_menu ul {
  display: flex;
}

.sear_menu ul li {
  width: 25%;
}

.sear_menu ul li .pic {
  width: 44px;
  border-radius: 50%;
  margin: 0 auto;
  height: 44px;
  background-color: rgba(242, 114, 38, 0.12);
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
}

.sear_menu ul li:nth-child(1) .pic img {
  width: 27px;
}

.sear_menu ul li:nth-child(2) .pic img {
  width: 29px;
}

.sear_menu ul li:nth-child(3) .pic img {
  width: 28px;
}

.sear_menu ul li:nth-child(4) .pic img {
  width: 25px;
}

.sear_menu ul li:nth-child(5) .pic img {
  width: 25px;
}

.sear_menu ul li .tit {
  font-size: 12px;
  font-weight: 500;
  line-height: 20px;
  letter-spacing: -0.6px;
  text-align: center;
  color: #191919;
  margin-top: 5px;
}

.qp_tx_div {
  height: 40px;
  width: 100%;
  border-radius: 5px;
  background-color: #effbff;
  text-align: center;
  font-family: 'Roboto';
  margin-top: 17px;
}

.qp_tx_div .txt {
  font-size: 17px;
  line-height: 40px;
}

.qp_tx_div .lg1 {
  font-weight: bold;
  text-decoration: underline;
  text-underline-position: under;
}

.qp_tx_div .lg2 {
  text-decoration: underline;
  text-underline-position: under;
}

.qp_tx_div .po {
  font-weight: bold;
}

.qp_tx_div .qp {
  font-weight: bold;
  color: #f27226;
}

.do_btns_sec {
  padding: 0 24px;
  margin-bottom: 20px;
}

.do_btns {
  overflow: hidden;
  padding-top: 22px;
}

.do_btns button {
  height: 50px;
  border-radius: 7.5px;
  border: solid 1px #d6d6d6;
  background-color: #f6f8f9;
  font-size: 14px;
  font-weight: 500;
  letter-spacing: -0.7px;
  text-align: center;
  color: #222;
  width: calc(50% - 7px);
  margin-bottom: 10px;
}

.do_btns button.btn_hu span {
  padding-left: 25px;
  background: url('/images/ico_human.png') no-repeat left center / 21px auto;
}

.do_btns button.btn_tr span {
  padding-left: 25px;
  background: url('/images/ico_truck.png') no-repeat left center / 18px auto;
}

.do_btns button.btn_pl span {
  padding-left: 25px;
  background: url('/images/ico_airplane.png') no-repeat left center / 16px auto;
}

.do_btns button.btn_sm span {
  padding-left: 25px;
  background: url('/images/ico_cool.png') no-repeat left center / 18px auto;
}

.do_btns button.btn_lo span {
  padding-left: 25px;
  background: url('/images/ico_long.png') no-repeat left center / 16px auto;
}

.do_btns button.btn1 {
  float: left;
}

.do_btns button.btn2 {
  float: right;
}

.do_btns button.btn3 {
  float: left;
}

.do_btns button.btn4 {
  float: right;
}

.do_btns button.btn5 {
  width: 100%;
  border: 1px solid #f27226;
}

/* 메인버튼 수정 css */

.do_btns_sec {
  padding: 0 24px;
  margin-top: 4px;
}

.do_btns {
  overflow: hidden;
  padding-top: 16px;
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  justify-content: space-between;
}

.do_btns button {
  height: 50px;
  border-radius: 7.5px;
  border: solid 1px #d6d6d6;
  background-color: #f6f8f9;
  font-size: 14px;
  font-weight: 500;
  letter-spacing: -0.7px;
  text-align: center;
  color: #222;
  width: calc(50% - 7px);
}

.do_btns button.btn_lo span {
  padding-left: 25px;
  background: url('/images/ico_long.png') no-repeat left center / 16px auto;
}

.do_btns button.btn5 {
  width: 100%;
  border: 1px solid #f27226;
}

.do_btns a {
  /* width: calc((100% - 30px) / 5); */
  width: 22%;
  height: 80px;
  color: #222;
  display: flex;
  flex-direction: column;
  position: relative;
  align-items: center;
  justify-content: flex-start;
  border-radius: 7.5px;
}

.do_btns a span {
  position: absolute;
  right: 0;
  top: 0;
  color: #fff;
  background: #ff1718;
  border-radius: 7.5px 7.5px 0px;
  font-weight: bold;
  font-size: 9px;
  padding: 2px 0;
  width: 40px;
  text-align: center;
}

/* .do_btns a.btn06 span {
  background: #2db9c4;
} */

.do_btns a.btn_w img {
  width: 3.5rem;
  height: auto;
}

.do_btns a img,
.do_btns a object {
  position: relative;
  z-index: 10;
  /* width: fit-content; */
  height: 3rem;
}

.do_btns a img.ml-4 {
  margin-left: 4px;
}

.do_btns a img.ml-8 {
  margin-left: 8px;
}

.do_btns a p {
  margin-top: 4px;
  font-size: 12px;
  line-height: 1;
  text-align: center;
}

.do_btns.type2 a {
  width: calc((100% - 10px) / 2);
  flex-direction: inherit;
  background: #f6f8f9;
}

.do_btns.type2 a p {
  font-size: 16px;
  margin-left: 8px;
}

.event_menu_sec {
  position: relative;
}

/* .event_menu_sec::before {content: ""; display: flex; position: absolute; top: 0; left: 0; width: calc(100% - 48px); height: 100%; background-color: #f5f5f5;} */
.event_swiper {
  position: relative;
  padding: 0px 24px;
}

.event_swiper .swiper-slide {
  overflow: hidden;
  border-radius: 8px;
}

.event_swiper .swiper-slide a img {
  width: 100%;
}

.event_menu_sec .pagination_com .swiper-pagination-bullet {
  background: #dedede;
}

.event_menu_sec .pagination_com .swiper-pagination-bullet-active {
  background: #ffae45;
}

.pagination_com {
  width: 100%;
  bottom: 24px;
  text-align: center;
}

.pagination_com .swiper-pagination-bullet {
  width: 6px;
  height: 6px;
  margin: 0 3px !important;
  background: #fff;
  opacity: 0.5;
}

.pagination_com .swiper-pagination-bullet-active {
  background: #fff;
  width: 6px;
  border-radius: 10px;
  opacity: 1;
}

.shop_slide_intro {
  position: relative;
}

.shop_slide_intro .pagination_com {
  position: absolute;
  bottom: 10px;
  z-index: 1;
}

.wrap {
  padding-bottom: 75px;
}

.wrap.pdb0 {
  padding-bottom: 0px;
}

.wrap .btm_foot {
  position: fixed;
  bottom: 0px;
  left: 50%;
  z-index: 11;
  /* background: #fff; */
  background: hsla(0, 0%, 100%, .9);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
}

.btm_foot {
  /* box-shadow: 0 -6px 6px 0 rgba(0, 0, 0, 0.05); */
  height: 75px;
  width: 100%;
  max-width: 640px;
  transform: translateX(-50%);
  box-shadow: 1px 0px 10px 0 rgba(0, 0, 0, 0.05);
}

.btm_foot.nopadding {
  padding: 0;
}

.nav_menu {}

.nav_menu ul {
  display: flex;
  padding: 16px 0;
}

.nav_menu ul li {
  width: 100%;
}

.nav_menu ul li a {
  position: relative;
  display: flex;
  width: 100%;
  flex-direction: column;
  gap: 8px;
  align-items: center;
  justify-content: center;
}

.nav_menu ul li .ico {
  width: 20px;
  height: 20px;
}

.nav_menu ul li .tit {
  font-size: 12px;
  line-height: 15px;
  letter-spacing: -0.6px;
  text-align: center;
  color: #767676;
}

/* .nav_menu ul li.on .tit {color:#f27226} */


.nav_menu ul li.li1 .ico {
  background: url('/images/btm_nav/btm_li1.svg') no-repeat center center / 20px auto;
}

.nav_menu ul li.li2 .ico {
  background: url('/images/btm_nav/btm_li2.svg') no-repeat center center / 20px auto;
}

.nav_menu ul li.li3 .ico {
  background: url('/images/btm_nav/btm_li3.svg') no-repeat center center / 20px auto;
}

.nav_menu ul li.li4 .ico {
  background: url('/images/btm_nav/btm_li4.svg') no-repeat center center / 20px auto;
}

.nav_menu ul li.li5 .ico {
  background: url('/images/btm_nav/btm_li5.svg') no-repeat center center / 20px auto;
}

.nav_menu ul li.on.li1 .ico {
  background: url("/images/btm_nav/btm_li1_on.svg") no-repeat center center /20px auto;
}

.nav_menu ul li.on.li2 .ico {
  background: url("/images/btm_nav/btm_li2_on.svg") no-repeat center center /20px auto;
}

.nav_menu ul li.on.li3 .ico {
  background: url("/images/btm_nav/btm_li3_on.svg") no-repeat center center /20px auto;
}

.nav_menu ul li.on.li4 .ico {
  background: url("/images/btm_nav/btm_li4_on.svg") no-repeat center center /20px auto;
}

.nav_menu ul li.on.li5 .ico {
  background: url("/images/btm_nav/btm_li5_on.svg") no-repeat center center /20px auto;
}

/* dome_nav */
.nav_menu.dome_nav ul li.li1 .ico {
  background: url('/images/mid_menu01.png') no-repeat center center / 40px auto;
}

.nav_menu.dome_nav ul li.li2 .ico {
  background: url('/images/mid_dome02.png') no-repeat center center / 40px auto;
}

.nav_menu.dome_nav ul li.li3 .ico {
  background: url('/images/mid_dome03.png') no-repeat center center / 40px auto;
}

.nav_menu.dome_nav ul li.li4 .ico {
  background: url('/images/mid_dome04.png') no-repeat center center / 40px auto;
}

.nav_menu.dome_nav ul li.li5 .ico {
  background: url('/images/mid_menu05.png') no-repeat center center / 40px auto;
}

/* dome_nav li.on */
.nav_menu.dome_nav ul li.on .tit {
  color: #f27226;
}

.nav_menu.dome_nav ul li.on.li1 .ico {
  background: url('/images/mid_menu01_on.png') no-repeat center center / 40px auto;
}

.nav_menu.dome_nav ul li.on.li2 .ico {
  background: url('/images/mid_dome02_on.png') no-repeat center center / 40px auto;
}

.nav_menu.dome_nav ul li.on.li3 .ico {
  background: url('/images/mid_dome03_on.png') no-repeat center center / 40px auto;
}

.nav_menu.dome_nav ul li.on.li4 .ico {
  background: url('/images/mid_dome04_on.png') no-repeat center center / 40px auto;
}

.nav_menu.dome_nav ul li.on.li5 .ico {
  background: url('/images/mid_menu05_on.png') no-repeat center center / 40px auto;
}

.nav_menu.dome_nav ul li .ico {
  position: relative;
}

.nav_menu.dome_nav ul li .ico .new {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 16px;
  height: 16px;
  border-radius: 50% 50%;
  background: #f27226;
  color: #fff;
  font-size: 10px;
  line-height: 1;
  position: absolute;
  right: -6px;
  top: 0;
}

.btm_foot .btn_set {
  padding: 15px 24px 0 24px;
}

.btm_foot .btn_set ul {
  display: flex;
  justify-content: space-between;
}

.btm_foot .btn_set ul li {
  width: calc(50% - 5px);
}

.btm_foot .btn_set ul li button {
  width: 100%;
  border-radius: 5px;
  height: 45px;
}

.btm_foot .btn_set ul li button.btn_share {
  border: solid 1px #707070;
  background: #fff;
  width: calc(50% - 5px);
  float: left;
}

.btm_foot .btn_set ul li button.btn_share span {
  background: url('/images/ico_upshare.png') no-repeat left center / 18px auto;
  padding-left: 22px;
}

.btm_foot .btn_set ul li button.btn_jjim {
  border: solid 1px #707070;
  background: #fff;
  width: calc(50% - 5px);
  float: right;
}

.btm_foot .btn_set ul li button.btn_jjim span {
  background: url('/images/ico_heart_white.png') no-repeat left center / 17.5px auto;
  padding-left: 22px;
}

.btm_foot .btn_set ul li button.btn_res {
  border: solid 1px #ea6f1a;
  background: #ea6f1a;
}

.btm_foot .btn_set ul li button.btn_res span {
  padding-left: 22px;
  color: #fff;
}

.btm_foot .btn_set.type2 ul li {
  width: inherit;
  margin-right: 7.5px;
}

.btm_foot .btn_set.type2 ul li:nth-last-of-type(1) {
  margin-right: 0px;
}

.btm_foot .btn_set.type2 ul li button.btn_share,
.btm_foot .btn_set.type2 ul li button.btn_jjim {
  width: 45px;
}

.btm_foot .btn_set.type2 ul li button.btn_alarm {
  width: 97.5px;
  border: solid 1px #707070;
  background: #fff;
}

.btm_foot .btn_set.type2 ul li button.btn_share span {
  background: url('/images/ico_upshare.png') no-repeat left center / 18px auto;
  padding-left: 18px;
}

.btm_foot .btn_set.type2 ul li button.btn_jjim span {
  background: url('/images/ico_heart_line.png') no-repeat left center / 17.5px auto;
  padding-left: 18px;
}

.btm_foot .btn_set.type2 ul li button.btn_jjim span.on {
  background: url('/images/ico_heart_org.png') no-repeat left center / 18px auto;
}

.btm_foot .btn_set.type2 ul li.btn_wp {
  /* width: calc(100% - 105px); */
  width: auto;
  flex-grow: 1;
}

.btm_foot .btn_set.type2 ul li.btn_wp button span {
  padding-left: 0px;
  color: #fff;
}

/* 양도 */
.btm_foot .btn_set.type3 ul li.btn_wp {
  width: 100%;
}

.sec_title {
  padding: 0 24px;
  overflow: hidden;
  display: flex;
  align-items: center;
}

.sec_title.jc_sb {
  justify-content: space-between;
}

.sec_title .tit {
  font-size: 18px;
  font-weight: bold;
  line-height: 45px;
  letter-spacing: -0.9px;
  text-align: left;
  color: #222;
  float: left;
}

.sec_title .more {
  font-size: 12px;
  color: #767676;
  background: url('/images/chevron_right.png') no-repeat right center/ 5.5px auto;
  padding-right: 9px;
  float: right;
  line-height: 45px;
}

.sec_title span.ad {
  display: inline-block;
  background: #8e8e8e;
  color: #fff;
  margin-left: 5px;
  border: 1px solid #8e8e8e;
  font-size: 8px;
  font-weight: 500;
  line-height: 15px;
  letter-spacing: -0.35px;
  text-align: center;
  height: 17px;
  border-radius: 8px;
  /* min-width: 37px; */
  padding: 0 8px;
}

.sec_txt {
  padding: 0 24px;
  margin-top: -8px;
  font-size: 14px;
  color: #767676;
}

.public_item_sec .sec_title {
  display: inherit;
}

.recom_now_sec {
  /* background: #ededed; */
  padding-top: 30px;
  background: #F1F1F1;
}

.recom_now_swiper {
  position: relative;
  /* padding: 0px 24px; */
  padding: 0px 24px 16px;
}

/* .recom_now_swiper .swiper-slide {background: #fff;width: 100%;  border-radius: 7.5px; box-shadow: 5px 5px 10px 0 rgba(0, 0, 0, 0.16);padding:20px;margin-bottom: 32px;} */
.recom_now_swiper .swiper-slide {
  background: #fff;
  width: calc(50% - 7px);
  border-radius: 7.5px;
  padding: 20px;
  margin-bottom: 32px;
  box-shadow: 1px 0px 16px 0 rgba(0, 0, 0, 0.05);
  margin-top: 16px
}

.recom_now_swiper .swiper-pagination {
  padding: 8px 0;
}

.recom_now_swiper .swiper-pagination .swiper-pagination-bullet-active {
  background: #D9D9D9;
}

.recom_now_swiper .swiper-slide .pic {
  overflow: hidden;
}

/* .recom_now_swiper .swiper-slide .pic > div {width: calc(50% - 7px);height:150px;}
.recom_now_swiper .swiper-slide .pic > div img {width: 100%;height:100%;object-fit: cover;object-position: center center; border-radius: 5px;}
.recom_now_swiper .swiper-slide .pic > div {width: calc(50% - 7px); height:100%; position: relative;} */
.recom_now_swiper .swiper-slide .pic>div {
  width: 100%;
  height: 100%;
  position: relative;
}

.recom_now_swiper .swiper-slide .pic>div::before {
  display: block;
  content: '';
  padding-top: 75%;
}

.recom_now_swiper .swiper-slide .pic>div img {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center center;
  border-radius: 5px;
}

.recom_now_swiper .swiper-slide .pic>div.p1 {
  float: left;
}

.recom_now_swiper .swiper-slide .pic>div.p2 {
  float: right;
  display: none;
}

@media (max-width: 640px) {
  .recom_now_swiper .swiper-slide {
    width: 100%;
  }
}

.recom_now_swiper .swiper-slide .txt_box {
  clear: both;
  position: relative;
}

.recom_now_swiper .swiper-slide .txt_box .tit {
  font-size: 16px;
  font-weight: bold;
  letter-spacing: -0.4px;
  color: #191919;
  margin-top: 12px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.recom_now_swiper .swiper-slide .txt_box .txt {
  font-size: 12px;
  letter-spacing: -0.6px;
  color: #767676;
}

.recom_now_swiper .swiper-slide .tag {
  overflow: hidden;
  margin-top: 12px;
  min-height: 18px;
}

.recom_now_swiper .swiper-slide .tag li {
  float: left;
  margin-right: 5px;
}

.recom_now_swiper .swiper-slide .tag li span {
  font-size: 8px;
  font-weight: 500;
  line-height: 13px;
  letter-spacing: -0.35px;
  text-align: center;
  color: #3c3646;
  height: 13px;
  border-radius: 8px;
  min-width: 37px;
  padding: 0 4px;
  border: 1px solid #3c3646;
}

.recom_now_swiper .swiper-slide .pri {
  font-size: 18px;
  font-weight: bold;
  letter-spacing: -0.5px;
  color: #f07a1c;
  position: absolute;
  right: 0px;
  bottom: -3px;
}

.recom_now_swiper .swiper-slide .ex_pri {
  text-decoration: line-through;
  color: #767676;
  text-decoration-color: #767676;
  font-size: 13px;
  margin-bottom: 3px;
  position: absolute;
  right: 0px;
  bottom: 20px;
}

.q_guide_sec {
  padding-top: 45px;
}

.q_guid_swiper {
  clear: both;
  padding: 0px 24px;
  margin-top: 5px;
}

.q_guid_swiper .swiper-slide {
  width: 124px;
  position: relative;
}

.q_guid_swiper .swiper-slide .pic {
  height: 180px;
}

.q_guid_swiper .swiper-slide .pic img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center center;
  border-radius: 5px;
}

.q_guid_swiper .swiper-slide .txt_box {
  position: absolute;
  bottom: 18px;
  left: 15px;
}

.q_guid_swiper .swiper-slide .txt_box .tit {
  font-size: 16px;
  font-weight: 500;
  letter-spacing: -0.4px;
  text-align: left;
  color: #fff;
  line-height: 18px;
}

.new_camp_sec {
  padding-top: 45px;
}

.new_camp_swiper {
  clear: both;
  padding: 0px 24px;
  margin-top: 5px;
}

.new_camp_swiper .swiper-slide {
  width: 137px;
  position: relative;
}

.new_camp_swiper .swiper-slide .pic {
  width: 137px;
  height: 125px;
}

.new_camp_swiper .swiper-slide .pic img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center center;
  border-radius: 5px;
}

.new_camp_swiper .swiper-slide .txt_box {}

.new_camp_swiper .swiper-slide .txt_box .tit {
  font-size: 14px;
  font-weight: 500;
  letter-spacing: -0.4px;
  color: #191919;
  line-height: 16px;
  margin-top: 10px;
  display: inline-block;
  width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.new_camp_swiper .swiper-slide .txt_box .txt {
  font-size: 12px;
  font-weight: 500;
  letter-spacing: -0.4px;
  color: #767676;
  line-height: 16px;
}

.new_camp_swiper .swiper-slide .txt_box .pri {
  font-size: 13px;
  font-weight: bold;
  line-height: 18px;
  letter-spacing: -0.35px;
  color: #f07a1c;
  float: left;
  margin-top: 7px;
}

.new_camp_swiper .swiper-slide .txt_box .ex_pri {
  float: left;
  text-decoration: line-through;
  color: #767676;
  font-size: 12px;
  margin-bottom: 3px;
  margin-top: 7px;
  line-height: 20px;
  margin-right: 4px;
}

.plan_sec {
  padding-top: 45px;
}

.plan_swiper {
  position: relative;
  padding: 0px 24px;
  margin-top: 5px;
}

.plan_swiper .swiper-slide {
  border: 1px solid #ebebeb;
  border-radius: 8px;
  overflow: hidden;
}

.plan_swiper .swiper-slide a .pic {
  /*   border-radius: 8px;
  overflow: hidden; */

  position: relative;
  width: 100%;
  padding-top: 50%;
  inset: 0px;
}

.plan_swiper .swiper-slide a .pic img {
  width: 100%;
  object-fit: cover;
  object-position: center center;


  width: 100%;
  object-fit: cover;
  object-position: center center;
  height: 100%;
  object-fit: cover;
  object-position: center center;
  border-radius: 5px;
  position: absolute;
  top: 0;
  border: 1px solid #e5e5e5;
  background-color: #f1f1f5;
}

.plan_swiper .txt_box {
  height: 88px;
  padding: 16px 12px;
}

.plan_swiper .txt_box .tit {
  font-size: 18px;
  font-weight: 500;
  line-height: 22px;
  letter-spacing: -0.4px;
  color: #191919;
}

.plan_swiper .txt_box .txt {
  margin-top: 5px;
  font-size: 12px;
  line-height: 15px;
  letter-spacing: -0.6px;
  color: #767676;
}

.recent_camp_sec {
  padding-bottom: 30px;
}

.recent_camp_swiper {
  position: relative;
  padding: 0px 24px;
  margin-top: 5px;
}

.recent_camp_swiper .pic {
  position: relative;
  border-radius: 5px;
  padding-top: 50%;
  padding-bottom: 50%;
  overflow: hidden;
}

.recent_camp_swiper .pic img {
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.recent_camp_swiper .txt_box .tit {
  margin-top: 6px;
}

.recent_camp_swiper .txt_box .txt {
  color: #6C757D;
  font-size: 12px;
}

.recent_camp_more_button {
  margin-top: 10px;
  padding: 10px 0;
  display: block;
  width: 100%;
  background: #fff;
  border: 1px solid #DEE2E6;
  border-radius: 4px;
  text-align: center;
}

.camp_talk_sec {
  padding-top: 45px;
  padding-bottom: 40px;
}

.camp_talk_swiper {
  position: relative;
  padding: 0px 24px;
  margin-top: 5px;
}

.camp_talk_swiper .swiper-slide .tk_wp .tk_item {
  border: 1px solid #ebebeb;
  width: calc(50% - 6px);
  margin-bottom: 12px;
  border-radius: 5px;
}

.camp_talk_swiper .swiper-slide .tk_wp li:nth-child(odd) {
  float: left;
}

.camp_talk_swiper .swiper-slide .tk_wp li:nth-child(even) {
  float: right;
}

.camp_talk_swiper .swiper-slide .tk_wp .tk_item img {
  width: 100%;
  height: 130px;
  object-fit: cover;
  object-position: center center;
  border-radius: 5px 5px 0px 0px;
}

.camp_talk_swiper .swiper-slide .txt_box {
  height: 97px;
  padding: 9px 10px;
  position: relative;
}

.camp_talk_swiper .swiper-slide .txt_box .tit {
  font-size: 12px;
  font-weight: bold;
  letter-spacing: -0.3px;
  color: #191919;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.camp_talk_swiper .swiper-slide .txt_box .txt {
  font-size: 12px;
  line-height: 15px;
  letter-spacing: -0.6px;
  color: #767676;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  margin-top: 4px;
}

.camp_talk_swiper .swiper-slide .txt_box .date {
  font-size: 12px;
  line-height: 12px;
  letter-spacing: -0.6px;
  color: #767676;
  position: absolute;
  right: 10px;
  bottom: 9px;
}

.place_sec {
  padding-bottom: 30px;
}

.place_swiper {
  position: relative;
  padding: 0px 24px;
  margin-top: 5px;
}


.place_swiper .pic {
  position: relative;
  border-radius: 5px;
  padding-top: 50%;
  padding-bottom: 50%;
  overflow: hidden;
}

.place_swiper .pic img {
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.place_swiper .txt_box .tit {
  margin-top: 6px;
}

.place_swiper .txt_box .txt {
  color: #6C757D;
  font-size: 12px;
}

.place_swiper .txt_box .btm_text.place_coupon{
  margin-top: 8px;
  display: flex;
  align-items: flex-end;
  justify-content: end;
  text-align: right;
}

.place_swiper .max_discount{
  color: #F27226;
  font-weight: 700;
  font-size: 14px;
}
.place_swiper .coupon_dec{
  font-size: 16px;
  flex: none;
}

/*camping_info*/

.ci_top_sec {}

.ci_top_swiper {}

.ci_top_swiper li {
  aspect-ratio: 4 / 3;
}

.ci_top_swiper img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center center;
}

/* .ci_top_swiper img {width: 100%;height:293px;object-fit: cover;object-position: center center; } */
.ci_top_sec .txt_box {
  padding: 0px 24px;
  margin-top: 12px;
}

.ci_top_sec .txt_box .tit_box{
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.ci_top_sec .txt_box .tit {
  font-size: 20px;
  font-weight: bold;
  line-height: 30px;
  letter-spacing: -0.5px;
  color: #222;
  margin-top: 10px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.ci_top_sec .txt_box .noti_button{
  background: url(/images/icon_noti_add.png) no-repeat 6px center;
  border: 1px solid #CED4DA;
  border-radius: 100rem;
  padding: 6px 10px 6px 30px;
  background-size: 20px;
}

.ci_top_sec .txt_box .noti_button.active{
  background: url("/images/icon_noti.png") no-repeat 6px center;
  background-size: 20px;
}

.ci_top_sec .txt_box .noti_button.none{
  background: url("/images/icon_noti_none.png") no-repeat 6px center;
  background-size: 20px;
  width: 30px;
  height: 30px;
  padding: 0;
  border: 0;
}

.ci_top_sec .txt_box .camp_cate{
  color: #6C757D;
  font-size: 12px;
}

.ci_top_sec .txt_box .info_ul{
  padding: 1rem 0;
}

.ci_top_sec .txt_box .info_ul li {
  clear: both;
  overflow: hidden;
  margin-bottom: 8px;
}

.ci_top_sec .txt_box .info_ul li a{
  background: url(../images/chevron_right.png) no-repeat right 6px;
  background-size: 5px;
  padding-right: 16px;
}

.ci_top_sec .txt_box .info_ul li .addr{
  padding-left: 16px;
  background: url(../images/search/location.png) no-repeat left top 3px / 16px auto;
  color: #767676;
  word-break: keep-all;
}

.ci_top_sec .txt_box .info_ul li .review{
  padding-left: 18px;
  background: url(../images/search/review.png) no-repeat left top 4px / 14px auto;
  color: #767676;
}

.ci_top_sec .txt_box .info_ul li .tel {
  padding-left: 18px;
  background: url(../images/ico_call.png) no-repeat left top 4px / 14px auto;
  color: #767676;
}

/* 페이지네이션 숫자 | 전체보기 */
.pagination_wp {
  display: flex;
  align-items: center;
  position: absolute;
  right: 0;
  bottom: 0;
  z-index: 10;
  padding: 4px 8px;
  background: rgba(0, 0, 0, 0.5);
  color: #fff;
}

.pagination_wp .pagination_com {
  left: inherit;
  width: auto !important;
  position: relative;
  display: inline-block;
  bottom: 0;
  color: #fff;
  font-size: 12px;
}

.pagination_wp a {
  display: inline-block;
}

.pagination_wp a::before {
  content: '';
  display: inline-block;
  width: 1px;
  height: 10px;
  background: #f1f1f1;
  margin: 0 8px;
}

.camp_div .pagination_com {
  padding: 4px 12px;
  color: #fff;
  display: flex;
  left: 50%;
  transform: translateX(-50%);
  border-radius: 16px;
  bottom: 16px;
  width: auto !important;
}

.main_div .pagination_wp {
  right: 32px;
  bottom: 8px;
  border-radius: 10px;
}

/* .wrap_in_dome.main_div .pagination_wp {
  right: 0px;
} */

.tip_set {
  overflow: hidden;
}

.tip_set span {
  font-size: 8px;
  font-weight: 500;
  line-height: 15px;
  letter-spacing: -0.35px;
  text-align: center;
  color: #3c3646;
  height: 17px;
  border-radius: 8px;
  min-width: 37px;
  padding: 0 8px;
  border: 1px solid #3c3646;
  float: left;
  margin-right: 6px;
  margin-bottom: 3px;
}

.tip_set span.type2 {
  color: #f27226;
  border: 1px solid #f27226;
}

.rece_info_div {
  height: 35px;
  border-radius: 17px;
  background: #f8f8fa;
  text-align: center;
  color: #3c3646;
  font-size: 12px;
  letter-spacing: -0.3px;
  line-height: 35px;
  margin-bottom: 24px;
}

.rece_info_div span {
  font-size: 14px;
  font-weight: bold;
  color: #f27226;
}

/* .cont_div 없을 때 붙는 문제 수정 */
.cont_div {
  margin-top: 10px;
  clear: both;
  padding-bottom: 10px;
}

.cont_div_in {
  overflow: hidden;
  clear: both;
}

.cont_div ul li {
  background: #f4f7f8;
  height: 38px;
  margin-bottom: 5px;
  padding-left: 14px;
}

.cont_div ul li span {
  line-height: 38px;
  padding-left: 26px;
  font-size: 15px;
  font-weight: 500;
  letter-spacing: -0.5;
  color: #1f1f1f;
}

.cont_div ul li p {
  line-height: 38px;
}

.cont_div ul li.li_EA000 span {
  background: url('/images/ico_ci_EA000.png') no-repeat left center / 18px auto;
}

.cont_div ul li.li_EA001 span {
  background: url('/images/ico_ci_EA001.png') no-repeat left center / 18px auto;
}

.cont_div ul li.li_EA002 span {
  background: url('/images/ico_ci_EA002.png') no-repeat left center / 18px auto;
}

.cont_div ul li.li_EA003 span {
  background: url('/images/ico_ci_EA003.png') no-repeat left center / 18px auto;
}

.cont_div ul li.li_EB000 span {
  background: url('/images/ico_ci_EB000.png') no-repeat left center / 18px auto;
}

.cont_div ul li.li_EB001 span {
  background: url('/images/ico_ci_EB001.png') no-repeat left center / 18px auto;
}

.cont_div ul li.li_EB002 span {
  background: url('/images/ico_ci_EB002.png') no-repeat left center / 18px auto;
}

.cont_div ul li.li_EB003 span {
  background: url('/images/ico_ci_EB003.png') no-repeat left center / 18px auto;
}

.cont_div ul li.li_EC000 span {
  background: url('/images/ico_ci_EC000.png') no-repeat left center / 18px auto;
}

.cont_div ul li.li_EC001 span {
  background: url('/images/ico_ci_EC001.png') no-repeat left center / 18px auto;
}

.cont_div ul li.li_EC002 span {
  background: url('/images/ico_ci_EC002.png') no-repeat left center / 18px auto;
}

.cont_div ul li.li_EC003 span {
  background: url('/images/ico_ci_EC003.png') no-repeat left center / 18px auto;
}

.cont_div ul li.li_ED000 span {
  background: url('/images/ico_ci_ED000.png') no-repeat left center / 18px auto;
}

.cont_div ul li.li_ED001 span {
  background: url('/images/ico_ci_ED001.png') no-repeat left center / 18px auto;
}

.cont_div ul li.li_EA000.on span {
  background: url('/images/ico_ci_EA000_on.png') no-repeat left center / 18px auto;
}

.cont_div ul li.li_EA001.on span {
  background: url('/images/ico_ci_EA001_on.png') no-repeat left center / 18px auto;
}

.cont_div ul li.li_EA002.on span {
  background: url('/images/ico_ci_EA002_on.png') no-repeat left center / 18px auto;
}

.cont_div ul li.li_EA003.on span {
  background: url('/images/ico_ci_EA003_on.png') no-repeat left center / 18px auto;
}

.cont_div ul li.li_EB000.on span {
  background: url('/images/ico_ci_EB000_on.png') no-repeat left center / 18px auto;
}

.cont_div ul li.li_EB001.on span {
  background: url('/images/ico_ci_EB001_on.png') no-repeat left center / 18px auto;
}

.cont_div ul li.li_EB002.on span {
  background: url('/images/ico_ci_EB002_on.png') no-repeat left center / 18px auto;
}

.cont_div ul li.li_EB003.on span {
  background: url('/images/ico_ci_EB003_on.png') no-repeat left center / 18px auto;
}

.cont_div ul li.li_EC000.on span {
  background: url('/images/ico_ci_EC000_on.png') no-repeat left center / 18px auto;
}

.cont_div ul li.li_EC001.on span {
  background: url('/images/ico_ci_EC001_on.png') no-repeat left center / 18px auto;
}

.cont_div ul li.li_EC002.on span {
  background: url('/images/ico_ci_EC002_on.png') no-repeat left center / 18px auto;
}

.cont_div ul li.li_EC003.on span {
  background: url('/images/ico_ci_EC003_on.png') no-repeat left center / 18px auto;
}

.cont_div ul li.li_ED000.on span {
  background: url('/images/ico_ci_ED000_on.png') no-repeat left center / 18px auto;
}

.cont_div ul li.li_ED001.on span {
  background: url('/images/ico_ci_ED001_on.png') no-repeat left center / 18px auto;
}

.cont_div ul li span {
  display: flex;
  justify-content: space-between;
  padding-right: 14px;
}

.cont_div ul li span em {
  font-size: 13px;
  color: #6b6b6b;
}

.cont_div .more_arr {
  width: 60px;
  height: 20px;
  margin: 0 auto;
  text-align: center;
  display: block;
  padding-top: 10px;
  cursor: pointer;
}

.cont_div .more_arr.up img {
  transform: rotate(180deg);
}

.cont_div .more_arr img {
  width: 20px;
}

.cont_div .tit {
  font-size: 16px;
  font-weight: 500;
  color: #191919;
  line-height: 18px;
  margin-bottom: 15px;
  float: left;
  margin-bottom: 20px;
}

.cont_div .so_tit {
  float: right;
  font-size: 12px;
  line-height: 18px;
}

.comment_div {
  border-bottom: 1px solid #D9D9D9;
  padding: 0 0 15px !important;
  margin-top: 0px !important;
  margin-bottom: 20px;
}

.comment_div .cont_div_in ul {
  display: flex;
  overflow: hidden;
  flex-wrap: wrap;
  gap: 0 4px;
}

.comment_div .cont_div_in ul li {
  cursor: pointer;
  display: inline-flex;
}

.cmpt_view .comment_div {
  margin-bottom: 0px;
  padding: 20px 0 !important;
}

.cmpt_view .comment_div .toggle_button {
  display: inline-block;
  width: 24px;
  height: 24px;
  background: url(/images/tot_arr.png) no-repeat center center / 24px auto;
}

.cmpt_view .comment_div .toggle_button.on {
  transform: rotate(180deg);
}

.cmpt_view .comment_div .cont_div_in ul {
  max-height: 42px;
}

.ci_intro_sec {
  border-top: 8px solid #f7f7f7;
}

.ci_intro_sec .com_in {
  padding-top: 10px;
  padding-bottom: 20px;
}

.com_in .sec_title {
  padding: 0;
}

.ci_intro_sec .txt {
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.4px;
  color: #767676;
  margin-top: 10px;
  overflow: hidden;
}

.btn_ci_more {
  width: 128px;
  height: 32px;
  border-radius: 3px;
  border: solid 1px #d9d9d9;
  cursor: pointer;
  color: #3c3646;
  font-size: 15px;
  text-align: center;
  text-indent: -20px;
  line-height: 30px;
  margin: 0 auto;
  background: #f5f5f5 url('/images/ci_more_arr.png') no-repeat right 24px top 7px /20px auto;
  margin-top: 15px;
  display: block;
}

.btn_ci_more.up {
  background: #f5f5f5 url('/images/ci_more_arr_up.png') no-repeat right 24px top 7px /20px auto;
}

.so_title {
  overflow: hidden;
}

.so_title .tit {
  font-size: 14px;
  font-weight: bold;
  line-height: 20px;
  letter-spacing: -0.35px;
  color: #f27226;
  float: left;
}

.ci_intro_sec .com_in .txt_wp {
  width: calc(100% - 80px);
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

.ci_intro_sec .com_in .sitelink_div {
  display: flex;
  justify-content: space-between;
}

.ci_intro_sec .com_in .copy_a {
  display: flex;
  float: right;
  right: 0;
  bottom: 0;
  background: #fff url(/images/ico_copy.png) no-repeat left 7px center / 10px auto;
  width: 77px;
  height: 25px;
  border-radius: 3px;
  border: solid 1px #d9d9d9;
  background-color: #fff;
  color: #3c3646;
  font-size: 12px;
  line-height: 22px;
  padding-left: 24px;
  letter-spacing: -0.7px;
}

.use_info_sec {
  border-top: 8px solid #f7f7f7;
}

.use_info_sec .com_in {
  padding-top: 10px;
  padding-bottom: 20px;
}

.use_info_sec .basic_info {
  border-bottom: 1px solid #ededed;
  padding-bottom: 15px;
}

.use_info_sec .basic_info ul {
  padding-top: 15px;
}

.use_info_sec .basic_info li {
  overflow: hidden;
  margin-bottom: 15px;
}

.use_info_sec .basic_info dt {
  float: left;
  width: 100px;
  color: #3c3646;
  font-size: 12px;
}

.use_info_sec .basic_info dd {
  float: left;
  color: #767676;
  font-size: 12px;
}

.use_info_sec .basic_info dd a {
  color: #767676;
}

.use_info_sec .dtl_info {
  padding-top: 9px;
  border-bottom: 1px solid #ededed;
  padding-bottom: 15px;
}

.use_info_sec .dtl_info li {
  overflow: hidden;
  padding-bottom: 10px;
}

.use_info_sec .dtl_info dl {
  position: relative;
  padding-left: 64px;
}

.use_info_sec .dtl_info dt {
  font-size: 12px;
  line-height: 25px;
  color: #3c3646;
  width: 64px;
  position: absolute;
  left: 0;
  top: 0;
}

.use_info_sec .dtl_info dd {
  margin-right: 20px;
  float: left;
  margin-bottom: 0px;
  line-height: 25px;
}

.use_info_sec .dtl_info dd .pic {
  text-align: center;
}

.use_info_sec .dtl_info dd .pic img {
  width: 36px;
}

.use_info_sec .dtl_info dd .txt {
  color: #767676;
  font-size: 12px;
  text-align: center;
  margin-bottom: 15px;
  margin-top: -6px;
}

.use_info_sec .dtl_info dd a {
  color: #767676;
  font-size: 12px;
}

/*.use_info_sec .res_info {padding-top: 25px;border-bottom:1px solid #ededed;padding-bottom: 15px;}*/
.use_info_sec .res_info {}

.use_info_sec .res_info ul {
  padding-top: 15px;
}

.use_info_sec .res_info ul li {
  clear: both;
  overflow: hidden;
  margin-bottom: 15px;
}

.use_info_sec .res_info dt {
  float: left;
  width: 100px;
  font-size: 13px;
  color: #3c3646;
  letter-spacing: -0.6px;
  line-height: 1.4;
}

.use_info_sec .res_info dd {
  float: left;
  font-size: 13px;
  color: #767676;
  letter-spacing: -0.3px;
  width: calc(100% - 100px);
  line-height: 1.4;
}

.use_info_sec .res_info dd em {
  display: inline-block;
  width: 2px;
  height: 10px;
  background: #767676;
  margin: 0 6px;
}

.use_info_sec .time_info {
  padding-top: 25px;
  border-bottom: 1px solid #ededed;
  padding-bottom: 15px;
}

.use_info_sec .time_info .so_title {
  padding-bottom: 12px;
}

.use_info_sec .dtl_info .info_txt p {
  font-size: 12px;
  color: #767676;
}

.use_info_sec .dtl_info .info_txt p em {
  color: #fc7e7e;
  font-weight: 500;
}

.use_info_sec .res_info dl.txt_b dt,
.use_info_sec .res_info dl.txt_b dd {
  color: #a6a6a6;
}

.use_info_sec .res_info dl.txt_b dt::before {
  content: '';
  display: inline-block;
  width: 8px;
  height: 8px;
  border-radius: 4px;
  background: #a6a6a6;
  margin-right: 4px;
}

.use_info_sec .res_info dl.txt_b dt {
  font-weight: bold;
}

.use_info_sec .res_info dl.txt_b.on dt,
.use_info_sec .res_info dl.txt_b.on dd {
  color: #56c5ce;
}

.use_info_sec .res_info dl.txt_b.on dt::before {
  background: #56c5ce;
}

.use_info_sec .time_div {
  height: 50px;
  border-radius: 25px;
  background: #f8f8fa;
  margin-bottom: 20px;
  overflow: hidden;
  position: relative;
}

.use_info_sec .time_div .tit {
  border-radius: 25px;
  width: 88px;
  height: 50px;
  color: #fff;
  font-size: 14px;
  line-height: 50px;
  text-align: center;
  float: left;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 2;
}

.use_info_sec .time_div ul {
  margin: 0 auto;
  overflow: hidden;
  margin-left: 100px;
}

.use_info_sec .time_div ul li {
  float: left;
  overflow: hidden;
  position: relative;
  padding-left: 14px;
  margin-right: 13px;
  display: flex;
}

.use_info_sec .time_div ul li:last-child {
  margin-right: 0;
}

.use_info_sec .time_div ul li:last-child:before {
  content: '';
  position: absolute;
  left: 0;
  top: 16px;
  width: 1px;
  height: 17px;
  background: #a6a6a6;
  display: block;
}

.use_info_sec .time_div ul li dl {
  display: flex;
}

.use_info_sec .time_div ul li dt {
  float: left;
  font-size: 14px;
  line-height: 50px;
  color: #3c3646;
  white-space: nowrap;
}

.use_info_sec .time_div ul li dd {
  float: left;
  font-size: 20px;
  line-height: 47px;
  font-weight: bold;
  margin-left: 10px;
  white-space: nowrap;
}

.use_info_sec .time_div.og .tit {
  background: #f27226;
}

.use_info_sec .time_div.mt .tit {
  background: #56c5ce;
}

.use_info_sec .time_div.og ul li dd {
  color: #f27226;
}

.use_info_sec .time_div.mt ul li dd {
  color: #56c5ce;
}

.time_info .time_div li.type2 {
  display: block;
  margin-top: 4px;
}

.time_info .time_div li.type2 p {
  color: #3c3646;
}

.use_info_sec .time_div ul li.type2:last-child:before {
  width: 0;
}

@media screen and (max-width: 380px) {
  .use_info_sec .time_div .tit {
    font-size: 12px;
  }

  .use_info_sec .time_div ul {
    width: 180px;
    margin-left: 100px;
  }

  .use_info_sec .time_div ul li dt {
    font-size: 10px;
  }

  .use_info_sec .time_div ul li dd {
    font-size: 14px;
  }
}

@media screen and (max-width: 320px) {
  .use_info_sec .time_div .tit {
    font-size: 10px;
    width: 60px;
  }

  .use_info_sec .time_div ul {
    margin-left: 51px;
  }

  .use_info_sec .time_div ul li dt {
    font-size: 8px;
  }

  .use_info_sec .time_div ul li dd {
    font-size: 12px;
  }
}

.use_info_sec .map_info {
  padding-bottom: 0px;
}

.use_info_sec .map_info .map {
  display: block;
}

.use_info_sec .map_info.on .map {
  display: block;
}

.use_info_sec .arg_info {
  padding-bottom: 15px;
}

.use_info_sec .arg_info .so_title {
  padding-bottom: 6px;
}

.use_info_sec .arg_info .so_title .btn_bigview {
  float: right;
  height: 25px;
  width: 76px;
  font-size: 12px;
  color: #3c3646;
  letter-spacing: -0.6px;
  border: 1px solid #d9d9d9;
  background: #fff url('/images/plus_dod.png') no-repeat left 8px center / 10px auto;
  text-indent: 8px;
  border-radius: 3px;
}

.use_info_sec .arg_info .pic {
  width: 100%;
  border: 1px solid #dbdbdb;
}

.use_info_sec .arg_info .pic img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center center;
}

/* sec_title 버튼 */
.use_info_sec .sec_title .btn_bigview {
  float: right;
  height: 25px;
  width: 76px;
  font-size: 12px;
  color: #3c3646;
  letter-spacing: -0.6px;
  border: 1px solid #d9d9d9;
  background: #fff url('/images/plus_dod.png') no-repeat left 8px center / 10px auto;
  text-indent: 8px;
  border-radius: 3px;
}

.use_info_sec .sec_title .btn_bigview.big {
  padding: 0px !important;
}

.site_dtl_sec {
  clear: both;
  overflow: hidden;
  border-top: 8px solid #f7f7f7;
}

.site_dtl_sec .com_in {
  padding-top: 10px;
  padding-bottom: 20px;
}

.site_dtl_sec .res_info {}

.site_dtl_sec .res_info ul {
  padding-top: 15px;
}

.site_dtl_sec .res_info ul.list_ul {
  border-bottom: 1px solid #f7f7f7;
  margin-bottom: 12px;
}

.site_dtl_sec .res_info ul li {
  clear: both;
  overflow: hidden;
  margin-bottom: 15px;
}

.site_dtl_sec .res_info dt {
  float: left;
  width: 100px;
  font-size: 13px;
  color: #3c3646;
  letter-spacing: -0.6px;
  line-height: 1.4;
}

.site_dtl_sec .res_info dd {
  float: left;
  font-size: 13px;
  color: #767676;
  letter-spacing: -0.3px;
  width: calc(100% - 100px);
  line-height: 1.4;
}

.site_dtl_sec .res_info dd b {
  color: #f07a1c;
}

.site_list {
  overflow: hidden;
  clear: both;
}

.site_list li {
  margin-bottom: 18px;
}

.site_list .site_div {
  overflow: hidden;
  height: 140px;
  border: 1px solid #efeff3;
  width: 100%;
  position: relative;
}

.site_div .pic {
  height: 75px;
  width: 85px;
  margin-left: 10px;
  margin-top: 10px;
  background: url(/images/nopic.png) no-repeat center;
  background-size: 100%;
}

.site_div .pic img {
  border-radius: 5px;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center center;
}

.site_div .left_div {
  width: 105px;
}

.site_div .left_div .txt_area {
  text-align: center;
  padding-top: 6px;
}

.site_div .left_div .txt_area .txt {
  text-align: center;
  font-size: 12px;
  line-height: 28px;
  letter-spacing: -0.8px;
  text-align: center;
  color: #3c3646;
}

.site_div .left_div .txt_area .txt span {
  font-size: 14px;
  font-weight: bold;
  letter-spacing: -0.7px;
  color: #f27226;
}

.site_div.type2 .btn_alarm {
  position: relative;
  font-size: 11px;
  line-height: 1.2;
  border-radius: 3px;
  width: fit-content;
  display: block;
  border: solid 1px #F07A1C;
  padding: 4px 8px 4px 20px;
  letter-spacing: -0.55px;
  text-align: center;
  color: #3C3646;
  margin-top: 8px;
  background: #fff;
}

.site_div.type2 .btn_alarm.disabled {
  background-color: #DCDCDC;
  color: #999999;
  border: none;
}

.site_div .left_div .btn_alarm::after {
  content: '';
  position: absolute;
  z-index: 1;
  top: 4px;
  left: 8px;
  width: 14px;
  height: 21px;
  background: url(/images/bell_no.png) no-repeat;
  background-size: 12px auto;
}

.site_div .left_div .btn_alarm.on::after {
  background: url('/images/bell_no.png') no-repeat;
  background-size: 16px auto;
  width: 18px;
  left: 8px;
}

.site_div .txt_box {
  float: left;
  width: calc(100% - 110px);
  padding-top: 10px;
}

.site_div .txt_box .tit {
  float: left;
  font-weight: bold;
  font-size: 15px;
  line-height: 1.3;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  height: 40px;
}

.site_div .txt_box .dtl_site_ul {
  display: flex;
  clear: both;
  overflow: hidden;
  flex-direction: row;
  flex-wrap: wrap;
  padding-top: 5px;
}

.site_div .txt_box .dtl_site_ul li {
  width: 50%;
  margin-bottom: 3px;
  font-size: 12px;
  color: #8e8e8e;
  padding-left: 16px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}

.site_div .txt_box .dtl_site_ul.ul2 li {
  width: 100%;
}

.site_div .txt_box .dtl_site_ul li.camp {
  background: url('/images/site_tent.png') no-repeat left top 3px / 12px auto;
}

.site_div .txt_box .dtl_site_ul li.park {
  background: url('/images/site_park.png') no-repeat left top 3px / 13px auto;
}

.site_div .txt_box .dtl_site_ul li.dk {
  background: url('/images/site_dk.png') no-repeat left top 3px / 13px auto;
}

.site_div .txt_box .dtl_site_ul li.ele {
  background: url('/images/site_plug.png') no-repeat left 2px top 3px / 8px auto;
}

.site_div .txt_box .desc {
  font-size: 10px;
  font-weight: normal;
  letter-spacing: -0.7px;
  color: #e80000;
}

.site_div .txt_box .pri {
  font-size: 18px;
  letter-spacing: -0.5px;
  font-weight: bold;
  color: #f07a1c;
  position: absolute;
  right: 17px;
  bottom: 13px;
}

.site_div .txt_box .pri span {
  font-size: 14px;
  color: #ceced2;
  padding-right: 10px;
  font-weight: 400;
  text-decoration: line-through;
}

.site_div.disabled .txt_box .tit {
  color: #ceced2;
}

.site_div.disabled .txt_box .pri {
  color: #ceced2;
}

.site_div.disabled .left_div .txt_area .txt {
  color: #ceced2;
}

.site_div.long_div {
  padding: 16px;
  box-sizing: border-box;
  height: auto;
}

.site_div.long_div .etc_txt p {
  font-size: 12px;
  line-height: 18px;
  letter-spacing: -0.48px;
  color: #6b6b6b;
}

.site_div.long_div .etc_txt p em {
  color: #f27226;
}

.site_div.long_div .etc_txt p span.ct::before,
.site_div.long_div .etc_txt p span.ct::after {
  content: '/';
  padding: 0 2px;
}

.site_div.long_div .txt_box {
  width: 100%;
  padding-top: 0px;
}

.site_div.long_div .txt_box .pri {
  position: inherit;
  float: right;
}

.site_div.long_div .txt_box .pri em {
  font-size: 14px;
  line-height: 45px;
  color: #6b6b6b;
  letter-spacing: -0.35px;
  padding-right: 12px;
}

.site_div.long_div .do_btns {
  overflow: visible;
}

.site_div.long_div .txt_box::after {
  content: '';
  display: block;
  clear: both;
}

.site_div.long_div button.btn_lo {
  height: 42px;
  border-radius: 7.5px;
  border: solid 1px #ebebeb;
  background-color: #efefef;
  font-size: 14px;
  font-weight: 500;
  letter-spacing: -0.7px;
  text-align: center;
  color: #222;
  width: 100%;
}

.site_div.long_div button.btn_lo span {
  padding-left: 25px;
  background: url('/images/ico_long.png') no-repeat left center / 16px auto;
}

/* 캠핑 상세 수정 type2 */
.notice_con.pd0 {
  padding: 0px;
}

.notice_con .copy_a {
  position: absolute;
  display: flex;
  z-index: 100;
  width: auto;
  top: 20px;
  left: 50%;
  transform: translateX(-50%);
  background: #fff url('/images/ico_copy.png') no-repeat left 10px center / 10px auto;
  height: 25px;
  border-radius: 12px;
  border: solid 1px #d9d9d9;
  background-color: #fff;
  color: #3c3646;
  font-size: 12px;
  line-height: 24px;
  padding: 0 12px 0 24px;
  letter-spacing: -0.7px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.site_list .site_div.type2 {
  height: inherit;
}

.site_list .site_div.type2 .top {
  display: flex;
  padding: 10px 10px 0 10px;
  justify-content: space-between;
  align-items: center;
}

.site_list .site_div.type2 .pic_div {
  width: 49%;
  height: 180px;
  position: relative;
}

.site_list .site_div.type2 .pic_div img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 4px;
  border: 1px solid #d3d3d3;
  background: #b1b1b1 url('/images/bg_pf.png') no-repeat center center / 120px auto;
}

.site_list .site_div.type2 .pic_div .opacity {
  display: none;
  background: rgba(255, 255, 255, 0.5);
  border-radius: 4px;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.site_list .site_div.type2 .pic_div span {
  position: absolute;
  top: 0;
  left: 0;
  border-top-left-radius: 4px;
  padding: 2px 4px;
  background: #707070;
  color: #fff;
  font-size: 11px;
  font-weight: bold;
}

.site_div.type2 .pic_div span.og {
  background: #f27226;
}

.site_div.type2 .pic_div span.red {
  background: #ff1718;
}

.site_list .site_div.type2 .txt_div {
  width: 49%;
  display: flex;
  flex-flow: column;
}

.site_list .site_div.type2 .txt_div .na {
  font-size: 15px;
  font-weight: bold;
  line-height: 1.3;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.site_list .site_div.type2 .txt_div .time {
  font-size: 11px;
  color: #8e8e8e;
  padding-top: 4px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.site_list .site_div.type2 .txt_div .num_div {
  margin-top: 12px;
}

.site_list .site_div.type2 .txt_div .dc {
  font-size: 12px;
  color: #8e8e8e;
  text-decoration: line-through;
}

.site_list .site_div.type2 .txt_div .pri {
  font-size: 18px;
  font-weight: bold;
  color: #f07a1c;
  letter-spacing: -0.5px;
}

.site_list .site_div.type2 .txt_div .pri>span {
  font-size: 12px;
  color: #8e8e8e;
  font-weight: 400;
}

.site_list .site_div.type2.disabled .txt_div .pri>span {
  color: #ceced2;
}

.site_div.type2 .btn_alarm {
  position: relative;
  font-size: 11px;
  line-height: 1.2;
  border-radius: 3px;
  width: fit-content;
  display: block;
  border: solid 1px #f07a1c;
  padding: 4px 8px 4px 20px;
  letter-spacing: -0.55px;
  text-align: center;
  color: #3c3646;
  margin-top: 8px;
  background: #fff;
}

.site_div.type2 .btn_alarm::after {
  content: '';
  position: absolute;
  z-index: 1;
  top: 4px;
  left: 8px;
  width: 14px;
  height: 21px;
  background: url(/images/bell_no.png) no-repeat;
  background-size: 10px auto;
}

.site_div.type2 .btn_alarm.on::after {
  content: '';
  position: absolute;
  z-index: 1;
  top: 4px;
  left: 8px;
  width: 14px;
  height: 21px;
  background: url(/images/bell.png) no-repeat;
  background-size: 10px auto;
}

.site_list .site_div.type2 .ico_div {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  padding: 12px 14px;
  background: #f8f8fa;
  border-radius: 4px;
  margin: 10px;
}

.site_list .site_div.type2 .ico_div li {
  width: 49%;
  margin-bottom: 4px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.site_list .site_div.type2 .ico_div li.w100 {
  width: 100%;
}

.site_list .site_div.type2 .ico_div li .fa- {
  color: #8e8e8e;
}

.site_list .site_div.type2 .ico_div li span {
  font-size: 12px;
  font-weight: 500;
  color: #8e8e8e;
  padding-left: 4px;
}

.site_list .site_div.type2.disabled .pic_div .opacity {
  display: block;
}

.site_list .site_div.type2.disabled .txt_div .na {
  color: #ceced2;
}

.site_list .site_div.type2.disabled .txt_div .time {
  color: #ceced2;
}

.site_list .site_div.type2.disabled .txt_div .dc {
  color: #ceced2;
}

.site_list .site_div.type2.disabled .txt_div .pri {
  color: #ceced2;
}

.site_list .site_div.type2.disabled .ico_div li .fa- {
  color: #ceced2;
}

.site_list .site_div.type2.disabled .ico_div li span {
  color: #ceced2;
}

@media (max-width: 640px) {
  .site_list .site_div.type2 .top {
    display: block;
  }

  .site_list .site_div.type2 .pic_div {
    width: 100%;
    height: auto;
    aspect-ratio: 16 / 9;
  }

  .site_list .site_div.type2 .txt_div {
    width: 100%;
    margin: 10px;
    position: relative;
  }

  .site_div.type2 .btn_alarm {
    position: absolute;
    bottom: 0px;
    right: 10px;
  }
}

.real_review_sec {
  clear: both;
  overflow: hidden;
  border-top: 8px solid #f7f7f7;
}

.real_review_sec .com_in {
  padding-top: 10px;
  padding-bottom: 20px;
}

.real_review_sec .more_view {
  color: #767676;
  font-size: 12px;
  background: url('/images/chevron_right.png') no-repeat right top 4px / 5.5px auto;
  padding-right: 10px;
  float: right;
  margin-top: 18px;
}

/*.rrv_list {padding-top: 20px;}*/
.rrv_list li {
  border-bottom: 1px solid #ededed;
  padding: 12px 0 18px 0;
}

.rrv_list li:nth-last-of-type(1) {
  border-bottom: 0px;
}

.rrv_list .rrv_div {
  display: flex;
}

.rrv_list .rrv_reply {
  margin-top: 10px;
  padding: 10.5px 12px 10.5px 12.8px;
  background-color: #f8f8fa;
}

.rrv_list .rrv_reply .txt_box .txt_box_in {
  position: relative;
  width: 100%;
  padding-left: 10px;
}

.rrv_list .rrv_reply .txt_box .txt_box_in:before {
  content: '';
  position: absolute;
  top: 5px;
  left: 0;
  bottom: 1px;
  width: 1px;
  background-color: #000;
}

.rrv_list .rrv_reply .txt_box .txt {
  font-size: 12px;
  color: #1f1f1f;
  line-height: 1.4;
}

.rrv_list .rrv_reply .txt_box {
  width: 100%;
}

.rrv_list .pic_div {
  width: 69px;
}

.rrv_list .pic_div .score {
  font-size: 12px;
  line-height: 24px;
  letter-spacing: -0.6px;
  text-align: center;
  color: #f27226;
  padding-left: 16px;
  background: url('/images/star.png') no-repeat left center / 12px auto;
  display: inline-block;
  margin-left: 7px;
}

.rrv_list .pic_div .pic {
  width: 50px;
  height: 50px;
  border-radius: 50% 50%;
  background: url('/images/bg_pf.png') no-repeat center center / 60px auto;
}

.rrv_list .pic_div .pic img {
  width: 100%;
  height: 100%;
  border-radius: 50% 50%;
  object-fit: cover;
  object-position: center center;
}

.rrv_list .txt_box {
  width: calc(100% - 69px);
}

.rrv_list .txt_box .txt img {
  max-width: 100%;
  border-radius: 5px;
  margin-top: 20px;
}

.rrv_list .txt_box .top_div {
  overflow: hidden;
}

.rrv_list .txt_box .na {
  font-size: 14px;
  font-weight: bold;
  float: left;
}

.rrv_list .txt_box .na.tag_notice:before {
  content: '공 지';
  display: inline-flex;
  background: #f27226;
  color: #fff;
  font-size: 12px;
  line-height: 12px;
  padding: 4px 8px;
  border-radius: 12px;
  margin-right: 6px;
}

.rrv_list .txt_box .date {
  float: right;
  font-size: 12px;
  color: #767676;
}

.rrv_list .txt_box .txt {
  font-size: 14px;
  color: #767676;
  margin-top: 5px;
}

.btn_ci_write {
  width: 128px;
  height: 32px;
  border-radius: 3px;
  border: solid 1px #d9d9d9;
  cursor: pointer;
  color: #3c3646;
  font-size: 15px;
  text-align: center;
  text-indent: 20px;
  line-height: 30px;
  margin: 0 auto;
  background: #f5f5f5 url('/images/edit.png') no-repeat left 16px top 9px /16px auto;
  margin-top: 30px;
  display: block;
}

.rrv_list .txt_box .txt.type2 img {
  margin-bottom: 12px;
}

.rrv_list .txt_box .txt.type2 a.btn_more {
  display: block;
  margin-top: 10px;
  font-size: 13px;
  color: #000;
}

.rrv_list .btn_set {
  clear: both;
  overflow: hidden;
  margin-top: 15px;
}

.rrv_list .btn_set ul {
  float: right;
}

.rrv_list .btn_set ul li {
  float: left;
  padding: 0;
  border-bottom: none;
  padding: 0 10px;
  position: relative;
}

.rrv_list .btn_set ul li a {
  color: #1f1f1f;
  font-size: 14px;
}

.rrv_list .btn_set ul li:before {
  position: absolute;
  left: 0px;
  top: 5px;
  display: block;
  content: '';
  width: 1px;
  height: 12px;
  background: #a6a6a6;
}

.rrv_list .btn_set ul li:last-child {
  padding-right: 0;
}

.rrv_list .btn_set ul li:first-child:before {
  display: none;
}

.rrv_list .btn_set .orange_a {
  float: left;
}

.orange_a {
  font-size: 14px;
  letter-spacing: -0.4px;
  text-align: left;
  color: #f27226;
  text-decoration: underline;
  text-underline-position: under;
}

.rrv_top {
  overflow: hidden;
}

.rrv_top h2 {
  float: left;
  font-size: 18px;
}

.rrv_top h2 span {
  font-size: 15px;
  color: #f27226;
}

.rrv_top .right_div {
  margin-top: 2px;
}

.real_photo_sec {
  clear: both;
  overflow: hidden;
  border-top: 8px solid #f7f7f7;
}

.real_photo_sec .com_in {
  padding-top: 10px;
  padding-bottom: 20px;
}

.rp_swiper {
  margin-top: 5px;
}

.rp_swiper .swiper-slide {
  width: 155px;
  height: 103px;
  border-radius: 5px;
  overflow: hidden;
}

.rp_swiper .swiper-slide .pic {
  height: 100%;
}

.rp_swiper .swiper-slide img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center center;
}

.btn_ci_photo {
  width: 128px;
  height: 32px;
  border-radius: 3px;
  border: solid 1px #d9d9d9;
  cursor: pointer;
  color: #3c3646;
  font-size: 15px;
  text-align: center;
  text-indent: 20px;
  line-height: 30px;
  margin: 0 auto;
  background: #f5f5f5 url('/images/camera.png') no-repeat left 16px top 9px /17.5px auto;
  margin-top: 30px;
  display: block;
}

.con {
  padding: 25px 24px 0px 24px;
}

/*로그인*/
.com_title {
  position: relative;
  height: 60px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  text-align: center;
  background: #f8f8f7;
}

.com_title .tit {
  font-size: 18px;
  font-weight: bold;
}

.login_con {}

.login_con input[type='checkbox']+label {
  background: url('/images/chk_rect.png') no-repeat left center / 20px auto;
  padding: 1px 0 2px 27px !important;
  font-size: 14px;
  line-height: 1.87;
  font-weight: normal;
  margin-left: -15px;
}

.login_con input[type='checkbox']:checked+label {
  background: url('/images/chk_rect_on.png') no-repeat left center / 20px auto;
}

.login_con .clear_input_box {
  position: relative;
  margin-bottom: 10px;
}

.login_con .clear_input_box .clear_input:focus {
  border: 1px solid #c4c4c4;
  outline: none;
}

.login_con .clear_input_box .clear_input {
  background: #f1f1f5;
  height: 52px;
  border: none;
  width: 100%;
  font-size: 13px;
  text-indent: 12px;
  padding-right: 33px;
}

.login_con .clear_input_box .btn_clear {
  text-indent: -50000px;
  width: 20px;
  height: 20px;
  background: url('/images/log_clo.png') no-repeat center center / 20px 20px;
  border: none;
  position: absolute;
  right: 10px;
  top: 17px;
  outline: none;
}

.login_con .clear_input_box .clear_input::placeholder {
  color: #d9d9df;
}

.login_con .clear_input_box .tit {
  font-size: 24px;
  line-height: 30px;
  letter-spacing: -0.6px;
  color: #222;
}

.login_con .clear_input_box .txt {
  margin: 12px 0;
}

.login_con .clear_input_box .info_div {
  padding: 0;
}

.login_con .option_div .btn_orange {
  width: 100%;
}

.login_con .option_div .btn_next {
  width: auto;
  margin-top: 20px;
  background: none;
  border: 0;
  border-bottom: 1px solid #757575;
  color: #757575;
}

.login_con .option_div {
  overflow: hidden;
  margin-bottom: 32px;
}

.login_con .option_div.type2 {
  text-align: center;
}

.login_con .option_div li {
  float: left;
  margin: 0 16px;
}

.login_con .etc_btn {
  overflow: hidden;
  margin-top: 27px;
}

.login_con .etc_btn ul {
  display: flex;
  justify-content: space-between;
}

.login_con .etc_btn ul li {
  width: 49%;
  text-align: center;
}

.login_con .etc_btn ul li button {
  height: 36px;
  border: 1px solid #dbdbdb;
  font-size: 14px;
  letter-spacing: -0.4px;
  text-align: center;
  color: #191919;
  background: #fff;
  width: 100%;
}

.go_member {
  text-align: center;
  padding-top: 88px;
}

.go_member a {
  font-size: 14px;
  letter-spacing: -0.4px;
  color: #191919;
  background: url('/images/log_arr.png') no-repeat right center / 12px auto;
  padding-right: 15px;
}

.go_member a span {
  color: #f27226;
}

.login_con .btn_orange {
  box-shadow: 2px 5px 15px rgba(242, 114, 38, 0.5);
}

.go_cs {
  text-align: center;
  padding-top: 88px;
}

.go_cs a:hover {
  color: #f27226;
  text-decoration: underline;
}

.login_con .etc_btn.type2 ul li {
  width: 100%;
  text-align: center;
}

.btn_orange {
  background: #f27226;
  height: 52px;
  width: 100%;
  font-size: 16px;
  font-weight: bold;
  line-height: 50px;
  letter-spacing: -0.4px;
  border: none;
  color: #fff;
}

/* 예약관리페이지 로그인 */
.footer.type2 {
  width: 100%;
  position: absolute;
  bottom: 0;
  text-align: center;
  padding: 12px 24px;
}

/*회원가입*/
.join_con {}

.join_box {
  border-radius: 14px;
  box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.04);
  border: solid 0.6px #e2e2e2;
  background-color: #fff;
  padding: 25px 23.5px 28px 23.5px;
}

.join_box .btn_gray {
  background: #f5f5f5;
  height: 52px;
  width: 100%;
  font-size: 16px;
  font-weight: bold;
  line-height: 50px;
  letter-spacing: -0.4px;
  border: none;
  color: #666;
  margin: 0 !important;
}

.box_form>ul>li {
  position: relative;
  margin-bottom: 38px;
}

.box_form li dl dt {
  font-size: 13px;
  line-height: 14px;
  color: #8e8e8e;
}

.box_form li dl dt span {
  color: #f27226;
}

.box_form li dl dd {
  position: relative;
}

.box_form li dl dd.tit {
  height: 40px;
  line-height: 40px;
  border-bottom: 1px solid #e5e5e7;
  width: 100%;
  margin-top: 10px;
  font-size: 14px;
}

.box_form li dl dd input[type='tel'],
.box_form li dl dd input[type='number'],
.box_form li dl dd input[type='text'],
.box_form li dl dd input[type='password'] {
  height: 40px;
  border: none;
  border-bottom: 1px solid #e5e5e7;
  width: 100%;
  margin-top: 10px;
  font-size: 14px;
}

.box_form li dl dd input[type='tel']:focus,
.box_form li dl dd input[type='number']:focus,
.box_form li dl dd input[type='text']:focus,
.box_form li dl dd input[type='password']:focus {
  border-bottom: 1px solid #000;
  outline: none;
}

.box_form li dl dd .btn_cof {
  position: absolute;
  right: 0px;
  top: 18px;
}

.join_box .box_form li dl dd #ch_pwd {
  padding-right: 48px;
}

.btn_cof {
  min-width: 36px;
  height: 23px;
  border-radius: 2px;
  background-color: rgba(242, 114, 38, 0.12);
  font-size: 10px;
  border: solid 1px #f27226;
  padding: 0 10px;
}

input[type='checkbox'] {
  visibility: hidden;
}

input[type='checkbox']+label {
  background: url('/images/chk.png') no-repeat left center / 20px auto;
  padding: 1px 0 2px 24px !important;
  font-size: 14px;
  line-height: 1.87;
  font-weight: normal;
  margin-left: -15px;
}

input[type='checkbox']:checked+label {
  background: url('/images/chk_on.png') no-repeat left center / 20px auto;
}

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

.gender_set>div {
  width: calc(50% - 10px);
}

.gender_set>div input[type='radio'] {
  visibility: hidden;
}

.gender_set>div label {
  width: 100%;
  height: 40px;
  background: #f6f6f6;
  display: block;
  text-align: center;
  line-height: 40px;
  color: #191919;
  font-size: 14px;
}

.gender_set>div input[type='radio']:checked+label {
  background: #f27226;
  color: #fff;
}

.local_dd {
  border-bottom: 1px solid #e5e5e7;
  padding-bottom: 33px;
}

.local_dd ul {
  display: flex;
  flex-wrap: wrap;
  margin-top: 16px;
}

.local_dd ul li {
  width: 33.33%;
}

.trip_dd {
  border-bottom: 1px solid #e5e5e7;
  padding-bottom: 33px;
}

.trip_dd ul {
  display: flex;
  flex-wrap: wrap;
  margin-top: 16px;
}

.trip_dd ul li {
  width: 50%;
}

.trip_dd ul li input[type='checkbox']+label {
  background: url('/images/chk_rect.png') no-repeat left center / 15px auto;
  padding: 1px 0 2px 18px !important;
  font-size: 14px;
  line-height: 1.87;
  font-weight: normal;
  margin-left: -15px;
}

.trip_dd ul li input[type='checkbox']:checked+label {
  background: url('/images/chk_rect_on.png') no-repeat left center / 15px auto;
}

.agree_box ul li {
  clear: both;
  overflow: hidden;
  margin-bottom: 9px;
}

.agree_box.type2 ul li {
  margin-bottom: 0px;
}

.join_con .btn_orange {
  margin-top: 20px;
  clear: both;
}

.join_con .agree_box .btn_cof {
  width: 92px;
}

.pop_spr {}

.txt_service {
  font-size: 10px;
  line-height: 15px;
  letter-spacing: -1px;
  text-align: left;
  color: #6b6b6b;
  max-height: 243px;
  overflow-y: auto;
  padding-top: 20px;
}

.txt_service div,
.txt_service th,
.txt_service td {
  font-size: 10px;
  line-height: 15px;
  letter-spacing: -1px;
  color: #6b6b6b;
}

.pop_spr.modal_wrap .modal_center .btn_ok {
  margin: 20px auto 0;
}

/*내정보관리*/
.photo_box {
  height: 145px;
  padding-top: 5px;
  display: flex;
  flex-direction: column;
  justify-content: start;
  text-align: center;
}

.photo_box .pic {}

.photo_box .pic {
  float: left;
  width: 80px;
  height: 80px;
  background: url('/images/bg_pf.png') no-repeat center center / 80px 80px;
  border-radius: 50% 50%;
  border: 3px solid #e0e0e0;
  position: relative;
  margin: 0 auto;
}

.photo_box .pic img {
  width: 100%;
  height: 100%;
  border-radius: 50% 50%;
  object-fit: cover;
  object-position: center center;
}

.photo_box.gold .pic {
  border: 3px solid #d6ac42;
}

.photo_box.grade .pic.grade_0 {
  border: 3px solid #0c1c2f;
}

.photo_box.grade .pic.grade_1 {
  border: 3px solid #602c11;
}

.photo_box.grade .pic.grade_2 {
  border: 3px solid #818181;
}

.photo_box.grade .pic.grade_3 {
  border: 3px solid #b58606;
}

.photo_box.grade .pic.grade_4 {
  border: 3px solid #0c1c2f;
}

.photo_box.grade .pic.grade_5 {
  border: 3px solid #a34b15;
}

.photo_box .pic .btn_cam {
  position: absolute;
  right: -3px;
  bottom: -3px;
  width: 20px;
  height: 20px;
  display: inline-block;
  background: url('/images/ico_cam.png') no-repeat center center / 20px 20px;
  border: none;
}

.photo_box .txt_box {
  margin-top: 10px;
}

.photo_box .txt_box .tit {
  font-size: 16px;
  font-weight: bold;
  display: inline-block;
}

.photo_box .txt_box .btn_wri {
  width: 11px;
  height: 11px;
  display: inline-block;
  background: url('/images/my_edit.png') no-repeat center center / 11px 11px;
  display: inline-block;
  margin-left: 3px;
  border: none;
}

.mypage_con .join_box+.btn_orange,
.mypage_con2 .join_box+.btn_orange {
  margin-top: 30px;
}

.btm_my_btns {
  margin-top: 44px;
}

.btm_my_btns ul {
  display: flex;
}

.btm_my_btns ul li {
  width: 50%;
  position: relative;
  text-align: center;
}

.btm_my_btns ul li a {
  font-size: 15px;
  color: #8e8e8e;
}

.btm_my_btns ul li:first-child::after {
  display: block;
  content: '';
  width: 1px;
  height: 10px;
  background: #a6a6a6;
  position: absolute;
  right: 0;
  top: 8px;
}

.mypage_con2 {}

.mypage_con2 .photo_box {
  height: 127px;
}

.ph_div:first-child {
  margin-bottom: 50px;
}

.ph_div .tit {
  font-size: 18px;
  font-weight: bold;
  color: #222222;
  letter-spacing: -0.5px;
  margin-bottom: 5px;
}

.ph_div .txt {
  font-size: 13px;
  color: #8e8e8e;
  letter-spacing: -0.5px;
  margin-bottom: 15px;
}

.ph_sel_box {
  margin-top: 30px;
}

.ph_sel_box ul {
  display: flex;
  flex-wrap: wrap;
}

.ph_sel_box ul li {
  width: 33.33%;
  text-align: center;
  margin-bottom: 30px;
}

.ph_sel_box ul li input[type='radio'] {
  visibility: hidden;
  z-index: -1;
  position: absolute;
  width: 0;
  height: 0;
}

.ph_sel_box input[type='radio']+label {
  width: 80px;
  height: 80px;
  background: #fff;
  display: block;
  text-align: center;
  line-height: 46px;
  color: #8e8e8e;
  font-size: 15px;
  border-radius: 50% 50%;
  margin-left: 0;
  padding: 0 !important;
  box-sizing: border-box;
  font-weight: bold;
  margin: 0 auto;
}

.ph_sel_box input[type='radio']+label img {
  width: 100%;
  height: 100%;
  border-radius: 50% 50%;
  object-fit: cover;
  object-position: center center;
  border: 3px solid #e0e0e0;
}

.ph_sel_box input[type='radio']:checked+label {
  color: #1d1d1d;
}

.ph_sel_box input[type='radio']:checked+label img {
  border: 3px solid #f27226;
}

.ph_sel_box .txt {
  font-size: 14px;
  color: #191919;
  text-align: center;
  margin-bottom: 0;
  margin-top: 4px;
}

.mypage_con .banner {
  padding: 24px 24px 0px 24px;
}

.mypage_con .banner img {
  width: 100%;
}

/*지역선택*/
.region_con {
  position: relative;
  height: calc(100vh - 135px);
  border-top: 1px solid #e3e3e3;
}

.iscroll_1,
.iscroll_2 {
  height: 100%;
}

.iscroll_1 {
  overflow: hidden;
  position: absolute;
  z-index: 1;
  top: 0px;
  bottom: 0;
  left: 0;
  width: 30%;
}

.iscroll_1:after {
  content: '';
  display: block;
  clear: both;
  position: absolute;
  width: 100%;
  top: 0;
  bottom: 0;
  right: 0;
  border-right: 1px solid #e5e5e5;
}

.iscroll_2 {
  overflow: hidden;
  position: absolute;
  z-index: 1;
  top: 0px;
  bottom: 0;
  left: 30%;
  width: 70%;
  background: #fff;
}

.scroll_wp {
  position: absolute;
  z-index: 100;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  width: 100%;
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -ms-transform: translateZ(0);
  -o-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-text-size-adjust: none;
  -moz-text-size-adjust: none;
  -ms-text-size-adjust: none;
  -o-text-size-adjust: none;
  text-size-adjust: none;
  touch-action: none;
  padding-bottom: 58px;
}

.scroll_wp .city {
  width: 100%;
  text-align: center;
}

.scroll_wp .city li {
  overflow: hidden;
  border-bottom: 1px solid #e5e5e5;
  height: 48px;
  line-height: 47px;
  background: #f9f9f9;
}

.scroll_wp .city li a {
  display: block;
  font-size: 15px;
  font-weight: bold;
  color: #999;
  border-right: 1px solid #e5e5e5;
}

.scroll_wp .city li a.on {
  color: #000;
  background: #fff;
  border-right: 1px solid #fff;
}

.scroll_wp .city_child {
  background: #fff;
}

.scroll_wp .city_child:after {
  content: '';
  display: block;
  clear: both;
}

.scroll_wp .city_child li {
  overflow: hidden;
  float: left;
  width: 50%;
  height: 48px;
  line-height: 47px;
  font-size: 14px;
}

.scroll_wp .city_child li.wdh_w {
  width: 100%;
  position: relative;
  padding: 0 16px;
  background: url('/images/ico_region_arr_down.png') no-repeat right 20px top 16px / 20px auto;
}

.scroll_wp .city_child li.wdh_w.active {
  background: url('/images/ico_region_arr_up.png') no-repeat right 20px top 16px / 20px auto;
}

.scroll_wp .city_child li span {
  display: block;
  color: #242424;
  border-bottom: 1px solid #e3e3e3;
  text-indent: 8px;
}

.scroll_wp .city_child li span em.tnum {
  display: inline-block;
  text-indent: 0;
  font-size: 11px;
  color: #999;
  line-height: 1;
  margin-bottom: 13px;
}

.scroll_wp .city_child li.on {}

.scroll_wp .city_child li.on span {
  border-bottom: 1px solid #f47b20;
  color: #f47b20;
  font-weight: bold;
}

.scroll_wp .city_child li.on span em.tnum {
  color: #f47b20;
}

.scroll_wp .city_child li.wdh_sub span {
  border-bottom: none;
}

.scroll_wp .city_child li.wdh_sub {
  height: 36px;
}

/* add */
.scroll_wp .city_child li.wdh_w .sprite.arw_bt {
  position: absolute;
  right: 24px;
  top: 50%;
  margin-top: -13px;
  width: 26px;
  height: 26px;
  padding: 10px 7px;
  cursor: pointer;
  border-bottom: inherit;
}

.scroll_wp .city_child li.wdh_w.active .sprite.arw_bt:after {
  background-position: -62px -8px;
}

.scroll_wp .city_child ol.wdh_o {
  display: none;
  padding: 0 4px;
  overflow: hidden;
  margin: 0 15px;
  border-bottom: 1px solid #e3e3e3;
  padding-bottom: 30px;
}

.scroll_wp .city_child li.wdh_w span {
  font-size: 16px;
}

/* .scroll_wp .city_child #li_sub_region li{padding: 0 16px;} */
.scroll_wp .city_child ol.wdh_o li:nth-of-type(even) {
  padding: 0 16px 0 8px;
}

.scroll_wp .city_child ol.wdh_o li:nth-of-type(odd) {
  padding: 0 8px 0 1px;
}

.nopadding .btn_orange {
  height: 100%;
}

.btn_cmn.btn_orange {
  background: rgb(205, 205, 205);
  box-shadow: 2px 5px 15px rgb(205 205 205 / 50%);
}

.btn_cmn.btn_orange.on {
  background: #f27226;
  box-shadow: 2px 5px 15px rgba(242, 114, 38, 0.5);
}

/* .pop_layer_set .pop_layer.mh80vh_layer .pop_con .cr_box_set + .btn_cmn.btn_orange {
  width: calc(100% - 48px);
  margin: 15px 24px 0;
} */
/*빈자리 찾기*/

.search_con {}

.sear_title {
  text-align: center;
  height: 109px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.sear_title .tit {
  font-size: 24px;
  font-weight: bold;
}

.search_box {}

.search_box .sel_box {
  border: 1px solid #d6d6d6;
  border-radius: 7.5px;
  height: 63px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding-left: 60px;
  margin-bottom: 15px;
}

.search_box .sel_box.date {
  background: url('/images/ico_cal.png') no-repeat left 20px center / 30px auto, url('/images/ico_plus.png') no-repeat right 20px center / 13.5px auto;
}

.search_box .sel_box.region {
  background: url('/images/ico_map.png') no-repeat left 20px center / 30px auto, url('/images/ico_plus.png') no-repeat right 20px center / 13.5px auto;
}

.search_box .sel_box .tit {
  font-size: 15px;
  color: #000;
  font-weight: bold;
  line-height: 1.5;
}

.search_box .sel_box .txt {
  color: #717171;
  font-size: 12px;
  line-height: 1.5;
}

.search_con .sear_set {
  max-width: 100%;
  border-radius: 32px;
  border: 1px solid #d6d6d6;
  margin-bottom: 20px;
  box-shadow: none;
}

.search_con .sear_set input {
  width: 100%;
  text-indent: 30px;
  border-radius: 32px;
}

.add_sear {
  margin-top: 42px;
  clear: both;
}

.add_sear .tit {
  font-size: 18px;
  font-weight: bold;
}

.add_sear .rec_div {
  margin-top: 14px;
}

.add_sear .rec_div .tip {
  display: inline-block;
  text-align: center;
  border-radius: 15px;
  min-width: 70px;
  padding: 0 12px;
  height: 31px;
  line-height: 30px;
  border: 1px solid #d4d3da;
  margin-right: 5px;
  margin-bottom: 12.5px;
}

.search_box .sear_div {
  padding: 44px 20px 20px 20px;
  margin: -44px 0 24px 0;
}

.search_box .sear_div li {
  padding: 10px 0;
}

.search_box .sear_div li .keword_text {
  display: flex;
  align-items: center;
  font-size: 15px;
}

.search_box .sear_div li .keword_text::before {
  content: '';
  display: block;
  width: 20px;
  height: 20px;
  margin-right: 8px;
  border-radius: 3px;
  background: #f7f7f7 url('/images/ico_sear_g.png') no-repeat center center/11px auto;
}

/* 쇼핑 검색어 */
.add_sear.type2 {
  margin-top: 0px;
}

/*팝레이어*/
.pop_layer_set {
  visibility: hidden;
}

.pop_layer_set.on {
  visibility: visible;
}

.pop_layer_set2 {
  visibility: hidden;
  position: fixed;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  z-index: 500;
  width: 100%;
  max-width: 645px;
  height: 100dvh;
}

.pop_layer_set2.on {
  visibility: visible;
}

.modal {
  position: fixed;
  opacity: 0.6;
  background-color: #000;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  z-index: 301;
  display: none;
}

.pop_layer_set.on .modal {
  display: block !important;
}

.pop_layer {
  background: #fff;
  border-radius: 30px 30px 0 0;
  z-index: 400;
  position: fixed;
  width: 100%;
  max-width: 640px;
  bottom: -100%;
  left: 50%;
  transform: translate(-50%, 0);
  transition: all 600ms cubic-bezier(0.86, 0, 0.07, 1);
}

.pop_layer_set.on .pop_layer {
  transform: translate(-50%, 0);
  bottom: 0%;
}

.pop_layer_set .pop_top {
  height: 28px;
}

.pop_layer_set .pop_top .close {
  width: 100%;
  height: 100%;
  background: url('/images/layer_close.png') no-repeat center center / 58px auto;
  border: none;
}

.pop_layer_set .pop_con {
  padding: 0 24px 33px;
}

/* .pop_layer_set .pop_layer.mh80vh_layer .pop_con {
  padding: 0 0 33px 0;
} */
.pop_layer_set .pop_layer.mh80vh_layer .pop_con .cr_box_set {
  max-height: 80vh;
  height: calc(100vh - 300px);
  overflow-x: hidden;
  overflow-y: scroll;
  padding-bottom: 20px;
  -ms-overflow-style: none;
  scrollbar-width: none;
}

.pop_layer_set .pop_layer.mh80vh_layer .pop_con .cr_box_set::-webkit-scrollbar {
  display: none;
}

.pop_layer_set .pop_layer.mh80vh_layer .pop_con .cr_box_set .refresh::before {
  content: '';
  display: inline-block;
  width: 13px;
  height: 16px;
  background: url(/images/btn_clear2.png) no-repeat;
  background-size: contain;
  vertical-align: middle;
  margin-right: 2px;
}

.pop_layer_set .pop_con .pop_con_scroll {
  max-height: 50vh;
  overflow-y: scroll;
  -ms-overflow-style: none;
  scrollbar-width: none;
}

.pop_layer_set .pop_con .pop_con_scroll::-webkit-scrollbar {
  display: none;
}

.pop_layer_set .pop_title {
  border-bottom: 1px solid #ededed;
  line-height: 59px;
  margin-top: 5px;
  text-align: center;
  padding: 0 24px;
}

.pop_layer_set .pop_title .tit {
  font-size: 18px;
  font-weight: bold;
  letter-spacing: -0.4px;
}

.pop_layer_set .pop_title span {
  font-size: 14px;
  color: #8e8e8e;
  font-weight: normal;
  border-left: 1px solid #8e8e8e;
  margin-left: 7px;
  padding-left: 8px;
  line-height: 15px;
  height: 15px;
  display: inline-block;
}

.pop_layer_set .pop_button {
  padding: 0 24px 24px 24px;
}

.pop_layer_set .pop_button .btn {
  border-radius: 8px;
}

.pop_layer .pop_con .ui-widget.ui-widget-content {
  width: 100% !important;
}

.pop_layer .info_txt {
  margin-top: 10px;
  padding: 4px 16px;
  box-sizing: border-box;
  color: #767676;
}

.pop_layer .info_txt p {
  background-color: #f1f1f1;
  padding: 8px;
  word-break: break-word;
  border-radius: 4px;
}

.pop_layer_set .pop_con.type2 .txt_boxline {
  padding: 12px 15px;
  border-radius: 14px;
  -webkit-box-shadow: 0 1.5px 5px 0 rgb(0 0 0 / 4%);
  box-shadow: 0 1.5px 5px 0 rgb(0 0 0 / 4%);
  border: solid 0.3px #e2e2e2;
  background-color: #fff;
  margin-top: 20px;
}

.pop_layer_set .pop_con.type2 .txt_boxline em {
  color: #f27226;
  font-weight: 500;
}

.pop_layer_set .pop_con.type2 .txt_boxline .tit {
  font-weight: 500;
}

.pop_layer_set .pop_con.type2 .txt_boxline .txt {
  margin: 8px;
}

.pop_layer_set .pop_con.type2 .txt_boxline .txt_sub p {
  font-size: 12px !important;
}

.pop_layer_set .pop_con.type2 .btn_wp {
  display: flex;
  justify-content: space-between;
}

.pop_layer_set .pop_con.type2 .btn_wp button {
  width: calc(50% - 5px);
}

.pop_layer_set .pop_con.type2 .btn_wp button.btn_gray {
  height: 52px;
  font-size: 16px;
  margin: 15px 0 0;
}

.pop_layer_set .pop_con.type2 .btn_wp button.w100per {
  width: 100%;
}

.pop_layer_set .pop_con.type3 {
  display: flex;
  flex-direction: column;
  gap: 20px;
}

.pop_layer_set .pop_con.type3 .pop_title {
  padding: 0;
  display: flex;
  justify-content: space-between;
  text-align: left;
  border-bottom: 0;
  line-height: normal;
}

.pop_layer_set .pop_con.type3 .pop_title .close {
  background: #fff;
  border: 0;
  display: block;
  width: 24px;
  height: 24px;
  background: url(/images/tot_clo.png) no-repeat center center / 28px;
  cursor: pointer;
}

.pop_layer_set .pop_con.type3 .pop_dec {
  color: #6C757D;
}

.pop_layer_set .pop_con.type3 .btn {
  border-radius: 8px;
}

/* 전체 팝업 */
.full_pop_wrap {
  height: 100dvh;
}

.full_pop_wrap .header {}

.full_pop_wrap .header .head_in {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 60px;
  background: #fff;
  text-align: center;
}

.full_pop_wrap .header .head_in h1 {
  font-size: 20px;
}

.full_pop_wrap .header .btn_close {
  display: block;
  width: 24px;
  height: 24px;
  background: url(/images/tot_clo.png) no-repeat center center / 28px;
  position: absolute;
  left: 24px;
  top: 19px;
  text-indent: -50000px;
  overflow: hidden;
  cursor: pointer;
  border: 0;
}

.full_pop_wrap .contents {
  overflow-y: scroll;
  scrollbar-width: none;
  padding: 0 24px;
  height: calc(100dvh - 60px - 75px);
  background: #fff;
}


.full_pop_wrap .contents::-webkit-scrollbar {
  display: none;
}

.full_pop_wrap.h100 .header .head_in {
  justify-content: start;
  padding: 0 24px;
}

.full_pop_wrap.h100 .contents {
  height: calc(100dvh - 60px);
  padding: 0px;
  overflow-y: scroll;

}

/* 결제수단/환불계좌 */
.pay_slt {}

.pay_slt .selwp {
  position: relative;
  width: 100%;
  height: 40px;
  background: #f8f8f8;
  border-radius: 8px;
  margin: 16px 0 20px;
}

.pay_slt .selwp select {
  font-size: 14px;
  height: 40px;
  position: relative;
  display: block;
  width: 100%;
  padding: 0 12px;
  z-index: 3;
  border-radius: 8px;
  color: #000;
  border: 0;
  cursor: pointer;
  vertical-align: top;
  outline: none;

}

.pay_slt .selwp .slt_txt {
  position: absolute;
  top: 0;
  right: 18px;
  text-align: center;
  z-index: 2;
  line-height: 40px;
  font-size: 13px;
  font-weight: bold;
  color: #f27226;
}

.pay_slt .divVBank {}

.pay_slt .divVBank .selwp {
  margin: 0 0 20px;
}

.pop_layer_set .pay_slt {
  margin-top: 20px;
}

.pop_layer_set .pay_slt .tit {
  font-weight: 500;
}

.pop_layer_set .pay_slt .selwp {
  margin-top: 10px;
}

.pop_layer_set .inp_div {
  margin-top: 20px;
}

.pop_layer_set .inp_div .tit {
  font-size: 14px;
  font-weight: 500;
}

.pop_layer_set .inp_div .inp_area {
  padding: 0;
}

.pop_layer_set .inp_btn_wrap {
  display: flex;
  gap: 8px;
}

.pop_layer_set .inp_btn_wrap .inp_area {
  width: calc(100% - 92px);
}

.pop_layer_set .inp_btn_wrap button {
  width: 80px;
  border-radius: 5px;
  margin-top: 6px;
  height: 40px;
  border: solid 1px #ea6f1a;
  background: #fff;
  color: #ea6f1a;
}

.pop_layer_set .inp_btn_wrap button[disabled] {
  background: #f5f5f5;
  border: 1px solid #d9d9d9;
  color: #999;
}

/* 광고 팝레이어 */
.pop_wp {
  position: fixed;
  top: 0px;
  left: 0px;
  display: flex;
  -webkit-box-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  align-items: center;
  width: 100vw;
  height: 100vh;
  z-index: 3000;
  min-height: 1px;
  display: none;
}

.pop_wp.on {
  display: block;
}

.pop_ad_set.on .pop_layer {
  transition: all inherit;
  bottom: inherit;
}

.pop_ad_set .pop_layer {
  position: relative;
  width: calc(100% - 48px);
  background: #fff;
  z-index: 400;
  border-radius: 0;
  padding: 48px 16px 32px;
  transition: inherit;
}

.pop_ad_set .tip_ad {
  position: absolute;
  right: 16px;
  top: 16px;
  display: inline-block;
  font-size: 7px;
  font-weight: 500;
  background: #6b6b6b;
  color: #fff;
  border-radius: 13px;
  padding: 2px 12px 4px;
}

.pop_ad_set .pop_con {
  padding: 0px;
  width: 100%;
  height: 100%;
}

.pop_ad_set .pop_con img {
  width: 100%;
}

.pop_ad_set .ad_title {
  padding: 16px 0 32px;
  border-bottom: 1px solid #ededed;
}

.pop_ad_set .ad_title .tit {
  font-size: 16px;
  font-weight: bold;
  color: #191919;
  letter-spacing: -0.4px;
  padding-bottom: 4px;
}

.pop_ad_set .ad_title .txt {
  font-size: 12px;
  color: #767676;
  line-height: 1.25;
  display: inline-block;
}

.pop_ad_set .timer_txt {
  font-size: 13px;
  text-align: center;
  color: #8e8e8e;
  padding: 24px 0 16px;
}

.pop_ad_set .timer_txt span {
  font-weight: bold;
  color: #f27226;
}

.pop_ad_set .pop_btn {
  display: flex;
}

.pop_ad_set .pop_btn button {
  width: 30%;
  min-width: 56px;
  height: 40px;
  border-radius: 10px;
  border: 0px;
  font-size: 14px;
  font-weight: 500;
  background: #f6f6f6;
  color: #191919;
}

.pop_ad_set .pop_btn .btn_join {
  color: #fff;
  background: #f27226;
  width: calc(70% - 12px);
  margin-left: 12px;
}

/* 예약 팝레이어 */
.pop_noti_set {
  overflow: hidden;
}

.pop_noti_set .pop_layer {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: calc(100% - 48px);
  background: #fff;
  z-index: 400;
  border-radius: 0;
  transition: inherit;
  border-radius: 12px;
  max-width: 500px;
}

.pop_noti_set.on .pop_layer {
  transform: translate(-50%, -50%) !important;
  bottom: inherit;
}

.pop_noti_set .pop_top {
  font-size: 18px;
  font-weight: bold;
  display: flex;
  width: 100%;
  justify-content: center;
  align-items: center;
  height: 48px;
  background: #f8f8f7;
  border-radius: 12px 12px 0 0;
}

.pop_noti_set .pop_top.no_bg {
  background: #fff;
}

.pop_noti_set .pop_top .btn_close {
  position: absolute;
  display: block;
  right: 20px;
  width: 24px;
  height: 24px;
  padding: 12px;
  cursor: pointer;
  background: url(/images/tot_clo.png) no-repeat 0 0 / 24px auto;
}

.pop_noti_set .pop_top .btn_back {
  position: absolute;
  display: block;
  left: 20px;
  top: 14px;
  width: 24px;
  height: 24px;
  padding: 12px;
  cursor: pointer;
  background: url(/images/btn_back.png) no-repeat 0 0 / 24px auto;
}

.pop_noti_set .pop_noti {
  padding: 0 16px;
  width: 100%;
  height: 100%;
  display: none;
}

.pop_noti_set .pop_noti.on {
  display: block;
}

.pop_noti_set .pop_noti p {
  text-align: left;
  padding: 24px 0;
  font-size: 13px;
  color: #222;
  letter-spacing: -0.6px;
}

.pop_noti_set .pop_noti p.text_date {
  padding: 0 0 6px;
  color: #767676;
  font-size: 12px;
}

.pop_noti_set .pop_noti .lst_pop li {
  margin-bottom: 14px;
}

.pop_noti_set .pop_noti .lst_pop li:nth-last-of-type(1) {
  margin-bottom: 0px;
}

.pop_noti_set .pop_noti .lst_pop li>div.pdl {
  padding-left: 13px;
}

.pop_noti_set .pop_noti .lst_pop li .tit {
  font-size: 14px;
  font-weight: 500;
}

.pop_noti_set .pop_noti .lst_pop li .tit span {
  font-size: 12px;
  color: #f27226;
}

.pop_noti_set .pop_noti .lst_pop li span.num {
  font-size: inherit;
  color: inherit;
  width: 14px;
  min-width: 14px;
}

.pop_noti_set .pop_noti .lst_pop.type2 li .tit {
  font-weight: bold;
}

/* pop_txt_set */
.pop_noti_set.pop_txt_set .pop_layer {
  display: none;
}

.pop_noti_set.pop_txt_set.on .pop_layer {
  display: block;
}

.pop_noti_set.pop_txt_set.on .modal {
  display: block;
}

.pop_noti_set.pop_txt_set .pop_noti p {
  font-size: 14px;
  padding: 0 0 24px;
  word-break: keep-all;
}

.pop_noti_set.pop_txt_set .pop_noti p.tit {
  font-size: 18px;
  padding-top: 24px;
}

.pop_noti_set.pop_txt_set .pop_noti .btm_border {
  border-bottom: 1px solid #222;
}

.pop_noti_set.pop_txt_set .btn_wp {
  margin-bottom: 28px;
}

.inp_txt {
  display: block;
  width: 100%;
  height: 40px;
  margin-top: 6px;
  padding: 0 10px;
  border-radius: 4px;
  border: solid 1px #b5b7bc;
  background-color: #fff;
  line-height: 40px;
  appearance: none;
  -webkit-appearance: none;
}

.inp_txt:focus {
  border: 0px;
  outline: 2px solid #e59700;
}

.pop_noti_set .pop_noti .lst_pop li.dp_ib {
  position: relative;
}

.pop_noti_set .pop_noti .lst_pop li.dp_ib .inp_txt {
  width: calc(100% - 108px);
}

.pop_noti_set .pop_noti .lst_pop li.dp_ib .inp_txt.type2 {
  width: 100%;
}

.pop_noti_set .pop_noti .btn_cof {
  position: absolute;
  bottom: 0;
  right: 0;
  width: 100px;
  background: #f5f5f5;
  color: #3c3646;
  height: 40px;
  border-radius: 4px;
  border: inherit;
}

.pop_noti_set .pop_noti .lst_pop.type2 .btn_cof {
  bottom: inherit;
  top: 26px;
}

.pop_noti_set .pop_btn {
  display: flex;
  flex-direction: column;
  padding: 16px;
}

.pop_noti_set .pop_btn.type2 {
  padding: 24px 16px;
}

.pop_noti_set .pop_btn button {
  width: 100%;
  min-width: 56px;
  height: 52px;
  border: 0px;
  font-size: 14px;
  background: #fff;
  color: #222;
}

.pop_noti_set .pop_btn button em {
  font-weight: bold;
}

.pop_noti_set .pop_btn .btn_res {
  color: #fff;
  background: #f27226;
  font-weight: bold;
}

.pop_noti_set .pop_noti .lst_pop li.dp_flex {
  display: flex;
}

.pop_noti_set .pop_noti .lst_pop li.dp_flex p {
  padding: 0px;
}

.pop_noti_set .pop_noti .lst_pop li.dp_flex .tit {
  width: 76px;
  text-align: left;
}

.pop_noti_set .pop_noti .lst_pop li.dp_flex .txt {
  width: calc(100% - 80px);
  margin-left: 4px;
  text-align: left;
}

.pop_noti_set .mh500_layer .pop_noti.on {
  max-height: 500px;
  height: 500px;
  overflow-x: hidden;
  overflow-y: scroll;
  padding-bottom: 20px;
}

.pop_noti_set .mh360_layer .pop_noti.on {
  max-height: 360px;
  height: 360px;
  overflow-x: hidden;
  overflow-y: scroll;
  padding-bottom: 20px;
}

.pop_noti_set .pop_noti .lst_pop li.topline {
  border-top: 1px solid #ededed;
  padding-top: 10px;
}

.pop_noti_set .pop_noti .lst_pop li.topline p {
  padding: 0;
}

.pop_noti_set .pop_noti .lst_pop li.topline p:first-child {
  padding-top: 4px;
}

.pop_noti_set .pop_noti .lst_pop textarea.inp_txt {
  height: 80px;
  padding: 10px;
  line-height: 1.5;
  resize: none;
}

.lst_pop li.li_title {
  font-size: 15px;
  font-weight: bold;
  margin-top: 16px;
}

.addinfo_pop li .tit span {
  color: #f27226;
  text-decoration: underline;
  font-weight: 500;
  font-size: 12px;
}

.btm_pop {
  margin-top: 16px;
  position: relative;
  overflow: hidden;
}

.btm_pop.type2 {
  padding: 20px 16px;
}

.btm_pop li.txt p {
  padding: 0 0 0 16px;
  text-align: left;
  position: relative;
}

.btm_pop li.txt p:first-child {
  padding-bottom: 4px;
}

.btm_pop li.txt p::before {
  content: '※';
  position: absolute;
  left: 0;
  display: inline-block;
}

.btm_pop li.btn_wp {
  display: flex;
  justify-content: space-between;
}

.btm_pop li.btn_wp .rounded {
  background: #cfcfcf;
  color: #111;
  height: 40px;
  line-height: 40px;
  border: 0;
  border-radius: 20px;
  width: 48%;
}

.btm_pop li.btn_wp .rounded.on {
  background: #f27226;
  color: #fff;
}

.pop_con .aside_ul {}

.pop_con .aside_ul>li>a {
  line-height: 50px;
  font-size: 16px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 50px;
  width: 100%;
  position: relative;
  border-bottom: 1px solid #e0e0e0;
}

.pop_con .aside_ul>li>a .title {
  font-size: inherit;
  font-weight: inherit;
  width: calc(48% - 10px);
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.pop_con .aside_ul>li a.on {
  border-bottom: none;
}

.pop_con .aside_ul>li .agree_date {
  display: block;
  text-align: right;
  font-size: 13px;
  color: #767676;
}

.pop_con .aside_ul>li .btn_arr {
  width: 20px;
  height: 20px;
  background: url(/images/tot_arr.png) no-repeat center center / 20px auto;
  display: inline-block;
  margin-left: 4px;
  position: absolute;
  right: 0;
  top: 16px;
}

.pop_con .aside_ul>li a.on .btn_arr {
  transform: rotate(180deg);
}

.pop_con .aside_ul>li .aside_cont {
  display: none;
}

.pop_con .aside_ul>li a.on+.aside_cont {
  display: block;
  margin: 0 0 20px;
}

.pop_con .aside_ul>li a.on+.aside_cont li {
  display: flex;
  margin-bottom: 4px;
}

.pop_con .aside_ul>li a.on+.aside_cont li.topline {
  border-top: 1px solid #ededed;
  padding-top: 10px;
  margin-top: 8px;
}

.pop_con .aside_ul>li a.on+.aside_cont li p {
  text-align: left;
  position: relative;
  padding: 0px;
}

.pop_con .aside_ul .aside_cont li p.tit {
  width: 84px;
  min-width: 84px;
  padding-left: 10px !important;
  word-break: keep-all;
}

.pop_con .aside_ul .aside_cont li p.tit::before {
  content: '';
  position: absolute;
  top: 8px;
  left: 0;
  display: block;
  width: 4px;
  height: 4px;
  margin-right: 5px;
  border-radius: 50%;
  background-color: #f27226;
}

.pop_con .aside_ul .aside_cont.table_cont {
  overflow-x: auto;
}

.pop_con .aside_ul .aside_cont table {
  text-align: center;
  border: 1px solid #ccc;
  width: 100%;
}

.pop_con .aside_ul .aside_cont table th {
  background: #f5f5f5;
  color: #767676;
  font-weight: 400;
  font-size: 12px;
  width: 40px;
  min-width: 40px;
  max-width: 40px;
}

.pop_con .aside_ul .aside_cont table td {
  color: #222;
  padding: 8px;
  font-size: 12px;
  border-left: 1px solid #ccc;
}

.pop_con .aside_ul .aside_cont img {
  width: 100%;
}

.pop_con .aside_ul .aside_cont.list_cont ul li a {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 40px;
  line-height: 40px;
  position: relative;
}

.pop_con .aside_ul .list_cont ul li a p {
  width: calc(48% - 10px);
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.pop_con .aside_ul .list_cont ul li a .btn_arr {
  transform: rotate(-90deg);
  top: 10px;
}

.btm_pop.call_pop p {
  padding: 0;
  text-align: left;
}

.btm_pop.call_pop p::before {
  content: '';
  display: inline-block;
  width: 14px;
  height: 14px;
  background: url(/images/nkkim2.png) no-repeat;
  background-size: contain;
  vertical-align: middle;
  margin-right: 4px;
  margin-top: -3px;
}

.btm_pop.call_pop .btn_call {
  position: inherit;
  background: #fff;
  border: 1px solid #ebebeb;
  border-radius: 4px;
  height: 40px;
  line-height: 40px;
  width: 100%;
  padding-left: 0px;
  margin-top: 10px;
  top: inherit;
  right: inherit;
  display: flex;
  align-items: center;
  justify-content: center;
}

.btm_pop.call_pop .btn_call:before {
  content: '';
  display: inline-block;
  width: 20px;
  height: 20px;
  background: url(/images/call_solid.png) no-repeat;
  background-size: contain;
  vertical-align: middle;
  margin-right: 4px;
}

.btm_pop.call_pop>a {
  font-size: 12px;
  margin-top: 10px;
  display: inline-flex;
  float: right;
}

.btm_pop.call_pop>a>span.btn_arr {
  transform: rotate(-90deg);
  display: block;
  width: 12px;
  height: 12px;
  background: url(/images/tot_arr.png) no-repeat center center / 12px auto;
}

.pop_con .sub_txt p {
  padding: 16px 0 0;
}

.pop_con .sub_txt p::before {
  content: '';
  display: inline-block;
  width: 20px;
  height: 20px;
  background: url(/images/aside_sear.png) no-repeat;
  background-size: contain;
  vertical-align: middle;
  margin-right: 4px;
}

.pop_con .aside_div {}

@media (max-width: 640px) {
  .pop_noti_set .pop_layer {
    max-width: inherit;
  }
}

/*검색결과*/
.sear_result_con {}

.sr_top {
  height: 115px;
  box-shadow: 0 5px 20px 0 rgba(0, 0, 0, 0.05);
  position: fixed;
  top: 60px;
  left: 50%;
  z-index: 10;
  background: #fff;
  width: 100%;
  max-width: 640px;
  transform: translateX(-50%);
  display: flex;
  flex-direction: column;
  gap: 10px;
  transition: transform 0.3s ease, opacity 0.3s ease;
}

.sr_top .sr_condi {
  padding-top: 17px;
}

.sr_top .sr_condi .swiper-slide {
  width: auto;
  display: flex;
}

.sr_top .sr_condi .swiper-slide:first-child {
  margin-left: 24px;
}

.sr_top .sr_condi .swiper-slide:last-child {
  margin-right: 24px;
}

.sr_top .sr_condi .festa-last {
  position: relative;
  margin-right: 16px !important;
  overflow: visible;
}

.sr_top .sr_condi .festa-last:after {
  content: "";
  position: absolute;
  top: 50%;
  right: -8px;
  transform: translateY(-50%);
  width: 1px;
  height: 60%;
  background: #EBEBEB;
  display: block;
}

.sr_top .sr_condi .swiper-slide div {
  border-radius: 19px;
  background-color: #f7f7f7;
  height: 38px;
  padding: 0 15px;
  letter-spacing: -0.58px;
  font-size: 12px;
  color: #1f1f1f;
  font-weight: 500;
  display: inline-block;
  line-height: 37px;
  text-align: center;
}

.sr_top .sr_condi .filter_slide {
  text-align: right;
  min-width: 56px;
  padding-right: 18px;
}

.sr_top .sr_condi div.filter {
  height: 38px;
  width: 38px;
  text-align: center;
  padding: 0;
  display: inline-block;
}

.sr_top .sr_condi div.filter img {
  width: 16px;
  vertical-align: middle;
}

.sr_top .sr_option_swiper {}

.sr_top .sr_option_swiper .swiper-slide:first-child {
  margin-left: 24px;
}

/* 예약가능 버튼 뜰 때 문제 */
.sr_top .sr_option_swiper li#opt0_li {
  margin-right: -18px !important;
}

.sr_top .sr_option_swiper li#opt1_li {
  margin-left: 24px;
}

.sr_top .sr_option_swiper .swiper-slide {
  /* min-width: 90px; */
  width: auto;
}

.sr_top .sr_option_swiper .swiper-slide a {
  display: block;
  width: 100%;
  height: 36px;
  padding-left: 12px;
  margin-right: 30px;
  background: #fefffe url('/images/ico_region_arr_down.png') no-repeat right 7px top 8px / 20px auto;
  line-height: 35px;
  border: 1px solid #ebebeb;
  border-radius: 18px;
}

.sr_top .sr_option_swiper .swiper-slide.on a {
  border: 2px solid #f27226;
  line-height: 34px;
}

.sr_top .sr_option_swiper .swiper-slide.nonarr a {
  background: #fefffe;
  margin-right: 10px;
  font-size: 12px;
  letter-spacing: -0.3;
}

.sr_top .sr_option_swiper .swiper-slide.nonarr.on a {
  /* background: #ffe9d7; */
  border: 2px solid #f27226;
  /* color: #f27226; */
}

.sr_top .sr_option_swiper .swiper-slide a .txt {
  font-size: 12px;
  color: #1f1f1f;
  letter-spacing: -0.3;
}

.sec_g.pd10 {
  padding: 10px 0 !important;
}

.sear_result_con .sr_txt {
  display: flex;
  justify-content: center;
  margin: 5px 0 33px;
}

.sear_result_con .sr_txt em {
  color: #f27226;
  text-decoration: underline;
}

.sear_result_con .sr_txt span {
  text-decoration: underline;
}

.sr_top.type2 {
  height: inherit;
  box-shadow: inherit;
  position: inherit;
  top: 0px;
  left: 0px;
  transform: none;
}

.sr_top.type2 .sr_option_swiper .swiper-slide {
  max-width: none;
}

.sr_top.type2 .sr_option_swiper .swiper-slide a {
  background: none;
  padding: 0 18px;
  margin-right: 0px;
  text-align: center;
}

.sr_top.type2 .sr_option_swiper .swiper-slide a .txt {
  font-size: 14px;
}

/**/
.view_date {
  position: relative;
  text-align: center;
  margin-top: 20px;
  background: #f1f1f1;
  padding: 12px 0;
  border-radius: 8px;
}

.view_date .slt_date {
  font-size: 18px;
  color: #000;
  font-weight: bold;
}

.view_date .slt_date .slt_gubun_txt {
  font-size: 18px;
  color: #969696;
  font-weight: bold;
}

.view_date .slt_date .selwp {
  display: inline-block;
  margin: 0;
  border-radius: 0;
  width: auto;
  height: auto;
  background: transparent;
}

.view_date .slt_date .selwp select {
  display: inline-block;
  border-radius: 0;
  width: auto;
  height: auto;
  padding: 0 36px 0 12px;
  font-size: 18px;
  color: #f47b20;
  font-weight: bold;
  border: 1px solid #000;
}

.view_date .slt_date .selwp .slt_txt {
  line-height: normal;
  right: 0;
}

.view_date .slt_gubun {
  position: absolute;
  left: 50%;
  top: 0;
  font-size: 13px;
  color: #000;
  letter-spacing: 0;
  margin-left: -20px;
}

.view_date .crt_clock {
  display: block;
  font-size: 13px;
  color: #666;
  letter-spacing: 0;
  margin-top: 6px;
}

.res_ment {
  text-align: center;
  padding: 12px 0;
  font-size: 18px;
  color: #f47b20;
  font-weight: bold;
}

.view_date .slt_date .gubunBox {
  position: relative;
  display: inline-block;
  vertical-align: top;
  padding-top: 29px;
}

.view_date .slt_date em {
  display: inline-block;
  vertical-align: middle;
  padding: 31px 2px 0 2px;
}

.view_date .slt_date .gubunBox .gubunTxtBox {
  position: relative;
  margin: 0;
  border-radius: 0;
  width: auto;
  height: 42px;
  line-height: 42px;
  background: #f8f8f8;
  border-radius: 8px;
  padding: 0 12px;
}

.view_date .slt_date .selwp2 {
  position: relative;
  margin: 0 0 5px 0;
  width: auto;
  height: 42px;
  line-height: 42px;
  background: #fff;
  border-radius: 8px;
  border: 1px solid #f47b20;
}

.view_date .slt_date .selwp2 select {
  font-family: 'Apple SD Gothic Neo', '맑은 고딕', 'Malgun Gothic', sans-serif;
  height: 42px;
  font-size: 18px;
  color: #f47b20;
  font-weight: bold;
  padding: 0 46px 0 12px;
  border: none;
}

.view_date .slt_date .selwp2 .slt_txt {
  position: absolute;
  top: 11px;
  right: 12px;
  width: 20px;
  height: 20px;
  z-index: 2;
  text-indent: -9999px;
  font-size: 0;
  background: url('/images/ci_more_arr.png') left top no-repeat;
  background-size: 20px auto;
}

/*.view_date .slt_date .selwp2 .slt_txt { position: absolute; top: 0; right: 14px; text-align: center; z-index: 2; line-height: 42px; font-size: 13px; font-weight: bold; }*/

.auto_camp_con {
  padding-top: 32px;
}

.empty_div {
  clear: both;
  padding-top: 10px;
}

.empty_div .btn_empty {
  width: 123px;
  height: 30px;
  border: 1px solid #f27226;
  font-size: 13px;
  padding-left: 16px;
  border-radius: 3px;
  background: rgba(242, 114, 38, 0.12) url('/images/bell_black.png') no-repeat left 8px top 9px / 11px auto;
}

.sear_result_con {}

.sear_result_con .sr_top+.camp_list {
  padding-top: 130px;
}

.camp_div {
  margin-bottom: 40px;
}

.camp_div.strong .pic {}

.camp_div.strong .pic .swiper-slide:after {
  /* border: 4px solid #f27226; */
  border-radius: 10px;
  position: absolute;
  content: 'AD';
  right: 13px;
  top: 8px;
  background-color: rgba(0, 0, 0, 0.6);
  color: #fff;
  box-sizing: border-box;
  padding: 0 10px;

}

.camp_div .pic .swiper-slide {
  position: relative;
  aspect-ratio: 4 / 3;
}

.camp_div .pic .swiper-slide>img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  border-radius: 10px;
}

.camp_div .q_tip_wp {
  display: flex;
  position: absolute;
  left: 15px;
  top: 15px;
  height: 21px;
  z-index: 2;
}

.camp_div .q_tip {
  margin-right: 6px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 2px solid #f27226;
  padding: 0px 10px;
  background: #fff;
  border-radius: 10px;
}

.camp_div .q_tip img {
  width: 10px;
  float: left;
}

.camp_div .q_tip .txt {
  margin-top: -1.2px;
  font-size: 10px;
  font-weight: bold;
  color: #f27226;
  line-height: 17px;
  float: left;
  margin-left: 4px;
}

.camp_div .q_tip.type2 {
  background: #f27226;
}

.camp_div .txt_box {
  position: relative;
}

.camp_div .q_tip.type2 .txt {
  color: #fff;
  margin-left: 0px;
}

.camp_div .txt_box .tit {
  white-space: nowrap;
  margin-right: 90px;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 16px;
  font-weight: bold;
  line-height: 21px;
  letter-spacing: -0.4px;
  text-align: left;
  color: #191919;
  margin-top: 9px;
}

.camp_div .txt_box .addr {
  margin-top: 8px;
  font-size: 12px;
  line-height: 18px;
  letter-spacing: -0.6px;
  text-align: left;
  color: #767676;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.camp_div .txt_box .tip_pri {
  margin-top: 10px;
  float: left;
  width: 100%;
  padding-bottom: 4px;
  position: relative;
}

/* .camp_div .txt_box .tip_set {float: left; width: calc(100% - 120px);} */
.camp_div .txt_box .tip_set {}

.camp_div .txt_box .pri_div {
  text-align: right;
  float: right;
}

/* .camp_div .txt_box .pri_div .ex_pri {text-decoration: line-through; color:#767676;font-size: 13px;margin-bottom: 3px;} */
.camp_div .txt_box .pri_div .ex_pri {
  text-decoration: line-through;
  text-decoration-thickness: 1px;
  color: #b1afaf;
  font-size: 14px;
  margin-bottom: 3px;
}

.camp_div .txt_box .pri_div .pri {
  font-size: 24px;
  font-weight: bold;
  line-height: 1.2;
  letter-spacing: -0.4px;
  color: #f27226;
}

.camp_div .txt_box .tip_set span {
  border: 1px solid #8e8e8e;
  font-size: 11px;
}

.camp_div .txt_box .tip_set .ad {
  background: #8e8e8e;
  color: #fff;
  display: none;
}

.camp_div .txt_box .btn_zzim {
  position: absolute;
  right: 0;
  top: 0;
  width: 24px;
  height: 24px;
  background: url(/images/ico_heart_line.png) no-repeat left center / 17.5px auto;
  border: none;
}

.camp_div .txt_box .btn_zzim.on {
  background: url(/images/ico_heart_org.png) no-repeat left center / 18px auto;
}

.camp_div .etc_txt {
  clear: both;
  overflow: hidden;
  font-size: 10px;
  color: #767676;
}

.camp_div .etc_txt .swiper-container {
  width: 100%;
  height: 32px;
  background: #F8F8FA;
  border-radius: 16px;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 1.5rem;
}

.camp_div .etc_txt .place_event_text {
  font-size: 12px;
  color: #767676;
  display: block;
  line-height: 32px;
  align-items: center;
  padding: 0 16px;
  width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.camp_div .etc_txt .place_event_text::before {
  content: "이벤트";
  min-width: 16px;
  min-height: 16px;
  line-height: 16px;
  padding: 0px 4px;
  font-size: 9px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  font-weight: 600;
  text-align: center;
  background: #F7CA7A;
  border: 1px solid #F7CA7A;
  color: #222;
  border-radius: 8px;
  margin-right: 4px;
  flex: none;
}

.camp_div .res_div {
  position: absolute;
  left: 0px;
  bottom: 12px;
  overflow: hidden;
  line-height: 21px;
}

.camp_div .res_div dt {
  float: left;
  font-size: 12px;
  color: #8b8b8b;
}

.camp_div .res_div dd {
  float: left;
  font-size: 12px;
  color: #1d1d1d;
}

.camp_div .res_div dt.q_res {
  padding: 2px 8px;
  border-radius: 100px;
  color: #fff;
  font-weight: 700;
  background: #ff1718;
  font-size: 13px;
}

.camp_div .res_div dt.q_res.type2 {
  background: #1c65ff;
}

.camp_div .res_div dt.q_res.type3 {
  background: #f07a1c;
}

.camp_div .res_div dt.q_res.type4 {
  background: #8e8e8e;
}

@media screen and (max-width: 600px) {
  .camp_div .pic .swiper-slide {
    height: inherit;
  }
}

@media screen and (max-width: 400px) {
  .camp_div .txt_box .pri_div {
    bottom: 14px;
  }

  .camp_div .txt_box .pri_div .pri {
    font-size: 20px;
  }
}

.camp_div .txt_box .tip_set.type2 {
  padding-top: 6px;
}

.camp_div .txt_box .tip_set.type2 p {
  display: inline-block;
  margin-right: 4px;
  padding-left: 8px;
  border: 1px solid #f27226;
  border-radius: 8px;
}

.camp_div .txt_box .tip_set.type2 span {
  padding-left: 16px;
  border: none;
  margin: 0;
  border-radius: 0;
}

.camp_div .txt_box .tip_set.type2 span.li_E0001 {
  background: url('/images/ico_ci_E0001_on.png') no-repeat left center / 11px auto;
}

.camp_div .txt_box .tip_set.type2 span.li_EA000 {
  background: url('/images/ico_ci_EA000_on.png') no-repeat left center / 13px auto;
}

.camp_div .txt_box .tip_set.type2 span.li_EA001 {
  background: url('/images/ico_ci_EA001_on.png') no-repeat left center / 13px auto;
}

.camp_div .txt_box .tip_set.type2 span.li_EA002 {
  background: url('/images/ico_ci_EA002_on.png') no-repeat left center / 13px auto;
}

.camp_div .txt_box .tip_set.type2 span.li_EA003 {
  background: url('/images/ico_ci_EA003_on.png') no-repeat left center / 13px auto;
}

.camp_div .txt_box .tip_set.type2 span.li_EB000 {
  background: url('/images/ico_ci_EB000_on.png') no-repeat left center / 13px auto;
}

.camp_div .txt_box .tip_set.type2 span.li_EB001 {
  background: url('/images/ico_ci_EB001_on.png') no-repeat left center / 13px auto;
}

.camp_div .txt_box .tip_set.type2 span.li_EB002 {
  background: url('/images/ico_ci_EB002_on.png') no-repeat left center / 13px auto;
}

.camp_div .txt_box .tip_set.type2 span.li_EB003 {
  background: url('/images/ico_ci_EB003_on.png') no-repeat left center / 13px auto;
}

.camp_div .txt_box .tip_set.type2 span.li_EC000 {
  background: url('/images/ico_ci_EC000_on.png') no-repeat left center / 13px auto;
}

.camp_div .txt_box .tip_set.type2 span.li_EC001 {
  background: url('/images/ico_ci_EC001_on.png') no-repeat left center / 13px auto;
}

.camp_div .txt_box .tip_set.type2 span.li_EC002 {
  background: url('/images/ico_ci_EC002_on.png') no-repeat left center / 13px auto;
}

.camp_div .txt_box .tip_set.type2 span.li_EC003 {
  background: url('/images/ico_ci_EC003_on.png') no-repeat left center / 13px auto;
}

.camp_div .txt_box .tip_set.type2 span.li_ED000 {
  background: url('/images/ico_ci_ED000_on.png') no-repeat left center / 13px auto;
}

.camp_div .txt_box .tip_set.type2 span.li_ED001 {
  background: url('/images/ico_ci_ED001_on.png') no-repeat left center / 13px auto;
}

.cr_box_set.st3 ul {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}

.cr_box_set.st3 ul li {
  width: calc(33.33% - 7px);
}

.cr_box_set ul {
  overflow: hidden;
  margin-top: 15px;
  padding-bottom: 10px;
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
}

.cr_box_set ul li.w100per {
  width: 100%;
}

.cr_box_set ul li {
  width: calc((100% - 13px) / 2);
  margin-bottom: 12px;
}

.cr_box_set ul li:nth-child(odd) {
  margin-right: 13px;
}

.cr_box_set.st3 ul li:nth-child(odd) {
  margin-right: 0px;
}

.cr_box_set ul li.w100per:nth-child(odd) {
  margin-right: 0;
}

.cr_box_set ul li.sub_list {
  width: calc(50% - 6.5px);
}

.cr_box_set ul li.sub_list:nth-child(odd) {
  margin-right: 0px;
}

/* 후기 아이콘 */
.cr_box_set ul li.sub_list label>span {
  display: inline-flex;
  width: 18px;
  height: 18px;
  margin-right: 4px;
  margin-top: -2px;
  vertical-align: middle;
}

.cr_box_set ul li.sub_list.li_EA000 label>span {
  background: url('/images/ico_ci_EA000.png') no-repeat center / 18px auto;
}

.cr_box_set ul li.sub_list.li_EA001 label>span {
  background: url('/images/ico_ci_EA001.png') no-repeat center / 18px auto;
}

.cr_box_set ul li.sub_list.li_EA002 label>span {
  background: url('/images/ico_ci_EA002.png') no-repeat center / 18px auto;
}

.cr_box_set ul li.sub_list.li_EA003 label>span {
  background: url('/images/ico_ci_EA003.png') no-repeat center / 18px auto;
}

.cr_box_set ul li.sub_list.li_EB000 label>span {
  background: url('/images/ico_ci_EB000.png') no-repeat center / 18px auto;
}

.cr_box_set ul li.sub_list.li_EB001 label>span {
  background: url('/images/ico_ci_EB001.png') no-repeat center / 18px auto;
}

.cr_box_set ul li.sub_list.li_EB002 label>span {
  background: url('/images/ico_ci_EB002.png') no-repeat center / 18px auto;
}

.cr_box_set ul li.sub_list.li_EB003 label>span {
  background: url('/images/ico_ci_EB003.png') no-repeat center / 18px auto;
}

.cr_box_set ul li.sub_list.li_EC000 label>span {
  background: url('/images/ico_ci_EC000.png') no-repeat center / 18px auto;
}

.cr_box_set ul li.sub_list.li_EC001 label>span {
  background: url('/images/ico_ci_EC001.png') no-repeat center / 18px auto;
}

.cr_box_set ul li.sub_list.li_EC002 label>span {
  background: url('/images/ico_ci_EC002.png') no-repeat center / 18px auto;
}

.cr_box_set ul li.sub_list.li_EC003 label>span {
  background: url('/images/ico_ci_EC003.png') no-repeat center / 18px auto;
}

.cr_box_set ul li.sub_list.li_ED000 label>span {
  background: url('/images/ico_ci_ED000.png') no-repeat center / 18px auto;
}

.cr_box_set ul li.sub_list.li_ED001 label>span {
  background: url('/images/ico_ci_ED001.png') no-repeat center / 18px auto;
}

/* checked */
.cr_box_set ul li.sub_list.li_ED001 input[type='checkbox']:checked+label span {
  background: url('/images/ico_ci_E0001_on.png') no-repeat center / 18px auto;
}

.cr_box_set ul li.sub_list.li_EA000 input[type='checkbox']:checked+label span {
  background: url('/images/ico_ci_EA000_on.png') no-repeat center / 18px auto;
}

.cr_box_set ul li.sub_list.li_EA001 input[type='checkbox']:checked+label span {
  background: url('/images/ico_ci_EA001_on.png') no-repeat center / 18px auto;
}

.cr_box_set ul li.sub_list.li_EA002 input[type='checkbox']:checked+label span {
  background: url('/images/ico_ci_EA002_on.png') no-repeat center / 18px auto;
}

.cr_box_set ul li.sub_list.li_EA003 input[type='checkbox']:checked+label span {
  background: url('/images/ico_ci_EA003_on.png') no-repeat center / 18px auto;
}

.cr_box_set ul li.sub_list.li_EB000 input[type='checkbox']:checked+label span {
  background: url('/images/ico_ci_EB000_on.png') no-repeat center / 18px auto;
}

.cr_box_set ul li.sub_list.li_EB001 input[type='checkbox']:checked+label span {
  background: url('/images/ico_ci_EB001_on.png') no-repeat center / 18px auto;
}

.cr_box_set ul li.sub_list.li_EB002 input[type='checkbox']:checked+label span {
  background: url('/images/ico_ci_EB002_on.png') no-repeat center / 18px auto;
}

.cr_box_set ul li.sub_list.li_EB003 input[type='checkbox']:checked+label span {
  background: url('/images/ico_ci_EB003_on.png') no-repeat center / 18px auto;
}

.cr_box_set ul li.sub_list.li_EC000 input[type='checkbox']:checked+label span {
  background: url('/images/ico_ci_EC000_on.png') no-repeat center / 18px auto;
}

.cr_box_set ul li.sub_list.li_EC001 input[type='checkbox']:checked+label span {
  background: url('/images/ico_ci_EC001_on.png') no-repeat center / 18px auto;
}

.cr_box_set ul li.sub_list.li_EC002 input[type='checkbox']:checked+label span {
  background: url('/images/ico_ci_EC002_on.png') no-repeat center / 18px auto;
}

.cr_box_set ul li.sub_list.li_EC003 input[type='checkbox']:checked+label span {
  background: url('/images/ico_ci_EC003_on.png') no-repeat center / 18px auto;
}

.cr_box_set ul li.sub_list.li_ED000 input[type='checkbox']:checked+label span {
  background: url('/images/ico_ci_ED000_on.png') no-repeat center / 18px auto;
}

.cr_box_set ul li.sub_list.li_ED001 input[type='checkbox']:checked+label span {
  background: url('/images/ico_ci_ED001_on.png') no-repeat center / 18px auto;
}

/* .cr_box_set ul li:nth-child(odd) {float: left;}
.cr_box_set ul li:nth-child(even) {float: right;} */
.cr_box_set input[type='checkbox'],
.cr_box_set input[type='radio'] {
  visibility: hidden;
  z-index: -1;
  position: absolute;
}

.cr_box_set input[type='checkbox']+label,
.cr_box_set input[type='radio']+label {
  width: 100%;
  height: 50px;
  background: #fff;
  display: block;
  text-align: center;
  line-height: 46px;
  color: #8e8e8e;
  font-size: 15px;
  border-radius: 4px;
  border: 1px solid #d6d6d6;
  margin-left: 0;
  padding: 0 10px !important;
  box-sizing: border-box;
  font-weight: bold;
}

.cr_box_set input[type='checkbox']:checked+label,
.cr_box_set input[type='radio']:checked+label {
  border: 2px solid #f27226;
  color: #1d1d1d;
  line-height: 44px;
}

.cr_box_set #sort_ment {
  display: flex;
  font-size: 13px;
  margin-bottom: 8px;
  color: #767676;
}

.push_con {}

.push_con .ps_txt {
  text-align: right;
  color: #767676;
  font-size: 14px;
}

.board_list {}

.board_list ul li .tit {
  font-size: 16px;
  color: #191919;
  letter-spacing: -0.5px;
  font-weight: bold;
}

.board_list ul li {
  border-bottom: 1px solid #e5e5e7;
  padding-top: 20px;
  padding-bottom: 10px;
}

.board_list ul li .btm_div {
  overflow: hidden;
  margin-top: 5px;
}

.board_list ul li .btm_div .date {
  float: left;
  font-size: 13px;
  color: #767676;
  margin-top: 10px;
}

.board_list ul li .btm_div .btn_gray {
  float: right;
}

.btn_gray {
  color: #3c3646;
  font-size: 13px;
  border: 1px solid #d9d9d9;
  background: #f5f5f5;
  min-width: 62px;
  padding: 0 8px;
  border-radius: 3px;
  height: 30px;
}

.paging_set {
  margin-top: 24px;
  margin-bottom: 52px;
  text-align: center;
}

.paging_set button {
  font-size: 12px;
  border: 1px solid #d9d9d9;
  height: 25px;
  width: 50px;
  color: #3c3646;
  border-radius: 3px;
}

.paging_set .pg_next {
  background: #fff url('/images/page_arr_right.png') no-repeat right 4px top 6px / 12px auto;
  text-indent: -12px;
}

.paging_set .pg_prev {
  background: #fff url('/images/page_arr_left.png') no-repeat left 4px top 6px / 12px auto;
  text-indent: 12px;
}

.paging_set .txt {
  color: #1f1f1f;
  font-size: 14px;
  line-height: 25px;
  display: inline-block;
  padding: 0 17px;
}

.pg_next.last {
  padding: 0 12px;
  background: inherit;
  text-indent: inherit;
  width: auto;
  margin-top: 10px;
}

/*1:1문의*/
.qna_view {}

.qna_div .nik {
  font-size: 16px;
  font-weight: bold;
  letter-spacing: -0.4px;
  color: #191919;
}

.qna_div .date {
  font-size: 13px;
  line-height: 18px;
  letter-spacing: -0.35px;
  color: #767676;
  margin-left: 10px;
}

.qna_div .qna_comt {
  margin-top: 19px;
}

.qna_div .qna_comt .so_txt {
  font-size: 13px;
  letter-spacing: -0.35px;
  color: #8e8e8e;
}

.qna_div .qna_comt .txt {
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.4px;
  color: #191919;
  margin-top: 10px;
}

.qna_div_re {
  background: #f8f8fa;
  padding: 10px;
  margin: 20px 0;
}

.qna_div_re_in {
  border-left: 1px solid #1f1f1f;
  padding-left: 10px;
}

.qna_div_re .nik {
  font-size: 13px;
  font-weight: bold;
  letter-spacing: -0.4px;
  color: #191919;
}

.qna_div_re .date {
  font-size: 11px;
  line-height: 18px;
  letter-spacing: -0.35px;
  color: #767676;
  margin-left: 5px;
}

.qna_div_re .qna_comt {
  margin-top: 10px;
}

.qna_div_re .qna_comt .txt {
  font-size: 13px;
  line-height: 16px;
  letter-spacing: -0.35px;
  color: #1f1f1f;
  padding-bottom: 5px;
}

.qna_view .btm_btn {
  text-align: right;
  margin-top: 16px;
}

.qna_write {}

.qna_write>.btn_orange {
  margin-top: 25px;
}

.qw_div {
  border-bottom: 1px solid #e5e5e7;
  margin-bottom: 18px;
  padding-bottom: 15px;
}

.qw_div>.tit {
  font-size: 16px;
  font-weight: 500;
  color: #191919;
  line-height: 1.1;
  margin-bottom: 15px;
}

.qw_div .qw_radi {}

.qw_div .qw_radi ul {
  display: flex;
}

.qw_div .qw_radi ul li {
  text-align: center;
  width: 33.33%;
}

@media (max-width: 640px) {
  .qw_div .qw_radi ul {
    flex-wrap: wrap;
  }

  .qw_div .qw_radi ul li {
    margin-top: 6px;
  }

  .qw_div .qw_radi ul li:nth-of-type(n):nth-of-type(-n + 4) {
    margin-top: 0px;
  }
}

.qw_radi input[type='radio'] {
  visibility: hidden;
  z-index: -1;
  position: absolute;
  width: 0;
  height: 0;
}

.qw_radi input[type='radio']+label {
  display: block;
  width: 100%;
  height: 36px;
  line-height: 35px;
  border: 1px solid #ebebeb;
  text-align: center;
  border-radius: 18px;
  margin-left: 0;
  padding: 0 !important;
  box-sizing: border-box;
  margin: 0 auto;
  max-width: 100px;
}

.qw_radi input[type='radio']+label img {
  width: 100%;
  height: 100%;
  border-radius: 50% 50%;
  object-fit: cover;
  object-position: center center;
  border: 3px solid #e0e0e0;
}

.qw_radi input[type='radio']:checked+label {
  box-shadow: 0 0 0 2px #f27226 inset;
  line-height: 32px;
}

.qw_radi input[type='radio']:checked+label img {
  border: 3px solid #f27226;
}

.qw_div:last-child {
  border-bottom: none;
}

.qw_div .qw_txt {
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.4px;
  color: #191919;
}

.qw_div .qw_txt span {
  font-weight: bold;
  color: #ff1718;
}

.qw_inp input[type='text'] {
  height: 50px;
  width: 100%;
  border: 1px solid #f8f8f7;
  background: #f8f8f7;
  text-indent: 13px;
  border-radius: 5px;
  font-size: 14px;
}

.qw_inp input[type='text']:focus,
.qw_texa textarea:focus {
  border: 1px solid #000;
  outline: none;
}

.qw_texa textarea::placeholder {
  color: #767676;
}

.ph_file {
  position: relative;
}

.ph_file_swiper {
  padding-top: 8px;
}

.ph_file_swiper .swiper-slide {
  width: 70px;
  height: 70px;
  border-radius: 5px;
  border: solid 1px #ebebeb;
  background-color: #fff;
  position: relative;
  text-align: center;
}

.ph_file_swiper .swiper-slide a {
  display: block;
  background: red;
}

.ph_file_swiper .swiper-slide .ico {
  width: 30px;
  height: 30px;
  background: none;
  border: none;
  margin-top: 11px;
}

.ph_file_swiper .swiper-slide .ico img {
  width: 100%;
}

.ph_file_swiper .swiper-slide .txt_fig {
  font-size: 12px;
  line-height: 15px;
  letter-spacing: -0.3px;
  text-align: center;
  color: #8e8e8e;
  margin-top: 4px;
}

.ph_file_swiper .swiper-slide .txt_fig span {
  color: #f27226;
}

.ph_file_swiper .swiper-slide .pic {
  width: 70px;
  height: 70px;
  border-radius: 5px;
  margin: -1px 0 0 -1px;
}

.ph_file_swiper .swiper-slide .pic img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  border-radius: 5px;
}

.ph_file_swiper .swiper-slide .btn_ph_del {
  height: 16px;
  width: 16px;
  background: url('/images/ph_del.png') no-repeat center center / 16px auto;
  border: none;
  position: absolute;
  right: -8px;
  top: -8px;
}

.balloon_txt {
  display: inline-block;
  position: absolute;
  top: 24px;
  left: 92px;
  padding: 8px 10px;
  border-radius: 4px;
  border: 1px solid #f1f1f1;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1);
}

.balloon_txt .arrow {
  position: absolute;
  width: 9px;
  height: 9px;
  border-color: #e9ecef;
  border-style: solid;
  border-width: 1px 1px 0 0;
  transform: rotate(-45deg);
  top: -5px;
  left: calc(50% - 5px);
  background-color: #fff;
  transform: rotate(-135deg);
  left: -5px;
  top: calc(50% - 5px);
}

.balloon_txt p {
  font-size: 12px;
  color: #1f1f1f;
}

.balloon_txt p em {
  color: #f27226;
  font-weight: 500;
}

.qw_texa {}

.qw_texa textarea {
  border: 1px solid #f8f8f7;
  background: #f8f8f7;
  border-radius: 5px;
  font-size: 14px;
  width: 100%;
  height: 180px;
  resize: none;
  padding: 15px 13px;
}

.btm_div .sp_aw {
  float: right;
  margin-top: 7px;
}

.sp_aw {
  min-width: 36px;
  height: 23px;
  border-radius: 2px;
  background-color: #ebebeb;
  font-size: 10px;
  border: solid 1px #8b8b8b;
  padding: 0 10px;
  display: inline-block;
  line-height: 21px;
}

.sp_aw.on {
  border: solid 1px #f27226;
  background-color: rgba(242, 114, 38, 0.12);
}

/*공지사항*/
.notice_con {}

.notice_view {}

.bd_top {
  border-bottom: 1px solid #e5e5e7;
  min-height: 70px;
  /* padding-bottom: 20px; */
}

.bd_top .tit {
  font-size: 16px;
  font-weight: bold;
  line-height: 23px;
  letter-spacing: -0.4px;
  color: #191919;
  width: calc(100% - 36px);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.write_info {
  padding-bottom: 13px;
  margin-top: 10px;
  overflow: hidden;
}

.write_info ul li {
  float: left;
  margin-right: 32px;
}

.write_info li span {
  font-size: 13px;
  line-height: 15px;
  letter-spacing: -0.35px;
  color: #767676;
}

.write_info li .reco {
  padding-left: 23px;
  background: url('/images/ico_reco.png') no-repeat left center / 20px auto;
  color: #767676;
}

.write_info li .reco.on {
  background: url('/images/ico_reco2.png') no-repeat left center / 20px auto;
}

.write_info li .btn_share {
  padding-left: 23px;
  background: url('/images/ico_share.png') no-repeat left center / 20px auto;
  color: #767676;
}

.write_info li:nth-last-of-type(1) {
  display: flex;
  /* justify-content: flex-end; */
  margin-right: 0px;
  float: right;
}

.bd_cont {
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.3px;
  color: #191919;
  padding: 20px 0;
  touch-action: manipulation;
}

.bd_cont img {
  max-width: 100%;
}

.bd_cont p,
.bd_cont p>span {
  line-height: 1.5;
  word-break: keep-all;
}

.notice_title {
  font-size: 28px;
  font-weight: bold;
  text-align: left;
  padding-top: 30px;
  margin-bottom: 20px;
}

.nt_txt {
  font-size: 13px;
  color: #767676;
  margin-bottom: 25px;
  max-height: 300px;
  overflow-y: auto;
}

.pop_nt_foot {
  background: #ebebeb;
  overflow: hidden;
  height: 62px;
  padding: 0 24px;
}

.pop_nt_foot button {
  border: none;
  font-size: 14px;
  margin-top: 20px;
}

.pop_nt_foot .right_div button {
  font-weight: bold;
}

.nt_txt em {
  color: #f27226;
  font-weight: bold;
}

.com_title .btn_share {
  position: absolute;
  height: 24px;
  right: 24px;
  padding-left: 23px;
  background: url('/images/ico_share.png') no-repeat left center / 24px auto;
  color: #767676;
}

/*캠핑장 공지사항*/
.write_info.type2 li:nth-last-of-type(1) {
  display: flex;
  justify-content: flex-start;
  margin-right: 0px;
  float: left;
}

/* 천원의 행복 */
.bd_cont .th_event {
  padding: 10px;
  box-sizing: border-box;
}

.bd_cont .th_event li {
  margin-top: 4px;
  color: #4d4d4d;
}

.bd_cont .th_event em {
  font-weight: bold;
  padding-right: 8px;
  color: #000;
}

.bd_cont .th_event li.type2 {
  border-top: 1px solid #f1f1f1;
  padding-top: 12px;
  margin-top: 20px;
}

.flex_btn {
  width: 100%;
  display: flex;
  height: 52px;
  text-align: center;
  position: fixed;
  bottom: 0;
  z-index: 100;
  overflow: hidden;
}

.flex_btn .btn_orange.join {
  background-color: #fff;
  color: #f27226;
  box-shadow: 0 0 0 1px #f27226 inset;
}

@media (min-width: 640px) {
  .flex_btn {
    width: 640px;
  }
}

/*이벤트*/
.tab_fc {}

.tab_fc ul {
  display: flex;
}

.tab_fc li {
  width: 50%;
  height: 60px;
  text-align: center;
  cursor: pointer;
  border-bottom: 2px solid #ebebeb;
}

.tab_fc li span {
  font-size: 16px;
  line-height: 60px;
  letter-spacing: -0.8px;
  text-align: center;
  color: #4d4d4d;
}

.tab_fc li.on {
  border-bottom: 2px solid #f27226;
}

.tab_fc li.on span {
  color: #191919;
  font-weight: bold;
}

.event_list {}

.event_list li {
  border-bottom: 1px solid #e5e5e7;
  padding-bottom: 35px;
  padding-top: 35px;
}

.event_con.type2::before {
  content: '';
  display: block;
  width: calc(100% + 48px);
  height: 8px;
  background: #f7f7f7;
  position: relative;
  top: 0px;
  left: -24px;
}

.event_con.type2 .event_list li {
  border-bottom: 0px;
  padding-top: 0px;
  padding-bottom: 28px;
}

.event_con.type2 .event_list li:nth-of-type(1) {
  padding-top: 28px;
}

.event_list li .tit {
  font-size: 16px;
  font-weight: bold;
  line-height: 20px;
  letter-spacing: -0.4px;
  text-align: left;
  color: #191919;
  margin-bottom: 15px;
}

.event_list li .pic {
  width: 100%;
}

.event_list li .pic img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  border-radius: 5px;
}

.event_list li:nth-last-child(1) {
  border-bottom: 0px;
}

.event_view {
  padding-bottom: 35px;
}

.sec_reply {
  padding-top: 45px;
  position: relative;
}

.sec_reply:before {
  content: '';
  display: block;
  height: 8px;
  width: calc(100% + 48px);
  background: #f7f7f7;
  position: absolute;
  left: -24px;
  top: 0px;
}

.sec_reply .rrv_list .rrv_reply {
  margin-left: 69px;
}

.bd_cont+.btn_orange {
  margin-top: 25px;
}

/* 중앙 모달 */
.modal_wrap .md_cont textarea {
  width: 100%;
  height: 163px;
  background: #f8f8f7;
  border-radius: 5px;
  padding: 15px 13px;
  border: none;
  resize: none;
  margin-top: 13px;
}

.modal_wrap .md_cont textarea:focus {
  outline: none;
  border: 1px solid #000;
}

.modal_wrap .clo {
  text-indent: -50000px;
  width: 24px;
  height: 24px;
  background: url('/images/tot_clo.png') no-repeat center center / 24px auto;
  border: none;
  position: absolute;
  right: 10px;
  top: 12px;
}

.modal_wrap.pop_reply .btn_ok {
  margin-top: 20px;
}

.event_con .btn_orange {
  margin-bottom: 30px;
}

.event_con .write_info li:nth-last-of-type(1) {
  display: inherit;
  float: right;
}

@media (max-width: 380px) {
  .write_info ul li {
    margin-right: 12px;
  }
}

/*자주하는 질문*/
.faqWp {
  box-sizing: border-box;
  margin-bottom: 50px;
}

.faqWp .faq_tab {
  overflow: hidden;
  padding-bottom: 15px;
}

.faqWp .faq_tab>ul {
  display: flex;
  width: 100%;
  flex-wrap: wrap;
}

.faqWp .faq_tab>ul>li {
  width: calc(100% / 3);
  height: 36px;
  margin-bottom: 10px;
}

.faqWp .faq_tab>ul>li.active button {
  border: 2px solid #f27226;
  color: #1f1f1f;
}

.faqWp .faq_tab>ul>li button {
  width: 90%;
  height: 36px;
  color: #1f1f1f;
  font-size: 14px;
  background: #fefffe;
  border: 1px solid #ebebeb;
  border-radius: 18px;
}

.faqWp .faq_box {
  position: relative;
  padding-top: 20px;
}

.faqWp .faq_box .inner {
  display: none;
  margin-top: 16px;
}

.faqWp .faq_box:before {
  content: '';
  display: block;
  height: 8px;
  width: calc(100% + 48px);
  background: #f7f7f7;
  position: absolute;
  left: -24px;
  top: 0px;
}

.faqWp .faq_box:first-child::before {
  content: none;
}

.faqWp .faq_box .inner .q {
  display: flex;
  align-items: baseline;
  line-height: 1.3;
  font-weight: 500;
  position: relative;
  padding: 20px 40px 20px 0px;
  font-size: 15px;
  border-bottom: 1px solid #ccc;
}

.faqWp .faq_box .inner .q .qt {
  font-size: 18px;
  padding-right: 8px;
  color: #f27226;
}

.faqWp .faq_box .inner .q.on {
  border: none;
}

.faqWp .faq_box .inner .q .sprite.arw_bt {
  position: absolute;
  right: 16px;
  top: 50%;
  transform: translateY(-10px);
}

.faqWp .faq_box .inner .q.on .sprite.arw_bt {
  transform: translateY(-10px) rotate(180deg);
}

.faqWp .faq_box .inner .answer {
  display: none;
  padding: 5px 20px 20px 20px;
  border-bottom: 1px solid #ccc;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.4px;
  color: #191919;
  background: url('/images/ico_a.png') no-repeat top 4px left / 11px auto;
}

.faq_box .sprite {
  display: inline-block;
}

.faq_box .sprite:after {
  content: '';
  display: block;
  position: relative;
  margin: 0 auto;
  overflow: hidden;
  background: url('/images/fna_arr.png') no-repeat center center / 20px auto;
  width: 20px;
  height: 20px;
}

.card_con.con {
  padding-top: 0px;
}

.card_con .faqWp .faq_box.dp_flex {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 20px 0;
}

.card_con .faqWp .faq_box.dp_flex span {
  padding: 12px;
  transform: rotate(90deg);
  cursor: pointer;
  box-sizing: border-box;
}

.card_con .faqWp .faq_box.dp_flex span:nth-last-child(1) {
  transform: rotate(-90deg);
}

.card_con .faqWp .faq_box.dp_flex .sprite:after {
  background: url('/images/fna_arr.png') no-repeat center center / 32px auto;
}

.card_con .faqWp .faq_box.dp_flex p {
  font-size: 16px;
  font-weight: bold;
}

.card_con .faqWp .faq_box .inner .q {
  justify-content: space-between;
}

.card_con .faqWp .faq_box .inner .q .qt em {
  font-size: 15px;
  color: #000;
  margin-left: 4px;
}

.card_con .faqWp .faq_box .inner .answer {
  background: none;
}

/* 신고하기 */
.faqWp.type2 .faq_user {
  width: 100%;
  border-bottom: 1px solid #ccc;
  padding-bottom: 16px;
}

.faqWp.type2 .faq_user li {
  display: flex;
}

.faqWp.type2 .faq_user li .tit {
  min-width: 60px;
  font-size: 16px;
  font-weight: 500;
  color: #6b6b6b;
  position: relative;
}

.faqWp.type2 .faq_user li .tit span {
  display: flex;
  max-width: 41px;
  justify-content: space-between;
}

.faqWp.type2 .faq_user li .tit::after {
  content: '';
  position: absolute;
  top: 5px;
  right: 8px;
  width: 1px;
  height: 16px;
  background: #6b6b6b;
}

.faqWp.type2 .faq_user li .txt {
  margin-top: 2px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.faqWp.type2 .faq_box {
  padding-top: 0;
}

.faqWp.type2 .faq_box:before {
  display: none;
}

.faqWp.type2 .faq_box h4 {
  font-size: 16px;
  font-weight: 500;
  margin: 16px 0 -5px;
}

.faqWp.type2 .faq_box .inner .q_report input {
  margin-right: 12px;
}

.faqWp.type2 .faq_box .inner .answer {
  background: none;
  padding: 5px 24px 20px 24px;
}

.faqWp.type2 .faq_box .inner .answer p {
  position: relative;
  text-indent: 8px;
}

.faqWp.type2 .faq_box .inner .answer p::before {
  content: '';
  position: absolute;
  top: 8px;
  left: 0;
  width: 3px;
  height: 3px;
  background: #555;
}

.faqWp.type2 .faq_box .inner .answer .txt {
  width: 100%;
  height: 127px;
  margin-top: 4px;
}

.faqWp.type2 .faq_box .inner .answer .txt textarea {
  padding: 8px;
  width: 100%;
  height: 100%;
}

/*Q-point*/
.q_point_con {
  padding: 0 24px;
}

.q_point_con .btn_orange {
  margin-top: 28px;
}

.q_point_con li {
  margin-bottom: 32px;
}

.q_tit {
  font-size: 18px;
  font-weight: bold;
  line-height: 1.5;
  letter-spacing: -0.5px;
  color: #222;
  margin-bottom: 10px;
  position: relative;
}

.qpoint_bat {
  width: 66px;
  height: 24px;
  background: url('/images/qpoint_bat.png') no-repeat center center / 66px auto;
  position: absolute;
  top: 50%;
  transform: translateY(-10px);
  margin-left: 4px;
}

.txt_sub .qpoint_bat {
  display: inline-flex;
  width: 48px;
  height: 17px;
  background: url('/images/qpoint_bat.png') no-repeat center center / 48px auto;
  transform: translateY(3px);
  position: inherit;
  margin-left: 0px;
}

.q_txt {
  font-size: 14px;
  line-height: 1.5;
  letter-spacing: -0.3px;
  text-align: left;
  color: #767676;
  word-wrap: break-word;
  position: relative;
  padding-left: 8px;
}

.q_point_con .q_txt::before {
  content: '-';
  position: absolute;
  left: 0;
}

.q_point_con .q_txt.type2::before {
  content: '';
}

.q_point_con .q_txt.type2 {
  color: #ff1718;
  font-size: 12px;
}

.q_point_con .q_txt span {
  font-weight: bold;
  color: #f27226;
}

.q_tit.mt {
  margin-top: 45px;
}

.q_tit.mb {
  margin-bottom: 14px;
}

.qp_list {
  margin-bottom: 10px;
  display: block;
}

.qp_list>div {
  padding: 16px;
  box-shadow: 0 1.5px 5px 0 rgba(0, 0, 0, 0.08);
  border: 1px solid #e2e2e2;
  border-radius: 14px;
  position: relative;
}

.qp_list .tit {
  font-size: 14px;
  color: #191919;
  margin-bottom: 4px;
  padding-left: 9px;
  background: url('/images/ico_rect_og.png') no-repeat center left / 4px auto;
}

.qp_list .txt {
  font-size: 13px;
  color: #191919;
  position: relative;
  padding-left: 18px;
  width: calc(100% - 20px);
}

.qp_list .txt::before {
  content: '-';
  position: absolute;
  left: 0;
  margin-left: 9px;
}

.qp_list span.arr {
  display: inline-block;
  width: 10px;
  height: 20px;
  background: url('/images/arr_orange.png') no-repeat center center / 10px auto;
  position: absolute;
  right: 16px;
  top: 50%;
  transform: translateY(-10px);
}

.qp_ex {
  padding-top: 25px;
}

.qp_ex .tit {
  font-size: 16px;
  line-height: 20px;
  text-align: center;
  color: #191919;
}

.qp_ex .tit span {
  font-weight: bold;
}

.qp_ex .qp_ta table {
  width: 100%;
  margin-top: 15px;
}

.qp_ex .qp_ta table .le {
  text-align: left;
}

.qp_ex .qp_ta table .ri {
  text-align: right;
}

.qp_ex .qp_ta table thead th {
  border-bottom: 1px solid #e5e5e7;
  color: #f27226;
  height: 40px;
}

.qp_ex .qp_ta table tbody td {
  height: 35px;
}

.qp_ex .qp_ta table tfoot td {
  height: 40px;
  border-top: 1px solid #e5e5e7;
  font-weight: bold;
}

.level_list {}

.level_list li dt {
  padding-left: 29px;
  line-height: 24px;
}

.level_list li dd {
  padding-left: 29px;
}

.level_list li.bro dt {
  background: url('/images/ico_level01.png') no-repeat center left / 24px auto;
}

.level_list li.sil dt {
  background: url('/images/ico_level02.png') no-repeat center left / 24px auto;
}

.level_list li.gol dt {
  background: url('/images/ico_level03.png') no-repeat center left / 24px auto;
}

.level_list li.pla dt {
  background: url('/images/ico_level04.png') no-repeat center left / 24px auto;
}

.level_list li.vip dt {
  background: url('/images/ico_level05.png') no-repeat center left / 24px auto;
}

/* qbox */
.qbox_area {
  border-radius: 8px;
  background-color: #f7f7f9;
  box-sizing: border-box;
  padding: 0 20px;
  margin-bottom: 20px;
}

.my_point {
  display: flex;
  justify-content: space-between;
  width: 100%;
  padding: 24px 0;
  letter-spacing: -1.2px;
}

.my_point .og {
  color: #f27226;
  font-size: 24px;
  font-weight: bold;
}

.my_point .point {
  color: #191919;
  font-weight: bold;
  font-size: 27px;
}

.my_point .won {
  color: #8e8e8e;
  font-size: 27px;
}

.line_box {
  font-size: 12px;
  color: #191919;
  padding: 8px 0;
  border-top: 1px solid #bebebe;
}

.line_box span {
  display: inline-block;
  margin-right: 4px;
  width: 10px;
  height: 10px;
  background: url(/images/qbox_add.png) no-repeat center / 10px auto;
}

.qbox_info_img img {
  width: 100%;
}

/*설정*/
.switch {
  position: relative;
  display: inline-block;
  width: 60px;
  height: 28px;
}

.switch input {
  opacity: 0;
  width: 0;
  height: 0;
}

.slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  box-shadow: inset 0 3px 6px 0 rgba(0, 0, 0, 0.16);
  background-color: #a6a6a6;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}

.slider:before {
  position: absolute;
  content: '';
  height: 21px;
  width: 21px;
  left: 7px;
  bottom: 3.5px;
  background-color: white;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}

input:checked+.slider {
  box-shadow: inset 0 3px 6px 0 rgba(0, 0, 0, 0.16);
  background-color: #f27226;
}

input:focus+.slider {
  box-shadow: 0 0 1px #f27226;
}

input:checked+.slider:before {
  -webkit-transform: translateX(26px);
  -ms-transform: translateX(26px);
  transform: translateX(26px);
}

.slider.round {
  border-radius: 34px;
}

.slider.round:before {
  border-radius: 50%;
}

.setting_list li {
  border-bottom: 1px solid #e5e5e7;
  overflow: hidden;
  height: 67px;
  line-height: 67px;
}

.setting_list li.noline {
  border-bottom: none;
}

.setting_list li dt {
  float: right;
  font-size: 18px;
  font-weight: 500;
  letter-spacing: -0.4px;
  color: #191919;
  padding-right: 10px;
}

.setting_list li dd {
  float: right;
  padding-top: 22px;
}

/*휴대폰 번호변경*/
.phone_inp_check {
  padding-top: 32px;
}

.phone_inp_div.box_form>ul>li {
  margin-bottom: 10px;
}

.phone_inp_check label {
  font-weight: bold !important;
  color: #191919;
  line-height: 1.2 !important;
}

.phone_inp_check label span {
  color: #8e8e8e;
  font-weight: normal;
  margin-left: 20px;
  margin-top: -5px;
}

.phone_inp_check {
  margin-bottom: 30px;
}

.ph_txt {
  font-size: 12px;
}

.phone_con .btn_orange {
  margin-top: 25px;
}

/*캠톡*/

.com_lnb {
  padding: 20px 24px 15px 24px;
}

.com_lnb .swiper-slide {
  width: auto;
  height: 30px;
}

/* .com_lnb .swiper-slide:first-child {margin-left: 24px;} */
.com_lnb .swiper-slide a {
  font-size: 15px;
  color: #4d4d4d;
  letter-spacing: -0.4px;
  padding-top: 12px;
  padding-bottom: 4px;
}

.com_lnb .swiper-slide.on a {
  border-bottom: 2px solid #f27226;
  font-weight: bold;
}

.camptalk_con {
  padding-top: 0;
}

.cpt_div {
  padding-bottom: 25px;
  position: relative;
  padding-top: 33px;
}

.cpt_div:before {
  content: '';
  display: block;
  height: 8px;
  width: calc(100% + 48px);
  background: #f7f7f7;
  position: absolute;
  left: -24px;
  top: 0px;
}

.cpt_div .cpt_top {
  overflow: hidden;
  /* border-bottom: 1px solid #ededed; */
  /* padding-bottom: 8px; */
}

.cpt_div .cpt_top .na {
  font-size: 14px;
  font-weight: bold;
  line-height: 18px;
  letter-spacing: -0.3px;
  color: #191919;
  float: left;
}

.cpt_div .cpt_top .date {
  font-size: 12px;
  font-weight: 300;
  line-height: 20px;
  letter-spacing: -0.3px;
  color: #767676;
  float: right;
}

.cpt_title {
  overflow: hidden;
  margin-top: 7px;
  padding-bottom: 10px;
}

.cpt_title .so_tit {
  font-size: 12px;
  font-weight: 500;
  line-height: 15px;
  letter-spacing: -0.3px;
  color: #f27226;
}

.cpt_title .tit {
  font-size: 16px;
  font-weight: bold;
  letter-spacing: -0.4px;
  color: #1f1f1f;
  margin-top: 4px;
}

.cpt_title .tit span {
  font-size: 14px;
}

.cpt_title .camp_date {
  font-size: 12px;
  line-height: 18px;
  letter-spacing: -0.3px;
  text-align: left;
  color: #8e8e8e;
}

.cpt_title .score {
  margin-right: 2px;
  font-size: 12px;
  line-height: 24px;
  letter-spacing: -0.6px;
  text-align: center;
  color: #f27226;
  padding-left: 16px;
  background: url('/images/star.png') no-repeat left center / 12px auto;
  display: inline-block;
  margin-left: 7px;
  font-size: 12px;
  line-height: 19px;
}

.cpt_cont {
  position: relative;
  font-size: 14px;
  line-height: 18px;
  letter-spacing: -0.3px;
  color: #222;
}

.cpt_cont .pic {
  width: 100%;
  position: relative;
  margin-top: 20px;
}

.cpt_cont .pic::before {
  content: "";
  display: block;
  padding-top: 100%;
  /* 너비와 동일한 비율 높이 */
}

.cpt_cont .pic img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  max-width: 100%;
  object-fit: cover;
  border-radius: 10px;
}

.cpt_cont .pic .num {
  display: inline-block;
  min-width: 30px;
  border-radius: 10px;
  text-align: center;
  height: 19px;
  color: #fff;
  position: absolute;
  right: 10px;
  top: 10px;
  background: rgba(0, 0, 0, 0.8);
  padding: 0 5px;
}

.cpt_btns {
  margin-top: 10px;
}

.cpt_btns ul {
  display: flex;
  justify-content: space-between;
}

.cpt_btns ul li {
  width: calc(50% - 3.5px);
}

.cpt_btns ul li button {
  width: 100%;
  height: 37px;
  border-radius: 3px;
  border: solid 1px #d9d9d9;
  background-color: #fff;
  font-size: 13px;
  letter-spacing: -0.35px;
  text-align: center;
  color: #3c3646;
}

.cpt_btns ul li button span.btn_reco {
  background: url('/images/ico_reco.png') no-repeat left center / 17.5px auto;
  padding-left: 18px;
}

.cpt_btns ul li button.on {
  border: solid 1px #f27226;
}

.cpt_btns ul li button.on span.btn_reco {
  background: url('/images/ico_reco2.png') no-repeat left center / 17.5px auto;
  padding-left: 18px;
}


.cpt_div .win_img {
  width: 100%;
  display: none;
}

.cpt_div.win {
  padding: 0px 20px 25px;
  border: 2px solid #f27226;
  border-radius: 24px;
  margin-top: 58px;
}

.cpt_div.win:nth-of-type(1) {
  margin-top: 25px;
}

.cpt_div.win:nth-last-of-type(1) {
  margin-bottom: 25px;
}

.cpt_div.win:before {
  top: -32px;
}

.cpt_div.win .win_img {
  display: block;
  margin-bottom: 12px;
}

ul.comment_ul {
  display: flex;
  justify-content: space-between;
  background: #f4f7f8;
}

ul.comment_ul li {
  height: 38px;
  margin-bottom: 0px;
  padding-left: 14px;
}

ul.comment_ul li:nth-of-type(1) {
  width: 100%;
}

ul.comment_ul li:nth-of-type(2) {
  width: 48px;
  border-left: 6px solid #fff;
  padding-left: 12px;
}

.camptalk2_con {}

.camptalk2_con .qw_div .qw_radi ul li {
  width: 25%;
}

.camptalk2_con .qw_radi input[type='radio']+label {
  max-width: 70px;
  border-top: 24px;
}

.camptalk2_con .qw_div .ph_file_swiper .swiper-wrapper {
  height: auto;
}

.camptalk2_con .qw_div:nth-last-of-type(1) {
  border-bottom: 0px;
}

.ct_rv_title {
  border-bottom: 1px solid #e5e5e7;
  padding-bottom: 20px;
  margin-bottom: 15px;
}

.ct_rv_title .tit {
  font-size: 20px;
  font-weight: bold;
  letter-spacing: -0.5px;
  text-align: center;
  color: #f27226;
}

.camptalk2_con .ist_order_item {
  display: flex;
}

.camptalk2_con .pic {
  width: 83px;
  height: 83px;
  min-width: 83px;
}

.camptalk2_con .pic img {
  border-radius: 5px;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center center;
}

.camptalk2_con .txt_box {
  padding-left: 8px;
  width: calc(100% - 83px);
}

.camptalk2_con .txt_box .txt {
  font-size: 12px;
  color: #767676;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.camptalk2_con .txt_box .txt.name {
  color: #1f1f1f;
}

.camptalk2_con .txt_box .tit {
  text-align: left;
  font-size: 15px;
  font-weight: bold;
  color: #f27226;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.camptalk2_con .txt_box .bottom {
  padding-top: 11px;
}

.score_sel {}

.score_sel ul li {
  clear: both;
  overflow: hidden;
}

.score_sel .ph_file_swiper .swiper-slide {
  overflow: inherit;
}

.score_sel ul li dt {
  font-size: 14px;
  font-weight: 500;
  line-height: 30px;
  letter-spacing: -0.4px;
  color: #1f1f1f;
  padding-left: 16px;
  background: url('/images/check.png') no-repeat left center / 10px auto;
  margin-left: 5px;
  float: left;
  width: 85px;
}

.score_dd {
  display: flex;
  float: left;
  line-height: 30px;
  padding-top: 5px;
}

.score_dd span {
  width: 19px;
  height: 18px;
  display: inline-block;
  background: url('/images/sc_star.png') no-repeat center center / 19px auto;
  margin-right: 14px;
  cursor: pointer;
}

.score_dd span.on {
  background: url('/images/sc_star_on.png') no-repeat center center / 19px auto;
  margin-right: 14px;
}

.cmpt_view {}

.cmpt_view .btn_report {
  display: flex;
  font-size: 14px;
  color: #8b8b8b;
  justify-content: flex-end;
}

.cmpt_view .btn_report span {
  display: inline-block;
  width: 12px;
  height: 13px;
  background: url(/images/bell_xs.png) no-repeat center center / 12px auto;
  margin: 5px 3px 20px 0;
}

.cmpt_top {
  overflow: hidden;
  padding-bottom: 20px;
  border-bottom: 1px solid #D9D9D9;
}

.cmpt_top .pic {
  float: left;
  width: 50px;
  height: 50px;
  background: url('/images/bg_pf.png') no-repeat center center / 50px 50px;
  border-radius: 50% 50%;
  position: relative;
}

.cmpt_top .pic img {
  width: 100%;
  height: 100%;
  border-radius: 50% 50%;
  object-fit: cover;
  object-position: center center;
}

.cmpt_top .txt_box {
  float: left;
  width: calc(100% - 50px);
  padding-left: 19px;
  position: relative;
}

.cmpt_top .txt_box .pf_div {
  overflow: hidden;
  width: calc(100% - 90px);
}

.cmpt_top .txt_box .pf_div .na {
  font-size: 16px;
  font-weight: bold;
  float: left;
}

.cmpt_top .txt_box .pf_div .orange_a {
  float: right;
}

.cmpt_top .txt_box .write_info {
  margin-top: 4px;
  padding-bottom: 00px;
  width: calc(100% - 90px);
}

.cmpt_top .txt_box .write_info ul {
  display: flex;
  max-width: 300px;
  align-items: center;
}

.cmpt_top .txt_box .write_info ul li {
  width: 33.33%;
  margin-right: 0;
}

.cmpt_top .txt_box .write_info ul li:nth-child(2) {
  text-align: center;
}

.cmpt_top .txt_box .write_info ul li:nth-child(3) {
  text-align: right;
}

.cmpt_top .modi_set {}

.com_lnb .com_lnb_sub ul {
  display: flex;
  padding: 16px 0 5px;
}

.com_lnb .com_lnb_sub ul li {
  padding-right: 8px;
}

.com_lnb .com_lnb_sub ul li a {
  padding: 4px 10px;
  min-height: 30px;
  border: 1px solid #e0e0e0;
  border-radius: 4px;
}

.com_lnb .com_lnb_sub ul li.on a {
  background: #f07a1c;
  color: #fff;
}

@media (max-width: 640px) {
  .cmpt_top .txt_box .write_info ul li {
    width: inherit;
  }

  .cmpt_top .txt_box .write_info ul li:nth-child(2) {
    padding: 0 20px;
  }
}

@media (max-width: 400px) {
  .cmpt_top .txt_box .write_info ul li:nth-child(2) {
    padding: 0 6px;
  }
}

.cmpt_box {
  overflow: hidden;
  margin-top: 24px;
}

.cmpt_box .cb_top {
  display: flex;
  padding: 16px;
  border-radius: 10px;
  background-color: #F5F5F5;
  cursor: pointer;
}

.cmpt_box .cb_top .pic {
  width: 90px;
  height: 90px;
  float: left;
}

.cmpt_box .cb_top .pic img {
  border-radius: 5px;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center center;
}

.cmpt_box .cb_top .txt_box {
  float: left;
  width: calc(100% - 90px);
  padding-left: 14px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  position: relative;
}

.cmpt_box .cb_top .txt_box span.arr {
  position: absolute;
  display: block;
  right: 0px;
  top: 50%;
  transform: translateY(-50%);
  width: 24px;
  height: 24px;
  background: url(/images/arr_right.png)no-repeat center/24px;
}

.cmpt_box .cb_top .txt_box .addr {
  font-size: 12px;
  font-weight: 500;
  color: #767676;
  width: calc(100% - 28px);
}

.cmpt_box .cb_top .txt_box .tit {
  font-size: 16px;
  font-weight: bold;
  letter-spacing: -0.4px;
  color: #191919;
  width: calc(100% - 28px);
}

.cmpt_box .cb_top .txt_box .txt_ul {
  margin-top: 5px;
}

.cmpt_box .cb_top .txt_box .txt_ul li {
  font-size: 12px;
  line-height: 15px;
  letter-spacing: -0.3px;
  color: #767676;
  margin-top: 4px;
  width: calc(100% - 28px);
}

.cmpt_box .view_dtl_a {
  min-width: 102px;
  height: 25px;
  border-radius: 3px;
  border: solid 1px #d9d9d9;
  background-color: #fff;
  font-size: 12px;
  line-height: 1.9;
  letter-spacing: -0.3px;
  color: #3c3646;
  display: inline-block;
  text-align: center;
}

.cmpt_box .cb_btm {
  clear: both;
  display: flex;
  padding-top: 20px;
}

.cmpt_box .cb_btm .score_fig {
  width: 90px;
  display: flex;
  text-align: center;
  justify-content: center;
  flex-direction: column;
  font-weight: bold;
  font-size: 36px;
  font-family: Roboto;
}

.cmpt_box .cb_btm .score_div {
  border-left: 1px solid #e5e5e7;
}

.cmpt_box .cb_btm .score_div dt {
  float: left;
  width: 51px;
  margin-left: 22px;
}

.cmpt_box .cb_btm .score_div li {
  clear: both;
  margin-bottom: 5px;
  overflow: hidden;
}

.cmpt_box .cb_btm .score_div .score_dd span {
  width: 14px;
  height: 13.5px;
  background: url('/images/sc_star.png') no-repeat center center / 14px auto;
  margin-right: 7px;
}

.cmpt_box .cb_btm .score_div .score_dd span.on {
  background: url('/images/sc_star_on.png') no-repeat center center / 14px auto;
}

.cmpt_cont {
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.3px;
  color: #767676;
  padding-top: 20px;
  padding-bottom: 20px;
}

.cmpt_cont img {
  max-width: 100%;
}

.cmpt_box .cb_top .pic_div {
  float: left;
}

.cmpt_box .cb_top .pic_div .pic {
  float: initial;
}

.cmpt_box .cb_top .pic_div .view_dtl_a {
  min-width: 90px;
  font-size: 10px;
  margin-top: 10px;
}

.cmpt_box .txt_box .score_div {
  margin-top: 10px;
}

.cmpt_box .txt_box .score_div dt {
  float: left;
  width: 51px;
}

.cmpt_box .txt_box .score_div li {
  clear: both;
  margin-bottom: 5px;
  overflow: hidden;
}

.cmpt_box .txt_box .score_div .score_dd span {
  width: 14px;
  height: 13.5px;
  background: url('/images/sc_star.png') no-repeat center center / 14px auto;
  margin-right: 5px;
}

.cmpt_box .txt_box .score_div .score_dd span.on {
  background: url('/images/sc_star_on.png') no-repeat center center / 14px auto;
}

.camptalk3_con {
  padding-bottom: 80px;
}

.camptalk3_con .cont_div {
  padding-bottom: 0;
  padding-top: 15px;
}

.modi_set {
  float: right;
}

.modi_set a {
  margin-left: 10px;
}

.gray_a {
  font-size: 14px;
  letter-spacing: -0.4px;
  text-align: left;
  color: #a6a6a6;
  text-decoration: underline;
  text-underline-position: under;
}

.camptalk3_con .cmpt_cont {
  padding-bottom: 0px;
}

.camptalk3_con .cmpt_view {
  padding: 0;
}

.camptalk3_con .sec_reply {
  padding-top: 30px;
}

.camptalk3_con .btn_orange {
  margin-bottom: 30px;
}

.camptalk3_con .comment_wrap .report_blind {
  padding: 12px;
  background: #f8f8f7;
  margin: 20px 0;
}

.btm_foot .btn_set.talk_type ul li {
  width: inherit;
}

.btm_foot .btn_set.talk_type ul li:nth-last-of-type(1) {
  width: calc(100% - 50px);
}

.camptalk3_con .btm_foot .btn_set ul li button {
  line-height: 45px;
}

.btm_foot .btn_set ul li button.btn_reco {
  border: solid 1px #707070;
  background: #fff;
  width: 45px;
}

.btm_foot .btn_set ul li button.btn_reco span {
  background: url('/images/ico_reco.png') no-repeat left center / 32.5px auto;
  padding-left: 32px;
}

.btm_foot .btn_set ul li button.btn_reco.on {
  border: 1px solid #f27226;
}

.btm_foot .btn_set ul li button.btn_reco.on span {
  background: url('/images/ico_reco2.png') no-repeat left center / 32.5px auto;
  padding-left: 32px;
}

.btm_foot .noti_p {
  display: none;
  position: absolute;
  top: -28px;
  width: 100%;
  text-align: center;
  background: #fff;
  padding: 4px;
}

.btm_foot .noti_p.on {
  display: block;
}

/*포인트 적립 내역*/
.accum_title {
  padding-bottom: 35px;
  padding-top: 10px;
}

.accum_title dl {
  display: flex;
  justify-content: center;
  max-width: 350px;
  margin: 0 auto;
  line-height: 27px;
}

.accum_title dt {
  font-size: 24px;
  color: #f27226;
  text-align: center;
  width: 50%;
}

.accum_title dd {
  font-size: 27px;
  text-align: center;
  width: 50%;
  color: #8e8e8e;
}

.accum_title dd span {
  font-weight: bold;
  color: #000;
}

.accum_list {}

.accum_list li {
  margin-bottom: 20px;
}

.accum_list .accum_div {
  border: 1px solid #d6d6d6;
  border-radius: 7px;
  padding: 8px 17px 6px 17px;
}

.accum_div .ac_top {
  border-bottom: 1px solid #ededed;
  line-height: 24px;
  font-size: 14px;
  letter-spacing: -0.7px;
  padding-bottom: 3px;
}

.accum_div .ac_top span {
  font-weight: bold;
  margin-right: 3px;
}

.accum_div .ac_btm {
  overflow: hidden;
}

.accum_div .ac_btm .ac_point {
  color: #717171;
  letter-spacing: -0.8px;
  font-size: 13px;
  margin-top: 4px;
  float: left;
}

.accum_div .ac_btm .ac_point span {
  color: #191919;
  font-weight: bold;
  margin-left: 4px;
}

.accum_div .ac_btm .ac_point em {
  color: #f27226;
}

.accum_div .ac_btm .ac_point em.use {
  color: #56c5ce;
}

.accum_div .ac_btm .date {
  float: right;
  font-size: 12px;
  line-height: 22px;
  letter-spacing: -0.3px;
  color: #717171;
}

.accum_div .ac_btm .tot {
  float: right;
  color: #8e8e8e;
  font-size: 14px;
}

.accum_div .ac_btm .tot span {
  font-weight: bold;
  color: #191919;
  line-height: 18px;
}

.accum_div .ac_btm .his_btn {
  width: 88px;
  height: 32px;
  border-radius: 3px;
  border: solid 1px #d9d9d9;
  cursor: pointer;
  color: #3c3646;
  font-size: 14px;
  text-align: center;
  text-indent: 20px;
  line-height: 30px;
  margin: 0 auto;
  background: #f5f5f5 url('/images/qbox_add.png') no-repeat left 10px top 9px /14px auto;
  margin: 24px auto 6px;
  display: block;
}

/*q가이드*/
.q_guide_con {}

.guide_list {}

.guide_list .gd_div {}

.guide_list .gd_div .pic {
  height: 293px;
  width: 100%;
}

.guide_list .gd_div .pic img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center center;
}

.guide_list .gd_div .txt_box {
  padding: 15px 24px 0 15px;
  margin-bottom: 40px;
}

.guide_list .gd_div .txt_box .tit {
  font-size: 22px;
  font-weight: bold;
  line-height: 32px;
  letter-spacing: -0.6px;
  color: #f27226;
}

.guide_list .gd_div .txt_box .txt {
  font-size: 14px;
  font-weight: 500;
  line-height: 21px;
  letter-spacing: -0.7px;
  text-align: left;
  color: #1f1f1f;
  margin-top: 4px;
  padding-bottom: 20px;
}

.guide_view {
  padding-bottom: 35px;
}

.guide_box {
  border: solid 1px #ebebeb;
  padding: 30px 0;
  margin-top: 40px;
}

.guide_box .title {
  padding-bottom: 20px;
}

.guide_box .title .tit {
  font-size: 27px;
  font-weight: bold;
  line-height: 35px;
  letter-spacing: -0.7px;
  text-align: center;
  color: #191919;
}

.gb_swiper_sec {
  position: relative;
  padding-bottom: 45px;
}

.gb_swiper {
  position: relative;
  aspect-ratio: 16 / 9;
}

.gb_swiper .swiper-slide {
  width: 100%;
}

.gb_swiper .swiper-slide img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center center;
}

.gb_swiper_sec .pagination_com .swiper-pagination-bullet {
  background: #dedede;
}

.gb_swiper_sec .pagination_com .swiper-pagination-bullet-active {
  background: #ffae45;
}

.gb_cont {
  padding: 0 19px;
}

.gb_cont .tit {
  font-size: 16px;
  font-weight: 500;
  line-height: 26px;
  letter-spacing: -0.4px;
  text-align: left;
  color: #191919;
}

.gb_cont .txt {
  font-size: 12px;
  line-height: 20px;
  letter-spacing: -0.3px;
  color: #191919;
}

.gb_cont .btn_orange {
  margin-top: 20px;
}

/* 출석체크 */

.atc_con {}

.atc_con .atc_top {
  background: #eadac7;
}

.atc_top .pic {}

.atc_top .pic img {
  max-width: 100%;
}

.atc_area {
  background: #fff3c7;
  padding: 25px 24px;
  position: relative;
}

.atc_area .bg_img {
  text-align: center;
}

.atc_area .bg_img img {
  width: 100%;
}

.atc_con .atc_area .calendar .tit {
  padding-top: 20px;
  padding-bottom: 20px;
  font-size: 26px;
  font-weight: bold;
  color: #f27226;
  text-align: center;
}

.atc_con .pre_check {
  padding: 20px;
  background-color: #fff;
  border-radius: 12px;
  margin-bottom: 20px;
}

.atc_con .pre_check p {
  font-size: 16px;
  padding-right: 10px;
  font-weight: bold;
}

.atc_con .pre_check p em {
  font-size: 13px;
  color: #c4c4c4;
  padding-left: 4px;
  font-weight: 400;
}

.atc_con .pre_check .bottom {
  display: flex;
  justify-content: space-between;
  padding-top: 8px;
}

.atc_con .pre_check ul {
  display: flex;
}

.atc_con .pre_check ul li {
  font-weight: bold;
  letter-spacing: 0.9px;
  width: 40px;
  height: 40px;
  margin: 0 6px;
  border-radius: 20px;
  background: #f5f5f5;
  color: #1f1f1f;
  display: flex;
  justify-content: center;
  align-items: center;
}

.atc_con .pre_check ul li:nth-last-of-type(1) {
  margin-right: 0px;
}

.atc_con .pre_check ul li.checking {
  background: #ffae45;
  color: #fff;
}

.atc_con .pre_check ul li.check_complet {
  background: #666;
  color: #fff;
}

.atc_con .pre_check ul li.check_complet::after {
  content: '사용\A완료';
  line-height: 1;
  white-space: pre;
}

@media (max-width: 500px) {
  .atc_con .pre_check .bottom span {
    font-size: 12px;
  }
}

@media (max-width: 460px) {
  .atc_con .pre_check p em {
    font-size: 12px;
  }

  .atc_con .pre_check .bottom {
    flex-direction: column;
  }

  .atc_con .pre_check .bottom ul {
    padding-top: 10px;
  }

  .atc_con .pre_check ul li:nth-of-type(1) {
    margin-left: 0px;
  }
}

/* 배송지정보등록 */
.dv_con {}

.dv_regi ul li {
  padding-bottom: 17px;
}

.dv_regi ul li dt {
  font-size: 14px;
  font-weight: 500;
  line-height: 19px;
  text-align: left;
  color: #000;
  padding-bottom: 6px;
}

.dv_regi ul li dd input[type='text'],
.dv_regi ul li dd input[type='number'] {
  border-radius: 4px;
  border: solid 1px #b5b7bc;
  height: 40px;
  background-color: #fff;
  font-size: 13px;
  text-indent: 10px;
  appearance: none;
  box-shadow: none;
  -webkit-appearance: none;
}

.dv_regi ul li dd.tel_dd {
  display: flex;
}

.dv_regi ul li dd.tel_dd input[type='number'] {
  text-indent: 0;
  text-align: center;
  width: calc(33.3% - 15px);
}

.dv_regi ul li dd.tel_dd span {
  display: block;
  width: 30px;
  text-align: center;
  line-height: 40px;
}

.dv_regi ul li dd.addr_dd1 {
  margin-bottom: 5px;
}

.dv_regi ul li dd.addr_dd1 input[type='text'] {
  width: 150px;
}

.dv_regi ul li dd.addr_dd1 button {
  border-radius: 3px;
  border: solid 1px #d9d9d9;
  background-color: #f5f5f5;
  height: 40px;
  width: 105px;
  margin-left: 3px;
}

.dv_regi ul li dd.addr_dd2 {
  display: flex;
}

.dv_regi ul li dd.addr_dd2 .inp1 {
  width: calc(60% - 5px);
  margin-right: 5px;
}

.dv_regi ul li dd.addr_dd2 .inp2 {
  width: 40%;
}

.dv_regi .dev_ifo {
  height: 45px;
  line-height: 45px;
  border-radius: 5px;
  background-color: #f6f6f6;
  padding-left: 17px;
  font-size: 12px;
  color: #191919;
}

.dv_regi .dev_ifo span {
  color: #f27226;
  font-weight: bold;
}

/*아이폰에서 공통으로 맞추기위해*/
.transfer_pay_form .lst_transfer_pay .inp_txt {
  appearance: none;
  -webkit-appearance: none;
}

/* 에디터 */
/*.sec_explain .pic p:has( > img) {margin: -20px;} */
.sec_explain .pic p {
  padding: 0 20px;
}

.sec_explain .pic div {
  padding: 0 20px;
}

/* 쇼핑_관련상품 */
.event_con .sec_g.shopping_item_sec .sec_title,
.event_con .sec_g.shopping_item_sec .sec_cont {
  padding: 0px;
}

/* 멤버십 혜택 */
.log_box.grade_benefit {
  padding: 0;
  background: inherit;
}

.log_box.grade_benefit .pf_set {
  padding: 0;
}

.log_box.grade_benefit .pf_set .txt_box .tit1 {
  font-size: 12px;
  color: #8e8e8e;
}

.log_box.grade_benefit .txt_box2 {
  margin-left: 80px;
  display: flex;
  align-items: baseline;
}

.log_box.grade_benefit .txt_box2 span.benefit {
  font-size: 10px;
  width: 36px;
  height: 17px;
  line-height: 16px;
  min-width: 36px;
  text-align: center;
  border-radius: 8.5px;
  border: 1px solid #8e8e8e;
  color: #8e8e8e;
}

.log_box.grade_benefit .txt_box2 p>span {
  font-size: 12px;
  color: #8e8e8e;
  padding: 0 4px;
}

.log_box.grade_benefit .next_grade {
  margin-top: 28px;
  background: #f7f7f9;
  color: #222222;
  font-size: 17px;
  font-weight: bold;
  text-align: center;
  padding: 12px;
  border-radius: 25px;
  word-break: keep-all;
}

.log_box.grade_benefit .txt_sub {
  margin-top: 16px;
  padding: 0 24px;
}

.txt_sub .q_txt::before {
  content: '-';
  position: absolute;
  left: 0;
}

.howto_link {
  display: flex;
  justify-content: space-between;
  margin: 16px 0 20px;
}

.howto_link button {
  position: relative;
  width: calc((100% - 10px) / 2);
  height: 44px;
  font-size: 15px;
  font-weight: 500;
  color: #767676;
  background: #fff;
  border: 1px solid #707070;
  border-radius: 22px;
  text-align: left;
  padding: 0 24px 0 12px;
  word-break: keep-all;
}

.howto_link button span.arr {
  display: inline-block;
  width: 20px;
  height: 20px;
  background: url('/images/arr_right.png') no-repeat center center / 20px auto;
  position: absolute;
  right: 4px;
  top: 12px;
}

/* 등급혜택 테이블 */
.benefit.title_wp {
  display: flex;
  justify-content: space-between;
  align-items: baseline;
}

.benefit.title_wp .tit {
  font-size: 18px;
  font-weight: bold;
  margin: 20px 0 10px;
}

.benefit.title_wp .info_bat {
  display: inline-block;
  font-size: 13px;
  color: #767676;
  border: 1px solid #767676;
  padding: 2px 4px;
  border-radius: 14px;
}

.benefit_table_area {
  width: 100%;
  margin-bottom: 20px;
}

.benefit_table_area img {
  width: 100%;
}

.benefit_table_area table {
  table-layout: fixed;
  position: relative;
  width: 100%;
  border-collapse: collapse;
  border-bottom: 2px solid #666;
}

.benefit_table_area table::after {
  position: absolute;
  content: '';
  width: 100%;
  height: 1px;
  top: 0;
  left: 0;
  background-color: #666666;
}

.benefit_table_area .ico_grade {
  display: block;
  width: 32px;
  height: 32px;
  margin: 0 auto;
}

.benefit_table_area .ico_grade img {
  width: 100%;
}

.benefit_table_area tr:first-child th,
.benefit_table_area tr:first-child td {
  border-top: 1px solid #000;
}

.benefit_table_area th,
.benefit_table_area td {
  text-align: center;
  vertical-align: middle;
  font-size: 14px;
  padding: 10px;
  border-bottom: 1px solid #e5e5e5;
  word-break: break-all;
  color: #666;
  font-weight: normal;
}

.benefit_table_area table th+th,
.benefit_table_area table th.border_left {
  border-left: 1px solid #e5e5e5;
}

.benefit_table_area table td+td {
  border-left: 1px solid #e5e5e5;
}

/* .benefit_table_area table strong {font-size: 16px; color: #222;} */

.benefit_table_area th {
  background: #f7f7f7;
}

.benefit_table_area th span,
.benefit_table_area td span {
  font-weight: bold;
}

.benefit_table_area .txt_sub {
  margin-top: 16px;
  padding: 0 24px;
}

@media screen and (max-width: 500px) {
  .benefit_table_area {
    overflow-x: scroll;
    white-space: nowrap;
  }

  .benefit_table_area table {
    table-layout: inherit;
  }
}

/* 예약취소 */
.res_info_sec {
  padding-top: 35px;
}

.res_info_sec.type2 {
  padding-top: 24px;
}

.info_div {
  padding: 0 24px;
}

.info_div dl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 4px;
}

.info_div.type2 dl {
  margin-bottom: 8px;
}

.info_div dl:last-child {
  margin-bottom: 0;
}

.info_div dl.line {
  padding: 8px 0;
  margin: 8px 0;
  border: 1px solid #ededed;
  border-width: 1px 0;
}

.info_div dl dt {
  position: relative;
  width: 25%;
  min-width: 100px;
  padding-left: 10px;
  font-size: 14px;
  font-weight: 500;
  color: #3c3646;
}

.info_div dl dt::before {
  content: '';
  position: absolute;
  top: 8px;
  left: 0;
  display: block;
  width: 4px;
  height: 4px;
  margin-right: 5px;
  border-radius: 50%;
  background-color: #f27226;
}

.info_div dl dd {
  width: 75%;
  font-size: 14px;
  font-weight: 500;
  color: #767676;
}

.info_div dl dd em {
  font-weight: bold;
  display: block;
  color: #1f1f1f;
}

.info_div dl dd p {
  padding-top: 4px;
}

.info_div dl dd p>span {
  color: #767676;
  display: block;
}

.info_div dl dd p.box em {
  font-weight: normal;
  display: inline-block;
  color: #767676;
}

.info_div dl dd p.box em.tit {
  width: 60px;
}

.info_div dl dd p.box em.sub {
  width: 72px;
  text-align: right;
}

.info_div dl dd.price {
  font-size: 15px;
  font-weight: bold;
  color: #f27226;
  display: block;
}

.info_div dl dd.price .txt {
  font-size: 12px;
  font-weight: 500;
  color: #767676;
  display: block;
}

.info_div dl dd.price .txt2 {
  font-size: 12px;
  color: #e80000;
  margin: 4px 0 8px;
}

.info_div dl dd.price a.btn_trans {
  display: inline-block;
  background: #343031;
  color: #fff;
  font-size: 14px;
  padding: 4px 12px 5px;
  border-radius: 4px;
}

.info_div dl dd.price span {
  position: relative;
}

.info_div dl dd.price .arr {
  width: 20px;
  height: 20px;
  background: url('../images/ico_region_arr_down.png') no-repeat center center / 20px auto;
  position: absolute;
  right: -24px;
  top: 0px;
  cursor: pointer;
}

.info_div dl dd.price .arr.on {
  background: url('../images/ico_region_arr_up.png') no-repeat center center / 20px auto;
}

.info_div dl dd span.dp_block {
  display: block;
}

.info_div dl dd a.link_camp {
  display: inline-block;
  text-decoration: underline;
}

.info_div dl dd a.link_camp::after {
  content: '';
  display: inline-block;
  width: 24px;
  height: 24px;
  background: url(/images/mid_menu01_on.png) no-repeat;
  background-size: contain;
  vertical-align: middle;
  margin-top: -5px;
}

.info_div .text_div {
  display: flex;
  justify-content: space-between;
  padding-top: 14px;
  margin-top: 14px;
  border-top: 1px solid #ededed;
}

.info_div .text_div.type2 {
  border-top: 0px;
  padding-top: 16px;
  margin-top: 0px;
}

.info_div .inp_div {
  padding-top: 14px;
  margin-top: 14px;
  border-top: 1px solid #ededed;
}

.info_div .text_div .tit,
.info_div .inp_div .tit {
  font-size: 16px;
  font-weight: 500;
  color: #191919;
}

.info_div .text_div .txt {
  font-size: 16px;
  font-weight: bold;
  color: #f27226;
}

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

.point_div p {
  font-size: 14px;
}

.point_div .price {
  font-weight: bold;
}

.info_div .lst_txt {
  background: #f7f7f7;
  padding: 16px 12px;
  box-sizing: border-box;
  margin-top: 20px;
}

.info_div .lst_txt li {
  margin-bottom: 4px;
  padding-left: 10px;
  color: #191919;
  font-size: 12px;
  position: relative;
}

.info_div .lst_txt.type2 li {
  margin-bottom: 10px;
}

.info_div .lst_txt li::before {
  content: '';
  position: absolute;
  top: 8px;
  left: 0;
  width: 6px;
  height: 1px;
  background-color: #555;
}

.info_div .lst_txt li:nth-last-of-type(1) {
  margin-bottom: 0px;
}

.info_div .lst_txt li span {
  color: #f27226;
}

.info_div .lst_txt li span em {
  font-weight: 500;
}

.info_div .inp_area {
  position: relative;
  padding: 0px;
}

.info_div .inp_txt {
  display: block;
  width: 100%;
  height: 40px;
  margin-top: 6px;
  padding: 0 10px;
  border-radius: 4px;
  border: solid 1px #b5b7bc;
  background-color: #fff;
  line-height: 40px;
  appearance: none;
  -webkit-appearance: none;
}

.info_div .inp_txt[readOnly] {
  background: #f5f5f5;
  color: #999;
}

.info_div .inp_txt:focus {
  border: 0px;
  outline: 2px solid #e59700;
}

.info_div .inp_txt.tp2 {
  background: #f5f5f5;
  border: 1px solid #d9d9d9;
}

.info_div .inp_area span {
  position: absolute;
  right: 10px;
  bottom: 12px;
  font-size: 12px;
  color: #f27226;
  font-weight: 500;
}

/* .info_div.type2 dl.addinfo_dl {
  border-top: 1px solid #ededed;
  padding-top: 10px;
} */
.info_div.type2 dl.addinfo_dl dd {
  width: 100%;
}

.info_div.type2 dl.addinfo_dl dd button {
  display: inline-flex;
  /* font-size: 10px;
  background: #191919;
  color: #fff;
  padding: 6px 12px;
  border-radius: 16px; */
  border: none;
  width: 20px;
  height: 20px;
  background: url(/images/ico_edit.png) no-repeat;
  background-size: contain;
  vertical-align: middle;
}

.info_div.type2 dl.addinfo_dl dd button:disabled {
  background: #e5e5e5;
  color: #767676;
}

.info_div.type2 .btn_inquiry {
  width: 100%;
  background: #fff;
  border: 1px solid #ebebeb;
  border-radius: 4px;
  height: 40px;
  line-height: 40px;
  font-size: 15px;
  margin-top: 10px;
  position: relative;
}

.info_div.type2 .btn_inquiry::before {
  content: '';
  display: inline-block;
  width: 20px;
  height: 20px;
  background: url(/images/ico_inquiry.png) no-repeat;
  background-size: contain;
  vertical-align: middle;
  margin-right: 4px;
}

.info_div .inp_btn_wrap {
  display: flex;
  gap: 8px;
}

.info_div .inp_btn_wrap .inp_area {
  width: calc(100% - 80px);
}

.info_div .inp_btn_wrap button {
  width: 80px;
  border-radius: 5px;
  margin-top: 6px;
  height: 40px;
  border: solid 1px #ea6f1a;
  background: #fff;
  color: #ea6f1a;
}

.info_div .inp_btn_wrap button[disabled] {
  background: #f5f5f5;
  border: 1px solid #d9d9d9;
  color: #999;
}

/* resView 추가정보 */
.addinfo_ul {
  display: none;
  padding: 0 24px;
}

.sec_title.on+.addinfo_ul {
  display: block;
}

.addinfo_ul li {
  display: flex;
  flex-direction: column;
}

.addinfo_ul li:not(:first-child) {
  margin-top: 10px;
}

.addinfo_ul li>div {
  padding-bottom: 8px;
}

.addinfo_ul li>div p {
  font-weight: 600;
  font-size: 14px;
}

.addinfo_ul li>div p span {
  font-size: 12px;
}

.addinfo_ul li .num {
  width: 20px;
}

.addinfo_ul li p.checked::before {
  content: '';
  display: inline-block;
  width: 16px;
  height: 16px;
  background: url(/images/check.png) no-repeat;
  background-size: contain;
  vertical-align: middle;
  margin-right: 4px;
}

.addinfo_ul li .txt {
  color: #767676;
  padding-left: 20px;
}

.addinfo_ul li button {
  display: inline-flex;
  border: none;
  width: 20px;
  height: 20px;
  background: url(/images/ico_edit.png) no-repeat;
  background-size: contain;
  vertical-align: middle;
}

.addinfo_ul li button:disabled {
  background: #e5e5e5;
  color: #767676;
}

/* 결제방법 */
.res_pay_area {
  padding: 0 24px;
  box-sizing: border-box;
}

.res_pay_area ul li {
  padding-bottom: 20px;
}

.res_pay_area ul li:nth-last-of-type(1) {
  padding-bottom: 0px;
}

.res_pay_area ul.lst_txt li {
  padding-bottom: 0px;
}

.res_pay_area label.tit {
  display: block;
  font-size: 14px;
  font-weight: 500;
}

.res_pay_area .inp_sel {
  background-color: #ebebeb;
}

.res_pay_area .tel_area {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.res_pay_area .tel_area .bar {
  display: block;
  width: 40px;
  height: 2px;
  margin: 6px 2% 0;
  background-color: #bbb;
}

.res_pay_area .save_div {
  margin-bottom: 10px;
}

.res_pay_area .save_div p {
  font-size: 14px;
  font-weight: 500;
  color: #222222;
}

.save_div p>span {
  font-weight: bold;
  color: #f27226;
}

.res_pay_area .code_num {
  position: relative;
}

.res_pay_area .code_num .inp_txt {
  width: calc(100% - 108px);
}

.res_pay_area .code_num .btn_cof {
  position: absolute;
  bottom: 0;
  right: 0;
  width: 100px;
  background: #f5f5f5;
  color: #3c3646;
  height: 40px;
  border-radius: 4px;
  border: inherit;
}

.res_pay_area .agree_box ul li {
  padding-bottom: 12px;
}

.res_pay_area .agree_box ul li:nth-last-of-type(1) {
  padding-bottom: 0px;
}

.res_pay_area .agree_box ul li label>span {
  color: #f27226;
  text-decoration: underline;
  font-weight: 500;
}

.res_pay_area .info_div {
  padding: 0px;
}

.res_pay_area .lst_check_site {
  padding: 0px;
  align-items: inherit;
  margin-top: 16px;
}

.res_pay_area .lst_check_site li {
  padding-bottom: inherit;
}

/* 결제정보 */
.pay_list {
  padding: 20px 0;
}

.pay_list input {
  position: absolute;
  overflow: hidden;
  width: 1px;
  height: 1px;
  margin: -1px;
  clip: rect(0 0 0 0);
}

.res_pay_area .pay_list li {
  padding-bottom: 0px;
}

.pay_list li label {
  display: block;
  width: 100%;
  height: 40px;
  margin-bottom: 5px;
  padding: 0 !important;
  background-color: #f5f5f5;
  text-align: center;
  line-height: 40px;
  color: #3c3646;
  font-size: 15px;
  letter-spacing: -0.37;
  border-radius: 4px;
  border: 1px solid #d9d9d9;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.pay_list li input:checked+label {
  border: 2px solid #f27226;
  font-weight: 700;
  background: none;
}

.order_delivery {
  padding: 0 24px;
}

.order_delivery .tp2 {
  font-size: 14px;
  font-weight: 700;
}

.order_delivery .tp2.whf {
  position: relative;
}

.order_delivery .tp2.whf .slt_arw {
  position: absolute;
  right: 0;
  top: 0;
  width: 24px;
  padding: 13px 10px;
  color: #666;
}

.order_delivery .delivery_form dt {
  font-size: 14px;
}

.receipt_div {}

.receipt_div .receipt_type {
  float: left;
  padding-right: 10px;
  margin-top: 6px;
}

.order_delivery .inp_txt {
  display: block;
  width: 100%;
  height: 40px;
  margin-top: 6px;
  padding: 0 10px;
  border-radius: 4px;
  border: solid 1px #b5b7bc;
  background-color: #fff;
  line-height: 40px;
  appearance: none;
  -webkit-appearance: none;
}

.order_delivery .tp2.whf .inp_sel {
  background: #fff url(/images/tot_arr.png) no-repeat right 10px center / 20px auto;
}

.btn_gray {
  display: block;
  width: calc(100% - 48px);
  margin: 28px 24px 0 24px;
  height: 40px;
  padding: 0 !important;
  background-color: #f5f5f5;
  text-align: center;
  line-height: 40px;
  color: #3c3646;
  font-size: 15px;
  letter-spacing: -0.37;
  border-radius: 4px;
  border: 1px solid #d9d9d9;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.btn_gray.btn_cancle {
  margin-top: 6px;
}

.qna_view .btm_btn .btn_gray {
  width: inherit;
  display: inline-block;
  margin: 0;
}

.qna_view .btm_btn .btn_gray:nth-of-type(1) {
  margin-right: 10px;
}

.banner_sec {
  margin-bottom: 20px;
}

.banner_sec img {
  width: 100%;
}

/* 캠핑상세 아이콘 */
.sec_title .btn_toggle {
  color: #f27226;
  font-weight: bold;
  cursor: default;
}

.fac_info {
  padding-top: 9px;
  /* border-bottom: 1px solid #ededed; */
  padding-bottom: 15px;
}

.fac_info .link_div {
  font-size: 12px;
  color: #3c3646;
  display: flex;
  margin-top: 8px;
}

.fac_info .link_div .tit {
  width: 72px;
}

.fac_info .link_div a {
  display: inline-block;
}

.fac_info ul li.swiper-slide {
  width: auto;
  display: flex;
  align-items: center;
  position: relative;
  margin-bottom: 8px;
}

.fac_info ul li.swiper-slide:nth-last-of-type(1) {
  margin-bottom: 0px;
}

.fac_info ul li .tit {
  display: none;
}

.fac_info ul li .ico_g {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.fac_info ul li .ico_g .item {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  min-width: 60px;
  margin: 10px 4px;
  gap: 4px;
}

.fac_info ul li .ico_g .item .fa-xl {
  font-size: 21px;
  line-height: 1;
  min-width: 21px;
}

.fac_info ul li .ico_g .item .fa-xl::before {
  display: block;
  color: #757575;
}

.fac_info ul li .ico_g .item span {
  font-size: 12px;
}

.fac_info .fac_info_con ul {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.fac_info .fac_info_con ul li .tit {
  display: block;
  position: absolute;
  left: 0;
  top: 8px;
  font-size: 13px;
  color: #3c3646;
}

.fac_info .fac_info_con ul li .ico_g {
  padding-left: 68px;
}

/* 비제휴 */
.fac_info .info_txt {
  margin-top: 8px;
}

.fac_info .info_txt p {
  font-size: 12px;
  color: #767676;
}

.fac_info .info_txt p em {
  color: #fc7e7e;
  font-weight: 500;
}

/* 공지사항 */
.ci_notice_sec {
  border-top: 8px solid #f7f7f7;
}

.ci_notice_sec .com_in {
  padding-top: 10px;
  padding-bottom: 20px;
}

.ci_notice_sec ul {
  display: flex;
  flex-flow: column nowrap;
  -webkit-box-pack: center;
  justify-content: center;
  row-gap: 16px;
}

.ci_notice_sec ul li {
  position: relative;
}

.ci_notice_sec ul li.hidden {
  display: none;
}

.ci_notice_sec ul li a {
  font-size: 14px;
  display: flex;
}

.ci_notice_sec ul li .text_wrap {
  width: calc(100% - 24px);
  display: flex;
  align-items: center;
}

.ci_notice_sec ul li span.nc_txt {
  display: inline-block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.ci_notice_sec ul li span.arr_ico {
  position: absolute;
  top: 0px;
  right: 0px;
  width: 20px;
  height: 20px;
  background: url(/images/fna_arr.png) left top no-repeat;
  background-size: 20px auto;
  transform: rotate(-90deg);
}

.ci_notice_sec ul li span.noti_bat {
  width: fit-content;
  height: fit-content;
  min-width: 16px;
  min-height: 16px;
  padding: 0px 4px;
  font-size: 9px;
  display: block;
  font-weight: 600;
  text-align: center;
  background: #DBDBDB;
  border: 1px solid #DBDBDB;
  color: #222;
  border-radius: 8px;
  margin-right: 4px;
  flex: none;
}

.ci_notice_sec ul li span.noti_bat.mustread {
  background: #f27226;
  border: 1px solid #f27226;
  color: #fff;
}

.ci_notice_sec ul li span.noti_bat.event {
  background: #F7CA7A;
  border: 1px solid #F7CA7A;
}

/* view 공지 상단 고정 */
.ci_notice_sec ul li.top_fix {}

.ci_notice_sec ul li.top_fix a {
  display: flex;
  align-items: center;
  border: 1px solid #EAEDEF;
  border-radius: 8px;
}

.ci_notice_sec ul li.top_fix a .img_wrap {
  width: 80px;
  height: 80px;
  border-radius: 8px;
  position: relative;
  overflow: hidden;
  background: url(/images/bg_notiTop.png) no-repeat center center / 80px;

}

.ci_notice_sec ul li.top_fix a .img_wrap img {
  width: 80px;
  height: 80px;
  object-fit: cover;
}

.ci_notice_sec ul li.top_fix a .img_wrap .noti_bat {
  position: absolute;
  top: 4px;
  left: 4px;
}

.ci_notice_sec ul li.top_fix a .img_wrap .play {
  width: 24px;
  height: 24px;
  position: absolute;
  bottom: 4px;
  right: 4px;
  background: url(/images/play_notiTop.png) no-repeat center center / 24px;
  opacity: 0.9;
}

.ci_notice_sec ul li.top_fix .nc_txt {
  padding: 0 10px;
  font-size: 16px;
  font-weight: bold;
}

.ci_notice_sec .more_arr {
  width: 60px;
  height: 20px;
  margin: 0 auto;
  text-align: center;
  display: block;
  padding-top: 10px;
  cursor: pointer;
}

.ci_notice_sec .more_arr.up img {
  transform: rotate(180deg);
}

.ci_notice_sec .more_arr img {
  width: 20px;
}

/* view 상단 탭 */
.view_top_fixed {
  /* position: fixed;
  top: 0;
  left: 0;
  right: 0;
  margin: 0 auto; */
  width: 100%;
  max-width: 640px;
  background: #fff;
  z-index: 10;
  border-bottom: 1px solid #ddd;
  padding: 0 24px;
}

.view_top_fixed .tabs {
  display: flex;
  justify-content: space-around;
  padding-top: 10px;
}

.view_top_fixed .tab_item {
  cursor: pointer;
  width: auto;
  padding: 8px 12px;
}

/* 선택된 탭 하이라이트 */
.view_top_fixed .tab_item.active {
  border-bottom: 2px solid #F27226;
  font-weight: bold;
}

/* 섹션 스타일 */
.content_section {
  margin-top: 60px;
  /* 고정된 탭 높이 */
  padding: 20px;
}

.view_top_fixed.fixed {
  position: fixed;
  top: 60px;
  left: 0;
  right: 0;
  z-index: 10;
}

.sec_title .tit.og {
  color: #f27226;
}

.sec_title .tit.gray {
  color: #808080;
}

.sec_title .tit.red {
  color: #ff3120;
}

/* 방문후기 수정 */
.rrv_list.type2 .rrv_div {
  flex-direction: column;
}

.rrv_list.type2 .rrv_div .item_top {
  display: flex;
  align-items: center;
}

.rrv_list.type2 .txt_box .na {
  float: inherit;
}

.rrv_list.type2 .txt_box .date {
  float: inherit;
  margin-top: 4px;
}

.rrv_list.type2 .rrv_div .item_bottom {
  margin-top: 5px;
  display: flex;
  justify-content: space-between;
}

.rrv_list.type2 .rrv_div .item_bottom .txt_wp {
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  min-width: calc(100% - 76px);
}

.rrv_list.type2 .rrv_div .item_bottom .txt_wp p {
  font-size: 14px;
  color: #767676;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-all;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  width: 100%;
  margin-right: 16px;
}

.rrv_list.type2 .rrv_div .item_bottom .img_div {
  border-radius: 8px;
}

.rrv_list.type2 .rrv_div .item_bottom .img_div img {
  display: block;
  width: 60px;
  height: 60px;
  object-fit: cover;
  border: none;
}

/* swipe img 전체보기 */
.picview_ul li {
  margin-bottom: 8px;
  position: relative;
}

.picview_ul li img {
  width: 100%;
  object-fit: cover;
}

.picview_ul li .txt {
  display: flex;
  position: absolute;
  right: 0;
  bottom: 0;
  padding: 4px 8px;
  background: rgba(0, 0, 0, 0.5);
  color: #fff;
}

/* 메인페이지 해더 변경 */
.head .sear_box {
  display: none;
}

.main_div .head .head_in {
  display: flex;
  align-items: center;
  justify-content: space-between;
  box-sizing: border-box;
  padding: 0 24px;
}

.main_div .head .head_in h1 {
  position: inherit;
  left: inherit;
  top: 0px;
  transform: inherit;
  width: auto;
}

.main_div .head .head_in .btn_menu {
  position: inherit;
  right: 0;
  top: 0;
  margin-left: 10px;
}

.main_div .head .head_in .pf_set {
  display: flex;
  align-items: center;
  position: absolute;
  right: 60px;
}

.main_div .head .head_in .pf_set .pic {
  width: 36px;
  height: 36px;
  background: url(/images/bg_pf.png) no-repeat center center / 36px 36px;
  border-radius: 50% 50%;
  border: 3px solid #e0e0e0;
  position: relative;
}

.main_div .head .head_in .pf_set .pic img {
  width: 100%;
  height: 100%;
  border-radius: 50% 50%;
  object-fit: cover;
  object-position: center center;
}

.main_div .head .head_in .pf_set .pic.grade_0 {
  border: 3px solid #0c1c2f;
}

.main_div .head .head_in .pf_set .pic.grade_1 {
  border: 3px solid #602c11;
}

.main_div .head .head_in .pf_set .pic.grade_2 {
  border: 3px solid #818181;
}

.main_div .head .head_in .pf_set .pic.grade_3 {
  border: 3px solid #b58606;
}

.main_div .head .head_in .pf_set .pic.grade_4 {
  border: 3px solid #0c1c2f;
}

.main_div .head .head_in .pf_set .pic.grade_5 {
  border: 3px solid #a34b15;
}

.main_div .head .head_in .pf_set .txt {
  font-size: 11px;
  font-weight: bold;
  color: #fff;
  padding: 0 8px;
  height: 18px;
  line-height: 17px;
  border-radius: 9px;
  background: #757575;
  margin-left: 4px;
}

.main_div .head .head_in .pf_set .txt.grade_0 {
  background: #0c1c2f;
}

.main_div .head .head_in .pf_set .txt.grade_1 {
  background: #602c11;
}

.main_div .head .head_in .pf_set .txt.grade_2 {
  background: #818181;
}

.main_div .head .head_in .pf_set .txt.grade_3 {
  background: #b58606;
}

.main_div .head .head_in .pf_set .txt.grade_4 {
  background: #0c1c2f;
}

.main_div .head .head_in .pf_set .txt.grade_5 {
  background: #a34b15;
}

.main_div .head .pf_box {
  position: absolute;
  padding: 0px;
  /* display: inline-flex; */
  /* overflow: hidden; */
  color: #fff;
  right: 56px;
}

.main_div .head .pf_box .icon_box{
  position: relative;
}

.main_div .head .pf_box .icon_button{
  background: transparent;
  border: 1px solid transparent;
}

.main_div .head .pf_box .new{
  width: 5px;
  height: 5px;
  border-radius: 50% 50%;
  background: #f27226;
  position: absolute;
  right: 0;
  top: 10px;
}

.main_div .head .pf_box .pf_box_pos {
  display: inline-flex;
  position: relative;
  overflow: hidden;
  height: 18px;
  line-height: 17px;
  border-radius: 18px;
}

.main_div .head .pf_box .pf_box_item {
  padding-right: 4px;
  padding-left: 8px;
  z-index: 2;
  -webkit-box-align: center;
  align-items: center;
  display: flex;
  background: #000;
}

.main_div .head .pf_box .pf_box_item.grade {
  padding: 0 8px;
  position: relative;
  z-index: 1;
  flex: 0 0 auto;
  -webkit-box-align: center;
  align-items: center;
  display: flex;
  background: #0c1c2f;
}

.main_div .head .pf_box .pf_box_item span {
  font-size: 11px;
  line-height: 16px;
  font-weight: 500;
  color: #fff;
  text-align: left;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.main_div .head .pf_box .pf_box_item span.name {
  max-width: 80px;
}

.main_div .head .pf_box .pf_box_item .box_obline {
  width: 4px;
  height: 60px;
  position: absolute;
  bottom: -12px;
  left: 0;
  z-index: 1;
  background-color: #000;
  transform: rotate(20deg);
}

.main_div .head .pf_box .pf_box_item .box_obline.grade {
  bottom: -12px;
  left: 3px;
}

.main_div .head .pf_box .pf_box_item.grade_0 {
  background: #0c1c2f;
}

.main_div .head .pf_box .pf_box_item.grade_1 {
  background: #602c11;
}

.main_div .head .pf_box .pf_box_item.grade_2 {
  background: #818181;
}

.main_div .head .pf_box .pf_box_item.grade_3 {
  background: #b58606;
}

.main_div .head .pf_box .pf_box_item.grade_4 {
  background: #0c1c2f;
}

.main_div .head .pf_box .pf_box_item.grade_5 {
  background: #a34b15;
}

@media (max-width: 350px) {
  .main_div .head .pf_box .pf_box_pos {
    max-width: 100px;
  }

  .main_div .head .pf_box .pf_box_item {
    min-width: 40px;
  }

  .main_div .head .pf_box .pf_box_item span.name {
    max-width: 60px;
  }
}

/* ONDA : type2 */
.camp_div.type2 .txt_box {
  padding: 24px 0;
  margin: 0 24px;
  border-bottom: 1px solid #ededed;
}

.camp_div.type2 .txt_box .tit {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 20px;
  font-weight: bold;
  line-height: 21px;
  letter-spacing: -0.4px;
  text-align: left;
  color: #191919;
}

.camp_div .txt_box .txt {
  margin-top: 2px;
  font-size: 14px;
  line-height: 18px;
  letter-spacing: -0.6px;
  text-align: left;
  color: #767676;
}

.camp_div.type2 .site_info {
  padding: 14px 24px 0 24px;
}

.camp_div.type2 .site_info dl {
  display: flex;
  margin-bottom: 8px;
}

.camp_div.type2 .site_info dl:nth-last-of-type(1) {
  margin-bottom: 0px;
}

.camp_div.type2 .site_info dl dt {
  background: #f27226;
  border-radius: 12px;
  color: #fff;
  font-size: 12px;
  font-weight: bold;
  text-align: center;
  padding: 2px 12px;
}

.camp_div.type2 .site_info dl dt.day2 {
  background: #8e8e8e;
}

.camp_div.type2 .site_info dl dd {
  font-size: 14px;
  color: #767676;
  letter-spacing: -0.7px;
  font-weight: bold;
  padding-left: 8px;
}

.res_div.type2 {
  padding: 0 24px;
}

.res_div.type2 .chk_txt {
  font-size: 14px;
  color: #707070;
  letter-spacing: -0.7px;
}

.res_div.type2 .chk_txt span {
  color: #f27226;
  font-weight: bold;
}

.res_div.type2 .date_sel {
  display: flex;
  position: relative;
}

.res_div.type2 .date_sel select {
  padding: 0 14px;
  text-align: left;
  background: #ebebeb;
  border: 1px solid #b5b7bc;
  color: #000;
}

.res_div.type2 .date_sel a {
  position: absolute;
  right: 14px;
  top: 16px;
  font-size: 13px;
  color: #f27226;
  font-weight: 500;
}

/* 카운트 */
.count_div {
  display: flex;
  justify-content: space-between;
  padding: 16px 0;
  border-bottom: 1px solid #ededed;
}

.count_div:nth-last-child(1) {
  padding-bottom: 0px;
  border-bottom: 0px;
}

.count_div p {
  font-size: 14px;
  font-weight: bold;
  letter-spacing: -0.7px;
  color: #191919;
}

.count_div .count {
  margin-bottom: 14px;
}

.count_div .count:nth-last-of-type(1) {
  margin-bottom: 0px;
}

.count_box .count {
  display: flex;
  align-items: flex-start;
  justify-content: flex-end;
  margin-bottom: 14px;
}

.count_box .count p {
  font-weight: 500;
  color: #707070;
  padding-right: 8px;
  white-space: nowrap;
}

.count_box .count a {
  display: inline-block;
  cursor: pointer;
  width: 20px;
  height: 20px;
}

.count_box .count a img {
  width: 100%;
}

.count_box .count span {
  width: 37px;
  height: 20px;
  line-height: 20px;
  text-align: center;
}

.count_box .count input {
  width: 100%;
  height: 100%;
  text-align: center;
  border: 0;
}

.total_div {
  display: flex;
  justify-content: space-between;
  padding-top: 14px;
  margin-top: 14px;
  border-top: 1px solid #ededed;
}

.total_div.type2 {
  border-top: 0px;
  padding-top: 16px;
  margin-top: 0px;
}

.total_div .tit,
.inp_div .tit {
  font-size: 16px;
  font-weight: 500;
  color: #191919;
}

.total_div .price {
  font-size: 16px;
  font-weight: bold;
  color: #f27226;
}

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

.point_div p {
  font-size: 14px;
}

.point_div .price {
  font-weight: bold;
}

.sec_title button {
  font-size: 12px;
  border: 1px solid #d9d9d9;
  height: 25px;
  padding: 0 20px;
  color: #3c3646;
  border-radius: 3px;
  background: #fff;
}

.res_pay_area.type2 {
  display: block;
  margin-bottom: 20px;
  padding: 0 24px;
}

.res_pay_area.type2 .save_div {
  display: block;
  padding: 0;
}

.res_pay_area.type2 .code_num {
  margin-top: 6px;
}

.res_pay_area.type2 .code_num .inp_txt {
  text-align: right;
  max-width: inherit;
}

.res_pay_area.type2 .code_num .btn_cof {
  position: absolute;
  bottom: 0;
  right: 0;
  width: 100px;
  background: #f27226;
  color: #fff;
  height: 40px;
  border-radius: 4px;
  border: inherit;
  font-size: 14px;
}

/* 휴면 계정 */
.lock_con {}

.lock_con .lock_area {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  background: #f7f7f9;
  text-align: center;
  padding: 20px 24px;
}

.lock_con .lock_area .fa_ {
  font-size: 100px;
  color: #f27226;
  padding: 25px 0;
}

.lock_con .lock_area p {
  font-size: 18px;
  font-weight: bold;
}

.lock_con .txt {
  font-size: 14px;
  text-align: center;
  padding: 20px 0;
  word-break: keep-all;
}

.lock_con .txt em {
  font-weight: 500;
}

@media (max-width: 400px) {
  .lock_con .lock_area p {
    font-size: 15px;
  }

  .lock_con .txt {
    font-size: 13px;
  }
}

/* Q 도매 */
.wrap.sc .head.head_dome {
  box-shadow: none;
  border-bottom: 1px solid #ebebeb;
}

.main_div .head_dome .head_in h1 {
  left: 40px;
  transform: inherit;
  width: auto;
}

.main_div .head_dome .head_in h1.type2 {
  left: 0;
}

.head_dome h1 img {
  width: 80px;
  margin-left: 0px;
}

.main_div .head_dome .head_in .pf_set {
  right: 24px;
  cursor: pointer;
}

.main_div .head .head_in .pf_set .login{
  padding: 7px 14px;
  border: 1px solid #70737C29;
  border-radius: 8px;
  background: #fff;
  font-weight: 600;
  color: #FF4802;
  cursor: pointer;
}

.main_div .head_dome .head_in .pf_set .txt {
  background: #000;
  color: #fff;
}

.main_div .head_dome .head_in .pf_set.on .txt {
  background-image: linear-gradient(to right, #f00 19%, #f27226 84%);
}

.head_dome .head_in .btn_cart {
  display: block;
  width: 24px;
  height: 24px;
  background: url(/images/ico_cart.png) no-repeat center center / 24px 24px;
  position: absolute;
  right: 24px;
  top: 19px;
  text-indent: -50000px;
  overflow: hidden;
  cursor: pointer;
}

.head_dome .head_in .btn_cart.on span {
  width: 4px;
  height: 4px;
  border-radius: 50% 50%;
  background: #f27226;
  position: absolute;
  right: 0;
  top: 0;
}

.head_dome .head_in .btn_order {
  display: block;
  width: 24px;
  height: 24px;
  background: url(/images/ico_cart.png) no-repeat center center / 24px 24px;
  position: absolute;
  right: 90px;
  top: 19px;
  text-indent: -50000px;
  overflow: hidden;
  cursor: pointer;
}

.wrap_in_dome.main_div .pagination_wp {
  right: 0;
}

@media (max-width: 319px) {
  .main_div .head_dome .head_in .pf_set {
    display: none;
  }
}

.wrap_in_dome .public_item_sec .pic {
  height: 189px;
}

.dome_pay_form .lst_txt {
  background: #f7f7f7;
  padding: 16px 12px;
  box-sizing: border-box;
  margin-top: 20px;
}

.dome_pay_form .lst_txt li {
  margin-bottom: 4px;
  padding-left: 10px;
  color: #191919;
  font-size: 12px;
  position: relative;
}

.dome_pay_form .lst_txt.type2 li {
  margin-bottom: 10px;
}

.dome_pay_form .lst_txt li::before {
  content: '';
  position: absolute;
  top: 8px;
  left: 0;
  width: 6px;
  height: 1px;
  background-color: #555;
}

.dome_pay_form .lst_txt li:nth-last-of-type(1) {
  margin-bottom: 0px;
}

.dome_pay_form .lst_txt li span {
  color: #f27226;
}

.dome_pay_form .lst_txt li span em {
  font-weight: 500;
}

.dome_pay_form .btn_cof {
  position: absolute;
  right: 0;
  top: 0;
}

/* Q도매 리스트 */
.wrap_in_dome .sec_g .sec_title .tit {
  width: inherit;
}

/* .wrap_in_dome .container {
    margin-top: 65px;
} */

.wrap_in_dome .com_lnb {
  position: fixed;
  top: 60px;
  width: 100%;
  max-width: 640px;
  z-index: 20;
  background-color: #fff;
}

.dome_filter {
  position: fixed;
  top: 110px;
  width: 100%;
  max-width: 640px;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  justify-content: space-between;
  padding: 4px 24px;
  z-index: 4;
  background-color: #fff;
}

.dome_filter .total_num {
  font-size: 12px;
}

.dome_filter .rdiv {
  display: flex;
  flex-direction: row;
}

.dome_filter .rdiv .sel_div * {
  box-sizing: border-box;
}

.dome_filter .rdiv .sel_div {
  position: relative;
  width: 100px;
  height: 36px;
  background: url(/images/tot_arr.png) right 5px top 9px no-repeat;
  background-size: 20px;
  cursor: pointer;
  margin-right: 10px;
}

.dome_filter .rdiv .sel_div:after {
  content: '';
  display: block;
  width: 2px;
  height: 100%;
  position: absolute;
  top: 0;
  right: 35px;
}

.dome_filter .rdiv .sel_div .label {
  display: flex;
  font-size: 12px;
  justify-content: right;
  align-items: center;
  width: inherit;
  height: inherit;
  border: 0 none;
  outline: 0 none;
  padding-right: 28px;
  background: transparent;
  cursor: pointer;
}

.dome_filter .rdiv .sel_div .opt_ul {
  position: absolute;
  top: 28px;
  left: 0;
  width: 100%;
  background: #fff;
  box-shadow: 0 2px 4px 0 hsla(0, 0%, 80.8%, 0.5);
  padding: 0;
  border-radius: 4px;
  overflow: hidden;
  max-height: 0;
  transition: 0.3s ease-in;
}

.dome_filter .rdiv .sel_div.on .opt_ul {
  max-height: 500px;
}

.dome_filter .rdiv .sel_div .opt {
  padding: 10px;
  font-size: 12px;
  transition: 0.1s;
}

.dome_filter .filter_wp {
  font-size: 12px;
  border: none;
  background: none;
}

.dome_filter .filter_wp.on {
  font-weight: bold;
  color: #f27226;
}

.dome_filter .filter_wp span {
  display: inline-block;
  height: 8px;
  width: 8px;
  background: #fff;
  position: relative;
  margin-left: 5px;
  background: url(/images/ico_filter2.png) no-repeat center center / 8px auto;
}

.dome_filter .filter_wp.on span {
  background: none;
  width: auto;
  height: auto;
}

.dome_bar {
  padding: 0 24px;
  margin-top: 101px;
}

.dome_bar .bar_con1 {
  display: flex;
  justify-content: space-between;
}

.dome_bar .bar_con1 li {
  position: relative;
}

.dome_bar .bar_con1 li.category {
  width: 94px;
}

.dome_bar .bar_con1 li.sear_li {
  width: calc(100% - 104px);
}

.dome_bar .bar_con1 li .inner {
  display: block;
  height: 36px;
  padding-left: 12px;
  line-height: 35px;
  border: 1px solid #c4c4c4;
  border-radius: 18px;
}

.dome_bar .bar_con1 li input.inner {
  height: 36px;
  width: 100%;
  outline: none;
  font-size: 14px;
}

.dome_bar .bar_con1 li.sear_li .btn_srh {
  border: none;
  height: 40px;
  width: 40px;
  background: #fff;
  position: absolute;
  background: url(/images/ico_sear.png) no-repeat center center / 16px auto;
  bottom: -2px;
  right: 0;
}

.dome_bar .bar_con1 li.sear_li .btn_clear {
  border: none;
  display: block;
  height: 40px;
  width: 40px;
  bottom: -2px;
  right: 0;
  position: absolute;
  background: url(/images/btn_close3.png) no-repeat center center / 16px auto;
}

.dome_bar .bar_con1 li.category .inner {
  width: 94px;
  background: #fefffe url(/images/ico_region_arr_down.png) no-repeat right 7px top 8px / 20px auto;
}

.dome_bar .bar_con1 li.category.on .inner {
  background: #fefffe url(/images/ci_more_arr.png) no-repeat right 7px top 8px / 20px auto;
}

.dome_bar .bar_con1 li.on .inner {
  border: 1px solid #f27226;
  /* line-height: 32px; */
}

.dome_bar .bar_con1 li.on .inner .txt {
  color: #f27226;
}

.dome_bar .bar_con2 {
  margin-top: 10px;
  position: relative;
}

.dome_bar .bar_con2 .category_opt {
  width: calc(100% - 36px);
}

.dome_bar .bar_con2 .btn_clear {
  border: none;
  display: block;
  height: 12px;
  width: 12px;
  right: 0;
  bottom: 0;
  position: absolute;
  background: url(/images/btn_clear2.png) no-repeat center center / 12px auto;
}

.dome_bar .bar_con2 li {
  width: auto;
  max-width: none;
  display: flex;
  align-items: center;
  font-size: 12px;
  color: #f27226;
}

.dome_bar .bar_con2 li .btn_close {
  border: none;
  display: block;
  height: 8px;
  width: 8px;
  background: #fff;
  position: relative;
  margin-left: 5px;
  background: url(/images/btn_close3.png) no-repeat center center / 8px auto;
}

.total_num_div {
  padding: 10px 24px;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
}

.total_num_div .total_num {
  font-size: 12px;
}

.total_num_div .txt {
  font-size: 10px;
  color: #767676;
}

.sec_g.dome_g {
  padding: 10px 0 0 0;
}

.sec_g.dome_g .sec_title .tit {
  width: inherit;
}

.dome_g .thumb_g.type_white li {
  border-radius: 0;
}

/* 장바구니 모달 */
.pop_layer_set .pop_title.dome_box {
  padding-bottom: 10px;
}

.pop_title.dome_box {
  display: flex;
}

.pop_title.dome_box .pic {
  width: 48px;
  height: 48px;
  border-radius: 4px;
}

.pop_layer_set .recent_layer .pop_title.dome_box .tit {
  display: inherit;
  text-align: left;
  line-height: 1.3;
  padding-left: 10px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  white-space: inherit;
}

.dome_opt_ul.dome_opt_ul {
  margin-top: 20px;
}

.agree_box ul.dome_opt_ul li {
  margin-bottom: 4px;
}

.agree_box ul.dome_opt_ul.type2 {
  margin-top: 0px;
}

.agree_box ul.dome_opt_ul.type2 li {
  border-bottom: 1px solid #ededed;
  position: relative;
  padding: 14px 0;
  display: flex;
  justify-content: space-between;
}

.agree_box ul.dome_opt_ul.type2 li .rdiv {
  padding-top: 20px;
  text-align: right;
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  align-items: flex-end;
}

.agree_box ul.dome_opt_ul.type2 .opt_item {
  font-size: 12px;
  font-weight: bold;
}

.agree_box ul.dome_opt_ul.type2 .opt_price {
  margin-top: 2px;
  padding-right: 80px;
}

.agree_box ul.dome_opt_ul.type2 .opt_price span {
  font-size: 15px;
  font-weight: bold;
}

.agree_box ul.dome_opt_ul.type2 .opt_price span.sale {
  color: #f27226;
  padding-right: 4px;
  display: none;
}

.agree_box ul.dome_opt_ul.type2 .opt_price span.fixed {
  padding-left: 2px;
  color: #6b6b6b;
  font-weight: 400;
  font-size: 11px;
  text-decoration: line-through;
  display: none;
}

.agree_box ul.dome_opt_ul.type2 .opt_price span.txt {
  color: #6b6b6b;
  font-weight: 400;
  font-size: 11px;
}

.agree_box ul.dome_opt_ul.type2 .disabled .opt_price span.txt {
  color: #ceced2;
}

.agree_box ul.dome_opt_ul.type2 .count {
  /* position: absolute;
    right: 0; top: 32px; */
  display: flex;
  align-items: center;
}

.agree_box ul.dome_opt_ul.type2 .count a {
  display: inline-block;
  cursor: pointer;
  width: 20px;
  height: 20px;
}

.agree_box ul.dome_opt_ul.type2 .count a img {
  width: 100%;
}

.agree_box ul.dome_opt_ul.type2 .count span {
  width: 37px;
  height: 20px;
  line-height: 20px;
  text-align: center;
}

.agree_box ul.dome_opt_ul.type2 .count input {
  width: 100%;
  height: 100%;
  text-align: center;
  border: 0;
}

.agree_box ul.dome_opt_ul.type2 li.disabled *,
.agree_box ul.dome_opt_ul.type2 li.disabled span {
  color: #ceced2;
}

.agree_box ul.dome_opt_ul.type2 li.disabled .count.soldout {
  background: #f5f5f5;
  color: #c1c1c1;
  border: 1px solid #d9d9d9;
  font-size: 11px;
  line-height: 1.2;
  letter-spacing: -0.55px;
  padding: 2px 4px;
  display: inline-block;
}

.agree_box ul.dome_opt_ul.type2 li.disabled .count.alarm {
  position: relative;
  font-size: 11px;
  line-height: 1.2;
  border-radius: 3px;
  width: 80px;
  display: block;
  border: solid 1px #f07a1c;
  padding: 4px 0 4px 15px;
  letter-spacing: -0.55px;
  text-align: center;
  color: #3c3646;
  background: #fff;
}

.agree_box ul.dome_opt_ul.type2 li.disabled .count.alarm::after {
  content: '';
  position: absolute;
  z-index: 1;
  top: 4px;
  left: 5px;
  width: 14px;
  height: 21px;
  background: url(/images/bell_no.png) no-repeat;
  background-size: 12px auto;
}

.agree_box ul.dome_opt_ul.type2 li.disabled .count.alarm.on::after {
  content: '';
  position: absolute;
  z-index: 1;
  top: 4px;
  left: 5px;
  width: 14px;
  height: 21px;
  background: url(/images/bell.png) no-repeat;
  background-size: 10px auto;
}

.agree_box ul.dome_opt_ul.type2 li .tiptxt {
  font-size: 11px;
  color: #757575;
  text-align: right;
}

.agree_box .benefit {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  margin-top: 12px;
}

.agree_box .benefit span {
  display: inline-block;
  margin: 0 0 4px 16px;
  padding-left: 16px;
  font-size: 12px;
}

.agree_box .benefit span.ico1 {
  background: url(/images/benefit_ico1.png) no-repeat left center / 12px auto;
}

.agree_box .benefit span.ico2 {
  background: url(/images/benefit_ico2.png) no-repeat left bottom 2px / 12px auto;
}

.agree_box .benefit span.ico3 {
  background: url(/images/benefit_ico3.png) no-repeat left bottom 1px / 12px auto;
}

.agree_box .benefit span.ico4 {
  background: url(/images/benefit_ico4.png) no-repeat left bottom 2px / 12px auto;
}

.agree_box .benefit span.ico5 {
  background: url(/images/benefit_ico5.png) no-repeat left bottom 2px / 12px auto;
}

@media (max-width: 400px) {
  .agree_box ul.dome_opt_ul.type2 .opt_price span.txt {
    display: block;
  }
}

/* 상품리스트 */

.dome_g .thumb_list2.type2 {
  flex-wrap: nowrap;
}

.dome_g .thumb_list2.type_white>li {
  margin-bottom: 20px;
}

.dome_g .thumb_list2.type2.type_white>li {
  margin-bottom: 0px;
}

.dome_g .thumb_list2.type_white li a::after {
  content: none;
}

.dome_g li.swiper-slide {
  height: auto;
}

.dome_g .pic {
  position: relative;
  padding-top: 100%;
  inset: 0px;
}

.dome_g .pic img {
  position: absolute;
  object-fit: cover;
  top: 0;
  border-radius: 8px;
  border: 1px solid #e5e5e5;
}

.dome_g .sec_order_con .ist_order_item .order_div .pic {
  padding-top: 0px;
  height: 83px;
}

.dome_g .sec_order_con .ist_order_item .order_div .pic img {
  height: 100%;
}

.dome_g .pic .sale {
  position: absolute;
  top: 8px;
  left: 8px;
  background: #ff3120;
  color: #fff;
  font-size: 10px;
  padding: 2px 12px;
  border-radius: 12px;
}

.dome_g .pic .sale span {
  font-size: 14px;
  font-weight: bold;
}

.dome_g .pic .btn_cart {
  display: block;
  position: absolute;
  color: #fff;
  font-weight: 500;
  bottom: 8px;
  right: 8px;
  border: 0;
  border-radius: 18px;
  width: 36px;
  height: 36px;
  background: rgba(242, 114, 38, 0.8);
}

/* .dome_g .pic .btn_cart span {
    display: block;
    height: 22px;
    width: 22px;
    background: #fff;
    position: relative;
    margin-left: 5px;
    background: url(/images/ico_cart_w.png) no-repeat left 1px center / 22px auto;
} */
.dome_g .thumb_g.type_white .txt_box {
  min-height: inherit;
  position: relative;
  padding: 10px 0 0 0;
}

.dome_g .thumb_g .txt_box .tit {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  white-space: inherit;
}

.dome_g .thumb_g .price_wrap {
  margin-top: 8px;
  height: auto;
}

.dome_g .thumb_g .price_wrap li {
  display: flex;
  align-items: flex-start;
  width: 100%;
  padding-bottom: 4px;
}

.dome_g .thumb_g .price_wrap li:nth-of-type(2n) {
  padding-bottom: 0px;
  padding-top: 4px;
}

.dome_g .thumb_g .price_wrap li p.txt {
  min-width: 24px;
  color: #222;
  font-size: 12px;
  line-height: 1;
}

.dome_g .thumb_g .price_wrap li p.pri {
  margin-left: 4px;
  font-size: 15px;
  font-weight: 700;
  color: #191919;
  line-height: 1;
}

.dome_g .thumb_g .price_wrap li p.pri span {
  font-size: 12px;
  color: #f27226;
  /* padding-left: 4px; */
  font-weight: 400;
  display: block;
}

.dome_g .thumb_g .price_wrap li p.pri span.fixed {
  padding-bottom: 2px;
  color: #6b6b6b;
}

.dome_g .thumb_g .price_wrap li p.pri span.stxt {
  padding-top: 4px;
  color: #6b6b6b;
}

.dome_g .thumb_g .price_wrap li p.pri span.stxt.type2 {
  display: inline-block;
}

/* 찜, bat */
.dome_g .thumb_g .txt_box button.like {
  position: absolute;
  right: 0;
  top: 10px;
  border: none;
  background: none;
  padding: 0;
}

.dome_g .thumb_g .txt_box button.like span {
  display: inline-block;
  width: 16px;
  height: 16px;
  background-size: 16px;
}

.dome_g .thumb_g .txt_box button.like span {
  background: url(/images/ico_heart_dome.png) no-repeat center / 16px auto;
}

.dome_g .thumb_g .txt_box button.like.on span {
  background: url(/images/ico_heart_org.png) no-repeat center / 16px auto;
}

.dome_g .thumb_g .top_g {
  display: flex;
  width: calc(100% - 20px);
  padding-bottom: 10px;
  /* border-bottom: 1px solid #EDEDED; */
}

.dome_g .thumb_g .top_g span {
  height: 18px;
}

.dome_g .thumb_g .top_g span.bat {
  font-size: 12px;
  color: #f27226;
  border: 1px solid #f27226;
  display: inline-block;
  background: #fff;
  padding: 0 4px;
  height: 18px;
  line-height: 15px;
  border-radius: 9px;
  margin-right: 4px;
}

.dome_g .thumb_g .top_g .cart {
  margin-left: 20px;
  padding: 2px 8px;
  background: #f27226;
  font-size: 12px;
  color: #fff;
  border: 2px;
}

/* .dome_g .thumb_g .last_g .cart span {
    background: url(/images/ico_cart_dome.png) no-repeat center / 16px auto;
} */

.dome_g .thumb_g .last_g {
  display: flex;
  justify-content: right;
  margin-top: 14px;
}

.dome_g .thumb_g .last_g button {
  font-size: 12px;
  color: #fff;
  background: #f27226;
  padding: 2px 6px;
  border-radius: 2px;
  border: 0;
}

.dome_g.public_item_sec .sec_title {
  display: flex;
}

.dome_g .slide_public .thumb_g .txt_box .txt {
  line-height: 1;
  height: inherit;
}

@media (max-width: 500px) {
  .dome_g .thumb_g .price_wrap li {
    align-items: flex-start;
  }

  /* .dome_g .thumb_g .price_wrap li p.txt {
        margin-top: 3px;
    } */

  .dome_g .thumb_g .price_wrap li p.pri span {
    display: block;
    padding-left: 0px;
  }

  .dome_g .thumb_g .price_wrap li p.pri span.type2 {
    display: inline-block;
  }
}

.dome_g .thumb_g .btm_div {
  display: none;
  padding-top: 4px;
  margin-top: 4px;
  box-sizing: border-box;
  align-items: center;
}

.dome_g .thumb_g .btm_div p {
  font-size: 12px;
  padding-right: 4px;
  color: #767676;
}

.dome_g .thumb_g .btm_div.on {
  display: flex;
  border-top: 1px solid #ededed;
}

/* 장바구니 담은 후 */
.pop_layer_set .pop_layer.incart_layer {
  background: none;
  right: 0;
  left: 0;
  text-align: center;
  transform: none;
  margin: 0 auto;
}

.pop_layer_set.on .pop_layer.incart_layer {
  width: auto;
  bottom: 0;
  transform: translateY(-100px);
}

.pop_layer.incart_layer .inmycart {
  display: inline-block;
  padding: 10px 20px;
  background: rgba(61, 61, 61, 0.8);
  border-radius: 6px;
  color: #fff;
  font-size: 13px;
}

.pop_layer_set .pop_layer.noti_layer {
  background: none;
  right: 0;
  left: 0;
  text-align: center;
  transform: none;
  margin: 0 auto;
  z-index: 1000;
}

.pop_layer_set.on .pop_layer.noti_layer {
  width: auto;
  bottom: 0;
  transform: translateY(-50px);
}

.pop_layer.noti_layer .noti_msg {
  display: inline-block;
  padding: 10px 20px;
  background: rgba(90, 90, 0, 0.8);
  border-radius: 6px;
  color: #fff;
  font-size: 13px;
}

/* 장바구니 */
.wrap_in_dome .order_list_div .chk_all {
  padding: 24px 24px 16px;
  display: flex;
  justify-content: space-between;
  border-bottom: 1px solid #f7f7f7;
}

.wrap_in_dome .order_list_div .chk_all .chk_box_all span {
  font-weight: 500;
  font-size: 13px;
}

.wrap_in_dome .order_list_div .chk_all .btn_del {
  padding: 0 8px;
  background: #fff;
  border: 1px solid #d9d9df;
  color: #707070;
  border-radius: 2px;
  font-weight: 400;
  font-size: 12px;
  line-height: 1;
}

.wrap_in_dome .order_list_div .chk_all .btn_del.bat_bg {
  background: #fce5d4;
  color: #f57b20;
  display: flex;
  align-items: center;
  padding: 4px 6px;
  border: 0px;
}

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

.wrap_in_dome .order_cont .lst_order_imp {
  display: none;
}

.wrap_in_dome .order_cont.on .lst_order_imp {
  display: block;
}

.wrap_in_dome .lst_order_imp li {
  padding-bottom: 0px;
}

.wrap_in_dome .lst_order_imp li.chk_order_li .order_div.order_item {
  margin-bottom: 10px;
}

.wrap_in_dome .lst_order_imp .order_div {
  display: flex;
}

.wrap_in_dome .lst_order_imp .order_div .pic {
  width: 48px;
  height: 48px;
}

.wrap_in_dome .lst_order_imp .order_div .txt_box {
  float: inherit;
  width: calc(100% - 60px);
  min-height: inherit;
  padding-left: 0px;
}

.wrap_in_dome .lst_order_imp .order_div .txt_box .tit {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  white-space: inherit;
}

.wrap_in_dome .lst_order_imp li.chk_order_li .order_box {
  margin: -20px 0 4px 20px;
}

.wrap_in_dome .lst_order_imp li.chk_order_li .order_box .tit span {
  font-weight: 500;
}

.wrap_in_dome .lst_order_imp li.chk_order_li .order_box .tit span em {
  font-size: 11px;
  text-decoration: line-through;
  font-weight: 400;
  color: #6b6b6b;
  text-decoration-color: #6b6b6b;
  display: none;
}

.wrap_in_dome .lst_order_imp li.chk_order_li .order_box .bd .pay {
  font-weight: 500;
}

.wrap_in_dome .lst_order_imp li.chk_order_li .order_box .bd .ldiv {
  display: flex;
  align-items: flex-end;
}

.wrap_in_dome .lst_order_imp li.chk_order_li .order_box .bd .count.soldout {
  background: #f5f5f5;
  color: #c1c1c1;
  border: 1px solid #d9d9d9;
  font-size: 11px;
  line-height: 1.2;
  letter-spacing: -0.55px;
  padding: 2px 4px;
  display: inline-block;
}

.wrap_in_dome .lst_order_imp li.chk_order_li .order_box .bd .count.alarm {
  position: relative;
  font-size: 11px;
  line-height: 1.2;
  border-radius: 3px;
  width: 80px;
  display: block;
  border: solid 1px #f07a1c;
  padding: 4px 0 4px 15px;
  letter-spacing: -0.55px;
  text-align: center;
  color: #3c3646;
  background: #fff;
}

.wrap_in_dome .lst_order_imp li.chk_order_li .order_box .bd .count.alarm::after {
  content: '';
  position: absolute;
  z-index: 1;
  top: 4px;
  left: 5px;
  width: 14px;
  height: 21px;
  background: url(/images/bell_no.png) no-repeat;
  background-size: 12px auto;
}

.wrap_in_dome .lst_order_imp li.chk_order_li .order_box .bd .count.alarm.on::after {
  content: '';
  position: absolute;
  z-index: 1;
  top: 4px;
  left: 5px;
  width: 14px;
  height: 21px;
  background: url(/images/bell.png) no-repeat;
  background-size: 10px auto;
}

.wrap_in_dome .lst_order_imp li.chk_order_li .order_box .txt {
  display: none;
  font-size: 11px;
  color: #757575;
  margin-bottom: 2px;
  padding-left: 4px;
  /* background: url(/images/ico_alert-triangle.png) no-repeat left / 10px auto; */
}

.wrap_in_dome .lst_order_imp li.chk_order_li .order_box .txt.on {
  display: block;
}

.wrap_in_dome .lst_order_imp li.chk_order_li .order_box .bd .count input.type2 {
  color: #ff1718;
}

.wrap_in_dome .sec_order_int .sec_title {
  padding-top: 0px;
  position: relative;
}

.wrap_in_dome .sec_order_int .sec_title::before {
  content: '';
  position: absolute;
  top: 0;
  width: calc(100% - 48px);
  height: 1px;
  background: #ededed;
}

.wrap_in_dome .sec_order_int .sec_title.type3::before {
  content: inherit;
}

.wrap_in_dome .sec_order_int .total_ul {
  padding: 0 24px;
}

.wrap_in_dome #divOrderTxt {
  display: none;
}

.wrap_in_dome #divOrderTit.on .txt {
  display: none;
}

.wrap_in_dome #divOrderTxt.on {
  display: block;
}

.wrap_in_dome .sec_order_int p.sub_txt {
  font-size: 12px;
  padding: 0 24px;
  text-align: right;
}

/* 상품전체 disabled */
.wrap_in_dome .lst_order_imp.disabled * {
  color: #ceced2 !important;
}

.wrap_in_dome .lst_order_imp.disabled .order_div .pic img {
  filter: brightness(75%);
}

/* 상품군 disabled */
.wrap_in_dome .lst_order_imp li.chk_order_li .order_box.disabled * {
  color: #ceced2 !important;
}

/* 장바구니 상품고시 */
.sec_info_int .aside_ul li .btn_arr {
  width: 20px;
  height: 20px;
  background: url(/images/tot_arr.png) no-repeat center center / 20px auto;
  display: inline-block;
  margin-left: 4px;
  position: relative;
  top: 4px;
}

.table_div {
  display: none;
}

.sec_info_int .aside_ul li a.on+.table_div {
  display: block;
  margin-bottom: 20px;
}

.sec_info_int .aside_ul li a.on .btn_arr {
  transform: rotate(180deg);
}

.table_div table {
  border: 1px solid #ccc;
  width: 100%;
}

.table_div table th {
  background: #f5f5f5;
  padding: 6px;
  color: #767676;
  font-weight: 400;
  font-size: 12px;
  text-align: left;
}

.table_div table td {
  color: #222;
  padding: 8px;
  font-size: 12px;
  word-break: keep-all;
}

.table_div table td p {
  font-size: 12px;
  word-break: keep-all;
  position: relative;
  padding-left: 10px;
}

.table_div table td p:not(:nth-last-of-type(1)) {
  margin-bottom: 4px;
}

.table_div table td p::before {
  content: '';
  position: absolute;
  top: 8px;
  left: 0;
  width: 6px;
  height: 1px;
  background-color: #555;
}

.table_div table td p.not::before {
  display: none;
}

.table_div table td p.dot::before {
  width: 2px;
  height: 2px;
  border-radius: 2px;
}

.table_div table td .inside_box {
  padding: 12px;
}

.table_div .txt {
  font-size: 13px;
  padding-top: 4px;
}

/* 주문하기 */
.wrap_in_dome .lst_order_imp .order_div.domeOrder_div .pic {
  width: 84px;
  height: 84px;
}

.wrap_in_dome .lst_order_imp .order_div.domeOrder_div .txt_box {
  width: calc(100% - 84px);
  padding-left: 12px;
}

.wrap_in_dome .sec_order_int .sec_title.type2 .txt,
.wrap_in_dome .shopping_pay_form .sec_title.type2 .txt {
  padding-right: 24px;
  width: calc(100% - 80px);
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.wrap_in_dome .shopping_pay_form .sec_title.type2 .txt {
  width: calc(100% - 100px);
}

.wrap_in_dome .sec_order_int .sec_title.type2 .txt span.name {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
  padding-right: 4px;
}

.wrap_in_dome .sec_order_int .sec_title.type2 .txt span.other {
  min-width: 40px;
}

.wrap_in_dome .sec_order_int .sec_title.type2 .ico_arr,
.wrap_in_dome .shopping_pay_form .sec_title.type2 .ico_arr {
  position: absolute;
  right: 24px;
  display: inline-flex;
  width: 20px;
  height: 20px;
  background: url(/images/tot_arr.png) no-repeat right / 20px auto;
}

.wrap_in_dome .sec_order_int .sec_title.type2.on .ico_arr {
  transform: rotate(180deg);
}

.wrap_in_dome .sec_order_int .sec_title.type2.dome_title .txt,
.wrap_in_dome .shopping_pay_form .sec_title.type2.dome_title .txt {
  justify-content: flex-end;
}

.wrap_in_dome .shopping_pay_form .sec_title.type2.dome_title .txt span {
  padding-left: 4px;
}

.wrap_in_dome .lst_order_imp .order_div .txt_box .txt {
  margin-bottom: 4px;
}

.wrap_in_dome .sec_order_int .sec_title.type2 .txt {
  display: inline-flex;
}

.wrap_in_dome .sec_order_int .sec_title.type2.on .txt {
  display: none;
}

.shopping_pay_form .lst_shopping_pay.type2.bborder_1 {
  border-bottom: 1px solid #dcdcdc;
  padding-bottom: 15px;
  margin-bottom: 10px;
}

.shopping_pay_form .lst_shopping_pay.type2 li {
  display: flex;
}

.shopping_pay_form .lst_shopping_pay.type2 li .tit {
  min-width: 64px;
}

.shopping_pay_form .lst_shopping_pay.type2 li .txt .name {
  display: inline-flex;
  padding: 0 10px;
  height: 24px;
  border: 2px solid #f27226;
  border-radius: 4px;
}

.shopping_pay_form .lst_shopping_pay.type2 li .txt .addr {
  display: block;
}

/* 주문상세 */
.wrap_in_dome .shop_detail_intro .txt_box {
  position: relative;
}

.wrap_in_dome .shop_detail_intro .tag {
  box-sizing: border-box;
  padding-right: 40px;
}

.wrap_in_dome .shop_detail_intro .tag a {
  border: solid 0.5px #f27226;
  color: #f27226;
}

.wrap_in_dome .shop_detail_intro .count {
  margin-top: 0px;
  position: absolute;
  right: 0;
  top: 15px;
  z-index: 10;
}

.wrap_in_dome .dome_title .txt.type2 {
  color: #757575;
}

.wrap_in_dome .dome_title .txt .info_a {
  position: absolute;
  right: 24px;
  display: inline-flex;
  width: 20px;
  height: 20px;
  background: url(/images/nkkim2.png) no-repeat right / 16px auto;
}

.wrap_in_dome .order_delivery.type2 {
  padding: 0;
}

.wrap_in_dome .dome_save_div {
  padding-bottom: 36px;
}

.wrap_in_dome .dome_save_div.type2 {
  padding-bottom: 0px;
}

.wrap_in_dome .dome_save_div .btn_all {
  background: #fff;
  color: #000;
  border: 1px solid #b5b7bc;
}

.wrap_in_dome .dome_save_div.disabled * {
  color: #ceced2;
}

.wrap_in_dome .save_charge {
  background: #f27226;
  color: #fff;
  height: 26px;
  border-radius: 13px;
  border: 0;
  padding: 0 10px;
  position: absolute;
  right: 24px;
  bottom: 0;
}

/* 툴팁 */
.tooltip {
  position: relative;
  display: none;
}

.tooltip.on {
  display: block;
}

.tooltip .tooltip_txt {
  width: 220px;
  background: #f7f7f9;
  color: #222;
  border-radius: 6px;
  padding: 10px;
  font-size: 13px;
  position: absolute;
  z-index: 10;
  right: 24px;
  word-break: break-word;
  text-align: right;
}

.tooltip .tooltip_txt.bottom::after {
  content: ' ';
  position: absolute;
  border-style: solid;
  border-width: 7px;
  bottom: 100%;
  right: 20px;
  margin-left: -5px;
  border-color: transparent transparent #f7f7f9 transparent;
}

.bg_darkgray.tooltip .tooltip_txt {
  background: #222;
  color: #fff;
  right: 0px;
  top: -12px;
}

/* 상품 상세페이지 */
.wrap_in_dome .shop_detail_intro .price_wrap li {
  display: flex;
  align-items: flex-start;
}

.wrap_in_dome .shop_detail_intro .price_wrap li p {
  min-width: 40px;
  padding-top: 6px;
}

.wrap_in_dome .shop_detail_intro .price_wrap li .right_div {
  float: inherit;
}

.wrap_in_dome .price_wrap .sale {
  font-size: 20px;
  display: none !important;
}

.wrap_in_dome .shop_detail_intro .price_wrap .right_div .discount {
  display: inline-block;
}

.wrap_in_dome .price_wrap .stxt {
  display: block;
  font-size: 12px;
  color: #6b6b6b;
}

.wrap_in_dome .pdpButtonArea .btn_org {
  width: calc(100% - 55px);
}

.wrap_in_dome .bottom_div.agree_box {
  margin-top: 20px;
  border-top: 1px solid #eeeeee;
}

.bottom_div.agree_box .benefit {
  justify-content: flex-start;
  margin-top: 16px;
}

.bottom_div.agree_box .benefit span {
  margin: 0 16px 0 0;
}

.bottom_div.agree_box .btn_subs {
  width: 100%;
  border-radius: 8px;
  border: 0;
  background: #000;
  color: #fff;
  font-size: 13px;
  height: 30px;
  margin-top: 16px;
}

/* toTop */
.toTop {
  position: fixed;
  z-index: 10;
  bottom: 100px;
  right: calc(50% - 296px);
  width: 36px;
  height: 36px;
  line-height: 32px;
  border-radius: 18px;
  background: rgba(255, 255, 255, 0.7);
  border: 1px solid #707070;
  box-sizing: border-box;
  text-align: center;
  cursor: pointer;
}

.toTop span {
  display: inline-block;
  position: relative;
  width: 24px;
  height: 24px;
  top: 4px;
  background: url('/images/arr_right.png') no-repeat center / 24px auto;
  transform: rotate(-90deg);
}

@media (max-width: 640px) {
  .toTop {
    right: 24px;
  }
}

/* 카테고리 */
.dome_category_g {
  padding: 0;
}

.dome_category_g .sec_cont {
  display: flex;
  flex-direction: column;
  padding: 0;
  margin-top: 0;
}

.dome_category_g .sec_cont button {
  width: 100%;
  height: 44px;
  background: #fff;
  border: 0;
  border-top: 1px solid #e3e3e3;
  padding: 0 24px;
  text-align: left;
}

.dome_category_g .sec_cont button:nth-last-of-type(1) {
  border-bottom: 1px solid #e3e3e3;
}

.dome_category_g .sec_cont button:nth-of-type(1) {
  border-top: 0;
}

/* 도매 상품검색 */
.dome_search_con .add_sear .tit_con {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  border-bottom: 1px solid #222;
  padding: 10px 0;
}

.dome_search_con .add_sear:nth-of-type(1) {
  margin-top: 0;
}

.dome_search_con .add_sear .tit {
  padding: 10px 0;
  border-bottom: 1px solid #222;
}

.dome_search_con .add_sear .tit_con .tit {
  padding: 0;
  border: none;
}

.dome_search_con .add_sear .tit_con .txt {
  font-size: 12px;
  color: #767676;
}

.dome_search_con .add_sear .tit_con .btn_del {
  color: #767676;
  font-size: 12px;
  padding-left: 24px;
  background: url(/images/btn_del.png) no-repeat left 8px top 3px / 12px auto;
  cursor: pointer;
}

.dome_search_con .add_sear .rec_div .tip {
  border: 1px solid #f27226;
  color: #f27226;
}

.search_ul {
  display: flex;
  flex-direction: column;
}

.search_ul li {
  display: flex;
  justify-content: space-between;
  padding: 8px 10px;
}

.search_ul li .left_div,
.search_ul li .right_div {
  float: inherit;
}

.search_ul li .left_div {
  font-size: 14px;
  width: calc(100% - 64px);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.search_ul li .left_div.w100 {
  width: 100%;
}

.search_ul li .left_div .txt {
  color: #222;
  padding-left: 8px;
}

.search_ul li .right_div {
  font-size: 12px;
}

.search_ul li .right_div span {
  color: #767676;
}

.search_ul li .btn_close {
  display: inline-block;
  height: 12px;
  width: 12px;
  position: relative;
  top: 2px;
  margin-left: 5px;
  background: url(/images/btn_close3.png) no-repeat center / 12px auto;
  cursor: pointer;
}

/* 구독신청 */
.btn_duplicate {
  height: 22px;
  padding: 0 8px;
  background: #feeee4;
  border: 1px solid #f27226;
  border-radius: 4px;
  font-size: 12px;
  position: absolute;
  top: 0;
  right: 0;
}

.wrap_in_dome .lst_shopping_pay li .noti_txt p {
  font-size: 12px;
  padding-left: 16px;
  box-sizing: border-box;
  margin-top: 4px;
  display: none;
}

.wrap_in_dome .lst_shopping_pay li .noti_txt p.on {
  display: block;
}

.wrap_in_dome .lst_shopping_pay li .noti_txt p.error {
  color: #ff1718;
  background: url(/images/error_outline.png) no-repeat left 0px top 3px / 14px auto;
}

.wrap_in_dome .lst_shopping_pay li .noti_txt p.check {
  color: #4caf50;
  background: url(/images/check_circle_outline.png) no-repeat left 0px top 3px / 14px auto;
}

.wrap_in_dome .total_ul li .pay_tit span {
  background: #ff1718;
  font-size: 12px;
  font-weight: 500;
  color: #fff;
  border-radius: 4px;
  padding: 2px 4px;
}

/* 구독플랜 */
.dome_planImg_sec img {
  width: 100%;
}

.dome_plan_sec {
  padding: 0 24px;
  background: #fff;
  margin: 40px 0;
}

.dome_plan_sec .com_title.type2 {
  margin: 20px 0;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  align-items: center;
  background: #fff;
}

.dome_plan_sec .com_title.type2 .tit {
  display: flex;
  justify-content: center;
  align-items: center;
  background: #000;
  color: #fff;
  font-size: 15px;
  height: 30px;
  min-height: 30px;
  border-radius: 15px;
  width: 200px;
}

.dome_plan_sec .com_title.type2 .txt {
  font-size: 13px;
  color: #191919;
  margin-top: 10px;
}

.dome_plan_ul li {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 24px 14px;
  box-sizing: border-box;
  border-radius: 16px;
  height: 320px;
  border: 1px solid #e3e3e3;
}

.dome_plan_ul .ico_img {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 120px;
  height: 120px;
  border-radius: 60px;
  background: #fff0e8;
}

.dome_plan_ul .ico_img span {
  display: block;
  width: 60px;
  height: 60px;
  margin: 0 auto;
}

.dome_plan_ul .ico_img.ico1 span {
  background: url('/images/ico_plan01.png') no-repeat center / 60px auto;
}

.dome_plan_ul .ico_img.ico2 span {
  background: url('/images/ico_plan02.png') no-repeat center / 60px auto;
}

.dome_plan_ul .ico_img.ico3 span {
  background: url('/images/ico_plan03.png') no-repeat center / 60px auto;
}

.dome_plan_ul .ico_img.ico4 span {
  background: url('/images/ico_plan04.png') no-repeat center / 60px auto;
}

.dome_plan_ul .ico_img.ico5 span {
  background: url('/images/ico_plan05.png') no-repeat center / 60px auto;
}

.dome_plan_ul .ico_img.ico6 span {
  background: url('/images/ico_plan06.png') no-repeat center / 60px auto;
}

.dome_plan_ul .ico_img.ico7 span {
  background: url('/images/ico_plan07.png') no-repeat center / 60px auto;
}

.dome_plan_ul .tit {
  font-size: 20px;
  font-weight: bold;
  padding: 8px 0;
  color: #191919;
}

.dome_plan_ul .txt {
  font-size: 14px;
  line-height: 1.5;
  color: #191919;
  word-break: keep-all;
  text-align: center;
}

.wrap_in_dome .dome_plan_swiper .swiper-pagination-bullets {
  position: relative;
  margin-top: 20px;
}

.wrap_in_dome .dome_plan_swiper .swiper-pagination-bullet {
  margin: 0 2px;
}

.wrap_in_dome .dome_plan_swiper .swiper-pagination-bullet-active {
  background: #f27226;
}

.plan_compare_ul li {
  position: relative;
}

.plan_compare_ul li label {
  position: relative;
  border: 1px solid #e3e3e3;
  border-radius: 8px;
  margin-bottom: 16px;
  display: block;
}

.plan_compare_ul li input {
  position: absolute;
  left: 10px;
  top: 16px;
  z-index: 10;
}

.plan_compare_ul li label .top_div {
  display: flex;
  justify-content: space-between;
  padding: 10px 10px 10px 28px;
  font-weight: bold;
  color: #191919;
  border-bottom: 1px solid #e3e3e3;
}

.plan_compare_ul li label .top_div p {
  font-size: 14px;
}

.plan_compare_ul li label .top_div p .discount {
  display: inline-block;
  font-size: 13px;
  padding: 2px 4px;
  border-radius: 4px;
  margin-right: 4px;
  background: #ff1718;
  color: #fff;
}

.plan_compare_ul li label .btm_div {
  display: flex;
  flex-wrap: wrap;
  padding: 10px 10px 0;
  justify-content: space-between;
}

.plan_compare_ul li label .btm_div .item {
  width: calc(50% - 5px);
  height: auto;
  margin-bottom: 10px;
  padding-left: 20px;
  background: url('/images/plan_check.png') no-repeat left 0px / 20px auto;
}

.plan_compare_ul li label .btm_div .item.w100 {
  width: 100%;
}

.plan_compare_ul input:checked {
  accent-color: #fff;
}

.plan_compare_ul input:checked+label {
  border: 2px solid #f27226;
}

.plan_compare_ul [type='radio']:checked {
  border: 2px solid #fff;
}

.plan_compare_ul input:checked+label .top_div {
  border-bottom: 2px solid #f27226;
  background: #f27226;
}

.plan_compare_ul input:checked+label .top_div p {
  color: #fff;
}

.plan_compare_ul .tip_txt_div {
  background: #feeee4;
  padding: 16px 12px;
  box-sizing: border-box;
  margin: -8px 0 16px;
  display: flex;
}

.plan_compare_ul .tip_txt_div .tit {
  font-weight: 500;
  color: #f27226;
  padding-left: 20px;
  background: url('/images/ico_tip_txt.png') no-repeat left 0px top 3px / 16px auto;
}

.plan_compare_ul .tip_txt_div .txt {
  padding-left: 8px;
}

.plan_compare_ul .tip_txt_div .txt em {
  color: #ff1718;
}

.plan_compare_ul li input:disabled+label * {
  color: #767676 !important;
}

.plan_compare_ul li input:disabled+label span.discount {
  background: #eee;
}

@media (max-width: 641px) {
  .plan_compare_ul .tip_txt_div {
    flex-direction: column;
  }

  .plan_compare_ul .tip_txt_div .txt {
    padding-left: 20px;
  }
}

/* @media (min-width:390px) {
    .wrap_in_dome .point_box .p_div:not(:last-of-type)::after {display: none;}
} */

.dome_plan_info .tit {
  font-size: 15px;
  margin-bottom: 10px;
}

.dome_plan_info {
  background: #f8f8fa;
  padding: 24px;
  margin-bottom: 0;
}

.dome_plan_info .tit .btn_arr {
  display: inline-block;
  width: 20px;
  height: 20px;
  background: url('/images/tot_arr.png') no-repeat center center / 20px auto;
  position: relative;
  top: 4px;
}

.dome_plan_info .tit.on .btn_arr {
  transform: rotate(180deg);
}

.dome_plan_info .lst_txt {
  display: none;
}

.dome_plan_info .lst_txt.type2 {
  display: block;
}

.dome_plan_info .tit.on+ul.lst_txt {
  display: block;
}

.dome_plan_info .lst_txt li {
  margin-bottom: 4px;
  padding-left: 10px;
  color: #191919;
  font-size: 12px;
  position: relative;
}

.dome_plan_info .lst_txt li::before {
  content: '';
  position: absolute;
  top: 8px;
  left: 0;
  width: 6px;
  height: 1px;
  background-color: #555;
}

.dome_plan_info .lst_txt.dot li::before {
  width: 2px;
  height: 2px;
  border-radius: 2px;
}

.dome_plan_info .lst_txt li .inside_box {
  padding: 8px 0px;
}

.dome_plan_info .lst_txt li .inside_box p {
  font-size: 11px;
  color: #191919;
  position: relative;
  padding-left: 10px;
}

.dome_plan_info .lst_txt li .inside_box p::before {
  content: '';
  position: absolute;
  top: 8px;
  left: 0;
  width: 6px;
  height: 1px;
  background-color: #555;
}

.dome_plan_info .lst_txt li .inside_box p.not {
  padding-left: 8px;
}

.dome_plan_info .lst_txt li .inside_box p.not::before {
  display: none;
}

.dome_plan_info .lst_txt li .inside_box p.top {
  padding-left: 0px;
}

.dome_plan_info .lst_txt li .inside_box p.top::before {
  content: none;
}

.dome_plan_info .info_g:not(:nth-last-of-type(1)) {
  margin-bottom: 20px;
}

.chk_box_agree {
  margin-top: 4px;
  justify-content: center;
  color: #222;
}

/* 중앙 모달 */
.modal_wrap {
  display: none;
  position: fixed;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  width: 100%;
  max-width: 640px;
  top: 0;
  bottom: 0;
  z-index: 1000;
  background-color: rgba(0, 0, 0, 0.3);
}

.modal_wrap.on {
  display: block;
}

.modal_wrap .modal_center {
  position: relative;
  overflow: hidden;
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  z-index: 310;
  width: 90%;
  padding: 50px 20px 20px;
  border-radius: 13px;
  -webkit-box-shadow: 5px 5px 10px 0 rgba(0, 0, 0, 0.16);
  box-shadow: 5px 5px 10px 0 rgba(0, 0, 0, 0.16);
  background-color: #fff;
  text-align: center;
}

.modal_wrap.wd_auto .modal_center {
  width: 300px;
  transition: all 0.5s;
}

.modal_wrap .modal_center .md_tit {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  display: block;
  padding: 11px 0;
  background-color: #f8f8f7;
  font-size: 18px;
  font-weight: 500;
  color: #222;
}

.modal_wrap .modal_center .md_cont .congratu {
  display: block;
  margin-top: 26px;
  font-size: 20px;
  font-weight: 500;
}

.modal_wrap .modal_center .md_cont .name {
  display: block;
  font-size: 20px;
  font-weight: 300;
}

.modal_wrap .modal_center .md_cont .name span {
  color: #f27226;
}

.modal_wrap .modal_center .md_cont .ranking {
  display: inline-block;
  height: 57px;
  margin-top: 16px;
  padding: 0 26px;
  border-radius: 57px;
  background-color: #18245b;
  font-size: 36px;
  color: #fff;
}

.modal_wrap .modal_center .md_cont .item {
  margin-top: 20px;
  font-size: 16px;
  color: #18245b;
}

.modal_wrap .modal_center .btn_ok {
  display: block;
  width: 100%;
  height: 50px;
  margin: 40px auto 0;
  border: none;
  background-color: #f27226;
  color: #fff;
  font-size: 16px;
  border-radius: 5px;
}

.modal_wrap .modal_center .btn_succ_ok {
  display: block;
  width: 100%;
  height: 50px;
  margin: 28px auto 0;
  border: none;
  background-color: #f27226;
  color: #fff;
  font-size: 16px;
  border-radius: 5px;
}

.modal_wrap .modal_center .btn_confirm_ok {
  display: block;
  width: 100%;
  height: 50px;
  margin: 28px auto 0;
  border: none;
  background-color: #f27226;
  color: #fff;
  font-size: 16px;
  border-radius: 5px;
}

.modal_wrap .modal_center .btn_confirm_ok.rounded {
  border-radius: 25px;
}

.modal_wrap .modal_center .btn_cancel {
  display: block;
  width: 100%;
  height: 50px;
  margin: 28px auto 0;
  border: none;
  background-color: #cfcfcf;
  color: #000;
  font-size: 16px;
  border-radius: 5px;
}

.modal_wrap .modal_center .md_button {
  display: flex;
  justify-content: space-between;
}

.modal_wrap .modal_center .md_button.type2 button {
  width: calc(50% - 6px);
  border-radius: 8px;
  margin: 40px 0 0;
}

/* .modal_wrap .modal_center .md_button .btn_ok {
  border-radius: 25px;
}
.modal_wrap .modal_center .md_button .btn_succ_ok {
  border-radius: 25px;
}
.modal_wrap .modal_center .md_button .btn_cancel {
  border-radius: 25px;
} */
.modal_wrap .modal_center .md_button .rounded {
  border-radius: 25px;
}

.pop_noti_set .modal_center {
  padding: 20px;
}

.modal_wrap .pop_con {
  padding: 0px;
  height: auto;
}

.modal_wrap .modal_center .btn_gray {
  width: 100%;
  margin: 28px 0 0;
}

/* top 없는 중앙모달 */
.modal_wrap.type2 .modal_center {
  padding: 20px;
}

.modal_wrap.type2 .modal_center .md_cont .title {
  font-size: 18px;
  margin-bottom: 16px;
}

.modal_wrap.type2 .modal_center .md_cont .box em {
  color: #f27226;
}

@media (max-width: 640px) {
  .modal_wrap.wd_auto .modal_center {
    min-width: inherit;
    width: calc(100% - 48px);
  }
}

/* 구독 완료 */
.dome_join_com {
  margin: 40px 0;
  padding: 0 24px;
  box-sizing: border-box;
}

.dome_join_com .top_div p {
  font-size: 20px;
  font-weight: bold;
  text-align: center;
}

.dome_join_com .top_div p.txt {
  font-size: 15px;
  font-weight: 500;
  margin-top: 16px;
}

.dome_join_com .btm_div .bg_img {
  position: relative;
  bottom: -6px;
  width: 150px;
  height: 100px;
  background: url('/images/img_joinok.png') no-repeat center / 150px auto;
  margin: 40px auto 0px;
}

.dome_join_com .btm_div .tip_txt_div {
  background: #feeee4;
  padding: 16px 12px;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  width: 400px;
  margin: 0 auto;
  transition: all 0.5s;
}

.dome_join_com .btm_div .tip_txt_div p {
  font-weight: 500;
  color: #222222;
  padding-left: 20px;
  background: url('/images/ico_tip_txt2.png') no-repeat left 0px top 3px / 16px auto;
  margin-bottom: 4px;
}

.dome_join_com .btm_div .tip_txt_div p:nth-last-of-type(1) {
  margin-bottom: 0px;
}

.dome_join_com .btm_div p.txt {
  text-align: center;
  font-size: 13px;
  margin: 16px 0;
}

.dome_join_com .btn_div {
  margin: 40px 0;
  flex-direction: column;
}

.dome_join_com .btn_div button {
  display: block;
  width: 100%;
  height: 40px;
  border-radius: 20px;
  box-sizing: border-box;
  border: 1px solid #f27226;
  background: #f27226;
  color: #fff;
  margin-bottom: 10px;
  font-size: 15px;
  font-weight: 500;
}

.dome_join_com .btn_div button.type2 {
  background: #fff;
  color: #f27226;
}

@media (max-width: 640px) {
  .dome_join_com .btm_div .tip_txt_div {
    width: 100%;
  }
}

/* 나의 Q도매 */
.wrap_in_dome .log_box {
  overflow: inherit;
}

.wrap_in_dome .log_box .pf_set .btn_set {
  position: relative;
  top: 0;
  right: 0;
  padding-bottom: 12px;
  display: flex;
  justify-content: space-between;
}

.wrap_in_dome .log_box .pf_set .btn_set ul:nth-of-type(1) li {
  margin: 0 20px 0 0px;
}

.wrap_in_dome .log_box .pf_set .btn_set ul li button.btn_qhome {
  background: url(/images/btn_qhome.png) no-repeat left top 2px / 25px 25px;
  width: auto;
  padding-left: 28px;
  word-break: keep-all;
  line-height: 1;
  font-size: 12px;
}

.wrap_in_dome .log_box .pf_set .btn_set ul li button.btn_cmng {
  margin-top: 2px;
  padding: 0 6px;
  border-radius: 2px;
  width: auto;
  color: #222;
  border: 1px solid #222;
}

.wrap_in_dome .log_box .pf_set .bar {
  width: calc(100% + 48px);
  height: 1px;
  background: #e5e5e7;
  margin: 0 0px 20px -24px;
}

.wrap_in_dome .log_box .pf_set .sub_box {
  display: flex;
}

.wrap_in_dome .log_box .pf_set .sub_box p {
  font-size: 10px;
  width: calc(100% - 104px);
}

.wrap_in_dome .log_box .pf_set .sub_box p>span {
  font-weight: 500;
  color: #f27226;
}

.wrap_in_dome .log_box .pf_set .btn_join {
  background: #000;
  color: #fff;
  font-size: 12px;
  font-weight: bold;
  border: none;
  height: 20px;
  line-height: 20px;
  border-radius: 10px;
  padding: 0 10px;
  margin-right: 4px;
}

.wrap_in_dome .log_box .pf_set .btn_join.on {
  background-image: linear-gradient(to right, #f23426 20%, #f27226 78%);
}

.wrap_in_dome .log_box .pf_set .txt_box {
  float: inherit;
  margin-left: 0;
}

.wrap_in_dome .log_box .pf_set .txt_box .tit2 span {
  font-size: 14px;
  color: #222;
  font-weight: 500;
}

.wrap_in_dome .point_box {
  align-items: flex-start;
}

.wrap_in_dome .point_box .p_div {
  padding: 14px 4px;
  word-break: keep-all;
}

.wrap_in_dome .log_box .addr_set {
  position: relative;
}

.wrap_in_dome .log_box .addr_set .txt_cont {
  display: flex;
  align-items: center;
  width: 100%;
  height: 40px;
  line-height: 40px;
  border-radius: 20px;
  padding: 0 10px;
  background: #fff;
  border: 1px solid #f27226;
  margin-top: 12px;
  position: relative;
}

.wrap_in_dome .log_box .addr_set .txt_cont p {
  font-size: 15px;
  color: #222;
  position: relative;
}

.wrap_in_dome .log_box .addr_set .txt_cont p.name {
  padding: 0 6px 0 24px;
  margin-right: 6px;
  background: url(/images/ico_map_on.png) no-repeat left 4px center / 13px auto;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.wrap_in_dome .log_box .addr_set .txt_cont p.addr {
  width: calc(100% - 100px);
  max-width: calc(65% - 24px);
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

/* .wrap_in_dome .log_box .addr_set .txt_cont p.name::after {
    position: absolute;
    display: block;
    content: "";
    width: 1px;
    height: 12px;
    background: #B2B2B2;
    top: 50%;
    right: 0;
    transform: translateY(-6px);
} */
.wrap_in_dome .log_box .addr_set .txt_cont span.btn_btm {
  width: 20px;
  height: 20px;
  background: url(/images/tot_arr.png) no-repeat center center / 20px auto;
  position: absolute;
  right: 10px;
}

.wrap_in_dome .log_box .addr_set .txt_cont.on span.btn_btm {
  transform: rotate(180deg);
}

.wrap_in_dome .addr_set .sort_box {
  position: absolute;
  top: 50px;
  z-index: 10;
  background: #fff;
  box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
  padding: 14px;
  width: 100%;
  box-sizing: border-box;
  border-radius: 8px;
}

.wrap_in_dome .addr_set .sort_box .title {
  font-size: 16px;
  font-weight: bold;
  padding-bottom: 8px;
  text-align: center;
}

.wrap_in_dome .addr_set .sort_box>.txt {
  padding-left: 24px;
  background: url(/images/ico_map_on.png) no-repeat left 4px center / 13px auto;
  color: #f27226;
  font-size: 15px;
  font-weight: 500;
}

.sort_box .list_ul li {
  margin-top: 10px;
}

.sort_box .list_ul li label {
  display: block;
  border: 1px solid #d6d6d6;
  border-radius: 8px;
  padding: 15px;
  box-sizing: border-box;
}

.sort_box .list_ul li label .top_div p {
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-size: 14px;
}

.sort_box .list_ul li label .top_div .tit {
  font-weight: bold;
  color: #222;
}

.sort_box .list_ul li label .top_div .txt {
  font-weight: 500;
  color: #767676;
}

.sort_box .list_ul li label .btm_div {
  display: flex;
  align-items: center;
  border-top: 1px solid #ededed;
  padding-top: 10px;
  margin-top: 10px;
}

.sort_box .list_ul li label .btm_div p {
  font-size: 12px;
  color: #8e8e8e;
  position: relative;
}

.sort_box .list_ul li label .btm_div p.plan {
  padding-right: 6px;
  margin-right: 6px;
}

.sort_box .list_ul li label .btm_div p.plan::after {
  position: absolute;
  display: block;
  content: '';
  width: 1px;
  height: 12px;
  background: #b2b2b2;
  top: 50%;
  right: 0;
  transform: translateY(-6px);
}

.sort_box .list_ul input:checked+label {
  border: 1px solid #f27226;
}

.wrap_in_dome .sort_box {
  display: none;
}

.wrap_in_dome .sort_box.on {
  display: block;
}

.wrap_in_dome .sort_box .btn_add {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  background: #dcdcdc;
  border: 0px;
  border-radius: 8px;
  height: 40px;
  color: #222;
  font-weight: bold;
  margin: 20px 0 10px;
}

.wrap_in_dome .sort_box .btn_add span {
  width: 20px;
  height: 20px;
  display: inline-block;
  padding-left: 24px;
  background: url(/images/tot_clo.png) no-repeat left 0px top 0 /16px auto;
  transform: rotate(-45deg);
}

.wrap_in_dome .aside {
  padding: 10px 24px;
}

.wrap_in_dome .aside_ul.bar_sort {
  margin-top: 5px;
  padding-top: 10px;
}

.wrap_in_dome .aside>ul>li>a {
  padding-left: 0px;
}

.wrap_in_dome .aside>ul>li>a .arr {
  transform: rotate(-90deg);
}

.wrap_in_dome .help_set {
  background: #f8f8f7;
  padding: 24px 0;
  text-align: center;
}

.wrap_in_dome .help_set .title {
  font-size: 18px;
  font-weight: bold;
  color: #222;
}

.wrap_in_dome .help_set .txt_box {
  padding: 14px 0 24px;
}

.wrap_in_dome .help_set .txt_box p {
  font-size: 13px;
  color: #191919;
}

.wrap_in_dome .help_set .txt_box p.tit {
  font-size: 14px;
  margin-bottom: 4px;
}

.wrap_in_dome .help_set .btn_box {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  width: 90%;
  margin: 0 auto;
}

.wrap_in_dome .help_set .btn_box a {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  font-size: 13px;
  font-weight: 500;
  border-radius: 4px;
  width: 49%;
  max-width: 150px;
  height: 30px;
  margin: 4px;
  box-sizing: border-box;
}

.wrap_in_dome .help_set .btn_box a.tel_a {
  background: #949494;
  color: #fff;
}

.wrap_in_dome .help_set .btn_box a.tel_a span {
  width: 20px;
  height: 20px;
  display: inline-block;
  padding-right: 4px;
  background: url(/images/Icon_call_w.png) no-repeat left top 3px /16px auto;
}

.wrap_in_dome .help_set .btn_box a.kakao_a {
  background: #ffd300;
  color: #060707;
}

.wrap_in_dome .help_set .btn_box a.kakao_a span {
  width: 20px;
  height: 20px;
  display: inline-block;
  padding-right: 4px;
  background: url(/images/Icon_kakao.png) no-repeat left top 3px /16px auto;
}

.wrap_in_dome .mypage_con .logout {
  display: inline-block;
  margin: 10px 0;
  padding: 0 24px;
}

.wrap_in_dome .log_box .addr_set .info_p {
  text-align: center;
  padding-top: 8px;
  font-size: 12px;
  color: #191919;
}

/* name_set */
.wrap_in_dome .name_set {
  position: absolute;
  top: 36px;
  z-index: 1;
  background: #fff;
  box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
  padding: 14px;
  width: 100%;
  box-sizing: border-box;
  border-radius: 8px;
  display: none;
}

.wrap_in_dome .name_set.on {
  display: block;
}

.wrap_in_dome .name_set .sort_box .title {
  font-size: 16px;
  font-weight: bold;
  padding-bottom: 8px;
  text-align: center;
}

.wrap_in_dome .log_box .pf_set {
  padding-top: 10px;
}

.wrap_in_dome .log_box .pf_set .btn_set .name_set ul {
  flex-direction: column;
}

.wrap_in_dome .log_box .pf_set .btn_set .name_set ul:nth-of-type(1) li {
  margin: 0;
}

.wrap_in_dome .name_set .sort_box ul li {
  display: flex;
  justify-content: space-between;
  padding: 10px 0;
  border-bottom: 1px solid #e3e3e3;
}

.wrap_in_dome .name_set .sort_box ul li:nth-of-type(1) {
  padding-top: 0px;
}

.wrap_in_dome .name_set .sort_box ul li:nth-last-of-type(1) {
  border-bottom: 0;
}

.wrap_in_dome .name_set .sort_box ul li span {
  width: 20px;
  height: 20px;
  background: url(/images/tot_arr.png) no-repeat center center / 20px auto;
  position: absolute;
  transform: rotate(-90deg);
  right: 0;
}

.wrap_in_dome .name_set .sort_box>.txt {
  padding-left: 24px;
  background: url(/images/ico_map_on.png) no-repeat left 4px center / 13px auto;
  color: #f27226;
  font-size: 15px;
  font-weight: 500;
}

/* 도매 상품주문 수정 */
.wrap_in_dome .lst_shopping_pay .log_box {
  background: none;
  padding: 0px;
}

.wrap_in_dome .lst_shopping_pay .log_box .addr_set .txt_cont {
  margin: 0 0 4px;
}

.wrap_in_dome .shopping_pay_form .lst_shopping_pay.type2 li .log_box li label {
  width: 100%;
}

/* 비구독 */
.wrap_in_dome .log_box .addr_set.type_off .txt_cont,
.addr_set.type_off .sort_box .list_ul input:checked+label {
  border: 1px solid #191919;
}

.wrap_in_dome .addr_set.type_off .sort_box>.txt,
.wrap_in_dome .log_box .addr_set.type_off .txt_cont p.name {
  background: url(/images/ico_map_b.png) no-repeat left 4px center / 13px auto;
  color: #767676;
}

/* 도매 주문/배송현황 */
.wrap_in_dome .order_list_div .dome_filter {
  position: relative;
  top: 0;
  z-index: 1;
}

.wrap_in_dome .order_list_div .dome_filter .rdiv .sel_div {
  width: auto;
  margin: 0 0 0 10px;
}

.wrap_in_dome .order_list_div .dome_filter .rdiv .sel_div .opt_ul {
  width: 100px;
  left: inherit;
  right: 0;
}

.wrap_in_dome .sec_order_con .shop_order_bat {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}

.wrap_in_dome .sec_order_con .shop_order_bat .left_div {
  float: inherit;
  display: flex;
}

.wrap_in_dome .sec_order_con .shop_order_bat .bat_bg {
  margin-right: 4px;
}

.wrap_in_dome .sec_order_con .shop_order_bat .txt {
  font-size: 12px;
  color: #767676;
}

.wrap_in_dome .ist_order .order_div .txt_box {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.wrap_in_dome .ist_order .order_div .txt_box .top_div .name {
  padding-left: 12px;
  background: url(/images/ico_map_on.png) no-repeat left 4px / 10px auto;
  color: #f27226;
  font-size: 12px;
  font-weight: bold;
}

.wrap_in_dome .ist_order .order_link button {
  border: 1px solid #f27226;
  color: #f27226;
  width: calc(50% - 3.5px);
}

.wrap_in_dome .ist_order .order_link button.btn_info {
  border: 1px solid #d9d9d9;
  color: #222;
}

/* 도매 주문상세내역 */
.wrap_in_dome .sec_dome_int .sec_title::before {
  display: none;
}

.wrap_in_dome .sec_dome_int .sec_title {
  display: block;
}

.wrap_in_dome .sec_dome_int .sec_title::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 24px;
  width: calc(100% - 48px);
  height: 1px;
  background: #ededed;
}

.wrap_in_dome .sec_dome_int .sec_title .date {
  font-size: 15px;
  font-weight: bold;
  color: #222;
}

.wrap_in_dome .sec_dome_int .sec_title .num {
  font-size: 12px;
  color: #767676;
}

.wrap_in_dome .sec_dome_int .sec_title .btn_cart {
  font-size: 15px;
  font-weight: bold;
  color: #f27226;
  position: absolute;
  right: 24px;
  bottom: 12px;
  padding-left: 22px;
  background: url(/images/ico_plus_c.png) no-repeat left top 2px / 20px auto;
}

.wrap_in_dome .sec_dome_int .lst_order_imp li {
  border-bottom: 1px dashed #dbdbdb;
  margin-bottom: 12px;
  padding-bottom: 12px;
}

.wrap_in_dome .sec_dome_int .lst_order_imp li:nth-last-of-type(1) {
  border-bottom: 0px;
  margin-bottom: 0px;
  padding-bottom: 0px;
}

.wrap_in_dome .sec_dome_int .lst_order_imp .order_div {
  flex-direction: column;
  flex-wrap: wrap;
}

.wrap_in_dome .sec_dome_int .lst_order_imp .order_div.nowrap {
  flex-wrap: nowrap;
}

.sec_dome_int .order_div .state {
  color: #f27226;
  font-weight: 700;
  font-size: 12px;
  letter-spacing: -0.3px;
}

.sec_dome_int .order_div .state span {
  background: #fce5d4;
  color: #f57b20;
  font-size: 10px;
  font-weight: bold;
  padding: 4px 6px;
  border-radius: 4px;
}

.sec_dome_int .order_div .state span.text_red {
  background: #fcd8d4;
  color: #f23426;
}

.sec_dome_int .order_div .state span.text_gray {
  background: #f2f4f6;
  color: #767b74;
}

.sec_dome_int .order_div .btm_div {
  padding: 12px 0;
  display: flex;
  justify-content: space-between;
}

.sec_dome_int .lst_order_imp .order_div .txt_box {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  margin-bottom: 0;
}

.sec_dome_int .lst_order_imp .order_div .txt_box .tit {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: block;
  -webkit-line-clamp: 1;
}

.sec_dome_int .lst_order_imp .order_div .txt_box .txt {
  display: flex;
  justify-content: space-between;
  margin-bottom: 0;
}

.sec_dome_int .lst_order_imp .order_div .txt_box .txt .price,
.sec_dome_int .lst_order_imp .order_div .txt_box .txt .count em {
  font-weight: 700;
  color: #222;
}

.sec_dome_int .lst_order_imp .order_div .txt_box .txt .price em {
  font-size: 11px;
  font-weight: 400;
  color: #767676;
  text-decoration: line-through;
  display: none;
}

.sec_dome_int .lst_order_imp .btn_div a {
  margin-top: 10px;
  background: #fff;
}

.sec_dome_int .lst_order_imp .btn_div a.on {
  border: 1px solid #f27226;
  color: #f27226;
}

.dome_pay_form .lst_shopping_pay.pay_ul li.info_pay {
  padding: 12px;
  background: #f6f6f6;
}

.dome_pay_form .lst_shopping_pay.pay_ul li.info_pay .tit {
  font-size: 12px;
  font-weight: 500;
}

.dome_pay_form .lst_shopping_pay.pay_ul .tit p:nth-of-type(1) {
  width: 100px;
}

.dome_pay_form .lst_shopping_pay.pay_ul .tit .sub {
  width: calc(100% - 100px);
}

.dome_pay_form .lst_shopping_pay.pay_ul li.info_pay .txt {
  font-size: 12px;
  font-weight: normal;
}

.dome_pay_form .lst_shopping_pay.pay_ul .tit .addr {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
}

.dome_pay_form .lst_shopping_pay .tit span {
  text-align: right;
  color: #191919;
}

.dome_pay_form .lst_shopping_pay.pay_ul .tit .addr .name {
  color: #f27226;
  font-weight: 500;
  font-size: 13px;
  padding-left: 12px;
  background: url('/images/ico_map_on.png') no-repeat left / 10px auto;
}

.dome_pay_form .inp_btn_div {}

.dome_pay_form .inp_btn_div .inp_wp {
  width: calc(100% - 106px);
  position: relative;
}

.dome_pay_form .inp_btn_div .inp_wp .btn_del {
  position: absolute;
  right: 10px;
  bottom: 10px;
  width: 20px;
  height: 20px;
  cursor: pointer;
}

.dome_pay_form .inp_btn_div .inp_wp .btn_del img {
  width: 100%;
}

.dome_pay_form .inp_btn_div .btn_num {
  margin: 6px 0 0;
}

/* 주문취소 */
.wrap_in_dome .lst_order_imp.type2 {
  padding-top: 0px !important;
}

.wrap_in_dome .lst_order_imp li.chk_order_li .order_div {
  flex-direction: row;
  justify-content: space-between;
}

.wrap_in_dome .lst_shopping_pay .info_bat {
  display: inline-block;
  padding-right: 20px;
  position: relative;
}

.wrap_in_dome .lst_shopping_pay .info_a {
  position: absolute;
  right: 0px;
  display: inline-flex;
  width: 20px;
  height: 20px;
  background: url(/images/nkkim2.png) no-repeat right top 4px / 16px auto;
}

.wrap_in_dome .lst_shopping_pay .tooltip .tooltip_txt {
  right: 0;
  top: 10px;
}

.shopping_pay_form .lst_shopping_pay .tit.w100per {
  position: relative;
}

.shopping_pay_form .lst_shopping_pay .tit.w100per.flex_col {
  flex-direction: column;
  flex-wrap: wrap;
}

.dome_pay_form .lst_dome_pay li {
  display: flex;
  justify-content: space-between;
}

.dome_pay_form .lst_dome_pay li.flex_col {
  flex-direction: column;
}

.dome_pay_form .lst_dome_pay li.addr_li .sub {
  text-align: right;
}

.dome_pay_form .lst_dome_pay li.addr_li {
  flex-wrap: wrap;
}

.dome_pay_form .lst_dome_pay li.addr_li .tit {
  width: 60px;
}

.dome_pay_form .lst_dome_pay li.addr_li .sub {
  width: calc(100% - 60px);
}

.dome_pay_form .lst_dome_pay li.addr_li p.sub.w100per {
  width: 100%;
  text-align: right;
}

.dome_pay_form .lst_shopping_pay li.sort_li:not(:nth-last-of-type(1)) {
  padding-bottom: 20px;
  border-bottom: 1px solid #dbdbdb;
}

.dome_pay_form .lst_shopping_pay li.sort_li .top_div {
  display: flex;
  align-items: center;
}

.dome_pay_form .lst_shopping_pay li.sort_li .top_div .date {
  padding: 0 8px;
}

.dome_pay_form .lst_shopping_pay li.sort_li .tit {
  font-size: 14px;
  padding-top: 10px;
}

.dome_pay_form .lst_shopping_pay li.sort_li .tit span {
  font-size: 14px;
}

.dome_pay_form .lst_shopping_pay li.sort_li .btn_info {
  position: absolute;
  top: 0;
  right: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #d9d9d9;
  height: 28px;
  border-radius: 14px;
  font-size: 11px;
  color: #222;
  padding: 0 10px;
}

.wrap_in_dome .lst_shopping_pay li .radio_box {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}

.wrap_in_dome .lst_shopping_pay li .radio_box li:not(:nth-last-of-type(1)) {
  width: calc(50% - 3px);
  margin-bottom: 0;
}

.wrap_in_dome .lst_shopping_pay li .radio_box li.w100per {
  width: 100% !important;
}

.wrap_in_dome .lst_shopping_pay li .radio_box label {
  display: flex;
  justify-content: center;
  width: 100%;
  height: 40px;
  margin-top: 6px;
  padding: 0 10px;
  border-radius: 4px;
  border: solid 1px #b5b7bc;
  background-color: #fff;
  line-height: 40px;
  box-sizing: border-box;
}

.wrap_in_dome .lst_shopping_pay li .radio_box input:checked+label {
  color: #f27226;
  border: 1px solid #f27226;
}

.wrap_in_dome .lst_shopping_pay li .radio_box .txt_area {
  margin-top: 6px;
  width: 100%;
  height: 72px;
  padding: 10px;
  border-radius: 4px;
  border: solid 1px #b5b7bc;
  background-color: #fff;
  box-sizing: border-box;
  resize: none;
  outline-color: #f27226;
}

.wrap_in_dome .shopping_pay_form .lst_shopping_pay .tit span.sub {
  color: #191919;
  font-size: 14px;
  width: calc(100% - 100px);
  text-align: right;
  word-break: keep-all;
}

.wrap_in_dome .sec_title.jc_fs {
  position: relative;
  justify-content: flex-start !important;
}

.wrap_in_dome .sec_title.jc_fs>span {
  display: inline-block;
  padding-left: 2px;
}

.wrap_in_dome .shopping_pay_form .lst_shopping_pay.pay_ul li .txt {
  font-size: 12px;
  padding-top: 4px;
  color: #767676;
}

.wrap_in_dome .lst_shopping_pay .tooltip .tooltip_txt.left {
  right: inherit;
  left: 0;
  z-index: 300;
  font-weight: 400;
  text-align: left;
}

.wrap_in_dome .qw_div {
  margin: 6px 0 0px;
  padding-bottom: 0px;
}

/* switch */
.wrap_in_dome .save_btn {
  display: inline-flex;
  align-items: center;
  position: absolute;
  right: 24px;
}

.wrap_in_dome .save_btn p {
  padding-right: 4px;
}

.wrap_in_dome .save_btn .switch {
  width: 40px;
  height: 19px;
}

.wrap_in_dome .save_btn .slider:before {
  width: 12px;
  height: 12px;
  left: 4px;
}

.wrap_in_dome .save_btn input:checked+.slider:before {
  -webkit-transform: translateX(19px);
  -ms-transform: translateX(19px);
  transform: translateX(19px);
}

/* 멤버십 관리 */
.wrap_in_dome .sec_dome_int .lst_order_imp .order_div .top_box {
  display: flex;
  justify-content: space-between;
}

.wrap_in_dome .sec_dome_int .lst_order_imp .order_div .top_box .btn_view {
  font-size: 12px;
  color: #767676;
  text-decoration: underline;
  cursor: pointer;
}

.wrap_in_dome .sec_dome_int .lst_order_imp .btn_.btn_cancel {
  margin-top: 4px;
  display: inline-flex;
  flex-direction: row-reverse;
  font-size: 12px;
  color: #767676;
}

.wrap_in_dome .lst_order_imp .order_div .item_box {
  margin: 10px 0;
  border: 1px solid #222;
  border-radius: 8px;
  padding: 16px;
  box-sizing: border-box;
}

.wrap_in_dome .lst_order_imp .order_div .item_box .top_div p {
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-size: 14px;
}

.wrap_in_dome .lst_order_imp .order_div .item_box .top_div .tit {
  font-weight: 700;
  color: #222;
}

.wrap_in_dome .lst_order_imp .order_div .item_box .top_div .txt {
  font-weight: 500;
  color: #767676;
}

.wrap_in_dome .lst_order_imp .order_div .item_box .btm_div {
  display: flex;
  align-items: center;
  border-top: 1px solid #ededed;
  margin-top: 10px;
  padding: 10px 0 0;
}

.wrap_in_dome .lst_order_imp .order_div .item_box .btm_div p {
  font-size: 12px;
  color: #8e8e8e;
  position: relative;
}

.wrap_in_dome .lst_order_imp .order_div .item_box .btm_div p.plan {
  padding-right: 6px;
}

.wrap_in_dome .lst_order_imp .order_div .btn_div {
  display: flex;
  justify-content: space-between;
}

.wrap_in_dome .lst_order_imp .order_div .btn_div button {
  background: #fff;
  border: 1px solid #767676;
  color: #222;
  font-size: 13px;
  border-radius: 4px;
  width: calc(50% - 3px);
  height: 40px;
  box-sizing: border-box;
}

.wrap_in_dome .lst_order_imp .order_div .btn_div button.w100per {
  width: 100%;
}

.wrap_in_dome .lst_order_imp .order_div .btn_div button.btn_cancel {
  color: #767676;
  border: 1px solid #d9d9d9;
}

.wrap_in_dome .sec_dome_int .lst_order_imp .btn_.btn_del {
  margin-top: 4px;
  display: inline-flex;
  flex-direction: row-reverse;
  font-size: 12px;
  color: #767676;
}

.wrap_in_dome .sec_dome_int .lst_order_imp li.membership_li {
  margin-bottom: 20px;
  padding-bottom: 20px;
}

.wrap_in_dome .lst_order_imp li.nobag_li .img_wp {
  width: 100px;
  margin: 0 auto;
}

.wrap_in_dome .lst_order_imp li.nobag_li .img_wp img {
  width: 100%;
}

.wrap_in_dome .lst_order_imp li.nobag_li .tit {
  font-size: 18px;
  font-weight: 700;
  color: #767676;
  text-align: center;
  padding: 24px 0 32px;
}

.wrap_in_dome .lst_order_imp li.nobag_li .btn_join {
  height: 40px;
  border-radius: 20px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0 16px;
  background: #000;
  color: #fff;
  font-size: 15px;
  line-height: 15px;
  font-weight: 700;
  margin-bottom: 20px;
}

.wrap_in_dome .lst_order_imp li.nobag_li .btn_join.btn_bcolor {
  background: #f27226;
}

/* 팝업 */
.pop_noti_set .dome_layer .pop_noti.on {
  max-height: 400px;
  overflow-y: scroll;
}

.pop_noti_set .pop_noti .title {
  text-align: left;
  font-size: 15px;
  font-weight: 700;
}

.pop_noti_set .pop_noti .lst_dome_pop:not(:nth-last-of-type(1)) {
  border-bottom: 1px solid;
  padding-bottom: 16px;
}

.pop_noti_set .pop_noti .lst_dome_pop li {
  display: flex;
  justify-content: space-between;
  margin-bottom: 10px;
}

.pop_noti_set .pop_noti .lst_dome_pop li.flex_col {
  flex-direction: column;
}

.pop_noti_set .pop_noti .lst_dome_pop li p {
  padding: 0px;
  text-align: left;
}

.pop_noti_set .pop_noti .lst_dome_pop li p.tit {
  font-size: 13px;
}

.pop_noti_set .pop_noti .lst_dome_pop li p.txt {
  text-align: right;
  word-break: keep-all;
  font-size: 13px;
}

.pop_noti_set .pop_noti .lst_dome_pop li.addr_li {
  flex-wrap: wrap;
}

.pop_noti_set .pop_noti .lst_dome_pop li.addr_li .tit {
  width: 60px;
}

.pop_noti_set .pop_noti .lst_dome_pop li.addr_li .txt {
  width: calc(100% - 60px);
}

.pop_noti_set .pop_noti .lst_dome_pop li.addr_li p.w100per {
  width: 100%;
  text-align: right;
}

.pop_noti_set .pop_noti .lst_dome_pop li.flex_col .box {
  padding: 8px;
  box-sizing: border-box;
  background: #f6f6f6;
  word-break: keep-all;
}

.pop_noti_set .pop_noti .lst_dome_pop li.flex_col .box p:nth-of-type(1) {
  padding-bottom: 4px;
}

.pop_noti_set .dome_layer .pop_noti .btm_info {
  margin: 40px 0 16px;
  font-size: 12px;
  color: #767676;
  word-break: keep-all;
}

/* 요청상세보기 */
.sec_dome_int .lst_order_imp .detail_li .order_div .top_div {
  display: flex;
  justify-content: space-between;
}

.sec_dome_int .lst_order_imp .detail_li .order_div .top_div .txt_wp {
  font-size: 12px;
  color: #767676;
}

.sec_dome_int .lst_order_imp .detail_li .order_div .top_div .txt_wp .date {
  padding-right: 8px;
}

.sec_dome_int .lst_order_imp .detail_li .order_div .btm_div:not(:nth-last-of-type(1)) {
  border-bottom: 1px dashed #dbdbdb;
}

.shopping_pay_form .lst_shopping_pay .g_box {
  padding: 12px;
  background: #f6f6f6;
  color: #191919;
  margin-top: 10px;
  box-sizing: border-box;
  border-radius: 4px;
}

.shopping_pay_form .lst_shopping_pay .w_box {
  padding: 12px;
  margin-top: 10px;
  background: #fff;
  border: 1px solid #d9d9d9;
  color: #767676;
  font-size: 13px;
  border-radius: 4px;
}

.shopping_pay_form .lst_shopping_pay .g_box p {
  display: flex;
  justify-content: space-between;
  font-size: 12px;
}

.shopping_pay_form .lst_shopping_pay .g_box span.txt {
  text-align: right;
}

.shopping_pay_form .lst_shopping_pay .g_box p:not(:nth-last-of-type(1)) {
  margin-bottom: 4px;
}

.shopping_pay_form .lst_shopping_pay .pic_li>.qw_div li {
  margin-bottom: 0px;
}

.shopping_pay_form .lst_shopping_pay .pic_li>.qw_div li img {
  border-radius: 5px;
  width: 70px;
  height: 70px;
}

/* Q머니 조회 */
.sec_dome_int .qmoney_title p {
  font-size: 16px;
  font-weight: 500;
  color: #222;
}

.sec_dome_int .lst_qmoney_imp {
  margin: 10px 0 60px;
}

.sec_dome_int .lst_qmoney_imp li {
  box-sizing: border-box;
  padding: 12px;
  background: #f6f6f6;
  border-radius: 4px;
  margin-top: 10px;
}

.sec_dome_int .lst_qmoney_imp li p {
  font-weight: 500;
}

.wrap_in_dome .btm_btn_wp {
  padding: 0 24px;
  box-sizing: border-box;
}

.wrap_in_dome .btm_btn_cancel {
  width: 100%;
  height: 40px;
  border: 0;
  margin: 40px 0 20px;
  border-radius: 8px;
}

.btn_gray.btn_agree {
  margin: 24px;
}

.btn_gray.btn_agree.on {
  background: #f27226;
  border: 1px solid #f27226;
  color: #fff;
}

/* 서비스 이용안내 */
.faqWp.type2 .faq_tab>ul>li {
  width: calc(100% / 2);
}

.faqWp.type2 .faq_box>ul>li .tit {
  font-size: 15px;
  font-weight: bold;
  margin-bottom: 10px;
}

.faqWp.type2 .faq_box .table_div {
  display: block;
}

.faqWp.type2 .faq_box .table_div p.not {
  padding-left: 0px;
}

.faqWp.type2 .faq_box .table_div p.not.pdl12 {
  padding-left: 12px;
}

.faqWp.type2 .faq_box .table_div p.not span.num {
  padding-right: 4px;
}

/* 그리드 스와이퍼 */
.tabs_lnb {
  padding: 0 24px;
  margin: 6px 0 10px 0;
}

.tabs_lnb .swiper-slide {
  width: auto;
  height: 32px;
  -webkit-flex: 0 0 auto;
  flex: 0 0 auto;
  padding: 0 10px;
  line-height: 32px;
  border-radius: 16px;
  border: 1px solid #d6d6d6;
  background-color: #fff;
  font-size: 14px;
  color: #767676;
  overflow: visible;
  box-sizing: border-box;
  cursor: pointer;
  margin-right: 10px;
}

.tabs_lnb .swiper-slide.on {
  background: #feeee4;
  border: 1px solid #feeee4;
  color: #f27226;
  font-weight: 500;
}

/* .new_camp_swiper.type2 */
.new_camp_swiper.type2 ul {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
}

.new_camp_swiper.type2 ul li {
  width: calc((100% - 13px) / 2);
  margin-right: 13px;
}

.new_camp_swiper.type2 ul li a {
  width: 100%;
  display: flex;
  flex-direction: column;
  padding: 10px 0;
}

.new_camp_swiper.type2 ul li:nth-of-type(2n) {
  margin-right: 0px;
}

.new_camp_swiper.type2 ul li a .pic {
  position: relative;
  width: 100%;
  padding-top: 100%;
  inset: 0px;
}

.new_camp_swiper.type2 .swiper-slide .pic img {
  height: 100%;
  object-fit: cover;
  object-position: center center;
  border-radius: 5px;
  position: absolute;
  top: 0;
  border: 1px solid #e5e5e5;
}

/* 매인 이벤트배너 */
.event_sec {
  /* padding-top: 45px; */
}

.event_sec img {
  width: 100%;
}

/* 쇼핑 쿠폰받기 */
.coupon_get {
  margin-top: 10px;
}

.coupon_get a {
  justify-content: center;
  width: 100%;
  /* height: 30px; */
  padding: 6px 10px;
  color: #f27226;
  border: 1px solid #f27226;
  border-radius: 4px;
  cursor: pointer;
  font-size: 13px;
}

.coupon_get a.disabled {
  pointer-events: none;
  border: 1px solid #eee;
  color: #767676;
}

.modal_wrap .btn_clo {
  display: block;
  width: 24px;
  height: 24px;
  background: url('/images/tot_clo.png') no-repeat center center / 28px;
  position: absolute;
  right: 24px;
  top: 19px;
  text-indent: -50000px;
  overflow: hidden;
  cursor: pointer;
}

/* ad_shop_sec */
.ad_shop_sec {
  position: relative;
  padding: 0px 24px;
}

.ad_shop_sec ul li {
  background: #ffeaa7;
  border-radius: 8px;
  padding: 10px 16px;
  box-sizing: border-box;
}

.ad_shop_sec ul li.bgcolor_2 {
  background: #fdc4b9;
}

.ad_shop_sec ul li.bgcolor_3 {
  background: #bccaf7;
}

.ad_shop_sec ul li.bgcolor_4 {
  background: #a3e4f6;
}

.ad_shop_sec ul li .left_div {
  float: inherit;
  width: calc(100% - 80px);
}

.ad_shop_sec ul li .left_div .tit {
  font-size: 15px;
  line-height: 1.3;
  color: #111;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.ad_shop_sec ul li .left_div .price_box {
  align-items: end;
}

.ad_shop_sec ul li .left_div .price_box .price {
  font-size: 15px;
  font-weight: 600;
  color: #111;
}

.ad_shop_sec ul li .left_div .price_box .origin_price {
  font-size: 13px;
  color: #767676;
  padding-left: 4px;
  text-decoration: line-through;
}

.ad_shop_sec ul li .right_div {
  float: inherit;
  width: 70px;
  height: 70px;
}

.ad_shop_sec ul li .right_div img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 8px;
}

.ad_shop_sec .pagination_wp {
  right: 50%;
  transform: translateX(50%);
  bottom: -16px;
  border-radius: 20px;
  height: 20px;
  line-height: 18px;
  padding: 0 10px;
  background: rgba(0, 0, 0, 0.2);
}

@media (max-width: 639px) {
  .ad_shop_sec .pagination_wp {
    display: none;
  }
}

/* MAIN - Qguide 변경 */

.qguide_swiper li a img {
  width: 100%;
  transform: scale(0.85);
  border-radius: 10px;
  filter: brightness(60%);
}

.qguide_swiper .swiper-slide-active a img {
  transform: scale(1);
  filter: brightness(100%);
}

.qguide_list_swiper {
  margin-top: 40px;
  padding: 0 24px;
  box-sizing: border-box;
}

.qguide_list_swiper ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.qguide_list_swiper li {
  margin-bottom: 20px;
  width: calc(50% - 7.5px);
}

.qguide_list_swiper li:nth-last-of-type(1) {
  margin-bottom: 0px;
}

.qguide_list_swiper li .item {
  display: -webkit-flex;
  display: flex;
}

.qguide_list_swiper li .item .thumbnail_img {
  width: 80px;
  height: 80px;
}

.qguide_list_swiper li .item .thumbnail_img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 4px;
}

.qguide_list_swiper li .item .body {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  flex-direction: column;
  -webkit-flex: 1 1;
  flex: 1 1;
  position: relative;
  padding: 0 0 0 12px;
  overflow: hidden;
}

.qguide_list_swiper li .item .body .top_cont {
  /* display: -webkit-flex;
  display: flex;
  justify-content: space-between;
  align-items: flex-end; */
  position: initial;
  align-items: flex-start;
}

.qguide_list_swiper li .item .left_div .camp_title {
  color: #191919;
  font-size: 16px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.qguide_list_swiper li .item .left_div .camp_addr {
  color: #767676;
  font-size: 12px;
  padding-left: 14px;
  background: url('/images/ico_place.png') no-repeat left bottom / 14px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.qguide_list_swiper li .item .right_div {
  font-size: 18px;
  font-weight: 700;
  position: absolute;
  right: 0;
  bottom: 0;
  height: 80px;
  display: flex;
  align-items: flex-end;
}

.qguide_list_swiper li .item .body .bottom_cont {
  border: 1px solid #d4d4d4;
  background-color: #fff;
  border-radius: 8px;
  padding: 16px;
  box-sizing: border-box;
  margin-top: 8px;
  height: 111px;
  display: none;
}

.qguide_list_swiper li .item .event_title {
  text-align: center;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  position: relative;
}

.qguide_list_swiper li .item .event_box {
  font-size: 13px;
  color: #111;
  display: flex;
  padding-top: 10px;
}

.qguide_list_swiper li .item .event_box .tit {
  width: 40%;
  min-width: 156px;
  position: relative;
  color: #666;
}

.event_box .tit {
  display: flex;
  justify-content: space-between;
  padding-left: 20px;
}

.event_box .tit.C001 {
  background: url('/images/ico_calendar_month.png') no-repeat left top 2px / 18px auto;
}

.event_box .tit.C002 {
  background: url('/images/ico_payment.png') no-repeat left top 2px / 18px auto;
}

.event_box .tit.C003 {
  background: url('/images/ico_inventory.png') no-repeat left top 2px / 18px auto;
}

.event_box .tit.C004 {
  background: url('/images/ico_celebration.png') no-repeat left top 2px / 18px auto;
}

.event_box .tit.C005 {
  background: url('/images/ico_bullhorn.png') no-repeat left top 2px / 18px auto;
}

.event_box .tit.C006 {
  background: url('/images/ico_verified.png') no-repeat left top 2px / 18px auto;
}

/* .qguide_list_swiper li .item .event_box .tit::before {
  content: "ㆍ";
  position: absolute;
  color: #111;
  left: 0;
} */
.qguide_list_swiper li .item .event_box .txt {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.event_title_mo {
  display: none;
}

@media (max-width: 640px) {

  /* .qguide_list_swiper li .item .body .bottom_cont {
    display: none;
  }
  .qguide_list_swiper li .item .thumbnail_img {
    width: 80px;
    height: 80px;
  } */
  /* .qguide_list_swiper li .item .body .top_cont {
    align-items: flex-start;
  }
  .qguide_list_swiper li .item .right_div {
    height: 80px;
    display: flex;
    align-items: flex-end;
  } */
  /* .event_title_mo {
    display: -webkit-box;
    padding: 4px 16px;
    text-align: center;
    white-space: normal;
    border: 1px solid #d4d4d4;
    background-color: #fff;
    border-radius: 8px;
    margin-top: 8px;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    word-break: keep-all;
  } */
  .qguide_list_swiper li {
    width: 100%;
  }

  .qguide_list_swiper li:nth-of-type(n + 4) {
    display: none;
  }
}

/* qguide_con q가이드 이벤트 페이지 */
.con.qguide_con {
  padding: 0px;
}

.qguide_con .top_fixed {
  padding: 0 24px 10px;
  transition: all 0.3s ease;
  position: fixed;
  top: 60px;
  width: 100%;
  height: 124px;
  background: #fff;
  max-width: 640px;
  z-index: 100;
}

.qguide_con .top_fixed.hidden {
  top: -124px;
}

.qguide_con .bd_top {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.qguide_con .write_info {
  min-width: 48px;
}

.qguide_con .write_info .btn_share {
  padding-left: 23px;
  background: url(/images/ico_share.png) no-repeat left center / 20px auto;
  color: #767676;
}

/* q가이드 필터 */
.bd_filter {
  /* position: fixed; */
  width: 100%;
  max-width: 592px;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  justify-content: space-between;
  z-index: 4;
  background-color: #fff;
}

.bd_filter .total_num {
  font-size: 12px;
}

.bd_filter .right_div {
  display: flex;
  flex-direction: row;
}

.bd_filter .right_div .sel_div * {
  box-sizing: border-box;
}

.bd_filter .right_div .sel_div {
  position: relative;
  width: 100px;
  height: 40px;
  background: url(/images/tot_arr.png) right 5px top 12px no-repeat;
  background-size: 20px;
  cursor: pointer;
  margin-right: 10px;
}

.bd_filter .right_div .sel_div:after {
  content: '';
  display: block;
  width: 2px;
  height: 100%;
  position: absolute;
  top: 0;
  right: 35px;
}

.bd_filter .right_div .sel_div .label {
  display: flex;
  font-size: 12px;
  justify-content: right;
  align-items: center;
  width: inherit;
  height: inherit;
  border: 0 none;
  outline: 0 none;
  padding-right: 28px;
  background: transparent;
  cursor: pointer;
}

.bd_filter .right_div .sel_div .opt_ul {
  position: absolute;
  z-index: 5;
  top: 28px;
  left: 0;
  width: 100%;
  background: #fff;
  box-shadow: 0 2px 4px 0 hsla(0, 0%, 80.8%, 0.5);
  padding: 0;
  border-radius: 4px;
  overflow: hidden;
  max-height: 0;
  transition: 0.3s ease-in;
}

.bd_filter .right_div .sel_div.on .opt_ul {
  max-height: 500px;
}

.bd_filter .right_div .sel_div .opt {
  padding: 10px;
  font-size: 12px;
  transition: 0.1s;
}

.bd_filter .right_div .addr_div {
  font-size: 12px;
  border: none;
  background: none;
}

.cr_box_set ul li.w100:nth-child(odd) {
  margin-right: 0px;
}

.qguide_con .bd_cont {
  padding: 24px;
  box-sizing: border-box;
  margin-top: 100px;
}

/* q가이드 리스트 */
.qguide_con .bd_cont[style*='display: none']+.qguide_list {
  margin-top: 120px;
}

.qguide_list {
  padding: 0 24px;
  box-sizing: border-box;
}

.qguide_list .qguide_list_box {
  margin-bottom: 40px;
}

.qguide_list_box .swiper-wrapper li {
  position: relative;
  height: inherit;
  aspect-ratio: 4 / 3;
}

.qguide_list_box .swiper-wrapper li img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  border-radius: 10px;
}

.qguide_list_box .pagination_com {
  padding: 4px 12px;
  background: rgba(0, 0, 0, 0.5);
  color: #fff;
  display: flex;
  left: 50%;
  transform: translateX(-50%);
  border-radius: 16px;
  bottom: 16px;
  width: auto !important;
}

.qguide_list_box .top_cont {
  /* display: -webkit-flex;
  display: flex;
  justify-content: space-between;
  align-items: flex-end; */
  padding: 16px 0;
  position: relative;
}

.qguide_list_box .top_cont .left_div .camp_title {
  color: #191919;
  font-size: 16px;
  font-weight: 700;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.qguide_list_box .top_cont .left_div .camp_addr {
  color: #767676;
  font-size: 12px;
  padding: 4px 0 0 14px;
  background: url('/images/ico_place.png') no-repeat left bottom / 14px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.qguide_list_box .top_cont .right_div {
  font-size: 18px;
  font-weight: 700;
  position: absolute;
  right: 0;
  bottom: 16px;
}

.qguide_list_box .bottom_cont {
  border: 1px solid #d4d4d4;
  border-radius: 8px;
  box-shadow: 2px 2px 8px 0px rgba(0, 0, 0, 0.1);
  box-sizing: border-box;
}

.qguide_list_box .bottom_cont .event_title {
  font-weight: bold;
  font-size: 14px;
  text-align: center;
  line-height: 1.2;
  color: #222;
  padding: 16px 20px;
  border-radius: 8px 8px 0 0;
  background-color: #eee !important;
}

.qguide_list_box .bottom_cont .event_box {
  padding: 16px 20px;
  border-bottom: 2px solid #e5e5e7;
}

.qguide_list_box .bottom_cont .event_box li {
  display: flex;
  flex-direction: column;
}

.qguide_list_box .bottom_cont .event_box li:not(:first-child) {
  padding-top: 10px;
}

.qguide_list_box .bottom_cont .event_box li .tit {
  color: #222;
  font-weight: bold;
  font-size: 13px;
}

.qguide_list_box .bottom_cont .event_box li .txt {
  font-size: 13px;
  color: #111;
  padding-top: 4px;
}

.qguide_list_box .bottom_cont .event_sub_txt {
  font-size: 13px;
  color: #111;
  padding: 16px 20px;
}

@media (max-width: 640px) {
  .qguide_list_box .bottom_cont .event_title {
    display: -webkit-box;
    white-space: normal;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    word-break: keep-all;
  }

  .qguide_list_box .bottom_cont .event_box li {
    flex-direction: column;
  }

  .qguide_list_box .bottom_cont .event_box li .tit {
    width: inherit;
  }

  .qguide_list_box .bottom_cont .event_box li .txt {
    margin-left: 20px;
    width: inherit;
  }
}

.more_guide_sec {
  margin-bottom: 40px;
}

.more_guide_swiper {
  padding: 0 24px;
}

.more_guide_swiper li {
  width: 250px;
}

.more_guide_swiper li a img {
  border-radius: 10px;
  width: 100%;
}

/* 취향별 후기 */
.taste_sec {
  padding-top: 45px;
  /*padding-bottom: 40px;*/
}

/* tabs */
.taste_tabs {
  display: flex;
  flex-wrap: nowrap;
  overflow-x: scroll;
  justify-content: center;
  margin: 20px auto;
}

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

.taste_tabs>button {
  flex-shrink: 0;
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  margin: 0 20px;
  background: transparent;
  border: transparent;
}

.taste_tabs>button>div {
  padding: 16px;
  background: #ebebeb;
  border: 1px solid #ebebeb;
  border-radius: 8px;
}

.taste_tabs>button>div>.ico {
  width: 60px;
  height: 60px;
  border-radius: 50%;
  background: #fff;
}

.taste_tabs>button[data-name='environment']>div>.ico {
  background: #fff url('/images/ico_tab_environment.png') no-repeat center / 32px auto;
}

.taste_tabs>button[data-name='environment'].on>div>.ico {
  background: #fff url('/images/ico_tab_environment_on.png') no-repeat center / 32px auto;
}

.taste_tabs>button[data-name='theme']>div>.ico {
  background: #fff url('/images/ico_tab_theme.png') no-repeat center / 32px auto;
}

.taste_tabs>button[data-name='theme'].on>div>.ico {
  background: #fff url('/images/ico_tab_theme_on.png') no-repeat center / 32px auto;
}

.taste_tabs>button[data-name='facility']>div>.ico {
  background: #fff url('/images/ico_tab_facility.png') no-repeat center / 32px auto;
}

.taste_tabs>button[data-name='facility'].on>div>.ico {
  background: #fff url('/images/ico_tab_facility_on.png') no-repeat center / 32px auto;
}

.taste_tabs>button[data-name='manners']>div>.ico {
  background: #fff url('/images/ico_tab_manners.png') no-repeat center / 32px auto;
}

.taste_tabs>button[data-name='manners'].on>div>.ico {
  background: #fff url('/images/ico_tab_manners_on.png') no-repeat center / 32px auto;
}

.taste_tabs>button .tit {
  font-size: 12px;
  font-weight: bold;
  padding-top: 4px;
  color: #191919;
}

.taste_tabs>button.on .tit {
  color: #fff;
}

.taste_tabs>button span {
  display: flex;
  width: 12px;
  border-left: 12px solid transparent;
  border-right: 12px solid transparent;
}

.taste_tabs>button[data-name='environment'].on>div {
  background: #629c64;
  border: 1px solid #629c64;
}

.taste_tabs>button[data-name='environment'].on span {
  border-top: 12px solid #629c64;
}

.taste_tabs>button[data-name='theme'].on>div {
  background: #62bdc9;
  border: 1px solid #62bdc9;
}

.taste_tabs>button[data-name='theme'].on span {
  border-top: 12px solid #62bdc9;
}

.taste_tabs>button[data-name='facility'].on>div {
  background: #8d6e63;
  border: 1px solid #8d6e63;
}

.taste_tabs>button[data-name='facility'].on span {
  border-top: 12px solid #8d6e63;
}

.taste_tabs>button[data-name='manners'].on>div {
  background: #ffbb64;
  border: 1px solid #ffbb64;
}

.taste_tabs>button[data-name='manners'].on span {
  border-top: 12px solid #ffbb64;
}

/* 취향 */
.taste_cont_labs {
  padding: 0 24px;
}

.taste_cont {
  box-sizing: border-box;
  margin-bottom: 20px;
}

.taste_cont>ul {
  padding: 0;
  overflow-x: auto;
  width: 592px;
  -webkit-overflow-scrolling: touch;
  -ms-overflow-style: -ms-autohiding-scrollbar;
}

.taste_cont>ul::-webkit-scrollbar {
  display: none;
}

.taste_cont>ul>li {
  display: none;
  width: fit-content !important;
  flex-wrap: nowrap;
  height: inherit !important;
}

.taste_cont>ul>li.on {
  display: flex;
}

.taste_cont>ul>li button {
  background: #f7f7f9;
  border: 1px solid #f7f7f9;
  font-size: 13px;
  color: #666666;
  padding: 8px 16px 8px 34px;
  flex-shrink: 0;
  white-space: nowrap;
  border-radius: 4px;
}

.taste_cont>ul>li button:not(:last-child) {
  margin-right: 16px;
}

.taste_cont>ul>li button.on {
  background: #ffe6d8;
  border: 1px solid #f27226;
  color: #f27226;
  font-weight: 500;
}

/* 한줄 아이콘 */
.taste_cont>ul>li button#EA000 {
  background: #f7f7f9 url('/images/ico_ci_EA000.png') no-repeat left 14px center / 16px auto;
}

.taste_cont>ul>li button#EA001 {
  background: #f7f7f9 url('/images/ico_ci_EA003.png') no-repeat left 14px center / 16px auto;
}

.taste_cont>ul>li button#EA002 {
  background: #f7f7f9 url('/images/ico_ci_EA001.png') no-repeat left 14px center / 16px auto;
}

.taste_cont>ul>li button#EA003 {
  background: #f7f7f9 url('/images/ico_ci_EA002.png') no-repeat left 14px center / 16px auto;
}

.taste_cont>ul>li button#EB000 {
  background: #f7f7f9 url('/images/ico_ci_EB000.png') no-repeat left 14px center / 16px auto;
}

.taste_cont>ul>li button#EB001 {
  background: #f7f7f9 url('/images/ico_ci_EB001.png') no-repeat left 14px center / 16px auto;
}

.taste_cont>ul>li button#EB002 {
  background: #f7f7f9 url('/images/ico_ci_EB002.png') no-repeat left 14px center / 16px auto;
}

.taste_cont>ul>li button#EB003 {
  background: #f7f7f9 url('/images/ico_ci_EB003.png') no-repeat left 14px center / 16px auto;
}

.taste_cont>ul>li button#EC000 {
  background: #f7f7f9 url('/images/ico_ci_EC000.png') no-repeat left 14px center / 16px auto;
}

.taste_cont>ul>li button#EC001 {
  background: #f7f7f9 url('/images/ico_ci_EC001.png') no-repeat left 14px center / 16px auto;
}

.taste_cont>ul>li button#EC002 {
  background: #f7f7f9 url('/images/ico_ci_EC002.png') no-repeat left 14px center / 16px auto;
}

.taste_cont>ul>li button#EC003 {
  background: #f7f7f9 url('/images/ico_ci_EC003.png') no-repeat left 14px center / 16px auto;
}

.taste_cont>ul>li button#ED000 {
  background: #f7f7f9 url('/images/ico_ci_ED000.png') no-repeat left 14px center / 16px auto;
}

.taste_cont>ul>li button#ED001 {
  background: #f7f7f9 url('/images/ico_ci_ED001.png') no-repeat left 14px center / 16px auto;
}

.taste_cont>ul>li button#EA000.on {
  background: url('/images/ico_ci_EA000_on.png') no-repeat left 14px center / 16px auto;
}

.taste_cont>ul>li button#EA001.on {
  background: url('/images/ico_ci_EA003_on.png') no-repeat left 14px center / 16px auto;
}

.taste_cont>ul>li button#EA002.on {
  background: url('/images/ico_ci_EA001_on.png') no-repeat left 14px center / 16px auto;
}

.taste_cont>ul>li button#EA003.on {
  background: url('/images/ico_ci_EA002_on.png') no-repeat left 14px center / 16px auto;
}

.taste_cont>ul>li button#EB000.on {
  background: url('/images/ico_ci_EB000_on.png') no-repeat left 14px center / 16px auto;
}

.taste_cont>ul>li button#EB001.on {
  background: url('/images/ico_ci_EB001_on.png') no-repeat left 14px center / 16px auto;
}

.taste_cont>ul>li button#EB002.on {
  background: url('/images/ico_ci_EB002_on.png') no-repeat left 14px center / 16px auto;
}

.taste_cont>ul>li button#EB003.on {
  background: url('/images/ico_ci_EB003_on.png') no-repeat left 14px center / 16px auto;
}

.taste_cont>ul>li button#EC000.on {
  background: url('/images/ico_ci_EC000_on.png') no-repeat left 14px center / 16px auto;
}

.taste_cont>ul>li button#EC001.on {
  background: url('/images/ico_ci_EC001_on.png') no-repeat left 14px center / 16px auto;
}

.taste_cont>ul>li button#EC002.on {
  background: url('/images/ico_ci_EC002_on.png') no-repeat left 14px center / 16px auto;
}

.taste_cont>ul>li button#EC003.on {
  background: url('/images/ico_ci_EC003_on.png') no-repeat left 14px center / 16px auto;
}

.taste_cont>ul>li button#ED000.on {
  background: url('/images/ico_ci_ED000_on.png') no-repeat left 14px center / 16px auto;
}

.taste_cont>ul>li button#ED001.on {
  background: url('/images/ico_ci_ED001_on.png') no-repeat left 14px center / 16px auto;
}

@media (max-width: 640px) {
  .taste_tabs {
    justify-content: flex-start;
    padding: 0 24px;
    box-sizing: border-box;
  }

  .taste_tabs>button {
    margin: 0 8px 0 0;
  }

  .taste_cont>ul {
    width: 100%;
  }

  .taste_cont>ul>li button:not(:last-child) {
    margin-right: 8px;
  }
}

/* 캠톡 부분 */
.taste_swiper {
  position: relative;
  padding: 0px 24px;
  margin-top: 5px;
}

.taste_swiper .swiper-slide .tk_wp .tk_item {
  /* border: 1px solid #ebebeb; */
  width: calc(50% - 6px);
  margin-bottom: 20px;
  border-radius: 5px;
}

.taste_swiper .swiper-slide .tk_wp li:nth-child(odd) {
  float: left;
}

.taste_swiper .swiper-slide .tk_wp li:nth-child(even) {
  float: right;
}

.taste_swiper .swiper-slide .tk_wp li:nth-of-type(n + 3) {
  margin-bottom: 0px;
}

.taste_swiper .swiper-slide .tk_wp .tk_item a {
  width: 100%;
  display: flex;
  flex-direction: column;
}

.taste_swiper .swiper-slide .tk_wp .tk_item a .pic {
  position: relative;
  width: 100%;
  padding-top: 100%;
  inset: 0px;
}

.taste_swiper .swiper-slide .tk_wp .tk_item img {
  height: 100%;
  object-fit: cover;
  object-position: center center;
  border-radius: 5px;
  position: absolute;
  top: 0;
  border: 1px solid #e5e5e5;
}

.taste_swiper .swiper-slide .txt_box {
  /* height: 97px;
  padding: 9px 10px; */
  position: relative;
}

.taste_swiper .swiper-slide .txt_box .tit {
  font-size: 14px;
  font-weight: 500;
  letter-spacing: -0.4px;
  color: #191919;
  line-height: 16px;
  margin-top: 10px;
  display: inline-block;
  width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.taste_swiper .swiper-slide .txt_box .txt {
  font-size: 12px;
  font-weight: 500;
  letter-spacing: -0.4px;
  color: #767676;
  line-height: 16px;
}

.taste_swiper .swiper-slide .txt_box .pri {
  font-size: 13px;
  font-weight: bold;
  line-height: 18px;
  letter-spacing: -0.35px;
  color: #f07a1c;
  float: left;
  margin-top: 7px;
}

.taste_swiper .swiper-slide .txt_box .addr {
  font-size: 12px;
  line-height: 12px;
  letter-spacing: -0.6px;
  color: #767676;
  position: absolute;
  left: 10px;
  bottom: 9px;
}

.taste_swiper .swiper-slide .txt_box .date {
  font-size: 12px;
  line-height: 12px;
  letter-spacing: -0.6px;
  color: #767676;
  position: absolute;
  right: 10px;
  bottom: 9px;
}

.taste_more {
  font-size: 12px;
  color: #767676;
  background: url(/images/chevron_right.png) no-repeat right center/ 5.5px auto;
  padding-right: 9px;
  line-height: 45px;
  margin-top: -10px;
}

/* 캠톡 > 방문후기 */
.com_lnb .taste_cont_labs {
  padding: 0;
}

.com_lnb .taste_cont {
  margin-bottom: 0px;
}

.com_lnb .taste_cont>ul {
  width: 100% !important;
}

.com_lnb .taste_cont>ul>li {
  padding: 0;
  margin-top: 10px !important;
  width: 100%;
}

.com_lnb .taste_cont .btn_clo {
  display: inline-block;
  width: 24px;
  height: 24px;
  background: url(/images/tot_arr.png) no-repeat center center / 24px auto;
}

.com_lnb .taste_cont .btn_clo.on {
  transform: rotate(180deg);
}

.bd_filter.visit_filter {
  max-width: 640px;
  padding: 0 24px;
  box-sizing: border-box;
  border-top: 1px solid #f7f7f7;
}

.bd_filter.visit_filter .sel_div {
  z-index: 1;
}

/* animation */
@keyframes rolling {
  0% {
    transform: translateY(0);
  }

  25% {
    transform: translateY(-20%);
  }

  50% {
    transform: translateY(-40%);
  }

  75% {
    transform: translateY(-60%);
  }

  100% {
    transform: translateY(-80%);
  }
}

.rolling_banner {
  margin: 20px auto 0;
  width: calc(100% - 48px);
  background: #222 url(/images/rolling_bg.png) no-repeat right / 132px;
  border-radius: 4px;
  padding: 10px;
  margin-top: 20px;
  box-sizing: border-box;
}

.rolling_banner p {
  color: #fff;
  display: inline-block;
}

.rolling_banner p.event_name {
  display: block;
}

.rolling_banner p .strong {
  color: #f27226;
  font-weight: 600;
  font-size: 18px;
}

.rolling_wrap {
  display: inline-block;
  color: #000;
  vertical-align: top;
  height: 1.5em;
  overflow: hidden;
  position: relative;
  margin-top: 4px;
  padding-right: 4px;
}

.rolling_wrap::after {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  margin-left: -1em;
}

.rolling_wrap ul {
  animation-name: rolling;
  animation-duration: 8s;
  animation-iteration-count: infinite;
}

.rolling_wrap ul li {
  color: #fff;
}

/* 친구 초대 */
.invite_sec {
  padding: 24px 24px 0;
}

.invite_sec .top_bg_box {
  border-radius: 8px;
  padding: 0 !important;
}

.invite_sec .top_bg_box img {
  width: 100%;
}

.invite_con {
  margin-top: 36px;
}

.invite_con .title {
  font-size: 16px;
  font-weight: bold;
  color: #191919;
  margin-bottom: 10px;
}

.invite_con .link_a {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 48px;
  border-radius: 5px;
  font-size: 14px;
  background: #222;
  color: #fff;
}

.invite_con .link_a.kakao {
  background: #fee500;
  color: #392020;
  margin-top: 16px;
}

.invite_con .link_a.mynum::before {
  content: '';
  display: inline-block;
  width: 20px;
  height: 20px;
  background: url(/images/ico_content_copy.png) no-repeat;
  background-size: contain;
  vertical-align: middle;
  margin-right: 4px;
}

.invite_con .link_a.kakao::before {
  content: '';
  display: inline-block;
  width: 20px;
  height: 20px;
  background: url(/images/ico_kakao.png) no-repeat;
  background-size: contain;
  vertical-align: middle;
  margin: 4px 4px 0 0;
}

/* 초대 현황 */
.invite_con .accrue_box {
  background: #f5f5f5;
  border-radius: 5px;
  display: flex;
}

.invite_con .accrue_box .group {
  width: 100%;
  text-align: center;
  padding: 20px 0;
}

.invite_con .accrue_box .group:first-child {
  border-right: 2px dashed #fff;
}

.invite_con .accrue_box .group p.fwb {
  font-size: 24px;
  padding-top: 4px;
}

.invite_con .accrue_box .group p.fwb a.text_brand {
  text-decoration: underline;
  cursor: pointer;
}

/* 안내 */
.btm_sec {
  margin-top: 36px;
  background: #f8f8fa;
  padding: 24px;
}

.btm_sec div:not(:first-child) {
  margin-top: 20px;
}

.btm_sec .title {
  font-size: 16px;
  font-weight: bold;
  margin-bottom: 10px;
  color: #222;
}

.btm_sec .dot_text {
  margin-bottom: 4px;
  padding-left: 6px;
  color: #666;
  font-size: 12px;
  position: relative;
}

.btm_sec .dot_text::before {
  content: '';
  position: absolute;
  top: 8px;
  left: 0;
  width: 2px;
  height: 2px;
  border-radius: 2px;
  background: #555;
}

.btm_sec .text {
  color: #666;
  font-size: 12px;
}

/* user_invite_sec */
.user_invite_sec {}

.top_bg_box {
  background: #222;
  padding: 48px 24px;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
}

.top_bg_box .title_wrap {}

.top_bg_box .title_wrap p {
  color: #fff;
  font-size: 30px;
  position: relative;
  word-break: keep-all;
}

.top_bg_box .title_wrap p .underline {
  position: relative;
}

.top_bg_box .title_wrap p .underline::after {
  display: block;
  position: absolute;
  content: '';
  bottom: -2px;
  left: 0px;
  width: 100%;
  height: 3px;
  background-color: #fff;
}

.top_bg_box .title_wrap p.sub {
  margin: 48px 0 24px;
  font-size: 24px;
}

.top_bg_box .card_wrap {
  width: 260px;
  height: 150px;
  padding: 24px;
  box-sizing: border-box;
  flex-shrink: 0;
  border-radius: 10px;
  background: linear-gradient(110deg, #ffc961 16.24%, #ffad42 76.73%);
  box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.25) inset, 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
}

.top_bg_box .card_wrap .name {
  font-size: 16px;
  letter-spacing: 10px;
  font-weight: bold;
  color: #fff;
  text-transform: uppercase;
}

.top_bg_box .card_wrap .num {
  font-size: 44px;
  color: #fff;
  font-weight: bold;
  padding-top: 10px;
}

.user_invite_con.bg_gray {
  background: #f5f5f5;
  padding: 36px 24px;
  display: flex;
  flex-direction: column;
  text-align: center;
}

.user_invite_con .slogan {
  font-size: 16px;
  list-style: 1.5;
  color: #191919;
}

.user_invite_con .title_wrap {}

.user_invite_con .title_wrap p {
  font-weight: bold;
  word-break: keep-all;
  font-size: 24px;
  line-height: 1.5;
  color: #191919;
}

.user_invite_con .title_wrap p.sub {
  line-height: 1;
  font-size: 18px;
  margin: 14px 0 4px;
  position: relative;
  padding-top: 20px;
}

.user_invite_con .title_wrap p.sub::before {
  content: '';
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 32px;
  height: 4px;
  background-color: #f27226;
}

.user_invite_con {
  padding: 0 24px;
}

.user_invite_con .title {
  font-size: 16px;
  font-weight: bold;
  color: #191919;
  padding: 36px 0;
}

.user_invite_con .step_invite {
  width: 80%;
  margin: 0 auto;
}

.user_invite_con .step_invite li:not(:first-child) {
  margin-top: 24px;
}

.user_invite_con .step_invite .num {
  font-size: 13px;
  font-weight: 600;
  color: #f27226;
}

.user_invite_con .step_invite .text {
  font-size: 14px;
  color: #191919;
  word-break: keep-all;
}

.user_invite_con .step_invite .link_a {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 48px;
  border-radius: 5px;
  font-size: 14px;
  background: #fff;
  color: #f27226;
  border: 1px solid #f27226;
  margin-top: 12px;
}

.user_invite_con .step_invite .link_a.join {
  background: #f27226;
  color: #fff;
}

@media (max-width: 500px) {
  .user_invite_con .step_invite {
    width: 100%;
  }
}

/* roulette_con */
.roulette_con {
  padding: 0 24px;
  margin-top: 36px;
}

.roulette_con .box {
  padding: 20px 24px;
  box-sizing: border-box;
  flex-shrink: 0;
  border-radius: 5px;
  border: 1px solid #d4d4d4;
  background: #fff;
  box-shadow: 2px 2px 8px 0px rgba(0, 0, 0, 0.1);
}

.roulette_con .box p {
  font-size: 18px;
}

.roulette_con .box p>a {
  font-size: 24px;
  text-decoration: underline;
}

.roulette_con .box .title::before {
  content: '';
  display: inline-block;
  width: 32px;
  height: 32px;
  background: url(/images/ico_roulette_ticket.png) no-repeat;
  background-size: contain;
  vertical-align: middle;
  margin-right: 4px;
}

.roulette_con .link_a {
  margin-top: 10px;
  float: right;
  display: inline-flex;
  align-items: center;
}

.roulette_con .link_a p {
  text-decoration: underline;
}

.roulette_con .link_a::after {
  content: '';
  display: inline-block;
  width: 20px;
  height: 20px;
  background: url(/images/page_arr_right.png) no-repeat;
  background-size: contain;
  vertical-align: middle;
}

.roulette_con .box2 {
  padding: 14px 0;
  position: relative;
  border: 1px solid #dedede;
  border-radius: 5px;
}

.roulette_con .box2 p {
  text-align: center;
  font-size: 16px;
  color: #191919;
}

.roulette_con .box2 .arr {
  position: absolute;
  display: inline-block;
  width: 24px;
  height: 24px;
  right: 18px;
  top: 14px;
  background: url(/images/tot_arr.png) no-repeat center center / 24px auto;
}

.roulette_con .box2.on {
  border: 1px solid #f27226;
}

.roulette_con .box2.on p {
  color: #f27226;
}

.roulette_con .box2.on .arr {
  background: url(/images/ico_arr_next.png) no-repeat center center / 24px auto;
  transform: rotate(-90deg);
}

.roulette_con .roulette_get {
  display: none;
  margin-top: 16px;
}

.roulette_con .box2.on+.roulette_get {
  display: block;
}

.roulette_get li:not(:first-child) {
  margin-top: 12px;
}

.roulette_get li a {
  display: block;
  padding: 16px 24px;
  flex-shrink: 0;
  border-radius: 5px;
  border: 1px solid #d4d4d4;
  background: #fff;
  box-shadow: 2px 2px 8px 0px rgba(0, 0, 0, 0.1);
}

.roulette_get li a .title {
  font-size: 14px;
  font-weight: 600;
}

.roulette_get li a .title::after {
  content: '';
  display: inline-block;
  width: 20px;
  height: 18px;
  background: url(/images/page_arr_right.png) no-repeat;
  background-size: contain;
  vertical-align: middle;
  margin-top: -5px;
}

.roulette_get li a .text {
  font-size: 12px;
  color: #767676;
  padding-top: 4px;
}

.roulette_get li a .text .break {
  display: none;
}

.roulette_get li a .bg_ico {
  width: 40px;
  height: 40px;
}

.roulette_get li a .bg_ico._ico1 {
  background: url(/images/ico_roulette_01.png) no-repeat center center / 40px auto;
}

.roulette_get li a .bg_ico._ico2 {
  background: url(/images/ico_roulette_02.png) no-repeat center center / 40px auto;
}

.roulette_get li a .bg_ico._ico3 {
  background: url(/images/ico_roulette_03.png) no-repeat center center / 40px auto;
}

.roulette_get li a .bg_ico._ico4 {
  background: url(/images/ico_roulette_04.png) no-repeat center center / 40px auto;
}

.roulette_get li a .bg_ico._ico5 {
  background: url(/images/ico_roulette_05.png) no-repeat center center / 40px auto;
}

.roulette_get li a .bg_ico._ico6 {
  background: url(/images/ico_roulette_06.png) no-repeat center center / 40px auto;
}

@media (max-width: 640px) {
  .roulette_get li a {
    padding: 16px;
  }

  .roulette_get li a .text .break {
    display: inline-block;
  }
}

/* 룰렛 이용권(쿠폰) */
.roulette_ticket {}

.roulette_ticket li {
  display: flex;
  margin-bottom: 16px;
}

.roulette_ticket li .col_left {
  width: 70%;
  background: #f5f5f5;
  position: relative;
  box-sizing: border-box;
  padding: 16px;
}

.roulette_ticket li .col_left::before,
.roulette_ticket li .col_left::after {
  content: '';
  position: absolute;
  width: 20px;
  height: 20px;
  background-color: #fff;
  z-index: 1;
  /* 다른 요소 위에 위치 */
}

.roulette_ticket li .col_left::before {
  top: -10px;
  right: -10px;
  border-radius: 0 0 10px 10px;
  /* 아래쪽 반원 */
}

.roulette_ticket li .col_left::after {
  bottom: -10px;
  right: -10px;
  border-radius: 10px 10px 0 0;
  /* 위쪽 반원 */
}

.roulette_ticket li .col_right {
  background: #ffae45;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 30%;
  min-width: 108px;
  position: relative;
  box-sizing: border-box;
  padding: 16px;
}

.roulette_ticket li.completion .col_right {
  background: #2194ff;
}

.roulette_ticket li.expire .col_right {
  background: #333;
}

.roulette_ticket li .col_right::before,
.roulette_ticket li .col_right::after {
  content: '';
  position: absolute;
  width: 20px;
  height: 20px;
  background-color: #fff;
  z-index: 1;
  /* 다른 요소 위에 위치 */
}

.roulette_ticket li .col_right::before {
  top: -10px;
  left: -10px;
  border-radius: 0 0 10px 10px;
  /* 아래쪽 반원 */
}

.roulette_ticket li .col_right::after {
  bottom: -10px;
  left: -10px;
  border-radius: 10px 10px 0 0;
  /* 위쪽 반원 */
}

.roulette_ticket li .col_left .cate {
  font-size: 13px;
  color: #f27226;
  font-weight: 600;
  margin-bottom: 4px;
}

.roulette_ticket li .col_left .tit {
  font-size: 18px;
  font-weight: 600;
  word-break: keep-all;
}

.roulette_ticket li .col_left .date {
  font-size: 12px;
  color: #767676;
  margin-top: 10px;
}

.roulette_ticket li .col_right .text {
  text-align: center;
  font-size: 16px;
  color: #fff;
  line-height: 1.2;
}

.roulette_ticket li .col_right .text.underline {
  text-decoration: underline;
}

.roulette_ticket li .col_right .ico_arr {
  width: 40px;
  height: 40px;
  background: url(/images/circle-arrow-right.png) no-repeat center / 40px auto;
  margin-bottom: 8px;
}

.roulette_ticket li .col_right .sub {
  font-size: 12px;
  display: inline-block;
  padding: 2px 4px;
  border-radius: 2px;
  background: rgba(0, 0, 0, 0.4);
  color: #fff;
  margin-top: 8px;
}

.modal_wrap.wd_auto .modal_center.bg_fire {
  background: #fff url(/images/firecracker.gif) no-repeat;
}

.modal_wrap.wd_auto .modal_center .md_cont .prize_img {
  background: url(/images/prize_a.png) no-repeat center / 220px;
  height: 248px;
  margin-top: 20px;
  margin-bottom: 10px;
}

.modal_wrap.wd_auto .modal_center .md_cont .prize_img.not {
  background: url(/images/noprize.png) no-repeat center / 200px;
  height: 210px;
  margin-top: 20px;
}

.modal_wrap.wd_auto .modal_center .md_cont .prize_text {
  font-size: 13px;
  text-align: left;
  padding-left: 8px;
  position: relative;
}

.modal_wrap.wd_auto .modal_center .md_cont .prize_text::before {
  content: '';
  position: absolute;
  top: 8px;
  left: 0;
  width: 4px;
  height: 4px;
  border-radius: 4px;
  background: #555;
}

.modal_wrap.wd_auto .modal_center .md_cont .prize_text>a {
  position: absolute;
  right: 0;
  bottom: -10px;
  font-size: 12px;
  color: #e80000;
  text-decoration: underline;
}

/* 페스타 */
/* 메인 */
.do_btns .btn_festa img,
.do_btns .btn_festa2 img {
  width: 60px;
  height: auto;
}

.pop_layer_set .festa_div {
  max-height: 60vh;
  /* height: 60vh; */
  overflow-x: hidden;
  overflow-y: scroll;
  padding-bottom: 20px;
  ms-overflow-style: none;
  scrollbar-width: none;
}

.pop_layer_set .festa_div::-webkit-scrollbar {
  display: none;
}

.pop_layer_set .festa_div .box {
  padding-bottom: 20px;
}

.pop_layer_set .festa_div .box .text {
  font-size: 16px;
  font-size: 600;
  text-align: center;
  padding-bottom: 10px;
}

.festa_div .top_img {
  width: 100%;
  margin-bottom: 20px;
}

.festa_div .selected {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 44px;
  border-radius: 4px;
  border: 1px solid #ccc;
  position: relative;
}

.festa_div .selected.on {
  border: 1px solid #f27226;
}

.festa_div .selected .arr {
  display: inline-block;
  width: 20px;
  height: 20px;
  background: url('/images/tot_arr.png') no-repeat center center / 20px auto;
  position: absolute;
  right: 10px;
  top: 10px;
}

.festa_div .selected.on .arr {
  transform: rotate(180deg);
}

.festa_div .options {
  display: none;
  margin-top: 20px;
  padding: 0 20px;
}

.festa_div .city {
  margin-bottom: 20px;
}

.festa_div .city .options,
.festa_div .subregion .options {
  display: flex;
  flex-wrap: wrap;
}

.festa_div .city .options li,
.festa_div .subregion .options li {
  width: 33.33%;
  margin-bottom: 8px;
}

.festa_div .options li label {
  padding-left: 4px;
}

.festa_div+.btn_orange.disabled {
  background: #ccc;
}

.pop_con .lst_pop .agree_div>ul {
  margin-top: 10px;
  display: flex;
  border: 1px solid #ccc;
}

.pop_con .lst_pop .agree_div li {
  width: 33.33%;
  margin-bottom: 0px;
}

.pop_con .lst_pop .agree_div li:not(:nth-of-type(1)) {
  border-left: 1px solid #ccc;
}

.pop_con .lst_pop .agree_div p {
  padding: 0;
  text-align: center;
}

.pop_con .lst_pop .agree_div li .th {
  padding: 8px 0;
  background: #eee;
}

.pop_con .lst_pop .agree_div li .td {
  padding: 8px;
  word-break: keep-all;
}

.pop_con .lst_pop .agree_div p.checkbox_g {
  text-align: right;
}

.sr_top .sr_condi .swiper-slide div.keyword {
  display: inline-block;
  padding-left: 20px;
  line-height: 38px;
  vertical-align: middle;
  margin-top: -34px;
  /*
  padding-left: 30px;
  position: relative;
  text-indent: 4px;
  */
}

.sr_top .sr_condi .swiper-slide div.keyword::before {
  content: '';
  position: absolute;
  left: 11px;
  top: 50%;
  transform: translateY(-50%);
  background-image: url(/images/mid_dome03.png);
  background-size: 24px 24px;
  width: 24px;
  height: 24px;
}

.sr_top .sr_condi .swiper-slide #btn_keyword_del {
  border: none;
  width: 24px;
  height: 38px;
  background: url(/images/btn_close3.png) no-repeat center / 12px auto;
  margin-left: -10px;
}

/* 1:숙세페 / 2:만만 3:충북 */

.add_sear .rec_div .tip.festa_DL000,
.camp_div .txt_box .tip_set span.festa_DL000,
.tip_set span.festa_DL000 {
  background: #fff8f8;
  border: 1px solid #d000bf;
  color: #d000bf;
}

.add_sear .rec_div .tip.festa_DL001,
.camp_div .txt_box .tip_set span.festa_DL001,
.tip_set span.festa_DL001 {
  background: #f0fff0;
  border: 1px solid #005d31;
  color: #005d31;
}

.add_sear .rec_div .tip.festa_DL002,
.camp_div .txt_box .tip_set span.festa_DL002,
.tip_set span.festa_DL002 {
  background: #e6e6fa;
  border: 1px solid #00097f;
  color: #00097f;
}

.add_sear .rec_div .tip.festa_DL004,
.camp_div .txt_box .tip_set span.festa_DL004,
.tip_set span.festa_DL004 {
  background: #efefff;
  border: 1px solid #0b137e;
  color: #0b137e;
}

.sr_top .sr_condi .swiper-slide div.festa_DL000 {
  color: #d000bf;
}

.sr_top .sr_condi .swiper-slide div.festa_DL001 {
  color: #005d31;
}

.sr_top .sr_condi .swiper-slide div.festa_DL002 {
  color: #00097f;
}

.sr_top .sr_condi .swiper-slide div.festa_DL004 {
  color: #0b137e;
}

.sr_top .sr_condi .swiper-slide div.festa_DL000.on {
  background: #d000bf;
  color: #fff;
}

.sr_top .sr_condi .swiper-slide div.festa_DL001.on {
  background: #005d31;
  color: #fff;
}

.sr_top .sr_condi .swiper-slide div.festa_DL002.on {
  background: #00097f;
  color: #fff;
}

.sr_top .sr_condi .swiper-slide div.festa_DL004.on {
  background: #0b137e;
  color: #fff;
}

/* 문자인증 팝업 */
.certify_sec .top {
  text-align: center;
  padding: 24px;
}

.certify_sec .top .bat {
  display: inline-block;
  text-align: center;
  background: #2cb57e;
  color: #fff;
  font-size: 11px;
  padding: 2px 8px;
  border-radius: 12px;
  margin-bottom: 8px;
}

.certify_sec .top .txt {
  font-size: 14px;
}

.certify_sec .cont {
  padding: 0 24px;
}

.certify_sec .cont .certify_box {
  border: 1px solid #adb5bd;
  background: #f2f2f2;
  padding: 0 20px;
  border-radius: 4px;
}

.certify_sec .cont .tit_btn {
  font-size: 12px;
  font-weight: 600;
  height: 48px;
  display: flex;
  align-items: center;
  position: relative;
}

.certify_sec .cont .tit_btn::before {
  content: '';
  display: inline-block;
  width: 20px;
  height: 12px;
  background: url(/images/chk_green.png) no-repeat;
  background-size: contain;
  vertical-align: middle;
}

.certify_sec .cont .tit_btn .arr {
  width: 20px;
  height: 20px;
  background: url(/images/tot_arr.png) no-repeat center center / 20px auto;
  position: absolute;
  right: 0;
  top: 16px;
}

.certify_sec .cont .tit_btn.on .arr {
  transform: rotate(180deg);
}

.certify_sec .cont .child_cont {
  display: none;
}

.certify_sec .cont .tit_btn.on+.child_cont {
  display: block;
}

.certify_sec .cont .child_cont p {
  font-size: 12px;
}

.certify_sec .cont .child_cont .table_wp {
  overflow-x: hidden;
  /* -ms-overflow-style: none;
  scrollbar-width: none; */
  margin: 8px 0;
}

.certify_sec .cont .child_cont .table_wp:hover {
  overflow-x: scroll;
}

/* .certify_sec .cont .child_cont .table_wp::-webkit-scrollbar {
  display: none;
} */
.certify_sec .cont .child_cont .table_wp table {
  white-space: nowrap;
  background: #fff;
}

.certify_sec .cont .child_cont .table_wp table th {
  padding: 10px 8px;
  background: #d4d4d4;
  border-top: 2px solid #838383;
  font-size: 12px;
}

.certify_sec .cont .child_cont .table_wp table td {
  padding: 8px;
  border-top: 1px solid #838383;
  font-size: 12px;
  position: relative;
}

.certify_sec .cont .child_cont .table_wp table td.info::after {
  content: '';
  display: inline-block;
  width: 14px;
  height: 14px;
  background: url(/images/nkkim2.png) no-repeat;
  background-size: contain;
  vertical-align: middle;
  margin: -3px 0 0 2px;
}

.certify_sec .cont .child_cont .table_wp table tbody {
  border-bottom: 2px solid #838383;
}

.certify_sec .cont .child_cont .download_btn {
  cursor: pointer;
}

.certify_sec .cont .child_cont .download_btn button {
  font-size: 12px;
  border: 1px solid #343a40;
  background: #f1f1f1;
  padding: 4px 12px;
  border-radius: 4px;
  float: right;
}

.certify_sec .cont .child_cont .download_btn button::after {
  content: '';
  display: inline-block;
  width: 12px;
  height: 12px;
  background: url(/images/ico_download.png) no-repeat;
  background-size: contain;
  vertical-align: middle;
  margin-left: 4px;
  margin-top: -4px;
}

.certify_sec .cont .child_cont .chk_box_agree {
  margin-bottom: 16px;
}

@media (max-width: 640px) {
  .certify_sec .cont .child_cont .table_wp {
    overflow-x: scroll;
    -ms-overflow-style: none;
    scrollbar-width: none;
  }

  .certify_sec .cont .child_cont .table_wp::-webkit-scrollbar {
    display: none;
  }

  .certify_sec .cont .child_cont .table_wp:hover {
    overflow-x: scroll;
  }
}

.certify_sec .cont .type_cont {
  padding-top: 20px;
}

.certify_sec .cont .type_cont .sc_box:nth-of-type(1) {
  margin-bottom: 16px;
}

.certify_sec .cont .type_cont .sc_box:nth-of-type(1) .input_box {
  padding-bottom: 12px;
  border-bottom: 1px solid #adb5bd;
}

.certify_sec .cont .type_cont .sc_box {
  display: flex;
  flex-wrap: wrap;
}

.certify_sec .cont .type_cont .sc_box .tit {
  font-size: 14px;
  font-weight: 700;
  width: 90px;
  min-width: 90px;
}

.certify_sec .cont .type_cont .sc_box .input_box {
  width: calc(100% - 90px);
  margin-bottom: 16px;
}

.certify_sec .cont .type_cont .sc_box .input_box p {
  margin-bottom: 8px;
}

.certify_sec .cont .type_cont .sc_box .input_box ul {
  display: flex;
  flex-direction: column;
}

.certify_sec .cont .type_cont .sc_box .input_box ul li {}

.certify_sec .cont .type_cont .sc_box .input_box .inp_txt {
  display: block;
  width: 100%;
  height: 40px;
  margin-top: 0px;
  margin-bottom: 8px;
  padding: 0 10px;
  border-radius: 4px;
  border: 1px solid #b5b7bc;
  background-color: #fff;
  line-height: 40px;
  appearance: none;
  -webkit-appearance: none;
}

.certify_sec .cont .type_cont .sc_box .input_box .help_txt {
  font-size: 12px;
  color: #dc3545;
}

.certify_sec input[type='radio'] {
  visibility: hidden;
}

.certify_sec input[type='radio']+label {
  background: url(/images/chk_rect.png) no-repeat left center / 15px auto;
  padding: 1px 0 2px 18px !important;
  font-size: 14px;
  line-height: 1.87;
  font-weight: normal;
  margin-left: -15px;
}

.certify_sec input[type='radio']:checked+label {
  background: url(/images/chk_rect_on.png) no-repeat left center / 15px auto;
}

.certify_sec input[type='radio']:checked.disabled+label {
  background: url(/images/chk_rect_disable.png) no-repeat left center / 15px auto;
}

.certify_sec .cont .type_cont .sc_box .input_box div {
  display: flex;
  width: 100%;
}

.certify_sec .cont .type_cont .sc_box .input_box .user_btn {
  height: 40px;
  border-radius: 4px;
  border: 1px solid #dc3545;
  background: #dc3545;
  color: #fff;
  width: 80px;
  min-width: 80px;
  margin-left: 10px;
}

/* 본인인증 성공 */
.certify_sec .cont .type_cont .sc_box .input_box .success .user_btn {
  border: 1px solid #2cb57e;
  background: #2cb57e;
}

.certify_sec .cont .type_cont .sc_box .input_box .success+.help_txt {
  color: #2cb57e;
}

.certify_sec .cont .type_cont .sc_box .input_box .file_div {
  flex-direction: column;
  margin-bottom: 8px;
  position: relative;
}

/* 파일첨부 */
.file_div p {
  font-size: 14px;
  margin-bottom: 4px;
}

.file_div label>span {
  color: #dc3545;
}

.file_div label.disabled {
  color: #767676;
}

.file_div label>em {
  margin-left: 20px;
  text-decoration: underline;
}

.file_div .inp_div {
  margin-top: 6px;
}

.file_div .file_btn {
  width: 80px;
  min-width: 80px;
  height: 40px;
  color: #fff;
  background: #343a40;
  border: 1px solid #343a40;
  border-radius: 4px 0 0 4px;
}

.file_div .file_txt {
  width: 100%;
  height: 40px;
  padding: 0 10px;
  border-radius: 0px 4px 4px 0px;
  border: 1px solid #b5b7bc;
  background: #fff;
  line-height: 40px;
  appearance: none;
  -webkit-appearance: none;
}

.file_div .inp_wp .inp_txt {
  border-radius: 0 4px 4px 0 !important;
}

.certify_sec .cont .type_cont .sc_box .input_box .file_div label.info::after {
  content: '';
  display: inline-block;
  width: 14px;
  height: 14px;
  background: url(/images/nkkim2.png) no-repeat;
  background-size: contain;
  vertical-align: middle;
  margin: -3px 0 0 4px;
}

.file_div .btn_del {
  position: absolute;
  right: 10px;
  bottom: 10px;
}

.file_div .btn_del img {
  width: 20px;
}

.certify_sec .bg_darkgray.tooltip,
.certify_sec .file_div .bg_darkgray.tooltip {
  display: none !important;
}

.certify_sec .bg_darkgray.tooltip.on,
.certify_sec .file_div .bg_darkgray.tooltip.on {
  display: flex !important;
}

.certify_sec .bg_darkgray.tooltip .tooltip_txt {
  text-align: left;
  flex-direction: column;
  width: 220px !important;
}

.certify_sec .file_div .bg_darkgray.tooltip .tooltip_txt {
  right: inherit;
  top: 0;
}

.certify_sec .bg_darkgray.tooltip .tooltip_txt p {
  font-size: 10px;
  color: #fff;
}

.certify_sec .bg_darkgray.tooltip .tooltip_txt p:not(:first-child) {
  position: relative;
  padding-left: 10px;
}

.certify_sec .bg_darkgray.tooltip .tooltip_txt p:not(:first-child)::before {
  content: '';
  position: absolute;
  top: 8px;
  left: 0;
  width: 3px;
  height: 3px;
  border-radius: 4px;
  background-color: #fff;
}

.certify_sec .cont .type_cont .btn_box {
  display: flex;
  justify-content: right;
}

.certify_sec .cont .type_cont .btn_box button {
  margin-left: 8px;
  height: 40px;
  padding: 0 10px;
  border-radius: 4px;
  border: 0;
  background: #adb5bd;
  color: #fff;
}

.certify_sec .cont .type_cont .btn_box button.register_btn {
  background: #0576b9;
}

.certify_sec .cont .type_cont .sc_box .aside {
  padding: 10px 16px;
  border: 1px solid #adb5bd;
  border-radius: 4px;
  margin-bottom: 20px;
}

.certify_sec .cont .type_cont .sc_box .aside .tit {
  width: inherit;
  margin-bottom: 10px;
}

.certify_sec .cont .type_cont .sc_box .aside .lst_div {
  display: flex;
  flex-wrap: wrap;
}

.certify_sec .cont .type_cont .sc_box .aside p {
  font-size: 12px;
}

.certify_sec .cont .type_cont .sc_box .aside .lst_div .txt {
  min-width: 60px;
  width: 60px;
}

.certify_sec .cont .type_cont .sc_box .aside .lst_div .desc {
  width: calc(100% - 60px);
}

.certify_sec .cont .type_cont .sc_box .aside .lst_div .desc p {
  position: relative;
  padding-left: 10px;
}

.certify_sec .cont .type_cont .sc_box .aside .lst_div .desc p::before {
  content: '';
  position: absolute;
  top: 8px;
  left: 0;
  width: 3px;
  height: 3px;
  border-radius: 4px;
  background-color: #555;
}

/* 예약 공지사항 pop_res_noti */
.res_noti_con .bd_top {
  min-height: inherit;
  border-bottom: none;
}

.res_noti_con .bd_cont .notice_top {
  font-size: 16px;
  text-align: center;
  height: 48px;
  line-height: 48px;
  position: relative;
  border: 1px solid #e5e5e7;
  border-radius: 8px;
  margin-bottom: 10px;
}

.res_noti_con .bd_cont .notice_top .arr {
  width: 20px;
  height: 20px;
  background: url(/images/tot_arr.png) no-repeat center center / 20px auto;
  position: absolute;
  right: 15px;
  top: 16px;
}

.res_noti_con .notice_list.on .notice_top .arr {
  transform: rotate(180deg);
}

.res_noti_con .notice_list .notice_cont {
  display: none;
}

.res_noti_con .notice_list.on .notice_cont {
  display: block;
}

/* shop_view_sec layout */
.shop_view_sec {
  padding: 30px 24px;
}

.shop_view_sec .sec_title,
.shop_view_sec .sec_txt {
  padding: 0;
}

.shop_view_sec .sec_title .tit {
  width: calc(100% - 64px);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.shop_view_sec .sec_title .more {
  font-size: 12px;
  color: #767676;
  background: url(/images/arrow_more_bg.png) no-repeat right 1px center/ 14px auto;
  padding-right: 18px;
  float: right;
  line-height: 45px;
}

.shop_view_sec .sec_txt {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.shop_view_sec .sec_cont {
  display: flex;
  flex-wrap: wrap;
  gap: 16px 8px;
  margin-top: 16px;
}

.shop_view_sec .sec_cont.swiping {
  display: block;
}

.shop_view_sec .sec_cont .swiper-wrapper {
  width: 100%;
}

.shop_view_sec .sec_cont .link_item {
  width: calc(50% - 4px);
}

.shop_view_sec .item_image {
  position: relative;
  overflow: hidden;
  padding-top: 100%;
  background: #ededed;
  border: 1px solid #ededed;
}

.shop_view_sec .item_image img {
  vertical-align: middle;
  position: absolute;
  /* width: 100%; */
  height: 100%;
  inset: 0px;
  object-fit: cover;
  margin: 0 auto;
}

.shop_view_sec .item_info {
  margin-top: 8px;
}

.shop_view_sec .item_info .text_name {
  font-size: 12px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: pre-line;
  word-break: break-all;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  margin-bottom: 8px;
}

.shop_view_sec .item_price_sec {
  font-size: 0;
}

.shop_view_sec .item_price_sec .text_price_original {
  display: block;
  font-size: 11px;
  color: #6b6b6b;
  text-decoration: line-through;
  /* margin-bottom: 4px; */
}

.shop_view_sec .item_price_sec .text_sale {
  display: inline-block;
  margin-right: 4px;
  font-size: 14px;
  font-weight: bold;
  color: #f27226;
}

.shop_view_sec .item_price_sec .text_price {
  font-size: 14px;
  font-weight: bold;
  color: #000;
}

.shop_view_sec .item-benefit_tag {
  margin-top: 4px;
  font-size: 0;
}

.shop_view_sec .item-benefit_tag .item_tag {
  display: inline-block;
  max-width: 100%;
  margin: 4px 4px 0 0;
}

.shop_view_sec .item-benefit_tag .item_tag .tag_inner {
  overflow: hidden;
  display: inline-block;
  max-width: 100%;
  padding: 0 8px 0 6px;
  font-size: 12px;
  line-height: 18px;
  color: #222;
  border-radius: 10px;
  border: 1px solid #e0e0e0;
  vertical-align: top;
  text-overflow: ellipsis;
  white-space: nowrap;
}

/* shop_view_sec layout:swiper */
.shop_view_sec.swiper .sec_cont {
  display: block;
}

.shop_view_sec.swiper .swiper-slide {
  position: relative;
  width: 148px;
}

.shop_view_sec.swiper .item_image img {
  width: auto;
}

/* 3열 */
.shop_view_sec.third_row {}

.shop_view_sec.third_row .sec_cont {
  gap: 16px 9px;
}

.shop_view_sec.third_row .sec_cont .link_item {
  width: calc(33.33% - 6px);
}

.shop_view_sec.third_row .item_info .text_sale,
.shop_view_sec.third_row .item_info .text_price {
  font-size: 12px;
}

/* 큰이미지 */
.shop_view_sec .one_row_swiper {
  margin-top: 16px;
}

.shop_view_sec .one_row_swiper .swiper-slide {
  width: 100%;
}

.shop_view_sec .one_row_swiper .swiper-slide img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.shop_view_sec .one_row_swiper .swiper-pagination {
  top: inherit;
  bottom: 20px;
  width: calc(100% - 32px);
  left: 50%;
  transform: translate(-50%);
}

.shop_view_sec .one_row_swiper .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  background: #fff;
}

/* 리스트 필터 */
.dome_filter.shop_filter {
  position: sticky;
  z-index: 100;
}

/* 페스타 */
.festa_div .coupon_list:nth-of-type(1) {
  margin-bottom: 20px;
}

.festa_div .coupon_list img {
  width: 100%;
  height: auto;
}

.festa_div .coupon_list input[type='button'] {
  display: block;
  width: 100%;
  margin-top: 8px;
  margin-left: 0 !important;
  padding: 10px !important;
  box-sizing: border-box;
  border-radius: 4px;
  cursor: pointer;
  background: #f27226;
  border: 1px solid #f27226;
  color: #fff;
}

.festa_div .coupon_type_ul .coupon_list label p {
  padding: 10px 0;
  text-align: center;
}

.festa_div .coupon_type_ul .coupon_list label p .checked_img {
  display: none;
}

.festa_div .coupon_type_ul .coupon_list label.checked p {
  color: #fff;
  background: #000;
}

.festa_div .coupon_type_ul .coupon_list label.checked p .checked_img {
  background: url(/images/check.png) no-repeat center top 2px;
  margin-right: 8px;
  display: inline-block;
  width: 16px;
  height: 16px;
}

/* .festa_div .coupon_list input[type='button']::before {
  content: '';
  display: inline-block;
  width: 16px;
  height: 16px;
  background: url(/promotion/cbfesta/images/file_download_w.png) no-repeat;
  background-size: contain;
  vertical-align: middle;
  margin: -5px 8px 0;
} */
.festa_div .coupon_list #couponType {}

.festa_div .chk_box_agree input[type='checkbox']+label {
  font-size: 18px;
  background: url('/images/chk.png') no-repeat left center / 20px auto;
  padding: 1px 0 3px 24px !important;
}

.festa_div .chk_box_agree input[type='checkbox']:checked+label {
  background: url(/images/chk_on.png) no-repeat left center / 20px auto;
}

/* 할인권 2개일 때 justify-content 변경 */
@media (min-width: 640px) {
  .festa_div .coupon_type_ul {
    display: flex;
    justify-content: center;
  }

  .festa_div .coupon_type_ul .coupon_list {
    width: calc(50% - 4px);
  }

}

/* nh */
.pay_slt .nh_div {
  margin-top: 20px;
  background: #03a64a;
  padding: 10px 12px;
  color: #fff;
  border-radius: 4px;
}

.pay_slt .nh_div::before {
  content: '';
  display: inline-block;
  width: 124px;
  height: 24px;
  background: url(/images/nh_logo.png) no-repeat;
  background-size: contain;
  vertical-align: middle;
  margin-right: 10px;
}

/* 예약 오픈 캘린더 */
.openTop_bg_box {
  display: flex;
  background: #fefaf8 url(/images/calendar_bg.png) no-repeat right 20px top 24px;
  background-size: 100px;
  padding: 24px;
  flex-direction: column;
  text-align: left;
}

.openTop_bg_box .title {
  font-size: 20px;
  font-weight: bold;
}

.openTop_bg_box .text {
  font-size: 13px;
  margin-top: 10px;
}

.main_div .openTop_bg_box {
  width: calc(100% - 48px);
  margin: 20px auto 0;
  border: 2px solid #f27226;
  border-radius: 16px;
}

.fixed_con {
  position: relative;
  width: 100%;
  z-index: 100;
  background-color: #fff;
}

.topFixed {
  position: fixed;
  top: 60px;
  width: 100%;
}

.dataFixed {
  width: 100%;
}

.calendar_sec {}

.filter_lab {
  padding: 0 24px;
  margin: 20px 0;
  position: relative;
  /* width: calc(100% - 96px); */
}

.filter_lab ul {
  width: calc(100% - 106px);
  margin: 0 !important;
}

.filter_lab ul li {
  width: auto;
}

.filter_lab ul li a {
  display: block;
  width: 100%;
  height: 36px;
  padding-left: 8px;
  margin-right: 24px;
  background: #fefffe url('/images/ico_region_arr_down.png') no-repeat right 7px top 8px / 20px auto;
  line-height: 35px;
  border: 1px solid #ebebeb;
  border-radius: 18px;
}

.filter_lab ul li:nth-of-type(-n + 4) a {
  background: #fefffe;
  margin-right: 10px;
}

.filter_lab ul li.on a {
  background: #ffe9d7 url('/images/ico_region_arr_down_or.png') no-repeat right 4px top 8px / 20px auto;
  border: 1px solid #f27226;
  color: #f27226;
}

.filter_lab ul li.on:nth-of-type(-n + 4) a {
  background: #ffe9d7;
}

.filter_lab li.keyword_li {
  min-width: 40px;
  height: 36px;
  line-height: 34px;
  border: 1px solid #ebebeb;
  border-radius: 18px;
  cursor: pointer;
  outline: none;
  padding-left: 4px;
  display: flex;
}

.filter_lab li.keyword_li .icon {
  display: inline-block;
  width: 28px;
  height: 28px;
  background: url(/images/mid_dome03.png) no-repeat center top 4px / 28px auto;
  position: relative;
}

.filter_lab li.keyword_li .btn_keyword {
  padding-right: 4px;
}

.filter_lab #btn_keyword_del {
  border: none;
  width: 24px;
  height: 34px;
  background: url(/images/btn_close3.png) no-repeat center / 12px auto;
  margin: 0 4px;
}

.filter_lab .btn_filter {
  background: url('/images/btn_filter.png') no-repeat center;
  background-size: 70%;
  width: 40px;
  height: 36px;
  border: 1px solid #ebebeb;
  border-radius: 18px;
  cursor: pointer;
  outline: none;
  /* position: absolute;
  right: -28px;
  top: 0px; */
}

.date_calendar_sec {
  overflow: hidden;
}

.date_calendar_sec .date_con {
  padding: 0 24px;
  background-color: #fff;
}

.date_calendar_sec .date_con ul {
  display: flex;
}

.date_calendar_sec .date_con ul li {
  padding: 2px 8px;
  text-align: center;
  width: auto;
}

.date_calendar_sec .date_con ul li:not(:nth-last-of-type(1)) {
  border-right: 1px solid #adb5bd;
}

.date_calendar_sec .date_con ul li .date {
  font-size: 12px;
  font-weight: bold;
}

.date_calendar_sec .date_con ul li .day {
  font-size: 10px;
  color: #767676;
  padding: 4px 0;
}

.date_calendar_sec .date_con ul li .num {
  font-size: 11px;
  line-height: 1;
  padding: 2px 8px;
  background: #dee2e6;
  border-radius: 10px;
}

.date_calendar_sec .date_con ul li.on .num {
  color: #fff;
  background: #f27226;
}

.clist_sec {
  width: 100%;
  box-sizing: border-box;
  padding: 0 24px;
  margin: 20px 0;
  position: relative;
}

.clist_sec .group_div {}

.clist_sec .group_div .date_box {
  display: flex;
  /* justify-content: space-between; */
  align-items: center;
  background: #eee;
  height: 32px;
  margin-top: 20px;
  margin-left: -24px;
  width: calc(100% + 48px);
  padding: 0 24px;
}

.clist_sec .group_div .date_box.topFixed {
  box-shadow: 0px 3px 5px 0px rgb(0 0 0 / 10%);
}

.clist_sec .group_div .date_box .date_box_flex {
  display: flex;
  justify-content: space-between;
  width: 100%;
}

@media (max-width: 640px) {
  .clist_sec .group_div .date_box.topFixed .date_box_flex {
    width: calc(100% - 48px);
  }
}

.clist_sec .camp_ul li {
  display: flex;
  gap: 10px;
  margin-top: 20px;
}

.clist_sec .camp_ul li .pic {
  overflow: hidden;
  position: relative;
  width: 108px;
  height: 108px;
  border-radius: 4px;
}

.clist_sec .camp_ul li .pic img {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  -o-object-fit: cover;
  background: url(/images/not_bg.png) no-repeat center #ADB5BD;
}

.clist_sec .camp_ul li .info_box {
  display: flex;
  justify-content: space-between;
  flex-direction: column;
  width: calc(100% - 118px);
}

.clist_sec .camp_ul li .info_box .addr_div {
  display: flex;
  justify-content: space-between;
}

.clist_sec .camp_ul li .info_box .title {
  font-size: 16px;
  font-weight: bold;
  display: flex;
  align-items: center;
  max-width: calc(100% - 60px);
}

/* .clist_sec .camp_ul li .info_box .title::after {
  content: '';
  display: inline-block;
  width: 20px;
  height: 20px;
  background: url('/images/arr_right.png') no-repeat center center / 20px auto;
  background-size: contain;
  vertical-align: middle;
  margin: -3px 0 0 2px;
} */
.clist_sec .camp_ul li .info_box .title .txt {
  display: inline-block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.clist_sec .camp_ul li .info_box .title .arr {
  display: inline-block;
  width: 20px;
  height: 20px;
  background: url('/images/arr_right.png') no-repeat center center / 20px auto;
  position: relative;
}

.clist_sec .camp_ul li .info_box .addr {
  font-size: 12px;
  color: #767676;
}

.clist_sec .camp_ul li .info_box .open_bat p {
  display: inline-flex;
  padding: 0px 8px;
  font-size: 10px;
  background: #fff;
  color: #222;
  border-radius: 10px;
  border: 1px solid #dee2e6;
  margin-top: 4px;
}

.clist_sec .camp_ul li .info_box .open_bat p:nth-of-type(1) {
  margin-right: 4px;
}

.clist_sec .camp_ul li .info_box .opentext_div {
  padding: 4px 0 8px;
}

.clist_sec .camp_ul li .info_box .open {
  font-size: 12px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  color: #767676;
}

.clist_sec .camp_ul li .info_box .btn_alarm {
  background: #fff;
  font-size: 12px;
  line-height: 1;
  padding: 4px 8px;
  border-radius: 4px;
  font-size: 12px;
  border: 1px solid #f27226;
  color: #f27226;
}

.clist_sec .camp_ul li .info_box .btn_alarm::before {
  content: '';
  display: inline-block;
  width: 20px;
  height: 20px;
  background: url(/images/notifications-48.png) no-repeat;
  background-size: contain;
  vertical-align: middle;
  margin: -1px 0 0 2px;
}

.clist_sec .camp_ul li .info_box .btn_alarm.on {
  border: 1px solid #eee;
  background: #eee;
  color: #222;
}

.clist_sec .camp_ul li .info_box .btn_alarm.on::before {
  background: url(/images/notifications_active-48.png) no-repeat;
  background-size: contain;
}

.clist_sec .camp_ul li .info_box .btn_alarm span {
  display: inline-block;
}

.clist_sec .camp_ul li .info_box .btn_alarm span:nth-of-type(1) {
  padding-right: 4px;
}

.filter_pop {
  border-radius: 0;
  height: 100dvh;
}

@media only screen and (max-device-width: 640px) {
  .filter_pop {
    height: calc(var(-- var, 1vh) * 100);
  }
}

.filter_pop .pop_title .clo {
  width: 24px;
  height: 24px;
  background: url(/images/tot_clo.png) no-repeat center center / 24px 24px;
  position: absolute;
  right: 20px;
  top: 20px;
  border: none;
}

.filter_pop .pop_con {}

.filter_pop_ul {
  height: calc(100dvh - 160px);
  overflow-y: scroll;
  -ms-overflow-style: none;
  /* IE, Edge */
  scrollbar-width: none;
  /* Firefox */
  padding-bottom: 100px;
}

/* Webkit 기반 브라우저(Chrome, Safari) */
.filter_pop_ul::-webkit-scrollbar {
  display: none;
}

.filter_pop_ul li:nth-of-type(1) {
  padding-top: 20px;
}

.filter_pop_ul li:last-of-type(1) {
  padding-bottom: 20px;
}

.filter_pop_ul li:not(:nth-last-of-type(1)) {
  padding-bottom: 20px;
  border-bottom: 1px solid #ebebeb;
}

.filter_pop_ul li .title {
  font-size: 16px;
  font-weight: 600;
  color: #222;
  padding: 20px 0;
}

.filter_pop_ul input[type='checkbox']+label {
  background: url(/images/chk.png) no-repeat left center / 20px auto;
  padding: 1px 0 2px 24px !important;
}

.filter_pop_ul input[type='checkbox']:checked+label {
  background: url(/images/chk_on.png) no-repeat left center / 20px auto;
}

.filter_pop_ul input[type='radio'] {
  visibility: hidden;
}

.filter_pop_ul input[type='radio']+label {
  background: url(/images/radio.png) no-repeat left center / 18px auto;
  padding: 1px 0 2px 24px !important;
  font-size: 14px;
  line-height: 1.87;
  font-weight: normal;
  margin-left: -15px;
}

.filter_pop_ul input[type='radio']:checked+label {
  background: url(/images/radio_on.png) no-repeat left center / 18px auto;
}

.filter_pop .btm {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-top: 20px;
  border-top: 1px solid #ebebeb;
}

.filter_pop .btm .btn_refresh {
  opacity: 0.5;
}

.filter_pop .btm .btn_refresh.on {
  opacity: 1;
}

.filter_pop .btm .btn_refresh::after {
  content: '';
  display: inline-block;
  width: 16px;
  height: 16px;
  background: url('/images/btn_clear2.png') no-repeat center center / 16px auto;
  background-size: 15px;
  vertical-align: middle;
  margin: -3px 0 0 6px;
}

.filter_pop .btm .btn_orange {
  width: 50%;
  border-radius: 10px;
}

/* @media (max-width: 640px) {
  .filter_pop {
    height: calc(100vh - 50px);
  }
} */
.alarm_pop .pop_con .inner_box {
  padding: 20px;
  border-radius: 16px;
  border: 1px solid #ebebeb;
  margin: 10px 0 20px;
}

.alarm_pop .pop_con .title {
  font-size: 14px;
  font-weight: bold;
  margin-bottom: 10px;
}

.alarm_pop .pop_con .text {
  font-size: 12px;
}

.pop_title .btn_back {
  width: 24px;
  height: 24px;
  background: url('/images/btn_back.png') no-repeat center center / 21px 16px;
  position: absolute;
  left: 20px;
  top: 49px;
  cursor: pointer;
  border: 0;
}

.fixed_con.topFixed {
  max-width: 640px;
}

.date_calendar_sec.topFixed {
  z-index: 100;
  background-color: #fff;
  top: 136px;
  max-width: 640px;
  padding-bottom: 20px;
}

/* .date_calendar_sec,
.fixed_con {
  transition: all 0.3s ease;
} */

/* li dot */
.modal_center .type_dot li {
  padding-left: 10px;
  position: relative;
}

.modal_center .type_dot li::before {
  content: '';
  position: absolute;
  top: 8px;
  left: 0;
  width: 4px;
  height: 4px;
  border-radius: 4px;
  background-color: #555;
}

/* resv coupon */
/* DL000:숙세페 / DL001:만만 DL002:충북 */
.btn_coupon {
  width: 100%;
  border-radius: 5px;
  /* height: 45px; */
  padding: 10px;
  font-size: 14px;
  /* margin-top: 20px; */
  margin-bottom: 24px;
  font-weight: bold;
  /* background: url(/images/ico_download.png) no-repeat left 7px center / 10px auto; */
}

.btn_coupon.DL000 {
  background: #fff8f8;
  border: 1px solid #d000bf;
  color: #d000bf;
}

.btn_coupon.DL001 {
  background: #f0fff0;
  border: 1px solid #005d31;
  color: #005d31;
}

.btn_coupon.DL002 {
  background: #e6e6fa;
  border: 1px solid #00097f;
  color: #00097f;
}

.btn_coupon.DL004 {
  background: #e6e6fa;
  border: 1px solid #00097f;
  color: #00097f;
}

.btn_coupon.Camp {
  background: #fff4ed;
  border: 1px solid #ea6f1a;
  color: #ea6f1a;
}

.btn_coupon.Camp.disabled {
  background: #e5e5e5;
  border: 1px solid #3c3646;
  color: #767676;
}

.btn_coupon.Camp>span {
  font-size: 11px;
  display: block;
  line-height: 1.2;
  padding-top: 4px;
  font-weight: 500;
}

/* 예약오픈알림o 리스트 */
.ist_order_item.item_alarm {}

.ist_order_item.item_alarm .txt_box {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.ist_order_item.item_alarm .txt_box .top {
  display: flex;
  justify-content: space-between;
}

.ist_order_item.item_alarm .txt_box .open_bat p {
  display: inline-flex;
  padding: 0px 8px;
  font-size: 10px;
  background: #fff;
  color: #222;
  border-radius: 10px;
  border: 1px solid #dee2e6;
  margin-top: 4px;
}

.ist_order_item.item_alarm .txt_box .open_bat p:nth-of-type(1) {
  margin-right: 4px;
}

.ist_order_item.item_alarm .txt_box .open {
  font-size: 12px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  color: #767676;
}

.ist_order_item.item_alarm .order_div .txt_box .bottom .txt:first-child {
  color: #222;
  padding-right: 4px;
}

/* 후기 블라인드 */
.comment_wrap .request_blind {
  padding: 10px;
  background: #f5f5f5;
  font-size: 12px;
  border-radius: 3px;
  margin-top: 20px;
}

.comment_wrap .request_blind p {
  font-size: 10px;
  color: #757575;
}

.comment_wrap .request_blind .blind_info {
  display: none;
  padding: 4px 10px;
}

.comment_wrap .request_blind .info_icon {
  display: inline-block;
  width: 10px;
  height: 10px;
  background: url(/images/nkkim.png) no-repeat center center / 10px auto;
  position: relative;
  margin: 0 0 0 2px;
}

.comment_wrap .request_blind p:nth-of-type(1).on+.blind_info {
  display: block;
}

/* 0805 캠톡 수정 */
.cpt_cont span.more {
  font-weight: 500;
}

.cpt_bottom {
  margin-top: 20px;
}

.cpt_bottom>.comment_wrap:first-of-type {
  border-top: 1px solid #D9D9D9;
}

.comment_wrap p {
  font-size: 14px;
  color: #222;
}

.comment_wrap p.comment_text {
  margin-top: 10px;
  line-height: 18px;
  letter-spacing: -0.3px;
}

.comment_wrap p>span {
  font-size: 12px;
  font-weight: 500;
  color: #777;
  margin-left: 8px;
}

.comment_wrap .comment {
  background: #F5F5F5;
  border-radius: 10px;
  padding: 16px;
  margin-top: 20px;
}

.btn_list {
  text-align: right;
  padding-top: 10px;
}

.btn_list button {
  background: none;
  border: none;
}

.btn_list .like span.btn_reco {
  background: url('/images/ico_reco.png') no-repeat left center / 24px auto;
  padding-left: 24px;
}

.btn_list .like.on span.btn_reco {
  background: url('/images/ico_reco2.png') no-repeat left center / 24px auto;
  padding-left: 24px;
}

/* 신고하기 팝업 */
.pop_con_report .pop_title .tit {
  display: flex;
  justify-content: center;
  align-items: center;
}

.pop_con_report .pop_title .tit em {
  width: 24px;
  height: 24px;
  display: inline-block;
  background: url('/images/warning_amber.png') no-repeat left center / 24px auto;
  margin-right: 2px;
}

.pop_con_report .box {
  padding: 20px 0;
  max-height: 80vmin;
  overflow-y: scroll;
}

@media (max-width: 640px) {
  .pop_con_report .box {
    max-height: 120vmin;
  }
}

.pop_con_report .box .faqWp {
  margin-bottom: 20px;
}

.faqWp.type2 .faq_box .inner .answer.textarea {
  padding: 5px 0 20px;
}

.pop_layer .pop_con .user_box p {
  display: flex;
  align-items: center;
  padding: 10px 0;
}

.pop_layer .pop_con .user_box .report_mod span {
  width: 24px;
  height: 24px;
  display: inline-block;
  background: url('/images/create.png') no-repeat left center / 24px auto;
  margin-right: 2px;
}

.pop_layer .pop_con .user_box .report_del span {
  width: 24px;
  height: 24px;
  display: inline-block;
  background: url('/images/delete.png') no-repeat left center / 24px auto;
  margin-right: 2px;
}

.pop_layer .pop_con .user_box .report_amber span {
  width: 24px;
  height: 24px;
  display: inline-block;
  background: url('/images/warning_amber.png') no-repeat left center / 24px auto;
  margin-right: 2px;
}

.cmpt_top .btn_list {
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
}

/* newqguide_sec */
.newqguide_sec {}

.item_columntype {
  padding: 0 24px;
}

.item_columntype ul,
.item_columntype .column_div {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  width: 100%;
}

.item_columntype .sub_text {
  font-size: 13px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* 3행 2행 */
.item_columntype ul.column3 li,
.item_columntype div.column3 ul li {
  width: calc(33.33% - 6px);
}

.item_columntype ul.column2 li,
.item_columntype div.column2 ul li {
  width: calc((100% - 13px) / 2);
}

.item_columntype ul li {
  width: 100%;
  display: flex;
  flex-direction: column;
  padding: 10px 0;
}

.item_columntype ul li a .pic {
  position: relative;
  width: 100%;
  padding-top: 100%;
  inset: 0px;
}

.item_columntype ul li a .pic img {
  height: 100%;
  object-fit: cover;
  object-position: center center;
  border-radius: 5px;
  position: absolute;
  top: 0;
  border: 1px solid #e5e5e5;
  background-color: #f1f1f5;
}

.item_columntype ul .txt_box {
  position: relative;
}

.item_columntype ul .txt_box .tit {
  font-size: 14px;
  font-weight: 500;
  letter-spacing: -0.4px;
  color: #191919;
  line-height: 16px;
  margin-top: 10px;
  display: inline-block;
  width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.item_columntype ul .txt_box .txt {
  font-size: 12px;
  font-weight: 500;
  letter-spacing: -0.4px;
  color: #767676;
  line-height: 16px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  margin-bottom: 4px;
}

.item_columntype ul .txt_box .pri {
  font-size: 13px;
  font-weight: bold;
  line-height: 18px;
  letter-spacing: -0.35px;
  color: #f07a1c;
  float: left;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.item_columntype ul .txt_box .ex_pri {
  float: left;
  text-decoration: line-through;
  color: #767676;
  font-size: 12px;
  margin-bottom: 3px;
  line-height: 20px;
  margin-right: 4px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* newtaste_sec */
.taste_wrap {
  box-sizing: border-box;
  /* margin-bottom: 20px; */
  padding: 0 24px;
  display: flex;
  margin: 10px 0;
}

.taste_wrap>ul {
  display: flex;
  flex-wrap: nowrap;
  overflow-x: auto;
  overflow-y: hidden;
  gap: 6px 8px;
  max-height: 42px;
  scrollbar-width: none;
  -ms-overflow-style: none;
}

.taste_wrap>ul.active {
  cursor: grabbing;
}

.taste_wrap>ul::-webkit-scrollbar {
  display: none;
}

.taste_wrap>ul>li {
  flex-shrink: 0;
  /* 아이템의 크기가 유지되도록 설정 */
}

.taste_wrap>ul>li.on {}

.taste_wrap>ul>li button {
  background: #f7f7f9;
  border: 1px solid #f7f7f9;
  font-size: 13px;
  color: #666666;
  padding: 8px 16px 8px 34px;
  flex-shrink: 0;
  white-space: nowrap;
  border-radius: 4px;
}

.taste_wrap>ul>li button.on {
  background: #ffe6d8;
  border: 1px solid #f27226;
  color: #f27226;
  font-weight: 500;
}

.taste_wrap>ul.expanded {
  flex-wrap: wrap;
  overflow: hidden;
  max-height: none;
}

.taste_wrap .toggle_wrap_button {
  max-height: 36px;
  min-height: 36px;
  min-width: 36px;
  max-width: 36px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.taste_wrap .toggle_button {
  display: inline-block;
  width: 24px;
  height: 24px;
  background: url(/images/tot_arr.png) no-repeat center center / 24px auto;
}


.taste_wrap .toggle_button.on {
  transform: rotate(180deg);
}

/* 취향 아이콘 */
.taste_wrap>ul>li button#EA000 {
  background: #f7f7f9 url('/images/ico_ci_EA000.png') no-repeat left 14px center / 16px auto;
}

.taste_wrap>ul>li button#EA001 {
  background: #f7f7f9 url('/images/ico_ci_EA003.png') no-repeat left 14px center / 16px auto;
}

.taste_wrap>ul>li button#EA002 {
  background: #f7f7f9 url('/images/ico_ci_EA001.png') no-repeat left 14px center / 16px auto;
}

.taste_wrap>ul>li button#EA003 {
  background: #f7f7f9 url('/images/ico_ci_EA002.png') no-repeat left 14px center / 16px auto;
}

.taste_wrap>ul>li button#EB000 {
  background: #f7f7f9 url('/images/ico_ci_EB000.png') no-repeat left 14px center / 16px auto;
}

.taste_wrap>ul>li button#EB001 {
  background: #f7f7f9 url('/images/ico_ci_EB001.png') no-repeat left 14px center / 16px auto;
}

.taste_wrap>ul>li button#EB002 {
  background: #f7f7f9 url('/images/ico_ci_EB002.png') no-repeat left 14px center / 16px auto;
}

.taste_wrap>ul>li button#EB003 {
  background: #f7f7f9 url('/images/ico_ci_EB003.png') no-repeat left 14px center / 16px auto;
}

.taste_wrap>ul>li button#EC000 {
  background: #f7f7f9 url('/images/ico_ci_EC000.png') no-repeat left 14px center / 16px auto;
}

.taste_wrap>ul>li button#EC001 {
  background: #f7f7f9 url('/images/ico_ci_EC001.png') no-repeat left 14px center / 16px auto;
}

.taste_wrap>ul>li button#EC002 {
  background: #f7f7f9 url('/images/ico_ci_EC002.png') no-repeat left 14px center / 16px auto;
}

.taste_wrap>ul>li button#EC003 {
  background: #f7f7f9 url('/images/ico_ci_EC003.png') no-repeat left 14px center / 16px auto;
}

.taste_wrap>ul>li button#ED000 {
  background: #f7f7f9 url('/images/ico_ci_ED000.png') no-repeat left 14px center / 16px auto;
}

.taste_wrap>ul>li button#ED001 {
  background: #f7f7f9 url('/images/ico_ci_ED001.png') no-repeat left 14px center / 16px auto;
}

.taste_wrap>ul>li button#EA000.on {
  background: url('/images/ico_ci_EA000_on.png') no-repeat left 14px center / 16px auto;
}

.taste_wrap>ul>li button#EA001.on {
  background: url('/images/ico_ci_EA003_on.png') no-repeat left 14px center / 16px auto;
}

.taste_wrap>ul>li button#EA002.on {
  background: url('/images/ico_ci_EA001_on.png') no-repeat left 14px center / 16px auto;
}

.taste_wrap>ul>li button#EA003.on {
  background: url('/images/ico_ci_EA002_on.png') no-repeat left 14px center / 16px auto;
}

.taste_wrap>ul>li button#EB000.on {
  background: url('/images/ico_ci_EB000_on.png') no-repeat left 14px center / 16px auto;
}

.taste_wrap>ul>li button#EB001.on {
  background: url('/images/ico_ci_EB001_on.png') no-repeat left 14px center / 16px auto;
}

.taste_wrap>ul>li button#EB002.on {
  background: url('/images/ico_ci_EB002_on.png') no-repeat left 14px center / 16px auto;
}

.taste_wrap>ul>li button#EB003.on {
  background: url('/images/ico_ci_EB003_on.png') no-repeat left 14px center / 16px auto;
}

.taste_wrap>ul>li button#EC000.on {
  background: url('/images/ico_ci_EC000_on.png') no-repeat left 14px center / 16px auto;
}

.taste_wrap>ul>li button#EC001.on {
  background: url('/images/ico_ci_EC001_on.png') no-repeat left 14px center / 16px auto;
}

.taste_wrap>ul>li button#EC002.on {
  background: url('/images/ico_ci_EC002_on.png') no-repeat left 14px center / 16px auto;
}

.taste_wrap>ul>li button#EC003.on {
  background: url('/images/ico_ci_EC003_on.png') no-repeat left 14px center / 16px auto;
}

.taste_wrap>ul>li button#ED000.on {
  background: url('/images/ico_ci_ED000_on.png') no-repeat left 14px center / 16px auto;
}

.taste_wrap>ul>li button#ED001.on {
  background: url('/images/ico_ci_ED001_on.png') no-repeat left 14px center / 16px auto;
}


/* 상세페이지 .module_con */
.con.module_con {
  padding: 0px;
}

.module_con .top_fixed {
  padding: 0 24px;
  transition: all 0.3s ease;
  position: fixed;
  top: 60px;
  width: 100%;
  background: #fff;
  max-width: 640px;
  z-index: 100;
}

.module_con .top_fixed.hidden {
  top: -60px;
}

.module_con .bd_top {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-bottom: 0px;
  border: none;
  min-height: 80px;
}

.module_con .text_wrap {
  width: calc(100% - 36px);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.module_con .text_wrap .sub_text {
  padding-top: 4px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.module_con .write_info {
  min-width: 48px;
}

.module_con .write_info .btn_share {
  padding-left: 23px;
  background: url(/images/ico_share.png) no-repeat left center / 20px auto;
  color: #767676;
}

.module_con .module_body_cont {
  margin-top: 80px;
  padding: 0 24px;
}

.module_con .detail_banner {
  padding-bottom: 20px;
  /* height: 500px;
  background: #03a64a;
  display: none; */
}

.module_con .detail_banner img {
  width: 100%;
  border-radius: 10px;
}

.module_con .bd_filter .right_div .sel_div {
  z-index: 1;
}

.module_con .module_body_cont .bd_filter {
  border-top: 1px solid #e5e5e7;
  padding: 6px 0;
}

.module_con .module_body_cont .item_columntype {
  padding: 0;
}

@media (max-width: 640px) {
  .module_con .module_body_cont .bd_filter.bd_filter_fixed {
    left: 0;
    right: 0;
    margin: 0 auto;
    padding: 6px 24px;
  }
}

.new_entry_con .item_columntype {
  margin-top: 130px;
}

.do_btns.typeLine {
  display: flex;
  flex-wrap: nowrap;
  gap: 8px;
}

.do_btns.typeLine button {
  background-color: #fff;
  width: inherit;
}

.do_btns button.ssf span {
  display: inline-block;
  background: url(/images/btn_ssf.png) no-repeat left center / 40px auto;
  padding-left: 42px;
  height: 100%;
  align-content: center;
}

.do_btns button.taean span {
  display: inline-block;
  background: url(/images/btn_taean.png) no-repeat left center / 40px auto;
  padding-left: 44px;
  height: 100%;
  align-content: center;
}

@media (max-width: 400px) {
  .do_btns.typeLine {
    flex-wrap: wrap;
    gap: 0
  }

  .do_btns button {
    width: 100%;
  }
}

/* 선호지역 알림 */
.box_form li .prefer_switch {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 16px;
}

.box_form li .prefer_switch span.txt {
  display: flex;
  width: calc(100% - 70px);
}

/* 이용약관 */
.policy_list_sec {}

.policy_list_sec .sec_title {
  font-size: 16px;
  font-weight: bold;
}

.policy_date {
  display: flex;
  align-items: center;
  padding: 0 24px;
  margin-top: 12px;
}

.policy_date .tit {
  font-size: 14px;
  font-weight: 600;
  color: #767676;
  width: 60px;
}

.policy_date .sel_div {
  display: flex;
  flex-direction: row;
  border: 1px solid #EBEBEB;
  box-sizing: border-box;
  position: relative;
  z-index: 1;
  width: 100%;
  max-width: 200px;
  height: 36px;
  background: url(/images/tot_arr.png) right 5px top 9px no-repeat;
  background-size: 20px;
  cursor: pointer;
}

.policy_date .sel_div:after {
  content: '';
  display: block;
  width: 2px;
  height: 100%;
  position: absolute;
  top: 0;
  right: 35px;
}

.policy_date .sel_div .label {
  display: flex;
  align-items: center;
  width: inherit;
  height: inherit;
  border: 0 none;
  outline: 0 none;
  background: transparent;
  cursor: pointer;
  padding: 0 40px 0 10px;
  font-size: 12px;
  line-height: 36px;
  font-weight: 600;
  color: #767676;
}

.policy_date .sel_div .opt_ul {
  position: absolute;
  top: 28px;
  left: 0;
  width: 100%;
  background: #fff;
  box-shadow: 0 2px 4px 0 hsla(0, 0%, 80.8%, 0.5);
  padding: 0;
  border-radius: 4px;
  overflow: hidden;
  max-height: 0;
  transition: 0.3s ease-in;
}

.policy_date .sel_div.on .opt_ul {
  max-height: 500px;
  overflow-y: scroll;
}

.policy_date .sel_div .opt {
  padding: 10px;
  font-size: 12px;
  transition: 0.1s;
}

.policy_list_ul {
  display: flex;
  flex-direction: column;
  margin: 24px 0;
  padding: 0 24px;
}

.policy_list_ul li {
  border-bottom: 1px solid #EBEBEB;
}

.policy_list_ul li.on,
.policy_list_ul li.top {
  border-bottom: none;
}

.policy_list_ul li .policy_list_title {
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 48px;
  position: relative;
  ;
}

.policy_list_ul li .policy_list_title p {
  font-size: 14px;
  font-weight: 600;
}

.policy_list_ul li .policy_list_title .num {
  color: #767676;
  margin-right: 40px;
}

.policy_list_ul li .policy_list_content {
  padding: 10px;
  border-radius: 8px;
  background: #F8F8FA;
  display: none;
}

.policy_list_ul li.top .policy_list_content {
  display: block;
}

.policy_list_ul li .policy_list_content.on {
  display: block;
}

.policy_list_title .sprite::after {
  content: '';
  display: block;
  position: relative;
  margin: 0 auto;
  overflow: hidden;
  background: url(/images/fna_arr.png) no-repeat center center / 20px auto;
  width: 20px;
  height: 20px;
}

.policy_list_ul li .policy_list_title .sprite.arw_bt {
  position: absolute;
  right: 0px;
  top: 50%;
  transform: translateY(-10px);
}

.policy_list_ul li.on .policy_list_title .sprite.arw_bt {
  transform: translateY(-10px) rotate(180deg);
}

/* popup center type : scroll */
.pop_center_set {
  visibility: hidden;
}

.pop_center_set.on {
  visibility: visible;
}

.pop_center_set .swiper-container {
  width: 100%;
  height: calc(100% - 48px);
  z-index: 1000;
  overflow: hidden;
}

.pop_center_set .pop_layer {
  background: #fff;
  border-radius: 8px;
  position: fixed;
  width: calc(100% - 40px);
  max-width: 400px;
  height: 100%;
  max-height: 400px;
  top: 50%;
  left: 50%;
  bottom: inherit;
  transform: translate(-50%, -50%);
  transition: none;
  overflow: visible;
}

.pop_center_set .pop_layer .swiper-slide {
  display: flex;
  flex-direction: column;
}

/* .pop_center_set .pop_layer .pop_header {
  font-size: 16px;
  text-align: center;
  padding: 12px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.08);
} */

.pop_center_set .pop_layer .pop_content {
  /* padding: 20px; */
  font-size: 14px;
  line-height: 1.6;
  color: #222;
  word-break: break-word;
  overflow-y: scroll;
  position: relative;
  box-sizing: border-box;
  max-height: 100%;
  -ms-overflow-style: none;
  /* IE and Edge */
  scrollbar-width: none;
  /* Firefox */
}

.pop_center_set .pop_layer .pop_content::-webkit-scrollbar {
  display: none;
}

.pop_content p {
  padding: 0 20px;
}

.pop_content p:nth-of-type(1) {
  margin-top: 20px;
}

.pop_content p:nth-last-of-type(1) {
  margin-bottom: 20px;
}

.pop_content .title {
  /* font-weight: 500;
  padding-bottom: 4px;
  margin-top: 20px; */
  font-size: 16px;
  text-align: center;
  padding: 12px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.08);
}

.pop_content img {
  width: 100%;
}

.pop_center_set .pop_layer .pop_footer {
  display: flex;
  justify-content: space-between;
  width: 100%;
  height: 48px;
  padding: 0 20px;
  border-radius: 0 0 8px 8px;
  overflow: hidden;
  border-top: 1px solid rgba(0, 0, 0, 0.08);
  position: fixed;
  bottom: 0;
}

.pop_footer a {
  display: inline-flex;
  justify-content: space-between;
  align-items: center;
  border: none;
  z-index: 1500;
  color: #aaa;
  cursor: pointer;
}

.pop_footer a.btn_close {
  color: #333;
}

/* .pop_footer button:nth-of-type(1) {border-right: 1px solid #fff;} */
.pop_footer button.brand_color {
  background: #f27226;
  color: #fff;
}

.pop_center_set.on .modal {
  display: block !important;
}

.pop_center_set .pop_layer.ad_layer img {
  border-radius: 8px 8px 0 0;
}

/* 태안쿠폰 */
#btn-more-coupon {
  display: flex;
  width: 200px;
  height: 44px;
  margin: 0 auto;
  background: #f27226;
  align-items: center;
  justify-content: center;
  color: #fff;
  font-size: 18px;
  font-weight: 500;
  border-radius: 20px;
  margin-top: 20px;
}

/* 스와이퍼 옵션 */
.pop_center_set .swiper-pagination {
  position: absolute;
  bottom: -24px;
  left: 50%;
  transform: translateX(-50%);
  z-index: 20;
  pointer-events: auto;
}

.pop_center_set .swiper-pagination-bullet {
  background: #D9D9D9;
  opacity: .8;
  margin: 0 4px;
  ;
}

.pop_center_set .swiper-pagination-bullet-active {
  width: 20px;
  border-radius: 4px;
  background: #fff;
  opacity: 1;
}

.resdet_list li .phone_wp {
  display: flex;
  height: 46px;
  border: 1px solid #dbdbdb;
  border-radius: 8px;
  vertical-align: middle;
}

.resdet_list li .phone_wp input {
  display: inline-block;
  border: 0 !important;
  text-align: center;
}

.resdet_list li .phone_wp span {
  display: inline-block;
  width: 10px;
  line-height: 46px;
}

.resdet_list .textwp {
  padding-top: 10px;
}

.resdet_list .textwp p::before {
  width: 2px;
  height: 2px;
  border-radius: 4px;
  background: #767676;
  position: absolute;
  left: 0;
  top: 12px;
  content: "";
}

.pop_noti_set .resdet_list .textwp p {
  position: relative;
  padding-left: 8px !important;
  font-size: 13px;
  color: #767676;
  display: flex;
}

.userinfo_list li textarea {
  border: 1px solid #dbdbdb;
}

.userinfo_listt .textwp {
  padding-top: 10px;
}

.userinfo_list .textwp p::before {
  width: 2px;
  height: 2px;
  border-radius: 4px;
  background: #767676;
  position: absolute;
  left: 0;
  top: 12px;
  content: "";
}

.pop_noti_set .userinfo_list .textwp p {
  position: relative;
  padding-left: 8px !important;
  font-size: 13px;
  color: #767676;
  display: flex;
}

.diff_user {}

.diff_user .button_wp {
  margin-top: 36px;
  text-align: center;
  position: relative;
}

.diff_user .button_wp.on::before {
  content: "";
  display: block;
  width: 100%;
  height: 1px;
  background: #ddd;
  position: absolute;
  top: 50%;
  z-index: 0;
}

.diff_user .button_wp button {
  padding: 4px 24px 4px 8px;
  background: #f4f4f4 url('/images/ico_region_arr_down.png') no-repeat right 4px top 50% /20px auto;
  border-radius: 20px;
  border: 1px solid #ddd;
  text-align: center;
  position: relative;
  z-index: 0;
}

.diff_user .button_wp.on button {
  background: #f4f4f4 url('/images/ico_region_arr_up.png') no-repeat right 4px top 50% /20px auto;
}

.diff_user .resdet_list {
  display: none;
}

.diff_user .resdet_list li {
  margin-top: 20px;
}

.diff_user .resdet_list p {
  padding: 0;
  margin-bottom: 6px;
  font-size: 14px;
  font-weight: 500;
}

.diff_user .resdet_list .phone_wp {
  display: flex;
  height: 46px;
  border: 1px solid #dbdbdb;
  border-radius: 4px;
  vertical-align: middle;
  overflow: hidden;
}

.diff_user .resdet_list .phone_wp input {
  display: inline-block;
  border: 0 !important;
  text-align: center;
  margin-top: 0px;
}

.diff_user .resdet_list .phone_wp span {
  display: inline-block;
  width: 10px;
  line-height: 46px;
}

/* 동의 팝업 */
.check_input input {
  margin-left: -15px;
}

.check_input input[type='checkbox']+label {
  margin-left: 0;
  top: 4px;
}

.check_input span.iptxt {
  padding-left: 0px;
}

.check_input input[type='checkbox']+label .ico_chk,
.check_input input[type='checkbox']:checked+label .ico_chk {
  background: none;
}

.non_input_bg input[type='radio']+label .ico_chk,
.non_input_bg input[type='radio']:checked+label .ico_chk {
  background: none;
}

.non_input_bg span.iptxt {
  padding-left: 0px;
}

/* 메인 nav */
.main_search_sec {
  padding: 28px 24px 0;
}

.main_nav_sec,
.sub_nav_sec {
  padding: 28px 24px 24px;
}

.main_search_sec .search_div {
  position: relative;
  width: 100%;
  max-width: 100%;
  border: 1px solid #f27226;
  background: #fff;
  box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.1);
}

.main_search_sec .search_div .text_g {
  position: relative;
  display: flex;
  width: 100%;
  height: 30px;
}

.main_search_sec .search_div .text_g .text-slider {
  position: absolute;
  width: 100%;
  animation: slideText 15s infinite linear;
}

.main_search_sec .search_div .text {
  height: 30px;
  /* 한 줄 크기 */
  line-height: 30px;
  font-size: 14px;
  white-space: nowrap;
}

@keyframes slideText {

  0%,
  25% {
    transform: translateY(0);
  }

  35%,
  60% {
    transform: translateY(-30px);
  }

  70%,
  95% {
    transform: translateY(-60px);
  }

  100% {
    transform: translateY(0);
  }
}

.nav_container {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around;
  row-gap: 20px;
}

.nav_container:nth-of-type(n+2) {
  margin-top: 24px;
}

.nav_container a {
  flex: 0 0 23%;
  text-align: center;
}

.nav_container a>div {
  margin: 0 auto;
  width: 56px;
  height: 56px;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: center;
  justify-content: center;
  position: relative;
}

.nav_container a>div .bat {
  width: fit-content;
  height: fit-content;
  min-width: 16px;
  min-height: 16px;
  padding: 0px 4px;
  font-size: 9px;
  position: absolute;
  top: calc(-10%);
  display: block;
  font-weight: bold;
  text-align: center;
  color: #f23426;
  border: 1px solid #f23426;
  border-radius: 10px;
  background: #fff;
  text-transform: uppercase;
}

.nav_container a>div img {
  width: 100%;
  height: 100%;
}

.nav_container a .caption {
  font-size: 12px;
  font-weight: 500;
  line-height: 20px;
  letter-spacing: -0.6px;
  padding-top: 4px;
  text-align: center;
  color: #191919;
}

.sub_nav_sec .do_btns.typeLine {
  margin-top: 24px;
}

/* header search_div */
.head .head_in {
  display: flex;
  justify-content: center;
  align-items: center;
}

.search_div {
  width: calc(100% - 120px);
  max-width: 500px;
  height: 48px;
  display: flex;
  align-items: center;
  background: #F4F4F4;
  border-radius: 24px;
  padding: 0 16px;
  position: relative;
  overflow: hidden;
}

.search_div .icon_search {
  flex-shrink: 0;
  /* 아이콘 크기 고정 */
  width: 24px;
  height: 24px;
  background: url(/images/mid_dome03.png) no-repeat center center / 32px auto;
  margin-right: 10px;
}

.search_div .text_g {
  display: flex;
  overflow: hidden;
}

.search_div .text {
  flex-grow: 1;
  min-width: 0;
  font-size: 14px;
  max-width: 100%;
  color: #8E8E8E;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

.head.search .head_in {
  background: #FAFAFA;
  justify-content: center !important;
}

.head .search_tab {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 60px;
}

.head .search_tab li {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100px;
  height: 100%;
  font-size: 16px;
}

.head .search_tab li.active {
  font-weight: 600;
}

.head .search_tab li:after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  display: block;
  width: 100px;
  height: 2px;
}

.head .search_tab li.active:after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  display: block;
  width: 100px;
  height: 2px;
  background: #F27226;
}

.sr_top .sr_condi_swiper .swiper-slide.active div {
  background-color: #444;
  color: #fff;
}

.sr_top .sr_condi .tag_name {
  border: 0;
  border-radius: 19px;
  background-color: #f7f7f7;
  height: 38px;
  padding: 0 15px;
  letter-spacing: -0.58px;
  font-size: 12px;
  color: #1f1f1f;
  font-weight: 500;
  display: inline-block;
  line-height: 37px;
  text-align: center;
}

.sr_top .sr_condi .tag_name.active {
  background-color: #444;
  color: #fff;
}

/* 검색 페이지 */
.search_content {
  padding: 24px;
  background: #FAFAFA;
  height: calc(100dvh - 61px - 75px);
  overflow-y: scroll;
  -ms-overflow-style: none;
}

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

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

.search_form_box .search_form_button {
  padding: 16px 16px 16px 48px;
  width: 100%;
  border: 1px solid #EBEBEB;
  border-radius: 8px;
  background: #fff;
  color: #8E8E8E;
  font-size: 16px;
  cursor: pointer;
}

.search_form_box .search_form_button .stay_btn_swiper {
  margin: inherit;
}

.search_form_box .search_form_button .stay_button {
  display: flex;
  padding: 0 10px;
  width: auto;
  height: 36px;
  align-items: center;
  gap: 4px;
  border-radius: 100px;
  border: 1px solid #CED4DA;
  background: #FFF;
}

.search_form_box .search_form_button .stay_button.active {
  background: #DEE2E6;
  border: 1px solid #DEE2E6;
  font-weight: 500;
}

.search_form_box .search_form_input {
  padding: 16px 16px 16px 48px;
  width: 100%;
  border: 1px solid #EBEBEB;
  border-radius: 8px;
  background: #fff;
  color: #8E8E8E;
  font-size: 16px;
  cursor: pointer;
}

.search_form_box .search_form_input.active {
  padding: 16px;
  background: #fff;
}

.search_form_box .search_form_input span {
  font-size: 14px;
}

.search_form_box .search_form_input.active .placeholder {
  display: none;
}

.search_form_input.search {
  padding: 16px 16px 16px 48px !important;
  background: #fff url(/images/search/search.png) no-repeat 16px 16px / 24px auto !important;
}

.search_form_input.place {
  background: #fff url(/images/search/place.png) no-repeat 16px center / 24px auto;
}

.search_form_input.calendar {
  background: #fff url(/images/search/calendar.png) no-repeat 16px center / 20px auto;
}

.search_form_input.people {
  background: #fff url(/images/search/people.png) no-repeat 16px center / 20px auto;
}

.search_form_button.stay {
  background: #fff url(/images/search/stay.png) no-repeat 16px center / 20px auto;
}

.search_form_input.calendar .twonight {
  padding: 4px 10px;
  border: none;
  border-radius: 4px;
}

.find_nearby_btn {
  margin-top: 16px;
  padding: .75rem 1rem .75rem 3.2rem;
  box-shadow: 0 0 1rem .5rem rgba(0, 0, 0, 0.05);
  border: 0;
  border-radius: 100rem;
  background: url(/images/nearby.png) 16px center no-repeat #fff;
  background-size: 15px;
  font-size: 14px;
}

.map-slide {
  border-radius: 6px;
  box-shadow: 0 0 1rem .5rem rgba(0, 0, 0, 0.1);
}

.recent_searches {
  margin-top: 20px;
  padding: 20px 0;
}

.recent_searches+.recent_searches {
  margin: 0;
  border-top: 1px solid #F4F4F4;
}

.recent_searches>.title {
  display: flex;
  justify-content: space-between;
}

.recent_searches>.title strong {
  font-size: 16px;
}

.recent_searches>.title button {
  outline: 0;
  border: 0;
  background: transparent;
  color: #767676;
}

.recent_searches>.title .description {
  font-size: 12px;
  color: #767676;
}

.recent_searches>.title .description span {
  font-weight: 600;
  color: #F27226;
}

.recent_searches>.content {
  margin-top: 16px;
}

.recent_searches>.content .box {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 10px;
  border: 1px solid #DEE2E6;
  border-radius: 4px;
  background: #fff;
}

.recent_searches>.content .box.keyword {
  border: 1px solid #F27226;
  background: #FFF6F0;
  color: #F27226;
  border-radius: 100rem;
}

.recent_searches>.content .box.keyword2 {
  border-radius: 100rem;
}

.recent_searches>.content .box .content {
  font-size: 11px;
  color: #767676;
}

.recent_searches>.content .swiper-slide {
  width: auto;
}

.recent_searches>.content .box .deleted_button {
  width: 16px;
  height: 16px;
  border: 0;
  outline: 0;
  background: transparent;
}

.recent_searches>.content .box .deleted_button img {
  width: 100%;
}

.recent_searches>.content .rank {
  display: grid;
  grid-template-columns: 1fr 1fr;
  /* 두 개의 열로 정렬 */
  gap: 10px;
  list-style: none;
  padding: 0;
  max-width: 400px;
}

.recent_searches>.content .rank li {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 6px 0px;
}

.recent_searches>.content .rank li:nth-child(n+6) {
  grid-column: 2;
}

.recent_searches>.content .rank li .rank-number {
  padding-right: 16px;
}

.none_slide_box {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}

.search_result_info_box {
  display: none;
  margin-top: 1rem;
  background: #FAFAFA;
  padding: 10px;
  border-radius: 8px;
  color: #6C757D;
}

.search_result_info_box .info {
  background: url(/images/nkkim.png) 0 center no-repeat;
  background-size: 15px;
  padding-left: 20px;
  color: #6C757D;
}

.search_result_box {
  display: none;
}

.search_result_box .keword_content {
  color: #767676;
  font-size: 12px;
}

.search_form_input {
  position: relative;
}

.search_form_input .ico_del {
  width: 24px;
  height: 24px;
  padding: 10px;
  background: url(../images/login_del.png) no-repeat center / 24px auto;
  position: absolute;
  right: 16px;
}

.search_form_input .search_result_box {
  max-height: 300px;
  overflow-y: scroll;
  padding-top: 10px;
  /* -ms-overflow-style: none; */
}

/* .search_form_input .search_result_box::-webkit-scrollbar {
  display: none;
} */

.search_form_input .ui-datepicker .ui-datepicker-header {
  padding-top: 0px;
}

.search_result_box li {
  padding: 16px 16px 16px 28px;
  background: url(/images/search/place_b.png) left center no-repeat #fff;
}

.search_result_box li+li {
  border-top: 1px solid #F4F4F4;
}

.search_result_box li>.title {
  display: flex;
  gap: 6px;
}

.search_result_box li>.title strong {
  font-weight: 600;
  font-size: 16px;
}

.search_result_box li>p {
  color: #767676;
}

.search_choice_box {
  display: none;
}

.search_choice_box .title {
  font-size: 16px;
  font-weight: 600;
}

.search_choice_box .content {
  margin-top: 1rem;
}

.search_choice_box .content .swiper-slide {
  width: auto;
  padding-right: 1rem;
  color: #8E8E8E;
}

.search_choice_box .content .swiper-slide.active {
  font-weight: 600;
  color: #000000;
}

.search_choice_box .content .place_result_box {
  margin: 10px 0;
}

.search_choice_box .content .place_result_box ul,
.search_choice_box .content .place_choice_box ul {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}

.search_choice_box .content .place_choice_box {
  padding-top: 1rem;
  border-top: 1px solid #f5f5f5;
}

.search_choice_box .content .place_choice_box li {
  display: flex;
  align-items: center;
  gap: 6px;
  font-size: 12px;
}

.search_choice_box .content .place_choice_box .place_choice_delete {
  width: 14px;
  height: 13px;
  background: #fff;
  border: 0;
}

.search_choice_box .content .place_choice_box .place_choice_delete img {
  width: 100%;
}

.search_choice_box .text {
  font-size: 12px;
  color: #767676;
  margin-top: 1rem;
  background: url(../images/nkkim.png) no-repeat left top 4px / 12px auto;
  padding-left: 16px;
}

.people_count {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.people_count:nth-child(n+1) {
  margin-top: 10px;
}

.people_count .people_count_text {
  font-size: 16px;
}

.people_count .count_box {
  margin-left: auto;
  display: flex;
  align-items: center;
}

.people_count .count_box button {
  width: 26px;
  height: 26px;
  border-radius: 50%;
  border: 1px solid #f27226;
  background: none;
  position: relative;
  cursor: pointer;
}

.count_box .count_box_decrease::before {
  content: "";
  width: 12px;
  height: 2px;
  background: #f27226;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

/* 플러스(+) 버튼 */
.count_box .count_box_increase::before,
.count_box .count_box_increase::after {
  content: "";
  width: 12px;
  height: 2px;
  background: #f27226;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.count_box .count_box_increase::after {
  width: 2px;
  height: 12px;
}

.count_box .count_box_decrease.disabled,
.count_box .count_box_increase.disabled {
  border: 1px solid #c1c1c1;
}

.count_box .count_box_decrease.disabled::before,
.count_box .count_box_increase.disabled::before,
.count_box .count_box_increase.disabled::after {
  background: #c1c1c1;
}

.count_box .count_box_num {
  display: inline-block;
  width: 3rem;
  text-align: center;
  vertical-align: middle;
  font-size: 16px;
}

/* 뱃지 버튼 */
.badge_button {
  border-radius: 16px;
  background-color: #fff;
  height: 32px;
  padding: 0 12px;
  letter-spacing: -0.58px;
  font-size: 14px;
  color: #222;
  border: 1px solid #EBEBEB;
  display: flex;
  justify-content: center;
  align-items: center;
}

.badge_button.small {
  height: 24px;
  font-size: 12px;
}

.badge_button.active {
  background: #DEE2E6;
}

/* 검색 - 필터  */

.view_top_fixed {
  width: 100%;
  max-width: 640px;
  background: #fff;
  z-index: 10;
  border-bottom: 1px solid #ddd;
  padding: 0 24px;
}

.filter_cont ul li {
  width: auto;
  height: 38px;
  border: 1px solid #ebebeb;
  border-radius: 18px;
  overflow: hidden;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}

.filter_cont ul li:first-child {
  margin-left: 24px;
  margin-right: 16px !important;
  overflow: visible;
}

.filter_cont .btn_filter {
  background: url(/images/btn_filter.png) no-repeat center;
  background-size: 70%;
  width: 40px;
  height: 38px;
  outline: none;
  border: 0;
  cursor: pointer;
}

.filter_cont ul li:first-child::after {
  content: "";
  position: absolute;
  top: 50%;
  right: -8px;
  transform: translateY(-50%);
  width: 1px;
  height: 60%;
  background: #EBEBEB;
  display: block;
}

.sr_top .filter_cont .filter_name {
  border-radius: 19px;
  background-color: #fff;
  height: 38px;
  padding: 0 15px;
  letter-spacing: -0.58px;
  font-size: 12px;
  color: #1f1f1f;
  display: inline-block;
  line-height: 37px;
  text-align: center;
}

.sr_top .filter_cont_swiper li.active {
  border: 1px solid #f27226;
  position: relative;
}

.sr_top .filter_cont_swiper li.active .filter_name::after {
  position: absolute;
  content: "";
  width: 6px;
  height: 6px;
  border-radius: 4px;
  background: #f27226;
  top: 8px;
  right: 8px;
}

/* 검색 필터 */
.filter_pop .pop_title .clo2 {
  width: 24px;
  height: 24px;
  background: url(/images/tot_clo.png) no-repeat center center / 24px 24px;
  position: absolute;
  left: 20px;
  top: 20px;
  border: none;
}

.filter_top_fixed .tabs {
  display: flex;
  padding-top: 10px;
}

.filter_top_fixed .filter_item {
  cursor: pointer;
  width: auto;
  padding: 8px 12px;
}

/* 선택된 탭 하이라이트 */
.filter_top_fixed .filter_item.active {
  border-bottom: 2px solid #F27226;
  font-weight: bold;
}

/* 검색 필터값 */
.filter_pop_ul .item_list {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

/* .filter_pop_ul .item_list:nth-of-type(n+1) {
  margin-top: 16px;
} */

.filter_pop_ul .item_list .sub_text {
  color: #6C757D;
  flex: none;
  width: 100%;
}

.filter_pop_ul .item_list button {
  display: flex;
  padding: 0 10px;
  height: 36px;
  align-items: center;
  gap: 4px;
  border-radius: 100px;
  border: 1px solid #CED4DA;
  background: #FFF;
}

.filter_pop_ul .item_list button.active {
  background: #f27226;
  border: 1px solid #f27226;
  color: #fff;
  font-weight: 500;
}

.filter_pop .btm.search_filter {
  position: absolute;
  bottom: 0;
  width: 100%;
  padding: 20px 24px;
  background: #fff;
}

/* 리스트 */
.view_filter {
  margin-bottom: 10px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
}

.view_filter .sel_ok {
  border-radius: 16px;
  background-color: #fff;
  height: 32px;
  padding: 0 12px;
  letter-spacing: -0.58px;
  font-size: 14px;
  color: #222;
  border: 1px solid #EBEBEB;
  display: flex;
  justify-content: center;
  align-items: center;
}

.view_filter .sel_ok.active {
  border: 1px solid #f27226;
  background: #f27226;
  color: #fff;
}

.view_filter .left_div {
  display: flex;
  align-items: center;
  gap: 6px;
}

.view_filter .right_div {
  display: flex;
  align-items: center;
}

.view_filter .right_div .sel_div * {
  box-sizing: border-box;
}

.view_filter .right_div .sel_div {
  position: relative;
  cursor: pointer;
  margin-right: 10px;
}

.view_filter .right_div .sel_div:after {
  content: '';
  display: block;
  width: 2px;
  height: 100%;
  position: absolute;
  top: 0;
  right: 35px;
}

.view_filter .right_div .sel_div .label {
  height: 36px;
  background: url(/images/sort.png) no-repeat 10px center / 16px auto;
  border: 1px solid #EAEDEF;
  border-radius: 6px;
  outline: 0 none;
  cursor: pointer;
  padding-left: 30px;
  padding-right: 10px;
  font-size: 12px;
}

.view_filter .right_div .sel_div .opt_ul {
  position: absolute;
  z-index: 6;
  top: 40px;
  left: 0;
  width: 100%;
  background: #fff;
  box-shadow: 0 2px 4px 0 hsla(0, 0%, 80.8%, 0.5);
  padding: 0;
  border-radius: 4px;
  overflow: hidden;
  max-height: 0;
  transition: 0.3s ease-in;
}

.view_filter .right_div .sel_div.on .opt_ul {
  max-height: 500px;
}

.view_filter .right_div .sel_div .opt {
  padding: 10px;
  font-size: 12px;
  transition: 0.1s;
}

.view_filter .right_div .sel_view {
  display: flex;
  justify-content: center;
  align-items: center;
  border: 1px solid #EAEDEF;
  border-radius: 6px;
  height: 36px;
  width: 44px;
  cursor: pointer;
  z-index: 3;
}

.view_filter .right_div .sel_view img {
  width: 22px;
  height: auto;
}

.camp_div .pic {
  position: relative;
}

.top_bat {
  width: 100%;
  position: inherit;
  display: flex;
  justify-content: space-between;
  margin: 12px 0 4px;
  z-index: 2;
}

.top_bat .bat_ad {
  display: flex;
  height: 20px;
  padding: 0px 8px;
  justify-content: center;
  align-items: center;
  color: #fff;
  border-radius: 10px;
  border: 1px solid rgba(0, 0, 0, 0.60);
  background: rgba(0, 0, 0, 0.80);
  font-size: 10px;
  font-weight: 600;
  letter-spacing: -0.35px;
  line-height: 20px;
}

.top_bat .benefit_bat {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 4px;
}

.top_bat p{
  border: 1px solid #EAEDEF;
}

.benefit_bat p {
  display: flex;
  height: 20px;
  padding: 2px 4px 2px 16px;
  align-items: center;
  border-radius: 2px;
  font-size: 10px;
  font-weight: 600;
  letter-spacing: -0.35px;
  line-height: 20px;
  width: fit-content;
}

.benefit_bat .bat_p {
  border: 1px solid #FFEBDF;
  background: #FFEBDF url(/images/search/bat_p.png) no-repeat 2px center / 12px auto;
  color: #F27226;
}

.benefit_bat .bat_s {
  border: 1px solid #EAFFF5;
  background: #EAFFF5 url(/images/search/bat_s.png) no-repeat 2px center / 12px auto;
  color: #15CB76;
}

.benefit_bat .bat_c {
  border: 1px solid #FFE9F2;
  background: #FFE9F2 url(/images/search/bat_c.png) no-repeat 2px center / 12px auto;
  color: #FF1C77;
}

.benefit_bat .bat_e {
  border: 1px solid #FFF3DE;
  background: #FFF3DE url(/images/search/bat_e.png) no-repeat 2px center / 12px auto;
  color: #FFB738;
}

.benefit_bat .bat_cp {
  border: 1px solid #EBF0FF;
  background: #EBF0FF url(/images/search/bat_cp.png) no-repeat 2px center / 12px auto;
  color: #4D76FF;
}

.benefit_bat .bat_ssf {
  border: 1px solid #F7E0FF;
  background: #F7E0FF url(/images/search/bat_ssf.png) no-repeat 2px center / 12px auto;
  color: #d000bf;
}

.benefit_bat .bat_tqf {
  border: 1px solid #1A18A3;
  background: #1A18A3 url(/images/search/bat_tqf.png) no-repeat 3px center / 10px auto;
  color: #FF4E01;
}

.benefit_bat .bat_zzim_event {
  border: 1px solid #F24388;
  background: #F24388 url(/images/search/bat_zzim_e.png) no-repeat 3px center / 10px auto;
  color: #FFF;
}

.benefit_bat .bat_place {
  border: 1px solid #FFEFFF;
  background: #FFEFFF url(/images/search/bat_place.png) no-repeat 2px center / 12px auto;
  color: #FF3DFC;
}

.benefit_bat .festa{
  background: #EAFFF5 url(/images/search/bat_s.png) no-repeat 2px center / 12px auto;
}

.bat_zzim {
  position: absolute;
  right: 12px;
  bottom: 12px;
  width: 24px;
  height: 24px;
  z-index: 9;
  flex-shrink: 0;
}

.bat_zzim button {
  background: url(/images/favorite.png) no-repeat center / 24px auto;
  border: none;
  width: 100%;
  height: 100%;
}

.bat_zzim button.on {
  background: url(/images/favorite_on.png) no-repeat center / 24px auto;
}

.btm_bat .benefit_bat {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 4px;
  margin-bottom: 1rem;
}

.btm_bat .benefit_bat p {
  font-weight: 500;
  color: #222;
  border: 1px solid #EAEDEF;
}

.btm_bat .benefit_bat .bat_day_s {
  border: 1px solid #E8EDFF;
  background: #E8EDFF;
  color: #3D6AFF;
  padding-left: 2px !important;
}

.benefit_bat .bat_card {
  background: #fff url(/images/search/bat_card.png) no-repeat 2px center / 12px auto;
}

.benefit_bat .bat_a {
  background: #fff url(/images/search/bat_a.png) no-repeat 2px center / 12px auto;
}

.benefit_bat .bat_noti {
  background: #fff url(/images/search/bat_noti.png) no-repeat 2px center / 12px auto;
}

.benefit_bat .bat_transfer{
  background: #fff url(/images/search/bat_transfer.png) no-repeat 2px center / 12px auto;
}

.benefit_bat .bat_company_a {
  background: #fff url(/images/search/bat_company_a.png) no-repeat 2px center / 12px auto;
}

.camp_list.view_type {
  display: flex;
  flex-direction: column;
  gap: 20px;
}

.view_type .camp_div {
  display: flex;
  flex-direction: column;
  padding-bottom: 20px;
  border-bottom: 1px solid #ededed;
  margin-bottom: 0px;
}

.view_type_info .pagination_com {
  display: none;
}

.camp_div .text_box {
  position: relative;
  padding-top: 1.5rem;
}

.camp_div .text_box a {
  display: block;
}

.camp_div .text_box .top_text {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 4px;
}

.camp_div .text_box .name {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 16px;
  font-weight: bold;
  line-height: 21px;
  letter-spacing: -0.4px;
  color: #191919;
  width: 100%;
}

.camp_div .list-type {
  display: none !important;
}

.camp_div .pic-type {
  display: inline-flex !important;
}

.camp_div .pic .top_bat:has(:not(.bat_ad)) {
  display: none !important;
}

.view_type_info .camp_div .camp_swiper.list_img {
  min-width: 120px;
  min-height: 120px;
}

.view_type_info .camp_div .list-type {
  display: inline-flex !important;
}

.view_type_info .camp_div .pic-type {
  display: none !important;
}

.view_type_info .camp_div .text_box .name {
  white-space: pre-wrap;
  overflow: inherit;
  text-overflow: inherit;
}

.view_type_info .camp_div .text_box .dec {
  color: #6C757D;
  overflow: hidden;
  white-space: nowrap;
  width: 100%;
  text-overflow: ellipsis;
}

.camp_div .text_box .bat_gocamping {
  display: inline-flex;
  flex: none;
  height: 20px;
  line-height: 20px;
  min-width: 37px;
  padding: 0 4px;
  justify-content: center;
  align-items: center;
  font-size: 11px;
  border-radius: 2px;
  border: 1px solid #EAEDEF;
  background: #FFF;
}

.camp_div .text_box .bat_place {
  font-size: 10px;
  color: #6C757D;
  line-height: 16px;
  margin-bottom: 4px;
}

.camp_div .text_box .center_text {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  align-items: center;
}

.camp_div .text_box .center_text .addr {
  padding-left: 16px;
  background: url(../images/search/location.png) no-repeat left top 3px / 16px auto;
}

.camp_div .text_box .center_text .review {
  padding-left: 18px;
  background: url(../images/search/review.png) no-repeat left top 4px / 14px auto;
}

.camp_div .text_box .btm p {
  font-size: 12px;
  line-height: 18px;
  letter-spacing: -0.6px;
  color: #222222;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.camp_div .text_box .btm_text {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
}

.camp_div .text_box .btm_text.place_coupon {
  justify-content: end;
}

.camp_div .text_box .btm_text p {
  flex: none;
}

.camp_div .text_box .btm_text .price_div {
  display: flex;
  gap: 8px;
  align-items: flex-end;
}

.camp_div .text_box .btm_text .per {
  color: #f27226;
  font-weight: 600;
  font-size: 24px;
}

.camp_div .text_box .btm_text .price_div .price_g {
  display: flex;
  flex-direction: column;
  gap: 4px;
  align-items: flex-end;
}

.camp_div .text_box .btm_text .ex_price {
  text-decoration: line-through;
  text-decoration-thickness: 1px;
  color: #b1afaf;
  font-size: 14px;
  text-align: right;
}

.camp_div .text_box .btm_text .price {
  font-size: 24px;
  font-weight: bold;
  letter-spacing: -0.4px;
  color: #222;
  text-align: right;
}

.camp_div .text_box .btm_text .max_discount {
  color: #F27226;
  font-weight: 700;
  font-size: 16px;
}

.camp_div .text_box .btm_text .coupon_dec {
  font-size: 16px;
}

.camp_div .text_box .btm_text .coupon_dec span {
  font-weight: 700;
}

.camp_div .text_box .btm_text .q_res {
  display: inline-flex;
  height: 28px;
  line-height: 28px;
  padding: 0px 8px;
  align-items: center;
  border-radius: 19px;
  color: #fff;
  border: 1px solid #222;
  background: #222;
}

.camp_div .text_box .btm_text .q_res.ok {
  border: 1px solid #f27226;
  background: #f27226;
}

.camp_div .text_box .btm_text .q_res.imm {
  border: 1px solid #1C65FF;
  background: #1C65FF;
}

.camp_div .text_box .btm_text .q_res.clo {
  border: 1px solid #FF1718;
  background: #FF1718;
}

.camp_div .text_box .etc_txt,
.view_type_info .camp_div .etc_txt {
  border: none;
  padding: 12px 0 0 0;
}

.camp_div .text_box .etc_txt .swiper-container,
.view_type_info .camp_div .etc_txt .swiper-container {
  margin: 0;
}

.view_type_info .camp_div a {
  display: flex;
  flex-direction: column;
}

.view_type_info .camp_div .a_box {
  display: flex;
  flex-direction: column;
}

.view_type_info .camp_div a .box_g {
  display: flex;
  justify-content: space-between;
  gap: 10px;
  width: 100%;
}

.view_type_info .camp_div .a_box .box_g {
  display: flex;
  justify-content: space-between;
  gap: 10px;
  width: 100%;
}

.view_type_info .camp_div .pic {
  width: 200px;
  height: 200px;
  min-width: 120px;
  min-height: 120px;
  position: relative;
  display: flex;
}

.view_type_info .camp_div .pic.small {
  width: 120px;
  height: 120px;
}

.view_type_info .camp_div .pic>img {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center center;
  border-radius: 5px;
}

.view_type_info .camp_div .pic .swiper-slide {
  aspect-ratio: 1 / 1;
}

.view_type_info .camp_div .pic .top_bat {
  justify-content: right;
}

.view_type_info .camp_div .text_box {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  width: calc(100% - 200px);
  padding-top: 0;
}

.view_type_info .camp_div .text_box.small {
  width: calc(100% - 120px);
}

.view_type_info .camp_div .text_box .top_text {
  flex-direction: column;
  align-items: start;
  gap: 4px;
}

.view_type_info .camp_div .text_box .top_bat {
  position: inherit;
  width: 100%;
  margin: 12px 0 4px;
  top: 0;
  left: 0;
}

.view_type_info .camp_div .btm_bat .benefit_bat {
  padding-top: 0px;
}

.view_type_info .camp_div .etx_txt {
  flex: 1;
}

.more_menu_box {
  position: absolute;
  top: 4px;
  right: 0;
}

.more_menu_box .more_button {
  cursor: pointer;
}

.more_menu_box .menu {
  display: none;
  flex-wrap: wrap;
  gap: 6px;
  position: absolute;
  width: 110px;
  right: 1rem;
  top: 0;
  background: #fff;
  padding: 8px 12px;
  border: 1px solid #CED4DA;
  border-radius: 8px;
}

#map_wrap .pic img {
  object-fit: cover;
  aspect-ratio: 1 / 1;
}

@media (max-width: 500px) {
  .view_type_info .camp_div .pic {
    width: 120px;
    height: 120px;
  }

  .view_type_info .camp_div .pic .top_bat {
    top: 4px;
    left: 4px;
    width: calc(100% - 8px);
  }

  .view_type_info .camp_div .pic .bat_zzim {
    right: 4px;
    bottom: 4px;
  }

  .view_type_info .camp_div .text_box {
    flex-grow: 1;
    min-width: 0;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  .view_type_info .camp_div a .box_g {
    width: auto;
  }

  .view_type_info .camp_div .text_box .center_text {
    gap: 4px;
  }

  .view_type_info .camp_div .text_box .btm_text {
    flex-wrap: wrap;
  }

  .camp_div .text_box .btm_text .per,
  .camp_div .text_box .btm_text .price {
    font-size: 16px;
  }

  .camp_div .text_box .btm_text .ex_price {
    font-size: 12px;
  }

  .camp_div .text_box .btm_text .q_res {
    height: 18px;
    line-height: 18px;
    font-size: 12px;
    padding: 0 6px;
  }

  .camp_div .text_box .center_text p {
    font-size: 12px;
  }

  .camp_div .text_box .center_text .addr {
    padding-left: 15px;
    background: url(../images/search/location.png) no-repeat left top 4px / 13px auto;
  }

  .camp_div .text_box .center_text .review {
    padding-left: 15px;
    background: url(../images/search/review.png) no-repeat left top 5px / 12px auto;
  }
}

.coupon_cont {
  width: 100%;
  height: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  /* 배경 이미지를 3분할 */
  background-image: url('../images/coupon/cpn_left.svg'), url('../images/coupon/cpn_center.svg'), url('../images/coupon/cpn_right.svg');
  background-repeat: no-repeat;
  background-position: left, center, right;
  background-size: auto 100%, 100% 100%, auto 100%;
  margin-bottom: 12px;
}

.coupon_cont.ssf {
  background-image: url('../images/coupon/ssf_cpn_left.svg'), url('../images/coupon/ssf_cpn_center.svg'), url('../images/coupon/ssf_cpn_right.svg');
}

.coupon_cont.zzim {
  background-image: url('../images/coupon/zzim_cpn_left.svg'), url('../images/coupon/zzim_cpn_center.svg'), url('../images/coupon/zzim_cpn_right.svg');
}

.coupon_cont.disabled {
  background-image: url('../images/coupon/off_cpn_left.svg'), url('../images/coupon/off_cpn_center.svg'), url('../images/coupon/off_cpn_right.svg');
}

.coupon_btn {
  width: 100%;
  height: 100%;
  background: none;
  border: none;
  font-size: 14px;
  color: #222;
  cursor: pointer;
  padding: 0 16px;
  text-align: left;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.coupon_btn span {
  color: #f27226;
}

.coupon_cont.ssf .coupon_btn span {
  color: #D000BF;
}

.coupon_cont.zzim .coupon_btn span {
  color: #F24388;
}

.coupon_cont.disabled .coupon_btn span {
  color: #767676;
}

@media (max-width: 370px) {
  .coupon_cont {
    background-image: url('../images/coupon/cpn_left_w370.svg'), url('../images/coupon/cpn_right_w370.svg');
    background-size: auto 100%;
    background-position: top left, top right;
  }

  .coupon_cont.ssf {
    background-image: url('../images/coupon/ssf_cpn_left_w370.svg'), url('../images/coupon/ssf_cpn_right_w370.svg');
  }

  .coupon_cont.disabled {
    background-image: url('../images/coupon/off_cpn_left_w370.svg'), url('../images/coupon/off_cpn_right_w370.svg');
  }

  .coupon_cont.zzim {
    background-image: url('../images/coupon/zzim_cpn_left_w370.svg'), url('../images/coupon/zzim_cpn_right_w370.svg');
  }
}

.sub_nav_sec .nav_cont {
  display: flex;
  gap: 8px;
}

.sub_nav_sec .nav_cont a {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 48px;
  background: #f5f5f5;
  border-radius: 4px;
}

.sub_nav_sec .nav_cont a>span {
  width: 32px;
  height: 32px;
  display: flex;
  background: url(../images/nav1.png) no-repeat top 2px center / 32px auto;
  margin-right: 4px;
}

.sub_nav_sec .nav_cont a.nav2>span {
  background: url(../images/nav2.png) no-repeat top 1px center / 32px auto;
}

.sub_nav_sec .nav_cont a.nav3>span {
  background: url(../images/nav3.png) no-repeat top 2px center / 32px auto;
}

.main-info-box {
  position: relative;
  width: 100%;
  z-index: 0;
}

.main-info-box p {
  font-size: 12px;
}

.main-info-box .balloon-badge {
  opacity: 0;
  pointer-events: none;
  position: absolute;
  top: 0;
  left: 0;
  transform: translateY(-120%);
  padding: 4px 10px;
  white-space: nowrap;
  text-overflow: ellipsis;
  border-radius: 100rem;
  background: #f27226;
  color: #fff;
  z-index: 1;
  transition: .5s;
}

.main-info-box .balloon-badge.top {
  top: auto;
  bottom: 0;
  transform: translateY(-120%);
}

.main-info-box .balloon-badge.bottom {
  top: auto;
  bottom: 0;
  transform: translateY(120%);
}

.main-info-box .balloon-badge.right {
  left: auto;
  right: 0;
}

.main-info-box .balloon-badge.center {
  left: 50%;
  transform: translate(-50%, 120%);
}

.main-info-box .balloon-badge.active {
  opacity: 1;
}

.main-info-box .balloon-badge:before {
  content: "";
  position: absolute;
  bottom: -5px;
  left: 15px;
  width: 10px;
  height: 10px;
  background: #f27226;
  z-index: 2;
  display: block;
  transform: rotate(45deg);
}

.main-info-box .balloon-badge.bottom:before {
  top: -5px;
  bottom: auto;
}

.main-info-box .balloon-badge.right:before {
  left: auto;
  right: 15px;
}

.main-info-box .balloon-badge.center:before {
  left: calc(50% - 5px) !important;
}

/* q가이드 */
.module_con .module_body_cont .bd_filter.qguide {
  padding: 20px 0 10px;
  flex-wrap: wrap;
  justify-content: flex-end;
}

.module_con .bd_filter .search_div {
  width: 100%;
  max-width: inherit;
}

.bd_filter.qguide .total_num {
  padding-top: 20px;
}

.bd_filter.qguide .search_div .icon_search {
  background: url(/images/btn_filter2.png) no-repeat center center / 24px auto;
}

/* 스켈레톤 */
.camp_div.skeleton .pic {
  width: 100%;
  aspect-ratio: 4 / 3;
  background: #ededed;
  border-radius: 10px;
}

.camp_div.skeleton .text_box .top_text,
.camp_div.skeleton .text_box .center_text {
  width: 50%;
  height: 20px;
  background: #ededed;
  border-radius: 4px;
}

.camp_div.skeleton .text_box .center_text {
  width: 60%;
  height: 16px;
}

.camp_div.skeleton .benefit_bat .item {
  width: 60px;
  height: 20px;
  background: #ededed;
  border-radius: 4px;
}

.camp_div.skeleton .btm_text .q_res {
  width: 80px;
  border: 1px solid #ededed;
  background: #ededed;
}

.camp_div.skeleton .btm_text .price_div {
  width: 100px;
  height: 36px;
  background: #ededed;
  border-radius: 4px;
}

.view_type_info .camp_div.skeleton .pic {
  width: 200px;
  aspect-ratio: 1/1;
  min-width: 120px;
  min-height: 120px;
  position: relative;
  display: flex;
}

.skeleton-item {
  background-color: #ededed !important;
  border-radius: 4px;
  width: 100%;
  height: 100%;
  position: relative;
  overflow: hidden;
}

.skeleton_box {
  position: relative;
  overflow: hidden;
  background: #ededed;
  border-radius: 8px;
}

.skeleton_box::before {
  content: '';
  position: absolute;
  top: 0;
  left: -100%;
  width: 100%;
  height: 100%;
  background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.4) 50%, rgba(255, 255, 255, 0) 100%);
  animation: shimmer 1.5s infinite;
}

.camp_div.skeleton * {
  position: relative;
  overflow: hidden;
}

.camp_div.skeleton *::before {
  content: '';
  position: absolute;
  top: 0;
  left: -100%;
  width: 100%;
  height: 100%;
  background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.4) 50%, rgba(255, 255, 255, 0) 100%);
  animation: shimmer 1.5s infinite;
}

@media (max-width: 500px) {
  .view_type_info .camp_div.skeleton .pic {
    width: auto;
  }
}

@keyframes shimmer {
  0% {
    left: -100%;
  }

  100% {
    left: 100%;
  }
}

/* nh */
.pay_slt .nh_div {
  margin-top: 20px;
  background: #03A64A;
  padding: 10px 12px;
  color: #fff;
  border-radius: 4px;
}

.pay_slt .nh_div::before {
  content: '';
  display: inline-block;
  width: 124px;
  height: 24px;
  background: url(/images/nh_logo.png) no-repeat;
  background-size: contain;
  vertical-align: middle;
  margin-right: 10px;
}

/* onboarding */
.onBoarding {
  position: fixed;
  display: none;
  width: 100%;
  max-width: 641px;
  top: 0;
  left: 50%;
  transform: translate(-50%, 0);
  height: 100vh;
  background: #fff;
  z-index: 55555555;
}

.onBoarding.on {
  display: block;
}

.onBoarding .contents {
  height: calc(100vh - 75px - 36px);
}

.onBoarding .content {
  height: 100%;
}

.onBoarding .contents .images {
  height: 60%;
  background: #EDEFF2;
  text-align: center;
}

.onBoarding .contents .images img {
  position: relative;
  bottom: -10%;
  height: 100%;
}

.onBoarding .contents .info {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 40%;
  text-align: center;
}

.onBoarding .contents .info .box {
  margin-top: 7%;
}

.onBoarding .contents .info .badge {
  padding: 4px 8px;
  border-radius: 100rem;
  background: #FFDFC1;
  font-size: 12px;
}

.onBoarding .contents .info h2 {
  margin-top: 8px;
  font-size: 18px;
}

.onBoarding .contents .info h2 span,
.onBoarding .contents .info h2 strong {
  display: block;
}

.onBoarding .contents .info h2 strong {
  font-size: 22px;
  color: #FF570E;
}

.onBoarding .contents .info .text {
  margin-top: 8px;
  color: #6C757D;
  font-size: 12px;
}

.onBoarding .slide-bullet-content {}

.onBoarding .slide-bullet-content .slide-bullet {
  display: flex;
  justify-content: center;
  gap: 10px;
}

.onBoarding .slide-bullet-content .slide-bullet span {
  width: 10px;
  height: 10px;
  border-radius: 10px;
  background: #6C757D;
  text-indent: -9999999px;
}

.onBoarding .btn_res {
  width: 100%;
  height: 75px;
  font-size: 16px;
  color: #fff;
  border: 0;
  background: #f27226;
}

.btn_res:disabled {
  border: 1px solid #ddd !important;
  background-color: #ddd !important;
  cursor: not-allowed !important;
}
.btn_res:disabled span{
  color: #999 !important;
}

/* 앱유도모달 */
/* 오버레이 전체 화면 */
.app_modal_overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background: rgba(0, 0, 0, 0.5);
  z-index: 9999;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 16px;
  box-sizing: border-box;
}

/* 모달 박스 */
.app_modal {
  background: #fff url(../images/deep_background.png) no-repeat;
  background-size: cover;
  width: 100%;
  max-width: 400px;
  padding: 90px 20px 24px;
  text-align: center;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.15);
  position: relative;
}

.app_modal_img img {
  width: 160px;
  margin: 0 auto 16px;
  display: block;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: -100px;
}

.app_modal_text {
  margin-bottom: 16px;
}

.modal_title {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 10px;
  font-size: 24px;
  font-weight: bold;
  color: #F27226;
}

.modal_logo {
  display: block;
  width: 52px;
  aspect-ratio: 1 / 1;
  background: url(../images/deep_logo.png) no-repeat center / contain;
  border-radius: 8px;
}

.modal_desc {
  font-size: 28px;
  color: #222;
  line-height: 1.4;
  margin: 20px 0 40px;
}

.modal_link {
  display: inline-block;
  background: #F27226;
  color: #fff;
  border: none;
  padding: 14px 24px;
  width: 100%;
  border-radius: 8px;
  font-size: 16px;
  font-weight: bold;
  cursor: pointer;
  transition: background 0.3s ease;
}

.app_modal_overlay .overlay_text {
  text-decoration: underline;
  color: #fff;
  text-align: center;
  padding: 14px 0;
  font-size: 14px;
}

@media (max-width: 400px) {
  .app_modal_overlay {
    padding: 16px 0;
  }

  .modal_desc {
    font-size: 24px;
  }
}

/* 예약 대기/완료/상세  */
.section_cont {
  padding: 24px;
  box-sizing: border-box;
}

.container .section_cont:first-child {
  padding-top: 56px;
}

.container .section_cont.sec_resv_info {
  padding-top: 24px !important;
}

.container .section_cont:nth-of-type(1) {
  border-top: 0 !important;
}

.section_cont .status {
  display: flex;
  flex-direction: column;
  gap: 20px;
  align-items: center;
  padding-bottom: 24px;
}

.section_cont .status .icon {
  display: block;
  width: 24px;
  aspect-ratio: 1 / 1;
}

.section_cont .status.status_warning .icon {
  background: url(../images/status_warning.png) no-repeat center / contain;
}

.section_cont .status.status_success .icon {
  background: url(../images/status_success.png) no-repeat center / contain;
}

.section_cont .status.status_danger .icon {
  background: url(../images/status_danger.png) no-repeat center / contain;
}

.section_cont .status.status_information .icon {
  background: url(../images/status_information.png) no-repeat center / contain;
}

.section_cont .status .title {
  font-size: 18px;
  font-weight: bold;
  line-height: 26px;
  color: #222;
}

.section_cont .status .desc {
  font-size: 14px;
  color: #222;
  line-height: 22px;
  text-align: center;
}

.section_cont .status.status_cancel .title {
  font-size: 14px;
  font-weight: bold;
}

.section_cont .status.status_cancel .desc {
  font-size: 18px;
  font-weight: bold;
  line-height: 1.44;
}

.section_cont .status.status_warning .desc strong {
  color: #F5BD58;
}

.section_cont .status.status_success .desc strong {
  color: #f27226;
}

.sec_detail .hide_box {
  display: flex;
  justify-content: space-between;
  padding: 12px 16px;
  border-radius: 8px;
  border: 1px solid #D9D9D9;
  background: #fff;
  width: 100%;
}

.sec_detail .hide_box .value {
  font-weight: 500;
}

.sec_detail .box {
  display: flex;
  flex-direction: column;
  gap: 12px;
  border: 1px solid #D9D9D9;
  border-radius: 8px;
  padding: 12px 16px;
  background: #fff;
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.05);
  margin-top: 24px;
}

.sec_detail .box .box_info_row {
  display: flex;
  justify-content: space-between;
  margin-bottom: 8px;
  font-size: 14px;
  line-height: 1.6;
}

.sec_detail .box .box_info_row .value {
  font-weight: 500;
}

.sec_detail .box .box_info_row.total .value {
  color: #f27226;
  font-weight: bold;
}

.section_cont .comment {
  display: flex;
  flex-direction: column;
  gap: 4px;
  padding: 10px 12px;
  align-self: stretch;
  flex-wrap: wrap;
  border-radius: 8px;
  background: #FAFAFA;
  margin: 10px 0 20px;

}

.section_cont .comment p {
  position: relative;
  padding-left: 10px;
  font-size: 12px;
  color: #222;
}

.section_cont .comment p span {
  color: #f00;
}

.section_cont .comment p::before {
  content: '';
  position: absolute;
  top: 8px;
  left: 0;
  display: block;
  width: 4px;
  height: 4px;
  margin-right: 5px;
  border-radius: 50%;
  background-color: #222;
}

.sec_detail .copy_btn,
.section_cont .payment_btn {
  width: 100%;
  padding: 14px 24px;
  align-items: stretch;
  font-size: 16px;
  font-weight: bold;
  line-height: 1.5;
  background: #f27226;
  color: #fff;
  border: none;
  border-radius: 8px;
  cursor: pointer;
}

.toast_message {
  display: none;
  position: fixed;
  bottom: 100px;
  left: 50%;
  transform: translateX(-50%);
  background-color: #121E2D;
  color: #fff;
  width: calc(100% - 48px);
  max-width: calc(640px - 48px);
  padding: 10px 20px;
  border-radius: 6px;
  font-size: 14px;
  z-index: 9999;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.25);
  animation: fadeInOut 1.5s ease-in-out forwards;
}

@keyframes fadeInOut {
  0% {
    opacity: 0;
    transform: translateX(-50%) translateY(10px);
  }

  10% {
    opacity: 1;
    transform: translateX(-50%) translateY(0);
  }

  90% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    transform: translateX(-50%) translateY(0px);
  }
}

.payment_box {
  display: flex;
  flex-direction: column;
  gap: 20px;
}

.payment_box .payment_select {
  border: 1px solid #D9D9D9;
  border-radius: 8px;
  padding: 12px 16px;
  background: #fff;
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.05);
}

.payment_label {
  display: block;
  margin-bottom: 8px;
  font-size: 14px;
}

.select_box {
  width: 100%;
  height: 48px;
  font-size: 14px;
  font-weight: bold;
  padding: 0 8px;
  border: 1px solid #f27226;
  border-radius: 8px;
  appearance: none;
  background: #FFF4EE url(../images/arrow_drop_down.svg) no-repeat right 8px center / 24px auto;
}

.select_box:focus {
  border: 1px solid #f27226;
}

.section_cont.sec_point_text {
  padding: 12px 24px;
}

.section_cont.sec_point_text p {
  font-size: 14px;
  line-height: 1.6;
  color: #222;
  text-align: center;
}

.section_cont.sec_point_text p strong {
  color: #f27226;
}

.section_cont.sec_ad {
  display: flex;
  flex-direction: column;
  gap: 36px;
}

.section_cont.sec_ad .ad_adrop {
  width: 100%;
  border-radius: 8px;
  overflow: hidden;
}

.section_cont.sec_ad .ad_promotion {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.sec_ad .ad_promotion .title_box {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.sec_ad .ad_promotion .title_box .title {
  font-size: 18px;
  font-weight: bold;
  line-height: 1.44;
}

.sec_ad .ad_promotion .title_box .desc {
  font-size: 16px;
  line-height: 1.5;
}

.sec_ad .ad_promotion .title_box .more {
  font-size: 12px;
  color: #767676;
  background: url(/images/arrow_more_bg.png) no-repeat right 1px center / 16px auto;
  padding-right: 24px;
  line-height: 20px;
  height: 20px;
  text-align: right;
}

.ad_promotion .swiper-container {
  margin: 0 0 10px !important;
}

.ad_promotion .swiper-container .swiper-slide {
  position: relative;
  width: 150px !important;
  flex-shrink: 0;
  overflow: hidden;
}

.ad_promotion .swiper-container .item_image {
  position: relative;
  overflow: hidden;
  padding-top: 50%;
  padding-bottom: 50%;
  background: #ededed;
  border: 1px solid #ededed;
  aspect-ratio: 1/1;
}

.ad_promotion .swiper-container .item_image img {
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.ad_promotion .swiper-container .item_info {
  margin-top: 8px;
}

.ad_promotion .swiper-container .item_info .text_name {
  font-size: 12px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: pre-line;
  word-break: break-all;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  margin-bottom: 8px;
}

.ad_promotion .swiper-container .item_price_sec {
  font-size: 0;
}

.ad_promotion .swiper-container .item_price_sec .desc {
  display: block;
  font-size: 14px;
  font-weight: bold;
  color: #000;
}

.ad_promotion .swiper-container .item_price_sec .text_price_original {
  display: block;
  font-size: 11px;
  color: #6b6b6b;
  text-decoration: line-through;
  /* margin-bottom: 4px; */
}

.ad_promotion .swiper-container .item_price_sec .text_sale {
  display: inline-block;
  margin-right: 4px;
  font-size: 14px;
  font-weight: bold;
  color: #f27226;
}

.ad_promotion .swiper-container .item_price_sec .text_price {
  font-size: 14px;
  font-weight: bold;
  color: #000;
}

.ad_promotion .item_link {
  width: 100%;
  padding: 14px 24px;
  align-items: stretch;
  font-size: 16px;
  font-weight: bold;
  line-height: 1.5;
  background: #f27226;
  color: #fff;
  border: none;
  border-radius: 8px;
  cursor: pointer;
}

.ad_promotion .item_link.center{
  text-align: center;
}

.bottom_fixed_btn {
  position: fixed;
  bottom: 0;
  width: 100%;
  max-width: 640px;
  background: #fff;
  display: flex;
  justify-content: space-between;
  gap: 8px;
  padding: 12px 24px;
  box-shadow: 0 -2px 6px rgba(0, 0, 0, 0.1);
  z-index: 100;
}

.bottom_fixed_btn a {
  display: flex;
  align-items: center;
  justify-content: center;
  flex: 1;
  width: 100%;
  height: 48px;
  padding: 0 16px;
  font-size: 16px;
  border: none;
  border-radius: 8px;
  color: #fff;
  font-weight: bold;
}

.bottom_fixed_btn button {
  display: flex;
  align-items: center;
  justify-content: center;
  flex: 1;
  width: 100%;
  height: 48px;
  padding: 0 16px;
  font-size: 16px;
  border: none;
  border-radius: 8px;
  color: #fff;
  font-weight: bold;
}

.bottom_fixed_btn a:first-child {
  background: #aaa;
}

.bottom_fixed_btn a:last-child {
  background: #222;
}

.bottom_fixed_btn .orange {
  background: #F27226 !important;
}

/* 예약 상세 */
.section_cont.sec_resv_info {
  padding: 24px;
  display: flex;
  flex-direction: column;
  gap: 20px;
}

.sec_resv_info .resv_label {
  font-size: 14px;
  color: #222;
}

.sec_resv_info .resv_number_wrap {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-top: 4px;
}

.resv_number_wrap .resv_number {
  font-weight: bold;
  font-size: 14px;
}

.sec_resv_info .copy_btn,
.sec_payment_info .copy_btn {
  font-size: 14px;
  font-weight: 500;
  color: #0576B9;
  cursor: pointer;
  background: url(../images/content_copy.png) no-repeat left / 24px auto;
  padding-left: 24px;
  border: none;
}

.camp_info_box {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 12px;
  border: 1px solid #D9D9D9;
  border-radius: 8px;
  background: #fff;
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.05);
  padding: 16px;
}

.camp_detail {
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 8px;
  width: 100%;
}

.camp_detail .camp_thumb {
  width: 80px;
  aspect-ratio: 4 / 3;
  background: #ccc;
  flex: none;
}

.camp_detail .camp_thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}

.camp_detail .camp_title {
  font-size: 18px;
  font-weight: bold;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: pre-line;
  word-break: break-all;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  flex: 1;
  width: 100%;
  padding-right: 32px;
}

.camp_detail .more {
  position: absolute;
  right: 0;
  width: 24px;
  aspect-ratio: 1/1;
  background: url(../images/arrow_forward_ios.svg) no-repeat right / 24px auto;
}

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

.camp_contact .call_num {
  font-size: 14px;
  background: url(../images/ico_call.png) no-repeat left top 2px / 20px auto;
  padding-left: 26px;
}

.camp_contact .address {
  font-size: 14px;
  background: url(../images/location.png) no-repeat left top 2px / 20px auto;
  padding-left: 26px;
}

.inquiry_btn {
  font-size: 12px;
  font-weight: 500;
  color: #0576B9;
  margin-left: 12px;
  background: url(../images/ico_inquiry_btn.png) no-repeat left / 20px auto;
  padding-left: 24px;
  border: 0;
}

.camp_contact .btns {
  margin-top: 6px;
  display: flex;
  gap: 10px;
}

.camp_contact .btns .view_map,
.camp_contact .btns .copy_btn {
  font-size: 12px;
  font-weight: 500;
  color: #0576B9;
  cursor: pointer;
  background: url(../images/content_copy.png) no-repeat left / 24px auto;
  padding-left: 24px;
  border: 0;
}

.camp_contact .btns .view_map {
  background: url(../images/ico_map_resv.png) no-repeat left / 24px auto;
}

.sec_resv_info .resv_site_check {
  display: flex;
  flex-direction: column;
  gap: 20px;
}

.sec_resv_info .resv_site_check+.resv_site_check {
  border-top: 1px solid #d9d9d9;
}

.sec_resv_info .check_info {
  background: #fff6f0;
  padding: 16px;
  border-radius: 12px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.sec_resv_info .check_info .checkinout {
  width: 40%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 6px;
}

.sec_resv_info .check_info .checkinout .label {
  font-size: 14px;
  font-weight: 500;
}

.sec_resv_info .check_info .checkinout .date {
  font-size: 16px;
  font-weight: bold;
}

.sec_resv_info .check_info .checkinout .time {
  font-size: 12px;
}

.sec_resv_info .check_info .nights {
  background: #fff;
  padding: 6px 10px;
  border-radius: 16px;
  font-size: 12px;
}

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

.sec_resv_info .site_info .site_item {
  background: #FAFAFA;
  border-radius: 8px;
  padding: 10px 12px;
  display: flex;
  flex-direction: column;
  gap: 6px;
}

.sec_resv_info .site_info .site_item.comment {
  margin: 0;
}

.sec_resv_info .site_info .site_title {
  font-size: 14px;
  color: #767676;
  flex: 1;
}

.sec_resv_info .site_info .site_desc {
  font-size: 12px;
  color: #767676;
}

.section_cont.move_page {
  display: flex;
  justify-content: space-between;
}

.section_cont.move_page .title {
  font-size: 18px;
  font-weight: bold;
}

.section_cont.move_page .more {
  width: 24px;
  aspect-ratio: 1 / 1;
  background: url(../images/arrow_forward_ios.svg) no-repeat right / 24px auto;
  transform: rotate(90deg);
}

.section_cont.move_page .more.right {
  transform: rotate(0deg);
}

.sec_user_info {
  padding: 0 24px 24px;
  display: flex;
  flex-direction: column;
  gap: 20px;
}

.sec_user_info .info_box {
  display: flex;
  flex-direction: column;
  gap: 20px;
}

.sec_user_info .info_row {
  display: flex;
  gap: 12px;
  line-height: 1.5;
}

.sec_user_info .info_row.tight-gap {
  margin-top: -16px;
}

.sec_user_info .info_row .label {
  flex: 0 0 80px;
  color: #767676;
  font-size: 13px;
}

.sec_user_info .info_row .value {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.sec_user_info .info_row .value p {
  font-size: 13px;
  color: #222;
}

.sec_user_info .required {
  color: #f27226 !important;
  margin-left: 4px;
}

.sec_user_info .info_col {
  display: flex;
  flex-direction: column;
  gap: 8px;
  border-top: 1px solid #D9D9D9;
  margin-top: 10px;
  padding-top: 30px;
}

.info_box .info_col+.info_col {
  border-top: none;
  margin-top: 0;
  padding-top: 0;
}

.sec_user_info .info_col .label {
  font-size: 13px;
  color: #767676;
}

.sec_user_info .info_col .value {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.section_cont .bg_w_btn,
.sec_user_info .bg_w_btn {
  padding: 14px 24px;
  font-size: 16px;
  font-weight: bold;
  border: 1px solid #aaa;
  background: #fff;
  border-radius: 8px;
  color: #aaa;
  cursor: pointer;
  width: 100%;
}

.section_cont .bg_g_btn {
  padding: 14px 24px;
  font-size: 16px;
  font-weight: bold;
  border: 1px solid #aaa;
  background: #aaa;
  border-radius: 8px;
  color: #000;
  cursor: pointer;
  width: 100%;
}

.section_cont .bg_b_btn {
  display: block;
  padding: 10px 20px;
  font-size: 14px;
  font-weight: bold;
  background: #f27226;
  border: 1px solid #f27226;
  border-radius: 8px;
  color: #fff;
  cursor: pointer;
  width: 100%;
  text-align: center;
}

.section_cont.sec_btm_btn {
  background: #f5f5f5;
}

.section_cont .btm_b_btn {
  padding: 14px 24px;
  font-size: 16px;
  font-weight: bold;
  background: #222;
  border: 1px solid #222;
  border-radius: 8px;
  color: #fff;
  cursor: pointer;
  width: 100%;
}

.section_cont.sec_payment_info {
  display: flex;
  flex-direction: column;
  gap: 20px;
}

.section_cont .title_row {
  display: flex;
  align-items: center;
  gap: 14px;
}

.section_cont .title_row .title {
  font-size: 18px;
  font-weight: bold;
  color: #000;
}

.section_cont .title_row .status_label {
  display: flex;
  height: 20px;
  align-items: center;
  font-size: 10px;
  letter-spacing: -0.35px;
  line-height: 20px;
  padding: 0 4px;
  width: fit-content;
  border-radius: 2px;
  background: #767676;
  color: #fff;
}

.title_row .status_label.status_pw {
  background: #F5BD58;
}

.title_row .status_label.status_pc {
  background: #2CB57E;
}

.title_row .status_label.status_cp {
  background: #F56E50;
}

.title_row .status_label.status_rc {
  background: #AE70FF;
}

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

.sec_payment_info .bank_info .bank_name {
  color: #000;
  font-size: 14px;
}

.sec_payment_info .bank_info .account_row {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  gap: 8px;
}

.sec_payment_info .bank_info .account_row>div span {
  font-size: 14px;
}

.sec_payment_info .bank_info .account_row .value {
  margin-right: 4px;
}

.sec_payment_info .price_info {
  display: flex;
  flex-direction: column;
  gap: 4px;
}

.sec_payment_info .price_row {
  display: flex;
  justify-content: space-between;
}

.sec_payment_info .price_row span {
  font-size: 14px;
  font-weight: 500;
}

.sec_payment_info .price_row.total {
  margin-top: 6px;
}

.sec_payment_info .price_row.total span {
  font-size: 16px;
  font-weight: bold;
}

.sec_payment_info .comment {
  margin: 0;
}

.sec_payment_info .price_row.point {
  border-top: 1px solid #D9D9D9;
  padding-top: 10px;
  margin-top: 6px;
}

.section_cont .info_box {}

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

.section_cont .info_row {
  display: flex;
  gap: 12px;
  line-height: 1.5;
}

.section_cont .info_row .label {
  flex: 0 0 80px;
  color: #767676;
  font-size: 13px;
}

.section_cont .info_row .value {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.section_cont.sec_resv_cancel {
  display: flex;
  flex-direction: column;
  gap: 20px;
}

.section_cont.sec_resv_cancel .btns {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.section_cont.border_top,
.toggle_wrap.border_top {
  border-top: 8px solid #f5f5f5;
}

.section_cont.sec_cancel_info {
  display: flex;
  flex-direction: column;
  gap: 20px;
}

.section_cont .info_label {
  font-size: 14px;
  font-weight: 500;
}

.sec_cancel_info .cancel_form_wrap {
  display: flex;
  flex-direction: column;
  gap: 20px;
}

.sec_cancel_info .cancel_form,
.sec_cancel_info .reason_form {
  display: flex;
  flex-direction: column;
  gap: 20px;
}

.sec_cancel_info .cancel_form,
.sec_cancel_info .refund_box {
  padding-bottom: 40px;
  border-bottom: 1px solid #ADB5BD;
}

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

.form_group label {
  display: block;
  font-size: 14px;
  color: #767676;
}

.sec_cancel_info .reason_form .form_group {
  display: flex;
  flex-direction: column;
  gap: 20px;
}

.form_group .form_label {
  font-size: 14px;
  font-weight: 500;
}

.form_group .form_label .required {
  color: #f27226;
  padding-left: 4px;
}

.form_group input[type="text"],
.form_group select {
  width: 100%;
  padding: 0 8px;
  height: 48px;
  border: 1px solid #ADB5BD;
  border-radius: 8px;
  font-size: 14px;
  box-sizing: border-box;
  appearance: none;
}

.form_group select {
  background: #F8F9FA url(../images/arrow_drop_down_b.svg) no-repeat right 8px center / 24px auto;
}

.reason_form .depth1_wrap label,
.reason_form .depth2_wrap label {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 14px;
  padding: 14px 8px;
  line-height: 1.5;
}

.reason_form .depth2_wrap {
  display: none;
  padding: 16px;
  background: #FAFAFA;
  border-radius: 8px;
}

.reason_form .depth2_wrap .depth2_change, .reason_form .depth2_wrap .depth2_cancel{
  display: none;
}

.reason_form .depth2_wrap.active {
  display: block;
}

.reason_form .depth2_wrap .depth2_change.active , .reason_form .depth2_wrap .depth2_cancel.active {
  display: block;
}

.reason_form .depth2_title {
  display: block;
  color: #767676;
  margin-bottom: 8px;
}

.reason_input {
  display: block;
  flex: 1;
  padding: 6px;
  border: 1px solid #ccc;
  border-radius: 4px;
}

.refund_box .card_row {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 6px;
}

.refund_box .card_number {
  font-size: 14px;
  font-weight: 500;
  color: #000;
}

.refund_box .status {
  font-size: 14px;
  color: #aaa;
  padding-bottom: 0;
}

.refund_box .date {
  font-size: 13px;
  color: #000;
}

.section_cont.sec_refund_info {
  display: flex;
  flex-direction: column;
  gap: 20px;
}

.sec_refund_info .refund_info_wrap {
  font-size: 14px;
  color: #222;
  display: flex;
  flex-direction: column;
  gap: 20px;
}

.sec_refund_info .refund_info_row {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}

.sec_refund_info .refund_info_row .label {
  font-weight: 500;
  min-width: 100px;
}

.sec_refund_info .refund_info_row .label-info{
  font-size: 12px;
  font-weight: 500;
  color: #F07A1C;
}

.sec_refund_info .refund_info_row .row-con{
  width: calc(100% - 100px);
}

.sec_refund_info .refund_info_row .value {
  display: block;
  width: 100%;
  font-weight: 500;
  text-align: right;
}

.sec_refund_info .refund_info_row .value_group {
  display: flex;
  flex-direction: column;
  gap: 8px;
  width: 100%;
}

.sec_refund_info .refund_info_row .sub_label {
  font-size: 12px;
}

.sec_refund_info .refund_info_row.big span {
  font-size: 16px;
  font-weight: bold;
}

.sec_refund_info .refund_info_row.total span {
  font-size: 16px;
  font-weight: bold;
  color: #f27226;
}

.sec_refund_info .comment {
  margin: 0;
}

/* 결제 세부 내역 */
.sec_payment_detail {
  display: flex;
  flex-direction: column;
  gap: 16px;
  padding: 16px 24px;
}

.sec_payment_detail .detail_section {
  display: flex;
  flex-direction: column;
}

.sec_payment_detail .detail_title {
  padding: 12px 0;
  color: #222;
  font-weight: bold;
  cursor: pointer;
  display: flex;
  justify-content: space-between;
  align-items: center;
  overflow: hidden;
  text-overflow: ellipsis;
}

.sec_payment_detail .detail_title .price {
  margin-left: auto;
  color: #222;
}

.sec_payment_detail .arrow_icon {
  width: 24px;
  height: 24px;
  background: url(../images/arrow_drop_down.png) center center / contain no-repeat;
  background-size: contain;
}

.sec_payment_detail .detail_title.active .arrow_icon {
  transform: rotate(180deg);
}

.sec_payment_detail .detail_content {
  display: none;
  background: #fafafa;
  padding: 10px;
  border-radius: 8px;
  flex-direction: column;
  gap: 10px;
}

.sec_payment_detail .detail_content .row {
  display: flex;
  justify-content: space-between;
}

.sec_payment_detail .label {
  flex: 1;
  word-break: keep-all;
  font-size: 12px;
}

.sec_payment_detail .detail_content .label::before {
  content: "ㄴ";
  padding-right: 2px;
}

.sec_payment_detail .price {
  flex-shrink: 0;
  min-width: 80px;
  text-align: right;
  font-weight: bold;
  color: #222;
}

.sec_payment_detail .detail_content .price {
  flex-shrink: 0;
  min-width: 80px;
  text-align: right;
  font-weight: 400;
}

.sec_payment_detail .price.color_b {
  color: #f27226;
}

.sec_payment_detail .total_row {
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-weight: bold;
  padding: 12px 0;
}

.sec_payment_detail .total_row .label,
.sec_payment_detail .total_row span {
  font-size: 16px;
}

.sec_payment_detail .highlight {
  color: #f27226;
  margin-right: 4px;
}

.sec_resv_benefit {
  display: flex;
  flex-direction: column;
  padding: 16px 24px 24px;
  background: #121E2D;
  gap: 20px;
}

.sec_resv_benefit .detail_title {
  display: flex;
  align-items: center;
  gap: 4px;
  color: #fff;
  font-size: 16px;
  font-weight: bold;
  line-height: 1.5;
}

.sec_resv_benefit .detail_content {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.sec_resv_benefit .detail_content .row {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.sec_resv_benefit .detail_content .row span {
  color: #fff;
  font-size: 14px;
}

.sec_resv_benefit .total_row {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.sec_resv_benefit .total_row .label {
  color: #fff;
  font-size: 16px;
  font-weight: bold;
}

.sec_resv_benefit .total_row .price {
  color: #f27226;
  font-size: 16px;
  font-weight: bold;
}

.sec_resv_benefit .detail_title .icon {
  display: inline-flex;
  width: 20px;
  aspect-ratio: 1/1;
  background: url(../images/info.svg) no-repeat center / 20px auto;
}

.sec_resv_discount .detail_title .icon {
  display: inline-flex;
  width: 15px;
  aspect-ratio: 1 / 1;
  background: url(../images/nkkim.png) no-repeat center / 15px auto;
}

/* 팝업 info_box */
.popup_wrap .full_pop_wrap .header .btn_close {
  left: inherit;
  right: 24px;
}

.popup_wrap .contents .user_info_div .info_box {
  display: flex;
  flex-direction: column;
  gap: 20px;
  padding: 24px 0;
}

.popup_wrap .contents .user_info_div .info_box+.info_box {
  border-top: 1px solid #d9d9d9;
  padding-top: 30px;
  margin-top: 10px;
}

.popup_wrap .contents .user_info_div .info_row {
  display: flex;
  flex-direction: column;
  gap: 4px;
}

.popup_wrap .contents .user_info_div .label {
  font-size: 14px;
  color: #767676;
}

.popup_wrap .contents .user_info_div .input_field {
  padding: 10px 12px;
  border: 1px solid #cfcfcf;
  border-radius: 6px;
  font-size: 14px;
}

.popup_wrap .contents .user_info_div .info_row .phone_group {
  display: flex;
  gap: 4px;
  flex-wrap: nowrap;
  width: 100%;
  max-width: 100%;
}

.popup_wrap .contents .user_info_div .info_row .phone_input {
  flex: 1;
  min-width: 0;
  text-align: center;
}

.popup_wrap .contents .user_info_div .info_row .dash {
  flex-shrink: 0;
  align-self: center;
  color: #222;
}


.popup_wrap .contents .user_info_div .required {
  color: #f27226;
  font-size: 12px;
  padding-left: 4px;
}

/* 환불기준 */
.tb_wrap {
  overflow-x: auto;
}

.tb_agr {
  width: 100%;
  margin: 0;
  border-collapse: separate;
  border-spacing: 0;
  border-top: 1px solid #dcd7cf;
}

.tb_agr thead th {
  background: #f7f3ed;
  padding: 6px 0;
  text-align: center;
  color: #000;
  font-weight: bold;
  border-right: 1px solid #ebe8e3;
}

.tb_agr thead th:last-child {
  border-right: 0;
}

.tb_agr tbody th {
  background: #f7f3ed;
  padding: 6px 0;
  text-align: center;
  font-weight: bold;
  border-right: 1px solid #ebe8e3;
  min-width: 40px;
}

.tb_agr td {
  position: relative;
  padding: 6px 0;
  color: #666;
  font-size: 13px;
  text-align: center;
  border-bottom: 1px solid #efefef;
  border-right: 1px solid #efefef;
  min-width: 60px;
}

.tb_agr td:last-child {
  border-right: 0;
}

.tb_agr_dec {
  margin-top: 10px;
}

.tb_agr_dec p {
  /* color: #ed3636; */
  color: #191919;
  font-size: 13px;
}

.refund_info {
  position: relative;
}

.refund_info .resInfo_wp.tg_cont {
  padding: 0;
}

.refund_info .resInfo_wp dl {
  padding-top: 10px;
  margin-top: 10px;
  border-top: 1px solid #efefef;
}

.refund_info .resInfo_wp dl dt,
.refund_info .resInfo_wp dl dd {
  padding: 3px 0;
  position: relative;
}

.refund_info .star p:not(p.sub_text):before {
  content: "*";
  position: absolute;
  top: 4px;
  left: 0px;
}

.refund_info .star p {
  padding-left: 10px;
  font-size: 14px;
  position: relative;
}

.refund_info .star p.sub_text {
  font-size: 13px;
}

.refund_info .btn_toggle {
  border: 1px solid #efefef;
  border-radius: 4px;
  padding: 4px 20px 4px 8px !important;
  font-size: 12px;
  display: inline-block;
  position: relative;
  background: #fff;
  margin: 4px 0 8px;
}

.refund_info .btn_toggle::after {
  content: '';
  position: absolute;
  right: 4px;
  top: 50%;
  transform: translateY(-50%);
  background: url('/images/tot_arr.png') no-repeat;
  background-size: 16px auto;
  width: 16px;
  height: 16px;
}

.refund_info .btn_toggle.on::after {
  transform: translateY(-50%) rotate(180deg);
}

.refund_info .accodion_dd {
  display: none;
}

.refund_info .btn_toggle.on+.accodion_dd {
  display: block;
}

.refund_info .tb_wrap.type2 {
  background: #f9f9f9;
  padding: 12px 10px;
}

.refund_info .table_col {
  width: 100%;
}

.refund_info .table_col th {
  width: calc(100% / 6);
  min-width: 96px;
  padding: 6px 0;
  border-bottom: 1px solid #efefef;
  background: #fff;
}

.refund_info .table_col td {
  font-size: 13px;
  text-align: center;
  padding: 6px 0;
  vertical-align: top;
  color: #666;
  border-bottom: 1px solid #efefef;
  border-right: 1px solid #efefef;
  background: #fff;
}

.refund_info .table_col th.bg_dis,
.refund_info .table_col td.bg_dis {
  background: #eee;
  color: #666;
}

.refund_info .table_col td:last-child {
  border-right: 0px;
}

.refund_info .table_col td p {
  font-size: 11px;
}

.refund_info .table_col td p:first-child {
  padding-top: 8px;
}

.refund_info .table_col td p span {
  display: inline-block;
}

.refund_info .table_col td p span:first-child {
  padding-right: 4px;
}

.refund_info .text {
  font-size: 13px;
}

.refund_info .text span.num {
  display: inline-block;
  width: 14px;
}

.refund_info .color_red {
  color: #f70d0d;
}

.refund_info ul {
  padding: 10px 0;
}

.refund_info ul li:not(:last-child) {
  padding-bottom: 10px;
}

.refund_info .table {
  display: table;
  padding-left: 10px;
}

.refund_info .table .table-row {
  display: table-row;
}

.refund_info .table .table-cell {
  display: table-cell;
  padding: 0 4px;
  text-align: center;
}

.refund_info .table .table-cell span {
  display: block;
  font-size: 12px;
  color: #666;
}

/* 바텀시트 팝업 */
.pop_bottom_set {
  position: fixed;
  left: 50%;
  transform: translateX(-50%);
  bottom: -100%;
  width: 100%;
  max-width: 640px;
  background: #fff;
  z-index: 1200;
  transition: bottom 0.3s ease-in-out;
  border-radius: 16px 16px 0 0;
  box-shadow: 0 -4px 10px rgba(0, 0, 0, 0.1);
  max-height: 50%;
  overflow-y: auto;
}

.pop_bottom_set.on {
  bottom: 0;
}

.pop_bottom_set .btn_close {
  display: block;
  width: 24px;
  height: 24px;
  background: url(/images/tot_clo.png) no-repeat center center / 28px;
  position: absolute;
  right: 0px;
  top: 19px;
  text-indent: -50000px;
  overflow: hidden;
  cursor: pointer;
  border: 0;
}

.pop_bottom_set .bottom_pop_wrap {
  padding: 0 24px 24px;
}

.bottom_pop_wrap .header .head_in {
  position: relative;
  display: flex;
  justify-content: start;
  align-items: center;
  height: 60px;
  background: #fff;
  padding-right: 32px;

}

.bottom_pop_wrap .header .head_in h1 {
  font-size: 20px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.bottom_pop_wrap .contents {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.bottom_pop_wrap .contents .detail_section {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.bottom_pop_wrap .contents .detail_section .detail_content {
  display: flex;
  flex-direction: column;
  gap: 4px;
}

.bottom_pop_wrap .contents .detail_section .detail_content p::before {
  content: "";
  display: inline-block;
  width: 8px;
  height: 8px;
  border-radius: 4px;
  color: #222;
}

.bottom_pop_wrap .contents .detail_section .detail_content p::before {
  content: "•";
  position: absolute;
  left: 0;
  top: 0px;
  font-size: 14px;
  line-height: 1.5;
}

.bottom_pop_wrap .contents .detail_section .detail_content p {
  position: relative;
  text-indent: 0;
  padding-left: 10px;
}

/* 지역 쿠폰 */
.filter_top_box {
  padding: 1rem 0;
  z-index: 10;
  background: #fff;
  width: 100%;
  max-width: 640px;
  display: flex;
  flex-direction: column;
  gap: 10px;
  transition: transform 0.3s ease, opacity 0.3s ease;
}

.filter_top_box .filter_cont ul li {
  overflow: visible;
}

.filter_top_box .filter_cont ul li:first-child {
  margin-left: 0;
  margin-right: 8px !important;
  /*border: 1px solid #EBEBEB;*/
  /*background-color: #f7f7f7;*/
}
.filter_top_box .filter_cont ul li:first-child::after{
  display: none;
}

.filter_top_box .filter_cont .filter_name {
  border-radius: 19px;
  height: 38px;
  padding: 0 15px;
  letter-spacing: -0.58px;
  font-size: 12px;
  color: #1f1f1f;
  display: inline-flex;
  justify-content: center;
  align-items: center;
}

/*.filter_top_box .filter_cont .swiper-slide:not(:first-child) .filter_name.active {*/
/*  border: 1px solid #f27226;*/
/*}*/
.filter_top_box .filter_cont .swiper-slide .filter_name.active {
  border: 1px solid #f27226;
}

.filter_top_box .filter_name[data-type="MAP"]::before {
  content: "";
  display: inline-block;
  background: url(../images/coupon/icon_map.svg) no-repeat center;
  width: 16px;
  height: 16px;
  margin-right: 6px;
  vertical-align: middle;
}

.filter_top_box .filter_name[data-type="RESTAURANT"]::before {
  content: "";
  display: inline-block;
  background: url(../images/coupon/icon_restaurant.svg) no-repeat center;
  width: 16px;
  height: 16px;
  margin-right: 6px;
  vertical-align: middle;
}

.filter_top_box .filter_name[data-type="CAFE"]::before {
  content: "";
  display: inline-block;
  background: url(../images/coupon/icon_cafe.svg) no-repeat center;
  width: 16px;
  height: 16px;
  margin-right: 6px;
  vertical-align: middle;
}

.filter_top_box .filter_name[data-type="LEISURE"]::before {
  content: "";
  display: inline-block;
  background: url(../images/coupon/icon_leisure.svg) no-repeat center;
  width: 16px;
  height: 16px;
  margin-right: 6px;
  vertical-align: middle;
}

.filter_top_box .filter_name[data-type="TICKET"]::before {
  content: "";
  display: inline-block;
  background: url(../images/coupon/icon_ticket.svg) no-repeat center;
  width: 16px;
  height: 16px;
  margin-right: 6px;
  vertical-align: middle;
}

.filter_top_box .filter_name[data-type="SHOP"]::before {
  content: "";
  display: inline-block;
  background: url(../images/coupon/icon_shop.svg) no-repeat center;
  width: 16px;
  height: 16px;
  margin-right: 6px;
  vertical-align: middle;
}

/* 지역사랑 */
.coupon_info_wrap {
  position: relative;
  display: flex;
  justify-content: center;
}

.coupon_info_wrap .more {
  position: absolute;
  bottom: 1rem;
  right: 1rem;
}

.place_top_sec {}

.place_top_sec .place_top_swiper li {
  aspect-ratio: 4 / 3;
}

.place_top_sec img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center center;
}

.place_top_sec .txt_box {
  padding: 0px 24px;
  margin-top: 12px;
}

.place_top_sec .txt_box .type {
  font-size: 12px;
  color: #6C757D;
}

.place_top_sec .txt_box .tit {
  font-size: 20px;
  font-weight: bold;
  line-height: 30px;
  letter-spacing: -0.5px;
  color: #222;
  margin-top: 6px;
  margin-bottom: 6px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.place_top_sec .txt_box .dec {
  font-size: 14px;
  color: #6C757D;
}


.place_top_sec .txt_box .place_info {
  margin: 16px 0;
}

.place_top_sec .txt_box .place_info div+div {
  margin-top: 4px;
}

.place_top_sec .txt_box .place_info .tel {
  background: url('/images/place/icon_tel.png') no-repeat 1px center;
  background-size: 12px;
  padding-left: 18px;
  font-size: 15px;
  color: #6C757D;
}

.place_top_sec .txt_box .place_info .addr {
  background: url('/images/place/icon_location.png') no-repeat 1px center;
  padding-left: 18px;
  font-size: 15px;
  color: #6C757D;
}

.place_top_sec .txt_box .place_info .time {
  position: relative;
  background: url('/images/place/icon_time.png') no-repeat left center;
  background-size: 13px;
  padding-left: 18px;
  font-size: 15px;
  color: #6C757D;
  display: flex;
  align-items: center;
}

.place_top_sec .txt_box .place_info .time .time_more {
  display: none;
  position: absolute;
  top: 24px;
  left: 0;
  padding: 4px 8px;
  background: #fff;
  border: 1px solid #CED4DA;
  border-radius: 6px;
}

.place_top_sec .txt_box .place_info .time .time_more li {
  color: #6C757D;
}

.place_top_sec .txt_box .place_info .time .time_more li+li {
  margin-top: 3px;
}

.place_con_sec {
  padding: 24px;
}

.place_con_sec+.place_con_sec {
  border-top: 8px solid #f7f7f7;
}

.place_con_sec .con_tit {
  margin-bottom: 14px;
  font-size: 18px;
  font-weight: 500;
}

.place_coupon_list_wrap {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
}

.place_coupon_list_wrap .place_coupon {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  border: 1px solid #CED4DA;
  border-radius: 8px;
}

.place_coupon_list_wrap .place_coupon .right {
  position: relative;
  padding: 16px;
  width: 60px;
  height: 100%;
  border-left: 1px dashed #CED4DA;
  display: flex;
  align-items: center;
  justify-content: center;
}

.place_coupon_list_wrap .place_coupon .left {
  padding: 16px;
  width: calc(100% - 60px);
}

.place_coupon_list_wrap .place_coupon .price {
  color: #F27226;
  font-weight: 700;
  font-size: 16px;
}

.place_coupon_list_wrap .place_coupon .tit {
  font-weight: 700;
  font-size: 16px;
}

.place_coupon_list_wrap .place_coupon .desc{
  color: #6C757D;
}

.place_menu_list_wrap {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
}

.place_menu_list_wrap .place_menu {
  display: flex;
  gap: 10px;
  width: 100%;
}

.place_menu_list_wrap .place_menu+.place_menu {
  border-top: 1px solid #F1F3F4;
  padding-top: 10px;
}

.place_menu_list_wrap .place_menu .pic {
  width: 120px;
  height: 120px;
  min-width: 120px;
  min-height: 120px;
  position: relative;
  display: flex;
}

.place_menu_list_wrap .place_menu .pic img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  border-radius: 10px;
}

.place_menu_list_wrap .place_menu .content {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  width: calc(100% - 120px);
  padding-top: 0;
}

.place_menu_list_wrap .place_menu .content .top_txt .tit {
  font-weight: 700;
  font-size: 16px;
}

.place_menu_list_wrap .place_menu .content .top_txt .dec {
  font-size: 12px;
  color: #6C757D;
}

.place_menu_list_wrap .place_menu .content .bottom_txt .price {
  text-align: right;
}

.place_add_button {
  margin-top: 24px;
  padding: 24px;
  border: 1px solid #CED4DA;
  border-radius: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  text-align: center;
}

.place_open_time_list_wrap {
  margin: 16px 0;
  padding: 10px 20px;
  border: 1px solid #CED4DA;
  border-radius: 8px;
  background: #F8F9FA;
}

.place_open_time_list_wrap .open_time {
  display: flex;
  gap: 6px;
  align-items: center;
}

.place_open_time_list_wrap .open_time+.open_time {
  margin-top: 6px;
}

.place_open_time_list_wrap .open_time .label {
  width: 50px;
  font-weight: 500;
}

.place_open_time_list_wrap .open_time .content {
  width: calc(100% - 50px - 6px);
}

.day_button_group {
  margin-top: 16px;
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.day_button_group .day_button {
  padding: 8px 12px;
  border: 0;
  border-radius: 8px;
  background: #DEE2E6;
}

.day_button_group .day_button.active {
  background: #343A40;
  color: #FFF;
}

.no_data {
  padding: 24px;
  text-align: center;
  border: 1px solid #f5f5f5;
  width: 100%;
  background: #f5f5f5;
  border-radius: 8px;
}

.pop-datepicker {
  max-width: 250px;
  border: 1px solid #eee;
  border-radius: 12px;
  overflow: hidden;
  padding: 16px;
}

.place_keypad {}

.place_keypad .keypad_password {
  display: flex;
  justify-content: center;
  gap: 12px;
  margin-bottom: 24px;
}

.place_keypad .keypad_password span {
  width: 12px;
  height: 12px;
  background-color: #fff;
  border: 1px solid #d1d5db;
  border-radius: 50%;
  display: inline-block;
}

.place_keypad .keypad_password span.active {
  background-color: #d1d5db;
}

.place_keypad .keypad_button {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 12px;
  max-width: 320px;
  margin: 0 auto;
}

.place_keypad .keypad_button button {
  padding: 12px;
  font-size: 14px;
  background-color: #f8f9fa;
  border: 1px solid #dee2e6;
  border-radius: 8px;
  cursor: pointer;
}

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

.coupon-steps li {
  display: flex;
  align-items: center;
  margin-bottom: 8px;
  padding: 10px 16px;
  background: #F4F4F4;
  border-radius: 4px;
}

.step-num {
  font-weight: bold;
  font-size: 20px;
  margin-right: 12px;
}

.step-text {
  font-size: 14px;
  line-height: 1.5;
}

.step-text small {
  color: #666;
  display: block;
  font-size: 12px;
}

/* 쿠폰함 관련 */
.pop_coupon_wrap {
  margin: 16px 0;
}

.coupon_list_wrap {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
}

.coupon_list_wrap .none{
  width: 100%;
  background: #f5f5f5;
  padding: 16px;
  text-align: center;
  border-radius: .5rem;
}

.coupon_list_wrap .none_list{
  width: 100%;
  text-align: center;
  padding: 16px 0;
  border-top: 1px solid #CED4DA;
  margin-top: 16px;
}

.coupon_list_wrap .coupon {
  overflow: hidden;
  position: relative;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  border: 1px solid #CED4DA;
  border-radius: 8px;
}

.coupon_list_wrap .coupon .top {
  padding: 16px;
  width: 100%;
}

.coupon_list_wrap .coupon .bottom {
  padding: 10px 16px;
  width: 100%;
  border-top: 1px solid #CED4DA;
}

.coupon_list_wrap .coupon .right {
  padding: 16px 10px;
  width: 80px;
  height: 100%;
  border-left: 1px dashed #CED4DA;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
}

.coupon_list_wrap .coupon .left {
  position: relative;
  padding: 16px;
  width: calc(100% - 80px);
}

.coupon_list_wrap .coupon .coupon_detail_button {
  position: absolute;
  right: 16px;
  top: 16px;
}

.coupon_list_wrap .etc_info {
  margin-top: 6px;
}

.coupon_list_wrap .type {
  margin: 6px 0;
  display: inline-block;
  border-radius: 2px;
  padding: 2px 4px;
  font-size: 12px;
  font-weight: 600;
}

.coupon_list_wrap .type.thankq {
  background: #FFEBDF;
  color: #F27226;
}

.coupon_list_wrap .type.jh {
  background: #FBE8FF;
  color: #C83DFF;
}

.coupon_list_wrap .type.camp {
  background: #EAFFF5;
  color: #15CB76;
}

.coupon_list_wrap .type.charge {
  background: #E8EDFF;
  color: #3D6AFF;
}

.coupon_list_wrap .type.place {
  background: #FFE4DF;
  color: #F23E26;
}

.coupon_list_wrap .price {
  color: #F27226;
  font-weight: 700;
  font-size: 24px;
}

.coupon_list_wrap .tit {
  font-weight: 700;
  font-size: 16px;
}

.coupon_list_wrap .tit {
  font-weight: 700;
  font-size: 16px;
}

.coupon_list_wrap .info,
.coupon_list_wrap .exp,
.coupon_list_wrap .limit {
  color: #6C757D;
}

.coupon_list_wrap .coupon_down_info {
  margin-top: 10px;
  color: #F27226;
}

.coupon_list_wrap .coupon_down_info.disabled {
  color: #757575;
}

.coupon_list_wrap .disabled .type {
  background: #F1F3F4;
  color: #757575;
}

.coupon_list_wrap .disabled .price {
  color: #757575;
  font-weight: 700;
  font-size: 24px;
}

.coupon_list_wrap .disabled .tit {
  color: #757575;
  font-weight: 700;
  font-size: 16px;
}

.coupon_list_wrap .disabled .right {
  background: #F1F3F4;
  color: #6C757D;
}

.coupon_list_wrap.skeleton li {
  position: relative;
  overflow: hidden;
  width: 100%;
  height: 80px;
  border-radius: 6px;
  background: #eee;
}

.coupon_list_wrap.skeleton li::before {
  content: '';
  position: absolute;
  top: 0;
  left: -100%;
  width: 100%;
  height: 100%;
  background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.4) 50%, rgba(255, 255, 255, 0) 100%);
  animation: shimmer 1.5s infinite;
}

.coupon_detail_list_wrap+.coupon_detail_list_wrap {
  margin-top: 16px;
}

.coupon_detail_list_wrap .tit {
  margin-bottom: 6px;
}

.receive_coupon_list {
  margin: 24px 0;
}

.receive_coupon_sec {
  margin: 16px 0;
}

.receive_coupon_sec+.receive_coupon_sec {
  margin-top: 24px;
}

.receive_coupon_sec .tit {
  font-size: 16px;
  font-weight: 500;
  color: #212529;
}

.receive_coupon_sec .tit+.dec {
  margin-top: 8px;
}

.receive_coupon_sec .dec {
  font-size: 13px;
  font-weight: 400;
  color: #6C757D;
}

.receive_coupon_sec .thankq_event_list {
  margin: 16px 0;
}

.receive_coupon_sec .thankq_event_list li {
  position: relative;
  width: 100%;
  aspect-ratio: 2 / 1;
  border-radius: 6px;
  overflow: hidden;
  display: flex;
  justify-content: center;
  align-items: center;
}

.receive_coupon_sec .thankq_event_list li+li {
  margin-top: 8px;
}

.receive_coupon_sec .thankq_event_list .badge_box {
  position: absolute;
  right: 8px;
  top: 8px;
  display: flex;
  gap: 4px;
}

.receive_coupon_sec .thankq_event_list .badge_box span {
  padding: 2px 4px;
  border: 1px solid #EAEDEF;
  border-radius: 2px;
  background: #fff;
  font-size: 12px;
  font-weight: 500;
}

.receive_coupon_sec .zzim_go_button {
  margin: 16px 0;
  padding: 8px 16px;
  width: 100%;
  font-size: 14px;
  font-weight: 400;
  background: #fff;
  border: 1px solid #F27226;
  border-radius: 6px;
  text-align: center;
}


/* 인풋 관련 (ver.2025) */
.input_wrap+.input_wrap {
  margin-top: 24px;
}

.input_wrap .input_label {
  margin-bottom: 6px;
  display: flex;
  align-items: center;
  gap: 8px;
  font-weight: 500;
}

.input_wrap .input_label .required {
  overflow: hidden;
  display: inline-block;
  width: 14px;
  height: 14px;
  background: url('/images/icon_required.png') no-repeat left center;
  background-size: 12px;
  text-indent: -9999px;
}

.input_wrap .input_content .input_text {
  width: 100%;
  height: 44px;
  padding: 0 12px;
  font-size: 14px;
  border: 1px solid #ccc;
  border-radius: 6px;
  background-color: #fff;
  color: #333;
}

.input_wrap .input_content .input_text+.input_text {
  margin-top: 6px;
}

.input_wrap .input_content .input_text:disabled {
  background: #F8F9FA;
}

.input_wrap .input_content .input_text::placeholder {
  color: #ccc;
}

.input_wrap .input_content .input_text.date {
  background: #fff url('/images/icon_calendar.png') no-repeat right 12px center;
}

.input_wrap .input_content .input_text.date:disabled {
  background: #F8F9FA url('/images/icon_calendar.png') no-repeat right 12px center;
}

.input_wrap .input_content .file_upload {
  display: flex;
  align-items: center;
  border: 1px solid #ddd;
  border-radius: 6px;
  overflow: hidden;
  height: 44px;
  background-color: #f9f9f9;
}

.input_wrap .input_content .file_upload .upload_button {
  background-color: #2e2e2e;
  color: white;
  padding: 0 16px;
  height: 100%;
  display: flex;
  align-items: center;
  cursor: pointer;
  white-space: nowrap;
  font-size: 14px;
}

.input_wrap .input_content .file_upload .file_info {
  padding: 0 12px;
  font-size: 14px;
  color: #aaa;
}

.input_wrap .input_content .select_box {
  width: 100%;
  height: 44px;
  padding: 0 12px;
  font-size: 14px;
  font-weight: 400;
  border: 1px solid #ddd;
  border-radius: 6px;
  background-color: #fff;
  appearance: none;
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 20 20' fill='gray' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.23 7.21a.75.75 0 0 1 1.06.02L10 10.94l3.71-3.71a.75.75 0 1 1 1.06 1.06l-4.24 4.24a.75.75 0 0 1-1.06 0L5.21 8.29a.75.75 0 0 1 .02-1.08z'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 12px center;
  background-size: 16px;
}

.input_wrap .input_content .photo_upload_wrap {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
  position: relative;
}

.input_wrap .input_content .photo_preview_list {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.input_wrap .input_content .photo_upload_box {
  width: 110px;
  height: 80px;
  border: 1px solid #ccc;
  border-radius: 6px;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  background-color: #fff;
}

.input_wrap .input_content .photo_upload_box .plus {
  font-size: 28px;
  color: #aaa;
}

.input_wrap .input_content .photo_preview_list img {
  width: 110px;
  height: 80px;
  object-fit: cover;
  border-radius: 6px;
  border: 1px solid #ccc;
}

.input_wrap .input_content .photo_note {
  width: 100%;
  margin-top: 4px;
  font-size: 12px;
  color: #999;
}

.input_wrap .input_content .radio_box {
  display: flex;
  align-items: center;
  cursor: pointer;
  font-size: 14px;
  position: relative;
}

.input_wrap .input_content .radio_box+.radio_box {
  margin-top: 6px;
}

.input_wrap .input_content .radio_box input[type="radio"] {
  appearance: none;
  -webkit-appearance: none;
  width: 16px;
  height: 16px;
  border: 2px solid #ccc;
  border-radius: 50%;
  margin-right: 8px;
  position: relative;
  outline: none;
  cursor: pointer;
}

.input_wrap .input_content .radio_box input[type="radio"]:checked {
  border-color: #F27226;
  background-color: white;
}

.input_wrap .input_content .radio_box input[type="radio"]:checked::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 8px;
  height: 8px;
  background: #F27226;
  border-radius: 50%;
}

.input_wrap .input_content .checkbox_box {
  display: flex;
  align-items: center;
  gap: 6px;
  font-size: 14px;
  cursor: pointer;
}

.input_wrap .input_content .checkbox_box input[type="checkbox"] {
  appearance: none;
  width: 16px;
  height: 16px;
  border: 2px solid #ccc;
  border-radius: 4px;
  position: relative;
  visibility: inherit;
}

.input_wrap .input_content .checkbox_box input[type="checkbox"]:checked {
  border-color: #f85b00;
  background-color: #f85b00;
}

.input_wrap .input_content .checkbox_box input[type="checkbox"]:checked::before {
  content: "✔";
  font-size: 12px;
  color: white;
  position: absolute;
  top: -3px;
  left: 1px;
}

.input_wrap .input_content .date_box {
  display: flex;
  align-items: center;
  gap: 6px;
}

.input_wrap .input_content .input_with_button {
  display: flex;
  width: 100%;
  border: 1px solid #ccc;
  border-radius: 6px;
  overflow: hidden;
}

.input_wrap .input_content .input_with_button input {
  flex: 1;
  border: none;
  padding: 10px 12px;
  font-size: 14px;
  outline: none;
  background-color: white;
}

.input_wrap .input_content .input_with_button button {
  background-color: #F27226;
  color: white;
  border: none;
  padding: 10px 16px;
  font-size: 14px;
  cursor: pointer;
  white-space: nowrap;
}

.input_wrap .input_content .input_with_button button:disabled {
  background-color: #d4d9df;
  /* 연회색 */
}

.input_wrap .input_content .btn {
  background-color: #333;
  width: 100%;
  height: 44px;
  color: white;
  border: none;
  border-radius: 6px;
  padding: 8px 12px;
  cursor: pointer;
  font-size: 14px;
}

.left_input_wrap {
  display: flex;
  align-items: center;
  gap: 6px;
}

.left_input_wrap+.left_input_wrap {
  margin-top: 6px;
}

.left_input_wrap .left_input_label {
  width: 100px;
  font-size: 12px;
  color: #6C757D;
}

.left_input_wrap .left_input_content {
  width: calc(100% - 100px - 6px);
}


.password_input_box {
  display: flex;
  justify-content: center;
  gap: 8px;
}

.password_input_box .code_input {
  width: 50px;
  height: 50px;
  font-size: 24px;
  text-align: center;
  border: 1px solid #ccc;
  border-radius: 6px;
}

/* 탭(tab) 관련 */
.tab-container {
  width: 100%;
  margin: auto;
}

.tab-buttons {
  padding: 0 24px;
  display: flex;
  width: 100%;
  max-width: 645px;
}

.tab-button {
  flex: 1;
  padding: 10px;
  text-align: center;
  cursor: pointer;
  border: 0;
  border-bottom: 2px solid #eee;
  background: #fff;
  font-size: 16px;
}

.tab-button.active {
  font-weight: bold;
  border-bottom: 2px solid #F27226;
}

.tab-content {
  display: none;
  padding: 24px;
}

.tab-content.active {
  display: block;
}

.mini-tab-content {
  display: none;
}

.mini-tab-content.active {
  display: block;
}

.badge_tab {
  display: flex;
  gap: 6px;
}

.badge_tab .swiper-slide {
  width: auto;
}

.badge_tab .badge_tab_tag {
  display: inline-block;
  padding: 0 15px;
  height: 38px;
  font-size: 12px;
  text-align: center;
  background-color: #f7f7f7;
  border: 0;
  border-radius: 38px;
}

.badge_tab .badge_tab_tag.active {
  background-color: #212529;
  color: #fff;
}

.line_tab {}

.line_tab .swiper-slide {
  width: auto;
}

.line_tab .line_tab_tag {
  display: flex;
  align-items: center;
  gap: 2px;
  height: 34px;
  font-size: 15px;
  text-align: center;
  background-color: #fff;
  border: 0;
  border-bottom: 2px solid transparent;
}

.line_tab .line_tab_tag.active {
  border-bottom: 2px solid #F27226;
  font-weight: 500;
}

/* 리스트(list) 관련 */
.bullet_list {}

.bullet_list .list {
  position: relative;
  text-indent: 10px;
}

.bullet_list .list+.list {
  margin-top: 6px;
}

.bullet_list .list:before {
  content: "";
  position: absolute;
  top: 9px;
  left: 0;
  display: inline-block;
  width: 4px;
  height: 4px;
  border-radius: 4px;
  background: #212529;
}


/* 버튼(button) 관련 */
.info_button {
  padding-left: 18px;
  background: url('/images/info.png') no-repeat left center;
  border: 0;
  color: #6C757D;
}

.info_button.white {
  background: url('/images/info_white.png') no-repeat left center;
  color: #FFF;
}

.share_button {
  border-radius: 19px;
  padding: 4px 15px;
  letter-spacing: -0.58px;
  font-size: 12px;
  color: #1f1f1f;
  display: inline-block;
  text-align: center;
  background: #fff;
  border: 1px solid #EBEBEB;
}

.down_button {
  width: 24px;
  height: 24px;
  background: #F27226;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 24px;
}

.down_button img {
  width: 12px;
}

.btn {
  padding: 8px 12px;
  border-radius: 8px;
}

.btn:disabled{
  background: #eee !important;
  border-color: #eee !important;
  color: #777 !important;
}

.btn.small {
  padding: 4px 8px;
  border-radius: 6px;
}

.btn.big {
  padding: 12px 12px;
  border-radius: 8px;
}

.btn.orange {
  background: #F27226;
  border: 1px solid #F27226;
  color: #FFF;
}

.btn.line-orange {
  background: #FFF;
  border: 1px solid #F27226;
  color: #F27226;
}

.btn.black {
  background: #343A40;
  border: 1px solid #343A40;
  color: #FFF;
}

.btn.gray {
  background: #DEE2E6;
  border: 1px solid #DEE2E6;
}

.btn.line-gray {
  background: #FFF;
  border: 1px solid #DEE2E6;
}