@charset 'utf-8';

/*
	[z-index 위계]
	#딤드:class="up"                     990
	#딤드:class="up dim"                 9990
	#전체팝업                            999
	#알럿                                9999
	#header                              999 / 팝업뜰경우 0

	[영문, 숫자만 있을 경우 폰트패밀리]
	font-family:robo;
*/

/* ------------------------------ [ 컨텐츠영역 ] --------------------------------------------------------------------------------------------------------------------------- */
#wrap,
#header,
#container {margin:0 auto; min-width:320px; max-width:540px; width:100%;}
#wrap {min-height:100vh;}
#container {box-sizing:border-box; padding-top:56px; min-height:100%;}
.sub {padding-bottom:56px;}

.foot_pad #footer {padding-bottom:80px;}
.sub_btm_pad .sub {padding-bottom:140px;}

/* ------------------------------ [ 헤더:#header ] ---------------------------------------------------------------------------------------------------------------------- */
#header {position:fixed; right:0; left:0; top:0; width:100%; z-index:999;}
#header:before {background-color:#ffffff; content:""; position:absolute; left:0; top:0; height:100%; width:100%; z-index:-1;}
.header_wrap {display:flex; overflow:hidden; align-items:center; box-sizing:border-box; padding:6px 10px; height:56px; width:100%;}

/* 타이틀, 뒤로가기 */
.header_wrap .tit_back {position:relative; margin-right:auto; padding-left:32px; height:32px;}
.header_wrap .tit_back .go_back {position:absolute; left:0; top:0;}
.header_wrap .tit_back h1 {display:none; line-height:32px; margin-left:6px;}

