:root {
    /* explorer 호환문제로 변수 사용 x */
    /* --white: white;
    --grey: #dfdfdf;
    --light: #f8f9fa;
    --text-grey: #666; 
    --deepblue: #020240; */
}

/* display */
.d_inline_block {display: inline-block !important;}
.d_block {display: block !important;}

/* vertical align */
.vertical_align_top {vertical-align: top !important;}
.vertical_align_middle {vertical-align: middle !important;}
.vertical_align_bottom {vertical-align: bottom !important;}

/* size */
.h_100 {height: 100% !important;}

.w_10 {width: 10% !important;}
.w_25 {width: 25% !important;}
.w_30 {width: 30% !important;}
.w_40 {width: 40% !important;}
.w_50 {width: 50% !important;}
.w_60 {width: 60% !important;}
.w_70 {width: 70% !important;}
.w_100 {width: 100% !important;}

.lh_1 {line-height: 1 !important;}
.lh_2 {line-height: 1.5 !important;}
.lh_3 {line-height: 2 !important;}
.lh_4 {line-height: 2.5 !important;}
.lh_5 {line-height: 3 !important;}
.lh_6 {line-height: 3.5 !important;}

.float_left {float: left !important;}
.float_right {float: right !important;}
.clear_both::after {clear: both; content:""; display: block; visibility: hidden;}

/* radius */
.radius_5 {border-radius: 5px !important;}
.radius_10 {border-radius: 10px !important;}
.radius_15 {border-radius: 15px !important;}
.radius_20 {border-radius: 20px !important;}

.fs_10 {font-size: 10px !important;}
.fs_11 {font-size: 11px !important;}
.fs_12 {font-size: 12px !important;}
.fs_13 {font-size: 13px !important;}
.fs_14 {font-size: 14px !important;}
.fs_15 {font-size: 15px !important;}
.fs_16 {font-size: 16px !important;}
.fs_17 {font-size: 17px !important;}
.fs_18 {font-size: 18px !important;}
.fs_19 {font-size: 19px !important;}
.fs_20 {font-size: 20px !important;}
.fs_21 {font-size: 21px !important;}
.fs_22 {font-size: 22px !important;}

/* text align */
.text_left {text-align: left !important;}
.text_center {text-align: center !important;}
.text_right {text-align: right !important;}

