@CHARSET "UTF-8";


.sub_header .left{width: auto; position: absolute; left: 1rem; top: 25px}
.sub_header .page_title{text-align: left; padding-left: 2rem}
.sub_header .page_title_pl0{ padding-left: 0; }


.sub_header, .tab_top, .mall_wrap .tab_slide_are  {position: fixed !important; position: absolute;
        left: 50%;  top: 0%; transform: translate(-50%, -0%); max-width: 480px; z-index: 999; }
body { padding-top:70px;}
body.on { padding-top: 120px;}


	
.tab_top, .mall_wrap .tab_slide_are  { top: 70px; width: 100%; background: #fff; }
.mall_wrap .tab_slide_are{ padding: 15px 15px; }
.mall_wrap .tab__content-wrapper{ margin-top: 5px; }
	
.web_view{ display: inline-block !important;  }
.mo_view{ display: none !important;  }
 
@media (max-width: 360px) {
	
	
	input[type="checkbox"].custom_checkbox + label{ gap:5px;  }
	.list_top .right{ gap:3px; }
	.list_top_btn, .all_ck_top input[type="checkbox"].custom_checkbox + label { font-size: 11px;  }
	.list_top_btn{ padding: 10px 8px;  }
	
	.product_list2 li .txt{ font-size: 13px; }
	#mix_goods_list_pop .pop-container { max-height: 500px; }
	
	
}


@media (max-width: 370px) {
	.inner { padding: 0 15px; }
	.rank_list li .txt p.user_name span { float: none; display: inline-block; width: 100%; margin-top: 3px;  }
	.search_pop .search_pop_close{ position: absolute; right: 30px; top:30px; display: inline-block; width: auto;  }
}


@media (max-width: 360px) {
	
	
	.rank_list li .border{ gap:10px;  }
	
	
.popup-content{max-width: 90%}	

.main_title{margin-bottom: 15px}

.inner,
.live_slide,
.sub_header,
.rank_top h2{padding: 0 1rem; }

.sub_header{position: relative}
.sub_header .left{width: auto; position: absolute; left: 1rem; top: 25px}
.sub_header .page_title{text-align: left; padding-left: 2rem}
.sub_header .page_title_pl0{ padding-left: 0; }



.sub_header + .content {
    padding: 30px 0;
    min-height: calc(100vh - 70px - 70px);
}

.foot_btn{padding: 1rem}

.new_slide_are,
.tab_slide_are{padding-left: 1rem}

.foot_nav a img{max-width: 40px}	
	
.text_slide_are .main_text_slide .swiper-slide {
    font-size: 14px;
    padding: 10px 10px;
}	
	
	
.main_title h2{font-size: 16px}	
.live_chat{padding: 10px}
	
	
.live_chat p b{font-size: 12px}	


.common_btn{height: 50px; line-height: 50px; font-size: 14px}

.sns_login img{max-width: 40px}

.top_3{gap:10px}


.pop-layer .pop-container{padding: 1rem; border-radius: 5px;
        overflow-y: auto;}

.box_form li + li {
    margin-top: 15px;
}


.list_top .right{gap:5px}
.storage_list li{padding: 1rem; border-radius: 5px}

 
 
	
}


@media (max-width: 550px) {
	
	
	.id_find h3.member_title{ font-size: 17px; }
	.id_find h3.member_title > span{ font-size: 12px; }
	.id_find h3.member_title { padding-bottom: 10px; }
	.form_table_find input.input_text, .form_table_find .input_line > button { font-size: 13px; height: 50px;  }
	
	
	.content{ padding-top: 15px; }
	.giftbox{ margin-bottom: 10px; }
	
	
	.botton_btn_wrap.foot_btn{ bottom:100px; }
	/* 
	.botton_btn_wrap2.foot_btn{ bottom: 0px; }
	 */
	
	
	.mall_wrap .tab_slide_are { padding: 15px 15px 10px; }
	.mall_wrap .sub_header + .content{ padding-top: 15px; }
	
	.product_list2 li em, .product_name2, .rank_list li .txt p { font-size: 11px; }
	.rank_list li .txt h4 { font-size: 12px; }
	.rank_list li .txt p.user_name{ margin-bottom: 5px; }
	
	.list_top_btn{ padding: 10px 5px;  }
	.all_ck_top input[type="checkbox"].custom_checkbox + label{ gap:2px;  }
	.list_top select{  padding: 0 7px; }
	.list_top .right{ gap:2px;  }
	
     
	 .list_top .right{ width: 78%; margin-top: 0px;  }
	 .list_top .total { margin-top: 6px;  }
	 .btnbox{ width: 100%;  }
	.btnbox .list_top_btn{ width: 33.33%; justify-content: center; }
	.box_form .counter-box input{ width: 25%;  }
	
	.sub_header{ padding: 0 15px;  }
	 
	.certifi_wrap img { width: 120px; }	
	.certifi_wrap h3 { font-size: 17px;  }	
		
	.agree_are p.msg { display: inline-block; padding-left: 33px; margin-top: 10px; font-size: 12px;  }

	.sub_header + .box_content{ padding-bottom: 0;  }
		
	.delivery_top p, .delivery_top span { font-size: 11px; }
	.delivery_top .l { flex-wrap: wrap; } 
	 .delivery_top .r { flex-wrap: wrap; justify-content: flex-end; }
	
	.delivery_top .l p { margin-top: 5px;  }
	.delivery_top .r{ gap:3px;  }	
	.addr_pass_wrap .box > label{ flex-wrap: wrap;  }
	.addr_pass_wrap .box label { width: 100% !important;  }
	.foot_btn .foot_price { margin-bottom: 6px; }
	.botton_btn_wrap .foot_price li{ margin-top: 6px; }
	
	.secession_info ul li{ font-size: 12px; }
	.secession_info h3 { font-size: 13px;  }
	
	
	 .list_top{ flex-wrap: wrap; 
        align-items: flex-start; }
     .list_top_center{ align-items: center; }   
     .list_top_center .total { margin-top: 0;  }
     .list_top_center .right p { font-size: 11px;  }
     .mix_detail_top .mix_title .mix_item_count{ width: 100px; justify-content: center;  padding: 8px 5px; }
     .mix_detail_top .mix_title h3{ padding-right: 5px; font-size: 15px; }
	.foot_btn2{ bottom:95px; }
	
	.event-notice { font-size: 12px; }

    .box_choice{padding:40px 10px}
    .box_choice input + label p{font-size:12px; margin-top:5px;}
    .box_choice input + label{padding-bottom:5px}
	 
	
	
/* 
.foot_nav a.ico_mall img { height: 32px; margin-bottom: 7px; max-width: none; }
 */

}
 



@media (max-width: 900px) {
	
}