@charset "utf-8";
/* ==========================================================================
   대출다연 노란색 3D 개편 (PC) — 2026-11-09
   원칙: 그림자 없는 3D. 번지는 그림자(box-shadow·text-shadow)는 모두 끄고,
         아래쪽 '두께 면'(진한 노란 굵은 테두리)과 밝은 윗면 그라데이션으로 블록처럼 튀어나오게.
   노란 바탕 위 글자는 진한 갈색(--dy-ink), 흰 바탕 위 강조 글자는 진한 호박색(--dy-amber).
   ========================================================================== */
:root{
	--dy-y:        #ffe08a;   /* 기본 노랑(윗면) */
	--dy-y-hi:     #fff1c2;   /* 밝은 윗면 */
	--dy-y-soft:   #fff6d6;   /* 연한 노랑 */
	--dy-cream:    #fffdf6;   /* 아주 연한 바탕 */
	--dy-edge:     #f2d27a;   /* 두께 면 */
	--dy-edge-dk:  #dcb24e;   /* 진한 두께 면·테두리 */
	--dy-line:     #f4e4b0;   /* 흰 상자 테두리 */
	--dy-ink:      #2b2100;   /* 노랑 위 글자 */
	--dy-amber:    #8f6200;   /* 흰 바탕 위 강조 글자 */

	/* 기존 테마 색 변수(초록·파랑)를 노랑 계열로 */
	--color_lime:        #ffe08a;
	--color_limeLight:   #f4e4b0;
	--color_limeBright:  #fff6d6;
	--color_limeBright2: #fffdf6;
	--color_limeMedium:  #a87300;
	--color_limeMedium2: #8f6200;
	--color_limeDark:    #4a3500;
	--color_limeSoft:    #ffd96b;
	--color_blue:        #dcb24e;
	--color_mint:        #dcb24e;
	--color_lime_trans:  rgba(255, 224, 138, 0.5);
	--gradient_left:     linear-gradient(180deg, #fff1c2, #ffe08a);
	--gradient_Light:    linear-gradient(180deg, #fff1c2, #ffe08a);
	--gradient_Light2:   linear-gradient(180deg, #fff1c2, #ffe08a);
	--gradient_Soft:     linear-gradient(180deg, #fff1c2, #ffe08a);
	--gradient_trans:    linear-gradient(to left, rgba(255,224,138,.5), rgba(255,224,138,.2));
	--gradient_right:    linear-gradient(180deg, #fff1c2, #ffe08a);
	--gradient_diagonal: linear-gradient(135deg, #fff1c2, #ffe08a);
}

/* 그림자 없애기(전체) */
*, *::before, *::after{box-shadow:none !important;text-shadow:none !important;}

body{background:var(--dy-cream);}

/* ---------- 3D 블록 공통 ---------- */
/* 노란 블록: 밝은 윗면 + 아래 두께 면 */
.dy-yblock,
#main_counting,
#navigation,
#main_inquiry .board .title,
#f_menu{
	background:linear-gradient(180deg, var(--dy-y-hi) 0%, var(--dy-y) 100%) !important;
	border:2px solid var(--dy-edge-dk) !important;
	border-bottom-width:7px !important;
	color:var(--dy-ink) !important;
}

/* ---------- 머리 ---------- */
#header_top{background:var(--dy-ink);border-bottom:0;}
#header_top .left strong{color:#fff;font-weight:600;}
#header_top .right ul li a{color:#fff2bf;}
#header_top .right ul li a:hover{color:var(--dy-y);}
#header_top .right ul li a.m1{color:var(--dy-y);}
#header_top .right ul li a.m2{color:#ff8a7a;}

#header{background:#fff;}
#header .logo img{filter:hue-rotate(-66deg) saturate(1.6) brightness(1.04);}  /* 초록 로고를 노랑으로 */

#header .search_box .search_text,
#header .search_box .search_company{
	background:#fff !important;border:2px solid var(--dy-edge-dk) !important;border-bottom-width:6px !important;border-radius:14px !important;
}
#header .search_box .search_text button,
#header .search_box .search_company i{color:var(--dy-ink);}
#header .search_box .search_text button{background:var(--dy-y);border-left:2px solid var(--dy-edge-dk);border-radius:0 10px 10px 0;width:56px;}

#header .header_btn li{border:2px solid var(--dy-line) !important;border-bottom:6px solid var(--dy-edge) !important;border-radius:14px;background:#fff;transition:transform .15s ease;}
#header .header_btn li:hover{transform:translateY(-3px);}
#header .header_btn li a i{color:var(--dy-ink);background:linear-gradient(180deg, var(--dy-y-hi), var(--dy-y));border:2px solid var(--dy-edge-dk);border-bottom-width:4px;}
#header .header_btn li a:hover i{background:var(--dy-y);}
#header .header_btn li a span{background:var(--dy-ink) !important;color:var(--dy-y) !important;}

#navigation{border-left:0 !important;border-right:0 !important;border-top-width:0 !important;}
#navigation a{color:var(--dy-ink) !important;font-weight:700;}
#navigation a i{color:var(--dy-ink) !important;}
#navigation a::after{background:var(--dy-ink) !important;height:3px !important;}
#navigation a:hover{color:#000 !important;}

/* ---------- 방문자 수 ---------- */
#main_counting{border-radius:20px !important;padding:1.6em 0 !important;margin-top:4px;}
#main_counting dl *{color:var(--dy-ink) !important;}
#main_counting dl + dl{border-left:2px solid rgba(43,33,0,.25) !important;}
#main_counting dl dd b{font-size:26px !important;color:var(--dy-ink) !important;}
#main_counting dl dt span{filter:hue-rotate(-78deg) saturate(1.4);}

/* ---------- 메인 등록업체(방문자 수 바로 아래) ---------- */
#compamy_list .list_subject{margin:2.2em 0 1.2em 0;}
#compamy_list .list_subject b{
	font-size:22px;font-weight:800;color:var(--dy-ink);
	padding:10px 18px 10px 44px;margin-right:16px;border:2px solid var(--dy-edge-dk);border-bottom-width:6px;border-radius:14px;
	background:linear-gradient(180deg, var(--dy-y-hi), var(--dy-y)) !important;position:relative;height:auto !important;
}
#compamy_list .list_subject b.i1::before{content:"\f005";font-family:FontAwesome;position:absolute;left:16px;top:50%;transform:translateY(-50%);font-size:18px;color:var(--dy-ink);}
#compamy_list .list_subject span i{color:var(--dy-edge-dk);}
#compamy_list .list_subject a{border:2px solid var(--dy-line);border-bottom-width:4px;border-radius:8px;color:var(--dy-amber);background:#fff;}

.pro_list{grid-gap:18px !important;}
.pro_list a{
	border:2px solid var(--dy-line) !important;border-bottom:8px solid var(--dy-edge) !important;border-radius:18px !important;
	background:#fff;transition:transform .18s ease, border-color .18s ease !important;
}
.pro_list a:hover{transform:translateY(-8px) !important;border-color:var(--dy-edge-dk) !important;border-radius:18px !important;}
.pro_list .bg{border-bottom:3px solid var(--dy-y);}
.pro_list .cont p span{color:var(--dy-amber) !important;}
.pro_list .cont strong{border-top:1px dashed var(--dy-line) !important;}
.pro_list .cont strong i{color:var(--dy-edge-dk) !important;}
.pro_list .btm{background:linear-gradient(180deg, var(--dy-y-hi), var(--dy-y)) !important;border-top:2px solid var(--dy-edge) !important;}
.pro_list .btm p,.pro_list .btm p i{color:var(--dy-ink) !important;}
.pro_list .btm p{border-right-color:rgba(43,33,0,.25) !important;}
.pro_list .btm span{color:#5a4600 !important;}
.pro_list .list_none{border:2px dashed var(--dy-line) !important;border-radius:18px;background:var(--dy-cream);}

/* ---------- 지역검색·상품검색 (가로 한 줄 전체) ---------- */
#main_bn_tab.dy3d_search_only{display:block;margin-top:28px;}
#main_bn_tab.dy3d_search_only #tab_search{width:100% !important;margin:0 !important;}
#tab_search{border:2px solid var(--dy-edge-dk) !important;border-bottom-width:8px !important;border-radius:20px !important;background:#fff !important;}
#tab_search .tabs{border-bottom:2px solid var(--dy-edge) !important;background:var(--dy-cream);}
#tab_search .tabs::before{display:none;}
#tab_search .tab{line-height:48px !important;font-size:16px !important;color:#7a6a3a !important;}
#tab_search .tab.active{color:var(--dy-ink) !important;font-weight:800 !important;background:linear-gradient(180deg, var(--dy-y-hi), var(--dy-y));}
#tab_search .tab::after{display:none !important;}
#tab_search .tab-content{padding:18px !important;}
#main_bn_tab.dy3d_search_only #tab_search .region_list{grid-template-columns:repeat(9, 1fr) !important;grid-gap:10px !important;}
#main_bn_tab.dy3d_search_only #tab_search .prize_list{grid-template-columns:repeat(10, 1fr) !important;grid-gap:8px !important;}
#tab_search li a{
	font-size:14px !important;font-weight:700 !important;color:var(--dy-ink) !important;padding:12px 6px !important;
	background:#fff !important;border:2px solid var(--dy-line) !important;border-bottom:6px solid var(--dy-edge) !important;border-radius:12px !important;
	transition:transform .12s ease, border-color .12s ease, background .12s ease !important;
}
#tab_search li a:hover,#tab_search li a:focus{transform:translateY(-3px) !important;background:linear-gradient(180deg, var(--dy-y-hi), var(--dy-y)) !important;border-color:var(--dy-edge-dk) !important;}
#tab_search li a:active{transform:translateY(3px) !important;border-bottom-width:3px !important;}
#tab_search li a:hover span,#tab_search li a:focus span{color:var(--dy-ink) !important;}
#tab_search li a i{color:var(--dy-edge-dk) !important;}
#tab_search li a:hover i{color:var(--dy-ink) !important;}
#tab_search li a::after{display:none !important;}
#tab_search li a.active{background:var(--dy-y) !important;color:var(--dy-ink) !important;}

/* ---------- 큰 배너 ---------- */
.ba_img{margin-top:28px;border:2px solid var(--dy-edge-dk);border-bottom-width:8px;border-radius:20px;overflow:hidden;}

/* ---------- 실시간 안전매칭 표 ---------- */
#main_inquiry{margin-top:28px;}
#main_inquiry .board{border:2px solid var(--dy-line) !important;border-bottom:8px solid var(--dy-edge) !important;border-radius:20px !important;background:#fff;}
#main_inquiry .board .title{border-left:0 !important;border-right:0 !important;border-top:0 !important;border-radius:0 !important;}
#main_inquiry .board .title h5{color:var(--dy-ink) !important;font-weight:800 !important;}
#main_inquiry .board .title a{color:var(--dy-ink) !important;background:rgba(43,33,0,.12) !important;}
#main_inquiry .board table thead{background:var(--dy-cream) !important;border-bottom:2px solid var(--dy-line) !important;}
#main_inquiry .board table th{color:var(--dy-amber) !important;}
#main_inquiry .board table tr:nth-child(2n){background:#fffdf3 !important;border-color:#fbefc6 !important;}
#main_inquiry .board table td span,#main_inquiry .board table .area{color:var(--dy-ink) !important;}

/* ---------- 바닥 ---------- */
#footer_top .board{background:#fff !important;border:2px solid var(--dy-line);border-bottom:6px solid var(--dy-edge);border-radius:16px !important;}
#footer_top .board .title{color:var(--dy-ink);}
#f_menu{border-left:0 !important;border-right:0 !important;border-radius:0;}
#f_menu *{color:var(--dy-ink) !important;}
#f_precautions{background:var(--dy-cream) !important;}
#f_precautions .pct_box{border:2px solid var(--dy-line);border-bottom:6px solid var(--dy-edge);}
#f_caution{background:var(--dy-cream) !important;}
#f_caution .wrap{border:2px solid var(--dy-line);border-bottom:6px solid var(--dy-edge);}
#f_caution .wrap .title{background:var(--dy-y-soft) !important;color:var(--dy-ink);}
#f_copy{background:#fff !important;border-top:6px solid var(--dy-y);}
#f_copy .logo img{filter:hue-rotate(-78deg) saturate(1.5);}
#upwards{background:var(--dy-y) !important;border:2px solid var(--dy-edge-dk);border-bottom-width:6px;}
#upwards i{color:var(--dy-ink) !important;}

/* 메뉴 옆 초록 N 표시 등 작은 아이콘 그림을 노랑으로 */
#navigation img,#header_top img{filter:hue-rotate(-66deg) saturate(1.4);}

/* ---------- 업체 목록(하위 화면) 위 상품·지역 선택 상자 ---------- */
#find_top{background:#fff !important;border:2px solid var(--dy-edge-dk);border-bottom-width:8px;border-radius:20px !important;}
#find_top .title h5,#find_top .title h5 b{color:var(--dy-ink) !important;}
#find_top ul li a{background:#fff !important;border:2px solid var(--dy-line) !important;border-bottom:5px solid var(--dy-edge) !important;border-radius:10px !important;color:var(--dy-ink) !important;font-weight:700;}
#find_top ul li a:hover,#find_top ul li a.active,#find_top ul li a.on{background:linear-gradient(180deg,var(--dy-y-hi),var(--dy-y)) !important;border-color:var(--dy-edge-dk) !important;color:var(--dy-ink) !important;}
#find_top .swiper-slide{border:2px solid var(--dy-line) !important;border-bottom:6px solid var(--dy-edge) !important;border-radius:16px !important;}
.list_subject b:empty{display:none !important;}

/* ---------- 큰 안내 배너(대출다연, 지금 바로 비교하기) ---------- */
.banner_cpn{background:linear-gradient(180deg,var(--dy-y-hi),var(--dy-y)) !important;border:2px solid var(--dy-edge-dk);border-bottom-width:8px;border-radius:20px !important;animation:none !important;}
.banner_cpn:hover{transform:translateY(-4px) !important;}
.banner_cpn .logo img{filter:hue-rotate(-66deg) saturate(1.6) !important;animation:none !important;}
.banner_cpn .tit *{color:var(--dy-ink) !important;}
.banner_cpn .tit p::after{background:rgba(43,33,0,.3) !important;}
.banner_cpn .txt span{background:var(--dy-ink) !important;color:var(--dy-y) !important;border-radius:8px !important;}
.banner_cpn .txt a{background:#fff !important;color:var(--dy-ink) !important;border:2px solid var(--dy-edge-dk);border-bottom-width:5px;border-radius:12px !important;}


/* ==== (13:4x) 눈 피로 줄이기: 넓은 면은 흰색·아이보리, 노랑은 테두리·두께 면·강조에만 ==== */
#navigation{background:#fff !important;border:0 !important;border-bottom:5px solid var(--dy-edge) !important;}
#main_counting{background:#fff !important;border-color:var(--dy-line) !important;border-bottom-color:var(--dy-edge) !important;}
#main_counting dl dd b{color:var(--dy-amber) !important;}
.pro_list .btm{background:#fffaf0 !important;border-top:1px solid var(--dy-line) !important;}
#main_inquiry .board .title{background:#fff !important;border-bottom:3px solid var(--dy-edge) !important;}
#f_menu{background:#4a3b12 !important;}
#f_menu *{color:#fff3cf !important;}
#header_top{background:#3d3110;}
.banner_cpn{background:#fff !important;border-color:var(--dy-line) !important;border-bottom-color:var(--dy-edge) !important;}