@charset "utf-8";
/* ----------------------------------------------------------- */
/* ------------------------ admin_base ----------------------- */
/* ----------------------------------------------------------- */
.adminProductViewBut{
	padding: 5px 10px;
	font-size: 0.9em;
	font-weight: bold;
	text-align: center;
	border-radius: 3px;
	color: #333;
	border: 1px solid #ccc;
	background: #fff;
}
.adminProductViewBut:hover{
	color: #fff;
	border: 1px solid #000;
	background: #333;
}
.adminProductModifyBut{
	padding: 5px 10px;
	font-size: 0.9em;
	font-weight: bold;
	text-align: center;
	border-radius: 3px;
	color: #333;
	border: 1px solid #ccc;
	background: #fff;
}
.adminProductModifyBut:hover{
	color: #fff;
	border: 1px solid #000;
	background: #333;
}
/* ----------------------------------------------------------- */
/* ------------------------- cart_base ----------------------- */
/* ----------------------------------------------------------- */
/* 상품관련 각종 아이콘 */
.priceIcon{
	padding: 2px 4px;
	font-size: 0.7em;
	color: #fff;
	border-radius: 3px;
	background: #FF6600;
	behavior: url(../scripts/PIE.htc);
}
.miligeIcon{
	padding: 2px 4px;
	font-size: 0.9em;
	color: #fff;
	border-radius: 3px;
	background: #6699FF;
	behavior: url(../scripts/PIE.htc);
}
.productsIcon{
	padding: 2px 5px;
	font-size: 0.7em;
	color: #fff;
	border-radius: 3px;
	behavior: url(../scripts/PIE.htc);
}
.newProductsIcon{
	background: #FF3300;
}
.hitProductsIcon{
	background: #CC66FF;
}
.mdProductsIcon{
	background: #FF3366;
}
.bestProductsIcon{
	background: #00CCFF;
}
.hotProductsIcon{
	background: #669900;
}
/* Location HOME버튼,이동버튼, 사진보기버튼, 표준보기버튼, 가격정렬버튼 */
.locationHomeBut{
	padding: 5px 10px;
	font-size: 0.9em;
	font-weight: bold;
	text-align: center;
	color: #fff;
	border-radius: 3px;
	background: #666;
	border: 1px solid #333;
	behavior: url(../scripts/PIE.htc);
}
.locationHomeBut:hover{
	background: #333;
	border: 1px solid #000;
}
.locationCategoryBut{
	padding: 3px 5px;
	font-size: 0.9em;
	font-weight: bold;
	text-align: center;
	color: #fff;
	border-radius: 3px;
	background: #666;
	border: 1px solid #333;
	behavior: url(../scripts/PIE.htc);
}
.locationCategoryBut:hover{
	background: #333;
	border: 1px solid #000;
}
.productsMoveBut{
	padding: 5px 10px;
	font-size: 11px;
	font-weight: bold;
	text-align: center;
	color: #fff;
	border-radius: 3px;
	background: #666;
	border: 1px solid #333;
	behavior: url(../scripts/PIE.htc);
}
.productsMoveBut:hover{
	background: #333;
	border: 1px solid #000;
}
.productsVerticalMoveBut{
	padding: 32px 25px;
	text-align: center;
	border-radius: 3px;
	background: #666;
	border: 1px solid #333;
}
.productsVerticalMoveBut:hover{
	background: #333;
	border: 1px solid #000;
}
.productsListBut{
	padding: 10px 20px;
	font-size: 1em;
	font-weight: bold;
	text-align: center;
	color: #fff;
	border-radius: 3px;
	background: #666;
	border: 1px solid #333;
}
.productsListBut:hover{
	background: #333;
	border: 1px solid #000;
}
/* 사진보기버튼, 표준보기버튼, 가격정렬버튼, 관심상품버튼 */
.viewKindBut{
	padding: 5px 10px;
	font-size: 0.9em;
	font-weight: bold;
	text-align: center;
	color: #fff;
	border-radius: 3px;
	border: 1px solid #333;
	behavior: url(../scripts/PIE.htc);
}
.pictureViewBut{
	background: #666;
	border: 1px solid #333;
}
.pictureViewBut:hover{
	background: #333;
	border: 1px solid #000;
}
.generalViewBut{
	background: #666;
	border: 1px solid #333;
}
.generalViewBut:hover{
	background: #333;
	border: 1px solid #000;
}
.rangeViewBut{
	color: #666;
	background: #eee;
	border: 1px solid #ccc;
}
.rangeViewBut:hover{
	color: #fff;
	background: #666;
	border: 1px solid #333;
}
/* list_gallery.php의 관심상품 버튼 */
.wishProductsBut{
	padding: 5px 10px;
	font-size: 0.9em;
	font-weight: bold;
	text-align: center;
	border-radius: 3px;
	color: #666;
	background: #eee;
	border: 1px solid #ccc;
	behavior: url(../scripts/PIE.htc);
}
.wishProductsBut:hover{
	color: #fff;
	background: #666;
	border: 1px solid #333;
}
/* cart_lis.php, wish_lis.php의 상품삭제 버튼 */
.wishDeleteBut{
	padding: 5px 10px;
	font-size: 0.9em;
	font-weight: bold;
	text-align: center;
	border-radius: 3px;
	color: #fff;
	background: #666;
	border: 1px solid #333;
	behavior: url(../scripts/PIE.htc);
}
.wishDeleteBut:hover{
	background: #333;
	border: 1px solid #000;
}
/* list_all.php 위시리스트 담기, 카트리스트 담기 버튼 */
.wishPutBut{
	padding: 7px 10px;
	font-size: 0.9em;
	font-weight: bold;
	text-align: center;
	border-radius: 3px;
	color: #666;
	padding-left: 35px;
	background: url(../images/wishlist_icon_small.png) no-repeat 5px center;
	border: 1px solid #999;
	behavior: url(../scripts/PIE.htc);
}
.wishPutBut:hover{
	color: #333;
	border: 1px solid #666;
}
.cartPutBut{
	padding: 7px 10px;
	font-size: 0.9em;
	font-weight: bold;
	text-align: center;
	border-radius: 3px;
	color: #666;
	padding-left: 35px;
	background: url(../images/useinfo_icon_small.png) no-repeat 5px center;
	border: 1px solid #999;
	behavior: url(../scripts/PIE.htc);
}
.cartPutBut:hover{
	color: #333;
	border: 1px solid #666;
}
/* order_login.php 비회원구매버튼 */
.noMemberBuyBut {
	padding: 8px 12px;
	font-weight: bold;
	text-align: center;
	border-radius: 3px;
	color: #fff;
	background: #FF6600;
	border: 1px solid #FF3300;
	behavior: url(../scripts/PIE.htc);
}
.noMemberBuyBut:hover{
	background: #FF3300;
	border: 1px solid #FF0000;
}
/* order_info.php 주문자정보와 같음 버튼 */
.orderSameBut {
	padding: 3px 10px;
	font-size: 1em;
	font-weight: bold;
	text-align: center;
	border-radius: 3px;
	color: #fff;
	background: #FF6600;
	border: 1px solid #FF3300;
	behavior: url(../scripts/PIE.htc);
}
.orderSameBut:hover{
	background: #FF3300;
	border: 1px solid #FF0000;
}
/* order_info.php 배송지주소 버튼 */
.deleveryAddrBut {
	padding: 3px 10px;
	font-size: 1em;
	font-weight: bold;
	text-align: center;
	border-radius: 3px;
	color: #fff;
	background: #666;
	border: 1px solid #333;
	behavior: url(../scripts/PIE.htc);
}
.deleveryAddrBut:hover{
	background: #333;
	border: 1px solid #000;
}
/* 상품관련 UL 버튼 리스트 (products_info.php : 장바구니, 바로구매, 관심상품, 추천메일), 주문하기, 쇼핑계속하기, 수량변경하기, 전체비우기 */

.wishListBut{
	background: #000;
	transition: .3s;
	border-radius: 3px;
}
.wishListBut:hover{
	background: #333;
}
.buyBut{
	background: #2e3750;
	transition: .3s;
}
.buyBut:hover{
	background: #1d2438;
}
.interestBut{
	background: #000;
	transition: .3s;
}
.interestBut:hover{
	background: #333;
}
.selloutBut{
	background: #FF3366;
}
.selloutBut:hover{
	background: #ff0042;
}
.mailBut{
	background: #666;
}
.mailBut:hover{
	background: #333;
}
.orderBut{
	background: #00CCFF;
}
.orderBut:hover{
	background: #0099FF;
}
.shoppingBut{
	background: #9999FF;
}
.shoppingBut:hover{
	background: #9966FF;
}
.cntChangeBut{
	background: #FF66CC;
}
.cntChangeBut:hover{
	background: #FF33CC;
}
.allDeleteBut{
	background: #FF9900;
}
.allDeleteBut:hover{
	background: #FF6600;
}
/* 상품관련 주문배송조회 (order_history.php : 상품후기쓰기(reviewWriteBut), 카드결재버튼(cardPayBut), 실시간계좌이체결재버튼(cardPayBut) */
.reviewWriteBut {
	padding: 7px 15px;
	font-size: 1.2em;
	text-align: center;
	border-radius: 3px;
	color: #fff;
	background: #333;
	border: 1px solid #333;
}
.reviewWriteBut:hover {
	background: #000;
	border: 1px solid #000;
}
.reviewWriteBut_large {
	padding: 5px 7px;
	font-size: 1.2em;
}

