@charset "UTF-8";
/*
$color-red: #ec1b3b !default;
$color-orange: #ff724c !default;
$color-black: #221e1f !default;
$color-darkgray: #464646 !default;
$color-gray: #767676 !default;
$color-lightgray: #a9a9a9 !default;
$color-darksilver: #d4d4d4 !default;
$color-silver: #efefef !default;
$color-lightsilver: #f6f6f6 !default;
$color-white: #ffffff !default;

@include on-event($self: false);

@include fontstyle($size: null, $line-height: null, $weight: null, $family: null);
@include font-karla($size: 14px, $weight: null, $line-height: null);
$font-h1: 30px, 40px, 700;
@include fontstyle-h1($font-family: null);
$font-h2: 26px, 36px, 700;
@include fontstyle-h2($font-family: null);
$font-h3: 20px, 26px, 700;
@include fontstyle-h3($font-family: null);
$font-h4: 18px, 24px, 700;
@include fontstyle-h4($font-family: null);
$font-base: 15px, 22px, 400;
@include fontstyle-base($font-family: null);
$font-big: 18px, 26px, 400;
@include fontstyle-big($font-family: null);
$font-small: 16px, 22px, 400;
@include fontstyle-small($font-family: null);
$font-smaller: 15px, 20px, 400;
@include fontstyle-smaller($font-family: null);

@include background($x: 0, $y: 0, $url: null, $repeat: no-repeat, $color: null);
@include background-icon($name: null, $x: 0, $y: 0, $width: 40px, $height: 40px, $margin: null, $icon-width: 40px, $icon-height: 40px);
@include background-btn($name: null, $x: 0, $y: 0, $width: 40px, $height: 40px, $margin: null, $icon-width: 40px, $icon-height: 40px);
@include before-icon($x: 0, $y: 0, $width: 40px, $height: 40px, $margin: null);
@include after-icon($x: 0, $y: 0, $width: 40px, $height: 40px, $margin: null);
@include after-btn($x: 0, $y: 0, $width: 40px, $height: 40px, $margin: null);

@include dot($width: $size-dot, $height: $size-dot, $color: $color-darkgray, $margin: null);

@include before-line($width: 1px, $height: 14px, $color: $color-silver, $boxheight: 22px, $margin: null)
@include after-line($width: 1px, $height: 14px, $color: $color-silver, $boxheight: 22px, $margin: null)

@include clear;

@include gradient($direction, $from, $to);
@include box-shadow($x: 12px, $y: 12px, $spread: 15px, $color: rgba(0, 0, 0, .08));

@include border-radius($radius);

@include ellipsis($lines: null);

@include position($top: null, $left: null, $right: null, $bottom: null);
@include position-center($top: 50%, $left: 50%, $x: -50%, $y: -50%);

- button class 순서
btn darkgray fill big
*/
/* mypage common */
.mypage {
  /* orderlist, cancellist */
  /* product-list */
  /* info-area */
  /* step-area */
  /* table-area */
  /* txt-gift */
  /* refund-field */
  /* refund-form */
  /* shipping */
  /* bbs-list */
  /* 팝업 */
}
.mypage #contents > .inner:after {
  clear: both;
  content: "";
  display: table;
}
.mypage #contents > .inner .lnb-area {
  float: left;
  padding-top: 52px;
  width: 240px;
}
.mypage #contents > .inner .lnb-area h2 {
  font-weight: 700;
  font-size: 26px;
  line-height: 36px;
  color: #221e1f;
}
.mypage #contents > .inner .lnb-area h2 a {
  color: #221e1f;
}
.mypage #contents > .inner .lnb-area ul {
  width: 160px;
}
.mypage #contents > .inner .lnb-area ul li {
  position: relative;
  margin-top: 8px;
  border-bottom: 2px solid transparent;
}
.mypage #contents > .inner .lnb-area ul li:first-child {
  margin-top: 24px;
}
.mypage #contents > .inner .lnb-area ul li a {
  font-size: 16px;
  line-height: 38px;
  display: block;
  color: #767676;
}
.mypage #contents > .inner .lnb-area ul li:hover {
  border-bottom-color: #ec1b3b;
}
.mypage #contents > .inner .lnb-area ul li:hover::after {
  position: absolute;
  right: 0;
  bottom: 22px;
  content: "";
  width: 8px;
  height: 8px;
  background-color: #ff724c;
}
.mypage #contents > .inner .lnb-area ul li:hover a {
  color: #ec1b3b;
}
.mypage #contents > .inner .con-area {
  float: left;
  width: 900px;
}
.mypage .point-total {
  margin-top: 18px;
  font-size: 0;
  border-top: 1px solid #d4d4d4;
  border-bottom: 1px solid #d4d4d4;
}
.mypage .point-total li {
  font-size: 18px;
  position: relative;
  display: inline-block;
  width: 50%;
  color: #221e1f;
  text-align: center;
  vertical-align: top;
}
.mypage .point-total li::before {
  position: absolute;
  top: 32px;
  left: 0;
  content: "";
  width: 1px;
  height: 62px;
  background-color: #efefef;
  vertical-align: top;
}
.mypage .point-total li:first-of-type::before {
  display: none;
}
.mypage .point-total li:first-of-type strong {
  color: #ec1b3b;
}
.mypage .point-total li:first-of-type strong em {
  color: #ec1b3b;
}
.mypage .point-total li > dl {
  display: table;
  width: 100%;
  height: 126px;
}
.mypage .point-total li > dl > dt {
  display: table-cell;
  width: 50%;
  vertical-align: middle;
}
.mypage .point-total li > dl > dd {
  display: table-cell;
  width: 50%;
  vertical-align: middle;
}
.mypage .point-total li small {
  display: block;
  color: #767676;
  font-size: 15px;
}
.mypage .point-total li strong {
  font-weight: 400;
  font-size: 20px;
  line-height: 46px;
  display: block;
}
.mypage .point-total li strong em {
  font-weight: 700;
  font-size: 30px;
  font-family: "karla";
  letter-spacing: -0.02em;
}
.mypage.lpoint .form-sort div label, .mypage.reserve .form-sort div label {
  margin-left: 50px;
}
.mypage.lpoint .form-sort div label::before, .mypage.reserve .form-sort div label::before {
  position: absolute;
  top: 4px;
  left: 0;
  content: "";
  width: 1px;
  height: 12px;
  background-color: #d4d4d4;
  vertical-align: top;
}
.mypage.lpoint .form-sort div label:before, .mypage.reserve .form-sort div label:before {
  left: -24px;
}
.mypage.lpoint .form-sort div label:first-child, .mypage.reserve .form-sort div label:first-child {
  margin-left: 0;
}
.mypage.lpoint .form-sort div label:first-child:before, .mypage.reserve .form-sort div label:first-child:before {
  display: none;
}
.mypage .filter-area .inner {
  width: 100%;
}
.mypage .filter-area .inner .form-sort {
  margin-top: 15px;
  padding-bottom: 12px;
}
.mypage .filter-area .inner .form-sort div label {
  margin-left: 22px;
  padding-left: 24px;
}
.mypage .filter-area .inner .form-sort div label::before {
  position: absolute;
  top: 4px;
  left: 0;
  content: "";
  width: 1px;
  height: 12px;
  background-color: #d4d4d4;
  vertical-align: top;
}
.mypage .filter-area .inner .form-sort div label:first-child {
  margin-left: 0;
  padding-left: 0;
}
.mypage .filter-area .inner .form-sort div label:first-child::before {
  display: none;
}
.mypage .filter-area .inner .form-sort div label span {
  font-size: 15px;
}
.mypage .filter-area .inner .select.sort {
  right: 0;
}
.mypage .filter-area.sortbtn {
  padding-bottom: 12px;
}
.mypage .filter-area.sortbtn .btn-more {
  position: absolute;
  top: 17px;
  right: 0;
  font-size: 14px;
  line-height: 24px;
  display: inline-block;
  color: #767676;
}
.mypage .filter-area.sortbtn .btn-more .icon-more {
  height: 24px;
}
.mypage table.list + .nodata {
  padding-top: 149px;
  padding-bottom: 149px;
}
.mypage table.list + .nodata::before {
  transform: translate(-50%, 69px);
}
.mypage .write-area {
  padding: 32px 0;
  border-top: 1px solid #d4d4d4;
  border-bottom: 1px solid #d4d4d4;
}
.mypage .form-entry .btn-preview {
  position: relative;
  display: inline-block;
  width: 40px;
  height: 40px;
  text-align: left;
  text-indent: -9999px;
  vertical-align: top;
}
.mypage .form-entry .btn-preview::after {
  background-image: url("/images/w/common/btn.png");
  display: inline-block;
  background-position: -240px -120px;
  background-repeat: no-repeat;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  content: "";
  width: 40px;
  height: 40px;
}
.mypage .form-entry .btn-preview {
  position: absolute;
  top: auto;
  left: auto;
  right: 137px;
  bottom: 0;
  z-index: 2;
}
.mypage .form-entry .btn-preview.active:after {
  background-position: -280px -120px;
}
.mypage .title-area .order-info {
  position: absolute;
  top: 52px;
  right: 0;
  border-bottom: 1px solid #221e1f;
}
.mypage .title-area .order-info li {
  font-size: 14px;
  line-height: 29px;
  position: relative;
  display: inline-block;
  margin-left: 35px;
}
.mypage .title-area .order-info li:before {
  position: absolute;
  top: 50%;
  left: -8px;
  transform: translate(0, -50%);
  content: "";
  width: 4px;
  height: 4px;
  background-color: #767676;
}
.mypage .title-area .order-info li:first-child {
  margin-left: 8px;
}
.mypage .title-area .order-info li span strong {
  font-weight: 700;
  font-size: 16px;
  line-height: 25px;
  font-family: "karla";
  margin-left: 10px;
  color: #221e1f;
}
.mypage h4.ti {
  font-weight: 400;
  font-size: 20px;
  line-height: 32px;
  color: #221e1f;
}
.mypage h4.write-ti {
  position: absolute;
  top: 20px;
  left: 0;
  font-weight: 400;
  font-size: 20px;
  line-height: 26px;
  color: #221e1f;
}
.mypage .product-list.small .txt-option {
  color: #a9a9a9;
}
.mypage .info-area {
  padding: 12px 0;
  text-align: center;
  background-color: #f6f6f6;
}
.mypage .info-area p,
.mypage .info-area span {
  font-size: 15px;
  line-height: 32px;
}
.mypage .info-area p strong,
.mypage .info-area span strong {
  font-weight: 400;
  color: #464646;
}
.mypage .info-area p strong.reserve,
.mypage .info-area span strong.reserve {
  color: #221e1f;
}
.mypage .info-area span {
  margin-left: 28px;
}
.mypage .info-area span:first-of-type {
  margin-left: 0;
}
.mypage .info-area span + .btn {
  margin-left: 12px;
  width: 80px;
}
.mypage .info-area.coupon {
  position: relative;
  padding-left: 20px !important;
  padding-right: 20px !important;
  text-align: left;
}
.mypage .info-area.coupon span {
  color: #ff724c !important;
}
.mypage .info-area.coupon span strong {
  color: #ff724c !important;
}
.mypage .info-area.coupon .btns {
  position: absolute;
  top: 12px;
  right: 20px;
  display: inline-block;
  margin-top: 0;
  vertical-align: top;
}
.mypage .step-area {
  display: block;
  margin-top: 12px;
  padding: 50px 0 30px;
  min-height: 0;
  border-bottom: 1px solid #efefef;
}
.mypage .step-area ul {
  border: 1px solid #efefef;
  border-radius: 20px;
}
.mypage .step-area ul:after {
  clear: both;
  content: "";
  display: table;
}
.mypage .step-area ul li {
  float: left;
  position: relative;
  width: 20%;
  text-align: center;
  line-height: 30px;
}
.mypage .step-area ul li > span {
  font-size: 14px;
  line-height: 32px;
  display: block;
  position: relative;
  color: #a9a9a9;
  border-radius: 20px;
  z-index: 2;
}
.mypage .step-area ul li.active::before {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-image: url("/images/w/common/icon.png");
  display: inline-block;
  background-position: 0 -160px;
  background-repeat: no-repeat;
  content: "";
  width: 80px;
  height: 80px;
}
.mypage .step-area ul li.active span {
  background: -webkit-linear-gradient(135deg, #ec1b3b, #ff724c);
  background: -moz-linear-gradient(135deg, #ec1b3b, #ff724c);
  background: -o-linear-gradient(135deg, #ec1b3b, #ff724c);
  background: linear-gradient(135deg, #ec1b3b, #ff724c);
  color: #ffffff;
  font-weight: 700;
  box-shadow: 3px 5px 12px 0px rgba(0, 0, 0, 0.15);
}
.mypage .step-area ul li.active:before {
  top: -53px;
  left: calc(50% + 5px);
  transform: translate(-50%, 0);
  background-image: url("/images/w/sub/mypage.png");
  z-index: 1;
}
.mypage .step-area ul li.refuse.active:before {
  background-position: -80px -160px;
}
.mypage .step-area.stepthree {
  padding: 60px 32px 25px;
  margin-top: 0;
  border-top: 0;
  background-color: #f6f6f6;
}
.mypage .step-area.stepthree ul {
  background-color: #ffffff;
}
.mypage .step-area.stepthree ul li {
  width: calc((100% + 69px) / 5);
  margin: 0 73px;
}
.mypage .step-area.stepthree ul li:first-child {
  margin-left: 0;
}
.mypage .step-area.stepthree ul li:last-child {
  margin-right: 0;
}
.mypage .table-area .list tbody tr.besides td {
  padding-bottom: 16px;
}
.mypage .table-area .list tbody tr td {
  padding: 32px 10px;
}
.mypage .table-area .list tbody tr td .product-list.small .baseinfo {
  display: flex;
  align-items: center;
}
.mypage .table-area .list tbody tr td .product-list.small .baseinfo > div {
  display: block;
}
.mypage .table-area .list tbody tr td .product-list.small .baseinfo > div .txt-except {
  font-size: 16px;
  line-height: 22px;
  display: block;
}
.mypage .table-area .list tbody tr td .product-list.small .baseinfo > div .txt-except em {
  color: #ff724c;
}
.mypage .table-area .list tbody tr td .txt-price strong + strong {
  margin-right: 0;
  margin-left: 10px;
}
.mypage .table-area .list tbody tr td .ea-area {
  width: 100px;
}
.mypage .table-area .list tbody tr td.cart {
  padding-right: 0;
  text-align: right;
}
.mypage .table-area .list tbody tr td.cart .btn-cart {
  display: inline-block;
  position: relative;
  width: 40px;
  height: 40px;
  text-indent: -9999px;
}
.mypage .table-area .list tbody tr td.cart .btn-cart::after {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-image: url("/images/w/common/btn.png");
  display: inline-block;
  background-position: -320px -120px;
  background-repeat: no-repeat;
  content: "";
  width: 40px;
  height: 40px;
}
.mypage .table-area .list tbody tr td .btn-estimate,
.mypage .table-area .list tbody tr td .btn-trading {
  font-size: 14px;
  line-height: 22px;
  display: block;
  position: relative;
  padding-left: 38px;
  color: #767676;
}
.mypage .table-area .list tbody tr td .btn-estimate::before,
.mypage .table-area .list tbody tr td .btn-trading::before {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-image: url("/images/w/common/icon.png");
  display: inline-block;
  background-position: -320px -280px;
  background-repeat: no-repeat;
  content: "";
  width: 40px;
  height: 40px;
}
.mypage .table-area .list tbody tr td .btn-estimate::before,
.mypage .table-area .list tbody tr td .btn-trading::before {
  left: 5px;
  transform: translate(0, -50%);
}
.mypage .table-area .list tbody tr td .btn-estimate {
  margin-top: 5px;
}
.mypage .table-area .list.request-product tbody tr:first-child td {
  padding-left: 0;
}
.mypage .table-area .list.request-product .txt-company {
  font-size: 16px;
  line-height: 22px;
  display: block;
  margin-bottom: 18px;
  color: #221e1f;
}
.mypage .reason-area {
  margin-top: 53px;
  padding-top: 17px;
  border-top: 1px solid #d4d4d4;
}
.mypage .reason-area:after {
  clear: both;
  content: "";
  display: table;
}
.mypage .reason-area .ti {
  float: left;
  width: 140px;
}
.mypage .reason-area .write {
  float: left;
}
.mypage .reason-area .write td textarea {
  min-height: 160px;
}
.mypage .txt-gift {
  font-size: 12px;
  line-height: 20px;
  display: inline-block;
  margin-top: 10px;
  color: #ff724c;
}
.mypage .refund-field {
  margin-top: 56px;
}
.mypage .refund-field .refund-info {
  border-top: 1px solid #d4d4d4;
}
.mypage .refund-field .refund-info:after {
  clear: both;
  content: "";
  display: table;
}
.mypage .refund-field .refund-info li {
  float: left;
  width: calc(50% - 80px);
  margin-top: 17px;
}
.mypage .refund-field .refund-info li:after {
  clear: both;
  content: "";
  display: table;
}
.mypage .refund-field .refund-info li:nth-of-type(2) {
  float: right;
}
.mypage .refund-field .refund-info li h4.ti {
  float: left;
  width: 140px;
}
.mypage .refund-field .refund-info li .refund-detail {
  float: left;
  width: calc(100% - 140px);
}
.mypage .refund-field .refund-info li .refund-detail dl {
  display: flex;
  justify-content: space-between;
}
.mypage .refund-field .refund-info li .refund-detail dl dt, .mypage .refund-field .refund-info li .refund-detail dl dd {
  font-size: 14px;
  line-height: 24px;
  flex-grow: 1;
}
.mypage .refund-field .refund-info li .refund-detail dl dd {
  text-align: right;
}
.mypage .refund-field .refund-info li .refund-detail dl dd em {
  font-family: "karla";
}
.mypage .refund-field .refund-info li .refund-detail dl.total + dl {
  margin-top: 5px;
}
.mypage .refund-field .refund-info li .refund-detail dl.total dt {
  font-weight: 700;
  font-size: 15px;
  line-height: 32px;
  color: #221e1f;
}
.mypage .refund-field .refund-info li .refund-detail dl.total dd {
  font-size: 20px;
  line-height: 32px;
  color: #ec1b3b;
}
.mypage .refund-field .refund-info li .refund-detail dl.total dd em {
  font-weight: 700;
  font-size: 24px;
  line-height: 32px;
  font-family: "karla";
}
.mypage .refund-form {
  margin-top: 50px;
  padding-top: 20px;
  border-top: 1px solid #d4d4d4;
}
.mypage .refund-form .refund-cont:after {
  clear: both;
  content: "";
  display: table;
}
.mypage .refund-form .refund-cont h4.ti {
  width: 140px;
  float: left;
}
.mypage .refund-form .refund-cont .form-area {
  width: 375px;
  float: left;
}
.mypage .refund-form .refund-cont .form-area .form-entry {
  margin-top: 8px;
}
.mypage .refund-form .refund-cont .form-area .form-entry:first-of-type {
  margin-top: 0;
}
.mypage .refund-form .txt {
  font-size: 13px;
  line-height: 24px;
  margin-left: 140px;
  padding-top: 12px;
}
.mypage .shipping {
  margin-top: 60px;
  border-top: 1px solid #d4d4d4;
}
.mypage .shipping:after {
  clear: both;
  content: "";
  display: table;
}
.mypage .shipping > strong {
  font-weight: 400;
  font-size: 20px;
  line-height: 60px;
  float: left;
  width: 140px;
  color: #464646;
}
.mypage .shipping .address-cont {
  float: left;
}
.mypage .shipping .address-cont > p {
  font-weight: 700;
  font-size: 18px;
  line-height: 60px;
  color: #221e1f;
}
.mypage .shipping .address-cont > p > span {
  font-weight: 400;
}
.mypage .shipping .address-cont > p > .btn.lightgray.small {
  margin: 14px 0 14px 22px;
  width: 64px;
}
.mypage .shipping .address-cont .user span {
  font-size: 16px;
  line-height: 25px;
  color: #221e1f;
}
.mypage .shipping .address-cont .user span.name {
  position: relative;
  padding-right: 12px;
  margin-right: 12px;
}
.mypage .shipping .address-cont .user span.name::after {
  position: absolute;
  top: 5px;
  left: auto;
  right: 0;
  content: "";
  width: 1px;
  height: 14px;
  background-color: #efefef;
  vertical-align: top;
}
.mypage .shipping .address-cont .user span.name:after {
  background-color: #d4d4d4;
}
.mypage .shipping .address-cont .info p {
  font-size: 15px;
  line-height: 25px;
  margin-top: 5px;
}
.mypage .shipping .address-cont .info p:first-child {
  color: #464646;
}
.mypage .shipping > .btn {
  font-size: 15px;
  line-height: 60px;
  float: right;
  height: 60px;
  border: 0;
}
.mypage .shipping > .btn .icon-more {
  height: 60px;
}
.mypage .shipping > .btn .icon-more:after {
  background-position: 0 0;
}
.mypage .shipping.request-shipping {
  margin: 0;
  padding-top: 17px;
}
.mypage .shipping.request-shipping > strong {
  line-height: 30px;
}
.mypage .shipping.request-shipping .address-cont .base {
  line-height: 30px;
}
.mypage .shipping.request-shipping .address-cont .user {
  margin-top: 14px;
}
.mypage .bbs-list a {
  font-weight: 400;
  font-size: 18px;
  line-height: 26px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: block;
  position: relative;
  padding: 20px 50px 20px 20px;
  color: #221e1f;
  border-bottom: 1px solid #efefef;
}
.mypage .bbs-list a:after {
  position: absolute;
  top: 50%;
  left: auto;
  right: 10px;
  bottom: auto;
  background-image: url("/images/w/common/icon.png");
  display: inline-block;
  background-position: -360px -160px;
  background-repeat: no-repeat;
  content: "";
  transform: translate(0, -50%);
  width: 30px;
  height: 30px;
}
.mypage .popup.popstaffcertify .inner {
  width: 440px;
  min-height: 345px;
}
.mypage .popup.popstaffcertify .inner .email-area:after {
  clear: both;
  content: "";
  display: table;
}
.mypage .popup.popstaffcertify .inner .email-area input[type=text]:first-of-type {
  width: 160px;
}
.mypage .popup.popstaffcertify .inner .email-area input[type=text]:not(:first-of-type) {
  display: block;
}
.mypage .popup.popstaffcertify .inner .email-area > span {
  font-size: 14px;
  line-height: 40px;
  margin: 0 8px;
}
.mypage .popup.popstaffcertify .inner .email-area .select {
  float: right;
  width: 187px;
}
.mypage .popup.popstaffcertify .inner .email-area .select .dropdown .list .scrollbar {
  max-height: 160px;
}
.mypage .popup.popstaffcertify .inner .btnarea .btn {
  background-color: #464646;
}
.mypage .popup.popstaffcertify .inner .inputmsg + .btnarea {
  margin-top: 16px;
}
.mypage .popup.poppwchange .inner .form-entry {
  margin-top: 10px;
}
.mypage .popup.poppwchange .inner .form-entry .btn-preview {
  right: 11px;
}
.mypage .popup.poppwchange .inner .form-entry:first-of-type {
  margin-top: 0;
}
.mypage .popup.poppwchange .inner .btnarea {
  margin-top: 32px;
}

/* lnb active */
.mypage.orderlist #contents > .inner .lnb-area .orderlist, .mypage.cancellist #contents > .inner .lnb-area .cancellist, .mypage.wishlist #contents > .inner .lnb-area .wishlist, .mypage.rafflelist #contents > .inner .lnb-area .rafflelist, .mypage.coupon #contents > .inner .lnb-area .coupon, .mypage.lpoint #contents > .inner .lnb-area .lpoint, .mypage.reserve #contents > .inner .lnb-area .reserve, .mypage.review #contents > .inner .lnb-area .review, .mypage.magazineInquiry #contents > .inner .lnb-area .magazineInquiry, .mypage.inquiry #contents > .inner .lnb-area .inquiry, .mypage.qna #contents > .inner .lnb-area .qna, .mypage.restock #contents > .inner .lnb-area .restock, .mypage.original #contents > .inner .lnb-area .original, .mypage.eventwinning #contents > .inner .lnb-area .eventwinning, .mypage.myinfo #contents > .inner .lnb-area .myinfo, .mypage.address #contents > .inner .lnb-area .myinfo, .mypage.gallery #contents > .inner .lnb-area .gallery, .mypage.notification #contents > .inner .lnb-area .notification, .mypage.mypoint #contents > .inner .lnb-area .point, .mypage.magazine #contents > .inner .lnb-area .magazine, .mypage.editor #contents > .inner .lnb-area .editor, .mypage.editor #contents > .inner .lnb-area .gallery {
  border-bottom-color: #ec1b3b;
}
.mypage.orderlist #contents > .inner .lnb-area .orderlist::after, .mypage.cancellist #contents > .inner .lnb-area .cancellist::after, .mypage.wishlist #contents > .inner .lnb-area .wishlist::after, .mypage.rafflelist #contents > .inner .lnb-area .rafflelist::after, .mypage.coupon #contents > .inner .lnb-area .coupon::after, .mypage.lpoint #contents > .inner .lnb-area .lpoint::after, .mypage.reserve #contents > .inner .lnb-area .reserve::after, .mypage.review #contents > .inner .lnb-area .review::after, .mypage.magazineInquiry #contents > .inner .lnb-area .magazineInquiry::after, .mypage.inquiry #contents > .inner .lnb-area .inquiry::after, .mypage.qna #contents > .inner .lnb-area .qna::after, .mypage.restock #contents > .inner .lnb-area .restock::after, .mypage.original #contents > .inner .lnb-area .original::after, .mypage.eventwinning #contents > .inner .lnb-area .eventwinning::after, .mypage.myinfo #contents > .inner .lnb-area .myinfo::after, .mypage.address #contents > .inner .lnb-area .myinfo::after, .mypage.gallery #contents > .inner .lnb-area .gallery::after, .mypage.notification #contents > .inner .lnb-area .notification::after, .mypage.mypoint #contents > .inner .lnb-area .point::after, .mypage.magazine #contents > .inner .lnb-area .magazine::after, .mypage.editor #contents > .inner .lnb-area .editor::after, .mypage.editor #contents > .inner .lnb-area .gallery::after {
  position: absolute;
  right: 0;
  bottom: 18px;
  content: "";
  width: 8px;
  height: 8px;
  background-color: #ff724c;
}
.mypage.orderlist #contents > .inner .lnb-area .orderlist a, .mypage.cancellist #contents > .inner .lnb-area .cancellist a, .mypage.wishlist #contents > .inner .lnb-area .wishlist a, .mypage.rafflelist #contents > .inner .lnb-area .rafflelist a, .mypage.coupon #contents > .inner .lnb-area .coupon a, .mypage.lpoint #contents > .inner .lnb-area .lpoint a, .mypage.reserve #contents > .inner .lnb-area .reserve a, .mypage.review #contents > .inner .lnb-area .review a, .mypage.magazineInquiry #contents > .inner .lnb-area .magazineInquiry a, .mypage.inquiry #contents > .inner .lnb-area .inquiry a, .mypage.qna #contents > .inner .lnb-area .qna a, .mypage.restock #contents > .inner .lnb-area .restock a, .mypage.original #contents > .inner .lnb-area .original a, .mypage.eventwinning #contents > .inner .lnb-area .eventwinning a, .mypage.myinfo #contents > .inner .lnb-area .myinfo a, .mypage.address #contents > .inner .lnb-area .myinfo a, .mypage.gallery #contents > .inner .lnb-area .gallery a, .mypage.notification #contents > .inner .lnb-area .notification a, .mypage.mypoint #contents > .inner .lnb-area .point a, .mypage.magazine #contents > .inner .lnb-area .magazine a, .mypage.editor #contents > .inner .lnb-area .editor a, .mypage.editor #contents > .inner .lnb-area .gallery a {
  color: #ec1b3b;
}

/* mypage main */
.mypage.main .member-area {
  padding-top: 59px;
}
.mypage.main .member-area.nomember {
  padding-bottom: 34px;
  border-bottom: 1px solid #efefef;
}
.mypage.main .member-area .my-name .user {
  display: inline-block;
  position: relative;
  padding-left: 74px;
  color: #221e1f;
}
.mypage.main .member-area .my-name .user .memclass {
  font-size: 32px;
  line-height: 60px;
}
.mypage.main .member-area .my-name .user .memclass::before {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-image: url("/images/w/common/icon.png");
  display: inline-block;
  background-position: 0 0;
  background-repeat: no-repeat;
  content: "";
  width: 80px;
  height: 80px;
}
.mypage.main .member-area .my-name .user .memclass:before {
  position: absolute;
  top: 5px;
  left: -10px;
  transform: translate(0, 0);
  background-image: url("/images/w/sub/mypage.png");
}
.mypage.main .member-area .my-name .user .memclass.nomember:before {
  background-position: 0 0;
}
.mypage.main .member-area .my-name .user .memclass.welcome:before {
  background-position: -80px 0;
}
.mypage.main .member-area .my-name .user .memclass.bronze:before {
  background-position: -160px 0;
}
.mypage.main .member-area .my-name .user .memclass.silver:before {
  background-position: -240px 0;
}
.mypage.main .member-area .my-name .user .memclass.gold:before {
  background-position: -320px 0;
}
.mypage.main .member-area .my-name .user .memclass.platinum:before {
  background-position: 0 -80px;
}
.mypage.main .member-area .my-name .user .memclass.diamond:before {
  background-position: -80px -80px;
}
.mypage.main .member-area .my-name .user .memclass.lotte:before {
  background-position: 0 -240px;
}
.mypage.main .member-area .my-name .user .memclass.fuji:before {
  background-position: -80px -240px;
}
.mypage.main .member-area .my-name .user .memclass.biz:before {
  background-position: -160px -240px;
}
.mypage.main .member-area .my-name .user .icon-more {
  height: 60px;
}
.mypage.main .member-area .my-name .user .icon-more:after {
  background-position: -160px -40px;
}
.mypage.main .member-area .my-name .member-info {
  display: flex;
  justify-content: space-between;
}
.mypage.main .member-area .my-name .member-info p {
  font-size: 14px;
  line-height: 25px;
  margin-left: 74px;
  color: #a9a9a9;
}
.mypage.main .member-area .my-name .member-info div .grade-txt {
  font-weight: 700;
  font-size: 16px;
  line-height: 25px;
  font-family: "karla";
  display: inline-block;
  margin-right: 4px;
}
.mypage.main .member-area .my-name .member-info div .grade-txt.diamond {
  color: #ec1b3b;
}
.mypage.main .member-area .my-name .member-info div .benefit {
  font-size: 14px;
  line-height: 25px;
  display: inline-block;
  color: #767676;
}
.mypage.main .member-area .my-name .member-info div .benefit .icon-more {
  height: 25px;
}
.mypage.main .member-area .my-name .member-info div .benefit .icon-more:after {
  background-position: -120px -240px;
}
.mypage.main .member-area .my-coupon {
  background: -webkit-linear-gradient(135deg, #ec1b3b, #ff724c);
  background: -moz-linear-gradient(135deg, #ec1b3b, #ff724c);
  background: -o-linear-gradient(135deg, #ec1b3b, #ff724c);
  background: linear-gradient(135deg, #ec1b3b, #ff724c);
  opacity: 0.8;
  margin-top: 27px;
}
.mypage.main .member-area .my-coupon ul:after {
  clear: both;
  content: "";
  display: table;
}
.mypage.main .member-area .my-coupon ul li {
  position: relative;
  float: left;
  width: 25%;
  height: 120px;
}
.mypage.main .member-area .my-coupon ul li::after {
  position: absolute;
  top: -4px;
  left: auto;
  right: 0;
  content: "";
  width: 1px;
  height: 32px;
  background-color: #efefef;
  vertical-align: top;
}
.mypage.main .member-area .my-coupon ul li:after {
  top: 50%;
  transform: translate(0, -50%);
}
.mypage.main .member-area .my-coupon ul li:nth-of-type(3):after, .mypage.main .member-area .my-coupon ul li:last-of-type:after {
  display: none;
}
.mypage.main .member-area .my-coupon ul li a {
  display: block;
  margin-top: 24px;
  text-align: center;
  color: #ffffff;
}
.mypage.main .member-area .my-coupon ul li a.regist {
  position: relative;
  display: block;
  padding-left: 40px;
  margin: 28px auto 0;
  width: 110px;
  line-height: 25px;
}
.mypage.main .member-area .my-coupon ul li a.regist::before {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-image: url("/images/w/common/icon.png");
  display: inline-block;
  background-position: -160px -80px;
  background-repeat: no-repeat;
  content: "";
  width: 40px;
  height: 40px;
}
.mypage.main .member-area .my-coupon ul li a.regist:nth-of-type(2) {
  margin-top: 14px;
}
.mypage.main .member-area .my-coupon ul li a.regist:nth-of-type(2):before {
  background-position: -200px -80px;
}
.mypage.main .member-area .my-coupon ul li a.regist:before {
  position: absolute;
  top: 50%;
  left: 0;
  transform: translate(0, -50%);
  background-image: url("/images/w/sub/mypage.png");
}
.mypage.main .member-area .my-coupon ul li a.regist .icon-more {
  height: 25px;
}
.mypage.main .member-area .my-coupon ul li a.regist .icon-more:after {
  background-position: -200px -240px;
}
.mypage.main .member-area .my-coupon ul li a > em {
  font-weight: 700;
  font-size: 30px;
  line-height: 36px;
  font-family: "karla";
}
.mypage.main .member-area .my-coupon ul li a > span {
  font-size: 15px;
  line-height: 25px;
  display: block;
  margin-top: 7px;
}
.mypage.main .member-area .my-coupon ul li.spoint a {
  font-size: 20px;
  line-height: 25px;
}
.mypage.main .member-area .member-area.nomember {
  padding-bottom: 34px;
  border-bottom: 1px solid #efefef;
}
.mypage.main .my-order {
  display: flex;
  border-bottom: 1px solid #efefef;
}
.mypage.main .my-order > div:first-of-type {
  flex: 1 200px;
}
.mypage.main .my-order > div:first-of-type h3 {
  font-weight: 400;
  font-size: 20px;
  line-height: 25px;
  display: inline-block;
  margin-top: 35px;
  color: #221e1f;
}
.mypage.main .my-order > div:first-of-type a {
  font-size: 14px;
  line-height: 20px;
  display: inline-block;
  margin-left: 50px;
  color: #767676;
  padding: 10px;
}
.mypage.main .my-order > div:first-of-type a .icon-more {
  margin-left: 3px;
  height: 20px;
}
.mypage.main .my-order > div:first-of-type a .icon-more::after {
  margin-top: 1px;
  background-position: -120px -240px;
}
.mypage.main .my-order > div:first-of-type p {
  font-size: 14px;
  line-height: 20px;
  color: #a9a9a9;
}
.mypage.main .my-order > div:nth-of-type(2) {
  flex: 1 700px;
}
.mypage.main .my-order > div ul {
  display: flex;
}
.mypage.main .my-order > div ul li {
  position: relative;
  flex-grow: 1;
  height: 146px;
  text-align: center;
}
.mypage.main .my-order > div ul li::after {
  position: absolute;
  top: -4px;
  left: auto;
  right: 0;
  content: "";
  width: 1px;
  height: 32px;
  background-color: #efefef;
  vertical-align: top;
}
.mypage.main .my-order > div ul li:after {
  top: 50%;
  transform: translate(0, -50%);
}
.mypage.main .my-order > div ul li:last-of-type:after {
  display: none;
}
.mypage.main .my-order > div ul li a {
  display: block;
  margin-top: 40px;
}
.mypage.main .my-order > div ul li a em {
  font-weight: 700;
  font-size: 26px;
  line-height: 30px;
  font-family: "karla";
  color: #ff724c;
}
.mypage.main .my-order > div ul li a .state {
  display: block;
  margin-top: 9px;
  color: #767676;
}
.mypage.main .wish-area {
  padding-top: 18px;
}
.mypage.main .wish-area .wish-ti {
  display: flex;
  justify-content: space-between;
}
.mypage.main .wish-area .wish-ti h3 {
  font-weight: 400;
  font-size: 20px;
  line-height: 60px;
  color: #221e1f;
}
.mypage.main .wish-area .wish-ti a {
  font-size: 14px;
  line-height: 20px;
  margin: 10px 0;
  padding: 10px 0 10px 10px;
  color: #767676;
  z-index: 1;
}
.mypage.main .wish-area .wish-ti a .icon-more {
  height: 20px;
  background-position: 120px 240px;
}
.mypage.main .wish-area .product-list {
  margin-left: -63px;
}
.mypage.main .wish-area .product-list li {
  padding-left: 63px;
  width: 33.3333333333%;
}
.mypage.main .wish-area .product-list li .thumb {
  display: flex;
  align-items: center;
  width: 257px;
  height: 257px;
}

/* mypage orderlist */
.mypage.orderlist {
  /* form-sort */
}
.mypage.orderlist .form-sort {
  margin-top: 35px;
  padding-bottom: 24px;
  width: 480px;
}
.mypage.orderlist .form-sort label {
  display: inline-block;
  width: 25%;
}
.mypage.orderlist .form-sort label + label {
  margin-left: -1px;
}
.mypage.orderlist .form-sort label ~ label > span {
  margin-left: -1px;
}
.mypage.orderlist .form-sort label > span {
  width: 100%;
}
.mypage.orderlist .table-area .list tbody tr .info-area {
  padding: 12px 0;
  height: 56px;
}
.mypage.orderlist .table-area .list tbody tr .info-area p,
.mypage.orderlist .table-area .list tbody tr .info-area span {
  color: #767676;
}
.mypage.orderlist .table-area.history {
  margin-top: 19px;
}
.mypage.orderlist .table-area.history .list td {
  height: auto;
  padding: 0;
}
.mypage.orderlist .table-area.history .list td .product {
  text-align: left;
  min-height: 80px;
  padding: 30px 0;
}
.mypage.orderlist .table-area.history .list td .product .txt-ti {
  font-weight: 400;
  font-size: 16px;
  line-height: 22px;
  color: #464646;
  max-height: 44px;
}
.mypage.orderlist .table-area.history .list td .product .txt-except {
  font-size: 16px;
  line-height: 22px;
  display: block;
}
.mypage.orderlist .table-area.history .list td .product .txt-except em {
  color: #ff724c;
}
.mypage.orderlist .reserve-area {
  padding: 18px 0;
  text-align: center;
  background-color: #f6f6f6;
}
.mypage.orderlist .reserve-area .info-ti {
  font-size: 16px;
  line-height: 20px;
  display: inline-block;
  margin-right: 18px;
  color: #221e1f;
}
.mypage.orderlist .reserve-area span {
  font-size: 15px;
  line-height: 20px;
  position: relative;
  display: inline-block;
  margin-right: 20px;
}
.mypage.orderlist .reserve-area span + span {
  padding-left: 20px;
  margin: 0;
}
.mypage.orderlist .reserve-area span + span::before {
  position: absolute;
  top: 6px;
  left: 0;
  content: "";
  width: 1px;
  height: 12px;
  background-color: #d4d4d4;
  vertical-align: top;
}
.mypage.orderlist .reserve-area span strong {
  font-weight: 400;
  color: #464646;
}
.mypage.orderlist .all-chk {
  margin-top: 24px;
  padding: 14px 0;
}
.mypage.orderlist .all-chk label::before {
  position: absolute;
  top: 5px;
  left: 0;
  content: "";
  width: 1px;
  height: 14px;
  background-color: #efefef;
  vertical-align: top;
}
.mypage.orderlist .all-chk label:first-of-type span:before {
  top: 2px;
}
.mypage.orderlist .all-chk label:before {
  left: 12px;
}
.mypage.orderlist .all-chk label input[type=radio] + span,
.mypage.orderlist .all-chk label input[type=checkbox] + span {
  font-size: 14px;
  line-height: 24px;
  color: #a9a9a9;
}
.mypage.orderlist .all-chk label input[type=radio]:checked + span,
.mypage.orderlist .all-chk label input[type=checkbox]:checked + span {
  color: #221e1f;
}
.mypage.orderlist .all-chk > button {
  font-size: 14px;
  line-height: 24px;
  position: relative;
  display: inline-block;
  padding-left: 24px;
  color: #a9a9a9;
  vertical-align: top;
}
.mypage.orderlist .all-chk > button::before {
  position: absolute;
  top: 5px;
  left: 0;
  content: "";
  width: 1px;
  height: 14px;
  background-color: #d4d4d4;
  vertical-align: top;
}
.mypage.orderlist .all-chk > button::before {
  left: 12px;
}
.mypage.orderlist .product-area {
  border-top: 1px solid #d4d4d4;
  margin-bottom: 60px;
}
.mypage.orderlist .product-area:first-of-type {
  margin: 0;
}
.mypage.orderlist .product-area .shop {
  display: inline-block;
  padding-top: 22px;
  color: #221e1f;
  font-size: 20px;
}
.mypage.orderlist .product-area .product-list.small > li {
  padding: 32px 0;
  border-top: 1px solid #efefef;
}
.mypage.orderlist .product-area .product-list.small > li:after {
  clear: both;
  content: "";
  display: table;
}
.mypage.orderlist .product-area .product-list.small > li:first-of-type {
  border-top: 0;
}
.mypage.orderlist .product-area .product-list.small > li:last-of-type {
  border-bottom: 1px solid #efefef;
}
.mypage.orderlist .product-area .product-list.small > li:not(.photobook) > div > div.product label input[type=checkbox] + span {
  padding-left: 0;
}
.mypage.orderlist .product-area .product-list.small > li:not(.photobook) > div > div.product .baseinfo > a {
  display: inline-block;
}
.mypage.orderlist .product-area .product-list.small > li > div > div {
  display: flex;
  align-items: center;
  min-height: 104px;
}
.mypage.orderlist .product-area .product-list.small > li > div > div.product {
  flex: 1 400px;
}
.mypage.orderlist .product-area .product-list.small > li > div > div.product .baseinfo .txt-ti {
  margin-top: 0;
  padding-right: 0;
}
.mypage.orderlist .product-area .product-list.small > li > div > div.product .baseinfo .txt-option {
  padding-right: 20px;
  margin-top: 6px;
}
.mypage.orderlist .product-area .product-list.small > li > div > div.product .baseinfo .txt-gift {
  margin-top: 7px;
}
.mypage.orderlist .product-area .product-list.small > li > div > div.price {
  position: relative;
  margin-top: 0;
  flex: 1 500px;
}
.mypage.orderlist .product-area .product-list.small > li > div > div.price .txt-price {
  flex: 1 160px;
  text-align: center;
}
.mypage.orderlist .product-area .product-list.small > li > div > div.price .txt-price strong {
  margin-right: 3px;
}
.mypage.orderlist .product-area .product-list.small > li > div > div.price .txt-price strong + strong {
  margin-right: 0;
  margin-left: 3px;
}
.mypage.orderlist .product-area .product-list.small > li > div > div.price .txt-state {
  font-size: 16px;
  line-height: 20px;
  flex: 1 70px;
  text-align: center;
  color: #221e1f;
}
.mypage.orderlist .product-area .product-list.small > li > div > div.price .btn {
  display: block;
  width: 100px;
  margin-right: 40px;
}
.mypage.orderlist .product-area .product-list.small > li > div > div.price .order-btns .btn {
  margin: 4px 40px 4px 0;
}
.mypage.orderlist .product-area .product-list.small > li > div > div.price .order-btns .btn:first-child {
  margin-top: 0;
}
.mypage.orderlist .product-area .product-list.small > li > div > div.price .order-btns .btn:last-child {
  margin-bottom: 0;
}
.mypage.orderlist .product-area .product-list.small > li > div > div.price .btn-cart {
  top: inherit;
  right: -10px;
}
.mypage.orderlist .product-area .product-list.small > li > div > div.price .btn-cart:after {
  background-position: -320px -120px;
}
.mypage.orderlist .product-area .product-list.small > li > div.step-area {
  display: block;
}
.mypage.orderlist .product-area .product-list.small > li .info-area.coupon {
  display: block;
  margin: 20px 0 -32px;
  min-height: auto;
}
.mypage.orderlist .product-area .product-list.small > li .info-area.coupon .btns {
  min-height: auto;
}
.mypage.orderlist .product-area.history .product-list.small li {
  min-height: auto;
}
.mypage.orderlist .product-area.history .product-list.small li .order .product {
  min-height: auto;
}
.mypage.orderlist .product-area.history .product-list.small li .order .product .baseinfo {
  padding-left: 0;
}
.mypage.orderlist .product-area.history .product-list.small li .order .price {
  flex: 1 500px;
  min-height: auto;
}
.mypage.orderlist .product-area.history .product-list.small li .order .price .txt-price {
  flex: 1 300px;
}
.mypage.orderlist .product-area.history .product-list.small li .order .price .txt-state {
  flex: 1 200px;
  text-align: center;
}
.mypage.orderlist .table-area .list tbody tr td:nth-of-type(3) {
  padding-left: 26px;
}
.mypage.orderlist .shipping.nomember-shipping {
  padding-top: 17px;
}
.mypage.orderlist .shipping.nomember-shipping > strong {
  line-height: 30px;
  margin-right: 32px;
}
.mypage.orderlist .shipping.nomember-shipping .address-cont .base {
  line-height: 25px;
}
.mypage.orderlist .shipping.nomember-shipping .address-cont .user {
  margin-top: 14px;
}
.mypage.orderlist .payment-area > strong {
  font-weight: 400;
  font-size: 20px;
  line-height: 60px;
  display: block;
  margin-top: 60px;
  border-top: 1px solid #d4d4d4;
  color: #221e1f;
}
.mypage.orderlist .payment-area ul {
  display: flex;
  margin-top: 8px;
  border-top: 1px solid #efefef;
  border-bottom: 1px solid #efefef;
}
.mypage.orderlist .payment-area ul li {
  flex: 1 25%;
  border-right: 1px solid #efefef;
}
.mypage.orderlist .payment-area ul li:first-child .pay-total:before {
  display: none;
}
.mypage.orderlist .payment-area ul li:last-child {
  border: 0;
}
.mypage.orderlist .payment-area ul li:last-child .pay-total:before {
  background-position: -280px -80px;
}
.mypage.orderlist .payment-area ul li .pay-total {
  position: relative;
  padding-top: 32px;
  height: 120px;
  text-align: center;
  border-bottom: 1px solid #efefef;
}
.mypage.orderlist .payment-area ul li .pay-total::before {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-image: url("/images/w/common/icon.png");
  display: inline-block;
  background-position: -240px -80px;
  background-repeat: no-repeat;
  content: "";
  width: 40px;
  height: 40px;
}
.mypage.orderlist .payment-area ul li .pay-total:before {
  position: absolute;
  top: 50%;
  left: -20px;
  transform: translate(0, -50%);
  background-image: url("/images/w/sub/mypage.png");
}
.mypage.orderlist .payment-area ul li .pay-total span {
  display: block;
  color: #221e1f;
}
.mypage.orderlist .payment-area ul li .pay-total span.ti {
  font-size: 18px;
  line-height: 24px;
}
.mypage.orderlist .payment-area ul li .pay-total span + .txt-price {
  margin-top: 4px;
}
.mypage.orderlist .payment-area ul li .pay-total span + .txt-price strong {
  font-size: 16px;
  line-height: 20px;
  margin-right: 0;
}
.mypage.orderlist .payment-area ul li .pay-total span + .txt-price strong em {
  font-size: 18px;
  line-height: 32px;
}
.mypage.orderlist .payment-area ul li .pay-total span + .txt-price.total {
  margin-top: 0;
}
.mypage.orderlist .payment-area ul li .pay-total span + .txt-price.total strong {
  color: #ec1b3b;
}
.mypage.orderlist .payment-area ul li .pay-total span + .txt-price.total strong em {
  font-size: 26px;
  line-height: 36px;
}
.mypage.orderlist .payment-area ul li .pay-detail {
  padding: 24px 20px;
}
.mypage.orderlist .payment-area ul li .pay-detail dl {
  display: flex;
  justify-content: space-between;
}
.mypage.orderlist .payment-area ul li .pay-detail dl:first-of-type {
  padding-bottom: 0;
}
.mypage.orderlist .payment-area ul li .pay-detail dl:last-of-type {
  padding-bottom: 0;
}
.mypage.orderlist .payment-area ul li .pay-detail dl dt, .mypage.orderlist .payment-area ul li .pay-detail dl dd {
  font-size: 13px;
  line-height: 30px;
  color: #221e1f;
}
.mypage.orderlist .payment-area ul li .pay-detail dl dd em {
  font-weight: 400;
  font-size: 16px;
  line-height: 30px;
  font-family: "karla";
}
.mypage.orderlist .payment-area ul li .pay-detail dl.company {
  margin-bottom: 4px;
}
.mypage.orderlist .payment-area ul li .pay-detail dl.company dt, .mypage.orderlist .payment-area ul li .pay-detail dl.company dd {
  font-size: 12px;
  line-height: 16px;
  color: #767676;
}
.mypage.orderlist .payment-area ul li .pay-detail dl.company dd em {
  font-size: 15px;
  line-height: 16px;
}
.mypage.orderlist .payment-area ul li .pay-credit {
  padding: 24px 20px;
}
.mypage.orderlist .payment-area ul li .pay-credit span {
  font-size: 13px;
  line-height: 20px;
  color: #221e1f;
}
.mypage.orderlist .payment-area ul li .pay-credit span.txt-date {
  color: #767676;
}
.mypage.orderlist .payment-area ul li .btn {
  margin-top: 12px;
}
.mypage.orderlist .payment-area.nomember ul li .pay-detail {
  padding: 24px 40px;
}
.mypage.orderlist .payment-area.nomember ul li .pay-credit {
  position: relative;
  padding: 24px 40px;
}
.mypage.orderlist .payment-area.nomember ul li .pay-credit .txt-date {
  display: block;
}
.mypage.orderlist .payment-area.nomember ul li .pay-credit .btn {
  position: absolute;
  top: 28px;
  right: 40px;
  margin-top: 0;
}
.mypage.orderlist .infotxt {
  margin-top: 50px;
  padding-top: 30px;
  border-top: 1px solid #efefef;
}
.mypage.orderlist .infotxt h5 {
  font-weight: 400;
  font-size: 15px;
  line-height: 32px;
  color: #221e1f;
}
.mypage.orderlist .infotxt > strong {
  display: block;
  margin-top: 10px;
  color: #221e1f;
  font-size: 13px;
  font-weight: 400;
}
.mypage.orderlist .infotxt ul {
  margin-top: 8px;
}
.mypage.orderlist .infotxt ul + strong {
  margin-top: 15px;
}
.mypage.orderlist .infotxt + .btnarea {
  margin-top: 60px;
}
.mypage.orderlist .infotxt + .btnarea .btn {
  width: 240px;
}
.mypage.orderlist .request-write {
  position: relative;
  margin-top: 60px;
  padding: 20px 0 0;
  border-bottom: 0;
}
.mypage.orderlist .request-write .write {
  margin-left: 140px;
  margin-right: inherit;
}
.mypage.orderlist .request-write .write tbody tr td .form-counter textarea {
  height: 160px;
}
.mypage.orderlist .request-write .write tbody tr td .form-entry + .shipping-fee {
  display: none;
}
.mypage.orderlist .request-write .write tbody tr td .form-entry + .shipping-fee em {
  color: #ec1b3b;
}
.mypage.orderlist .request-write .write tbody tr td .form-entry + .shipping-fee.on {
  display: block;
}
.mypage.orderlist .request-shipping {
  margin-top: 56px;
  padding-top: 18px;
}
.mypage.orderlist .request-shipping .address-cont .base {
  line-height: 30px;
}
.mypage.orderlist .request-shipping .address-cont .user {
  margin-top: 14px;
}
.mypage.orderlist .con-area > .btnarea .btn {
  width: 240px;
}
.mypage.orderlist .customer-info {
  margin-top: 56px;
}
.mypage.orderlist .customer-info .address-ti {
  width: 140px;
}
.mypage.orderlist .customer-info .address-cont {
  margin-top: 16px;
}

/* cancellist */
.mypage.cancellist {
  /* form-sort */
}
.mypage.cancellist .form-sort {
  margin-top: 35px;
  padding-bottom: 24px;
  width: 480px;
}
.mypage.cancellist .form-sort label {
  display: inline-block;
  width: 25%;
}
.mypage.cancellist .form-sort label + label {
  margin-left: -1px;
}
.mypage.cancellist .form-sort label ~ label > span {
  margin-left: -1px;
}
.mypage.cancellist .form-sort label > span {
  width: 100%;
}
.mypage.cancellist .title-area {
  position: relative;
}
.mypage.cancellist .title-area .order-info {
  top: 53px;
}
.mypage.cancellist .table-area .list tbody tr td.status {
  text-align: center;
}
.mypage.cancellist .table-area .list tbody tr td.status > span {
  font-size: 16px;
  line-height: 20px;
  display: block;
}
.mypage.cancellist .table-area .list tbody tr td.status .btn {
  margin-top: 11px;
  width: 100px;
}
.mypage.cancellist .table-area .list tbody tr td.cancel-product {
  padding-left: 0;
}
.mypage.cancellist .step-area + .table-area {
  margin-top: 60px;
}
.mypage.cancellist .request-info {
  margin-top: 53px;
  padding-top: 17px;
  border-top: 1px solid #d4d4d4;
}
.mypage.cancellist .request-info:after {
  clear: both;
  content: "";
  display: table;
}
.mypage.cancellist .request-info .ti {
  float: left;
  width: 140px;
}
.mypage.cancellist .request-info > div {
  float: left;
}
.mypage.cancellist .request-info > div dl {
  display: flex;
}
.mypage.cancellist .request-info > div dl dt, .mypage.cancellist .request-info > div dl dd {
  color: #221e1f;
}
.mypage.cancellist .request-info > div dl dt {
  font-size: 15px;
  line-height: 32px;
  margin-right: 40px;
}
.mypage.cancellist .request-info > div dl dd {
  font-size: 16px;
  line-height: 32px;
  text-align: left;
}
.mypage.cancellist .request-info .file-area {
  margin: 7px 0 0 232px;
  width: 376px;
  padding-left: 0;
}
.mypage.cancellist .btnarea {
  margin-top: 43px;
  padding-top: 40px;
  border-top: 1px solid #efefef;
}
.mypage.cancellist .btnarea .btn {
  width: 240px;
}
.mypage.cancellist .request-shipping {
  margin-top: 60px;
  border-top: 1px solid #d4d4d4;
}

/* wishlist */
.mypage.wishlist .con-area .product-list {
  position: relative;
  margin: 0 -10px;
  opacity: 0;
  transition: opacity 0.4s;
}
.mypage.wishlist .con-area .product-list.active {
  opacity: 1;
}
.mypage.wishlist .con-area .product-list li {
  padding: 0 10px 20px;
  width: 25%;
  height: 230px;
}
.mypage.wishlist .con-area .product-list li .thumb {
  height: 210px;
}
.mypage.wishlist .con-area .product-list li.grid-sizer {
  padding: 0;
  width: 25%;
  height: 0;
  overflow: hidden;
}
.mypage.wishlist .con-area .product-list li:nth-of-type(2), .mypage.wishlist .con-area .product-list li:nth-of-type(7), .mypage.wishlist .con-area .product-list li:nth-of-type(5n + 2) {
  width: 50%;
  height: 460px;
}
.mypage.wishlist .con-area .product-list li:nth-of-type(2) .thumb, .mypage.wishlist .con-area .product-list li:nth-of-type(7) .thumb, .mypage.wishlist .con-area .product-list li:nth-of-type(5n + 2) .thumb {
  height: 440px;
}
.mypage.wishlist .con-area .product-list li .btn-del {
  position: relative;
  display: inline-block;
  width: 40px;
  height: 40px;
  text-align: left;
  text-indent: -9999px;
  vertical-align: top;
}
.mypage.wishlist .con-area .product-list li .btn-del::after {
  background-image: url("/images/w/common/btn.png");
  display: inline-block;
  background-position: -160px -40px;
  background-repeat: no-repeat;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  content: "";
  width: 40px;
  height: 40px;
}
.mypage.wishlist .con-area .product-list li .btn-del {
  position: absolute;
  top: 0;
  right: 10px;
  display: none;
}
.mypage.wishlist .con-area .product-list li:hover .btn-del {
  display: block;
}

/* lpoint */
.mypage.lpoint .point-total li {
  width: 100%;
}
.mypage.lpoint .point-total li dd strong {
  margin-top: -11px;
  font-size: 28px;
  font-family: "karla";
}
.mypage.lpoint .point-total li .number-lpoint {
  position: relative;
  display: inline-block;
  line-height: 32px;
}
.mypage.lpoint .point-total li .number-lpoint > .btn {
  width: 48px;
}
.mypage.lpoint .point-total li .number-lpoint dl {
  padding: 0 41px 0 15px;
  font-size: 0;
  background-color: #f6f6f6;
}
.mypage.lpoint .point-total li .number-lpoint dl dt {
  display: inline-block;
  color: #464646;
  font-size: 13px;
  vertical-align: top;
}
.mypage.lpoint .point-total li .number-lpoint dl dd {
  display: inline-block;
  margin-left: 6px;
  color: #767676;
  font-size: 13px;
  vertical-align: top;
}
.mypage.lpoint .point-total li .number-lpoint .btn-del {
  position: relative;
  display: inline-block;
  width: 40px;
  height: 32px;
  text-align: left;
  text-indent: -9999px;
  vertical-align: top;
}
.mypage.lpoint .point-total li .number-lpoint .btn-del::after {
  background-image: url("/images/w/common/btn.png");
  display: inline-block;
  background-position: -80px -40px;
  background-repeat: no-repeat;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  content: "";
  width: 40px;
  height: 40px;
}
.mypage.lpoint .point-total li .number-lpoint .btn-del {
  position: absolute;
  right: 0;
  bottom: 0;
}
.mypage.lpoint .point-total li .check-lpoint {
  padding-top: 3px;
}
.mypage.lpoint .point-total li .check-lpoint .btn {
  width: 48px;
}
.mypage.lpoint .point-total li .check-lpoint p {
  font-size: 13px;
  line-height: 24px;
  margin-top: 4px;
  color: #767676;
}
.mypage.lpoint table.list tbody td:nth-of-type(3) {
  padding-left: 20px;
}
.mypage.lpoint table.list tbody td span {
  margin-top: 5px;
  display: block;
  color: #767676;
}

/* reserve */
.mypage.reserve .point-total {
  margin-top: 0;
}
.mypage.reserve .point-total strong {
  font-size: 20px;
}
.mypage.reserve table.list tbody td:nth-of-type(3) {
  padding-left: 20px;
}
.mypage.reserve table.list tbody td span {
  margin-top: 5px;
  display: block;
  color: #767676;
}

/* restock */
.mypage.restock .infotxt {
  margin-top: -4px;
}
.mypage.restock .product-list {
  margin-top: 37px;
  border-top: 1px solid #efefef;
}
.mypage.restock .product-list li {
  display: flex;
  align-items: center;
  padding: 32px 0;
  border-bottom: 1px solid #efefef;
}
.mypage.restock .product-list li .txt-date {
  flex-shrink: 0;
  width: 138px;
  color: #221e1f;
  font-size: 15px;
  text-align: center;
}
.mypage.restock .product-list li > a {
  flex-shrink: 0;
  width: 358px;
}
.mypage.restock .product-list li > a .baseinfo {
  padding-left: 30px;
}
.mypage.restock .product-list li > a .baseinfo .txt-price del {
  display: block;
  margin-left: 0;
}
.mypage.restock .product-list li .txt-state {
  flex-shrink: 0;
  width: 220px;
  color: #a9a9a9;
  text-align: center;
}
.mypage.restock .product-list li .txt-state.complete {
  color: #221e1f;
}
.mypage.restock .product-list li .btnarea {
  margin-top: 0;
  flex-shrink: 0;
  display: inline-block;
  width: 184px;
  text-align: center;
}
.mypage.restock .product-list li .btnarea .btn {
  width: 140px;
}

/* original */
.mypage.original .infodata {
  padding: 27px 0 26px;
  border-top: 1px solid #d4d4d4;
  border-bottom: 1px solid #d4d4d4;
}
.mypage.original .infodata::before {
  display: none;
}
.mypage.original .infodata p {
  font-size: 15px;
  line-height: 25px;
  color: #221e1f;
}
.mypage.original .infodata a {
  margin-top: 10px;
  display: inline-block;
  line-height: 30px;
  color: #767676;
}
.mypage.original .infodata a .icon-more {
  height: 30px;
}
.mypage.original .infodata a .icon-more::after {
  background-position: 0 0;
}
.mypage.original .register .register-title {
  position: relative;
  margin-top: 22px;
}
.mypage.original .register .register-title strong {
  font-weight: 400;
  font-size: 16px;
  line-height: 50px;
  color: #221e1f;
}
.mypage.original .register .register-title .btn-original {
  position: absolute;
  top: 2px;
  right: 0;
  display: inline-block;
  line-height: 48px;
  color: #767676;
  font-size: 14px;
}
.mypage.original .register .register-title .btn-original .icon-more {
  height: 48px;
}
.mypage.original .register .register-title .btn-original .icon-more::after {
  background-position: 0 0;
}
.mypage.original .popup.popcheckserial .inner {
  width: 388px;
}
.mypage.original .popup.popcheckserial .infotxt img {
  margin-bottom: 17px;
}
.mypage.original .popup.popcheckserial .infotxt ul {
  padding-top: 37px;
  border-top: 1px solid #efefef;
}

/* myinfo */
.mypage.myinfo .con-area {
  /* 개인정보수정 */
  /* 회원탈퇴 */
}
.mypage.myinfo .con-area .cont {
  padding-top: 28px;
  text-align: center;
  border-top: 1px solid #d4d4d4;
  border-bottom: 1px solid #d4d4d4;
}
.mypage.myinfo .con-area .cont p {
  color: #464646;
}
.mypage.myinfo .con-area .cont.certify .btnarea {
  width: 240px;
  margin: 24px auto 32px;
}
.mypage.myinfo .con-area .cont.certify .btnarea a {
  width: 100%;
}
.mypage.myinfo .con-area .cont.password-cont .form-entry {
  width: 470px;
  margin: 20px auto 32px;
}
.mypage.myinfo .con-area .cont.password-cont .form-entry input {
  width: calc(100% - 128px);
  font-size: 14px;
}
.mypage.myinfo .con-area .cont.password-cont .form-entry .btn {
  width: 120px;
  margin-left: 8px;
}
.mypage.myinfo .con-area .cont.password-cont .form-entry.error {
  margin-bottom: 0;
}
.mypage.myinfo .con-area .cont.password-cont .form-entry.error + .inputmsg {
  margin: 4px 0 8px 221px;
  color: #ff724c;
}
.mypage.myinfo .con-area .btn-box {
  display: inline-block;
  margin-top: 60px;
  padding: 30px;
  width: calc(50% - 4px);
  background-color: #f6f6f6;
}
.mypage.myinfo .con-area .btn-box.secession {
  margin-left: 5px;
}
.mypage.myinfo .con-area .btn-box button strong {
  font-weight: 400;
  font-size: 18px;
  line-height: 26px;
}
.mypage.myinfo .con-area .btn-box button .icon-more {
  height: 26px;
}
.mypage.myinfo .con-area .btn-box button .icon-more:after {
  background-position: 0 0;
}
.mypage.myinfo .con-area .btn-box p {
  margin-top: 6px;
  font-size: 14px;
  color: #a9a9a9;
}
.mypage.myinfo .con-area .shipping-btns {
  display: flex;
  margin-top: 52px;
}
.mypage.myinfo .con-area .shipping-btns .btn {
  padding: 20px 38px 20px 24px;
  text-align: left;
  width: calc(50% - 4px);
  height: 90px;
  line-height: inherit;
  border: 0;
  background-color: #f6f6f6;
}
.mypage.myinfo .con-area .shipping-btns .btn strong {
  font-weight: 400;
  font-size: 16px;
  line-height: 25px;
}
.mypage.myinfo .con-area .shipping-btns .btn p {
  font-size: 13px;
  line-height: 22px;
  margin-top: 2px;
  color: #a9a9a9;
}
.mypage.myinfo .con-area .shipping-btns .btn:after {
  position: absolute;
  top: 50%;
  left: auto;
  right: 0;
  bottom: auto;
  background-image: url("/images/w/common/icon.png");
  display: inline-block;
  background-position: 0 0;
  background-repeat: no-repeat;
  content: "";
  transform: translate(0, -50%);
  width: 40px;
  height: 40px;
}
.mypage.myinfo .con-area .write-area table tbody tr:first-of-type th {
  padding: 7px 10px 7px 0;
}
.mypage.myinfo .con-area .write-area table tbody tr:first-of-type td {
  padding-top: 0;
}
.mypage.myinfo .con-area .write-area table tbody tr:nth-of-type(3) td {
  padding-top: 25px;
}
.mypage.myinfo .con-area .write-area table tbody tr:nth-of-type(3) td.birth-area {
  position: relative;
}
.mypage.myinfo .con-area .write-area table tbody tr:nth-of-type(3) td .check-area {
  position: relative;
  display: inline-block;
}
.mypage.myinfo .con-area .write-area table tbody tr:nth-of-type(3) td .check-area label {
  display: inline-block;
}
.mypage.myinfo .con-area .write-area table tbody tr:nth-of-type(3) td .check-area label span {
  color: #221e1f;
}
.mypage.myinfo .con-area .write-area table tbody tr:nth-of-type(3) td .check-area button {
  position: absolute;
  top: 50%;
  right: -26px;
  transform: translate(0, -50%);
  width: 40px;
  height: 40px;
}
.mypage.myinfo .con-area .write-area table tbody tr:nth-of-type(3) td .check-area button .icon-more {
  height: 40px;
}
.mypage.myinfo .con-area .write-area table tbody tr:nth-of-type(3) td .check-area button .icon-more::after {
  background-position: 0 0;
}
.mypage.myinfo .con-area .write-area table tbody tr:nth-of-type(3) td .check-area + .form-birth {
  margin-top: 12px;
}
.mypage.myinfo .con-area .write-area table tbody tr:nth-of-type(3) td .form-entry.form-birth {
  display: flex;
}
.mypage.myinfo .con-area .write-area table tbody tr:nth-of-type(3) td .form-entry.form-birth input {
  border: 0;
  background-color: transparent;
}
.mypage.myinfo .con-area .write-area table tbody tr:nth-of-type(3) td .form-entry.form-birth .inputarea {
  display: flex;
  width: calc(100% - 114px);
  height: 40px;
  border: 1px solid #d4d4d4;
  padding-left: 15px;
}
.mypage.myinfo .con-area .write-area table tbody tr:nth-of-type(3) td .form-entry.form-birth .inputarea.disabled {
  background-color: #f6f6f6;
}
.mypage.myinfo .con-area .write-area table tbody tr:nth-of-type(3) td .form-entry.form-birth .inputarea > span {
  width: 5px;
  color: #a9a9a9;
  font-size: 14px;
  line-height: 38px;
  text-align: center;
}
.mypage.myinfo .con-area .write-area table tbody tr:nth-of-type(3) td .form-entry.form-birth .inputarea input {
  text-align: center;
  font-size: 14px;
}
.mypage.myinfo .con-area .write-area table tbody tr:nth-of-type(3) td .form-entry.form-birth .inputarea input:first-of-type {
  width: 36px;
  padding: 0;
}
.mypage.myinfo .con-area .write-area table tbody tr:nth-of-type(3) td .form-entry.form-birth .inputarea input:nth-of-type(2) {
  padding: 0;
  width: 26px;
}
.mypage.myinfo .con-area .write-area table tbody tr:nth-of-type(3) td .form-entry.form-birth .inputarea input:nth-of-type(3) {
  padding: 0;
  width: 26px;
}
.mypage.myinfo .con-area .write-area table tbody tr:nth-of-type(3) td .form-entry.form-birth .btn {
  width: 106px;
  margin-left: 8px;
}
.mypage.myinfo .con-area .write-area table tbody tr:nth-of-type(3) td p {
  padding-bottom: 10px;
}
.mypage.myinfo .con-area .write-area table tbody tr:nth-of-type(3) td .btn-more {
  position: absolute;
  right: -8px;
  bottom: 6px;
  border: 0;
  background-color: transparent;
}
.mypage.myinfo .con-area .write-area table tbody tr:nth-of-type(5) th, .mypage.myinfo .con-area .write-area table tbody tr:nth-of-type(6) th {
  padding: 30px 0 0 0;
  line-height: 20px;
}
.mypage.myinfo .con-area .write-area table tbody tr:nth-of-type(5) td, .mypage.myinfo .con-area .write-area table tbody tr:nth-of-type(6) td {
  padding-top: 30px;
}
.mypage.myinfo .con-area .write-area table tbody tr th {
  padding: 25px 10px 9px 0;
}
.mypage.myinfo .con-area .write-area table tbody tr td {
  padding-top: 18px;
}
.mypage.myinfo .con-area .write-area table tbody tr td .form-entry.form-btn input {
  width: calc(100% - 114px);
}
.mypage.myinfo .con-area .write-area table tbody tr td .form-entry.form-btn .btn {
  width: 106px;
}
.mypage.myinfo .con-area .write-area table tbody tr td .form-entry.form-btn.delbtn .btn-del {
  right: 120px;
}
.mypage.myinfo .con-area .write-area table tbody tr td .form-entry.form-btn.delbtn .btn-del:after {
  background-position: -240px -40px;
}
.mypage.myinfo .con-area .write-area table tbody tr td .form-entry label + label {
  margin-left: 95px;
}
.mypage.myinfo .con-area .write-area table tbody tr td .form-cert {
  display: none;
  padding-top: 16px;
}
.mypage.myinfo .con-area .write-area table tbody tr td .form-cert .btn-cert {
  padding: 0 8px;
}
.mypage.myinfo .con-area .write-area table tbody tr td .form-cert .btn-cert.active {
  display: block;
}
.mypage.myinfo .con-area .write-area table tbody tr td .form-cert .certitimer {
  position: absolute;
  right: 114px;
  bottom: 0;
  width: 44px;
  height: 44px;
  line-height: 44px;
  font-size: 14px;
  color: #221e1f;
}
.mypage.myinfo .con-area .write-area table tbody tr td .form-cert.active {
  display: block;
}
.mypage.myinfo .con-area.withdrawal .title-area h3 {
  border: 0;
}
.mypage.myinfo .con-area.withdrawal .cont {
  padding-top: 31px;
  border: 0;
}
.mypage.myinfo .con-area.withdrawal .cont p {
  text-align: left;
}
.mypage.myinfo .con-area.withdrawal .infotxt {
  padding: 32px;
  margin-top: 22px;
  background-color: #f6f6f6;
}
.mypage.myinfo .con-area.withdrawal .infotxt .txt-need {
  color: #464646;
}
.mypage.myinfo .con-area.withdrawal .infotxt ul {
  margin-top: 19px;
}
.mypage.myinfo .con-area.withdrawal .infotxt .agree {
  margin-top: 13px;
  padding-top: 16px;
  border-top: 1px solid #d4d4d4;
}
.mypage.myinfo .con-area.withdrawal .infotxt .agree label input[type=checkbox] + span {
  color: #767676;
}
.mypage.myinfo .con-area.withdrawal .check-area {
  margin: 27px 0 40px;
  padding-bottom: 24px;
  border-bottom: 1px solid #efefef;
}
.mypage.myinfo .con-area.withdrawal .check-area .overlab {
  margin-top: 3px;
  color: #a9a9a9;
}
.mypage.myinfo .con-area.withdrawal .check-area .checklist {
  display: flex;
  margin-top: 20px;
}
.mypage.myinfo .con-area.withdrawal .check-area .checklist .list {
  flex: 1;
}
.mypage.myinfo .con-area.withdrawal .check-area .checklist .list ul li {
  margin-top: 15px;
}
.mypage.myinfo .con-area.withdrawal .check-area .checklist .list ul li:first-of-type {
  margin-top: 0;
}
.mypage.myinfo .con-area.withdrawal .check-area .checklist .list .etctext {
  display: none;
  margin-left: 26px;
  width: 400px;
  height: 40px;
  min-height: auto;
}
.mypage.myinfo .con-area.withdrawal .check-area .checklist .list .etctext.active {
  display: block;
}
.mypage.myinfo .con-area.withdrawal .btns {
  margin: 0 auto;
  width: 408px;
}

.mypage.address {
  /* address nodata */
}
.mypage.address .nodata {
  padding: 154px 0 0;
  border-top: 1px solid #d4d4d4;
}
.mypage.address .nodata:before {
  transform: translate(-50%, 72px);
}
.mypage.address .nodata + .btnarea {
  margin-top: 32px;
  text-align: center;
}
.mypage.address .nodata + .btnarea .btn {
  width: 240px;
}

/* inquiry */
.mypage.inquiry {
  /* inquiry nodata */
}
.mypage.inquiry .cont .txt-need.dot strong {
  font-weight: 400;
  color: #221e1f;
}
.mypage.inquiry .count {
  position: relative;
  margin-top: 20px;
  border-bottom: 1px solid #efefef;
}
.mypage.inquiry .count strong {
  font-weight: 400;
  font-size: 15px;
  line-height: 46px;
  position: relative;
  padding: 0 17px;
}
.mypage.inquiry .count strong:first-of-type {
  padding-left: 0;
}
.mypage.inquiry .count strong:last-of-type {
  padding-right: 0;
}
.mypage.inquiry .count strong + strong::before {
  position: absolute;
  top: 6px;
  left: 0;
  content: "";
  width: 1px;
  height: 12px;
  background-color: #d4d4d4;
  vertical-align: top;
}
.mypage.inquiry .count strong em {
  font-size: 16px;
  font-family: "karla";
  color: #ec1b3b;
}
.mypage.inquiry .count .btn {
  position: absolute;
  right: 0;
  bottom: 0;
  font-size: 14px;
  border: 0;
  background-color: transparent;
}
.mypage.inquiry .count .btn .icon-more {
  height: 46px;
}
.mypage.inquiry .count .btn .icon-more:after {
  background-position: 0 -240px;
}
.mypage.inquiry .inquiry-list ul li {
  display: flex;
  text-align: center;
  border-bottom: 1px solid #efefef;
}
.mypage.inquiry .inquiry-list ul li .txt-category {
  font-weight: 700;
  font-size: 15px;
  line-height: 90px;
  flex: 1 156px;
  color: #221e1f;
}
.mypage.inquiry .inquiry-list ul li .txt-area {
  flex: 1 600px;
  margin-left: 60px;
  text-align: left;
}
.mypage.inquiry .inquiry-list ul li .txt-area a {
  display: block;
}
.mypage.inquiry .inquiry-list ul li .txt-area a p {
  display: block;
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  padding-right: 55px;
  margin-top: 19px;
  max-height: 22px;
  font-size: 15px;
  color: #221e1f;
}
.mypage.inquiry .inquiry-list ul li .txt-area a .txt-date {
  margin-top: 6px;
}
.mypage.inquiry .inquiry-list ul li .txt-state {
  font-size: 15px;
  line-height: 90px;
  flex: 1 144px;
  color: #a9a9a9;
}
.mypage.inquiry .inquiry-list ul li .txt-state.finish {
  color: #221e1f;
}
.mypage.inquiry .write-area.inquiry-write .write tbody tr.as, .mypage.inquiry .write-area.inquiry-write .write tbody tr.origin, .mypage.inquiry .write-area.inquiry-write .write tbody tr.asorigin, .mypage.inquiry .write-area.inquiry-write .write tbody tr.partnership {
  display: none;
}
.mypage.inquiry .write-area.inquiry-write .write tbody tr.as.on, .mypage.inquiry .write-area.inquiry-write .write tbody tr.origin.on, .mypage.inquiry .write-area.inquiry-write .write tbody tr.asorigin.on, .mypage.inquiry .write-area.inquiry-write .write tbody tr.partnership.on {
  display: table-row;
}
.mypage.inquiry .write-area.inquiry-write .write tbody tr.filepic {
  display: table-row;
}
.mypage.inquiry .write-area.inquiry-write .write tbody tr.filepic.off {
  display: none;
}
.mypage.inquiry .write-area.inquiry-write .write tbody tr td textarea {
  font-size: 14px;
  line-height: 24px;
  height: 160px;
}
.mypage.inquiry .write-area.inquiry-write .required-area {
  display: none;
  border-top: 1px solid #efefef;
  margin-top: 32px;
  padding-top: 32px;
}
.mypage.inquiry .write-area.inquiry-write .required-area.on {
  display: block;
}
.mypage.inquiry .write-area.inquiry-write .required-area .required {
  width: 520px;
  margin: 0 auto;
}
.mypage.inquiry .write-area.inquiry-write .required-area .required h3 {
  font-size: 15px;
  line-height: 25px;
  color: #221e1f;
}
.mypage.inquiry .write-area.inquiry-write .required-area .required ul li p {
  font-size: 15px;
  line-height: 25px;
  color: #464646;
}
.mypage.inquiry .write-area.inquiry-write .required-area .required ul li p.required-info {
  color: #a9a9a9;
}
.mypage.inquiry .write-area.inquiry-write .required-area .required ul li label {
  display: block;
  margin: 16px 0;
}
.mypage.inquiry .write-area.inquiry-write .required-area .required ul li:last-of-type label {
  margin-bottom: 0;
}
.mypage.inquiry .write-area + .btns .btn {
  width: 200px;
}
.mypage.inquiry .inquiry-detail .ti,
.mypage.inquiry .inquiry-detail .option,
.mypage.inquiry .inquiry-detail .cont {
  padding-left: 32px;
}
.mypage.inquiry .inquiry-detail .ti {
  display: flex;
  justify-content: space-between;
  border-top: 1px solid #efefef;
}
.mypage.inquiry .inquiry-detail .ti strong {
  font-size: 20px;
  line-height: 70px;
  color: #221e1f;
}
.mypage.inquiry .inquiry-detail .ti .txt-date {
  font-size: 15px;
  line-height: 70px;
  padding-right: 32px;
}
.mypage.inquiry .inquiry-detail .option span {
  font-size: 14px;
  line-height: 24px;
  display: block;
  color: #a9a9a9;
}
.mypage.inquiry .inquiry-detail .cont {
  margin-top: 12px;
  padding-top: 25px;
  border-top: 1px solid #efefef;
}
.mypage.inquiry .inquiry-detail .cont p {
  line-height: 28px;
  color: #221e1f;
}
.mypage.inquiry .inquiry-detail .cont .attach {
  margin-top: 24px;
}
.mypage.inquiry .inquiry-detail .cont .attach strong {
  font-weight: 400;
  font-size: 14px;
  line-height: 36px;
  display: inline-block;
  position: relative;
  padding-right: 13px;
  padding-left: 21px;
  margin-right: 10px;
}
.mypage.inquiry .inquiry-detail .cont .attach strong::after {
  position: absolute;
  top: 6px;
  left: auto;
  right: 0;
  content: "";
  width: 1px;
  height: 13px;
  background-color: #d4d4d4;
  vertical-align: top;
}
.mypage.inquiry .inquiry-detail .cont .attach strong::before {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-image: url("/images/w/common/icon.png");
  display: inline-block;
  background-position: 0 0;
  background-repeat: no-repeat;
  content: "";
  width: 40px;
  height: 40px;
}
.mypage.inquiry .inquiry-detail .cont .attach strong:before {
  transform: translate(0, -50%);
  background-position: -40px -280px;
  left: -13px;
}
.mypage.inquiry .inquiry-detail .cont .attach strong:after {
  top: 12px;
}
.mypage.inquiry .inquiry-detail .cont .attach .file {
  display: inline-block;
}
.mypage.inquiry .inquiry-detail .cont .attach .file + .imgfile {
  display: block;
  margin-top: 14px;
  margin-left: 99px;
}
.mypage.inquiry .inquiry-detail .cont .attach .imgfile {
  display: inline-block;
}
.mypage.inquiry .inquiry-detail .cont .attach .imgfile > span {
  display: inline-block;
  width: 120px;
}
.mypage.inquiry .inquiry-detail .cont .attach .imgfile > span + span {
  margin-left: 6px;
}
.mypage.inquiry .inquiry-detail .answer {
  margin-top: 40px;
  padding: 40px;
  background-color: #f6f6f6;
}
.mypage.inquiry .inquiry-detail .answer .answer-ti span {
  font-size: 14px;
  line-height: 24px;
}
.mypage.inquiry .inquiry-detail .answer .answer-ti .answer-badge {
  padding: 0 12px;
  margin-right: 8px;
  display: inline-block;
  background-color: #464646;
  color: #ffffff;
}
.mypage.inquiry .inquiry-detail .answer .answer-cont {
  margin-top: 18px;
  color: #464646;
}
.mypage.inquiry .inquiry-detail .btns .btn {
  width: 200px;
}
.mypage.inquiry .nodata {
  padding-top: 150px;
}
.mypage.inquiry .nodata:before {
  transform: translate(-50%, 70px);
}

/* mypage qna */
.mypage.qna {
  /* qna nodata */
}
.mypage.qna .qna-list {
  border-bottom: 0;
}
.mypage.qna .qna-list ul li > .txt-product {
  font-size: 14px;
  line-height: 20px;
  display: inline-block;
  margin-top: 27px;
  color: #767676;
}
.mypage.qna .qna-list ul li .accordion-ti {
  padding: 0 40px 27px 0;
}
.mypage.qna .qna-list ul li .accordion-ti .txt-product {
  font-size: 14px;
  line-height: 20px;
  color: #767676;
}
.mypage.qna .qna-list ul li .accordion-ti > p {
  font-size: 16px;
  line-height: 24px;
  margin-top: 6px;
}
.mypage.qna .qna-list ul li .accordion-ti .status {
  font-size: 14px;
  line-height: 24px;
  display: block;
  margin-top: 13px;
}
.mypage.qna .qna-list ul li .accordion-ti .status .txt-state + .txt-date {
  position: relative;
  line-height: 24px;
  padding-left: 10px;
  margin-left: 10px;
}
.mypage.qna .qna-list ul li .accordion-ti .status .txt-state + .txt-date::before {
  position: absolute;
  top: 5px;
  left: 0;
  content: "";
  width: 1px;
  height: 14px;
  background-color: #efefef;
  vertical-align: top;
}
.mypage.qna .qna-list ul li .accordion-ti:after {
  top: auto;
  bottom: 18px;
  transform: translate(0, 0) rotate(0);
  background-position: -280px -80px;
}
.mypage.qna .qna-list ul li .accordion-cont {
  padding-top: 0;
  padding-bottom: 27px;
  border-top: 0;
}
.mypage.qna .qna-list ul li .accordion-cont .answer {
  padding: 28px 40px;
  margin-top: 40px;
  background-color: #f6f6f6;
}
.mypage.qna .qna-list ul li .accordion-cont .answer .answer-ti .answer-badge {
  display: inline-block;
  padding: 0 12px;
  line-height: 24px;
  color: #ffffff;
  background-color: #464646;
}
.mypage.qna .qna-list ul li .accordion-cont .answer .answer-ti .answer-badge + .answer-date {
  font-size: 14px;
  line-height: 24px;
  margin-left: 8px;
}
.mypage.qna .qna-list ul li .accordion-cont .answer .answer-cont {
  margin-top: 20px;
  color: #464646;
}
.mypage.qna .qna-list ul li .accordion-cont .qna-btns {
  margin-top: 38px;
}
.mypage.qna .qna-list ul li .accordion-cont .qna-btns button {
  padding: 0 20px;
}
.mypage.qna .qna-list ul li.active .accordion-ti {
  font-weight: 400;
}
.mypage.qna .qna-list ul li.active .accordion-ti:after {
  transform: translate(0, 0) rotate(180deg);
}
.mypage.qna .qna-list + .paginate {
  margin-top: 5px;
}
.mypage.qna .popup.popqnamodify .inner {
  width: 552px;
}
.mypage.qna .popup.popqnamodify .inner .contents main .form-entry input[type=text] {
  font-size: 14px;
}
.mypage.qna .popup.popqnamodify .inner .contents main .form-entry:first-of-type {
  margin-top: 0;
}
.mypage.qna .popup.popqnamodify .inner .contents main .form-counter:after {
  clear: both;
  content: "";
  display: table;
}
.mypage.qna .popup.popqnamodify .inner .contents main .form-counter .counter {
  float: right;
}
.mypage.qna .popup.popqnamodify .inner .contents main .form-counter .counter em {
  color: #221e1f;
}
.mypage.qna .popup.popqnamodify .inner .contents main .form-counter textarea {
  line-height: 24px;
}
.mypage.qna .popup.popqnamodify .inner .contents main .infotxt {
  margin-top: 4px;
}
.mypage.qna .popup.popqnamodify .inner .contents main > .btns {
  margin-top: 30px;
}
.mypage.qna .nodata {
  padding-top: 150px;
  border-top: 1px solid #d4d4d4;
}
.mypage.qna .nodata:before {
  transform: translate(-50%, 70px);
}

/* mypage eventwinning */
.mypage.eventwinning {
  /* popup: popreceiveprizes */
}
.mypage.eventwinning .event-list > ul {
  display: flex;
  position: relative;
  flex-wrap: wrap;
}
.mypage.eventwinning .event-list > ul > li {
  margin-top: 20px;
  width: 440px;
  max-height: 525px;
  border: 1px solid #d4d4d4;
  box-sizing: border-box;
}
.mypage.eventwinning .event-list > ul > li:nth-of-type(1), .mypage.eventwinning .event-list > ul > li:nth-of-type(2) {
  margin-top: 0;
}
.mypage.eventwinning .event-list > ul > li:nth-of-type(2n) {
  margin-left: 20px;
}
.mypage.eventwinning .event-list > ul > li .event-area {
  max-height: 352px;
}
.mypage.eventwinning .event-list > ul > li .event-area .thumb {
  position: relative;
}
.mypage.eventwinning .event-list > ul > li .event-area .thumb img ~ strong {
  position: absolute;
  top: 47px;
  left: 42px;
  font-size: 26px;
  line-height: 36px;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  text-align: left;
  width: 60%;
  max-height: 144px;
  color: #ffffff;
}
.mypage.eventwinning .event-list > ul > li .event-area .event-info {
  padding: 18px 0;
}
.mypage.eventwinning .event-list > ul > li .event-area .event-info .event-ti {
  font-size: 18px;
  line-height: 36px;
  display: block;
  text-align: center;
  color: #221e1f;
}
.mypage.eventwinning .event-list > ul > li .event-area .event-info .event-ti strong {
  display: block;
  padding: 0 32px;
  height: 36px;
  font-weight: 400;
  overflow: hidden;
}
.mypage.eventwinning .event-list > ul > li .event-area .event-info .event-ti + p {
  display: block;
  margin: 0 auto;
  width: calc(100% - 64px);
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  text-align: center;
}
.mypage.eventwinning .event-list > ul > li .event-area .event-info .event-ti + p br {
  display: none;
}
.mypage.eventwinning .event-list > ul > li .event-area .event-info span {
  font-size: 12px;
  line-height: 20px;
  display: block;
  text-align: center;
  color: #a9a9a9;
}
.mypage.eventwinning .event-list > ul > li .winning-area {
  display: flex;
  align-items: center;
  margin: 0 32px;
  min-height: 173px;
  border-top: 1px solid #d4d4d4;
}
.mypage.eventwinning .event-list > ul > li .winning-area > div {
  position: relative;
  width: 100%;
  text-align: center;
}
.mypage.eventwinning .event-list > ul > li .winning-area > div > strong {
  font-size: 18px;
  line-height: 24px;
  display: inline-block;
  position: relative;
  color: #ec1b3b;
}
.mypage.eventwinning .event-list > ul > li .winning-area > div > strong small {
  font-weight: 400;
}
.mypage.eventwinning .event-list > ul > li .winning-area > div .btn-confirm {
  position: absolute;
  top: 0;
  right: 0;
  font-size: 14px;
  line-height: 24px;
}
.mypage.eventwinning .event-list > ul > li .winning-area > div .btn-confirm .icon-more {
  height: 25px;
}
.mypage.eventwinning .event-list > ul > li .winning-area > div .btn-confirm .icon-more:after {
  background-position: -80px -240px;
}
.mypage.eventwinning .event-list > ul > li .winning-area > div .status-area {
  margin-top: 20px;
}
.mypage.eventwinning .event-list > ul > li .winning-area > div .status-area > strong {
  font-size: 18px;
  line-height: 26px;
  color: #221e1f;
}
.mypage.eventwinning .event-list > ul > li .winning-area > div .status-area .info {
  font-size: 12px;
  line-height: 24px;
  display: inline-block;
  margin-top: 3px;
  text-decoration: underline;
  color: #767676;
}
.mypage.eventwinning .event-list > ul > li .winning-area > div .txt {
  font-size: 14px;
  line-height: 22px;
  margin-top: 7px;
  color: #221e1f;
}
.mypage.eventwinning .event-list > ul > li .winning-area > div .btns {
  margin-top: 0;
}
.mypage.eventwinning .event-list > ul > li .winning-area > div .btns .btn {
  width: 184px;
  height: 40px;
}
.mypage.eventwinning .event-list > ul > li .winning-area > div .btns + .txt {
  margin-top: 20px;
}
.mypage.eventwinning .txt-need.dot {
  line-height: 20px;
}
.mypage.eventwinning .txt-need.dot:before {
  top: 8px;
}
.mypage.eventwinning h4 {
  font-weight: 400;
  font-size: 16px;
  line-height: 46px;
  margin-top: 24px;
}
.mypage.eventwinning .write-area .write tbody tr td .price-area .price strong {
  font-weight: 400;
  font-size: 14px;
  line-height: 24px;
  display: inline-block;
  padding-top: 6px;
}
.mypage.eventwinning .write-area .write tbody tr td .price-area .price span {
  display: inline-block;
  margin-left: 32px;
  width: 280px;
  height: 40px;
  vertical-align: middle;
  border: 1px solid #d4d4d4;
}
.mypage.eventwinning .write-area .write tbody tr td .price-area .price span em {
  font-weight: 700;
  font-size: 16px;
  line-height: 38px;
  font-family: "karla";
  margin-left: 16px;
  color: #221e1f;
}
.mypage.eventwinning .write-area .write tbody tr td .cont {
  background-color: #f6f6f6;
}
.mypage.eventwinning .write-area .write tbody tr td .cont p {
  font-size: 13px;
  line-height: 24px;
  text-align: center;
}
.mypage.eventwinning .write-area .write tbody tr td .cont.price-info {
  margin-top: 12px;
  padding: 16px 0;
}
.mypage.eventwinning .write-area .write tbody tr td .cont.infotxt {
  padding: 16px;
}
.mypage.eventwinning .write-area .write.payment {
  margin-top: 32px;
  border-top: 1px solid #efefef;
}
.mypage.eventwinning .write-area .write.payment tbody tr th {
  padding: 10px 10px 10px 0;
}
.mypage.eventwinning .write-area .write.payment tbody tr td {
  font-size: 14px;
  line-height: 24px;
  padding: 10px 10px 10px 0;
  color: #221e1f;
}
.mypage.eventwinning .write-area .write.payment tbody tr:first-of-type th, .mypage.eventwinning .write-area .write.payment tbody tr:first-of-type td {
  padding-top: 27px;
}
.mypage.eventwinning .write-area .write.payment tbody tr:last-of-type th, .mypage.eventwinning .write-area .write.payment tbody tr:last-of-type td {
  padding-bottom: 0;
}
.mypage.eventwinning .write-area .agree-check {
  margin: 28px auto 0;
  width: 516px;
}
.mypage.eventwinning .write-area .agree-check:after {
  clear: both;
  content: "";
  display: table;
}
.mypage.eventwinning .write-area .agree-check label {
  float: right;
}
.mypage.eventwinning .popup.popreceiveprizes .inner {
  width: 388px;
}
.mypage.eventwinning .popup.popreceiveprizes .inner .contents main {
  padding-top: 26px;
}
.mypage.eventwinning .popup.popreceiveprizes .inner .contents main p {
  font-size: 16px;
  line-height: 26px;
}
.mypage.eventwinning .popup.popreceiveprizes .inner .contents main .essential-area {
  padding-top: 13px;
  margin-top: 12px;
  border-top: 1px solid #efefef;
}
.mypage.eventwinning .popup.popreceiveprizes .inner .contents main .essential-area p {
  font-size: 13px;
  line-height: 20px;
}
.mypage.eventwinning .popup.popreceiveprizes .inner .contents main .essential-area p .essential {
  color: #ec1b3b;
}
.mypage.eventwinning .popup.popreceiveprizes .inner .contents main .btns {
  margin-top: 22px;
}
.mypage.eventwinning .popup.popcustomsduty .inner {
  width: 388px;
}
.mypage.eventwinning .popup.popcustomsduty .inner .contents main {
  padding-top: 26px;
}
.mypage.eventwinning .popup.popcustomsduty .inner .contents main p {
  font-size: 16px;
  line-height: 26px;
}
.mypage.eventwinning .popup.popcustomsduty .inner .contents main .customs-txt {
  padding-top: 13px;
  margin-top: 12px;
  border-top: 1px solid #efefef;
}
.mypage.eventwinning .popup.popcustomsduty .inner .contents main .customs-txt p {
  font-size: 13px;
  line-height: 20px;
  text-align: left;
}
.mypage.eventwinning .popup.popcustomsduty .inner .contents main .btnarea {
  margin-top: 22px;
}

/* mypage review */
.mypage.review {
  /* popup: popreview regist*/
}
.mypage.review .review-area .cont {
  margin-top: 24px;
  padding: 28px 0;
  text-align: center;
  background-color: #f6f6f6;
}
.mypage.review .review-area .cont p {
  font-size: 13px;
  line-height: 24px;
}
.mypage.review .review-area .tab-menu {
  margin-top: 24px;
}
.mypage.review .review-area .tab-menu:after {
  clear: both;
  content: "";
  display: table;
}
.mypage.review .review-area .tab-menu .predict-point {
  float: right;
}
.mypage.review .review-area .tab-menu .predict-point span {
  font-size: 14px;
  line-height: 46px;
  display: inline-block;
}
.mypage.review .review-area .tab-menu .predict-point span strong {
  color: #ff724c;
}
.mypage.review .review-area .tab-menu .predict-point span button {
  margin-left: 4px;
  padding: 0;
}
.mypage.review .review-area .tab-menu .predict-point span button .icon-question {
  height: 49px;
}
.mypage.review .review-area .tab-menu .predict-point span button .icon-question:after {
  background-position: -80px -280px;
}
.mypage.review .review-area .regist .product-list.small li {
  padding: 32px 0;
  border-bottom: 1px solid #efefef;
}
.mypage.review .review-area .regist .product-list.small li > div .baseinfo {
  padding-left: 32px;
  width: calc(100% - 244px);
}
.mypage.review .review-area .regist .product-list.small li > div .baseinfo + .btn {
  width: 140px;
}
.mypage.review .review-area .regist .product-list.small li > div .baseinfo span.txt-option {
  margin-top: 4px;
}
.mypage.review .review-area .regist .product-list.small li > div .baseinfo span.confirm, .mypage.review .review-area .regist .product-list.small li > div .baseinfo span.expiry, .mypage.review .review-area .regist .product-list.small li > div .baseinfo span.month {
  font-size: 14px;
  line-height: 20px;
  display: block;
}
.mypage.review .review-area .regist .product-list.small li > div .baseinfo span.confirm strong, .mypage.review .review-area .regist .product-list.small li > div .baseinfo span.expiry strong, .mypage.review .review-area .regist .product-list.small li > div .baseinfo span.month strong {
  color: #ff724c;
}
.mypage.review .review-area .regist .product-list.small li > div .baseinfo span.confirm {
  margin-top: 16px;
}
.mypage.review .review-area .written .review-list {
  border-top: 0;
}
.mypage.review .review-area .written .review-list ul li > a {
  display: inline-block;
  padding-top: 26px;
}
.mypage.review .review-area .written .review-list ul li .txt-ti {
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
}
.mypage.review .review-area .written .review-list ul li .txt-option {
  font-size: 14px;
  line-height: 20px;
  margin-top: 2px;
  color: #a9a9a9;
}
.mypage.review .review-area .written .review-list ul li .accordion-ti {
  padding: 17px 0 30px;
}
.mypage.review .review-area .written .review-list ul li .accordion-ti .review-photo {
  top: auto;
  bottom: 28px;
}
.mypage.review .review-area .written .review-list ul li .accordion-ti .grade-area .month-badge {
  font-size: 10px;
  line-height: 18px;
  display: inline-block;
  padding: 0 6px;
  color: #ffffff;
  background-color: #ff724c;
  margin-right: 7px;
}
.mypage.review .review-area .written .review-list ul li .accordion-ti .grade-area .grade-star .icon-star {
  vertical-align: middle;
}
.mypage.review .review-area .written .review-list ul li .accordion-ti .grade-area + .txt-subject {
  margin-top: 8px;
}
.mypage.review .review-area .written .review-list ul li .accordion-ti .grade-area + .txt-subject + .txt-date {
  margin-top: 11px;
}
.mypage.review .review-area .written .review-list ul li .accordion-cont .review-photo {
  margin-top: 20px;
}
.mypage.review .review-area .written .review-list ul li .accordion-cont .review-btns {
  margin-top: 24px;
}
.mypage.review .review-area .written .review-list ul li .accordion-cont .review-btns .btn {
  width: 64px;
}
.mypage.review .popup.popreview .inner {
  width: 728px;
}
.mypage.review .popup.popreview .inner .contents main .grade {
  margin-top: 22px;
  padding-top: 32px;
  text-align: center;
  border-top: 1px solid #efefef;
}
.mypage.review .popup.popreview .inner .contents main .grade strong {
  font-size: 26px;
  color: #221e1f;
}
.mypage.review .popup.popreview .inner .contents main .grade .grade-star {
  margin: 20px auto 0;
}
.mypage.review .popup.popreview .inner .contents main .form-entry.form-counter:after {
  clear: both;
  content: "";
  display: table;
}
.mypage.review .popup.popreview .inner .contents main .form-entry.form-counter .counter {
  float: right;
}
.mypage.review .popup.popreview .inner .contents main .form-entry.form-counter .counter em {
  color: #221e1f;
}
.mypage.review .popup.popreview .inner .contents main .form-entry.form-counter textarea {
  height: 160px;
}
.mypage.review .popup.popreview .inner .contents main .form-entry.form-public label {
  display: inline-block;
  margin-top: 9px;
  margin-bottom: 6px;
}
.mypage.review .popup.popreview .inner .contents main .form-entry .txt-need.dot + .txt-need.dot {
  margin-top: 0;
}
.mypage.review .popup.popreview .inner .contents main .btnarea {
  margin-top: 20px;
  padding-top: 25px;
  border-top: 1px solid #efefef;
}
.mypage.review .popup.popreview .inner .contents main .btnarea .btn {
  width: 200px;
}
.mypage.review .nodata {
  padding-top: 156px;
}
.mypage.review .nodata:before {
  transform: translate(-50%, 75px);
}

/* coupon */
.mypage.coupon {
  /* nodata */
}
.mypage.coupon .register-area {
  padding: 28px 0 29px;
  border-top: 1px solid #d4d4d4;
  border-bottom: 1px solid #d4d4d4;
}
.mypage.coupon .register-area .register-inner {
  margin: 0 auto;
  width: 470px;
  text-align: center;
}
.mypage.coupon .register-area .register-inner .txt {
  line-height: 25px;
  color: #221e1f;
}
.mypage.coupon .register-area .register-inner .form-entry.form-btn input {
  width: calc(100% - 128px);
  font-size: 14px;
}
.mypage.coupon .register-area .register-inner .form-entry.form-btn .btn {
  width: 120px;
  margin-left: 8px;
}
.mypage.coupon .register-area .register-inner .form-entry.form-btn.error + .inputmsg {
  margin-left: 0;
}
.mypage.coupon .tab-area {
  position: relative;
}
.mypage.coupon .tab-area .btn-coupon {
  position: absolute;
  top: 0;
  right: 0;
  padding-right: 18px;
  line-height: 46px;
  color: #221e1f;
}
.mypage.coupon .tab-area .btn-coupon::after {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-image: url("/images/w/common/icon.png");
  display: inline-block;
  background-position: -40px -320px;
  background-repeat: no-repeat;
  content: "";
  width: 40px;
  height: 40px;
}
.mypage.coupon .tab-area .btn-coupon::after {
  left: auto;
  right: -14px;
  transform: translate(0, -50%);
}
.mypage.coupon .tab-area .btn-allcoupon {
  position: absolute;
  top: 0;
  right: 105px;
  padding-right: 20px;
  line-height: 46px;
  color: #221e1f;
}
.mypage.coupon .tab-area .btn-allcoupon::after {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-image: url("/images/w/common/icon.png");
  display: inline-block;
  background-position: -160px -120px;
  background-repeat: no-repeat;
  content: "";
  width: 40px;
  height: 40px;
}
.mypage.coupon .tab-area .btn-allcoupon::after {
  left: auto;
  right: -12px;
  transform: translate(0, -50%);
  background-image: url("/images/w/sub/mypage.png");
}
.mypage.coupon .coupon-area .coupon-list {
  display: flex;
  flex-wrap: wrap;
}
.mypage.coupon .coupon-area .coupon-list > li {
  margin-top: 20px;
  width: calc(50% - 10px);
  border: 1px solid #d4d4d4;
  border-bottom-right-radius: 40px;
}
.mypage.coupon .coupon-area .coupon-list > li:nth-child(1), .mypage.coupon .coupon-area .coupon-list > li:nth-child(2) {
  margin-top: 32px;
}
.mypage.coupon .coupon-area .coupon-list > li:nth-child(2n) {
  margin-left: 20px;
}
.mypage.coupon .coupon-area .coupon-list > li div .txt,
.mypage.coupon .coupon-area .coupon-list > li button .txt {
  padding-top: 28px;
  overflow: hidden;
  white-space: normal;
  height: 75px;
}
.mypage.coupon .coupon-area .coupon-list > li div .txt small,
.mypage.coupon .coupon-area .coupon-list > li button .txt small {
  position: absolute;
  top: 18px;
  left: 30px;
  margin-bottom: 0;
}
.mypage.coupon .coupon-area .coupon-list > li > div {
  padding-right: 0;
}
.mypage.coupon .coupon-area .coupon-list > li > div .infotxt li.item {
  position: relative;
  padding-right: 90px;
}
.mypage.coupon .coupon-area .coupon-list > li > div .infotxt li.item .btn-exception,
.mypage.coupon .coupon-area .coupon-list > li > div .infotxt li.item .btn-apply {
  position: absolute;
  right: 19px;
  bottom: 0;
  display: inline-block;
  padding: 0;
  width: auto;
  line-height: 20px;
}
.mypage.coupon .coupon-area .coupon-list > li > div .infotxt li.item .btn-exception::after,
.mypage.coupon .coupon-area .coupon-list > li > div .infotxt li.item .btn-apply::after {
  display: none;
}
.mypage.coupon .coupon-area .coupon-list > li > div .infotxt li.item .btn-exception .icon-more,
.mypage.coupon .coupon-area .coupon-list > li > div .infotxt li.item .btn-apply .icon-more {
  height: 20px;
}
.mypage.coupon .eventbanner-swiper {
  margin-top: 30px;
}
.mypage.coupon .nodata .btn {
  margin-top: 34px;
  width: 240px;
}
.mypage.coupon .popup.popcouponapplypro .contents main {
  padding-left: 0;
  padding-right: 0;
}
.mypage.coupon .popup.popcouponapplypro .contents main .apply-list ul li {
  border-bottom: 1px solid #efefef;
}
.mypage.coupon .popup.popcouponapplypro .contents main .apply-list ul li:first-child {
  border-top: 1px solid #efefef;
}
.mypage.coupon .popup.popcouponapplypro .contents main .apply-list ul li a {
  font-size: 14px;
  line-height: 20px;
  display: block;
  padding: 22px 32px 23px;
  color: #464646;
}

/* review popreviewreserve */
.popup.popreviewreserve .inner {
  width: 552px;
}
.popup.popreviewreserve .inner .contents main {
  padding-top: 0;
  padding-left: 0;
  padding-right: 0;
  overflow-x: hidden;
}
.popup.popreviewreserve .banner-area {
  position: relative;
  padding: 80px 0;
  background-color: #efefef;
}
.popup.popreviewreserve .banner-area .tit {
  font-size: 58px;
  line-height: 74px;
  color: #221e1f;
}
.popup.popreviewreserve .banner-area .tit::before {
  position: absolute;
  top: 195px;
  right: 22px;
  content: "";
  width: 15px;
  height: 15px;
  border-radius: 50%;
  background-color: #f8d770;
  z-index: 1;
}
.popup.popreviewreserve .banner-area .tit::after {
  position: absolute;
  top: 194px;
  right: -20px;
  content: "";
  width: 55px;
  height: 55px;
  border-radius: 50%;
  background-color: #ffffff;
}
.popup.popreviewreserve .banner-area .sub-tit {
  font-size: 24px;
  line-height: 36px;
  color: #221e1f;
}
.popup.popreviewreserve .banner-area .sub-tit::before {
  position: absolute;
  top: 111px;
  left: 20px;
  content: "";
  width: 29px;
  height: 29px;
  border-radius: 50%;
  background-color: #ff6379;
}
.popup.popreviewreserve .banner-area .sub-tit strong {
  color: #ff3a56;
}
.popup.popreviewreserve .banner-area .sub-tit strong em {
  line-height: 36px;
  font-weight: 700;
  font-size: 27px;
  font-family: "karla";
  letter-spacing: -0.02em;
}
.popup.popreviewreserve .banner-area .i {
  position: absolute;
  top: 12px;
  right: 112px;
  background-image: url("/images/w/sub/review.png");
  display: inline-block;
  background-position: 0 0;
  background-repeat: no-repeat;
  display: block;
  width: 37px;
  height: 37px;
}
.popup.popreviewreserve .banner-area .i2 {
  top: 29px;
  right: 24px;
  width: 88px;
  height: 89px;
  background-position: 0 -40px;
}
.popup.popreviewreserve .banner-area .i3 {
  top: 0;
  right: auto;
  left: 21px;
  width: 89px;
  height: 69px;
  background-position: -320px 0;
}
.popup.popreviewreserve .banner-area .i4 {
  top: auto;
  right: auto;
  left: 0;
  bottom: -23px;
  width: 114px;
  height: 96px;
  background-position: -200px -40px;
}
.popup.popreviewreserve .banner-area .i5 {
  top: auto;
  right: auto;
  left: 58px;
  bottom: 53px;
  width: 32px;
  height: 30px;
  background-position: -80px 0;
}
.popup.popreviewreserve .banner-area .i6 {
  top: auto;
  right: 58px;
  bottom: 58px;
  width: 26px;
  height: 29px;
  background-position: -40px 0;
}
.popup.popreviewreserve .banner-area .i7 {
  top: auto;
  right: 0;
  bottom: -21px;
  width: 52px;
  height: 69px;
  background-position: -120px -40px;
}
.popup.popreviewreserve .reserve-step {
  padding: 80px 32px;
  background-color: #f6f6f6;
}
.popup.popreviewreserve .reserve-step ul li + li {
  margin-top: 46px;
}
.popup.popreviewreserve .reserve-step ul li > strong {
  position: relative;
  display: inline-block;
  font-size: 0;
  text-indent: -9999px;
}
.popup.popreviewreserve .reserve-step ul li > strong::before {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-image: url("/images/w/common/icon.png");
  display: inline-block;
  background-position: 0 -280px;
  background-repeat: no-repeat;
  content: "";
  width: 113px;
  height: 29px;
}
.popup.popreviewreserve .reserve-step ul li > strong::before {
  background-image: url("/images/w/sub/review.png");
}
.popup.popreviewreserve .reserve-step ul li > strong + div {
  margin-top: 15px;
}
.popup.popreviewreserve .reserve-step ul li div {
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.18);
  border-radius: 38px;
  background-color: #ffffff;
}
.popup.popreviewreserve .reserve-step ul li div p {
  font-size: 22px;
  line-height: 36px;
  position: relative;
  padding: 55px 0 55px 150px;
  text-align: left;
  color: #221e1f;
}
.popup.popreviewreserve .reserve-step ul li div p::before {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-image: url("/images/w/common/icon.png");
  display: inline-block;
  background-position: -320px -280px;
  background-repeat: no-repeat;
  content: "";
  width: 106px;
  height: 98px;
}
.popup.popreviewreserve .reserve-step ul li div p::after {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-image: url("/images/w/common/icon.png");
  display: inline-block;
  background-position: -120px 0;
  background-repeat: no-repeat;
  content: "";
  width: 29px;
  height: 25px;
}
.popup.popreviewreserve .reserve-step ul li div p::before {
  position: absolute;
  top: 50%;
  left: 29px;
  transform: translate(0, -50%);
  background-image: url("/images/w/sub/review.png");
}
.popup.popreviewreserve .reserve-step ul li div p::after {
  position: absolute;
  top: auto;
  left: 50%;
  bottom: -21px;
  transform: translate(-50%, 0);
  background-image: url("/images/w/sub/review.png");
}
.popup.popreviewreserve .reserve-step ul li div p span {
  line-height: 32px;
  font-weight: 700;
  font-size: 25px;
  font-family: "karla";
  letter-spacing: -0.02em;
  display: inline-block;
}
.popup.popreviewreserve .reserve-step ul li div p strong {
  line-height: 32px;
  font-weight: 700;
  font-size: 25px;
  font-family: "karla";
  letter-spacing: -0.02em;
  color: #ff3a56;
}
.popup.popreviewreserve .reserve-step ul li:nth-child(2) > div p {
  padding-top: 30px;
  padding-bottom: 30px;
}
.popup.popreviewreserve .reserve-step ul li:nth-child(2) > div p:first-of-type::before {
  background-position: -120px -160px;
}
.popup.popreviewreserve .reserve-step ul li:nth-child(2) > div p:nth-of-type(2)::before {
  width: 101px;
  background-position: 0 -160px;
}
.popup.popreviewreserve .reserve-step ul li:nth-child(2) strong::before {
  width: 122px;
  background-position: -120px -280px;
}
.popup.popreviewreserve .reserve-step ul li:nth-child(3) > div p::before {
  background-position: -240px -160px;
}
.popup.popreviewreserve .reserve-step ul li:nth-child(3) strong::before {
  width: 122px;
  background-position: 0 -320px;
}
.popup.popreviewreserve .infotxt {
  padding: 32px 32px 0;
  text-align: left;
}
.popup.popreviewreserve .infotxt strong {
  font-weight: 700;
  font-size: 13px;
  line-height: 24px;
  color: #464646;
}
.popup.popreviewreserve .infotxt strong i {
  height: 24px;
}
.popup.popreviewreserve .infotxt ul li {
  line-height: 24px;
  margin-top: 0;
}
.popup.popreviewreserve .infotxt ul li:first-of-type {
  margin-top: 5px;
}

/* inquiry */
.mypage.magazineInquiry {
  /* inquiry nodata */
}
.mypage.magazineInquiry .cont .txt-need.dot strong {
  font-weight: 400;
  color: #1e1e1e;
}
.mypage.magazineInquiry .count {
  position: relative;
  margin-top: 20px;
  /*$color-silver*/
  border-bottom: 1px solid #efefef;
}
.mypage.magazineInquiry .count strong {
  font-weight: 400;
  font-size: 15px;
  line-height: 46px;
  position: relative;
  padding: 0 17px;
}
.mypage.magazineInquiry .count strong:first-of-type {
  padding-left: 0;
}
.mypage.magazineInquiry .count strong:last-of-type {
  padding-right: 0;
}
.mypage.magazineInquiry .count strong + strong::before {
  position: absolute;
  top: 6px;
  left: 0;
  content: "";
  width: 1px;
  height: 12px;
  background-color: #d4d4d4;
  vertical-align: top;
}
.mypage.magazineInquiry .count strong em {
  font-size: 16px;
  font-family: karla;
  color: #ec1b3b;
}
.mypage.magazineInquiry .count .btn {
  position: absolute;
  right: 0;
  bottom: 0;
  font-size: 14px;
  border: 0;
  background-color: transparent;
}
.mypage.magazineInquiry .count .btn .icon-more {
  height: 46px;
}
.mypage.magazineInquiry .count .btn .icon-more:after {
  background-position: 0 -240px;
}
.mypage.magazineInquiry .inquiry-list ul li {
  display: flex;
  text-align: center;
  border-bottom: 1px solid #efefef;
}
.mypage.magazineInquiry .inquiry-list ul li .txt-category {
  font-weight: 700;
  font-size: 15px;
  line-height: 90px;
  flex: 1 156px;
  color: #221e1f;
}
.mypage.magazineInquiry .inquiry-list ul li .txt-area {
  flex: 1 600px;
  margin-left: 60px;
  text-align: left;
}
.mypage.magazineInquiry .inquiry-list ul li .txt-area a {
  display: block;
}
.mypage.magazineInquiry .inquiry-list ul li .txt-area a p {
  display: block;
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  padding-right: 55px;
  margin-top: 19px;
  max-height: 22px;
  font-size: 15px;
  color: #221e1f;
}
.mypage.magazineInquiry .inquiry-list ul li .txt-area a .txt-date {
  margin-top: 6px;
}
.mypage.magazineInquiry .inquiry-list ul li .txt-state {
  font-size: 15px;
  line-height: 90px;
  flex: 1 144px;
  color: #a9a9a9;
}
.mypage.magazineInquiry .inquiry-list ul li .txt-state.finish {
  color: #221e1f;
}
.mypage.magazineInquiry .write-area.inquiry-write .write tbody tr.as, .mypage.magazineInquiry .write-area.inquiry-write .write tbody tr.origin, .mypage.magazineInquiry .write-area.inquiry-write .write tbody tr.asorigin, .mypage.magazineInquiry .write-area.inquiry-write .write tbody tr.partnership {
  display: none;
}
.mypage.magazineInquiry .write-area.inquiry-write .write tbody tr.as.on, .mypage.magazineInquiry .write-area.inquiry-write .write tbody tr.origin.on, .mypage.magazineInquiry .write-area.inquiry-write .write tbody tr.asorigin.on, .mypage.magazineInquiry .write-area.inquiry-write .write tbody tr.partnership.on {
  display: table-row;
}
.mypage.magazineInquiry .write-area.inquiry-write .write tbody tr.filepic {
  display: table-row;
}
.mypage.magazineInquiry .write-area.inquiry-write .write tbody tr.filepic.off {
  display: none;
}
.mypage.magazineInquiry .write-area.inquiry-write .write tbody tr td textarea {
  font-size: 14px;
  line-height: 24px;
  height: 160px;
}
.mypage.magazineInquiry .write-area.inquiry-write .required-area {
  display: none;
  border-top: 1px solid #efefef;
  margin-top: 32px;
  padding-top: 32px;
}
.mypage.magazineInquiry .write-area.inquiry-write .required-area.on {
  display: block;
}
.mypage.magazineInquiry .write-area.inquiry-write .required-area .required {
  width: 520px;
  margin: 0 auto;
}
.mypage.magazineInquiry .write-area.inquiry-write .required-area .required h3 {
  font-size: 15px;
  line-height: 25px;
  color: #221e1f;
}
.mypage.magazineInquiry .write-area.inquiry-write .required-area .required ul li p {
  font-size: 15px;
  line-height: 25px;
  color: #464646;
}
.mypage.magazineInquiry .write-area.inquiry-write .required-area .required ul li p.required-info {
  color: #a9a9a9;
}
.mypage.magazineInquiry .write-area.inquiry-write .required-area .required ul li label {
  display: block;
  margin: 16px 0;
}
.mypage.magazineInquiry .write-area.inquiry-write .required-area .required ul li:last-of-type label {
  margin-bottom: 0;
}
.mypage.magazineInquiry .write-area + .btns .btn {
  width: 200px;
}
.mypage.magazineInquiry .inquiry-detail .ti,
.mypage.magazineInquiry .inquiry-detail .option,
.mypage.magazineInquiry .inquiry-detail .cont {
  padding-left: 32px;
}
.mypage.magazineInquiry .inquiry-detail .ti {
  display: flex;
  justify-content: space-between;
  border-top: 1px solid #efefef;
}
.mypage.magazineInquiry .inquiry-detail .ti strong {
  font-size: 20px;
  line-height: 70px;
  color: #221e1f;
}
.mypage.magazineInquiry .inquiry-detail .ti .txt-date {
  font-size: 15px;
  line-height: 70px;
  padding-right: 32px;
}
.mypage.magazineInquiry .inquiry-detail .option span {
  font-size: 14px;
  line-height: 24px;
  display: block;
  color: #a9a9a9;
}
.mypage.magazineInquiry .inquiry-detail .cont {
  margin-top: 12px;
  padding-top: 25px;
  border-top: 1px solid #efefef;
}
.mypage.magazineInquiry .inquiry-detail .cont p {
  line-height: 28px;
  color: #221e1f;
}
.mypage.magazineInquiry .inquiry-detail .cont .attach {
  margin-top: 24px;
}
.mypage.magazineInquiry .inquiry-detail .cont .attach strong {
  font-weight: 400;
  font-size: 14px;
  line-height: 36px;
  display: inline-block;
  position: relative;
  padding-right: 13px;
  padding-left: 21px;
  margin-right: 10px;
}
.mypage.magazineInquiry .inquiry-detail .cont .attach strong::after {
  position: absolute;
  top: 6px;
  left: auto;
  right: 0;
  content: "";
  width: 1px;
  height: 13px;
  background-color: #d4d4d4;
  vertical-align: top;
}
.mypage.magazineInquiry .inquiry-detail .cont .attach strong::before {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-image: url("/images/w/common/icon.png");
  display: inline-block;
  background-position: 0 0;
  background-repeat: no-repeat;
  content: "";
  width: 40px;
  height: 40px;
}
.mypage.magazineInquiry .inquiry-detail .cont .attach strong:before {
  transform: translate(0, -50%);
  background-position: -40px -280px;
  left: -13px;
}
.mypage.magazineInquiry .inquiry-detail .cont .attach strong:after {
  top: 12px;
}
.mypage.magazineInquiry .inquiry-detail .cont .attach .file {
  display: inline-block;
}
.mypage.magazineInquiry .inquiry-detail .cont .attach .file + .imgfile {
  display: block;
  margin-top: 14px;
  margin-left: 99px;
}
.mypage.magazineInquiry .inquiry-detail .cont .attach .imgfile {
  display: inline-block;
}
.mypage.magazineInquiry .inquiry-detail .cont .attach .imgfile > span {
  display: inline-block;
  width: 120px;
}
.mypage.magazineInquiry .inquiry-detail .cont .attach .imgfile > span + span {
  margin-left: 6px;
}
.mypage.magazineInquiry .inquiry-detail .answer {
  margin-top: 40px;
  padding: 40px;
  background-color: #f6f6f6;
}
.mypage.magazineInquiry .inquiry-detail .answer .answer-ti span {
  font-size: 14px;
  line-height: 24px;
}
.mypage.magazineInquiry .inquiry-detail .answer .answer-ti .answer-badge {
  padding: 0 12px;
  margin-right: 8px;
  display: inline-block;
  background-color: #464646;
  color: #ffffff;
}
.mypage.magazineInquiry .inquiry-detail .answer .answer-cont {
  margin-top: 18px;
  color: #464646;
}
.mypage.magazineInquiry .inquiry-detail .btns .btn {
  width: 200px;
}
.mypage.magazineInquiry .nodata {
  padding-top: 150px;
}
.mypage.magazineInquiry .nodata:before {
  transform: translate(-50%, 70px);
}

.mypage.orderlist #contents > .inner .con-area .btn-preview {
  width: 100%;
}

.mypage.orderlist #contents > .inner .con-area .btn-preview {
  width: 100%;
}

.mypage.rafflelist .form-sort {
  margin-top: 35px;
  padding-bottom: 24px;
  width: 480px;
}

.mypage.rafflelist .form-sort label {
  display: inline-block;
  width: 25%;
}

.mypage.rafflelist .form-sort label + label {
  margin-left: -1px;
}

.mypage.rafflelist .form-sort label ~ label > span {
  margin-left: -1px;
}

.mypage.rafflelist .form-sort label > span {
  width: 100%;
}

.mypage.rafflelist .table-area .list tbody tr .info-area {
  padding: 12px 0;
  height: 56px;
}

.mypage.rafflelist .table-area .list tbody tr .info-area p, .mypage.rafflelist .table-area .list tbody tr .info-area span {
  color: #767676;
}

.mypage.rafflelist .table-area.history {
  margin-top: 19px;
}

.mypage.rafflelist .table-area.history .list td {
  height: auto;
  padding: 0;
}

.mypage.rafflelist .table-area.history .list td .product {
  text-align: left;
  min-height: 80px;
  padding: 30px 0;
}

.mypage.rafflelist .table-area.history .list td .product .txt-ti {
  font-weight: 400;
  font-size: 16px;
  line-height: 22px;
  color: #464646;
  max-height: 44px;
}

.mypage.rafflelist .table-area.history .list td .product .txt-except {
  font-size: 16px;
  line-height: 22px;
  display: block;
}

.mypage.rafflelist .table-area.history .list td .product .txt-except em {
  color: #ff724c;
}

.mypage.rafflelist .reserve-area {
  padding: 18px 0;
  text-align: center;
  background-color: #f6f6f6;
}

.mypage.rafflelist .reserve-area .info-ti {
  font-size: 16px;
  line-height: 20px;
  display: inline-block;
  margin-right: 18px;
  color: #221e1f;
}

.mypage.rafflelist .reserve-area span {
  font-size: 15px;
  line-height: 20px;
  position: relative;
  display: inline-block;
  margin-right: 20px;
}

.mypage.rafflelist .reserve-area span + span {
  padding-left: 20px;
  margin: 0;
}

.mypage.rafflelist .reserve-area span + span::before {
  position: absolute;
  top: 6px;
  left: 0;
  content: "";
  width: 1px;
  height: 12px;
  background-color: #d4d4d4;
  vertical-align: top;
}

.mypage.rafflelist .reserve-area span strong {
  font-weight: 400;
  color: #464646;
}

.mypage.rafflelist .all-chk {
  margin-top: 24px;
  padding: 14px 0;
}

.mypage.rafflelist .all-chk label::before {
  position: absolute;
  top: 5px;
  left: 0;
  content: "";
  width: 1px;
  height: 14px;
  background-color: #efefef;
  vertical-align: top;
}

.mypage.rafflelist .all-chk label:first-of-type span:before {
  top: 2px;
}

.mypage.rafflelist .all-chk label:before {
  left: 12px;
}

.mypage.rafflelist .all-chk label input[type=radio] + span, .mypage.rafflelist .all-chk label input[type=checkbox] + span {
  font-size: 14px;
  line-height: 24px;
  color: #a9a9a9;
}

.mypage.rafflelist .all-chk label input[type=radio]:checked + span, .mypage.rafflelist .all-chk label input[type=checkbox]:checked + span {
  color: #221e1f;
}

.mypage.rafflelist .all-chk > button {
  font-size: 14px;
  line-height: 24px;
  position: relative;
  display: inline-block;
  padding-left: 24px;
  color: #a9a9a9;
  vertical-align: top;
}

.mypage.rafflelist .all-chk > button::before {
  position: absolute;
  top: 5px;
  left: 0;
  content: "";
  width: 1px;
  height: 14px;
  background-color: #d4d4d4;
  vertical-align: top;
}

.mypage.rafflelist .all-chk > button::before {
  left: 12px;
}

.mypage.rafflelist .product-area {
  border-top: 1px solid #d4d4d4;
  margin-bottom: 60px;
}

.mypage.rafflelist .product-area:first-of-type {
  margin: 0;
}

.mypage.rafflelist .product-area .shop {
  display: inline-block;
  padding-top: 22px;
  color: #221e1f;
  font-size: 20px;
}

.mypage.rafflelist .product-area .product-list.small > li {
  padding: 32px 0;
  border-top: 1px solid #efefef;
}

.mypage.rafflelist .product-area .product-list.small > li:after {
  clear: both;
  content: "";
  display: table;
}

.mypage.rafflelist .product-area .product-list.small > li:first-of-type {
  border-top: 0;
}

.mypage.rafflelist .product-area .product-list.small > li:last-of-type {
  border-bottom: 1px solid #efefef;
}

.mypage.rafflelist .product-area .product-list.small > li:not(.photobook) > div > div.product label input[type=checkbox] + span {
  padding-left: 0;
}

.mypage.rafflelist .product-area .product-list.small > li:not(.photobook) > div > div.product .baseinfo > a {
  display: inline-block;
}

.mypage.rafflelist .product-area .product-list.small > li > div > div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  min-height: 104px;
}

.mypage.rafflelist .product-area .product-list.small > li > div > div.product {
  -webkit-box-flex: 1;
  -ms-flex: 1 400px;
  flex: 1 400px;
}

.mypage.rafflelist .product-area .product-list.small > li > div > div.product .baseinfo .txt-ti {
  margin-top: 0;
  padding-right: 0;
}

.mypage.rafflelist .product-area .product-list.small > li > div > div.product .baseinfo .txt-option {
  padding-right: 20px;
  margin-top: 6px;
}

.mypage.rafflelist .product-area .product-list.small > li > div > div.product .baseinfo .txt-gift {
  margin-top: 7px;
}

.mypage.rafflelist .product-area .product-list.small > li > div > div.price {
  position: relative;
  margin-top: 0;
  -webkit-box-flex: 1;
  -ms-flex: 1 500px;
  flex: 1 500px;
}

.mypage.rafflelist .product-area .product-list.small > li > div > div.price .txt-price {
  -webkit-box-flex: 1;
  -ms-flex: 1 160px;
  flex: 1 160px;
  text-align: center;
}

.mypage.rafflelist .product-area .product-list.small > li > div > div.price .txt-price strong {
  margin-right: 3px;
}

.mypage.rafflelist .product-area .product-list.small > li > div > div.price .txt-price strong + strong {
  margin-right: 0;
  margin-left: 3px;
}

.mypage.rafflelist .product-area .product-list.small > li > div > div.price .txt-state {
  font-size: 16px;
  line-height: 20px;
  -webkit-box-flex: 1;
  -ms-flex: 1 70px;
  flex: 1 70px;
  text-align: center;
  color: #221e1f;
}

.mypage.rafflelist .product-area .product-list.small > li > div > div.price .btn {
  display: block;
  width: 100px;
  margin-right: 40px;
}

.mypage.rafflelist .product-area .product-list.small > li > div > div.price .order-btns .btn {
  margin: 4px 40px 4px 0;
}

.mypage.rafflelist .product-area .product-list.small > li > div > div.price .order-btns .btn:first-child {
  margin-top: 0;
}

.mypage.rafflelist .product-area .product-list.small > li > div > div.price .order-btns .btn:last-child {
  margin-bottom: 0;
}

.mypage.rafflelist .product-area .product-list.small > li > div > div.price .btn-cart {
  top: inherit;
  right: -10px;
}

.mypage.rafflelist .product-area .product-list.small > li > div > div.price .btn-cart:after {
  background-position: -320px -120px;
}

.mypage.rafflelist .product-area .product-list.small > li > div.step-area {
  display: block;
}

.mypage.rafflelist .product-area .product-list.small > li .info-area.coupon {
  display: block;
  margin: 20px 0 -32px;
  min-height: auto;
}

.mypage.rafflelist .product-area .product-list.small > li .info-area.coupon .btns {
  min-height: auto;
}

.mypage.rafflelist .product-area.history .product-list.small li {
  min-height: auto;
}

.mypage.rafflelist .product-area.history .product-list.small li .order .product {
  min-height: auto;
}

.mypage.rafflelist .product-area.history .product-list.small li .order .product .baseinfo {
  padding-left: 0;
}

.mypage.rafflelist .product-area.history .product-list.small li .order .price {
  -webkit-box-flex: 1;
  -ms-flex: 1 500px;
  flex: 1 500px;
  min-height: auto;
}

.mypage.rafflelist .product-area.history .product-list.small li .order .price .txt-price {
  -webkit-box-flex: 1;
  -ms-flex: 1 300px;
  flex: 1 300px;
}

.mypage.rafflelist .product-area.history .product-list.small li .order .price .txt-state {
  -webkit-box-flex: 1;
  -ms-flex: 1 200px;
  flex: 1 200px;
  text-align: center;
}

.mypage.rafflelist .table-area .list tbody tr td:nth-of-type(3) {
  padding-left: 26px;
}

.mypage.rafflelist .shipping.nomember-shipping {
  padding-top: 17px;
}

.mypage.rafflelist .shipping.nomember-shipping > strong {
  line-height: 30px;
  margin-right: 32px;
}

.mypage.rafflelist .shipping.nomember-shipping .address-cont .base {
  line-height: 25px;
}

.mypage.rafflelist .shipping.nomember-shipping .address-cont .user {
  margin-top: 14px;
}

.mypage.rafflelist .payment-area > strong {
  font-weight: 400;
  font-size: 20px;
  line-height: 60px;
  display: block;
  margin-top: 60px;
  border-top: 1px solid #d4d4d4;
  color: #221e1f;
}

.mypage.rafflelist .payment-area ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 8px;
  border-top: 1px solid #efefef;
  border-bottom: 1px solid #efefef;
}

