@charset "utf-8";

/* Nav */
.item-nav { line-height:22px; margin-bottom:15px; }
.item-nav .page-nav { margin-top:4px; }
@media all and (max-width:460px) {
	.responsive .item-nav .page-nav { display:none; }
}

/* Item Head */
.item-head {
	padding: 0px;
	border: 0px currentColor;
	border-image: none;
	margin-bottom: 30px;
	width: 100%;
	margin-top: 5rem;
}

.table>thead>tr>th,
.table>tbody>tr>th,
.table>tfoot>tr>th,
.table>thead>tr>td,
.table>tbody>tr>td,
.table>tfoot>tr>td {
	border:none;
}

.item-head h1 {
	font-weight: 500;
  padding: 0 !important;
  border: 0px currentColor;
  border-image: none;
  color: rgb(59, 62, 67);
  line-height: 45px;
  font-size: 36px;
  letter-spacing: 3px;
  margin: 2rem 0px;
}
.item-head .help-block {
	text-align: left;
  color: #151515;
	line-height: 1.5;
	letter-spacing: .5px;
	font-weight: 400;
	font-family: "Lato", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
	padding:0 1rem 1.5rem;
	margin-bottom: 1rem;
}
.item-head .help-block:first-of-type {
  border-bottom: 1px solid #ddd;
}
.item-head ul.item-buy-btn {
	padding: 0px;
	list-style: none;
	overflow: hidden;
  margin-bottom: 2rem;
}
.item-head ul.item-buy-btn li {
	float:left; width:30%;
	border-radius: 6px;
	overflow: hidden;
}
.item-head ul.item-buy-btn li:last-of-type {
	overflow: visible;
}
.item-head .item-image {
	overflow: hidden;
  border: 1px solid #ddd;
  width: 100%;
  padding-top: 100%;
  position: relative;
}
.item-head .item-image a img,
.item-head .item-thumb a img {
	transform: translate(-50%, -50%);
	max-width: 100%;
	max-height: 100%;
	position: absolute;
	top: 50%;
	left: 50%;
}
.item-head .item-thumb {
	overflow: hidden;
	display: flex;
	justify-content: flex-start;
	margin: 0 -0.9rem;
}
.item-head .item-thumb a {
	display: inline-block;
  border: 1px solid #ddd;
	margin: 1.5rem 0.9rem;
	position: relative;
  width: 33.3333%;
  padding-top: 28%;
	transition: none;
	-o-transition: none;
	-ms-transition: none;
	-moz-transition: none;
	-webkit-transition: none;
}
.item-head .item-form th, .item-head .item-form label { font-weight:normal; }
.item-head .item-tag {
	margin: 0px 0px 10px;
  padding: 0px;
  color: #888;
  letter-spacing: .5px;
}
.item-head .item-tag a {
	color:#888;
	position: relative;
}
.item-head .item-tag a:hover { color:rgba(199, 0, 52,1); }
.item-head .item-tag a::before {
	content: "#";
	position: relative;
}

