/* BASIC css start */
@charset "utf-8";
#container #detail {font-family: 'SUIT', 'Pretendard', sans-serif; margin: 20px 0 40px;}

/* 썸네일 */
.thumb-wrap { width: 100%; position:relative; } 
.thumb-wrap .z_image img { width: 100%;}
.thumb-wrap ul.multi_img li.multi_thumb { width:100%; } 
.thumb-wrap ul.multi_img li.multi_thumb ul { width: 100%; text-align:center;} 
.thumb-wrap ul.multi_img li.multi_thumb ul li img { width:100%;}  
.thumb-wrap .swiper-pagination { display: flex; width: auto; bottom: 12px; left: 50%; transform: translateX(-50%); background: #FFFFFFCC; border-radius: 50px; padding: 0.5rem 1rem; height: 21px; gap: 0.625rem 1rem;}
.thumb-wrap .swiper-pagination-bullet { margin: 0 !important; background: #8E8E8E; opacity: 1; width: 6px; height: 6px;}
.thumb-wrap .swiper-pagination-bullet-active { background: #090909;}


/* 상품정보 */
#detail .shopdetailInfo_basic { padding: 17px 0 23px; border-bottom: 1px solid var(--line); position: relative;}
#detail .shopdetailInfo_basic::before,
#detail .shopdetailInfo_basic::after { display: none;}
#detail .shopdetailInfo_basic h2 { font-size: 20px; font-weight: 700; line-height: 23px; padding: 0; width: calc(100% - 30px);}
#detail .shopdetailInfo_basic .prdsubname { color:#858585; font-size:12px;} 
#detail .shopdetailInfo_basic p.prdprice { display: inline-block; font-size: 19px; font-weight: 700; color: var(--black);}
#detail .shopdetailInfo_basic strike { display: inline-block; margin-left: 11px; font-size: 16px; font-weight: 300; color: var(--line);}
#detail .shopdetailInfo_basic .wishBtn { position: absolute; right: 0; top: 23px;}
#detail .shopdetailInfo_basic .prdprice_section { margin-top: 15px; display: flex; flex-wrap: wrap; align-items: center;}
#detail .shopdetailInfo_basic .prdIcon { margin-left: 11px;}
#detail .shopdetailInfo_basic .prdIcon img { margin: 0 5px 0 0;}


/* 컬러칩 - 페이지 이동 */
#detail .colorWrap .shopdetailInfoList .flexBox { display: flex; gap: 9px; margin-left: 5px;}
#detail .colorWrap .shopdetailInfoList .flexBox .link_item a { display: inline-block; width: 16px; height: 16px; line-height: 1; border-radius: 50px; border: 1px solid #787878; position: relative;}
#detail .colorWrap .shopdetailInfoList .flexBox .link_item a::after { content: ''; display: inline-block; width: 20px; height: 20px; border-radius: 50px; border: 1px solid #787878; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); box-sizing: border-box;}
#detail .colorWrap .shopdetailInfoList .flexBox .link_item.active a { border: 1px solid var(--black);}
#detail .colorWrap .shopdetailInfoList .flexBox .link_item.active a::after { content: ''; display: inline-block; width: 22px; height: 22px; border-radius: 50px; border: 2px solid var(--black); position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); box-sizing: border-box;}

/* 구매하기 fixed 팝업 내 컬러칩 스타일 변경 */
#detail .option_area.fixed .colorWrap .shopdetailInfoList .flexBox { gap: 15px;}
#detail .option_area.fixed .colorWrap .shopdetailInfoList .flexBox .link_item a { width: 22px; height: 22px;}
#detail .option_area.fixed .colorWrap .shopdetailInfoList .flexBox .link_item a::after { width: 31px; height: 31px;}
#detail .option_area.fixed .colorWrap .shopdetailInfoList .flexBox .link_item.active a::after { width: 31px; height: 31px;}
#detail .option_area.fixed .product-opt .shopdetailInfoList { margin-top: 15px;}


/* 원클릭 옵션 */
#detail .product-opt { padding: 0; margin: 0 15px; background: transparent;}
#detail .product-opt .shopdetailInfoName { display: block; width: 100%; font-size: 17px; font-weight: 400; color: var(--black); margin: 18px 0 0;}
#detail .product-opt .shopdetailInfoList { width: 100%; margin-top: 9px;}
#detail .product-opt .shopdetailInfoList .MK-oneclick-text { margin: 0 8px 0 0; border-radius: 50px; overflow: hidden; padding:0 13px; border: 1px solid var(--line);}
#detail .product-opt .shopdetailInfoList .MK-oneclick-link { display: block; font-size: 16px; line-height: 25px; font-weight: 400; color: var(--line); border: none;}
#detail .product-opt .shopdetailInfoList .MK-oneclick-dis { background: #F0F0F0; position: relative;}
#detail .product-opt .shopdetailInfoList .MK-oneclick-dis::after {content: ''; display: inline-block; width: 100%; height: 1px; background: var(--line); position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) rotate(20deg);}
#detail .product-opt .shopdetailInfoList .MK-oneclick-dis .MK-oneclick-link {color: var(--line) !important; border: none !important;}
#detail .option_area .shopdetailInfoOneclick { margin: 0 15px; padding: 0 0 22px; border-bottom: 1px solid var(--line);}
#detail .product-opt .shopdetailInfoList .MK-oneclick-text.is-selected .MK-oneclick-link { color: var(--black); border: 1px solid var(--black);}
#detail .product-opt .shopdetailInfoList .MK-oneclick-value { display: none;}



/* 합계금액 */
#detail #MK_innerOptTotal.total_box { display:flex; align-items:center; justify-content:space-between; padding: 20px 15px 22px;} 
#detail #MK_p_total { font-size:21px ; color:var(--bg) ; } 
#detail #MK_innerOptTotal.total_box .txt-won { font-size:20px ; color:var(--bg) ; } 
#detail #MK_innerOptTotal.total_box>p { color: var(--bg);}
#detail #MK_innerOptTotal.total_box>p:first-child { font-size:18px; font-weight:500; } 
#detail #MK_innerOptTotal.total_box>p:last-child { display:flex; align-items:center; font-size: 21px; font-weight: 800;} 


/* 품절버튼 */
#detail .shopdetailButton .shopdetailButtonTop .soldout_area {overflow: hidden;}
#detail .shopdetailButton .shopdetailButtonTop .soldout_area .fl-r {float: right;}
#detail .shopdetailButton .shopdetailButtonTop .soldout_area .fl-r .soldout_once {display:inline-block; float:left; margin:0 0 15px 5px;}
#detail .shopdetailButton .shopdetailButtonTop .soldout_area .fl-r .soldout_once img {width:100%;}
#detail .shopdetailButton .shopdetailButtonTop .soldout_area .fl-r .btn_soldout_anchor {display:block; float:left; padding:0; margin:0 0 15px 5px;}
#detail .shopdetailButton .shopdetailButtonTop .soldout_area .fl-r .btn_soldout_anchor span {height: auto; line-height: unset ; -webkit-box-shadow:none; box-shadow: none; border: none; background: none;} /* 22.05.09  42195-136 */
#detail .shopdetailButton .shopdetailButtonTop .soldout_area .fl-r .btn_soldout_anchor span img {width:100%; }
#detail .shopdetailButton .shopdetailButtonTop > p { font-size: 18px; font-weight: 400; color: var(--white); background: var(--bg); border-radius: 50px; line-height: 43px; padding: 0;}


/* 구매버튼 */
#detail .shopdetailButton .shopdetailButtonTop { margin: 0 15px;}
#detail .shopdetailButton .shopdetailButtonTop .btn_box { display:flex; flex-wrap: wrap; justify-content:space-between; padding: 0;} 
#detail .shopdetailButton .shopdetailButtonTop .btn_box a { width: calc(50% - 2px); margin: 0; padding: 0; font-size: 18px; font-weight: 600; border-radius: 30px; line-height: 40px;}
#detail .shopdetailButton .shopdetailButtonTop .btn_box a.cart { color: var(--black); background: var(--white); border: 1px solid var(--bg);}
#detail .shopdetailButton .shopdetailButtonTop .btn_box a.buy { color: var(--white); background: var(--bg);}
#detail .shopdetailButton .shopdetailButtonTop .link_g { display: block; width: 100%; position: relative; margin: 8px 0 22px;}
#detail .shopdetailButton .shopdetailButtonTop .link_g a { text-align: right; display: block; width: 100%; height: 38px; border-radius: 30px; border: 1px solid var(--line); padding: 0 19px; line-height: 38px; font-size: 16px; font-weight: 400; color: #ACACAC;}
#detail .shopdetailButton .shopdetailButtonTop .link_g p { position: absolute; left: 20px; top: 50%; transform: translateY(-50%); padding: 0; font-size: 16px; line-height: 38px; font-weight: 400; color: var(--bg);}


/* 네이버페이 */
#detail #nhn_btn { padding-top: 0; margin: 0 15px;}
#detail .npay_type_MA_1 { width: 100% !important; height: 95px !important;}
#detail .npay_button { padding: 23px 0 11px 103px !important;}


/* 옵션창 */
#detail .MK_optAddWrap .MK_inner-opt-cm li { padding:15px 25px ; background-color:#f5f5f5 ; } 
#detail .MK_optAddWrap .MK_inner-opt-cm li .MK_p-name { width: 55%; text-overflow: ellipsis; font-size:12px; overflow: hidden; white-space: nowrap; line-height:30px; } 
#detail .MK_optAddWrap .MK_inner-opt-cm li .MK_btn-del { width:auto ; height:auto ; } 
#detail .MK_optAddWrap .MK_inner-opt-cm li .MK_btn-del:before { width:10px ; height:10px ; } 
#detail .MK_optAddWrap .MK_inner-opt-cm li .MK_price { position:absolute; right:20px; font-size:14px ; } 
#detail .MK_optAddWrap .MK_inner-opt-cm li .MK_price span { font-size:14px ; } 
#detail .MK_optAddWrap .MK_inner-opt-cm li .MK_btn-del { right:10px ; top:10px ; } 


/* 하단 구매하기 버튼 클릭 시 */
#detail .buy_on { height: 61px; background: var(--white);}
#detail .buy_on a { height: 61px; line-height: 61px; font-size: 19px; font-weight: 600; background: var(--white); color: var(--black); border: 1px solid var(--bg); border-radius: 50px;}
#detail .buy_on a.buy { border: none; background: var(--bg); color: var(--white);}


/* 관련상품 */
#detail .related { padding:0 0 50px 15px; } 
#detail .related h2 { font-size: 17px; font-weight: 500; color: var(--black); margin-bottom: 9px;}
#detail .related .prdname2 { font-size: 15px; font-weight: 600; line-height: 18px; color: var(--black);}
#detail .related .prdprice { margin-top: 8px;}
#detail .related .prdprice .price { font-size: 15px; font-weight: 600; color: var(--black);}
#detail .related .prdprice strike { font-size: 13px; font-weight: 300; color: var(--line); margin-left: 6px;}


/* 상세정보 탭 */
/* 상세정보 탭 */
#detail .product_detail_outer { border-top: 0;}
#detail .shopdetailItem .detail_item_nav { height: 56px; position: relative; border: none;}
#detail .shopdetailItem .detail_item_nav h3 { font-size: 19px; font-weight:500; line-height: 56px; margin: 0 15px; border-top: 1px solid var(--line);}
#detail .shopdetailItem .detail_item_nav span { position: absolute; right: 20px; top: 50%; transform: translateY(-50%); width: 19px; height: 19px;}
#detail .shopdetailItem .detail_item_nav span::after { content: ''; position: absolute; right: 6px; top: 50%; width: 2px; height: 14px; background: #000; transform: translateY(-50%); opacity: 1; transition: opacity 0.2s ease;}
#detail .shopdetailItem .detail_item_nav span::before { content: ''; position: absolute; right: 0; top: 50%; width: 14px; height: 2px; background: #000; transform: translateY(-50%);}
#detail .shopdetailItem .detail_item_nav.clicked span::after { opacity: 0;}
#detail .shopdetailItem .detail_item_nav + .sec { opacity: 0; overflow: hidden; height: 0;}
#detail .shopdetailItem .detail_item_nav + .sec > .crema-product-reviews { display: none;}
#detail .shopdetailItem .detail_item_nav + .sec >* { font-size: 16px; font-weight: 300; line-height: 23px;}
#detail .shopdetailItem .detail_item_nav + .sec > b,
#detail .shopdetailItem .detail_item_nav + .sec > strong { font-weight: bold;}
#detail .shopdetailItem .detail_item_nav + .sec img { width: 100%;}
#detail .shopdetailItem .detail_item_nav.clicked + .sec { opacity: 1; height: auto; overflow: visible; transition: height 0.3s ease,opacity 0.3s ease-out; padding: 15px 15px 30px;}

/* 상품 상세 스타일 */
#detail .product_detail_outer.shopdetail_Content .cate_tit,
#detail .product_detail_outer.shopdetailReview .cate_tit { border-bottom: 0;}
#detail .product_detail_outer.shopdetail_Content .sec,
#detail .product_detail_outer.shopdetailReview .sec { padding: 0 !important;}


/* 상품 상세 wib커스텀 */
.custemDetail > div { margin: 55px 0 0;}
.custemDetail h2 {font-size: 25px; font-weight: 700; color: var(--black); text-align: center; margin-bottom: 25px;}
.custemDetail .detailSec .titSec {margin: 19px 15% 0 0;}
.custemDetail .detailSec .titSec p {font-size: 21px; font-weight: 600; color: var(--black); margin-bottom: 10px;}
.custemDetail .detailSec .titSec span { font-size: 16px; font-weight: 300; line-height: 22px; color: var(--black);}
.custemDetail .detailSec .detailSwiper { padding: 0 15px;}
.custemDetail .modelDetail {position: relative; overflow: hidden;}
.custemDetail .modelDetail .swiper-button-prev::after { content: ''; display: inline-block; width: 40px; height: 40px; background: url(/design/fordi/wib/pc/icon/model_arow.png) no-repeat center; transform: rotate(180deg);}
.custemDetail .modelDetail .swiper-button-next::after { content: ''; display: inline-block; width: 40px; height: 40px; background: url(/design/fordi/wib/pc/icon/model_arow.png) no-repeat center;}
.custemDetail .sec04.detailSec > .colorSec { margin: 144px 0 168px; position: relative;}
.custemDetail .colorSec .tabSec { width: 70%; margin: 0 auto;}
.custemDetail .colorSec .tabTop { margin-bottom: 13px;}
.custemDetail .colorSec .tabTop .colorSec { display: none;}
.custemDetail .colorSec .tabTop .colorSec .colorSwiper { padding: 0 10px;}
.custemDetail .colorSec .tabTop .colorSec p { font-size: 16px; font-weight: 600; color: var(--black); text-align: center; margin-top: 23px;}
.custemDetail .colorSec .tabTop .colorSec.active { display: block;}
.custemDetail .colorSec .tabBottom ul {display: flex; gap: 8px; justify-content: center;}
.custemDetail .colorSec .tabBottom li { padding: 2px; border: 1px solid #787878; border-radius: 50%; width: 25px; height: 25px; position: relative;}
.custemDetail .colorSec .tabBottom li span { display: inline-block; width: 19px; height: 19px; border-radius: 50%;}
.custemDetail .colorSec .tabBottom li.active::after { content: ''; display: inline-block; width: 24px; height: 24px; border-radius: 50px; border: 1px solid var(--black); position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%);}
.custemDetail .colorSec .tabBottom li.active span { border: 1px solid var(--black);}
.custemDetail .colorSec .swiper-button-prev::after { content: ''; display: inline-block; width: 40px; height: 40px; background: url(/design/fordi/wib/pc/icon/model_arow.png) no-repeat center; transform: rotate(180deg);}
.custemDetail .colorSec .swiper-button-next::after { content: ''; display: inline-block; width: 40px; height: 40px; background: url(/design/fordi/wib/pc/icon/model_arow.png) no-repeat center;}
.custemDetail .colorSec .swiper-button-prev { left: 0;}
.custemDetail .colorSec .swiper-button-next { right: 0;}


/* 추가 구성 상품 */
#detail .shopdetailItem .option_tk { padding-top: 56px; padding-bottom: 32px;}
#detail .shopdetailItem .option_tk:focus {outline: none;}
#detail .shopdetailItem .option_tk .shopdetailInfoTit { font-size: 17px; font-weight: 500; color: var(--black); margin-bottom: 9px; margin-left: 15px;}
#detail .shopdetailItem .option_tk .extra_prd_swiper { margin-left: 15px;}










/* 게시글 */
#tabs { padding-bottom: 10px; font-size: 12px; /*margin: 0 10px; */ } 
#tabs .shopdetailBoard { overflow: hidden; text-align: center; border-bottom: 1px solid #cdcdcd; padding: 10px 8px; margin-bottom: 0; text-align: left; } 
#tabs .shopdetailBoard .tab_on { padding: 10px 0; font-weight: bold; } 
#tabs .util { border-bottom: 1px solid #e4e4e4; /*padding: 10px; */
 padding:10px 0; } 
#tabs .util a { border:0; display: inline-block; height: 30px; line-height: 30px; width: 100%; text-align: center; background-color: #b4b4b4; } 
#tabs .list_board .reply-detail { margin: 0 5px; border: 1px solid #73adff; font-size: 0.875em; color: #5da0ff; display: inline-block; height: 18px; line-height: 18px; padding: 0 3px; } 
#tabs .review .list_board > ul > li.now > .cont_wrap { display: block; } 
#tabs .list_board > ul > li > .wrap .re-wrap { padding: 10px; border-top: 1px solid #bebebe; } 
#tabs .empty-board { text-align: center; padding: 15px 0 5px; } 
.list_board ul li { color: #424242; word-break: break-all; } 
.list_board .re-wrap ul li { font-size: 1em; border-bottom: 0; border-top: 1px dotted #bebebe; margin-top: 5px; padding-top: 5px; list-style: none; } 
.list_board ul li dl { padding: 7px; } 
.list_board ul li dl h4 { margin: 0 } 
.list_board ul li .cont_wrap { padding-top: 5px; border-top: 1px dotted rgb(190, 190, 190); padding: 7px; } 
.list_board ul li .cont_wrap img { max-width: 100%; padding-bottom: 5px; } 
/* 댓글 */
.MS_cmt_list_box { color: #656565; } 
.MS_cmt_list_box .comment_list:last-child { border-bottom: 1px solid #cecece; } 
.MS_cmt_list_box .comment_list { padding: 5px; border: 1px solid #cecece; border-bottom: 0; background-color: #fff; } 
.MS_cmt_list_box .MS_cmt_hname { padding-left: 5px; } 
.MS_cmt_list_box .MS_cmt_content { padding-left: 15px; } 
.MS_cmt_list_box .comment_depth2 { padding-left: 10px; } 
.MS_cmt_list_box .comment_depth3 { padding-left: 15px; } 
#comment_password { width: 250px; left: 7px; box-shadow: 0 0 5px 0 #808080; } 
#comment_password input[type="password"] { width: 75%; } 
#comment_password form { height: auto ; } 
#comment_password form span { display: block; } 
/* 답글 */
.list_board ul li .reply_depth1 .rating, .list_board ul li .reply_depth1 .info, .list_board ul li .reply_depth2 .rating, .list_board ul li .reply_depth2 .info, .list_board ul li .reply_depth3 .rating, .list_board ul li .reply_depth3 .info { padding-left: 12px; } 
.list_board ul li .reply_status { font-size: 0.875em; color: #777777; font-weight: normal; } 
/* 비번입력 */
.list_board input[type="password"] { border-radius: 3px 0 0 3px; width: 80%; border-right: 0; box-sizing: border-box; height: 35px; } 
.list_board input[type="button"] { width: 20%; float: right; height: 35px; border-radius: 0 3px 3px 0; background-color: #444; color: #fff; border: 1px solid #444; box-sizing: border-box; } 
.paging a.now { background-color: #fff ; border: none ; color: #000; } 
/* new, hit 아이콘 */
.list_board ul li dl h4 .new { display: inline-block; width: 15px; height: 15px; line-height: 15px; color: #fff; font-size: 0.875em; background-color: #5cb7fa; -webkit-border-radius: 3px ; border-radius: 3px ; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; text-align: center; } 
.list_board ul li dl h4 .hit { display: inline-block; width: 15px; height: 15px; line-height: 15px; color: #fff; font-size: 0.875em; background-color: #ff912c; -webkit-border-radius: 3px ; border-radius: 3px ; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; text-align: center; } 
/* 수정,삭제버튼 */
.list_board ul li .cont_wrap .comment_modify { text-align: right; margin-top: 5px; } 
.list_board ul li .cont_wrap .comment_modify a { width: 45px; border: 1px solid #444; border-radius: 3px; font-size: 0.875em; display: inline-block; text-align: center; line-height: 20px; height: 20px; background-color: #fff; } 
.list_board ul li dl .info .review_del { width: 45px; border: 1px solid #444; border-radius: 3px; font-size: 0.875em; display: inline-block; text-align: center; line-height: 20px; height: 20px; background-color: #fff; } 


/* 하단 구매하기 버튼 클릭 시 */
.shopdetail .shopdetailInfo .shopdetailInfoBottom .option_area.fixed .option_tk { padding:20px 0 } 
.shopdetail .shopdetailInfo .shopdetailInfoBottom .buy_on a.buy { } 


/* 추가구성상품 */
.shopdetail .shopdetailInfo .shopdetailInfoWrap { border-bottom:none  } 
.shopdetail .shopdetailInfo .shopdetailInfoWrap .shopdetailInfoValue { border-bottom:none  } 
.shopdetail .shopdetailInfo .shopdetailInfoWrap .shopdetailInfoTop { width:40%  } 
.shopdetail .shopdetailInfo .shopdetailInfoWrap .shopdetailInfoTop figure { padding:25px 0px 25px 15px  } 
.option_tk .shopdetailInfoSelect select { font-size:12px; margin-bottom:7px } 



/* 슬라이드 이미지 */
.pc-detail-img { display:none ; } 
.mo-detail-img { background:#f1ebe3; padding:25px 25px 10px; position:relative; } 
.mo-detail-img:after { content:''; position:absolute; display:inline-block; background: url('/design/fordi/banner/MO_img/detail_logo.png')no-repeat left bottom; left:25px; bottom:14px; width:80px; height:22px; background-size: 50px auto; } 
.mo-detail-img .tit { font-size:18px; font-weight:500; color:#565656; text-align:center; margin-bottom:20px; } 
.mo-detail-img .tit img { width: 44%; display: block; margin: 6px auto 0; } 
.mo-detail-img .inner { padding:11px; background: #fff; } 
.slidebg { position: fixed; left: 0; top: 0; z-index: 20; width: 100%; height: 100%; background: #fff; opacity: 0.7; display:none; } 
.slideimg { } 
.slideimg > li { } 
.slideimg > li > img { } 
.mo-detail-img .swiper-pagination { position:static; padding-top:10px; } 
.mo-detail-img .swiper-pagination .swiper-pagination-bullet { margin:0 2px; } 
.mo-detail-img .swiper-pagination .swiper-pagination-bullet-active { background:#565656; } 
.read_box { position: fixed; width:90%; left: 50%; top: 50%; transform:translate(-50%,-50%); z-index: 21; display:none; } 
.read_box img { width:100%; display:none; } 


/* 신규 회원 혜택 예상가 - 2023.09.18 */

.benefit_sale_wrap { position: relative; text-align: right; padding: 0 15px; margin-bottom: 10px; display: inline-block; float: right; } 

.benefit_sale_wrap p { font-size: 13px; color: #fc2300; } 
.benefit_sale_wrap { position: relative; text-align: right; padding: 0 15px; margin-bottom: 10px; } 
.benefit_sale_wrap p { font-size: 13px; color: #fc2300; } 
.benefit_sale_wrap p span { display: inline-block; cursor:pointer; font-size: 11px; background: #000; color: #fff; width: 16px; height: 16px; text-align: center; line-height: 16px; border-radius: 5px; } 
.benefit_sale_wrap p.login_state { display: flex; } 
.benefit_sale_wrap p.login_state span { width: auto; padding: 0 7px; height: 20px; line-height: 20px; margin-left: 7px; } 
.benefit_sale_wrap .benefit_pop {display:none;cursor:pointer;position: absolute;right: 15px;top: 25px;background: #fff;border: 1px solid #000;border-radius: 5px;padding: 10px 13px;z-index: 999;width: 90vw;margin-left: calc(-50vw + 50%);} 
.benefit_sale_wrap .benefit_pop .btn_cls { font-size: 20px; } 
.benefit_sale_wrap .benefit_pop dl {display: flex;justify-content: space-between;gap: 0;margin: 7px 0;} 
.benefit_sale_wrap .benefit_pop dl dt { font-size: 13px; white-space: pre; } 
.benefit_sale_wrap .benefit_pop dl dd { font-size: 13px; font-weight: bold; white-space: pre; } 
.benefit_sale_wrap .benefit_pop dl dd img { width: 100%; } 


/* 당일출고 - 2023.09.18 */
.today_del {position: relative;width: 92%;background: #fff;height: auto;text-align:center;box-sizing:border-box;margin: 20px auto 0;padding: 9px;border: 1px solid #ddd;} 
.today_del #ifend {color: #000;font-size: 13px;font-weight:300;line-height: 1.25;} 
.today_del #ifend span { font-weight:400; } 
.today_del #ifend span.now { vertical-align:top; } 
.today_del #ifend span.next { vertical-align:unset; } 
.today_del span#time { color:#ff3e3a; } 



/* 선물하기 */
.gift { display: inline-flex; align-items: center; justify-content: center; padding: 15px 0; width: 100% ; background: #fff; border: 1px solid #f1191f; color: #f1191f; font-size: 13px; } /* 선물하기 */
.gift .fa-gift { margin-top: -2px; margin-right: 3px; font-size: 16px; } /* 선물하기 */


/* 최대할인가&적립금 */
.benefit_wrap { width:100%; } 
.tooltip_div { position:absolute; top:0; right: -20px; width: 14px; height:100%; background: url('/design/fordi/img/ico_benefit.png') no-repeat 38% 2px; background-size: 14px; } 
.tooltip_div.opener { cursor:pointer; } 
.tooltip { position:absolute; display:none; background:#fff; width: 250px; border:1px solid #ddd; z-index:2; border-radius:10px; } 
.tooltip_div:hover>.tooltip { display:block; } 
.tooltip_div.reverse:hover>.tooltip { right:0 } 
.tooltip.txt_area { padding: 12px 13px 16px; } 
.tooltip.txt_area .tit { font-weight:500; font-size: 14px; line-height:24px; color:#000; white-space:nowrap; margin: 0 ; } 
.tooltip.txt_area .txt { margin-top:8px; font-weight:400; font-size:12px; line-height:18px; color:#555; white-space:nowrap } 
.tooltip.txt_area .txt:first-child { margin-top:0 } 
.tooltip.txt_area .dot_indent { margin-top: 0; } 
.tooltip.txt_area .dot_indent:first-child { margin-top:0 } 
.tooltip.txt_area .dot_indent p { margin-top:4px; padding-left: 0; font-weight:400; font-size: 11px; line-height: 1.25; color:#555; white-space: pre-line; display: inline-block; margin: 0 ; margin-block-start: 0; margin-block-end: 0; text-align: left; } 
.tooltip.txt_area .dot_indent p:first-child { margin-top:0 } 
.btn-discount { padding-right:20px; position:relative; font-size: 13.37px; font-weight: 800; color: #847871; font-family: 'Nanum Gothic', sans-serif; letter-spacing: -0.4px; } 
.btn-discount:before { display:block; content:url("/design/fordi/img/bf_off.png"); position:absolute; right:0; top:50%; transform:translateY(-50%); font-size:11px; } 
.btn-discount.on:before { display:block; content:url("/design/fordi/img/bf_on.png"); position:absolute; right:0; top:50%; transform:translateY(-50%); font-size:11px; } 
.btn-discount span { color:#f62121; font-family: 'Nanum Gothic', sans-serif; } 
.sale-list { display:none; margin-top:5px; } 
.sale-list li { margin-bottom:10px; } 
.sale-list li:last-child { margin-bottom:0; } 
.sale-list.open { display:block; margin-top: 0; padding: 3px 20px; border-radius:10px; box-sizing:border-box; } 
.sale-list li { display:flex; justify-content:space-between; align-items:center; font-size:12px; font-weight:normal; } 
.sale-list li b { font-size: 11px; line-height: 18px; color: #847871; font-weight: 400; font-family: 'Nanum Gothic', sans-serif; letter-spacing: -0.4px; } 
.sale-list li span { font-weight: 400; font-size: 11px; line-height:20px; color: #847871; font-family: 'Nanum Gothic', sans-serif; letter-spacing: -0.4px; } 

.benefit_wrap { position:relative; width: 100%; border-collapse: collapse; border-spacing: 0; table-layout: fixed; word-wrap: break-word; word-break: keep-all; } 
.benefit_wrap td { padding: 8px 0 0px ; } 
.benefit_wrap p { display:flex; font-size: 13.37px; color: #847871; font-weight: 800; justify-content:space-between; align-items:center; margin: 0; font-family: 'Nanum Gothic', sans-serif; letter-spacing: -0.4px; } 
.benefit_wrap p a img { width: 77px; } 
.benefit_wrap dl { position:relative; display:flex; justify-content:space-between; } 
.benefit_wrap dl dt { position:relative; padding-right: 0px; font-size: 12px; color: #847871; font-weight: 400; font-family: 'Nanum Gothic', sans-serif; letter-spacing: -0.4px; word-break: keep-all; white-space: nowrap; } 
.benefit_wrap dl dd { text-align:right; } 
.benefit_wrap dl dd { position:relative; font-size:13px; color: #ee8484; font-weight:bold; position:relative; } 
.benefit_wrap dl dd div { position:relative; } 
.benefit_wrap dl dd b,.benefit_wrap dl dd span { color: #000; } 

.tb-right { padding: 0 15px 5px; text-align: right; color: #ff8000; font-weight:bold; } 

.benefit_wrap:nth-child(1) td { padding-top: 10px ; border-top:1px solid #d8d6ca; } 
.fc_point, .fc_point span { color: #ff7200 ; font-size: 20px ; font-weight: 700; } 

.shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailInfoValue .shopdetailInfoName { font-size: 13.37px ; } 

.shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailInfoValue .shopdetailInfoCont .big strong { font-family: 'Nanum Gothic', sans-serif; letter-spacing: -0.4px; font-size: 20.38px; } 
.shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailInfoValue .product_desc span.pd_name { font-size: 18px ; font-weight: 700; } 
.shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailInfoValue .shopdetailInfoDiscount { padding-bottom: 0 ; } 


/* 구매할인 추가 */
.buy-benefit { position:relative; display:inline-block; font-weight:bold; max-width:70%; }
.buy-benefit .tit-txt { font-size:14px; color:#000; display: block; white-space: nowrap; overflow:hidden; text-overflow:ellipsis; }
.buy-benefit .view-wrap { position:relative; }
.buy-benefit .btn-view { display:inline-block; padding:3px 5px 3px 5px; font-size:11px; color:#000; border:2px solid #a9a9a9; width:48px; top:-3px; left:100%; position:absolute; }
.buy-benefit .btn-view em { display: inline-block; font-size:10px; color: #000; vertical-align: top; }
.buy-benefit .view-wrap { display:none; position:absolute; top:30px; left:0; width:186px; padding:15px; background:#fff; border:2px solid #a9a9a9; z-index:11; }
.buy-benefit .view-wrap.active { display:block; }
.buy-benefit .view-wrap .layer-view { font-size:13px; line-height:20px; color:#000; word-break:break-word; }
.buy-benefit .view-wrap .layer-view .fc-red { color:#ff0000; }
.buy-benefit .view-wrap .layer-view ul.list {margin-top:5px;}
.buy-benefit .view-wrap .layer-view ul.list li { list-style-type:none; }
.buy-benefit .view-wrap .layer-view ul.list li.layer-info { list-style-type:none; border-top:1px solid #ccc; padding-top:5px; margin-top:5px; color:#585858; font-weight:normal; }
.buy-benefit .view-wrap .btn-close { position:absolute; right:7px; top:6px; }

/* 스마트쿠폰 팝업 */
.listCoupon { position:relative; }
.btn-coupon { display:inline-block; height:16px; padding:0; margin-left:5px; border:1px solid #000; font-size:10px; }
.btn-coupon span { display:inline-block; height:16px; padding:0 5px; color:#fff; background:#000; vertical-align:top; font-size:11px; }
.btn-coupon em { display:inline-block; height:16px; padding:0 3px 0 0; font-size:10px; vertical-align:top; color:#000; }

/* 스마트 쿠폰 목록 */
.shopdetailCoupon .smart-coupon-list li {position:relative; margin:14px; border:1px solid #cecece; border-radius:10px; letter-spacing:-1px; overflow:hidden;}
.shopdetailCoupon .smart-coupon-list li .c-info { width:82%; padding:20px; border-right: 1px dashed #cecece; box-sizing: border-box;}
.shopdetailCoupon .smart-coupon-list li .c-image img { width:100%; height:128px;}
.shopdetailCoupon .smart-coupon-list li p { padding-bottom:10px; line-height:18px; font-size:13px; color:#999; word-break:break-all; font-family:"Malgun Gothic"; }
.shopdetailCoupon .smart-coupon-list li p:last-child {padding-bottom:0;}
.shopdetailCoupon .smart-coupon-list li p.c-name { font-size:14px; color:#000; font-weight:bold; word-break: break-all; }
.shopdetailCoupon .smart-coupon-list li p.c-price {font-size:22px; color:#ff3a34; font-weight:bold;}
.shopdetailCoupon .smart-coupon-list li .btn-down {position:absolute; top:0; right:0; width:18%; height:100%; background:#f8f8f8; text-align:center; box-sizing: border-box;} 
.shopdetailCoupon .smart-coupon-list li .btn-down span {position:absolute; right:0; top:50%; width:100%; margin-top:-22px; height:44px; font-size:12px; display:flex; word-break:break-all; flex-wrap:wrap; align-items:center; justify-content:center;  }
.shopdetailCoupon .smart-coupon-list li .btn-down span {color:#999;}
.shopdetailCoupon .smart-coupon-list li .btn-down span a { font-size:0; text-indent:-9999px; display:inline-block; width:22px; height:22px; background:url('/images/common/ico_h11_down_black_l.png') no-repeat center center; }
.shopdetailCoupon .smart-coupon-list li.sc-style1.sc-reserve p.c-price {color:#3b6ce9;}
.shopdetailCoupon .smart-coupon-list li.sc-style2 {border:1px solid #fff;}
.shopdetailCoupon .smart-coupon-list li.sc-style2 .c-info { background:#171940; border-color:#171940; }
.shopdetailCoupon .smart-coupon-list li.sc-style2 p { color:#fff; }
.shopdetailCoupon .smart-coupon-list li.sc-style2 p.c-txt { color:#999; }
.shopdetailCoupon .smart-coupon-list li.sc-style2 .btn-down { background:#ff3a34; border:0; color:#fff; }
.shopdetailCoupon .smart-coupon-list li.sc-style2 .btn-down a { background:url('/images/common/ico_h11_down_white_l.png') no-repeat center right; }
.shopdetailCoupon .smart-coupon-list li.sc-style2 .btn-down span { color:#fff; }
.shopdetailCoupon .smart-coupon-list li.sc-style2.sc-reserve .btn-down { background:#3b6ce9; color:#fff; }
.shopdetailCoupon .smart-coupon-list li.sc-style3 { border:0; border-radius:0;}
.shopdetailCoupon .smart-coupon-list li.sc-style3 .c-info { border:1px solid #000; border-right:2px dotted #272a4d; border-radius:10px; }
.shopdetailCoupon .smart-coupon-list li.sc-style3 p.c-price { color:#eb3697;}
.shopdetailCoupon .smart-coupon-list li.sc-style3 .btn-down { background:#fff2f9 ; border:1px solid #272a4d; border-left:0; border-radius:10px;}
.shopdetailCoupon .smart-coupon-list li.sc-style3 .btn-down a { background:url('/images/common/ico_h11_down_pink_l.png') no-repeat center right; }
.shopdetailCoupon .smart-coupon-list li.sc-style3.sc-reserve p.c-price {color:#18b776;}
.shopdetailCoupon .smart-coupon-list li.sc-style3.sc-reserve .btn-down { background:#eefff7; }
.shopdetailCoupon .smart-coupon-list li.sc-style3.sc-reserve .btn-down span a {color:#000;}
.shopdetailCoupon .smart-coupon-list li.sc-style3.sc-reserve .btn-down a { background:url('/images/common/ico_h11_down_green_l.png') no-repeat center right; }


.shopdetail .shopdetailCoupon {margin-top: 0;border-top: 1px solid #d8d6ca;}
.shopdetail .shopdetailCoupon .shopdetailCouponGet {padding:0 15px;}
.shopdetail .shopdetailCoupon .shopdetailCouponGet .image_src {max-width: 100%; padding-bottom: 5px;}
.shopdetail .shopdetailCoupon .shopdetailCouponGet li dl {height: auto;background:url("/images/d3/m_04/bg_coupon@2x.gif") no-repeat left center;padding:10px 0 10px 92px;border-bottom:1px dashed #cbcbcb;position:relative;background-size: 81px auto;}
.shopdetail .shopdetailCoupon .shopdetailCouponGet li:last-child {border-bottom:0px none;}
.shopdetail .shopdetailCoupon .shopdetailCouponGet .MS_coupon dt {width:82px; position:absolute; top:10px; left:0 ; color:#fff; text-align:center;}
.shopdetail .shopdetailCoupon .shopdetailCouponGet .MS_coupon dt strong {font-weight: normal;}
.shopdetail .shopdetailCoupon .shopdetailCouponGet .MS_coupon h4 {font-weight:bold;}


.ev_banner {margin: 15px 15px 0;}
.ev_banner img {width:100%;}
/* BASIC css end */