.mypage.rafflelist .payment-area ul li {
  -webkit-box-flex: 1;
  -ms-flex: 1 25%;
  flex: 1 25%;
  border-right: 1px solid #efefef;
}

.mypage.rafflelist .payment-area ul li:first-child .pay-total:before {
  display: none;
}

.mypage.rafflelist .payment-area ul li:last-child {
  border: 0;
}

.mypage.rafflelist .payment-area ul li:last-child .pay-total:before {
  background-position: -280px -80px;
}

.mypage.rafflelist .payment-area ul li .pay-total {
  position: relative;
  padding-top: 32px;
  height: 120px;
  text-align: center;
  border-bottom: 1px solid #efefef;
}

.mypage.rafflelist .payment-area ul li .pay-total::before {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  background-image: url(/images/w/common/icon.png);
  display: inline-block;
  background-position: -240px -80px;
  background-repeat: no-repeat;
  content: "";
  width: 40px;
  height: 40px;
}

.mypage.rafflelist .payment-area ul li .pay-total:before {
  position: absolute;
  top: 50%;
  left: -20px;
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
  background-image: url(/images/w/sub/mypage.png);
}

.mypage.rafflelist .payment-area ul li .pay-total span {
  display: block;
  color: #221e1f;
}

.mypage.rafflelist .payment-area ul li .pay-total span.ti {
  font-size: 18px;
  line-height: 24px;
}

