/*대출 주의사항 팝업*/
.warning_popup {background:#fff; padding:30px 30px 30px 50px;}
.warning_popup li {position:relative; font-size:13px; line-height:1.4; margin-bottom:10px; color:#444}
.warning_popup li:last-child {margin-bottom:0;}
.warning_popup .num {position:absolute; left:-25px; display:flex; align-items:center; justify-content:center; font-weight:bold; color:#fa6915; border:2px solid #fa6915; font-size:11px; border-radius:100px; background:#fff; width:18px; aspect-ratio:1 / 1;}

.hidden {height:100%; min-height:100%; overflow:hidden !important; touch-action:none;}
/*공통*/
.wrap_width {width:1280px; margin:0 auto;}
.flex {display:flex; align-items:center;}
.container {}
.radius3 {border-radius:3px}
.radius5 {border-radius:5px}
.radius8 {border-radius:8px;}
/*
.zoom:hover figure img {transform:translate(-50%, -50%) scale(1.04);}
.zoom figure img {transition:transform .3s ease-in-out;}
*/
.custom_check {display:flex; align-items:center; gap:5px; justify-content:center; position:relative; cursor:pointer; color:#555;}
.custom_check input {position:absolute; /*z-index:-1;*/ opacity:0; width:100%; height:100%;}
.custom_check input[type="radio"]:checked + i::before {background:#ed5071;}
.custom_check input[type="checkbox"]:checked + i::before {background:#ed5071;}
.custom_check input[type="radio"] + i {}
.custom_check input[type="radio"] + i::before  {display:flex; align-items:center; justify-content:center; width:24px; height:24px; border-radius:100px; background-color:#e2e2e2; transition:0.2s ease-in-out; color:#fff;}
.custom_check input[type="checkbox"] + i::before {display:flex; align-items:center; justify-content:center; width:24px; height:24px; border-radius:3px; background-color:#e2e2e2; transition:0.2s ease-in-out; color:#fff;}


/*헤더*/
.h_top {width:100%; background-color:#f4f5f9; padding:12px 0;}
.h_top .r_number {font-size:13px; color:#666666; }
.h_top > .wrap_width {justify-content:space-between;}
.h_top ul a {font-size:13px; color:#666666;}
.h_top ul li {position:relative; padding:0 10px;}
.h_top ul li::before {position:absolute; top:3px; left:-2px; content:""; display:inline-block; width:1px; height:7px; background-color:#babbbe;}
.h_top ul li:first-child::before {display:none; }
.h_top ul li:last-child {padding-right:0;}
.h_top ul li a:hover {color:#333;}
.h_middle {padding:25px 0;}
header {border-bottom:1px solid #eaedf4; background:#fff;}
header .wrap_width {gap:0 20px; justify-content:space-between; }
header .left {display:flex; gap:0 30px; align-items:center;}
header .left .search_wrap {gap:10px;}
header .left .search {justify-content:space-between; border:1px solid var(--bg30); }
header .left .search input[type="text"] {width:275px; height:40px; line-height:40px; padding:0 15px; font-size:15px; color:#333;}
header .left .search input[type="text"]::placeholder {color:#8c8c8c; font-size:13px;}
header .left .search button {color:var(--pick-color); justify-content:center; font-weight:bold; height:40px; line-height:40px; padding:0 10px; font-weight:bold;}
header .left .search button i {position:relative; top:-1px;}
header .left .search_company {position:relative;}
header .left .search_company input[type="text"] {width:142px; }
header .left .search_company_layer {position:absolute; left:0; top:45px; width:100%; border:1px solid var(--bg30); z-index:1000; background-color:#fff; padding:10px; height:150px; overflow-y:auto;}
header .left .search_company_layer a {display:block; font-size:13px; padding:7px 0; color:#444; font-weight:400; border-bottom:1px dotted #e5e5e5;}
header .left .search_company_layer li:last-child a {border-bottom:none;}
header .left .search_company_layer a:hover {color:var(--pick-color); }
header .left .logo {position:relative;}
header .left .logo img {display:block;}
header .left .logo h1 {position: absolute;width: 0px;height: 0px; overflow: hidden;clip-path: polygon(0 0, 0 0, 0 0);}
header .right {gap:0 26px;}
header .right ul {gap:0 5px;}
header .right li a {display:block; font-size:15px; font-weight:400; border-radius:100px; border:1px solid var(--pick-color); text-align:center; padding:10px 17px;}
header .right li.ad_01 a {color:var(--pick-color); background-color:var(--bg5); }
header .right li.ad_02 a {color:var(--bg-txt-color); background-color:var(--pick-color); }

nav {position:sticky; position: -webkit-sticky; left:0; top:0; align-self:flex-start; box-shadow:0 5px 15px rgba(0,0,0,0.04); z-index:999;}
nav .wrap_width {justify-content:space-between;}
nav .menu>li {position:relative; height:60px; }
nav .menu>li>a {display:flex; align-items:center; font-size:16px;  font-weight:bold; line-height:60px; padding:0 20px; color:#111111;}
nav .menu>li::before {position:absolute; left:0; top:21px; content:""; display:inline-block; width:1px; height:15px; background-color:#eaedf4;}
nav .menu>li:first-child::before {display:none;}
nav .menu>li:first-child a {padding-left:0;}
nav .menu>li:last-child a {padding-right:0;}
nav .menu .new_icon {display:inline-block; background-color:#fc2a5c; width:18px; height:18px; text-align:center; font-size:12px; border-radius:3px; color:#fff; margin-left:5px; line-height:18px; animation: fadeBlink 2s linear infinite;}

@keyframes fadeBlink  {
  0%, 100% { opacity: 1; }
  50% { opacity: 0; }
}

nav.color01 {background:#fff; border-bottom:1px solid #eaedf4; }
nav.color01 .menu>li>a {color:#111111;}
nav.color01 .menu>li:hover>a {color:var(--pick-color); }
nav.color01 .menu>li.on>a {color:var(--pick-color); }

nav.color02 {background:var(--pick-color); border-bottom:1px solid var(--pick-color); }
nav.color02 .menu>li>a {color:var(--bg-txt-color);}
nav.color02 .menu>li:hover>a {opacity:0.9;}

/*모바일메뉴*/
header .mobile_open {display:none;}
.m_nav_wrap {display:none;}
.m_nav_wrap .bg {position:fixed; left:0; top:0; width:100%; height:100%; background-color:rgba(0,0,0,0.7); z-index:1000;}
.m_nav {position:fixed; right:0; top:0; width:80%; height:100vh; background:#fff; overflow-y:auto; z-index:1000;}
.m_nav .top1 {justify-content:space-between; background-color:var(--pick-color); color:#fff; border-bottom:1px solid rgba(255,255,255,0.15); gap:0 10px; }
.m_nav .top1 ul {width:calc(100% - 40px - 10px) }
.m_nav .top1 li {border-right:1px solid rgba(255,255,255,0.15);}
.m_nav .top1 li a {color:#fff; line-height:40px; padding:0 10px; font-size:13px;}
.m_nav .top1 button {justify-content:center; width:40px; height:40px;}
.m_nav .top1 button i { font-size:18px;}
.m_nav .top1 i {vertical-align:middle; font-size:16px;}
.m_nav .top2 {background-color:var(--pick-color); padding:30px 15px 15px 15px;}
.m_nav .top2 dl {color:#fff; margin-bottom:20px;}
.m_nav .top2 dt {font-size:18px; margin-bottom:13px;}
.m_nav .top2 dt em {font-size:12px; vertical-align:bottom; margin-left:5px;}
.m_nav .top2 dt em img {vertical-align:bottom; border-radius:100px;}
.m_nav .top2 dt b {font-weight:bold; }
.m_nav .top2 dd a {display:inline-block; font-size:12px; color:#fff; margin-right:5px;/*border:1px solid rgba(255,255,255,0.5); padding:5px 10px; border-radius:100px;*/}
.m_nav .top2 dd a:last-child {margin-right:0;}
.m_nav .m_search {justify-content:space-between; overflow:hidden;}
.m_nav .m_search input {width:100%; height:40px; line-height:40px; font-size:15px; color:#333; padding:0 10px; border-radius:0;}
.m_nav .m_search input::placeholder {color:#999; font-size:13px; font-weight:normal;}
.m_nav .m_search button {justify-content:center; font-weight:bold; color:var(--pick-color); height:40px; line-height:40px; padding:0 10px; background:#fff;}
.m_nav .q_btn {position:relative; background-color:var(--pick-color); justify-content:center;}
.m_nav .q_btn::before {position:absolute; left:0; top:0; content:""; display:block; width:100%; height:100%; background-color:rgba(0,0,0,0.2);}
.m_nav .q_btn li {position:relative; z-index:1; width:100%; border-left:1px solid rgba(255,255,255,0.08); }
.m_nav .q_btn a {font-size:13px; color:rgba(255,255,255,0.8); text-align:center; line-height:40px;}
.m_nav .m_nav_list {height:calc(100% + 160px);}
.m_nav .m_nav_list > ul > li.on > a {color:var(--pick-color);}
.m_nav .m_nav_list > ul > li.on a i {transform:rotate(180deg);}
.m_nav .m_nav_list .depth1 {justify-content:space-between; border-bottom:1px solid #e5e5e5; line-height:55px; padding:0 15px; font-size:16px; color:#222;}
.m_nav .m_nav_list .depth1 i {font-size:20px;}
.m_nav .m_nav_list .depth2 {background:#f8f8f8; padding:10px 15px; border-bottom:1px solid #eee; max-height:170px; overflow-y:auto;}
.m_nav .m_nav_list .depth2::-webkit-scrollbar {width:10px;}
.m_nav .m_nav_list .depth2::-webkit-scrollbar-thumb {background-color:#bbb; border-radius:100px;}
.m_nav .m_nav_list .depth2::-webkit-scrollbar-track {background-color:#ddd}
.m_nav .m_nav_list .depth2 a {font-size:14px; line-height:35px; color:#555;}

/*통합검색*/
.search_all {background-color:#fff;}
.search_all .search_box {border:1px solid #ececec; background-color:#f7f7f7; padding:40px 10px; margin:20px 0 0px 0;}
.search_all .search_box .wrap {justify-content:space-between; width:570px; border:1px solid #ddd; border-radius:100px; background:#fff; margin:0 auto; overflow:hidden;}
.search_all .search_box input[type="text"] {width:calc(100% - 60px); height:60px; line-height:60px; padding:0 20px 0 30px; color:#333; font-size:18px;}
.search_all .search_box input[type="text"]::placeholder {color:#b2b2b2}
.search_all .search_box button {justify-content:center; width:60px; height:60px; font-size:26px; font-weight:bold; color:#494949;}
.search_all .search_box p {text-align:center; margin-top:25px; color:#494949;}
.search_all .search_box p b {font-weight:800;}
.search_all .tab ul {display:flex; background-color:#f7f7f7; border:1px solid #ececec;}
.search_all .tab ul li {flex-grow:1; border-right:1px solid #fff;}
.search_all .tab ul li:last-child {border-right:0;}
.search_all .tab ul li.on button {}
.search_all .tab ul button {width:100%; padding:20px 10px; font-size:18px; color:#888888;}
.search_all .tab ul li:hover button {background-color:#44454e; color:#fff;}
.search_all .article .title ul.basic02 select {display:none;}
.search_all .article .title ul.basic02 .more {display:none;}
.search_all .article .title > h2 {width:auto;}
.search_all .article .title .ad_more {display:none;}
.search_all .article .title .write {display:none;}
.search_all .news .news_list .search_more {display:inline-block; font-size:13px; color:#6e6e6e; border:1px solid #6e6e6e; border-radius:100px; padding:8px 15px;}
.search_all .article .title .basic01 .search_more {display:inline-block;  font-size:13px; color:#6e6e6e; border:1px solid #6e6e6e; border-radius:100px; padding:8px 15px;}
.search_all .news_list .tit {display:flex; justify-content:space-between; align-items:center;}

/*통합검색 - 커뮤니티*/
.search_all .search_commu table {table-layout:fixed;}
.search_all .search_commu table td {padding:20px 10px;}
.search_all .search_commu .tal:hover {text-decoration:underline !important;}
.search_all .search_commu .pc_no {display:none;}

/*메인비주얼*/
.main_visual {overflow:hidden;}
.main_visual .banner_list_  {overflow:hidden;}
.main_visual .cycle-slideshow {overflow:hidden;}
.main_visual .cycle-slide {width:100%; position:relative; }
.main_visual .cycle-slide img {position:relative; left:50%; transform:translate(-50%, 0);  height:auto !important; max-width:initial; } /*이미지흐려짐 현상으로 width:100% !important 삭제*/



/*메인 상단 퀵*/
.main_quick .quick_wrap {display:flex; gap:0 20px; position:relative; margin-top:-30px; background:#fff; padding:22px 30px; box-shadow:0px 5px 15px rgba(0,0,0,0.05); z-index:997;}
.main_quick .box {width:50%;}
.main_quick .box:first-child {}
.main_quick .box:nth-child(2) {border-left:1px solid #eaedf4; padding-left:20px; }
.main_quick .box ul {flex-wrap:wrap; gap:20px 0;}
.main_quick .box li {width:11.111%; text-align:center;}
.main_quick .box li p {color:#333333; font-size:14px; text-align:center;}
.main_quick .box .icon {display:flex; align-items:center; justify-content:center; height:40px; margin-bottom:8px;}
.main_quick .tit {margin-bottom:20px;}
.main_quick .tit a {display:inline-block; font-size:18px; font-weight:bold; color:#111111;}
.main_quick .tit a i {margin-left:10px;}
.main_quick .find_area .tit a:hover {color:#ff5400;}
.main_quick .find_area img {width:35px; height:35px; max-width:35px; max-height:42px; }
.main_quick .find_area li a:hover p {color:#ff5400;}
.main_quick .find_product .tit a:hover {color: var(--pick-color)}
.main_quick .find_product img {width:30px; height:30px; max-width:30px; max-height:34px; }
/*.main_quick .find_product a:hover img {filter: opacity(0.5) drop-shadow(0 0 0 var(--pick-color)) filter:invert(37%) sepia(100%) saturate(2021%) hue-rotate(210deg) brightness(97%) contrast(91%);*/
.main_quick .find_product a:hover p {color: var(--pick-color)}
.main_quick .find_product .more .icon span {display:inline-block; width:30px; height:30px; border-radius:3px; background-color:var(--pick-color);}
.main_quick .find_product .more .icon img {width:22px; filter:  opacity(0.5) drop-shadow(0 0 0 #ffffff); }
.main_quick .find_product .more a:hover img {filter:initial;}

/*서비스상품 공통*/
.article {padding:55px 0;}
.article .title {justify-content:space-between; gap:15px; margin-bottom:30px;}
.article .title > p {width:25%;}
.article .title > h2 {width:50%; font-size:24px; font-weight:bold; color:#333333; text-align:center;}
.article .title > ul {width:25%;}
.article .title .basic01 {gap:3px; justify-content:end;}
.article .title .basic01 a {display:block; border:1px solid #d5d9df; border-radius:2px; color:#666c76; font-size:13px; padding:6px 13px; background-color:#fff;}
.article .title .basic01 .search_more {display:none;}

.article .p_wrap {display:flex; flex-wrap:wrap; gap:20px;}
.article .p_wrap li {position:relative;}
.article .p_wrap li:hover {box-shadow:0 0 13px var(--bg20); transition: 0.3s ease-out;}
.article .p_wrap li:not(:hover) {transition: 0.3s ease-out;}
.article .p_wrap .badge {position:absolute; left:-4px; top:-4px;}
.article .p_wrap .no_ad {border-color:#d7dce5;}
.article .p_wrap .no_ad a {width:100%; height:100%; justify-content:center; flex-direction:column; font-size:16px; padding:40px 25px; line-height:1.4; color:#999; background-color:#f9f9f9;}
.article .p_wrap .no_ad .ad_title {font-weight:bold;}
.article .p_wrap .no_ad b {display:block; font-size:17px; color:#aaa;}
.article .p_wrap .no_ad img {opacity:0.15; margin-top:15px; max-width:80%;}
.article .p_wrap .no_ad .link_fake {border:1px solid var(--pick-color); color:var(--pick-color); padding:7px 15px; border-radius:100px; text-align:center; font-size:14px; margin-top:25px; background-color:var(--bg5); }
.article .p_wrap .no_ad:hover .link_fake  {background-color:var(--pick-color); color:var(--bg-txt-color); transition:0.3s ease-out;}
.article .p_wrap .no_ad:not(:hover) .link_fake {transition:0.3s ease-out;}

/*상품01*/
/*
.p_01 .p_wrap {display:grid; gap:20px}
.p_01 .p_wrap.repeat4 {grid-template-columns:repeat(4, 1fr);}
*/
.p_01 {width:100%; background:#f5f7fa; }
.p_01 .p_wrap .phrase_02 span {height:52px;}
.p_01 .p_wrap .phrase_03 span {height:37px;}
.p_01 .p_wrap.repeat3 >li {width:calc((100% - 40px) / 3);}
.p_01 .p_wrap.repeat4 >li {width:calc((100% - 60px) / 4);}
.p_01 .p_wrap.repeat5 >li {width:calc((100% - 80px) / 5);}
.p_01 .p_wrap>li {border:1px solid;}
.p_01 .p_wrap a {width:100%; height:100%; padding:25px 15px 12px 15px; background-color:#fff; }
.p_01 .p_wrap .phrase {text-align:center;}
.p_01 .p_wrap .phrase span {}
.p_01 .p_wrap .phrase_01 span {display:block; font-size:16px; color:#ee427f; font-weight:bold; text-align:center;} 
.p_01 .p_wrap .phrase_01 span em { font-weight:bold; }/*광고등록 - 미리보기 적용*/
.p_01 .p_wrap .phrase_02 {border-bottom:1px solid var(--bg10); padding:15px 0 15px 0;}
.p_01 .p_wrap .phrase_02 span {font-size:20px; font-weight:bold; line-height:1.3;} 
.p_01 .p_wrap .phrase_02 span em {font-weight:bold;} /*광고등록 - 미리보기 적용*/
.p_01 .p_wrap .phrase_03 span {font-size:14px; color:#666666; font-weight:450; line-height:1.3; margin-top:15px; text-align:center;}
.p_01 .p_wrap .call {background-color:var(--bg5); color:var(--pick-color); font-weight:600; border-radius:5px; padding:10px 5px; text-align:center; margin:15px 0 10px 0; font-size:14px;}
.p_01 .p_wrap .call i {position:relative; top:1px; margin-right:5px;}
.p_01 .p_wrap .bb {justify-content:space-between; gap:10px;}
.p_01 .p_wrap .bb .area {display:inline-block; flex-shrink:0; padding:4px 7px; background-color:var(--bg10); color:var(--pick-color); border-radius:100px; font-size:13px;}
.p_01 .p_wrap .bb .name {width:70%; color:#555555; font-size:13px; text-align:right; line-height:1.2;}
.p_01 .p_wrap .bb .name span {display:block; }
.p_01 .p_wrap .bb .name i {position:relative; top:1px; color:var(--pick-color); margin-right:3px;}

/*상품02*/
.p_02 {width:100%; background:#fff;}
.p_02 .p_wrap {}
.p_02 .p_wrap .phrase_02 {height:47px;}
.p_02 .p_wrap .phrase_03 {height:37px;}
.p_02 .p_wrap.repeat3 >li {width:calc((100% - 40px) / 3);}
.p_02 .p_wrap.repeat4 >li {width:calc((100% - 60px) / 4);}
.p_02 .p_wrap.repeat5 >li {width:calc((100% - 80px) / 5);}
.p_02 .p_wrap>li {border:1px solid;}
.p_02 .p_wrap .text_wrap {padding:15px 15px 10px 15px;}
.p_02 .p_wrap .phrase_01 {}
.p_02 .p_wrap .phrase_01 span {display:block; text-align:center; color:#222222; font-weight:bold; font-size:15px; line-height:1.3;  text-align:center;}
.p_02 .p_wrap .p_02_bg {background-size:cover; padding:20px; background-color:#888;}
.p_02 .p_wrap .phrase_02 span {color:#fff; font-weight:bold; font-size:18px; line-height:1.3;  text-align:center; text-shadow:0 0 10px rgba(0,0,0,0.5);}
.p_02 .p_wrap .phrase_03 {color:#666666; font-weight:450; font-size:14px; line-height:1.3; margin:10px 0 15px 0; text-align:center;}
.p_02 .p_wrap .call {color:#444444; font-weight:600; border-top:1px solid #e7e7e7; border-bottom:1px solid #e7e7e7; padding:10px 5px; text-align:center; font-size:14px;}
.p_02 .p_wrap .call i {position:relative; top:1px; margin-right:5px;color:var(--pick-color); font-size:13px;}
.p_02 .p_wrap .bb {justify-content:space-between; gap:10px; margin-top:12px; line-height:1.2;}
.p_02 .p_wrap .bb .area {flex-shrink:0; color:#555555; font-size:13px;}
.p_02 .p_wrap .bb .area i {}
.p_02 .p_wrap .bb .name {width:80%; color:#555555; font-size:13px; text-align:right;}

/*리스트영역 대출업체리스트 + 실시간대출상담*/
/*공통*/
.main .list_area .title .more a {border-color:var(--pick-color); color:var(--pick-color); }
.main .list_area .article .wrap_width {width:100%;}
.main .list_area .ad_more {display:none;}
.main .list_area .paste-tag-body- {border:1px solid #dddddd; border-top:2px solid var(--pick-color); padding:0 10px; background:#fff;}
.main .list_area .th {display:none;}
.main .list_area .td .badge {left:-10px;}
.main .list_area .paste-paging- {display:none;}
.main .list_area>.wrap_width {display:flex; gap:0 40px;}

.list_area {width:100%;}
.list_area .article {width:100%; min-width:calc((100% - 40px) / 2);}
.list_area .article .title {margin-bottom:20px;}
.list_area .article .title > h2 {width:auto; text-align:left;}
.list_area .article .title > ul {width:auto; }
.list_area a.li_list {display:block;}
.list_area a.li_list:hover li span {font-weight:bold;}
.list_area .td {position:relative; border-bottom:1px solid; border-color:#e5e5e5;}
.list_area .td li {padding:18px 5px; color:#222222;}
.list_area .td .badge {position:absolute; left:0; top:0; background:none; padding:0; margin:0;}
.list_area .td1 {min-width:60px; text-align:center; }
.list_area .td1 span {display:inline-block; background-color:var(--pick-color); color:var(--bg-txt-color); padding:5px; border-radius:2px; font-size:14px;}

/*대출업체리스트*/
.main .list_area a:last-child .td {border-bottom:none;}
.main .list_area .article .title > h2 em {display:none;}
.main .list_area .p_03 .td1 {width:10%; flex-shrink:0;}
.main .list_area .p_03 .td2 {width:65%;}
.main .list_area .p_03 .td3 {display:none;}
.main .list_area .p_03 .td4 {width:25%;}

.list_area .p_03 .td2 {}
.list_area .p_03 .td2 b {color:var(--pick-color); font-weight:bold;}
.list_area .p_03 .td3 {font-size:15px; color:#666666; text-align:center;}
.list_area .p_03 .td4 {font-size:15px; color:#666666; text-align:center;}

/*실시간 대출상담*/
.main .list_area .inquiry .write {display:none;}
.main .list_area .inquiry .td1 {width:10%; flex-shrink:0; }
.main .list_area .inquiry .td2 {display:none;}
.main .list_area .inquiry .td3 {width:65%}
.main .list_area .inquiry .td4 {display:none;}
.main .list_area .inquiry .td5 {display:none;}
.main .list_area .inquiry .td6 {width:25%}

.list_area .inquiry .td2 {font-size:15px; color:#666666; text-align:center;}
.list_area .inquiry .td3 {}
.list_area .inquiry .td4 {font-size:15px; color:#666666; text-align:center;}
.list_area .inquiry .td5 {font-size:15px; color:#666666; text-align:center;}
.list_area .inquiry .td6 {font-size:15px; color:#666666; text-align:center;}

/*메인 게시판*/
.main_board {background-color:#fff; padding-bottom:0;}
.main_board .board_skin_wrap {display:flex; gap:25px 25px; flex-wrap:wrap;}
.main_board .boardlist {width:calc((100% - 50px) / 3); border:1px solid #dddddd; padding:25px;}
.main_board .boardlist .line1 img {width:20px !important; height:14px !important; max-width:20px !important; min-height:14px !important; min-width:20px !important; max-height:14px !important; position:relative; left:0; top:0; bottom:0; right:0;}
.main_board .boardlist > ul li a:hover h3 {text-decoration:underline !important;}
.main_board .boardlist > ul h3 { font-size:15px; color:#333; font-weight:500;}
.main_board .boardlist > ul .day {color:#bbbbbb; }
.main_board .title {width:100%; margin-bottom:20px;}
.main_board .title h2 {width:auto;  text-align:left; }
.main_board .tit {justify-content:space-between; margin-bottom:15px;}
.main_board .tit h2 {font-size:18px; font-weight:bold;}
.main_board .tit a {font-size:13px; color:#333333; }

.boardlist figure {width:calc(100% + 1px); position:relative; overflow:hidden; /*background:#edf0f4 url('../images/comn/no_img.svg') no-repeat center center / 15%;*/ background-color:#fff;}
.boardlist figure img {display:block; position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); width:100%; height:100%; object-fit:cover;}
.boardlist figure .text {position:absolute; left:50%; top:50%; transform:translate(-50%, -50%);  text-align:center; font-size:16px; width:90%; line-height:1.4; font-weight:600; color:#444; }
.boardlist figure.no_img img {/*width:35%; */height:auto;}

.phpto_board > ul {display:flex; flex-wrap:wrap; gap:30px 20px; }
.phpto_board > ul h3 {margin-bottom:12px;}
.phpto_board > ul li {width:calc((100% - 20px) / 2);}
.phpto_board > ul figure {width:100%; padding-bottom:70%; margin-bottom:15px;}
.phpto_board > ul .day {font-size:13px;}

.webzin_board > ul {display:flex; flex-direction:column; gap:10px;}
.webzin_board > ul li {border-bottom:1px solid #cfcfcf; padding-bottom:10px;}
.webzin_board > ul li:last-child {border-bottom:0; padding-bottom:0;}
.webzin_board > ul li a {justify-content:space-between; gap:0 15px;}
.webzin_board > ul figure {width:calc(100% - 65% - 20px); padding-bottom:22%;}
.webzin_board > ul div {width:65%; }
.webzin_board > ul div p {font-size:14px; color:#666; margin:10px 0 0 0; line-height:1.4; font-weight:450;}
.webzin_board > ul div span {font-size:14px;}

.text_board > ul li {justify-content:space-between; gap:0 10px;}
.text_board > ul li:last-child {border-bottom:0;}
.text_board > ul a {position:relative; width:calc(100% - 60px - 10px); padding:10px 0 10px 12px;}
.text_board > ul a::before {position:absolute; left:0; top:15px; content:""; display:inline-block; width:3px; height:3px; background-color:#333333;}
.text_board > ul .day {display:block; width:60px; text-align:right; font-size:13px;}

/*메인하단 박스*/
.b_info_box {background-color:#fff;}
.b_info_box .wrap_width {display:flex; border:1px solid #dddddd; border-top:2px solid #1a1a1a; padding:25px 0;}
.b_info_box .box {display:flex; flex-direction:column; justify-content:space-between; width:33.33%; border-right:1px solid #dddddd; padding:0 30px;}
.b_info_box .box:last-child { border-right:0;}
.b_info_box .box03 div {}
.b_info_box .box03 h2 {margin-bottom:30px;}
.b_info_box .box03 h3 {font-size:15px; line-height:1.3; color:#333333;}
.b_info_box .box03 li {position:relative;  margin-bottom:15px;}
.b_info_box .box03 li a {width:100%; padding-left:10px;}
.b_info_box .box03 li a::before {position:absolute; left:0; top:8px; content:""; display:inline-block; width:3px; height:3px; background-color:#333; }
.b_info_box h2 {justify-content:space-between; font-size:18px; color:#333333; font-weight:bold; margin-bottom:15px;}
.b_info_box h2 a {font-size:13px; color:#333; }
.b_info_box .em {border-radius:3px; background-color:#f8f8f8; padding:15px 10px; font-size:22px; font-weight:bold; color:#333333; text-align:center;}
.b_info_box .text {font-size:15px; color:#555555; padding:15px 0; line-height:1.3;}
.b_info_box .link_btn {display:flex; width:100%;}
.b_info_box .link_btn li {width:100%; border:1px solid #e0e0e0;}
.b_info_box .link_btn li + li {border-left:0;}
.b_info_box .link_btn a {display:block; padding:10px; text-align:center; color:#555555; font-size:15px;}


/*푸터*/
footer {background:#262626;}
footer .b_menu { background-color:#313131; }
footer .b_menu ul {gap:10px 2%; flex-wrap:wrap; padding:25px 0;}
footer .b_menu a {font-size:15px; color:#d7d7d7; }
footer .b_menu .privacy a {font-weight:bold;}
footer .b_wrap {padding:30px 0 40px 0;}
footer .b_wrap .b_left {display:flex; gap:15px 40px; align-items:center; width:100%;}
footer .b_wrap .b_left dt img {max-width:400px;}
footer .b_wrap .b_left dd {font-size:14px; line-height:1.5; color:#bbbbbb;}
footer .b_wrap .b_left dd a {display:block; margin-top:15px;}
footer .b_wrap .precautions {display:flex; gap:10px 25px; margin-bottom:30px;}
footer .b_wrap .precautions .box {width:100%; background-color:#313131; padding:25px 28px;}
footer .b_wrap .precautions .box .tit {color:#e17d25; font-weight:bold; margin-bottom:15px;}
footer .b_wrap .precautions .box .tit i {margin-right:5px;}
footer .b_wrap .precautions .box div {font-size:14px; color:#eee; line-height:1.4; font-weight:450;}



/******************************메인컨텐츠 끝****************************************/
/******************************서브페이지 시작****************************************/

/*고객센터*/
.register ul.help_text {border:3px solid #eee; padding:1.5rem 2rem; background:#fbfbfb; margin-bottom:2rem; }
.register ul.help_text li {font-size:13px; color:#777; line-height:20px;}
.register ul.help_text li::before {content:""; display:inline-block; clear:both; width:2px; height:2px; background:#888; vertical-align:middle; margin-right:6px;}
.register ul.li_float {overflow:hidden; line-height:2.5rem;}
.register ul.li_float li {margin:5px 2rem 5px 0; font-size:14px; color:#666;}
.register ul.li_float li:first-child label {margin-left:0;}
.register textarea {width:100%; border:1px solid #d5d5d5; border-radius:3px; padding:1.5rem; font-family:'Noto Sans KR'; font-size:14px;}
.register textarea::placeholder {color:#aaa;}



/*게시물 패스워드입력*/
.lock_pw {position:fixed; left:50%; top:50%; transform:translate(-50%,-50%); display:flex; flex-wrap:wrap; justify-content:center; align-items:center; background:#f9f9f9; border:1px solid #bbb; padding:30px 15px; z-index:1000; border-radius:5px; box-shadow:0 5px 10px rgba(0,0,0,0.1);}
.lock_pw div {display:flex; justify-content:center;  width:100%; }
.lock_pw p {font-size:15px; margin-bottom:10px; width:100%; text-align:center;}
.lock_pw input {width:40%; height:40px; background-color:#fff; border:1px solid #ddd; border-radius:3px;}
.lock_pw div button {border:1px solid #0e8ee8; border-radius:3px; height:40px; font-size:15px; padding:0 10px; margin:0 0 0 3px; background:#fff; color:#0e8ee8;}
.lock_pw button  { border-radius:3px; height:30px; font-size:15px; padding:0 10px; margin-top:15px; background:#555; color:#fff;}


/*커뮤니티 공통*/
.commu .pc_no {display:none !important;}
.commu {margin:20px 0 70px 0; }
.commu .wrap_width {display:flex; gap:30px;}
.commu .con {width:calc(100% - 250px - 30px); background:#fff; border-radius:10px; padding:30px;}
.commu .con .commu_t_txt {margin-bottom:30px;}
.commu .con .commu_b_txt {margin-top:30px;}
.commu .con .commu_t_txt,
.commu .con .commu_b_txt {background:#fbfbfb; border:2px solid #eee; padding:18px 18px; font-size:14px; color:#555; line-height:1.4;}
.commu .con table.style3 th {border-top-color:var(--pick-color);}
.commu .con .page_title {justify-content:space-between; margin-bottom:20px; gap:15px;}
.commu .con .page_title h3 {font-weight:bold; font-size:24px;}
.commu .con .page_title ul {gap:5px}
.commu .con .page_title ul li {gap:5px;}
.commu .con .page_title ul .wr_btn {width:80px; justify-content:center; line-height:35px; height:35px; color:#fff; background-color:#e74c3c;border-radius:3px; font-size:14px;}
.commu .con .page_title ul .wr_btn i {font-size:15px;}
.commu .con .page_title select {width:100px; border:1px solid #ddd; border-radius:3px; line-height:35px; height:35px; font-size:14px; padding:0 8px; color:#333;}
.commu .con .best {border:1px solid #ddd; border-top:2px solid var(--pick-color); background:#fff; border-radius:5px; overflow:hidden;}
.commu .con .bestofbest {background:#fafafa; font-weight:bold; padding:15px 20px; font-size:20px;}
.commu .con .best_wrap {display:flex;}
.commu .con .best_wrap .tit {font-size:18px; font-weight:bold; margin-bottom:20px; border-bottom:1px dashed #ddd; padding-bottom:20px;}
.commu .con .best1 {width:50%; padding:20px;}
.commu .con .best1 .best1_con {line-height:1.4; font-size:14px; color:#555;}
.commu .con .best_list {width:50%; padding:20px;}
.commu .con .best_list ul {display:flex; flex-direction:column; gap:10px;}
.commu .con .best_list span {display:inline-block; background-color:var(--pick-color); color:var(--bg-txt-color); width:20px; height:20px; text-align:center; border-radius:100px; line-height:20px; margin-right:5px; flex-shrink:0;}
.commu .tab_menu {display:flex; flex-wrap:wrap; overflow:hidden; }
.commu .tab_menu li {border:1px solid #ddd; border-bottom:0; border-left:none; background:#f9f9f9; border-bottom:1px solid #ddd;}
.commu .tab_menu li:first-child {border-left:1px solid #ddd;}
.commu .tab_menu li a {display:block; font-size:15px; padding:12px 25px; color:#666}
.commu .tab_menu li.on {font-weight:500; border:1px solid var(--pick-color);}
.commu .tab_menu li.on a {color:var(--bg-txt-color); background:var(--pick-color);}
.commu .commu_search {display:flex; justify-content:center; background-color:#fafafa; border:1px solid #eee; padding:20px; margin-top:30px;}
.commu .commu_search input[type="text"] {width:300px; border:1px solid #ddd; border-radius:3px; line-height:35px; height:35px; font-size:14px; padding:0 8px;}
.commu .commu_search select {border:1px solid #ddd; border-radius:3px; line-height:35px; height:35px; font-size:14px; padding:0 8px; color:#333;}
.commu .commu_search button {width:50px; line-height:35px; height:35px; background-color:#555; color:#fff; border-radius:3px; font-size:14px;}

/*커뮤니티 스킨*/
.commu .con .board {display:flex; flex-wrap:wrap; gap:20px; margin-top:20px;}
.commu .con .boardlist {width:calc((100% - 20px) / 2); border:1px solid #ddd; padding:20px 20px; border-radius:5px;}
.commu .con .boardlist h2 {font-size:20px; font-weight:bold; }
.commu .con .boardlist .tit,
.commu .con .boardlist .title {justify-content:space-between;  margin-bottom:15px;}
.commu .con .boardlist .tit a,
.commu .con .boardlist .title a {font-size:13px; color:#888;}
.commu .con .boardlist h3 {font-size:15px; color:#333;}
.commu .con .boardlist a:hover h3 {text-decoration:underline !important;}
.commu .con .boardlist {padding:18px 15px;}
.commu .con .text_board > ul a {padding:10px 0 10px 12px;}
.commu .con .text_board > ul .day {font-size:13px; color:#888;}
.commu .con .phpto_board > ul {gap:20px; padding:0;}
.commu .con .phpto_board > ul .day {font-size:13px; color:#888;}
.commu .con .phpto_board > ul figure {margin-bottom:15px;}
.commu .con .webzine_list p.img {width:112px; min-width:112px; height:77px; margin-right:15px; background-position:center center; background-size:cover; background-repeat:no-repeat;}
.commu .con .webzine_list a {display:flex; align-items:center;}
.commu .con .webzine_list .text_area {width:calc(100% - 112px - 15px);}
.commu .con .webzine_list .li_tit {line-height:1.4; }
.commu .con .webzine_list .li_txt { color:#888; font-size:13px; line-height:1.4;  font-weight:400; overflow:hidden; margin-top:10px;}
.commu .con .img_list {margin-top:10px;}
.commu .con .img_list .img_list_no {background:#f4f4f4; border:1px solid #ddd; width:100%; font-size:15px; text-align:center; padding:40px 20px;}
.commu .con .img_list ul {display:flex; flex-wrap:wrap; gap:20px;}
.commu .con .img_list ul li {width:calc((100% - 60px) / 4); padding:10px; box-shadow:0 1px 2px rgb(0 0 0 / 20%); border:1px solid #e5e5e5; border-radius:5px;}
.commu .con .img_list p.img {width:100% !important; padding-bottom:66.6%;  background-image:url("../images/no_img2.png"); background-position:center center; background-size:cover; background-repeat:no-repeat;}
.commu .con .img_list dl {}
.commu .con .img_list dl dt {font-size:15px; line-height:1.4; color:#333; margin-top:10px;}
.commu .con .img_list dl dd {color:#888; font-size:13px; overflow:hidden; margin-top:10px;}


/*커뮤니티 상세페이지*/
.commu.view h3 {font-size:30px; line-height:1.4; margin-top:20px; overflow:hidden; margin-bottom:25px; font-weight:bold;}
.commu.view .cmt_view_hd {display:flex; align-items:center; flex-wrap:wrap; justify-content:space-between; overflow:hidden; font-size:15px; color:#444; margin-bottom:20px; padding-bottom:20px; border-bottom:1px solid #cdcdcd; }
.commu.view .cmt_view_info {display:flex; align-items:center; overflow:hidden; color:#3694ed; margin-top:5px;}
.commu.view .cmt_view_info li {font-size:15px;}
.commu.view .cmt_view_info li.id {margin-right:10px; border-right:1px solid #e5e5e5; padding-right:10px;}
.commu.view .cmt_view_fnc { display:flex; align-items:center; flex-wrap:wrap; overflow:hidden; margin-top:5px;}
.commu.view .cmt_view_fnc li {font-size:15px; border-right:1px solid #e5e5e5; padding-right:10px; padding-left:10px;}
.commu.view .cmt_view_fnc li:first-child {padding-left:0;}
.commu.view .cmt_view_fnc li:last-child {border-right:0; padding-right:0;}
.commu.view .cmt_view_hd .cmt_view_fnc .sns_gp {overflow:hidden;margin-top:0; }
.commu.view .cmt_view_hd .cmt_view_fnc .sns_gp span{margin-left:5px;}
.commu.view .cmt_view_con {font-size:15px; line-height:24px; color:#222; margin-bottom:10px; padding-bottom:20px; border-bottom:1px solid #cdcdcd;}
.commu.view .down_list {font-size:13px; margin-bottom:20px;}
.commu.view .down_list li {padding:6px 0;}
.commu.view .down_list li a:hover {text-decoration:underline !important;}
.commu.view .cmt_view_bottom {justify-content:space-between; gap:5px; overflow:hidden; margin-bottom:50px; position:relative; width:100%;}
.commu.view .cmt_view_bottom ul {gap:5px; overflow:hidden;}
.commu.view .cmt_view_bottom ul li {border:1px solid #ccc; border-radius:3px;  font-size:15px;}
.commu.view .cmt_view_bottom ul li a {display:block; height:30px; line-height:30px; padding:0 10px;}
.commu.view .cmt_view_bottom .btn_gp2 {}
.commu.view .cmt_view_bottom .btn_gp2 .wr_btn {background:#8c9bc8; border:1px solid #8c9bc8;}
.commu.view .cmt_view_bottom .btn_gp2 .good_btn {background:#5f7cd8; border:1px solid #5f7cd8; margin-right:0;}
.commu.view .cmt_view_bottom .btn_gp2 .wr_btn a,
.commu.view .cmt_view_bottom .btn_gp2 .good_btn a {color:#fff;}
.commu.view .cmt_view_bottom i {vertical-align:middle; margin-right:5px;}
.commu.view .text_list td.tal a {color:#555;}
.commu.view .text_list td.tal a:hover {color:#0e8ee8;}
.commu.view .reply_con {margin-top:2rm; margin-bottom:30px; position:relative;}
.commu.view .reply_con h3 {font-size:18px; margin-bottom:15px;}
.commu.view .reply_con h3 em {color:#f24443; margin-left:5px;}
.commu.view .reply_con_write {background:#fafafa; padding:10px 15px 10px 15px; border:1px solid #e1e1e1; width:100%;}
.commu.view .reply_con .input_area {overflow:hidden; margin-bottom:15px;}
.commu.view .reply_con .input_area ul {gap:5px 10px; flex-wrap:wrap;}
.commu.view .reply_con .input_area ul li {color:#444;}
.commu.view .reply_con .input_area ul li label {margin-right:5px; font-size:14px; vertical-align:middle;}
.commu.view .reply_con input {border:1px solid #e1e1e1; height:30px; line-height:30px; width:120px; padding:0 5px; vertical-align:middle; font-size:13px;}
.commu.view .reply_con .input_area ul li span {color:#1a73e8; font-size:16px; vertical-align:middle;}
.commu.view .reply_con .text_area {width:100%; }
.commu.view .reply_con .text_area textarea {width:90%; padding:10px;border:1px solid #e1e1e1; background:#fff; height:80px;}
.commu.view .reply_con .text_area button {width:calc(10% - 5px); height:80px; text-align:center; font-size:15px; border:1px solid #ccc; background:linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%); }
.commu.view .reply_list {margin-top:20px;}
.commu.view .reply_list > li {width:100%; border-top:1px solid #eee; border-bottom:1px solid #eee; padding:15px 10px;}
.commu.view .reply_list > li:nth-child(n+2) {border-top:0}
.commu.view .reply_list > li .top {display:flex; justify-content:space-between; flex-wrap:wrap; font-size:13px;}
.commu.view .reply_list > li .top p {color:#158fe4; margin:5px 0}
.commu.view .reply_list > li .top p span {color:#888; font-size:12px; margin-left:5px;}
.commu.view .reply_list > li .top a {display:inline-block; color:#666;}
.commu.view .reply_list > li .top ul {display:flex; margin:5px 0}
.commu.view .reply_list > li .top ul li::after {content:""; display:inline-block; width:1px; height:10px; background:#ddd; margin:0 10px;}
.commu.view .reply_list > li .top ul li:last-child::after {display:none;}
.commu.view .reply_list > li > p {font-size:14px; color:#555; margin:15px 0 20px 0;}
.commu.view .reply_list > li .bottom {display:flex; justify-content:space-between;  font-size:13px; color:#666}
.commu.view .reply_list > li .bottom p button {color:#158fe4; font-size:12px;}
.commu.view .reply_list > li .bottom ul {display:flex;}
.commu.view .reply_list > li .bottom ul li {font-size:13px; margin-left:15px;}
.commu.view .reply_list > li .bottom ul li:first-child button {color:#e82626 }
.commu.view .reply_list > li .bottom ul li:last-child button {color:#7597dc}
.commu.view .reply_list .reply_con_write {margin:10px 0 20px 0;}
.commu.view .reply_list .re_reply_list {margin-top:20px;}
.commu.view .reply_list .re_reply_list > li {background:#f9f9f9; border-top:1px dotted #ddd; border-bottom:1px dotted #ddd; padding:15px 10px;}
.commu.view .reply_list .re_reply_list > li .top p::before {content:"└"; color:#ccc; margin-right:5px;}
.commu.view .reply_listt .re_reply_list > li .top ul li::after {content:""; display:inline-block; width:1px; height:10px; background:#ddd; margin:0 10px;}
.commu.view .reply_list .re_reply_list > li > p {font-size:14px; color:#555; margin:20px 0; padding:0 20px;}
.commu.view .reply_list .re_reply_list > li .bottom {display:flex; justify-content:end;  font-size:13px; color:#666}
.commu.view .reply_list .re_reply_list > li:nth-child(n+2) {border-top:0}
.commu.view .secret_co {position:absolute; right:0; top:0; font-size:13px;}
.commu.view .secret_co input {width:17px; height:17px; line-height:17px; padding:0;}

/*커뮤니티 작성페이지*/
.commu.regist table.style2 {border-top:1px solid #ddd;}



/****************************@@@@@@@@@@ 반응형 @@@@@@@@@@****************************/
/****************************@@@@@@@@@@ 1700px 이하@@@@@@@@@@****************************/
@media all and (max-width:1700px) {
.wrap_width {width:calc(100% - 160px - 160px - 80px - 2%); }


/*리스트영역 대출업체리스트 + 실시간대출상담*/
/*공통*/
.list_area .wrap1280 {width:calc(100% - 160px - 160px - 80px - 2%); }
}


/****************************@@@@@@@@@@ 1500px 이하@@@@@@@@@@****************************/
@media all and (max-width:1500px) {
.wrap_width {width:1280px;}

/*메인비주얼*/
.main_visual .cycle-slide img {width:140% !important;}

/*리스트영역 대출업체리스트 + 실시간대출상담*/
/*공통*/
.list_area .wrap1280 {width:1280px;}

}

/****************************@@@@@@@@@@ 1300px 이하@@@@@@@@@@****************************/
@media all and (max-width:1300px) {
.wrap_width {width:100%; padding:0 20px;}
header .left .search input[type="text"] {width:200px;}

/*메인 상단 퀵*/


/*리스트영역 대출업체리스트 + 실시간대출상담*/
/*공통*/
.main .list_area .article .wrap_width {padding:0;}



}



/****************************@@@@@@@@@@ 1024px 이하@@@@@@@@@@****************************/
@media all and (max-width:1024px) {
/*데모체험*/
.sample_info {left:10px; right:auto;}

/*공통*/
.custom_check input[type="checkbox"] + label {width:22px; height:22px; font-size:13px;}


/*헤더*/
.h_top .m_no {display:none;}
.h_top ul li {padding-right:0;}
.h_top ul li::before {display:none;}
.h_middle {padding:15px 0;}
header {position:sticky; position: -webkit-sticky; left:0; top:0; align-self:flex-start; z-index:999;}
header .left .search input[type="text"] {width:180px;}
header .left .search_company input[type="text"] {width:130px;}
header .right {display:none;}


nav {display:none;}

/*모바일메뉴*/
header .mobile_open {display:block;}
header .mobile_open button {font-size:24px; color:#111;}

/*메인비주얼*/
.main_visual .cycle-slide img {width:150% !important; max-width:150% !important;}

/*메인 상단 퀵*/
.main_quick .quick_wrap {padding:22px;}

/*메인 게시판*/
.main_board .boardlist > ul li:hover h3 {text-decoration:none !important;}

/*리스트영역 대출업체리스트 + 실시간대출상담*/
/*공통*/
.main .list_area>.wrap_width {gap:0 30px;}

/*서비스상품 공통*/
/*상품01*/
.p_01 .p_wrap.repeat4 >li,
.p_01 .p_wrap.repeat5 >li {width:calc((100% - 40px) / 3);}

/*상품02*/
.p_02 .p_wrap.repeat4 >li,
.p_02 .p_wrap.repeat5 >li {width:calc((100% - 40px) / 3);}

/*커뮤니티 공통*/
.commu .con {width:100%;}

/*커뮤니티 상세페이지*/
.commu.view .cmt_view_con img {height:auto !important;}


/*푸터*/
footer .b_wrap .precautions .box {padding:20px;}

}

/****************************@@@@@@@@@@ 768px 이하@@@@@@@@@@****************************/
@media all and (max-width:768px) {
/*공통*/
.wrap_width {padding:0 10px;}
figure .text {font-size:14px;}
.custom_check input[type="checkbox"] + i::before {width:18px; height:18px;}

/*헤더*/
header {}
header .left .logo img { max-height:40px;}
header .left .search {display:none;}
.h_middle {padding:12px 0;}

/*통합검색*/
.search_all .search_box .wrap {width:90%;}
.search_all .search_box {padding:20px 20px 30px 20px; margin:20px 0 0px 0;}
.search_all .search_box input[type="text"] {font-size:15px; height:45px; line-height:45px; padding:0 10px 0 20px;}
.search_all .search_box button {font-size:20px; height:45px; line-height:45px;}
.search_all .search_box p {font-size:14px; margin-top:20px;}
.search_all .article .title .search_more {font-size:13px; padding:5px 12px;}

.search_all .tab ul {gap:5px; overflow-x: auto; overflow-y: hidden; white-space: nowrap; -webkit-overflow-scrolling: touch; -ms-overflow-style: none; scrollbar-width:none; background:none; border:none;}
.search_all .tab ul button {font-size:14px; padding:10px; background:#f7f7f7; border:1px solid #ececec; border-radius:3px;}
.search_all .tab ul li.on button {border-color:#44454e;}

/*통합검색 - 커뮤니티*/
.search_all colgroup col:first-child {width:100%;}
.search_all colgroup col {display:none;}
.search_all .m_no {display:none !important;}
.search_all .pc_no {display:flex !important; overflow:hidden; width:100%; margin-top:10px;}
.search_all .pc_no li {color:#888; font-size:12px;}
.search_all .pc_no li i {vertical-align:middle;}
.search_all .pc_no li::after {content:""; display:inline-block; width:1px; height:10px; background:#ddd; margin:0 5px;}
.search_all .pc_no li:last-child::after {display:none;}


/*메인 상단 퀵*/
.main_quick .quick_wrap {margin:10px 0 0 0; padding:18px;}
.main_quick .box ul {display:none;}
.main_quick .tit {margin-bottom:0;}
.main_quick .tit a {display:flex; justify-content:space-between; width:100%;  font-size:15px; }

/*리스트영역 대출업체리스트 + 실시간대출상담*/
/*공통*/
.main .list_area>.wrap_width {flex-wrap:wrap; gap:30px;} 
.main .list_area .inquiry .td6 {font-size:14px;}

.list_area {padding:35px 0;}
.list_area .article {width:100%; padding:0;}
.list_area .article .title {margin-bottom:15px;}
.list_area .td a {font-size:14px;}
.list_area .td1 span {font-size:13px;}
.list_area .p_03 .td4 {font-size:14px;}


/*서비스상품 공통*/
.article {padding:35px 0;}
.article .title {margin-bottom:15px;}
.article .title > p {display:none;}
.article .title > h2 {width:auto; font-size:20px;}
.article .title > ul {width:auto;}
.article .p_wrap {gap:15px;}
.article .p_wrap .badge img {width:80%;}

/*상품01*/
.p_01 .p_wrap a {padding:25px 10px 12px 10px;}
.p_01 .p_wrap.repeat4 >li,
.p_01 .p_wrap.repeat3 >li,
.p_01 .p_wrap.repeat5 >li {width:calc((100% - 15px) / 2)}
.p_01 .p_wrap .phrase_01 span {font-size:14px;}
.p_01 .p_wrap .phrase_02 {padding:10px 0 10px 0;}
.p_01 .p_wrap .phrase_02 span {font-size:16px; height:42px; }
.p_01 .p_wrap .phrase_03 span {font-size:13px; height:32px; margin-top:10px;}
.p_01 .p_wrap .call {font-size:13px; padding:6px 4px; margin:10px 0;}


/*상품02*/
.p_02 .p_wrap.repeat4 >li,
.p_02 .p_wrap.repeat3 >li,
.p_02 .p_wrap.repeat5 >li {width:calc((100% - 15px) / 2)}
.p_02 .p_wrap .phrase_02 {height:42px;}
.p_02 .p_wrap .phrase_02 span {font-size:16px; }
.p_02 .p_wrap .p_02_bg {padding:20px 15px;}
.p_02 .p_wrap .phrase_01 span {font-size:14px;}
.p_02 .p_wrap .phrase_03 {height:32px;}
.p_02 .p_wrap .phrase_03 {font-size:13px; margin:7px 0 12px 0;}
.p_02 .p_wrap .text_wrap {padding:15px 10px 10px 10px;}
.p_02 .p_wrap .call {font-size:13px; padding:4px 4px;}


/*메인 게시판*/
.main_board .board_skin_wrap {gap:15px;}
.main_board .boardlist {width:calc((100% - 15px) / 2); padding:20px;}
.main_board .boardlist > ul h3 {font-size:14px;}
.webzin_board > ul div p {font-size:13px;}


/*메인하단 박스*/
.b_info_box .wrap_width {flex-wrap:wrap; border-left:0; border-right:0;}
.b_info_box .box {width:100%; padding:0 15px; border-right:0; border-bottom:1px solid #ddd; padding-bottom:20px; margin-bottom:20px;}
.b_info_box .box:last-child {border-bottom:0; padding-bottom:0; margin-bottom:0;}
.b_info_box .em {font-size:18px;}
.b_info_box .text {font-size:14px; }
.b_info_box .link_btn a {font-size:14px;}
.b_info_box .box03 h2 {margin-bottom:20px;}
.b_info_box .box03 h3 {font-size:14px; }

/*푸터*/
footer .b_wrap {padding:20px 0;}
footer .b_menu ul {padding:15px 0;}
footer .b_menu a {font-size:12px;}
footer .b_wrap .b_left {order:2; }
footer .b_wrap .b_left dt {display:none;}
footer .b_wrap .b_left dd {font-size:13px;}
footer .b_wrap .precautions {flex-wrap:wrap;}
footer .b_wrap .precautions .box {width:100%; padding:15px;}
footer .b_wrap .precautions .box .tit {font-size:14px;}
footer .b_wrap .precautions .box div {font-size:13px;}

/*커뮤니티*/
.commu {margin:10px 0 50px 0;}
.commu colgroup col:nth-child(1) {width:10% !important; min-width:40px;}
.commu colgroup col:nth-child(3),
.commu colgroup col:nth-child(4),
.commu colgroup col:nth-child(5) {display:none;}
.commu .m_no {display:none !important;}
.commu .pc_no {display:flex !important; overflow:hidden; width:100%; margin-top:10px;}
.commu .pc_no li {color:#888; font-size:12px;}
.commu .pc_no li i {vertical-align:middle;}
.commu .pc_no li::after {content:""; display:inline-block; width:1px; height:10px; background:#ddd; margin:0 5px;}
.commu .pc_no li:last-child::after {display:none;}
.commu .con {padding:20px 15px}
.commu .con .boardlist h2 {font-size:16px;}
.commu .con .boardlist {width:100%;}
.commu .con .best_wrap {flex-wrap:wrap;}
.commu .con .best1 {width:100%; padding:15px;}
.commu .best .best_list {width:100%; border-top:1px solid #d8d8d8; padding:15px}
.commu .best .best_list a {font-size:14px;}
.commu .con .best_list span {width:18px; height:18px; font-size:12px;}
.commu .con .best_wrap .tit {font-size:15px; margin-bottom:15px; padding-bottom:15px;}
.commu .con .best1 .best1_con {font-size:13px;}
.commu .con .bestofbest {font-size:16px; padding:15px;}
.commu .con .page_title {flex-wrap:wrap; margin-bottom:15px;}
.commu .con .page_title h3 {font-size:16px;}
.commu .con .page_title select {height:30px; line-height:30px;}
.commu .con .page_title ul .wr_btn {width:70px; height:30px; line-height:30px;}
.commu .commu_search input[type="text"] {width:calc(100% - 100px - 10px - 50px);}
.commu .tab_menu {gap:5px; flex-wrap:nowrap; overflow-x: auto; overflow-y: hidden; white-space: nowrap; -webkit-overflow-scrolling: touch; -ms-overflow-style: none; scrollbar-width:none; margin-bottom:10px;}
.commu .tab_menu li {border-radius:3px; border-left:1px solid #ddd;}
.commu .tab_menu li a {font-size:14px; padding:10px 20px;}

.commu .con .webzine_list a {flex-wrap:wrap;}
.commu .con .webzine_list p.img {width:90px; min-width:90px; height:62px;}
.commu .con .webzine_list .text_area {width:calc(100% - 90px - 15px)}
.commu .con .webzine_list .text_area .li_txt {font-size:13px; margin-top:5px; -webkit-line-clamp:1;}
.commu .con .img_list {margin-top:0;}
.commu .con .img_list ul {gap:15px;}
.commu .con .img_list ul li {width:calc((100% - 15px) / 2)}

.commu.view h3 {font-size:20px; margin:0 0 10px 0;}
.commu.view .cmt_view_info li {font-size:13px;}
.commu.view .cmt_view_fnc li {font-size:13px;}
.commu.view .cmt_view_bottom {margin-bottom:30px;}
.commu.view .cmt_view_bottom ul li a {font-size:13px;}
.commu.view .reply_con h3 {font-size:16px;}
.commu.view .reply_con .input_area ul li label {font-size:13px;}
.commu.view .reply_con input {width:100px;}
.commu.view .reply_con .text_area textarea {width:calc(100% - 70px - 6px);}
.commu.view .reply_con .text_area button {width:70px;}


/*게시물 패스워드입력*/
.lock_pw {width:80%;}
.lock_pw input {width:70%;}
.lock_pw div button {width:calc(100% - 70% - 3px);}
}

/****************************@@@@@@@@@@ 530px 이하@@@@@@@@@@****************************/
@media all and (max-width:530px) {
.b_info_box .wrap_width {padding:25px 0 15px 0;}
.main_board .boardlist {width:100%; padding:20px 15px}

}



/****************************@@@@@@@@@@ 440px 이하@@@@@@@@@@****************************/
@media all and (max-width:440px) {


}

/****************************@@@@@@@@@@ 360px 이하@@@@@@@@@@****************************/
@media all and (max-width:360px) {

}