@charset "UTF-8";


html{scroll-behavior: smooth;}
#side_menu{display: none;}

.top_banner{padding: 7px 0px; }
.top_banner .width{display: flex; justify-content: space-between;}
.top_banner .parcel{font-size: 14px; color: var(--color2); font-weight: 400;}
.top_banner .parcel img{margin-right: 6px;}
.top_banner .parcel span{font-family: 'SUIT-Medium';}
.top_banner .tlink{display: flex; gap:0px 12px; width: 60%; justify-content: flex-end;}
.top_banner .tlink .togin{display: flex;}
.top_banner .tlink a{font-size: 14px; color: var(--color); font-weight: 400;}
.top_banner .tlink a:hover{color: #693600;}

.tlogo{background: var(--color); padding: 20px  0px;border-bottom:1px solid rgba(255,255,255,0.3);}
.tlogo .width{position: relative; text-align: center;}
.tlogo .parcel{position: absolute; top: 0; right: 0; display: flex; align-items: center; gap: 0px 10px;}
.tlogo .parcel img{width: 48px;}
.tlogo .parcel .text{text-align: left; }
.tlogo .parcel .text h2{color: #fff; font-size: 14px; line-height: 110%;}

#hd{padding: 20px 0px;}
#hd .width{display: flex; justify-content: space-between; align-items: center;}
#hd_menu button{display: flex; font-size: 18px; align-items: center; gap:0px 15px; font-weight: 500; width: 150px;}
#hd .ticon{display: flex;align-items: center; gap: 0px 25px; width: 150px; justify-content: flex-end;}
#hd .ticon a {position: relative;}
#hd .ticon img{ height: 25px;}
#hd .ticon span {position: absolute; z-index: 99; right: -12px; top: -12px; background: var(--color2); color: #fff; line-height: 21px; padding: 0 5px; border-radius: 10px; padding-right: 6.5px; }

/* .hd_sch_wr{margin-left: 40px;} */

#header.active{top: -33px;}

.deposit-popup {
  position: fixed; top: 0; left: 0; width: 100%; height: 100%;
  background: rgba(0,0,0,0.5); z-index: 9999;
  display: flex; justify-content: center; align-items: center;
}

.deposit-popup-inner {
  background: #fff;
  width: 400px;
  border-radius: 10px;
  overflow: hidden;
  font-family: 'Noto Sans KR', sans-serif;
  padding: 20px;
  box-shadow: 0 4px 20px rgba(0,0,0,0.2);
}

.deposit-header {
  background: #f7941d;
  padding: 10px 15px;
  color: #fff;
  font-size: 16px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-weight: bold;
  border-radius: 8px;
  margin-bottom: 15px;
}

.deposit-description {
  font-size: 14px;
  margin-bottom: 20px;
  color: #333;
  line-height: 1.5;
}

.deposit-amounts {
  display: flex;
  gap: 6px;
  flex-wrap: wrap;
  margin-bottom: 10px;
}
.deposit-amounts button {
  flex: 1;
  padding: 8px 0;
  border: 1px solid #ccc;
  background: #f9f9f9;
  border-radius: 5px;
  cursor: pointer;
  font-size: 13px;
}





.credit-popup {
  position: fixed; top: 0; left: 0; width: 100%; height: 100%;
  background: rgba(0,0,0,0.5); z-index: 9999;
  display: flex; justify-content: center; align-items: center;
}

.credit-popup-inner {
  background: #fff;
  width: 400px;
  border-radius: 10px;
  overflow: hidden;
  font-family: 'Noto Sans KR', sans-serif;
  padding: 20px;
  box-shadow: 0 4px 20px rgba(0,0,0,0.2);
}

.credit-header {
  background: #f7941d;
  padding: 10px 15px;
  color: #fff;
  font-size: 16px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-weight: bold;
  border-radius: 8px;
  margin-bottom: 15px;
}

.credit-description {
  font-size: 14px;
  margin-bottom: 20px;
  color: #333;
  line-height: 1.5;
}

.credit-amounts {
  display: flex;
  gap: 6px;
  flex-wrap: wrap;
  margin-bottom: 10px;
}
.credit-amounts button {
  flex: 1;
  padding: 8px 0;
  border: 1px solid #ccc;
  background: #f9f9f9;
  border-radius: 5px;
  cursor: pointer;
  font-size: 13px;
}

#customAmountField input {
  width: 100%;
  padding: 10px;
  font-size: 14px;
  margin-top: 5px;
  border: 1px solid #ccc;
  border-radius: 5px;
}

.payment-method {
  margin: 15px 0;
  font-size: 14px;
}
.payment-method label {
  margin-right: 20px;
}

.deposit-warning {
  font-size: 12px;
  color: #e60000;
  background: #fff7f7;
  padding: 10px;
  border: 1px solid #f0d0d0;
  border-radius: 5px;
  line-height: 1.4;
}
.deposit-warning .highlight {
  font-weight: bold;
  color: #e60000;
}

.deposit-terms {
  margin: 15px 0;
  font-size: 13px;
}

.deposit-actions {
  text-align: center;
}
.btn-deposit-confirm {
  background: #22a438;
  color: #fff;
  padding: 10px 20px;
  border-radius: 5px;
  font-size: 15px;
  border: none;
  cursor: pointer;
}



.theme_visual {position: relative;}
.Hfull {position: relative; z-index: 8;}
.swiper_visual {display:block;height:100%;margin:0px auto;overflow:hidden;position:relative; z-index: 1;}
.swiper_visual .swiper-slide {position:relative; height: auto !important;}
.swiper_visual .swiper-slide .main_visual img{width: 100%;}
.theme_visual .swiper-pagination{position: initial; width: auto;}
.theme_visual .swiper_num{position: absolute; bottom: 20px; z-index: 10; left: 0; right: 0; margin: 0 auto; display: flex; align-items: center; justify-content: center; gap: 0px 10px}
.theme_visual .swiper_num .swiper-pagination{height: 36px; padding: 0px 20px; border-radius: 30px; background: rgba(0,0,0,0.2); line-height: 36px; color: #fff;}
.theme_visual .swiper_num .swiper_btn_wrap{display: flex; height: 36px; padding: 0px 20px; border-radius: 30px; background: rgba(0,0,0,0.2); line-height: 36px; color: #fff; gap:0px 16px}
.theme_visual .swiper_num .swiper_btn_wrap div{font-family: 'SUIT-Medium';}
/* 메인 마우스 */
#mouse-scroll {width: 100px; display: flex; flex-direction: column;  justify-content: center; position:absolute;margin:auto;left:50%;bottom:10%;-webkit-transform: translateX(-50%);z-index:9;}
#mouse-scroll span { display: block;width: 10px; height: 10px;-ms-transform: rotate(45deg);-webkit-transform: rotate(45deg);transform: rotate(45deg);transform: rotate(45deg);border-right: 2px solid #262626;border-bottom: 2px solid #262626;margin: 0 0 0 7px;}
#mouse-scroll .mouse { margin: 0 auto; height: 41px; width: 24px; border-radius: 10px; -webkit-transform: none; -ms-transform: none; transform: none; border: 2px solid #262626; top: 170px; } 
#mouse-scroll p { margin-top: 18px; text-align: center; color: #262626; font-size: 20px; font-weight: 400; } 
#mouse-scroll .mouse-in { height: 7px; width: 2px; display: block; margin: 5px auto; background: #262626; position: relative; } 
#mouse-scroll .mouse-in { -webkit-animation: animated-mouse 1.2s ease infinite; moz-animation: mouse-animated 1.2s ease infinite; } 
@-webkit-keyframes animated-mouse { 0% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(6px); -ms-transform: translateY(6px); transform: translateY(6px); } } 
@-webkit-keyframes mouse-scroll { 0% { opacity: 1; } 50% { opacity: .5; } 100% { opacity: 1; } } 
@keyframes mouse-scroll { 0% { opacity: 0; } 50% { opacity: 0.5; } 100% { opacity: 1; } }





.title{text-align: center; margin-bottom: 50px;}
.title h2{font-size: 36px; color: #262626;}
.title h2 b{font-weight: 700;}
.title p{font-size: 20px; color: #7c7c7c;}

.main1 .box_wrap{display: flex; gap: 12px 1%; flex-wrap: wrap;}
.main1 .box_wrap a{width: 32.6%; position: relative;overflow:hidden;border-radius:15px;}
.main1 .box_wrap a:hover img{transform:scale(1.08);}
.main1 .box_wrap a img{width: 100%;transition:all .6s;}
.main1 .box_wrap a span{position: absolute; width: 100%; height: 100%; display: flex; flex-direction: column; align-items: center; justify-content: center; top: 0;}
.main1 .box_wrap a span h3{font-size: 1.6rem; color: #fff; margin-bottom: 5px;font-family: 'SUIT-Regular';}
.main1 .box_wrap a span h2{font-size: 2.5rem; font-weight: 600; color: #fff;}

#category{margin-top: 30px; padding: 10px 0px;}
#category .main_cate > li{padding: 12px 40px; width: 45%;}
#category .main_cate > li:hover{background: #f8f8f8;}
#category .main_cate > li:hover .mcate{color: var(--color);}
#category .main_cate .mcate{color: #666; font-weight: 500; font-size: 15px; display: block; width: 100%;}
#category .subcate{position: absolute; top: 0; width: 55%; right: 0; padding: 10px 0px; overflow-y: scroll; height: 100%; visibility: hidden; background: #f9f9f9;}
#category .subcate li{padding: 8px 25px;}
#category .subcate li a{font-size: 15px; color: #666;}
#category .subcate > li:hover a{color: var(--color);}
#category .main_cate > li:hover .subcate{visibility: visible;}

/* mobile menu columns */
.mobile_menu .mob_menu_cols{display:flex; border-top:1px solid #e6e6e6;flex-grow:1;padding-bottom:64px;}
.mobile_menu .mob_main{width:45%; border-right:1px solid #e6e6e6; overflow-y:auto; margin:0;  list-style:none;}
.mobile_menu .mob_main_btn{width:100%; text-align:left; padding:12px 16px; background:none; border:0; font-size:15px; color:#333; cursor:pointer;}
.mobile_menu .mob_main_btn.active{color: var(--color); font-weight:700;}
.mobile_menu .mob_sub{width:55%; overflow-y:auto; background:#f9f9f9;}
.mobile_menu .mob_sub_list{display:none; list-style:none; margin:0; padding:8px 0;}
.mobile_menu .mob_sub_list.active{display:block;}
.mobile_menu .mob_sub_list li a{display:block; padding:8px 16px; font-size:14px; color:#666;}
.mobile_menu .mob_sub_list li a:hover{color: var(--color);}
#category .close_btn{justify-content: center;}

.main2{padding-top: 0px; position: relative;}
.main2 .title{position: relative; margin-bottom: 65px;}
.main2 .title p{margin-top: 15px;}
.main2 .title a.more{position:absolute; z-index:3;right:0;bottom:0;display: block; text-align: right; font-size: 1.6rem; color: #7c7c7c; }
.main2 .title a.more:hover{color: var(--color); }
.main2 a.more span{font-family: 'SUIT-ExtraLight'; margin-left: 10px; font-size: 1.6rem;}

.main2 .title a.alert_btn{position:absolute; left:0;bottom:0;z-index:3;padding: 10px 13px; background: var(--color2); font-size: 22px; line-height:1;color: #fff; border-radius: 8px; display: flex; align-items: center; gap: 0px 10px; justify-content: center; width: 160px;  border: 1px solid var(--color2);}
.main2 .title a.alert_btn:hover {background-color:#009319;}
.main2 .title a.alert_btn img{width:20px;}
.main2 .swiper-slide{background: #f5f5f5; border-radius: 15px; overflow: hidden;}
.main2 .swiper-slide .img{position: relative; display: block;}
.main2 .swiper-slide .img span{    position: absolute;
    padding: 4px 15px;
    border-radius: 4px;
    background: var(--color);
    color: #fff;
    top: 10px;
    left: 10px;
    font-size: 1.4rem;
    font-weight: bold;}
/* .main2 .swiper-slide .img img{width: 100%;} */
.main2 .swiper-slide .text_wrap{padding: 5px 5px;}
.main2 .swiper-slide .text_wrap h6{padding: 5px 20px;
    border-radius: 4px;
    background: #feb062;
    display: inline-block;
    color: #fff;
    margin-top: 7px;
    font-size: 1.2rem;
    font-weight: 600;}
.main2 .swiper-slide .text_wrap .h2{font-size: 2.3rem; color: #575757; font-weight: bold; margin-bottom: 5px;}
.main2 .swiper-slide .text{display: flex; justify-content: space-between; align-items: center;}
.main2 .swiper-slide .price{display: flex; gap:0px 15px; align-items: flex-end;}
.main2 .swiper-slide .price h3{font-size: 1.5rem;}
.main2 .swiper-slide .price h3 b{font-size: 2.0rem; font-weight: bold; margin-right: 5px;}
.main2 .swiper-slide .price h4{font-size: 2.0rem; color: var(--color); font-weight: 900;}
.main2 .swiper-slide .price p{font-size: 1.8rem; font-weight: 600; color: #c1c3ca;text-decoration: line-through; margin-bottom: 5px;}
.main2 .swiper-slide .icon{display: flex; gap:0px 12px}
/* .main2 .swiper-slide .icon button{border: none; width: 45px; height: 45px; border-radius: 50%; background: var(--color2); display: flex; align-items: center; justify-content: center;} */
.main2 .pro_btn{position: absolute; top: 55%; width: 100%; display: flex; justify-content: space-between; z-index: 10;;}
.main2 .pro_btn div{font-size: 45px; color: #d9d9d9;}
.main2 .pro_btn .swiper-button-prev1{left: -50px; position: relative; cursor: pointer;}
.main2 .pro_btn .swiper-button-next1{right: -50px; position: relative; cursor: pointer;}

.pro1Swiper .icon{
    display: flex;
    align-items: center;
    gap: 0px 7px;
    position: absolute;
    bottom: 10px;
    justify-content: space-between;
    width: 100%;
    padding: 0px 10px;
}
.pro1Swiper .icon button {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background: var(--color2);
    border: none;
}
.pro1Swiper .icon button img {
    width: 17px;
}

.main3{background: url('../img/bg1.png')no-repeat; background-position: center; background-size: cover; padding: 50px 4%;}
.main3 .width{display: flex; justify-content: space-between; align-items: center;}
.main3 .text h2{font-size: 2.8rem; color: #262626; line-height: 140%;}
.main3 a{padding: 12px 30px; border-radius: 25px; background: var(--color2); display: flex; align-items: center; justify-content: center; gap:0px 10px; font-size: 2.0rem; color: #fff; font-weight: 600;}

.main4 .title{text-align: left; margin-bottom: 30px; display: flex; justify-content: space-between;}
.main4 .title h2{font-weight: 600;}
.main4 .tab-nav{display: flex; position: relative; gap: 8px; margin-bottom: 35px;flex-wrap:wrap;}
.main4 .tab-nav li a{padding: 8px 20px; border: 1px solid #dbdbdb; border-radius: 4px; font-size:1.6rem; color: #777; display: block;}
.main4 .tab-nav li a.active{border: 1px solid var(--color); color: #fff; background: var(--color);}
.main4 .title .more{font-size: 1.6rem; color: #7c7c7c; }
.main4 .title .more:hover{color: var(--color); }
.main4 .title .more span{font-family: 'SUIT-ExtraLight'; margin-left: 10px; font-size: 1.6rem;}

.main5{padding-top: 0px;}
.main5 .title{text-align: left; margin-bottom: 30px;}
.main5 .title h2{font-weight: bold;}
.main5 .tab-nav{display: flex; position: relative; gap: 8px; margin-bottom: 35px;}
.main5 .tab-nav li a{padding: 12px 20px; border: 1px solid #dbdbdb; border-radius: 7px; font-size: 1.6rem; color: #999; display: block;}
.main5 .tab-nav li a.active{border: 1px solid var(--color); color: #fff; background: var(--color);}
.main5 .tab-nav .more{position: absolute; right: 0; bottom: 0;font-size: 1.6rem; color: #7c7c7c; }
.main5 .tab-nav .more:hover{color: var(--color); }
.main5 .tab-nav .more span{font-family: 'SUIT-ExtraLight'; margin-left: 10px; font-size: 1.6rem;}

.main6{padding-top: 0px;}
.main6 .title{text-align: center; margin-bottom: 30px; position: relative;}
.main6 .title h2{font-weight: 600; margin-bottom: 15px;}
.main6 .tab-nav{display: flex; position: relative; gap: 8px; margin-bottom: 35px; flex-wrap: wrap;}
.main6 .tab-nav li a{padding: 10px 20px; border: 1px solid #dbdbdb; border-radius: 4px; font-size: 1.6rem; color: #999; display: block;}
.main6 .tab-nav li a.active{border: 1px solid var(--color); color: #fff; background: var(--color);}
.main6 .title .more{position: absolute; right: 0; bottom: 0;font-size: 1.6rem; color: #7c7c7c; z-index: 11;}
.main6 .title .more:hover{color: var(--color); }
.main6 .title .more span{font-family: 'SUIT-ExtraLight'; margin-left: 10px; font-size: 1.6rem;}

.pro_wrap{display: flex; gap: 50px 2%; flex-wrap: wrap}
.pro_wrap .pro_box{width: 18.4%;}
.pro_wrap .pro_box .img > img{width: 100%; position: absolute;  top: 0;  left: 0;  width: 100%;  height: 100%;  object-fit: cover; }
/* .thumb_img{min-height: 239px;max-height: 239px;} */
.pro_wrap .pro_box .img{margin-bottom: 10px; display: block; position: relative;overflow:hidden;border-radius:10px;}
.pro_wrap .pro_box .img:after{display: block;  content: "";  padding-bottom: 100%;}
.pro_wrap .pro_box .img span {position: absolute; padding: 4px 15px; border-radius: 4px; background: var(--color); color: #fff; top: 10px; left: 10px; font-size: 1.4rem; font-weight: bold;}
.pro_wrap .pro_box h2 a{font-size: 1.7rem; font-weight: 600; color: #5d5d5d;}
.pro_wrap .pro_box span{font-size: 1.4rem; color: #888; display: block; margin-top: 5px;}
.pro_wrap .pro_box h3{font-size: 1.4rem; color: #999999; font-weight: 500; margin-bottom: 15px;}
.pro_wrap .pro_box h4{font-size: 1.4rem; color: #999;}
.pro_wrap .pro_box .text p{font-size: 1.4rem;color: #888; font-weight: 400;line-height: 120%;}
.pro_wrap .pro_box .text p.tta{white-space:nowrap; text-overflow:ellipsis; overflow:hidden; }
.pro_wrap .pro_box .text p a{color: #444; }
.pro_wrap .pro_box .tbox{margin-top: 6px; display: flex; align-items: center; justify-content: flex-end; gap: 0px 7px; flex-wrap:Wrap;flex-direction: row-reverse;}
.pro_wrap .pro_box .tbox h5{font-size: 1.8rem; font-weight: 700; color: #363636;}
.pro_wrap .pro_box .tbox h5.origin_price{font-size: 1.4rem; font-weight: 400; }
.pro_wrap .pro_box .tbox h4{font-weight: 600; font-size: 1.8rem;  color: var(--color);}
.pro_wrap .pro_box .tbox p{display: none;}
.pro_wrap .pro_box .icon{display: flex; align-items: center; gap:0px 7px; position: absolute; bottom: 10px; justify-content: space-between; width: 100%; padding: 0px 10px;}
.pro_wrap .pro_box .icon button{width: 30px; height: 30px; border-radius: 50%; background: var(--color2); border: none;}
.pro_wrap .pro_box .icon button img{width: 17px;}
.pro_wrap .pro_box .lbox h4 {padding: 5px 0;text-align:center;width:68px; border-radius: 4px; background: #feb062; display: inline-block; color: #fff; margin-top: 7px; font-size: 1.2rem; font-weight: 600;}
.pro_wrap .pro_box p b{color: #444; font-weight: 400;}

.main7{background: url('../img/bg2.png')no-repeat; background-position: center; background-size: cover; padding: 120px 0px; text-align: center;}
.main7 h2{font-size: 4.5rem; font-family: 'SUIT-Bold'; color: #fff; margin-bottom: 15px;}
.main7 h3{font-size: 2.0rem; color: #fff;}

/* 메인페이지 주요 블록 사이 외부 여백 (내부 요소 간격은 유지) */
.main1.common {padding-top:72px;padding-bottom:72px;}
.main2.common {padding-top:0;padding-bottom:72px;}
.main4.common {padding-top:72px;padding-bottom:72px;}
.main6.common {padding-top:0;padding-bottom:72px;}

@media all and (min-width:768px) and (max-width:1024px) {
    .main1.common {padding-top:56px;padding-bottom:56px;}
    .main2.common {padding-top:0;padding-bottom:56px;}
    .main4.common {padding-top:56px;padding-bottom:56px;}
    .main6.common {padding-top:0;padding-bottom:56px;}
}

@media all and (max-width:767px) {
    .main1.common {padding-top:48px;padding-bottom:48px;}
    .main2.common {padding-top:0;padding-bottom:48px;}
    .main4.common {padding-top:48px;padding-bottom:48px;}
    .main6.common {padding-top:0;padding-bottom:48px;}
}

.topanchor{position: fixed; right:24px; bottom:90px;z-index:999;}
.topanchor a{display:flex; justify-content: center; align-items: center;width:56px;height: 56px;; background-color:#fff; border-radius: 24px;;
        box-shadow: rgba(255, 255, 255, 0.2) 0px 0px 0px 1px inset, rgba(0, 0, 0, 0.1) 0px 4px 6px, rgba(0, 0, 0, 0.11) 0px 8px 30px;
        animation: 400ms cubic-bezier(0.36, 0, 0, 1) 400ms 1 normal both running  jiroXv;    transition: visibility 400ms;visibility: visible;
}

.kfbdrA{bottom:100px !important;}

@keyframes jiroXv{
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}



#ft_tab {background: #ececec; padding: 25px 0;}
#ft_tab ul {display: flex; align-items: center;  gap: 0 40px; }
#ft_tab ul li{}
#ft_tab ul li a, #ft_tab ul li button {font-size: 1.8rem; font-weight: 500; border: none; background: transparent; transition: all 0.2s;}
#ft_tab ul li a:hover, #ft_tab ul li button:hover {font-weight: 700;}

#ft{background: #fff; padding: 55px 0px;}
#ft .flogo_box {margin-bottom: 5px; text-align: left;}
#ft .flogo_box a{display: inline-block;}
#ft .box_wrap{display: flex; align-items: start; justify-content: space-between;}
#ft .box_wrap .text1{text-align: left;}
#ft .box_wrap .text1 .info{display: flex; gap:0px 8px; margin-bottom: 2px;}
#ft .box_wrap .text1 .info p{color: #616161; font-size: 1.8rem; line-height: 1.3;}
#ft .box_wrap .text1 .info span{color: #616161; font-size: 1.8rem;}
#ft .box_wrap .text1 .info a{color: #616161; font-size: 1.8rem;}
#ft .box_wrap .text1 h6{margin-top: 15px; color: #b8b8b8; font-size: 1.8rem;}
#ft .box_wrap .text2 {text-align: left;}
#ft .box_wrap .text2 h2{font-size: 2.2rem; color: #565656; font-weight: 600; margin-bottom: 12px;}
#ft .box_wrap .text2 h3{margin-bottom: 7px;}
#ft .box_wrap .text2 h3 a{font-size: 3.2rem; color: #565656; font-weight: 800;}
#ft .box_wrap .text2 h4{font-size: 1.8rem; color: #999999;}


.fpop_wrap {display: none;position: fixed;top: 0;left: 0;background: rgb(0, 0, 0, 0.3);width: 100%;  height: 100%;  z-index: 9999;}
.fpop_wrap .pop-inner {position: absolute;  top: 50%;  left: 50%;  transform: translate(-50%, -50%);  width: 90%;  max-width: 1200px;    max-height: 760px;  padding: 50px 20px;  background: #fff;  line-height: 25px;}
.fpop_wrap .pop-close {  position: absolute;  top: 5px;  right: 5px;  width: 30px;  height: 30px;  cursor: pointer;}
.fpop_wrap .pop-close i{font-size: 24px;}
.fpop_wrap .pop-inner h3{text-align: center; font-size: 2.6rem;font-weight: 800; margin-bottom: 20px;}
.fpop-text{height: 500px; overflow-y: scroll; overflow-x: hidden;}
/* 스크롤바 스타일 지정 (크롬, 엣지, 사파리) */
.fpop-text::-webkit-scrollbar {
    width: 8px; /* 스크롤바 너비 */
}
.fpop-text::-webkit-scrollbar-thumb {
    background-color: #bbbbbb; /* 스크롤바 색상 */
    border-radius: 3px; /* 스크롤바 모서리 */
}
.fpop-text::-webkit-scrollbar-thumb:hover {
    background-color: #bbbbbb; /* 스크롤바 hover 색상 */
}


.fpopup_wrap .txt {margin-bottom: 30px;}
.fpopup_wrap .txt h6 {font-size: 2.2rem; font-weight: 800; margin-bottom: 10px;}
.fpopup_wrap .txt p {font-size: 1.8rem; line-height: 1.6;  }
.fpopup_wrap .txt ul {margin-left: 25px;}
.fpopup_wrap .txt ul li {font-size: 1.8rem; line-height: 1.6; margin-bottom: 10px; }
.fpopup_wrap .txt ul ol {padding-left: 25px;}
.fpopup_wrap .txt ul ol li  {color: #494949; font-size: 1.6rem;  margin-bottom: 10px; }
.fpopup_wrap .txt table {margin: 10px 0; border: 1px solid #686868;}
.fpopup_wrap .txt th {text-align: left; font-family: 500; font-size: 1.6rem; border: 1px solid #686868; padding: 5px; line-height: 1.2;}
.fpopup_wrap .txt td {text-align: left; font-family: 500; font-size: 1.6rem; border: 1px solid #686868; padding: 5px; line-height: 1.2;}

@media all and (max-width: 1024px){
    .fpopup_wrap .txt ul {margin-left: 0px !important;}
    .fpopup_wrap .txt ul ol {padding-left: 0px !important;}
    .fpopup_wrap .txt h6 {font-size: 2.0rem;}
    .fpopup_wrap .txt ul li {font-size: 1.6rem;}
    .fpopup_wrap .txt ul ol li  {font-size: 1.4rem;}
    .fpopup_wrap .txt th ,.fpopup_wrap .txt td  {font-size: 1.4rem;}

    .topanchor{position: fixed; right:30px; bottom:90px;}
    .topanchor a{width:44px;height: 44px;; border-radius: 20px;;}
    .topanchor a img{width:17px;}



}


.bottom-nav {display: none; /* 기본 숨김 */}

@media (max-width: 1024px) {
  .bottom-nav {display: flex;position: fixed;bottom: 0;left: 0;right: 0;height: 64px;background: #fff;border-top: 1px solid #e8e8e8;
    z-index: 1000;
    /* iOS 홈바 여백 */
    padding-bottom: env(safe-area-inset-bottom);
  }
  body {padding-bottom: 64px; /* 콘텐츠가 가려지지 않도록 */}
}

.nav-item {flex: 1;display: flex;flex-direction: column;align-items: center;justify-content: center;
  gap: 4px;color: #aaa;text-decoration: none;position: relative;transition: color 0.15s;}

.nav-item.active {color: #ff6b00;}
.nav-item.active::after {content: '';position: absolute;top: 0;left: 50%;transform: translateX(-50%);width: 28px;
  height: 2px;background: #ff6b00;border-radius: 0 0 2px 2px;}

.nav-item svg {width: 24px;height: 24px;}
.nav-label {font-size: 11px;font-weight: 500;letter-spacing: -0.2px;}


.subv{height: 150px;}

/* .page1 .use1{background: rgba(255,131,0,0.15); border-radius: 15px; width: 450px; margin: 0 auto; display: flex; align-items: center; gap:0px 30px; padding: 20px 35px; justify-content: center;}
.page1 .use1 .icon img{width: 57px;}
.page1 .use1 .text h2 a{font-size: 2.2rem; font-weight: 500; color: var(--color);}

.page1 .use2{background: rgba(255,131,0,0.15);; border-radius: 15px;  margin: 0 auto; display: flex; align-items: center; gap:0px 30px; padding: 20px 35px; justify-content: center;}
.page1 .use2 .icon img{width: 57px;}
.page1 .use2 .text h2 a{font-size: 2.0rem; font-weight: 500; color: var(--color);}
.page1 .use2 .text p{font-size: 1.4rem; color:rgba(255,131,0,0.8); margin-top: 5px;}

.page1 .text_info{margin-top: 30px; text-align: center;}
.page1 .text_info h6{font-size: 1.6rem; color: #363636; line-height: 140%;}
.page1 .text_info h6 b{color: var(--color);}
.page1 .text_info h6 strong{color: var(--color2);} */


.page1{padding:100px 0;}
.page1 .use1{border-radius: 100px; margin: 0 auto; display: flex; align-items: center; gap:0px 30px; padding: 25px 35px; justify-content: center;box-shadow: 0 0 20px rgba(0,0,0,0.09);}
.page1 .use1 .icon img{width: 57px;}
.page1 .use1 .text h2{font-size: 2.8rem; font-weight: 500; color:#111;;}
.page1 .use1 .text h2 a{ font-weight: 600; color: var(--color);}
.page1 .use1 .text h2 a:hover, .page1 .use1 .text h2 a:focus { color:#d97000;}

.page1 .use2{ border-radius: 100px;  margin: 0 auto; display: flex; align-items: center; gap:0px 30px; padding: 25px 35px; justify-content: center;
    box-shadow: 0 0 20px rgba(0,0,0,0.09);
}
.page1 .use2 .icon img{width: 57px;}
.page1 .use2 .text h2 a{font-size: 2.8rem; font-weight: 500; color:#111;}
.page1 .use2 .text h2 a b{color: var(--color);}
.page1 .use2 .text p{font-size: 1.4rem; color:#444; margin-top: 5px;line-height: 1; padding: 3px 12px; background-color:#f4f4f6;border-radius:30px;display: inline-block;}

.page1 .text_info{margin-top: 50px; text-align: center;}
.page1 .text_info h6{font-size: 1.9rem; color: #111; line-height: 160%;font-weight: 400;;}
.page1 .text_info h6 b{color: var(--color);}
.page1 .text_info h6 strong{color: var(--color2);}

.page2{padding:0 0 70px 0;}
.page2 table{width: 100%;}
.page2 table th{font-size: 1.8rem; font-weight: 600; background: var(--color); color: #fff; padding: 12px 0px;}
.page2 table th:nth-child(1){width: 16%; }
.page2 table th:nth-child(2){width: 42.44%;}
.page2 table th:nth-child(3){width: 21.22%;}
.page2 table th:nth-child(14){width: 21.22%;}
.page2 table td{text-align: center; padding: 12px; color: #363636; font-size: 1.4rem; line-height: 140%; border-bottom: 1px solid #e1e1e1; border-right: 1px solid #e1e1e1;}
.page2 table td:nth-child(1){background: #f9f9f9; border-left: 1px solid #e1e1e1;}
.page2 .delivery_img{width: 100%; max-width: 1760px; margin: 0 auto;}
.page2 .delivery_img .delivery_img_item{display: block; width: 760px; max-width: 100%; height: auto; margin: 0 auto 12px;}
.page2 .delivery_img .delivery_img_item:last-child{margin-bottom: 0;}
.infodesk {margin:30px 0 0;padding:20px; box-shadow:0 0 6px rgba(0,0,0,0.09); border-radius:20px;}
.infodesk h3{font-size:2.2rem; font-weight:500; color:#111; border-bottom:1px solid #ddd; margin:0 0 10px 0; padding:0 0 10px 0;}
.infodesk .desc{font-size:1.6rem;font-weight:400; color:#444; line-height:1.6;}
.infodesk .desc b,
.infodesk .desc strong,
#sit_dvr b,
#sit_dvr strong,
#sit_ex b,
#sit_ex strong{font-weight:700;}
.infodesk .desc b *,
.infodesk .desc strong *,
#sit_dvr b *,
#sit_dvr strong *,
#sit_ex b *,
#sit_ex strong *{font-weight:inherit;}

.page3{text-align: center;}
.page3 h2{font-size: 2.8rem; font-weight: 600; color: #222; margin-bottom: 25px;padding:25px 10px; box-shadow: 0 0 20px rgba(0,0,0,0.09);
    border-radius: 100px;;
}
.page3 h2 i{color: var(--color); }
.page3 h2 b{ color: var(--color); font-weight: 600;;}
.page3 p{font-size: 1.8rem; color: #111; line-height: 170%;}
.page3 a{padding: 15px 40px; background: var(--color2); display: inline-block; border-radius: 80px; font-size: 2.0rem; color: #fff; font-weight: bold; margin-top: 40px;}
.page3 a:hover, .page3 a:focus{background-color:#109526;}

.page4{}
.page4 .width{max-width:1200px;}
.page4 h1, .page4 h2{font-size: 3.4rem; color: #111; font-weight: 600; margin-bottom: 30px;text-align: center;}
.page4 .topbox{background:url('/theme/nero/img/jik_bg.jpg') 100% center no-repeat; padding:60px 230px 60px 40px;position:relative;border-radius: 20px;background-size:cover;;}
.page4 .topbox h3{font-size: 3rem; line-height: 1.3; color:#111; font-weight: 500;margin: 0 0 8px 0;;}
.page4 .topbox h3 b{font-weight: 600;color:var(--color2)}
.page4 .topbox h4{font-size: 1.9rem; color:#333; font-weight: 400;;line-height: 1.4;}
.page4 .topbox p{position:absolute; right:30px; bottom:20px;  animation: bumping 0.3s ease-in-out infinite;}

@keyframes bumping {
    0%   { transform: translateY(0px) rotate(0deg); }
    25%  { transform: translateY(-3px) rotate(-1deg); }
    50%  { transform: translateY(0px) rotate(0deg); }
    75%  { transform: translateY(-2px) rotate(1deg); }
    100% { transform: translateY(0px) rotate(0deg); }
}

.page4 .box_wrap{display: flex; gap:20px; margin-top: 50px; flex-wrap: wrap;}
.page4 .box_wrap .text{width:calc(50% - 10px); box-shadow:0 0 10px rgba(0,0,0,0.09); border-radius: 20px;padding:35px;padding-left:160px;position: relative}
.page4 .box_wrap .text h5{font-size: 2.2rem; font-weight: 600; color:#111;;margin:0 0 10px 0;}
.page4 .box_wrap .text h5:after{content: "";display: block; width: 80px; height: 1px; background-color: #aaa; margin:12px 0;;}
.page4 .box_wrap .text  p{font-size: 1.7rem;color:#555;line-height: 1.5;;}
.page4 .box_wrap .text img{position:absolute;left:30px; top:50%; transform: translate(0, -50%);transition: all .2s;}
.page4 .box_wrap .text:hover img{top:48%;}

.page4 a.jik_btn{display: block; width:280px ;padding: 22px 0px; background: var(--color2);  border-radius: 40px; font-size: 2.3rem; color: #fff; font-weight: bold; margin:40px auto 0;text-align: center;}
.page4 a.jik_btn:hover, .page4 a.jik_btn:focus{background-color:#009319;}

/* .pop_wrap {display: none;position: fixed;top: 0;left: 0;background: rgb(0, 0, 0, 0.5);width: 100%;  height: 100%;  z-index: 9999;}
.pop_wrap .pop-inner {position: absolute;  top: 50%;  left: 50%;  transform: translate(-50%, -50%);  width: 90%;  max-width: 570px;   padding: 50px 20px;  background: #fff;  line-height: 25px;}
.pop-close {  position: absolute;  top: -30px;  right: 0px;  width: 30px;  height: 30px;  cursor: pointer; font-size: 30px; color: #fff;}
.pop-close i{font-size: 24px;} */

.pop_wrap {top: 0;left: 0;width: 100%;  height: 100%;  z-index: 9999;}
.pop_wrap .pop-inner {width: 90%;  max-width: 480px; background: #fff;  margin: 0 auto; position: relative; border-radius: 20px; box-shadow: 0px 0px 5px rgba(0,0,0,0.2);}
.pop-close {  position: absolute;  top: 10px;  right: 10px;  width: 30px;  height: 30px;  cursor: pointer; font-size: 24px; color: #fff;}

.pop_wrap .pop-inner{padding: 35px 20px;}
.pop_wrap .pop-inner h2{padding: 0px 0px 20px 0px; font-size: 2.2rem; font-weight: 600; line-height: 135%;}
.pop_wrap .com_btn{width: 100%; background: var(--color2); padding: 16px 0px; border-radius: 80px; display: block; margin-top: 20px; text-align: center; color: #fff; font-weight: 700; font-size: 1.8rem;}
.pop_wrap .text2{padding: 0px 40px; display: flex; gap:0px 2%}
.pop_wrap .text2 input[type=radio]{display: none;}
.pop_wrap .text2 label{border-radius: 10px; background: #f8f8f8; width: 50%; padding: 15px 30px; cursor: pointer;}
.pop_wrap .text2 label p{text-align: center; color: #333; font-size: 1.6rem; font-weight: 600;}
.pop_wrap .text2 input[type=radio]:checked + label{background: rgba(255,131,0,0.15);}
#popup2 h6{color: #7c7c7c; font-size: 1.4rem; margin-top: 35px; line-height: 135%; margin-bottom: 80px;}
#popup2 h6 span{color: var(--color);}


.jikform{    }
.jikform .jik_inner{position:relative;width: 600px;margin: 0 auto;background-color: #fff;box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);border-radius: 20px;}
.jikform .jik_inner h2{padding: 15px;background: #ff8300;border-radius: 20px 20px 0 0;color:#fff; font-size:22px; font-weight:600;}
.jikform .jik_inner .boxing{padding:30px; }
.jikform .jik_inner .boxing  .mem{font-size:20px; color:#000;margin:0 0 20px 0;font-weight:600;}
.jikform .jik_inner .boxing .text1 p{margin:10px 0;}
.jikform .jik_inner .boxing .text1 p.flex-end{display:flex; justify-content:flex-end; }
.jikform .jik_inner .boxing .text1 p input{border:1px solid #ddd;outline:none; box-shadow:none;border: 1px solid #ddd;height: 52px;line-height: 52px;text-indent: 10px;border-radius: 8px;}
.jikform .jik_inner .boxing .text1 p input:focus{border-color:#111;}
.jikform .jik_inner .boxing .text1 p button.btn_frmline{    height: 52px;line-height: 52px;background-color: var(--color2);border-radius: 8px;    color: #fff;}
.jikform .jik_inner .boxing a.address{display:inline-block;;border:1px solid var(--color);padding:5px 10px;text-align:center; font-size:16px; color:var(--color);border-radius:8px;}
.jikform.pop_wrap .com_btn {width:68%;background: var(--color2);padding: 16px 0px;border-radius: 80px;display: block;margin:30px auto 0;text-align: center;color: #fff;font-weight: 700;font-size: 2rem;}

.jikform .jik_inner  .boxing .radiobox {padding:0; display: flex; gap:0px 2%}
.jikform .jik_inner  .boxing .radiobox input[type=radio]{display: none;}
.jikform .jik_inner  .boxing .radiobox label{border-radius: 10px;border:2px solid #ddd;color: #666;width: 50%; padding: 30px 30px; cursor: pointer;}
.jikform .jik_inner  .boxing .radiobox label p{text-align: center;  font-size: 2rem; font-weight: 600;}
.jikform .jik_inner  .boxing .radiobox input[type=radio]:checked + label{border:2px solid var(--color);color:var(--color);}

.jikform .jik_inner  .boxing  p.noti{text-align:center; font-size:1.7rem; font-weight:400; color:#333;margin:30px 0 0;line-height:1.4;}
.jikform .jik_inner  .boxing  p.noti span{color:var(--color);}

.jikform .jik_inner  .boxing  .text3 ul {display:flex; flex-direction:column;}
.jikform .jik_inner  .boxing  .text3 ul li{display:flex; gap:0 5px; align-items: flex-start ; margin-bottom:15px;padding-bottom:15px; border-bottom:1px solid #ddd;}
.jikform .jik_inner  .boxing  .text3 ul li:last-child{border:none;margin:0; padding:0;}
.jikform .jik_inner  .boxing  .text3 ul li svg{width:18px;color:var(--color);flex-shrink: 0}
.jikform .jik_inner  .boxing  .text3 ul li p{font-size: 1.7rem; line-height:1.4; font-weight:400; color: #363636;}
.jikform .jik_inner  .boxing  .text3 input[type=checkbox]{display: none;}
.jikform .jik_inner  .boxing  .text3 input[type=checkbox] + label{display: flex; align-items: center; justify-content: center; margin-top: 25px; gap:0px 7px; color: #565656; border: 2px solid #eee; border-radius: 7px; padding: 19px 0px; cursor: pointer;font-size:2rem;}
.jikform .jik_inner  .boxing  .text3 input[type=checkbox]  label p{font-size:1.9rem;}
.jikform .jik_inner  .boxing  .text3 input[type=checkbox]:checked + label {border: 2px solid rgba(255,131,0,0.3); color: var(--color);}


.jikform .jik_inner   .doorbox .text4{margin:0 0 30px;}
.jikform .jik_inner   .doorbox .text4 h4{font-size: 2rem; font-weight: 600; margin-bottom: 10px; color: #333;}
.jikform .jik_inner   .doorbox .text4 h5{    color: #999;font-size: 1.6rem;line-height: 1.4;letter-spacing: 0;}
.jikform .jik_inner   .doorbox .text4 .box input[type=radio]{display: none;}
.jikform .jik_inner   .doorbox .text4 .box label p{font-size:1.8rem;}
.jikform .jik_inner   .doorbox .text4 .box input[type=radio] + label{padding: 12px 15px; border: 2px solid #eee; border-radius: 7px; width: 100%; display: block; margin-top: 9px; cursor: pointer; color: #565656; font-size: 1.7rem;}
.jikform .jik_inner   .doorbox .text4 .box input[type=radio]:checked + label {border: 2px solid rgba(255,131,0,0.3); color: var(--color);}
.jikform .jik_inner   .doorbox .text4 .box input[type=radio] + label i{margin-right: 8px;}
.jikform .jik_inner   .doorbox .text4 .box textarea{width: 100%; padding: 10px; height: 100px; border: 1px solid #ddd; border-radius: 8px;resize:none;margin:10px 0 0;}
.jikform .jik_inner   .doorbox .text4 .box textarea:focus{border-color:#111;}
.jikform .jik_inner   .doorbox .text4 .box2 input[type=text]{margin-top: 20px; padding: 10px; border-bottom: 1px solid #999; width: 100%;}
.jikform .jik_inner   .doorbox .text4 .box2 input[type=text]:focus{border-color:var(--color);}


.jikform .jik_inner  .text5{margin:0 0 30px 0;}
.jikform .jik_inner  .text5 h3{font-size: 2rem; font-weight: 600; margin-bottom: 10px; color: #333;}
.jikform .jik_inner   .text5 .photo_wrap{display: flex; gap:6px 1%; flex-wrap: wrap;}
.jikform .jik_inner  .text5 .photo{width: 100%;; border-radius: 5px;border:1px solid #ddd;border-radius:8px; display: flex; align-items: center; justify-content: flex-start; overflow: hidden; padding: 10px;}
.jikform .jik_inner   .text5 .photo input{font-size: 1.6rem; color: #999;}
.jikform .jik_inner   .text5 .photo i{font-size: 2.4rem; color: var(--color); display: none;}

.jikform .jik_inner .text5 textarea{width: 100%; padding: 10px; height: 100px; border: 1px solid #ddd; border-radius: 8px;resize:none;}
.jikform .jik_inner .text5 textarea:focus{border-color:#111;}

.jikform .jik_inner   .text5 .file-upload-item {width:100%;position: relative;margin-bottom: 5px;}
.file-upload-item input[type="file"] {position: absolute;inset: 0;opacity: 0;cursor: pointer;width: 100%;height: 100%;z-index: 2;}
.file-upload-label {display: flex;align-items: center;gap: 12px;border: 2px dashed #FFB347;border-radius: 12px;padding: 12px 16px;background: #FFF8F0;
  transition: all 0.2s ease;cursor: pointer;}

.file-upload-item:hover .file-upload-label {border-color: #FF8C00; background: #FFF0DC;}
.file-upload-item.has-file .file-upload-label { border-style: solid; border-color: var(--color);;background: #FFF0DC;}
.upload-icon-wrap {width: 36px;height: 36px;border-radius: 8px;background: #FF8C00;display: flex;align-items: center;justify-content: center;flex-shrink: 0;}
.file-upload-item.has-file .upload-icon-wrap { background: var(--color);}
.upload-text .main {  font-size: 14px; font-weight: 600; color: #FF8C00;}
.file-upload-item.has-file .upload-text .main { color: var(--color);}
.upload-text .sub {font-size: 12px;color: #aaa; margin-top: 2px;}


#popup6 .pop-close{display: none;}
#popup6 input[type=text]{width: 100%; border-radius: 8px; background: #f9f9f9; height: 40px; padding-left: 10px; margin-bottom: 6px;}
#popup6 .agree_text{border: 1px solid #e1e1e1; padding: 10px; overflow-y: scroll; height: 60px; border-radius: 5px; margin-bottom: 5px;}
#popup6 .agree_text p{font-size: 1.2rem; color: #666;}
#popup6 .agree span{color: #333; font-size: 1.4rem;}

#ref_name{font-weight: bold; color: #f9ff00}

.btn_bo_user .btn_bo_sch{padding-top: 0px;}
a.btn_b01{padding-top: 0px;}

.board_title{ gap:0px 20px;}
.board_title i{font-size: 3.2rem; color: var(--color);}
.board_title h3{ margin-top: 10px; font-size: 2.2rem;}
.pf_img{display: none;}

.board_title2{text-align: center;}
.board_title2 h1, .board_title2 h2{text-align: center; position: relative; padding-top:35px;}
.board_title2 h1:after, .board_title2 h2:after{content: ''; width: 1px; height: 25px; position: absolute; top: 0; left: 0; right: 0; margin: 0 auto; background: var(--color);}

.page5 .left_wrap{width: 57%; }

.shop_title{text-align: center; margin-bottom: 60px;}
.shop_title h2{font-size: 3.6rem; font-weight: 600; color:#111; margin-bottom: 10px;}
.shop_title h3{font-size: 1.8rem; color: #877;}
.shop_title h3 b{color: var(--color);}
.shop_title p{font-size: 1.8rem; margin-top: 10px; color: #363636;}
.shop_title p a{color: #363636; }
.shop_title p a span{text-decoration: underline;}

/* .page5 {background: #f8f8f8;} */
.page5 .width{display: flex; justify-content: space-between; align-items: flex-start; overflow: visible;}

.pro_check{display: flex; gap:0px 10px;}
.pro_check .pro{width: 40%; display: flex; align-items: center; gap:0px 10px;}
/* .pro_check input[type=checkbox]{display: none;} */
.pro_check input[type=checkbox] + label{color: #7c7c7c; font-size: 1.4rem; cursor: pointer;} 
.pro_check input[type=checkbox]:checked + label i{color: var(--color);}
.pro_check span{color: #999999;}
.pro_check button{border: none; background: none; color: #7c7c7c;font-size:1.4rem;}
/* .left_wrap h2{padding: 12px 15px; background: var(--color); color: #fff; font-size: 1.7rem; font-weight: 600;} */
.page5 .left_wrap3 .txt { padding: 12px 20px; background:#f3f3f6; display: flex;flex-wrap:wrap; justify-content: space-between; align-items: center;border-radius:50px;}
.page5 .left_wrap3 .txt h2{ color: #111; font-size: 1.7rem; font-weight: 600;}
.page5 .left_wrap3 .txt span{ color: #666; font-size: 1.5rem; font-weight: 400;}

.parcel_wrap{margin-bottom: 10px; background: #fff;padding:20px;border-radius:20px;box-shadow:0 0 20px rgba(0,0,0,0.1);}
.parcel_wrap:last-child{margin-bottom: 0px; }
.parcel_wrap .top_T { padding: 12px 20px; background:#f4f4f6; display: flex; justify-content: space-between; align-items: center; color: #111; font-size: 1.7rem; font-weight: 600;border-radius:30px;}
.parcel_wrap .top_T span{color: #444; font-size: 1.5rem;}
.parcel_wrap .box{padding:20px 25px 20px 15px; border-bottom: 1px dashed #ddd; display: flex;flex-wrap:wrap; gap:10px; position: relative;}
.parcel_wrap .box:last-child{border:none;}
.parcel_wrap .box .ch_imgbox{display:flex;}
.parcel_wrap .box .img{width: 118px;height:118px; border-radius: 8px; overflow: hidden; position: relative;flex-shrink:0;}
.parcel_wrap .box .img a{display:block;}
.parcel_wrap .box .img img{width: 100%; height:100%;}
.parcel_wrap .box .img span {position: absolute; padding: 2px 8px; border-radius:20px; background: var(--color); color: #fff; top: 5px; left: 5px; font-size: 1.2rem; font-weight: bold; z-index: 99;}
.parcel_wrap .text_wrap{width:calc(100% - 160px);display: flex; align-items: start; justify-content: space-between; position: relative;flex-grow:1;}
.parcel_wrap .text_wrap > .text{width:100%;}
.parcel_wrap .wish_1{width:calc(100% - 170px);}
.wish_1  .text_wrap{width:100%;}
.parcel_wrap .text_wrap .text p{color: #565656; line-height: 150%; font-size: 14px;}
.parcel_wrap .text_wrap .text h6{font-weight: 700; color: #363636; font-size: 1.8rem; }
.parcel_wrap .text_wrap .text .price_wrap{display:flex;justify-content:space-between;;gap:5px;flex-wrap:wrap;}
.parcel_wrap .text_wrap .text h6.pricebox{/* position:absolute; right:0; bottom:0; */text-align:right;}
.parcel_wrap .text_wrap .text h6.pricebox.flex{    display: flex;justify-content: flex-end;gap: 5px;align-items:center;}
.parcel_wrap .text_wrap .text h6.pricebox .gray_price{font-size:1.5rem; color:#aaa;}
.parcel_wrap .text_wrap .pro_count{display: flex; border-radius: 30px; border: 1px solid #eee; width: 150px;}
.parcel_wrap .text_wrap .pro_count button{border: none; background: none; padding:  5px 10px;}
.parcel_wrap .text_wrap .pro_count input{width: 80px; text-align: center;}
.parcel_wrap .text_wrap .date{display: flex; align-items: center; gap:0px 15px;}
.parcel_wrap .text_wrap  .date h3{font-size: 1.4rem; color: #363636;}
.parcel_wrap .text_wrap  .date input{border: 1px solid #e1e1e1; height: 35px; font-size: 1.2rem; color: #777; padding-left: 10px;border-radius:35px;}


.parcel_wrap .date_wrapper{width:100%; display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;margin-left:30px;border-top:1px solid #eee;padding:10px  0 0;}
.parcel_wrap .date_wrap{display: flex; /* flex-direction: column;  */justify-content: space-between;align-items:center;}
.parcel_wrap .date_wrap#tr2 {gap:10px;}
.parcel_wrap #tr_count{flex-direction: column-reverse;/* position:absolute; left:49px; top:145px; */}
.parcel_wrap .date_wrap .date{display: flex; align-items: center; gap:0px 10px;}
.parcel_wrap .date_wrap .date h3{font-size: 1.4rem; color: #363636;}
.parcel_wrap .date_wrap .date input{border: 1px solid #e1e1e1; height: 35px; font-size: 13px; color: #777; padding-left: 10px; width: 120px;border-radius:35px;}
.parcel_wrap .text_wrap .date input{width:120px;}

.parcel_wrap .wish_1 .date{display: flex; align-items: center; gap:0px 10px;    position: absolute;    top: 20px;    right: 30px;}
.parcel_wrap .wish_1 .date h3{font-size: 1.4rem; color: #363636;}
.parcel_wrap .wish_1 .date input{width:120px;border: 1px solid #e1e1e1; height: 35px; font-size: 13px; color: #777; padding-left: 10px; width: 120px;border-radius:35px;}
.parcel_wrap .wish_date {display: flex; gap:10px;justify-content:center;width:100%;border-top:1px solid #ececec;padding-top:12px;}
.parcel_wrap .flex-end {display: flex; gap:10px;justify-content:flex-end;width:100%;}
.parcel_wrap .wish_date .date{display: flex; align-items: center; gap:0px 10px;   }
.parcel_wrap .wish_date .date h3{font-size: 1.4rem; color: #363636;}
.parcel_wrap .wish_date .date input{width:120px;border: 1px solid #e1e1e1; height: 35px; font-size: 13px; color: #777; padding-left: 10px; width: 120px;border-radius:35px;}
.parcel_wrap .wish_date .date .date_inner{position:relative;}

.date-with-icon .calendar-icon{right:10px !important;}
.parcel_wrap .date_wrap h4{text-align: right; color: var(--color); font-size: 1.9rem; font-weight: 600;}
.parcel_wrap .date_wrap h4 .origin_price {font-size:1.3rem; color:#aaa; text-decoration: line-through;}
.parcel_wrap .date_wrap h4 .percent {font-size:1.3rem; }
.parcel_wrap  h4.total_prc{ color: var(--color); font-size: 2rem; font-weight: 600;}
.parcel_wrap .delete_product{background: none; border: none; position: absolute; right: 23px;top:14px;}
.parcel_wrap .delete_product i{font-size: 2.0rem; color: #565656;}
.parcel_wrap .chk_box{margin-bottom: 7px;}
.parcel_wrap .all_chk_box{    padding-left: 21px;}
.parcel_wrap .chk_box ipnut[type="checkbox"]{padding:0;}
.parcel_wrap .chk_box label{padding:0;}
.parcel_wrap .chk_box button{border: none; background: none; color: #676e70; font-size: 1.4rem;}
.parcel_wrap .chk_box span{color: #676e70; font-size: 1.2rem;}

.total_amount{width: 50%; margin: 0 0 0 auto; background: var(--color); padding: 10px 15px; display: flex; justify-content: center; gap:0px 10px;}
.total_amount h6{font-size: 1.7rem; color: #fff; }
.total_amount h3{font-size: 1.7rem; color: #fff; font-weight: 600;}
.sod_opt li:before{font-size: 1.1rem;}
.sod_opt li{font-size: 1.4rem; color: #333;}
.chk_box input[type="checkbox"] + label{font-size: 1.4rem;}
.parcel_wrap .sod_option_btn button{border: none; padding: 5px 7px; border-radius: 3px; font-size: 1.2rem; background: #444; color: #fff;}

.amount_box_wrap { padding: 10px 0; border-radius: 30px; border: 1px solid #eee;  max-width: 100px; display: flex; justify-content: center; align-items: center; gap: 0 15px;}
.amount_box button {padding: 0; margin: 0; border: none; background: #fff; font-size: 1.8rem; color: #feb062; font-weight: 500;}
.amount_box span {font-size: 1.4rem; color: var(--color); font-weight: 500;}
#mod_option_frm .btn_confirm .btn_submit{background: #222;}
#tr{position: absolute; right: 0; bottom: 0;}
.parcel_wrap .chk_box input[type="checkbox"] + label{padding-left: 3px;}
.parcel_wrap .chk_box input[type="checkbox"]{position: initial; appearance: none;width: 15px;height: 15px;border: 1px solid #ddd;border-radius: 3px;outline: none;cursor: pointer;position: relative;margin-right: 4px; opacity: 1; z-index: 1;}
.parcel_wrap .wish_chk_box input[type="checkbox"]{margin-left:4px;margin-right:8px;}
.parcel_wrap .chk_box input[type="checkbox"]:checked {background-color: var(--color);border-color: var(--color);}
.parcel_wrap .chk_box input[type="checkbox"]:checked::after {content: '✓';color: white;font-size: 14px;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);line-height: 1; /* 필요에 따라 추가 */}

.right_wrap{width: 40%; position: sticky; top: 150px; height: 500px; z-index: 100;}
.car_right_wrap{background-color:#fff;     border:4px solid #ff8300; border-radius:15px;padding:20px; box-shadow:0 0 20px rgba(0,0,0,0.15);height:auto;}
.right_wrap h2{padding: 12px 15px; background: var(--color2); color: #fff; font-size: 1.7rem; font-weight: 600; margin-top: 26px;}
.car_right_wrap h2{border-radius:50px;background-color:var(--color); color:#fff;margin:0;}
.right_wrap ul{ background: #fff; padding: 15px; margin-bottom: 10px;}
.right_wrap ul li{display: flex; justify-content: space-between; border-bottom:1px dashed #ccc;;}
.right_wrap ul li:last-child{margin-bottom: 0px;}
.right_wrap ul li h3{font-size: 1.6rem; color: #363636; font-weight: 400;}
.right_wrap ul li p{text-align: right; color: #565656; font-size: 1.6rem; font-weight: 400; line-height: 140%;}
.right_wrap .add_order{/*border: 1px solid #e1e1e1;*/ margin-bottom: 20px; background: #fff;}
/* .right_wrap .add_order .line{width: 100%; height: 7px; background: #eee; border-radius: 30px; position: relative;} */
/* .right_wrap .add_order .line::after{content: ''; width: 60%; height: 7px; background: var(--color2); left: 0; top: 0; position: absolute; border-radius: 30px;} */
.right_wrap .add_order h6{text-align: right; margin-top: 5px; font-size: 1.5rem; font-weight: 500; color: #363636;}
.right_wrap .add_order h6 span{color: var(--color); font-weight: 500;}
.right_wrap .add_order p{text-align: right; color: var(--color2); font-weight: 600; margin-top: 5px;}
.right_wrap .next{margin-top: 10px; background: var(--color2); color: #fff; text-align: center; width: 100%; padding: 14px 0px; border: none; font-size: 1.8rem; display: block;}
.right_wrap button{margin-top: 10px; background: var(--color2); color: #fff; text-align: center; width: 100%; padding: 20px 0px; border: none; font-size: 1.8rem; display: block;}
.car_right_wrap button {border-radius:50px;font-size:2rem;font-weight:800;}
.car_right_wrap button span{font-size:2rem;font-weight:800;}

.right_wrap .add_order .line {
  position: relative;
  background: #eee;
  height: 7px;
  border-radius: 30px;
  overflow: hidden;
  margin-top: 5px;
}

.right_wrap .add_order .line .line-progress {
  height: 100%;
  width: 0;
  background: var(--color2);
  border-radius: 30px;
  transition: width 0.4s ease;
}

.left_wrap2{width: 57%;}
.left_wrap2 .top{padding: 10px 25px; display: flex; align-items: center; justify-content: space-between; background: #ededed;border-radius:20px 20px 0 0;}
.left_wrap2 .top h2{font-size: 2.0rem; color: #111; font-weight: 600;}
.left_wrap2 .top button{padding: 5px 14px; border-radius: 60px; background: var(--color2); font-size: 1.4rem; color: #fff; border: none;}
.left_wrap2 .top button:hover, .left_wrap2 .top button:focus{background-color:#19952e;}
.left_wrap2 .type1{ margin-bottom: 20px;}
.left_wrap2 .type1 .top{ margin-bottom: 0;}
.left_wrap2 .type1 ul{background: #fff;     box-shadow: 0 0 5px rgba(0, 0, 0, 0.09);border-radius: 0 0 0 20px;padding: 20px;border: 2px solid #eee; }
.left_wrap2 .type1 ul li{padding-bottom:20px; }
.left_wrap2 .type1 ul li:last-child{margin-bottom: 0;}
.left_wrap2 .type1 ul li input{border:1px solid #ddd; border-radius:10px;width:100%;text-indent:10px;color:#777;}
.left_wrap2 .type1 ul li input.post_num{width:60%;}
.left_wrap2 .type1 ul h2{font-size: 1.6rem; font-weight: 500; margin-bottom: 10px; color: #111;}
.left_wrap2 .type1 ul p{font-size: 1.5rem; font-weight: 500; color: #7c7c7c;}

.orderwrap .type1 ul.order_infobox li {display:flex;justify-content:space-between;padding-bottom:12px;}
.orderwrap .type1 ul.order_infobox li.type_li {border-bottom:1px dashed #ccc; margin:0 0 12px 0;padding-bottom:4px;}
.orderwrap .type1 ul.order_infobox li h2{    flex-shrink: 0;width: 76px;}
.orderwrap .type1 ul.order_infobox li p{flex-grow: 1;text-align:right;}
.orderwrap .type1 ul.order_infobox li p b{color:#000;}

.left_wrap2 .type2{ border-bottom: 0px; margin-bottom: 20px; background: #fff;}
.left_wrap2 .type2 .day_top{padding: 10px 15px;display: flex; justify-content: space-between; align-items: center; background-color:var(--color);}
.left_wrap2 .type2 .day_top h2{font-size: 1.8rem; font-weight: 600; color: #fff;}
.left_wrap2 .type2 .day_top .up_wrap{display: flex; align-items: center; gap:0px 10px}
.left_wrap2 .type2 .day_top .up_wrap h3{font-size: 1.8rem; font-weight: 700; color: #faff2e;}
.left_wrap2 .type2 .day_top .up_wrap button{padding: 5px 15px; border-radius: 4px; background: var(--color2); font-size: 2.0rem; color: #fff; border: none;}
.left_wrap2 .type2 .box{padding: 15px 0; display: flex; gap:0px 3%;flex-wrap:wrap; border-bottom: 1px dashed #dfdfdf;}
.left_wrap2 .type2 .box button.order-request-btn i{font-size:13px;}
.left_wrap2 .type2 .box .img{flex-shrink:0;width:118px;height:118px; border-radius: 8px; overflow: hidden; position: relative;}
.left_wrap2 .type2 .box .img span {position: absolute; padding: 2px 10px; border-radius: 10px; background: var(--color); color: #fff; top: 5px; left: 5px; font-size: 1.2rem; font-weight:500; z-index: 99;}
.left_wrap2 .type2 .box .img img{width: 100%;height:100%;object-fit:cover;}
.left_wrap2 .type2 .day-section {margin:0 0 10px 0;box-shadow:0 0 5px rgba(0,0,0,0.09);border-radius:20px 20px; padding:20px;    border: 2px solid #eee}
.left_wrap2 .type2 .day-section:first-child {border-radius:0 0 20px 20px;}
.left_wrap2 .type2 .day-section:last-child {margin:0 0 30px 0;}
.left_wrap2 .type2 .day-section .day_header {padding:0 0 10px 0;}
.left_wrap2 .type2 .day-section .day_header h3{font-size:2.2rem; color:#000; font-weight:600;}
.left_wrap2 .type2 .day-section .day_header span.txt{font-size:1.4rem; color:#777;display:inline-block;padding:10px 0;line-height:130%;}
.left_wrap2 .type2 .text p{color: #565656; line-height: 130%;}
.left_wrap2 .type2 .text h6{color: #111; font-weight: 700; font-size: 1.6rem;padding:6px 0 0;}
.left_wrap2 .type2 .text_wrap{display: flex; flex-direction: column; justify-content: center;flex-grow:1;}
.left_wrap2 .type2 .text_wrap h2{font-size: 1.8rem; font-weight: 700; color: #363636;}
.left_wrap2 .type2 .text_wrap span.bar{display:inline-block; width:2px; height:14px; background-color:#cfcfcf;margin:0 5px;vertical-align:middle;}
.left_wrap2 .type2 .text_wrap .text p{font-size:1.4rem;line-height:130%;}
.left_wrap2 .type2 .date_wrap{display: flex; align-items: flex-end;}
.left_wrap2 .type2 .date_wrap2{width:100%;justify-content:flex-end;gap:0 10px;align-items:center;}
.left_wrap2 .type2 .date_wrap2 span.bar{display:inline-block; width:2px; height:14px; background-color:#cfcfcf;margin:0 5px;vertical-align:middle;}
.left_wrap2 .type2 .date_wrap h4{ font-size: 1.9rem; font-weight: 600; color: var(--color);}
.left_wrap2 .type2 .day_header {display: flex;align-items: flex-start;justify-content: space-between;gap: 10px;border-bottom: 2px solid #eee;}

.left_wrap2 .type2 .result{padding: 15px 20px; display: flex; justify-content: space-between;align-items:center; background-color:#f4f4f6;border-radius:60px;margin:20px 0 0;}
.left_wrap2 .type2 .result h2{font-size: 1.7rem; font-weight: 500; color: #111; }
.left_wrap2 .type2 .result h2.totalh2{font-size: 2.1rem; font-weight:600; color:var(--color);}
.left_wrap2 .type2 .day_top .up_wrap button,
.left_wrap2 .type2 .day_header .day-toggle {padding: 0 12px;border-radius: 4px;background: var(--color2);font-size: 2.6rem;color: #fff;margin-right: 10px;border:none;outline:none;}


.left_wrap2 .type3{margin-bottom: 30px; background: #fff;}
.left_wrap2 .type3 .top{margin:0;}
.left_wrap2 .type3 .top .r_coupon{display:flex; align-items:center;}
.left_wrap2 .type3 .top .right_box{display:flex; align-items:center;gap:0 7px;}

.left_wrap2 .type3 .top .text{display: flex; align-items: center; gap:0px 15px;}
.left_wrap2 .type3 .top .text h3{font-size: 1.8rem; color: #22a438;}
.left_wrap2 .type3 .top .text button{padding: 8px 15px; border-radius: 4px; background: #444; font-size: 1.6rem; color: #fff; border: none;}
.left_wrap2 .type3 .point_wrap{box-shadow: 0 0 5px rgba(0, 0, 0, 0.08);border-radius:0 0 20px 20px;padding: 20px;border: 2px solid #eee;   display: flex; align-items: center; justify-content: space-between;}
.left_wrap2 .type3 .point_wrap2{justify-content:flex-start;}
.left_wrap2 .type3 .point_wrap button{width:auto;height:auto;border: 1px solid #777; padding: 5px 10px; background: none; color: #666; border-radius:50px;line-height:1;font-size:1.5rem;margin:0 5px;}
.left_wrap2 .type3 .point_wrap button:hover{background-color:#f5f5f7;}
.left_wrap2 .type3 .point_wrap input[type="text"] {width: 100%;text-align: left; padding: 8px 10px;border:none;border-bottom: 1px solid #ccc;}
.left_wrap2 .type3 .point_wrap input[type="text"]:focus{border-color:#000;}
.left_wrap2 .type4{ background: #fff;}
.left_wrap2 .type4 .top{margin:0;}
.left_wrap2 .type4 .card_wrap{box-shadow: 0 0 5px rgba(0, 0, 0, 0.08);border-radius: 0 0 20px 20px;padding: 20px;border: 2px solid #eee; }
.left_wrap2 .type4 .card_wrap .card{margin:12px 0px}
.left_wrap2 .type4 .card_wrap .card label{font-size: 1.7rem; color: #363636;}
.left_wrap2 .type4 .card_wrap .card input{width:17px; height:17px;}
.left_wrap2 .type4 .card_wrap #limit2_input{padding:10px 20px; background-color:#f5f5f7;border-radius:10px;color:#444;font-size:1.5rem;}
.left_wrap2 .type4 .card_wrap #limit2_amount{border-radius:5px;margin:0 3px; text-align:right;padding:0 5px;}
.left_wrap2 .type4 .card_wrap #settle_bank{padding:10px 20px; background-color:#f5f5f7;border-radius:10px;color:#444;border:none;font-size:1.5rem;}
.left_wrap2 .type4 .card_wrap #settle_bank label{float:none; width:auto;}
.left_wrap2 .type4 .card_wrap #settle_bank #od_deposit_name{border-radius:5px; width:120px;margin:0;}


.right_wrap2{width: 40%; position: sticky; top: 200px; height:auto;background: #fff;border: 4px solid #ff8300;padding:20px; border-radius:20px;border-radius: 15px;    padding: 20px;    box-shadow: 0 0 20px rgba(0, 0, 0, 0.15);}
.right_wrap2 h2{padding: 10px 15px; background: var(--color); color: #fff; font-size: 1.8rem; font-weight: 600;border-radius:60px;margin:0 0 20px 0;}
.right_wrap2 ul{  margin-bottom: 10px;padding:0 10px;}
.right_wrap2 ul li{display: flex; justify-content: space-between;     margin-bottom: 10px;    border-bottom: 1px dashed #eee;    padding-bottom: 10px;}
.right_wrap2 ul li:last-child{margin-bottom: 0px;}
.right_wrap2 ul li h3{font-size: 1.7rem; color: #363636; font-weight: 500;}
.right_wrap2 ul li p{text-align: right; color: #565656; font-size: 1.5rem; font-weight: 500; line-height: 120%;}
.right_wrap2 ul li.color h3{color: var(--color);}
.right_wrap2 ul li.color p{color: var(--color);}
.right_wrap2 .add_order{border: 1px solid #e1e1e1; padding: 15px;}
.right_wrap2 .add_order .line{width: 100%; height: 7px; background: #eee; border-radius: 30px; position: relative;}
.right_wrap2 .add_order .line::after{content: ''; width: 60%; height: 7px; background: var(--color2); left: 0; top: 0; position: absolute; border-radius: 30px;}
.right_wrap2 .add_order h6{text-align: right; margin-top: 10px; font-size: 1.5rem; font-weight: 500; color: #363636;}
.right_wrap2 .add_order h6 span{color: var(--color); font-weight: 500;}
.right_wrap2 .add_order p{text-align: right; color: var(--color2); font-weight: 600; margin-top: 5px;}
.right_wrap2 a{margin-top: 10px; background: #e9e9e9; color: #999; text-align: center; width: 100%; padding: 14px 0px; border: none !important;outline:none; font-size: 1.5rem; display: block;border-radius:100px;font-weight:600;}
.right_wrap2 .order_btn{margin-top: 10px; background: var(--color2); color: #fff; text-align: center; width: 100%; padding: 14px 0px; border: none; font-size:2.2rem; display: block;border-radius:100px;font-weight:600;}
.right_wrap2 .check {background: #f5f5f6;}
.right_wrap2 .check input[type=checkbox]{display: none;}
.right_wrap2 .check input[type=checkbox] + label{color: #111; font-size: 1.6rem; cursor: pointer; display: block; padding: 15px; display: flex; justify-content: center; gap:0px 10px} 
.right_wrap2 .check input[type=checkbox]:checked + label i{color: var(--color2); }
.right_wrap2 .check input[type=checkbox]:checked + label{}
.right_wrap2 .order_chek{border: 2px solid #ccc;border-radius:10px;margin:20px 0;color:#111;}

.left_wrap3  .parcel_wrap > .pro_check{display: flex; justify-content: space-between;}
#sct_sortlst {border:none;}
.sort_wrap {position:relative;z-index:99; display: flex; justify-content: space-between; align-items: center; /*width: 100%;*/ /* flex-direction: row-reverse; */padding-right:22px;}
.sort_wrap2 {padding-right:0;}
.sort_no_poupon  {text-align: center; border-radius: 10px; background: #f8f8f8; margin-top: 25px; }
.sort_no_poupon p {color: #494949; font-weight: 600; line-height: 150px; }
.btn_sort {font-size:15px;color:#363636;font-weight:400; position: relative;}
.sort_view {display:inline-block;position:absolute;top:25px;left:0px;display:none;border:1px solid #e1e1e1;background:#fff;width:120px; display: none; border-radius: 10px; overflow: hidden;}
.sort_view_right {left:auto;right:0;}
.sort_view > a {display:block;text-align:left;font-size:14px;color:#565656;font-weight:400;padding:8px 10px;transition:all .3s ease; -webkit-transition:all .3s ease;}
.sort_view > a.on, .sort_view > a:hover {background:rgba(255,131,0,0.3);}
.btn_fiter {display:none;}
@media (max-width:750px) {
    .btn_sort {font-size:14px;}
    .btn_fiter {display:inline-block;font-size:14px;color:#000;font-weight:500;margin-right:15px;text-decoration:underline}
}

.right_wrap3{height: auto;}
.right_wrap3 .add_order button{width: 200px; border-radius: 30px; margin: 20px auto 0px auto;padding:13px 0;}
.right_wrap3 .add_order button img{width: 20px; margin-right: 10px;}
.right_wrap3 h2{margin-top: 20px;}
.right_wrap3 .suggestion{margin-top: 20px; border: 3px solid #ff8300; padding:25px; background: #fff;border-radius:20px;}
.right_wrap3 .suggestion h3{font-size: 2.2rem; font-weight: 700; color: #121212; margin-bottom:25px;}
.right_wrap3 .suggestion .sug_wrap{display: flex; gap: 40px 2%; flex-wrap: wrap;}
.right_wrap3 .suggestion .sug_img{width: 32%;}
.right_wrap3 .suggestion .sug_img .thumb_img{width: 100%;aspect-ratio: 1 / 1; margin-bottom: 15px; height: auto;border-radius:14px;overflow:hidden;position:relative;}
.right_wrap3 .suggestion .sug_img .thumb_img > img{width: 100%; height:100%; object-fit:cover;}
.right_wrap3 .suggestion .sug_img .thumb_img  span{position: absolute;padding:2px 7px;border-radius: 6px;background: var(--color);color: #fff;top: 10px;left: 10px;font-size: 1.2rem;font-weight:500;line-height:1;}
.right_wrap3 .suggestion .sug_img .icon {display: flex;align-items: center;gap: 0px 7px;position: absolute;bottom: 10px;justify-content: space-between;width: 100%;padding: 0px 10px;}
.right_wrap3 .suggestion .sug_img .icon button{width: 27px;height: 27px;border-radius: 50%;background: var(--color2);border: none;padding:0;font-size:0;margin:0;}
.right_wrap3 .suggestion .sug_img .icon button img{width:15px;}


.right_wrap3 .suggestion .sug_img p{font-size: 1.3rem; color: #444; font-weight: 400; line-height: 125%;}
.right_wrap3 .suggestion .sug_img .sub_price{display: flex; margin-top: 5px; gap:0px 8px}
.right_wrap3 .suggestion .sug_img .sub_price h5{font-weight: 700; color: var(--color);}
.right_wrap3 .suggestion .sug_img .sub_price h6{font-weight: 800; color: #363636;}
.right_wrap3 .reset{margin-top: 30px; background: var(--color2); color: #fff; text-align: center; width: 100%; padding: 14px 0px; border: none; font-size: 1.8rem; display: block;border-radius:50px;}

.btn_submit.disabled_btn {
    background-color: #b5b5b5 !important;
    cursor: not-allowed;
    opacity: 0.8;
}

.product_nav{padding-top: 120px;}
.product_nav .pro_nav{display: flex; color: #999; gap:0px 7px; font-size: 1.4rem; margin-bottom: 10px;}
.product_nav .pro_nav a i{color: #999; font-size: 1.4rem;}
.product_nav .pro_nav span{font-family: 'SUIT-Regular'; font-size: 1.4rem;}
.product_nav .pro_nav p{font-size: 1.4rem; font-weight: 500;}
.product_nav .top h2{font-size: 3.4rem; color: var(--color); font-weight: 600;}

.goods_nav{margin-top: 30px; background: #f8f8f8; padding: 12px 0px; margin-bottom: 10px;}
.goods_nav .width{display: flex; gap:0px 1.5%;}
.goods_nav .width a{font-size: 1.6rem; color: #565656; font-weight: 400;}
.goods_nav .width a.on{color: var(--color);}

.product{margin-top: 20px; display: flex; flex-wrap: wrap; gap: 50px 2%;}
.product .box{width: 18.4%;}
.product .box .img{width: 100%; margin-bottom: 10px; display: block; border-radius:10px; overflow: hidden; position: relative; }
.product .box .img:after { display: block;content: "";padding-bottom: 100%;}

.product .box .img > img{width: 100%;position: absolute;top: 0;left: 0;width: 100%;height: 100%;object-fit: cover;}
.product .box .img .fa_btn{position: absolute; left: 0; bottom: 0; width: 100%; display: flex; justify-content: space-between; padding: 10px;}
.product .box .img .fa_btn button{width: 30px; height: 30px; border: none; border-radius: 50%; background:var(--color2);}
.product .box .img .fa_btn button img{width: 18px;}
.product .box .img span{position: absolute; padding: 4px 15px; border-radius: 4px; background: var(--color); color: #fff; top: 10px; left: 10px; font-size: 1.4rem; font-weight: bold;}
.product .box p{font-size: 1.4rem; color: #888; font-weight: 400; line-height: 120%;}
.product .box p.tta{white-space:nowrap; text-overflow:ellipsis; overflow:hidden; }
.product .box p b{color: #444; font-weight: 400;}
.product .box .sub_price{display: flex; margin-top: 5px; gap:0px 5px;align-items:center;}
.product .box .sub_price h5{font-weight: 600; color: var(--color); font-size: 1.8rem;}
.product .box .sub_price h6{font-weight: 700; color: #363636; font-size: 1.8rem;}
.product .box .sub_price h6.origin_price{font-size: 1.4rem; font-weight: 400; }
.product .box  h4{padding: 5px 20px; border-radius: 4px; background: #feb062; display: inline-block; color: #fff; margin-top: 7px; font-size: 1.2rem; font-weight: 600;}

.pro_view_wrap {display: flex; gap: 40px 5%;}
.pro_view_wrap .pro_view_area{width: 55%; display: flex; justify-content: space-between; gap: 20px 2%;}
.pro_view_wrap .pro_big{width: 79%;}
.pro_view_wrap .pro_big a.big_thumg_a{  display: block; overflow: hidden;    border-radius: 10px;position:relative;}
.pro_view_wrap .pro_big a.big_thumg_a:after {
    display: block;
    content: "";
    padding-bottom: 100%;
}
.pro_view_wrap .pro_big a.big_thumg_a img{    width: 100%;    position: absolute;    top: 0;    left: 0;    width: 100%;    height: 100%;    object-fit: cover;}

.pro_view_wrap .pro_mini{width: 18%; display: flex; flex-direction: column; gap: 12px 2%;}
.pro_view_wrap .pro_mini ul li {border-radius: 7px; overflow: hidden; display: block; border: 1px solid #e1e1e1;}
.pro_view_wrap .pro_mini ul li:hover {border-color:var(--color);}
.pro_view_wrap .pro_mini ul li a{    display: block;    position: relative;    overflow: hidden;    border-radius: 10px;}
.pro_view_wrap .pro_mini ul li a:after { display: block;    content: "";    padding-bottom: 100%;}
.pro_view_wrap .pro_mini ul li a img {
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.pro_view_wrap .pro_mini ul li a img:hover{border:none !important;}
.pro_view_wrap .pro_mini ul li.on{border: 1px solid var(--color);}
.pro_view_wrap .pro_mini img{width: 100%;}
.pro_view_wrap .info_cont{width: 40%;}
/* .pro_view_wrap .pro_info{width: 40%;} */
.pro_view_wrap .pro_info h2{font-size: 2.8rem; font-weight: 600; color: #111;}
.pro_view_wrap .pro_info .pro_price{display: flex; gap:0px 2%; margin-top: 20px; padding-bottom: 15px; }
.pro_view_wrap .pro_info .pro_price_wrap {justify-content: space-between; align-items: center; display: flex; border-bottom: 2px solid #565656;}
.pro_view_wrap .pro_info .pro_price h3{font-size: 2.2rem; color: var(--color); font-weight: 600;}
.pro_view_wrap .pro_info .pro_price h4{font-size: 2.2rem; color: #363636; font-weight: 600;}
.pro_view_wrap .pro_info .pro_price h4 span{font-weight: bold;}
.pro_view_wrap .pro_info .sub_price h6 {padding: 5px 20px; border-radius: 4px; background: #feb062; display: inline-block; color: #fff; margin-top: 7px; font-size: 1.2rem; font-weight: 600;}
.pro_view_wrap .pro_info .pro_price h5{font-weight: 400; color: #999999; text-decoration: line-through; margin-top: 5px;}
.pro_view_wrap .pro_info .info{padding: 15px 12px; border-bottom: 1px solid #e1e1e1; display: flex;    align-items: center;}
.pro_view_wrap .pro_info .info h3{font-weight: 600; color: #363636; min-width: 80px; font-size: 1.5rem;}
.pro_view_wrap .pro_info .info p{font-weight: 400; color: #7c7c7c; font-size: 1.5rem;}
.pro_view_wrap .pro_info .info2{display: flex; flex-wrap: wrap;}
.pro_view_wrap .pro_info .info2 li{width: 50%; display: flex; padding: 15px 2px 15px 10px; border-bottom: 1px solid #e1e1e1;}
/* .pro_view_wrap .pro_info .info2 li:nth-child(odd){border-right: 1px solid #e1e1e1;} */
.pro_view_wrap .pro_info .info2 li.border-r{border-right: 1px solid #e1e1e1;}
.pro_view_wrap .pro_info .info2 li.w70{width:65%;}
.pro_view_wrap .pro_info .info2 li.w30{width:35%;}
.pro_view_wrap .pro_info .info2 li h3{font-weight: 600; color: #363636; min-width: 80px; font-size: 1.5rem;}
.pro_view_wrap .pro_info .info2 li p{font-weight: 400; color: #7c7c7c; font-size: 1.5rem;}
.pro_view_wrap .pro_info .info3{display: flex; border-bottom: 1px solid #e1e1e1;}
.pro_view_wrap .pro_info .info3 .input{width: 50%;  padding: 12px; display: flex; align-items: center;}
.pro_view_wrap .pro_info .info .in_date{display:flex;align-items:center;}
.pro_view_wrap .pro_info .info .in_date input{border: 1px solid #e1e1e1; color: #7c7c7c; font-size: 14px;; height: 30px;width: 155px; padding: 5px;border-radius:20px;text-indent:10px;}
.pro_view_wrap .pro_info .info .in_date .calendar-icon{right:25px !important;}

.pro_view_wrap .pro_info .info3 .input:first-child{border-right: 1px solid #e1e1e1;}
.pro_view_wrap .pro_info .info3 .input h3{font-weight: 600; color: #363636; min-width: 80px; font-size: 1.5rem;}
.pro_view_wrap .pro_info .info3 .input2 .pro_count{display: flex; border-radius: 30px; border: 1px solid #ccc; width: 130px;}
.pro_view_wrap .pro_info .info3 .input2 .pro_count button{border: none; background: none; padding:  5px 10px;}
.pro_view_wrap .pro_info .info3 .input2 .pro_count input{width: 62px; text-align: center;}
.pro_view_wrap .pro_info .info4{display: flex; padding: 15px 12px; border-bottom: 1px solid #e1e1e1;}
.pro_view_wrap .pro_info .info4 h3{font-weight: 600; color: #363636; min-width: 80px; font-size: 1.5rem;}
.pro_view_wrap .pro_info .info4 textarea {width: 100%; resize: none; font-size: 1.5rem; font-weight: 400;border-radius:10px;padding:10px;}
.pro_view_wrap .pro_info .result{padding: 12px;margin-bottom: 20px;}
.pro_view_wrap .pro_info .result .all_text{}
.pro_view_wrap .pro_info .result .total_box{display:flex; justify-content:space-between;align-items:center;}
.pro_view_wrap .pro_info .result .all_text h3{font-size: 1.8rem; color: #363636; font-weight: 500;}
.pro_view_wrap .pro_info .result .all_text p{display: inline-block; border-radius: 4px; padding: 3px 10px; background:#feb062; color: #fff; font-size: 1.5rem; font-weight: 500;}
.pro_view_wrap .pro_info .result .all_price h6{font-size: 3.0rem; font-weight: 800; color: var(--color);}

.pro_view_wrap .pro_info .pro_btn{display: flex; gap:0px 2%; padding-left: 10px;}
.pro_view_wrap .pro_info .pro_btn button{width: 50%; padding: 15px; border: 1px solid #222; background: #222; color: #fff;  font-weight: bold; font-size: 1.8rem; border-radius: 4px;}
.pro_view_wrap .pro_info .pro_btn button:nth-child(1){background: none; color: #222;}
.pro_view_wrap .pro_info .pro_btn p{font-size: 1.4rem; line-height: 130%; color: #888;}


.detail_wrap .info_nav{display: flex; border-top: 2px solid #565656;}
.detail_wrap .info_nav a{width: 33.3333%; text-align: center; padding: 17px 0px; background: #f9f9f9; font-size: 2.0rem; color: #363636; font-weight: 600; border-right: 1px solid #e1e1e1;}
.detail_wrap .info_nav a:first-child{border-left: 1px solid #e1e1e1;}

.my{background: #fff;}
.my .width{display: flex; gap:30px 0;justify-content:space-between;align-items: flex-start;}
.my .my_right{width: 49%;border-radius:20px;box-shadow:0 0 20px rgba(0,0,0,0.1);background-color: #f4f4f5;}
.my .my_right .profile{display: flex; align-items: center; gap:0px 10px; padding: 15px; background: #fff;}
.my .my_right .profile .profile_img{border: 1px solid #e1e1e1; width: 50px; height: 50px; border-radius: 50%; display: flex; align-items: center; justify-content: center; overflow: hidden; color: #5d5d5d;}
.my .my_right .profile .profile_img i{font-size: 2.4rem;}
.my .my_right .profile h2{font-size: 2.8rem; font-weight: 600; color: var(--color);}
.my .my_right .cus_wrap{background: #fff; display: flex; justify-content: space-between; align-items: flex-end; padding: 15px;border-radius:20px 20px 0 0;}
.my .my_right .cus_wrap .customer h3{padding: 4px 5px;line-height:1; border-radius: 4px; background: #fff; color: #ff8300;border:1px solid #ff8300; font-weight: 400; margin-bottom: 12px; display: inline-block;font-size:14px;}
.my .my_right .cus_wrap .customer h4{font-size: 2.2rem; font-weight: 600; color: #363636;}
.my .my_right .cus_wrap a{border-radius: 5px; background: #22a438; padding: 7px 15px; font-size: 1.4rem; font-weight: 500; color: #fff;}
.my .my_right .more{background: var(--color); padding: 15px; display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between;}
.my .my_right .more h2{color: #fff; font-weight: 400; margin-right: 5px; }
.my .my_right .more a{background: #fff; padding: 5px 12px; border-radius: 4px; color: #363636; font-weight: 400; font-size: 1.5rem;}
.my .my_right .more a span{font-family: 'SUIT-Regular';}
.my .my_right .menu_wrap{background: #fff;}
.my .my_right .menu_wrap .menu{position:relative;padding: 15px 46px 13px 20px; display: flex; justify-content: space-between;border-bottom:1px solid #eee;flex-wrap: wrap;}
.my .my_right .menu_wrap .menu h2{font-size: 1.7rem; color: #363636; font-weight: 400;}
.my .my_right .menu_wrap .menu a{font-size: 1.7rem; color: var(--color); font-weight: 500;text-align:right;}
.my .my_right .menu_wrap .menu a span{position:Absolute;right:26px;top:50%; margin-top:-8px;font-family: 'SUIT-Regular'; color: #363636; margin-left: 10px;}
.my .my_right .menu_wrap2 a{position:relative;padding: 20px 25px; border-bottom: 2px solid #f9f9f9; background: #fff; display: flex; align-items: center; justify-content: space-between;}
.my .my_right .menu_wrap2 h2{font-size: 1.7rem; font-weight: 400; color: #363636;}
.my .my_right .menu_wrap2 span{position:absolute; right: 25px; top:50%; margin-top:-8px;font-family: 'SUIT-Regular'; font-size: 1.7rem; color: #363636;}
.my .my_right .logout{background: #fff; padding: 20px 25px; display: flex; justify-content: space-between; align-items: center;}
.my .my_right .logout h2{font-size: 1.7rem; font-weight: 400; color: #363636;}
.my .my_right .logout span{font-family: 'SUIT-Regular'; font-size: 1.7rem; color: #363636;}

.my .my_left{width: 49.5%; background-color:#fff;box-shadow:0 0 20px rgba(0,0,0,0.1);border-radius:20px;}
.my .my_left .top{ padding:25px;}
.my .my_left .top h2{font-size: 22px; font-weight: 600; color: black;}
.my .my_left .top span{font-size: 2.0rem; font-weight: 600; color: #fff;}
.my .my_left .progress{background: #fff; padding: 15px 25px; display: flex; justify-content: space-between; align-items: center;}
.my .my_left .progress .box .num{width: 75px; height: 75px; border-radius: 50%; display: flex; align-items: center; justify-content: center; background: #22a438; color: #fff; font-size: 2.4rem; font-weight: bold;}
.my .my_left .progress .box p{font-size: 1.5rem; color: #444; text-align: center; margin-top: 10px; font-weight: 500;}
.my .my_left .progress span{font-family: 'SUIT-Medium'; color: #616161; font-size: 1.8rem;}
.my .my_left .guide{background: #ddd; padding: 15px;}
.my .my_left .guide p{color: #666; font-size: 1.4rem; line-height: 140%;}
.my .my_left .more_wrap{background: #fff;}
.my .my_left .more_wrap .box{display: flex;align-items: stretch; justify-content: space-between; gap:0px 3%; padding:10px; border-bottom: 1px solid #f6f6f6;}
.my .my_left .more_wrap .box .left-group {display: flex;gap:10px;width:calc(100% - 120px) }
.my .my_left .more_wrap .box .left-group .img{width:80px; height:80px;border-radius: 5px; overflow: hidden;flex-shrink: 0;}
.my .my_left .more_wrap .box .left-group .img img{width: 100%;height:100%;object-fit:cover;}
.my .my_left .more_wrap .box .left-group .info{flex-grow:1;}
.my .my_left .more_wrap .box .list_btn{display: flex;flex-direction:column; gap: 5px; align-items: flex-end; height: 80px; width:120px;}
.my .my_left .more_wrap .box .list_btn a{border-radius: 30px; font-size: 1.3rem; background-color: var(--color2); color: #fff; padding: 3px 13px; font-weight: 400;;}
.my .my_left .more_wrap .box .list_btn a.cancel_btn{display: inline-block;padding: 3px 13px;border-radius: 50px;color: #777;font-size: 1.3rem;font-weight: 400;
border: 1px solid #ddd;background:none;}

.my .my_left .more_wrap .text{display: flex; align-items: center; gap:15px 3%; width: 70%;}
.my .my_left .more_wrap .img{width: 80px; border-radius: 5px; overflow: hidden; height: 80px; }
.my .my_left .more_wrap .img img{width: 100%;}
.my .my_left .more_wrap .info h2{font-size: 1.4rem; font-weight: 400; color: #888; display: flex; align-items: center; gap:5px 7px; flex-wrap: wrap;}
.my .my_left .more_wrap .info h2 span{font-size: 1.2rem; padding: 2px 8px; border:1px solid  var(--color); color: var(--color); border-radius: 40px; font-weight:500; white-space: nowrap;}
.my .my_left .more_wrap .info h2 b{font-size: 1.4rem; color: #888;}
.my .my_left .more_wrap .info h2 span.on{background: var(--color);}
.my .my_left .more_wrap .info p{font-size: 1.6rem; color: #333;font-weight: 600; margin-top: 10px;}
.my .my_left .more_wrap .info p b{font-weight: 600;}
.my .my_left .more_wrap .more{padding: 5px 13px; border-radius: 30px; background: #22a438; color: #fff; font-size: 1.3rem; }
.my .my_left .more_wrap .cancel_btn{padding: 2px 8px; border-radius: 30px;border:1px solid #ccc; color: #777; font-size: 1.2rem; }
.my .my_left .more_wrap .cancel_btn:hover{background-color: #f6f6f8;}


.my .my_left2{background: #fff; border-radius:20px;}
.my .my_left2 .top{padding: 0px; display: flex; align-items: center; padding: 15px; background: #ff8300;border-radius:20px 20px 0 0;position:relative;}
.my .my_left2 .top h2{color:#fff;}

.my .my_left2 .order_detailbox{padding:15px 10px;}
.my .my_left2 .order-detail-print-head{display:flex;align-items:center;justify-content:space-between;gap:12px;}
.my .my_left2 .order-detail-print-head h2{min-width:0;}
.my .my_left2 .order-detail-print-btn{flex-shrink:0;border:1px solid var(--color);border-radius:5px;background:#fff;color:var(--color);padding:6px 12px;font-size:1.4rem;font-weight:500;line-height:1.2;cursor:pointer;}
.my .my_left2 .order_num{display: flex; align-items: center; justify-content: space-between; padding: 8px 0px;}
.my .my_left2 .order_num h3{font-size: 1.4rem; color: #888; font-weight: 400;}
.my .my_left2 .order_num h2{font-size: 1.9rem; color: #111; font-weight: 500;}
.my .my_left2 .order_num a i{color: #b5b5b5; font-size: 1.9rem;}
.my .my_left2 .or_list_wrap .list{display: flex;align-items: stretch; justify-content: space-between; gap:0px 3%; padding:10px 0; border-bottom: 1px solid #f6f6f6;}
.my .my_left2 .or_list_wrap .list .left-group {display: flex;gap:10px;width:calc(100% - 120px) }
.my .my_left2 .or_list_wrap .list .left-group > .text{width:100%; flex-grow:1;}
.my .my_left2 .or_list_wrap .list .right-group {display: flex; flex-direction: column; gap:5px; align-items: flex-end;justify-content: space-between;width:120px;}
.my .my_left2 .or_list_wrap .list .right-group .price_box{text-align:right;}
.my .my_left2 .or_list_wrap .list .img{width:80px; height:80px;border-radius: 5px; overflow: hidden;flex-shrink: 0;}
.my .my_left2 .or_list_wrap .list .img img{width: 100%;height:100%;object-fit:cover;}
.my .my_left2 .or_list_wrap .text h2{color: #888; font-weight: 400;font-size: 1.4rem;line-height:18px;}
.my .my_left2 .or_list_wrap .text h2.total_price{font-size: 2rem;font-weight: 600;;}
.my .my_left2 .or_list_wrap .text h2.tta{white-space:nowrap; text-overflow:ellipsis; overflow:hidden;;}


.my .my_left2 .or_list_wrap .text .o_status_tit{display: inline-block;padding: 2px 12px;border-radius: 50px;border:1px solid var(--color);color:var(--color) !important;font-size: 1.3rem;font-weight: 400;line-height:1;}
.my .my_left2 .or_list_wrap .text ul{margin-bottom: 10px;}
.my .my_left2 .or_list_wrap .text li{display: flex; gap: 0px 10px;}
.my .my_left2 .or_list_wrap .text li h3{color: #444; font-weight: 400; font-size: 1.4rem;}
.my .my_left2 .or_list_wrap .text li h3 b{font-weight: 600; color: #d6d3cd; margin-left: 5px;}
.my .my_left2 .or_list_wrap .text li span{color: #d6d3cd; font-size: 1.4rem;}
.my .my_left2 .or_list_wrap .text li p{color: #444; font-weight: 400; font-size: 1.4rem;}
.my .my_left2 .or_list_wrap .text h4{color: var(--color); font-weight: 600;}
.my .my_left2 .or_list_wrap .text a.cancel-order-btn_part{display: inline-block;padding: 3px 13px;border-radius: 50px;color: #777;font-size: 1.3rem;font-weight: 400;border: 1px solid #ddd;;}
.my .my_left2 .order_result{margin-top: 15px;padding:15px;}
.my .my_left2 .order_result #up_wrap1_ul{padding:20px 30px; background-color:#f5f5f7;border-radius: 20px;;}
.my .my_left2 .order_result #up_wrap2_ul{padding:20px 30px; background-color:#f5f5f7;border-radius: 20px;;}
.my .my_left2 .order_result #up_wrap3_ul{padding:20px 30px; background-color:#f5f5f7;border-radius: 20px;;}
.my .my_left2 .order_result li{display: flex; padding: 5px 0px; justify-content: space-between;}
.my .my_left2 .order_result li h3{font-size: 1.5rem; color: #8c8d8d; font-weight: 400;}
.my .my_left2 .order_result li p{font-size: 1.5rem; color: #262626; font-weight: 500;text-align:right;}
.my .my_left2 .order_result2{border-top: 2px solid #f6f6f6}
.my .my_left2 .order_result2 li{}
.my .my_left2 .order_result2 li h3{min-width: 85px;}
.my .my_left2 .order_result2 li p b{color: var(--color);}
.my .my_left2 .order_result2 li p button{border: none; background: none;}
.my .my_left2 .order_cancel{width: 270px; border-radius: 60px; padding: 13px 0px; text-align: center; background: #969b9b;color:white; font-size: 1.8rem;margin:20px 0 0;outline:none;border:none;}
.my .my_left .nodata{padding:30px 10px 30px; text-align:Center; font-size:1.6rem;color:#666;}

.my .my_left3{background: #fff; border-radius:20px;}
.my .my_left3 .top{padding: 0px; display: flex; justify-content: space-between; align-items: center; padding: 15px; background: #ff8300;border-radius:20px 20px 0 0;position:relative;}
.my .my_left3 .top h2{color:#fff;}
.my .my_left3 .or_list_wrap  .o_status_tit{display: inline-block;padding: 2px 12px;border-radius: 50px;border:1px solid var(--color);color:var(--color);font-size: 1.3rem;font-weight: 400; line-height: 1;}
.my .my_left3 .top span{color:#edff00;margin:0 0 0 6px;}
.my .my_left3 .top .right_group{display:flex; gap:0 5px;align-items:center;}
.my .my_left4 .top { justify-content: space-between;;}
.my .my_left4 .top h2{color:#fff;position:static;}
.my .my_left3 .notice {background: #f8f8f8; padding: 15px;}
.my .my_left3 .notice p {color: #444; font-weight: 600; font-size: 1.6rem;}
.my .my_left3 .notice p span {color: var(--color); font-weight: 600; font-size: 1.6rem;}
.my .my_left3 .bal_box {padding: 15px;}
.my .my_left3 .bal_box div {display: flex; justify-content: space-between;}
.my .my_left3 .bal_box h3 {font-size: 1.8rem; line-height: 1.4; font-weight: 700; }
.my .my_left3 .bal_box span {font-size: 1.8rem; line-height: 1.6; font-weight: 400; }
.my .my_left3 .cre_pay {text-align: right;}
.my .my_left3 .cre_pay a {border-radius: 5px; background: #22a438; padding: 7px 15px; font-size: 1.4rem; font-weight: 500; color: #fff;}
.my .my_left3 .cre_btn {text-align: center; padding: 20px 0;}
.my .my_left3 .cre_btn a {border-radius: 5px; background: var(--color); padding: 15px 0; width: 80%; font-size: 1.4rem; font-weight: 500; color: #fff; display: inline-block;}


.my .my_left3 .my_sort{ padding: 15px; padding-bottom: 25px; }
.my .my_left3 .order{padding: 0 15px; background: #fff; padding-bottom: 15px; padding-top: 15px; border-bottom: 1px solid #222; display: flex; justify-content: space-between; align-items: center; }
.my .my_left3 .order h2{font-size: 1.7rem; color: #666; font-weight: 600;}
.my .my_left3 .order h3{font-size: 2.0rem; margin-bottom: 5px; color: #262626; font-weight: 700;}
.my .my_left3 .order a i{color: #d6d3cd; ;}
.my .my_left3 .or_list_wrap {padding:10px; border-bottom: 1px solid #f6f6f6;}
.my .my_left3 .or_list_wrap .list{display: flex; align-items: center;position: relative;}
.my .my_left3 .or_list_wrap .list .left_group{display:flex;gap:10px;width:calc(100% - 120px)}
.my .my_left3 .or_list_wrap .list .img{width: 80px; border-radius: 5px; overflow: hidden; height: 80px;flex-shrink: 0;}
.my .my_left3 .or_list_wrap .list .img img{width: 100%;height:100%;}
.my .my_left3 .or_list_wrap .list .left_group .info{flex-grow: 1}
.my .my_left3 .or_list_wrap .info h2{font-weight:400;}
.my .my_left3 .or_list_wrap .info h2 b{font-weight:600;}
.my .my_left3 .or_list_wrap .info h2.tta{overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.my .my_left3 .or_list_wrap .text h2{color: #444; font-weight: 600; margin-bottom: 3px;}
.my .my_left3 .or_list_wrap .text ul{margin-bottom: 10px;}
.my .my_left3 .or_list_wrap .text li{display: flex; gap: 10px 10px; flex-wrap: wrap;}
.my .my_left3 .or_list_wrap .text li h3{color: #444; font-weight: 600; font-size: 1.4rem;}
.my .my_left3 .or_list_wrap .text li h3 b{font-weight: 600; color: #d6d3cd; margin-left: 5px;}
.my .my_left3 .or_list_wrap .text li span{color: #d6d3cd; font-size: 1.4rem;}
.my .my_left3 .or_list_wrap .text li p{color: #444; font-weight: 600; font-size: 1.4rem;}
.my .my_left3 .or_list_wrap .text h4 {display: inline-block; padding: 4px 15px; border-radius: 4px; background: var(--color); color: #fff; font-size: 1.4rem; font-weight: bold; margin-bottom: 8px;}

.my .my_left3 .or_list_wrap .text h5{color: #fff; font-weight: 600; background: var(--color); padding: 5px 14px; border-radius: 5px; display: inline-block; font-size: 1.4rem;}
.my .my_left3 .or_list_wrap .list .more{/* position: absolute; top: 15px; right: 15px; */ font-size: 1.4rem; color: #7c7c7c; }
.my .my_left3 .or_list_wrap .list .more span{font-family: 'SUIT-Regular';}
.my .my_left3 .or_list_wrap .list .list_btn{display: flex;flex-direction:column; gap: 5px; align-items: flex-end; height: 80px; justify-content: flex-end;width:120px;}
.my .my_left3 .or_list_wrap .list .list_btn a{border-radius: 30px; font-size: 1.3rem; background-color: var(--color2); color: #fff; padding: 3px 13px; font-weight: 400;;}
.my .my_left3 .or_list_wrap .list .list_btn a.cancel-order-btn_part{display: inline-block;padding: 3px 13px;    border-radius: 50px;    color: #777;    font-size: 1.3rem;    font-weight: 400;    border: 1px solid #ddd;background:none;}


/* 포인트 추가 레이아웃 */
.my .my_left3 .list2 ul li {padding: 15px 15px; border-bottom: 1px solid #eee;}
.my .my_left3 .list2 ul li:first-child {border-top: 1px solid #eee;}
.my .my_left3 .list2 {width: 100%;}
.my .my_left3 .list2 .list_top {display: flex; justify-content: space-between; align-items: center;}
.my .my_left3 .list2 .list_top div {display: flex; gap: 0 10px; align-items: center;}
.my .my_left3 .list2 .list_top span {padding: 4px 15px; border-radius: 4px; background: #feb062; color: #fff;font-size: 1.4rem; font-weight: bold;}
.my .my_left3 .list2 .list_top p {font-size: 1.6rem; }
.my .my_left3 .list2 .list_top h6 {font-size: 1.6rem; font-weight: 600; }
.my .my_left3 .list2 .list_mid {padding: 6px 0; } 
.my .my_left3 .list2 .list_mid p {font-size: 1.4rem; }
.my .my_left3 .list2 .list_bot {display: flex; justify-content: space-between; align-items: center; }
.my .my_left3 .list2 .list_bot span {font-size: 1.4rem; color: #888;}

/* 쿠폰 */
.cupon-wrap{padding:0 20px;}
.coupon-card-new {display:flex;margin:20px 0;}
.coupon-card-new .c_main{width:150px; background-color:var(--color);border-radius:5px 20px 20px 5px;border-right:2px dashed #fff;display:flex; justify-content:Center;align-items:center; flex-shrink:0;color:#fff;
	flex-direction:column;box-shadow:0 0 10px rgba(0,0,0,0.1);
}
.coupon-card-new .c_main span{font-size:1.6rem;}
.coupon-card-new .c_main p{font-size:2.6rem;font-weight:600;}

.coupon-card-new .c_txt{flex-grow:1;border-radius:20px 5px 5px 20px;border:1px solid var(--color);border-left:none;padding:20px 30px ;box-shadow:0 0 10px rgba(0,0,0,0.1);position:relative;}
.coupon-card-new .c_txt .coupon-title{font-size:2rem;color:#000;font-weight:700;border-bottom:1px solid #ddd; padding:0 0 12px 0; margin:0 0 12px 0;}
.coupon-card-new .c_txt .coupon-list li{font-size:1.4rem; color:#888;line-height:100%;font-weight:400;}
.coupon-card-new .c_txt .date{margin:20px 0 0;font-size:1.4rem; color:var(--color2);padding:0; line-height:1;}
.coupon-card-new .c_txt a.go_pdt{position:absolute; right:25px; bottom:20px;display:inline-block; padding:5px 10px; border-radius:30px; border:1px solid #ccc; color:#666; font-size:1.4rem;z-index:2;}
.coupon-card-new .c_txt a.go_pdt:hover, .coupon-card-new .c_txt a.go_pdt:focus{background-color:#f5f5f7;}

.zero_gray{background: #ddd !important;}
/* 주문 배송 */
#order_inquiry .my_sort{ display: flex; justify-content: space-between;}
#order_inquiry .my_sort .sort_wrap {width: auto;}
#order_inquiry .text h4 {display: inline-block; padding: 4px 15px; border-radius: 4px; background: var(--color); color: #fff; font-size: 1.4rem; font-weight: bold; margin-bottom: 8px;}
#order_inquiry .text .or_cancel {display: inline-block; padding: 4px 15px; border-radius: 4px; background: var(--color2); color: #fff; font-size: 1.4rem; font-weight: bold; border: none;}

.chat{padding: 220px 0 200px 0;}
.chat .width{max-width: 800px; margin: 0 auto; border-radius: 10px; box-shadow: 0px 0px 5px rgba(0,0,0,0.12); overflow: hidden;}
.chat .width h2{font-size: 2.2rem; font-weight: 600; margin-bottom: 20px; background: #222; padding: 14px; color: #fff;}
.chat textarea{border: 1px solid #ececec; border-radius: 5px; padding: 10px; margin:20px 15px;}
.chat button{width: 200px; height: 50px; border-radius: 5px; border: 1px solid #222; margin: 20px auto 0 auto; display: block; background: #222; color: #fff; margin-bottom: 30px;}
.chat #chatbox{margin: 0px 15px;}
.chat #chatbox p{border: 1px solid #ececec; border-radius: 5px; padding: 14px 10px; margin-top: 10px; color: #494949;}
.chat2 #chatbox p{border: none; margin-top: 0px; margin-bottom: 5px; padding: 0px; font-size: 1.6rem;}

.chat2 #chatbox div{border: 1px solid #ececec; border-radius: 5px; padding: 14px 10px; margin-top: 10px; color: #777; font-size: 1.4rem;}
.chat2 #chatbox div input{color: #777; font-size: 1.4rem;}




/* #mb_confirm h1{margin-top: 10px; margin-bottom: 15px; font-size: 2.4rem; font-weight: 600;}
#mb_confirm p strong{font-size: 1.8rem; color: var(--color);}
#mb_confirm p{font-size: 1.5rem; line-height: 120%; padding-bottom: 20px; border-bottom: 0px;}
#mb_confirm fieldset{padding: 0px; }
#mb_confirm_id{font-weight: 600;}
#mb_confirm fieldset .frm_input{border: 1px solid #e1e1e1; border-radius: 5px; font-size: 1.4rem;}
.mbskin .btn_submit{background: #222; font-size: 1.8rem; border-radius: 5px; margin-top: 20px;} */



#ssch{padding: 270px 0px 120px 0; max-width: 1400px; margin: 0 auto;}
#ssch h2{font-size: 2.4rem;}
#ssch h2 strong{color: var(--color)}
#ssch_frm .ssch_scharea .btn_submit{font-size: 1.4rem;}
#ssch_frm .ssch_scharea .ssch_input{font-size: 1.4rem; color: #444;}#ssch_cate a{padding-left: 0px; font-size: 1.4rem;}
#ssch_sort_all{padding-left: 5px;}
#ssch_sort_all li a{font-size: 1.4rem;}

#od_memo{width: 100%; height: 100px; border: 1px solid #e1e1e1;}
.btn_address{height: 45px;background: #fff;color: #444;border: 1px solid #aaa;padding: 0px 20px;border-radius: 10px;}
#limit_amount{height: 35px;}
#limit2_amount{height: 35px;}


/* 채널톡 css */
.dRSlBL {max-width: 360px !important; width: 100% !important; right: 0 !important; bottom: 0 !important;}



/* 반응형 진행 */


@media all and (max-width: 1200px){
    .my .my_left .progress .box .num{width: 55px; height: 55px; font-size: 2.0rem;}
    .top_banner .tlink{width: 75%;}
    .top_banner .parcel{font-size: 12px;}
    .top_banner .tlink a{font-size: 12px;}
    .my .width{gap: 30px 2%;}
    .my .my_right{width: 40%;}
    .my .my_left{width: 60%;}

	.parcel_wrap .box{flex-wrap:wrap;}
	.parcel_wrap .text_wrap{width:calc(100% - 160px);flex-shrink:0;}
	.parcel_wrap .wish_1{width: calc(100% - 164px);}
	.wish_1 .text_wrap{width: 100%;padding-left:0;}
	.parcel_wrap .wish_date{flex-direction:row; width:100%;align-items:center;}
	
	.parcel_wrap #tr_count{position:static;}
/* 	.parcel_wrap #tr2{flex-grow:1;flex-direction:row;justify-content:flex-end;align-items:center;} */
	.parcel_wrap .date_wrapper{display:flex;align-items:center; gap:10px;}
	.parcel_wrap .date_wrap h4{padding-left:20px;}

	.parcel_wrap .date_wrap{}
	.parcel_wrap .wish_1 .date{position:static;justify-content: flex-end;}
	.wish_date{display:flex;flex-direction:column;gap:10px 0;}
	.right_wrap3 .suggestion .sug_img .icon button{width: 20px;height: 20px;}
	.right_wrap3 .suggestion .sug_img .icon button img{width:11px;}


}
@media all and (max-width: 1024px){
    .Hfull{padding-top: 80px;}
    #mouse-scroll {width: 100px; }
    #mouse-scroll .mouse {border: 2px solid #fff;} 
    #mouse-scroll p {color: #fff; } 
    #mouse-scroll .mouse-in {background: #fff;} 
    .Hfull .main_visual img{width: 100%;}
    .subv{height: 60px;}
    .main1 .box_wrap a span h2{font-size: 2.2rem;}
    .title h2{font-size: 2.8rem;}
    .title{margin-bottom: 40px;}
    .title p{font-size: 1.6rem;}
	.pro_wrap .pro_box{width: 32%;}
    .pro_view_wrap .pro_view_area{width: 100%;flex-direction:column;}
	.pro_view_wrap .pro_mini{width:100%;}
	.pro_view_wrap .pro_mini ul#sit_pvi_thumb{float:none !important; display:flex; width:100%;padding:0 20px;}
	.pro_view_wrap .pro_mini ul#sit_pvi_thumb li{width:calc(25% - 13.33333px);}
    .pro_view_wrap .info_cont{width: 100%;}
    .pro_view_wrap .pro_info{width: 100%;}
    .pro_view_wrap{flex-direction: column}
    .my .my_right .more{gap: 10px 0px;}
    .product .box{width: 32%;}
    .product_nav{padding-top: 115px;}
    .chat{padding: 90px 0px;}

	.mobile_head .hd_sch_wr {width:60%;}
	.mobile_head .hd_sch_wr #hd_sch  {width:90%;margin:0 auto;position:relative;}
	.mobile_head .hd_sch_wr #hd_sch #sch_str {width:100%;height:35px;font-size: 12px;padding-left:10px;}
	.mobile_head .hd_sch_wr #hd_sch #sch_submit {position:Absolute; right:0;bottom:0;height:35px;width:31px;line-height:35px;}
	.mobile_head .hd_sch_wr #hd_sch #sch_submit i{font-size:16px;}
	.width100{width:100% !important;}
	.info_cont{padding:0 20px;}
	.pro_view_wrap .pro_big{width: 100%;}
	.pro_view_wrap .pro_big img{border-radius:0;}
	.pro_view_wrap .pro_mini{}
}
@media all and (max-width: 900px){
    .topanchor {
        position: fixed;
        right: 30px;
        bottom: 90px;
    }

    .main1 .box_wrap a{width: 49.5%;}
    .pro_wrap .pro_box{width: 32%;}
    .my .width{flex-direction: column;}
    .my .my_right{width: 100%;}
    .my .my_left{width: 100%;}
    .page5 .width{flex-direction: column; gap: 30px 0px;}
    .page5 .left_wrap{width: 100%;  ;}
    /* .page5 .left_wrap .parcel_wrap {min-width: 450px; } */
    .right_wrap{width: 100%;}
    .left_wrap2{width: 100%;}
    .right_wrap2{width: 100%;height:auto;}
	.parcel_wrap .text_wrap .text p {/*display:inline-block;*/ padding:0 12px 0 0;position:relative;font-size:1.6rem; line-height:150%;}
	.parcel_wrap .text_wrap .text p bR{display:none;}
	.parcel_wrap .text_wrap .text p:after {content:"";display:block; /*width:1px;*/ height:10px; background-color:#ddd; position:Absolute; right:3px; top:6px;}
	.wish_1 .text_wrap{margin:0 0 20px 0;}
	.parcel_wrap .wish_1 .date{position:static;justify-content: flex-end;}
	.wish_date{display:flex;flex-direction:row;gap:10px;align-items:center;justify-content:flex-end;}
	.parcel_wrap  .wish_date .date_wrap{padding:0;}
}
@media all and (max-width: 850px){
    .main1 .box_wrap a{width: 49.5%;}
}
@media all and (min-width: 769px) and (max-width: 1400px){
    .page2 .delivery_img{max-width: 1200px;}
}
@media all and (max-width: 768px){
    .shop_title {margin-bottom:30px;}
    .Hfull{}
	.theme_visual .swiper_num .swiper-pagination{height:25px;line-height:25px; padding:0 10px; font-size:1.6rem;}
    .theme_visual .swiper_num .swiper_btn_wrap{height:25px;line-height:25px; padding:0 10px; font-size:1.6rem;}
    #mouse-scroll {        bottom: 52px;}
    #mouse-scroll p {margin-top: 10px;font-size:1.7rem;}
    .main2 .swiper-slide .text_wrap{padding: 20px 20px;}
    .main2 .swiper-slide .icon button {width: 35px; height: 35px;}
    .main2 .title {text-align:left;margin-bottom:35px;}
    .main2 .title p{margin-top:8px;}
    .main2 .title a {bottom: 100%; right: 4%;}
	.main2 .title a.alert_btn {position:relative;left:0; transform:translate(0,0);margin:20px 0 0;    font-size: 16px;width: 137px;}
	.main2 .title a.alert_btn img{width:15px;}
	.main2 .title a.more{bottom:auto;top:5px;}
    .main3 .text h2{font-size: 2.0rem;}
    .main3 a{padding: 10px; border-radius: 40px; font-size: 1.6rem;}
    .main3 a img{width: 20px;}
    .main3 .width{width: 100% !important;}
    .main4 .tab-nav li a{padding: 7px 12px; font-size: 1.5rem;}
	.main6 .title{text-align:left; }
	.main6 .title h2{margin-bottom:10px;}
    .main6 .tab-nav li a{padding: 7px 12px; font-size: 1.5rem;}
    .pro_wrap .pro_box{width: 49%;}
    .main7{padding: 100px 0px}
    .main7 h2{font-size: 3.4rem; margin-bottom: 5px}
    .main7 h3{font-size: 1.6rem;}
    .pro_view_wrap .pro_info .result .all_text h3{font-size: 1.6rem;}
    .page2 table th{font-size: 1.6rem;}
    .page2 table td{font-size: 1.4rem;}
    .page2 .scroll{overflow-x: scroll;}
    .page2 .scroll table{width: 700px;}
    .pro_view_wrap .pro_info .info2 li{width: 100%;}
	.pro_view_wrap .pro_info .info2 li.border-r{border-right:none;}
    .pro_view_wrap .pro_info .info3 .input{width: 100%;}
    .pro_view_wrap .pro_info .info2 li:nth-child(odd){border-right: 0px;}
    

        
    .page1{padding:80px 0 60px;}
    .page1 .use1{border-radius: 20px; align-items: center; gap:20px; padding: 25px 15px;flex-direction: column;text-align: center;}
    .page1 .use1 .icon img{width: 57px;}
    .page1 .use1 .text h2{font-size: 2.5rem;}

    .page1 .use2{border-radius: 20px; align-items: center; gap:20px; padding: 25px 15px;flex-direction: column;text-align: center;}
    .page1 .use2 .icon img{width: 57px;}
    .page1 .use2 .text h2 a{font-size: 2.5rem; }

    .page1 .text_info{margin-top: 40px;}
    .page1 .text_info h6{font-size: 1.7rem; line-height: 170%;font-weight: 400;;}
    .page1 .text_info h6 b{color: var(--color);}
    .page1 .text_info h6 strong{color: var(--color2);}
    .page1 .text_info h6 br{display: none;}

    .page2{padding:0 0 60px 0;}
    .page2 .width{width: 100% !important;}
    .page2 .delivery_img{width: 100%; max-width: 1760px; margin: 0 auto;}
    .page2 .delivery_img .delivery_img_item{display: block; width: 100%; max-width: 100%; height: auto; margin: 0 auto 12px;}
    .page2 .delivery_img .delivery_img_item:last-child{margin-bottom: 0;}

    .page3{text-align: center;}
    .page3 h2{font-size: 2.5rem; margin-bottom: 25px;padding:25px 20px; border-radius:20px;;line-height: 1.4;}
    .page3 p{font-size: 1.7rem; line-height: 1.7;}
    .page3 p br{display: none;}

    .page4 .topbox{padding:40px 200px 40px 30px;position:relative;border-radius: 20px;;}
    .page4 .topbox h3{font-size: 2.5rem;margin:0 0 10px 0;}
    .page4 .topbox h4{font-size: 1.8rem;}
    .page4 .topbox p{position:absolute; right:0;}
    .page4 .topbox p img{width:180px;}

    .page4 .box_wrap{ gap:20px 0; }
    .page4 .box_wrap .text{width:100%;padding-left:120px;}
    .page4 .box_wrap .text h5{font-size: 2rem;}
    .page4 .box_wrap .text  p{font-size: 1.7rem;}
    .page4 .box_wrap .text img{left:20px;width:70px;}


    .page4 a.jik_btn{width:220px ;padding:18px 0px; font-size: 2rem; }

    .parcel_wrap .box .ch_imgbox {flex-direction:column;align-items: flex-start;}
    .parcel_wrap .box .ch_imgbox .td_chk{width:auto}
	.parcel_wrap .wish_chk_box input[type="checkbox"]{margin-left:0;}
	.parcel_wrap .text_wrap .text h6.pricebox{bottom:0;font-size:1.6rem;}
	.parcel_wrap h4.total_prc{font-size:1.6rem;}
	.parcel_wrap .text_wrap .text p {display:block; padding:0 ;}
	.parcel_wrap .text_wrap .text p:after{display:none;}
	.parcel_wrap .wish_1 .text_wrap .text p{/*display:inline-block;*/padding: 0 12px 0 0;}
	.parcel_wrap .delete_product{top:18px;right:24px;}
	.parcel_wrap .delete_product i{font-size:1.6rem;}
    .parcel_wrap .box .img{width: 120px; height: 120px; overflow: hidden;flex-shrink:0;}
	    .parcel_wrap .box .img a{display:block;width:100%;height:100%;}
	    .parcel_wrap .box .img a img{width:100%;height:100%;}
	.parcel_wrap .text_wrap{width:calc(100% - 150px); margin:0;padding-top: 23px;}
	.parcel_wrap .wish_1{width:calc(100% - 160px);}
	.parcel_wrap .wish_1 .text_wrap{width:100%; margin:0; padding-left:0;}
	.wish_1 .text_wrap{        width: 100%;flex-direction:column;}
	.wish_1 .text_wrap .in_date {margin:10px 0 0;width:100%; justify-content:flex-end;}

	.parcel_wrap .date_wrap{flex-direction:row;align-items:center;}
	.wish_1 .date_wrap{justify-content:flex-end;}
	.parcel_wrap #tr_count{padding:0;}
	.parcel_wrap #tr_count .opt_count{display:flex; align-items:center;}
	.parcel_wrap #tr_count  #sit_opt_added button{float:none;}
	.parcel_wrap #tr_count  #sit_opt_added .num_input{float:none;width:40px;}

	.parcel_wrap .wish_date{gap:5px;}
	.parcel_wrap .wish_date .date{gap:0 10px;}
	.parcel_wrap .wish_date .date input{height:30px;line-height:30px;font-size:1.3rem;width:105px;}
	.parcel_wrap .date_wrap .date input{height:30px;line-height:30px;font-size:1.3rem;width:105px;}
	.parcel_wrap .date_wrap h4{padding-left:0;font-size:1.6rem;}
	.parcel_wrap .date_wrap h4 .origin_price{font-size:1.3rem;}
	.parcel_wrap .box{gap:10px;flex-wrap:wrap;    padding: 15px 25px 15px 15px;}
	.parcel_wrap .all_chk_box {padding-left: 15px;}
	.parcel_wrap .chk_box{flex-shrink:0;}

	.wish_date{display:flex;flex-direction:column;gap:10px;align-items:flex-end;;justify-content:flex-end;}
	.parcel_wrap .date_wrapper{flex-wrap:wrap; margin:0;gap: 5px;}
	.parcel_wrap  .wish_date .date_wrap{padding:0;}
	.right_wrap ul {padding:20px 0;}
	.right_wrap ul li{padding:7px 0;}
	.right_wrap ul li p{font-size:1.4rem;}
	.right_wrap button{padding:14px 0;}
	.right_wrap2 ul{padding:0;}
	.right_wrap2 .order_btn{font-size:2rem;}
	#display_pay_button .btn01{font-size:2rem;}
    .right_wrap3 .add_order button{width: 170px; padding: 11px 0px;}

    .product .box{width: 49%;}
    .product .box .img span{font-size: 1.2rem; padding: 3px 10px;}
    .product .box h4{font-size: 1.2rem; padding: 3px 10px;}
    #ft_tab {padding:12px 0;}
    #ft_tab ul {display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-start;gap:4px 0;}
    #ft_tab ul li {flex:0 0 auto;margin:0;}
    #ft_tab ul li a, #ft_tab ul li button {display:flex;align-items:center;min-height:40px;padding:0 11px;font-size:1.5rem;line-height:1.3;white-space:nowrap;box-sizing:border-box;}
    #ft .box_wrap{flex-direction: column; gap: 20px 0px; align-items: flex-start;}
    #ft .flogo_box {text-align: center;}
    #ft .box_wrap .text1 {width: 100%; order: 2;}
    #ft .box_wrap .text2 {width: 100%; order: 1;}
    #ft .box_wrap .text1 .info {justify-content: center;}
    #ft .box_wrap .text1 h6{margin-top: 5px; text-align: center;}
    #ft .box_wrap .text2 h2, #ft .box_wrap .text2 h3 ,#ft .box_wrap .text2 h4 {text-align: center;}
    .fpop_wrap .pop-inner {padding: 30px 15px;}
	.jikform .jik_inner{width: 98%;margin: 0 auto;background-color: #fff;box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);border-radius: 20px;}
	.jikform .jik_inner h2{font-size:1.7rem;}
	.jikform .jik_inner .boxing{padding:15px 15px 30px 15px;}
	.jikform .jik_inner .boxing .text1 p input{height:48px;line-height:48px;}
	.jikform .jik_inner .boxing .text1 p button.btn_frmline{height:48px;line-height:48px;}
	.jikform .jik_inner .boxing a.address{font-size:13px;}
    .sort_view > a{font-size: 12px;}
    .shop_title h3{font-size: 1.6rem;}
    .pro_check input[type=checkbox] + label{font-size: 1.4rem;}
    .pro_check button{font-size: 1.4rem;}
    .btn_sort{font-size: 1.4rem;}
    .pro_check span{font-size: 1.4rem;}
    .pro_check .pro{gap: 0px 7px; width:auto;}

    .my  #order_inquiry {scroll-margin-top: 150px;}
    .my  #order_detail {scroll-margin-top: 150px;}
    .my  #couponpage {scroll-margin-top: 150px;}
    .my  #yechi {scroll-margin-top: 150px;}
    .my  #amount {scroll-margin-top: 150px;}
    .my  #cancel_order {scroll-margin-top: 150px;}
    .my .my_right .menu_wrap .menu{    padding: 13px 40px 13px 20p}
	.my .my_right .menu_wrap .menu a span {right: 16px;}
    .menu_wrap2{border-radius: 10px;overflow: hidden;;}
    .my .my_right .menu_wrap .menu h2{font-size: 1.5rem;}
    .my .my_right .menu_wrap2 h2{font-size: 1.5rem;}
    .my .my_right .menu_wrap .menu a{font-size: 1.5rem;}
    .my .my_right .menu_wrap2 a{padding:13px 20px;}
	.my .my_right .menu_wrap2 span{right:16px;}
    .my .my_left2 .top{padding:10px 15px;}
    .my .my_left .top h2{font-size: 2rem;}
    .my .my_left .more_wrap .box{flex-direction: column; }
    .my .my_left .more_wrap .text{width: 100%;align-items: flex-start;}
    .my .my_left .more_wrap .info h2{gap:2px;line-height:17px;}
    .my .my_left .more_wrap .info h2.tta{display:block; width:59%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
    .my .my_left .more_wrap .box .right_info{width:100%;display:flex; justify-content: flex-end;align-items:flex-end ;flex-direction: column-reverse;gap:5px;margin-top:-22px;}

	.my .my_left .more_wrap .box{display: flex;align-items: stretch; justify-content: space-between; gap:0px 3%; padding:10px; border-bottom: 1px solid #f6f6f6;position: relative;}
	.my .my_left .more_wrap .box .left-group {display: flex;width:100%; }
	.my .my_left .more_wrap .box .left-group .img{width: 60px;height: 60px;}
	.my .my_left .more_wrap .box .left-group .img img{width: 100%;height:100%;object-fit:cover;}
	.my .my_left .more_wrap .box .left-group .info{width: calc(100% - 70px);}
	.my .my_left .more_wrap .box .list_btn{width: 100%;margin: 0;height: auto;gap: 2px;margin-top: -20px;}
	.my .my_left .more_wrap .box .list_btn a{padding: 2px 8px;}
	.my .my_left .more_wrap .box .list_btn a.cancel_btn{padding: 2px 8px;position: absolute;left: 12px;bottom: 13px;}


    .my .my_left2 .or_list_wrap .list{position:relative; align-items:flex-end}
	.my .my_left2 .or_list_wrap2 .list_prd{flex-direction:column;flex-wrap:wrap;}
	 .my .my_left2 .or_list_wrap2 .list .left-group {width:100%; }
	 .my .my_left2 .or_list_wrap2 .list .right-group {width:100%; margin-top:-34px;}

    .my .my_left2 .or_list_wrap .list .left-group{gap:10px;}
	.my .my_left2 .or_list_wrap .list .left-group > .text {width: calc(100%);}
    .my .my_left2 .or_list_wrap .list .img{width:60px;height: 60px;;}
	.my .my_left3 .or_list_wrap .list .left_group{width:100%;}
    .my .my_left3 .or_list_wrap .list {align-items: flex-start;flex-wrap:wrap;gap:0 10px;}
    .my .my_left3 .or_list_wrap .list .img{width:60px;height: 60px;;}
    .my .my_left3 .or_list_wrap .list .info{width:calc(100% - 70px);}
    .my .my_left3 .or_list_wrap .list .info h2.tta{overflow:hidden; text-overflow:ellipsis; white-space:nowrap;width:140px;}
	.my .my_left2 .or_list_wrap .text h2.tta{overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
    .my .my_left3 .or_list_wrap .list .list_btn{width:100%;margin:0;height:auto;gap:2px;margin-top:-20px;}
    .my .my_left3 .or_list_wrap .list .list_btn a{padding:2px 8px;}
	.my .my_left3 .or_list_wrap .list .list_btn a.cancel-order-btn_part{padding:2px 8px;position:absolute;left:2px; bottom:3px;}
	.my .my_left2 .or_list_wrap .text a.cancel-order-btn_part{padding:2px 8px;position:absolute;left:2px; bottom:14px;}
	.my .my_left2 .or_list_wrap .text .o_status_tit{padding:2px 8px;font-size:1.3rem;line-height:1;}
	.my .my_left3 .or_list_wrap .o_status_tit{padding:2px 8px;font-size:1.3rem;}
	.my .my_left3 .or_list_wrap .list .more{position:static;}
    .my .my_left2 .or_list_wrap .text h2.total_price{font-size:1.7rem;}
		.my .my_left2 .order_cancel{width:220px;}
    .my .my_left2 .order_result #up_wrap1_ul{padding:10px 12px;}
    .my .my_left2 .order_result #up_wrap2_ul{padding:10px 12px;}
    .my .my_left2 .order_result #up_wrap3_ul{padding:10px 12px;}

    .my .my_left2 .order_result li{padding:3px 0;}
    .my .my_left2 .order_result2 li{gap:0 8px;}
    .my .my_left3 .bal_box h3{font-size: 1.5rem;font-weight: 400;color:#666;}
    .my .my_left3 .bal_box span{font-size: 1.5rem;;font-weight: 500;;}
	.my .my_left3 .top span{font-size:1.6rem;}
	.my .my_left3 .list2 .list_top span{padding:2px 6px;font-weight:500;}
	.left_wrap2 .type2 .result{flex-direction:column;align-items:flex-start;border-radius:5px;gap:4px;}
	.left_wrap2 .type2 .result h2{font-size:1.5rem;}
	.left_wrap2 .type2 .result h2.totalh2{font-size:1.9rem;}
	.left_wrap2 .type2 .box{flex-wrap:wrap;gap:0 10px;padding:12px 0;}
	.left_wrap2 .type2 .box .img{width:70px; height:70px;}
	.left_wrap2 .type2 .text_wrap {width:calc(100% - 80px);}
	.left_wrap2 .type2 .date_wrap{width:100%; justify-content:flex-end;}
	.left_wrap2 .type2 .date_wrap2{justify-content:space-between;margin:8px 0 0;}
	.left_wrap2 .type2 .day_top .up_wrap button,
	.left_wrap2 .type2 .day-section .day_header h3{font-size:1.9rem;}
	.left_wrap2 .type2 .day_header .day-toggle {padding: 0 5px;font-size: 2.1rem;}
	.left_wrap2 .type4 .card_wrap{padding:4px 20px;}
	.left_wrap2 .type4 .card_wrap .card input{width:14px;height:14px;}

}
@media all and (max-width: 650px){
    .main1 .box_wrap a{width: 49.5%;}
    .main3 .width{flex-direction: column; text-align: center; gap: 25px 0px;}
    #sit_ov_btn button{width: 50%; height: 40px; line-height: 40px; font-size: 1.6rem; padding: 0;}
	#sit_ov_btn button img{width:25px;padding-right:10px;}
	.infodesk,
	.infodesk .desc{width:100%;max-width:100%;min-width:0;overflow:hidden;}
	.infodesk .desc,
	.infodesk .desc *{
		max-width:100%;
		text-align:left !important;
		letter-spacing:normal !important;
		white-space:normal !important;
		word-break:break-word !important;
		overflow-wrap:anywhere;
	}
	.infodesk .desc table{width:100% !important;max-width:100% !important;table-layout:fixed;}
	.infodesk .desc th,
	.infodesk .desc td{width:auto !important;min-width:0 !important;word-break:break-word !important;overflow-wrap:anywhere;}
	.infodesk .desc img,
	.infodesk .desc video,
	.infodesk .desc iframe{max-width:100% !important;height:auto !important;}
	.infodesk .desc pre{max-width:100%;white-space:pre-wrap !important;word-break:break-word !important;overflow-wrap:anywhere;}
    .page1 .use1{width: 100%;}
    .page4 .text{width: 100%;}
    .my .my_left .progress{align-items: flex-start;}
    .my .my_left .progress .box .num{width: 35px; height: 35px; font-size: 1.5rem;}
    .my .my_left .progress .box p{font-size: 1.3rem;}
    .my .my_left .progress span{display:block; padding:7px 0 0;}
    .my .my_left .more_wrap .img{width: 70px; height: 70px;}
    /* .page5 .left_wrap{overflow-x: scroll;}
    .page5 .left_wrap3{overflow-x: scroll;} */
    /* .parcel_wrap{width: 680px;} */
    .page5 .left_wrap3 .parcel_wrap{width: 100%;}
    .right_wrap3 .suggestion .sug_img{width: 49%;}
	.pro_view_wrap .pro_info .info2 li.w30,
	.pro_view_wrap .pro_info .info2 li.w70 {width:100%;}
	.pro_view_wrap .pro_info h2{font-size:2.4rem;}
	.pro_view_wrap .pro_info .sub_price h6{padding:4px 6px;}
	.pro_view_wrap .pro_info .pro_price_wrap{}
	.pro_wrap .pro_box .lbox h4{width:auto; padding:4px 5px;}
	#ft .box_wrap .text1 .info p{font-size:1.6rem;}
	#ft .box_wrap .text1 h6{font-size:1.4rem;}

}

@media all and (max-width: 540px){

	.parcel_wrap .box .img{width:60px;height:60px;}
	.parcel_wrap .text_wrap {padding-left:0px;padding-top:23px;}

	.parcel_wrap .wish_1{width: calc(100% - 71px);}
	.parcel_wrap .wish_1 .text_wrap .text p{display:block;}
	.wish_1 .text_wrap{width:100%;}
	.wish_1 .date_wrap{padding-left:0;}
/* 	.parcel_wrap .date_wrap{width:100%; padding-left:30px;} */
	.parcel_wrap .date_wrapper{}
	.parcel_wrap #tr_count{width:auto;left: 24px;top: 109px;}
	.pro_check{margin-right:3px;}
	.parcel_wrap .wish_date .date h3{font-size:1.2rem;}
	.parcel_wrap .text_wrap .text p{font-size:1.3rem;letter-spacing:-0.03em;}
	.parcel_wrap .top_T{flex-direction:column; align-items:center; text-align:center;border-radius:14px;}
	.parcel_wrap .top_T span{text-align:center !important;padding:6px 0 0;}
	.parcel_wrap .all_chk_box{padding-left:0;}
	.parcel_wrap .box{padding: 9px 0 30px;}
    .parcel_wrap .delete_product {top: 9px; right: 3px;}


	.right_wrap3 .suggestion {padding:20px 18px;}
	.right_wrap3 .suggestion h3{margin-bottom:10px;font-size:1.9rem;}

    .page4 .topbox{padding: 150px 30px 30px;}
    .page4 .topbox h3{text-align: center;line-height: 1.4;;}
    .page4 .topbox h4{text-align: center;line-height: 1.5;;}
    .page4 .topbox p{top:30px;right:auto; left:50%; margin-left:-60px;}
    .page4 .topbox p img{width: 120px;;}
    .page4 .box_wrap .text{padding:100px 25px 20px;text-align: center;}
    .page4 .box_wrap .text h5:after{margin:14px auto;}
    .page4 .box_wrap .text p br{ display:none;}
    .page4 .box_wrap .text img{left:50%; top:15px; transform: translate(-50%, 0);}
    .page4 .box_wrap .text:hover img{top:15px;}
}


@media all and (max-width: 480px){

        .topanchor {
            position: fixed;
            right: 14px;
            bottom: 117px;
        }

		.parcel_wrap .date_wrap .date input{width:90px;height: 26px;font-size:11px;padding-left: 7px;}
		.date-with-icon .calendar-icon{right:6px !important;font-size:10px !important;}
		.parcel_wrap .date_wrap .date{gap:0 4px;}
		.parcel_wrap #tr_count #sit_opt_added .num_input{font-size:12px;height:25px;}
		.parcel_wrap #tr_count #sit_opt_added button{width:25px;height:25px;}
		.parcel_wrap #tr_count #sit_opt_added button i{font-size:10px;}
		.parcel_wrap .text_wrap .text h6.pricebox .gray_price{font-size:1.2rem;}
		.parcel_wrap h4.total_prc{font-size:1.6rem;}
		.parcel_wrap .date_wrap h4{padding-left:10px;font-size:1.8rem;}
		.parcel_wrap .text_wrap .text h6{font-size:1.4rem;}
		#sit_opt_added .num_input{height:33px;}
		#sit_opt_added button{width:33px;height:33px;}
		.parcel_wrap .top_T{font-size:1.5rem;}
		.parcel_wrap .text_wrap .text p{font-size:1.3rem;}
		.parcel_wrap .text_wrap .text p:after{display:none;}
		.parcel_wrap .date_wrap#tr2{margin:0;gap:2px;}
        .parcel_wrap .delete_product {top: 9px; right: 3px;}
		.pro_wrap .pro_box .tbox{gap:0 4px;}
		.pro_wrap .pro_box .tbox h5{font-size:1.6rem;letter-spacing:-0.03em;}
		.pro_wrap .pro_box .tbox h4{font-size:1.6rem;}
		.pro_wrap .pro_box .tbox h5.origin_price{font-size:1.2rem;}
		.pro_wrap .pro_box .text p{font-size:1.3rem; letter-spacing:-0.03em;}
        
		.product .box p{font-size:1.3rem; letter-spacing:-0.03em;}
		.product .box .sub_price{flex-wrap:wrap;gap:0 3px;}
		.product .box .sub_price h5{font-size:1.6rem;}
		.product .box .sub_price h6{font-size:1.6rem;}
		.product .box .sub_price h6.origin_price{font-size:1.2rem;}
		.right_wrap3 .suggestion .sug_img p{font-size:1.1rem; letter-spacing:-0.03em;}
		.right_wrap3 .suggestion{padding:15px 10px;}
		.right_wrap3 .suggestion .sug_img .sub_price{gap:0 4px;}
		.right_wrap3 .suggestion .sug_img .sub_price h6{font-size:1.4rem;}
		.right_wrap3 .suggestion .sug_img .sub_price h5{font-size:1.3rem;}
        
}


@media all and (max-width: 340px){
	#ft_tab ul li a, #ft_tab ul li button {padding:0 8px;font-size:1.4rem;}
	.my .my_left3 .or_list_wrap .list .info h2.tta{width:49%;}
    
}















/*  */

.order-request-btn {
    background: none;
    border: 0;
    cursor: pointer;
    font-size: 16px;
    line-height: 1;
    margin-right: 7px;
    padding: 0;
}

.mobile-mypage-wrap{padding:0 0 24px}
.mobile-mypage-wrap .common.my{padding:115px 0 100px;background:transparent}
.mobile-mypage-wrap .shop_title{display:block}
.mobile-mypage-wrap .shop_title h2{text-align:center}
.mobile-mypage-wrap .width{}
.mobile-mypage-wrap .my_right{float:none;width:100%}
.mobile-mypage-wrap .my_right + .my_left{display:none}
.mobile-mypage-wrap .my_left{width:100%;max-width:none;box-sizing:border-box}
.mobile-mypage-wrap .mypage-section-03 .width,
.mobile-mypage-wrap .mypage-section-cancel .width{display:block}
.mobile-mypage-wrap .mypage-section-03 .my_right,
.mobile-mypage-wrap .mypage-section-cancel .my_right{display:none}
.mobile-mypage-wrap .mypage-section-03 .my_left3,
.mobile-mypage-wrap .mypage-section-03 .my_left4,
.mobile-mypage-wrap .mypage-section-cancel .my_left3,
.mobile-mypage-wrap .mypage-section-cancel .my_left4{width:100%;max-width:none;box-sizing:border-box}
.mobile-mypage-wrap .menu_wrap .menu a,
.mobile-mypage-wrap .menu_wrap2 a{display:flex;justify-content:space-between;align-items:center}

.nero-mypage-back-wrap{margin:0 auto 12px;max-width:1280px;padding:0 16px}
.nero-mypage-back{display:inline-flex;align-items:center;gap:8px;border:1px solid #ddd;border-radius:999px;background:#fff;padding:8px 14px;font-size:14px;color:#222}
.nero-mypage-back:hover{text-decoration:none}

.common.my  .back_nav{display:none;}
.common.my.detail-only .my_right{display:none}
.common.my.detail-only .my_left,
.common.my.detail-only .my_left3,
.common.my.detail-only .my_left4{width:100%;max-width:none}
.common.my.detail-only .width{display:block}

@media (max-width: 1024px){
    .nero-mypage-back-wrap{padding:0 12px}
    .subv{display:none}
}

@media (max-width: 875px){
/* .topanchor {
        position: fixed;
        right: 30px;
        bottom: 90px;
    } */
}

@media (max-width: 768px){
    

    .common.my.detail-only{padding:60px 0;background:#fff}
    .common.my.detail-only .shop_title{display:none}
	
	.common.my  .back_nav{display:block;position:absolute; top:-32px;}
    .common.my.detail-only .width{padding:0 12px;width:auto;max-width:none}
    .common.my.detail-only .my_left,
    .common.my.detail-only .my_left3,
    .common.my.detail-only .my_left4{margin:0;width:100%;min-width:0}
    .common.my.detail-only .top{margin-top:0}
    .common.my.detail-only .my_sort{margin-top:12px}
    .common.my.detail-only .order,
    .common.my.detail-only .list,
    .common.my.detail-only .list2,
    .common.my.detail-only .list_wrap,
    .common.my.detail-only .coupon-card-new,
    .common.my.detail-only .order_result,
    .common.my.detail-only .order_detailbox{width:100%;max-width:none;box-sizing:border-box}
    .common.my.detail-only .left_group,
    .common.my.detail-only .left-group{min-width:0}
    .common.my.detail-only .c_txt,
    .common.my.detail-only .info,
    .common.my.detail-only .text{min-width:0;word-break:break-word}
    .common.my.detail-only .coupon-card-new{display:block}
    .common.my.detail-only .coupon-card-new .c_main{width:100%;border-radius:16px 16px 0 0}
    .common.my.detail-only .coupon-card-new .c_txt{width:100%;border-radius:0 0 16px 16px}
    .common.my.detail-only .deposit-popup-inner,
    .common.my.detail-only .credit-popup-inner{width:calc(100vw - 24px);max-width:none}
    .nero-mypage-back-wrap{margin:18px auto 12px}
}

@media print{
    @page{margin:3mm 8mm 8mm;}
    html,
    body.nero-order-detail-printing{margin:0 !important;padding:0 !important;}
    body.nero-order-detail-printing *{visibility:hidden !important;}
    body.nero-order-detail-printing #order_detail{display:none !important;}
    body.nero-order-detail-printing #order_detail_print_clone_wrap,
    body.nero-order-detail-printing #order_detail_print_clone_wrap *,
    body.nero-order-detail-printing #order_detail_print_clone,
    body.nero-order-detail-printing #order_detail_print_clone *{visibility:visible !important;}
    body.nero-order-detail-printing #order_detail_print_clone_wrap{display:block !important;position:absolute;top:0 !important;left:0 !important;width:100% !important;margin:0 !important;padding:0 !important;background:#fff !important;}
    body.nero-order-detail-printing #order_detail_print_clone{display:block !important;position:absolute;top:0 !important;left:0 !important;width:100% !important;margin:0 !important;padding:0 !important;box-shadow:none !important;border-radius:0 !important;background:#fff !important;}
    body.nero-order-detail-printing #order_detail_print_clone .top{display:none !important;}
    body.nero-order-detail-printing #order_detail_print_clone .order_detailbox{margin:0 !important;padding:0 !important;}
    body.nero-order-detail-printing #order_detail_print_clone .order-detail-print-head{margin:0 !important;padding:0 0 2mm !important;}
    body.nero-order-detail-printing #order_detail_print_clone .order_num:first-of-type{margin-top:0 !important;padding-top:0 !important;}
    body.nero-order-detail-printing #order_detail_print_clone .or_list_wrap{display:block !important;}
    body.nero-order-detail-printing #order_detail_print_clone .order_result,
    body.nero-order-detail-printing #order_detail_print_clone form,
    body.nero-order-detail-printing #order_detail_print_clone #mypageOrderRequestModal,
    body.nero-order-detail-printing #order_detail_print_clone .order-detail-print-btn,
    body.nero-order-detail-printing #order_detail_print_clone .order_cancel,
    body.nero-order-detail-printing #order_detail_print_clone .cancel-order-btn_part,
    body.nero-order-detail-printing #order_detail_print_clone .order-request-view-btn{display:none !important;}
}