@charset "utf-8"; /* csw.loan-list.css */

.content * {box-sizing:border-box;}
.content {min-height:100vh;height:100%;padding:2.4rem;padding-bottom:8.5rem;}
.fix_bottom .btn.green:disabled,
.btn_wrap.fix .btn.green:disabled {color:#555;border:1px solid #d9d9d9 !important;background:#d9d9d9 !important;}
.list_wrap li {border-top:0.1rem solid #d9d9d9;}
.list_wrap li:first-child {border-top:0;}
.product_banner {padding:2rem;border-radius:1.2rem;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;gap:1.6rem;-webkit-box-align:center;-ms-flex-align:center;align-items:center;min-height:14rem;}
.product_banner .banner_txt .banner_category {font-size:1.4rem;font-weight:500;line-height:1.8rem;}
.product_banner .banner_txt .banner_category + .banner_info {margin-top:0.4rem;}
.product_banner .banner_txt .banner_info {font-size:1.6rem;font-weight:600;line-height:2.4rem;}
.product_banner .banner_txt .banner_info + .banner_info_sub {margin-top:0.8rem;}
.product_banner .banner_txt .banner_info + .banner_info_sub.only_sub {margin-top:1.2rem;}
.product_banner .banner_txt .banner_info_sub {display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:0.4rem;font-size:1.4rem;font-weight:400;color:#333;line-height:1.8rem;}
.product_banner .banner_txt .banner_info_sub .rate {font-size:1.5rem;font-weight:600;line-height:2.2rem;-ms-flex-negative:0;flex-shrink:0;}
.product_banner .banner_img {width:8rem;height:8rem;-ms-flex-negative:0;flex-shrink:0;background-size:8rem;background-position:center;background-color:transparent;}
.product_banner.bg_lightgreen {background-color:#e5f5f1;}
.product_banner.bg_lightgreen .banner_category, 
.product_banner.bg_lightgreen .banner_info_sub .rate {color:#00a38d;}
.product_banner.bg_lightgreen .banner_info {color:#074433;}
.product_banner.bg_lightpurple {background-color:#e3e3ff;}
.product_banner.bg_lightpurple .banner_category, 
.product_banner.bg_lightpurple .banner_info_sub .rate {color:#3333c6;}
.product_banner.bg_lightpurple .banner_info {color:#0D0D59;}
.product_banner.bg_lightorange {background-color:#ffeec7;}
.product_banner.bg_lightorange .banner_category, 
.product_banner.bg_lightorange .banner_info_sub .rate {color:#9d5900;}
.product_banner.bg_lightorange .banner_info {color:#3b2406;}
.product_banner.bg_lightblue {background-color:#d4ecff;}
.product_banner.bg_lightblue .banner_category, 
.product_banner.bg_lightblue .banner_info_sub .rate {color:#0c6ab9;}
.product_banner.bg_lightblue .banner_info {color:#002543;}
.list_wrap.pro_list > li {padding:1.6rem 0;border-color:#f6f6f6;}
.list_wrap.pro_list > li:first-child {padding-top:0;}
.list_wrap.pro_list > li:last-child {border-bottom:none;padding-bottom:0;}
.list_wrap.pro_list > li > button, .list_wrap.pro_list > li > a {display:-webkit-box;display:-ms-flexbox;display:flex;gap:1.2rem;padding:0;text-align:left;}
.list_wrap.pro_list + .box {margin-top:2.4rem;padding:1.6rem;border-color:#f6f6f6;background-color:#f6f6f6;}
.pro_info_wrap {display:-webkit-box;display:-ms-flexbox;display:flex;gap:1.2rem;width:100%;}
.pro_info_wrap .icon {position:relative;-ms-flex-negative:0;flex-shrink:0;width:4rem;height:4rem;border-radius:0.8rem;background-color:#f1f5f5;background-repeat:no-repeat;background-position:center;background-size:2.8rem;}
.pro_info_wrap .icon::before {content:"";display:block;width:2.8rem;height:2.8rem;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);background-size:2.8rem;}
.pro_info_wrap .pro_info_txt {width:calc(100% - 5.2rem);}
.pro_info_wrap .pro_info_txt .pro_info_name {display:-webkit-box;display:-ms-flexbox;display:flex;gap:0.8rem;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}
.pro_info_wrap .pro_info_txt .pro_info_name strong {font-size:1.7rem;color:#111;font-weight:600;line-height:2.4rem;}
.pro_info_wrap .pro_info_txt .pro_info_name .badge {-ms-flex-negative:0;flex-shrink:0;height:1.8rem;border-radius:0.4rem;padding:0 0.6rem;}
.pro_info_wrap .pro_info_txt .pro_info_name .badge.badge_green {color:#006d5a;}
.pro_info_wrap .pro_info_txt .pro_info_name + p {margin-top:0.4rem;}
.pro_info_wrap .pro_info_txt > p {font-size:1.4rem;font-weight:400;color:#666;line-height:1.8rem;}
.pro_info_wrap .pro_info_txt > p + strong {margin-top:0.8rem;display:block;}
.pro_info_wrap .pro_info_txt > p + .list_bar {margin-top:0.8rem;}
.pro_info_wrap .pro_info_txt > strong, 
.pro_info_wrap .pro_info_txt .list_bar strong {font-size:1.6rem;color:#00a38d;line-height:2.2rem;}
.pro_info_wrap .pro_info_txt .list_bar {display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}
.pro_info_wrap .pro_info_txt .list_bar > span {font-size:1.5rem;color:#00a38d;line-height:2.2rem;}
.pro_info_wrap .pro_info_txt .list_bar > .sub {position:relative;margin-left:0.6rem;padding-left:0.6rem;font-size:1.4rem;font-weight:400;color:#00a38d;line-height:2rem;}
.pro_info_wrap .pro_info_txt .list_bar > .sub::before {content:"";display:block;width:1px;height:1rem;background:#d9d9d9;position:absolute;top:0.4rem;left:0;}
.tab_wrap.chip .tab .on button:after {display:none;}
.btn_wrap.fix .btn01 {font-size:1.6rem;font-weight:600;color:#fff;}
.pro_info_name .badge + .badge {margin-left:-15px;position:relative;}
.pro_info_name .badge + .badge:before {content:'/';position:absolute;left:1px;bottom:0;}

/* 뉴원큐 개인사업자 대출 메인용 */
.popConfirm01 .clearfix .col35, .pop_confirm_info05 .btnFixedW .col50 {flex:auto;width:35%;}
.popConfirm01 .clearfix .col65, .pop_confirm_info05 .btnFixedW .col50 + .col50 {flex:auto;width:65%;}
.popConfirm01 .clearfix .float_l a, .pop_confirm_info05 .btnFixedW .col50 a {font-size:1.6rem;}

/* 상품리스트 */
.tab_wrap.scroll {overflow:hidden;margin:0;}
.tab_wrap.scroll .tab_scroll {position:relative;}
.tab_wrap.scroll .tab_head {position:relative;height:4.2rem;padding:0;}
.tab_wrap.scroll .tab_head .tab, .tab_body .tab_wrap.scroll .tab_head .tab {display:flex;width:100%;overflow:scroll hidden;padding:0;gap:0.8rem;justify-content:flex-start;border:0;}
.tab_wrap.scroll .tab_head .tab::-webkit-scrollbar {display:none;}
.tab_wrap.scroll .tab:after {content:'';display:block;clear:both;}
.tab_wrap.scroll .tab li {float:left;flex:none;}
.tab_wrap.scroll .tab li:last-child {padding-right:2.4rem;}
.tab_wrap.scroll .tab button {width:auto;padding:0.8rem 1.6rem 1rem;line-height:2.4rem;font-size:1.6rem;color:#555;}
.tab_wrap.scroll .tab .on button {color:#111;}
.tab_wrap.scroll .next_btn {display:flex;justify-content:start;align-items:center;position:absolute;right:0;top:0;width:3.6rem;height:4.1rem;background:linear-gradient(to right, rgba(0,0,0,0), 20%, rgba(255,255,255,1));}
.tab_wrap.scroll .next_btn span {position:absolute;width:2rem;height:2rem;margin-left:3px;margin-top:-1px;text-indent:-9999em;background:url(../img/icon/icon-arrow-right-555555-20-px.svg) center center / 2rem no-repeat;}
.tab_wrap.scroll.chip .tab_head + .tab_panel_wrap {padding:0;padding-bottom:2.4rem;}
.prd .tab_wrap.scroll.chip .tab_head + .tab_panel_wrap {padding-top:2.4rem;}
.tab_wrap.scroll.chip .tab_head:after {content:none;}
.tab_wrap.scroll.chip .tab button {padding:0.5rem 1.6rem;background-color:#f6f6f6;border-radius:2rem;font-size:1.5rem;line-height:2.2rem;color:#666;font-weight:400;}
.tab_wrap.scroll.chip .tab .on button {background-color:#003d32;color:#fff;}
.tab_wrap.scroll.chip .tab .on button {font-weight:500;}
.tab_wrap.scroll.chip .tab .on button:after {content:none;}
.content button.card_box {display:block;width:100%;margin-top:-2.4rem;margin-bottom:3.2rem;text-align:left;}
.badge {display:inline-block;padding:0.1rem 0.6rem;height:2rem;line-height:1.8rem;font-size:1.2rem;font-weight:500;border-radius:0.2rem;}
.rebuild .pro_info_wrap .pro_info_txt .pro_info_name .badge {-ms-flex-negative:0;flex-shrink:0;height:1.8rem;border-radius:0.4rem;padding:0 0.6rem;}/* badge */.badge_gold {color:#674b09;background-color:#fff2d3;}
.badge_brown {color:#983600;background-color:#f6e7d2;}
.badge_blue {color:#00599e;background-color:#dfedf5;}

/* 하나더소호 상품내 대출리스트 */
.soho_wrap .content {padding:0;}
.soho_wrap .content.tab_wrap .tab {border-bottom:0;}
.soho_wrap .content.btn_wrap.fix {display:none;}