@charset "utf-8";
/* ==========================================================================
   대출다연 '멋지게' (PC) — 2026-11-09, dayeon3d.css 위에 덧입힘
   먹색(차콜)과 노랑의 대비. 노랑은 좁고 선명하게, 넓은 면은 먹색·흰색.
   그림자 없는 3D: 아래 두께 면(굵은 테두리)만으로 입체감.
   ========================================================================== */
:root{
	--k:#1d1c19; --k2:#28261f; --k3:#3a372e; --k-line:#45413a;
	--on-k:#f6f2e7; --on-k2:#b9b2a0;
	--y:#ffd23f; --y2:#ffe27a; --y-edge:#c9961b; --y-soft:#fff5d1;
	--paper:#f3f2ee; --line:#e4e0d6; --edge:#d6d0c2; --txt:#26241f;
}
body{background:var(--paper) !important;}

/* ---------- 머리 ---------- */
#header_top{background:#121210 !important;border-bottom:1px solid #2a2823 !important;}
#header_top .left strong{color:var(--on-k) !important;font-weight:700 !important;letter-spacing:-0.04em;}
#header_top .left strong::before{content:"";display:inline-block;width:8px;height:8px;margin-right:12px;vertical-align:middle;background:var(--y);border-radius:2px;}
#header_top .right ul li a{color:#cfc8b6 !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:2px solid var(--k) !important;border-bottom:5px solid var(--k) !important;border-radius:14px !important;}
#header .search_box .search_text button{background:var(--y) !important;color:var(--k) !important;border-left:2px solid var(--k) !important;border-radius:0 !important;}
#header .header_btn li{border:2px solid var(--k) !important;border-bottom:5px solid var(--k) !important;border-radius:14px !important;transition:transform .15s ease;}
#header .header_btn li:hover{transform:translateY(-3px);}
#header .header_btn li a i{background:var(--y) !important;color:var(--k) !important;border:2px solid var(--k) !important;border-bottom-width:3px !important;}
#header .header_btn li a p{color:var(--txt) !important;font-weight:600;}
#header .header_btn li a span{background:var(--k) !important;color:var(--y) !important;}

#navigation{background:var(--k) !important;border:0 !important;border-bottom:4px solid var(--y) !important;}
#navigation a,#navigation a i{color:var(--on-k) !important;font-weight:600 !important;}
#navigation a:hover{color:var(--y) !important;}
#navigation a::after{background:var(--y) !important;height:3px !important;}
#navigation img{filter:none !important;}

/* ---------- 소개 영역 ---------- */
#dy_hero{position:relative;display:grid;grid-template-columns:1.15fr 1fr;align-items:center;gap:36px;margin:22px 0 6px 0;padding:44px 48px;border-radius:26px;overflow:hidden;
	background:
		radial-gradient(circle at 92% 18%, rgba(255,210,63,.95) 0 70px, transparent 71px),
		radial-gradient(circle at 99% 100%, rgba(255,210,63,.16) 0 210px, transparent 211px),
		repeating-linear-gradient(-45deg, rgba(255,255,255,.035) 0 2px, transparent 2px 14px),
		linear-gradient(135deg, #24221d 0%, #161512 100%);
	border:2px solid #000;border-bottom:9px solid #000;color:var(--on-k);}
#dy_hero .dy_kicker{display:inline-flex;align-items:center;gap:7px;font-size:13px;font-weight:700;letter-spacing:.02em;color:var(--k);background:var(--y);padding:7px 14px;border-radius:999px;border-bottom:3px solid var(--y-edge);}
#dy_hero h2{margin:18px 0 12px 0;font-size:40px;line-height:1.22;font-weight:800;letter-spacing:-0.05em;color:#fff;}
#dy_hero h2 em{font-style:normal;color:var(--y);}
#dy_hero p{font-size:16px;color:var(--on-k2);}
#dy_hero .dy_hero_btns{display:flex;gap:12px;margin-top:26px;}
#dy_hero .dy_hero_btns a{display:inline-flex;align-items:center;gap:8px;font-size:16px;font-weight:800;padding:14px 22px;border-radius:14px;transition:transform .12s ease;}
#dy_hero .dy_btn_y{background:var(--y);color:var(--k);border:2px solid #000;border-bottom:6px solid var(--y-edge);}
#dy_hero .dy_btn_k{background:transparent;color:#fff;border:2px solid #5a564c;border-bottom:6px solid #5a564c;}
#dy_hero .dy_hero_btns a:hover{transform:translateY(-3px);}
#dy_hero .dy_hero_btns a:active{transform:translateY(3px);border-bottom-width:3px;}

/* 방문자 수 → 소개 영역 안 3D 숫자 타일 */
#dy_hero #main_counting{display:grid !important;grid-template-columns:repeat(2,1fr);gap:14px;padding:0 !important;margin:0 !important;background:none !important;border:0 !important;border-radius:0 !important;}
#dy_hero #main_counting dl{display:flex !important;flex-direction:column;align-items:flex-start !important;justify-content:center;height:auto !important;gap:6px !important;margin:0 !important;padding:18px 20px !important;
	background:#2c2a24 !important;border:1px solid #4a463c !important;border-bottom:6px solid #0d0c0a !important;border-radius:18px;}
#dy_hero #main_counting dl + dl{border-left:1px solid #4a463c !important;padding-left:20px !important;margin-left:0 !important;}
#dy_hero #main_counting dl:nth-child(odd){background:var(--y) !important;border-color:#000 !important;border-bottom-color:var(--y-edge) !important;}
#dy_hero #main_counting dl *{display:block !important;font-size:14px !important;color:var(--on-k2) !important;}
#dy_hero #main_counting dl:nth-child(odd) *{color:#4a3b0a !important;}
#dy_hero #main_counting dl dt span{display:none !important;}
#dy_hero #main_counting dl dd{display:flex !important;align-items:baseline;gap:4px;}
#dy_hero #main_counting dl dd b{display:inline !important;font-size:32px !important;font-weight:900 !important;letter-spacing:-0.03em;color:#fff !important;}
#dy_hero #main_counting dl:nth-child(odd) dd b{color:var(--k) !important;}

/* ---------- 제목(형광펜 밑줄) ---------- */
#compamy_list .list_subject{margin:2.6em 0 1.3em 0 !important;}
#compamy_list .list_subject b,#compamy_list .list_subject b.i1{background:linear-gradient(transparent 58%, var(--y) 58%, var(--y) 92%, transparent 92%) !important;border:0 !important;padding:0 6px !important;border-radius:0 !important;
	font-size:28px !important;font-weight:900 !important;letter-spacing:-0.05em;color:var(--k) !important;}
