/* BASIC css start */
@import url(//skin.makeshop.co.kr/skin/ms_basic_mobile/custom/contents_common_min.css);

.shopdetail .product_detail_outer { border-top:5px solid #f7f7f7 } 
.shopdetail .product_detail_outer:after { display:table; width:100%; content:"" } 
.shopdetail .shopdetailInfo { position:relative; } 
.shopdetail .shopdetailBoard { width:100%; display:table; text-align:center; padding:0 15px 0 5px; box-sizing:border-box; table-layout:fixed } 
.shopdetail .shopdetailBoard li { display:table-cell; vertical-align:middle; padding:10px 0 10px 10px } 
.shopdetail .shopdetailBoard li a { display:inline-block; width:100%; padding:5px 0 } 
.shopdetail .shopdetailItem section { } 
.shopdetail .shopdetailItem .detail_item_nav { border-bottom:1px solid #e5e5e5 } 
.shopdetail .shopdetailItem .detail_item_nav ul { display: flex; justify-content: space-around; align-items: flex-end; } 
.shopdetail .shopdetailItem .detail_item_nav ul li { vertical-align:middle; border-bottom:2px solid transparent; color:#878787; text-align:center; font-size:.871rem; padding-bottom: 16px; } 
.shopdetail .shopdetailItem .detail_item_nav ul li.on { font-weight:500; color:#222; border-bottom:2px solid #222 } 
.shopdetail .shopdetailItem .detail_head { padding:10px 15px; overflow:hidden } 
.shopdetail .shopdetailItem .detail_head .btn_toggle { float:right; display:block; padding:5px 10px; border:1px solid #7a7a7a; background-color:#7a7a7a; color:#fff } 
.shopdetail .shopdetailItem .detail_head h3 { float:left; font-weight:500; padding:6px 0 } 
.shopdetail .shopdetailItem .detail_item { padding-bottom:10px } 
.shopdetail .shopdetailItem .detail_head+.detail_item { border-top:1px dotted #dcdcdc; padding-top:10px } 
.shopdetail .shopdetailItem .detail_item.mlr15 { margin-left:15px; margin-right:15px } 
.shopdetail .shopdetailItem .detail_item:after { display:table; width:100%; content:"" } 
.shopdetail .shopdetailItem .detail_item img { max-width:100% } 
.shopdetail .shopdetailItem .shopdetail_Content .detail_item { line-height:150%; font-size:.792rem } 
.shopdetail .shopdetailItem .shopdetail_Content .detail_item { padding: 28px 0 0; text-align: center; } 

.btn_cart.full span { color:#222 !important } 

.shopdetailInfoDelivery { padding:10px 0 !important } 
.option_tk .shopdetailInfoSelect { } 
.option_tk .shopdetailInfoSelect select { font-size:12px; } 
.shopdetailInfoWrap { margin-bottom:10px } 
/* 관련상품 */
.shopdetailRelation {position: relative;padding: 28px 18px;} 
.shopdetailRelation .list_shoppingRelationItem1x { padding: 0 7px; } 
.shopdetailRelation .list_shoppingRelationItem1x ul { width:100%; display:table; table-layout: fixed; box-sizing: border-box; } 
.shopdetailRelation .list_shoppingRelationItem1x li { width:100%; display:inline-block; vertical-align: top; border-top:1px solid #d9d9d9; padding:18px 0; } 
.shopdetailRelation .list_shoppingRelationItem1x li figure { padding:0 7px; } 
.shopdetailRelation .list_shoppingRelationItem1x li:first-child { border:0px none; } 
.shopdetailRelation .list_shoppingRelationItem1x li img.listPic { width:40%; float:left; } 
.shopdetailRelation .list_shoppingRelationItem1x .list_shoppingInfo { width:57%; float:left; padding-left:3%; position: relative; } 
.shopdetailRelation .list_shoppingRelationItem1x .list_shoppingInfo .listName { border-bottom: 1px solid #dedede; padding: 0 15px 2px 0; margin-bottom: 5px; } 
.shopdetailRelation .list_shoppingRelationItem1x .list_shoppingInfo .options-select { width:100%; } 
.shopdetailRelation .list_shoppingRelationItem1x .MS_related_checkbox { position:absolute; top:0; right:0; } 
.shopdetailRelation .list_shoppingRelationItem1x .list_shoppingInfo .listCount { margin: 12px 0; } 
.shopdetailRelation .list_shoppingRelationItem1x .list_shoppingInfo .listCount .amount-input { text-align:right; } 
.shopdetailRelation .list_shoppingRelationItem1x .list_shoppingInfo .listCount .fa-plus { background-color: #bbb; width: 30px; height: 30px; text-align: center; vertical-align: middle; line-height: 30px; color: #fff; } 
.shopdetailRelation .list_shoppingRelationItem1x .list_shoppingInfo .listCount .fa-minus { background-color: #bbb; width: 30px; height: 30px; text-align: center; vertical-align: middle; line-height: 30px; color: #fff; } 
.shopdetailRelation .list_shoppingRelationItem1x .btn_Black { width:290px; margin: 0 auto; } 
/* //관련상품 */

/*다중 이미지*/

.thumb-wrap { width: 100%; } 
.thumb-wrap ul.multi_img { width: 100%; } 
.thumb-wrap ul.multi_img li.multi_on { width:100%; } 
.thumb-wrap ul.multi_img li.multi_on img { width:100%; object-fit:cover } 
.thumb-wrap ul.multi_img li.multi_thumb { width:100%; } 
.thumb-wrap ul.multi_img li.multi_thumb ul { width: 100%; text-align:center; margin-top:2.5% } 
.thumb-wrap ul.multi_img li.multi_thumb ul li { width: 18%; display:inline-block; float:left; margin-right:2.5% } 
.thumb-wrap ul.multi_img li.multi_thumb ul li:last-child { margin-right: 0 !important } 
.thumb-wrap ul.multi_img li.multi_thumb ul li img { width:100%; object-fit:cover } 
.thumb-wrap .z_image { width:100%; } 
.thumb-wrap .z_image a { width:100%; } 
.thumb-wrap .z_image img { width:100%; } 

.shopdetail .shopdetailInfo .shopdetailInfoBottom { position: absolute; top: 50%; transform: translateY(-50%); padding: 0 18px; } 
.shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailInfo_basic { } 
.shopdetail .shopdetailInfo .shopdetailInfoBottom>form>.shopdetailInfoValue { padding:0 !important; } 
.shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailButton .shopdetailButtonTop .btn_box { padding:0 !important } 

.MK_optAddWrap .MK_inner-opt-cm { padding:0 !important } 
.MK_optAddWrap .MK_inner-opt-cm li { background-color: #fafafa !important; padding: 16px !important; } 
/*상품정보영역*/
.shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailInfo_basic h2 {font-family: 'Noto Sans KR', sans-serif;font-size: 23px;margin-bottom: 8px;font-weight: 700 !important;color:#222 !important;line-height: 1.25;} 
.shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailInfo_basic .sub_name { font-size: 15px !important; font-weight:300; color: #999 !important; line-height: 1.2 !important; } 
.shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailInfoValue .shopdetailInfoName { font-family: 'Noto Sans KR', sans-serif; font-size: 13px !important; color:#888 !important; font-weight:400 } 
.shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailInfoValue .shopdetailInfoCont { font-family: 'Noto Sans KR', sans-serif; font-size: 13px !important; color:#000 !important; font-weight:400 } 
.shopdetailInfoCont del { font-family: 'Josefin Sans', sans-serif; color:#ccc !important; font-weight:700 !important; font-size:14px !important } 
.shopdetailInfoCont strong { font-family: 'Josefin Sans', sans-serif; color:#222 !important; font-weight:700 !important; font-size:15px !important } 


.shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailButton .shopdetailButtonTop .btn_box a.btn_50 { margin-left:0 !important } 
.shopdetail .product_detail_outer { border-top:none !important; padding-top: 100px; } 
.shopdetail .product_detail_outer.shopdetail_Content { padding-top:48px; } 

#mPowerreview .review-wrap > li { padding:0 !important } 
.shopdetail .shopdetailItem .detail_item.mlr15 { margin-left:0 !important; margin-right: 0 !important } 

/* 상품 정보 탭 */
.detail_item_nav ul li a { color: #b2b2b2; font-size: 14px; font-weight: 500; } 
.detail_item_nav ul li a span { display: block; font-size: 12px; font-weight: 500; color: #b2b2b2; } 
.shopdetail .shopdetailItem .detail_item_nav ul li.on { } 
.shopdetail .shopdetailItem .detail_item_nav ul li.on a { color:#222 !important } 
.shopdetail .shopdetailItem .detail_item_nav ul li.on a span{color:#222;}

/* 상품 정보 */
#mPowerreview .photo-odr .odr select { height:35px !important } 


/* 게시글 */
#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 !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; } 
.paging a.now { background-color: #fff !important; border: none !important; 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 !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; } 

.shopdetailNotify { padding: 28px 18px; } 
.shopdetailNotify h3 { font-size: 18px; font-weight: 700; color: #222; line-height: 1.25; margin-bottom: 16px; } 
.shopdetailNotifyInfo { padding: 0; border-top: 2px solid #222; } 
.shopdetailNotifyInfo dl { display: flex; align-items: flex-start; border-bottom: 1px solid #e4e4e4; background: #fafafa; } 
.shopdetailNotifyInfo dt { font-weight:bold; width: 98px; padding: 14px 12px; } 
.shopdetailNotifyInfo dd { width: calc(100% - 96px); padding: 14px 12px; background: #fff; } 


.swiper_btn_prev {position: absolute;top: 27%;left: 1%;z-index: 10;} 
.swiper_btn_next {position: absolute;top: 27%;right: 1%;z-index: 9;} 

/* 관련상품 */
.item_list .info .prdprice { margin-bottom: 8px; } 
.item_list .info .prdname { color: #000; } 
.item_list .info .prdsubname { font-size: 13px; font-weight: 400; color: #999; border-top: 1px solid #e7e7e7; padding-top: 8px; } 




/* BASIC css end */