﻿.container {margin-top: 40px;margin-bottom: -195px;}
.top-exposed .container-pop {padding-top: 40px;height: initial;}

/* top & bottom move button*/
.move-top {display:flex;justify-content:right;padding-right:0;box-sizing:border-box;}
.move-top button {position: fixed; right: initial !important;bottom: 180px;width: 30px;height: 30px;background: url(https://cdn.cloudzero.co.kr/Upload/shoemarker/sample/top.png) no-repeat;margin: 13px 33px 13px 13px;-webkit-box-sizing: border-box;box-sizing: border-box;background-size: 30px;z-index: 98;}
.move-bottom {display:flex;justify-content:right;padding-right:0;box-sizing:border-box;}
.move-bottom button {position: fixed; right: initial !important;bottom: 140px;width: 30px;height: 30px;background: url(https://cdn.cloudzero.co.kr/Upload/shoemarker/sample/top.png) no-repeat;margin: 13px 33px 13px 13px;-webkit-box-sizing: border-box;box-sizing: border-box;background-size: 30px;z-index: 98;transform: rotate(180deg);}
.move-kakao {display: flex;justify-content: right;padding-right: 0;box-sizing: border-box;bottom: 80px !important;z-index: 98;}
.move-kakao > a{position:fixed;bottom:90px;z-index:98;}
.move-kakao > a > img{width:56px;margin-right:20px;}


/* 로그인 - 쿠폰레이어 */
#couponPop .area-pop .full {background-color:initial !important;}
#couponPop .area-pop .container-pop {background-color:initial !important;padding:0;}
#couponSlidePopup {position:fixed;top:50%;left:50%;display: flex;width: 100%;max-width:600px;max-height: 100%;transform: translate(-50%, -50%);z-index:1000;}
#couponSlidePopup .pop-layer {position: relative;width: 90%;margin:0 auto;border-radius: 5%;background-color: #111;overflow: hidden;}
#couponPop .area-pop .container-pop .contents {padding: 0;margin-bottom: 0;}
#couponSlidePopup .pop-coupon-slide {width:100%;height:auto;}
#couponSlidePopup .swiper-slide .img {width: 100%;aspect-ratio: 2.5 / 1;background: url('https://cdn.cloudzero.co.kr/Upload/Push/coupon.png') no-repeat top center;background-size: auto 100%;}
#couponSlidePopup .pop-top > span {display: block;}
#couponSlidePopup .pop-top .name {color: #fff;font: normal normal bold 20px Pretendard;text-align: center;padding-top: 40px;}
#couponSlidePopup .pop-top .con {color: #fff;font: normal normal 20px Pretendard;text-align: center;padding: 5px 0 25px;}
#couponSlidePopup .swiper-slide .img > span {display: block;}
#couponSlidePopup .swiper-slide .img .coupon-name {position: absolute;top: 15%;left: 15%;font: normal normal bold 12px 'Spoqa Han Sans Neo';width: 55%;word-break: keep-all;/*overflow: hidden;text-overflow: ellipsis;white-space: nowrap;*/}
#couponSlidePopup .swiper-slide .img .coupon-price {position: absolute;top: 37%;left: 15%;width: 55%;text-align: center;font-size: 30px;color: #1367b1;}
#couponSlidePopup .swiper-slide .img .expire-date {position: absolute;top: initial;left: 15%;bottom:15%;font: normal normal bold 12px 'Spoqa Han Sans Neo';}
#couponSlidePopup .btn-area {height: initial;background-color: #1367b1;margin-top: 8%;padding-top: initial;padding:10px 0;text-align: center;font: normal normal 20px 'Spoqa Han Sans Neo';color: #FFF;}
#couponSlidePopup .swiper-pagination {width: 100%;bottom: 2px;text-align: center;}
#couponSlidePopup .btn-close {position: absolute;top: 30px;right: 30px;width: 21px;line-height: 21px;font-size: 26px;color: #fff;}


/* layer */
.public_layer .tit-pop {position: fixed !important;top: 0;width: 100%;max-width: 600px;height: 64px;padding:20px;box-sizing:border-box;background: #fff;z-index: 99;}
.public_layer .tit-pop.fixed {border-bottom:1px solid #EFEFEF;}
.public_layer .tit-pop .tit {font-size:16px;font-weight: 600;font-family:'Spoqa Han Sans Neo';color: #1d1d1d;margin:0;border:0;line-height:24px;}
.public_layer .tit-pop .tit_wrap{position:relative;}
.public_layer .tit-pop .tit_wrap .btn-hide-pop{position:absolute;top:4px;right:0;width: 16px;height: 16px;text-indent: -999999px;z-index: 9;background: url(/Images/close_layer.png) no-repeat;background-size: 100%;}

.public_layer .container-pop {height: 100%;padding:64px 0 40px;box-sizing:border-box;background-color:#fafafa;}
.public_layer .container-pop ul{height:100%;overflow:auto;padding-bottom:64px;}
.public_layer .container-pop ul li{margin-top:10px;padding:0 73px;}
.public_layer .container-pop ul li:first-child{margin-top:20px;}
.public_layer .container-pop ul li .opc_wrap{position:relative;padding:23px 36px;background-color:#fff;}
.public_layer .container-pop ul li .opc_wrap .sel {position: absolute;top: 12px;left: 12px;width: 16px;height: 16px;padding: 0;text-align: center;}
.public_layer .container-pop ul li .opc_wrap .checkbox {position: relative;display: inline-block;width: 16px;height: 16px;vertical-align: top;background: url(/Images/cz_chk.png) no-repeat 0 0;background-size: 16px auto;}
.public_layer .container-pop ul li .opc_wrap .checkbox.is-checked {background: url(/Images/cz_chk_on.png) no-repeat 0 0;background-size: 16px auto;}
.public_layer .container-pop ul li .opc_wrap .off{font-size:20px;font-weight:600;color:#0065b1;line-height:25px;letter-spacing:-0.02em;}
.public_layer .container-pop ul li .opc_wrap .name{font-size:10px;font-weight:600;color:#1d1d1d;margin-top:10px;line-height:13px;letter-spacing:-0.05em;}
.public_layer .container-pop ul li .opc_wrap .time-limit{font-size:10px;font-weight:400;color:#bfbfbf;margin-top:6px;line-height:13px;letter-spacing:-0.05em;}
.public_layer .container-pop ul li .opc_wrap .time-limit em{padding-right:3px;}

.public_layer .container-popw {height: 100%;padding:64px 0 40px;box-sizing:border-box;background-color:#fff;}

.area-pop .container-pop .contents,
.area-pop .container-popw .contents{padding:20px !important;}
.area-pop .container-popw .btns .button:only-child {width: 100%;}

.area-pop .container-pop.pickUp-store {padding-top: 64px;}
.area-pop .container-pop .contents {margin-bottom:0;}


@media(min-width:602px) {
	/* wrap */
	.shop_body_wrap{width:100%;max-width:600px;height:auto;min-height:100%;margin:0 auto;border-left:1px solid #f1f1f1;border-right:1px solid #f1f1f1;box-sizing: initial;} 
	.shop_contents_wrap{position: relative;max-width:600px;height:auto;min-height:100%;/*margin:0 auto;border-left:1px solid #f1f1f1;border-right:1px solid #f1f1f1;*/box-sizing:initial;}

	/* menu layer & 최근본상품 */
	.area-pop .top-exposed {width: 100%;max-width: 600px;height: 100%;left: initial;top: 0;z-index: 98;transition: top 1.5s ease-in-out;background: #fff;}
	.area-pop .top-exposed .contents {overflow: auto;height: 100%;padding: 0;}

	/* top search layer */
	.full {width: 600px;height: 100%;top: 0;left:initial;background-color: #fff;}

	/* 카카오톡 */
	#counsultStartBtn {position: fixed;width: 40px;height: 40px;bottom: 55px;left:initial;z-index: 97;background: url(/images/ico/icon_talk.png) no-repeat;background-size: 100%;background-position: center center;margin-left: 10px !important;}


	/* bnb */
	.bnb{max-width:600px;margin:0 auto;border-left:1px solid #f1f1f1;border-right:1px solid #f1f1f1;}

	/* pick alert layer*/
	.pb-pick-alert {position: fixed;width: 564px;background-color: #333;border-radius: 10px;z-index: 999;bottom: 48px;left: 50%;transform: translateX(-50%);display: none;}

	/* coupon layer price */
	#couponSlidePopup .swiper-slide .img .coupon-name {font: normal normal bold 17px 'Spoqa Han Sans Neo';}
	#couponSlidePopup .swiper-slide .img .coupon-price {top: 37%;font-size: 45px;}
	#couponSlidePopup .swiper-slide .img .expire-date {font: normal normal bold 14px 'Spoqa Han Sans Neo';}


	.public_layer .container-pop ul li{margin-top:20px;padding:0 90px;}
	.public_layer .container-pop ul li:first-child{margin-top:30px;}
	.public_layer .container-pop ul li .opc_wrap{padding:33px 55px;}
	.public_layer .container-pop ul li .opc_wrap .sel {position: absolute;top: 16px;left: 16px;width: 20px;height: 20px;}
	.public_layer .container-pop ul li .opc_wrap .checkbox {width: 20px;height: 20px;background: url(/Images/cz_chk.png) no-repeat 0 0;background-size: 20px auto;}
	.public_layer .container-pop ul li .opc_wrap .checkbox.is-checked {background: url(/Images/cz_chk_on.png) no-repeat 0 0;background-size: 20px auto;}
	.public_layer .container-pop ul li .opc_wrap .off{font-size:22px;line-height:30px;}
	.public_layer .container-pop ul li .opc_wrap .name{font-size:12px;margin-top:15px;line-height:18px;}
	.public_layer .container-pop ul li .opc_wrap .time-limit{font-size:12px;margin-top:10px;line-height:18px;}
	.public_layer .container-pop ul li .opc_wrap .time-limit em{padding-right:10px;}
}