.titleView{margin : 0px;margin-left : 50px;}
.topArea {display: flex;border:1px solid gray;margin-bottom: 5px;width: 1887px;flex-basis: 0;flex-grow: 1;}
.middleArea {border-right: 1px solid gray;flex-basis: 0;flex-grow: 1;}
.lowArea {display: flex;height:30px;align-items: center;}
.buttonDiv {text-align:left;}
.lowAreaName{margin-left : 10px;width: 120px;}
.lowAreaWrite{margin-left : 10px;}
.text_point{color:red;;}
/* .hidden{display:none !important} */
.skip {display:none !important;}

/*font*/
@font-face {
   font-family: 'IBMPlexSansKR';
   font-style: normal;
   font-weight: 500;
   src: url(../fonts/IBMPlexSansKR-Medium.woff2) format('woff2'),
        url(../fonts/IBMPlexSansKR-Medium.woff) format('woff'),
        url(../fonts/IBMPlexSansKR-Medium.otf) format('opentype');
 }

@font-face {
   font-family: 'IBMPlexSansKR';
   font-style: normal;
   font-weight: 300;
   src: url(../fonts/IBMPlexSansKR-Regular.woff2) format('woff2'),
        url(../fonts/IBMPlexSansKR-Regular.woff) format('woff'),
        url(../fonts/IBMPlexSansKR-Regular.otf) format('opentype');
 }

@font-face {
   font-family: 'IBMPlexSansKR';
   font-style: normal;
   font-weight: 700;
   src: url(../fonts/IBMPlexSansKR-SemiBold.woff2) format('woff2'),
        url(../fonts/IBMPlexSansKR-SemiBold.woff) format('woff'),
        url(../fonts/IBMPlexSansKR-SemiBold.otf) format('opentype');
 }


@font-face {
    font-family: 'Spoqa Han Sans Neo';
    font-weight: 700;
    src: local('Spoqa Han Sans Bold'),
    url('../fonts/SpoqaHanSansNeo-Bold.woff2') format('woff2'),
    url('../fonts/SpoqaHanSansNeo-Bold.woff') format('woff'),
    url('../fonts/SpoqaHanSansNeo-Bold.ttf') format('truetype');
}


@font-face {
    font-family: 'Spoqa Han Sans Neo';
    font-weight: 500;
    src: local('Spoqa Han Sans Medium'),
    url('../fonts/SpoqaHanSansNeo-Medium.woff2') format('woff2'),
    url('../fonts/SpoqaHanSansNeo-Medium.woff') format('woff'),
    url('../fonts/SpoqaHanSansNeo-Medium.ttf') format('truetype');
}

@font-face {
    font-family: 'Spoqa Han Sans Neo';
    font-weight: 400;
    src: local('Spoqa Han Sans Regular'),
    url('../fonts/SpoqaHanSansNeo-Regular.woff2') format('woff2'),
    url('../fonts/SpoqaHanSansNeo-Regular.woff') format('woff'),
    url('../fonts/SpoqaHanSansNeo-Regular.ttf') format('truetype');
}

@font-face {
    font-family: 'Spoqa Han Sans Neo';
    font-weight: 300;
    src: local('Spoqa Han Sans Light'),
    url('../fonts/SpoqaHanSansNeo-Light.woff2') format('woff2'),
    url('../fonts/SpoqaHanSansNeo-Light.woff') format('woff'),
    url('../fonts/SpoqaHanSansNeo-Light.ttf') format('truetype');
}

@font-face {
    font-family: 'Spoqa Han Sans Neo';
    font-weight: 100;
    src: local('Spoqa Han Sans Thin'),
    url('../fonts/SpoqaHanSansNeo-Thin.woff2') format('woff2'),
    url('../fonts/SpoqaHanSansNeo-Thin.woff') format('woff'),
    url('../fonts/SpoqaHanSansNeo-Thin.ttf') format('truetype');
}


.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}
.fs_23{font-size:23px !important}
.fs_24{font-size:24px !important}
.fs_25{font-size:25px !important}