.mypage.rafflelist .payment-area ul li .pay-total span + .txt-price {
  margin-top: 4px;
}

.mypage.rafflelist .payment-area ul li .pay-total span + .txt-price strong {
  font-size: 16px;
  line-height: 20px;
  margin-right: 0;
}

.mypage.rafflelist .payment-area ul li .pay-total span + .txt-price strong em {
  font-size: 18px;
  line-height: 32px;
}

.mypage.rafflelist .payment-area ul li .pay-total span + .txt-price.total {
  margin-top: 0;
}

.mypage.rafflelist .payment-area ul li .pay-total span + .txt-price.total strong {
  color: #ec1b3b;
}

.mypage.rafflelist .payment-area ul li .pay-total span + .txt-price.total strong em {
  font-size: 26px;
  line-height: 36px;
}

.mypage.rafflelist .payment-area ul li .pay-detail {
  padding: 24px 20px;
}

.mypage.rafflelist .payment-area ul li .pay-detail dl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.mypage.rafflelist .payment-area ul li .pay-detail dl:first-of-type {
  padding-bottom: 0;
}

.mypage.rafflelist .payment-area ul li .pay-detail dl:last-of-type {
  padding-bottom: 0;
}

.mypage.rafflelist .payment-area ul li .pay-detail dl dt, .mypage.rafflelist .payment-area ul li .pay-detail dl dd {
  font-size: 13px;
  line-height: 30px;
  color: #221e1f;
}

