/* BASIC css start */
/* *//* */


.sd_mem { width:100% !important; }
.sd_mem img { width:100% !important; }

.shopdetailCoupon { margin-bottom:10px; }
.shopdetailCoupon img { width:100%; }

#predel_title { width: 100%; padding: 15px; margin: 20px 0 0 0; border: solid 0px #1d3259; font-weight: 500; color:#000; display:block; font-size: 15px; background-color:#eeeeee; text-align:center; box-sizing:border-box; }

/*쿠폰영역*/
#coupon_title{
  width: 100%; padding: 14px; margin: 10px 0 0 0; border: solid 0px #C22727; font-size: 15px; font-weight: bold; color:#fff; display:block; background-color:#2dbee9; text-align:center; box-sizing:border-box; cursor:pointer; }
#coupon_title .icon{
   display: inline-block;
background-color: #fff;
width:20px; height:20px; border-radius:100px;
line-height:18px;
letter-spacing: 0.4px;
margin-left:5px;
}
#coupon_title .icon::after{
    content: "\f0d7";
    font-family: 'Font Awesome 5 Free';
    font-size:18px;
    color: #2dbee9;
}
#coupon_title.on .icon::after {
  content: "\f0d8";
}
/* #coupon_wrap{ width: 100%; display: none;}
#coupon_wrap.on {display: block; } */
#coupon_wrap{ width: 100%; display: block; font-size:14px; }



#coupon_wrap div{ }
#coupon_wrap .table_coupon{ border-top: solid 0px #000; }
#coupon_wrap table { padding:5px; }
#coupon_wrap td { border-bottom: solid 1px #ddd; background-color: #fff; padding:12px 10px 12px 20px !important; text-align:left; box-sizing:border-box; }
#coupon_wrap th {border: solid 0px #ddd;  background-color: #000; padding:15px 10px 15px 20px !important; box-sizing:border-box; color:#fff !important; font-weight:600 !important; text-align:left; }
#coupon_wrap .coupon_download{text-align: left;}
#coupon_wrap .coupon_download p{background: url(http://ofunis.com/homepage/icon/download.png) no-repeat left; margin-left: 0px;}
#coupon_wrap .coupon_download a{font-size:13px;color:#000;font-weight: 600; padding-left:20px; }
#coupon_wrap .coupon_info { padding:12px 10px 12px 20px !important; box-sizing:border-box; background-color: #eeeeee; color:#000 !important; font-weight:500 !important; text-align:left; }
#productDetail .thumb-info .info .table-opt td.coupon_text{padding : 10px 5px 9px}

