@charset "utf-8";
/*---------------------ㅡ----------------------------------*/
/*-------ㅡlogin.php/login_order_history.php---------------*/
/*---------------------ㅡ----------------------------------*/
#pg_css .memberLoginBox {
	position: relative;
	width: 500px;
	min-height: 290px;
	padding: 30px;
	margin: 0 auto;
	margin-bottom: 50px;
	border-radius: 5px;
	border: 10px solid #ccc;
	box-shadow: 0 0 20px #00000036;
}
#pg_css .memberLoginBox h3 {
	font-size: 30px;
	text-align: center;
}
#pg_css .memberLoginBox form p.select {
	margin-bottom: 20px;
	margin-top: 10px;
	text-align: center;
	font-size: 16px;
}
#pg_css .memberLoginBox form .loginInputWrap {
	overflow: hidden;
	margin-bottom: 10px;
}
#pg_css .memberLoginBox form .loginInputWrap dl {
	float: left;
	width: 70%;
	margin-right: 2%;
}
#pg_css .memberLoginBox form .loginInputWrap dl dt, #pg_css .memberLoginBox form .loginInputWrap dl dd {
	padding: 5px 0;
}
#pg_css .memberLoginBox form .loginInputWrap p {
	position: relative;
	float: left;
	width: 26%;
	height: 92px;
}
#pg_css .memberLoginBox form .loginInputWrap p button {
	position: absolute;
	top: 52%;
	transform: translateY(-50%);
	left: 0;
	width: 100%;
	height: 86px;
	line-height: 60px;
	color: #fff;
	font-size: 20px;
	background-color: #666;
	border-radius: 5px;
	transition: .3s;
}
#pg_css .memberLoginBox form .loginInputWrap p button:hover {
	background-color: #000;
}
#pg_css .memberLoginBox form .findIdSave {
	margin-bottom: 10px;
	font-size: 16px;
	text-align: center;
}
#pg_css .memberLoginBox p.notice {
	margin-bottom: 10px;
	text-align: center;
	font-size: 14px;
}
#pg_css .memberLoginBox p.guestNotice {
	margin-bottom: 10px;
	text-align: center;
	font-size: 14px;
}
#pg_css .memberLoginBox .IdPwJoinWrap {
	overflow: hidden;
	margin-bottom: 10px;
}
#pg_css .memberLoginBox .IdPwJoinWrap li {
	float: left;
	width: 49%;
	margin-right: 2%;
}
#pg_css .memberLoginBox .IdPwJoinWrap li:last-child {
	margin-right: 0;
}
#pg_css .memberLoginBox .IdPwJoinWrap li a {
	display: block;
	width: 100%;
	height: 40px;
	line-height: 40px;
	font-size: 16px;
	color: #fff;
	background-color: #333;
	border-radius: 5px;
	text-align: center;
	font-weight: normal;
	transition: .3s;
}
#pg_css .memberLoginBox .IdPwJoinWrap li a:hover {
	background-color: #000;
}
#pg_css .memberLoginBox .snsLoginButWrap {
	overflow: hidden;
	margin-bottom: 10px;
}
#pg_css .memberLoginBox .snsLoginButWrap ul li {
	float: left;
	width: 23.5%;
	margin-right: 2%;
	text-align: center;
}
#pg_css .memberLoginBox .snsLoginButWrap ul li:last-child {
	margin-right: 0;
}

#pg_css .memberLoginBox .noMemberBuyWrap {
	margin-top: 20px;
	margin-bottom: 10px;
	padding: 10px;
	border-radius: 3px;
	border: 3px solid #FF9900;
}
#pg_css .memberLoginBox .noMemberBuyWrap p.noMemberBuyText{
	position: relative;
	padding: 9px 0;
	color: #FF6600;
}
#pg_css .memberLoginBox .noMemberBuyWrap p.noMemberBuyText .noMemberBuyBut{
	position: absolute;
	top: 0;
	right: 0;
}

