/* yugiyu 모바일 반응형 보정 */

/* ===== 1280px 이하: 고정 폭 해제 ===== */
@media (max-width: 1280px) {
	html, body { overflow-x: hidden; }
	#wrapper, #hd, #ft, #hd_wrapper, #ft_wr, #container_wr,
	.div_c_1200, .maindiv_top_div, .maindiv_top2_div,
	#hd_pop, .banner_top_box {
		min-width: 0 !important;
		max-width: 100% !important;
		width: 100% !important;
		box-sizing: border-box;
	}
	#main_con_1 { max-width: 100% !important; }
}

/* ===== 991px 이하: 태블릿 ===== */
@media (max-width: 991px) {
	/* 상단 메뉴 폰트 축소 */
	.maindiv_top_div li {
		font-size: 13px !important;
		margin-left: 12px !important;
	}
	.maindiv_top_div li:first-child { margin-left: 5px !important; }
	#hd_qnb { display: none; }
}

/* ===== 767px 이하: 모바일 ===== */
@media (max-width: 767px) {
	/* 헤더 영역 정돈 */
	#hd_wrapper {
		height: auto !important;
		padding: 10px !important;
	}
	#logo {
		float: none !important;
		text-align: center;
		padding: 5px 0 !important;
	}
	#logo img { max-height: 60px; width: auto !important; }

	/* 검색바 - absolute → static, 폭 100% */
	.hd_sch_wr, .top_ser, .top_ser02 {
		position: static !important;
		left: auto !important;
		margin: 8px 0 !important;
		width: 100% !important;
		float: none !important;
	}
	#hd_sch { width: 100% !important; }
	#hd_sch #sch_stx {
		width: calc(100% - 60px) !important;
		font-size: 14px !important;
	}
	.fl_sel01 {
		width: 90px !important;
		height: 40px !important;
		font-size: 13px !important;
	}
	.fl_input_ser {
		width: calc(100% - 165px) !important;
		height: 40px !important;
	}
	.fl_button_ser {
		width: 60px !important;
		height: 40px !important;
		font-size: 13px !important;
	}

	/* 상단 메뉴 줄바꿈 허용 */
	.maindiv_top, .maindiv_top2 { height: auto !important; }
	.maindiv_top_div, .maindiv_top2_div {
		height: auto !important;
		padding: 5px 10px !important;
	}
	.maindiv_top_div li {
		line-height: 32px !important;
		font-size: 12px !important;
		margin-left: 8px !important;
	}

	/* 카테고리 박스 - 2열 */
	.main_link {
		width: 49.5% !important;
		margin-right: 1% !important;
		float: left;
		box-sizing: border-box;
	}
	.main_link:nth-child(2n) { margin-right: 0 !important; }

	/* 포털 아이콘 (Google/Naver/Daum 등) - 줄당 3열 */
	.main_link_div ul {
		width: 32% !important;
		margin: 3px 0 !important;
	}
	.main_link_div ul img { max-width: 100%; height: auto; }

	/* 보증업체 배너 영역 */
	.onebanner, .bn_ca, .banner_top_box {
		width: 100% !important;
		margin: 5px 0 !important;
	}
	.onebanner img, .bn_ca img, .banner-item img {
		max-width: 100% !important;
		min-width: 0 !important;
		height: auto !important;
	}
	#bn_ca_2 ul { display: flex !important; flex-wrap: wrap; gap: 4px; }
	#bn_ca_2 ul .banner-item { width: 49% !important; }

	/* 카테고리 페이지(category.php) 사이트 카드 - 2열 */
	.siteList {
		width: 49.5% !important;
		margin-right: 1% !important;
		margin-bottom: 8px !important;
		box-sizing: border-box !important;
	}
	.siteList:nth-child(2n) { margin-right: 0 !important; }
	.siteList .siteLogo img { max-width: 100% !important; }
	.siteList .siteInfo h3 { max-width: calc(100% - 50px) !important; font-size: 13px; }

	/* 상세 페이지(view.php) - 표 모바일 분리 */
	#bo_v { padding: 12px !important; }
	#bo_v_title { font-size: 18px !important; }
	#bo_v table, #bo_v tbody, #bo_v tr { display: block; width: 100%; }
	#bo_v td {
		display: block !important;
		width: 100% !important;
		padding: 10px 0 !important;
	}
	#bo_v .nomargin {
		width: 100% !important;
		padding: 10px !important;
	}
	#bo_v .nomargin img { width: 100% !important; height: auto; }

	/* 게시판 카테고리 메뉴 (sub_m) */
	.sub_m { display: flex !important; flex-wrap: wrap; }
	.sub_m > a {
		width: 33.33% !important;
		padding: 12px 0 !important;
		font-size: 13px !important;
		border-bottom: 1px solid #eee;
	}

	/* notice/qa 테이블 모바일 */
	#bo_list table, .tbl_head01 { font-size: 13px; }
	.td_datetime { width: auto !important; font-size: 11px !important; }

	/* 푸터 영역 */
	#ft_wr, #ft div { width: 100% !important; padding: 0 10px !important; }
}

/* ===== 480px 이하: 작은 폰 ===== */
@media (max-width: 480px) {
	/* 포털 아이콘 2열로 */
	.main_link_div ul { width: 48% !important; }
	/* 카테고리 박스 1열로 */
	.main_link {
		width: 100% !important;
		margin-right: 0 !important;
	}
	/* 사이트 카드도 1열 */
	.siteList {
		width: 100% !important;
		margin-right: 0 !important;
	}
}