body {
    /* background: #fafafa; */
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7)),
        #f5f5f5;
}

.form-wrap {
    outline: none !important;
    border-radius: 15px;
}
.fs500 {
    font-weight: 500 !important;
}
.txt-l {
    text-align: left;
}
#wrap {
    position: relative;
}
#cmid {
    position: relative;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}
#cmid .mt10 {
    margin-top: 10px;
}
#cmid .mt20 {
    margin-top: 20px;
}
#cmid .mt30 {
    margin-top: 30px;
}
.mt30 {
    margin-top: 30px;
}
#cmid h1 {
    padding-top: 60px;
    font-size: 40px;
    font-weight: 700;
    text-align: center;
    color: white;
}
.progress-cont {
    margin-left: auto;
    margin-right: auto;
    overflow: hidden;
    margin-top: 30px;
}
.progressbar {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    overflow: hidden;
}
.progressbar li:first-child {
    margin-left: 0;
}
.progressbar li.on {
    z-index: 5;
    border: 0;
    border-radius: 0;
    background: url("../images/sub/ico_chk_red.png") no-repeat center 0 / 30px
        auto;
}
.progressbar li.on span {
    font-size: 0;
}
.progressbar li.on:after {
    background-color: #ff3851;
}
.progressbar li {
    list-style-type: none;
    float: left;
    padding-right: 4px;
    padding-top: 5px;
    font-size: 16px;
    font-weight: 500;
    margin: 0 10px;
    position: relative;
    text-align: center;
    text-transform: uppercase;
    color: #666;
    box-sizing: border-box;
    width: 30px;
    height: 30px;
    line-height: 20px;
    background: #ffffff;
    border: 1px solid #dedede;
    border-radius: 50px;
}
.progressbar li:last-child {
    margin-right: 0;
}
.progressbar li:before {
    z-index: 1;
    position: relative;
    content: counter(step);
    counter-increment: step;
    text-align: center;
    margin: 0 auto 10px auto;
    font-size: 0;
}
.progressbar li:after {
    width: 100%;
    height: 1px;
    content: "";
    position: absolute;
    background-color: white;
    top: 15px;
    left: -100%;
    z-index: 1;
}
.progressbar li:first-child:after {
    content: none;
}
.progressbar li.active {
    z-index: 4;
    position: relative;
    width: auto;
    color: #666;
    padding: 0 16px;
    background: white;
}
.progressbar li.active.red {
    border: 1px solid #ff3851;
    background: #ff3851;
    color: white;
}
.progressbar li.active span {
    position: relative;
    top: 4px;
}
.progressbar li.active:before {
    background: 0;
    border: 0;
}
.progressbar li.active:after {
    background-color: #ff3851;
}
.progressbar li.done:after {
    background-color: #00a885;
}
.progressbar li.done:before {
    border: 2px solid #00a885;
    background: #00a885;
}
#cmid .msg {
    position: relative;
    margin-top: 60px;
}
#cmid .msg a {
    position: absolute;
    right: 0;
    bottom: 0;
}
#cmid .msg a img {
    width: 126px;
    height: auto;
}
#cmid .msg > dl {
    min-height: 69px;
}
#cmid .msg dt {
    font-size: 30px;
    font-weight: 700;
    text-align: left;
    color: white;
}
#cmid .msg dd {
    font-size: 16px;
    font-weight: 400;
    text-align: left;
    color: #aaa;
}
.cont-w legend {
    visibility: hidden;
    overflow: hidden;
    position: absolute;
    top: 0;
    left: 0;
    width: 0;
    height: 0;
    font-size: 0;
    line-height: 0;
}
.cont-w {
    margin: 30px 0 0px; /*min-height:475px;*/
}
.cont-w h2 {
    display: inline-block;
    text-align: left;
    font-size: 24px;
    font-weight: 700;
    color: #222;
}
.cont-w fieldset {
    width: 100%;
    text-align: left;
}
.cont-w .terms-wrap .form-wrap {
    margin-top: 0; /* padding:25px 40px; */
    padding: 45px 40px;
} /* 23/06/30 s 상단 여백 조절 */
.cont-w .terms-wrap .inner-accordion-contents {
    padding: 0;
}
/* 23/07/03 버튼 클릭 높이 조절 */
.wrap-accordion-contents.d-block.show.on {
    /* height:190px!important; */
    height: 200px !important;
} /* 23/07/13 버튼 클릭 높이 조절 */
.cont-w.business.cont-w2 .wrap-accordion-contents.d-block.show.on {
    height: 460px !important;
}
.cont-w.business.cont-w3 .wrap-accordion-contents.d-block.show.on {
    height: 337px !important;
} /* 23/07/10 버튼 클릭 높이 조절 */

/* .wrap-accordion-contents.d-block.show { height:119px!important; } */

/* 23/06/29 s 오류메세지 하단 영역 */
.cont-w .terms-wrap .inner-accordion-contents ul {
    padding-bottom: 20px;
}
/* 23/06/29 e */
.cont-w .terms-wrap .form-wrap .accordion-btn {
    float: right;
    top: 5px;
}
.cont-w .form-wrap ul li label.tit {
    width: 15%;
    height: 60px;
    font-size: 18px;
    font-weight: 500;
    color: #666;
    display: flex;
    align-items: center;
}
.cont-w .form-wrap input {
    box-sizing: border-box;
    height: 60px;
    line-height: 60px;
    padding-left: 20px;
    border-radius: 10px;
    font-size: 18px;
}
.cont-w .form-wrap input[type="text"],
.cont-w .form-wrap input[type="number"],
.cont-w .form-wrap input[type="password"] {
    border: 1px solid #dedede;
}
.cont-w .form-wrap input,
.cont-w .form-wrap label,
.cont-w .form-wrap span.w2p {
    float: left;
}
.cont-w .form-wrap input[type="text"]:focus,
.cont-w .form-wrap input[type="number"]:focus,
.cont-w .form-wrap input[type="password"]:focus,
.cont-w .form-wrap select:focus {
    border-color: #016ecd;
}
.cont-w .form-wrap input.error,
.cont-w .form-wrap select.error,
.cont-w .form-wrap input.error:focus,
.cont-w .form-wrap select.error:focus {
    border-color: #ff3851;
}
.cont-w .inner-accordion-contents li {
    /*display:table;*/
    height: 60px;
    position: relative;
    overflow: hidden;
    width: 100%;
    margin-top: 25px;
}
.wrap-accordion-contents.h-100.ov {
    overflow: inherit;
}
.wrap-accordion-contents.ov {
    overflow: inherit;
}
.wrap-accordion-contents.ov .inner-accordion-contents li {
    overflow: inherit;
}
.wrap-accordion-contents.ov .tooltip-wrap label img {
    width: 15px;
    height: auto;
    vertical-align: 2px;
}
.wrap-accordion-contents.ov .tooltip-wrap .tooltip-cont {
    display: none;
    background: #fafafa;
    border: 1px solid #ededed;
    border-radius: 8px;
    padding: 10px;
    font-size: 12px;
    min-width: 250px;
    position: absolute;
    z-index: 2; /* z-index: 1; */ /* top:22px; */
} /* 23/06/30 툴팁 z-index 수정 */
.wrap-accordion-contents.ov .tooltip-wrap .tooltip-cont {
    max-width: 300px; /* top:inherit; bottom:30px; left:60px; */
    left: 0px;
    top: auto;
    bottom: calc(100% - 60px);
}
.wrap-accordion-contents.ov .tooltip-wrap .tooltip-cont dd + dd {
    margin-top: 3px;
}
.wrap-accordion-contents.ov .tooltip-wrap.on .tooltip-cont {
    display: block;
}
.wrap-accordion-contents.ov .tooltip-btn {
    display: inline-block; /* position:absolute; */
    bottom: 8px;
    right: 20px;
}

.wrap-accordion-contents.ov .tooltip-wrap .tooltip-close-btn {
    width: 1.4rem;
    height: 1.4rem;
    background: url(../images/common/ico_cmm_close.svg) no-repeat center/ 0.8rem;
    color: transparent;
}
.wrap-accordion-contents.ov .tooltip-wrap .tooltip-close-btn:focus {
    outline: auto;
}
.wrap-accordion-contents.ov .tooltip-tit p {
    font-size: 13px;
    color: rgba(0, 0, 0, 0.87);
    font-weight: 500;
}
.wrap-accordion-contents.ov .tooltip-wrap .tooltip-tit {
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 13px;
    font-weight: 500;
}
.wrap-accordion-contents.ov .tooltip-wrap .tooltip-btn {
    display: block;
    width: 20px;
    height: 20px;
}
.tooltip-wrap a.tooltip-btn img {
    width: 18px;
    height: auto;
    vertical-align: 0px;
}

.cont-w .fl-r.chk {
    width: 23%;
}
.cont-w .w95p {
    width: 95% !important;
}
.cont-w .w90p {
    width: 90% !important;
}
.cont-w .w85p {
    width: 85% !important;
}
.cont-w .w80p {
    width: 80% !important;
}
.cont-w .w75p {
    width: 75% !important;
}
.cont-w .w70p {
    width: 70% !important;
}
.cont-w .w65p {
    width: 65% !important;
}
.cont-w .w64p {
    width: 64% !important;
}
.cont-w .w60p {
    width: 60% !important;
}
.cont-w .w59p {
    width: 59% !important;
}
.cont-w .w55p {
    width: 55% !important;
}
.cont-w .w50p {
    width: 50% !important;
}
.cont-w .w45p {
    width: 45% !important;
}
.cont-w .w40p {
    width: 40% !important;
}
.cont-w .w35p {
    width: 35% !important;
}
.cont-w .w30p {
    width: 30% !important;
}
.cont-w .w25p {
    width: 25% !important;
}
.cont-w .w20p {
    width: 20% !important;
}
.cont-w .w10p {
    width: 10% !important;
}
.cont-w .w5p {
    width: 5% !important;
}
.cont-w .w2p {
    width: 2% !important;
}
.ib {
    display: inline-block !important;
}
.fl-l {
    float: left !important;
}
.fl-r {
    float: right !important;
}
.txt-r {
    text-align: right !important;
}
.btn-que {
    height: 60px;
    line-height: 60px;
}
.btn-que img {
    vertical-align: -4px;
}
.cont-w .chk .form-wrap {
    flex-flow: inherit; /*margin-top:20px!important;*/
    padding: 0;
    box-shadow: none !important;
    background: none !important;
    border: none !important;
}
.cont-w .chk .form-wrap label {
    color: black;
    font-size: 15px;
}
.cont-w .chk input {
    width: 20px !important;
    height: 20px !important;
    margin-right: 0 !important;
    border-radius: 3px;
}
.btn-bot-gray {
    width: 100%;
    margin: 30px 0 56px;
}
.btn-bot-gray .btn-confirm {
    z-index: 3;
    height: 80px;
    background-color: #dedede;
    color: #999;
    border-radius: 15px;
}
.btn-bot-gray .btn-confirm.on {
    background: #016ecd;
    color: white;
}
.btn-bot-gray button {
    display: block;
    width: 100%;
    font-weight: 700;
    font-size: 24px;
}
#btn-guide {
    z-index: 100;
    position: absolute;
    top: 270px;
}
#btn-guide img {
    width: 126px;
    height: auto;
}
#btn-right {
    z-index: 6;
    position: fixed;
    top: 60px;
    right: 50%;
}
#btn-right img {
    width: 50px;
    height: auto;
}
.cont-w select {
    background: #ffffff;
    border: 1px solid #dedede;
    border-radius: 10px;
}
.cont-w .form-wrap .select-input select {
    margin-left: 0;
    font-size: 18px;
}
.cont-w .form-wrap .form-title {
    margin: 0;
}
.cont-w .form-wrap .select-input.phone-type {
    width: 100%;
}
.cont-w .form-wrap .select-input select {
    height: 60px;
    line-height: 60px;
    padding: 0 0 0 20px;
}
.cont-w .form-wrap .select-input::after {
    right: 20px;
}
.cont-w a.btn-gray {
    width: 18%;
}
.cont-w a.btn-blue {
    width: 19%;
    height: 60px;
    line-height: 60px;
    color: #016ecd;
    font-size: 18px;
    background: #ffffff;
    border: 1px solid #016ecd;
    border-radius: 10px;
    /* padding:0 17px; */
}
.cont-w a.btn-gray {
    width: 19%;
    height: 60px;
    line-height: 60px;
    color: #666;
    font-size: 18px;
    background: #ffffff;
    border: 1px solid #666;
    border-radius: 10px;
    /* padding:0 17px; */
}
.cont-w .real-timer {
    position: absolute;
    right: 5%;
    top: 18px;
}
.cont-w .real-timer span {
    font-size: 16px;
}
.form-wrap .btn-clear {
    position: absolute;
    right: 15px;
}
.wrap-agree .form-wrap {
    display: inherit;
    text-align: left;
}
.wrap-agree .form-wrap .top {
    padding-left: 40px;
}
.wrap-agree .form-wrap > input[type="checkbox"] + label {
    position: relative;
    bottom: 3px;
    font-size: 24px;
    font-weight: 700;
}

/* 23/07/12 클라우드 추가 s */
.form-wrap .chk-area input {
    position: relative;
    top: 5px;
}
.form-wrap .chk-area input[type="checkbox"]:checked {
    background-color: #016ecd;
}
.form-wrap .chk-area {
    margin-top: 25px;
    padding-top: 30px;
    padding-bottom: 15px;
    border-top: 1px dashed #dedede;
    text-align: right;
}
.form-wrap .chk-area label {
    padding-left: 10px;
    font-size: 20px;
    color: #666;
    font-weight: 400;
}
/* 23/07/12 클라우드 e */

