/* Member Login ===================================================================== */
.wrap-member-login-out {
  max-width: 770px;
  margin: 0 auto;
}

.wrap-member-login {
  display: flex;
  background-color: #fff;
  border: 5px solid #ededed;
}
@media (max-width: 640px) {
  .wrap-member-login {
    flex-direction: column;
  }
}

.member-login-main {
  margin: 50px auto 0 auto;
  text-align: center;
}
@media (max-width: 640px) {
  .member-login-main {
    margin: 50px auto 0 auto;
  }
}
.member-login-main input {
  border: 1px solid rgba(0, 0, 0, 0.1);
  padding: 9px 10px 9px 40px;
  border-radius: 5px;
  width: 100%;
  max-width: 300px;
  font-size: 15px;
  transition: all 0.5s;
}
.member-login-main input::placeholder {
  color: #ccc;
  font-size: 15px;
}
.member-login-main input:hover {
  border: 1px solid #e6626c;
}
.member-login-main .member-login-title {
  font-size: 25px;
  font-weight: 600;
  color: #ab1a2d;
  margin-bottom: 32px;
  margin-top: 5px;
}
.member-login-main li {
  list-style: none;
  margin-bottom: 20px;
}

.member-login-icon-account {
  position: relative;
}
.member-login-icon-account:before {
  display: block;
  position: absolute;
  left: 15px;
  top: 1px;
  content: "";
  background: url(../images/member/icon-account.svg) no-repeat;
  width: 20px;
  height: 20px;
  transition: all 0.7s;
}
.member-login-icon-account.fc:before {
  background: url(../images/member/icon-account-v.svg) no-repeat;
}

.member-login-icon-password {
  position: relative;
}
.member-login-icon-password:before {
  display: block;
  position: absolute;
  left: 15px;
  top: 1px;
  content: "";
  background: url(../images/member/icon-password.svg) no-repeat;
  width: 20px;
  height: 20px;
  transition: all 0.7s;
}
.member-login-icon-password.fc:before {
  background: url(../images/member/icon-password-v.svg) no-repeat;
}

.member-login-forgot-pw {
  font-size: 13px;
  text-decoration: underline;
  margin-bottom: 20px;
}
.member-login-forgot-pw a {
  color: #ccc;
  transition: all 0.5s;
}
.member-login-forgot-pw a:hover {
  color: #000;
}

a.member-login-btn-login {
  display: block;
  margin: 0 auto;
  width: 180px;
  padding: 12px 0;
  border-radius: 20px;
  background-color: #ab1a2d;
  color: #fff;
  font-size: 15px;
  transition: all 0.5s;
}
a.member-login-btn-login:hover {
  transform: scale(0.9);
}

.member-login-third-part-text {
  font-size: 13px;
  color: #b7b7b7;
  margin-top: 15px;
}

.member-login-third-part {
  margin-top: 10px;
  margin-bottom: 20px;
}

.member-login-third-part button {
  border: 0;
  color: #fff;
  background: transparent;
  font-size: 13px;
  position: relative;
  padding-left: 5px;
}

