@charset "utf-8";
/*
  z-index
  메뉴 : 9999;
  footer :300;
  top버튼(.mobile-quick-btn) : 310
  메인슬라이드이미지 : 1
  랭킹리스트 : 20
  배송지리스트(.deliveryPosition-overlay) : 1000
  장바구니 체크박스 : 10
  옵션팝업:350 <- 메뉴버튼 다음으로 최상단에있어야함
*/
/*1.공통사용*/
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;300;400;500;700;900&display=swap');

* {
	font-size: 12px; /*font-family:dotum,'돋움',gulim,'굴림',Arial, Tahoma;*/
	font-family: 'Noto Sans KR', sans-serif;
	padding: 0;
	margin: 0;
	box-sizing: border-box;
	max-height: 999999px;
	-webkit-text-size-adjust: none;
	-moz-text-size-adjust: none;
	-ms-text-size-adjust: none;
}

a {
	color: #414141;
	text-decoration: none
}

input {
	-webkit-appearance: none;
	height: 30px;
	border: 1px solid #ddd;
	border-radius: 0;
	outline-width: 0;
}

	input:focus {
		outline: none;
	}

table {
	border-collapse: collapse;
	width: 100%;
}

ul, li {
	list-style: none
}

.table {
	display: table;
	width: 100%;
	margin: 0;
	max-width: initial
}

.th {
	display: table-cell;
	vertical-align: middle
}

.td {
	display: table-cell;
	vertical-align: middle
}

.btn {
	display: inline-block;
	border-radius: 3px;
	box-sizing: border-box;
	min-height: 25px;
	font-weight: bold;
	padding: 7px 6px;
	background: #fff;
	color: #000
}

.delete-btn {
	display: inline-block;
	margin-left: 10px;
	border: 1px solid #ddd;
	font-weight: normal
}

	.delete-btn img {
		width: 16px
	}

.btn-style-black {
	border: 1px solid #999;
	padding: 3px 2px;
	cursor: pointer;
	padding: 5px;
	border-radius: 0;
	font-weight: bold;
	display: inline-block;
	color: #000;
}

.container {
	padding: 0;
	margin: 0
}

/*팝업디자인*/
#overlay_SelectOption {
	position: fixed;
	width: 100%;
	top: 0;
	bottom: 0;
	z-index: 999;
	background-color: rgba(0,0,0,.2);
}

.popup-box {
	border-radius: 5px;
	margin: 8px;
	border: 1px solid #eee;
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 350;
	overflow: auto; /*display:flex; flex-flow:column nowrap*/
}
/*.popup-box::before{position:fixed; background-color:rgba(0,0,0,.2); width:100%; height:100%; content:''; left:0; right:0; top:0; bottom:0; z-index:-1; display:block}*/
.pop-header {
	text-align: center;
	padding: 15px 0;
	font-size: 16px;
	font-weight: bold;
	position: relative;
	border-bottom: 1px solid #eee;
	background-color: #fff;
}

	.pop-header .close-btn {
		position: absolute;
		right: 10px;
		top: 12px;
		width: 24px;
		height: 24px;
		background-image: url('../images/layout/close.png');
		background-size: 24px;
		background-repeat: no-repeat
	}

.pop-content {
	padding: 10px;
	overflow: auto;
	height: 300px;
	background-color: #fff;
}

.pop-bottom {
	padding: 10px;
	background-color: #fff;
}

.popup-none input[type="checkbox"] {
	display: none
}

	.popup-none input[type="checkbox"] + label {
		display: inline-block;
		cursor: pointer;
		width: 16px;
		height: 16px;
		vertical-align: middle;
		margin-top: -1px;
		padding: 0;
		border: 1px solid #aaa
	}

	.popup-none input[type="checkbox"]:checked + label {
		background: url(../images/checkbox_yes.png);
		background-position: center
	}

/*멀티 레이어팝업창 디자인*/
.multi-popup {
	background: #fff;
	margin: 20px;
	border: 0;
	bottom: auto;
	box-shadow: 0 0 10px rgba(0,0,0,.2);
}

.multi-img {
}

.imgBox {
	overflow: hidden
}

	.imgBox ul {
		display: flex
	}

	.imgBox li {
		flex: 1;
		background-size: cover;
		background-repeat: no-repeat;
		background-position: top center
	}

	.imgBox img {
		width: 100%
	}

.imgTitle {
	display: flex;
	width: 100%
}

	.imgTitle li {
		flex: 1;
		display: flex;
		align-items: center;
		justify-content: center;
		background-color: #f7f7f7;
		background-size: 100% 100%;
		background-repeat: no-repeat;
		cursor: pointer
	}

		.imgTitle li:nth-child(2n) {
			background-color: #fcfcfc
		}

/*리스트순번*/
.paginate {
	text-align: center;
	padding: 15px 0
}

	.paginate li {
		min-width: 25px;
		height: 25px;
		line-height: 25px;
		border: 1px solid #e5e5e5;
		text-align: center;
		display: inline-block;
		vertical-align: text-top;
		cursor: pointer;
		padding: 0 !important;
		margin: auto;
		position: relative
	}

		.paginate li.left {
			background: url(../images/arrow-2.png) no-repeat;
			background-position: -25px center;
			background-color: #f7f7f7;
			margin-right: 5px !important
		}

		.paginate li.right {
			background: url(../images/arrow-2.png) no-repeat;
			background-position: 0px center;
			background-color: #f7f7f7;
			margin-left: 5px !important
		}

		.paginate li.choice {
			border-color: #444 !important
		}

		.paginate li.deactivation::after {
			content: '';
			background: #f7f7f7;
			opacity: .7;
			position: absolute;
			display: inline-block;
			left: 0;
			width: 100%;
			height: 100%;
		}
/*화살표 비활성화시*/

/*select*/
.select {
	vertical-align: middle;
	display: inline-block;
	margin-right: 3px;
	background-color: #fff
}

	.select select {
		min-width: 200px; /* 원하는 너비설정 */
		height: 30px;
		line-height: 30px;
		padding: 0 30px 0 3px;
		font-family: inherit; /* 폰트 상속 */
		background: url(../images/re-icon/arrow-down.png) no-repeat right 5px center;
		background-size: 12px; /* 네이티브 화살표 대체 */
		border: 1px solid #ddd;
		border-radius: 0px; /* iOS 둥근모서리 제거 */
		vertical-align: middle;
		-webkit-appearance: none; /* 네이티브 외형 감추기 */
		-moz-appearance: none;
		appearance: none;
		text-overflow: ellipsis
	}

		.select select::-ms-expand {
			display: none;
		}

/*라디오버튼*/
.radioStyle {
	z-index: 10
}

	.radioStyle input[type="radio"] {
		display: none
	}

		.radioStyle input[type="radio"] + label {
			display: inline-block;
			cursor: pointer;
			border: 1px solid #8a939f;
			border-radius: 100px;
			width: 18px;
			height: 18px;
			vertical-align: middle;
			margin-top: -1px;
			padding: 0;
			background-color: #fff
		}

		.radioStyle input[type="radio"]:checked + label {
			background: url(../images/radio-check.png) center no-repeat;
			background-size: 08px 08px;
			background-color: #fff
		}

/*체크박스 버튼*/
.checkboxStyle {
	z-index: 10
}

	.checkboxStyle input[type="checkbox"] {
		display: none
	}

		.checkboxStyle input[type="checkbox"] + label {
			display: inline-block;
			cursor: pointer;
			width: 28px;
			height: 28px;
			vertical-align: middle;
			padding: 0;
			border: 2px solid #aaa;
			border-radius: 3px;
			background-size: 24px;
			background-image: url(../images/checkbox-unchk.png);
			background-color: #fff;
			background-repeat: no-repeat;
			background-position: center
		}

		.checkboxStyle input[type="checkbox"]:checked + label {
			background-image: url(../images/checkbox-chk-white.png);
			border-color: #ff6600;
			background-color: #ff6600
		}

/*체크박스-장바구니 작은 체크박스*/
.checkbox-small {
	width: 18px;
	display: inline-block;
	vertical-align: middle;
	margin-right: 2px;
	z-index: 10
}

	.checkbox-small input[type="checkbox"] {
		display: none
	}

		.checkbox-small input[type="checkbox"] + label {
			display: inline-block;
			cursor: pointer;
			background: url(../images/smallchk-none.png) no-repeat center;
			background-color: #fff;
			background-size: 18px;
			width: 18px;
			height: 18px;
			vertical-align: middle;
			padding: 0;
		}

		.checkbox-small input[type="checkbox"]:checked + label {
			background: url(../images/smallchk-chk.png) center no-repeat;
			background-size: 18px;
			background-color: #fff;
		}


/*찜마크(새디자인)*/
.zzim {
	position: absolute;
	right: 0;
	top: 0;
	width: 36px;
	height: 36px;
	background: url(../images/layout/icon-heart-uncheck.png) no-repeat;
	background-color: rgba(255,255,255,.0);
	background-position: center;
	background-size: 20px;
	cursor: pointer
}

	.zzim.pick {
		background-image: url(../images/layout/icon-heart-check.png);
	}

/*아이템리스트페이지, 상세페이지 상단루트 selectbox 디자인*/
.Root span {
	font-family: 'Open Sans', sans-serif;
	display: inline-block;
	height: 25px;
	line-height: 25px;
	vertical-align: top;
	margin: 5px 3px
}

	.Root span:nth-child(2n) {
		width: 5px;
		background: url(../images/re-icon/arrow-2.png) no-repeat center;
		color: rgba(0,0,0,0);
		background-position: -10px 0;
		width: 5px
	}

.Root ul {
	list-style: none;
	border: 1px solid #ccc;
	background: #fff
}

.Root li {
	position: relative;
	padding: 0 15px 0 5px;
	background-image: url(../images/re-icon/arrow-down.png);
	background-position: right 5px center;
	background-repeat: no-repeat;
	background-size: 10px;
	cursor: pointer;
	width: 80px;
}

	.Root li:hover > ul {
		display: block
	}

.Root ul ul {
	display: none;
	position: absolute;
	background: #fff;
	margin: -1px 0 0 -6px;
	height: 300px;
	overflow: auto;
	z-index: 2;
}

.Root li li {
	padding: 8px 5px;
	line-height: normal;
	background-image: none
}

	.Root li li:hover {
		background: #f7f7f7
	}

.Root i {
	font-style: normal;
	text-overflow: ellipsis;
	white-space: nowrap;
	width: 70px;
	display: block;
	overflow: hidden
}

.Root li li i {
	width: auto;
	white-space: normal
}

.selected {
	font-weight: bold !important;
	color: #363d4d !important
}

/*네비메뉴*/
.nav-before {
	display: none;
	background: rgba(0,0,0,.8);
	position: fixed;
	width: 100%;
	top: 0;
	bottom: 0;
	z-index: 9999
}

.nav-menu {
	display: none;
	position: fixed;
	top: 0;
	bottom: 0;
	z-index: 9999
}
	/*background:rgba(0,0,0,.8); width:100%;*/
	.nav-menu .td {
		height: 40px;
		padding: 0 10px;
		font-size: 12px;
	}

	.nav-menu .close-btn {
		width: 40px;
		height: 40px;
		background: rgba(255,255,2555,.8);
		position: absolute;
		left: 300px;
		background-image: url(../images/re-icon/close.png);
		background-size: 16px;
		background-repeat: no-repeat;
		background-position: center
	}

	.nav-menu .menu {
		width: 300px;
		background: #fff;
		position: absolute;
		top: 0;
		bottom: 0;
		left: -290px;
		overflow-y: auto;
	}

		.nav-menu .menu .menu-header {
			background: #ba793a; /*background:#677bac;*/
			color: #fff
		}

			.nav-menu .menu .menu-header .member {
				padding: 10px;
			}

				.nav-menu .menu .menu-header .member .td {
					font-size: 18px;
					height: auto;
					color: #fff;
					padding: 0
				}

	.nav-menu .member .level {
		font-size: 18px;
		font-weight: bold;
		color: #ffea00;
		font-family: 'Open Sans', Malgun Gothic, dotum, Arial, Helvetica, sans-serif
	}

	.nav-menu .member .point {
		font-size: 18px;
		font-weight: bold;
		font-family: 'Open Sans', Malgun Gothic, dotum, Arial, Helvetica, sans-serif
	}

	.nav-menu .member .login-btn {
		display: inline-block;
		border: 1px solid #fff;
		padding: 2px 4px;
		color: #fff
	}

	.nav-menu .menu .menu-header .point-btns .td {
		text-align: center;
		width: 25%;
		font-weight: 500;
		border-right: 1px solid rgba(0,0,0,.2);
		border-top: 1px solid rgba(0,0,0,.2)
	}

		.nav-menu .menu .menu-header .point-btns .td:last-child {
			border-right: 0px
		}

	.nav-menu .cash {
		display: flex;
		align-items: center;
		gap: 5px;
		padding: 10px 13px 2px;
		font-weight: bold;
	}

	.nav-menu .coupon {
		display: flex;
		align-items: center;
		gap: 5px;
		padding: 2px 13px 0;
		font-weight: bold;
		color: red;
	}



	.nav-menu .dropDown-tab {
		display: flex;
		border-bottom: 1px solid #404040
	}

		.nav-menu .dropDown-tab div {
			font-size: 12px;
			padding: 10px 15px;
			margin: 0 1px;
			margin-bottom: -1px;
			border: 1px solid #ccc;
			border-bottom: 1px solid #404040;
			border-radius: 3px 3px 0 0;
			background: #f9f9f9
		}

			.nav-menu .dropDown-tab div.select {
				font-weight: bold;
				border-color: #404040;
				border-bottom: 1px solid #fff;
				background: #fff
			}

	.nav-menu ul {
		width: 100%;
		list-style: none
	}

	.nav-menu li {
		border-bottom: 1px solid #cfcfcf;
		padding: 13px 0 13px 15px;
		font-size: 13px;
		font-weight: bold;
		position: relative
	}

		.nav-menu li .td {
			padding: 0;
			height: auto
		}

			.nav-menu li .td:last-child {
				width: 36px
			}

		.nav-menu li p {
			margin-right: 36px; /*white-space:nowrap;*/
			text-overflow: ellipsis;
			overflow: hidden
		}

		.nav-menu li .arrow {
			background-image: url(../images/re-icon/arrow-down03.png);
			background-size: 20px;
			background-repeat: no-repeat; /*background-position:right 10px top 13px*/
		}

		.nav-menu li .arrow-up {
			background-image: url(../images/re-icon/arrow-up03.png);
			background-size: 20px;
			background-repeat: no-repeat;
		}

			.nav-menu li .arrow-up > p {
				color: #f00;
				margin-right: 40px;
			}

			.nav-menu li .arrow-up > ul li:first-child {
				border-top-color: #f00
			}

	.nav-menu ul ul {
		margin: 13px 0 -13px 0;
		display: none
	}

	.nav-menu li li {
		border-bottom: 0;
		border-top: 1px solid #eee;
		font-weight: normal
	}

	.nav-menu .etc p {
		color: #444;
		display: inline-block;
		padding: 10px;
		border: 1px solid #ccc;
		background: #f7f7f7
	}

.menu-list li {
	cursor: pointer
}

	.menu-list li ul {
		display: none
	}


/*헤더디자인*/
.cart-put {
	background: #067dfd;
	border-radius: 100px;
	min-width: 21px;
	height: 21px;
	position: absolute;
	color: #fff;
	box-sizing: border-box;
	font-size: 14px;
	right: 1px;
	font-weight: bold;
	padding: 3px;
	text-align: center;
	display: flex;
	justify-content: center;
	align-items: center
}

.header {
	width: 100%;
	position: relative;
}

	.header ul {
		list-style: none;
	}

.header-top {
	background: rgba(255,255,255,1); /*border-bottom:1px solid rgba(0, 0, 0, .2);*/
	width: 100%
}

	.header-top .icon {
		width: 40px
	}

		.header-top .icon img {
			width: 32px
		}

	.header-top .logo {
		text-align: center;
		position: relative;
		left: auto;
		top: auto
	}

		.header-top .logo img {
			height: 30px
		}
	/*헤더검색*/
	.header-top .search {
		border-bottom: 2px solid #f60;
		position: relative;
		padding-right: 24px
	}

		.header-top .search input[type="text"] {
			border: 0px;
			width: 100%;
			padding: 2px
		}

		.header-top .search i {
			width: 24px;
			height: 24px;
			position: absolute;
			right: 0;
			top: 0;
			background-image: url('../images/search-icon-64.png');
			background-size: 24px;
			background-position: center
		}




/* :: 최근검색어*/
.latest-search {
	position: absolute;
	border: 1px solid #bec8d8; /* width: 100%; */
	background: #fff; /* top: 30px; */
	display: none;
	z-index: 9;
	left: 12px;
	right: 12px;
	max-height: 300px;
	overflow: auto;
}

	.latest-search ul {
		list-style: none;
		padding: 8px 0 6px
	}

	.latest-search li {
		padding: 0px 8px 0 15px;
		cursor: pointer;
		display: table;
		height: 27px;
		width: 100%;
	}

		.latest-search li:hover {
			background: #f9fafc
		}

		.latest-search li span {
			display: table-cell;
			vertical-align: middle
		}

			.latest-search li span:nth-child(1) {
				width: 300px;
				font-size: 14px
			}

			.latest-search li span:nth-child(2) {
				width: 70px;
				text-align: right;
				color: #a0a0a0;
				font-family: tahoma,sans-serif;
				font-size: 12px;
				font-weight: normal
			}

			.latest-search li span:nth-child(3) {
				width: 20px;
				text-align: center;
				cursor: pointer;
				padding-top: 2px
			}

.latest-none {
	padding: 17px 15px 15px;
	color: #666
}

.latest-search-delete {
	text-align: right;
	background: #f9fafc;
	border-top: 1px solid #ebeef3;
	color: #666;
	padding: 11px 10px
}


/*재고없는 상품제외 체크박스*/
.header-top .checkboxStyle input[type="checkbox"] {
	display: none
}

	.header-top .checkboxStyle input[type="checkbox"] + label {
		display: inline-block;
		width: 16px;
		height: 16px;
		vertical-align: middle;
		background-size: 16px;
		background-image: url(../images/checkbox-unchk.png);
	}

	.header-top .checkboxStyle input[type="checkbox"]:checked + label {
		background-color: #fff;
		border-color: #696969;
		background-image: url(../images/checkbox-chk-black.png)
	}

/*스크롤시 헤더fixed 디자인*/
.headerFixed {
	background: #fff;
	border-bottom: 1px inset rgba(0, 0, 0, 0.15);
	display: none;
}

.sticky {
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 100;
	display: block
}


