/* BASIC css start */
/* 관련상품 */
.shopdetailRelation {margin-bottom:30px;}
.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;}
.shopdetail .shopdetailInfo .shopdetailInfoBottom .option_area.fixed::after{content:""; display:block; width:100%; height:100%; position:fixed; top:0; left:0; background:rgba(0,0,0,.5); z-index:-1}
/* //관련상품 */
/* 공통 */
.MK-oneclick-only-text li.MK-oneclick-text span{font-size: .6875rem;}
.MK-oneclick-value{font-size: .6875rem;}
.option_tk .product-opt{margin: 10px 0;}
.option_tk .add-opt_item{margin: 10px 0;}
.shopdetail .shopdetailItem .shopdetail_Content .detail_item{padding: 20px 0 30px; text-align: center;}

/* 썸네일 */
.shopdetail .shopdetailInfo .shopdetailInfoTop{ margin: 0 15px;}
.shopdetail .shopdetailInfo .shopdetailInfoTop .thumb_wrap ul li{font-size: 0;}
.shopdetail .shopdetailInfo .shopdetailInfoTop .thumb_wrap ul li img{width: calc(100%/5 - 10px); margin: 12px 0 0 12px;}
.shopdetail .shopdetailInfo .shopdetailInfoTop .thumb_wrap ul li img:first-of-type{margin-left:0}
.shopdetail .shopdetailInfo .shopdetailInfoTop .thumb_wrap .detail_image{ width: 100%;}

/* 상품이름 */
#contents .shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailInfo_basic{border-bottom:0}
#contents .shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailInfo_basic .sub_name{ color: #777777; font-size: 1rem; line-height: 22px;}
#contents .shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailInfo_basic h2{ padding: 12px 0 10px; font-size: 1.2rem; line-height: 22px;}

/* 가격 */
.shopdetail .shopdetailInfo .shopdetailInfoBottom .tit-pri{ margin: 0 15px; font-size: 0;}
.shopdetail .shopdetailInfo .shopdetailInfoBottom .tit-pri .price_consumer{display: inline-block; margin-right: 12px;}
.shopdetail .shopdetailInfo .shopdetailInfoBottom .tit-pri .price_consumer strike{color: #aaaaaa; font-family: 'Jost','Noto Sans KR', sans-serif; font-size: 1.2rem;}
.shopdetail .shopdetailInfo .shopdetailInfoBottom .tit-pri .sell_price{display: inline-block; color: #222222; font-family: 'Jost','Noto Sans KR', sans-serif; font-size: 1.2rem; font-weight: 500;}
.shopdetail .shopdetailInfo .shopdetailInfoBottom .tit-pri .sell_price img{width: 20px; margin-right: 4px;}
#MK_innerOptTotal.total_box em{ font-family: 'Noto Sans', sans-serif; font-size: 1.3rem; font-weight: bold;}
#MK_innerOptTotal.total_box #MK_p_total{color: #000; font-family: 'Noto Sans', sans-serif; font-size: 1.5rem;}
    
/* 상품정보 */
#contents .shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailInfoValue .product_desc .shopdetailInfoCont, 
#contents .shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailInfoValue .product_desc .shopdetailInfoName{ color: #aaa;}
#contents .shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailInfoValue .shopdetailInfoName{width: 12%;}
#contents .shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailInfoValue .shopdetailInfoCont{width: 88%;}

/* 구매하기버튼 */
.shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailButton .shopdetailButtonTop .btn_box a.btn{ width: calc(100%/2 - 30px); margin-right: 10px; border: 1px solid #222;}
.shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailButton .shopdetailButtonTop .btn_box a.wish{ width: 40px; margin-right:0}
.shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailButton .shopdetailButtonTop .btn_box a.wish img{ width: 17px;}

/* 정보탭 */
#contents .shopdetail .shopdetailItem{padding: 0 20px;}
#contents .shopdetail .product_detail_outer{border-top:0}
#contents .shopdetail .shopdetailItem .detail_item_nav {height: 30px; margin-top: 30px; border-bottom:1px solid #222}
#contents .shopdetail .shopdetailItem .detail_item_nav ul{ height: 30px;}
#contents .shopdetail .shopdetailItem .detail_item_nav ul li{ display: inline-block; margin-right: 24px; font-size: .9rem; text-align: left; font-weight: 300; letter-spacing: 1px;}
#contents .shopdetail .shopdetailItem .detail_item_nav ul li.on{border-bottom:0; font-weight: 500;}
#contents .shopdetail .shopdetailItem .detail_head{ padding: 10px 0;}

/* 게시글 */
#tabs {
	padding-bottom: 10px;
	font-size: 12px;
}
#tabs .shopdetailBoard {
	overflow: hidden;
	text-align: left;
	border-bottom: 1px solid #bbb;
	padding: 10px 0;
	margin-bottom: 0;
}
#tabs .shopdetailBoard .tab_on {
	padding: 10px 0;
}
#tabs .util {
	border-bottom: 1px solid #e4e4e4;
	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 #e4e4e4;
	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);
	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;
}

/* BASIC css end */

