.wrap .content.grid_1200 {
  margin-bottom: 150px;
}

.light_go {
  background: #ffa141;
  margin-left: 8px;
  font-size: 12px !important;
  border-radius: 5px;
  padding: 3px 10px;
  color: #fff
}

.wrap .content.grid_1200 .sns_review_wrap_tit {
  font-family: 'Neo_Semibold';
  font-size: 20px;
  margin-top: 35px;
}

/* 상단 메인상품박스 */
.detail_top_wrap {
  width: 100%;
  border-bottom: 1px solid #cccccc54;
}

.detail_top {
  width: 1200px;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
  padding: 50px 0;
}

.detail_top * {
  font-size: 14px;
}

.detail_top .main_img {
  width: 600px;
  height: 600px;
  overflow: hidden;
  border-radius: 10px;
  border: 1px solid #f6f6f6;
  position: relative;
}

.detail_top .main_img img {
  display: block;
  height: 600px;
  width: 600px;
}

.detail_top .main_img .icon30 {
  position: absolute;
  bottom: 1%;
  right: 1%;
  width: 20%;
  border-radius: 10px;
  overflow: hidden;
  border: 3px solid #fff;
  box-shadow: 10px 10px 12px rgba(0, 0, 0, .09);
}

.detail_top .main_img .icon30 img {
  width: 100%;
  height: auto;
}

.detail_top .imgTop_list {
  display: inline-block;
  width: 100%;
  margin-top: 20px;
}

.detail_top .imgTop_list .detail_img {
  display: inline-block;
  width: 90px;
  height: 90px;
  background-color: #ededed;
  border-radius: 5px;
  overflow: hidden;
  margin-right: 10px;
}

/* .detail_top .imgTop_list .detail_img:nth-child(4){
  display: none;
} */
.detail_top .imgTop_list .detail_img img {
  width: 100%;
  cursor: pointer;
}

.detail_top_info {
  position: relative;
  width: 550px;
  min-height: 550px;
}

.detail_top_info>div {
  width: 100%;
}

.detail_top_info .name {
  font-size: 18px;
  font-family: Neo_Semibold;
  margin: 10px 0 15px;
  line-height: 24px;
  align-items: center;
}

.detail_top_info .name .fxClose {
  display: none;
}

.detail_top_info .price {
  display: flex !important;
}

.detail_top_info .price .price_number {
  font-family: 'Neo_Heavy';
  font-size: 18px;
  margin-right: 5px;
}

.detail_top_info .price span {
  font-size: 15px;
  display: flex;
  align-items: center;
}

.detail_top_info .price_bf .price_number {
  text-decoration: line-through;
  text-decoration-thickness: 2px;
  font-family: 'Neo_R';
  font-size: 14px !important;
  color: #a5a5a5;
  margin: 0;
}

.detail_top_info .price_bf span:nth-child(2) {
  text-decoration: line-through;
  text-decoration-thickness: 2px;
  font-family: 'Neo_R';
  font-size: 14px !important;
  color: #a5a5a5;
  margin: 0;
}

.detail_top_info .price_bf .price_number_bf {
  color: #3d86cd;
  font-size: 18px;
  margin-left: 10px;
  font-family: 'Neo_Heavy';
}

.detail_top_info .price_bf .price_number_bfw {
  color: #3d86cd;
  font-size: 14px;
}

.detail_top_info p.bf_txt {
  margin-top: 10px;
  font-size: 11px;
  color: #3d86cd;
  font-family: 'Neo_Semibold';
}

.detail_top_info .coupon_bank {
  border-bottom: 1px solid #d6d6d6;
  padding-bottom: 20px;
  margin-bottom: 20px;
  margin-top: 15px;
}

.detail_top_info .coupon_bank>div {
  background-color: #fef7f0;
  border-radius: 5px;
  padding: 10px;
  cursor: pointer;
}

.detail_top_info .coupon_bank p,
.detail_top_info .coupon_bank i {
  font-size: 12px;
  color: #f67c00;
  font-family: 'Neo_Semibold';
  display: inline-block;
}

.detail_top_info .coupon_bank i {
  margin-left: 10px;
  vertical-align: bottom;
}

.detail_top_title {
  font-family: Neo_Semibold;
}

.detail_top_title.detail_discount_title {
  font-size: 12px;
  padding-right: 0 !important;
}

.detail_top_info .product_opt {
  margin-bottom: 25px;
  display: flex;
  align-items: center;
}

.detail_top_info .detail_top_title #size_conversion {
  display: block;
  font-size: 12px;
  font-family: 'Neo_B';
  margin-top: 5px;
}

.detail_top_info .detail_top_title #surcharge {
  display: block;
  font-size: 12px;
  font-family: 'Neo_B';
}

.detail_top_info select {
  width: 80%;
  border: 1px solid #E5E5E5;
  padding: 12px 13px;
  background-color: ;
  border-radius: 5px;
  font-size: 14px;
  font-family: 'Pretendard-Regular';
}

.detail_top_info select option[value="0"] {
  display: none;
}

.detail_top_title:not(.size_left .detail_top_title),
.size_opt .size_left {
  width: 41%;
  line-height: 20px;
  padding: 0 5px;
}

.detail_top_info .non_code {
  flex-direction: column;
  padding: 10px 10px;
}

.detail_top_info .non_code .txt_box {
  margin: 0 0 20px 0;
}

.detail_top_info .non_code .txt_box .txt {
  margin: 0 0 10px 0;
  font-family: 'Neo_Semibold';
  font-size: 14px;
  color: #333333;
}

.detail_top_info .non_code .txt_box .s_txt {
  font-size: 13px;
  color: #777777;
  line-height: 19px;
}

.detail_top_info .non_code .txt_box .s_txt .stl {
  font-family: 'Neo_Semibold';
  font-size: 13px;
  color: #333333;
}

.detail_top_info .non_code .link {
  display: inline-block;
  font-size: 0;
  background-color: #f4646e;
  width: 170px;
  border-radius: 5px;
}

.detail_top_info .non_code .link .txt {
  font-size: 13px;
  color: #ffffff;
  line-height: 35px;
  text-align: center;
}

.detail_top_info .non_code .link .txt i {
  margin: 0 0 0 5px;
  font-size: 13px;
  color: #ffffff;
  transform: translateY(1px);
}

.detail_top_fx {
  position: fixed;
  width: 100%;
  background-color: #fff;
  z-index: 99999;
  left: 0;
  padding: 15px 0;
  border-bottom: 1px solid #ccc;
  display: none;
}

.detail_top_fx .imgTop_wrap {
  display: none;
}

.detail_top_fx .detail_top_info .product_opt {
  margin-bottom: 5px;
}

.detail_top_fx .detail_top_info {
  width: 1200px;
  margin: 0 auto;
  padding: 0;
  min-height: auto;
}

.detail_top_fx .detail_top_info .name {
  width: 100%;
  display: inline-block;
}

.detail_top_fx .detail_top_info .name .fxClose {
  display: block;
  float: right;
  cursor: pointer;
}

.detail_top_fx .detail_top_info .name .fxClose i {
  font-size: 22px;
}

.detail_top_fx .detail_select {
  display: flex;
}

.detail_top_fx .detail_select .select_wrap {
  width: calc(100% / 2);
  padding-right: 20px;
  border-right: 1px dashed #ddd;
}

.detail_top_fx .detail_select .select_wrap .product_opt {
  display: flex;
  align-items: center;
}

.detail_top_fx .detail_select .total_wrap {
  width: calc(100% / 2);
  padding-left: 20px;
}

.detail_top_fx .coupon_wrap {
  display: none;
}

.fxShow {
  display: block;
}

.size_left .size_detail,
.size_left .size_price span {
  color: #666;
  font-size: 13px;
}

.size_left .size_detail {
  margin: 10px 0 5px;
}

.size_right {
  width: 80%;
}

.size_right p {
  margin-top: 10px;
}

.size_right .size_btn {
  display: flex;
  flex-wrap: wrap;
}

.size_right .size_btn li {
  display: inline-block;
  width: 23%;
  border-radius: 5px;
  padding: 13px 0;
  text-align: center;
  font-size: 12.5px;
  cursor: pointer;
  margin-right: 8px;
  margin-bottom: 8px;
  background-color: #fff;
  border: 1px solid #E5E5E5;
}

.size_right .size_btn li:nth-child(4n) {
  margin-right: 0;
}

.size_right .size_btn li:hover {
  border: 1px solid #1a1a1a;
}

.size_right .size_btn li.select {
  border-color: #1a1a1a;
  font-family: 'Neo_Semibold'
}

.detail_top_info .choice_btn {
  justify-content: flex-end;
  margin-bottom: 20px;
}

.detail_top_info .total {
  margin: 10px 0 10px;
  display: inline-block;
  width: 100%;
  /* display: flex; */
  align-items: center;
}

.detail_top_info .total .detail_top_title {
  width: 100% !important;
  /* width: 60% !important; */
  display: inline-block;
  margin-top: 0;
  padding-left: 5px;
  cursor: pointer;
}

.detail_top_info .total .discount20,
.detail_top_info .total .discount5 {
  width: 60% !important;
}

.detail_top_info .total .detail_top_title .title_mo {
  font-size: 12px;
}

.detail_top_info .total>div {
  width: 100%;
  /* width: 40%; */
  text-align: right;
  font-size: 14px;
}

.detail_top_info .total>div>span {
  font-size: 20px;
  font-family: 'Neo_Heavy';
  margin-right: 3px;
}

.detail_top_info .total>div.bfprice {
  color: #3d86cd;
  /* display: flex; */
  /* width: 100%; */
}

.detail_top_info .total>div.bfprice>span {
  color: #3d86cd;
}

.detail_top_info .total>div.bfprice font {
  font-size: 13px;
  margin-right: 10px;
  color: #3d86cd;
  font-family: 'Neo_Semibold';
  display: flex;
  justify-content: right;
  margin-bottom: 4px;
}

.detail_top_info .total>div.bfprice font i {
  animation: wavesale 1.5s ease-in-out;
  animation-iteration-count: infinite;
  color: #3d86cd;
  font-family: 'Neo_Semibold';
}

.detail_top_info .total>div.bfprice font i:nth-child(1) {
  animation-delay: 0.1s;
  margin-left: 5px;
}

