@charset "utf-8";

/*───────────────────────────────────────────────────────────

    서브 공통

───────────────────────────────────────────────────────────*/
	#wrap .sub_content{padding-top:0;}

	/*title*/
		.sub_title{text-align: center;font-size:var(--title-20);position: relative;margin-bottom:50px;margin-top:70px;display: flex;flex-direction: column;align-items: center;gap: 10px;}
		.sub_title h2{font-size:200%;color:var(--black-color00);font-weight:600;}
        .sub_title h6{font-size: inherit;font-weight: 400;color: var(--black-color03);line-height: 1.5;letter-spacing: -0.04em;}
	
	/*location*/
		#wrap .sub_content .location_wrap{position: absolute;right:0;top:21px;margin:0;width:auto;}
		#wrap .location_wrap .location_cont{width:auto;display: flex;gap:11px;align-items: center;}
		#wrap .location_wrap .location_cont:after{display: none;}
		#wrap .location_cont em{padding:0;}
		#wrap .location_cont > span{display: inline-block;width:6px;height:6px;border:1px solid var(--border-color02);border-width:1px 1px 0 0;transform:rotate(45deg);margin-right:5px;}
		#wrap .location_select{min-width:auto;margin:0;border:none;background:none;}
		#wrap .location_select .location_tit{background:none;text-align:left;display: flex;}
		#wrap .location_select .location_tit a{padding:0;display: flex;align-items: center;gap:10px;}
		#wrap .location_select:has(ul) .location_tit a:after{width:8px;height:5px;content:"";background:url('../img/da_image/icon_sel.svg')no-repeat center;display: inline-block;}
		#wrap .location_select .location_tit span{padding:0;font-size:13px;color:var(--black-color00);font-weight:400;}
		#wrap .location_select .location_tit span em{font-size:inherit;color:var(--black-color06);font-weight:inherit;}
		#wrap .location_select ul{min-width:100px;left:50%;transform:translate(-50%);top:20px;text-align:left;}
		
		#wrap .kitchen_loc .location_select:nth-of-type(3) .location_tit a:after{display: none;}
		#wrap .kitchen_loc .location_select:nth-of-type(3) ul{display: none !important;}
	
	/*paging*/
		#wrap .pagination{margin:0;}
		#wrap .pagination ul{padding:0; text-align:center;margin:60px 0 0 0;}
		#wrap .pagination li{display:inline-block; min-width:26px;vertical-align:middle;margin:0 5px;}
		#wrap .pagination li a,
		#wrap .pagination li span{display:inline-flex;box-sizing:border-box;align-items: center;justify-content: center;text-align: center;padding:0 !important; height:36px; width:36px; color:var(--black-color08);font-size:16px;vertical-align:middle;border-radius:100%;}
		#wrap .pagination li.on span{font-weight:600;color:var(--point-white); background:var(--point-color02); border-radius: 20px;}
		#wrap .pagination .on{color:#333; font-weight:bold;}
		#wrap .pagination .btn_page{min-width:26px;border:none;background:none;padding:0 !important;margin:0;}
		#wrap .pagination .btn_page a{width:36px;font-size:0;}
		#wrap .pagination .btn_page a:hover{border:none 0;}
		#wrap .pagination .btn_page a img{display:none;}
		#wrap .pagination .btn_page_first{background: url("../img/da_image/paging_first.svg") no-repeat center; }
		#wrap .pagination .btn_page_prev{background: url("../img/da_image/paging_prev.svg") no-repeat center;}
		#wrap .pagination .btn_page_next{background: url("../img/da_image/paging_prev.svg") no-repeat center;transform: scale(-1,-1);}
		#wrap .pagination .btn_page_last{background: url("../img/da_image/paging_first.svg") no-repeat center;transform: scale(-1,-1);}
		#wrap .goods_list + .pagination{padding:0; border:none;}
		
	/*input checkbox*/
		#wrap input[type="checkbox"] + label{position:relative;top:0;left:0;display:inline-block;min-width:20px;min-height:20px;padding:0 0 0 30px;background:url('../img/da_image/chk_off.svg') no-repeat left top;background-size:auto 20px;cursor:pointer;font-size:var(--title-15);color:var(--black-color03);font-weight:400; transition: all 0.4s;}
		#wrap input[type="checkbox"] + label:hover{background-image:url('../img/da_image/chk_over.svg');}
		#wrap input[type="checkbox"]:checked + label{background-image:url('../img/da_image/chk_on.svg');}
		#wrap input[type="checkbox"] + label strong{color:var(--point-red);font-weight:inherit;}
		
		#wrap label:has([type="checkbox"]){padding:0;background:none;min-width:initial;min-height:initial;display: flex;width: fit-content;gap: 10px;box-sizing:border-box;font-size:var(--title-15);color:var(--black-color03);font-weight:400;cursor:pointer;line-height: 20px; transition: all 0.4s;}
		#wrap label [type="checkbox"]{width:20px;height:20px;background:url('../img/da_image/chk_off.svg') no-repeat center / auto 100%;position: relative;inset: auto;visibility:visible;z-index:0;appearance:none;cursor:pointer; flex-shrink: 0; transition: inherit;}
		#wrap label:hover [type="checkbox"]{background-image:url('../img/da_image/chk_over.svg');}
		#wrap label [type="checkbox"]:checked{background-image:url('../img/da_image/chk_on.svg');}
        #wrap label:has([type="checkbox"]) em{color: var(--point-red); display: contents;}
		
	/*chosen*/
		#wrap #container .chosen-single{height:50px;box-sizing:border-box;border-radius:4px;border:1px solid var(--border-color01);box-shadow:none;display: flex;align-items: center;justify-content: space-between;line-height:initial;padding:0 16px;}
		#wrap #container .chosen-single:after{width: 12px;height: 8px;content: "";background: url('../img/da_image/nav_arw.svg') no-repeat center;display: inline-block;background-size: auto 100%;transition: all 0.3s;}
		#wrap #container .chosen-with-drop .chosen-single:after{transform:rotate(180deg);}
		#wrap #container .chosen-single span{font-size:var(--title-15);color:var(--black-color02);font-weight:400;margin:0; line-height: 1.4;}
		#wrap #container .chosen-container-single .chosen-single div{display: none;}
		
	/*pop*/
		.custom_pop_layer{position: fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.25);align-items: center;justify-content: center;display: none;z-index:100;}
		.custom_pop_layer.on{display:flex;}
		
		#wrap .custom_pop_layer .ly_wrap{position: static;width:auto;min-width:500px;}
        #wrap .layer_wrap{position: fixed;inset: 0;z-index: 210;overflow-y: auto;display: flex;align-items: center;justify-content: center;}
		#wrap .layer_wrap .layer_wrap_cont{position: relative !important;inset: auto !important;box-sizing:border-box;border:1px solid var(--border-color01);background:var(--point-white);border-radius:10px;overflow:hidden;padding:24px 30px 30px;}
            #wrap .layer_wrap.w_800 .layer_wrap_cont{width: 800px;}
		#wrap .layer_wrap .ly_wrap{border:none;}
		#wrap .layer_wrap .ly_tit{display: flex;align-items: center;justify-content: space-between;border-bottom: 1px solid var(--black-color00);font-size:var(--title-20);background:none;padding: 0 40px 12px 0;width: 100%;box-sizing: border-box;margin: 0 0 20px;}
		#wrap .layer_wrap .ly_tit :where(h3, h4){font-size:110%;color:var(--black-color00);font-weight:600;border: 0;padding: 0;}
        #wrap .layer_wrap .ly_tit h4:has(span){display: flex;align-items: center;gap: 10px;}
        #wrap .layer_wrap .ly_tit h4 span{font-size: max(13px, 63.4%);font-weight: 500;color: var(--black-color06);line-height: 1.43;}
        #wrap .layer_wrap .ly_tit h4 span strong{font-weight: inherit; color: var(--point-red);}
		#wrap .layer_wrap .ly_close{width:24px;height:24px;position: relative;padding:0;margin-right:-2px;position: absolute;top: 28px;right: 28px;}
            #wrap .layer_wrap .ly_close{&:before, &:after{position: absolute; content:''; top:50%; left:50%; translate: -50% -50%; rotate: 45deg; width:100%;height:2px;background:var(--black-color03);}}
            #wrap .layer_wrap .ly_close:after{rotate: -45deg;}
        #wrap .layer_wrap .ly_close img{display: none;}
		
		#wrap .layer_wrap .ly_cont{width: calc(100% + 10px);overflow-y:auto;max-height: 70vh;padding: 0 10px 0 0;box-sizing: border-box;margin: 0;min-height: 170px;}
		#wrap .layer_wrap .ly_cont::-webkit-scrollbar{width:3px;box-sizing:border-box;border-radius:10px;background:var(--gray-bg03);}
		#wrap .layer_wrap .ly_cont::-webkit-scrollbar-thumb{width:3px;border-radius:10px;background:var(--black-color08);}
		#wrap .layer_wrap .ly_cont h4{font-size:var(--title-20);color:var(--black-color00);font-weight:600;}
        #wrap .layer_wrap .scroll_box{height: auto;border:0;padding: 0;}
		#wrap .layer_wrap .scroll_box + .btn_center_box{margin-top:40px;}
		
		#wrap .layer_wrap .btn_center_box{margin:0;}
        #wrap .layer_wrap .cont_title{position: relative;font-size: var(--title-20);box-sizing: border-box;margin-bottom: 18px;}
        #wrap .layer_wrap .cont_title h6{font-size: 90%; font-weight: 600; color: var(--black-color00); line-height: 1.3;}
        #wrap .layer_wrap .no_data{border-bottom: 1px solid var(--border-color01); text-align: center; padding:20px 0; font-size: var(--title-15);}
        #wrap .layer_wrap table .no_data{border-bottom: 0;}
        #wrap .layer_wrap .pagination ul{margin-top: 30px;}
        #wrap .layer_wrap .ly_cont + .btn_center_box{margin-top: 30px;}
        #wrap .layer_wrap .bg_title{position: relative; font-size: var(--title-20); padding:25px 30px; border-radius: var(--radius-10); background: var(--point-color07); box-sizing: border-box; margin-bottom: 20px;}
        #wrap .layer_wrap .bg_title h4{font-size: 130%;}
        #wrap .layer_wrap .exp_box{display: flex; flex-direction: column; gap: 10px; }
        #wrap .layer_wrap .exp_box .info_desc{display: flex; align-items: baseline; font-size: var(--title-20); gap: 10px 20px;}
        #wrap .layer_wrap .exp_box .info_desc :where(dt, dd){font-size: 80%; font-weight: 400; line-height: 1.5; letter-spacing: -0.03em; word-break: keep-all; overflow-wrap: anywhere;}
        #wrap .layer_wrap .exp_box .info_desc dt{color: var(--black-color00); width: 100px; flex-shrink: 0;}
        #wrap .layer_wrap .exp_box .info_desc dd{color: var(--black-color06);}
        #wrap .layer_wrap .exp_box .info_desc dd.column{display: flex;flex-direction: column;gap: 6px;}
		
	/*goods cnt*/
		#wrap .goods_qty{display: inline-flex;box-sizing:border-box;border:1px solid var(--black-color10);border-radius:4px;overflow:hidden;background:var(--point-white);justify-content: center;}
		#wrap .goods_qty .goods_cnt, #wrap .goods_qty .add_goods_cnt{width:40px;height:40px;position: relative;font-size:0;}
		#wrap .goods_qty .goods_cnt:before, #wrap .goods_qty .goods_cnt:after, #wrap .goods_qty .add_goods_cnt:before, #wrap .goods_qty .add_goods_cnt:after{content:"";background:var(--black-color03);position: absolute;top:50%;left:50%;transform:translate(-50%, -50%);}
		#wrap .goods_qty .goods_cnt:before, #wrap .goods_qty .add_goods_cnt:before{width:12px;height:1px;}
		#wrap .goods_qty .goods_cnt:after, #wrap .goods_qty .add_goods_cnt:after{width:1px;height:12px;}
		#wrap .goods_qty .goods_cnt.down:after, #wrap .goods_qty .add_goods_cnt.down:after{display: none;}
		#wrap .goods_qty input[type="text"]{width:50px;height:40px;box-sizing:border-box;border:1px solid var(--black-color10);border-width:0 1px;text-align: center;font-size:var(--title-17);color:var(--black-color03);font-weight:400;border-radius:0;}

    /* 쿠폰 이미지 */
        a :where([alt="쿠폰적용"], [alt="쿠폰취소"], [alt="쿠폰변경"]){display: none;}
        a:where(:has(> [alt="쿠폰적용"], > [alt="쿠폰취소"], > [alt="쿠폰변경"])):before{display: inline-flex;content: '쿠폰적용';font-size: var(--title-14);font-weight: 500;color: var(--point-red);line-height: 1.3;border: 1px solid var(--point-red);padding: 3px 7px;border-radius: var(--radius-04);}
        a:has(> [alt="쿠폰취소"]):before{content:'쿠폰취소';border-color: var(--border-color02);background: var(--point-white);color: var(--black-color03);}
        a:has(> [alt="쿠폰변경"]):before{content:'쿠폰변경';}
		
	/*inpiut*/
		#wrap input[type="text"], #wrap input[type="password"]{box-sizing:border-box;border-radius:4px;border:1px solid var(--border-color01);}
		
		#wrap input[type="text"]::placeholder, #wrap input[type="password"]::placeholder{color:var(--black-color09);}
		
		#wrap input[type="text"]:focus, #wrap input[type="password"]:focus{border-color:var(--black-color00);color:var(--black-color03);}
		
	/*select*/
		#wrap select{box-sizing:border-box;border:1px solid var(--border-color02);background:var(--point-white) url('../img/da_image/nav_arw.svg')no-repeat right 16px center;appearance:none;border-radius:var(--radius-04);font-size:var(--title-15);color:var(--black-color00);font-weight:400;padding:0 16px;cursor:pointer;}