/* text color */
.text_white {color: white !important;}
.text_grey {color: #666 !important;}
.text_deepblue {color: #020240 !important;}

.fw_100 {font-weight: 100 !important;}
.fw_200 {font-weight: 200 !important;}
.fw_300 {font-weight: 300 !important;}
.fw_400 {font-weight: 400 !important;}
.fw_500 {font-weight: 500 !important;}
.fw_600 {font-weight: 600 !important;}
.fw_700 {font-weight: 700 !important;}
.fw_800 {font-weight: 800 !important;}
.fw_900 {font-weight: 900 !important;}
.fw_bolder {font-weight: bold !important;}

/* margin */
.m_0 {margin: 0 !important;}
.m_5 {margin: 5px !important;}
.m_10 {margin: 10px !important;}
.m_20 {margin: 20px !important;}
.m_30 {margin: 30px !important;}
.m_40 {margin: 40px !important;}
.m_50 {margin: 50px !important;}

.mt_0 {margin-top: 0 !important;}
.mt_5 {margin-top: 5px !important;}
.mt_10 {margin-top: 10px !important;}
.mt_20 {margin-top: 20px !important;}
.mt_30 {margin-top: 30px !important;}
.mt_40 {margin-top: 40px !important;}
.mt_50 {margin-top: 50px !important;}
.mt_100 {margin-top: 100px !important;}

.mb_0 {margin-bottom: 0px !important;}
.mb_5 {margin-bottom: 5px !important;}
.mb_10 {margin-bottom: 10px !important;}
.mb_20 {margin-bottom: 20px !important;}
.mb_30 {margin-bottom: 30px !important;}
.mb_40 {margin-bottom: 40px !important;}
.mb_50 {margin-bottom: 50px !important;}

.ml_0 {margin-left: 0px !important;}
.ml_5 {margin-left: 5px !important;}
.ml_10 {margin-left: 10px !important;}
.ml_20 {margin-left: 20px !important;}
.ml_30 {margin-left: 30px !important;}
.ml_40 {margin-left: 40px !important;}
.ml_50 {margin-left: 50px !important;}

.mr_0 {margin-right: 0 !important;}
.mr_5 {margin-right: 5px !important;}
.mr_10 {margin-right: 10px !important;}
.mr_20 {margin-right: 20px !important;}
.mr_30 {margin-right: 30px !important;}
.mr_40 {margin-right: 40px !important;}
.mr_50 {margin-right: 50px !important;}

.my_0 {margin-top: 0 !important; margin-bottom: 0!important;}
.my_5 {margin-top: 5px !important; margin-bottom: 5px !important;}
.my_10 {margin-top: 10px !important; margin-bottom: 10px !important;}
.my_15 {margin-top: 15px !important; margin-bottom: 15px !important;}
.my_20 {margin-top: 20px !important; margin-bottom: 20px !important;}
.my_30 {margin-top: 30px !important; margin-bottom: 30px !important;}
.my_40 {margin-top: 40px !important; margin-bottom: 40px !important;}
.my_50 {margin-top: 50px !important; margin-bottom: 50px !important;}

.mx_0 {margin-left: 0 !important; margin-right: 0 !important;}
.mx_5 {margin-left: 5px !important; margin-right: 5px !important;}
.mx_10 {margin-left: 10px !important; margin-right: 10px !important;}
.mx_15 {margin-left: 15px !important; margin-right: 15px !important;}
.mx_20 {margin-left: 20px !important; margin-right: 20px !important;}
.mx_30 {margin-left: 30px !important; margin-right: 30px !important;}
.mx_40 {margin-left: 40px !important; margin-right: 40px !important;}
.mx_50 {margin-left: 50px !important; margin-right: 50px !important;}

/* padding */
.p_0 {padding: 0 !important;}
.p_5 {padding: 5px !important;}
.p_10 {padding: 10px !important;}
.p_20 {padding: 20px !important;}
.p_30 {padding: 30px !important;}
.p_40 {padding: 40px !important;}
.p_50 {padding: 50px !important;}

.pt_0 {padding-top: 0 !important;}
.pt_5 {padding-top: 5px !important;}
.pt_10 {padding-top: 10px !important;}
.pt_20 {padding-top: 20px !important;}
.pt_30 {padding-top: 30px !important;}
.pt_40 {padding-top: 40px !important;}
.pt_50 {padding-top: 50px !important;}

.pb_0 {padding-bottom: 0 !important;}
.pb_5 {padding-bottom: 5px !important;}
.pb_10 {padding-bottom: 10px !important;}
.pb_20 {padding-bottom: 20px !important;}
.pb_30 {padding-bottom: 30px !important;}
.pb_40 {padding-bottom: 40px !important;}
.pb_50 {padding-bottom: 50px !important;}

.pl_0 {padding-left: 0 !important;}
.pl_5 {padding-left: 5px !important;}
.pl_10 {padding-left: 10px !important;}
.pl_20 {padding-left: 20px !important;}
.pl_30 {padding-left: 30px !important;}
.pl_40 {padding-left: 40px !important;}
.pl_50 {padding-left: 50px !important;}

.pr_0 {padding-right: 0 !important;}
.pr_5 {padding-right: 5px !important;}
.pr_10 {padding-right: 10px !important;}
.pr_20 {padding-right: 20px !important;}
.pr_30 {padding-right: 30px !important;}
.pr_40 {padding-right: 40px !important;}
.pr_50 {padding-right: 50px !important;}

.px_0 {padding-left: 0 !important; padding-right: 0 !important;}
.px_5 {padding-left: 5px !important; padding-right: 5px !important;}
.px_10 {padding-left: 10px !important; padding-right: 10px !important;}
.px_20 {padding-left: 20px !important; padding-right: 20px !important;}
.px_30 {padding-left: 30px !important; padding-right: 30px !important;}
.px_40 {padding-left: 40px !important; padding-right: 40px !important;}
.px_50 {padding-left: 50px !important; padding-right: 50px !important;}

.py_0 {padding-top: 0 !important; padding-bottom: 0 !important;}
.py_5 {padding-top: 5px !important; padding-bottom: 5px !important;}
.py_10 {padding-top: 10px !important; padding-bottom: 10px !important;}
.py_20 {padding-top: 20px !important; padding-bottom: 20px !important;}
.py_30 {padding-top: 30px !important; padding-bottom: 30px !important;}
.py_40 {padding-top: 40px !important; padding-bottom: 40px !important;}
.py_50 {padding-top: 50px !important; padding-bottom: 50px !important;}

/* background */
.bg_white {background-color: white !important;}
.bg_light {background-color: #f8f9fa !important;}

/* shadow */
.c_shadow {box-shadow: 1px 3px 6px 1px #8181818a !important;}

/* ul > li line-height */
.list_h_1 li {line-height: 1 !important;}
.list_h_2 li {line-height: 1.5 !important;}
.list_h_3 li {line-height: 2 !important;}
.list_h_4 li {line-height: 2.5 !important;}

/* list style */
.list_style_rec li {list-style-type: square;}   /* 사각형 */
.list_style_disc li {list-style-type: disc;}    /* 점 */
.list_style_decimal li {list-style-type: decimal;} /* 숫자 */

/* border */
.border_none {border: none !important;}
.border_light {border: 1px solid #f8f9fa !important;}
.border_grey {border: 1px solid #cbcbcb !important;}


/* hr */
.hr {border: 1px solid #dfdfdf !important; display: block !important; margin: 10px 0;}


.c_col_1 {width: 8.33333333%; float: left;}
.c_col_2 {width: 16.66666667%; float: left;}
.c_col_3 {width: 25%; float: left;}
.c_col_4 {width: 33.33333333%; float: left;}
.c_col_5 {width: 41.66666667%; float: left;}
.c_col_6 {width: 50%; float: left;}
.c_col_7 {width: 58.33333333%; float: left;}
.c_col_8 {width: 66.66666667%; float: left;}
.c_col_9 {width: 75%; float: left;}
.c_col_10 {width: 83.33333333%; float: left;}
.c_col_11 {width: 91.66666667%; float: left;}
.c_col_12 {width: 100%; float: left;}

/* 576px보다 작은 화면에 적용 */
@media(min-width: 576px) {
    .c_col_sm_1 {width: 8.33333333%; float: left;}
    .c_col_sm_2 {width: 16.66666667%; float: left;}
    .c_col_sm_3 {width: 25%; float: left;}
    .c_col_sm_4 {width: 33.33333333%; float: left;}
    .c_col_sm_5 {width: 41.66666667%; float: left;}
    .c_col_sm_6 {width: 50%; float: left;}
    .c_col_sm_7 {width: 58.33333333%; float: left;}
    .c_col_sm_8 {width: 66.66666667%; float: left;}
    .c_col_sm_9 {width: 75%; float: left;}
    .c_col_sm_10 {width: 83.33333333%; float: left;}
    .c_col_sm_11 {width: 91.66666667%; float: left;}
    .c_col_sm_12 {width: 100%; float: left;}
}

/* 768px 보다 작은 화면에 적용 */
@media(min-width: 768px) {
    .c_col_md_1 {width: 8.33333333%; float: left;}
    .c_col_md_2 {width: 16.66666667%; float: left;}
    .c_col_md_3 {width: 25%; float: left;}
    .c_col_md_4 {width: 33.33333333%; float: left;}
    .c_col_md_5 {width: 41.66666667%; float: left;}
    .c_col_md_6 {width: 50%; float: left;}
    .c_col_md_7 {width: 58.33333333%; float: left;}
    .c_col_md_8 {width: 66.66666667%; float: left;}
    .c_col_md_9 {width: 75%; float: left;}
    .c_col_md_10 {width: 83.33333333%; float: left;}
    .c_col_md_11 {width: 91.66666667%; float: left;}
    .c_col_md_12 {width: 100%; float: left;}
}

/* 992px 보다 작은 화면에 적용 */
@media(min-width: 992px) {
    .c_col_lg_1 {width: 8.33333333%; float: left;}
    .c_col_lg_2 {width: 16.66666667%; float: left;}
    .c_col_lg_3 {width: 25%; float: left;}
    .c_col_lg_4 {width: 33.33333333%; float: left;}
    .c_col_lg_5 {width: 41.66666667%; float: left;}
    .c_col_lg_6 {width: 50%; float: left;}
    .c_col_lg_7 {width: 58.33333333%; float: left;}
    .c_col_lg_8 {width: 66.66666667%; float: left;}
    .c_col_lg_9 {width: 75%; float: left;}
    .c_col_lg_10 {width: 83.33333333%; float: left;}
    .c_col_lg_11 {width: 91.66666667%; float: left;}
    .c_col_lg_12 {width: 100%; float: left;}
}

/* 1200px 보다 작은 화면에 적용 */
@media(min-width: 1200px) {
    .c_col_xl_1 {width: 8.33333333%; float: left;}
    .c_col_xl_2 {width: 16.66666667%; float: left;}
    .c_col_xl_3 {width: 25%; float: left;}
    .c_col_xl_4 {width: 33.33333333%; float: left;}
    .c_col_xl_5 {width: 41.66666667%; float: left;}
    .c_col_xl_6 {width: 50%; float: left;}
    .c_col_xl_7 {width: 58.33333333%; float: left;}
    .c_col_xl_8 {width: 66.66666667%; float: left;}
    .c_col_xl_9 {width: 75%; float: left;}
    .c_col_xl_10 {width: 83.33333333%; float: left;}
    .c_col_xl_11 {width: 91.66666667%; float: left;}
    .c_col_xl_12 {width: 100%; float: left;}
}

/* 1400px 보다 작은 화면에 적용 */
@media(min-width: 1400px) {
    .c_col_xxl_1 {width: 8.33333333%; float: left;}
    .c_col_xxl_2 {width: 16.66666667%; float: left;}
    .c_col_xxl_3 {width: 25%; float: left;}
    .c_col_xxl_4 {width: 33.33333333%; float: left;}
    .c_col_xxl_5 {width: 41.66666667%; float: left;}
    .c_col_xxl_6 {width: 50%; float: left;}
    .c_col_xxl_7 {width: 58.33333333%; float: left;}
    .c_col_xxl_8 {width: 66.66666667%; float: left;}
    .c_col_xxl_9 {width: 75%; float: left;}
    .c_col_xxl_10 {width: 83.33333333%; float: left;}
    .c_col_xxl_11 {width: 91.66666667%; float: left;}
    .c_col_xxl_12 {width: 100%; float: left;}
}

/* .c_col_1:after,.c_col_2:after,.c_col_3:after,.c_col_4:after,.c_col_5:after,
.c_col_6:after,.c_col_7:after,.c_col_8:after,.c_col_9:after,.c_col_10:after,
.c_col_11:after,.c_col_12:after,
.c_col_sm_1:after,.c_col_sm_2:after,.c_col_sm_3:after,.c_col_sm_4:after,.c_col_sm_5:after,
.c_col_sm_6:after,.c_col_sm_7:after,.c_col_sm_8:after,.c_col_sm_9:after,.c_col_sm_10:after,
.c_col_sm_11:after,.c_col_sm_12:after,
.c_col_md_1:after,.c_col_md_2:after,.c_col_md_3:after,.c_col_md_4:after,.c_col_md_5:after,
.c_col_md_6:after,.c_col_md_7:after,.c_col_md_8:after,.c_col_md_9:after,.c_col_md_10:after,
.c_col_md_11:after,.c_col_md_12:after,
.c_col_lg_1:after,.c_col_lg_2:after,.c_col_lg_3:after,.c_col_lg_4:after,.c_col_lg_5:after,
.c_col_lg_6:after,.c_col_lg_7:after,.c_col_lg_8:after,.c_col_lg_9:after,.c_col_lg_10:after,
.c_col_lg_11:after,.c_col_lg_12:after,
.c_col_xl_1:after,.c_col_xl_2:after,.c_col_xl_3:after,.c_col_xl_4:after,.c_col_xl_5:after,
.c_col_xl_6:after,.c_col_xl_7:after,.c_col_xl_8:after,.c_col_xl_9:after,.c_col_xl_10:after,
.c_col_xl_11:after,.c_col_xl_12:after,
.c_col_xxl_1:after,.c_col_xxl_2:after,.c_col_xxl_3:after,.c_col_xxl_4:after,.c_col_xxl_5:after,
.c_col_xxl_6:after,.c_col_xxl_7:after,.c_col_xxl_8:after,.c_col_xxl_9:after,.c_col_xxl_10:after,
.c_col_xxl_11:after,.c_col_xxl_12:after */
.c_row:after
{
    clear: both;
    content: "";
    display: block;
    visibility: hidden;
}