.detail_top_info .total>div.bfprice font i:nth-child(2) {
  animation-delay: 0.13s;
}

.detail_top_info .total>div.bfprice font i:nth-child(3) {
  animation-delay: 0.16s;
}

.detail_top_info .total>div.bfprice font i:nth-child(4) {
  animation-delay: 0.19s;
  margin-right: 5px;
}

@keyframes wavesale {
  0%, 40%, 100% {
    transform: translateY(0);
  }

  20% {
    transform: translateY(-5px);
  }

  60% {
    transform: translateY(-5px);
  }
}

.detail_top_info .discount_wrap {
  display: none;
  border: 1px solid #ededed;
  border-radius: 5px;
  padding-bottom: 15px;
  background: #f3f3f3;
  position: relative;
  overflow: hidden;
}

.detail_top_info .discount_wrap p {
  padding: 15px;
  background: #fff;
  font-size: 12px;
  color: #ff1616;
}

.detail_top_info .discount_wrap p span {
  font-size: 15px;
  font-family: 'Neo_Bold';
  color: #ff3434;
}

.detail_top_info .discount_wrap p i {
  vertical-align: sub;
  font-size: 16px;
  color: #ff3434;
  cursor: pointer;
}

/* .detail_top_info .discount_wrap p font {
  font-size: 20px;
  font-family: 'Neo_Heavy';
  margin-right: 3px;
} */
.detail_top_info .discount_wrap .total_discount {
  margin: 0 0 0px;
  display: flex;
  width: 100%;
  padding: 0 15px;
}

.detail_top_info .discount_wrap .total_discount:nth-child(2) {
  margin-top: 10px;
  margin-bottom: 5px;
}

.detail_top_info .discount_wrap .total_discount>input {
  display: none;
}

.detail_top_info .discount_wrap .total_discount input+label {
  display: inline-block;
  width: 13px;
  height: 13px;
  border: 1px solid #898989;
  position: relative;
  border-radius: 2px;
  cursor: pointer;
}

.detail_top_info .discount_wrap .total_discount input+label i {
  font-size: 12px;
  opacity: 0;
}

.detail_top_info .discount_wrap .total_discount input:checked+label i {
  opacity: 1;
}

.detail_top_info .discount_wrap .total_discount>label:nth-child(3) {
  width: 100%;
  /* cursor: pointer; */
}

.detail_top_info .discount_wrap .total_discount>label:nth-child(3) i {
  font-size: 14px;
  vertical-align: middle;
}

.detail_top_info .discount_wrap .total_discount>label:nth-child(3)>div {
  width: 39%;
  text-align: right;
  font-size: 12px;
  display: inline-block;
}

.detail_top_info .discount_wrap .total_discount>label:nth-child(3)>div>span {
  font-size: 12px;
  font-family: 'Neo_Heavy';
  margin-right: 3px;
}

.detail_top_info .discount_wrap .discount_pop {
  width: 100%;
  border-radius: 0;
  padding: 10px 15px 0px;
  border-top: 1px solid #ddd;
  margin-top: 10px;
  position: relative;
}

.detail_top_info .discount_wrap .discount_pop .pop_close {
  position: absolute;
  right: 10px;
  top: 10px;
  cursor: pointer;
  z-index: 999999;
}

.detail_top_info .discount_wrap .discount_pop .pop_close i {}

.detail_top_info .discount_wrap .discount_pop ul {}

.detail_top_info .discount_wrap .discount_pop li {
  font-size: 13px;
  line-height: 23px;
  font-size: 12px;
  font-family: Neo_Semibold;
  margin-bottom: 5px;
}

.detail_top_info .discount_wrap .discount_pop li:last-child {
  margin: 0px;
}

.detail_top_info .discount_wrap .discount_pop li .emp {
  color: #ff3434;
  font-family: Neo_Semibold;
}

.detail_top_info .discount_wrap .discount_pop .joint_btn {
  color: #fff;
  padding: 0;
  background: rgba(0, 0, 0, 0);
  font-size: 13px;
  line-height: 23px;
  margin-top: 8px;
}

.detail_top_info .discount_wrap .discount_pop li::before {
  content: '';
  display: block;
}

.detail_top_info .discount_wrap .discount_pop p {
  text-align: right;
}

.detail_top_info .discount_wrap .discount_pop p span {
  font-size: 11px;
  font-family: 'Neo_R';
  display: inline-block;
  padding: 2px 8px;
  border-radius: 7px;
  background-color: #ea7070;
  color: #fff;
  cursor: pointer;
}

.detail_top_info .discount_wrap .discount_pop p span i {
  font-size: 20px;
  color: #fff;
}

.detail_top_wrap .total_btn {
  display: flex;
  margin-bottom: 0;
  width: 100%;
  margin-top: 20px;
  border-top: 1px solid #d6d6d6;
  padding-top: 20px;
}

.total_btn a,
.detail_top_info .choice_btn span {
  display: inline-block;
  width: 50%;
  background-color: #EDEDED;
  text-align: center;
  padding: 13.5px 0;
  border-radius: 5px;
  cursor: pointer;
  font-family: Neo_Semibold;
}

.detail_top_info .choice_btn span {
  width: 20%;
  padding: 12px 0;
  background-color: #e7e7e7;
}

.total_btn a.basket_btn {
  padding: 15px 0px;
  background-color: #fff;
  border: 1px solid #adadad;
  font-size: 14px;
}

.total_btn a.buy_btn {
  color: #fff;
  background-color: #000;
  width: 100%;
  padding: 15px 0px;
  font-size: 14px;
  margin-left: 2%;
}

.total_btn .sold_out {
  cursor: inherit;
  /* display: none; */
}

.detail_top_info .total_percent {
  width: 100%;
  position: relative;
  display: none;
}

.detail_top_info .prd_bedge span {
  margin-right: 5px;
  margin-bottom: 5px;
}

.total_percent .bar_wrap .bar_gary {
  background: #ddd;
  width: 100%;
  border-radius: 20px;
}

.total_percent .bar_wrap .bar_color {
  background: rgb(255, 203, 150);
  background: linear-gradient(90deg, rgb(244 194 143) 0%, rgba(248, 170, 91, 1) 100%);
  transition: 1s;
  position: absolute;
  left: 0;
  border-radius: 20px;
  width: 0%;
  height: 10px;
}

.total_percent .bar_wrap .bar_color .bar_circle {
  background: #fff;
  position: absolute;
  right: 0;
  border-radius: 20px;
  width: 15px;
  top: -3px;
  height: 15px;
  box-shadow: 2px 4px 12px rgba(0, 0, 0, .08);
  border: 1px solid #f8aa5b
}

.total_percent .per_txt_wrap {
  margin-left: 10px;
  margin-top: 20px;
}

.total_percent .per_txt_wrap .tit {
  position: relative;
  font-size: 15px;
  display: flex;
}

.total_percent .per_txt_wrap .tit_sub {
  font-size: 15px;
  margin: 0 3px;
}

.total_percent .per_txt_wrap .tit::after {
  content: "";
  position: absolute;
  background-color: #f8aa5b;
  width: 5px;
  height: 5px;
  left: -11px;
  top: 5px
}

.total_percent .per_txt_wrap .tit span {
  font-family: 'Neo_bold';
  font-size: 15px;
}

.total_percent .per_txt_wrap .tit font {
  font-size: 12px;
  color: #009f30;
  display: inline-block;
  margin-left: 5px;
  cursor: pointer;
}

.total_percent .per_txt_wrap .tit font i {
  font-size: 15px;
  color: #009f30;
  vertical-align: bottom;
}

.total_percent .per_txt_wrap .tit font.feelframe_bf {
  font-family: 'Neo_bold';
  font-size: 16px;
  color: #3d86cd;
  /* animation: up-and-down-bf 0.8s infinite alternate; */
}

.total_percent .per_txt_wrap .tit font.bf_title {
  font-size: 11px;
  color: #3d86cd;
  font-family: 'Neo_Semibold';
}

.total_percent .per_txt_wrap .word {
  color: #999;
  margin-top: 10px;
  line-height: 19px;
  font-size: 12px;
  display: none;
}

.total_percent .per_txt_wrap .show_word {
  display: block
}

.total_btn a.order_guide {}

/* buy_box css */
.detail_top_info .buy_box {
  display: flex;
  flex-direction: column;
  gap: 10px;
  overflow-y: scroll;
  max-height: 170px;
  margin-top: 13px;
}

.detail_top_info .buy_box>div {
  display: inline-block;
  width: 100%;
  height: auto;
  background-color: #f3f3f3;
  border-radius: 5px;
  padding: 20px 15px;
  position: relative;
  /* display: none; */
}

.detail_top_info .buy_box .box_b {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 15px;
}

.detail_top_info .buy_box .extra_total {
  width: 90%;
}

.detail_top_info .buy_box .extra_price {
  font-size: 13px;
  margin-top: 7px;
  line-height: 18px;
}

.detail_top_info .buy_box>div .number_btn_input_box {
  display: flex;
  align-items: center;
  /* border: 1px solid #cdcdcd; */
  background-color: #fff;
  border-radius: 3px;
  height: 25px;
}

.detail_top_info .buy_box>div .number_btn_input_box button {
  border: none;
  background: none;
  width: 28px;
  height: 23px;
  line-height: 28px;
  text-align: center;
  cursor: pointer;
}

.detail_top_info .buy_box>div .number_btn_input_box button i {
  font-size: 16px;
}

.detail_top_info .buy_box>div .number_btn_input_box input {
  width: 30px;
  height: 100%;
  border: none;
  /* border-left: 1px solid #cdcdcd; */
  /* border-right: 1px solid #cdcdcd; */
  text-align: center;
  border-radius: 0;
}

.detail_top_info .buy_box>div .buy_box_total span {
  font-size: 16px;
  font-family: 'Neo_Bold';
  margin-right: 3px;
}

.detail_top_info .buy_box i.xi-close {
  position: absolute;
  right: 15px;
  top: 10px;
  font-size: 15px;
  cursor: pointer;
  color: #666;
}

.rail_tab {
  display: flex;
  align-items: center;
  text-align: center;
}

.rail_tab a {
  font-size: 14px;
  display: inline-block;
  width: 33.33%;
  padding: 15px 8px;
  border-top: 1px solid #ededed;
  border-left: 1px solid #ededed;
  border-right: 1px solid #ededed;
  border-radius: 5px 5px 0 0;
  text-align: center;
  cursor: pointer;
  color: #777;
  position: relative;
  background-color: #fafafa;
}

