html,body {font-family:'Pretendard', sans-serif;}
#wrap {
    width:100%;
    min-width:1920px; /*  */
    margin:0 auto;
    
}
#wrap main {background:#F6F6F4}
/* 1.광고배너 */
#wrap main .ad_wrap {
    width:100%;
    height:100vh;
    position:relative;
    overflow:hidden;
}

#wrap main .ad_wrap,
#wrap main .ad_wrap .swiper#adSwiper,
#wrap main .ad_wrap .swiper#adSwiper .swiper-wrapper {
    height:100vh;
}

#wrap main .ad_wrap .swiper {}
#wrap main .ad_wrap .swiper#adSwiper {
    position:relative;
}

#wrap main .ad_wrap .swiper#adSwiper .swiper-wrapper {
    position:relative;
}

#wrap main .ad_wrap .swiper#adSwiper .swiper-wrapper .swiper-slide {
    position:relative;
    width:100%;
    height:100vh;
    background-size:cover;
    background-position:center;
    background-repeat:no-repeat;
}

#wrap main .ad_wrap .swiper#adSwiper .swiper-wrapper .swiper-slide.slide1 {
    background-image:url(../images/hd_slide001.jpg);
}

#wrap main .ad_wrap .swiper#adSwiper .swiper-wrapper .swiper-slide.slide2 {
    background-image:url(../images/hd_slide002.jpg);
}
#wrap main .ad_wrap .swiper#adSwiper .swiper-wrapper .swiper-slide.slide3 {
    background-image:url(../images/hd_slide003.jpg);
}
#wrap main .ad_wrap .swiper#adSwiper .swiper-wrapper .swiper-slide .ad_txt {
    position:absolute;
    left:227px;
    bottom:272px;
    display:flex;
    align-items:flex-start;
    gap:32px;
}

#wrap main .ad_wrap .swiper#adSwiper .ad_line {
    width:195px;
    height:1px;
    background:#000;
    position:absolute;
    left:0; bottom:390px;
    z-index:900;
}

#wrap main .ad_wrap .swiper#adSwiper .swiper-wrapper .swiper-slide .ad_txt .txt_area {
    
}

#wrap main .ad_wrap .swiper#adSwiper .swiper-wrapper .swiper-slide .ad_txt .txt_area h2 {
    font-size:2.188rem;
    font-weight:600;
    margin-bottom:17px;
}

#wrap main .ad_wrap .swiper#adSwiper .swiper-wrapper .swiper-slide .ad_txt .txt_area p {
    font-size:1.375rem;
    font-weight:300;
    line-height:180%;
}

#wrap main .ad_wrap .swiper#adSwiper .btn_counter {
    position:absolute;
    bottom:196px;
    left:227px;
    z-index:10;
    display:flex;
    align-items:center;
    gap:10px;
    color:#000;
}

#wrap main .ad_wrap .swiper#adSwiper .btn_counter img {
    vertical-align:middle;
}

#wrap main .ad_wrap .swiper#adSwiper .btn_counter .prev_btn {}
#wrap main .ad_wrap .swiper#adSwiper .btn_counter .prev_btn img {}

#wrap main .ad_wrap .swiper#adSwiper .btn_counter .current_pg {
    font-weight:600;
    font-size:1.125rem;
}

#wrap main .ad_wrap .swiper#adSwiper .btn_counter .divider {
    width:1px;
    height:13px;
    background:#000;
}

#wrap main .ad_wrap .swiper#adSwiper .btn_counter .total-pg {
    font-weight:300;
    font-size:1.125rem;
}