.popular-rolling {
	position: relative;
	background: #fff
}

	.popular-rolling img {
		vertical-align: middle;
		margin-right: 10px;
		width: 16px;
	}

	.popular-rolling .rolling {
		border-bottom: 1px solid rgba(0, 0, 0, .2);
		padding: 8px 10px
	}

		.popular-rolling .rolling .table {
			display: flex;
			width: 100%
		}

		.popular-rolling .rolling .td:nth-child(1) {
			min-width: 85px;
			font-weight: bold;
			color: #f84d00;
			padding-right: 5px;
			display: flex;
			align-items: center;
			font-size: 13px
		}

		.popular-rolling .rolling .td:nth-child(2) {
			position: relative;
			overflow: hidden;
			flex: 1
		}

		.popular-rolling .rolling .td:nth-child(3) {
			width: 24px;
			display: flex;
			align-items: center
		}

		.popular-rolling .rolling .rankingList {
			width: 24px;
			height: 24px;
			background-image: url('../images/layout/arrow-row.png');
			background-size: 24px auto;
			background-repeat: no-repeat
		}

		.popular-rolling .rolling ol {
			position: absolute;
			top: 0;
			left: 0;
			margin: 0;
			padding: 0;
			list-style: none;
			width: 100%
		}

		.popular-rolling .rolling li { /*height:24px; line-height:24px;*/
			white-space: nowrap;
			padding: 5px 0;
			font-size: 13px
		}

		.popular-rolling .rolling img {
			margin-top: -2px;
			width: 16px;
		}

	.popular-rolling .ranking {
		position: absolute;
		background: #fff;
		width: 100%;
		z-index: 20;
		box-shadow: 0 8px 5px rgba(0,0,0,.1);
		display: none
	}

		.popular-rolling .ranking li {
			border-bottom: 1px solid #eee;
			padding: 10px;
			font-size: 13px
		}

/*사은품표시 :: 장바구니,주문하기, 품목상세, 모든현황페이지에 사용*/
.FreeGift-list * {
	color: #0085e4
}

.FreeGift-list li {
	border: 0 !important;
	padding: 1px 0 !important;
	color: #0085e4;
	list-style: disc inside !important;
	font-weight: normal;
	display: list-item !important
}

.FreeGift-list .table {
	width: auto
}

.FreeGift-list .td:first-child {
	vertical-align: text-top;
	width: 80px;
}

.FreeGift-list img {
	width: 16px;
	vertical-align: text-bottom;
	margin-right: 3px
}


/*bottom디자인*/
.bottom {
	width: 100%;
	background: #f7f7f7;
	color: #34343c;
	padding: 20px 0
}

	.bottom .arrow {
		display: inline-block;
		margin-left: 2px;
		margin-top: -2px;
		width: 16px;
		height: 16px;
		border: 1px solid #bbb;
		background-color: #fcfcfc;
		border-radius: 2px;
		vertical-align: middle;
		background-image: url('../images/layout/arrow-row-hover.png');
		background-size: 12px auto;
		background-position: top 1px center;
		cursor: pointer
	}

	.bottom table {
		width: 100%
	}

	.bottom td {
		vertical-align: top;
		line-height: 150%
	}

	.bottom span {
		display: inline-block;
		margin-right: 10px
	}

	.bottom .copyright, .bottom .copyright * {
		font-size: 11px;
		word-break: break-all
	}

	.bottom .terms span {
		margin: 0
	}

		.bottom .terms span::after {
			content: '|';
			margin: 0 4px;
			display: inline-block
		}

		.bottom .terms span:last-child::after {
			margin: 0;
			content: ''
		}

/*footer디자인*/
.footer {
	position: fixed;
	bottom: 0;
	width: 100%;
	left: 0;
	z-index: 300;
}

	.footer .AddTo .Buy, .footer .AddTo .Basket {
		border-left: 0
	}

.section1 {
	overflow: auto;
	margin-bottom: 10px
}

/*테마 및 서브페이지 내용 들어가는부분*/
.block {
	margin: 30px 0;
}

	.block .title {
		font-size: 18px;
		border-bottom: 1px solid #ccc;
		padding: 5px 0;
		font-weight: bold;
		position: relative
	}
	/*메인테마 타이틀*/
	.block .Item-list li {
		display: inline-block;
		width: 33%;
		min-height: 200px;
		margin: 10px 0px;
		vertical-align: top;
		background: #fff
	}

.item-more-btn {
	background: #fff;
	padding: 5px;
	border-image: none;
	display: inline-block;
	cursor: pointer;
	width: 100%;
	text-align: center;
	font-weight: bold;
	color: #666;
	padding: 10px 0;
	border: 1px solid #ccc;
	margin: 20px 0
}

	.item-more-btn:hover {
		background: #fcfcfc
	}

.title .item-more-btn {
	display: inline-block;
	padding: 5px;
	margin: 0;
	margin-top: -5px
}





/* 2.서브페이지 공통사항*/
.page-header-title, .item-list-bottom {
	color: #666;
	padding: 10px;
	border-bottom: 1px solid rgba(0,0,0,0.1);
	overflow: hidden;
	position: relative;
	background: #fff;
}

.back-btn {
	position: absolute;
	width: 24px;
	height: 32px;
	background-image: url(../images/arrow.png);
	background-repeat: no-repeat;
	background-position: -30px center;
	background-size: auto 24px
}

.home-btn {
	position: absolute;
	width: 32px;
	height: 32px;
	background-image: url(../images/layout/home.png);
	background-repeat: no-repeat;
	background-position: center;
	background-size: auto 28px;
	top: 10px;
	right: 10px
}

.page-title {
	display: inline-block;
	font-size: 16px;
	font-weight: 600;
	color: #444;
	line-height: 30px;
	width: 100%;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	padding-left: 24px
}

.page-list-sequence {
	display: inline-block;
	float: right
}
	/*갤러리유형*/
	.page-list-sequence ul {
		list-style: none;
		display: table
	}

	.page-list-sequence li {
		display: table-cell;
		margin-left: -1px
	}

		.page-list-sequence li img {
			margin-left: -1px;
			width: 30px
		}

.page-width {
	padding: 0 10px;
	margin: 0 auto;
}

.bottom-search-bar {
	text-align: center;
	margin: 10px 0;
}

	.bottom-search-bar > #txt_detailSearch {
		width: 200px;
		height: 28px;
		vertical-align: top;
		text-indent: 10px;
		border: 2px solid #ff6600;
		border-radius: 50px;
		font-size: 13px;
	}

	.bottom-search-bar > span {
		height: 28px;
		line-height: 28px;
		background-color: #ff6600;
		color: #fff;
		padding: 3px 5px;
		margin-left: 10px;
		font-size: 13px;
		border-radius: 50px;
		cursor: pointer;
	}

