/* 20240415 add style [S] */

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

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

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


/* common [E] */
.wrapper:not(.main)::before {content: ''; display: block; position: fixed; width:100%; height:100px; background: #fff; z-index: 997; top: -90px; left:0;}

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

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

.layer_wrapper .layer_container {padding: 5.6rem 0 9.5rem;}
.layer_wrapper .header.app {padding:1.8rem 0 1.5rem; top:-4px;}
.layer_wrapper .layer_footer [class*='btn_'] {margin:1.3rem 2rem;}

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

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

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

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


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

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

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

/* footer [E] */


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

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

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

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



/* ------ tot sytle  ------------ */
/* common */
.blind {
    position: absolute;
    width: 1px;
    height: 1px;
    color: transparent;
    overflow: hidden;
    box-sizing: border-box;
}

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

.area_comm {padding:4rem 2rem}
.area_comm:first-of-type {padding-top:2.4rem}

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

/* icon */
[class^="totIcon32__"] {display: inline-block; width:32px; height:32px; vertical-align: middle;}
.totIcon32__kakao {background:url(../images/tot/logo/logo_kakao-cbdc934d75b5a85b9729cd65766aa375.png) no-repeat center / contain;}
.totIcon32__naver {background:url(../images/tot/logo/logo_naver-1a4de14ae52c633674ecb404d1900d23.png) no-repeat center / contain;}
.totIcon32__pass {background:url(../images/tot/logo/logo_pass-70ba30f55bf8a2b68b3fa4c76db5f40f.png) no-repeat center / contain;}
.totIcon32__dream {background:url(../images/tot/logo/logo_dream-b8d0e660c866bc02d03f0edee9db95b0.png) no-repeat center / contain;}
.totIcon32__tos {background:url(../images/tot/logo/logo_toss-df917b7fda4dbcb233326af0b7ba3bba.png) no-repeat center / contain;}
.totIcon32__kb {background:url(../images/tot/logo/logo_kb-047d59db72571f76a5120d43562903c0.png) no-repeat center / contain;}
.totIcon32__shinhan {background:url(../images/tot/logo/logo_shinhan-7dc0443564de1e4223483b0bdedd57f9.png) no-repeat center / contain;}
.totIcon32__payco {background:url(../images/tot/logo/logo_payco-d83d8bca856ce0c04568b331fc62fcdd.png) no-repeat center / contain;}
.totIcon32__samsung {background:url(../images/tot/logo/logo_samsung-47e07d793c743d60e5ffaa538aaa9c8d.png) no-repeat center / contain;}
.totIcon32__banksalad {background:url(../images/tot/logo/logo_banksalad-0b08a138a2f5c25e7dc298bc64f3e825.png) no-repeat center / contain;}
.totIcon32__hana {background:url(../images/tot/logo/logo_hana-fcbe4576d36d3202157661d3a8089174.png) no-repeat center / contain;}

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

.totIcon__service01 {display: inline-block; width:80px; height:48px; vertical-align: middle; background:url(../images/tot/icon_svc01-1da07b6abd2793b56077cf4f26290cf3.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-49c97bc05a027c6f7f9d7fca9b391700.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-9408238148c5cceff6af199d0627ea02.png) no-repeat center / 100% auto}
.totIcon__service07 {display: inline-block; width:47px; height:47px; vertical-align: middle; background:url(../images/tot/icon_svc07-0be2dbdebcc7debdd524a06dd27d8eaa.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-f812d32f171c5fa9c735b6ca7c62c232.png) no-repeat center / 100% auto;}
.totIcon72__service02 {background:url(../images/tot/icon72_svc02-c17426e2fe36fb9b92a1f0beb582aa2e.png) no-repeat center / 100% auto;}
.totIcon72__service03 {background:url(../images/tot/icon72_svc03-a26a4c5f6ff6eecf01f325e412a21260.png) no-repeat center / 100% auto;}
.totIcon72__service04 {background:url(../images/tot/icon72_svc04-1f7dc659f79d6a1889f50e37c21f3f2c.png) no-repeat center / 100% auto;}
.totIcon72__service05 {background:url(../images/tot/icon72_svc05-a9b99ef457e21762c7949d9b9a40ffd2.png) no-repeat center / 100% auto;}
.totIcon72__service06 {background:url(../images/tot/icon72_svc06-300b57f8df8759f64c89e8a1b08e5152.png) no-repeat center / 100% auto;}
.totIcon72__service07 {background:url(../images/tot/icon72_svc07-ca45f106e4bfbbc3269e377bca0fada2.png) no-repeat center / 100% auto;}

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

[class^="totIcon24__"] {display: inline-block; width:24px; height:24px; vertical-align: middle;}
.totIcon24__lon01 {background:url(../images/tot/icon_lon01-3b05c285821fc9d0971222ea2906bdff.png) no-repeat center / contain;}
.totIcon24__lon02 {background:url(../images/tot/icon_lon02-a863757a40fb8a9f88ec8b80e37492cd.png) no-repeat center / contain;}
.totIcon24__lon03 {background:url(../images/tot/icon_lon03-cb1a8ff44e080aeda62eb34fa2182fec.png) no-repeat center / contain;}
.totIcon24__lon04 {background:url(../images/tot/icon_lon06-ba9dd016e93c799956726c90fc98a3f2.png) no-repeat center / contain;}
.totIcon24__lon05 {background:url(../images/tot/icon_lon04-2d2e4bb2c8ac6ca43fbeca47e9338822.png) no-repeat center / contain;}
.totIcon24__lon06 {background:url(../images/tot/icon_lon05-3c7a646d823f1c8d6974cd61a2938657.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-4fe521793edb614f80d6d90c1774e1f3.png) no-repeat center / 40px 40px;}
.totIcon__circle02 {background: #fff url(../images/tot/icon40_svc02-6ec38c94ae8dfb0760b3805edcff8279.png) no-repeat center / 40px 40px;}
.totIcon__circle03 {background: #fff url(../images/tot/icon40_svc03-3169997a6e8c72a1f8f48cdc4b3a4496.png) no-repeat center / 40px 40px;}
.totIcon__circle04 {background: #fff url(../images/tot/icon40_svc04-c4382444af03ea2c4a2132fa46e38ccd.png) no-repeat center / 40px 40px;}
.totIcon__circle05 {background: #fff url(../images/tot/icon40_svc05-28ee4b780958cfd783111dfd61588c4d.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/menu/04-de087aad0d6b07739f259b0bf9898762.svg) no-repeat center / 52px 52px;}
.totIcon52__circle02 {background: #eaf0f7 url(../images/menu/06-909b19256a2f802eb87214d32054e6a4.svg) no-repeat center / 52px 52px;}

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

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

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


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

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

.grp_half .inner_half .btn_comm {background-color: #222;}
.grp_half .inner_half .btn_comm.idle {background-color: #159ede;}

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

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

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

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

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

.grp_hello [class^="totIcon"] {margin-bottom:1.2rem;}
/* .grp_hello .tit_comm {font-size:2rem;} */
.grp_hello .tit_comm2 {font-size:1.8rem;}
.grp_hello span.txt_comm {margin-top:1.2rem;}
.grp_hello p.txt_comm {font-size:1.4rem}

.grp_hello .totName {color:#0076c9}

.grp_apply {margin-top:4rem}
.grp_apply .grp_tf {margin-top:2.4rem}

.grp_tf > .grp_choice {padding-top:0;}
.grp_tf .lab_comm,
.grp_tf .txt_tf {display: block; margin-bottom:1rem; font-size:1.6rem; color:#010101;}
.box_tf .tf_l {padding: 1.1rem 1.6rem ; border:1px solid #eee; border-radius: 8px; font-size:1.6rem; color:#010101;}
/* .box_tf .tf_l:focus {background-color: #fafafa;} */
.box_tf .tf_l.clear {padding:1.1rem 1.2rem; font-size:1.8rem; background-color: #fff;}
.box_tf .tf_l:disabled,
.box_tf .tf_l:read-only {color:#010101; background-color: #fafafa;}

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

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

.grp_opt {padding: 1.1rem 1.6rem ; border:1px solid #eee; border-radius: 8px;}
.grp_opt .ico_kinfa {right:1.1rem}
.grp_opt .opt_comm {font-size:1.6rem;}
.grp_opt .txt_comm {padding-left: 1.1rem; font-size:1.6rem;}
.grp_opt + .box_tf {margin-top:.8rem}

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

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

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

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

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

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


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

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

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

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

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

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

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


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

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

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

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

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

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

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


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

/* 약관동의 [TOT_02000001]  */
.box_inp.all {display: block; padding:16px 16px; border-radius: 12px; background-color: #eaf0f7;}
.box_inp.all .inp_chk {top:16px; left:16px;}
.box_inp .lab_chk {vertical-align: middle;}
.box_inp.all .txt_chk {font-size:1.8rem}
.box_inp.thin .txt_chk {font-size:1.4rem; line-height: 2rem;}
.list_agree.small li.tit {margin-bottom:2.4rem; font-size:1.4rem; color:#182024; font-weight: 600;}
.list_agree.small li {font-size:1.4rem;}
.list_agree.small li + li.tit {margin-top:4rem}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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


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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.totMulSvc__service .totSvc__bnnr {position: relative;}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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


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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.img_loader_box {position: relative;}
.img_loader_box .loading1 {height:114px;}
.img_loader_box .img_loading_unit {position: absolute; top:45px; left:50%; margin-left:-3px; width:93px; height:93px; background:url(../images/tot/img_loader_unit-edcb3c8de101689475675bf238add6f3.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-dc43129a8ac65c1f229ff6cba1ba27c7.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-71db07dda850f9c19a379830ee536e6b.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-91b333378301a62361e5871c134a8486.png) no-repeat; animation: 3s img_loading2_unit1 cubic-bezier(0.25, 0.46, 0.45, 0.94) infinite; margin-left: 48px; animation-delay: .7s;-webkit-animation: 3s img_loading2_unit1 cubic-bezier(0.25, 0.46, 0.45, 0.94) infinite; -webkit-animation-delay: .7s; background-size: 56px 76px;}

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

/* loader3 */
.img_loading3 {position: relative; z-index: 10;}
.img_loading3 img {height:60px;}
.img_loading3::before {content: ''; background: url(../images/tot/img_loader3_unit3-17e257f0e032901b9e1dbaf8d984223b.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-a3d77b7b408cffc14d545b0966a4999e.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-011754c415b55453c387aac74e05be00.png) no-repeat 0 0; width:40px; height: 40px; background-size: 40px 40px; animation: 1s img_loading4 linear infinite;}
.defalut-swiper-wrap.m0 {margin:0;}
.defalut-swiper-wrap.slide_1 {margin: 40px auto; max-width:320px; width: 100%;}
.defalut-swiper-wrap.slide_1 .slide_slide {width:100%; padding-top:40px; padding-bottom: 0;}
.slide_1 img {max-width:320px; width:100%; animation: opc 10s linear infinite; }
.defalut-swiper-wrap.slide_1::after {content:''; display: block; background: url(../images/tot/tutorial_icon01-2a9ebebaef3106ba44490d364416d367.png) no-repeat 0 0; width:94px; height:133px; position: absolute; background-size: 94px 133px; bottom:-66px; right:50%; margin-right: -148px; animation: icon1 10s linear infinite; z-index: 1;}
.defalut-swiper-wrap.slide_1 .slide_slide1 {position: relative;}


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

@keyframes icon1 {
    0% {
        background: url(../images/tot/tutorial_icon01-2a9ebebaef3106ba44490d364416d367.png) no-repeat;
        background-size: 94px 133px;
    }
    30% {
        background: url(../images/tot/tutorial_icon01-2a9ebebaef3106ba44490d364416d367.png) no-repeat;
        background-size: 94px 133px;
    }
    31% {
        opacity: 1;
        background: url(../images/tot/tutorial_icon02-68a20a4a8754306b8e5c20eb551b7be1.png) no-repeat;
        background-size: 94px 133px;
    }
    60% {
        opacity: 1;
        background: url(../images/tot/tutorial_icon02-68a20a4a8754306b8e5c20eb551b7be1.png) no-repeat;
        background-size: 94px 133px;
    }
    61% {
        opacity: 1;
        background: url(../images/tot/tutorial_icon03-d057c631e964c987479af8023f224cb1.png) no-repeat;
        background-size: 94px 133px;
    }
    100% {
        opacity: 1;
        background: url(../images/tot/tutorial_icon03-d057c631e964c987479af8023f224cb1.png) no-repeat;
        background-size: 94px 133px;
    }
}

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

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

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


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


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


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

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

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

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

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

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


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

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

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

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

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

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

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

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

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

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

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

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

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