@charset "utf-8";
/* ==========================================================================
   대출다연 빨강·남색·노랑 (PC) — 2026-11-09, 광고 이미지 색감
   dayeon3d.css → dayeon_pro.css 위에 덧입힘. 먹색 자리를 남색으로, 강조에 빨강·쨍한 노랑·초록(검색).
   그림자 없는 3D(아래 두께 면).
   ========================================================================== */
:root{
	/* pro 의 먹색 변수를 남색으로 */
	--k:#16142d; --k2:#221f42; --k3:#2e2a55; --k-line:#3d3970;
	--on-k:#fbf8ff; --on-k2:#bdb8dc;
	--y:#ffe600; --y2:#fff27a; --y-edge:#c9b300; --y-soft:#fff9c4;
	--paper:#fbf3f1; --line:#f0dedb; --edge:#e3c9c4; --txt:#1c1a2e;
	/* 빨강·초록 */
	--r:#f01e2c; --r2:#ff5a4a; --r-dk:#a80f18; --r-soft:#ffe8e6;
	--g:#1db446; --g-dk:#118a32;
}
body{background:var(--paper) !important;}

/* ---------- 머리 ---------- */
#header_top{background:linear-gradient(90deg,var(--r-dk),var(--r)) !important;border-bottom:0 !important;}
#header_top .left strong{color:#fff !important;}
#header_top .left strong::before{background:var(--y) !important;}
#header_top .right ul li a{color:#ffe1de !important;}
#header_top .right ul li a:hover,#header_top .right ul li a.m1{color:var(--y) !important;}

/* 검색창 = 광고의 초록 검색창 */
#header .search_box .search_text,#header .search_box .search_company{border:3px solid var(--g) !important;border-bottom:6px solid var(--g-dk) !important;border-radius:14px !important;}
#header .search_box .search_text input{font-weight:700 !important;color:var(--txt) !important;}
#header .search_box .search_text input::placeholder{color:#7a9a84;}
#header .search_box .search_text button{background:var(--g) !important;color:#fff !important;border-left:0 !important;width:64px !important;}
#header .search_box .search_text button i{color:#fff !important;font-size:18px !important;}
#header .header_btn li{border-color:var(--k) !important;}
#header .header_btn li a i{background:var(--y) !important;color:var(--k) !important;}

/* 메뉴 줄 = 남색 + 노란 밑줄 */
#navigation{background:var(--k) !important;border-bottom:5px solid var(--y) !important;}