.member-login-third-part > div:hover{
  transform: scale(0.9);
}
.member-login-third-part > div{
 max-width: 180px;
 border-radius: 20px;
 margin: 10px auto;
 transition: all 0.5s;
 cursor: pointer;
 display: flex;
 justify-content: center;
 align-items: center;
 flex-wrap: wrap;
}
.member-login-third-part > div:nth-child(3){
  background: #1B74E4;
}
.member-login-third-part > div:nth-child(1){
  background: #1FC32E;
}
.member-login-third-part > div:nth-child(2){
  background: #AB1A2D;
}
.member-login-third-part > div:nth-child(3) span {
  width: 18px;
  height: 18px;
  background-image: url("/images/member/fb-small.svg");
}
.member-login-third-part > div:nth-child(1) span {
  width: 20px;
  height: 20px;
  background-image: url("/images/member/line-small.svg");
}
.member-login-third-part > div:nth-child(2) span {
  width: 18px;
  height: 18px;
  background-image: url("/images/member/google-small.svg");
}
.member-login-sidebar {
  width: 260px;
  background-color: #ab1a2d;
}
.member-login-sidebar .member-login-signup-box {
  text-align: center;
  font-size: 17px;
  color: #fff;
  padding-top: 130px;
}
@media (max-width: 640px) {
  .member-login-sidebar {
    width: 100%;
    margin-top: 30px;
	padding: 40px 0;
  }
  .member-login-sidebar .member-login-signup-box{
	padding-top:0;
  }
}
.member-login-sidebar .member-login-signup-box .member-login-signup-icon {
  padding: 0 0 80px 0;
  position: relative;
}
.member-login-sidebar .member-login-signup-box .member-login-signup-icon .member-login-signup-animate {
  position: absolute;
  left: calc(50% - 20px);
}
.member-login-sidebar .member-login-signup-box .member-login-signup-icon .member-login-icon-list-1 {
  position: absolute;
  left: 6px;
  top: 15px;
}
.member-login-sidebar .member-login-signup-box .member-login-signup-icon .member-login-icon-list-2 {
  position: absolute;
  left: 6px;
  top: 23px;
}
.member-login-sidebar .member-login-signup-box .member-login-signup-icon .member-login-icon-list-3 {
  position: absolute;
  left: 6px;
  top: 32px;
}
.member-login-sidebar .member-login-signup-box .member-login-signup-icon .member-login-icon-list-4 {
  position: absolute;
  left: 6px;
  top: 40px;
}
.member-login-sidebar .member-login-signup-box .member-login-signup-icon .member-login-icon-list-5 {
  position: absolute;
  left: 6px;
  top: 48px;
}
.member-login-sidebar .member-login-signup-box .member-login-signup-icon .member-login-icon-pen {
  position: absolute;
  left: -15px;
  top: -17px;
}
.member-login-sidebar .member-login-signup-box strong {
  font-size: 20px;
  display: block;
}
.member-login-sidebar .member-login-signup-box span {
  display: block;
  line-height: 25px;
}
.member-login-sidebar a.member-login-btn-signup {
  display: block;
  margin: 10px auto 0 auto;
  text-align: center;
  width: 130px;
  padding: 10px 0;
  border-radius: 20px;
  color: #fff;
  font-size: 15px;
  border: 2px solid #fff;
  transition: all 0.5s;
}
.member-login-sidebar a.member-login-btn-signup:hover {
  background-color: #fff;
  color: #ab1a2d;
}

/* Member Signup ===================================================================== */
.wrap-member-register-out {
  max-width: 700px;
  margin: 0 auto;
}

.wrap-member-register {
  background-color: #fff;
  border: 5px solid #ededed;
}

.member-register-bar {
  background-color: #ab1a2d;
  padding: 50px 0;
  position: relative;
}
.member-register-bar .member-register-animate {
  position: absolute;
  left: calc(50% - 109px);
  top: 25px;
}
.member-register-bar .member-register-animate .member-register-icon-pen {
  position: absolute;
  left: -16px;
  top: -11px;
}
.member-register-bar .member-register-animate .member-register-icon-tick-1 {
  position: absolute;
  left: 8px;
  top: 20px;
}
.member-register-bar .member-register-animate .member-register-icon-tick-2 {
  position: absolute;
  left: 8px;
  top: 34px;
}
.member-register-bar .member-register-animate .member-register-icon-tick-3 {
  position: absolute;
  left: 8px;
  top: 47px;
}
.member-register-bar .member-register-title {
  color: #fff;
  font-weight: bold;
  font-size: 20px;
  text-align: center;
}

