@media screen and (min-width:360px) {
    .hidden-xxs{display:block}
    .sidenav .user b{max-width:7em}
    .form-group .frm-radio+.frm-txt{margin-right:13px}
    .lst-cate strong{margin-bottom:20px}
    .sort-circle{margin-left:13px}
    .btn-like-pink{margin:0 13px}
    .ziplist{max-height:275px}
    .zip-srch>div{margin-bottom:27px}
    .zip-srch>div+div{margin:-13px auto 27px}
    .adr-bx{top:27px}
}

@media screen and (-webkit-min-device-pixel-ratio:0){
    input[type=checkbox], input[type=radio]{border:0;border-radius:0}
    .btn-like.active:hover .icon-like{-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation:rubberBand 1s;animation:rubberBand 1s}
    .btn-alarm.active:hover .icon-alarm-wh{-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation:tada 1s;animation:tada 1s}
    .set-alarm .btn-alarm.active:hover:after{content:"";display:block;position:relative;z-index:10;top:-18px;left:-25px;border-radius:50%;background:#000000;-webkit-animation:click-wave .4s;animation:click-wave .4s}
}

/* 아이폰 구분 webkit-min-device-pixel-ratio 4(최신안드로이드) 3(아이폰+) 2(아이폰) 1.5(안드로이드) 2017.12.11 UTH */
@media screen and (-webkit-min-device-pixel-ratio:2){
    .list-discount5{padding-top:2px;}
    .meta-price5{padding-top:3px;padding-bottom:3px;}
}
@media screen and (-webkit-min-device-pixel-ratio:3){
    .list-discount5{padding-top:2px;}
    .meta-price5{padding-top:2px;}
    .vip-price-main{padding-top: 5px;}
}
/*아이폰 X*/
@media screen and (device-width : 375px) and (device-height : 812px) and (-webkit-device-pixel-ratio : 3){
    .list-discount5{padding-top:2px;}
}

body {
    margin: 0 auto;
    overscroll-behavior:contain;
    width: 100%;
}

.b-iframe {height: 100%;}
@supports (-webkit-touch-callout: none) {
    .b-iframe {height: -webkit-fill-available;}
}


/*페이징 추가 CSS*/
.paging {
    margin:25px 0 15px ;
}
.paging ul {
    text-align: center;
}
.paging ul li {
    display: inline-block;
    margin: 0 0 0 6px;
}
.paging ul li span{
    display:block;
    width:40px;
    border:solid 1px #c2c2c2;
    font-size:18px;
    text-align:center;
    color:#222;
    line-height: 40px;
}
.paging ul li.on span{
    background-color:#000000;color:#fff
}

.header ul li a:before {
    width: 100%;
    content: attr(data-tag);
    display: block;
    position: absolute;
    top: -15px;
    left: 0;
    font-weight: 400;
    font-size: 13px;
    color: #0ad8d6;
    text-align: center;
    line-height: 1.0;
}
.header ul li.on a:after {
    width: 100%;
    height: 2px;
    content: '';
    display: block;
    position: absolute;
    bottom: -5px;
    left: 0;
    background-color: #0ad8d6;
}