.rail_tab a.on_btn {
  color: #333;
  border-color: #565656;
  background: none;
}

.rail_list {
  margin-top: 50px;
}

.rail_list>div:not(:first-child) {
  display: none;
}

.rail_list .rail_detailWrap {
  display: inline-block;
  width: 100%;
}

.rail_list .rail_detailWrap .rail_set {
  display: inline-block;
  width: 47%;
  border: 1px solid #D0D0D0;
  border-radius: 10px;
  padding: 35px 40px;
  text-align: center;
}

.rail_list .rail_detailWrap .rail_set:first-child {
  margin-right: 6%;
  float: left;
}

.rail_list .rail_detailWrap .rail_set .set_img {
  width: 300px;
  margin: 0 auto;
}

.rail_list .rail_detailWrap .rail_set .set_img img {
  width: 100%;
}

.rail_list .rail_detailWrap .rail_set .set_name {
  display: inline-block;
  padding: 10px 15px;
  border: 1px solid #B4B4B4;
  font-family: 'Neo_Bold';
  font-size: 18px;
  background-color: #F5F5F5;
  margin-top: 35px;
  border-radius: 5px;
}

.rail_list .rail_detailWrap .rail_set .set_sub {
  font-size: 15px;
  margin-top: 15px;
  border-bottom: 1px solid #ededed;
  margin-bottom: 20px;
  padding-bottom: 20px;
}

.rail_list .rail_detailWrap .rail_set .set_list span {
  font-size: 17px;
  font-family: 'Neo_Bold';
}

.rail_list .rail_detailWrap .rail_set .set_list ul li {
  line-height: 20px;
  margin-top: 15px;
  font-size: 15px;
}

#rail_detail .rail_detailCut {
  display: inline-block;
  width: 100%;
  margin-top: 100px;
}

#rail_detail .rail_detailCut>div {
  padding-left: 30px;
  padding-right: 30px;
}

#rail_detail .rail_detailCut .rail_cut,
#rail_detail .rail_detailCut .wire_cut {
  margin-bottom: 40px;
  padding-bottom: 40px;
  border-bottom: 1px solid #CECECE;
}

#rail_detail .rail_detailCut .in_cut {
  padding-top: 30px;
}

#rail_detail .rail_detailCut .product_cut {
  display: flex;
  align-items: center;
}

#rail_detail .rail_detailCut .cut_left {
  width: 55%;
  margin-right: 5%;
}

#rail_detail .rail_detailCut .cut_left .cut_title {
  font-size: 20px;
  font-family: 'Neo_Bold';
  margin-bottom: 30px;
}

#rail_detail .rail_detailCut .cut_left .cut_txt {
  font-size: 14px;
  line-height: 35px;
}

#rail_detail .rail_detailCut .cut_left .cut_txt>div:last-child {
  margin-top: 20px;
}

#rail_detail .rail_detailCut .cut_left .cut_txt .how_title {
  display: inline-block;
  margin: 20px 0 15px;
  background-color: #ededed;
  padding: 3px 40px;
  border-radius: 50px;
  font-family: 'Neo_Semibold';
  font-size: 14px;
  line-height: 23px;
}

#rail_detail .rail_detailCut .cut_left .cut_txt strong {
  font-family: 'Neo_Bold';
  position: relative;
}

#rail_detail .rail_detailCut .cut_left .cut_txt .how_list {
  padding-left: 10px;
}

#rail_detail .rail_detailCut .cut_left .cut_txt .how_list li {
  font-size: 14px;
}

#rail_detail .rail_detailCut .cut_left .cut_txt strong::before {
  display: inline-block;
  content: '';
  position: absolute;
  bottom: -5px;
  left: 0;
  right: 0;
  height: 15px;
  background-color: #FFEFDD;
  z-index: -2;
}

#rail_detail .rail_detailCut .cut_right {
  width: 40%;
}

#rail_detail .rail_detailCut .in_cut .cut_right {
  text-align: center;
}

#rail_detail .rail_detailCut .cut_right img {
  width: 100%;
}

#rail_detail .rail_detailCut .in_cut .cut_right img {
  width: auto;
}

#rail_video .video_list {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  margin-bottom: 80px;
}

#rail_video .video_list .frame_vedio {
  width: 47%;
  margin-top: 0;
  margin-right: 3%;
}

#rail_video .video_list .howToUse {
  width: 50%;
}

#rail_video .video_list .howToUse .how_tit {
  display: inline-block;
  font-size: 15px;
  font-family: 'Neo_Semibold';
  background-color: #ededed;
  border-radius: 50px;
  padding: 10px 20px;
  margin-bottom: 20px;
}

#rail_video .video_list .howToUse ul {
  padding-left: 10px;
}

#rail_video .video_list .howToUse ul li {
  font-size: 14px;
  margin-bottom: 20px;
  line-height: 23px;
  padding-left: 20px;
  position: relative;
}

#rail_video .video_list .howToUse ul li::before {
  display: inline-block;
  position: absolute;
  left: 0;
  top: -1px;
  font-size: 13px;
  font-family: 'Neo_Semibold';
  color: #555;
}

#rail_video .video_list .howToUse ul li:nth-child(1)::before {
  content: '1.';
}

#rail_video .video_list .howToUse ul li:nth-child(2)::before {
  content: '2.';
}

#rail_video .video_list .howToUse ul li:nth-child(3)::before {
  content: '3.';
}

#rail_video .video_list .howToUse ul li:nth-child(4)::before {
  content: '4.';
}

#rail_video .video_list .howToUse ul li:nth-child(5)::before {
  content: '5.';
}

#rail_video .video_lists {
  display: flex;
  gap: 4%;
  text-align: center;
}

#rail_video .video_lists .frame_vedio {
  width: 48%;
}

#rail_video .video_lists .how_tit {
  display: inline-block;
  font-size: 15px;
  font-family: 'Neo_Semibold';
  background-color: #ededed;
  border-radius: 50px;
  padding: 10px 20px;
  margin-top: 20px;
}

#notice {
  padding: 30px;
  border-radius: 10px;
}

#notice .notice_tit {
  font-size: 18px;
  font-family: 'Neo_Semibold';
  margin-bottom: 25px;
}

#notice .notice_tit i {
  font-size: 25px;
  vertical-align: sub;
  margin-right: 5px;
}

#notice .notice_list {
  padding-left: 15px;
}

#notice .notice_list li {
  font-size: 14px;
  padding-left: 15px;
  line-height: 25px;
  margin-bottom: 15px;
  position: relative;
}

/* #notice .notice_list li::before {
  content: '';
  display: inline-block;
  width: 3px;
  height: 3px;
  border-radius: 50%;
  background-color: #333;
  position: absolute;
  left: 0;
  top: 11px;
} */
#notice .notice_list li:last-child {
  margin-bottom: 0;
}

/* 팝업창 */
.how_order_wrap {
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background-color: #000000ab;
  z-index: 99999;
  display: flex;
  align-items: center;
  justify-content: center;
  display: none;
}

.how_order_wrap .how_order {
  background-color: #fff;
  width: 50%;
  height: 80%;
  border-radius: 10px;
  overflow-y: scroll;
  padding: 40px 50px;
}

.how_order_wrap .how_order img {
  width: 100%;
}

.how_order_wrap .how_order i {
  position: absolute;
  top: 5%;
  right: 22%;
  font-size: 20px;
  color: #1a1a1a;
  font-weight: bold;
  background-color: #fff;
  padding: 10px;
  border-radius: 50%;
  cursor: pointer;
}

.how_order_wrap .how_order h1 {
  font-size: 28px;
  width: 100%;
  font-family: Neo_bold;
  text-align: left;
  margin: 10px 0 40px;
}

.how_order_wrap .how_order .how_order_tit {
  width: 100%;
  display: inline-block;
  font-size: 14px;
  color: #898989;
  margin-bottom: 10px;
}

.how_order_wrap .list_wrap {
  display: flex;
  flex-wrap: wrap;
  gap: 4%;
}

.how_order_wrap .list_wrap li {
  width: 48%;
  box-shadow: 5px 5px 15px #22222229;
  border-radius: 10px;
  margin-bottom: 50px;
  padding: 50px 40px;
  position: relative;
}

.how_order_wrap .list_wrap .title_num {
  font-size: 40px;
}

.how_order_wrap .list_wrap .title {
  display: inline-block;
  font-size: 19px;
  font-family: Neo_Semibold;
  margin: 30px 0 20px;
}

.how_order_wrap .list_wrap .txt {
  font-size: 15px;
  line-height: 22px;
  margin-bottom: 10px;
  word-break: keep-all;
}

.how_order_wrap .list_wrap .sub_txt {
  font-size: 13px;
  color: #999;
  line-height: 18px;
  margin-bottom: 20px;
  word-break: keep-all;
  letter-spacing: 0.2px;
}

.how_order_wrap .list_wrap .sub_txt a {
  display: inline-block;
  padding: 2px 8px;
  background-color: #333;
  color: #fff;
  cursor: pointer;
  border-radius: 5px;
  margin-right: 3px;
}

.how_order_wrap .list_wrap .how_img_wrap {
  margin-top: 20px;
  width: 100%;
}

.how_order_wrap .list_wrap .how_icon_wrap {
  position: absolute;
  top: 75px;
  right: 60px;
  width: 50px;
}

.how_order_wrap .list_wrap .how_icon_wrap::before {
  content: '';
  width: 80px;
  height: 80px;
  background-color: #E5E5E5;
  border-radius: 50%;
  top: -30px;
  right: -34px;
  position: absolute;
  z-index: 1;
}

.how_order_wrap .list_wrap .how_icon_wrap img {
  position: relative;
  z-index: 2;
}

.how_order_wrap .go_btn {
  width: 100%;
  text-align: center;
}

.how_order_wrap .go_btn .go_txt {
  font-size: 15px;
  font-family: 'Neo_Semibold';
  margin-bottom: 20px;
}

.how_order_wrap .go_btn a {
  display: inline-block;
  width: 150px;
  background-color: #333;
  border-radius: 50px;
  padding: 13px 25px;
  color: #fff;
  font-size: 14px;
  font-family: 'Neo_Semibold';
}

