@charset "utf-8";

#main_visual {width:100%; margin:0 auto; position:relative; height:800px;}
#main_visual .multiple{position:relative;width:100%; zoom:1;margin:0;padding:0; height:800px;}
#main_visual .multiple li{width:100%; margin:0; height:800px; position:relative; text-align:center;}
#main_visual .multiple li>a{width:100%; height: 100%; display: block;}
#main_visual .bx-pager{position:absolute; top:192px; z-index:99; left:50%; margin-left:325px;}
#main_visual .bx-pager .bx-pager-item{display:inline-block; margin:0 5px;}
#main_visual .bx-pager a{display:inline-block; font-size:0; line-height:0; margin:0; width:10px; height:10px; z-index:99; background:url("../shop/images/main_visual_btn.png") no-repeat 0 0;}
#main_visual .bx-pager a.active{background-position:0 -10px;}
#main_visual .bx-start{display:none;}
#main_visual .bx-stop{display:none;}
#main_visual .active{display:none;}
#main_visual .bx-prev{display:none;}
#main_visual .bx-next{display:none;}

.coupon_popup {position:fixed; width: 100%; height: 100vh; background: rgba(0, 0, 0, .5); left: 0; top: 0; z-index: 100;}
.coupon_popup .inner {position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%);}
.coupon_popup .inner::after {content: ''; display: block; visibility: hidden; clear: both;}
.coupon_popup .close {display: table; max-width: 20px; margin-left: auto; background: none; border: 0; position: absolute;}
.coupon_popup .close img {display: block; width: 100%;}
.coupon_popup.fix1 .inner {width: 800px; max-width: calc(100% - 40px); display: flex; justify-content: center; align-items: stretch;}
.coupon_popup.fix1 .inner .coupon_login_img {width: 400px; position: relative; display: flex; justify-content: center; align-items: center; overflow: hidden;}
.coupon_popup.fix1 .inner .coupon_login_img img {width: 100%; height: 100%; object-fit: cover;}
.coupon_popup.fix1 .close {right: 22px; top: 22px; }
.coupon_popup.fix1 .left {float: left; max-width: 400px;}
.coupon_popup.fix1 .right {float: left; width: 400px; padding: 35px 30px 50px; max-height: 400px; overflow: hidden; background: #fff;}
.coupon_popup.fix1 .pop_tit {display: table; max-width: 112px; margin: 0 auto 10px 10px;}
.coupon_popup.fix1 input {padding: 25px 10px 10px; font-size: 20px; height: 55px; border: 0; border-width: 0; border-bottom: 1px solid #b2b2b2; width: 100%; display: block;}
.coupon_popup.fix1 .btnwrap {padding: 15px 0 20px; overflow: hidden;}
.coupon_popup.fix1 .btnwrap .f_btn {float: left; width: 235px; display: block; text-align: center; line-height: 40px; color: #fff; font-size: 15px; background: #ef4129;}
.coupon_popup.fix1 .btnwrap .l_btn {float: left; width: calc(100% - 240px); border: 1px solid #ef4129; line-height: 38px; text-align: center; color: #ef4129; font-size: 15px; text-align: center;}
.coupon_popup.fix1 p {color: #686868; font-size: 12px; line-height:16px; margin-bottom: 4px;}
.coupon_popup.fix2 .inner {width: 300px; height: 300px; max-height: 300px; background: #fff; padding: 40px 30px 30px; text-align: center;}
.coupon_popup.fix2 .close {right: 16px; top: 16px; }
.coupon_popup.fix2 .cp-img {display: block; max-width: 90px; margin: 0 auto 5px;}
.coupon_popup.fix2 span {display: block; font-size: 20px; font-weight: 500; color: #000;}
.coupon_popup.fix2 p {color: #666; font-size: 16px; line-height: 24px; margin: 10px auto 20px;}
.coupon_popup.fix2 .f_btn {display: block; font-size: 16px; background: #ef4129; line-height: 40px; color: #fff;}
.coupon_popup .sns-wrap {padding-bottom: 20px;}
.coupon_popup .sns-wrap::after{content: ''; display: block; visibility: hidden; clear: both;}
.coupon_popup .sns-wrap a {font-size: 13px; display: block; width: 50%; float: left;}
.coupon_popup .sns-wrap .sns-kakao {text-align: left;}
.coupon_popup .sns-wrap .sns-naver {text-align: right;}
.coupon_popup.fix1 input::-webkit-input-placeholder {
  color: #b2b2b2;
}
.coupon_popup.fix1 input:-ms-input-placeholder {
  color: #b2b2b2;
}

@media screen and (max-width: 768px) {
  .coupon_popup.fix1 .inner {flex-direction: column; top: calc(50% + 30px); align-items: center;}
  .coupon_popup.fix1 .inner .coupon_login_img {width: 100%; max-width: 400px; /* max-height: calc(100vh - 400px - 25vh); */}
  .coupon_popup.fix1 .right {width: 100%; max-width: 400px;}
  .coupon_popup.fix1 .close {right: calc(50% - 185px); transform: translateX(-50%);}
}

@media screen and (max-width: 540px) {
  /* .coupon_popup.fix1 .inner .coupon_login_img {display: none;} */
  .coupon_popup.fix1 .btnwrap .f_btn {width: 180px; font-size: 14px;}
  .coupon_popup.fix1 .btnwrap .l_btn {width: calc(100% - 182px); font-size: 14px;}
  .coupon_popup .sns-wrap {display: flex; flex-wrap: wrap; row-gap: 10px; column-gap: 20px;}
  .coupon_popup .sns-wrap a {width: auto;}
  .coupon_popup.fix1 .right {max-height: none; padding: 15px 25px 20px;}
  .coupon_popup.fix1 .pop_tit {display: none;}
  .coupon_popup .sns-wrap {padding-bottom: 12px;}
  .coupon_popup.fix1 input {height: 50px; padding: 15px 10px 10px;}
  .coupon_popup.fix1 .close {right: 22px; transform: none;}
}