body {
    font-family: "Noto Sans KR";
    margin: 0 !important;
}

button{
    font-family: 'Noto Sans KR', sans-serif;
}
ul, li {
    list-style: none;
    margin: 0;
}
a {
    text-decoration: none !important;
    color: inherit;
    text-underline: none !important;
}
a:focus {
    color: inherit;
    text-decoration: none !important;
}

button {
    appearance: none;
    border: none;
}

dl, dt, dd {
    margin: 0;
    padding: 0;
}

*, ::after, ::before {
    box-sizing: border-box;
}
.width_line{
    margin: 20px 0;
    width: 100%;
    height: 10px;
    border-top: 1px solid #e1e3e5;
    border-bottom: 1px solid #e1e3e5;
    background-color: #f5f7fa;
}

.br {
    display: block;
    content: " ";
    height: 22px !important;
}

img{
    /*width: fit-content;*/
    /*max-width: 100%;*/
    /*height: auto;*/
    /*background-position: center;*/
    /*background-repeat: no-repeat;*/
    /*background-size: cover;*/
}

/*
|--------------------------------------------------------------------------
| HTML - 컬러 클라스
|--------------------------------------------------------------------------
*/
.cff{ color: #ffffff }
.c00{ color: #000000 }
.c05{ color: #0c0d0d }
.c10{ color: #19191a }
.c15{ color: #252626 }
.c20{ color: #323333 }
.c25{ color: #3e3f40 }
.c30{ color: #4b4c4d }
.c35{ color: #575959 }
.c40{ color: #646566 }
.c45{ color: #707273 }
.c50{ color: #7d7f80 }
.c55{ color: #898c8c }
.c60{ color: #969899 }
.c65{ color: #a2a5a6 }
.c70{ color: #afb2b3 }
.c75{ color: #bbbebf }
.c80{ color: #c8cbcc }
.c82{ color: #cdd0d1 }
.c84{ color: #d2d5d6 }
.c86{ color: #d7dadb }
.c88{ color: #dcdfe0 }
.c90{ color: #e1e3e5 }
.c92{ color: #e6e8eb }
.c94{ color: #ebedf0 }
.c96{ color: #f0f2f5 }
.c98{ color: #f5f7fa }


/*
|--------------------------------------------------------------------------
| 스타일
|--------------------------------------------------------------------------
*/

._full {
    position: relative;
    width: 100%;
    max-width: 1920px;
    margin: 0 auto;
}

._wide {
    position: relative;
    width: 100%;
    max-width: 1500px;
    margin: 0 auto;
}

._con {
    position: relative;
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
}

.row {
    position: relative;
    width: 100%;
}

.upper {
    text-transform: uppercase;
}

.radius {
    border-top-left-radius: 50%;
    border-top-right-radius: 50%;
    border-bottom-left-radius: 50%;
    border-bottom-right-radius: 50%;
}

.over_h{
    overflow: hidden;
}


/*
|--------------------------------------------------------------------------
| 폰트 스타일
|--------------------------------------------------------------------------
*/
.tex-l { text-align: left; }
.tex-c { text-align: center; }
.tex-r { text-align: right; }




@media (max-width: 1500px) {
    .tex-l-1500 { text-align: left; }
    .tex-c-1500 { text-align: center; }
    .tex-r-1500 { text-align: right; }
}
@media (max-width: 1200px) {
    .tex-l-1200 { text-align: left; }
    .tex-c-1200 { text-align: center; }
    .tex-r-1200 { text-align: right; }
}
@media (max-width: 992px) {
    .tex-l-992 { text-align: left; }
    .tex-c-992 { text-align: center; }
    .tex-r-992 { text-align: right; }
}
@media (max-width: 768px) {
    .tex-l-768 { text-align: left; }
    .tex-c-768 { text-align: center; }
    .tex-r-768 { text-align: right; }
}
@media (max-width: 576px) {
    .tex-l-576 { text-align: left; }
    .tex-c-576 { text-align: center; }
    .tex-r-576 { text-align: right; }
}
/*
|--------------------------------------------------------------------------
| FLEX
|--------------------------------------------------------------------------
*/

.fl{ display: flex; }
.fl-c {
    display: flex;
    justify-content: center;
    align-items: center;
}

.fl-wrap { flex-wrap: wrap; }

.fl_bw{ justify-content: space-between }
.fl-cu { flex-direction: column; }
.fl-1{ flex: 1 }

.fl-cu-c {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.fl-c {
    display: flex;
    justify-content: center;
    align-items: center;
}

.fl-j-s { justify-content: flex-start; }
.fl-j-c { justify-content: center; }
.fl-j-e { justify-content: flex-end; }
.fl-a-s { align-items: flex-start; }
.fl-a-c { align-items: center; }
.fl-a-e { align-items: flex-end; }

@media (max-width: 1500px) {
    .fl-1500{ display: flex; }
    .fl-wrap-1500 { flex-wrap: wrap; }
    .fl-c-1500 { display: flex; justify-content: center; align-items: center; }
    .fl_bw-1500{ justify-content: space-between }
    .fl-cu-1500 { flex-direction: column; }
    .fl-1-1500{ flex: 1 }
    .fl-cu-c-1500 {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }
    .fl-c-1500 {
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .fl-j-s-1500 { justify-content: flex-start; }
    .fl-j-c-1500 { justify-content: center; }
    .fl-j-e-1500 { justify-content: flex-end; }
    .fl-a-s-1500 { align-items: flex-start; }
    .fl-a-c-1500 { align-items: center; }
    .fl-a-e-1500 { align-items: flex-end; }
}

@media (max-width: 1200px) {
    .fl-1200{ display: flex; }
    .fl-wrap-1200 { flex-wrap: wrap; }
    .fl-c-1200 { display: flex; justify-content: center; align-items: center; }
    .fl_bw-1200{ justify-content: space-between }
    .fl-cu-1200 { flex-direction: column; }
    .fl-1-1200{ flex: 1 }
    .fl-cu-c-1200 {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }
    .fl-c-1200 {
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .fl-j-s-1200 { justify-content: flex-start; }
    .fl-j-c-1200 { justify-content: center; }
    .fl-j-e-1200 { justify-content: flex-end; }
    .fl-a-s-1200 { align-items: flex-start; }
    .fl-a-c-1200 { align-items: center; }
    .fl-a-e-1200 { align-items: flex-end; }
}

@media (max-width: 992px) {
    .fl-992{ display: flex; }
    .fl-wrap-992 { flex-wrap: wrap; }
    .fl-c-992 { display: flex; justify-content: center; align-items: center; }
    .fl_bw-992{ justify-content: space-between }
    .fl-cu-992 { flex-direction: column; }
    .fl-1-992{ flex: 1 }
    .fl-cu-c-992 {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }
    .fl-c-992 {
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .fl-j-s-992 { justify-content: flex-start; }
    .fl-j-c-992 { justify-content: center; }
    .fl-j-e-992 { justify-content: flex-end; }
    .fl-a-s-992 { align-items: flex-start; }
    .fl-a-c-992 { align-items: center; }
    .fl-a-e-992 { align-items: flex-end; }
}

@media (max-width: 768px) {
    .fl-768{ display: flex; }
    .fl-wrap-768 { flex-wrap: wrap; }
    .fl-c-768 { display: flex; justify-content: center; align-items: center; }
    .fl_bw-768{ justify-content: space-between }
    .fl-cu-768 { flex-direction: column; }
    .fl-1-768{ flex: 1 }
    .fl-cu-c-768 {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }
    .fl-c-768 {
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .fl-j-s-768 { justify-content: flex-start; }
    .fl-j-c-768 { justify-content: center; }
    .fl-j-e-768 { justify-content: flex-end; }
    .fl-a-s-768 { align-items: flex-start; }
    .fl-a-c-768 { align-items: center; }
    .fl-a-e-768 { align-items: flex-end; }
}


@media (max-width: 576px) {
    .fl-576{ display: flex; }
    .fl-wrap-576 { flex-wrap: wrap; }
    .fl-c-576 { display: flex; justify-content: center; align-items: center; }
    .fl_bw-576{ justify-content: space-between }
    .fl-cu-576 { flex-direction: column; }
    .fl-1-576{ flex: 1 }
    .fl-cu-c-576 {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }
    .fl-c-576 {
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .fl-j-s-576 { justify-content: flex-start; }
    .fl-j-c-576 { justify-content: center; }
    .fl-j-e-576 { justify-content: flex-end; }
    .fl-a-s-576 { align-items: flex-start; }
    .fl-a-c-576 { align-items: center; }
    .fl-a-e-576 { align-items: flex-end; }
}

/*
|--------------------------------------------------------------------------
| 폰트/마진/패딩
|--------------------------------------------------------------------------
*/

/*폰트*/


.fs102{ font-size: 102px; }
.fs92{ font-size: 92px; }
.fs82{ font-size: 82px; }
.fs72{ font-size: 72px; }
.fs62{ font-size: 62px; }
.fs52{ font-size: 52px; }
.fs42{ font-size: 42px; }
.fs38{ font-size: 38px; }
.fs34{ font-size: 34px; }
.fs31{ font-size: 31px; }
.fs28{ font-size: 28px; }
.fs24{ font-size: 24px; }
.fs21{ font-size: 21px; }
.fs18{ font-size: 18px; }
.fs17{ font-size: 17px; }
.fs16{ font-size: 16px; }
.fs15{ font-size: 15px; }
.fs14{ font-size: 14px; }
.fs13{ font-size: 13px; }
.fs12{ font-size: 12px; }
.fs11{ font-size: 11px; }
.fs10{ font-size: 10px; }

.fw100{ font-weight: 100; }
.fw300{ font-weight: 300; }
.fw400{ font-weight: 400; }
.fw500{ font-weight: 500; }
.fw700{ font-weight: 700; }

.ma5{ margin-top: 5px; }
.ma10{ margin-top: 10px; }
.ma15{ margin-top: 15px; }
.ma20{ margin-top: 20px; }
.ma25{ margin-top: 25px; }
.ma30{ margin-top: 30px; }
.ma40{ margin-top: 40px; }
.ma50{ margin-top: 50px; }
.ma60{ margin-top: 60px; }
.ma70{ margin-top: 70px; }
.ma80{ margin-top: 80px; }
.ma90{ margin-top: 90px; }
.ma100{ margin-top: 100px; }

.mt5{ margin-top: 5px; }
.mt10{ margin-top: 10px; }
.mt15{ margin-top: 15px; }
.mt20{ margin-top: 20px; }
.mt25{ margin-top: 25px; }
.mt30{ margin-top: 30px; }
.mt40{ margin-top: 40px; }
.mt50{ margin-top: 50px; }
.mt60{ margin-top: 60px; }
.mt70{ margin-top: 70px; }
.mt80{ margin-top: 80px; }
.mt90{ margin-top: 90px; }
.mt100{ margin-top: 100px; }

.pa10{ padding: 10px; }
.pa15{ padding: 15px; }
.pa20{ padding: 20px; }
.pa30{ padding: 30px; }
.pa40{ padding: 40px; }
.pa50{ padding: 50px; }
.pa60{ padding: 60px; }
.pa70{ padding: 70px; }
.pa80{ padding: 80px; }
.pa90{ padding: 90px; }
.pa100{ padding: 100px; }

.pa010{ padding: 0 10px; }
.pa015{ padding: 0 15px; }
.pa020{ padding: 0 20px; }
.pa030{ padding: 0 30px; }
.pa040{ padding: 0 40px; }
.pa050{ padding: 0 50px; }
.pa060{ padding: 0 60px; }
.pa070{ padding: 0 70px; }
.pa080{ padding: 0 80px; }
.pa090{ padding: 0 90px; }
.pa0100{ padding: 0 100px; }

@media (max-width: 1500px) {
    .fs102-1500{ font-size: 102px; }
    .fs92-1500{ font-size: 92px; }
    .fs82-1500{ font-size: 82px; }
    .fs72-1500{ font-size: 72px; }
    .fs62-1500{ font-size: 62px; }
    .fs52-1500{ font-size: 52px; }
    .fs42-1500{ font-size: 42px; }
    .fs38-1500{ font-size: 38px; }
    .fs34-1500{ font-size: 34px; }
    .fs31-1500{ font-size: 31px; }
    .fs28-1500{ font-size: 28px; }
    .fs24-1500{ font-size: 24px; }
    .fs21-1500{ font-size: 21px; }
    .fs18-1500{ font-size: 18px; }
    .fs17-1500{ font-size: 17px; }
    .fs16-1500{ font-size: 16px; }
    .fs15-1500{ font-size: 15px; }
    .fs14-1500{ font-size: 14px; }
    .fs13-1500{ font-size: 13px; }
    .fs12-1500{ font-size: 12px; }
    .fs11-1500{ font-size: 11px; }
    .fs10-1500{ font-size: 10px; }

    .mt5-1500{ margin-top: 5px; }
    .mt10-1500{ margin-top: 10px; }
    .mt15-1500{ margin-top: 15px; }
    .mt20-1500{ margin-top: 20px; }
    .mt25-1500{ margin-top: 25px; }
    .mt30-1500{ margin-top: 30px; }
    .mt40-1500{ margin-top: 40px; }
    .mt50-1500{ margin-top: 50px; }
    .mt60-1500{ margin-top: 60px; }
    .mt70-1500{ margin-top: 70px; }
    .mt80-1500{ margin-top: 80px; }
    .mt90-1500{ margin-top: 90px; }
    .mt100-1500{ margin-top: 100px; }

    .mb5-1500{ margin-bottom: 5px; }
    .mb10-1500{ margin-bottom: 10px; }
    .mb15-1500{ margin-bottom: 15px; }
    .mb20-1500{ margin-bottom: 20px; }
    .mb25-1500{ margin-bottom: 25px; }
    .mb30-1500{ margin-bottom: 30px; }
    .mb40-1500{ margin-bottom: 40px; }
    .mb50-1500{ margin-bottom: 50px; }
    .mb60-1500{ margin-bottom: 60px; }
    .mb70-1500{ margin-bottom: 70px; }
    .mb80-1500{ margin-bottom: 80px; }
    .mb90-1500{ margin-bottom: 90px; }
    .mb100-1500{ margin-bottom: 100px; }

    .pa10-1500{ padding: 10px; }
    .pa15-1500{ padding: 15px; }
    .pa20-1500{ padding: 20px; }
    .pa30-1500{ padding: 30px; }
    .pa40-1500{ padding: 40px; }
    .pa50-1500{ padding: 50px; }
    .pa60-1500{ padding: 60px; }
    .pa70-1500{ padding: 70px; }
    .pa80-1500{ padding: 80px; }
    .pa90-1500{ padding: 90px; }
    .pa100-1500{ padding: 100px; }

    .pa010-1500{ padding: 0 10px; }
    .pa015-1500{ padding: 0 15px; }
    .pa020-1500{ padding: 0 20px; }
    .pa030-1500{ padding: 0 30px; }
    .pa040-1500{ padding: 0 40px; }
    .pa050-1500{ padding: 0 50px; }
    .pa060-1500{ padding: 0 60px; }
    .pa070-1500{ padding: 0 70px; }
    .pa080-1500{ padding: 0 80px; }
    .pa090-1500{ padding: 0 90px; }
    .pa0100-1500{ padding: 0 100px; }
}






@media (max-width: 1200px) {
    .fs102-1200{ font-size: 102px; }
    .fs92-1200{ font-size: 92px; }
    .fs82-1200{ font-size: 82px; }
    .fs72-1200{ font-size: 72px; }
    .fs62-1200{ font-size: 62px; }
    .fs52-1200{ font-size: 52px; }
    .fs42-1200{ font-size: 42px; }
    .fs38-1200{ font-size: 38px; }
    .fs34-1200{ font-size: 34px; }
    .fs31-1200{ font-size: 31px; }
    .fs28-1200{ font-size: 28px; }
    .fs24-1200{ font-size: 24px; }
    .fs21-1200{ font-size: 21px; }
    .fs18-1200{ font-size: 18px; }
    .fs17-1200{ font-size: 17px; }
    .fs16-1200{ font-size: 16px; }
    .fs15-1200{ font-size: 15px; }
    .fs14-1200{ font-size: 14px; }
    .fs13-1200{ font-size: 13px; }
    .fs12-1200{ font-size: 12px; }
    .fs11-1200{ font-size: 11px; }
    .fs10-1200{ font-size: 10px; }

    .mt5-1200{ margin-top: 5px; }
    .mt10-1200{ margin-top: 10px; }
    .mt15-1200{ margin-top: 15px; }
    .mt20-1200{ margin-top: 20px; }
    .mt25-1200{ margin-top: 25px; }
    .mt30-1200{ margin-top: 30px; }
    .mt40-1200{ margin-top: 40px; }
    .mt50-1200{ margin-top: 50px; }
    .mt60-1200{ margin-top: 60px; }
    .mt70-1200{ margin-top: 70px; }
    .mt80-1200{ margin-top: 80px; }
    .mt90-1200{ margin-top: 90px; }
    .mt100-1200{ margin-top: 100px; }

    .mb5-1200{ margin-bottom: 5px; }
    .mb10-1200{ margin-bottom: 10px; }
    .mb15-1200{ margin-bottom: 15px; }
    .mb20-1200{ margin-bottom: 20px; }
    .mb25-1200{ margin-bottom: 25px; }
    .mb30-1200{ margin-bottom: 30px; }
    .mb40-1200{ margin-bottom: 40px; }
    .mb50-1200{ margin-bottom: 50px; }
    .mb60-1200{ margin-bottom: 60px; }
    .mb70-1200{ margin-bottom: 70px; }
    .mb80-1200{ margin-bottom: 80px; }
    .mb90-1200{ margin-bottom: 90px; }
    .mb100-1200{ margin-bottom: 100px; }

    .pa10-1200{ padding: 10px; }
    .pa15-1200{ padding: 15px; }
    .pa20-1200{ padding: 20px; }
    .pa30-1200{ padding: 30px; }
    .pa40-1200{ padding: 40px; }
    .pa50-1200{ padding: 50px; }
    .pa60-1200{ padding: 60px; }
    .pa70-1200{ padding: 70px; }
    .pa80-1200{ padding: 80px; }
    .pa90-1200{ padding: 90px; }
    .pa100-1200{ padding: 100px; }

    .pa010-1200{ padding: 0 10px; }
    .pa015-1200{ padding: 0 15px; }
    .pa020-1200{ padding: 0 20px; }
    .pa030-1200{ padding: 0 30px; }
    .pa040-1200{ padding: 0 40px; }
    .pa050-1200{ padding: 0 50px; }
    .pa060-1200{ padding: 0 60px; }
    .pa070-1200{ padding: 0 70px; }
    .pa080-1200{ padding: 0 80px; }
    .pa090-1200{ padding: 0 90px; }
    .pa0100-1200{ padding: 0 100px; }
}

@media (max-width: 992px) {
    .fs102-992{ font-size: 102px; }
    .fs92-992{ font-size: 92px; }
    .fs82-992{ font-size: 82px; }
    .fs72-992{ font-size: 72px; }
    .fs62-992{ font-size: 62px; }
    .fs52-992{ font-size: 52px; }
    .fs42-992{ font-size: 42px; }
    .fs38-992{ font-size: 38px; }
    .fs34-992{ font-size: 34px; }
    .fs31-992{ font-size: 31px; }
    .fs28-992{ font-size: 28px; }
    .fs24-992{ font-size: 24px; }
    .fs21-992{ font-size: 21px; }
    .fs18-992{ font-size: 18px; }
    .fs17-992{ font-size: 17px; }
    .fs16-992{ font-size: 16px; }
    .fs15-992{ font-size: 15px; }
    .fs14-992{ font-size: 14px; }
    .fs13-992{ font-size: 13px; }
    .fs12-992{ font-size: 12px; }
    .fs11-992{ font-size: 11px; }
    .fs10-992{ font-size: 10px; }

    .mt5-992{ margin-top: 5px; }
    .mt10-992{ margin-top: 10px; }
    .mt15-992{ margin-top: 15px; }
    .mt20-992{ margin-top: 20px; }
    .mt25-992{ margin-top: 25px; }
    .mt30-992{ margin-top: 30px; }
    .mt40-992{ margin-top: 40px; }
    .mt50-992{ margin-top: 50px; }
    .mt60-992{ margin-top: 60px; }
    .mt70-992{ margin-top: 70px; }
    .mt80-992{ margin-top: 80px; }
    .mt90-992{ margin-top: 90px; }
    .mt100-992{ margin-top: 100px; }

    .mb5-992{ margin-bottom: 5px; }
    .mb10-992{ margin-bottom: 10px; }
    .mb15-992{ margin-bottom: 15px; }
    .mb20-992{ margin-bottom: 20px; }
    .mb25-992{ margin-bottom: 25px; }
    .mb30-992{ margin-bottom: 30px; }
    .mb40-992{ margin-bottom: 40px; }
    .mb50-992{ margin-bottom: 50px; }
    .mb60-992{ margin-bottom: 60px; }
    .mb70-992{ margin-bottom: 70px; }
    .mb80-992{ margin-bottom: 80px; }
    .mb90-992{ margin-bottom: 90px; }
    .mb100-992{ margin-bottom: 100px; }

    .pa10-992{ padding: 10px; }
    .pa15-992{ padding: 15px; }
    .pa20-992{ padding: 20px; }
    .pa30-992{ padding: 30px; }
    .pa40-992{ padding: 40px; }
    .pa50-992{ padding: 50px; }
    .pa60-992{ padding: 60px; }
    .pa70-992{ padding: 70px; }
    .pa80-992{ padding: 80px; }
    .pa90-992{ padding: 90px; }
    .pa100-992{ padding: 100px; }

    .pa010-992{ padding: 0 10px; }
    .pa015-992{ padding: 0 15px; }
    .pa020-992{ padding: 0 20px; }
    .pa030-992{ padding: 0 30px; }
    .pa040-992{ padding: 0 40px; }
    .pa050-992{ padding: 0 50px; }
    .pa060-992{ padding: 0 60px; }
    .pa070-992{ padding: 0 70px; }
    .pa080-992{ padding: 0 80px; }
    .pa090-992{ padding: 0 90px; }
    .pa0100-992{ padding: 0 100px; }

}

@media (max-width: 768px) {
    .fw100-768{ font-weight: 100; }
    .fw300-768{ font-weight: 300; }
    .fw400-768{ font-weight: 400; }
    .fw500-768{ font-weight: 500; }
    .fw700-768{ font-weight: 700; }

    .fs102-768{ font-size: 102px; }
    .fs92-768{ font-size: 92px; }
    .fs82-768{ font-size: 82px; }
    .fs72-768{ font-size: 72px; }
    .fs62-768{ font-size: 62px; }
    .fs52-768{ font-size: 52px; }
    .fs42-768{ font-size: 42px; }
    .fs38-768{ font-size: 38px; }
    .fs34-768{ font-size: 34px; }
    .fs31-768{ font-size: 31px; }
    .fs28-768{ font-size: 28px; }
    .fs24-768{ font-size: 24px; }
    .fs21-768{ font-size: 21px; }
    .fs18-768{ font-size: 18px; }
    .fs17-768{ font-size: 17px; }
    .fs16-768{ font-size: 16px; }
    .fs15-768{ font-size: 15px; }
    .fs14-768{ font-size: 14px; }
    .fs13-768{ font-size: 13px; }
    .fs12-768{ font-size: 12px; }
    .fs11-768{ font-size: 11px; }
    .fs10-768{ font-size: 10px; }

    .mt5-768{ margin-top: 5px; }
    .mt10-768{ margin-top: 10px; }
    .mt15-768{ margin-top: 15px; }
    .mt20-768{ margin-top: 20px; }
    .mt25-768{ margin-top: 25px; }
    .mt30-768{ margin-top: 30px; }
    .mt40-768{ margin-top: 40px; }
    .mt50-768{ margin-top: 50px; }
    .mt60-768{ margin-top: 60px; }
    .mt70-768{ margin-top: 70px; }
    .mt80-768{ margin-top: 80px; }
    .mt90-768{ margin-top: 90px; }
    .mt100-768{ margin-top: 100px; }

    .mb5-768{ margin-bottom: 5px; }
    .mb10-768{ margin-bottom: 10px; }
    .mb15-768{ margin-bottom: 15px; }
    .mb20-768{ margin-bottom: 20px; }
    .mb25-768{ margin-bottom: 25px; }
    .mb30-768{ margin-bottom: 30px; }
    .mb40-768{ margin-bottom: 40px; }
    .mb50-768{ margin-bottom: 50px; }
    .mb60-768{ margin-bottom: 60px; }
    .mb70-768{ margin-bottom: 70px; }
    .mb80-768{ margin-bottom: 80px; }
    .mb90-768{ margin-bottom: 90px; }
    .mb100-768{ margin-bottom: 100px; }

    .pa10-768{ padding: 10px; }
    .pa15-768{ padding: 15px; }
    .pa20-768{ padding: 20px; }
    .pa30-768{ padding: 30px; }
    .pa40-768{ padding: 40px; }
    .pa50-768{ padding: 50px; }
    .pa60-768{ padding: 60px; }
    .pa70-768{ padding: 70px; }
    .pa80-768{ padding: 80px; }
    .pa90-768{ padding: 90px; }
    .pa100-768{ padding: 100px; }

    .pa010-768{ padding: 0 10px; }
    .pa015-768{ padding: 0 15px; }
    .pa020-768{ padding: 0 20px; }
    .pa030-768{ padding: 0 30px; }
    .pa040-768{ padding: 0 40px; }
    .pa050-768{ padding: 0 50px; }
    .pa060-768{ padding: 0 60px; }
    .pa070-768{ padding: 0 70px; }
    .pa080-768{ padding: 0 80px; }
    .pa090-768{ padding: 0 90px; }
    .pa0100-768{ padding: 0 100px; }
}

@media (max-width: 576px) {
    .fs102-576{ font-size: 102px; }
    .fs92-576{ font-size: 92px; }
    .fs82-576{ font-size: 82px; }
    .fs72-576{ font-size: 72px; }
    .fs62-576{ font-size: 62px; }
    .fs52-576{ font-size: 52px; }
    .fs42-576{ font-size: 42px; }
    .fs38-576{ font-size: 38px; }
    .fs34-576{ font-size: 34px; }
    .fs31-576{ font-size: 31px; }
    .fs28-576{ font-size: 28px; }
    .fs24-576{ font-size: 24px; }
    .fs21-576{ font-size: 21px; }
    .fs18-576{ font-size: 18px; }
    .fs17-576{ font-size: 17px; }
    .fs16-576{ font-size: 16px; }
    .fs15-576{ font-size: 15px; }
    .fs14-576{ font-size: 14px; }
    .fs13-576{ font-size: 13px; }
    .fs12-576{ font-size: 12px; }
    .fs11-576{ font-size: 11px; }
    .fs10-576{ font-size: 10px; }

    .mt5-576{ margin-top: 5px; }
    .mt10-576{ margin-top: 10px; }
    .mt15-576{ margin-top: 15px; }
    .mt20-576{ margin-top: 20px; }
    .mt25-576{ margin-top: 25px; }
    .mt30-576{ margin-top: 30px; }
    .mt40-576{ margin-top: 40px; }
    .mt50-576{ margin-top: 50px; }
    .mt60-576{ margin-top: 60px; }
    .mt70-576{ margin-top: 70px; }
    .mt80-576{ margin-top: 80px; }
    .mt90-576{ margin-top: 90px; }
    .mt100-576{ margin-top: 100px; }

    .mb5-576{ margin-bottom: 5px; }
    .mb10-576{ margin-bottom: 10px; }
    .mb15-576{ margin-bottom: 15px; }
    .mb20-576{ margin-bottom: 20px; }
    .mb25-576{ margin-bottom: 25px; }
    .mb30-576{ margin-bottom: 30px; }
    .mb40-576{ margin-bottom: 40px; }
    .mb50-576{ margin-bottom: 50px; }
    .mb60-576{ margin-bottom: 60px; }
    .mb70-576{ margin-bottom: 70px; }
    .mb80-576{ margin-bottom: 80px; }
    .mb90-576{ margin-bottom: 90px; }
    .mb100-576{ margin-bottom: 100px; }

    .pa10-768{ padding: 10px; }
    .pa15-768{ padding: 15px; }
    .pa20-768{ padding: 20px; }
    .pa30-768{ padding: 30px; }
    .pa40-768{ padding: 40px; }
    .pa50-768{ padding: 50px; }
    .pa60-768{ padding: 60px; }
    .pa70-768{ padding: 70px; }
    .pa80-768{ padding: 80px; }
    .pa90-768{ padding: 90px; }
    .pa100-768{ padding: 100px; }

    .pa010-768{ padding: 0 10px; }
    .pa015-768{ padding: 0 15px; }
    .pa020-768{ padding: 0 20px; }
    .pa030-768{ padding: 0 30px; }
    .pa040-768{ padding: 0 40px; }
    .pa050-768{ padding: 0 50px; }
    .pa060-768{ padding: 0 60px; }
    .pa070-768{ padding: 0 70px; }
    .pa080-768{ padding: 0 80px; }
    .pa090-768{ padding: 0 90px; }
    .pa0100-768{ padding: 0 100px; }
}



/*
|--------------------------------------------------------------------------
| 사이즈
|--------------------------------------------------------------------------
*/
.one{ width: 100%; }
.two{ width: 50%; }
.three{ width: calc(100% / 3); }
.four{ width: 25%; }
.five{ width: calc(100% / 5); }
.six{ width: calc(100% / 6); }

.w10{ width: 10%; }
.w20{ width: 20%; }
.w30{ width: 30%; }
.w40{ width: 40%; }
.w50{ width: 50%; }
.w60{ width: 60%; }
.w70{ width: 70%; }
.w80{ width: 80%; }
.w90{ width: 90%; }
.w100{ width: 100%; }

.h10{ height: 10%; }
.h20{ height: 20%; }
.h30{ height: 30%; }
.h40{ height: 40%; }
.h50{ height: 50%; }
.h60{ height: 60%; }
.h70{ height: 70%; }
.h80{ height: 80%; }
.h90{ height: 90%; }
.h100{ height: 100%; }



@media (max-width: 1500px) {
    .one-1500{ width: 100%; }
    .two-1500{ width: 50%; }
    .three-1500{ width: calc(100% / 3); }
    .four-1500{ width: 25%; }
    .five-1500{ width: calc(100% / 5); }
    .six-1500{ width: calc(100% / 6); }

    .w10-1500{ width: 10%; }
    .w20-1500{ width: 20%; }
    .w30-1500{ width: 30%; }
    .w40-1500{ width: 40%; }
    .w50-1500{ width: 50%; }
    .w60-1500{ width: 60%; }
    .w70-1500{ width: 70%; }
    .w80-1500{ width: 80%; }
    .w90-1500{ width: 90%; }
    .w100-1500{ width: 100%; }

    .h10-1500{ height: 10%; }
    .h20-1500{ height: 20%; }
    .h30-1500{ height: 30%; }
    .h40-1500{ height: 40%; }
    .h50-1500{ height: 50%; }
    .h60-1500{ height: 60%; }
    .h70-1500{ height: 70%; }
    .h80-1500{ height: 80%; }
    .h90-1500{ height: 90%; }
    .h100-1500{ height: 100%; }

}

@media (max-width: 1200px) {
    .one-1200{ width: 100%; }
    .two-1200{ width: 50%; }
    .three-1200{ width: calc(100% / 3); }
    .four-1200{ width: 25%; }
    .five-1200{ width: calc(100% / 5); }
    .six-1200{ width: calc(100% / 6); }

    .w10-1200{ width: 10%; }
    .w20-1200{ width: 20%; }
    .w30-1200{ width: 30%; }
    .w40-1200{ width: 40%; }
    .w50-1200{ width: 50%; }
    .w60-1200{ width: 60%; }
    .w70-1200{ width: 70%; }
    .w80-1200{ width: 80%; }
    .w90-1200{ width: 90%; }
    .w100-1200{ width: 100%; }

    .h10-1200{ height: 10%; }
    .h20-1200{ height: 20%; }
    .h30-1200{ height: 30%; }
    .h40-1200{ height: 40%; }
    .h50-1200{ height: 50%; }
    .h60-1200{ height: 60%; }
    .h70-1200{ height: 70%; }
    .h80-1200{ height: 80%; }
    .h90-1200{ height: 90%; }
    .h100-1200{ height: 100%; }

}

@media (max-width: 992px) {
    .one-992{ width: 100%; }
    .two-992{ width: 50%; }
    .three-992{ width: calc(100% / 3); }
    .four-992{ width: 25%; }
    .five-992{ width: calc(100% / 5); }
    .six-992{ width: calc(100% / 6); }

    .w10-992{ width: 10%; }
    .w20-992{ width: 20%; }
    .w30-992{ width: 30%; }
    .w40-992{ width: 40%; }
    .w50-992{ width: 50%; }
    .w60-992{ width: 60%; }
    .w70-992{ width: 70%; }
    .w80-992{ width: 80%; }
    .w90-992{ width: 90%; }
    .w100-992{ width: 100%; }

    .h10-992{ height: 10%; }
    .h20-992{ height: 20%; }
    .h30-992{ height: 30%; }
    .h40-992{ height: 40%; }
    .h50-992{ height: 50%; }
    .h60-992{ height: 60%; }
    .h70-992{ height: 70%; }
    .h80-992{ height: 80%; }
    .h90-992{ height: 90%; }
    .h100-992{ height: 100%; }

}

@media (max-width: 768px) {
    .one-768{ width: 100%; }
    .two-768{ width: 50%; }
    .three-768{ width: calc(100% / 3); }
    .four-768{ width: 25%; }
    .five-768{ width: calc(100% / 5); }
    .six-768{ width: calc(100% / 6); }

    .w10-768{ width: 10%; }
    .w20-768{ width: 20%; }
    .w30-768{ width: 30%; }
    .w40-768{ width: 40%; }
    .w50-768{ width: 50%; }
    .w60-768{ width: 60%; }
    .w70-768{ width: 70%; }
    .w80-768{ width: 80%; }
    .w90-768{ width: 90%; }
    .w100-768{ width: 100%; }

    .h10-768{ height: 10%; }
    .h20-768{ height: 20%; }
    .h30-768{ height: 30%; }
    .h40-768{ height: 40%; }
    .h50-768{ height: 50%; }
    .h60-768{ height: 60%; }
    .h70-768{ height: 70%; }
    .h80-768{ height: 80%; }
    .h90-768{ height: 90%; }
    .h100-768{ height: 100%; }
}

@media (max-width: 576px) {
    .one-576{ width: 100%; }
    .two-576{ width: 50%; }
    .three-576{ width: calc(100% / 3); }
    .four-576{ width: 25%; }
    .five-576{ width: calc(100% / 5); }
    .six-576{ width: calc(100% / 6); }

    .w10-576{ width: 10%; }
    .w20-576{ width: 20%; }
    .w30-576{ width: 30%; }
    .w40-576{ width: 40%; }
    .w50-576{ width: 50%; }
    .w60-576{ width: 60%; }
    .w70-576{ width: 70%; }
    .w80-576{ width: 80%; }
    .w90-576{ width: 90%; }
    .w100-576{ width: 100%; }

    .h10-576{ height: 10%; }
    .h20-576{ height: 20%; }
    .h30-576{ height: 30%; }
    .h40-576{ height: 40%; }
    .h50-576{ height: 50%; }
    .h60-576{ height: 60%; }
    .h70-576{ height: 70%; }
    .h80-576{ height: 80%; }
    .h90-576{ height: 90%; }
    .h100-576{ height: 100%; }

}

/*
|--------------------------------------------------------------------------
| 박스
|--------------------------------------------------------------------------
*/

.box1{  }



/*
|--------------------------------------------------------------------------
| 기타
|--------------------------------------------------------------------------
*/



/*
|--------------------------------------------------------------------------
| 백그라운드/박스
|--------------------------------------------------------------------------
*/
.bg-center {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
.boarder_1_fff{
    border: 1px solid #ffffff;
}

/*
|--------------------------------------------------------------------------
| 톱버튼
|--------------------------------------------------------------------------
*/
.top {
    position: fixed;
    z-index: 500;
    width: 35px;
    height: 35px;
    background-color: #e35694;
    right: 10px;
    bottom: 20px;
    font-size: 12px;
    font-weight: 300;
    text-align: center;
    line-height: 35px;
    color: white;
    cursor: pointer;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 50%;
    -webkit-transition: all 1s ease-in-out;
    transition: all 1s ease-in-out;
}
.top:hover {
    background-color: rgb(226, 100, 90);
    transition: all 1s ease-in-out;
}

#form_error{
    width: 100%;
    height: 35px;
    display: flex;
    align-items: center;
    font-size: 14px;
    font-weight: 300;
    line-height: 35px;
    color: #ff6161;
}