/*---------------------ㅡlogin/login_order_history/_mobile-----------------------------*/
#pg_css .memberLoginMobileBox {
	width: 100%;
	padding: 0px;
	margin-bottom: 10px;
	border: none;
	background: none;
	box-shadow: none;
}
#pg_css .memberLoginMobileBox form {	
	padding: 0;
}
#pg_css .memberLoginMobileBox p.select {
	text-align: center;
}
/*---------------------------------------------------------*/
/*-------------------ㅡfind_pass.php-----------------------*/
/*---------------------------------------------------------*/
#pg_css .idPwSearchWrap {
	min-height: 220px;
	padding: 30px;
	padding-left: 300px;
	margin-bottom: 10px;
	border-radius: 5px;
	border: 10px solid #ccc;
	background: url(../images/id_find.png) no-repeat 30px center;
	behavior: url(../scripts/PIE.htc);
}
#pg_css .idPwSearchWrap #tabWrap{
	position: relative;
	border-bottom: 1px solid #ccc;
}
#pg_css .idPwSearchWrap #tabWrap h3.tab {
	position: absolute;
	top: 0;
}
#pg_css .idPwSearchWrap #tabWrap h3.tab a{
	display: block;
	width: 100%;
	height: 100%;
	text-align: center;
	color: #999;
	font-size: 1.2em;
	font-weight: bold;
	border: 1px solid #ccc;
	border-bottom: none;
	background: #fff;
}
#pg_css .idPwSearchWrap #tabWrap h3.on{
}
#pg_css .idPwSearchWrap #tabWrap h3.on a{
	border-top: 2px solid #666;
	font-weight: bold;
	color: #666;
}
#pg_css .idPwSearchWrap #tabWrap .tabContents {
	position: absolute;
	width: 100%;
	left:0;
}
#pg_css .idPwSearchWrap #tabWrap .tabContents p.searchResult {
	margin-top: 20px;
	padding: 10px;
	border: 1px solid #eee;
	background: #F5F5F5;
}
#pg_css .idPwSearchWrap #tabWrap .tabContents dl {
	margin-top: 10px;
	margin-bottom: 10px;
}
#pg_css .idPwSearchWrap #tabWrap .tabContents dl dt, #pg_css .idPwSearchWrap #tabWrap .tabContents dl dd {
	padding: 5px 0;
}
#pg_css .idPwSearchWrap #tabWrap .tabContents dl dd {
}
#pg_css .idPwSearchWrap .but{
	padding: 10px 0;
}
/*---------------------ㅡfind_pass_mobile-------------------------*/
#pg_css .idPwSearchMobileWrap {
	padding: 0px;
	padding-left: 0px;
	border-radius: 0px;
	border: none;
	background: none;
}
/*---------------------------------------------------------*/
/*------------------ㅡmodify_pass.php----------------------*/
/*---------------------------------------------------------*/
#pg_css .modifyPassBox {
	min-height: 220px;
	padding: 30px;
	padding-left: 300px;
	margin-bottom: 10px;
	border-radius: 5px;
	border: 10px solid #ccc;
	background: url(../images/pw_find.png) no-repeat 30px center;
	behavior: url(../scripts/PIE.htc);
}
#pg_css .modifyPassBox dl {
	margin-top: 10px;
	margin-bottom: 10px;
}
#pg_css .modifyPassBox dl dt, #pg_css .modifyPassBox dl dd {
	padding: 5px 0;
}
#pg_css .modifyPassBox dl dd {
}
#pg_css .modifyPassBox .but{
	padding: 10px 0;
}
/*---------------------ㅡmodify_pass_mobile-------------------------*/
#pg_css .modifyPassMobileBox {
	min-height: 0px;
	padding: 0px;
	padding-left: 0px;
	margin-bottom: 10px;
	border-radius: 0px;
	border: none;
	background: none;
}
/*----------------------------ㅡ----------------------------------*/
/*--------------------ㅡmember_agree_php--------------------------*/
/*----------------------------ㅡ----------------------------------*/
#pg_css .memberAgreeWrap{
	padding: 50px 30px;
	padding-left: 300px;
	border-radius: 5px;
	border: 3px solid #ccc;
	background: url(../images/member_agree.png) no-repeat 40px center;
}
#pg_css .memberAgreeWrap ul.contents{
	margin-bottom: 20px;
	padding-bottom: 20px;
	border-bottom: 1px dotted #ccc;
}