/*장바구니, 바로구매 버튼*/
.AddTo { /*height:50px; line-height:50px*/
	-webkit-user-drag: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

	.AddTo .Basket, .AddTo .Join {
		border: 1px solid #ff6600;
		background: #ff6600;
		color: #fff;
		text-align: center;
		font-size: 16px;
		font-weight: bold;
		cursor: pointer;
		padding: 15px 0
	}

	.AddTo .Buy {
		border: 1px solid #ff6600;
		background: #fff;
		color: #424242;
		text-align: center;
		font-size: 16px;
		font-weight: bold;
		cursor: pointer;
		padding: 15px 0
	}

	.AddTo .Disable {
		background-color: #c3c3c3;
		border-color: #a7a7a7
	}
/*수량버튼*/
.AmountButton {
	vertical-align: middle
}

	.AmountButton input[type="text"] {
		border: 0px;
		line-height: 26px;
		text-align: center;
	}

	.AmountButton .td {
		width: 25px !important;
		height: 25px !important;
		text-align: center;
		background: #fff;
		border: 1px solid #ccc;
		border-right: 0
	}

		.AmountButton .td:last-child {
			border: 1px solid #ccc;
		}

	.AmountButton .minus, .AmountButton .plus {
		background: #fff;
		border-color: #ccc;
		cursor: pointer
	}

	.AmountButton .plus {
		background-image: url(../images/logic_symbol.png);
		background-position: 0 -24px;
		background-repeat: no-repeat;
	}

	.AmountButton .minus {
		background-image: url(../images/logic_symbol.png);
		background-position: -24px -24px;
		background-repeat: no-repeat;
	}

/*이미지표시*/
.item-image {
	border: 1px solid #eee; /*border:1px solid rgba(0,0,0,.04);*/
	width: 100%;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	position: relative;
	display: flex;
	justify-content: center;
	align-items: center
}

	.item-image::before {
		position: absolute;
		top: 0;
		bottom: 0;
		width: 100%;
		background: rgba(0,0,0,0.02);
		z-index: 0;
		content: '';
	}

	.item-image .Number {
		position: absolute;
		left: 0;
		top: 0;
		background: url(../images/clip.png);
		background-repeat: no-repeat;
		background-size: 36px;
		color: #fff;
		width: 36px;
		height: 36px;
		padding-left: 4px;
		text-align: center;
		font-size: 14px;
		font-family: 'Open Sans', sans-serif;
		font-weight: bold;
		line-height: 120%;
		display: flex;
		flex-flow: column nowrap;
	}

.Number span {
	font-size: 10px;
	margin-top: -6px;
	display: block;
	font-family: "Open Sans", sans-serif;
}

.item-image .checkboxStyle {
	position: absolute;
	left: 0;
	top: 0
}

	.item-image .checkboxStyle input[type="checkbox"] + label {
		display: inline-block;
		cursor: pointer;
		width: 28px;
		height: 28px;
		vertical-align: middle;
		padding: 0;
		border: 2px solid #aaa;
		border-radius: 3px;
		background-size: 24px;
		background-image: url(../images/checkbox-unchk.png);
		background-color: #fff;
		background-repeat: no-repeat;
		background-position: center
	}

	.item-image .checkboxStyle input[type="checkbox"]:checked + label {
		background-image: url(../images/checkbox-chk-white.png);
		border-color: #ff6600;
		background-color: #ff6600
	}

.item-info .BrandName {
	font-size: 13px;
	margin-bottom: 10px;
	color: #59595a;
}

.Thema-Type04.item-info .BrandName, .Thema-Type14.item-info .BrandName {
	margin-top: 5px
}
/*바둑형리스트일때*/
.item-info .SPEC {
	color: #777
}

.item-info .Name {
	font-size: 14px;
	cursor: pointer;
	word-break: break-word
}

.item-info .option {
	color: #333;
	line-height: 150%;
	margin: 5px 0;
}

	.item-info .option .select {
		margin-bottom: 5px
	}

.item-info .Price, .Price {
	font-weight: 600;
	font-size: 16px;
	font-family: 'Open Sans', sans-serif;
}

.item-info .VAT, .VAT {
	color: #444;
	display: inline-block
}

.Original-Price {
	text-decoration: line-through;
	color: #666;
	display: block
}

.percent {
	color: #8babec;
	font-size: 14px
}

.item-info .mark-array {
	display: block;
	margin-top: 3px
}

.item-info .new-mark, .new-mark {
	background: #f00;
	color: #fff;
	display: inline-block;
	border: 1px solid #d80000;
	font-weight: normal;
	font-size: 11px;
	margin-right: 3px;
	height: 15px;
	line-height: 15px;
	padding: 0 2px
}

.item-info .position {
	display: inline-block;
	font-size: 11px;
	color: #777;
	height: 15px;
	line-height: 15px;
	margin: 3px 0 5px;
	width: 100%;
	background: #f2f2f2
}

.deal-info {
	margin: 5px 0;
	position: relative;
	display: block
}

	.deal-info div {
		margin: 5px 0
	}

	.deal-info.FreeGift-list .td {
		display: block;
		width: auto
	}


.deal-price {
	width: 100%;
	font-weight: 600;
	font-size: 20px;
	font-family: 'Open Sans', sans-serif;
	display: flex
}

	.deal-price .percent {
		font-size: 16px;
		padding: 0px 5px 0 0;
	}

.icon-mark {
	display: block;
}

	.icon-mark img {
		margin: 1px 2px;
	}

/*솔드아웃표시*/
.Soldout {
	position: absolute;
	width: 100%;
	top: 0;
	right: 0
}
	/*top:0; width:77px;*/
	.Soldout img {
		width: 100%;
		opacity: 0.9
	}






/*3.화면별 구성*/

/*회원가입페이지*/

.joinagree-page ul {
	list-style: none
}

.joinagree-page li {
	border-bottom: 1px solid #eee;
	position: relative;
	padding: 20px 0;
}

	.joinagree-page li:last-child {
		border: 0px
	}

.joinagree-page .td {
	font-size: 14px
}

	.joinagree-page .td:first-child {
		width: 25px
	}

.joinagree-page input[type="text"] {
	height: 30px;
	width: 280px;
	padding: 0 10px;
	font-size: 14px;
	margin-bottom: 5px
}

.joinagree-page .AddTo {
	height: 64px;
	line-height: 64px
}

.clause-title {
	padding-right: 20px;
	background-image: url('../images/layout/arrow-row.png');
	background-size: 20px;
	background-repeat: no-repeat;
	background-position: top right
}

.clause-content {
	border-top: 1px solid #eee;
	padding-top: 20px;
	margin-top: 20px;
	display: none
}

.form_element strong {
	color: #f00
}

.form_element02 strong {
	color: #00f /*선택*/
}

.form_element span {
	color: #666;
	text-decoration: underline;
	font-size: 11px;
	margin-left: 3px
}

/*회원가입페이지 입력부분*/
.join-page ul {
	list-style: none
}

.join-page li {
	border-bottom: 1px solid #eee;
	position: relative;
	padding: 20px 0;
}

	.join-page li:last-child {
		border: 0px
	}

.join-page .th {
	font-size: 14px;
	color: #666;
	vertical-align: top;
	padding-top: 5px;
	padding-left: 16px;
	width: 100px
}

	.join-page .th .essential {
		margin-left: -16px
	}

.join-page .td {
	font-size: 14px;
	width: auto !important
}

.join-page .select {
	margin: 0
}

.join-page select {
	font-size: 14px;
	margin: 5px 0;
	width: 100%
}

.join-page input[type="text"],
.join-page input[type="password"] {
	font-size: 14px;
	padding: 0 5px;
	line-height: 30px;
	height: 30px;
	width: 100%
}

.join-page textarea {
	font-size: 14px;
	padding: 0 5px;
	line-height: 30px;
	width: 100%
}

.join-page .checkbox-small {
	z-index: 0
}

.join-page .timer {
	color: #00f
}

.join-page .btn-style-black {
	border: 1px solid #ccc;
	background: #fff;
	color: #333; /* height: 30px; line-height: 30px;*/
	padding: 8px 5px;
	border-radius: 3px;
	margin-top: 7px;
	text-align: center;
	cursor: pointer;
}

.drop-select {
	display: inline-block
}

	.drop-select.on ul ul {
		display: block
	}

	.drop-select span {
		display: inline-block;
		line-height: 30px;
		vertical-align: top;
		margin: 0 3px
	}

	.drop-select ul {
		list-style: none;
		width: 100px;
		border: 1px solid #ddd;
	}

	.drop-select li {
		position: relative;
		padding: 0 5px;
		background-image: url(../images/arrow-down.png);
		background-position: right 5px center;
		background-repeat: no-repeat;
		background-size: 10px;
		cursor: pointer
	}

		.drop-select li:hover > ul { /*display: block*/
		}

	.drop-select ul ul {
		display: none;
		position: absolute;
		background: #fff;
		margin: -1px 0 0 -6px;
		height: 200px;
		overflow: auto;
		z-index: 1;
	}

	.drop-select li li {
		padding: 8px 5px;
		line-height: normal;
		background-image: none
	}

		.drop-select li li:hover {
			background: #f7f7f7
		}

/*base_info_sec 전부 삭제*/
.base_info_sec table {
	width: 100%;
}

	.base_info_sec table th {
		padding: 20px 10px 20px 30px;
		border-bottom: 1px solid #dcdcdc;
		background: #fbfbfb;
		width: 100px
	}

		.base_info_sec table th:first-child,
		.base_info_sec table td:first-child {
			border-left: none;
		}

	.base_info_sec table td {
		padding: 15px;
		border-bottom: 1px solid #dcdcdc;
	}

.essential {
	width: 16px;
	height: 16px;
	background-image: url('../images/layout/essential.png');
	display: inline-block;
	vertical-align: middle;
}

.base_info_sec table th .essential {
	margin-left: -16px
}

.base_info_sec table input {
	vertical-align: middle
}

	.base_info_sec table input[type="text"], .base_info_sec table input[type="password"] {
		height: 27px;
		border: 1px solid #d6d6d6;
		width: 180px
	}

.base_info_sec table select {
	height: 24px;
	border: 1px solid #d6d6d6
}

.base_info_sec table .form_element {
	display: block;
	margin-top: 8px;
}

.base_info_sec table strong {
	font-weight: normal;
	color: #3f8fe6;
}

@media screen and (min-width:600px) {
	.base_info_sec table th {
		width: 150px;
	}

	.base_info_sec table input[type="text"], .base_info_sec table input[type="password"] {
		width: 240px
	}
}

.base_info_sec table .btn {
	border: 1px solid #999;
	padding: 5px;
	display: inline-block;
	color: #333;
	font-weight: normal;
	min-height: inherit;
	font-weight: bold;
	background: rgb(249,249,249);
	background: -moz-linear-gradient(0deg, rgba(249,249,249,1) 0%, rgba(255,255,255,1) 100%);
	background: -webkit-linear-gradient(0deg, rgba(249,249,249,1) 0%, rgba(255,255,255,1) 100%);
	background: linear-gradient(0deg, rgba(249,249,249,1) 0%, rgba(255,255,255,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#f9f9f9",endColorstr="#ffffff",GradientType=1);
}
/*전부 삭제 여기까지*/





/*메인화면-카테고리이미지*/
.BlockMenu {
	border-bottom: 1px solid rgba(0,0,0,0.2)
}

	.BlockMenu ul {
		list-style: none;
		display: flex;
		flex-wrap: wrap;
	}

	.BlockMenu li {
		display: inline-flex;
		flex-wrap: wrap;
		width: 20%;
		min-height: 40px;
		box-sizing: border-box;
		border: 1px solid #dfdfdf;
		border-left: 0;
		border-bottom: 0;
	}

		.BlockMenu li:nth-child(5n) {
			border-right: 0
		}

		.BlockMenu li:nth-child(n+1):nth-child(-n+5) {
			border-top: 0
		}
		/*1번째부터 5번째 li*/
		.BlockMenu li div {
			display: flex;
			justify-content: center;
			flex-direction: column;
			text-align: center;
			width: 100%;
			height: 100%;
			background-size: 100%;
			background-repeat: no-repeat;
			background-position: center;
			padding: 10px;
			box-sizing: border-box;
			cursor: pointer
		}

.TextOver li:hover {
	border-color: #ff6600;
	background: #ff6600;
	color: #fff
}



/*쇼핑리스트페이지*/
.shoppinglist-page .block {
	padding: 0;
	margin: 0;
	border-bottom: 1px solid rgba(0,0,0,0.1)
}
/*상단 그룹형 대분류?*/
.grouping {
	color: #676767;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	margin-top: -1px
}

	.grouping .title {
		border-bottom: 1px solid #e2e2e2;
	}

	.grouping ul {
		list-style: none;
		display: flex;
		flex-wrap: wrap;
		padding: 5px 0;
		flex: 1
	}

	.grouping li {
		width: 33%;
		text-align: center;
		padding: 10px 0
	}

		.grouping li.on {
			color: #ff6600;
			font-weight: bold
		}

	.grouping i {
		color: #e44141;
		font-style: normal;
	}

	/*브랜드 팝업 및 리스트표시*/
	/*::쇼핑리스트내 브랜드*/
	.grouping.brand {
		padding-top: 10px;
		padding-bottom: 10px;
		background: #f9f9f9
	}

.brandScrolling {
	overflow-x: auto;
	overflow-y: hidden;
	-webkit-overflow-scrolling: touch;
	border: 1px solid #dadada;
	border-left: 0;
	border-right: 0;
	background: #fff
}

	.brandScrolling ul {
		display: flex;
		display: -webkit-inline-box;
		flex-wrap: nowrap;
		padding: 0
	}

	.brandScrolling li {
		padding: 10px;
		overflow: hidden;
		color: #222;
		width: auto;
		font-size: 16px;
		cursor: pointer
	}
		/*메뉴 스크롤링되려면 width:auto*/
		.brandScrolling li.selected {
			color: #067dfd !important;
			border-bottom: 4px solid #067dfd
		}

.brand-panel {
	background: #f9fbff;
	border-bottom: 1px solid #dadada;
	margin-bottom: -1px
}

	.brand-panel .swiper-wrapper {
		min-height: 150px
	}

	.brand-panel .swiper-slide {
		background: rgba(0,0,0,0);
		flex-flow: column
	}

	.brand-panel ul {
		width: 100%
	}

	.brand-panel li {
		text-align: left;
		padding: 10px;
		width: 50%;
		word-break: break-all;
		cursor: pointer;
		font-size: 13px
	}

		.brand-panel li.selected {
			color: #067dfd !important
		}

	.brand-panel .swiper-pagination {
		position: relative;
		margin-top: 20px
	}

	.brand-panel i {
		margin-left: 3px
	}

.swiperMoreBtn {
	color: #365369;
	padding: 5px;
	background: #e1eff9;
	border-radius: 5px;
	margin: 25px 0 10px;
	text-shadow: 0 1px rgba(255,255,255,.5);
}
/*브랜드더보기버튼*/

.brandDetails-btn {
	background: #fff;
	padding: 10px 0;
	text-align: center;
	font-size: 15px;
	border: 1px solid #dadada;
	border-right: 0;
	border-left: 0;
	color: #469fff
}

.recommendScrolling {
	background: #fff;
	border-top: 1px solid #dadada
}

	.recommendScrolling p {
		padding: 10px 10px 5px 10px;
	}

	.recommendScrolling .brandScrolling {
		border: 0
	}

	.recommendScrolling ul {
		padding: 10px
	}

	.recommendScrolling li {
		border: 1px solid #ccc;
		margin-right: 10px;
		padding: 5px 30px 5px 5px;
		background-image: url('../images/arrow.png');
		background-repeat: no-repeat;
		background-position: right -16px center;
		background-size: auto 18px
	}

	.recommendScrolling i {
		margin-left: 3px
	}

.attributeScrolling {
	background: #fff;
	border: 1px solid #dadada;
	border-right: 0;
	border-left: 0;
	margin-top: -1px;
	position: relative;
	overflow: hidden
}

	.attributeScrolling .brandScrolling {
		margin-right: 50px;
		border: 0
	}

	.attributeScrolling ul {
		padding: 10px;
	}

	.attributeScrolling li {
		padding: 0;
		padding-right: 10px
	}

	.attributeScrolling em {
		font-style: normal;
		color: #fff;
		padding: 5px 10px;
		border-radius: 2px;
		background: #0073be;
		display: inline-block;
	}

	.attributeScrolling li:nth-child(2n) em {
		background: #1693e4
	}

	.attributeScrolling .attributeRe {
		position: absolute;
		right: 0;
		top: 0;
		bottom: 0;
		width: 50px;
		background: url('../images/refresh.png');
		background-repeat: no-repeat;
		background-size: 60%;
		background-position: center;
		-webkit-box-shadow: -20px 0px 20px rgba(0,0,0,.1);
		box-shadow: -20px 0px 20px rgba(0,0,0,.1);
	}

/*::브랜드 팝업*/
.brand-option.popup-box {
	margin: 0;
	border: 0;
	border-radius: 0;
}

.brand-option .pop-bottom {
	position: absolute;
	bottom: 0;
	width: 100%;
	padding: 0
}

.brand-option .brandRow {
	width: 100px;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	overflow-y: auto;
	background: #e9eff9
}

	.brand-option .brandRow ul {
		width: 100%;
		border-right: 1px solid rgba(0,0,0,.1);
	}

	.brand-option .brandRow li {
		border-bottom: 1px solid rgba(0,0,0,.1);
		margin-right: -1px;
		padding: 10px 5px;
		text-align: left;
		font-size: 14px
	}

		.brand-option .brandRow li.selected {
			border-right-color: #fff;
			background: #fff;
			color: #0058f7 !important
		}

		.brand-option .brandRow li i {
			font-style: normal;
			margin-left: 3px;
			display: inline-block;
		}

.brand-option .brand-list {
	margin-left: 100px;
	overflow-y: auto;
	position: relative;
	height: 100%
}

	.brand-option .brand-list li {
		border-bottom: 1px solid #eee;
		padding-bottom: 10px;
		margin-bottom: 10px;
		display: flex;
		align-items: center
	}

.brand-option .brand-name {
	display: inline-block;
	font-size: 14px;
	margin-left: 2px
}

	.brand-option .brand-name i {
		display: inline-block;
		font-style: normal;
		margin-left: 2px;
		color: #7b7b7b
	}
/*::선택된 브랜드표시*/
.select-brand {
	border-bottom: 1px solid #ccc;
	padding: 10px;
	font-size: 16px;
}

	.select-brand li {
		display: inline-block; /*background:#4285f4;*/
		background: #f0f5ff; /*color:#fff;*/
		border-radius: 3px;
		padding: 3px 5px;
		margin: 2px 0
	}

		.select-brand li i {
			font-style: normal;
			margin-left: 2px;
			display: inline-block;
			color: rgba(65,77,230,0.85)
		}

/*브랜드 팝업 및 리스트표시*/

.brand-option .brand-list li {
	border-bottom: 1px solid #eee;
	padding-bottom: 10px;
	margin-bottom: 10px;
	display: flex
}

.brand-option .brand-name {
	display: inline-block;
	font-size: 14px;
	margin-left: 2px
}

	.brand-option .brand-name i {
		display: inline-block;
		font-style: normal;
		margin-left: 2px;
		color: #7b7b7b
	}

.select-brand {
	border-bottom: 1px solid #ccc;
	padding: 10px;
	font-size: 16px;
}

	.select-brand li {
		display: inline-block; /*background:#4285f4;*/
		background: #f0f5ff; /*color:#fff;*/
		border-radius: 3px;
		padding: 3px 5px;
		margin: 2px 0
	}

		.select-brand li i {
			font-style: normal;
			margin-left: 2px;
			display: inline-block;
			color: rgba(65,77,230,0.85)
		}

.none-item {
	text-align: center;
	padding: 50px 10px;
	font-size: 14px;
	font-weight: bold;
	min-height: 200px
}

/*아이템리스트페이지, 상세보기내 같이하면좋은상품 리스트*/
.item-list-page .zzim-n-cart {
	padding-top: 5px;
}

	.item-list-page .zzim-n-cart .td {
		border: 1px solid #c2c7cc;
		border-right: 0;
		padding: 5px;
		vertical-align: middle;
		width: 50%;
		text-align: center;
		position: relative
	}

		.item-list-page .zzim-n-cart .td:last-child {
			border: 1px solid #c2c7cc;
		}

	.item-list-page .zzim-n-cart img {
		width: 20px
	}

	.item-list-page .zzim-n-cart .zzim {
		position: relative;
		background-color: rgba(0,0,0,0);
		width: auto;
		height: 25px
	}

.item-list-page .option-add {
	padding-top: 5px;
}

	.item-list-page .option-add .td {
		border: 1px solid #9db1c5;
		padding: 8px;
		vertical-align: middle;
		width: 50%;
		text-align: center;
		position: relative;
		font-weight: bold;
	}



/*아이템리스트페이지에서 리스트형일때(상세페이지/장바구니/주문서작성 리스트형 동일사용)*/
.list-styleB2B .Thema-Type13 .Item-list li {
	width: 100%;
	min-height: inherit;
	display: block;
	border-bottom: 1px solid #cfcfcf;
	margin: 0;
	padding: 0;
	position: relative
}

	.list-styleB2B .Thema-Type13 .Item-list li.item-soldout * {
		color: #999
	}

.item-soldout::before {
	position: absolute;
	content: '';
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background-color: rgba(255,255,255,.3);
	background-image: url('../images/item-shortage.png');
	z-index: 10
}

.item-shortage {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	text-align: center;
	z-index: 11;
	display: flex;
	align-items: center;
	justify-content: center
}

	.item-shortage .table {
		border: 2px solid #d55a5a;
		background: #fff;
		border-radius: 3px;
		width: auto;
		margin: 0 auto
	}

	.item-shortage .td {
		padding: 5px 12px;
		font-size: 16px;
		font-weight: bold;
		color: #000 !important
	}

	.item-shortage .trash {
		background-color: #d24444;
		background-image: url('../images/layout/trash-white.png');
		background-repeat: no-repeat;
		background-position: center;
		background-size: 28px;
		width: 50px;
	}

.list-styleB2B .Thema-Type13 .Item-list tr:first-child td {
	padding: 15px 10px;
}

.list-styleB2B .Thema-Type13 .Item-list td {
	padding: 10px;
	vertical-align: top
}

	.list-styleB2B .Thema-Type13 .Item-list td:nth-child(1) {
		width: 33%;
		vertical-align: top
	}

	.list-styleB2B .Thema-Type13 .Item-list td:nth-child(2) {
		width: 67%;
		vertical-align: top
	}

.list-styleB2B .Thema-Type13 .AddTo {
	width: 32px;
	line-height: normal
}

	.list-styleB2B .Thema-Type13 .AddTo div {
		background-image: url('../images/icon-color/add-cart.png');
		width: 32px;
		height: 32px;
		background-size: 28px;
		background-position: center
	}

	.list-styleB2B .Thema-Type13 .AddTo .Basket {
		background-image: url('../images/icon-color/add-cart-white.png');
		width: 32px;
		height: 32px;
		background-size: 28px;
		background-position: center
	}

.list-styleB2B .Thema-Type13 .etc .td:first-child {
	width: 80px;
	color: #333
}

.list-styleB2B .Thema-Type13 .etc .td:last-child {
	font-weight: bold
}

.list-styleB2B .Thema-Type13 .deal-price {
	display: block;
	font-weight: normal
}

	.list-styleB2B .Thema-Type13 .deal-price .td:first-child {
		min-width: 40px;
		width: 100px;
		color: #333
	}

	.list-styleB2B .Thema-Type13 .deal-price .td:last-child {
		font-weight: bold
	}

.list-styleB2B .Thema-Type13 .item-control {
	border-top: 1px solid #eee;
	padding: 5px;
	background: #f7f7f7;
}

	.list-styleB2B .Thema-Type13 .item-control .option-add {
		border: 1px solid #aaa;
		padding: 10px 8px;
	}

.list-styleB2B .Thema-Type13 .option-select .selectText {
	font-size: 14px
}

/*.item-list-page .Thema-Type13 .Item-list li{width:100%; min-height:auto; display:block; border-bottom:1px solid #e2e2e2; margin:0;}
.item-list-page .Thema-Type13 .Item-list td{padding:10px 0;}
.item-list-page .Thema-Type13 .Item-list td:nth-child(1){width:33%; vertical-align:top}
.item-list-page .Thema-Type13 .Item-list td:nth-child(2){padding:10px 0 10px 20px}
.item-list-page .Thema-Type13 .AddTo{width:32px; line-height:normal}
.item-list-page .Thema-Type13 .AddTo div{background-image:url('../images/icon-color/add-cart.png'); width:32px; height:32px; background-size:28px; background-position:center}
.item-list-page .Thema-Type13 .AddTo .Basket{background-image:url('../images/icon-color/add-cart-white.png'); width:32px; height:32px; background-size:28px; background-position:center}
.item-list-page .Thema-Type13 .etc .td:first-child{width:80px; color:#333}
.item-list-page .Thema-Type13 .etc .td:last-child{font-weight:bold}
.item-list-page .Thema-Type13 .deal-price{display:block; font-weight:normal}
.item-list-page .Thema-Type13 .deal-price .td:first-child{width:40px; color:#333}
.item-list-page .Thema-Type13 .deal-price .td:last-child{font-weight:bold}*/

/*쇼핑리스트 옵션선택*/
.shoppinglist-option .pop-content {
	overflow: inherit;
	height: auto;
}

	.shoppinglist-option .pop-content.heightContent {
		overflow: auto;
		min-height: 350px
	}

	.shoppinglist-option .pop-content .item-image {
		margin-right: 10px
	}

	.shoppinglist-option .pop-content .FreeGift-title {
		font-size: 12px !important;
		text-align: center;
		font-weight: bold;
		color: #0085e4 !important
	}

	.shoppinglist-option .pop-content .FreeGift-list {
		background: none
	}

.shoppinglist-option .pop-bottom {
	border-top: 1px solid #eee;
	background-color: #f7f7f7;
	border-radius: 0 0 10px 10px
}

	.shoppinglist-option .pop-bottom .td {
		font-weight: bold;
		font-size: 16px;
	}

.shoppinglist-option .Price {
	font-size: 16px;
	font-family: 'Open Sans', sans-serif;
	font-weight: 600
}

	.shoppinglist-option .Price::after {
		content: '원';
		font-size: 16px
	}

.shoppinglist-option .cart-buy-btn {
	padding: 10px;
	width: auto;
	font-size: 16px
}

.shoppinglist-option .section1 {
	margin-bottom: 20px;
	padding-bottom: 10px;
	border-bottom: 1px dashed #ccc;
	overflow: inherit;
	min-height: 200px
}

	.shoppinglist-option .section1 .option-dropdown:first-child {
		margin-top: 0
	}

.shoppinglist-option .option-select .selectText, .shoppinglist-option .option-select li {
	font-size: 14px
}

.shoppinglist-option .mainOpt div:nth-child(2) ul {
	border-color: #1454e4 !important
}

.shoppinglist-option .AddTo .Buy span {
	width: 20px;
	height: 20px;
	display: inline-block;
	font-size: 1px;
	color: rgba(0,0,0,0);
	vertical-align: middle;
	margin-top: -5px;
	background-image: url('../images/icon-color/arrow-navy.png');
	background-size: auto 20px;
	background-position: left center
}



/*상세페이지 부분*/
.detail-page ul {
	list-style: none
}

.detail-page li { /*padding-bottom:15px; margin-bottom:20px*/
}

.detail-page .item-info li {
	border-bottom: 1px solid #eee;
	position: relative;
	margin: 0;
	padding: 15px
}

.detail-page .item-info .th {
	font-size: 13px;
	width: 100px;
	color: #666;
	vertical-align: top
}

.detail-page .item-info .td {
	font-size: 13px
}

.detail-page td .Name {
	font-size: 16px;
}

.detail-page .item-sub-info .th {
	width: 80px
}

.detail-page .item-sub-info .td {
	height: 20px
}

.detail-page .sub-image {
	text-align: center;
	padding: 10px 0
}

	.detail-page .sub-image li {
		display: inline-block;
		width: 60px;
		height: 60px;
		margin: 0 5px 0 0;
		border: 1px solid #eee;
		overflow: hidden
	}

.sub-image .choice {
	border: 1px solid #000 !important
}

.detail-page .sub-image li img {
	width: 100%
}
/*width:60px;*/

.detail-page .goBoard {
	border: 1px solid #ccc;
	padding: 10px;
	font-size: 14px;
	text-align: center;
	margin: 10px;
}

	.detail-page .goBoard img {
		width: 18px;
		vertical-align: middle;
		margin-right: 3px
	}

.detail-page .tab {
	border-bottom: 2px solid #444
}

	.detail-page .tab ul {
		display: table;
		width: 100%;
		margin: auto;
	}

	.detail-page .tab li {
		display: table-cell;
		width: 25%;
		height: 50px;
		padding: 0;
		text-align: center;
		vertical-align: middle;
		border: 1px solid #d1d1d1;
		border-bottom: 0;
		border-right: 0px
	}

		.detail-page .tab li:last-child {
			border-right: 1px solid #d1d1d1;
		}

	.detail-page .tab a {
		font-size: 14px;
	}

	.detail-page .tab .choice {
		background: #34343c;
	}

		.detail-page .tab .choice a {
			color: #fff;
		}

.itemDetailPage + .footer .AddTo .Buy span {
	width: 18px;
	height: 18px;
	display: inline-block;
	font-size: 1px;
	color: rgba(0,0,0,0);
	vertical-align: middle;
	margin-top: -3px;
	background-image: url('../images/icon-color/arrow-navy.png');
	background-size: auto 18px;
	background-position: left center
}

.tab-info {
	margin-bottom: 40px
}

#tab01 img, .tab01 img {
	width: 100%
}

#tab01 .imgSize {
	width: 100%
}
/*상세페이지 이미지만 들어갔을때의 사이즈*/

#tab02 .td {
	line-height: 150%;
	padding: 15px 20px;
	border-width: 1px 0 1px 1px;
	border-color: #e5e5e5;
	border-style: solid;
	font-family: dotum, Arial, Helvetica, sans-serif
}

	#tab02 .td * {
		font-size: 12px;
		font-family: dotum, Arial, Helvetica, sans-serif
	}

	#tab02 .td b {
		color: #2047a9
	}

	#tab02 .td:first-child {
		background: #f9f9f9;
		font-weight: bold;
		width: 90px;
		border-left: 0px
	}

/*
#tab03  .review-list{margin-bottom:40px}
#tab03  .review-list li{border-bottom:1px solid #e5e5e5; padding:20px; margin:0}
#tab03  .review-list li *{font-family:dotum, Arial, Helvetica, sans-serif}
#tab03  .review-list .table{display:block}
#tab03  .review-list .td{display:block}
#tab03 .td{line-height:150%}
#tab03 .td:nth-child(1){margin-bottom:12px}
#tab03 .td:nth-child(3){display:inline-block;}
#tab03 .date{color:#999}
#tab03 .star{background:url(../image/star_nonefill.png) no-repeat; width:80px; height:16px}
#tab03 .star-fill01{background:url(../image/star_fill.png) no-repeat; width:80px; height:16px; background-position:-64px 0}
#tab03 .star-fill02{background:url(../image/star_fill.png) no-repeat; width:80px; height:16px; background-position:-48px 0}
#tab03 .star-fill03{background:url(../image/star_fill.png) no-repeat; width:80px; height:16px; background-position:-32px 0}
#tab03 .star-fill04{background:url(../image/star_fill.png) no-repeat; width:80px; height:16px; background-position:-16px 0}
#tab03 .star-fill05{background:url(../image/star_fill.png) no-repeat; width:80px; height:16px; background-position:0 0}*/
/**평점**/
#tab03 .averageBox {
	background: #f8f9fb;
	padding: 20px;
	margin-bottom: 40px
}

	#tab03 .averageBox .td {
		text-align: center;
		vertical-align: top;
		display: inline-table;
		margin: 10px 0
	}

	#tab03 .averageBox b {
		font-size: 14px
	}

