/* 20240415 add style [S] */


body {
    -webkit-text-size-adjust: none;
    -ms-text-size-adjust: none;
    -moz-text-size-adjust: none;
    -o-text-size-adjust: none;
    text-size-adjust: none;
}

/* common [S] */
::-webkit-scrollbar{display: none;}
:root {
    --main-color: #1c61d9;
}
html, body{color:#010101;letter-spacing:normal;}
html *, * {font-size:1.4rem; font-family:"Pretendard Variable", --apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif !important}
span, em, strong {font-size:inherit}
img{object-fit:contain;}
p{color:#010101; font-size:inherit}
b, strong{font-weight:600; font-size:inherit}
/* input{width:100%;font-size: 1rem !important;padding:0 1rem !important;height:3rem !important;display:flex !important;align-items: center;margin-top: 0.62rem !important;border:1px solid #eee !important;border-radius: 0.5rem !important;font-weight: 400 !important;text-overflow: ellipsis;} */
/* input.calender{background: url(https://rl9mnsqm6.toastcdn.net/mmc_v2/images/calender.svg) no-repeat calc(100% - 1.184rem) center / 2.4rem 2.4rem !important;}
input::-webkit-input-placeholder{color: #666 !important;}
textarea{resize: vertical;overflow-y: scroll;width: 100%;height: 60vw;padding: 1.25rem;background: #fff;border-radius: 1rem !important;box-shadow: 0 0 40px 0 rgba(0,0,0,0.1);font-size: 0.875rem !important;font-weight: 400;line-height: 1.25rem;letter-spacing: -0.02rem;}
em{font-style:normal;} */

.fw2{font-weight:200 !important;}
.fw3{font-weight:300 !important;}
.fw4{font-weight:400 !important;}
.fw5{font-weight:500 !important;}
.fw6{font-weight:600 !important;}

.red{color:#f90f00 !important;}
.txtBlue{color:#1039a1 !important;}
.txtBlue02{color:#0c58ca !important;}
.tl{text-align:left !important;}
.tc{text-align:center !important;}
.tr{text-align:right !important;}
.grayColor{color:#666 !important;}


/* 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 */
.layer_wrapper.totFullPopup .inner_wrapper {overflow-x:hidden;overscroll-behavior: contain;}
.layer_wrapper.totFullPopup .layer_area.toast.active {position: absolute;top: 0;left: 0;width: 100%; height: calc(100vh - 3.5rem);}
.layer_wrapper.totFullPopup .toast_container {overflow-y:auto; overflow-x: hidden; height:calc(100vh - 162px); margin-top:0;}
.layer_wrapper.totFullPopup .layer_area.toast .inner_area {padding-top:56px;}

.layer_wrapper .layer_area.alert .inner_area {border-radius: 3.2rem;}
.layer_wrapper .layer_area.alert .area_comm {padding:4.2rem 2.4rem}
.layer_wrapper .layer_area.alert .btn_comm.full {padding:1.1rem 0;}
.layer_wrapper .layer_area.alert .btn_comm.full span {font-size: 1.4rem;}
.layer_wrapper .layer_area.alert .btn_comm.idle.full {border:1px solid #ccc; color:#182024; box-sizing: border-box; background-color: #fff;}
.layer_wrapper .layer_area.alert .grp_half .btn_comm {border:1px solid #ccc; color:#182024; background-color: #fff;}
.layer_wrapper .layer_area.alert .grp_half .btn_comm.idle {color:#fff; background-color: #159ede;}

.layer_wrapper .layer_container {padding: 5.6rem 0 9.5rem;}
.layer_wrapper .header.app {min-height: 56px;height: 56px;position: fixed; left: 0px;right: 0px; z-index: 998; background: #fff; padding: 0;}
.layer_wrapper .layer_footer [class*='btn_'] {margin:1.3rem 2rem;}

.layer_wrapper .layer_area .page-header .close-button {position: absolute;top: 50%;left: unset;transform: translateY(-50%);width: 1.5rem;height: 1.5rem;right: 1.25rem;text-indent: -9999px;background: url(../../to-be/images/iga/icon_close02.svg) no-repeat center right / contain;}

.layer_area.toast .inner_area {padding-top:4rem}
.toast_header .emph_toast {font-size: 2rem; font-weight: 600;}

/* 팝업버튼 오류로 0614 추가 */
.layer_wrapper .layer_area {display: none;}
.layer_wrapper .layer_area.active {display: block; position: fixed;}
.layer_wrapper .layer_area.active:not(.toast) .inner_area {overflow-y: auto;}
.layer_wrapper .layer_area.toast.active {position: fixed; bottom:0; width:100%;}

/* 툴팁 */
.totTooltip {display: inline-block;}
.totTooltip__btn {display: inline-block; width: 20px; height:20px; border:0; border-radius: 100%; background-color: #ccc;}
.totTooltip__btn::before {content: '?'; font-weight: 600; color:#fff}
.totTooltip__body {display: none; position: absolute; z-index: 9; left:50%; transform: translateX(-50%); width:300px; padding:2rem 3.2rem 2rem 2rem; border:1px solid #159ede; border-radius: 1.6rem; box-sizing: border-box; background-color:#f5f9fd;}
.totTooltip__cont {text-align: left; font-weight: 400;}
.totTooltip__close {position: absolute; top:20px; right:12px; display: block; width:20px; height:20px; border:0; background:url(../../to-be/images/iga/btn_tooltip_cls.png) no-repeat center / 20px 20px;}
.totTooltip.open .totTooltip__body {display: block;}


/* ----- tobe layout -------------------- */
/* header [S] */
.wrapper #header *{transition: all 250ms ease;}
.page-header{min-height: 56px;height: 56px;position: fixed; left: 0px;right: 0px; z-index: 998; background: #fff;}
.page-header .header-title{font-size: 1.8rem;color: #010101;line-height: 56px;font-weight:500 !important;padding: 0 2rem;word-spacing: -1.6px;display: block;text-align: center; letter-spacing: -0.8px;}
.page-header .close-button.func-prev{font-size: 1.6rem;color: #fff;line-height: 1.6rem;word-break: keep-all;text-align: center;left: 1.28rem;width: 2.4rem;height: 2.4rem;background: url(https://rl9mnsqm6.toastcdn.net/mmc_v2/images/sun_bank/icon_arrow02.svg) no-repeat center center / 24px 24px;text-indent: -999px;position: absolute;top: 50%;transform: translateY(-50%);}
.page-header .close-button.func-cancle{width:auto; right: 1.28rem;font-size: 1.4rem;font-weight: 400;line-height: 2rem;letter-spacing: -0.32px;color: #010101;display: flex;padding: 0 1.6rem;justify-content: center;align-items: center;height: 3.4rem;border: 1px solid #ccc;border-radius: 20px; box-sizing: border-box;}
.page-header .close-button.func-close{font-size: 1.6rem;color: #fff;line-height: 1.6rem;word-break: keep-all;text-align: center;right: 1.28rem;width: 2.4rem;height: 2.4rem;background: url(../../to-be/images/iga/icon_close02.svg) no-repeat center / 30px;text-indent: -999px;position: absolute;top: 50%;transform: translateY(-50%);}
.page-header .close-button{position: absolute;top: 50%;transform: translateY(-50%);}
/* header [E] */

.wrapper .content{margin:0; padding-top: 32px; padding-bottom:40px;}
.wrapper #page-content{padding:56px 0 106px;}
.wrapper #page-content-scroll{padding:0 20px;}
.wrapper #page-content.totBtnNone {padding-bottom:2rem}

/* footer [S] */
.submit-btn{position: fixed;bottom: 0;left: 0;right: 0;font-size: 0;z-index: 10;display: flex;flex-wrap: nowrap;justify-content: center;align-items: center;padding:0 2rem 4rem;background:#fff;}
.submit-btn:before{content:'';display:block;position:absolute;top:-1.4rem;width:100%;height:1.4rem;background:#fff;background:linear-gradient(180deg,rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%);z-index: 10;}
.submit-btn a,
.submit-btn button {color: #fff ;width:100%;height: 5.2rem;background-color: #159ede;border:0; border-radius: 12px;font-weight: 400;font-size: 1.8rem;display: flex;align-items: center;justify-content: center;line-height: 7.2rem;}
.submit-btn button:disabled{background-color:#b6d6e5;}
.submit-btn a + a{margin-left:0.5rem;}
.submit-btn a.backBlue,
.submit-btn a.send,
.submit-btn a.green-send{background-color:#159ede;}
.submit-btn a.not-yet{background-color:#b6d6e5;}

/* footer [E] */


/* LON_03000000.html 내 소스 - 본인인증 */
.totCertWrap .page-alert {padding: 2.4rem 0 2.4rem;display: flex;justify-content: center;align-items: center;flex-direction: column;}
.totCertWrap .page-alert img{display: block;margin: 1rem 0;}
.totCertWrap .page-result {margin-top:4rem; padding:16px; border-radius: 16px; background-color: #f5f9fd;}
.totCertWrap .page-result p.strong{font-size:2rem;font-weight:600;line-height:1.75rem;letter-spacing:-0.03rem;word-break: keep-all;color:#323232;}
.totCertWrap .page-result .txt_comm {font-size:1.3rem; line-height:2rem; letter-spacing: -0.32px; color:#666; font-weight: 400;}
.totCertWrap .page-result .link_comm {text-decoration: underline; color:#0c58ca; font-size:1.4rem}

.totCertWrap .agreement-cont {padding-top:4rem}
.totCertWrap .agreement-cont .tit {margin-bottom:1.2rem}
.totCertWrap .agreement-cont .tit.another { display: block;  font-size: 2.2rem;  font-weight: 500;  line-height: 1.5;  word-break: keep-all; margin-bottom: 40px;}
.totCertWrap .agreement-cont .bottom-text{display: flex;justify-content: space-between; align-items: center; gap: 10px;}
.totCertWrap .agreement-cont .bottom-text a {display: block; width:100%; padding: 2rem 1rem; text-align: center; font-size: 1.4rem; color: #010101;font-weight: 400;line-height: 2rem;letter-spacing: -0.32px;background:#fff;border-radius:16px;box-shadow:0 0 40px 0 rgba(0,0,0,0.1);border:0;height: auto;margin: 0;white-space: nowrap;user-select: all;}
.totCertWrap .agreement-cont .bottom-text a img {display: block; margin:0 auto 10px;}
.totCertWrap .agreement-cont .bottom-text a.active {border: 1px solid #159ede;}
.totCertWrap .submit-btn > button {display: none;}

.totCertWrap #certInfoArea{display:flex !important;}
.totCertWrap .cert_info_bg_new {align-items: baseline; margin-bottom:8px !important; padding:0; word-break: keep-all; font-size:1.4rem; line-height: 2rem; background-color: transparent;}
.totCertWrap .cert_info_bg_new:before{content: '';margin: 0.26rem;width: 3px;height: 3px;background: #666;border-radius: 50%;position: relative;top: -4px;}
.totCertWrap .cert_info_import_button {display:flex !important; font-size:1.4rem;}

.totCertWrap .con_ul .hd_small{color: #010101;font-size: 0.812rem;font-weight: 400;line-height: 1.125rem;margin-top: 1rem;}
.totCertWrap .con_ul .hd_small:before{content:"* ";margin-right: 0.24rem;}


/* ------ iga sytle  ------------ */
.header .tit_comm{font-size: 1.8rem;color: #010101;line-height: 56px;font-weight:500 !important;padding: 0 2rem;word-spacing: -1.6px;display: block;text-align: center; letter-spacing: -0.8px;}
.box_inp .txt_chk {  overflow: hidden;  padding: 0 2.4rem 0 1.2rem; font-weight: 400;font-size: 1.8rem;}
.dot_list {display: inline-block;}
.dot_list .dot {width:6px; height:6px; background-color: #d9d9d9; display: inline-block; vertical-align: middle; margin:0 4px 10px; border-radius: 10px;}
.textBox_comm {padding:32px 24px 24px; border-radius: 16px; text-align: center; font-size:1.6rem; margin-top:40px;}
.textBox_info {background-color: #f5f5f5; border-radius: 16px; padding:16px; margin-top:24px}
.textBox_info .tit {font-size:16px; font-weight:500;}
.textBox_info .text {display: block; margin-top:16px; font-size: 14px; color:#4a4a4a;}
.bg_blue {background-color: #eff5ff;}

.iga_detail{padding:2rem; border-radius: 12px; background-color: #fff; border:1px solid #e4e4e4;box-shadow: 0 2px 12px 0 rgba(170, 176, 188, 0.2);}
.iga_detail .grp_half {display: flex; justify-content: space-between;}
.iga_detail .grp_half .inner_half {display: block; width: auto;}
.iga_detail .txt_comm {margin-right:1rem; font-size:1.6rem; color:#4a4a4a; line-height: 2rem;white-space: nowrap;}
.iga_detail .emph_comm.medium {font-size:1.6rem; color: #4a4a4a; line-height: 2rem;}
.iga_detail ul > li ~ li {margin-top:1.8rem}

.iga_detail .tit_comm span {
    font-size: 1.8rem;
}
.iga_detail .ico_hat {
    padding-right: 0.4rem;
}

.iga_bluebox {font-size: 1.4rem; background-color: #eff5ff; padding:1.6rem;color:#4a4a4a; border-radius: 8px; margin:8px 0 20px;}
.iga_bluebox strong {color:#1c61d9; font-size: 1.6rem; display: block; padding-bottom: 1rem;}
.iga_bluebox br {display: none}
.iga_btn button {display: inline-block; width:50%; box-sizing: border-box;}
.iga_btn {display: flex; justify-content: space-between; margin-top:2.0rem;}
.iga_btn button {cursor: pointer;}
.iga_btn button .btn_inner_half {display: block; width: auto; box-sizing: border-box;}
.iga_btn .btn_container {font-size:1.6rem; color:#159ede; font-weight:400; background-color: #fff; border-radius: 8px; height:44px;}
.iga_btn .btn_container.line {display: inline-block;border:1px solid #159ede; color:#159ede; font-size: 1.6rem;}
.iga_btn .btn_container.fill {display: inline-block; color:#fff; font-size: 1.6rem; margin-left:0.8rem; background-color: #159ede; border:none;}
.iga_btn .btn_container.full {width:100%;}

.iga_loan_num {border:1px solid #e4e4e4; padding:24px 24px 12px; border-radius:8px ;box-shadow: 0 2px 12px 0 rgba(170, 176, 188, 0.2); margin-top:4rem;}
.iga_loan_num._blue {
    border: 0;
    box-shadow: none;
    background-color: #eff5ff;
    border-radius: 1.6rem;
    padding: 2rem;
}
.iga_loan_num._blue .iga_loan_num-title {
    font-size: 1.6rem;
    font-weight: 700;
}

.iga_loan_num._blue .list_bullet {
    margin-top: 1.2rem;
}

.iga_loan_num._blue .list_bullet li::before {
    width: 0.4rem;
    height: 0.4rem;
}

.iga_loan_num._blue .list_bullet li {
    font-size: 1.4rem;
    padding-left: 1.2rem;
}

.iga_loan_num._blue .list_bullet li + li {
    margin-top: 0.4rem;
}

.iga_loan_num ul li {position: relative; margin-bottom:1.6rem;}

.flex_item {display: flex; justify-content: flex-start; align-items: flex-start;}
.iga_loan_num 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;
}
.iga_loan_num ul li span.txt {font-size:1.4rem; margin-left:1.2rem; display: inline-block;}
.sub_comm {margin-top:4.8rem;font-size:1.6rem; color:#2d2d2d;display: inline-block; font-weight: 500;}

/*select {height:5.6rem; line-height: 5.6rem; border:1px solid #ccc; width:100%; padding:1.6rem;
font-size:1.8rem; font-weight:500; color:#2d2d2d;border-radius: 8px;}*/
.selectBox {border:1px solid #010101;}
.custom-select-wrapper{position: relative; display: block;width:100%;height: 56px;}
.custom-select {appearance: none;-webkit-apperance:none ; -moz-apperarance:none;
    color:#4a4a4a;height: 56px; padding: 0 16px;font-size: 18px;font-weight:500;
    width:100%;border:1px solid #ccc; cursor: pointer; border-radius: 8px;
    background-color: #fff !important;}
.custom-select:focus{
    outline: none;
    border-color:#000;
    box-shadow: 0 0 5px rgba(12,88,202,0.7);
    font-size: 18px;
    font-size:1.8rem; font-weight:500; color:#2d2d2d;
}
.custom-select-wrapper::after {
    font-size:1.8rem; font-weight:500; color:#2d2d2d;
    content: '▼';
    position: absolute;
    top:18px;
    right:24px;
    transform: rotateX('-50%');
    pointer-events: none;
    color:#4a4a4a;
}

.custom-select:disabled {
    color: #010101;
    background-color: #eaeaea !important;
}

/* ------ [햇살론특례]  ------------ */
.iga_comm {}
.iga_comm .iga_topbox {background-color:#e7ebff; padding:4.0rem 2.0rem; padding-bottom: 0;}
.iga_comm .iga_topbox h3 {font-size: 2.8rem; font-weight:600; text-align: center;}
.iga_comm .iga_topbox .iga_sub{color:#717171; font-size:2.0rem; text-align: center; margin-top:1.6rem;letter-spacing: -0.1rem;}
.iga_comm .iga_topbox .iga_video {margin-top:2.4rem;}
.innerbox {background-color: #fff; border-radius: 16px; margin-top:3.2rem; padding:20px 16px; box-sizing: border-box;}

.innerbox .baserete {
    overflow: hidden; margin-top: 0.2rem;
    display: grid;
    grid-template-columns: 1fr 1fr;
}
.innerbox .baserete p {}
.innerbox .baserete p.line {border-right:1px solid #eaeaea;}
.innerbox .baserete p span {display: block; text-align: center; font-size:16px; }
.innerbox .baserete p span.num {font-size: 1.8rem; font-weight: 700; color:#1c61d9; line-height: 3.6rem; vertical-align: middle;}
.innerbox .baserete p span.num2 {font-size: 1.8rem; color:#1c61d9; font-weight: 700; letter-spacing: -1px; line-height: 3.6rem;}

.iga_banking {
    width: 100%;
    box-sizing: border-box;
    background-color: #fff; border-radius: 16px; margin-top:2rem; color: #4a4a4a; font-size:16px; padding:20px 16px; text-align: center;
}
.iga_banking span {display: block;}
.iga_banking span.num {font-size:1.6rem; color: #010101; margin-top:0.4rem; font-weight: 500;}

.iga_comm2 {padding:4.8rem 2.0rem;}
.iga_comm3 {padding:4.8rem 2.0rem 0;}
.iga_comm2 h4, .iga_comm3 h4 {font-size:2.2rem; color:#010101; font-weight:500; margin-bottom:1.6rem;}


.iga_info h5 {font-size:1.6rem; font-weight: 400;}

/* tab style */
.iga_tabmenu{ width:100%;position: relative; margin-bottom:1.6rem;}
.iga_tabmenu > ul {width:100%; display: flex; gap: 0.8rem}
.iga_tabmenu > ul li {width: 100%;}
.iga_tabmenu > ul button[aria-selected='true'] {background-color: #768099; color: #fff; font-weight: 600;}
.iga_tabmenu > ul button {
    width: 100%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border:1px solid #eaeaea; background-color: #fff; height:4.8rem;color:#4a4a4a;font-size: 1.8rem; border-radius: 8px; text-align: center; line-height: 4.8rem;
}
.iga_tabmenu .iga_tabcon {
    margin-top: 2rem;
}


.btn-sample {
    display: block;
    align-items: center;
    justify-content: center;
    position: relative;
    width: 19.5rem;
    height: 4.1rem;
    margin: 0 auto 1.7rem auto;
    background-color: #159ede;
    color: #fff;
    border-radius: 1rem;
    border: 0.1rem solid transparent;
    line-height: 4.1rem;
    font-weight: 500;
    font-size: 1.6rem;
    box-sizing: border-box;
}
.btn-sample .ico_hand {
    position: absolute;
    top: 1.4rem;
    right: 3.6rem;
    width: 2.1rem;
    height: 3.2rem;
}

.logo_itda {
    width: 14.6rem;
    height: 4.3rem;
    filter: brightness(0) invert(1);
}
.ico_face {
    width: 4.4rem;
    height: 4.8rem;
    margin-left: 0.4rem;
}

.ico_hat {
    width: 3.2rem;
    height: 3.2rem;
}

.tit_num .more {
    width: 1.3rem;
}
.tit_num .more img {
    width: 1.6rem;
    filter: brightness(0)
}
/* .iga_applist {background-color: #f5f5f5; padding: 24px; border-radius: 8px;}
.iga_applist ul li {margin-bottom:10px;}
.iga_applist span.num {font-weight: 700; font-size: 2.0rem; padding-right:1.2rem;}
.iga_applist span {font-size: 1.8rem; letter-spacing:-0.5px; display: table-cell;} */
/* ------ tot sytle  ------------ */
/* common */
.blind {
    position: absolute;
    width: 1px;
    height: 1px;
    color: transparent;
    overflow: hidden;
    box-sizing: border-box;
}

.totFlex__between {display: flex; align-items: center; justify-content: space-between;}

.area_comm:first-of-type {padding-top: 1.8rem}

.totTextRef {display: block; position: relative; padding-left:2.2rem; font-size: 1.3rem; color:#555; letter-spacing: -.35px; word-break: keep-all;}
.totTextRef::before {content: '!'; display: block; position: absolute; left:0; top:1px; width:16px; height:16px; line-height: 16px; border-radius: 100%; text-align: center; background-color: #ededed; }

/* icon */
[class^="totIcon32__"] {display: inline-block; width:32px; height:32px; vertical-align: middle;}
.totIcon32__security {background:url(../../to-be/images/iga/logo_kakao.png) no-repeat center / contain;}
.totIcon32__kakao {background:url(../../to-be/images/iga/logo_kakao.png) no-repeat center / contain;}
.totIcon32__naver {background:url(../../to-be/images/iga/logo_naver.png) no-repeat center / contain;}
.totIcon32__pass {background:url(../../to-be/images/iga/logo_pass.png) no-repeat center / contain;}
.totIcon32__dream {background:url(../../to-be/images/iga/logo_dream.png) no-repeat center / contain;}
.totIcon32__tos {background:url(../../to-be/images/iga/logo_toss.png) no-repeat center / contain;}
.totIcon32__kb {background:url(../../to-be/images/iga/logo_kb.png) no-repeat center / contain;}
.totIcon32__shinhan {background:url(../../to-be/images/iga/logo_shinhan.png) no-repeat center / contain;}
.totIcon32__payco {background:url(../../to-be/images/iga/logo_payco.png) no-repeat center / contain;}
.totIcon32__samsung {background:url(../../to-be/images/iga/logo_samsung.png) no-repeat center / contain;}
.totIcon32__banksalad {background:url(../../to-be/images/iga/logo_banksalad.png) no-repeat center / contain;}
.totIcon32__hana {background:url(../../to-be/images/iga/logo_hana.png) no-repeat center / contain;}

.totIcon__time {display: inline-block; width:14px; height:14px; vertical-align: middle; background:url(../../to-be/images/iga/icon_time.png) no-repeat center / contain;}

.totIcon__service01 {display: inline-block; width:80px; height:48px; vertical-align: middle; background:url(../../to-be/images/iga/icon_svc01.png) no-repeat center / 100% auto;}
.totIcon__service02 {display: inline-block; width:86px; height:47px; vertical-align: middle; background-color: #ccc;}
.totIcon__service03 {display: inline-block; width:80px; height:48px; vertical-align: middle; background:url(../../to-be/images/iga/icon_svc03.png) no-repeat center / 100% auto}
.totIcon__service04 {display: inline-block; width:80px; height:48px; vertical-align: middle; background-color: #ccc;}
.totIcon__service05 {display: inline-block; width:80px; height:48px; vertical-align: middle; background-color: #ccc;}
.totIcon__service06 {display: inline-block; width:55px; height:55px; vertical-align: middle; background:url(../../to-be/images/iga/icon_svc06.png) no-repeat center / 100% auto}
.totIcon__service07 {display: inline-block; width:47px; height:47px; vertical-align: middle; background:url(../../to-be/images/iga/icon_svc07.png) no-repeat center / contain}

[class^="totIcon72__"] {display: inline-block; width:72px; height:64px; vertical-align: middle;}
.totIcon72__service01 {background:url(../../to-be/images/iga/icon72_svc01.png) no-repeat center / 100% auto;}
.totIcon72__service02 {background:url(../../to-be/images/iga/icon72_svc02.png) no-repeat center / 100% auto;}
.totIcon72__service03 {background:url(../../to-be/images/iga/icon72_svc03.png) no-repeat center / 100% auto;}
.totIcon72__service04 {background:url(../../to-be/images/iga/icon72_svc04.png) no-repeat center / 100% auto;}
.totIcon72__service05 {background:url(../../to-be/images/iga/icon72_svc05.png) no-repeat center / 100% auto;}
.totIcon72__service06 {background:url(../../to-be/images/iga/icon72_svc06.png) no-repeat center / 100% auto;}
.totIcon72__service07 {background:url(../../to-be/images/iga/icon72_svc07.png) no-repeat center / 100% auto;}

.totIcon72__service08 {
    background-color: #ffe1e1;
}
.totIcon72__service09 {background-color: #ffe1e1;}
.totIcon72__service10 {background-color: #ffe1e1;}

[class^="totIcon24__"] {display: inline-block; width:24px; height:24px; vertical-align: middle;}
.totIcon24__lon01 {background:url(../../to-be/images/iga/icon_lon01.png) no-repeat center / contain;}
.totIcon24__lon02 {background:url(../../to-be/images/iga/icon_lon02.png) no-repeat center / contain;}
.totIcon24__lon03 {background:url(../../to-be/images/iga/icon_lon03.png) no-repeat center / contain;}
.totIcon24__lon04 {background:url(../../to-be/images/iga/icon_lon06.png) no-repeat center / contain;}
.totIcon24__lon05 {background:url(../../to-be/images/iga/icon_lon04.png) no-repeat center / contain;}
.totIcon24__lon06 {background:url(../../to-be/images/iga/icon_lon05.png) no-repeat center / contain;}

.totIcon24__prdStep01 {background-color: #ccc;}
.totIcon24__prdStep02 {background-color: #ccc;}
.totIcon24__prdStep03 {background-color: #ccc;}

[class^="totIcon__circle"] {display: inline-block; width:60px; height:60px; border-radius: 100%;}
.totIcon__circle01 {background: #fff url(../../to-be/images/iga/icon40_svc01.png) no-repeat center / 40px 40px;}
.totIcon__circle02 {background: #fff url(../../to-be/images/iga/icon40_svc02.png) no-repeat center / 40px 40px;}
.totIcon__circle03 {background: #fff url(../../to-be/images/iga/icon40_svc03.png) no-repeat center / 40px 40px;}
.totIcon__circle04 {background: #fff url(../../to-be/images/iga/icon40_svc04.png) no-repeat center / 40px 40px;}
.totIcon__circle05 {background: #fff url(../../to-be/images/iga/icon40_svc05.png) no-repeat center / 40px 40px;}

[class^="totIcon52__circle"] {display: inline-block; width:52px; height:52px; border-radius: 100%;}
.totIcon52__circle01 {background: #eaf0f7 url(../../to-be/images/iga/menu/04.svg) no-repeat center / 52px 52px;}
.totIcon52__circle02 {background: #eaf0f7 url(../../to-be/images/iga/menu/06.svg) no-repeat center / 52px 52px;}

/* button */
.btn_comm, .btn_comm.active {border:1px solid transparent; line-height: 2.4rem; background-color: #159ede;}
.btn_comm.idle {color:#fff; background-color: #159ede;}
.btn_comm.disabled:not(.btn_comm.soft, .btn_comm.normal),
.btn_comm[disabled]:not(.btn_comm.soft, .btn_comm.normal) {color:#fff !important; background-color: #b6d6e5 !important;}
.btn_comm.normal.full {border:1px solid #0d6fb8; line-height: 20px;}
.btn_comm.normal.full > span {color:#0d6fb8; font-size:1.4rem; font-weight: 700;}
.btn_comm.normal.full {padding: .8rem .5rem;}
.btn_comm.normal.full.disabled,
.btn_comm.normal.full[disabled] {opacity: 0.5;}

.btn_comm.soft.full {line-height: 20px;}
.btn_comm.soft.full > span {font-size:1.4rem;}
.btn_comm.soft.full {padding: .8rem .5rem;}
.btn_comm.soft.full.disabled,
.btn_comm.soft.full[disabled] {opacity: 0.5;}
.btn_comm.soft.full.disabled > span,
.btn_comm.soft.full[disabled] > span {color:#555;}

.btn_comm.full,
.btn_comm.idle.full {padding:1.3rem 0.5rem;}
.btn_comm.full span {font-size:1.8rem; font-weight: 400}
.btn_comm.full span > span {vertical-align: bottom;}
.grp_gravity .inner_half .btn_comm span {font-size:1.8rem}
.grp_gravity .inner_half_line .btn_comm span {font-size:1.8rem}


.btn_comm.totSec {background-color: #e5f1ff;}
.btn_comm.totSec span {color:#13216a; font-size:1.4rem; font-weight: 700;}

.btn_comm.line {border-color:#ddd; background-color: #fff;}
.btn_comm.line.idle {border-color: #159ede; color: #159ede; background-color: #f5f9fd;}


.grp_half .inner_half .btn_comm {background-color: #ebebeb; color:#717171;}
.grp_half .inner_half_line .btn_comm {background-color: #fff; color:#159ede; border:1px solid #159ede;}
.grp_half .inner_half .btn_comm.idle {background-color: #159ede; color:#fff;}
.grp_half .inner_half_line .btn_comm.idle {background-color: #159ede; color:#fff;}
.inner_half_line {display: inline-block; position: relative; width: 50%; box-sizing: border-box;}
.iga_tip {position: absolute; top:-12px; left:52%;width:60%;  transform: translate(-50%, -50%); background-color: #3d3d3d; color: #fff; z-index: 9999999; padding:8px; text-align: center; border-radius: 8px; display: inline-block;}

.iga_tip:after {width:0px; height:0px; display: block; position: absolute; bottom:-7px; left:45%;
    border-top: 8px solid #3d3d3d; border-left:8px solid transparent; border-right:8px solid transparent; border-bottom: 8px solid none; content: '';}

.inner_gravity {padding: 0 2rem 4rem;}
.grp_gravity.fixed {background-color: #fff;}
.grp_gravity.fixed:before{content:'';display:block;position:absolute;top:-1.4rem;width:100%;height:1.4rem;background:#fff;background:linear-gradient(180deg,rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%);z-index: 10;}

.totBtnWrap {display: flex; gap:10px;}
.totBtnWrap > button,
.totBtnWrap > a {flex:1}

.totCom_lineLink {font-size:1.3rem; color:#555; text-decoration: underline;}
.totBtn__search {border:none; background:none;} /* 검색버튼 */

/* top btn */
.totBtn__top {transition: .5s transform; transform: translateY(200px); position: fixed; z-index:10; bottom:2rem; right:2rem; width:48px; height:48px; padding-top:10px; border:0; border-radius: 100%; background-color: rgba(17, 17, 17, 0.5);}
.totBtn__top > span {color:#fff; font-weight: 700;}
.totBtn__top::before {position: absolute; left:50%; content: ''; display: block; width:10px; height:10px; border:3px solid #fff; border-right:0; border-bottom: 0; opacity: .5; transform: rotate(45deg) translateX(-80%); box-sizing: border-box;}
.totBtn__top.show {display: block; transform: translateY(0);}

/* form */
input::-webkit-input-placeholder{color: #888 !important;}

.grp_hello [class^="totIcon"] {margin-bottom:1.2rem;}
.grp_hello .tit_comm {font-size:2.2rem; font-weight: 500;}
.grp_hello .tit_comm2 {font-size:1.8rem; }
.grp_hello p.txt_comm {font-size:1.4rem}
.grp_hello .txt_comm {font-size:1.6rem !important; color:#717171; margin-top:1.2rem !important;}

.grp_hello .totName {color:#159ede;}

.grp_apply {margin-top:4rem}
.grp_apply .grp_tf {margin-top:4.0rem}
.grp_apply .grp_tf2 {margin-top:1.6rem}
.grp_tf2 .emph_comm {color:#ff0000; }

.grp_apply .radio_list li {padding:19px 0;}
.grp_apply .radio_list li:first-child {padding-top: 0;}

.grp_tf2 .box_tf {margin-bottom:1rem;}
.grp_tf, .grp_tf2 > .grp_choice {padding-top:0;}
.grp_tf .lab_comm, .grp_tf2 .lab_comm,
.grp_tf .txt_tf {display: block; margin-bottom:0.8rem; font-size:1.6rem; color:#159ede;}
.box_tf .tf_l {padding: 1.5rem 1.6rem ; border:1px solid #ccc; border-radius: 8px; font-size:1.8rem; color:#010101;font-weight: 500; }
/* .box_tf .tf_l:focus {background-color: #fafafa;} */
.box_tf .tf_l.clear {padding:1.1rem 1.2rem; font-size:1.8rem; background-color: #fff; }
.box_tf .tf_l:disabled,
.box_tf .tf_l:read-only {color:#010101; background-color: #fafafa; }
.grp_p_text { margin-top:1.2rem; color:#717171; font-size:1.4rem; padding-left:20px;}

.box_tf .txt_unit {top:50%; transform: translateY(-50%); right:1.6rem; font-size:1.6rem; color:#010101;}

.box_tf + .box_inp {margin-top:1rem}

.box_tf._inline {
    display: flex;
    align-items: center;
    gap: 0.8rem;
}

.grp_opt {height:5.6rem; line-height: 5.0rem; border:1px solid #ccc; border-radius: 8px;}
.grp_opt .ico_kinfa {right:1.1rem}
.grp_opt .opt_comm {font-size:1.8rem; }
.grp_opt .txt_comm {padding-left: 1.1rem; font-size:1.8rem;color:#2d2d2d; font-weight:500;}
.grp_opt + .box_tf {margin-top:0.8rem}

.btn_toast {padding: 1.5rem 1.6rem ; border:1px solid #ccc; border-radius: 8px; font-size:1.6rem; color:#010101;}
.btn_toast span {font-size:2.0rem; font-weight: 500;}
.btn_toast .ico_kinfa {right:1.1rem}
.btn_toast:disabled {color:#010101; background-color: #fafafa;}

.grp_tf, .btn_toast + .emph_comm {display: block; margin-top:1rem}

.box_gravity .inp_gravity {visibility: visible;} /*  [웹접근성수정] 20240909 : 수정 */
.box_gravity .lab_gravity {min-width: 70px; padding: 1.2rem 1.3rem; border:1px solid #ccc; text-align: center; color:#666; box-sizing: border-box;}
.box_gravity .inp_gravity:checked + .lab_gravity {border-color:#159ede; color:#159ede; background-color: #f5f9fd;}
.box_gravity .inp_gravity:focus + .lab_gravity {border-color:#159ede;}

.totForm_date {padding-right:5rem; background: url(../../to-be/images/iga/ic_outline_cal.svg) no-repeat right 1.6rem center / 24px 24px;}

.grp_tf .totBtnWrap{margin: 1rem 0;}



/* grp_picker
---------- ---------- ---------- ---------- ---------- */
.iga_list_agree li {padding-top:0.8rem;}
.iga_list_agree .box_inp {display:block;}
.out_scroll {padding:20px;}
.box_inp .txt_chk {
    overflow: hidden;
    display: flex;
    gap: 0.4rem;
    align-items: center;
    justify-content: center;
    padding: 0 !important;
    font-weight: 400;
    font-size: 1.6rem;
    color:#010101;
}

.grp_picker {
    margin-left: 0;
}

.grp_picker .grp_triple {
    display: table;
    width: 100%;

}

.inner_picker {
    display: table-cell;
    vertical-align: middle;
}

.inner_picker .outer_scroll {
    margin-top: 0;
}

.inner_picker [class*='img_gradient'] {
    display: none;
}

.inner_picker [class*='img_gradient'].fst {
    top: 0;
}

.grp_picker .txt_picker {
    display: block;
    padding: 0.8rem;
    font-size: 1.4rem;
    color: #2d2d2d;
    text-align: center;
    font-weight: 400;
    border-top:1px solid #ededed;
    border-bottom:1px solid #ededed;

}

.grp_picker .box_inp .inp_chk,
.grp_picker .box_inp .lab_chk {
    width: 100%;
    text-align: center;
}

.grp_picker .box_inp .txt_chk {
    padding-left: 0;
    font-weight: 400;
    color: #4a4a4a;
}

.grp_picker .inp_chk:checked + .lab_chk .txt_chk {
    font-weight: 600;
    color: #159ede;
    background-color: #eff5ff;
    border-radius: 8px;
    padding: 4px 0;
}

.grp_triple {
    font-size: 0;
}

.inner_triple {
    display: inline-block;
    position: relative;
    width: 33.33%;
    box-sizing: border-box;
}

.grp_triple .txt_hyphen {
    position: absolute;
    top: 50%;
    left: 1.1rem;
    width: 0.8rem;
    height: 0.2rem;
    background-color: #4d4f5b;
}

/* 20240724 추가 */
.grp_tf .emph_comm, .grp_tf2 .emph_comm,
.grp_tf .emph_idle,
.grp_tf .emph_success {font-size:1.4rem}


/* check */
.inp_chk[type="checkbox"] + .lab_chk .ico_check_24x24 {width: 24px; height:24px; background: url(../../to-be/images/iga/inp_checkbox.png) no-repeat 0 0 / 24px auto;}
.inp_chk[type="checkbox"]:checked + .lab_chk .ico_check_24x24.thin,
.inp_chk[type="checkbox"]:checked + .lab_chk .ico_check_24x24 {background-position: 0 -48px;}
.box_inp .inp_chk[type="checkbox"] {visibility: visible;}
.box_inp .inp_chk[type="checkbox"]:focus {border: 1px solid #000;}

/* radio */
.inp_chk[type="radio"] + .lab_chk .ico_check_24x24 {width: 24px; height:24px; background: url(../../to-be/images/iga/inp_radio.png) no-repeat 0 0 / 24px auto; }
.inp_chk[type="radio"]:checked + .lab_chk .ico_check_24x24.thin,
.inp_chk[type="radio"]:checked + .lab_chk .ico_check_24x24 {background-position: 0 -48px;}

/* box */
.totBgBox {padding:1.6rem; border-radius: 1.2rem; background-color: #f5f9fd;}

/* 맞춤형 제도 */
.totAfter .draw-box {background-color: #80b14f;}
.totAfter .draw-box .equal-list dt {word-break: keep-all;}
.totAfter .draw-box .equal-list dd > img {width: 128px;}
.totAfter .totMultiService {margin-top:4rem;}
.totServiceBnrList {margin-top:2.4rem;}
.totServiceBnrList > ul > li ~ li {margin-top:2.4rem;}
.totSvc__banner {position: relative; display: block; padding:2rem 2.4rem; border-radius: 16px; background-color: #eaf0f7;}
.totSvc__banner [class^="totIcon"] {position: absolute; right:2.4rem; top:50%; transform: translateY(-50%);}
.totSvc__banner .bnr__info {width: calc(100% - 74px);}
.totSvc__banner .bnr__info > dt {font-size: 1.6rem; font-weight: 600; color:#010101; word-break: keep-all;}
.totSvc__banner .bnr__info > dd {font-size:1.2rem; color: #666; word-break: keep-all;}
.totSvc__banner.totSvc--type2 {background-color: #eaf7f5;}

/* 직장명 검색 */
.grp_result .grp_tf.search {margin-top:0}
.grp_tf.search .ico_kinfa.ico_search_24x24 {width:3rem; height:3rem; background: url(../../to-be/images/iga/glass.svg) no-repeat center right / 3rem 3rem;}
.grp_tf.search .tf_l {padding-left:0; border:0; border-radius: 0; border-bottom:2px solid #159ede;}
.grp_tf.search .ico_kinfa {left:auto; right:0;}

.totSearch__workplace .grp_tf.search .ico_kinfa.ico_search_24x24 {position: static;}
.totSearch__workplace .grp_tf.search .totBtn__search {position: absolute; right:0; bottom:.9rem;}

.totSearch__workplace .grp_guide .txt_guide {color:#010101; font-size:1.6rem}
.totSearch__workplace .guide__icon {margin-bottom:2.4rem}
/* .totSearch__workplace .grp_tf.search + .grp_guide {margin-top:10rem;} */
.totSearch__count {margin-top:1.5rem}
.totSearch__count > .t__count {font-size:1.6rem}
.totSearch__count > .t__txt {color:#666;padding-top: 0.38rem;font-weight: 400;}


.totLink__line {color:#0c58ca; text-decoration: underline; font-weight: 600; font-size:1.8rem}

.totSearch__workplace .inner_scroll {position: static; margin-bottom:0; padding-bottom:0;}
.totSearch__workplace .list_postal {padding:0 2rem;}
.totSearch__workplace .list_postal > li ~ li {border-top:1px solid #eee;}
.totSearch__workplace .list_postal .link_comm {padding:2.4rem 0}
.totSearch__workplace .list_postal .link_comm .emph_comm {color:#010101; font-weight: 600;}
.totSearch__workplace .list_postal .link_comm .txt_comm {display: flex; justify-content: space-between;}
.totSearch__workplace .list_postal .link_comm .txt_comm > em {padding-right:1rem; color:#666; white-space: nowrap;}
.totSearch__workplace .list_postal .link_comm .txt_comm > b {color:#010101; font-weight: normal; text-align: right;}

.totSearch__workplace .grp_result .grp_tf.search ~ .outer_scroll {position: static; margin-top:0;}

.totSearch__workplace .list_postal .link_comm:active,
.totSearch__workplace .list_postal .link_comm:focus,
.totSearch__workplace .list_postal .link_comm.current {
    background-color: transparent;
}

.totSearch__workplace .grp_guide .btn_comm.active.small {background-color: transparent;}
.totSearch__workplace .grp_guide .btn_comm.active.small > span {border-bottom:1px solid #0c58ca; line-height:2rem; color:#0c58ca; font-size:1.8rem; font-weight: 700;}
.grp_guide .emph_guide{color: #010101; font-size: 1.8rem; font-weight: 600; line-height: 1.5rem;}

/* 주소검색 [TOT_05000200] */
.totSearch__address .grp_guide .tit_guide {display:block; margin-left:2rem; text-align: left; color:#010101; font-weight: 600;}
.totSearch__address .grp_guide .list_guide {margin:1.2rem 2rem 0; padding:1.6rem; border-radius: 1.6rem; background-color: #f5f9fd;}
.totSearch__address .grp_guide .list_guide > li {text-align: left; font-size:1.4rem; color:#666;}
.totSearch__address .grp_guide .list_guide > li::before {content: '\00B7'; display: inline-block; margin-right: 8px; }
.totSearch__address .grp_guide .list_guide .txt_guide {color:#010101;}

.list_postal .txt_comm {color:#666}
.list_postal .box_comm .txt_postal {border-radius: 2rem;}
.list_postal .box_comm:first-child .txt_postal {color:#0c58ca}
.list_postal .box_comm:first-child .txt_comm {color:#010101}


/* 직업 정보 확인 [TOT_04010010] */
.totSmallTit {margin-bottom:1rem; font-size:1.8rem; font-weight: 500;}
.list_detail.totConfirm {padding:2rem; border-radius: 12px; background-color: #f5f9fd;}
.list_detail.totConfirm .grp_half {display: flex; justify-content: space-between;}
.list_detail.totConfirm .grp_half .inner_half {display: block; width: auto;}
.list_detail.totConfirm .txt_comm {margin-right:1rem; font-size:1.4rem; color:#010101; line-height: 2rem;white-space: nowrap;}
.list_detail.totConfirm .emph_comm.medium {font-size:1.4rem; color:#010101; line-height: 2rem;}
.list_detail.totConfirm > li ~ li {margin-top:.8rem}

/* 약관동의 [TOT_02000001]  */
.box_inp.all {display: block; padding:14px 16px; border-radius: 8px; text-align: center;}
.box_inp.all .inp_chk {position: relative; top:0; left:24px;}
.box_inp .lab_chk {vertical-align: middle;}
.box_inp.all .txt_chk {font-size:1.8rem; color:#159ede;}

.box_inp.thin .txt_chk {font-size:1.4rem; line-height: 2rem;}
.list_agree.small li.tit {margin-bottom:2.4rem; font-size:1.4rem; color:#182024; font-weight: 600;}
.list_agree.small li {font-size:1.4rem;}
.list_agree.small li + li.tit {margin-top:4rem}

.list_agree.small li .txt_chk .req_blue{
    color: inherit !important;
}

.totAgrCont .grp_apply + .grp_apply {padding-top:4rem; border-top:1px solid #eee;}
.totAgrCont .totTextRef {margin-top:10px; padding-left:0;}
.totAgrCont .totTextRef::before {display: none; }
.box_inp.all + .totAgreeAccoWrap {margin-top:4rem;}
.totAgreeAccoWrap .list_agree .link_comm {z-index: 5;}
.totTextRef + .box_inp.all {margin-top:1.2rem;}
.totAgrAcc__area ~ .totAgrAcc__area {margin-top:2.4rem;}
.totAgrAcc__head {position: relative;}
.totAgrAcc__head .tit_comm,
.totAgrAcc__head .box_inp.totThick .txt_chk {padding-right:3.6rem; font-weight: 400; font-size:1.6rem; color:#1b2024; word-break: keep-all;}
.totAgrAcc__head .box_inp.thin {display: block;}
.totAgrAcc__head .box_inp.thin .txt_chk {color:#1b2024; font-weight: 600;}
.totAgrAcc__head .link_comm {position: absolute; z-index: 2; right:0; top:0;}
.totAgrAcc__head .link_comm.open .ico_bottom_24x24.thin {background-position: -24rem -6rem;}
.totAgrAcc__body {display:none; margin-top:1.2rem; padding:2rem 1.6rem; border:1px solid #eee; border-radius: 12px; background-color: #fafafa;}
.req_blue {color:#159ede !important;}

.totAgrAcc__inArea + .totAgrAcc__inArea {margin-top:1.2rem; padding-top:1.2rem; border-top:1px solid #eee;}
.totAgrAcc__inHead {position: relative;}
.totAgrAcc__inHead .tit_comm {padding-right:3.6rem; font-weight: 500; font-size:1.4rem; color:#1b2024; word-break: keep-all;}
.totAgrAcc__inHead .tit_btn {display: block; width: calc(100% - 30px); border:0; text-align: left; font-weight: 500; font-size:1.4rem; color:#1b2024; word-break: keep-all; background-color: transparent;}
.totAgrAcc__inHead .arg__view {display: inline-block; margin-left:4px; text-decoration: underline; color:#0c58ca}
.totAgrAcc__inHead .link_comm {position: absolute; right:0; top:0;}
.totAgrAcc__inHead .link_comm.open .ico_bottom_24x24.thin {background-position: -24rem -6rem;}
.totAgrAcc__inBody ul {overflow-y: auto; max-height:122px;}
.totAgrAcc__inBody ul::-webkit-scrollbar {display: block; width:3px; height:3px;}
.totAgrAcc__inBody ul::-webkit-scrollbar-thumb {border-radius: 3px; background-color: rgba(0,0,0,.1);}
.totAgrAcc__inBody .box_inp.thin .txt_chk {padding-right:3.6rem; font-size:1.2rem; word-break: keep-all;}
.totAgrAcc__inBody .link_comm {top:3px; right:3px; font-size:1.2rem; color:#555; text-decoration: underline;}
.totAgrAcc__inHead + .totAgrAcc__inBody {display: none; margin-top:1.2rem; padding:1.2rem 0 0; border-top:1px solid #eee;}

.totAgrFoot .txt_comm {margin-top:4rem; font-size: 1.4rem;}
.totTextRef + .totAgreeAccoWrap,
.grp_hello + .totAgreeAccoWrap {margin-top:2.4rem;}

/* 간편인증 [TOT_03000001] [TOT_03000002] */
.totSimpleCert {display: flex; flex-wrap: wrap; gap:5%; margin-top:24px;}
.totSimpleCert > * {width:47.5%}
.totSimpleCert > *:nth-child(n+1) {margin-top:5%}
.totCertBox {display: block; padding:20px 0; border:1px solid #ccc; border-radius: 20px; text-align: center; box-sizing: border-box;}
.totCertBox > span {display: block; margin-top:10px; color:#010101; font-size: 1.8rem;}

.totSub__simpleCert .box_inp.all {margin-top:2.4rem}
.totSub__simpleCert .inner_half:first-child {width:30%}
.totSub__simpleCert .inner_half:last-child {width:70%}
.totSub__simpleCert .area_comm + .area_comm {padding-top:0;}

/* 본인인증 인증서 입력  [TOT_03030300] */
.grp_tf.timer.confirm .tf_l {padding: 1.5rem 1.6rem;}
.grp_tf .box_timer {top:50%; right:1.6rem; transform: translateY(-50%);}

.box_gray.box_guide {background: linear-gradient(0deg, rgba(255,255,255,1) 0%, rgba(250,250,250,1) 100%)}
.box_gray.box_guide .tit_gray {font-size: 1.6rem; color:#010101;}
.box_gray.box_guide .list_bullet {margin-top: 1.6rem;}
.box_gray.box_guide .list_bullet li {color:#666;}

/* 상품 추천(가조회 전) [TOT_05000001] */
.wrapper #page-content.totProdRecomBefore {padding-top:136px;}
.totProdRecomBefore .grp_sticky.totStickyTab {top:56px;}
.totProdRecomBefore .totBtn__top {bottom:11rem}
.totList__head {display: flex; justify-content: space-between; align-items: center;}
.totBtn__sortTgg {padding-left:2rem; border:0; color:#555; font-size:1.3rem; background: transparent url(../../to-be/images/iga/icon_sort.svg) no-repeat 0 center ;}

.totProdList__new.grp_choice {margin-top:0;}
.totProdList__new .totList__head {padding-bottom:1.6rem; border-bottom:2px solid #010101;}
.totProdList__new .box_shadow,
.totProdList__new .box_shadow.active {padding:3rem 0; border:0; border-radius: 0; box-shadow: none;}
.totProdList__new .box_shadow + .box_shadow {margin:0; border-top:1px solid #eee;}
.totProdList__new .box_shadow .inner_shadow {margin:0;}
.totProdList__new .grp_product.space .box_inp {top:.5rem}
.totProdList__new .grp_product .info_product .tit_comm {font-size:1.4rem; color:#666;}
.totProdList__new .grp_product.space .list_pipe {margin-left:2rem}
.totProdList__new .list_pipe li:before {background-color: #ccc;}
.totProdList__new .grp_product.space .list_detail.hrznt {margin-left:.6rem}
.totProdList__new .box_shadow .box_etc {margin-top:1.5rem; padding:0;}
.totProdList__new .box_shadow .list_bullet,
.totProdList__new .box_shadow.active .list_bullet {margin-top:1.6rem; padding:1rem 1rem; border: 0; border-radius: 8px; background-color: #f5f9fd;}
.totProdList__new .list_detail .emph_comm {color:#0c58ca; font-size:1.8rem}
.totProdList__new .box_shadow .grp_gravity {margin-top:1.6rem; background-color: transparent;}
.totProdList__new .box_shadow .grp_gravity .inner_gravity {padding:0;}
.totProdList__new .tab_panel {padding:3.2rem 2rem; border-radius: 12px; background-color: #fff;}
.totProdList__new .tab_panel .emph_result {margin:0; padding-top:80px; font-size:2rem; color:#555; background: url(../../to-be/images/iga/icon_caution.png) no-repeat center 0 / 64px 64px;}

.alert.tab_panel {padding:3.2rem 2rem; border-radius: 12px; background-color: #fff;}
.alert.tab_panel .emph_result {margin:0; padding-top:80px; font-size:1.9rem; color:#555; background: url(../../to-be/images/iga/icon_caution.png) no-repeat center 0 / 64px 64px;}

/* 상품 추천 [TOT_06000000] */
.wrapper #page-content.totProdRecom {padding:17.9rem 0 0;}
.area_comm.totBg {background-color: #f4f7fd;}
.totProdRecom .grp_gravity.fixed + .totBtn__top {bottom:11rem}
.totProdRecom .grp_gravity.fixed[style="display: none;"] + .totBtn__top {bottom:2rem}

.totProdHead {position: fixed; z-index: 10; top:56px; width:100%; padding:1.2rem 2rem; box-sizing: border-box; background-color: #f4f7fd;}
.totProdHead .grp_hello {display: flex; justify-content: space-between;}
.totProdHead .tit_comm {font-size: 1.4rem; font-weight: 400; line-height: 2rem;}
.totProdHead .tit_comm strong {font-weight: 700;}
.totProdHead .txt_comm {font-size: 1.4rem;}
.totToday__time {display: flex; align-items: center;}
.totToday__time .totIcon__time {margin: 0 4px 0 0;}
.totToday__time .time {width: 56px; font-size: 1.3rem; color:#777; line-height: 1;}

.totProdRecom .grp_sticky.totStickyTab {top:10rem;}

.grp_sticky.totStickyTab {position: fixed; width:100%; padding:1.6rem 3.2rem 1.6rem 2rem; box-sizing: border-box; /* box-shadow: 0 2px 7px rgba(0,0,0,.05) */;}
.totStickyTab .list_sticky {position: relative; display: flex; border:0; border-right: 0; border-radius: .4rem;}
.totStickyTab .list_sticky > li {position: relative; flex:1; width: auto; margin-right:-1.8rem}
.totStickyTab .list_sticky .link_sticky {position: relative; padding:1.2rem 0; background: url(../../to-be/images/iga/bg_step_off.png) no-repeat right center / auto 100%;}
.totStickyTab .list_sticky .link_sticky > span {padding-right:.6rem; font-weight: bold; color:#ccc;}
.totStickyTab .list_sticky .link_sticky.disabled {pointer-events: none;}
.totStickyTab .list_sticky > li:first-child .link_sticky {border-left:1px solid #edededed}
.totStickyTab .list_sticky > li.complete:first-child .link_sticky {border-left: 0;}

.totStickyTab .list_sticky > li:nth-child(1) {overflow: hidden; z-index: 3; border-radius: 4px 0 0 4px;}
.totStickyTab .list_sticky > li:nth-child(2) {z-index: 2;}
.totStickyTab .list_sticky > li:nth-child(3) {z-index: 1;}

.totStickyTab .list_sticky .list-tab-1 > a {
    width: 75%;
}

.totStickyTab .list_sticky .list-tab-2 {
    margin-left: -11%;
}

.totStickyTab .list_sticky .list-tab-2 > a {
    width: 84%;
}

.totStickyTab .list_sticky .list-tab-3 {
    margin-left: -6%;
}


.totStickyTab .list_sticky > li.complete .link_sticky{background-image: url(../../to-be/images/iga/bg_step_complete.png);}
.totStickyTab .list_sticky > li.complete .link_sticky > span {color:#0d6fb8;}
.totStickyTab .list_sticky > li.complete .link_sticky > em {color: #0d6fb8; font-weight: 400;}
.totStickyTab .list_sticky > li.complete + li.complete .link_sticky::before {content: ''; display: block; position: absolute; z-index: 2; left: 1px; top:0; width:1.8rem; height:100%; background: url(../../to-be/images/iga/bg_step_tail.png) no-repeat right 0 / auto 100%;}

.totStickyTab .list_sticky > li.current .link_sticky {background-image: url(../../to-be/images/iga/bg_step_on.png);}
.totStickyTab .list_sticky > li.current .link_sticky > span {color:#fff;}
.totStickyTab .list_sticky > li.current .link_sticky > em {color: #fff; font-weight: 700;}
.totStickyTab .list_sticky .link_sticky.current::after {display:none}

.totStickyTab .list_sticky > li.complete + li.current .link_sticky::before,
.totStickyTab .list_sticky > li.current + li.complete .link_sticky::before {display: none;}

.totProdToday {position: relative; padding:2.4rem 2rem;}
.totProdToday .grp_hello {margin-bottom:1.6rem}
.totProdToday .grp_hello .tit_comm {font-size: 1.5rem; font-weight: 700;}
.totProdToday .grp_hello .txt_comm {font-size: 1.5rem;}

.totBg .totTextRef {margin-top:1.6rem;}
.totBg .totTextRef::before {border:1px solid #ddd; background-color: #fff;}

.totprd__link {display: block; padding:1.6rem; border-radius: 16px;}
.totprd__link > * {line-height: 1;}
.totprd__link .totprd__logo > img {/*width:32px;*/ max-width:100%; height:32px;}
.totprd__link .totprd__bank {font-size:1.5rem; font-weight: 600; line-height: 2.4rem; color:#111;}
.totprd__link .totprd__prdName {font-size:1.5rem; color:#777;}
.totprd__link .totprd_info dt {margin-bottom:.4rem; font-size:1.3rem; color:#0076c9; line-height:1.55rem}
.totprd__link .totprd_info dd > strong {font-size:2.4rem; font-weight: 700; color:#111; letter-spacing: -0.48px; line-height: 2.8rem;}
.totprd__link .totprd_info .unit {font-size:1.3rem; color:#555;}

.totProdList__cardType > ul {display: flex; gap:1.3rem}
.totProdList__cardType > ul > li {flex:1;}
.totProdList__cardType .totprd__link {background-color: #eaf0f7;}
.totProdList__cardType .totprd__logo {margin-bottom:1.2rem;}
.totProdList__cardType .totprd_info .totprd__rate > dd * {font-size: 1.7rem; font-weight: 400;}
.totProdList__cardType .totprd_info .totprd__rate > dd .unit {font-size: 1.7rem;}
.totProdList__cardType .totprd__limit {margin-top:1.2rem; text-align: right;}
.totProdList__cardType .totTextRef {margin-top:1.6rem}

.totprd__link.totBgRed {background-color: #ffeeef;}
.totprd__link.totBgBlue {background-color: #e5f1ff;}
.totprd__link.totBgGreen {background-color: #e6f8f6;}
.totprd__link.totBgYellow {background-color: #fffce6;}

.list_service .link_comm {border-radius: 4px; background-color: #fff;}
.list_service .link_comm.current {position: relative; border-color:#0076c9; color:#0076c9; background-color: #fff;}
.totSortProd {margin:-3.2rem 0 1.6rem; border-bottom: 1px solid #eee; background-color: #fff;}
.totSortProd .list_service .link_comm {min-width:65px; padding:1.2rem 1rem; border:0; font-size: 1.6rem; text-align: center; box-sizing: border-box;}
.totSortProd .list_service .link_comm.current {border-radius: 1.2rem; color:#0076c9; font-weight: 700;}
.totSortProd .list_service .link_comm.current::after {content: ''; position: absolute; left:0; bottom:0; width:100%; height:3px; background-color: #0076c9;}

.totSortSelect {margin:2.4rem 0 1.2rem; text-align: right;}
.totSortSelect .totForm__select {display: inline-block; padding-left:2rem; background: url(../../to-be/images/iga/refresh.png) no-repeat 0 center / 16px 16px;}
.totSortSelect .totForm__select > select {border:0; appearance: none;}

.totProdList__listType > ul > li {position: relative; border:1px solid #e9e9e9; border-radius: 1.6rem; box-shadow: 0 0 8px rgba(0,0,0,.03);}
.totProdList__listType > ul > li ~ li {margin-top:1.6rem;}
.totProdList__listType .totprd__logo {margin-bottom:1.6rem; padding-left:43px}
.totProdList__listType .totprd__logo > img {position: absolute; left:1.6rem;}
.totProdList__listType .totprd_info {display: flex; justify-content: space-between; align-items: flex-end; padding-left:43px}
.totProdList__listType .totBgBox {margin-top:1.6rem; padding:.8rem 1.6rem; text-align: center; word-break: keep-all; line-height: 2.2rem;}

.totProdRecom .totProdList__new.grp_choice {margin-top:2.4rem;}
.totProdRecom .totProdList__new .totList__head {padding-bottom:1.2rem; border-bottom:0;}
.totProdRecom .totProdList__new .box_shadow,
.totProdRecom .totProdList__new .box_shadow.active {padding:1.6rem; border-radius: 12px; box-shadow: 0 0 8px rgba(0,0,0,.03); background-color: #fff;}
.totProdRecom .totProdList__new .box_shadow + .box_shadow {margin-top:1.6rem; border-top:0;}
.totProdRecom .totProdList__new + .totBtnWrap {margin-top: 2.4rem;}
.totProdRecom .totProdList__new .tab_panel {box-shadow: 0 0 8px rgba(0,0,0,.03);}

.totProdList__new .btn_comm.full {padding:.8rem .5rem; border:1px solid #0d6fb8; color:#0d6fb8; line-height: 20px; background-color: #fff;}
.totProdList__new .btn_comm.full > span {font-size:1.4rem; font-weight: 700;}

.totBanner {position: relative; overflow:hidden; margin-top:3.2rem;}
.totBannr__slick {margin:0 -5px}
.totBannr__slick .bnnr__obj {margin:0 5px}
.totBannr__slick img {width:100%}
.totBanner__page {position: absolute; right:2rem; bottom:1rem; display: flex; align-items: center; padding:0 1rem; border-radius: 1rem; color: #fff; font-size:1.2rem; background-color: rgba(0,0,0,.3);}
.totBanner__page .totBnr__btnPlay {display: inline-block; width:14px; height:14px; border:0; background: transparent url(../../to-be/images/iga/mainicon_play.svg) no-repeat center / 7px auto;}
.totBanner__page .totBnr__btnPause {display: inline-block; width:14px; height:14px; border:0; background: transparent url(../../to-be/images/iga/mainicon_stop.svg) no-repeat center / 7px auto;}
.totBanner__page .totBnr__count {display: inline-block; min-width: 30px; text-align: right;}

/* 휴면예금 box */
.totDormantNoti {margin-bottom:3.2rem; padding:2rem 1.6rem 2.4rem; border-radius: 1.6rem; background-color: #edf2f6;}
.totDormantNoti > dl {display: flex; justify-content: space-between; align-items: center; margin-bottom:1.6rem}
.totDormantNoti .tit {font-size:1.7rem; color:#333;}
.totDormantNoti .amount {font-size:2.4rem; font-weight: 700;}
.totDormantNoti .unit {font-size: 1.3rem; color:#555;}
.totDormantNoti .btn_comm.soft {padding:1rem 0; border:0;}
.totDormantNoti .btn_comm.soft span {font-size: 1.5rem; font-weight: 700; color:#13216a;}

.totMultiService {padding:2.4rem 1.6rem; border-radius: 1.6rem; background-color: #e5f1ff;}
.totMultiService + .totMultiService {margin-top:3.2rem;}
.totMultiService.type2 {background-color:#edf2f6;}
.totMultiService .grp_hello {margin-bottom:3rem; text-align: center;}
.totMultiService .grp_hello [class^="totIcon__"] {margin:1.2rem 0;}
.totMultiService .grp_hello .tit_comm {font-size: 1.7rem; font-weight: 700;}
.totMultiService .grp_hello .txt_comm {font-size:1.5rem; line-height: 2.3rem; color:#555;}
.totMulSvc__service {display: block; border-radius: 1.6rem; background-color: #fff;}


.tit_num {position: relative; width:100%; }
.tit_num .num{width:80%; display: inline-block; font-size: 1.6rem; font-weight:500;}
.tit_num .more {width:18%; display: inline-block; text-align: right;}

.totMulSvc__service .totSvc__head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 2rem;
    padding-bottom: 1.6rem;
    border-bottom: 1px solid #e9e9e9
}

.totMulSvc__service .totSvc__head .tit_comm {
    font-size: 2.0rem;
    font-weight: 700;
}

.totMulSvc__service .totSvc__head .a__detail {
    color: #999;
    font-size: 1.3rem;
    text-decoration: underline;
}

.totMulSvc__service .totSvc__bnnr {position: relative;}

.totMulSvc__service .totSvc__bnnr .tit_comm {
    width: calc(100% - 72px);
    font-size: 1.5rem;
    font-weight: 500;
    word-break: keep-all;
}
.totMulSvc__service .totSvc__bnnr .txt_comm {width:calc(100% - 72px); color:#555; font-size:1.3rem; letter-spacing: -.3px; word-break: keep-all;}
.totMulSvc__service .totSvc__bnnr .tit_comm + .txt_comm {margin-top:.8rem}
.totMulSvc__service .totSvc__bnnr [class^="totIcon"] {position: absolute; right:0; top:0;}
.totMulSvc__service .totSvc__bnnr [class^="totIcon"] ~ .txt_comm {max-width: calc(100% - 80px);}
.totMulSvc__service .totSvc__body .btn_comm {margin-top:1.6rem}
.totMulSvc__service .totSvc__body + .totSvc__body {margin-top:2rem; padding-top:2rem; border-top:1px solid #e9e9e9;}
.totMulSvc__service + .totMulSvc__service {margin-top:1.6rem;}

.totSvc__more {position: relative; margin-bottom:2rem}
.totSvc__more .tit_comm {font-size:1.7rem; color:#111; font-weight: 700; word-break: keep-all;}
.totSvc__more .txt_comm {width:calc(100% - 60px); margin-top:.4rem; font-size:1.3rem; color:#555; word-break: keep-all;}
.totSvc__more [class^="totIcon__"] {position: absolute; top:0; right:1rem}

.totMultiSvcBanner {margin:0 -1.6rem;}
.totMultiSvcSlick {padding-bottom:20px; margin-bottom:0;}
.totMultiSvcSlick .slick-list {padding:0 .8rem;}
.totMultiSvcSlick .slick-dots {bottom:0;}
.totMultiSvcSlick .slick-dots li {width:auto; height:auto; margin:0 2px;}
.totMultiSvcSlick .slick-dots li button {width:4px; height:4px; padding:0; border-radius: 10px; background-color: #bccbdb;}
.totMultiSvcSlick .slick-dots li button:before {display: none;}
.totMultiSvcSlick .slick-dots li.slick-active button {width:10px; background-color: #0c58ca;}
.totMul__bnnr {position: relative; display: block; padding:2.4rem 2rem; margin:0 .8rem; border-radius: 12px; background-color: #fff;}
.totMul__bnnr [class^="totIcon"] {position: absolute; right:2rem; top:50%; transform: translateY(-50%); width:56px; height:50px;}
.totMul__bnnr .tit_comm {position: relative; font-size:1.7rem; font-weight: 700; color:#111;}
.totMul__bnnr .txt_comm {position: relative; font-size: 1.3rem; color:#707787}
.totMul__bnnr .totIcon72__service02 {background-size: 120%;}
.totMul__bnnr .totIcon72__service03 {background-size: 120%;}
.totMul__bnnr .totIcon72__service04 {background-size: 120%;}
.totMul__bnnr .totIcon72__service05 {background-size: 120%;}
.totMul__bnnr .totIcon72__service06 {background-size: 110%;}

.totMultiService.type3 {background-color:#f4f7fd;}
.totMultiService.type3 .grp_hello {margin-bottom:2rem}
.totMulSvc__other {display: block; overflow: hidden; padding:.6rem 0; border-radius: 1.6rem; background-color: #fff;}
.totSvc__bnrLink {position: relative; display: flex; align-items: center; padding:1.4rem 1.8rem;}
.totSvc__bnrLink [class^="totIcon52"] {margin-right: 1.4rem;}
.totSvc__bnrLink .bnr__info .txt_comm {font-size:1.2rem; color:#666;}
.totSvc__bnrLink .bnr__info .tit_comm {font-size:1.8rem; color:#010101; font-weight: 500;}
.totSvc__bnrLink::after {position: absolute; top:50%; right:2.4rem; content: ""; display: block; width:5px; height:5px; border-top:2px solid #ccc; border-right:2px solid #ccc; transform: rotate(45deg) translateY(-50%);}

.totMultiService > .btn_comm.soft.full {padding: 1rem 0;border: 0;}
.totMultiService > .btn_comm.soft > span {font-size: 1.5rem; font-weight: 700; color:#13216a;}

.totLonNoti {margin-top:1.6rem; padding-left:24px; font-size:1.4rem; color:#0c58ca; font-weight: 500; background: url(https://rl9mnsqm6.toastcdn.net/mmc_v2/images/tot/icon_lon_noti.png) no-repeat 0 center / 18px 15px;}
.totLonListWrap {margin-top:1.6rem;}
.totLonListWrap .totList__head {margin-bottom:1.2rem}
.totLonListWrap > ul {border:1px solid #e9e9e9; border-radius: 1.6rem; box-shadow:0 0 8px rgba(0,0,0,.03); background-color: #fff;}
.totLonListWrap > ul > li {position: relative; padding:1.4rem 4.6rem 1.4rem 4.6rem;}
.totLonListWrap > ul > li + li {border-top:1px solid #e9e9e9}
.totLonListWrap .totLon__info {display: flex;}
.totLonListWrap .totLon__info [class^="totIcon24__"] {position: absolute; left:1.4rem;}
.totLonListWrap .totLon__info .lon_tit {font-size: 1.5rem; font-weight: 700; letter-spacing: -.3px;}
.totLonListWrap .lon_txt {margin-top:2px; font-size: 1.5rem; letter-spacing: -.3px; color:#555;}

.totLonListWrap .lon_tag {display: inline-block; height:2.2rem; margin-left:6px; padding:0 6px; border-radius: 8px; line-height: 2.2rem; white-space: nowrap;}
.totLonListWrap .lon_tag.high {color:#0076c9; background-color: #f0f6ff;}
.totLonListWrap .lon_tag.low {color:#707787; background-color: #f1f1f1;}
.totLonListWrap button.lon_tag {border:0;}
.totLonListWrap a.lon_tag::after {content: ''; display: inline-block; width:5px; height:5px; margin-left:4px; border-right:2px solid #707787; border-top:2px solid #707787; font-weight: 700; vertical-align: 1px; transform: rotate(45deg);}
.totLonListWrap a.lon_tag.high::after {border-color:#0076c9;}
.totLonListWrap .totBtn__lon {position: absolute; right:1.6rem; top:50%; display: block; width:2.4rem; height:2.4rem; margin-top:-1.2rem; background: url(https://rl9mnsqm6.toastcdn.net/mmc_v2/images/tot/icon_lon_btn.png) no-repeat center / contain;}

.totProdRecom__foot {padding:3rem 2rem 4rem;}
.totProdRecom__foot .totMultiService {margin-top:4rem}
.totPrd__rejectCheck {margin-top:2.4rem; text-align: center;}
.totPrd__rejectCheck .totLink__line {border:0; font-size:1.4rem; font-weight: 600; color:#0c58ca; background: none;}
.totProdRecom__foot .totPrd__rejectCheck {margin:0 0 1.6rem;}
.totProdRecom__foot .totPrd__rejectCheck .btn_comm.soft.full {padding-top:1.3rem; padding-bottom:1.3rem;}

/* 20240722 추가 : S */
.totPrdRefresh {margin-top:2rem; padding:1.2rem 2rem; border:1px solid #ededed; border-radius: 100px; box-shadow:0 0 8px rgba(0,0,0,.03)}
.totPrdRefresh .totTextRef {padding-left:0; line-height: 18px;}
.totPrdRefresh .totTextRef::before {display: none;}
.totPrdRefresh .totCom_lineLink {line-height: 22px;}
.totPrdRefresh .totCom_lineLink::before {content: ''; display: inline-block; width:16px; height:16px; margin-right:5px; vertical-align: middle; background:  url(../../to-be/images/iga/icon_refresh.png) 0 0 / contain;}

/* 미승인리스트 */
.totRejectList .grp_util {margin-bottom:1.2rem;}
.totRejectList .grp_util .emph_util {font-size: 1.6rem;}
.totRejectList + .totRejectList {margin-top:4rem}
.totReject__ul {border-top:1px solid #eee;}
.totReject__ul > li {display: flex; align-items: center; padding:2rem 0; border-bottom:1px solid #eee;}
.totReject__logo {margin-right:1.2rem}
.totReject__logo > img {display: block; width:24px; height:24px;}
.totReject__info > dt {font-size:1.6rem}
.totReject__info > dd {font-size:1.4rem; color:#666;}

/* 상품 상세 [TOT05000100] */
.totProd__head .grp_product {padding:2rem; border-radius: 1.6rem; box-shadow: 0 0 11px rgba(0,0,0,0.1);}
.totProd__head .inner_product {padding-bottom:2rem; border-bottom:1px solid #eee;}
.totProd__head .info_product .tit_comm {font-size:1.4rem; color:#666;}
.totProd__head .list_detail > li {display: flex; justify-content: space-between; align-items: center;}
.totProd__head .list_detail.medium li + li {margin-top:1.2rem;}
.totProd__head .list_detail .txt_comm {font-size:1.4rem; color:#010101; white-space: nowrap;}
.totProd__head .list_detail .emph_comm {font-size:1.6rem; letter-spacing: -.3px; color:#0c58ca;}
.totProd__head .list_detail .link_detail .emph_comm:after {display:none}
.totProd__head .list_detail .emph_comm.normal {color:#010101; font-size:1.8rem;}
.totProd__head .list_detail > li:nth-child(4) .emph_comm.normal {font-size:1.6rem}
.totProd__head .box_gray {margin-top:2rem; background-color: #f5f9fd;}
.totProd__head .grp_half {text-align: right;}
.totProd__head .grp_half .inner_half {width: auto; margin-left:1.2rem;}
.totProd__head .btn_comm.active.small {padding:0.5rem 1.2rem; border-radius: 2rem; border:0; color:#010101; background-color: #eee;}
.totProd__head .totProd__noti {margin-top:2rem; padding:0 1.6rem; font-size:1.3rem; word-break: keep-all; letter-spacing: -.35px;}

.totProd__check {padding:4rem 2rem}
.totProd__check .grp_receive {margin:0 0 40px;}
.totProd__check .grp_receive .tit_receive {font-weight: 600; font-size:1.8rem}
.totProd__check .grp_receive .txt_receive {margin-top:1.2rem; color:#010101; font-size:1.6rem;}
.totProd__check .grp_receive .box_inp .txt_chk {padding-right:0; font-size:1.4rem; color:#666; }
.totProd__check .list_service .link_comm {padding:1.3rem 2rem 1.2rem; border-color:#eaf0f7; border-radius: 3rem; text-align: center; color:#010101; background-color: #eaf0f7;}
.totProd__check .list_service .link_comm.current {border-color:#159ede; color:#fff; font-weight: 600; background-color: #159ede;}
.totProd__check .list_detail.line {margin-top:.9rem;}

.totProd__body {padding:4rem 2rem; border-top:10px solid #eee;}
.totProd__body .list_disc .tit_disc {font-size:1.8rem; font-weight: 600;}
.totProd__body .list_disc .list_bullet {padding:1.6rem; border-radius: 1.6rem; background-color: #f5f9fd;}

.totProd__foot {background: linear-gradient(0deg, rgba(255,255,255,1) 0%, rgba(250,250,250,1) 100%)}
.totProd__foot .tit_gray {color:#010101}
.totProd__foot .list_bullet {margin-top:1.6rem;}
.totProd__foot .list_bullet li {color:#666;}

/* 대출연결 시 페이지 [TOT07000100][TOT07000200] */
.box_artwork .img-area {width:64px; height:64px; background:#eaf0f7; border-radius: 50%; margin: 1.6rem auto 4rem; display: flex; align-items: center; justify-content: center;}
.box_artwork .img-area .img_artwork {max-width: 100%; width: auto;}

.box_artwork .grp_hello .tit_comm .txt_l.txtBlue02 {font-weight: 700;}
.box_artwork .info_artwork.reset {padding:0;}
.box_artwork .emph_artwork.equal-list {background: #f5f9fd; border-radius: 12px; padding:16px; gap:10px; justify-content: center;}
.box_artwork .emph_artwork .txtBlue {font-weight: 600;}
.box_artwork .emph_artwork .txtBlue + .tl {color: #010101;}
.img-area + .grp_hello {padding-bottom: 4.4rem;}
.grp_hello + .img-area {margin-top: 4rem;}

.box_guide .tit_black {font-size: 1.6rem; font-weight: 700;}
.box_gray.defalut {padding-top:40px; padding-bottom:70px !important;}
.box_gray.defalut .list_bullet {margin-top: 1.6rem;}
.box_gray.defalut .list_bullet li {color: #666;}
.box_gray.defalut .list_bullet li:before {background-color: #666;}

/* 결과요약 [TOT_05000000] */
.buttons {margin-top: 40px;}

.grouping {position: relative; padding-top: 40px;}
.grouping.p0 {padding-top:0;}
/* .grouping.divide-line {} */
.grouping.divide-line::before {content: ''; position: absolute; top:0; left:-2rem; width:calc(100% + 4rem); height:10px; background: #edf2f6; box-sizing: border-box;}
.grouping +.grouping.divide-line {margin-top:40px;}

.grouping .title {font-size: 17px; color: #111; font-weight: 700;}
.grouping .txt {font-size: 15px; color: #555; margin-top: 8px;}

/* 지원제도 안내 */
.grouping.bigger.top {padding-top: 40px;}
.grouping.bigger {padding-top: 0;}
.grouping.bigger .title {font-size: 22px; color: #010101; font-weight: 500; letter-spacing: -.5px;}
.grouping.bigger .txt {font-size: 14px; color: #666; font-weight: 400; letter-spacing: -.5px; word-break: keep-all;}
.grouping.bigger .txt.big {margin-top:16px;}
.indent {padding-left:13px; text-indent: -13px;}
.grouping.bigger.divide-line::before {background: #eee;}

.grouping.grp_hello {padding-top: 0px; margin-top: -8px;}
.grouping.grp_hello .tit_comm, .grouping .tit_comm{font-weight: 600;}
.grouping .grp_hello + .grp_service {margin-top: 40px;}
.grouping .grp_graphic {margin-top: 40px;}
.grouping .box_graphic .box_avg .txt_comm{font-size: 14px; color: #010101;}
.grouping .box_graphic .emph_comm {color: #0c58ca; font-weight: 600; line-height: 32px;}
.grouping .box_graphic .grp_prgrs {margin-top: 20px;}
.grouping .grp_prgrs .txt_comm {font-size: 12px; color: #666; font-weight: 400;}
.grouping .grp_prgrs .txt_comm .count {color: #010101;}
.grouping .grp_prgrs .outer_prgrs {background-color: #dbdfe6; border-radius: 8px 8px 0 0;}
.grouping .grp_prgrs .inner_prgrs,
.grouping .box_graphic.lst .grp_prgrs .inner_prgrs{background-color: #159ede; border-radius: 0px 0px 0 0;}
.grouping .grp_prgrs .inner_prgrs:before {content: ''; width: 13px;  height: 2px;  display: block;  position: absolute;  top: 0;  left: -10px;  border-top: 2px #159ede dotted;}

.grouping .list_service li {padding-left: 8px;}
.grouping .list_service .link_comm {font-size: 16px; color: #010101; background: #eaf0f7; padding: 13px 20px; border-radius: 30px; border-color: transparent;}
.grouping .list_service .link_comm.current {border-color: #159ede; background-color: #159ede; color: #fff;}


/* 배너롤링 default */
.ovh {overflow: hidden;}
.defalut-swiper-wrap {margin: 0 -2.0rem 0 0;}
.defalut-swiper.swiper-container {position: relative; margin: 24px 0 0 0;}
.defalut-swiper.swiper-container .swiper-slide {width: auto; padding:13px 0; background: #fff;}
.defalut-swiper.swiper-container.breifing-banner .swiper-slide {width:280px !important; min-height:54px; border-radius: 16px;}
.defalut-swiper.swiper-container.breifing-banner .swiper-slide:only-child {width:calc(100% - 2rem) !important; margin-right: 16px;}
.defalut-swiper.swiper-container .swiper-slide.one {background: #e5f1ff;}
.defalut-swiper.swiper-container .swiper-slide.two {background: #ebedff;}
.defalut-swiper.swiper-container .swiper-slide.three {background: #edf8f0;}
.defalut-swiper.swiper-container .swiper-slide.four {background: #fbf0ec;}
.defalut-swiper.swiper-container .swiper-slide.five {background: #fff8e3;}
.defalut-swiper .swiper-horizontal>.swiper-pagination-bullets,
.defalut-swiper .swiper-pagination-bullets.swiper-pagination-horizontal,
.defalut-swiper .swiper-pagination-custom, .swiper-pagination-fraction {bottom:-30px; position: static;}
.defalut-swiper .swiper-pagination-bullet {width:4px; height:4px; background: #bcbcbc; transition: 350ms cubic-bezier(0.25, 0.46, 0.45, 0.94); border-radius: 4px;}
.defalut-swiper .swiper-pagination-bullet-active {width:10px; background: #0c58ca;}
.defalut-swiper .swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,
.defalut-swiper .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {margin: 0 1.5px;}

/* 배너롤링 default 툴팁 */
.equal-list {display: flex;}
.tooltip{ min-height: 54px; justify-content: center; justify-content: space-between; padding-left:20px; padding-right:20px; position: relative;}
.tooltip.equal-list dt, .tooltip.equal-list dd {align-self: center;}
.tooltip.equal-list dd img {height:48px;}
.tooltip.equal-list dt {font-size: 17px; font-weight: 600; color: #111; display: inline-flex; align-items: center; max-width: 70%;;}
.icon-question {background: url(../../to-be/images/iga/icon_question.svg) no-repeat; min-width:16px; height:16px; display: inline-block; font-size: 0; margin-left: 4px; position: relative;}
button.icon-question {border:none; cursor: pointer;}
.active.icon-question::after {content: '';display: block;width: 5px;height: 5px;border: 1px solid transparent;border-top-color: #f00;border-right: 1px;border-bottom: 1px;border-color: #159ede;transform: rotate(180deg);position: absolute;bottom:-14px;left:5px;z-index: 1000000;transform: rotate(45deg);background: #f5f9fd;}

/* 레이어 안에 하프 */
.layer_area  .grp_tf .list_agree .inner_half {padding-left: 1.2rem;}
.layer_area  .grp_tf .list_agree .grp_half {margin-left: -1.2rem;}

/* tooltip box = badge */
.tooltip .tooltip-box {position: absolute; top:-30px; left:17px; padding:6px 16px; background: rgba(12,88,202,0.7); color: #fff; border-radius: 100px; min-width: 61px; z-index: 99; animation: 1s loadingImg ease-in-out infinite; font-size: 15px;}
.tooltip .tooltip-box::before {content: ''; display: block; width:0px; height:0px; border:5px solid transparent; border-top-color: rgba(12,88,202,0.7); position: absolute; bottom: -10px; left:50%; margin-left:-4px; }
.tooltip-box.open {animation: none; left:0; top:46px; z-index: 99; border-radius:16px; letter-spacing: -.5px; display: none; background: #f5f9fd; color: #010101; font-weight: 400; font-size: 14px; border: 1px #159ede solid;}
.tooltip-box.open::before {display: none;}

/* 검은색 */
/* fixed버튼 위 툴팁 */
.tooltip .tooltip-box.black {top:-43px; left: 50%; animation: 1s loadingImg1 ease-in-out infinite; width:max-content; text-align: center; background: #666666;}
.tooltip .tooltip-box.black::before {content: '';border-top-color: #666;}

.banner-box {margin-top: 53px;}
.banner-box .equal-list {background:rgba(237,242,246,0.7); padding:20px 30px; border-radius: 16px; /*box-shadow: 0 0 8px rgba(0,0,0,0.03);*/ gap: 17px; align-items: center; justify-content: space-between; }
.banner-box .equal-list dd {font-size: 15px; color: #333; letter-spacing: -1.3px; text-wrap: nowrap;}
.banner-box .equal-list dd span {font-size: 17px; color: #333; font-weight: 700; margin-bottom: 8px; display: block; letter-spacing: -1.5px;}
.banner-box .equal-list dt img {height: 38px;}

/* 고용지원제도 안내 배너 */
.equal-list.infomation {gap: 10px; margin-top: 12px;}
.equal-list.infomation > li {border:1px #eaf0f7 solid; background: #f5f9fd; border-radius: 16px; width:100%;}
.equal-list.infomation .equal-list {flex-direction: column-reverse; align-items: center; padding: 20px 0;}
.equal-list.infomation .equal-list dt {font-size: 14px; font-weight: 600; color: #010101; text-align: center; margin-top: 10px;}
.equal-list.infomation .equal-list dd img {height:32px;}

/* 그림자 박스 */
.shadow-box {box-shadow: 0 0 24px rgba(0,0,0,0.08); padding:18px 20px; border-radius: 16px;}
.equal-list.shadow-box {margin-top: 24px; flex-direction: row-reverse; gap: 16px; justify-content: flex-end;}
.equal-list.shadow-box dt {font-size: 16px; color: #0c58ca; font-weight: 600;}
.equal-list.shadow-box dt .txt {display: block; margin-top: 4px; font-size: 14px; color: #010101; font-weight: 400;}
.equal-list.shadow-box dd {min-width:40px; width:40px; height:40px; border-radius: 30px; background: #eaf0f7; display: flex; align-items: center; justify-content: center;}
.equal-list.shadow-box dd img {max-width:100%; align-self: center; width:20px;}

/* 이미지 박스 */
.draw-box {background: #cf7d4f; border-radius: 16px; padding:40px 24px 32px;}
.draw-box .equal-list {flex-direction: column-reverse;  flex-wrap: wrap;  justify-content: center;  align-items: center; gap: 24px;}
.draw-box .equal-list dt {font-size: 24px; font-weight: 600; color: #fff; /*line-height: normal;*/ text-align: center; width: 100%;}
.draw-box .equal-list dt .txt {display: block; font-size: 14px; font-weight: 400; padding:12px 24px; background: rgba(17,17,17,0.12); border-radius: 16px; margin-top: 24px; letter-spacing: -0.5px;}
.draw-box .equal-list dt .top {font-size: 14px;  display: block; font-weight: 600; letter-spacing: -.5px;}
.draw-box .equal-list dd img {height:130px;}
.draw-box .equal-list dd img[alt="개인채무조정제도 이미지"] {height:88px;}
.draw-box .equal-list dd img[alt="대학일자리플러스센터 이미지"] {height:140px;}
.draw-box .equal-list dd img[alt="복지상담 이미지"] {height:115px;}

.img-box {margin:40px 0 0; text-align: center;}
.img-box img {max-width: 100%;}
.img-box.divide-line {border-top: 1px #eee solid; padding-top: 24px;}

.draw-box.v1 {background: #9585d8;}
.draw-box.v2 {background: #61b5d7;}
.draw-box.gap .equal-list {gap:5px;}

/* 안내의 기본텍스트 및 영역 수정 */
.defalut-txt {color:#666; margin-top: 10px; letter-spacing: -.5px;}
.defalut-txt-top {margin-top: 16px;color:#666; letter-spacing: -.5px;}
.defalut-txts {margin-top: 24px; font-size: 16px; letter-spacing: -.5px;}
.defalut-txts.padding {padding-top:24px; border-top:1px #eee solid;}
.defalut-txts-top {margin-top: 16px; font-size: 16px; letter-spacing: -.5px;}
.defalut-txts-top .type {color: #0c58ca;}
.defalut-txts-top + .table-wrap, .defalut-txts + .table-wrap {margin-top: 10px;}
.area_comm .draw-box {margin-top: -1.2rem;}
.inner-box {background: #f5f9fd; padding:16px; border-radius: 12px;}

/* 푸른색 박스 */
.inner-box.equal-list {flex-direction: column; margin-top: 10px;}
.inner-box.equal-list dt {font-weight: 600; color: #0c58ca;}
.inner-box.equal-list dd {margin-top: 6px; color: #666;}

/* 더블 박스 */
.named {border:1px #ef7c00 solid; font-weight: 700; font-size: 18px; text-align: center; border-radius: 100px; color: #ef7c00; padding:16px 0; margin-top: 12px; box-sizing: border-box; line-height: 22px;}
.named img {margin-top: -2px; margin-right: 5px; width:24px;}
.equal-list.double-box {margin-top: 20px; flex-direction: column; text-align: center;}
.equal-list.double-box dt {border-radius: 16px 16px 0 0; padding:8px 20px; background: #ef8201; color:#fff; font-size: 16px; font-weight: 700;}
.equal-list.double-box dd {padding:12px 16px; color:#555; background: rgba(239,130,1,0.07); font-size: 14px; font-weight: 400;}

.unit-type1 .named {border-color: #0c58ca; color:#0c58ca; margin-top: 40px;}
.unit-type1 .equal-list.double-box dt {background: #0c58ca;}
.unit-type1 .equal-list.double-box dd {background: rgba(12,88,202,0.07);}

/* list 변형 4*4 blue */
.list_bullet.type1.none {margin-top: 0px;}
.list_bullet.type1 {margin-top: 40px;}
.list_bullet.type1.x-small {margin-top: 12px;}
.list_bullet.type1.small {margin-top: 24px;}
.list_bullet.type1 li:first-child {margin-top: 0;}
.list_bullet.type1 > li {font-size: 16px; padding-left:10px; color: #010101; margin-top: 24px;}
.list_bullet.type1 li::before {width:4px; height: 4px; background-color: #159ede; left:0;}
.list_bullet.type2 > li {font-size: 14px; margin-bottom: 8px; color: #666;}
.list_bullet.type2 li::before {width:4px; height:1px; background-color: #666; border-radius: 0; top:9px;}
.list_bullet .inner-box {margin-top:10px;  color: #666; margin-left:-10px;}
.list_bullet .inner-box strong {color: #010101;}

/* table 변형 */
.table-wrap {margin-top:24px;}
/* .table-wrap .tbl_comm {} */
.table-wrap .tbl_comm tr:first-child th:first-child {border-left: 0;}
.table-wrap .tbl_comm tr:first-child th,.table-wrap .tbl_comm tr:first-child td {border-top: 1px #b6d6e5 solid;}
.table-wrap .tbl_comm th, .table-wrap .tbl_comm td {border-bottom: 1px #b6d6e5 solid; border-left: 1px #b6d6e5 solid; text-align: center;  vertical-align: middle; word-break: break-all;background: #fff; color: #1b2024; padding:8px 10px; font-weight: 400;}
.table-wrap .tbl_comm thead th {background: #eaf0f7; font-size: 14px; font-weight: 600; color: #1b2024; padding:8px 10px;}
.table-wrap .tbl_comm th.left, .table-wrap .tbl_comm td.left,
.table-wrap .tbl_comm.left th, .table-wrap .tbl_comm.left td {text-align: left; padding-left: 16px;}

.table-wrap .tbl_comm .inner_cell {padding:0}
.table-wrap .tbl_comm td .txtBlue03 {color: #0c58ca; font-weight: 600;}
.table-wrap .tbl_comm td .txtBlue03 + .txtBlue03-box {margin-top: 20px;}

/* 움직이는 로딩 이미지 */
.totLoading .dummy {opacity:1; background-color: #fff;}
.totLoading .layer_area.loading .inner_area {width:auto; margin:0 2rem}
.totLoading .box_loading .emph_loading {color:#010101}
.totLoading .totBgBox {margin-top:3.2rem; font-size: 1.3rem; color:#666; letter-spacing: -2.5%; word-break: keep-all;}

.img_loading {position: relative; z-index: 10; animation: 3s loadingImg ease-in-out infinite;}
.shadow {animation: 3s shadowImg ease-in-out infinite; width:50px; height:20px; margin:0 auto; border-radius: 100%; background-color: #eee;}

.img_loader_box {position: relative;}
.img_loader_box .loading1 {height:114px;}
.img_loader_box .img_loading_unit {position: absolute; top:45px; left:50%; margin-left:-3px; width:93px; height:93px; background:url(../../to-be/images/iga/img_loader_unit.png) no-repeat; font-size: 0; animation: loading1_unit 3s linear infinite;}
.img_loader_box .img_loading_unit::before {content: '';display: block; width: 34px;height: 34px;position: absolute;top: 14px;left: 14px;border-radius: 23px;border:1px #0076c9 solid; box-sizing: border-box; /*backdrop-filter: blur(2px); -webkit-backdrop-filter: blur(2px);*/}

/* loader2 */
.img_loading2 {height: 76px;}
[class^="img_loading2_unit"] {position: absolute; top:0; left:50%; margin-left: 0px; width:54px; height:76px; font-size: 0;}
.img_loading2_unit1 { background: url(../../to-be/images/iga/img_loader2_unit3.png) no-repeat; animation: 3s img_loading2_unit1 cubic-bezier(0.25, 0.46, 0.45, 0.94) infinite; animation-delay: .2s; -webkit-animation: 3s img_loading2_unit1 cubic-bezier(0.25, 0.46, 0.45, 0.94) infinite; -webkit-animation-delay: .2s;background-size: 56px 76px;}
.img_loading2_unit2 { background: url(../../to-be/images/iga/img_loader2_unit2.png) no-repeat; animation: 3s img_loading2_unit1 cubic-bezier(0.25, 0.46, 0.45, 0.94) infinite ; margin-left: 24px; animation-delay: .5s; -webkit-animation: 3s img_loading2_unit1 cubic-bezier(0.25, 0.46, 0.45, 0.94) infinite; -webkit-animation-delay: .5s;background-size: 56px 76px;}
.img_loading2_unit3 { background: url(../../to-be/images/iga/img_loader2_unit1.png) no-repeat; animation: 3s img_loading2_unit1 cubic-bezier(0.25, 0.46, 0.45, 0.94) infinite; margin-left: 48px; animation-delay: .7s;-webkit-animation: 3s img_loading2_unit1 cubic-bezier(0.25, 0.46, 0.45, 0.94) infinite; -webkit-animation-delay: .7s; background-size: 56px 76px;}

.text11_alert {font-size: 16px; margin:16px auto 0; color: #555;}

/* loader3 */
.img_loading3 {position: relative; z-index: 10;}
.img_loading3 img {height:60px;}
.img_loading3::before {content: ''; background: url(../../to-be/images/iga/img_loader3_unit3.png) no-repeat; width: 100px; height: 67px; display: block; position: absolute; left: 50%;  top: -26px;  z-index: -1;  margin-left: -50px; background-size: 100px 67px;}
[class^="img_loading3_unit"] {position: absolute; top:-34px; left:50%; margin-left: -36px; width:72px; height:94px; font-size: 0; z-index: -1}
.img_loading3_unit1 { background: url(../../to-be/images/iga/img_loader3_unit1.png) no-repeat; animation: 2s loadingImg3 linear infinite; -webkit-animation:  2s loadingImg3 linear infinite; background-size: 72px 94px;}

/* loader4 */
.img_loading4 {position: relative; z-index: 10;}
.img_loading4 .loading {font-size: 0; box-sizing: border-box; width:40px; height:40px; margin:0 auto; background: url(../../to-be/images/iga/loading.png) no-repeat 0 0; width:40px; height: 40px; background-size: 40px 40px; animation: 1s img_loading4 linear infinite;}
.defalut-swiper-wrap.m0 {margin:0;}
.defalut-swiper-wrap.slide_1 {margin: 40px auto; max-width:320px; width: 100%;}
.defalut-swiper-wrap.slide_1 .slide_slide {width:100%; padding-top:40px; padding-bottom: 0;}
.slide_1 img {max-width:320px; width:100%; animation: opc 10s linear infinite; }
.defalut-swiper-wrap.slide_1::after {content:''; display: block; background: url(../../to-be/images/iga/tutorial_icon01.png) no-repeat 0 0; width:94px; height:133px; position: absolute; background-size: 94px 133px; bottom:-66px; right:50%; margin-right: -148px; animation: icon1 10s linear infinite; z-index: 1;}
.defalut-swiper-wrap.slide_1 .slide_slide1 {position: relative;}


@keyframes img_loading4 {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}

@keyframes icon1 {
    0% {
        background: url(../../to-be/tutorial_icon01.png) no-repeat;
        background-size: 94px 133px;
    }
    30% {
        background: url(../../to-be/images/iga/tutorial_icon01.png) no-repeat;
        background-size: 94px 133px;
    }
    31% {
        opacity: 1;
        background: url(../../to-be/images/iga/tutorial_icon02.png) no-repeat;
        background-size: 94px 133px;
    }
    60% {
        opacity: 1;
        background: url(../../to-be/images/iga/tutorial_icon02.png) no-repeat;
        background-size: 94px 133px;
    }
    61% {
        opacity: 1;
        background: url(../../to-be/images/iga/tutorial_icon03.png) no-repeat;
        background-size: 94px 133px;
    }
    100% {
        opacity: 1;
        background: url(../../to-be/images/iga/tutorial_icon03.png) no-repeat;
        background-size: 94px 133px;
    }
}

@keyframes loadingImg1 {
    0% {
        transform: translateY(30%) translateX(-50%);
        animation-timing-function: cubic-bezier(0, 0.44, 0.7, 1.13);
    }
    50% {
        transform: translateY(0) translateX(-50%);
    }
    100% {
        transform: translateY(30%) translateX(-50%);
    }
}

@keyframes loading1_unit {
    0% {
    }
    /* 15%{ transform: rotateZ(360deg);} */
    25% {
        transform: translate3d(12px, -12px, 0);
        animation-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
    }
    50% {
        transform: translate3d(0, -24px, 0);
        animation-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
    }
    75% {
        transform: translate3d(-12px, -12px, 0);
        animation-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
    }
    100% {
        transform: translate3d(0, 0, 0);
    }
}

@keyframes img_loading2_unit1 {
    0% {
        transform: skewY(0deg);
    }
    50% {
        transform: translateX(-50px) skewY(-25deg);
        opacity: 1;
    }
    99% {
        transform: translateX(-50px) skewY(-25deg);
        opacity: 0;
    }
    100% {
        transform: skewY(0deg);
        opacity: 0;
    }
}


@keyframes loadingImg3 {
    0% {
        transform: translateY(0%);
    }
    50% {
        transform: translateY(-30%);
    }
    100% {
        transform: translateY(0%);
    }
}


@keyframes shadowImg {
    0% {
        transform: scale(1);
        opacity: 1;
        animation-timing-function: cubic-bezier(0, 0.44, 0.7, 1.13);
    }
    50% {
        transform: scale(.5);
        opacity: .5;
    }
    100% {
        transform: scale(1);
        opacity: 1;
    }
}
@keyframes loadingImg {
    0% {
        transform: translateY(30%);
        animation-timing-function: cubic-bezier(0, 0.44, 0.7, 1.13);
    }
    50% {
        transform: translateY(0);
    }
    100% {
        transform: translateY(30%);
    }
}


/* 2412 TOT 사후관리 안내 s */

.totMulSvc-slide   {margin: 1.6rem 0 0;}
.totMulSvc-slide .swiper-basic-container   {
    position: relative;
    padding: 0 0 2rem;
}
/* .totMulSvc-slide .swiper-basic-wrapper   {} */
.totMulSvc-slide .swiper-basic-wrapper .swiper-slide   {width: 100%;}
.totMulSvc-slide .swiper-basic-wrapper .swiper-slide a   {
    display: inline-block;
    color: #0d6fb8;
}
.totMulSvc-slide .swiper-basic-wrapper .swiper-slide a ul.equal-list.banner   {
    width: 100%;
    flex-direction: column;
    /* align-items: flex-start; */
}
.totMulSvc-slide .swiper-basic-wrapper .swiper-slide a ul li   {width: 100%;}
.totMulSvc-slide .swiper-basic-wrapper .swiper-slide a ul li img   {
    width: 100%;
    border-radius: 1rem;
}
.totMulSvc-slide .totSvc__body .totSvc__bnnr .swiper-basic-wrapper p.tit    {
    display: flex;
    text-align: center;
    justify-content: center;
    align-items: center;
    width: 100%;
    margin: 1.2rem 0 1rem;
    font-size: 1.5rem;
    line-height: 1.4;
    font-weight: 600;
    height: 40px;
}

.draw-box.blue-d1 {background: #5491bd;}
.page-con-tot   {word-break: keep-all;}
.page-con-tot .draw-box .equal-list dt .t-txt   {
    font-size: 14px;
    font-weight: 400;
    color: #fff;
    margin-top: 1rem;
}

.totIcon__circle.icon40-rd  {background: url(../../to-be/images/iga/icon40_svc06.png) no-repeat center / 60px 60px;}
.totIcon72__.icon70_svc_rd {background:url(../../to-be/images/iga/icon72_svc08.png) no-repeat center / 100% auto;}

.draw-box.draw-box-align .equal-list dt .txt	{text-align: left;}
.page-con-tot .draw-box.draw-box-align .equal-list dt .t-txt	{text-align: left;}
.page-con-tot .table-wrap.table-wrap-align .tbl_comm td {text-align: left;}
.top-star {display: inline-block; position: relative; top: -3px;}
.strong-yellow {
    font-weight: 600;
    color: #fff891;
}

.totMulSvc__service.tot_s_add .txt_comm.wid-100   {
    max-width: 100%;
    width: 100%;
}
.totMulSvc__service.tot_s_add .totSvc__bnnr .txt_comm.width-100 {
    width: 100%;
    max-width: 100%;
}
.totMulSvc__service.tot_s_add .totIcon72__.icon70_svc_rd.top  {
    top: -24px;
    right: -10px;
    width: 64px;
}
@media (max-width: 422px)   {
    .totMulSvc__service.tot_s_add .totIcon72__.icon70_svc_rd.top {
        top: -12px;
    }
}
/* 2412 TOT 사후관리 안내 e */


/* 2507 event s */
/* text */
.event-wrap.txt {
    padding: 1rem 0rem 0rem;
    width: 103%;
}

.event-wrap.txt .inner {
    border: 2px solid #e5f1ff;
    border-radius: 1.6rem;
}

.event-wrap.txt .inner p {
    word-break: keep-all;
    padding: 1.4rem;
}

@media (max-width: 441px) {
    .event-wrap.txt .inner .txt-1 {
        padding: 1rem;
    }
}

@media (max-width: 340px) {
    .event-wrap.txt .inner .txt-1 {
        padding: 0.8rem;
    }
}
.event-wrap.txt .t-blue {
    color: var(--main-color);
    font-weight: 600;
}

@media (max-width: 359px) {
    /* .page-content:has(.event-wrap.txt .txt-2) .area_comm   {margin-top: 7rem;} */
}

/* close s */
.btn-close.type-1.img {
    position: absolute;
    display: inline-block;
    width: 2.2rem;
    height: 2.2rem;
    right: 6px;
    top: 6px;
    padding: 0.8rem;
}

.btn-close.type-1::before, .btn-close.type-1::after {
    margin-left: 10px;
    position: absolute;
    content: '';
    height: 2.2rem;
    width: 3px;
    background-color: #fff;
}

.btn-close.type-1::before {
    transform: rotate(45deg);
}

.btn-close.type-1::after {
    transform: rotate(-45deg);
}
/* close e */

/* 이미지 팝업 s */
.layer_img {
    z-index: 99;
    position: relative;
}

.layer_img .inner {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 80%;
}
.layer_img .inner .img-wrap {
    display: inline-block;
    border-radius: 1.6rem;
    overflow: hidden;
}
.layer_img .dim {
    display: none;
    z-index: -1;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #000;
    opacity: 0.5;
}

.layer_img .inner img {
    width: 100%;
}
/* 이미지 팝업 e */
/* 2507 event e */


.btn_comm.grow-light {
    box-shadow: 0 0 10px 4px #00c3ffcc;
}
@keyframes moveDown1 {
    from	{
        transform: translateY(0);
    }
    50%	{
        transform: translateY(12%);
    }
    100%	{
        transform: translateY(8);
    }

}

@keyframes shadowOn {
    0%  {
        box-shadow: 0 0 0px 0px #00c3ffcc;
    }
    50%  {
        box-shadow: 0 0 10px 5px #00c3ffcc;
    }
    100%  {
        box-shadow: 0 0 0px 0px #00c3ffcc;
    }
}
.wrapper #page-content.totProdRecom:has(.totStickyTab .totSortProd) {
    padding: 21.9rem 0 0;
}
.totMultiService.type4.ab,
.inner_gravity.ab {
    position: relative;
    width: 100%;
    box-sizing: border-box;
    height: 7.4rem;
}
.totMultiService.type4.ab .btn_comm,
.inner_gravity.ab .btn_comm	{
    position: absolute;
    width: calc(100% - 30px);
    left: 50%;
    margin-left: calc(-50% + 15px);
}
.btn_comm.bg-blue-1	{background: #0c58ca;}
.btn_comm.shadow-on	{
    animation: shadowOn 1.5s infinite;
    border: 0;
}
.btn_comm.shadow-on.move-down-1	{
    /* animation: shadowOn 1.2s 6, moveDown1 0.8s 8; */
    animation: shadowOn 1.2s infinite, moveDown1 0.8s infinite;
    border: 0;
}
.grp_gravity.fixed:has(.shadow-on) {padding-top: 2rem;}

/* 202510 [S] */
/* 잇다 소개 KFA_ITD_01000001 */
.floating-help {
    position: fixed;
    right: 2rem; bottom: 10.8rem;
    width: 8rem; height: 8rem;
    border-radius: 50%;
    display: flex;
    flex-direction: column;
    gap: 4px;
    align-items: center;
    justify-content: center;
    /* border: 0.1rem solid #ccc; */
    box-shadow: .5rem .5rem 1rem rgba(0, 0, 0, 0.3);
    background-color: #fff;
    color: #010101;
    font-weight: 500;
}
.floating-help img {
    width: 3.2rem;
    height: 3.2rem;
}

/* 202510 [E] */


/* ------------------------------- 20251103 -------------------------------*/

/* common */


.box_inp.all.iga_allcheck {
    display: flex;
    align-items: center;
    justify-content: center;
    align-items: center;
    height: 5.6rem;
    padding: 0;
}
.box_inp .lab_chk.iga_allcheck {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    width: 100%;
    height: 100%;
    padding-left: 20px;
    background-color: #f5f5f5;
    border-radius: 1.2rem;
}

.inp_chk[type="checkbox"] + .lab_chk .ico_check_24x24.ico_check {
    background:  url(../../to-be/images/iga/ico_check.png) no-repeat center / 16px;
    filter: brightness(0);
    opacity: 0.4;
}
.inp_chk[type="checkbox"] + .lab_chk .txt_chk {
    font-size: 1.4rem;
}
.inp_chk[type="checkbox"]:checked + .lab_chk .ico_check_24x24.ico_check {
    background: url(../../to-be/images/iga/ico_check.png) no-repeat center / 16px;
    filter: none;
    opacity: 1;
}
.box_inp.all .txt_chk {
    /* color: #8c8c8c; */
    color: #010101;
    font-weight: 500;
}
/* .box_inp.all .inp_chk[type="checkbox"]:checked + .lab_chk .txt_chk {
    color: #1c61d9;
} */
/* .box_inp.all .inp_chk[type="checkbox"]:checked + .lab_chk {
    background-color: #ebf2ff;
} */

.inp_chk[type="checkbox"] + .lab_chk .txt_chk .btn-line {
    margin-left: 0.8rem;
}

.text-caution {
    position: relative;
    padding-left: 2.4rem;
    font-size: 1.4rem;
    color: #717171;
}
.text-caution._red::before {
    width: 2rem;
    height: 2rem;
}
.text-caution._red {
    color: #db5357;
    font-size: 1.8rem;
    font-weight: 800;
    top: 0.5rem;
}
.text-caution._square {
    padding-left: 2.4rem;
    font-size: 1.7rem;
    font-weight: 500;
    top: 0;
    color: #010101;
    text-align: left;
    letter-spacing: -1px;
}
.text-caution._square::before {
    width: 2rem;
    height: 2rem;
    background: url(../../to-be/images/iga/ico_warning_red_square.png) no-repeat center / 20px;
}

.text-caution span {
    font-weight: 700;
}
.text-caution._black {
    color: #010101;
}
.text-caution::before {
    content: "";
    display: block;
    position: absolute;
    top: 0.3rem;
    left: 0;
    width: 1.6rem;
    height: 1.6rem;
    background: url(../../to-be/images/iga/ico_warning.png) no-repeat center / 16px;
}
.grp_tf + .grp_tf {
    margin-top: 3.2rem;
}
.color-warning {
    color: #db5357 !important;
}

.header-title._sm {
    display: flex;
    justify-content: space-between;
    margin-bottom: 1.6rem;
    font-size: 1.8rem;
    color: #010101;
    font-weight: 700;
}

.header-title_sub {
    font-size: 1.6rem;
}

.add-idcard label {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 5.2rem;
    border: 0.2rem solid #1c61d9;
    border-radius: 0.8rem;
    font-size: 1.8rem;
    font-weight: 400;
    color: #1c61d9;
}
.add-idcard label:first-child {
    justify-content: flex-start;
    margin-top: 1.4rem;
    margin-bottom: 1.2rem;
    padding: 0 1.6rem;
    color: #ccc;
    border-color: #ccc;
    box-sizing: border-box;
}
.add-idcard label + input {
    display: none;
}
.btn-line {
    display: inline-block;
    border: 0;
    background-color: transparent;
    border-bottom: 0.1rem solid #159ede;
    color: #159ede;
    font-size: 1.6rem;
    font-weight: 500;
}
.d_n {
    display: none !important;
}

.custom-select-wrapper::after {
    content: '';
    position: absolute;
    top:18px;
    right:24px;
    width: 1.4rem;
    height: 0.9rem;
    background: url(../../to-be/images/iga/ico_arrow-select.png) no-repeat center center / 100%;
    top: 50%;
    transform: translateY(-50%);
}

.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
}

button {
    cursor: pointer;
}
.inner_half.inner_half-back {
    width: 30%;
}

.inner_half.inner_half-back + .inner_half {
    width: 70%;
}

.box_inp .lab_chk {
    display: inline-flex;
    align-items: center;
}
.box_inp .lab_chk [class*='ico_check'] {
    float: none;
}
.inp_chk[type="checkbox"] + .lab_chk .ico_check_24x24,
.inp_chk[type="radio"] + .lab_chk .ico_check_24x24 {
    margin-right: 0.6rem;
}
.iga-bg {
    position: fixed;
    width: 100%;
    min-height: 100vh;
    /* background: linear-gradient(to bottom, #fff 0, #ecf0f8 100%); */
    z-index: -1;
    background-color: #e5ebfd;
}
.iga-bg._gray {
    background-color: #f6f6f6;
}

.iga-bg._type02 {
    background-color: #e5ebfd;
}

/*.page-header .close-button.func-prev{
    background: url(../../to-be/images/iga/ico_arrow-prev.png) no-repeat center center / 24px 24px;
}*/

.grp_hello .tit_comm + .sub_comm {
    margin-top: 1.2rem;
}

.grp_hello .tit_comm + .sub_comm._space {
    margin-top: 4rem;
}

.box_inp.all.iga-allcheck {
    position: relative;
    height: 5.6rem;
    padding: 0;
}
.box_inp.all.iga-allcheck .lab_chk {
    display: inline-flex;
    position: absolute;
    inset: 0;
    align-items: center;
    justify-content: center;
}
.inp_chk[type="checkbox"] + .lab_chk .ico_check_24x24 {width: 24px; height:24px; background: url(../../to-be/images/iga/inp_checkbox.png) no-repeat 0 0 / 24px auto;}
.inp_chk[type="checkbox"]:checked + .lab_chk .ico_check_24x24.thin,
.inp_chk[type="checkbox"]:checked + .lab_chk .ico_check_24x24 {background-position: 0 -48px;}
.box_inp input.inp_chk[type="checkbox"], .box_inp input.inp_chk[type="radio"],
.box_inp.thin input.inp_chk[type="checkbox"], .box_inp input.inp_chk[type="radio"] {
    position: absolute;
    width: 0;
    height: 0;
    border: 0;
}

.box_tf .tf_l:read-only {color:#010101; background-color: #eaeaea; }

.page-header.bg {
    background-color: #e5ebfd;
}

.page-header.bg._type02 {
    background-color: #e5ebfd;
}
.grp_gravity.fixed.bg {
    background-color: #e5ebfd;
}
.grp_gravity.fixed.bg._type02 {
    background-color: #e5ebfd;
}
.grp_gravity.fixed.bg._gray {
    background-color: #f6f6f6;
}

.grp_gravity.fixed.bg::before {
    display: none;
}

.header .link_back {
    top: 50%;
    left: 1.28rem;
    transform: translateY(-50%);
    font-size: 1.6rem;
    color: #fff;
    line-height: 1.6rem;
    word-break: keep-all;
    text-align: center;
    left: 1.28rem;
    width: 2.4rem;
    height: 2.4rem;
    text-indent: -999px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    background: url(https://rl9mnsqm6.toastcdn.net/mmc_v2/images/sun_bank/icon_arrow02.svg) no-repeat center center / 24px 24px;
}

.layer_footer .btn_comm.btnPopCancel {

    position: absolute;
    top: 11px;
    width:auto; right: 1.28rem;font-size: 1.4rem;font-weight: 400;line-height: 2rem;letter-spacing: -0.32px;color: #010101;display: flex;padding: 0 1.6rem;justify-content: center;align-items: center;height: 3.4rem;border: 1px solid #ccc;border-radius: 20px; box-sizing: border-box;
    margin: 0;
}

.totSimpleCert {
    margin-top: 0;
}

.inner_picker .box_inp .lab_chk {
    justify-content: center;
}

.inner_picker .outer_scroll {
    padding-right: 1.2rem;
}

.iga-label_wrap {
    display: flex;
    align-items: center;
    justify-content: center;
    justify-content: space-between;
}

/* .box_tf {
    height: 5.6rem;
} */

.box_tf .tf_l {
    height: 100%;
    padding: 0 1.6rem;
    height: 5.2rem;
}

.box_tf.box_tf-inline {
    display: flex;
    gap: 0.8rem;
}

.box_tf.box_tf-email {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.8rem;
}

.box_tf.box_tf-email .tf_l {
    flex-grow: 1;
}

.box_tf.box_tf-email span {
    font-size: 2rem;
    font-weight: 500;
    color: #010101;
}

.btn-search {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0 1.6rem;
    white-space: nowrap;
    background-color: #fff;
    color: #159ede;
    border: 0.1rem solid #159ede;
    border-radius: 0.8rem;
    font-size: 2rem;
    font-weight: 600;
}

.custom_input {
    margin-top: 0.9rem;
}


.area_comm + .area_comm._line {
    margin-top: 2.4rem;
    padding-top: 4.8rem;
    border-top: 0.8rem solid #f5f5f5;
}

.grp_apply._line {
    margin-top: 4rem;
    margin-right: -2rem;
    margin-left: -2rem;
    padding-top: 4.8rem;
    padding-right: 2rem;
    padding-left: 2rem;
    border-top: 0.8rem solid #f5f5f5;
}

.iga_video {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    text-align: center;
    width: 100%;
    height: auto;
    background-color: #e7ebff;
    border-radius: 1.6rem;
    padding: 4rem 2rem;
    margin-bottom: 2rem;
    box-sizing: border-box;
}

.iga_video img {
    width: 13.8rem;
    margin-top: 2.8rem;
}


.innerbox._hatsal {
    text-align: center;
    width: 100%;
    margin-top: 2rem;
    padding: 1.6rem 0;
}
.logo_hat {
    display: inline-flex;
    width: 10.6rem;
    height: 4.6rem;
}


.iga_tabcon {background-color: #f5f5f5; padding: 24px; border-radius: 8px;}
.iga_tabcon ul li {margin-bottom:10px;}
.iga_tabcon span.num {font-weight: 700; font-size: 1.6rem; padding-right:1.2rem;}
.iga_tabcon span {font-size: 1.6rem; letter-spacing:-0.5px; display: table-cell;}


.totIcon32__security {background:url(../../to-be/images/iga/ico_shield.png) no-repeat center / contain;}
.totIcon32__won {background:url(../../to-be/images/iga/ico_won.png) no-repeat center / contain;}
.totIcon32__warning {background:url(../../to-be/images/iga/ico_warning02.png) no-repeat center / contain;}
/* //common */

/* 통합조회_안내화면*/
.iga-intro_header {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.iga-intro_header .iga-intro_title {
    font-size: 2.6rem;
    font-weight: 700;
    letter-spacing: -0.2rem;
}
.iga-intro_header .iga-intro_title span {
    font-weight: 500;
}


.ico_intro-head {
    display: inline-flex;
    width: 15.6rem;
    height: 15.6rem;
}

.igaIcon__intro-head {
    display: inline-flex;
    width: 15.6rem;
    height: 15.6rem;
    /* background-color: red; */
}

.ico_check-head01 {
    width: 12.3rem;
    height: 13.5rem;
}

.igaIcon__intro-arrow {
    display: inline-flex;
    width: 2.4rem;
    height: 2.4rem;
    background: url(../../to-be/images/iga/ico_intro-arrow.png) no-repeat center center / 24px 24px;
    animation: floatY 0.8s ease-in-out infinite alternate;
}

@keyframes floatY{
    from {transform: translateY(-4px)}
    to {transform: translateY(14px)}
}
.ico_intro-list {
    display: inline-flex;
    width: 6.4rem;
    height: 6.4rem;
}

.iga-intro_title {
    padding-top: 1.7rem;
    padding-bottom: 1.6rem;
    text-align: center;
}

.iga-intro_list ul {
    display: flex;
    flex-direction: column;
    width: 100%;
    margin-top: 3.2rem;
    gap: 1.8rem;
}
.iga-intro_list ul li {
    width: 100%;
}
.iga-intro_list-item {
    position: relative;
    display: flex;
    align-items: center;
    gap: 1.2rem;
    width: 100%;
    padding: 1.9rem 1.8rem;
    border-radius: 1.6rem;
    border: 0.1rem solid #fff;
    box-sizing: border-box;
}
.iga-intro_list-item::before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    box-shadow:
            inset 4px 4px 20px rgba(0, 0, 0, 0.03),
            4px 4px 10px rgba(170, 176, 188, 0.12);
    background:
            linear-gradient(170deg, rgba(255, 255, 255, 1) 0%,
            rgba(255, 255, 255, 0) 100%);
    backdrop-filter: blur(8px);
    z-index: -1;
    border-radius: 1.6rem;
}
.iga-intro_list-title {
    font-size: 1.8rem;
    font-weight: 700;
    color: #010101;
}

.iga-intro_list-text p {
    font-size: 1.6rem;
    padding-top: 0.4rem;
}


/* // 통합 안내 화면 */

/* 대출서류 조회 로딩 */
.wrapper #page-content.loading {
    padding: 0;
}
.iga_loading {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 100vw;
    height: 100vh;
    background: linear-gradient(to bottom, #fff 0, #ecf0f8 100%);
}

.iga_loading .loading-dots {
    display: flex;
    justify-content: center;
    gap: 1rem;
}
.iga_loading .loading-dots > div {
    width: 1.2rem;
    height: 1.2rem;
    border-radius: 50%;
    background: #1c61d9;
    opacity: .6;
    animation: blink 1.2s infinite;
}

/* loading animation */
@keyframes blink {
    0%, 80%, 100% {
        opacity: .3;
        transform: translateY(0)
    }
    40% {
        opacity: 1;
        transform: translateY(-8px);
    }
}

.iga_loading .loading-dots div:nth-child(1) {
    animation-delay: 0s
}
.iga_loading .loading-dots div:nth-child(2) {
    animation-delay: .2s
}
.iga_loading .loading-dots div:nth-child(3) {
    animation-delay: .4s
}

.iga_loading p {
    margin-top: 2rem;
    font-size: 2.2rem;
    font-weight: 700;
}

.loading_img {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 16rem;
    height: 16rem;
    margin-bottom: 3.6rem;
    border-radius: 2.4rem;
    /* background-color: #fff; */
    box-shadow: 0px 0px 8px rgba(170, 176, 188, 0.08),
    2px 2px 2px rgba(170, 176, 188, 0.12);
    border: 0.1rem solid #fff;
}
.loading_img._hidden {
    overflow: hidden;
}

.loading_img::before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    box-shadow:
            inset 4px 4px 20px rgba(0, 0, 0, 0.03),
            4px 4px 10px rgba(170, 176, 188, 0.12);
    background:
            linear-gradient(170deg, rgba(255, 255, 255, 1) 0%,
            rgba(255, 255, 255, 0) 100%);
    backdrop-filter: blur(8px);
    border-radius: 1.6rem;
}
.loading_img > div {
    position: absolute;
    z-index: 1;
}

.ico_loading-paper01 {
    top: 50%;
    left: 3.4rem;
    transform: translateY(-50%);
    width: 7rem;
    height: 8.6rem;
}
.ico_loading-paper01 img {
    width: 100%;
}

.ico_loading-search {
    top: 45%;
    right: 0.9rem;
    width: 10rem;
    height: 10rem;
    border-radius: 50%;
    animation: loadingSpin01 2s linear infinite;
}


.ico_loading-search img {
    position: absolute;
    top: 0;
    left: 50%;
    width: 6.3rem;
    height: 6.7rem;
    transform: translateX(-50%) rotate(0deg);
    animation: loadingSpin02 2s linear infinite;
}
@keyframes loadingSpin01 {
    from {transform: rotate(0deg);}
    to   {transform: rotate(360deg);}
}

@keyframes loadingSpin02 {
    from {transform: translateX(-50%) rotate(0deg);}
    to   {transform: translateX(-50%) rotate(-360deg);}
}

.ico_loading-star01 {
    top: 20%;
    right: 3rem;
    width: 2rem;
    height: 2.1rem;
    animation: loadingStar01 2s ease-in-out infinite alternate;
}

.ico_loading-star01 img {
    width: 100%;
}

.ico_loading-star02 {
    top: 35%;
    right: 2rem;
    width: 1.4rem;
    height: 1.5rem;
    animation: loadingStar02 1.5s ease-in-out infinite alternate;
}

.ico_loading-star02 img {
    width: 100%;
}
@keyframes loadingStar01 {
    0% {transform: scale(0.8);}
    50%   {transform: scale(1);}
    100%   {transform: scale(0.6);}
}

@keyframes loadingStar02 {
    0% {transform: scale(0.8);}
    50%   {transform: scale(1);}
    100%   {transform: scale(0.6);}
}

.ico_loading-paper02 {
    position: absolute;
    top: 46%;
    left: 50%;
    transform: translate(-33%, -62%);
    width: 6rem;
    height: 8.4rem;
    animation: paperOpacity 3s ease-in-out infinite
}
.ico_loading-paper03 {
    position: absolute;
    top: 46%;
    left: 50%;
    transform: translate(-50%, -40%);
    width: 6rem;
    height: 8.4rem;
    animation: paperOpacity2 3s ease-in-out infinite;
}
.ico_loading-paper02 img, .ico_loading-paper03 img {
    width: 100%;
}

@keyframes paperOpacity {
    0% {opacity: 0}
    50% {opacity: 1;transform: translate(-33%, -52%);}
    100% {opacity: 0;}
}

@keyframes paperOpacity2 {
    0% {opacity: 0}
    50% {opacity: 1}
    100% {opacity: 0}
}

.ico_loading-paper04 {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 10.4rem;
    height: 7.3rem;
    /* background-color: red; */
}

.ico_loading-scan {
    position: absolute;
    width: 100%;
    height: 2.4rem;
    top: 0;
    background:
            linear-gradient(to bottom, rgba(255, 255, 255, 1) 0%,
            rgba(255, 255, 255, 0) 100%);
    animation: scan 1.5s linear infinite alternate;
}

@keyframes scan {
    0% {
        top: 0;
    }
    100% {
        top: calc(100% - 2.4rem);
    }
}

.ico_loading-paper04 img {
    width: 100%;

}


.igaIcon__loading {
    display: inline-flex;
    width: 7.1rem;
    height: 9.9rem;
    /* background-color: red; */
}
/* //대출서류 조회 로딩 */

/* 조회 결과 */
.ico_result-head {
    width: 15.1rem;
    height: 13rem;
}
.ico_completed-head {
    width: 13.4rem;
    height: 14.2rem;
}
.ico_reservation-head-wrap {
    width: 12.4rem;
    height: 13.1rem;
    perspective: 80rem;
}
.ico_reservation-head-inner {
    width: 100%;
    height: 100%;
    position: relative;
    transform-style: preserve-3d;
    animation: flipY 3s ease-in-out infinite;
}
.ico_reservation-head-front, .ico_reservation-head-back {
    position: absolute;
    width: 100%;
    height: 100%;
    overflow: hidden;
    backface-visibility: hidden;
}
.ico_reservation-head-back {
    transform: rotateY(180deg);
}
.ico_reservation-head {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}
@keyframes flipY {
    0% {transform: rotateY(0deg);}
    50% {transform: rotateY(180deg);}
    100% {transform: rotateY(360deg);}
}


.iga-intro_header .iga-result_title {
    padding-top: 1.7rem;
    padding-bottom: 1.6rem;
    font-size: 2.2rem;
    font-weight: 700;
    letter-spacing: -0.2rem;
    text-align: center;
}


.iga-intro_header .iga-result_title._left {
    font-size: 2.4rem;
    font-weight: 700;
    letter-spacing: -0.2rem;
    text-align: left;
}
.iga-result_list + .text-caution {
    margin-top: 2.4rem;
}
.iga-result_list ul {
    display: flex;
    flex-direction: column;
    gap: 2rem;
    padding-top: 4.4rem;
}
.iga-result_list-item {
    padding: 2.4rem;
    border-radius: 1.6rem;
    border: 0.1rem solid #fff;
    background: rgba(255, 255, 255, 0.6);
    backdrop-filter: blur(0.8rem);
    box-shadow: 0 0 0.8rem rgba(170, 176, 188, 0.12);
}
.iga-result_list-item.false {
    border-color: #dbdfe6;
    background: linear-gradient(180deg, #ecf0f8 0%, rgba(255, 255, 255, 0) 100%);
    box-shadow: 0 0 8px rgba(170, 176, 188, 0.12);
    backdrop-filter: blur(8px);
}
.iga-result_list-item.false .iga-result_list-title a {
    display: none;
}

.iga-result_item {
    padding: 2.4rem;
    border-radius: 1.6rem;
    border: 0.1rem solid #fff;
    background: rgba(255, 255, 255, 0.6);
    backdrop-filter: blur(0.8rem);
    box-shadow: 0 0 0.8rem rgba(170, 176, 188, 0.12);
}

.iga-result._type02 .iga-result_item {
    padding: 2rem 1.6rem 2.4rem;
    border-radius: 0 0 1.6rem 1.6rem;
    border-top: 0.1rem solid #eaeaea;
}

.iga-result_head {
    padding: 2.4rem 1.6rem 1.6rem;
    background-color: #fff;
    border-radius: 1.6rem 1.6rem 0 0;
}


.iga-result_item p {
    text-align: center;
    font-size: 1.8rem;
    font-weight: 500;
    letter-spacing: -0.05rem;
}
.iga-result_item p._sm {
    font-size: 1.6rem;
    font-weight: 500;
}
.iga-result_item p._left {
    text-align: left;
}

.iga-result_item p strong {
    color: #1c61d9;
    font-weight: 700;
}

.iga-result_item dl {
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: 1.6rem;
}

.iga-result_item dl + dl{
    margin-top: 0.8rem;
}

.iga-result_item dt {
    font-size: 1.8rem;
    font-weight: 700;
    color: #010101;
}

.iga-result._type02 .iga-result_item dl {
    flex-direction: column;
    align-items: flex-start;
}

.iga-result._type02 .iga-result_item dl + dl {
    margin-top: 1.6rem;
    padding-top: 1.6rem;
    border-top: 0.1rem dashed #ccc;
}

.iga-result._type02 .iga-result_item dt {
    font-size: 1.6rem;

}

.iga-result_item dd {
    text-align: left;
    font-size: 1.8rem;
    font-weight: 700;
}

.iga-result._type02 .iga-result_item dd {
    margin-top: 1.2rem;
}

.iga-result._type02 .iga-result_item dd p {
    margin-top: 1.6rem;
    font-size: 1.4rem;
    color: #4a4a4a;
    text-align: left;
}

.iga-result._type02 .iga-accordion_item {
    width: 100%;
}

.iga-result._type02 .iga-accordion_head {
    position: relative;
    width: 100%;
}

.iga-result._type02 .iga-result_head {
    width: 100%;
    height: 34px;
    border-radius: 1.6rem;
}

.iga-result._type02 .iga-accordion_btn {
    position: absolute;
    width: 100%;
    height: 100%;
    background: url(../../to-be/images/iga/ico_arrow-accor.png) no-repeat center right 16px / 16px;
}

.iga-result._type02 .iga-accordion_btn[aria-expanded="true"] {
    transform: none;
}

.iga-result._type02 .iga-accordion_body {
    margin-top: -14px;
}



.iga-result_badge {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    height: 3rem;
    padding: 0 2rem;
    background-color: #f5f5f5;
    border-radius: 0.8rem;
    line-height: 1;
}

.iga-result_badge._red {
    background-color: #faeaea;
    color: #db5357;
}

.iga-result_badge._blue {
    background-color: #eff5ff;
    color: #1c61d9;
}
.iga-result_badge {}

.iga-result_item dd strong {
    font-weight: 700;
    color: #0c58ca;
}


.iga-result {
    text-align: center;
    margin-top: 2.6rem;
}

.box_inp .inp_chk {
    opacity: 0;
}
.iga-result_box {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 1.4rem;
    padding: 1.6rem;
    border-radius: 0.8rem;
    background-color: #f5f5f5;
    text-align: center;
    font-size: 1.6rem;
    color: #4a4a4a;
}

.iga-warning_box {
    margin-top: 4rem;
    padding: 1.6rem;
    border-radius: 0.8rem;
    background-color: #f5f5f5;
    font-size: 1.4rem;
    color: #4a4a4a;
}

.iga-warning_box-title {
    position: relative;
    color: #010101;
    padding-left: 2.4rem;
    font-size: 1.6rem;
}

.iga-warning_box-title::before {
    content: "";
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    display: block;
    width: 1.6rem;
    height: 1.6rem;
    background: url(../../to-be/images/iga/ico_warning.png) no-repeat center / 100%;
}
.iga-warning_box-list {
    margin-top: 1.6rem;
    padding-left: 2.4rem;
}
.iga-warning_box-list ul li {
    position: relative;
}
.iga-warning_box-list ul li span {
    color: #db5357;
}
.iga-warning_box-list ul li + li {
    margin-top: 1.6rem;
}
.iga-warning_box-list ul li::before {
    content: "";
    position: absolute;
    top: 0.9rem;
    left: -1rem;
    display: block;
    width: 0.3rem;
    height: 0.3rem;
    background-color: #4a4a4a;
    border-radius: 50%;
}


.iga-guide_box {
    margin-top: 2.4rem;
    padding: 1.6rem;
    border: 0.1rem solid #e4e4e4;
    border-radius: 1.6rem;
    font-size: 1.4rem;
    color: #4a4a4a;
}

.iga-guide_box-title {
    position: relative;
    color: #010101;
    font-size: 1.6rem;
    font-weight: 700;
}

.iga-guide_box-list {
    margin-top: 1.6rem;
    padding-left: 1.2rem;
}
.iga-guide_box-list > ul > li {
    position: relative;
    font-size: 1.6rem;
    color: #2d2d2d;
    font-weight: 500;
}
.iga-guide_box-list ul li span {
    color: #db5357;
}
.iga-guide_box-list ul li + li {
    margin-top: 1.6rem;
}
.iga-guide_box-list > ul > li::before {
    content: "";
    position: absolute;
    top: 1.1rem;
    left: -1rem;
    display: block;
    width: 0.3rem;
    height: 0.3rem;
    background-color: #4a4a4a;
    border-radius: 50%;
}
.iga-guide_box-list ul li > ul li {
    position: relative;
    margin-top: 0.8rem;
    padding-left: 1rem;
    font-size: 1.6rem;
}
.iga-guide_box-list ul li > ul li:before {
    content: "";
    display: block;
    position: absolute;
    top: 1.3rem;
    left: 0;
    width: 0.5rem;
    height: 0.1rem;
    background-color: #4a4a4a;
}
.iga-guide_box-list ul li.color-warning > ul li:before {
    background-color: #db5357;
}


.iga-result_list-title {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 1.4rem;
    line-height: 1;
}

.iga-result_list-item.false .iga-result_list-title {
    color: #63656A;
}

.iga-result_list-title span {
    font-size: 1.8rem;
    font-weight: 700;
}

.iga-result_list-title a {
    background: url(../../to-be/images/iga/ico_arrow-right.png) no-repeat center center / 100%;
    width: 1.6rem;
    height: 1.6rem;
    filter: brightness(0)
}

.iga-result_list-badge {
    display: flex;
    gap: 0.6rem;
    align-items: center;
    justify-content: center;
    height: 4rem;
    margin-bottom: 1.4rem;
    background-color: rgba(26, 172, 102, 0.12);
    border-radius: 0.8rem;
    font-size: 1.4rem;
    font-weight: 700;
    color: #1a9258;
}

.iga-result_list-item.false .iga-result_list-badge {
    background-color: rgba(17, 17, 17, 0.12);
}

.iga-result_list-item.false .iga-result_list-badge {
    color: #8c8c8c;
    font-weight: 500;
}

.iga-result_list-expected {
    display: grid;
    grid-template-columns: 1fr 1fr;
    margin-top: 1.6rem;
}

.iga-result_list-expected dt {
    font-size: 1.3rem;
    color: #63656a;
}
.iga-result_list-expected dd {
    margin-top: 0.2rem;
    font-size: 1.8rem;
    font-weight: 700;
    color: #0c58ca;
}

.ico_result-list {
    width: 2rem;
    height: 2rem;
}


.visit-center {
    margin-top: 2.4rem;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
}



.iga-accordion_list {
    margin-top: 5rem;
}

.iga-accordion_list li + li {
    margin-top: 3.2rem;
}
/* accordion */
.iga-accordion_btn {
    width: 2.4rem;
    height: 2.4rem;
    text-indent: -999rem;
    overflow: hidden;
    border: 0;
    background: url(../../to-be/images/iga/ico_arrow-accor.png) no-repeat center center / 16px;
}
.iga-accordion_btn[aria-expanded="true"] {
    transform: rotate(180deg);
}
.iga-accordion_head {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.iga-accordion_head .box_inp .txt_chk {
    color: #010101;
    font-weight: 500;
}
.iga-accordion_head .box_inp .txt_chk strong {
    font-weight: 600;
}
.iga-accordion_body .box_inp .txt_chk strong {
    font-weight: 600;
}

.iga-accordion_body {
    margin-top: 1.8rem;
}

.iga-accordion_box {
    padding: 1.6rem;
    border-radius: 0.8rem;
    background-color: #f5f5f5;
    font-size: 1.6rem;
    color: #2d2d2d;
    font-weight: 400;
}

.iga-accordion_box .iga-accordion_head {
    font-size: 1.6rem;
}

.iga-accordion_box .iga-accordion_body {
    font-size: 1.6rem;
}
.iga-accordion_box .iga-accordion_body {
    margin-top: 1rem;
}
.iga-accordion_box .iga-accordion_body .txt_chk {
    font-size: 1.4rem;
}

.iga-accordion_box .iga-accordion_body .iga-accordion_list {
    margin-top: 0;
}

.iga-accordion_box .iga-accordion_body .iga-accordion_list li + li {
    margin-top: 1rem;
}

.iga-accordion_box .btn-line {
    line-height: inherit;
}

.totSub__simpleCert .inner_half:first-child._50 {width:50%}
.totSub__simpleCert .inner_half:last-child._50 {width:50%}

/* .calendar-pick{margin:0;}
.calendar-pick .c-head{display: flex;flex-direction: column;flex-wrap: nowrap;gap: 1rem;margin:0;}
.calendar-pick .new_month{display: flex;flex-direction: row;flex-wrap: nowrap;align-items: center;justify-content: center;gap: 2rem;}
.calendar-pick .new_month .cur-month{font-size: 1.75rem;padding: 0;}
.calendar-pick .new_month a{position: unset;margin: 0;width:2rem;height:2rem;background-size:2rem;margin:0 !important;}
.calendar-pick .day-of-week{flex:1;}
.grp_tf .lab_comm, .grp_tf .txt_tf{font-size: 1.6rem;color: #010101;font-weight: 600;}
.ico_close_28x28{background: url(https://rl9mnsqm6.toastcdn.net/mmc_v2/images/sun/index/sun_you/icon_close02.svg) no-repeat center center / 2.4rem 2.4rem !important;} */



.form-item {
    position: relative;
}
.form-item input {width:100%; height:40px; padding:0 10px; font-size:12px; line-height:36px; vertical-align:middle; color:#323232; border:1px solid #d9d9d9; background-color:#fff;}
.form-item input[type="text"].un-use {background-color:#d8d8d8;}
.form-item input[readonly] {color:#808080; background-color:#f7f7f7;}
.form-item input[type="checkbox"] {position:relative; opacity:0; width:17px; height:17px; z-index:2; vertical-align:middle;}
.form-item input[type="checkbox"] + label {position:relative; margin-left:-17px;}
.form-item input[type="checkbox"] + label:before {content:''; display:inline-block; vertical-align:middle; margin-right:3px; width:17px; height:17px; background-color:#d9d9d9;}
.form-item input:checked[type="checkbox"] + label:before {background:#5589c4 url('https://rl9mnsqm6.toastcdn.net/mmc/common/checkbox_checked.png') no-repeat center; background-size:100%;}
.form-item input[type="radio"] {position:absolute; top:-1px; opacity:0; width:0; height:0; z-index:2; vertical-align:middle;}
.form-item input[type="radio"] + label {position:relative;}
.form-item input[type="radio"] + label:before {position:relative; content:''; display:inline-block; top:-1px; vertical-align:middle; margin-right:3px; width:16px; height:16px; background-color:#d9d9d9; border-radius:8px;}
.form-item input:checked[type="radio"] + label:before {background:#5589c4 url('https://rl9mnsqm6.toastcdn.net/mmc/common/checkbox_checked.png') no-repeat center; background-size:100%;}
.form-item select {width:100%; height:40px; padding:0 10px; font-size:12px; color:#323232; background-color:transparent; border:1px solid #d9d9d9; -webkit-appearance:none;}
.form-item div.select-style {width:100%; height:40px; padding:0 10px; line-height:38px; font-size:12px; color:#323232; background-color:transparent; border:1px solid #d9d9d9; -webkit-appearance:none;}
.form-item input[type="date"] {background-color:transparent; -webkit-appearance:none;}
.form-item input[type="date"]::-webkit-inner-spin-button,
.form-item input[type="date"]::-webkit-calendar-picker-indicator {opacity:0;}
.form-item .date-style {position:relative; }
.form-item + .form-item {margin-top:10px;}

.reserv-time-list .form-item._text {
    font-size: 1.4rem;
    color: #333;
    width: 100%;
}

.calendar-pick {margin:5px 0 0;}
.calendar-pick .layer-alert {margin-bottom:5px;}
.layer-youth .calendar-pick .body {padding:25px 14px;}
.calendar-pick {}
.calendar-pick .c-head {position:relative; margin-left:1%;}
.calendar-pick .c-head .cur-month {font-size:15px; color:#323232; display:block; text-align:center; letter-spacing:0;}
.calendar-pick .c-head a {position:absolute; top:4px; left:50%; width:15px; height:15px; font-size:1px; color:transparent; background-repeat:no-repeat; background-position:center; background-size:100%;}
.calendar-pick .c-head .prev {margin-left:-53px; background-image:url('../../to-be/images/iga/icon_arrow02.svg');}
.calendar-pick .c-head .next {margin-left:37px; background-image:url('../../to-be/images/iga/icon_arrow02.svg'); transform: rotate(180deg);}
.calendar-pick .c-head a.disable {opacity:.5; cursor:default;}
.calendar-pick .c-body {font-size:0; margin-left:1%;}
.calendar-pick .day-of-week {font-size:0; height:22px;}
.calendar-pick .day-of-week span {display:inline-block; width:calc(14% - 2px); height:20px; vertical-align:top; margin:0 1px 0; text-align:center; line-height:20px; font-size:11px; color:#fff; background-color:#b8bdcc;}
.calendar-pick .day-of-week span.sat {background-color:#5987d5;}
.calendar-pick .day-of-week span.sun {background-color:#e05741;}
.calendar-pick .c-body a {display:inline-block; width:calc(14% - 2px); height:30px; vertical-align:middle; margin:0 1px 2px; text-align:center; line-height:30px; font-size:13px; color:#333; background-color:#f5f7fc;}
.calendar-pick .c-body a.out-of {color:#ccc;}
.calendar-pick .c-body a.able {background-color:#fffa9f;}
.calendar-pick .c-body a.sat {color:#5987d5;}
.calendar-pick .c-body a.sun {color:#e05741;}
.calendar-pick .c-body a.this {font-weight:bold; color:#e05741; background-color:#fffa9f; border:2px solid #e05741; line-height:26px;}
.able-reserv-index {margin:6px 2% 0; text-align:right; line-height:20px;}
.able-reserv-index span {display:inline-block; text-align:center; padding:0 10px; height:20px; line-height:20px; font-size:10px; color:#333; margin-left:2px;}
.able-reserv-index .able {background-color:#fff991;}
.able-reserv-index .disable {background-color:#f5f7fc;}
.reserv-time-list {margin:10px 2% 0 1%; padding:10px 0; height:100px; overflow-y:auto; font-size:0; background-color:#f5f7fc;}
.reserv-time-list .form-item {display:inline-block; padding:0 20px; width:50%; line-height:1.5em;}
.reserv-time-list .form-item label {display:inline-block; font-size:14px; color:#333;}
.reserv-time-list .form-item label span {font-size:14px;}


.full-popup_wrap {
    display: none;
    position: fixed;
    inset: unset;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #fff;
    z-index: 999;
}
.full-popup_wrap._type02 {
    background-color: #ecf0f8;
}
.full-popup_wrap.active {
    display: block;
}

.full-popup_wrap .close-button.func-prev{
    font-size: 1.6rem;color: #fff;line-height: 1.6rem;word-break: keep-all;text-align: center;left: 1.28rem;width: 2.4rem;height: 2.4rem;text-indent: -999px;position: absolute; top: 1.6rem;
    background: url(https://rl9mnsqm6.toastcdn.net/mmc_v2/images/sun_bank/icon_arrow02.svg) no-repeat center center / 24px 24px;
    z-index: 1;
}

.wrapper #header *{transition: all 250ms ease;}
.full-popup_header{min-height: 56px;height: 56px;position: relative; background: #fff;}
.full-popup_header span {font-size: 1.8rem;color: #010101;line-height: 56px;font-weight:500 !important;padding: 0 2rem;word-spacing: -1.6px;letter-spacing: -0.8px;display: block;text-align: center;}
.full-popup_header .close-button.func-prev{font-size: 1.6rem;color: #fff;line-height: 1.6rem;word-break: keep-all;text-align: center;left: 1.28rem;width: 2.4rem;height: 2.4rem;background: url(https://rl9mnsqm6.toastcdn.net/mmc_v2/images/sun_bank/icon_arrow02.svg) no-repeat center center / 24px 24px;text-indent: -999px;position: absolute;top: 50%;transform: translateY(-50%);}
.full-popup_wrap .close-button.func-cancle{position: absolute; top: 1.1rem; z-index: 1; width:5.7rem; right: 1.28rem;font-size: 1.4rem;font-weight: 400;line-height: 2rem;letter-spacing: -0.32px;color: #010101;display: flex;padding: 0 1.6rem;justify-content: center;align-items: center;height: 3.4rem;border: 1px solid #ccc;border-radius: 20px; box-sizing: border-box; white-space: nowrap;}
.full-popup_wrap .close-button.func-close{border: 0; font-size: 1.6rem;color: #fff;line-height: 1.6rem;word-break: keep-all;text-align: center;right: 1.28rem;width: 2.4rem;height: 2.4rem;background: url(../../to-be/images/iga/icon_close02.svg) no-repeat center / 30px;text-indent: -999px;position: absolute; z-index: 1; top: 1.6rem;}
.full-popup_wrap._type02 .full-popup_header{
    background-color: #ecf0f8;
}

.full-popup_wrap._type02 .full-popup_title {
    padding-top: 1.2rem;
    font-size: 2.8rem;
    font-weight: 800;
}

.full-popup_body {
    padding: 2.4rem 2rem;
    overflow-y: auto;
    height: calc(100% - 20rem);
}
.full-popup_img {
    display: flex;
    align-items: center;
    justify-content: center;
}
.full-popup_img img{
    width: 7rem;
    height: 9rem;
}

.full-popup_title + .full-popup_box {
    margin-top: 1.8rem;
}

.full-popup_box {
    border-radius: 1.6rem;
    background-color: #fff;
}

.full-popup_box + .full-popup_box {
    margin-top: 1.2rem;
}
.full-popup_box-body._col2 {
    position: relative;
    display: flex;
}

.full-popup_box-body._col2::before {
    content: "";
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    display: block;
    width: 0.1rem;
    height: 100%;
    background-color: #eaeaea;
}

.full-popup_box-body._col2 {
    display: grid;
    padding: 0;
    grid-template-columns: 1fr 1fr;
}
.full-popup_box-body._col2 .full-popup_box-body-item {
    padding: 2rem 1.8rem;
}

.full-popup_box-body._col2 .full-popup_box-body-item .list_bullet {
    margin-top: 0.8rem;
}

.full-popup_box-body._col2 .full-popup_box-body-item .list_bullet li {
    padding-left: 1.2rem;
}
.full-popup_box-body._col2 .full-popup_box-body-item .list_bullet li::before {
    width: 0.4rem;
    height: 0.4rem;
    top: 0.9rem;
}

.full-popup_box-title {
    display:  flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    background-color: #1c61d9;
    height: 5.5rem;
    border-radius: 1.6rem 1.6rem 0 0;
    font-size: 2.2rem;
    font-weight: 800;
}

.full-popup_box .text-badge {
    width: 100%;
    display: inline-block;
    box-sizing: border-box;
    height: 4.5rem;
    background-color: #4a4a4a;
    border-radius: 10rem;
    font-size: 1.8rem;
    color: #fff;
    text-align: center;
    line-height: 4.5rem;
    font-weight: 800;
}
.full-popup_box .text-badge strong{
    font-weight: 800;
    color: #ffcf1c;
}

.full-popup_box .text-badge + p {
    margin-top: 1.2rem;
}

.full-popup_box-title-sm {
    font-size: 1.6rem;
    font-weight: 800;
    color: #1c61d9;
}

.full-popup_logo {
    margin-top: 1.8rem;
    text-align: center;
}
.full-popup_logo img {
    width: 11.4rem;
    height: 2.8rem;
}

.full-popup_box-body {
    padding: 1.6rem 2rem;
}

.full-popup_box-body + .full-popup_box-body{
    padding-top: 0;
}

.full-popup_box-body .text-caution._red {
    margin-bottom: 1.8rem;
    padding-bottom: 0.8rem;
    border-bottom: 0.1rem dashed #ccc;
}

.full-popup_box-body .text-caution._red::before {
    width: 2rem;
    height: 2rem;
    background: url(../../to-be/images/iga/ico_warning_red.png) no-repeat center / 20px;
}

.full-popup_box-body .text-caution._red {

}

.full-popup_box-body ul li {
    font-size: 1.4rem;
    font-weight: 500;
}

.full-popup_box-body ul li + li {
    margin-top: 0.6rem;
}

.full-popup_box-body p {
    margin-top: 1rem;
    color: #db5357;
    font-weight: 800;
    font-size: 1.6rem;
}

.full-popup_title {
    padding-top: 0.8rem;
    font-size: 2.0rem;
    font-weight: 700;
    line-height: 1.5;
}

.full-popup_wrap .btn_comm {
    position: fixed;
    bottom: 4rem;
    left: 2rem;
    width: calc(100% - 4rem);
    overflow: visible;
}

.full-popup_wrap .btn_comm::before {content:'';display:block;position:absolute;top:-1.4rem;left:-2rem;width:calc(100% + 4rem);height:1.4rem;background:#fff;background:linear-gradient(180deg,rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%);z-index: 10;}

.full-popup_wrap._type02 .btn_comm::before {
    display: none;
}

.iga_comm2 h4, .iga_comm3 h4 {
    font-weight: 700;
    font-size: 2.2rem;
    margin-bottom: 2rem;
}
.product-info_wrap {
    margin-top: 2rem;
}

.product-info_item {
    display: flex;
    gap: 1.6rem;
}
.product-info_item + .product-info_item {
    margin-top: 3.2rem;
}
.ico_product {
    margin-top: -0.2rem;
    width: 4.4rem;
    height: 4.4rem;
    /* background-color: red; */
}
.ico_product img {
    width: 100%;
}

.product-info_text {
    font-size: 2rem;
}

.product-info_text p {
    font-size: 1.8rem;
}

.product-info_text .text-definition {
    margin-top: 1.6rem;
}
.product-info_title {
    font-size: 1.8rem;
    font-weight: 700;
    line-height: 1;
    margin-bottom: 1rem;
}
.product-info_text strong{
    color: #0c58ca;
    font-size: 1.8rem;
    font-weight: 700;
}
.product-info_text strong + p {
    margin-top: 0.2rem;
}
.product-info_text p + p {
    margin-top: 0.2rem;
}

.grp_gravity .grp_half {
    margin: 0;
}

.inner_half_line {
    width: 100%;
}
.grp_gravity .inner_half {
    padding-left: 0;
}

.inner_half {
    width: 100%;
}

.grp_half {
    display: flex;
    gap: 1rem;
    width: 100%;
    align-items: center;
    justify-content: center;
}


.grp_tf .grp_half {
    margin-left: 0;
}

.grp_tf .inner_half {
    padding-left: 0;
}

.grp_half .txt_hyphen {
    position: static;
    background: none;
    font-size: 2rem;
    width: auto;
    height: auto;
    font-weight: 600;
}

.available-company_item + .available-company_item {
    margin-top: 3.2rem;
}

.available-company_title {
    margin-bottom: 1.2rem;
    font-size: 1.6rem;
    font-weight: 700;
    color: #1c61d9;
}

.available-company_list {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 1.6rem 0;
}

.available-company_list li span{
    font-size: 1.8rem;
}

.available-company_list li {
    display: flex;
    align-items: center;
    gap: 0.8rem;
    font-size: 2rem;
    color: #2d2d2d;
}

.available-company_list li img {
    width: 2.4rem;
    height: 2.4rem;
    /* background-color: red; */
}

.iga_info {
    padding: 0 2rem;
}


.iga_info .textBox_info .tit {
    font-size: 1.6rem;
    font-weight: 700;
}

.iga_info .list_bullet {
    margin-top: 1.6rem;
}
.iga_info .list_bullet li {
    font-size: 1.4rem;
    padding-left: 1.2rem;
}
.iga_info .list_bullet li + li {
    margin-top: 1.6rem;
    padding-top: 1.6rem;
    border-top: 1px solid #eaeaea;
}

.iga_info .list_bullet li strong {
    display: block;
    margin-bottom: 0.8rem;
    font-weight: 500;
    font-size: 1.6rem;
}

.iga_tip {
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    padding: 0;
    height: 3.8rem;
    min-width: 13.3rem;
    left: 50%;
    gap: 0.3rem;
}

.iga_info .list_bullet li::before {
    width: 0.4rem;
    height: 0.4rem;
}

.iga_info .list_bullet li::before {
    top: 1rem;
}

.iga_info .list_bullet li + li::before {
    top: 2.6rem;
}

.iga_tip .ico_face {
    width: 2.4rem;
    height: 2.4rem;
    /* background-color: red; */
}

.iga_tip .logo_itda {
    width: 6.3rem;
    height: 1.8rem;
    /* background-color: red; */
}


.iga_comm .iga_topbox {
    background-color: #fff;
    padding-top: 0;
}

.iga_comm .iga_topbox._intro {
    background-color: #fff;
    padding-top: 4rem;
    padding-bottom: 4rem;
}

.iga_comm3._intro {
    background-color: #f2f7ff;
    padding-bottom: 4.8rem;
}

.hatsal_intro {
    position: relative;
    margin: 2.4rem auto 0;
    text-align: center;
}



.hatsal_intro + .text-caution {
    margin-top: 1.6rem;
}

/* 햇살론 특례 */
.hatsal_intro._01 {
    width: 24.3rem;
    height: 24.3rem;
}

.hatsal_intro._01 .ico_hatsal-intro01 {
    position: absolute;
    top: -1rem;
    left: 0;
    transform: translateY(10px);
    width: 24.3rem;
    height: 24.3rem;
    animation: hatsalIntro01 0.8s ease-in-out;
}

.hatsal_intro._01 .ico_hatsal-intro02 {
    position: absolute;
    transform: translateY(-10px);
    top: 1rem;
    left: 0;
    width: 24.3rem;
    height: 24.3rem;
    animation: hatsalIntro02 0.8s ease-in-out;
}

@keyframes hatsalIntro01 {
    from {
        transform: translateY(0);
        opacity: 0;
    }
    to {
        transform: translateY(10px);
        opacity: 1;
    }
}

@keyframes hatsalIntro02 {
    from {
        transform: translateY(0);
        opacity: 0;
    }
    to {
        transform: translateY(-10px);
        opacity: 1;
    }
}

/* 햇살론 카드 */
.hatsal_intro._03 {
    position: relative;
    margin: 2.4rem auto;
    width: 22.1rem;
    height: 22.1rem;
    text-align: center;
}

.hatsal_intro._03 .ico_hatsal-intro01 {
    position: absolute;
    top: -1rem;
    left: 0;
    transform: translateY(10px);
    width: 22.1rem;
    height: 22.1rem;
    animation: hatsalIntro01 0.8s ease-in-out;
}

.hatsal_intro._03 .ico_hatsal-intro02 {
    position: absolute;
    transform: translateY(-10px);
    top: 5.8rem;
    left: 3.3rem;
    width: 14.5rem;
    height: 20.5rem;
    animation: hatsalIntro02 0.8s ease-in-out;
}

/* 햇살론유스 */
.hatsal_intro._02 {
    position: relative;
    margin: 2.4rem auto;
    width: 21.7rem;
    height: 18.6rem;
    text-align: center;
}

.hatsal_intro._02 .ico_hatsal-intro01 {
    position: absolute;
    top: 0.5rem;
    left: 1.8rem;
    transform: translateY(10px);
    width: 18.7rem;
    height: 16.9rem;
    animation: hatsalIntro01 0.8s ease-in-out;
}

.hatsal_intro._02 .ico_hatsal-intro02 {
    position: absolute;
    transform: translateY(-10px);
    top: 1rem;
    left: 0;
    width: 21.7rem;
    height: 18.6rem;
    animation: hatsalIntro02 0.8s ease-in-out;
}


/* 햇살론 일반 */
.hatsal_intro._04 {
    position: relative;
    margin: 2.4rem auto;
    width: 21.7rem;
    height: 18.6rem;
    text-align: center;
}

.hatsal_intro._04 .ico_hatsal-intro01 {
    position: absolute;
    top: -1rem;
    left: 0;
    transform: translateY(10px);
    width: 21.7rem;
    height: 18.6rem;
    animation: hatsalIntro01 0.8s ease-in-out;
}

.hatsal_intro._04 .ico_hatsal-intro02 {
    position: absolute;
    transform: translateY(-10px);
    top: 3rem;
    left: 0rem;
    width: 18.9rem;
    height: 12.4rem;
    animation: hatsalIntro02 0.8s ease-in-out;
}


@keyframes hatsalIntro01 {
    from {
        transform: translateY(0);
        opacity: 0;
    }
    to {
        transform: translateY(10px);
        opacity: 1;
    }
}

@keyframes hatsalIntro02 {
    from {
        transform: translateY(0);
        opacity: 0;
    }
    to {
        transform: translateY(-10px);
        opacity: 1;
    }
}


.iga_loan_num ul li {
    margin-bottom: 0;
}

.iga_loan_num ul li + li {
    margin-top: 1.6rem;
}


.iga_loan_num {
    padding-bottom: 2.4rem;
}

.btn_comm span {
    white-space: nowrap;
}


.box_tf .tf_l._width {
    min-width: 14rem;
}

.area_comm._agree  {
    padding-top: 4rem;
}

.a-visit-center {
    border: 1px solid black;
    border-radius: 10px;
    width: 150px;
    color: #fff;
    background: black;
    height: auto;
    padding: 5px;
}

.box_inp.totThick .req {
    color: #010101;
}



.layer-youth {position:fixed; top:0; left:0 ; right:0; bottom:0; z-index:999; box-sizing: border-box;}
.layer-youth .modal {content:''; position:absolute; top:0; left:0; right:0; bottom:0; background-color:#000; opacity:.5;}
.layer-youth .layer-box {position:absolute; top:50%; transform:translateY(-50%); background-color:#fff; padding: 0 17px}
.layer-youth .layer-box .btn-close {position:absolute;top:2px;right:2px;width:35px;height:35px;background:url('../img/btn-modal-close-black.png')no-repeat center;background-size:33px 33px;}
.layer-youth .layer-box .btn-close a {display:block;z-index:3;}
.layer-youth .layer-box .btn-close a span.txt-intent {text-indent:-9999;overflow:hidden;font-size:0;line-height:0;}
.layer-youth .body {padding:25px 25px; color:#323232;}
.layer-youth .body p {margin:0;}
.layer-youth .body .need-recall {border:1px solid #d9d9d9;}
.layer-youth .body .need-recall .item {min-height:20px; padding:10px 50px 10px 20px; line-height:20px;}
.layer-youth .body .need-recall .item + .item {border-top:1px solid #f2f2f2;}
.layer-youth .body .need-recall strong {font-size:13px; font-weight:bold;}
.layer-youth .body .need-recall .recall-depart {position:absolute; right:18px; top:50%; margin-top:-12px;}
.layer-youth .recall-depart {display:inline-block; vertical-align:middle; text-align:center; color:transparent; width:24px; height:24px; font-size:1px; overflow:hidden;  background:url('../img/recall_depart.png') no-repeat 0 0; background-size:100%;}
.layer-youth .layer-alert {text-align:center; margin:0 0 26px;}
.layer-youth .layer-alert .ic {display:block; margin:0 auto 10px; vertical-align:middle; background-position:center; background-size:100%; background-repeat:no-repeat;}
.layer-youth .layer-alert .i-fail {width:23px; height:31px; background-image:url('../img/alr_fail.png');}
.layer-youth .layer-alert .i-calen {width:24px; height:30px; background-image:url('../img/alr_calen.png');}
.layer-youth .layer-alert .tit-le {font-weight:bold; font-size:17px;}
.layer-youth .layer-alert .desc {font-size:12px; line-height:1.75em;}
.layer-youth .fixed-on-btn {display:none;}

#cameraInfoPopup .layer-box .body>div{display: flex;gap: 1.25rem;flex-direction: row;align-items: center;justify-content: flex-start;padding: 1.16rem 1.5rem;border-radius: 1rem;box-shadow: 0 0 24px 0 rgba(0,0,0,0.08);}
#cameraInfoPopup .layer-box .body>div + div{margin-top:0.5rem}



.layer-youth .layer-box {
    padding: 2.5rem 1.5rem;
    border-radius: 1.5rem 1.5rem 0 0;
    top: auto;
    bottom: 0;
    left: 0;
    width: 100%;
    transform: translateY(0%);
    box-sizing: border-box
}

.layer-youth .body {
    padding: 0;
    color: #010101;
}

.layer-youth .body .layer-alert {
    margin: 0 0 3rem;
    text-align: left;
    word-break: keep-all;
}

.layer-youth .body .layer-alert .tit-le {
    display: block;
    padding-bottom: 1.5rem;
    font-weight: bold;
}

.layer-youth .body .layer-alert .sub_tit {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-wrap: wrap;
    flex-direction: row;
}

.layer-youth .body .layer-alert .sub_tit span {
    font-size: 0.875rem;
    font-weight: 500;
    line-height: 1.37rem;
}

.layer-youth .body .layer-alert .sub_tit img {
    margin: 0 1.5vw;
    width: 6.2vw;
}

.layer-youth .body .layer-alert .desc {
    font-size: 0.875rem;
    line-height: 1.25rem;
}

.layer-youth .body .layer-alert .desc span {
    display: inline;
    color: #010101;
    word-break: keep-all;
}

.layer-youth .body .layer-alert .check {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    margin-top: 1.5rem;
    line-height: 1;
}

.layer-youth .layer-alert .con_ul.box {
    margin-top: 1.5rem !important;
}

.layer-youth .layer-alert .con_ul.box li {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-direction: row;
    border-radius: 1rem;
    box-shadow: 0 0 24px 0 rgba(0, 0, 0, 0.08);
}

.layer-youth .layer-alert .con_ul.box li span {
    position: relative;
}

.layer-youth .layer-alert .con_ul.box li img {}

.layer-youth .body .hd_box {
    margin: 0;
}


.hd_box dl * {
    font-size: 0.875rem;
}

.layer-youth .body .hd_box .tit {
    padding-bottom: 0.38rem;
    font-weight: 600;
}

.layer-youth .body .hd_box .tit+dd {
    padding-bottom: 0.62rem;
    color: #010101;
}

.layer-youth .layer-box {
    padding-top: 3.2rem;
    padding-bottom: 9.2rem;
}

.layer-youth .layer-box .tit-le {
    font-size: 1.8rem;
    font-weight: 700;
    padding-bottom: 0.4rem;
}

.layer-youth .layer-box .fs_1.txt_l {
    font-size: 1.6rem;
    font-weight: 500;
}



.text-center {
    text-align: center;
}


.text-caution + .iga_box {
    margin-top: 2rem;
}
.iga_box {
    border: 0.1rem solid #ccc;
    padding: 2rem 1.6rem;
    border-radius: 1.6rem;
}

.iga_box-title {
    margin-bottom: 1.2rem;
    padding-bottom: 1.2rem;
    border-bottom: 0.1rem dotted #ccc;
    text-align: center;
    font-size: 1.8rem;
    font-weight: 600;
    color: #1c61d9;

}


.iga_box-title._type02 {
    padding-bottom: 0;
    margin-bottom: 0;
    border: 0;
}
.iga_box p {
    font-size: 1.4rem;
    color: #4a4a4a;
}

.iga_box + h4 {
    margin-top: 4rem;
}

.totAgreeAccoWrap .ico_kinfa {
    background-image: url(../../to-be/images/iga/ico_kinfa.png);
}

.mw24 {
    min-width: 2.4rem;
}

.calendar-pick .c-body a.target-date {font-weight:bold; color:#e05741; background-color:#fffa9f; border:2px solid #e05741; line-height:26px;}