@charset "utf-8";

.se_dae_list{display: flex; flex-wrap: wrap; justify-content: center;}
.se_dae_list.item05{gap: 20px;}
.se_dae_list.item05 .se_dae{width: calc(20% - 16px); }
.se_dae_list .se_dae{box-sizing: border-box; box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.10); background-color: #f9f9f9; text-align:center;}

.se_dae_list .nal_zza{padding: 10px 0; text-align: center; background-color:#cfcfcf; color: #FFF;
    font-size: 20px;
    font-weight: 500;}
.se_dae_list .se_joong{padding:45px 30px 40px; border-bottom:1px solid #dcdcdc; min-height:368px;}
.se_dae_list .se_joong img{max-width: 100%;}
.se_dae_list .se_joong .tit{margin:50px 0 20px; color: #333;
    font-size: 20px;
    font-weight: 400;}
.se_dae_list .se_joong .txt{
    color: #777;
text-align: center;
font-size: 16px;
line-height: 1.625em; 
}
.se_dae_list .se_last{
    padding:35px 30px;
    color: #333;
font-size: 16px;
line-height: 1.625em; 
}
.se_dae_list .se_dae_last .nal_zza{background: #39B4CA;}
.se_dae_list .se_dae_last {background-color:#fff;}

.check_ha_go{display: flex; flex-wrap: wrap;}
.check_ha_go .che_ck_yo{ display: flex; box-sizing: border-box; text-align: center; justify-content: center; align-items: center; aspect-ratio: 1/1;}
.check_ha_go.item04 .che_ck_yo{width: 25%; border-left: 1px solid #e9e9e9;}
.check_ha_go.item04 .che_ck_yo:nth-child(n+5){
    border-top: 1px solid #e9e9e9;
}
.check_ha_go.item04 .che_ck_yo:nth-child(4n - 3){
    border-left: none;
}
.check_ha_go .che_ck_icon{margin-bottom: 20px;}
.check_ha_go .che_ck_txt{
    color: #333;
    font-size: 20px;
} 
.step_li_st .step_box.no_bg{background-color: transparent; box-shadow: none;}
.step_li_st .step_box.no_pd{padding: 0;}

.gong_ga_li{display: flex; align-items: center; position: relative; gap: 40px;}
.gong_ga_li.bot_bd{border-bottom: 1px solid #DCDCDC; padding-bottom: 30px;}
.gong_ga_li .gong_ga_box.dash:before{position: absolute; content: ''; top: 50%; left: 100%; transform: translateY(-50%); width: 40px; height: 1px; border-top: 1px dashed #222; box-sizing: border-box; z-index: 1;}
.gong_ga_li.gray_color .gong_ga_box{background: linear-gradient(180deg, rgba(212,212,212,.4) 0%, rgba(255, 255, 255, 0.00) 100%);}
.gong_ga_li.white_color .gong_ga_box{background: linear-gradient(180deg, rgba(255,255,255,.3) 0%, rgba(139, 132, 5, 0.00) 100%); color: #fff;}
.gong_ga_li .gong_ga_box{width: calc(20% - 32px); box-sizing: border-box; border-radius: 50%; aspect-ratio: 1/1; display: flex; align-items: center; justify-content: center; text-align: center; color: #333;
    max-width: 240px;
    text-align: center;
    font-size: 28px;
    font-weight: 600; position: relative; z-index: 2;}
    .gong_ga_li .gong_ga_box .sm_txt_yo{font-size: 17px; margin-top: 8px;}
    .gong_ga_li .gong_ga_box.gong_ga_img{background: transparent; aspect-ratio: auto;}
    .gong_ga_li .gong_ga_box.gong_ga_img i{position: relative; z-index: 1;}
    .gong_ga_li .gong_ga_box.gong_ga_img:before{left: 50%; transform: translate(-50%,-50%); width: calc(100% + 80px);}
    .gong_ga_li .gong_ga_box.gong_ga_img img{max-width: 100%;}

    .bg_bann_tit{text-align: center; padding: 270px 0;}
.bg_bann_tit .line{width: 24px; height: 4px; background-color: #fff; margin: 0 auto;}
.bg_bann_tit .ti_t{
    color: #FFF;
    font-size: 40px;
    font-weight: 600;
}
.bg_bann_tit .su_b{
    color: #FFF;
    font-size: 30px;
    font-weight: 300;
}
.bg_bann_tit .sm_t{
    color: #FFF;
    font-size: 16px;
    line-height: 1.633em; /* 26.08px */
}
.bg_bann_tit img{max-width: 100%;}

@media all and (max-width:1200px){
    .se_dae_list.item05 .se_dae{width: calc(33.333% - 13.333px);}
}
@media all and (max-width:1024px){
    .se_dae_list.item05 .se_dae{width: calc(50% - 10px);}
    .se_dae_list .se_joong{min-height: auto;}

    .gong_ga_li{flex-wrap: wrap; justify-content: center;}
    .gong_ga_li .gong_ga_box{width: calc(33.333% - 26.666px);}
    .gong_ga_li .gong_ga_box.gong_ga_img{width: 100%; max-width: none;}
    .gong_ga_li .gong_ga_box.gong_ga_img:before{content: none;}
}

@media all and (max-width:900px){
    .check_ha_go.item04 .che_ck_yo{width: 50%;}
    .check_ha_go.item04 .che_ck_yo:nth-child(n+3){border-top: 1px solid #e9e9e9;}
    .check_ha_go.item04 .che_ck_yo:nth-child(odd){border-left: none;}
}

@media all and (max-width:650px){
    .se_dae_list.item05 .se_dae{width: 100%;}
    .gong_ga_li {flex-direction: column;}
    .gong_ga_li .gong_ga_box{width: 100%;}

    .gong_ga_li .gong_ga_box.dash:before{top: 100%; transform: translateX(-50%); width: 1px; height: 40px;border-top: none; border-left: 1px dashed #222; left: 50%;}
    .gong_ga_li .gong_ga_box.gong_ga_img:before{content: ''; height: calc(100% + 80px); top: 50%; transform: translate(-50%,-50%);}
}

.tak_sel_my{display: flex; flex-wrap: wrap;}
.tak_sel_my.item02{gap:40px;}
.tak_sel_my.item02 .sel_my{width: calc(50% - 20px);}
.tak_sel_my .tit_im{padding: 15px 0; text-align: center; color: #fff; font-size: 28px; font-weight: 500;}
.tak_sel_my .sel_my{background: #FFF; box-sizing: border-box; text-align: center;}
.tak_sel_my .img img{max-width: 100%;}
.tak_sel_my .nay_im{padding: 20px 10px 40px; width: 100%; box-sizing: border-box;}
.tak_sel_my .nay_im .txt{margin-top: 20px; font-size: 16px; color: #777; line-height: 1.625em;}

@media all and (max-width:900px){
    .tak_sel_my.item02 .sel_my{width: 100%;}
    
}

.gra_ph_bos{display: flex; gap: 40px; flex-wrap: wrap;}
.gra_ph_bos .lef_grap{width: calc(70% - 40px);}
.gra_ph_bos .rig_grap{width: 30%;}
.gra_ph_bos .img img{max-width: 100%;}
.gra_ph_bos .lef_grap .grap_h_box{padding: 60px 40px;}
.grap_h_box{background-color: #fff; box-sizing: border-box; padding: 32px 40px; border-top: 6px solid #a32d56;}
.grap_h_box + .grap_h_box{margin-top: 32px;}
.grap_h_box .big_tit{
    color: #A32D56;
    font-size: 50px;
    font-weight: 500;
}
.grap_h_box .sml_txt{
    color: #333;
    font-size: 20px;
    font-weight: 500;
    line-height: 1.5em; /* 150% */
    margin-top: 10px;
}


@media all and (max-width:1200px){
    .gra_ph_bos .lef_grap, 
    .gra_ph_bos .rig_grap{width: 100%;}
    .gra_ph_bos .lef_grap .grap_h_box{padding: 20px;}
}

.flex_img_com {display: flex; flex-wrap: wrap; justify-content: center;}
.flex_img_com.gap40{gap: 40px;}
.flex_img_com img{max-width: 100%;}

.cent_img {text-align: center;}
.cent_img img{max-width: 100%;}

.sm_bann_er {padding: 20px 0;}
.sm_bann_er .txt_box{display: flex; align-items: center; text-align: center; justify-content: center; gap: 5px; color: #FFF; flex-wrap: wrap;
    font-size: 30px;}

    .step_li_st.item04 {gap: 40px;}
    .step_li_st.no_gap{gap: 0;}
    .step_li_st.item03.no_gap .step_box{
        width: 33.333%;
    }
    .step_li_st.item04 .step_box{
        width: calc(25% - 30px);
    }

    @media all and (max-width:900px){
        .step_li_st.item04 .step_box{
            width: calc(50% - 20px);
        }

        
    .step_li_st.item03.no_gap .step_box{width: 100%;}
    }
    .step_li_st img{max-width: 100%;}

    .qu_ick_box{width: 100%; aspect-ratio: 1/1; display: flex; justify-content: center; align-items: center; border-radius: 50%;}

    .ki_bon_table table{width: 100%;}
    .ki_bon_table tr{
        border-bottom: 2px solid #EDEDED;
    }
    .ki_bon_table th + th,
    .ki_bon_table td + td{
        border-left: 2px solid #fff;
        border-right: 2px solid #fff;
    }
    .ki_bon_table th,
    .ki_bon_table td{
        text-align: center;
        padding: 20px 0;
        line-height: 1.333em;
        box-sizing: border-box;
        }
    .ki_bon_table th{
        background-color: #232323;
        color: #FFF;
        font-size: 20px;
        font-weight: 600;
    }
    .ki_bon_table td{
        color: #333;
        text-align: center;
        font-size: 18px;
        font-weight: 500;
        background-color: #fff;
    }
    .ki_bon_table .tit{
        background-color: #A9A9A9;
        color: #fff;
    }
    .ki_bon_table th.gr_td{
        background-color: #67B000;
    }
    .ki_bon_table td.gr_td{
        position: relative;
        z-index: 1;
    }
    .ki_bon_table td.gr_td:before{
        position: absolute; left: 0; top: 0; width: 100%; height: 100%; box-sizing: border-box;
        border-left: 2px solid #67B000;
        border-right: 2px solid #67B000;
        content: '';
        z-index: 1;
    }
    .ki_bon_table tr:last-child td.gr_td:before{
        border-bottom: 2px solid #67B000;
    }

    @media all and (max-width:1024px){
        .ki_bon_table{overflow-x: auto;}
        .ki_bon_table table{width: 1000px;}
    }

    .jubi_dem_box{display: flex; flex-wrap: wrap;}

    .jubi_dem_box .won_img{width: 36.5%; box-sizing: border-box; padding: 60px 35px; text-align: center;}
    .jubi_dem_box .thr_txt{width: 36.5%; box-sizing: border-box; padding: 60px;}
    .jubi_dem_box .two_img{width: 27%; box-sizing: border-box; padding: 55px; box-sizing: border-box; text-align: center;}
    .jubi_dem_box .img img{max-width: 100%;}
    .jubi_dem_box .ereum{
        margin-top: 8px; 
        color: #FFF;
        text-align: center;
        font-size: 28px;
        font-weight: 500;
    }

    .jubi_dem_box .arw_bos{display: flex; gap: 20px;}
    .jubi_dem_box .arw_bos + .arw_bos{
        margin-top: 30px;
    }
    .jubi_dem_box .arw_bos .keun{
        font-size: 28px;
        font-weight: 500;
        color: var(--color);
    }
    .jubi_dem_box .arw_bos .jak{
        color: #777;
        font-size: 16px;
        margin-top: 15px;
    }
    .jubi_dem_box .arw_bos .arw{
        margin-top: 4px;
    }

    @media all and (max-width:1200px){
        .jubi_dem_box .won_img,
        .jubi_dem_box .two_img{width: 50%;}
        .jubi_dem_box .thr_txt{width: 100%; border-top: 1px #ddd solid;}
    }
    @media all and (max-width:768px){
        .jubi_dem_box .won_img,
        .jubi_dem_box .two_img{width: 100%; padding: 30px;}
        .jubi_dem_box .thr_txt{border-top: none; padding: 30px;}
    }

.dong_gl_e{
    display: flex;
    padding: 27px;
    box-sizing: border-box;
    width: 100%;
    border-radius: 500px;
    background: #FFF;
    gap:30px;
    box-shadow: 0px 0px 40px 0px rgba(0, 0, 0, 0.05);
    align-items: center;
}
.dong_gl_e .dong_img{width: calc(45% - 15px); text-align: center;}
.dong_gl_e .dong_img img{max-width: 100%;}
.dong_gl_e .dong_txt{width: calc(55% - 15px);}
.dong_gl_e .dong_li{display: flex; color: #777; gap:3px;
    font-size: 15px;
    line-height: 2em;
    letter-spacing: -0.6px;}
    .dong_gl_e .dong_t{min-width: fit-content; color: #333; font-weight: 600;}

@media all and (max-width:1400px){
    .dong_gl_e{flex-direction: column; border-radius: 100px;}
    .dong_gl_e .dong_img,
    .dong_gl_e .dong_txt{width: 100%;}

    .dong_gl_e .dong_txt{max-width: fit-content;}
}

.shin_e_box{display: flex; flex-wrap: wrap;}

.shin_e_box.gap50{gap: 40px 50px;}
.shin_e_box.item02 .box{width: calc(50% - 25px); }
.shin_e_box.item03 .box{width: calc(33.333% - 33.333px);}
.shin_e_box .box{box-sizing: border-box; border-radius: 20px; background-color: #fff; padding: 45px 10px; text-align: center;}
.shin_e_box .num{width: 34px; aspect-ratio: 1/1; margin: 0 auto;border-radius: 50%; color: #fff; font-size: 22px; font-weight: 600; display: flex; align-items: center; justify-content: center; text-align: center; background-color: rgba(164,12,50,.4);}
.shin_e_box .icon{
    width: 110px; height: 110px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    margin: 0 auto;
}
.shin_e_box .tit{
    color: var(--color);
    text-align: center;
    font-size: 24px;
    line-height: 1.25em; /* 125% */
}
.shin_e_box .txt{
    color: #333;
    text-align: center;
    font-size: 18px;
}

@media all and (max-width:1024px){
    .shin_e_box.item02 .box,
    .shin_e_box.item03 .box{width: 100%;}
}


/* 회원 페이지 타이틀 (회원가입 / 아이디·비밀번호 찾기) */
.txt_box_title {
    text-align: center;
    margin-bottom: 70px;
}
.txt_box_title .title_text_eng {
    color: #222;
    text-align: center;
    font-family: 'Nanum Myeongjo';
    font-size: 20px;
    font-weight: 700;
    line-height: normal;
    text-transform: uppercase;
}
.txt_box_title .title_text_kor {
    color: #222;
    text-align: center;
    font-family: 'Nanum Myeongjo';
    font-size: 60px;
    font-weight: 700;
    line-height: normal;
    margin-top: 30px;
}

@media all and (max-width:1024px){
    .txt_box_title{margin-bottom: 40px;}
    .txt_box_title .title_text_eng{font-size: 16px;}
    .txt_box_title .title_text_kor{font-size: 40px; margin-top: 20px;}
}
@media all and (max-width:768px){
    .txt_box_title{margin-bottom: 30px;}
    .txt_box_title .title_text_eng{font-size: 14px;}
    .txt_box_title .title_text_kor{font-size: 30px; margin-top: 15px;}
}


/* ==========================================================================
   모바일 줄바꿈 안전망 (마지막 로드 CSS이므로 최종 우선)
   - 한글 어절이 중간에서 잘리는 것을 전면 차단
   - 에디터(summernote) 본문의 인라인 word-break:break-all 까지 무력화
   ========================================================================== */
@media all and (max-width:768px){
    body, body * {
        word-break: keep-all !important;
        overflow-wrap: break-word !important;
        word-wrap: break-word !important;
    }

    /* 표는 어절 유지 + 셀이 화면을 넘칠 때만 축소 허용 */
    body td, body th {
        overflow-wrap: anywhere !important;
    }

    /* 코드/숫자 나열 등 반드시 강제로 끊어야 하는 요소는 예외 */
    body .force_break_all,
    body .force_break_all * {
        word-break: break-all !important;
    }

    @supports (word-break: auto-phrase) {
        body p, body li, body dd, body dt,
        body td, body th, body figcaption,
        body h1, body h2, body h3, body h4, body h5, body h6,
        body .txt, body .tit, body .desc, body .sub_txt {
            word-break: auto-phrase !important;
        }
    }

    @supports (text-wrap: pretty) {
        body p, body li, body dd, body figcaption,
        body .txt, body .desc, body .sub_txt {
            text-wrap: pretty;
        }
        body h1, body h2, body h3, body h4, body h5, body h6,
        body .tit {
            text-wrap: balance;
        }
    }
}



/* 헤더 */