.cardPayBut {
	padding: 3px 5px;
	font-size: 0.9em;
	font-weight: bold;
	text-align: center;
	border-radius: 3px;
	color: #fff;
	background: #00CCFF;
	border: 1px solid #0099FF;
	behavior: url(../scripts/PIE.htc);
}
.cardPayBut:hover {
	background: #0099FF;
	border: 1px solid #0066FF;
}
.realBankPayBut {
	padding: 3px 5px;
	font-size: 0.9em;
	font-weight: bold;
	text-align: center;
	border-radius: 3px;
	color: #fff;
	background: #00CCFF;
	border: 1px solid #0099FF;
	behavior: url(../scripts/PIE.htc);
}
.realBankPayBut:hover {
	background: #0099FF;
	border: 1px solid #0066FF;
}
/* -------------------------- noData ------------------------- */
#pg_css  p.productNo {
	margin-top: 10px;
	margin-bottom: 15px;
	padding: 50px 0;
	text-align: center;
	border-top: 3px solid #ccc;
	border-bottom: 1px solid #ccc;
}
/* ----------------------------------------------------------- */
/* ---------------------- catalog.php -------==--------------- */
/* ----------------------------------------------------------- */
.categorySubMenuWrap {
	margin-bottom: 50px;
	border-radius: 10px;
	text-align: center;
}
.categorySubMenuWrap h3 {
	margin-bottom: 20px;
	font-size: 24px;
	color: #ccc;
}
.categorySubMenuWrap h3 span {
	font-weight: bold;
	color: #999;
}
.categorySubMenuWrap a {
	display: inline-block;
	margin: 3px;
	padding: 7px 15px;
	background-color: #552729;
	font-size: 16px;
	color: #fff;
	border-radius: 5px;
	transition: .3s;
}
.categorySubMenuWrap a:hover {
	background-color: #000;
}
/* ----------------------------------------------------------- */
/* ------------------- location_bar.php ---------------------- */
/* ----------------------------------------------------------- */
#pg_css .locationWrap {
	position: relative;
	width: 100%;
	margin-bottom: 50px;
}
#pg_css .locationWrap p.home{
}
/* ----------------------------------------------------------- */
/* ---------------- location_bar_mobile.php ------------------ */
/* ----------------------------------------------------------- */
#pg_css .locationMobileWrap {
	position: relative;
	margin-bottom: 10px;
}
#pg_css .locationMobileWrap ul.categoryMenu{
	position: relative;
	height: 31px;
}
#pg_css .locationMobileWrap ul.categoryMenu > li{
	float: left;
	width: 25%;
}
#pg_css .locationMobileWrap ul.categoryMenu > li > a{
	display: block;
	width: 100%;
	height: 100%;
	color: #333;
	font-weight: bold;
}
#pg_css .locationMobileWrap ul.categoryMenu > li > a > span.menuName{
	display: block;
	padding: 8px 0;
	text-align: center;
	border: 1px solid #ccc;
	border-right: none;
	background: #eee;
}
#pg_css .locationMobileWrap ul.categoryMenu > li.on > a > span.menuName{
	border-bottom: none;
	background: #fff;
}
#pg_css .locationMobileWrap ul.categoryMenu > li.last > a > span.menuName{
	border-right: 1px solid #ccc;
}
#pg_css .locationMobileWrap ul.categoryMenu > li > ul {
	position: absolute;
	width: 100%;
	top: 31px;
	left: 0;
	padding: 10px 0;
	border: 1px solid #ccc;
	border-top: none;
}
#pg_css .locationMobileWrap ul.categoryMenu > li > ul > li.location{
	margin-bottom: 10px;
}
#pg_css .locationMobileWrap ul.categoryMenu > li > ul > li > a{
	display: block;
	width: 100%;
	height: 100%;
	color: #666;
	font-size: 1.2em;
	font-weight: bold;
}
#pg_css .locationMobileWrap ul.categoryMenu > li > ul > li > button{
	display: block;
	width: 100%;
	height: 100%;
	line-height: 2;
	padding-left: 15px;
	text-align: left;
	color: #666;
	font-size: 1.2em;
	font-weight: bold;
}
#pg_css .locationMobileWrap ul.categoryMenu > li > ul > li > a > span.menuName{
	display: block;
	line-height: 2;
	padding-left: 15px;
}
#pg_css .locationMobileWrap ul.categoryMenu > li > ul > li.location{
	padding-left: 15px;
}
#pg_css .locationMobileWrap ul.categoryMenu > li > ul > li.location > a{
	display: inline;
	line-height: 2;
	color: #999;
	font-size: 1em;
}
#pg_css .locationMobileWrap ul.categoryMenu > li > ul > li.location > span.now{
	color: #333;
	font-weight: bold;
}
#pg_css .locationMobileWrap .closeLine{
	position: relative;
	height: 35px;	
	border: 1px solid #ccc;
	border-top: none;
}
#pg_css .locationMobileWrap .closeLine .closeBut{
	position: absolute;
	display: block;
	top: 0;
	right: 0;
	width: 60px;
	height: 100%;
	line-height: 3;
	text-align: center;
	border-left: 1px solid #ccc;
	background: #F5F5F5;
}
/* ----------------------------------------------------------- */
/* --------------------- pick_list.php ----------------------- */
/* ----------------------------------------------------------- */
#pg_css .pickListWrap {
	position: relative;
	margin-bottom: 50px;
	min-height: 150px;
	padding: 30px 50px;
	border: 1px solid #ccc;
}
#pg_css .pickListWrap h3 {
	margin-bottom: 20px;
	margin-top: -50px;
	font-size: 20px;
	color: #fff;
	text-align: center;
	font-weight: bold;
}
#pg_css .pickListWrap h3 span {
	position: relative;
	display: inline-block;
	width: 200px;
	height: 40px;
	line-height: 40px;
}
#pg_css .pickListWrap h3 span:before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: #2e3750;
	transform: skew(-15deg);
}
#pg_css .pickListWrap h3 span em {
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	width: 100%;
	height: 100%;
	z-index: 1;
}
#pg_css .pickListWrap #pickSlideView {
	position: relative;
	overflow: hidden;
}
#pg_css .pickListWrap #pickSlideView ul#pickList {
}
#pg_css .pickListWrap #pickSlideView ul#pickList li{
	position: relative;
	float: left;
}
#pg_css .pickListWrap #pickSlideView ul#pickList li > span{
	display: block;
	text-align: center;
	line-height:1.5;
}
#pg_css .pickListWrap #pickSlideView ul#pickList li span.img{
	width: 100%;
}
#pg_css .pickListWrap #pickSlideView ul#pickList li span.img a {
	display: block;
	text-align: center;
}
#pg_css .pickListWrap #pickSlideView ul#pickList li span.img a img{
	width: 100%;
	border: 1px solid #ccc;
}
#pg_css .pickListWrap #pickSlideView ul#pickList li span.img a img:hover, #pg_css .pickListWrap #pickSlideView ul#pickList li span.img a img:focus {
	border: 1px solid #FF9900;
}
#pg_css .pickListWrap #pickSlideView ul#pickList li span.productName{
	color: #333;
	font-weight: bold;
	font-size: 16px;
	overflow: hidden;
	white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