.wrap-agree .terms-wrap .form-wrap .inner-accordion-contents {
    margin-top: 30px;
}
.wrap-agree .terms-wrap .inner-accordion-contents {
    padding: 0;
}
.wrap-agree .terms-wrap .terms-small-list {
    padding: 40px;
}
.wrap-agree .terms-wrap .form-checkbox-input > input[type="checkbox"] + label {
    font-size: 20px;
    font-weight: 400;
    color: #666;
}
.wrap-agree .terms-wrap .form-checkbox-input > input[type="checkbox"] {
    width: 14px;
    height: 12px;
}
.wrap-agree .terms-wrap .btn-text {
    font-size: 14px;
}
.wrap-agree .terms-wrap .terms-small-list > li + li {
    margin-top: 25px;
}
#cmid .chk-lst-blue {
    display: flex;
    justify-content: space-between;
    margin: 0 auto;
}
#cmid .chk-lst-blue li {
    text-align: center;
    background-color: #fff;
    border-radius: 1rem;
}
#cmid .chk-lst-blue li input[type="radio"] {
    position: absolute;
}
#cmid .chk-lst-blue li input[type="radio"] + label {
    position: relative;
    display: block;
    height: 100%;
    font-size: 30px;
    color: #222;
    font-weight: 400;
    line-height: 35px;
    border-radius: 1rem;
    padding: 148px 40px 30px;
    font-weight: 500;
    outline: 2px solid #dedede;
}
/* 23/07/05 hover 이벤트 추가 s */
#cmid .chk-lst-blue li input:hover + label {
    outline: 2px solid #016ecd !important;
}
/* 23/07/05 hover 이벤트 추가 e */

#cmid .chk-lst-blue li.type-finger input[type="radio"] + label {
    background: url("../images/sub/ico_licence1.png") no-repeat center 30px /
        86px auto;
}
#cmid .chk-lst-blue li.type-face input[type="radio"] + label {
    background: url("../images/sub/ico_licence2.png") no-repeat center 30px /
        86px auto;
}
#cmid .chk-lst-blue li input[type="radio"]:checked + label {
    outline: 2px solid #016ecd;
}
#cmid .chk-lst-blue li input[type="radio"]:checked + label:after {
    content: "";
    position: absolute;
    top: -20px;
    right: -22px;
    width: 40px;
    height: 40px;
    background: url("../images/sub/ico_chk_blue.png") no-repeat center 0 / 40px
        auto;
}
#cmid .qrcode .tit {
    display: table;
    position: relative;
    margin: 0 auto;
    font-size: 24px;
    font-weight: 700;
}
#cmid .qrcode .tit a {
    display: inline-block;
}
#cmid .qrcode .tit img {
    width: 30px;
    height: auto;
    vertical-align: -7px;
}
#cmid p.qrcode {
    margin: 30px 0;
}
#cmid p.qrcode img {
    width: 150px;
    height: auto;
}

/* 23/06/21 모바일 신분증 연장하기 추가 s */
#cmid p.qrcode.off img {
    opacity: 0.1;
}
#cmid p.qrcode.off img.refresh {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 38px;
    height: auto;
    opacity: 1;
}
#cmid .time-count {
    font-size: 20px;
    font-weight: 400;
}
#cmid .time-count img {
    width: 17px;
    height: auto;
    vertical-align: -1px;
}
/* 23/06/21 모바일 신분증 연장하기 추가 e */

#cmid .form-wrap > .inner {
    padding: 0 40px;
}
#cmid .lst-group.pd {
    padding: 0 170px;
}
#cmid .lst-group dl {
    overflow: hidden;
    padding: 0;
}
#cmid .lst-group dl + dl {
    margin-top: 16px;
}
#cmid .lst-group dl dt,
#cmid .lst-group dl dd {
    font-size: 24px;
}
#cmid .lst-group dl dt {
    float: left;
    font-weight: 400;
}
#cmid .lst-group dl dd {
    float: right;
    font-weight: 700;
}
#cmid .lst-group dl dd span {
    font-size: 16px;
    font-weight: 400;
}
.inner > .head {
    padding-bottom: 20px;
    border-bottom: 1px dashed #dedede;
}
.inner > .head h2 {
    font-weight: 700;
}
.inner .right.txt {
    position: relative;
    top: 2px;
    color: #666;
    font-size: 16px;
    font-weight: 400;
}
.inner .right.txt img {
    position: relative;
    top: 3px;
    width: 17px;
    height: auto;
}
.inner .pay {
    margin-top: 30px;
    padding-bottom: 40px;
}
.pay .row > div {
    text-align: center;
}
.pay .row > div.on p {
    color: #016ecd;
}
.pay .row div.pay1 {
    background: url("../images/sub/ico_pay1.png") no-repeat center 26px / 30px
        auto;
}
.pay .row div.pay2 {
    background: url("../images/sub/ico_pay2.png") no-repeat center 26px / 30px
        auto;
}
.pay .row div.pay3 {
    background: url("../images/sub/ico_pay3.png") no-repeat center 26px / 30px
        auto;
}
.pay .row div.pay4 {
    background: url("../images/sub/ico_pay4.png") no-repeat center 40px / 30px
        auto;
}
.pay .row div.pay5 {
    background: url("../images/sub/ico_pay5.png") no-repeat center 26px / 30px
        auto;
}
.pay .row div.pay1:hover,
.pay .row div.pay1:hover {
    background: url("../images/sub/ico_pay1_on.png") no-repeat center 26px /
        30px auto;
}
.pay .row div.pay2:hover {
    background: url("../images/sub/ico_pay2_on.png") no-repeat center 26px /
        30px auto;
}
.pay .row div.pay3:hover {
    background: url("../images/sub/ico_pay3_on.png") no-repeat center 26px /
        30px auto;
}
.pay .row div.pay4:hover {
    background: url("../images/sub/ico_pay4.png") no-repeat center 40px / 30px
        auto;
}
.pay .row div.pay5:hover {
    background: url("../images/sub/ico_pay5_on.png") no-repeat center 26px /
        30px auto;
}
.pay .row div p {
    padding-top: 50px;
    font-size: 18px;
    font-weight: 500;
}
.pay .row > div .box {
    padding: 30px 0 20px;
    border: 1px solid #eeeeee;
    border-radius: 6px;
}
.pay .row > div.on .box {
    border: 1px solid #016ecd; /* filter: invert(34%) sepia(69%) saturate(4941%) hue-rotate(193deg) brightness(88%) contrast(99%); */
}
.txt.text-center {
    background: url("../images/common/ico_msg_complete.svg") no-repeat center 0;
}
.txt.text-center dl {
    margin: 0 40px 30px;
    padding: 30px 40px;
    border-bottom: 1px dashed #dedede;
}
.txt.text-center dl.bor-btm-none {
    padding: 30px 40px 40px;
}
.txt.text-center dl dt {
    padding-top: 70px;
    font-size: 30px;
    font-weight: 700;
}
.txt.text-center dl dd {
    padding-top: 15px;
    font-size: 20px;
    font-weight: 400;
    color: #666;
}
.txt.text-center dl dt p.txt-blue {
    margin-top: 15px;
    color: #016ecd;
    font-size: 20px;
    font-weight: 500;
}
.txt.text-center dl dt p.txt-blue img {
    position: relative;
    top: 3px;
    width: 24px;
    height: auto;
}
.wrap-agree div.desc {
    margin: -10px 40px 0;
    padding-top: 20px;
    padding-bottom: 40px;
    border-top: 1px dashed #dedede;
    text-align: center;
}
.wrap-agree div.desc p {
    font-size: 14px;
    color: #999;
}
.wrap-agree div.desc a {
    display: inline-block;
    margin-top: 15px;
    padding: 5px 10px;
    background: #dedede;
    border-radius: 100px;
    color: #999;
    font-size: 14px;
    font-weight: 500;
}
#cmid span.complete {
    display: none;
    position: absolute;
    right: 100px;
    top: 25px;
    font-size: 16px;
    font-weight: 500;
    color: #016ecd;
}
#cmid .wrap-agree .terms-wrap .btn-text {
    width: inherit;
    height: inherit;
    font-size: 12px;
    background: none;
    padding-right: 0;
}
#cmid .wrap-agree .form-wrap.on > input[type="checkbox"] + label {
    color: #016ecd;
}
/* #cmid .wrap-agree .form-wrap.on span.complete { display:block; } */
/* .wrap-accordion-contents.ov { overflow: inherit; } */
/* 개발(23/06/19) */
#cmid .wrap-agree .form-wrap span.complete.on {
    display: block;
}

/* 플레이스 홀더 컬러 */
.cont-w ::-webkit-input-placeholder {
    color: #aaa;
}
.cont-w :-moz-placeholder {
    color: #aaa;
} /* Firefox 18- */
.cont-w ::-moz-placeholder {
    color: #aaa;
    opacity: 1;
} /* Firefox 19+ 무슨 이유인지는 모르나 반투명처리되어 opacity가 있어야함 */
.cont-w :-ms-input-placeholder {
    color: #aaa;
}

/* input box 오류메세지(23/06/21) */
.error-msg-txt.error {
    z-index: 2;
    min-height: 20px;
    bottom: -20px;
    margin-left: 15%;
    padding-top: 5px;
}
.ov .inner-accordion-contents .error-msg-txt.error {
    bottom: -20px;
    margin-left: 15%;
}
.cont-w .form-wrap .inner-acc2 .error-msg-txt.error {
    bottom: -20px;
    margin-left: 20%;
}

/* 오류메세지 클래스 on 추가(23/06/30) */
.error-msg-txt.error.on {
    display: none;
}

/* 23/06/28 높이값 유지 */
#cmid .msg.msg2 {
    opacity: 0;
}

/* 23/06/30 모달 레이어 페이지 변경 */
.modal-inner fieldset {
    width: inherit;
    text-align: inherit;
}
.cont-w .inner-accordion-contents .modal-inner li {
    width: inherit;
    height: inherit;
    gap: 100px;
}
.cont-w .inner-accordion-contents .modal-inner {
    padding: 5px 30px 0;
    background: #fafafa;
}
.modal-inner ul.num-chk-list {
    padding-bottom: 40px !important;
}

/* 23/07/03 인증서상세정보(MOMC_1002) 높이값 fix */
#w1000.height100 {
    /* min-height:1350px; */
    min-height: 100vh;
}

.cert #sub .inner-acc2 .tooltip-cont dt.tooltip-tit {
    color: rgba(0, 0, 0, 0.87) !important;
}
.cert #sub .inner-acc2 .tooltip-cont dd {
    color: #666 !important;
}

/* 23/07/07 필드 추가(lock) */
.cert #sub .form-wrap.off dl.tit-inner {
    border-bottom: 0;
    margin-bottom: 0;
    padding-bottom: 0;
}
.cert #sub .form-wrap.off dl.tit-inner dt {
    color: #aaa;
}

/* 데스크탑 */
@media screen and (min-width: 769px) {
    #cmid {
        /* max-width:1024px; min-width:800px; */
        max-width: 800px;
    }
    #w800 {
        /*width:auto; margin:0 40px;*/
        width: 800px;
    }
    /*.cont-w .terms-wrap .form-wrap { padding:25px 20px; }*/
    #btn-right {
        transform: translateX(1000%) !important;
    }
    #btn-guide {
        right: calc(50% - 400px) !important;
    }
    #cmid .msg dd {
        margin-top: 5px;
    }
    .cont-w .fl-r.chk {
        text-align: right;
    }
    .cont-w .fl-r.chk .form-wrap {
        padding: 20px 0 20px 10px;
    }
    .mobile-break {
        display: none;
    }
    #cmid .chk-lst-blue {
        width: 470px;
        padding-bottom: 20px;
        padding-top: 20px;
    }
    .cont-w
        .terms-wrap
        .wrap-accordion-group
        .form-wrap
        > input[type="checkbox"] {
        margin-left: 0;
    }
    #cmid .lst-group,
    #cmid .qrcode {
        padding-bottom: 20px !important;
    }
    .form-wrap:nth-child(2) {
        margin-bottom: 245px;
    }
    .wrap-agree .form-wrap {
        padding: 25px 40px !important;
    }
    .wrap-agree .form-wrap-n {
        padding: 40px 20px 20px !important;
    }
    .wrap-agree .form-wrap-n2 {
        padding: 40px 20px 0px !important;
    }
    .terms-wrap .wrap-accordion-group .form-wrap > input[type="checkbox"] {
        margin-left: 0;
    }
    .wrap-agree .form-wrap > input[type="checkbox"] + label {
        bottom: 0;
    }
    .terms-wrap .wrap-accordion-group .form-wrap > .accordion-btn {
        margin-right: 0;
    }
    /* .wrap-agree .terms-wrap .form-wrap .inner-accordion-contents { margin-top:1.3rem; } */
    .wrap-agree .terms-wrap .terms-small-list {
        padding: 40px 0 0 !important;
    }
    .inner .pay {
        padding-bottom: 20px;
    }
    .wrap-accordion-contents.ov .tooltip-cont {
        width: 250px;
    }
    .wrap-accordion-contents.ov .tooltip-btn2 {
        display: inline-block;
        position: relative;
        right: -6px;
        bottom: 0;
    }

    /* 23/06/21 모바일 신분증 연장하기 추가 s */
    #cmid p.qrcode.off img.refresh {
        transform: translate(-50%, -90%);
    }
    /* 23/06/21 모바일 신분증 연장하기 추가 e */

    /* input box 오류메세지(23/06/21) */
    .error-msg-txt.error {
        z-index: 2;
        position: absolute;
        min-height: 20px;
        bottom: -20px;
        margin-left: 15%;
        padding-top: 5px;
    }

    /* input box 오류메세지(23/06/21) */
    li.ver-code2 {
        overflow: inherit !important;
    }

    /* 23/07/13 햄버거메뉴 show/hide(1024 해상도 대응) s */

    .navbar {
        flex-wrap: nowrap;
        justify-content: flex-start;
    }
    .offcanvas .offcanvas-body {
        display: flex;
        flex-grow: 0;
        padding: 0;
        overflow-y: visible;
    }
    .offcanvas .offcanvas-header {
        display: none !important;
    }
}
@media screen and (min-width: 1024px) and (max-width: 1024px) {
}
@media screen and (min-width: 1025px) {
    .splash .align-self-center {
        margin-left: -91px;
    } /* 23/08/01 스플래시 위치 */
    .navbar-nav {
        flex-direction: row;
    }
    .navbar-toggler {
        display: none !important;
    }
    .offcanvas-body {
        display: none !important;
    }
    .offcanvas {
        position: static;
        z-index: auto;
        flex-grow: 1;
        width: auto !important;
        height: auto !important;
        visibility: visible !important;
        background-color: transparent !important;
        border: 0 !important;
        transform: none !important;
        transition: none;
    }
    .navbar h2.tit {
        display: none;
    }
}
/* 23/07/13 e */