/* 더스트백 */
.help_pop {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #32323294;
  z-index: 999;
}

.help_pop .close_icon {
  display: inline-block;
  position: absolute;
  top: 15px;
  right: 25%;
  cursor: pointer;
}

.help_pop .close_icon i {
  font-size: 27px;
  color: #fff;
}

.help_pop .pop_content {
  margin: 0 auto;
  width: 50%;
  height: 90%;
  background-color: #fff;
  border-radius: 10px;
  overflow-y: scroll;
  margin-top: 50px;
  padding: 70px 50px;
  position: relative;
}

#setframe_icon {
  vertical-align: top;
  font-size: 16px;
  margin: 2px 0 0 4px;
  cursor: pointer;
}

#size_icon {
  vertical-align: top;
  font-size: 16px;
  margin: 2px 0 0 4px;
  cursor: pointer;
}

#bag_icon {
  vertical-align: top;
  font-size: 16px;
  margin: 2px 0 0 4px;
  cursor: pointer;
}

#poster_icon {
  font-size: 16px;
  cursor: pointer;
  vertical-align: top;
  margin: 2px 0 0 4px;
}

#collageframe_icon {
  font-size: 16px;
  cursor: pointer;
  vertical-align: top;
  margin: 2px 0 0 0;
}

#setframe_pop {
  display: none;
}

#setframe_pop .pop_title {
  font-size: 28px;
  font-family: 'Neo_bold';
  border-bottom: 2px solid #333;
  padding-bottom: 25px;
  margin-bottom: 30px;
}

#setframe_pop .pop_content .container {
  margin-bottom: 50px;
}

#setframe_pop .pop_content .container .list {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 40px;
}

#setframe_pop .pop_content .container .list.left {
  justify-content: flex-start;
}

#setframe_pop .pop_content .container .list ._img {
  display: inline-block;
  width: 47%;
  height: 300px;
  border-radius: 35px;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  overflow: hidden;
}

#setframe_pop .pop_content .container .list ._img img {
  display: block;
  width: 100%;
}

#setframe_pop .pop_content .container .list ._txt {
  padding-left: 40px;
}

#setframe_pop .pop_content .container .list.right {
  position: relative;
  height: 300px;
}

#setframe_pop .pop_content .container .list.right ._img {
  position: absolute;
  right: 0;
}

#setframe_pop .pop_content .container .list.right ._txt {
  padding-left: 20px;
  position: absolute;
  left: 0;
}

#setframe_pop .pop_content .container .list ._txt .e_tit {
  color: #ECC9A6;
  font-size: 14px;
}

#setframe_pop .pop_content .container .list ._txt .con_tit {
  font-size: 20px;
  font-family: 'Neo_Semibold';
  margin: 15px 0 20px;
}

#setframe_pop .pop_content .container .list ._txt .con_txt {
  font-size: 14px;
  line-height: 25px;
}

/*콜라주 구분선 팝업 추가 25-04-17*/
#collageframe_pop {
  display: none;
}

/* #collageframe_pop {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #32323294;
  z-index: 999;
} */
/* #collageframe_pop .close_icon {
  display: inline-block;
  position: absolute;
  top: 15px;
  right: 25%;
  cursor: pointer;
}

#collageframe_pop .close_icon i {
  font-size: 27px;
  color: #fff;
}

#collageframe_pop .pop_content {
  margin: 0 auto;
  width: 50%;
  height: 90%;
  background-color: #fff;
  border-radius: 10px;
  overflow-y: scroll;
  margin-top: 50px;
  padding: 70px 50px;
  position: relative;
} */
#collageframe_pop .pop_content .collage_tit {
  font-size: 28px;
  font-family: 'Neo_bold';
  border-bottom: 2px solid #333;
  padding-bottom: 25px;
  margin-bottom: 30px;
}

#collageframe_pop .collage_content {
  padding: 0 15px;
  width: 100%;
}

#collageframe_pop .collage_content .txt_box {
  color: #333;
  font-size: 15px;
  line-height: 25px;
  background-color: #f2f9fa;
  padding: 25px 25px;
  border-radius: 10px;
  margin: 0 0 60px 0;
}

#collageframe_pop .collage_content .img_box {
  display: flex;
  gap: 23px;
  margin: 0 0 65px 0;
}

#collageframe_pop .collage_content .img_box .box {
  display: flex;
  flex-direction: column;
}

#collageframe_pop .collage_content .img_box .box .img {
  width: 100%;
  margin: 0 0 20px 0;
}

#collageframe_pop .collage_content .img_box .box .img img {
  width: 100%;
}

#collageframe_pop .collage_content .img_box .box .txt {
  font-size: 14px;
  color: #ffffff;
  background-color: #0e3560;
  text-align: center;
  display: inline-block;
  margin: 0 auto;
  width: 163px;
  line-height: 37px;
  border-radius: 50px;
}

#collageframe_pop .collage_content .conts_box {
  background: #f6f6f4;
  border-radius: 10px;
  color: #333;
  font-size: 15px;
  line-height: 31px;
  padding: 30px 30px;
}

/*포스터 팝업 추가 04-22*/
#poster_pop {
  display: none;
}

/* #poster_pop {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #32323294;
  z-index: 999;
} */
/* #poster_pop .close_icon {
  display: inline-block;
  position: absolute;
  top: 15px;
  right: 20%;
  cursor: pointer;
}

#poster_pop .close_icon i {
  font-size: 27px;
  color: #fff;
}

#poster_pop .pop_content {
  margin: 0 auto;
  width: 60%;
  height: 90%;
  background-color: #fff;
  border-radius: 10px;
  overflow-y: scroll;
  margin-top: 50px;
  padding: 70px 50px;
  position: relative;
} */
#poster_pop .pop_content .bag_tit {
  font-size: 28px;
  font-family: 'Neo_bold';
  border-bottom: 2px solid #333;
  padding-bottom: 25px;
  margin-bottom: 30px;
}

#poster_pop .pop_content .bag_content {}

#poster_pop .pop_content .bag_content .txt_point {
  font-family: 'Neo_Semibold';
  color: #d70000;
  font-size: 15px;
  margin: 25px 0 0 7px;
}

#poster_pop .pop_content .bag_content .poster_box {
  margin: 0 0 35px 0;
}

#poster_pop .pop_content .bag_content .poster_box>.img_box {
  margin: 0 0 40px 0;
  width: 100%;
}

#poster_pop .pop_content .bag_content .poster_box>.img_box img {
  display: block;
  width: 100%;
  height: 100%;
}

#poster_pop .pop_content .bag_content .poster_box>.img_box .img_txt {
  width: 100%;
  margin: 15px 0 50px 0;
}

#poster_pop .pop_content .bag_content .poster_box>.img_box .img_txt>ul {
  font-size: 0;
}

#poster_pop .pop_content .bag_content .poster_box>.img_box .img_txt>ul>li {
  display: inline-block;
  width: 50%;
  text-align: center;
}

#poster_pop .pop_content .bag_content .poster_box>.img_box .img_txt>ul>li .txt {
  font-size: 14px;
  color: #ffffff;
  text-align: center;
  line-height: 38px;
  padding: 0 25px;
  display: inline-block;
  border-radius: 50px;
  background: #0e3560;
}

#poster_pop .pop_content .bag_content .poster_box>.img_box .stl {
  margin: 15px 0 0 0
}

#poster_pop .pop_content .bag_content .poster_box .inner {
  display: flex;
  gap: 25px;
}

#poster_pop .pop_content .bag_content .poster_box .inner>.box {
  width: 50%;
}

#poster_pop .pop_content .bag_content .poster_box>.inner .box .txt_list {}

#poster_pop .pop_content .bag_content .poster_box>.inner .box .txt_list .tit {
  font-family: 'Neo_Semibold';
  font-size: 20px;
  color: #111111;
  padding: 0 0 10px 20px;
  border-bottom: 2px solid #333333;
}

#poster_pop .pop_content .bag_content .poster_box>.inner .box .txt_list .tit.icon01,
#poster_pop .pop_content .bag_content .poster_box>.inner .box .txt_list .tit.icon02 {
  position: relative;
}

#poster_pop .pop_content .bag_content .poster_box>.inner .box .txt_list .tit.icon01:before,
#poster_pop .pop_content .bag_content .poster_box>.inner .box .txt_list .tit.icon02:before {
  content: '';
  position: absolute;
  left: 8px;
  top: 8px;
  width: 5px;
  height: 6px;
}

#poster_pop .pop_content .bag_content .poster_box>.inner .box .txt_list .tit.icon01:before {
  background-color: #00a65f;
}

#poster_pop .pop_content .bag_content .poster_box>.inner .box .txt_list .tit.icon02:before {
  background-color: #055c88;
}

#poster_pop .pop_content .bag_content .poster_box>.inner .box .txt_list .txt {
  font-family: 'Neo_Semibold';
  font-size: 16px;
  color: #333333;
  line-height: 25px;
  text-align: left;
  margin: 20px 0 20px 0;
}

#poster_pop .pop_content .bag_content .poster_box>.inner .box .txt_list .txt .bgc {
  font-family: 'Neo_Semibold';
  box-shadow: inset 0 -12px 5px #fff5a3;
  font-size: 16px;
}

#poster_pop .pop_content .bag_content .poster_box>.inner .box .txt_list .txt_box {
  background-color: #f6f6f4;
  border-radius: 10px;
  padding: 25px 20px;
}

#poster_pop .pop_content .bag_content .poster_box>.inner .box .txt_list .txt_box .txt_list {}

#poster_pop .pop_content .bag_content .poster_box>.inner .box .txt_list .txt_box .txt_list .s_txt {
  font-family: 'Neo_Semibold';
  color: #484848;
  font-size: 15px;
  margin: 0 0 10px 0;
}

#poster_pop .pop_content .bag_content .poster_box>.inner .box .txt_list .txt_box .txt_list>ul {}

#poster_pop .pop_content .bag_content .poster_box>.inner .box .txt_list .txt_box .txt_list>ul>li {
  color: #515151;
  font-size: 15px;
  line-height: 26px;
}

#poster_pop .pop_content .bag_content .poster_box>.inner .box .txt_list .txt_box .txt_list>ul>li .line {
  border-bottom: 1px solid #a3a39c;
  font-size: 15px;
  color: #515151;
}

