
/* common [E] */
.wrapper:not(.main)::before {content: ''; display: block; position: fixed; width:100%; height:100px; background: #fff; z-index: 997; top: -90px; left:0;}

/* layer */
.mat16 {margin-top:1.6rem;}
.mat24 {margin-top:2.4rem;}
.mat32 {margin-top:3.2rem;}
.mab8 {margin-bottom:0.8rem;}

/* ------ [햇살론카드]  ------------ */
.iga_comm {}
.iga_topbox_card {background-color:#e7ebff; padding:0; padding-bottom: 0;}
.iga_comm .iga_topbox_card h3 {font-size: 3.2rem; font-weight:600; text-align: center;}
.iga_comm .iga_topbox_card .iga_video img {margin-top:0;}
.toptit .iga_text02{color:#2d2d2d; font-size:1.8rem; text-align: center; margin-top:0.8rem;letter-spacing: -0.1rem;}
.toptit .iga_text03{color:#2d2d2d; font-size:2.6rem; text-align: center; margin-top:0.8rem;letter-spacing: -0.1rem;}
.iga_comm .iga_topbox_card {background-color: none; padding-top: 0;}

.innerbox .baserete02 p span {display: inline-block; text-align: center; font-size:16px; }
.innerbox .baserete02 p span.num {font-size: 1.8rem; font-weight: 700; color:#1c61d9; line-height: 3.6rem; vertical-align: middle;}
.innerbox .baserete02 p span.num2 {font-size: 1.6rem; color:#1c61d9; font-weight: 700; letter-spacing: -1px; line-height: 2.6rem;}

.innerbox._hatsal02 {text-align: center; width: 100%;margin-top: 1.2rem; padding: 1.2rem 0;}
.text-caution {text-align: left; margin-top:1.6rem; }
.iga_comm4 {padding:4.8rem 2.0rem;}
.iga_comm4 h4 {font-size:2.6rem; color:#010101; font-weight:600; margin-bottom:0.8rem; letter-spacing: -1px;}
.iga_comm4 .h4_sub {font-size:1.8rem; font-weight:400; color:#717171;}
.iga_comm4 h5 {color:#717171; font-size:1.6rem; font-weight:400;}
.comm_subbox {background-color: #f5f5f5; padding:1.6rem; border-radius: 16px; margin-top:1.6rem; letter-spacing: -1px;}
.comm_subbox p {color:#717171; font-size:1.6rem;}
.comm_img { margin-top:1.6rem;}
.comm_img img {width:100%;}
.text_point {color:#212121; font-weight:600;}

.product-info_title02 {font-size: 1.8rem; font-weight: 700; margin-bottom: 0.4rem;}
.product-info_text .sub {color:#717171;font-size: 1.6rem;  }


.iga_video02 {
    display: flex;
    align-items: left;
    justify-content: center;
    flex-direction: column;
    text-align: left;
    width: 100%;
    height: auto;
    background-color: #e7ebff;
    border-radius: 1.6rem;
    padding: 4rem 2rem;
    margin-bottom: 2rem;
    box-sizing: border-box;
}





.iga_loan_box {border:1px solid #e4e4e4; padding:16px; border-radius:12px ;box-shadow: 0 2px 12px 0 rgba(170, 176, 188, 0.2); margin-top:1.6rem;}

.iga_loan_box .iga_loan_num-title {
    font-size: 1.6rem;
    font-weight: 700;
}

.iga_loan_box .list_bullet {
    margin-top: 1.2rem;
}

.iga_loan_box .list_bullet li::before {
    width: 0.4rem;
    height: 0.4rem;
}

.iga_loan_box .list_bullet li {
    font-size: 1.6rem;
    padding-left: 1.2rem;
   
}


.iga_loan_box ul li {position: relative; margin-bottom:0.8rem; }

.flex_item {display: flex; justify-content: flex-start; align-items: flex-start;}
.iiga_loan_box ul li span.num {
    background-color: #eaeaea; font-size:1.4rem; font-weight:700; color:#4a4a4a; padding:0.4rem 0.8rem; border-radius: 100%; display: inline;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 2.8rem;
    height: 2.8rem;
    box-sizing: border-box;
    margin-top: -0.2rem;
}
.iiga_loan_box ul li span.txt {font-size:1.4rem; margin-left:1.2rem; display: inline-block;}
/* Visual */

/* Banner */

.iga_banner_card01 {background-color: #a579f1; padding:2.0rem 2.0rem; border-radius: 1.6rem; margin-top:3.2rem; cursor: pointer;}
.iga_banner_box { background-color: #010101; background: url(../../to-be/images/iga/banner01_icon.png) no-repeat left top / 56px; padding-left:6.4rem;}
.iga_banner_card01 p.tit{font-size:2.0rem;color:#fff; font-weight:600; letter-spacing:-1.2px;}
.iga_banner_card01 p.text{font-size:1.4rem; color:#fff; margin-top:4px; background: url(../../to-be/images/iga/icon_arrow.png) no-repeat right center / 20px; }

.iga_banner_card02 {background-color: #f5f9fd; border:1px solid #eaf0f7; padding:2.0rem 2.0rem; border-radius: 1.6rem;}
.iga_banner_box02 { background-color: #010101; background: url(../../to-be/images/iga/banner02_icon.png) no-repeat right top / 64px; }
.iga_banner_card02 p.tit{font-size:1.6rem;color:#010101; font-weight:400; letter-spacing:-1.2px;}

.iga_banner_card03 {background-color: #799ff1; padding:2.0rem 2.0rem; border-radius: 1.6rem; margin-top:3.2rem; cursor: pointer;}
.iga_banner_box03 { background-color: #010101; background: url(../../to-be/images/iga/banner03_icon.png) no-repeat left center / 56px; padding-left:6.4rem;}
.iga_banner_card03 p.tit{font-size:2.0rem;color:#fff; font-weight:600; letter-spacing:-1.2px;}
.iga_banner_card03 p.text{font-size:1.4rem; color:#fff; margin-top:4px; background: url(../../to-be/images/iga/icon_arrow.png) no-repeat right center / 20px; padding-right:6.4rem;}

.iga_textlink {color:#1d5cd0; text-decoration: underline; font-size:1.4rem;}

.iga_link{ position: relative; margin-top:2.4rem;}
.iga_link > ul {width:100%; display: flex; gap: 0.8rem;}
.iga_link > ul li {width: 100%; border:1px solid #ccc; padding:1.6rem; cursor: pointer; border-radius: 1.2rem; }
.iga_link > ul li button { width:100%; color:#2d2d2d; text-align: left; background:none ; border:none; font-size: 1.6rem; background: url(../../to-be/images/iga/arrow04.png) no-repeat right 80% / 16px;}

.iga_benefit{ position: relative; margin-top:2.4rem;}
.iga_benefit > ul {width:100%; display: flex; gap: 0.8rem;}
.iga_benefit > ul li {width: 100%;}
.iga_benefit > ul li p.tit {font-size: 1.6rem; font-weight:600; border:1px solid #cedfff; background-color: #f2f7ff;border-radius: 8px 8px 0 0; text-align: center; color: #1d5cd0; padding: 0.4em 0;}
.iga_benefit > ul li p.text {font-size: 1.4rem;   border:1px solid #ddd; border-radius: 0 0 8px 8px; border-top:none; text-align: center; padding: 0.8em 0;}

/* tab style 02 */
.iga_tabmenu02{ position: relative; padding:0 2.0rem; }
.iga_tabmenu02 > ul {width:100%; display: flex; gap: 0.8rem}
.iga_tabmenu02 > ul li {width: 100%;}
.iga_tabmenu02 > ul button[aria-selected='true'] {background-color: #fff; color: #1d5cd0; font-weight: 600; border-bottom:3px solid #1d5cd0;}
.iga_tabmenu02 > ul button {
    width: 100%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border:none;
    background-color: #fff; height:4.8rem;color:#4a4a4a; font-size: 1.8rem; text-align: center; line-height: 4.8rem;
}



.available-company_list02 {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 2.4rem 0;
}

.available-company_list02 li span{
    font-size: 1.8rem;
}

.available-company_list02 li {
    display: flex;
    align-items: center;
    gap: 0.8rem;
    font-size: 2rem;
    color: #2d2d2d;
}

.available-company_list02 li img {
    width: 2.4rem;
    height: 2.4rem;
    /* background-color: red; */
}



/* 자주하는 질문 (햇살론 카드) */
.page-sub02 .accordion-list {
    font-size: 0.875rem;
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap:0;
    
    
}
.page-sub02  .accordionClick {
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size:1.8rem; 
    padding: 1.6rem 0;
    border-bottom:1px solid #ddd;
    
}
.page-sub02  .accordionClick span {
    font-size: 1.8rem;
    font-weight: 400;
    line-height: 2.2rem;
    display: flex !important;
    gap: 0.5rem;
    letter-spacing: -0.025rem;
}
.page-sub02 .accordionClick span b {
    color: #1c61d9;
    font-size: 1.8rem;
}

.page-sub02  .accordion-list img {
    -webkit-transform: rotate(270deg);
    transform: rotate(270deg);
}
.page-sub02  .accordion-list .answer {
    display: none;
    margin: -0.25rem 0 0 0;
    background-color: #f5f5f5;
    padding:1.6rem;
    border-radius:0 0 1.2rem 1.2rem;
    
}
.page-sub .accordion-list .answer li.tit {
    color: #010101;
    margin: 0;
    
}

/* 2026.03.31 JHS 추가 */
/* bullet list */
.bullet-list.type-num li{position:relative;padding-left: 0.938rem;line-height: 1.25rem;color: #666}
.bullet-list.type-num li .mark{position: absolute;left:0}

/* 자주하는 질문 */
.section-wrap-accordion .bullet-list{padding-left: 1.25rem;}
.section-wrap-accordion .bullet-list li >.bullet-list{padding-left: 0;}
.section-wrap-accordion .bullet-list .li-dash {margin-top: 0px !important;list-style: none !important;}
.section-wrap-accordion .bullet-list li{color: #666;word-break: keep-all; list-style: disc;}
.section-wrap-accordion .bullet-list li:not(:first-child){margin-top: 0.7rem;}
.section-wrap-accordion .bullet-list.dash li{position: relative;line-height: 1.25rem;word-break: keep-all}
.section-wrap-accordion .bullet-list.dash li:not(.star)::before{content:'-';position:absolute;display:inline-block;left:0;top:0;width:inherit;height:inherit;background-color:transparent;border-radius:100%;}
.section-wrap-accordion .bullet-list li > .bullet-list.dash li{line-height: 1.125rem}
.section-wrap-accordion .bullet-list li > .bullet-list.dash li:not(.star)::before,
.section-wrap-accordion .bullet-list.dash li:not(.star)::before{content:'-';top:0;width:inherit;height:inherit;background-color:transparent;font-size: 0.813rem;line-height: 1.125rem}
.section-wrap-accordion .bullet-list.dot.gray > li:not(.star)::before, .page-sub .bullet-p.gray.dot::before{background-color: #666}
.section-edu .bullet-list.dot.gray{color: #666 !important;}

/* s  신청 전 유의사항 안내 */
.page-sub .main-bottom-popup .popup-footer-wrap{
    gap: 0.5rem;
}
.page-sub .main-bottom-popup .popup-con-wrap    {
    font-size: 0.875rem;
}
.page-sub .main-bottom-popup .popup-con-wrap .f-bold    {font-weight: bold;}

.page-sub .main-bottom-popup .popup-con-wrap {padding: 0 1.5rem 1.5rem 1.5rem;}

.page-sub .main-bottom-popup .popup-con-wrap p.desc {font-size:0.875rem; color: #010101;}

.page-sub .main-bottom-popup .popup-header-wrap {padding: 1.5rem 1.5rem 2.5rem 1.5rem;}
.page-sub .main-bottom-popup .popup-con-wrap .check {
    display: flex;
    margin: 2.0rem 0 0;
    align-items: center;
}
.page-sub .main-bottom-popup .popup-con-wrap .check > input   {
    /*border: none !important;*/
    /*height: 1.5rem !important;*/
    /*margin: 0 !important;*/
    /*border-radius: 0 !important;*/
    /*padding: 0 !important;*/
    border: none !important;
    width: 30px !important;
    height: 30px !important;
    margin: 0 15px 0 0 !important;
    border-radius: 0 !important;
    padding: 10px !important;
}
.page-sub .main-bottom-popup ul.bullet-list li  {
    margin: 0 0 0.75rem;
    padding-left: 0;
    color: #010101;
    /*line-height: 1.25rem;*/
}

.page-sub .main-bottom-popup ul.bullet-list li.txt-red > span {
    color: #f90f00
}
/* e 신청 전 유의사항 안내 */
.page-sub .from-bottom__popup-wrap,
.from-bottom__popup-wrap.main-bottom-popup{position:fixed;width:100%;height:100%;background:#000000b3;z-index:999;margin:0;padding:0;top:0;left:0;right:0;display: none;}

.page-sub .from-bottom__popup,
.from-bottom__popup.kinfa-modal__content-wrap{display: block;display: flex;flex-direction: column;position: fixed;bottom: -100%;width: 100%;margin: 0 auto;background: #fff;border-radius: 1.5rem 1.5rem 0 0;transition: all .15s;padding: 2.5rem 0 0;max-height: calc(100vh - 3rem);word-break: keep-all;}
.from-bottom__popup .popup-header-wrap {padding:0 1.5rem .5rem 1.5rem;width:100%;display: flex;justify-content: space-between;align-items: center;}
.from-bottom__popup .popup-header-wrap .func-cancle > img   {width: 24px}
.from-bottom__popup .popup-close{position:relative;display:block;}
.from-bottom__popup .popup-con-wrap{flex:auto;padding:0 1.5rem 1rem;min-height:6.25rem;overflow-y:auto;}
.from-bottom__popup .popup-con__title {font-size:1.8rem;line-height:1.75rem;letter-spacing:-.025rem;}

/* 제목 가운데 정렬 s [title-center] */
.from-bottom__popup .popup-header-wrap.title-center   {
    justify-content: center;
    padding: 0px 3rem;
}
.from-bottom__popup .popup-header-wrap.title-center .popup-con__title {text-align: center;}
.from-bottom__popup .popup-header-wrap.title-center .func-cancle  {
    position: absolute;
    right: 20px;
}
/* 제목 가운데 정렬 e */

.from-bottom__popup .popup-footer-wrap {
    display: flex;
    padding: 1.5rem 1.5rem 2.5rem 1.5rem;
    gap: 0.5rem;
}
.page-sub .from-bottom__popup .popup-footer-wrap a,
.page-sub .from-bottom__popup .popup-footer-wrap button{flex:1;display: block;}
.page-sub .from-bottom__popup .popup-con-wrap p,
.page-sub .from-bottom__popup .popup-con-wrap li{color:#666;}
.page-sub .from-bottom__popup .popup-close,
.page-sub .kinfa-modal__content-wrap .popup-close{width:1.5rem;height:1.5rem;font-size:0;color: transparent;z-index: 1;background-color:transparent;}
.page-sub .from-bottom__popup .popup-close::after,
.page-sub .from-bottom__popup .popup-close::before,
.page-sub .kinfa-modal__content-wrap .popup-close::after,
.page-sub .kinfa-modal__content-wrap .popup-close::before{position:absolute;top:50%;left:50%;content:'';display:block;width:1.125rem;height:1.5px;background-color:#010101;border-radius:0;transform-origin:left;}
.page-sub .from-bottom__popup .popup-close::after,
.page-sub .kinfa-modal__content-wrap .popup-close::after{transform:rotate(-45deg) translate(-50%, -50%);}
.page-sub .from-bottom__popup .popup-close::before,
.page-sub .kinfa-modal__content-wrap .popup-close::before{transform:rotate(45deg) translate(-50%, -50%);}

.page-sub input[type=checkbox] {
    width: 1.5rem;
    /*min-width: 1.5rem;*/
    height: 1.5rem;
    padding: 0;
    display: block;
    background: url(https://rl9mnsqm6.toastcdn.net/mmc_v2/images/sun_bank/Checkbox_off.svg) no-repeat center center / 1.5rem 1.5rem;
    opacity: 1;
    border: none;
    -webkit-appearance: none;
    appearance: none;
}

.cmn-btn.cmn-btn-black {background-color: #222;color: #fff;}
.cmn-btn.cmn-btn-lg {height: 3.25rem;padding: 2.3rem 1rem;border-radius: .75rem;font-size: 1.5rem;line-height: 0.2rem;letter-spacing: -.025rem;}
.cmn-btn {position: relative;display: inline-flex;font-weight: 400;white-space: nowrap;text-align: center;cursor: pointer;user-select: none;touch-action: manipulation;box-sizing: border-box;gap: .38rem;justify-content: center;border-color: transparent;}
.cmn-btn.cmn-btn-secondary1 {background-color: #159ede;color: #fff;padding: 2.15rem 1rem;}
/*div_style.css*/
/*#header, .page-header{height: 3.5rem;line-height:3.5rem;position: fixed;top: 0px;left: 0px;right: 0px;background:#fff;z-index: 998;}*/
/*.page-header .header-title{font-size: 1.125rem;color: #010101;line-height: 3.5rem;font-weight: 500;padding: 0 1.25rem;word-spacing: -0.1rem;letter-spacing: normal;}*/

/*_base_1.css*/
.page-sub .page-header{position:fixed;top:0;left:0;right:0;background-color: #fff;z-index:999;height:3.5rem;}
/*.page-sub .page-header .header-title,*/
/*.page-sub  #page-header-term .header-title {padding:1rem 2.75rem;text-align:center;font-size:1.125rem;letter-spacing:-.025rem;!*include t5*!font-weight:500;color:#010101;}*/

/*tobe_framework*/
/*body .wrapper #header{min-height: 3.5rem;height: 3.5rem;}*/
/*body .wrapper #header.page-header{background: #fff;}*/
/*body .wrapper #header .header-title{font-size: 1.125rem;color: #010101;line-height: 3.5rem;font-weight:500;padding: 0 1.25rem;word-spacing: -0.1rem;display:block;text-align:center;}*/
/*body .wrapper #header.page-header .close-button.func-prev {*/
/*    font-size : 1rem;*/
/*    color: transparent;*/
/*    line-height: 1rem;*/
/*    word-break: keep-all;*/
/*    text-align: center;*/
/*    left: 0.8rem;*/
/*    width: 1.5rem;*/
/*    height: 1.5rem;*/
/*    background: url(https://rl9mnsqm6.toastcdn.net/mmc_v2/images/sun_bank/icon_arrow02.svg) no-repeat center center/1.5rem 1.5rem;*/
/*    border: 0;*/
/*    font-size: 1rem;*/
/*}*/

/*body .wrapper #header.page-header .close-button.func-cancle{right: 10px;font-size: 0.875rem;font-weight: 400;line-height: 1.25rem;letter-spacing: -0.02rem;color: #010101;display: flex;padding: 0 1rem;justify-content: center;align-items: center;height: 2.125rem;border: 1px solid #ccc;border-radius: 1.25rem;}*/
/*body .wrapper #header.page-header .close-button{position: absolute;top: 50%;transform: translateY(-50%);}*/
/* Alert 팝업 */
body div.np-layer-bg {
    top: 0;
    background: rgba(0,0,0,.7);
}
.np-layer-bg {
    position: fixed;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.8);
    z-index: 1000;
    overflow-x: hidden;
    overflow-y: scroll;
}

body div.np-layer-content {
    font-family: 'Pretendard Variable';
    position: relative;
    width: calc(100% - 9.76rem);
    height: auto;
    padding: 1.875rem 1.5rem;
    margin: 5rem auto 0;
    border-radius: 2rem;
}
.np-layer-content {
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    margin: 0 !important;
}
.np-layer-content {
    position: relative;
    width: 90%;
    margin: 80px auto 30px auto;
    padding: 0px 15px 20px 15px;
    background: #ffffff;
    color: #666666;
    border-radius: 5px;
}

body .np-layer-popup-con .text {
    padding-bottom: 2rem;
}
.np-layer-popup-con .text {
    text-align: center !important;
}
.np-layer-popup-con .text {
    text-align: center;
    padding: 0 0 30px 0;
    color: #323232;
}
.np-layer-popup-con .text {
    text-align: center;
    padding: 0 0 30px 0;
    color: #323232;
}
body div.np-layer-bg .np-layer-content .np-layer-popup-con .btn-bottom a {
    display: flex;
}
body div.np-layer-content .btn-bottom .button.button-blue {
    background: #159ede;
}
body div.np-layer-content .btn-bottom .button {
    /*text-align: center;*/
    border-radius: .625rem;
    color: #fff;
    width: 100%;
    height: 2.375rem !important;
    font-weight: 400;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 5px 0px !important;
    border: 0;
    margin: 0;
    font-size: 1.3rem;
    line-height: 1.25rem;
    letter-spacing: -.0219rem;
}
/* // Alert 팝업 */
/* submit 시 로딩 팝업*/
.loading-page-wrap {
    position: fixed;
    width: 100%;
    height: 100%;
    background: #7f7f7f;
    overflow-x: hidden;
}
/* // submit 시 로딩 팝업*/

/* 업종제한 팝업 */
.layer_area.alert .layer_container {
    position: relative;
    right: auto;
    bottom: auto;
    padding: 0;
}
.layer_area.active .layer_container {
    display: block;
}

.layer_area.alert .box_alert {
    margin-top: 1.2rem;
}
.box_alert {
    text-align: center;
}

.layer_area.alert.popup_guarantee_limit_03 .box_alert .ttl_alert {
    text-align: left;
    font-size: 1.5rem !important;
}
.layer_area.alert .box_alert .ttl_alert {
    font-size: 1.3125rem !important;
    font-weight: 600 !important;
    margin-bottom: 1rem !important;
}

.popup_guarantee_limit_03 .table_scroll {
    border-radius: 0.625rem;
    max-height: 50vh;
    overflow-y: auto;
    border: 1px solid #e9e9e9;
    /* scrollbar-width: auto; */
}

.popup_guarantee_limit_03 .table_scroll .tbl_basic {
    width: 100%;
    border-collapse: collapse;
    margin-bottom: 0 !important;
    border: none !important;
}
.popup_guarantee_limit_03 .table_scroll .tbl_basic th {
    font-size: 1.2rem !important;
    border: 1px solid #e9e9e9 !important;
}
.popup_guarantee_limit_03 .table_scroll .tbl_basic td {
    font-size: 1.2rem; !important;
    border: 1px solid #e9e9e9 !important;
    color: #182024;
}

table {
    background-color: #f6f6f6;
    border-left: 1px solid #e9e9e9;
    border-top: 1px solid #e9e9e9;
}
table {
    border-collapse: separate;
    border-spacing: 0;
    width: 100%;
    clear: both;
    margin-bottom: 27px;
}

.box_alert + .grp_gravity {
    margin-top: 1.4375rem;
}
.btn_comm.idle.full.handlePopupClose.sun_card_busi {
    color: #fff !important;
    width: 100%;
    border-radius: 0.75rem;
    font-weight: 400 !important;
    font-size: 1.125rem !important;
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: 4.5rem !important;
    padding: 5px 0px !important;
}
.layer_wrapper .layer_area.alert .grp_half .btn_comm span {
    font-size: 1.25rem !important;
}

tbody tr {
    background-color: #fff !important;
}
/* // 업종제한 팝업 */

/* 유스 하단 팝업 */
.youth-details-header-wrap {padding: 1.5rem 1.5rem 2rem 1.5rem !important;}
.wh100{width: 100% !important;}
.txt-important{color: #f90f00 !important}
.emphasis-primary {color: #0c58ca !important;}
.typo-t7 {font-size: 1.3rem;line-height: 2.25rem;letter-spacing: -.0219rem !important;}
/* // 유스 하단 팝업 */

.w-100 {width: 100% !important;}
/* //2026.03.31 JHS 추가 */

.popup_guarantee_limit_03 .table_scroll .tbl_basic th {position: unset !important;}