#tab03 .average-star {
	background-image: url(../images/layout/star_nonefill_64.png);
	background-size: auto 31px;
	height: 31px;
	width: 110px;
	margin: 0 auto;
}

#tab03 .average-star-fill {
	background-image: url(../images/layout/star_fill_64.png);
	background-size: auto 31px;
	height: 31px;
}

#tab03 .average-score span {
	color: #000;
	font-weight: bold;
	font-size: 30px;
	font-family: 'Open Sans', sans-serif;
	margin: 20px auto;
	display: block
}

#tab03 .average-percent {
	margin: 10px 0
}

	#tab03 .average-percent li {
		display: inline-block;
		margin: 0 5px
	}

	#tab03 .average-percent .percent {
		font-size: 14px;
		font-weight: bold;
		color: #000;
		font-family: 'Open Sans', sans-serif;
		margin-bottom: 5px
	}

	#tab03 .average-percent .score {
		color: #5f5f5f
	}

	#tab03 .average-percent .bar-graph {
		display: inline-block;
		position: relative;
		width: 8px;
		height: 62px;
		border-radius: 5px;
		background-color: #e6e9f0;
		-webkit-box-shadow: inset 0 0 0 1px rgba(0,0,0,0.03);
		box-shadow: inset 0 0 0 1px rgba(0,0,0,0.03);
		vertical-align: top;
	}

	#tab03 .average-percent .bar-graph-fill {
		position: absolute;
		bottom: 0;
		left: 0;
		right: 0; /*min-height: 8px;*/
		background: #f00;
		border-radius: 5px;
	}

/**포토리뷰**/
#tab03 .photo-review {
	margin-bottom: 40px
}

	#tab03 .photo-review .title .td {
		font-size: 18px;
		font-weight: 600
	}

	#tab03 .photo-review ul {
		white-space: nowrap;
		overflow-x: auto;
		padding: 10px 0
	}

	#tab03 .photo-review li {
		position: relative;
		display: inline-block;
		padding: 2px;
		vertical-align: middle;
	}

		#tab03 .photo-review li .representativeImg {
			position: relative;
			display: flex;
			border: 1px solid rgba(0,0,0,0.07);
			border-radius: 4px;
			width: 95px;
			height: 95px;
			text-align: center;
			background-size: cover;
			background-position: center;
			background-repeat: no-repeat;
			justify-content: center;
			align-items: center;
			cursor: pointer
		}

			#tab03 .photo-review li .representativeImg:hover::before {
				position: absolute;
				width: 100%;
				height: 100%;
				background: rgba(0,0,0,.15);
				content: '';
			}

#tab03 .photo-count {
	display: inline-block;
	position: absolute;
	right: 0;
	bottom: 0;
	line-height: normal;
	background: rgba(0,0,0,.35);
	color: #fff;
	min-width: 20px;
	padding: 3px 0
}

#tab03 .photo-more {
	background: rgba(0,0,0,.35);
	color: #fff;
	font-weight: bold
}

#tab03 ::-webkit-scrollbar {
	width: 10px; /* 세로축 스크롤바 길이 */
	height: 5px; /* 가로축 스크롤바 길이 */
}

#tab03 ::-webkit-scrollbar-track {
	background-color: rgba(0,0,0,0);
}

#tab03 ::-webkit-scrollbar-track-piece { /*세로스크로 back*/
	background-color: rgba(0,0,0,0);
}

#tab03 ::-webkit-scrollbar-thumb {
	border-radius: 5px;
	background-color: #eee; /*스크롤시 위치이동*/
}

#tab03 ::-webkit-scrollbar-button {
	background-color: rgba(0,0,0,0);
	width: 0px;
	height: 0px;
}

	#tab03 ::-webkit-scrollbar-button:start {
		background-color: rgba(0,0,0,0); /* Top, Left 방향의 이동버튼 */
	}

	#tab03 ::-webkit-scrollbar-button:end {
		background-color: rgba(0,0,0,0); /* Bottom, Right 방향의 이동버튼 */
	}

	#tab03 ::-webkit-scrollbar-button:vertical:increment {
	}

	#tab03 ::-webkit-scrollbar-button:vertical:decrement {
	}

#tab03 ::-webkit-scrollbar-corner {
	background-color: violet; /* 우측 하단의 코너 부분 */
}

#tab03 ::-webkit-resizer {
	background-color: green;
}


/***포토리뷰선택시 팝업창***/
#tab03 .photo-review-detail {
	position: relative;
	position: fixed;
	top: 0;
	width: 100%;
	bottom: 0;
	overflow: auto;
}

	#tab03 .photo-review-detail .photo-review {
		margin: 0;
		padding: 20px
	}

		#tab03 .photo-review-detail .photo-review ul {
			white-space: normal;
			overflow: inherit;
			display: flex;
			flex-wrap: wrap;
			padding: 0
		}

	#tab03 .photo-review-detail li {
		position: relative;
		display: inline-block;
		padding: 2px;
		vertical-align: middle;
		width: 33%
	}

		#tab03 .photo-review-detail li .representativeImg {
			position: relative;
			display: flex;
			border: 1px solid rgba(0,0,0,0.07);
			border-radius: 4px;
			width: 100%;
			height: 100%;
			text-align: center;
			background-size: cover;
			background-position: center;
			background-repeat: no-repeat;
			justify-content: center;
			align-items: center;
			cursor: pointer
		}

			#tab03 .photo-review-detail li .representativeImg:hover::before {
				position: absolute;
				width: 100%;
				height: 100%;
				background: rgba(0,0,0,.15);
				content: '';
			}

	#tab03 .photo-review-detail .photo-review li .representativeImg::before {
		content: '';
		position: absolute;
		width: 100%;
		height: 100%;
	}

	#tab03 .photo-review-detail .photo-review .choice::before {
		border: 2px solid #f00;
		border-radius: 4px;
		background-color: transparent !important
	}

	#tab03 .photo-review-detail .review-list {
		height: 100%;
		background-color: #f8fafc
	}

	#tab03 .photo-review-detail .inquiry-details {
		margin: 0 !important;
		padding: 20px !important;
		background-color: inherit !important;
		border-bottom: 0;
		width: 100%;
		position: absolute;
		overflow: auto;
		top: 0;
		bottom: 0;
	}

#tab03 .td {
	line-height: 150%;
	cursor: pointer;
}

#tab03 .reviewStyle02 .title {
	padding: 10px 0px
}

	#tab03 .reviewStyle02 .title .td {
		font-size: 18px;
		font-weight: bold
	}

		#tab03 .reviewStyle02 .title .td:last-child {
			text-align: right
		}

#tab03 .reviewStyle02 li {
	border-bottom: 1px solid #e5e5e5;
	padding: 20px 10px;
	margin: 0
}

	#tab03 .reviewStyle02 li * {
		font-size: 13px
	}

#tab03 .reviewStyle02 .td {
	vertical-align: top
}

#tab03 .reviewStyle02 .photo-review {
	margin: 0;
	padding-top: 20px
}

	#tab03 .reviewStyle02 .photo-review li {
		padding: 0;
		border: 0
	}

	#tab03 .reviewStyle02 .photo-review .representativeImg {
		width: 110px;
		height: 110px;
	}

#tab03 .reviewStyle02 .info {
	margin: 5px 0 10px;
	color: #5f5f5f
}

	#tab03 .reviewStyle02 .info span {
		margin-right: 5px;
		font-size: 12px
	}

	#tab03 .reviewStyle02 .info .item {
		color: #1453bb
	}

#tab03 .reviewStyle02 .inquiry-details {
	background: #f7f7f7;
	padding: 30px;
	min-height: 80px;
	line-height: 150%;
	margin: 0 -20px;
	cursor: pointer
}

	#tab03 .reviewStyle02 .inquiry-details .td:nth-child(2) {
		display: none
	}

#tab03 .reviewStyle02 .all-images {
	display: none;
	padding: 15px 0
}

	#tab03 .reviewStyle02 .all-images img {
		border-radius: 5px
	}

#tab03 .reviewStyle02 .inquiry-details .all-images {
	display: block
}

#tab03 .reviewStyle02 .inquiry-details .photo-review {
	display: none
}

#tab03 .reviewStyle02 .seller {
	margin-top: 15px;
}

#tab03 .reviewStyle02 .seller-comment {
	margin-top: 5px;
	line-height: 150%;
	background: rgba(0,0,0,.03);
	padding: 10px;
	border-radius: 5px
}

/* :: 상세페이지내 구매후기, 마이페이내 구매후기 리스트에 사용*/
.star {
	background: url(../images/layout/star_nonefill.png) no-repeat;
	width: 80px;
	height: 16px;
}

.star-fill01 {
	background: url(../images/layout/star_fill.png) no-repeat;
	width: 80px;
	height: 16px;
	background-position: -64px 0;
}

.star-fill02 {
	background: url(../images/layout/star_fill.png) no-repeat;
	width: 80px;
	height: 16px;
	background-position: -48px 0;
}

.star-fill03 {
	background: url(../images/layout/star_fill.png) no-repeat;
	width: 80px;
	height: 16px;
	background-position: -32px 0;
}

.star-fill04 {
	background: url(../images/layout/star_fill.png) no-repeat;
	width: 80px;
	height: 16px;
	background-position: -16px 0;
}

.star-fill05 {
	background: url(../images/layout/star_fill.png) no-repeat;
	width: 80px;
	height: 16px;
	background-position: 0 0;
}

#tab03 .inquiry-details img {
	max-width: 300px;
	margin-bottom: 10px;
}


#tab04 .QnA li {
	border-bottom: 1px solid #e5e5e5;
	padding-bottom: 15px;
	margin-bottom: 20px
}

	#tab04 .QnA li * {
		font-family: dotum, Arial, Helvetica, sans-serif
	}

#tab04 .td {
	padding: 0 5px;
	line-height: 150%
}

	#tab04 .td:nth-child(1) {
		width: 120px;
		text-align: center
	}

	#tab04 .td:nth-child(3) {
		width: 80px;
		background: url(../image/arrow-down03.png) no-repeat;
		background-position: center;
		background-size: 24px
	}

#tab04 .date {
	color: #999
}

#tab04 .inquiry-details {
	border-top: 1px solid #e5e5e5;
	background: #f7f7f7;
	margin: 15px 0 -15px;
	padding: 15px;
	min-height: 80px;
	line-height: 150%
}

/**상품리뷰작성 팝업창**/
.item-review-write .Group-item .package {
	margin: 0 0 10px;
	border: 0 !important
}

.item-review-write .Group-item .package-middle {
	background: #f7f7f7;
	border: 0
}

	.item-review-write .Group-item .package-middle .Price::after {
		content: '원'
	}

.item-review-write .Group-info .package-header {
	font-size: 16px;
	font-weight: 600
}

.item-review-write .Group-info .package-middle {
	padding: 20px;
	border: 0
}

	.item-review-write .Group-info .package-middle i {
		color: #222;
		font-size: 14px;
		font-style: normal;
		margin-bottom: 10px;
		display: block;
		font-weight: bold
	}

	.item-review-write .Group-info .package-middle li {
		padding: 5px 0;
		border-bottom: 1px solid #eee
	}

		.item-review-write .Group-info .package-middle li:last-child {
			border: 0
		}

		.item-review-write .Group-info .package-middle li .th, .item-review .Group-info .package-middle li .td {
			font-size: 14px;
			text-align: left;
			padding: 5px 0
		}

		.item-review-write .Group-info .package-middle li .th {
			width: 85px;
			padding-right: 5px;
			color: #666
		}

		.item-review-write .Group-info .package-middle li span {
			font-size: 14px
		}

	.item-review-write .Group-info .package-middle .mass {
		margin-bottom: 30px
	}

	.item-review-write .Group-info .package-middle textarea {
		border: 1px solid #ccc;
		resize: none;
		padding: 5px;
		line-height: 150%;
		width: 100%;
		height: 120px;
		font-size: 14px;
	}

.answer-write input[type="text"], .answer-write textarea {
	font-size: 14px;
	padding: 0 5px;
	line-height: 30px
}

.attached-files li {
	width: 60px;
	height: 60px;
	border: 1px solid #c2c7cc !important;
	display: inline-block;
	cursor: pointer;
	background-image: url(../images/layout/attached-back.png);
	background-position: center;
	margin: 0 3px 0 0 !important
}

.appraisal {
	padding: 10px 0;
	display: inline-block
}

.appraisal {
	display: inline-block
}

	.appraisal input[type="button"] {
		background-image: url('../images/layout/star_nonefill24.png');
		background-repeat: no-repeat;
		background-color: rgba(0,0,0,0);
		background-size: 40px;
		background-position: center;
		border: 0px;
		width: 40px;
		height: 40px;
		cursor: pointer;
		color: rgba(0,0,0,0) !important;
	}

		.appraisal input[type="button"].on, .appraisal input[type="button"].selected {
			background-image: url('../images/layout/star_fill24.png');
		}

	.appraisal .txt {
		display: inline-block;
		line-height: 40px;
		margin-left: 10px;
		font-size: 14px
	}

/**상품문의(상세페이지내) 팝업창**/
.item-detail-qna .Group-item .package {
	margin: 0 0 10px;
	border: 0 !important
}

.item-detail-qna .Group-item .package-middle {
	background: #f7f7f7;
	border: 0
}

	.item-detail-qna .Group-item .package-middle .Price::after {
		content: '원'
	}

.item-detail-qna .Group-info .package-header {
	font-size: 16px;
	font-weight: 600
}

.item-detail-qna .Group-info .package-middle {
	padding: 20px;
	border: 0
}

	.item-detail-qna .Group-info .package-middle i {
		color: #222;
		font-size: 14px;
		font-style: normal;
		margin-bottom: 10px;
		display: block;
		font-weight: bold
	}

	.item-detail-qna .Group-info .package-middle li {
		padding: 5px 0;
		border-bottom: 1px solid #eee
	}

		.item-detail-qna .Group-info .package-middle li:last-child {
			border: 0
		}

		.item-detail-qna .Group-info .package-middle li .th, .item-review .Group-info .package-middle li .td {
			font-size: 14px;
			text-align: left;
			padding: 5px 0
		}

		.item-detail-qna .Group-info .package-middle li .th {
			width: 85px;
			padding-right: 5px;
			color: #666
		}

		.item-detail-qna .Group-info .package-middle li span {
			font-size: 14px
		}

	.item-detail-qna .Group-info .package-middle textarea {
		border: 1px solid #ccc;
		resize: none;
		padding: 5px;
		line-height: 150%;
		width: 100%;
		height: 120px;
		font-size: 14px;
	}

	.item-detail-qna .Group-info .package-middle select {
		width: 100%;
		margin-bottom: 10px
	}

	.item-detail-qna .Group-info .package-middle input[type="text"] {
		width: 100%;
		padding: 5px;
		font-size: 14px
	}




/*함께하면 좋은상품 리스트보여주는 부분*/
.option-list {
	margin: 50px 0;
}

	.option-list .title {
		font-size: 20px !important;
		font-family: 'Malgun Gothic' !important;
		font-weight: normal !important;
		padding: 0 10px 10px;
		position: relative
	}

	.option-list .listType-galleryPanel {
		padding: 0 10px
	}

/*관련상품 리스트형*/
.showListStyle {
	display: inline-block;
	vertical-align: middle;
	margin: -5px 0 0 0
}

	.showListStyle ul {
		display: flex;
		list-style: none
	}

	.showListStyle li {
		border: 1px solid #ccc;
		border-right: 0;
		margin: 0;
		height: 32px;
		width: 32px;
		list-style: none;
		background-color: #fff;
		background-repeat: no-repeat;
		background-position: center;
		cursor: pointer;
		padding: 0 !important
	}

		.showListStyle li:last-child {
			border: 1px solid #ccc
		}

.listType-list {
	background-image: url('../images/layout/list-type01.png');
}

	.listType-list.select {
		background-image: url('../images/layout/list-type01-select.png');
	}

.listType-gallery {
	background-image: url('../images/layout/list-type02.png');
}

	.listType-gallery.select {
		background-image: url('../images/layout/list-type02-select.png');
	}

/* ERP/웹상품정보 디자인 부분 */
.itemDetailsInfo ul {
	display: table;
	width: 100%
}

.itemDetailsInfo li {
	padding: 15px 0px;
	display: table-cell;
	text-align: center;
	width: 25%;
	background: #f9f9f9;
	border: 1px solid #ccc;
	border-right: 0;
	color: #666;
	font-weight: bold
}

	.itemDetailsInfo li:first-child {
		border-left: 0
	}

	.itemDetailsInfo li.info-selected {
		background: #fff;
		color: #000;
		border-bottom: 1px solid #fff
	}
/*.ERPitemInfo, .Webiteminfo{margin-bottom:125px}*/

.ERPitemInfo {
	padding: 20px
}

	.ERPitemInfo .itemBox1 {
		margin-bottom: 10px;
		display: block;
		position: relative
	}
		/* .ERPitemInfo .itemBox1 .imageList{display:inline-block; position:absolute; left:145px; bottom:0}*/
		.ERPitemInfo .itemBox1 .imageList li {
			list-style: none;
			display: inline-block;
			margin-right: 8px
		}

			.ERPitemInfo .itemBox1 .imageList li img {
				width: 50px;
				height: 50px;
				border: 1px solid rgba(0,0,0,.3);
				opacity: .5
			}

		.ERPitemInfo .itemBox1 .imageList .imgSelect img {
			opacity: 1;
			border: 1px solid #000
		}

	.ERPitemInfo .itemBox2 {
		display: block
	}

		.ERPitemInfo .itemBox2 th, .ERPitemInfo .itemBox2 td {
			border: 1px solid #e2e2e2;
			height: 30px;
			padding: 2px 5px
		}

		.ERPitemInfo .itemBox2 th {
			background: #f9f9f9
		}

	.ERPitemInfo .itemImages {
		width: 128px !important;
		height: 128px;
	}

	.ERPitemInfo .itemName {
		display: table-cell;
		font-weight: bold;
		font-size: 14px;
		padding-left: 12px;
		line-height: 180%
	}

/*상세페이지 하단 장바구니담기(장바구니에도 사용)*/

.amount-flip {
	height: 29px;
	background-image: url('../images/layout/item-buy-arrow-top.png');
	background-size: 65px;
	background-position: center bottom;
	background-repeat: no-repeat;
	position: relative;
	z-index: 1;
	margin-bottom: -1px;
}

.amount-panel {
	padding: 10px;
	display: none; /*border-top:1px solid #999;*/
	position: relative;
	overflow: hidden;
	background: #e5e5e5
}

.Basket-total .title {
	font-size: 16px;
	border: 0;
	font-weight: 600;
	color: #444
}

.Basket-total th {
	width: 100px;
	color: #666;
	font-size: 14px;
	text-align: left;
	font-weight: normal;
	padding: 5px 0
}

.Basket-total td {
	text-align: right;
	font-size: 14px;
}

.mobile-quick-btn {
	text-align: right;
	padding: 0 10px 10px
}

	.mobile-quick-btn.position {
		position: absolute;
		top: -48px;
		right: 0
	}