#poster_pop .pop_content .bag_content>.box2 {
  border: 1px solid #dbdbdb;
  padding: 15px;
  margin: 0 0 15px 0;
}

#poster_pop .pop_content .bag_content>.box2:last-child {
  margin: 0;
}

#poster_pop .pop_content .bag_content>.box2 .inr {
  display: flex;
  gap: 15px;
}

#poster_pop .pop_content .bag_content>.box2 .inr .box {
  position: relative;
  width: 50%;
}

#poster_pop .pop_content .bag_content>.box2 .inr .box .txt_box {
  position: absolute;
  left: 0;
  top: 0;
}

#poster_pop .pop_content .bag_content>.box2 .inr .box .txt_box .txt {
  font-size: 20px;
  width: 35px;
  line-height: 35px;
  text-align: center;
  color: #ffffff;
  background-color: #00a55e;
}

#poster_pop .pop_content .bag_content>.box2 .inr .box .txt_box .txt.clr {
  background-color: #065b88;
}

#poster_pop .pop_content .bag_content>.box2 .inr .box .img_box {}

#poster_pop .pop_content .bag_content>.box2 .inr .box .img_box img {
  display: block;
  width: 100%;
  height: 100%;
}

#poster_pop .pop_content .bag_content>.box2 .inr .box .img_box .vdo_stl {
  width: 100%;
  outline: none;
  border: none;
  object-fit: cover;
}

#poster_pop .pop_content .bag_content>.box2 .inr .box.mb_vdo {
  display: none;
}

#bag_pop {
  display: none;
}

/* #bag_pop {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #32323294;
  z-index: 999;
} */
/* #bag_pop .close_icon {
  display: inline-block;
  position: absolute;
  top: 15px;
  right: 25%;
  cursor: pointer;
}

#bag_pop .close_icon i {
  font-size: 27px;
  color: #fff;
}

#bag_pop .pop_content {
  margin: 0 auto;
  width: 50%;
  height: 90%;
  background-color: #fff;
  border-radius: 10px;
  overflow-y: scroll;
  margin-top: 50px;
  padding: 70px 50px;
  position: relative;
} */
#bag_pop .pop_content .bag_tit {
  font-size: 28px;
  font-family: 'Neo_bold';
  border-bottom: 2px solid #333;
  padding-bottom: 25px;
  margin-bottom: 30px;
}

#bag_pop .pop_content .bag_content {
  margin-bottom: 50px;
}

#bag_pop .pop_content .bag_box {
  display: flex;
  align-items: center;
}

#bag_pop .pop_content .bag_box .bagBox_img {
  display: inline-block;
  width: 50%;
}

#bag_pop .pop_content .bag_box .bagBox_img img {
  display: block;
  width: 100%;
}

#bag_pop .pop_content .bag_txt .e_tit {
  color: #A7A7A7;
  font-size: 14px;
}

#bag_pop .pop_content .bag_txt .con_tit {
  font-size: 20px;
  font-family: 'Neo_Semibold';
  margin: 15px 0 20px;
}

#bag_pop .pop_content .bag_txt .con_txt {
  font-size: 14px;
  line-height: 25px;
}

#bag_pop .pop_content .bag_rightBox .bagBox_img {
  margin-right: 30px;
}

#bag_pop .pop_content .bag_leftBox {
  flex-direction: row-reverse;
  margin-top: 35px;
  justify-content: space-between;
}

#bag_pop .pop_content .bag_leftBox .bag_txt {
  padding-left: 15px;
}

#bag_pop .size_con {
  display: inline-block;
  border-top: 1px solid #ededed;
  margin-top: 30px;
}

#bag_pop .size_con .size_tit {
  text-align: center;
  width: 100%;
  display: inline-block;
  font-size: 22px;
  margin-top: 70px;
  font-family: 'Neo_Semibold';
  margin-bottom: 30px;
}

#bag_pop .size_con .con_img {
  width: 100%;
}

#bag_pop .size_con img {
  display: block;
  width: 70%;
  margin: 0 auto;
  margin-bottom: 15px;
}

#bag_pop .size_tb {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  margin: 0 auto;
  float: right;
}

#bag_pop .size_tb>ul.size_tb_list {
  display: flex;
  width: 100%;
  border-bottom: 1px solid #e8e8e8;
  padding: 16px 8px;
  font-size: 14px;
  align-items: center;
}

#bag_pop .size_tb .top_list {
  border-top: 1px solid #000;
  background-color: #fafafa;
}

#bag_pop .size_tb>ul.size_tb_list>li {
  text-align: center;
}

#bag_pop .size_tb>ul.size_tb_list>li:first-child {
  width: 15%;
}

#bag_pop .size_tb>ul.size_tb_list>li:nth-child(2) {
  width: 15%;
}

#bag_pop .size_tb>ul.size_tb_list>li:nth-child(3) {
  width: 15%;
}

#bag_pop .size_tb>ul.size_tb_list>li:nth-child(4) {
  width: 55%;
  line-height: 20px;
}

#bag_pop .size_tb>ul.size_tb_list>li:nth-child(5) {
  width: 45%;
}

#bag_pop .size_tb ul:first-child {
  line-height: 20px;
  font-size: 14px;
  padding: 16px 8px;
}

#bag_pop .size_tb ul:first-child>li {
  font-family: 'Neo_Semibold';
}

#bag_pop .size_tb .size_tb_list2 {
  margin-top: 30px;
}
#bag_pop .size_tb .size_tb_list2._mobile {
  display: none;
}

#bag_pop .size_tb .size_tb_list2 li {
  font-size: 14px;
  color: #5a5a5a;
  line-height: 30px;
  padding-left: 15px;
  position: relative;
}

#bag_pop .size_tb .size_tb_list2 li::before {
  position: absolute;
  top: 0;
  left: 0;
  content: '-';
  display: inline-block;
  font-size: 16px;
}

#bag_pop .bag_button {
  text-align: center;
  margin-top: 40px;
}

#bag_pop .bag_button a {
  display: inline-block;
  background-color: #1a1a1a;
  border-radius: 50px;
  color: #fff;
  font-size: 15px;
  font-family: 'Neo_Semibold';
  padding: 15px 50px;
}

.detail_top_wrap .np_co_wr {
  display: flex;
  margin-top: 10px;
}

/*증복 가능 쿠폰2404-02-26 */
.detail_top_wrap .coupon_wrap {
  width: 253px;
  height: 130px;
  /* margin-right: 10px; */
  cursor: pointer;
  background-image: url(../img/pdl_coupon.png);
  background-repeat: no-repeat;
  background-position: right top;
  background-size: contain;
}

.detail_top_wrap .coupon_wrap:after {
  content: '';
  display: block;
  clear: both;
}

.detail_top_wrap .coupon_wrap .inr {
  display: flex;
  width: 100%;
  padding: 5px 10px;
  /* background-image: url(../img/coupon_wrap_download.png); */
  /* background-repeat: no-repeat; */
  /* background-position: right 35px center; */
  /* background-size: 37px auto; */
}

.detail_top_wrap .coupon_wrap .inr .img_coupon {
  width: 60px;
  margin: 10px 25px;
  margin-right: 0;
}

.detail_top_wrap .coupon_wrap .inr .img_coupon img {
  display: inline-block;
  width: 100%;
}

.detail_top_wrap .coupon_wrap .inr .info_c {
  width: 155px;
  margin: 5px 0 0 0;
  text-align: center;
}

.detail_top_wrap .coupon_wrap .inr .info_c .mark {
  font-size: 11px;
  color: #724600;
  background-color: #f8bb5b;
  padding: 5px 10px;
  display: inline-block;
  border-radius: 50px;
  font-family: 'Pretendard-Bold';
  margin: 0 0 5px 0;
}

.detail_top_wrap .coupon_wrap .inr .info_c .txt {
  font-family: 'Pretendard-SemiBold';
  margin-bottom: 3px;
  font-size: 15px;
  line-height: 20px;
  color: #35302c;
}

.detail_top_wrap .coupon_wrap .inr .info_c .s_txt {
  font-size: 11px;
  line-height: 15px;
  color: #4f4f4f;
}

/* 포스터 추가 0416*/
.main_img {
  margin: 0 0 0 0 !important;
}

.main_img .img_box {}

.main_img .img_box img {
  display: block;
  width: 100%;
  height: 100%;
}

.main_img .img_box .pc {}

.main_img .img_box .mo {
  display: none;
}

.poster {
  text-align: center;
}

.poster .txt_list {
  margin: 0 0 55px 0;
}

.poster .txt_list .s_txt {
  font-family: 'Neo_Bold';
  font-size: 15px;
  color: #eccaa6;
  letter-spacing: 2px;
  margin: 0 0 18px 0;
}

.poster .txt_list .tit {
  font-family: 'Neo_Bold';
  font-size: 30px;
  color: #333333;
  margin: 0 0 25px 0;
  padding: 0 0 45px 0;
  background-image: url(/img/list5/tit_img.png);
  background-repeat: no-repeat;
  background-position: center bottom;
}

.poster .txt_list .txt {
  font-family: 'Neo_R';
  font-size: 16px;
  color: #333333;
}

.poster .txt_list .txt2 {
  font-family: 'Neo_R';
  font-size: 14px;
  color: #919191;
  margin: 15px 0 0 0;
}

.poster.derail {
  margin: 80px 0 0 0 !important;
}

.poster.derail .inner {}

.poster.derail .inner .poster_box {}

.poster.derail .inner .poster_box .swiper-wrapper {
  display: flex;
  flex-wrap: wrap;
}

.poster.derail .inner .poster_box .swiper-wrapper>.swiper-slide {
  width: 25%;
  margin: 0 0 50px 0;
  text-align: center;
}

.poster.derail .inner .poster_box .swiper-wrapper>.swiper-slide .img_box {
  display: inline-block;
  cursor: pointer;
  height: 316px;
  width: calc(100% - 80px);
  overflow: hidden;
  border-radius: 20px;
  box-shadow: 0px 0px 10px rgba(151, 151, 151, 0.8);
}

.poster.derail .inner .poster_box .swiper-wrapper>.swiper-slide .img_box img {
  display: block;
  width: 100%;
  height: 100%;
}

.poster.derail .inner .poster_box .swiper-wrapper>.swiper-slide .text_list {
  width: calc(100% - 120px);
  margin: 0 auto;
  text-align: left;
}

