/* RESET */
body, div, dl, dd, dt, ul, li, ol, h1 ,h2, h3, h4, h5, h6, form, input, legend, textarea, select, fieldset, p, button {margin: 0; padding: 0;}
a, a:hover, a:focus {text-decoration: none; color: #000;}
body, input, textarea, select, button, table {font-family: 'NanumGothic', sans-serif; font-size: 14px; line-height: 1.7;}
h1, h2, h3, h4, h5, h6 {font-size: 14px; font-weight: 700; color: #333;}
li,ol,ul {list-style: none;}
em,address {font-style: normal;}
img,fieldset{border:0;}
html {box-sizing: border-box;}
*, *:before, *:after {box-sizing: border-box !important;}
.ir {width: 0; height: 0; font-size: 0; line-height: 0; overflow: 0; position: absolute; left: 0; top:0;}
.cf {display: block; content: ""; clear: both;}


/* FONT */
/*font-family*/
@font-face {
    font-family: 'NanumGothic';
    font-style: normal;
    font-weight: 400;
    src: url('/common/fonts/NanumGothic/NanumGothic-Regular.eot');
    src: url('/common/fonts/NanumGothic/NanumGothic-Regular.eot?#iefix') format('embedded-opentype'),
        url('/common/fonts/NanumGothic/NanumGothic-Regular.woff') format('woff'),
        url('/common/fonts/NanumGothic/NanumGothic-Regular.ttf') format('truetype');
}
@font-face {
    font-family: 'NanumGothic';
    font-style: normal;
    font-weight: 700;
    src: url('/common/fonts/NanumGothic/NanumGothic-Bold.eot');
    src: url('/common/fonts/NanumGothic/NanumGothic-Bold.eot?#iefix') format('embedded-opentype'),
        url('/common/fonts/NanumGothic/NanumGothic-Bold.woff') format('woff'),
        url('/common/fonts/NanumGothic/NanumGothic-Bold.ttf') format('truetype');
}
@font-face {
    font-family: 'NanumGothic';
    font-style: normal;
    font-weight: 900;
    src: url('/common/fonts/NanumGothic/NanumGothic-ExtraBold.eot');
    src: url('/common/fonts/NanumGothic/NanumGothic-ExtraBold.eot?#iefix') format('embedded-opentype'),
        url('/common/fonts/NanumGothic/NanumGothic-ExtraBold.woff2') format('woff2'),
        url('/common/fonts/NanumGothic/NanumGothic-ExtraBold.woff') format('woff'),
        url('/common/fonts/NanumGothic/NanumGothic-ExtraBold.ttf') format('truetype');
}
@font-face {
    font-family: 'NanumSquare';
    font-style: normal;
    font-weight: 300;
    src: url('/common/fonts/NanumSquare/NanumSquareL.eot');
    src: url('/common/fonts/NanumSquare/NanumSquareL.eot?#iefix') format('embedded-opentype'),
        url('/common/fonts/NanumSquare/NanumSquareL.woff') format('woff'),
        url('/common/fonts/NanumSquareL.ttf') format('truetype');
}
@font-face {
    font-family: 'NanumSquare';
    font-style: normal;
    font-weight: 400;
    src: url('/common/fonts/NanumSquare/NanumSquareR.eot');
    src: url('/common/fonts/NanumSquare/NanumSquareR.eot?#iefix') format('embedded-opentype'),
        url('/common/fonts/NanumSquare/NanumSquareR.woff') format('woff'),
        url('/common/fonts/NanumSquare/NanumSquareR.ttf')  format('truetype');
}
@font-face {
    font-family: 'NanumSquare';
    font-style: normal;
    font-weight: 700;
    src: url('/common/fonts/NanumSquare/NanumSquareB.eot');
    src: url('/common/fonts/NanumSquare/NanumSquareB.eot?#iefix') format('embedded-opentype'),
        url('/common/fonts/NanumSquare/NanumSquareB.woff') format('woff'),
        url('/common/fonts/NanumSquare/NanumSquareB.ttf') format('truetype');
}
@font-face {
    font-family: 'NanumSquare';
    font-style: normal;
    font-weight: 900;
    src: url('/common/fonts/NanumSquare/NanumSquareEB.eot');
    src: url('/common/fonts/NanumSquare/NanumSquareEB.eot?#iefix') format('embedded-opentype'),
        url('/common/fonts/NanumSquare/NanumSquareEB.woff') format('woff'),
        url('/common/fonts/NanumSquare/NanumSquareEB.ttf') format('truetype');
}
@font-face {
    font-family: 'NotoSans';
    font-style: normal;
    font-weight: 300;
    src: url('/common/fonts/NotoSans/NotoSansKR-Light.otf') format('opnetype');
}
@font-face {
    font-family: 'NotoSans';
    font-style: normal;
    font-weight: 400;
    src: url('/common/fonts/NotoSans/NotoSansKR-Regular.otf') format('opnetype');
}
@font-face {
    font-family: 'NotoSans';
    font-style: normal;
    font-weight: 700;
    src: url('/common/fonts/NotoSans/NotoSansKR-Bold.otf') format('opnetype');
}
@font-face {
    font-family: 'NotoSans';
    font-style: normal;
    font-weight: 900;
    src: url('/common/fonts/NotoSans/NotoSansKR-Black.otf') format('opnetype');
}
/*font-color*/
.fc_red {color: #FF0000 !important;}
.fc_orange {color: #FF8000 !important;}
.fc_yellow {color: #FFFF00 !important;}
.fc_green {color: #088A08 !important;}
.fc_cyan {color: #04B486 !important;}
.fc_blue {color: #0101DF !important;}
.fc_purple {color: #5F04B4 !important;}
.fc_violet {color: #A901DB !important;}
.fc_pink {color: #FF00BF !important;}
.fc_white {color: #FFFFFF !important;}
.fc_black {color: #000000 !important;}
/* position */
.f_l {float: left !important;}
.f_r {float: right !important;}
.dp_b {display: block;}
.dp_ib {display: inline-block;}
.dp_i {display: inline;}
.dp_n {display: none;}
.of_h {overflow: hidden;}
/* text */
.ta_l {text-align: left !important;}
.ta_c {text-align: center !important;}
.ta_r {text-align: right !important;}
.va_t {vertical-align: top !important;}
.va_m {vertical-align: middle !important;}
.va_b {vertical-align: bottom !important;}
/* weight */
.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;}

/* BACKGROUND */
/*color*/
.bg_red {background: #FF0000 !important;}
.bg_orange {background: #FF8000 !important;}
.bg_yellow {background: #FFFF00 !important;}
.bg_green {background: #088A08 !important;}
.bg_cyan {background: #04B486 !important;}
.bg_blue {background: #0101DF !important;}
.bg_purple {background: #5F04B4 !important;}
.bg_violet {background: #A901DB !important;}
.bg_pink {background: #FF00BF !important;}
.bg_white {background: #FFFFFF !important;}
.bg_black {background: #000000 !important;}
.bg_transparent {background: transparent !important;}
.bg_navy {background: #2A3F54 !important;}
.bg_lime {background: #F9FBE7 !important;}
.bg_theme {background: #2a5788 !important; opacity: .9;}
.bg_l_pink {background: #efdfdf !important; }

/* WHITE SPACE */
/*padding*/
.p_0 {padding: 0px !important;}
.p_5 {padding: 5px !important;}
.p_10 {padding: 10px !important;}
.p_15 {padding: 15px !important;}
.p_20 {padding: 20px !important;}
.p_25 {padding: 25px !important;}
.p_30 {padding: 30px !important;}
.p_40 {padding: 40px !important;}
.p_50 {padding: 50px !important;}
.p_60 {padding: 60px !important;}
.p_70 {padding: 70px !important;}
.p_80 {padding: 80px !important;}
.p_90 {padding: 90px !important;}
.p_100 {padding: 100px !important;}

.pt_0 {padding-top: 0px !important;}
.pt_5 {padding-top: 5px !important;}
.pt_10 {padding-top: 10px !important;}
.pt_15 {padding-top: 15px !important;}
.pt_20 {padding-top: 20px !important;}
.pt_25 {padding-top: 25px !important;}
.pt_30 {padding-top: 30px !important;}
.pt_40 {padding-top: 40px !important;}
.pt_50 {padding-top: 50px !important;}
.pt_60 {padding-top: 60px !important;}
.pt_70 {padding-top: 70px !important;}
.pt_80 {padding-top: 80px !important;}
.pt_90 {padding-top: 90px !important;}
.pt_100 {padding-top: 100px !important;}

.pl_0 {padding-left: 0px !important;}
.pl_5 {padding-left: 5px !important;}
.pl_10 {padding-left: 10px !important;}
.pl_15 {padding-left: 15px !important;}
.pl_20 {padding-left: 20px !important;}
.pl_25 {padding-left: 25px !important;}
.pl_30 {padding-left: 30px !important;}
.pl_40 {padding-left: 40px !important;}
.pl_50 {padding-left: 50px !important;}
.pl_60 {padding-left: 60px !important;}
.pl_70 {padding-left: 70px !important;}
.pl_80 {padding-left: 80px !important;}
.pl_90 {padding-left: 90px !important;}
.pl_100 {padding-left: 100px !important;}

.pr_0 {padding-right: 0px !important;}
.pr_5 {padding-right: 5px !important;}
.pr_10 {padding-right: 10px !important;}
.pr_15 {padding-right: 15px !important;}
.pr_20 {padding-right: 20px !important;}
.pr_25 {padding-right: 25px !important;}
.pr_30 {padding-right: 30px !important;}
.pr_40 {padding-right: 40px !important;}
.pr_50 {padding-right: 50px !important;}
.pr_60 {padding-right: 60px !important;}
.pr_70 {padding-right: 70px !important;}
.pr_80 {padding-right: 80px !important;}
.pr_90 {padding-right: 90px !important;}
.pr_100 {padding-right: 100px !important;}

.pb_0 {padding-bottom: 0px !important;}
.pb_5 {padding-bottom: 5px !important;}
.pb_10 {padding-bottom: 10px !important;}
.pb_15 {padding-bottom: 15px !important;}
.pb_20 {padding-bottom: 20px !important;}
.pb_25 {padding-bottom: 25px !important;}
.pb_30 {padding-bottom: 30px !important;}
.pb_40 {padding-bottom: 40px !important;}
.pb_50 {padding-bottom: 50px !important;}
.pb_60 {padding-bottom: 60px !important;}
.pb_70 {padding-bottom: 70px !important;}
.pb_80 {padding-bottom: 80px !important;}
.pb_90 {padding-bottom: 90px !important;}
.pb_100 {padding-bottom: 100px !important;}

/*margin*/
.m_0 {margin: 0px !important;}
.m_5 {margin: 5px !important;}
.m_10 {margin: 10px !important;}
.m_15 {margin: 15px !important;}
.m_20 {margin: 20px !important;}
.m_25 {margin: 25px !important;}
.m_30 {margin: 30px !important;}
.m_40 {margin: 40px !important;}
.m_50 {margin: 50px !important;}
.m_60 {margin: 60px !important;}
.m_70 {margin: 70px !important;}
.m_80 {margin: 80px !important;}
.m_90 {margin: 90px !important;}
.m_100 {margin: 100px !important;}

.mt_0 {margin-top: 0px !important;}
.mt_5 {margin-top: 5px !important;}
.mt_10 {margin-top: 10px !important;}
.mt_15 {margin-top: 15px !important;}
.mt_20 {margin-top: 20px !important;}
.mt_25 {margin-top: 25px !important;}
.mt_30 {margin-top: 30px !important;}
.mt_40 {margin-top: 40px !important;}
.mt_50 {margin-top: 50px !important;}
.mt_60 {margin-top: 60px !important;}
.mt_70 {margin-top: 70px !important;}
.mt_80 {margin-top: 80px !important;}
.mt_90 {margin-top: 90px !important;}
.mt_100 {margin-top: 100px !important;}

.ml_0 {margin-left: 0px !important;}
.ml_5 {margin-left: 5px !important;}
.ml_10 {margin-left: 10px !important;}
.ml_15 {margin-left: 15px !important;}
.ml_20 {margin-left: 20px !important;}
.ml_22 {margin-left: 22.5px !important;}
.ml_25 {margin-left: 25px !important;}
.ml_30 {margin-left: 30px !important;}}
.ml_40 {margin-left: 40px !important;}
.ml_50 {margin-left: 50px !important;}
.ml_60 {margin-left: 60px !important;}
.ml_70 {margin-left: 70px !important;}
.ml_80 {margin-left: 80px !important;}
.ml_90 {margin-left: 90px !important;}
.ml_100 {margin-left: 100px !important;}

.mr_0 {margin-right: 0px !important;}
.mr_5 {margin-right: 5px !important;}
.mr_10 {margin-right: 10px !important;}
.mr_15 {margin-right: 15px !important;}
.mr_20 {margin-right: 20px !important;}
.mr_25 {margin-right: 25px !important;}
.mr_30 {margin-right: 30px !important;}
.mr_40 {margin-right: 40px !important;}
.mr_50 {margin-right: 50px !important;}
.mr_60 {margin-right: 60px !important;}
.mr_70 {margin-right: 70px !important;}
.mr_80 {margin-right: 80px !important;}
.mr_90 {margin-right: 90px !important;}
.mr_100 {margin-right: 100px !important;}

.mb_0 {margin-bottom: 0px !important;}
.mb_5 {margin-bottom: 5px !important;}
.mb_10 {margin-bottom: 10px !important;}
.mb_15 {margin-bottom: 15px !important;}
.mb_20 {margin-bottom: 20px !important;}
.mb_25 {margin-bottom: 25px !important;}
.mb_30 {margin-bottom: 30px !important;}
.mb_40 {margin-bottom: 40px !important;}
.mb_50 {margin-bottom: 50px !important;}
.mb_60 {margin-bottom: 60px !important;}
.mb_70 {margin-bottom: 70px !important;}
.mb_80 {margin-bottom: 80px !important;}
.mb_90 {margin-bottom: 90px !important;}
.mb_100 {margin-bottom: 100px !important;}

/* WIDTH */
.width_100 {width: 100px !important;}
.width_150 {width: 150px !important;}
.width_200 {width: 200px !important;}
.width_250 {width: 250px !important;}
.width_300 {width: 300px !important;}
.width_350 {width: 350px !important;}
.width_400 {width: 400px !important;}
.width_450 {width: 450px !important;}
.width_500 {width: 500px !important;}

/* HEIGHT */
.h_160 {height: 160px !important;}

/* THEME */
.theme_navy {background: linear-gradient(to right, #0c2646 0%, #204065 60%, #2a5788 100%) !important;}
.theme_sky {background: #f7fafc !important;}
.theme_navy a {color:#FFF !important;}
.theme_red {background: #EF5350 !important; color: #FFF !important;}
.dropdown a:hover{background-color:rgba(25, 45, 70, .5) !important; border-radius: 10px;}
.user-info i:hover{background-color:rgba(25, 45, 70, .5) !important; border-radius: 10px;}
.theme_navy .label-count {background-color:#CCCC00 !important;}
.dropdown-menu a {color:#444 !important;}

.b_1c {border: 1px solid #ccc !important;}
.b_1d {border: 1px solid #ddd !important;}
.bn {border: none !important;}

.hidden {display: none !important;}
.hide {display: none !important;}

.modal-receipt {max-width: 950px !important; width: 95%;}

.po_r {position: relative !important;}

.dropdown a.formAlarm:hover {background: #e9e9e9 !important; border-radius: 0;}
.dropdown-menu > li.body:hover, .dropdown-menu > li.body:focus {background: #fff !important;}