#pg_css .memberAgreeWrap ul.contents li{
	padding: 5px 0;
}
/*---------------------ㅡmember_agree_mobile-----------------------------*/
#pg_css .memberAgreeWrapMobile {
	padding: 0px;
	padding-left: 0px;
	border: none;
	background: none;
}
#pg_css .memberAgreeWrapMobile ul.contents{
	margin-bottom: 20px;
	padding-bottom: 0;
	border-bottom: none;
}

#pg_css .memberAgreeWrapMobile ul.contents li{
	padding: 0;
}
/*----------------------------ㅡ----------------------------------*/
/*--------------------ㅡmember_agree2_php-------------------------*/
/*----------------------------ㅡ----------------------------------*/
#pg_css .memberAgreeBox .memberUseLawAgree, #pg_css .memberAgreeBox .memberPrivercyAgree {
	position: relative;
	margin-bottom: 20px;
}
#pg_css .memberAgreeBox p.agreeBut {
	margin-bottom: 10px;
}
/*----------------------------ㅡ----------------------------------*/
/*--------------ㅡmember_use_php(이용약관:자체 CSS)---------------*/
/*----------------------------ㅡ----------------------------------*/

/*----------------------------ㅡ----------------------------------*/
/*----------ㅡmember_private_php(개인보호정책:자체 CSS)-----------*/
/*----------------------------ㅡ----------------------------------*/

/*----------------------------ㅡ----------------------------------*/
/*------------ㅡmember_join_php/member_modify_php-----------------*/
/*----------------------------ㅡ----------------------------------*/
#pg_css .memberJoinBox table.memberJoinTable {
	padding: 10px;
	border-radius: 5px;
	border: 2px solid #ccc;
	margin-bottom: 20px;
}
#pg_css .memberJoinBox table.memberJoinTable th, #pg_css .memberJoinBox table.memberJoinTable td{
	padding: 7px 0;
	border-bottom: 1px solid #eee;
}
#pg_css .memberJoinBox table.memberJoinTable tr.last th, #pg_css .memberJoinBox table.memberJoinTable tr.last td{
	border-bottom: none;
}
#pg_css .memberJoinBox table.memberJoinTable th{
	text-align: justify;
}
#pg_css .memberJoinBox table.memberJoinTable th label{
	display: block;
	padding-left: 15px;
	background: url(../images/arrow_16_orange.gif) no-repeat 0 center;
}
#pg_css .memberJoinBox table.memberJoinTable2 th label{
	background: url(../images/arrow_16_black.gif) no-repeat 0 center;
}
#pg_css .memberJoinBox table.memberJoinTable td input.inputWidth{
	width: 33.333%;
}
#pg_css .memberJoinBox table.memberJoinTable td span.notice{
	color:#FF6600;
	padding-left: 5px;
}
#pg_css .memberJoinBox table.memberJoinTable td span.notice{
	color:#FF6600;
	padding-left: 5px;
}
/*---------------------------------------------------------*/
/*---------order_history.php/order_history_guest.php-------*/
/*---------------------------------------------------------*/
#pg_css .orderHistoryBox {
	margin-bottom: 20px;
}
#pg_css .orderHistoryBox p.listCount{
	position: relative;
	margin-bottom: 10px;
	font-size: 1.2em;
}
#pg_css .orderHistoryBox table.baseBoardList {
	margin-bottom: 10px;
	border-bottom: 1px solid #999;
}
#pg_css .orderHistoryBox table.baseBoardList th, #pg_css .orderHistoryBox table.baseBoardList td{
	padding: 10px 0;
	text-align: center;
	border-bottom: 1px dotted #ccc;
}
#pg_css .orderHistoryBox table.baseBoardList tr.last th, #pg_css .orderHistoryBox table.baseBoardList tr.last td{
	border-bottom : none;
}
#pg_css .orderHistoryBox table.baseBoardList tr.selectTr{
	background: #F5F5F5;
}
#pg_css .orderHistoryBox 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 .orderHistoryBox table.baseBoardList th.last {
	background: none;
}
#pg_css .orderHistoryBox table.baseBoardList td {
	color: #666;
}
/*-------------------order_history/order_history_guest/_mobile----------------------*/
#pg_css .orderHistoryBox ul.orderHistoryList {
	border-top: 2px solid #ccc;
}
#pg_css .orderHistoryBox ul.orderHistoryList li{
	padding: 5px 0;
	border-top: 1px dotted #ccc;
}
#pg_css .orderHistoryBox ul.orderHistoryList li:first-child{
	border-top: none;
}
#pg_css .orderHistoryBox ul.orderHistoryList li > span{
	display: block;
	padding: 3px 0;
}
#pg_css .orderHistoryBox ul.orderHistoryList li > span.orderPrice{
	color: #FF6600;
	font-weight: bold;
}
#pg_css .orderHistoryBox ul.orderHistoryList li > span.orderProduct{
	font-size: 1.2em;
	font-weight: bold;
}
#pg_css .orderHistoryBox ul.orderHistoryList li > span.reviewWrite{
	margin: 5px 0;
}