#pg_css .pickListWrap #pickSlideView ul#pickList li span.modelName{
	color: #666;
}
#pg_css .pickListWrap #pickSlideView ul#pickList li span.price{
	font-size: 20px;
	font-weight: bold;
	color: #000;
}
#pg_css .pickListWrap #pickSlideView ul#pickList li span.iconList{
	display: none;
}
#pickAniControl p.pickNextBut {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	right: -9px;
	width: 19px;
	height: 97px;
	background: url(../images/scrollright3.png) no-repeat 0 0;
}
#pickAniControl p.pickPrevBut {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	left: -9px;
	width: 19px;
	height: 97px;
	background: url(../images/scrollleft3.png) no-repeat 0 0;
}
/* -------------------- pick_list_mobile --------------------- */
#pg_css ul#pickListMobile {
}
#pg_css ul#pickListMobile > li{
	position: relative;
	width: 90%;
	margin: 0 auto;
	padding: 8px 0;
	padding-bottom: 16px;
	border-top: 1px dotted #ccc;
}
#pg_css ul#pickListMobile > li:first-child {
	border-top: none;
}
#pg_css ul#pickListMobile > li > span{
	display: block;
	margin-bottom: 3px;
}
#pg_css ul#pickListMobile > li > span.iconList{
	margin-left: 35%;
}
#pg_css ul#pickListMobile > li > span.img{
	position: absolute;
	width: 100px;
	height: 100px;
	margin-bottom: 5px;
}
#pg_css ul#pickListMobile > li > span.img a {
	display: block;
	text-align: center;
	border: 1px solid #ccc;
}
#pg_css ul#pickListMobile > li > span.img a img{
	width: 100%;
}
#pg_css ul#pickListMobile > li > span.productName{
	margin-bottom: 5px;
	margin-left: 110px;
	color: #333;
	font-size: 1.2em;
	font-weight: bold;
}
#pg_css ul#pickListMobile > li > span.modelName{
	margin-top: 5px;
	margin-left: 110px;
	color: #666;
}
#pg_css ul#pickListMobile > li > span.productComment{
	margin-left: 110px;
}
#pg_css ul#pickListMobile > li > span.price{
	margin-top: 5px;
	margin-left: 110px;
	color: #FF6600;
	font-size: 1.2em;
	font-weight: bold;
	padding-bottom: 5px;
}
#pg_css ul#pickListMobile > li > span.wishList{
	margin-top: 10px;
	margin-left: 110px;
}
#pg_css ul#pickListMobile > li > span.wishList a{
	padding: 4px;
	text-align: center;
	color: #fff;
	background: #00CCFF;
}
/* ----------------------------------------------------------- */
/* ------------------ list_view_mode.php --------------------- */
/* ----------------------------------------------------------- */
.listViewModeBox {
	position: relative;
	margin-bottom: 20px;
}
.listViewModeBox p.viewKind {
	padding-bottom: 10px;
	margin-bottom: 10px;
	border-bottom: 1px solid #ccc;
}
.listViewModeBox p.viewKind label {
	padding-left: 20px;
	background: url(../images/arrow_9.gif) no-repeat 0 center;
}
.listViewModeBox p.viewKindListBut {
	position: absolute;
	display: none;
	top: 0px;
	right: 0;
}
.listViewModeBox p.viewKindListBut button.listView {
	width: 40px;
	height: 23px;
}
.listViewModeBox p.viewKindListBut button.listView span.listViewIcon {
	display: block;
	width: 40px;
	height: 23px;
	color: transparent;
	background: url(../images/list_icon.png) no-repeat 0 0;
}
.listViewModeBox p.viewKindListBut button.listView:hover span.listViewIcon {
	background: url(../images/list_icon_o.png) no-repeat 0 0;
}
.listViewModeBox p.viewKindListBut button.on span.listViewIcon {
	background: url(../images/list_icon_o.png) no-repeat 0 0;
}
.listViewModeBox p.viewKindListBut button.galleryView {
	width: 40px;
	height: 23px;
}
.listViewModeBox p.viewKindListBut button.galleryView span.galleryViewIcon {
	display: block;
	width: 40px;
	height: 23px;
	color: transparent;
	background: url(../images/gallery_icon.png) no-repeat 0 0;
}
.listViewModeBox p.viewKindListBut button.galleryView:hover span.galleryViewIcon {
	background: url(../images/gallery_icon_o.png) no-repeat 0 0;
}
.listViewModeBox p.viewKindListBut button.on span.galleryViewIcon {
	background: url(../images/gallery_icon_o.png) no-repeat 0 0;
}
.listViewModeBox p.listCnt {
	margin-bottom: 10px;
}
/* --------------------- list_All_mobile -------------------- */
.listViewModeMobileBox p.viewKindListBut {
	position: absolute;
	top: 0 ;
	left: 0;
	width: 100%;
	text-align: right;
}
/* --------------------- list_All_list -------------------- */
ul.listAllList {
}
ul.listAllList > li{
	float: left;
}
ul.listAllList > li .contents{
	position: relative;
	padding: 3%;
	text-align:justify;
	border: 1px solid #ccc;
	background: #fff;
}
ul.listAllList > li .contents p.img {
	position: absolute;	
	top: 8%;
	left: 3%;
	width: 30%;
	overflow: hidden;
	border: 1px solid #ccc;
}
ul.listAllList > li .contents p.img > a {
	display: block;	
	width: 100%;
	height: 100%;
}
ul.listAllList > li .contents p.img > a > span.overZoomImg > img{
	width: 100%;
}
ul.listAllList > li .contents p.img > a > span.soldOut {
	position: absolute;
	bottom: 5px;
	left: 5px;
	padding: 3px 5px;
	font-size: 1.2em;
	font-weight: bold;
	color: #fff;
	background: #FF0000;
	border-radius: 5px;
}
ul.listAllList > li .contents p.iconList{
	margin-left: 38%;
	display: none;
}
ul.listAllList > li .contents h3.productName{
	margin-top: 1.5%;
	margin-left: 38%;
	
}
ul.listAllList > li .contents h3.productName a{
	color: #000;
	font-size: 1.4em;
	font-weight: bold;
}
ul.listAllList > li .contents p.modelName{
	margin-top: 1.5%;
	margin-left: 38%;
	color: #666;
}
ul.listAllList > li .contents p.productComment{
	display: none;
	margin-top: 1.5%;
	margin-left: 38%;
}
ul.listAllList > li .contents p.price{
	margin-top: 1.5%;
	margin-left: 38%;
	margin-bottom: 30px;
	padding-bottom: 5px;
}
ul.listAllList > li .contents p.price span.saleRate {
	position: absolute;
	display: none;
	top: -6px;
	right:0px;
	width: 67px;
	padding-left: 10px;
	height: 75px;
	padding: 10px;
	font-size: 1.6em;
	font-weight: bold;
	color: #FFF;
	background:url(../images/ribon_red.png) no-repeat 0 0;
	text-align: center;
}
.listViewModeMobileBox ul.listAllList > li .contents p.price span.saleRate {
	top: -6px;
	right:5px;
	width: 77px;
	height: 75px;
	padding: 10px;
	padding-left: 12px;
}
ul.listAllList > li .contents p.price span.saleRate span.saleText {
	display: block;
	font-size: 0.8em;
	font-weight: bold;
	color: #FFFF00;
	text-align: center;
}
ul.listAllList > li .contents p.price span.priceOri {
	display: none;
	padding-right: 10px;
	color: #999;
	font-size: 1.2em;
	text-decoration: line-through;
	text-align: right;
}
ul.listAllList > li .contents p.price span.salePrice{
	font-size: 1.4em;
	font-weight: bold;
	color: crimson;
	text-align: right;
}
ul.listAllList > li .contents p.cartNwish{
	position: relative;
	margin-top: 4.5%;
	margin-bottom: 2%;
	margin-left: 38%;
}
ul.listAllList > li .contents p.cartNwish span.Zx_NotifyPC {
	left: -85px;
}
ul.listAllList > li .contents p.cartNwish span.Zx_NotifyMobile {
	left: -50px;
}
ul.listAllList > li .contents p.cartNwish span.Zx_NotifyMobile span.arrow {
	left: 0;
	text-align: center;
}
/* --------------------- list_All_gallery -------------------- */
ul.listAllGallery {
}
ul.listAllGallery > li{
	float: left;
}
ul.listAllGallery > li .contents{
	position: relative;
	padding-bottom: 20px;
	/* background: #fff; */
}
ul.listAllGallery > li .contents p.img{
	position: relative;
	overflow: hidden;
	margin-bottom: 15px;
	border: 1px solid #ccc;
}
ul.listAllGallery > li .contents p.img > a {
	display: block;
	width: 100%;
	height: 100%;
}
ul.listAllGallery > li .contents p.img > a > span.overZoomImg > img {
	width: 100%;
}
ul.listAllGallery > li .contents p.img > a > span.soldOut {
	position: absolute;
	bottom: 5px;
	left: 5px;
	padding: 3px 5px;
	font-size: 1.2em;
	font-weight: bold;
	color: #fff;
	background: #FF0000;
	border-radius: 5px;
}
ul.listAllGallery > li .contents p.iconList{
	position: absolute;
	top:3px;
	left: 3px;
}
ul.listAllGallery > li .contents h3.productName{
	margin: 0 10px;
	margin-bottom: 5px;
	text-align: center;
}
ul.listAllGallery > li .contents h3.productName a {
	color: #000;
	font-size: 1.4em;
	font-weight: bold;
}
@media screen and (max-width: 800px) {
	ul.listAllGallery > li .contents h3.productName a {
		font-size: 1em;
	}
}
ul.listAllGallery > li .contents p.modelName{
	margin: 0 10px;
	margin-bottom: 10px;
	color: #666;
}
ul.listAllGallery > li .contents p.productComment{
	display: none;
	margin: 0 10px;
	margin-bottom: 10px;
}
ul.listAllGallery > li .contents p.price {	
	position: relative;
	margin: 0 10px;
}
ul.listAllGallery > li .contents p.price span.saleRate {
	position: absolute;
	display: none;
	top: 0;
	left:0;	
	font-size: 3em;
	font-weight: bold;
	color: #FF0000;
}
ul.listAllGallery > li .contents p.price span.saleRate span.saleText {
	display: none;
}
ul.listAllGallery > li .contents p.price span.priceOri {
	display: none;
	color: #999;
	font-size: 1.2em;
	text-decoration: line-through;
	text-align: center;
}
ul.listAllGallery > li .contents p.price span.salePrice {
	display: block;
	font-size: 1.4em;
	font-weight: bold;
	color: crimson;
	text-align: center;
}

ul.listAllGallery > li .contents p.cartNwish{
	position: relative;
	margin-top: 4.5%;
	margin-bottom: 5%;
	display: none;
}

