/* BASIC css start */
/* notice wrap */
.noti_list_box .noti_list:first-child { border-top: 1px solid #ddd; }
.noti_list_box .noti_list .more_icon_box { width:17px; height: 17px; position: absolute; right: 0; top: 19px; transition: all ease 0.7s; } 
.noti_list_box .noti_list .more_icon_box .bar1 { width: 17px; height: 1px; background-color: #1c1c1c; transition: all ease 0.7s; }
.noti_list_box .noti_list .more_icon_box .bar2 { width: 1px; height: 17px; background-color: #1c1c1c; transition: all ease 0.7s; }
.noti_list_box .noti_list .more_icon_box span { position: absolute; top: 0; bottom: 0; right: 0; left: 0; margin: auto; }
.noti_list_box .noti_list1 .more_icon_box { transform: rotate(360deg); }
.noti_list_box .noti_list1 .more_icon_box .bar2 { transform: rotate(90deg); opacity: 0; }
.notify_wrap .notify_box { padding: 10px; background-color: #f9f9f9; }
.notify_wrap .notify_box li { font-size: 12px; line-height: 1.7; text-align: left; display: flex; justify-content: flex-start; }
.notify_wrap .notify_box li p { display: inline-block; padding-top: 5px; }
.notify_wrap .notify_box li .notify_tit { font-weight: bold; width:25%; min-width: 70px; }
.notify_wrap .notify_box li .notify_txt { font-weight: normal; }
.noti_modal { line-height:normal; display: none; cursor: auto; }  
.noti_modal .noti_pop .noti_table_box .noti_table_list { border: 1px solid #999; border-top: none; }
.noti_modal .noti_pop .noti_table_box .noti_table_list .noti_table { border-top: 1px solid #999; text-align: center; display: flex; justify-content: space-between; align-items: stretch; }
.noti_modal .noti_pop .noti_table_box .noti_table_list .noti_table .left_box { width: 20%; background-color: #f5f5f5; display: flex; justify-content: center; }
.noti_modal .noti_pop .noti_table_box .noti_table_list .noti_table .right_box { width: 80%; position: relative; }
.noti_modal .noti_pop .noti_table_box .noti_table_list .noti_table .left_box .noti_table_tit { font-size: 14px; font-weight: bold; align-self:center; word-break: keep-all; }
.noti_modal .noti_pop .noti_table_box .noti_table_list .noti_table .right_box .noti_table_txt { padding: 10px; font-size: 13px; font-weight: normal; line-height: 21px; text-align:left; word-break: keep-all; }
.noti_modal .noti_pop .noti_table_box .noti_table_list .noti_table .right_box .noti_table_txt .noti_table_bold { display: block; font-weight: bold; }
.noti_modal .noti_pop .noti_table_box .noti_table_list .noti_table:first-child>.left_box { background-color: #f4e9e3; }
.noti_modal .noti_pop .noti_table_box .noti_table_list .noti_table .right_box .noti_table_link { display: inline-block; width: calc(100% - 20px); padding: 7px 0; margin-bottom: 10px; font-size: 13px; font-weight: normal; background-color: #1c1c1c; color:#fff; }
.noti_list:last-child .noti_modal .noti_pop .noti_table_box .noti_table_list .noti_table:first-child>.left_box { background-color: #f5f5f5; }
.color_bar_Box { width:100%; padding: 0 10px 10px; box-sizing: border-box; display: flex; justify-content: flex-start; }
.color_bar_Box li { width: 12.5%; height: 25px; }
.color_bar_Box .color_bar1 { background-color: #221e1f; }
.color_bar_Box .color_bar2 { background-color: #464648; }
.color_bar_Box .color_bar3 { background-color: #636466; }
.color_bar_Box .color_bar4 { background-color: #7a7a7c; }
.color_bar_Box .color_bar5 { background-color: #95969a; }
.color_bar_Box .color_bar6 { background-color: #aeafb2; }
.color_bar_Box .color_bar7 { background-color: #c7c7c9; }
.color_bar_Box .color_bar8 { background-color: #e2e3e5; }
/* notice wrap */

.coupon_list_box { padding: 15px 0; display: flex; justify-content: flex-start; flex-wrap: wrap; }
.coupon_list_box .coupon_list a { display: block; width: 100%; }
.coupon_list_box .coupon_list img { width: 100%; }

/* 22.08.26 이정호 앱버튼 수정 */
.btn-app { width: 100%; box-sizing: border-box; margin: 0;}
.btn-app a img { width:100% }
/* 22.08.26 이정호 앱버튼 수정 */

/*221019 이정호 하단고정탭 수정*/
.shopdetail .shopdetailInfo .shopdetailInfoBottom {background-color:#fff; display: none; }
.fixed-btn .btn_Red { background-color:#000; color:#fff !important; 
	font-size:15px; font-weight:bold; }
.shopdetail .shopdetailInfo .shopdetailInfoBottom .option_area .option_tk { background-color: #fff; }
.shopdetail .shopdetailInfo .shopdetailInfoBottom .option_area .option_tk::-webkit-scrollbar{ display:none; }
.shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailButton {text-align:center; background-color: #fff;}
.shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailButton .shopdetailButtonTop a.wish {background-color:#FFF; border:1px solid #393939;}
.shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailButton .shopdetailButtonTop a.cart {color:#fff; background-color:#393939; border:1px solid #393939;}
.shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailButton .shopdetailButtonTop a.buy {color:#fff; background-color:#f1191f; border:1px solid #f1191f; padding:15px 32px;}
/*221019 이정호 하단고정탭 수정*/

/*구매버튼*/
.buy_top_btns { width:100%; }
.buy_btns_flex { 
	display:flex; 
	align-items: center;
	gap: 0.5em;
}
.buy_btns_flex .group_btn_box {
	width: max-content;
	max-width: max-contetnt;
	display: flex;
	align-items: center;
	gap: 0.5em;
}
.buy_top_btns .buy_btns { 
	width: 100%;
	min-width: 3rem;
	height: 3rem;
	padding: 1rem;
	border-radius: 0.5em;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 0.5em;
	border: 1px solid #c7c7c7;
	box-sizing: border-box;
	color: #555;
	font-size: 15px;
}
.buy_top_btns .buy_baro_btn {
	background-color: #1c1c1c;
    	color: #fff;
}
.buy_top_btns .wishlist_btn {
	max-width: max-content;
}
.buy_top_btns .buy_btns img {
	width: 1.05rem;
}

.buy_top_btns .kakao_btn_box { border-color:#ffec00; margin:0; }
.buy_top_btns .kakao_btn_box .kakao_consulting { background-color:#ffec00; }
.buy_top_btns .kakao_btn_box .kakao_consulting img { display:inline-block; width:32px; height:32px; vertical-align:middle; margin-left:10px; }
.buy_top_btns .buy_barobt_box { width:calc(50% - 20px); }

/*추가옵션*/
.shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailInfoSelect p { display: flex; align-items: center; padding: 7px 0; }
.shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailInfoSelect p:first-child { padding-top:20px; }
.shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailInfoSelect p:last-child { padding-bottom:20px; }
.shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailInfoSelect .shopdetailInfoName {width: 35%; margin-right:10px; display:inline-block; vertical-align:middle; }
.shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailInfoSelect .multi_op_selectbox { width: 65%; }
.shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailInfoSelect .multi_op_selectbox select { width: 100%; }
/*추가옵션*/

/*추가구성상품*/
.shopdetail .shopdetailInfo .shopdetailInfoWrap .shopdetailInfoTop .extra_thum img { width:100%; position: absolute; top: 0; bottom: 0; margin: auto; }
.shopdetail .shopdetailInfo .shopdetailInfoWrap .shopdetailInfoValue { width:100%; padding-left:100px; }
.shopdetail .shopdetailInfo .shopdetailInfoBottom .extra_option_box { width:100%; padding-top:10px; }
.shopdetail .shopdetailInfo .shopdetailInfoWrap .shopdetailInfoValue .shopdetailInfoprdName { font-size:15px; font-weight:bold; }
.shopdetail .shopdetailInfo .shopdetailInfoWrap .shopdetailInfoValue .shopdetailInfoprdName .extra_op_price { color:#1b1b1b; font-size:13px; font-weight:normal; }
.shopdetail .shopdetailInfo .shopdetailInfoBottom .extra_option_box p { padding:0; margin-bottom:2px; }
.shopdetail .shopdetailInfo .shopdetailInfoBottom .extra_option_box select { width:100%; }
.shopdetail .shopdetailInfo .shopdetailInfoBottom .extra_option_box .opt-com { width:100%; margin-top:2px; background-color:#757575; text-align:center; }
.shopdetail .shopdetailInfo .shopdetailInfoBottom .extra_option_box .opt-com a { display:block; color:#fff; font-size:12px; line-height:35px; }
/*추가구성상품*/

/*추가구성상품박스*/
.MK_optAddWrap .MK_inner-opt-cm .MK_p-name { display: block; font-size:13px;}
.MK_optAddWrap .MK_inner-opt-cm .MK_p-name p { margin-bottom:3px; }
.MK_optAddWrap .MK_inner-opt-cm .MK_qty-ctrl {margin-top:8px;}
.MK_optAddWrap .MK_inner-opt-cm .MK_qty-ctrl input[type="tel"] {padding:0 6px; width:40px; height:35px; }
.MK_optAddWrap .MK_inner-opt-cm .MK_qty-ctrl .btn-type-02 {background-color: #bbb; width: 35px; height: 35px; text-align: center; vertical-align: middle; line-height: 35px; color: #fff; display: inline-block; margin-left:3px;}
.MK_optAddWrap .MK_inner-opt-cm .MK_price {position:absolute; bottom:26px; right:43px; font-size: 13px;}
.MK_optAddWrap .MK_inner-opt-cm .MK_btn-del {position:absolute; bottom:24px; right:15px;}
.MK_optAddWrap .MK_inner-opt-cm .MK_btn-del img {width: 20px;}
.MK_optAddWrap .MK_txt-won {font-size:17px;}
/*추가구성상품박스*/

/*총상품금액*/
#MK_innerOptTotal .MK_txt-total { font-size:16px; letter-spacing:-1px; margin-right: 10px; }
.MK_optAddWrap .MK_total {font-size:20px; font-weight:bold; color:#000; }
/*총상품금액*/

.shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailInfoValue {position: relative;}
.shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailInfoValue p:last-child {margin-bottom:0px;}
.shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailInfoValue .shopdetailInfoName {width:30%; display:inline-block;}
.shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailInfoValue .shopdetailInfoCont {width:70%; display:inline-block; margin-left: -4px;}
.shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailInfoValue .region {margin-left: 10px;}
.shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailInfoValue .btn_relation {position:absolute; top:50%; right:10px; text-align:center; margin-top: -25px;}
.shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailInfoValue .btn_relation a {width:50px; height:50px; color:#fff; background-color:#636363; display: inline-block; font-size:0.917em; border-radius: 4px; border:1px solid #424242;}
.shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailInfoValue .btn_relation a .fa {display:block; margin:6px 0 3px 0;}

/* 상품옵션 */
select{
    font-size: 12px !important;}

#nhn_btn {padding-top:10px;}
#payco_order_btn {padding-top:10px;}
#kakaopay_order_btn { padding-top: 10px; text-align:center; }

/*가격정보*/
.dark_bg { width:100%; height:100%; position:fixed; top: 0; bottom: 0; left: 0; right: 0; margin: auto; background-color: rgba(0,0,0,0.5); z-index: 999; display: none; }
.shopdetail .shopdetailInfo .shopdetailInfoWrap:after { clear: both; content: ""; display: block; }
.shopdetail .shopdetailInfo .shopdetailInfoWrap .shopdetailInfoValue .shopdetailInfoCont { width:auto; margin:0; font-size:12px; }
.shopdetail .shopdetailInfo .shopdetailInfoWrap .shopdetailInfoValue .shopdetailInfoName { width:auto; }
.shopdetail .shopdetailInfo .shopdetailInfoWrap .shopdetailInfoSelect p { padding:0; background:none; }
.shopdetail .shopdetailInfo .shopdetailInfoWrap .shopdetailInfoSelect .shopdetailInfoCont .basic_option { width:100%; }
.shopdetail .shopdetailInfo .shopdetailInfoWrap .shopdetailInfoSelect .shopdetailInfoName { display:none; width:100%; padding:0 0 5px 0; }
.top_price_wrap .top_price_box .price_txt { text-align: left; }
.top_price_wrap .top_price_box .price_txt span { display: inline-block; margin-right: 3px; }
.top_price_wrap .top_price_box .price_txt .dc_text { font-size: 17px; color: #f00; }
.top_price_wrap .top_price_box .price_txt .price_bold { font-size: 19px; font-weight: 400; }
.top_price_wrap .top_price_box .price_txt .first_price { font-size: 13px; font-weight:300; color: #aaa; }
.top_price_wrap .top_price_box .reserve_txt { padding-top: 7px; font-size: 14px; }
/*가격정보*/

/* 오늘출발 상품 */
.today-delivery { display:flex; align-items:center; padding: 0 0 20px 0; color:#111; font-size:1em; box-sizing: border-box; }
.today-delivery .icon { padding:12px 10px; border:1px solid #111; border-radius:6px; background:#fff; }
.today-delivery .txt { padding-left:12px; }
.today-delivery .txt p { padding-top:5px; }

/*타이머*/
.period_wrap .period_box {
    padding-top: 25px;
}
.period_wrap .period_box .period_info {
    display: flex;
    align-items: center;
    gap: 12px;
}
.period_wrap .period_box .period_info .period_title {
    font-weight: bold;
    padding: 12px 10px;
    border: 1px solid #111;
    border-radius: 6px;
    background-color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
}
.period_wrap .period_box .period_info .timer_box {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: 5px;
}
.period_wrap .period_box .period_info .timer_box #timer {
    font-weight: bold;
}
.period_wrap .period_box .period_info .timer_box .period {
    letter-spacing: -0.03em;
}

/*구매예상가*/
.esti_price_wrap .esti_price_box {
    display: flex;
    flex-direction: column;
    gap: 1em;
}
.esti_price_wrap .esti_price_box .esti_info_box {
    background-color: #f9f9f9;
    padding: 1.5em;
    border: 1px dashed #a0a0a0;
}
.esti_price_wrap .esti_price_box .esti_info_box .esti_info_inner_box {
    display: flex;
    flex-direction: column;
    gap: 1.5em;
}
.esti_price_wrap .esti_price_box .esti_info_box .esti_info_inner_box .esti_info_list {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 0.5em;
    font-size: 13px;
    position: relative;
}
.esti_price_wrap .esti_price_box .esti_info_box .esti_info_inner_box .esti_info_list .esti_info_num {
    font-size: 15px;
    font-weight: 500
}
.esti_price_wrap .esti_price_box .esti_info_box .esti_info_inner_box .esti_info_list .esti_info_title {
    display: flex;
    align-items: center;
    gap: 0.5em;
}
.esti_price_wrap .esti_price_box .esti_info_box .esti_info_inner_box .esti_info_list .esti_info_title .icon {
    display: inline-block;
    width: 15px;
    height: 15px;
    border-radius: 50%;
    overflow: hidden;
    background-color: #aaa;
}
.esti_price_wrap .esti_price_box .esti_info_box .esti_info_inner_box .esti_info_list .esti_info_title .icon img {
    width: 100%;
}
.esti_price_wrap .esti_price_box .esti_info_box .esti_info_inner_box .esti_info_list .infoBox {
    display: none;
    width: max-content;
    position: absolute;
    top: 150%;
    left: 0;
    z-index: 1;
}
.esti_price_wrap .esti_price_box .esti_info_box .esti_info_inner_box .esti_info_list .infoBox .infoInnerBox {
    box-shadow: 1px 1px 7px rgba(0, 0, 0, 0.2)
}
.esti_price_wrap .esti_price_box .esti_info_box .esti_info_inner_box .esti_info_list .infoBox .infoInnerBox .infoTitle {
    padding: 0 14px;
    font-size: 14px;
    line-height: 35px;
    color: #fff;
    background-color: #000;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 2rem;
}
.esti_price_wrap .esti_price_box .esti_info_box .esti_info_inner_box .esti_info_list .infoBox .infoInnerBox .infoTitle .close {
    width: 20px;
    height: 20px;
    position: relative;
}
.esti_price_wrap .esti_price_box .esti_info_box .esti_info_inner_box .esti_info_list .infoBox .infoInnerBox .infoTitle .close::before {
    content: '';
    display: block;
    width: 80%;
    height: 1px;
    background-color: #fff;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) rotate(45deg);
}
.esti_price_wrap .esti_price_box .esti_info_box .esti_info_inner_box .esti_info_list .infoBox .infoInnerBox .infoTitle .close::after {
    content: '';
    display: block;
    width: 80%;
    height: 1px;
    background-color: #fff;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) rotate(-45deg);
}
.esti_price_wrap .esti_price_box .esti_info_box .esti_info_inner_box .esti_info_list .infoBox .infoInnerBox .infomation {
    padding: 14px;
    font-size: 12px;
    background-color: #fff;
    display: flex;
    flex-direction: column;
    gap: 10px;
}
.esti_price_wrap .esti_price_box .esti_info_box .esti_info_inner_box .esti_info_list .infoBox .infoInnerBox .infomation .infoListBox {
     display: flex;
     align-items: center;
     justify-content: space-between;
     gap: 2.5rem;
}
.esti_price_wrap .esti_price_box .esti_info_box .esti_info_inner_box .esti_info_list .infoBox .infoInnerBox .infomation .infoListBox .infoListTitle .percent {
    font-weight: bold;
}
.esti_price_wrap .esti_price_box .esti_info_box .esti_info_inner_box .esti_info_list .infoBox .infoInnerBox .infomation .infoListBox .infoListNum {
    font-weight: bold;
}
.esti_price_wrap .esti_price_box .esti_info_box .esti_info_inner_box .esti_title_box {
    display: flex;
    flex-direction: column;
    gap: 0.5em;
    font-size: 12px;
}
.esti_price_wrap .esti_price_box .esti_info_box .esti_info_inner_box .esti_title_box .esti_title {
    font-size: 14px;	
    font-weight: bold;
}
/* BASIC css end */