/*-----------------------------------------
            common
-------------------------------------------*/
.page-top { display: none; }

.gird-tit { margin-bottom:10px; font-size: 16px; font-weight: bold; line-height:1; letter-spacing: -0.16px; color: var(--color-font-gray3); }
.gird-tit .guide { font-weight: normal; color: var(--color-font-gray4);}
.form-grid { display: grid; column-gap: 8px; margin-bottom:40px; }

.layer-popup { position:fixed; left:0; top:0; width:100%; height:100%; border:0; z-index:999; background:none; }
.layer-popup:before { position:fixed; left:0; top:0; width:100%; height:100%; display:block; content:''; background:var(--color-black); opacity: 0.8; z-index:1 }
.layer-popup > .inner { position:absolute; left:50%; top:50%; padding:48px; transform: translate(-50%, -50%); border-radius: 12px; box-sizing: border-box; z-index:2; background:var(--color-background); }
.layer-popup > .inner:after { clear:both; display: block; content: ''; }
.layer-popup .title {  overflow: hidden; padding-bottom:24px; background:var(--color-background); }
.layer-popup .title h3 { margin-top:19px; font-size: 28px; font-weight: bold; line-height: 1.5; letter-spacing: -0.28px;  color: var(--color-white); }
.layer-popup .btn-layer-close { position:absolute; right:24px; top:24px; width:32px; height:32px; overflow:hidden; font-size:0; text-indent: -99px; border:0; overflow:hidden; background:url('../img/join/btn_agree_layer_close.png') no-repeat; background-size: 32px 32px; }


/*-----------------------------------------
            contents
-------------------------------------------*/
.section-login { position:relative; width: 520px;  min-height: 470px;  margin: 250px auto 188px auto; padding: 48px 40px; box-sizing: border-box;  border-radius: 12px; border: solid 1px var(--color-secondary);}
.section-login h2 { margin: 0 0 32px; font-size: 32px;  font-weight: 800; line-height: 1.31; letter-spacing: -0.32px;  text-align: center; color: var(--color-white); }
.section-login .input-txt { width: 100%; margin-bottom:16px;  }
.section-login .btn-login { display: block; width: 100%; margin-top:8px; }
.section-login .join { position:absolute; left:0; bottom:48px; width:100%;  letter-spacing: -0.14px;  font-size: 14px; text-align:center;  line-height:1;  }
.section-login .join p { color:var(--color-font-gray4); }
.section-login .join p a {  font-weight: 500; color: var(--color-font-gray3); display: inline-block; margin-left:4px; text-decoration: underline; }
.section-login .btn-nonmember-order { margin-top:32px; padding:32px 0 86px 0;  border-top:1px solid var(--color-secondary); }
.section-login .btn-nonmember-order .btn-success { width:100%; }
.section-login .links { position:absolute; left:0; bottom:48px; width:100%;  letter-spacing: -0.14px;  font-size: 14px; text-align:center;  line-height:1;  }
.section-login .links li { display:inline-block; height:16px; padding:0 24px; border-left:1px solid var(--color-secondary)}
.section-login .links li:first-child { border:0;}
.section-login .links li a {  line-height:16px; color: var(--color-font-gray3); }

.section-join  { position:relative; width:440px; margin:172px auto 180px auto; }
.section-join h2 { font-size: 36px; margin-bottom:60px; font-weight: 800; line-height: 1.17; letter-spacing: -0.36px; text-align: left; color: var(--color-white); }
.section-join .step { position:absolute; right:0; top:14px; }
.section-join .step ol { list-style: none;}
.section-join .step li {float:left; width: 22px; height: 22px; margin: 0 4px 0 0; text-align:center; font-size: 13px; font-weight: 500; line-height: 22px; letter-spacing: -0.13px; color: rgba(255,255,255,0.3); border-radius: 11px;  background-color:rgba(255,255,255,0.1);  }
.section-join .step li.active { color: var(--color-white); background-color: var(--color-primary); }


.section-join-agreement .check-all { line-height:20px; padding-bottom:24px; margin-bottom:26px; font-size: 18px; font-weight: 500; letter-spacing: -0.18px; color: var(--color-white); border-bottom:1px solid rgba(255,255,255,0.06); }
.section-join-agreement .check-list li { position:relative; font-size: 16px; line-height:16px; margin-bottom:24px; letter-spacing: -0.16px; color: var(--color-font-gray3); }
.section-join-agreement .btn-agree-open { position:absolute; right:-3px; top:1px; display:block; width:14px; height:14px; font-size:0; overflow:hidden; text-indent: -99px; background:url('../img/join/ico_arrow_agree.png') center no-repeat; background-size: 8px 14px; }
.section-join-agreement .input-checkbox { margin-right:12px; }
.section-join-agreement .btn-bottom { padding-top:34px; }
.section-join-agreement .btn-join { width:100%; }


