.intro_bx{position: relative ; width: 100%; height: 100vh;background: url(../img/intro_bg.png)no-repeat center/auto;display: flex;justify-content: space-between;align-items: center;overflow: hidden;}
.intro_bx>span{z-index: 99;position: absolute;top: 50%; left: 50%; transform: translate(-50%,-50%);text-align: center;}
.intro_bx>span img{width: 21.4rem; height: 21.4rem;}
.intro_bx .left{padding-left: 10rem;width: 50%;}
.intro_bx>div{position: relative;  height: 100%; float: left;}
.intro_bx .left:before{left: -1000px; opacity: 0; transition: all 1s; content: ""; width: 113%; height: 100%; position: absolute; top: 0; background: #ff8674;
      clip-path: polygon(0% 0, 80% 0, 100% 100%, 0% 100%);
      display: flex;
      align-items: center;
      justify-content: center;
      color: #fff;
      padding: 40px;
      flex-direction: column;}
.intro_bx>div>a{position: relative ; color: #fff; display: table; width: 100%; height: 100%;}
.intro_bx>div.right>a>div{right: 0;left: inherit;}
.intro_bx>div>a>div{position: relative ;z-index: 9;position: absolute; top:  55%; transition: all 1s; left: 0;transform: translate(0%,-50%);}
.intro_bx .st1{margin: 0;color: #fff;font-size: 8rem; font-weight: 700;font-family:  "Outfit", sans-serif;}
.intro_bx .st4{width: 146px; height: 2px; background-color: #fdd10b;display: inline-block;}
.intro_bx .st2{margin: 20px 0;font-size: 3.8rem; font-weight: 600; color: #fff;margin-bottom: 5rem;}
.intro_bx .st3{margin: 0; font-size: 3rem; font-weight: 500;margin-top: 40px; color: #fff;line-height: 150%;}
.intro_bx .st6{height: 0; transition: all 1s; opacity: 0; font-size: 2.2rem;font-weight: 600; color: #fff; display: inline-block; background-color: #000;padding: 10px 30px;line-height: 40px;}
.intro_bx .right{text-align: right; padding-right: 10rem; width: 50%; }
.intro_bx .right:before{right: -1000px; opacity: 0; transition: all 1s; content: "";width: 110%;height: 100%; position: absolute; top: 0%;flex: 1;
      background: #FFD600;
      clip-path: polygon(0% 0, 100% 0, 100% 100%, 20% 100%);
      display: flex;
      align-items: center;
      justify-content: center;
      color: #fff;
      padding: 40px;
      flex-direction: column;}
.intro_bx .right:hover::before{right: 00%; opacity: 1;}
.intro_bx .right:hover .st6{height: 60px; margin-top: 40px;opacity: 1;}
.intro_bx .right:hover .st4{background-color: #fff;}
.intro_bx .left:hover .st4{background-color: #fff;}
.intro_bx .left:hover::before{left: 0; opacity: 1;}
.intro_bx .left:hover .st6{height: 60px; margin-top: 40px;opacity: 1;}


.index_wrap{overflow: hidden;}
.goog-te-gadget, .VIpgJd-ZVi9od-ORHb-OEVmcd{display: none!important;}
.VIpgJd-ZVi9od-ORHb-OEVmcd, .VIpgJd-yAWNEb-L7lbkb{display: none!important;}
body{top: 0 !important;}
/* 드롭다운 버튼 스타일 */
.lang_menu { position: relative;display: inline-block;width: 10%;}
.dropbtn {display: block;cursor: pointer; display: flex; justify-content: center;gap: 0 6px;  align-items: center;}
/* 드롭다운 메뉴 */
.dropdown-content { position: absolute;left: 50%; transform: translateX(-50%); text-align: center; background-color: white;width: 14.6rem;z-index: 10;max-height:0px;opacity: 0;transition: max-height 0.4s ease-out, opacity 0.3s ease-out;box-shadow: 0 0 7px #00000025;top: 40px;padding:2rem 1.4rem;display: flex; flex-direction: column; gap: 15px 0;border-radius: 5px; }
.dropdown-content:after {
	content: '';
	position: absolute;
	top: -8px;
	left: 50%;transform: translateX(-50%) ; background-image: url(../img/box.png); background-position: center; background-repeat: no-repeat; background-size: auto;width: 25px; height: 8px;

}
.dropdown-content a {font-size: 1.6rem;color: #666666;display: block;text-decoration: none;transition: background-color 0.3s;text-align: left;}
/* 활성화된 상태 */
.dropdown-content.show {max-height: 200px;opacity: 1;}

 /* 언어 선택 버튼 */
.lang_menu_mob {position: relative;display: block;text-align: left;border-bottom: 1px solid #8e8e8e;}
.dropbtn_mob {font-size: 17px;color: #000;border: none;cursor: pointer;width: 100%;text-align: left;transition: border-bottom 0.3s ease-in-out;display: flex;justify-content: space-between;}
.lang_menu h5{font-family: 'SUIT'; font-weight: 500; font-size: 14px; transform: rotate(90deg);margin-left: 14px;}

/* 드롭다운 메뉴 스타일 */
.dropdown-content_mob {position: absolute;background-color: white;width: 100%;border-radius: 5px;z-index: 10;overflow: hidden;padding-top: 10px;max-height: 0;opacity: 0;transition: max-height 0.4s ease-out, opacity 0.3s ease-out;}
.dropdown-content_mob a {font-size: 1.6rem;color: #333;padding: 20px 0;display: block;text-decoration: none;transition: background-color 0.3s;border-bottom: 1px solid #8e8e8e;}
/* 드롭다운이 활성화될 때 */
.dropdown-content_mob.show {max-height: 400px; opacity: 1;}

.franchiase{background-color: #f16461; display: flex; justify-content: center; gap: 0 6px; align-items: center; padding:1.5rem  2.3rem; border-radius: 50px;margin: 0 2.6rem;}
.franchiase h6{color: #fff;font-size: 2rem; font-weight: 600;}

.shopping_mall{display: block; border-radius: 50%; border: 1px solid #f7bf13; text-align: center; width: 8rem; height: 8rem;line-height: 7rem;}
.menu_bar{border-radius: 50%; border: 1px solid #f7bf13; text-align: center; width: 8rem; height: 8rem;line-height: 7.5rem;text-align: center;}


.main_visual {width: 100%;height: 100%;position: relative;}
.main_visual .swiper-slide {text-align: center;font-size: 18px;background: #fff;display: flex;justify-content: center;align-items: center;}
.main_visual .swiper-slide img {display: block;width: 100%;height: 100%;object-fit: cover;}
.main_visual .swiper-pagination{left: 50%; transform: translateX(-50%);bottom: 5%;display: flex; justify-content: center; align-items: center; gap: 0 12px ;}
.main_visual .swiper-pagination-bullet{background-color: transparent; border: 1px solid #fff;width: 10px; height: 10px;}
.main_visual .swiper-pagination-bullet-active{background-color: #fff;}
/* .main_visual .slide1{background: url(../img/main.png) no-repeat center/cover; height: 860px;} */

.sns {position: relative;}
.sns .inner{width: 95%; max-width:1680px; margin: 0 auto;margin-top: 20rem; margin-bottom: 15rem;}
.sns .img_box{position: absolute; top: 0 ;left: -84px;animation: rot 20s linear infinite;}
.sub_title{text-align: center;margin-bottom: 6rem;}
.sub_title h2{font-family:  "Outfit", sans-serif; font-size: 7rem; font-weight: 600;}
.sub_title h3{font-size: 2.4rem; color: #666666; margin-top: 3px;}
.sns .contents{position: relative ;z-index: 9;display: flex; justify-content: space-between; align-items: start;}
.sns .video_title{margin-top: 3.5rem; width: 100%; border-left:3px solid #f27557 ;padding-left: 35px;display: flex; justify-content: space-between;align-items: center;} 
.sns .video_title h4{color: #f27557; font-size: 2.5rem;font-weight: 700; margin-bottom: 10px;}
.sns .video_title h5{font-size: 2.2rem; font-weight: 500;}
.sns .video_title a{display: block;color: #fff; font-family: "Outfit", sans-serif ; font-size: 1.6rem; font-weight: 500; padding: 1.5rem 3.5rem; border-radius: 10px; background-color: #f27557;}
.sns .right_sns {width: 48.5%;}

.sns .right_sns .sns_link{display: flex; justify-content: end; align-items: center; gap: 0 5px;margin-top: 15px;}
.sns .left_video{width: 48.5%;height: 573px;}
.sns .left_video iframe{width: 100%;height: 80%;}

@keyframes rot {
	  from {
    -ms-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -ms-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

.bestmenu {background: url(../img/best_bg.png) no-repeat center/cover;padding-top: 7rem;height:85rem;}
.bestmenu .sub_title {margin-bottom: 0rem;}
.sub_title h4 {color: #f7c913;font-weight: 500;font-size: 2.2rem;font-family: "Outfit", sans-serif;}
.bestmenu .sub_title h2 span {color: #f7c913;font-size: inherit; font-family: inherit; font-weight: inherit;}
.bestmenu .sub_title h3 {color: #333;font-weight: 500;margin-bottom: 2.5rem;}
.bestmenu .sub_title a {display: inline-block;background-color: #f7c913;border-radius: 10px;color: #fff;font-size: 1.8rem;font-weight: 500;font-family: "Outfit", sans-serif;padding: 14px 3rem;}
.bestslide-container {position: relative;overflow: hidden;width: 100%;}
.bestslide {width: 100%;margin-left:0; }
.bestmenu .swiper-wrapper {align-items: start;transition-timing-function: ease-in-out;padding-bottom: 100px;  padding-top: 50px;}
.bestslide .swiper-slide {text-align: center;transition: all 0.3s ease;box-sizing: border-box;}
.bestslide .swiper-slide.is-center {  transform: scale(1.2); /* 크기만 키우고 margin 사용 안함 */
  z-index: 2;}
.bestslide .swiper-slide img {transition: all 0.3s ease;width: 40%;margin-top: 107px;}
.bestslide .swiper-slide.is-center img {width: 50%;margin-top: 42px;opacity: 1;filter: drop-shadow(0 0 10px #0000003b);}
.bestslide .swiper-slide p {font-size: 1.8rem;font-weight: 500;margin-top: 2rem;}
.bestslide .swiper-slide.is-center p {font-size: 2rem;font-weight: 700;}
.bestmenu .swiper-button-prev {left: 41%;top: 374px;}
.bestmenu .swiper-button-prev img{width:6rem;}
.bestmenu .swiper-button-next {right: 41%;top: 374px;}
.bestmenu .swiper-button-next img{width:6rem;}
.active_bg {position: absolute;top:185px;left: 50%;transform: translateX(-50%);width:35rem;}
.active_bg img{width:100%;}
.bestmenu .hover{display: block; position: absolute; top: 200px; left: 50%;transform: translateX(-50%) ;z-index: 9999;opacity: 0;transition: all 0.3s; }
.bestslide .swiper-slide.is-center:hover .hover{opacity: 1;}

.story{display: flex;justify-content: space-between; align-items: center; height: 90rem;}
.story .left_text{background: url(../img/story_bg1.png) no-repeat center/cover;width: 50%; display: flex;justify-content: center; align-items: center;flex-direction: column;height: 100%;}
.story .left_text .sub_title{ text-align: left; width: 95%; max-width:56rem;margin: 0 auto;margin-top: 2.4rem;}
.story .left_text .sub_title h4{color: #FFF;}
.story .left_text .sub_title h2{color: #FFF;margin-bottom: 3.5rem;}
.story .left_text .sub_title h3{color: #FFF;font-size: 2.2rem;line-height: 140%;}
.story .left_text  .btn_wrap{display: flex; justify-content: start; align-items: center; gap: 0 15px ;width: 95%;max-width: 56rem; margin: 0 auto;margin-top: 5rem;}
.story .left_text  .btn_wrap a{background-color: #121212; border-radius: 5px; color: #fff; font-size: 1.8rem; font-weight: 600;display: inline-block;padding: 1.5rem 3rem;}
.story .right_img{width: 50%;background: url(../img/story_bg2.png) no-repeat center/cover;height: 100%;}

.banner {width: 95%; max-width:1395px; margin:  0 auto;padding-top: 17.6rem; display: flex; justify-content: center; align-items: center; gap: 0 2.9rem ;}
.banner .banner1{border-radius: 15px;background: url(../img/banner_bg1.png)no-repeat center/cover
  ; width: 49%;position: relative;padding:6.2rem 4rem;height: 340px;}
.banner .banner2{border-radius: 15px; background-color: #ebebeb;width: 49%;position: relative;height: 340px;padding:9rem 4rem;}
.banner .banner1 .banner1_bg{position: absolute; right: 0;bottom: 0;}
.banner .banner1 h2{color: #fff;font-size: 3.6rem;font-weight: 700; line-height: 130%;margin-bottom: 10px;}
.banner .banner1 h3{color: #fff; font-size: 2.2rem; font-weight: 500;margin-bottom: 3rem;}
.banner .banner2 .banner2_bg{position: absolute;top: 50%; transform: translateY(-50%) ; right: 5%;border-radius: 0 0 15px 0;}
.banner .banner2 .banner2_bg{width:20rem ;}
.banner .banner2 h2{color: #371d1e; font-weight: 600; font-size: 3.6rem;}
.banner .banner2 h3{color: #371d1e; font-weight: 500; font-size: 2.2rem;margin-bottom: 2rem;margin-top: 1rem;}
/* .banner .banner2{display: flex; flex-direction: column;} */

.ceo {margin-top: 15rem;}
.ceo .text_box{position: relative ;margin: 0 auto; margin-top: 13rem;margin-bottom: 8rem;max-width: 678px; width: 95%;}
.ceo .text_box h3{font-size: 4rem; font-weight: 700;}
.ceo .text_box img{position: absolute; left: -13%;top: -53%;}
.ceo .top_img{background: url(../img/ceo_img2.png)no-repeat center/cover;background-attachment: fixed;width: 100%; height: 55rem; position: relative ; }
.ceo .top_img::after {content: '';width: 100%;height: 100%;background-color: #fff;position: absolute;right: 0;top: 0;}
.ceo .top_img.animate::after {animation: width 1s ease-in-out forwards;}
@keyframes width {
  0% { width: 100%; }
  100% { width: 0%; }
}
.ceo_content{display: flex; justify-content: start; align-items: start; width: 95%; max-width: 1400px; margin: 0 auto; margin-top: 9.5rem;gap: 0 7rem;}
.ceo_content .left_name{margin-left: 15px; width: 30%;}
.ceo_content .left_name h6{color: #f7c913; font-size: 2rem; font-weight: 700;margin-bottom: 10px;}
.ceo_content .left_name h2{color: #121212; font-size: 4rem; font-weight: 700;line-height: 120%;}
.ceo_content .right_txt p{font-size: 2rem;line-height: 150%;word-break: keep-all;}
.ceo_content .right_txt div{margin-top: 4rem; }
.ceo_content .right_txt h2{color: #121212; font-size: 3.2rem; font-weight: 600;}
.ceo_content .right_txt h2 span{color: #121212; font-size: 1.8rem; font-weight: 500;padding-right: 10px;}

.brand_story{margin-top: 15rem;overflow: hidden;}
.brand_story .text_box{display: flex; justify-content: center; align-items: center; gap: 0 5.5rem;margin-top: 15rem;margin-bottom: 18.2rem;}
.brand_story .text_box h2{color: #f7c913; font-size: 10rem; font-weight: 800; }
.brand_story .text_box .line{background-color: #f7c913; width: 1px; height: 10rem;}
.brand_story .text_box p{color: #666; font-size: 2rem; font-weight: 500;line-height: 150%;}
.brand_story .content{position: relative;margin-bottom: 15rem;width: 100%; overflow: hidden;padding-bottom: 30rem;}
.brand_story .box1{width: 95%; max-width: 1400px; margin: 0 auto; position: relative;margin-bottom: 25rem;}
.brand_story .box1 .item{width: 50%; text-align: center;}
.brand_story .box1 .item div{ text-align: left;}
.brand_story .box1 .item h2{font-size: 6rem; font-weight: 300 ; line-height: 120%; margin-bottom: 4rem;margin-top: 9.5rem;color: #121212;}
.brand_story .box1 .item h2 span{font-size: inherit; font-weight: 700 ; color: #121212;}
.brand_story .box1 .item p{font-size: 1.8rem; font-weight: 500; line-height: 170%; color: #666666;}
.brand_story .box1 h3{position: absolute; bottom: -35%; left: -90px;color: #fff8eb; font-size: 25rem; font-weight: 800;}
.brand_story .box1 .item img{width: 24vw;}
.brand_story .content .right img{width: 44vw;}
.brand_story .content .right{position: absolute; right: 0; top: 6.5%;z-index: 9;}
.brand_story .box2{position: relative; z-index: 9; display: flex; justify-content: start; align-items: center;gap: 0 12rem;}
.brand_story .box2 img{width: 50vw;}
.brand_story .box2 h4{font-size: 6.5rem; font-weight: 300;color: #121212;}
.brand_story .box2 h4 span{font-size:inherit; font-weight: 700;color: #121212;}
.brand_story .box2 p{color: #666666; font-size: 1.8rem; font-weight: 500; line-height: 170%; margin-top: 3rem;}
.brand_story .box2 .txt_box{margin-top: 19rem;}
.brand_story .coffee_img1{position: absolute; top: -3%; left: -17%;z-index: 88;width: 45vw;}
.brand_story .coffee_img2{position: absolute; top: 52%; right: 0%;z-index: 88;width: 11vw;}
.brand_story .coffee_img3{position: absolute; bottom: 3%; right: 0;z-index: 88;width: 42vw;}
.brand_story .story_mob{display: none;}

.identity{padding:16rem 0  ; background-color: #fff8de;}
.identity .inner{width: 95%; max-width: 1350px; margin: 0 auto; position: relative;}
.identity h2{font-size: 4.3rem;font-family:  "Outfit", sans-serif;margin-bottom: 6rem;text-align: center;font-weight: 800;color: #121212;}
.identity .txt{text-align: center;}
.identity .txt h5{font-size: 2.6rem; font-weight: 700; color: #121212; }
.identity .txt h6{font-size: 2rem; margin-top:2.5rem ;margin-bottom: 4.5rem; color: #121212; line-height: 150% ;}
.identity .img_box{display: flex; justify-content: space-between; align-items: center;margin-bottom: 13rem;}
.identity .img_box .logo_img1{width: 51%;}
.identity .img_box .logo_img2{width: 23.5%;}
.identity .img_box .logo_img3{width: 23%;}
.identity .color_wrap{display: flex; justify-content: start; align-items: center;width: 100%;height: 30rem;}
.identity .color_box1{background-color: #ffcd00;width: 31%;padding: 3rem 3.5rem;height: 100%;}
.identity .color_box2{background-color: #e56a54;width: 31%; padding: 3rem 3.5rem;height: 100%;}
.identity .color_box3{background-color: #ff8674;width: 19%;padding: 3rem 3rem;height: 100%;}
.identity .color_box4{background-color: #ffb3ab;width: 19%;padding: 3rem 2.5rem;height: 100%;}
.identity .color_wrap h6{color: #fff; font-size: 2rem; font-weight: 700;margin-bottom: 2rem;}
.identity .color_wrap p{color: #fff;font-size: 1.6rem; font-weight: 500;line-height: 180%;}

.history {width: 95%;max-width: 1400px;margin: 0 auto; display: flex;justify-content: space-between;position: relative;overflow: visible;align-items: flex-start; }
.history .t_box {padding: 15rem 0;width: 47%;position: sticky;top: 10rem; height: fit-content;background: white;}
.history .t_box h6{color: #606060; font-size: 2.4rem; font-weight: 800;}
.history .t_box h2{color: #000; font-size: 6rem; font-weight: 800;margin-bottom: 2rem; margin-top: 1rem;}
.history .t_box h5{color: #606060; font-size: 2.4rem; font-weight: 500;line-height: 150%; }
.history .history_box{width: 53%; margin: 15rem 0;}
.history .history_box img{width: 100%;}
.history .history_box p{font-size: 2rem; font-weight: 500;margin-top: 5rem;line-height: 150%;margin-bottom: 15rem;}
.history .history_info h3{color: #000000; font-size: 4rem; font-weight: 600; font-family: "Outfit", sans-serif;margin-bottom: 3rem;}
.history .history_info{display: flex; justify-content: start; align-items: start;gap: 0 5.5rem; }
.history .history_info ul{margin-left: 2rem;}
.history .history_info ul li{margin: 1rem 0; display: flex; justify-content: start; align-items: center;gap: 0 1rem;}
.history .history_info ul li span{font-weight: 700; font-size: 1.8rem; }
.history .history_info ul li h4{font-weight: 500; font-size: 1.8rem;color: #666666; }
.history .history_info .item{margin-bottom: 7rem;}
.history .history_info .line{width: 1px ;height: 227vh;background-color: #c7c7c7;margin-top: 26px;}
.history .history_info h3::before{content: ''; width: 10px; height: 10px; border-radius: 50%; background-color: #000; position: absolute; top: 20px ; left: -60.5px;display: block;}
.history_info .item.active h3 {color: #f7c913;}
.history_info .item.active h3::before {width: 20px;border: 4px solid #000; background-color: #fff;height: 20px;left: -65.5px; top: 15px;}
.history_info .item h3, .history_info .item h3::before {transition: all 0.3s ease;}

.brand_differ{margin-top: 15rem;margin-bottom: 37rem;}
.brand_differ .text_content{text-align: center;position: relative;z-index: 88;overflow: hidden;}
.brand_differ .text_content div{background-color: #fffaee; padding-bottom: 25rem;}
.brand_differ .text_content h2{text-align: center; font-size: 9rem; font-weight: 700; color: #1d1d1d;margin-top: 17rem;margin-bottom: 2rem; }
.brand_differ .text_content h2 span{text-align: center; font-size: inherit; font-weight: inherit; color: #eac834; }
.brand_differ .text_content p{font-size: 2.2rem; font-weight: 500; line-height: 150%;width: 60%; margin: 0 auto;margin-top: 3rem;text-align: center;}
.brand_differ .text_content img{width: 75vw;}
.brand_differ .background-text{font-size: 20rem;color: #f9e59e; font-family:"Outfit", sans-serif ; font-weight: 600;  position: sticky;top: 35%;left: 15%;z-index: 3; text-align: center;pointer-events: none; opacity: 0.35;}
.brand_differ .scroll_content{  position: relative;z-index:50; margin-top: -250px;}
.brand_differ .scroll_content .inner{position: relative ;z-index: 99; width: 95%; max-width:1562px; margin: 0 auto;display: flex; flex-direction: column; gap: 6.5rem 0;margin-bottom: 6.5rem;}
.brand_differ .scroll_content h5{font-size: 4rem;font-weight: 800; margin-top: 2.5rem; margin-bottom: 1.5rem;}
.brand_differ .scroll_content p{color: #666666; font-size: 2.2rem; font-weight: 500;line-height: 160%;word-break: keep-all;}
.brand_differ .scroll_content .item{width: 50%;}
.brand_differ .scroll_content .item img {width: 100%; max-width: 75rem;}
.brand_differ .scroll_content .wrap .right{align-items: end;}
.brand_differ .scroll_content .wrap{position: relative;margin-top: 25rem;}
.brand_differ .scroll_content .bg_box{background-color: #fffaee; height: 140vw; width: 100%;position: absolute; top: -12%; left: 0; z-index: 1;}

.map_wrap{margin-top: 15rem;margin-bottom: 32.3rem;}
.map_wrap .inner{width: 95%; max-width: 1305px; margin: 0 auto;}
.map_wrap .map_wrap1{padding-top: 5rem;}
.map_wrap .line{width: 5.4rem; height: 4px;background-color: #121212;margin-bottom: 2rem; }
.map_wrap h3{font-size: 4.5rem; font-weight: 800;color: #121212;margin-bottom: 6.5rem;}
.map_wrap .info{display: flex; justify-content: start; align-items: center;margin-bottom: 3rem;}
.map_wrap h4{color: #121212; font-size: 2.5rem; font-weight: 500; font-family: "Outfit", sans-serif; margin-bottom: 1rem;}
.map_wrap h5{font-size: 2rem; font-weight: 500;}
.map_wrap h5 span{font-size: inherit; font-weight: inherit;color: #7f7f7f;}
.map_wrap h6{font-size: 2rem;font-weight: 500;}
.map_wrap h6 span{font-size: inherit; font-weight: inherit; padding: 0 5px;}
.map_wrap h6 .gray{font-size: inherit; font-weight: 700;color: #7f7f7f;padding-left: 0;}
.root_daum_roughmap .cont .section.lst{display: none;}
.map_wrap .map_wrap2{margin-top: 14rem ;}
.map_wrap .info .box1{width: 55%; }
.map_wrap .info .box2{width: 18%; }
.map_wrap .info .box4{width: 50%; }
.map_wrap .info .box3{width: 27%; }
.root_daum_roughmap .wrap_map{height: 450px !important;}

.map_wrap iframe{width: 100%; height: 450px;}

.product{margin-top: 15rem;}
.product .wrap{margin-top: 12rem;display: flex; justify-content: start; align-items: start; gap: 5rem 2rem ;flex-wrap: wrap;}
.product .wrap .item{width: 23.9%;}
.product .wrap .item .pro_imgbox{width: 14.8rem;text-align: center;margin: 0 auto;padding: 5.2rem 0;}
.product .wrap .item .pro_imgbox img{width: 100%;}
.product .wrap .item .line_box{display: block; position: relative; border: 1px solid #e2e2e2; border-radius: 10px;transition: all 0.3s;}
.product .wrap .item .pop_btn{position: absolute; top: 40%; left: 50%; transform: translateX(-50%)  ; width: 7.9rem;opacity: 0;transition: all 0.3s;text-align: center;}
.product .wrap .item .pop_btn img{width: 100%;}
.product .wrap .item .mark_wrap{position:absolute; top:0; left:15px; display:flex; justify-content:start; align-items: start;gap:0 5px;}
/* .product .wrap .item .best_mark{position: absolute; top: 0; left: 15px;} */
.product .wrap .item .name_box{margin-top: 1.2rem; }
.product .wrap .item .name_box h2{font-size: 2rem; font-weight: 700; margin-bottom: 1rem;text-align: center;}
.product .wrap .item .name_box h3{color: #999999;text-align: center;font-size: 1.8rem; font-weight: 500;}
.product .wrap .item:hover .line_box{border-color: #f7c913;}
.product .wrap .item:hover .pop_btn{opacity: 1;}
.product .wrap .c_h{display:flex ; justify-content:center; gap:0 1rem ; align-items:center;margin-top:15px;}
.product .wrap .c_h span{display:block; border-radius:50%; width:7px; height:7px;}
.product .wrap .c_h .cold{background-color:#006db0;}
.product .wrap .c_h .hot{background-color:#ed2939;}

/* popup */
.pop_wrap {display:none ;position: fixed;top: 0;left: 0;background: rgb(0, 0, 0, 0.3);width: 100%;  height: 100%;  z-index: 9999;}
.pop_wrap .pop-inner {position: absolute;  top: 50%;  left: 50%;  transform: translate(-50%, -50%);  width: 60%;height: auto; background: #fff;  border-radius: 0px;display: flex; justify-content: start;align-items: center;gap: 0 5rem;border-radius: 10px;}
.pop_wrap .pop-inner .left_pro_img{width: 45%;padding: 10.5rem 0;background-color: #f7f6f5;text-align: center;border-radius: 10px 0 0 10px;}
.pop_wrap .pop-inner .right_info{width: 50%;padding: 6.5rem 0;padding-right: 8.5rem;border-radius: 0 10px 10px 0;}
.pop_wrap .pop-inner .left_pro_img img{width: 22rem}
.pop-close {  position: absolute;  top:0;  right: 0;   cursor: pointer;font-size: 2.4rem;width: 50px ;height: 50px; text-align: center; line-height: 50px;font-family: 'SUIT';}
.pop_wrap .pop-inner .right_info .name{display: flex; justify-content: start; align-items: center; gap: 0 10px;}
.pop_wrap .pop-inner .right_info .name h2{font-size: 2.9rem; font-weight: 700; color: #121212;}
.pop_wrap .pop-inner .right_info .name h3{font-size: 1.8rem; font-weight: 600; color: #e0b611;}
.pop_wrap .pop-inner .right_info p{font-size: 1.6rem; font-weight: 500; color: #666666;margin-top: 1.5rem; margin-bottom: 4rem;word-break: keep-all;}
.pop_wrap .pop-inner .right_info h5{font-size: 1.6rem; font-weight: 600;margin-bottom: 1.5rem; }
.pop_wrap table{width: 100%;}
.pop_wrap tr{border-bottom: 1px solid #dbdbdb;}
.pop_wrap td, .pop_wrap th{padding: 1rem 0;text-align: center;font-size: 1.5rem; font-weight: 500;color: #494949;}
.pop_wrap th{border-top: 1px solid #666666; border-bottom: 1px solid #666666; }
.infotable {display:flex;gap:10px;flex-wrap: wrap;}
.infotable li {width:calc(50% - 5px);border-bottom:1px solid #dbdbdb;letter-spacing: -0.5px;}
.infotable li:nth-child(1) {border-top:1px solid #666666;padding-top:10px;}
.infotable li:nth-child(2) {border-top:1px solid #666666;padding-top:10px;}
.infotable li > div{display:flex;justify-content: space-between;height:30px;}

.store{position: relative;height:100%;display: flex; justify-content: start; /*align-items: center;*/}
.store .right_map{width: 75%; height: calc(100vh - 100px);}
/* .store .right_map img{width: 100%; height: 100%;} */
.store .left_search{width: 25%; padding-top: 2.5rem;overflow:scroll;}
.store .left_search h2{color: #000; font-size: 3.2rem; font-weight: 600 ;margin-bottom: 2rem;}
.store .search_box{padding: 0 3rem;}
.store .left_search .text_box{display: flex; justify-content: space-between; align-items: center; margin-bottom: 10px;}
.store .left_search .text_box input{background-color: #f0f0f0; border-radius: 80px; padding: 1.6rem 3rem;font-size: 1.6rem; font-weight: 500;width: 100%;}
.store .left_search button{background-color: #000; border-radius: 80px;padding: 1.6rem 3rem;font-size: 1.6rem; color: #fff;font-weight: 500;border: none;}
.store .left_search  .select_wrap{display: flex; justify-content: space-between; align-items: center;}
.store .left_search  select {background-color: #f0f0f0;border-radius: 80px; padding: 1.6rem 3rem;font-size: 1.6rem; font-weight: 500;border: none;width: 38%;}
.store .left_search  select:active,
.store .left_search  select:focus{outline: none;
  box-shadow: none; /* 혹시 그림자도 생기는 경우 제거 */
  border: none;     /* border가 생기는 경우 대비 */}

.store .left_search select {
  background-color: #f0f0f0;
  border-radius: 80px;
  padding: 1.6rem 3rem;
  font-size: 1.6rem;
  font-weight: 500;
  border: none;
  width: 37%;

  /* 기본 화살표 제거 */
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;

  /* 커스텀 화살표 추가 */
  background-image: url('../img/arrow.png');
  background-repeat: no-repeat;
  background-position: right 2.5rem center; /* 오른쪽에서 1.5rem 안쪽으로 */
  background-size: 1rem;
}
.store .result_number{margin:2rem 0;margin-bottom: 0; padding: 1.6rem 0; border-top: 1px solid #ececec; border-bottom: 1px solid #ececec;padding: 1.5rem 3rem ;font-size: 1.8rem; font-weight: 600;}
.store .result_number span{color: #acacac; font-size: inherit; font-weight: inherit;}
.store .search_result .item{display: flex; justify-content: space-between; align-items: start; padding: 2.5rem 3rem ;border-bottom: 1px solid #ececec;}
.store .search_result .item h3{font-size: 2rem; font-weight: 600;margin-bottom: 1.2rem;}
.store .search_result .item .icon_box{display: flex; justify-content: start; align-items: center; gap: 0 10px;margin-bottom: 8px;}
.store .search_result .item h4{font-size: 1.6rem;color: #666666;}
.store .search_result .store_time{display: flex; justify-content: start; align-items: center; gap: 0 8px;}
.store .search_result .store_time span{display: block; background-color: #acacac; border-radius: 4px ; color: #fff;font-size: 1.4rem; font-weight: 500;padding: 5px 7px;}
.store .search_result .store_time h5{font-size: 1.6rem;color: #666;}
.store .search_result .store_info{width: 80%;}
.store .search_result .map_point{display: flex;flex-direction: column; gap:1.2rem 0 ;width: 15%;}
.store .search_result .map_point h6{font-size: 1.6rem;}
.store .search_result .page_nation ul{display: flex; justify-content: center; align-items: center; gap: 0 20px;padding: 1.6rem 0;}
.store .search_result .page_nation a{font-size: 1.6rem ; font-weight: 700; color:#a9a9a9 ;}
.store .search_result .page_nation .active{color: #333333;}
.store .search_result{overflow-y: auto;}

.inquiry{padding: 15rem 0;width: 95%; max-width: 1286px;margin: 0 auto;overflow: hidden;}

.inquiry h3{color: #121212; font-size: 3.2rem; font-weight: 700;}
.inquiry h6{color: #666666; font-size: 1.6rem;margin-bottom: 15px;margin-top: 5px; }

.br_500{display: none;}

.map_article{position:relative;height:calc(100vh - 100px);overflow:hidden;}
@media screen and (max-width:1880px) {
    .store .right_map{height: 100vh;}
}
@media screen and (max-width:1668px) {
    .intro_bx .left:before{clip-path:polygon(0% 0, 75% 0, 100% 100%, 0% 100%);width: 120%;}
    #header .head_menu .main_menu{width: 50%;}
    #header .head_menu .main_menu .dept1{width: 20%;}
    #header .head_menu .main_menu .dept2{padding: 0.8rem 0.6rem;}
.ft_wrap h1{font-size: 18rem;top: -65%;}
.ft_wrap{margin-top: 300px;}
/* .bestmenu .hover{top: 227px;}
.bestslide .swiper-slide img{margin-top: 146px;} */
.store .search_box{padding: 0 2rem;}
}
@media screen and (max-width:1486px) {
    .sns .right_sns{width: 51.5%;}
    .sns .left_video{width: 45.5%;height: 458px;}
    .pic_gallery{gap: 1.5rem;}
    .active_bg{top:114px;}

/*     .bestmenu .swiper-button-prev{left: 35%; width: 8rem; top: 435px;}
    .bestmenu .swiper-button-next{right: 35%; width: 8rem; top: 435px;}
    .bestmenu .swiper-button-prev img,.bestmenu .swiper-button-next img{width: 100%;}
    .bestmenu .swiper-wrapper{padding-bottom: 80px;}
    .bestmenu .sub_title{margin-bottom: 6rem;} */
    .history .history_info .line{height: 221vh;}
    .product .wrap .item{width: 23.7%;}
}
@media screen and (max-width:1400px) {
    .sns .left_video{height: 418px;}
    .bestslide .swiper-slide img{margin-top: 130px;}
    .ceo_content .left_name{width: 35%;}
    .history_info .item.active h3::before{left: -58.5px;}
    .history .history_info h3::before{left: -54.5px;}
    .brand_differ .text_content h2{margin-top: 10rem;}
    .brand_differ .text_content p{width: 80%;}
    .store .right_map{height: calc(100vh - 100px);}
    .store .left_search{width: 30%;}
    .store .right_map{width: 70%;}
}
@media screen and (max-width:1200px) {
    .product .wrap .item .pro_imgbox{padding: 9.1rem 0;}
    .intro_bx{background: url(../img/t_intro_bg.png) no-repeat center/cover; height: 700px;}
    .intro_bx>span img{width: 18rem; height: 18rem;}
    .intro_bx .st1{font-size: 5rem;}
    .intro_bx .st2{font-size: 2.8rem;margin-bottom:2rem ;}
    .intro_bx .st3{font-size: 2rem;margin-top: 2.5rem;}
    .intro_bx .left{padding-left: 5rem;}
    .intro_bx .right{padding-right: 5rem;}
    .intro_bx .st6, .intro_bx .right:hover .st6{font-size: 1.8rem; margin-top: 3.5rem;}
    .franchiase{margin: 0 1rem;}
    .franchiase img{width:1.5rem ;}
    .franchiase h6{font-size: 1.8rem;}
    .lang_menu h5{margin-left: 7px;}
    .shopping_mall, .menu_bar{width: 6rem; height: 6rem;line-height: 6rem;}
    .shopping_mall img, .menu_bar img{width:2rem;}
    #header .head_menu .logo{width: 10rem;}
    #header .head_menu{height: 80px;}
    .wrap_margin{margin-top: 69px;}
    .ft_wrap h1{font-size: 12rem;top: -41%;}
    .ft_wrap{margin-top: 200px;}
    /* #ft .right_call h3{font-size: 2.5rem;} */
    #ft .right_call{width: 45%;}
    .width_f .left_info{width: 50%;}
    .quick_banner{right: 50px;}
    .quick_banner2{right: 27px;top: 433px;}
    .sub_title h2{font-size: 4rem;}
    .sub_title h3{font-size: 2rem;}
    .sub_title{margin-bottom: 6rem;}
    .sns .inner{margin-top: 15rem;}
    .sns .video_title{padding-left: 20px; margin-top: 2.5rem;}
    .sns .video_title h4{font-size: 2rem;margin-bottom: 5px;}
    .sns .video_title h5{font-size: 1.8rem;}
    .sns .img_box{width: 35rem;}
    .sns .img_box img{width: 100%;}
    .bestmenu{padding-top: 7rem;height:80rem;}
    .bestslide .swiper-slide img{margin-top: 95px;}
    .bestmenu .hover{top: 157px;}
    .bestslide .swiper-slide.is-center p{margin-top:2rem; font-size: 2rem;}
    .bestslide .swiper-slide.is-center img{width: 72%;}
    .active_bg{width: 35rem; height: 35rem;top:157px;}
    .bestmenu .swiper-button-prev, .bestmenu .swiper-button-next{top: 336px;width: 5rem;}
    .bestmenu .swiper-button-prev{left: 36.5%;}
    .bestmenu .swiper-button-next{right: 36.5%;}
    .story .left_text .sub_title h3{font-size: 2rem;word-break: keep-all;}
    .story{height: 70rem;}
    .banner .banner2 h3{margin-bottom: 3rem;}
    .banner .banner1 h2, .banner .banner2 h2{font-size: 2.5rem;}
    .banner .banner1 h3, .banner .banner2 h3{font-size: 2rem;}
    .banner .banner1, .banner .banner2{height: 284px;}
    .banner{padding-top: 15rem;}
    .banner .banner2 .banner2_bg{width: 15rem;}
    .banner .banner2 .search{width: 30rem;}
    .lnb .lnb_map .dep{gap: 0 5rem;}
    .titleM{font-size: 4rem;}
    .ceo{margin-top: 10rem;}
    .ceo .text_box h3{font-size: 2.8rem;}
    .ceo .text_box img{left: -7%; width: 12rem;}
    .ceo .text_box{max-width: 500px;margin-top: 10rem;}
    .ceo .top_img{height: 45rem;}
    .ceo_content .left_name h6,.ceo_content .right_txt p{font-size: 1.8rem;}
    .ceo_content .left_name h2{font-size: 3rem;}
    .brand_story{margin-top: 10rem;}
    .brand_story .text_box{margin-top: 10rem; margin-bottom: 10rem;}
    .brand_story .text_box h2{font-size:7rem;}
    .brand_story .text_box p{font-size: 1.8rem;}
    .brand_story .box1 .item h2{font-size: 4rem;margin-top: 6rem; margin-bottom: 2rem;}
    .brand_story .box1 .item p{font-size: 1.6rem;}
    .brand_story .box1 .item img{width: 30vw;}
    .brand_story .coffee_img1{width: 40vw;top: 6%;}
    .brand_story .box1 h3{bottom: -41%; left: -21px; font-size: 15rem;}
    .brand_story .coffee_img2{top: 44%;}
    .brand_story .box2 .txt_box{margin-top: 0;}
    .brand_story .box2 h4{font-size: 4rem;}
    .brand_story .box2 p{font-size: 1.6rem;}
    .brand_story .box2{gap: 0 6rem;}
    .brand_story .coffee_img3{bottom: 12%; width: 35vw;}
    .brand_story .content{margin-bottom: 0;}
    .identity{padding: 10rem 0;}
    .identity h2{font-size: 3rem;}
    .identity .txt h5{font-size: 2rem;}
    .identity .txt h6{font-size: 1.8rem;}
    .history .t_box h6, .history .t_box h5{font-size: 2rem;}
    .history .t_box h2{font-size: 4rem;}
    .history .history_box p{margin-top: 4rem; margin-bottom: 10rem;}
    .history .history_info h3{font-size: 3rem;}
    .history .history_box{margin: 10rem 0;width: 57%;}
    .history .t_box{padding: 10rem 0;width: 43%;}
    .history .history_info .line{height: 209vh;}
    .brand_differ .text_content h2{font-size: 6rem;margin-top: 2rem; }
    .brand_differ .text_content p{font-size: 2rem;margin-top: 0 ;padding-top: 2rem;}
    .brand_differ .text_content div{padding-bottom: 15rem;}
    .brand_differ .background-text{font-size: 12rem;}
    .brand_differ .scroll_content .wrap{margin-top: 30rem;}
    .brand_differ .scroll_content h5{font-size: 2.6rem;}
    .brand_differ .scroll_content p{font-size: 1.8rem;}
    .brand_differ{margin-bottom: 20rem;margin-top: 10rem;}
    .map_wrap{margin-top: 10rem;margin-bottom: 20rem;}
    .map_wrap .map_wrap1{padding-top: 0;}
    .map_wrap h3{font-size: 3rem;margin-bottom: 4rem;}
    .map_wrap .line{width: 3rem; height: 2px;}
    .map_wrap h4{font-size: 2rem;}
    .map_wrap h6{font-size: 1.8rem;}
    .map_wrap .info .box1{width: 50%;}
    .map_wrap .info{flex-direction: column;align-items: start;justify-content: start;gap: 3rem 0;}
    .map_wrap .info .box1,.map_wrap .info .box2,.map_wrap .info .box3{width: 100%;}
    .map_wrap h5{font-size: 1.8rem;}
    .product .wrap .item{width: 31.7%;}
    .product{margin-top: 10rem;}
    .pop_wrap .pop-inner{width: 80%;}
    .pop_wrap .pop-inner .right_info .name h2{font-size: 2.2rem;}
    .pop_wrap .pop-inner .right_info .name h3{font-size: 1.6rem;}
    #bo_list_total{width: 30%; font-size: 1.8rem;}
    #formmail-write{margin-bottom: 0;}
    .inquiry{padding: 10rem 0;}
    .file_btn{margin-left: 375px;}
    #formmail-write .margin{margin-top: 5rem;}
    .inquiry h3{font-size: 2rem ;}
    #formmail-write .form-group.col4>div{width: 50%;}
    #formmail-write .form-group .form-control-width{width: 50%;}
    .store .left_search h2{font-size: 2.6rem;margin-bottom: 1rem;}
    .store .left_search .select_wrap{flex-wrap: wrap;gap: 1rem 0;}
    .store .left_search button{width: 100%;}
    .store .left_search select{width: 48%;}
    .store .result_number{font-size: 1.6rem;padding: 1rem 3rem;}
	.bestslide .swiper-slide img{width:53%;}
    .bestslide .swiper-slide.is-center {  transform: scale(1.02); /* 크기만 키우고 margin 사용 안함 */
  z-index: 2;}
}
@media screen and (max-width:1024px) {
    .product .wrap .item .pro_imgbox{padding: 6.1rem 0;}
    .wrap_margin{margin-top: -11px;}
    .mobile_head .mobile_logo{width: 80px;}
    .main_visual{margin-top: 70px;}
    .width_f{flex-direction: column; gap: 3rem 0;}
    .width_f .left_info{width: 100%;}
    #ft .right_call{justify-content: start; gap: 0 30px; width: 100%;}
    #ft .right_call h3{font-size: 2rem;}
    #ft .right_call h6{font-size: 1.5rem;}
    #ft .logo{padding-bottom: 20px;}
    #ft .logo img{width:7rem ;;}
    .ft_wrap h1{font-size: 10rem; top: -28%;}
    .ft_wrap{margin-top: 200px;}
    .quick_banner, .quick_banner2{display: none;}
    .sns .contents{flex-direction: column;gap: 3rem 0 ;}
    .sns .right_sns{width: 100%;}
    .sns .left_video{width: 100%; height: 600px;}
    .pic_lt_block li{width: 32%;}
    .sns .right_sns .sns_link{margin-top: 0;}
    .pic_gallery{justify-content: space-between;}
    .active_bg {width: 30rem; height: 30rem; }
    .bestslide .swiper-slide img{margin-top: 111px;}
    .bestmenu .swiper-button-prev, .bestmenu .swiper-button-next{top: 320px;}

    .bestmenu .hover{top: 89px;}
    .story .left_text{width: 60%;}
    .story .right_img{width: 40%;}
    .story .right_img{background: url(../img/story_bg2.png) no-repeat 92%/cover;}
    .banner .banner2 .banner2_bg{top: 66%;width: 12rem;}
    .banner .banner2 h3{margin-bottom: 2rem;}
    .banner .banner2{padding: 5rem 4rem;}
    .banner .banner1{padding: 3rem;}
    .banner .banner1 .btn_wrap img{width: 13rem;}
    .banner .banner1, .banner .banner2{height: 218px;}
    .sub_visual{margin-top: 70px;}
    .lnb .lnb_map .dep{margin-top: 2.5rem;}
    .lnb .lnb_map .dep a.active{padding-bottom: 2.2rem;}
    .ceo .top_img{height: 35rem;background-size: auto;}
    .ceo_content{flex-direction: column;gap: 4rem 0;}
    .ceo_content .left_name{margin-left: 0;}
    .ceo_content .left_name{width: 100%;}
    .ceo_content .right_txt{width: 100%;}
    .brand_story .text_box{width: 95%; margin: 0 auto; margin-bottom: 10rem; margin-top: 7rem; gap: 0 3rem;}
    .brand_story .text_box h2{font-size: 5rem;width: 25%;text-align: right;}
    .brand_story .text_box p br{display: none;}
    .brand_story .text_box p{word-break: keep-all;width: 65%;}
    .brand_story .box1 .item p br, .brand_story .box2 p br{display: none;}
    .brand_story .box1 .item p, .brand_story .box2 p {word-break: keep-all;}
    .brand_story .box1{margin-bottom: 16rem;}
    .brand_story .box1 h3{bottom: -27%; font-size: 10rem;}
    .brand_story .box2 .txt_box{padding-right: 10px;}
    .identity .color_box1{background-color: #ffcd00;width: 25%;padding: 2rem 2.5rem;height: 100%;}
.identity .color_box2{background-color: #e56a54;width: 25%; padding: 2rem 2.5rem;height: 100%;}
.identity .color_box3{background-color: #ff8674;width: 25%;padding: 2rem 2.5rem;height: 100%;}
.identity .color_box4{background-color: #ffb3ab;width: 25%;padding: 2rem 2.5rem;height: 100%;}
.identity .color_wrap{height: 27rem;}
.brand_differ .scroll_content .item{width: 60%;}
.map_wrap .map_wrap1{margin-top:6rem;}
.product .wrap{margin-top: 6rem;}
.pop_wrap .pop-inner .right_info{padding: 4rem 0;padding-right: 4rem;}
.store{margin-top: 70px;}
.store .left_search{width: 40%;}
.store .right_map{width: 60%;}

}
@media screen and (max-width:850px) {
    .active_bg{width: 25rem; height: 25rem;}
    .bestmenu .swiper-button-prev, .bestmenu .swiper-button-next{top: 289px;}
    .brand_story .text_box h2{width: 30%;}
    .history .history_box{margin: 10rem 0;width: 52%;}
    .history .t_box{padding: 10rem 0;width: 48%;}
}
@media screen and (max-width:850px) {
	.wrap_margin{margin-top:-23px}
}
@media screen and (max-width:768px) {
    .map_article{position:relative;height:100%;overflow:hidden;}
    .product .wrap .item .pro_imgbox{padding: 8.4rem 0;}
    .intro_bx{ height: 650px;}
    .intro_bx>span img{width: 10rem; height: 10rem;}
    .intro_bx .st1{font-size: 3.5rem;}
    .intro_bx .st2{font-size: 2rem;margin-bottom:1rem ;margin-top: 1rem;}
    .intro_bx .st3{font-size: 1.6rem;margin-top: 1rem;}
    .intro_bx .left{padding-left: 3rem;}
    .intro_bx .right{padding-right: 3rem;}
    .sns .left_video{height: 550px;}
    .sns .inner{margin-top: 10rem;margin-bottom: 7rem;}
    .sns .img_box{width: 25rem;}
    .sub_title h2{font-size: 2.5rem;}
    .sub_title{margin-bottom: 3rem;}
    .pic_lt_block li{width: 31%;}
    .sub_title h3{font-size: 1.8rem;}
    .sub_title h4{font-size: 1.8rem;}
    .bestmenu .sub_title a{padding: 10px 3rem;font-size: 1.6rem; }
    .bestmenu{padding-top: 8rem;height:75rem;}
    .bestmenu .swiper-button-prev{left: 34.5%;}
    .bestmenu .swiper-button-next{right: 34.5%;}
	.bestslide .swiper-slide img{margin-top:93px;}
	.bestmenu .swiper-wrapper{padding-bottom:70px; padding-top:30px;}
    .active_bg{top: 193px;}
    .bestslide .swiper-slide.is-center p, .bestslide .swiper-slide p{font-size: 1.8rem;}
    .story{flex-direction: column-reverse;height: 80rem;}
    .story .left_text{width: 100%;}
    .story .right_img{background: url(../img/m_story_bg2.png) no-repeat center/cover;width: 100%;}
    .story .right_img{height: 59%;}
    .story .left_text .sub_title{max-width: 71rem;}
    .story .left_text .btn_wrap{max-width: 71rem;}
    .story .left_text .sub_title h3{font-size: 1.6rem;}
    .story .left_text .sub_title h2{margin-bottom: 2rem;}
    .story .left_text .btn_wrap{margin-top: 3rem;}
    .story .left_text .btn_wrap a{font-size: 1.6rem; padding: 1rem 3rem;}
    .banner{flex-direction: column; gap: 2rem;}
    .banner .banner1, .banner .banner2{width: 100%;}
    .banner .banner1{background: url(../img/m_banner_bg1.png) no-repeat 60%/cover;  }
    .banner .banner2 .banner2_bg{width: 15rem;}
    .banner{padding-top: 10rem;}
    .banner .banner1 h2, .banner .banner2 h2{font-size: 2rem;}
    .banner .banner1 h3, .banner .banner2 h3{font-size: 1.7rem;}
    .banner .banner2 .search{width: 25rem;}
    .banner .banner2{padding: 3rem;}
    /* .sns .right_sns .sns_link img{width:3rem ;} */
    .sub_visual .sub_top_text h3{font-size: 3rem;}
    .lnb .lnb_map{height: 50px;}
    .lnb .lnb_map .dep a{font-size: 1.6rem;}
    .lnb .lnb_map .dep a.active{padding-bottom: 1.5rem;}
    .lnb .lnb_map .dep{margin-top: 21px;}
    .sub_visual{height: 200px;}
    .titleM{font-size: 2.8rem;}
    .ceo .text_box{max-width: 400px;margin-top: 5rem;margin-bottom: 5rem;max-width: 300px;} 
    .ceo .text_box h3{font-size: 2rem;}
    .ceo .text_box img{left: -7%; width: 8rem; top: -44%;}
    .ceo .top_img{background: url(../img/m_ceo_img2.png)no-repeat center/cover;  height: 25rem;}
    .ceo_content{margin-top: 5rem;}
    .ceo_content .left_name h2{font-size: 2.5rem;}
    .ceo_content .left_name h6{font-size: 1.6rem;margin-bottom: 5px;}
    .ceo_content .right_txt p{font-size: 1.6rem;}
    .ceo_content .right_txt h2{font-size: 2.8rem;}
.brand_story .text_box .line{display: none;}
.brand_story .text_box{flex-direction: column;justify-content: start; align-items: start;gap: 1.5rem 0;}
.brand_story .text_box h2, .brand_story .text_box p{width: 100%;}
.brand_story .text_box h2{text-align: left;font-size: 3rem;}
.brand_story .text_box p{font-size: 1.6rem;}
.brand_story .box1 .item h2, .brand_story .box2 h4{font-size: 2.8rem;}
.brand_story .box1 .item{width: 100%;text-align: left;}
.brand_story .box1{margin-bottom: 8rem;}
.brand_story .content .right img{display: none;}
.brand_story .content{margin-bottom: 0; padding-bottom: 10rem;}
.brand_story .box1 h3{bottom: 27%; left: 50%;}
.brand_story .box1 .item img{width: 38vw;margin-left: 15vw;}
.brand_story .coffee_img2{top: 30%;}
.brand_story .story_mob{display: block;}
.brand_story .story_pc{display: none;}
.brand_story .box2{flex-direction: column; gap: 3rem 0;}
.brand_story .box2 img{width: 100vw;}
.brand_story .box2 .txt_box{padding-right: 0; width: 95%; margin: 0 auto;}
.brand_story .coffee_img3{bottom: 38%;}
.identity .img_box{margin-bottom: 6rem;}
.identity h2{margin-bottom: 4rem; font-size: 2.6rem;}
.identity .txt h6{font-size: 1.6rem;}
.identity .color_wrap h6{font-size: 1.8rem;}
.identity .color_wrap{flex-wrap: wrap;}
.identity .color_wrap div{width: 50%;}
.identity .color_wrap{height: 22rem; }
.identity .img_box{flex-wrap: wrap;gap: 2rem 0;}
.identity .img_box .logo_img1{width: 100%;}
.identity .img_box .logo_img2{width: 48%;}
.identity .img_box .logo_img3{width: 47.5%;}
.identity {padding: 7rem 0; padding-bottom: 32rem;}
.identity .color_wrap div{padding: 1.5rem;}
.identity .color_wrap p{font-size: 13px;}
.identity .txt h6{margin-bottom: 3rem;}
.history .t_box h6, .history .t_box h5{font-size: 1.8rem;}
.history .t_box h2{font-size: 2.6rem;}
.history .history_box p{font-size: 1.6rem;}
.history_info .item.active h3::before{width: 12px;height: 12px; border: 2px solid #000;left: -54.5px;top: 6px;}
.history .history_info h3::before{width: 5px; height: 5px;left: -50.5px; top: 10px;}
.history .history_info h3{font-size: 2.2rem; margin-bottom: 2rem;}
.history .history_info ul li span,.history .history_info ul li h4{font-size: 1.6rem;}
.history .history_info .line{height: 187vh;}
.history .t_box{padding-bottom: 0;}
.history .history_box{padding-bottom: 0 ; margin-bottom: 0;}
.history{gap: 0 2rem;}
.history .t_box h5 br{display: none;}
.brand_differ .text_content h2{font-size: 3rem;}
.brand_differ .text_content p{font-size: 1.6rem;}
.brand_differ .scroll_content .bg_box{top: -4%;}
    .brand_differ .background-text{font-size: 7rem;}
    .brand_differ .text_content div{padding-bottom: 10rem;}
    .brand_differ .scroll_content h5{font-size: 2rem;}
    .brand_differ .scroll_content p{font-size: 1.6rem;word-break: keep-all; }
    .brand_differ .scroll_content p br{display: none;}
    .brand_differ .scroll_content .bg_box{height: 200vw;}
    .brand_differ .text_content p{width: 90%; word-break: keep-all;}
    .brand_differ{margin-bottom: 10rem;margin-top: 7rem;}
    .map_wrap .line{margin-bottom: 1rem;}
    .map_wrap h3{font-size: 2.6rem;}
    .root_daum_roughmap .wrap_map{height: 300px !important;}
    .map_wrap .map_wrap2{margin-top: 7rem;}
    .map_wrap h6 span{word-break: keep-all;}
    .map_wrap h4{font-size: 1.8rem;margin-bottom: 5px;}
    .map_wrap h6, .map_wrap h5{font-size: 1.6rem;line-height: 160%;}
    .map_wrap{margin-bottom: 10rem;}
    .product .wrap .item{width: 47.7%;}
    .product .wrap .item .name_box h2{font-size: 1.8rem;}
    .product .wrap .item .name_box h3{font-size: 1.6rem;}
    .product{margin-top: 7rem;}
    .pop_wrap .pop-inner{width: 95%;gap: 0 3rem;overflow: hidden;}
    .pop_wrap .pop-inner .left_pro_img{padding: 7rem 0;}
    .pop-close{border-radius: 0 10px 0 0;}
    .pop_wrap .pop-inner .left_pro_img{border-radius: 10px 10px 0 0;}
    .pop_wrap .pop-inner .right_info{overflow-y: auto;}
    #bo_list_total{font-size: 1.6rem;}
    #bo_v_title .bo_v_tit{font-size: 2rem;padding: 2rem 0;}
    #bo_v_con{font-size: 1.6rem; margin: 3rem 0;}
    .tbl_head01 thead th{height: 50px;}
    #bo_cate a{font-size: 2rem;}
    .inquiry{padding-bottom: 0;}
    #formmail-write .btn_submit, #formmail-write .btn_cancle{padding: 1rem 5rem;}
    .file_btn{margin-left: 279px;}
    #formmail-write .form-group .form-control-width{width: 291px;}
    #formmail-write .form-group.col4>label{width: 25%;}
    #formmail-write .memo label{width: 26%;}
    .file_btn{padding: 1rem 2rem;}
    .store{flex-direction: column;}
    .store .left_search, .store .right_map{width: 100%;}
    .store .left_search h2{font-size: 2rem;}
    .store .search_result .item h3{font-size: 1.8rem;}
    .store .search_result .map_point img{width: 4rem;}
    .store .search_result .map_point{text-align: center; justify-content: center; align-items: center;}
    .store .right_map{height: 480px;}
    .store .left_search{padding-top: 1rem;}
    .galley_li .sns_icon{width:3rem ;height: 3rem;}
	.bestmenu .swiper-button-prev img, .bestmenu .swiper-button-next img{width:4rem;}

}
@media screen and (max-width:650px) {
    .product .wrap .item .pro_imgbox{padding: 5.2rem 0;}
    .intro_bx{background: url(../img/m_intro_bg3.png) no-repeat center/cover; height: 100vh;flex-direction: column; height: 100vh;}
    .intro_bx .left{width: 100%; padding-left: 5%;}
    .intro_bx>span img{width: 7rem; height: 7rem;}
    .intro_bx .right{width: 100%; padding-right: 5%;}
    /* .intro_bx>div>a>div{margin-top: -20px;} */
    .intro_bx .left:before, .intro_bx .right:before{clip-path:polygon(0% 0, 100% 0, 100% 100%, 0% 100% );width: 100%;}
    .intro_bx .left:hover .st6, .intro_bx .right:hover .st6{margin-top: 20px; line-height: 21px;height: 40px; font-size: 1.6rem;}
    .sns .left_video{height: 434px;}
    .bestslide .swiper-slide.is-center img{width: 80%;}
    .bestslide .swiper-slide img{width: 65%;}
    .active_bg{top: 177px;}
    .bestmenu .swiper-button-prev, .bestmenu .swiper-button-next{top: 315px;}
    .bestmenu .swiper-button-prev{left: 30.5%;}
    .bestmenu .swiper-button-next{right: 30.5%;}
    .story{height: 77rem;}
    .history{flex-direction: column;}
    .history .t_box{position: relative;padding-top: 0; padding-bottom: 3rem;width: 100%;}
    .history .history_box{width: 100%;}
    .history .history_box p{margin-top: 2rem; margin-bottom: 5rem;}
    .history .history_info .line{margin-top: 10px;}
    .history .history_info h3::before{left: -51.5px;}
    .pop_wrap .pop-inner{flex-direction: column;height: 80%;}
    .pop_wrap .pop-inner .left_pro_img, .pop_wrap .pop-inner .right_info{width: 100%;}
    .pop_wrap .pop-inner .left_pro_img img{width: 12rem;}
    .pop_wrap .pop-inner .left_pro_img{padding: 4rem 0;}
    .pop_wrap .pop-inner .right_info{padding: 4rem;}
    #bo_btn_top{flex-direction: column-reverse;}
    #bo_btn_top .btn_bo_user{width: 100%;}
    #bo_list_total{width: 100%; }
}
@media screen and (max-width:550px) {
    .ft_wrap h1{font-size: 6rem; top: -15%;}
    .sns .contents{gap: 8rem 0;}
    .sns .left_video{height: 368px;}
    .active_bg{top: 154px;}
    .bestmenu .swiper-button-prev, .bestmenu .swiper-button-next{top: 287px;}
    .history .history_info h3::before{left: -29.5px;}
    .history .history_info{width: 90%; margin: 0 auto; gap: 0 3rem;}
    .history_info .item.active h3::before{left: -32.5px;}
    #formmail-write .form-group{flex-direction: column; gap: 2rem 0;justify-content: start; align-items: start;}
    #formmail-write .form-group.col4>label{padding: 0;}
    #formmail-write .form-group.col4>div{width: 100%;}
    #formmail-write .memo label{padding: 0; margin: 0;}
    #formmail-write .form-group>div{width: 100%;}
    #formmail-write .form-group .file_wrap{width: 100% !important;}
    #formmail-write .privacy-of-use-check{margin-top: 5rem;}
.file_btn{margin-right:0 ;margin-left: 200px;}
#formmail-write .form-group .form-control-width{width: 200px;}
}
@media screen and (max-width:500px) {
    .product .wrap .item .pro_imgbox{padding: 4.8rem 0;}
    .mobile_head .mobile_open, #mobile_menu .mobile_close{width: 4.5rem; height: 4.5rem; line-height: 35px;}
    #mobile_menu .mobile_close{line-height: 40px;}
    .mobile_head .mobile_open img{width: 1.8rem;}
    .mobile_head .mobile_logo, #mobile_menu .mob_logo a{width: 65px;}
    .mobile_head, #mobile_menu .mob_logo{height: 60px;}
.main_visual{margin-top: 60px;}
    .sns .left_video{height: 337px;}
    .sns .video_title h5{font-size: 1.6rem;}
    .sns .video_title h4{font-size: 1.8rem;}
    .sns .video_title{padding-left: 10px;}
    .sns .video_title a{padding: 1rem;font-size: 1.4rem;}
    .pic_lt_block li{width: 31%;}
    .pic_gallery{gap: 1rem;}
    .active_bg{top: 67px;}
    .bestmenu .swiper-button-prev, .bestmenu .swiper-button-next{top: 254px;}
    .bestmenu .swiper-button-prev{left: 25.5%;}
    .bestmenu .swiper-button-next{right: 25.5%;}
    .bestmenu{height: 60rem;}
    .bestslide .swiper-slide.is-center p, .bestslide .swiper-slide p{font-size: 1.6rem;}
    .story{height: 67rem;}
    .banner .banner1{background: url(../img/m_banner_bg1.png) no-repeat 68%/cover;}
    .banner .banner2 .banner2_bg{width: 13rem;}
    .banner{padding-top: 7rem;}
    .ft_wrap{margin-top: 120px;}
    .sub_visual{margin-top: 60px;background-position: 60% !important;}
    .lnb_mob .lnb_map li.dep a span{font-size: 1.6rem;}
    .ceo{margin-top: 7rem;}
.brand_story .box1 .item img{width: 46vw;}
.brand_story .box1 h3{bottom: 33%; left: 40%; font-size: 7rem;}
.brand_story .box1 .item div{position: relative ;z-index: 9;}
.history .history_info .line{height: 1700px;}
.brand_differ .scroll_content .bg_box{top: 0;}
.brand_differ .background-text{font-size: 5rem;}
.brand_differ .text_content div{padding-bottom: 5rem;}
.brand_differ .scroll_content .item{width: 80%;}
.brand_differ .scroll_content .bg_box{height: 300vw;}
.br_500{display: block;}
.product .wrap .item .pro_imgbox img{width: 70%;}
.product .wrap .item .pop_btn img{width: 80%;}
.product .wrap .item .best_mark img{width: 40px;}
.product .wrap .item .season_mark img{width: 40px;}
#bo_cate ul{gap: 0 ;justify-content: space-around;}
.bestslide .swiper-slide.is-center{padding-top: 10px;}

.bestmenu .swiper-wrapper{padding-bottom: 50px;}
.bestmenu .swiper-button-prev, .bestmenu .swiper-button-next{width: 3rem;}
.map_wrap iframe{height: 300px;}
.bestmenu .swiper-wrapper{padding-top:0;}
.bestmenu .swiper-button-prev, .bestmenu .swiper-button-next{top:190px;}
.map_wrap .info .box4{width: 100%;}
.hd_pops_con{width:100% !important; height:auto!important; }
.hd_pops_con p{width:100%!important; height:auto!important; }
.hd_pops_con p img{width:100%!important; height:auto!important; }
.hd_pops{left:15px !important;top:100px !important;width:95% ; max-width:300px;}
.hd_pops_footer .hd_pops_reject, .hd_pops_footer button{font-size:12px;}
.bestslide .swiper-slide.is-center img{width: 70%;}
.bestslide .swiper-slide img{width: 50%;}
.bestslide .swiper-slide img{margin-top: 80px;}
.active_bg{top: 67px;width: 20rem; height: 20rem;}
}
@media screen and (max-width:450px) {
    .brand_story .box1 h3{bottom: 40%;}
    .product .wrap .item{width: 47%;}
    .pop_wrap .pop-inner .right_info{padding: 3rem;}
}
@media screen and (max-width:450px) {
	    .wrap_margin{margin-top:-35px;}
        .bestmenu{height: 55rem;}
        .main_visual {margin-top: 75px;}
}
@media screen and (max-width:432px) {
        .main_visual {margin-top: 64px;}
}