/*reset style*/
@import "kinfa_reset-def42e52b9d5f5f22b10dc3994992b4e.css";

/*component style*/
@import "kinfa_input-9f0c858ad2d2ff515579fade18cd930b.css";
@import "kinfa_tab-e39ccaadd0215b17d4f2f6d6c2736ea7.css";
@import "kinfa_cstlist-016bfbdebefd87ba323e3e2e054ccc0d.css";
@import "kinfa_btn-0b8abbb8e89c02a4545b26544b6e8139.css";
@import "kinfa_table-7219dfee4729e0e780679965af88d583.css";
@import "kinfa_flowchart-26b4d7ab356da4afd4827a7d6b767b53.css";
@import "kinfa_modal-811e2a4b127eb888406d5d830b59419e.css";
@import "kinfa_mds-71365f2188e216b633da8085d006bc98.css";

/*responsive*/
@import "kinfa_responsive-ca11dec356a4cd6e3a78b8d5f76fe6c8.css";
@import "kinfa_cstnavi-b40257e6fc8f0f00e872cdbe50bac084.css";


/* np-layer custom */
.custom-np-layer .page-header {
    background: #fff;
}
.custom-np-layer #page-header-term .head-popup__title {
    color: #111;
    /*padding: 1.04rem 0;*/
    height: 3.5em;
    display: flex;
    justify-content: center;
    align-items: center;
}
.custom-np-layer .page-header .close-button.func-prev {
    display: inline-block;
    width: .75rem;
    height: .75rem;
    position: absolute;
    top: 1.45rem;
    left: 1.25rem;
    font-size: 1em;
    border-top: 1px solid var(--sub-color01);
    border-right: 1px solid var(--sub-color01);
    transform: rotate(225deg);
    background: none;
}

/*POPUP*/
.np-layer__cst-popup {
    top: 0;
}
#page-header-term .head-popup__title {
    font-size: 1rem;
    font-weight: normal;
    padding: .8rem 0;
}


/*HEADER*/
header {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 100;
    min-height: 3.5rem;
    /*height: auto;*/
    background: #fff;
}
.head-title {
    font-size: 1rem;
    text-align: center;
    /*padding: 1.04rem 0;*/
    margin: 0;
    min-height: 3.5rem;
    display: flex;
    justify-content: center;
    align-items: center;
}
.head-title.head-title__small {
    font-size: .85rem;
}
.btn_prev {
    position: relative;
    font-size: 0;
}
.btn_prev::after {
    content: '';
    display: inline-block;
    position: absolute;
    top: 1.25rem;
    left: 1.25rem;
    width: .75rem;
    height: .75rem;
    border-top: 1px solid var(--sub-color01);
    border-right: 1px solid var(--sub-color01);
    transform: rotate(225deg);
}
.btn_cancel {
    position: absolute;
    top: 50%;
    right: 20px;
    font-size: .7rem;
    transform: translateY(-50%);
}


/*BODY*/
.con-kinfa-wrap {
    padding-top: 3.5rem;
}
.con-kinfa-wrap__cst {
    padding-top: 3rem;
}
.con-kinfa01 {
    padding: 1rem 0;
}
.con-kinfa02 {
    padding: 2rem 0 6rem;
}
.con-kinfa03 {
    padding: 3rem 0;
    background: var(--main-color);
}
.con-kinfa04 {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-flow: column;
    height: calc(94vh - 150px);
    text-align: center;
}
.con-kinfa05 {
    padding-bottom: 4em;
}
.con-kinfa06 {
    padding: 2em 0;
}

.certfimg-wrap {
    padding-bottom: 2rem;
}
.certf__checkimg-wrap {
    padding-bottom: 1em;
}

.notice-kinfa {
    background: #f6f6f6;
    padding: 1em;
}
.notice-mgb {
    margin-bottom: 2rem;
}

.img-vertical {
    vertical-align: top;
}
.img-responsive {
    width: 100%;
}

/*TITLE STYLE*/
.tit-style01 {
    font-weight: bold;
    background: url('https://rl9mnsqm6.toastcdn.net/mmc/cst/tit_iCon01.png') no-repeat left center;
    padding-left: 1.2em;
    margin-bottom: .4em;
}

.tit-icon__paper {
    background: url('https://rl9mnsqm6.toastcdn.net/mmc/mds/tit_icon_paper.png') no-repeat 1px center;
}
.tit-icon__coin {
    background: url('https://rl9mnsqm6.toastcdn.net/mmc/mds/tit_icon_coin.png') no-repeat 1px center;
}
.tit-icon__bank {
    background: url('https://rl9mnsqm6.toastcdn.net/mmc/mds/tit_icon_bank.png') no-repeat 1px center;
}
.tit-icon__check {
    background: url('https://rl9mnsqm6.toastcdn.net/mmc/mds/tit_icon_check.png') no-repeat 1px center;
}
.tit-icon__graph {
    background: url('https://rl9mnsqm6.toastcdn.net/mmc/mds/tit_icon_graph.png') no-repeat 1px center;
}
.tit-icon__speech-bubble {
    background: url('../img/mds/icon/tit_icon_speech-bubble.png') no-repeat 1px center;
}
.tit-icon__score {
    background: url('../img/cst/icon/tit_icon_score.png') no-repeat 1px center;
}
.tit-icon__zoom {
    background: url('../img/cst/icon/tit_icon_zoom.png') no-repeat 1px center;
}

.tit-style02 {
    font-size: 1.2em;
    font-weight: 600;
    letter-spacing: -1px;
    line-height: 1.3em;
    color: #fff;
    margin: 0;
}
.tit-style02 span {
    font-weight: normal;
}

