@charset "utf-8";

/* Fonts */
@font-face {
    font-family: 'Noto Sans KR';
    font-style: normal;
    font-weight: 400;
    src:
        local('Noto Sans KR Regular'),
        local('NotoSansKR-Regular'),
        url('../fonts/NotoSansKR-Regular.woff2') format('woff2'),
        url('../fonts/NotoSansKR-Regular.woff') format('woff'),
        url('../fonts/NotoSansKR-Regular.otf') format('opentype');
}

@font-face {
    font-family: 'Noto Sans KR';
    font-style: normal;
    font-weight: 700;
    src:
        local('Noto Sans KR Bold'),
        local('NotoSansKR-Bold'),
        url('../fonts/NotoSansKR-Bold.woff2') format('woff2'),
        url('../fonts/NotoSansKR-Bold.woff') format('woff'),
        url('../fonts/NotoSansKR-Bold.otf') format('opentype');
}

/*폰트추가*/
@font-face {
    font-family: 'SUIT';
    font-weight: 100;
    font-style: normal;
    src: url('../fonts/SUIT/SUIT-Thin.eot');
    src: url('../fonts/SUIT/SUIT-Thin.eot?#iefix') format('embedded-opentype'),
    url('../fonts/SUIT/SUIT-Thin.woff2') format('woff2'),
    url('../fonts/SUIT/SUIT-Thin.woff') format('woff'),
    url('../fonts/SUIT/SUIT-Thin.ttf') format("truetype");
    font-display: swap;
}
@font-face {
    font-family: 'SUIT';
    font-weight: 200;
    font-style: normal;
    src: url('../fonts/SUIT/SUIT-ExtraLight.eot');
    src: url('../fonts/SUIT/SUIT-ExtraLight.eot?#iefix') format('embedded-opentype'),
    url('../fonts/SUIT/SUIT-ExtraLight.woff2') format('woff2'),
    url('../fonts/SUIT/SUIT-ExtraLight.woff') format('woff'),
    url('../fonts/SUIT/SUIT-ExtraLight.ttf') format("truetype");
    font-display: swap;
}
@font-face {
    font-family: 'SUIT';
    font-weight: 300;
    font-style: normal;
    src: url('../fonts/SUIT/SUIT-Light.eot');
    src: url('../fonts/SUIT/SUIT-Light.eot?#iefix') format('embedded-opentype'),
    url('../fonts/SUIT/SUIT-Light.woff2') format('woff2'),
    url('../fonts/SUIT/SUIT-Light.woff') format('woff'),
    url('../fonts/SUIT/SUIT-Light.ttf') format("truetype");
    font-display: swap;
}
@font-face {
    font-family: 'SUIT';
    font-weight: 400;
    font-style: normal;
    src: url('../fonts/SUIT/SUIT-Regular.eot');
    src: url('../fonts/SUIT/SUIT-Regular.eot?#iefix') format('embedded-opentype'),
    url('../fonts/SUIT/SUIT-Regular.woff2') format('woff2'),
    url('../fonts/SUIT/SUIT-Regular.woff') format('woff'),
    url('../fonts/SUIT/SUIT-Regular.ttf') format("truetype");
    font-display: swap;
}
@font-face {
    font-family: 'SUIT';
    font-weight: 500;
    font-style: normal;
    src: url('../fonts/SUIT/SUIT-Medium.eot');
    src: url('../fonts/SUIT/SUIT-Medium.eot?#iefix') format('embedded-opentype'),
    url('../fonts/SUIT/SUIT-Medium.woff2') format('woff2'),
    url('../fonts/SUIT/SUIT-Medium.woff') format('woff'),
    url('../fonts/SUIT/SUIT-Medium.ttf') format("truetype");
    font-display: swap;
}
@font-face {
    font-family: 'SUIT';
    font-weight: 600;
    font-style: normal;
    src: url('../fonts/SUIT/SUIT-SemiBold.eot');
    src: url('../fonts/SUIT/SUIT-SemiBold.eot?#iefix') format('embedded-opentype'),
    url('../fonts/SUIT/SUIT-SemiBold.woff2') format('woff2'),
    url('../fonts/SUIT/SUIT-SemiBold.woff') format('woff'),
    url('../fonts/SUIT/SUIT-SemiBold.ttf') format("truetype");
    font-display: swap;
}
@font-face {
    font-family: 'SUIT';
    font-weight: 700;
    font-style: normal;
    src: url('../fonts/SUIT/SUIT-Bold.eot');
    src: url('../fonts/SUIT/SUIT-Bold.eot?#iefix') format('embedded-opentype'),
    url('../fonts/SUIT/SUIT-Bold.woff2') format('woff2'),
    url('../fonts/SUIT/SUIT-Bold.woff') format('woff'),
    url('../fonts/SUIT/SUIT-Bold.ttf') format("truetype");
    font-display: swap;
}
@font-face {
    font-family: 'SUIT';
    font-weight: 800;
    font-style: normal;
    src: url('../fonts/SUIT/SUIT-ExtraBold.eot');
    src: url('../fonts/SUIT/SUIT-ExtraBold.eot?#iefix') format('embedded-opentype'),
    url('../fonts/SUIT/SUIT-ExtraBold.woff2') format('woff2'),
    url('../fonts/SUIT/SUIT-ExtraBold.woff') format('woff'),
    url('../fonts/SUIT/SUIT-ExtraBold.ttf') format("truetype");
    font-display: swap;
}
@font-face {
    font-family: 'SUIT';
    font-weight: 900;
    font-style: normal;
    src: url('../fonts/SUIT/SUIT-Heavy.eot');
    src: url('../fonts/SUIT/SUIT-Heavy.eot?#iefix') format('embedded-opentype'),
    url('../fonts/SUIT/SUIT-Heavy.woff2') format('woff2'),
    url('../fonts/SUIT/SUIT-Heavy.woff') format('woff'),
    url('../fonts/SUIT/SUIT-Heavy.ttf') format("truetype");
    font-display: swap;
}


.check-dot{
    position: relative;
    width: 16px;
    height: 16px;
    border-radius: 8px;
    background-color: gray;
}

.check-memo{
    width: 100%;
    height: 160px !important;
}

.wizard-steps-desc {
    display: block;
    font-size: 14px;
    color: #808080;
    margin-top: -10px;
}

.wizard .steps ul li.yet .wizard-steps-icon {
    border-radius:15px;
    width:30px;
    height:30px;
    color:#ebebeb;
    margin-top: 7px;
}

.wizard .steps ul li.doing .wizard-steps-icon {
    border-radius:25px;
    border-color:#059e08;
    color:#FFF;
    background-color:#059e08;
}

.wizard .steps ul li.start.done:before{
    background-color:#059e08;
}

.wizard .steps ul li.done .wizard-steps-icon {
    border-radius:15px;
    width:30px;
    height:30px;
    border: solid 4px #059e08;
    color:#01b925;
    margin-top: 7px;
}

.wizard .steps ul li.current:after{
    background-color:#059e08;
}

.wizard .steps ul li.first.current:before{
    background-color:#059e08;
}

.wizard .steps ul li.current:before{
    background-color:#ebebeb;
}

.wizard .steps ul li.yet:before{
    background-color:#ebebeb;
}
.wizard .steps ul li.yet:after{
    background-color:#ebebeb;
}