/*text*/
.ws_nowrap{white-space: nowrap !important;}
.td_underline{text-decoration: underline !important;}
.sr-only{display:block; width:1px; height:1px; overflow:hidden;}

/*border*/
.b_0{border:0px !important}
.bt_0{border-top:0px !important}
.br_0{border-right:0px !important}
.bb_0{border-bottom:0px !important}
.bl_0{border-left:0px !important}

/*position*/
.p_unset{position:unset !important;width:auto}
.p_relative, .p_rel{position:relative !important;}
.p_absolute, .p_abs{position:absolute !important}
.p_sticky {position: sticky !important;}
.th_sticky thead th {position: sticky !important;}

.top_0 {top:0px !important}
.right_0 {right:0px !important}
.bottom_0 {bottom:0px !important}
.left_0 {left:0px !important}

/*text*/
.ta_c{text-align:center !important;}
.ta_l{text-align:left !important;}
.ta_l:hover span{opacity: 1}
.ta_r{text-align:right !important;}

/*height*/
.h_unset{height:unset !important}
.minh_unset{min-height:unset !important}
.maxh_unset{max-height:unset !important}

.h_auto{height:auto !important}
.minh_auto{min-height:auto !important}
.maxh_auto{max-height:auto !important}

.h_full{height:100% !important}
.minh_full{min-height:100% !important}
.maxh_full{max-height:100% !important}

.h_40{height:40px !important}
.h_80{height:80px !important}
.h_120{height:120px !important}
.h_160{height:160px !important}
.h_200{height:200px !important}
.h_240{height:240px !important}
.h_280{height:280px !important}
.h_320{height:300px !important}
.h_360{height:360px !important}
.h_400{height:400px !important}
.h_440{height:440px !important}

.minh_40{min-height:40px !important}
.minh_80{min-height:80px !important}
.minh_120{min-height:120px !important}
.minh_160{min-height:160px !important}
.minh_200{min-height:200px !important}
.minh_240{min-height:240px !important}
.minh_280{min-height:280px !important}
.minh_320{min-height:300px !important}
.minh_360{min-height:360px !important}
.minh_400{min-height:400px !important}
.minh_440{min-height:440px !important}

/*width*/
.w_unset{width:unset !important}
.minw_unset{min-width:unset !important}
.maxw_unset{max-width:unset !important}

.w_auto{width:auto !important}
.minw_auto{min-width:auto !important}
.maxw_auto{max-width:auto !important}

.w_full{width:100% !important}
.minw_full{min-width:100% !important}
.maxw_full{max-width:100% !important}

.w_40{width:40px !important}
.w_80{width:80px !important}
.w_120{width:120px !important}
.w_160{width:160px !important}
.w_200{width:200px !important}
.w_240{width:240px !important}
.w_280{width:280px !important}
.w_320{width:300px !important}
.w_360{width:360px !important}
.w_400{width:400px !important}
.w_440{width:440px !important}

.minw_40{min-width:40px !important}
.minw_80{min-width:80px !important}
.minw_120{min-width:120px !important}
.minw_160{min-width:160px !important}
.minw_200{min-width:200px !important}
.minw_240{min-width:240px !important}
.minw_280{min-width:280px !important}
.minw_320{min-width:300px !important}
.minw_360{min-width:360px !important}
.minw_400{min-width:400px !important}
.minw_440{min-width:440px !important}