/* 태블릿 포함 */
@media screen and (min-width: 768px) {
    .btn-new .tablet-break {
        display: block;
    }
    /* 23/07/05 hover 이벤트 추가 s */
    #cmid .chk-lst-blue li input:hover + label:before {
        content: "";
        position: absolute;
        top: -20px;
        right: -22px;
        width: 40px;
        height: 40px;
        background: url("../images/sub/ico_chk_blue.png") no-repeat center 0 /
            40px auto;
    }
    /* 23/07/05 hover 이벤트 추가 s */
    /* 23/07/05 사업자등록증명원 추가 s */
    .cont-w .inner-accordion-contents .btn-new ul li {
        overflow: inherit;
        height: inherit;
    }
    #cmid .btn-new ul.chk-lst-blue {
        width: inherit;
        gap: 20px;
        margin-left: 18px;
        margin-right: 18px;
    }
    #cmid .chk-lst-blue li input[type="radio"]:checked + label {
        outline: 2px solid #016ecd !important;
    }
    #cmid.cmbo .btn-new .chk-lst-blue li {
        width: 33.33%;
    }

    #cmid.cmbo .btn-new .chk-lst-blue li a:visited input[type="radio"] + label {
        outline: 2px solid #016ecd !important;
    }

    #cmid.cmbo .btn-new .chk-lst-blue li input[type="radio"]:hover + label {
        outline: 2px solid #016ecd !important;
    }
    #cmid.cmbo .btn-new .chk-lst-blue li label {
        width: 100%;
        padding: 95px 0px 30px;
        border-radius: 10px;
    }
    #cmid.cmbo .btn-new .chk-lst-blue li input[type="radio"] + label {
        outline: 2px solid #dedede;
        font-size: 20px;
        line-height: normal;
    }
    #cmid.cmbo .btn-new .chk-lst-blue li input:hover + label {
        /* border: 1px solid #016ECD!important; */
        position: relative;
        z-index: 2;
        /* border: 0!important; outline: 0!important; */
    }
    #cmid.cmbo .btn-new .chk-lst-blue li input:hover + label:before {
        content: "";
        position: absolute;
        top: -15px;
        right: -17px;
        width: 30px;
        height: 30px;
        background: url("../images/sub/ico_chk_blue.png") no-repeat center 0 /
            30px auto;
    }
    #cmid.cmbo
        .btn-new
        .chk-lst-blue
        li
        input[type="radio"]:checked
        + label:after {
        top: -15px;
        right: -17px;
        width: 30px;
        height: 30px;
        background: url(../images/sub/ico_chk_blue.png) no-repeat center 0 /
            30px auto;
    }

    #cmid .chk-lst-blue li.type1 input[type="radio"] + label {
        background: url("../images/sub/logo_gov.png") no-repeat center 30px /
            50px auto;
    }
    #cmid .chk-lst-blue li.type2 input[type="radio"] + label {
        background: url("../images/sub/img_kika_logo.png") no-repeat center 30px /
            50px auto;
    }
    #cmid .chk-lst-blue li.type3 input[type="radio"] + label {
        background: url("../images/sub/ico_file.png") no-repeat center 30px /
            50px auto;
    }
    /* 23/07/05 사업자등록증명원 추가 e */

    /* 23/07/10 파일삭제 버튼 */
    .btn-remove {
        z-index: 2;
        position: absolute;
        right: 20%;
        top: 15px;
    }
    .btn-remove img {
        width: 30px;
        height: auto;
    }
}

/* 아이패드에어 */
@media screen and (min-width: 769px) and (max-width: 1024px) {
    #btn-right {
        transform: translateX(810%) !important;
    }
    /* 23/06/26 버튼 넓이 대비 패딩 값 삭제 */
    .cont-w a.btn-blue {
        padding: 0;
    }

    /* input box 오류메세지(23/06/21) */
    .error-msg-txt.error {
        z-index: 2;
        position: absolute;
        min-height: 20px;
        bottom: -20px;
        margin-left: 15%;
        padding-top: 5px;
    }
    .offcanvas .offcanvas-body {
        display: block;
    } /* 23/07/13 .navbar-expand-lg 삭제(아이패드프로 대응) */
    /* 23/07/12 클라우드 추가 s */
    .form-wrap .chk-area {
        margin: 20px 24px 0;
        padding-top: 25px;
        padding-bottom: 0px;
    }
    /* 23/07/12 e */
}

/* 아이패드미니(vertical) */
@media screen and (min-width: 768px) and (max-width: 768px) {
    #cmid {
        /* max-width:1024px; min-width:800px; */
        max-width: 800px;
    }
    #w800 {
        /*width:auto; margin:0 40px;*/ /* width:800px; */
        margin: 0 40px;
    }
    #btn-right {
        transform: translateX(700%);
    }
    #btn-guide {
        right: calc(50% - 340px);
    }
    #cmid .chk-lst-blue {
        width: 470px;
        padding-bottom: 40px;
    }
    .mobile-break {
        display: none;
    }
    .fl-r.chk {
        position: relative;
        top: 10px;
    }
    #cmid .qrcode {
        padding-bottom: 40px !important;
    }
    .inner.lst-group dl:last-child {
        padding-bottom: 40px !important;
    }
    .form-wrap:nth-child(2) {
        margin-bottom: 245px;
    }
    #cmid .lst-group.pd {
        padding: 0 110px;
    }
    /* 23/06/22 아코디언 여백 문제 */
    /* .wrap-agree .form-wrap { padding:40px 0 0px!important; } */
    .wrap-agree .form-wrap {
        padding: 40px 0 !important;
    }
    .wrap-agree .form-wrap > input[type="checkbox"] + label {
        bottom: 0;
    }
    .terms-wrap .wrap-accordion-group .form-wrap > .accordion-btn {
        margin-right: 40px;
    }
    #cmid span.complete {
        top: 40px;
    }
    .terms-wrap .wrap-accordion-group .form-wrap > input[type="checkbox"] {
        margin-left: 30px;
    }
    .wrap-accordion-contents.ov .tooltip-btn {
        right: 5px;
    }
    .wrap-accordion-contents.ov .tooltip-cont {
        width: 250px;
    }
    .wrap-accordion-contents.ov .tooltip-wrap .tooltip-cont {
        /* left:90px; */
        bottom: calc(100% - 60px);
    }
    /* 23/06/26 버튼 넓이 대비 패딩 값 삭제 */
    .cont-w a.btn-blue {
        padding: 0;
    }
    /* input box 오류메세지(23/06/21) */
    .error-msg-txt.error {
        z-index: 2;
        position: absolute;
        min-height: 20px;
        bottom: -20px;
        margin-left: 15%;
        padding-top: 5px;
    }
    /* input box 오류메세지(23/07/04) */
    li.ver-code2 {
        overflow: inherit !important;
    }
    /* 23/07/12 클라우드 추가 s */
    .form-wrap .chk-area {
        margin: 20px 24px 0;
        padding-top: 25px;
        padding-bottom: 0;
    }
    /* 23/07/12 e */
}