.amount-box {
	border: 1px solid #cdd7e6;
	background: #f3f7fd;
	padding: 10px;
}
	/*border:1px solid #f1f1f1; background:#fafafa;*/
	.amount-box .option-img {
		width: 26px;
		height: 26px;
		display: inline-block;
		border: 1px solid #eee;
		margin-right: 8px;
		vertical-align: middle;
		margin-bottom: 10px;
		text-align: center
	}

		.amount-box .option-img img {
			width: 100%;
			height: auto;
			vertical-align: middle
		}

	.amount-box .Name {
		line-height: 130%;
		font-size: 16px !important;
		margin-bottom: 10px;
		display: inline-block;
		vertical-align: middle
	}

	.amount-box .Price::after {
		content: '원'
	}

	.amount-box .delete {
		width: 26px;
		background-image: url('../images/delete.png');
		background-repeat: no-repeat;
		background-position: right center;
		cursor: pointer
	}

/*상세페이지 옵션드롭다운*/
.op-group {
	border-bottom: 1px dashed #ccc;
	margin-bottom: 20px;
	padding-bottom: 10px
}

	.op-group .mainOpt span:nth-child(1) ul {
		border-color: #1454e4
	}

.option-dropdown {
	margin: 15px 0;
}

.option-select {
	background: #fff
}

	.option-select span {
		font-family: 'Open Sans', sans-serif;
		display: block;
		height: 40px;
		line-height: 40px;
		vertical-align: top;
		margin: 7px 0
	}

	.option-select ul {
		list-style: none;
		border: 1px solid #ddd;
	}

		.option-select ul.on {
			border-color: #4285f4; /*border-bottom-color:#ddd*/
		}

	.option-select li {
		position: relative;
		border: 0px !important;
		padding: 0 5px !important;
		background-image: url(../images/arrow-down.png);
		background-position: right 5px center;
		background-repeat: no-repeat;
		background-size: 16px;
		cursor: pointer;
		margin: 0;
		font-size: 14px
	}
	/*.option-select li:hover > ul {display: block}*/
	.option-select ul.on li {
		background-color: #f9f9f9;
	}

	.option-select ul ul {
		display: none;
		position: absolute;
		left: -1px;
		right: -1px;
		background: #fff;
		overflow: auto;
		z-index: 1;
	}

		.option-select ul ul.on {
			border-color: #4285f4;
			border-top-color: #ddd
		}

	.option-select li li {
		padding: 8px 5px !important;
		line-height: normal;
		background-image: none;
		border-bottom: 1px solid #eee !important
	}

		.option-select li li.disable {
			background: #f5f5f5;
			color: #999;
			display: none
		}

		.option-select li li:hover {
			background: #f7f7f7
		}

	.option-select .option-img {
		width: 26px;
		height: 26px;
		display: inline-flex;
		border: 1px solid #eee;
		margin-right: 8px;
		justify-content: center;
		align-content: center
	}

		.option-select .option-img img {
			width: 100%;
			height: auto;
			vertical-align: middle
		}

	.option-select .selectText {
		font-size: 16px;
		white-space: nowrap;
		text-overflow: ellipsis;
		overflow: hidden;
		width: 90%;
		display: block;
		margin: 0
	}

		.option-select .selectText.color {
			color: #4285f4;
		}

		.option-select .selectText.color-red {
			color: #f44242
		}

.option-soldout {
	color: #999 !important
}


.requiredRequests {
	margin-bottom: 10px;
	background: #f3f3f3;
	padding: 10px;
}

	.requiredRequests .Name {
		font-size: 14px;
		margin-bottom: 5px;
	}

	.requiredRequests input[type="text"] {
		width: 100%;
		height: 35px;
		padding: 2px
	}

	.requiredRequests .btn {
		border: 1px solid #d4d4d4;
		padding: 7px 8px;
		min-width: 60px;
		text-align: center;
		font-size: 14px;
		font-weight: normal;
	}

/*추가상품 내역*/
.AddItem {
	border: 1px solid #f1f1f1;
	margin-top: -1px;
	padding: 10px;
}

	.AddItem .td:nth-child(1) {
		padding-left: 13px;
	}

	.AddItem .title {
		font-size: 14px;
		padding-bottom: 4px;
		color: #404752
	}

		.AddItem .title::after {
			content: ']'
		}

		.AddItem .title:before {
			content: '['
		}

	.AddItem .td .Name {
		font-size: 14px;
		margin: 0;
	}

	.AddItem .depthPoiner {
		padding-right: 5px;
		padding-bottom: 10px;
		background-image: url('../images/layout/add-item-before.png');
		background-repeat: no-repeat;
		background-position: left top 9px
	}

	.AddItem .td:nth-child(2) {
		width: 102px
	}

	.AddItem .Price {
		text-align: right
	}

		.AddItem .Price::after {
			content: '원';
			margin-left: 3px
		}

	.AddItem .delete {
		width: 26px;
		background-image: url('../images/delete.png');
		background-repeat: no-repeat;
		background-position: right center;
		cursor: pointer
	}

	.AddItem .option-img {
		width: 26px;
		display: inline-block;
		border: 1px solid #eee;
		margin-right: 8px;
		vertical-align: middle;
		margin-bottom: 10px;
		vertical-align: top
	}

		.AddItem .option-img img {
			width: 100%;
			height: auto;
			vertical-align: middle
		}


/*장바구니,주문서작성 페이지 공용사용*/
/*heaer:주문일자, 주문번호 middle:상품내용 bottom:상태 및 버튼*/
.package {
	background: #fff;
	margin: 0 0 40px
}

.package-header {
	border-bottom: 1px solid #e3e3e3;
	padding: 15px 10px;
}

.package-middle {
	padding: 10px;
	border-bottom: 1px solid #e3e3e3;
}

.package-bottom {
	border-top: 1px dashed #ccc;
	margin-top: 15px;
	padding-top: 15px
}
/*타이틀옆 카운트*/
.basket-count {
	font-weight: 600;
	font-size: 16px;
	font-family: 'Open Sans', sans-serif;
	color: #f00
}
/*품목비고*/
.note_field {
	background: #fff;
	border-top: 1px solid #eee !important
}

	.note_field .td:first-child {
		width: 20% !important;
	}

	.note_field input[type='text'] {
		background: #fff;
		border: 1px solid #ccc;
		width: 100%;
		background: #f8f8f8;
		padding: 3px
	}

		.note_field input[type="text"]:focus {
			background: #fff;
			border: 1px solid #cddadd
		}

/*배송정보 및 결제상세정보*/
.orderer-info {
	margin-top: 30px
}

	.orderer-info .package-header {
		font-size: 16px;
		font-weight: 600
	}

	.orderer-info .package-middle i {
		color: #222;
		font-size: 14px;
		font-style: normal;
		margin-bottom: 10px;
		display: block;
		font-weight: bold
	}

	.orderer-info .package-middle .mass {
		margin-bottom: 30px
	}

		.orderer-info .package-middle .mass:last-child {
			margin-bottom: 0
		}

		.orderer-info .package-middle .mass input[type="text"] {
			font-size: 14px;
			padding: 0 2px;
			height: 28px;
			border: 1px solid #ddd;
			min-width: 194px;
			width: 100%
		}

		.orderer-info .package-middle .mass textarea {
			font-size: 14px;
			padding: 4px 2px;
			border: 1px solid #ddd;
			width: 100%;
			resize: none
		}

	.orderer-info .mass li {
		padding: 5px 0;
		border-bottom: 1px solid #eee;
		word-break: break-all
	}

		.orderer-info .mass li:last-child {
			border: 0
		}

		.orderer-info .mass li .th, .mass li .td {
			font-size: 14px;
			text-align: left;
			padding: 5px 0
		}

		.orderer-info .mass li .th {
			width: 95px;
			padding-right: 5px;
			color: #666
		}

		.orderer-info .mass li span {
			font-size: 14px
		}

	.orderer-info .receipt {
		background-color: #bcbcbc;
		border: 1px solid #aaa;
		color: #fff;
		display: inline-block;
		font-size: 13px;
		padding: 2px;
		cursor: pointer;
	}
/*영수증보기*/


/*footer fixed로 공동사용*/
.Basket-total .title {
	font-size: 16px;
	border: 0;
	font-weight: 600;
	color: #444
}

.Basket-total .th {
	width: 100px;
	color: #666;
	font-size: 14px;
	text-align: left;
	font-weight: normal;
	padding: 5px 0
}

.Basket-total .td {
	text-align: right;
	font-size: 14px;
}


/*장바구니페이지*/
.basket-page {
	background: #e2e2e2
}
	/*.basket-page .Group-item{box-shadow:0 0 0 1px rgba(0,0,0,.05)}*/
	.basket-page .Group-item .package {
		border: 1px solid #ccc;
		margin-bottom: 20px
	}
	/*.basket-page .Thema-Type13 .Item-list td:nth-child(1){width:22%}*/
	/*.basket-page .icon-representative{background:#fff193; color:#373737; position:absolute; display:inline-block; padding:3px; font-size:11px; border:1px solid rgba(0,0,0,.1); z-index:1}메인표시 글씨일때*/
	.basket-page .icon-representative {
		position: absolute;
		display: inline-block;
		background-image: url(../images/layout/icon-representative.png);
		background-size: 28px auto;
		width: 28px;
		height: 18px;
		z-index: 1
	}

	.basket-page .option {
		margin-bottom: 8px
	}

.inbox-none {
	margin-bottom: 40px !important
}

.basket-page .hiddenGroup {
	visibility: hidden;
	height: 0;
}
/*장바구니,주문서작성,특가요청,우선출고요청에 적용됨*/
.insufficient_inventory {
	font-size: 11px;
	color: #fff;
	background: #e80000;
	display: inline-block;
	padding: 0px 5px;
	height: 21px;
	line-height: 21px; /* font-weight: bold; */
	font-family: dotum;
	margin-bottom: 5px;
}
/*재고부족*/
.actualInventory {
	background: #fffacc;
}

	.actualInventory .td {
		padding: 3px 0
	}

.basket-page .maxOrder, .myshopping-page .maxOrder {
	font-weight: bold;
	color: #f00;
}
/*최대가능수량 표시*/


/*주문작성페이지*/
.Notice {
	background: #f7f7f7;
	padding: 15px;
	border-bottom: 1px solid #e3e3e3
}

	.Notice i {
		font-style: normal;
		font-size: 14px;
		font-weight: bold;
		margin-bottom: 10px;
		display: block
	}

	.Notice li {
		line-height: 150%;
		padding-left: 9px
	}

		.Notice li:before {
			content: '-';
			margin-left: -9px;
			margin-right: 3px;
		}

.payment-page .note_field {
	border: 1px solid #eee;
	background: #f7f7f7;
	margin-top: 5px
}

	.payment-page .note_field div {
		padding: 3px 1px;
		color: #333
	}

.payment-page .select select {
	width: 100%
}
/*.payment-page .Group-item .package-header{background-color:#eef1f5}*/
.deposit {
	display: block;
	color: #e60000;
}

/*특가요청페이지*/
.paymentSP-page .list-styleB2B .Thema-Type13 .deal-price .td:first-child {
	width: 80px
}

.paymentSP-page .spcPrice {
	border-top: 1px solid #eee !important
}

	.paymentSP-page .spcPrice .td {
		padding-right: 5px;
		width: 20%
	}

		.paymentSP-page .spcPrice .td:nth-child(2n) {
			width: 30%
		}

.pre-total {
	text-align: right
}

	.pre-total span {
		display: inline-block;
		font-size: 13px;
		color: #333
	}

	.pre-total .Price {
		color: #e52377;
		font-size: 16px;
	}

/*배송지리스트*/
.deliveryPosition-overlay {
	display: none;
	padding: 10px;
	position: fixed;
	z-index: 1000;
	margin: 0px auto;
	border-radius: 2px;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	text-align: center;
	color: #000;
	font-size: 12pt;
	overflow: auto;
	background: rgba(50,50,50,0.8)
}

	.deliveryPosition-overlay:after {
		height: 100%;
		content: "";
		display: inline-block;
		vertical-align: middle
	}

.delivery-position-btn {
	display: inline-block;
	font-size: 12px; /*height:24px;*/
	color: #2f3847;
	vertical-align: top;
	border-radius: 0;
	padding: 3px 5px;
	margin-left: 3px;
	border: 1px solid #2f3847;
	cursor: pointer
}

	.delivery-position-btn.reversal {
		background: #274370;
		color: #fff
	}

.deliveryPosition {
	background: #fff;
	border: 1px solid #000;
	margin: 0px 0;
	display: inline-block;
	position: relative;
	vertical-align: middle;
	position: fixed;
	left: 10px;
	right: 10px
}

	.deliveryPosition .close-btn {
		display: inline-block;
		cursor: pointer;
		width: 24px;
		height: 24px;
		position: absolute;
		right: 15px;
		top: 10px;
		background-image: url('../images/close.png');
		background-position: center;
		background-repeat: no-repeat
	}

	.deliveryPosition ul, .deliveryPosition li {
		list-style: none
	}

.delivery-tab ul {
	display: table;
	width: 100%
}

.delivery-tab li {
	display: table-cell;
	width: 50%;
	border-top: 1px solid #999;
	border-bottom: 1px solid #999;
	border-right: 1px solid #999;
	font-size: 14px;
	padding: 15px 0;
	font-weight: bold;
	background: #f7f7f7;
	text-align: center;
	cursor: pointer
}

	.delivery-tab li:last-child {
		border-right: 0
	}

	.delivery-tab li.select {
		border-bottom: 1px solid #fff;
		background: #fff
	}

.delivery-list ul {
	position: relative;
	height: 400px;
	overflow: auto;
	padding: 0 15px
}

.delivery-list li {
	text-align: left;
	border-bottom: 1px solid #eee;
	padding: 13px 0;
	cursor: pointer
}

	.delivery-list li:hover {
		background: #fcfcfc
	}

	.delivery-list li .table {
		width: 100%;
		display: table
	}

	.delivery-list li .td {
		padding: 0 5px;
		display: table-cell;
		vertical-align: middle
	}

		.delivery-list li .td:first-child {
			width: 40px;
			text-align: center;
		}

	.delivery-list li .btn {
		border: 1px solid #ccc;
		padding: 5px;
		font-size: 11px;
		background: #fff;
		margin: 2px 0;
		font-weight: normal
	}

.receiver-info span, .receiver-addr, .receiver-alias {
	font-size: 14px;
	font-family: 'Malgun Gothic'
}

.receiver-alias {
	background: #6b90dc;
	color: #fff;
	padding: 5px;
	display: inline-block;
	border-radius: 2px;
	font-size: 12px;
	float: left
}

.receiver-info span {
	margin-right: 10px;
}

.receiver-info .name {
	font-weight: bold
}

.receiver-info .phone {
	padding-left: 18px;
	background-image: url(../images/phone.png);
	background-repeat: no-repeat;
	background-position: left center
}

.receiver-info .tel {
	padding-left: 18px;
	background-image: url(../images/tel.png);
	background-repeat: no-repeat;
	background-position: left center
}

/*새배송지 추가 및 배송지 수정시*/
.new-deliveryPosition {
	border-bottom: 1px solid #999;
	font-size: 14px;
	padding: 15px 0;
	font-weight: bold;
	text-align: center
}

.reciver-info-write ul {
	padding: 15px
}

.reciver-info-write li {
	padding: 20px 0;
	border-bottom: 1px solid #eee;
}

	.reciver-info-write li:last-child {
		border-bottom: 0
	}

	.reciver-info-write li .table {
		width: 100%;
		display: table
	}

	.reciver-info-write li .td {
		font-size: 14px;
		font-family: 'Malgun Gothic';
		text-align: left;
		display: table-cell
	}

		.reciver-info-write li .td:first-child {
			font-weight: bold;
			width: 100px;
			padding-left: 16px
		}

		.reciver-info-write li .td .essential {
			margin-left: -16px
		}

		.reciver-info-write li .td input[type="text"] {
			padding: 5px;
			border: 1px solid #c2c7cc
		}

	.reciver-info-write li .btn {
		border: 1px solid #ccc;
		padding: 5px;
		font-size: 11px;
		background: #fff;
		margin: 2px 0;
	}


/*최근구매내역, 최근주문담기, 특가요청현황, 운송장조회, 매입123 공통사용*/
/*조건검색필터디자인*/
.filter-btn {
	display: inline-block;
	border: 1px solid #ccc;
	background-image: url(../images/layout/filter.png);
	background-position: left 5px center;
	background-repeat: no-repeat;
	background-size: 16px;
	padding: 0 5px;
	padding-left: 24px;
	font-weight: normal;
	border-radius: 0
}

.condition-search {
	display: none;
	background: #fff;
	position: absolute;
	z-index: 11;
	width: 100%
}

	.condition-search ul {
		list-style: none
	}

	.condition-search li {
		border-bottom: 1px solid #e3e3e3;
		padding: 10px
	}

	.condition-search input[type="text"], .condition-search select {
		border: 1px solid #ccc;
		width: 200px
	}

	.condition-search .th {
		font-weight: bold;
		width: 90px;
		font-size: 14px
	}

	.condition-search .AddTo .Basket, .condition-search .AddTo .Buy {
		font-size: 14px
	}

.date-search {
	vertical-align: middle;
}

	.date-search ul {
		list-style: none;
		display: table;
		vertical-align: middle;
		width: 100%;
		margin: 2px 0
	}

	.date-search li {
		display: table-cell;
		border: 1px solid #ccc;
		border-right: 0;
		width: 50px;
		height: 35px;
		line-height: 35px;
		padding: 0 5px;
		text-align: center;
		cursor: pointer;
		background: #fff
	}

		.date-search li:last-child {
			border: 1px solid #ccc;
		}

		.date-search li.select {
			background: #ff6600;
			border-color: #ff6600;
			color: #fff
		}

	.date-search input[type="text"] {
		height: 35px;
		line-height: 35px;
		width: 100px;
		padding: 0 3px
	}

	.date-search .calendar {
		display: inline-block;
		border: 1px solid #ccc;
		width: 35px;
		height: 35px;
		vertical-align: middle;
		margin-left: -1px;
		background: url(../images/layout/calendar.png) no-repeat center;
		background-color: #fff;
		cursor: pointer
	}

@media screen and (min-width: 768px) {
	.date-search {
		text-align: center
	}

		.date-search ul {
			width: auto;
			margin-right: 20px;
			display: inline-table;
		}
}

/*최근주문현황,주문상세정보,반품상세정보, 운송장조회*/
.freegift-icon {
	margin-right: 3px !important;
	display: inline-block;
	color: #0085e4;
	font-size: 13px;
	font-weight: bold
}
	/*#1081ad*/
	.freegift-icon img {
		width: 16px;
		vertical-align: sub
	}