#item_option label {
	font-family: 'Poppins', "Noto Sans KR", sans-serif;
	font-weight: 600;
	margin-bottom: 0.3rem;
}
#item_option select.input-sm {
	width: auto;
}
#item_option li.list-group-item {
	position: relative;
	border: none;
	margin: 0;
	border-bottom: 1px dotted #ddd;
	box-sizing: border-box;
}
#item_option li.list-group-item:first-of-type {
	border-top: 1px dotted #ddd;
}
/* #item_option li.list-group-item>div * {
	position: unset;
} */
#item_option li.list-group-item>div,
#item_option li.list-group-item>div>div>div {
	display: flex;
	justify-content: flex-start;
}
#item_option li.list-group-item>div>div>div,
#item_option li.list-group-item>div>div>div>* {
	height: 100%;
}
#item_option li.list-group-item>div>button {
	border: none;
  background: none;
  position: absolute;
  right: 0;
  padding: 0 1rem 0;
}
#item_option li.list-group-item>div>button>i {
	color: #c70034;
}
#item_option li.list-group-item>div div.input-group>input {
	float: left;
	width: 70%;
	border: none;
	box-shadow: none;
	background: #eee;
	line-height: 1;
	letter-spacing: .025em;
	border-radius: 6px !important;
	color: #151515;
	background: #ebebeb;
	max-width: 70px;
	max-height: 67px;
	font-size: 24px;
	font-family: "Poppins", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
	text-align: center;
	-moz-appearance: textfield;
  margin-right: .7rem;
}
#item_option li.list-group-item .input-group-btn {
	float: left;
	width: 30%;
}
#item_option li.list-group-item .input-group-btn>button {
	float: left;
  border: none;
  background: #ebebeb;
  border-radius: 6px !important;
  width: 30px;
  padding: 0;
  margin-bottom: .7rem;
  height: 30px;
}
#item_option li.list-group-item .input-group-btn>button:last-of-type {
	margin: 0;
}
.item-buy-btn>li {
	position: relative;
}
.item-buy-btn input[type=submit].btn-block {
	color: transparent !important;
  border-radius: 6px !important;
  border: 0;
  height: 70px;
}
.item-buy-btn input::before {
	content: "sdfsdfsf";
	position: relative;
	top: 0;left: 0;

}

.item-buy-btn label {
	position: absolute;
  width: 100%;
	height: 100%;
	top: 0;
  left: 0;
  color: #fff;
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
}
.item-buy-btn label::after {
	border: 1px solid rgba(199, 0, 52,1);
  background-color: rgba(199, 0, 52, .85);
}
.item-buy-btn label:hover::after {
	background-color: #626469;
	border-color: #626469;
}
.item-buy-btn>li>span {
	font-size: 1.3rem;
  font-weight: 500;
  /* font-variant: all-petite-caps; */
  color: #444;
  margin: 1rem 0 .8rem;
  display: block;
  letter-spacing: 1px;
}
.item-info-box {
	font-family: 'Poppins', "Noto Sans KR", sans-serif;
  font-size: 1.3rem;
  letter-spacing: 2px;
}
.item-info-box label {
	width: 100%;
  text-align: center;
  background-color: #e3e3e3;
  font-weight: 600;
  padding: 1.3rem;
  border-radius: 6px;
  margin-bottom: 2rem;
	cursor: pointer;
}
.item-info-box label.on,
.item-info-box label:hover {
	color: #fff;
	background-color: #666;
	box-shadow: 0 0 5px 2px rgba(0,0,0,.1);
}

.item-info-box label::after {
	background-color: #e3e3e3;
}
.item-info-box label.on::after,
.item-info-box label:hover::after {
	transform: translate3d(-50%, -50%, 0) scale(0);
	transition: all 300ms linear;
	-o-transition: all 300ms linear;
	-ms-transition: all 300ms linear;
	-moz-transition: all 300ms linear;
	-webkit-transition: all 300ms linear;
}
.item-info-box>article {
	display: none;
	padding: 0 1rem 1rem;
	transition: none;
	-o-transition: none;
	-ms-transition: none;
	-moz-transition: none;
	-webkit-transition: none;
}
.item-info-box>article img {
	width: 100%;
}
#it_v_sns {
	display: flex;
	justify-content: space-between;
}
#it_v_sns:after {display:block;visibility:hidden;clear:both;content:""}
#it_v_sns li {
	float: left;
	margin: 0 5px 0 0;
	overflow: visible;
}
#it_v_sns li>a {
	background: #333;
  border-radius: 50%;
  display: flex;
  height: 30px;
  width: 30px;
  color: #fff;
  justify-content: center;
  align-items: center;
}
#it_v_sns li>a>i {
	font-size: 1.8rem;
  font-weight: 100;
}
#it_v_sns li>a:hover {
	animation-name: swing;
	animation-duration: 1s;
}
#it_v_sns li>a.facebook:hover {
	background: rgba(29,77,153,1);
}
#it_v_sns li>a.twitter:hover {
	background: rgba(0,171,240,1);
}
#it_v_sns li>a.linkedin:hover {
	background: rgba(0,102,153,1);
}
#it_v_sns li>a.pinterest:hover {
	background: rgba(189,8,28,1);
}