/* 모바일 */
@media screen and (max-width: 767px) {
    #cmid {
        font-size: 20px;
    }
    #cmid h1 {
        padding-top: 60px;
        font-size: 24px;
    }
    #cmid .msg dt {
        line-height: 30px;
        font-size: 20px;
        font-weight: 500;
    }
    #cmid .msg dd {
        margin-top: 10px;
        line-height: 19px;
    }
    #cmid .msg.msg2 {
        display: none;
    } /* 23/06/28 높이값 유지 모바일 상이 */
    #w800 {
        margin: 0 20px;
    }
    .pc-break {
        display: none !important;
    }
    #cmid .msg a img {
        width: 96px;
    }
    .qrcode .text-center.lh20 {
        line-height: 20px;
    }
    .qrcode .btn-link {
        line-height: inherit;
    }
    .qrcode .tooltip-wrap .tit.text-center > a > img {
        width: 18px !important;
        vertical-align: -3px !important;
    }
    .cont-w .w100p-m {
        width: 100% !important;
    }
    .cont-w .form-wrap .w99p-m {
        width: 99% !important;
    }
    .cont-w .form-wrap .w73p-m {
        width: 73% !important;
    }
    .cont-w .form-wrap .w66p-m {
        width: 66% !important;
    }
    .cont-w .form-wrap .w70p-m {
        width: 70% !important;
    }
    .cont-w .form-wrap .w49p-m {
        width: 49% !important;
    }
    .cont-w .form-wrap .w32p-m {
        width: 32% !important;
    }
    .cont-w .form-wrap .w25p-m {
        width: 25% !important;
    }
    .form-wrap:nth-child(2) {
        margin-bottom: 40px;
    }
    .mmt5 {
        margin-top: 5px !important;
    }
    .pc {
        display: none;
    }
    .progressbar li {
        width: 23px;
        height: 23px;
        padding-top: 0;
        font-size: 12px;
        background-size: 23px auto !important;
    }
    .progressbar li:after {
        top: 10px;
    }
    .progressbar li.active span {
        top: 0;
    }
    .cont-w .terms-wrap .form-wrap {
        padding: 15px 20px;
    }
    .cont-w h2 {
        font-size: 18px;
    }
    .cont-w .form-wrap ul li label.tit {
        width: 100%;
        height: inherit;
        font-size: 14px;
        font-weight: 500;
    }
    .cont-w .inner-accordion-contents li {
        height: inherit;
        margin-top: 15px;
    }
    .wrap-accordion-contents.ov .tooltip-wrap .tooltip-btn img {
        width: 11px;
        height: auto;
    }
    .wrap-accordion-contents.ov .tooltip-wrap .tooltip-btn {
        position: inherit;
        bottom: 0;
        left: 5px;
        display: inline-block;
        line-height: 25px;
    }
    .cont-w .form-wrap input {
        height: 50px;
        line-height: 50px;
        padding-left: 10px;
        padding-right: 10px;
        font-size: 16px;
    }
    .cont-w .form-wrap input.gray {
        border-radius: 7px;
        border: 1px solid #016ecd;
        background: #efefef;
        color: #016ecd;
        text-align: center;
        font-size: 16px;
    }

    .cont-w.business .form-wrap.file-box-form input {
        border-radius: 9px;
    }
    .cont-w.business .form-wrap.file-box-form input[type="checkbox"] {
        width: 24px !important;
        height: 24px !important;
    }
    input.che-box {
        position: relative;
        top: 2px;
    }
    .cont-w .chk .form-wrap label {
        font-size: 12px;
    }
    .cont-w .chk input {
        width: 15px !important;
        height: 15px !important;
        background-size: 8px;
    }
    .cont-w .terms-wrap .fl-r.chk .form-wrap {
        padding: 0;
    }
    .cont-w .fl-r.chk {
        width: 20%;
    }
    .cont-w .form-wrap .select-input select {
        padding-left: 10px;
        font-size: 16px;
    }
    .cont-w .form-wrap .btn-blue.fl-r,
    .cont-w .form-wrap a.btn-gray,
    .cont-w .form-wrap a.btn-blue {
        overflow: hidden;
        height: 50px;
        line-height: 50px;
        padding: 0 5px;
        font-size: 14px;
    } /* 23/07/04 텍스트 버튼 overflow:hidden 추가 */
    .cont-w .form-wrap .select-input::after {
        right: 10px;
    }
    .cont-w .real-timer span {
        font-size: 12px;
    }
    .cont-w a.btn-gray {
        font-size: 12px;
    }
    .cont-w
        .terms-wrap
        .wrap-accordion-group
        .form-wrap
        > input[type="checkbox"] {
        margin-left: 0;
    }
    .cont-w .real-timer {
        top: 15%;
    }
    .cont-w .form-wrap > input[type="checkbox"] + label {
        margin-left: 5px;
    }
    #cmid .qrcode p.tit {
        font-size: 18px;
    }
    #cmid .time-count {
        font-size: 16px;
    }
    #cmid .btn-bot-gray {
        /* margin-bottom:30px; */
        margin-top: 0;
        padding-top: 40px;
    }
    #cmid .btn-bot-gray button {
        position: fixed;
        left: 0;
        bottom: 0;
        height: 60px;
        border-radius: 0;
        font-size: 16px;
    }

    /* 23/09/19 버튼 fixed relative 변경 으로 인한 구조 변경 */
    #cmid .btn-bot-gray4 {
        margin: 0;
    }
    #cmid .btn-bot-gray4 button {
        position: inherit !important;
    }

    #cmid .wrap-agree .form-wrap {
        padding-top: 20px;
        padding-bottom: 20px;
        padding-left: 0;
        padding-right: 0;
    }
    #cmid .wrap-agree .form-wrap > input {
        position: relative;
        top: -2px;
        margin-left: 20px;
    }
    #cmid .wrap-agree .form-wrap > input[type="checkbox"] + label {
        bottom: 3px;
        margin-left: 10px;
        font-size: 18px;
    }
    #cmid .wrap-agree .terms-wrap .terms-small-list {
        padding: 25px 24px 5px;
    }
    #cmid .wrap-agree .terms-wrap .form-wrap .inner-accordion-contents {
        margin-top: 12px;
    }
    /* #cmid .wrap-agree .terms-wrap .form-checkbox-input > input[type="checkbox"] + label { font-size:14px; } */

    /* 23/09/19 텍스티 길이 수정 */
    #cmid
        .wrap-agree
        .terms-wrap
        .form-checkbox-input
        > input[type="checkbox"]
        + label {
        width: 70%;
        max-height: 54px;
        display: block;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
        word-wrap: break-word;
        font-size: 14px;
    }

    #cmid .wrap-agree .terms-wrap .btn-text {
        width: inherit;
        height: inherit;
        font-size: 12px;
        background: none;
        padding-right: 0;
    }
    #cmid ul.terms-small-list .form-checkbox-input > input[type="checkbox"],
    #cmid ul.checkbox-small-list .form-checkbox-input > input[type="checkbox"] {
        left: 0;
    }
    #cmid .wrap-agree .terms-wrap .terms-small-list > li + li {
        margin-top: 15px;
    }
    #cmid .chk-lst-blue {
        justify-content: center !important;
        display: inherit;
        margin: 0 20px;
    }
    #cmid .chk-lst-blue li {
        width: 100%;
    }
    #cmid .chk-lst-blue li + li {
        margin-top: 10px;
    }
    #cmid .chk-lst-blue li input[type="radio"] + label {
        padding: 10px 30px 10px;
        background-position: 20px center !important;
        background-size: 40px auto !important;
        font-size: 16px;
    }
    #cmid .chk-lst-blue li input[type="radio"]:checked + label:after {
        background-size: 20px;
        right: 20px;
        top: 18px;
    }
    #cmid .chk-lst-blue li input[type="radio"]:checked + label {
        outline: 1px solid #016ecd !important;
    }
    #cmid .msg dd {
        width: 65%;
    }
    #cmid p.qrcode {
        margin-bottom: 30px;
    }
    #cmid p.qrcode img {
        width: 100px;
    }
    /* 23/06/21 모바일 신분증 연장하기 추가 s */
    #cmid p.qrcode.off img.refresh {
        width: 28px;
    }
    #cmid .time-count img {
        width: 13px;
    }
    /* 23/06/21 모바일 신분증 연장하기 추가 e */
    #cmid .form-wrap > .inner {
        padding: 0 20px;
    }
    #cmid .lst-group dl dt,
    #cmid .lst-group dl dd {
        font-size: 16px;
    }
    .inner > .head h2,
    .inner .right.txt {
        font-size: 15px;
    }
    #btn-right {
        top: 10px; /* top:auto; */
        right: 14px;
    }
    #btn-guide {
        z-index: 5;
        position: fixed;
        top: 0px;
        left: 0px;
        width: 100%;
        height: 47px;
        background: linear-gradient(
                0deg,
                rgba(0, 0, 0, 0.7),
                rgba(0, 0, 0, 0.7)
            ),
            #f5f5f5;
    }
    #btn-guide a {
        position: fixed;
        top: 10px;
        right: 55px;
    }
    #btn-guide img {
        width: 90px;
    }
    #btn-right img {
        width: 30px;
    }
    .txt.text-center dl {
        margin: 0 20px 30px;
        padding: 30px;
    }
    .txt.text-center dl dt {
        padding-top: 45px;
        font-size: 20px;
    }
    .txt.text-center {
        background: url("../images/common/ico_msg_complete.svg") no-repeat
            center 0 / 50px auto;
    }
    #cmid span.complete {
        right: 20px;
        top: 24px;
        font-size: 12px;
        font-weight: 400;
    }
    .btn-que {
        float: inherit !important;
        position: absolute;
        left: 95px;
        top: -9px;
        height: inherit;
        line-height: inherit;
    }
    .btn-que img {
        width: 13px !important;
        height: auto !important;
    }
    .cont-w a.btn-blue {
        height: 50px;
        line-height: 50px;
    }
    #cmid .qrcode p.tit img {
        width: 18px;
        vertical-align: -3px;
    }
    .txt.text-center dl dd {
        font-size: 14px;
    }
    .wrap-agree.mmt50 {
        margin-top: 50px !important;
    }
    .pay .row > div.col {
        flex: inherit;
    }
    .pay .row > div.col + div.col {
        margin-top: 10px;
    }
    .pay .row > div p {
        padding-top: 0px;
        padding-left: 80px;
    }
    .pay .row div.box {
        padding: 18px 0;
        background-position: 25px center;
        text-align: left;
    }
    .pay .row div.box:hover {
        background-position: 25px center;
    }
    .pay .row div.box.pay4 {
        background-position: 28px center;
    }
    .pay .row .col.on div.box.pay4 {
        background-position: 28px center;
    }
    .inner > .head {
        display: inherit !important;
    }
    .inner .pay {
        margin-top: 20px;
        padding-bottom: 0px;
    }
    #cmid span.complete {
        right: 40px;
    }
    .form-wrap.form-wrap-n .tooltip-wrap .tooltip-btn img {
        width: 18px !important;
        vertical-align: -1px !important;
    }
    .tooltip-wrap .tooltip-btn img {
        width: 15px !important;
        vertical-align: -2px !important;
    }
    .cont-w.business .tooltip-wrap .tooltip-btn img {
        width: 18px !important;
        height: auto;
    }
    .cont-w.business li .tooltip-wrap .tooltip-btn img {
        width: 14px !important;
    } /* 23/07/03 툴팁 아이콘 사이즈 조절 add */
    .tooltip-wrap .tooltip-cont dt.tooltip-tit p {
        font-weight: 700;
        color: rgba(0, 0, 0, 0.87);
    }
    .tooltip-wrap .tooltip-cont dd.txt-l {
        font-weight: 400;
    }
    .qrcode .tooltip-wrap .tooltip-cont {
        left: 0;
    }
    .cont-w.business .tooltip-cont {
        left: 0;
        margin-left: auto;
        margin-right: auto;
    }
    .form-wrap.file-box-form label {
        font-size: 18px !important;
        bottom: 0 !important;
    }
    #cmid .qrcode .tit {
        font-size: 18px;
    }
    .wrap-accordion-contents.ov .tooltip-wrap .tooltip-cont {
        bottom: calc(100% - 76px);
        min-width: 220px;
    } /* 툴팁 텍스트 길이 초과 대응 */
    .cmbo .btn-bot-gray {
        margin-bottom: 56px !important;
    } /* 23/07/04 버튼 하단 여백 */
    /* 23/07/06 사업자등록증명원 추가 */
    li.ver-code2 {
        overflow: inherit !important;
    }
    #cmid.cmbo .btn-new .chk-lst-blue li input[type="radio"] + label {
        outline: 1px solid #dedede;
    }
    #cmid.cmbo .btn-new .chk-lst-blue li.mobile-break {
        height: 80px;
    }
    #cmid.cmbo
        .btn-new
        .chk-lst-blue
        li.mobile-break
        input[type="radio"]
        + label {
        border: 1px solid #dedede;
        outline: inherit;
        line-height: 60px;
        padding-left: 70px;
    }
    .btn-new .chk-lst-blue li.mobile-break input:checked + label {
        border: 1px solid #016ecd !important;
    }
    .btn-new .chk-lst-blue li.mobile-break.type1 input[type="radio"] + label {
        background: url(../images/sub/ico_file.png) no-repeat center 40px / 50px
            auto;
    }
    .btn-new .chk-lst-blue li.mobile-break.type2 input[type="radio"] + label {
        background: url(../images/sub/ico_folder.png) no-repeat center 40px /
            50px auto;
    }
}

/* 모바일 앱 css */

/* 생체인증 지문팝업 */
.bottom-sheets .modal-dialog.modal-dialog-centered .modal-content.no-bg {
    background-color: transparent;
}
.bottom-sheets
    .modal-dialog.modal-dialog-centered
    .modal-content.no-bg
    .modal-header {
    padding-bottom: 0;
}
.bottom-sheets
    .modal-dialog.modal-dialog-centered
    .modal-content.no-bg
    .modal-header
    h3 {
    color: #fff;
    /* font-family: 'Pretendard-bold'; */
    font-weight: 400;
    font-size: 1.8rem;
    line-height: 2.6rem;
    text-align: center;
    padding-top: 0;
}
.bottom-sheets
    .modal-dialog.modal-dialog-centered
    .modal-content.no-bg
    .modal-body
    .type-auth {
    padding-bottom: 4rem;
}

/* 주소입력폼 */
.address-wrap {
    display: flex;
    justify-content: space-between;
}
.address-wrap .address-input {
    display: block;
    width: 85%;
}
.address-wrap .address-input input {
    width: 100%;
}
.address-wrap .address-input .input + .input,
.address-wrap .address-input .address-wrap-button + .input {
    margin-top: 10px;
}
.address-wrap-button {
    display: flex;
    align-items: end;
}
.cont-w.business .inner-accordion-contents li {
    position: relative;
}
.cont-w.business .inner-accordion-contents li .ico_que {
    position: absolute;
    top: 50%;
    transform: translate(0, -50%);
    left: 11.5rem;
}
.cont-w.business
    .inner-accordion-contents
    .address-wrap
    .address-wrap-button
    .btn-blue {
    margin-left: 10px;
    width: 30%;
}
.cont-w.business h2 > .btn-que {
    height: 0;
    line-height: 0;
    padding-left: 5px;
    margin-top: 4px;
}
.cont-w.business .inner-accordion-contents .pwd-fill-area {
    display: flex;
}
.cont-w.business .inner-accordion-contents .pwd-fill-area li {
    width: 18px;
    height: 18px;
    background-color: #666;
    border-radius: 50%;
    margin-right: 5px;
    margin-top: 20px;
}

.cont-w.business .inner-accordion-contents .address-wrap {
    height: auto;
}

/*내인증서*/

