/* BASIC css start */
.page_top { display: none; } 
.shopdetail .shopdetailInfo { padding: 30px 20px 0; } 
.shopdetail .shopdetailInfo .shopdetailInfoTop { margin-bottom: 25px; } 
.shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailInfo_basic { padding-bottom: 27px !important; margin: 0 !important; border-color: #eee; } 
.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: #333333; margin-right: 10px; } 
.shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailInfo_basic h2 { font-size: 18px; color: #222; padding: 0; margin-bottom: 15px; } 
.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 { font-family: 'montserrat', sans-serif; } 
.shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailInfo_basic .price_wrap .price .dc_per { font-size: 17px; color: #3a5f25; 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: 25px 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 .shopdetailInfoCont, .shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailInfoValue .product_desc .shopdetailInfoName { font-size: 13px; color: #555; } 
.option_tk .product-opt { background: transparent; padding: 0 !important; } 
.option_tk .product-opt .shopdetailInfoName { font-size: 13px; } 
#MK_p_total { color: #000; font-family: 'Montserrat', sans-serif; font-size: 18px !important; } 
#MK_innerOptTotal.total_box .txt-won { display: block; font-family: 'Montserrat',sans-serif; font-weight:900; color:#000; float:right; margin:5px 0 0 2px;} 
.shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailButton .shopdetailButtonTop .btn_box { padding: 0 !important; } 
.shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailButton .shopdetailButtonTop .btn_box a.buy { background: #3a5f25; border-color: #3a5f25; border-radius: 12px; } 
.shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailButton .shopdetailButtonTop .btn_box a.cart { color: #3a5f25; border-color: #3a5f25; 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: 10%; height: 45px !important; line-height: 45px !important; border-top: 1px solid #eee; } 
.shopdetail .shopdetailInfo .shopdetailInfoBottom .fixed-btn .btn_wish img { width: 24px; height: 21px; 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: 80%; background: #3a5f25; border-color: #3a5f25; font-size: 16px !important; height: 45px !important; line-height: 45px !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: #f9f9f9; padding: 17px 15px !important; } 
.MK_optAddWrap .MK_inner-opt-cm li .MK_p-name { font-size: 12px !important; color: #666 !important; } 
.MK_optAddWrap .MK_inner-opt-cm li .MK_price { font-size: 14px; color: #666; } 
.MK_optAddWrap .MK_inner-opt-cm li .MK_btn-del { top: 19px; right: 15px; bottom: auto; } 
.MK_optAddWrap .MK_inner-opt-cm li .MK_qty-ctrl input { border-color: #eee; } 
.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; } 
.option_tk .add-opt_item .shopdetailInfoCont select { border-radius: 9px; border-color: #ddd; } 
.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: #3a5f25; border-color: #3a5f25; font-size: 16px !important; height: 45px !important; line-height: 45px !important; } 
body.fixed .shopdetail .shopdetailInfo .shopdetailInfoBottom .option_area_bg { z-index:99 !important; } 

/* 게시글 */
#tabs { margin: 5px; border: 1px solid #bbb; 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 #464646; padding:10px; } 
#tabs .util a { border: 1px solid #424242; display: inline-block; height: 30px; line-height: 30px; border-radius: 3px; width: 100%; text-align: center; } 
#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; border-bottom: 1px solid #bebebe; 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 { display: none; padding-top: 5px; border-top: 1px dotted rgb(190, 190, 190); background-color: #f9f9f9; 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 !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: 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; } 

/* 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; } 

/* 페이지네이션 */
.paging { position: relative; text-align: center; margin-top: 15px; } 
.paging a.next,
.paging a.prev { width: 30px; height: 25px; line-height: 23px; border: 1px solid #8C8C8C; background-color: #F1F1F1; color: #000; } 
.paging strong { font-weight: bold; color: #000; text-align: center; display: inline-block; width: 25px; height: 25px; line-height: 23px; border: 1px solid #111; font-size: .75em; background-color: #fff; margin: 0 2px; } 
.paging a { text-align: center; display: inline-block; width: 25px; height: 25px; line-height: 23px; color: #727a8b; border: 1px solid #CECECE; font-size: .75em; font-weight: 700; background-color: #fff; margin: 0 2px; } 
.paging .now { font-weight: bold; color: #000; text-align: center; display: inline-block; width: 25px; height: 25px; line-height: 23px; border: 1px solid #111; font-size: .75em; background-color: #fff; margin: 0 2px; } 


/* 신고기능 */
.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; font-family:"Malgun Gothic"; } 
.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 { *zoom:1; display: flex; justify-content: space-between; align-items: center; padding: 15px 20px; border-top: 1px solid #eee; border-bottom: 1px solid #eee; box-sizing: border-box; font-size: 16px; color: #222; } 
.detailTab ul li { font-size: 14px; font-weight: bold; } 
.detailTab ul li img { cursor:pointer; } 

/* 각 영역 */
.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; } 

.shopdetail .prd-detail{
    height:800px;
    overflow:hidden;
}

.shopdetail .detail_cont .moreViewDetail{
    display:block;
    width:calc(58% - 51px);
    margin:20px auto 20px;
    font-size:1rem;
    color:#3a5f25;
    font-weight:700;
    text-align:center;
    line-height:50px;
    border-radius:30px;
    border:1px solid #3a5f25;
    background:#fff;
    box-shadow:0 5px 14px rgb(0 0 0 / 10%);
}

/* 관련상품 */
.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; } 

/* 오늘출발 상품 */
.shopdetail .today-delivery { display:flex; align-items:center; margin:0 0 15px; padding:20px; 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; }
.shopdetail .today-delivery .txt p { padding-top:5px; }





.detail_cont img {width:100%}

/* 셀렉트 */
#mPowerreview .photo-odr .odr {
    width : 100%
}


/* 쿠폰 */
.btn-coupon {
display: inline-block;
    height: 16px;
    padding: 0;
    border: 1px solid #000;
    font-size: 10px;
    margin-right : 5px;
}

.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;
}
/* BASIC css end */