@media all and (max-width:460px) {
	.responsive .item-head h1 { font-size:18px; line-height:24px; }
	.responsive .item-head ul.item-buy-btn li:first-of-type { width:100%; }
	.responsive .item-head ul.item-buy-btn li:last-of-type { width:auto; }
}
/* Item View Box */
.item-view-box { text-align:center; }
.item-view-box a { margin:0 10px 15px; width:80px; height:80px; display:inline-block; }
.item-view-box i { background: rgb(245, 245, 245); padding: 20px; border-radius: 50%; width: 80px; height: 80px; text-align: center; color: rgb(143, 143, 143); font-size: 40px; display: inline-block; }
.item-view-box i:hover { background: rgb(0, 0, 0); color: rgb(255, 255, 255); }

/* Item Explan */
.label-item { margin-top:4px; }
.item-explan { margin-bottom:30px; }
.item-explan p { padding:0px; margin:0px; }
.item-explan img { max-width:100%; }

/* Item Good Box */
.item-good-box { text-align:center; }
.item-good-box span { margin:15px 6px; width:80px; height:80px; display:inline-block; }
.item-good-box a { background: rgb(245, 245, 245); padding: 15px; border-radius: 50%; width: 80px; height: 80px; text-align: center; color: rgb(51, 51, 51); font-size: 22px; line-height:26px; display: inline-block; }
.item-good-box .item-good a:hover { background: rgb(223, 17, 25); color: rgb(255, 255, 255); }
.item-good-box .item-nogood a:hover { background: rgb(0, 0, 0); color: rgb(255, 255, 255); }

/* Item Seller */
.item-seller .img-photo i { background: rgb(245, 245, 245); padding: 16px; border-radius: 50%; width: 80px; height: 80px; text-align: center; color: rgb(143, 143, 143); font-size: 40px; display: inline-block; }
.item-seller .img-photo img { border-radius: 50%; width: 80px !important; height: 80px !important; display:inline-block; }
.item-seller .auth-photo { width:160px; padding-right:15px; }
@media all and (max-width:480px) {
	.responsive .item-seller .auth-photo { float:none; width:100%; padding-right:0px; }
}

/* Relation Items */
#relation-item { overflow:hidden; line-height:20px; margin-bottom:30px; }
#relation-item .txt-normal { letter-spacing:0; }
#relation-item .txt-short { letter-spacing:-1px; padding-right:1px; }
#relation-item .item-row { float:left; }
#relation-item .item-image { position:relative; overflow:hidden; }
#relation-item .item-content { padding-top:10px; margin:0px 4px; text-align:center; }
#relation-item .item-star { text-align:center; overflow:hidden; letter-spacing:-1px; font-size:18px; line-height:20px; height:20px; margin-bottom:4px; }
#relation-item .item-name {
	overflow: hidden;
	padding-right: 1px;
	text-align: center;
	font-size: 14px;
}
#relation-item .item-name b {
	font-family: "Poppins", 'Noto Sans KR', Arial, sans-serif;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	transform: translate(0, 0);
}
#relation-item .item-text {
	letter-spacing: .2px;
  font-size: 12px;
  color: #888;
  font-family: 'Open Sans',sans-serif;
}
#relation-item .item-price { margin-top:4px; line-height:22px; }
#relation-item .item-price b { font-size:16px; display:inline-block; margin:0px 4px; }
#relation-item .item-price b i { font-size:12px; }
#relation-item .item-price strike { color:#888; margin:0px 4px; font-size:14px; display:inline-block; }
#relation-item .item-details { color:#888; margin-top:4px; padding:0px 1px; font-size:13px; text-align:center; }
#relation-item .item-sp { margin:0px 4px; white-space:nowrap; }
#relation-item .item-sp i { margin-right:2px; color:#888; }
#relation-item .item-sns { margin-top:15px; text-align:center; }
#relation-item .item-sns img { width:15%; max-width:34px; border-radius:50%; }