/* ----------------------------------------------------------- */
/* ------------------- product_info.php ---------------------- */
/* ----------------------------------------------------------- */
#pg_css div.productViewWrap {
	margin-top: 20px;
}
#pg_css div.productViewWrap h3.productName {
	position: relative;
	padding: 10px 0;
	font-size: 2em;
	color: #333;
	font-weight: bold;
	padding-left: 30px;
	padding-right: 200px;
	border-bottom: 2px solid #ccc;
}
#pg_css div.productViewWrap h3.productName:before {
	content: "\ea50";
	font-family: 'Material Icons';
	position: absolute;
	top: 8px;
	left: 0;
}
#pg_css div.productViewWrap h3.productName span.model {
	color: #666;
	padding-left: 10px;
}
#pg_css div.productViewWrap h3.productName span.proMove {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	right: 0;
}
#pg_css div.productViewWrap h3.productName span.proMove a {
	padding: 5px 10px;
	border-radius: 5px;
	background-color: #666;
	color: #fff;
	transition: .3s;
	font-size: 0.6em;
	font-weight: normal;
}
#pg_css div.productViewWrap h3.productName span.proMove a:hover {
	background-color: #000;
}
#pg_css div.productViewWrap div.viewAndSpec {
	width: 100%;
	margin-top: 15px;
	margin-bottom: 50px;
	clear: both;
}
#pg_css div.productViewWrap div.imgBox {
	float: left;
	width: 50%;
}
#pg_css div.productViewWrap div.imgBox p.bigImg {
	position: relative;
	margin-top: 0;
	border: 3px solid #ccc;
}
#pg_css div.productViewWrap div.imgBox p.bigImg img.big {
	width: 100%;
	height: 100%;
}
#pg_css div.productViewWrap div.imgBox p.bigImg span.btnDivWindow {
	display: block;
	position: absolute;
	width: 80px;
	top: 0;
	left: 0;
	padding: 3px 0;
	text-align: center;
	color: #fff;
	background: #666;
	cursor: pointer;
}
#pg_css div.productViewWrap div.imgBox p.bigImg span.iconList img {
	border: none;
}
#pg_css div.productViewWrap div.spec {
	float: right;
	width: 46%;
}
#pg_css div.productViewWrap div.spec > .specOne > table.specTable {
}
#pg_css div.productViewWrap div.spec > .specOne > table.specTable > tbody > tr > th, #pg_css div.productViewWrap div.spec .specOne table.specTable > tbody > tr> td {
	line-height: 3;
	border-bottom: 1px dotted #ccc;
}
#pg_css div.productViewWrap div.spec > .specOne > table.specTable > tbody > tr.last > th, #pg_css div.productViewWrap div.spec .specOne table.specTable > tbody > tr.last > td {
	border: none;
}
#pg_css div.productViewWrap div.spec > .specOne > table.specTable > tbody > tr > th {
	padding-left: 15px;
	font-weight: bold;
	text-align: justify;
	background: url(../images/arrow_16_orange.gif) no-repeat 0 center;
}
#pg_css div.productViewWrap div.spec > .specTwo > dl.summery {
	margin-bottom: 10px;
}
#pg_css div.productViewWrap div.spec > .specTwo > dl.summery dt {
	padding-left: 15px;
	font-weight: bold;
	line-height: 3;
	background: url(../images/arrow_16_orange.gif) no-repeat 0 center;
}
#pg_css div.productViewWrap div.spec > .specTwo > dl.summery dd {
	padding: 10px;
	line-height: 1.5;
	text-align: justify;
	border: 1px solid #ccc;
	background: #F7F7F7;
	overflow: auto;
}
#pg_css div.productViewWrap div.spec .specOne table h4.unitPriceTitle {
	font-weight: bold;
	text-align: center;
	color: #fff;
	background: #666;
}
#pg_css div.productViewWrap div.spec .specOne table ul.unitPriceList {

}
#pg_css div.productViewWrap div.spec .specOne table ul.unitPriceList li {
	float: left;
}
#pg_css div.productViewWrap div.spec .specOne table ul.unitPriceList li span{
	display: block;
	text-align: center;
}
#pg_css div.productViewWrap div.spec .specOne table ul.unitPriceList li span.optionQty{
	border-bottom: 1px solid #ccc;
	border-right: 1px solid #ccc;
	background: #eee;
}
#pg_css div.productViewWrap div.spec .specOne table ul.unitPriceList li:last-child span.optionQty{
	border-right: none;
}
#pg_css div.productViewWrap div.spec .specOne table ul.unitPriceList li span.optionMoney{
	border-right: 1px solid #ccc;
}
#pg_css div.productViewWrap div.spec .specOne table ul.unitPriceList li:last-child span.optionMoney{
	border-right: none;
}
#pg_css div.productViewWrap div.spec > .specTwo {
}
#pg_css div.productViewWrap div.spec > .specThree {
}
#pg_css div.productViewWrap div.spec > .specThree .totalPriceWrap{
	margin-top: 30px;
	margin-bottom: 20px;
}
#pg_css div.productViewWrap div.spec > .specThree .totalPriceWrap p.totalPrice {
	text-align: center;
	color: #333;
	font-weight: bold;
}
#pg_css div.productViewWrap div.spec > .specThree .totalPriceWrap p.totalPrice span.price{
	display: block;
	margin-top: 10px;
	font-size: 2.4em;
	color: #CC0000;
}
#pg_css div.productViewWrap div.spec > .specThree > .snsSand {
	margin-top: -30px;
}
#pg_css div.productViewWrap div.spec > .specThree > .snsSand ul.snsList{
}
#pg_css div.productViewWrap div.spec > .specThree > .snsSand ul.snsList li{
	float: left;	
}
#pg_css div.productViewWrap div.spec > .specThree > .snsSand ul.snsList li a{
	display: block;
	width: 100%;
	height: 100%;
}
#pg_css div.productViewWrap div.spec > .specThree > .snsSand ul.snsList li a span{
	display: block;
	padding: 8px;
	text-align: center;
	background: #fbfcfc;
	border: 1px solid #ccc;
}
#pg_css div.productViewWrap div.spec > .specThree > .snsSand ul.snsList li a span.img img{
	/*width: 20%;*/
}
/* 베스트 후기 */
#pg_css div.productViewWrap .bestReviewListWrap {
	margin: 30px 0;
	margin-top: 50px;
	border-top: 1px dotted #ccc;
	border-radius: 5px;
}
#pg_css div.productViewWrap .bestReviewListWrap h4 {
	margin-bottom: 20px;
	margin-top: -10px;
	font-size: 16px;
	text-align: center;
}
#pg_css div.productViewWrap .bestReviewListWrap h4 span {
	padding: 7px 15px;
	background-color: #2e3750;
	color: #fff;
	border-radius: 20px;
}
#pg_css div.productViewWrap .bestReviewListWrap .bestReviewList * {
	box-sizing: border-box;
}
#pg_css div.productViewWrap .bestReviewListWrap .bestReviewList {
	overflow: hidden;
	margin-top: 30px;
	padding: 10px;
}
#pg_css div.productViewWrap .bestReviewListWrap .bestReviewList li {
	float: left;
	width: 18.4%;
	margin-right: 2%;
	padding: 20px;
	border: 1px solid #ccc;
	border-radius: 5px;
	background-color: #fff;
	box-shadow: 0 0 10px #0000002c;
}
@media screen and (max-width: 800px) {
  #pg_css div.productViewWrap .bestReviewListWrap .bestReviewList li {
		width: 100%;
		margin-right: 0;
		margin-bottom: 10px;
	}
}
#pg_css div.productViewWrap .bestReviewListWrap .bestReviewList li:last-child {
	margin-right: 0;
}
#pg_css div.productViewWrap .bestReviewListWrap .bestReviewList li .imgWrap	{
	text-align: center;
	margin-bottom: 10px;
}
#pg_css div.productViewWrap .bestReviewListWrap .bestReviewList li .imgWrap .img {
	height: 120px;
}
@media screen and (max-width: 800px) {
  #pg_css div.productViewWrap .bestReviewListWrap .bestReviewList li .imgWrap .img {
		height: auto;
	}
}
#pg_css div.productViewWrap .bestReviewListWrap .bestReviewList li .imgWrap .img .contentsInFile {
	display: block;
	width: 100%;
	height: 100%;
}
#pg_css div.productViewWrap .bestReviewListWrap .bestReviewList li .imgWrap .img .contentsInFile a {
	display: block;
	width: 100%;
	height: 100%;
}
#pg_css div.productViewWrap .bestReviewListWrap .bestReviewList li .imgWrap .img > img {
	object-fit: cover;
	width: 100%;
	height: 100%;
	border: 1px solid #ccc;
}
#pg_css div.productViewWrap .bestReviewListWrap .bestReviewList li .imgWrap .img .contentsInFile a img {
	object-fit: cover;
	width: 100%;
	height: 100%;
	border: 1px solid #ccc;
}
#pg_css div.productViewWrap .bestReviewListWrap .bestReviewList li .imgWrap em {
	display: block;
	margin: 10px 0;
	font-size: 16px;
	color: #333;
}
#pg_css div.productViewWrap .bestReviewListWrap .bestReviewList li .infoWrap {
	text-align: center;
}
#pg_css div.productViewWrap .bestReviewListWrap .bestReviewList li .infoWrap h5 {
	margin-bottom: 5px;
	font-size: 16px;
	color: #000;
	font-weight: bold;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
}
#pg_css div.productViewWrap .bestReviewListWrap .bestReviewList li .infoWrap .commentWrap {
	display:-webkit-box; 
	word-wrap:break-word; 
	-webkit-line-clamp:2; 
	-webkit-box-orient:vertical; 
	overflow:hidden; 
	text-overflow:ellipsis;
	height:32px;
	margin-bottom: 10px;
	font-size: 14px;
	text-align: left;
}
#pg_css div.productViewWrap .bestReviewListWrap .bestReviewList li .infoWrap p {
	margin-bottom: 10px;
	font-size: 14px;
}
#pg_css div.productViewWrap .bestReviewListWrap .bestReviewList li .infoWrap p span {
	color: #072d53;
	padding-right: 5px;
	font-weight: bold;
}
#pg_css div.productViewWrap .bestReviewListWrap .bestReviewList li .infoWrap p em {
	color:#0e4e5e;
}
/* 상품상세정보, 배송정보, 상품후기 */
#pg_css div.productViewWrap div#viewTab {
	margin-top: 20px;
	margin-bottom: 20px;
}
#pg_css div.productViewWrap div#viewTab dl.contentsView {
	position: relative;
	height: 40px;	
}
#pg_css div.productViewWrap div#viewTab dl.contentsView > dt {
	position: relative;
	float: left;
	height: 40px;	
}
#pg_css div.productViewWrap div#viewTab dl.contentsView > dt > span.arrow{
	position: absolute;
	bottom: -11px;
	width: 100%;
	text-align: center;
	color: #333;
}
#pg_css div.productViewWrap div#viewTab dl.contentsView > dt a {
	display: block;
	width: 100%;
	height: 100%;
	color: #999;
}
#pg_css div.productViewWrap div#viewTab dl.contentsView > dt a span {
	display: block;
	padding: 11px 0;
	text-align: center;
	font-size: 1.2em;
	font-weight: bold;
	border: 1px solid #ccc;
	border-right: none;
	background: #fff;
}
#pg_css div.productViewWrap div#viewTab dl.contentsView > dt:nth-child(5) a span {
	border-right: 1px solid #ccc;
}
#pg_css div.productViewWrap div#viewTab dl.contentsView > dt.on a span {
	color: #fff;
	border: 1px solid #333;
	background: #333;
}
#pg_css div.productViewWrap div#viewTab dl.contentsView > dd {
	position: absolute;
	width: 100%;
	top: 80px;
	left: 0;
}
#pg_css div.productViewWrap div#viewTab dl.contentsView > dd > span {
	display: block;	
	padding-bottom: 20px;
}
#pg_css div.productViewWrap div#viewTab dl.contentsView > dd .discriptionHeader {
	margin-bottom: 30px;
	padding: 20px;
	text-align: center;
	font-size: 16px;
}
#pg_css div.productViewWrap div#viewTab dl.contentsView > dd .discriptionFooter {
	margin-top: 30px;
	margin-bottom: 30px;
	padding: 20px;
	text-align: center;
	font-size: 16px;
}
p.productsListButWrap {
	padding-bottom: 20px;
	text-align: center;
}
/* 상세보기 이용후기 */
#viewTab dl.contentsView > dd > span .reviewListWrap * {
	box-sizing: border-box;
}
#viewTab dl.contentsView > dd > span .reviewListWrap {
	margin-bottom: 30px;
}
#viewTab dl.contentsView > dd > span .reviewListWrap .reviewList li {
	position: relative;
	padding: 20px 0;
	padding-left: 25%;
	border-bottom: 1px solid #ccc;
}
@media screen and (max-width: 800px) {
  #viewTab dl.contentsView > dd > span .reviewListWrap .reviewList li {
		padding: 20px 0;
		padding-left: 0;
	}
}
#viewTab dl.contentsView > dd > span .reviewListWrap .reviewList li .imgWrap {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	left: 0;
	width: 20%;
	height: 120px;
	margin-right: 5%;
	text-align: center;
}
@media screen and (max-width: 800px) {
  #viewTab dl.contentsView > dd > span .reviewListWrap .reviewList li .imgWrap {
		position: relative;
		top: auto;
		transform: translateY(0);
		left: auto;
		width: 100%;
		height: auto;
		margin-right: 0;
	}
}
#viewTab dl.contentsView > dd > span .reviewListWrap .reviewList li .imgWrap .contentsInFile {
	display: block;
	width: 100%;
	height: 100%;
}
#viewTab dl.contentsView > dd > span .reviewListWrap .reviewList li .imgWrap .contentsInFile a {
	position: relative;
	display: block;
	width: 100%;
	height: 100%;
}
#viewTab dl.contentsView > dd > span .reviewListWrap .reviewList li .imgWrap > img {
	object-fit: cover;
	width: 100%;
	height: 100%;
	border: 1px solid #ccc;
}
@media screen and (max-width: 800px) {
  #viewTab dl.contentsView > dd > span .reviewListWrap .reviewList li .imgWrap > img {
		height: auto;
	}
}
#viewTab dl.contentsView > dd > span .reviewListWrap .reviewList li .imgWrap .contentsInFile a img {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	object-fit: cover;
	width: 100%;
	height: 100%;
	border: 1px solid #ccc;
}
@media screen and (max-width: 800px) {
  #viewTab dl.contentsView > dd > span .reviewListWrap .reviewList li .imgWrap .contentsInFile a img {
		position: relative;
		top: auto;
		left: auto;
		transform: translate(0,0);
		height: auto;
	}
}
#viewTab dl.contentsView > dd > span .reviewListWrap .reviewList li .infoWrap {
	width: 75%;
}
@media screen and (max-width: 800px) {
  #viewTab dl.contentsView > dd > span .reviewListWrap .reviewList li .infoWrap {
		width: 100%;
	}
}
#viewTab dl.contentsView > dd > span .reviewListWrap .reviewList li .infoWrap h5 {
	margin-bottom: 10px;
	font-size: 20px;
	font-weight: bold;
	color: #000;
}
@media screen and (max-width: 800px) {
  #viewTab dl.contentsView > dd > span .reviewListWrap .reviewList li .infoWrap h5 {
		margin-top: 10px;
		text-align: center;
	}
}
#viewTab dl.contentsView > dd > span .reviewListWrap .reviewList li .infoWrap h5 em {
	display: block;
	margin-top: 10px;
}
#viewTab dl.contentsView > dd > span .reviewListWrap .reviewList li .infoWrap .commentWrap {
	margin-bottom: 10px;
	font-size: 14px;
}
#viewTab dl.contentsView > dd > span .reviewListWrap .reviewList li .infoWrap p {
	margin-bottom: 10px;
	font-size: 14px;
}
@media screen and (max-width: 800px) {
  #viewTab dl.contentsView > dd > span .reviewListWrap .reviewList li .infoWrap p {
		text-align: center;
	}
}
#viewTab dl.contentsView > dd > span .reviewListWrap .reviewList li .infoWrap p span {
	color: #072d53;
	padding-right: 5px;
	font-weight: bold;
}
#viewTab dl.contentsView > dd > span .reviewListWrap .reviewList li .infoWrap p em {
	color:#0e4e5e;
}
/* ----------------------------------------------------------- */
/* -------------------- product_info_type1 ------------------- */
/* ----------------------------------------------------------- */
#pg_css div.productViewWrap_type1 .proMove .nexbtn {
	position: absolute;
	top:410px;
	left:-100px;
	width: 65px;
	height: 71px;	
	z-index:9999;
}
#pg_css div.productViewWrap_type1 .proMove .nexbtn span.productsMoveBut{
	display: block;
	width: 100%;
	height: 100%;
	padding: 0;
	border: none;
	color: transparent;
	background: url(../images/scrollright5_r.png) no-repeat 0 0;
}
#pg_css div.productViewWrap_type1 .proMove .prebtn {
	position: absolute;
	top:410px;
	right: -100px;
	width: 65px;
	height: 71px;		
	z-index:9999;
}
#pg_css div.productViewWrap_type1 .proMove .prebtn span.productsMoveBut {
	display: block;
	width: 100%;
	height: 100%;
	padding: 0;
	border: none;
	color: transparent;
	background: url(../images/scrollleft5_r.png) no-repeat 0 0;
}
#pg_css div.productViewWrap_type1 div.viewAndSpec {
	width: 100%;
	margin-top: 15px;
}
#pg_css div.productViewWrap_type1 div.imgBox {
	width: 100%;
	float: none;
	margin-bottom: 20px;
}
#pg_css div.productViewWrap_type1 div.imgBox p.bigImg {
	width: 72%;
	border: none;
}
#pg_css div.productViewWrap_type1 div.imgBox #photoSlide {
	position:absolute;
	top:80px;
	right:0;
	width:18%;
}
#pg_css div.productViewWrap_type1 div.spec {	
	width: 100%;
	float: none;
	margin-bottom: 30px;
}
#pg_css div.productViewWrap_type1 div.spec h3.productName {
	margin-bottom: 20px;
	font-size: 3em;
	color: #000;
	font-weight: bold;
	padding-left: 0;
	background: none;
	border-bottom: none;
}
#pg_css div.productViewWrap_type1 div.spec h3.productName .iconList {
	font-size: 0.5em;
}
#pg_css div.productViewWrap_type1 div.spec .specOne {
	float:left;
	width:31%;	
	padding: 0 1%;
	border-right: 1px solid #ccc;	
}
#pg_css div.productViewWrap_type1 div.spec > .specOne > table.specTable > tbody > tr:last-child > th,#pg_css div.productViewWrap_type1 div.spec > .specOne > table.specTable > tbody > tr:last-child > td{
	border-bottom: none;
}
#pg_css div.productViewWrap_type1 div.spec .specTwo {
	float:left;
	width:31%;	
	padding: 0 1%;
	border-right: 1px solid #ccc;	
}
#pg_css div.productViewWrap_type1 div.spec .specThree {
	float:right;
	width:31%;
	padding: 0 1%;	
}
#pg_css div.productViewWrap_type1 div#viewTab {
	clear: both;
	margin-bottom: 20px;
}
/* ------------------- product_info_mobile -------------------- */
#pg_css div.productViewWrapMobile h3.productName {
	position: relative;
	margin-top: -20px;
	padding: 10px 0;
	font-size: 1.6em;
	color: #333;
	font-weight: bold;
	text-align: center;
}
#pg_css div.productViewWrapMobile h3.productName span.proMove {
	display: block;
	margin-top: 10px;
	text-align: center;
}
#pg_css div.productViewWrapMobile h3.productName span.proMove a {
	padding: 5px 10px;
	background-color: #666;
	color: #fff;
	border-radius: 5px;
	font-size: 12px;
	font-weight: normal;
}
#pg_css div.productViewWrapMobile div.viewAndSpec {
	margin-top: 5px;
}
#pg_css div.productViewWrapMobile div.imgBox {
	margin-bottom: 5px;
}
#pg_css div.productViewWrapMobile div.imgBox p.bigImg {
	margin-bottom: 5px;
	position: relative;
	border: 3px solid #ccc;
}
#pg_css div.productViewWrapMobile div.imgBox p.bigImg img.big {
	width: 100%;
	height: 100%;
}
#pg_css div.productViewWrapMobile div.imgBox p.bigImg span.iconList {
	position: absolute;
	top: 5px;
	right: 5px;
}
#pg_css div.productViewWrapMobile div.imgBox p.bigImg span.iconList img {
	border: none;
}
#pg_css div.productViewWrapMobile div.spec {
	margin-bottom: 10px;
}
#pg_css div.productViewWrapMobile div.spec > .specOne > table.specTable {
	margin-bottom: 10px;
	font-size: 1.2em;
	padding: 10px;
	border-radius: 3px;
	border: 3px solid #ccc;
	behavior: url(../scripts/PIE.htc);
}
#pg_css div.productViewWrapMobile div.spec > .specOne > table.specTable th, #pg_css div.productViewWrapMobile div.spec .specOne table.specTable td {
	padding: 8px 0;
	border-bottom: 1px dotted #ccc;
}
#pg_css div.productViewWrapMobile div.spec > .specOne > table.specTable th {
	width: 30%;
	font-weight: bold;
	text-align: justify;
}
#pg_css div.productViewWrapMobile div.spec > .specOne > table.specTable tr:last-child th, #pg_css div.productViewWrapMobile div.spec > .specOne > table.specTable tr:last-child td {
	border-bottom: none;
}
#pg_css div.productViewWrapMobile div.spec .specOne table h4.unitPriceTitle {
	padding: 5px 0;
	font-weight: bold;
	text-align: center;
	color: #fff;
	background: #666;
}
#pg_css div.productViewWrapMobile div.spec .specOne table ul.unitPriceList {

}
#pg_css div.productViewWrapMobile div.spec .specOne table ul.unitPriceList li {
	float: left;
}
#pg_css div.productViewWrapMobile div.spec .specOne table ul.unitPriceList li span{
	display: block;
	padding: 5px 0;
	font-size: 0.8em;
	text-align: center;
}
#pg_css div.productViewWrapMobile div.spec .specOne table ul.unitPriceList li span.optionQty{
	border-bottom: 1px solid #ccc;
	border-right: 1px solid #ccc;
	background: #eee;
}
#pg_css div.productViewWrapMobile div.spec .specOne table ul.unitPriceList li:last-child span.optionQty{
	border-right: none;
}
#pg_css div.productViewWrapMobile div.spec .specOne table ul.unitPriceList li span.optionMoney{
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}
#pg_css div.productViewWrapMobile div.spec .specOne table ul.unitPriceList li:last-child span.optionMoney{
	border-right: none;
}
#pg_css div.productViewWrapMobile div.spec > .specThree .totalPriceWrap{
	margin-top: 30px;
	margin-bottom: 20px;
}
#pg_css div.productViewWrapMobile div.spec > .specThree .totalPriceWrap p.totalPrice {
	text-align: center;
	color: #333;
	font-weight: bold;
}
#pg_css div.productViewWrapMobile div.spec > .specThree .totalPriceWrap p.totalPrice span.price{
	display: block;
	margin-top: 10px;
	font-size: 2.4em;
	color: #CC0000;
}
#pg_css div.productViewWrapMobile div.spec > .specThree > .snsSand {
	margin-top: 10px;
}
#pg_css div.productViewWrapMobile div.spec > .specThree > .snsSand ul.snsList{
}
#pg_css div.productViewWrapMobile div.spec > .specThree > .snsSand ul.snsList li{
	float: left;	
}
#pg_css div.productViewWrapMobile div.spec > .specThree > .snsSand ul.snsList li a{
	display: block;
	width: 100%;
	height: 100%;
}
#pg_css div.productViewWrapMobile div.spec > .specThree > .snsSand ul.snsList li a span{
	display: block;
	padding: 8px;
	text-align: center;
	background: #fbfcfc;
	border: 1px solid #ccc;
}
#pg_css div.productViewWrapMobile div.spec > .specThree > .snsSand ul.snsList li a span.img img{
	width: 20%;
}
#pg_css div.productViewWrapMobile div#viewTab {
	position: relative;
	margin-top: 10px;
	margin-bottom: 20px;
}
#pg_css div.productViewWrapMobile div#viewTab > dl.contentsView {
	height: 31px;
	margin-bottom: 0;
	border: 1px solid #ccc;
	border-top: none;
}
#pg_css div.productViewWrapMobile div#viewTab > dl.contentsView > dt {
	float: left;
	width: 25%;
	height: 31px;
}
#pg_css div.productViewWrapMobile div#viewTab > dl.contentsView > dt > a {
	display: block;
	width: 100%;
	height: 100%;
	color: #333;
	font-weight: bold;
}
#pg_css div.productViewWrapMobile div#viewTab > dl.contentsView > dt > a > span {
	display: block;
	padding: 8px 0;
	text-align: center;
	border: 1px solid #ccc;
	border-right: none;
	background: #eee;
	cursor: pointer;
}
#pg_css div.productViewWrapMobile div#viewTab > dl.contentsView > dt.on > a > span {
	border-bottom: none;
	background: #fff;
}
#pg_css div.productViewWrapMobile div#viewTab > dl.contentsView > dt.last > a > span {
	border-right: 1px solid #ccc;
}
#pg_css div.productViewWrapMobile div#viewTab > dl.contentsView > dd {
	position: absolute;
	width: 100%;
	top: 31px;
	left: 0;
	
}
#pg_css div.productViewWrapMobile div#viewTab > dl.contentsView > dd > span {
	display: block;
	padding: 10px;
}
#pg_css div.productViewWrapMobile div#viewTab > dl.contentsView > dd > span.discription img{
	max-width: 100% !important;
	height: auto !important;
}
#pg_css div.productViewWrapMobile div#viewTab .closeLine {
	position: relative;
	height: 35px;
	border: 1px solid #ccc;
	border-top: none;
}
#pg_css div.productViewWrapMobile div#viewTab .closeLine span.closeBut {
	position: absolute;
	display: block;
	top: 0;
	right: 0;
	width: 60px;
	height: 100%;
	line-height: 3;
	text-align: center;
	border-left: 1px solid #ccc;
}
/* ----------------------------------------------------------- */
/* ---------------- product_info_slide.php ------------------- */
/* ----------------------------------------------------------- */
.productSlideWrap {
	position: relative;
	margin-top: 10px;
	margin-bottom: 35px;
	padding-left: 30px;
	padding-right: 25px;
}
.productSlideWrap * {
	box-sizing: border-box;
}
.productSlideWrap .productImgList li {
	float: left;
	margin-right: 10px;
}
.productSlideWrap .productImgList li a {
	display: block;
	width: 100%;
	height: 120px;
}
@media screen and (max-width: 800px) {
	.productSlideWrap .productImgList li a {
		height: 80px;
	}
}
.productSlideWrap .productImgList li a img {
	object-fit: cover;
	width: 100%;
	height: 100%;
	border: 3px solid #ccc;
}
/* Arrow */
.productSlideWrap .productImgList .slick-arrow:before {
	color: #000;
	font-size: 30px;
	z-index: 10;
}
.productSlideWrap .productImgList .slick-arrow.slick-prev {
	left: -35px;
}
.productSlideWrap .productImgList .slick-arrow.slick-next {
	right: -20px;
}
/*-------------------- cart_list_mobile -------------------*/
table.cartBoardList {
	margin-bottom: 10px;
	border-bottom: 1px solid #999;
}
table.cartBoardList th, table.cartBoardList td{
	padding: 10px 0;
	text-align: center;
	text-align: center;
	border-bottom: 1px dotted #ccc;
}
table.cartBoardList tr:last-child th, table.cartBoardList tr:last-child td{
	border-bottom : none;
	font-size: 16px;
	font-weight: bold;
	color: #000;
}
table.cartBoardList th {
	padding: 12px 0;
	font-size: 1.2em;
	color: #333;
	border-top: 2px solid #999;
	border-bottom: 1px solid #999;
	background: url(../images/footer_menu_line.jpg) no-repeat right center;
}
table.cartBoardList th.last {
	background: none;
}
table.cartBoardList td {
	color: #666;
}
#table.cartBoardList td span.title {
	margin-left: 10px;
	font-weight: bold;
}
#pg_css .cartListWrap ul#cartList {
	margin-bottom: 10px;
}
#pg_css .cartListWrap ul#cartList li {
	clear: both;
	position: relative;
	padding: 5px 0;
	border-bottom: 1px dotted #ccc;
}
#pg_css .cartListWrap ul#cartList li:last-child {
	border-bottom: none;
}
#pg_css .cartListWrap ul#cartList li span {
	display: block;
	margin-bottom: 3px;
}
#pg_css .cartListWrap ul#cartList li span.img {
	width: 100px;
	height: 100px;
	margin-right: 10px;
	float: left;
}
#pg_css .cartListWrap ul#cartList li span.img img {
	wwidth: inherit;
	height: inherit;
	border: 1px solid #ccc;
}
#pg_css .cartListWrap ul#cartList li span.productName {
	margin-top: 3px;
	color: #333;
	font-size: 1.2em;
	font-weight: bold;
}
#pg_css .cartListWrap ul#cartList li span.productComment {
	margin-top: 2px;
}
#pg_css .cartListWrap ul#cartList li span.vendor {
	margin-top: 2px;
}
#pg_css .cartListWrap ul#cartList li span.count {
	margin-top: 2px;
	color: #666;
}
#pg_css .cartListWrap ul#cartList li span.price {
	margin-top: 2px;
	color: #FF6600;
	font-size: 1.2em;
	font-weight: bold;
}
#pg_css .cartListWrap ul#cartList li span.date {
	margin-top: 8px;
	color: #999;
}
#pg_css .cartListWrap ul#cartList li > span.wishListDeleteBut {
	position: absolute;
	width: 30px;
	height: 31px;
	bottom: 5px;
	right: 0;
}
#pg_css .cartListWrap ul#cartList li > span.wishListDeleteBut a {
	display: block;
	width: 100%;
	height: 100%;
	color: transparent;
	background: url(../images/close_but.png) no-repeat 0 0;
}
#pg_css .cartListWrap p.totalAmount {
	clear: both;
	margin-top: 10px;
	margin-bottom: 10px;
	padding: 10px 0;
	font-size: 1.5em;
	font-weight: bold;
	text-align: center;
	color: #FF3300;
	border: 3px solid #FF3300;
}
/* ----------------------------------------------------------- */
/* ----------------- good_sub.php(관련상품) ------------------ */
/* ----------------------------------------------------------- */
#pg_css .RelationListWrap {
	position: relative;
	margin-top: 15px;
	margin-bottom: 20px;
	min-height: 150px;
	padding: 10px 20px;
	padding-left: 150px;
	border-radius: 5px;
	border: 3px solid #ccc;
	background: url(../images/relation_img.png) no-repeat 0 center;
	behavior: url(../scripts/PIE.htc);
}
#pg_css .RelationListWrap #RelationSlideView {
	position: relative;
	overflow: hidden;
	width: 100%;
}
#pg_css .RelationListWrap #RelationSlideView ul#RelationList {
}
#pg_css .RelationListWrap #RelationSlideView ul#RelationList li{
	position: relative;
	float: left;
}
#pg_css .RelationListWrap #RelationSlideView ul#RelationList li > span{
	display: block;
	text-align: center;
	line-height:1.5;
}
#pg_css .RelationListWrap #RelationSlideView ul#RelationList li span.img{
	width: 100%;
}
#pg_css .RelationListWrap #RelationSlideView ul#RelationList li span.img a {
	display: block;
	text-align: center;
}
#pg_css .RelationListWrap #RelationSlideView ul#RelationList li span.img a img{
	width: 100%;
	border: 1px solid #ccc;
}
#pg_css .RelationListWrap #RelationSlideView ul#RelationList li span.img a img:hover, #pg_css .RelationListWrap #RelationSlideView ul#RelationList li span.img a img:focus {
	border: 1px solid #FF9900;
}
#pg_css .RelationListWrap #RelationSlideView ul#RelationList li span.productName{
	color: #333;
	font-weight: bold;
}
#pg_css .RelationListWrap #RelationSlideView ul#RelationList li span.modelName{
	color: #666;
}
#pg_css .RelationListWrap #RelationSlideView ul#RelationList li span.price{
	color: #FF6600;
}
#RelationAniControl p.RelationNextBut {
	position: absolute;
	top: 30px;
	right: 0px;
	width: 19px;
	height: 97px;
	background: url(../images/scrollright3.png) no-repeat 0 0;
}
#RelationAniControl p.RelationPrevBut {
	position: absolute;
	top: 30px;
	left: 135px;
	width: 19px;
	height: 97px;
	background: url(../images/scrollleft3.png) no-repeat 0 0;
}
/* -------------------- good_sub_mobile ---------------------- */
#pg_css ul#RelationListMobile {
}
#pg_css ul#RelationListMobile > li{
	position: relative;
	padding: 8px 0;
	padding-bottom: 16px;
	border-top: 1px dotted #ccc;
}
#pg_css ul#RelationListMobile > li:first-child {
	border-top: none;
}
#pg_css ul#RelationListMobile > li > span{
	display: block;
	margin-bottom: 3px;
}
#pg_css ul#RelationListMobile > li > span.iconList{
	margin-left: 35%;
}
#pg_css ul#RelationListMobile > li > span.img{
	position: absolute;
	width: 100px;
	height: 100px;
}
#pg_css ul#RelationListMobile > li > span.img a {
	display: block;
	text-align: center;
	border: 1px solid #ccc;
}
#pg_css ul#RelationListMobile > li > span.img a img{
	width: 100%;
}
#pg_css ul#RelationListMobile > li > span.productName{
	margin-top: 5px;
	margin-bottom: 5px;
	margin-left: 110px;
	color: #333;
	font-size: 1.2em;
	font-weight: bold;
}
#pg_css ul#RelationListMobile > li > span.modelName{
	margin-top: 5px;
	margin-left: 110px;
	color: #666;
}
#pg_css ul#RelationListMobile > li > span.productComment{
	margin-left: 110px;
}
#pg_css ul#RelationListMobile > li > span.price{
	margin-top: 5px;
	margin-left: 110px;
	color: #FF6600;
	font-size: 1.2em;
	font-weight: bold;
	padding-bottom: 5px;
}
#pg_css ul#RelationListMobile > li > span.wishList{
	margin-top: 10px;
	margin-left: 110px;
}
#pg_css ul#RelationListMobile > li > span.wishList a{
	padding: 4px;
	text-align: center;
	color: #fff;
	background: #00CCFF;
}
/* ----------------------------------------------------------- */
/* ----- estimate_list.php/estimate_list_in.php(이용후기) ---- */
/* ----------------------------------------------------------- */
.reviewListWrap{
	padding: 0 20px;
}
.reviewListWrap dl.reviewList {
}
.reviewListWrap dl.reviewList dt {
	margin-bottom: 5px;
	font-weight: bold;
	font-size: 1.2em;
}
.reviewListWrap dl.reviewList dd {
	margin-bottom: 10px;
	padding: 10px 0;
	line-height: 1.5;
	color: #666;
	text-align: justify;
	border-bottom: 1px dotted #ccc;
}
.reviewListWrap dl.reviewList dd.last {
	border-bottom: none;
}
.reviewListWrap dl.reviewList dd span.comment {
	display: block;
	margin-bottom: 10px;
	font-weight: bold;
	color: #999;
}
.reviewListWrap dl.reviewList dd span.nameNdate {
	display: block;
	margin-top: 10px;
	color: #999;
}
/* ----------------------------------------------------------- */
/* ----- estimate_write.php/estimate_edit.php(이용후기) ------ */
/* ----------------------------------------------------------- */
.reviewWriteWrap{
	padding: 0 20px;
}
.reviewWriteWrap dl{
	margin-bottom: 20px;
}
.reviewWriteWrap dl dd{
	padding: 5px 0;
}

