@CHARSET "UTF-8";

.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;  }
}


@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: 340px) {
	
	.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 + .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) {
	.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{ flex-wrap: wrap; 
        align-items: flex-start; }
	 .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;  }	
		
		
}