.delivery_button { display:inline-block; width:50px; background-color:#2dbee9; color:#fff; font-size:12px; font-weight:500; padding:4px 0; margin-left:5px; text-align:center; cursor:pointer; }


.backBtn {display:none;}

.backBtn {
    bottom: 70px;
    position: fixed;
    text-align: center;
    color:#000;
    width: 40px;
    height: 40px;
    left:10px;
    z-index: 32;
}
.backBtn a::after {
    top: 5px;
    left: 0;
    text-align: center;
    color: #000;
    font-weight: normal;
    font-size: 20px;
    content: "\f104";
    font-family: FontAwesome;
    position: absolute;
    background-color: rgba(255, 255, 255, 0.8);
    border: 1px solid #D7D7D7;
    border-radius: 30px;
    width: 35px;
    height: 35px;
    line-height: 35px;
}


.goback::after {
    top: 5px;
    left: 0;
    text-align: center;
    width: 32px;
    height: 32px;
    color:#ffffff;
    font-weight: normal;
    line-height: 32px;
    font-size: 26px;
    content: "\f104";
    font-family: FontAwesome;
    position: absolute;
    z-index: 3;
}



.shopdetail h3 {background-color : #f2f3f5;}

.bottom_cart .shopdetailInfoCont > em {
    font-size: 12px !important;
    font-weight: normal !important;
    text-overflow: ellipsis;
    overflow: hidden;
    font-size:12px;
    max-height: 2.7em;
    word-wrap: break-word;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;  font-weight: normal;}

#SMSBuy_wrap_all .bottom_cart {display:block !important;}

/* 추가 구성 상품 */
.shopdetail .shopdetailInfo .shopdetailInfoTit { margin-bottom:15px; height:40px; line-height:42px; padding:0 12px; border-top:1px solid #c7c7c7; border-bottom:1px solid #c7c7c7; font-size:14px; color:#000; }
.shopdetail .shopdetailInfo .shopdetailInfoWrap:after { clear: both; content: ""; display: block; }
.shopdetail .shopdetailInfo .shopdetailInfoWrap { width:100%; border-bottom:1px solid #c7c7c7; }
.shopdetail .shopdetailInfo .shopdetailInfoWrap .shopdetailInfoTop { float:left; width:25%; }
.shopdetail .shopdetailInfo .shopdetailInfoWrap .shopdetailInfoTop figure { padding:15px 12px; border:0; }
.shopdetail .shopdetailInfo .shopdetailInfoWrap .shopdetailInfoValue {border-top:unset !important; float:right; width:67%; padding:15px 0; margin-right:3%; border:0;border-bottom:0 !important; }
.shopdetail .shopdetailInfo .shopdetailInfoWrap .shopdetailInfoValue .shopdetailInfoprdName { font-size:1.333em; font-weight:bold; margin:0px !important; }
.shopdetail .shopdetailInfo .shopdetailInfoWrap .shopdetailInfoValue span {width:100%;}

.shopdetail .shopdetailInfo .shopdetailInfoWrap .shopdetailInfoValue .shopdetailInfoCont { width:100% !important; margin:0; }
.shopdetail .shopdetailInfo .shopdetailInfoWrap .shopdetailInfoValue .shopdetailInfoName { width:auto; }
.shopdetail .shopdetailInfo .shopdetailInfoWrap .shopdetailInfoSelect p { padding:0; background:none; }
.shopdetail .shopdetailInfo .shopdetailInfoWrap .shopdetailInfoSelect .shopdetailInfoCont .basic_option { width:100%; }
.shopdetail .shopdetailInfo .shopdetailInfoWrap .shopdetailInfoSelect .shopdetailInfoName {  width:100%; padding:0 0 5px 0; }

.shopdetail .shopdetailInfo .shopdetailInfoWrap .shopdetailInfoValue a {border:unset !important;}
.AddPackageProduct .shopdetailInfoSelect p {display: inline-block;     width: 74%;     padding-top: 5px !important;}
.AddPackageProduct .shopdetailInfoSelect .shopdetailInfoName {    width: 34% !important;}
.AddPackageProduct .shopdetailInfoSelect .shopdetailInfoCont {    display: inline-block; width: 62% !important; float: left!important;}
.AddPackageProduct .shopdetailInfoSelect .opt-com {width:unset !important;}
.AddPackageProduct .shopdetailInfoSelect .opt-com a {border:0px !important;}
.AddPackageProduct .shopdetailInfoValue {    min-height: 93px;}
/* 추가 구성 상품 끝 */

.download_cp {
  border: 1px solid #28398d;
  display: block;
  margin: 0 10px;
  padding: 8px;
  font-size: 13px;
  color: #28398d;
  font-weight: bold;
  position: relative;
}
.download_cp .icon {
   display: inline-block;
   width: 36px;
   height: 100%;
   background: #28398d;
   position: absolute;
   top: 0;
   right: 0;
   text-align: center;
}
.download_cp .icon::after{
    content: "\f107";
    font-family: FontAwesome;
    font-size:16px;
    color: #fff;
    line-height:2;
}
.download_cp.on .icon::after {
  content: "\f106";
}

.shopdetailInfoTop .thumb .dc_rate {
  position: absolute; right: 5px; top: 5px; width: 60px; height: 60px; line-height: 60px;
  color: #FFFFFF; font-size: 20px; font-family: 'Malgun Gothic';
  border-radius: 30px; background: #C22727; -webkit-font-smoothing: antialiased; }

.discountYellowBadgeContainer {
    display: none;
    position: absolute;
    top: 12px;
    right: 12px;
    z-index: 3;
}

.discountYellowBadge {
    width: 70px;
}

.discountYellowBadgeText {
    position: absolute;
    right: 17px;
    top: 19px;
    font-size: 19px;
    font-weight: 800;
    width: 39px;
    text-align: center;
    line-height: 14px;
}

.shopdetailInfoCont .price_event{color:#000 !important;}

/*스마트상품관련*/
.shopdetailRelation .list_shoppingRelationItem1x .list_shoppingInfo .listName{padding:0 25px 2px 0;}



/*선물하기*/
.shopdetailButton .gift{display:block;background:#39d179;height:50px;line-height:50px;text-align:center;font-size:18px;color:#fff;font-weight:600;}



/* 오늘출발 상품 */
.shopdetail .today-delivery { display:flex; align-items:center; margin:0 0 15px; padding:10px; border:1px solid #e4e4e5; background:#f8f8f8; color:#111; font-size:1em; box-sizing: border-box; }
.shopdetail .today-delivery .icon { padding:12px 10px; border:1px solid #111; border-radius:6px; background:#fff; }
.shopdetail .today-delivery .txt { padding-left:12px; font-size:14px;}
.shopdetail .today-delivery .txt p { padding-top:5px; }

/*톡체크아웃*/
.__checkout_img_comm {visibility: unset !important;}


/*250620 쿠폰일괄다운받기*/
.btn_buy{
  width: 100%; padding: 14px; margin: 10px 0 0 0; border: solid 0px #C22727; font-size: 15px; font-weight: bold; color:#fff; display:block; background-color:#0e1f68; text-align:center; box-sizing:border-box; cursor:pointer; }
  
  
/*260226 견적링크 깨짐*/
#SMS_shopdetailInfo #contents .shopdetailInfoBottom .shopdetailInfoSelect .opt-com a{border:0;}
input[type="text"]{width:100%;}
#SMS_shopdetailInfo #contents .shopdetailInfoBottom .shopdetailInfoSelect .opt-com a{text-align:right;}


/* 261022 긴급수정:후기 운영정책 버튼, 추후 필요시 삭제가능  */
#tabs {
    margin-top: -40px;
}

.MS_rvpolicy {
    display: inline-flex !important;
    justify-content: center;
    align-items: center !important;
    gap: 4px !important;
    padding: 0 !important;
    border: 0 !important;
    background: none !important;
    font-family: inherit !important;
    font-size: 13px !important;
    line-height: 18px !important;
    color: #555555 !important;
    cursor: pointer !important;
}
.MS_rvpolicy::before {
    content: "" !important;
    flex: none !important;
    width: 18px !important;
    height: 18px !important;
    background: url("data:image/svg+xml,%3Csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9 16.125C8.0125 16.125 7.0845 15.9375 6.216 15.5625C5.347 15.1875 4.59375 14.6813 3.95625 14.0438C3.31875 13.4062 2.8125 12.653 2.4375 11.784C2.0625 10.9155 1.875 9.9875 1.875 9C1.875 8.0125 2.0625 7.08425 2.4375 6.21525C2.8125 5.34675 3.31875 4.59375 3.95625 3.95625C4.59375 3.31875 5.347 2.8125 6.216 2.4375C7.0845 2.0625 8.0125 1.875 9 1.875C9.9875 1.875 10.9158 2.0625 11.7847 2.4375C12.6532 2.8125 13.4062 3.31875 14.0438 3.95625C14.6813 4.59375 15.1875 5.34675 15.5625 6.21525C15.9375 7.08425 16.125 8.0125 16.125 9C16.125 9.9875 15.9375 10.9155 15.5625 11.784C15.1875 12.653 14.6813 13.4062 14.0438 14.0438C13.4062 14.6813 12.6532 15.1875 11.7847 15.5625C10.9158 15.9375 9.9875 16.125 9 16.125ZM9 15C10.675 15 12.0937 14.4187 13.2562 13.2562C14.4187 12.0937 15 10.675 15 9C15 7.325 14.4187 5.90625 13.2562 4.74375C12.0937 3.58125 10.675 3 9 3C7.325 3 5.90625 3.58125 4.74375 4.74375C3.58125 5.90625 3 7.325 3 9C3 10.675 3.58125 12.0937 4.74375 13.2562C5.90625 14.4187 7.325 15 9 15Z' fill='%23555555'/%3E%3Cpath d='M9.75 11.625C9.75 12.0392 9.41421 12.375 9 12.375C8.58579 12.375 8.25 12.0392 8.25 11.625L8.25 8.625C8.25 8.21079 8.58579 7.875 9 7.875C9.41421 7.875 9.75 8.21079 9.75 8.625L9.75 11.625Z' fill='%23555555'/%3E%3Cpath d='M9.75 6.375C9.75 6.78921 9.41421 7.125 9 7.125C8.58579 7.125 8.25 6.78921 8.25 6.375C8.25 5.96079 8.58579 5.625 9 5.625C9.41421 5.625 9.75 5.96079 9.75 6.375Z' fill='%23555555'/%3E%3C/svg%3E") no-repeat center / 18px 18px !important;
}

/* ================================================================
   모바일 상세 · 텍스트형 쿠폰 꾸밈  ·  2026-11-02
   ----------------------------------------------------------------
   넣는 곳 : MO / shopdetail.css  파일 맨 끝
   ----------------------------------------------------------------
   메이크샵이 내보내는 텍스트형 쿠폰(.sc-style1)에 꾸밈이 없어
   글자만 쌓여 보이던 것을 카드 모양으로 잡아 줍니다.
   다운로드 링크는 원래 작동하던 것이므로 건드리지 않습니다.

   색을 바꾸고 싶으면 아래 두 군데만 고치면 됩니다.
     - 할인율 글자색 : #1d3259
     - 카드 테두리색 : #e3e6ea
================================================================= */

#coupon_wrap .smart-coupon-list { list-style:none; margin:0; padding:0; }
#coupon_wrap .smart-coupon-list > li { margin:0 0 8px; }

/* 카드 바깥 */
#coupon_wrap .smart-coupon-list > li.sc-style1{
  display:flex;
  align-items:stretch;
  border:1px solid #e3e6ea;
  border-radius:10px;
  background:#fff;
  overflow:hidden;
}

/* 글 영역 : 왼쪽 할인율 + 오른쪽 이름·조건 */
#coupon_wrap .sc-style1 .c-info{
  flex:1;
  min-width:0;
  display:grid;
  grid-template-columns:84px 1fr;
  align-items:center;
  column-gap:12px;
  padding:12px 10px;
}

/* 할인율 (예: 15% 할인) */
#coupon_wrap .sc-style1 .c-price{
  grid-column:1;
  grid-row:1 / span 2;
  margin:0;
  align-self:stretch;
  display:flex;
  align-items:center;
  justify-content:center;
  text-align:center;
  border-right:1px solid #eef0f3;
  padding-right:10px;
}
#coupon_wrap .sc-style1 .c-price span{
  font-size:21px;
  font-weight:800;
  color:#1d3259;
  letter-spacing:-.6px;
  line-height:1.15;
  white-space:nowrap;
}

/* 쿠폰 이름 */
#coupon_wrap .sc-style1 .c-name{
  grid-column:2;
  grid-row:1;
  margin:0;
  font-size:13.5px;
  font-weight:700;
  color:#111;
  line-height:1.35;
  text-align:left;
}

/* 사용 조건 */
#coupon_wrap .sc-style1 .c-txt{
  grid-column:2;
  grid-row:2;
  margin:3px 0 0;
  font-size:11.5px;
  color:#8a9099;
  line-height:1.4;
  text-align:left;
}

/* 메이크샵이 비어 있는 문단을 같이 내보내므로 숨깁니다 */
#coupon_wrap .sc-style1 .c-info > p:empty{ display:none; }

/* 내려받기 버튼 */
#coupon_wrap .sc-style1 .btn-down{
  flex:0 0 54px;
  border-left:1px solid #eef0f3;
  display:flex;
  align-items:center;
  justify-content:center;
}
#coupon_wrap .sc-style1 .btn-down span{ display:block; line-height:0; }
#coupon_wrap .sc-style1 .btn-down a{
  display:block;
  position:relative;
  width:34px;
  height:34px;
  border-radius:8px;
  background:#f4f6f8;
  font-size:0;            /* 「다운로드」 글자를 숨기고 화살표만 보이게 */
  color:transparent;
  text-decoration:none;
}
#coupon_wrap .sc-style1 .btn-down a::before{
  content:""; position:absolute; left:16px; top:9px;
  width:2px; height:12px; background:#41474f;
}
#coupon_wrap .sc-style1 .btn-down a::after{
  content:""; position:absolute; left:12px; top:15px;
  width:10px; height:10px;
  border-left:2px solid #41474f;
  border-bottom:2px solid #41474f;
  transform:rotate(-45deg);
}

/* ===== 내려받기 화살표 다시 그리기 (2026-11-03) ===== */
#coupon_wrap .sc-style1 .btn-down a{
  background:#f4f6f8 url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%2341474f' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'><path d='M12 4.5v10.5'/><path d='M7 10.5 12 15.5 17 10.5'/><path d='M5.5 19h13'/></svg>") no-repeat center;
  background-size:21px 21px;
}
#coupon_wrap .sc-style1 .btn-down a::before,
#coupon_wrap .sc-style1 .btn-down a::after{ content:none; }

/* ===== 다중이미지 — 처음부터 깔끔하게 (2026-11-03) ===== */
[id*="multi_img"] { display:none !important; }
.SMS_Multi_imgGallery { min-height:100vw; }
/* BASIC css end */