.layer-agree { position:fixed; left:0; top:0; width:100%; height:100%; z-index:999; background:none; }
.layer-agree:before { position:fixed; left:0; top:0; width:100%; height:100%; display:block; content:''; background:var(--color-black); opacity: 0.8; z-index:1 }
.layer-agree .inner { position:absolute; left:50%; top:0; width:816px; height:100%; padding:0 48px; margin-left:-408px; box-sizing: border-box; z-index:2; background:var(--color-background); }
.layer-agree .title { height:139px; overflow: hidden; background:var(--color-background); border-bottom:1px solid var(--color-secondary) }
.layer-agree .title h3 { margin-top:72px;  font-size: 32px; font-weight: bold; line-height: 0.81; letter-spacing: -0.32px;  color: var(--color-white); }
.layer-agree .desc { height:calc(100% - 149px); padding:48px 0; box-sizing: border-box; word-break: keep-all; overflow-y:auto; }
.layer-agree .desc .desc-title-top { font-size: 20px; font-weight: bold;  line-height: 1.4; letter-spacing: -0.4px; color: var(--color-white);  }
.layer-agree .desc .desc-title { display:block; margin-bottom:8px; font-size: 16px; font-weight: 500; line-height: 1.75; letter-spacing: -0.32px; color: var(--color-white); }
.layer-agree .desc div { margin-bottom:40px;}
.layer-agree .desc li { position:relative; padding-left:20px;line-height: 1.71; margin-bottom:0; font-size: 14px; letter-spacing: -0.28px; }
.layer-agree .desc li .list-type1 li { padding-left:20px;}
.layer-agree .desc li .list-type1 span {left:0;}
.layer-agree .desc li span { position:absolute; left:0px; top:0; line-height: 1.71; }
.layer-agree .desc .list-type1 li { padding-left:40px}
.layer-agree .desc .list-type1 span { left:15px; }
.layer-agree .desc .list-type2 li { padding-left:15px}
.layer-agree .desc .list-type2 span { left:0px; }
.layer-agree .desc .list-star {  line-height: 1.71; margin-bottom:0; font-size: 14px;  letter-spacing: -0.28px; color: var(--color-font-gray3); }
.layer-agree .desc .list-star dd { position:relative;  padding-left:15px;  margin-bottom:0;   }
.layer-agree .desc .list-star dd:before { content:'*'; position: absolute; left:5px; top:0; line-height: 1.71; }
.layer-agree .desc p { margin-bottom:8px; font-size: 14px;  line-height: 1.71; letter-spacing: -0.28px; text-align: left; color: var(--color-font-gray3);}
.layer-agree .desc p em { font-weight: normal; font-style: normal; color:var(--color-white) }
.layer-agree .btn-layer-close { position:absolute; right:24px; top:24px; width:32px; height:32px; overflow:hidden; font-size:0; text-indent: -99px; border:0; overflow:hidden; background:url('../img/join/btn_agree_layer_close.png') no-repeat; background-size: 32px 32px; }
.layer-agree .table { padding:16px 0 0;}
.layer-agree .table table { width:100%; text-align:center; border: solid 1px #393b3f; border-collapse: collapse; }
.layer-agree .table table td,
.layer-agree .table table th { border:1px solid #393b3f}
.layer-agree .table table th { padding:13px;  font-size: 14px; color:var(--color-white) }
.layer-agree .table table td { padding:16px; font-size: 14px; line-height: 1.57; color: #c6c7c8; }
.layer-agree .table table td em { font-style: normal; color:var(--color-white)}
.layer-agree .table table td span { display: block; padding-top:16px;}

.section-join-auth .btn-auth { width:100%; }
.section-join-auth .form-grid .input-txt { width:100% }
.section-join-auth .form-name { grid-template-columns: 1fr 128px;  }
.section-join-auth .form-birthday { grid-template-columns: 1fr 128px;  }
.section-join-auth .form-phone { grid-template-columns: 128px 1fr; }
.section-join-auth .form-phone .input-pin-no { grid-column: 1 / span 2; margin:12px 0 40px 0; }
.section-join-auth .btns button { float:left; width:calc(50% - 2px); height: 52px; line-height:52px; font-size: 13px; font-weight: bold; letter-spacing: -0.18px; color: var(--color-font-gray3); text-align:center; border:0; border-radius: 6px; border:1px solid var(--color-font-gray1); background:none;  }
.section-join-auth .btns button:first-child { margin-right:4px; }
.section-join-auth .btns button.active { border-color:var(--color-success); background-color:var(--color-success);  color: var(--color-white);  }
.section-join-auth .input-pin-no { position:relative }
.section-join-auth .layer-pin-no button, 
.section-join-auth .layer-pin-no span { position:absolute; right:16px; top:0; display:none; font-size: 14px; height:52px; line-height:52px; font-weight: bold;  border:0; letter-spacing: -0.14px; background:none;  }
.section-join-auth .layer-pin-no.send .btn-send { display:block; color:var(--color-font-gray1)}
.section-join-auth .layer-pin-no.re-send .btn-send { display:none; }
.section-join-auth .layer-pin-no.re-send .time { display:block; right:134px; height:52px; line-height:52px; color:var(--color-success) }
.section-join-auth .layer-pin-no.re-send .btn-resend { display:block;  color:var(--color-success)}
.section-join-auth .select-layer { z-index:2; }

.section-join-info .btn-info { width:100%; }
.section-join-info .form-grid .input-txt { width:100% }
.section-join-info .form-email { margin-bottom:52px; }
.section-join-info .info { padding:20px 0; margin-bottom:32px; border-bottom:8px solid rgba(255,255,255,0.04);}
.section-join-info .info dl { overflow:hidden; margin-bottom:12px; font-size: 16px;line-height:20px;  letter-spacing: -0.16px; }
.section-join-info .info dt { float:left; width:84px;  font-weight: 500;  color: var(--color-font-gray4); }
.section-join-info .info dd { float:left; width:calc(100% - 84px);  font-weight: bold; color: var(--color-white); }
.section-join-info .info-id dl { overflow:hidden;  margin-bottom:40px; font-size: 16px;line-height:20px;  letter-spacing: -0.16px;  }
.section-join-info .info-id dt { float:left; width:84px; font-weight:bold; color: var(--color-font-gray3); }
.section-join-info .info-id dd { float:left; width:calc(100% - 84px); font-size: 18px; font-weight: bold; letter-spacing: -0.18px; color: var(--color-white); }
.section-join-info .ico-required { color:#f83314; }
.section-join-info .box-title { padding:40px 0;  border-top:8px solid rgba(255,255,255,0.04); }
.section-join-info .box-title h2 { margin-bottom:10px; font-size: 20px; font-weight: bold; line-height: 2.1;  letter-spacing: -0.2px;  color: var(--color-white); }
.section-join-info .box-title p { font-size: 14px; line-height: 1.71; letter-spacing: -0.14px;  color: var(--color-font-gray3); }
.section-join-info .form-address .input { margin-bottom:12px; }
.section-join-info .input-zipcode .input-txt { float:left; width:160px; margin-right:8px; font-weight:500; color:var(--color-font-gray3) }
.section-join-info .input-zipcode .btn-success { float:left; width:104px; vertical-align: top; font-size:13px;  font-weight: 500; letter-spacing: -0.13px;  }
.section-join-info .input-address1 .input-txt { font-weight:500; color:var(--color-font-gray3)}
.section-join-info .txt-guide { font-size: 12px; line-height:1; letter-spacing: -0.12px;  color: var(--color-font-gray4);}
.section-join-info .input-nickname { position:relative; } 
.section-join-info .input-nickname .btn-check { position:absolute; right:16px; top:0; height:52px; line-height:52px; font-size: 14px; font-weight: bold; letter-spacing: -0.14px; color: var(--color-success); border:0; background:none;  } 

.section-buycoupon-home { width: 1192px; margin:0 auto; padding:172px 0 180px 0; }
.section-buycoupon-home .product-list { display: grid; grid-template-columns: 1fr 1fr 1fr; column-gap:32px; row-gap: 48px;  } 

.section-contact {  width: 644px; margin:0 auto; padding:172px 0 180px 0; }
.section-contact .page-tit { margin-bottom:16px; font-size: 36px; font-weight: bold; line-height: 0.72; letter-spacing: -0.36px; color: var(--color-white);}
.section-contact .txt-guide { font-size: 16px; line-height: 1.5; letter-spacing: -0.16px;  color: var(--color-font-gray3);}
.section-contact .contact-info { padding:32px 0 40px 0; margin-bottom:40px; overflow:hidden;  border-bottom:1px solid var(--color-secondary); }
.section-contact .contact-info dl { float:left; }
.section-contact .contact-info dt { float:left; width:50px; line-height:20px;  color: var(--color-font-gray1); font-size: 14px; font-weight: 500;  letter-spacing: -0.14px; }
.section-contact .contact-info dt:before { display: inline-block; content:''; width:3px; height:3px; margin-right:7px; vertical-align: middle; border-radius: 3px; background-color: var(--color-font-gray1); }
.section-contact .contact-info dd { float:left; line-height:20px; margin-right:13px; }
.section-contact .contact-info dd strong {  font-size: 18px; letter-spacing: -0.18px; color: var(--color-white); }
.section-contact .contact-info dd strong:hover { text-decoration: underline;}
.section-contact .form-grid .input-txtarea { width:100%; height:200px; margin-bottom:32px;}
.section-contact .form-grid .input-txt { width:100% }
.section-contact .gird-tit { margin-bottom:10px; }
.section-contact .check-agree .input-checkbox { vertical-align: top;}
.section-contact .check-agree .txt { display:inline-block; padding-left:8px; line-height:20px; vertical-align: top !important; color:var(--color-white); font-size: 14px; letter-spacing: -0.14px; color: var(--color-font-gray3); }
.section-contact .check-agree .txt a { color:var(--color-white); text-decoration: underline;}
.section-contact .form-desc { margin-bottom:0; }
.section-contact .btn-bottom { padding-top:80px; text-align:center; }
.section-contact .btn-submit { width:236px; }

.layer-privacy .inner { width:428px; }
.layer-privacy .desc ul { padding:26px 0 20px 0; margin-bottom:24px; border-top:1px solid var(--color-secondary); border-bottom:1px solid var(--color-secondary); }
.layer-privacy .desc li { margin-bottom:16px;  font-size: 16px; line-height: 1.5; letter-spacing: -0.16px; color: var(--color-font-gray3); }
.layer-privacy .desc li strong { color:var(--color-white); font-weight:500;  }
.layer-privacy .desc li:before { display: inline-block; content: ''; width: 3px; height: 3px; vertical-align: middle; margin: 0 7px 0 0; border-radius: 3px; background-color: var(--color-font-gray1);}
.layer-privacy .desc p { font-size: 14px; letter-spacing: -0.14px;  color: var(--color-font-gray4); }
.layer-privacy .desc .btn-confirm { text-align: center; padding-top:60px; }
.layer-privacy .desc .btn-confirm  button { width:172px; }

.section-mypage-home { width:440px; margin:0 auto; padding:320px 0 160px 0; }
.section-mypage-home h2 { margin-bottom:32px; font-weight:normal; font-size: 36px; text-align:center; line-height: 0.72; letter-spacing: -0.36px; color: var(--color-white); }
.section-mypage-home li { margin-bottom:20px; }
.section-mypage-home .btn { position:relative; display:block; height: 70px; line-height:70px; padding-left:24px; cursor: pointer; font-size: 16px; font-weight: 500; letter-spacing: -0.16px; color: var(--color-white); box-sizing: border-box; border-radius: 6px; border: solid 1px #55585d;  background:url('../img/main/ico_arrow.png') no-repeat;  background-size:18px 18px;  background-position: center right 24px; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s;  transition: all 0.3s;}
.section-mypage-home .btn:hover { border-color: var(--color-primary);}
.section-mypage-home .btn-coupon { background:none; }
.section-mypage-home .btn-coupon .count { position:absolute; right:20px; top:0; display:block; height:70px; line-height:70px; font-size: 20px; font-weight: 800; letter-spacing: -0.2px; color:var(--color-font-red1); }

.section-purchase-history { width:1192px; margin:0 auto; padding:172px 0 180px 0; }
.section-purchase-history .title-top h2 {  display: inline-block; margin: 0 24px 0 0;  font-size: 36px; font-weight: bold; line-height: 0.72; letter-spacing: -0.36px; color: var(--color-white); }
.section-purchase-history .list { display: grid; grid-template-columns: 376px 376px 376px; gap: 32px;  margin-top:60px; }
.section-purchase-history .nodata { margin-top:24px; border-top:1px solid #393b3f; }
.section-purchase-history .nodata p {  width: 440px; height: 180px; margin: 140px auto 175px auto; padding: 78px 32px; box-sizing: border-box; border-radius: 6px; line-height: 1.33; letter-spacing: -0.18px; text-align: center; color: #c6c7c8; background-color: rgba(255,255,255,0.03); }
.section-purchase-history .item { position:relative; display: block; padding:35px 24px 35px 136px; height:156px; box-sizing: border-box;  border-radius: 6px; border: solid 1px var(--color-secondary); -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s;  transition: all 0.3s;}
.section-purchase-history .item:hover { border-color:var(--color-primary)}
.section-purchase-history .item .thumb { position:absolute; left:24px; top:32px;  width:92px; height:92px; border-radius: 92px; overflow: hidden; }
.section-purchase-history .item .thumb img {width:100%; height:100%; }
.section-purchase-history .item .date { font-size: 16px; font-weight: 500; line-height: 1; letter-spacing: -0.16px; color: var(--color-font-gray4); }
.section-purchase-history .item dt { display:block; margin: 8px 0 4px 0; height: 26px; font-size: 20px; font-weight: 500; line-height: 1.3; letter-spacing: -0.2px;  white-space: nowrap; text-overflow: ellipsis; overflow: hidden; color: var(--color-white); }
.section-purchase-history .item .price { font-size: 20px; font-weight: bold; line-height: 1.2; letter-spacing: -0.2px; color: var(--color-white); }
.section-purchase-history .item .state { font-size: 16px; font-weight: 500; letter-spacing: -0.16px; color: var(--color-font-gray4); }
.section-purchase-history .item .cancel {color:var(--color-font-red1)}
.section-purchase-history .item .pending {color:var( --color-font-yellow1)}

.section-userinfo { width:440px; padding:172px 0 180px 0; margin:0 auto; }
.section-userinfo h2 { margin-bottom:60px; font-size: 36px; font-weight: 800; line-height: 1.17; letter-spacing: -0.36px; color: var(--color-white); }
.section-userinfo .form-grid .input-txt { width:100% }
.section-userinfo .input-nickname { position:relative; } 
.section-userinfo .input-nickname .btn-check { position:absolute; right:16px; top:0; height:52px; line-height:52px; font-size: 14px; font-weight: bold; letter-spacing: -0.14px; color: var(--color-success); border:0; background:none;  } 
.section-userinfo .form-address .input { margin-bottom:12px; }
.section-userinfo .input-zipcode .input-txt { float:left; width:160px; margin-right:8px; font-weight:500; color:var(--color-font-gray3) }
.section-userinfo .input-zipcode .btn-success { float:left; width:104px; vertical-align: top; font-size:13px;  font-weight: 500; letter-spacing: -0.13px;}
.section-userinfo .txt-guide { font-size: 12px; line-height:1; letter-spacing: -0.12px;  color: var(--color-font-gray4);}
.section-userinfo .input-address1 .input-txt { font-weight:500; color:var(--color-font-gray3)}
.section-userinfo .info { padding:42px 0 20px 0; margin-bottom:32px; border-top:8px solid rgba(255,255,255,0.04);}
.section-userinfo .info dl { overflow:hidden; margin-bottom:16px; font-size: 16px;line-height:20px;  letter-spacing: -0.16px; }
.section-userinfo .info dt { float:left; width:84px;  font-weight: 500;  color: var(--color-font-gray4); }
.section-userinfo .info dd { float:left; width:calc(100% - 84px);  font-weight: bold; color: var(--color-font-gray3); }
.section-userinfo .info dd a { color:var(--color-success); text-decoration: underline; }
.section-userinfo .info dd em { font-style: normal; color: var(--color-white);}
.section-userinfo .btn-bottom { display:grid; grid-template-columns: 1fr 1fr; column-gap:10px; }

.layer-password-change .inner { width:536px; }
.layer-password-change .title { padding-bottom:48px;  }
.layer-password-change .input-txt { width:100%;}
.layer-password-change hr { width:100%; height:1px; margin-bottom:40px; border:0; background-color:var(--color-secondary) }
.layer-password-change .btns { display:grid; grid-template-columns: 1fr 1fr; column-gap:10px; padding-top:12px; }

.section-buycoupon-list { width:1192px; margin:0 auto; padding:172px 0 180px 0 }
.section-buycoupon-list .banner-top {  width:100%; height:320px; margin-bottom:60px; overflow:hidden;  border-radius: 12px; }
.section-buycoupon-list .banner-top img { width:100%; height:320px;  }
.section-buycoupon-list .coupons { display: grid; grid-template-columns: 1fr 1fr; column-gap:32px; row-gap:32px; }
.section-buycoupon-list .coupons .coupon.active  { position:relative; }
.section-buycoupon-list .coupons .coupon.active:before {  position:absolute; left:0; top:0; width:100%; height:100%; content:''; display: block; background:url('../img/coupon/bg_coupon_layer.png') no-repeat; background-size: 376px auto; z-index:1; }
.section-buycoupon-list .coupons .coupon.active:after {  position:absolute; left:50%; top:50%; width:60px; height:60px; margin:-30px 0 0 -30px; content:'';  display: block; background:url('../img/coupon/bg_coupon_layer2.png') no-repeat; background-size:60px 60px; z-index:1; }

.section-buycoupon-list .list-detail-wrap { position:relative;  }
.section-buycoupon-list .list-detail-wrap:after { clear:both;  content:''; display:block; }
.section-buycoupon-list .list-detail { float:left; width:784px; }
.section-buycoupon-list .aside { position: -webkit-sticky;  position: sticky;  width:376px; min-height:100px; top:100px; padding:24px; float:right; box-sizing: border-box; border-radius: 6px; background: rgba(255,255,255,0.04); }
.section-buycoupon-list .aside .btn-buy { width:100%; font-size: 20px; }
.section-buycoupon-list .aside .coupon dt {  font-size: 16px;  font-weight: 500;  line-height: 1.63; letter-spacing: -0.16px;  color: #c6c7c8; }
.section-buycoupon-list .aside .coupon dd {  padding:8px 0 24px 0; font-size: 24px;  font-weight: bold;  line-height: 1.08;  letter-spacing: -0.24px;  color: #fff; }
.section-buycoupon-list .aside .price { padding:20px 0;  font-size: 16px; line-height: 2.38;  letter-spacing: -0.16px;   border-top:1px solid rgba(255,255,255,0.04); border-bottom:1px solid rgba(255,255,255,0.04)} 
.section-buycoupon-list .aside .price dt { display: inline;   color: #868889;  }
.section-buycoupon-list .aside .price dd { display: inline;   color: #fff; ; }
.section-buycoupon-list .aside .count-ctrl { overflow:hidden; padding:32px 0 16px 0; }
.section-buycoupon-list .aside .count-ctrl input { float:left;  width: 46px; height: 38px; line-height:38px; font-size: 16px; font-weight: bold; color: var(--color-white);  margin: 0 2px 0; text-align: center; border:0; border-radius: 4px;  background-color: #33363a; }
.section-buycoupon-list .aside .count-ctrl button { position:relative; float:left; width: 38px; height: 38px; border-radius: 4px; border:0; background-color: #33363a;  }
.section-buycoupon-list .aside .count-ctrl button span { display: none;}
.section-buycoupon-list .aside .count-ctrl button:before,
.section-buycoupon-list .aside .count-ctrl button:after { position:absolute; left:50%; top:50%; display: block; content:''; background-color: #bbb;;}
.section-buycoupon-list .aside .count-ctrl button:before { width: 10px; height: 2px; margin:-1px 0 0 -5px; }
.section-buycoupon-list .aside .count-ctrl .btn-plus:after { width: 2px; height: 10px; margin:-5px 0 0 -1px; }
.section-buycoupon-list .aside .count-ctrl .total-price { float:right; height:38px; line-height:38px; font-size: 14px; font-weight: 500; text-align: right;  color: #868889;  }
.section-buycoupon-list .aside .count-ctrl .total-price span { font-size: 16px; font-weight: 500;  color: #ffbc2c; }
.section-buycoupon-list .aside .count-ctrl .total-price strong { font-size:20px;  font-weight: 800; }
.section-buycoupon-list .aside .btn-layer-close { display:none; }

.section-buycoupon-list .box-bonus { width: 100%; margin: 72px 0 60px 0; padding:46px 0 40px 0; text-align:center; border-radius: 6px; border: solid 1px var(--color-secondary); }
.section-buycoupon-list .box-bonus p {  margin-bottom:36px; font-size: 20px;  font-weight: bold;  line-height: 1.3; letter-spacing: -0.2px; color: var(--color-white); }
.section-buycoupon-list .box-bonus .item { display:inline-block; width:172px; margin:0 7px; }
.section-buycoupon-list .box-bonus .item .thumb { width:100%; }
.section-buycoupon-list .box-bonus .item .thumb img  { width:100%; }
.section-buycoupon-list .box-bonus .item dl { padding:16px 0; }
.section-buycoupon-list .box-bonus .item dt { margin-bottom:8px; font-size: 16px; line-height:1.2; letter-spacing: -0.16px; color: var(--color-font-gray3); }
.section-buycoupon-list .box-bonus .item dd { font-weight: bold; line-height: 1;    font-size: 20px; letter-spacing: -0.2px; color:var(--color-font-yellow1); } 
.section-buycoupon-list .guide { padding-bottom:32px; }
.section-buycoupon-list .guide h3 {  margin: 0 0 16px 0; font-size: 24px; line-height: 1.3;  letter-spacing: -0.2px; color: var(--color-white); }
.section-buycoupon-list .guide li { position:relative; padding-left:10px; margin-bottom:16px; font-size: 16px; line-height: 1.38; letter-spacing: -0.16px; color: var(--color-font-gray3); }
.section-buycoupon-list .guide li:before { position:absolute; left:0; top:8px;  width: 3px; height: 3px; display:block; content:''; border-radius: 3px; background-color: var(--color-font-gray4);}
.section-buycoupon-list .guide li strong { font-weight: 500; color: var(--color-white); }
.section-buycoupon-list .guide p {   font-size: 16px;  line-height: 1.75;  letter-spacing: -0.16px;  color: #c6c7c8; } 
.section-buycoupon-list .guide p em { font-style:normal; font-weight: 500; color: var(--color-white); }
.section-buycoupon-list .cs { position:relative; padding-top:48px; border-top:1px solid var(--color-secondary); }
.section-buycoupon-list .cs h3 {  font-size: 24px; line-height: 1.3;  letter-spacing: -0.2px; color: var(--color-white); }
.section-buycoupon-list .cs p { padding:16px 0 32px 0; font-size: 16px; line-height: 1.75; letter-spacing: -0.16px;  color: var(--color-font-gray3); }
.section-buycoupon-list .cs .box { position: relative;  width: 100%; height: 100px; padding: 18px 28px 18px 24px; box-sizing: border-box; border-radius: 6px; background-color: rgba(255,255,255,0.04)  }
.section-buycoupon-list .cs .box dl { float:left; width:50%; padding:6px 0; line-height: 1.3; }
.section-buycoupon-list .cs .box dt { display:inline-block; font-size: 16px;  letter-spacing: -0.16px;  color: var(--color-font-gray3); }
.section-buycoupon-list .cs .box dt:before { content:''; display: inline-block; vertical-align: middle; width: 4px; height: 4px; margin: 0 8px 0 0; border-radius: 4px; background-color: #76787a; }
.section-buycoupon-list .cs .box dd { margin-left:4px; display:inline-block; font-weight:bold; color:var(--color-white) }
.section-buycoupon-list .cs .box dd a { color:var(--color-white)  }
.section-buycoupon-list .top-info { display: none;}
.section-buycoupon-list .top-info:after { content:''; display:block; clear:both;} 
.section-buycoupon-list .top-info .info { position:relative; float:right; width:446px; min-height:286px; padding:4px 0 60px 0; box-sizing: border-box;  }
.section-buycoupon-list .top-info .brand { font-size: 18px;  font-weight: 500; line-height: 1.44; letter-spacing: -0.18px;  color:var(--color-font-gray3); }
.section-buycoupon-list .top-info h2 {  margin: 9px 0 28px 0; font-size: 32px; line-height: 1.2; letter-spacing: -0.32px; color: var(--color-white); }
.section-buycoupon-list .top-info .price { padding:28px 0 119px 0; border-top:1px solid var(--color-secondary); }
.section-buycoupon-list .top-info .price p { line-height:30px;  font-size: 16px; font-weight: bold; letter-spacing: -0.16px;  color: var(--color-font-gray4);  }
.section-buycoupon-list .top-info .price strong { display:inline-block; margin-left:8px;  font-size: 16px;  font-weight: normal; letter-spacing: -0.16px;  color: var(--color-white); }
.section-buycoupon-list .top-info .price span  {font-size: 22px; font-weight: 800; letter-spacing: -0.22px; }


.section-buycoupon-detail { width:988px; margin:0 auto; padding:172px 0 180px 0 }
.section-buycoupon-detail .top-info:after { content:''; display:block; clear:both;} 
.section-buycoupon-detail .top-info .thumb { float:left; width:510px; }
.section-buycoupon-detail .top-info .thumb img { width:100%; height:auto; }
.section-buycoupon-detail .top-info .info { position:relative; float:right; width:446px; min-height:286px; padding:4px 0 60px 0; box-sizing: border-box;  }
.section-buycoupon-detail .top-info .brand { font-size: 18px;  font-weight: 500; line-height: 1.44; letter-spacing: -0.18px;  color:var(--color-font-gray3); }
.section-buycoupon-detail .top-info h2 {  margin: 9px 0 28px 0; font-size: 32px; line-height: 1.2; letter-spacing: -0.32px; color: var(--color-white); }
.section-buycoupon-detail .top-info .price { padding:28px 0 119px 0; border-top:1px solid var(--color-secondary); }
.section-buycoupon-detail .top-info .price p { line-height:30px;  font-size: 16px; font-weight: bold; letter-spacing: -0.16px;  color: var(--color-font-gray4);  }
.section-buycoupon-detail .top-info .price strong { display:inline-block; margin-left:8px;  font-size: 16px;  font-weight: normal; letter-spacing: -0.16px;  color: var(--color-white); }
.section-buycoupon-detail .top-info .price span  {font-size: 22px; font-weight: 800; letter-spacing: -0.22px; }
.section-buycoupon-detail .top-info .btns { position:absolute; left:0; bottom:0; width:100%; }
.section-buycoupon-detail .top-info .btns .btn-buy { width:100%; }
.section-buycoupon-detail .top-info .layer-buy { clear:both; border:0; width:100%;}
.section-buycoupon-detail .top-info .layer-inner-option { position:fixed; display: none; opacity: 0; }
.section-buycoupon-detail .box-bonus { width: 100%; margin: 72px 0 60px 0; padding:46px 0 40px 0; text-align:center; border-radius: 6px; border: solid 1px var(--color-secondary); }
.section-buycoupon-detail .box-bonus p {  margin-bottom:36px; font-size: 20px;  font-weight: bold;  line-height: 1.3; letter-spacing: -0.2px; color: var(--color-white); }
.section-buycoupon-detail .box-bonus .item { display:inline-block; width:172px; margin:0 7px; }
.section-buycoupon-detail .box-bonus .item .thumb { width:100%; }
.section-buycoupon-detail .box-bonus .item .thumb img  { width:100%; }
.section-buycoupon-detail .box-bonus .item dl { padding:16px 0; }
.section-buycoupon-detail .box-bonus .item dt { margin-bottom:8px; font-size: 16px; line-height:1.2; letter-spacing: -0.16px; color: var(--color-font-gray3); }
.section-buycoupon-detail .box-bonus .item dd { font-weight: bold; line-height: 1;    font-size: 20px; letter-spacing: -0.2px; color:var(--color-font-yellow1); } 
.section-buycoupon-detail .guide { padding-bottom:32px; }
.section-buycoupon-detail .guide h3 {  margin: 0 0 20px 0; font-size: 20px; line-height: 1.3;  letter-spacing: -0.2px; color: var(--color-white); }
.section-buycoupon-detail .guide li { position:relative; padding-left:10px; margin-bottom:16px; font-size: 16px; line-height: 1.38; letter-spacing: -0.16px; color: var(--color-font-gray3); }
.section-buycoupon-detail .guide li:before { position:absolute; left:0; top:8px;  width: 3px; height: 3px; display:block; content:''; border-radius: 3px; background-color: var(--color-font-gray4);}
.section-buycoupon-detail .guide li strong { font-weight: 500; color: var(--color-white); }
.section-buycoupon-detail .guide p {   font-size: 16px;  line-height: 1.75;  letter-spacing: -0.16px;  color: #c6c7c8; } 
.section-buycoupon-detail .guide p em { font-style:normal; font-weight: 500; color: var(--color-white); }
.section-buycoupon-detail .cs { position:relative; padding-top:48px; border-top:1px solid var(--color-secondary); }
.section-buycoupon-detail .cs h3 {  font-size: 20px; line-height: 1.3;  letter-spacing: -0.2px; color: var(--color-white); }
.section-buycoupon-detail .cs p { padding:20px 0; font-size: 16px; line-height: 1.75; letter-spacing: -0.16px;  color: var(--color-font-gray3); }
.section-buycoupon-detail .cs .box { position: absolute; right:0; top:65px;  width: 510px; height: 100px; padding: 18px 28px 18px 24px; box-sizing: border-box; border-radius: 6px; background-color: rgba(255,255,255,0.04)  }
.section-buycoupon-detail .cs .box dl { float:left; width:50%; padding:6px 0; line-height: 1.3; }
.section-buycoupon-detail .cs .box dt { display:inline-block; font-size: 16px;  letter-spacing: -0.16px;  color: var(--color-font-gray3); }
.section-buycoupon-detail .cs .box dt:before { content:''; display: inline-block; vertical-align: middle; width: 4px; height: 4px; margin: 0 8px 0 0; border-radius: 4px; background-color: #76787a; }
.section-buycoupon-detail .cs .box dd { margin-left:4px; display:inline-block; font-weight:bold; color:var(--color-white) }
.section-buycoupon-detail .cs .box dd a { color:var(--color-white)  }

.section-coupon-status { width:1192px; margin:0 auto; padding:172px 0 180px 0}
.section-coupon-status .top-info { position:relative }
.section-coupon-status  h2 { position:absolute; left:0; top:0; font-size: 36px; line-height:1; letter-spacing: -0.36px;  color: var(--color-white); }
.section-coupon-status .tabs { height:68px; margin:0 0 78px 0; padding:14px 0 0 194px; box-sizing: border-box; border-bottom:1px solid var(--color-secondary)}
.section-coupon-status .tabs li { position:relative; display:inline-block; margin-right:40px; }
.section-coupon-status .tabs a { font-size: 22px; font-weight: bold; line-height: 1.09; letter-spacing: -0.22px; color:var(--color-font-gray4); }
.section-coupon-status .tabs li.active a { color:var(--color-white)}
.section-coupon-status .tabs li.active:before { position:absolute; left:0; top:53px; display:block; content:''; width:100%; height:1px; background-color:var(--color-primary) }
.section-coupon-status .tab-content { display: none;}
.section-coupon-status .coupons { display: grid; grid-template-columns: 1fr 1fr 1fr; column-gap:32px; row-gap: 36px;}
.section-coupon-status .coupons-all:first-child { border-top:0; padding-top:0; margin-top:-22px; }
.section-coupon-status .coupons-all { clear:both; padding-top:48px; border-top: 1px solid var(--color-secondary); }
.section-coupon-status .coupons-all h3.date { margin-bottom:72px; line-height: 1; font-size: 16px;  font-weight: normal; letter-spacing: -0.16px; color: var(--color-font-gray4); }
.section-coupon-status .coupons-all h3.date:before { display: inline-block; content:''; width: 4px; height: 4px; margin: 0 7px 0 0; border-radius: 4px; vertical-align: middle; background-color: var(--color-font-gray4); }
.section-coupon-status .coupons-all h3.date strong { font-size: 20px; font-weight: 500; letter-spacing: -0.2px; color: var(--color-font-gray3); }
.section-coupon-status .nodata { padding:62px 0; }
.section-coupon-status .nodata p { width:440px; height:180px; margin:0 auto; font-size: 18px;  letter-spacing: -0.18px; color: var(--color-font-gray3); line-height:180px; text-align:center; border-radius: 6px; background-color: rgba(255,255,255,0.03);}

.layer-coupon-using > .inner { width:472px; }
.layer-coupon-using .img-game { width:172px; height:172px; margin:0 auto 40px auto; border-radius: 172px; }
.layer-coupon-using .img-game img { width:100%; height:100%; }
.layer-coupon-using .coupon .status dl:nth-child(2) dd { color:var(--color-font-gray4) }
.layer-coupon-using .btns { text-align:center; padding-top:12px; }
.layer-coupon-using .btn-primary { width:236px;}

.section-order-lookup { margin:0 auto; width:520px; padding:240px 0 171px 0; }
.section-order-lookup .title { margin-bottom:16px; text-align:center; font-size: 36px; font-weight: bold; line-height: 0.72; letter-spacing: -0.36px; color: var(--color-white); }
.section-order-lookup .subject { margin-bottom:32px; font-size: 16px;  line-height: 1.5;  letter-spacing: -0.16px; text-align: center;  color: var(--color-font-gray3); }
.section-order-lookup .box {  width: 520px; height: 386px;  padding: 40px 40px 42px; box-sizing: border-box; border-radius: 12px; border: solid 1px var(--color-secondary); }
.section-order-lookup .box .input-txt { width:100%; }
.section-order-lookup .box .btn-success { width:100%; }

.section-order-result { width:1192px; margin:0 auto; padding: 172px 0 180px 0;}
.section-order-result .order-product { position:relative; float:left; width:660px; padding:0 0 48px 185px; box-sizing: border-box; }
.section-order-result .order-product .img-game { position:absolute; left:0; top:0; width:152px; height:152px; display: block; border-radius: 152px; overflow:hidden; }
.section-order-result .order-product .img-game img { width:100%; height:100%; }
.section-order-result .order-product .product { min-height:152px; display: flex;  align-content: center;  flex-wrap: wrap; }
.section-order-result .order-product .brand { display:block; margin-bottom:10px; font-size: 18px; font-weight: 500; line-height: 1.44; letter-spacing: -0.18px; color: #c6c7c8; }
.section-order-result .order-product .game {  font-size: 32px; line-height: 1.2; letter-spacing: -0.32px; color: var(--color-white); }
.section-order-result .order-info { float:right;  width: 517px; height: 166px; margin-bottom:48px; overflow: hidden; padding: 22px 24px 19px 30px; box-sizing: border-box; border-radius: 6px; background-color:rgba(255,255,255,0.04); }
.section-order-result .order-info div { float:left; width:50%; }
.section-order-result .order-info dl { float:left; width:100%; margin-bottom:14px; }
.section-order-result .order-info dl:nth-child(4),
.section-order-result .order-info dl:nth-child(5),
.section-order-result .order-info dl:nth-child(6) { float:right; }
.section-order-result .order-info dt { position:relative; float:left; width:60px; padding-left:12px; font-size: 14px; line-height: 1.43; letter-spacing: -0.14px;  color:var(--color-font-gray4); }
.section-order-result .order-info dt:before { position:absolute; left:0; top:8px; content:''; display:inline-block;  width: 4px; height: 4px; border-radius: 4px; background-color: var(--color-font-gray1); }
.section-order-result .order-info dd { float:left; width:calc(100% - 72px); font-size: 16px; font-weight: 500; line-height: 1.25; letter-spacing: -0.16px; color: var(--color-font-gray3);}
.section-order-result .coupons { clear:both; display: grid; grid-template-columns: 1fr 1fr 1fr; column-gap:32px; row-gap: 93px; padding-top:78px; border-top:1px solid var(--color-secondary) }

.layer-coupon-cancel > .inner { width:416px; }
.layer-coupon-cancel .img-game { width:172px; height:172px; margin:0 auto 32px auto; border-radius: 172px; }
.layer-coupon-cancel .img-game img { width:100%; height:100%; }
.layer-coupon-cancel .order-product .product { margin-bottom:20px; }
.layer-coupon-cancel .order-product .brand { display:block; font-size: 16px; font-weight: 500; line-height: 1.63; letter-spacing: -0.16px; color: #c6c7c8; }
.layer-coupon-cancel .order-product .game {  font-size: 24px; line-height: 1.33; letter-spacing: -0.24px; color: var(--color-white); }
.layer-coupon-cancel .order-info { overflow: hidden; padding:14px 0 3px 0; box-sizing: border-box; border-top:4px solid var(--color-secondary)  }
.layer-coupon-cancel .order-info dl { margin-top:10px; overflow: hidden;}
.layer-coupon-cancel .order-info dt { position:relative; float:left; width:60px; padding-left:12px; font-size: 14px; line-height: 1.43; letter-spacing: -0.14px;  color:var(--color-font-gray4); }
.layer-coupon-cancel .order-info dt:before { position:absolute; left:0; top:8px; content:''; display:inline-block;  width: 4px; height: 4px; border-radius: 4px; background-color: var(--color-font-gray1); }
.layer-coupon-cancel .order-info dd { float:left; width:calc(100% - 72px); font-size: 16px; font-weight: 500; line-height: 1.25; letter-spacing: -0.16px; color: var(--color-font-gray3);}
.layer-coupon-cancel .order-info dd strong { font-weight:500; color:var(--color-font-red1); }

.layer-coupon-pending > .inner { width:416px; }
.layer-coupon-pending .img-game { width:172px; height:172px; margin:0 auto 32px auto; border-radius: 172px; }
.layer-coupon-pending .img-game img { width:100%; height:100%; }
.layer-coupon-pending .order-product .product { margin-bottom:20px; }
.layer-coupon-pending .order-product .brand { display:block; font-size: 16px; font-weight: 500; line-height: 1.63; letter-spacing: -0.16px; color: #c6c7c8; }
.layer-coupon-pending .order-product .game {  font-size: 24px; line-height: 1.33; letter-spacing: -0.24px; color: var(--color-white); }
.layer-coupon-pending .order-info { overflow: hidden; padding:14px 0 3px 0; box-sizing: border-box; border-top:4px solid var(--color-secondary)  }
.layer-coupon-pending .order-info dl { margin-top:10px; overflow: hidden;}
.layer-coupon-pending .order-info dt { position:relative; float:left; width:60px; padding-left:12px; font-size: 14px; line-height: 1.43; letter-spacing: -0.14px;  color:var(--color-font-gray4); }
.layer-coupon-pending .order-info dt:before { position:absolute; left:0; top:8px; content:''; display:inline-block;  width: 4px; height: 4px; border-radius: 4px; background-color: var(--color-font-gray1); }
.layer-coupon-pending .order-info dd { float:left; width:calc(100% - 72px); font-size: 16px; font-weight: 500; line-height: 1.25; letter-spacing: -0.16px; color: var(--color-font-gray3);}
.layer-coupon-pending .order-info dd strong { font-weight:500; color:var(--color-font-yellow1); }



/* order */
.section-coupon-order { width:1192px; margin:0 auto; padding:172px 0 200px 0; }
.section-coupon-order .page-top { display: none;}
.section-coupon-order .page-tit {  padding-bottom:100px; text-align:center; color:#fff; font-size:36px; font-weight: bold;  line-height:1;  letter-spacing: -0.36px }
.section-coupon-order .section-tit { height:24px;  line-height:24px; font-size: 20px; color:#fff;font-weight: 800; letter-spacing: -0.2px; padding-bottom:16px;  border-bottom:1px solid #393b3f }
.section-coupon-order .section-tit em { font-style:normal; font-size:16px; color:var(--color-font-gray4) }
.section-coupon-order .order-info  { position:relative;   width:1192px;  display: grid;}
.section-coupon-order .order-info:after { content:''; display:block; clear:both; }

.section-coupon-order .product-list { margin-bottom:104px; }
.section-coupon-order .product-list .item { height:168px; margin-top:52px; display:grid; text-align:center; align-items: stretch;  grid-template-columns: 1fr  160px 208px 268px;  border-radius: 6px;  background:#2b2e31; }
.section-coupon-order .product-list .item dl { position:relative; }
.section-coupon-order .product-list .item dt { display:none; position:absolute; left:0; top:-52px; width:100%; height:52px; line-height:52px; text-align:center; font-size: 14px;  letter-spacing: -0.14px;  color: var(--color-font-gray4); }
.section-coupon-order .product-list .item:first-child dt { display: block;} 
.section-coupon-order .product-list .item dd {height:100%; font-size: 16px; letter-spacing: -0.16px; color: #fff;  box-sizing: border-box; position:relative; display: flex; text-align: center; justify-content: center; align-items: center; padding:32px 21px 32px 21px;  }
.section-coupon-order .product-list .item .product { height:128px; }
.section-coupon-order .product-list .item .product dd { padding-left:40px; min-height:168px; justify-content: left; text-align: left ;}
.section-coupon-order .product-list .item .product dd strong {  font-size: 18px; letter-spacing: -0.18px; line-height: 1.56;  }
.section-coupon-order .product-list .item .product .thumb { width:92px; height:92px; margin:0; vertical-align: top; margin-right:30px; border-radius: 92px; overflow:hidden;}
.section-coupon-order .product-list .item .product .thumb img { width:92px; height:92px;}
.section-coupon-order .product-list .item .product .txt {  line-height:20px; color: #868889; font-weight:normal; font-size: 16px;  letter-spacing: -0.16px;}
.section-coupon-order .product-list .item .product .txt em { display: block; font-style:normal; margin-bottom:8px; font-size: 14px;  line-height: 16px; letter-spacing: -0.14px; color: #c6c7c8; font-weight: 500; }
.section-coupon-order .product-list .item .product .txt strong { display: block; margin-bottom:10px;  font-size: 20px;  font-weight: bold;  line-height:26px;  letter-spacing: -0.2px;  color: #fff; }
.section-coupon-order .product-list .item .product-price em { font-style:normal;  font-size: 16px; letter-spacing: -0.16px; color: var( --color-font-yellow1);}
.section-coupon-order .product-list .item .product-price em span { display: block;  font-size: 14px; line-height: 2;  letter-spacing: -0.14px;  color: var(--color-font-gray6);} 
.section-coupon-order .product-list .item .product-price strong { font-size:18px;letter-spacing: -0.18px; color: var( --color-font-yellow1); }

.section-coupon-order .order-info .customer-info { width:784px; padding-bottom:120px; grid-row:1/2; }
.section-coupon-order .order-info .shipping-info { width:784px; padding-bottom:110px; grid-row:2/3; }
.section-coupon-order .order-info .pay-info {  width:784px;  padding-bottom:80px;  grid-row:3/4; }
.section-coupon-order .order-info .agree-info { width:784px;  grid-row:4/5; }

.section-coupon-order .order-info .pay-info .guide { color:var(--color-font-primary)}
.section-coupon-order .order-info .pay-info .cell:first-child { margin-bottom:24px; }

.section-coupon-order .order-info .form-wrap { padding-top:32px;}
.section-coupon-order .order-info .form-wrap .cell { position:relative; padding:8px 0 8px 176px; }
.section-coupon-order .order-info .form-wrap .grid-tit { position:absolute; left:0; top:8px; height:48px; line-height:48px;  font-weight: normal; letter-spacing: -0.16px; font-size: 16px; }
.section-coupon-order .order-info .form-wrap .grid-tit .ico-required { display: inline-block; vertical-align: middle; margin-left:4px; color:var(--color-font-red1); font-style: normal;}

.section-coupon-order .order-info .payment-info { position:sticky; top:160px; width: 360px; height:197px; padding-left:48px; grid-row:1/2; }
.section-coupon-order .order-info .payment-info .section-tit { color:#fff; border:0; }
.section-coupon-order .order-info .payment-info .box {width: 360px; height: auto; padding: 30px 24px 8px 24px; box-sizing: border-box;  border-radius: 4px;  border: solid 1px rgba(255, 187, 0, 0.5); }
.section-coupon-order .order-info .payment-info dl { overflow:hidden; padding-bottom:24px; line-height:20px; }
.section-coupon-order .order-info .payment-info dl:last-child { padding-bottom:26px; }
.section-coupon-order .order-info .payment-info dt { float:left; width:80px;  font-size: 14px; letter-spacing: -0.14px; color:var(--color-font-gray3) }
.section-coupon-order .order-info .payment-info dd { float:right; width:200px; text-align:right; font-size: 16px; color:#fff; letter-spacing: -0.16px; }
.section-coupon-order .order-info .payment-info .total { padding-top:30px; line-height:22px; border-top:1px solid #393b3f; }
.section-coupon-order .order-info .payment-info .total dt { line-height:22px; font-size: 16px;  font-weight: bold;  color:var(--color-font-yellow1);  letter-spacing: -0.16px;}
.section-coupon-order .order-info .payment-info .total dd { line-height:22px; font-size: 24px;  font-weight: bold;  color:var(--color-font-yellow1);  letter-spacing: -0.18px;}

.section-coupon-order .agree-info { padding:0 0 44px 0; }
.section-coupon-order .agree-info ul { padding:24px 32px;  border-radius: 6px; border: solid 1px #393b3f;}
.section-coupon-order .agree-info li { position:relative; padding:0; font-size: 16px; color:var(--color-font-gray3);  letter-spacing: -0.16px; border-bottom:1px solid var(--color-border-gray2); }
.section-coupon-order .agree-info li a { position:absolute; right:0; top:50%; width:16px; height:20px; margin-top:-10px; overflow:hidden; text-indent:-20px; font-size:0; background: url('../img/store/btn_agree.png') no-repeat; background-size: 16px 20px; }
.section-coupon-order .agree-info  .input-checkbox { margin-right:12px; }
.section-coupon-order .agree-info p { padding-top:20px; color:var(--color-font-gray4); font-size: 16px; font-weight: bold;  line-height: 1.5; text-align:center; letter-spacing: -0.16px; }
.section-coupon-order .agree-info .guide { padding:100px 0 0 0;}
.section-coupon-order .agree-info .guide dt { line-height:26px; padding-left:34px; margin-bottom:20px; font-size: 16px;  font-weight: 500; letter-spacing: -0.16px;   color: #fff; background: url('../img/order/ico_guide.png') left center no-repeat;  background-size: 26px 26px;}
.section-coupon-order .agree-info .guide dd { margin-bottom:8px;   font-size: 14px;  line-height: 1.71; letter-spacing: -0.14px; color: #868889; }
.section-coupon-order .agree-info .guide dd:before { content:''; display: inline-block; width:4px; height:4px; margin-right:8px; vertical-align: middle; border-radius: 4px; background: #868889;}
.section-coupon-order .btns {  padding-top:48px; text-align:center; border-top:1px solid #393b3f }
.section-coupon-order .btns .btn  { width: 376px; height:80px; line-height:80px; margin:0 auto; font-size:20px; border-radius: 12px;}
.section-coupon-order .cell .guide { padding-top:16px;  line-height: 1;  letter-spacing: -0.14px;  font-size: 14px; color:var(--color-font-gray6) }
.section-coupon-order .grid-tit { color:var(--color-font-gray3)}
.section-coupon-order .form-grid .dash,
.section-coupon-order .form-grid .at { text-align:center; display: inline-block; height:48px; line-height:48px;  font-size: 16px; font-weight: 500; }
.section-coupon-order .form-grid .btn { display: inline-block; width: 124px; height: 48px; line-height:48px; font-size: 14px;  font-weight: 500}
.section-coupon-order .form-hp { display: grid; grid-template-columns: 1fr 24px 1fr 24px 1fr; gap:0; margin-bottom:24px; }
.section-coupon-order .form-hp .input-txt { width:186px; box-sizing: border-box;}
.section-coupon-order .form-hp .dash { color:#868889; font-size:16px; font-weight:500px; }
.section-coupon-order .txt-guide-hp { display: block; line-height:22px; color:var(--color-font-gray4); font-size: 14px;  letter-spacing: -0.14px; }
.section-coupon-order .txt-guide-hp-check { display: block; line-height:22px;  color:var(--color-font-gray4); font-size: 14px;  letter-spacing: -0.14px; }
.section-coupon-order .txt-guide-hp-check span { vertical-align:middle; margin-right:12px;}

.section-coupon-order .form-email { display: grid; grid-template-columns: 1fr 32px 1fr  }
.section-coupon-order .form-address-check { padding:14px 0; }
.section-coupon-order .form-address-check .input-checkbox {  margin:0 48px 0 0; line-height:18px; display: inline-block;  }
.section-coupon-order .form-address-check label  {margin:0 12px 0 0; }
.section-coupon-order .form-address-save { padding:20px 0 24px 0;}
.section-coupon-order .form-address-save .input-checkbox {  line-height:18px; display: inline-block;  }
.section-coupon-order .form-address-save label  {margin:0 12px 0 0; }
.section-coupon-order .form-address { margin-top:12px; }
.section-coupon-order .form-zipcode .input { width:208px; display: inline-block; vertical-align: top; }
.section-coupon-order .form-zipcode .btn { margin-left:8px; vertical-align: top;}
.section-coupon-order .form-coupon { display: grid; grid-template-columns: 1fr 124px; gap:12px; }
.section-coupon-order .input-select .layer-select:before { display: none;}
.section-coupon-order .form-grid .input-select {  z-index:1;}
.section-coupon-order .form-grid .input-select .layer-select { height:auto; }
.section-coupon-order .form-grid .layer-select .inner { position:static; left:initial; bottom:initial; text-align:left; }
.section-coupon-order .form-grid .layer-select .inner li { text-align:left; }
.section-coupon-order .input-radio-select { width:160px; font-size: 18px; line-height:48px;  display: inline-block; }
.section-coupon-order .input-radio-select span { vertical-align: middle;   font-size: 16px;   font-weight: bold;   line-height: 1.75;  letter-spacing: -0.16px; color: var(--color-font-gray3)}
.section-coupon-order .input-radio-select input[type="radio"] { margin-right:4px; vertical-align: middle; appearance: none; border: 1px solid #76787a; border-radius: 50%;  width: 20px; height: 20px;  transition: border 0.1s ease-in-out; }
.section-coupon-order .input-radio-select input[type="radio"]:checked {  border:5px solid var(--color-success);  }
.section-coupon-order .input-radio-select input[type="radio"]:checked + span { color:var(--color-success) }

.section-coupon-order .input-payment-select { position:relative; width:192px; height:52px; margin-right:14px; font-size: 16px; font-weight:bold; line-height:52px; overflow:hidden; display: inline-block; }
.section-coupon-order .input-payment-select span { display: block; width:190px; height:50px; line-height:50px;  color:var(--color-font-gray4); text-align: center; border-radius: 4px; cursor: pointer; border:1px solid #393b3f; }
.section-coupon-order .input-payment-select input[type="radio"] { position:absolute; left:-20px; top:-20px; width:1px; height:1px;}
.section-coupon-order .input-payment-select input[type="radio"]:checked {  border:5px solid var(--color-success);  }
.section-coupon-order .input-payment-select input[type="radio"]:checked + span { width:188px; height:48px; line-height:48px; color:var(--color-success); border:2px solid var(--color-success) }
.section-coupon-order .input-payment-select input[type="radio"]:checked + span:before { content:''; display:inline-block; width:20px; height:20px; margin:-2px 8px  0 -24px; vertical-align: middle; background:url('../img/order/ico_check.png') no-repeat; background-size: 20px 20px; }

/* order compmlete */
.section-order-complate { width:644px; margin:0 auto; padding:172px 0 200px 0; }
.section-order-complate .page-top { display: none;}
.section-order-complate .page-tit {  padding-bottom:48px; text-align:center; color:#fff; font-size:36px; font-weight: 300;  line-height:1.44;  letter-spacing: -0.36px }
.section-order-complate .page-tit strong { font-weight:bold; color:var(--color-success)}
.section-order-complate .section-tit { height:24px;  line-height:24px; font-size: 20px; color:#fff;font-weight: 800; letter-spacing: -0.2px; padding-bottom:16px;  border-bottom:1px solid #393b3f }
.section-order-complate .section-tit em {  font-style:normal; font-size:16px; color:var(--color-font-gray4) }
.section-order-complate .section-subtit { position:absolute; left:0; top:0; line-height:20px; font-size: 16px; letter-spacing: -0.16px;  color: #c6c7c8;}
.section-order-complate .order-info { padding:40px 0 76px 0; border-top:1px solid #393b3f;  }
.section-order-complate .order-info dl { overflow:hidden; margin-bottom:24px; }
.section-order-complate .order-info dt { float:left; width:172px; line-height:20px;  font-size: 16px; letter-spacing: -0.16px; text-align: left;  color: #c6c7c8;}
.section-order-complate .order-info dd { float:right; width:472px; margin-bottom:10px; line-height:20px; font-size: 16px; letter-spacing: -0.16px; color:#fff;}
.section-order-complate .order-info dd:last-child { margin-bottom:0;}
.section-order-complate .order-info dd strong { color: var(--color-font-yellow1);}
.section-order-complate .product-info { position:relative; margin-top:36px; padding:0 0 100px 172px; }
.section-order-complate .product-info .product { position:relative; min-height:75px; padding: 5px 0 20px 104px; line-height:1.3; }
.section-order-complate .product-info .product .txt {  font-size: 14px;  letter-spacing: -0.14px;  color: #868889; }
.section-order-complate .product-info .product .txt em { display: block; margin-bottom:6px; font-style:normal;  color: #c6c7c8; font-size: 12px; font-weight: 500; }
.section-order-complate .product-info .product .txt strong { display: block; margin-bottom:10px; font-size: 16px;  font-weight: bold; letter-spacing: -0.16px;  color: #fff; }
.section-order-complate .product-info .product .thumb { position:absolute; left:0; top:0; width:80px; height:80px; border-radius: 80px;}
.section-order-complate .product-info .product .thumb img { width:80px; height:80px; }
.section-order-complate .product-info .price { padding-top:44px; position:relative; border-top:1px solid #393b3f; }
.section-order-complate .product-info .price div {  border-radius: 6px;  background-color: #2b2e31;}
.section-order-complate .product-info .price div:after { clear:both; content:''; display: block;}
.section-order-complate .product-info .price dl { float:left; text-align:center; }
.section-order-complate .product-info .price dt { position:absolute; top:0;  height:44px; line-height:44px;  letter-spacing: -0.14px;  color: #868889;  font-size: 14px; }
.section-order-complate .product-info .price dd { padding:16px 0;  font-size: 16px;  letter-spacing: -0.16px;  color: #fff; }
.section-order-complate .product-info .price .count, 
.section-order-complate .product-info .price .count dt { width:134px; }
.section-order-complate .product-info .price .discount, 
.section-order-complate .product-info .price .discount dt { width:158px; }
.section-order-complate .product-info .price .total, 
.section-order-complate .product-info .price .total dt { width:177px; }
.section-order-complate .product-info .price .total dd { color:var(--color-font-yellow1) }
.section-order-complate .payment-info .amount { position:relative; margin-top:36px; padding: 0 0 32px 172px; border-bottom:1px solid #393b3f }
.section-order-complate .payment-info .amount dl { overflow:hidden; margin-bottom:16px; line-height:1;  font-size: 14px;  letter-spacing: -0.14px;  color: #868889 }
.section-order-complate .payment-info .amount dt { float:left; width:97px;  }
.section-order-complate .payment-info .amount dd { float:left; width:calc(100% - 97px); text-align:right; }
.section-order-complate .payment-info .amount dl.total { margin-bottom:24px; line-height:20px; font-size:16px; letter-spacing: -0.16px; text-align: left;  color: #fff; }
.section-order-complate .payment-info .amount dl.total dd strong { color:var(--color-font-yellow1) }
.section-order-complate .payment-info .method { position:relative; margin-top:36px; padding-left:172px; }
.section-order-complate .payment-info .method dl { overflow:hidden; margin-bottom:16px; line-height:1;  font-size: 14px;  letter-spacing: -0.14px;  color: #868889 }
.section-order-complate .payment-info .method dt { float:left; width:97px; line-height:20px;  font-size:16px; letter-spacing: -0.16px; text-align: left;  color: #fff; }
.section-order-complate .payment-info .method dd { float:right; width:calc(100% - 97px); margin-bottom:12px; text-align:right; line-height:20px; }
.section-order-complate .payment-info .method dd .bar { display: inline-block; padding: 0 6px; font-size:14px; color:#393b3f;}
.section-order-complate .payment-info .method dd em { font-style:normal; color:#c6c7c8}
.section-order-complate .payment-info .method dd.link { padding-top:12px; }
.section-order-complate .payment-info .method dd.link a { color:var(--color-success); text-decoration: underline; }
.section-order-complate .payment-info .method-mobile { display: none;}
.section-order-complate .btns { margin-top:88px; padding-top:48px; text-align:center; border-top:1px solid #393b3f;}
.section-order-complate .btns button { width:214px; height:60px; margin:0 6px; }


/*-----------------------------------------
            mobile
-------------------------------------------*/
@media all and (max-width:1023px){
    /* common */
    .footer { height:120px; }
    .footer .inner { padding-top:23px; }
    .footer .copyright { padding-top:0; }
    .footer .copyright p { margin-top:12px; }
    .footer .logo,
    .footer address { display:none; }

    .page-top { position:fixed; left:0; top:0; display: block; width:100%; height:60px; padding:20px; box-sizing: border-box; background:var(--color-background); z-index:999; border-bottom:1px solid var(--color-background) }
    .page-top .btn-historyback { display: inline-block;  width:26px; height:18px; vertical-align: middle; overflow: hidden; font-size: 0; text-indent: -99px;  background: url('../img/common/btn_historyback.png') no-repeat; background-size: 26px 18px;}
    .page-top .page-title { display: inline-block; margin-left:4px; font-size: 16px; font-weight: 500; vertical-align: middle; letter-spacing: -0.16px; color: var(--color-white);}
    .page-top-type2 { background:#1a1c1f; border-bottom:1px solid #1a1c1f}
    .page-top.fixed { background:var(--color-background); border-bottom:1px solid var(--color-background) }
    
    .gird-tit { font-size: 14px; letter-spacing: -0.14px; }
    .form-grid { margin-bottom:32px; }

    .layer-popup > .inner { left:0; top:0; height:100%; padding:20px; transform:none; border-radius:0; box-sizing: border-box; }
    .layer-popup .title h3 { margin-top:72px; font-size: 26px;  letter-spacing: -0.26px; }
    .layer-popup .btn-layer-close  { right:15px; top:14px;  }

    /* login */
    .section-login { position:relative; width: 100%;  height: 100vh;  margin:0 auto; padding:133px 20px; box-sizing: border-box; border-radius: 0; border:none;}
    .section-login h2 {  margin: 0 0 20px; font-size: 26px; line-height: 1.62; letter-spacing: -0.26px;   }
    .section-login .input-txt { margin-bottom:10px; }
    .section-login .btn-login { display: block; width: 100%; margin-top:14px; }
    .section-login .join { bottom:40px; letter-spacing: -0.13px;  font-size: 13px; text-align:center;  line-height: 3.23;  }
    .section-login .btn-nonmember-order { margin-top:40px; padding:40px 0 86px 0;  }
    .section-login .btn-nonmember-order .btn-success { width:100%; }
    .section-login .links { bottom:40px; }
    


    /* join */
    .section-join  { position:relative; width:100%; margin:92px 0 0 0; padding:0 20px 154px 20px; box-sizing: border-box; }
    .section-join .btn-bottom { position:fixed; width:100%; left:0; bottom:0; }
    .section-join h2 { font-size: 26px; margin-bottom:40px; font-weight: bold; line-height: 1.2; letter-spacing: -0.26px;  }
    .section-join .step {right:16px; top:5px; }
    .section-join .step li {width: 20px; height: 20px; margin: 0 4px 0 0; font-size: 12px; line-height: 20px; letter-spacing: -0.12px; }
    

    .section-join-agreement { padding-bottom:52px; } 
    .section-join-agreement .check-all { line-height:20px; margin-bottom:24px; font-size: 16px; line-height:22px; letter-spacing: -0.16px; }
    .section-join-agreement .check-list li { font-size: 14px; line-height:18px; }
    .section-join-agreement .input-checkbox { margin-right:8px; vertical-align: top; }
    .section-join-agreement .btn-bottom { padding-top:34px; }

    .layer-agree .inner { left:0; width:100%; padding:0 20px; margin-left:0;}
    .layer-agree .title { height:152px; }
    .layer-agree .title h3 { margin-top:92px; font-size: 26px; font-weight: bold;  line-height: 1.62; letter-spacing: -0.26px;  }
    .layer-agree .desc { height:calc(100% - 153px); padding:32px 20px; margin:0 -20px; }
    .layer-agree .desc div { margin-bottom:32px; }
    .layer-agree .desc li { line-height:1.71; }
    .layer-agree .table { width:100%; padding:16px 0 0 20px; margin:0 -20px; overflow:hidden; overflow-x:scroll; }
    .layer-agree .table table { width:720px; }
    .layer-agree .btn-layer-close { right:15px; top:14px; }

    .section-join-auth .form-name { grid-template-columns: 1fr 116px;}
    .section-join-auth .form-birthday { grid-template-columns: 1fr 116px;}
    .section-join-auth .form-phone { grid-template-columns: 116px 1fr;  }
    .section-join-auth .form-phone .input-pin-no { margin:10px 0 32px 0; }
    .section-join-auth .btns button { height: 48px; line-height:48px; letter-spacing: -0.13px; }
    .section-join-auth .layer-pin-no button, 
    .section-join-auth .layer-pin-no span { right:12px; height:48px; line-height:48px;   }
    .section-join-auth .layer-pin-no.re-send .time {  right:90px; height:48px; line-height:48px; }

    .section-join-info .form-email { margin-bottom:48px; }
    .section-join-info .info { margin:0 -20px 30px -20px; padding:0 20px 20px 20px;}
    .section-join-info .info dl { font-size: 14px; line-height:16px; letter-spacing: -0.14px; }
    .section-join-info .info dt { width:76px; }
    .section-join-info .info dd { width:calc(100% - 76px);  }
    .section-join-info .info-id dl { font-size: 14px;line-height:20px;  letter-spacing: -0.14px;  }
    .section-join-info .info-id dt {  width:76px;  }
    .section-join-info .info-id dd { width:calc(100% - 76px); font-size: 16px; letter-spacing: -0.16px; }
    .section-join-info .box-title { padding:40px 20px; margin:0 -20px;}
    .section-join-info .box-title h2 { margin-bottom:8px; font-size: 20px; line-height: 2.1;  }
    .section-join-info .box-title p { line-height: 1.57;}
    .section-join-info .form-address .input { margin-bottom:10px; }
    .section-join-info .input-zipcode .input-txt { width:calc(100% - 106px);  }
    .section-join-info .input-zipcode .btn-success { width:96px; }
    .section-join-info .input-nickname .btn-check { right:12px; top:0; height:48px; line-height:48px; font-size: 14px; } 

    .section-buycoupon-home { width: 100%; margin:0 auto; padding:84px 0 100px 0; }
    .section-buycoupon-home .product-list { display: grid; grid-template-columns: 1fr; row-gap: 32px; box-sizing: border-box;  margin-bottom:0; padding:0 20px; } 

    .section-contact { width:100%; padding:92px 20px 116px 20px; box-sizing: border-box; }
    .section-contact .page-tit { margin-bottom:12px; font-size: 26px; letter-spacing: -0.26px; line-height: 1.62;}
    .section-contact .contact-info { padding:32px 0;}
    .section-contact .contact-info dl { clear:both; width:100%; }
    .section-contact .contact-info dl:first-child { margin-bottom:12px; }
    .section-contact .form-grid .input-txtarea { height:180px; margin-bottom:24px;}
    .section-contact .gird-tit { margin-bottom:8px; }
    .section-contact .check-agree .txt {  font-size: 13px; letter-spacing: -0.13px;  }
    .section-contact .btn-bottom { padding-top:48px; }
    .section-contact .btn-submit { width:155px; }

    .layer-privacy .inner { width:100%; }
    .layer-privacy .desc ul { padding:32px 0 16px 0; }
    .layer-privacy .desc li {  font-size: 14px; letter-spacing: -0.14px; }
    .layer-privacy .desc li strong { font-size:16px; letter-spacing: -0.16px; }
    .layer-privacy .desc li:before { display: inline-block; content: ''; width: 3px; height: 3px; vertical-align: middle; margin: 0 7px 0 0; border-radius: 3px; background-color: #76787a;}
    .layer-privacy .desc .btn-confirm  button { width:155px; }
    
    .section-mypage-home { width:100%; padding:84px 20px; box-sizing: border-box; }
    .section-mypage-home h2 { margin-bottom:24px; font-size: 26px; text-align:left; letter-spacing: -0.26px; }
    .section-mypage-home li { margin-bottom:16px; }
    .section-mypage-home .btn { height: 60px; line-height:60px; padding-left:20px;  background-position: center right 20px;}
    .section-mypage-home .btn-coupon .count { height:60px; line-height:60px;}

    .section-purchase-history { width:100%; margin:0 auto; box-sizing: border-box; padding:84px 20px 180px 20px; }
    .section-purchase-history .title-top h2 { margin: 0 0 32px 0; font-size: 26px; line-height: 1.62; letter-spacing: -0.26px; }
    
    .section-purchase-history .list { display:block; margin:0; }
    .section-purchase-history .nodata { margin-top:0; }
    .section-purchase-history .nodata p {  width: 100%; height: auto; margin: 60px auto; padding: 49px 32px; font-size:16px; box-sizing: border-box; border-radius: 6px; line-height: 1.33; letter-spacing: -0.18px;  }
    .section-purchase-history .item { position:relative; padding:29px 20px 29px 88px; margin-bottom:-1px; width:100%; height:auto; box-sizing: border-box; border-right:none; border-left:none;  border-radius: 0; background: url('../img/mypage/ico_arrow_coupon_m.png') right center no-repeat; background-size: 12px 16px; }
    .section-purchase-history .item:hover { border-color:var(--color-secondary)}
    .section-purchase-history .item .thumb { left:0; top:28px;  width:72px; height:72px; }
    .section-purchase-history .item .date { font-size: 13px; line-height:1; letter-spacing: -0.13px; }
    .section-purchase-history .item dt { display:block; margin: 8px 0 6px 0; height: 20px; font-size: 16px; font-weight: 500;  line-height: 1.63;  letter-spacing: -0.16px; }
    .section-purchase-history .item .price { line-height: 1.5; font-size: 16px;  letter-spacing: -0.16px; }
    .section-purchase-history .item .state { font-size: 14px; font-weight: 500; letter-spacing: -0.14px;}

    .section-userinfo { width:100%; padding:84px 20px 32px 20px;  box-sizing: border-box; }
    .section-userinfo h2  { margin-bottom:40px; font-size: 26px; text-align:left; letter-spacing: -0.26px; }
    .section-userinfo .input-nickname .btn-check { right:12px; top:0; height:48px; line-height:48px; font-size: 14px; } 
    .section-userinfo .form-address .input { margin-bottom:10px; }
    .section-userinfo .input-zipcode .input-txt { width:calc(100% - 106px);  }
    .section-userinfo .input-zipcode .btn-success { width:96px; }
    .section-userinfo .info { margin:40px -20px 0 -20px; padding:40px 20px 44px 20px;}
    .section-userinfo .info dl { font-size: 14px; line-height:16px; letter-spacing: -0.14px; }
    .section-userinfo .info dt { width:76px;   }
    .section-userinfo .info dd { width:calc(100% - 76px);  }
    .section-userinfo .info-id dl { font-size: 14px;line-height:20px;  letter-spacing: -0.14px;  }
    .section-userinfo .info-id dt {  width:76px;  }
    .section-userinfo .info-id dd { width:calc(100% - 76px); font-size: 16px; letter-spacing: -0.16px; }

    .layer-password-change .inner { width:100%; }
    .layer-password-change .title { padding-bottom:40px;  }
    .layer-password-change .btns { position:fixed; left:0; bottom:0; width:100%; padding:32px 20px; box-sizing: border-box; }

    .section-buycoupon-list { width:100%; margin:0 auto; padding:60px 0 100px 0; box-sizing: border-box; }
    .section-buycoupon-list .banner-top {  width:100%; height:auto; margin-bottom:32px; overflow:hidden;  border-radius:0; }
    .section-buycoupon-list .banner-top img { width:100%; height:auto;  }
    .section-buycoupon-list .coupons { display: grid; grid-template-columns: 1fr; column-gap:0; row-gap:16px; padding:0 20px; }
    .section-buycoupon-list .list-detail { float:none; width: 100%; }
    .section-buycoupon-list .list-detail .detail-view { position: fixed; left:0; top:0; display:none; width:100%; height:100%; padding:0 0 100px 0; box-sizing: border-box; overflow-x:hidden; overflow-y:auto; background: #222529; z-index:9; }
    .section-buycoupon-list .aside { position:static; display: none;}
    .section-buycoupon-list .aside .section-buycoupon-list .coupons .coupon.active:before {  display: none; }
    .section-buycoupon-list .aside .section-buycoupon-list .coupons .coupon.active:after { display: none; }
    .section-buycoupon-list .aside .btns { position:fixed; left:0; bottom:0; width:100%; z-index:9; }
    .section-buycoupon-list .aside .btns .btn-buy { width:100%; border-radius: 0; }
    .section-buycoupon-list .aside .coupon,
    .section-buycoupon-list .aside .price { display: none;}
    .section-buycoupon-list .aside .count-ctrl { padding:0; }
    .section-buycoupon-list .aside .btn-layer-close { display:block; }
    .section-buycoupon-list .detail-view .top-info { display: block; }
    .section-buycoupon-list .detail-view .top-info .info { display: block; width:100%; min-height:auto; padding:92px 20px 26px 20px; }
    .section-buycoupon-list .detail-view .top-info .brand { font-size: 16px; line-height: 1.63; letter-spacing: -0.16px; }
    .section-buycoupon-list .detail-view .top-info h2 {  margin:4px 0 20px 0; font-size: 24px; line-height: 1.2; letter-spacing: -0.24px; }
    .section-buycoupon-list .detail-view .top-info .price { padding:26px 0 0 0;  }
    .section-buycoupon-list .detail-view .top-info .price p { line-height:28px; font-size: 16px; font-weight:normal; letter-spacing: -0.18px;  }
    .section-buycoupon-list .detail-view .top-info .price strong { margin-left:6px; font-size:16px; font-weight:800; }
    .section-buycoupon-list .detail-view .top-info .price span { font-size:16px; }
    .section-buycoupon-list .detail-view .top-info .btns { position:fixed; left:0; bottom:0; width:100%; z-index:999; }
    .section-buycoupon-list .detail-view .top-info .btns .btn-buy { width:100%; border-radius: 0; }
    .section-buycoupon-list .detail-view .box-bonus { width: 100%; margin:0; padding:40px 20px 40px 20px; box-sizing: border-box; border-radius: 6px; border-top:8px solid rgba(255,255,255,0.04) }
    .section-buycoupon-list .detail-view .box-bonus p { text-align:left; margin-bottom:26px; font-size: 16px; line-height: 1.63; letter-spacing: -0.16px;  }
    .section-buycoupon-list .detail-view .box-bonus .items { display: grid;  grid-template-columns: 1fr 1fr; column-gap:10px; }
    .section-buycoupon-list .detail-view .box-bonus .item { display:initial; width:auto; margin:0; }
    .section-buycoupon-list .detail-view .box-bonus .item .thumb { width:100%;  }
    .section-buycoupon-list .detail-view .box-bonus .item .thumb img  { width:100%; }
    .section-buycoupon-list .detail-view .box-bonus .item dl { padding:12px 0; }
    .section-buycoupon-list .detail-view .box-bonus .item dt { margin-bottom:6px; font-size: 14px; letter-spacing: -0.14px; }
    .section-buycoupon-list .detail-view .box-bonus .item dd { font-size: 16px; letter-spacing: -0.16px;  } 
    .section-buycoupon-list .detail-view .guide { padding:32px 20px 16px 20px; }
    .section-buycoupon-list .detail-view .guide h3 { margin: 0 0 12px 0;  font-size: 16px; line-height: 1; letter-spacing: -0.16px; }
    .section-buycoupon-list .detail-view .guide li { padding-left:10px; line-height:1.57;  font-size: 14px; letter-spacing: -0.14px; }
    .section-buycoupon-list .detail-view .guide li:before {  top:9px; }
    .section-buycoupon-list .detail-view .guide p {font-size: 14px; line-height: 1.57; word-break: keep-all; letter-spacing: -0.14px; color: #c6c7c8; }
    .section-buycoupon-list .detail-view .guide p em { color:var(--color-white); font-style: normal; font-weight: 500; }
    .section-buycoupon-list .detail-view .cs { padding:32px 20px 0 20px;  word-break: keep-all; }
    .section-buycoupon-list .detail-view .cs h3 { font-size: 16px; line-height: 1; letter-spacing: -0.16px; }
    .section-buycoupon-list .detail-view .cs p { padding:12px 0 24px 0; font-size: 14px; line-height: 1.57; letter-spacing: -0.14px; }
    .section-buycoupon-list .detail-view .cs .box { position: relative; right:initial; top:initial;  width: 100%; height: auto; overflow: hidden; padding:15px 16px; box-sizing: border-box; border-radius: 6px; background-color: rgba(255,255,255,0.04)  }
    .section-buycoupon-list .detail-view .cs .box dl { clear:both; float:left; width:100%; padding:5px 0; line-height: 1; }
    .section-buycoupon-list .detail-view .cs .box dt { width:90px; font-size: 14px;  letter-spacing: -0.14px; }
    .section-buycoupon-list .detail-view .cs .box dt:before {  width: 3px; height: 3px; margin: 0 8px 0 0;}
    .section-buycoupon-list .detail-view .cs .box dd { font-size: 14px;  letter-spacing: -0.14px; }
    

    .section-buycoupon-detail { width:100%; padding:60px 0 132px 0; }
    .section-buycoupon-detail .top-info .thumb { float:none; width:100%; border-radius:0; display: none; }
    .section-buycoupon-detail .top-info .info { float:none; width:100%; min-height:auto; padding:32px 20px 40px 20px; }
    .section-buycoupon-detail .top-info .brand { font-size: 16px; line-height: 1.63; letter-spacing: -0.16px; }
    .section-buycoupon-detail .top-info h2 {  margin:4px 0 20px 0; font-size: 24px; line-height: 1.2; letter-spacing: -0.24px; }
    .section-buycoupon-detail .top-info .price { padding:28px 0 0 0;  }
    .section-buycoupon-detail .top-info .price p { line-height:28px; font-size: 16px; font-weight:normal; letter-spacing: -0.18px;  }
    .section-buycoupon-detail .top-info .price strong { margin-left:6px; font-size:16px; font-weight:800; }
    .section-buycoupon-detail .top-info .price span { font-size:16px; }
    .section-buycoupon-detail .top-info .btns { position:fixed; left:0; bottom:0; width:100%; z-index:999; }
    .section-buycoupon-detail .top-info .btns .btn-buy { width:100%; border-radius: 0; }
    
    .section-buycoupon-detail .box-bonus { width: 100%; margin:0; padding:40px 20px 40px 20px; box-sizing: border-box; border-radius: 6px; border-top:8px solid rgba(255,255,255,0.04) }
    .section-buycoupon-detail .box-bonus p { text-align:left; margin-bottom:26px; font-size: 16px; line-height: 1.63; letter-spacing: -0.16px;  }
    .section-buycoupon-detail .box-bonus .items { display: grid;  grid-template-columns: 1fr 1fr; column-gap:10px; }
    .section-buycoupon-detail .box-bonus .item { display:initial; width:auto; margin:0; }
    .section-buycoupon-detail .box-bonus .item .thumb { width:100%;  }
    .section-buycoupon-detail .box-bonus .item .thumb img  { width:100%; }
    .section-buycoupon-detail .box-bonus .item dl { padding:12px 0; }
    .section-buycoupon-detail .box-bonus .item dt { margin-bottom:6px; font-size: 14px; letter-spacing: -0.14px; }
    .section-buycoupon-detail .box-bonus .item dd { font-size: 16px; letter-spacing: -0.16px;  } 
    .section-buycoupon-detail .guide { padding:32px 20px 16px 20px; }
    .section-buycoupon-detail .guide h3 { margin: 0 0 12px 0;  font-size: 16px; line-height: 1; letter-spacing: -0.16px; }
    .section-buycoupon-detail .guide li { padding-left:10px; line-height:1.57;  font-size: 14px; letter-spacing: -0.14px; }
    .section-buycoupon-detail .guide li:before {  top:9px; }
    .section-buycoupon-detail .guide p {font-size: 14px; line-height: 1.57; word-break: keep-all; letter-spacing: -0.14px; color: #c6c7c8; }
    .section-buycoupon-detail .guide p em { color:var(--color-white);; font-style: normal; font-weight: 500; }
    .section-buycoupon-detail .cs { padding:32px 20px 0 20px;  word-break: keep-all; }
    .section-buycoupon-detail .cs h3 { font-size: 16px; line-height: 1; letter-spacing: -0.16px; }
    .section-buycoupon-detail .cs p { padding:12px 0 24px 0; font-size: 14px; line-height: 1.57; letter-spacing: -0.14px; }
    .section-buycoupon-detail .cs .box { position: relative; right:initial; top:initial;  width: 100%; height: auto; overflow: hidden; padding:15px 16px; box-sizing: border-box; border-radius: 6px; background-color: rgba(255,255,255,0.04)  }
    .section-buycoupon-detail .cs .box dl { clear:both; float:left; width:100%; padding:5px 0; line-height: 1; }
    .section-buycoupon-detail .cs .box dt { width:90px; font-size: 14px;  letter-spacing: -0.14px; }
    .section-buycoupon-detail .cs .box dt:before {  width: 3px; height: 3px; margin: 0 8px 0 0;}
    .section-buycoupon-detail .cs .box dd { font-size: 14px;  letter-spacing: -0.14px; }



    .section-coupon-status { width:100%; margin:0 auto; padding:92px 20px 33px 20px; box-sizing: border-box; }
    .section-coupon-status .top-info { position:relative }
    .section-coupon-status  h2 { position:relative; left:inherit; top:inherit; font-size: 26px; letter-spacing: -0.26px; }
    .section-coupon-status .tabs {  height:auto; margin:0 0 68px 0; padding:24px 0 0 0; box-sizing: border-box;  border:none; }
    .section-coupon-status .tabs ul {  display: grid;  grid-template-columns: 1fr 1fr 1fr; column-gap:10px; }
    .section-coupon-status .tabs li { position:relative; display:inline-block; height:29px; margin-right:0; text-align:center;  }
    .section-coupon-status .tabs a { font-size: 16px; letter-spacing: -0.16px;}
    .section-coupon-status .tabs li.active:before { position:absolute; left:0; top:27px; height:2px; }
    .section-coupon-status .tab-content { display: none;}
    .section-coupon-status .coupons { grid-template-columns: 1fr; column-gap:0; row-gap:0;}
    .section-coupon-status .coupons-all:first-child { border-top:0; padding-top:0; margin-top:-20px; }
    .section-coupon-status .coupons-all {  margin:-16px -20px 0 -20px; padding:40px 20px 0 20px; border-top: 8px solid rgba(255,255,255,0.04); }
    .section-coupon-status .coupons-all h3.date { margin-bottom:52px; font-size: 14px;  letter-spacing: -0.14px; }
    .section-coupon-status .coupons-all h3.date:before { width: 3px; height: 3px; margin: 0 8px 0 0; }
    .section-coupon-status .coupons-all h3.date strong { font-size: 16px; letter-spacing: -0.16px;  }
    .section-coupon-status .nodata { padding:0 0 60px 0; margin-top:-8px; }
    .section-coupon-status .nodata p { width:100%; height:120px; font-size: 16px;  letter-spacing: -0.16px;  line-height:120px; }


    .layer-coupon-using > .inner { width:100%; }
    .layer-coupon-using > .inner:before { position:absolute; left:0; top:0; content:''; display: block; width:100%; height:137px; background-color: rgba(0,0,0,0.24); z-index:-1; }
    .layer-coupon-using .img-game { width:152px; height:152px; margin:41px auto 44px auto; border-radius: 172px; }
    .layer-coupon-using .img-game img { width:100%; height:100%; }
    .layer-coupon-using .coupon .status dl:nth-child(2) dd { color:var(--color-font-gray4) }
    .layer-coupon-using .coupon .status dd { font-size:16px; letter-spacing: -0.16px;}
    .layer-coupon-using .btns { position:fixed; left:0; bottom:0; width:100%; text-align:center; padding-top:12px; }
    .layer-coupon-using .btn-primary { width:100%; border-radius: 0;}

    .section-order-lookup { margin:0 auto; width:100%; padding:92px 20px; box-sizing: border-box; }
    .section-order-lookup .title { margin-bottom:12px; font-size: 26px; line-height: 1.62; text-align: left; letter-spacing: -0.26px; }
    .section-order-lookup .subject {  text-align: left; }
    .section-order-lookup .box {  width: 100%; height: auto;  padding:32px 0; box-sizing: border-box; border-radius:0; border:0; border-top: solid 1px var(--color-secondary); }
    .section-order-lookup .box .input-txt { width:100%; }
    .section-order-lookup .box .btn-success { position:fixed; left:0; bottom:0; width:100%; border-radius:0; }

    .section-order-result { width:100%; padding:60px 20px 80px 20px; box-sizing: border-box;}
    .section-order-result .order-product { float:none; width:100%; padding:0; box-sizing: border-box; }
    .section-order-result .order-product:before { position:absolute; left:-20px; right:-20px; top:0; margin-top:-60px; content:''; display: block; width:100%; padding:0 20px; height:137px; background-color: rgba(0,0,0,0.24); }
    .section-order-result .order-product .img-game { position:relative; left:inherit; top:inherit; margin:0 auto; }
    .section-order-result .order-product .img-game img { width:100%; height:100%; }
    .section-order-result .order-product .product { min-height:auto; display: block; padding:44px 0 20px 0; align-content:initial;  flex-wrap:initial; }
    .section-order-result .order-product .brand {  margin-bottom:5px; font-size: 16px;  line-height: 1.63; letter-spacing: -0.16px;  }
    .section-order-result .order-product .game {  font-size: 24px; line-height: 1.08; letter-spacing: -0.24px; }
    .section-order-result .order-info {  width: 100%; height: auto; margin-bottom:0; padding: 24px 0 14px 0; box-sizing: border-box; border-radius:0; border-top:4px solid var(--color-secondary);  background:none; }
    .section-order-result .order-info div {  float:left; width:100%; }
    .section-order-result .order-info dl { clear:both;  width:100%; margin-bottom:10px; }
    .section-order-result .order-info dt { width:60px; padding-left:10px; line-height: 1.71; }
    .section-order-result .order-info dt:before { top:10px; width: 3px; height: 3px; border-radius: 3px;  }
    .section-order-result .order-info dd {  line-height: 1.5; }
    .section-order-result .coupons { grid-template-columns: 1fr; column-gap:0; row-gap:0; padding-top:40px; }

    .layer-coupon-cancel > .inner { width:100%; }
    .layer-coupon-cancel > .inner:before { position:absolute; left:0; top:0; content:''; display: block; width:100%; height:137px; background-color: rgba(0,0,0,0.24); z-index:-1; }
    .layer-coupon-cancel .img-game { width:152px; height:152px; margin:41px auto 44px auto; border-radius: 172px; }
    .layer-coupon-cancel .img-game img { width:100%; height:100%; }
    .layer-coupon-cancel .order-product .product { min-height:auto; display: block; padding:0 0 0 0; margin-bottom:18px; align-content:initial;  flex-wrap:initial; }
    .layer-coupon-cancel .order-product .brand {  margin-bottom:5px; font-size: 16px;  line-height: 1.63; letter-spacing: -0.16px;  }
    .layer-coupon-cancel .order-product .game {  font-size: 24px; letter-spacing: -0.24px; }
        
    .layer-coupon-cancel .order-info { overflow: hidden; padding:14px 0 26px 0; box-sizing: border-box; border-top:4px solid var(--color-secondary); border-bottom:1px solid var(--color-secondary)  }
    .layer-coupon-cancel .order-info dl { margin-top:10px; overflow: hidden;}
    .layer-coupon-cancel .order-info dt { position:relative; float:left; width:60px; padding-left:12px; font-size: 14px; line-height: 1.43; letter-spacing: -0.14px;  color:var(--color-font-gray4); }
    .layer-coupon-cancel .order-info dt:before { position:absolute; left:0; top:8px; content:''; display:inline-block;  width: 4px; height: 4px; border-radius: 4px; background-color: var(--color-font-gray1); }
    .layer-coupon-cancel .order-info dd { float:left; width:calc(100% - 72px); font-size: 16px; font-weight: 500; line-height: 1.25; letter-spacing: -0.16px; color: var(--color-font-gray3);}
    .layer-coupon-cancel .order-info dd strong { font-weight:500; color:var(--color-font-red1); }

    .layer-inner-option{ position:fixed; left:0; bottom:0; width:100%; display: none; opacity: 1; padding:36px 20px 68px 20px; border-radius: 16px; box-sizing: border-box; background-color: #1b1e21;  z-index:9}
    .layer-inner-option .btn-layer-close { position: absolute; left:50%; top:8px; margin:0 0 0 -8px; width:24px; height:16px; border:0; background:url('../img/coupon/bg_arrow_close_option.png') no-repeat; background-size: 24px 16px;  }
    .layer-inner-option .btn-layer-close span { display: none;}
    .layer-inner-option .input-count { float:left; }
    .layer-inner-option .input-count input { float:left;  width: 46px; height: 34px; line-height:34px; font-size: 14px; font-weight: bold; color: var(--color-white);  margin: 0 2px 0; text-align: center; border:0; border-radius: 4px;  background-color: #33363a; }
    .layer-inner-option .input-count button { position:relative; float:left; width: 34px; height: 34px; border-radius: 4px; border:0; background-color: #33363a;  }
    .layer-inner-option .input-count button span { display: none;}
    .layer-inner-option .input-count button:before,
    .layer-inner-option .input-count button:after { position:absolute; left:50%; top:50%; display: block; content:''; background-color: #bbb;;}
    .layer-inner-option .input-count button:before { width: 8px; height: 2px; margin:-1px 0 0 -4px; }
    .layer-inner-option .input-count .btn-plus:after { width: 2px; height: 8px; margin:-4px 0 0 -1px; }
    .layer-inner-option .total-price { float:right; height:34px; line-height:34px; font-size: 14px; font-weight: 500; text-align: right;  color: #868889;  }
    .layer-inner-option .total-price span { font-size: 18px; font-weight: 800;  color: #ffbc2c; }
    .layer-inner-option .total-price strong { font-size:20px;  font-weight: 800; }


    /* order */
    .section-coupon-order { width:100%; margin:0 auto; padding:84px 20px 132px 20px; box-sizing: border-box; }
    .section-coupon-order .page-top { display: block; background: var(--color-background);}
    .section-coupon-order .page-top .btn-historyback { font-size:0px; overflow:hidden; text-indent:-20px; }
    .section-coupon-order .page-tit {  padding-bottom:48px; font-size: 32px;  letter-spacing: -0.32px }
    .section-coupon-order .section-tit { height:24px;  line-height:24px;  font-size: 18px; letter-spacing: -0.18px; padding-bottom:10px;  }
    .section-coupon-order .section-tit em { font-size:14px;}
    .section-coupon-order .order-info  { position:relative;  width:100%;  display: block;}

    .section-coupon-order .product-list { margin-bottom:80px; }
    .section-coupon-order .product-list .item { height:auto; margin-top:0; display:block; text-align:center; align-items:initial;padding-bottom:7px;   border-radius:0; border:0; border-bottom: solid 1px #393b3f; background: none; }
    .section-coupon-order .product-list .item dl { position:relative; padding:9px 0;  height:auto; overflow:hidden; }
    .section-coupon-order .product-list .item dt { float:left; line-height:20px; height:20px; width:120px; display:block; position:relative; left:initial; top:initial; text-align:left; }
    .section-coupon-order .product-list .item:first-child dt { display: block;} 
    .section-coupon-order .product-list .item dd { float:left; display: inline; width:calc(100% - 120px);  line-height:20px; min-height:20px; text-align:right; font-size: 16px; letter-spacing: -0.16px; padding:0; justify-content:initial }
    .section-coupon-order .product-list .item .product { height:auto; padding:28px 0; min-height:auto; margin-bottom:7px; border-bottom: solid 1px #393b3f; }
    .section-coupon-order .product-list .item .product dt { display: none;}
    .section-coupon-order .product-list .item .product dd {float:initial; display:block; padding-left:88px; width:100%; height:auto; min-height:68px; box-sizing: border-box; justify-content: left; text-align: left;}
    .section-coupon-order .product-list .item .product dd strong {  font-size: 16px; letter-spacing: -0.16px; line-height: 1.3;  }
    .section-coupon-order .product-list .item .product .txt { font-size:14px; letter-spacing: -0.14; line-height:16px; }
    .section-coupon-order .product-list .item .product .txt em {  line-height:16px;  font-size:13px; letter-spacing: -0.13px; }
    .section-coupon-order .product-list .item .product .txt strong {  line-height:18px; font-size:16px; letter-spacing: -0.16px; }
    .section-coupon-order .product-list .item .product .thumb { width:68px; height:68px; margin:0; margin-right:20px; border-radius: 68px; }
    .section-coupon-order .product-list .item .product .thumb img { width:68px; height:68px;}
    .section-coupon-order .product-list .item .product-price em { font-style:normal;  font-size: 14px; letter-spacing: -0.14px; color: var(--color-font-red1);}
    .section-coupon-order .product-list .item .product-price em span { display: block;  font-size: 14px; line-height: 2;  letter-spacing: -0.14px;  color: var(--color-font-gray6);} 
    .section-coupon-order .product-list .item .product-price strong { font-size:16px;letter-spacing: -0.16px; color: var(--color-font-red1); }

    .section-coupon-order .order-info .customer-info { width:100%; padding-bottom:50px;}
    .section-coupon-order .order-info .shipping-info { width:100%; padding-bottom:50px; }
    .section-coupon-order .order-info .pay-info {  width:100%;  padding-bottom:16px; }
    .section-coupon-order .order-info .agree-info { width:100%;  }

    .section-coupon-order .order-info .coupon-info .cell:first-child { margin-bottom:0px; }

    .section-coupon-order .order-info .form-wrap { padding-top:22px;}
    .section-coupon-order .order-info .form-wrap .cell { position:relative; padding:8px 0 30px 0; }
    .section-coupon-order .order-info .form-wrap .grid-tit { position:relative; left:initial; top:initial; margin-bottom:12px; height:16px; line-height:16px;  font-weight: normal; letter-spacing: -0.14px; font-size: 14px; }
    .section-coupon-order .order-info .form-wrap .grid-tit .ico-required {  margin-left:2px; }

    .section-coupon-order .order-info .payment-info { display: none ;}
    .section-coupon-order .agree-info { padding:0 0 52px 0;}
    .section-coupon-order .agree-info ul { padding:0; border:0; border-radius: 0; border-bottom:1px solid #393b3f; }
    .section-coupon-order .agree-info li { position:relative; padding:0 0 20px 0; font-size: 14px;  letter-spacing: -0.14px; border-bottom:1px solid var(--color-border-gray2); }
    .section-coupon-order .agree-info li a { position:absolute; right:0; top:50%; width:16px; height:20px; margin-top:-10px; overflow:hidden; text-indent:-20px; font-size:0; background: url('../img/store/btn_agree.png') no-repeat; background-size: 16px 20px; }
    .section-coupon-order .agree-info  .input-checkbox { margin-right:10px; }
    .section-coupon-order .agree-info p { padding-top:16px; font-size:14px; line-height: 1.5; letter-spacing: -0.14px; }
    .section-coupon-order .agree-info .guide { padding-top:80px; }
    .section-coupon-order .agree-info .guide dt { font-size:14px; letter-spacing: -0.14px;}
    .section-coupon-order .agree-info .guide dd { position:relative; padding-left:12px; margin-bottom:12px; line-height:1.4; }
    .section-coupon-order .agree-info .guide dd:before  { position:absolute; left:0; top:7px;  }
    .section-coupon-order .btns { position:fixed; left:0; bottom:0; width:100%; padding-top:0;  border-top:0; z-index:2; }
    .section-coupon-order .btns .btn  { width:100%; height:52px; line-height:52px; margin:0 auto; font-size:16px; border-radius: 0;}
    .section-coupon-order .cell .guide {line-height: 1.54; letter-spacing: -0.13px;  font-size: 13px; }
   
    .section-coupon-order .form-grid .dash,
    .section-coupon-order .form-grid .at { text-align:center; display: inline-block; height:48px; line-height:48px;  font-size: 16px; font-weight: 500; }
    .section-coupon-order .form-grid .btn {  width: 100%; height: 48px; line-height:48px; font-size: 14px;  font-weight: 500}
    .section-coupon-order .form-hp { display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 10px; }
    .section-coupon-order .form-hp .dash { display: none;}
    .section-coupon-order .form-hp .input-txt { width:100%; }
    .section-coupon-order .form-email { display: grid; grid-template-columns: 1fr 32px 1fr  }
    .section-coupon-order .form-address-check { padding:12px 0 0 0; margin-bottom:-2px; display: grid; grid-template-columns: 1fr 1fr 1fr; gap:10px;  }
    .section-coupon-order .form-address-check .input-checkbox {  margin:0 0 0 0;  font-size:14px; letter-spacing: -0.14px; line-height:18px; display: inline-block;  }
    .section-coupon-order .form-address-check label  {margin:0 10px 0 0;  }
    .section-coupon-order .form-address-save { padding:24px 0 24px 0;}
    .section-coupon-order .form-address-save .input-checkbox {   font-size:14px; letter-spacing: -0.14px;  line-height:18px; display: inline-block;  }
    .section-coupon-order .form-address-save label  {margin:0 10px 0 0; }
    .section-coupon-order .form-address { margin-top:12px; }
    .section-coupon-order .form-zipcode { display:grid; grid-template-columns: 1fr 110px; gap:10px; }
    .section-coupon-order .form-zipcode .input { width:100%; display: inline-block; vertical-align: top; }
    .section-coupon-order .form-zipcode .btn { margin-left:0; vertical-align: top;}
    .section-coupon-order .form-coupon {  grid-template-columns: 1fr 82px; gap:10px; }
    .section-coupon-order .order-info .pay-info { width:100%;}

    .section-coupon-order .input-radio-select { width:125px; font-size: 18px; padding-top:8px; line-height:20px;  display: inline-block; }
    .section-coupon-order .input-radio-select span { vertical-align: middle;   font-size: 14px;   font-weight: normal;  line-height:20px;  letter-spacing: -0.14px; }
    .section-coupon-order .input-radio-select input[type="radio"]:checked + span { font-weight:bold; }

    .section-coupon-order .input-payment-select { position:relative; float:left; width:50%; height:52px; box-sizing: border-box; margin-right:0px; font-size: 16px; font-weight:bold; line-height:52px; overflow:hidden; }
    .section-coupon-order .input-payment-select:first-child { padding-right:5px;}
    .section-coupon-order .input-payment-select:nth-child(2) { padding-left:5px;}
    .section-coupon-order .input-payment-select span { float:left; width:calc(100% - 2px); height:50px; line-height:50px; color:var(--color-font-gray4); text-align: center; border-radius: 4px; cursor: pointer; border:1px solid #393b3f; }
    .section-coupon-order .input-payment-select input[type="radio"] { position:absolute; left:-20px; top:-20px; width:1px; height:1px;}
    .section-coupon-order .input-payment-select input[type="radio"]:checked {  border:5px solid var(--color-success);  }
    .section-coupon-order .input-payment-select input[type="radio"]:checked + span { width:calc(100% - 4px); height:48px; line-height:48px; color:var(--color-success); border:2px solid var(--color-success) }
    .section-coupon-order .input-payment-select input[type="radio"]:checked + span:before { content:''; display:inline-block; width:20px; height:20px; margin:-2px 8px  0 -24px; vertical-align: middle; }

    .customer-info .cell:first-child .form-grid { margin-bottom:10px;}


        
    /* order compmlete */
    .section-order-complate { width:100%; margin:0 auto; padding:84px 20px 0 20px; box-sizing: border-box; }
    .section-order-complate .page-top { display: block; background: var(--color-background);}
    .section-order-complate .page-top .btn-historyback { font-size:0px; overflow:hidden; text-indent:-20px; }
    .section-order-complate .page-tit {  padding-bottom:48px; font-size: 26px;  letter-spacing: -0.26px }
    .section-order-complate .section-tit { height:24px;  line-height:24px;  font-size: 18px; letter-spacing: -0.18px; padding-bottom:10px;  }
    .section-order-complate .section-tit em { font-size:14px;}
    .section-order-complate .section-subtit { display: none;}
    .section-order-complate .order-info { padding:30px 0 64px 0; border-top:1px solid #393b3f;  }
    .section-order-complate .order-info dl { overflow:hidden; margin-bottom:16px; }
    .section-order-complate .order-info dt { width:100px; font-size: 14px; letter-spacing: -0.16px; text-align: left;  color: #c6c7c8;}
    .section-order-complate .order-info dd { width:calc(100% - 100px); margin-bottom:8px;}
    .section-order-complate .order-info dd strong { color: var(--color-font-yellow1);}
    .section-order-complate .product-info { position:relative; margin-top:29px; padding:0 0 80px 0; }
    .section-order-complate .product-info .product { position:relative; min-height:68px; padding: 0px 0 29px 88px; line-height:1.3; }
    .section-order-complate .product-info .product .txt {  font-size: 14px;  letter-spacing: -0.14px;  }
    .section-order-complate .product-info .product .txt em {  margin-bottom:7px; font-size: 13px; font-weight: 500; }
    .section-order-complate .product-info .product .txt strong { margin-bottom:7px; font-size: 16px; letter-spacing: -0.16px; line-height:1.2; }
    .section-order-complate .product-info .product .thumb { width:68px; height:68px; border-radius: 68px;}
    .section-order-complate .product-info .product .thumb img { width:68px; height:68px; }
    .section-order-complate .product-info .price { padding-top:16px; position:relative; border-top:1px solid #393b3f; border-bottom:1px solid #393b3f; }
    .section-order-complate .product-info .price div {  border-radius: 0;  background-color:unset;}
    .section-order-complate .product-info .price dl { margin-bottom:18px; float:none; width:100% !important; text-align: left; overflow: hidden;}
    .section-order-complate .product-info .price dt { position:relative; top:initial; float:left; width:50% !important; height:20px; line-height:20px;  letter-spacing: -0.14px;   font-size: 14px; }
    .section-order-complate .product-info .price dd { float:left; width:50% !important; padding:0; text-align: right; line-height:20px;  }

    .section-order-complate .payment-info .amount { position:relative; margin-top:30px; padding: 0 0 12px 0; border-bottom:1px solid #393b3f }
    .section-order-complate .payment-info .amount dl { overflow:hidden; margin-bottom:12px; line-height:16px;  font-size: 14px;  letter-spacing: -0.14px;  color: #868889 }
    .section-order-complate .payment-info .amount dt { float:left; width:110px;  }
    .section-order-complate .payment-info .amount dd { float:left; width:calc(100% - 110px); text-align:right; }
    .section-order-complate .payment-info .amount dl.total { margin-bottom:16px; line-height:20px; font-size:16px; letter-spacing: -0.16px; text-align: left;  color: #fff; }
    .section-order-complate .payment-info .amount dl.total dd strong { color:var(--color-font-yellow1) }
    .section-order-complate .payment-info .method { position:relative; margin-top:36px; padding-left:0; }
    .section-order-complate .payment-info .method dl { overflow:hidden; margin-bottom:12px; line-height:16px; padding:0; line-height:1;  font-size: 14px;  letter-spacing: -0.14px;  color: #868889 }
    .section-order-complate .payment-info .method dt { float:left; width:110px;  font-size: 14px; letter-spacing: -0.14px; color: #868889; }
    .section-order-complate .payment-info .method dd { float:right; width:calc(100% - 110px); text-align:right;  font-size: 14px; letter-spacing: -0.14px; color: #868889; margin:0; }
    .section-order-complate .payment-info .method dd em { font-style:normal;   color: #c6c7c8}
    .section-order-complate .payment-info .method dl.type { margin-bottom:16px; }
    .section-order-complate .payment-info .method dl.type dt { line-height:20px; color: #fff; }
    .section-order-complate .payment-info .method dl.type dd {  font-size: 16px; letter-spacing: -0.16px; color:#fff;}
    .section-order-complate .btns { margin-top:88px; padding:0 0 32px 0; border-top:0; display: grid; grid-template-columns: 1fr  1fr; gap:10px;}
    .section-order-complate .btns button { width:100%; height:52px; margin:0; font-size:16px; }
    .section-order-complate .payment-info .method-mobile { display: block;}
    .section-order-complate .payment-info .method-pc { display: none;}



}