/*-------------------short_qna_list.php----------------------*/
.boardListBox p.listCount {
	margin-bottom: 5px;
	font-size: 14px;
}

/*-------------------short_order_history.php----------------------*/
#pg_css .orderHistoryBox p.orderMoreViewWrap{
	margin-bottom: 20px;
	text-align: center;
}
#pg_css .orderHistoryBox p.orderMoreViewWrap span.orderMoreView span.orderMoreBut{
	padding: 6px 10px;
	font-weight: bold;
	text-align: center;
	border-radius: 3px;
	vertical-align: middle;
	color: #fff;
	background: #0099FF;
	border: 1px solid #0066CC;
	behavior: url(../scripts/PIE.htc);
}
#pg_css .orderHistoryBox p.orderMoreViewWrap span.orderMoreView span.orderMoreBut:hover{
	background: #0066CC;
	border: 1px solid #333;
}
/*---------------------------------------------------------*/
/*------------order_view.php/order_view_guest.php----------*/
/*---------------------------------------------------------*/
#pg_css .orderViewBox {
	margin-bottom: 30px;
}
#pg_css .orderViewBox table.baseBoardView {
	margin-top: 10px;
	padding: 10px;
	border-radius: 3px;
	border: 2px solid #ccc;
	margin-bottom: 20px;
	behavior: url(../scripts/PIE.htc);
}
#pg_css .orderViewBox table.baseBoardView tr:last-child th, #pg_css .orderViewBox table.baseBoardView tr:last-child td{
	border: none;
}
#pg_css .orderViewBox table.baseBoardView th, #pg_css .orderViewBox table.baseBoardView > tbody > tr > td{
	padding: 10px 0;
	text-align: center;
	border-bottom: 1px solid #ccc;
}
#pg_css .orderViewBox table.baseBoardView th {
	color: #333;
  	padding-left: 20px;
	text-align: left;
	font-weight: bold;
	background: url(../images/arrow_9.gif) no-repeat 0 center;
}
#pg_css .orderViewBox table.baseBoardView th.check {
	background: url(../images/check.gif) no-repeat 0 center;
}
#pg_css .orderViewBox table.baseBoardView > tbody > tr > td {
	color: #666;
	text-align: left;
}