.my-certificate .navbar {
    background: #fafafa;
}
.my-certificate .cont-w {
    margin-top: 0;
}
.cert.my-certificate #sub #w1000 {
    padding-bottom: 100px;
}
.my-certi-list li .certi-list-cont {
    display: block;
    background: #fff;
    border: 1px solid #dedede;
    padding: 20px;
    border-radius: 15px;
    color: #222;
    margin-bottom: 20px;
}
.my-certi-list li .my-certi-top {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.my-certi-list li .my-certi-top > div {
    display: flex;
    align-items: center;
}
.my-certi-list li .my-certi-tit {
    font-size: 20px;
    font-weight: 700;
}
.my-certi-list li .my-certi-ico {
    display: block;
    width: 40px;
    height: 40px;
    background: url(../images/sub/ico_my_certificate.png) no-repeat
        center/contain;
    margin-right: 5px;
}

.my-certi-list li .trash-btn {
    display: block;
    width: 20px;
    height: 20px;
    background: url(../images/sub/ico_trash.svg) no-repeat center/ contain;
    font-size: 0;
}
.my-certi-list li .expire-tag {
    background: #ffe9eb;
    padding: 4px 10px;
    border-radius: 22px;
    font-size: 12px;
    color: #ff3851;
    line-height: 14px;
}
.my-certi-list li .expire-tag + .trash-btn {
    margin-left: 5px;
}

.my-certi-info {
    margin-top: 10px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    line-height: 30px;
}
.my-certi-info dt {
    width: 30%;
    text-align: left;
    font-size: 16px;
    font-weight: 400;
    margin-top: 10px;
}
.my-certi-info dd {
    width: 70%;
    text-align: right;
    font-size: 16px;
    font-weight: 500;
    margin-top: 10px;
}
.expire .my-certi-info dd.date {
    color: #ff3851;
}

.my-certi-link li {
    margin-bottom: 10px;
}
.my-certi-link li a {
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-radius: 15px;
    padding: 15px 55px 15px 15px;
    font-size: 14px;
    font-weight: 500;
    color: #222;
    background: #fff url(../images/common/arr_r_deep_gray.svg) no-repeat right
        20px center/ 20px;
}
.my-certi-link .new-ver {
    font-size: 12px;
    color: #016ecd;
}

/*탭*/
.tab-menu {
    position: relative;
    margin: 0 -20px;
}
.tab-menu ul {
    display: flex;
}
.tab-menu li {
    width: 100%;
}
.tab-menu li a {
    color: #aaa;
    border-bottom: 1px solid #dedede;
    font-size: 16px;
    font-weight: 700;
    line-height: 19px;
    text-align: center;
    display: block;
    height: 46px;
    padding: 13.5px;
}
.tab-menu li.active a {
    color: #016ecd;
    border-bottom: 1px solid #016ecd;
    outline: none;
}
.tab-menu li > div {
    position: absolute;
    top: 55px;
    left: 0;
    width: calc(100% - 40px);
    margin: 20px;
}
/* 23/07/04 bg처리로 인한 마크업 구조 변경 s */
.my-certi-detail {
    background: #fff;
    border-radius: 15px;
    padding: 20px;
    margin-bottom: 40px;
    margin-top: 15px;
}
.my-certi-detail dt {
    font-size: 16px;
    font-weight: 500;
    line-height: 19px;
}
.my-certi-detail dd {
    font-size: 14px;
    font-weight: 400;
    line-height: 17px;
    color: #666;
    margin: 10px 0;
    white-space: pre-wrap;
    white-space: -moz-pre-wrap;
    white-space: -pre-wrap;
    white-space: -o-pre-wrap;
    word-wrap: break-word;
} /* 23/07/04 줄바꿈 추가 */
.my-certi-detail dd:not(:last-child) {
    border-bottom: 1px solid #dedede;
    padding-bottom: 10px;
}

.my-certi-history li {
    padding: 15px;
    background: #fff url(../images/sub/img_kika_logo.png) no-repeat center right
        15px/ 40px;
    border-radius: 15px;
    margin-bottom: 10px;
}
.my-certi-history li .history-tit {
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
}
.my-certi-history li .history-txt {
    font-size: 12px;
    font-weight: 400;
    line-height: 14px;
    color: #999;
    margin-top: 5px;
}

.notice-message.empty {
    background: url("../images/common/ico_msg_notice03.svg") no-repeat center 0 /
        65px;
    color: #999;
    font-size: 20px;
    font-weight: 700;
    line-height: 28px;
    text-align: center;
    padding-top: 95px;
    margin-top: 60px;
}
.inp-wrap .tit {
    font-size: 20px;
    font-weight: 500;
    margin-bottom: 10px;
    line-height: 30px;
}
.inp-wrap .mini-tit {
    font-size: 14px;
    font-weight: 500;
    margin-bottom: 5px;
    line-height: 17px;
    color: #666;
}
.inp-wrap .form-wrap {
    padding: 20px;
}
.inp-wrap .form-wrap input {
    width: 100%;
}
.inp-wrap .form-wrap.mo-form-wrap {
    padding: 13px 20px;
    position: relative;
}
.inp-wrap .form-wrap.mo-form-wrap input[type="checkbox"] {
    width: 24px;
    height: 24px;
}
.inp-wrap .form-wrap.mo-form-wrap input[type="checkbox"] + label {
    font-size: 18px;
    font-weight: bold;
}
.inp-wrap .form-wrap.mo-form-wrap .btn-detail {
    font-size: 12px;
    color: #aaa;
    position: absolute;
    right: 20px;
}
.inp-wrap .form-wrap.mo-form-wrap:nth-child(2) {
    margin-bottom: 0 !important;
}
.cont-w .inp-wrap .form-wrap > input[type="checkbox"] + label {
    margin-left: 10px;
}
.inp-wrap + .inp-wrap {
    margin-top: 20px;
}
.inp-wrap ul.form-wrap > li {
    width: 100%;
}
.inp-wrap ul.form-wrap > li + li {
    margin-top: 15px;
}
.error-msg-txt {
    font-size: 12px;
    color: #ff3851;
    margin-top: 5px;
    display: block;
}

/*유의사항*/
.note-wrap {
    margin-top: 30px;
}
.note-wrap .note-tit {
    font-size: 15px;
    line-height: 19px;
    color: #666;
    padding-left: 25px;
    position: relative;
    margin-bottom: 10px;
}
.note-wrap .note-tit:before {
    content: "";
    position: absolute;
    left: 0;
    width: 20px;
    height: 20px;
    background: url(../images/common/ico_information.svg) no-repeat center;
}
.note-wrap .note-depth li {
    font-size: 14px;
    line-height: 22px;
    color: #666;
}
.note-wrap .note-depth li .note-depth2 {
    margin-top: 10px;
}
.note-wrap .note-depth li .note-depth2 li {
    padding-left: 20px;
    position: relative;
}
.note-wrap .note-depth li .note-depth2 li::before {
    content: "";
    width: 2px;
    height: 2px;
    border-radius: 2px;
    background: #666;
    position: absolute;
    left: 7px;
    top: 10px;
}
.note-wrap .note-depth li .note-depth2 li:not(:first-child) {
    margin-top: 5px;
}

/*라디오버튼 - 스위치*/
.form-check.form-switch {
    padding-left: 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    padding: 15px;
    border-radius: 15px;
}
.form-check.form-switch .form-check-label {
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
}
.form-check.form-switch .form-check-input[type="checkbox"] {
    width: 48px;
    height: 22px;
    border-radius: 50px;
    margin-top: 0;
}
.form-check.form-switch.form-switch-wrap {
    background: #fff;
}
.form-switch .form-check-input {
    background-image: url(../images/common/ico_radio_oval.svg) !important;
    background-size: 15px;
    background-color: #aaa;
    border: 1px solid #aaa;
    background-position: left 3px top 2px;
}
.form-switch .form-check-input:checked {
    background-color: #016ecd;
    border: 1px solid #016ecd;
    background-position: right 3px top 2px;
}
.form-switch .form-check-input:focus {
    box-shadow: none;
}

/*이전버튼*/
.navbar .btn-back {
    position: absolute;
    left: 15px;
    top: 10px;
    border: none;
}
.navbar .btn-back img {
    width: 20px;
    height: auto;
}

.form-check.form-switch.form-switch-top {
    padding: 0;
}
.form-check.form-switch.form-switch-top .form-check-label {
    font-size: 18px;
    font-weight: 700;
    line-height: 21px;
}

/*플립 스와이프*/
.flipswiper {
    width: 250px;
    height: 350px;
    margin: 20px auto 30px;
    border-radius: 15px;
}
.flipswiper .swiper-notification {
    font-size: 0;
}

.flip-card {
    display: flex;
    flex-wrap: wrap;
    align-content: space-between;
    width: 100%;
    height: 100%;
    border-radius: 15px;
    padding: 25px;
    box-shadow: 12px 12px 25px rgba(34, 34, 34, 0.15);
}
.flip-card.green-card {
    background: linear-gradient(146.03deg, #00cd08 0.08%, #3ea844 85.57%),
        url("../images/sub/bg_flip_card.png") no-repeat top 108px center/200px;
    background-blend-mode: overlay;
    border-bottom: 3px solid #0a8011;
}
.flip-card.green-card .flip-card-name {
    font-size: 36px;
    color: #fff;
    line-height: 43px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
}
.flip-card.green-card .flip-card-name .flip-qr-code {
    font-size: 0;
    width: 40px;
    height: 40px;
}
.flip-card.green-card .flip-card-info {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
}
.flip-card.green-card .flip-card-info dt {
    font-size: 14px;
    color: rgba(255, 255, 255, 0.7);
    font-weight: 400;
    line-height: 17px;
    width: 60px;
    margin-top: 5px;
}
.flip-card.green-card .flip-card-info dd {
    font-size: 14px;
    color: #fff;
    line-height: 17px;
    font-weight: 400;
    width: calc(100% - 60px);
    margin-top: 5px;
}

.flip-card.gray-card {
    background: #dedede;
    border-bottom: 3px solid #aaaaaa;
    padding: 43.5px 25px;
    text-align: center;
}
.flip-card.gray-card .flip-card-name2 {
    font-size: 36px;
    font-weight: 500;
    line-height: 43px;
    width: 100%;
}
.flip-card.gray-card .big-flip-qr-code {
    font-size: 0;
    width: 150px;
    height: 150px;
    margin: 0 auto;
}
.flip-card.gray-card .flip-card-time {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
}
.flip-card.gray-card .flip-card-time dt {
    font-size: 16px;
    color: #222;
    line-height: 30px;
    font-weight: 400;
    margin-right: 5px;
}
.flip-card.gray-card .flip-card-time dd {
    font-size: 16px;
    color: #ff3851;
    line-height: 30px;
}
.flip-card .qrcode.off {
    position: relative;
    width: 100%;
    text-align: center;
}
.flip-card .qrcode.off .big-flip-qr-code {
    opacity: 0.1;
}
.flip-card .qrcode.off .refresh {
    width: 50px;
    height: 50px;
    font-size: 0;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    background: url(../images/sub/ico_refresh.png) no-repeat center/ contain;
}
.flip-card.message-card {
    align-content: center;
    justify-content: center;
}
.flip-card.message-card .notice-message.fail {
    background-size: 70px;
    font-size: 16px;
    font-weight: 400;
    padding-top: 90px;
    margin-top: 20px;
}

.notice-msg-wrap {
    text-align: center;
    margin: 60px 0 50px;
}
.notice-msg-wrap .notice-message {
    font-size: 30px;
    font-weight: 500;
    line-height: 42px;
}
.notice-msg-wrap .sub-txt {
    font-size: 18px;
    color: #666;
    line-height: 26px;
}
.notice-msg-wrap .notice-message + .sub-txt {
    margin-top: 10px;
}

/*앱버전*/
.version-wrap li {
    background: #fff;
    padding: 20px;
    border-radius: 15px;
}
.version-wrap li:not(:first-child) {
    margin-top: 15px;
}
.version-wrap li .version-tit {
    font-size: 18px;
    font-weight: 700;
    padding-bottom: 20px;
    border-bottom: 1px dashed #dedede;
}
.version-wrap li .version-cont {
    margin-top: 20px;
    display: flex;
    flex-wrap: wrap;
}
.version-wrap li .version-cont dt {
    font-size: 16px;
    line-height: 30px;
    font-weight: 400;
    width: 40%;
    margin-top: 10px;
}
.version-wrap li .version-cont dd {
    font-size: 16px;
    line-height: 30px;
    font-weight: 400;
    width: 60%;
    text-align: right;
    margin-top: 10px;
}

/*gate*/
.navbar-right {
    text-align: right;
    margin-top: 8px;
    padding-right: 15px;
    display: flex;
    gap: 10px;
    justify-content: end;
}
.navbar-right .btn_bell {
    display: block;
    width: 24px;
    height: 24px;
    background: url(../images/gate/btn_bell.svg) no-repeat center;
    font-size: 0;
}
.navbar-right .btn_qr_scan {
    display: block;
    width: 24px;
    height: 24px;
    background: url(../images/gate/btn_qr_scan.svg) no-repeat center;
    font-size: 0;
}
.navbar-right .btn_gear {
    display: block;
    width: 24px;
    height: 24px;
    background: url(../images/gate/btn_gear.png) no-repeat center / 24px auto;
    font-size: 0;
} /* 23/09/22 버튼 추가 */

/*탭메뉴3*/
.tab-wrap3 {
    padding-bottom: 80px;
}
.tab-menu3 {
    position: relative;
    margin: 0px;
}
.tab-menu3 ul {
    display: flex;
    gap: 15px;
}
.tab-menu3 ul > li > a {
    color: #aaa;
    font-size: 24px;
    font-weight: 400;
    line-height: 29px;
    text-align: center;
    display: block;
    padding-bottom: 4px;
}
.tab-menu3 ul > li {
    position: relative;
}
.tab-menu3 ul > li.dotted-tab::after {
    content: "";
    position: absolute;
    right: -8px;
    top: -8px;
    width: 8px;
    height: 8px;
    border-radius: 8px;
    background: #ff3851;
}
.tab-menu3 ul li.active > a {
    color: #222;
    border-bottom: 1px solid #222;
    outline: none;
    font-weight: 700;
}

.tab-group3 {
    padding-top: 25px;
}

.certi-tab-wrap {
    background: linear-gradient(127deg, #006ecd 0%, #548fe8 100%),
        url(../images/sub/bg_flip_card.png) no-repeat right 30px bottom 30px /
            213px;
    background-blend-mode: overlay;
    padding: 20px;
    border-radius: 15px;
    overflow: hidden;
}
.certi-tab-wrap .certi-tab-head {
    padding-bottom: 15px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.5);
}
.certi-tab-wrap .certi-tab-head h4 {
    font-size: 24px;
    color: #fff;
    font-weight: 500;
}
.certi-tab-wrap .certi-tab-head .txt {
    font-size: 16px;
    color: #fff;
    margin-top: 5px;
    display: block;
    word-break: keep-all;
} /* 23/07/04 br태그 삭제후 텍스트 정렬 */

.certi-tab-wrap.type02 {
    padding: 36.5px 20px;
    text-align: center;
}
.certi-tab-wrap.type02 .certi-tab-head {
    border-bottom: none;
}
.certi-tab-wrap.type02 .certi-tab-head h4 {
    font-size: 20px;
}
.certi-tab-wrap.type02 .certi-tab-head .txt {
    font-size: 14px;
}

.certiSwiper {
    overflow: hidden;
}
.certiSwiper-cont {
    text-align: center;
    padding: 31.5px 0 30.5px;
    position: relative;
}
.certiSwiper-cont .ico_cloud {
    position: absolute;
    top: 10px;
    right: 0;
    width: 24px;
    height: 24px;
    font-size: 0;
    background: url(../images/gate/ico_cloud.svg);
}
.certiSwiper-cont .tit {
    font-size: 30px;
    color: #fff;
    font-weight: 500;
    line-height: 36px;
}
.certiSwiper-cont .txt-date {
    font-size: 14px;
    color: rgba(255, 255, 255, 0.7);
    margin-top: 10px;
}
.certiSwiper-cont .expire-tag {
    font-size: 12px;
    color: #ff3851;
    line-height: 14px;
    padding: 4px 10px;
    background: #ffe9eb;
    border-radius: 22px;
    display: inline-block;
}
.certiSwiper-cont .txt-date + .expire-tag {
    margin-top: 10px;
}
.certiSwiper-pagination {
    text-align: center;
}
.certiSwiper-pagination .swiper-pagination-bullet {
    background: rgba(226, 239, 255, 1);
    width: 4px;
    height: 4px;
    margin: 0;
    transition: 0.3s;
}
.certiSwiper-pagination
    .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background: #fff;
    width: 16px;
    border-radius: 4px;
}
.certiSwiper-pagination .swiper-pagination-bullet + .swiper-pagination-bullet {
    margin-left: 5px;
}

/* 23/09/12(intro) s */
.introSwiper {
    overflow: hidden;
    margin: 0 auto;
}
.introSwiper-cont {
    text-align: center;
    padding: 31.5px 0 30.5px;
    position: relative;
}
.introSwiper dt {
    color: #016ecd;
    font-size: 14px;
    font-weight: normal;
    font-weight: 400;
}
.introSwiper dd {
    font-size: 24px;
    font-weight: normal;
    font-weight: 600;
}
.introSwiper dd + dd {
    font-size: 16px;
    font-weight: 400;
}
.introSwiper p {
    padding: 30px 7rem 0;
}
.introSwiper p img {
    max-width: 280px;
    width: 100%;
    height: auto;
}
.intro-cont {
    padding: 40px 0 5rem;
    background: white;
}
.introSwiper .swiper-slide strong {
    color: #016ecd;
    font-weight: 700;
}
.introSwiper-pagination {
    text-align: center;
}
.introSwiper-pagination .swiper-pagination-bullet {
    background: #cccbcb;
    width: 4px;
    height: 4px;
    margin: 0;
    transition: 0.3s;
    opacity: 1;
}
.introSwiper-pagination
    .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background: #0473ea !important;
    width: 16px;
    border-radius: 4px;
}
.introSwiper-pagination .swiper-pagination-bullet + .swiper-pagination-bullet {
    margin-left: 5px;
    background: #cccbcb;
    opacity: 1;
}