.mypage.rafflelist .payment-area ul li .pay-detail dl dd em {
  font-weight: 400;
  font-size: 16px;
  line-height: 30px;
  font-family: "karla";
}

.mypage.rafflelist .payment-area ul li .pay-detail dl.company {
  margin-bottom: 4px;
}

.mypage.rafflelist .payment-area ul li .pay-detail dl.company dt, .mypage.rafflelist .payment-area ul li .pay-detail dl.company dd {
  font-size: 12px;
  line-height: 16px;
  color: #767676;
}

.mypage.rafflelist .payment-area ul li .pay-detail dl.company dd em {
  font-size: 15px;
  line-height: 16px;
}

.mypage.rafflelist .payment-area ul li .pay-credit {
  padding: 24px 20px;
}

.mypage.rafflelist .payment-area ul li .pay-credit span {
  font-size: 13px;
  line-height: 20px;
  color: #221e1f;
}

.mypage.rafflelist .payment-area ul li .pay-credit span.txt-date {
  color: #767676;
}

.mypage.rafflelist .payment-area ul li .btn {
  margin-top: 12px;
}

.mypage.rafflelist .payment-area.nomember ul li .pay-detail {
  padding: 24px 40px;
}

.mypage.rafflelist .payment-area.nomember ul li .pay-credit {
  position: relative;
  padding: 24px 40px;
}

