.cms-header { width: 100%; display: block; padding: .5em 0px; margin-bottom: 30px; color: #000; font-size: 1.25rem; text-align: center; border-bottom: solid 2px #a99e73; background: rgba(169,158,115,.1);}
/*----------------------------------------/
  cms-form-member 
----------------------------------------*/
.cms-main-member-form{width: 100%;  max-width: 800px; padding: 20px 30px;  margin: 5% auto 2% auto;font-size:.9rem; font-weight:400;    background-color: #f2f7f4; border: solid 1px #f2f7f4;}
#cms-main .cms-main-member-form a{ text-decoration: underline;} 
/*.cms-main-member-form input{ line-height:2rem;  }
*/.cms-main-member-form [class^="col-"]{ margin:10px auto;  width: 100%; font-size:0.95rem;  font-weight: 400; }
 @media (max-width: 767.98px) {
.cms-main-member-form .text-right{ text-align: left!important;}
.cms-main-member-form input{width: 100%; justify-content: flex-start; }
     .cms-main-member-form input[type="radio"], .cms-main-member-form input[type="checkbox"] { width: 16px;}
}
/*----------------------------------------/
 cms-main-password
----------------------------------------*/
.cms-main-password{ width: 60%;  margin:2% auto; padding:4rem 2rem; flex-wrap: wrap;  background: url(../images/index/right-line-1.png) no-repeat right top #f2f7f4;  background-size: 20% auto;  border: solid 1px #f2f7f4;}
.cms-main-password [class^="col-"]{ margin:10px auto;  width: 100%; font-size:0.95rem;  font-weight: 400; }
@media (max-width: 767.98px) {
.cms-main-password{ width: 100%; margin:5% auto; padding:0px 1rem;}
.cms-main-password .text-right{ text-align: center!important;  }
.cms-main-password input{width: 100%; justify-content: flex-start; }
.cms-main-password [class^="col-"]{  margin:5px auto; justify-content: center; text-align: center;}

}
 /*----------------------------------------/
 cms-main-order
----------------------------------------*/
.cms-main-order [class^="col-"]{ margin:2px 0px;  width: 100%; }
.cms-main-order{ width: 100%; margin:10px auto; }
.cms-main-order-field{ width: 100%; display: flex; flex-wrap: wrap; text-align: center; font-weight: 700;color:#3a3935;  background: rgba(169,158,115,.1);}
.cms-main-order-item{  width: 100%; display: flex; flex-wrap: wrap;  align-content:center; align-items: center; margin:0px auto; font-weight: 400; line-height: 1.35rem; font-size: 0.875rem; text-align: center;border-bottom:solid 2px rgba(169,158,115,1);}
.cms-main-order-item span em{display: block; }
.cms-main-order-item [class^="col-"]{ margin:2px 0px;padding:0px;  width: 100%;  }
.cms-display-mobile{display: none;}
.cms-display-pc{display: block;}
@media (max-width: 991.98px) {
.cms-main-order-field{display: none;}
.cms-main-order-item{  margin:20px auto;}   
.cms-display-mobile{display:block;}
.cms-display-pc{display: none;}
}



 /**----member order-history-list  detail-pay  -----------**/
.cms-main-order-detail {   width:98%;   margin:20px auto; display: block;   -webkit-align-items: center; align-items: center; -webkit-justify-content: center; justify-content: center; text-align: center;  border:1px solid rgba(242,241,246,1); background:rgba(199,222,229,.1);  }
ul.detail-pay li {  width:100%;   display:block;  padding:0; margin:0; font-size: .9rem; border-bottom: solid 1px #a99e73;  }
ul.detail-pay li span { padding:1% 2%; display: inline-block;  }
ul.detail-pay li span:first-child { width:20%; margin-left:0; text-align:left; color:#3a3935;  background: rgba(169,158,115,.1); }
ul.detail-pay li span:first-child+span { width:80%;text-align:left; background:#f9f9f9; color:#3a3935; }
ul.detail-pay li span:first-child+span+span { width: 60%; text-align:left; }



/*----------------------------------------/
 cms-main-member
----------------------------------------*/
.cms-main-member { width: 100%; margin:5% auto; padding: 2rem 0px 5rem 0px; display: flex; flex-wrap: wrap;  }
.cms-member-logo { width:186px; height:50px; margin: 2% auto; background: url(../images/logo.svg) no-repeat center top; background-size:auto; text-indent: -9999px; }
.cms-member-name { font-size: 24px; line-height: 36px; }
.cms-member-name strong { margin: 0 0 0 10px; text-decoration: underline; font-style: normal }
.cms-member-icon a {display: flex; justify-content: center; padding: 110px 0 0 0; margin: 20px auto; line-height: 20px;  font-size: 1rem; color: #3a3935; font-weight: 700; }

.cms-member-profile a { background: url(../images/icon/profile@2x.png) no-repeat center top; background-size: 96px 280px }
.cms-member-order a { background: url(../images/icon/order@2x.png) no-repeat center top; background-size: 96px 280px }
.cms-member-faqs a { background: url(../images/icon/faqs@2x.png) no-repeat center top; background-size: 96px 280px }
.cms-member-password a { background: url(../images/icon/password@2x.png) no-repeat center top; background-size: 96px 280px }
.cms-member-logout a { background: url(../images/icon/logout@2x.png) no-repeat center top; background-size: 96px 280px }
.cms-member-coupons a { background: url( ../images/icon/coupons.png) no-repeat center top; background-size: 96px 280px }

/*----------------------------------------/
 cms-main-forget
----------------------------------------*/
.cms-main-forget { width: 100%;  max-width:60%;  margin:10% auto 3% auto;   padding: 5rem 0px; font-weight: 400; background: url("../images/index/style-02.png") no-repeat right top rgba(219, 220, 232,.3); background-size:20% auto;  border: solid 1px #ddd;}
.cms-main-forget input{ width: 100%;  max-width:100%;  }
/*----------------------------------------/
 cms-process
----------------------------------------*/
.cms-process { width: 100%; margin: 1% auto; padding: 10px 0; display: block; text-align: center; border-bottom: none; }
.cms-process li { display: inline-block; width: 66px; line-height: 38px; padding: 0; font-weight: 400; background: url(../images/icon/arrow-right.svg) no-repeat right 8px }
.cms-process li:last-child { background: none; }
.cms-process li span { display: inline-block; line-height: 38px; }
.cms-process li span:first-child { height: 36px; width: 36px; border: 1px solid #dfdfdf; border-radius: 18px; background-color: #dfdfdf; text-align: center; color: #585858; line-height: 36px; }
.cms-process li span:first-child + span { display: none; }
.cms-process li.current span:first-child { height: 36px; width: 36px; border: 1px solid #000; border-radius: 18px; text-align: center; color: #FFF; line-height: 36px; background-color: #000; font-size: 22px; }
.cms-process li.current span:first-child + span { color: #494848; font-size: 19px; font-weight: 400; }
@media (min-width:980px) {
.cms-process li span:first-child + span { display: inline-block; }
.cms-process { margin:3% auto 1% auto; padding: 5vh 0 10px 0; }
.cms-process li { padding: 0 40px 0 30px; width: auto; height: 38px; }
.cms-process li span:first-child + span { color: #585858; margin: 0 0 0 10px; line-height: 36px; }
}

/*----------------------------------------/
cms-main-cart
----------------------------------------*/
.cms-main-cart [class^="col-"]{ margin:2px 0px;  width: 100%;  }
.cms-main-cart{ width: 100%; margin:10px auto;  font-size:0.875rem;}
.cms-main-cart-field{ width: 100%; display: flex; flex-wrap: wrap; text-align: center; font-weight: 700;color:#3a3935;  background: rgba(169,158,115,.1); border-bottom: solid 2px #a99e73;  }
.cms-main-cart-item{  width: 100%; display: flex; flex-wrap: wrap;  align-content:center; align-items: center; margin:0px auto; font-weight: 400; line-height: 1.35rem; font-size: 0.875rem; text-align: center;border-bottom:solid 2px rgba(169,158,115,5);}
.cms-main-cart-item span{display: block; text-align: left; }
.cms-main-cart-item span em{display: block; }
.cms-main-cart-item span.text-danger{ text-align: center;}
.cms-main-cart-item [class^="col-"]{ margin:2px 0px;padding:0px 15px;  width: 100%;  }
.cms-display-mobile{display: none;}
.cms-display-pc{display: block;}
@media (max-width: 991.98px) {
.cms-main-cart-field{display: none;}
.cms-main-cart-item{  margin:20px auto;}   
.cms-display-mobile{display:block;}
.cms-display-pc{display: none;}
.cms-main-cart-item .row{  border-bottom:solid 1px rgba(169,158,115,.3);}
.cms-main-cart-item .text-right{ text-align: left!important;}
}
/*----------------------------------------/
cms-main-cart-pay
----------------------------------------*/
.cms-main-cart-pay{width: 100%; margin:10px auto; }
.cms-main-cart-pay small{display: block;}
.cms-main-cart-shipment{ font-weight: 700;}
.cms-bg-cart{background: rgba(169,158,115,.2);}
@media (max-width: 991.98px) {
.cms-main-cart-shipment .text-right{ text-align: left!important;}
}
.cms-main-cart-shipping{width: 100%;   border-bottom:solid 2px rgba(169,158,115,5);}
.cms-main-cart-shipping span{ display: block;   font-weight: 700; }
/*----------------------------------------/
cms-main-cart-promotion
----------------------------------------*/
.cms-main-promotion{width:100%;  margin:30px auto; border:3px solid #a99e73;font-weight: 400;text-align: center; justify-content: center;}
.cms-main-promotion-item {}
@media (max-width: 991.98px) {
 .cms-main-promotion{ text-align: left; }
.cms-main-promotion-field{display: none; }
.cms-main-promotion-item .cms-mobile-style{width:24%; margin:1% 1% 1% 0px; padding:5px 0px;  display: inline-block; text-align: center; color:#a99e73;  background:rgba(169,158,115,.1);}
}
.cms-main-summary,.cms-main-sum{ font-weight: 700;}
/**---promo-coupon---**/
.cms-file-box{ padding:5px 10px; background:rgba(169,158,115,.2); display: flex; justify-content: flex-start; align-items: center; flex-wrap:wrap;  font-weight: 700; }
.cms-file-box span{ display: flex; margin:auto 10px; align-items: center; }
.cms-file-box input[ type="text"]{ display: flex; padding:6px 5px; width: auto; background:#fff; color: #000; font-size:.9rem; text-align: center;  }
.cms-file-box input[type="button"]{display: flex; width:auto; justify-content: center;padding:5px 10px; margin: 10px;border-radius: 3px;font-size:.9rem; text-align: center;  }
@media (max-width: 767.98px) {
.cms-file-box input[type="button"]{ width: auto;  margin:auto 10px;}
}
/*----------------------------------------/
cms-main-info
----------------------------------------*/
.cms-main-info { width: 100%; margin: 2% auto; display: flex; flex-wrap: wrap; font-weight: 400;  font-size:.875rem;}
.cms-main-info [class^="col-"] { margin:10px auto;}
.cms-main-info small{display: block!important;}
.cms-main-info input,.cms-main-info select {  font-size:.875rem; width: 100%; }
@media (max-width: 767.98px) {
.cms-main-info .text-right{text-align: left!important;}
.cms-main-info input,.cms-main-info select { width: 100%;  justify-content: flex-start; text-align: left;}
}
/*----------------------------------------/
cms-main-confirm
----------------------------------------*/
.cms-main-confirm { width: 100%; margin: 40px auto;  display: flex; font-weight: 700; }