/***************************************
 label
***************************************/
#relation-item .label-cap {
  z-index: 2;
  font-family: 'Poppins', "Noto Sans KR", sans-serif;
  position: absolute;
  top: 0;
  right: 0;
  letter-spacing: 0;
  width: auto;
  padding: 0rem .7rem;
  font-size: 1.1rem;
  text-align: center;
  font-weight: normal;
  transform: none;
  -o-transform: none;
  -ms-transform: none;
  -moz-transform: none;
  -webkit-transform: none;
  border-radius: 5px;
}


/* Review */
.use-media .div-title-wrap { margin:0px; }
.use-media .media { margin:0px 0px 15px; padding:12px; }
.use-media .media .circle { background: rgb(235,235,235); color:#fff; }
.use-media .media .media-body { padding-left:0px; padding-top:5px; }
.use-media.use-mobile .media .media-body { padding-top:0px; }
.use-media .media .media-info { line-height:20px; padding:0px 0px 4px; }
.use-media .media .media-info .sp { display:inline-block; width:20px; text-align:center; font-size:11px; color:#888; }
.use-media .media .media-desc { padding:0px 0px 4px; }
.use-media .media-content { margin-top:15px; padding:15px 12px 0px; border-top:1px dotted #606060; }
.use-media .media-content p { margin:0px; padding:0px; }
.use-media .media-content img { max-width:100%; }
.use-media .media-reply { padding:15px 12px 0px; }
.use-media .media-btn { margin-top:15px; }
.use-page { margin-bottom:15px; }
.use-page .pagination { margin:0; }

/* Q & A */
.qa-media .div-title-wrap { margin:0px; }
.qa-media .media { margin:0px 0px 15px; padding:12px; }
.qa-media .media .circle { background: rgb(235,235,235); color:#fff; }
.qa-media .media .media-body { padding-left:0px; padding-top:5px; }
.qa-media.qa-mobile .media .media-body { padding-top:0px; }
.qa-media .media .media-info { line-height:20px; padding:0px 0px 4px; }
.qa-media .media .media-info .sp { display:inline-block; width:20px; text-align:center; font-size:11px; color:#888; }
.qa-media .media .media-desc { padding:0px 0px 4px; }
.qa-media .media-content { margin-top:15px; padding:15px 12px 0px; border-top:1px dotted #606060; }
.qa-media .media-content p { margin:0px; padding:0px; }
.qa-media .media-content img { max-width:100%; }
.qa-media .media-btn { margin-top:15px; }
.qa-media .media-ans { padding:15px 12px 0px; }
.qa-media .media-ans p { margin:0px; padding:0px; }
.qa-media .media-ans img { max-width:100%; }
.qa-page { margin-bottom:15px; }
.qa-page .pagination { margin:0; }

/* Comment */
.comment-media { }
.comment-media .photo i { background: rgb(245, 245, 245); padding: 15px; border-radius: 50%; width: 64px; height: 64px; text-align: center; color: rgb(143, 143, 143); font-size: 30px; display: inline-block; }
.comment-media .photo img { border-radius: 50%; width: 64px !important; height: 64px !important; display:inline-block; }
.comment-media.comment-mobile .photo i { padding: 10px; width: 54px; height: 54px; }
.comment-media.comment-mobile .photo img { width: 54px !important; height: 54px !important; }
.comment-media .media { border-top:1px solid #eee; margin:7px 0px; padding:7px 0px 0px; }
.comment-media :first-child.media { border-top:0px; margin-top:0px; padding-top:0px; }
.comment-media h5 { margin:2px 0px; line-height: 22px; }
.comment-media .media .media-body { padding-left:0px; }
.comment-media .media .media-info { margin-left:10px; }
.comment-media .media .media-content { margin-top:8px; }
.comment-media .media .media-btn {	margin-left:4px; }
.comment-page { margin:15px 0px; }
.comment-page .pagination { margin:0; }

#it_vc_opt ol {	margin:0;padding:0;list-style:none;zoom:1; }
#it_vc_opt ol:after { display:block;visibility:hidden;clear:both;content:""; }
#it_vc_opt ol li { float:left;margin:0; }
#it_vc_send_sns ul { margin:0;padding:0;list-style:none;zoom:1; }
#it_vc_send_sns ul:after { display:block;visibility:hidden;clear:both;content:""; }
#it_vc_send_sns ul li { float:left;margin:0 0 0 20px; }
#it_vc_send_sns input {	margin:0 0 0 5px; }
@media all and (max-width:460px) {
	.responsive .comment-btn { text-align:center; }
	.responsive .comment-btn .pull-right { float:none !important; }
}
.tail-btn-group {
	display: flex;
	justify-content: flex-end;
}
.tail-btn-group>a.btn {
	background: none;
  border: none;
  color: #888 !important;
  font-size: 1.8rem;
}
.tail-btn-group>a.btn:focus,
.tail-btn-group>a.btn:active,
.tail-btn-group>a.btn:hover {
	background: none;
  border: none;
	box-shadow: none;
  color: #c70034 !important;
}

/* Table Box */
.tbox-head { padding:12px 0px 8px !important; margin:0px 0px 15px; font-weight:bold; border-bottom:1px dotted #606060; background: #fff; }
.tbox-head.no-line { margin:0px; border:0px }
.tbox-body { padding:0px; margin:0px 0px 15px; background: #fff; }
.tbox-body ul { padding:0px; margin:0px; }
.tbox-body ul li { margin-left:15px; }
.tbox-body p { padding:0px; margin:0px; }
.tbox-body table { width:100%; border-collapse:collapse; padding:0px; margin:0px; border:0px; }
.tbox-body table.top-border { border-top:2px solid #606060; }
.tbox-body caption { display:none; }
.tbox-body thead th { text-align:center; padding:8px 12px; border-bottom:0px; color:#fff; background:#606060; white-space:nowrap; line-height:22px;}
.tbox-body tbody th { text-align:left; padding:8px 12px; border-bottom:1px solid #ddd; background:#fafafa; line-height:22px; }
.tbox-body tbody td { padding:8px 10px; border-bottom:1px solid #ddd; line-height:22px;}

@media all and (max-width:767px) {
	.responsive #item-tab .nav-justified li a { border-right:1px solid #ddd; }
	.responsive #item-tab .nav-justified li:last-child a { border-right:0px; border-bottom:1px solid #ddd; }
}
#list_cart {
	height: 100vh;
  float: left;
  width: 100%;
	padding-bottom: 80px;
	overflow: hidden;
}
#list_cart #item_option {
	height: calc(100vh - 120px);
  overflow: hidden;
	overflow-y: auto;
}
#list_cart #item_option>* {
	float: left;
	width: 100%;
}
#list_cart h5 {
	margin: 0 0 1rem;
	padding:0 1rem 1rem;
	border-bottom: 1px solid #d7d7d7;
}
#list_cart select.input-sm {
	margin: 0;
  float: right;
}
#list_cart li.list-group-item>div {
	display: block;
}
#list_cart li.list-group-item>div>div {
	display: flex;
	align-items: center;
}
#list_cart li.list-group-item>div div.input-group>input {
	width: 60px;
	font-size: 1.5rem;
  margin-right: 2px;
}
#list_cart li.list-group-item>div>div>div>* {
	height: auto;
}
#list_cart li.list-group-item .input-group-btn>button {
  display: flex;
	border-color: #444;
	background: #444;
  padding: 0;
  border-radius: 5px !important;
  color: #fff !important;
	width: 15px;
	height: 15px;
	margin-bottom: 2px;
  float: right;
}
#list_cart li.list-group-item .input-group-btn>button>i {
  font-size: 1.5rem;
}
#list_cart li.list-group-item>div>div>button {
	position: relative;
	border-width: initial;
  border-style: none;
  border-color: initial;
  border-image: initial;
  background: none;
  padding: 0px 1rem 0 0;
}
#list_cart li.list-group-item>div>div>button>i {
	color: #c70034;
}
#list_cart li.list-group-item>div>div>label {
	margin: 0;
}
#list_cart .submit_cart {
	position: fixed;
	bottom: 0.5rem;
}