.poster.derail .inner .poster_box .swiper-wrapper>.swiper-slide .text_list .tit {
  display: inline-block;
  text-align: left;
  font-size: 30px;
  color: #060606;
  margin: 0 0 30px 0;
  border-bottom: 3px solid #eccaa6;
  padding: 0 5px 0 5px;
  line-height: 30px;
}

.poster.derail .inner .poster_box .swiper-wrapper>.swiper-slide .text_list .tit .stl {
  font-size: 16px;
}

.poster.derail .inner .poster_box .swiper-wrapper>.swiper-slide:nth-last-child(-n+2) {
  margin: 0 0 0 0;
}

/* 모달 스타일 */
.modal {
  display: none;
  position: fixed;
  z-index: 999;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  background-color: rgba(0, 0, 0, 0.6);
}

.modal .modal-content {
  width: 500px;
  height: 707px;
  overflow: hidden;
  left: 50%;
  top: 50%;
  position: fixed;
  transform: translate(-50%, -50%);
}

.modal .modal-content .swiper-wrapper {}

.modal .modal-content .swiper-wrapper>.swiper-slide {
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
}

.modal .modal-content .swiper-wrapper>.swiper-slide img {
  display: block;
  width: 100%;
  height: 100%;
}

.modal .modal-next.arrow, .modal-prev.arrow {
  transform: translateY(-50%);
  position: absolute;
  top: 50%;
  text-align: center;
  width: 100px;
  height: 100px;
  line-height: 100px;
  background-color: #ffffff;
  border-radius: 50%;
  cursor: pointer;
  z-index: 99999;
}

.modal .modal-next {
  right: 10%;
}

.modal .modal-prev {
  left: 10%;
}

.modal .close {
  position: absolute;
  padding: 12px 12px 9px 12px;
  opacity: 1;
  background-color: #f8f8f8;
  top: 5%;
  right: 3%;
  border-radius: 50%;
  cursor: pointer;
  border: 0;
  font-size: 20px;
  z-index: 9;
}

.modal .swiper-pagination01 {
  position: absolute;
  display: flex;
  flex-direction: column;
  right: 0;
  top: 50% !important;
  left: 50% !important;
  transform: translate(300px, 20px);
}

.modal .swiper-pagination01 .swiper-pagination-bullet {
  margin: 0 0 7px 0 !important;
  background: #e6e6e6;
  width: 23px;
  height: 23px;
  opacity: 1;
  color: #000000;
  text-align: center;
  line-height: 23px;
  font-size: 12px;
  font-family: 'Neo_Bold';
}

.modal .swiper-pagination01 .swiper-pagination-bullet-active {
  background-color: #ff6347;
  color: #ffffff;
}

.poster.guide {
  margin: 80px 0 0 0 !important;
}

.poster.guide .inner {}

.poster.guide .inner .guide_box {
  display: flex;
  background-image: url(/img/list5/size_guide_bg.png);
  background-repeat: no-repeat;
  padding: 70px 0 70px 60px;
}

.poster.guide .inner .guide_box .box_left {
  width: 100%;
  max-width: 313px;
  height: 275px;
  padding: 35px 15px 0 15px;
  background: #ffffff;
  border-radius: 10px;
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);
  opacity: 0.9;
}

.poster.guide .inner .guide_box .box_left .txt_top {
  background-color: #f4d9be;
  border-radius: 10px;
  margin: 0 0 12px 0;
}

.poster.guide .inner .guide_box .box_left .txt_top>ul {
  display: flex;
}

.poster.guide .inner .guide_box .box_left .txt_top>ul>li {
  width: 50%;
  line-height: 40px;
  font-family: 'Neo_Bold';
  color: #572f08;
  font-size: 15px;
}

.poster.guide .inner .guide_box .box_left .txt_conts {}

.poster.guide .inner .guide_box .box_left .txt_conts>ul {}

.poster.guide .inner .guide_box .box_left .txt_conts>ul>li {
  display: flex;
  padding: 18px 0 18px 0;
  border-bottom: 1px solid #e8e8e8;
}

.poster.guide .inner .guide_box .box_left .txt_conts>ul>li:last-child {
  border-bottom: 0;
}

.poster.guide .inner .guide_box .box_left .txt_conts>ul>li .number_txt {
  width: 50%;
  font-family: 'Neo_Bold';
  font-size: 16px;
  color: #060606;
}

.poster.guide .inner .guide_box .box_left .txt_conts>ul>li .number_txt .size {
  font-size: 14px;
}

.poster.guide .inner .guide_box .box_right {
  display: flex;
  align-items: flex-end;
}

.poster.guide .inner .guide_box .box_right .img_box {
  margin: 0 0 0 85px;
}

.poster.guide .inner .guide_box .box_right .img_box img {
  display: block;
}

.poster.upload {
  margin: 80px 0 0 0 !important;
}

.poster.upload .inner {}

.poster.upload .inner .img_box {
  width: 100%;
  display: flex;
}

.poster.upload .inner .img_box .box img {
  display: block;
  width: 100%;
  height: 100%;
}

.poster.upload .inner .img_box .box.left {
  width: 62%;
}

.poster.upload .inner .img_box .box.right {
  width: 38%;
  padding: 50px 0 0 20px;
}

.poster.upload .inner .img_box .box {
  padding: 0;
}

.poster.upload .inner .img_box .box img {
  display: block;
  width: 100%;
  height: 100%;
}

.poster.upload .inner .img_box .box .txt_box {
  text-align: left;
}

.poster.upload .inner .img_box .box .txt_box .tit {
  margin: 0 0 20px 0;
  font-family: 'Neo_R';
  font-size: 27px;
  color: #69533d;
}

.poster.upload .inner .img_box .box .txt_box .txt_list_area {}

.poster.upload .inner .img_box .box .txt_box .txt_list_area>ul {}

.poster.upload .inner .img_box .box .txt_box .txt_list_area>ul>li {
  margin: 0 0 25px 0;
}

.poster.upload .inner .img_box .box .txt_box .txt_list_area>ul>li:last-child {
  margin: 0;
}

.poster.upload .inner .img_box .box .txt_box .txt_list_area>ul>li .txt {
  font-family: 'Neo_R';
  color: #6d6a67;
  font-size: 16px;
  line-height: 27px;
}

.poster.upload .inner .img_box .box .txt_box .txt_list_area>ul>li .txt .stl {
  display: inline-block;
  text-align: center;
  padding: 2px 18px 2px 18px;
  color: #ffffff;
  background-color: #f9ab5b;
  font-size: 13px;
  border-radius: 5px;
  margin: 0 7px 0 7px;
}

.poster.upload .inner .img_box .box .txt_box .txt_list_area02 {}

.poster.upload .inner .img_box .box .txt_box .txt_list_area02>ul {}

.poster.upload .inner .img_box .box .txt_box .txt_list_area02>ul>li {
  display: flex;
  flex-wrap: wrap;
  margin: 0 0 30px 0;
}

.poster.upload .inner .img_box .box .txt_box .txt_list_area02>ul>li:last-child {
  margin: 0;
}

.poster.upload .inner .img_box .box .txt_box .txt_list_area02>ul>li .num {
  margin: 0 10px 0 0;
  height: 26px;
  width: 26px;
  background-color: #ff0000;
  font-family: 'Neo_Bold';
  font-size: 13px;
  line-height: 26px;
  color: #ffffff;
  text-align: center;
  border-radius: 50px;
}

.poster.upload .inner .img_box .box .txt_box .txt_list_area02>ul>li .txt {
  font-family: 'Neo_R';
  color: #6d6a67;
  font-size: 16px;
  line-height: 27px;
}

.poster.upload .inner .img_box .box .txt_box .txt_list_area02>ul>li .sub_box {
  padding: 20px 20px 20px 20px;
  background-color: #fafafa;
  border-radius: 10px;
  margin: 20px 0 0 0;
}

.poster.upload .inner .img_box .box .txt_box .txt_list_area02>ul>li .sub_box .txt {
  font-family: 'Neo_R';
  font-size: 13px;
  line-height: 20px;
}

.poster.upload .inner .img_box .box .txt_box .txt_list_area02>ul>li .sub_box .txt .clr {
  display: inline-block;
  color: #bb2222;
  margin: 5px 0 0 0;
}

.poster.upload .inner .img_box .box .txt_box .txt_list_area02>ul>li .box_conts {}

.poster.upload .inner .img_box .box .txt_box .txt_list_area02>ul>li .box_conts .txt2 {
  font-family: 'Neo_R';
  color: #6d6a67;
  font-size: 16px;
  line-height: 27px;
}

.poster.upload .inner .img_box .box .txt_box .txt_list_area02>ul>li .box_conts .txt2 .stl {
  display: inline-block;
  color: #ffffff;
  background-color: #000000;
  font-size: 13px;
  border-radius: 5px;
  padding: 2px 15px 2px 15px;
  margin: 8px 7px 0 7px;
}

.poster.schedule {
  margin: 70px 0 0 0 !important;
  padding: 70px 0 0 0;
  border-top: 1px solid #dfdfdf;
}

.poster.schedule .txt_schedule {
  margin: 0 0 45px 0;
  text-align: left;
  padding: 15px 0 15px 90px;
  background-image: url(/img/list5/schedule_icon01.png);
  background-repeat: no-repeat;
  background-position: left center;
}

.poster.schedule .txt_schedule .tit {
  font-family: 'Pretendard-ExtraBold';
  color: #000000;
  font-size: 20px;
  margin: 0 0 10px 0;
}

.poster.schedule .txt_schedule .txt {
  font-family: 'Neo_Bold';
  color: #555555;
  font-size: 16px;
}

.poster.schedule .inner {
  text-align: left;
  padding: 0 0 0 10px;
}

.poster.schedule .inner .box {
  padding: 0;
}

.poster.schedule .inner .box:first-child {
  margin: 0 0 50px 0;
}

.poster.schedule .inner .box .tit {
  margin: 0 0 25px 0;
  padding: 0 0 0 17px;
  font-family: 'Pretendard-ExtraBold';
  font-size: 15px;
  background-repeat: no-repeat;
  background-position: left center;
}

.poster.schedule .inner .box .tit.icon01 {
  background-image: url(/img/list5/schedule_icon02.png);
}

.poster.schedule .inner .box .tit.icon02 {
  background-image: url(/img/list5/schedule_icon03.png);
}