.maxw_120{max-width:120px !important;}
.maxw_160{max-width:160px !important;}
.maxw_200{max-width:200px !important;}
.maxw_240{max-width:240px !important;}
.maxw_344{max-width:344px !important;}
/*background*/
.bg_unset{background:unset !important}
.bg_000{background:#000  !important}

/*input*/
input::placeholder{color:#aaa}

/*select*/


/*grid-row*/
.g{display: grid !important}

.gtr_full{grid-template-rows:100% !important;}

.gtr_auto{grid-template-rows: auto !important;}
.gtr_auto_min{grid-template-rows: auto  min-content !important;}
.gtr_auto2{grid-template-rows:auto auto !important}

.gtr_auto_max{grid-template-rows:auto max-content !important}

.gtr_min_auto{grid-template-rows: min-content auto  !important;}
.gtr_min_auto_min{grid-template-rows: min-content auto min-content !important;}
.gtr_min2_auto{grid-template-rows: min-content min-content auto !important;}
.gtr_min2_auto_min{grid-template-rows: min-content min-content auto min-content !important;}
.gtr_min3_auto_min{grid-template-rows: repeat(3, min-content) auto min-content !important;}

.gtr_max_auto_max{grid-template-rows: max-content auto max-content}

.gtr_1fr2{grid-template-rows:1fr 1fr !important;}
.g_row2{grid-row:2 !important}

/*grid-columns*/
.gtc_full{grid-template-columns:100% !important;}

.gtc_auto{grid-template-columns: auto !important;}
.gtc_auto_min{grid-template-columns: auto  min-content !important;}
.gtc_auto2{grid-template-columns:auto auto !important}

.gtc_min_auto{grid-template-columns:min-content auto !important}
.gtc_min_auto_min{grid-template-columns: min-content auto min-content !important;}
.gtc_min2_auto{grid-template-columns: min-content min-content auto !important;}
.gtc_min2_auto_min{grid-template-columns: min-content min-content auto min-content !important;}
.gtc_min3_auto_min{grid-template-columns: repeat(3, min-content) auto min-content !important;}


.gtc_max_auto{grid-template-columns:max-content auto !important}
.gtc_auto_max{grid-template-columns:auto max-content !important}

.gtc_max_auto_max{grid-template-columns: max-content auto max-content}

.gtc_1fr2{grid-template-columns:1fr 1fr !important;}

.g_col2{grid-column: 2 !important;}
/*grid-gap*/
.gg_2per{grid-gap: 2% !important;}
.gg_4per{grid-gap: 4% !important;}


/*flex*/
.f{display:flex !important}
.ai_c{align-items: center !important;}
.jc_sb{justify-content: space-between !important;}
.jc_fe{justify-content: flex-end !important;}
.fw_w{flex-wrap: wrap;}
.f1 {flex:1  !important;}
.f0 {flex:0 !important;}


/*scroll*/
.ofx_auto{overflow-x: auto !important;}
.ofy_auto{overflow-y:auto !important}
.ofx_overlay{overflow-x: overlay !important;}
.ofy_overlay{overflow-y:overlay !important}

/*margin*/
.m_0{margin:0 !important}
.m_0_auto{margin:0 auto !important}
.m_auto_0{margin:auto 0 !important}
.m_auto_auto{margin:auto auto !important}

.mt_auto{margin-top:auto !important}
.mr_auto{margin-right:auto !important}
.mb_auto{margin-bottom:auto !important}
.ml_auto{margin-left:auto !important}

.mt_0{margin-top:0 !important}
.mt_4{margin-top:4px !important}
.mt_8{margin-top:8px !important}
.mt_16{margin-top:16px !important}
.mt_24{margin-top:24px !important}
.mt_32{margin-top:32px !important}
.mt_40{margin-top:40px !important}
.mt_48{margin-top:48px !important}
.mt_56{margin-top:56px !important}
.mt_72{margin-top:72px !important}
.mt_80{margin-top:80px !important}

.mr_0{margin-right:0px !important}
.mr_4{margin-right:4px !important}
.mr_8{margin-right:8px !important}
.mr_16{margin-right:16px !important}
.mr_24{margin-right:24px !important}
.mr_32{margin-right:32px !important}
.mr_40{margin-right:40px !important}
.mr_48{margin-right:48px !important}
.mr_56{margin-right:56px !important}
.mr_72{margin-right:72px !important}
.mr_80{margin-right:80px !important}

.mb_0{margin-bottom:0px !important}
.mb_4{margin-bottom:4px !important}
.mb_8{margin-bottom:8px !important}
.mb_16{margin-bottom:16px !important}
.mb_24{margin-bottom:24px !important}
.mb_32{margin-bottom:32px !important}
.mb_40{margin-bottom:40px !important}
.mb_48{margin-bottom:48px !important}
.mb_56{margin-bottom:56px !important}
.mb_72{margin-bottom:72px !important}
.mb_80{margin-bottom:80px !important}

.ml_0{margin-left:0px !important}
.ml_4{margin-left:4px !important}
.ml_8{margin-left:8px !important}
.ml_16{margin-left:16px !important}
.ml_24{margin-left:24px !important}
.ml_32{margin-left:32px !important}
.ml_40{margin-left:40px !important}
.ml_48{margin-left:48px !important}
.ml_56{margin-left:56px !important}
.ml_72{margin-left:72px !important}
.ml_80{margin-left:80px !important}

.mtb_0{margin-top:0px !important; margin-bottom:0px !important}
.mtb_4{margin-top:4px !important; margin-bottom:4px !important}
.mtb_8{margin-top:8px !important; margin-bottom:8px !important}
.mtb_16{margin-top:16px !important; margin-bottom:16px !important}
.mtb_24{margin-top:24px !important; margin-bottom:24px !important}
.mtb_32{margin-top:32px !important; margin-bottom:32px !important}
.mtb_40{margin-top:40px !important; margin-bottom:40px !important}
.mtb_48{margin-top:48px !important; margin-bottom:48px !important}
.mtb_56{margin-top:56px !important; margin-bottom:56px !important}
.mtb_72{margin-top:72px !important; margin-bottom:72px !important}
.mtb_80{margin-top:80px !important; margin-bottom:80px !important}

.mlr_0{margin-left:0px !important; margin-right:0px !important}
.mlr_4{margin-left:4px !important; margin-right:4px !important}
.mlr_8{margin-left:8px !important; margin-right:8px !important}
.mlr_16{margin-left:16px !important; margin-right:16px !important}
.mlr_24{margin-left:24px !important; margin-right:24px !important}
.mlr_32{margin-left:32px !important; margin-right:32px !important}
.mlr_40{margin-left:40px !important; margin-right:40px !important}
.mlr_48{margin-left:48px !important; margin-right:48px !important}
.mlr_56{margin-left:56px !important; margin-right:56px !important}
.mlr_72{margin-left:72px !important; margin-right:72px !important}
.mlr_80{margin-left:80px !important; margin-right:80px !important}

/*padding*/
.p_0{padding:0 !important}

.pt_0{padding-top:0px !important}
.pt_4{padding-top:4px !important}
.pt_8{padding-top:8px !important}
.pt_16{padding-top:16px !important}
.pt_24{padding-top:24px !important}
.pt_32{padding-top:32px !important}
.pt_40{padding-top:40px !important}
.pt_48{padding-top:48px !important}
.pt_56{padding-top:56px !important}
.pt_72{padding-top:72px !important}
.pt_80{padding-top:80px !important}

.pr_0{padding-right:0px !important}
.pr_4{padding-right:4px !important}
.pr_8{padding-right:8px !important}
.pr_16{padding-right:16px !important}
.pr_24{padding-right:24px !important}
.pr_32{padding-right:32px !important}
.pr_40{padding-right:40px !important}
.pr_48{padding-right:48px !important}
.pr_56{padding-right:56px !important}
.pr_72{padding-right:72px !important}
.pr_80{padding-right:80px !important}

.pb_0{padding-bottom:0px !important}
.pb_4{padding-bottom:4px !important}
.pb_8{padding-bottom:8px !important}
.pb_16{padding-bottom:16px !important}
.pb_24{padding-bottom:24px !important}
.pb_32{padding-bottom:32px !important}
.pb_40{padding-bottom:40px !important}
.pb_48{padding-bottom:48px !important}
.pb_56{padding-bottom:56px !important}
.pb_72{padding-bottom:72px !important}
.pb_80{padding-bottom:80px !important}

.pl_0{padding-left:0px !important}
.pl_4{padding-left:4px !important}
.pl_8{padding-left:8px !important}
.pl_16{padding-left:16px !important}
.pl_24{padding-left:24px !important}
.pl_32{padding-left:32px !important}
.pl_40{padding-left:40px !important}
.pl_48{padding-left:48px !important}
.pl_56{padding-left:56px !important}
.pl_72{padding-left:72px !important}
.pl_80{padding-left:80px !important}

.ptb_0{padding-top:0px !important; margin-bottom:0px !important}
.ptb_4{padding-top:4px !important; margin-bottom:4px !important}
.ptb_8{padding-top:8px !important; margin-bottom:8px !important}
.ptb_16{padding-top:16px !important; margin-bottom:16px !important}
.ptb_24{padding-top:24px !important; margin-bottom:24px !important}
.ptb_32{padding-top:32px !important; margin-bottom:32px !important}
.ptb_40{padding-top:40px !important; margin-bottom:40px !important}
.ptb_48{padding-top:48px !important; margin-bottom:48px !important}
.ptb_56{padding-top:56px !important; margin-bottom:56px !important}
.ptb_72{padding-top:72px !important; margin-bottom:72px !important}
.ptb_80{padding-top:80px !important; margin-bottom:80px !important}

.plr_0{padding-left:0px !important; padding-right:0px !important}
.plr_4{padding-left:4px !important; padding-right:4px !important}
.plr_8{padding-left:8px !important; padding-right:8px !important}
.plr_16{padding-left:16px !important; padding-right:16px !important}
.plr_24{padding-left:24px !important; padding-right:24px !important}
.plr_32{padding-left:32px !important; padding-right:32px !important}
.plr_40{padding-left:40px !important; padding-right:40px !important}
.plr_48{padding-left:48px !important; padding-right:48px !important}
.plr_56{padding-left:56px !important; padding-right:56px !important}
.plr_72{padding-left:72px !important; padding-right:72px !important}
.plr_80{padding-left:80px !important; padding-right:80px !important}


.badge {display:inline-block; font-size:12px; padding:0 5px; background:#666; color:#fff; border-radius:5px;}

.bg-primary{background-color:#293da6 !important; }
.bg-second {background-color:#607D8B !important;}
.bg-warning {background-color:#FFC107 !important;}
.bg-danger {background-color:#F44336 !important;}
.bg-success {background-color:#4CAF50 !important;}
.bg-second {background-color:#607D8B !important;}

.text-primary{color:#293da6 !important; }
.text-second {color:#607D8B !important;}
.text-warning {color:#FFC107 !important;}
.text-danger {color:#F44336 !important;}
.text-success {color:#4CAF50 !important;}
.text-second {color:#607D8B !important;}


button.btn, a.btn {box-shadow:1px 1px 2px #dcdcdc;cursor:pointer;padding:3px 14px;border-radius:3px;border: 1px solid #191919;transition:.2s;height: 36px;}

.btn-primary{background-color:#293da6 !important; color:#fff; border:1px solid #192461;}
.btn-second {background-color:#607D8B !important; color:#fff; border:1px solid #284452;}
.btn-warning {background-color:#FFC107 !important; color:#fff; border:1px solid #d8a611;}
.btn-danger {background-color:#F44336 !important; color:#fff; border:1px solid #bf261b;}
.btn-success {background-color:#4CAF50 !important; color:#fff; border:1px solid #2a862e;}


.btn-primary:hover, .btn-primary:focus{background-color:#1b296d !important; color:#fff; border:1px solid #192461;}
.btn-second:hover, .btn-second:focus {background-color:#4c626d !important; color:#fff; border:1px solid #284452;}
.btn-warning:hover, .btn-warning:focus {background-color:#e4b11a !important; color:#fff; border:1px solid #d8a611;}
.btn-danger:hover, .btn-danger:focus {background-color:#de3c30 !important; color:#fff; border:1px solid #bf261b;}
.btn-success:hover, .btn-success:focus {background-color:#3b863e !important; color:#fff; border:1px solid #2a862e;}