/* ----------------------------------------------------------- */
/* --------------------- order_list.php ---------------------- */
/* ----------------------------------------------------------- */
#pg_css .orderListWrap {
	margin-bottom: 20px;
}
#pg_css .orderListWrap table.baseBoardList {
	margin-bottom: 10px;
	border-bottom: 1px solid #999;
}
#pg_css .orderListWrap table.baseBoardList th, #pg_css .orderListWrap table.baseBoardList td{
	padding: 10px 0;
	text-align: center;
	border-bottom: 1px dotted #ccc;
}
#pg_css .orderListWrap table.baseBoardList tr.last th, #pg_css .orderListWrap table.baseBoardList tr.last td{
	border-bottom : none;
}
#pg_css .orderListWrap table.baseBoardList th {
	padding: 12px 0;
	font-size: 1.2em;
	color: #333;
	border-top: 2px solid #999;
	border-bottom: 1px solid #999;
	background: url(../images/footer_menu_line.jpg) no-repeat right center;
}
#pg_css .orderListWrap table.baseBoardList th.last {
	background: none;
}
#pg_css .orderListWrap table.baseBoardList td {
	color: #666;
}
#pg_css div.orderListWrap table.baseBoardList td span.title {
	margin-left: 10px;
	font-weight: bold;
}
#pg_css .orderLoginBox .naverLoginWrap {
	padding: 20px 0;
	border: 1px solid #ccc;
	border-radius: 5px;
}
#pg_css .orderLoginBox .naverLoginWrap p.naverLoginBut {
	margin-bottom: 10px;
	text-align: center;
}
#pg_css .orderLoginBox .naverLoginWrap p.naverLoginText {
	text-align: center;
}
/* ----------------------------------------------------------- */
/* --------------------- order_list.php ---------------------- */
/* ----------------------------------------------------------- */
#pg_css .orderListWrap {
	margin-bottom: 20px;
}
#pg_css .orderListWrap table.baseBoardList {
	margin-bottom: 10px;
	border-bottom: 1px solid #999;
}
#pg_css .orderListWrap table.baseBoardList th, #pg_css .orderListWrap table.baseBoardList td{
	padding: 10px 0;
	text-align: center;
	border-bottom: 1px dotted #ccc;
}
#pg_css .orderListWrap table.baseBoardList tr.last th, #pg_css .orderListWrap table.baseBoardList tr.last td{
	border-bottom : none;
}
#pg_css .orderListWrap table.baseBoardList th {
	padding: 12px 0;
	font-size: 1.2em;
	color: #333;
	border-top: 2px solid #999;
	border-bottom: 1px solid #999;
	background: url(../images/footer_menu_line.jpg) no-repeat right center;
}
#pg_css .orderListWrap table.baseBoardList th.last {
	background: none;
}
#pg_css .orderListWrap table.baseBoardList td {
	color: #666;
}
#pg_css div.orderListWrap table.baseBoardList td span.title {
	margin-left: 10px;
	font-weight: bold;
}
#pg_css .orderLoginBox .naverLoginWrap {
	padding: 20px 0;
	border: 1px solid #ccc;
	border-radius: 5px;
}
#pg_css .orderLoginBox .naverLoginWrap p.naverLoginBut {
	margin-bottom: 10px;
	text-align: center;
}
#pg_css .orderLoginBox .naverLoginWrap p.naverLoginText {
	text-align: center;
}
/*-------------------- order_list_mobile -------------------*/
#pg_css .orderListWrap ul#orderList {
	margin-bottom: 10px;
}
#pg_css .orderListWrap ul#orderList li{
	clear: both;
	position: relative;
	padding: 5px 0;
	padding-bottom: 10px;
	border-bottom: 1px dotted #ccc;
}
#pg_css .orderListWrap ul#orderList li:last-child{
	border-bottom: none;
}
#pg_css .orderListWrap ul#orderList li span{
	display: block;
	margin-bottom: 3px;
}
#pg_css .orderListWrap ul#orderList li span.img{
	width: 100px;
	height: 100px;
	margin-right: 10px;
	float: left;
}
#pg_css .orderListWrap ul#orderList li span.img img{
	width: inherit;
	height: inherit;
	border: 1px solid #ccc;
}
#pg_css .orderListWrap ul#orderList li span.productName{
	margin-top: 5px;
	color: #333;
	font-size: 1.2em;
	font-weight: bold;
}
#pg_css .orderListWrap ul#orderList li span.productComment{
	margin-top: 2px;
}
#pg_css .orderListWrap ul#orderList li span.vendor{
	margin-top: 2px;
}
#pg_css .orderListWrap ul#orderList li span.count{
	margin-top: 2px;
	color: #666;
}
#pg_css .orderListWrap ul#orderList li span.price{
	margin-top: 8px;
	color: #FF6600;
	font-size: 1.2em;
	font-weight: bold;
}
#pg_css .orderListWrap ul#orderList li span.date{
	margin-top: 8px;
	color: #999;
}
#pg_css .orderListWrap ul#orderList li > span.wishListDeleteBut{
	position: absolute;
	width: 30px;
	height: 31px;
	bottom: 5px;
	right: 0;
}
#pg_css .orderListWrap ul#orderList li > span.wishListDeleteBut a{
	display: block;
	width: 100%;
	height: 100%;
	color: transparent;
	background: url(../images/close_but.png) no-repeat 0 0;
}
#pg_css .orderListWrap p.totalAmount{
	clear: both;
	margin-top: 10px;
	margin-bottom: 10px;
	padding: 10px 0;
	font-size: 1.5em;
	font-weight: bold;
	text-align: center;
	color:#FF3300;
	border: 3px solid #FF3300;
}
/* ----------------------------------------------------------- */
/* --------------------- order_info.php ---------------------- */
/* ----------------------------------------------------------- */
#pg_css .orderInfoBox p.bill{
	margin-bottom: 20px;
}
#pg_css .orderInfoBox p.payBut img{
	cursor: pointer;
}
#pg_css .orderInfoBox .deleveryBox {
	position: relative;
}
#pg_css .orderInfoBox .deleveryBox .dleveryListWrap{
	margin-bottom: 10px;
	padding: 20px;
	border-radius: 3px;
	border: 1px solid #ccc;
}
#pg_css .orderInfoBox .deleveryBox .dleveryListWrap p.deleveryText{
	margin-bottom: 20px;
	font-size: 1.2em;
}
/*#pg_css .orderInfoBox .deleveryBox .dleveryListWrap ul.dateSelectList li{
	float: left;
}기간별 배송주소 검색*/
#pg_css .orderInfoBox .deleveryBox .dleveryListWrap ul.dleveryList li{
	padding: 5px 0;
	border-bottom: 1px dotted #ccc;
	cursor: pointer;
}
#pg_css .orderInfoBox .deleveryBox .dleveryListWrap ul.dleveryList li:hover,#pg_css .orderInfoBox .deleveryBox .dleveryListWrap ul.dleveryList li:focus{
	background: #666;
	color: #fff;
}
#pg_css .orderInfoBox .deleveryBox .dleveryListWrap ul.dleveryList li:last-child{
	border-bottom: none;
}
#pg_css .orderInfoBox p.cartH2TextBox, .cartH2TextBox{
	margin-bottom: 20px;
	padding: 10px;
	border-radius: 3px;
	border: 1px solid #ccc;
}
#pg_css .orderInfoBox p.cartH2TextBox2{
	border-radius: 3px;
	border: 3px solid #ccc;
}
#pg_css .orderInfoBox .deleveryBox .deleveryTitleWrap{
	position: relative;
}
#pg_css .orderInfoBox .deleveryBox .deleveryTitleWrap p.butWrap{
	position: absolute;
	width: 100%;
	top:10px;
	left: 0;
	text-align: right;
}
#pg_css .orderInfoBox table.orderInfoTable {
	margin-bottom: 20px;
	padding: 15px;
	border-radius: 5px;
	border: 1px solid #ccc;
	behavior: url(../scripts/PIE.htc);
}
#pg_css .orderInfoBox table.orderInfoTable th, #pg_css .orderInfoBox table.orderInfoTable td {
	padding: 10px 0;
	border-bottom: 1px dotted #ccc;
}
#pg_css .orderInfoBox table.orderInfoTable th {
	font-weight: bold;
	padding-left: 15px;
	text-align: justify;
	background: url(../images/arrow_16_orange.gif) no-repeat 0 center;
}
#pg_css .orderInfoBox table.orderInfoTable tr:last-child th, #pg_css .orderInfoBox table.orderInfoTable tr:last-child td{
	border: none;
}
#pg_css .memberPrivercyAgree {
	margin-bottom: 20px;
	font-size: 1.2em;
	font-weight: bold;
	color: #666;
}
/*------------------ order_info_mobile --------------------*/
#pg_css .orderInfoMobileBox h3.title{
	position: relative;
}
#pg_css .orderInfoMobileBox .deleveryTitleWrap{
	position: relative;
}
#pg_css .orderInfoMobileBox .deleveryTitleWrap p.butWrap{
	position: absolute;
	width: 100%;
	top:10px;
	left: 0;
	text-align: right;
}
#pg_css .orderInfoMobileBox .deleveryBox .dleveryListWrap{
	margin-bottom: 10px;
	padding: 20px;
	border-radius: 3px;
	border: 1px solid #ccc;
}
#pg_css .orderInfoMobileBox .deleveryBox .dleveryListWrap p.deleveryText{
	margin-bottom: 20px;
	font-size: 1.2em;
}
/*#pg_css .orderInfoMobileBox .deleveryBox .dleveryListWrap ul.dateSelectList li{
	float: left;
}기간별 배송주소 검색*/
#pg_css .orderInfoMobileBox .deleveryBox .dleveryListWrap ul.dleveryList li{
	padding: 5px 0;
	border-bottom: 1px dotted #ccc;
	cursor: pointer;
}
#pg_css .orderInfoMobileBox .deleveryBox .dleveryListWrap ul.dleveryList li:last-child{
	border-bottom: none;
}
#pg_css .orderInfoMobileBox table.orderInfoTable {
	margin-bottom: 20px;
	padding: 15px;
	border-radius: 5px;
	border: 1px solid #ccc;
	behavior: url(../scripts/PIE.htc);
}
#pg_css .orderInfoMobileBox table.orderInfoTable th, #pg_css .orderInfoMobileBox table.orderInfoTable td{
	padding: 7px 0;
	border-bottom: 1px solid #ccc;
}
#pg_css .orderInfoMobileBox table.orderInfoTable th{
	width: 26%;
	text-align: justify;
}
#pg_css .orderInfoMobileBox table.orderInfoTable th label{
	display: block;
}
#pg_css .orderInfoMobileBox table.orderInfoTable td{
	width: 74%;
}
#pg_css .orderInfoMobileBox table.orderInfoTable tr:last-child th, #pg_css .orderInfoMobileBox table.orderInfoTable tr:last-child td{
	border-bottom: none;
}
#pg_css .orderInfoMobileBox .paySelect {
	position: relative;
	margin-bottom: 10px;
}
#pg_css .orderInfoMobileBox .paySelect > dl{
	height: 35px;
	margin-bottom: 0;
}
#pg_css .orderInfoMobileBox .paySelect > dl > dt{
	float: left;
	height: 35px;
	width: 50%;
}
#pg_css .orderInfoMobileBox .paySelect > dl > dt:first-child{
	width: 50%;
}

