@charset 'utf-8';

/* *********************************************************************************************************************************************************************************************
														[ 공통팝업 ]
********************************************************************************************************************************************************************************************* */

/* ------------------------------ [ 사진크게보기 ] ----------------------------------------------------------------------------------------------------------------------------------------- */
.photo_view {background-color:#000000;}
.photo_view .photo_swiper .img_wrap {display:flex; /*height:auto;*/height:100%; max-height:80%; width:100%; margin:0 auto;}
.photo_view .photo_swiper .img_wrap img {/*height:auto;*/width:100%;height:100%;object-fit:contain;}
.photo_view .swiper-container {position: absolute; left:50%; top:50%; height:100%; width:100%; transform:translate(-50%, -50%);}
.photo_view .swiper-wrapper {align-items:center;}
.photo_view .swiper-slide {display:flex; align-items:center;}

/* 페이지 넘버 */
.swiper_wrap .page_num {width:auto; left:50%; bottom:44px; transform:translateX(-50%);}
.swiper_wrap .page_num span {font-family:robo; font-size:14px; color:#fff;}
.swiper-pagination-current.cur_zero:before {content:'0';}
.swiper-pagination-total.tot_zero:before {content:'0';}

/* ------------------------------ [ 사진첨부 ] ------------------------------------------------------------------------------------------------------------------------------------------- */
.btm_btn {min-height:257px;}
.btm_btn_wrap {display:flex; justify-content:space-between;}
.btm_btn_wrap .box_btm_btn {position:relative; display:flex; justify-content:center; align-items:center; flex-direction: column; height:166px; width:100%; background-color:#F6F6F6; border-radius:24px;}
.btm_btn_wrap .box_btm_btn + div {margin-left:11px;}
.btm_btn_wrap .box_btm_btn > a {position:absolute; left:0; top:0; height:100%; width:100%;}
.btm_btn_wrap .box_btm_btn .btm_pick {width:100%; padding-top:8px; margin-top:11px; border-top:1px solid #EEEEEE; box-sizing:border-box; z-index:1;}
.btm_btn_wrap .box_btm_btn .btm_pick a {display:flex; align-items:center; justify-content:center; font-size:13px; font-weight:bold; color:#666;}
.btm_btn_wrap .box_btm_btn .btm_pick .icon_reload {display:block; height:20px; width:20px; display:block; background:url(../images/common/icon_reload_20x20.png) no-repeat; background-size:20px; margin-left:8px;}
.btm_btn_wrap .box_btm_btn .btm_btn_tit {display:block; font-size:18px; font-weight:bold;}
.btm_btn_wrap .box_btm_btn .btm_btn_txt {margin-top:11px; font-size:13px;}
.icon_btm_popup {display:block; overflow:hidden;}
.icon_album_64 {height:64px; width:64px; background:url(../images/common/icon_album_64x64.png) no-repeat center; background-size:64px;}
.icon_camera_64 {height:64px; width:64px; background:url(../images/common/icon_camera_64x64.png) no-repeat center; background-size:64px;}

/* ------------------------------ [ 검색조건 ] ------------------------------------------------------------------------------------------------------------------------------------------- */
.list_fltr {overflow:hidden; padding-top:8px;}
.list_fltr .fltr_set ~ .fltr_set {margin-top:20px; padding-top:20px; border-top:1px dashed #ddd;}
.list_fltr .fltr_set .fltr_tit {font-weight:bold; text-indent:8px;}
.list_fltr .fltr_set .type_btn {flex-wrap:wrap; margin:0;}
.list_fltr .fltr_set .type_btn .form_chk {margin-top:11px;}
.list_fltr .fltr_set .type_btn .form_chk {margin-left:6px;}
.list_fltr .fltr_set .type_btn .form_chk .txt {letter-spacing:-0.56px;}
.list_fltr .fltr_set .form_rdo {margin-left:6px;}
.search_sort .foot {padding-top:22px;}
.list_fltr .rdo_value {position:relative; margin:11px 8px 0;}
.list_fltr .rdo_value .input_radio {justify-content:space-between;}
.list_fltr .rdo_value .input_radio .form_rdo ~ .form_rdo {margin-left:0;}
.list_fltr .rdo_value .line_tot {position:absolute; left:0; top:50%; transform:translateY(-50%); height:2px; width:100%; background-color:#F6F6F6; z-index:-1;}
.list_fltr .rdo_value .line_tot .line_curent {position:absolute; left:0; top:0; height:100%; background-color:#37d243;}
.list_fltr .txt_value {display:flex; justify-content:space-between; margin:11px 8px 0;}
.list_fltr .txt_value span {color:#666666; font-size:13px;}
.storage_filter_pop .foot {padding-top:32px;}

/* ------------------------------ [ 위치약관동의 ] ------------------------------------------------------------------------------------------------------------------------------------------- */
.loc_agree .cotn .tit_22 {font-size:22px; letter-spacing:-0.88px; text-align:left;}
.loc_agree .cotn .sub_txt {margin-top:20px; font-size:14px; font-weight:normal; line-height:1.250em; letter-spacing:-0.28px; text-align:left;}
.loc_agree .link_info {position:relative; margin-top:24px; padding:0; height:34px; border-bottom:1px solid #f6f6f6;}
.loc_agree .link_info .tit_14 {font-size:14px; letter-spacing:-0.56px; text-align:left;}
.loc_agree .link_info .go_view .arrow_gray_right {position:absolute; top:0; right:0;}

/* ------------------------------ [ 공유하기 ] ------------------------------------------------------------------------------------------------------------------------------------------- */
.btm_share .share_wrap .tit_16 {padding:8px 0 0 8px;}
.btm_share .shr_method {display:flex; justify-content:center; margin-top:16px;}
.btm_share .shr_method .sharing {position:relative;}
.btm_share .shr_method .sharing + .sharing {margin-left:20px;}
.btm_share .shr_method .sharing .tit_share {font-size:12px; margin-top:11px; text-align:center;}
.btm_share .shr_method .sharing .icon_shr {display:block; height:60px; width:60px;}
.btm_share .shr_method .sharing .icon_shr.shr_kakao {background:url(../images/common/icon_shr_kakao.png) no-repeat center; background-size:60px;}
.btm_share .shr_method .sharing .icon_shr.shr_fb {background:url(../images/common/icon_shr_fb.png) no-repeat center; background-size:60px;}
.btm_share .shr_method .sharing .icon_shr.shr_twtr {background:url(../images/common/icon_shr_twtr.png) no-repeat center; background-size:60px;}

/* ------------------------------ [ 편의저널 댓글 더보기:댓글수정/삭제 ] ------------------------------------------------------------------------------------------------------------------------------------------- */
.edit_reply.btm_popup {padding-top:36px; min-height:148px;}
.edit_reply .edit_menu {overflow:hidden;}
.edit_reply .edit_menu ~ .edit_menu {margin-top:16px;}
.edit_reply .edit_menu .btn {display:flex; align-items:center; width:100%;}
.edit_reply .edit_menu .btn i {height:24px; width:24px;}
.edit_reply .edit_menu .btn i img {height:100%; width:100%;}
.edit_reply .edit_menu .btn span {color:#666666; font-weight:bold; margin-left:4px;}

/* ------------------------------ [ 장바구니:대기팝업 ] ------------------------------------------------------------------------------------------------------------------------------------------- */
.cart_wait {}
.cart_wait .cotn {display:flex; flex-direction:column; align-items:center; justify-content:center; height:100%;}
.cart_wait .cotn .tit_24 {margin-bottom:12px;}
.cart_wait .cotn .amnt {font-size:38px;}
.cart_wait .cotn .amnt strong {font-size:40px;}
.cart_wait .cotn .img {overflow:hidden; margin:32px 0 48px 0; height:215px; width:215px;}
.cart_wait .cotn .img img {display:block; object-fit:cover; height:100%; width:100%;}
.cart_wait .cotn .copy {color:#666666; text-align:center;}
.cart_wait .cotn .copy ~ .copy {margin-top:30px;}

/* ------------------------------ [ 개인정보처리방침 ] ------------------------------------------------------------------------------------------------------------------------------------------- */
/* 주요 개인정보 표시 */ /* issues/4511 추가 */
.popup_pers .terms_view_area.personal_policy a {text-decoration:none;}
.terms_view_area.personal_policy .key_personal {margin-top:32px;}
.terms_view_area.personal_policy .key_personal h3 {font-weight:bold; margin-bottom:30px;}
.terms_view_area.personal_policy .key_personal .key_wrap {position:relative; display:flex; flex-wrap:wrap; align-items:flex-start; justify-content:center;}
.terms_view_area.personal_policy .key_personal .key_item {width:calc(100% / 3); height:100%; cursor:pointer; margin-bottom:40px;}
.terms_view_area.personal_policy .key_personal .key_item .btn_tip {position:relative; display:block; width:100%; height:auto; text-decoration:none; line-height:1; word-break:keep-all;}
.terms_view_area.personal_policy .key_personal .key_item figure {width:77px; height:88.5px; margin:0 auto;}
.terms_view_area.personal_policy .key_personal .key_item figure img {display:block; width:100%;}
.terms_view_area.personal_policy .key_personal .key_item strong {display:block; width:100%; height:100%; font-size:15px; text-align:center; margin:20px auto 0;}

.terms_view_area.personal_policy .key_personal .tooltip {padding:20px 32px 24px 20px; margin-top:4px;}
.terms_view_area.personal_policy .key_personal .cotn {word-break:keep-all;}
.terms_view_area.personal_policy .key_personal .cotn .info_area {margin-top:11px;}
.terms_view_area.personal_policy .key_personal .cotn .info_area p {color:#666666; font-size:14px; line-height:1.429em; word-break:keep-all;}
.terms_view_area.personal_policy .key_personal .info_txt {font-size:14px;}

/* ------------------------------ [ 넷퍼넬 UI ] ------------------------------------------------------------------------------------------------------------------------------------------- */
.netfunnel_wait {border-radius:20px;}
.netfunnel_wait .cotn {padding:40px 24px 28px;}
.netfunnel_wait .netfunnel_top {margin:0 auto; text-align:center;}
.netfunnel_wait .netfunnel_top .character_box {margin:0 auto;}
.netfunnel_wait .netfunnel_top .character {width:167px;}
.netfunnel_wait .netfunnel_top .netfunnel_tit {padding:16px 0; font-size:20px; font-weight:bold; line-height:26px; letter-spacing:-0.3px;}
.netfunnel_wait .netfunnel_top .netfunnel_txt {padding-bottom:28px; font-size:14px; font-weight:normal; line-height:20px; letter-spacing:-0.14px;}
.netfunnel_wait .netfunnel_cont {padding:20px 24px; border-radius:16px; background-color:#F8F8F8;}
.netfunnel_wait .netfunnel_cont .netfunnel_wrap {display:flex; justify-content:space-between; align-items:center; width:100%;}
.netfunnel_wait .netfunnel_cont .netfunnel_wrap:first-of-type {padding-bottom:8px;}
.netfunnel_wait .netfunnel_cont .netfunnel_wrap .netfunnel_head,
.netfunnel_wait .netfunnel_cont .netfunnel_wrap .netfunnel_letter {margin: 0; font-size:14px; font-weight:normal; line-height:20px; letter-spacing:-0.14px; text-decoration:none;}
.netfunnel_wait .netfunnel_cont .netfunnel_wrap .netfunnel_letter strong {font-weight:bold; text-decoration:none;}
.netfunnel_wait .graph_wrap {padding-top:16px;}
.netfunnel_wait .graph_area {display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; position:relative;}
.netfunnel_wait .graph_area .graph_bar {overflow:hidden; position:relative; width:100%; height:8px; border-radius:999px; background:#EEEEEE;}
.netfunnel_wait .graph_area .graph_bar .bar {display:block; position:relative; width:0; height:100%; border-radius:999px; background:#26D926;}
.netfunnel_wait .cotn .netfunnel_warn {display:flex; align-items:center; justify-content:center; padding-top:12px; color:#666666; font-size:13px; font-weight:normal; line-height:18px; letter-spacing:-0.13px; text-align:center;}
.netfunnel_wait .cotn .netfunnel_warn i {margin-right:4px;}
.netfunnel_wait .netfunnel_barcode {display:flex; justify-content:center; width:232px; height:40px; margin:0 auto; padding-top:28px;}
.netfunnel_wait .cotn .barcode_num {padding-top:12px; font-size:14px; font-weight:normal; line-height:20px; letter-spacing:-0.14px; text-align:center;}
.netfunnel_wait.alert_pop .btn_wrap_flx {padding:0 24px 24px;}
.netfunnel_wait.alert_pop .btn_wrap_flx .btn[button-type="cancel"] {color:#666666;}
.netfunnel_wait.alert_pop .btn_wrap_flx .btn span {color:#666666;}

/* ------------------------------ [ 점포검색 필터 ] ------------------------------------------------------------------------------------------------------------------------------------------- */
.filter_category .cate_wrap {overflow:hidden; padding:20px 0 22px;}
.filter_category .cate_set ~ .cate_set {margin-top:18px; padding-top:18px; border-top:1px dashed #ddd;}
.filter_category .cate_set .cate_tit {display:flex; align-items:center; font-size:18px; font-weight:bold; line-height:26px; letter-spacing:-0.27px;}
.filter_category .cate_set .cate_tit .open_btm_pop {display:inline-block; width:16px; height:16px; margin-left:6px; background:url('../images/common/icon_info_aaa_16x16.svg') center/100% no-repeat;}
.filter_category .cate_set .chip_list {display:flex; flex-wrap:wrap; gap:0 8px;}
.filter_category .cate_set .chip_list .chip_wrap {margin-top:8px;}

.filter_description.btm_popup {padding-top:22px;}
.filter_description.btm_popup .contents {height:initial; padding:0;}
.filter_description.btm_popup .acc_cont {transition:height 0.3s ease-in-out;}
.filter_description .head {padding:12px 10px;}
.filter_description .go_back {display:block; width:32px;}

/* ------------------------------ [ 점포 상세보기 ] ------------------------------------------------------------------------------------------------------------------------------------------- */
.store_detail.btm_popup .head {padding:16px 30px 0;}
.store_detail.btm_popup .head .pop_tit {color:#000; font-size:20px; font-weight:bold; line-height:24px; letter-spacing:-0.3px;}
.store_detail.btm_popup .contents {padding:0;}

/* ------------------------------ [ 선택 팝업 ] ------------------------------------------------------------------------------------------------------------------------------------------- */
.search_input_box {padding-bottom:8px;}
.search_input_box .search_input {padding:0 16px;}
.search_input_box .search_input .form_txt input {height:40px; padding-top:6px; padding-bottom:6px; padding-left:20px; border:2px solid #eee; border-radius:24px;}
.search_input_box .search_input .form_txt input {transition:border 0.3s;}
.search_input_box .search_input .form_txt input:focus {border-color:#37d243;}
.search_input_box .search_input .bt_search {right:28px;}

.select_list_cont .prd_set_wrap .prd_li.horzn_style01 .prd_set {padding:0 30px;}
.select_list_cont .prd_set_wrap .prd_li.horzn_style01 > ul > li {padding:10px 0;}
.select_list_cont .prd_set_wrap .prd_li.horzn_style01 > ul > li.on {background-color:#F8F8F8;}
.select_list_cont .prd_set_wrap .prd_li.horzn_style01 > ul > li {position:relative;}
.select_list_cont .select_item {position:absolute; left:0; top:0; width:100%; height:100%; cursor:pointer;}

/* 바닥팝업 */
.select_btm_pop.btm_popup .head .pop_tit {padding:0 14px 16px; color:#000; font-size:20px; font-weight:bold; line-height:24px; letter-spacing:-0.3px;}
.select_btm_pop.btm_popup .contents {height:initial; padding:0;}

/* 전체팝업 */
.select_product_full {z-index:102;}
.select_product_full .head {text-align:center;}
.select_product_full .head .go_back {position:absolute; left:16px; top:50%; margin-top:-16px;}
.select_product_full .contents .prd_set_wrap {overflow-y:auto;}
.select_product_full .data_none_wrap {padding-top:80px;}
.select_product_full .search_input .form_txt input {padding-right:68px;}
.select_product_full .search_input .del {right:55px;}

/* ------------------------------ [ 지도뷰 바텀시트 팝업 ] ------------------------------------------------------------------------------------------------------------------------------------------- */
.useragent_ios .bottom_sheet_popup .bottom_sheet_cont .store_list_cont {padding-bottom:34px;}

.bottom_sheet_popup {position:fixed; bottom:0; left:50%; display:flex; align-items:center; justify-content:flex-end; flex-direction:column; width:100%; max-width:540px; pointer-events:none; border-radius:20px 20px 0 0; transition:.1s linear; opacity:0; z-index:101; filter:drop-shadow(0px -2px 8px rgba(0,0,0,.1)); transform:translateX(-50%);}
.bottom_sheet_popup.show {pointer-events:auto; opacity:1;}
.bottom_sheet_popup .bottom_sheet_wrap {box-sizing:border-box; display:flex; flex-direction:column; position:relative; width:100%; max-width:540px; height:78px; max-height:100vh; border-radius:12px 12px 0 0; background:#fff; transform:translateY(100%); transition:.3s ease;}
.bottom_sheet_popup.show .bottom_sheet_wrap {transform:translateY(0%);}
.bottom_sheet_popup.dragging .bottom_sheet_wrap {transition:none;}
.bottom_sheet_popup .bottom_sheet_header {position:relative; padding:10px 10px 6px; cursor:grab; user-select:none;}
.bottom_sheet_popup .bottom_sheet_header::before {content: ''; position:absolute; top:-12px; left:0; right:0; bottom:-20px; z-index:1;}
.bottom_sheet_popup.collapse .bottom_sheet_header::before {bottom:-50px;}
.bottom_sheet_popup .heading {padding:20px 30px 0; font-size:20px; font-weight:bold; line-height:24px; letter-spacing:-0.3px;}
.bottom_sheet_popup .drag_icon {display:flex; align-items:center;}
.bottom_sheet_popup .drag_icon::before {content:''; display:block; margin:0 auto; width:40px; height:4px; border-radius:50px; background:#ddd;}
.bottom_sheet_popup .bottom_sheet_cont {overflow-y:auto; height:100%; scrollbar-width:none; box-sizing:border-box; background:#fff;}
.bottom_sheet_popup .bottom_sheet_cont::-webkit-scrollbar {width:0;}
.bottom_sheet_popup .bottom_sheet_cont .store_list_cont {overflow-y:auto;}
.bottom_sheet_popup.show.collapse .bottom_sheet_cont,
.bottom_sheet_popup.show.collapse .bottom_sheet_cont .store_list_cont {overflow-y:hidden;}
.bottom_sheet_popup.show.selected .bottom_sheet_cont .store_selected {background-color: #FBFBFF;}

.bottom_sheet_popup .store_info_wrap .acc_menu_wrap > ul > li {padding: 0 14px;}

/* ------------------------------ [ 점포 위치 ] ------------------------------------------------------------------------------------------------------------------------------------------- */
.store_map_loc .map {height:calc(100% - 56px);}
.store_map_loc .btm_cont {position:absolute; left:0; right:0; bottom:0; box-shadow:0 -2px 8px rgba(0,0,0,.1); border-radius:24px 24px 0 0; background-color:#fff; z-index:101;}
.store_map_loc .btm_cont .store_info_wrap {padding-top:30px; padding-bottom:40px;}

/* ------------------------------ [ 스크롤 영역 변경 ] ------------------------------------------------------------------------------------------------------------------------------------------- */
.btm_popup .contents.js_scroll {overflow:hidden; display:flex; flex-direction:column;}
.btm_popup .contents.js_scroll > .select_list_cont {display:flex; flex-direction:column; min-height:0;}
.btm_popup .contents.js_scroll .has_scroll {flex:1; overflow-y:auto; max-height:calc(100vh - var(--btm-cont-height));}

.full_popup .contents.js_scroll {overflow:initial; display:flex; flex-direction:column; max-height:initial;}
.full_popup .contents.js_scroll > .select_list_cont {display:flex; flex-direction:column; min-height:0;}
.full_popup .contents.js_scroll .has_scroll {flex:1; overflow-y:auto; max-height:calc(100vh - var(--full-cont-height));}


.store_map_loc.region_loc .btm_cont .store_info_box > .go_view {right:0;}
.store_map_loc.region_loc .btm_cont .btn_wrap {padding-top:24px;}