.myshopping-page {
	padding: 10px 0; /*background:#eee*/
	background: #e2e2e2
}
	/*옥션 dedede*/
	.myshopping-page ul {
		list-style: none
	}

	.myshopping-page select {
		font-size: 14px
	}

	.myshopping-page .package-header .AddTo .Buy, .myshopping-page .package-header .AddTo .Basket {
		font-size: 12px;
		border-color: #ddd;
		padding: 8px 0
	}

	.myshopping-page .package-bottom {
		margin-top: 0;
		border: 0
	}

		.myshopping-page .package-bottom .AddTo .Buy, .myshopping-page .package-bottom .AddTo .Basket {
			font-size: 12px;
			border-color: #ddd;
			padding: 10px 0;
		}

	.myshopping-page .deal-price .arrow {
		display: inline-block;
		margin-left: 5px;
		width: 16px;
		height: 16px;
		border: 1px solid #ccc;
		background-color: #fcfcfc;
		border-radius: 2px;
		vertical-align: middle;
		background-image: url('../images/layout/arrow-row-hover.png');
		background-size: 12px auto;
		background-position: top 1px center;
		cursor: pointer
	}

	/*.myshopping-page .package-middle{background:#f9f9f9}*/
	/*::조회기간*/
	.myshopping-page .period {
		padding: 10px;
		font-weight: bold;
		color: #666;
		text-align: center; /*border-bottom: 1px solid #eee;*/
	}

	.myshopping-page .itemListDelete {
		font-weight: normal;
		border-radius: 0;
		margin: 0 0 5px 10px;
		border: 1px solid #ccc;
	}

		.myshopping-page .itemListDelete img {
			width: 16px;
			vertical-align: text-bottom;
		}

	/*::사용자정의*/
	.myshopping-page .orderer-info .user-defined {
		margin: 3px 0
	}

		.myshopping-page .orderer-info .user-defined span:first-child {
			font-weight: bold;
			background: rgb(238, 238, 238);
			border: 1px solid rgba(0,0,0,.2);
			padding: 2px 3px;
			display: inline-block
		}

	.myshopping-page .delivery-number {
		display: inline-block;
		font-weight: bold;
		color: #30bb00;
		margin: 2px 0
	}

	.myshopping-page .personCharge {
		display: inline-block;
		font-weight: bold;
		color: #333
	}
	/*::품목비고*/
	.myshopping-page .note_field {
		border: 1px solid #eee;
		background: #f7f7f7;
		margin-top: 5px
	}

		.myshopping-page .note_field div {
			padding: 3px 1px;
			color: #333
		}

	.myshopping-page .Group-item {
		box-shadow: 0 0 0 1px rgba(0,0,0,.05)
	}

		.myshopping-page .Group-item .package {
			border: 1px solid #ccc
		}

		.myshopping-page .Group-item .deal-price .td:nth-child(1), .Group-item .deal-price .td:nth-child(3) {
			width: 20% !important
		}

		.myshopping-page .Group-item .deal-price .td:nth-child(2n) {
			width: 30% !important
		}

/*최근주문현황내 리뷰작성버튼*/
.review-write-btn {
	border: 1px inset rgba(0,0,0,.1);
	display: inline-block;
	padding: 2px 3px 2px 24px;
	margin-top: 15px;
	background: #d70b56;
	background-image: url('../images/layout/review-write-white.png');
	background-size: 16px;
	background-repeat: no-repeat;
	background-position: left 3px center;
	color: #fff;
	cursor: pointer
}

	.review-write-btn.completion {
		background-color: #eee;
		padding: 2px 3px;
		color: #888 !important;
		background-image: none;
	}

.orderSheet {
	border: 1px solid #a7a7a7;
	display: inline-block;
	font-size: 11px;
	padding: 3px;
	cursor: pointer;
	color: #333;
	background: #ffffff;
	font-weight: 600;
}
/*주문서버튼*/

.DetailBtn {
	display: inline-block;
	text-decoration: underline;
}

	.DetailBtn .arrow-right {
		display: inline-block;
		vertical-align: middle;
		width: 10px;
		height: 16px;
		background-image: url(../images/arrow-2.png);
		background-position: -7px center;
		background-repeat: no-repeat
	}

/*조회리스트나오는부분*/
.Group-item .item-image {
	background-size: cover;
	width: 80px;
	height: auto;
	border: 0
}

.Group-item .package-header .date {
	font-weight: bold;
	font-size: 16px;
	font-family: 'Open Sans', Malgun Gothic, dotum, Arial, Helvetica, sans-serif;
	margin-right: 10px
}

.Group-item .package-header .order-number {
	font-size: 13px;
	color: #666;
	font-weight: bold;
	display: inline-block
}

.Group-item .package-header .delivery-number::before {
	content: '|';
	font-size: 14px;
	font-weight: bold;
	display: inline-block;
	color: #ccc
}

.Group-item .package-header .personCharge::before {
	content: '|';
	font-size: 14px;
	font-weight: bold;
	display: inline-block;
	color: #ccc
}


/*.Group-item .package-middle .td:nth-child(1){width:80px; height:90px; padding-right:20px; position:relative; vertical-align:top}
.Group-item .package-middle .td:nth-child(2){width:auto}
.Group-item .package-middle i{color:#222; font-size:12px; font-style:normal; display:block; font-weight:bold; margin-bottom:3px}
.Group-item .package-middle li{padding:5px 0; border-bottom:1px solid #eee}
.Group-item .package-middle li:last-child{border:0}
.Group-item .package-middle li .th, .Group-item .package-middle li .td{font-size:12px; text-align:left; padding:2px 0}
.Group-item .package-middle li .th{width:85px; padding-right:5px; color:#666}
.Group-item .package-middle li span{font-size:12px}
.Group-item .package-middle .mass{margin-bottom:15px}
.Group-item .package-middle .mass:last-child{margin-bottom:0px}*/
.Group-item .deal-price .td {
	padding: 2px;
}

	.Group-item .deal-price .td:nth-child(1), .Group-item .deal-price .td:nth-child(3) {
		width: 80px !important
	}

.Group-item .deal-price .Price {
	font-size: 14px;
	vertical-align: middle
}

.Group-item .blue {
	color: #00f
}

.Group-item .request,
.Group-item .unsettled,
.Group-item .inquiry {
	color: #f00
}
/*상태요청, 미결제,문의필요*/
.Group-item .completion,
.Group-item .standby,
.Group-item .approval {
	color: #00f
}
/*상태 완결,승인,대기중*/
.Group-item .conclusion {
	color: #800000
}
/*상태 종결*/

/*::매입원장페이지*/
.card-type {
	padding: 0 10px
}

.card {
	border-radius: 5px;
	background: #fff;
	margin-bottom: 10px;
	box-shadow: 0 3px 3px rgba(0,0,0,.06);
	overflow: hidden
}

	.card .card-title {
		padding: 15px 15px 0 15px;
		font-weight: bold;
		font-size: 14px;
	}

	.card .arrow {
		background-image: url(../images/arrow.png);
		background-repeat: no-repeat;
		background-position: right -15px bottom;
		background-size: auto 20px
	}

	.card .Price {
		padding: 15px;
		text-align: right
	}

	.card li {
		border-top: 1px solid #eee
	}

	.card .purchase {
		color: #0461c9;
		font-weight: bold
	}

	.card .return {
		color: #e00000;
		font-weight: bold
	}
/*::매입원장 상세*/
.card-detail .Price {
	padding: 0
}

.card-detail .blue {
	color: #00f;
	font-weight: bold
}

.card-detail .red {
	color: #f00;
	font-weight: bold
}

.card-detail .deal-info {
	padding: 10px;
	margin: 0
}

.card-detail .deal-price {
	display: block;
	font-weight: normal;
	padding: 10px;
	border-top: 1px solid #eee
}

.card-detail .note_field {
	padding: 10px;
	border: 0;
	border-top: 1px solid #eee;
	margin: 0
}

.card-detail .td {
	font-size: 14px
}

	.card-detail .td:nth-child(2n-1) {
		width: 80px;
		color: #777;
		font-size: 12px
	}

.card-detail .deal-price .td {
	width: 30%
}

	.card-detail .deal-price .td:nth-child(2n-1) {
		width: 20%
	}

/*최근주문담기*/
.reorder-page .overlap {
	background: #f7f7f7 !important
}
	/*Item-list 같은위치*/
	.reorder-page .overlap .checkboxStyle input[type="checkbox"]:checked + label {
		border-color: #aaa;
		background-color: #aaa
	}

	.reorder-page .overlap .item-control {
		background: #f7f7f7 !important;
		border-top: 1px solid #e2e2e2
	}

/*미결제주문목록*/
.unpaid-page .Group-item .package {
	margin-bottom: 20px
}

.unpaid-pay {
	margin: 0;
	border: none;
	border-radius: 0
}

	.unpaid-pay .package {
		margin: 0
	}

	.unpaid-pay .pop-header { /*font-size:14px; padding:10px 0*/
		font-weight: 500
	}

		.unpaid-pay .pop-header .close-btn {
			top: 14px
		}

	.unpaid-pay .pop-content {
		background: #f5f5f5;
		padding: 0 0 10px;
		overflow: visible
	}

		.unpaid-pay .pop-content .Group-info {
			margin-bottom: 15px !important
		}

	.unpaid-pay .package-header {
		font-size: 14px;
		font-weight: 600; /*padding:10px*/
	}

	.unpaid-pay .package-middle {
		padding: 16px
	}

		.unpaid-pay .package-middle input {
			width: 130px
		}

	.unpaid-pay .orderer-info .option-select ul {
		border-color: #1454e4
	}

	.unpaid-pay .option-select span {
		height: auto;
		line-height: 35px;
		margin: 0
	}

	.unpaid-pay .option-select .selectText {
		font-size: 14px
	}

.bankAccountNumber {
	text-align: center;
	padding: 10px 0 !important
}

	.bankAccountNumber div {
		display: inline-block;
		font-size: 14px;
	}

	.bankAccountNumber .number {
		font-size: 14px;
		color: #00f;
		font-weight: bold
	}
/*운송장조회*/
.delivery-page .list-styleB2B .Thema-Type13 .Item-list li {
	padding: 0
}

/*마이페이지*/
.memeber-myinfo .td {
	text-align: left
}

	.memeber-myinfo .td * {
		font-family: 'Noto Sans KR';
		font-size: 20px;
	}

.memeber-myinfo b {
	color: #094dc7
}

.memeber-myinfo .point b:after {
	content: 'P';
	font-weight: normal;
}

.my-info-btn .td {
	width: 33.33%;
	padding: 10px 5px;
	text-align: center;
	font-size: 14px
}

	.my-info-btn .td:nth-child(2n+1) {
		border-right: 1px solid #e3e3e3
	}

.my-other-btn td {
	width: 50%;
	padding: 15px 10px;
	border-bottom: 1px solid #e3e3e3;
	background-image: url(../images/arrow-right.png);
	background-repeat: no-repeat;
	background-size: auto 16px;
	background-position: right 15px center;
	font-size: 14px
}

	.my-other-btn td:nth-child(2n+1) {
		border-right: 1px solid #e3e3e3
	}


/* CSS Document */
div#overlay, .overlay {
	display: none;
	z-index: 340;
	background: rgba(0,0,0,.5);
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0px;
	left: 0px;
	text-align: center;
}

div#specialBox, .searching {
	display: none;
	position: absolute;
	z-index: 1010;
	margin: 0px auto;
	width: 100%;
	border-radius: 2px;
	top: 30%;
	left: 0%;
	text-align: center;
	color: #000;
	font-size: 12pt;
}



.CountFont {
	font-family: Arial,Tahoma, dotum, '돋움';
	font-weight: bold;
	font-size: 14px;
}

.consumerPrice {
	color: #a6a6a6;
	font-family: Arial,Tahoma, dotum, '돋움';
	font-weight: bold;
	font-size: 14px !important
}

.consumerPriceFigure {
	font-family: gulim,'굴림',Arial, Helvetica, sans-serif;
	font-size: 14px;
}
/*현재고가 도형일경우*/
.itemImages {
	display: table-cell;
	border: 1px solid #eee;
	width: 62px !important;
	height: 62px;
	vertical-align: middle;
	text-align: center
}

.floatLeft {
	float: left
}

.floatRight {
	float: right
}

.pageArrow {
	border: 1px solid rgba(0,0,0,.5);
	border-radius: 5px;
	background: rgba(255,255,255,0.8);
	display: inline-block;
	position: absolute;
	padding: 5px
}

.left-arrow {
	left: 10px;
	top: -40px
}

.right-arrow {
	right: 10px;
	top: -40px
}

.cartAddBtn {
	background: #f84d00;
	color: #fff;
	text-align: center
}

.radioStyle input[type="radio"] {
	display: none
}

	.radioStyle input[type="radio"] + label {
		display: inline-block;
		cursor: pointer;
		border: 1px solid #8a939f;
		border-radius: 100px;
		width: 18px;
		height: 18px;
		vertical-align: middle;
		margin-top: -1px;
		padding: 0;
		background-color: #fff
	}

	.radioStyle input[type="radio"]:checked + label {
		background: url(../images/radio-check.png) center no-repeat;
		background-size: 08px 08px;
		background-color: #fff
	}

.select_box {
	position: relative;
	width: 100%;
	padding: 8px 0;
	/*height: 30px;*/
	background: url(../images/select_arrow-64.png) right center no-repeat;
	background-size: 16px 16px; /* 화살표 이미지 */
	border: 1px solid #d6d6d6;
	margin-bottom: 3px;
	background-color: #fff
}

	.select_box label { /*select option값*/
		position: absolute;
		font-size: 12px;
		top: 12px;
		left: 12px;
		letter-spacing: 1px;
	}

	.select_box select {
		width: 100%;
		/*height: 30px;*/
		/*min-height: 30px;*/
		/*line-height: 30px;*/
		padding: 0 10px;
		opacity: 0;
		filter: alpha(opacity=0); /* IE 8 */
	}

.count-select {
	padding: 3px;
	background-color: #fff;
	color: #000;
	border: 0px;
	border-radius: 3px;
	display: inline-block;
	width: auto
}

	.count-select label {
		top: 6px;
		left: 6px;
		padding-right: 15px
	}

	.count-select select {
		padding: 0;
		width: auto
	}

.affix {
	top: 0;
	width: 100%;
	position: fixed;
	display: block
}



/*로그인부분*/
.loginAlign {
	margin: 0 auto;
	width: 265px;
}

.loginHeight {
	min-height: 560px;
}

.loginInputStyle {
	border: 1px solid #f84d00;
	border-radius: 3px;
	padding: 8px;
	box-sizing: border-box;
	height: 37px;
	margin-bottom: 7px
}

	.loginInputStyle div, .loginInputStyle input {
		display: inline-block;
		font-size: 14px;
		font-weight: bold
	}

.loginTitle {
	width: 75px;
	color: #4b4b4b;
	margin-top: 3px
}

.loginText {
	width: 265px;
}

	.loginText input {
		width: 100%;
		font-weight: bold
	}

.loginBtn {
	border-radius: 3px;
	background: #f84d00;
	color: #fff;
	font-size: 20px;
	text-align: center;
	font-weight: bold;
	padding: 10px 0;
	box-sizing: border-box
}



/*.header{width:100%; top:0; left:0; background:#fff; z-index:1000; overflow:hidden; border-bottom:1px inset rgba(0,0,0,0.15); position:relative}*/
.header-center {
	text-align: center;
	height: 46px;
	box-sizing: border-box;
	padding: 15px 0;
	font-size: 16px
}

.header-btns {
	position: absolute;
	top: 7px;
	left: 12px;
	right: 12px;
}

	.header-btns img {
		width: 32px
	}

.menus {
	display: inline-block
}
/*.sub-menu{position:absolute; min-height:100%; border:1px solid #000}*/
/*.cart-put{background:#f84d00; border-radius:100px; width:21px; height:21px; position:absolute; color:#fff; box-sizing:border-box; font-size:14px; right:-6px; font-weight:bold; padding:3px; text-align:center}
	.cart-put img{width:10px;}*/
.Search-style {
	border-bottom: 2px solid #ff6600;
	margin: 0 12px 16px 12px;
	position: relative;
	box-sizing: border-box;
	height: 38px;
}

.category-bottom .Search-style {
	border: 0
}

.Search-style input[type="text"] {
	background: none;
	box-sizing: border-box;
	border: 0px;
	position: absolute;
	left: 5px;
	top: 5px;
	height: 28px;
	width: 80%
}

.Search-style img {
	position: absolute;
	right: 10px;
	top: 8px;
	width: 24px
}

.listBack {
	width: 100%;
	background: #8a939f;
}

.item-list-block {
	position: absolute;
	width: 100%;
	min-height: 100%;
	background: #8a939f;
}

.categoryRoot {
	background: #b7bec7;
	min-height: 32px;
	box-sizing: border-box;
	padding: 9px 7px
}

.pageblock {
	display: inline-block;
	float: right;
	color: #fff;
}


.category { /*box-shadow:0 -1px 10px rgba(0,0,0,0.3);*/
	background: #ededed;
	border-top: 1px solid rgba(0,0,0,.15);
	z-index: 2000;
	position: absolute;
	bottom: 0;
	width: 100%;
}

.categoryBar {
	background: #f84d00;
	color: #fff
}

.category-arrow {
	background: url(../images/category-arrow.png) no-repeat center;
	background-size: 16px 16px;
	height: 18px;
	display: block
}

.category-arrow-opp {
	background: url(../images/category-arrow2.png) no-repeat center;
	background-size: 16px 16px;
	height: 18px;
	display: block
}

.category-top {
	font-weight: bold;
	height: 49px;
	box-sizing: border-box;
	text-align: center;
	padding: 10px;
	color: #000
}

.category-bottom {
	text-align: center;
	padding: 0 21px 15px 21px;
	overflow: hidden;
}

.category-search {
	border: 1px solid #f84d00;
	background: #f84d00;
	border-radius: 2px;
	color: #fff;
	text-align: center;
	min-height: 30px;
	box-sizing: border-box;
	font-weight: bold;
	padding: 8px;
	font-size: 14px
}

.FootBtn {
	border: 1px solid #8f8f8f;
	border-radius: 3px;
	background: rgba(255,255,255,.95);
	box-shadow: 0 1px 1px rgba(0,0,0,.2);
	width: 38px;
	height: 38px;
	display: inline-block;
	z-index: 310;
	position: relative
}

	.FootBtn img {
		width: 100%;
	}

.shoppingbasket-btn {
	border-color: #f84d00
}

.amountChange-btn {
	background: #2d598a;
	border-color: #133f71;
}

/*ItemList 디자인 부분*/
.itemListBox {
	background: #fff;
	margin: 0px;
	padding: 8px;
	position: relative;
	box-sizing: border-box;
	border-top: 1px solid #ccc;
	list-style: none
}

	.itemListBox li {
		list-style: none
	}

	.itemListBox:first-child {
		border-top: 0
	}

.item-list-pakage {
	padding: 0 5px 5px;
	background: #f2f3f7;
	margin-bottom: 50px
}

.itemCheckbox {
	display: inline-block
}


.ItemList .itemCheckbox {
	display: inline-block;
	vertical-align: top;
	position: absolute
}

.ItemList .itemImageBox {
	display: inline-block;
	position: absolute;
	left: 40px
}

.ItemList .itemImages {
	display: table-cell;
	border: 1px solid #c7c7c7;
	width: 62px !important;
	height: 62px;
	vertical-align: middle;
	text-align: center;
	background-color: #fff
}

