/**
  builder.css
  미리알림 레이어 관련 css
 */

/* 미식선물(구.톡별맛집) 디자인 개편 추가 시작 */
/* 2024-10-10 삭제 시작 */
/* .ir_pm { display: block; overflow: hidden; font-size: 1px; line-height: 0; color: transparent; } */
/* .ir_wa { display: block; overflow: hidden; position: relative; z-index: -1; width: 100%; height: 100%; } */
/* .screen_out { overflow: hidden; position: absolute; width: 0; height: 0; line-height: 0; text-indent: -9999px; } */
/* // 2024-10-10 삭제 끝 */

.pc .p_talkstar { width: 640px; margin: 0 auto; }
.p_talkstar .img_g { display: block; width: 100%; }
/* 미식선물(구.톡별맛집) 디자인 개편 추가 끝*/

/* 미식선물(구.톡별맛집) 디자인 개편 - 20220106 추가 시작 */
/* 상품 기본 */
.gapcmp_product .ico_talkstar { display: block; overflow: hidden; font-size: 1px; line-height: 0; color: transparent; background: url(https://gift-s.kakaocdn.net/dn/gift/images/promotion/220103_talkstar/ico_talkstar_230913.png) 0 0 no-repeat; background-size: 200px 100px; }
/* 2023-09-13 수정 */
.gapcmp_product { padding: 27px 0 20px 0; background-color: #FFFFFF; }
/* 2023-09-13 수정 */
.gapcmp_product .tit_product { display: block; display: -webkit-box; overflow: hidden; max-height: 84px; margin: 28px 20px 10px 20px; font-weight: 700; font-size: 22px; line-height: 28px; color: #222; text-overflow: ellipsis; -webkit-line-clamp: 3; -webkit-box-orient: vertical; word-break: break-all; }
.gapcmp_product .tit_product:first-child { margin-top: 0; }
.gapcmp_product .link_detail { display: block; }
.gapcmp_product .list_product { padding: 0 20px; box-sizing: border-box; }
.gapcmp_product .list_product li { overflow: hidden; border-radius: 12px; background: #fff; -moz-shadow: 0 4px 8px 1px rgba(0, 0, 0, 0.07); -webkit-box-shadow: 0 4px 8px 1px rgba(0, 0, 0, 0.07); box-shadow: 0 4px 8px 1px rgba(0, 0, 0, 0.07); }
.gapcmp_product .list_product li + li { margin-top: 20px; }
.gapcmp_product .wrap_thumb { position: relative; }
.gapcmp_product .wrap_info { padding: 13px 15px 12px 15px; box-sizing: border-box; }
.gapcmp_product .tit_info { display: block; overflow: hidden; max-height: 14.933vw; font-weight: 700; font-size: 5.8vw; line-height: 7.467vw; color: #222; }
/* 2023-09-15 수정 */
.gapcmp_product .txt_brand { display: block; overflow: hidden; padding-top: 13px; font-size: 15px; line-height: 20px; color: #aaa; text-overflow: ellipsis; white-space: nowrap; }
.gapcmp_product .txt_name { display: block; overflow: hidden; padding-top: 4px; font-weight: 500; font-size: 16px; line-height: 20px; color: #222; text-overflow: ellipsis; white-space: nowrap; }
.gapcmp_product .txt_price { padding-top: 4px; font-size: 0; }
.gapcmp_product .num_price { display: inline-block; vertical-align: top; }
.gapcmp_product .prd_price { display: inline-block; font-weight: normal; font-size: 16px; line-height: 20px; color: #f6432f; }
.gapcmp_product .num_sale { display: inline-block; padding-right: 4px; font-size: 16px; line-height: 20px; color: #222; vertical-align: top; }
.gapcmp_product .num_origin { display: inline-block; padding-left: 4px; font-size: 15px; line-height: 20px; color: #aaa; text-decoration: line-through; vertical-align: top; }
/* 상품 알림 */
.gapcmp_product .tit_product.tit_point { color: #222; }
/* 2023-09-13 수정 */
.gapcmp_product .info_product { position: absolute; left: 0; right: 0; bottom: 0; z-index: 10; padding: 0 15px 10px; box-sizing: border-box; }
.gapcmp_product .info_product:before { position: absolute; left: 0; bottom: 0; right: 0; z-index: -1; padding-bottom: 32.53%; background: url(https://gift-s.kakaocdn.net/dn/gift/images/promotion/220103_talkstar/bg_shadow.png) 0 0 no-repeat; background-size: 100% auto; content: ""; }
.gapcmp_product .info_product .txt_brand { padding-top: 0; color: #fff; }
.gapcmp_product .info_product .txt_name { padding-top: 5px; font-size: 18px; color: #fff; }
.gapcmp_product .desc_info { display: block; overflow: hidden; max-height: 11.111vw; padding-top: 4px; font-size: 4.2vw; line-height: 5.556vw; color: #222; }
/* 2023-09-14 수정 */
.gapcmp_product .info_wait { display: block; padding-top: 9px; font-size: 15px; line-height: 20px; color: #f3af00; }
/* 2023-09-13 수정 */
.gapcmp_product .emph_g { font-weight: bold; }
.gapcmp_product .ico_open { position: absolute; top: 12px; right: 12px; width: 60px; height: 60px; background-position: 0 0; }
/* 2023-09-13 수정 */
/* 2023-09-14 추가 시작 */
@media screen and (max-width: 320px) {
  .gapcmp_product .desc_info { font-size: 4.1vw; } /* 2023-09-15 수정 */
}
/* 2023-09-15 추가 시작 */
@media screen and (max-width: 430px) {
  .gapcmp_product .tit_info { font-size: 5.39vw; }
  .gapcmp_product .desc_info { font-size: 4vw; letter-spacing: -0.02em; }
}
/* //2023-09-15 추가 끝 */
@media screen and (min-width: 640px) {
  .gapcmp_product .tit_info { max-height: 56px; font-size: 22px; line-height: 28px; } /* 2023-09-15 추가 */
  .gapcmp_product .desc_info { max-height: 40px; font-size: 15px; line-height: 20px; }
}
/* //2023-09-14 추가 끝 */
/* 상품 품절 */
/* 2024-07-04 삭제 시작 */
/* .gapcmp_product .item_soldout .wrap_thumb:after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-color: rgba(0, 0, 0, 0.5); content: ""; }
.gapcmp_product .item_soldout .ico_soldout { position: absolute; left: 50%; top: 50%; z-index: 20; width: 80px; height: 80px; background-position: -65px 0; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } */
/* // 2024-07-04 삭제 끝 */
.gapcmp_product .cmp_coverbadge .circle_badge{width:85px;height:85px;font-size:17px;line-height:17px;letter-spacing:-0.015em}/* 2024-07-04 추가 */
/* 2023-09-13 수정 */
/* 버튼 */
.gapcmp_product .wrap_btn { padding: 2px 15px 15px; box-sizing: border-box; }
.gapcmp_product .btn_notice,
.gapcmp_product .btn_alarm,
.gapcmp_product .btn_go { display: block; width: 100%; height: 50px; border-radius: 6px; font-weight: 700; font-size: 15px; line-height: 50px; color: #000; background-color: #fee700; }
/* 2023-09-13 수정 */
.gapcmp_product .btn_alarm { color: #fff; background: #bbb; }
/* 2023-09-13 수정 시작 */
.gapcmp_product .ico_alarm { display: inline-block; width: 20px; height: 20px; margin: 13px 5px 0 0; background-position: -175px 0; vertical-align: top; }
.gapcmp_product .btn_notice .ico_alarm { background-position: -150px 0; }
/* 2023-09-13 추가 */
.gapcmp_product .ico_go { display: inline-block; width: 6px; height: 10px; margin: 19px 0 0 9px; vertical-align: top; background-position: -150px -25px; }
/* //2023-09-13 수정 끝 */
/* 오픈 알림 이미지 */
.gapcmp_product .alerm_guide { overflow: hidden; margin: 20px 20px 0; border-radius: 12px; box-shadow: 0 2px 8px 1px rgba(0, 0, 0, 0.1); }
/* 미식선물(구.톡별맛집) 디자인 개편 - 20220106 추가 끝 */

.pc .wrap_list #kakaoContent{width:auto}
.navi_content{width: auto !important;}
.wrapper_cate .slick-slide{width: auto !important;}
.module_tab .link_tab:focus{outline: 0;}
.module_story p{margin:14px 0 !important;}
.module_story img{max-width: 100%}

/* 향기선물 버튼 */
.gapcmp_product .wrap_btn{padding:2px 15px 15px;box-sizing:border-box}
.gapcmp_product .btn_scent_apply,
.gapcmp_product .btn_scent_apply_complete{display:block;width:100%;height:50px;border-radius:6px;font-weight:700;font-size:15px;line-height:50px;color:#fff;background-color:#FF5C24}
.gapcmp_product .btn_scent_apply_complete{background:#bbb}

/* 추석미리알림 */
.event-thanksgiving_openNoti .gapcmp_product .btn_scent_apply,
.event-thanksgiving_openNoti .gapcmp_product .btn_scent_apply_complete{display:block;width:100%;height:50px;border-radius:6px;font-weight:700;font-size:15px;line-height:50px;color:#fff;background-color:#c2a26e}
.event-thanksgiving_openNoti .gapcmp_product .btn_scent_apply_complete{background:#bbb}
.event-thanksgiving_openNoti .gapcmp_product{padding:27px 0 20px 0;background-color:#2b2f3a}
.event-thanksgiving_openNoti .gapcmp_product .tit_product.tit_point{color:#ffffff}


/**
  common_o2.css
 */
/*IE 대응*/
html {-ms-overflow-y: auto;}
body{-ms-overflow-y: auto;-ms-overflow-x: hidden;}
.thumb_g{display:block;width:100%}
/* 모바일에서 확인 팝업  */
.pc .only_in_app_dimmed_layer{position:fixed;left:0;right:0;top:0;bottom:0;z-index:10000;background-color:rgba(0,0,0,0.3);display: block;}
.only_in_app_layer{position:fixed;left:50%;top:50%;z-index:10001;width:80%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%)}
.only_in_app_layer .inner_layer{position:relative}
.only_in_app_layer .btn_agree{overflow:hidden;position:absolute;left:0;bottom:0;width:100%;height:14.5%;font-size:1px;line-height:0;color:transparent}
.only_in_app_layer .link_close{position:absolute;right:0;top:0;width:15%;padding-bottom:15%;font-size:1px;line-height:0;color:transparent}
.pc .only_in_app_layer{width:512px}

#kakaoPromotion{position:relative; }
.pc .promotion_comp{width: 1280px;margin:0 auto}

.wrap_tit .btn_close{float:left;margin-left:-10px;padding:10px}
.gift_error{overflow:hidden;height:100%;margin:80px 0;padding:0 20px;text-align:center;white-space:nowrap}

/* 2021-01-13 추가 ('모바일에서 만나요' 팝업) */
.p_mind .wrap_comm_layer{position:fixed;left:50%;top:50%;z-index:9999;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%)}
.wrap_comm_layer .btn_comm{position: inherit;}

/* 2021-01-21 추가 (GNB scroll-lock 대응) */
#kakaoHead{width:100%;text-align:center;left:0;margin-left:0;}
.k_head{display:inline-block;width:100%;}
#kakaoContent .dimmed_layer{top:0;z-index:9999;}

/*.wrap_tit .link_search 스타일 삭제 필요*/
.wrap_tit .link_search{float:left;padding:10px 2px}

/*태블릿, 모바일 스타일 분기*/
.only_mobile .k_head{max-width:640px;}


/**
  new_main_o2.css
 */
@media only screen and (-webkit-device-pixel-ratio: 3) and (device-height: 812px) and (device-width: 375px), only screen and (-webkit-device-pixel-ratio: 3) and (device-height: 896px) and (device-width: 414px), only screen and (-webkit-device-pixel-ratio: 2) and (device-height: 896px) and (device-width: 414px) {
    .share_btn .layer_share2 .inner_share_layer {padding-bottom: calc(env(safe-area-inset-bottom) + 20px); }
}

/* mobile.css에 동일한 선택자가 있으므로 주석처리 */
/* 2025-03-15 공통 디자인 변경으로 인하여 mobile.css에 동일한 선택자가 제거되어 다시 추가*/
.cmp_coverbadge .circle_badge{display:flex;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center;overflow:hidden;position:absolute;left:50%;top:50%;width:65px;height:65px;border-radius:50%;font-weight:bold;font-size:12px;line-height:12px;letter-spacing:-0.021em;background-color:rgba(0, 0, 0, 0.5);color:rgba(255, 255, 255, 0.9);text-align:center;white-space:pre-wrap;-webkit-transform:translate(-50%, -50%);word-break:break-all;transform:translate(-50%, -50%)}
/* 2022-03-16-v2 수정 */
/* 2022-03-16 수정 */
/* 2022-05-03 추가 시작 */
/*.cmp_coverbadge.bg_blind{background-color:#b4b4b9}*/
/*.cmp_coverbadge .minor_badge{position:absolute;top:50%;width:100%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}*/
/*.cmp_coverbadge .minor_badge .ico_minor{width:32px;height:32px;margin:0 auto;background-position:-75px -260px}*/
/*.cmp_coverbadge .minor_badge .txt_minor{display:block;margin-top:4px;font-size:11px;line-height:16px;font-weight:bold;text-align:center;color:#fff}*/
/* pc.css에 동일한 선택자가 있으므로 주석처리 */
/*.cmp_coverbadge.type_pc .minor_badge .ico_minor{width:56px;height:56px;margin:0 auto;background-position:0 -200px}*/
/*.cmp_coverbadge.type_pc .minor_badge .txt_minor{margin-top:8px;font-size:16px;line-height:24px}*/
/* // 2022-05-03 추가 끝 */

/* pc.css에 동일한 선택자가 있으므로 주석처리 */
/*[class*="prdlist_pccol4"] .cmp_prd .review_info .ico_star, [class*="prdlist_pccol4"] .cmp_prd .util_info .ico_wsh, [class*="prdlist_pccol4"] .cmp_prd .util_info .ico_cart, .pc .cmp_errbox .cnt_err .ico_noti, .pc .slide_slctopt .btn_del .ico_del, .pc .box_slctopt .btn_ref .ico_ref, .cmp_coverbadge.type_pc .minor_badge .ico_minor{background-image:url(https://gift-s.kakaocdn.net/dn/gift/images/m640/ico_pcgift3_220503.png);background-size:110px 260px}*/



/**
 가정의달 2022 1차
 */
.pc .familymonth2022_pre .promotion_comp { width: 1100px; }
.pc .familymonth2022_pre .layer_notice .btn_notice { width: 15%; }

/**
 builder.css
 */
.pc::-webkit-scrollbar{display:none}
/*.pc .p_wrap { width: auto !important;}*/

/* 공통 팝업 시작 */
.comm_layer *, .share_comm_layer *, .snack_layer *, .scroll_layer *, .comm_evtlayer *, .comm_flickinglayer *, .comm_evtlayer *, .comm_flickinglayer *, .comm_flicking_pagination *, .comm_pagination *, .comm_tooltip *, .comm_pointtooltip *, .comm_dropdown * {font-size:14px;line-height:1.5;font-family:AppleSDGothicNeo-Regular,'Malgun Gothic','맑은 고딕',dotum,'돋움',sans-serif}/* 2020-12-29 추가 */
/* 아이콘 */
.ico_comm_module{display:block;overflow:hidden;font-size:1px;line-height:0;background:url(https://gift-s.kakaocdn.net/dn/gift/event/2021/common/ico_comm_module.svg) 0 0 no-repeat;background-size:200px 120px;color:transparent}/* 2020-12-29 추가 */

/* 레이어 팝업 */
/*.comm_layer{position:relative;width:300px;margin:0 auto;background:#fff;-webkit-box-sizing:border-box;box-sizing:border-box;max-width:100%}!* 2020-12-29 수정 *!*/
/*.comm_layer .layer_head{padding:26px 24px 0}*/
/*.comm_layer .tit_layer{display:block;margin-right:22px;font-size:16px;line-height:24px;letter-spacing:-1px}*/
/*.comm_layer .layer_body{padding:10px 24px 26px}!* 2020-12-29 수정 *!*/
/*.comm_layer .txt_sub{display:block;line-height:20px;color:#666;letter-spacing:-1px}*/
/*.comm_layer .txt_sub + .txt_sub{padding-top:6px}*/
/*.comm_layer .txt_sub2{color:#333}*/
/*.comm_layer .txt_sub3{color:#999}*/
/*.comm_layer .link_txt{display:inline-block;margin-top:10px;line-height:20px;color:#999;text-decoration:underline;vertical-align:top}*/
/*.comm_layer .btn_layer{width:100%;height:50px;border-top:1px solid #EDEDED;font-weight:600;font-size:16px;line-height:52px;color:#000;letter-spacing:-1px}!* 2020-11-05 수정 *!*/
/*.comm_layer .btn_talk{border:0 none;background:#FFEB00}!* 2020-11-05 수정 *!*/
/*.os_android .comm_layer .btn_layer{line-height:49px}!* 2020-11-05 수정 *!*/
/*.comm_layer .ico_talk{display:inline-block;width:23px;height:16px;margin:17px 4px 0 0;background-position:-120px -90px;vertical-align:top;}!* 2020-11-05 수정 *!*/

/* 2020-12-29 추가 시작 */
/* 레이어팝업 닫기 버튼 공통 */
.btn_comm_close{position:absolute;top:0;right:0;padding:12px}
.btn_comm_close .ico_close{width:24px;height:24px;background-position:-120px -60px}
/* // 2020-12-29 추가 끝 */

/* alert, confirmation 레이어 */
.layer_foot.wrap_defaultbtn{display:table;width:100%;margin-top:2px;table-layout:fixed}/* 2020-12-29 수정 */
.wrap_defaultbtn .area_btn{display:table-cell;text-align:center}
/* .wrap_defaultbtn .area_btn + .area_btn{border-left:1px solid #ededed} 2020-12-29 삭제 */
.wrap_defaultbtn .area_btn + .area_btn .btn_comm{border-left:1px solid #ededed}/* 2020-12-29 추가 */
.wrap_defaultbtn .area_btn .btn_comm{display:block;width:100%;height:50px;border-top:1px solid #ededed;font-weight:500;font-size:16px;line-height:50px;color:#333;text-align:center}/* 2020-12-29 수정 */
.wrap_defaultbtn .area_btn .btn_comm:disabled{border-color:#e5e5e5;color:#999;background-color:#e5e5e5;pointer-events:none} /* 2022-09-28 수정 */
/* 2020-12-29 추가 시작 */
.wrap_defaultbtn .area_btn .btn_comm.btn_point{border-top:1px solid #FEEB00;background-color:#FEEB00}
.wrap_defaultbtn .area_btn + .area_btn .btn_point{border-left:1px solid #FEEB00;background-color:#FEEB00}
.wrap_defaultbtn .area_btn .btn_comm.btn_point{border-radius: 0;}
/* // 2020-12-29 추가 끝 */
.alert_comm_layer .layer_head, .confirm_comm_layer .layer_head{padding:0}
.alert_comm_layer .layer_body{padding:26px 24px}
.alert_comm_layer .txt_sub{color:#333}
.alert_comm_layer .layer_foot.wrap_defaultbtn{margin-top:0}/* 2020-12-29 추가 */
.confirm_comm_layer .inner_layer{padding-top:26px}
.confirm_comm_layer .tit_layer{margin-right:0;padding:0 24px 16px}
.confirm_comm_layer .layer_body{padding:0 24px 26px}
/* // 2020-09-01 추가 끝 */
.ico_comm_module{display:block;overflow:hidden;font-size:1px;line-height:0;background:url(https://gift-s.kakaocdn.net/dn/gift/event/2021/common/ico_comm_module.svg) 0 0 no-repeat;background-size:200px 120px;color:transparent}/* 2020-12-29 추가 */
/* 공통 팝업 끝 */

/* 2024-04-02 쿠폰 유의사항 팝업 수정 시작 */
.pc .comm_layer.event_layer.coupon_popup{width: 300px !important;}
.comm_layer.event_layer.coupon_popup .layer_body{ padding-bottom: 26px;}
/* 2024-04-02 쿠폰 유의사항 팝업 수정 끝 */

/**
 공유하기 및 공지사항 css 관련 dkt프로모션 커스텀 css 추가(https://dkt.agit.in/g/300029374/wall/388849232)
 */

/*.comm_layer.scroll_layer .wrap_scroll{overflow:auto;margin-right:4px;padding:0 20px 28px 24px;max-height:242px} !* 2023-08-31 수정 *!*/

/* 2023-11-09 수정 시작 (상단 디자인 개편) */
/*.comm_layer.scroll_layer .wrap_scroll{overflow:auto;margin-right:4px;padding:0 20px 28px 24px;max-height:302px}*/
/* // 2023-11-09 수정 끝 */

/* 2023-11-13 추가 시작 */
.comm_layer.type_list .layer_body{padding-top:26px}
.comm_layer.type_list .tit_layer{padding-bottom:16px;margin-right:0}
.comm_layer.type_list .tit_layer:not(:first-of-type){margin-top:20px;padding-top:20px;border-top:1px solid rgba(216,216,216,0.6)}
/* // 2023-11-13 추가 끝 */
.comm_layer.type_list .wrap_scroll{max-height:346px} /* 2023-11-14 수정 */

/* 2023-11-09 추가 시작 */
.comm_layer.event_layer{margin-top:-44px}
.comm_layer.event_layer .emph_txt{font-weight:bold;color:#4684E9}
.comm_layer.event_layer .layer_foot.wrap_defaultbtn{margin-top:0;border-top:0}
.comm_layer.event_layer .layer_head{border-bottom:1px solid transparent;box-shadow:none;}
.comm_layer.event_layer .layer_head.scroll_on{border-bottom:1px solid rgba(0,0,0,0.05);-webkit-box-shadow:0 2px 5px 0 rgba(0,0,0,0.05);box-shadow:0 2px 5px 0 rgba(0,0,0,0.05)}
.comm_layer.event_layer .tit_layer + .list_event{padding-top:15px}
.comm_layer.event_layer .list_event li{font-size:13px;line-height:19px;color:#666}
.comm_layer.event_layer .list_event li + li{padding-top:8px}
.comm_layer.event_layer .tit_cs{display:block;padding-top:16px;line-height:20px}
.comm_layer.event_layer .txt_cs{display:block;padding-top:5px;font-size:12px;line-height:19px;color:#666}
.comm_layer.event_layer .link_cs{color:#4684E9;text-decoration:underline}
.comm_layer.event_layer .layer_body .list_notice li{position:relative;padding-left:12px;font-size:14px;line-height:20px;color:#666;word-break:keep-all;word-wrap: break-word}
.comm_layer.event_layer .layer_body .list_notice li:before{position:absolute;top:10px;left:3px; width: 2px;height: 2px;border-radius:2px;background:#666;content:""}
.pc .comm_layer.event_layer{width:500px}
/* // 2023-11-09 추가 끝 */

/* 선물하기 css들과 머지하면서 커스텀하게 적용 필요한 부분 처리 */

.link_gotop{opacity:unset; visibility:unset;transition:unset;}  /* mobile.css */
.comm_layer *{color:unset;} /* layer.css */

/* 상단 고정 플로팅탭 */
.module_floattab_wrapper,.pc .module_floattab_wrapper{top:0;z-index:auto}/* 2025-05-29 수정 *//* 2025-03-24 추가 */
.module_tab_wrapper, .pc .module_tab_wrapper{top:0}/* 2025-05-16-v4 추가 */

/* PC 빌더 */
.pc .layout_builder .inner_aside{top:0}/* 2024-08-22 추가 */