@charset "utf-8";

#content > div[class^="area_"]{padding-top:200px;}
#content .inr{position:relative; margin:auto; width:1320px;}
.tit{margin-bottom:50px; color:var(--main); font-size:45px; font-weight:600;}
.tit em{display:block; margin-bottom:3px; font-size:25px; font-weight:800; color:var(--dark); opacity:0.4;}
.tit p{margin-top:20px; font-size:18px; color:#444; font-weight:300; line-height:1.7;}
a.btn_more{display:block; padding:11px 5px; width:200px; background:var(--dark); color:#fff; font-weight:800; text-align:center; font-size:18px; box-shadow:8px 8px 20px 5px rgba(92,92,177,0.25); border-radius:30px; border:1px solid var(--dark); transition:0.5s ease;}
a.btn_more:hover{background:#fff; color:var(--dark);}
.obj{display:block; position:absolute;}

.control{display:flex;}
.swiper-button-next, .swiper-button-prev{position:relative; top:auto; margin-top:0; height:60px; width:60px; border:1px solid var(--dark); border-radius:50%; color:var(--dark); transition:0.3s;}
.swiper-button-next{margin-left:20px;}
.swiper-button-prev, .swiper-rtl .swiper-button-next{left:auto;}
.swiper-button-next, .swiper-rtl .swiper-button-prev{right:auto;}
.swiper-button-next:after, .swiper-button-prev:after{font-size:22px; font-weight:800;}
.swiper-button-prev:after{margin-left:-5px;}
.swiper-button-next:after{margin-right:-5px;}
.swiper-button-next:hover, .swiper-button-prev:hover{background:var(--dark); color:#fff;}
.area_visual .swiper-pagination{display:none;}


/* 메인 비주얼 */
.area_visual{position:relative; width:100%;}
.visual_inr{overflow:hidden; height:100vh; width:100%;}
.area_visual .swiper{overflow:visible; width:1300px; height:100%;}
.area_visual .swiper-slide{display:flex; justify-content:space-between; align-items:center; height:100%;}
.area_visual .swiper .txt_box{position:absolute; opacity:0; margin-top:-120px; transition:1s ease;}
.area_visual .swiper .swiper-slide-active .txt_box{position:relative; opacity:1;}
.area_visual .swiper .txt_box h3{margin-bottom:10px; font-size:28px; color:var(--main); font-weight:600;}
.area_visual .swiper .txt_box h2{font-size:50px; color:var(--dark); font-weight:600;}
.area_visual .swiper .txt_box a.btn_more{margin-top:40px;}
.area_visual .swiper .img_box{display:block; margin-left:100px; width:700px; height:700px; overflow:hidden; border-radius:50%; transform:scale(0.3); transition:1s ease; opacity:0.3; filter:grayscale(100%); transform-origin:left; border:1px solid var(--dark);}
.area_visual .swiper .swiper-slide-active .img_box{margin-left:0; transform:scale(1); opacity:1; filter:grayscale(0);}
.area_visual .swiper .img_box img{display:inline-block; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); width:100%; height:100%; object-fit:cover; }
.area_visual .control{position:absolute; top:50%; left:0; transform:translateY(-50%); margin-top:180px; z-index:5;}
.area_visual .obj01{left:0; bottom:-20%;}
.area_visual .obj02{left:calc(100% / 3 - 40px); bottom:-10px; width:80px;}
.area_visual .obj03{left:45%; top:-80px; opacity:0.6 !important;}
.area_visual .obj04{right:12%; bottom:8%;}
.area_visual .line_txt{right:10px; bottom:3%; z-index:2; opacity:0.2 !important;}



/* 베스트상품 */
.area_best{position:relative;}
.area_best .tit{text-align:center;}
.area_best .obj{display:none;}


/* 신상품 */
.area_new{position:relative;  overflow:hidden;}
.area_new .tit{text-align:center;}
.area_new .swiper{overflow:visible;}
.area_new [data-shop-list="default"]{margin-left:0 !important;}
.area_new [data-shop-list="default"] > li{padding-left:0 !important;}
.area_new [data-shop-list="default"] > li:nth-child(2n){margin-top:50px;}
.area_new [data-shop-list="default"] > li *[data-shop-list="util"]{margin-top:calc(100% - -16px);}
.swiper-horizontal>.swiper-scrollbar, .swiper-scrollbar.swiper-scrollbar-horizontal{position:relative; bottom:0; left:auto; width:100%; height:8px;}
.swiper-scrollbar{background:rgba(27,27,29,0.1);}
.swiper-scrollbar-drag{background:var(--dark);}
.area_new .obj{right:calc(100% / 3 - 23px); top:110px; z-index:-1;}


/* 이벤트 */
.area_event{overflow:hidden; padding-bottom:200px;}
.area_event .inr{display:flex; justify-content:space-between;}
.area_event .box{width:calc(100% / 1 - 800px);}
.area_event .box .tab_btn{font-size:0; padding-top:10px;}
.area_event .box .tab_btn li{position:relative; padding-left:18px; font-size:18px; font-weight:bold; color:var(--dark); opacity:0.4; transition:0.3s; cursor:pointer;}
.area_event .box .tab_btn li+li{margin-top:25px;}
.area_event .box .tab_btn li:before{content:''; display:block; position:absolute; top:8px; left:0; height:8px; width:8px; border-radius:50%; background:var(--main);}
.area_event .box .tab_btn li:after{content:''; display:block; position:absolute; bottom:1px; left:0; width:0; height:1px; background:var(--main); transition-delay:1s; transition:0.6s ease;}
.area_event .box .tab_btn li em{display:inline-block; width:100px; font-weight:800; color:var(--main);}
.area_event .box .tab_btn li.active{opacity:1; padding-bottom:25px;}
.area_event .box .tab_btn li.active:after{width:100%;}
.area_event .box .tab_btn li:hover{opacity:1;}
.area_event .btn_more{margin-top:60px;}
.area_event .btn_more.mo{display:none;}
.area_event .tab_container{position:relative; width:800px;}
.area_event .tab_container a{display:block; width:100%;}
.area_event .tab_container a img{width:100%; border-radius:30px;}
.area_event .obj01{top:-110px; left:-110px; z-index:-1;}
.area_event .obj02{bottom:-130px; right:-170px;}
.area_event .scroll_icon{display:none;}



/* MD PiCK */
.area_pick{position:relative; padding:0 5.7%; padding-top:0 !important;}
.area_pick .obj{left:0; top:0; z-index:-1;}
.area_pick .box{position:absolute !important; top:100px; left:50%; transform:translateX(-50%); z-index:3;}
.area_pick .box .tit{position:absolute; top:0; left:0;}
.area_pick .box .tit em{opacity:1 !important;}
.area_pick .box .tit p{margin-top:5px;}
.area_pick .box ul{position:absolute; top:0; right:0; text-align:end;}
.area_pick .box ul li{display:block; color:var(--dark); opacity:0.5; transition:0.3s ease; cursor:pointer; font-weight:500; font-size:18px;}
.area_pick .box ul li span{display:inline-block;}
.area_pick .box ul li:hover,
.area_pick .box ul li.active{color:var(--main); opacity:1;}
.area_pick .box ul li.active{font-weight:800;}
.area_pick .box ul li.active span{border-bottom:1px solid var(--main);}
.area_pick .box ul li+li{margin-top:10px;}
.area_pick .tab_container{padding-bottom:14%;}
.area_pick .tab_content{position:relative; padding-top:220px; padding-bottom:320px; background-repeat:no-repeat; background-size:cover; background-position:center; border-radius:30px; background-color:#fff;}
.area_pick .tab_content .filter{position:absolute; top:0; left:0; width:100%; height:100%; z-index:1; background:rgba(255,255,255,0.9); border-radius:30px;}
@supports (background:rgba(255,255,255,0.9)){
    .area_pick .tab_content .filter{background:rgba(255,255,255,0.6); backdrop-filter:blur(3px);}
}
.area_pick .tab_content .inr{position:relative; z-index:2;}
.area_pick .tab_content .tit{margin-bottom:10px;}
.area_pick .tab_content p{font-size:16px; font-weight:300; line-height:1.7;}
.area_pick .swiper{position:absolute; margin-top:50px; width:100%;}
.area_pick [data-shop-list="default"]{margin-top:50px; margin-left:0 !important;}
.area_pick [data-shop-list="default"] > li{padding-left:0 !important; margin-bottom:0 !important;}
.area_pick *[data-shop-list="default"] > li > a > em{overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.area_pick [data-shop-list="default"] > li *[data-shop-list="util"]{margin-top:calc(100% - -16px);}
.area_pick .scroll_icon{display:none;}
.area_pick .swiper-pagination{display:none;}


/* 롤링 텍스트 */
.area_rolling{position:relative; width:100%; overflow:hidden;}
.area_rolling .obj{top:100px; left:calc(100% / 3 - 20px); z-index:-1; width:40px;}
.rolling_wrap{white-space:nowrap; }
.rolling_wrap .box{display:inline-block; font-size:3.5vw; letter-spacing:20px; font-weight:800; color:var(--dark); opacity:0.1;}


/* cs */
.area_cs{position:relative; width:100%;}
.area_cs .obj{right:calc(100% / 3 - 30px); top:60px; z-index:-1;}
.area_cs .inr{display:flex;}
.area_cs .tit{display:flex; align-items:flex-end; font-size:30px;}
.area_cs .tit em{margin-bottom:0; font-size:20px;}
.area_cs .tit p{margin:0 0 2px 30px; font-size:16px;}
.area_cs .box.cs{padding:60px; background:#fff; width:50%; box-shadow:8px 8px 40px 5px rgba(92,92,177,0.25); border-radius:30px;}
.area_cs .box.cs .cont{display:flex; align-items:center; justify-content:space-between;}
.area_cs .box.cs .tel{display:block; margin-bottom:10px; font-size:40px; color:var(--dark); font-weight:700;}
.area_cs .box.cs .txt p{font-size:16px; line-height:1.8;}
.area_cs .box.cs .txt p em{display:inline-block; margin-right:10px;}
.area_cs .box.cs .sns{display:flex; justify-content:flex-end;}
.area_cs .box.cs .sns a{position:relative; display:flex; margin-left:15px; width:60px; height:60px; border:1px solid var(--dark); border-radius:30px; align-items:center; justify-content:center; transition:0.3s ease;}
.area_cs .box.cs .sns a:hover{opacity:0.5;}
.area_cs .box.cs .sns li:nth-child(1) a img{height:28px;}
.area_cs .box.cs .sns li:nth-child(2) a img,
.area_cs .box.cs .sns li:nth-child(3) a img{width:28px; object-fit:contain;}
.area_cs .box.notice{padding:60px 0 60px 80px; width:50%;}
.area_cs .box.notice ul{}
.area_cs .box.notice ul li{padding-bottom:25px; border-bottom:1px dashed var(--dark);}
.area_cs .box.notice ul li:last-child{padding-bottom:0; border-bottom:0;}
.area_cs .box.notice ul li+li{margin-top:25px;}
.area_cs .box.notice ul a{display:flex; justify-content:space-between; align-items:center;}
.area_cs .box.notice ul a h3{font-size:16px; font-weight:normal; transition:0.3s ease; width:calc(100% / 1 - 60px); overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.area_cs .box.notice ul a:hover h3{color:var(--main);}
.area_cs .box.notice ul a h3 i{display:block; margin-top:8px; color:#aaa; font-size:13px;}
.area_cs .box.notice ul a span{display:block; position:relative; padding:8px 0 0 2px; width:40px; height:40px; border-radius:50%; border:1px solid var(--dark); transition:0.3s ease; text-align:center; color:var(--dark);}
.area_cs .box.notice ul a span:after{content:'next'; font-family:swiper-icons; font-size:14px; font-weight:bold;}
.area_cs .box.notice ul a:hover span{background:var(--dark); color:#fff;}


/* 오프라인 매장 */
.area_store{display:flex; justify-content:space-between; padding-bottom:200px !important;}
.area_store .txt{width:360px;}
.area_store .txt .address{display:block; padding:20px; box-shadow:5px 5px 20px 5px rgba(92,92,177,0.25); border-radius:15px; background:#fff;}
.area_store .txt .address p{position:relative; padding-left:26px; font-size:16px;}
.area_store .txt .address p:before{content:''; display:block; position:absolute; top:2px; left:0; width:13px; height:18px; background:url(../images/main/icon_location.svg)no-repeat center/contain;}
.area_store .box{display:flex; justify-content:space-between; width:calc(100% / 1 - 400px);}
.area_store .img_store{width:40%; background:url(../images/main/img_store.jpg)no-repeat center/cover; border-radius:30px;}
.area_store .map_wrap{width:calc(100% - (40% + 40px)); }
.area_store .map_wrap .root_daum_roughmap{width:100% !important;}
.area_store .map_wrap .wrap_controllers{display:none;}
.area_store .root_daum_roughmap .wrap_map{border-radius:30px; overflow:hidden;}



@media screen and (max-width:1700px){
    .area_visual .swiper{width:100%; padding:0 220px;}
    .area_visual .control{left:220px;}
    .area_visual .swiper .img_box{margin-left:50px; width:56%; padding-top:56%; height:auto;}
}


@media screen and (max-width:1620px){
    #content .inr{width:100%; padding:0 180px;}
    
    .area_visual .swiper .txt_box h3{font-size:23px;}
    .area_visual .swiper .txt_box h2{font-size:45px;}
    
    .area_pick .inr{padding:0 100px !important;}
    .area_pick .tab_content{padding-bottom:calc(22% + 40px);}
    .area_pick .swiper{width:calc(100% / 1 - 200px);}
    .area_pick .box{width:calc(100% - 11.4%) !important;}
    .area_pick .box .tit{left:100px;}
    .area_pick .box ul{right:100px;}
    
    .area_cs .box.cs{padding:40px;}
    .area_cs .box.notice{padding:40px 0 40px 60px;}
    .area_cs .box.cs .cont{align-items:flex-end;}
    .area_cs .box.cs .sns{flex-direction:column;}
    .area_cs .box.cs .sns li+li{margin-top:8px}
    .area_cs .box.cs .sns a{margin-left:0;}
    .area_cs .box.cs .sns a{width:40px; height:40px;}
    .area_cs .box.cs .sns li:nth-child(1) a img{height:22px;}
    .area_cs .box.cs .sns li:nth-child(2) a img, .area_cs .box.cs .sns li:nth-child(3) a img{width:22px;}
}

@media screen and (max-width:1400px){
    #content .inr{padding:0 3%;}
    
    .area_visual .swiper{padding:0 10% 0 3%;}
    .area_visual .swiper .img_box{padding-top:52%; width:52%;}
    .area_visual .control{left:3%;}
    .area_visual .obj01{width:380px;}
    .area_visual .obj02{left:calc(100% / 3 - 30px); width:60px;}
    .area_visual .obj03{top:3%; width:230px;}
    .area_visual .obj04{bottom:7%; width:180px;}
    .area_visual .line_txt{width:80%;}
    
    .area_new [data-shop-list="default"] > li *[data-shop-list="util"]{margin-top:calc(100% - 39px);}
    
    .area_event .box{width:calc(100% / 1 - 700px);}
    .area_event .box .tab_btn li.active{padding-bottom:18px;}
    .area_event .box .tab_btn li+li{margin-top:18px;}
    .area_event .btn_more{margin-top:54px;}
    .area_event .tab_container{width:700px;}
    .area_event .obj01{top:-94px; left:-94px; width:200px;}
    .area_event .obj02{bottom:-100px; right:-140px; width:280px;}
    
    .area_pick{padding:0 10px;}
    .area_pick .box{width:calc(100% - 60px) !important;}
    .area_pick .box .tit{left:0;}
    .area_pick .box ul{right:0;}
    .area_pick .inr{padding:0 20px !important}
    .area_pick .swiper{width:calc(100% - 40px);}
    .area_pick [data-shop-list="default"] > li *[data-shop-list="util"]{margin-top:calc(100% - 39px);}
}

@media screen and (max-width:1200px){
    .area_event .inr{flex-direction:column;}
    .area_event .box{overflow:hidden; margin:auto; width:800px;}
    .area_event .box .tit{float:left;}
    .area_event .box .tab_btn{float:right; padding-top:65px;}
    .area_event .box .tab_btn li:after{display:none;}
    .area_event .box .tab_btn li.active{padding-bottom:0;}
    .area_event .tab_container{margin:auto; width:800px;}
    .area_event .btn_more.pc{display:none;}
    .area_event .btn_more.mo{display:block; margin:60px auto 0;} 
     
    .area_store{display:block;}
    .area_store .txt{width:100%;}
    .area_store .txt .tit{text-align:center;}
    .area_store .box{margin-top:20px; width:100%;}
    .area_store .img_store{margin:0; border-radius:20px;}
    .area_store .map_wrap{width:calc(100% - (40% + 20px));}  
    .area_store .root_daum_roughmap .wrap_map{border-radius:20px;}
}

@media screen and (max-width:1024px){
    #content > div[class^="area_"]{padding-top:120px;}
    .tit{margin-bottom:40px; font-size:35px;}
    .tit em{margin-bottom:0; font-size:20px;}
    .tit p{margin-top:12px; font-size:16px; line-height:1.5;}
    
    a.btn_more{width:160px; padding:9px 3px; font-size:16px;}
    
    .swiper-button-next, .swiper-button-prev{width:50px; height:50px;}
    .swiper-button-next{margin-left:15px;}
    .swiper-button-next:after, .swiper-button-prev:after{font-size:18px;}
    .swiper-pagination-bullet-active{background:var(--dark);}
    
    .area_visual .swiper{padding:0 10%;}
    .area_visual .swiper .txt_box{margin-top:120px;}
    .area_visual .swiper .txt_box h3{margin-bottom:8px; font-size:20px;}
    .area_visual .swiper .txt_box h2{font-size:35px;}
    .area_visual .swiper .txt_box a.btn_more{margin-top:30px;}
    .area_visual .swiper-slide{display:block;}
    .area_visual .swiper .img_box{position:absolute; padding-top:65%; bottom:5%; right:0; width:65%;}
    .area_visual .control{left:10%; top:auto; bottom:22%; margin-top:0;}
    .area_visual .swiper-button-next, 
    .area_visual .swiper-button-prev{display:none;}
    .area_visual .swiper-pagination{display:block;}
    .area_visual .swiper-pagination-bullet{display:block; margin-top:10px !important; width:15px; height:15px; border-radius:8px; transition:0.5s ease;}
    .area_visual .obj01{bottom:-16%; width:340px;}
    .area_visual .swiper-pagination-bullet-active{width:80px;}
    .area_visual .obj02{bottom:-50px; left:calc(100% / 3 - 25px); width:50px;}
    .area_visual .obj03{top:13%; left:46%;}
    .area_visual .obj04{bottom:4%; right:6%;  width:160px;}
    
    .area_best .obj{display:block; right:0; bottom:-5%; widows:30%; opacity:0.5 !important; z-index:-1;}
    
    .area_new .obj{right:calc(100% / 3 - 15px); top:30px; width:30px;}
    .area_new [data-shop-list="default"] > li:nth-child(2n){margin-top:30px;}
    
    .area_event{padding-bottom:120px;}
    .area_event .box,
    .area_event .tab_container{width:100%; padding:0 10%;}
    .area_event .box .tab_btn{padding-top:38px;}
    .area_event .box .tab_btn li{font-size:16px;}
    .area_event .box .tab_btn li+li{margin-top:15px;}
    .area_event .obj01{left:0;}
    .area_event .obj02{right:-2%; bottom:-100px; width:250px;}
    .area_event .btn_more.mo{margin-top:50px;}
    
    .area_pick .obj{display:none;}
    .area_pick .box{top:60px;}
    .area_pick .box .tit p{margin-top:3px;}
    .area_pick .box ul li{font-size:16px;}
    .area_pick .tab_content .tit{margin-bottom:6px;}
    .area_pick .tab_content p{font-size:15px;}
    
    .area_pick .box{padding:0 !important;}
    .area_pick .box .tit{position:static; margin-bottom:25px;}
    .area_pick .scroll_icon{display:block; margin-bottom:10px; width:60px; opacity:0.3;}
    .area_pick .box ul{position:static; text-align:left; white-space:nowrap; width:100%; overflow-x:auto;}
    .area_pick .box ul li{display:inline-block;}
    .area_pick .box ul li+li{margin-top:0; margin-left:25px;}
    .area_pick .tab_container{padding-bottom:22%;}
    .area_pick .tab_content{padding-top:230px;}
    .area_pick .swiper{margin-top:0; padding-bottom:50px;}
    .area_pick .control{display:none;}
    .area_pick .swiper-pagination{display:block;}
    .area_pick .swiper-pagination-bullet{width:10px; height:10px; border-radius:5px;}
    .area_pick .swiper-pagination-bullet-active{width:30px;}
    
    .area_rolling .obj{left:calc(100% / 3 - 15px); top:30px; width:30px;}
    
    .area_cs .obj{right:calc(100% / 3 - 21px); top:35px; width:42px;}
    .area_cs .tit{display:block; margin-bottom:30px; font-size:26px;}
    .area_cs .tit em{font-size:18px;}
    .area_cs .tit p{margin:12px 0 0;}
    .area_cs .box.cs{padding:30px; border-radius:20px; width:350px;}
    .area_cs .box.cs .tel{font-size:32px;}
    .area_cs .box.cs .txt p{font-size:15px; line-height:1.7;}
    .area_cs .box.notice{width:calc(100% / 1 - 350px);}
    .area_cs .box.notice ul li{padding-bottom:20px;}
    .area_cs .box.notice ul li+li{margin-top:20px;}
    .area_cs .box.notice ul a h3{font-size:15px;}
    
    .area_store{padding-bottom:120px !important;}
    .area_store .txt .address p{font-size:15px;}
}

@media screen and (max-width:767px){
    #content > div[class^="area_"]{padding-top:80px;}
    .tit{margin-bottom:30px; font-size:26px;}
    .tit em{font-size:18px;}
    .tit p{margin-top:8px; font-size:14px;}
    
    a.btn_more{font-size:14px; width:150px;}
    
/*
    
    .area_visual .swiper-slide{display:flex; align-items:baseline; flex-direction:column;}
    
    
    .area_visual .swiper .img_box{position:static; margin-top:20px; align-self:flex-end;  overflow:hidden !important;}
    
    
    .area_visual .obj02{display:none;}
    
    .area_visual .obj04{bottom:1%; width:110px;}
    .area_visual .line_txt{bottom:-3%;}
*/
    .visual_inr{height:calc(100vh - 60px);}
    .area_visual .swiper{padding:0 3%;}
    .area_visual .swiper .txt_box{margin-top:80px;}
    .area_visual .swiper .txt_box h3{margin-bottom:5px; font-size:16px;}
    .area_visual .swiper .txt_box h2{font-size:25px;}
    .area_visual .swiper .txt_box a.btn_more{margin-top:22px;}
    .area_visual .swiper .img_box{padding-top:80%; bottom:5%; width:80%;}
    .area_visual .control{left:3%;}
    .area_visual .swiper-pagination-bullet{margin-top:10px !important; width:12px; height:12px;}
    .area_visual .swiper-pagination-bullet-active{width:70px;}
    .area_visual .obj01{bottom:-12%; width:220px;}
    .area_visual .obj03{top:18%; right:15%; left:auto; width:200px;}
    .area_visual .obj04{display:none;}
    
    .area_best{padding-top:110px !important;}
    
    .area_event .box, .area_event .tab_container{padding:0 3%;}
    .area_event .box .tit{float:none; text-align:center;}
    .area_event .box .tab_btn{float:none; padding-top:0; margin-bottom:20px;}
    .area_event .box .tab_btn{font-size:0; white-space:nowrap; overflow-x:auto;}
    .area_event .box .tab_btn li{display:inline-block; font-size:15px;}
    .area_event .box .tab_btn li+li{margin-top:0; margin-left:35px;}
    .area_event .box .tab_btn li em{width:85px;}
    .area_event .tab_container a img{border-radius:20px;}
    .area_event .scroll_icon{display:block; margin:0 auto 10px; width:60px; opacity:0.3;}
    .area_event .obj01{width:150px; left:-70px; top:-70px;}
    .area_event .obj02{display:none;}
    .area_event .btn_more.mo{margin-top:40px;}
    
    .area_pick .box{top:40px;}
    .area_pick .box ul li{font-size:15px;}
    .area_pick .tab_content{padding-top:200px;}
    .area_pick .tab_content p{font-size:14px;}
    .area_pick [data-shop-list="default"]{margin-top:30px;}
    .area_pick .tab_content .filter{background:rgba(255,255,255,0.8);}
    @supports (background:rgba(255,255,255,0.8)){
        .area_pick .tab_content .filter{background:rgba(255,255,255,0.8); backdrop-filter:blur(3px);}
    }

    .rolling_wrap .box{font-size:5vw;}
    .area_rolling .obj{left:calc(100% / 3 - 10px); width:20px;}
    
    .area_cs .obj{right:calc(100% / 3 - 15px); top:15px; width:30px;}
    .area_cs .tit p{margin-top:8px; font-size:14px;}
    .area_cs .tit p > br{display:none;}
    .area_cs .inr{display:block;}
    .area_cs .box.cs{width:100%;}
    .area_cs .box.cs .cont{position:relative;}
    .area_cs .box.cs .tel{margin-bottom:8px; font-size:28px;}
    .area_cs .box.cs .txt p{ font-size:14px;}
    .area_cs .box.cs .sns{position:absolute; right:0; bottom:0;}
    .area_cs .box.cs .sns a{width:35px; height:35px;}
    .area_cs .box.cs .sns li:nth-child(1) a img{height:18px;}
    .area_cs .box.cs .sns li:nth-child(2) a img, .area_cs .box.cs .sns li:nth-child(3) a img{width:18px;}
    .area_cs .box.notice{padding:50px 30px 30px; width:100%;}
    .area_cs .box.notice ul li{padding-bottom:16px;}
    .area_cs .box.notice ul li+li{margin-top:16px;}
    .area_cs .box.notice ul a h3{width:calc(100% / 1 - 50px); font-size:14px;}
    .area_cs .box.notice ul a h3 i{margin-top:6px; font-size:12px;}
    .area_cs .box.notice ul a span{padding:5px 0 0 2px; width:35px; height:35px;}
    .area_cs .box.notice ul a span:after{font-size:12px;}
    
    .area_store{padding-bottom:80px !important;}
    .area_store .txt .address{padding:15px;}
    .area_store .txt .address p{font-size:14px;}
    .area_store .box{margin-top:10px;}
    .area_store .map_wrap{width:calc(100% - (40% + 10px));}
    .area_store .map_wrap .wrap_map{height:250px !important;}
}

@media screen and (max-width:620px){
    .area_pick .tab_container{padding-bottom:40%;}
    .area_best .obj{display:none;}
}

@media screen and (max-width:600px){
    .area_visual .swiper .txt_box{margin-top:100px;}
    .area_visual .swiper .img_box{padding-top:90%; bottom:8%; width:90%;}
}


@media screen and (max-width:540px){
    .area_store .box{display:block;}
    .area_store .img_store{width:100%; height:300px;}
    .area_store .map_wrap{margin-top:10px; width:100%;}
    .area_store .map_wrap .wrap_map{height:350px !important;}
}