.ItemList .itemDetails {
	display: inline-block;
	vertical-align: top;
	margin-left: 105px;
}

	.ItemList .itemDetails li {
		list-style: none;
		margin: 0;
		padding: 0;
		margin-bottom: 8px;
		display: table
	}

		.ItemList .itemDetails li:first-child {
			margin-top: 5px;
		}

	.ItemList .itemDetails .itemTitle {
		text-decoration: underline;
		color: #00f
	}

		.ItemList .itemDetails .itemTitle span {
			text-decoration: none;
			color: #000
		}

.checked-tr {
	border: 2px solid #f00;
	background: #fffef0
}

.count_box {
	display: table;
	margin-left: 3px
}

.count_minus, .count_plus, .count_write {
	display: table-cell;
	vertical-align: top;
	border: 1px solid #ccc;
	background-color: #fff
}

.count_minus {
	background-image: url(../images/btn_count_left.png);
	background-repeat: no-repeat;
	background-size: 12px;
	background-position: center;
	background-color: #d9ebe9;
	width: 28px;
	height: 28px;
	cursor: pointer;
}

.count_plus {
	background-image: url(../images/btn_count_right.png);
	background-repeat: no-repeat;
	background-size: 12px;
	background-position: center;
	background-color: #d9ebe9;
	width: 28px;
	height: 28px;
	cursor: pointer
}

.count_write {
	width: 40px;
	height: 28px;
	border-width: 1px 0;
}

	.count_write input[type='text'], .count_write input[type='number'] {
		width: 100%;
		box-sizing: border-box;
		height: 28px;
		border: 0px;
		line-height: 29px;
		text-align: center;
		font-weight: bold
	}

.itemDetails .Order_drainage {
	display: inline-block;
	font-weight: bold;
	color: #00f;
	height: 28px;
	line-height: 29px;
	margin-left: 3px
}

.itemOrderCount .Order_drainage {
	height: auto;
	line-height: normal;
	margin-left: 0px
}

.Order_minCnt {
	color: #d61414;
}
/*최소주문수량*/




/*주문서작성 디자인 부분
	.Order .itemListBox{margin-bottom:1px }
	.Order .OrderItemBar{padding:18px 7px; background:#fff; margin-bottom:1px; font-weight:bold}
	.Order .OrderItemBar .pageblock{margin-top:-6px; font-weight:normal}
	.Order li.itemListBox:last-child{background:#ededed; margin-bottom:30px}
	.OrderWrite{background:#fff; padding:16px 12px}
	.OrderWrite table, .OrderWrite th, .OrderWrite td{border:1px solid #c6c6c6;}
	.OrderWrite table{border-collapse:collapse; width:100%}
	.OrderWrite th{ width:110px; background:#f2f2f2; text-align:left; padding:8px 12px}
	.OrderWrite td{padding:2px 4px; position:relative}
	.OrderWrite td .write{background:url(../images/write.png); background-size:12px 12px; background-repeat:no-repeat; background-position:center; width:12px; height:12px; right:10px; position:absolute;}
	.OrderWrite input[type="text"], .OrderWrite textarea{width:100%; padding:2px ; border:0px; box-sizing:border-box; background:#fffbdf; border-radius:0px}
	.OrderWrite select{padding:3px}
    .OrderNotice{ margin-top:10px; background:#ededed; padding:8px; color:#414141}
	.OrderNotice li{margin:8px 0 0 18px; padding:0; line-height:20px; list-style:none}
	.OrderNotice li::before{content:'*'; margin:0 5px 0 -13px}
	.OrderNotice b{padding:10px 0; display:block}

	.itemshortage{position:absolute; left:0; right:0; bottom:0; top:0; background:url(../images/item-shortage.png); z-index:999; text-align:center; vertical-align:middle;}
	.itemshortage-mark{margin-top:70px; font-weight:bold; background:#fff; display:inline-block; padding:8px 10px; border-radius:5px; border:2px solid #f84d00}
	.itemTotal{background:#ededed; margin: 0 -8px -8px; text-align:right; padding:12px 8px; font-weight:bold}
	.itemOrderCount input[type="text"]{border:1px solid #cdcdcd; height:24px; border-radius:3px; width:40px; text-align:right; font-weight:bold; padding-right:5px; font-family:Tahoma, Geneva, sans-serif; font-size:14px; box-shadow:none}
    .itemOrderCount input[type="number"] {
        border: 1px solid #cdcdcd;
        height: 24px;
        border-radius: 3px;
        width: 40px;
        text-align: right;
        font-weight: bold;
        padding-right: 5px;
        font-family: Tahoma, Geneva, sans-serif;
        font-size: 14px;
        box-shadow: none
    }
	.itemDeleteBtn{display:inline-block; right:8px; top:8px; border:1px solid #cdcdcd; background:#ededed; position:absolute; z-index:100; border-radius:3px; padding:4px 3px 2px; font-size:11px; cursor:pointer}
	*/






/*주문현황 검색*/
.ordercurrentstate .itemImageBox {
	left: 8px
}

.ordercurrentstate .itemDetails {
	margin-left: 0px;
	padding-left: 73px;
	width: 100%;
	box-sizing: border-box
}

.ordercurrentstate .itemAmount {
	font-size: 14px;
	color: #f00;
	font-weight: bold
}

.ordercurrentstate .itemDetails td, .ordercurrentstate .itemDetails th {
	width: auto;
	height: auto;
	padding: 2px;
	font-size: 14px
}

.ordercurrentstate .itemDetails td {
	background: #fff
}

.ordercurrentstate .itemDetails th {
	font-size: 12px;
	font-weight: normal;
	color: #777;
	width: 80px;
	text-align: center
}

.itemDetails .request-mark {
	color: #f00;
	font-weight: bold;
	font-size: 14px;
}

.itemDetails .completion-mark,
.itemDetails .approval-mark {
	color: #00f;
	font-weight: bold;
	font-size: 14px;
}

.itemDetails .conclusion-mark {
	color: #800000;
	font-weight: bold;
	font-size: 14px;
}

.ordercurrentstate .CountFont {
	color: #000
}

.OrdercurrnetTotal {
	box-shadow: 0px 1px 3px rgba(0,0,0,0.8);
	background: #feffdf;
}

	.OrdercurrnetTotal table, .OrdercurrnetTotal tr, .OrdercurrnetTotal td {
		border: 0px
	}

	.OrdercurrnetTotal .table {
		display: table;
		width: 100%
	}

	.OrdercurrnetTotal .tr {
		display: table-row
	}

	.OrdercurrnetTotal .td {
		display: table-cell;
		font-weight: normal;
		padding: 3px 0
	}

.condition {
	position: absolute;
	background: #fff;
	width: 100%;
	z-index: 30001;
	box-shadow: 0px 1px 3px rgba(0,0,0,0.5);
}

	.condition li {
		padding: 10px;
		border-bottom: 1px solid #8a939f;
		box-sizing: border-box
	}

	.condition input {
		vertical-align: middle;
	}

		.condition input[type="text"] {
			padding: 8px 5px;
			border: 1px solid #d6d6d6;
		}

		.condition input[type="text"],
		.condition .select_box {
			border: 1px solid #8a939f;
			border-radius: 3px
		}

	.condition select {
		min-width: 130px
	}

.condition-title {
	display: inline-block;
	font-weight: bold;
	width: 70px;
	font-size: 14px
}

.OrderCurrent-details {
	text-align: right;
	text-decoration: underline;
	width: 100%
}

/*주문현황조회*/
.OrdercurrentDetails li {
	padding: 0px 10px;
	position: relative;
	box-sizing: border-box;
}

	.OrdercurrentDetails li:last-child {
		margin-bottom: 30px;
		box-shadow: 0 2px 3px rgba(0,0,0,.5);
	}

.OrdercurrentDetails .table {
	display: table;
	width: 100%;
}

.OrdercurrentDetails .tr {
	margin-top: 3px;
}

	.OrdercurrentDetails .tr.yellow {
		background: #fffee7
	}

	.OrdercurrentDetails .tr.cyan {
		background: #e7f4ff
	}

	.OrdercurrentDetails .tr.green {
		background: #e7ffe8
	}

	.OrdercurrentDetails .tr.pink {
		background: #ffe7e7
	}

.OrdercurrentDetails .td {
	display: table-cell;
	font-size: 14px
}

.OrdercurrentDetails .title {
	font-size: 12px;
	color: #777;
	width: 80px
}

.Ordercurrent-details .request-mark {
	display: inline-block;
	border-radius: 100px;
	padding: 5px 8px;
	margin: 10px 0;
	background: #f00;
	color: #fff;
	font-weight: bold
}

.Ordercurrent-details .completion-mark {
	display: inline-block;
	border-radius: 100px;
	padding: 5px 8px;
	margin: 10px 0;
	background: #00f;
	color: #fff;
	font-weight: bold
}

.Ordercurrent-details .approval-mark {
	display: inline-block;
	border-radius: 100px;
	padding: 5px 8px;
	margin: 10px 0;
	background: #00f;
	color: #fff;
	font-weight: bold
}

.Ordercurrent-details .conclusion-mark {
	display: inline-block;
	border-radius: 100px;
	padding: 5px 8px;
	margin: 10px 0;
	background: #800000;
	color: #fff;
	font-weight: bold
}

.delivery {
	position: absolute;
	right: 10px;
	top: 10px
}

	.delivery img {
		vertical-align: middle;
	}

	.delivery span {
		text-decoration: underline;
		color: #777
	}

/*매입원장*/
.purchase .itemDetails {
	margin: 0;
	width: 100%
}

.purchase .Highlight .itemTitle {
	font-size: 14px;
}

.purchase .Highlight {
	margin-bottom: 1px
}

	.purchase .Highlight li {
		width: 100%;
	}

	.purchase .Highlight fieldset {
		padding: 5px 10px;
		border: 1px solid rgba(0,0,0,.3);
		line-height: 180%
	}

	.purchase .Highlight.CarriedOver {
		background: #e7f4ff;
		font-weight: bold
	}

	.purchase .Highlight.Daily {
		background: #f1f1d8;
		font-weight: normal
	}

	.purchase .Highlight.Month {
		background: #fffee7;
		font-weight: bold
	}

	.purchase .Highlight.All {
		background: #ffe7e7;
		font-weight: bold
	}

	.purchase .Highlight .OrdercurrentDetails .title {
		color: #000
	}

.purchaseCover .itemDetails {
	padding: 0
}

	.purchaseCover .itemDetails table {
		border: 0px;
	}

	.purchaseCover .itemDetails th, .purchaseCover .itemDetails td {
		font-size: 14px;
		border: 0px;
		background: none;
		font-size: 14px;
		font-weight: bold;
		color: #000
	}

	.purchaseCover .itemDetails th {
		text-align: left;
		width: 120px
	}

	.purchaseCover .itemDetails td {
		text-align: right
	}

.DateCount-btn {
	width: 100%;
	position: absolute;
	top: 0;
	bottom: 0
}

	.DateCount-btn ul {
		display: table;
		width: 100%;
		height: 100%
	}

	.DateCount-btn li {
		width: 20%;
		display: table-cell;
		border-right: 1px solid #8a939f;
		border-left: 1px solid #fff;
		border-bottom-width: 0px;
		text-align: center;
		vertical-align: middle;
		background: #ffffff; /* Old browsers */
		background: -moz-linear-gradient(top, #ffffff 0%, #f3f3f3 50%, #ededed 51%, #ffffff 100%); /* FF3.6-15 */
		background: -webkit-linear-gradient(top, #ffffff 0%,#f3f3f3 50%,#ededed 51%,#ffffff 100%); /* Chrome10-25,Safari5.1-6 */
		background: linear-gradient(to bottom, #ffffff 0%,#f3f3f3 50%,#ededed 51%,#ffffff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
	}

		.DateCount-btn li.check {
			font-weight: bold;
			color: #000;
			background: #fff2ed; /* Old browsers */
			background: -moz-linear-gradient(top, #fff2ed 0%, #fff1ea 50%, #ffdfd0 51%, #fff2ed 100%); /* FF3.6-15 */
			background: -webkit-linear-gradient(top, #fff2ed 0%,#fff1ea 50%,#ffdfd0 51%,#fff2ed 100%); /* Chrome10-25,Safari5.1-6 */
			background: linear-gradient(to bottom, #fff2ed 0%,#fff1ea 50%,#ffdfd0 51%,#fff2ed 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
			filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fff2ed', endColorstr='#fff2ed',GradientType=0 ); /* IE6-9 */
		}


@media screen and (min-width:768px) {
	.ERPitemInfo .itemBox1 {
		display: inline-block;
		width: 35%;
		vertical-align: top;
	}

	.ERPitemInfo .itemBox2 {
		display: inline-block;
		width: 60%
	}

	.ERPitemInfo .itemImages {
		width: 250px !important;
		height: 250px
	}

	.ERPitemInfo .itemName {
		display: block;
		padding-left: 0
	}

	.ERPitemInfo .itemBox1 .imageList {
		position: relative;
		left: 0
	}

		.ERPitemInfo .itemBox1 .imageList li img {
			width: 70px;
			height: 70px;
			border: 1px solid rgba(0,0,0,.3);
			opacity: .5;
		}
}

.ERPitemInfo th {
	width: 128px;
	text-align: center;
	padding: 2px 0
}

.itemOrderBox {
	background: #f7f2c8;
	border-top: 1px solid #ead532;
	overflow: hidden;
	padding: 10px;
	display: table;
	box-sizing: border-box;
	width: 100%
}

	.itemOrderBox .itemOrderCount {
		font-weight: bold;
		vertical-align: middle;
	}


/*header 찾기부분*/
.loadingGif {
	display: none;
	width: 16px;
	height: 16px;
	background-image: url(../images/loadinggif.gif);
	vertical-align: text-bottom;
}
/* autocomplete adds the ui-autocomplete-loading class to the textbox when it is _busy_, use general sibling combinator ingeniously */
#wholeSearchAutocomplete.ui-autocomplete-loading ~ .loadingGif {
	display: inline-block;
}

.ui-autocomplete .m-name {
	margin-right: 1em;
	font-size: larger;
}

.ui-autocomplete .m-year {
	float: right;
	font-size: larger;
}

.ui-autocomplete .m-cast {
	display: block;
	font-size: smaller;
}
/* Rotten Tomatoes Branding */
.ui-autocomplete .rt-main {
	display: block;
	margin-left: 1em;
	font-size: smaller;
}

.ui-autocomplete .rt-ico {
	display: inline-block;
	margin-right: .5em;
	width: 16px;
	height: 16px;
	background-image: url(rt-icons.png);
	vertical-align: bottom;
}

	.ui-autocomplete .rt-ico.fresh {
		background-position: 0 0;
	}

	.ui-autocomplete .rt-ico.rotten {
		background-position: -16px 0;
	}

	.ui-autocomplete .rt-ico.certified_fresh {
		background-position: -32px 0;
	}

.ui-autocomplete .rt-val {
	display: inline-block;
	margin-right: .5em;
}

.ui-autocomplete .rt-bar {
	display: inline-block;
	margin-right: .5em;
	width: 10em;
	height: 1em;
	background-color: #ECE4B5;
}

	.ui-autocomplete .rt-bar span {
		display: block;
		height: 1em;
	}

	.ui-autocomplete .rt-bar.fresh span, .ui-autocomplete .rt-bar.certified_fresh span {
		background-color: #C91B22;
	}

	.ui-autocomplete .rt-bar.rotten span {
		background-color: #94B13C;
	}

.ui-autocomplete {
	max-height: 500px;
	overflow-y: auto;
	overflow-x: hidden;
}

* html .ui-autocomplete {
	height: 500px;
}




.ui-menu .ui-menu-item {
	border-bottom: 1px solid #ccc;
}

	.ui-menu .ui-menu-item:last-child {
		border-bottom: 0px
	}

.Details_info {
	display: inline-block;
	text-decoration: underline;
	float: right
}

.Details_table {
	margin: 10px -10px 0;
	padding: 10px;
	background: #fff
}

	.Details_table table, .Details_table th, .Details_table td {
		border: 0px;
		vertical-align: text-top;
		line-height: 150%
	}

	.Details_table td {
		border-bottom: 1px solid #ddd;
		padding: 4px
	}

	.Details_table tr:last-child td {
		border-bottom: 0px
	}

	.Details_table td:first-child {
		color: #666
	}

	.Details_table td:last-child {
		padding-left: 10px
	}


/*기존사용중인 찜마크*/
.zzim-mark {
	min-width: 32px;
	height: 32px;
	cursor: pointer;
	vertical-align: middle;
}
	/*.zzim-mark:hover, .zzim-btn:hover .zzim-mark{background-image:url(../images/zzim-hover-bic.png); background-size:16px; background-repeat:no-repeat; background-position:center;}*/
	.zzim-mark.zzim {
		background-image: url(../images/zzim-bic.png);
		background-size: 20px;
		background-repeat: no-repeat;
		background-position: center;
	}

.no-zzim {
	background-image: url(../images/no-zzim-bic.png);
	background-size: 20px;
	background-repeat: no-repeat;
	background-position: center;
}

.zzim-btn {
	display: inline-block;
	font-weight: bold;
	font-size: 12px;
	cursor: pointer;
	border: 1px solid #cccccc;
	margin-top: 10px;
	padding: 0 8px
}

	.zzim-btn .zzim-mark {
		display: inline-block;
		min-width: 20px;
		margin-right: 4px
	}

.zzim-itemCount {
	display: inline-block;
	padding: 4px 7px;
	background: #fafafa;
	border-bottom: 1px solid #ccc
}

	.zzim-itemCount li {
		display: inline-block;
		min-width: 95px;
		line-height: 150%
	}

		.zzim-itemCount li::before {
			margin-right: 3px;
			content: url(../images/arrow-2.png)
		}

		.zzim-itemCount li * {
			display: inline-block;
			font-weight: bold;
			font-family: Tahoma, Malgun Gothic, '맑은고딕', dotum, '돋움', Arial;
			cursor: pointer
		}

		.zzim-itemCount li p:hover, .zzim-itemCount li p:hover span {
			text-decoration: underline
		}

		.zzim-itemCount li p span {
			color: #ff6600;
		}

.Return.ItemList .itemCheckbox {
	position: relative;
	margin-bottom: 10px;
	display: block;
}

.Return .itemDetails {
	min-height: 65px
}

.Return .PurchaseDate {
	min-height: 38px;
	line-height: 38px;
	margin: -8px -8px 10px -8px;
	padding: 0 40px 0 8px;
	box-sizing: border-box;
	font-weight: bold;
	background: #e8f2f7
}

.return-panel {
	padding: 5px 7px;
	background: #fbe819;
	font-weight: bold;
	color: #00f;
}

.item-list-pakage .date span {
	display: inline-block;
	font-size: 14px;
	font-weight: bold;
	padding: 5px 0;
}

.invoice_no table, .invoice_no th, .invoice_no td {
	border: 1px solid #d4d4d4 !important;
	vertical-align: text-top;
	line-height: 100%
}

.invoice_no th {
	height: 20px;
	line-height: 20px;
	text-align: center;
	color: #000
}

.invoice_no td a {
	text-decoration: underline;
	color: #00f
}

.invoice_no td {
	background: #fff
}



/*관리자 색상 설정*/

/*레드계열(옥션컬러)*/
/*::공통부분*/
.colorType_red .AddTo .Basket,
.colorType_red .AddTo .Join {
	background-color: #e60000;
	border-color: #e60000;
}

.colorType_red .AddTo .Buy {
	border-color: #e60000;
}

.colorType_red .date-search li.select {
	background-color: #e60000;
	border-color: #e60000;
}

.colorType_red .item-image .checkboxStyle input[type="checkbox"]:checked + label {
	background-color: #e60000;
	border-color: #e60000;
}

/*::메뉴부분*/
.colorType_red .nav-menu .menu .menu-header {
	background-color: #cc1b1b;
}

/*::헤더부분*/
.colorType_red .header-top .search {
	border-color: #e60000
}

	.colorType_red .header-top .search i {
		background-image: url('../images/icon-color/search-red.png')
	}

.colorType_red .popular-rolling .rolling .td:nth-child(1) {
	color: #e60000
}

/*::상세페이지 부분*/
.colorType_red .itemDetailPage + .footer .AddTo .Buy span {
	background-image: url('../images/icon-color/arrow-red.png');
}

.colorType_red .bottom-search-bar > #txt_detailSearch {
	border-color: #e60000;
}

.colorType_red .bottom-search-bar > span {
	background-color: #e60000;
}

/*핑크계열*/
/*::공통부분*/
.colorType_pink .AddTo .Basket,
.colorType_pink .AddTo .Join {
	background-color: #d9117c;
	border-color: #d9117c;
}

.colorType_pink .AddTo .Buy {
	border-color: #d9117c;
}

.colorType_pink .date-search li.select {
	background-color: #d9117c;
	border-color: #d9117c;
}

.colorType_pink .item-image .checkboxStyle input[type="checkbox"]:checked + label {
	background-color: #d9117c;
	border-color: #d9117c;
}

/*::메뉴부분*/
.colorType_pink .nav-menu .menu .menu-header {
	background-color: #d9117c
}

/*::헤더부분*/
.colorType_pink .header-top .search {
	border-color: #d9117c
}

	.colorType_pink .header-top .search i {
		background-image: url('../images/icon-color/search-pink.png')
	}

.colorType_pink .popular-rolling .rolling .td:nth-child(1) {
	color: #d9117c
}

/*::상세페이지 부분*/
.colorType_pink .itemDetailPage + .footer .AddTo .Buy span {
	background-image: url('../images/icon-color/arrow-pink.png');
}

.colorType_pink .bottom-search-bar > #txt_detailSearch {
	border-color: #d9117c;
}

.colorType_pink .bottom-search-bar > span {
	background-color: #d9117c;
}

/*진보라계열*/
/*::공통부분*/
.colorType_deeppurple .AddTo .Basket,
.colorType_deeppurple .AddTo .Join {
	background-color: #3f1788;
	border-color: #3f1788;
}

.colorType_deeppurple .AddTo .Buy {
	border-color: #3f1788;
}

.colorType_deeppurple .date-search li.select {
	background-color: #3f1788;
	border-color: #3f1788;
}

.colorType_deeppurple .item-image .checkboxStyle input[type="checkbox"]:checked + label {
	background-color: #3f1788;
	border-color: #3f1788;
}

/*::메뉴부분*/
.colorType_deeppurple .nav-menu .menu .menu-header {
	background-color: #3f1788
}

/*::헤더부분*/
.colorType_deeppurple .header-top .search {
	border-color: #3f1788
}

	.colorType_deeppurple .header-top .search i {
		background-image: url('../images/icon-color/search-deeppurple.png')
	}

.colorType_deeppurple .popular-rolling .rolling .td:nth-child(1) {
	color: #3f1788
}

/*::상세페이지 부분*/
.colorType_deeppurple .itemDetailPage + .footer .AddTo .Buy span {
	background-image: url('../images/icon-color/arrow-deeppurple.png');
}

.colorType_deeppurple .bottom-search-bar > #txt_detailSearch {
	border-color: #3f1788;
}

.colorType_deeppurple .bottom-search-bar > span {
	background-color: #3f1788;
}

/*보라계열*/
/*::공통부분*/
.colorType_purple .AddTo .Basket,
.colorType_purple .AddTo .Join {
	background-color: #9221c7;
	border-color: #9221c7;
}

.colorType_purple .AddTo .Buy {
	border-color: #9221c7;
}

.colorType_purple .date-search li.select {
	background-color: #9221c7;
	border-color: #9221c7;
}

.colorType_deeppurple .item-image .checkboxStyle input[type="checkbox"]:checked + label {
	background-color: #9221c7;
	border-color: #9221c7;
}

/*::메뉴부분*/
.colorType_purple .nav-menu .menu .menu-header {
	background-color: #8618b9
}

/*::헤더부분*/
.colorType_purple .header-top .search {
	border-color: #9221c7
}

	.colorType_purple .header-top .search i {
		background-image: url('../images/icon-color/search-purple.png')
	}

.colorType_purple .popular-rolling .rolling .td:nth-child(1) {
	color: #9221c7
}

/*::상세페이지 부분*/
.colorType_purple .itemDetailPage + .footer .AddTo .Buy span {
	background-image: url('../images/icon-color/arrow-purple.png');
}

.colorType_purple .bottom-search-bar > #txt_detailSearch {
	border-color: #9221c7;
}

.colorType_purple .bottom-search-bar > span {
	background-color: #9221c7;
}

/*오렌지계열*/
/*::공통부분*/
.colorType_orange .AddTo .Basket,
.colorType_orange .AddTo .Join {
	background-color: #f60;
	border-color: #f60;
}

.colorType_orange .AddTo .Buy {
	border-color: #f60;
}

.colorType_orange .date-search li.select {
	background-color: #f60;
	border-color: #f60;
}

.colorType_deeppurple .item-image .checkboxStyle input[type="checkbox"]:checked + label {
	background-color: #f60;
	border-color: #f60;
}

/*::메뉴부분*/
.colorType_orange .nav-menu .menu .menu-header {
	background-color: #d6681f
}

/*::헤더부분*/
.colorType_orange .header-top .search {
	border-color: #f60
}

	.colorType_orange .header-top .search i {
		background-image: url('../images/icon-color/search-orange.png')
	}

.colorType_orange .popular-rolling .rolling .td:nth-child(1) {
	color: #f60
}

/*::상세페이지 부분*/
.colorType_orange .itemDetailPage + .footer .AddTo .Buy span {
	background-image: url('../images/icon-color/arrow-orange.png');
}

.colorType_orange .bottom-search-bar > #txt_detailSearch {
	border-color: #f60;
}