#pg_css .orderViewBox .orderProductViewWrap {
	padding: 10px 20px;
	border-radius: 3px;
	border: 2px solid #ccc;
	margin-bottom: 10px;
	behavior: url(../scripts/PIE.htc);
}
#pg_css .orderViewBox .orderProductViewWrap ul.orderProductView {
}
#pg_css .orderViewBox .orderProductViewWrap ul.orderProductView li{
	clear: both;
	position: relative;
	padding: 8px 0;
	border-top: 1px dotted #ccc;
}
#pg_css .orderViewBox .orderProductViewWrap ul.orderProductView li:first-child{
	border-top: none;
}
#pg_css .orderViewBox .orderProductViewWrap ul.orderProductView li span{
	display: block;
	margin-bottom: 3px;
}
#pg_css .orderViewBox .orderProductViewWrap ul.orderProductView li span.img{
	width: 120px;
	height: 120px;
	margin-right: 20px;
	float: left;
}
#pg_css .orderViewBox .orderProductViewWrap ul.orderProductView li span.img img{
	width: 100%;
	border: 1px solid #ccc;
}
#pg_css .orderViewBox .orderProductViewWrap ul.orderProductView li span.productName{
	margin-top: 5px;
	margin-bottom: 5px;
	color: #333;
	font-size: 1.2em;
	font-weight: bold;
}
#pg_css .orderViewBox .orderProductViewWrap ul.orderProductView li span.vendor{
	margin-top: 2px;
}
#pg_css .orderViewBox .orderProductViewWrap ul.orderProductView li span.count{
	margin-top: 2px;
	color: #666;
}
#pg_css .orderViewBox .orderProductViewWrap ul.orderProductView li span.price{
	margin-top: 5px;
	color: #FF6600;
	font-size: 1.2em;
	font-weight: bold;
}
#pg_css .orderViewBox .orderProductViewWrap ul.orderProductView li span.date{
	margin-top: 5px;
	color: #999;
}
#pg_css .orderViewBox p.totalAmount{
	clear: both;
	margin-bottom: 20px;
	padding: 10px 0;
	font-size: 1.5em;
	font-weight: bold;
	text-align: center;
	color:#FF3300;
	border: 3px solid #FF3300;
}
#pg_css .orderViewBox p.totalAmount span.small{
	display: block;
	text-align: center;
	font-size: 0.7em;
	color:#999;
}
#pg_css .orderViewBox p.orderListView{
	
}
#pg_css .orderViewBox p.orderListView a{
	display: block;
	padding: 10px 0;
	font-size: 1.2em;
	font-weight: bold;
	text-align: center;
	color: #fff;
}
/*---------------------order_view.php/order_view_guest/_mobile-----------------------*/
#pg_css .orderViewMobileBox table.baseBoardView th, #pg_css .orderViewMobileBox table.baseBoardView td{
	font-size: 1.2em;
}
#pg_css .orderViewMobileBox table.baseBoardView th{
	width: 26%;
	padding-left: 0;
	background: none;
}
#pg_css .orderViewMobileBox .orderProductViewWrap {
	padding: 10px;
}

/*------------reorder_modal.php----------*/
.reorderModalWrap {
	overflow-y: auto;
	padding: 20px;
}
@media screen and (max-width: 800px) {
	.reorderModalWrap {
		overflow-y: auto;
		padding: 20px;
	}
}
.reorderModalWrap h3 {
	position: relative;
	margin-bottom: 20px;
	padding-bottom: 10px;
	font-size: 20px;
	font-weight: bold;
	text-align: center;
}
.reorderModalWrap h3:after {
	content: "";
	position: absolute;
	bottom: 0;
	left: 50%;
	transform: translateX(-50%);
	width: 30px;
	height: 2px;
	background: #333;
}
.reorderModalWrap ul {
	margin-bottom: 20px;
}
.reorderModalWrap ul li {
	overflow: hidden;
	padding: 10px 0;
	border-bottom: 1px dotted #ccc;
}
.reorderModalWrap ul li:last-child {
	border-bottom: none;
}
.reorderModalWrap ul li .imgWrap {
	float: left;
	width: 25%;
	margin-right: 5%;
}
@media screen and (max-width: 800px) {
	.reorderModalWrap ul li .imgWrap {
		width: 100%;
		margin-right: 0%;
		margin-bottom: 10px;
		text-align: center;
	}
}
.reorderModalWrap ul li .infoWrap {
	position: relative;
	float: left;
	width: 60%;
	padding-right: 10%;
}
@media screen and (max-width: 800px) {
	.reorderModalWrap ul li .infoWrap {
		width: 100%;
		margin-bottom: 10px;
		padding-right: 0;
		text-align: center;
	}
}
.reorderModalWrap ul li .infoWrap span {
	display: block;
	margin-bottom: 5px;
	font-size: 14px;
}
@media screen and (max-width: 800px) {
	.reorderModalWrap ul li .infoWrap span {
		text-align: center;
	}
}
.reorderModalWrap ul li .infoWrap span.productName {
	margin-bottom: 10px;
	font-size: 16px;
}
.reorderModalWrap ul li .infoWrap span.productName a {
	color: #333;
}
.reorderModalWrap ul li .infoWrap span.productName a:hover {
	color: #000;
}
.reorderModalWrap ul li .infoWrap span.reorderBut {
	display: inline-block;
	position: absolute;
	right: 0;
	top: 0;
	width: 60px;
	height: 30px;
	line-height: 30px;
	text-align: center;
}
@media screen and (max-width: 800px) {
	.reorderModalWrap ul li .infoWrap span.reorderBut {
		position: relative;
		right: auto;
		top: auto;
		width: 100%;
		margin-top: 10px;
	}
}
.reorderModalWrap ul li .infoWrap span.reorderBut a {
	display: block;
	width: 100%;
	height: 100%;
	border-radius: 3px;
	background-color: #666;
	color: #fff;
	transition: .3s;
}
.reorderModalWrap ul li .infoWrap span.reorderBut a:hover {
	background-color: #000;
}
.reorderModalWrap p {
	padding: 10px 20px;
	border: 3px solid #ccc;
	font-size: 16px;
	text-align: center;
}
.reorderModalWrap p span {
	font-weight: bold;
}
.reorderModalWrap p em {
	color: crimson;
	font-weight: bold;
}

