/* BASIC css start */
.page_top { display: none; }
.item-wrap .item-cont { padding:0; }
.item-wrap .item-cont .item-list .thumb { border:1px solid #eee; }
.item-wrap .item-cont .item-list .prd-info { display:none; }
.table-slide { margin:0 20px; border-top: 1px solid #000}
.table-slide table { width:100%; }
.table-slide thead th {
    padding: 15px 0;
    font-size: 13px;
    border-bottom: 1px solid #e9e9e9;
    font-weight: normal;
    font-family: Verdana
}
.table-slide td {
    padding: 15px 0;
    background: url(//image.makeshop.co.kr/makeshop/d3/basic_simple/common/board_dot.gif) repeat-x 0 bottom;
}
.table-slide .tb-center { text-align:center; }
.table-slide .tb-left { text-align:left; padding:0 15px; }
.shopdetail .shopdetailInfo .shopdetailInfoWrap .shopdetailInfoTop { margin-bottom:0; }
.shopdetail .shopdetailInfo .shopdetailInfoWrap .shopdetailInfoValue .shopdetailInfoprdName { font-size:13px !important; margin-bottom:5px; }
.shopdetail .shopdetailInfo .shopdetailInfoWrap .shopdetailInfoValue .shopdetailInfoSelect { margin-top:5px; }
.shopdetail .shopdetailInfo .shopdetailInfoWrap .shopdetailInfoValue .shopdetailInfoSelect select { font-size:13px; }
.product_desc .add { text-decoration:underline; position:absolute; right:0; bottom:0; }
.product_desc .add-popup { background:#fff; position:absolute; right:0; top:25px; z-index:10; padding:20px; font-weight:500; font-size:11px; border:1px solid #ddd; text-align:left; display: none; }
.product_desc .add-popup .btn-close { position:absolute; right:15px; top:12px; }
.product_desc .add-popup p { color:#333; margin-bottom:5px; }
.product_desc .add-popup ul li { padding-left:10px; position:relative; color:#777; line-height:18px; }
.product_desc .add-popup ul li:before { content:''; display:block; width:2px; height:2px; background:#999; position:absolute; left:2px; top:8px; }
.add-popup.active { display: block; }
#extraToggleRow { text-align: center; margin-bottom:30px; }
#extraToggleRow button { margin: 15px 0;
    background-color: #f8f8f8;
    border: 1px solid #ccc;
    padding: 8px 16px;
    font-size: 14px;
    color: #333;
    cursor: pointer;
    border-radius: 4px; transition: background-color 0.2s ease, border-color 0.2s ease;
    display: inline-flex;
    align-items: center;
    gap: 6px;}
.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 { display:none; font-size: 11px; font-weight: bold; color: #eb9595; font-style: italic; margin-right: 10px; } 
.shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailInfo_basic h2 { font-size: 17px !important; line-height:21px !important; color: #222; padding: 0; margin-bottom: 13px !important; } 
.shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailInfo_basic .sub_name { font-size: 13px !important; color: #aaa; margin-bottom: 13px; } 
.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: #fe4e4e; font-weight: bold; margin-left: 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; font-weight:500; 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: 15px 0 !important; } 
.shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailInfoValue .product_desc .shopdetailInfoName { font-weight: 500; } 
.shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailInfoValue .product_desc .shopdetailInfoCont, .shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailInfoValue .product_desc .shopdetailInfoName { font-size: 13px !important; position:relative; } 
.option_tk .product-opt { background: transparent; padding: 0 !important; } 
.option_tk .product-opt .shopdetailInfoName { font-size: 13px; } 
#MK_p_total { font-size: 18px !important; font-weight: 700 !important; } 

.shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailButton .shopdetailButtonTop .btn_box { padding: 0 !important; } 
.shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailButton .shopdetailButtonTop .btn_box a.buy { background: #555; border-color: #555; border-radius: 8px; } 
.shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailButton .shopdetailButtonTop .btn_box a.cart { color: #555; border-color: #555; border-radius: 8px; } 
.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: 12%; 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: 12%; 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: 76%; background: #fe4e4e; border-color: #fe4e4e; 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-top:10px; } 
.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: 13px; }
.MK_optAddWrap .MK_inner-opt-cm li .MK_price span { font-size:14px !important; }
.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 20px !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: 12%; text-align: center; } 
.buy_active .btn_cart { width: 12%; text-align: center; } 
.buy_active .btn_cart img { width: 17px; } 
.buy_active .btn_basic { width: 76%; background: #fe4e4e; border-color: #fe4e4e; 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 20px; 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; vertical-align:middle; } 
.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%; } 
#detailDownload { margin-bottom:60px; } 

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

/* 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: 15px; } 
.area3_wrap .swiper-container { padding: 0; } 
.area3_wrap .swiper-container .swiper-wrapper { padding:0 14px; } 


/* BASIC css end */