@charset "utf-8";
a{color: #333;}
.scroll{overflow: hidden; height: 100%;}
/* 가운데정렬 */
.container{width: 1110px; height: inherit; margin:0 auto;}
/* fix */
.pc-fix-menu{position: fixed;top:0;left:0;width: 100%;background-color: #fff; z-index: 99999; transition: all .3s;}
.mobile-fix-menu{position: fixed;top:0;left:0;width: 100%;background-color: #fff; z-index: 99999; transition: all .3s;}
/* header */
#header{width: 100%; position: relative; top: 0;left: 0; height: 174px;}
.pc{height:120px; display: flex; align-items: center;justify-content: space-between;position: relative; top:10px;}
.pc .search{text-align: left; width: 400px; border: 1px solid #666; border-radius: 20px; box-sizing: border-box;}
.pc .search .search-box a{vertical-align: middle; }
.pc .search .search-box a img{width: 20px;height: 20px;}
.pc .search-txt{border:none; width: 340px; height: 38px; color: #555; margin-left: 20px; font-size: 14px;}
.pc .cart-num{position: absolute; top:0;right:10px; background-color: #ff6601; border-radius: 50%; width: 20px;height: 20px; text-align: center; color: #fff; font-size: 12px;}
.mycart{display: flex; padding-right: 20px; position: relative;}
.mycart li{margin-right: 50px;}
.mycart li a{display: block;}
.mycart li:last-child{margin-right:0px; margin-top:4px;}
.top-menu{display: flex;position: absolute; top: 0px; right: 0;}
.top-menu li{padding: 0 14px; border-right: 1px solid #ddd;}
.top-menu li a{color:#4d4d4d;}
.top-menu li:last-child{padding:0 0 0 14px; border-right:none;}
.main-menu{display: flex;;justify-content: space-between; background-color: #fff;}
.main-menu>li{text-align: center;}
.main-menu>li:first-child{width: 180px; text-align: left;}
.main-menu>li:first-child:hover>a{background-color:#333; color:#fff;}
.fa-bars{margin-right:10px;}
.main-menu>li>a{font-size: 16px;font-weight: 500; display: block; padding:15px 10px; box-sizing: border-box;padding-left: 15px;}
.depth2{display: none; background: #fff;position: absolute;width: 180px; z-index: 10;}
.depth2>li>a{display: block; line-height: 43px; margin-left:15px; font-size: 13px;}
.depth2>li>a span{background: url(../img/bannercon2.png) 0 0 no-repeat; width: 30px; display: inline-block; height: 30px; vertical-align: middle; margin-right: 10px;}
.depth2>li:nth-child(2)>a span{background-position: 0 -42px;}
.depth2>li:nth-child(3)>a span{background-position: 0 -84px;}
.depth2>li:nth-child(4)>a span{background-position: 0 -126px;}
.depth2>li:nth-child(5)>a span{background-position: 0 -168px;}
.depth2>li:nth-child(6)>a span{background-position: 0 -210px;}
.depth2>li:nth-child(7)>a span{background-position: 0 -252px;}
.depth2>li:nth-child(8)>a span{background-position: 0 -294px;}
.depth2>li:nth-child(9)>a span{background-position: 0 -336px;}
.depth2>li:nth-child(10)>a span{background-position: 0 -378px;}
.depth2>li:nth-child(11)>a span{background-position: 0 -420px;}
.depth2>li:nth-child(12)>a span{background-position: 0 -462px;}
.depth2>li:nth-child(13)>a span{background-position: 0 -504px;}
.depth2>li:nth-child(14)>a span{background-position: 0 -546px;}
.depth2>li:nth-child(15)>a span{background-position: 0 -588px;}
.depth2>li:nth-child(16)>a span{background-position: 0 -630px;}
.depth2>li:nth-child(17)>a span{background-position: 0 -672px;}
.depth2>li:nth-child(18)>a span{background-position: 0 -714px;}
.main-menu>li:hover .depth2{display: block;}
.depth2>li:hover{background-color: #f4f4f4;}
.depth2>li:hover .depth3{display: block;}
.depth3{display: none; position: absolute; top:0;right: -180px; background-color: #f4f4f4; width: 180px; height: 100%; padding:20px; box-sizing: border-box; z-index: 10;}
.depth3>li{padding:10px 0;}
.depth3>li>a{display: block;}
.depth3>li>a:hover{text-decoration: underline; color:#ff6601;}
/* 배너 이미지 */
.banner{width: 100%; overflow: hidden;position: relative; height: 100%}
.mob{width: 100%; overflow: hidden; display: none;}
.box-num{font-size: 15px; color:#fff;background-color: rgba(0,0,0,0.4); width: 130px;height: 38px; border-radius: 30px;line-height: 38px; position: relative; top:-50px;left:75%; z-index: 55; padding:0 10px;box-sizing: border-box; text-align: center;}
.plus{color:#fff;background-color: rgba(0,0,0,0.4); width: 38px;height: 38px;line-height: 38px; border-radius: 30px;text-align: center; position: absolute;top:0;right: -40px; z-index: 555; cursor: pointer; }
.plus img{width:40%; position: absolute; top:50%; transform: translate(-50%,-50%);}
.plus-m{width: 13px;height: 13px; position: absolute;top:1px;right:10px;cursor: pointer;}
.swiper{overflow: hidden;}
.swiper-pagination-current{padding-right: 5px;}
.swiper-pagination-total{padding-left:5px; padding-right: 15px;}
.box-num .prev{width: 6%;cursor: pointer; position: absolute; top:0px; z-index: 55;}
.box-num .next{width: 6%;cursor: pointer; position: absolute; top:0px; right:30px;z-index: 55;}
.pause{width:6%;cursor: pointer; position: absolute; top:0px; right:15px;z-index: 55; display: inline-block;}
.play{width: 7%;cursor: pointer; position: absolute; top:0px; right:15px;z-index: 55; display: none;}
.img-zip{width: 100%;height: 100%; position: fixed; top:0px;left:0;z-index: 99999999; background:rgba(0,0,0,0.4);display: none;}
.img-content{width: 1100px; margin: 100px auto; position: relative;}
.img-content ul li{width: 550px; float: left; padding:0 5px; box-sizing: border-box;}
.img-content ul li a img{height: 200px;}
.close{position: absolute; top:0; right: -40px; cursor: pointer;}
/* 메인 */
#main{width: 100%;height: 100%;}
.main-area h2{text-align: center;font-size: 28px; padding:30px;}
.main-area .choice{width: 100%; display: flex;flex-wrap: wrap; justify-content: space-between;}
.main-area .choice li{width: 32%; padding-bottom: 20px;}
.main-area .choice li.hide{display: none;}
.img-more{cursor: pointer; width: 300px; border:1px solid #ddd; padding:10px 15px; text-align: center;font-size: 15px;margin:0 auto;}
.side-btn{position: absolute;top: 90%;left:10%; display: flex; display: none;}
.fixed{position: fixed;top:20%; left: 10%;}
.side-btn .side-open{background:url(../img/asidebtn.png) no-repeat; width: 25px;height: 25px; position: absolute;right: 0;}
.side-menu .side-close{background:url(../img/aside-close.png) no-repeat center center;width: 50px;height: 50px; position: absolute;right: 0;  padding:10px;}
.side-menu{position: fixed;bottom: 0; left: 20%; display: block;; z-index: 9999999; border-radius: 50%; transition: all .2s;}
/* 타임세일 */
#time{width: 100%; height: 100%;}
.time-area h2{text-align: center;font-size: 28px; padding-top:160px; padding-bottom: 35px;}
.time-area .swiper-pagination-bullet {width: 28px; height: 28px; text-align: center; line-height: 28px; font-size: 12px; color: #333; opacity: 1; background: #fff; border:1px solid #e6e6e6;margin-right: 5px;}
.time-area .swiper-pagination-bullet-active {background: #FF7E32; border: 1px solid #FF7E32; color: #fff;}
.time-area .swiper {width: 100%; height: 100%;}
.time-area .swiper-slide .sale-list{display: flex; justify-content: space-between;}
.time-area .swiper-slide .sale-list li{flex:1 1 33%; padding-right:20px;}
.time-area .swiper-slide .sale-list li:last-child{padding-right: 0;}
.time-area .sale-list li .count-time{padding-top:18px;}
.time-area .sale-list li .count-time p{display: inline-block;}
.time-area .sale-list li .count-time p span{width: 31px; height: 31px; line-height: 31px; font-size: 16px; display: inline-block; border: 1px solid #e2e2e2; border-radius: 4px; text-align: center;font-weight: 500;}
.time-area .sale-list li .count-time p span.time-day{color: #ff542a;}
.time-area .sale-list li .count-time p span.time-sec{color:#999;}
.time-area .sale-list li .count-time .time-tit{margin-top:14px; margin-bottom:15px; font-size: 15px; height: 40px;}
.time-area .sale-list li .count-time p .price{font-size: 24px;}
.time-area .sale-list li .count-time p .free{margin-left:8px}
.time-area .sale-list li .count-time p.star{display: block; font-size: 12px; color: #666;}
.time-area .sale-list li .count-time p.star img{width: 20%;margin-right: 10px;}
.time-area .swiper-pagination{position: inherit; margin:100px 0;}
/* 기획전 특가상품 */
#promotion{width: 100%; height: 100%;}
.promotion-area h2{text-align: center;font-size: 28px; padding-top:80px; padding-bottom: 35px;}
.promotion-area .pro-swiper.on{display: block; height: 100%; box-sizing: border-box;}
.promotion-area .pro-swiper{display: none;}
.promotion-area .category{display: flex; justify-content: space-between; padding:0 50px; box-sizing: border-box;}
.promotion-area .category li{font-size: 15px; color: #666; border: 1px solid #E4E4E4; border-radius: 22px; padding: 8px 19px; margin: 0 5px; cursor: pointer; box-sizing: border-box;}
.promotion-area .category li.on{color: #fff;background-color: #FF7E32; border: 1px solid #FF7E32; box-sizing: border-box;}
.promotion-area .swiper{width: 100%; height: 100%; margin-top:32px;padding:0 10px; box-sizing: border-box;}
.promotion-area .sale-list li .count-time{padding-top:15px;}
.promotion-area .sale-list li .count-time p{display: inline-block;}
.promotion-area .sale-list li .count-time .time-tit{margin-bottom:15px; font-size: 15px; height: 40px;}
.promotion-area .sale-list li .count-time p .price{font-size: 18px;}
.promotion-area .sale-list li .count-time p.free{padding-left:8px}
.promotion-area .sale-list li .count-time p.star{display: block; font-size: 12px; color: #666;padding:7px 0;}
.promotion-area .sale-list li .count-time p.star img{width: 20%;margin-right: 10px; }
.promotion-more{cursor: pointer; width: 300px; border:1px solid #ddd; padding:10px 15px; text-align: center;font-size: 15px;margin:33px auto;}
.promotion-area .swiper .swiper-wrapper{position: relative;}
.promotion-area .swiper .pro-num .prev{width: 2%; position: absolute; top:35%; left:0px; z-index: 555;}
.promotion-area .swiper .pro-num .next{width: 2%; position: absolute; top:35%;right:0px; z-index: 555;}
/* 종류별 인기상품 */
#hit{width: 100%; height: 100%; padding-bottom: 150px;}
.hit-area h2{text-align: center;font-size: 28px; padding-top:80px; padding-bottom: 25px;}
.hit01{display: flex; justify-content: space-between;}
.hit01 .list-menu{width: 15%;}
.hit01 .list-menu h3{font-size: 26px; padding: 40px 0 28px;}
.hit01 .list-menu .left-menu li{line-height: 40px; cursor: pointer; border-bottom: 1px solid #ededed; padding-left:5px;}
.hit01 .list-menu .left-menu li:hover{color:#ff6601}
.hit01 .list-menu .left-menu li.on{background-color: #FF7E32; color: #fff; position: relative;}
.hit01 .list-menu .left-menu li.on::after{border-left:16px solid #FF7E32; position: absolute;top: 0;right: -16px;border-top: 21px solid transparent; border-bottom: 21px solid transparent; display: block; content: '';}
.hit01 .list-menu .left-menu li>span{background: url(../img/bannercon2.png) 0 0 no-repeat; width: 40px; display: inline-block; height: 40px; vertical-align: middle; margin-right: 10px;}
.hit01 .list-menu .left-menu li:first-child span{background-position: -40px 5px;}
.hit01 .list-menu .left-menu li:nth-child(2) span{background-position: -40px -36px;}
.hit01 .list-menu .left-menu li:nth-child(3) span{background-position: -40px -77px;}
.hit01 .list-menu .left-menu li:nth-child(4) span{background-position: -40px -118px;}
.hit01 .list-menu .left-menu li:nth-child(5) span{background-position: -40px -159px;}
.hit01 .list-menu .left-menu li:nth-child(6) span{background-position: -40px -200px;}
.hit01 .list-menu .left-menu li:nth-child(7) span{background-position: -40px -241px;}
.hit01 .list-menu .left-menu li:nth-child(8) span{background-position: -40px -282px;}
.hit01 .list-menu .left-menu li:nth-child(9) span{background-position: -40px -323px;}
.hit01 .list-menu .left-menu li:nth-child(10) span{background-position: -40px -364px;}
.hit01 .list-menu .left-menu li:nth-child(11) span{background-position: -40px -405px;}
.hit01 .list-menu .left-menu li:nth-child(12) span{background-position: -40px -446px;}
.hit01 .list-menu .left-menu li:nth-child(13) span{background-position: -40px -487px;}
.hit01 .list-menu .left-menu li:nth-child(14) span{background-position: -40px -528px;}
.hit01 .list-menu .left-menu li:nth-child(15) span{background-position: -40px -569px;}
.hit01 .list-menu .left-menu li:nth-child(16) span{background-position: -40px -610px;}
.hit01 .list-goods{width: 79%;position: relative;box-sizing: border-box;}
.hit01 .list-goods .sale-list{display: flex; justify-content: space-between;flex-wrap: wrap;padding-top:100px; z-index: 56666;}
.hit01 .list-goods .sale-list li{width: 25%; box-sizing: border-box; padding:0 10px;}
.list-goods .swiper-pagination-bullet {width: 28px; height: 28px; text-align: center; line-height: 28px; font-size: 12px; color: #333; opacity: 1; background: #f2f2f2; border:1px solid #e6e6e6; z-index: 999999; margin-right: 5px;}
.list-goods .swiper-pagination-bullet-active {width: 28px; height: 28px; background: #FF7E32; border: 1px solid #FF7E32; color: #fff; z-index: 999999;}
.list-goods .swiper-pagination{position: absolute;top:0px;right: 100px; height: 100px;width: auto; display: flex; justify-content: end; align-items: center; }
.all{position: absolute;z-index:9999; right:10px;width: auto;height: 100px;top:35px;}
.all a{display: block; line-height: 28px;width: 80px;border-radius: 14px; height: 28px; text-align: center; line-height: 28px; font-size: 12px; color: #333; opacity: 1; background-color: #f2f2f2; border:1px solid #e6e6e6; }
.hitSwiper.on{display: block;}
.hitSwiper{display: none;}
.hit-area .sale-list li .count-time{padding-top:15px;}
.hit-area .sale-list li .count-time .time-tit{margin-bottom:15px; font-size: 15px; height: 48px;}
.hit-area .sale-list li .count-time p.price{font-size: 18px; display: inline-block;}
.hit-area .sale-list li .count-time p.free{display: inline-block;}
.hit-area .sale-list li .count-time p.star{display: block; font-size: 12px; color: #666;padding:7px 0 40px 0;}
.hit-area .sale-list li .count-time p.star img{width: 40%;margin-right: 10px; }
.hit-num .prev{width: 3%; position: absolute; top:58%; left:0px; z-index: 555; cursor: pointer;}
.hit-num .next{width: 3%; position: absolute; top:58%;right:0px; z-index: 555; cursor: pointer;}
.prev.swiper-button-disabled {opacity: 0}
.next.swiper-button-disabled {opacity: 0}
/* 푸터 */
#footer{width: 100%;}
.info{background-color: #e6e6e6; height: 48px; width: 100%;}
.info .container{display: flex; justify-content: space-between;}
.foot-menu {display: flex;align-items: center;}
.foot-menu li{padding:0 20px; border-left: 1px solid #bdbdbd;}
.foot-menu li:first-child{border-left: none;}
.foot-menu li a{display: block; font-size: 14px; color: #666;}
.foot-menu li.privacy a{font-weight: 500;}
.foot-sns{display: flex;align-items: center;}
.foot-sns li{padding-left:15px;}
.footer-area>.container{display: flex;height: inherit; margin:0 auto; align-items: center; justify-content: space-between; padding:36px 0 50px 0;}
.foot-info p{color:#666;font-size: 12px;line-height: 18px;}
.foot-info p a{color:#666;font-size: 12px;line-height: 18px;}
.foot-info .foot-title{color:#000;font-size: 13px;padding:5px 0;}
.foot-info .bar{margin:0 6px; display: inline-block; width: 1px; height: 10px; background-color: #ccc;;}
.foot-call p{color:#666;font-size: 12px;line-height: 18px;}
.foot-call .number{padding:5px 0;}
.foot-call .call{margin-left: 6px; color: #ff6001;font-size: 14px;font-weight: 500;}
.foot-bank li{display: block; border: 1px solid #dedede; border-radius: 6px;box-sizing: border-box;}
.foot-bank li:first-child{margin-bottom: 5px; background:url(../img/wori.png) no-repeat 7% center; }
.foot-bank li:last-child{background:url(../img/isms.png) no-repeat 7% center; }
.foot-bank li a{display: block;width: 195px;height: 50px;padding: 10px 14px 0 48px;line-height: 17px; box-sizing: border-box; font-size: 12px;color:#666;}
/* 모바일 메뉴 */
.mobile{display: none;}
.mobile-box{display: flex; justify-content: space-between; align-items: center; margin-top:20px;}
.mobile-box>.logo>a>img{width: 70px;}
.mobile-box>.search{text-align: left; width: 400px; border: 1px solid #666; border-radius: 20px; box-sizing: border-box;}
.mobile-box .search-box .search-txt{border:none; width: 340px; height: 30px; color: #555; margin-left: 20px; font-size: 14px;}
.mobile-box .search-box a{vertical-align: middle;}
.mobile-box .search-box a img{width: 20px;height: 20px;}
.mobile-menu ul{display: flex; justify-content: space-between; margin-top:10px;}
.mobile-menu>ul>li>a{font-size: 15px;font-weight: 500; display: block; padding:10px 0px; box-sizing: border-box;}
.mobile-box>.cart>a>img{width:30px;}
.mobile-box>.cart{position: relative;}
.mobile-box>.cart .cart-num{position: absolute; top:-5px;right:-10px; background-color: #ff6601; border-radius: 50%; width: 20px;height: 20px; text-align: center; color: #fff; font-size: 12px;}
.mob-info{display: none;}
#m-menu{width: 100%;}
.mob-menu .mob-main{display: flex;width: 100%;flex-wrap: wrap;}
.mob-menu .mob-main li{width: 20%;}
.mob-menu .mob-main li:first-child{background:url(../img/m-menu1.png)no-repeat center 30%; background-size: 38px;}
.mob-menu .mob-main li:nth-child(2){background:url(../img/m-menu2.png)no-repeat center 30%; background-size: 38px;}
.mob-menu .mob-main li:nth-child(3){background:url(../img/m-menu3.png)no-repeat center 30%; background-size: 38px;}
.mob-menu .mob-main li:nth-child(4){background:url(../img/m-menu4.png)no-repeat center 30%; background-size: 38px;}
.mob-menu .mob-main li:nth-child(5){background:url(../img/m-menu5.png)no-repeat center 30%; background-size: 38px;}
.mob-menu .mob-main li:nth-child(6){background:url(../img/m-menu6.png)no-repeat center 30%; background-size: 38px;}
.mob-menu .mob-main li:nth-child(7){background:url(../img/m-menu7.png)no-repeat center 30%; background-size: 38px;}
.mob-menu .mob-main li:nth-child(8){background:url(../img/m-menu8.png)no-repeat center 30%; background-size: 38px;}
.mob-menu .mob-main li:nth-child(9){background:url(../img/m-menu9.png)no-repeat center 30%; background-size: 38px;}
.mob-menu .mob-main li:nth-child(10){background:url(../img/m-menu10.png)no-repeat center 30%;background-size: 38px;}
.mob-menu .mob-main li a{display:block; text-align: center; padding-top:55px; padding-bottom: 5px;}
.m-event{padding-top: 10px;}
.m-event .swiper-pagination{bottom:5px;}
.m-event .swiper-pagination-bullets{width: 100%;}
.m-event .swiper-pagination-bullet {margin:0 4px; width: 6px; height: 6px;  opacity: 1; background: #fff; border:1px solid #e6e6e6;}
.m-event .swiper-pagination-bullet-active {background: #FF7E32; border: 1px solid #FF7E32;}
/* 타임세일 */
#m-time{width: 100%;}
#m-time>h3{padding: 18px 18px 10px; font-size: 18px; font-weight: 500;}
.m-sale{position: relative;padding:0 30px 20px 30px;}
.m-timer{position: absolute;bottom:61px;border-radius: 4px;width: 100%;color: #fff;font-size: 13px;font-weight: 500;background: rgba(51,51,51,.5); line-height: 44px;}
.timer-center{margin:0 auto; width: 300px;}
.timer-center>img{width: 18px; vertical-align: middle; margin-right: 20px;}
.timer-center span{margin:0 10px;}
.m-timer .time-day{display: inline-block; text-align: center; width: 26px; height: 26px; color: #fff;font-size: 14px;font-weight: 500;background: #ff542a;border-radius: 5px;line-height: 26px;}
.m-timer .time-h{display: inline-block; text-align: center; width: 26px; height: 26px; color: #fff;font-size: 14px;font-weight: 500;background: #333;border-radius: 5px;line-height: 26px;}
.m-timer .time-m{display: inline-block; text-align: center; width: 26px; height: 26px; color: #fff;font-size: 14px;font-weight: 500;background: #333;border-radius: 5px;line-height: 26px;}
.m-timer .time-sec{display: inline-block; text-align: center; width: 26px; height: 26px; color: #fff;font-size: 14px;font-weight: 500;background: #333;border-radius: 5px;line-height: 26px;}
.m-sale .swiper-pagination{bottom: 10px;}
.m-sale .swiper-pagination-bullets{width: 100%;}
.m-sale .swiper-pagination-bullet {margin:0 4px; width: 7px; height: 7px;  opacity: 1; background: #fff; border:1px solid #e6e6e6;}
.m-sale .swiper-pagination-bullet-active {background: #FF7E32; border: 1px solid #FF7E32; width: 15px; border-radius: 30%;}
.sale-info{padding:0 10px;}
.sale-info .slae-price{display: inline-block;}
.sale-info .product{padding-bottom: 5px; color: #000;font-size: 16px; line-height: 1.5;}
.sale-info .free{display: inline-block; margin-left:10px;}
.sale-info .star{float: right; margin-top:5px;}
.sale-info .star img{width: 66%;margin-right: 10px;}
.slae-price strong{font-size: 20px;}
/* 지금뜨는 HOT한상품 */
#m-hit{width: 100%;border-top:10px solid #ebebeb}
#m-hit>h3{padding: 18px 18px 10px; font-size: 18px; font-weight: 500; text-align: center;}
.m-product{width: 100%;}
.m-product li{border-bottom: 10px solid #ebebeb;}
.m-product li:last-child{border-bottom: 0;}
.m-product .sale-info{padding:18px;}
/* 모바일푸터 */
#m-foot{width: 100%; background-color: #f7f7f7; padding-bottom: 120px;}
.m-service{display: flex; justify-content: space-between; height: 40px; background-color: #eee;}
.m-service li{width: 33%;}
.m-service li a{line-height: 40px; display: block; text-align: center; color: #666;}
.m-foot-info{width: 100%; text-align: center; padding-top:20px;}
.m-foot-info .f-call{font-size: 15px; margin-bottom: 2px;}
.m-foot-info .f-call span{color: #ff6001; font-size: 16px; font-weight: 500;}
.m-foot-info .f-call img{width: 10px;margin: 0 2px;}
.m-foot-info .f-time{color: #999; font-size: 12px;}
.m-foot-info .m-foot-menu{padding: 10px 10px 20px;}
.m-foot-info .m-foot-menu li{display: inline-block; border-left:1px solid #ddd}
.m-foot-info .m-foot-menu li:first-child{border-left:0}
.m-foot-info .m-foot-menu li a{display: block; text-align: center; padding:0 10px;}
.m-foot-info .m-foot-menu li.privacy{font-weight: 500;}
.m-foot-info .food-info{padding: 18px 15px 20px; border-top: 1px solid #e6e6e6;}
.m-foot-info .food-info p span{cursor: pointer;}
.m-foot-info .food-info p img{width: 10px; cursor: pointer;}
.m-foot-info .food-info p.rotate img{transform: rotate(180deg);}
.food-info-notice{text-align: left;}
.food-info-notice li{padding-top:13px;font-size: 12px; color: #666; line-height: 18px;}
.food-info-notice li a{text-decoration: underline;font-size: 12px; color: #666;}
.f-sns{width: 100%; display: flex; justify-content: center;}
.f-sns li{margin:0 10px;}
.f-sns li:last-child{margin-right: 0;}
.f-sns li a{display: block;}
.f-sns li a img{width: 30px;}
.copyright{padding: 15px 20px 0;color: #999;font-size: 10px;text-align: center;}
/* 모바일 고정메뉴 */
.fixed-menu{position: fixed;bottom: 0; width: 100%; height: 50px; background-color: #fff; z-index: 555; box-shadow: 0px -4px 10px rgb(0 0 0 / 15%);}
.fix-menu{display: flex;height: 100px;width: 100%;}
.fix-menu li{width: 20%;}
.fix-menu li a{background-repeat:no-repeat;background-position:center center; background-size:20%; display: block; height: 48px;}
.fix-menu li:first-child a{background-image:url(../img/menu-list.png);}
.fix-menu li:nth-child(2) a{background-image:url(../img/menu-my.png);}
.fix-menu li:nth-child(3) a{background-image:url(../img/menu-home.png);}
.fix-menu li:nth-child(4) a{background-image:url(../img/menu-coupon.png); background-size: 30%;}
.fix-menu li:nth-child(5) a{padding-top:10px;}
.fix-menu li:nth-child(5) a span{padding-top:12px;box-sizing: border-box; text-align: center;color: #fff; width: 30px;height: 30px;background:url(../img/menu-last.png) no-repeat center 30% /50%  rgba(0,0,0,0.4); display: block; border-radius: 50%; margin: 0 auto;}
/* 실시간상담 */
.chat{position: fixed; bottom:20px; right: 20px; width: 50px;height: 50px; z-index: 999999999999;}
/* 미디어쿼리 */
@media screen and (max-width:1700px) {
    .side-btn,.fixed{left:5%;}
    .side-menu{left:15%}
}
@media screen and (max-width:1530px) {
    .side-btn,.fixed{left:1%;}
    .side-menu{left:10%}
}
@media screen and (max-width:1400px) {
    .side-btn{display: none !important;}
}
@media screen and (max-width:1200px) {
    .container{width: 100%; padding:0 20px; box-sizing: border-box;}
    #footer .container{padding:20px; box-sizing: border-box; width: 100%;}
    .img-content{width: 100%; margin-top:200px;height: auto; position: fixed;}
    .img-content ul li{width: 50%; height: auto; position: relative;}
    .img-content ul li a img{height: auto;}
    .close{top:-50px;right:5px;width: 50px;}
    .promotion-area .category li{font-size: 13px;}
    .promotion-area .category{padding:0 10px;}
    .hit01 .list-menu{width: 20%;}
}
@media screen and (max-width:960px) {
    .promotion-area .category li{padding:8px; font-size: 12px;}
    .promotion-area .category{padding:0 5px;}
    .foot-menu li{padding:0 15px;}
    #footer .container{padding:10px;}
    .hit-area .sale-list li .count-time .time-tit {font-size: 12px;}
    .hit-area .sale-list li .count-time p.price {font-size: 13px;}
    .hit-area .sale-list li .count-time p.free {width: 50%;}
}
@media screen and (max-width:850px) {
    .foot-menu li{padding:0 8px;}
}
@media screen and (max-width:768px) {
    #header{height: 105px;}
    /* .mobile-fix-menu .container{padding:0px;} */
    .pc{display:none;}
    .pc-info{display: none;}
    .mob-info{display: block;}
    .main-menu{display: none;}
    .mobile{display: block;}
    .mob{display: block;position: relative;}
    .banner{display: none;}
    .box-num{width: 90px; font-size: 13px; left: 85%; position: absolute; top:85%;}
    .img-content ul li{clear:both; width: 100%;}
    .close{top:-50px;right: 5px;}
    .img-content{margin-top:50px;height: 100vh;}
    .img-content ul{overflow-y: scroll; height: 100%;}
    .img-content li:last-child{margin-bottom: 100px;}
    .swiper-pagination-current{color:#ff6601}
    .chat{position: fixed; bottom:70px; right: 5px; width: 50px;height: 50px; z-index: 999999999999;}
    .fix-menu li a{background-repeat:no-repeat;background-position:center center; background-size:15%; display: block; height: 48px;}
    .fix-menu li:nth-child(4) a{background-size: 20%;}
    .footer-area{display: none;}
}
@media screen and (max-width:700px) {
    .box-num{left: 83%; top:80%}
}
@media screen and (max-width:560px) {
    .mobile-box>.search{width: 250px;}
    .mobile-box .search-box .search-txt{width: 190px;}
    .box-num{left: 78%;}
    .fix-menu li a{background-repeat:no-repeat;background-position:center center; background-size:20%; display: block; height: 48px;}
    .fix-menu li:nth-child(4) a{background-size: 30%;}
}
@media screen and (max-width:455px) {
    .m-timer{bottom:85px;}
}
@media screen and (max-width:385px) {
    .mobile-box>.search{width: 170px;}
    .mobile-box .search-box .search-txt{border:none; width: 120px; height: 30px;}
    .img-content ul{overflow-y: scroll; height: 100%;}
    .box-num{left: 70%;}
    .img-content li:last-child{margin-bottom: 200px;}
    .mob-menu .mob-main li a{font-size: 11px;}
    .timer-center>img{margin-left: 20px; margin-right: 0;}
}