/*---------------------------------------------------------*/
/*--------------------ㅡwish_list.php----------------------*/
/*---------------------------------------------------------*/
#pg_css .wishListWrap {
	margin-bottom: 20px;
}
#pg_css .wishListWrap p.listCount{
	position: relative;
	margin-bottom: 10px;
	font-size: 1.2em;
	line-height: 1.5;
}
#pg_css .wishListWrap table.baseBoardList {
	margin-bottom: 10px;
	border-bottom: 1px solid #999;
}
#pg_css .wishListWrap table.baseBoardList th, #pg_css .wishListWrap table.baseBoardList td{
	padding: 10px 0;
	text-align: center;
	border-bottom: 1px dotted #ccc;
}
#pg_css .wishListWrap table.baseBoardList tr.last th, #pg_css .wishListWrap table.baseBoardList tr.last td{
	border-bottom : none;
}
#pg_css .wishListWrap 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 .wishListWrap table.baseBoardList th.last {
	background: none;
}
#pg_css .wishListWrap table.baseBoardList td {
	color: #666;
}
#pg_css div.wishListWrap table.baseBoardList td span.title {
	margin-left: 10px;
	font-weight: bold;
}
/*-----------------------wish_list_mobile---------------------*/
#pg_css .wishListWrap ul#wishList {
	margin-bottom: 10px;
}
#pg_css .wishListWrap ul#wishList li{
	clear: both;
	position: relative;
	padding: 5px 0;
	border-bottom: 1px dotted #ccc;
}
#pg_css .wishListWrap ul#wishList li:last-child{
	border-bottom: none;
}
#pg_css .wishListWrap ul#wishList li span{
	display: block;
	margin-bottom: 3px;
}
#pg_css .wishListWrap ul#wishList li span.img{
	width: 100px;
	height: 100px;
	margin-right: 10px;
	float: left;
}
#pg_css .wishListWrap ul#wishList li span.img img{
	width: 100%;
	border: 1px solid #ccc;
}
#pg_css .wishListWrap ul#wishList li span.productName{
	margin-top: 3px;
	color: #333;
	font-size: 1.2em;
	font-weight: bold;
}
#pg_css .wishListWrap ul#wishList li span.productComment{
	margin-top: 2px;
}
#pg_css .wishListWrap ul#wishList li span.vendor{
	margin-top: 2px;
}
#pg_css .wishListWrap ul#wishList li span.count{
	margin-top: 2px;
	color: #666;
}
#pg_css .wishListWrap ul#wishList li span.price{
	margin-top: 2px;
	color: #FF6600;
	font-size: 1.2em;
	font-weight: bold;
}
#pg_css .wishListWrap ul#wishList li span.date{
	margin-top: 8px;
	color: #999;
}
#pg_css .wishListWrap ul#wishList li > span.wishListDeleteBut{
	position: absolute;
	width: 30px;
	height: 31px;
	bottom: 5px;
	right: 0;
}
#pg_css .wishListWrap ul#wishList li > span.wishListDeleteBut a{
	display: block;
	width: 100%;
	height: 100%;
	color: transparent;
	background: url(../images/close_but.png) no-repeat 0 0;
}
#pg_css .wishListWrap 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;
}
/*-----------------------short_wish_list---------------------*/
.shortWishList table td span.title {
	padding-left: 10px;
}
/*-----------------------short_wish_list_mobile---------------------*/
#pg_css .wishListWrap p.wishMoreViewWrap{
	margin-bottom: 20px;
	text-align: center;
}
#pg_css .wishListWrap p.wishMoreViewWrap span.wishMoreView span.wishMoreBut{
	padding: 6px 10px;
	font-weight: bold;
	text-align: center;
	border-radius: 3px;
	vertical-align: middle;
	color: #fff;
	background: #0099FF;
	border: 1px solid #0066CC;
	behavior: url(../scripts/PIE.htc);
}
#pg_css .wishListWrap p.wishMoreViewWrap span.wishMoreView span.wishMoreBut:hover{
	background: #0066CC;
	border: 1px solid #333;
}
/*---------------------------------------------------------*/
/*-----------------ㅡmiliage_history.php-------------------*/
/*---------------------------------------------------------*/
#pg_css .mileageBox .mileageSub {
	margin-bottom: 30px;
}
#pg_css .mileageBox .mileageSub {
	margin-bottom: 20px;
}
#pg_css .mileageBox .mileageSub p.listCount{
	position: relative;
	margin-bottom: 10px;
	font-size: 1.2em;
	line-height: 1.5;
}
#pg_css .mileageBox .mileageSub table.baseBoardList {
	margin-bottom: 10px;
}
#pg_css .mileageBox .mileageSub table.baseBoardList th, #pg_css .mileageBox .mileageSub table.baseBoardList td{
	padding: 10px 0;
	text-align: center;
	border-bottom: 1px dotted #ccc;
}
#pg_css .mileageBox .mileageSub table.baseBoardList tr.last th, #pg_css .mileageBox .mileageSub table.baseBoardList tr.last td{
	border-bottom : none;
}
#pg_css .mileageBox .mileageSub 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 .mileageBox .mileageSub table.baseBoardList th.last {
	background: none;
}
#pg_css .mileageBox .mileageSub table.baseBoardList td {
	color: #666;
}
#pg_css .mileageBox 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;
}
/*--------------ㅡmiliage_history_mobile-------------------*/
#pg_css .mileageBox ul.mileageList {
	padding: 10px;
	border: 3px solid #ccc;
}
#pg_css .mileageBox ul.mileageList li{
	padding: 5px 0;
	border-top: 1px dotted #ccc;
}
#pg_css .mileageBox ul.mileageList li:first-child{
	border-top: none;
}
#pg_css .mileageBox ul.mileageList li > span{
	display: block;
	padding: 3px 0;
}
#pg_css .mileageBox ul.mileageList li > span.mileageSubject{
	font-size: 1.2em;
}
/*-----------------ㅡshort_miliage_history.php-------------------*/
#pg_css .mileageBox .mileageSub p.mileageMoreViewWrap{
	margin-bottom: 20px;
	text-align: center;
}
.MoreBut{
	display: inline-block;
	margin-top: -8px;
	width: 60px;
	height: 24px;
	line-height: 24px;
	text-align: center;
	font-size: 0.9em;
	font-weight: bold;
	text-align: center;
	border-radius: 3px;
	color: #fff;
	background: #666;
	border-radius: 3px;
	transition: .3s;
}
.MoreBut:hover{
	background: #000;
}
/*---------------------------------------------------------*/
/*------------------ㅡwithdrawal.php-----------------------*/
/*---------------------------------------------------------*/
#pg_css .withdrawalBox {
	min-height: 250px;
	padding: 30px;
	padding-left: 300px;
	margin-bottom: 10px;
	border-radius: 5px;
	border: 10px solid #ccc;
	background: url(../images/pw_find.png) no-repeat 30px center;
}
#pg_css .withdrawalBox dl {
	margin-top: 10px;
	margin-bottom: 10px;
}
#pg_css .withdrawalBox dl dt, #pg_css .withdrawalBox dl dd {
	padding: 5px 0;
}
#pg_css .withdrawalBox dl dd {
}
#pg_css .withdrawalBox .but{
	padding: 10px 0;
}
/*-------------------ㅡwithdrawal_mobile---------------------------*/
#pg_css .withdrawalMobileBox {
	position: relative;
	margin-bottom: 10px;
	min-height: 0px;
	padding: 0px;
	padding-left: 0px;
	margin-bottom: 10px;
	border: none;
	background: none;
}
#pg_css .withdrawalMobileBox form {	
	padding: 0;
}