/* 23/09/12 e */

.full-btn.mt20 {
    margin-top: 20px;
}
.btn-darkBlue {
    font-size: 18px;
    color: #fff;
    font-weight: 700;
    background: #004f9a;
    width: 100%;
    height: 60px;
    border-radius: 10px;
}
.btn-s-white {
    font-size: 16px;
    color: #004f9a;
    font-weight: 700;
    background: #fff;
    width: 190px;
    height: 40px;
    border-radius: 10px;
}
.btn-s-orange {
    font-size: 16px;
    color: #fff;
    font-weight: 700;
    background: #f35d32;
    width: 190px;
    height: 40px;
    border-radius: 10px;
}
.btn-xs-gray {
    font-size: 14px;
    color: #222;
    font-weight: 400;
    line-height: 17px;
    background: #dedede;
    padding: 5px 15px;
    border-radius: 30px;
    display: inline-block;
}
.btn-xs-gray:hover,
.btn-xs-gray:focus,
.btn-xs-gray:active {
    color: #222;
}
.ico-profile {
    display: inline-block;
    width: 16px;
    height: 16px;
    background: url(../images/gate/ico_profile.svg) no-repeat center;
    margin-right: 5px;
    vertical-align: middle;
}
.certi-tab-btn-wrap {
    min-height: 74px;
}
.certi-tab-btn-wrap .btn-s-white + .btn-s-white {
    margin-top: 10px;
}
.box-link-list {
    display: flex;
    gap: 15px;
    margin-top: 20px;
}
.box-link-list li {
    border-radius: 15px;
    background: #fff;
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.15);
    width: 100%;
    text-align: center;
    line-height: 26px;
}
.box-link-list li a {
    display: block;
    padding: 75px 20px 20px;
    font-size: 18px;
    font-weight: 500;
    color: #222;
}
.box-link-list li .copy-type {
    background: url(../images/gate/ico_copy_type.png) no-repeat top 20px center/
        45px;
}
.box-link-list li .renew-type {
    background: url(../images/gate/ico_renew_type.png) no-repeat top 20px
        center/ 45px;
}
.box-link-list li .reissue-type {
    background: url(../images/gate/ico_reissue_type.png) no-repeat top 20px
        center/ 45px;
}
.e-wallet-wrap {
    background: #efefef;
    padding: 20px;
    border-radius: 15px;
}
.ico-e-wallet {
    background: url(../images/gate/logo_e_wallet.png) no-repeat left center/
        contain;
    font-size: 0;
    display: block;
    height: 20px;
}
.e-wallet-head {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 15px;
}
.e-wallet-head .tit p {
    font-size: 24px;
    font-weight: 500;
    line-height: 30px;
}
.e-wallet-head .tit span {
    font-size: 16px;
    line-height: 24px;
    display: inline-block;
    margin-top: 5px;
}
.e-wallet-head .e-wallet-qr img {
    width: 50px;
}
.e-wallet-link {
    display: flex;
    gap: 15px;
    margin-top: 20px;
}
.e-wallet-link li {
    background: #fff;
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.15);
    border-radius: 15px;
    width: 100%;
}
.e-wallet-link li a {
    padding: 55px 15px 15px;
    font-size: 18px;
    color: #666;
    font-weight: 500;
    line-height: 26px;
    display: block;
}
.e-wallet-link li .doc-type {
    background: url(../images/gate/ico_doc_type.svg) no-repeat top 15px left
        15px/ 30px;
}
.e-wallet-link li .e-wallet-type {
    background: url(../images/gate/ico_e_wallet_type.svg) no-repeat top 15px
        left 15px/ 30px;
}
.e-wallet-wrap.type02 {
    text-align: center;
    min-height: 275px;
}
.e-wallet-wrap.type02 .e-wallet-head {
    justify-content: center;
    margin-top: 34px;
}
.e-wallet-wrap.type02 .e-wallet-head .tit p {
    font-size: 20px;
    line-height: 24px;
}
.e-wallet-wrap.type02 .e-wallet-head .tit span {
    font-size: 14px;
    line-height: 17px;
    color: #666;
}
.e-wallet-num {
    margin-top: 20px;
    background: linear-gradient(180deg, #f25c31 0%, #f59a26 100%);
    height: 60px;
    padding: 0 20px;
    border-radius: 10px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.e-wallet-num dt {
    font-size: 16px;
    font-weight: 700;
    color: #fff;
}
.e-wallet-num dd {
    font-size: 14px;
    color: #fff;
    display: flex;
    align-items: center;
}
.e-wallet-num dd span {
    font-size: 24px;
    font-weight: 700;
    margin-right: 3px;
}
.bookmark-wrap {
    margin-top: 20px;
}
.bookmark-wrap .tit {
    font-size: 18px;
    font-weight: 700;
}
.bookmark-list {
    margin-top: 20px;
    display: flex;
    gap: 15px;
    flex-wrap: wrap;
}
.bookmark-list li {
    width: calc((100% - 30px) / 3);
    font-size: 14px;
    background: #fff;
    border: 1px solid #dedede;
    border-radius: 10px 10px 4px 10px;
}
.bookmark-list li a {
    padding: 15px 0 0 15px;
    display: block;
    min-height: 105px;
    height: 100%;
    line-height: 18px;
    position: relative;
    color: #222;
}
.bookmark-list li a:before {
    content: "";
    position: absolute;
    bottom: -1px;
    right: -1px;
    width: 24px;
    height: 24px;
    border-radius: 4px;
    background: #dedede url(../images/gate/ico_plus_white.svg) no-repeat center;
}

/* Mobile Device */
@media screen and (max-width: 767px) {
    .cont-w.business h2 > .btn-que {
        position: absolute;
        top: -2px;
        left: 14.3rem;
    }
    .cont-w.business .inner-accordion-contents .address-wrap {
        display: grid;
        height: inherit;
        margin-top: 15px;
    }
    .cont-w.business
        .inner-accordion-contents
        .address-wrap
        .address-wrap-button
        .btn-blue {
        width: 50%;
        font-size: 14px;
        align-items: center;
        padding: 0 10px;
        margin-left: 5px;
        /* 버튼 텍스트 넓이 맞추기 23/07/03 s */
        overflow: hidden;
        padding: 0;
        /* 버튼 텍스트 넓이 맞추기 e */
    }
    .cont-w.business .inner-accordion-contents .pwd-fill-area {
        width: 37%;
        /* 오류메시지 위치로 인한 높이 추가 23/06/26 */
        height: 45px;
    }
    .cont-w.business .inner-accordion-contents li + .ver-code2 {
        margin-top: 0.5rem;
    }
    .cont-w.business .inner-accordion-contents li .ico_que {
        top: 1.2rem;
        left: 9rem;
    }
    .inner-accordion-contents .error-msg-txt.error {
        margin-left: 0 !important;
        padding-top: 5px;
    }

    .cont-w2 li + li label.tit {
        margin-top: 15px;
    }
    .cont-w2 {
        margin-bottom: 60px;
    }
}

/* 파일첨부영역 */
.file-box-wrap {
    display: flex;
    justify-content: space-between;
}
.file-box-wrap .btn-blue {
    margin-left: 10px;
}
.cont-w.business .form-wrap.file-box-form input[type="checkbox"] {
    width: 30px;
    height: 30px;
    margin-right: 10px;
}
.cont-w.business .form-wrap.file-box-form input[type="checkbox"]:checked {
    background-color: #016ecd;
}
.cont-w.business .file-box-wrap .input {
    width: 100%;
}
.cont-w.business .form-wrap.file-box-form a > img {
    width: 2.25rem;
    /* margin-top: 0.2rem; */
    margin-left: 0.5rem;
    vertical-align: -14px;
}
.cont-w.business .form-wrap.file-box-form .file-box-txt {
    display: none;
}
.cont-w.business .form-wrap.file-box-form .file-box-txt::before {
    display: none;
}
.form-wrap.file-box-form label {
    position: relative;
    font-weight: 700;
    font-size: 24px;
    bottom: 3px;
}

/* Mobile Device */
@media screen and (max-width: 767px) {
    .cont-w.business .form-wrap.file-box-form a > img {
        width: 1.8rem;
        /* margin-top: 7px; */
        margin-left: 0;
    }
    .cont-w.business .form-wrap.file-box-form .file-box-txt {
        position: relative;
        display: block;
        line-height: 22px;
        margin-top: 5px;
        padding-left: 20px;
        font-size: 12px;
        color: #666;
    }
    .cont-w.business .form-wrap.file-box-form .file-box-txt::before {
        position: absolute;
        display: block;
        content: "";
        width: 2px;
        height: 2px;
        border-radius: 50%;
        background-color: #666;
        top: 50%;
        transform: translate(0, -50%);
        left: 6px;
    }
}

/* 선 */
.bor-btm-none {
    border-bottom: none !important;
}

/* 전체적인 사업자관련 페이지에서 사용되어야 할 css */
.excl2w20 {
    width: 20px;
}
#cmid.cmbo .cont-w .w15p {
    width: 15%;
}
#cmid.cmbo .cont-w .w59p {
    width: 59%;
}
#cmid.cmbo .pc-none {
    display: none;
}
#cmid.cmbo span.complete {
    top: 5px;
    right: 35px;
}
#cmid.cmbo .cont-w h2 {
    position: relative;
}
#cmid.cmbo .chk-lst-blue {
    /* width: 100%;
  padding: 0 125px 40px 125px; */
}
#cmid.cmbo .chk-lst-blue li {
    /* width: 250px; */
}
#cmid.cmbo .cont-w .terms-wrap .form-wrap {
    padding: 40px;
}
#cmid.cmbo .cont-w .form-wrap ul li label.tit {
    /* width: 20%; */
}
#cmid.cmbo .wrap-agree .form-wrap.pdt30 {
    padding: 30px 0 0 0;
}

