/* 제거 */
/* #main .swiper_visual  .swiper-slide img{height:66vw;} */

/* 제거 */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video{font-family: "Poppins","Apple SD Gothic Neo","Malgun Gothic",sans-serif;}
#main{background-color: #F8F8F8;}
.header-wrap.on {top: -155px !important;}
.mainicon{background: url(https://atimg.sonyunara.com/2021/renewal/main/home_icon3.png?v=20220617) no-repeat center center; display:inline-block; background-size: 400px;}
.membericon{background: url(https://atimg.sonyunara.com/2021/renewal/member/membericon.png) no-repeat center center; display:inline-block; background-size: 250px;}
h4.maintitle{font-size:16px;     margin: 10px 0px 18px; }
h4.maintitle a{font-size:16px;}
#main > .maincontents{padding:20px 10px  30px 10px; margin-bottom:20px; background-color: #fff; position:relative}
#main > .maincontents .moreitem{position:absolute; top:32px; right:10px; color:#9f9f9f}
#main > .maincontents h4{position:relative}
/* #main > .maincontents h4 span.mainicon{background-position: -35px -49px;width: 9px; height: 13px; position:absolute; right:0; top:5px} */
#main > .maincontents h4 span.mainicon{
    background-position: -20px -45px;
    width: 35px;
    height: 35px;
    position: absolute;
    right: 0;
}
.thico{ width: 38px; height: 26px; background-image: url(https://atimg.sonyunara.com/2021/renewal/quick.svg); background-repeat: no-repeat; background-size: cover;}
.thico.on{    background-position-y: -28px;}

div.colorCodebox .colorCode.moreColor{background-size: 18px !important;}
.lastarrowbtn .novisi{visibility: hidden; pointer-events: none;}
.lastarrowbtn .moregoods{position:absolute; width:100%; height:100%; top:0; left:0; background-color: #fff; border-radius: 8px;}
.lastarrowbtn .mgdiv{ font-size:15px;   position: absolute; top: 50%; left: 16%; transform: translateY(-50%); color: #5d5d5d; white-space: nowrap;}
.lastplusbtn div,.lastarrowbtn div{color: #D1D1D1; text-align: left;}
/* 공통 관련 */
/* .lastplusbtn,.lastarrowbtn{background-color: #FAFAFA; position:relative; text-align: center; white-space:nowrap; border-radius: 10px;} */
.lastplusbtn span.mainicon{width:40px; height:40px;  background-position: -360px  -117px;}
.lastarrowbtn span.mainicon{width:33px; height:21px; background-position:  -367px -72px}
.btn .next-button{width:90%; margin:0 auto; border:1px solid #EEEEEE; text-align: center; padding:10px; border-radius: 15px/50%; font-size: 13px; margin-top: 30px; margin-bottom: 6px;}
.btn .next-button span.mainicon{width: 15px; height: 15px; background-position: -359px -310px; position: relative; top: 3px; right: 5px;}
.btn .next-button font{color:#ff9995; font-weight: bold;}
.colorCode{    display: inline-block; width: 10px; height: 10px; margin-right: 2px; margin-bottom: 0px; box-sizing: border-box;}
.slidelastarrow{width:49px !important}
/* .morecolor{ width: 11px; height: 11px; background-position: -277px -313px;} */
/* .colorCodebox span:nth-child(n+6){display: none;} */
.goods-cate.smart .mainicon.smart {
    background-position: -133px -528px;
    width: 35px;
    height: 35px;
    position: absolute;
    right: 15px;
}
.goods-cate.smart .mainicon.reset {
    background-position: -88px -529px;
    width: 35px;
    height: 35px;
    position: absolute;
    right: 15px;
}
.goods-cate.smart{    padding: 15px;
    border-bottom: 1px solid #F5F5F5;
    padding-left: 80px;
    position: relative;}
.mainicon.smart::after{
    content: "";
    position: absolute;
    left: 46px;
    top: 10%;
    width: 1px;
    display: inline-block;
    height: 80%;
    background-color: #E7E7E7;

}

.list-icon-box{position:absolute; bottom:5px; left:5px; height:20px; }
.list-icon-box img{height: 100% !important; margin-right:2px; width:auto !important;}
.prd_basic .likesell{color:#9f9f9f; margin-top:10px;}
/* fixed bar right */
div.fixed-bar {bottom:70px;}
.fixed-bar > div ul li a{position:unset;}
.fixed-bar > div ul li a.tag{background-color: transparent; border:0}
.fixed-bar > div ul li a > span{display:inline-block;left:0; position: unset; }
.fixed-bar-right .pull-right .blur .reload{ background-position:-53px -463px; width:41px ; height:41px;}
.fixed-bar-right .pull-right .blur .up{ background-position:-149px  -462px; width:41px ; height:41px;}
.fixed-bar-right .pull-right .blur .down{ background-position:-199px  -461px; width:41px ; height:41px;}
.fixed-bar .pull-left .blur .back{ background-position:-101px  -462px; width:41px ; height:41px;}
.fixed-bar .pull-left .chat .talk{ background-position:-6px  -463px; width:41px ; height:41px;}
.fixed-bar .pull-left .sms .navers{ background-position:-298px -460px; width:43px ; height:43px;}
.fixed-bar .pull-left .sms .kakaos{ background-position:-248px -460px; width:43px ; height:43px;}
.fixed-bar .pull-left .sms .instas{ background-position:-345px -394px; width:43px ; height:43px;}
/* .fixed-bar .pull-left .sms .snsn{position: absolute; left:50px;} */
.fixed-bar .pull-left .sms.call .callimgbox{position:relative;}
.fixed-bar .pull-left .sms.call .callimgbox .gif{height:42px; width:auto; position:absolute; top:-1px; left:-1px; z-index: 0; }
.fixed-bar .pull-left .sms.call .snsn{left:87px;}
.fixed-bar .pull-left .sms.call .on .callbtn{left:37px !important;}


/* 콕메뉴쪽 */
.fixed-menu > div ul li.my a:before{    width: 25px; height: 21px; background: url(https://atimg.sonyunara.com/2021/renewal/main/home_icon3.png) no-repeat center center; background-position: -185px -406px; background-size: 400px;}
.fixed-menu > div ul li.delivery a:before{    width: 31px; height: 22px; background: url(https://atimg.sonyunara.com/2021/renewal/main/home_icon3.png) no-repeat center center; background-position: -223px -406px; background-size: 400px;}
.fixed-menu > div ul li.like a:before{    width: 25px; height: 23px; background: url(https://atimg.sonyunara.com/2021/renewal/main/home_icon3.png) no-repeat center center; background-position: -269px  -406px; background-size: 400px;}


/* 메인 리스트 형태 */
.prd_basic > li{margin-bottom:20px;}
/* .prd_basic.col2 > li:nth-child(2n){    padding: 0 0 0 5px;} */
/* .prd_basic.col2 > li{ padding: 0 5px 0px 5px; position:relative} */
.prd_basic.col2 > li{padding:5px !important;position:relative}
.prd_basic.col3 > li{padding:2.5px !important;position:relative}
.prd_basic .box-list .img{position:relative;}

.prd_basic .box-list .img .prdimg{ width:100%; border-radius: 10px; height:0; overflow:hidden; position:relative; padding-bottom:130%; }
.prd_basic .box-list .img .prdimg img{width: auto; position: absolute; left: 50%; transform: translateX(-50%); height:100%;}
.prd_basic .box-list .img .icon_sale {display:none; font-size:0;}
.prd_basic .box-list .img .icon_sale strong{display:none; font-size:10px; color:#ff9995}
.prd_basic .box-list .info{text-align: left;}
.box-list .info .price{margin:5px 0 3px; overflow: hidden;}
.prd_basic .box-list .info .price .freedel{color:#B5B5B5; float:right; font-size: 11px; margin-top: 5px;}
.prd_basic .box-list .info .price .sell{font-size:17px; font-weight: 600;}
.prd_basic .box-list .info .price .percent{color:#ff9995 !important; font-weight: 600; font-size:15px;}
.prd_basic .box-list .info .aname{margin:4px 0px 2px 0px;}
.prd_basic .box-list .info .point{min-height:16px; margin-bottom: 6px;}
.prd_basic .box-list .info .point a{color:#7c95de; font-size:11px; letter-spacing: -0.5px;}
.prd_basic .box-list .info .name a{width:100%; overflow: hidden;  text-overflow:ellipsis; display: block; letter-spacing: -0.5px; font-size:13px;  -webkit-line-clamp: 2; -webkit-box-orient: vertical;  display: -webkit-box;}
.prd_basic .box-list .info .aname a{color:#9f9f9f; font-size:12px}
.prd_basic .box-list .info .wishcart{position:absolute; right:10px;bottom:27px;}
.prd_basic .box-list .info .wishcart .wish a{font-size:0; width: 20px; height: 18px; background-size: 400px; background-position: -175px -311px; margin-right: 5px;}
.prd_basic .box-list .info .wishcart .wish a.on{background-position: -199px -311px;  animation-name: scale; animation-duration: 1s;}
.prd_basic .box-list .info .wishcart .cart a{font-size:0; width: 20px; height: 21px; background-size: 400px; background-position: -225px -309px; position:relative;top:2px;}
.btn .main_btn a{width:90%; background:white; color:black; border:1px solid #DADADA; border-radius: 25px/50%; padding:13px 10px 12px 10px; display: inline-block; margin-top: 10px; margin-bottom: 5px;}
.btn .main_btn a font{color:#ff9995}
.btn .main_btn a span.more{width: 9px; height: 13px; background-size: 400px; background-position: -35px   -49px; position: relative; top: 2px; left:4px;     transform: scale(0.8);}



/*3열 목록*/
.goods-list .prd_basic.col3 .box-list .info .aname a, .scrollList.col3 .box-list .info .aname a {
    font-size: 10px;
}

.goods-list .prd_basic.col3 .box-list .info .price, .scrollList.col3 .box-list .info .price {
    white-space: nowrap;

}

.goods-list .prd_basic.col3 .box-list .info .price span, .scrollList.col3 .box-list .info .price span {
    font-size: 15px;
}

.goods-list .prd_basic.col3 .box-list .info .price .freedel, .scrollList.col3 .box-list .info .price .freedel {
    margin-top: 2px;
}

.goods-list .prd_basic.col3 .likesell, .scrollList.col3 .likesell {
    font-size: 10px;
}

.goods-list .prd_basic.col3 .box-list .info .wishcart, .scrollList.col3 .box-list .info .wishcart {
    right: 3px;
}

.goods-list .prd_basic.col3 .box-list .info .wishcart .wish a, .scrollList.col3 .box-list .info .wishcart .wish a {
    transform: scale(0.8);
    margin-right: 0;
}

.goods-list .prd_basic.col3 .box-list .info .wishcart .cart a, .scrollList.col3 .box-list .info .wishcart .cart a {
    transform: scale(0.8);
}

.goods-list .prd_basic.col3 .box-list .info .name a, .scrollList.col3 .box-list .info .name a {
    font-size: 12px;
}

.goods-list .prd_basic.col3 .box-list .info .price .freedelmin, .scrollList.col3 .box-list .info .price .freedelmin {
    color: #B5B5B5;
    float: right;
}

.goods-list .prd_basic.col3 .box-list .info .point a, .scrollList.col3 .box-list .info .point a {
    font-size: 10px;

}
.prd_basic.col3 .quickviewbtn img{
    width:15px !important;
    height:15px !important;
    margin-right:2px !important;
    vertical-align: initial !important;
    position: relative !important;
    top: -1px !important;
}
.prd_basic.col3 .box-list .info .wishcart{
    bottom:17px !important;
}
/* .goods-list .prd_basic.col3 .list-icon-box{ height:15px;} */
@media (max-width : 428px) {
    .goods-list .prd_basic.col3 .box-list .info .price .freedel, .scrollList.col3 .box-list .info .price .freedel {
        display: none;
    }

    .goods-list .prd_basic.col3 .box-list .info .price .freedelmin, .scrollList.col3 .box-list .info .price .freedelmin {
        display: inline-block !important;
    }

    .col3 div.colorCodebox .colorCode:not(.moreColor):nth-child(n+3) {
        display: none;
    }
}





/* 메인 슬라이드 형태 */
.hash-box .title-card{background-color: #AD96DC; color:white; display: inline-block; border-radius: 10px/50%; padding:2px 10px;}
.box-slide .img .prdimg { width:100%; overflow: hidden; position:relative;}
.box-slide .img .prdimg a img{width:130% !important; position: relative; left:-15%;  /*   max-height: 48.7vw; */object-fit: cover;}
.box-slide .info{min-height:68px}
.box-slide .info .price{margin:6px 0px 0px 0px;}
.box-slide .info .price .sell{    font-size: 15px; font-weight: 600; /*letter-spacing: -1px;*/}
.box-slide .price span.percent{    display: inline-block; font-weight: 600; font-size: 15px;}
.box-slide .info .aname a{color:#9f9f9f;   }
.box-slide .info .aname{ overflow: hidden; text-overflow: ellipsis; white-space: nowrap}
.box-slide .info .gname a{    width: 100%; overflow: hidden; text-overflow: ellipsis; display: block; letter-spacing: -0.5px; font-size: 13px; -webkit-line-clamp: 2; -webkit-box-orient: vertical; display: -webkit-box;margin-bottom: 3px;}
.box-slide .info .point a{color:#7c95de; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;width:100%; display:block;}
.box-slide .info .point{min-height:16px;}
.box-slide .info .wishcart .wish a{font-size:0; width: 20px; height: 18px; background-size: 400px; background-position: -175px -311px; margin-right: 8px;}
.box-slide .info .wishcart .wish a.on{background-position: -199px -311px;  animation-name: scale; animation-duration: 1s;}
.box-slide .info .wishcart{position:absolute; right:0;bottom:0;}
.box-slide .info .likesell{    color: #9f9f9f; margin-top: 10px;}
.box-slide .info .freedel {display: inline-block; margin-bottom:2px;}

/* top banner */
#main .topbanner img{width:100%;}

.bannerdot{text-align: center;background-color: #fff; padding:10px 10px 0; }
.bannerdot .swiper-pagination-bullet{margin:0 3px;}
.swiper-pagination-bullet-active{background: black;}

/* top-header */
#at-header .top-header .pull-center a{height:28px; width:147px; overflow: hidden; display: inline-block;}
#at-header .top-header .pull-center a img{  position: relative; width: 140px; top: 0; left: 0;}
#at-header .top-header .pull-left li.allmenu a img{    width: 392px; position: relative;}
#at-header .top-header .pull-left ul li.allmenu a{vertical-align: top;}
#at-header .top-header .pull-left ul li.allmenu a.headwish{    margin-left: 9px; position: relative; TOP: -2px;}
#at-header .bottom-header > div.category{    width: calc(100% - 28px); }
#main .swiper_visual .swiper-pagination{   right:15px; -webkit-border-radius:  15px 15px 15px 15px; -moz-border-radius:  15px 15px 15px 15px; border-radius: 15px 15px 15px 15px; left:auto; bottom: 13px; font-size: 10px; width:45px; height:23px;}
#at-header .top-header .pull-right ul li.cart a span{width:19.3px; height:19.3px; background-position: -201.3px -0.3px }
#at-header .top-header .pull-right ul li.my a span{width:17.6px; height:19.3px;  background-position: -230.3px -0px }
#at-header .top-header .pull-right ul li{margin-left:15px;}
#at-header .top-header .pull-right ul li > span{    top: -7px; }
#at-header .top-header .pull-center{    width: calc(100% - 155px); }
#at-header .top-header .pull-right ul li:first-child{margin-left:0;}

/* middle-header */
#at-header .middle-header{position: relative; left: 0; top: 0; width: 100%; background: #fff; z-index: 999; padding: 10px 10px ;}
#at-header .middle-header .pull-center .searchbar{width:calc(100% - 20px); padding:12px 41px 12px 30px; border:none;box-shadow: 0 0 6px 0px #d2d2d2; border-radius: 20px /50%;}
#at-header .middle-header .pull-center.on .searchbar{width:calc(100% - 50px); margin-left:30px;}
#at-header .middle-header .pull-center .searchbar:focus{outline:none;}
#at-header .middle-header .pull-center form span.smartlensbtn{position: absolute; width: 21px; height: 20px; background-position: -255px -0px; top: 10px; right: 30px;}
#at-header .middle-header .pull-center form span.smartlensbtn.on{background-position:-315px  0px;}
#at-header .middle-header .pull-center .closeSearch{ position:absolute; left:19px; top:13px; z-index: 2;  width: 12px; height: 22px; background-position: -62px  -50px;display:none;}
#at-header .middle-header .pull-center.on .closeSearch{display:inline-block}
.smartdetail{font-size:11px; color:#a4a3a4    ; margin-top:10px}
.smarttitle{font-weight: 600;}
#at-header .middle-header .pull-center.on .closeSearch {top:50%; transform:translateY(-50%);}
#at-header .middle-header .pull-center.on .searchbar{font-size:16px; padding:12.5px 43px 12.5px 28px;}
#at-header .middle-header .pull-center.on form span.smartlensbtn{top:13px;}



/* bottom-header */
#at-header .bottom-header > div.category ul{display: flex; }
#at-header .bottom-header > div.category ul li{/*width:16.66%;*/ margin-right:0;flex-grow:1}
#at-header .bottom-header > div.btmmenu a span{background-position: -2px -26px; width: 13px; height: 14px; margin-top: 20px;}
#at-header .bottom-header > div.btmmenu > a{ top: 0px;    right: -8px; }
#at-header .bottom-header > div.category ul li.on:after{background:#757575; width:70%; left:50%; transform:translateX(-50%)}

/* fixed search */
.fixed-search {top:62px; height: calc(100% - 50px);}
.fixed-search .box .word ul li#recent .wrap{height: 458px;}
.fixed-search .box .word ul li dl dd{margin-bottom:17px; display:flex}
.fixed-search .box .word {padding:26px 0}
.fixed-search .moreitem{width:calc(100% - 30px);margin:0 auto;}
.fixed-search .subject{font-size:16px; color:#B9B9B9; margin-bottom:20px;}


/* .fixed-search .moreitem ul{} */
.fixed-search .moreitem ul li{display: flex; margin-bottom:10px;}
.fixed-search .moreitem ul li .left-contents{width:30%; overflow: hidden; border-radius: 8px;}
.fixed-search .moreitem ul li .right-contents{width:70%; margin:0 0 0 10px; padding-top:10px; border-top:1px solid #eeeeee;}
.fixed-search .moreitem ul li img{width:110%; margin-left:-5%; border-radius:8px;    min-height: 100%; object-fit: cover; object-position: center;}
.fixed-search .moreitem ul li .right-contents .aname{margin-bottom:8px}
.fixed-search .moreitem ul li .right-contents .aname a{color:#B4B4B4;}
.fixed-search .moreitem ul li .right-contents .price{margin-top:80px;}
.fixed-search .moreitem ul li .right-contents .price .consumer {text-decoration: line-through; color:#CACACA; display: block; font-size: 14px;}
.fixed-search .moreitem ul li .right-contents .price .percent, .fixed-search .moreitem ul li .right-contents .price .sell{
    font-size:16px;
}



/* fixed lens */
.fixed-lens .moreitem ul li{display: flex; margin-bottom:14px;}
.fixed-lens .moreitem ul li .left-contents{width:30%; overflow: hidden; border-radius: 8px;}
.fixed-lens .moreitem ul li .right-contents{width:70%; margin:0 0 0 10px; padding-top:10px; border-top:1px solid #eeeeee;}
.fixed-lens .moreitem ul li img{width:127%; margin-left:-15%;border-radius:8px;    min-height: 100%; object-fit: cover; object-position: center;}
.fixed-lens .moreitem ul li .right-contents .aname{margin-bottom:8px}
.fixed-lens .moreitem ul li .right-contents .aname a{color:#B4B4B4;}
.fixed-lens .moreitem ul li .right-contents .price{margin-top:20px}
.fixed-lens .moreitem ul li .right-contents .price .consumer {text-decoration: line-through; color:#CACACA; display: block;}
.fixed-lens .moreitem ul li .right-contents .price .percent, .fixed-lens .moreitem ul li .right-contents .price .sell{
    font-size:16px;
}


.fixed-lens{display: none; position: fixed; overflow-y: auto; overflow-x: hidden; left: 0; top:50px; width: 100%;  height: calc(100% - 50px); background: #f3f3f3; z-index: 9998;}
.fixed-lens .lenssearch{background-color: white; display: flex; border-bottom-left-radius: 15px;border-bottom-right-radius: 15px; box-shadow: 0 0 6px 0px grey; padding:30px 10px 33px 13px;}
.fixed-lens .lenssearch > div.info{width:65%; position:relative; /* padding-left:calc(30% - 110px);*/ padding-left:19px;}
.fixed-lens .lenssearch > div.info .t{font-size:12px;}
.fixed-lens .lenssearch > div.info .c{margin-top:10px; font-size:12px; color:#8E8E8E;  }
.fixed-lens .lenssearch > div.smartlens{width:50%; text-align: center;}
.fixed-lens .lenssearch > div.smartsearch{width:50%; text-align: center;}
.fixed-lens .lenssearch > div.smartlens > div{margin-top:10px;}
.fixed-lens .smartlens{position: relative;}
.fixed-lens .smartlens span:first-child{width: 26px; height: 26px; background-position: -310px -31px; margin-bottom:9px;}
.fixed-lens .smartlens::after{content: ""; height: 100%; width:1px; background-color: #E5E5E5; display:inline-block; position: absolute; top: 0; left: 0;}
.fixed-lens .smartsearch span:first-child{width: 26px; height: 26px;  background-position: -272px  -31px; margin-bottom:9px;}
.fixed-lens .subject{    font-size: 16px; color: #B9B9B9; margin-bottom: 25px; margin-top: 30px;}
.fixed-lens .moregoods{margin:15px}
.fixed-lens .moregoods ul {display: flex; flex-wrap: wrap;}
.fixed-lens .moregoods ul li{width:25%;padding:5px;}
.fixed-lens .moregoods ul li a img{width:100%; border-radius: 10px;}

/* 메인카테고리 */
.mainCate{position:relative; display: flex; flex-wrap: wrap; border-radius: 0 0 15px 15px; box-shadow: 0 0 6px 0px #c7c7c7; background-color: #fff; padding: 12px 6px 5px;}
.mainCate>div{width:20%; display: inline-block; height:100px; text-align: center; margin: 1px 0;}
.mainCate>div>a div{width:50px; height:50px;  margin:10px auto; display: block; /*transform: scale(0.9);*/ position:relative}
.mainCate>div.morecate{position:absolute; bottom:5px;right: 6px;}
.mainCate>div.morecate>a span::after{content: "더보기";}
.mainCate>div.morecate.on>a span::after{content: "닫기";}
.mainCate>div.morecate a div{background-position: -302px -139px }
.mainCate>div.morecate.on a div{background-position: -302px -196.6px;}
.mainCate>div a div.freedelivery{background-position: -3px -80px}
.mainCate>div a div.onepiece{ background-position: -78px -80px}
.mainCate>div a div.blouse{ background-position: -152.6px -80px}
.mainCate>div a div.neattshirt{ background-position: -226.6px -80px}
.mainCate>div a div.skirt{ background-position: -302.6px -80px}
.mainCate>div a div.pants{ background-position: -3px -139px}
.mainCate>div a div.outer{ background-position: -78px -139px}
.mainCate>div a div.underwear{ background-position: -152.6px -139px}
.mainCate>div a div.swimwear{ background-position: -226.6px -139px}
.mainCate>div a div.shoes{ background-position:  -226px -198px;}
.mainCate>div a div.bag{ background-position: -149px -198.6px}
.mainCate>div a div.accessory{ background-position: -2.3px -196.6px}
.mainCate>div a div.jewelry{ background-position: -77px -196.6px}
.mainCate>div a div.selfbrand{background: url(https://atimg.sonyunara.com/2021/renewal/main/brand.png) no-repeat center center; background-size: contain;}
.mainCate>div a div.ALL{ background-position: -2.3px -253.6px}




/* 키워드 */
.keyword{margin:30px 0; background:transparent; height: 40px;}
.keyword.on{height: 320px; }
.keyword .time{position: absolute; bottom:0px; left:15px; display: none;}
.keyword.on .time{display:block;}
.keyword.on .top > div.list ul li > div.name a{height:30px; line-height: 30px;}
.keyword.on .top > div.list ul li > div{line-height: 30px;}
.keyword .top > div{line-height: normal;}
.keyword .top > div.list{background-color: #fff; width:calc(100% - 140px); border-radius: 10px; box-shadow: 0 0 6px 0px #c7c7c7;}
.keyword .top > div.list.on{height:320px; opacity: 1; padding:10px 0 ;}
.keyword .top > div.list.on ul{top:0px !important; }
.keyword .top > div.list ul li > div.name a{height:40px; line-height: 40px;}
.keyword .top > div.list ul li > div{line-height: 40px;}
.keyword .top > div.list ul li > div.num{text-align: center; width:38px}
.keyword .top > div.list ul li > div.name{width:calc(100% - 140px);}
.keyword .top > div.tit{width:140px; font-size: 14px;}
.keyword .top > div.button{float: none; position:absolute; top:0; right:0}
.keyword .top > div.button a{    right: 12px; top: -6px;}
.keyword .top > div.list ul li > div.state.up{color: #ff9995;}
.keyword .top > div.list ul li > div.state.up i{color: #ff9995;}
/* 메인 공지쪽 */
.mainnotice{overflow: hidden; width:100%}
.mainnotice > div{height:50px; width:100%; overflow: hidden; background-color: #fff; white-space:nowrap; position: relative; }
.mainnotice > div::after{content: ""; width:95%; height: 1px; background: #EFEFF0; display:inline-block; position: absolute; bottom:0; left:0; margin-left:2.5%}
.mainnotice > div:last-child:after{display: none;}
.mainnotice > div > a > div{display: inline-block; vertical-align: top; line-height: 50px;}
.mainnotice > div > a > div.title {font-size:14px; margin-right:10px; font-weight: 400;}
.mainnotice > div > a > div.contents{white-space:nowrap; word-break:break-all; text-overflow:ellipsis; overflow: hidden;}
.mainnotice > div .icon{display:inline-block;width:50px; height:50px; position:relative}
.mainnotice > div .icon .mainicon{position: absolute; top:50%; left:66%; transform: translate(-50%,-50%);}

/* 무료 배송상품 */
.freedelivery{background-color: #fff; margin-top:20px;}

/* 타임세일 */

.main_timesale .prd_basic1 > li{ width:100%;}
.main_timesale .prd_basic1 > li .box-list{position:relative; padding-bottom:16px;}
.main_timesale .prd_basic1 > li .box-list .info .price{margin-top: 8px;}
.main_timesale .prd_basic1 > li .box-list .info .price .sell{font-size:18px; font-weight: 600;}
.main_timesale .prd_basic1 > li .box-list .info .price .p_color{font-size:18px; font-weight: 600; color:#ff9995 !important;}
.main_timesale .remaintime{background-color: #B5CFB2; color:white; text-align: center; padding:10px; font-size: 16px; border-radius: 10px; margin:00px 5px 10px; }
.main_timesale .remaintime .ing{ color:white; }
.main_timesale .remaintime .next{color:white; font-size: 15px;}
.main_timesale .remaintime .ing span{ color:white; font-size: 15px;}
.main_timesale .remaintime small{color:white;}
.main_timesale .prd_basic1 .box-list .info .name{margin-top:15px; overflow:hidden; text-overflow: ellipsis; white-space: nowrap;}
.main_timesale .prd_basic1 .box-list .info .name a{color:#898989; font-weight: 600; font-size:16px;}
#main .maincontents .main_timesale  h4 span.sub{color:#BFBFBF; position:relative; top:-5px;}
.main_timesale .prd_basic1 .img{position:relative;}
.main_timesale .prd_basic1 .img img{border-radius: 10px;}
.main_timesale .prd_basic1 .img .soldout{position:absolute; left:15px; top:15px; border-radius: 6px; color:white; background-color: #ff9995; padding:5px 11px; font-size:14px; box-shadow:1px 2px 3px 0px #8B8B8B;}
.prd_basic1 .box-list .info .wishcart{position:absolute; right:10px;bottom:9px;}
.prd_basic1 .box-list .info .wishcart .wish a{font-size:0; width: 20px; height: 18px; background-size: 400px; background-position: -175px -311px; margin-right: 8px;}
.prd_basic1 .box-list .info .wishcart .wish a.on{background-position: -199px -311px;  animation-name: scale; animation-duration: 1s;}
.prd_basic1 .box-list .info .wishcart .cart a{font-size:0; width: 20px; height: 21px; background-size: 400px; background-position: -225px -309px; position:relative;top:2px;}

/* 뷰티 */
/* .main_beauty .swiper_mbeauty {padding:5px;}
.main_beauty .swiper_mbeauty > ul >li .beauty_left{width:35%;  display: inline-block; padding:5px}
.main_beauty .swiper_mbeauty > ul >li .beauty_right{width:65%; display: inline-block; padding:5px}
.main_beauty .swiper_mbeauty > ul >li .beauty_left a img{border-radius: 10px;}
.main_beauty .swiper_mbeauty > ul >li .beauty_right .info{    margin-bottom: calc(36% - 61px);}
.main_beauty .swiper_mbeauty > ul >li .beauty_right .info > a > div{margin-bottom:5px;}
.main_beauty .swiper_mbeauty > ul >li .beauty_right .name{color:#9C9C9C;}
.main_beauty .swiper_mbeauty > ul >li .beauty_right .info .tag{color:#ff9995;}
.main_beauty .swiper_mbeauty > ul >li .beauty_right .swiper_beauty_reply > ul{padding:5px; left:-5px;}
.main_beauty .swiper_mbeauty > ul >li .beauty_right .swiper_beauty_reply > ul > li{border-radius: 10px; overflow: hidden; box-shadow: 0 0 3px 0px #d2d2d2;}
.main_beauty .swiper_mbeauty > ul >li .beauty_right .swiper_beauty_reply > ul > li .beauty_reply_left {width:30%; display: inline-block; }
.main_beauty .swiper_mbeauty > ul >li .beauty_right .swiper_beauty_reply > ul > li .beauty_reply_right {width:70%; display: inline-block; position: relative;}
.main_beauty .swiper_mbeauty > ul >li .beauty_right .swiper_beauty_reply > ul > li .beauty_reply_right .center{position:absolute; top:50%; transform:translateY(-50%);width:100%;padding-left:5px}
.main_beauty .swiper_mbeauty > ul >li .beauty_right .swiper_beauty_reply .reply{overflow: hidden; white-space:nowrap; word-break:break-all; text-overflow:ellipsis; color:#9C9C9C;}
.main_beauty .swiper_mbeauty > ul >li .beauty_right .swiper_beauty_reply .star{ background-position: -87px  -62px;width: 9px; height: 9px; margin-top:10px;} */
/* .main_beauty .swiper_mbeauty > ul >li .beauty_right .swiper_beauty_reply > ul > li .beauty_reply_right */


/* 룩스타일 */
/* .lookstyle .swiper_lookstyle .r{display: flex; flex-wrap: wrap;} */
/* .lookstyle .swiper_lookstyle .r{display: flex; flex-wrap: ;} */
.lookstyle .swiper_lookstyle .r > div a{font-size:0}
.lookstyle .swiper_lookstyle .r > div span{font-size:0}
.lookstyle .swiper_lookstyle .r > div img{width:100%}
.lookstyle .swiper_lookstyle .r::after{content: ""; display: inline-block; clear: both;}
.lookstyle .swiper_lookstyle .r .looktype{position:relative; }
.lookstyle .swiper_lookstyle .r .looktype div{position:absolute; bottom:10px; left:10px; color:white; font-size: 14px;}
.lookstyle .swiper_lookstyle .r .looktype div .mainicon{ position:relative; top:1px;   width: 8px; height: 11px; background-position: -103px -58px;}
.lookstyle .swiper_lookstyle .r > div{display: flex;}
.lookstyle .swiper_lookstyle .r > div > .looktype {width:calc((100% / 3 * 2)); padding:2.5px;}
.lookstyle .swiper_lookstyle .r > div > div {width:calc(100% / 3);}
.lookstyle .swiper_lookstyle .r > div > div .looktype{padding:2.5px}
.lookstyle .swiper_lookstyle .bg{position: relative; display:block;}
.lookstyle .swiper_lookstyle .bg::after{content: ""; display: block; position: absolute; width:100%; height:100%; left:0; top:0; background-color:rgba(0,0,0,0.2); pointer-events: none;}

/* 임의의 수정영역 */
.custom-tn{letter-spacing: -1px; font-size: 9px; color:gray;}
.custom-tn *{font-size: 9px; color:gray;}

.list-top{     text-align: center; position: relative; padding: 20px ; border-bottom: 1px solid #F5F5F5; background-color: #fff;}
.list-top h4{font-size: 15px;}
.list-top .back.mainicon{    background-position: -62px -50px ; width: 12px ; height: 22px ; position: absolute; top: 50%; left: 20px ; transform: translateY(-50%);}