.poster.schedule .inner .box .conts {
  display: flex;
}

.poster.schedule .inner .box .conts.check {}

.poster.schedule .inner .box .conts.no_check {}

.poster.schedule .inner .box .conts .bg_box {
  padding: 0 56.8px 0 0;
  border-radius: 10px;
}

.poster.schedule .inner .box .conts .bg_box:last-child {
  padding: 0;
}

.poster.schedule .inner .box .conts .bg_box.arrow01, .poster.schedule .inner .box .conts .bg_box.arrow02 {
  position: relative;
}

.poster.schedule .inner .box .conts .bg_box.arrow01::after {
  position: absolute;
  content: '';
  right: 16px;
  bottom: 50%;
  transform: translateY(50%);
  width: 18px;
  height: 20px;
  background-image: url(/img/list5/arrow01.png);
}

.poster.schedule .inner .box .conts .bg_box.arrow02::after {
  position: absolute;
  content: '';
  right: 16px;
  bottom: 50%;
  transform: translateY(50%);
  width: 18px;
  height: 20px;
  background-image: url(/img/list5/arrow02.png);
}

.poster.schedule .inner .box .conts .bg_box .box_conts {
  height: 100%;
  border-radius: 10px;
  background-color: #f9f9f9;
  text-align: center;
  width: 151px;
  padding: 13px 0 23px 0;
}

.poster.schedule .inner .box .conts .bg_box .box_conts.bgc {
  background-color: #fef8ee;
}

.poster.schedule .inner .box .conts .bg_box .box_conts .date {
  padding: 0 10px 0 0;
  text-align: right;
  font-family: 'Neo_Bold';
  color: #333333;
  font-size: 15px;
}

.poster.schedule .inner .box .conts .bg_box .box_conts .date .size {
  font-size: 13px;
}

.poster.schedule .inner .box .conts .bg_box .box_conts .txt {
  font-family: 'Pretendard-ExtraBold';
  color: #333333;
  font-size: 14px;
  padding: 55px 0 0 0;
  background-repeat: no-repeat;
  background-position: center top;
}

.poster.schedule .inner .box .conts .bg_box .box_conts .txt.clr {
  color: #b47e2b;
}

.poster.schedule .inner .box .conts.check .bg_box .box_conts .txt.icon01 {
  background-image: url(/img/list5/schedule_img01.png);
}

.poster.schedule .inner .box .conts.check .bg_box .box_conts .txt.icon02 {
  background-image: url(/img/list5/schedule_img02.png);
}

.poster.schedule .inner .box .conts.check .bg_box .box_conts .txt.icon03 {
  background-image: url(/img/list5/schedule_img03.png);
}

.poster.schedule .inner .box .conts.check .bg_box .box_conts .txt.icon05 {
  background-image: url(/img/list5/schedule_img05.png);
}

.poster.schedule .inner .box .conts.check .bg_box .box_conts .txt.icon06 {
  background-image: url(/img/list5/schedule_img06.png);
}

.poster.schedule .inner .box .conts.no_check .bg_box .box_conts .txt.icon01 {
  background-image: url(/img/list5/schedule_img03.png);
}

.poster.schedule .inner .box .conts.no_check .bg_box .box_conts .txt.icon02 {
  background-image: url(/img/list5/schedule_img02.png);
}

.poster.schedule .inner .box .conts.no_check .bg_box .box_conts .txt.icon05 {
  background-image: url(/img/list5/schedule_img05.png);
}

.poster.schedule .inner .box .conts.no_check .bg_box .box_conts .txt.icon06 {
  background-image: url(/img/list5/schedule_img06.png);
}

.poster.versatile {
  margin: 70px 0 0 0;
  padding: 70px 0 0 0;
  border-top: 1px solid #dfdfdf;
}

.poster.versatile .inner {
  display: flex;
  justify-content: center;
  align-items: center;
}

.poster.versatile .inner .dot {
  margin: 0 20px;
}

.poster.versatile .inner .dot img {
  display: block;
}

.poster.versatile .inner .box {
  height: 403px;
}

.poster.versatile .inner .box .txt {
  display: inline-block;
  margin: 0 0 15px 0;
  padding: 10px 25px;
  font-family: 'Neo_Bold';
  color: #3e3e3e;
  font-size: 14px;
  border-radius: 50px;
  border: 1px solid #dedede;
}

.poster.versatile .inner .box .img_box {}

.poster.versatile .inner .box .img_box img {}

.poster_notice {
  border: 1px solid #dddddd;
  margin: 90px 0 0 0 !important;
}

.poster_notice .inner {
  padding: 40px 50px;
}

.poster_notice .inner .tit {
  margin: 0 0 23px 0;
  padding: 10px 0 10px 50px;
  background-position: left center;
  background-image: url(/img/list5/poster_notice_igon.png);
  background-repeat: no-repeat;
  font-family: 'Neo_Bold';
  font-size: 20px;
  color: #060606
}

.poster_notice .inner .tit .clr {
  font-family: 'Neo_Bold';
  color: #d18539;
}

.poster_notice .inner .notce_box {}

.poster_notice .inner .notce_box>ul {}

.poster_notice .inner .notce_box>ul>li {
  display: flex;
  margin: 0 0 17px 0;
}

.poster_notice .inner .notce_box>ul>li .num {
  position: relative;
  padding: 0 5px 0 0;
  margin: 0 5px 0 0;
  font-family: 'Neo_Bold';
  font-size: 16px;
  color: #060606;
}

.poster_notice .inner .notce_box>ul>li .num::after {
  content: ')';
  position: absolute;
}

.poster_notice .inner .notce_box>ul>li .txt {
  font-family: 'Neo_R';
  font-size: 16px;
  color: #060606;
}

/* 고객 보정 무료 css */
#main .photo_arch_box {
  width: 80%;
  border-radius: 55vh 55vh 0 0;
  background-color: #fff7ed;
  padding-top: 14vh;
  padding-bottom: 1px;
  margin: 50px auto 100px;
}

#main .photo_edit_title {
  padding-top: 7vh;
  margin-bottom: 40px;
  padding-bottom: 50px;
  position: relative;
}

#main .photo_edit_title::after {
  content: '';
  display: block;
  width: 30px;
  height: 1px;
  background-color: #ECC9A6;
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
}

#main .photo_edit_title .sub {
  display: inline-block;
  padding: 13px 30px;
  border-radius: 23px;
  background-color: #fff;
  color: #ECC9A6;
  font-size: 16px;
}

#main .photo_edit_title .tit {
  font-size: 34px;
  font-family: 'Neo_bold';
  line-height: 50px;
  margin-top: 40px;
}

#main .photo_edit_title .tit .mobile_br {
  font-family: 'Neo_bold';
}

#main .photo_edit_title .tit .emp_box {
  display: inline-block;
  position: relative;
}

#main .photo_edit_title .tit .emp_box::before {
  content: '';
  display: block;
  width: 100%;
  height: 25px;
  background-color: #ffd79a;
  position: absolute;
  bottom: 5px;
}

#main .photo_edit_title .tit .emp_box .emp_text {
  font-family: 'Neo_bold';
  position: absolute;
  left: 4px;
}

#main .photo_edit_title .tit .emp_box .emp_op0 {
  font-family: 'Neo_bold';
  opacity: 0;
  padding: 0 3px;
}

#main .photo_edit_desc {
  width: 78%;
  display: flex;
  gap: 30px;
  margin: 0 auto;
}

#main .photo_edit_desc>div {
  width: 100%;
  padding: 20px;
  text-align: center;
  margin: 0 auto ;
  border-radius: 10px;
  background-color: #fff;
  overflow: hidden;
  box-shadow: rgba(149, 157, 165, 0.2) 0px 1px 8px;
}

#main .photo_edit_desc .img_wrap {
  width: 100px;
  height: 80px;
  margin: 0 auto;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}

#main .photo_edit_desc .img_wrap img {
  width: 100%;
}

#main .photo_edit_desc>div p {
  font-size: 13px;
  line-height: 22px;
  color: #686868;
}

#main .photo_edit_box {
}

#main .photo_edit_box .tit {
  font-size: 17px;
  font-family: 'Neo_Semibold';
  color: #393939;
  margin-bottom: 10px;
  margin-top: 10px;
}
#main .photo_edit_box .txt_mo {
  display: none;
}


.btn_photo_wrap {
  width: 90%;
  display: flex;
  justify-content: center;
  margin: 0 auto;
  border-bottom: 1px solid #ffd79a;
}
.btn_photo_wrap .btn_photo {
  width: calc(100%/ 6);
  padding: 15px 0;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  cursor: pointer;
  position: relative;
}
.btn_photo_wrap .btn_photo.on {
  background-color: #fff;
  color: #ff9a00;
  border-top: 1px solid #ffd79a;
  border-left: 1px solid #ffd79a;
  border-right: 1px solid #ffd79a;
}
.btn_photo_wrap .btn_photo.on::after {
  content: '';
  display: block;
  width: 100%;
  height: 1px;
  background-color: #fff;
  position: absolute;
  left: 0;
  bottom: -1px;
  z-index: 1;
}
.btn_photo_wrap .btn_photo::before {
  content: '';
  display: block;
  width: 1px;
  height: 40%;
  background-color: #ddd;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
}
.btn_photo_wrap .btn_photo.on::before {
  display: none;
}
.btn_photo_wrap .btn_photo.on + .btn_photo::before {
  display: none;
}
.btn_photo_wrap .btn_photo:first-child::before {
  display: none;
}

.photo_js {
  position: relative;
  width: 90%;
  margin: 0 auto 80px;
  display: none;
}
.photo_js.on {
  display: block;
}

.photo_js_ul {
  position: relative;
  width: 100%;
  height: 585px;
}

.photo_js_li {
  width: 100%;
  height: 550px;
  display: none;
}
.photo_js_li .sec_btn2 {
  width: calc( 100% / 2 );
  text-align: center;
  background-color: #fff;
  color: #000;
  padding: 10px;
  font-size: 15px;
  cursor: pointer;
}
.photo_js_li .sec_btn2.on {
  background-color: #f6bd61;
  color: #fff;
}

#photo_js_li1 {
  display: block;
}

#photo_js_div1, #photo_js_div2, #photo_js_div3 {
  position: relative;
  width: 100%;
  height: 100%;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

