@charset "utf-8";
#container_title{display: none;}
#ctt{ margin: 20px auto; padding: 0 15px; max-width: 1200px; line-height: 1.6; color: #333; font-family: 'Pretendard', 'Malgun Gothic', sans-serif;}
#ctt header{ border-bottom: 2px solid #333; padding-bottom: 15px; margin-bottom: 30px;}
#ctt header h1{ font-size: 1.5rem; font-weight: 700; color: #000; letter-spacing: -0.05em;}
#ctt_con{ font-size: 1rem; word-break: break-all; text-align: justify;}
#ctt_con p{ margin-bottom: 15px;}
#ctt_con b, #ctt_con strong{ font-weight: 600; color: #000;}
@media (max-width: 768px){
#ctt{ margin: 10px auto; padding: 0 10px;}
#ctt header{ margin-bottom: 20px; padding-bottom: 10px;}
#ctt header h1{ font-size: 1.25rem;}
#ctt_con{ font-size: 0.95rem; line-height: 1.5;}
}

    .c-182851{color:#182851;}
    .fz_13{font-size: 0.813rem;}

    .charge_cont_wrap{position:relative;}
    .charge_top_title{
        position:relative;
        width:100%;
        text-align:center;
        font-size:1.875rem;
        font-weight:600;
        padding:0 0 3rem;
    }

    .table_free {
        width:100%;
        border-collapse:collapse;
    }

    .table_free > tbody > tr > th{
        font-size:1.125rem;
        vertical-align: middle;
        border:1px solid #b9b9b9;
        padding:5px 12px 7px;
        color:#fff;
        background-color:#182851;
        text-align:center;
    }

    .table_free > tbody > tr > td {
        font-size:1rem;
        vertical-align: middle;
        border:1px solid #8e857a;
        padding:5px 12px 7px;
        font-weight:500;
    }

    .table_free > tbody > tr > td.td_title{
        font-size:1.125rem;
        color:#fff;
        background-color:#182851;
        text-align:left;
    }
    #ctt_con .table_free > tbody > tr > td b{
        color: #fff;
    }
    .table_free > tbody > tr > td.bg02{
        background-color:#182851;
        color:#fff;
    }

    .table_free > tbody > tr > th > b{font-weight:600;}
    .table_free > tbody > tr > td > b{font-weight:600;}

    .table_free .cate_col {width:22%;}
    .table_free .name_col {width:38%;}
    .table_free .price_col {
        width:18%;
        text-align:center;
        white-space:nowrap;
    }
    .table_free .note_col {
        width:22%;
        text-align:left;
    }

    @media (max-width: 768px) {
        .charge_cont_wrap {
            overflow-x:auto;
        }

        .table_free {
            min-width:720px;
        }

        .table_free > tbody > tr > th,
        .table_free > tbody > tr > td {
            font-size:0.875rem;
            padding:5px 8px 7px;
        }

        .table_free > tbody > tr > td.td_title {
            font-size:1rem;
        }
    }