/* BASIC css start */
.shopdetail,
.shopdetail *{
    font-family:'Jost',"pretendard", sans-serif !important;
}

.shopdetailItem{padding: 0 20px;}

.bottomFIxedBar{display:none;}

.page_top { display: none; } 
.shopdetail .shopdetailInfoTop { margin:0 0 25px; } 
.shopdetail .shopdetailInfo { padding: 0 20px; } 

/* 상단 섬네일, 상품 옵션 정보 */
.shopdetail .thumb-info { *zoom:1 }
.shopdetail .thumb-info:after { content: ""; display: block; clear: both; }
/* 섬네일 */
.shopdetail .thumb-info .thumb { margin:0 auto; width:100% }
.shopdetail .thumb-info .thumb img { width: 100%;}
.shopdetail .thumb-info .thumb-wrap {float: left;width:100%;text-align: center;position: relative;padding-bottom: 29px;}
.shopdetail .thumb-info .thumb-wrap img{width:100%;}
.shopdetail .thumb-info .thumb-ctrl { clear: both; padding-top: 20px; text-align: center; }
.shopdetail .thumb-info .thumb-ctrl a { font-size: 11px; }
.shopdetail .thumb-info .thumb-ctrl a img { vertical-align: middle; margin-right: 3px; width:100%;}
.shopdetail .thumb-info .thumb-ctrl a:hover { text-decoration: underline; }

.shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailInfo_basic.infoBottomCon { padding:0; margin: 0; border:0; } 
.shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailInfo_basic .prd-icons { margin-bottom:18px; } 
.shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailInfo_basic .prd-icons p { display: flex; justify-content: flex-start; align-items: center; } 
.shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailInfo_basic .prd-icons p .brand { font-size: 11px; font-weight: bold; color: #eb9595; font-style: italic; margin-right: 10px; } 
.shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailInfo_basic .brand{margin-bottom:10px; color: #000; font-size: 14px; font-weight: 600; line-height:17px; text-decoration: underline;}
.shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailInfo_basic h2.goodsName { padding:0 0 16px; font-size: 20px; font-weight: 400;line-height: 28px; border-bottom:1px solid #ddd; } 
.shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailInfo_basic .sub_name { font-size: 13px; color: #aaa; margin-bottom: 20px; } 
.shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailInfo_basic .price_wrap { display: flex; justify-content: space-between; align-items: center; } 
.shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailInfo_basic .price_wrap .price { } 
.shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailInfo_basic .price_wrap .price .dc_per { font-size: 17px; color: #eb9595; font-weight: bold; margin-right: 5px; } 
.shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailInfo_basic .price_wrap .price .normal { font-size: 17px; color: #000; font-weight: bold; margin-right: 5px; } 
.shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailInfo_basic .price_wrap .price .consumer { font-size: 13px; color: #bbb; text-decoration: line-through; } 
.shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailInfo_basic .price_wrap a span em { display: inline-block; width: 23px; height: 19px; margin-right: 2px; vertical-align: baseline; background-size: contain; } 
.shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailInfoValue { padding: 16px 0 !important; } 
.shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailInfoValue p.tit_benefit { font-size: 13px; font-weight: bold; color: #222; margin-bottom: 14px; } 
.shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailInfoValue .product_desc{padding:3px 0 !important;}
.shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailInfoValue .product_desc span.shopdetailInfoCont,
.shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailInfoValue .product_desc span.shopdetailInfoName { font-size: 13px; color: #000; line-height:20px; } 
.shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailInfoValue .product_desc span.shopdetailInfoName{color:#8d8d8d}
.option_tk .product-opt { background: transparent; padding: 0 !important; } 
.option_tk .product-opt .shopdetailInfoName { font-size: 13px; } 

.shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailButton .shopdetailButtonTop .btn_box { padding: 0 !important; } 
.shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailButton .shopdetailButtonTop .btn_box a.buy { background: #eb9595; border-color: #eb9595; border-radius: 12px; } 
.shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailButton .shopdetailButtonTop .btn_box a.cart { color: #eb9595; border-color: #eb9595; border-radius: 12px; } 
.shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailButton { padding-bottom: 60px; } 
.shopdetail .shopdetailInfo .shopdetailInfoBottom .fixed-btn.fixed { display: flex !important; justify-content: space-between; align-items: center; background: #fff; } 
.shopdetail .shopdetailInfo .shopdetailInfoBottom .option_area.fixed { z-index: 9999999 !important; } 
.shopdetail .shopdetailInfo .shopdetailInfoBottom .fixed-btn .btn_wish { width: 56px; height: 55px !important; line-height: 55px !important; text-align:center; border-top: 1px solid #ddd; } 
.shopdetail .shopdetailInfo .shopdetailInfoBottom .fixed-btn .btn_wish img {  vertical-align: middle; } 
.shopdetail .shopdetailInfo .shopdetailInfoBottom .fixed-btn .btn_cart { width: 10%; height: 45px !important; line-height: 45px !important; border-top: 1px solid #eee; } 
.shopdetail .shopdetailInfo .shopdetailInfoBottom .fixed-btn .btn_cart img { width: 17px; vertical-align: middle; } 
.shopdetail .shopdetailInfo .shopdetailInfoBottom .fixed-btn .btn_basic { 
    width: calc(100% - 56px);
    background: #000;
    border: none;
    border-top: 1px solid #000;
    font-size: 16px !important;
    font-weight: 600;
    height: 56px !important;
    line-height: 55px !important;
} 
.shopdetail .shopdetailInfo .shopdetailInfoBottom .option_area.fixed .option_tk { padding: 20px 20px 0 !important; box-sizing: border-box; } 
.shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailInfoSelect .opt-com { margin-bottom: 15px; } 
.MK_optAddWrap .MK_inner-opt-cm { padding: 0 !important; } 
.MK_optAddWrap .MK_inner-opt-cm li { background: #f6f6f6 !important; padding: 12px !important; margin-top:10px !important; } 
.MK_optAddWrap .MK_inner-opt-cm li .MK_p-name { margin-bottom:10px !important; font-size: 14px !important; color: #000 !important; } 
.MK_optAddWrap .MK_inner-opt-cm li .MK_price { 
    color: #000 !important;
    font-size: 13px !important;
    font-weight: 500 !important;
    line-height: 32px !important; 
    height: 32px !important; 
}
.MK_optAddWrap .MK_inner-opt-cm li .MK_price span{
    font-size:16px !important;
}

.MK_optAddWrap .MK_inner-opt-cm li .MK_btn-del { 
    top: 12px !important;
    right: 7px !important;
    bottom: auto !important;
    background-image: url(/design/yp3535/renew2023/mo/img/ic_product_cancel_goods.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 10px;
}
.MK_optAddWrap .MK_inner-opt-cm li .MK_btn-del:before{display:none !imporant;}
.MK_optAddWrap .MK_inner-opt-cm li .MK_qty-ctrl{
    width:94px !important;
    height: 32px !important;
    border: 1px solid #ddd !important;
}
.MK_optAddWrap .MK_inner-opt-cm li .MK_qty-ctrl input {
    height: 32px !important;
    width: 32px !important;
    margin: 0 31px !important;
    
    color: #000;
    font-size: 13px !important;
    font-weight: 500;
}

.MK_optAddWrap .MK_inner-opt-cm li .MK_qty-ctrl a{
    width: 30px !important;
    height: 31px !important;
    background-size:auto !important;
}

.MK_optAddWrap .MK_inner-opt-cm li .MK_qty-ctrl a:nth-last-of-type(2){
    background-image: url(/design/yp3535/renew2023/pc/img/ic_amount_plus.svg) !important;
}

.MK_optAddWrap .MK_inner-opt-cm li .MK_qty-ctrl a:nth-last-of-type(1){
    background-image: url(/design/yp3535/renew2023/pc/img/ic_amount_minus.svg) !important;
}


.MK_optAddWrap .MK_inner-opt-cm li .MK_qty-ctrl { border-color: #eee; } 
#MK_innerOptTotal.total_box { padding: 15px 0 25px !important; } 
.option_tk .add-opt_item { padding: 0 !important; margin-bottom:14px !important; } 
.option_area.fixed .buy_active { display: flex !important; justify-content: space-between; align-items: center; } 
.buy_active { display: none; background: #fff; border-top: 1px solid #eee; } 
.buy_active .btn_wish { width: 10%; text-align: center; } 
.buy_active .btn_cart { width: 10%; text-align: center; } 
.buy_active .btn_cart img { width: 17px; } 
.buy_active .btn_basic { width: 80%; background: #eb9595; border-color: #eb9595; font-size: 16px !important; height: 45px !important; line-height: 45px !important; } 
body.fixed .shopdetail .shopdetailInfo .shopdetailInfoBottom .option_area_bg { z-index:99 !important; } 

/* 게시글 */
#tabs { padding-bottom: 10px; font-size: 12px; } 
#tabs .shopdetailBoard { overflow: hidden; text-align:center; border-top:1px solid #bbb; border-bottom:1px solid #bbb; background-color: #f8f8f8; padding: 10px 0; margin-bottom: 0; } 
#tabs .shopdetailBoard .tab_on { font-weight: bold; padding: 10px 0; } 
#tabs .util { border-bottom: 1px solid #000; padding:0 0 25px 0; } 
#tabs .util a { border: 1px solid #000; display: block; line-height: 40px; width: 100%; height:42px; text-align: center; font-size:13px; font-weight:600; } 
#tabs .util a.btn_Black{background:#000; margin-bottom:6px; }
#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: #646464; font-size:12px; border-bottom: 1px solid #ddd; 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: 11px 0; } 
.list_board ul li dl h4 { margin: 0 0 8px 0; font-size:14px; color:#000; font-weight:500; } 
.list_board ul li dl h4 img{vertical-align:middle; margin-top:-5px; }
.list_board ul li .cont_wrap { display: none; padding:20px; border-top: 1px dotted rgb(190, 190, 190); background-color: #f6f6f6; } 
.list_board ul li .cont_wrap span{color:#000 !important;}
.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 !important; } 
#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: 40px; } 
.list_board input[type="button"] { width: 20%; float: right; height: 40px; border-radius: 0; background-color: #000; color: #fff; border: 1px solid #000; box-sizing: border-box; } 


/* 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 !important; border-radius:3px !important; -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 !important; border-radius:3px !important; -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; } 


/* 신고기능 */
.info .btn-member-declare { display:inline-block; width:14px; height:17px; margin:-4px 0 0 2px; text-indent:-9999px; background:url(/images/d3/modern_simple/btn_declare_icon_2x.png) 0 0 no-repeat; background-size:14px 17px; } 
.cnt-btn-block { overflow: hidden; } 
.cnt-btn-block .btn-report { float: right; display:inline-block; color:#9d9d9d; font-size:11px; z-index:1; } 


/* 상품 상세 이벤트 공통 정보 */ 
.detail-common-info-event { width:100%; padding-top:20px; word-break: break-all; } 
.detail-common-info-event img { max-width: 100%; } 
.detail-common-info-event div { margin-top:15px; } 

/* 상품 상세 일반 공통 정보 */
.detail-common-info { width:100%; padding: 0 14px; word-break: break-all; } 
.detail-common-info dl { padding-top:20px; font-size:12px; font-weight:normal; letter-spacing:-0.5px; } 
.detail-common-info dl dt { padding-bottom:10px; color:#444; font-weight:bold; } 
.detail-common-info dl dd { padding-left:10px; text-indent:-10px; color:#777; line-height:20px; } 
.detail-common-info div { margin-top:15px; } 


/* 상품 일반정보(상품정보제공 고시) */
#productWrap { margin:30px auto; padding: 0 14px; width:100%; box-sizing: border-box; } 
#productWrap h3.tb-tit { margin-bottom: 10px; text-align: left; } 
#productWrap table { width: 100%; font-size: 13px; border-collapse: collapse; border-width: 1px; border-color: #d6d6d6; border-style: solid; table-layout: fixed; margin-bottom:20px; } 
#productWrap table th { border-right: 1px solid #e8e8e8; border-bottom: 1px solid #e8e8e8; color: #5c5c5c; text-align: left; font-weight:normal; padding: 10px 0 10px 20px; } 
#productWrap table td { color: #8b8b8b; border-bottom: 1px solid #e8e8e8; word-break: break-all; text-align: left; padding: 10px 0 10px 20px; } 

/* 쿠폰 */
.shopdetailCoupon { margin-top:15px; } 
.shopdetailCoupon .shopdetailCouponGet { padding:0 15px; } 
.shopdetailCoupon .shopdetailCouponGet .image_src { max-width: 100%; padding-bottom: 5px; } 
.shopdetailCoupon .shopdetailCouponGet li dl { height:34px; 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; } 
.shopdetailCoupon .shopdetailCouponGet li:last-child { border-bottom:0px none; } 
.shopdetailCoupon .shopdetailCouponGet .MS_coupon dt { width:82px; position:absolute; top:10px; left:0; color:#fff; text-align:center; } 
.shopdetailCoupon .shopdetailCouponGet .MS_coupon dt strong { font-weight: normal; } 
.shopdetailCoupon .shopdetailCouponGet .MS_coupon h4 { font-weight:bold; } 


/* 스마트 쿠폰 목록 */
.smart-coupon-list li { position:relative; margin:14px; border:1px solid #cecece; border-radius:10px; letter-spacing:-1px; overflow:hidden; } 
.smart-coupon-list li .c-info { width:82%; padding:20px; border-right: 1px dashed #cecece; box-sizing: border-box; } 
.smart-coupon-list li .c-image img { width:100%; height:128px; } 
.smart-coupon-list li p { padding-bottom:10px; line-height:18px; font-size:13px; color:#999; word-break:break-all; } 
.smart-coupon-list li p:last-child { padding-bottom:0; } 
.smart-coupon-list li p.c-name { font-size:14px; color:#000; font-weight:bold; word-break: break-all; } 
.smart-coupon-list li p.c-price { font-size:22px; color:#ff3a34; font-weight:bold; } 
.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; } 
.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; } 
.smart-coupon-list li .btn-down span { color:#999; } 
.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; } 
.smart-coupon-list li.sc-style1.sc-reserve p.c-price { color:#3b6ce9; } 
.smart-coupon-list li.sc-style2 { border:1px solid #fff; } 
.smart-coupon-list li.sc-style2 .c-info { background:#171940; border-color:#171940; } 
.smart-coupon-list li.sc-style2 p { color:#fff; } 
.smart-coupon-list li.sc-style2 p.c-txt { color:#999; } 
.smart-coupon-list li.sc-style2 .btn-down { background:#ff3a34; border:0; color:#fff; } 
.smart-coupon-list li.sc-style2 .btn-down a { background:url('/images/common/ico_h11_down_white_l.png') no-repeat center right; } 
.smart-coupon-list li.sc-style2 .btn-down span { color:#fff; } 
.smart-coupon-list li.sc-style2.sc-reserve .btn-down { background:#3b6ce9; color:#fff; } 
.smart-coupon-list li.sc-style3 { border:0; border-radius:0; } 
.smart-coupon-list li.sc-style3 .c-info { border:1px solid #000; border-right:2px dotted #272a4d; border-radius:10px; } 
.smart-coupon-list li.sc-style3 p.c-price { color:#eb3697; } 
.smart-coupon-list li.sc-style3 .btn-down { background:#fff2f9; border:1px solid #272a4d; border-left:0; border-radius:10px; } 
.smart-coupon-list li.sc-style3 .btn-down a { background:url('/images/common/ico_h11_down_pink_l.png') no-repeat center right; } 
.smart-coupon-list li.sc-style3.sc-reserve p.c-price { color:#18b776; } 
.smart-coupon-list li.sc-style3.sc-reserve .btn-down { background:#eefff7; } 
.smart-coupon-list li.sc-style3.sc-reserve .btn-down span a { color:#000; } 
.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; } 

/* 상품정보 탭 */
.detailTab { position:relative } 
.detailTab ul { display: flex; justify-content: space-between; align-items: center; padding: 0; border-bottom: 1px solid #ddd; box-sizing: border-box; } 
.detailTab ul li { color: #000; font-size: 15px; font-weight: 600; line-height: 42px;} 
.detailTab ul li img { vertical-align:middle; } 

/* 각 영역 */
.detail_cont_wrap { margin-top:-1px; } 
.detail_cont_wrap .detailTab { cursor:pointer; } 
.detail_cont_wrap .detailTab ul li img { transition: all ease 0.3s; } 
.detail_cont_wrap.active .detailTab ul li img { transform: rotate( 180deg ); } 
.detail_cont_wrap .detail_cont { display: none; padding: 14px 0; } 
.detail_cont_wrap.active .detail_cont { display: block; } 
.detail_cont_wrap .detail_cont .prd-detail img { max-width:100%; } 
#detailRelation { margin-bottom:60px; } 

#detailRelatedGoods{
    margin-top:64px;
}
#detailRelatedGoods.detail_cont_wrap .detail_cont{
    padding:24px 0 0;
}

#detailGoodsInfo .detail_cont{
    padding-bottom:50px;
}

#detailGoodsInfo .detail_cont iframe{
    width: 100% !important;
}

/* 관련상품 */
.cateTit { text-align: left; margin-bottom: 25px; padding: 0 14px; } 
.cateTit h3 { font-size: 17px; } 

/* swiper */
.swiper-button-prev { right: 35px !important; left: auto !important; } 
.swiper-button-next { right:0; } 
.swiper-button-next:after, .swiper-button-prev:after { content:unset !important; } 
.swiper-button-prev img,
.swiper-button-next img { width:26px; } 
.area3_wrap { width: 100%; margin-bottom: 0; } 
.area3_wrap .swiper-container { padding: 0; } 
.area3_wrap .swiper-container .swiper-wrapper { padding:0 14px; } 

.thumbSlideWrap{
    margin:0 -20px;
}

.thumbSlide {
    width: 100%;
    overflow: hidden;
}

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

.dotSwiper .swiper-slide {opacity:0.4;}
.dotSwiper .swiper-slide.swiper-slide-thumb-active {opacity:1;}

.dotSwiper .swiper-slide img {
    width: 100%;
}
.dotSwiper {
    overflow: hidden;
    margin-top: 12px;
    padding:0 20px;
}

.dotSwiper .swiper-slide{
    width:calc((100% - 20px)/5);
    margin-right:5px;
}

.arrow-box {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    font-size: 0;
}

.arrow-box div {
    margin: 0 18px;
    cursor: pointer;
}

.arrow-box div:hover {
    opacity: 0.85;
}

.swiper-button-next-thumb {
    background: url(/design/yp3535/renew2023/pc/img/detail_arr_r.png) no-repeat;
    width: 6px;
    height: 11px;
    display: inline-block;
}

.swiper-button-prev-thumb {
    background: url(/design/yp3535/renew2023/pc/img/detail_arr_l.png) no-repeat;
    width: 6px;
    height: 11px;
    display: inline-block;
}
/* 판매가격 */
.shopdetail .goodsPriceWrap {position:relative; padding: 13.5px 0; border-bottom: 1px solid #ddd; line-height: 29px;}
.shopdetail .goodsPriceWrap dt{display:none;}
.shopdetail .goodsPriceWrap .sell_price {font-size:20px;color:#000;font-weight:500;}

.shopdetail .goodsPriceWrap .sell_price .price .dc_per {
    display: inline-block;
    vertical-align: middle;
    margin-right: 5px;
    font-size: 20px;
    font-weight: 500;
    color: #EF5859;
}

.shopdetail .goodsPriceWrap .sell_price .price .normal {
    display: inline-block;
    vertical-align: middle;
}

.shopdetail .goodsPriceWrap .sell_price .price .normal .won{
    color: #000;
    font-size: 16px;
    font-weight: 500;
}

.shopdetail .goodsPriceWrap .sell_price .price .consumer {
    display: inline-block;
    vertical-align: middle;
    margin-left: 5px;
    text-decoration: line-through;
    color: #A6A6A6;
    font-size: 15px;
    font-weight: 400;
}

.shopdetail .goodsPriceWrap .linkCopyUrl {
    position: absolute;
    top: 12px;
    right: 0;
}


/*배송 팝업*/
.deliveryInfoPopBtn{
    display: inline-block;
    margin: -3px 0 0 5px;
    width: 68px;
    line-height: 19px;
    color: #8D8D8D;
    font-size: 11px;
    font-weight: 500;
    text-align: center;
    border-radius: 10px;
    border: 1px solid #ddd;
}

.deliveryInfoPopBtn img{
    margin: -3px 0 0 2px;
    vertical-align:middle;
}

.deliveryPopup{
    position:fixed;
    width:85%;
    top:50%;
    left:50%;
    transform:translate(-50%, -50%);
    
    background:#fff;
    z-index:99999;
    box-shadow:4px 4px 10px rgba(0, 0, 0, 0.15);
}

.deliveryPopup .popupHead{
    position:relative;
    padding:15px 20px;
    line-height:23px;
    border-bottom:1px solid #ddd;
}

.deliveryPopup .popupHead strong{
    color: #000;
    font-size: 15px;
    font-weight: 500;
}

.deliveryPopup .popupHead a{
    position: absolute;
    top: 10px;
    right: 10px;
    padding: 10px;
    width: 13px;
    height: 13px;
    text-align: center;
    line-height: 13px;
}

.deliveryPopup .popupBody{
    max-height:500px;
    overflow:auto;
}

.deliveryPopup .popupBody tr{
    border-bottom:1px solid #ddd;
}

.deliveryPopup .popupBody tr th{
    width: 60%;
    padding: 10px 17px;
    color: #000;
    font-size: 13px;
    font-weight: 400;
    line-height: 20px;
    text-align:left;
    letter-spacing: -0.52px;
    background: #F6F6F6;
    box-sizing: border-box;
}

.deliveryPopup .popupBody tr td{
    width: 40%;
    padding: 10px 10px;
    color: #000;
    font-size: 13px;
    font-weight: 600;
    line-height: 20px;
    text-align: right;
    box-sizing: border-box;
}

/*sns 팝업*/
.sharePopWrap .popupCon{
    position:fixed;
    width:85%;
    top:50%;
    left:50%;
    transform:translate(-50%, -50%);
    
    background:#fff;
    z-index:99999;
    box-shadow:4px 4px 10px rgba(0, 0, 0, 0.15);
}

.sharePopWrap .popupCon .sharePopHeader{
    position:relative;
    padding:15px 20px;
    line-height:23px;
}

.sharePopWrap .popupCon .sharePopHeader strong{
    color: #000;
    font-size: 15px;
    font-weight: 500;
}

.sharePopWrap .popupCon .sharePopHeader a{
    position: absolute;
    top: 10px;
    right: 10px;
    padding: 10px;
    width: 13px;
    height: 13px;
    text-align: center;
    line-height: 13px;
}

.sharePopWrap .popupCon .sharePopBody{
    padding:28px 40px 34px;
}

.sharePopWrap .popupCon .sharePopBody ul{
    text-align:center;
}

.sharePopWrap .popupCon .sharePopBody ul li{
    display:inline-block;
    width:70px;
    margin-bottom:30px;
}

.sharePopWrap .popupCon .sharePopBody ul li:last-child{
    margin-right:0;
}

.sharePopWrap .popupCon .sharePopBody ul li a img{
    display:inline-block;
    margin-bottom:10px;
    width:50px;
}

.sharePopWrap .popupCon .sharePopBody ul li span{
    display:block;
    color: #000;
    font-size: 12px;
    font-weight: 400;
    line-height:17px;
}




/*팝업 동작 관련*/
#mask{
    display:none;
    position:fixed;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background:rgba(0,0,0,0.4);
    z-index:99998;
}

.popupCon{
    display:none;
}

.buyOptionWrap,
.buyOptionWrap *{
    box-sizing:border-box;
}

.buyOptionWrap{
    position: fixed;
    bottom: -100%;
    left: 0;
    max-height: 70%;
    width: 100%;
    overflow: auto;
    padding: 30px 20px 76px;
    background: #fff;
    border-top: 1px solid #000;
    transition:all 0.3s;
    z-index: 999;
}

.buyOptionWrap.on{
    bottom:0;
}

.buyOptionWrap #MK_innerOptTotal{
    padding:10px 0 12px !important;
}

.buyOptionWrap #MK_innerOptTotal dl dt{
    font-size: 15px;
    font-weight: 500;
    line-height: 32px;
    letter-spacing: -0.6px;
}

.buyOptionWrap #MK_innerOptTotal dl dd strong#MK_p_total{
    color: #000;
    font-size: 22px;
    font-weight: 500;
    line-height: 32px;
}

.buyOptionWrap #MK_innerOptTotal dl dd span.txt-won{
    color: #000;
    font-size: 18px;
    font-weight: 500;
    vertical-align: baseline;
}

.easyPayWrap{
    text-align:center;
}

.easyPayWrap #kakaopay_order_btn{
    padding-top:0;
}

.shopdetail .shopdetailInfo .shopdetailInfoBottom .buyOptionWrap .option_tk .add-opt_item .shopdetailInfoCont,
.shopdetail .shopdetailInfo .shopdetailInfoBottom .buyOptionWrap .option_tk .add-opt_item .shopdetailInfoName{
    line-height:40px;
    color: #8D8D8D;
    font-size: 13px;
    font-weight: 400;
}

.shopdetail .shopdetailInfo .shopdetailInfoBottom .buyOptionWrap .option_tk .add-opt_item .shopdetailInfoName{
    width:80px;
}

.shopdetail .shopdetailInfo .shopdetailInfoBottom .buyOptionWrap .option_tk .add-opt_item .shopdetailInfoCont{
    width:calc(100% - 80px);
}

.shopdetail .shopdetailInfo .shopdetailInfoBottom .buyOptionWrap .option_tk .add-opt_item .shopdetailInfoCont select { 
    display: block; 
    width: 100%;
    height: 40px;
    border: 1px solid #ddd;
    font-size:13px;
    color: #000;
    
    padding: 0 35px 0 10px;
    background: url(/design/yp3535/renew2023/pc/img/ic_filter_drop_arrow.svg) white right 12px center no-repeat;  
} 

.shopdetail .shopdetailInfo .shopdetailInfoBottom .buyOptionWrap .shopdetailButton{
    padding-bottom:0;
}

.shopdetail .shopdetailInfo .shopdetailInfoBottom .buyOptionWrap .shopdetailButton .shopdetailButtonTop{
    position:fixed;
    width:100%;
    bottom:-100%;
    left:0;
    transition:all 0.3s;
    z-index:1000;
}

.shopdetail .shopdetailInfo .shopdetailInfoBottom .buyOptionWrap.on .shopdetailButton .shopdetailButtonTop{
    bottom:0;
}

.shopdetail .shopdetailInfo .shopdetailInfoBottom .buyOptionWrap .shopdetailButton .shopdetailButtonTop .btn_box a.btn_50{
    display: inline-block;
    width: 50%;
    margin: 0;
    padding: 0;
    line-height: 55px;
    color: #000;
    text-align: center;
    font-size: 16px;
    font-weight: 600;
    border-radius: 0;
    border: none;
    border-top: 1px solid #ddd;
}

.shopdetail .shopdetailInfo .shopdetailInfoBottom .buyOptionWrap .shopdetailButton .shopdetailButtonTop .btn_box a.buy{
    background:#000;
    color:#fff;
    border-top: 1px solid #000;
}

.shopdetail .shopdetailInfo .shopdetailInfoBottom .buyOptionWrap .closeBuyOption{
    position: absolute;
    padding: 10px;
    top: -4px;
    left: 50%;
    transform: translateX(-50%);
    line-height: 5px;
}

/*열어본 상품*/
.recentlyViewWrap {
    margin:12px 17px 14px;
    padding: 13px 0;
    border: 1px solid #ddd;
}

.recentlyViewWrap dt{
    margin-bottom:8px;
    color: #000;
    text-align: center;
    font-size: 12px;
    font-weight: 500;
}

.recentlyViewWrap dd{
    position:relative;
    padding:0 40px;
}

.recentlyViewWrap dd ul li{
    width:96px;
    margin-right:6px;
}

.recentlyViewWrap dd ul li img{
    width:100%;
}

.recentlyViewWrap dd .recent-goods-next{
    position: absolute;
    top:50%;
    transform:translateY(-50%);
    right:-20px;
    cursor:pointer;
}

.recentlyViewWrap dd .recent-goods-prev{
    position: absolute;
    top:50%;
    transform:translateY(-50%);
    left: -20px;
    cursor:pointer;
}


/*연관상품 리스트*/
.relatedGoodsListWrap{
    position:relative;
    padding:0 0 76px;
}

.relatedtGoodsListWrap .goodsList .goods .goodsImg{
    position:relative;
}

.relatedGoodsListWrap .related-goods-pagination.swiper-pagination-progressbar.swiper-pagination-horizontal{
    top: auto;
    bottom: 48px;
    left: 0;
    background: rgba(0,0,0,0.15);
}

.relatedGoodsListWrap .related-goods-pagination .swiper-pagination-progressbar-fill{
    background:#000;
}

/*상품 일반정보*/
.infoArea{
    border-top:1px solid #ddd;
    border-bottom:1px solid #ddd;
}

.infoArea table th{
    padding:7px 9px 7px 20px;
    
    color: #000;
    font-size: 11px;
    font-weight: 500;
    line-height: 16px;
    letter-spacing: -0.44px;
    text-align:left;
    vertical-align:top;
    background:#f6f6f6;
}

.infoArea table tr:nth-child(1) th,
.infoArea table tr:nth-child(1) td{
    padding-top:20px;
}

.infoArea table tr:last-child th,
.infoArea table tr:last-child td{
    padding-bottom:20px;
}

.infoArea table tr td{
    width:calc(100% - 134px);
    padding:7px 0 7px 21px;
    
    color: #000;
    font-size: 11px;
    font-weight: 400;
    line-height: 20px;
}







/* BASIC css end */