/* 바로가기 */
.header_wrap .btn_area {margin-left:auto; padding-right:6px;}
.header_wrap .btn_area .btn_menu {display:none; float:left; overflow:visible; position:relative; margin-left:11px;}
.header_wrap .btn_area .btn_menu a {display:block; height:100%;}
.header_wrap .btn_area .cart .number {background-color:#37d243; border-radius:50%; color:#ffffff; font:bold 14px/22px robo; text-align:center; position:absolute; right:-6px; top:-6px; height:22px; min-width:22px;}
.header_wrap .btn_area .alarm.on:before {background-color:#37d243; content:""; border-radius:20px; position:absolute; right:0; top:0; height:8px; width:8px;}

/* 바로가기:웹 (더보기, MY CU 메인) */
.web .menu_plus .header_wrap .btn_menu.setting {display:none;}
.web .menu_plus .header_wrap .btn_menu.out {display:block;}
.web .mypage.main .header_wrap .btn_menu.setting {display:none;}
.web .mypage.main .header_wrap .btn_menu.out {display:block;}

/* 통합검색 */
.header_wrap .head_search {display:none; overflow:hidden; box-sizing:border-box; position:absolute; left:0; top:0; margin-left:48px; padding:8px 0; width:calc(100% - 107px);}
.header_wrap .head_search .search_keyword {float:left; width:100%;}
.header_wrap .head_search .search_keyword .form_txt input {padding:8px 40px 8px 20px; height:40px;}

/* 점포검색 */
.header_wrap .head_search.store {width:calc(100% - 145px);}

/* 홈 간소화 */
.header_wrap .head_selector {display: none;}

.header_wrap .head_search_wide {display:none; width:100%;}
.header_wrap .head_search_wide .search_input .form_txt input.active {padding-right:65px;}

.search_input {overflow:hidden; box-sizing:border-box; position:relative; margin:0 auto; width:100%;}
.search_input .form_txt {width:100%;}
.search_input .form_txt input {padding:8px 44px 8px 8px; height:40px; font-weight:normal; font-size:16px; line-height:24px; letter-spacing:-0.24px;}
.search_input .form_input .form_txt input::placeholder {color:#aaa;}
.search_input .form_input .form_txt input::-webkit-placeholder {color:#aaa;}
.search_input .form_input .form_txt input::-moz-placeholder {color:#aaa;}
.search_input .form_input .form_txt input::-ms-placeholder {color:#aaa;}
.search_input .icon_sprite_24 {position:absolute; top:50%; margin-top:-12px;}
.search_input .del {display:none; position:absolute; right:40px; background:url('../images/common/icon_close_24x24.png') no-repeat 0 0; background-size:24px;}
.search_input .bt_search {right:12px;}

/* 점포정보 */
.store_list_cont ul > li ~ li {border-top:1px solid #eee;}
.store_info_wrap {padding:24px 30px;}
.store_info_wrap + .store_info_wrap {border-top:1px solid #eee;}
.store_info_wrap .store_info_box {position:relative;}
.store_info_wrap .store_info_box > .go_view {right:40px; width:auto;}

.store_info_wrap .store_name_area {position:relative; display:flex; align-items:center; padding-right:30px;}
.store_info_wrap .store_name {overflow:hidden; text-overflow:ellipsis; white-space:nowrap; word-wrap:normal; font-size:18px; line-height:26px; letter-spacing:-0.27px;}
.store_info_wrap .btn_select_arrow {position:absolute; top:50%; right:0; width:20px; height:20px; margin-top:-10px; background:url('../images/common/arrow_666_20x20.svg') center/100% no-repeat; z-index:1;}

.store_info_wrap .store_cont_wrap {position:relative; padding-right:40px;}
.store_info_wrap .store_range {display:inline-block; margin-left:4px; color:#aaa; font-size:12px; font-weight:bold; line-height:16px; letter-spacing:-0.12px;}

.icon_flag_wrap {display:flex; flex-shrink:0; gap:0 4px; margin-left:6px;}
.icon_flag_wrap p[class*="flag"] {box-sizing:border-box; display:flex; align-items:center; padding-right:6px; padding-left:5px; height:20px; border-radius:20px;}
.icon_flag_wrap .icon {display:inline-block; background-size:100%; background-position:center; background-repeat:no-repeat;}
.icon_flag_wrap .txt {display:inline-block; margin-left:2px; font-size:11px; font-weight:bold; letter-spacing:0; line-height:15px;}
.icon_flag_wrap .favorite_flag {color:#FE5655; background-color:#FFDEDD;}
.icon_flag_wrap .favorite_flag .icon {width:10px; height:10px; background-image:url('../images/common/flag_icon_favorite.svg');}
.icon_flag_wrap .recommend_flag {color:#744AE8; background-color:#ECE3FF;}
.icon_flag_wrap .recommend_flag .icon {width:10px; height:10px; background-image:url('../images/common/flag_icon_recommend.svg');}
.icon_flag_wrap .event_flag {color:#37D243; background-color:#DFFAE1;}
.icon_flag_wrap .event_flag .icon {width:12px; height:12px; background-image:url('../images/common/flag_icon_event.svg');}
.icon_flag_wrap .best_rated_flag {color:#FF9900; background-color:#FEF0DB;}
.icon_flag_wrap .best_rated_flag .icon {width:12px; height:12px; background-image:url('../images/common/flag_icon_best_rated.svg');}
.icon_flag_wrap .best_pick_flag {color:#FF9900; background-color:#FEF0DB;}
.icon_flag_wrap .best_pick_flag .icon {width:12px; height:12px; background-image:url('../images/common/flag_icon_best_pick.svg');}

.store_info_wrap .main_service {display:flex; margin-top:8px; gap:8px;}
.store_info_wrap .main_service span {display:flex; justify-content:center; flex-shrink:0; color:#444; font-size:12px; font-weight:bold; line-height:16px; letter-spacing:-0.12px;}
.store_info_wrap .main_service span .icon {display:inline-block; margin-right:2px; width:16px; height:16px; background-position:center; background-size:100%; background-repeat:no-repeat;}
.store_info_wrap .main_service .deliv .icon {background-image:url('../images/common/icon_deliv_16x16.svg');}
.store_info_wrap .main_service .pick .icon {background-image:url('../images/common/icon_pick_16x16.svg');}
.store_info_wrap .main_service .time .icon {background-image:url('../images/common/icon_time_16x16.svg');}
.store_info_wrap .main_service .parcel .icon {background-image:url('../images/common/icon_parcel_16x16.svg');}
.store_info_wrap .store_addr {margin-top:12px;}
.store_info_wrap .store_addr p {color:#666; font-size:14px; line-height:18px; letter-spacing:-0.14px;}
.store_info_wrap .store_addr p ~ p {margin-top:2px;}
.store_info_wrap .order_time {display:flex; margin-top:8px;}
.store_info_wrap .order_time p {position:relative; color:#222; font-size:13px; line-height:18px; letter-spacing:-0.13px;}
.store_info_wrap .order_time p ~ p {margin-left:8px; padding-left:11px;}
.store_info_wrap .order_time p ~ p::before {content:''; position:absolute; left:0; top:50%; transform:translateY(-50%); display:inline-block; width:3px; height:3px; border-radius:3px; background-color:#222;}
.store_info_wrap .order_time span {display:inline-block; margin-right:6px;}
.store_info_wrap .order_time strong {display:inline-block;}
.store_info_wrap .rating_area {display:flex; align-items:center; margin:12px 0;}
.store_info_wrap .grade {overflow:hidden; margin-right:8px;}
.store_info_wrap .grade p {position:relative; float:left; padding-left:20px; font-family:robo; font-size:14px; font-weight:bold; line-height:20px; letter-spacing:-0.14px;}
.store_info_wrap .grade p + p {margin-left:2px;}
.store_info_wrap .grade .icon_star {position:absolute; left:0; top:2px; width:16px; height:16px; background:url('../images/common/icon_star_16x16.svg') center/100% no-repeat;}
.store_info_wrap .grade .review {padding-left:0; font-weight:normal;}
.store_info_wrap .best_flag {display:flex;}
.store_info_wrap .best_flag span {box-sizing:border-box; height:15px; padding:3px 4px; color:#666; font-size:10px; font-weight:bold; letter-spacing:-0.1px; line-height:10px; background-color:#eee;}
.store_info_wrap .best_flag span ~ span {margin-left:4px;}
.store_info_wrap .label_store {margin-top:12px;}
.store_info_wrap .extra_service {display:flex; margin-top:12px;}
.store_info_wrap .extra_service span {box-sizing:border-box; flex-shrink:0; padding:2px 8px; border-radius:12px; border:1px solid #eee; color:#666; font-size:12px; font-weight:bold; line-height:16px; letter-spacing:-0.12px; background-color:#f6f6f6;}
.store_info_wrap .extra_service .over::before {content:'+';}
.store_info_wrap .extra_service span ~ span {margin-left:4px;}
.store_info_wrap .btn_quick_cart {box-sizing:border-box; position:absolute; top:0; right:0; bottom:auto; display:flex; justify-content:center; align-items:center; width:36px; height:36px; border-radius:10px; border:1px solid #ddd; background-color:#fff; z-index:1;}
.store_info_wrap .btn_quick_cart .icon_cart {display:inline-block; width:24px; height:24px; background:url('../images/common/icon_cart_bk.svg') center/100% no-repeat;}
.store_info_wrap .info_txt {padding-left:18px; color:#666; font-size:13px; line-height:18px; letter-spacing:-0.52px; background:url('../images/common/ico_info_14x14.svg') 0 1.5px/14px 14px no-repeat;}
.store_info_wrap .blank {margin:12px 0; height:1px; background-color:#eee;}

.store_list_cont ~ .btn_favorite_store {padding:0 16px;}
.store_list_cont ~ .btn_favorite_store .btn {color:#666; background-color:#f4f4f4;}

/* 픽업/배달불가일때 점포정보 */
.store_off .store_info_wrap,
.store_off .store_info_wrap .store_name,
.store_off .store_info_wrap .store_range,
.store_off .store_info_wrap .main_service span,
.store_off .store_info_wrap .order_time p,
.store_off .store_info_wrap .store_addr p,
.store_off .store_info_wrap .rating_area .grade p,
.store_off .store_info_wrap .extra_service span,
.store_off .store_info_wrap .best_flag span {color:#aaa;}
.store_off .store_info_wrap .order_time p ~ p::before {background-color:#aaa;}

.store_off .store_info_wrap .btn_select_arrow {background-image:url('../images/common/arrow_aaa_20x20.svg');}
.store_off .store_info_wrap .main_service .deliv .icon {background-image:url('../images/common/icon_deliv_aaa_16x16.svg');}
.store_off .store_info_wrap .main_service .pick .icon {background-image:url('../images/common/icon_pick_aaa_16x16.svg');}
.store_off .store_info_wrap .main_service .time .icon {background-image:url('../images/common/icon_time_aaa_16x16.svg');}
.store_off .store_info_wrap .main_service .parcel .icon {background-image:url('../images/common/icon_parcel_aaa_16x16.svg');}
.store_off .store_info_wrap .grade .icon_star {background:url('../images/common/icon_star_aaa_16x16.svg')}

.store_off .store_info_wrap .store_off_txt {position:relative; margin-bottom:12px; padding-left:20px; color:#aaa; font-size:13px; font-weight:bold; line-height:18px;}
.store_off .store_info_wrap .store_off_txt::before {content:''; position:absolute; top:0; left:0; width:16px; height:16px; background:url('../images/common/ico_info_16x16.svg') no-repeat 0 0/16px;}

/* 바텀시트 내에 있는 경우 */
.bottom_sheet_cont .store_list_cont ul > li {padding:0 16px; border:0;}
.bottom_sheet_cont .store_list_cont ul > li ~ li .store_info_wrap {border-top:1px solid #eee;}
.bottom_sheet_cont .store_list_cont .store_info_wrap {padding:20px 0;}
.bottom_sheet_cont .store_list_cont .store_info_wrap .store_info_box {padding:0 14px;}
.bottom_sheet_cont .store_list_type li:first-child .store_info_wrap > .go_view {top:8px;}
.bottom_sheet_cont .btn_wrap.w_100 {padding:0 16px;}

/* 상품-아코디언 */
.store_info_wrap .acc_menu_wrap {margin-top:12px;}
.store_info_wrap:has(.acc_menu_wrap > ul > li.active) {padding-bottom:0;}
.store_info_wrap .acc_menu_wrap .acc_tit {justify-content:flex-start; height:auto; padding:0;}
.store_info_wrap .acc_menu_wrap .acc_tit .tit {padding:0; color:#37d243; font-size:14px; font-weight:bold; line-height:20px; letter-spacing:-0.14px;}
.store_info_wrap .acc_menu_wrap .acc_tit .icon_arrow {position:static; display:inline-block; width:14px; height:14px; margin-top:0; margin-left:6px; background:url('../images/common/icon_arrow_37d.svg') center/100% no-repeat;}
.store_info_wrap .acc_menu_wrap .acc_cont {margin:0 -30px;}
.store_info_wrap .acc_menu_wrap .acc_cont .prd_set_wrap {padding:12px 0 0;}
.store_info_wrap .acc_menu_wrap .acc_cont .prd_li.horzn_style01 {padding:10px 0 20px; background-color:#f4f4f4;}
.store_info_wrap .acc_menu_wrap .acc_cont .prd_li.horzn_style01 .prd_set {padding:0 30px;}

/* 점포 상세보기 */
.store_detail_cont .map {overflow:hidden; height:137px; margin-bottom:24px; border-radius:16px;}
.store_detail_cont .store_info_wrap .store_cont_wrap {padding-right:0;}
.store_detail_cont .store_info_wrap .store_name {padding-right:0; background:none;}
.store_detail_cont .store_info_wrap .blank {margin:12px 0;}
.store_detail_cont .store_info_wrap .addr_wrap {display:flex; align-items:center;}
.store_detail_cont .store_info_wrap .addr_wrap .addr {overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.store_detail_cont .store_info_wrap .addr_wrap .btn_copy {margin-left:4px; flex-shrink:0; color:#37d243; font-size:13px; font-weight:bold; line-height:18px; letter-spacing:-0.13px;}
.store_detail_cont .store_info_wrap .store_addr .tel {margin-top:2px;}
.store_detail_cont .store_info_wrap .info_txt {margin-top:24px;}

/* 단골점포 - 점포 상세 */
.store_favorite .icon_flag_wrap,
.store_favorite .event_flag {display:none;}
.store_favorite .store_name_area {padding-right:0; padding-left:26px;}
.store_favorite .set_favorite {position:absolute; top:50%; left:-6px; box-sizing:border-box; width:32px; height:32px; margin-top:-16px; padding:7px 6px; background:url('../images/common/icon_heart_off.svg') center/20px no-repeat; z-index:1;}
.store_favorite .set_favorite.on {background-image:url('../images/common/icon_heart_on.svg');}

/* 점포 선택 */
.store_list_type .store_info_wrap .rating_area {margin-top:8px;}
.store_list_type .store_info_wrap {position:relative;}
.store_list_type .store_info_wrap > .go_view {top:24px; right:60px; bottom:24px; width:auto; height:auto;}
.store_list_type .store_info_wrap .store_cont_wrap {padding-right:60px;}


/* 공통 - 재고 부족 */
.out_stock .store_info_wrap .recommend_flag,
.out_stock .store_info_wrap .event_flag,
.out_stock .store_info_wrap .main_service,
.out_stock .store_info_wrap .store_addr,
.out_stock .store_info_wrap .order_time,
.out_stock .store_info_wrap .rating_area,
.out_stock .store_info_wrap .extra_service,
.out_stock .store_info_wrap .acc_menu_wrap .acc_tit .icon_arrow {display:none;}
.out_stock .store_info_wrap .acc_menu_wrap {pointer-events:none;}
.out_stock .store_info_wrap .store_name,
.out_stock .store_info_wrap .acc_menu_wrap .acc_tit .tit {color:#aaa;}
.out_stock .store_info_wrap .btn_select_arrow {background-image:url('../images/common/arrow_aaa_20x20.svg'); pointer-events:none;}
.out_stock .store_info_wrap .btn_quick_cart {pointer-events:none;}
.out_stock .store_info_wrap .btn_quick_cart .icon_cart {background-image:url('../images/common/icon_cart_gy.svg');}

/* 그룹 상품 */
.group_item .store_info_wrap .store_addr {margin-top:8px;}
.group_item .store_info_wrap .store_name_area > .btn_quick_cart {display:none;}

/* 개별 상품 */
.single_item .store_info_wrap .store_addr {margin-top:8px;}
.single_item .store_info_wrap .acc_tit .icon_arrow {display:none;}
.single_item .store_info_wrap .acc_menu_wrap {pointer-events:none;}
.single_item .store_info_wrap .store_name_area {padding-right:46px;}

/* 개별 상품 - 점포구매 */
.single_item .store_info_wrap .btn_quick_cart .dim_txt {display:none;}
.single_item.on_store .store_info_wrap .btn_quick_cart {background-color:#eee; pointer-events:none;}
.single_item.on_store .store_info_wrap .btn_quick_cart .icon_cart {display:none;}
.single_item.on_store .store_info_wrap .btn_quick_cart .dim_txt {display:block; color:#aaa; font-size:10px; font-weight:bold; line-height:12px;}




/* ------------------------------ [ 탭바:class="tap_bar" ] -------------------------------------------------------------------------------------------------------------- */
.tap_bar {box-sizing:border-box; position:fixed; bottom:0; left:50%; padding-top:16px; width:100%; max-width:540px; transform:translateX(-50%); z-index:150;}
.tap_bar > .cotn {box-sizing:border-box; display:grid; grid-template-columns:1fr 1fr 1.5fr 1fr 1fr; padding-top:4px !important; padding-right:8px; padding-left:8px; padding-bottom:10px; max-width:100%; border-radius:14px 14px 0 0; box-shadow:0 0 8px rgb(0 0 0 / 12%); background:#fff; place-items:center;}
.tap_bar > .cotn .btn {display:flex; align-items:center; justify-content:center;}
.tap_bar > .cotn .btn a {box-sizing:border-box; display:flex; align-items:center; justify-content:center; flex-flow:column nowrap; gap:2px; width:61px; height:52px;}
.tap_bar > .cotn .btn a .icon {position:relative; margin-top:2px; width:32px; height:32px; background-image:url('/images/common/common_actionbar.png'); background-repeat:no-repeat; background-size:192px 72px;}
.tap_bar > .cotn .btn a span {display:block; color:#666; font-size:10px; font-weight:500; line-height:10px; letter-spacing:-0.2px; white-space:nowrap;}
.tap_bar > .cotn .btn.active span {color:#444; font-weight:700;}
.tap_bar > .cotn .btn.active .icon {background-position-y:-40px;}
.tap_bar > .cotn .btn.home .icon {background-position-x:0;} /* 홈 */
.tap_bar > .cotn .btn.stock .icon {background-position-x:-40px;}/* 재고조회 */
.tap_bar > .cotn .btn.my .icon {background-position-x:-80px;}/* MY CU */
.tap_bar > .cotn .btn.more .icon {background-position-x:-120px;}/* 전체보기 */
.tap_bar > .cotn .btn.coupn .icon {background-position-x:-160px;}/* 쿠폰함 */

/* QR 버튼 */
.tap_bar > .cotn .btn.qr_code a {justify-content:flex-end; width:63px;}
.tap_bar > .cotn .btn.qr_code a .icon {position:absolute; top:0; display:flex; width:52px; height:52px; background-image:url(../images/common/btn_qr.svg); background-size:contain;}
.tap_bar > .cotn .btn.qr_code a .icon::before {content:''; position:absolute; top:0; left:0; width:52px; height:52px; border-radius:50%; box-shadow:-2px -2px 8px rgb(0 0 0 / 12%);}

/* MY CU dot 뱃지 (픽업/예약 진행 시 노출) */
.tap_bar > .cotn .my.on .icon::before {content:''; position:absolute; top:6px; right:-4px; width:6px; height:6px; border-radius:20px; background-color:#37D243; transform:translate(-50%, -50%);}

/* issues/4318 추가 */
.on_pickup .floating_box {display:flex;}
.floating_box {display:none; position:absolute; right:16px; z-index:1; max-width:540px; width:113px; height:38px; padding-left:12px; border-radius:27px; background-color:#fedc23; box-sizing:border-box;} /* issues/4913 수정 */
.floating_box .pick_info {display:block; width:100%; font-size:14px; padding:10px 24px 8px; background-position:0 center; background-repeat:no-repeat; background-size:20px 20px; text-wrap:nowrap; box-sizing:border-box; cursor:pointer;} /* issues/4318_ver17 수정 */
.floating_box .pick_info.on_pre {background-image:url(../images/common/icon_calendar_20x20.png);} /* issues/4318_ver17 추가 */
.floating_box .pick_info.on_pick {background-image:url(../images/common/icon_pickup_20x20.png);} /* issues/4318_ver17 추가 */
.floating_box .pick_info:before {content:"픽업대기"; display:inline-block; font-weight:bold; letter-spacing:-0.1px;} /* issues/4913 수정 */
.floating_box .pick_info:after {content:""; position:absolute; top:8px; right:4px; width:24px; height:24px; background:url(../images/common/icon_arrow_bk_small_24x24.png) center no-repeat; background-size:24px 24px;}
.floating_box .pick_info p {display:none; font-size:14px; font-weight:bold; letter-spacing:-0.1px;} /* issues/4913 수정 */
.floating_box .pick_info p .store_name {display:inline-block; text-overflow: ellipsis; overflow: hidden; white-space:nowrap;} /* issues/4318_ver18 수정 */
.floating_box .pick_info p em {flex-shrink:0; font-weight:normal;} /* issues/4318_ver18 수정 */
.floating_box .pick_info .go_view {display:none;}

.floating_box.on {left:16px; width:auto;} /* issues/4913 수정 */
.floating_box.on .pick_info:before {display:none;}
.floating_box.on .pick_info p {display:flex;}
.floating_box.on .pick_info .go_view {display:block;}

/* *********************************************************************************************************************************************************************************************
														[ 공통 클래스, 공통 스타일 ]
********************************************************************************************************************************************************************************************* */
/* ------------------------------ [ 타이틀 ] ----------------------------------------------------------------------------------------------------------------------------- */
.tit_30 {color:#000; font-size:30px; font-weight:bold; line-height:1.2em;}
.tit_24 {color:#000; font-size:24px; font-weight:bold; letter-spacing:-0.8px; line-height:1.25em;}
.tit_22 {color:#000; font-size:22px; font-weight:bold; line-height:1.273em;}
.tit_20 {color:#000; font-size:20px; font-weight:bold; line-height:1.3em;}
.tit_18 {color:#000; font-size:18px; font-weight:bold; line-height:1.333em;}
.tit_16 {color:#000; font-weight:bold;}
.tit_14 {color:#000; font-size:14px; font-weight:bold; line-height:1.429em;}

/* section 타이틀 - 좌:타이틀 우:컨텐츠 */
.tit_lr {display:flex; overflow:hidden; align-items:center; padding:0 24px;}
.tit_lr .tit_24 {margin-right:auto;}
.tit_lr .tit_24 ~ * {margin-left:auto;}

/* ------------------------------ [사이트로딩:스켈레톤] -------------------------------------------------------------------------------------------------------------------------- */
.loading {overflow:hidden;}
.bg_load {background:linear-gradient(to right, #eeeeee 0%, #f0f0f0 20%, #eeeeee 40%, #eeeeee 100%); animation:load_bg 2s linear infinite;}
@keyframes load_bg {
	0% {background-position:-700px 0;}
	100% {background-position:700px 0;}
}

/* 메인 */
.main_skton {display:none; overflow:hidden; box-sizing:border-box; padding:0 16px;}
.loading .main_skton {display:block; margin-bottom:80px;}
.loading .main_skton .bnr_temp,
.loading .main_skton .str_temp,
.loading .main_skton .menu_temp li {background:linear-gradient(to right, #eeeeee 0%, #f0f0f0 20%, #eeeeee 40%, #eeeeee 100%); animation:load_bg 2s linear infinite; box-sizing:border-box; width:100%;}
.loading .main_skton .bnr_temp {border-radius:24px; height:157px;}
.loading .main_skton .str_temp {border-radius:20px; margin:11px 0 5px 0; height:72px;}
.loading .main_skton .menu_temp {display:flex; overflow:hidden; flex-wrap:wrap; justify-content:space-between;}
.loading .main_skton .menu_temp li {animation-duration:5.5s; border-radius:14px; flex:none; margin-top:6px; height:70px; width:calc(20% - 6px);}

/* 메인:혜택 */
.benefit_skton .box_temp {display:flex; justify-content:space-between; padding:2.15% 0;}
.benefit_skton .box_temp .img_temp {background:linear-gradient(to right, #eeeeee 0%, #f0f0f0 20%, #eeeeee 40%, #eeeeee 100%); animation:load_bg 2s linear infinite; box-sizing:border-box; border-radius:24px; display:flex; justify-content:space-between; width:100%; height:164px;}
.benefit_skton .box_temp .left {width:100%;}
.benefit_skton .box_temp .left .img_temp {height:157px;}
.benefit_skton .box_temp .left .img_temp + .img_temp {margin-top:9.1%;}
.benefit_skton .box_temp .right {width:100%; margin-left:4.3%;}
.benefit_skton .box_temp .right .img_temp {height:100%;}
.benefit_skton .box_temp:last-child .img_temp {height:343px;}

/* 메인:주문하기 */
.main #tab3 .prd_skton {margin-top:0; padding:0 16px;}

/* 상품목록 */
.prd_skton {display:none; overflow:hidden; box-sizing:border-box; margin-top:20px;}
.loading .product .prd_skton {margin-top:60px;}
.loading .prd_skton {display:block;}
.prd_skton ul {display:flex; flex-wrap:wrap; margin:-40px 0 0 -11px;}
.prd_skton ul li {box-sizing:border-box; flex:none; margin:40px 0 0 11px; width:calc(50% - 11px);}
.prd_skton .img_temp,
.prd_skton .name_temp,
.prd_skton .price_temp,
.prd_skton .label_temp {background:linear-gradient(to right, #eeeeee 0%, #f0f0f0 20%, #eeeeee 40%, #eeeeee 100%); animation:load_bg 4s linear infinite; box-sizing:border-box;}
.prd_skton .img_temp {border-radius:15px; padding-top:98.8%; height:0; width:100%;}
.prd_skton .txt_temp {margin-top:11px; padding:0 8px;}
.prd_skton .name_temp,
.prd_skton .price_temp,
.prd_skton .label_temp {border-radius:4px;}
.prd_skton .name_temp {height:24px; width:100%;}
.prd_skton .price_temp {margin-top:4px; height:19px; width:60%;}
.prd_skton .label_temp {margin-top:11px; height:20px; width:100%;}

/* ------------------------------ [ 장바구니 스켈레톤 ] -------------------------------------------------------------------------------------------------------------------------- */
.cart_skton {display:none; overflow:hidden; box-sizing:border-box; padding:0 16px; height:calc(100vh - 100px);}
.cart_skton .skton_tab {border-radius:20px; margin-bottom:20px; height:38px;}
.cart_skton .skton_address {border-radius:20px; margin-bottom:11px; height:110px;}
.cart_skton .skton_store {border-radius:20px; margin-bottom:20px; height:64px;}
.cart_skton .skton_list {overflow:hidden;}
.cart_skton .skton_list li {display:flex; overflow:hidden; align-items:center;}
.cart_skton .skton_list li ~ li {margin-top:16px;}
.cart_skton .skton_list .skton_img {border-radius:10px; height:64px; width:64px;}
.cart_skton .skton_list .skton_txt {border-radius:10px; margin-left:11px; height:64px; width:calc(100% - 75px);}

.loading .cart_skton {display:block;}

/* ------------------------------ [사이트로딩:동그라미] -------------------------------------------------------------------------------------------------------------------------- */
.pay_loading:before {background-color:transparent; content:""; position:fixed; left:0; top:0; height:100vh; width:100%; z-index:700;}
.loading_sec {position:fixed; left:50%; top:50%; transform:translate(-50%, -50%);}
.loading_sec .cotn {background-color:transparent; position:relative; width:100%; height:100%;}
.loading_sec .cotn .cricle {background:url(../images/common/icon_loading.gif) no-repeat 0 0; background-size:100% auto; content:""; position:absolute; left:50%; top:50%; margin:-28px 0 0 -28px; height:56px; width:56px;}



/* ------------------------------ [ 기타 공통 레이아웃, class ] --------------------------------------------------------------------------------------------------------------- */
/* 서브페이지 */
.sub_tit {overflow:hidden;}
.sub_tit .tit_24 {padding:20px 24px;}
.sub_tit .tit_30 {padding:20px 24px;}
.sub_tit .txt_13 {font-size: 13px; padding:10px 24px 0; color:#666666;}

.tit_btn_wrap {background-color:#ffffff; display:flex; box-sizing:border-box; align-items:center; justify-content:space-between; padding:16px; width:100%;}
.tit_btn_wrap .bt_area {overflow:hidden;}
.tit_btn_wrap .bt_area .btn {position:relative; color:#666666; font-size:14px; font-weight:bold;}/* issues/3266 underline */
.tit_btn_wrap .bt_area .btn::after{content:''; position:absolute; bottom: 1px; left: 0; width:100%; height:1px; background-color:#666;}/* issues/3266 underline */
.tit_btn_wrap .bt_area .btn ~ .btn {margin-left:11px;}
/* 상세이동a태그 */
.go_view {/* background:rgba(0,0,0,.3); */ position:absolute; left:0; top:0; height:100%; width:100%;}

/* 메뉴바로가기 */
.txt_anchor {overflow:hidden; position:relative; padding:0 24px;}
.txt_anchor .go_view {box-sizing:border-box; left:auto; right:24px; top:50%; margin-top:-8px; height:16px; width:16px;}
.txt_anchor .go_view i {position:absolute; right:0; top:0;}

.anchor_li {overflow:hidden;}
.anchor_li .txt_anchor ~ .txt_anchor {border-top:1px solid #f6f6f6; margin-top:16px; padding-top:16px;}
.anchor_li .txt_anchor ~ .txt_anchor .go_view {margin-top:0;}

/* 여백 */
.in_16 {box-sizing:border-box; padding:0 16px;}
.in_20 {box-sizing:border-box; padding:0 20px;}
.in_24 {box-sizing:border-box; padding:0 24px;}
.in_ato_16 {margin:0 auto; width:calc(100% - 32px);}
.tp_11 {margin-top:11px;}
.tp_12 {margin-top:12px;} /* issues/4054 */
.tp_16 {margin-top:16px;}
.tp_20 {margin-top:20px;}
.tp_32 {margin-top:32px;}
.tp_40 {margin-top:40px;}
.bt_12 {margin-bottom:12px;}
.bt_14 {margin-bottom:14px;}
.bt_16 {margin-bottom:16px;}
.bt_20 {margin-bottom:20px;}
.bt_32 {margin-bottom:32px;}
.bt_40 {margin-bottom:40px;}
.pd_no {padding:0 !important;}
.pt_8 {padding-top:8px !important;} /* issues/4318_ver6 추가 */

.ff_rob {font-family:robo; font-weight:bold;}

/* 폰트컬러 */
.fc_744 {color:#744AE8;}
.fc_26d {color:#26D926;}

/* 보유 포인트 */
.poss_point {overflow:hidden; margin-top:11px;}
.poss_point h2,
.poss_point p {font-size:14px;}
.poss_point h2 {float:left; text-indent:8px;}
.poss_point p {float:right;}
.poss_point .point_number:after {content:"P";}

/* 리스트컨텐츠 */
.ul_layout ul {position:relative; margin:0 auto;}
.ul_layout ul li {display:flex; justify-content: space-between; align-items: center; flex-flow: row nowrap; width: 100% ;word-break:keep-all; padding:2px 0; box-sizing: border-box;}
.ul_layout ul li > div {display: flex; flex-flow:column nowrap; justify-content: flex-start; align-items: flex-start;}
.ul_layout ul li p {font-size:15px; line-height:1.4;}
.ul_layout ul li p strong {font-size:inherit; font-weight: bold; box-sizing: border-box;}
.ul_layout + .info_area .txt_info {font-size: 14px;}

/* 좌우컨텐츠 (주로 dl로 쓰이는) */
.dl_layout {overflow:hidden;}
.dl_layout .dl_div {display:flex; overflow:hidden; align-items:center;}
.dl_layout .dl_div .tit {font-size:14px; font-weight:bold; margin-right:auto;}
.dl_layout .dl_div .tit ~ * {font-size:14px; margin-left:auto;}

.dl_layout.float_ll .dl_div .tit {flex:none; margin-right:inherit;}
.dl_layout.float_ll .dl_div .tit ~ * {margin-left:inherit;}

/* 내역좌우컨텐츠 (주로 MY CU에서 쓰임) */
.info_style {padding:0 8px;}
.info_style .info_tit {position:relative; margin-bottom:9px;}
.info_style .info_tit .go_view i {position:absolute; right:0; top:0;}
.info_style .dl_div ~ .dl_div {margin-top:6px;}
.info_style .dl_div .tit {color:#666666; font-weight:normal;}
.info_style .dl_div .cotn {color:#666666; font-size:14px;}
.info_style .dl_div .cotn * {color:inherit; font:inherit;}
.info_style .dl_layout.float_ll .tit {width:20%;}
.info_style .dl_layout.float_ll .tit ~ .cotn {width:80%;}
.info_style .dl_layout.float_ll .cotn {width:100%;}

/* 가격 */
.price {}
.price strong {font-size:inherit;}

/* section 별 공백 표시 */
.blank {background-color:#f6f6f6; display:block; border:0; height:16px; margin:32px 0; width:100%;}
.blank.h_8 {height:8px; margin:0;}
.blank.h_8_02 {height:8px; margin:32px 0;}
.blank.h_8_03 {height:8px; margin:24px 0;}

/* 툴팁 */
.btn_tip {display:inline-block; line-height:0; position:relative; margin-left:4px; width:16px; height:16px; vertical-align:middle; z-index:1;}
.btn_tip .q_mark_16 {background:url(../images/common/icon_tip_aaa_16.svg) no-repeat 0 0; background-size:cover; display:inline-block; height:16px; width:16px;}

/* issues/4054 */
.tooltip {box-sizing:border-box; position:absolute; top:100%; left:0; display:none; padding:20px; border:1px solid #eee; border-radius:12px; box-shadow:-2px 0 12px 0 rgb(0 0 0 / 8%); background-color:#fff; z-index:11;}
.tooltip.active {display:block;}
.tooltip.in_24 {left:-8px; width:calc(100% + 16px);}
.tooltip .cotn {width:calc(100% - 16px);}
.tooltip .cotn .tit_16 {float:inherit;}
.tooltip .cotn .tit_16 ~ .info_area ul {margin-top:11px !important;}
.tooltip .cotn .tit_16 ~ .txt {margin-top:12px;}
.tooltip .cotn .info_area ul {margin-top:20px;}
.tooltip .cotn .info_area ul li + li {margin-top:8px;}
.tooltip .cotn .txt {color:#666; font-size:14px;}
.tooltip .btn_close {position:absolute; top:16px; right:16px; width:20px; height:20px; background:url(../images/common/icon_close.png) 0 0 no-repeat; background-size:20px 20px;}

/* 상단방향 툴팁 */
.tooltip.flexible {display:none; top: calc(100% - 10px); left:0; transform: translate(0,50%); border-radius:12px; background-color: #6043FF; box-shadow: 0em 0.1em 0.5em rgba(0, 0, 0, 0.12); border:none; padding:0;}
.tooltip.flexible.active {display:flex;}
.tooltip.flexible::after {content:' '; display:block; position:absolute; top:-4px; left:14%; z-index:1; transform:translate(-50%,0); width:0; height:0; border-right:5px solid transparent; border-left:5px solid transparent; border-bottom:8px solid #fff;}
.tooltip.flexible::before {content:' '; display:block; position:absolute; z-index:0; top:-6px; left:14%; transform:translate(-50%,0); width:0; height:0; border-right:5px solid transparent; border-left:5px solid transparent; border-bottom:8px solid #6043ff;}
.tooltip.flexible .cotn {position:relative; width:calc(100% - 20px); border-radius: 11px; overflow: hidden; background: #fff; margin:1px; padding:6px 10px 8px 10px !important;}
.tooltip.flexible .cotn p {display: flex; justify-content: flex-start; align-items: center; color:#000; font-size:13px; font-weight:400; line-height:1.4; letter-spacing: -0.01em; margin-bottom: -0.12em;}
.tooltip.flexible .cotn p > span {font-size: inherit; line-height: 1; letter-spacing: -0.016em; font-weight: normal; margin: initial;}
.tooltip.flexible .cotn p:first-of-type {display:flex; justify-content: space-between; align-items: center; width:100%;}
.tooltip.flexible .cotn p a.btn_close {display:inline-block; position:relative; top:0; right:0; background:url(../images/common/icon_close_12_wh.png) no-repeat center/20px 20px; margin-left:11px;}

/* 텍스트링크 */
.txt_link {position:relative; color:#666666; font-size:14px; font-weight:bold; line-height:1em;}/* issues/3266 underline */
.txt_link::after{content:''; position:absolute; bottom: 0; left: 0; width:100%; height:1px; background-color:#666;}/* issues/3266 underline */

/* n/n 형태 Paging */
.num_paging {display:flex; overflow:hidden; align-items:center; justify-content:center; position:relative; margin-top:20px;}
.num_paging a,
.num_paging strong,
.num_paging span {display:inline-block;}
.num_paging strong,
.num_paging span {font:bold 16px/1em robo;}

.num_paging a {background-repeat:no-repeat; background-position:0 0; background-size:16px 16px; height:16px; width:16px;}
.num_paging strong {color:#2CC92C;}
.num_paging span {color:#444444;}
.num_paging span:before {content:"/"; color:#DDDDDD; margin:0 4px;}

.num_paging .prev {background-image:url(../images/common/arrow_ddd_16x16_left.png); margin-right:20px;}
.num_paging .next {background-image:url(../images/common/arrow_444_16x16_right.png); margin-left:20px;}
.num_paging .prev.on {background-image:url(../images/common/arrow_444_16x16_left.png);}
.num_paging .next.inact {background-image:url(../images/common/arrow_ddd_16x16_right.png);}

/* 스와이프:블릿형태 인디게이터  */
.swiper .bullet_paging .swiper-pagination-bullet {background-color:#000000; opacity:0.12; margin:0 3px; height:6px; width:6px;}
.swiper .bullet_paging .swiper-pagination-bullet[class*="active"] {opacity:1;}

/* ------------------------------ [ swiper slide 초기화 ] --------------------------------------------------------------------------------------------------------------- */
.swiper,
.swiper .swiper-wrapper {z-index:0;}
.swiper-horizontal>.swiper-pagination-bullets,
.swiper-pagination-bullets.swiper-pagination-horizontal,
.swiper-pagination-custom,
.swiper-pagination-fraction {line-height:0; bottom:0;}

/* ------------------------------ [ 안내문구 ] ---------------------------------------------------------------------------------------------------------------------------- */
.info_area {overflow:hidden;}
.info_area p {position:relative;}
.info_area p i {position:absolute; left:0;}
.info_area .tit_b {font-weight:bold; line-height:20px; margin-bottom:11px; padding-left:28px;}
.info_area .tit_b i {top:0;}
.info_area .tit_copy {color:#666666; font-size:14px; line-height:1.429em; padding-left:22px;}
.info_area .tit_copy i {top:0;}
.info_area .tit_copy i.icon_sprite_24 {top:-1px; transform: rotate(0);}
.info_area ul {overflow:hidden;}
.info_area ul li {overflow:hidden; color:#666666; font-size:14px; line-height:1.429em; position:relative; padding-left:9px; word-break:keep-all;}
.info_area ul li ~ li {margin-top:8px;}
.info_area ul li:before {background-color:#aaaaaa; content:""; border-radius:20px; position:absolute; left:0; top:6px; height:3px; width:3px;}

.info_area.i_wrn .tit_copy {color:#222222; font-weight:bold; line-height:24px; padding-left:28px;}

.info_area.wrn_txt p {color:#ff003c; line-height:1.250em; letter-spacing:-0.28px; padding-left:20px;}/*issues-5186*/
.info_area.wrn_txt i.icon_sprite_24 {top:-3px;}

.info_area.gray p {color:#222222; line-height:24px; padding-left:28px;}

.info_area.i_txt p {position:relative; padding-left:9px;}
.info_area.i_txt p:before {content:""; position:absolute; top:6px; left:0; width:3px; height:3px; background-color:#aaa; border-radius:20px;}

.info_area.i_none .tit_copy {padding-left:0;}

.info_txt_01 {color:#AAAAAA !important; font-size:12px !important; position:relative; padding-left:14px;}
.info_txt_01:before {background:url(../images/common/icon_gray_01.svg) no-repeat 0 0; background-size:cover; content:""; position:absolute; left:0; top:1px; height:12px; width:12px;}

/* ------------------------------ [ 일반 라벨 ] ---------------------------------------------------------------------------------------------------------------------- */
.cotn_label {box-sizing:border-box; border-radius:12px; color:#ffffff; font-size:10px; font-weight:bold; line-height:1em; text-align:center; padding:6px 8px 5px 8px; height:23px; min-width:47px;}
.cotn_label.green {background-color:#37d243;}

/* 결제/카드:주카드라벨 */
.main_card_label {background-color:#37d243; display:inline-block; border-radius:12px; box-sizing:border-box; color:#ffffff; font-size:11px; font-weight:bold; line-height:1em; text-align:center; vertical-align:4px; padding:5px 8px 0; height:20px;}
.main_card_label.pay_method {background-color: #744ae8;}/* issues/5126_v6 */

/* ------------------------------ [ 매장안내라벨 ] -------------------------------------------------------------------------------------------------------------------------- */
.label_store {overflow:hidden;}
.label_store p {background-color:#f6f6f6; float:left; border:1px solid #eeeeee; border-radius:12px; color:#666666; font-size:12px; font-weight:bold; line-height:23px; text-align:center; margin:4px 4px 0 0;padding:0 8px; height:23px;}
.label_store .over strong:before {content:"+";}

/* ------------------------------ [ BG Icon 16x16 ] ------------------------------------------------------------------------------------------------------------------- */
[class*="icon_sprite_"] {font-size:0; line-height:0;}
.icon_sprite_16 {background:url(../images/common/icon_16x16.png) no-repeat 0 0; background-size:354px auto; display:block; overflow:hidden; height:16px; width:16px;}
.icon_sprite_16.arrow_gray_left {background-position:0 -44px;}
.icon_sprite_16.arrow_gray_right {background-position:-26px -44px;}
.icon_sprite_16.arrow_gray_down {background-position:-52px -44px;}
.icon_sprite_16.arrow_bk_up {background-position:-78px -44px;}
.icon_sprite_16.arrow_bk_down {background-position:-104px -44px;}
.icon_sprite_16.i_bullet {background-position:-130px -44px;}
.icon_sprite_16.star {background-position:-156px -44px;}
.icon_sprite_16.star_on {background-position:-182px -44px;}
.icon_sprite_16.categ {background-position:-208px -44px;}
.icon_sprite_16.clock {background-position:-234px -44px;}
.icon_sprite_16.tag {background-position:-260px -44px;}
.icon_sprite_16.coin {background-position:-286px -44px;}
.icon_sprite_16.tick {background-position:-312px -44px;}
.icon_sprite_16.ballon {background-position:-338px -44px;}
.icon_sprite_16.store {background-position:-0 -70px;}
.icon_sprite_16.ticket {background-position:-26px -70px;}
.icon_sprite_16.gift {background-position:-52px -70px;}
.icon_sprite_16.new {background-position:-76px -71px;}

/* ------------------------------ [ BG Icon 16x16 White ] ------------------------------------------------------------------------------------------------------------- */
.icon_sprite_16_wh {background:url(../images/common/icon_16x16_wh.png) no-repeat 0 0; background-size:146px auto; display:block; overflow:hidden; height:16px; width:16px;}
.icon_sprite_16_wh.arrow_gry_right {background-position:0 -44px;}
.icon_sprite_16_wh.i_bullet {background-position:-26px -44px;}
.icon_sprite_16_wh.check {background-position:-52px -44px;}
.icon_sprite_16_wh.check_bg {background-position:-78px -44px;}
.icon_sprite_16_wh.star {background-position:-104px -44px;}
.icon_sprite_16_wh.ballon {background-position:-130px -44px;}
.icon_sprite_16.i_info_gray {background-position:-130px -44px;} /* issues/3886#note_123889 */

/* ------------------------------ [ BG Icon 20x20 ] ------------------------------------------------------------------------------------------------------------------- */
.icon_sprite_20 {background:url(../images/common/icon_20x20.png) no-repeat 0 0; background-size:200px auto; display:block; overflow:hidden; height:20px; width:20px;}
.icon_sprite_20.i_close_bk {background-position:0 -44px;}
.icon_sprite_20.i_close_gray {background-position:-30px -44px;}
.icon_sprite_20.i_plus_gray {background-position:-60px -44px;}
.icon_sprite_20.i_info_gray {background-position:-90px -44px;}
.icon_sprite_20.adult {background-position:-180px -44px;}
.icon_sprite_20.i_mark_on {background-position:-0 -74px;}
/* .icon_sprite_20.i_mark_off {background-position:-150px -44px;} 2021-11-09 사용안함 */

/* ------------------------------ [ BG Icon 24x24 ] ------------------------------------------------------------------------------------------------------------------- */
.icon_sprite_24 {background:url(../images/common/icon_24x24.png) no-repeat 0 0; background-size:568px auto; display:block; overflow:hidden; height:24px; width:24px;}
.icon_sprite_24.search {background-position:0 -44px;}
.icon_sprite_24.arrow_gray {background-position:-34px -44px;}
.icon_sprite_24.arrow_bk {background-position:-68px -44px;}
.icon_sprite_24.ballon {background-position:-102px -44px;}
.icon_sprite_24.like {background-position:-136px -44px;}
.icon_sprite_24.del_gray {background-position:-170px -44px;}
.icon_sprite_24.del_bk {background-position:-204px -44px;}
.icon_sprite_24.wrn {background-position:-242px -48px; width:16px; height:16px; margin-top:3.5px;}/*issues-5186*/
.icon_sprite_24.q_mark {width:16px; height:16px; background:url('/images/common/ico_qmark_16x16.svg') no-repeat center center /contain;} /* 장바구니 개선 공통 툴팁 이미지 및 사이즈 변경 */
.icon_sprite_24.basket {background-position:-306px -44px;}
.icon_sprite_24.like_on {background-position:-374px -44px;}
.icon_sprite_24.star_on {background-position:-408px -44px;}
.icon_sprite_24.like_empt {background-position:-442px -44px;}
.icon_sprite_24.like_bl {background-position:-476px -44px;}
.icon_sprite_24.i_gray {background-position:-510px -44px;}
.icon_sprite_24.cmnt_grn {background-position:-544px -44px;}
.icon_sprite_24.cal_01 {background-position:-170px -78px;}
.icon_sprite_24.cal_02 {background-position:-204px -78px;}
/* .icon_sprite_24.not_sale {background-position:-340px -44px;} 2021-11-09 사용안함 */

/* ------------------------------ [ BG Icon 24x24 White ] ------------------------------------------------------------------------------------------------------------------- */
.icon_sprite_24_wh {background:url(../images/common/icon_24x24_wh.png) no-repeat 0 0; background-size:126px auto; display:block; overflow:hidden; height:24px; width:24px;}
.icon_sprite_24_wh.search {background-position:0 -44px;}
.icon_sprite_24_wh.q_mark {background-position:-34px -44px;}
.icon_sprite_24_wh.star {background-position:-68px -44px;}
.icon_sprite_24_wh.ballon {background-position:-102px -44px;}

/* ------------------------------ [ BG Icon 32x32 ] ------------------------------------------------------------------------------------------------------------------- */
.icon_sprite_32 {background:url(../images/common/icon_32x32.png) no-repeat 0 0; background-size:494px 118px; display:block; overflow:hidden; height:32px; width:32px;}
.icon_sprite_32.arrow_bk_left {background-position:0 -44px;}
.icon_sprite_32.close_bk {background-position:-42px -44px;}
.icon_sprite_32.alarm {background-position:-84px -44px;}
.icon_sprite_32.cart {background-position:-126px -44px;}
.icon_sprite_32.search {background-position:-168px -44px;}
.icon_sprite_32.home {background-position:-210px -44px;}
.icon_sprite_32.refresh {background-position:-252px -44px;}
.icon_sprite_32.setting {background-position:-294px -44px;}
.icon_sprite_32.like {background-position:-336px -44px;}
.icon_sprite_32.like_on {background-position:-378px -44px;}
.icon_sprite_32.share {background-position:-420px -44px;}
.icon_sprite_32.out {background-position:-462px -44px;}
/* .icon_sprite_32.flag {background-position:-0 -86px;} 2021-11-09 사용안함 */
.icon_sprite_32.star_on {background-position:-42px -86px;}
.icon_sprite_32.star_off {background-position:-84px -86px;}

/* ------------------------------ [ BG Icon 32x32 White ] ------------------------------------------------------------------------------------------------------------- */
.icon_sprite_32_wh {background:url(../images/common/icon_32x32_wh.png) no-repeat 0 0; background-size:326px auto; display:block; overflow:hidden; height:32px; width:32px;}
.icon_sprite_32_wh.arrow_left {background-position:0 -44px;}
.icon_sprite_32_wh.close {background-position:-42px -44px;}
.icon_sprite_32_wh.alarm {background-position:-84px -44px;}
.icon_sprite_32_wh.cart {background-position:-126px -44px;}
.icon_sprite_32_wh.like {background-position:-168px -44px;}
.icon_sprite_32_wh.share {background-position:-210px -44px;}
.icon_sprite_32_wh.logout {background-position:-252px -44px;}
.icon_sprite_32_wh.b_mark {background-position:-294px -44px;}

/* ------------------------------ [ BG Icon 36x36 ] ------------------------------------------------------------------------------------------------------------- */
.icon_sprite_36 {background:url(../images/common/icon_36x36.png) no-repeat 0 0; background-size:220px auto; display:block; overflow:hidden; height:36px; width:36px;}
.icon_sprite_36.sort {background-position:0 -44px;}
.icon_sprite_36.sort.on {background-position:-46px -44px;}
.icon_sprite_36.sort_on {background-position:-46px -44px;}
.icon_sprite_36.cart {background-position:-92px -44px;}
.icon_sprite_36.map {background-position:-138px -44px;}
.icon_sprite_36.list {background-position:-184px -44px;}

/* ------------------------------ [ BG Icon 40x40  ] ------------------------------------------------------------------------------------------------------------------ */
.icon_sprite_40 {background:url(../images/common/icon_40x40.png) no-repeat 0 0; background-size:490px auto; display:block; overflow:hidden; height:40px; width:40px;}
.icon_sprite_40.deliv {background-position:0 -44px;}
.icon_sprite_40.pick {background-position:-50px -44px;}
.icon_sprite_40.resrv {background-position:-100px -44px;}
.icon_sprite_40.wine {background-position:-150px -44px;}
.icon_sprite_40.parcel {background-position:-200px -44px;}
.icon_sprite_40.evnt {background-position:-250px -44px;}
.icon_sprite_40.stamp {background-position:-300px -44px;}
.icon_sprite_40.subs_cpn {background-position:-350px -44px;}
.icon_sprite_40.wallet {background-position:-400px -44px;}
.icon_sprite_40.sto_srch {background-position:-450px -44px;}
.icon_sprite_40.fav_sto {background-position:0 -94px;}
.icon_sprite_40.faq {background-position:-50px -94px;}
.icon_sprite_40.qna {background-position:-100px -94px;}
.icon_sprite_40.ktalk {background-position:-150px -94px;}
.icon_sprite_40.tel {background-position:-200px -94px;}
.icon_sprite_40.point {background-position:-250px -94px;}
.icon_sprite_40.pig {background-position:-300px -94px;}
.icon_sprite_40.disc_cpn {background-position:-350px -94px;}
.icon_sprite_40.benefit {background-position:-400px -94px;}
.icon_sprite_40.pymt {background-position:-450px -94px;}
.icon_sprite_40.subs_pymt {background-position:0 -144px;}

/* ------------------------------ [ BG Icon 80x80  ] ------------------------------------------------------------------------------------------------------------------ */
.icon_sprite_80 {background:url(../images/common/icon_80x80.png) no-repeat 0 0; background-size:380px auto; display:block; overflow:hidden; height:80px; width:80px;}
.icon_sprite_80.none {background-position:0 -44px;}
.icon_sprite_80.smile {background-position:-100px -44px;}
.icon_sprite_80.youth_not {background-position:-200px -44px;}
.icon_sprite_80.oops {background-position:-300px -44px;}

/* ------------------------------ [ icon ] -------------------------------------------------------------------------------------------------------------------------- */
.ico {overflow:hidden; display:block; background-repeat:no-repeat; background-position:0 0; background-size:100% auto;}
.icon_new {display:inline-block; width:14px; height:14px; background-image:url(../images/common/icon_new_14.png); background-repeat:no-repeat; background-position:0 0; background-size:100% auto;}

/* *********************************************************************************************************************************************************************************************
														[ 버튼 ]
********************************************************************************************************************************************************************************************* */
.btn_wrap {display:flex; overflow:hidden;}
.btn_wrap .btn {display:inline-block; flex:1; font-weight:bold; text-align:center;}
.btn_wrap .btn span {font:inherit; color:inherit; line-height:inherit;}

/* 버튼하단고정 */
.btn_fixed {background-color:#ffffff; box-sizing:border-box; position:fixed; right:0; left:0; bottom:0; margin:0 auto; padding:10px 16px; width:100%; max-width:540px; z-index:11;}
.btn_fixed[type="visible"] {background-color:transparent;}
.full_popup .btn_fixed {bottom:-100%;}
.full_popup.on .btn_fixed {bottom:0;}
.btn_fixed {
	padding:10px 16px calc(constant(safe-area-inset-bottom) + 10px);
	padding:10px 16px calc(env(safe-area-inset-bottom) + 10px);
}

/* 아이콘+텍스트 형태 */
.btn_wrap.i_bt i,
.btn_wrap.i_bt span {display:inline-block; vertical-align:top;}
.btn_wrap.i_bt i {margin-top:5px;}

/* ------------------------------ [ BG color ] ------------------------------------------------------------------------------------------------------------------------ */
.btn_wrap .btn[class*="bg_37d"] {background-color:#37d243; color:#ffffff;}
.btn_wrap .btn[class*="bg_37d grad"] {background:linear-gradient(90deg, #37d243, #9ed94f);}
.btn_wrap .btn[class*="bg_bk"] {background-color:#222222; color:#ffffff;}
.btn_wrap .btn[class*="bg_ddd"] {background-color:#f4f4f4; color:#666666;}
.btn_wrap .btn[class*="bdr_e8"] {border:2px solid #e8e8e8;}
.btn_wrap .btn[class*="bg_f4"] {background-color:#f4f4f4; color:#444444;}
.btn_wrap .btn[class*="bg_f6"] {background-color:#f6f6f6; color:#666666;}
.btn_wrap .btn[class*="grad_bdr"] {background-image:linear-gradient(#ffffff, #ffffff), linear-gradient(80deg, #50e2c4, #895eee); background-origin:border-box; background-clip:content-box, border-box; color:#222222;}
.btn_wrap .btn[class*="grad_bgc"] {background:linear-gradient(90deg, #7040ff, #d588ff); color:#ffffff;}
.btn_wrap .btn[class*="grad_bk"] {background:linear-gradient(90deg, #222222, #666666); color:#ffffff;}
.btn_wrap .btn[class*="grad_bgd"] {background:linear-gradient(151.22deg, rgba(96, 62, 244, 1) 0%, rgba(117, 38, 207, 1) 100% ); color:#ffffff;}/* 결제하기 > 주문하기 버튼 */
.btn_wrap .btn[class*="bg_w"] {background-color:#ffffff; color:#666666;}
.btn_wrap .btn[class*="bg_pp"] {background-color:#7f47f5; color:#ffffff;} /* issues/1753 추가 */
.btn_wrap .btn[class*="bg_642"] {background-color: #642c8d; color: #ffffff;} /* 고도화_아동급식카드 추가 */
.btn_wrap .btn[class*="bg_wg"] {background-color:#ffffff; color:#000000; border:1px solid #2CC92C;}
.btn_wrap .btn[class*="bg_2cc"] {background-color:#2CC92C; color:#ffffff;}
.btn_wrap .btn[class*="bg_744"] {background-color:#744AE8; color:#ffffff;}

.btn_wrap.bt_inert {position:relative;}
.btn_wrap.bt_inert .btn {background:#eeeeee; border-color:#eeeeee; border-width:inherit; color:#aaaaaa;}
.btn_wrap.bt_inert:before {/* background-color:#ccc; */ content:""; border-radius:inherit; position:absolute; left:0; top:0; height:100%; width:100%;}

.btn_wrap .btn[type="button"]:disabled {background:#f6f6f6; border-color:#f6f6f6; color:#dddddd; cursor:auto;}
.btn_wrap .btn.btn_soldout {background:#eeeeee; pointer-events:none; border-color:#eeeeee; border-width:inherit; color:rgba(170,170,170,0.6);} /* issues/4080_ver11 추가 */

/* ------------------------------ [ 높이 ] ------------------------------------------------------------------------------------------------------------------------------ */
.btn_wrap .btn[class*="h_36"] {flex:none; border-radius:12px; box-sizing:border-box; font-size:14px; line-height:36px; padding:0 15px; height:36px;}
.btn_wrap .btn[class*="h_36"] ~ .btn {margin-left:6px;}
.btn_wrap .h_36[class*="bdr_e8"] {border-width:1px;}
.btn_wrap .btn[class*="h_48"] {border-radius:24px; box-sizing:border-box; font-size:18px; line-height:48px; height:48px;}
.btn_wrap .h_48[class*="bdr_e8"] {line-height:44px;}
.btn_wrap .h_48[class*="grad_bdr"] {border:3px solid transparent; line-height:42px;}
.btn_wrap .btn[class*="h_48"] ~ .btn {margin-left:8px;}
.btn_wrap.i_bt .btn[class*="h_48"] span {line-height:46px;}
.btn_wrap .btn[class*="h_60"] {border-radius:30px; font-size:20px; line-height:60px; height:60px;}
.btn_wrap .h_60[class*="grad_bdr"] {border:5px solid transparent; border-radius:35px;}
.btn_wrap .btn[class*="h_60"] ~ .btn {margin-left:7px;}

.btn_wrap.more_btn .btn {background-color:#ffffff; border:2px solid #e8e8e8; border-radius:24px; box-sizing:border-box; color:#666666; flex:none; font-size:18px; font-weight:bold; line-height:44px; height:48px; margin:0 auto; padding:0 47px;}
.btn_wrap.more_btn .btn span {background:url(../images/common/icon_ash_plus.png) no-repeat 0 center; background-size:13px 13px; display:inline-block; position:relative; padding-left:20px;}

.btn_wrap.more_action_btn .btn {margin-top:10px; padding:12px 0; color:#666; font-size:14px; font-weight:bold; line-height:20px; letter-spacing:-.14px;}
.btn_wrap.more_action_btn .btn span {position:relative; display:inline-block; padding-left:18px; background:url('../images/common/icon_plus_aaa_14.svg') no-repeat 0 2px/14px;}

/* 고도화_아동급식카드 추가 */
/* ------------------------------ [ 가로 full 버튼 ] ------------------------------------------------------------------------------------------------------------------------------ */
.btn_full {padding-left:0 !important; padding-right:0 !important;}
.btn_full .btn[class*="h_60"] {border-radius:0;}
.btn_full .bt_inert .btn {background:#e5e7eb; border-color:#e5e7eb; border-width:inherit; color:#aeb4bc;}
.btn_full .bt_inert:before {content:""; border-radius:inherit; position:absolute; left:0; top:0; height:100%; width:100%;}

.link_btn{overflow:hidden;margin:32px 0 0;}
.link_btn .btn {box-sizing:border-box;padding: 0 20px; color:#222; font-size:16px; font-weight:bold; line-height:46px;letter-spacing: -0.015em;text-align:center;border:1px solid #e8e8e8;border-radius:24px;background-color:#ffffff;}

.link_btn .btn span{position:relative;padding-right:22px;}
.link_btn .btn span:before{content:'';overflow:hidden;position:absolute;top:calc(50% - 8px);right:-4px;display:inline-block;width:16px;height:16px;background:url(../images/common/icon_16x16.png) no-repeat 0 0;background-position:-78px -44px;background-size:354px auto;transform:rotate(90deg);}

.btn_wrap.link_btn{display:block;margin:32px auto 0;text-align:center;}

.btn_both.link_btn{border:1px solid #e8e8e8;border-radius:24px;}
.btn_both.link_btn .btn{float:left;padding: 0;width:50%;border:0;}
.btn_both.link_btn .btn ~ .btn{border-left:1px solid #e8e8e8;border-radius:0 24px 24px 0;}
.btn_both.link_btn .btn span{padding-right:18px;}
.btn_both.link_btn .btn.none_link{color:#ddd; pointer-events:none;}
.btn_both.link_btn .btn.none_link span:before{background-position:-26px -44px; transform:none;}
@media (max-width:360px) {
	.btn_both.link_btn .btn span {font-size:14px; padding-right:12px;}
}

/* ------------------------------ [ 가로100% 버튼 세트 ] ------------------------------------------------------------------------------------------------------------------------------ */
.btn_wrap.w_100 {flex-direction:column;}
.btn_wrap.w_100 .btn {margin-left:0 !important;}
.btn_wrap.w_100 .btn ~ .btn {margin-top:11px;}

/* ------------------------------ [ 버튼 스타일 input 요소 ] ----------------------------------------------------------------------------------------------------------------- */
.btn_wrap .form_rdo {padding-left:0;}
.btn_wrap .form_rdo .icon {height:100%; width:100%;}
.btn_wrap .form_rdo .icon:before {display:none; height:0; width:0;}
.btn_wrap .form_rdo .txt {color:#666666; position:relative; padding-left:0; z-index:1;}
.btn_wrap .form_rdo input:checked ~ .txt {color:#ffffff;}

/* ------------------------------ [ 데이터없음 ] ---------------------------------------------------------------------------------------------------------------------- */
.data_none {display:flex; flex-direction:row; justify-content:center; align-items:center; padding:100px 0 20px; text-align:center;}
.data_none.h_100 {height:calc(100vh - 56px); padding:0;}
.data_none .icon_none {display:none; margin:0 auto 20px; background:url(../images/common/img_none.png) no-repeat 0 0; background-size:80px 80px; height:80px; width:80px;}
.data_none .mn_copy {font-size:20px; font-weight:bold; line-height:1.25; color:#000;} /* issues/4492_ver5 수정 */
.data_none .mn_copy ~ .sb_copy { line-height:1.5; margin-top:10px;} /* issues/4492_ver5 수정 */
.data_none .btn_wrap {justify-content:center; margin-top:40px;} /* issues/4492_ver5 수정 */
.data_none .btn_wrap .btn {flex:none; padding:0 47px; border-width:1px; color:#444; line-height:48px;} /* issues/4492_ver5 수정 */
.data_none .btn_wrap .btn[class*="bg_37d"] {color:#fff;} /* issues/5071_ver3 추가 */

/* ------------------------------ [ 데이터결과 ] ---------------------------------------------------------------------------------------------------------------------- */
.result_info {display:flex; flex-direction:row; justify-content:center; align-items:center; padding-top:100px; text-align:center;}
.result_info.h_100 {height:calc(100vh - 56px); padding:0;}
.result_info .icon_view {display:block; margin:0 auto 20px; background:url(../images/common/img_user.png) no-repeat 0 0; background-size:80px 80px; height:80px; width:80px;}
.result_info .mn_copy {font-size:24px; font-weight:bold; line-height:1.3em;}
.result_info .mn_copy ~ .sb_copy {margin-top:11px;}
.result_info .mn_copy ~ .sm_copy {color:#666; font-size:14px; margin-top:8px;}
.result_info .btn_wrap {justify-content:center; margin-top:24px;}
.result_info .btn_wrap .btn {flex:none; padding:0 40px;}

.ad_info_wrap {display:flex; flex-direction:row; justify-content:center; align-items:center; height:calc(100vh - 56px); text-align:center;}
.ad_info_wrap  i {margin:0 auto 26px;}
.ad_info_wrap .mn_copy {font-size:24px; font-weight:bold; line-height:1.3em;}
.ad_info_wrap .mn_copy ~ .sb_copy {margin-top:16px;}
.ad_info_wrap .btn_wrap {margin-top:24px; padding:0 40px;}

/* ------------------------------ [ 박스 스타일 ] -------------------------------------------------------------------------------------------------------------------------- */

/* ==== flex style ==== */
.bg_box_flx {display:flex; overflow:hidden; flex-wrap:wrap; margin-top:-11px;}
.bg_box_flx .box_div {background-color:#f6f6f6; display:flex; border-radius:18px; box-sizing:border-box; flex:none; align-items:center; justify-content:center; margin-top:11px; padding:20px; min-height:80px; width:calc(50% - 4px);}
.bg_box_flx .box_div:nth-child(even) {margin-left:8px;}

/* bg_box_flx > 멤버십혜택 */
.bg_box_flx .benefit {background-repeat:no-repeat; background-position:0 0; background-size:40px; overflow:hidden; padding-left:50px;}
.bg_box_flx .buy {background-image:url(../images/common/icon_benefit_buy.png);}
.bg_box_flx .perf {background-image:url(../images/common/icon_benefit_perf.png);}
.bg_box_flx .srvc {background-image:url(../images/common/icon_benefit_srvc.png);}
.bg_box_flx .fee {background-image:url(../images/common/icon_benefit_fee.png);}
.bg_box_flx .rank {background-image:url(../images/common/icon_benefit_rank.png);}
.bg_box_flx .benefit p {font-size:14px; line-height:1.429em;}

/* ==== 기본 BOX ==== */
.box_shape {background-color:#ffffff; border-radius:20px; box-sizing:border-box; border-radius:20px; padding:2px;}
.box_shape > .cotn {overflow:hidden; border-radius:18px; box-sizing:border-box; position:relative; padding:20px 16px;}
.box_shape[class*="shadow"] {box-shadow:0 4px 10px rgba(0, 0, 0, 0.2);}

/* flex layout */
.bg_box_flx .box_shape {flex:1; width:calc(50% - 3px);}
.bg_box_flx .box_shape:nth-child(even) {margin-left:6px;}

/* 상품메뉴 박스 */
.box_shape.prd_area {border-radius:16px; padding:0;}
.box_shape.prd_area .cotn {background-color:transparent; display:flex; align-items:center;}
.box_shape.prd_area .copy {color:#ffffff; font-size:14px; font-weight:bold; line-height:1.429em; margin-right:auto; max-width:65%;}
.box_shape.prd_area .time {margin-left:auto;}
.box_shape.prd_area .time p {color:#ffffff; font:bold 20px/1em robo;}
.box_shape.prd_area .stamp {background:url(../images/common/icon_stamp.png) no-repeat 0 0; background-size:40px 40px; display:block; margin-left:auto; height:40px; width:40px;}
.box_shape.t_c .cotn {display:block; text-align:center;}
.box_shape.t_c .copy {margin:unset; max-width:100%;}

/* 회색테두리, 포인트 그라데이션 보더 */
.box_shape.gray {background-color:#eeeeee;}
.box_shape.gray > .cotn {background-color:#ffffff;}

/* 회색bg+보더 */
.box_shape.bg_gray01 {background-color:#f6f6f6; border:1px solid #eeeeee;}

/* 회색bg */
.box_shape.bg_gray02 {background-color:#f8f8f8;} /* issues/4054 */
.box_shape.bg_gray02 .copy {color:#222222;}

/* 파~초 그라데이션 */
.box_shape.b_g_gradi {background:linear-gradient(to right, #6e4cdf, #94ecd1);}

/* 빨~빨 그라데이션 */
.box_shape.r_r_gradi {background:linear-gradient(to right, #fa2828, #fd8251);}

/* 초~초 그라데이션 */
.box_shape.g_g_gradi {background:linear-gradient(to right, #37d243, #9ed94f);}

/* padding 재설정 */
.box_shape[class*="pd_20"] .cotn {padding:20px;}
.bg_box_flx[class*="pd_16"] .box_div {padding:16px;}

/* ------------------------------ [ 점포정보 박스형 ] -------------------------------------------------------------------------------------------------------------------------- */
.store_info {margin:0 auto; width:91.46%;}
.store_info .box_shape > .cotn{padding:20px;}

/* 점포명_주소 */
.store_info .name_loc {overflow:hidden;}
.store_info .name_loc .tit_18 {overflow:hidden; box-sizing:border-box; letter-spacing:-0.72px; width:100%;}
.store_info .name_loc .tit_18 i,
.store_info .name_loc .tit_18 strong,
.store_info .name_loc .tit_18 span {float:left;}
.store_info .name_loc .tit_18 strong {max-width:72.2%;}
.store_info .name_loc .tit_18 strong ~ .flag_store {margin-left: 4px;}
.store_info .name_loc .tit_18 .range {font-size:14px; margin-left:6px;}
.store_info .name_loc address {color:#666666; font-size:14px; letter-spacing:-0.28px; margin-top:8px;}
.store_info .box_shape[class*="bookmark"] .cu_pick {display:block;}
.store_info .cu_pick .icon_sprite_24.like_bl {background-position:-374px -44px;}
.store_info .cu_pick .icon_like {display:inline-block; width:24px; height:24px; background: url(../images/common/icon_like.svg) no-repeat center/100% auto;}/* 고도화 issues/34 추가 */
.store_info .box_shape[class*="bookmark"] .name_loc .tit_18 {padding-left:26px;}
.store_info .name_loc .tel {margin-top:4px; color:#666666; font-size:14px; letter-spacing:-0.28px;}
.store_info .input_radio .form_rdo {cursor:pointer; position:absolute; top:0; left:0; width:100%; height:100%;padding-left:0;}
.store_info .input_radio .form_rdo .icon {cursor:default; position:absolute; top:50%; left:auto; right:20px; margin-top:-10px;}
.store_info .label_store {margin-top:11px;}
.store_info .time_order {color:#444;}/* 고도화 issues/34 수정 */

/* 평점 */
.store_info .grade {width:calc(100% - 26px); margin-top:9px; overflow:hidden;}
.store_info .grade p {float:left; padding-left:20px; font-family:robo; font-size:14px; font-weight:bold; line-height:22px; position:relative;}
.store_info .grade p  + p {margin-left:4px;}
.store_info .grade .score strong,
.store_info .grade .review span {display:inline-block; line-height:22px;}
.store_info .grade .icon_sprite_16 {position:absolute; left:0; top:2px;}
.store_info .grade .icon_sprite_16.star_black {background:url("../images/common/ico_star_black.png") 0 0 no-repeat; background-size:100% auto;} /* issues/3886 추가 */
.store_info .grade .icon_star_16 {width:16px; height:16px; background: url(../images/common/icon_star_16.svg) no-repeat center/100% auto;}/* 고도화 issues/34 추가 */
.store_info .grade .review {padding-left:0;}
.store_info .grade .review span {font-weight:normal;}
.store_info .grade .review span:before {content:'(';}
.store_info .grade .review span:after {content:')';}


/* 단골점포추가 */
.store_info .cu_pick {display:none; position:absolute; top:18px; left:20px; width:24px; height:24px;}
.store_info .btn_pick,
.store_info .btn_pick:link {position: absolute; top: 23px; right: 20px; color: #666666; font-weight: bold; font-size: 14px; z-index: 1; display: inline-block; line-height: 1;} /* issues/3886#note_123063 *//* issues/3266 underline */
.store_info .btn_pick::after {content:''; position:absolute; bottom: 0; left: 0; width:100%; height:1px; background-color:#666;}/* issues/3266 underline */

/* 남은수량 */
.store_info .mty_qty {position:absolute;top:50%;right:20px;font-size:18px;letter-spacing:-0.26px;color:#37D243;font-weight:bold;font-family:robo;margin-top:-12px;}

/* 점포목록 */
.store_list {overflow:hidden; padding:0 16px;}
.store_list .store_info {width:100%;}
.store_list ul {}
.store_list li ~ li {margin-top:16px;}
.store_list li.on .box_shape.gray{background-color:#37D243}

/* 선택안됨 */
.store_info.no_choice .name_loc .tit_18,
.store_info.no_choice .name_loc address,
.store_info.no_choice .name_loc .tel,
.store_info.no_choice .mty_qty strong,
.store_info.no_choice .time_order {color:#dddddd;}/* 고도화 issues/34 수정 */

/* ------------------------------ [ 리뷰 이미지 ] -------------------------------------------------------------------------------------------------------------------------- */
.rv_photo {overflow:hidden;}
.rv_photo > div {display:flex; flex-wrap:wrap; margin:-11px 0 0 -11px;}
.rv_photo .img {overflow:hidden; border-radius:12px; box-sizing:border-box; position:relative; margin:11px 0 0 11px; height:0; padding-top:47.1%; width:100%;}
.rv_photo .img img {display:block; object-fit:cover; position:absolute; left:0; top:0; height:100%; width:100%;}
.rv_photo .amt_1 .img {padding-top:96.54%;}
.rv_photo .amt_3 .img {width:calc(50% - 11px);}
.rv_photo .amt_3 .img:first-child {width:100%;}
.rv_photo .amt_3 .img:first-child img {height:auto; width:100%;}
.rv_photo .amt_4 .img {width:calc(50% - 11px);}

/* ------------------------------ [ 리스트 갯수, 정렬 버튼 ] ------------------------------------------------------------------------------------------------------------------- */
.list_sort {display:flex; overflow:hidden; align-items:center; padding:20px 16px 0 16px;}
.list_sort .tab_menu_fix {width:calc(100% - 52px);}
.list_sort .number {font-size:14px; text-indent:8px; margin-right:auto;}
.list_sort .btn_sort {margin-left:auto; width:36px;}
.list_sort .btn_sort .btm_open {background:url(../images/common/icon_36x36.png) no-repeat 0 -44px; background-size:220px auto; display:block; height:36px;}
.list_sort .btn_sort .btm_open .icon_sprite_36 {display:none;}
.list_sort .btn_sort .btm_open[class*="on"] {background-position:-46px -44px;}

/* 정렬버튼:텍스트형태 */
.list_sort .btn_sort.txt {width:auto;}
.list_sort .btn_sort.txt .sorting {background:url(../images/common/icon_arrow_sort_16.png) no-repeat left center; background-size:16px auto; font-size:14px; height:20px; min-height:20px; padding-left:20px;}

/* 메뉴별 리스트 내 영역 잡아주기 */
.store_list .list_sort,
.prd_li .list_sort,
.post_list .list_sort {margin-bottom:16px; padding:20px 0 0 0;}

/* *********************************************************************************************************************************************************************************************
														[ 탭메뉴 ]
********************************************************************************************************************************************************************************************* */
/* ------------------------------ [ 탭메뉴 공통 ] ------------------------------------------------------------------------------------------------------------------------- */
[class*="tab_"] {overflow-x:auto; box-sizing:border-box; width:100%;padding-bottom:7px; -ms-overflow-style:none; scrollbar-width:none;}
[class*="tab_"]::-webkit-scrollbar {display:none;}
[class*="tab_"] ul {display:flex; box-sizing:border-box;}
[class*="tab_"] li {flex:none; position:relative;}
[class*="tab_"] li a {display:block; box-sizing:border-box; font-weight:bold; text-align:center; position:relative;}

/* ------------------------------ [ 기본 탭메뉴 ] ------------------------------------------------------------------------------------------------------------------------- */
.tab_menu li ~ li {margin-left:20px;}
.tab_menu li a {color:#666666; padding-bottom:3px;}
.tab_menu li a:before {background-color:#37d243; content:""; border-radius:2px; opacity:0; position:absolute; right:0; left:0; bottom:0; margin:0 auto; height:4px; width:0;}
.tab_menu li a,
.tab_menu li a:before {transition-duration:0.3s;}
.tab_menu li.on a {color:#37d243; font-weight: bold;}
.tab_menu li.on a:before {opacity:1; width:100%;}

/* ------------------------------ [ 1뎁스 탭메뉴 ] ------------------------------------------------------------------------------------------------------------------------- */
.tab_depth1 li {flex:1;}
.tab_depth1 li a {color:#666666; height:30px;}
.tab_depth1 li.on:before {background-color:#37d243; content:""; position:absolute; left:0; bottom:0; height:3px; width:100%;}
.tab_depth1 li.on a {color:#37d243;}

/* ------------------------------ [ 3뎁스 탭메뉴 ] ------------------------------------------------------------------------------------------------------------------------- */
.tab_depth3 li {overflow:hidden; box-sizing:border-box;}
.tab_depth3 li:before {background-color:#37d243; content:""; position:absolute; left:100%; bottom:0; height:1px; width:100%;}
.tab_depth3 a {color:#666666; font-size:14px; padding:0 9px 9px;}
.tab_depth3 li a,
.tab_depth3 li a:before {transition-duration:0.4s;}
.tab_depth3 li.on:before {left:0;}
.tab_depth3 li.on a {color:#222222;}

/* ------------------------------ [ BG형 탭메뉴 ] ------------------------------------------------------------------------------------------------------------------------- */
.tab_menu_bg ul {padding:0 16px;}
.tab_menu_bg li ~ li {margin-left:8px;}
.tab_menu_bg a {background-color:#f6f6f6; overflow:hidden; border-radius:12px; color:#666666; font-size:14px; line-height:1.3em; padding:8px 16px 9px; min-width:56px; height:34px;}
.tab_menu_bg li.on a {background-color:#37d243; color:#ffffff;}

.cagegory_wrap {position:relative;}
.cagegory_wrap .tab_menu_bg.cagegory_all {position: relative;}/* 전체카테고리 팝업 class추가 */
.cagegory_wrap .tab_menu_bg.cagegory_all ul {margin-right:18px;}

/* ------------------------------ [ 고정 탭메뉴 ] -------------------------------------------------------------------------------------------------------------------------- */
.tab_menu_fix {overflow:hidden; padding-bottom:0;}
.tab_menu_fix ul {background-color:#eeeeee; overflow:hidden; border:2px solid #eeeeee; border-radius:20px;}
.tab_menu_fix li {flex:1; border-radius:20px;}
.tab_menu_fix li {transition:background 0.4s;}
.tab_menu_fix li a {color:#666666; font-size:14px; line-height:14px; padding:10px 0;}
.tab_menu_fix li a {transition:color 0.4s;}
.tab_menu_fix li.on {background-color:#ffffff;}
.tab_menu_fix li.on a {color:#222222;}

/* ------------------------------ [ 탭메뉴스와이프 ] -------------------------------------------------------------------------------------------------------------------------- */
.tab_swipe.tab_menu_fix {display:flex; justify-content:flex-start; align-items:center; position:relative; width:calc(100vw - 32px); max-width:504px; overflow:auto; background:#eeeeee; border:2px solid #eeeeee; border-radius:20px; padding: 0!important; margin:0 16px; box-sizing:border-box;}
.tab_swipe.tab_menu_fix ul {width:100% !important; padding:0; overflow: revert; border:0;}
.tab_swipe.tab_menu_fix li {flex:1; border-radius:20px; white-space:nowrap;}
.tab_swipe.tab_menu_fix li {transition:background 0.4s;}
.tab_swipe.tab_menu_fix li a {display:flex; justify-content:center; align-items:center; color:#666666; font-size:14px; line-height:1em; transition:color 0.4s; background:inherit; box-sizing:border-box; padding:0 18px; border-radius:20px;}
.tab_swipe.tab_menu_fix li a strong {display:inline-block; color:#aaaaaa; padding-left:3px;}
.tab_swipe.tab_menu_fix li.on {background-color:#ffffff;}
.tab_swipe.tab_menu_fix li.on a {color:#222222; background:transparent;}
.tab_swipe.tab_menu_fix li.on a strong {color:#37D243;}

/* ------------------------------ [ 서비스탭 ] -------------------------------------------------------------------------------------------------------------------------- */
.service_wrap{border-bottom:1px solid #f8f8f8;}
.tab_menu.service_tab{padding:0 0 0 16px;}
.tab_menu.service_tab li{line-height:24px; margin-left:0;}
.tab_menu.service_tab li:last-child{padding-right:20px;}
.tab_menu.service_tab li:not(:last-child) {margin-right:20px;}/* 고도화 issues/34 수정 */
.tab_menu.service_tab li a{padding:8px 4px;color:#222;font-weight:normal;letter-spacing: -0.015em;}
.tab_menu.service_tab li a:before{height:3px;}
.tab_menu.service_tab li.on a{color: #37d243;font-weight:bold;}
.tab_menu.service_tab li.on a span{font-weight:normal;}

/* ------------------------------ [ 전체 카테고리 레이어(고도화 추가) ] -------------------------------------------------------------------------------------------------------------------------- */
.all_category {position: absolute; right: 0; left: 0;top:0;} /* 케이스 별 top값 지정필요(점포메인, 점포 재고찾기 참고) */
.all_category .btn_more{position:absolute;top:0;right:0;padding:10px 16px 7px 5px;background-color:#fff;} /* issues/3886#note_123063 */
.all_category .btn_more:before{content:'';position:absolute;top:0;width:30px;height:40px;background-image:linear-gradient(90deg,rgba(255,255,255,0),#fff);right:45px;} /* issues/3886#note_123063 */
.all_category .btn_more.active{top:6px;}

.category_layer {display: none; background: #fff;}
.category_layer .category_wrap [class*="tit_"] {color: #666666; padding: 0 24px 8px;}
.category_layer .category_wrap .category_list {overflow-y: auto;}
.category_layer .category_wrap .category_list ul.dim_open:before{content:"";z-index:-2;}
.category_layer .category_wrap .category_list ul {display: flex; flex-wrap: wrap; margin-left: -8px;padding:0 24px 24px;}
.category_layer .category_wrap .category_list ul li {margin: 8px 0 0 8px;}
.category_layer .category_wrap .category_list ul li a { display: block; box-sizing: border-box; font-weight: bold; text-align: center; position: relative; background-color:#f6f6f6; overflow:hidden; border-radius:12px; color:#666666; font-size:14px; line-height:1.3em; padding:8px 16px 9px; min-width:56px; height:34px;}
.category_layer .category_wrap .category_list ul li.active a {background-color:#37d243; color:#ffffff;}
.all_category .category_layer .category_wrap{padding: 20px 0;}
.all_category .btn_more.active [class*="icon_sprite_"] {transform: rotate(180deg); transition-duration: 0.2s;}
.all_category .btn_more.active ~ .category_layer {display: block;}

.top_str_prd .all_category {top: 40px;} /* 점포메인 전용 */
.top_prd_area.search_stock_list .all_category {top: 58px;} /* 점포 재고찾기 전용 */
.store_product .top_prd_area .all_category {top: 47px;} /* 할인 상품 전용 */
.store_product .top_prd_area .all_category .btn_more{top:7px;} /* 할인 상품 전용 */

/* 카테고리 sticky */
.cate_open .sticky_area.active,
.product.cate_open .sticky_area.active{position:fixed;margin:0 auto;max-width:540px;background:#fff;width:100%;z-index:14;}
.cate_open .sticky_area.active .search_keyword{display:none;}
.cate_open .sticky_area.active .tab_menu_bg{padding-bottom:10px;}
.cate_open.store.main .sticky_area.active .all_category {top: 33px !important;} /* 스토어플러스 메인 전용 */
.cate_open .top_prd_area.search_stock_list.sticky_area.active .all_category{top:0;} /* 점포재고 찾기 */
.cate_open.store_product .bnr_wrap {display:none;} /* 할인상품 */

/* *********************************************************************************************************************************************************************************************
														[ 데이트피커:달력 ]
********************************************************************************************************************************************************************************************* */
/* issues/4318_ver4 전체적인 수정 및 추가 */
.sch_calender {padding:21px; border:1px solid #f8f8f8; border-radius:24px; background-color:#fff; box-shadow:0px 2px 12px 0px rgba(0, 0, 0, 0.08);}
.ui-datepicker {font-family:robo,"Apple SD Gothic Neo","AppleGothic",sans-serif; width:100%; color:#222; background:#fff;}
.ui-widget.ui-widget-content {padding:0; border:none; background:#fff;}
.ui-datepicker .ui-datepicker-header {padding:0 0 0 8px; border:none; background-color:transparent;}
.ui-widget-header .ui-icon {width:inherit; height:inherit; background-image:none;}
.ui-datepicker .ui-datepicker-title {margin:0; line-height:33px; text-align:left;}
.ui-datepicker .ui-datepicker-title .ui-datepicker-month {position:relative; font-size:30px; font-weight:bold;}
.ui-datepicker .ui-datepicker-title .ui-datepicker-month:after {content:'월'; display:inline-block; font-size:20px; vertical-align:middle;}
.ui-datepicker .ui-datepicker-title .ui-datepicker-year {display:none;}
.ui-datepicker table {margin:0; font-size:14px;}
.ui-datepicker .ui-datepicker-calendar th {padding:5px 0;}
.ui-datepicker th span {font-size:12px; font-weight:bold; color:#666;}
.ui-datepicker td {padding:2px;}
.ui-datepicker td span,
.ui-datepicker td a {position:relative; font-family:robo; padding:4px 0 6px; font-size:16px; width:32px; height:40px; border-radius:100px; margin:0 auto;}
.ui-state-disabled,
.ui-widget-content .ui-state-disabled .ui-state-default,
.ui-widget-header .ui-state-disabled .ui-state-default {border:none; background:transparent; color:#ddd;}
.ui-state-disabled,
.ui-widget-content .ui-state-disabled,
.ui-widget-header .ui-state-disabled {opacity:1;}
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default,
.ui-button,
html .ui-button.ui-state-disabled:hover,
html .ui-button.ui-state-disabled:active {height:40px; border:0; color:#222; line-height:24px; text-align:center; background:#fff; box-sizing:border-box;}
.ui-datepicker-today .ui-state-default {line-height:inherit; border:0; color:#222; background:#fff;}
.ui-datepicker-today .ui-state-default:before {content:'오늘'; position:absolute; bottom:0; left:50%; transform: translateX(-50%); color:#7526cf; font-size:8px; font-weight:bold; letter-spacing:-0.4px; text-align:center;width:100%;}
.ui-datepicker-today .ui-state-default.ui-state-active:before {color:#ffffff;}
.ui-datepicker-current-day .ui-state-default {line-height:inherit; border:0;}
.ui-datepicker-current-day .ui-state-default.ui-state-active:before {content:'선택'; position:absolute; bottom:0; left:50%; transform: translateX(-50%); color:#fff; font-size:8px; font-weight:bold; letter-spacing:-0.4px; text-align:center;width:100%;}
.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active,
a.ui-button:active,
.ui-button:active,
.ui-button.ui-state-active:hover {border:0; color:#fff; background:#37d243; font-weight:bold;}
.ui-datepicker .ui-datepicker-prev {left:auto; right:67px; }
.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {width:61px; height:33px; padding:0 14px; border:0; border-radius:18px; line-height:33px; text-align:center; box-sizing:border-box;}
/* issues/4318_ver7 수정 및 추가 */
.ui-datepicker .ui-datepicker-prev span,
.ui-datepicker .ui-datepicker-next span {left:0; top:0; margin-left:0; margin-top:0; font-size:13px; color:#666; font-weight:bold; text-indent:inherit;}
.ui-datepicker .ui-datepicker-prev.ui-state-disabled,
.ui-datepicker .ui-datepicker-next.ui-state-disabled {background-color:#f8f8f8; opacity:1;}
.ui-datepicker .ui-datepicker-prev.ui-state-disabled span,
.ui-datepicker .ui-datepicker-next.ui-state-disabled span {color:#ddd;}
.ui-widget-content .ui-state-disabled.ui-datepicker-today{opacity:1;}
.ui-datepicker .ui-datepicker-prev.ui-state-hover,
.ui-datepicker .ui-datepicker-next.ui-state-hover {color:#666; font-weight:bold; top:2px;}
.ui-datepicker .ui-datepicker-next.ui-state-hover {right:2px;}

/* 예약 가능 (.booked-possible) */
.ui-widget-content .booked-possible .ui-state-default {background: #fff; color:#222; line-height:inherit; border:1px solid #26d926;}
.ui-widget-content .booked-possible .ui-state-default:before {content:'예약'; position:absolute; bottom:0; left:50%; transform: translateX(-50%); color:#26d926; font-size:8px; font-weight:bold; letter-spacing:-0.4px; text-align:center;width:100%;}

/* 예약 불가능 (.booked-impossible) */ /* issues/4318_ver5 수정 */
.ui-widget-content .ui-datepicker-unselectable.booked-impossible .ui-state-default {background:#eee; color:#aaa; line-height:inherit; border:1px solid #ddd;}
.ui-widget-content .ui-datepicker-unselectable.booked-impossible .ui-state-default:before {content:'예약'; position:absolute; bottom:0; left:50%; transform: translateX(-50%); color:#aaa; font-size:8px; font-weight:bold; letter-spacing:-0.4px; text-align:center;width:100%;}

/* input datepicker */
.date_box {display:flex; align-items:center; width:100%;}
.date_box > span {margin:0 7px;}
.date_inp {position:relative; flex:1;}
.date_inp::after {background:url("../images/common/icon_date.png") no-repeat; background-size:100% auto; width:24px; height:24px; display:block; content:""; position:absolute; top:16px; right:11px; z-index:0;}
.date_inp input[type="text"] {padding:14px 16px; font-size:18px; font-weight:bold; border:2px solid #eee; border-radius:16px; width:100%; background-color:transparent; position:relative; z-index:1;}
.date_inp input[type="text"]:focus {border:2px solid #37d243;}
body > .ui-datepicker.ui-widget.ui-widget-content.ui-helper-clearfix.ui-corner-all {padding:16px; border-radius:24px; border:2px solid #eeeeee; left:50% !important; transform:translateX(-50%); max-width:735px; box-sizing:border-box; width:calc(100% - 32px); margin-top:8px;}
body >  .ui-datepicker.ui-widget.ui-widget-content.ui-helper-clearfix.ui-corner-all td {padding:2.5px;}
.date_inp .ui-datepicker-trigger {display:none;}


/* *********************************************************************************************************************************************************************************************
														[ 컨텐츠 아코디언 ]
********************************************************************************************************************************************************************************************* */
.cotn_acc {box-sizing:border-box; padding:0 16px;}

/* 타이틀/열고닫기 */
.cotn_acc .ctrl_area {display:flex; align-items:center; position:relative; margin-bottom:24px; padding-right:36px; height:34px;}
.cotn_acc .ctrl_area > .tit_24 {display:inline-flex; align-items:center; margin-right:auto; margin-left:8px;}
.cotn_acc .ctrl_area p {margin-left:auto; font-size:18px; line-height:30px;}
.cotn_acc .ctrl_area .price {font-size:16px;}
.cotn_acc .ctrl_area .price strong {font-size:20px;}
.cotn_acc .ctrl_area .ctrl_trg {/* background-color:rgba(0,0,0,0.2); */ cursor:pointer; position:absolute; left:0; top:0; height:100%; width:100%;}
.cotn_acc .ctrl_area .ctrl_trg i {position:absolute; right:0; top:50%; margin-top:-8px;}

/* 컨텐츠 영역 */
.cotn_acc > .cotn {overflow:hidden;}
.cotn_acc > .cotn {transition:height 0.5s ease-in-out, opacity 0.2s 0.1s;}

/* 아코디언닫힘 */
.cotn_acc.closed .ctrl_area {margin-bottom:0; transition-delay:0.2s;}
.cotn_acc.closed .ctrl_area .icon_sprite_16.arrow_bk_up {background-position:-104px -44px;}
.cotn_acc.closed > .cotn {opacity:0;transition:height 0.5s ease-in-out,opacity 0.2s 0s;}

/* *********************************************************************************************************************************************************************************************
														[ 테이블 ]
********************************************************************************************************************************************************************************************* */
/* ------------------------------ [ 테이블 style 01 ] -------------------------------------------------------------------------------------------------------------------- */
.table_01 {overflow:hidden;}
.table_01 tbody th,
.table_01 tbody td {border:1px solid #ddd; box-sizing:border-box; font-size:12px; line-height:15px; text-align:left; padding:6px 10px;} /* issues/3886 */
.table_01 tbody th {background-color:#eee;} /* issues/4054 */

/* *********************************************************************************************************************************************************************************************
														[ Input / From ]
********************************************************************************************************************************************************************************************* */
.input_set {overflow:hidden; position:relative;}
.form_tit {color:#666666; font-size:13px; font-weight:bold; text-indent:8px; margin-bottom:8px;}

/* input text 기본 */
.form_txt {display:inline-block;}
.form_txt input {background-color:#ffffff; display:inline-block; overflow:hidden; box-sizing:border-box; font-size:18px; font-weight:bold; padding:11px 40px 11px 8px; height:44px; width:100%;}
.btn_wrap.in_form .btn {border:1px solid transparent; border-radius:12px; box-sizing:border-box; flex:none; font-size:13px; line-height:32px; height:34px; padding:0 12px;}

input[type="text"],
input[type="tel"],
input[type="email"],
input[type="number"] {background-color:#ffffff; display:inline-block; box-sizing:border-box; font-size:18px; font-weight:bold;}
textarea {background-color:#ffffff; display:inline-block; box-sizing:border-box;}

/* 입력값 유효문구 */
.msg {display:none; position:relative; margin:7px 0 0 0; padding:0 8px; line-height:18px; box-sizing:border-box;}
.msg .icon_sprite_24 {display:none; position:absolute; left:7px; top:0;}
.msg p {font-size:12px; font-weight:bold;}

div[class*="pass"] .msg,
div[class*="wrn"] .msg {display:block;}
div[class*="pass"] .msg p {color:#37d243;}
div[class*="wrn"] .msg p {color:#ff003c;}
div[class*="basis"] .msg p {color:#aaaaaa;}
div[class*="wrn"] i.wrn {display:block; transform: rotate(180deg);}
div[class*="wrn"] .msg {padding:4px 8px 4px 28px; min-height:24px;}/*issues-5186*/

.txt_input[class*="wrn"] .form_txt input,.txt_input[class*="wrn"] .form_txt.add_number input {border-bottom:2px solid #ff003c;} /* issues/5186 디자인 수정 */
.txt_input[class*="wrn"] .form_txt input:focus {padding-top:11px; border-color:#ff003c;} /* issues/4515 수정 */
.ess_select[class*="wrn"] .form_select select {border-color:#ff003c; color:#ff003c;}
.ess_select[class*="wrn"] .form_select select{padding-right:70px;}
.ess_select .msg .icon_sprite_24 {top:0;}

/* ------------------------------ [ 텍스트입력 ] --------------------------------------------------------------------------------------------------------------------------- */
/* 입력 영역 */
.txt_input {overflow:hidden; position:relative;}
.txt_input ~ .txt_input {margin-top:32px;}
.txt_input .form_txt {display:block; position:relative; width:100%;}
.txt_input .form_txt:before {}
.txt_input .form_txt input {border-bottom:2px solid #eeeeee; font-weight:normal;}/*issues-5186*/
.txt_input .form_txt input:focus {border-bottom:2px solid #37d243; padding:11px 40px 10px 8px;}
.txt_input .form_txt input:read-only,
.txt_input .form_txt input:disabled {cursor:default;}
.txt_input .form_txt input:read-only {border-bottom:2px solid transparent;}/*issues-5186*/
.txt_input .form_txt input:read-only:focus {padding:11px 40px 11px 8px;}
.txt_input .form_txt input:disabled {border-bottom:1px solid #f6f6f6; color:#eeeeee;}
.txt_input .del {display:none; position:absolute; right:4px; top:9px; height:24px; width:24px;}

/* issues/5186 디자인 수정 */
.txt_input input::placeholder {font-weight:normal;}
.point_pw_pop .input_set .form_txt input::placeholder {font-weight:bold; font-size:18px; color:#aaa;}

/* ------------------------------ [ 셀렉트박스 ] --------------------------------------------------------------------------------------------------------------------------- */
.form_select {background-color:#ffffff; position:relative;}
.form_select select {display:inline-block; border:1px solid #eeeeee; border-radius:12px; box-sizing:border-box; color:#222222; font-size:16px; font-weight:normal; padding:10px 40px 10px 16px; height:44px; width:100%;position:relative;z-index:1;background:transparent;}
.form_select select {transition:border 0.2s;}
.form_select select:focus {border-color:#37d243;}
.form_select select:disabled {background-color:#f6f6f6; border-color:#f6f6f6; color:#dddddd;}
.form_select [class*="icon_sprite_"] {position:absolute; right:10px; top:50%; margin-top:-12px; z-index:0; width:24px; height:24px; background:url('/images/common/arrow_222_24x24_down.svg') no-repeat center/contain;}
.form_select select:disabled + [class*="icon_sprite_"] {background-position:-34px -44px;}

/* 필수입력 셀렉트 */
.ess_select {overflow:hidden; position:relative;}

/* ------------------------------ [ 라디오버튼 ] --------------------------------------------------------------------------------------------------------------------------- */
.input_radio {display:flex; overflow:hidden;}

/* 기본형식 */
.form_rdo {display:inline-block; flex:none; position:relative; padding-left:20px; height:20px;}
.form_rdo ~ .form_rdo {margin-left:20px;}
.form_rdo input {border:none; font-size:0; line-height:0; opacity:0; position:absolute; left:-10px; top:-10px; height:0; width:0;}
.form_rdo .icon,
.form_rdo .txt {display:inline-block; cursor:pointer;}
.form_rdo .icon {background-color:#ffffff; border:1px solid #cccccc; border-radius:50px; box-sizing:border-box; position:absolute; left:0; top:0; height:20px; width:20px;}
.form_rdo .icon {transition:border 0.3s, background 0.1s;}
.form_rdo .icon:before {background-color:#ffffff; content:""; border-radius:50px; position:absolute; left:50%; top:50%; margin:-4px 0 0 -4px; height:8px; width:8px;}
.form_rdo .icon:before {transition:background 0.3s;}
.form_rdo .txt {font-size:18px; font-weight:bold; line-height:20px; padding-left:6px;}
.form_rdo input:checked ~ .icon {background-color:#37d243; border:1px solid #37d243;}
.form_rdo input:checked ~ .icon:before {background-color:#ffffff;}
.form_rdo input:disabled ~ .icon,
.form_rdo input:disabled ~ .txt {cursor:default;}
.form_rdo input:disabled ~ .icon {background-color:#eeeeee; border-color:#eeeeee;}
.form_rdo input:disabled ~ .icon:before {background-color:#ffffff;}
.form_rdo input:disabled ~ .txt {color:#dddddd;}

/* form_rdo normal */ /* issues/4167_ver2 추가 */
.form_rdo[class*="nmrl"] .txt {font-size:16px; font-weight:normal;}

.type_btn {margin:-8px 0 0 -8px;}

/* 버튼형 */
.type_btn .form_rdo {float:left; text-align:center; margin:8px 0 0 8px; padding:0 10px 0 10px; height:32px;}
.type_btn .form_rdo .icon {background-color:#f6f6f6; border:1px solid transparent; border-radius:8px; height:100%; width:100%;}
.type_btn .form_rdo .icon:before {display:none; height:0; width:0; z-index:-9999;}
.type_btn .form_rdo .txt {display:inline-block; position:relative; padding:0; color:#666666; font-size:14px; line-height: 32px; font-weight:normal; letter-spacing: -0.14px;}
.type_btn .form_rdo input:checked ~ .icon {}
.type_btn .form_rdo input:checked ~ .txt {color:#ffffff; font-weight:bold;}
.type_btn .form_rdo input:disabled ~ .icon {background-color:#f6f6f6; border-color:#f6f6f6;}
.type_btn .form_rdo input:disabled ~ .txt {color:#cccccc;}
.type_btn[class*="n_bdr"] .form_rdo .icon {border-color:#f6f6f6;}

/* 한줄형 */
.input_radio.col {flex-direction:column;}
.input_radio.col .form_rdo ~ .form_rdo {margin:16px 0 0 0;}

/* type02 */
.input_radio.sm .form_rdo .txt {font-size:16px; font-weight:normal;}

/* ------------------------------ [ 체크박스 ] ---------------------------------------------------------------------------------------------------------------------------- */
.input_chk {display:flex; overflow:hidden;}
.input_chk ~ .input_chk {margin-top:20px;}
.form_chk {display:inline-block; flex:none; position:relative; padding-left:20px; height:20px;}
.form_chk ~ .form_chk {margin-left:20px;}
.form_chk input {border:none; font-size:0; line-height:0; opacity:0; position:relative; left:-10px; top:-10px; height:0; width:0;}
.form_chk .icon,
.form_chk .txt {display:inline-block; cursor:pointer;}
.form_chk .icon {background-color:#ffffff; border:1px solid #cccccc; border-radius:50px; box-sizing:border-box; position:absolute; left:0; top:0; height:20px; width:20px;}
.form_chk .icon {transition:background 0.1s;}
.form_chk .icon:before,
.form_chk .icon:after {background-repeat:no-repeat; background-position:0 0; background-size:13px auto; content:""; position:absolute; left:50%; top:50%; margin:-5px 0 0 -7px; height:10px;}
.form_chk .icon:before {background-image:url(../images/common/icon_chk_gray.png); width:13px;}
.form_chk .icon:after {background-image:url(../images/common/icon_chk_wh.png); width:0;}
.form_chk .icon:after {transition:width 0.2s ease-in-out;}
.form_chk .txt {font-size:18px; font-weight:bold; line-height:20px; padding-left:4px;}
.form_chk input:checked ~ .icon {background-color:#37d243; border:1px solid #37d243;}
.form_chk input:checked ~ .icon:before {width:0;}
.form_chk input:checked ~ .icon:after {transition-delay:0.1s; width:13px;}

.form_chk input:disabled ~ .icon,
.form_chk input:disabled ~ .txt {cursor:default;}
.form_chk input:disabled ~ .icon {background-color:#eeeeee; border:1px solid #eeeeee;}
.form_chk input:disabled ~ .icon:before {width:0;}
.form_chk input:disabled ~ .icon:after {transition:none; width:13px;}
.form_chk input:disabled ~ .txt {color:#dddddd;}

/* form_chk normal */
.form_chk[class*="nmrl"] .txt {font-size:16px; font-weight:normal;}

/* type_02 */
.type_02 {}
.type_02 .form_chk .txt {color:#000000; font-size:16px; font-weight:normal;}/* issues/5126_v5 */

/* 버튼형 */
.type_btn .form_chk {float:left; text-align:center; margin:8px 0 0 8px; padding:0 15px 0 13px; height:36px;}
.type_btn .form_chk .icon {background-color:#f6f6f6; border:1px solid #e8e8e8; border-radius:12px; height:100%; width:100%;}
.type_btn .form_chk .icon {transition:background 0.3s border 0.3s;}
.type_btn .form_chk .icon:before,
.type_btn .form_chk .icon:after {display:none;}
.type_btn .form_chk .txt {display:inline-block; position:relative; color:#666666; font-size:14px; line-height:36px; padding:0;}
.type_btn .form_chk input:checked ~ .txt {color:#ffffff;}
.type_btn .form_chk input:disabled ~ .icon {background-color:#f6f6f6; border-color:#f6f6f6;}
.type_btn .form_chk input:disabled ~ .txt {color:#cccccc;}
.type_btn[class*="n_bdr"] .form_chk .icon {border-color:#f6f6f6;}

/* 스위치 */ /* 고도화 issues/34 수정 */
.btn_switch {position:relative;}
.btn_switch .form_chk {display:block; cursor:pointer; width:56px; height:28px; padding-left:0; }
.btn_switch .form_chk .icon { width:28px; height:28px; background-color:#ffffff; border:2px solid #dddddd; border-radius:50%; transform:translateX(0); z-index:1; transition:transform 0.2s 0.1s ease-in-out;}
.btn_switch .form_chk .icon:before,
.btn_switch .form_chk .icon:after {display:none; height:0; width:0;}
.btn_switch .form_chk .bg {display:block; background-color:#dddddd; border-radius:40px; position:absolute; left:0; top:0; height:100%; width:100%; transition:background 0.3s;}
.btn_switch .form_chk .switch {display:flex; justify-content: flex-end; align-items: center; position:absolute; top:0; height:inherit; color:#fff; font: bold 12px/1 robo; letter-spacing: -0.01em;}
.btn_switch .form_chk .switch.on {left:9px;}
.btn_switch .form_chk .switch.off {right:6px;}
.btn_switch .form_chk input:checked ~ .icon {border:2px solid #26D926; background-color:#ffffff; transform:translateX(28px);}
.btn_switch .form_chk input:checked ~ .bg {background-color:#26D926;}

/* 칩 컴포넌트 */
.chip_wrap {position:relative; display:flex;}
.chip_wrap input {position:absolute; top:0; left:0; width:100%; height:100%; border:none; font-size:0; line-height:0; opacity:0; cursor:pointer;}
.chip_wrap .chip_box {box-sizing:border-box; display:flex; align-items:center; padding:0 8px; height:32px; border-radius:8px; border:1px solid #eee; color:#666; font-size:13px; font-weight:bold; line-height:18px; letter-spacing:-0.13px; background-color:#fff;}
.chip_wrap .chip_box .icon {display:inline-block; margin-right:2px; width:16px; height:16px; background-image:url('../images/common/icon_check_gray_16x16.svg'); background-size:100%; background-position:center; background-repeat:no-repeat;}
.chip_wrap input:checked + .chip_box {border-color:#2ecc71; color:#222;}
.chip_wrap input:checked + .chip_box .icon {background-image:url('../images/common/icon_check_green_16x16.svg');}

/* 재고 확인 버튼 */
.stock_check {box-sizing:border-box; position:relative; padding:8px; border-radius:10px; border:1px solid #eee; box-shadow:0 2px 10px 0 rgba(0, 0, 0, 0.07); background-color:#fff;}
.stock_check input {position:absolute; top:0; left:0; width:100%; height:100%; border:none; font-size:0; line-height:0; opacity:0; cursor:pointer;}
.stock_check .stock_box {display:flex; flex-direction:column; align-items:center; color:#666; font-size:10px; font-weight:bold; line-height:12px; letter-spacing:-0.6px;}
.stock_check .stock_box .icon {box-sizing:border-box; display:inline-block; margin-bottom:4px; width:17px; height:17px; border-radius:10px; border:1px solid #ddd; background-color:#fff; background-image:url('../images/common/icon_check_gray_14x14.svg'); background-size:100%; background-position:center; background-repeat:no-repeat;}
.stock_check input:checked + .stock_box .icon {border-color:#26D926; background-color:#26D926; background-image:url('../images/common/icon_check_white_14x14.svg');}

/* ------------------------------ [ 기타 공통 ] ---------------------------------------------------------------------------------------------------------------------------- */
/* 주소검색 */
.add_search .form_txt.add_number input{border-bottom:1px solid #eeeeee; padding-right:80px;}
.add_search.txt_input[class*="wrn"] .form_txt.add_number input{padding-right:100px;}
/* .add_search.txt_input[class*="wrn"] .msg .icon_sprite_24{right:75px;}
.add_search.txt_input[class*="wrn"] .form_tit ~ .msg .icon_sprite_24{right:75px;top:34px;} */
.add_search .btn_wrap.in_form {position:absolute; right:0; top:4px;}
.add_search .add_basic {box-sizing:border-box; font-size:18px; font-weight:bold; line-height:1.444em; word-break:break-word; margin:4px 0; padding:0 8px; width:calc(100% - 100px);}
.add_search .add_basic,
.add_search .add_detail {display:none;}
/* 검색 후: 상세주소 */
.add_search.on .form_txt.add_number input {border-bottom:1px solid transparent;}
.add_search.on .add_basic,
.add_search.on .add_detail {display:block;}
/* .add_search.txt_input[class*="wrn"] .input_set ~ .input_set .msg .icon_sprite_24{right:4px;}
.add_search.on.txt_input[class*="wrn"] .msg{position:relative;}
.add_search.on.txt_input[class*="wrn"] .msg .icon_sprite_24{top:auto;bottom:36px;right:4px;} */
.add_search.on .store_address{box-sizing:border-box; padding:11px 8px; font-size:18px; font-weight:bold; line-height:1.6; border-bottom:1px solid #eee;}

/* 전화번호입력 */
.form_mobile {overflow:hidden;}
.form_mobile .m_number {overflow:hidden;}
.form_mobile .m_number .form_select,
.form_mobile .m_number .txt_input {float:left;}
.form_mobile .m_number .form_select {width:129px;}
.form_mobile .m_number .form_select select {font-size:17px; padding:9px 0 10px 16px; height:44px;}
.form_mobile .m_number .form_select [class*="icon_sprite_"] {margin-top:-8px;}
.form_mobile .m_number .form_select select:disabled + [class*="icon_sprite_"] {background-position:-52px -44px;}
.form_mobile .m_number .txt_input {margin-left:8px; width:calc(100% - 137px);}

.form_mobile .cer_number {margin-top:11px;}
.form_mobile .cer_number .form_txt input {padding-right:120px;}
.form_mobile .cer_number .bt_request {overflow:hidden; position:absolute; right:0; top:4px;}
.form_mobile .cer_number .bt_request .time,
.form_mobile .cer_number .bt_request .btn_wrap {float:left;}
.form_mobile .cer_number .bt_request .time {color:#ff003c; font:bold 12px/1 robo; line-height:33px; height:33px;}
.form_mobile .cer_number .bt_request .btn_wrap {margin-left:11px;}

.form_mobile .cer_number[class*="wrn"] .bt_request .time {display:none;}
.form_mobile .cer_number[class*="wrn"] .msg .icon_sprite_24 {right:79px;}

/* 텍스트입력+버튼 */
.txt_input.btn_with {}
.txt_input.btn_with .input_set input {padding-right:100px;}
.txt_input.btn_with .input_set .btn_wrap.in_form {position:absolute; right:0; top:4px;}
.txt_input.btn_with .input_set .del {right:73px;}
.txt_input.btn_with .msg .icon_sprite_24 {right:75px;}

/* 텍스트입력+라디오 */
.txt_input.frm_with {}
.txt_input.frm_with .form_txt input {padding-right:148px;}
.txt_input.frm_with .input_radio {margin:0; position:absolute; right:0; top:4px;}
.txt_input.frm_with .form_rdo {margin:0 0 0 6px; height:34px;}
.txt_input.frm_with .form_rdo .txt {line-height:34px;}
.txt_input.frm_with .msg .icon_sprite_24 {right:118px;}

/* 텍스트입력+체크박스 */
.txt_input.frm_with .input_chk.type_btn {position:absolute; right:0; top:3px;}

/* 텍스트입력+원 텍스트 */
.txt_input.txt_won .form_txt input {padding-right:65px;}
.txt_input.txt_won .msg .icon_sprite_24 {right:35px;}
.txt_input.txt_won .unit {position:absolute; right:8px; top:10px; font-size:14px;}
.txt_input.txt_won .form_txt input{text-align:right;}
.txt_input.txt_won .form_txt input::placeholder{text-align:left;}
.txt_input.txt_won .del{right:35px;}

/* 검색 */
.search_keyword {overflow:hidden; position:relative; margin:0 auto; width:calc(100% - 32px);}
.search_keyword .form_txt {width:100%;}
.search_keyword .form_txt input {border:2px solid #eeeeee; border-radius:100px; padding-right:70px; padding-left:20px; height:48px; font-weight:normal;}
.search_keyword .form_txt input {transition:border 0.3s;}
.search_keyword .form_txt input:focus {border-color:#37d243;}
.search_keyword .form_input .form_txt input::placeholder {color:#aaa;}
.search_keyword .form_input .form_txt input::-webkit-placeholder {color:#aaa;}
.search_keyword .form_input .form_txt input::-moz-placeholder {color:#aaa;}
.search_keyword .form_input .form_txt input::-ms-placeholder {color:#aaa;}
.search_keyword .icon_sprite_24 {position:absolute; top:50%; margin-top:-12px;}
.search_keyword .del {display:none; position:absolute; right:40px; background:url(../images/common/icon_close_24x24.png) no-repeat 0 0; background-size:24px;}
.search_keyword .bt_search {right:12px;}

/* 수량선택 */
.select_qty {overflow:hidden; box-sizing:border-box; position:relative; width:100px;}
.select_qty .btn_ctrl {position:absolute; top:2px; display:block; width:32px; height:32px; border-radius:20px; background-color:#ffffff; background-position:center center; background-repeat:no-repeat;background-size:8px auto;}
.select_qty .btn_ctrl.minus {left:2px; background-image:url('../images/common/icon_minus_bk.svg');}
.select_qty .btn_ctrl.plus {right:2px; background-image:url('../images/common/icon_plus_bk.svg');}
.select_qty .btn_ctrl.minus:disabled {background-image:url('../images/common/icon_minus_gray.svg');}
.select_qty .btn_ctrl.plus:disabled {background-image:url('../images/common/icon_plus_gray.svg');}
.select_qty input {padding:6px 0; width:100%; height:36px; font-size:18px; letter-spacing: -.27px; text-align:center; border:1px solid #dddddd; border-radius:20px;}
.select_qty input:disabled {color:#aaaaaa; border:1px solid #dddddd; background-color:#f4f4f4; opacity:1;}
.select_qty input:disabled::-webkit-input-placeholder {color:#aaaaaa;}
.select_qty input:disabled:-moz-placeholder {color:#aaaaaa;}
.select_qty input:disabled::-moz-placeholder {color:#aaaaaa;}
.select_qty input:disabled:-ms-input-placeholder {color:#aaaaaa;}
.select_qty input:disabled ~ .btn_ctrl {background-color:#f4f4f4;}
.select_qty input:disabled ~ .btn_ctrl.minus {background-image:url('../images/common/icon_minus_gray.svg');}
.select_qty input:disabled ~ .btn_ctrl.plus {background-image:url('../images/common/icon_plus_gray.svg');}
.select_qty[class*="wrn"] input {border-color:#ff003c;}

/* textarea */
.text_area {background-color:#ffffff; overflow:hidden; position:relative;}
.text_area .input_set {overflow:hidden; box-sizing:border-box; position:relative; padding:16px 16px 0 16px;}
.text_area textarea {display:block; position:relative; resize:none; height:calc(100% - 40px); width:100%; z-index:1; font-size:16px; line-height:24px; letter-spacing: -0.24px;}
.text_area textarea::placeholder {color:#aaaaaa; font-size:16px; font-weight:normal; line-height:24px; letter-spacing: -0.24px;}
.text_area .letter_length {display:flex; overflow:hidden; flex-direction:row; align-items:flex-end; border:1px solid #eeeeee; border-radius:12px; box-sizing:border-box; position:absolute; left:0; top:0; padding:16px; height:100%; width:100%;}
.text_area .letter_length {transition:border 0.3s;}
.text_area .letter_length p {font-family:robo; font-size:12px; text-align:right; width:100%;}
.text_area .letter_length p span {color:#333333;}
.text_area .letter_length p em {color:#999999; font-style:normal;}
.text_area .letter_length p em:before {content:"/";}
.text_area textarea:focus {border:none; outline:none;}
.text_area textarea:focus ~ .letter_length {border:1px solid #37d243;}
.text_area .msg .icon_sprite_24 {z-index:1;}
.text_area[class*="wrn"] textarea ~ .letter_length {border-color:#ff003c;}

/* textarea:이미지첨부 */
.text_area .input_set .add_img {position:absolute; left:14px; bottom:5px; height:32px; width:32px; z-index:1;}
.text_area .input_set .add_img .btn {background:url(../images/common/icon_album_32x32.png) no-repeat 0 0; background-size:32px 32px; display:block; cursor:pointer; height:100%; width:100%;}
.text_area .input_set .add_img input[type="file"] {font-size:0; line-height:0; opacity:0; position:absolute; left:0; top:0; height:0; width:0;}

/* 드롭박스 */
.drop_select_wrap {display:flex;}
.drop_select_wrap .drop_select_box {overflow:hidden; box-sizing:border-box; position:relative; display:flex; flex:1; align-items:center; justify-content:space-between; padding:0 20px; height:50px; border-bottom:1px solid #f8f8f8;}
.drop_select_wrap .drop_select_box ~ .drop_select_box {border-left:1px solid #f8f8f8;}
.drop_select_wrap .drop_select_box .btn_btm_pop {position:absolute; left:0; top:0; height:100%; width:100%;}
.drop_select_wrap .drop_select_box .tit {overflow:hidden; text-overflow:ellipsis; white-space:nowrap; word-wrap:normal; padding-right:4px;}
.drop_select_wrap .drop_select_box .icon_arrow {display:block; flex-shrink:0; width:14px; height:14px; background:url('../images/common/icon_arrow_gy_14x14.svg') center/100% no-repeat;}
.drop_select_wrap .drop_select_box.on .icon_arrow {transform:rotate(180deg);}

/* 안내문구 */
.notice_box {padding:10px 20px; background:#f4f4f4 url('../images/common/ico_info_16x16.svg') 20px 10px/16px no-repeat;}
.notice_box .notice_cont {padding-left:26px;}
.notice_box .notice_cont li {color:#666; font-size:12px; line-height:16px; letter-spacing:-0.12px;}
.notice_box .notice_cont li ~ li {margin-top:4px;}

/* 아코디언 타입 추가 */
.acc_menu_wrap .acc_tit {box-sizing:border-box; position:relative; display:flex; align-items:center; justify-content:space-between; height:52px; padding:0 24px;}
.acc_menu_wrap .acc_tit .tit {overflow:hidden; text-overflow:ellipsis; white-space:nowrap; word-wrap:normal; font-size:16px; font-weight:bold; line-height:24px; letter-spacing:-0.24px; padding-right:22px;}
.acc_menu_wrap .acc_tit .icon_arrow {position:absolute; right:24px; top:50%; display:block; margin-top:-8px; width:16px; height:16px; background:url('../images/common/icon_arrow_gy_16x16.svg') center/100% no-repeat;}
.acc_menu_wrap .acc_cont {overflow:hidden; height:0;}
.acc_menu_wrap .acc_cont .text_area {box-sizing:border-box; padding:0 24px 14px;}
.acc_menu_wrap .acc_cont p {color:#444; font-size:14px; line-height:20px; letter-spacing:-0.14px;}
.acc_menu_wrap li.active .acc_tit .icon_arrow {transform:rotate(180deg);}
.acc_menu_wrap li ~ li {border-top:1px solid #eee;}

/* 데이터 없음 타입 */
.data_none_wrap {padding-top:170px; padding-bottom:6px; text-align:center;}
.data_none_wrap .title {margin-bottom:10px; color:#000; font-size:24px; font-weight:bold; letter-spacing:-0.36px; line-height:30px;}
.data_none_wrap .sub_txt {color:#444; font-size:14px; line-height:20px; letter-spacing:-0.14px;}
.data_none_wrap .btn_wrap {justify-content:center;}
.data_none_wrap .btn_wrap .btn {box-sizing:border-box; flex:none; height:48px; margin-top:24px; padding:0 25px; border-radius:24px; font-size:18px; line-height:48px; letter-spacing:-0.27px;}

/* 데이터 없음 - 바텀시트 내에 있는 경우 */
.bottom_sheet_popup .data_none_wrap {padding-top:0px;}
.bottom_sheet_popup.collapse .data_none_wrap {padding-top:16px;}
.bottom_sheet_popup.expand .data_none_wrap {padding-top:80px;}
.bottom_sheet_popup.selected .data_none_wrap {padding-top:40px;}
.bottom_sheet_cont .data_none_wrap .title {margin-bottom:6px; color:#000; font-size:18px; font-weight:bold; line-height:26px; letter-spacing:-0.27px;}
.bottom_sheet_cont .data_none_wrap .btn_wrap .btn {flex:none; height:36px; margin-top:10px; border-radius:12px; font-size:14px; letter-spacing:-0.14px; line-height:36px;}

/* 데이터 없음 - 지역선택 내에 있는 경우 */
.region_center .data_none_wrap {padding-top:80px;}
.region_center .data_none_wrap .title {margin-bottom:6px; color:#000; font-size:18px; font-weight:bold; line-height:26px; letter-spacing:-0.27px;}
.region_center .data_none_wrap .btn_wrap .btn {flex:none; height:36px; margin-top:10px; border-radius:12px; font-size:14px; letter-spacing:-0.14px; line-height:36px;}

/* 데이터 없음 - 안내문구 있는 경우 */
.sub:has(.notice_box) .data_none_wrap {padding-top:140px;}

/* *********************************************************************************************************************************************************************************************
														[ 사진첨부 ]
********************************************************************************************************************************************************************************************* */
/* 공통 */
.add_img_wrap {overflow:hidden; padding:32px 16px 0;}
.add_img_wrap .add_li_cont {overflow:hidden; margin:-8px 0 0 -8px;}
.add_img_wrap .add_li_cont div {float:left; margin:8px 0 0 8px;}
.add_img_wrap .add_li_cont div a {display:flex; justify-content:center; align-items:center; height:76px; width:76px; border-radius:20px; box-sizing:border-box; overflow:hidden;}
.add_img_wrap .add_li_cont div img {height:auto; min-height:76px; width:100%}

/* 사진첨부타이틀 */
.add_img_wrap .tit_wrap {margin-bottom:16px; padding:0 8px; display:flex; align-items:center; justify-content:space-between;}
.add_img_wrap .tit_wrap .tit_18 span {font-weight:normal;}
.add_img_wrap .btn_wrap label {cursor:pointer;}
.add_img_wrap .input_file {display:none;}

/* 사진삭제버튼 */
.add_img_wrap .add_img_li {position:relative;}
.add_img_wrap .add_img_li .btn_del {position:absolute; right:-8px; top:-8px; height:24px; width:24px; z-index:1;}

/* 사진추가버튼 */
.add_img_wrap .btn_add_img a {position:relative; background-color:#F6F6F6; border:2px dashed #e8e8e8;}
.add_img_wrap .btn_add_img a:before,
.add_img_wrap .btn_add_img a:after {background-color:#aaaaaa; content:''; display:block; border-radius:2px; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%);}
.add_img_wrap .btn_add_img a:before { height:22px; width:2px;}
.add_img_wrap .btn_add_img a:after {height:2px; width:22px;}
.add_img_wrap .info_area {padding:16px 0 0 8px;}

/* *********************************************************************************************************************************************************************************************
														[ 배너 ]
********************************************************************************************************************************************************************************************* */
/* ------------------------------ [ 기본형 ] ----------------------------------------------------------------------------------------------------------------------------- */
.bnr_wrap {padding:32px 16px; overflow:hidden;}
.bnr_wrap .bnr_set {position:relative; width:100%;}
.bnr_wrap .swiper-slide{border-radius:16px; overflow:hidden;}
.bnr_wrap > ul > li ~ li {margin-top:32px;}
.bnr_wrap .img_wrap {position:relative; width:100%; border-radius:16px; overflow:hidden;}
.bnr_wrap img {display:block; width:100%; height:100%;}
.bnr_wrap .txt_info {padding:11px 8px 0;}
.bnr_wrap .txt_info .title_label {display:flex; align-items:center;}
.bnr_wrap .txt_info .title_label .post_label {max-width:60px; margin-right:6px; color:#fff; font-size:11px; line-height:20px; letter-spacing:-0.22px; background-color:#666;}
.bnr_wrap .txt_info .title_label .post_label:before {content:'';}
.bnr_wrap .txt_info .title_label .tit_16 {width:calc(100% - 78px); letter-spacing:-0.64px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; word-wrap:normal;}
.bnr_wrap .txt_info .date_info {padding-top:8px; height:16px; overflow:hidden;}
.bnr_wrap .txt_info .date_info li {float:left;}
.bnr_wrap .txt_info .date_info li + li {position:relative; padding-left:15px;}
.bnr_wrap .txt_info .date_info li + li:before {content:''; position:absolute; top:50%; left:0; transform:translateY(-50%); width:3px; height:3px; margin-left:6px; border-radius:50%; background-color:#aaa;}
.bnr_wrap .txt_info .date_info .dday {font-weight:bold;}
.bnr_wrap .txt_info .date_info .dday.ing {color:#37D243;}
.bnr_wrap .txt_info .date_info .dday.deadline {color:#ff003c;}
.bnr_wrap .txt_info .date_info p {font-size:13px; line-height:16px; letter-spacing:-0.26px;}

/* 고도화2차_타임딜 */
.bnr_wrap .time_deal_wrap {position:absolute; left:0; bottom:0; width:100%;}
.bnr_wrap .time_deal_wrap {background-color:rgba(0,0,0,.6); padding:7px; box-sizing:border-box;}
.bnr_wrap .time_deal_wrap .time_txt {color:#fff; font-weight:500; font-size:13px; text-align:center; line-height:1.231em;}
.bnr_wrap .time_deal_wrap .time_txt em {color:#37D243; font-weight:700;}
.bnr_wrap .icon_time_deal {margin-top:-1px; width:16px; height:16px; background-size:16px 16px;}

/* ------------------------------ [ 전시영역배너 01:롤링배너 ] ----------------------------------------------------------------------------------------------------------------- */
.bnr_slide_wrap {overflow:hidden;}
.bnr_slide_wrap .bnr_wrap {padding:0 16px;}
.bnr_slide_wrap .bnr_wrap .swiper {border-radius:16px;}
.bnr_slide_wrap .slide_paging {position:absolute; display:inline-flex; align-items:center; justify-content:center; gap:0 2px; width:auto; z-index:3; right:8px; bottom:8px; left:unset; padding:0 7.5px; height:22px; border-radius:11px; color:#fff; font-size:12px; background:rgb(34 34 34 / 50%);}
.bnr_slide_wrap .slide_paging span {color:#ffffff; font-weight:normal; opacity:1;}
.bnr_slide_wrap .slide_paging span[class*="current"] {font-weight:bold;opacity:1 !important;}

/* ------------------------------ [ 롤링 배너 (점포메인 사용) ] ----------------------------------------------------------------------------------------------------------------- */
.more_slide_wrap .bnr_wrap {padding:0 16px;}
.more_slide_wrap .bnr_wrap .swiper {border-radius:24px;}
.more_slide_wrap .bnr_wrap .img_wrap {border-radius:0;}
.more_slide_wrap .slide_paging {background-color:rgba(34,34,34,0.5); border-radius:12px; box-sizing:border-box; color:rgba(255,255,255,.5); font:bold 12px/1em robo; left:auto; right:16px; bottom:16px; height:24px; padding:6px 0; width:50px;}
.more_slide_wrap .slide_paging span {color:#ffffff; opacity:0.5;}
.more_slide_wrap .slide_paging span[class*="current"] {opacity:1 !important;}

/* ------------------------------ [ 전시영역배너 17:빅타일 ] ----------------------------------------------------------------------------------------------------------------- */
.bigtile_bnr_wrap {overflow:hidden;} /* 2022-05-11 수정 */
.bigtile_bnr_wrap .bnr_wrap {padding:0;} /* 2022-05-11 수정 */
.bigtile_bnr_wrap .slide_paging {background-color:rgba(34,34,34,0.5); border-radius:11px; box-sizing:border-box; left:auto; right:16px; bottom:15px; padding:4px 7.5px; width:auto; height:22px; color:rgba(255,255,255,.5); font:bold 12px/1em robo; line-height:14px;}
.bigtile_bnr_wrap .slide_paging span {color:#ffffff; opacity:0.5;}
.bigtile_bnr_wrap .slide_paging span[class*="current"] {opacity:1 !important;}
.bigtile_bnr_wrap .slide_paging.all_btn {height:22px; border-radius:20px; padding:0 7.5px 0 8px; text-align:right;} /* issues/4311#note_128974 수정 */
.bigtile_bnr_wrap .slide_paging.all_btn::after {content: ""; display:inline-block; margin-left:4px; width:9px; height:9px; background:url('/images/common/icon_plus_bnr.svg') center/100% no-repeat; opacity:.5;}
.bigtile_bnr_wrap .slide_paging.all_btn span {line-height:22px;}
.bigtile_bnr_wrap .bnr_all {position:absolute; display:block; bottom:6px; right:6px; min-width:56px; width:70px; height:22px; padding:10px; z-index:11;}

/* ------------------------------ [ 배너 전체보기 배너] ----------------------------------------------------------------------------------------------------------------- */ /* issues/4311#note_128705 수정, issues/4442 추가 */
.main_bnr_wrap {overflow:hidden;}
.main_bnr_wrap .bnr_wrap {padding:0 16px;}
.main_bnr_wrap .bnr_wrap .swiper {border-radius:24px;}
.main_bnr_wrap .bnr_wrap .img_wrap {border-radius:0;}
.main_bnr_wrap .slide_paging {background-color:rgba(34,34,34,0.5); border-radius:12px; box-sizing:border-box; color:rgba(255,255,255,.5); font:bold 12px/1em robo; left:auto; right:16px; bottom:16px; height:24px; padding:6px 0; width:50px;}
.main_bnr_wrap .slide_paging span {color:#ffffff; opacity:0.5;}
.main_bnr_wrap .slide_paging span[class*="current"] {opacity:1 !important;}
.main_bnr_wrap .slide_paging.all_btn {min-width:51px; width:auto; height:22px; border-radius:20px; padding:0 7.5px 0 8px; text-align:right;} /* issues/4311#note_128974 수정 */
.main_bnr_wrap .slide_paging.all_btn span {line-height:22px;}
.main_bnr_wrap .slide_paging.all_btn::after {content: ""; display:inline-block; margin-left:4px; width:9px; height:9px; background:url("../images/common/icon_plus_bnr.svg") center/100% no-repeat;} /* issues/4311_v2 */
.main_bnr_wrap .bnr_all {position:absolute; display:block; bottom:6px; right:6px; min-width:56px; width:70px; height:22px; padding:10px; z-index:11;}

/* ------------------------------ [ 혜택 탭 롤링배너 전체보기 배너] ----------------------------------------------------------------------------------------------------------------- */ /* issues/4311#note_128705 수정, issues/4442 추가 */
.benefit_wrap {overflow:hidden;}
.benefit_wrap .bnr_wrap {padding:0 16px;}
.benefit_wrap .bnr_wrap .swiper {border-radius:16px;}
.benefit_wrap .bnr_wrap .img_wrap {border-radius:0;}
.benefit_wrap .slide_paging {background-color:rgba(34,34,34,0.5); border-radius:12px; box-sizing:border-box; color:rgba(255,255,255,.5); font:bold 12px/1em robo; left:auto; right:16px; bottom:16px; height:24px; padding:6px 0; width:50px;}
.benefit_wrap .slide_paging span {color:#ffffff; opacity:0.5;}
.benefit_wrap .slide_paging span[class*="current"] {opacity:1 !important;}
.benefit_wrap .slide_paging.all_btn {min-width:51px; width:auto; height:22px; border-radius:20px; padding:0 7.5px 0 8px; text-align:right;} /* issues/4311#note_128974 수정 */
.benefit_wrap .slide_paging.all_btn span {line-height:22px;}
.benefit_wrap .slide_paging.all_btn::after {content: ""; display:inline-block; margin-left:4px; width:9px; height:9px; background:url("../images/common/icon_plus_bnr.svg") center/100% no-repeat;} /* issues/4311_v2 */
.benefit_wrap .bnr_all {position:absolute; display:block; bottom:6px; right:6px; min-width:56px; width:70px; height:22px; padding:10px; z-index:11;}

/* 상품가로순위형 (메인) 3차고도화 추가 */
.sp_exhib:has(.ranked.bg) {margin:0;}
.bg.ranked {padding:26px 0;}
.bg.ranked .tit_wrap span.point {color:#37D243;}
.bg.ranked .box {overflow:hidden; border-radius:20px; background-color:#ffffff;}
.bg.ranked .box .list_num {display:inline-flex; align-items:center; justify-content:center; position:absolute; top:12px; left:12px; width:30px; height:30px; background-color:#222222; border-radius:8px; color:#ffffff; font-size:16px; font-weight:bold; letter-spacing: -0.24px; z-index:1;}
.bg.ranked .list_num::after {display:none;}
.bg.ranked .prd_set {box-sizing:border-box; background-color:#ffffff;}
.bg.ranked .prd_set .img_info_wrap .img {overflow:hidden; border-radius:0; border:none; background:#fff;}
.bg.ranked .prd_set .img_info_wrap .img:empty{background:url('/images/common/img_none_02.png') no-repeat center center;}
.bg.ranked .prd_set .img_info_wrap .img img {box-sizing:border-box; padding:9px 9px 0;}
.bg.ranked .prd_set .txt_wrap {box-sizing:border-box; padding:8px 17px 17px; height:109px;}
.bg.ranked .prd_set .txt_wrap .obj_wrap {height:42px;}
.bg.ranked .prd_set .name {margin:0; padding:0; font-size:14px; line-height:20px; letter-spacing:-0.14px;}
.bg.ranked .prd_set .price {padding:0;}
.bg.ranked .prd_set .flag_c {margin:8px 0 0;}
.bg.ranked .prd_set .quick_cart {bottom:17px;}
.bg.ranked .pdsec_slide .swiper-slide > ul {margin:0 !important; gap:11px;}
.bg.ranked .pdsec_slide .swiper-slide > ul > li {margin:0 !important; width:calc(50% - 5.5px);}
/* .bg.ranked .prd_set.dim_on:has(.adult_thum) .adult_thum {display:none;} */
.bg.ranked .prd_set.dim_on .img_info_wrap:before {border-radius:20px 20px 0 0;}
/* .bg.ranked .prd_set.dim_on .flag_wrap .adult {z-index:2;} */
/* *********************************************************************************************************************************************************************************************
														[ 게시판 ]
********************************************************************************************************************************************************************************************* */
/* ------------------------------ [ 게시판공통 ] --------------------------------------------------------------------------------------------------------------------------- */
/* 게시물정보 */
.post_info {overflow:hidden; position:relative; padding:0 24px;}
.post_info .date {color:#666666; font:normal 13px/1.231 robo; margin-top:8px;}
.post_info .title_label {overflow:hidden;}
.post_info .tit_18 {overflow:hidden; box-sizing:border-box;}
.post_info .go_view .arrow_gray_right {position:absolute; right:0; top:50%; margin-top:-8px;}

/* ------------------------------ [ 게시판라벨 ] --------------------------------------------------------------------------------------------------------------------------- */
.post_label {border-radius:12px; box-sizing:border-box; line-height:1em; text-align:center; padding:0 8px 1px; height:20px; min-width:35px;}
.post_label:before {content:"일반"; color:#666; font-size:13px; font-weight:normal;}
.post_info .date_info {display:flex; align-items:center; margin-top:4px;}
.post_info .date_info p {position:relative; font-size:13px;}
.post_info .date_info .post_label {min-width:inherit; padding:0; height:inherit; line-height:inherit;}
.post_info .date_info .date {margin-top:0;}
.post_info .date_info p + p {padding-left:15px;}
.post_info .date_info p + p:before {content:''; position:absolute; top:50%; left:0; transform:translateY(-50%); width:3px; height:3px; margin-left:6px; border-radius:50%; background-color:#aaa;}
.evt_end .post_label {background-color:#222222;}
.evt_end .post_label:before {content:"이벤트 종료";}
.evt_ing .post_label {background-color:#666666;}
.evt_ing .post_label:before {content:"이벤트";}
.str_evt .post_label {background-color:#666666;}
.str_evt .post_label:before {content:"매장행사";}
.recve .post_label {background-color:#ff003c;}
.recve .post_label:before {content:"접수";}
.answer .post_label {background-color:#37d243;}
.answer .post_label:before {content:"답변";}
.ansr_done .post_label {background-color:#666666;}
.ansr_done .post_label:before {content:"답변완료";}
.exgcy .post_label:before {content:"긴급공지"; color:#37d243; font-weight:bold;}
.winner .post_label:before {content:"당첨자 발표";}

/* ------------------------------ [ 게시판목록 ] --------------------------------------------------------------------------------------------------------------------------- */
.list_ui {overflow:hidden;}
.list_ui .list_sort .number {font-size:16px;}
.list_ui ul {overflow:hidden;}
.list_ui li {overflow:hidden; border-bottom:1px solid #f6f6f6; box-sizing:border-box; padding:20px 16px 20px 0;}
.list_ui li:first-child {border-top:1px solid #f6f6f6;}
.list_ui .post_info {padding-right:58px;}
.list_ui .title_label {display:flex;}
.list_ui .post_label {display:block;}
.list_ui .tit_18 {overflow:hidden; flex:none; line-height:20px; text-overflow:ellipsis; white-space:nowrap; word-wrap:normal; max-width:calc(100% - 70px);}
.list_ui li:not(.noti) .tit_18 {min-width:100%; width:100%; max-width:100%;}

.list_ui .sort_date {overflow:hidden; margin-top:6px;}
.list_ui .sort_date p,
.list_ui.accordion .ask .sort {float:left; line-height:16px; position:relative; margin:0;}
.list_ui .sort_date p ~ p {margin-left:6px; padding-left:9px;}
.list_ui .sort_date p ~ p:before {background-color:#aaaaaa; content:""; border-radius:10px; position:absolute; left:0; top:50%; margin-top:-2px; height:3px; width:3px;}

/* ------------------------------ [ 아코디언 게시판 ] ------------------------------------------------------------------------------------------------------------------------ */
.accordion {}
.accordion.list_ui li {padding:0;}
.accordion.list_ui li.active {background-color: #F6F6F6;} /* 2024-03-21 issues/5107 */
.accordion.list_ui .tit_area {overflow:hidden; position:relative; box-sizing:border-box; padding:24px 64px 24px 24px;}
.accordion.list_ui .tit_area .tit_18 {min-width:auto;}
.accordion.list_ui .tit_area .sort {color:#666666; font-size:13px;}
.accordion.list_ui .tit_area .icon_sprite_16 {position:absolute; right:24px; top:50%; margin-top:-8px;}
.accordion.list_ui .list_sort {margin-bottom:0; padding:16px 24px 20px;}
.accordion.list_ui .list_sort .tit_area .tit_18 {line-height:26px;}
.accordion.list_ui .list_sort .number {text-indent:0; font-size:14px;}
.accordion.list_ui .modify_area {position:absolute; bottom:24px; right:24px;}
.accordion.list_ui .modify_area a {position:relative; display:inline-block; color:#666; font-size:14px; font-weight:bold;}/* issues/3266 underline */
.accordion.list_ui .modify_area a::after{content:''; position:absolute; bottom: 4px; left: 0; width:100%; height:1px; background-color:#666;}/* issues/3266 underline */
.accordion.list_ui .modify_area a ~ a {margin-left:11px;}

.accordion .acc_open_wrap {overflow:hidden; height:0;}
.accordion .acc_open_wrap {transition:height 0.3s ease-in-out;}
.accordion .acc_cotn_wrap {background-color:#f6f6f6; overflow:hidden;}

.accordion .acc_cotn_wrap .cotn_area {overflow:hidden; box-sizing:border-box; padding:24px;}
.accordion .acc_cotn_wrap .cotn_area p {font-size:14px; line-height:1.429em;}
.accordion .acc_cotn_wrap .cotn_area p.tit {font-weight:bold;} /* 2024-03-21 issues/5107 */
.accordion .acc_cotn_wrap .cotn_area p.tit + p {margin-top:11px;}
.accordion .acc_cotn_wrap .cotn_area.owner_cmnt .tit + .cmnt_date {margin-top:0; color:#666; font-size:13px;}

/* 게시판 목록 스타일:1:1문의 */
.accordion .tit_area .post_info {position:unset; padding:0;}
.accordion .post_info .tit_18 {min-width:auto;}
.accordion .post_info .post_label {margin-top:8px;}
.accordion .post_info .post_label:before {font-size:11px; font-weight:bold;}
.accordion .rv_photo {margin-top:16px;}

/* 접수 */
.accordion .request .post_label {height:inherit; background-color:#f6f6f6; display:block; width:40px;}
.accordion .request .post_label:before {content:"접수";}

/* 답변완료 */
.accordion .answ_cmplt .post_label {background-color:#37D243; display:block; width:60px;} /* 2024-03-21 issues/5107 */
.accordion .answ_cmplt .post_label:before {content:"답변완료"; color: #fff;} /* 2024-03-21 issues/5107 */
.accordion .answ_cmplt .post_info .tit_18 {max-width:calc(100% - 52px);}

/* 컨텐츠열림 */
.accordion .active .title_label {flex-direction:column;}
.accordion .active .tit_area .icon_sprite_16 {background-position:-78px -44px;}
.accordion.list_ui .active .tit_area .tit_18 {text-overflow:inherit; white-space:normal; max-width:100%;}
.accordion .active .acc_open_wrap {transition-duration:0.5s;}

/* 아코디언 스크롤 */
.accordion_scroll {position:relative; overflow-y:auto; height:100%;}
.accordion_scroll .acc_open_wrap {overflow-y:hidden; height:0; transition:height 0.5s ease-in-out;}
.accordion_scroll .acc_cotn_wrap {height:auto; box-sizing:border-box;}
.accordion_scroll li.active .tit_area {position:sticky; top:0; background:#fff; z-index:2;}

/* 마스터 댓글 (리뷰 or 고객센터) */
.review .owner_cmnt {overflow:hidden; padding:20px 0; margin:0 20px; border-top:1px solid #F6F6F6;}
.owner_cmnt .cmnt_info {overflow: hidden;} /* 2024-03-21 issues/5107 */
.owner_cmnt .cmnt_info p {float: left; position: relative; margin: 0;} /* 2024-03-21 issues/5107 */
.owner_cmnt .cmnt_info p ~ p {margin-left: 6px; padding-left: 9px;} /* 2024-03-21 issues/5107 */
.owner_cmnt .cmnt_info p ~ p:before {background-color: #aaaaaa; content: ""; border-radius: 10px; position: absolute; left: 0; top: 50%; margin-top: -2px; height: 3px; width: 3px;} /* 2024-03-21 issues/5107 */
.owner_cmnt .cmnt_label {display:flex; align-items:center;}
.owner_cmnt .cmnt_label p {display:inline-block; margin-left:6px; font-size:14px; font-weight:bold;}
.owner_cmnt .cmnt_txt {padding-top:16px;}
.owner_cmnt .icon_cu_16 {display:block; background:url(../images/common/icon_cu_16.png) no-repeat 0 0; background-size:26px 16px; height:16px; width:26px;}

/* ------------------------------ [ 약관 스타일 ] --------------------------------------------------------------------------------------------------------------------------- */
.list_ui[class*="prov_ui"] {}
.list_ui[class*="prov_ui"] li {padding:16px 24px;}

/* 약관동의:체크박스+문구 */
.form_policy {overflow:hidden; box-sizing:border-box; position:relative; padding-right:40px;}
.form_policy.tit_st {padding-right:0;}
.form_policy .input_chk {display:inherit;}
.form_policy .form_chk {box-sizing:border-box; height:auto; width:100%;}
.form_policy .form_chk .txt {float:left; box-sizing:border-box; letter-spacing:-1.7px; padding-left:8px; width:100%;}
.form_policy[class*="mid"] .form_chk .txt {font-size:16px; letter-spacing:inherit; line-height:24px;}
.form_policy[class*="nrml"] .form_chk .txt {font-size:16px; font-weight:normal; letter-spacing:inherit;}
.form_policy.small .form_chk .txt {font-size:14px; font-weight:normal; letter-spacing:inherit;}

.form_policy .btn_policy {position:absolute; right:0; top:3px; height:16px; width:16px;}

/* 약관동의:상세약관, 하위레벨영역 */
.plcy_wrap {overflow:hidden;}
.plcy_wrap .dtl_plcy {overflow:hidden; position:relative; margin-top:16px; padding:0 40px 0 32px;}
.plcy_wrap .dtl_plcy p {font-size:14px;}
.plcy_wrap .dtl_plcy .btn_policy {position:absolute; right:0; top:0;}
.plcy_wrap .dtl_plcy .form_policy {padding-right:0;}
.plcy_wrap .input_chk.low_depth {margin-top:16px; padding-left:32px;}
/* issues/4303 추가 */
.plcy_wrap .grad_bdr_box {position:relative; display:flex; align-items:center; justify-content:center; background-image:linear-gradient(#ffffff, #ffffff), linear-gradient(80deg, #50e2c4, #895eee); background-origin:border-box; background-clip:content-box, border-box; border-radius:22px; box-sizing:border-box; font-size:14px; color:#222; font-weight:bold;  height:63px; text-align:center; border:3px solid transparent; margin:18px 8px 0;}
.plcy_wrap .grad_bdr_box:before {content:''; position:absolute; left:68px; top:-15px; width:12px; height:15px; background:url('../images/common/icon_grad_arrow.png') center no-repeat; background-size:12px auto;}



/* 약관동의:안내문구 */
.form_policy .sub_copy {font-size:14px; margin-top:12px; padding:0 24px 0 28px;}

/* ------------------------------ [ 게시판상세 ] --------------------------------------------------------------------------------------------------------------------------- */
.view_ui {overflow:hidden;}
.view_ui .txt_area {overflow:hidden; box-sizing:border-box; padding:32px 24px 40px;}
.view_ui .txt_area > * {line-height:24px;}
.view_ui .img {overflow:hidden;}
.view_ui .img img {margin:0 auto; width:100% !important;}

/* *********************************************************************************************************************************************************************************************
														[ 리뷰목록 ]
********************************************************************************************************************************************************************************************* */
/* 리뷰목록 */
.post_list {overflow:hidden; padding:0 16px;}
.post_list li ~ li {margin-top:16px;}
.post_list .cotn_area {overflow:hidden;}

.post_list .list_sort {margin-bottom:16px; padding-right:0;}
.post_list .date {font-family:robo; font-size:13px; color:#666;}

.post_list .box_shape .cotn {padding:0;}
.post_list .box_shape .cotn .rv_photo {margin-top:16px;}

.post_list .rv_wrap {padding:18px 16px 16px;}
.post_list .rv_wrap .rv_info {display:flex; align-items:center; overflow:hidden;}

/* 리뷰평점 */
.post_list .rv_info {overflow:hidden;}
.post_list .rv_info .str_value {margin-right:auto; width:80px;}
.post_list .rv_info .str_value .star {background:url(../images/common/icon_star_on.svg) no-repeat 0 0; background-size:80px 16px; display:block; overflow:hidden; height:16px;}
.post_list .rv_info .str_value .score {overflow:hidden; line-height:16px;}
.post_list .rv_info .str_value .score i {float:left;}
.post_list .rv_info .str_value .score strong {float:left; margin-left:6px; font-size:20px; line-height:1.2em;}

/* 별 아이콘 */
.str_value i.star {background:url(../images/common/icon_star_off.svg) no-repeat 0 0; background-size:120px auto; position:relative; margin-left:11px; height:24px; width:120px;}
.str_value i.star .on_star {background:url(../images/common/icon_star_on.svg) no-repeat 0 0; content:""; position:absolute; left:0; top:0; height:100%; width:100%;}

/* 별점평가 */
.star_review .box_star {padding:16px 0 20px 0; border:3px solid #E8E8E8; border-radius:20px;}
.star_review .box_star .star_point {text-align:center; font-size:40px; color:#222222; line-height:1em;}
.star_review .box_star .star_wrap {margin-top:7px; height:32px; text-align:center;}
.star_review .box_star .star_wrap a {display:inline-block;}
.star_review .box_star .star_wrap a + a {margin-left:7px;}
.star_review .star_review_txt {margin-top:16px; text-align:center; color:#666666;}

/* 작성자/작성날짜 */
.review .rv_wrap .rv_info .info_cont {margin-left:auto;}
.rv_wrap .rv_writer {display:flex; align-items:center; margin-top:16px;}
.rv_wrap .info_cont {overflow:hidden;}
.rv_wrap .info_cont p {float:left; color:#aaaaaa; font-size:13px;}
.rv_wrap .info_cont p ~ p {padding-left:15px; position:relative;}
.rv_wrap .info_cont p ~ p:after {display:block; content:''; position:absolute; left:6px; top:7px; height:3px; width:3px; border-radius:50%; background-color:#aaa;}
.rv_wrap .rv_writer .phone_num {color:#aaaaaa; font-size:13px;}
.rv_wrap .rv_writer .profile {background:url(../images/common/img_profile.svg) no-repeat 0 0; background-size:cover; overflow:hidden; border-radius:50%; margin-right:8px; height:32px; width:32px;}
.rv_wrap .rv_writer .profile img {display:block; object-fit:cover; height:100%; width:100%;}
.rv_wrap .rv_writer .nick_name {color:#222222; font-size:14px; font-weight:bold;}

/* 상세평가 */
.review .rv_wrap .dtl_eval {overflow:hidden; margin-top:15px;}
.review .rv_wrap .dtl_eval p {background-color:#F6F6F6; border-radius:16px; padding:3px 11px; float:left; box-sizing:border-box;}
.review .rv_wrap .dtl_eval p ~ p {margin-left:6px;}
.review .rv_wrap .dtl_eval p strong,
.review .rv_wrap .dtl_eval p span {font-size:13px; color:#666666;}

.review .rv_wrap .rv_txt {padding-top:16px;word-break:break-all;}

/* ------------------------------ [ 지도+점포정보 ] -------------------------------------------------------------------------------------------------------------------------- */
.map {overflow:hidden; position:relative;}
.map .map_wrap {/* border:1px solid blue; */ box-sizing:border-box; position:relative; height:100%;}
.map .map_wrap .map_loc {display:flex; justify-content: center; align-items: center; position:absolute; top:20px; left:50%; height:34px; border-radius:12px; background:#fff url(../images/common/icon_map_loc.png) no-repeat left 8px center / 18px 18px; background-size:20px; box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.16); cursor:pointer;border:1px solid #CCC;z-index:1;padding:1px 10px 0 10px;transform:translateX(-50%);box-sizing:border-box;font-size:12px;font-weight:bold;line-height:16px; text-indent:1.91em; white-space: nowrap;}/* 고도화 issues/34 수정 */
.map .map_wrap img {display:block; width:100%; height:100%;}
.map .map_wrap .map_fin {position:absolute; top:250px; left:47px; width:26px; height:36px; background:url(../images/common/icon_fin.png) no-repeat 0 0; background-size:26px 36px; cursor:pointer;}
.map .map_wrap .map_fin.reg {width:34px; height:42px; background:url(../images/common/icon_fin_reg.png) no-repeat 0 0; background-size:34px 42px;}
.map .map_wrap .map_fin.dotchk {width:40px; height:58px; background:url(../images/common/icon_finchk.png) no-repeat 0 0; background-size:40px 58px;}
.map .map_wrap .map_fin.dotchk_reg {width:40px; height:58px; background:url(../images/common/icon_finchk_reg.png) no-repeat 0 0; background-size:40px 58px;}
.map .store_info {position:absolute; bottom:20px; right:0; left:0; margin:0 auto;}
.map .map_wrap .info_box {overflow:hidden; position:fixed; left:50%; bottom:94px; transform: translateX(-50%); max-width:calc(100% - 38px); padding:0 20px; background:#222222; height:38px; line-height:38px; border-radius:19px; color:#fff; font-size:13px; font-weight:bold; letter-spacing:-0.13px; text-align:center; white-space:nowrap; text-overflow:ellipsis; box-sizing:border-box; z-index:1;}
.map .map_wrap .info_box a {border-bottom:1px solid #37d243; color:#37D243;}
.map_store .map .map_wrap .info_box {bottom:150px; max-width:calc(100% - 8px);}

/* 지도 내 상단 컨텐츠 */
.map .map_top_cont {position:absolute; top:0; right:0; left:0; z-index:1;}

/* 지도뷰 버튼 */
.map_wrap .view_btn_wrap {position:relative; margin-top:12px;}
.map_wrap .view_btn_wrap .btn_map_search {box-sizing:border-box; position:absolute; top:0; left:50%; transform:translateX(-50%); display:flex; justify-content:center; align-items:center; height:34px; padding:1px 9px 0 31px; border-radius:12px; border:1px solid #dddddd; box-shadow:0 2px 10px 0 rgba(0, 0, 0, 0.07); font-size:13px; font-weight:bold; line-height:18px; letter-spacing:-0.13px; white-space:nowrap; background:#fff url('../images/common/icon_refresh_18x18.svg') 9px center /18px no-repeat; z-index:1;}
.map_wrap .view_btn_wrap .btn_map_loc {box-sizing:border-box; position:absolute; top:0; right:20px; width:36px; height:36px; border-radius:10px; border:1px solid #eeeeee; box-shadow:0 2px 10px 0 rgba(0, 0, 0, 0.07); background:#ffffff url('../images/common/icon_location_22x22.svg') center/20px no-repeat; z-index:1;}
.map_wrap .view_btn_wrap .btn_map_loc ~ .stock_check {top:48px;}
.map_wrap .view_btn_wrap .stock_check {position:absolute; top:0; right:20px;}
.map_wrap:has(.timeout_box) .view_btn_wrap {top:32px;}

/* 지도뷰 타이머 */
.map .view_timer_wrap {position:absolute; top:0; right:0; left:0;}
.map .timeout_box {padding:8px 5px; text-align:center; box-sizing:border-box; background:#222222;}
.map .timeout_box p {overflow:hidden; color:#fff; font-size:12px; letter-spacing:-0.12px; line-height:16px; text-overflow:ellipsis; white-space:nowrap;}
.map .timeout_box .time_num {display:inline-block; margin:0 4px; color:#FEDC23; font-weight:bold;}

.map .count_timer {margin:10px 0 0 15px;}
.map .count_timer .base_timer {overflow:hidden; position:relative; width:58px; height:58px; border-radius:100%; box-shadow:0 4px 4px rgba(0,0,0,0.2); background:#fff;}
.map .count_timer .base_timer_svg {transform:scale(-0.9);}
.map .count_timer .base_timer_circle {fill:none; stroke:none;}
.map .count_timer .base_timer_path_elapsed {stroke-width:10px; stroke:#eeeeee;}
.map .count_timer .base_timer_path_remaining {stroke-width:10px; transform:rotate(270deg); transform-origin:center; transition:1s linear all; fill-rule:nonzero; stroke:#FFC321; }
.map .count_timer .base_timer_path_remaining.time_up {stroke:#eeeeee; transition:none;}
.map .count_timer .base_timer_label {position:absolute; width:58px; height:58px; top:0; display:flex; align-items:center; justify-content:center; color:#444; font-size:12px; font-weight:bold;}

/* 지도뷰 탭 메뉴 */
.tab_view_wrap {display:flex; padding-top:6px; padding-bottom:0; border-bottom:1px solid #f8f8f8;}
.tab_view {padding-bottom:0;}
.tab_view li {flex:1;}
.tab_view li a {padding:7px 0 9px; font-weight:normal; line-height:24px; letter-spacing:-0.24px; color:#444;}
.tab_view li.on::before {content:''; position:absolute; left:0; bottom:0; width:100%; height:3px; background-color:#37d243;}
.tab_view li.on a {font-weight:bold; color:#37d243;}
.btn_view_toggle {position:relative; height:36px; margin-left:10px; padding-left:10px; padding-right:16px;}
.btn_view_toggle::before {content:''; position:absolute; left:0; top:50%; transform:translateY(-50%); width:1px; height:18px; background-color:#ddd;}
.btn_view_toggle .icon {display:block; width:24px; height:24px; padding:6px; background-size:24px 24px; background-position:center; background-repeat:no-repeat;}
.tab_view_wrap.map_view .btn_view_toggle .icon {background-image:url('../images/common/icon_list_24x24.svg');}
.tab_view_wrap.list_view .btn_view_toggle .icon {background-image:url('../images/common/icon_map_24x24.svg');}

/* 지도뷰 탭(검색) */
.search_view .tab_view_wrap {padding:3px 0 6px 20px; justify-content:end;}
.search_view .tab_view_wrap .sercah_store {font-size:14px; color:#444; padding:10px 0 6px; margin-right:auto;}
.search_view .tab_view_wrap .btn_search_list {position:relative; height:36px; margin-left:10px; padding-left:10px; padding-right:16px;}
.search_view .tab_view_wrap .btn_search_list .icon {display:block; width:24px; height:24px; padding:6px; background-size:24px 24px; background-image:url('../images/common/icon_list_24x24.svg'); background-position:center; background-repeat:no-repeat;}

/* 지도뷰 상단고정 영역 */
.sticky_box {position:sticky; top:56px; left:0; width:100%; background-color:#fff; z-index:10;}

/* 점포 위치: 지도뷰 검색결과 */
.search_map_loc .btm_cont {position:fixed; right:0; bottom:0; left:50%; width:100%; max-width:540px; max-height:308px; border-radius:24px 24px 0 0; background-color:#fff; transform:translateX(-50%); z-index:101; overflow-y:auto; box-shadow:0 -2px 8px rgba(0,0,0,.1);}
.search_map_loc .btm_cont .btm_cont_wrap {padding:24px 30px 40px;}
.search_map_loc .btm_cont .heading {padding:0 0 20px; font-size:20px; font-weight:bold; line-height:24px; letter-spacing:-0.3px;}
.search_map_loc .btm_cont .store_info_wrap {padding:0;}
.search_map_loc .btm_cont .btn_wrap {padding-top:24px;}

/* 지도뷰 - 핀 공통 */
.pin_area {min-width:max-content; cursor:pointer;}
.pin_area .mark,
.pin_area .txt {flex-shrink:0;}

/* 지도뷰 - 현재위치 */
.pin_current .pin_area {width:36px; height:36px; background-image:url('../images/common/pin_current_location.png'); background-size:100%; background-repeat:no-repeat;}

/* 지도뷰 - 점포 핀 */
.pin_store .pin_area {width:24px; height:24px; background-image:url('../images/common/pin_cu_on.png'); background-position:center; background-size:100%; background-repeat:no-repeat;}
.pin_store.off .pin_area {background-image:url('../images/common/pin_cu_off.png');}
.pin_store.heart .pin_area {background-image:url('../images/common/pin_heart_on.png');}
.pin_store.heart.off .pin_area {background-image:url('../images/common/pin_heart_off.png');}
.pin_store.dot .pin_area {background-image:url('../images/common/pin_store_dot.png'); background-size:12px 12px;}
.pin_store.dot.off .pin_area {background-image:url('../images/common/pin_store_dot_off.png');}

.pin_store.select::before {content:''; position:absolute; left:50%; bottom:-3px; transform:translateX(-50%); width:20px; height:6px; background-image:url('../images/common/pin_shadow.png'); background-position:center; background-size:100%; background-repeat:no-repeat;}
.pin_store.select .pin_area {position:relative; width:34px; height:46px; background-image:url('../images/common/pin_cu_select_on.svg'); background-size:100%; background-repeat:no-repeat;}
.pin_store.select.off .pin_area {background-image:url('../images/common/pin_cu_select_off.svg');}
.pin_store.heart.select .pin_area {background-image:url('../images/common/pin_heart_select_on.svg');}
.pin_store.heart.select.off .pin_area {background-image:url('../images/common/pin_heart_select_off.svg');}

/* 지도뷰 - 재고 핀 */
.pin_stock .pin_area {box-sizing:border-box; position:relative; display:flex; align-items:center; padding:3px 6px 3px 3px; border:1px solid #37D243; border-radius:30px; background-color:#fff;}
.pin_stock .mark {display:inline-block; width:16px; height:16px; margin-right:3px; background-image:url('../images/common/pin_cu_stock_on.svg'); background-size:100%; background-repeat:no-repeat;}
.pin_stock .txt {color:#37D243; font-size:11px; font-weight:bold; letter-spacing:0; line-height:16px;}
.pin_stock.heart .pin_area {border-color:#FE5655;}
.pin_stock.heart .mark {background-image:url('../images/common/pin_heart_stock_on.svg');}
.pin_stock.heart .txt {color:#FE5655;}
.pin_stock.recommend .pin_area {border-color:#744AE8;}
.pin_stock.recommend .mark {background-image:url('../images/common/pin_recommand_stock.svg');}
.pin_stock.recommend .txt {color:#744AE8;}

.pin_stock.off .pin_area {border-color:#ccc; background-color:#ddd;}
.pin_stock.off .pin_area .mark {background-image:url('../images/common/pin_cu_stock_off.svg');}
.pin_stock.off .pin_area .txt {color:#aaa;}
.pin_stock.heart.off .mark {background-image:url('../images/common/pin_heart_stock_off.svg');}

.pin_stock.select::before {content:''; position:absolute; left:50%; bottom:-9px; transform:translateX(-50%); width:20px; height:6px; background-image:url('../images/common/pin_shadow.png'); background-position:center; background-size:100%; background-repeat:no-repeat;}
.pin_stock.select .pin_area {padding:5px 8px 5px 6px; border-color:#fff; background-color:#37D243;}
.pin_stock.select .pin_area .mark {width:18px; height:18px; margin-right:4px; background-image:url('../images/common/pin_cu_stock_select_on.svg');}
.pin_stock.select .pin_area .txt {color:#fff; font-size:14px; letter-spacing:-0.14px; line-height:20px;}

.pin_stock.heart.select .pin_area {border-color:#fff; background-color:#FE5655;}
.pin_stock.heart.select .pin_area .mark {background-image:url('../images/common/pin_heart_stock_select_on.svg');}
.pin_stock.heart.select .pin_area .txt {color:#fff;}

.pin_stock.recommend.select .pin_area {border-color:#fff; background-color:#744AE8;}
.pin_stock.recommend.select .pin_area .mark {background-image:url('../images/common/pin_recommand_stock_select.svg');}

.pin_stock.select.off .pin_area {border-color:#fff; background-color:#aaa;}
.pin_stock.select.off .pin_area .mark {background-image:url('../images/common/pin_cu_stock_select_off.svg');}
.pin_stock.select.off .pin_area .txt {color:#ddd;}
.pin_stock.heart.select.off .pin_area .mark {background-image:url('../images/common/pin_heart_stock_select_off.svg');}

.pin_stock.select .pin_area::before,
.pin_stock.select .pin_area::after {content:''; position:absolute; left:50%; transform:translateX(-50%); width:0; height:0;}
.pin_stock.select .pin_area::before {bottom:-5px; border-left:6px solid transparent; border-right:6px solid transparent; border-top:6px solid #37D243; z-index:1;}
.pin_stock.select .pin_area::after {bottom:-7px;border-left:7px solid transparent; border-right:7px solid transparent; border-top:7px solid #fff; z-index:0;}
.pin_stock.heart.select .pin_area::before {border-top-color:#FE5655;}
.pin_stock.recommend.select .pin_area::before {border-top-color:#744AE8;}
.pin_stock.select.off .pin_area::before {border-top-color:#aaa;}
.pin_stock.select.off .pin_area::after {border-top-color:#fff;}


/* ------------------------------ [ 행사상품 ] -------------------------------------------------------------------------------------------------------------------------- */
.evt_goods {position:relative; overflow:hidden;}
.evt_goods .tit_24 {float:left;}
.evt_goods .icon_big {float:left; width:32px; height:32px; margin:-2px 0 0 8px;}
.evt_goods img {width:100%; height:100%;}
.evt_goods.option{display:flex;}
.evt_goods.option .icon_mid {/*float:left;*/width:24px; height:24px; margin:-1px 6px 0 0; flex:0 0 30px;}
.flag_plus p{background-color:#8059ea;color:#ffffff; border-radius:12px;box-sizing:border-box;font-size:11px; font-weight:bold; line-height:1em; text-align:center; margin:2px; height:20px;padding:4px 8px 3px;}
.evt_goods.option .flag_plus{margin-right:8px}
.evt_goods.option .txt {/*float:left;*/font-size:14px; font-weight:bold; line-height:21px;flex:1; margin-top: 1px;/*max-width:75%;*/}
.evt_goods.option .txt span {display:block; font-weight:normal;}
.evt_goods.option .go_view {left:auto;right:auto;position:relative;width:inherit;height:inherit;color:#666666; font-size:14px;font-weight:bold;margin-left:6px;}/* issues/3266 underline */
.evt_goods.option .go_view span{position:relative;}/* issues/3266 underline */
.evt_goods.option .go_view span::after{content:''; position:absolute; bottom: 1px; left: 0; width:100%; height:1px; background-color:#666;}/* issues/3266 underline */
.evt_goods.option .time {float:right; color:#ff4121; font-size:14px;font-weight:bold;line-height:1.714em;margin-left:6px;}

/* ------------------------------ [ 쿠폰 ] -------------------------------------------------------------------------------------------------------------------------- */
/* 쿠폰리스트 */
.cp_wrap .cp_enroll {display:flex; justify-content:space-between; padding:16px 24px 0;}
.cp_wrap .coupon_list {padding:11px 16px 0;}
.cp_wrap .coupon_list li + li {margin-top:16px;}
.cp_set {position:relative; overflow:hidden;}

/* 쿠폰 */
.cp_cnt .top_cnt {display:flex;align-items:center;position:relative; padding:16px 20px 16px 16px; border-radius:22px 22px 0 0; box-sizing:border-box;}
.cp_cnt .top_cnt .img_area {background:url(../images/common/img_none_02.png) no-repeat center center;background-size:cover; overflow:hidden; border:1px solid #eeeeee; border-radius:10px; box-sizing:border-box; position:relative; width:64px; height:64px;}
.cp_cnt .top_cnt .img_area img {position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); width:100%;}
.cp_cnt .top_cnt .txt_area {width:calc(100% - 72px);}
.cp_cnt .top_cnt .img_area ~ .txt_area{padding-left:8px;}
.cp_cnt .top_cnt .txt_area .tit {font-weight:bold; letter-spacing:-0.64px;padding-right:21px;}
.cp_cnt .top_cnt .txt_area .tit_20 {margin-top:4px;}
.cp_cnt .top_cnt .txt_area .label {margin-top:8px; overflow:hidden;}
.cp_cnt .top_cnt .txt_area .label p {float:left; padding:0 8px; height:20px; border-radius:12px; font-size:11px; line-height:20px; box-sizing:border-box; background-color:#f6f6f6;}
.cp_cnt .top_cnt .txt_area .label p + p {margin-left:4px;}
.cp_cnt .top_cnt .txt_area .txt_link {position:relative; z-index:1;}
.cp_cnt .top_cnt .set {position:absolute;top:21px; right:16px; width:32px; height:32px;}
.cp_cnt .top_cnt .flag_area {position:relative; margin-top:8px; height:20px; overflow:hidden;}
.cp_cnt .top_cnt .flag_area .flag {padding:0 8px; height:20px; color:#ffffff; font-size:11px; line-height:20px; font-weight:bold; border-radius:12px; background-color:#37d243; box-sizing:border-box;}
.cp_cnt .top_cnt .flag_area .date {margin-left:8px; font-size:13px; line-height:20px; letter-spacing:-0.26px;}
.cp_cnt .top_cnt .flag_area .bt_area {position:absolute; top:50%; right:1px; transform:translateY(-50%);}
.cp_cnt .top_cnt .flag_area .bt_area .btn {position:relative; color:#666666; font-size:14px; font-weight:bold;}/* issues/3266 underline */
.cp_cnt .top_cnt .flag_area .bt_area .btn::after{content:''; position:absolute; bottom: 0; left: 0; width:100%; height:1px; background-color:#666;}/* issues/3266 underline */
.cp_cnt .top_cnt .price_area {display:flex; justify-content:space-between; align-items:center; margin-top:30px; height:26px; line-height:26px; box-sizing:border-box;}
.cp_cnt .top_cnt .price_area .tit {font-weight:bold;}
.cp_cnt .top_cnt .price_area .price {overflow:hidden;}
.cp_cnt .top_cnt .price_area .price p {float:left;}
.cp_cnt .top_cnt .price_area .price .total {color:#666666; font-size:14px; line-height:26px;}
.cp_cnt .top_cnt .price_area .price .empty {margin-left:8px;}
.cp_cnt .top_cnt .price_area .price .empty strong {font-family:robo; font-size:20px;}
.cp_cnt .top_cnt .form_chk,
.cp_cnt .top_cnt .form_rdo {position:absolute; top:0; left:0; width:100%; height:100%; padding-left:0;z-index:1;}
.cp_cnt .top_cnt .form_chk .icon,
.cp_cnt .top_cnt .form_rdo .icon {position:absolute; top:50%;left:auto;right:calc(6.3% - 7.5px);margin-top:-10px;z-index:1;background-color:transparent;}
.cp_cnt .top_cnt .form_chk input:checked ~ .icon,
.cp_cnt .top_cnt .form_rdo input:checked ~ .icon{background-color: #37d243;}
.cp_cnt .top_cnt .input_chk::after,
.cp_cnt .top_cnt .input_radio::after{display:block;content:'';position:absolute;top:0;right:0;width:calc(12.5% + 5px);height:100%;background-color:#f6f6f6;border-top-right-radius: 22px;border-bottom-right-radius: 22px;}
.cp_cnt .go_view.present {position:absolute;top:0;right:0;left:auto;background:url(../images/common/icon_menu_36x36_01.png) center no-repeat;background-size:36px 36px;box-sizing:border-box; z-index:1;width:calc(12.5% + 5px);height:100%;background-color:#F6F6F6;border-top-right-radius:24px;border-bottom-right-radius:24px;}
.cp_cnt .btm_box .expr {height:76px; padding:28px 0; border-radius:16px; text-align:center; background-color:#f6f6f6; box-sizing:border-box;}
.cp_cnt .btm_box .expr.use {padding:17px 0;}
.cp_cnt .btm_box .expr .date {margin-top:4px; color:#666666; font-size:14px;}
.cp_cnt .btm_cnt .dl_div .tit {width:59px; color:#666666; font-size:13px; font-weight:normal;}
.cp_cnt .btm_cnt .dl_div p {color:#222222; font-size:13px;}
.cp_cnt .btm_cnt .dl_div .stock {font-weight:bold;}
.cp_cnt .btm_cnt .dl_div .stock.soldout {color:#ff4121;}
.cp_cnt .btm_cnt .go_view.store_link {font-size: 16px; font-weight: bold; z-index: 3; text-align: center;}

/* 사용완료 */
.cp_set .img_area .dim_cotn {display:none;}
.cp_set.dim_on .cp_box {background:#f6f6f6;}
.cp_set.dim_on .cp_box .cp_cnt:before,
.cp_set.dim_on .cp_box .btm_cnt:before {background-color:#f6f6f6;}
.cp_set.dim_on .cp_box .cp_box:after,
.cp_set.dim_on .cp_box .cp_cnt:after,
.cp_set.dim_on .cp_box .btm_cnt:after {background-color:#f6f6f6;}
.cp_set.dim_on .img_area .dim_cotn {content:''; display:block; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); width:100%; color:#ffffff; font-size:14px; font-weight:bold; line-height:1.250em; text-align:center; z-index:2;}
.cp_set.dim_on .cp_cnt .top_cnt .img_area:before {background-color:rgba(0,0,0,0.4); content:'';  border-radius:10px; position:absolute; left:0; top:0; height:100%; width:100%; z-index:1;}
.cp_set.dim_on .txt_area p,
.cp_set.dim_on .flag_area p {color:#dddddd;}
.cp_set.dim_on .txt_area .txt_link {display:none;}
.cp_set.dim_on .flag_area .flag {background-color:#f6f6f6;}

.cp_set.dim_on .btm_cnt .dl_layout .dl_div p {color:#cccccc;}
.cp_set.dim_on .cp_box.type03 .cp_cnt .top_cnt .img_area:before {border-radius:0; background-color:rgba(255,255,255,0.4);}
.cp_set.dim_on .invent span,.cp_set.dim_on .invent strong{color:#ddd}
.cp_set.dim_on .go_view.present{display:none;}
.cp_set.dim_on .cp_box.dott .top_cnt::after{border-color:#eee}

/* 쿠폰 기본형 */
.cp_box {position:relative; padding:3px; border-radius:24px; box-sizing:border-box; background:linear-gradient(69deg, #50e2c4 7%, #895eee 100%);}
.cp_box:before {content:''; position:absolute; top:-9px; right:12.5%;width:14px; height:14px; border-radius:50%; background-color:#fff; z-index:3;}
.cp_box:after {content:''; position:absolute;bottom:-9px; right:12.5%;width:14px; height:14px; border-radius:50%; background-color:#fff; z-index:3;}
.cp_cnt {position:relative; border-radius:22px; background-color:#fff; box-sizing:border-box;}
.cp_cnt:before {content:''; position:absolute;top:-14px; right:calc(12.5% - 5px);width:20px; height:20px; border-radius:50%; background-color:#836bea;z-index:2;}
.cp_cnt:after {content:''; position:absolute;bottom:-14px; right:calc(12.5% - 5px);width:20px; height:20px; border-radius:50%; background-color:#7B7FE4;z-index:2;}
.coup_info{display:flex;justify-content:space-between;}
.coup_info strong,.coup_info span{font-size:13px;display:inline-block;}
/* right line */
.cp_box.type01 .top_cnt,
.cp_box.dott .top_cnt{padding-right:14%;}
.cp_box.dott .top_cnt::after{border-left:1px dashed #ddd;position:absolute;top:6px;right:calc(12.5% + 5px);display:block;height:calc(100% - 12px);z-index:0;content:'';display:block;}

/* 쿠폰 교환/적립/할인/구독/금액/배달  */
.cp_box.type01 {background:linear-gradient(62deg, #50e2c4 7%, #895eee 100%);}
/* .cp_box.type01:before, */
.cp_box.type03:before {content:inherit;}
/* .cp_box.type01:after, */
.cp_box.type03:after {content:inherit;}
/* .cp_box.type01 .cp_cnt:before, */
.cp_box.type03 .cp_cnt:before {content:inherit;}
/* .cp_box.type01 .cp_cnt:after, */
.cp_box.type03 .cp_cnt:after {content:inherit;}
.btm_box {/*position:relative;*/padding:16px; border-radius:0 0 22px 22px; box-sizing:border-box; background-color:#f6f6f6;}
/* .cp_box.type01 .btm_box:before {content:''; position:absolute; top:-9px;right:12.5%;width:14px; height:14px; border-radius:50%; background-color:#fff; z-index:1;}
.cp_box.type01 .btm_box:after {content:''; position:absolute; bottom:-9px;right:12.5%;width:14px; height:14px; border-radius:50%; background-color:#fff; z-index:1;}
.cp_box.type01 .btm_cnt:before {content:''; position:absolute; top:-11px;right:calc(12.5% - 3px);width:20px; height:20px; border-radius:50%; background-color:#836bea;}
.cp_box.type01 .btm_cnt:after {content:''; position:absolute; bottom:-11px;right:calc(12.5% - 3px); width:20px; height:20px; border-radius:50%; background-color:#7886E1;} */
.cou_day{color:#666;font-size:13px;margin-top:6px;}
.coup_info_area{display:flex;justify-content:space-between;padding-right:16px;margin-top:8px;align-items:center}
.cp_cnt .top_cnt .txt_area .coup_info_area .label{margin-top:0;}
.coup_info_area .txt_link{flex-shrink:0;}
.invent{font-size:13px;}
.invent span{color:#666;padding-right:2px;}
.invent.none strong{color:#FF003C}
.cp_box.type01 .cp_cnt .top_cnt,
.cp_box.type02 .cp_cnt .top_cnt,
.cp_box.type03 .cp_cnt .top_cnt{align-items:flex-start;}
.cp_box.type03 .price_area .total span{font-weight:normal;}


/* 장바구니 쿠폰 */
.type_cart.cp_box{border-radius:18px;}
.type_cart.cp_box .cp_cnt{border-radius:16px;}
.type_cart.cp_box .cp_cnt .top_cnt .input_chk::after,.type_cart.cp_box .cp_cnt .top_cnt .input_radio::after{border-top-right-radius:16px;border-bottom-right-radius:16px}
.label_day{display:flex;align-items:center;margin-top:4px;}
.label_day .cou_day{margin-top:0;}
.label_day .label ~ .cou_day{margin-left:6px;}
.type_cart.cp_box .cp_cnt .top_cnt .txt_area .label{margin-top:0;}

/* 스토어플러스 쿠폰 발급 */
.cp_set.store_plus .cp_cnt .btm_box{position: relative; height: 48px; background-color: #fff; border-top: 1px solid #F9F9F9;}
.cp_set.store_plus .cp_box.dott .top_cnt::after{height: 100%;}
.cp_set.store_plus .cp_cnt .btm_box::after{border-left:1px dashed #ddd;position:absolute;top:0;right:calc(12.5% + 5px);display:block;height:100%;z-index:0;content:'';}
.cp_set.store_plus .coup_info_area{justify-content: flex-end;}
.cp_set.store_plus .btm_cnt .go_view.store_link{display: flex; justify-content: center; align-items: center;}
.cp_set.store_plus .btm_cnt .go_view.store_link strong {color: #8059EA;}
.cp_set.store_plus .btm_cnt .go_view.store_link .icon.arrow {display: inline-block; width: 16px; height: 16px; background: url(../images/common/icon_arrow_bk_right_16x16.png) no-repeat center center; background-size: contain; vertical-align: top;}
.cp_set.store_plus.dim_on .cp_cnt .btm_box::after {border-color: #eee;}
.cp_set.store_plus.dim_on .cp_cnt .go_view.store_link {color: #ddd;}
.cp_set.store_plus.dim_on .cp_cnt .go_view.store_link .icon.arrow {opacity: .1;}
.cp_set.store_plus.dim_on .cp_cnt .go_view.store_link strong {color: #ddd;}

/* 쿠폰 상세 */
.cp_box.type02 {background:linear-gradient(70deg, #50e2c4 7%, #895eee);}
.cp_box.type02 .top_cnt {display:inherit; padding:32px 40px 32px 24px;}
.cp_box.type02 .cp_cnt .top_cnt .txt_area .tit{padding-right:0;}
.cp_box.type02 .top_cnt .txt_area {width:inherit;padding-left:0;}
.cp_box.type02 .cp_cnt:before{left:-13px;right:auto;top:50%;margin-top:-10px;background-color:#55d6c8;}
.cp_box.type02:before{left:-7px;right:auto;top:50%;margin-top:-7px;}
.cp_box.type02 .cp_cnt:after{left:auto;right:-13px;top:50%;margin-top:-10px;background-color:#895eee}
.cp_box.type02:after{left:auto;right:-7px;top:50%;margin-top:-7px;}

.cp_box.type03 {background:linear-gradient(38deg, #50e2c4 7%, #895eee)}
.cp_box.type03 .btm_box{position:relative;}
.cp_box.type03 .top_cnt {display:inherit; padding:32px 24px;}
.cp_box.type03 .top_cnt .txt_area {padding-left:0; width:inherit;}
.cp_box.type03 .top_cnt .tit_24 {width:calc(100% - 40px); word-break:break-all;padding-right:0;}
.cp_box.type03 .top_cnt .img_area {width:166px; height:166px; margin:11px auto 0; border-radius:0; border:0;}
.cp_box.type03 .btm_box {margin:0 auto; padding:32px 0; border-top:1px solid #eeeeee; background-color:#fff;} /* issues/2324 수정 */
.cp_box.type03 .btm_cnt .code_img {max-width:265px;margin:0 auto;width:100%;} /* issues/2324 수정 */
.cp_box.type03 .btm_cnt .code_img img {width:100%;}
.cp_box.type03 .btm_box:before {content:''; position:absolute; top:-6px; left:-10px; width:14px; height:14px; border-radius:50%; background-color:#ffffff; z-index:1;}  /* issues/2324_ver2 수정 */
.cp_box.type03 .btm_box:after {content:''; position:absolute; top:-6px; right:-10px; width:14px; height:14px; border-radius:50%; background-color:#ffffff; z-index:1;}  /* issues/2324_ver2 수정 */
.cp_box.type03 .btm_cnt:before {content:''; position:absolute; top:-9px; left:-12px; width:20px; height:20px; border-radius:50%; background-color:#55d6c8;}  /* issues/2324_ver2 수정 */
.cp_box.type03 .btm_cnt:after {content:''; position:absolute; top:-9px; right:-12px; width:20px; height:20px; border-radius:50%; background-color:#6ca1d8;}  /* issues/2324_ver2 수정 */

/* 스토어 스탬프 (no border)*/
.cp_box.type04 {background:transparent; padding:0;}
.cp_box.type04 .cp_cnt {border-radius:0;}
.cp_box.type04:before,
.cp_box.type04:after,
.cp_box.type04 .cp_cnt:before,
.cp_box.type04 .cp_cnt:after {display:none;}

/* 쿠폰상세:금액권(유효기간연장 버튼) */
.cop_vw_area{position:relative;}
.cop_vw_area .btn_wrap.in_form{position:absolute;right:0;top:50%;margin-top:-17px;}
.cp_wrap .ext_term {margin-top:32px; padding:0 16px;}

/* ------------------------------ [ 푸터(공통) ] ------------------------------------------------------------------------------------------------------------------------- */
#footer {position:relative; overflow:hidden; background-color:#f8f8f8;}

.footer_wrap {background-color:#f8f8f8;}
.footer_wrap .customer_cont {position:relative; padding:12px 24px; border-top:1px solid #eeeeee;}
.footer_wrap .customer_cont .tit {font-size:14px; line-height: 20px; letter-spacing:-0.14px;}
.footer_wrap .customer_cont a {display:flex; align-items:center; gap: 0 2px;}
.footer_wrap .customer_cont .icon_section_arrow {display:inline-flex; width: 14px; height: 14px; background:url('/images/common/arrow_222_14x14.svg') no-repeat center / contain;}
.footer_wrap .customer_cont .time {color:#666666; margin-top:4px; font-size:12px; line-height:16px;}
.footer_wrap .txt_copy {margin-top:20px; color:#666; font-size:11px;}

.comp_info {position:relative; padding: 24px 24px 0; border-top:1px solid #eeeeee;}
.comp_info li {display:flex;line-height:15px;}
.comp_info li ~ li {margin-top:4px;}
.comp_info .comp_info_cont li strong {display:inline-flex; font-size:12px; color:#666; font-weight:normal; line-height:16px;}
.comp_info .comp_info_cont li span {display:inline-flex; flex:1; margin-left:4px; font-size:12px; color:#222; font-weight:normal; line-height:16px;}
.comp_info .comp_info_cont li .btn_link {flex:none; margin-left:auto; color:#666666; font-size:12px; font-weight:bold; line-height:16px; text-decoration:underline;}
.comp_info .comp_info_cont li.comp_btn_line > div {display:flex;}

.comp_info .tit strong {flex:none; position:relative; font-size:16px; font-weight:bold; line-height: 24px; letter-spacing:-0.24px;}
.comp_info .tit span {display:inline-flex;}
.comp_info .ctrl_trg {display:flex; justify-content:space-between; gap:0 2px; position:relative;  margin:0; padding-right:0; height:24px;}
.comp_info .ctrl_trg .arrow_bk_up {display:inline-flex; position:relative; left:0; width:24px; height:24px; background:url('/images/common/arrow_222_24x24.svg') no-repeat center / contain;}
.comp_info.closed .ctrl_trg .arrow_bk_up {transform:rotate(180deg);}
.comp_info .cotn {margin-top:24px;}

.foo_policy {margin-top:20px;}
.foo_policy .poli_link {display:flex; flex-wrap:wrap; line-height:14px;}
.foo_policy .poli_link + .poli_link {margin-top:6px;}
.foo_policy .poli_link a {display:inline-flex; position:relative; color:#666; font-size:11px; line-height:16px;}
.foo_policy .poli_link a:not(:first-child)::before {content:''; display:inline-flex; position:absolute; top:50%; left: -6px; width:0.5px; height:10px; background-color:#666666; transform: translateY(-50%);}
.foo_policy .poli_link a + a {margin-left:12px;}

.poli_img {display:flex; gap:0 8px; margin-top:20px;}
.poli_img img {width:40px !important; height:40px;}

.commu_area {margin-top:20px; padding:24px 0 0; border-top:1px solid #eeeeee;}
.commu_area dl .tit {color:#666; font-size:11px; font-weight:bold;}
.commu_area dl .desc {margin-top:8px; color:#666; font-size:11px;}

a.txt_pur{color:#8059EA !important;}

/* *********************************************************************************************************************************************************************************************
														[ 레이어팝업 ]
********************************************************************************************************************************************************************************************* */
/* ------------------------------ [ 알럿메세지팝업 ] ------------------------------------------------------------------------------------------------------------------------- */
.alert_pop {background-color:#ffffff; display:none; overflow:hidden; border-radius:24px; position:fixed; left:50%; top:50%;/*margin-top:-4%;*/transform:translate(-50%, -50%); width:87.2%; max-width:327px; z-index:9999;margin-top:0;}
/* .alert_pop {transition:margin-top 0.4s ease-in-out;}
.alert_pop.on {margin-top:0;} */
.alert_pop .cotn {display:flex; flex-direction:column; overflow:hidden; box-sizing:border-box; justify-content:center; padding:38px 32px 32px; min-height:112px; width:100%;}
.alert_pop .cotn p {flex:none; font-size:19px; font-weight:bold; letter-spacing:-1px; line-height:1.3em; text-align:center; width:100%;}
.alert_pop .cotn .sub_txt {margin-top:16px; font-size:16px; font-weight:normal;}
.alert_pop .cotn .sub_txt .point_txt {color:#FF003C;} /* issues/4546 추가 */
.alert_pop .btn_wrap_flx {display:flex; overflow:hidden; box-sizing:border-box; padding:0 32px 24px 32px;}
.alert_pop .btn_wrap_flx .btn {display:block; border-radius:24px; flex:1; text-align:center; height:48px;}
.alert_pop .btn_wrap_flx .btn ~ .btn {margin-left:7px;}
.alert_pop .btn_wrap_flx .btn span {font-size:18px; font-weight:bold;}
.alert_pop .btn_wrap_flx .btn[button-type="cancel"] {background-color:#f4f4f4; color:#444444;} /* 고도화 issues/34 수정 */
.alert_pop .btn_wrap_flx .btn[button-type="confirm"] {background-color:#37d243; color:#ffffff;}

/* 개발용: iframe 으로 띄울때 */
.popup_ifr{overflow:hidden;box-sizing:border-box;position:fixed;right:0;left:0;top:0;margin:0 auto;height:100%;max-width:540px;width:100%;opacity:0;}
.popup_ifr.on{opacity:1;z-index:9999;}

/* dim 처리 안할 시  */
.shadow_alert{box-shadow:0 4px 10px rgba(0, 0, 0, .3)}

/* ------------------------------ [ 바닥팝업 ] ---------------------------------------------------------------------------------------------------------------------------- */
.btm_popup {background-color:#ffffff; display:none; border-radius:24px 24px 0 0; box-sizing:border-box; position:fixed; left:0; right:0; bottom:-100%; margin:0 auto; padding:16px 0 10px 0; min-height:187px; max-height:75vh; width:100%; max-width:540px; z-index:900;}
.btm_popup {transition:bottom 0.4s ease-in-out;}
.btm_popup.on {display:block; bottom:0;}
.btm_popup .head {position:relative; box-sizing:border-box; padding:8px 16px 0 16px;}
.btm_popup .head .tit_18 {text-indent:8px;}
.btm_popup .closed {position:absolute; right:16px; top:-38px;}
.btm_popup .contents {overflow-x:hidden; overflow-y:auto; box-sizing:border-box; padding:0 16px; max-height:calc(75vh - 171px);}
.btm_popup .foot {background-color:#ffffff; overflow:hidden; box-sizing:border-box; padding:10px 16px 0 16px; width:100%;}

/* 지도뷰 자동높이값 바닥 팝업 */
.btm_popup[class*="js_auto_height"] {max-height:initial;}
.btm_popup[class*="js_auto_height"] .contents {max-height:initial;}

/* 긴팝업 */
.btm_popup[class*="max"] {height:86vh; max-height:inherit;}
.btm_popup[class*="max"] .contents {height:calc(100% - 68px); max-height:calc(100% - 68px);}
.btm_popup[class*="max"] .head + .contents {height:calc(100% - 98px); max-height:calc(100% - 98px);}

/* 바닥팝업:토스트 */
.btm_popup.toast {overflow:visible;}
.btm_popup.toast .closed {top:-35px;}
.btm_popup.toast .closed .icon_sprite_20.i_close_bk {background:url(../images/common/icon_close_24_wh.png) no-repeat 0 0; background-size:24px 24px; height:24px; width:24px;}

/* 바닥팝업: 오늘하루 그만보기  */
/* 중앙정렬 */
.main_pop {position:fixed; top:calc(50% - 35px); left:50%; max-width:540px; width:91.4%; transform:translate(-50%,-50%); box-sizing:border-box; z-index:900;}
.main_bann {position:relative;}
.main_bann .img_area {border-radius:24px; overflow:hidden;}
.main_bann .img_area img {display:block; width:100%;}
.main_pop .closed {position:absolute; right:8px; bottom:-35px; width:24px; height:24px; background:url("../images/common/icon_close_24_wh.png") no-repeat; background-size:24px 24px;}
.main_pop .type_02 {position:absolute; bottom:-35px; left:8px;}
.main_pop .type_02 .icon {border:1px solid rgba(255,255,255,.3); background-color:transparent;}
.main_pop .type_02 .txt {color:#ffffff; font-size:14px; letter-spacing:-0.28px}
.main_bann{max-height:86vh;overflow-y:auto;border-radius:24px;}
.pop_bann_slide img{width:100%;}
.pop_bann_slide .swiper-horizontal>.swiper-pagination-bullets{bottom:16px;}
.pop_bann_slide .swiper-pagination-bullet{width:6px;height:6px;margin:0 3px;}
.pop_bann_slide .swiper-pagination-bullet-active{background-color:#222;}
/* 하단 */
.main_pop.bottom {top:auto; bottom:0; transform:translateX(-50%); width:100%; border-radius:24px 24px 0 0;}
.main_pop.bottom .img_area {border-radius:24px 24px 0 0;}
.main_pop.bottom .txt_area {position:absolute; top:14.5%; left:5.8%;}
.main_pop.bottom .closed {right:14px; top:-38px; bottom:auto;}
.main_pop.bottom .type_02 {top:-35px; left:18px; bottom:auto;}
.main_pop.bottom .main_bann.big .txt_area {bottom:14.2%; top:auto;}
.main_pop.bottom .main_bann{border-radius:24px 24px 0 0}
/* 개발요청 바닥팝업(임시) */
.pop_main.btm_popup .foot{position:absolute;bottom:34px;}
.pop_main.btm_popup .contents{padding-bottom:30px;}


/* 설문조사 팝업 - issues/4166  */
.main_pop.survey_pop_top {top:50%;}
.survey_pop_top .survey_pop {max-height:84vh; overflow-y:auto;}
.survey_pop_top .survey_pop .img_area {position:relative; background:#fff;}
.survey_pop_top .survey_pop .img_area img {width:100%; display:block;}
.survey_pop_top .survey_pop .img_area ul {padding:1% 5.84% 30.885%; background:#fff; width:100%; display:block; position:relative; overflow:hidden; box-sizing:border-box;}
.survey_pop_top .survey_pop .img_area ul li {margin-bottom:20px;}
.survey_pop_top .survey_pop .img_area ul li:last-child {margin-bottom:0;}
.survey_pop_top .survey_pop .img_area ul li .txt {padding-left:6px; font-size:16px; font-weight:normal; color:#000 !important;}
.survey_pop_top .survey_pop .img_area .btn_wrap {position:absolute; bottom:6%; width:67.435%; left:50%; transform:translateX(-50%);}

.survey_pop_top .foot {position:relative;}
.survey_pop_top .foot img {display:block; width:100%;}
.survey_pop_top .foot a {position:absolute; display:block; bottom:0; width:50%; height:100%;}
.survey_pop_top .foot a + a {right:0;}

.survey_pop_top .input_chk {display:initial;}
.survey_pop_top .form_chk {display:flex; height:auto;}
.survey_pop_top .form_chk .icon {transition:background 0.1s;}
.survey_pop_top .form_chk .icon {background-color:#ffffff; border-radius:0; border:2px solid #dddddd; box-sizing:border-box; position:absolute; left:0; top:0; height:18px; width:18px;}
.survey_pop_top .form_chk .icon:before {background-image:none;}
.survey_pop_top .form_chk .icon:after {background-image:url("../images/common/icon_chk_purple.png"); transition:width 0.2s ease-in-out;}
.survey_pop_top .form_chk input:checked ~ .icon {background-color:transparent; border:2px solid #8162d5;}

.survey_pop.alert_pop {border:2px solid #8162d5;}

@media (max-width:375px) {
	.survey_pop_top .survey_pop .img_area ul li {margin-bottom: 10px;}
	.survey_pop_top .survey_pop .img_area ul li .txt {font-size:14px;}
}

@media (max-width:320px) {
	.survey_pop_top .survey_pop .img_area ul li {margin-bottom: 5px;}
	.survey_pop_top .survey_pop .img_area ul li .txt {font-size:13px;}
}

/* ------------------------------ [ 전체팝업 ] ---------------------------------------------------------------------------------------------------------------------------- */
.full_popup {/* display:none; */ background-color:#ffffff; overflow:hidden; box-sizing:border-box; opacity:0; position:fixed; right:0; left:0; top:100%; margin:0 auto; height:100%; max-width:540px; width:100%; z-index:100;} /* issues/4311 수정 */
.full_popup {transition:top 0.4s ease-in-out, opacity 0.2s 0.2s;}
.full_popup.on {opacity:1; top:0; z-index:999;}
.full_popup .head {overflow:hidden; box-sizing:border-box; position:relative; padding:18px 16px 17px 24px; height:56px; z-index:5;}
.full_popup .head .closed {position:absolute; right:16px; top:50%; margin-top:-16px; height:32px; width:32px;}
.full_popup .contents {/* border:1px solid blue; */ box-sizing:border-box; overflow-x:hidden; overflow-y:auto; height:100%; max-height:calc(100vh - 136px);}
.no_foot_full_pop .contents {max-height:calc(100vh - 56px);}
.full_popup .pop_sub {padding-bottom:150px;}
.full_popup .foot {overflow:hidden; box-sizing:border-box; position:absolute; left:0; bottom:0; padding:10px 16px 10px 16px; width:100%;}
.full_popup .foot {
	padding:10px 16px calc(constant(safe-area-inset-bottom) + 10px);
	padding:10px 16px calc(env(safe-area-inset-bottom) + 10px);
}
.full_popup .contents .popup_wrapper {position:relative; padding:20px 16px 40px; box-sizing:border-box;}
.full_popup .foot.shadow .btn_fixed {box-shadow: 0px -2px 8px 0px rgba(0, 0, 0, 10%);}
/* ------------------------------ [ 토스트팝업 ] ------------------------------------------------------------------------------------------------------------------------- */
.toast_pop {position:fixed; bottom:124px; left:50%; transform:translate(-50%, 10px); min-width:228px; max-width:calc(100% - 16px); height:40px; padding:0 20px; border-radius:20px; box-sizing:border-box; opacity:0; overflow:hidden; visibility:hidden; background-color:#222222; z-index:910;}
.toast_pop {transition:opacity .3s, visibility .3s, transform .3s;}
.toast_pop.active {opacity:1; visibility:visible; transform:translate(-50%, 0);}
.toast_pop p {color:#fff; font-size:14px; font-weight:bold; text-align:center; line-height:40px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}

/* 통합검색_개선 - 플래그 타입 */
.toast_pop.flag_type {height:38px; background-color:#603ef4; padding:0 16px; min-width:auto;}
.toast_pop.flag_type p {font-size:13px; font-weight:normal; line-height:38px;}
.toast_pop.flag_type p .flag {display:inline-block; height:26px; line-height:26px; padding:0 8px; border-radius:16px; background:rgba(0, 0, 0, 0.2); box-sizing:border-box; margin-right:8px;}

/* ------------------------------ [ 이용약관:전체팝업 ] ------------------------------------------------------------------------------------------------------------------------- */
.popup_term .common_terms {padding:0 16px 40px;}
.Table1 {margin-top:11px; overflow:hidden;}
.Table1 thead th,
.Table1 tbody td {border:1px solid #dce1e5; box-sizing:border-box; font-size:12px; text-align:left; padding:11px 8px;}
.Table1 thead th {background-color:#f2f5f7; border-bottom:none; text-align:center;}
.terms_view_area2 {padding:32px 8px 0;}
.terms_view_area {padding:32px 8px 0;}
.popup_term .common_terms .padding_t20{padding-top:20px;}
.terms_view_area .Section2,
.terms_view_area .Section3 {margin-top:32px;}
.terms_view_area .Section1 p {font-size:14px;}
.terms_view_area .Section3 .BigPara + .BigPara {margin-top:32px;}
.terms_view_area .Section3 h3 {font-weight:bold;}
.terms_view_area .Section3 h4 {margin-top:11px; font-size:14px; font-weight:bold;}
.terms_view_area .Section3 li {margin-top:8px; font-size:14px;}
.terms_view_area .Section3 p {margin-top:11px; font-size:14px;}
.terms_view_area .Section2 li,
.terms_view_area2 .Section2 li {font-size:14px; font-weight:bold;}
.terms_view_area2 .Section3 {margin-top:32px;}
.terms_view_area2 .Section3 h4 {font-weight:bold;}
.terms_view_area2 .Section3 p + h4 {margin-top:32px;}
.terms_view_area2 .Section3 p {margin-top:11px; font-size:14px;}
.terms_view_area2 .accent {color: #0070C0;}

/* 알기 쉬운 개인정보처리방침 버튼 */ /* issues/3704 추가 */
.popup_term .common_terms .btn_policy {display:block; font-size:13px; color:#fff; text-align:center; background:#632b8e; border-radius:4px; padding:6px 0; margin-bottom:15px;}
.popup_term .common_terms .btn_policy:after {content:""; display:inline-block; width:13px; height:13px; background:url("../images/common/arrow_wh_16x16.png") center no-repeat; background-size:contain; margin-left:10px; vertical-align:middle;}


/* ------------------------------ [ 주문번호조회 ] ---------------------------------------------------------------------------------------------------------------------------- */
.order_inquiry.btm_popup[class*="max"] .head + .contents {overflow:hidden; height:100%; max-height:100%;}
.order_inquiry .head {margin-bottom:11px;}
.order_inquiry .tab_menu_fix {padding-bottom:24px;}
.order_inquiry .order_num_wrap {overflow:hidden; margin:0 -16px; height:100%;}
.order_inquiry .order_num_wrap .prd_li {overflow-y:auto; padding-bottom:200px; height:100%;}
.order_inquiry .order_num_wrap .prd_li li {box-sizing:border-box; position:relative; margin:0; padding:24px; width:100%;}
.order_inquiry .order_num_wrap .prd_li li:first-child {border-top:none; padding-top:0;}
.order_inquiry .order_num_wrap .prd_li .prd_set {padding:0;}
.order_inquiry .order_num_wrap .prd_set .order_num_date {margin-top:8px;}
.order_inquiry .order_num_wrap .prd_set .order_num_date p {color:#666; font-size:13px;}
.order_inquiry .order_num_wrap .prd_set .order_num_date p + p {margin-top:2px;}
.order_inquiry .order_num_wrap .prd_set .order_num_date p span + span {margin-left:8px;}
.order_inquiry .order_num_wrap .prd_set .form_rdo {position:absolute; top:0; left:0; padding-left:0; height:100%; width:100%; z-index:1;}
.order_inquiry .order_num_wrap .prd_set .form_rdo .icon {position:absolute; top:50%; left:auto; right:0; transform:translateY(-50%);}
.order_inquiry .order_num_wrap .btn_wrap {padding:0 20px;}
.order_inquiry .order_num_wrap .prd_li.horzn_style01 .prd_set .obj_wrap{align-items:flex-start;}
.order_inquiry .btn_fixed {opacity:0; z-index:-1;}
.order_inquiry.on .btn_fixed {opacity:1; z-index:1;}
.order_inquiry.on .btn_fixed {transition:opacity 0.1s 0.4s;}

/* ------------------------------ [ 웹/앱선택팝업 ] ---------------------------------------------------------------------------------------------------------------------------- */
.web_app.btm_popup .contents {padding:0 24px;}
.web_app .app_download {background:url(../images/common/icon_cu_116x116_2.png) no-repeat 0 0; background-size:58px 58px; display:flex; overflow:hidden; align-items:center; padding-left:74px; height:58px;}
.web_app .app_download p {font-weight:bold;}
.web_app.btm_popup .foot {padding-top:32px;}
.web_app .foot .btn_wrap {margin-bottom:24px;}
.web_app .foot p {text-align:center;}
.web_app .type_02 {position:absolute; top:-30px; left:18px;}
.web_app .type_02 .txt {color:#ffffff; font-size:14px; letter-spacing:-0.28px}


/* ------------------------------ [ 포인트비밀번호변경 ] ------------------------------------------------------------------------------------------------------------------------- */
.point_pw_pop .pwd_change {padding:20px 16px 0 16px;}
.point_pw_pop .pwd_change .txt_input ~ .txt_input {margin-top:32px;}
.point_pw_pop .pwd_info {box-sizing:border-box; padding:0 24px 120px 24px;}
.point_pw_pop .info_area {padding:0 24px 24px;}

/* ------------------------------ [ 팝업딤드 ] ---------------------------------------------------------------------------------------------------------------------------- */
body.up {overflow:hidden; height:100vh;}
body.up:before {background-color:rgba(0, 0, 0, 0.4); content:""; position:fixed; left:0; top:0; height:100vh; width:100%; z-index:990;}
body.up #header {z-index:800;}

body.dim {overflow:hidden;}
body.dim:before {background-color:rgba(0, 0, 0, 0.4); content:""; position:fixed; left:0; top:0; height:100vh; width:100%; z-index:800;}
body.dim #header {z-index:15;}

body.up.dim:before,
body.on_qr.dim:before {z-index:9995;}
body.on_qr.dim .ui_qr_code {z-index:9999;}

.dim_open {overflow:hidden;}
.dim_open:before {background-color:rgba(0, 0, 0, 0.4); content:""; position:fixed; left:0; top:0; height:100vh; width:100%;}

.scroll_lock{touch-action:none;-webkit-overflow-scrolling:none;overflow:hidden;overscroll-behavior:none;}

body.no_scroll {overflow:hidden; position:fixed; width:100%; touch-action:none; -webkit-overflow-scrolling:none; overscroll-behavior:none;}

/* ------------------------------ [ 프로모션코드입력 ] ------------------------------------------------------------------------------------------------------------------------- */
.promo_code .form_wrap {margin-top:4px; padding:0 16px;}


/* *********************************************************************************************************************************************************************************************
														[ 메인 서비스안내 ]
********************************************************************************************************************************************************************************************* */

/* 기타 팝업 */
/* 단골점포 추천 */
.recomm_alert .sub_txt span {color:#37D243;}

/* ------------------------------ [ 딥링크 ] ------------------------------------------------------------------------------------------------------------------------- */
.deep_link #container {padding:0;}
.deep_link .sub {overflow:hidden; padding:0;}
.deep_link .sub .img_wrap {height:100vh; width:100%;}
.deep_link .sub .img_wrap img {width:100%;}

/* ------------------------------ [ 404에러 페이지 ] ------------------------------------------------------------------------------------------------------------------------- */
.error .icon_sprite_80.oops{margin:0 auto; padding-bottom:24px;}
.error .txt .tit_20 {padding-bottom:13px;}
.error .txt .sub_txt ~ .sub_txt {padding-top:19px;}

/* ------------------------------ [ 페이지 준비중 ] ------------------------------------------------------------------------------------------------------------------------- */
.sorry_wrap {display:flex; flex-direction:column; text-align:center; padding-top:100px;}
.sorry_wrap .img_wrap {width:160px; height:160px; margin:0 auto 30px;}
.sorry_wrap .img_wrap img {display:block; width:100%;}
.sorry_wrap .txt .tit_24 {padding-bottom:16px;}

/* *********************************************************************************************************************************************************************************************
														[ 약관 팝업 /provision/ ]
********************************************************************************************************************************************************************************************* */
/* 전자금융거래약관 사용 스타일 */
.announce {padding:20px 24px;}
.announce .accent,
.announce .accent .rule_tit,
.announce .accent .rule_txt,
.announce .accent .rule_sub ol li {color: #0070C0;}
.rule_wrap {margin-top:32px}
.rule_wrap .rule_tit {font-size:16px; font-weight:bold;}
.rule_wrap .rule_sub {padding-top:11px;}
.rule_wrap .rule_txt {font-size:14px;}
.rule_wrap .rule_txt ~ .rule_txt {margin-top:6px;}

/* 선불카드이용약관 */
.rule_wrap li {padding-left:8px;}
.rule_wrap li:first-child {padding-top:6px;}

/* 개인정보제공동의(택배) */
.rule_wrap:first-child {margin-top:0;}

/* 개인정보처리방침 */
.popup_pers .terms_view_area.padding_t20 .Section3{margin-top:32px}
.popup_pers .terms_view_area.padding_t20 a {font-weight:bold; text-decoration:underline;}

/* 개인정보수집이용취급위탁동의 */
.popup_trust .table_01{overflow:visible;margin-top:10px;}
.terms_view_area.padding_t20 .Section3{margin-top:0}

/* (가맹점행사)개인정보 이용 및 수집동의 */
.memstore_term .img_wrap {padding-top:11px; width:100%;}
.memstore_term .img_wrap img {width:100%;}

/* 통신사 이용약관 */
.margin_t11{margin-top:11px;}

/* app서비스 이용약관 */
.rider{padding-top:32px;}

/* 택배 물품 및 포장 등 유의사항동의 */
.parcel_pol_wrap {padding:11px 24px;}
.tit_txt {font-size:14px; color:#666666; padding:11px 0 32px;}
.parcel_pol_wrap .announce {padding:0;}
.parcel_pol_wrap .announce .rule_wrap:first-child {margin:0;}
.parcel_pol_wrap .tit {padding:9px 0 32px;}
.parcel_pol_wrap .tit .sub_txt {padding-top:11px; font-size:14px; color:#666666;}
.parcel_pol_wrap .tit .sub_txt:first-child {padding:0 0 11px;}
.parcel_pol_wrap .parcel_pol_li ol li {font-size:14px;}
.parcel_pol_wrap .parcel_pol_li ol li ~ li {padding-top:6px;}

/* 채무보증지급안내 */
.pymnt_guide {overflow:hidden;}
.pymnt_guide img {display:block; width:100%;}

/* 포켓CU 가맹점 / 예약구매거래처 / 홈배송거래처 */
.privacy_acc{z-index:9980}
.privacy_acc .Table1 td {text-align:center;}


/* 제휴/광고문의 */ /* issues/2776 추가 */
.ad_inquiry .inquiry_info {text-align:center; padding:30px 16px 40px;}
.ad_inquiry .inquiry_info .txt {margin:20px 0; font-size:15px;}
.ad_inquiry .inquiry_info .inquiry_box {background:#f0f0f0; border-radius:20px; padding:20px; box-sizing:border-box;}
.ad_inquiry .inquiry_info .inquiry_box li {display:flex; text-align:left; justify-content:center;}
.ad_inquiry .inquiry_info .inquiry_box li p {position:relative; min-width:140px; padding:0 10px; color:#333; font-size:14px; word-break:keep-all;} /* issues/4642 수정 */
.ad_inquiry .inquiry_info .inquiry_box li p:before {content:''; position:absolute; left:0; top:8px; width:3px; height:3px; background:#333;}
.ad_inquiry .inquiry_info .inquiry_box li p span {display:block; font-size:12px;}
.ad_inquiry .inquiry_info .inquiry_box li a {width:150px; color:#333; font-size:14px; word-break:break-all;}
.ad_inquiry .inquiry_info .inquiry_box li ~ li {margin-top:20px;}

/* 알기 쉬운 개인정보처리방침 */ /* issues/3704 추가 */
.privacy_infographic .txt_area {font-size:14px; color:#222; line-height:1.5;}
.privacy_infographic .top_area .tit_24 {margin-top:20px;}
.privacy_infographic .top_area .sub_tit {font-size:16px; font-weight:bold;}
.privacy_infographic .top_area .txt_area .point {font-size:15px; color:#632b8e; font-weight:bold;}
.privacy_infographic .accordion {margin-top:28px;}
.privacy_infographic .accordion .acc_ul > li {border:1px solid #eee; border-radius:15px; margin-top:10px;}
.privacy_infographic .accordion .acc_ul > li .tit_area .tit_18 img {display:inline-block; width:25px; vertical-align:middle; margin-right:12px;}
.privacy_infographic .accordion .acc_ul > li.active {border-color:#aace37;}
.privacy_infographic .accordion .acc_ul > li.active .tit_area .tit_18{color:#632b8e;}

.privacy_infographic .accordion .acc_open_wrap,
.privacy_infographic .accordion .acc_cotn_wrap {background:#f3f3f3;}
.privacy_infographic .accordion .acc_cotn_wrap .cotn_area {padding:28px 20px;}
.privacy_infographic .accordion .acc_cotn_wrap ul {display:block;}
.privacy_infographic .accordion .acc_cotn_wrap li {display:flex; flex-direction:row; align-items:center; margin-top:25px;}
.privacy_infographic .accordion .acc_cotn_wrap li .img {display:flex; justify-content:center; align-items:center; flex-shrink:0; background:#fff; width:65px; height:65px; border-radius:100%; box-sizing:border-box;}
.privacy_infographic .accordion .acc_cotn_wrap li .img img {width:44px; height:44px;}
.privacy_infographic .accordion .acc_cotn_wrap li .txt_area {padding-left:12px;}

/* 알기 쉬운 개인정보처리방침 */ /* issues/4568 추가 */
.privacy_source .head {height:auto !important;} /* issues/4568_v2 : 높이 변경 */
.privacy_source .head .closed {top:18px; margin-top:0;}
.privacy_source .tit_24 {font-size:24px; font-weight:bold; margin-bottom:14px;}
.privacy_source p {font-size:14px;}
.privacy_source .point {color:#DC0000;}
.privacy_source .txt_center {text-align:center;}

/* 고도화_아동급식카드 추가 */
/* ------------------------------ [ 카드정보 입력 팝업 ] ------------------------------------------------------------------------------------------------------------------------- */
.card_info_alert .info_area {padding:0 24px;}
.card_info_alert .card_input_wrap {padding:8px 16px 0;}
.card_info_alert .card_input_wrap .txt_input .form_txt input:read-only {border-bottom:1px solid #eee;}
.card_info_alert .card_input_wrap .form_wrap  + .form_wrap {margin-top:32px;}

/* 단골점포 영역 메인+검색 */
.store_list_cont .swiper {overflow: visible;}
.store_list_cont .swiper ul li {width: 116px;}
.store_list_cont .swiper ul li ~ li {margin-left: 12px;}
.store_list_cont .store_infor {position: relative; box-sizing: border-box; padding: 15px 12px 19px; height: 116px;}
.store_list_cont .store_infor .store_name {height: 38px; font-size: 14px; font-weight: bold; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; text-overflow: ellipsis; word-wrap: break-word; overflow: hidden;}
.store_list_cont .store_infor .store_range {display: inline-flex; align-items: center; float: left; height: 28px; color: #666; font-size: 12px; line-height: 28px;}
.store_list_cont .store_infor .flag_store {display: inline-flex; align-items: center; margin-left: 4px; height: 28px;}
.store_list_cont .store_infor .flag_store p {vertical-align: top;} /* issues/3886 수정 */
.store_list_cont .store_infor .flag_service {overflow: hidden; width: calc(100% - 20px); clear: both;}
.store_list_cont .store_infor .flag_service p {position:relative; float:left; color:#666666; font-size:12px; font-weight: bold; line-height:16px;}
.store_list_cont .store_infor .flag_service p ~ p {margin-left: 10px;}
.store_list_cont .store_infor .flag_service p ~ p::before {background-color:#aaaaaa; content:""; border-radius:10px; position:absolute; left:-5px; top:50%; margin-top:-1px; height:2px; width:2px;}
.store_list_cont .store_infor .book_mark {position: absolute; bottom: 16px; right: 10px; width: 20px; height: 20px; z-index: 1;}
.store_list_cont .store_infor .book_mark .icon{display: inline-block; width: 20px; height: 20px;background: url(../images/common/icon_store_bookmark_off.png) no-repeat center center; background-size: 20px 20px;}
.store_list_cont .store_infor .book_mark.on .icon {background-image: url(../images/common/icon_store_bookmark_on.png);}
.store_list_cont .store_infor .store_recommend {display: flex; flex-wrap: nowrap; flex-direction: column; justify-content: center; align-items: center; height: 100%; color: #222; font-size: 14px; font-weight: bold; line-height: 20px;}
.store_list_cont .store_infor .store_recommend .icon.recommend {display: block; margin: 0 auto; width: 40px; height: 40px; background: url(../images/common/icon_store_20.svg) no-repeat center center; background-size: 40px 40px;}
.store_list_cont .store_infor .store_recommend .icon.arrow {display: inline-block; width: 16px; height: 16px; background: url(../images/common/icon_arrow_bk_right_16x16.png) no-repeat center center; background-size: 16px 16px;}
.store_list_cont .store_infor .store_recommend > span {display: flex; align-items: center;}

.card_info_alert .card_input_wrap .card_num {position:relative;}
.card_info_alert .card_input_wrap .card_num:before {content:''; position:absolute; left:0; right:0; bottom:0; border-bottom:1px solid #eee;}
.card_info_alert .card_input_wrap .card_num .form_txt input,
.card_info_alert .card_input_wrap .card_num .form_txt input:focus {padding:11px 2px;}
.card_info_alert .card_input_wrap .card_num .form_txt input:read-only:focus {padding:11px 2px;}
.card_info_alert .card_input_wrap .card_num .division {font-size:18px; font-weight:bold; box-sizing:border-box;}

.card_info_alert .card_input_wrap .form_type01 .card_num {display:flex; align-items:center; padding-right:24%;}
.card_info_alert .card_input_wrap .form_type01 .card_num .input_set {max-width:65px;}
.card_info_alert .card_input_wrap .form_type01 .card_num .form_txt input {text-align:center;}

.card_info_alert .card_input_wrap .form_type02 {overflow:hidden;}
.card_info_alert .card_input_wrap .form_type02 .form_inner {width:calc(50% - 4px); float:left;}
.card_info_alert .card_input_wrap .form_type02 .form_inner + .form_inner {margin-left:8px;}
.card_info_alert .card_input_wrap .form_type02 .form_inner .txt_input {width:100%;}
.card_info_alert .card_input_wrap .form_type02 .card_num {display:flex; align-items:center;}
.card_info_alert .card_input_wrap .form_type02 .card_num .division {padding:0 10px;}
.card_info_alert .card_input_wrap .form_type02 .form_txt input,
.card_info_alert .card_input_wrap .form_type02 .form_txt input:focus {padding-left:8px;}

/* issues/3827 추가 */
.card_info_alert .card_input_wrap .form_type02 .form_select {position:relative;}
.card_info_alert .card_input_wrap .form_type02 .form_select:before {content:''; position:absolute; left:0; right:0; bottom:0; border-bottom:1px solid #eee;}
.card_info_alert .card_input_wrap .form_type02 .form_select select {height:44px; padding:11px 8px; padding-bottom:6px; border-radius:0; border:0; border-bottom:2px solid transparent;}
.card_info_alert .card_input_wrap .form_type02 .form_select select:focus {border-color:#26d926;}

/**********[ 통합검색_고도화 개선 ] **********/
/* 정렬 필터 - 바닥팝업 */
.sort_bundle .input_radio {flex-direction:column; flex-wrap:wrap; padding:8px 10px;}
.sort_bundle .form_rdo {padding:0; margin:8px 0;}
.sort_bundle .form_rdo ~ .form_rdo {margin-left:0;}
.sort_bundle .form_rdo .icon {left:auto; right:0;}
.sort_bundle .form_rdo .icon:before {background-color:#fff;}
.sort_bundle .form_rdo input:disabled ~ .txt {color:#aaa;}
.sort_bundle .form_rdo .txt {font-size:16px; font-weight:400; padding-left:0;}

/* 검색필터 - 전체팝업 */
.search_filter {right:-100%; left:auto; top:0; background:#f8f8f8; width:74.4%; min-width:279px;}
.search_filter {transition:right 0.4s ease-in-out, opacity 0.2s;}
.search_filter.on {right:0;}
.search_filter .head {display:flex; padding:10px 16px; justify-content:flex-start; align-items:center; background:#fff;}
.search_filter .head .closed {width:24px; height:24px; margin-top:-12px;}
.search_filter .head .closed .ico_close_bk {display:block; width:24px; height:24px; background:url(../../images/common/icon_close_bk.svg) no-repeat 0 0; background-size:cover;}
.search_filter .head .filter_reset {display:flex; align-items:center; height:33px; line-height:33px; background-color: #fff; padding:0 8px 0 12px; border-radius:8px; border:1px solid #ddd; font-size:14px; color:#444; font-weight:bold; margin-left:12px; box-sizing:border-box;}
.search_filter .head .filter_reset .icon_reset {display:block; width:20px; height:20px; background:url(../../images/common/icon_reset.svg) no-repeat 0 0; background-size:cover; margin-left:4px;}
.search_filter .contents {position:relative; padding:16px;}
.filter_acc {background-color:#fff; border-radius:12px; border:1px solid #eee; padding:0; box-sizing:border-box;}
.filter_acc + .filter_acc {margin-top:12px;}
.filter_acc ul li {border-top:1px solid #eee;}
.filter_acc .filter_lst .filter_item {overflow:visible;}
.filter_acc .filter_lst .filter_item label {width:100%; height:auto; min-height:24px; padding-left:0; padding-right:20px; box-sizing:border-box;}
.filter_acc .filter_lst .filter_item label .icon {left:auto; right:0; top:50%; transform:translateY(-50%);}
.filter_acc .filter_lst .filter_item label .icon:before {background-color:#fff;}
.filter_acc .filter_lst .filter_item label .txt em {display:inline-block; padding-left:2px;}
.filter_acc .filter_lst .filter_item label input:disabled ~ .txt {color:#aaa;}
.filter_acc .filter_lst .filter_item .form_chk input {position:absolute;}
.filter_acc .filter_lst .filter_item .form_chk input:disabled ~ .txt {color:inherit;}
.filter_acc .filter_lst.depth01 .filter_item {padding:12px;}
.filter_acc .filter_lst.depth01 .filter_item label {color:#000;}
.filter_acc .filter_lst.depth01 .filter_item .txt {font-size:16px; font-weight:400;}
.filter_acc .filter_lst.depth02 {display:none;}
.filter_acc .filter_lst.depth02 .filter_item {padding:10px 12px;}
.filter_acc .filter_lst.depth02 .filter_item label {color:#444;}
.filter_acc .filter_lst.depth02 .filter_item .txt {font-size:14px; padding-left:16px;}
.filter_acc .filter_lst.depth01 .filter_item.choose_cond label .icon {background-color:#fff; border:1px solid #ccc;}
.filter_acc .ctrl_area{position:relative; display:flex; align-items:center; padding:12px 12px 12px 16px; height:24px; line-height:24px; margin:0;}
.filter_acc .ctrl_area .cate_tit {position:relative; display:inline-block; color:#000; font-weight:bold;}
.filter_acc .ctrl_area .ctrl_trg {cursor:pointer; position:absolute; left:0; top:0; height:100%; width:100%;}
.filter_acc .ctrl_area .ctrl_trg i {position:absolute; right:12px; top:50%; margin-top:-8px;}
.filter_acc .ctrl_area .ctrl_trg .icon_sprite_16.arrow_bk_up {background-position:-104px -44px;}
.filter_acc > .cotn {height:0; overflow:hidden;}
.filter_acc > .cotn {opacity:0; transition:height 0.5s ease-in-out, opacity 0.2s 0.1s;}
.filter_acc.open .ctrl_area {margin-bottom:0; transition-delay:0.2s;}
.filter_acc.open .ctrl_area .icon_sprite_16.arrow_bk_up {background-position: -78px -44px;}
.filter_acc.open .ctrl_area .icon_sprite_16.arrow_gray_down {background-position: -52px -44px;}
.filter_acc.open > .cotn {opacity:1; transition:height 0.3s, opacity 0.3s 0.2s;}
.filter_acc.open.on {border-color:#eee;}
.filter_acc.on {border-color:#26D926;}
.filter_acc.on .ctrl_area .cate_tit:before {background-color:#37d243; content:""; border-radius:20px; position:absolute; right:-8px; top:0; height:6px; width:6px;}
.filter_acc .info_area ul li {border-top:0;}
@media (max-width:280px) {
	.search_filter {width:100%; min-width:auto;}
}

/* *********************************************************************************************************************************************************************************************
														[ QSC평가 ]
********************************************************************************************************************************************************************************************* */
/* ------------------------------ [ QSC평가 작성 폼:목록,작성에서 쓰임 ] ------------------------------------------------------------ */

/* QSC평가작성 상세 문항 공통 */

/* 스킵문항 */
.qsc_disabled:before,
.star_disabled:before {content:""; display:block; position:absolute; left:0; top:0; height:100%; width:100%; z-index:5;}
.qsc_disabled .tit_16 {color:#aaaaaa;}
.qsc_disabled .txt {color: #dddddd;}
.qsc_disabled .icon {background-color:#eeeeee; border-color:#eeeeee;}
.qsc_disabled .form_chk .icon::before {background-image: url(../images/common/icon_chk_wh.png); transition-delay: 0.1s; width: 13px;}
.qsc_disabled textarea:focus ~ .letter_length {border:2px solid #eeeeee;}
.qsc_disabled .text_area .letter_length p span {color:#999999;}
.my_rv_write .star_disabled .box_star .star_point {color:#aaaaaa;}

/* 세로형 */
.qsc_question_list {position:relative;}
.qsc_question_list .tit_20 {padding:0 24px 16px;}
.qsc_question_list .tit_16 {padding:0 24px 24px; font-weight:normal;}
.qsc_question_list .input_radio,
.qsc_question_list .input_chk {padding:0 24px;}
.qsc_question_list .input_radio,
.qsc_question_list .input_chk {flex-direction:column;}
.qsc_question_list .input_radio .txt,
.qsc_question_list .input_chk .txt {font-size:16px; font-weight:normal;}
.qsc_question_list .form_chk ~ .form_chk,
.qsc_question_list .form_rdo ~ .form_rdo {margin:16px 0 0 0;}

/* 가로형 */
.question_align .input_radio,
.question_align .input_chk {flex-wrap: wrap; flex-direction:inherit; margin:-16px 0 0 0;}
.question_align .form_rdo,
.question_align .form_chk {margin-top:16px; width:26.8%;}

/* 주관식 */
.qsc_question_list .text_area,
.qsc_question_list .star_review {padding:0 24px;}
.qsc_question_list .text_area .input_set {height:160px;}
.qsc_question_list .text_area .text_textarea_line {padding:16px; height:auto;}
.qsc_question_list .text_area .text_textarea_line textarea {overflow-y:hidden;}

/* 객관식+주관식 */
.qsc_question_list .input_radio ~ .text_area,
.qsc_question_list .input_chk ~ .text_area {margin-top:16px;}

/* 이미지영역 */
.qsc_question_list .img_wrap {overflow:hidden;}
.qsc_question_list .img_wrap img {display:block; width:100%;}

/* 별점 */
.qsc_question_list .star_disabled {position:relative;}
.qsc_question_list .star_area[class*="on"] .box_star {border-color:#37d243;}

/* 서브타이틀 다음 이미지영역 올 경우 */
.qsc_question_list .tit_20 + .img_wrap {margin-top:0;}

/* MOWEB 설치 유도 팝업 */
.main_pop.alert_pop .cont_wrap {box-sizing:border-box; display:flex; align-items:center; justify-content:center; flex-flow:column nowrap; padding:45px 20px 20px;}
.main_pop.alert_pop .cont_wrap .icon.icon_cu {width:60px; height:60px; background:url(../images/common/icon_cu_popup_120x120.svg) no-repeat 0 0; background-size:contain;}
.main_pop.alert_pop .cont_wrap > p {display:flex; align-items:center; justify-content:center; flex-flow:column nowrap; margin-top:20px; text-align:center; gap:10px;}
.main_pop.alert_pop .cont_wrap > p span {color:#666; font-size:14px; line-height:normal;}
.main_pop.alert_pop .closed {position:absolute; top:20px; right:15px; width:25px; height:25px; background:url('../images/common/icon_close_grey.svg') center/13px 13px no-repeat;}
.main_pop.alert_pop .btn_wrap_flx {overflow:hidden; box-sizing:border-box; display:flex; padding:0 20px 30px;}
.main_pop.alert_pop .btn_wrap_flx .btn {display:block; flex:0 auto; flex:1; width:100%; max-width:460px; height:44px; border-radius:24px; text-align:center;}
.main_pop.alert_pop .btn_wrap_flx .btn span {font-size:16px;}
.main_pop.alert_pop .btn_wrap_flx .btn[button-type='cancel'] {color:#444; background-color:#f4f4f4;}
.main_pop.alert_pop .btn_wrap_flx .btn[button-type='confirm'] {color:#fff; background-color:#37d243;}


/* 서비스 필터 */
.service_filter {display:flex; padding:12px 0 12px 16px; border-bottom:1px solid #F8F8F8;}
.service_filter .btn_filter_wrap {position:relative; display:flex; margin-right:8px; padding-right:8px;}
.service_filter .btn_filter_wrap::before {content:''; position:absolute; top:50%; right:0; height:20px; border-right:1px solid #ddd; transform:translateY(-50%);}
.service_filter .btn_filter_wrap button {width:32px; height:32px; background-size:100%; background-position:center; background-repeat:no-repeat;}
.service_filter .btn_filter_wrap button + button {margin-left:8px;}
.service_filter .btn_filter_wrap .btn_service_filter {position:relative; background-image:url('../images/common/icon_filter_32x32.svg');}
.service_filter .btn_filter_wrap .btn_service_filter .num {position:absolute; top:-4px; right:-4px; display:flex; justify-content:center; align-items:center; width:16px; height:16px; border-radius:10px; color:#fff; font-size:12px; font-weight:bold; letter-spacing:-0.16px; background-color:#37D243;}
.service_filter .btn_filter_wrap .btn_refresh {background-image:url('../images/common/icon_refresh_32x32.svg');}

.chip_list ul {box-sizing:border-box; display:flex;}
.chip_list ul li {width:auto; margin-right:4px;}