@charset "UTF-8";


/* shop */
.swiper-wrapper { display:flex; }
/** 250919 신규소스 */
.shop_area .shop_top{padding: 60px 0;background: var(--Gra, linear-gradient(90deg, #FEE9EF 0.86%, #F1EAFE 100%));}
.shop_area .shop_top .shop_kv_section {position: relative; display:flex; max-width:1440px; padding:0 40px; margin:0 auto;}
/** KV 좌측 영역*/
.shop_area .shop_top .shop_kv_section .kv_section_left {position:relative; display:flex; justify-content: space-between; flex-direction: column; min-width:409px; margin-right: 51px;}
.shop_area .shop_top .shop_kv_section .kv_section_left .select_box_month * { box-sizing: border-box; }
.shop_area .shop_top .shop_kv_section .kv_section_left .select_box_month { position: relative; width: auto; min-height: 40px; border-bottom:2px solid #333; background: url('../img/common/icon_arrow_fill.png') center right no-repeat; background-size: 24px; cursor: pointer; }
.shop_area .shop_top .shop_kv_section .kv_section_left .select_box_month .label { display: inline-block; align-items: center; width: 100%; height: inherit; border: 0 none; outline: 0 none; padding-right: 20px; background: transparent; cursor: pointer; font-size: 30px; font-weight: 700;text-align: left; }
.shop_area .shop_top .shop_kv_section .kv_section_left .select_box_month .optionList { position: absolute; top: 44px; right: 0; width: 120px; color: #999999; list-style-type: none; padding: 0; box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.04), 0px 2px 16px 0px rgba(0, 0, 0, 0.08); overflow: hidden; max-height: 0; transition: .3s ease-in; background-color: #1A1A1A; z-index: 10; }
.shop_area .shop_top .shop_kv_section .kv_section_left .select_box_month .optionList::-webkit-scrollbar { width: 6px; }
.shop_area .shop_top .shop_kv_section .kv_section_left .select_box_month .optionList::-webkit-scrollbar-track { background: transparent; }
.shop_area .shop_top .shop_kv_section .kv_section_left .select_box_month .optionList::-webkit-scrollbar-thumb { background: #303030; border-radius: 45px; }
.shop_area .shop_top .shop_kv_section .kv_section_left .select_box_month .optionList::-webkit-scrollbar-thumb:hover { background: #303030; }
.shop_area .shop_top .shop_kv_section .kv_section_left .select_box_month.active .optionList { max-height: 500px; }
.shop_area .shop_top .shop_kv_section .kv_section_left .select_box_month .optionItem { padding: 5px 16px; transition: .1s; text-align: center; }
.shop_area .shop_top .shop_kv_section .kv_section_left .select_box_month .optionItem:first-child { padding-top: 16px; }
.shop_area .shop_top .shop_kv_section .kv_section_left .select_box_month .optionItem:last-child { padding-bottom: 16px; border-bottom: 0 none; }
.shop_area .shop_top .shop_kv_section .kv_section_left .select_box_month .optionItem a{ color: #999999; font-size: 16px; font-weight: 500; text-align: center; line-height: 24px; }
.shop_area .shop_top .shop_kv_section .kv_section_left .select_box_month .optionItem.active a{ color: #FFFFFF; font-weight: 700; border-bottom: 2px solid #F0386C; }
.shop_area .shop_top .shop_kv_section .kv_section_left .select_box_month .optionItem:hover { color: #F0386C; }
/** 텍스트 슬라이드 */
.shop_area .shop_top .shop_kv_section .text_swiper{flex: 1; display: flex; flex-direction: column; padding-top:20px}
.shop_area .shop_top .shop_kv_section .text_swiper ul{flex: 1; display: flex; align-items: flex-end;}
.shop_area .shop_top .shop_kv_section .text_swiper .con{color: #F0386C;font-size: 16px; font-weight: 600;line-height: 20px;}
.shop_area .shop_top .shop_kv_section .text_swiper .title{color: #1A1A1A; font-size: 30px; font-weight: 400; line-height: 42px;margin-bottom: 40px;}
/** 이미지 슬라이드*/
.shop_area .shop_top .shop_kv_section .img_swiper { flex: 1; position: relative;}
.shop_area .shop_top .shop_kv_section .img_swiper .swiper-container { overflow:hidden; display: flex; width: 60vw;}
/* .shop_area .shop_top .shop_kv_section .img_swiper .swiper-slide {width:440px} */
.shop_area .shop_top .shop_kv_section .img_swiper .swiper-slide a {display:block; padding-top:66.86%;}
.shop_area .shop_top .shop_kv_section .img_swiper .swiper-slide img {position:absolute; left:0; top:0; width:100%; height:100%; object-fit: cover;}
/** 슬라이드 페이징 처리 */
.shop_area .shop_top .shop_kv_section .main_nav {width: 100%;display:flex; align-items: center; margin-top: auto;}
.shop_area .shop_top .shop_kv_section .main_nav .swiper-pagination {position:static; width:auto; color:#1a1a1a; font-size:16px; font-weight:500; margin:0 16px}
.shop_area .shop_top .shop_kv_section .main_nav .swiper-shop-prev,
.shop_area .shop_top .shop_kv_section .main_nav .swiper-shop-next {width:24px; height:24px; font-size:0; background: url('../img/common/icon_arrow.png') center no-repeat;}
.shop_area .shop_top .shop_kv_section .main_nav .swiper-shop-prev {transform:rotate(180deg)}
/** 컨텐츠 영역*/
.shop_body { max-width:1440px; padding:0 40px; margin:90px auto 0; }

/** 카테고리 뱃지 */
.category_content .category_item button{position: relative;}
.category_content .category_item .category_badge{position: absolute;top: 3px;right: 0;color: white;font-size: 15px;font-weight: 600;width: 22px;height: 22px;border-radius: 22px;display: none;align-items: center;justify-content: center;line-height: 1;padding: 0 4px;box-sizing: border-box;z-index: 10;}
.category_content .category_item .category_badge.show{display: flex;}
.category_content .category_item .category_badge.odd{background: #6C1CF5;}
.category_content .category_item .category_badge.even{background: #F0386C;}


.shop_body .tip {color:#666; font-size:20px; font-weight:400; text-align: center;}
/** 검색영역*/
.shop_filter_section{margin:30px auto 0px auto;}
.shop_filter_section .search_container {display: flex;flex-direction: column;align-items: center;width: 100%;}
.shop_filter_section .search_input_wrap{display: flex;align-items: center;margin-bottom: 34px;gap: 16px;}
.shop_filter_section .search_input_wrap .location_btn{margin-left: 8px;display: flex;align-items: center;justify-content: center;width: 56px;height: 56px;background-color: #1A1A1A;border-radius: 50%;border: none;cursor: pointer;flex-shrink: 0;transition: background-color 0.2s ease;}
.shop_filter_section .search_input_wrap .location_btn img{width: 30px;height: 30px;}
.shop_filter_section .search_input_wrap .location_btn .icon_on{display: none;}
.shop_filter_section .search_input_wrap .location_btn.active .icon_off{display: none;}
.shop_filter_section .search_input_wrap .location_btn.active .icon_on{display: block;}
.shop_filter_section .search_input_wrap .search_input_area{display: flex;align-items: center;width: 670px;border: #1A1A1A solid 1px; border-radius: 50px;padding: 0 20px 0 32px;}
.shop_filter_section .search_input_wrap .filter_btn{padding: 14px 0; font-size: 18px;line-height: 28px;font-weight: 600;display: inline-flex;align-items: center;flex-shrink: 0;}
.shop_filter_section .search_input_wrap .filter_btn span{background-color: #1A1A1A;color: #FFFFFF;border-radius: 50%;display: inline-flex;align-items: center;justify-content: center;width: 28px;height: 28px;padding: 8px;line-height: 1;font-size: 15px;font-weight: 600;margin-left: 6px;text-align: center;aspect-ratio: 1/1;}
.shop_filter_section .search_input_wrap .search_input_contents {width: 100%;display: flex !important;flex-direction: row;}
.shop_filter_section .search_input_wrap .search_input_area .filter_divide{display: flex;flex-direction: column;align-items: center;gap: 4px;margin: 0 20px 0 23px;flex-shrink: 0;}
.shop_filter_section .search_input_wrap .search_input_area .filter_divide .dot{width: 3px;height: 3px;background: black;border-radius: 100%;}
.shop_filter_section .search_input_wrap .search_input_area .input_container{display: flex;align-items: center;flex: 1;position: relative;}
.shop_filter_section .search_input_wrap .search_input_area .input_container input{flex: 1;border: none;outline: none;background: transparent;padding: 14px 14px 14px 0;font-size: 16px;min-height: 28px;font-weight: 500}

.shop_filter_section .search_input_wrap .search_icon{height:56px; color:#fff; font-size:18px; font-weight: 600; padding:0 28px; margin-left:6px; background:#1A1A1A; border-radius:50px;}

.shop_filter_section .category_wrap{width: 100%;}
.shop_filter_section .category_wrap .category_content{display: flex;align-items: flex-start; gap: 20px;justify-content: center;}
.shop_filter_section .category_wrap .category_content li button{display: block; width:94px; text-align: center; font-size: 16px;font-weight: 500;line-height: 20px;  color: #4D4D4D; cursor: pointer; border: none; background: none;}
.shop_filter_section .category_wrap .category_content li button:focus {outline:none}
.shop_filter_section .category_wrap .category_content li.active button{color: #F0386C; font-weight: 600;}
.shop_filter_section .category_wrap .category_content li button {position: relative;}
.shop_filter_section .category_wrap .category_content li button img {display: block;width: 94px;margin-bottom: 18px;transition: all 0.3s ease;position: relative;z-index: 2;}
.shop_filter_section .category_wrap .category_content li.active button::before {content: '';position: absolute;top: -7px;left: 50%;transform: translateX(-50%);width: 102px;height: 102px;background: #FFFFFF;border-radius: 50%;z-index: 1;}
.shop_filter_section .category_wrap .category_content li:nth-child(odd).active button{color: #6C1CF5}
.shop_filter_section .category_wrap .category_content li:nth-child(even).active button{color: #F0386C}
.shop_filter_section .category_wrap .category_content li:nth-child(odd).active button::before {border: 3px solid #6C1CF5;}
.shop_filter_section .category_wrap .category_content li:nth-child(even).active button::before {border: 3px solid #F0386C;}
.shop_filter_section .sub_category_wrap{width: 100%;min-height: 60px;margin-top: 20px;margin-bottom: 20px;background: transparent;}

.shop_filter_section .sub_category_wrap .sub_tab {position: relative; padding:10px 30px;}
.shop_filter_section .sub_category_wrap .sub_tab:first-child {padding-right:90px;}
.shop_filter_section .sub_category_wrap.odd-category .sub_tab{background: #F7F2FE;}
.shop_filter_section .sub_category_wrap.even-category .sub_tab{background: #FEF4F7;}
.sub_tab { display: none; padding: 0 0 0 0; background-color: white; }
.shop_filter_section .sub_tab{display: none;min-height: 60px;justify-content: center;align-items: center;}
.shop_filter_section .sub_tab.active{display: flex;}
.shop_filter_section .sub_tab .tab_btn_wrap{display: flex;gap: 10px;flex-wrap: wrap;justify-content: center;align-items: center;}
.shop_filter_section .sub_tab .tab_btn_wrap button{padding: 8px 16px; font-size: 16px; font-weight: 400;color: #333333; border: none;background: transparent;cursor: pointer;border-radius: 6px;position: relative;line-height: 20px;display: flex;align-items: center;}
.shop_filter_section .sub_tab .tab_btn_wrap button:before{content: '';position: absolute;left: -8px;top: 8px;bottom: 0;width: 16px;height: 16px;background:url('../img/common/Icon_Check.png')no-repeat center;background-size: 16px 16px;}
.shop_filter_section .sub_tab .tab_btn_wrap button:focus {outline:none}
.shop_filter_section .sub_category_wrap.odd-category .sub_tab .tab_btn_wrap button.on:focus {outline:none}

.shop_filter_section .sub_tab .tab_detail_area {position:absolute; top:12px; right:14px;}
.shop_filter_section .sub_tab .tab_detail_area .btn_detail {display:flex; align-items: center; justify-content: center; height:36px; color:#fff; font-size: 14px; padding:0 12px; background-color: #6C1CF5;}
.shop_filter_section .sub_tab .tab_detail_area .popup_detail {display:none; z-index:10; position:absolute; right:calc(100% + 4px); top:0; width:500px; padding:32px 36px; border:2px solid #6C1CF5; filter: drop-shadow(2px 4px 10px rgba(0, 0, 0, 0.15)); background-color: #fff;}
.shop_filter_section .sub_tab .tab_detail_area .popup_detail dl dt {margin-top:24px;}
.shop_filter_section .sub_tab .tab_detail_area .popup_detail dl dt:first-child {margin-top:0;}
.shop_filter_section .sub_tab .tab_detail_area .popup_detail dl dt {color:#6C1CF5; font-size:18px; font-weight: 700; line-height: 24px;}
.shop_filter_section .sub_tab .tab_detail_area .popup_detail dl dd {color:#333; font-size:16px; font-weight: 400; line-height: 22px; letter-spacing: -0.02em; margin-top:4px;}
.shop_filter_section .sub_tab .tab_detail_area .popup_detail .btn_close {position:absolute; top:12px; right:12px; display:block; width:18px; height:18px; font-size:0;}
.shop_filter_section .sub_tab .tab_detail_area .popup_detail .btn_close::before,
.shop_filter_section .sub_tab .tab_detail_area .popup_detail .btn_close::after {content:''; display:block; position:absolute; top:50%; left:0; transform-origin: center; width:100%; height:2px; background: #1A1A1A;}
.shop_filter_section .sub_tab .tab_detail_area .popup_detail .btn_close::before {transform: rotate(45deg); }
.shop_filter_section .sub_tab .tab_detail_area .popup_detail .btn_close::after {transform: rotate(-45deg); }

.shop_filter_section .sub_category_wrap.odd-category .sub_tab .tab_btn_wrap button.on{color: #6C1CF5;font-weight: 600;isolation: isolate;}
.shop_filter_section .sub_category_wrap.odd-category .sub_tab .tab_btn_wrap button.on:before{background: url('../img/common/Icon_Check_puple.png') no-repeat center;background-size: 16px 16px;z-index: 1;}
.shop_filter_section .sub_category_wrap.even-category .sub_tab .tab_btn_wrap button.on{color: #F0386C;font-weight: 600;isolation: isolate;}
.shop_filter_section .sub_category_wrap.even-category .sub_tab .tab_btn_wrap button.on:before{background: url('../img/common/Icon_Check_pink.png') no-repeat center;background-size: 16px 16px;z-index: 1;}
.shop_filter_section .sub_category_wrap .sub_tab .tab_btn_wrap button.on::after{content: '';position: absolute;left: -8px;bottom: 5px;width: calc(90% + 8px);height: 40%;background: #fff;pointer-events: none;z-index: -1;}
.sub_tab .tab_btn_wrap { display: flex; gap: 20px; flex-wrap: wrap; }

.shop_body .shop_item_section .prod_list{padding: 0 0;}
.shop_body .shop_item_section .prod_list .prod_item{width: calc(100% / 4 - 15px);}
.shop_body .shop_item_section .prod_list .prod_item .txt_wrap{margin-top: 12px;margin-bottom: 50px;}
.shop_body .shop_item_section .prod_list .prod_item .txt_wrap .seller_name{font-size: 14px; line-height: 20px;color:#F0386C;font-weight: 500;margin-bottom: 0;}
.shop_body .shop_item_section .prod_list .prod_item .txt_wrap .prod_name{font-size: 18px; line-height: 24px;color:#1A1A1A;font-weight: 500;margin-bottom: 0;}
.shop_body .shop_item_section .prod_list .prod_item .txt_wrap .benefit{font-size: 14px; line-height: 18px;color:#808080;font-weight: 400;margin-bottom: 0;}

.shop_body .shop_item_section  .btn.btn_more { display: block; }
.shop_body .shop_item_section .btn.btn_more { position:relative; display:block;font-size:0;margin: 0; background: url('../img/common/icon_shop_more.png') center no-repeat;width: 28px;height: 28px;}
.shop_body .shop_item_section .btn.btn_all {font-size: 22px;font-weight: 600;line-height: 28px;color:#FFFFFF;background-color: #333333;padding: 20px 97.5px;}
.shop_body .shop_item_section .btn.on { display:block; }

.shop_body .shop_item_section .btn_area {display: flex;justify-content: center;align-items: center;gap: 16px;}

.shop_body .shop_item_section .btn_area:has(.btn_more:not([style*="display: none"])):has(.btn_more:not([style*="display:none"]))::before,
.shop_body .shop_item_section .btn_area:has(.btn_more:not([style*="display: none"])):has(.btn_more:not([style*="display:none"]))::after {content: '';flex: 1;height: 2px;background-color: #F5F5F5;}

/** No data*/
.shop_body .no_data .inner{margin: 0 0; border: #E5E5E5 dotted 1px;text-align: center;border-radius: 0;width: 100%;padding: 146px 0;}

/* company popup */
.company_popup.layer_popup .layer_cont { padding: 0 0 60px; }

.company_popup .company_info {display: flex; position: relative; }

/*border-bottom:1px solid #ebebeb; */
.company_popup .company_info .img_wrap { width: 600px; min-height: 360px;overflow: hidden; background-size: cover; background-repeat: no-repeat; background-position: center; }

.company_popup .company_info .txt_wrap { width: calc(100% - 600px);box-sizing: border-box; display: flex; flex-direction: column; justify-content: flex-start; align-items: flex-start; }
.company_popup .company_info .txt_wrap .txt { height: 100%;display: block; width: 100%; position: relative; padding: 60px 50px 0; background-color: #1A1A1A;}
.company_popup .company_info .txt_wrap .txt .name { color: #FFFFFF; font-size: 30px; font-weight: 700;line-height: 42px;margin-bottom: 16px; word-break: break-word; word-wrap: break-word; max-width: 500px; }
.company_popup .company_info .txt_wrap .txt .info { color: #E5E5E5; font-size: 16px; font-weight: 400;line-height: 28px;word-wrap: break-word;}
.company_popup .company_info  .btn_box { display: flex; flex-wrap: wrap; background-color: #000000; width: 100%;padding: 16px 50px;gap: 57px;}
.company_popup .company_info  .btn_box .btn_box_contents{display: flex;gap: 57px;}
.company_popup .company_info  .btn_box .btn_view {height: auto;background-color: transparent;position: relative;display: block; text-align: left; line-height: 24px; color: #FFFFFF; font-size: 16px; font-weight: 700;border-radius: 99px;padding: 0 0;}
.company_popup .company_info  .btn_box .btn_view:hover { background-color: #F0386C; color: #fff; }
.company_popup .company_info  .btn_box .btn_view::after { top: 40%; transform: rotate(45deg) translateY(-50%); border-top: 3px solid #fff; border-right: 3px solid #fff;right: -13px;}
.company_popup .company_info  .btn_box .copy_btn { display: flex; align-items: center; gap: 8px; position: absolute; right: 68px; top: 23px; border-radius: 20px; padding: 3px 15px 3px 15px; border: 1px solid #666666; color: #FFFFFF;font-size: 12px; line-height:26px;font-weight: 500;overflow: hidden; }
.company_popup .company_info  .btn_box .copy_btn img{width: 12px;height: 12px;}

.company_popup .company_info .btn_box.all-hidden {padding: 0; height: 0; overflow: hidden;}

.layer_popup .btn_close {width: 18px;height: 18px;}
.layer_popup .btn_close:before, .layer_popup .btn_close:after {background: #FFFFFF;height: 2px;}
.layer_popup .layer_cont{border-radius: 0;}
.company_popup .company_info .txt_wrap .btn_box .btn_view:last-of-type { margin-right: 0; }

.company_popup .company_product { padding: 52px 60px 66px; }
.company_popup .company_product::before { content: ''; display: block; width: 100%; height: 0; background: #ebebeb; } /*디자인에서 사라짐*/
.company_popup .company_product h3 { text-align: start; font-size: 30px;font-weight: 700;line-height: 42px;}
.company_popup .company_product .prod_list { margin-top: 16px; display: block; padding: 0 0;}

.company_popup .company_product .prod_list > li+li { margin-top: 60px; }

.company_popup .company_product .prod_item { width: 100%; display: flex; gap: 0 60px; }

.company_popup .company_product .prod_item .img_wrap { width: 480px; height: 320px; border-radius: 0; display: block; flex-shrink: 0;padding-top: 0; }
.company_popup .company_product .prod_item .coupon_wrap { position: absolute; top: 0; right: 0; }
.company_popup .company_product .prod_item .etc_button_wrap{margin-top: 8px;display: flex; gap: 8px;}
.company_popup .company_product .prod_item .etc_button_wrap .coupon { font-size: 16px; line-height: 24px;font-weight:700;color: #FFFFFF;background: #333333;padding: 10px 16px; display: flex; align-items: center; gap: 6px; }

/* 251022 기존오류 수정 */
.company_popup .company_product .prod_item .etc_button_wrap.hidden {display:block !important; }
.company_popup .company_product .prod_item .etc_button_wrap.online .guide_book_on {display: none;}
.company_popup .company_product .prod_item .etc_button_wrap.hidden .coupon:last-child { display: none; }

.company_popup .company_product .prod_item .txt_wrap { flex-grow: 1; margin: 0; }
.company_popup .company_product .prod_item .txt_wrap .tag_wrap.none > span, .company_popup .company_product .prod_item .txt_wrap .tag_wrap.online > .tag_off, .company_popup .company_product .prod_item .txt_wrap .tag_wrap.offline > .tag_on { display: none; }
.company_popup .company_product .prod_item .txt_wrap .tag { font-size: 14px;font-weight: 700;line-height: 20px;background: #333; color: #fff; height: 26px; display: inline-block;padding: 3px 15px;}
.company_popup .company_product .prod_item .txt_wrap .tag_wrap { display: flex; }
.company_popup .company_product .prod_item .txt_wrap .tag.tag_on { background: #F0386C; }
.company_popup .company_product .prod_item .txt_wrap .tag.tag_off { background: #6C1CF5; }
.company_popup .company_product .prod_item .txt_wrap .prod_name { max-height: none; font-size: 25px; color: #1A1A1A; font-weight: 500;line-height: 32px; margin-top: 12px; }
.company_popup .company_product .prod_item .txt_wrap .benefit {margin-top: 4px; color: #333; margin-bottom: 30px; font-size: 15px; line-height: 1.5}

.company_popup .company_product .prod_item .txt_wrap dl { display: flex; border: 1px solid #333333; border-width: 1px 0; padding: 15px 0; }

.company_popup .company_product .prod_item .txt_wrap dl + dl { border-top: 0; }

.company_popup .company_product .prod_item .txt_wrap dl dt { flex-basis: 160px;font-size: 16px; font-weight: 700;line-height: 24px;flex-shrink: 0; }

.company_popup .company_product .prod_item .txt_wrap dl dd { position: relative; flex-grow: 1; font-size: 16px;font-weight: 400;line-height: 24px; color: #333333; }

.company_popup .company_product .prod_item .txt_wrap dl dd.benefit_detail { display: flex; }

.company_popup .company_product .prod_item .txt_wrap dl dd.benefit_detail .benefit_detail_wrap { flex-grow: 1; }

.company_popup .company_product .prod_item .txt_wrap dl dd ul + .offline { margin-top: 4px; }

.company_popup .company_product .prod_item .txt_wrap dl dd ul li { display: flex; gap: 0 10px; /* height:30px; */
 line-height: 1.5; align-items: flex-start; padding: 4px 0; word-break: break-all; }

.company_popup .company_product .prod_item .txt_wrap dl dd ul li::before { content: ''; display: block; flex-shrink: 0; width: 5px; height: 5px; border-radius: 50%; margin: 10px 10px; background: #333; }

.company_popup .company_product .prod_item .txt_wrap dl dd ul.online li::before { background: #f0386c; }

.company_popup .company_product .prod_item .txt_wrap dl dd ul.online li:first-child, .company_popup .company_product .prod_item .txt_wrap dl dd ul.offline li:first-child { padding: 0; }

.company_popup .company_product .prod_item .txt_wrap dl dd ul.online li:first-child::before, .company_popup .company_product .prod_item .txt_wrap dl dd ul.offline li:first-child::before { width: 27px; height: 27px; background-size: 25px; background-color: transparent; margin: 0; background-repeat: no-repeat; background-position: center; }

.company_popup .company_product .prod_item .txt_wrap dl dd ul.online li:first-child::before { background-image: url('../img/common/Icon_benefit_online.png'); }

.company_popup .company_product .prod_item .txt_wrap dl dd ul.offline li:first-child::before { background-image: url('../img/common/Icon_benefit_offline.png'); }

.company_popup .company_product .prod_item .txt_wrap dl dd ul li + li { display: none; }

.company_popup .company_product .prod_item .txt_wrap dl dd.open li+li { display: flex; }

.company_popup .company_product .prod_item .txt_wrap dl dd button.benefit_btn_more { flex-shrink: 0; height: 100%; display: block; top: 0; right: 0; width: 38px; border-left: 1px solid #ebebeb; justify-content: flex-start; position: relative; }

.company_popup .company_product .prod_item .txt_wrap dl dd button.benefit_btn_more::before { content: 'open'; font-size: 0; background-image: url('../static/img/icon_arrow_open.png'); background-size: 16px auto; background-repeat: no-repeat; background-position: center; position: absolute; top: 0; width: 100%; height: 26px; display: block; }

.company_popup .company_product .prod_item .txt_wrap dl dd.open button.benefit_btn_more::before { content: 'close'; transform: rotate(-180deg); }

.company_popup .company_product .prod_list li a[href="javascript:; "] { cursor: unset}

/*.company_popup .company_product .prod_list li:nth-child(5) a { margin-right: 0; } */

.company_popup .company_store { background-color: #f7f7f7; padding: 60px; }

.company_popup .company_store h3 { text-align: center; font-size: 30px;font-weight: 700;line-height: 32px;}

.company_popup .company_store h3 + p { text-align: center; margin-top: 12px; font-size: 16px;font-weight: 400;line-height: 24px;}

.company_popup .company_store .btn_area { padding: 12px 0;display: flex; justify-content: center; width: 100%; align-items: center; gap: 0; background-color: #333333;}

.company_popup .company_store .btn_area a {display: none; text-align: center;width: 100%; border-radius: 0;font-size: 18px;font-weight: 500;outline-width: 28px;color: #FFFFFF;}

.company_popup .company_store .select_box { display: block; width: 634px; margin: 25px auto 0; }

.company_popup .company_store .store_list { border-top: 1px solid #333333; margin-top: 30px; margin-bottom: 16px;}

.company_popup .company_store .store_list .store_info { border-top: 1px solid #333333;border-bottom: 1px solid #333333; font-size: 16px; /* line-height: 60px; */
 display: flex; align-items: flex-start; padding: 16px 0; position: relative}

.company_popup .company_store .store_list li a.shop_title::after { content: ''; width: 40px; height: 40px; position: absolute;
 right: 0; top: 50%; transform: translateY(-50%); border-radius: 50%; background-image: url('../static/img/sub/ico_pop_up_arrow.svg'); background-size: contain; background-repeat: no-repeat; background-position: center; transition: all .5s; }
.company_popup .company_store .store_list li:not(:first-child) {margin-top: 16px;}
.company_popup .company_store .store_list li a.on::after { transform: translateY(-50%) rotate(180deg); }

.company_popup .company_store .store_list .title {
 display: flex; align-items: center; width: 92px;font-size: 16px;font-weight: 700;line-height: 24px;color: #333333; }

.company_popup .company_store .store_list .title::after { content: ''; display: block; width: 5px; height: 5px; background-color: #f0386c; border-radius: 50%; margin: 0 16px; }

.company_popup .company_store .store_list .txt_box {width: calc(100% - 92px); font-weight: 400;font-size: 16px;line-height: 24px;color: #333333; }

.company_popup .company_store .store_list .txt_box span { display: block; }

.company_popup .company_store .store_list .txt_box span.tel::before { content: 'T. '}

.company_popup .popup_info { font-size: 16px; font-weight: 400;line-height: 24px; text-align: center; color: #808080; margin-top: 60px; }

.company_popup .btn_close_bottom { margin-top: 20px; }
.layer_popup .btn_close_bottom {width: auto;height: auto;border-radius: 0;font-weight: 500;font-size: 18px;line-height: 28px;color: #FFFFFF;padding: 12px 76.5px;}
.map_container .real_map {height: 400px;}

/** 쿠폰 팝업*/
.layer_popup2 .btn_close {width: 24px;height: 16px;}
.layer_popup2 .layer_outer:not(:first-child) {margin-top: 10px;}
.layer_popup2 .layer_cont {border-radius: 0 0 24px 24px;font-weight: 700;font-size: 22px;line-height: 28px;padding: 24px;}
.layer_popup2 .layer_cont .tit_txt {margin-bottom: 20px;}
.layer_popup2 .layer_outer .bottom_btnwrap {border-radius:24px 24px 0 0;padding: 24px;}
.layer_popup2 .layer_outer .bottom_btnwrap p {color: #666666; font-size: 16px;font-weight: 400;line-height: 22px;}
.layer_popup2 .btn_download {margin-top: 12px;border-radius: 0;font-size: 18px;line-height: 28px;color: #FFFFFF;font-weight: 700;}

/** 지도 */
.map_container {display: none;}
.map_container .real_map{height: 500px;max-width: 1080px;width: 100%;}
.pin_nation .pin_txt b{font-size: 14px;display: block;font-weight: 500;margin-bottom: 4px;}
.pin_nation .pin_txt em{font-size: 12px;color: #676767;}
.pin_nation {position: relative;padding:10px;background-color: #fff;}
.pin_nation a.close_btn{position: absolute;top: 5px;right: 5px;}
.popup-bubble {position: absolute;top: 0;left: 0;transform: translate(-50%, -100%);background-color: white;border-radius: 5px;font-family: sans-serif;overflow-y: auto;max-height: 100px;box-shadow: 0px 2px 10px 1px rgba(0, 0, 0, 0.5);padding: 8px 27px 8px 7px;border-radius: 8px;top: -45px;}
.popup-bubble-anchor {position: absolute;width: 100%;bottom: 8px;left: 0;}
.popup-container {cursor: auto;height: 0;position: absolute;width: 200px;}


@media(max-width:1280px){
  .shop_area .shop_top .shop_kv_section .kv_section_left {min-width:300px;}
  .shop_area .shop_top .shop_kv_section .text_swiper .title {font-size:24px; line-height:30px;}
}

@media(max-width:960px){
 /** KV 영역*/
 .shop_area .shop_top{padding: 0 0;}
 .shop_area .shop_top .shop_kv_section{max-width: 960px;padding: 108px 0 0 0;flex-direction: column-reverse;}

 .shop_area .shop_top .shop_kv_section .kv_section_left{position: static;min-width: 0;align-items: center;margin-right: 0;height: auto;}
 .shop_area .shop_top .shop_kv_section .kv_section_left .select_box_month {position: absolute;top: 40px;}
 .shop_area .shop_top .shop_kv_section .img_swiper{margin-top: 0px;margin-bottom: 16px;}
 .shop_area .shop_top .shop_kv_section .img_swiper .swiper-container{width: 100%;}
 .shop_area .shop_top .shop_kv_section .img_swiper .swiper-slide {width:90%}
 /* .shop_area .shop_top .shop_kv_section .img_swiper .swiper-slide {width: 304px; height: 203px;} */
 .shop_area .shop_top .shop_kv_section .text_swiper {width: 100%;padding: 0 5%;min-height: 88px; padding-top:0;}
 .shop_area .shop_top .shop_kv_section .text_swiper ul {align-items: flex-start;}
 .shop_area .shop_top .shop_kv_section .text_swiper .con {font-size: 14px;line-height: 16px;}
 .shop_area .shop_top .shop_kv_section .text_swiper .title {font-size: 18px;line-height: 25px; margin-bottom: 0;}
 .shop_area .shop_top .shop_kv_section .main_nav {padding: 16px 20px;border-top: rgba(26, 26, 26, 0.06) solid 1px; justify-content: space-between;}


 /** 바디 -  필터검색 영역*/
 .shop_body{max-width: 960px;padding: 0 0; margin-top:26px;} /** 중간에 카테고리때문에 패딩은 섹션에 먹이려고 0으로 설정*/
 .shop_filter_section{margin: 0 auto;}
 .shop_filter_section .search_input_wrap {width: 100%;padding: 0 20px; gap: 0;flex-direction: column;align-items: flex-start;margin-bottom: 0;}
 .shop_filter_section .search_input_wrap .search_input_contents {margin-top:8px;}
 .shop_filter_section .search_input_wrap .search_input_area {width: 100%; height:40px; padding: 0 12px 0 16px; margin-right: 4px;}

 .shop_filter_section .search_input_wrap .filter_btn_box {display: flex !important; align-items: center; width:100%;}
 .shop_filter_section .search_input_wrap .filter_btn_box .tip {font-size:10px; text-align: left; margin-left:6px;}
 .shop_filter_section .search_input_wrap .filter_btn {padding: 0 0; font-size: 13px;line-height: 21px;font-weight: 600;margin-left: 10px;}
 .shop_filter_section .search_input_wrap .filter_btn span {width: 21px;height: 21px;font-size: 13px;}

 .shop_filter_section .search_input_wrap .search_input_area .input_container {width:100%;}
 .shop_filter_section .search_input_wrap .search_input_area .input_container input {width: 100%;padding:7px 0 8px 0;font-size: 12px;line-height: 25px;}
 .shop_filter_section .search_input_wrap .search_icon {height:40px; font-size:15px; margin-left:4px;}
 .shop_filter_section .search_input_wrap .location_btn {height:40px; width:40px; margin-left:4px;}
 .shop_filter_section .search_input_wrap .location_btn img {width:19px; height:19px;}

 /** 카테고리 영역*/
 .shop_filter_section .category_wrap .category_content {justify-content: flex-start; gap: 16px; overflow-x: auto; overflow-y: hidden; -webkit-overflow-scrolling: touch; scrollbar-width: none; -ms-overflow-style: none;}
 .shop_filter_section .category_wrap .category_content::-webkit-scrollbar {display: none;}
 .shop_filter_section .category_wrap .category_content .category_item {/*flex-shrink: 0;*/margin-top: 16px}
 .shop_filter_section .category_wrap .category_content .category_item:first-child{margin-left: 16px;}
 .shop_filter_section .category_wrap .category_content .category_item:last-child{margin-right: 16px;}
 .shop_filter_section .category_wrap .category_content li button {width:66px; font-size: 12px;line-height: 16px;font-weight: 500;}
 .shop_filter_section .category_wrap .category_content li button img {width: 66px;margin-bottom: 10px;}
 .shop_filter_section .category_wrap .category_content li.active button::before {width: 74px;height: 74px;}
 .shop_filter_section .sub_category_wrap {min-height: 0;padding: 0 20px;}
 .shop_filter_section .sub_category_wrap .sub_tab:first-child {padding-right:16px;}
 .shop_filter_section .sub_tab .tab_btn_wrap {gap: 5px 23px; flex-wrap: wrap; justify-content: flex-start;}
 .shop_filter_section .sub_tab .tab_btn_wrap button {padding: 6px 6px;}
 .shop_filter_section .sub_tab .tab_btn_wrap button:before {left: -12px;}
 .shop_filter_section .sub_tab.active {display:block; align-items: center;justify-content: flex-start;padding: 10px 16px 16px 32px;}
 .shop_filter_section .sub_tab .tab_btn_wrap button {font-size: 14px;line-height: 21px;}
 .category_content .category_item .category_badge {font-size: 13px;line-height: 22px;top: -3px;right: -3px;}

.shop_filter_section .sub_tab .tab_detail_area {position: static; margin-top:10px}
.shop_filter_section .sub_tab .tab_detail_area .btn_detail {width:calc(100% + 16px); font-size:12px; margin-left:-16px}
.shop_filter_section .sub_tab .tab_detail_area .popup_detail {position:fixed; left:20px; right:20px; top:50%; transform: translateY(-50%); width:auto; padding:24px;}

.shop_filter_section .sub_tab .tab_detail_area .popup_detail dl dt {font-size: 15px; margin-top:16px}
.shop_filter_section .sub_tab .tab_detail_area .popup_detail dl dd {font-size: 14px;}





 /** 리스트 내역*/
 .shop_body .shop_item_section .prod_list{max-width: 960px;padding:0 20px;margin-bottom: 6px;}
 .shop_body .shop_item_section .prod_list .prod_item {width: calc(100% / 2 - 6px);}
 .shop_body .shop_item_section .prod_list .prod_item .txt_wrap {margin-top: 6px;margin-bottom: 24px;}
 .shop_body .shop_item_section .prod_list .prod_item .txt_wrap .seller_name {font-size: 12px;line-height: 16px;}
 .shop_body .shop_item_section .prod_list .prod_item .txt_wrap .prod_name {font-size: 15px;line-height: 21px;}
 .shop_body .shop_item_section .prod_list .prod_item .txt_wrap .benefit {font-size: 12px;line-height: 16px;margin-top: 5px;}
 .img_wrap .tag span {width: 50px;height:27px;left: 6px;}
 .img_wrap .tag span:nth-child(2) {left: 51px;}
 .shop_body .shop_item_section .btn.btn_more {width: 20px;height: 20px;}
 .shop_body .shop_item_section .btn_area {gap: 10px;}
 .shop_body .shop_item_section .btn.btn_all {font-size: 18px;line-height: 25px;padding: 15px 69px;}
 .sub_banner {margin: 60px 0 0;}

 /** 팝업관련 */
 /** 팝업상단*/
 .company_popup .company_info {flex-direction: column-reverse;}
 .company_popup .company_info .img_wrap {width: auto;height: 60.06vw;}
 .company_popup .company_info .txt_wrap {width: 100%;height: auto;}
 .company_popup .company_info .txt_wrap .txt{padding: 50px 20px 20px;}
 .company_popup .company_info .txt_wrap .txt .name {font-size: 22px;line-height: 28px;font-weight: 700;margin-bottom: 10px;}
 .company_popup .company_info .txt_wrap .txt .info {font-size: 14px;line-height: 25px;font-weight: 400;}
 .company_popup .company_info .txt_wrap .btn_box .copy_btn {top: 8px;right: 44px;font-size: 13px;line-height: 26px;font-weight: 500;}
 .company_popup .company_info .txt_wrap .btn_box {position: absolute;background-color: transparent}
 .company_popup .company_info .btn_box {display: flex !important;padding: 16px 20px;}
 .company_popup .company_info .btn_box {gap: 10px 37px;}

 .company_popup .company_info .btn_box .btn_view {font-size: 16px; line-height: 21px;font-weight: 700;}

 /** 팝업 바디*/
 .company_popup .company_product {padding: 30px 20px 40px;}
 .company_popup .company_product h3 {font-size: 22px;line-height: 28px;font-weight: 700;}
 .company_popup .company_product .prod_list {margin-top:12px;margin-bottom: 0;}
 .company_popup .company_product .prod_item {flex-direction: column;}
 .company_popup .company_product .prod_item .img_wrap {width: auto;height: 66.66vw;}
 .company_popup .company_product .prod_item .txt_wrap {margin-top: 4px;}
 .company_popup .company_product .prod_item .txt_wrap .tag {font-size: 12px;line-height: 20px;font-weight: 700;padding: 3px 11px;}
 .company_popup .company_product .prod_item .txt_wrap .prod_name {margin-top: 6px;font-size: 18px;line-height: 25px;font-weight: 500;}
 .company_popup .company_product .prod_item .txt_wrap .benefit {font-size: 13px;line-height: 21px;font-weight: 500;margin-top: 0;margin-bottom: 15px;}
 .company_popup .company_product .prod_item .txt_wrap dl {padding: 11px 0;}
 .company_popup .company_product .prod_item .txt_wrap dl dt {font-size:14px;line-height: 21px;font-weight: 700;flex-basis: 90px;}
 .company_popup .company_product .prod_item .txt_wrap dl dd {font-size: 14px;line-height: 21px;font-weight: 400;}
 .company_popup .company_product .prod_item .txt_wrap dl dd ul li {font-size: 14px;line-height: 21px;font-weight: 400;align-items:center;}
 .company_popup .company_product .prod_item .etc_button_wrap .coupon {padding: 12px 17px 12px 19px; line-height: 18px; text-align: left;}
 .company_popup .company_product .prod_list > li+li {margin-top: 40px;}

 /** 팝업 바텀 */
 .company_popup .company_store {padding:30px 20px;}
 .company_popup .company_store h3 {font-size:22px;line-height: 28px;font-weight: 700;}
 .company_popup .company_store h3 + p {margin-top: 5px;font-size: 14px;line-height: 21px;font-weight: 400;}
 .company_popup .company_store .store_list {margin-top: 20px;margin-bottom: 12px;}
 .company_popup .company_store .store_list .store_info {padding: 12px 0;flex-direction: column;}
 .company_popup .company_store .store_list .title {font-size: 14px;line-height: 21px;font-weight: 700;}
 .company_popup .company_store .store_list .title::after {width: 0;height: 0;}
 .company_popup .company_store .store_list .txt_box {font-size: 14px;line-height: 21px;font-weight: 400;}
 .map_container .real_map {height: 548px;}
 .company_popup .company_store .store_list li:not(:first-child) {margin-top: 12px;}
 .company_popup .company_store .btn_area a {font-size: 15px;line-height: 25px;font-weight: 500;padding:0 0;display: flex;align-items: center;justify-content: center;}

 .company_popup .popup_info {margin-top: 28px;font-size: 14px;line-height: 21px;font-weight: 400;}
 .layer_popup .btn_close_bottom {margin-top: 12px;font-size: 15px;line-height: 25px;font-weight: 500;padding: 12px 60.5px;}
 .company_popup.layer_popup .layer_cont {padding-bottom: 40px;}

 /** 쿠폰 css*/
 .layer_popup2 .layer_outer {max-width: 320px;}
 .layer_popup2 .btn_close {width: 16px; height: 16px;top: 20px;right: 20px;}
 .layer_popup2 .layer_cont {padding: 20px;}
 .layer_popup2 .layer_cont .tit_txt {font-size: 18px;line-height: 25px;margin-bottom: 16px;}
 .layer_popup2 .couponimg_wrap {max-width: 280px;}
 .layer_popup2 .layer_outer .bottom_btnwrap {padding: 20px;}
 .layer_popup2 .layer_outer .bottom_btnwrap p {font-size: 14px;line-height: 18px;}
 .layer_popup2 .btn_download {font-size: 15px;line-height: 25px;}
 }