.cate1 #photo_js_div1 {
  background-image: url(/img/ps/photo_01_2.jpg);
}

.cate1 #photo_js_div2 {
  background-image: url(/img/ps/photo_02_2.jpg);
  background-size: contain;
}

.cate1 #photo_js_div3 {
  background-image: url(/img/ps/photo_03_2.jpg);
}

.cate2 #photo_js_div1 {
  background-image: url(/img/ps/photo_2_01_2.jpg);
}

.cate2 #photo_js_div2 {
  background-image: url(/img/ps/photo_2_02_2.jpg);
  background-size: contain;
}

.cate2 #photo_js_div3 {
  background-image: url(/img/ps/photo_2_03_2.jpg);
}

.cate3 #photo_js_div1 {
  background-image: url(/img/ps/photo_3_01_2.jpg);
}

.cate3 #photo_js_div2 {
  background-image: url(/img/ps/photo_3_02_2.jpg);
}

.cate3 #photo_js_div3 {
  background-image: url(/img/ps/photo_3_03_2.jpg);
  background-size: contain;
}
.cate4 #photo_js_div1 {
  background-image: url(/img/ps/photo_4_01_2.jpg);
}

.cate4 #photo_js_div2 {
  background-image: url(/img/ps/photo_4_02_2.jpg);
}

.cate5 #photo_js_div1 {
  background-image: url(/img/ps/photo_5_01_2.jpg);
}

.cate5 #photo_js_div2 {
  background-image: url(/img/ps/photo_5_02_2.jpg);
}

.cate5 #photo_js_div3 {
  background-image: url(/img/ps/photo_5_03_2.jpg);
}
.cate6 #photo_js_div1 {
  background-image: url(/img/ps/photo_6_01_2.jpg);
}

.cate6 #photo_js_div2 {
  background-image: url(/img/ps/photo_6_02_2.jpg);
}


#photo_js_div1>ul, #photo_js_div2>ul, #photo_js_div3>ul {
  display: flex;
  position: absolute;
  width: 100%;
  bottom: -35px;
  padding: 0;
  text-align: center;
}

#photo_js_div1>ul>li:first-child, #photo_js_div2>ul>li:first-child, #photo_js_div3>ul>li:first-child {
  border-right: 1px solid #f6bd61;
}

.photo_btn {
  width: 100%;
  display: inline-block;
  padding: 0;
  margin-top: 25px;
  text-align: center;
}

.sec_btn {
  display: inline-block;
  width: 33px;
  text-align: center;
  background-color: #fff;
  color: #ccc;
  border: 1px solid #ccc;
  padding: 7px 0;
  border-radius: 100px;
  cursor: pointer;
}
.sec_btn.on {
  background-color: #fff;
  color: #ecc9a6;
  border: 1px solid #ecc9a6;
}

.photo_info {
  width: 100%;
  text-align: center;
  margin: 0 auto;
}
.photo_info>div {
  margin-bottom: 150px;
}

.photo_info>p {
  margin: 2% 5%;
  line-height: 30px;
  font-size: 13px;
  color: #686868;
}

.photo_info>font {
  background: #ecc9a6;
  color: #fff;
  padding: 5px 15px;
  font-size: 16px;
}

.photo_info br {
  display: initial;
}

/* 250707 김혜인 네이버페이 관련 팝업창 css 추가 */

/* 팝업 전체 배경 */
.popup_overlay {
  display: none;
  position: fixed;
  top: 0; left: 0;
  width: 100vw; height: 100vh;
  background: rgba(0,0,0,0.45);
  z-index: 999999;
  overflow-y: auto;
}

/* 팝업 컨테이너 (데스크탑 기본) */
.popup_container {
  position: absolute;
  top: 50%; left: 50%;
  transform: translate(-50%, -50%);
  width: 1000px;
  padding: 50px 40px 40px;
  box-sizing: border-box;
  background: #fff;
  border: 1px solid #e5e5e5;
  border-radius: 16px;
  box-shadow: 0 8px 40px rgba(0,0,0,0.11);
  max-height: 90vh;
  overflow-y: auto;
}

.popup_container .xi-close {
  position: absolute;
  top: 30px;
  right: 30px;
  font-size: 18px;
  cursor: pointer;
}

/* 팝업 내용 래퍼 */
.popup_inner {
  display: flex;
  flex-direction: row;
  gap: 45px;
  align-items: flex-start;
}

/* 좌측 – 상품정보 (데스크탑) */
.popup_left {
  flex: 0 0 38%;
  min-width: 140px;
  max-width: 340px;
  /* padding-right: 32px; */
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  /* border-right: 1px solid #eee; */
}

/* 썸네일 */
.popup_thumb {
  width: 100%;
  aspect-ratio: 1 / 1;
  border-radius: 10px;
  object-fit: cover;
  margin-bottom: 20px;
}

/* 상품명, 옵션 */
.popup_name {
  font-size: 17px;
  font-weight: 700;
  margin-bottom: 15px;
  text-align: left;
}
.popup_option {
  font-size: 13px;
  color: #666;
  line-height: 1.5;
}

/* 우측 – 결제정보 (데스크탑) */
.popup_right {
  flex: 1;
  /* padding-left: 32px; */
}

/* 팝업 타이틀 */
.popup_title {
  margin-bottom: 30px;
  text-align: center;
  font-size: 21px;
  font-weight: 700;
  color: #222;
  letter-spacing: -1px;
}

/* 배송 옵션 */
.delivery_options {
  margin-bottom: 15px;
}
.delivery_option {
  display: flex;
  align-items: center;
  margin-bottom: 12px;
  padding: 13px 18px;
  border: 1.5px solid #e3e3e3;
  border-radius: 5px;
  background: #fff;
  cursor: pointer;
  transition: border .18s, background .18s;
}
.delivery_option:last-child {
  margin-bottom: 0;
}
.delivery_option input[type=radio] {
  display: none;
}
.radio_circle {
  width: 18px; height: 18px;
  border-radius: 50%;
  border: 2px solid #888;
  background: #fff;
  margin-right: 11px;
  position: relative;
}
.delivery_option input[type=radio]:checked + .radio_circle {
  border-color: #222;
  background: #222;
}
.delivery_option input[type=radio]:checked + .radio_circle:after {
  content: '';
  width: 10px; height: 10px;
  border-radius: 50%;
  background: #fff;
  position: absolute;
  top: 2px; left: 2px;
}
.option_text {
  font-size: 14px;
  color: #222;
}
.delivery_option:hover {
  border-color: #888;
  background: #f7f7f7;
}

/* 배송 상세 안내 */
.delivery_detail_info {
  display: none;
  padding: 14px;
  margin-bottom: 18px;
  background: #fafbfc;
  border: 1px solid #e3e3e5;
  border-radius: 5px;
  font-size: 13px;
  line-height: 1.7;
}
.delivery_detail_info b {
  color: #444;
  /* font-size: 12px; */
}
.delivery_detail_info a {
  color: #222;
  text-decoration: underline;
}
.delivery_detail_info .notice,
.delivery_detail_info .sub_notice {
  display: block;
  margin-top: 3px;
  font-size: 12px;
}
.delivery_detail_info .notice {
  color: #888;
}
.delivery_detail_info .sub_notice {
  color: red;
}

/* 결제 금액 카드 */
.pay_amount_card {
  padding: 25px;
  margin-bottom: 20px;
  background: #fff;
  border-radius: 10px;
  box-shadow: 0 2px 10px rgba(60,80,140,0.04);
}
.amount_row {
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 15px;
  margin-bottom: 14px;
}
.divider {
  border-top: 1px solid #e3e3e3;
  margin: 18px 0;
}
.final_amount_row {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.final_label {
  font-size: 15px;
  font-weight: 700;
  color: #222;
}
.final_value {
  font-size: 18px;
  font-weight: 900;
  color: #222;
}
.final_value .amount-number {
  font-family: 'Neo_Heavy';
  font-size: 20px;
}
.final_value:empty,
.final_value:contains('배송방식을 선택해주세요') {
  font-size: 16px;
  font-weight: 500;
  color: #bbb;
}

/* 버튼 영역 */
.popup_actions {
  display: flex;
  gap: 10px;
  margin-top: 20px;
  /* justify-content: flex-end; */
}
.btn_confirm {
  flex: 1;
  padding: 14px 0;
  background: #222;
  color: #fff;
  border: none;
  border-radius: 5px;
  font-size: 15px;
  font-weight: 700;
  cursor: pointer;
}
.btn_cancel {
  flex: 1;
  border: 1px solid #adadad !important;
  background: #fff;
  border: none;
  color: #000;
  border-radius: 5px;
  font-size: 15px;
  font-weight: 700;
  cursor: pointer;
  height: 45px;
}

/* 모바일 대응 */
@media screen and (max-width: 1200px) {
  .popup_container {
    width: 90%;
    padding: 40px 30px 30px;
  }
}
@media screen and (max-width: 767px) {
  .popup_inner {
    flex-direction: column;
  }
  .popup_left {
    width: 100%;
    border-right: none;
    border-bottom: 1px solid #eee;
    padding-bottom: 28px;
    margin-bottom: 28px;
    min-width: 100%;
    max-width: 100%;
    padding:0;
    display: none;
  }
  .popup_right {
    width: 100%;
    padding-left: 0;
  }
}
@media (max-width: 500px) {
  .popup_container {
    max-width: 90%;
    padding: 30px 17px;
  }
  .popup_thumb {
    width: 100%;
    height: auto;
    aspect-ratio: 1 / 1;
    margin-bottom: 14px;
  }
  .popup_title {
    font-size: 18px;
  }
  .final_value {
    font-size: 15px;
  }
  .popup_actions {
    justify-content: center;
  }
  .amount_row {
    font-size: 14px;
  }
  .delivery_option {
    padding: 12px;
  }
  .pay_amount_card {
    padding: 15px;
  }
  .delivery_option {
    margin-bottom: 6px;
  }
}

.popup_option_item {
  font-size: 12.5px;
  background: #fafbfc;
  border: 1px solid #e3e3e5;
  padding: 10px;
  border-radius: 5px;
  margin-bottom: 10px;
}
.popup_option_item .info {
  display: flex;
  justify-content: space-between;
}
.popup_option_item .price span {
  font-family: 'Neo_Heavy';
}
.popup_option_item .desc {
  margin-bottom: 10px;
}