@charset "utf-8";
/* ******************* *
* SUB 공통
* ******************* */
.sub-page .sc-title {margin-bottom: 10px;color: #fff;font-size: 1.0em;font-weight: 600;}

/* 테이블 */
.tb-wrap > table {min-width: 708px;border-collapse: collapse;table-layout: fixed;width: 100%;}
.tb1 {width: 100%;color: #fff;}
.tb1 th, 
.tb1 td {padding: 14px;box-sizing: border-box;border-right: 1px solid rgba(255,255,255,.1);}
.tb1 thead {height: 40px;background: var(--color1);font-size: 17px;font-weight: 600;border-radius: 5px;overflow: hidden;}
.tb1 thead th {border-right-width: 1px;}
.tb1 thead th:first-child {border-radius: 5px 0 0 5px;}
.tb1 thead th:last-child {border-radius: 0 5px 5px 0;}
.tb1 thead th:last-child,
.tb1 td:last-child {border-right: 0;}
.tb1 tbody {font-size: 15px;}
.tb1 tr {border-bottom: 1px solid rgba(255,255,255,.1);}
.tb1 td {min-height: 45px;padding: 20px 40px 20px 20px;border-right: 1px solid rgba(255,255,255,.1);}
.tb1 td ul > li {padding-left: 12px;position: relative;}
.tb1 td ul > li:not(:last-child) {margin-bottom: 5px;}
.tb1 td ul > li::before {content: '-';position: absolute;top: -1px;left: 0;}
.tb1 td .list:not(:last-child) {margin-bottom: 20px;}
.tb1 td .list > .tit {margin-bottom: 3px;padding-left: 13px;font-size: 16px;font-weight: 700;position: relative;}
.tb1 td .list > .tit::before {content: '';display: block;width: 3px;height: 3px;border-radius: 50%;background: #fff;position: absolute;top: 0;left: 0;bottom: 0;margin: auto;}
.tb1 td .list > ul {padding-left: 13px;}
.tb1 td .txt-cont {text-align: center;}
.cel_color1 {background: #E04545;}
.cel_color2 {background: #170F0F;}
.text-center {text-align: center;}

@media all and (max-width:768px){
    .tb-wrap {overflow-x: auto;}
}



/* ******************* *
* 뉴스/커뮤니티 
* ******************* */
#community .faq-cont {display: flex;gap: 30px;}
#community .faq-cont .col {width: 50%;}
#community .faq-cont .faq-list > .title {display: flex;justify-content: space-between;align-items: center;margin-bottom: 15px;}
#community .faq-cont .faq-list > .title > .tit {color: #fff;font-family: var(--font-esamanru);font-size: 1.25em;font-weight: 500;}
#community .faq-cont .faq-list > .title > .tit > span {margin-left: 7px;color: rgba(255,255,255,.5);font-family: var(--font-Pretendard);font-size: 19px;font-weight: 600;}
#community .faq-cont .faq-list > .title > .btn-more {display: block;width: 20px;aspect-ratio: 1 / 1;position: relative;transition: .35s;}
#community .faq-cont .faq-list > .title > .btn-more::before,
#community .faq-cont .faq-list > .title > .btn-more::after {content: '';display: block;width: 100%;height: 2px;background: #fff;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);}
#community .faq-cont .faq-list > .title > .btn-more::after {transform: translate(-50%, -50%) rotate(90deg);}
#community .faq-cont .faq-list > ul > li:not(:last-child) {margin-bottom: 10px;}
#community .faq-cont .faq-list > ul > li > a {display: flex;align-items: center;gap: 5px;width: 100%;height: 50px;padding: 10px 24px;border: 1px solid #414448;box-sizing: border-box;border-radius: 5px;color: #fff;font-size: 16px;line-height: 1.0;position: relative;text-overflow: ellipsis;-webkit-box-orient: vertical;overflow: hidden;-webkit-line-clamp: 1;}
#community .faq-cont .faq-list > ul > li > a::before {content: 'Q.';color: var(--color1);font-size: 1.41em;font-weight: 600;}
#community .faq-cont .faq-list > ul > li > a > span {display: -ms-flexbox;display: -webkit-box;text-overflow: ellipsis;-webkit-box-orient: vertical;overflow: hidden;-webkit-line-clamp: 1;}
#community .faq-cont .faq-list > ul > li > a:hover > span {text-decoration: underline;text-underline-offset: 2px;}
#community .review-cont {margin: 42px auto;}
#community .review-cont > .title {margin-bottom: 15px;}
#community .review-cont > .title > .tit {color: #fff;font-family: var(--font-esamanru);font-size: 1.25em;font-weight: 500;}
#community .review-cont > .title > .tit > span {margin-left: 7px;color: rgba(255,255,255,.5);font-family: var(--font-Pretendard);font-size: 19px;font-weight: 600;}
#community .review-cont .adm-btns {display: flex;justify-content: center;align-items: center;gap: 10px;margin-top: 20px;}
#community .review-cont .adm-btns > a {display: block;padding: 5px 10px;background: #E04545;color: #fff;font-size: 14px;font-weight: 500;}
#community .link-cont > ul {display: flex;gap: 10px;}
#community .link-cont > ul > li {width: 25%;min-height: 200px;}
#community .link-cont > ul > li > a {display: block;width: 100%;height: 100%;padding: 20px;border: 1px solid #414448;border-radius: 5px;box-sizing: border-box;color: #fff;position: relative;transition: .35s;}
#community .link-cont > ul > li > a:hover {background: rgba(255,255,255,.1);}
#community .link-cont > ul > li > a::after {content: '';display: block;width: 118px;height: 84px;position: absolute;right: 15px;bottom: 15px;z-index: -1;}
#community .link-cont > ul > li:nth-child(1) > a::after {background: url(../img/sub/community-ico_01.png) center center / cover no-repeat;}
#community .link-cont > ul > li:nth-child(2) > a::after {background: url(../img/sub/community-ico_02.png) center center / cover no-repeat;}
#community .link-cont > ul > li:nth-child(3) > a::after {background: url(../img/sub/community-ico_03.png) center center / cover no-repeat;}
#community .link-cont > ul > li:nth-child(4) > a::after {background: url(../img/sub/community-ico_04.png) center center / cover no-repeat;}
#community .link-cont > ul > li > a > .tit {font-family: var(--font-esamanru);font-size: 17px;font-weight: 500;}
#community .link-cont > ul > li > a > .txt {font-size: 14px;}

@media all and (max-width: 1199px){
    #community .faq-cont {max-width: none;width: 100%;}
}
@media all and (max-width: 1024px){
    #community .faq-cont {gap: 20px;}
    #community .link-cont > ul {flex-wrap: wrap;gap: 20px;}
    #community .link-cont > ul > li {width: calc(50% - 10px);}
}
@media all and (max-width: 768px){
    #community .faq-cont {gap: 10px;}
    #community .link-cont > ul {gap: 10px;}
    #community .link-cont > ul > li {width: calc(50% - 5px);}
}
@media all and (max-width: 640px){
    #community .faq-cont {flex-direction: column;gap: 30px;}
    #community .faq-cont .col {width: 100%;}
    #community .faq-cont .faq-list > ul > li > a {padding: 14px 20px;font-size: 16px;}
    #community .link-cont > ul > li {min-height: 180px;}
    #community .link-cont > ul > li > a::after {width: 90px;height: 64px;}
}
@media all and (max-width: 480px){
    #community .link-cont > ul > li {width: 100%;min-height: 140px;}
    #community .link-cont > ul > li > a::after {width: 75px;height: 53px;}
}

/* ******************* *
* 뉴스/커뮤니티 > 장기렌트, 리스 Tip 공통
* ******************* */
.rl-tip .ban-cont > .txt {margin-bottom: 28px;color: #fff;font-size: 16px;}

.rl-tip .info-cont {margin-bottom: 45px;border-radius: 0 0 5px 5px;background: rgba(255,255,255,.1);color: #fff;}
.rl-tip .info-cont > ul {padding: 0 40px;box-sizing: border-box;}
.rl-tip .info-cont > ul > li {display: flex;gap: 30px;padding: 35px 0;}
.rl-tip .info-cont > ul > li:not(:last-child) {border-bottom: 1px solid rgba(255,255,255,.1);}
.rl-tip .info-cont > ul > li > .ico {flex: 0 0 auto;width: 120px;}
.rl-tip .info-cont > ul > li > .cont {width: 100%;}
.rl-tip .info-cont > ul > li > .cont > .tit {margin-bottom: 5px;font-weight: 600;}
.rl-tip .info-cont > ul > li > .cont > .txt {font-size: 15px;}
.rl-tip .info-cont > ul > li > .cont > .impact {display: flex;justify-content: center;align-items: center;gap: 8px 17px;min-height: 50px;margin-top: 20px;padding: 8px 16px;border-radius: 5px;background: var(--color1);}
.rl-tip .info-cont > ul > li > .cont > .impact > p {display: flex;justify-content: center;align-items: center;flex-wrap: wrap;gap: 0 5px;font-size: 17px;font-weight: 600;text-align: center;line-height: 1.3;}
.rl-tip .info-cont > ul > li > .cont > .impact > p > span {color: #FFF7B7;font-size: 25px;font-weight: 700;line-height: 1.0;}
.rl-tip .info-cont > ul > li > .cont > .impact > span {font-size: 17px;font-weight: 600;}

.rl-tip .basic-cont {margin-bottom: 50px;}

.rl-tip .proc-cont > ul {display: flex;justify-content: center;gap: 40px;margin-top: 50px;position: relative;counter-reset:list-number;}
.rl-tip .proc-cont > ul::before {content: '';width: 80%;height: 1px;background: url(../img/sub/rltip-ico_prc_bg.png) center center;position: absolute;top: 60px;left: 0;right: 0;margin: auto;z-index: 0;}
.rl-tip .proc-cont > ul > li {display: flex;flex-direction: column;align-items: center;gap: 18px;position: relative;counter-increment:list-number;}
.rl-tip .proc-cont > ul > li > .ico {max-width: 120px;border-radius: 50%;background: #fff;position: relative;}
.rl-tip .proc-cont > ul > li > .ico::before {content: '0'counter(list-number);display: flex;justify-content: center;align-items: center;width: 30px;aspect-ratio: 1 / 1;border-radius: 50%;background: var(--color1);color: #fff;font-size: 14px;font-weight: 800;position: absolute;top: -15px;left: 0;right: 0;margin: auto;}
.rl-tip .proc-cont > ul > li > .cont {color: #fff;text-align: center;}
.rl-tip .proc-cont > ul > li > .cont > .tit {font-size: 17px;font-weight: 600;}
.rl-tip .proc-cont > ul > li > .cont > .txt {font-size: 15px;opacity: .6;}

.rl-tip .benefit-cont {margin: 50px auto;}
.rl-tip .benefit-cont > ul {display: flex;flex-wrap: wrap;gap: 25px;counter-reset:list-number;}
.rl-tip .benefit-cont > ul > li {width: calc(33.333% - 16.7777px);counter-increment:list-number;}
.rl-tip .benefit-cont > ul > li > .cont {display: flex;justify-content: center;align-items: center;height: 80px;padding: 10px 20px;border: 1px solid rgba(255,255,255,.1);box-sizing: border-box;position: relative;}
.rl-tip .benefit-cont > ul > li > .cont::before {content: '0'counter(list-number);display: flex;justify-content: center;align-items: center;width: 30px;aspect-ratio: 1 / 1;border-radius: 50%;background: var(--color1);color: #fff;font-size: 14px;font-weight: 800;position: absolute;top: -15px;left: 0;right: 0;margin: auto;}
.rl-tip .benefit-cont > ul > li > .cont > p {color: #fff;font-size: 16px;font-weight: 600;text-align: center;}

.rl-tip .compare-cont,
.rl-tip .vs-cont,
.rl-tip .adv-cont  {margin-bottom: 50px;}
.rl-tip .vs-cont .tb1 td {text-align: center;}
.rl-tip .docs-cont {margin: 50px auto;}

@media all and (max-width: 1399px){
    .rl-tip .info-cont > ul > li > .cont > .txt > .line-br {display: inline;}
    .rl-tip .proc-cont > ul {gap: 22px;}
}
@media all and (max-width: 1199px){
    .rl-tip .info-cont > ul > li > .cont > .txt > .line-br {display: block;}
    .rl-tip .proc-cont > ul {gap: 40px;}
}
@media all and (max-width: 1024px){
    .rl-tip .info-cont > ul > li {gap: 20px;}
    .rl-tip .info-cont > ul > li > .ico {width: 100px;}
    .rl-tip .info-cont > ul > li > .cont > .txt > .line-br {display: inline;}
    .rl-tip .info-cont > ul > li > .cont > .impact {margin-top: 15px;}
    .rl-tip .proc-cont > ul {gap: 22px;}
}
@media all and (max-width: 768px){
    .rl-tip .info-cont > ul {padding: 0 20px;}
    .rl-tip .info-cont > ul > li > .ico {display: none;}
    .rl-tip .info-cont > ul > li > .cont > .impact > p > span {font-size: 22px;}
    .rl-tip .proc-cont > ul {flex-wrap: wrap;gap: 50px 20px;}
    .rl-tip .proc-cont > ul::before {display: none;}
    .rl-tip .proc-cont > ul > li {width: calc(33.333% - 14px);}
}
@media all and (max-width: 640px){
    .rl-tip .proc-cont > ul > li {width: calc(50% - 10px);}
    .rl-tip .benefit-cont > ul {gap: 20px;}
    .rl-tip .benefit-cont > ul > li {width: calc(50% - 10px);}
    .rl-tip .info-cont > ul > li > .cont > .impact {flex-wrap: wrap;}
    .rl-tip .benefit-cont > ul > li > .cont {height: 86px;padding: 25px 10px 20px;}
}
@media all and (max-width: 480px){
    .rl-tip .benefit-cont > ul {gap: 10px;}
    .rl-tip .benefit-cont > ul > li {width: calc(50% - 5px);}
    .rl-tip .benefit-cont > ul > li > .cont > p {font-size: 13px;}
}



/* ******************* *
* 뉴스/커뮤니티 > 무심사 신청,무보증 신청 공통
* ******************* */
/* 이용후기 */
.consult .review-cont {margin-top: 80px;margin-bottom: 80px;}
.consult .review-cont > .title {margin-bottom: 15px;color: #fff;font-family: var(--font-esamanru);font-size: 1.75em;font-weight: 500;text-align: center;}
.consult .review-cont > .adm-btns {display: flex;justify-content: center;align-items: center;gap: 10px;margin-top: 20px;}
.consult .review-cont > .adm-btns > a {display: block;padding: 5px 10px;background: #E04545;color: #fff;font-size: 14px;font-weight: 500;}

/* 상담 신청 폼 */
.consult .form-cont {margin-bottom: 70px;}
.consult .form-cont > .frm-title {display: flex;justify-content: center;align-items: center;width: 100%;margin-bottom: 10px;border-radius: 10px;background: var(--color1);overflow: hidden;}
.consult .form-cont > .frm-title > .content {display: flex;flex-direction: column;justify-content: center;height: 130px;position: relative;}
.consult .form-cont > .frm-title > .content::before {content: '';display: block;width: 115px;height: 112px;background: url(../img/sub/ico-form_title.png) center center / cover no-repeat;position: absolute;left: -95px;bottom: 0;z-index: 0;}
.consult .form-cont > .frm-title > .content > .stit {color: #fff;font-weight: 500;text-align: center;position: relative;}
.consult .form-cont > .frm-title > .content > .tit {color: #fff;font-family: var(--font-esamanru);font-size: 1.75em;font-weight: 500;text-align: center;position: relative;}
.consult .form-cont > form ul {display: flex;flex-wrap: wrap;align-items: flex-start;gap: 10px;}
.consult .form-cont > form ul > li {width: calc(25% - 7.5px);}
.consult .form-cont > form ul > li.full {width: 100%;}
.consult .form-cont > form ul > li > input[type=text] {width: 100%;height: 55px;padding: 6px 16px;border: 1px solid rgba(255,255,255,.15);border-radius: 5px;box-sizing: border-box;background: transparent;color: #fff;font-size: 16px;font-weight: 500;}
.consult .form-cont > form ul > li > input[type=text]::placeholder {color: rgba(255,255,255,.5);font-size: 15px;font-weight: 400;}
.consult .form-cont > form ul > li .rdos {display: flex;align-items: center;flex-wrap: wrap;gap: 10px 14px;}
.consult .form-cont > form ul > li .rdos > .rdo {font-size: 18px;font-weight: 500;cursor: pointer;}
.consult .form-cont > form ul > li .rdos > .rdo > label {display: flex;align-items: center;gap: 5px;padding-left: 25px;color: #fff;position: relative;}
.consult .form-cont > form ul > li .rdos > .rdo > label::before,
.consult .form-cont > form ul > li .rdos > .rdo > label::after {content: '';display: block;border-radius: 50%;box-sizing: border-box;position: absolute;top: 0;bottom: 0;margin: auto;}
.consult .form-cont > form ul > li .rdos > .rdo > label::before {width: 20px;height: 20px;border: 1px solid #DDD;background: #fff;left: 0;}
.consult .form-cont > form ul > li .rdos > .rdo > label::after {width: 10px;height: 10px;background: var(--color-main);left: 5px;visibility: hidden;opacity: 0;}
.consult .form-cont > form ul > li .rdos > .rdo > input[type=radio] {position: absolute;width: 1px;height: 1px;padding: 0;margin: -1px;overflow: hidden;clip: rect(0, 0, 0, 0);border: 0;}
.consult .form-cont > form ul > li .rdos > .rdo > input[type=radio]:checked + label:after {visibility: visible;opacity: 1;}
.consult .form-cont > form .agree-box {display: flex;justify-content: space-between;align-items: center;}
.consult .form-cont > form .agree-box > .cont >input[type="checkbox"] { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; } 
.consult .form-cont > form .agree-box > .cont >input[type="checkbox"] + label {display: flex;align-items: center;margin-bottom: 0;padding-left: 22px;color: #fff;font-size: 14px;position: relative;cursor: pointer;} 
.consult .form-cont > form .agree-box > .cont >input[type="checkbox"] + label:before,
.consult .form-cont > form .agree-box > .cont >input[type="checkbox"] + label:after {content: ''; display: block; box-sizing: border-box; position: absolute; top: -1px; bottom: 0; margin: auto;} 
.consult .form-cont > form .agree-box > .cont >input[type="checkbox"] + label:before {border-radius: 2px;width: 15px;height: 15px;border: 1px solid #ebebeb;box-sizing: border-box;border-radius: 2px;background: #fff;left: 0;} 
.consult .form-cont > form .agree-box > .cont >input[type="checkbox"] + label:after {border: 2px solid #fff;border-top: 0;border-right: 0;width: 9px;height: 5px;transform: rotate(-45deg);margin: 11px 0 0 0;opacity: 0;top: -5px;left: 3px;} 
.consult .form-cont > form .agree-box > .cont >input[type="checkbox"]:checked + label:before {border-color: var(--color-main);background: var(--color-main);} 
.consult .form-cont > form .agree-box > .cont >input[type="checkbox"]:checked + label:after {opacity: 1;transition: .35s linear;} 
.consult .form-cont > form .agree-box > a {color: var(--color1);font-size: 15px;font-weight: 700;}
.consult .form-cont > form .btn-submit {display: block;width: 100%;height: 55px;margin: 0 auto 10px;border: 0;border-radius: 5px;background: #fff;color: var(--color1);font-size: 18px;font-weight: 600;}

@media all and (max-width: 1024px){
    .consult .form-cont > form ul {flex-wrap: wrap;}
    .consult .form-cont > form ul > li {width: calc(33.333% - 6.67px);}
    .consult .form-cont > form ul > li:last-child {display: flex;flex-direction: column-reverse;gap: 10px;width: 100%;}
}
@media all and (max-width: 768px){
    .consult .form-cont > .frm-title {border-radius: 5px;}
    .consult .form-cont > .frm-title > .content::before {left: -65px;}
}
@media all and (max-width: 640px){
    .consult .form-cont > .frm-title > .content::before {width: 90px;height: 88px;left: -25px;}
    .consult .form-cont > .frm-title > .content > .stit {font-size: 16px;}
    .consult .form-cont > .frm-title > .content > .tit {font-size: 26px;}
    .consult .form-cont > form ul {flex-direction: column;}
    .consult .form-cont > form ul > li {width: 100%;}
}

/* 상담문의 리스트  */
.consult .list-cont > .title {margin-bottom: 5px;color: #fff;font-weight: 600;}
.consult #bo_list > [class*=list_] > li {display: flex;align-items: center;gap: 0 10px;height: 100%;}
.consult #bo_list > [class*=list_] > li p {text-align: center;}
.consult #bo_list > [class*=list_] > li > .num {flex: 0 0 auto;width: 80px;}
.consult #bo_list > [class*=list_] > li > .cate {flex: 0 0 auto;width: 80px;}
.consult #bo_list > [class*=list_] > li > .date {flex: 0 0 auto;width: 80px;}
.consult #bo_list > [class*=list_] > li > .subject {width: 100%;text-align: center;}
.consult #bo_list > [class*=list_] > li > .name {flex: 0 0 auto;width: 100px;}
.consult #bo_list > [class*=list_] > li > .date {flex: 0 0 auto;width: 130px;}
.consult #bo_list > [class*=list_] > li > .state {flex: 0 0 auto;width: 120px;}
.consult #bo_list > .list_head {height: 40px;border-radius: 5px;background: var(--color1);color: #fff;font-size: 17px;font-weight: 600;}
.consult #bo_list > .list_cont {color: #fff;font-size: 15px;}
.consult #bo_list > .list_cont > li {min-height: 45px;padding: 10px 0px;border-bottom: 1px solid rgba(255,255,255,.15);}
.consult #bo_list > .list_cont > li p {padding: 0 10px;line-height: 1.3}
.consult #bo_list > .list_cont > li > .num {position: relative;}
.consult #bo_list > .list_cont > li.notice > .num::before {content: '';display: block;width: 22px;aspect-ratio: 1 / 1;margin: 0 auto;background: url(./img/ico-notice.svg) center center / cover no-repeat;}
.consult #bo_list > .list_cont > li > .subject_wrap > label {margin-right: 10px;}
.consult #bo_list > .list_cont > li > .subject_wrap > button.edit{max-height: 25px;padding: 2px 4px;border: 0;border-radius: 3px;background: #fff;color: #333;font-size: 12px;cursor: pointer;}
.consult #bo_list > .list_cont > li > .subject_wrap > .subject {padding: 0 10px;box-sizing: border-box;cursor: pointer;display: -ms-flexbox;display: -webkit-box;text-overflow: ellipsis;-webkit-box-orient: vertical;overflow: hidden;-webkit-line-clamp: 1;}
.consult #bo_list .adm-btns {display: flex;justify-content: flex-end;align-items: center;gap: 10px;margin-top: 20px;}
.consult #bo_list .adm-btns > a {display: block;padding: 5px 10px;background: #E04545;color: #fff;font-size: 14px;font-weight: 500;}

@media all and (max-width: 1024px){
    .consult #bo_list > .list_head {display: none;}
    .consult #bo_list > .list_cont {border-top: 1px solid #E9E9E9;}
    .consult #bo_list > .list_cont > li {flex-direction: column;align-items: normal;gap: 8px 0;padding: 20px 10px;position: relative;}
    .consult #bo_list > .list_cont > li p {display: flex;gap: 10px;width: 100% !important;padding: 0;text-align: left;position: relative;}
    .consult #bo_list > .list_cont > li p::before {content: attr(data-name);max-height: 24px;padding: 1px 5px;background: rgba(255,255,255,.2);color: #fff;font-size: 1.0em;}
    .consult #bo_list > .list_cont > li > .num {display: none;}
    .consult #bo_list > .list_cont > li > .subject_wrap {width: 100%;position: static;}
    .consult #bo_list > .list_cont > li > .subject_wrap > label {top: 10px;left: 10px;}
    .consult #bo_list > .list_cont > li > .subject_wrap > .subject {padding: 0;text-align: left;}
    .consult #bo_list > .list_cont > li > .subject_wrap > .subject::before {display: none;}
}
@media all and (max-width: 640px){
    .consult #bo_list > .list_cont > li p::before {font-size: 14px;}
    .consult #bo_list > .list_cont > li > .date {font-size: 16px;}
    .consult #bo_list > .list_cont > li > .state {font-size: 16px;}
}