#wrap main .ad_wrap .swiper#adSwiper .btn_counter .next_btn {}
#wrap main .ad_wrap .swiper#adSwiper .btn_counter .next_btn img {}
/* 2.비전배너 */
main .vision_wrap {
    background:url(../images/vision_bnr.jpg);
    height:315px;
    position:relative;
    text-align:center;
    border-bottom:1px solid #DEDEDE;
}
main .vision_wrap .vision_txt {
    position:absolute;
    top:128.5px;
    right:285px;
}
main .vision_wrap .vision_txt h2 {
    font-size:1.375rem;
    font-weight:500;
    margin-bottom:21px;
}
main .vision_wrap .vision_txt p {
    font-size:0.813rem;
    font-weight:300;
    margin-bottom:27px;
    line-height:1.7;
    
}
main .vision_wrap .vision_txt span {
    font-family:'Oooh Baby',cursive;
    letter-spacing:-0.2;
    font-size:0.938rem;
    color:#9A9A9A;
}
/* 3.best */
main .best_wrap {
    margin:187px auto 191px ;
    width:1280px;
}
main .best_wrap .best_header {
    display:flex;
    justify-content:space-between;
    align-items:end;
    margin-bottom:29px;
}
main .best_wrap .best_header h2 {
    font-family:'MaruBuri',sans-serif;
    font-weight:600;
    font-size:1.875rem;
}
main .best_wrap .best_header .more_btn {
    display:flex;
    align-items:center;
    gap:6px;
    font-size:0.875rem;
}
main .best_wrap .best_header .more_btn span {}
main .best_wrap .best_header .more_btn span img {
    height:300px;
}
main .best_wrap .best_list {
    display:flex;
    gap:27px;
}
main .best_wrap .best_list .best_card {
    
}
main .best_wrap .best_list .best_card a {
    display:block;
    overflow:hidden;
}
main .best_wrap .best_list .best_card a .best_img_wrap {
    position:relative;
    overflow:hidden;
}
main .best_wrap .best_list .best_card a .best_img_wrap::after {
    content:"";
    position:absolute;
    top:0; left:0;
    width:100%; height:100%;
    background:#fff;
    opacity:0;
    transition:opacity 0.3s;
    z-index:2;
}
main .best_wrap .best_list .best_card a .best_img_wrap:hover::after {
    opacity:0.5;
}
main .best_wrap .best_list .best_card a .best_img_wrap img {
    display:block;
}
main .best_wrap .best_list .best_card a .best_img_wrap:hover .best_icon {
    position:absolute;
    top:50%;
    left:50%;
    transform:translate(-50%, -50%);
    display:flex;
    gap:25px;
    z-index:5;
}
main .best_wrap .best_list .best_card a .best_img_wrap .best_icon {
    display:none;
    position:absolute;
    top:50%;
    left:50%;
    transform:translate(-50%, -50%);
    z-index:5;
}
main .best_wrap .best_list .best_card a .best_img_wrap .best_icon a {}
main .best_wrap .best_list .best_card a .best_img_wrap .best_icon a img {}
main .best_wrap .best_list .best_card a .best_txt {
    margin-top:25px;
}
main .best_wrap .best_list .best_card a .best_txt .product_name {
    margin-bottom:14px;
}
main .best_wrap .best_list .best_card a .best_txt .product_price * {
    font-weight:600;
    font-size:1.063rem;
}
main .best_wrap .best_list .best_card a .best_txt .product_price .discount {
    color:#FF0000;
}
main .best_wrap .best_list .best_card a .best_txt .product_price .price {
}
/* 4.신제품광고배너 */
main .newbnr_wrap {
    background:url(../images/new_bnr.jpg);
    height:300px;
    width:1920px;
    position:relative;
}
main .newbnr_wrap a {
    display:block;
    width:100%;
    height:100%;
}
main .newbnr_wrap a .newbnr_txt {
    position:absolute;
    top:60px; left:311px;
    display:flex;
    flex-direction:column;
    align-items:flex-start;
}
main .newbnr_wrap a .newbnr_txt h2 {
    font-weight:600;
    font-size:1.563rem;
    line-height:1.5;
}
main .newbnr_wrap a .newbnr_txt h3 {
    font-weight:600;
    font-size:1.75rem;
    line-height:1.5;
}
main .newbnr_wrap a .newbnr_txt p {
    margin-top:11px;
    margin-bottom:28px;
}
main .newbnr_wrap a .newbnr_txt span {
    display:block;
    background:#fff;
    padding:8px 15px;
    border-radius:50px;
    font-size:0.875rem;
    line-height:1.5;
    margin-left:-10px;
}
/* 5.sale */
main .sale_wrap {
    display:flex;
    justify-content:flex-start;
    width:1281px;
    margin:177px auto 122px;
    position:relative;
}
main .sale_wrap .sale_left {
    width:115px;
    margin-right:92px;
}
main .sale_wrap .sale_left h2 {
    font-family:'MaruBuri',sans-serif;
    font-size:1.875rem;
    font-weight:600;
    margin-bottom:58px;
}
main .sale_wrap .sale_left .sale_select {
    display:flex;
    flex-direction:column;
    gap:30px;
}
main .sale_wrap .sale_left .sale_select button {
    font-size:1.25rem;
    font-weight:400;
    color:#000;
    position:relative;
    width:max-content;
    z-index:1;
}
main .sale_wrap .sale_left .sale_select button:hover {
    font-weight:600;
    font-size:1.375rem;
}
main .sale_wrap .sale_left .sale_select button::after {
    content:"";
    position:absolute; bottom:0; left:0;
    width:100%; height:14px;
    background:rgba(255, 242, 197, 1);
    z-index:-1;
    transform:translateY(2px);
    display:none;
    opacity:0;
}
main .sale_wrap .sale_left .sale_select button:hover::after {
    display:block;
    opacity:1;
}
main .sale_wrap .swiper_wrap {
    position:relative;
    width:calc(100% - 115px - 92px);
    z-index:1;
}
main .sale_wrap .swiper_wrap .sale_btn_wrap {
    position:absolute;
    top:-40px;
    right:0;
    display:flex;
    gap:30px;
    z-index:1000;
}
main .sale_wrap .swiper_wrap .sale_btn_wrap .sale_prev {}
main .sale_wrap .swiper_wrap .sale_btn_wrap .sale_next {}
main .sale_wrap .swiper_wrap .sale_btn_wrap .sale_prev,
main .sale_wrap .swiper_wrap .sale_btn_wrap .sale_next {
    width:10px; height:18px;
    display:flex;
    z-index:100;
    gap:15px;
}
main .sale_wrap .swiper_wrap .sale_btn_wrap .sale_prev img {}
main .sale_wrap .swiper_wrap .sale_btn_wrap .sale_next img {}
main .sale_wrap .swiper#saleSwiper {
    position:relative;
}
main .sale_wrap .swiper#saleSwiper .swiper-wrapper {
    display:flex;
}
main .sale_wrap .swiper#saleSwiper .swiper-slide {}
main .sale_wrap .swiper#saleSwiper .swiper-slide.sale_card {
}
main .sale_wrap .swiper#saleSwiper .swiper-slide.sale_card:last-child {
    margin-right:0px;
}
main .sale_wrap .swiper#saleSwiper .swiper-slide.sale_card a {}
main .sale_wrap .swiper#saleSwiper .swiper-slide.sale_card a .sale_img_wrap {
    position:relative;
    overflow:hidden;
}
main .sale_wrap .swiper#saleSwiper .swiper-slide.sale_card a .sale_img_wrap img {
    display:block;
    width:100%;
}
main .sale_wrap .swiper#saleSwiper .swiper-slide.sale_card a .sale_img_wrap::after {
    content:"";
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background:#fff;
    opacity:0;
    z-index:2;
    transition:0.3s;
}
main .sale_wrap .swiper#saleSwiper .swiper-slide.sale_card a .sale_img_wrap:hover::after {
    opacity:0.5;
}
main .sale_wrap .swiper#saleSwiper .swiper-slide.sale_card a .sale_img_wrap .sale_icon {
    display:none;
    position:absolute;
    left:50%;
    top:50%;
    transform:translate(-50%, -50%);
    z-index:5;
    gap:20px;
}
main .sale_wrap .swiper#saleSwiper .swiper-slide.sale_card a .sale_img_wrap:hover .sale_icon {
    display:flex;
}
main .sale_wrap .swiper#saleSwiper .swiper-slide.sale_card a .sale_txt {
    margin-top:25px;
    text-align:center;
}
main .sale_wrap .swiper#saleSwiper .swiper-slide.sale_card a .sale_txt .product_name {
    margin-bottom:14px;
    line-height:1.5;
}
main .sale_wrap .swiper#saleSwiper .swiper-slide.sale_card a .sale_txt .product_price {}
main .sale_wrap .swiper#saleSwiper .swiper-slide.sale_card a .sale_txt .product_price .discount {
    font-size:1.063rem;
    font-weight:600;
    color:#f00;
    margin-right:13px;
}
main .sale_wrap .swiper#saleSwiper .swiper-slide.sale_card a .sale_txt .product_price .price {
    font-size:1.063rem;
    font-weight:600;
}
/* 6. 오퍼 배너 */
main .service_wrap {
    display:flex;
    justify-content:space-between;
    height:577px;
    margin-bottom:28px;
}
main .service_wrap .offer_wrap {}
main .service_wrap .offer_wrap a {}
main .service_wrap .offer_wrap a img {}
main .service_wrap .offer_wrap a .offer_txt {
    margin-top:28px;
    display:flex;
    justify-content:space-between;
    align-items:center; 
    width:620px;
}
main .service_wrap .offer_wrap:nth-child(1) a .offer_txt {margin-left:auto;}
main .service_wrap .offer_wrap:nth-child(2) a .offer_txt {margin-right:auto;}
main .service_wrap .offer_wrap a .offer_txt .offer_left {}
main .service_wrap .offer_wrap a .offer_txt .offer_left h2 {
    margin-bottom:14px;
    font-weight:500;
    font-size:1.375rem;
}
main .service_wrap .offer_wrap a .offer_txt .offer_left p {
    font-weight:300;
    font-size:0.875rem;
    line-height:1.7;
}
main .service_wrap .offer_wrap a .offer_txt .more_btn {}
main .service_wrap .offer_wrap a .offer_txt .more_btn img {}
/* 7.비디오 카테고리 */
main .video_wrap {
    display:flex;
    width:1280px;
    margin:164px auto 136px;
}
main .video_wrap .tab_layout {
    display:flex;
    justify-content:space-between;
    margin:0 auto;
}
main .video_wrap .tab_layout #videoLeftSwiper {
    width:730px;
    height:620px;
    object-fit:cover;
    display:block;
}
main .video_wrap .tab_layout #videoLeftSwiper .swiper-wrapper {}
main .video_wrap .tab_layout #videoLeftSwiper .swiper-wrapper .swiper-slide {}
main .video_wrap .tab_layout #videoLeftSwiper .swiper-wrapper .swiper-slide.tab_video {}
main .video_wrap .tab_layout #videoLeftSwiper .swiper-wrapper .swiper-slide.tab_video video {
    width:100%;
    height:100%;
    object-fit:cover;
    display:block;
}
main .video_wrap .tab_layout .tap_right {
    margin-left:41px;
    width:509px;
}
main .video_wrap .tab_layout .tap_right .tab_contents {}
main .video_wrap .tab_layout .tap_right .tab_contents .tab_top {
    display:flex;
    justify-content:space-between;
}
main .video_wrap .tab_layout .tap_right .tab_contents .tab_top .tab_menu {
    display:flex;
    gap:15px;
    margin-bottom:38px;
}
main .video_wrap .tab_layout .tap_right .tab_contents .tab_top .tab_menu .tab {}
main .video_wrap .tab_layout .tap_right .tab_contents .tab_top .tab_menu .tab button {
    font-size:1.25rem;
    font-weight:500;
    border:none;
    background:none;
    padding-bottom:5px;
    border-bottom:5px solid transparent;
    transition:border-bottom-color 0.3s;
}
main .video_wrap .tab_layout .tap_right .tab_contents .tab_top .tab_menu .tab button:hover,
main .video_wrap .tab_layout .tap_right .tab_contents .tab_top .tab_menu .tab button.active {
    border-bottom:5px solid #FFE551;
}
main .video_wrap .tab_layout .tap_right .tab_contents .tab_top .tab_menu .tab button:hover::after {
    
}
main .video_wrap .tab_layout .tap_right .tab_contents .tab_top .tab_menu .tab.active {}
main .video_wrap .tab_layout .tap_right .tab_contents .tab_top .tab_menu .tab.active button {}
main .video_wrap .tab_layout .tap_right .tab_contents .tab_top .tab_arrow {
}
main .video_wrap .tab_layout .tap_right .tab_contents .tab_top .tab_arrow .tab_prev {
    margin-right:30px;
}
main .video_wrap .tab_layout .tap_right .tab_contents .tab_top .tab_arrow .tab_next {}
main .video_wrap .tab_layout .tap_right .tab_contents #videoSwiper {}
main .video_wrap .tab_layout .tap_right .tab_contents #videoSwiper .swiper-wrapper {}
main .video_wrap .tab_layout .tap_right .tab_contents #videoSwiper .swiper-wrapper .swiper-slide {}
main .video_wrap .tab_layout .tap_right .tab_contents #videoSwiper .swiper-wrapper .swiper-slide.tab_area {
    display:flex;
    flex-direction:column;
}
main .video_wrap .tab_layout .tap_right .tab_contents #videoSwiper .swiper-wrapper .swiper-slide.tab_area .tab_go_wrap {
    position:relative;
}
main .video_wrap .tab_layout .tap_right .tab_contents #videoSwiper .swiper-wrapper .swiper-slide.tab_area .tab_go_wrap .img_wrap {
}
main .video_wrap .tab_layout .tap_right .tab_contents #videoSwiper .swiper-wrapper .swiper-slide.tab_area .tab_go_wrap .img_wrap img {
}
main .video_wrap .tab_layout .tap_right .tab_contents #videoSwiper .swiper-wrapper .swiper-slide.tab_area .tab_go_wrap .tab_go_txt {
    position:absolute;
    left:27px;
    bottom:20px;
    width:100%;
}
main .video_wrap .tab_layout .tap_right .tab_contents #videoSwiper .swiper-wrapper .swiper-slide.tab_area .tab_go_wrap .tab_go_txt .tab_go {
    display:flex;
    gap:11px;
    align-items:center;
}
main .video_wrap .tab_layout .tap_right .tab_contents #videoSwiper .swiper-wrapper .swiper-slide.tab_area .tab_go_wrap .tab_go_txt .tab_go h2 {
    font-size:1.875rem;
    font-weight:500;
    margin-bottom:13px;
}
main .video_wrap .tab_layout .tap_right .tab_contents #videoSwiper .swiper-wrapper .swiper-slide.tab_area .tab_go_wrap .tab_go_txt .tab_go img {
    display:block;
    height:18px;
    margin-top:-10px;
}
main .video_wrap .tab_layout .tap_right .tab_contents #videoSwiper .swiper-wrapper .swiper-slide.tab_area .tab_go_wrap p {
    font-size:0.875rem;
}
main .video_wrap .tab_layout .tap_right .tab_contents #videoSwiper .swiper-wrapper .swiper-slide.tab_area .tab_cards {
    display:flex;
    gap:16px;
    margin-top:24px;
}
main .video_wrap .tab_layout .tap_right .tab_contents #videoSwiper .swiper-wrapper .swiper-slide.tab_area .tab_cards .tab_product {
}
main .video_wrap .tab_layout .tap_right .tab_contents #videoSwiper .swiper-wrapper .swiper-slide.tab_area .tab_cards .tab_product.double_card {
    width:calc(50% - 8px);
    box-sizing:border-box;
}
main .video_wrap .tab_layout .tap_right .tab_contents #videoSwiper .swiper-wrapper .swiper-slide.tab_area .tab_cards .tab_product.double_card a {
    
}
main .video_wrap .tab_layout .tap_right .tab_contents #videoSwiper .swiper-wrapper .swiper-slide.tab_area .tab_cards .tab_product.double_card .img_wrap {}
main .video_wrap .tab_layout .tap_right .tab_contents #videoSwiper .swiper-wrapper .swiper-slide.tab_area .tab_cards .tab_product.double_card .img_wrap img {
    width:100%;
    display:block;
    height:auto;
    margin-bottom:9px;
}
main .video_wrap .tab_layout .tap_right .tab_contents #videoSwiper .swiper-wrapper .swiper-slide.tab_area .tab_cards .tab_product.double_card .tab_txt {
}
main .video_wrap .tab_layout .tap_right .tab_contents #videoSwiper .swiper-wrapper .swiper-slide.tab_area .tab_cards .tab_product.double_card .tab_txt .product_name {
    margin-bottom:9px;
    font-weight:500;
    font-size:0.875rem;
}
main .video_wrap .tab_layout .tap_right .tab_contents #videoSwiper .swiper-wrapper .swiper-slide.tab_area .tab_cards .tab_product.double_card .tab_txt .product_price {
    font-size:1.125rem;
}
main .video_wrap .tab_layout .tap_right .tab_contents #videoSwiper .swiper-wrapper .swiper-slide.tab_area .tab_cards .tab_product.double_card .tab_txt .product_price .discount {
    margin-right:13px;
    font-weight:700;
    color:#f00;
}
main .video_wrap .tab_layout .tap_right .tab_contents #videoSwiper .swiper-wrapper .swiper-slide.tab_area .tab_cards .tab_product.double_card .tab_txt .product_price .price {
    font-weight:500;
}
/* 8. 레시피 배너 */
main .recipe_wrap {
    background:url(../images/recipe_bnr.jpg);
    height:300px;
    position:relative;
    margin:0 auto;
}
main .recipe_wrap a {
    display: block;
    width: 100%;
    height: 100%;
}
main .recipe_wrap a .recipe_txt {
    position:absolute;
    top:67px;
    left:320px;
}
main .recipe_wrap a .recipe_txt h2 {
    font-size:2.063rem;
    font-weight:500;
    margin-bottom:19px;
}
main .recipe_wrap a .recipe_txt h3 {
    font-size:1.375rem;
    font-weight:300;
    margin-bottom:41px;
}
main .recipe_wrap a .recipe_txt p {
    font-size:1.125rem;
    font-weight:300;
    background:#222E60;
    border-radius:50px;
    padding:10px 20px;
    color:#fff;
    width:154px;
}
/* 9. 리뷰 */
main .review_wrap {
    width:1280px;
    height:577px;
    margin:218.75px 320px 204.25px 320px;
}
main .review_wrap h2 {
    font-family:'MaruBuri',sans-serif;
    font-weight:600;
    font-size:1.875rem;
    margin-bottom:22px;
}
main .review_wrap .swiper {
    width:100%;
    margin:0 auto;
    position:relative;
}
main .review_wrap .swiper#reviewSwiper {
}
main .review_wrap .swiper#reviewSwiper .swiper-wrapper {}
main .review_wrap .swiper#reviewSwiper .swiper-wrapper .swiper-slide {
    display:flex;
    justify-content:space-between;
}
main .review_wrap .swiper#reviewSwiper .swiper-wrapper .swiper-slide .review_card {
    display:flex;
    flex-flow:column;
    width:300px;
    height:430px;
    background:#fff;
    padding:43px 18.5px 21px;
    border-radius:10px;
    margin-bottom:73px;
}
main .review_wrap .swiper#reviewSwiper .swiper-wrapper .swiper-slide .review_card img {}
main .review_wrap .swiper#reviewSwiper .swiper-wrapper .swiper-slide .review_card .review_product {
    display:flex;
    margin-bottom:30px;
    gap:11px
}
main .review_wrap .swiper#reviewSwiper .swiper-wrapper .swiper-slide .review_card .review_product .review_txt {
}
main .review_wrap .swiper#reviewSwiper .swiper-wrapper .swiper-slide .review_card .review_product .review_txt h3 {
    margin-bottom:26.3px;
    font-size:0.938rem;
}
main .review_wrap .swiper#reviewSwiper .swiper-wrapper .swiper-slide .review_card .review_product .review_txt .price {
    font-weight:600;
    font-size:1.125rem;
}
main .review_wrap .swiper#reviewSwiper .swiper-wrapper .swiper-slide .review_card .review_box {
    background:#eee;
    margin-bottom:21.5px;
    padding:18.5px;
    border-radius:10px;
}
main .review_wrap .swiper#reviewSwiper .swiper-wrapper .swiper-slide .review_card .review_box .star {
    font-weight:300;
    font-size:1rem;
    margin-bottom:8px;
    color:#2F4A8D;
}
main .review_wrap .swiper#reviewSwiper .swiper-wrapper .swiper-slide .review_card .review_box p {
    font-size:0.813rem;
    line-height:1.2;
}
main .review_wrap .swiper#reviewSwiper .swiper-pagination-bullet {
    width:12px; height:12px;
    border-radius:100px;
}
main .review_wrap .swiper#reviewSwiper .swiper-pagination-bullet-active {
    background:#777;
    width:28px;
    height:12px;
}
/* 10. 카페 홍보 배너 */
main .cafe_wrap {
    background:url(../images/cafe_bnr.jpg);
    height:450px;
    position:relative;
}
main .cafe_wrap a {
    display:block;
    width:100%;
    height:100%;
}
main .cafe_wrap .cafe_bnr {
    position:absolute;
    top:153px;
    left:322px;
    display:flex;
    gap:79px;
}
main .cafe_wrap .cafe_bnr .cafe_name {
    font-family: "Playfair Display", serif;
    font-size:2.25rem;
    margin-top:-12px;
}
main .cafe_wrap .cafe_bnr .cafe_txt {
    font-weight:300;
}
main .cafe_wrap .cafe_bnr .cafe_txt .address {
    margin-bottom:36px;
}
main .cafe_wrap .cafe_bnr .cafe_txt .content {
    line-height:1.75;
}

.popup_bg {
    position:fixed; left:0; top:0;
    z-index:50;
    background-color:rgba(0,0,0,0.6);
    height:100vh; width:100%;
    display:none;
}
.popup_bg .popup {
    position: absolute;
    left:50%;
    top:50%;
    z-index:51;
    width:700px;
    height:80vh;
    transform: translate(-50%, -50%);
    overflow:auto; 
}
.popup_bg .close-btn {
    position:absolute;
    top:10px; right:10px;
    font-size:24px;
    background:transparent;
    border:none;
    cursor:pointer;
}