/* Mobile Device */
@media screen and (max-width: 767px) {
    #cmid.cmbo .mt30.mmt30 {
        margin-top: 30px;
    }
    #cmid.cmbo .wrap-agree .form-wrap {
        padding: 2rem;
    }
    #cmid.cmbo .wrap-agree .form-wrap > input {
        margin-left: 12px;
        top: 3px;
    }
    #cmid.cmbo .wrap-agree .terms-wrap .terms-small-list {
        padding: 2rem 2rem 0 2rem;
    }
    #cmid .wrap-agree .terms-wrap .form-wrap .inner-accordion-contents {
        margin-top: 1.5rem;
    }
    #cmid.cmbo .pc-none {
        display: block;
    }
    #cmid.cmbo span.complete.pc-none {
        top: 18px;
        right: 20px;
    }
    #cmid.cmbo .msg dd {
        width: 100%;
    }
    #cmid.cmbo span.complete {
        top: 0.5rem;
        right: 2.5rem;
    }
    #cmid.cmbo .chk-lst-blue {
        width: 100%;
        padding: 0;
        margin: 0;
    }
    #cmid.cmbo .chk-lst-blue li {
        width: 100%;
    }
    #cmid.cmbo .chk-lst-blue li input[type="radio"] + label {
        padding: 1rem 2rem 1rem 3rem;
    }
    #cmid.cmbo .chk-lst-blue li input[type="radio"]:checked + label:after {
        width: 20px;
        height: 20px;
    }
    #cmid.cmbo .txt.text-center dl {
        padding: 2.35rem 0;
        margin: 0 0 30px 0;
    }
    #cmid.cmbo .txt.text-center dl dt {
        padding-top: 5.65rem;
    }
    #cmid.cmbo .file-box-wrap {
        display: block;
    }
    #cmid.cmbo .file-box-wrap .input,
    #cmid.cmbo .file-box-wrap a {
        width: 100%;
        margin-left: 0;
    }
    #cmid.cmbo .file-box-wrap .input + a {
        margin-top: 0.5rem;
        padding-left: 40px;
        font-size: 14px;
        font-weight: 400;
        color: #666;
    }
    #cmid.cmbo .file-box-wrap a {
        position: relative;
        border-color: #dedede;
        color: #666666;
    }
    #cmid.cmbo .file-box-wrap a::before {
        position: absolute;
        content: "";
        width: 2rem;
        height: 2rem;
        background-image: url(../images/sub/ico_plus.png);
        background-size: 100%;
        top: 50%;
        transform: translate(0, -50%);
        left: 10.5rem;
    }
    #cmid.cmbo .txt.text-center dl.bor-btm-none {
        padding: 0;
        margin: 0 2rem;
    }
    #cmid.cmbo .cont-w .form-wrap ul li label.tit {
        width: 100%;
    }

    /* 23/06/26 s */
    /* .cont-w2 li+li label.tit { margin-top:15px; } */
    .cont-w2 {
        margin-bottom: 60px;
    }
    .ver-code2 label.tit {
        margin-top: 5px !important;
    }
    /* 23/06/26 e */

    #cmid.cmbo .cont-w .terms-wrap .form-wrap {
        padding: 2rem;
    }
    #cmid.cmbo .cont-w .terms-wrap .form-wrap .right.txt {
        margin-left: 8px;
    }
    /* #cmid.cmbo .cont-w .terms-wrap .form-wrap label { font-weight:700; font-size:18px; } */
    #cmid.cmbo .cont-w.business .inner-accordion-contents .pwd-fill-area li {
        width: 12px;
        height: 12px;
    }
    #cmid.cmbo .wrap-agree .form-wrap.pdt30 {
        padding: 1.3rem 0 2rem 0;
    }
    #cmid.cmbo .msg > dl {
        min-height: 0;
    }
    #cmid.cmbo .form-wrap > .inner {
        padding: 0;
    }
    .cont-w.mb80-m {
        margin-bottom: 80px;
    }
    .height0-m {
        min-height: inherit !important;
    }
    /* 23/06/30 s 오류메세지 하단 영역 */
    .wrap-accordion-contents.h-100.ov .inner-accordion-contents ul {
        padding-bottom: 0;
    }
    /* 23/06/30 e */

    .cont-w .inner-accordion-contents .modal-inner {
        margin: 0;
        padding-left: 0;
        background: white;
    }
    .modal-inner ul.num-chk-list {
        padding-bottom: 0 !important;
    }
    .cont-w.business .form-wrap.file-box-form a > img {
        vertical-align: -2px;
    }

    /* 23/07/03 버튼 클릭 높이 조절 */
    .wrap-accordion-contents.d-block.show.on {
        height: 270px !important;
    }
    .cont-w.business.cont-w2 .wrap-accordion-contents.d-block.show.on {
        height: 570px !important;
    }

    .cont-w.business.cont-w3 .wrap-accordion-contents.d-block.show.on {
        height: 337px !important;
    }

    #cmid.cmbo .btn-new .chk-lst-blue li input[type="radio"] + label {
        width: 100%;
        text-align: left;
    }
    #cmid.cmbo .form-wrap.file-box-form .btn-new label {
        font-size: 16px !important;
    }

    /* 23/07/12 클라우드 추가 s */
    .form-wrap .chk-area input {
        top: 6px;
    }
    .form-wrap .chk-area input[type="checkbox"]:checked {
        background-color: #016ecd;
    }
    .form-wrap .chk-area {
        margin: 20px 24px 0;
        padding-top: 25px;
        padding-bottom: 15px;
    }
    .form-wrap .chk-area label {
        padding-left: 10px;
        font-size: 14px;
    }
    /* 23/07/12 클라우드 e */
    .txt.text-center dl dt p.txt-blue {
        font-size: 14px;
    }
    .txt.text-center dl dt p.txt-blue img {
        width: 16px;
    }

    /* 23/09/20 모달창 변경으로 인한 사이즈 조절 */
    div.notice-msg-wrap .notice-message {
        font-size: 25px;
        line-height: 4.2rem;
    }
    .wallet .notice-msg-wrap {
        margin-top: 0 !important;
    }
    .wallet-adress .cont-dl dd,
    .wallet-adress .cont-dl dt {
        font-size: 15px !important;
    }
}

/* 폴드(fold)+저해상도 */
@media screen and (max-width: 360px) {
    html,
    body {
        font-size: 0.5rem !important;
    }
    .progressbar li.active {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
    .txt.text-center dl {
    }
    .content.bg-human:before {
        bottom: 40px;
    }
    .wrap-accordion-contents.ov .tooltip-wrap .tooltip-cont {
        left: 50%;
        transform: translateX(-61%);
    }
    .wrap-accordion-contents .tooltip-wrap .tooltip-cont {
        left: 50%;
        transform: translateX(-50%);
    }
    .wrap-accordion-contents .tooltip-wrap .tooltip-cont.fold {
        transform: translateX(-27%);
    }
    .fs14,
    .inner-acc2 .fs14 {
        font-size: 13px;
    }
    .cont-w .terms-wrap .form-wrap {
        padding: 15px 10px;
    }
    .cert #sub .cont-w {
        margin-left: 10px;
        margin-right: 10px;
    }
    .flex.txt-r.mt25.mb15.mr20 {
        margin-left: 10px;
        margin-right: 10px;
    }
    .cert #sub {
        /* padding-top:30px; */
    }
    .cont-w {
        padding-top: 0px;
    }
    .form-wrap {
        border-radius: 10px;
    }
    .cont-w .form-wrap .btn-blue.fl-r,
    .cont-w .form-wrap a.btn-gray,
    .cont-w .form-wrap a.btn-blue {
        padding: 0px;
    }
    .cert #sub .inner-acc2 .tooltip-cont dt.tooltip-tit {
        font-size: 12px !important;
    }
    .cert #sub .inner-acc2 .tooltip-cont dd {
        margin-top: 5px;
        font-size: 11px !important;
    }
    .cert .col2 {
        margin: 20px 10px 0 !important;
    }
    #w800 {
        margin: 0 10px;
    }
    .cont-w.business .form-wrap.file-box-form a > img {
        width: 19px;
    }
}

/*****************************전자지갑****************************************/
.fold-break {
    display: none;
}
.fold-hide {
    display: block;
}
.btn-bottom-fixed .btn-cancel {
    background-color: #aaa;
    color: #fff;
    width: 50%;
}
.btn-bottom-fixed .btn-cancel + .btn-confirm {
    width: 100%;
}
.wallet .cont-w {
    margin: 0 !important;
}
.wallet .notice-msg-wrap {
    margin-top: 110px;
}
.wallet .form-wrap.all > label {
    font-size: 1.8rem !important;
}
.wallet-btn-area {
    text-align: center;
    margin-top: 7.6rem;
}
.wallet-btn-area .txt {
    font-size: 2rem;
    font-weight: 500;
    line-height: 3rem;
    margin-bottom: 10px;
    word-break: keep-all;
}
.wallet-btn-area .btn-s-blue {
    min-width: 22rem;
    height: 5rem;
    line-height: 5rem;
    color: #016ecd;
    font-size: 1.8rem;
    background: #ffffff;
    border: 1px solid #016ecd;
    border-radius: 10px;
    padding: 0 30px;
}
.wallet .form-wrap.all {
    background: #fff;
}
.wallet-btn-area button.btn {
    font-size: 14px;
    color: #016ecd;
}

.wallet-form-wrap {
    background: #fff;
    border-radius: 15px;
    padding: 20px;
    margin-top: 60px;
}
.wallet-form-wrap .rdo-lst-blue li label {
    width: 100%;
    display: block;
}
.wallet-form-wrap .rdo-lst-blue li {
    display: flex;
}
.wallet-form-wrap .rdo-lst-blue li + li {
    margin-top: 10px;
}
.wallet-form-wrap .rdo-lst-blue li input[type="radio"] + label {
    min-height: 8rem;
    background-position: 2rem center !important;
    background-size: 4rem auto !important;
    font-size: 16px;
    font-weight: 500;
    border-radius: 10px;
    padding: 3.05rem 2rem 3.05rem 7.5rem;
    border: 1px solid #dedede;
    position: relative;
}
.wallet-form-wrap .rdo-lst-blue li input[type="radio"]:checked + label:after {
    background-size: 20px;
    right: 20px;
    top: 18px;
}
.wallet-form-wrap .rdo-lst-blue li input[type="radio"]:checked + label {
    border: 1px solid #016ecd !important;
}
.wallet-form-wrap .rdo-lst-blue li input[type="radio"]:checked + label:after {
    content: "";
    position: absolute;
    top: calc(50% - 12px);
    right: 20px;
    width: 24px;
    height: 24px;
    background: url("../images/sub/ico_chk_blue.png") no-repeat center 0 / 24px
        auto;
}
.wallet-form-wrap .rdo-lst-blue li.type-rdo01 {
    background: url(../images/sub/ico_my_certificate.png) no-repeat left 20px
        center/40px;
}
.wallet-form-wrap .rdo-lst-blue li.type-rdo02 {
    background: url(../images/sub/ico_phone_certificate.png) no-repeat left 20px
        center/40px;
}

.wallet .terms-wrap .form-wrap .inner-accordion-contents {
    border-top: 1px dashed #dedede;
    padding: 2rem 2rem 0;
}
.wallet .terms-wrap .wrap-accordion-group .wallet-form-wrap02.form-wrap {
    padding: 2rem 0;
}
.wallet .terms-wrap .wrap-accordion-group .form-wrap > .accordion-btn {
    margin-right: 2rem;
}
.wallet .terms-wrap .wallet-form-wrap02.form-wrap .inner-accordion-contents {
    margin-top: 2rem;
}
.wallet-form-wrap02 ul > li + li {
    margin-top: 20px;
}
.wallet-form-wrap02 input[type="checkbox"] + label {
    font-weight: 500;
}
.wallet-form-wrap02 input[type="checkbox"] + label em {
    font-style: normal;
    font-size: 12px;
}
.wallet-form-wrap02 .form-checkbox-input02 {
    display: flex;
    position: relative;
}
.wallet-form-wrap02 .form-checkbox-input02 label {
    font-size: 14px;
    color: #222;
    font-weight: 500;
    margin-left: 10px;
    width: calc(100% - 30px);
}
.wallet-form-wrap02 .form-checkbox-input02 input[type="checkbox"]:checked {
    background-color: #016ecd;
}
.wallet-form-wrap02 .form-checkbox-input02 .btn-text {
    margin-left: auto;
    background: url(../images/common/ico_accor_arrow.svg) no-repeat center;
    font-size: 0;
    width: 6px;
    height: 12px;
    padding-right: 18px;
    transform: rotate(-90deg);
    margin-top: 3px;
    margin-left: 10px;
}
.wallet-form-wrap02 .form-checkbox-input02 .btn-text.exception-btn {
    position: absolute;
    top: 0;
    right: 0;
}

/* .wallet-form-wrap02 .form-checkbox-info{margin-left: 10px;} */
.wallet-form-wrap02 .form-checkbox-info > dt {
    font-size: 14px;
    color: #222;
    font-weight: 500;
    padding-bottom: 1rem;
    display: flex;
    justify-content: space-between;
}
.wallet-form-wrap02 .form-checkbox-info > dt .expire-tag {
    background: #ffe9eb;
    padding: 0.4rem 1rem;
    border-radius: 2.2rem;
    font-size: 12px;
    color: #ff3851;
    border: none;
    line-height: 14px;
    position: absolute;
    right: 30px;
    top: -2px;
}
.wallet-form-wrap02 .form-checkbox-info > dd {
    font-size: 14px;
    color: #999;
    font-weight: 400;
}
.info-depth-wrap {
    border-top: 1px solid #dedede;
    margin-top: 1.5rem;
    padding-top: 1.5rem;
}
.info-depth {
    display: flex;
    flex-wrap: wrap;
    width: 26rem;
}
.info-depth.type-100 {
    width: 100%;
}

.wallet-form-wrap02
    .form-checkbox-input02
    .form-checkbox-info
    .info-depth
    dd.text-area-wrap {
    width: 100%;
    margin-top: 5px;
}
.text-area-wrap textarea {
    max-height: 90px;
    height: 40px;
    background: #efefef;
}
.text-area-wrap .bg-gray {
    max-height: 100px;
    min-height: 43px;
    display: block;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    word-wrap: break-word;
    padding: 10px;
    border-radius: 7px;
    border: 1px solid #dedede;
    background: #efefef;
}

.text-area {
    width: 100%;
    border: 1px solid #dedede;
    border-radius: 7px;
    padding: 10px;
    font-size: 16px;
    line-height: 19px;
}
.text-area:disabled {
    background: #efefef;
}
.wallet-form-wrap02 .form-checkbox-input02 .form-checkbox-info .info-depth dt {
    width: 65px;
    font-size: 14px;
    font-weight: 400;
}
.wallet-form-wrap02 .form-checkbox-input02 .form-checkbox-info .info-depth dd {
    width: calc(100% - 65px);
    font-size: 14px;
    font-weight: 400;
    color: #666;
}
.wallet-form-wrap02 .form-checkbox-input02 > dl.form-checkbox-info {
    width: 100%;
}

.wallet-form-wrap02 > .form-checkbox-input02 {
    width: 100%;
}
.wallet-form-wrap02 > .form-checkbox-input02 .form-checkbox-info dt {
    font-size: 16px;
    font-weight: 500;
}
.wallet-form-wrap02 > .form-checkbox-input02 .form-checkbox-info dt.tit {
    justify-content: flex-start;
}
.wallet-form-wrap02 > .form-checkbox-input02 .form-checkbox-info dt.tit p {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: calc(100% - 10rem);
}
.wallet-form-wrap02 > .form-checkbox-input02 .form-checkbox-info dt.tit .num {
    font-weight: 500;
}
.wallet-form-wrap02
    > .form-checkbox-input02
    .form-checkbox-info
    dt.tit
    .num
    em {
    font-style: normal;
    font-size: 12px;
}
.wallet-form-wrap02.form-wrap:nth-child(2) {
    margin-bottom: 0;
}
.wallet-form-wrap02 .wallet-accord-tit {
    font-size: 16px;
    color: #222;
    font-weight: 500;
    padding: 0 2rem;
    line-height: 1;
}
.wallet-form-wrap02 .wallet-accord-tit .num {
    font-weight: 700;
}
.wallet-form-wrap02 .wallet-accord-tit em {
    font-style: normal;
    font-size: 12px;
}
.wallet-form-wrap02 .tit-chk-rdo {
    margin-left: 2rem;
}
.wallet-form-wrap02 .tit-chk-rdo label {
    font-size: 16px;
    font-weight: 500;
    margin-left: 1rem;
}
.wallet-form-wrap02 .tit-chk-rdo label em {
    font-style: normal;
    font-size: 12px;
}
.wallet-form-wrap02.form-wrap {
    margin-top: 15px;
    padding: 2rem;
}
.wallet-form-wrap02 .btn-area {
    margin: 1.5rem 0rem 1rem 0rem;
    width: 100%;
}
.wallet-form-wrap02 .btn-area .btn-s-blue {
    width: 100%;
    border: 1px solid #016ecd;
    color: #016ecd;
    font-size: 14px;
    border-radius: 10px;
    height: 5rem;
}