.tit-style03 {
    font-size: 1em;
    font-weight: bold;
}
.tit-style04 {
    font-size: 1.2em;
    line-height: 1.4em;
}

.common-text01 {
    font-size: .8em;
    line-height: 1.4em;
}
.common-text02 {
    font-size: .7em;
    line-height: 1.75em;
    color: var(--sub-color01);
    padding: .7rem 0 2rem;
}
.common-text03 {
    font-size: .8em;
    line-height: 1.4em;
    padding-top: 8px;
}
.common-text04 {
    font-size: 1.2rem;
    font-weight: bold;
    letter-spacing: -1px;
    line-height: 1.6rem;
    padding-bottom: .6rem;
}
.common-text05 {
    font-size: .9rem;
    line-height: 1.2rem;
    color: var(--sub-color01);
}
.common-text06 {
    font-size: .7em;
    text-align: left;
    line-height: 1.5em;
    color: var(--sub-color01);
}
.common-text07 {
    font-size: .8em;
    font-weight: bold;
    line-height: 1.4em;
    padding-bottom: 3px;
}

.text-style01 {
    font-size: 1.2em;
    font-weight: bold;
    padding-bottom: .5em;
}
.text-style02 {
    font-size: .9em;
}
.text-style03 {
    font-size: 1em;
    font-weight: bold;
}
.text-style04 {
    font-size: 1.2em;
    line-height: 1.4em;
}

.score {
    color: #3c64ad;
}

/*BACKGROUND COLOR*/
.bg-sky {
    background: #f1f8ff;
}
.bg-grey {
    background: #fafafa;
}
.bg-agree {
    background: var(--main-color) url('../img/agree_iCon.png') no-repeat 90% center;
}
.bg-blue {
    background: #1c59b5;
}

.img-light {
    background: url('https://rl9mnsqm6.toastcdn.net/mmc/cst/agree_light.png') no-repeat 1px 3px;
    background-size: .8rem;
    padding-left: 1.2rem;
}
.state-attention {
    background: linear-gradient(rgba(0, 0, 0, 0) 50%, rgba(34, 167, 240, .3) 50%);
}
/* TEXT COLOR */
.text-color__white {
    color: #fff;
}
.text-color__black {
    color: #111;
}
.text-color__red {
    color: #e43a3a;
}
.text-color__grey {
    color: var(--sub-color01);
}
.text-color__blue {
    color: #196ee2;
}

/* TEXT Padding */
.text-pdt__0 {
    padding-top: 0;
}

/* Font Weight */
.text-bold {
    font-weight: bold;
}
.text-normal {
    font-weight: normal;
}

/* divider */
.divider__sky-h4 {
    height: 4px;
    background: #f1f8ff;
}


/*iOS only*/
@supports (-webkit-touch-callout: none) {
    height: -webkit-fill-available;
}



/* 하단에서 올라오는 팝업 */
.from-bottom__popup-wrap {
    position: fixed;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .4);
    z-index: 1000;
    margin: 0;
    padding: 0;
}
.from-bottom__popup {
    display: block;
    position: fixed;
    bottom: 0;
    width: 100%;
    margin: 0 auto;
    background: #fff;
    border-radius: 20px 20px 0 0;
    transition: all .5s;
}

.popup-close-wrap {
    padding: .6em 1.1em;
}
.popup-close {
    display: flex;
    justify-content: flex-end;
}
.popup-close a {
    font-size: .7em;
    letter-spacing: -1px;
    color: #666;
}

.popup-con {
    padding: .5em .8em 1em;
}
.popup-con__title {
    font-size: 1em;
    font-weight: bold;
    padding-bottom: 3px;
}
.popup-con__text {
    font-size: .7em;
    padding-bottom: 1.2em;
}

/*
    FLEX & GRID 컴포넌트
*/
.flex {
    display: flex;
}

/*
    정렬 컴포넌트
 */
.justify-content-between {
    justify-content: space-between;
}

.items-baseline {
    align-items: baseline;
}

/*
    FONT SIZE 컴포넌트
*/
.text-xs {
    font-size: 0.75rem;
    line-height: 1rem;
}

.text-sm {
    font-size: 0.875rem;
    line-height: 1.25rem;
}

.text-base {
    font-size: 1rem;
    line-height: 1.5rem;
}

.text-lg {
    font-size: 1.125rem;
    line-height: 1.75rem;
}

.text-xl {
    font-size: 1.25rem;
    line-height: 1.75rem;
}

.text-2xl {
    font-size: 1.5rem;
    line-height: 2rem;
}

/*
    FONT WEIGHT 컴포넌트
*/
.font-bold {
    font-weight: 700;
}

/*
    COLOR 컴포넌트
*/
.text-gray-50 {
    color: rgb(249 250 251);
}
.text-gray-50 {
    color: rgb(249 250 251);
}
.text-gray-500 {
    color: rgb(107 114 128)
}
.text-gray-900 {
    color: rgb(17 24 39);
}

/*
    SPACE 컴포넌트
*/
.pt-1 {
    padding-top: 0.25rem;
}

.p-2 {
    padding: 0.5rem;
}

.pt-2 {
    padding-top: 0.5rem;
}

.py-2 {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
}

.p-3 {
    padding: 0.75rem;
}

.py-3 {
    padding-top: 0.75rem;
    padding-bottom: 0.75rem;
}

.mb-1 {
    margin-bottom: 0.25rem;
}

.mb-2 {
    margin-bottom: 0.5rem;
}

.mb-3 {
    margin-bottom: 0.75rem;
}

.mr-1 {
    margin-right: 0.25rem;
}

.mr-2 {
    margin-right: 0.5rem;
}

.mr-3 {
    margin-right: 0.75rem;
}

/*
    SIZING 컴포넌트
 */

.w-full {
    width: 100%;
}