.member-register-main {
  margin: 0 auto;
  padding: 30px;
  text-align: center;
}
.member-register-main input[data-type=text] {
  border: 1px solid rgba(0, 0, 0, 0.1);
  padding: 7px 10px 7px 10px;
  width: 100%;
  max-width: 300px;
  font-size: 15px;
  transition: all 0.5s;
}
.member-register-main input[data-type=text]::placeholder {
  color: #ccc;
  font-size: 15px;
}
.member-register-main input[data-type=text]:focus {
  border: 1px solid #e6626c;
}
.member-register-main input[type=checkbox] {
  transform: scale(1.5);
  margin-right: 7px;
}
.member-register-main .list-style {
  line-height: 25px;
  color: #9f9c9c;
  text-align: left;
}
.member-register-main li {
  list-style: none;
  margin-bottom: 20px;
}
.member-register-main a.member-register-btn-submit {
  display: block;
  margin: 0 auto;
  width: 150px;
  padding: 10px 0;
  border-radius: 20px;
  background-color: #ab1a2d;
  color: #fff;
  font-size: 15px;
  transition: all 0.5s;
}
.member-register-main a.member-register-btn-submit:hover {
  transform: scale(0.9);
}

.member-register-select {
  display: flex;
  justify-content: center;
}
.member-register-select > div {
  margin: 0 10px;
}
.member-register-select > div select {
  border: 1px solid rgba(0, 0, 0, 0.1);
  padding: 4px 35px;
  color: #232323;
  font-size: 15px;
}
.member-register-select > div select option{color: #232323}
.member-register-main .gender {
  text-align: left;
  padding-top: 10px;
  width: 300px;
  margin: 0 auto;
}
@media only screen and (max-width: 430px) {
	.member-register-select > div select{
		padding: 4px 15px;
	}
	
}


/* Member Forgot Password ===================================================================== */
.wrap-member-forgot-pw-out {
  max-width: 600px;
  margin: 5% auto;
}

.wrap-member-forgot-pw {
  background-color: #fff;
  border: 5px solid #ededed;
}

.member-forgot-pw-bar {
  background-color: #e6626c;
  padding: 50px 0;
  position: relative;
}
.member-forgot-pw-bar .member-forgot-pw-animate {
  position: absolute;
  left: calc(50% - 19px);
  top: 40px;
}
.member-forgot-pw-bar .member-forgot-pw-animate .member-forgot-pw-icon-key {
  position: absolute;
  left: 50px;
  top: 5px;
  height: 13px;
}
.member-forgot-pw-bar .member-forgot-pw-animate .member-forgot-pw-icon-lock {
  position: absolute;
  left: 4px;
  top: -16px;
}

.member-forgot-pw-main {
  margin: 0 auto;
  padding: 30px;
  text-align: center;
}
.member-forgot-pw-main .member-forgot-pw-title {
  font-size: 25px;
  font-weight: 600;
  margin-bottom: 13px;
}
.member-forgot-pw-main .member-forgot-pw-info {
  font-size: 15px;
  line-height: 25px;
  color: #bbb;
  margin-bottom: 13px;
}
.member-forgot-pw-main input {
  border: 1px solid rgba(0, 0, 0, 0.1);
  padding: 10px 10px 10px 10px;
  width: 300px;
  font-size: 15px;
  transition: all 0.5s;
}
.member-forgot-pw-main input::placeholder {
  color: #ccc;
  font-size: 15px;
}
.member-forgot-pw-main input:focus {
  border: 1px solid #e6626c;
}
.member-forgot-pw-main li {
  list-style: none;
  margin-bottom: 20px;
}

a.member-forgot-pw-btn-submit {
  display: block;
  margin: 0 auto;
  width: 150px;
  padding: 10px 0;
  border-radius: 20px;
  background-color: #e6626c;
  color: #fff;
  font-size: 15px;
  transition: all 0.5s;
}
a.member-forgot-pw-btn-submit:hover {
  width: 130px;
}

/* Member Reset Password ===================================================================== */
.wrap-member-reset-pw-out {
  max-width: 600px;
  margin: 5% auto;
}

.wrap-member-reset-pw {
  background-color: #fff;
  border: 5px solid #ededed;
}

.member-reset-pw-bar {
  background-color: #e6626c;
  padding: 60px 0;
  position: relative;
}
.member-reset-pw-bar .member-reset-pw-icon {
  position: absolute;
  left: calc(50% - 37px);
  top: 24px;
}

.member-reset-pw-main {
  margin: 0 auto;
  padding: 30px;
  text-align: center;
}
.member-reset-pw-main .member-reset-pw-title {
  font-size: 25px;
  font-weight: 600;
  margin-bottom: 13px;
}
.member-reset-pw-main input {
  border: 1px solid rgba(0, 0, 0, 0.1);
  padding: 10px 10px 10px 10px;
  width: 300px;
  font-size: 15px;
  transition: all 0.5s;
}
.member-reset-pw-main input::placeholder {
  color: #ccc;
  font-size: 15px;
}
.member-reset-pw-main input:focus {
  border: 1px solid #e6626c;
}
.member-reset-pw-main li {
  list-style: none;
  margin-bottom: 20px;
}

a.member-reset-pw-btn-submit {
  display: block;
  margin: 0 auto;
  width: 150px;
  padding: 10px 0;
  border-radius: 20px;
  background-color: #e6626c;
  color: #fff;
  font-size: 15px;
  transition: all 0.5s;
}
a.member-reset-pw-btn-submit:hover {
  width: 130px;
}

/* Member Center ===================================================================== */
.wrap-member-center-out {
  max-width: 1100px;
  margin: 0 auto;
}

.wrap-member-center {
  border: 5px solid #ededed;
}

.member-center-main {
  text-align: center;
  padding: 30px 30px 40px 30px;
}

.member-center-title {
  color: #c9c9c9;
  font-size: 1.5rem;
  text-align: center;
  letter-spacing: 5px;
  padding-top: 10px;
  padding-bottom: 20px;
}

.member-center-info {
  padding-bottom: 30px;
}

.member-center-menu {
  list-style: none;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}
.member-center-menu li {
  flex: 0 0 20%;
  margin: 20px 0;
}
.member-center-menu li > a {
  margin: 0 auto;
}
@media (max-width: 768px) {
  .member-center-menu li {
    flex: 0 0 50%;
    margin-bottom: 30px;
  }
}

.member-center-menu-icon-01 {
  display: block;
  background-color: #e6626c;
  width: 110px;
  height: 110px;
  border-radius: 100%;
  position: relative;
}
.member-center-menu-icon-01:hover:before {
  transform: scale(0.95);
}
.member-center-menu-icon-01:before {
  position: absolute;
  content: "";
  transition: all 0.5s;
}
.member-center-menu-icon-01:before {
  width: 50px;
  height: 46px;
  left: calc(50% - 25px);
  top: calc(50% - 23px);
  background: url(../images/member/icon-member-center-01.png) no-repeat;
}

.member-center-menu-icon-02 {
  display: block;
  background-color: #e6629d;
  width: 110px;
  height: 110px;
  border-radius: 100%;
  position: relative;
}
.member-center-menu-icon-02:hover:before {
  transform: scale(0.95);
}
.member-center-menu-icon-02:before {
  position: absolute;
  content: "";
  transition: all 0.5s;
}
.member-center-menu-icon-02:before {
  background: url(../images/member/icon-member-center-02.png) no-repeat;
  width: 52px;
  height: 47px;
  left: calc(50% - 26px);
  top: calc(50% - 23px);
}

.member-center-menu-icon-03 {
  display: block;
  background-color: #a774db;
  width: 110px;
  height: 110px;
  border-radius: 100%;
  position: relative;
}
.member-center-menu-icon-03:hover:before {
  transform: scale(0.95);
}
.member-center-menu-icon-03:before {
  position: absolute;
  content: "";
  transition: all 0.5s;
}
.member-center-menu-icon-03:before {
  background: url(../images/member/icon-member-center-03.png) no-repeat;
  width: 45px;
  height: 50px;
  left: calc(50% - 22px);
  top: calc(50% - 25px);
}

.member-center-menu-icon-04 {
  display: block;
  background-color: #00b4ff;
  width: 110px;
  height: 110px;
  border-radius: 100%;
  position: relative;
}
.member-center-menu-icon-04:hover:before {
  transform: scale(0.95);
}
.member-center-menu-icon-04:before {
  position: absolute;
  content: "";
  transition: all 0.5s;
}
.member-center-menu-icon-04:before {
  background: url(../images/member/icon-member-center-04.png) no-repeat;
  width: 69px;
  height: 38px;
  left: calc(50% - 34px);
  top: calc(50% - 19px);
}

.member-center-menu-icon-05 {
  display: block;
  background-color: #19e5d9;
  width: 110px;
  height: 110px;
  border-radius: 100%;
  position: relative;
}
.member-center-menu-icon-05:hover:before {
  transform: scale(0.95);
}
.member-center-menu-icon-05:before {
  position: absolute;
  content: "";
  transition: all 0.5s;
}
.member-center-menu-icon-05:before {
  background: url(../images/member/icon-member-center-05.png) no-repeat;
  width: 46px;
  height: 46px;
  left: calc(50% - 23px);
  top: calc(50% - 23px);
}

.member-center-menu-icon-06 {
  display: block;
  background-color: #e6626c;
  width: 110px;
  height: 110px;
  border-radius: 100%;
  position: relative;
}
.member-center-menu-icon-06:hover:before {
  transform: scale(0.95);
}
.member-center-menu-icon-06:before {
  position: absolute;
  content: "";
  transition: all 0.5s;
}
.member-center-menu-icon-06:before {
  width: 55px;
  height: 58px;
  left: calc(50% - 25px);
  top: calc(50% - 29px);
  background: url(../images/member/icon-member-center-06.png) no-repeat;
}

.member-center-menu-icon-07 {
  display: block;
  background-color: #e6629d;
  width: 110px;
  height: 110px;
  border-radius: 100%;
  position: relative;
}
.member-center-menu-icon-07:hover:before {
  transform: scale(0.95);
}
.member-center-menu-icon-07:before {
  position: absolute;
  content: "";
  transition: all 0.5s;
}
.member-center-menu-icon-07:before {
  background: url(../images/member/icon-member-center-07.png) no-repeat;
  width: 55px;
  height: 41px;
  left: calc(50% - 27px);
  top: calc(50% - 20px);
}

.member-center-menu-icon-08 {
  display: block;
  background-color: #a774db;
  width: 110px;
  height: 110px;
  border-radius: 100%;
  position: relative;
}
.member-center-menu-icon-08:hover:before {
  transform: scale(0.95);
}
.member-center-menu-icon-08:before {
  position: absolute;
  content: "";
  transition: all 0.5s;
}
.member-center-menu-icon-08:before {
  background: url(../images/member/icon-member-center-08.png) no-repeat;
  width: 46px;
  height: 61px;
  left: calc(50% - 23px);
  top: calc(50% - 30px);
}

.member-center-menu-icon-09 {
  display: block;
  background-color: #00b4ff;
  width: 110px;
  height: 110px;
  border-radius: 100%;
  position: relative;
}
.member-center-menu-icon-09:hover:before {
  transform: scale(0.95);
}
.member-center-menu-icon-09:before {
  position: absolute;
  content: "";
  transition: all 0.5s;
}
.member-center-menu-icon-09:before {
  background: url(../images/member/icon-member-center-09.png) no-repeat;
  width: 42px;
  height: 42px;
  left: calc(50% - 21px);
  top: calc(50% - 21px);
}

.member-center-menu-icon-text {
  color: #ababab;
  margin-top: 10px;
}

.member-center-tab {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  list-style: none;
  justify-content: center;
  margin: 30px 0;
}
.member-center-tab li {
  flex: 0 0 18%;
}
@media (max-width: 900px) {
  .member-center-tab li {
    flex: 0 0 50%;
  }
}
.member-center-tab li:hover a {
  background-color: #ab1a2d;
  color: #fff;
}
.member-center-tab li a {
  display: block;
  padding: 5px 0;
  margin: 10px 10px;
  color: #ab1a2d;
  border: 1px solid #ab1a2d;
  transition: all 0.5s;
}
@media (max-width: 640px) {
  .member-center-tab li a {
    display: block;
  }
}
@media (max-width: 430px) {
  .member-center-tab li a {
    padding: 5px;
	margin: 10px 5px;
  }
  .member-center-main{
	padding: 30px 15px 40px 15px;	
  }
}
.member-center-tab li.current a {
  position: relative;
  background-color: #e6626c;
  color: #fff;
}
.member-center-tab li.current a:after {
  content: " ";
  width: 0px;
  height: 0px;
  border-style: solid;
  border-width: 8px 6px 0 6px;
  border-color: #e6626c transparent transparent transparent;
  position: absolute;
  bottom: -9px;
  left: calc(50% - 6px);
}

table.rt-vertical-table {
  float: none !important;
}

table.rt-responsive-table tr th, table.rt-responsive-table tr td {
  text-align: center;
}
@media (max-width: 992px) {
  table.rt-responsive-table tr th, table.rt-responsive-table tr td {
    text-align: left;
  }
}

/* Member Center Order Record Detail ===================================================================== */
.member-center-order-record-detail-info-1 {
  background-color: #f9f9f9;
  padding: 20px;
}
.member-center-order-record-detail-info-1 li {
  list-style: none;
  padding: 10px 0;
  border-bottom: 1px solid #e3e3e3;
}
.member-center-order-record-detail-info-1 li:last-child {
  border-bottom: none;
}
.member-center-order-record-detail-info-1 li span {
  display: inline-block;
  text-align: left;
}
.member-center-order-record-detail-info-1 li span:first-child {
  width: 25%;
  font-weight: bold;
}
@media (max-width: 768px) {
  .member-center-order-record-detail-info-1 li span:first-child {
    width: 100%;
  }
}
.member-center-order-record-detail-info-1 li span:nth-child(2) {
  width: 55%;
  padding-left: 30px;
}
@media (max-width: 768px) {
  .member-center-order-record-detail-info-1 li span:nth-child(2) {
    width: 100%;
    padding-left: 10px;
    margin-top: 10px;
  }
}

.member-center-order-record-detail-btn-transfer {
  color: #fff !important;
  background-color: #e6626c;
  border-radius: 5px;
  padding: 3px 10px;
  transition: all 0.5s;
}
.member-center-order-record-detail-btn-transfer:hover {
  background-color: #ff6f79;
}

.member-center-order-record-detail-pic-size img {
  width: 100px;
}

.member-center-order-record-detail-product-spec {
  margin-bottom: 5px;
}

.member-center-order-record-detail-info-2 .list-style {
  margin: 20px 0;
  padding-bottom: 10px;
  border-bottom: 1px solid #e3e3e3;
}
.member-center-order-record-detail-info-2 .list-style-2 {
  padding-right: 0;
}
@media (max-width: 576px) {
  .member-center-order-record-detail-info-2 .list-style-2 {
    margin-top: 20px;
  }
}
.member-center-order-record-detail-info-2 .list-style-3 {
  margin-bottom: 10px;
}

.member-center-order-record-detail-title {
  font-size: 1.2rem;
  font-weight: bold;
  border-top: 1px solid #e3e3e3;
  border-bottom: 1px solid #e3e3e3;
  padding: 10px 0 10px 0;
  margin: 50px 0 20px 0;
  background-color: #f9f9f9;
}

.member-center-order-record-detail-info-3 .row {
  margin-bottom: 10px;
}

/* Member Center Data Modify ===================================================================== */
.member-center-data-modify-main {
  max-width: 600px;
  margin: 0 auto;
  margin-bottom: 20px;
  padding: 30px 0 10px 0;
  background-color: #f9f9f9;
  border: 1px solid #efefef;
}
.member-center-data-modify-main input[data-type=text] {
  border: 1px solid rgba(0, 0, 0, 0.1);
  padding: 7px 10px 7px 10px;
  width: 300px;
  font-size: 15px;
  transition: all 0.5s;
}
@media (max-width: 576px) {
  .member-center-data-modify-main input[data-type=text] {
    width: 270px;
  }
}
.member-center-data-modify-main input[data-type=text]::placeholder {
  color: #ccc;
  font-size: 15px;
}
.member-center-data-modify-main input[data-type=text]:focus {
  border: 1px solid #e6626c;
}
.member-center-data-modify-main input[type=checkbox] {
  transform: scale(1.5);
  margin-right: 7px;
}
.member-center-data-modify-main .list-style {
  color: #9f9c9c;
}
.member-center-data-modify-main li {
  list-style: none;
  margin-bottom: 20px;
}

.member-center-data-modify-select {
  display: flex;
  justify-content: center;
}
.member-center-data-modify-select > div {
  margin: 0 10px;
}
.member-center-data-modify-select > div select {
  border: 1px solid rgba(0, 0, 0, 0.1);
  padding: 4px 34px;
}
@media (max-width: 576px) {
  .member-center-data-modify-select > div select {
    padding: 0 26px;
  }
}

.member-center-data-modify-btn-submit {
  border: none;
  border-radius: 20px;
  padding: 10px 30px;
  color: #fff;
  background-color: #ab1a2d;
  transition: all 0.5s;
}
.member-center-data-modify-btn-submit:hover {
  transform: scale(0.9);
}

/* Member Center Password Modify ===================================================================== */
.member-center-pw-modify-main {
  max-width: 600px;
  margin: 0 auto;
  margin-bottom: 20px;
  padding: 30px 0 10px 0;
  background-color: #f9f9f9;
  border: 1px solid #efefef;
}
.member-center-pw-modify-main input[data-type=text] {
  border: 1px solid rgba(0, 0, 0, 0.1);
  padding: 7px 10px 7px 10px;
  width: 50%;
  font-size: 15px;
  transition: all 0.5s;
}
@media (max-width: 576px) {
  .member-center-pw-modify-main input[data-type=text] {
    width: 80%;
  }
}
.member-center-pw-modify-main input[data-type=text]::placeholder {
  color: #ccc;
  font-size: 15px;
}
.member-center-pw-modify-main input[data-type=text]:focus {
  border: 1px solid #e6626c;
}
.member-center-pw-modify-main li {
  list-style: none;
  margin-bottom: 20px;
}

.member-center-pw-modify-btn-submit {
  border: none;
  border-radius: 20px;
  padding: 10px 30px;
  color: #fff;
  background-color: #ab1a2d;
  transition: all 0.5s;
}
.member-center-pw-modify-btn-submit:hover {
  transform: scale(0.9);
}

/* Member Center Bonus ===================================================================== */
.member-center-bonus-main {
  padding: 10px 30px 30px 30px;
  border: 1px solid #efefef;
}

.member-center-bonus-title {
  font-size: 1.5rem;
  margin: 30px 0 20px 0;
}

.member-center-bonus-count {
  list-style: none;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-around;
}
.member-center-bonus-count li {
  flex: 0 0 30%;
  border: 1px solid #ccc;
  background-color: #fdfdfd;
  margin: 10px 0;
  padding: 5px 0;
}
@media (max-width: 576px) {
  .member-center-bonus-count li {
    flex: 0 0 100%;
  }
}
.member-center-bonus-count li span {
  color: #f00;
}

/* Member Center Reservation Detail ===================================================================== */
.member-center-reservation-detail-info-1 {
  background-color: #f9f9f9;
  padding: 20px;
}
.member-center-reservation-detail-info-1 li {
  list-style: none;
  padding: 10px 0;
  border-bottom: 1px solid #e3e3e3;
}
.member-center-reservation-detail-info-1 li:last-child {
  border-bottom: none;
}
.member-center-reservation-detail-info-1 li span {
  display: inline-block;
  text-align: left;
}
.member-center-reservation-detail-info-1 li span:first-child {
  width: 15%;
  font-weight: bold;
}
@media (max-width: 768px) {
  .member-center-reservation-detail-info-1 li span:first-child {
    width: 100%;
  }
}
.member-center-reservation-detail-info-1 li span:nth-child(2) {
  width: 25%;
  padding-left: 30px;
}
@media (max-width: 768px) {
  .member-center-reservation-detail-info-1 li span:nth-child(2) {
    width: 100%;
    padding-left: 10px;
    margin-top: 5px;
  }
}
.member-center-reservation-detail-info-1 li span:nth-child(3) {
  width: 13%;
  font-weight: bold;
}
@media (max-width: 768px) {
  .member-center-reservation-detail-info-1 li span:nth-child(3) {
    width: 100%;
    margin-top: 15px;
  }
}
.member-center-reservation-detail-info-1 li span:nth-child(4) {
  width: 18%;
}
@media (max-width: 768px) {
  .member-center-reservation-detail-info-1 li span:nth-child(4) {
    width: 100%;
    padding-left: 10px;
    margin-top: 5px;
  }
}

.member-center-reservation-detail-title-1 {
  font-size: 1.2rem;
  font-weight: bold;
}

.member-center-reservation-detail-total {
  font-size: 1.2rem;
  font-weight: bold;
  margin-top: 30px;
}

.member-center-reservation-detail-info-2 .row {
  margin-bottom: 10px;
}

.member-center-reservation-detail-title-2 {
  font-size: 1.2rem;
  font-weight: bold;
  border-top: 1px solid #e3e3e3;
  border-bottom: 1px solid #e3e3e3;
  padding: 10px 0 10px 0;
  margin: 50px 0 20px 0;
  background-color: #f9f9f9;
}

/* Member Center Favorite ===================================================================== */
.member-center-favorite-main .member-center-favorite-list {
  margin-bottom: 30px;
}
.member-center-favorite-main .member-center-favorite-list .member-center-favorite-list-del {
  margin-bottom: 10px;
}
.member-center-favorite-main .member-center-favorite-list .member-center-favorite-list-pic {
  position: relative;
  overflow: hidden;
  width: 100%;
  padding-bottom: 100%;
}
.member-center-favorite-main .member-center-favorite-list .member-center-favorite-list-pic .img-center {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
}
.member-center-favorite-main .member-center-favorite-list .member-center-favorite-list-pic .img-center img {
  max-height: 100%;
}
.member-center-favorite-main .member-center-favorite-list .member-center-favorite-list-title {
  margin-top: 10px;
}
.member-center-favorite-main .member-center-favorite-list .member-center-favorite-list-price {
  margin-top: 5px;
}

/* Member Center Link ===================================================================== */
.member-center-link {
  max-width: 600px;
  margin: 0 auto;
  margin-bottom: 20px;
  padding: 30px 0 10px 0;
  background-color: #f9f9f9;
  border: 1px solid #efefef;
}
.member-center-link input[type=text] {
  border: 1px solid rgba(0, 0, 0, 0.1);
  padding: 7px 10px 7px 10px;
  width: 60%;
  font-size: 15px;
  transition: all 0.5s;
}
.member-center-link input[type=text]::placeholder {
  color: #ccc;
  font-size: 15px;
}
.member-center-link input[type=text]:focus {
  border: 1px solid #e6626c;
}
.member-center-link li {
  list-style: none;
  margin-bottom: 20px;
}

.member-center-link-btn {
  border: none;
  border-radius: 5px;
  padding: 7px 20px;
  color: #fff;
  background-color: #e6626c;
  transition: all 0.5s;
}
.member-center-link-btn:hover {
  background-color: #ff6f79;
}