.wallet-form-wrap02 .tit-area dt {
    font-size: 1.2rem;
    font-weight: 400;
    color: #666;
}
.wallet-form-wrap02 .tit-area dd {
    font-size: 1.8rem;
    font-weight: 700;
}
.form-checkbox-input02 {
    position: relative;
}
.form-checkbox-input02 [class*="-tag"] {
    text-align: center;
    font-size: 12px;
    line-height: 2.4rem;
    font-weight: 400;
    background: #fff;
    border: 1px solid;
    padding: 0 1rem 0px;
    border-radius: 2.2rem;
    height: 2.4rem;
    min-width: 5.3rem;
    position: relative;
}
.form-checkbox-input02 .blue-tag {
    border-color: #016ecd;
    color: #016ecd;
}
.form-checkbox-input02 .yellow-tag {
    border-color: #f18700;
    color: #f18700;
}
.form-checkbox-input02 .red-tag {
    border-color: #ff3851;
    color: #ff3851;
}
.form-checkbox-input02 .gray-tag {
    border-color: #aaa;
    color: #aaa;
}
.form-checkbox-input02 .mini-tit {
    font-size: 12px;
    color: #666;
    margin-bottom: 5px;
    width: 100%;
}
.form-checkbox-input02 .big-tit {
    font-size: 18px;
    color: #222;
    font-weight: 700;
    width: 100%;
}
.form-checkbox-input02.type-border {
    border: 1px solid #dedede;
    padding: 2rem;
    border-radius: 10px;
    margin-top: 10px !important;
    margin-bottom: 0 !important;
}
.form-checkbox-input02.type-border label {
    font-size: 16px;
    display: flex;
    justify-content: space-between;
}
.form-checkbox-input02.type-border [class*="-tag"] {
    top: 0;
}
.terms-wrap .wrap-accordion-group .tit-chk-rdo + .accordion-btn {
    margin-right: 2rem;
}
.modal .my-certi-list li .certi-list-cont {
    margin-bottom: 10px;
}

.wallet-form-wrap02.type-exception {
    position: relative;
}
.wallet-form-wrap02.type-exception .btn-text {
    position: absolute;
    top: 2rem;
    right: 1.5rem;
    font-size: 0;
    width: 20px;
    height: 20px;
    transform: rotate(-90deg);
    background: url(../images/common/ico_accor_arrow.svg) no-repeat center;
}

.wallet .terms-wrap .wallet-form-wrap02.type-exception02 .default-list {
    border-top: 1px dashed #dedede;
    margin-top: 2rem;
    padding: 2rem 2rem 0;
    width: 100%;
}
.wallet .terms-wrap .wallet-form-wrap02.type-exception02 .accordion-btn {
    position: absolute;
    top: 2rem;
    right: 0;
}
.wallet
    .terms-wrap
    .wallet-form-wrap02.type-exception02
    .inner-accordion-contents {
    border: none;
    margin-top: 0;
}

.wallet-form-wrap02 .form-checkbox-input02.type-exception03 .btn-text {
    position: absolute;
    right: 0;
}
.wallet-form-wrap02 .form-checkbox-input02.type-exception03 .info-depth {
    width: auto;
}
.wallet-form-wrap02
    .form-checkbox-input02.type-exception03
    .form-checkbox-info
    > dt {
    padding-right: 3rem;
}

/*비활성화*/
.wallet-form-wrap02.disabled {
    background: #efefef;
    pointer-events: none;
}
.wallet-form-wrap02.disabled dt,
.wallet-form-wrap02.disabled dd,
.wallet-form-wrap02.disabled .wallet-accord-tit {
    color: #aaa !important;
}
.wallet-form-wrap02.disabled .wrap-accordion-contents {
    height: 0 !important;
}

.wallet-adress {
    background: #fff;
    padding: 20px;
    border-radius: 15px;
}
.wallet-adress .tit {
    font-size: 1.6rem;
    margin-bottom: 1rem;
    font-weight: 400;
}
.wallet-adress .txt {
    font-size: 1.6rem;
    font-weight: 700;
    color: #016ecd;
    word-break: break-all;
    line-height: 19px;
}
.wallet-adress .big-tit {
    font-size: 1.8rem;
    font-weight: 700;
    margin-bottom: 2rem;
}
.wallet-adress .cont-dl {
    display: flex;
    flex-wrap: wrap;
    word-break: break-all;
}
.wallet-adress .cont-dl dt {
    width: 35%;
    font-size: 1.6rem;
    font-weight: 400;
    line-height: 1;
}
.wallet-adress .cont-dl dd {
    width: 65%;
    font-size: 1.6rem;
    font-weight: 700;
    text-align: right;
    line-height: 1;
}
.wallet-adress .cont-dl dt:not(:nth-of-type(1)),
.wallet-adress .cont-dl dd:not(:nth-of-type(1)) {
    margin-top: 20px;
}
.add-message02 {
    font-size: 14px;
    color: #666;
    font-weight: 400;
    margin-top: 6px;
}

.wallet input[type="text"],
.wallet input[type="number"],
.wallet input[type="password"] {
    height: 50px;
    width: 100%;
    line-height: 50px;
    padding-left: 10px;
    padding-right: 10px;
    font-size: 16px;
    border: 1px solid #dedede;
    border-radius: 7px;
}

.wallet ::-webkit-input-placeholder {
    color: #aaa;
}
.wallet :-moz-placeholder {
    color: #aaa;
} /* Firefox 18- */
.wallet ::-moz-placeholder {
    color: #aaa;
    opacity: 1;
} /* Firefox 19+ 무슨 이유인지는 모르나 반투명처리되어 opacity가 있어야함 */
.wallet :-ms-input-placeholder {
    color: #aaa;
}

.radius-box-wrap {
    background: #fff;
    border-radius: 15px;
    padding: 20px;
    width: 100%;
    margin-top: 30px;
}
.radius-box-wrap .radius-box-tit {
    font-size: 1.8rem;
    font-weight: 700;
    padding-bottom: 2rem;
    border-bottom: 1px dotted #dedede;
}
.radius-box-wrap .btn-area {
    display: flex;
    margin-top: 10px;
    gap: 10px;
}
.radius-box-wrap .btn-area .btn-s-blue {
    border: 1px solid #016ecd;
    background: #fff;
    color: #016ecd;
    font-weight: 500;
    width: 100%;
    border-radius: 7px;
    height: 50px;
    font-size: 14px;
}
.search_input {
    position: relative;
    width: 100%;
}
.search_input .input {
    width: 100%;
    padding-right: 60px;
}
.search_input input[type="text"],
.search_input input[type="number"],
.wallet .search_input input[type="password"] {
    width: 100%;
    padding-right: 50px;
}
.search_input .search_button {
    position: absolute;
    width: 40px;
    height: 50px;
    background: url(../images/common/ico_search.svg) no-repeat center/20px;
    font-size: 0;
    top: 50%;
    right: 0;
    transform: translate(0, -50%);
}

/*탭*/
.tab-top-area {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 20px;
}
.tab-top-area .tab-top-l {
    font-size: 16px;
    color: #666;
    font-weight: 400;
}
.tab-top-area .tab-top-l .num {
    font-weight: 700;
    padding-right: 2px;
}
.tab-top-area .tab-top-l em {
    font-style: normal;
    font-size: 13px;
}
.tab-info-txt {
    font-size: 14px;
    color: #666;
    font-weight: 400;
    padding-left: 21px;
    background: url(../images/common/ico_information.svg) no-repeat left center/
        16px;
}
.tab-menu2 ul > li.dotted-tab {
    position: relative;
}
.tab-menu2 ul > li.dotted-tab > a {
    padding: 13.5px 8px;
} /* 23/07/12 위치 수정 */
/* .tab-menu2 ul > li.dotted-tab::after{content:''; position: absolute; right: 15px; top: 10px; width: 5px; height: 5px; border-radius: 5px; background: #ff3851;} */ /* 23/07/12 위치 수정 */
.tab-menu2 ul > li.dotted-tab::after {
    content: ""; /*  position: absolute; */ /* right: -9px; */
    right: 13px; /* top: -4px; */
    top: 0px;
    width: 5px;
    height: 5px;
    border-radius: 5px;
    background: #ff3851;
    display: inline-block;
    position: relative;
    left: 2px;
    vertical-align: top;
}
.tab-menu2 ul > li.dotted-tab.txt-fit::after {
    display: none;
}
.tab-menu2 ul > li.dotted-tab.txt-fit span {
    display: block;
    position: relative;
    overflow: hidden; /* width:110px; */
} /* 23/07/11 길이제한 */
.tab-menu2 ul > li.dotted-tab.txt-fit span::after {
    content: ""; /*  position: absolute; */ /* right: -9px; */
    right: 13px; /* top: -4px; */
    top: 0px;
    width: 5px;
    height: 5px;
    border-radius: 5px;
    background: #ff3851;
    display: inline-block;
    position: relative;
    left: 2px;
    vertical-align: top;
} /* 23/07/12 위치 수정 */
.tab-menu2 ul > li.dotted-tab.txt-fit.col-3 span::after {
    right: 0;
}
.tab-menu2 ul > li.col-6 {
    width: 50% !important;
}
.tab-menu2 ul > li.col-3 {
    width: 25% !important;
}

/*체크라디오*/
.chk-rdo-wrap li {
    margin-top: 15px;
}
.chk-rdo label {
    font-size: 14px;
    color: #666;
    margin-left: 5px;
}
.chk-rdo + div {
    margin-top: 10px;
}
.chk-rdo {
    display: flex;
}
.chk-rdo input[type="radio"] {
    width: 20px;
    height: 20px;
    background: #dedede url("../images/common/ico_check_arrow.svg") no-repeat
        top 5px center/12px;
    border-radius: 20px;
}
.chk-rdo input[type="radio"]:checked {
    background-color: #016ecd;
}

.rdo-list {
    border-top: 1px solid #016ecd;
    margin-top: 10px;
    border-bottom: 1px solid #dedede;
}
.rdo-list li {
    padding: 2rem;
    border-bottom: 1px solid #dedede;
    display: flex;
    align-items: center;
}
.rdo-list li:last-child {
    border-bottom: none;
}
.rdo-list li label {
    font-size: 14px;
    width: calc(100% - 22px);
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    margin-left: 10px;
}
.rdo-list li input[type="radio"] {
    width: 12px;
    height: 10px;
    background: url(../images/common/ico_check_small.svg) no-repeat center;
}
.rdo-list li input[type="radio"]:checked {
    background: url(../images/common/ico_checked_small.svg) no-repeat center;
}
.rdo-list.chk-type {
    margin-top: 20px;
}
.rdo-list.chk-type li input[type="checkbox"] {
    width: 2rem;
    height: 2rem;
    border-radius: 0.7rem;
    background: #dedede url(../images/common/ico_check_arrow.svg) no-repeat
        center / 11px;
}
.rdo-list.chk-type li input[type="checkbox"]:checked {
    background: #016ecd url(../images/common/ico_check_arrow.svg) no-repeat
        center / 11px;
}

/* .modal-body .rdo-list{max-height: calc(100vh - 366px); overflow: auto;} */
/* .wallet .rdo-list{max-height: calc(100vh - 285px); overflow: auto;} */

/* 아이패드미니(vertical) */
@media screen and (min-width: 768px) and (max-width: 768px) {
    .wallet
        .terms-wrap
        .wrap-accordion-group
        .form-wrap
        > input[type="checkbox"] {
        margin-left: 2rem;
    }
    .modal-common .modal-body {
        max-height: calc(90vh - 125px);
    }
}

@media screen and (max-width: 360px) {
    .wallet .notice-msg-wrap {
        margin-top: 10vh;
    }
    .wallet .notice-message {
        word-break: keep-all;
    }
    .wallet-form-wrap .rdo-lst-blue li input[type="radio"] + label {
        padding: 20.5px 20px 20.5px 75px;
    }
    .tab-menu2 ul > li > a {
        font-size: 14px;
        padding: 13.5px 10px;
        height: auto;
    }
    .wallet-form-wrap02 .form-checkbox-info > dd {
        font-size: 12px;
    }
    /* .wallet-form-wrap02 .form-checkbox-info > dt{padding-right: 50px;} */
    .wallet-form-wrap02 .form-checkbox-info > dt .expire-tag {
        font-size: 11px;
        padding: 4px 8px;
        right: 18px;
    }
    .modal-common.mo-bottom-sheets .modal-content {
        border-bottom-left-radius: 0;
        border-bottom-right-radius: 0;
        /* max-height: 90vh; */
        min-height: 410px;
    }
    .form-checkbox-input > input[type="checkbox"] + label {
        word-break: keep-all;
    }
    div.notice-msg-wrap .notice-message {
        font-size: 3rem;
        line-height: 4.2rem;
    }
}
@media screen and (max-width: 320px) {
    .fold-break {
        display: block;
    }
    .fold-hide {
        display: none;
    }
    /* .info-depth{width: 190px;} */ /* 23/07/11 줄바꿈 방지 넓이 삭제 */
    .tab-menu2 ul > li.dotted-tab::after {
        top: 7px;
        right: 8px;
    }
}