/* common */
* {-webkit-tap-highlight-color: rgba(0,0,0,0) !important;}
#qck {display:none !important;}
.kr {font-family:'Noto Sans KR', sans-serif !important;}
html,  body {overflow-x:auto;}

/* pop */
.att-pop {position:fixed; width:100%; height:100%; left:0%; top:0%; z-index:9999999; display: none; background-color:rgba(0,0,0,0.3);}
.att-pop .box {width:260px; padding:40px 10px 0; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); border-radius:15px; border:1px solid #d7d5d6; background:#fff; box-shadow:-3px 3px 10px rgba(0,0,0,0.1) , 3px -3px 10px rgba(0,0,0,0.1);}
.att-pop .box:after {display:block; content:""; position:absolute; top:-27px; left:50%; transform:translateX(-50%); width:50px; height:50px; border-radius:50%;}
.att-pop .box#cart:after {background:url('//atimg.sonyunara.com/attrangs/2020/pop/1.png') center no-repeat; background-size:cover;}
.att-pop .box#itemChoice:after {background:url('//atimg.sonyunara.com/attrangs/2020/pop/2.png') center no-repeat; background-size:cover;}
.att-pop .box#update:after {background:url('//atimg.sonyunara.com/attrangs/2020/pop/3.png') center no-repeat; background-size:cover;}
.att-pop .box#optionChange:after {background:url('//atimg.sonyunara.com/attrangs/2020/pop/4.png') center no-repeat; background-size:cover;}
.att-pop .box#memberWish:after {background:url('//atimg.sonyunara.com/attrangs/2020/pop/5.png') center no-repeat; background-size:cover;}
.att-pop .box#getChance:after {background:url('//atimg.sonyunara.com/attrangs/2020/pop/6.png') center no-repeat; background-size:cover;}
.att-pop .box#memberLogin:after {background:url('//atimg.sonyunara.com/attrangs/2020/pop/7.png') center no-repeat; background-size:cover;}
.att-pop .box#delete:after {background:url('//atimg.sonyunara.com/attrangs/2020/pop/8.png') center no-repeat; background-size:cover;}
.att-pop .box p {text-align:center; color:#515151; font-weight:600; font-size:14px;}
.att-pop .box p font {color:#8668fa;}
.att-pop .box .button {margin:15px 0; text-align:right; padding-right:15px;}
.att-pop .box .button a {font-size:14px; color:#9e9e9e; display:inline-block; font-weight:600; margin-left:10px;}
.att-pop .box .button a:last-of-type {color:#8668fa;}

/* header */
#at-header .header-wrap {width:100%; background:#fff;}
#at-header .top-header {position:relative; left:0; top:0; width:100%; background:#fff; z-index:999; padding:15px 10px 6px;}
#at-header .top-header:after {display:block; clear:both; content:"";}
#at-header .top-header > div {display:inline-block;}
#at-header .top-header .pull-left {width:75px; float:left; text-align:left;}
#at-header .top-header .pull-left ul li {display:inline-block; margin-right:14px; position:relative;}
#at-header .top-header .pull-left ul li:last-of-type {margin-right:0;}
#at-header .top-header .pull-left ul li > span {position:absolute; right:-7px; top:-3px; width:15px; height:15px; line-height:15px; text-align:center; border-radius:50%; color:#fff; background:#aea7eb; font-size:10px;}
#at-header .top-header .pull-left ul li > span font {display:inline-block; transform:scale(0.75);}
#at-header .top-header .pull-left ul li.search a img {width:22px; position:relative; top:1.5px;}
#at-header .top-header .pull-left ul li.menu a img {width:23px;}
#at-header .top-header .pull-left ul li.notice a img {width:20px;}
#at-header .top-header .pull-center {width:calc(100% - 150px); float:left;}
#at-header .top-header .pull-center a img {width:130px;}
#at-header .top-header .pull-right {width:75px; float:right; position:relative;}
#at-header .top-header .pull-right ul li {display:inline-block; margin-left:4px; position:relative;}
#at-header .top-header .pull-right ul li > span {position: absolute;right: -7px;top: -2px;width: 18px;height: 18px;line-height: 18px;text-align: center;border-radius: 50%;color: #fff;background: #aea7eb;font-size: 10px;transform: scale(0.8);}
#at-header .top-header .pull-right ul li > span font {display:inline-block; transform:scale(1.15);}
#at-header .top-header .pull-right ul li.cart a img {width:20px;}
#at-header .top-header .pull-right ul li.my a img {width:24px;}
#at-header .top-header .searchBoxTop {top:89px; display:none; position:absolute;}


#at-header .bottom-header {padding:0 10px; border-bottom:1px solid #dfdfdf; position:relative; width:100%; left:0; top:0; z-index:999; background:#fff;}
#at-header .bottom-header:after {display:block; clear:both; content:"";}
#at-header .bottom-header > div.allmenu {display:inline-block; float:left; width:41px; text-align:left;}
#at-header .bottom-header > div.allmenu a img {width:25px; position:relative; top:1px;}
#at-header .bottom-header > div.btmmenu {display:inline-block !important; float:left; position:relative; width:28px; text-align:right; z-index:99999;}
#at-header .bottom-header > div.btmmenu > a {position:absolute; right:-12px; top:14px; text-align:center; width:160%; height:60px; z-index:99999;}
#at-header .bottom-header > div.btmmenu > a img {width:15px; vertical-align:middle; position:relative; top:4px; z-index:99999;}
#at-header .bottom-header > div.btmmenu > a img.on {transform:rotateX(180deg);}
#at-header .bottom-header > div.btmmenu:before {content:""; position:absolute; left:-1px; top:0; width:70px; height:25px; background:linear-gradient(to right, rgba(255,255,255,0.95) 0%, rgba(255,255,255,1) 15%);}
#at-header .bottom-header > div.btmmenu.on:before {display:none;}
#at-header .bottom-header > div.slidemenu{display:none; position:absolute; left:0; top:50px; z-index:10; width:100%; padding:15px 2.77%; background:#ebebeb;}
#at-header .bottom-header > div.slidemenu ul {border:1px solid #dbdbdb; border-width:0 1px 1px 0; background:#fff;}
#at-header .bottom-header > div.slidemenu ul:after {display:block; clear:both; content:'';}
#at-header .bottom-header > div.slidemenu ul li {float:left; width:25%; border:1px solid #dbdbdb; border-width:1px 0 0 1px; text-align:center;}
#at-header .bottom-header > div.slidemenu ul li:nth-child(4n+1) {clear:both;}
#at-header .bottom-header > div.slidemenu ul li a {display:block; overflow:hidden; position:relative; height:41px; color:#666; font-weight:300; line-height:43px; white-space:nowrap; text-overflow:ellipsis;}
#at-header .bottom-header > div.slidemenu ul li a.kor {font-weight:400;}
#at-header .bottom-header > div.slidemenu ul li a.lightning {position:relative; padding-left:15px;}
#at-header .bottom-header > div.slidemenu ul li a.lightning:after {display:block; position:absolute; left:50%; top:50%; width:12px; height:12px; margin:-6px 0 0 -30px; -webkit-border-radius:100%; -moz-border-radius:100%; border-radius:100%; background:url('https://atimg.sonyunara.com/attrangs/assets/mobile03/asset/img/common/icon_lightning_s.png') no-repeat center/5px auto #ff8e77; content:'';}
#at-header .bottom-header > div.slidemenu ul li a span {display:inline-block; width:15px; height:15px; line-height:15px; text-align:center; border-radius:50%; color:#fff; background:#aea7eb; font-size:10px; position:relative; top:-0.5px;}
#at-header .bottom-header > div.slidemenu ul li a span font {font-weight:bold; display:inline-block; transform:scale(0.75);}
#at-header .bottom-header > div.slidemenu ul li a.coming {background:url('//atimg.sonyunara.com/attrangs/2020/self/comingsoon.png') 50px 3px no-repeat; background-size:25px auto;}
#at-header .bottom-header > div.category {display:inline-block; float:left; width:calc(100% - 69px); position:relative; top:2px;}
#at-header .bottom-header > div.category ul li {display:inline-block; width:auto; position:relative;}
#at-header .bottom-header > div.category ul li a {font-family:'Noto Sans KR', sans-serif !important; font-weight:600; font-size:14px; color:#4b4b4b; font-family: 'Noto Sans', sans-serif;}
#at-header .bottom-header > div.category ul li a span {display:inline-block; width:15px; height:15px; line-height:15px; text-align:center; border-radius:50%; color:#fff; background:#aea7eb; font-size:10px; transform:translateY(-1px);}
#at-header .bottom-header > div.category ul li a span font {display:inline-block; transform:scale(0.75);}
#at-header .bottom-header > div.category ul li a.lightning:after {display:inline-block; position:relative; top:2.5px; left:2px; width:15px; height:15px;}
#at-header .bottom-header > div.category ul li.on:after {position:absolute; left:0; bottom:-14px; width:100%; height:2px; /*background:#ada7e6;*/ background:transparent; content:"";}
#at-header .bottom-header > div.category .category-brand {font-size:18px; font-weight:600;}
#at-header .bottom-header > div.category .category-brand.brand1 {color:#e99b9c;}
#at-header .bottom-header > div.category .category-brand.brand2 {color:#c7b19c;}
#at-header .bottom-header > div.category .category-brand.brand3 {color:#9265ee;}
#at-header .bottom-header > div.category .category-brand.brand4 {color:#A18475}

.allmenu-box {display:none; position:fixed; left:0; top:0; width:100%; height:100%; padding:0 0 80px; background:#aea7ee; z-index:999999; overflow:auto;}
.allmenu-box.on {height:100% !important;}
.allmenu-box.scroll {overflow-y:hidden !important;}
.allmenu-box .allmenu-head {padding:20px; background:#aea7ee; position:fixed; z-index:100; left:0; top:0; width:100%;}
.allmenu-box .allmenu-head:after {display:block; clear:both; content:"";}
.allmenu-box .allmenu-head .pull-left {display:inline-block; float:left;}
.allmenu-box .allmenu-head .pull-left img {width:60px;}
.allmenu-box .allmenu-head .pull-left a {color:#fff; font-size:15px;}
.allmenu-box .allmenu-head .pull-left a:before {display:inline-block; content:"|"; margin:0 13px;}
.allmenu-box .allmenu-head .pull-right {display:inline-block; float:right; position:relative;}

.allmenu-box .allmenu-head .pull-right a {position: absolute;width: 50px;top: -19px;height: 50px;right: -14px;text-align: right;}
.allmenu-box .allmenu-head .pull-right a img { margin-top: 18px;width: 23px;margin-right: 17px;}
.allmenu-box .allmenu-body {padding:61px 20px 0; background:#aea7ee;}
.allmenu-box .allmenu-body .box {background:#fff; border-radius:5px; padding:26px 0; margin-bottom:12px; position:relative; z-index:2;}
.allmenu-box .allmenu-body .box > div.wrap {position:relative; z-index:2; border-radius:25px; background:#fff; overflow:hidden;}
.allmenu-box .allmenu-body .box .sticker{    position: absolute; top: 0; right: -15px; left: -15px; background: #9e98d8; color: #fff; z-index: 1; padding-left: 2px; padding-top: 3px; width: 15px; text-align: left; line-height: 1.1; border-top-left-radius: 7px; border-bottom-left-radius: 7px;}
.allmenu-box .allmenu-body .box .sticker font {transform:scale(0.75); display:inline-block;}
.allmenu-box .allmenu-body .box .sticker:after {content:""; display:block; position:absolute; right:-50px; z-index:1; top:0; width:50px; height:100%; background:#9e98d8;}
.allmenu-box .allmenu-body .box ul:after {display:block; clear:both; content:"";}
.allmenu-box .allmenu-body .box ul li {width:25%; float:left; margin-bottom:26px; position: relative;}
.allmenu-box .allmenu-body .box ul li.mb0 {margin-bottom:0;}
.allmenu-box .allmenu-body .box ul li a {display:block; width:100%; height:40px; line-height:73px; font-size:11px; position: relative;}
.allmenu-box .allmenu-body .box ul li a .circle {display:inline-block; width:15px; height:15px; border-radius:50%; color:#fff; background:#FE8E78; margin-left:7px; position:relative; top:-1px;}
.allmenu-box .allmenu-body .box ul li a .circle font {display:inline-block; transform:scale(0.75); position:relative; left:0.2px;}
.allmenu-box .allmenu-body .box ul li a .circle2 {position: absolute; left:50%; top:0; transform:translate(15%,0);}
.allmenu-box .allmenu-body .box.selfFashion ul li:after {position:absolute; right:0; top:50%; transform:translateY(-50%); width:1px; height:50%; background:#e5e5e5; content:"";}
.allmenu-box .allmenu-body .box.selfFashion ul li:last-of-type:after {display:none;}
.allmenu-box .allmenu-body .box.selfFashion ul li a {line-height:40px;}
.allmenu-box .allmenu-body .box.selfFashion ul li.coming {background: url(//atimg.sonyunara.com/attrangs/2020/self/comingsoon.png) 50px 3px no-repeat; background-size: 25px auto;}
.allmenu-box .allmenu-body .box ul li.my a {background:url('//atimg.sonyunara.com/attrangs/2020/final/allmenu/mypage.png') no-repeat center 0; background-size:27px 24px;}
.allmenu-box .allmenu-body .box ul li.order a {background:url('//atimg.sonyunara.com/attrangs/2020/final/allmenu/ing.png') no-repeat center 3px; background-size:29px 20px;}
.allmenu-box .allmenu-body .box ul li.cpn a {background:url('//atimg.sonyunara.com/attrangs/2020/final/allmenu/coupon.png') no-repeat center 5px; background-size:25px 19px;}
.allmenu-box .allmenu-body .box ul li.counsel a {background:url('//atimg.sonyunara.com/attrangs/2020/final/allmenu/inquiry.png') no-repeat center 5px; background-size:21px 20px;}
.allmenu-box .allmenu-body .box ul li.wish a {position:relative; left:-2px; background:url('//atimg.sonyunara.com/attrangs/2020/final/allmenu/hart.png') no-repeat center 2px; background-size:25px 23px;}
.allmenu-box .allmenu-body .box ul li.cart a {background:url('//atimg.sonyunara.com/attrangs/2020/final/allmenu/bag.png') no-repeat center 0; background-size:21px 24px;}
.allmenu-box .allmenu-body .box ul li.review a {background:url('//atimg.sonyunara.com/attrangs/2020/final/allmenu/writing2.png') no-repeat center 0; background-size:23px 25px;}
.allmenu-box .allmenu-body .box ul li.photo a {background:url('//atimg.sonyunara.com/attrangs/2020/final/allmenu/photo.png') no-repeat center 4px; background-size:25px 21px;}
.allmenu-box .allmenu-body .box ul li.company a {position:relative; left:-2px; background:url("//atimg.sonyunara.com/files/attrangs/icon/tv-icon.png?a=1") no-repeat center 2px; background-size:27px 24px;}
.allmenu-box .allmenu-body .box ul li.company a font {position:relative; left:2px;}
.allmenu-box .allmenu-body .box ul li .new-image {position: absolute;width: 15px;top: 0;left: 50%; transform: translate(60%,0);}
/*.allmenu-box .allmenu-body .box ul li .new-image.event {right: 26%;}*/
.allmenu-box .allmenu-body .box ul li.request a {background:url('//atimg.sonyunara.com/attrangs/2020/final/allmenu/making.png') no-repeat center 1px; background-size:25px 24px;}
.allmenu-box .allmenu-body .box ul li.attend a {background:url('//atimg.sonyunara.com/attrangs/2020/final/allmenu/check.png') no-repeat center 1px; background-size:24px 24px;}
.allmenu-box .allmenu-body .box ul li.event a {background:url('//atimg.sonyunara.com/attrangs/2020/final/allmenu/event.png') no-repeat center 1px; background-size:22px 25px;}
.allmenu-box .allmenu-body .box ul li.att a {background:url('//atimg.sonyunara.com/2021/menuIco/att_all2.png?a=13') no-repeat center 0px; background-size:25px 25px;}
.allmenu-box .allmenu-body .box ul li.mystyle a {background:url('//atimg.sonyunara.com/2021/menuIco/style.png?a=13') no-repeat center 0px; background-size:25px 25px;}
.allmenu-box .allmenu-body .box ul li.lab a {background:url('//atimg.sonyunara.com/2021/menuIco/burgur_lab.png?a=13') no-repeat center 0px; background-size:25px 25px;}
.allmenu-box .allmenu-body .box.txt {padding:0;}
.allmenu-box .allmenu-body .box.txt ul {margin-bottom:0;}
.allmenu-box .allmenu-body .box.txt ul li {width:50%; margin-bottom:0; border-bottom:1px solid #efeff0; border-right:1px solid #efeff0; box-sizing:border-box;}
.allmenu-box .allmenu-body .box.txt ul li:nth-of-type(even) {border-right:0;}
.allmenu-box .allmenu-body .box.txt ul li.bd0 {border-bottom:0;}
.allmenu-box .allmenu-body .box.txt ul li a {height:50px; line-height:52px; text-align:left; padding:0 20px; font-size:12px; font-weight:500; overflow:hidden;}
.allmenu-box .allmenu-body .box.txt ul li a .circle {display: none; width:6px; height:6px; margin-left:15px; text-align:center; font-size:0px; top: -7px; background-color: #FE8E78;}
.allmenu-box .allmenu-body .box.txt ul li a .circle.show {display:inline-block !important; width:6px; height:6px; margin-left:5px; text-align:center; top: -7px; font-size:0px; background-color: #FE8E78;}
.allmenu-box .allmenu-body .box.txt ul li.active a .circle {display:inline-block;}
.allmenu-box .allmenu-body .box.txt ul li.today a {color:#ff8e77;}
.allmenu-box .allmenu-body .box.txt ul li.today a:before {content:""; display:inline-block; width:11px; height:11px; position:relative; top:1px; margin-right:3px; background: url(https://atimg.sonyunara.com/attrangs/ico_th2.png) no-repeat left; background-size:11px 11px;}
.allmenu-box .allmenu-body .box.txt ul li.today a span {background:#ff8e77; color:#fff; display:inline-block; transform:scale(0.8); padding:0 5px; border-radius:4px;}
.allmenu-box .allmenu-body .box.txt ul li.product1 a:before {content:""; display:inline-block; width:14px; height:15px; background:url('//atimg.sonyunara.com/attrangs/2020/final/allmenu/dress.png') no-repeat left center; background-size:cover; position:relative; top:3.5px; margin-right:10px;}
.allmenu-box .allmenu-body .box.txt ul li.product2 a:before {content:""; display:inline-block; width:15px; height:13px; background:url('//atimg.sonyunara.com/attrangs/2020/final/allmenu/blouse.png') no-repeat left center; background-size:cover; position:relative; top:2.5px; margin-right:10px;}
.allmenu-box .allmenu-body .box.txt ul li.product3 a:before {content:""; display:inline-block; width:16px; height:16px; background:url('//atimg.sonyunara.com/attrangs/2020/final/allmenu/outer.png') no-repeat left center; background-size:cover; position:relative; top:4px; margin-right:10px;}
.allmenu-box .allmenu-body .box.txt ul li.product4 a:before {content:""; display:inline-block; width:14px; height:15px; background:url('//atimg.sonyunara.com/attrangs/2020/final/allmenu/knit.png') no-repeat left center; background-size:cover; position:relative; top:3px; margin-right:10px;}
.allmenu-box .allmenu-body .box.txt ul li.product5 a:before {content:""; display:inline-block; width:15px; height:11px; background:url('//atimg.sonyunara.com/attrangs/2020/final/allmenu/skirt.png') no-repeat left center; background-size:cover; position:relative; top:1px; margin-right:10px;}
.allmenu-box .allmenu-body .box.txt ul li.product6 a:before {content:""; display:inline-block; width:13px; height:11px; background:url('//atimg.sonyunara.com/attrangs/2020/final/allmenu/pants.png') no-repeat left center; background-size:cover; position:relative; top:1px; margin-right:10px;}
.allmenu-box .allmenu-body .box.txt ul li.product7 a:before {content:""; display:inline-block; width:15px; height:12px; background:url('//atimg.sonyunara.com/attrangs/2020/final/allmenu/jewelry.png') no-repeat left center; background-size:cover; position:relative; top:2.5px; margin-right:10px;}
.allmenu-box .allmenu-body .box.txt ul li.product8 a:before {content:""; display:inline-block; width:15px; height:9px; background:url('//atimg.sonyunara.com/attrangs/2020/final/allmenu/acc.png') no-repeat left center; background-size:cover; position:relative; top:1px; margin-right:10px;}
.allmenu-box .allmenu-body .box.txt ul li.product9 a:before {content:""; display:inline-block; width:14px; height:13px; background:url('//atimg.sonyunara.com/attrangs/2020/final/allmenu/shoes.png') no-repeat left center; background-size:cover; position:relative; top:1px; margin-right:10px;}
.allmenu-box .allmenu-body .box.txt ul li.product10 a:before {content:""; display:inline-block; width:13px; height:14px; background:url('//atimg.sonyunara.com/attrangs/2020/final/allmenu/bag2.png') no-repeat left center; background-size:100% 100%; position:relative; left:2px; top:1px; margin-right:10px;}
.allmenu-box .allmenu-body .box.txt ul li.product11 a:before {content:""; display:inline-block; width:17px; height:11px; background:url('//atimg.sonyunara.com/attrangs/2020/final/allmenu/underwear.png') no-repeat left center; background-size:cover; position:relative; top:1px; margin-right:10px;}
.allmenu-box .allmenu-body .box.txt ul li.product12 a:before {content:""; display:inline-block; width:12px; height:18px; background:url('//atimg.sonyunara.com/attrangs/2020/final/allmenu/awimwear.png') no-repeat left center; background-size:cover; position:relative; top:4px; margin-right:10px;}
.allmenu-box .allmenu-body .box.half {background:none; padding:0; border-radius:0;}
.allmenu-box .allmenu-body .box.half ul {margin-bottom:0;}
.allmenu-box .allmenu-body .box.half ul li {z-index:2; width:calc(50% - 1px); border:0; background:#fff; margin-bottom:0; border-radius:20px; position:relative;}
.allmenu-box .allmenu-body .box.half ul li:first-of-type {margin-right:1px;}
.allmenu-box .allmenu-body .box.half ul li:last-of-type {margin-left:1px;}
.allmenu-box .allmenu-body .box.half ul li:after {position:absolute; content:""; display:inline-block; width:6px; height:12px; background:url('//atimg.sonyunara.com/attrangs/2020/final/allmenu/nextmore.png') no-repeat left center; background-size:cover; top:50%; transform:translateY(-50%); right:16px;}
.allmenu-box .allmenu-body .box.half ul li.azh a:before {content:""; display:inline-block; width:14px; height:12px; background:url('//atimg.sonyunara.com/attrangs/2020/renewal/menu/azh_icon.png') no-repeat left center; background-size:cover; position:relative; top:2px; margin-right:10px;}
.allmenu-box .allmenu-body .box.half ul li.beauty a:before {content:""; display:inline-block; width:14px; height:12px; background:url('//atimg.sonyunara.com/attrangs/2020/renewal/menu/beauty.png') no-repeat left center; background-size:cover; position:relative; top:2px; margin-right:10px;}
.allmenu-box .allmenu-body .box.half ul li.skullpig a:before {content:""; display:inline-block; width:10px; height:12px; background:url('//atimg.sonyunara.com/attrangs/2020/final/allmenu/skullpig.png') no-repeat left center; background-size:cover; position:relative; top:2px; margin-right:10px;}
.allmenu-box .allmenu-body .box.half ul li.comfortlab a:before {content:""; display:inline-block; width:78px; height:12px; background:url('//atimg.sonyunara.com/attrangs/2020/final/allmenu/comfortlab.png') no-repeat left center; background-size:cover; position:relative; top:2px; margin-right:10px;}
.allmenu-box .allmenu-body .box.half ul li.att a:before {content:""; display:inline-block; width:14px; height:14px; background:url('//atimg.sonyunara.com/attrangs/2020/final/allmenu/att_icon.png') no-repeat left center; background-size:cover; position:relative; top:2px; margin-right:10px;}
.allmenu-box .allmenu-body .box.half.bg li {background:#9f98db;}
.allmenu-box .allmenu-body .box.half.bg li a {color:#fff;}
.allmenu-box .allmenu-body .box.half.bg ul li.call a:before{content:""; display:inline-block; width:15px; height:13px; background:url('//atimg.sonyunara.com/attrangs/2020/final/allmenu/call_.png') no-repeat left center; background-size:100% 100%; position:relative; top:2px; margin-right:10px;}
.allmenu-box .allmenu-body .box.half.bg ul li.cs a:before {content:""; display:inline-block; width:15px; height:13px; background:url('//atimg.sonyunara.com/attrangs/2020/final/allmenu/call.png') no-repeat left center; background-size:100% 100%; position:relative; top:2px; margin-right:10px;}
.allmenu-box .allmenu-body .box.half.bg ul li.log a:before {content:""; display:inline-block; width:10px; height:14px; background:url('//atimg.sonyunara.com/attrangs/2020/final/allmenu/login.png') no-repeat left center; background-size:cover; position:relative; top:2px; margin-right:10px;}
.allmenu-box .allmenu-body .box.half.bg li:after {display:none;}
.allmenu-box .allmenu-body .box.notice {background:#9f98db; padding:26px 20px;}
.allmenu-box .allmenu-body .box.notice .title:after {display:block; content:""; clear:both; margin-bottom:20px; font-size:12px;}
.allmenu-box .allmenu-body .box.notice .title > div {display:inline-block;}
.allmenu-box .allmenu-body .box.notice .title .pull-left {float:left; color:#fff; font-size:13px;}
.allmenu-box .allmenu-body .box.notice .title .pull-right {float:right;}
.allmenu-box .allmenu-body .box.notice .title .pull-right a {display:block; text-align:right; width:30px;}
.allmenu-box .allmenu-body .box.notice .title .pull-right a img {width:7px; height:12px;}
.allmenu-box .allmenu-body .box.notice ul {margin-bottom:0;}
.allmenu-box .allmenu-body .box.notice ul li {width:100%; margin-bottom:3px; text-align:left;}
.allmenu-box .allmenu-body .box.notice ul li:last-of-type {margin-bottom:0;}
.allmenu-box .allmenu-body .box.notice ul li a {color:#fff; height:auto; line-height:normal;}
.allmenu-box .allmenu-body .box.alert p {text-align:left; color:#fff; font-size:11px;}
.allmenu-box .allmenu-body .box.alert .title .pull-right a img {width:16px; height:16px; position:relative; top:-0.5px;}
.allmenu-box .allmenu-body .box.link {background:#9f98db; padding:26px 20px;}
.allmenu-box .allmenu-body .box.link ul li {background:none; display:block; float:left; margin-bottom:15px;}
.allmenu-box .allmenu-body .box.link ul li a {display:block; position:relative; height:auto; line-height:normal; color:#fff;}
.allmenu-box .allmenu-body .box.link ul li a:after {content:"|"; display:inline-block; color:#fff; position:absolute; right:0; top:50%; transform:translateY(-50%);}
.allmenu-box .allmenu-body .box.link ul li.solo a:after {display:none;}
.allmenu-box .allmenu-body .box.link ul li:nth-of-type(4) a:after,
.allmenu-box .allmenu-body .box.link ul li:nth-of-type(8) a:after {display:none;}
.allmenu-box .allmenu-body .box.link .nation {text-align:left;}
.allmenu-box .allmenu-body .box.link .nation a {display:inline-block; margin-right:15px;}
.allmenu-box .allmenu-body .box.link .nation a img {width:22px; height:16px;}
.allmenu-box .allmenu-body .box.order {display:none;}
.allmenu-box .allmenu-body .box.order ul#sortable {margin-right:-10px; margin-bottom:-15px;display: flex;flex-flow: wrap;}
.allmenu-box .allmenu-body .box.order ul#sortable:after {display:block; clear:both; content:"";}
.allmenu-box .allmenu-body .box.order ul#sortable li {border-radius:15px; margin-bottom:15px; width:calc(33% - 10px); margin-right:10px; float:inherit; text-align:center; height:26px; line-height:26px; background:#fff;}
.allmenu-box .allmenu-body .box.order ul#sortable li a {color:#575757;}
.allmenu-box .allmenu-body .box.order ul#sortable li.placeholder {border:1px dashed #DCDBDD; background-color: transparent;}

.allmenu-box .allmenu-body .box.order.on {display:block;}
.allmenu-box .allmenu-body .order-wrap .button {margin:-3px 0 7px;}
.allmenu-box .allmenu-body .order-wrap .button ul {text-align:right;}
.allmenu-box .allmenu-body .order-wrap .button ul li {display:inline-block; vertical-align:bottom;}
.allmenu-box .allmenu-body .order-wrap .button ul li a {color:#fff; font-weight:500; font-size:13px; padding-right:15px;}
.allmenu-box .allmenu-body .order-wrap .button ul li.link {display:none; margin-right:15px;}
.allmenu-box .allmenu-body .order-wrap .button ul li.link a {display:inline-block; padding-right:0; background:url('//atimg.sonyunara.com/attrangs/2020/final/allmenu/order.png') no-repeat left center / 16px 13px; padding-left:20px;}
.allmenu-box .allmenu-body .order-wrap .button ul li.link a:after {content:"|"; display:inline-block; margin:0 13px; font-weight:300;}
.allmenu-box .allmenu-body .order-wrap .button ul li.link a:last-of-type:after {display:none;}
.allmenu-box .allmenu-body .order-wrap .button ul li.link.on {display:inline-block;  }
.allmenu-box .allmenu-body .order-wrap .button ul li.btn {position:relative; top:-2px;}
.allmenu-box .allmenu-body .order-wrap .button ul li.btn a {display:block; width:auto; min-width:17px; height:16px; background:url('//atimg.sonyunara.com/attrangs/2020/final/allmenu/more.png') no-repeat right center / 17px 8px;}
.allmenu-box .allmenu-body .order-wrap .button ul li.btn a.on {background:url('//atimg.sonyunara.com/attrangs/2020/final/allmenu/more2.png') no-repeat right center / 17px 8px;}
.allmenu-box .allmenu-body .order-wrap .button ul li.btn a span {display:block; padding:0 15px 0 20px; color:#fff; font-size:13px; background:url('//atimg.sonyunara.com/attrangs/2020/final/allmenu/order.png') no-repeat left center / 16px 13px;}

.allmenu-box .allmenu-body .box.myinfo .user {margin-bottom:15px;}
.allmenu-box .allmenu-body .box.myinfo .user form {width:100px; height:100px; border-radius:50%; position:relative; margin:0 auto 10px; background:#d9d9d9;}
.allmenu-box .allmenu-body .box.myinfo .user form  img {width: 100%;object-fit: cover; height:100%;}
.allmenu-box .allmenu-body .box.myinfo .user form > a {position:absolute; top:-10px; right:-19px; display: block;height: 46px; background: url('//atimg.sonyunara.com/attrangs/2020/search/X.png') no-repeat center / 10px 10px; color:transparent;}
.allmenu-box .allmenu-body .box.myinfo .user form label {text-indent:2px; width:100%; height:22px; line-height:22px; position:absolute; left:0; bottom:0; background:#aea7ee; text-align:center; color:#fff;}
.allmenu-box .allmenu-body .box.myinfo .user form label input {position:absolute; left:0; top:0; width:100%; height:100%; opacity:0;}
.allmenu-box .allmenu-body .box.myinfo .user > div p {color:#8669fb; font-weight:600; font-size:15px;}
.allmenu-box .allmenu-body .box.myinfo .user > div p span {color:#9f9f9f; font-weight:500;}
.allmenu-box .allmenu-body .box.myinfo .order ul:after {display:block; content:""; clear:both;}
.allmenu-box .allmenu-body .box.myinfo .order ul li {width:20%; float:left; text-align:center; position:relative;}
.allmenu-box .allmenu-body .box.myinfo .order ul li:after {display:block; content:""; width:21px; height:0.8px; border:0.8px dashed #868886; position:absolute; top:10px; right:-10px;}
.allmenu-box .allmenu-body .box.myinfo .order ul li:last-of-type:after {display:none;}
.allmenu-box .allmenu-body .box.myinfo .order ul li:before {content:""; margin:0 auto; display:block;}
.allmenu-box .allmenu-body .box.myinfo .order ul li.step1:before {width:20px; height:20px; background:url('//atimg.sonyunara.com/attrangs/2020/final/allmenu/pay.png') no-repeat center / 100% 14px;}
.allmenu-box .allmenu-body .box.myinfo .order ul li.step2:before {width:16px; height:20px; background:url('//atimg.sonyunara.com/attrangs/2020/final/allmenu/ready.png') no-repeat center / 100% 17px;}
.allmenu-box .allmenu-body .box.myinfo .order ul li.step3:before {width:15px; height:20px; background:url('//atimg.sonyunara.com/attrangs/2020/final/allmenu/start.png') no-repeat center / 100% 16px;}
.allmenu-box .allmenu-body .box.myinfo .order ul li.step4:before {width:23px; height:20px; background:url('//atimg.sonyunara.com/attrangs/2020/final/allmenu/del.png') no-repeat center / 100% 16px;}
.allmenu-box .allmenu-body .box.myinfo .order ul li.step5:before {width:20px; height:20px; background:url('//atimg.sonyunara.com/attrangs/2020/final/allmenu/finish.png') no-repeat center / 100% 16px;}
.allmenu-box .allmenu-body .box.myinfo .order ul li.step1.on:before {background:url('//atimg.sonyunara.com/attrangs/2020/final/allmenu/pay-on.png') no-repeat center / 100% 14px;}
.allmenu-box .allmenu-body .box.myinfo .order ul li.step2.on:before {background:url('//atimg.sonyunara.com/attrangs/2020/final/allmenu/ready-on.png') no-repeat center / 100% 17px;}
.allmenu-box .allmenu-body .box.myinfo .order ul li.step3.on:before {background:url('//atimg.sonyunara.com/attrangs/2020/final/allmenu/start-on.png') no-repeat center / 100% 16px;}
.allmenu-box .allmenu-body .box.myinfo .order ul li.step4.on:before {background:url('//atimg.sonyunara.com/attrangs/2020/final/allmenu/del-on.png') no-repeat center / 100% 16px;}
.allmenu-box .allmenu-body .box.myinfo .order ul li.step5.on:before {background:url('//atimg.sonyunara.com/attrangs/2020/final/allmenu/finish-on.png') no-repeat center / 100% 16px;}
.allmenu-box .allmenu-body .box.myinfo .order ul li > div {font-size:10px; font-weight:500; position:relative; display:inline-block; color:#818281;}
.allmenu-box .allmenu-body .box.myinfo .order ul li span {display:none; position:absolute; top:-25px; width:15px; height:15px; line-height:15px; text-align:center; border-radius:50%; color:#fff; background:#ff8e77; font-size:10px;}
.allmenu-box .allmenu-body .box.myinfo .order ul li span font {display:inline-block; transform:scale(0.75);}
.allmenu-box .allmenu-body .box.myinfo .order ul li.on span {display:inline-block;}
.allmenu-box .allmenu-body .box.myinfo .order ul li.on > div {color:#8669fb;}
.allmenu-box .allmenu-body .box.myinfo .count {padding:0 20px;}
.allmenu-box .allmenu-body .box.myinfo .count ul li {width:100%; margin-bottom:20px;}
.allmenu-box .allmenu-body .box.myinfo .count ul li small {font-size:10px;}
.allmenu-box .allmenu-body .box.myinfo .count ul li > div {font-size:14px; color:#4d4d4d;}
.allmenu-box .allmenu-body .box.myinfo .count ul li:last-of-type {padding-bottom:0; margin-bottom:0;}

.allmenu-box .allmenu-body .box.nomember {background:transparent !important; margin-top:-14px;}
.allmenu-box .allmenu-body .box.nomember p {color:#fff; font-weight:400; font-size:21px; }
.allmenu-box .allmenu-body .box.nomember p > span{font-size:21px; font-weight:400;position:relative;}
.allmenu-box .allmenu-body .box.nomember p > span::after{content:""; display:block; position:absolute; border:1px solid #a09f9b; width:100%; bottom:-2px;}
.allmenu-box .allmenu-body .box.nomember p a {display:inline-block; margin-top:10px; color:#fff; font-size:14px;}
.allmenu-box .allmenu-body .box.nomember > a {display:block; height:60px; line-height:60px; text-align:center; color:#fff; background:#8668fa; border-radius:15px; margin-top:25px; font-size:15px;}
.allmenu-box .allmenu-body .box.nomember > a small {color:#fff;}

.allmenu-box .allmenu-body .box.today_goods .lastarrowbtn .mgdiv{color:#979797}
/* .allmenu-box .allmenu-body .box.today_goods .lastarrowbtn .moregoods{background-color: #f4f4f4;} */
.allmenu-box .allmenu-body .box.today_goods .lastarrowbtn span.mainicon{    background-size: 300px;    background-position: -271px -50px;}
.allmenu-box .allmenu-body .box.today_goods  > div.wrap{padding:20px}
.allmenu-box .allmenu-body .box.today_goods ul li{width:25%;}
.allmenu-box .allmenu-body .box.today_goods ul li{border:0; font-size:10px}
.allmenu-box .allmenu-body .box.today_goods ul li .info{text-align:left; margin:5px 2px 0}
.allmenu-box .allmenu-body .box.today_goods ul li .percent.p_color{font-weight: 500; font-size:15px;}
.allmenu-box .allmenu-body .box.today_goods ul li .sell{font-weight: 600; font-size:15px;}
.allmenu-box .allmenu-body .box.today_goods ul li .prdimg{overflow: hidden;margin:4px 3px; border-radius: 8%;}
.allmenu-box .allmenu-body .box.today_goods ul li a img{width:118%; margin-left:-9%;}
.allmenu-box .allmenu-body .box.today_goods ul li a{height:auto; line-height:unset; padding:0; border-radius: 5px; overflow:hidden; }
.allmenu-box .allmenu-body .box.today_goods ul li .gname a{color: #797979; font-size:13px; width: 100%; overflow: hidden; text-overflow: ellipsis; display: block; letter-spacing: -0.5px; -webkit-line-clamp: 2; -webkit-box-orient: vertical; display: -webkit-box;}


.fixed-menu {position:fixed; left:0; bottom:20px; width:100%; z-index:99998; transition:all ease 0.25s;}
.fixed-menu:after {content:""; display:block; clear:both; position:absolute; left:0; bottom:-20px; width:100%; height:20px; background:#fff;}
.fixed-menu > div.center {width:102px; height:57px; float:left; position:relative; z-index:9999; vertical-align:bottom;}
.fixed-menu > div.center img {vertical-align:bottom; height:57px;}
.fixed-menu > div.center img.btn {position:absolute; left:0; top:-2px; transition:all ease 0.5s;}
.fixed-menu > div.left {background:#fff; width:calc(50% - 51px); height:57px; float:left; position:relative; z-index:9999; top:9px;}
.fixed-menu > div.left:before {background:url('//atimg.sonyunara.com/attrangs/2020/head/fixed_menu_shadow_left.png') no-repeat center; background-size:cover; content:""; position:absolute; left:0; top:-10px; width:100%; height:10px;}
.fixed-menu > div.right {background:#fff; width:calc(50% - 51px); height:57px; float:right; position:relative; z-index:9999; top:9px;}
.fixed-menu > div.right:after {background:url('//atimg.sonyunara.com/attrangs/2020/head/fixed_menu_shadow_right.png') no-repeat center; background-size:cover; content:""; position:absolute; right:0; top:-10px; width:100%; height:10px;}
.fixed-menu > div ul:after {display:block; content:""; clear:both;}
.fixed-menu > div ul li {width:50%; float:left; text-align:center; position:relative; z-index:2;}
.fixed-menu > div ul li a {display:inline-block; color:#a2a2a2; font-size:10px; margin-top:10px; position:relative;}
.fixed-menu > div ul li span {position: absolute;right: -7px;top: -2px;width: 18px;height: 18px;line-height: 18px;text-align: center;border-radius: 50%;color: #fff;background: #aea7eb;font-size: 10px;transform: scale(0.8);}
.fixed-menu > div ul li span font {display:inline-block; transform:scale(1.15);}
.fixed-menu > div ul li.search {padding-right:20px;}
.fixed-menu > div ul li.search a:before {content:""; display:block; margin:4px auto 4px; width:23px; height:20px; background:url('//atimg.sonyunara.com/attrangs/2020/final/head/smartsearch.png') no-repeat center / 100% 100%;}
.fixed-menu > div ul li.search font.text {animation-duration: 1.5s;animation-iteration-count: infinite;animation-name: bounce-5;animation-timing-function: ease; background:url('//atimg.sonyunara.com/attrangs/2020/final/head/smartsearch5.png') no-repeat center / 100% 100%; left:-4px; top:-19px; color:##ff8e77; display:inline-block; font-size:10px; position:absolute; width:55px; height:20px;}
.fixed-menu > div ul li.search font.text em {display:inline-block; font-style:inherit; transform:scale(0.6); color:#ff8e77; font-weight:600;}
.fixed-menu > div ul li.my font.text {display:none !important;}
.fixed-menu > div ul li.my.on font.text {display:inline-block !important;}
.fixed-menu > div ul li.my font.text {animation-duration: 1.5s;animation-iteration-count: infinite;animation-name: bounce-5;animation-timing-function: ease; background:url('//atimg.sonyunara.com/attrangs/2020/final/head/hurry.png') no-repeat center / 100% 100%; left:-6px; top:-19px; color:##ff8e77; display:inline-block; font-size:10px; position:absolute; width:48px; height:18px;}
.fixed-menu > div ul li.my font.text em {display:inline-block; font-style:inherit; transform:scale(0.6); color:#ff8e77; font-weight:600;}
@keyframes bounce-5 {
	0%   { transform:translateY(0); }
	50%  { transform:translateY(-2px); }
	100%  { transform:translateY(0); }
}
.fixed-menu > div ul li.delivery {padding-left:20px;}
.fixed-menu > div ul li.delivery a:before {content:""; display:block; margin:4px auto 4px; width:28px; height:20px; background:url('//atimg.sonyunara.com/attrangs/2020/final/head/ing.png') no-repeat center / 100% 100%;}
.fixed-menu > div ul li.like {padding-right:20px;}
.fixed-menu > div ul li.like a:before {content:""; display:block; margin:4px auto 4px; width:22px; height:20px; background:url('//atimg.sonyunara.com/attrangs/2020/final/head/hart.png') no-repeat center / 100% 100%;}
.fixed-menu > div ul li.my {padding-left:20px; position:relative;}
.fixed-menu > div ul li.my .circle {display:none;}
.fixed-menu > div ul li.my.on .circle {display:inline-block; width: 20px;height: 20px;position: absolute;border: 1px solid orange;border-radius: 70%;border-color: transparent orange;animation: ring 2s infinite linear both; top:3px; left:3px;}
.fixed-menu > div ul li.my a:before {content:""; display:block; margin:2px auto 4px; width:21px; height:22px; background:url('//atimg.sonyunara.com/attrangs/2020/final/head/notice-off.png') no-repeat center / 100% 100%;}
.fixed-menu > div ul li.my.on a {color:#ff8e77;}
.fixed-menu > div ul li.my.on a:before {transform-origin: top; animation: bell 2s infinite linear; content:""; display:block; margin:2px auto 4px; width:24px; height:22px; background:url('//atimg.sonyunara.com/attrangs/2020/final/head/notice-on.png') no-repeat center / 100% 100%;}
.fixed-menu.on {bottom:-60px;}
.fixed-menu.on > div.center img.btn {transform:scale(0); opacity:0;}

@keyframes bell{
  0%, 50%{
	transform: rotate(0deg);
  }
  5%, 15%, 25%, 35%, 45% {
    transform: rotate(13deg);
  }
  10%, 20%, 30%, 40% {
    transform: rotate(-13deg);
  }
}

.modal-menu {display:none; z-index:999999; position:fixed; left:0; top:0; width:100%; height:100%; overflow:auto; background:rgba(0,0,0,0.6);}
.modal-menu .content {position:absolute; overflow:hidden; bottom:-500px; transition:bottom 0.3s; width:100%; padding-top:37px; border-top-left-radius:30px; border-top-right-radius:30px; background:#f5f5f5;}
.modal-menu .content .beauty {padding:0 20px 10px;}
.modal-menu .content .beauty h1 {margin-bottom:16px; font-size:14px; font-weight:bold; padding-left:16px;}
.modal-menu .content .beauty h1 a {font-size:14px;}
.modal-menu .content .beauty h1 img {position:relative; top:3px; margin-left:10px;}
.modal-menu .content .beauty ul {margin-top:-15px !important;}
.modal-menu .content .beauty ul:after {display:block; clear:both; content:"";}
.modal-menu .content .beauty ul li {margin-top:15px !important;}
.modal-menu .content .beauty ul li.on {animation-name:top; animation-duration:1.2s;}
.modal-menu .content .beauty ul li a {display:block; font-size:11px;}
.modal-menu .content .beauty ul li a div {background:#fff; height:40px; text-align:center; line-height:40px; padding:0 20px; border-radius:20px; margin-bottom:5px;}
.modal-menu .content .beauty ul li a div img {width:100%; display:inline-block; position:relative; vertical-align:middle;}
.modal-menu .content .beauty ul li a p {text-align:center; color:#424242; font-weight:500;}
.modal-menu .swiper-container {overflow:visible;}
.modal-menu .swiper-pagination-progressbar {width:100px; height:3px; background:#fff; top:-11px; left:auto; right:0;}
.modal-menu .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {background:#b6b6b6;}
.modal-menu .content .menu {position:relative;}
.modal-menu .content .menu .tit {background:#fff; text-align:center; width:120%; height:100px; position:relative; z-index:9; top:0; margin-left:-10%; box-shadow:rgba(0, 0, 0, 0.1) 0px -1px 10px; border-top-left-radius:150%; border-top-right-radius:150%;}
.modal-menu .content .menu .tit a {display:block; font-size:20px; font-weight:bold; padding-top:15px;}
.modal-menu .content .menu .tit a p {font-size:20px; font-weight:bold; margin-bottom:13px;}
.modal-menu .content .menu:before {position:absolute; left:50%; transition:all ease 0.2s; transform:translateX(-50%); bottom:3px; width:70%; height:100px; content:""; z-index:7; background:red; filter:blur(8px); border-top-left-radius:300%; border-top-right-radius:300%; border-radius:100%;}
.modal-menu .content .menu.color1:before {background:#aea7ee;}
.modal-menu .content .menu.color2:before {background:#f9c96e;}
.modal-menu .content .menu.color3:before {background:#f1809c;}
.modal-menu .content .menu.color4:before {background:#9bdbb6;}
.modal-menu .content .menu.color5:before {background:#6a95e4;}
.modal-menu .content .menu.color6:before {background:#7b72e0;}
.modal-menu .content .menu.color7:before {background:#c4d88d;}
.modal-menu .content .menu.color8:before {background:#eb5374;}
.modal-menu .content .menu.color9:before {background:#f6ad49;}
.modal-menu .content .menu.color10:before {background:#867ce4;}
.modal-menu .content .menu.color11:before {background:#67da99;}
.modal-menu .content .menu.color12:before {background:#4c9af6;}
.modal-menu .content .menu.color13:before {background:#bde846;}
.modal-menu .content .menu:after {position:absolute; left:0; bottom:2px; width:100%; height:100px; z-index:8; background:#AEA7EE; content:""; border-top-left-radius:150%; border-top-right-radius:150%; border-radius:46%;}
.modal-menu .content .menu ul {position:relative;}
.modal-menu .content .menu ul li {text-align:center; top:45px; left:0; right:0; position:relative; background:none;}
.modal-menu .content .menu ul li a {display:block; width:100%; height:100%;}
.modal-menu .content .menu ul li a img {position:relative; left:0%; width:100%; border-radius:50%; max-width:100px; background:none;}
.modal-menu .content .menu ul li a p {display:block; text-align:center; transition:all ease 0.3s; margin-top:5px; font-size:13px;}
.modal-menu .content .menu ul li.swiper-slide-active a p {color:#8669fb !important; font-weight:bold;}
@media (max-width:400px){
.modal-menu .content .menu ul li a img {left:-10%; width:120%;}
}

.fixed-bar {display:none; position:fixed; z-index:999999; left:0; bottom:80px; padding:0 10px; width:auto; height:auto; visibility:hidden;}
.fixed-bar.fixed-bar-right {left:auto; right:0;}
.fixed-bar .bg {display:none; position:fixed; left:0; top:0; width:100%; height:100%; background:#45382bde;}
.fixed-bar .bg.on {display:block;}
.fixed-bar.view {bottom:111px;}
.fixed-bar > * {visibility:visible;}
.fixed-bar > div {display:inline-block;}
.fixed-bar > div img {width:38px;}
.fixed-bar > div.pull-left {position:relative; bottom:0;}
.fixed-bar > div.pull-left .blur {transition:all ease 0.3s;}
.fixed-bar > div.pull-left .blur.on {opacity:0.2;}
.fixed-bar > div.pull-right {position:relative;}
.fixed-bar > div ul li {margin-bottom:7px; transition:all ease 0.3s;}
.fixed-bar > div ul li.chat {position:relative;}
.fixed-bar > div ul li.chat.on a {width:40px !important;}
.fixed-bar > div ul li.sms {position:relative; opacity:0; transition:all ease 0.15s; display:none;}
.fixed-bar > div ul li.sms.on {opacity:1; top:0; display:block;}
.fixed-bar > div ul li.sms.on img {width:40px;}
.fixed-bar > div ul li.sms.on span{display: block;}
.fixed-bar > div ul li.blur.on {opacity:0.2;}
.fixed-bar > div ul li.naver {top:91px; opacity:0; transition:all ease 0.3s;}
.fixed-bar > div ul li.kakao {top:45px; opacity:0;}
.fixed-bar > div ul li:last-of-type {margin-bottom:0;}
.fixed-bar > div ul li a {position:relative;     display: flex; align-items: center; gap:10px;}
.fixed-bar > div ul li a > span {position:unset; color:#fff; display: inline-block; white-space: nowrap;}
.fixed-bar > div ul li a.tag {display:block; width:38px; height:38.33px; line-height:38.33px; background:transparent; border:0; border-radius:50%; text-align:center;}
.fixed-bar > div ul li a.tag img {width:21px; vertical-align:middle; position:relative; top:-1px; display:inline-block;}

/* view */
.view-btm-menu {position:fixed; left:0; bottom:0; width:100%; padding:19px 10px; box-shadow:rgba(0, 0, 0, 0.1) 0px -1px 10px; background:#fff; z-index:99998;}
.view-btm-menu ul:after {display:block; clear:both; content:"";}
.view-btm-menu ul li.heart {width:50px; float:left; margin-right:4px;}
.view-btm-menu ul li.search {width:50px; float:left; margin-right:4px;}
.view-btm-menu ul li.buy {width:calc(100% - 108px); float:left;}
.view-btm-menu ul li.cart {width:calc(100% - 108px); float:left;}
.view-btm-menu ul li a {display:block; height:56px; line-height:56px; text-align:center; border:1px solid #e6e6e6; box-sizing:border-box; border-radius:5px;}
.view-btm-menu ul li a img {vertical-align:middle;}
.view-btm-menu ul li.heart a {color:#a2a2a2; font-size:25px; line-height:normal;}
.view-btm-menu ul li.heart a font {display:block; color:#a2a2a2; font-size:11px; font-weight:600; position:relative; top:-7px;}
.view-btm-menu ul li.heart span {display:inline-block; width:22px; height:18.92px; background:url('//atimg.sonyunara.com/attrangs/2020/final/icon_like.png') no-repeat; background-size:cover;}
.view-btm-menu ul li.heart a.on span { background:url('//atimg.sonyunara.com/attrangs/2020/final/icon_like_on.png') no-repeat; background-size:cover; animation-name: scale;animation-duration: 1s;}
.view-btm-menu ul li.search a {line-height:inherit; font-weight:600; font-size:10px; color:#a2a2a2;}
.view-btm-menu ul li.search a font {display:block; color:#a2a2a2; font-size:10px; font-weight:bold; position:relative;}
.view-btm-menu ul li.search a img {margin-top:13px; margin-bottom:2px;}
.view-btm-menu ul li.buy a {background:#aea7ee; border-color:#aea7ee; color:#fff; font-weight:600; font-size:14px;}
.view-btm-menu ul li.cart a {background:#aea7ee; border-color:#aea7ee; color:#fff; font-weight:600; font-size:14px;}

@keyframes scale {
	0%{transform:scale(1);}
	50%{transform:scale(1.5);}
	100%{transform:scale(1);}
}

@keyframes slide {
  from {bottom: -300px; opacity: 0;}
  to {bottom: 0; opacity: 1}
}

@keyframes fade {
  from {opacity: 0}
  to {opacity: 1}
}

@keyframes top {
	0%   { transform:translateY(20px); }
	50%  { transform:translateY(-11px); }
	100%  { transform:translateY(0); }
}

/* search */
.fixed-search {display:none; position:fixed; overflow-y:auto; overflow-x:hidden; left:0; top:0; width:100%; height:100%; background:#f3f3f3; z-index:9998;}
.fixed-search .box .search {background:#fff; padding:24px 21px 15px;}
.fixed-search .box .search:after {display:block; clear:both; content:"";}
.fixed-search .box .search form {width:calc(100% - 30px); margin-right:12px; float:left; padding:0 19px; border:1px solid #b3b3b3; border-radius:25px;}
.fixed-search .box .search form:after {display:block; clear:both; content:"";}
.fixed-search .box .search form input {width:calc(100% - 24px); height:46px; float:left; border:0; box-shadow:none; font-size:14px;}
.fixed-search .box .search form input::placeholder {font-size:14px;}
.fixed-search .box .search form button {width:24px; float:left; text-indent:-9999px; height:46px; border:0; background:url('//atimg.sonyunara.com/attrangs/2020/search/search1.png') no-repeat center / 24px 23px;}
.fixed-search .box .search .close {width:18px; float:left; text-indent:-9999px;}
.fixed-search .box .search .close a {display:block; height:46px; position:relative; left:3px; background:url('//atimg.sonyunara.com/attrangs/2020/search/X.png') no-repeat center / 17px 17px;}
.fixed-search .box .word {padding:26px 0 100px; }
.fixed-search .box .word > #searchTop {margin-left:10px; overflow:visible;}
.fixed-search .box .word ul li {width:77%; padding-right:14px;}
.fixed-search .box .word ul li .wrap {background:#fff; padding-bottom:22px; border-radius:10px; box-shadow:0 0 5px rgba(0,0,0,0.1);}
.fixed-search .box .word ul li h2 {padding:22px 0; text-align:center; border-bottom:1px solid #f7f7f7 !important; margin-bottom:22px; font-size:18px; font-family:'Noto-B'; font-weight:bold;}
.fixed-search .box .word ul li dl dd {padding:0 17px; margin-bottom:22px;}
.fixed-search .box .word ul li dl dd:last-of-type {margin-bottom:0;}
.fixed-search .box .word ul li dl dd:after {display:block; clear:both; content:"";}
.fixed-search .box .word ul li dl dd .pull-left {width:calc(100% - 50px); padding-right:10px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.fixed-search .box .word ul li dl dd .pull-left a {display:block; color:#6f6f6f; font-size:14px;}
.fixed-search .box .word ul li dl dd .pull-left a span {color:#ff8e77; border:0.7px solid #ff8e77; width:34px; height:14px; line-height:14px; text-align:center; display:inline-block; font-size:10px; border-radius:5px; margin-right:7px;}
.fixed-search .box .word ul li dl dd .pull-left a span font {display:inline-block; transform:scale(0.85);}
.fixed-search .box .word ul li dl dd .pull-left a em {display:inline-block; margin-right:10px; color:#7d7d7d;}
.fixed-search .box .word ul li dl dd .pull-right {width:40px; text-align:right;}
.fixed-search .box .word ul li dl dd .active {position:relative; color:#ff8e77;}
.fixed-search .box .word ul li dl dd .active:before {background:url('//atimg.sonyunara.com/attrangs/2020/search/increase.png') no-repeat left center / 7px 8px; content:""; display:inline-block; width:7px; height:8px; position:absolute; left:0; top:4px;}
.fixed-search .box .word ul li#popular dl dd .pull-right {color:#a5a5a5; position:relative; right:8px;}
.fixed-search .box .word ul li#popular dl dd.up .pull-left a,
.fixed-search .box .word ul li#popular dl dd.up .pull-left a em,
.fixed-search .box .word ul li#popular dl dd.up .pull-right {color:#ff8e77; right:0;}
.fixed-search .box .word ul li#popular dl dd.up .pull-right:before {background:url('//atimg.sonyunara.com/attrangs/2020/search/down2.png') no-repeat left center / 9px 5px; content:""; display:inline-block; width:9px; height:5px; margin-right:5px;}
.fixed-search .box .word ul li#popular dl dd.down .pull-right {right:0;}
.fixed-search .box .word ul li#popular dl dd.down .pull-right:before {background:url('//atimg.sonyunara.com/attrangs/2020/search/down.png') no-repeat left center / 9px 5px; content:""; display:inline-block; width:9px; height:5px; margin-right:5px;}
.fixed-search .box .word ul li#recent .wrap {height:502px;}
.fixed-search .box .word ul li#recent .wrap dl {height:calc(100% - 106px);}
.fixed-search .box .word ul li#recent .wrap dl dd .pull-left a:before {padding-right:20px; position:relative; top:1px; background:url('//atimg.sonyunara.com/attrangs/2020/search/search2.png') no-repeat left bottom / 14px 12px; content:""; display:inline-block; width:14px; height:12px;}
.fixed-search .box .word ul li#recent .wrap dl dd .pull-right a {color:transparent; text-indent:-9999px; background:url('//atimg.sonyunara.com/attrangs/2020/search/X.png') no-repeat left center / 10px 10px; content:""; display:inline-block; width:10px; height:10px;}
.fixed-search .box .word ul li#recent .wrap dl dd.none {height:100%;position:relative;}
.fixed-search .box .word ul li#recent .wrap dl dd.none > div {position:absolute; left:0; top:50%; transform:translateY(-50%); text-align:center; display:block; width:100%;}
.fixed-search .box .word ul li#recent .wrap dl dd.none > div .icon {width:58px; height:58px; line-height:58px; text-align:center; border-radius:50%; border:1px solid #dedede; color:#dbdbdb; margin:0 auto 15px; font-size:20px;}
.fixed-search .box .word ul li#recent .wrap dl dd.none > div .txt {color:#bdbdbd; font-size:14px;}
.fixed-search .box .word ul li#recent .wrap .option {height:36px; vertical-align:bottom; border-top:1px solid #f7f7f7; padding:0 15px;}
.fixed-search .box .word ul li#recent .wrap .option:after {display:block; clear:both; content:"";}
.fixed-search .box .word ul li#recent .wrap .option > div {position:relative; top:10px;}
.fixed-search .box .word ul li#recent .wrap .option > div a {color:#7c7c7c;}
.fixed-search .swiper-pagination {position:static; padding:25px 0 0; background:#f3f3f3;}
.fixed-search .swiper-pagination .swiper-pagination-bullet {width:13px; height:13px; opacity:1; box-sizing:border-box; background:transparent; border:1px solid #b3b3b3;}
.fixed-search .swiper-pagination .swiper-pagination-bullet-active {background:#b3b3b3;}

.keyword {background:transparent; line-height:50px; position:relative; z-index:10; padding:0 15px; margin:45px 0 40px 0;}
.keyword .top {height:100%;}
.keyword .top:after {display:block; clear:both; content:"";}
.keyword .top > div {height:100%; }
.keyword .top > div.tit { float:left;  font-weight:bold;}
.keyword .top > div.list {width:calc(100% - 120px); float:left; overflow:hidden;}
.keyword .top > div.list.on {height:318px;}
.keyword .top > div.list ul {position:relative;}
.keyword .top > div.list ul li:after {display:block; clear:both; content:"";}
.keyword .top > div.list ul li > div {height:100%; }
.keyword .top > div.list ul li > div.num { float:left; font-weight:bold; color:inherit;}
.keyword .top > div.list ul li > div.name {width:calc(100% - 140px); float:left;}
.keyword .top > div.list ul li > div.name a {display:block; padding-right:10px; font-weight:400; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.keyword .top > div.list ul li > div.state {width:50px; float:left; font-size:11px; text-align:right;}
.keyword .top > div.list ul li > div.state.down {color:#7f73e8;}
.keyword .top > div.list ul li > div.state.down i{color:#7f73e8;}
.keyword .top > div.list ul li > div.state.up {color:#ff8e77;}
.keyword .top > div.list ul li > div.state.up i{color:#ff8e77;}
.keyword .top > div.list ul li.rank > div.num {color:#aea7eb;}
.keyword .top > div.button {width:40px;}
.keyword .top > div.button a {display:block;  position:relative;     display: block;height: 50px;line-height: 50px;position: relative;}
.keyword .top > div.button a img {width:12px; position:absolute; right:15px; top:50%; transform:translateY(-50%);}
.keyword .top > div.button.on a img {transform:translateY(-50%) rotateX(180deg);}
.keyword .bottom {display:none; position:absolute; left:0; top:50px; width:100%; background:#fff;}
.keyword .bottom .box:after {display:block; content:""; clear:both;}
.keyword .bottom .box ul {width:50%; float:left;}
.keyword .bottom .box ul li {padding:15px 10px;}
.keyword .bottom .box ul li:after {display:block; clear:both; content:"";}
.keyword .bottom .box ul li > div.num {width:20px; float:left; font-weight:bold; color:#333;}
.keyword .bottom .box ul li > div.name {width:calc(100% - 70px); float:left;}
.keyword .bottom .box ul li > div.name a {display:block; padding-right:10px; font-weight:400; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.keyword .bottom .box ul li > div.state {width:50px; float:left; font-size:11px; text-align:right;}
.keyword .bottom .box ul li > div.state.down {color:#7f73e8;}
.keyword .bottom .box ul li > div.state.down i {color:#7f73e8 !important;}
.keyword .bottom .box ul li > div.state.up {color:#ff8e77;}
.keyword .bottom .box ul li > div.state.up i {color:#ff8e77 !important;}
.keyword .bottom .box ul li.rank > div.num {color:#aea7eb;}

/* 모바일 상세 금액쪽 세트할인*/
.set_sale_price{    display: none; white-space: nowrap; position: absolute; left: -8px; top: 50%; transform: translate(-100%,-50%); background: #FF9794; padding: 5px 8px; border-radius: 22px;}
.set_sale_price *{ font-weight: 400;}
.set_sale_price .set_price {color:#FFFEC8 !important; margin-left:5px;}
.set_sale_price .set_price span{color:#FFFEC8 !important; font-weight: 400;}
.set_sale_price > div{display:inline-block;}

/* 모바일 상세 위쪽 세트할인 */
.codiSet1 {margin-top:10px;}
.codiSet1 .code-arrow{ width:15px;}
.codiSet1 .codi-in{display:inline-block; border:1px solid #B190E7;  border-radius: 5px; background-color: #B190E7; padding:2px 6px 2px 2px; margin-left:5px; position:relative; top:-3px;}
.codiSet1 .codi_title{float:none; color:#B190E7; background-color:#fff; font-size:12px; border-radius: 5px; padding:5px 10px; display: inline-block; font-weight: 500;}
.codiSet1 .codi_account{display: inline-block; margin-left:12px; color:#FFFEC8; font-size:15px; font-weight:500;  }
.codiSet1 .codi_account span{color:#FFFEC8; font-size:11px;}
.codiSet1 .codi_saccount{margin-left:9px; color:#fbfadd; font-size:12px;}


/* 아뜨데이 리뉴얼*/
.prd_basic.col2 .info .price .attmark{width:90px; height:24px; background:url('//atimg.sonyunara.com/2022/att/mark_new2_m3.png') center center no-repeat; background-size:90px; margin-top:-2px;}
.prd_basic.col3 .info .price .attmark{width:37px; height:18px; background:url('//atimg.sonyunara.com/2022/att/mark_new3_m4.png') center center no-repeat; background-size:36px;}
.box-slide .info .price .attmark{width:82px; height:24px; background:url('//atimg.sonyunara.com/2022/att/mark_new2_m3.png') center center no-repeat; background-size:83px;}
.prd_basic.col2 .info .price .saccount{font-size:15px; font-weight:500; color:#939393; text-decoration:line-through;}
.prd_basic.col3 .info .price .saccount{font-size:14px !important; font-weight:500;  color:#939393; text-decoration:line-through;}
.box-slide .info .price .saccount{font-size:14px !important; font-weight:500; color:#939393; text-decoration:line-through;    margin-top: 5px;}
.prd_basic.col3 .info .price .faccount{font-size:15px !important;}
.prd_basic.col3 .info .price .faccount *{font-size:15px !important;}
.prd_basic.col3 .info .price .attprice{font-size:15px !important;}
.prd_basic.col3 .info .price .attarrow{height:11px !important;}
#coordi_layer .prd_basic.col3{display:block;}
#coordi_layer .prd_basic.col3 > li{width: 49.5% !important; padding:2.5px !important;}
.coordi_layer .prd_basic .box .price span.p_color{color:var(--season_color_03) !important;}
.coordi_layer .opt_layer .codi-btn:last-child{background-color: var(--season_color_11);}
/* 3줄일때 기준으로  */
.wish-list-goodslist-ul.col3 .info .price .faccount{font-size:15px !important;}
.wish-list-goodslist-ul.col3 .info .price .faccount *{font-size:15px !important;}
.wish-list-goodslist-ul.col3 .info .price .attprice{font-size:15px !important;}
.wish-list-goodslist-ul.col3 .info .price .attarrow{height:11px !important;}
.wish-list-goodslist-ul.col3 .info .price .saccount{font-size:14px !important; font-weight:500; color:#939393; text-decoration:line-through; }
.wish-list-goodslist-ul.col3 .info .price .attmark{width:37px; height:18px; background:url('//atimg.sonyunara.com/2022/att/mark_new3_m4.png') center center no-repeat; background-size:36px;}

.swiper-inc-top .swiper-wrapper .info .price .faccount{font-size:13px !important;}
.swiper-inc-top .swiper-wrapper .info .price .faccount *{font-size:15px !important;}
.swiper-inc-top .swiper-wrapper .info .price .attprice{font-size:15px !important; font-weight:500 !important;}
.swiper-inc-top .swiper-wrapper .info .price .attarrow{height:11px !important;}
.swiper-inc-top .swiper-wrapper .info .price .saccount{font-size:14px !important; font-weight:500; color:#939393; text-decoration:line-through;}
.swiper-inc-top .swiper-wrapper .info .price .attmark{width:37px; height:18px; background:url('//atimg.sonyunara.com/2022/att/mark_new3_m4.png') center center no-repeat; background-size:36px;}

.swiper-inc-bottom .swiper-wrapper .info .price .faccount{font-size:15px !important;}
.swiper-inc-bottom .swiper-wrapper .info .price .faccount *{font-size:15px !important;}
.swiper-inc-bottom .swiper-wrapper .info .price .attprice{font-size:15px !important;}
.swiper-inc-bottom .swiper-wrapper .info .price .attarrow{height:11px !important;}
.swiper-inc-bottom .swiper-wrapper .info .price .saccount{font-size:14px !important; font-weight:500; color:#939393; text-decoration:line-through;  }
.swiper-inc-bottom .swiper-wrapper .info .price .attmark{width:37px; height:18px; background:url('//atimg.sonyunara.com/2022/att/mark_new3_m4.png') center center no-repeat; background-size:36px;}

.prd_basic1 .info .price .faccount{font-size:13px !important; color:inherit !important; font-weight:500 !important;}
.prd_basic1 .info .price .faccount *{font-size:15px !important;}
.prd_basic1 .info .price .attprice{font-size:14px !important; margin-left:5px; font-weight:500 !important;}
.best-list .prd_basic1 .info .price .attprice{margin-left:0;}
.prd_basic1 .info .price .attarrow{height:11px !important;}
.prd_basic1 .info .price .saccount{font-size:12px !important; font-weight:500; color:#939393; text-decoration:line-through; }
.prd_basic1 .info .price .attmark{width:37px; height:18px; background:url('//atimg.sonyunara.com/2022/att/mark_new3_m4.png') center center no-repeat; background-size:36px;}
.prd_basic1 .meanlike-list .info .price .attmark{position: absolute; top:-27px;}
.prd_basic .box-list .info .price .percent{margin-left:5px;}
.box-slide .price span.percent{margin-left:5px; color:inherit !important; font-weight: 500 !important;}
.box-slide .info .price .sell{font-weight: 500 !important;}

.swiper-ais .swiper-wrapper .info .price .attmark{width:37px; height:18px; background:url('//atimg.sonyunara.com/2022/att/mark_new3_m4.png') center center no-repeat; background-size:36px;}



/**2023 리뉴 */
.mainnotice > div > a > div.title{font-size:13px;}
#at-header .top-header{display:flex; justify-content: space-around; align-items: center;position: relative;left: 0;top: 0;width: 100%;background: #fff;z-index: 999;padding:15px 10px 0px}
#at-header .top-header .pull-left, #at-header .top-header .pull-center, #at-header .top-header .pull-right {float:initial; width:auto; position:initial;left:0; top:0;transform: none; white-space:nowrap;}

#at-header .top-header .pull-center{flex:1}
#at-header .top-header .pull-right ul li > span{ position: absolute;right: -5px;top: -1px;width: 18px;height: 18px;line-height: 18px;text-align: center;border-radius: 50%;color: white;background: var(--season_color_03);font-size: 10px;transform: scale(0.8);}

#at-header .top-header .pull-right ul li > span font {display: inline-block;transform: scale(1.15);}
#at-header .top-header .pull-center a {height: auto !important;width: auto !important;overflow: hidden !important;display: inline-block !important;}

.fixed-search.renew-2308 {display: none;position: fixed;overflow-y: auto;overflow-x: hidden;left: 0;    top: 62px;width: 100%;height: calc(100% - 50px);background: var(--season_color_01);z-index: 9998;}   
.fixed-search.renew-2308 .fss-btn.dark li {border: 1px solid #ebeae8;background-color: var(--season_color_01);color: #606060;}
.fixed-search.renew-2308 .fss-goods-list-con p span:nth-child(2){color: var(--season_color_03);font-weight: 500;}
.fixed-search.renew-2308 .box .word ul li#popular dl dd.up .pull-left a, .fixed-search .box .word ul li#popular dl dd.up .pull-left a em, .fixed-search .box .word ul li#popular dl dd.up .pull-right {color: var(--season_color_03);right: 0;font-size: 14px;}
.fixed-search.renew-2308 .swiper-pagination{width:100%;position: absolute; top:13px;padding:0;background: transparent; height:10px;}
.fixed-search.renew-2308 .swiper-pagination .swiper-pagination-bullet{width: 9px;height: 9px;opacity: 1;box-sizing: border-box;background: transparent;border: 1px solid #b3b3b3;}
.fixed-search.renew-2308 .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{background:#b3b3b3;}
.fixed-search.renew-2308 .box .word ul li .wrap{background: #fff;padding:10px 0 22px 0;border-radius: 10px;padding-top: 16px;box-shadow: 0 0 5px rgba(0,0,0,0.1);}
.fixed-search.renew-2308 .box .word ul li h2 div:nth-child(1) span{color:#b7b7b7; font-weight:300; font-size:12px; margin-left:3px;}

.fixed-search.renew-2308 .box .word ul li#popular dl dd.up .pull-right:before {background: url(//atimg.sonyunara.com/2023/renew/m/down2.png) no-repeat center center / 100% 100%;content: "";display: inline-block;width: 9px;height:9px;margin-right: 5px;}
.fixed-search.renew-2308 .box .word ul li#popular dl dd.down .pull-right:before {background: url(//atimg.sonyunara.com/2023/renew/m/down.png) no-repeat center center / 100% 100%;content: "";display: inline-block;width: 9px;height:9px;margin-right: 5px}
.fixed-search.renew-2308 .box .word ul li dl dd .active:before {background: url(//atimg.sonyunara.com/2023/renew/m/increase.png) no-repeat center center / 100% 100%;content: "";display: inline-block;width:9px;height:9px;position: absolute;left: 0;top: 3px}
.fixed-search.renew-2308 .box .word ul li dl dd .active{width: 40px;text-align: right;position: relative;color: var(--season_color_03);}
.fixed-search.renew-2308 .box .word ul li dl dd .pull-left a span{color:var(--season_color_03);border: 0.7px solid var(--season_color_03);width: 34px;height: 14px;line-height: 14px;text-align: center;display: inline-block;font-size: 10px;border-radius: 5px;margin-right: 7px;}
.fixed-search.renew-2308 .fss-goods-list .swiper-wrapper li a{border-radius: 0;}

.fixed-bar .pull-left .chat .talk{background: url(https://atimg.sonyunara.com/2023/renew/m/chat.png) no-repeat; background-size:100%; background-position: initial !important;}

#promotionEndTime_layer{border-radius: 0;  }
#promotionEndTime_layer > div:first-child > img{display:none;}
/**2023 리뉴 */


/**찜 2308 */
.wish-select-folder-popup{ background-color: var(--season_color_08) !important; box-shadow: 1px 1px 5px 1px #dddddd;}
.wish-select-folder-popup * {color:var(--season_color_05) !important; font-weight: 400 !important;}
.wish-select-folder-popup > p:nth-child(2){text-decoration: underline; font-size:14px !important;}
.wish-select-folder-popup > p:nth-child(2):after{content:">"; display:inline-block; margin-left:5px;}
/**찜 2308*/


/**리스트 2308 */
.list-w .list-goodslist .goods-list{padding:0; padding-top:22px;}
.prd_basic.col2{display: grid; grid-template-columns: repeat(2,1fr); column-gap: 3px;}
.prd_basic.col3{display: grid; grid-template-columns: repeat(3,1fr); column-gap: 2px;}
.prd_basic.col3 .price .fcaccount-btn{display: none !important; }
.prd_basic.col3 .promotimebtn{display:none;}
.prd_basic.col2 > li{padding:0 !important; width:auto !important;}
.prd_basic.col3 > li {padding: 0 !important;width:auto !important;}
.prd_basic.col3 .quickviewbtn img{width: 15px !important;height: 15px !important;margin-right: 2px !important;vertical-align: initial !important;position: relative !important;top: -4px !important;}
.prd_basic .box-list .img .prdimg,
.swiper-wrapper .box-list .img .prdimg
{    width: 100%;border-radius: 0px;height: 0;overflow: hidden;position: relative;padding-bottom: 130%;}
.prd_basic .box-list .info,
.swiper-wrapper .box-list .info
{margin-top:10px; padding:0 3px;}
.prd_basic .box-list .info .price .saccount{font-weight: inherit;font-size:13px;}
.prd_basic .box-list .img .prdimg img,
.swiper-wrapper .box-list .img .prdimg img{width: auto !important;position: absolute;left: 50%;transform: translateX(-50%);height: 100% !important;}

.prd_basic .box-list .info .price .sell,
.prd_basic .box-list .info .price .attprice,
.prd_basic .box-list .info .price .faccount
.swiper-wrapper .box-list .info .price .sell,
.swiper-wrapper .box-list .info .price .attprice,
.swiper-wrapper .box-list .info .price .faccount
{font-weight: inherit !important;}
.prd_basic .box-list .info .price .percent,
.swiper-wrapper .box-list .info .price .percent
{color: inherit !important;font-weight: inherit;font-size: 15px;}
.colorCode{ border:1px solid #efefef  ;border-radius: 50%;  width:8px; height:8px;}
.prd_basic .box-list .info .wishcart,
.swiper-wrapper .box-list .info .wishcart
{position:relative !important;top:0;left: 0; white-space:nowrap;}
.prd_basic .likesell,
.swiper-wrapper .likesell
{margin:0;}
.prd_basic .box-list .info .list-bottom,
.swiper-wrapper .box-list .info .list-bottom
{display:flex; justify-content: space-between; align-items: center; flex-wrap:nowrap;}
.prd_basic .box-list .info .wishcart .cart a,
.swiper-wrapper .box-list .info .wishcart .cart a,
.bottom-goods-info-btns .wishcart .cart a 
{background:url(https://atimg.sonyunara.com/2023/renew/list/cart.png) center/contain no-repeat !important; width:24px !important; height:24px !important; top:0 !important;}
.prd_basic .box-list .info .wishcart .wish a,
.swiper-wrapper .box-list .info .wishcart .wish a,
.bottom-goods-info-btns .wishcart .wish a 
{background:url(https://atimg.sonyunara.com/2023/renew/list/like.png) center/contain no-repeat !important; width:24px !important; height:24px !important; top:0 !important; margin-right:3px !important;}
.prd_basic .box-list .info .wishcart .wish a.on,
.swiper-wrapper .box-list .info .wishcart .wish a.on,
.bottom-goods-info-btns .wishcart .wish a.on
 {background:url(https://atimg.sonyunara.com/2023/renew/list/like_on.png?v=24250505) center/contain no-repeat !important; background-position: initial !important; animation-name: scale !important;animation-duration: 1s !important;}
.prd_basic .iconTotext,
.swiper-wrapper .iconTotext
 {margin-bottom: 3px; min-height:17px;}
.iconTotext ul li{display: inline-block;padding: 0 2px;color: var(--season_color_06); font-size:11px; }
.iconTotext ul li:first-child{padding-left:0;}
.prd_basic .box-list .info .name a,
.swiper-wrapper .box-list .info .name a
{width: 100%;overflow: hidden;text-overflow: ellipsis;display: block;letter-spacing: -0.5px;font-size: 12px;-webkit-line-clamp: 2;-webkit-box-orient: vertical;display: -webkit-box; font-weight: 300; height:31px;}
.prd_basic .box-list .info .point a,
.swiper-wrapper .box-list .info .point a
{font-size: 12px;letter-spacing: -0.5px;    color: #c3c3c3;}
.prd_basic .box-list .info .point ,
.swiper-wrapper .box-list .info .point 
{min-height: none;margin: 6px 0}

.prd_basic .price .attprice,.prd_basic .box-list .info .price .sell{font-size: 15px !important;}
.prd_basic .price .attprice .sell,.prd_basic .box-list .info .price .percent{font-size: 14px !important;}

/**리스트 2308 */

/**찜 2308 */
.wish-select-folder-popup{ background-color: var(--season_color_08) !important; box-shadow: 1px 1px 5px 1px #dddddd; border-radius: 0 !important;}
/**찜 2308*/




/**2023 메인리뉴얼 */
#cnt > #main .maincontents{    padding: 70px 0 30px 0;margin-bottom: -1px;background-color: #fff;position: relative;}
.maincontents .maintitle{text-align: center; margin-bottom:40px;}
.maincontents .hotitem .maintitle{text-align:left;}
.maincontents .maintitle .titlef{color: var(--season_color_06);font-size: 15px;}
.maincontents .maintitle .titles{font-size: 18px;font-weight: 300;letter-spacing: 2px;}
.maincontents .btn .main_btn a{    width: auto;background: white;color: var(--season_color_02);border: 0;border-radius: 0;padding: 13px 60px 12px 60px;display: inline-block;margin-top: 25px;margin-bottom: 5px;background-color: var(--season_color_01); font-size:12px; font-weight:300; }
/* .mainnotice > div > a{width: 100%; overflow:hidden; text-overflow:ellipsis; white-space: nowrap; } */
.mainnotice > div > a > div.contents{color:var(--season_color_04);}
/**2023 메인리뉴얼 */

/*2023 리스트*/
.photoReviews .photoReviewsScore{display:none;}
.free-del-slide .faccount{color:inherit !important; font-size:13px !important;}

.subcate-list{background-color: white; position:relative; width:100%; overflow:hidden;}
.subcate-list.fixed{ position:fixed; top:0;  z-index:3;}
.subcate-list.fixed > ul{ height:42px; overflow:hidden; overflow-x:auto; white-space: nowrap; }
/* .subcate-list > ul{background-image: linear-gradient(to bottom, #F5F5F5 1px, transparent 1px);background-size: 100% 41.8px;  } */
.subcate-list > ul > li{ padding:12.5px 12px; text-align:center; white-space:nowrap; position:relative; display:inline-block;}
.subcate-list > ul > li:before{content:"";position:absolute; bottom:0; width:1000px; background-color:#F5F5F5 ; height:1px; left:0;}
.subcate-list > ul > li.active:after{content:"";display:block; height:1px; background-color: black; position:absolute; bottom:0; left:50%; transform:translateX(-50%); width:50%;}
.subcate-list.fixed > ul > li.active:after{bottom:1px;}
.subcate-list .subcate-more-btn{display:none;}
.subcate-list.fixed .subcate-more-btn{position: absolute; top:10px; right:18px; display:block; box-shadow: 16px -22px 10px 31px #ffffff;}

.subcate-more-btn-clicklist{position:relative; display:none;}
.subcate-more-btn-clicklist ul{display:grid; grid-template-columns: repeat(4,1fr); gap:1px; background-color:#F5F5F5; border-top:1px solid #f5f5f5; border-bottom:1px solid #f5f5f5; }
.subcate-more-btn-clicklist ul li{text-align:center;  padding:10px; background-color:white; }
.subcate-more-btn-clicklist ul li.active{background-color:#ddd1ce99;}
/*2023 리스트*/


/* 2023 상세*/
#detail .box-slide .img .prdimg{border-radius: 0;}
#detail .detail0-bottom .meanlike .meanlike-list .prdimg{border-radius: 0;}
.codiSet1 .codi-in {display: inline-block;border: 1px solid transparent;border-radius: 5px;background-color: var(--season_color_14);padding-right: 6px;margin-left: 5px;position: relative;top: -3px;}
.codiSet1 .codi_title {float: none;color: var(--season_color_11);background-color: #fff;font-size: 12px;border-radius: 5px;padding: 5px 10px;display: inline-block;font-weight: 500}
.codiSet1 .codi_account {display: inline-block;margin-left: 12px;color: var(--season_color_11);font-size: 15px}
.codiSet1 .codi_saccount {margin-left: 9px;color:  var(--season_color_11);font-size: 12px}
.codiSet1 .codi_account span{color:  var(--season_color_11);font-size: 11px;}



.benefits{margin-top:10px;}
.benefit-title{ font-size: 14px; font-weight: 300; color:#959595;margin-left:10px;}
#detail .wrap_prd .info .list dl.benefits .todayDeli p span {color: var(--season_color_03);letter-spacing: -1px;font-weight: 400;}
#detail .wrap_prd .info .list dl.benefits .todayDeli p, #detail .wrap_prd .info .list dl.benefits .todayDeli p small {display: inline-block;color: #959595;background: none;padding-left: 0;margin:0 0 0;font-weight:300;}



.color.optSelect li a.active img{border: 2px solid var(--season_color_11);border-radius: 5px;}
.color.optSelect li a.active{background-color: transparent;}
.size.optSelect li a.active{background-color: #fdf7f0ab; border: 2px solid var(--season_color_11);}
#detail .wrap_prd .multi_opt .selected_list li{background-color: var(--season_color_01);}
.box_qty .form_input{background-color: var(--season_color_01);}
.btn_coordi {margin: 0; padding:0 2.77%;height: 58px;background: none;}
#detail .wrap_prd .info .btn_coordi a {text-align: center;display: block;padding: 21px 2.77% 19px;background:none; font-size:14px; border:1px solid #ebeae8; background-color: var(--season_color_01); border-radius:5px; font-weight: 400;}

.box_qty a.ea_down{background-color: transparent;}
.box_qty a.ea_up{background-color: transparent;}


#detail .etc-infowrap *{font-size:14px; font-weight:600;}
#detail .etc-infowrap .etc-detail{font-size: 13px;color: #858585;margin-left: 20px;font-weight: 400;}
#detail .etc-infowrap > div{display:flex; padding:20px; border-bottom:1px solid #e9e9e9; align-items: center; justify-content: center; cursor: pointer; background-color: #fafafa;}
#detail .etc-infowrap > div:nth-child(1){border-top:1px solid #e9e9e9}
#detail .etc-infowrap .etc-info-arrow{width:10px;}
#detail .etc-infowrap > div > div:nth-child(1){width:95%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
#detail .etc-infowrap > div > div:nth-child(2){width:5%;}

#detail .wrap_info .tab_detail{padding:0;}
#detail .wrap_info .tab_detail li a{width:100%;}
#detail .crema-cnt{background-color: var(--season_color_03);}

#detail .tabcnt_detail .btn .next-button {width: auto;margin: 0 auto;border: 1px solid #EEEEEE;text-align: center;padding: 10px 30px;border-radius: 15px/50%;font-size: 13px;margin-top: 30px;margin-bottom: 6px; display:inline-block;}

#detail .tabcnt_detail .btn .next-button .btn .next-button font{color:inherit;}

#detail .wrap_prd .wish a {width: 25px;height: 24px;transform: scale(1.2); background:url(https://atimg.sonyunara.com/2023/renew/list/like.png) no-repeat; background-size: 100%;}
#detail .wrap_prd .wish a.on {background:url(https://atimg.sonyunara.com/2023/renew/list/like_on.png?v=20240122) no-repeat; background-size: 100%;;animation-name: scalelistwish;animation-duration: 1s;}

#detail .detail0-bottom .meanlike .meanlike-list .btns .promotimebtn_small{position: absolute; top:-23px;}
#detail .detail0-bottom .meanlike .meanlike-list .btns span.saccount{font-weight:400; font-size:13px;}
#detail .detail0-bottom .meanlike .meanlike-list .btns span.saccount:after{content: "/"; color:#939393;}
#detail .detail0-bottom .meanlike .meanlike-list .btns{display:flex;align-items: flex-end; }
#detail .detail0-bottom .meanlike .meanlike-list .btns .cartbtn{float:none; position:absolute; right:0;}

.common_layer h3::after{background-color: #e9a89a9e;}
/* .common_layer h3::after{display:none;}
#detail .size_info .size_opt li a {
    border: 1px solid var(--season_color_04);
    color: var(--season_color_04);
    border-radius: 11px;
} 
.common_layer h3{    padding: 24px 0 24px 30px;
  margin-bottom: 0;
  background: var(--season_color_04);;
  color: #fff;
  font-size: 16px;
  text-align: left;
  display: inline-block;
  width:100%;
  font-weight:500;

  position: relative;}
  .common_layer .close{    position: absolute;
    z-index:2;
    right: 0;
    top: 0;
    width: 17px;
    height: 17px;
    padding: 27px 19px;
    background: url(https://atimg.sonyunara.com/2023/renew/list/whiteclose_re.png) no-repeat center/17px auto;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;}
    .common_layer{z-index:1000001;}
    */
#detail .size_info .size_opt li a.active{background-color: var(--season_color_11);
    color: white;
    border:0;
}
#detail .size_info .size_opt li a.active:after{display:none;}


/* 2023 상세*/

.col3 .col3none{display:none !important;}