#compamy_list .list_subject b.i1::before{display:none !important;}
#compamy_list .list_subject span{color:#7a7466 !important;}
#compamy_list .list_subject a{border:2px solid var(--k) !important;border-bottom:4px solid var(--k) !important;border-radius:10px !important;color:var(--k) !important;font-weight:700;background:#fff !important;}

/* ---------- 업체 카드 ---------- */
.pro_list{grid-gap:18px !important;}
.pro_list a{background:#fff !important;border:1px solid var(--line) !important;border-bottom:6px solid var(--edge) !important;border-radius:20px !important;transition:transform .18s ease, border-color .18s ease !important;}
.pro_list a:hover{transform:translateY(-8px) !important;border-color:var(--k) !important;border-bottom-color:var(--y) !important;}
.pro_list .bg{border-bottom:0 !important;}
.pro_list .cont p span{color:#9a6b00 !important;font-weight:700;}
.pro_list .cont strong{border-top:1px dashed var(--line) !important;color:var(--txt);}
.pro_list .cont strong i{color:var(--y-edge) !important;}
.pro_list .btm{background:var(--k) !important;border-top:0 !important;}
.pro_list .btm p{color:#fff !important;border-right-color:#4a463c !important;letter-spacing:.01em;}
.pro_list .btm p i{color:var(--y) !important;}
.pro_list .btm span{color:var(--on-k2) !important;}
.pro_list a:hover .btm{background:var(--y) !important;}
.pro_list a:hover .btm p,.pro_list a:hover .btm p i{color:var(--k) !important;}
.pro_list a:hover .btm span{color:#4a3b0a !important;}

/* ---------- 지역·상품 검색 ---------- */
#main_bn_tab.dy3d_search_only{margin-top:34px !important;}
#tab_search{border:2px solid var(--k) !important;border-bottom:8px solid var(--k) !important;border-radius:22px !important;}
#tab_search .tabs{background:var(--k) !important;border-bottom:0 !important;}
#tab_search .tab{color:var(--on-k2) !important;line-height:54px !important;}
#tab_search .tab.active{background:var(--y) !important;color:var(--k) !important;font-weight:900 !important;}
#tab_search li a{border:1px solid var(--line) !important;border-bottom:5px solid var(--edge) !important;border-radius:12px !important;color:var(--txt) !important;}
#tab_search li a i{color:var(--y-edge) !important;}
#tab_search li a:hover,#tab_search li a:focus,#tab_search li a.active{background:var(--k) !important;border-color:#000 !important;border-bottom-color:var(--y) !important;color:#fff !important;}
#tab_search li a:hover span,#tab_search li a:focus span{color:#fff !important;}
#tab_search li a:hover i{color:var(--y) !important;}

/* ---------- 큰 배너 ---------- */
.banner_cpn{background:linear-gradient(135deg,#24221d,#161512) !important;border:2px solid #000 !important;border-bottom:8px solid #000 !important;border-radius:22px !important;}
.banner_cpn .tit *{color:#fff !important;}
.banner_cpn .tit strong{color:var(--y) !important;}
.banner_cpn .tit p::after{background:var(--y) !important;}
.banner_cpn .txt span{background:var(--y) !important;color:var(--k) !important;}
.banner_cpn .txt a{background:var(--y) !important;color:var(--k) !important;border:2px solid #000 !important;border-bottom:5px solid var(--y-edge) !important;}
.banner_cpn .logo img{filter:none !important;}

/* ---------- 실시간 안전매칭 표 ---------- */
#main_inquiry .board{border:2px solid var(--k) !important;border-bottom:8px solid var(--k) !important;border-radius:22px !important;}
#main_inquiry .board .title{background:var(--k) !important;border:0 !important;border-bottom:4px solid var(--y) !important;}
#main_inquiry .board .title h5{color:#fff !important;font-weight:800 !important;}
#main_inquiry .board .title h5::before{content:"";display:inline-block;width:10px;height:10px;margin-right:10px;border-radius:50%;background:var(--y);vertical-align:middle;}
#main_inquiry .board .title a{background:var(--y) !important;color:var(--k) !important;}
#main_inquiry .board table th{color:var(--k) !important;font-weight:800 !important;}
#main_inquiry .board table tbody tr:hover{background:var(--y-soft) !important;}

/* ---------- 좌우 업체 배너 ---------- */
#sidebar .ad{border:2px solid var(--k) !important;border-bottom:6px solid var(--k) !important;border-radius:16px !important;}
#sidebar .ad h5{background:var(--k) !important;color:var(--y) !important;font-weight:800 !important;}
#sidebar .ad_wrap b{color:var(--k) !important;}
#sidebar .ad_wrap button{border:2px solid var(--k) !important;border-radius:10px !important;color:var(--k) !important;font-weight:700;}
#sidebar .ad:hover button{background:var(--y) !important;color:var(--k) !important;}
#sidebar .ad_bn_list a.b1,#sidebar .ad_bn_list a.b2,#sidebar .ad_bn_list a.b3{border:2px solid var(--k) !important;border-bottom:5px solid var(--k) !important;}
#sidebar .ad_bn_list a.b1 i,#sidebar .ad_bn_list a.b2 i,#sidebar .ad_bn_list a.b3 i{background:var(--k) !important;color:var(--y) !important;border:0 !important;}
#sidebar .ad_bn_list a b{color:var(--k) !important;}

/* ---------- 업체 목록·상세(하위 화면) ---------- */
#find_top{border:2px solid var(--k) !important;border-bottom:8px solid var(--k) !important;border-radius:22px !important;}
#find_top ul li a:hover,#find_top ul li a.active,#find_top ul li a.on{background:var(--k) !important;color:#fff !important;border-color:#000 !important;border-bottom-color:var(--y) !important;}
#dtl_top h1{background:var(--k) !important;color:#fff !important;border-bottom:5px solid var(--y) !important;border-radius:18px 18px 0 0;}
#dtl_btm .btn a{background:var(--y) !important;color:var(--k) !important;border:2px solid #000 !important;border-bottom:5px solid var(--y-edge) !important;}

/* ---------- 바닥 ---------- */
#footer_top .board{border:2px solid var(--k) !important;border-bottom:6px solid var(--k) !important;border-radius:18px !important;}
#footer_top .board .title{color:var(--k) !important;font-weight:800;}
#f_menu{background:var(--k) !important;border-top:4px solid var(--y) !important;}
#f_menu *{color:var(--on-k) !important;}
#f_copy{background:#121210 !important;border-top:0 !important;}
#f_copy,#f_copy *{color:#a9a291 !important;}
#f_copy b,#f_copy strong{color:var(--on-k) !important;}
#f_copy .logo img{filter:none !important;}
#upwards{background:var(--y) !important;border:2px solid #000 !important;border-bottom:5px solid var(--y-edge) !important;}
#upwards i{color:var(--k) !important;}

/* (15:2x) 전화번호 띠 아래 연한 두께 면이 띠를 끊어 보이게 해서 검정으로 이어 붙임 + 번호 한 줄 고정 */
.pro_list a{border-bottom-color:#000 !important;}
.pro_list a:hover{border-bottom-color:var(--y-edge) !important;}
.pro_list .btm{white-space:nowrap !important;}
.pro_list .btm p{white-space:nowrap !important;}