.mypage.rafflelist .payment-area.nomember ul li .pay-credit .txt-date {
  display: block;
}

.mypage.rafflelist .payment-area.nomember ul li .pay-credit .btn {
  position: absolute;
  top: 28px;
  right: 40px;
  margin-top: 0;
}

.mypage.rafflelist .infotxt {
  margin-top: 50px;
  padding-top: 30px;
  border-top: 1px solid #efefef;
}

.mypage.rafflelist .infotxt h5 {
  font-weight: 400;
  font-size: 15px;
  line-height: 32px;
  color: #221e1f;
}

.mypage.rafflelist .infotxt > strong {
  display: block;
  margin-top: 10px;
  color: #221e1f;
  font-size: 13px;
  font-weight: 400;
}

.mypage.rafflelist .infotxt ul {
  margin-top: 8px;
}

.mypage.rafflelist .infotxt ul + strong {
  margin-top: 15px;
}

.mypage.rafflelist .infotxt + .btnarea {
  margin-top: 60px;
}

.mypage.rafflelist .infotxt + .btnarea .btn {
  width: 240px;
}

.mypage.rafflelist .request-write {
  position: relative;
  margin-top: 60px;
  padding: 20px 0 0;
  border-bottom: 0;
}

.mypage.rafflelist .request-write .write {
  margin-left: 140px;
  margin-right: inherit;
}

