@charset "UTF-8";
/* CSS Document */

@media all and (max-width: 1650px) {
.popup { width:calc(100% - 60px);height:calc(100% - 60px); }
}

@media all and (max-width: 1501px) {
.inner { width:100%; padding:0 30px; }
}

@media all and (max-width: 1401px) {


}

@media all and (max-width: 1301px) {
.main_container .category {	}
.view_option { margin:1em; }
.main_container .category ul { gap:30px; flex-wrap:wrap; }
.main_container .category .category_item { width:60px; height:60px; }
.item_list_view .item_list { }
.item_list_wrap .company_info .title strong {  }

.bg_main .swiper-slide { width:calc(100% - 60px); padding-bottom:29.4%; }

}

@media all and (max-width: 1201px) {
.map_container .item_map_view .map_list_wrap { left:-350px; }
.map_header.wide { left: 0; }
.map_container.wide #category, .map_container.wide .category { left: 365px; }
.map_container.wide .item_map_view .map_list_wrap { left: 0; }

.mypage_wrap { flex-direction:column; }
.active .left_menu { top:77.5px;  }
.left_menu { width:100%; border:none; display:block; padding:1em 0 15px; margin-bottom:5px; border-bottom:1px solid #ededed; box-shadow:none; position:static; border-radius:0; }
.left_menu h2 { margin-bottom:20px; }
.left_menu ul li h3 { position:absolute; left:-9999em; width:1px;height:1px;margin:0;padding:0;background:none;font-size:0;line-height:0;text-indent:-9999em }
.left_menu ul { display:flex; flex-direction:row; gap:5px; align-items:center;}
.left_menu ul li { display:flex; white-space:nowrap; }
.left_menu ul li a { display:inline-block; border:1px solid #ededed; padding:5px 13px; border-radius:50px; }
.left_menu .mypgnb { overflow-x:auto; }
.left_menu .mypgnb > li::after { display:none; }
.left_menu ul li.active a { position:relative; border-color:var(--blue); color:var(--blue); background:#ebf3f9; }
.left_menu ul li.active a::after { display:none; }
.left_menu h2 {  }
.mypage_content { width:100%; padding:30px 0 0; }
.mypage_container .sub_title { padding:13px 0 20px; }
.mypage_content h3 { position:absolute; left:-9999em; width:1px;height:1px;margin:0;padding:0;background:none;font-size:0;line-height:0;text-indent:-9999em; }
.mypage_content h3::before { display:none; }
.mypage_content .board_contr_wrap { min-height:65px; }

}

@media all and (max-width: 1101px) {
	


}

@media all and (max-width: 1001px) {
.header h1 a { width:150px; }
html, body { font-size:13px; }
.inner { padding:0 2em; }
.footer .inner { flex-direction:column; padding:0 2em; }
.footer .info_detail { line-height:1.6em; }
.footer .contact { margin-top:15px; }
.footer .contact .text { flex-direction:row; gap:5px; }
.footer .contact strong { font-size:1em; margin:0; display:inline-block; margin-right:10px; font-weight:500; letter-spacing:0;}

.item_list_view .item_list_wrap .item_list_box { padding-top:2em; }
.item_list_wrap .company_info .title strong { font-size:1.2em; }


.shop_wrap .shop_header { height:auto; display:flex; flex-direction:column; margin-top:0; }

.shop_wrap .shop_header .shop_info_wrap { margin:-15px 0 30px 0; background:none; color:#000; position:static; padding:0;}
.shop_wrap .swiper-button-prev:after, .shop_wrap .swiper-button-next:after { color:#000; }
.shop_wrap .shop_header .shop_info_wrap dl::after { background:#ccc; }
.shop_wrap .shop_header .shop_contr .swiper-pagination-bullet { border:1px solid #000; }
.shop_wrap .shop_header .shop_contr { width:100%; justify-content:center; position:static; margin-top:20px; }
.shop_wrap .swiper-button-prev, .shop_wrap .swiper-button-next { width:20px; height:20px; margin:0 10px; }
.shop_wrap .shop_header .shop_contr .swiper-pagination-bullet { width:10px; height:10px; }


.mypage_content { padding:15px 0 0; }
.mycont_wrap { flex-direction:column; padding:25px 0; }
.mycont_wrap h4 { width:100%; font-size:1.5em; margin-bottom:20px; }
.mycont_wrap .table_write { width:100%; }
.mycont_wrap .table_write label { font-size:12px; }
.mycont_wrap .table_write td { border-bottom:none; padding:5px 0; }

.odr_items .board_order .ord_item_text { max-width:100%; }

.bg_main .swiper-button-prev, .bg_main .swiper-button-next { display:none; }

}

@media all and (max-width: 901px) {
.search_inp { width:calc(100% - 400px); }
.main_container .category ul { gap:30px; justify-content:flex-start; }
.main_container .category .category_item { width:50px; height:50px; border-radius:20px; }
.item_list { gap:35px 20px; }
.item_list li { width:calc(50% - 10px); }

.board_order li { justify-content:space-between; flex-direction:column; align-items:flex-start; }
.board_order .ord_item_control { padding-left:70px; }


.odr_items .board_order li.bg_gray { flex-direction:row; align-items:flex-end; }

.dlvy_insert_wrap .board_order li { flex-direction:row; align-items:center; }
.dlvy_insert_wrap .board_order .ord_item_control { padding-left:0; }
}

@media all and (max-width: 801px) {
.join_wrap, .dlvy_wrap { width:100%; margin:0; }
.join_box h3 { width:130px; }
.join_box .table_write { width:calc(100% - 130px); }

.board_bottom { margin-top:2em; }
.btn_l { font-size:12px; height:40px; padding:0 20px; }
}

@media all and (max-width: 701px) {
.header { padding:15px 0 10px; position:relative; }
.sub_title { padding:0 0 25px; }
.sub_title h2 { margin-top:10px; }
.sub_title .company_logo { width:45px; height:45px; margin-right:10px; }
.breadcrumb li::after { margin:0 5px; }
.sub_title .title a { display:none; }
.footer .inner, .inner { padding:0 1.2em; }
.bg_main .swiper-slide { border-radius:10px; width:calc(100% - 30px); padding-bottom:30.4%; }
.gnb_wrap { display:flex; gap:10px; }

.gnb_wrap ul { margin-top:0; }
.header h1 a { height:34px; width:120px; }
.footer h2 { line-height:1em; }
.footer h2 img { height:auto; width:120px; }
.search_inp { position:static; transform:none; width:100%; margin-top:1em; border:1px solid #ededed; background:#f4f4f4; }
.search_inp .inputText { width:calc(100% - 40px); height:40px; }
.search_inp .btn_search { width:40px; height:40px; line-height:40px; }
.header.active .search_inp { margin-top:0; }

.dlvyCmptn_wrap { background:#fff; padding:0; }
.dlvyCmptn { width:100%; margin:0; }
.loshare_tab { width:100%; padding:1.5em; margin:0; }
.loshare_tab .tab_wrap { border-radius:15px; }

.bg_main .swiper-pagination { left:10px; bottom:10px; font-size:0.8em; transform:none; }

.bg_main .text { width:30%; }
.shop_wrap .shop_header .shop_slide_wrap .shop_header_slide, .item_list_view .item_list_wrap .company_info { border-radius:10px }
.item_list_view .item_list_wrap .title { padding:10px 10px 0 10px; }

.item_list_view .item_list_header { margin:3em 0 2em; }
.item_list_view .item_list_header h3 { font-size:2em; }
.item_list_view .item_list_header .view_option { justify-content:center; margin:2em 0 0 0;}

.map_container .category { display:none; }
.order_total_info .item_price { font-size:1.3em; }
.order_total_info { display:inline-flex; align-items:center; background:var(--main); padding-left:15px; border:1px solid #E91D1D; border-radius:5px; }
.order_total_info .item_count { margin-bottom:0; border-radius:50px; padding:0px 9px; background:#fff; color:#000; font-size:10px; }
.order_total_info .item_count em { display:none; }
.order_total_info .item_price { margin:0; position:absolute; left:16px; bottom:0px; }
.order_total_info .ordrBtn { padding:0 20px 0 10px; border:none; }
.order_total .inner { justify-content:flex-end; align-items:flex-start; }
.order_total p { position:absolute; left:16px; top:-3px; font-size:10px; }

.table_order_wrap { padding:1em 0; }
.board_order .item_expdate { font-size:9px; }
.board_order li { padding:13px 0; }

.mypage_content .mypage_box .item_text .detail .item_stock { margin:5px 0 0; }
.orddetails > ul > li .ord_info_wrap { border-radius:10px; }
.orddetails_head { border-radius:10px 10px 0 0; flex-direction:column; align-items:flex-start; padding:1.3em; }
.orddetails_head .btn_wrap .btn_s { padding:0 15px; height:32px; font-size:11px;}
.orddetails_head .btn_wrap { padding:0; margin-top:10px; flex-direction:row; }
.orddetails_head .text_wrap { width:100%; padding:0; }
.orddetails_head .orddetails_head_top { margin:0 0 8px;}
.orddetails_head .orddetails_head_top .state { font-size:1em; }
.orddetails_head .orddetails_head_top .stateDate { font-size:1em; }
.orddetails_head .orddetails_head_bottom .company_info strong, .orddetails_head dl dd { font-size:11px; }
.orddetails_head dl { margin-left:10px; }
.orddetails_head dl dd { margin-right:10px; }
.odrdeliv_cont { padding:1em 1em 1.5em; border-radius:0 0 10px 10px; }
.odrdeliv_cont_btm { margin-top:20px; }
.thumb_cont_wrap .img_box { width:50px; height:50px; }
.thumb_cont_wrap .thumb_text .item_name { margin:0 0 10px 0; font-size:13px; }
.mypage_content .board_contr_wrap { margin-bottom:30px; flex-direction:column-reverse; background:none; border:none; align-items:flex-start; padding:0; }
.mypage_content .board_contr_wrap .search_box { width:100%; border:1px solid #000; border-radius:5px; margin-bottom:20px; }
.mypage_content .board_contr_wrap .search_box .input_wrap { width:100%; }
.thumb_cont_wrap { padding:1em; }

.odrdeliv_wrap { border-radius:10px; }
.odrdeliv_head { font-size:11px; }
.odrdeliv_head dl dt { font-size:10px; padding:3px 6px; }
.odrdeliv_head dl { font-size:11px; margin-left:10px; }
.delivery_state ul li .text .state { font-size:10px; margin-top:20px; }
.delivery_state ul li .text .date { font-size:10px; line-height:1em; }
.delivery_state ul li .condition { height:32px; }
.delivery_state ul li .condition img { height:32px; }
.delivery_state ul li::after { top:50px; }
.delivery_state ul li .dot { top:48px; }
.delivery_state .odrCancel { padding:0; }

.odrdeliv_cont h4 { margin:25px 0 10px; }
.odr_client_info { padding:15px 10px; }

.odrdeliv_cont_btm .btn_m { font-size:11px; height:32px; padding:0 15px; }
.table_order .item_info_wrap { flex-direction:column; }
.table_order .item_info_wrap .name_wrap { max-width:100%; }
.table_order .item_info_wrap .item_name { font-size:1em; }
.table_order .item_info_wrap .detail { margin-top:15px; }
.odr_items .table_order .item_expdate { margin:8px 0 0; font-size:10px; }
.table_order td { padding:15px 10px; }

.odrdeliv_head > strong { width:50px; }
.odrdeliv_head .text { gap:5px; }
.board_order li { gap:10px; }
.odr_client_info dl { margin-bottom:5px; }
.odr_items .board_order li.bg_gray { padding:13px; }
.odr_items .board_order li.bg_gray .item_price { margin:0; }

.content { padding:0 0 2em; }
.left_menu {  margin-bottom:0;}
.mypage_content { padding:20px 0 0; }
.mypage_content .board_contr_wrap { min-height:0; margin-bottom:15px; }

.orddetails { margin-top:25px; }


}

@media all and (max-width: 601px) {

.item_list li .img_box { margin-bottom:1.2em; }	
.detail { margin:7px 0 13px; }

.join_box { flex-direction:column; padding:15px 0; }
.join_box h3 { width:100%; margin-bottom:20px; font-size:1.3em; font-weight:600; }
.join_box .table_write { width:100%; }
.join_box .table_write label { font-size:12px; }
.join_box .table_write td { padding:0 0 15px; }
.join_box .table_write .inputText, .join_box .table_write .selectText, .join_box .table_write td .btn_m, .join_box .file_up label { height:40px; }
.agree_wrap { padding:20px 0 30px; }
.join_btn_box .btn_l { width:calc(50% - 5px); }

.dlvy_insert_wrap { margin-bottom:3em; }
.dlvy_insert_wrap h3 { font-size:1.2em; font-weight:600; margin-bottom:10px; }
.dlvy_insert_wrap .table_write { padding-top:0; }
.dlvy_insert_wrap .table_write .inputText, .dlvy_insert_wrap .table_write .selectText { height:40px; }
.dlvy_insert_wrap .table_write td .btn_m { height:40px; }
.dlvy_insert_wrap .table_write tr { display:grid; }
.dlvy_insert_wrap .table_write tr th { padding-bottom:0; border-bottom:none; font-size:12px; }
.dlvy_insert_wrap .table_write tr td { padding-top:10px; }

.mypage_content .item_list li .img_box .btn_wrap { backdrop-filter: blur(20px); -webkit-backdrop-filter:blur(20px); }
.mypage_content .item_list li .img_box .btn_wrap .btn_sq { border:1px solid #fff; }

.main_container .category ul { gap:15px; }

.bg_main { height:auto; }
.bg_main img { width:100%; }
.bg_main .pc { display:none; }
.bg_main .mob { display:block; }
.item_list_view .item_list_header h3 { font-size:1.3em; }

}


@media all and (max-width: 501px) {
	
	.login { width:100%; padding:0 1em; }
	
	.sub_title h2 { font-size:2em; line-height:1em; margin:10px 0 15px;}
	.sub_title .company_logo { width:35px; height:35px; }
	
	.breadcrumb ul { font-size:10px; }
	.breadcrumb li::after { width:8px; height:8px; margin:0 3px;}
	.join_wrap .board_contr_wrap { padding:0 0 10px; }
	
	.shop_wrap { margin-top:-20px; }
	.shop_wrap .shop_header .shop_info_wrap { height:auto; margin-bottom:10px; }

	.shop_wrap .board_contr_wrap { padding:3em 0 1em; }
	.shop_wrap .shop_header .shop_contr { bottom:-220px; }

	.shop_wrap .shop_header .shop_info { font-size:11px; width:100%; justify-content:center; }
	.shop_wrap .shop_header .shop_info_wrap dl::after { margin:0 6px; }
	
	.item_name { font-size:13px; }
	.item_map_view .map_list_wrap .company_box .item_expdate { font-size:9px; }
	.item_map_view .map_list_wrap .company_box .item_stock { margin:0; }
	.item_stock { font-size:9px; }
	
	.footer { padding:3em 0 5em; }
	.footer .info_detail span { font-size:9px; margin-right:10px; }
	.footer .info_detail { font-size:9px; }
	.footer .ltreset { margin-top:5px; font-size:10px; line-height:1em; }
	.footer .contact { flex-direction:column; }
	.footer .contact dl dd { font-size:10px; line-height:1em; }
	.footer .contact dl dd::after { height:9px; margin:0 6px; }
	
.dlvyCmptn_wrap { font-size:13px; }
.dlvy_head { padding:1.5em; }
.dlvy_cont { padding:2em 0; }
.dlvy_head .company_logo { width:20px; height:20px; border-radius:5px; margin-right:6px; }
.dlvy_head .title { font-size:1.2em; }
.dlvy_head .text_wrap { padding-left:28px; font-size:11px; }
.dlvyCmptn { padding:2em 1em; }
.dlvyCmptn .btn_lk { height:50px; font-size:14px; }
.dlvyCmptn .board_bottom p { font-size:12px; }
.dlvy_cont h2 { margin-bottom:7px; font-size:1.1em; }

.dlvyCmptn_box:nth-child(1) { margin-bottom:20px; }
.dlvyCmptn_box .table_view th, .dlvyCmptn_box .table_view td { font-size:11px; padding:6px; }
.colimg { width:60px; }
.coldate { width:80px; }
.colcont { width:60px; }
.rowhead { width:100px; }

.loshare_tab .tabs li a { padding:13px 0; }
.loshare_tab .content ol li > img { margin:10px 0 10px -20px; }

.detail { flex-direction:column; align-items:flex-start; gap:7px; }
.item_stock::before { display:none; }

.map_header { width:calc(100% - 60px); }
.left_menu ul { gap:3px; }
.left_menu ul li a { font-size:13px; padding:3px 10px; }
.main_container .category ul { gap:15px 0; }
.main_container .category ul li { width:25%; }
}