@import url(tot_loan.css); /* 대출조회 광고 배너 */

body {color:#010101}

/* @media only screen and (min-width: 360px) and (max-width: 390px) {
    html,
    body {
        font-size: 14px;
    }

    .head_gallery .end_date {
        display: block;
    }
} */


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

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

.totIcon__service01 {display: inline-block; width:80px; height:48px; vertical-align: middle; background:url(../../images/tot/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(../../images/tot/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(../../images/tot/icon_svc06.png) no-repeat center / 100% auto}
.totIcon__service07 {display: inline-block; width:47px; height:47px; vertical-align: middle; background:url(../../images/tot/icon_svc07.png) no-repeat center / contain}

[class^="totIcon72__"] {display: inline-block; width:72px; height:64px; vertical-align: middle;}
.totIcon72__service01 {background:url(../../images/tot/icon72_svc01.png) no-repeat center / 100% auto;}
.totIcon72__service02 {background:url(../../images/tot/icon72_svc02.png) no-repeat center / 100% auto;}
.totIcon72__service03 {background:url(../../images/tot/icon72_svc03.png) no-repeat center / 100% auto;}
.totIcon72__service04 {background:url(../../images/tot/icon72_svc04.png) no-repeat center / 100% auto;}
.totIcon72__service05 {background:url(../../images/tot/icon72_svc05.png) no-repeat center / 100% auto;}
.totIcon72__service06 {background:url(../../images/tot/icon72_svc06.png) no-repeat center / 100% auto;}
.totIcon72__service07 {background:url(../../images/tot/icon72_svc07.png) no-repeat center / 100% auto;}
.totIcon72__service08 {background:url(../../images/tot/icon72_svc08-1.png) no-repeat center / 100% auto;}
.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(../../images/tot/icon_lon01.png) no-repeat center / contain;}
.totIcon24__lon02 {background:url(../../images/tot/icon_lon02.png) no-repeat center / contain;}
.totIcon24__lon03 {background:url(../../images/tot/icon_lon03.png) no-repeat center / contain;}
.totIcon24__lon04 {background:url(../../images/tot/icon_lon06.png) no-repeat center / contain;}
.totIcon24__lon05 {background:url(../../images/tot/icon_lon04.png) no-repeat center / contain;}
.totIcon24__lon06 {background:url(../../images/tot/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(../../images/tot/icon40_svc01.png) no-repeat center / 40px 40px;}
.totIcon__circle02 {background: #fff url(../../images/tot/icon40_svc02.png) no-repeat center / 40px 40px;}
.totIcon__circle03 {background: #fff url(../../images/tot/icon40_svc03.png) no-repeat center / 40px 40px;}
.totIcon__circle04 {background: #fff url(../../images/tot/icon40_svc04.png) no-repeat center / 40px 40px;}
.totIcon__circle05 {background: #fff url(../../images/tot/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(../../images/tot/04.svg) no-repeat center / 52px 52px;}
.totIcon52__circle02 {background: #eaf0f7 url(../../images/tot/06.svg) no-repeat center / 52px 52px;}


@media screen and (min-width: 992px){
    .ico_close_28x28 {width:32px; height:32px;}
}

/* layout ===== */
.wrapper {overflow: unset;}
#shortcutBar {overflow:hidden} /* [totW] 가로스크롤 생겨서 추가 */
.grp_hello .totName {color:#0076c9}
.box_gray.box_guide {background: linear-gradient(0deg, rgba(255,255,255,1) 0%, rgba(250,250,250,1) 100%)}
.box_gray .tit_gray {color:#010101; font-size:1.2rem;}
.txt_caution {font-size:1rem;}
hr.thick {height:10px; background-color: #EDF2F6;}

.grp_hello .tit_comm2 {font-size:1.4rem; font-weight: 500;}

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

.grp_apply {margin-top:40px;}
.grp_apply:first-of-type {margin-top:0;}

/* .list_agree li {padding:8px 0;} */

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

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

.box_gray .list_bullet li {color:#666; font-size:14px;}
.list_bullet.regular li:before {top:9px; left:5px; width:3px; height:3px; background-color: #666;}

/* pc */
@media screen and (min-width: 992px){
    .totWebContentsBox .area_comm {padding:60px 40px;}
    .totWebContentsBox {overflow:hidden; width:100%; max-width: 1100px; margin:60px auto; border:1px solid #d8dfe6; border-radius: 24px; box-sizing: content-box; box-shadow:0 0 20px 0 rgba(0,0,0,0.06)}

    .totWebContentsBox .box_gray:not(.round) {margin:0 40px 40px; padding:40px 24px; border-radius: 12px;}

    .totWebContentsBox .grp_hello .tit_comm {font-size:30px; line-height: 42px; text-align: center; letter-spacing: -.9px;}
    .totWebContentsBox .grp_hello .tit_comm + .txt_comm {text-align: center;}

    .box_gray.box_guide {background: #f8f8f8;}
    .box_gray .tit_gray {font-size:18px;}
    .list_bullet.regular li:before {top:10px;}
}

/* modile */
@media screen and (max-width: 991px){
    .totProdRecom,
    .totProdRecomBefore {max-width: 100%;}
    .totWebContents .container {padding:0; margin:0 auto;}
    .totWebContents .area_comm {padding:40px 20px;}

    .totWebContentsBox .box_gray {padding:40px 20px;}
}


/* popup ======= */
.layer_wrapper .layer_area {display: none; /* box-shadow: none; */}
.layer_wrapper .layer_area.active {display: block; position: fixed;}

.layer_area .grp_tf .list_agree .inner_half {padding-left: 1.2rem;}
.layer_area .grp_tf .list_agree .grp_half {margin-left: -1.2rem;}

.layer_area.active .toast_header {margin-bottom: 24px; padding-bottom: 16px; border-bottom: 1px solid #d8dfe6;}
.layer_area.active .layer_header .tit_comm {display: block; text-align: center; font-weight: 500; font-size:1.5rem; line-height: 1.4;}
.layer_area.active .layer_header .img_gradient_1x20 {display: none;}

/* .layer_area .area_comm {padding:0 20px;} */

/* alert */
.layer_area.alert .layer_header {display: none;}
.layer_area.alert .inner_area {padding: 0;}
.box_alert .emph_alert {font-size: 1.2rem;}

/* toast */
.toast_container .outer_scroll::-webkit-scrollbar {
    width: 0.8rem;
    height: 0.8rem;
}

.toast_container .outer_scroll::-webkit-scrollbar-thumb {
    border-radius: 0.4rem;
    background-color: #e5e5e9;
}

.toast_container .outer_scroll::-webkit-scrollbar-track {
    background-color: #fff;
}

.layer_loading.totLoading.active {z-index:17000;}



/* pc */
@media screen and (min-width: 992px){
    /* .layer_area .inner_area,
    .layer_area.toast .inner_area {border-radius: 36px;} */
    /* full pop */
    .layer_container {overflow-y: auto;}
    .layer_area.active {overflow: hidden; right:auto; bottom:auto; width:720px; height:auto; border-radius: 16px;}
    .layer_area:not(.alert) .inner_area {padding:64px 0 0;}
    .layer_area:not(.alert) .inner_area {padding:64px 0 0;}
    .layer_area .area_comm {padding:40px;}
    .layer_container {height:auto; max-height: calc(100vh - 210px); margin-top:0; padding-bottom:124px;}
    .layer_area.active:not(.alert) .layer_header {height:64px; line-height: 1; border-bottom: 1px solid #d8dfe6;}
    .layer_area.active:not(.alert) .layer_header .tit_comm {line-height: 64px; font-weight: 500; font-size:20px;}

    .layer_area.active .grp_hello .tit_comm {text-align: center; font-size:24px;}
    .layer_area.active .grp_hello .tit_comm br {display: none;}

    .layer_area.active .layer_footer {position: absolute; top: 16px; right: 40px; z-index: 20;}
    .layer_area.active .layer_footer [class*='btn_'] {margin:0;}

    .layer_container .grp_gravity.fixed {position: absolute; right: 40px; bottom: 0; left: 40px; z-index: 15; height: auto !important; padding:0 0 60px; background-color: #fff;}
    /* .layer_container .grp_gravity.fixed::before {content: ""; position: absolute; top:0; right:40px; bottom:0; left:40px; display: block; background-color: #fff;} */


    /* toast */
    .layer_area.toast.active {height: auto; width:720px;}
    .layer_area.toast.active .inner_area {padding:64px 0 0;}
    .toast_container {overflow-y:hidden; height:auto; margin-top:0; padding:0 0 60px;}
    .layer_area.active .toast_header {position: absolute; top:0; left:0; right:0; height:64px; line-height: 1; margin-bottom:0;}
    .layer_area.active .toast_header .emph_toast {display: block; text-align: center; line-height:64px;}
    .layer_area.active .toast_header .txt_toast {display: none;}
    .layer_area.active .toast_container .outer_scroll {overflow-y:auto; max-height:calc(100vh - 370px); margin-top:0;}
    .layer_area.active .toast_container .inner_scroll {padding:40px 40px;}
    .layer_area.active .toast_container .grp_gravity {margin-top:0; padding:0 40px;}

    .toast_footer {top:22px; right:40px}

    .layer_area.alert.active {width:auto;}

    .toast_container > .grp_apply {padding:40px;}

    /* arert */
    .layer_area.alert .area_comm {padding:40px;}

}

/* moblie */
@media screen and (max-width: 991px) {
    .layer_area.toast.active {left:0; right:0; bottom:0;}
    .layer_wrapper .layer_area.active .inner_area {overflow-y: auto;}
    .layer_wrapper .layer_area.toast.active .inner_area {height:auto;}
    .layer_container {padding-top:56px;}
    .layer_area.active .layer_header {
        height:56px;
        line-height: 56px;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .layer_container .area_comm {padding:24px 20px}

    /* toast */
    .toast_container {padding-left:0; padding-top:0;}
    .toast_container .outer_scroll {overflow-y:auto; max-height:50vh;}
    .layer_area.toast .inner_area {padding:24px 20px 20px}

    .toast_footer {top:27px;}

    /* alert */
    .layer_area.alert .inner_area {width:90vw}
}

/* bootstrap modal (app 다운) */
.modal-backdrop.fade {opacity: 0.5;}
.fade:not(.show).totModalAppDown {opacity: 1;}
.totModalAppDown.modal:before {display: none;}
.totModalAppDown .modal-dialog-centered {left:50%; width:472px; margin-left:-236px;}
.totModalAppDown .modal-content{ border: 1px #eee solid; box-shadow: 0 0 20px rgba(0,0,0,0.05); box-sizing: border-box; border-radius: 16px;}
.totModalAppDown .modal-content .modal-header{position: relative; padding: 20px 30px ;border-bottom: 1px solid #d8dfe6; height: 60px; background-color: #fff; border-radius: 16px 16px 0 0;}
.totModalAppDown .modal-content .modal-header .modal-title {float: left; font-weight: 400; font-size: 20px; line-height: 1; color: #101010;}
.totModalAppDown .popup_grp_qr .emph_qr {margin-bottom:10px; font-size:24px; font-weight: 700;}
.totModalAppDown .popup_grp_qr .btn_comm {width: 100%; margin-top:32px;}
.totModalAppDown .popup_grp_qr .btn_comm span {font-size: 24px;}
.totModalAppDown .popup_grp_qr img {margin:0 auto;}
.totModalAppDown .totQr__text {font-size:18px; color:#333;}
.totModalAppDown .modal-content .modal-header .close {display: block; position: absolute; top: 20px; right: 20px; color: #fff; opacity: 1;text-shadow: none; margin:-20px;}
.totModalAppDown .modal-content .modal-header .close:focus {outline: solid black;}
.totModalAppDown .modal-content .modal-header .close img {display: block;width:28px;content: url(../../images/tot/icon_x.png);}

/* 지점선택 ===== */
.totBranchSelect .lab_chk .txt_chk > span {color:#010101; font-weight: 700; line-height: 1.5;}
.totBranchSelect .list_l > li {color:#666; font-size:1rem; line-height: 1.5;}
.layer_area.active .grp_gravity.caution .txt_caution {color:#010101;}


/* pc */
@media screen and (min-width: 992px){
    .totBranchSelect .lab_chk .txt_chk > span {font-size:20px;}
    .totBranchSelect .box_inp .lab_chk .ico_check_24x24.space {margin-top:5px;}

    .layer_area.active .toast_container.totBranchSelect .outer_scroll {max-height: calc(100vh - 450px);}

    .layer_area.active .grp_gravity.caution {margin:0; background-color: #fff;}
    .layer_area.active .grp_gravity.caution .totCautionBox {padding:24px; border-radius: 16px; background-color: #f5f9fd;}
    .layer_area.active .grp_gravity.caution .grp_gravity {margin:0; padding:0 40px;}
    .layer_area.active .grp_gravity.caution .inner_gravity {margin-top:40px;}

}


/* 정보확인 ===== */
.totSmallTit {margin-bottom:1rem; font-size:1.2rem; font-weight: 500;}

.list_detail.totConfirm {padding:2rem; border:1px solid #eaf0f7; 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; color:#010101; font-size:1.2rem; line-height: 2rem; white-space: nowrap;}
.list_detail.totConfirm .emph_comm {color:#010101; line-height: 2rem; font-size:1.2rem;}
.list_detail.totConfirm .emph_comm.medium {font-size:1.2rem;}
.list_detail.totConfirm > li ~ li {margin-top:.8rem}

/* pc */
@media screen and (min-width: 992px){
    .list_detail.totConfirm .txt_comm,
    .list_detail.totConfirm .emph_comm {font-size:18px;}
}

/* 직장명 검색 ===== */
.totSearch__workplace .area_comm {padding-bottom:14px;}
.totSearch__workplace .grp_result {overflow-y: hidden;}
.totSearch__workplace .grp_result .grp_tf.search {margin:0 20px;}
.totSearch__workplace .grp_result .grp_tf.search ~ .outer_scroll {position: static; max-height: fit-content; margin-top:0;}
.totSearch__workplace .grp_result .inner_scroll {height: auto; padding-bottom:124px; margin:0;}
.totSearch__workplace .list_postal {padding:12px 20px 20px;}
.totSearch__workplace .list_postal > li {border-bottom:1px solid #eee;}
.totSearch__workplace .list_postal .link_comm {padding:24px 0;}
.totSearch__workplace .list_postal .emph_comm {font-size:1.2rem; font-weight: 700; color:#010101;}

.totSearch__workplace .grp_tf.search .tf_l {padding-left:0; border:0; border-bottom:2px solid #159ede; border-radius: 0;}
.totSearch__workplace .grp_tf.search .ico_kinfa.ico_search_24x24 {position: static;}
.totSearch__workplace .grp_tf.search .totBtn__search {position: absolute; right:0; top:50%; transform: translateY(-50%);}

.totSearch__workplace .totSearch__count {margin-top:16px}
.totSearch__workplace .totSearch__count .t__count {font-size:1.2rem;}
.totSearch__workplace .totSearch__count .t__txt {color:#666;}

.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:10px; color:#666; white-space: nowrap;}
.totSearch__workplace .list_postal .link_comm .txt_comm > b {color:#010101; font-weight: normal; text-align: right;}

/* .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 {border:0; background-color: transparent;}
.totSearch__workplace .grp_guide .btn_comm.active.small:focus {border:0;}
.totSearch__workplace .grp_guide .btn_comm.active.small > span {border-bottom:1px solid #0c58ca; line-height:1.3; color:#0c58ca; font-size:1.2rem; font-weight: 700;}
.grp_guide .emph_guide {color: #010101; font-size: 1.3rem; font-weight: 600; line-height: 1.5rem;}


/* pc */
@media screen and (min-width: 992px){
    .totSearch__workplace {padding-bottom:0;}
    .totSearch__workplace .totSearch__count + .totSearch__count {margin-top:40px;}
    .totSearch__workplace .grp_result .inner_scroll {height: auto; padding-bottom: 124px;}
    .totSearch__workplace .grp_result .grp_tf.search {margin:0 40px}
    .totSearch__workplace .list_postal {padding:12px 40px 40px;}
    .totSearch__workplace .list_postal .link_comm {padding:20px 0;}
    .totSearch__workplace .grp_guide.center,
    .totSearch__workplace .grp_apply {padding-bottom:134px;}
    .totSearch__workplace .totSearch__count .t__count {font-size:20px;}
    .totSearch__workplace .list_postal .emph_comm {font-size:18px;}
    .totSearch__workplace .list_postal .link_comm .txt_comm > em {font-size:16px;}
    .totSearch__workplace .list_postal .link_comm .txt_comm > b {font-size:16px;}

    .totSearch__workplace .grp_tf.search .tf_l {font-size:22px;}

    .grp_guide .emph_guide {font-size:20px}
}

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

/* pc */
@media screen and (min-width: 992px){
    .totProd {padding-bottom:124px !important;}
    .totProd__head .grp_product {padding:24px;}
    .totProd__head .info_product .tit_comm {font-size:20px;}
    .totProd__head .list_detail .emph_comm {font-size:18px;}
    .totProd__head .list_detail .emph_comm.normal {font-size:18px;}
    .totProd__head .btn_comm.active.small {height:34px;}
    .totProd__head .btn_comm.small span {font-size:16px;}
    .totProd__foot {margin:40px; padding:24px 24px !important; border-radius: 12px;}
}

/* mobile */
@media screen and (max-width: 991px){
    .totProd__foot {padding:24px 20px}
}

.totProd__check {padding:40px 20px}
.totProd__check .grp_receive {margin:0 0 40px;}
.totProd__check .grp_receive .tit_receive {font-weight: 600; font-size:1.4rem}
.totProd__check .grp_receive .txt_receive {margin-top:12px; color:#010101; font-size:1.2rem;}
.totProd__check .grp_receive .box_inp .txt_chk {padding-right:0; font-size:1rem; color:#666; line-height: 20px;}
.totProd__check .list_service .link_comm {padding:13px 20px 12px; border-color:#eaf0f7; border-radius: 30px; 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:9px;}
.totProd__check .list_detail .emph_comm.medium {font-size: 1.3rem; color:#010101;}
.totProd__check .list_detail .txt_comm {color:#666;}
.totProd__check .list_detail.line .detail .txt_comm {color:#666}
.totProd__check .list_detail.line .detail .txt_comm + .link_url {font-size:1rem}
.totProd__check .grp_receive .txt_receive + .list_receive {margin-top:24px;}

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

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

/* pc */
@media screen and (min-width: 992px){
    .totProd__head .totProd__noti {text-align: center;}

    .totProd__check .list_service {display: flex; gap:8px; justify-content: space-between; margin-left:0;}
    .totProd__check .list_service > li {flex:1; padding-left:0;}
    .totProd__check .list_service > li > a {display: block;}
    .totProd__check .list_detail .emph_comm.medium {font-size:20px;}
    .totProd__check .grp_receive .tit_receive {font-size:20px;}
    .totProd__check .grp_receive .txt_receive {font-size:18px;}
    .totProd__check .grp_receive .box_inp .txt_chk {line-height: 26px;}

    .totProd__body .list_disc .tit_disc {font-size:18px;}

}

/* 로그인 ===== */
.totWebLogin {position: relative; overflow: visible; max-width: 720px; margin-bottom:84px}
.totWebLogin::before {content: ""; position: absolute; bottom:0; left:-146px; display: block; width:145px; height:246px; background: url(../../images/tot/tutorial_icon01.png) 0 0 / 172px 246px;}
.totWebLogin::after {content: ""; position: absolute; bottom:-35px; right:-68px; display: block; width:160px; height:190px; background: url(../../images/tot/icon_imgs1.png) 0 0 / contain;}
.totWebLogin .area_comm {margin: 0 auto;}
.totWebLogin .grp_apply {margin-top:40px;}
.totWebLogin .grp_apply .grp_tf {margin-top:16px;}
.totWebLogin .list_pipe {margin-top:24px; text-align: center;}
.totWebLogin .list_pipe a {color:#555}
.totWebLogin .list_pipe li:before {width:1px; background-color:#d9d9d9;}

/* pc */
@media screen and (min-width: 992px){
    .totWebLogin .area_comm {max-width:500px; margin: 0 auto; padding:60px 0;}
    .totWebLogin .box_tf .tf_l {height:64px;}
}
/* mobile */
@media screen and (max-width: 991px){
    .totWebLogin {margin-bottom:0}
    .totWebLogin::after {display: none;}
    .totWebLogin::before {top: 3px; right:30px; bottom:auto; left:auto; width: 93px; height: 133px; background-size: contain;}
}

/* 주민번호 입력 ===== */
.totKeyboardNoti {margin-top:40px;}
.totKeyboardNoti .box_inp {margin-top:24px;}
.totKeyboardNoti .totKey__noti {margin-top:16px; padding:16px; border-radius: 12px; background-color: #f5f9fd;}
.totKeyboardNoti .totKey__noti > li {position: relative; padding-left:15px; font-size:1rem; color:#555;}
.totKeyboardNoti .totKey__noti > li::before {content: ""; position: absolute; top:10px; left:0; display: block; width:3px; height:3px; border-radius: 100%; background-color: #666;}
.totKeyboardNoti .totKey__noti > li ~ li {margin-top:10px;}

.totWebJuminChecked .list_agree > li {display: inline-block;}


/* 대출계산기 ===== */
.grp_payment .emph_payment {font-size:1.2rem; color:#333;}
.grp_payment .emph_payment.large {font-size:1.5rem; color:#010101;}
.grp_payment .emph_payment.medium {font-size:1.3rem;}

.totWebCalc .box_gray {overflow: hidden;}
.totWebCalc .list_l > li {color:#333;}
.totWebCalc .grp_payment + .list_payment:before {height:1px; background-color: #d8dfe6;}

/* pc */
@media screen and (min-width: 992px){
    .totWebCalc {padding-bottom:124px !important;}
    .totWebCalc .box_gray {overflow: hidden; margin:0 40px 40px; padding:24px !important; border-radius: 16px;}
    .totWebCalc .list_payment > li {padding:16px 0; border-top:1px solid #d8dfe6;}
    .totWebCalc .list_l > li {display: inline-block; font-size:16px;}
    .totWebCalc .list_l > li + li::before {content: '/'; display: inline-block; margin-right:4px;}

    .grp_payment .emph_payment {font-size:18px;}
    .grp_payment .emph_payment.large {font-size:20px;}
    .grp_payment .emph_payment.medium {font-size:18px;}
    .grp_payment + .list_payment {margin-top:0; padding-top:16px;}
    .grp_payment + .list_payment:before {display: none;}
}
/* mobile */
@media screen and (max-width: 991px){
    .totWebCalc .box_gray {padding:24px 20px;}
}

/* 추천상품목록 ===== */
/* 상품 추천(가조회 전) [TOT_05000001] */
/* .wrapper #page-content.totProdRecomBefore {padding-top:136px;} */
.totProdRecomBefore .grp_sticky.totStickyTab {top:44px;}
.totProdRecomBefore .totBtn__top {bottom:110px}
.totList__head {display: flex; justify-content: space-between; align-items: center;}
.totBtn__sortTgg {padding-left:20px; border:0; color:#555; font-size:1rem; background: transparent url(../../images/tot/icon_sort.png) no-repeat 0 center / 16px 16px ;}

.totProdList__new.grp_choice {margin-top:0;}
.totProdList__new .totList__head {padding-bottom:16px; border-bottom:2px solid #010101;}
.totProdList__new .box_shadow,
.totProdList__new .box_shadow.active {padding:30px 0; border:0; border-radius: 0; box-shadow: none;}
.totProdList__new .box_shadow + .box_shadow {margin:0; border-top:1px solid #d8dfe6;}
.totProdList__new .box_shadow .inner_shadow {margin:0;}
.totProdList__new .grp_product .thumb_product {height:fit-content;}
.totProdList__new .grp_product .thumb_product .img_comm {height:36px;}
.totProdList__new .grp_product .info_product .tit_comm {font-size:1.2rem; color:#666;}
.totProdList__new .list_pipe li:before {background-color: #ccc;}
.totProdList__new .box_shadow .box_etc {margin-top:15px; padding:0;}
.totProdList__new .box_shadow .list_bullet,
.totProdList__new .box_shadow.active .list_bullet {margin-top:16px; padding:10px; border: 0; border-radius: 8px; background-color: #f5f9fd;}
.totProdList__new .list_detail .emph_comm {color:#0c58ca; font-size:1.3rem}
.totProdList__new .box_shadow .grp_gravity {margin-top:16px; background-color: transparent;}
.totProdList__new .box_shadow .grp_gravity .inner_gravity {padding:0;}
.totProdList__new .list_detail.hrznt {margin-left:0;}
.totProdList__new .list_detail.hrznt li {padding-left:0;}
.totProdList__new .box_shadow .link_comm {top:0}
.totProdList__new .ico_right_24x24 {opacity: .7; transform: scale(.6);}
.totProdList__new .box_shadow .list_pipe {margin-top:8px}

.totProdList__new .tab_panel {padding:32px 20px; border-radius: 12px; background-color: #fff;}
.totProdList__new .tab_panel .emph_result {margin:0; padding-top:80px; font-size:1.4rem; color:#555; background: url(../../images/tot/icon_caution.png) no-repeat center 0 / 64px 64px;}

.totProdList__new .grp_product.space {padding-left:40px;}
.totProdList__new .grp_product.space .box_inp {top:5px}
.totProdList__new .grp_product.space .thumb_product {margin-left:0;}
.totProdList__new .grp_product.space .thumb_product + .info_product {margin-left:0;}
.totProdList__new .grp_product.space .list_pipe {margin-left:0;}
.totProdList__new .grp_product.space .list_pipe li:first-child {margin-left:0; padding-left:0;}
.totProdList__new .grp_product.space .list_detail.hrznt {margin-left:0}

.alert.tab_panel {padding:32px 20px; border-radius: 12px; background-color: #fff;}
.alert.tab_panel .emph_result {margin:0; padding-top:80px; font-size:1.4rem; color:#555; background: url(../../images/tot/icon_caution.png) no-repeat center 0 / 64px 64px;}


/* pc */
@media screen and (min-width: 992px){
    .totProdList__new .list_detail.hrznt li {display: inline-flex; align-items: flex-end; gap:12px;}
    .totProdList__new .box_shadow .list_pipe {margin-top:8px;}
    .totProdList__new .box_shadow .list_bullet,
    .totProdList__new .box_shadow.active .list_bullet {margin-top:16px;}
    .totProdList__new .box_shadow .grp_gravity {margin-top:12px;}
    .totProdList__new .list_detail.hrznt {margin-top:16px;}
    .totProdList__new .list_detail .txt_comm,
    .totProdList__new .list_detail .emph_comm {line-height: 1;}
    .totProdList__new .list_bullet li {font-size:14px;}
    .totProdList__new .list_bullet li:before {top:10px;}

    .totProdList__new .grp_product .info_product .tit_comm {font-size:18px;}
    .totProdList__new .grp_product .thumb_product .img_comm {height:56px;}

    .totProdRecomBefore .totBtn__top {bottom:20px}

    .totProdRecomBefore .grp_gravity.fixed + .totBtn__top {bottom:20px}
    .totProdRecomBefore .grp_gravity.fixed[style="display: none;"] + .totBtn__top {bottom:20px}
    .totProdRecomBefore .totWebContentsBox > .grp_gravity.fixed {position: fixed; bottom:0; z-index: 3; width:850px; margin:40px}
    .totProdRecomBefore .totWebContentsBox > .grp_gravity.fixed.none {position: static;}

}
@media (min-width: 1200px) {
    .totProdRecomBefore .totWebContentsBox > .grp_gravity.fixed {width:1020px;}
}


/* 상품조회 ===== */
/* .wrapper #page-content.totProdRecom {padding:179px 0 0;} */
.area_comm.totBg {background-color: #f4f7fd;}
.totProdRecom .grp_gravity.fixed + .totBtn__top {bottom:110px}
.totProdRecom .grp_gravity.fixed[style="display: none;"] + .totBtn__top {bottom:2rem}

.totProdHead {width:100%; padding:15px 20px; box-sizing: border-box; background-color: #f4f7fd;}
.totProdHead .grp_hello {display: flex; justify-content: space-between;}
.totProdHead .tit_comm {font-size: 14px; font-weight: 400; line-height: 1;}
.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: 60px; font-size: 14px; color:#777; line-height: 1;}

/* pc */
@media screen and (min-width: 992px){
    .totProdHead {padding-top:60px; background-color: #fff;}
    .totProdHead .grp_hello {display: block;}
    .totProdHead .grp_hello .tit_comm {font-size:30px; font-weight: 700; color:#010101; line-height: 42px; letter-spacing: -.9px;}
    .totProdHead .grp_hello .tit_comm > strong {color: #0076c9;}
    .totToday__time {justify-content: center; margin-top:8px}
    .totToday__time .totIcon__time {all:initial;}
    .totToday__time .totIcon__time > .blind {all:inherit; color:#555; font-size:18px; line-height:22px; font-family: 'Noto Sans Korean', 'NotoSansKR', 'Notosans', AppleSDGothicNeo-Regular, "Malgun Gothic", "맑은 고딕", dotum, "돋움", sans-serif;}
    .totToday__time .time {margin-left:4px; font-size:18px; line-height: 22px;}

    .totProdRecom .grp_gravity.fixed + .totBtn__top {bottom:20px}
    .totProdRecom .grp_gravity.fixed[style="display: none;"] + .totBtn__top {bottom:20px}
    .totProdRecom .totWebContentsBox > .grp_gravity.fixed {position: fixed; bottom:0; z-index: 3; width:850px; margin:40px}
    .totProdRecom .totWebContentsBox > .grp_gravity.fixed.none {position: static;}

    .totProdRecom .totProdSection.sec02 .area_comm {padding-top:24px;}
}
@media (min-width: 1200px) {
    .totProdRecom .totWebContentsBox > .grp_gravity.fixed {width:1020px;}
}
/* mobile */
@media screen and (max-width: 991px){
    .totProdHead {position: sticky; top:0;z-index: 10;}
    .grp_sticky.totStickyTab {position: sticky; top:44px; z-index: 98;}
    #header.header-up ~ .wrapper .grp_sticky.totStickyTab,
    #header.header-down ~ .wrapper .grp_sticky.totStickyTab {z-index: 100;}
}

.grp_sticky.totStickyTab {width:100%; padding:16px 32px 16px 20px; 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: 4px;}
.totStickyTab .list_sticky > li {position: relative; flex:1; width: auto; margin-right:-18px}
.totStickyTab .list_sticky .link_sticky {position: relative; padding:12px 0; font-size: 1.1rem; background: url(../../images/tot/bg_step_off.png) no-repeat right center / auto 100%;}
.totStickyTab .list_sticky .link_sticky > span {padding-right:6px; font-weight: bold; font-size:1.1rem; color:#d8dfe6}
.totStickyTab .list_sticky .link_sticky > em {font-size:1.1rem;}
.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 > li.complete .link_sticky{background-image: url(../../images/tot/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:18px; height:100%; background: url(../../images/tot/bg_step_tail.png) no-repeat right 0 / auto 100%;}

.totStickyTab .list_sticky > li.current .link_sticky {background-image: url(../../images/tot/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:24px 20px;}
.totProdToday .grp_hello {margin-bottom:16px}
.totProdToday .grp_hello .tit_comm {font-size: 1.2rem; font-weight: 700;}
.totProdToday .grp_hello .txt_comm {font-size: 1rem;}

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

.totprd__link {display: block; padding:16px; 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.2rem; font-weight: 600; line-height: 24px; color:#111;}
.totprd__link .totprd__prdName {font-size:1.2rem; color:#777;}
.totprd__link .totprd_info dt {margin-bottom:4px; font-size:1.1rem; color:#0076c9; line-height:1.2}
.totprd__link .totprd_info dd > strong {font-size:1.8rem; font-weight: 700; color:#111; letter-spacing: -0.48px; line-height: 1.3;}
.totprd__link .totprd_info .unit {font-size:1.3rem; color:#555;}

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

.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 {padding: 5px 12px; border-radius: 4px; border-width: 1px; background-color: #fff;}
.list_service .link_comm.current {position: relative; border-color:#0076c9; color:#0076c9; background-color: #fff;}
.totSortProd {margin:-30px 0 16px; border-bottom: 1px solid #eee; background-color: #fff;}
.totSortProd .list_service .link_comm {min-width:65px; padding:12px 10px; border:0; font-size: 1.2rem; text-align: center; color:#555; box-sizing: border-box;}
.totSortProd .list_service .link_comm.current {border-radius: 12px; 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;}

/* pc */
@media screen and (min-width: 992px){
    .totProdToday {padding: 24px 40px 32px;}
    .totProdRecom .grp_service,
    .totProdRecomBefore .grp_service {margin-left:-40px; margin-right:-40px; padding:0 40px;}

    .grp_sticky.totStickyTab {padding:16px 52px 16px 40px;}

    .totprd__link .totprd__rate {display: flex; align-items: center; gap:8px;}
    .totProdList__cardType .totprd__logo {margin-bottom:0;}
    .totProdList__cardType .totprd__limit {margin-top:0;}

    .totprd__link .totprd_info dt,
    .totprd__link .totprd_info .unit,
    .totProdList__cardType .totprd_info .totprd__rate > dd * ,
    .totProdList__cardType .totprd_info .totprd__rate > dd .unit {font-size:18px;}

    .totprd__link .totprd_info dt {margin-bottom:0; font-weight: 400;}
    .totprd__link .totprd_info dd > strong {font-size:30px;}

    .totProdRecom .box_shadow .box_etc {display: flex; align-items: center;}
    .totProdRecom .box_shadow .box_etc .txt_etc br {display: none;}

    .totSortProd {margin-top:-50px;}
    .totSortProd .list_service .link_comm {font-size:20px}

    /* 20240828 pc용 탭 디자인 적용 */
    .grp_sticky.totStickyTab {padding:16px 40px;}
    .totStickyTab .list_sticky {gap:8px; border-bottom:2px solid #0d6fb8; border-radius: 0;}
    .totStickyTab .list_sticky > li {margin-right:0;}
    .totStickyTab .list_sticky .link_sticky {height:56px; border:1px solid #d8dfe6; border-bottom:0; border-radius: 18px 18px 0 0; background-image: none;}
    .totStickyTab .list_sticky .link_sticky::before {position: absolute; left:60%; top:-10px; z-index: 2; content: ''; display: block; width:48px; height:31px; border:0; background: url(../../images/tot/icon_click_badge.png) no-repeat center / contain;}
    .totStickyTab .list_sticky .link_sticky > span {display: none;}
    .totStickyTab .list_sticky .link_sticky > em {font-size: 20px;}
    /* .totStickyTab .list_sticky li .link_sticky.disabled::before {display: none;} */


    .totStickyTab .list_sticky > li.complete .link_sticky {background-image: none;}
    .totStickyTab .list_sticky > li.complete .link_sticky::before {display: none;}
    .totStickyTab .list_sticky > li.complete:first-child .link_sticky {border-left: 1px solid #d8dfe6;}
    .totStickyTab .list_sticky > li.complete .link_sticky > em {color:#555;}

    .totStickyTab .list_sticky > li.complete.current .link_sticky > em {color:#fff}
    .totStickyTab .list_sticky > li.current .link_sticky {border-color:#0d6fb8; background-image: none; background-color: #0d6fb8;}
    .totStickyTab .list_sticky > li.current:first-child .link_sticky {border-left: 1px solid #0d6fb8;}

    .totStickyTab .list_sticky > li:nth-child(1) {overflow: unset; border-radius: 18px 18px 0 0;}
    .totStickyTab .list_sticky > li.complete + li.complete .link_sticky::before {display: none;}

    .totProdRecomBefore .grp_sticky.totStickyTab {padding-bottom:26px;}
    .totProdRecomBefore .totSortProd {margin-top:-60px}
}
/* mobile */
@media screen and (max-width: 991px){
    .totProdHead {position: sticky; top:0; z-index: 98;}
    #header.header-up ~ .wrapper .totProdHead,
    #header.header-down ~ .wrapper .totProdHead {z-index: 100;}

    .totProdRecom .grp_service,
    .totProdRecomBefore .grp_service {margin-left:-20px; margin-right:-20px; padding:0 20px;}
    .totProdRecom .grp_service::-webkit-scrollbar,
    .totProdRecomBefore .grp_service::-webkit-scrollbar {display: none;}
}

.totSortSelect {margin:2.4rem 0 1.2rem; text-align: right;}
.totSortSelect .totForm__select {display: inline-block; padding-left:2rem; background: url(../../images/common/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:16px; 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 {height:38px; padding:8px 5px; border:1px solid #0d6fb8; color:#0d6fb8; line-height: 20px; background-color: #fff;}
.totProdList__new .btn_comm.full > span {font-size:1.2rem; font-weight: 700;}

.totProdList__new .btn_comm.full:hover {background-color: #e6f3ff;}

/* pc */
@media screen and (min-width: 992px){
    .totProdRecom .totProdList__new.grp_choice {margin-top:0;}
    .totProdRecom .totProdList__new .box_shadow,
    .totProdRecom .totProdList__new .box_shadow.active {padding:24px;}
    .totProdList__new .btn_comm.full {height:48px}
}

.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:20px; bottom:8px; display: flex; align-items: center; padding:0 1rem; border-radius: 1rem; color: #fff; font-size:14px; background-color: rgba(0,0,0,.3);}
.totBanner__page .totBnr__btnPlay {display: inline-block; width:14px; height:14px; border:0; background: transparent url(../../images/tot/mainicon_play.svg) no-repeat center / 7px auto;}
.totBanner__page .totBnr__btnPause {display: inline-block; width:14px; height:14px; border:0; background: transparent url(../../images/tot/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:32px; padding:20px 16px 24px; border-radius: 16px; background-color: #edf2f6;}
.totDormantNoti > dl {display: flex; justify-content: space-between; align-items: center; margin-bottom:16px}
.totDormantNoti .tit {vertical-align: middle; font-size:1.1rem; color:#333; font-weight: 400;}
.totDormantNoti .amount {font-size:1.6rem; font-weight: 700;}
.totDormantNoti .unit {font-size: 1rem; color:#555;}
.totDormantNoti .btn_comm.soft {padding:10px 0; border:0;}
.totDormantNoti .btn_comm.soft span {font-size: 1.1rem; font-weight: 700; color:#13216a;}

/* pc */
@media screen and (min-width: 992px){
    .totDormantNoti {padding:24px;}
    .totDormantNoti .btn_comm.soft {height:60px;}
}

.totMultiService {padding:24px 16px; border-radius: 16px; background-color: #e5f1ff;}
.totMultiService + .totMultiService {margin-top:32px;}
.totMultiService.type2 {background-color:#edf2f6;}
.totMultiService .grp_hello {margin-bottom:30px; text-align: center;}
.totMultiService .grp_hello [class^="totIcon__"] {margin:12px 0;}
.totMultiService .grp_hello .tit_comm {font-size: 1.3rem; font-weight: 700; color:#111;}
.totMultiService .grp_hello .txt_comm {margin-top:12px; font-size:1.077rem; line-height: 1.3; color:#555;}
.totMulSvc__service {display: block; padding:20px 16px; border-radius: 16px; background-color: #fff;}
.totMulSvc__service .totSvc__head {display: flex; align-items: center; justify-content: space-between; margin-bottom:1rem; padding-bottom:1rem; border-bottom:1px solid #e9e9e9}
.totMulSvc__service .totSvc__head .tit_comm {font-size:1.3rem; font-weight: 700; color:#111;}
.totMulSvc__service .totSvc__head .a__detail {color:#999; font-size:1.1rem; text-decoration: underline;}

.totMulSvc__service .totSvc__bnnr {position: relative;}
.totMulSvc__service .totSvc__bnnr .tit_comm {width:calc(100% - 72px); font-size: 1.2rem; font-weight: 500; word-break: keep-all; color:#111;}
.totMulSvc__service .totSvc__bnnr .txt_comm {width:calc(100% - 72px); color:#555; font-size:1rem; letter-spacing: -.3px; word-break: keep-all;}
.totMulSvc__service .totSvc__bnnr .tit_comm + .txt_comm {margin-top:4px}
.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 {height:48px; margin-top:12px}
.totMulSvc__service .totSvc__body .btn_comm > span {font-size:1.2rem}
.totMulSvc__service .totSvc__body + .totSvc__body {margin-top:20px; padding-top:20px; border-top:1px solid #e9e9e9;}
.totMulSvc__service + .totMulSvc__service {margin-top:24px;}

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

/* pc */
@media screen and (min-width: 992px){
    .totMultiService {padding:40px 24px;}
    .totMultiService .grp_hello [class^="totIcon__"] {display: none;}
    .totMultiService .grp_hello .tit_comm {font-size:24px;}
    .totMultiService .grp_hello .txt_comm {font-size:18px; line-height: 28px;}

    .totMulSvc__service {padding:20px 24px}
    .totMulSvc__service .totSvc__bnnr [class^="totIcon"] {top:50%; margin-top:-32px;}
    .totMulSvc__service .totSvc__bnnr .tit_comm {font-size:18px;}
    .totMulSvc__service .totSvc__bnnr .tit_comm br {display: none;}

    .totMulSvc__service .totSvc__head .tit_comm {font-size:20px;}
}

.totMultiSvcBanner {margin:0 -16px;}
.totMultiSvcSlick {padding-bottom:20px; margin-bottom:0;}
.totMultiSvcSlick .slick-list {padding:0 8px;}
.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__obj .totMul__bnnr {position: relative; display: block; padding:24px 20px; margin:0 8px; border-radius: 12px; background-color: #fff;}
.totMul__bnnr [class^="totIcon"] {position: absolute; right:20px; top:50%; transform: translateY(-50%); width:56px; height:50px;}
.totMul__bnnr .tit_comm {position: relative; font-size:1.3rem; font-weight: 700; color:#111; letter-spacing: -.5px;}
.totMul__bnnr .txt_comm {position: relative; font-size: 1rem; 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%;}

/* pc */
@media screen and (min-width: 992px){
    .totMultiSvcBanner {margin:0;}
    .totMultiSvcSlick {display: flex; gap:16px; flex-wrap: wrap;}
    .totMul__obj {width:calc(33.333% - 12px); height:172px;}
    .totMul__obj .totMul__bnnr {height:172px; margin:0;}
    .totMul__bnnr [class^="totIcon"] {top:auto; bottom:24px; transform: translateY(0);}
    .totMul__bnnr .tit_comm {font-size:17px;}
    .totMul__bnnr .txt_comm {font-size: 13px;}

    .totSvc__more [class^="totIcon__"] {display: none;}
    .totSvc__more .tit_comm {text-align: center; font-size:20px;}
    .totSvc__more .tit_comm br {display: none;}

    .totMultiService + .totMultiService {margin-top:40px}
}

/* mobile */
@media screen and (max-width: 991px){
    .totMultiSvcSlick {display: flex; overflow-x: auto; padding: 0 8px;}
    /* .totMultiSvcSlick::-webkit-scrollbar {display: none;} */
    .totMul__obj .totMul__bnnr {width:70vw;}
}

.totMultiService.type3 {background-color:#f4f7fd;}
.totMultiService.type3 .grp_hello {margin-bottom:20px}
.totMulSvc__other {display: block; overflow: hidden; padding:6px 0; border-radius: 16px; background-color: #fff;}
.totSvc__bnrLink {position: relative; display: flex; align-items: center; padding:14px 18px;}
.totSvc__bnrLink [class^="totIcon52"] {margin-right: 14px;}
.totSvc__bnrLink .bnr__info .txt_comm {font-size:1rem; color:#555;}
.totSvc__bnrLink .bnr__info .tit_comm {font-size:1.2rem; color:#010101; font-weight: 500;}
.totSvc__bnrLink::after {position: absolute; top:50%; right:24px; 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:16px; padding-left:24px; font-size:1.2rem; color:#0c58ca; font-weight: 500; background: url(../../images/tot/icon_lon_noti.png) no-repeat 0 center / 18px 15px;}
.totLonListWrap {margin-top:16px;}
.totLonListWrap .totList__head {margin-bottom:12px}
.totLonListWrap > ul {border:1px solid #e9e9e9; border-radius: 16px; box-shadow:0 0 8px rgba(0,0,0,.03); background-color: #fff;}
.totLonListWrap > ul > li {position: relative; padding:14px 46px 14px 46px;}
.totLonListWrap > ul > li + li {border-top:1px solid #e9e9e9}
.totLonListWrap .totLon__info {display: flex; align-items: center; flex-wrap: wrap;}
.totLonListWrap .totLon__info [class^="totIcon24__"] {position: absolute; left:14px;}
.totLonListWrap .totLon__info .lon_tit {margin-right:12px; font-size: 1.2rem; font-weight: 700; letter-spacing: -.3px;}
.totLonListWrap .lon_txt {margin-top:2px; font-size: 1.2rem; letter-spacing: -.3px; color:#555;}

.totLonListWrap .lon_tag {display: inline-block; height:22px; padding:0 6px; border-radius: 8px; line-height: 22px; white-space: nowrap; vertical-align: middle;}
.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:16px; top:50%; display: block; width:24px; height:24px; transform: translateY(-50%); background: url(../../images/tot/icon_lon_btn.png) no-repeat center / contain;}

.totProdRecom__foot {padding:30px 20px 40px;}
.totProdRecom__foot .totMultiService {margin-top:40px}
.totPrd__rejectCheck {margin-top:24px; text-align: center;}
.totPrd__rejectCheck .totLink__line {border:0; font-size:1.2rem; font-weight: 600; color:#0c58ca; background: none;}
.totProdRecom__foot .totPrd__rejectCheck {margin:0 0 16px;}
.totProdRecom__foot .totPrd__rejectCheck .btn_comm.soft.full {padding-top:13px; padding-bottom:13px;}

/* pc */
@media screen and (min-width: 992px){
    .totProdRecomBefore .totWebContentsBox > .grp_gravity.fixed {margin:40px;}
    .totProdRecom__foot {padding:60px 40px 40px;}
    .totProdRecom__foot .totPrd__rejectCheck .btn_comm.soft.full {padding-top:18px; padding-bottom:18px;}
    .totProdRecom__foot .totMultiService {margin-top:60px;}
    .totProdRecom__foot .totCom_lineLink {font-weight: 700; font-size:16px;}

    .totSvc__bnrLink::after {width:10px; height:10px;}

    .totLonListWrap > ul > li {padding:20px 56px 20px 84px;}
    .totLonListWrap .totLon__info [class^="totIcon24__"] {left:24px; top:50%; width:48px; height:48px; margin-top:-24px;}
    .totLonListWrap .totBtn__lon {right:24px; width:32px; height:32px;}
    .totLonListWrap .totLon__info .lon_tit {font-size: 18px;}
    .totLonListWrap .lon_txt {font-size:14px;}
    .totLonListWrap .lon_tag {font-size:14px; line-height: 22px;}

    .totLonNoti {padding-left:30px; font-size:16px; background-size: 24px auto;}

    .totSvc__bnrLink .bnr__info .txt_comm {font-size:14px;}
    .totSvc__bnrLink .bnr__info .tit_comm {font-size:20px;}
}

/* 20240722 추가 : S (APP동기화) */
.totPrdRefresh {margin-top:20px; padding:12px 20px; 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(../../images/tot/icon_refresh.png) 0 0 / contain;}
@media screen and (min-width: 992px){
    .totPrdRefresh .totCom_lineLink::before {vertical-align: -2px;}
}


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

@media screen and (min-width: 992px){
    .totReject__logo {width:200px; flex:0 0 200px; margin-right:20px; }
    .totReject__logo > img {height:44px;}
}

/* 주소검색 [TOT_05000200] ===== */
.ico_search_24x24 {background: url(../../images/tot/glass.svg) no-repeat center / contain;}
.totSearch__address .grp_tf.search .tf_l {padding-left:0; border:0; border-bottom:2px solid #159ede; border-radius: 0;}
.totSearch__address .grp_tf.search .ico_kinfa {position: absolute; right:0; left:auto; top:50%; transform: translateY(-50%);}

.totSearch__address .grp_result .grp_tf.search {margin: 27px 20px 0;}
.totSearch__address .grp_result .grp_tf.search ~ .outer_scroll {position: static; height: auto; max-height: fit-content; margin-top:20px;}
.totSearch__address .grp_guide .tit_guide {display:block; margin-left:20px; text-align: left; color:#010101; font-weight: 600; font-size:1.2rem}
.totSearch__address .grp_guide .list_guide {margin:12px 20px 0; padding:16px; border-radius: 16px; background-color: #f5f9fd;}
.totSearch__address .grp_guide .list_guide > li {text-align: left; font-size:1rem; 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; font-size:1rem}

.totSearch__address .grp_result .emph_postal {margin:0 0 20px 20px; font-size: 1.2rem;}
.totSearch__address .emph_postal ~ .inner_scroll {margin-top:0;}

.totSearch__address .list_postal {padding:0 20px 20px;}
.list_postal .link_postal {padding:24px 0; border-bottom:1px solid #eee;}
.list_postal .link_postal .box_comm {padding-left:62px;}
.list_postal .txt_comm {color:#666; font-size: 1.077rem;}
.list_postal .box_comm .txt_postal {width: 54px; min-width: 54px; height:24px; padding:0; border-radius: 20px; font-size:14px; background-color: #eee;}
.list_postal .box_comm:first-child .txt_postal {color:#0c58ca; }
.list_postal .box_comm:first-child .txt_comm {color:#010101}
.list_postal .box_comm + .box_comm {margin-top:9px;}

/* pc */
@media screen and (min-width: 992px){
    .list_postal .box_comm .txt_postal {line-height:22px;}


    .totSearch__address {padding-bottom:124px;}
    .totSearch__address .grp_result {overflow-y:hidden;}
    .totSearch__address .grp_result .inner_scroll {height: auto; min-height:fit-content; padding-bottom: 40px;}
    .totSearch__address .grp_result .grp_tf.search {margin:40px 40px 0}
    .totSearch__address .grp_result .emph_postal {margin-left:40px; margin-bottom:8px; font-size: 20px;}
    .totSearch__address .list_postal {padding:12px 40px 20px;}
    .totSearch__address .list_postal .link_comm {padding:20px 40px;}
    .totSearch__address .grp_tf.search + .grp_guide {margin-top:20px;}
    .totSearch__address .grp_guide.center {padding:20px 0;}
    .totSearch__address .grp_guide.center + .grp_guide.center {margin-top:0;}
    .totSearch__address .grp_guide .tit_guide {margin-left:40px}
    .totSearch__address .grp_guide .list_guide {margin: 12px 40px 0;}
}

/* mobile */
@media screen and (max-width: 991px){
    .list_postal .box_comm .txt_postal {line-height: 22px;}
}

/* 지점 선택 ===== */
.toast_container .grp_gravity.caution {margin:0 -20px -20px;}
/* pc */
@media screen and (min-width: 992px){
    .toast_container .grp_gravity.caution {margin:0 -40px -60px}
}

/* 맞춤형 제도 */
.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; height:auto}
.totAfter .totMultiService {margin-top:40px;}
.totServiceBnrList {margin-top:24px;}
.totServiceBnrList > ul > li ~ li {margin-top:24px;}
.totSvc__banner {position: relative; display: block; padding:20px 24px; border-radius: 16px; background-color: #eaf0f7;}
.totSvc__banner [class^="totIcon"] {position: absolute; right:24px; top:50%; transform: translateY(-50%);}
.totSvc__banner .bnr__info {width: calc(100% - 74px);}
.totSvc__banner .bnr__info > dt {font-size: 1.2rem; font-weight: 500; color:#010101; word-break: keep-all;}
.totSvc__banner .bnr__info > dd {font-size:1rem; color: #555; word-break: keep-all;}
.totSvc__banner.totSvc--type2 {background-color: #eaf7f5;}

/* pc */
@media screen and (min-width: 992px){
    .totAfter .draw-box .equal-list dt .txt br {display: none;}
}

/* 제휴금융회사 & 협업기관 ===== */
.totCprt__box {position: relative; margin-top:24px; padding:24px 40px; border-radius: 16px; font-size:16px; text-align: center; background-color: #f5f9fd;}
.totCprt__box br {display: none;}
.totCprtFiCo .totCprt__box::after {content: ""; display: block; position: absolute; right: 40px; top: -72px; width: 70px; height:78px; background: url(../../images/tot/img_character_04.png) no-repeat center / contain;}

.totCprtFiCo .grp_hello {margin-bottom:50px;}

.totCprtCollabo .totText {margin:20px 0 8px;}
.totCprtCollabo .grp_hello {position: relative; margin-bottom:50px;}
.totCprtCollabo .grp_hello::after {content: ''; display: block; position: absolute; top:-41px; right:10px; width:96px; height:124px; background: url(../../images/tot/img_char_01.png) no-repeat center / contain;}
.totCprtCollabo .totText br {display: none;}

/* 임시 css 컨텐츠 수급시 삭제하기 */
/* .totCprtCollabo .totTextRef {display: none;}
.totCprtCollabo .totCprtList a.cprt-box {cursor: default;} */
/* //임시 css 컨텐츠 수급시 삭제하기 */

.cprt-list-tit {margin-bottom:12px; font-size:22px; color:#000;}
.cprt-list-tit .mark::before {display: none;}

.totCprtList {margin-top:40px; padding:0;}
.totCprtList .row {margin:0 -6px;}
.totCprtList .col-4,
.totCprtList .col-lg-2 {margin:8px 0; padding:0 6px;}
.totCprtList .col-6 {margin:8px 0; padding:0 6px;}
.totCprtList .cprt-box {overflow:hidden; display: block; margin:0; padding:0; border:1px solid #d8dfe6; border-radius: 8px;}
.totCprtList .cprt-box .cprt-logo {display: flex; align-items: center; justify-content: center; width: 100%; height:70px; min-height:70px; padding:16px 0 12px; box-sizing: content-box;}
.totCprtList .cprt-box .cprt-logo img {position: static; transform: none; width: auto; max-width: 100%; height:70px;}
.totCprtList .cprt-tit {margin-top:0; padding:12px 0; border-top:1px solid #d8dfe6; font-size:1rem; line-height: 20px; background-color: #f5f9fd;}
.totCprtList .cprt-tit.sm {font-size:11px}

/* 협력사 상세 */
.totList > li {position: relative; padding-left:18px;}
.totList.dot > li::before {content: ""; display: block; position: absolute; left:0; top:8px; width:3px; height:3px; border-radius: 100%; background-color: #0c58ca;}

.totList.dash > li {padding-left:10px;}
.totList.dash > li::before {content: '-'; display: block; position: absolute; left:0;}

.layer_area.totPopCollabo .layer_header .tit_comm {display:flex; align-items: center; gap:10px; text-align: left;}
.layer_area.totPopCollabo .layer_header .tit_comm > img {width:auto; height:63px;}
.totCollaboDetail .tit {font-size:1.3rem; font-weight: bold;}

.totCollaboTable > dl {padding:16px 0; border-bottom:1px solid #eee;}
.totCollaboTable > dl > dt {font-size: 1rem;}

.totCollaboTable > dl > dd .totList .totList {margin-top:10px;}
.totCollaboTable > dl > dd .totList.dash > li {color:#555}

/* pc */
@media screen and (min-width: 992px){
    .totCprtFiCo .col-lg-2 {flex: 0 0 20%; max-width: 20%;}
    .totCprt__box {font-size:20px; line-height: 32px;}
    .totCprt__box br {display: block;}
    .totCprtFiCo .totCprt__box::after {left:40px; top:auto; bottom:-5px;}
    .totCprtCollabo .grp_hello::after {content: ''; display: block; position: absolute; top:auto; bottom:0; right:30px; width:96px; height:124px; background: url(../../images/tot/img_char_01.png) no-repeat center / contain;}
    .totCprtCollabo .totText br {display: block;}

    .totCprtFiCo .cprt-tit {font-size:14px;}

    .totList.dot > li::before {top:10px; width:6px; height:6px;}

    .totCollaboDetail .tit {margin-bottom:32px; font-size:24px;}
    .totCollaboTable > dl {display: flex;}
    .totCollaboTable > dl > dt {flex:0 0 110px; min-width:110px; font-size:18px;}
    .totCollaboTable > dl > dd {font-size: 18px;}
    .totCollaboTable > dl > dd .totList.dash > li {font-size: 16px;}
}

/* 24-07-10 [S] -----------------------------------------*/
.layer_container.mh138 {max-height: calc(100vh - 138px);}
.hidden {font-size: 0; display: none;}
[class*="equal-list"] {display: flex;}
[class*="equal-list"] .items {align-self: center;}
.tc{text-align:center !important;}

/* 로딩바 */
.totBgBox {padding:1rem; border-radius: 1.2rem; background-color: #f5f9fd;}

.totLoading {box-shadow: none;}
.totLoading .inner_area {width:27.5rem;}
.totLoading .box_loading {padding:40px 20px;}
.totLoading .layer_area.active:not(.alert) .layer_header {height:0; border-bottom: 0 none;}
.totLoading .layer_area {background: #fff;}

/* pc */
@media screen and (min-width: 992px){
    .totLoading .layer_container {padding-bottom:0;}
    .totLoading .layer_area.loading {width:440px; min-width: 440px;}
    .totLoading .layer_area.loading .inner_area {width:100%; margin:0;}
    .totLoading .box_loading {padding:61px 40px 60px; max-height: 720px;}
    .totLoading .box_loading.v1 {padding-top: 16px;}
}


/* 포용이 나온슬라이드  */
.totLoading .loading.type1 .layer_container {max-height: none; overflow:visible; position: relative; }
.totLoading .loading.type1 .inner_area {padding-top: 0;}
.box_loading .loading {text-align: center;}
.box_loading .emph_loading {color: #010101; margin-top: 2.18rem; font-size: 1.5rem;}
.box_loading .totBgBox {margin-top: 24px;}
.box_loading .totBgBox p {color: #555; font-size: 0.875rem; font-weight: 400;}
.totLoading .loading.type1 .layer_container .box_loading::after {content:''; display: block; background: url(../../images/tot/tutorial_icon01.png) no-repeat 0 0; width:94px; height:133px; position: absolute; background-size: 94px 133px; bottom:36px; right:48px; animation: icon1 10s linear infinite; z-index: 1;}


.img_loader_box {position: relative;}
.img_loader_box .loading1 {height:114px; margin: 0 auto;}
.img_loader_box .img_loading_unit {position: absolute; top:45px; left:50%; margin-left:-3px; width:93px; height:93px; background:url(../../images/tot/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(../../images/tot/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(../../images/tot/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(../../images/tot/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 {margin:16px auto 0; color: #555;}

/* loader3 */
.img_loading3 {position: relative; z-index: 10;}
.img_loading3 img {height:60px; margin: 0 auto;}
.img_loading3::before {content: ''; background: url(../../images/tot/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(../../images/tot/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(../../images/tot/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%; overflow: hidden;}
.defalut-swiper-wrap.slide_1 .slide_slide {width:100%; padding-top:40px; padding-bottom: 0;}
.defalut-swiper-wrap.slide_1 .slide_slide {padding-left:20px; padding-right:20px;}
/* .defalut-swiper-wrap.slide_1::after {content:''; display: block; background: url(../../images/tot/tutorial_icon01.png) no-repeat 0 0; width:94px; height:133px; position: absolute; background-size: 94px 133px; bottom:-66px; right:12px; animation: icon1 10s linear infinite; z-index: 1;} */
.defalut-swiper-wrap.slide_1 .slide_slide1 {position: relative;}

@keyframes icon1 {
    0%{background: url(../../images/tot/tutorial_icon01.png) no-repeat; background-size: 94px 133px;}
    30%{background: url(../../images/tot/tutorial_icon01.png) no-repeat; background-size: 94px 133px;}
    31%{opacity: 1;   background: url(../../images/tot/tutorial_icon02.png) no-repeat; background-size: 94px 133px;}
    60%{opacity: 1;   background: url(../../images/tot/tutorial_icon02.png) no-repeat; background-size: 94px 133px;}
    61%{opacity: 1; background: url(../../images/tot/tutorial_icon03.png) no-repeat; background-size: 94px 133px;}
    100%{opacity: 1; background: url(../../images/tot/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% {}
    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 img_loading4 {
    0% {transform: rotate(0deg);}
    100% {transform: rotate(360deg);}
}

/* modile */
@media screen and (max-width: 991px){
    /* 로딩바 */
    .totLoading  .layer_container {padding-top:0;}
    .totLoading .box_loading {padding:40px 20px; display: flex; flex-direction: column; flex-wrap: nowrap; justify-content: center;}
    .totLoading .loading .inner_area {width:auto;}
    .totLoading .loading.type1 .box_loading {padding:0; max-height: 606px; max-width: 320px; margin: 0 auto; position: relative;}
    .totLoading .loading.type1 .layer_container .box_loading::after {right:26px; bottom:-28px;}
    .box_loading .emph_loading {font-size: 1.5rem;}
}

@media screen and (max-width: 320px){
    .defalut-swiper-wrap.slide_1 {width:87vw;}
    .defalut-swiper-wrap.slide_1 .slick-slide img {width:23rem;}
    .defalut-swiper-wrap.slide_1::after {right:16px;}
}


/* 결과요약 [TOT_05000000] */
.buttons {margin-top: 40px;}
.grouping {position: relative; padding-top: 2.5rem;}
.grouping.p0 {padding-top:0;}
.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:2.5px;}
.grouping .title {font-size: 17px; color: #000; font-weight: 700;}
.grouping .txt {font-size: 15px; color: #666; margin-top: 8px;}

/* 지원제도 안내 */
.grouping.bigger.top {padding-top: 40px;}
.grouping.bigger {padding-top: 0;}
.grouping.bigger .title {font-size: 22px; font-weight: 500; letter-spacing: -.5px; line-height: 1.5;}
.grouping.bigger .txt {font-size: 14px; 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: 2.5rem}
.grouping .grp_graphic {margin-top: 2.5rem;}
.grouping .box_graphic .box_avg .txt_comm{font-size: 14px; color: #010101;}
.grouping .box_graphic .emph_comm {color: #0c58ca; font-weight: 600; font-size: 1.8rem;}
.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 .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;}

/* modile */
@media screen and (max-width: 991px){
    /* 결과요약 [TOT_05000000] */
    .grouping .box_graphic .emph_comm {font-size: 1.5rem;}
}

/* 기존 메인로딩 */
/* .loader_wrap {height:auto; position: fixed; top:50%; left:50%; transform: translate(-50%,-50%);}
.loader2 {width:10rem; height:10rem; border:.6rem solid #e7e7ee; border-top-color: #71b1e2; border-radius: 100%; animation: spin2 2s infinite linear;}
@keyframes spin2 {
    0% {transform: rotate(0deg);}
    100% {transform: rotate(360deg);}
} */

/* 24-07-10 [E] -----------------------------------------*/

/* 24-07-11 [S] -----------------------------------------*/
/* 대출연결 시 페이지 [TOT07000100][TOT07000200][TOT07000400] */
.box_artwork .img-area {width:64px; height:64px; background:#eaf0f7; border-radius: 50%; margin: 0.1rem auto 2.5rem; display: flex; align-items: center; justify-content: center;}
.box_artwork .img-area .img_artwork {max-width: 100%; width: 38px;}
.box_artwork .img-area .img_artwork.v2{width: 34px;}

.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; font-size: 1rem; font-weight: 400;}
.box_artwork .emph_artwork .txtBlue {font-weight: 600;}
.box_artwork .emph_artwork .txtBlue + .tl {color: #010101; text-align: left;}
.img-area + .grp_hello {padding-bottom: 2.5rem; text-align: center;}
.grp_hello + .img-area {margin-top: 4rem;}

.box_guide .tit_black {font-size: 1rem; font-weight: 700;}
.box_gray.defalut {padding-top:40px; padding-bottom: 4.3rem; padding-left:2rem; padding-right: 2rem; background: linear-gradient(#fafafa, #fff);}
.box_gray.defalut .list_bullet {margin-top: 1rem;}
.box_gray.defalut .list_bullet li {color: #666; padding-left:0.75rem;}
.box_gray.defalut .list_bullet li:before {background-color: #666; top:0.625rem; left:0.1875rem; width:3px; height:3px;}

.info_artwork .btn_comm.small span {font-size: 1.125rem;}
.box_artwork .grp_normal {margin-top: 1.375rem;}
.grp_normal .tit_comm {font-size: 1.4rem;}
.grp_normal .list_normal {margin-top: 0.5rem;}
.list_normal .tit_normal {font-size: 1.4rem;}
.list_normal li {font-size: 1rem;}
.box_artwork .info_artwork .grp_gravity {margin-top: 1.375rem;}
.box_artwork .info_artwork .btn_comm,
.box_artwork .info_artwork .btn_comm.active {border:1px solid transparent; line-height: 1.5em; background: #0c58ca; padding: 0.8rem 1.1rem 0.9rem;}

/* pc */
@media screen and (min-width: 992px){

}
/* modile */
@media screen and (max-width: 991px){
}

/* 24-07-11 [E] -----------------------------------------*/

/* 24-07-15 [S] -----------------------------------------*/
/* 신청페이지 [TOT_06030000]~[TOT_06030006] */
/* 이미지 박스 */
.equal-list dd {margin-bottom: 0;}
.draw-box {margin-top:2.5rem; background: #cf7d4f; border-radius: 16px; padding:40px 100px 30px;}
.card-support .draw-box {background: #20c997;}
.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; color:inherit;}
.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%; margin: 0 auto;}
.img-box.divide-line {border-top: 1px #eee solid; padding-top: 24px;}

.draw-box.v1 {background: #61b5D7;}
.draw-box.v2 {background: #9585d8;}
.draw-box.v3 {background: #6c9adf;}
.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;}
.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; display: flex; align-items: center; justify-content: center;}
.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: 12px 12px 0 0; padding:8px 20px; background: #ef8201; color:#fff; font-size: 16px; font-weight: 700;}
.equal-list.double-box dd {border-radius: 0 0 12px 12px; padding:12px 16px; color:#555; background: rgba(239,130,1,0.07); font-size: 14px; font-weight: 400; margin-bottom: 0;}

.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.small {margin-top: 24px;}
.list_bullet.type1 li:first-child {margin-top: 0;}
.list_bullet.type1 li:first-child dl.inner-box {border-radius: 12px 12px 0 0;}
.list_bullet.type1 li:first-child dl.inner-box + dl {margin-top: 0; border-radius: 0 0 12px 12px; padding-top: 4px;}
.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 { color: #666; margin-left:-10px; font-size: 14px; margin-top: 10px;}
.list_bullet .inner-box strong {color: #010101;}

/* 고용지원제도 안내 배너 */
.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;}
.shadow-box-1 {box-shadow: 0 0 24px rgba(0,0,0,0.08); padding:34px 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;}

/* table 변형 */
.table-wrap {margin-top:24px;}
.table-wrap .tbl_comm tr:first-child th:first-child {border-left: 0;}
.table-wrap .tbl_comm thead tr:first-child th,.table-wrap .tbl_comm tr:first-child thead 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; font-size: 0.875rem;}
.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 !important;}
.table-wrap .tbl_comm td .txtBlue03 + .txtBlue03-box {margin-top: 20px;}
.table-wrap.type2 tbody tr td {border-top: 1px #b6d6e5 solid;}

/* 접근성 캡션이 영역침범 */
.wa_caption {position: absolute; width:1px; height:1px; margin:-1px; overflow: hidden; clip-path: polygon(0 0,0 0,0 0);}

/* pc */
@media screen and (min-width: 992px){
    /* 신청페이지 [TOT_06030000]~[TOT_06030006] */
    .draw-box .equal-list dt {font-size: 24px; font-weight: 700;}
    .draw-box .equal-list dt .top {font-weight: 400; font-size: 18px;}
    .draw-box .equal-list dt .txt {border-radius: 12px; font-size: 16px; background:rgba(17,17,17,0.15);}
    .double-box-wrap .equal-list.double-box {display: table-cell; padding-left: 20px; width:33.333%;}
    .double-box-wrap .equal-list.double-box:nth-child(2) {padding-left:0;}
    .equal-list.double-box dt {padding-top:16px; padding-bottom:16px; font-size: 18px;}
    .equal-list.double-box dd {font-size: 16px; padding-top: 12px; padding-bottom: 12px; min-height:100px; /*letter-spacing: -1.8px;*/}
    .double-box-wrap .named {margin-bottom: 24px;}

    .defalut-txts-top {margin-top: 24px; font-size: 18px;}
    .defalut-txts-top + .table-wrap, .defalut-txts + .table-wrap {margin-top: 12px;}
    .table-wrap .tbl_comm th, .table-wrap .tbl_comm td {padding:10px 16px;}
    .defalut-txts {font-size: 14px;}
    .defalut-txts.padding {font-size: 18px; padding-top: 40px;}
    .defalut-txt {margin-top: 12px;}
    .inner-box.equal-list dd {margin-top: 10px;}
    .list_bullet .inner-box {font-size: 16px;}
    .list_bullet.type1 > li {font-size: 18px;}
    .list_bullet.type1 li:first-child dl.inner-box {flex-direction:row; gap:6px;}
    .list_bullet.type1 li:first-child dl.inner-box.equal-list dd {margin-top: 0;}

    .grouping.bigger .txt {font-size: 16px;}
    .grouping.bigger .txt.indent {font-size: 14px;}

    /* 고용지원제도 안내 배너 */
    .equal-list.infomation {gap: 8px;}
    .equal-list.infomation .equal-list {flex-direction: row-reverse; padding: 16px 22px; justify-content: center; gap: 10px; height:84px;}
    /* .equal-list.infomation li:nth-child(-n+2) br {display: none;} */
    .equal-list.infomation .equal-list dt {font-size: 16px; margin-top: 0px; min-width: 112px;}
    .equal-list.infomation .equal-list dt br {display: none;}
    .equal-list.infomation .equal-list dd img {min-width: 32px;}

    /* 그림자 박스 */
    .equal-list.shadow-box dt {font-size: 18px;}
    .equal-list.shadow-box dt .txt {font-size: 16px; margin-top: 7px;}
    .equal-list.shadow-box dd {min-width:56px; width:56px; height:56px;}
    .equal-list.shadow-box dd img {max-width:100%; align-self: center; width:25px;}



}
/* modile */
@media screen and (max-width: 991px){
    .draw-box {padding-left:24px; padding-right:24px;}
    .equal-list.double-box dt br {display: none;}
    .img-box img.img1 {content: url(../../images/tot/img_info1.jpg);}
    .img-box img.img2 {content: url(../../images/tot/img_info2.jpg);}

    /* 마우스 우클릭 방지 */
    . div, main,body  {
        -webkit-touch-callout: none !important;
        -moz-user-select -moz-none !important;
        -ms-user-select: none !important;
        user-select: none !important;
    }


}
/* 24-07-15 [E] -----------------------------------------*/


/* popup 수정 s */
@media screen and (min-width: 992px)    {
    .popup_agreement_detail .layer_container .grp_gravity.fixed {
        width: 100%;
        left: 50%;
        right: 0;
        transform: translate(-50%, 0);
        padding: 20px 50px;
    }
}
@media screen and (max-width: 991px) {
    .popup_agreement_detail .layer_container .grp_gravity.fixed {
        width: 100%;
        top: 84%;
        left: 50%;
        right: 0;
        transform: translate(-50%, 0);
        padding: 20px 20px;
        background-color: #fff;
    }
    .popup_agreement_detail .layer_container    {padding-bottom: 20%;}
}
/* popup 수정 e */

/* hide */
@media (max-width: 1200px)  {
    .mo-hide-1200   {display: none;}
}

/* 2502 복합지원 s */
@media  (max-width: 350px)    {
    .totComplexList [class^="totIcon72__"]  {
        width: 50px;
    }
}

/* 복합지원 알아보기 s */
.totComplexDetail .grp_hello .tit_comm {font-weight: 700;}
.totComplexDetail .grouping.bigger.top  {
    padding: 20px 24px 12px;
    border-radius: 16px;
    position: relative;
    margin: 72px 0 0;
}
.totComplexDetail .grouping.bigger.top .txt {color: #010101;}
.totComplexDetail .grouping.bigger .title.box_color   {
    padding: 4px 14px;
    background-color: var(--pastel-pink-1);
    color: #fff;
    border-radius: 6px;
    display: inline-block;
    font-size: 15px;
    position: absolute;
    top: -20px;
}
.totComplexDetail .equal-list.shadow-box dd img {
    align-self: flex-start;
}
.totComplexDetail .equal-list.shadow-box dd {
    height: auto;
}
@media (min-width: 992px)   {
    .totComplexDetail .equal-list.shadow-box dd img {height: auto;}
    .totComplexDetail .grouping.bigger.top  {
        padding: 32px 24px 20px;
    }
    .totComplexDetail .grouping.bigger .title.box_color  {
        font-size: 18px;
    }
}

.totComplexDetail .equal-list.shadow-box dt .txt    {margin: 0;}
.totComplexDetail .start_btn_wrap   {
    margin: 24px 0;
    background-color: #e6f0ff;
    padding: 54px;
    border-radius: 16px;
}
.totComplexDetail .start_btn_wrap p.txt_wrap   {
    text-align: center;
    font-size: 1.5rem;
    line-height: 2.2;
    margin: 0 0 1rem;
}
.totComplexDetail .start_btn_wrap p.txt_wrap .logo_tot  {
    width: 140px;
    display: inline-block;
}
.totComplexDetail .equal-list.shadow-box    {
    gap: 6px;
}
.totComplexDetail .equal-list.shadow-box dd {
    background: #fff;
    min-width: 36px;
    width: 36px;
}
/* .totComplexDetail .totMultiService  {padding: 24px 24px;} */

.btn_comm.auto  {
    width: 280px;
    margin: 0 auto;
    display: block;
    border-radius: 50px;
}
.btn_comm.small   {
    height: 56px;
}
.btn_comm.small span  {
    font-size: 1.2rem;
}
@media (min-width: 992px)   {
    .totComplexDetail .start_btn_wrap p.txt_wrap .logo_tot  {
        width: 150px;
        display: inline-block;
    }
    .btn_comm.auto  {
        border-radius: 8px;
    }
    .btn_comm.small span  {
        font-size: 20px;
    }
}
@media (max-width: 500px) {
    .btn_comm.auto  {
        width: 70%;
        min-width: 220px;
    }
    .totComplexDetail .start_btn_wrap   {
        padding: 48px 10%;
    }
    .totComplexDetail .start_btn_wrap p.txt_wrap .logo_tot  {
        width: 120px;
    }
    .totComplexDetail .start_btn_wrap p.txt_wrap    {
        font-size: 1.4rem;
    }
}
@media (max-width: 340px)   {
    .totComplexDetail .start_btn_wrap {
        padding: 38px 6%;
    }
}

.totComplexDetail .totMulSvc_flex   {
    display: flex;
    gap: 16px;
    flex-wrap: wrap;
}
.totComplexDetail .totMulSvc_flex .totMulSvc__service   {
    width: calc(50% - 8px);
    margin: 0;
}
.totComplexDetail .comple_page_img  {
    width: 600px;
    margin: 0 auto;
}
/* .totComplexDetail a.totSvc__bnnr    {pointer-events: none;} */


@media screen and (max-width: 991px)    {
    .totComplexDetail .comple_page_img  {
        width: 100%;
        margin: 0 auto;
    }
    .totComplexDetail .totMulSvc_flex   {flex-direction: column;}
    .totComplexDetail .totMulSvc_flex .totMulSvc__service   {
        width: 100%;
    }
}

@media screen and (max-width: 500px)    {
    .totMultiServiceList [class^="totIcon72__"] {
        width: 50px;
        height: 50px;
    }
}

/* 상담 s */
.totComplexDetail .cunsulting-wrap  {
    display: flex;
    gap: 14px;
}
.totComplexDetail .cunsulting-wrap .grouping    {
    width: 33.33%;
    padding: 14px;
    border: 1px solid #d5d9de;
    border-radius: 14px;
}
.totComplexDetail .cunsulting-wrap .grouping .title {
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-radius: 8px;
    padding: 6px 12px;
    background-color: #e0ebf8;
    margin: 0;
    /* display: inline-block; */
}
.totComplexDetail .cunsulting-wrap .grouping .title h3  {
    font-size: 18px;
    margin: 0;
}
.totComplexDetail .cunsulting-wrap .grouping .title img  {width: 36px;}
.totComplexDetail .cunsulting-wrap .grouping .txt   {
    color: #111;
    font-size: 15px;
    margin: 12px 0;
}
/* .totComplexDetail .cunsulting-wrap .grouping .body  {
    border: 1px solid #ddd;
    border-radius: 14px;
    padding: 14px;
} */
.totComplexDetail .cunsulting-wrap .grouping .list_bullet.type3 {
    border-top: 1px solid #ddd;
    padding: 12px 0 0;
    /* margin: 16px 0 0; */
}
.totComplexDetail .cunsulting-wrap .grouping .list_bullet.type3 li  {
    font-size: 15px;
    margin: 0 0 6px;
    display: flex;
    align-items: center;
    /* color: #666; */
    gap: 8px;
}
.totComplexDetail .cunsulting-wrap .grouping .list_bullet.type3 li .list-t  {
    flex-shrink: 0;
}
.totComplexDetail .cunsulting-wrap .grouping .list_bullet.type3 li .inner-box {
    font-size: inherit;
    padding: 4px 8px;
    margin: 0 0 0 8px;
    color: #333;
    font-weight: 500;
}

.totComplexDetail .cunsulting-wrap .grouping.phone .list_bullet.type3 li  {
    flex-direction: column;
    align-items: flex-start;
}
.totComplexDetail .cunsulting-wrap .grouping.phone .list_bullet.type3 li .inner-box {
    padding: 8px;
    margin: 0;
}
.totComplexDetail .cunsulting-wrap .grouping.phone .list_bullet.type3 li .inner-box img {
    width: 250px;
}

/* .totComplexDetail .cunsulting-wrap .grouping.call .list_bullet.type3 li {
    flex-direction: column;
    align-items: flex-start;
} */
/* .totComplexDetail .cunsulting-wrap .grouping.call .list_bullet.type3 li .inner-box  {
    width: 100%;
} */
@media screen and (max-width: 991px)    {
    .totComplexDetail .cunsulting-wrap  {
        flex-direction: column;
    }
    .totComplexDetail .cunsulting-wrap .grouping    {width: 100%;}
    .totComplexDetail .cunsulting-wrap .grouping.call .list_bullet.type3 li .inner-box  {
        width: auto;
    }
    .totComplexDetail .cunsulting-wrap .grouping .list_bullet.type3 li .list-t  {
        flex-shrink: 1;
        max-width: 130px;
        min-width: 50px;
        width: 100%;
    }
    .totComplexDetail .cunsulting-wrap .grouping .title h3 {font-size: 16px;}
    .totComplexDetail .cunsulting-wrap .grouping .txt,
    .totComplexDetail .cunsulting-wrap .grouping .list_bullet.type3 li {font-size: 14px;}
    .totComplexDetail .cunsulting-wrap .grouping .title img  {width: 32px;}
}
/* 상담 e */

/* list s */
.totComplexList .totMultiService.pink    {
    background-color: #fff0f4;
}
/* .totComplexList .totMulSvc__service {padding: 24px;} */
.totComplexList .totMulSvc__service .totSvc__head   {
    border-bottom: none;
    padding-bottom: 0;
}
.totComplexList .totMulSvc__service .totSvc__body {width: 100%;}
.totComplexList .totMulSvc__service .totSvc__body-flex {
    display: flex;
    gap: 12px;
}
.totComplexList .totMulSvc__service .totSvc__bnnr .tit_comm {
    min-width: 90px;
}
.totComplexList .totMulSvc__service .totSvc__bnnr .txt_comm {
    width: calc(100% - 0px);
}
.totComplexList .totMulSvc__service .totSvc__body a.totSvc__bnnr {
    display: flex;
    width: 100%;
    gap: 0.4rem;
    padding: 24px;
    border: 1px solid #ddd;
    border-radius: 14px;
    justify-content: space-between;
}
.totComplexList .totMulSvc__service .totSvc__body a + a {
    width: 50%;
}
.equal-list.infomation > li:hover,
a.link:hover {background-color: #e6f3ff;}
.totComplexList .totMulSvc__service .totSvc__body a.totSvc__bnnr:hover  {background-color: #fff5f9;}
.totComplexList .totMulSvc__service .totSvc__bnnr [class^="totIcon"]    {
    top: initial;
    position: relative;
    flex-shrink: 0;
    margin: 0;
}
@media screen and (max-width: 991px)    {
    .totComplexList .totMulSvc__service .totSvc__body-flex  {
        display: flex;
        flex-direction: column;
    }
    .totComplexList .totMulSvc__service .totSvc__body a.totSvc__bnnr {
        width: 100%;
    }
}
@media screen and (max-width: 500px)    {
    .totMultiServiceList [class^="totIcon72__"] {
        width: 50px;
        height: 50px;
    }
    .totComplexList .totMulSvc__service .totSvc__body a.totSvc__bnnr {
        padding: 14px;
    }
}
/* list e */
/* 복합지원 알아보기 e */

/* 직업 훈련 생계비 대부 s */
.jobTraining .t-point    {
    color: #ffb58a;
    font-weight: 600;
}
.jobTraining .draw-box .equal-list dt .txt   {
    background: #000a2645;
}
/* 직업 훈련 생계비 대부 e */


/* 복합지원 연계 혜택 카드 타입 s */
.card-group-type1   {
    word-break: keep-all;
    display: block;
}
.card-group-type1.lay-3 {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    column-gap: 20px;
    row-gap: 16px;
    box-sizing: border-box;
    background: #fff0f4;
    padding: 40px 24px;
    border-radius: 16px;
}
.card-group-type1.lay-3 .item  {
    padding: 24px 16px 24px;
    margin: 0;
    background-color: #fff;
}
.card-group-type1 .item   {
    border-radius: 24px;
    /* border: 1px solid #d3d3d3; */
    padding: 24px 24px 24px;
    text-align: center;
    margin: 0 0 32px;
}
.card-group-type1 .item:last-child  {
    margin: 0;
}
.card-group-type1 .card-tit-bg   {
    font-size: 16px;
    border-radius: 8px;
    padding: 8px 12px;
    margin: 0 0 16px;
    display: inline-block;
    font-weight: 500;
    color: #fff;
    background-color: var(--pastel-pink-1);
}
.card-group-type1 .card-head-i  {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 0.8rem;
}
.card-group-type1 .card-head-i .body-lage   {
    font-size: 22px;
    font-weight: 500;
    text-align: left;
    line-height: 1.5;
    letter-spacing: -1px;
}
.card-group-type1.lay-3 .card-head-i .body-lage {
    font-size: 20px;
}
.card-group-type1 .body-xs  {
    text-align: left;
    line-height: 1.4;
    color: #333;
}
.card-group-type1 .item .check-i  {
    display: inline-block;
    width: 15px;
    height: 9px;
    transform: rotate(-45deg);
    margin: 6px 4px 4px 0;
    transform-origin: 25% 25%;
    border: 3px solid;
    border-color: #fd739c;
    border-top: 0;
    border-right: 0px;
    flex-shrink: 0;
}
.card-group-type1 .line-top {
    margin: 12px 0 0;
    padding: 12px 0 0;
    border-top: 1px solid;
    border-color: #ddd;
}
.card-group-type1 .img-wrap {
    width: 60px;
    min-width: 50px;
}
/* color s */
.card-group-type1 .item .txt-bg-color {
    display: inline;
    box-shadow: inset 0 -12px 0 #fff0f4;
}

/* color e */

.card-group-type1 .body-xxs-wrap    {
    text-align: left;
    margin: 8px 0 0;
}
.card-group-type1 .hyphen p {
    position: relative;
    padding: 0 8px 0;
}
.card-group-type1.lay-3 .hyphen p {display: none;}
.card-group-type1 .hyphen p::before {
    content: '-';
    position: absolute;
    font-size: 14px;
    top: 0;
    left: 0;
}
@media screen and (max-width: 991px)    {
    .mo-d-block {
        display: block !important;
    }
    .card-group-type1 .card-head-i .body-lage   {
        font-size: 18px;
    }
    .card-group-type1.lay-3 .item  {
        margin: 0 0 14px;
    }
    .card-group-type1.lay-3 {
        padding: 24px 16px;
    }
}

/* 복합지원 연계 혜택 카드 타입 e */

/* 본인인증 s */
@media screen and (min-width: 992px)    {
    .popup_ok_name.layer_area .area_comm   {padding: 24px 40px;}

    .popup_ok_name .layer_container {
        max-height: calc(100vh - 160px);
    }
}
.popup_ok_name .grp_apply .grp_tf   {margin-top: 1.6rem;}
/* 본인인증 e */

.double-box-h .equal-list-flex  {
    display: flex;
    gap: 16px;
}
.double-box-h .equal-list.double-box   {
    padding: 0;
    width: 33.33%;
}
.double-box-h .equal-list.double-box dt {
    height: 76px;
    display: flex;
    align-items: center;
    justify-content: center;
}
@media (max-width: 768px)   {
    .double-box-h .equal-list-flex   {
        flex-direction: column;
    }
    .double-box-h .equal-list.double-box    {width: 100%;}
    .double-box-h .equal-list.double-box dt {height: auto;}
}


/*font 수정 s */
/* 상단, 복합지원 서비스 */
/* @media (min-width: 992px)   {
    .totComplexDetail .grouping.bigger .title {font-size: 24px;}
    .totComplexDetail .totMulSvc__service .totSvc__head .tit_comm   {font-size: 22px;}
    .totComplexDetail .grouping.bigger .title.box_color,
    .totMulSvc__service .totSvc__bnnr .tit_comm  {
        font-size: 20px;
    }
    .totMulSvc__service .totSvc__bnnr .txt_comm,
    .totComplexDetail .grouping.bigger .txt {font-size: 18px;}
} */
/* 상단, 복합지원 서비스 */

/* 복합지원 서비스 */
/* @media (min-width: 992px)   {
    .totComplexDetail {font-size: 24px;}
    .totComplexDetail .card-group-type1.lay-3 .card-head-i .body-lage {font-size: 22px;}

    .totMulSvc__service   {
        font-size: 20px;
    }
    .totComplexDetail .card-group-type1 .body-xs,
    .totComplexDetail .card-group-type1 .card-tit-bg {font-size: 18px !important;}
} */

/* 상담 영역 */
/* @media (min-width: 992px)   {
    .totComplexDetail .cunsulting-wrap .grouping .title h3    {font-size: 20px;}

    .totComplexDetail .cunsulting-wrap .grouping .list_bullet.type3 li,
    .totComplexDetail .cunsulting-wrap .grouping.bigger .txt,
    .totComplexDetail .cunsulting-wrap .grouping.bigger .body p   {font-size: 17px;}
} */

/* 직업훈련 생계비대부 */
/* @media (min-width: 992px)   {
    .jobTraining     {font-size: 20px;}
} */

/*font 수정 e */

/* 2502 복합지원 e */