@charset "utf-8";

/*** define header style ***/

.hidden{display:none !important;}
header{width: 100%;left: 0;height:auto;border-bottom: 8px solid rgb(0, 0, 0);position: fixed;z-index: 1001;background: #fff;box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.2);}
header.logo #head-logo{display:block}
header.search #head-search{display:block}

header .container{width: 100%;height: 160px;margin: 0 auto;display:none;overflow: hidden;}
header .container .logo{display: flex;opacity:0;float: left;width: 25%;height: 100%;text-align: center;justify-content: center;align-items: center;}
header .container .logo.collaboration{width: 470px;}
header .container .logo.moving{animation-name: logo-moving ;animation-duration: 4s;animation-iteration-count: infinite;}
header .container .logo img{width: 156px;display: inline-block;}
header .container .logo .collaboration{
    display:none;
    position: relative;
    padding-left: 50px;
    width: 161px;
    min-height: 160px;
    justify-content: center;
    align-items: center;
    height: auto;
}
header .container .logo.collaboration .collaboration{display:flex}
header .container .logo .collaboration:before{content: '';position: absolute;left: 8px;display: block;width: 20px;height: 20px;background-image: url(/statics/images/collabo.svg);background-size: 20px 20px;margin-left: 10px;margin-right: 10px;}
header .container .logo .collaboration .brand-logo{
    width: 100%;
}
header .container .afterspace{display: block;width: 74%;text-align: left;float: left;font-size: 50px;line-height: 1;letter-spacing: -0.5px;font-weight: 900;color: #000;font-family: 'Spoqa Han Sans Neo';margin-top: 47px;}
header .container .afterspace .brand-menu{}
body.done header .container .afterspace .brand-menu li{display:inline-block;}
header .container .afterspace .brand-menu li{font-size: 24px;line-height: 1.29;letter-spacing: -0.28px;text-align: center;color: #000000;display: none;margin-right: 40px;font-weight: normal;font-family: 'Spoqa Han Sans Neo';}
header .container .afterspace .brand-menu li:last-child{margin-right: 0;}
header .container .afterspace .brand-menu li.active{font-weight: 900;}



header .container .count-text{}
header .container .count-text li{float:left;line-height: 1;letter-spacing: 1px;color: #000;text-align: right;font-family: 'Spoqa Han Sans Neo';font-size: 50px;font-weight: 900;text-align: center;}
header .container .count-text li:after{content: ''; display: block; font-family: 'Spoqa Han Sans Neo'; font-size: 20px; font-weight: 600; font-stretch: normal; font-style: normal; line-height: 2.5; letter-spacing: -0.2px; text-align: center; color: #000000;}
header .container .count-text li.day{}
header .container .count-text li.day:after{content:'Days'}
header .container .count-text li.hour{}
header .container .count-text li.hour:after{content:'Hours'}
header .container .count-text li.min:after{content:'Minutes'}
header .container .count-text li.sec:after{content:'Seconds'}

header .container .count-text li.min{}
header .container .count-text li.sec{}
header .container .in-menu{display: block;float: right;margin-top: 25px;font-size: 14px;line-height: 1.14;}
header .container .in-menu li{float: left; margin-right: 30px;}
header .container .in-menu li:last-child{margin-right:0}

header .container .search-box{height: 90px;width: 83%;font-size: 60px;padding-left:80px;border:0;}
header .container .search-box:focus{outline:none}

/**header animate **/
@keyframes logo-moving {
    0%{transform:translateX(-180px)}
    100%{transform:translateX(960px)}

}




/*** footer header style ***/
footer{width: 100%;left: 0;background: #ff6940;border: solid 1px #000000;position: fixed;bottom: 0;display:none;z-index:1000;box-shadow: 0 -10px 20px 0 rgba(0, 0, 0, 0.2);}
footer .container{width: 100%;height: 160px;background: #000;margin: 0 auto;}
footer .container .menu-bar{float:right;}
footer .container .menu-bar li{width: 160px;height: 160px;float:left;text-align: center;display: inline-block;}
footer .container .menu-bar li:last-child{margin-right: 40px;}
footer .container .menu-bar li a{text-align: center; display: block; width: 160px; height: 160px;}
footer .container .menu-bar li a.btn-cart{position:relative;}
footer .container .menu-bar li a.btn-cart .count{display: block;position: absolute;width: 44px;top: 20px;right: 20px;height: 44px;background: #ff5122;line-height: 44px;border-radius: 32px;color: #fff;font-family: 'Spoqa Han Sans Neo';font-size: 30px;font-weight: 500;letter-spacing: -0.3px;}
footer .container .menu-bar li a img.off{display:inline}
footer .container .menu-bar li a img.on{display:none}
footer .container .menu-bar li a.btn-cart img{width: 102px; height:102px; margin-top: 36px;}
footer .container .menu-bar li.active a img.off,
footer .container .menu-bar li:hover a img.off,
footer .container .menu-bar li:focus a img.off{display:none}
footer .container .menu-bar li.active a img.on,
footer .container .menu-bar li:hover a img.on,
footer .container .menu-bar li:focus a img.on{display:inline}

footer .container a.move-back{display:block;position: absolute;width:160px;height:160px;text-align: center;}
footer .container a.barcode{display: block; position: absolute; left:150px;width: 160px; height: 160px; text-align: center; padding-top: 34px;}
footer .container a.barcode:before{content: '';background-image: url(/statics/images/barcode_off.svg);display: block;background-position: center;background-repeat: no-repeat;width: 100%;height: 70px;background-size: 100% 100%;}
footer .container a.barcode span{font-family: 'Spoqa Han Sans Neo';font-size: 24px;font-weight: 500;letter-spacing: -0.24px;color: white;margin-top: 4px;display: block;}

footer .container .menu-bar a.btn-cart{display: inline-block;width: 158px;height: 100%;text-align: center;padding-top: 34px;}
footer .container .menu-bar a.btn-cart:before{content: ''; background-image: url(/statics/images/shopping-cart.png); display: block; background-position: center; background-repeat: no-repeat; width: 100%; height: 72px; background-size: 72px;}
footer .container .menu-bar a.btn-cart span{font-family: 'Spoqa Han Sans Neo'; font-size: 24px; font-weight: 500; letter-spacing: -0.24px; color: white; margin-top: 4px;}

footer .container .menu-bar a.btn-search{display: inline-block;width: 72px;height: 72px;text-align: center;padding-top: 32px;}
footer .container .menu-bar a.btn-search:before{content: '';background-image: url(/statics/images/search.png);display: block;background-position: center;background-repeat: no-repeat;width: 75px;height: 75px;background-size: 105px;}
footer .container .menu-bar a.btn-search span{font-family: 'Spoqa Han Sans Neo'; font-size: 24px; font-weight: 500; letter-spacing: -0.24px; color: white; margin-top: 4px;}

footer .container .menu-bar a.btn-mobile{display: block;width: 158px;height: 158px;text-align: center;padding-top: 23px;}
footer .container .menu-bar a.btn-mobile:before{content: '';background-image: url(/statics/images/menu-mobile.svg);display: block;background-position: -10px -21px;background-repeat: no-repeat;width: 158px;height: 90px;background-size: 175px;}
footer .container .menu-bar a.btn-mobile span{font-family: 'Spoqa Han Sans Neo'; font-size: 24px; font-weight: 500; letter-spacing: -0.24px; color: white; margin-top: 4px;}



body.barcode footer .container a.barcode{background:#fff;}
body.barcode footer .container a.barcode:before{background-image:url('/statics/images/barcode_on.svg');}
body.barcode footer .container a.barcode span{color:black;}

footer .sub-menu{width: 100%; height: 120px; background: #fff; position: relative; border-top: 8px solid black; display: none;}
footer .sub-menu.active{display:block}
footer .sub-menu .menu-bar {width: 100%;height: 100%;display: table;}
footer .sub-menu .menu-bar li{display: table-cell;vertical-align: middle;width: 20%;height: 120px;text-align: center;border-right: 1px solid black;}
footer .sub-menu .menu-bar li:last-child{border-right:0;}
footer .sub-menu .menu-bar li a{font-size: 28px; font-weight: bold; line-height: 1.29; letter-spacing: -0.28px; color: #000000;}
footer .sub-menu .menu-bar li.active,
footer .sub-menu .menu-bar li:hover{background:black;cursor:pointer}
footer .sub-menu .menu-bar li.active a,
footer .sub-menu .menu-bar li:hover a,
footer .sub-menu .menu-bar li:focus a{color:#fff}

footer .prod-menu{width: 100%; height: 160px; background: #fff; position: relative;display:none;}
footer .prod-menu .menu-bar{width: 100%;margin: 0 auto;height: 100%;}
footer .prod-menu .menu-bar li{display: table-cell;vertical-align: middle;width: 25vw;height: 160px;text-align: center;border-right: 1px solid black;}
footer .prod-menu .menu-bar li.back{color:#fff;background:#000;border-left:1px solid black;text-align: left;width: 25vw;}
footer .prod-menu .menu-bar li.pay{width: 50vw;background: #000;border: solid 1px #000;}
footer .prod-menu .menu-bar li.pay a{color:#fff;}
footer .prod-menu .menu-bar li a{letter-spacing: -0.32px;font-size: 32px;font-weight: bold;letter-spacing: -0.32px;}
footer .prod-menu .menu-bar li.option{background: #ff5122; width: 75vw;}
footer .prod-menu .menu-bar li.option a{color: #fff;}


footer .container .info-block{float: left; margin-right: 60px;}
footer .container .info-block:first-child{margin-right:160px}
footer .container .info-block:last-child{margin-right:0;}
footer .container .info-block h4{font-size: 14px; line-height: 1.71; color: #080808;}
footer .container .info-block ol{margin-top: 10px;}
footer .container .info-block li{font-size: 13px; line-height: 1.71; font-weight: normal;}

footer .cart-menu{position: fixed;bottom: -1px;width: 100%;box-shadow: 0 -10px 20px 0 rgba(0, 0, 0, 0.2);z-index:10001;display:none;}
footer .cart-menu .cart-menu-list{}
footer .cart-menu .cart-menu-list .cart-menu-item{margin: 0 auto;}
footer .cart-menu .cart-menu-list .title{height: 47px;background-color: #ff5122;border: 1px solid black;}
footer .cart-menu .cart-menu-list .title span{display: block;width: calc(1024px - 80px);margin: 0 auto;letter-spacing: -0.24px;font-size: 24px;=font-weight: bold;line-height: 47px;color: black;padding-left: 80px;}
footer .cart-menu .cart-menu-list .price{height: 135px; box-shadow: 0 -10px 20px 0 rgba(0, 0, 0, 0.2);background: #fff;}
footer .cart-menu .cart-menu-list .price span{display: block;width: calc(1024px - 80px);margin: 0 auto;font-family:'Spoqa Han Sans Neo';font-size: 48px;font-weight: 500;line-height: 1;letter-spacing: -0.48px;color: #000;height: 100%;line-height: 135px;padding-left: 80px;}
footer .cart-menu .cart-menu-list .button{display: block;background-color: #000;text-align: center;line-height: 160px;height: 160px;box-shadow: 0 -10px 20px 0 rgba(0, 0, 0, 0.2);border: solid 1px #000000;font-size: 48px;font-weight: bold;color: #fff;letter-spacing: -0.48px;}
footer .cart-menu .cart-menu-list .button a{color:#fff;}


/** keyboard **/
#keyboard{width:100%;height:calc(100% - 168px);position: absolute;top: 168px;background: #fff;z-index:900}
#keyboard .container{position:relative;width: 900px; margin: 0 auto; margin-top: 230px;}
#keyboard .container .key-row{display: table; margin: 0 auto;    margin-bottom: 25px;}


#keyboard .container .key-row .key{display: table-cell; text-align: center; font-size: 32px; font-weight: 500; letter-spacing: -0.32px; vertical-align: middle; width: 88px; height: 88px; background: #fff; border: 1px solid #000;}

#keyboard .container .common-key{position: relative; width: 100%; top: 0px;}
#keyboard .container .common-key .key-row{position: relative;  display: block;height:88px;width: 100%;}
#keyboard .container .common-key .key-row .key{display: block; line-height: 88px; float: left;}

#keyboard .container .key-row .key img{width:100%;height:100%}
#keyboard .container .key-row.shift-row{display:none}
#keyboard .container .key-row .shift{position: absolute;bottom: 115px;left: 0;line-height: 88px;background: #000;color: #fff;}

#keyboard .container .lang-wrap{display:none}
#keyboard .container.kor .korean{display:block;}
#keyboard .container.eng .english{display:block;}
#keyboard .container.number .spacial{display:block;}

#keyboard .container.active .key-row .shift{color:#ef653d}
#keyboard .container.active .key-row.shift-row{display:table;}
#keyboard .container.active .key-row.none-shift-row{display:none;}

#keyboard .container .key-row .backspace{ position: absolute; bottom: 115px; right: 0;}
#keyboard .container .key-row .space{position: absolute;left: 230px;width: 432px;background: #000;border: solid 1px #979797;}
#keyboard .container .key-row .enter,
#keyboard .container .key-row .close{position: absolute;width: 172px;height:80px;top: 0;right: 0;line-height: 80px;border: solid 4px #000000;}

/*** define main style ***/
.main-content{width:100%;height:calc(100% - 162px - 168px);position:relative;padding-top: 168px;overflow-y: overlay;}
#content .container{width:100%;height:100%;margin:0 auto;overflow: auto;}
#content .container.main{padding: 75px; width: calc(100% - 150px); padding-bottom: 162px; height: auto; margin-bottom: 160px;}
#content .container.empty{text-align: center}
#content .container.empty .empty-data{width: 100%;font-size: 48px;font-weight: bold;letter-spacing: -0.48px;text-align: center;color: #000000;padding-top: 300px;}
#content .container.empty a{color: red; font-weight: bold; padding-top: 10px; display: block; font-size: 20px;}
table.space-item{margin-bottom:65px;width:100%}
table.space-item:hover{cursor:pointer}
table.space-item img{width:100%;}
table.space-item .col{border: 1px solid black; padding-left: 16px;font-size: 18px; font-weight: 500;letter-spacing: -0.18px;}
table.space-item .col.tit{font-weight:bold;letter-spacing: -0.32px;font-size: 32px;}
table.space-item .background{border:1px solid black;background-size: cover; background-color: #000; background-position: center center;}



/** product list ***/

#category{width: 100%;height: 80px;padding-left: 60px;overflow: overlay;/* float:left; */box-shadow: 5px 8px 10px 0 rgba(0, 0, 0, 0.2);background-color: #ffffff;border-bottom: 1px solid black;}
#category .category-wrap{height:100%;display: inline-flex;-webkit-box-pack: justify;-webkit-justify-content: space-between;justify-content: space-between;-webkit-box-sizing: border-box;box-sizing: border-box;vertical-align: top;background: #fff;}
#category .category-wrap .category-item{position: relative;font-size: 28px;font-weight: bold;letter-spacing: -0.28px;text-align: center;line-height: 80px;background: #fff;border: 1px solid black;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;padding: 0 20px;border-right: 0;border-bottom: 0;min-width: 156px;font-family:'Spoqa Han Sans Neo';}
#category .category-wrap .category-item:hover,
#category .category-wrap .category-item:focus{cursor:pointer}

#category .category-wrap .category-item:hover,
#category .category-wrap .category-item:focus,
#category .category-wrap .category-item.active{background: #000; color: #fff;}
#category .category-wrap .category-item:last-child{margin-right: 100px}
#prod-detail.show{overflow:hidden;height:calc(100%);}

#prod-list{overflow:hidden !important;}
#product{width: 100%;height: calc(100% - 80px);overflow-y: overlay;}
#product .product-wrap{position:relative;width:100%;height: calc(100% - 80px);}
#product .product-wrap .prod-item{position:relative;height: 479px;width: 33.2%;float:left;border-right: 1px solid black;border-bottom:1px solid black;}
#product .product-wrap .prod-item .stock-wrap{position:absolute;top:0;left:0;padding: 16px;}
#product .product-wrap .prod-item .stock-wrap .store{padding: 8px 12px; border: 1px solid #ff5122; background: #fff; color: #ff5122; font-size: 16px; font-weight: bold; margin-right: 8px;}
#product .product-wrap .prod-item .stock-wrap .warehouse{padding: 8px 12px; border: 1px solid black; background: #fff; font-size: 16px; font-weight: bold;}
.prod-item .prod-picture{width: 100%;height: 376px;background-size: 100% auto;overflow:hidden;}
.prod-item .loading{background: linear-gradient(-45deg, #ffffff, #c5c1c3, #d0d0d0, #ffffff); background-size: 400% 400%; animation: gradient 5s ease infinite; position: absolute; width: 100%; height: 100%;}

.prod-item .prod-picture img{position:relative;width:100%;height:100%;z-index:-1}
.prod-item .prod-information{padding: 14px 22px;}
.prod-item .prod-information .name{line-height: 1;letter-spacing: -0.18px;color: #000000;font-size: 20px;font-weight: bold;text-align: center;border-bottom: 1px solid #dfdfdf;padding-bottom: 10px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.prod-item .prod-information .price{padding-top: 15px;font-size: 20px;text-align: center;}
.prod-item .prod-information .price .original-price{line-height: 1;letter-spacing: -0.16px;font-family:'Spoqa Han Sans Neo';font-size: 14px;font-weight: 300;text-decoration: line-through;color:#929292;}
.prod-item .prod-information .price .original-price:after{content:'won';padding-left:3px}
.prod-item .prod-information .price .arrow{font-style: normal;font-family:'Spoqa Han Sans Neo';font-weight: bold;font-size: 15px;}
.prod-item .prod-information .price .discount{letter-spacing: -0.16px;text-align: right;color: #000000;font-family:'Spoqa Han Sans Neo';font-size: 16px;font-weight: 500;}
.prod-item .prod-information .price .discount:after{content:'won';padding-left:3px}
.prod-item.active .prod-information,
.prod-item:hover .prod-information,
.prod-item:focus .prod-information{background:#000;}
.prod-item.active .prod-information .name,
.prod-item:hover .prod-information .name,
.prod-item:focus .prod-information .name{ border-bottom: 1px solid #545252;}
.prod-item.active .prod-information .name,
.prod-item:hover .prod-information .name,
.prod-item:focus .prod-information .name,
.prod-item.active .prod-information .price .original-price,
.prod-item:hover .prod-information .price .original-price,
.prod-item:focus .prod-information .price .original-price,
.prod-item.active .prod-information .price .discount,
.prod-item:hover .prod-information .price .discount,
.prod-item:focus .prod-information .price .discount{color:#fff;}


.prod-detail-wrap{width:100%;height:100%}
.prod-detail-wrap .relative-prod-wrap{position: relative;z-index: 2;width: 25vw;height: 100%;float:left;overflow-y: auto;border-right: 1px solid black;border-left: 1px solid black;box-shadow: 10px 0px 10px 0 rgba(0, 0, 0, 0.2);}
.prod-detail-wrap .relative-prod-wrap .prod-item{height: 350px;width: 100%;float:left;border-bottom:1px solid black;}
.prod-detail-wrap .relative-prod-wrap .prod-item:last-child{border-bottom:0}
.prod-detail-wrap .relative-prod-wrap .prod-item .prod-picture{width: 100%;height:256px;background-repeat: no-repeat; background-size: cover; background-position: center;}
.prod-detail-wrap .relative-prod-wrap .prod-item.active{color:#fff}

.prod-detail-wrap .prod-inform{width: 75vw;height: calc(100% - 164px);overflow: overlay;position: absolute;top: 164px;left: 25vw;z-index: 0;}
.prod-detail-wrap .prod-inform .more-information{width: 90%; margin: 0 auto; display: block; height: 100px; background: #fff; box-shadow: 10px 10px 20px 0 rgba(0, 0, 0, 0.2); border: 1px solid black; font-size: 32px; font-weight: bold;}
.prod-detail-wrap .prod-inform .prod-picture{position: relative;width: 100%;height: 735px; overflow: hidden;}
.prod-detail-wrap .prod-inform .prod-picture .loading{background: linear-gradient(-45deg, #ffffff, #c5c1c3, #d0d0d0, #ffffff); background-size: 400% 400%; animation: gradient 5s ease infinite; position: absolute; width: 100%; height: 100%;}

.prod-detail-wrap .prod-inform .prod-picture .pic-item{position:absolute;opacity:0;width: 100%;height: 100%;background-repeat: no-repeat;background-size: 100% auto;background-position: center;float: left;}
.prod-detail-wrap .prod-inform .prod-picture .pic-item:first-child{opacity:1}
.prod-detail-wrap .prod-inform .prod-data{border-right: 1px solid black;border-bottom:1px solid black;margin-bottom: 40px;}
.prod-detail-wrap .prod-inform .prod-data .prod-name{height: 45px;border-top: 1px solid black;padding: 24px;}
.prod-detail-wrap .prod-inform .prod-data .prod-name h3.tit{font-size: 32px;font-weight: bold;letter-spacing: -0.32px;line-height: 45px;display: inline-block;width: 100%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.prod-detail-wrap .prod-inform .prod-data .prod-name .star{}
.prod-detail-wrap .prod-inform .prod-data .prod-exp{font-size: 24px; font-weight: 500; line-height: 40px; letter-spacing: -0.24px; color: #000; border-top: 1px solid black; padding-left: 34px; min-height: 70px; padding-right: 24px; font-size: 24px; font-weight: 500; line-height: 40px; letter-spacing: -0.24px; color: #000; border-top: 1px solid black; padding-left: 34px; min-height: 70px; padding-right: 24px;}
.prod-detail-wrap .prod-inform .prod-data .prod-price{width: 100%; border-top: 1px solid black;}
.prod-detail-wrap .prod-inform .prod-data .prod-price .tit{padding: 6px 24px; letter-spacing: -0.24px; font-size: 24px; }
.prod-detail-wrap .prod-inform .prod-data .prod-price .prod-price-detail{width: 100%;height: 84px;display: table;vertical-align: middle;border-top: 1px solid black;}
.prod-detail-wrap .prod-inform .prod-data .prod-price .prod-price-detail .tit{display: table-cell;text-align: center;padding: 0;width: 92px;vertical-align: middle;font-size: 16px;font-weight: bold;letter-spacing: -0.16px;border-right: 1px solid black;}
.prod-detail-wrap .prod-inform .prod-data .prod-price .prod-price-detail .ori-price{display: table-cell;text-decoration: line-through;width: 230px;padding-left: 23px;font-size: 24px;font-weight: 300;font-family:'Spoqa Han Sans Neo';vertical-align: middle;line-height: 0.67;letter-spacing: -0.24px;border-right: 1px solid black;}
.prod-detail-wrap .prod-inform .prod-data .prod-price .prod-price-detail .dis-price{font-family:'Spoqa Han Sans Neo';font-size: 32px;font-weight: 500;vertical-align: middle;display: table-cell;padding-left: 23px;letter-spacing: -0.32px;line-height: 0.5;}

.prod-detail-wrap .prod-inform .btn-arrow{
    position: absolute;
    top: 330px;
    width:90px;
    height:90px;
    z-index: 10;
}
.prod-detail-wrap .prod-inform .btn-arrow img{width:100%;height:100%;}
.prod-detail-wrap .prod-inform .btn-left{
    left: 32px;
}
.prod-detail-wrap .prod-inform .btn-right{
    right: 32px;
}
/** option **/
.prod-option-fix{width:100%;position:fixed;bottom:160px;left:0}
.prod-option-fix .shadow-wrap{width: 75vw;padding-left: 25vw;}
.prod-option-fix .prod-option{box-shadow: 0 -10px 20px 0 rgba(0, 0, 0, 0.2);}
.prod-detail-wrap .prod-inform .prod-option .scroll-down{width:100%;height:41px;background-color: #000000;text-align:center}
.prod-detail-wrap .prod-inform .prod-option .scroll-down:hover{cursor:pointer}
.prod-detail-wrap .prod-inform .prod-option .scroll-down span{color: #fff; display: inline-block; transform: rotate(90deg); font-size: 22px; margin-top: 6px;}
.prod-detail-wrap .prod-inform .prod-option .prod-opt-row{width: 100%; background: #fff;}

.prod-detail-wrap .prod-inform .prod-option .opt-wrap{width: 381px;display: block;float: left;border-right: 1px solid black;overflow: auto;}
.prod-detail-wrap .prod-inform .prod-option .opt-wrap .opt-item{width: 381px;overflow:hidden}
.prod-detail-wrap .prod-inform .prod-option .opt-wrap .opt-item .title{padding-left: 24px;height: 34px;width: calc(100% - 24px);font-size: 24px;font-weight: bold;letter-spacing: -0.24px;color: #000000;padding-top: 8px;border-top: 1px solid black;}
.prod-detail-wrap .prod-inform .prod-option .opt-wrap .opt-item .content{height: 88px;width: calc(100% - 24px);border-top: 1px solid black;padding-left: 24px;display: block;align-items: center;}
.prod-detail-wrap .prod-inform .prod-option .opt-wrap .opt-item .content .each{font-weight: bold;float: left;height: 88px;width: 88px;border-left: 1px solid black;margin-left: 0;font-size: 26px;text-align: center;vertical-align: middle;overflow: hidden;}
.prod-detail-wrap .prod-inform .prod-option .opt-wrap .opt-item .content .each span.txt{display:flex;height: 100%;justify-content: center;align-items: center;}
.prod-detail-wrap .prod-inform .prod-option .opt-wrap .opt-item .content .each:first-child{    margin-left: 30px;}
.prod-detail-wrap .prod-inform .prod-option .opt-wrap .opt-item .content .each:last-child{border-right: 1px solid black;}
.prod-detail-wrap .prod-inform .prod-option .opt-wrap .opt-item .content .each:hover,
.prod-detail-wrap .prod-inform .prod-option .opt-wrap .opt-item .content .each:focus,
.prod-detail-wrap .prod-inform .prod-option .opt-wrap .opt-item .content .each.active{color:#fff;background-color:#000;}
.prod-detail-wrap .prod-inform .prod-option .opt-wrap .opt-item .content .price{display: flex; height: 100%; align-items: center;}
.prod-detail-wrap .prod-inform .prod-option .opt-wrap .opt-item .content .price span{font-size: 16px; font-weight: bold; color: #000; letter-spacing: -0.16px;}
.prod-detail-wrap .prod-inform .prod-option .opt-wrap .opt-item .content .price strong{display: inline-block;width: 250px;text-align: right;font-family:'Spoqa Han Sans Neo';font-size: 25px;font-weight: 500;line-height: 0.5;letter-spacing: -0.32px;color: #000;}


/** cart wrap **/
#cart-list{position:absolute;top:168px;left:0;display: none;width: calc(100% - 148px) !important;height: calc(100% - 268px) !important;padding: 50px 74px;background-color: #fff;z-index:1000;}
#cart-list .empty-data{text-align: center; font-size: 30px; padding-top: 370px;}
#cart-list > .title{width:100%;margin-bottom:51px;}
#cart-list > .title h2{display:inline-block;font-size: 40px; font-weight: bold; letter-spacing: -0.4px;}
#cart-list > .title #btn-cart-close{width: 32px; height: 32px; display: inline-block; float: right;}
#cart-list > .title #btn-cart-close img{width:100%;height:100%}

#cart-list .cart-wrap .cart-item{border: 1px solid black;margin-bottom:66px}
#cart-list .cart-wrap .cart-item .picture{width: 239px; height: 239px;float:left; display: flex; justify-content: center; align-items: center;overflow: hidden}
#cart-list .cart-wrap .cart-item .picture img{width:100%;}

#cart-list .cart-wrap .cart-item .product-item-info{width: calc(100% - 240px);height: 239px;float: left;border-left: 1px solid black;}
#cart-list .cart-wrap .cart-item .product-item-info .row{padding: 0 15px; position: relative; border-bottom: 1px solid black;}
#cart-list .cart-wrap .cart-item .product-item-info .row:last-child{border-bottom: 0;}

#cart-list .cart-wrap .cart-item .product-item-info .row .title{width:520px;font-size: 32px;font-weight: bold;letter-spacing: -0.32px;height: 92px;line-height: 92px;display: inline-block;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
#cart-list .cart-wrap .cart-item .product-item-info .row .btn-item-del{border-left: 1px solid black; display: block; width: 97px; height: 95px; position: absolute; top: 0; right: 0; text-align: center; line-height: 97px;}
#cart-list .cart-wrap .cart-item .product-item-info .row .btn-item-del img{width:51px;}

#cart-list .cart-wrap .cart-item .product-item-info .row .opt-col{height:46px;float:left;overflow-x: auto;overflow-y: hidden;}
#cart-list .cart-wrap .cart-item .product-item-info .row .opt-col.second-opt{display:none}
#cart-list .cart-wrap .cart-item .product-item-info .row .opt-col.second-opt.show{display:block;}
#cart-list .cart-wrap .cart-item .product-item-info .row .opt-col .opt-title{font-size: 24px;padding: 0 15px;font-weight: bold;height: 100%;align-items: center;display: flex;float: left;border-right: 1px solid black;}
#cart-list .cart-wrap .cart-item .product-item-info .row .opt-col .opt-list{height: 100%;float: left;border-right: 1px solid black;overflow-x:auto;overflow-y: hidden;}
#cart-list .cart-wrap .cart-item .product-item-info .row .opt-col:last-child .opt-list{border-right:0}
#cart-list .cart-wrap .cart-item .product-item-info .row .opt-col .opt-list .each{display: block;float:left;font-family:'Spoqa Han Sans Neo';font-size: 24px;font-weight: 500;text-align: center;width: 49px;line-height: 48px;height: 46px;border-right: 1px solid black;}
#cart-list .cart-wrap .cart-item .product-item-info .row .opt-col .opt-list .each.opt{width:auto;min-width: 49px;}
#cart-list .cart-wrap .cart-item .product-item-info .row .opt-col .opt-content{height: 100%;font-family:'Spoqa Han Sans Neo';font-size: 24px;font-weight: 500;line-height: 47px;padding-left: 14px;float: left;}
#cart-list .cart-wrap .cart-item .product-item-info .row .opt-col .opt-list .each.active,
#cart-list .cart-wrap .cart-item .product-item-info .row .opt-col .opt-list .each.plus:hover,
#cart-list .cart-wrap .cart-item .product-item-info .row .opt-col .opt-list .each.minus:hover{box-shadow: inset 0 0 0px 4px #ff5122}



/** ppay wrap **/
#payWrap{position: absolute;top: 0;left: 0;width: 100%;height: 100%;background-color: #000000ab;z-index: 10001;display:none;}
#payWrap .container{width: 100%;margin: 0 auto;height: 100%;}
#payWrap .container .advertisement{width:100%;height: calc(100% - 714px);background-color: #000;}
#payWrap .container .advertisement .ad-image{width:100%;height:100%}
#payWrap .container .advertisement .ad-video{width:100%;height:100%}
#payWrap .container .information{width:100%;height:714px}
#payWrap .container .information .header{width: 100%;height: 64px;background: #000;text-align: right;}
#payWrap .container .information .header .btn-close{width: 32px;display: inline-block;height: 32px;margin-top: 10px;margin-right: 15px;}
#payWrap .container .information .header .btn-close img{width:100%}
#payWrap .container .information .main-title{height: 118px;background-color: #000;font-size: 48px;font-weight: bold;padding-left: 83px;line-height: 118px;color: #fff;}
#payWrap .container .information .main-title .txt{width: 629px; display: block; float: left;}
#payWrap .container .information > .line{height: 47px; padding-left: 81px; color: #000; background-color: #ff5122; line-height: 47px; font-size: 24px; font-weight: bold; letter-spacing: -0.24px;}
#payWrap .container .information .block{display: inline-block; border-right: 1px solid black; border-left: 1px solid black; height: 100%; width: 260px;}
#payWrap .container .information .left-wrap{width: 69.7vw;height: 485px;overflow:hidden;float:left;background: #fff;border-right: 1px solid black;}
#payWrap .container .information .left-wrap .inner{display: block;height: 88px;width: calc(100% - 81px);border-bottom: 1px solid black;line-height: 88px;letter-spacing: -0.48px;font-family:'Spoqa Han Sans Neo';font-size: 48px;font-weight: 500;padding-left: 81px;color: #000;}
#payWrap .container .information .left-wrap .inner2{display:block;position:relative;height: calc(493px - 88px);padding-left:81px;background: url('/statics/images/afterspace1.png');background-repeat: no-repeat;background-size: 330px;background-position-x: center;background-position-y:center;}
#payWrap .container .information .left-wrap .inner2 .title{font-size: 24px; font-weight: bold; letter-spacing: -0.24px; color: #000000; padding-top: 6px;}
#payWrap .container .information .right-wrap{float: left;width: 30.2vw;height: 487px;background: #fff;}
#payWrap .container .information .right-wrap .line{position:relative;width: 260px; height: 100%; border-right: 1px solid black;}
#payWrap .container .information .right-wrap .line .btn-cancel{width: 100%; height: 88px; position: absolute; bottom: 0; display: block; border-top: 1px solid black; font-size: 32px; font-weight: 500; letter-spacing: -0.32px; text-align: center; color: #000000;line-height: 88px;}
#payWrap .container .information .left-wrap .motion{position: absolute; top: 50px; text-align: center; width: 255px; left: 60px;}
#payWrap .container .information .left-wrap .motion .arrow{width:112px}
#payWrap .container .information .left-wrap .motion .card{display:block;}
#payWrap .container .information .left-wrap .motion.moving{animation-name: moving;animation-duration: 3s;animation-iteration-count: infinite;}

#payWrap .container .information .key-wrap{display:none;padding-left:88px;border-bottom:1px solid black;}
#payWrap .container .information .key-wrap .tel-map{position: relative;height: 89px;}
#payWrap .container .information .key-wrap .tel-map .key{width: 88px;height: 88px;float: left;text-align: center;line-height: 88px;font-family:'Spoqa Han Sans Neo';font-size: 32px;font-weight: 500;border-left: 1px solid black;border-top: 1px solid black;}
#payWrap .container .information .key-wrap .tel-map .dot{width: 88px; height: 88px; position: absolute; text-align: center; line-height: 88px; font-size: 32px; font-weight: 500; right: 163px;}


#payWrap .container .information .key-wrap > .tel-map:first-child .key{border-top:0}
#payWrap .container .information .key-wrap > .tel-map:last-child .key{border-bottom:1px solid black;}
#payWrap .container .information .key-wrap > .tel-map .key:last-child{border-right:1px solid black;}

#payWrap .container .information .key-pad{display:none;margin-top:1px;}
#payWrap .container .information .key-pad .key-row{width: 100%; height: 88px;}
#payWrap .container .information .key-pad .key-row .key{width: 88px; height: 88px; float: left; text-align: center; line-height: 88px; border-right: 1px solid black; border-bottom: 1px solid black; font-family:'Spoqa Han Sans Neo'; font-size: 32px; font-weight: 500; letter-spacing: -0.32px;}
#payWrap .container .information .key-pad .button-wrap{height: 88px;width: 266px;border-right: 1px solid black;}
#payWrap .container .information .line-block{display:none;height: 47px;width: 100%;border-bottom: 1px solid black;background-color: #ee4c30;}

#payWrap .container .information.process .main-title{background-color: #dfdfdf; color: #686868;}
#payWrap .container .information.process > .line{background-color: #dfdfdf; color: #686868; border-top: 1px solid black; border-bottom:1px solid black;}
#payWrap .container .information.process .left-wrap .inner{height:47px;font-size: 24px;font-weight: bold;line-height: 47px;}
#payWrap .container .information.process .left-wrap .inner2{height:calc(461px - 88px);background-color: #000;background-image: url(/statics/images/afterspace2.png);}
#payWrap .container .information.process .left-wrap .inner2 .title{display:none;}
#payWrap .container .information.process .left-wrap .motion{display:none;}

#payWrap .container .information.error .main-title{background-color: #ff5122; color: #000;}
#payWrap .container .information.error > .line{background-color: #ff5122; color: #000; border-top: 1px solid black; border-bottom:1px solid black;}
#payWrap .container .information.error .left-wrap .inner2 .title{display:none;}
#payWrap .container .information.error .left-wrap .motion{display:none;}
#payWrap .container .information.error .left-wrap .inner{height:47px;font-size: 24px;font-weight: bold;line-height: 47px;}

#payWrap .container .information.done .main-title{background-color: #ff5122; color: #000;}
#payWrap .container .information.done > .line{background-color: #ff5122; color: #000; border-top: 1px solid black; border-bottom:1px solid black;}
#payWrap .container .information.done .left-wrap .inner{display: block; height: 47px; font-size: 24px; font-weight: bold; letter-spacing: -0.24px; line-height: 47px; background: #ff5122;}
#payWrap .container .information.done .left-wrap .inner2{display:none}
#payWrap .container .information.done .right-wrap .line{display:none}
#payWrap .container .information.done .key-wrap{display:block}
#payWrap .container .information.done .key-pad{display:block}
#payWrap .container .information.done .line-block{display:block}
#payWrap .container .information.done .key-pad .key-btn-cancel{width: 50%;height: 77px;display: block;float: left;font-size: 32px;font-weight: 500;letter-spacing: -0.32px;color: #000;text-align: center;line-height: 82px;}
#payWrap .container .information.done .key-pad .key-btn-done{width: 50%;height: 77px;display: block;float: left;font-size: 32px;font-weight: 500;letter-spacing: -0.32px;color: #000;background: #2e29ff;text-align: center;line-height: 82px;}


#mapWrap .mapboxgl-map{height:100% !important;}
#mapWrap .store-info-wrap{position: fixed; bottom: 0; width: 1024px; margin: 0 auto; margin-bottom: 168px;background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0),#fff);}
#mapWrap .store-info-wrap .space-item{width: 877px; margin: 0 auto; background: #fff; margin-bottom: 58px;}
/**payment animate **/
@keyframes moving {
    0%{transform:translateY(250px) rotate(270deg)}
    100%{transform:translateY(-300px) rotate(270deg)}

}

/** map**/

.map-wrap .marker{width:116px;height:131px;background-image: url('/statics/images/marker.png');background-size:100%;}
.map-wrap .marker:hover{cursor:pointer}
.map-wrap .marker.another.active{background-image: url('/statics/images/marker_on.png') !important;}


/** error page **/
#error{position: absolute;top: 0;z-index: 1000;width: 100%;height: calc(100%);background: #fff;text-align: center;display:none;}
#error .empty-data{width: 100%; font-size: 48px; font-weight: bold; letter-spacing: -0.48px; text-align: center; color: #000000;margin-top:300px}
#error .code{font-size: 41px; padding-top: 20px;}
#error .reflash{color: red; font-weight: bold; padding-top: 10px; display: block; font-size: 20px;}


/** brand list**/
#brand-list{}
#brand-list .inner{/* padding: 0 72px; */height: 100%;}
.brand-item{position:relative;width: 100%;height: 478px;float:left;margin-top:1px;background-repeat: no-repeat;background-size: 100% 100%;background-position: center;border: 1px solid black;}
.brand-item:hover{cursor:pointer}

.brand-item .mask{display:none;top:1px;left:1px;width: 100%; height: 100%; position: absolute; background: rgba(184, 184, 184, 0.5);}
.brand-item.comming-soon .mask{display:block}

.brand-item .brand-logo{width: 100%;height: 320px;overflow: hidden;text-align: center;display: flex;justify-content: center;align-items: center;border: 1px solid black;}
.brand-item .brand-logo img{width:100%}

.brand-item .brand-info{width: calc(100% - 48px);height: 125px;padding: 0 24px;border: 1px solid black;border-top: 0;}
.brand-item .brand-info h3{font-family:'Spoqa Han Sans Neo'; font-size: 32px; font-weight: 900; line-height: 1.56; letter-spacing: -0.32px; border-bottom: 1px solid #efefef; padding: 6px 0px;}
.brand-item .brand-info .time{padding: 15px 0;}
.brand-item .brand-info .time .type-btn{width: 94px; height: 34px; background: black; color: #fff; display: inline-block; text-align: center; line-height: 34px; font-family:'Spoqa Han Sans Neo'; font-size: 24px; letter-spacing: -0.24px;}
.brand-item .brand-info .time .remain-time{display: inline-block; float: right; font-family:'Spoqa Han Sans Neo'; font-size: 24px; font-weight: 900; letter-spacing: -0.24px; color: #000000;}

.brand-item .top-bar{padding:32px;}
.brand-item .top-bar .type-btn{width: 94px; height: 34px; background: black; color: #fff; display: inline-block; text-align: center; line-height: 34px; font-family:'Spoqa Han Sans Neo'; font-size: 24px; letter-spacing: -0.24px;}
.brand-item .top-bar h3{display: inline-block; font-size: 24px; font-weight: bold; letter-spacing: -0.24px; color: #000000; margin-left: 12px;}
.brand-item .bottom-bar{position: absolute;bottom: 0;padding: 32px;width: calc(100% - 64px);}
.brand-item .bottom-bar .logo{display: inline-block; width: 128px; height: 128px; line-height: 128px;}
.brand-item .bottom-bar .logo img{width:100%}
.brand-item .bottom-bar .remain-time{position: absolute;width: auto;font-size: 48px;left: 50px;top: 70px;}

.brand-item .bottom-bar .remain-time .count-text li{float:left;line-height: 1;letter-spacing: 1px;color: #000;text-align: right;font-family:'Spoqa Han Sans Neo';font-size: 48px;font-weight: 900;text-align: center;}
.brand-item .bottom-bar .remain-time .count-text li:after{content: '';display: block;font-family:'Spoqa Han Sans Neo';font-size: 16px;font-weight: 600;font-stretch: normal;font-style: normal;line-height: 2.5;letter-spacing: -0.2px;text-align: center;color: #000000;}
.brand-item .bottom-bar .remain-time .count-text li.day{}
.brand-item .bottom-bar .remain-time .count-text li.day:after{content:'Days'}
.brand-item .bottom-bar .remain-time .count-text li.hour{}
.brand-item .bottom-bar .remain-time .count-text li.hour:after{content:'Hours'}
.brand-item .bottom-bar .remain-time .count-text li.min:after{content:'Minutes'}
.brand-item .bottom-bar .remain-time .count-text li.sec:after{content:'Seconds'}



/** instagram css **/

#instaWrap{}
#instaWrap .insta-item{width: 33%;float: left;position: relative;padding-top: 33%;border: solid 1px #1a1a1a;}
#instaWrap .insta-item .picture{top: 0;width:100%;height:100%;position: absolute;}
#instaWrap .insta-item .picture img{width:100%;height:100%}
#instaWrap .insta-item .picture .insta-image{width: 100%;height: 100%;background-size: cover;background-position: center;background-repeat: no-repeat;}
#instaWrap .insta-item .picture .loading{background: linear-gradient(-45deg, #ffffff, #c5c1c3, #d0d0d0, #ffffff);background-size: 400% 400%;animation: gradient 5s ease infinite;position: absolute;width: 100%;height: 100%;}
@keyframes gradient {
    0% {
        background-position: 0% 50%;
    }
    50% {
        background-position: 100% 50%;
    }
    100% {
        background-position: 0% 50%;
    }
}
.insta-detail-layer{position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.8); z-index: 10001;}
.insta-detail-layer .mask{width: 100%; height: 100%; position: absolute; top: 0; left: 0;}
.insta-detail-layer .inner{position: relative;width: 627px; margin: 0 auto; margin-top: 114px; padding-top:97px}
.insta-detail-layer .inner .close-btn{position: absolute; top: 0; right: 0; width: 97px; height: 97px;}
.insta-detail-layer .inner .close-btn img{width:100%;}
.insta-detail-layer .inner .picture{width:100%;height: auto;border: solid 1px #000000;background-color: #dfdddd;}
.insta-detail-layer .inner .picture img{width:100%;height: auto;}
.insta-detail-layer .inner .picture.loading{background: linear-gradient(-45deg, #ffffff, #c5c1c3, #d0d0d0, #ffffff);background-size: 400% 400%;animation: gradient 5s ease infinite;width: 100%;height: 100%;}
.insta-detail-layer .inner .picture.loading img{display:none;}
.insta-detail-layer .inner .likes{font-size: 24px; font-weight: bold; letter-spacing: -0.24px; padding: 12px 34px; background: #fff; border-bottom: 1px solid black;}
.insta-detail-layer .inner .context{min-height: 152px;max-height: 300px;padding: 8px 34px;font-size: 24px;font-weight: 500;letter-spacing: -0.24px;background: #fff;}


#payDoneWrap{position:absolute;top:0;left:0;background: #fff;width: 100% !important;z-index:1000}

/** advertisement wrap **/
#mainAdvertWrap{width: 100%;height: 100%;position: absolute;background: #000;z-index: 10099;top: 0;left: 0;background:#000; display:none;}
#mainAdvertWrap .advertise-wrap{width:100%;height:100%}
#mainAdvertWrap .advertise-wrap .ad-image{width:100%;height:100%}
#mainAdvertWrap .advertise-wrap .ad-video{width:100%;height:100%}
#mainAdvertWrap .text-wrap{display:none;position: absolute; top: calc(( 100% - 168px) / 2);left: calc((100% - 511px)/2);width: 511px;height: 168px;background: #ff6940;font-size: 32px;font-weight: bold;line-height: 1.13;letter-spacing: -0.32px;text-align: center;color: #fff;overflow:hidden;opacity:0.3}
#mainAdvertWrap .text-wrap p{text-overflow: ellipsis;white-space: nowrap;line-height: 168px;animation-name: ad-text-moving;animation-duration: 4s;animation-iteration-count: infinite;animation-timing-function: linear;}

#mainAdvertWrap .advertise-wrap .ad-wrap{height:100%;width:100%}
#mainAdvertWrap .advertise-wrap .ad-wrap .videos_wrap{height: calc(100% - 836px);}

#mainAdvertWrap .advertise-wrap .ad-wrap .advertise{width:100%;height:100%}
#mainAdvertWrap .advertise-wrap .ad-wrap .desc-wrap{width: 100%; height: 100px; font-size: 32px; font-weight: bold; background: black; color: #fff; line-height: 1.13; letter-spacing: -0.32px; text-align: center;}
#mainAdvertWrap .advertise-wrap .ad-wrap .desc-wrap p{text-overflow: ellipsis;display: inline-block;white-space: nowrap;line-height: 100px;animation-iteration-count: infinite;animation-timing-function: linear;}

#mainAdvertWrap .advertise-wrap .ad-wrap .inner{height: 736px; width: 100%; background: #fff;}
#mainAdvertWrap .advertise-wrap .ad-wrap .inner .time{position: relative; height: 100px; padding: 40px 24px;}
#mainAdvertWrap .advertise-wrap .ad-wrap .inner .time .logo{
    width: 100px;
    height: 100px;
    line-height: 100px;
    display: inline-block;
}
#mainAdvertWrap .advertise-wrap .ad-wrap.no-prod .videos_wrap{height: calc(100% - 280px);}
#mainAdvertWrap .advertise-wrap .ad-wrap.no-prod .inner{height:180px;}

#mainAdvertWrap .advertise-wrap .ad-wrap .inner .time .logo img{width:100%}
#mainAdvertWrap .advertise-wrap .ad-wrap .inner .time .remain-time{display:none;position: absolute;width: auto;font-size: 48px;left: 160px;top: 60px;}
#mainAdvertWrap .advertise-wrap .ad-wrap .inner .time .remain-time .count-text li{float:left;line-height: 1;letter-spacing: 1px;color: #000;text-align: right;font-family:'Spoqa Han Sans Neo';font-size: 50px;font-weight: 900;text-align: center;}
#mainAdvertWrap .advertise-wrap .ad-wrap .inner .time .remain-time .count-text li:after{content: '';display: block;font-family:'Spoqa Han Sans Neo';font-size: 20px;font-weight: 600;font-stretch: normal;font-style: normal;line-height: 2.5;letter-spacing: -0.2px;text-align: center;color: #000000;}
#mainAdvertWrap .advertise-wrap .ad-wrap .inner .time .remain-time .count-text li.day{}
#mainAdvertWrap .advertise-wrap .ad-wrap .inner .time .remain-time .count-text li.day:after{content:'Days'}
#mainAdvertWrap .advertise-wrap .ad-wrap .inner .time .remain-time .count-text li.hour{}
#mainAdvertWrap .advertise-wrap .ad-wrap .inner .time .remain-time .count-text li.hour:after{content:'Hours'}
#mainAdvertWrap .advertise-wrap .ad-wrap .inner .time .remain-time .count-text li.min:after{content:'Minutes'}
#mainAdvertWrap .advertise-wrap .ad-wrap .inner .time .remain-time .count-text li.sec:after{content:'Seconds'}

#mainAdvertWrap .advertise-wrap .ad-wrap .inner .prod{padding-left: 24px; overflow-y: overlay;}
#mainAdvertWrap .advertise-wrap .ad-wrap .inner .prod .prod-list{}
#mainAdvertWrap .advertise-wrap .ad-wrap .inner .prod .prod-list .prod-item{width:400px;margin-right:48px;float:left}
#mainAdvertWrap .advertise-wrap .ad-wrap .inner .prod .prod-list .prod-item:last-child{margin-right:0}
#mainAdvertWrap .advertise-wrap .ad-wrap .inner .prod .prod-list .prod-item .picture{width: 400px; height: 400px;overflow:hidden; line-height: 400px;border:1px solid black;background-repeat: no-repeat; background-size: cover; background-position: center;}
#mainAdvertWrap .advertise-wrap .ad-wrap .inner .prod .prod-list .prod-item .picture img{width:100%;max-height: 100%;}
#mainAdvertWrap .advertise-wrap .ad-wrap .inner .prod .prod-list .prod-item .title{margin-top:24px;font-size: 24px;font-weight: bold;letter-spacing: -0.24px;color: #000000;text-overflow: ellipsis;white-space: nowrap;width: 100%;overflow: hidden;}
#mainAdvertWrap .advertise-wrap .ad-wrap .inner .prod .prod-list .prod-item .price{margin-top: 24px; font-size: 18px; font-weight: 500; letter-spacing: -0.18px;}
.original-price{text-decoration: line-through}

/**header animate **/
@keyframes ad-text-moving {
    0%{transform:translateX(0)}
    100%{transform:translateX(var(--width))}

}



#pickupType{display:none;width:100%;height:100%;background-color: rgba(0, 0, 0, 0.8);position:absolute;top:0;left:0;z-index: 10001;}
#pickupType .container{width: 777px; height: 200px; margin-top: 487px; margin-left: auto; margin-right: auto; padding: 52px 56px; border: solid 1px #000000; background-color: #fff;}
#pickupType .container h3.title{font-size: 40px; font-weight: bold;letter-spacing: -0.4px; color: #000000;}
#pickupType .container .button-wrap{margin-top:65px;display: flex;}
#pickupType .container .btn{width: 100%;height:88px;font-size: 32px;font-weight: 500;letter-spacing: -0.32px;color:#000000;background-color: transparent;border: 2px solid black;}
#pickupType .container .btn.disable{position: relative;background: #efefef;color: #b7b7b7;cursor: not-allowed;border: 1px solid #efefef;}
#pickupType .container .btn.pickup.disable:before{content:'*현장 재고 없음';display:block;position: absolute;top: -32px;font-size: 18px;font-weight: 500;color: #ff5122;}
body.barcode #barcodeWrap{display:block;}
body.barcode header{display:none;}
#barcodeWrap{display:none;width: 100%; height: 100%; position: absolute; top: 0; background: #fff; z-index: 999;}
#barcodeWrap .container{width: 976px; margin: 0 auto;}
#barcodeWrap .container .exp{margin-top: 270px; font-family:'Spoqa Han Sans Neo'; font-size: 48px; letter-spacing: -0.48px; color: #000000;}
#barcodeWrap .container img{display: block; margin-top: 59px;}
#barcodeWrap .container .btn{display: block; width: 262px; height: 88px; border:0;background: #000; font-size: 32px; font-weight: 500; letter-spacing: -0.32px; color: #fff; margin-top: 117px; margin-left: 10px;}
#barcodeWrap .line{width: 100%; height: 2px; background: #000; position: absolute; top: 460px;animation-name: barcode-scan;animation-duration: 2s;animation-iteration-count: infinite;animation-timing-function: linear;}
#barcodeWrap .container input[type=text]{width:400px;height:50px;font-size:20px;border: 0;border-bottom: 1px solid black;}
#barcodeWrap .container input[type=text]:focus {outline: none;}
/**barcode animate **/
@keyframes barcode-scan {
    0%{transform:translateY(10px)}
    100%{transform:translateY(210px)}

}


#brands{display: block;width: 180px;height: 100%;float: left;box-shadow: 5px 0 10px 0 rgba(0, 0, 0, 0.2);overflow:overlay}
#brands .brands-wrap{width:100%}
#brands .brands-wrap li.brand{width:100%;height:auto}
#brands .brands-wrap li.brand .brand-logo{width:180px;min-height: 180px;display: flex;justify-content: center;align-items: center;border-bottom: 1px solid black;height: auto;}
#brands .brands-wrap li.brand .brand-logo img{width:100%;}
#brands.second .brands-wrap li.brand .brand-logo{border-bottom:0}
#brands .brands-wrap li.brand .brand-info{ border-bottom: 1px solid black; padding-left: 8.3%; padding-top: 20px; padding-bottom: 7px; padding-right: 6.1%; }
#brands .brands-wrap li.brand .brand-info.active,
#brands .brands-wrap li.brand .brand-info:hover{background:#000;color:#fff;}
#brands .brands-wrap li.brand .brand-info .brand-name{ font-size: 18px; font-weight: bold; line-height: 1; letter-spacing: -0.18px; padding-bottom: 20px; border-bottom: 1px solid #cccccc; }
#brands .brands-wrap li.brand .brand-info .time{ text-align: right; margin-top: 7px; font-family:'Spoqa Han Sans Neo'; font-size: 16px; font-weight: 500; line-height: 1; letter-spacing: -0.16px; }
#brand-detail{width: 100%;float: left;height: 100%;overflow: overlay;}
#brand-detail .brand-info{padding-top: 1.5%;padding-left: 4.7%;padding-bottom: 2%;border-bottom: 1px solid black;}
#brand-detail .brand-info h3{font-family:'Spoqa Han Sans Neo'; font-size: 32px; font-weight: 900; font-stretch: normal; font-style: normal; line-height: 1.56; letter-spacing: -0.32px; color: #000000; margin-bottom: 10px;}
#brand-detail .brand-info .row{
    margin-top: 20px;
}
#brand-detail .brand-info .row .open{display: inline-block;width: 94px;height: 34px;background: #000;color: #fff;text-align: center;line-height: 34px;font-family:'Spoqa Han Sans Neo';font-size: 24px;letter-spacing: -0.24px;}
#brand-detail .brand-info .row .time{
    display: none;
    float: right;
    margin-right: 4.7%;
    margin-top: -5px;
}
#brand-detail .brand-info .row .time .count-text{}
#brand-detail .brand-info .row .time .count-text li{float:left;line-height: 1;letter-spacing: 1px;color: #000;text-align: right;font-family:'Spoqa Han Sans Neo';font-size: 24px;font-weight: 900;text-align: center;}
#brand-detail .brand-info .row .time .count-text li:after{content: '';display: block;font-family:'Spoqa Han Sans Neo';font-size: 12px;font-weight: 600;font-stretch: normal;font-style: normal;line-height: 2.5;letter-spacing: -0.2px;text-align: center;color: #000000;}
#brand-detail .brand-info .row .time .count-text li.day{}
#brand-detail .brand-info .row .time .count-text li.day:after{content:'일'}
#brand-detail .brand-info .row .time .count-text li.hour{}
#brand-detail .brand-info .row .time .count-text li.hour:after{content:'시간'}
#brand-detail .brand-info .row .time .count-text li.min:after{content:'분'}
#brand-detail .brand-info .row .time .count-text li.sec:after{content:'초'}


#brand-detail .mov-wrap{height: 364px;width: 100%;overflow: hidden;background: #000;border-bottom: 1px solid black;}
#brand-detail .mov-wrap video{width:100%;height:100%;}
#brand-detail .brand-intro{font-size: 24px;font-weight: 500;letter-spacing: -0.24px;color: #000000;padding: 1.5vh 3.1vw;border-bottom: 1px solid black;}
#brand-detail .brand-intro.solo{border-bottom:0;}
#brand-detail .brand-picture{width:100%}
#brand-detail .brand-picture .main-picture{display: flex;justify-content: center;align-items: center;width: 500px;height: 500px;margin:0 auto;border: 1px solid black;border-top: 0;background-size: contain;background-repeat: no-repeat;background-position: center center;}
#brand-detail .brand-picture .main-picture img{width:100%;}

.brand-pictures{width:100%;margin-top:20px}
.brand-pictures .picture-wrap{width: 500px;margin:0 auto;height: auto;margin-bottom:10px;padding-bottom:30px}
.brand-pictures .picture-wrap .pic-item{width:116px;height:116px;float: left;display: flex;justify-content: center;align-items: center;border: 1px solid black;margin-right: 7px;background-size: contain;background-repeat: no-repeat;background-position: center center;}
.brand-pictures .picture-wrap .pic-item:last-child{margin-right:0}
.brand-pictures .picture-wrap .pic-item img{width:100%;}


footer .brand-menu{width: 100%;height: 161px;display:none;position: fixed;z-index: 10;background: #fff;bottom: 0;left: 0;border-top: 1px solid black;}
footer .brand-menu .menu-bar{
    width: 100%;
    height: 100%;
    background: #fff;
}
footer .brand-menu .menu-bar .empty{width:256px;height:100%;float: left;border-right:1px solid black;}
footer .brand-menu .menu-bar .choose{width: calc(100% - 257px);float: left;height:100%;background:#000;color:#fff;font-size: 32px;font-weight: bold;letter-spacing: -0.32px;text-align: center;line-height: 160px;}
footer .brand-menu .menu-bar .choose a{color:#fff;}

.program-wrap{
    width: 100%;    padding-bottom: 185px;
}
.program-wrap .prog-item{
    border: 1px solid black;
    width: calc((100% / 2) - 25px);
    display: inline-block;margin-bottom:35px;
}
.program-wrap .prog-item:nth-child(2n){
    margin-left: 35px;
}
.program-wrap .prog-item .picture{
    width: 100%;
    /*height: 420px;*/
    padding-top:100%;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}
.program-wrap .prog-item .explain{padding: 0 16px;}
.program-wrap .prog-item .explain .title{font-size: 32px; font-weight: bold; height: 60px; letter-spacing: -0.32px; color: #000; padding: 16px 0; border-bottom: 1px solid #ded6d6; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.program-wrap .prog-item .explain .context{height: 81px;font-size: 18px;font-weight: 500;letter-spacing: -0.18px;color: #000000;padding: 16px 0;border-bottom: 1px solid #ded6d6;}
.program-wrap .prog-item .explain .date_info{
    padding: 16px 0;
    font-size: 18px;
    font-weight: 500;
    letter-spacing: -0.18px;
    color: #000;
}
.program-wrap .prog-item .explain .date_info span{display:block;}

.program-wrap{}
.program-wrap .item{min-height: 297px;margin-bottom:30px;padding-left: 265px;position: relative;border: 1px solid black;}
.program-wrap .item.event{min-height: 208px;}
.program-wrap .item .inner{position: relative;z-index: 3;padding-top: 24px;}
.program-wrap .item .title{font-size: 32px; font-weight: bold; letter-spacing: -0.32px; color: #000000;}
.program-wrap .item .content{font-size: 18px;font-weight: 500;letter-spacing: -0.18px;color: #000000;margin-top: 10px;min-height: 70px;}
.program-wrap .item .location{display: inline-block;font-size: 18px;font-weight: 500;letter-spacing: -0.18px;color: #000000;margin-top: 10px;}
.program-wrap .item .inner span{width:50%}
.program-wrap .item .date{font-size: 18px; font-weight: 500; letter-spacing: -0.18px; color: #000000;}
.program-wrap .item .button{margin-top: 20px;}
.program-wrap .item .button button{width: 300px; height: 64px; border: 0; font-size: 24px; font-weight: 500; letter-spacing: -0.24px; font-weight: bold;}
.program-wrap .item .button button.start{margin-right: 16px; background: #000; color: #fff;}
.program-wrap .item .button button.mobile{background: #fff;color: #000;border: 1px solid black;}
.program-wrap .item .background{position: absolute;left: 0;background-image: url(https://kiosk.afterspace.co.kr/storage/premium/product/AF_SBVYI_20200402161658.png);width: 292px;height: 100%;background-size: cover;background-position: center;/* overflow: hidden; */}
.program-wrap .item .background:after{content:'';position: absolute;width: 130px;height: 100%;right: 0;background: linear-gradient(to right, #eaeaea00, #ffffff);}


#surveyWrap{}
#surveyWrap .progress-step{width: 100%;height: 4px;/* border: 1px solid black; */display: flex;}
#surveyWrap .progress-step li{background: #BEBEBE;display: inline-block;margin-right: 24px;width: 100%;}
#surveyWrap .progress-step li.done{background: #000;}
#surveyWrap .survey-body{}
#surveyWrap .survey-body #userTel{margin-top: 176px;}
#userTel h3.title{width: 100%; text-align: center; font-size: 32px; font-weight: bold; letter-spacing: -0.32px; color: #000;}

#userTel .tel_box{margin-top: 47px;}
#userTel .tel_box .result{width: 100%;height: 139px;background: #ffffff;border: 1px solid #000000;border-bottom:0;text-align: center;font-size: 40px;font-weight: bold;letter-spacing: -0.4px;line-height: 139px;}
#userTel .tel_box .tel-row{display: table;height: 87px;width: 100%;border: 1px solid black;border-bottom:0;}
#userTel .tel_box .tel-row:last-child{border-bottom:1px solid black;}

#userTel .tel_box .tel-row li{display: table-cell;border-right: 1px solid black;height: 87px;line-height: 87px;text-align: center;font-family:'Spoqa Han Sans Neo';font-size: 32px;letter-spacing: -0.32px;color: #000000;font-weight: bold;width: 33.3%;}
#userTel .tel_box .tel-row li:last-child{border-right:0}
#userTel .tel_box .tel-row li:focus,
#userTel .tel_box .tel-row li:hover{background:#dfdfdf}
#userTel .tel_box .tel-row li.empty{color: #efefef;}

#userTel .privacy-wrap{margin-top: 20px;line-height: 49px;}
#userTel .privacy-wrap.typeA{margin-top: 50px;}
#userTel .privacy-wrap .label{ font-size: 24px; font-weight: bold; letter-spacing: -0.24px;text-decoration: underline}
#userTel .privacy-wrap .check-box{float:right;height: 49px;line-height: 49px;display: table;position: relative;padding-right: 70px;}
#userTel .privacy-wrap .check-box.active:after{background-color: #000}
#userTel .privacy-wrap .check-box:after{content: '';width: 47px;height: 47px;border: 1px solid black;display: inline-block;position: absolute;right: 0px;}
#userTel .privacy-wrap .check-box label{font-size: 24px;font-weight: bold;letter-spacing: -0.24px;color: #000000;display: inline-block;}


.survey-body .button-wrap{margin-top: 80px;text-align: center;display: inline-flex;width: calc(100% - 150px);position: absolute;bottom: 50px;}
.survey-body .button-wrap button{width: 100%;height: 100px;text-align: center;border: 1px solid #BEBEBE !important;margin-bottom: 28px;line-height: 100px;font-size: 32px;letter-spacing: -0.32px;box-sizing: border-box;border-radius: 100px;}
.survey-body .button-wrap button:last-child{margin-right:0}
.survey-body .button-wrap button.cancel{background: #fff; }
.survey-body .button-wrap button.next{background: #234e9f;color: #fff;margin-left: 20px;}
.survey-body .button-wrap button.print{height: 100px; color: #fff; border: 1px solid black; background: #000; }

.survey-step{margin-top: 176px;display:none;}
.survey-step.active{display:block;}
.survey-step .title{text-align: center; font-size: 40px; font-weight: bold;}
.survey-step .question{text-align: center; font-size: 32px; font-weight: bold; margin-top: 16px;}
.survey-step .answers{text-align: center;margin-top: 176px;width: 100%;overflow: overlay;max-height: 870px;}
.survey-step .answers .list{text-align: center;margin: 0 auto;min-width: 330px;display: table;}
.survey-step .answers .list li{height: 100px;width: 600px;border: 1px solid #BEBEBE !important;margin-bottom: 28px;line-height: 100px;font-size: 32px;letter-spacing: -0.32px;box-sizing: border-box;border-radius: 100px;background: #fff;}
.survey-step .answers .list li:hover,
.survey-step .answers .list li:focus,
.survey-step .answers .list li.active{background: #234E9F;color:#fff;}

.survey-step .answers .img-list{display: inline-flex;overflow-x: overlay;}
.survey-step .answers .img-list li{width: 514px;margin-right: 32px;height: 514px;display: inline-flex;background-size: cover;background-position: center;}
.survey-step .answers .img-list li.active:after{content: ''; width: 100%; height: 100%; display: block; background: #00000075;}

.survey-result{margin-top: 25px;}
.survey-result .sub-title{font-size: 24px; font-weight: bold; text-align: center;margin-bottom:10px;}
.survey-result .describe{font-size: 24px; font-weight: bold; display: block; margin-bottom: 40px; text-align: center; color: gray;}
.survey-result .result-image{display:none;width: 160px; height: 160px; border-radius: 100px; position: absolute; top: 0;}
.survey-result.has-image .result-image{display:block;}
.survey-result .result-title{margin-top: 40px; font-size: 32px; font-weight: bold; text-align: center;}
.survey-result hr{margin: 40px 0; border: 1px solid black;}
.survey-result .context{padding: 0 70px; font-size: 32px; font-weight: 500; letter-spacing: -0.32px; text-align: center; color: #000000;}

.survey-result .list{
    width: 770px;
    margin: 0 auto;
    text-align: left;
}
.survey-result .list .item{position:relative;width: 100%;display: block;margin-bottom:20px;}
.survey-result .list .item img{display:none}
.survey-result .list .item.has-image{line-height: 160px;min-height:160px; }
.survey-result .list .item.has-image:first-child{margin-left: 0;}
.survey-result .list .item.has-image:nth-child(3n+1){margin-left: 0;}
.survey-result .list .item.has-image img{display:block}
.survey-result .list .item.has-image .sub-title{text-align: left; padding-left: 190px; display: inline-block; line-height: normal;}
.survey-result .list .item .result-title{}

.survey-result .context-wrap{position: relative;height: 660px;}
.survey-result .context-wrap .inner{height: 630px; overflow-y: auto; position: absolute; padding: 0 60px;}
.survey-result .context-wrap:after{content:'';display:block;position: absolute;bottom: 0;width: 100%;height: 20%;background: linear-gradient(0deg, rgba(255,255,255,1) 0%, rgb(255 255 255 / 64%) 46%, rgba(255,255,255,0) 100%);}
.survey-result .context-wrap .item img{display:none;border-radius: 100px; position: absolute; top: 0; left: 0; width: 200px; height: 200px;}
.survey-result .context-wrap .item.has-image{position:relative;text-align: left;min-height: 200px; margin: 50px 0;}
.survey-result .context-wrap .item.has-image img{display:block}
.survey-result .context-wrap .item.has-image .context{height: auto; padding-left: 240px; padding-right: 0; text-align: left; min-height: 200px; display: flex; vertical-align: middle; align-items: center;}



.term-layer{width: 100%; height: 100%; position: fixed; top: 0; left: 0; background: #0000008c; z-index: 10001; padding: 84px 112px;}
.term-layer .inner{background: #fff;width: calc(100% - 224px);height: calc(100% - 200px);position: relative;padding-top: 100px;}
.term-layer .inner .btn-close{background: #fff;border: 1px solid black;position: absolute;top: 0;right: 0;}
.term-layer .inner .term-context{padding: 100px 56px;padding-top: 0;font-family:'Spoqa Han Sans Neo';font-size: 24px;font-weight: 500;overflow: overlay;height: calc(100% - 300px);}
.term-layer .inner .button-wrap{border-top: 1px solid black;padding: 49px 56px;background: #dfdfdf;}
.term-layer .inner .button-wrap .btn-term{width: 47%;height: 100px;border: 1px solid black;font-family:'Spoqa Han Sans Neo';font-size: 32px;font-weight: 500;letter-spacing: -0.32px;color: #000000;}
.term-layer .inner .button-wrap .agree{background: #fff;color: #000000;margin-right: 1vw;}
.term-layer .inner .button-wrap .disagree{ background: #000; color: #fff;}

#prodSelectLayer{
    position: fixed;
    top: 0;
    left: 0;
    background: #0000009e;
    z-index: 10000;
    width: 100%;
    height: 100%;
}
#prodSelectLayer > .inner{
    position: relative;
    margin: 84px 112px;
    background: #fff;
}
#prodSelectLayer > .inner .btn-close{
    position: absolute;
    top: 0;
    right: 0;
    background: #fff;
    border: 1px solid black;
}

#prodSelectLayer article.product{
    padding-top: 120px;
}
#prodSelectLayer article.product .information{
    text-align: center;
}
#prodSelectLayer article.product .information .product-image{
    width: 200px;
    height: 200px;
}
#prodSelectLayer article.product .information .title{
    display: block;
    text-align: center;
    margin-top: 16px;
    font-size: 32px;
    font-weight: bold;
    letter-spacing: -0.32px;
    color: #000000;
}
#prodSelectLayer article.product .information .price{
    font-family:'Spoqa Han Sans Neo';
    margin-top: 8px;
    display: block;
    font-size: 24px;
    font-weight: 500;
    line-height: 1.5;
    letter-spacing: -0.24px;
    text-align: center;
    color: #000000;
}
#prodSelectLayer article.product .option{
    margin-top: 40px;
    text-align: center;
    width: 100%;
    overflow-x: auto;
}
#prodSelectLayer article.product .option.child-option{display:none;}
#prodSelectLayer article.product .option.child-option.show{display:block;}
#prodSelectLayer article.product .option .title{
    display: block;
    font-family:'Spoqa Han Sans Neo';
    font-size: 24px;
    font-weight: bold;
    letter-spacing: -0.24px;
    text-align: center;
    color: #000000;
}
#prodSelectLayer article.product .option .option-list{
    margin-top: 12px;
    width: 100%;
    border-top: 1px solid black;
    border-bottom: 1px solid black;
    text-align: center;
}
#prodSelectLayer article.product .option .option-list li{
    line-height: 64px;
    border: 1px solid black;
    display: inline-block;
    margin-right: 13px;
    padding: 0px 24px;
    border-top: 0;
    border-bottom: 0;
}
#prodSelectLayer article.product .option .option-list li.disabled{background-color: #b4b4b4; color: #787777;    cursor: not-allowed;}
#prodSelectLayer article.product .option .option-list li.active{
    border:1px solid #ff5122;
}


#prodSelectLayer article.order{
    margin-top: 100px;
    border-top: 1px solid black;
    background: #dfdfdf;
    padding: 56px;
}
#prodSelectLayer article.order .inner{
    height: 75px;
}
#prodSelectLayer article.order .inner .count-wrap{
    width: 50%;
    float: left;
}

#prodSelectLayer article.order .inner .count-wrap a{
    width: 64px;
    height: 64px;
    border: 1px solid black;
    display: inline-block;
    text-align: center;
    line-height: 64px;
    font-weight: bold;
    font-size: 44px;
}
#prodSelectLayer article.order .inner .count-wrap .minus{}
#prodSelectLayer article.order .inner .count-wrap .plus{}
#prodSelectLayer article.order .inner .count-wrap .count{width: 64px; height: 64px; line-height: 64px; display: inline-block; text-align: center; font-family:'Spoqa Han Sans Neo'; font-size: 24px; font-weight: 900;}
#prodSelectLayer article.order .inner .total-price{
    width: 50%;
    text-align: center;
    float: right;
    font-family:'Spoqa Han Sans Neo';
    font-size: 40px;
    font-weight: bold;
    line-height: 75px;
    letter-spacing: -0.4px;
    color: #000000;
}
#prodSelectLayer article.order .button{
    margin-top: 48px;
    margin-bottom: 30px;
    text-align: center;
    display: inline-flex;
    width: 100%;
}
#prodSelectLayer article.order .button button.button{
    width: 100%;
    height: 100px;
    font-family:'Spoqa Han Sans Neo';
    font-size: 32px;
    font-weight: bold;
    letter-spacing: -0.32px;
    text-align: center;
    display: block;
}
#prodSelectLayer article.order .button button.put_into_cart{
    margin-right: 24px;
    background: #fff;
    border: 1px solid black;
}
#prodSelectLayer article.order .button button.buy_right_now{
    background: #000;
    color: #fff;
    border: 1px solid #000;
}
#payWrap.show{display:block}
#telBody{background: #fff; margin: 84px 112px; height: 900px; padding: 70px; position: relative; top: 160px;}
#telBody #userTel{margin-top: 72px;}
#telBody #userTel .button-wrap{margin-top:42px;text-align: center;}
#telBody #userTel .button-wrap button{width: 47%;height: 100px;font-size: 32px;font-weight: 500;letter-spacing: -0.32px;text-align: center;color: #000000;border: 1px solid black;}
#telBody #userTel .button-wrap button.cancel{background: #fff; margin-right: 24px;}
#telBody #userTel .button-wrap button.next{background: #000; color: #fff;}

#scanWrap{background: #fff;margin: 84px 112px;height: auto;padding: 70px;position: relative;top: 160px;padding-top: 155px;}
#scanWrap .title{font-size: 38px; font-weight: bold; letter-spacing: -0.48px; color: #000000; text-align: center;}
#scanWrap .content{font-size: 24px; font-weight: bold; letter-spacing: -0.24px; text-align: center; color: #000000; margin-top: 17px;}
#scanWrap .barcode-wrap{position:relative;margin-top: 143px;text-align: center;}
#scanWrap .barcode-wrap img{width:309px;height:158px}
#scanWrap .barcode-wrap input.coupon-input{display: block;width: 370px;height: 60px;text-align: center;font-size: 24px;font-weight: bold;margin: 0 auto;margin-top: 20px;border: 0;outline:none;border-bottom: 1px solid;}
#scanWrap .context-wrap{margin-top: 115px;}
#scanWrap .context-wrap .row{margin-bottom:24px;}
#scanWrap .context-wrap .row .title{margin-top: 143px;text-align: center;font-size: 30px;font-weight: bold;line-height: 1.5;letter-spacing: -0.32px;color: #000000;}
#scanWrap .context-wrap .row .value{display: inline-block; float: right; font-size: 25px; font-weight: bold; line-height: 1.5; letter-spacing: -0.32px; color: #000000;}
#scanWrap .context-wrap hr{margin: 24px 0; border-width: 2px;}

#scanWrap .button-wrap{margin-top:42px;text-align: center;}
#scanWrap .button-wrap button{width: 47%;height: 100px;font-size: 32px;font-weight: 500;letter-spacing: -0.32px;text-align: center;color: #000000;border: 1px solid black;}
#scanWrap .button-wrap button.cancel{background: #fff; margin-right: 24px;}
#scanWrap .button-wrap button.next{background: #000; color: #fff;}
#scanWrap .line{width: 100%;height: 2px;background: #000;position: absolute;top: 0px;left: 0;animation-name: barcode-scan2;animation-duration: 2s;animation-iteration-count: infinite;animation-timing-function: linear;}
/**barcode animate **/
@keyframes barcode-scan2 {
    0%{transform:translateY(0px)}
    100%{transform:translateY(155px)}

}


#processWrap{background: #fff;margin: 84px 112px;height: 770px;padding: 70px;position: relative;top: 160px;padding-top: 155px;overflow:hidden}
#processWrap.done:after{content: '주문정보 등록은 카카오 알림톡으로 발송됩니다.';display: flex;align-items: center;position: absolute;width: 100%;height: 100%;top: 0;left: 0;background: #fff;font-family:'Spoqa Han Sans Neo';font-size: 32px;font-weight: bold;letter-spacing: -0.48px;text-align: center;color: #000000;justify-content: center;background-image: url(/statics/images/pay-kakao.svg);background-repeat: no-repeat;background-position: center 180px;}
#processWrap .title{font-family:'Spoqa Han Sans Neo'; font-size: 38px; font-weight: bold; text-align: center;}
#processWrap .sub-title{margin-top: 16px; font-family:'Spoqa Han Sans Neo'; font-size: 24px; font-weight: bold; text-align: center;}
#processWrap .afterspace{margin-top: 80px;position: relative;width: 430px;margin: 80px auto;height: 260px;background-size: 420px 237px;overflow: hidden;border-top: 2px solid black;}
#processWrap .motion{position: absolute;top: 15px;text-align: center;width: 255px;left: 80px;}
#processWrap .motion .arrow{width:112px}
#processWrap .motion .card{display:block;}
#processWrap .motion.moving{animation-name: moving;animation-duration: 1.5s;animation-iteration-count: infinite;}
#processWrap .button{display: block;margin: 0 auto;margin-top: 200px;padding: 27px 110px;font-family:'Spoqa Han Sans Neo';font-size: 32px;font-weight: bold;letter-spacing: -0.32px;text-align: center;color: #000000;background: #fff;border: 1px solid black;}
#processWrap .btn-done{display:none;}
#processWrap.done .btn-done{display:block;height: 75px;border: 1px solid black;position: absolute;bottom: 106px;z-index: 1;background: #fff;font-family:'Spoqa Han Sans Neo';font-size: 30px;font-weight: 500;width: calc(100% - 140px);}
#brand{height:100%;overflow-y:auto;}
#brand .single-header{text-align: center}
#brand .single-header img{height:122px}
#brand .multi-header{}
#brand .multi-header .brand-list{overflow-x: auto;box-shadow: 10px 10px 20px 0 rgba(20, 20, 40, 0.2);height:123px}
#brand .multi-header .brand-list ul.inner{ display:inline-flex;width: auto;}
#brand .multi-header .brand-list ul.inner li{width: 121px;height: 121px;display:flex;justify-content: center;align-items: center;border: 1px solid black;}
#brand .multi-header .brand-list ul.inner li img{width:100%}

#brand .multi-header .information{position: relative; margin: 67px 56px 0; padding-left: 200px; height: 130px;}
#brand .multi-header .information .logo{position: absolute; width: 160px; height: 160px; left: 16px; top: 0; display: flex; justify-content: center; align-items: center; border: 1px solid black; border-radius: 120px; overflow: hidden;}
#brand .multi-header .information .logo img{width:100%}
#brand .multi-header .information .name{font-family:'Spoqa Han Sans Neo'; font-size: 40px; font-weight: bold; letter-spacing: -0.4px; color: #000000;}
#brand .multi-header .information .explain{font-family:'Spoqa Han Sans Neo';font-size: 24px;letter-spacing: -0.24px;color: #000000;margin-top: 24px;max-height: 100px;overflow: overlay;}



#brand .images{margin-top: 72px; position: relative; width: 100%; height: 608px;}
#brand .images a.arrow{position:absolute;width:100px;height:100px;top:40%; z-index: 1}
#brand .images a.arrow img{width:100%;height:100%;}
#brand .images a.btn-left{left:55px;}
#brand .images a.btn-right{right:55px;}
#brand .images .images-wrap{}
#brand .images .images-wrap div.image{display:none;width:100%;height:100%; position: absolute; left: 0; top: 0; background-repeat: no-repeat; background-size: cover; background-position: center;}
#brand .images .images-wrap div.image:first-child{display:block;}

#brand .menu{    padding: 0 56px;text-align: center}
#brand .menu  .top-menu{margin-top: -56px;}
#brand .menu  .top-menu .box{position: relative;text-align: left;display: inline-block;width: 42%;height: 180px;background: #000;padding: 32px;}
#brand .menu  .top-menu .box.bg-red{background: #ff5122;margin-right: 10px;}
#brand .menu  .top-menu .box.bg-black{background:#000;}
#brand .menu  .top-menu .box .title{font-family:'Spoqa Han Sans Neo'; font-size: 40px; font-weight: bold; color: #fff;}
#brand .menu  .top-menu .box .sub-title{font-family:'Spoqa Han Sans Neo'; font-size: 24px; font-weight: normal; color: #fff;}
#brand .menu .top-menu .box .icon{position: absolute; right: 0; bottom: 0; width: 160px; height: 160px;}


#brand .menu .menu-content{position: relative;display:inline-block;margin-top: 60px;box-shadow: 10px 10px 20px 0 rgba(20, 20, 40, 0.2);}
#brand .menu .menu-content .row{position: relative;text-align:center}
#brand .menu .menu-content .row .box{position: relative; width: 258px; height: 260px; border: 1px solid black; padding: 30px; display: inline-block; margin: 0 -1px;}
#brand .menu .menu-content .row .box .title{font-family:'Spoqa Han Sans Neo'; font-size: 32px; font-weight: bold; letter-spacing: -0.32px; color: #000000;text-align:left}
#brand .menu .menu-content .row .box .sub-title{font-family:'Spoqa Han Sans Neo'; font-size: 18px; letter-spacing: -0.18px; text-align: center; color: #000000;text-align:left;}
#brand .menu .menu-content .row .box .icon{position: absolute; right: 0; bottom: 0;}

#brand .images.type02{height: calc(100vh - 580px);}
#brand .images.type02 .images-wrap div.image{background-size: contain;}
#brand .menu.type02{
    padding: 0 30px;
}
#brand .menu.type02 .menu-content{display:block;box-shadow: none;margin-top: 30px;}
#brand .menu.type02 .menu-content .row{display: block;text-align: center;}
#brand .menu.type02 .menu-content .row .box{box-shadow: 10px 10px 20px 0 rgb(20 20 40 / 20%);margin-right: 10px;height: 180px;border: 0;padding: 25px;padding-top: 40px;position: relative;width: 190px;}
#brand .menu.type02 .menu-content .row .box:last-child{margin-right: 0;}
#brand .menu.type02 .menu-content .row .box .icon{
    float: right;
    display: block;
    width: 102px;
}
#productDetail{position: fixed; top: 0; left: 0; background: #0000009e; z-index: 10000; width: 100%; height: 100%;}
#productDetail .inner{position: relative;margin: 0;background: #fff;height: 100%;}
#productDetail .inner .context{height: calc(100% - 437px);padding: 56px;font-size: 32px;text-align: center;font-weight: 500;overflow: hidden;overflow-y: auto;}
#productDetail .inner .button-wrap{height: 97px; padding: 115px 56px; text-align: center; background: #dfdfdf; border-top: 1px solid black;}
#productDetail .inner .button-wrap .button{height: 100px; width: 46%; margin-right: 20px; background: #fff; border: 1px solid black; font-size: 32px; font-weight: 500; letter-spacing: -0.32px; text-align: center;}
#productDetail .inner .button-wrap .button.close{}
#productDetail .inner .button-wrap .button.option{color: #fff; background-color: #ff5122;}


/** qrcode layer **/

.qrcode-layer{position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.8); z-index: 10001;}
.qrcode-layer .mask{width: 100%; height: 100%; position: absolute; top: 0; left: 0;}
.qrcode-layer .inner{position: relative;width: 70vw;margin: 0 auto;margin-top: 20vh;padding-top:97px;}
.qrcode-layer .inner .close-btn{position: absolute; top: 0; right: 0; width: 97px; height: 97px;}
.qrcode-layer .inner .close-btn img{width:100%;}
.qrcode-layer .inner .picture{width:100%;height:627px;border: solid 1px #000000;background: #FFF;display: flex;align-items: center;justify-content: center;align-self: center;}
.qrcode-layer .inner .picture img{width:100%;height:100%}
.qrcode-layer .inner .likes{font-size: 24px; font-weight: bold; letter-spacing: -0.24px; padding: 12px 34px; background: #fff; border-bottom: 1px solid black;}
.qrcode-layer .inner .context{min-height: 100px;padding: 8px 34px;font-size: 24px;font-weight: 500;letter-spacing: -0.24px;background: #fff;}


/** payment coupon **/

#payWrap .coupon_wrap{width: 80vw; margin: 0 auto; background-color: #fff;margin-top:160px;}
#payWrap .coupon_wrap .inner{padding: 90px 70px;}
#payWrap .coupon_wrap .list-wrap{width:100%;overflow-x:overlay}
#payWrap .coupon_wrap .title{font-family:'Spoqa Han Sans Neo';font-size: 35px;font-weight: bold;letter-spacing: -0.48px;text-align: center;}
#payWrap .coupon_wrap .brands{width: auto;margin-top:40px;overflow-y: overlay;display: inline-flex;}
#payWrap .coupon_wrap .brands .item{display: inline-block;width: 150px;font-family:'Spoqa Han Sans Neo';font-size: 24px;font-weight: normal;letter-spacing: -0.32px;color: #000000;margin-right: 16px;text-align: center;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
#payWrap .coupon_wrap .brands .item.active{border-bottom: 3px solid #ff5122;padding-bottom: 6px;font-weight: bold;}

#payWrap .coupon_wrap .content{margin-top: 24px;height: 620px;overflow-y: overlay;position: relative;}
#payWrap .coupon_wrap .content:after{content:'';display:block;position: absolute;bottom: 0;width: 100%;height: 100%;background: linear-gradient(0deg, rgba(255,255,255,1) 0%, rgb(255 255 255 / 0%) 46%, rgba(255,255,255,0) 100%);}
#payWrap .coupon_wrap .content .coupon{padding: 20px 80px;border: 1px solid #b7b7b7;margin-bottom: 24px;position: relative;z-index: 10;}
#payWrap .coupon_wrap .content .coupon.active{border-color: #ff5122; background-color: #fff6f4;}
#payWrap .coupon_wrap .content .coupon .name{font-family:'Spoqa Han Sans Neo';font-size: 25px;font-weight: bold;}
#payWrap .coupon_wrap .content .coupon .info{    margin-top: 16px;}
#payWrap .coupon_wrap .content .coupon .info .title{font-family:'Spoqa Han Sans Neo';font-size: 25px;font-weight: bold;text-align: left;}
#payWrap .coupon_wrap .content .coupon .info .context{margin-top: 16px; font-family:'Spoqa Han Sans Neo'; font-size: 18px; font-weight: normal; letter-spacing: -0.18px; color: #686868;}

#payWrap .coupon_wrap .footer{margin-top: 41px; padding-top: 41px; border-top: 2px solid #000;}
#payWrap .coupon_wrap .footer .item{font-size: 25px; font-weight: bold; font-stretch: normal; font-style: normal; line-height: 1.5; letter-spacing: -0.32px; margin-bottom: 16px;}
#payWrap .coupon_wrap .footer .item .brand{    float: left;}
#payWrap .coupon_wrap .footer .item .price{float: right;}

#payWrap .coupon_wrap .button-wrap{margin-top: 40px; width: 100%; display: flex;}
#payWrap .coupon_wrap .button-wrap .button{width: 100%; height: 80px; font-family:'Spoqa Han Sans Neo'; font-size: 25px; font-weight: 500; font-stretch: normal; font-style: normal; line-height: normal; letter-spacing: -0.32px; text-align: center; color: #000000;}
#payWrap .coupon_wrap .button-wrap .button.skip{margin-right: 10px; border: 1px solid black; background: #fff;}
#payWrap .coupon_wrap .button-wrap .button.next{border: 1px solid black; background: #000; color: #fff;}

/** payment point **/

#payWrap .point_wrap{width: 80vw; margin: 0 auto; background-color: #fff;margin-top:160px;}
#payWrap .point_wrap .inner{padding: 90px 70px;}
#payWrap .point_wrap .list-wrap{width:100%;overflow-x:overlay}
#payWrap .point_wrap .title{font-family:'Spoqa Han Sans Neo';font-size: 35px;font-weight: bold;letter-spacing: -0.48px;text-align: center;}
#payWrap .point_wrap .brands{width: auto;margin-top:40px;overflow-y: overlay;display: inline-flex;}
#payWrap .point_wrap .brands .item{display: inline-block;width: 150px;font-family:'Spoqa Han Sans Neo';font-size: 24px;font-weight: normal;letter-spacing: -0.32px;color: #000000;margin-right: 16px;text-align: center;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
#payWrap .point_wrap .brands .item.active{border-bottom: 3px solid #ff5122;padding-bottom: 6px;font-weight: bold;}

#payWrap .point_wrap .have_point{width: 80%; height: 50px; margin: 0 auto; margin-top: 40px; border-bottom: 2px solid black; font-family:'Spoqa Han Sans Neo'; font-size: 23px; font-weight: bold;}
#payWrap .point_wrap .have_point .brand-name{float: left;}
#payWrap .point_wrap .have_point .brand-name .brand{}
#payWrap .point_wrap .have_point .point{float: right;padding-right: 10px;}

#payWrap .point_wrap .tel_box{margin-top: 40px;}
#payWrap .point_wrap .tel_box .result{width: 100%;height: 120px;background: #dfdfdf;border: 1px solid #000000;border-bottom:0;text-align: center;font-size: 28px;font-weight: bold;letter-spacing: -0.4px;line-height: 120px;}
#payWrap .point_wrap .tel_box .tel-row{display: table;height: 87px;width: 100%;border: 1px solid black;border-bottom:0;}
#payWrap .point_wrap .tel_box .tel-row:last-child{border-bottom:1px solid black;}

#payWrap .point_wrap .tel_box .tel-row li{display: table-cell;border-right: 1px solid black;height: 87px;line-height: 87px;text-align: center;font-family:'Spoqa Han Sans Neo';font-size: 25px;letter-spacing: -0.32px;color: #000000;font-weight: bold;width: 33.3%;}
#payWrap .point_wrap .tel_box .tel-row li:last-child{border-right:0}
#payWrap .point_wrap .tel_box .tel-row li:focus,
#payWrap .point_wrap .tel_box .tel-row li:hover{background:#dfdfdf}
#payWrap .point_wrap .tel_box .tel-row li.empty{  color:#fff;}
#payWrap .point_wrap .input_point{width: 100%; display: block; height: 80px; border: 1px solid black; font-family:'Spoqa Han Sans Neo'; font-size: 25px; font-weight: 500; font-stretch: normal; font-style: normal; line-height: normal; letter-spacing: -0.32px; text-align: center; color: #fff; background: #000; margin-top: 30px;}


#payWrap .point_wrap .footer{margin-top: 41px; padding-top: 41px; border-top: 2px solid #000;}
#payWrap .point_wrap .footer .item{font-size: 25px; font-weight: bold; font-stretch: normal; font-style: normal; line-height: 1.5; letter-spacing: -0.32px; margin-bottom: 16px;}
#payWrap .point_wrap .footer .item .brand{    float: left;}
#payWrap .point_wrap .footer .item .price{float: right;}

#payWrap .point_wrap .button-wrap{margin-top: 40px; width: 100%; display: flex;}
#payWrap .point_wrap .button-wrap .button{width: 100%; height: 80px; font-family:'Spoqa Han Sans Neo'; font-size: 25px; font-weight: 500; font-stretch: normal; font-style: normal; line-height: normal; letter-spacing: -0.32px; text-align: center; color: #000000;}
#payWrap .point_wrap .button-wrap .button.skip{margin-right: 10px; border: 1px solid black; background: #fff;}
#payWrap .point_wrap .button-wrap .button.next{border: 1px solid black; background: #000; color: #fff;}


/** 설문 팝업**/
#surveyPopup{position: fixed; width: 100%; height: 100%; top: 0; left: 0; background: #EFEFEF; z-index: 10000;}
#surveyPopup .header{height: 160px; width: 100%; background: #fff; border-bottom: 1px solid #BEBEBE; text-align: center; line-height: 160px;}
#surveyPopup .header .logo{width: 170px;display: inline-block;max-height: 100%;overflow: hidden;}
#surveyPopup .header .logo img{width: 100%;}

#surveyPopup .header .btn-back{display: block; width: 58px; height: 58px; position: absolute; left: 40px; top: 50px;}
#surveyPopup .header .btn-back img{width:100%;vertical-align: top;height:100%;}
#surveyPopup .header .btn-close{display: block; width: 32px; height: 32px; position: absolute; right: 40px; top: 60px;}
#surveyPopup .header .btn-close img{width:100%;height:100%;vertical-align: top;}

#surveyPopup .body{padding-top: 81px;}
#surveyPopup .body .remain-qty{font-size: 24px; color: #234E9F; text-align: center; display: block;}
#surveyPopup .body .inner{margin-bottom: 40px;height: 550px;background-repeat: no-repeat;background-image: var(--back-img);background-position: center;background-size: cover;}
#surveyPopup .body .inner.related{background-image: none}
#surveyPopup .body .inner.related .related-by{    display: inline-flex;}
#surveyPopup .body .inner .related-by{display:none}
#surveyPopup .body .inner .related-by li.item{width: 514px;height: 514px;background-image: var(--prod-src);display: block;background-repeat: no-repeat;background-size: 100% auto;background-position: center;margin-right: 32px;border-radius: 140px;}
#surveyPopup .body .content{}
#surveyPopup .body .content .title{font-size: 40px; font-weight: bold; color: #141414; text-align: center; margin-bottom: 56px;}
#surveyPopup .body .content .explain{font-size: 32px; line-height: 48px; text-align: center; letter-spacing: -0.553191px; color: #141414; margin-bottom: 80px;}
#surveyPopup .body .btn{width: 800px; display: block; margin: 0 auto; height: 100px; border: 0; background: #234E9F; border-radius: 100px; color: #fff; font-size: 32px; line-height: 32px; text-align: center; letter-spacing: -0.553191px; font-weight: bold; }

#surveyPopup .body .line-text{margin-top: 80px; position: relative; display: block; text-align: center; line-height: 48px;}
#surveyPopup .body .line-text span{letter-spacing: -0.553191px; display: inline-block; padding: 0 20px; color: #141414; font-size: 24px; background: #efefef;}
#surveyPopup .body .line-text:before{content: ''; display: inline-block; position: absolute; width: 80vw; height: 1px; background: #000000; top: 19px; left: 10vw; z-index: -1;}

#surveyPopup .body .coupon-wrap{margin-top: 50px;}
#surveyPopup .body .coupon-wrap .coupon{width: 618px;height:225px;display: flex;position: relative;margin:0 auto;background: #fff;}
#surveyPopup .body .coupon-wrap .coupon .detail .logo{}
#surveyPopup .body .coupon-wrap .coupon .detail .logo img{width: 38px;height: 38px;border-radius: 38px;margin-right: 10px;}
#surveyPopup .body .coupon-wrap .coupon .detail{padding: 16px 16px;box-shadow: 0 2px 4px 0 #ababab;width: calc(100% - 230px);position: relative;display: inline-block;}
#surveyPopup .body .coupon-wrap .coupon .detail .brand-name{font-weight: bold;font-size: 18px;line-height: 22px;
    /* identical to box height */letter-spacing: -0.553191px;color: #141414;}
#surveyPopup .body .coupon-wrap .coupon .detail .title{font-size: 24px;font-weight: bold;letter-spacing: -0.16px;margin-top: 31px;color: #000;}
#surveyPopup .body .coupon-wrap .coupon .detail .explain{font-weight: 500;margin-top: 8px;overflow: hidden;font-size: 18px;line-height: 22px;
    /* identical to box height */letter-spacing: -0.553191px;color: #141414;}
#surveyPopup .body .coupon-wrap .coupon .detail .exp-date{font-family:'Spoqa Han Sans Neo';font-size: 10px;font-weight: 500;margin-top: 5px;color: #696969;display: block;}
#surveyPopup .body .coupon-wrap .coupon .detail:after{content: '';display: block;position: absolute;width: 40px;height: 40px;background: #efefef;border-radius: 20px;right: -20px;bottom: -20px;box-shadow: inset 1px 4px 0px 0 #ababab;z-index: 1;}
#surveyPopup .body .coupon-wrap .coupon .detail:before{content: '';display: block;position: absolute;width: 40px;height: 40px;background: #ffffff;border-radius: 20px;right: -20px;top: -20px;box-shadow: inset 0px -1px 0px 0 #ababab;z-index: 1;}
#surveyPopup .body .coupon-wrap .coupon .images{width:190px;display: inline-block;height: 100%;box-shadow: 7px 4px 4px 0 #ababab;background-color: #D5D4D2;background-repeat: no-repeat;background-position: center;background-size: 100%;}

#surveyPopup .body #surveyWrap{display:none}
#surveyPopup .body.start #surveyWrap{display:block;padding: 0 75px;width: calc(100% - 150px);padding-bottom: 0;}
#surveyPopup .body.start .intro{display:none}

#surveyPopup .survey-body.hide-step .survey-step{display:none;}

#surveyPopup .survey-result > .inner{background: #fff;position:relative;margin-bottom: 0;margin-top: 160px;height: calc(100% - 160px);overflow: hidden;}
#surveyPopup .survey-result{position: fixed;display:none;top: 0;width: 100%;height: 100%;background: #00000080;margin-top: 0;z-index: 100;}
#surveyPopup .survey-result .btn-close{position: absolute;top: 40px;right: 40px;}
#surveyPopup.result .survey-result{display: block}
#surveyPopup .survey-result > .inner > .title{height: 108px;background: #fff;text-align: center;font-size: 32px;line-height: 108px; /* identical to box height, or 100% */letter-spacing: -0.553191px;color: #141414;font-weight: normal;border-bottom: 1px solid #BEBEBE;}
#surveyPopup .survey-result .editor{height: 400px;background: #EAEAEA;padding: 20px 48px;overflow-y: auto;}
#surveyPopup .survey-result .recomm{background: #fff;margin-top: 0;padding: 40px 48px;height: 490px;overflow-x: overlay;overflow-y: hidden;}
#surveyPopup .survey-result .recomm .inner{display: inline-flex}
#surveyPopup .survey-result .recomm .item{width: 280px;display:block;margin-right: 30px;text-align: center;}
#surveyPopup .survey-result .recomm .item .sub-title{margin-top: 24px; font-weight: bold; font-size: 24px; line-height: 32px; text-align: center; letter-spacing: -0.553191px; color: #141414; margin-bottom: 12px;}
#surveyPopup .survey-result .recomm .item .item-image{width: 280px;height: 280px;border: 1px solid #BEBEBE;background-repeat: no-repeat;background-size: 100% auto;background-position: center;overflow: hidden;border-radius: 20px;}
#surveyPopup .survey-result .recomm .item a{font-style: normal; font-weight: normal; font-size: 24px; line-height: 32px; /* identical to box height, or 133% */ text-align: center; letter-spacing: -0.553191px; color: #898989;}
#surveyPopup .survey-result .recomm .title{font-weight: bold;font-size: 32px;line-height: 48px; /* identical to box height, or 150% */letter-spacing: -0.553191px;color: #141414;text-align: left;margin-bottom: 36px;}
#surveyPopup .survey-result .coupon-wrap{background: #fff; margin-top: 0; padding: 40px 48px; height: 350px;}
#surveyPopup .survey-result .coupon-wrap .title{font-weight: bold;font-size: 32px;line-height: 48px; /* identical to box height, or 150% */letter-spacing: -0.553191px;color: #141414;text-align: left;margin-bottom: 36px;}
#surveyPopup .survey-result .button-wrap{text-align: center;background: #fff;width: 100%;display: block;padding: 40px 0;}
#surveyPopup .survey-result .button-wrap .btn{width: 372px; display: inline-block;}
#surveyPopup .survey-result .button-wrap .btn.white{background-color: #fff;color:#234E9F;border: 1px solid #234E9F;}