#pg_css .orderInfoMobileBox .paySelect > dl > dt > span.menuName{
	display: block;
	width: 100%;
	height: 100%;
	color: #333;
	font-weight: bold;
	line-height: 2.7;
	text-align: center;
	border: 1px solid #ccc;
	border-right: none;
	background: #eee;
	cursor: pointer;
}
#pg_css .orderInfoMobileBox .paySelect > dl > dt.on > span.menuName{
	border-bottom: none;
	background: #fff;
}
#pg_css .orderInfoMobileBox .paySelect > dl > dt.last > span.menuName{
	border-right: 1px solid #ccc;
}
#pg_css .orderInfoMobileBox .paySelect > dl > dd {
	position: absolute;
	width: 100%;
	top: 35px;
	left: 0;
	font-size: 1.2em;
	line-height: 5;
	text-align: center;
	border: 1px solid #ccc;
	border-top : none;
}
#pg_css .orderInfoMobileBox .paySelect .closeLine{
	position: relative;
	width: 100%;
	height: 35px;
	border: 1px solid #ccc;
	border-top: none;
}
#pg_css .orderInfoMobileBox .paySelect .closeLine span.closeBut{
	position: absolute;
	display: block;
	top: 0;
	right: 0;
	width: 60px;
	height: 100%;
	line-height: 3;
	text-align: center;
	border-left: 1px solid #ccc;
}
/* ----------------------------------------------------------- */
/* ----------- pay_info.php/pay_info_re_pay.php -------------- */
/* ----------------------------------------------------------- */
#pg_css .payInfoBox p.bill{
	margin-bottom: 20px;
}
#pg_css .payInfoBox p.payBut img{
	cursor: pointer;
}
#pg_css .payInfoBox .deleveryBox {
	position: relative;
}
#pg_css .payInfoBox p.cartH2TextBox{
	margin-bottom: 20px;
	padding: 10px;
	border-radius: 3px;
	border: 1px solid #ccc;
}
#pg_css .payInfoBox p.cartH2TextBox2{
	border-radius: 3px;
	border: 3px solid #ccc;
}
#pg_css .payInfoBox h3.title span.notice{
	font-size: 0.9em;
	color: #999;
}
#pg_css .payInfoBox table.payInfoTable {
	margin-bottom: 20px;
	padding: 15px;
	border-radius: 5px;
	border: 1px solid #ccc;
	behavior: url(../scripts/PIE.htc);
}
#pg_css .payInfoBox table.payInfoTable th, #pg_css .payInfoBox table.payInfoTable td {
	padding: 10px 0;
	border-bottom: 1px dotted #ccc;
}
#pg_css .payInfoBox table.payInfoTable th {
	font-weight: bold;
	text-align: justify;
	background: url(../images/arrow_16_orange.gif) no-repeat right center;
}
#pg_css .payInfoBox table.payInfoTable td {
	padding-left: 10px;
}
#pg_css .payInfoBox table.payInfoTable tr:last-child th, #pg_css .payInfoBox table.payInfoTable tr:last-child td{
	border: none;
}
#pg_css .payInfoBox p.cartH2TextBox{
	margin-bottom: 20px;
	padding: 10px;
	border-radius: 3px;
	border: 1px solid #ccc;
	behavior: url(../scripts/PIE.htc);
}
#pg_css .payInfoBox p.cartH2TextBox2{
	border-radius: 3px;
	border: 3px solid #ccc;
	behavior: url(../scripts/PIE.htc);
}
/*-------------------- pay_info_mobile --------------------*/
#pg_css .payInfoMobileBox h3.title{
	position: relative;
}
#pg_css .payInfoMobileBox h3.title span.sameBut{
	position: absolute;
	top: 3px;
	right: 5px;
	padding: 3px 5px;
	color: #333;
	font-size: 0.8em;
	font-weight: bold;
	border: 1px solid #FF9900;
	background: #FFCC00;
}
#pg_css .payInfoMobileBox table.payInfoTable {
	margin-bottom: 20px;
	padding: 15px;
	border-radius: 5px;
	border: 1px solid #ccc;
	behavior: url(../scripts/PIE.htc);
}
#pg_css .payInfoMobileBox table.payInfoTable th, #pg_css .payInfoMobileBox table.payInfoTable td{
	padding: 7px 0;
	border-bottom: 1px solid #ccc;
}
#pg_css .payInfoMobileBox table.payInfoTable th{
	width: 30%;
	text-align: justify;
	background: url(../images/arrow_16_orange.gif) no-repeat right center;
}
#pg_css .payInfoMobileBox table.payInfoTable th label{
	display: block;
}
#pg_css .payInfoMobileBox table.payInfoTable td{
	padding-left: 10px;
}
#pg_css .payInfoMobileBox table.payInfoTable tr:last-child th, #pg_css .payInfoMobileBox table.payInfoTable tr:last-child td{
	border-bottom: none;
}
#pg_css .payInfoMobileBox p.cartH2TextBox{
	margin-bottom: 20px;
	padding: 10px;
	border-radius: 3px;
	border: 1px solid #ccc;
	behavior: url(../scripts/PIE.htc);
}
#pg_css .payInfoMobileBox p.cartH2TextBox2{
	border-radius: 3px;
	border: 3px solid #ccc;
	behavior: url(../scripts/PIE.htc);
}

.plusminus {
  display: inline-block;
  margin: 2px 2px;
  padding: 3px 3px;
  border-radius: 2px;
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  -moz-box-sizing: content-box;
  background: transparent;
  outline: 0;
  vertical-align: middle;
  font-family: inherit;
  font-size: 13px;
	line-height: normal;
  font-weight: bold;
	text-align: center;
  text-decoration: none;
  white-space: nowrap;
	color: #FFFFFF;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  border: 1px solid #6C6C6C;
	background: #6C6C6C;
  min-width: 20px;
}

.plusminus:hover {
  background: #0066CC;
  color: #FFF !important;
}