.colorType_orange .bottom-search-bar > span {
	background-color: #f60;
}

/*옐로우컬러(이마트컬러)*/
/*::공통부분*/
.colorType_yellow .AddTo .Basket,
.colorType_yellow .AddTo .Join {
	background-color: #ffd040;
	border-color: #ffd040;
	color: #000
}

.colorType_yellow .AddTo .Buy {
	border-color: #ffd040;
}

.colorType_yellow .date-search li.select {
	background-color: #ffd040;
	border-color: #ffd040;
	color: #000
}

.colorType_yellow .item-image .checkboxStyle input[type="checkbox"]:checked + label {
	background-color: #ffd040;
	border-color: #ffd040;
	color: #000;
}

/*::메뉴부분*/
.colorType_yellow .nav-menu .menu .menu-header {
	background-color: #ffd040
}

/*::헤더부분*/
.colorType_yellow .header-top .search {
	border-color: #ffd040
}

	.colorType_yellow .header-top .search i {
		background-image: url('../images/icon-color/search-yellow.png')
	}

.colorType_yellow .popular-rolling .rolling .td:nth-child(1) {
	color: #ffd040
}

/*::상세페이지 부분*/
.colorType_yellow .itemDetailPage + .footer .AddTo .Buy span {
	background-image: url('../images/icon-color/arrow-yellow.png');
}

.colorType_yellow .bottom-search-bar > #txt_detailSearch {
	border-color: #ffd040;
}

.colorType_yellow .bottom-search-bar > span {
	background-color: #ffd040;
}

/*그린계열(지마켓컬러)*/
/*::공통부분*/
.colorType_green .AddTo .Basket,
.colorType_green .AddTo .Join {
	background-color: #00c51e;
	border-color: #00c51e;
}

.colorType_green .AddTo .Buy {
	border-color: #00c51e;
}

.colorType_green .date-search li.select {
	background-color: #00c51e;
	border-color: #00c51e;
}

.colorType_green .item-image .checkboxStyle input[type="checkbox"]:checked + label {
	background-color: #00c51e;
	border-color: #00c51e;
}

/*::메뉴부분*/
.colorType_green .nav-menu .menu .menu-header {
	background-color: #069a1c
}

/*::헤더부분*/
.colorType_green .header-top .search {
	border-color: #00c51e
}

	.colorType_green .header-top .search i {
		background-image: url('../images/icon-color/search-green.png')
	}

.colorType_green .popular-rolling .rolling .td:nth-child(1) {
	color: #00c51e
}

/*::상세페이지 부분*/
.colorType_green .itemDetailPage + .footer .AddTo .Buy span {
	background-image: url('../images/icon-color/arrow-green.png');
}

.colorType_green .bottom-search-bar > #txt_detailSearch {
	border-color: #00c51e;
}

.colorType_green .bottom-search-bar > span {
	background-color: #00c51e;
}

/*딥그린계열*/
/*::공통부분*/
.colorType_deepgreen .AddTo .Basket,
.colorType_deepgreen .AddTo .Join {
	background-color: #098528;
	border-color: #098528;
}

.colorType_deepgreen .AddTo .Buy {
	border-color: #098528;
}

.colorType_deepgreen .date-search li.select {
	background-color: #098528;
	border-color: #098528;
}

.colorType_deepgreen .item-image .checkboxStyle input[type="checkbox"]:checked + label {
	background-color: #098528;
	border-color: #098528;
}

/*::메뉴부분*/
.colorType_deepgreen .nav-menu .menu .menu-header {
	background-color: #098528
}

/*::헤더부분*/
.colorType_deepgreen .header-top .search {
	border-color: #098528
}

	.colorType_deepgreen .header-top .search i {
		background-image: url('../images/icon-color/search-deepgreen.png')
	}

.colorType_deepgreen .popular-rolling .rolling .td:nth-child(1) {
	color: #098528
}

/*::상세페이지 부분*/
.colorType_deepgreen .itemDetailPage + .footer .AddTo .Buy span {
	background-image: url('../images/icon-color/arrow-deepgreen.png');
}

.colorType_deepgreen .bottom-search-bar > #txt_detailSearch {
	border-color: #098528;
}

.colorType_deepgreen .bottom-search-bar > span {
	background-color: #098528;
}

/*블루계열(쿠팡컬러)*/
/*::공통부분*/
.colorType_blue .AddTo .Basket,
.colorType_blue .AddTo .Join {
	background-color: #4285f4;
	border-color: #4285f4;
}

.colorType_blue .AddTo .Buy {
	border-color: #4285f4;
}

.colorType_blue .date-search li.select {
	background-color: #4285f4;
	border-color: #4285f4;
}

/*::메뉴부분*/
.colorType_blue .nav-menu .menu .menu-header {
	background-color: #286ad6
}

/*::헤더부분*/
.colorType_blue .header-top .search {
	border-color: #4285f4
}

	.colorType_blue .header-top .search i {
		background-image: url('../images/icon-color/search-blue.png')
	}

.colorType_blue .popular-rolling .rolling .td:nth-child(1) {
	color: #4285f4
}

/*::상세페이지 부분*/
.colorType_blue .itemDetailPage + .footer .AddTo .Buy span {
	background-image: url('../images/icon-color/arrow-blue.png');
}

.colorType_blue .bottom-search-bar > #txt_detailSearch {
	border-color: #4285f4;
}

.colorType_blue .bottom-search-bar > span {
	background-color: #4285f4;
}

/*딥블루계열*/
/*::공통부분*/
.colorType_deepblue .AddTo .Basket,
.colorType_deepblue .AddTo .Join {
	background-color: #4246f4;
	border-color: #4246f4;
}

.colorType_deepblue .AddTo .Buy {
	border-color: #4246f4;
}

.colorType_deepblue .date-search li.select {
	background-color: #4246f4;
	border-color: #4246f4;
}

/*::메뉴부분*/
.colorType_deepblue .nav-menu .menu .menu-header {
	background-color: #2a2ec5
}

/*::헤더부분*/
.colorType_deepblue .header-top .search {
	border-color: #4246f4
}

	.colorType_deepblue .header-top .search i {
		background-image: url('../images/icon-color/search-deepblue.png')
	}

.colorType_deepblue .popular-rolling .rolling .td:nth-child(1) {
	color: #4246f4
}

/*::상세페이지 부분*/
.colorType_deepblue .itemDetailPage + .footer .AddTo .Buy span {
	background-image: url('../images/icon-color/arrow-deepblue.png');
}

.colorType_deepblue .bottom-search-bar > #txt_detailSearch {
	border-color: #4246f4;
}

.colorType_deepblue .bottom-search-bar > span {
	background-color: #4246f4;
}

/*네이비계열*/
/*::공통부분*/
.colorType_navy .AddTo .Basket,
.colorType_navy .AddTo .Join {
	background-color: #1b448e;
	border-color: #1b448e;
}

.colorType_navy .AddTo .Buy {
	border-color: #1b448e;
}

.colorType_navy .date-search li.select {
	background-color: #1b448e;
	border-color: #1b448e;
}

/*::메뉴부분*/
.colorType_navy .nav-menu .menu .menu-header {
	background-color: #1b448e
}

/*::헤더부분*/
.colorType_navy .header-top .search {
	border-color: #1b448e
}

	.colorType_navy .header-top .search i {
		background-image: url('../images/icon-color/search-navy.png')
	}

.colorType_navy .popular-rolling .rolling .td:nth-child(1) {
	color: #1b448e
}

/*::상세페이지 부분*/
.colorType_navy .itemDetailPage + .footer .AddTo .Buy span {
	background-image: url('../images/icon-color/arrow-navy.png');
}

.colorType_navy .bottom-search-bar > #txt_detailSearch {
	border-color: #1b448e;
}

.colorType_navy .bottom-search-bar > span {
	background-color: #1b448e;
}

/*그레이*/
/*::공통부분*/
.colorType_gray .AddTo .Basket,
.colorType_gray .AddTo .Join {
	background-color: #292a2e;
	border-color: #292a2e;
}

.colorType_gray .AddTo .Buy {
	border-color: #292a2e;
}

.colorType_gray .date-search li.select {
	background-color: #292a2e;
	border-color: #292a2e;
}

/*::메뉴부분*/
.colorType_gray .nav-menu .menu .menu-header {
	background-color: #444752
}

/*::헤더부분*/
.colorType_gray .header-top .search {
	border-color: #292a2e
}

	.colorType_gray .header-top .search i {
		background-image: url('../images/icon-color/search-gray.png')
	}

.colorType_gray .popular-rolling .rolling .td:nth-child(1) {
	color: #292a2e
}


/*::상세페이지 부분*/
.colorType_gray .itemDetailPage + .footer .AddTo .Buy span {
	background-image: url('../images/icon-color/arrow-gray.png');
}

.colorType_gray .bottom-search-bar > #txt_detailSearch {
	border-color: #292a2e;
}

.colorType_gray .bottom-search-bar > span {
	background-color: #292a2e;
}

.colorType_red .nav-menu .menu .menu-header {
	color: #fff;
}

.colorType_pink .nav-menu .menu .menu-header {
	color: #fff;
}

.colorType_deeppurple .nav-menu .menu .menu-header {
	color: #fff;
}

.colorType_purple .nav-menu .menu .menu-header {
	color: #fff;
}

.colorType_orange nav-menu .menu .menu-header {
	color: #444;
}

.colorType_yellow nav-menu .menu .menu-header {
	color: #444;
}

.colorType_green nav-menu .menu .menu-header {
	color: #444;
}

.colorType_deepgreen nav-menu .menu .menu-header {
	color: #fff;
}

.colorType_blue nav-menu .menu .menu-header {
	color: #fff;
}

.colorType_deepblue nav-menu .menu .menu-header {
	color: #fff;
}

.colorType_navy .nav-menu .menu .menu-header {
	color: #fff;
}

.colorType_gray .nav-menu .menu .menu-header {
	color: #fff;
}

/*주문완료페이지*/
/*전체*/
.order_mobile {
	background: #fff8f1;
}
	/*주문완료멘트*/
	.order_mobile .part0 {
		padding: 1rem;
	}

		.order_mobile .part0 h2 {
			text-align: center;
			font-size: 14px;
			margin-bottom: 0.8rem;
		}

	.order_mobile .order_check {
		color: #FF3100;
		font-size: 14px;
	}

	.order_mobile .order_info {
		width: 85%;
		margin: 0 auto;
		display: flex;
		justify-content: space-around;
		text-align: center;
	}

		.order_mobile .order_info li {
			width: 50%;
		}

	/*결제상세 공통*/
	.order_mobile .part {
		background: #fff;
		margin-top: 0.5rem;
		padding: 0.5rem 1rem;
	}

	.order_mobile h3 {
		width: 25%;
		margin: 0 auto;
		font-size: 14px;
		text-align: center;
		border: 1px solid #EE775A;
	}

	.order_mobile .part3 h3 {
		width: 30%;
	}

	.order_mobile .part table {
		margin: 1rem 1rem 0.2rem 1rem;
	}

		.order_mobile .part table td:first-child {
			color: #5E5E5E;
		}

	.order_mobile .part .amount {
		color: #0E25FC;
		font-size: 14px;
		font-weight: bold;
	}
	/*결제수단(신용카드)*/
	.order_mobile .part2 .bills {
		display: inline-block;
		background: #EE775A;
		padding: 0 0.3rem 0.2rem;
		margin-bottom: 0.2rem;
		color: #fff;
		box-shadow: 2px 2px 0 rgba(0,0,0,30%);
	}
	/*결제수단(예금이체)*/
	.order_mobile .part2 .bank_account {
		background: #FBE7D5;
		padding: 0 0.5rem 0.2rem;
		display: inline-block;
		margin-bottom: 0.2rem;
	}

	/*주문자정보*/
	/*.order_mobile .part4 {display: none;}*/

	/*상품내역*/
	.order_mobile .part5 table tr:first-child td img {
		border: 1px solid #ccc;
	}

	.order_mobile .part5 .option {
		background: #ccc;
		padding: 0 0.2rem 0.2rem;
		margin-right: 0.2rem;
	}

	.order_mobile .part5 table tr td:first-child {
		color: #000;
	}

	.order_mobile .origin_price {
		text-align: right;
		margin-right: 1rem;
	}

	.order_mobile .total_price {
		background: #FFCE9C;
		border-top: 1px solid #000;
		border-bottom: 1px solid #000;
		text-align: right;
		padding: 0.5rem 2rem;
	}

		.order_mobile .total_price p {
			font-size: 13px;
		}

		.order_mobile .total_price span {
			font-size: 15px;
			font-weight: bold;
			margin-left: 1.5rem;
		}