.mypage.rafflelist .request-write .write tbody tr td .form-counter textarea {
  height: 160px;
}

.mypage.rafflelist .request-write .write tbody tr td .form-entry + .shipping-fee {
  display: none;
}

.mypage.rafflelist .request-write .write tbody tr td .form-entry + .shipping-fee em {
  color: #ec1b3b;
}

.mypage.rafflelist .request-write .write tbody tr td .form-entry + .shipping-fee.on {
  display: block;
}

.mypage.rafflelist .request-shipping {
  margin-top: 56px;
  padding-top: 18px;
}

.mypage.rafflelist .request-shipping .address-cont .base {
  line-height: 30px;
}

.mypage.rafflelist .request-shipping .address-cont .user {
  margin-top: 14px;
}

.mypage.rafflelist .con-area > .btnarea .btn {
  width: 240px;
}

.mypage.rafflelist .customer-info {
  margin-top: 56px;
}

.mypage.rafflelist .customer-info .address-ti {
  width: 140px;
}

.mypage.rafflelist .customer-info .address-cont {
  margin-top: 16px;
}

.mypage.rafflelist .gift-txt {
  text-align: right;
  margin-bottom: 16px;
}

.mypage.rafflelist .gift-txt span {
  color: #464646;
}

/* 추가 상품 옵션 기능 추가 */
.mypage.review.frameout .baseinfo .txt-addOption, .mypage.orderlist.frameout .baseinfo .txt-addOption {
  color: #a9a9a9;
  display: block;
}

/*# sourceMappingURL=ui-mypage.min.css.map */