/* ---------- 소개 영역 = 광고 그림 느낌 ---------- */
#dy_hero{border:3px solid var(--r-dk) !important;border-bottom:10px solid var(--r-dk) !important;
	background:
		radial-gradient(ellipse 70px 34px at 6% 22%, rgba(255,236,60,.95) 0 98%, transparent 100%),
		radial-gradient(ellipse 54px 26px at 93% 12%, rgba(255,236,60,.95) 0 98%, transparent 100%),
		radial-gradient(ellipse 62px 30px at 97% 80%, rgba(255,236,60,.9) 0 98%, transparent 100%),
		radial-gradient(ellipse 44px 22px at 46% 92%, rgba(255,236,60,.75) 0 98%, transparent 100%),
		repeating-radial-gradient(circle at 32% 50%, rgba(255,255,255,.07) 0 2px, transparent 2px 46px),
		linear-gradient(180deg, #ff2a2a 0%, #f43a3a 55%, #f07b78 100%) !important;}
#dy_hero .dy_hero_txt{position:relative;z-index:1;padding:34px 36px;border-radius:26px;background:var(--k);border:3px solid #fff;border-bottom:9px solid #fff;}
#dy_hero .dy_hero_txt::before{content:"대출비교는 대출다연!";display:block;margin-bottom:10px;font-size:17px;font-style:italic;font-weight:600;letter-spacing:.02em;color:#fff;opacity:.92;}
#dy_hero .dy_kicker{background:var(--y) !important;color:var(--k) !important;border-bottom-color:var(--y-edge) !important;}
#dy_hero h2{font-size:44px !important;font-weight:900 !important;color:#fff !important;font-style:italic;letter-spacing:-0.06em !important;transform:skewX(-4deg);}
#dy_hero h2 em{color:var(--y) !important;}
#dy_hero p{color:var(--on-k2) !important;}
#dy_hero .dy_btn_y{background:var(--y) !important;color:var(--k) !important;border:2px solid #000 !important;border-bottom:6px solid var(--y-edge) !important;}
#dy_hero .dy_btn_k{background:var(--g) !important;color:#fff !important;border:2px solid var(--g-dk) !important;border-bottom:6px solid var(--g-dk) !important;}
/* 숫자 타일: 흰 바탕 + 검은 굵은 숫자(광고 전화번호 느낌), 짝수는 남색 */
#dy_hero #main_counting dl:nth-child(odd){background:#fff !important;border:3px solid var(--k) !important;border-bottom:7px solid var(--k) !important;}
#dy_hero #main_counting dl:nth-child(odd) *{color:#5b5470 !important;}
#dy_hero #main_counting dl:nth-child(odd) dd b{color:#000 !important;font-size:36px !important;}
#dy_hero #main_counting dl:nth-child(even){background:var(--k) !important;border:3px solid #fff !important;border-bottom:7px solid #fff !important;}
#dy_hero #main_counting dl:nth-child(even) dd b{color:var(--y) !important;font-size:36px !important;}

/* ---------- 제목 ---------- */
#compamy_list .list_subject b,#compamy_list .list_subject b.i1{background:linear-gradient(transparent 56%, var(--y) 56%, var(--y) 92%, transparent 92%) !important;color:var(--k) !important;}

/* ---------- 업체 카드 ---------- */
.pro_list a{border:1px solid var(--line) !important;border-bottom:6px solid var(--k) !important;}
.pro_list a:hover{border-color:var(--r) !important;border-bottom-color:var(--r-dk) !important;}
.pro_list .cont p span{color:var(--r) !important;}
.pro_list .btm{background:var(--k) !important;}
.pro_list .btm p{color:#fff !important;}
.pro_list .btm p i{color:var(--y) !important;}
.pro_list a:hover .btm{background:var(--r) !important;}
.pro_list a:hover .btm p,.pro_list a:hover .btm p i{color:#fff !important;}
.pro_list a:hover .btm span{color:#ffe1de !important;}

/* ---------- 지역·상품 검색 ---------- */
#tab_search{border-color:var(--k) !important;}
#tab_search .tabs{background:var(--k) !important;}
#tab_search .tab.active{background:var(--y) !important;color:var(--k) !important;}
#tab_search li a i{color:var(--r) !important;}
#tab_search li a:hover,#tab_search li a:focus,#tab_search li a.active{background:var(--r) !important;border-color:var(--r-dk) !important;border-bottom-color:var(--r-dk) !important;color:#fff !important;}
#tab_search li a:hover i{color:var(--y) !important;}

/* ---------- 큰 배너 ---------- */
.banner_cpn{background:linear-gradient(135deg,var(--r),var(--r2)) !important;border-color:var(--r-dk) !important;border-bottom-color:var(--r-dk) !important;}
.banner_cpn .tit strong{color:var(--y) !important;}
.banner_cpn .txt span{background:var(--k) !important;color:var(--y) !important;}
.banner_cpn .txt a{background:var(--y) !important;color:var(--k) !important;}

/* ---------- 실시간 안전매칭 표 ---------- */
#main_inquiry .board{border-color:var(--k) !important;}
#main_inquiry .board .title{background:linear-gradient(90deg,var(--r-dk),var(--r)) !important;border-bottom:4px solid var(--y) !important;}
#main_inquiry .board .title h5::before{background:var(--y) !important;}
#main_inquiry .board table tbody tr:hover{background:var(--r-soft) !important;}

/* ---------- 좌우 업체 배너 ---------- */
#sidebar .ad{border-color:var(--k) !important;}
#sidebar .ad h5{background:linear-gradient(90deg,var(--r-dk),var(--r)) !important;color:#fff !important;}
#sidebar .ad_wrap b{color:var(--r) !important;}
#sidebar .ad:hover button{background:var(--y) !important;}
#sidebar .ad_bn_list a.b1 i,#sidebar .ad_bn_list a.b2 i,#sidebar .ad_bn_list a.b3 i{background:var(--r) !important;color:#fff !important;}

/* ---------- 하위 화면 ---------- */
#dtl_top h1{background:linear-gradient(90deg,var(--r-dk),var(--r)) !important;color:#fff !important;border-bottom-color:var(--y) !important;}
#find_top ul li a:hover,#find_top ul li a.active,#find_top ul li a.on{background:var(--r) !important;border-color:var(--r-dk) !important;color:#fff !important;}

/* ---------- 바닥 ---------- */
#f_menu{background:var(--k) !important;border-top-color:var(--y) !important;}
#f_copy{background:#0d0c1d !important;}
#upwards{background:var(--r) !important;border-color:var(--r-dk) !important;border-bottom-color:var(--r-dk) !important;}
#upwards i{color:#fff !important;}
#dy_hero h2 em{font-style:italic !important;font-weight:900 !important;}
:root{--color_limeMedium:#16142d; --color_limeMedium2:#221f42; --color_lime:#f01e2c; --color_limeSoft:#ff5a4a;}  /* 상세 상품정보 칸 머리 등 남은 갈색을 남색으로 */