@charset "utf-8";

/* @font-face {
    font-family: 'Nanum Gothic Ultra';
    font-style: normal;
    font-weight: 800;
    src: url(/front/JLAMP5/css/fonts/NanumGothic-ExtraBold.eot);
    src: url(/front/JLAMP5/css/fonts/NanumGothic-ExtraBold.eot?#iefix) format('embedded-opentype'),
    url(/front/JLAMP5/css/fonts/NanumGothic-ExtraBold.woff2) format('woff2'),
    url(/front/JLAMP5/css/fonts/NanumGothic-ExtraBold.woff) format('woff'),
    url(/front/JLAMP5/css/fonts/NanumGothic-ExtraBold.ttf) format('truetype');
} */

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

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

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

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

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

/* noto sans CJK*/
@font-face {
    font-family: "Noto Sans CJK";
    font-style: light;
    font-weight: 300;
    src: url('/front/JLAMP5/css/fonts/NotoSansCJKkr/NotoSansCJKkr-Light.otf') format('truetype');
    unicode-range: U+AC00-U+D7A3;
}

@font-face {
    font-family: "Noto Sans CJK";
    font-style: normal;
    font-weight: 400;
    src: url('/front/JLAMP5/css/fonts/NotoSansCJKkr/NotoSansCJKkr-Regular.otf') format('truetype');
    unicode-range: U+AC00-U+D7A3;
}

@font-face {
    font-family: "Noto Sans CJK";
    font-style: medium;
    font-weight: 500;
    src: url('/front/JLAMP5/css/fonts/NotoSansCJKkr/NotoSansCJKkr-Medium.otf') format('truetype');
    unicode-range: U+AC00-U+D7A3;
}

@font-face {
    font-family: "Noto Sans CJK";
    font-style: bold;
    font-weight: 700;
    src: url('/front/JLAMP5/css/fonts/NotoSansCJKkr/NotoSansCJKkr-Bold.otf') format('truetype');
    unicode-range: U+AC00-U+D7A3;
}

/* form controls */
label.lb {
    font-size: 13px;
    font-weight: 400;
    color: #757271
}

input[type=text],
input[type=password] {
    height: 28px;
    width: auto;
    padding: 0;
    color: #3A3635;
    border: 1px solid #c4c2c2
}

input[type=number] {
    height: 28px;
    line-height: 28px;
    text-align: right;
}

textarea {
    display: block;
    height: 124px;
    width: auto;
    padding: 10px;
    font-size: 16px;
    color: #3A3635;
    border-radius: 3px;
    border: 1px solid #c4c2c2;
    resize: none;
    -webkit-appearance: none;
}

input,
select {
    font-size: 100%;
    vertical-align: middle;
    height: 28px;
    line-height: 28px;
}

/* 
.form-control {
    font-size: 13px;
    display: inline-block;
    width: inherit;
    height: 26px;
    line-height: 26px;

    color: #999;
    -webkit-transition: none;
    transition: none;
}

textarea.form-control {
    height: 90px;
    overflow-y: auto;
    padding: 10px;
} */

.input-group .form-control {
    font-size: 13px;
}

select {
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    appearance: none;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    color: #757271;
    border: 1px solid #c4c2c2;
    background: #fff url(/image/bu_select.png) 100% 50% no-repeat !important;
    padding-left: 5px !important;
    padding-right: 25px !important;
    cursor: pointer;
}

.msie9 select {
    background-image: none;
}

.msie8 select {
    background-image: none;
}

select::-ms-expand {
    display: none;
}

select.small {
    padding: 6px 5px 5px 10px;
    background-position: 100% 100%;
}

select.form {
    height: 26px;
    line-height: 26px;
    padding: 0px 15px 0 0px;
    background-position: 100% 50%;
}

select.form-control {
    padding-left: 0px;
    line-height: 14px;
}

select.form-control[readonly] {
    background-color: #eee !important;
    opacity: 1;
}

.box {
    background: #fff;
    border: 1px solid #bcd1e6;
    padding: 15px;
    line-height: 20px;
    position: relative;
}

.box p {
    padding: 5px 0;
    line-height: 18px;
}

.box .header {
    background: #f8f9fb;
    position: absolute;
    top: 0;
    z-index: 1;
    border-bottom: 1px solid #d4d4d4;
    font-weight: 600;
    color: #000;
    padding: 7px 10px;
}

.box .body {
    margin-top: 35px;
}

.box-bg {
    background: #f1f7fd;
    padding: 10px 15px;
    line-height: 24px;
}

.box-gray {
    background: #f2f4f8;
    border: 1px solid #d4d4d4;
    padding: 15px;
    line-height: 24px;
}

.border-top-none {
    border-top: none;
}

.inline {
    display: inline-block;
}

.block {
    display: block;
}

.mCenter {
    margin-left: auto;
    margin-right: auto;
}

.f0 {
    clear: both;
    overflow: hidden;
}

.fc {
    clear: both;
}

.clear {
    clear: both;
}

.fl {
    float: left;
}

.fr {
    float: right;
}

.f-both {
    clear: both;
    overflow: hidden;
}

.f-both>.fl {
    padding-right: 20px;
}

.f-both>.fr {
    padding-left: 20px;
}

.fix {
    width: 80px !important;
}

.fix0 {
    width: 50px !important;
}

.fix1 {
    width: 90px !important;
}

.fix2 {
    width: 100px !important;
}

.fix3 {
    width: 125px !important;
}

.fix4 {
    width: 150px !important;
}

.fix5 {
    width: 200px !important;
}

.f10 {
    width: 10% !important;
}

.f20 {
    width: 20% !important;
}

.f25 {
    width: 25% !important;
}

.f30 {
    width: 30% !important;
}

.f33 {
    width: 33.3333333% !important;
}

.f35 {
    width: 35% !important;
}

.f40 {
    width: 40% !important;
}

.f43 {
    width: 43% !important;
}

.f45 {
    width: 45% !important;
}

.f50 {
    width: 50% !important;
}

.f55 {
    width: 55% !important;
}

.f60 {
    width: 60% !important;
}

.f65 {
    width: 65% !important;
}

.f70 {
    width: 70% !important;
}

.f80 {
    width: 80% !important;
}

.f90 {
    width: 90% !important;
}

.f100 {
    width: 100% !important;
}

.w5 {
    width: 5% !important;
}

.w10 {
    width: 10% !important;
}

.w15 {
    width: 15% !important;
}

.w20 {
    width: 20% !important;
}

.w25 {
    width: 25% !important;
}

.w30 {
    width: 30% !important;
}

.w33 {
    width: 33.333333334% !important;
}

.w35 {
    width: 35% !important;
}

.w40 {
    width: 40% !important;
}

.w45 {
    width: 45% !important;
}

.w50 {
    width: 50% !important;
}

.w55 {
    width: 55% !important;
}

.w60 {
    width: 60% !important;
}

.w65 {
    width: 65% !important;
}

.w70 {
    width: 70% !important;
}

.w75 {
    width: 75% !important;
}

.w80 {
    width: 80% !important;
}

.w85 {
    width: 85% !important;
}

.w90 {
    width: 90% !important;
}

.w95 {
    width: 95% !important;
}

.w100 {
    width: 100% !important;
}

/*링크점선 없애기*/
/* a {
    select-dummy: expression(this.hideFocus=true);
} */

.lineNone {
    border: none;
}

.borderTop {
    border-top: 1px solid #d6d6d6;
    padding-top: 15px
}

.borderTop-chart {
    border-top: 1px solid #999;
    padding-top: 10px
}

.line-bottom {
    border-bottom: 1px solid #d9dbde;
    display: block;
}

.line-dot-both {
    background: url(/image/line-dot-both.png) repeat-x bottom;
}

.line-dot-top {
    background: url(/image/line-dot.png) repeat-x top;
}

.line-dot-bottom {
    background: url(/image/line-dot.png) repeat-x bottom;
}

.border-none {
    border: none !important;
}

.warningBox {
    color: #e12f29;
    text-align: center;
    padding: 15px 0;
}

.warningBox div {
    padding-bottom: 15px;
}

/* button align */
.left {
    text-align: left !important;
}

.center {
    text-align: center !important;
}

.right {
    text-align: right !important;
    padding-right: 5px !important;
}

.btn-cen {
    text-align: center;
    overflow: hidden;
}

.btn-both {
    overflow: hidden;
    clear: both;
    width: 100%;
}

.btn-both .fl {
    float: left;
    padding-right: 5px;
}

li.fr {
    list-style: none;
}

.btn-both .fr {
    float: right;
    padding-left: 5px;
}

.inherit {
    height: inherit !important;
}

/* button align */
.clear {
    clear: both;
    overflow: hidden;
}

/*폰트*/
/*h1 {
    font-size: 26px;
    font-weight: 600;
    color: #000;
    line-height: 30px
}

h2 {
    font-size: 24px;
    font-weight: 600;
    color: #000
}

h3 {
    font-size: 20px;
    font-weight: 600;
    color: #000;
}

h4 {
    font-size: 19px;
    line-height: 26px;
    font-weight: 600;
    color: #000
}

h5 {
    font-size: 17px;
    font-weight: 600;
    color: #000;
}

h6 {
    font-size: 15px;
    font-weight: 600;
    color: #000
}

h6 {
    font-size: 14px;
    font-weight: 600;
    color: #000
}*/

.font-p1 {
    color: #ec6211 !important;
}

.font-p2 {
    color: #00ade2 !important;
}

.font-p3 {
    color: #fa6b2b !important;
}

.font-sub {
    color: #777 !important;
}

.font-red {
    color: #ff4141 !important;
}

.font-blue {
    color: #125aac !important;
}

.font-green {
    color: #2fa865 !important;
}

.font-orange {
    color: #ff6600 !important;
}

.font-yellow {
    color: #ffcc00 !important;
}

.font-down {
    color: #496ff5 !important;
}

.font-black {
    color: #000 !important;
}

.font-white {
    color: #fff !important;
}

.font-help {
    color: #c9c9c9 !important;
}

.font-info {
    color: #aeaeae !important;
}

/* Font Size 5 ~ 30 ==================================== */
.font5 {
    font-size: 5px !important;
}

.font6 {
    font-size: 6px !important;
}

.font7 {
    font-size: 7px !important;
}

.font8 {
    font-size: 8px !important;
}

.font9 {
    font-size: 9px !important;
}

.font10 {
    font-size: 10px !important;
}

.font11 {
    font-size: 11px !important;
}

.font12 {
    font-size: 12px !important;
}

.font13 {
    font-size: 13px !important;
}

.font14 {
    font-size: 14px !important;
}

.font15 {
    font-size: 15px !important;
}

.font16 {
    font-size: 16px !important;
}

.font17 {
    font-size: 17px !important;
}

.font18 {
    font-size: 18px !important;
}

.font19 {
    font-size: 19px !important;
}

.font20 {
    font-size: 20px !important;
}

.font21 {
    font-size: 21px !important;
}

.font22 {
    font-size: 22px !important;
}

.font23 {
    font-size: 23px !important;
}

.font24 {
    font-size: 24px !important;
}

.font25 {
    font-size: 25px !important;
}

.font26 {
    font-size: 26px !important;
}

.font27 {
    font-size: 27px !important;
}

.font28 {
    font-size: 28px !important;
}

.font29 {
    font-size: 29px !important;
}

.font30 {
    font-size: 30px !important;
}

.bold {
    font-weight: 600;
}

.normal {
    font-weight: normal;
}

.bar {
    color: #d4d3d3;
    font-weight: normal !important;
    padding: 0 5px;
}

.size10 {
    font-size: 10px !important;
    line-height: 12px !important;
}

.size11 {
    font-size: 11px !important;
    line-height: 13px !important;
}

.size12 {
    font-size: 12px !important;
    line-height: 15px !important;
}

.size13 {
    font-size: 13px !important;
    line-height: 17px !important;
}

.size14 {
    font-size: 14px !important;
    line-height: 18px !important;
}

.size16 {
    font-size: 16px !important;
    line-height: 22px !important;
}

.size18 {
    font-size: 18px !important;
    line-height: 24px !important;
}

.size20 {
    font-size: 20px !important;
    line-height: 24px !important;
}

.size24 {
    font-size: 24px !important;
    line-height: 28px !important;
}

.size30 {
    font-size: 30px !important;
    line-height: 34px !important;
}

.size36 {
    font-size: 36px !important;
    line-height: 40px !important;
}

.size48 {
    font-size: 48px !important;
    line-height: 52px !important;
}

.size60 {
    font-size: 60px !important;
    line-height: 65px !important;
}

.size72 {
    font-size: 72px !important;
    line-height: 77px !important;
}

.size90 {
    font-size: 90px !important;
    line-height: 95px !important;
}

/* Font Weight fw100 ~ fw800 ================================== */
.fw100 {
    font-weight: 100 !important;
}

.fw200 {
    font-weight: 200 !important;
}

.fw300 {
    font-weight: 300 !important;
}

.fw400 {
    font-weight: 400 !important;
}

.fw500 {
    font-weight: 500 !important;
}

.fw600 {
    font-weight: 600 !important;
}

.fw700 {
    font-weight: 700 !important;
}

.fw800 {
    font-weight: 800 !important;
}


.top-1 {
    position: relative;
    top: -1px;
}

.top-2 {
    position: relative;
    top: -2px;
}

.top-3 {
    position: relative;
    top: -3px;
}

.top-4 {
    position: relative;
    top: -4px;
}

.top-5 {
    position: relative;
    top: -5px;
}


.top1 {
    position: relative;
    top: 1px;
}

.top2 {
    position: relative;
    top: 2px;
}

.top3 {
    position: relative;
    top: 3px;
}

.top4 {
    position: relative;
    top: 4px;
}

.top5 {
    position: relative;
    top: 5px;
}

.top6 {
    position: relative;
    top: 6px;
}

.top7 {
    position: relative;
    top: 7px;
}

.top8 {
    position: relative;
    top: 8px;
}

.top9 {
    position: relative;
    top: 9px;
}

.top10 {
    position: relative;
    top: 10px;
}

.top15 {
    position: relative;
    top: 15px;
}

.top20 {
    position: relative;
    top: 20px;
}

.top25 {
    position: relative;
    top: 25px;
}

.top30 {
    position: relative;
    top: 30px;
}

.top40 {
    position: relative;
    top: 40px;
}

.top50 {
    position: relative;
    top: 50px;
}

.top100 {
    position: relative;
    top: 100px;
}

.left5 {
    position: relative;
    left: 5px;
}

.left10 {
    position: relative;
    left: 10px;
}

.left15 {
    position: relative;
    left: 15px;
}

.left20 {
    position: relative;
    left: 20px;
}

.left30 {
    position: relative;
    left: 30px;
}

.left40 {
    position: relative;
    left: 40px;
}

.left50 {
    position: relative;
    left: 50px;
}

.left100 {
    position: relative;
    left: 100px;
}


.right5 {
    position: relative;
    right: 5px;
}

.right10 {
    position: relative;
    right: 10px;
}

.right15 {
    position: relative;
    right: 15px;
}

.right20 {
    position: relative;
    right: 20px;
}

.right30 {
    position: relative;
    right: 30px;
}

.right40 {
    position: relative;
    right: 40px;
}

.right50 {
    position: relative;
    right: 50px;
}

.right100 {
    position: relative;
    right: 100px;
}


.bottom5 {
    position: relative;
    bottom: 5px;
}

.bottom10 {
    position: relative;
    bottom: 10px;
}

.bottom15 {
    position: relative;
    bottom: 15px;
}

.bottom20 {
    position: relative;
    bottom: 20px;
}

.bottom30 {
    position: relative;
    bottom: 30px;
}

.bottom40 {
    position: relative;
    bottom: 40px;
}

.bottom50 {
    position: relative;
    bottom: 50px;
}

.bottom100 {
    position: relative;
    bottom: 100px;
}


/* Padding */
.p0 {
    padding: 0 !important
}

.p5 {
    padding: 5px !important
}

.p10 {
    padding: 10px !important
}

.p15 {
    padding: 15px !important
}

.p20 {
    padding: 20px !important
}

.p25 {
    padding: 25px !important
}

.p30 {
    padding: 30px !important
}

.p35 {
    padding: 35px !important
}

.p40 {
    padding: 40px !important
}

.p45 {
    padding: 45px !important
}

.p50 {
    padding: 50px !important
}


/* Padding Top */
.pT5 {
    padding-top: 5px !important
}

.pT10 {
    padding-top: 10px !important
}

.pT15 {
    padding-top: 15px !important
}

.pT20 {
    padding-top: 20px !important
}

.pT25 {
    padding-top: 25px !important
}

.pT30 {
    padding-top: 30px !important
}

.pT35 {
    padding-top: 35px !important
}

.pT40 {
    padding-top: 40px !important
}

.pT45 {
    padding-top: 45px !important
}

.pT50 {
    padding-top: 50px !important
}


/* Padding Left */
.pL5 {
    padding-left: 5px !important
}

.pL10 {
    padding-left: 10px !important
}

.pL15 {
    padding-left: 15px !important
}

.pL20 {
    padding-left: 20px !important
}

.pL25 {
    padding-left: 25px !important
}

.pL30 {
    padding-left: 30px !important
}

.pL35 {
    padding-left: 35px !important
}

.pL40 {
    padding-left: 40px !important
}

.pL45 {
    padding-left: 45px !important
}

.pL50 {
    padding-left: 50px !important
}

.pL100 {
    padding-left: 100px !important
}


/* Padding Right */
.pR5 {
    padding-right: 5px !important
}

.pR10 {
    padding-right: 10px !important
}

.pR15 {
    padding-right: 15px !important
}

.pR20 {
    padding-right: 20px !important
}

.pR25 {
    padding-right: 25px !important
}

.pR30 {
    padding-right: 30px !important
}

.pR35 {
    padding-right: 35px !important
}

.pR40 {
    padding-right: 40px !important
}

.pR45 {
    padding-right: 45px !important
}

.pR50 {
    padding-right: 50px !important
}


/* Padding Bottom */
.pB5 {
    padding-bottom: 5px !important
}

.pB10 {
    padding-bottom: 10px !important
}

.pB15 {
    padding-bottom: 15px !important
}

.pB20 {
    padding-bottom: 20px !important
}

.pB25 {
    padding-bottom: 25px !important
}

.pB30 {
    padding-bottom: 30px !important
}

.pB35 {
    padding-bottom: 35px !important
}

.pB40 {
    padding-bottom: 40px !important
}

.pB45 {
    padding-bottom: 45px !important
}

.pB50 {
    padding-bottom: 50px !important
}


/* Padding Top 0, Right (n) */
.pLR {
    padding: 0 !important
}

.pLR5 {
    padding: 0 5px !important
}

.pLR10 {
    padding: 0 10px !important
}

.pLR15 {
    padding: 0 15px !important
}

.pLR20 {
    padding: 0 20px !important
}

.pLR25 {
    padding: 0 25px !important
}

.pLR30 {
    padding: 0 30px !important
}

.pLR35 {
    padding: 0 35px !important
}

.pLR40 {
    padding: 0 40px !important
}

.pLR45 {
    padding: 0 45px !important
}

.pLR50 {
    padding: 0 50px !important
}


/* Padding Top Bottom */
.pTB {
    padding: 0 !important
}

.pTB5 {
    padding: 5px 0 !important
}

.pTB10 {
    padding: 10px 0 !important
}

.pTB15 {
    padding: 15px 0 !important
}

.pTB20 {
    padding: 20px 0 !important
}

.pTB25 {
    padding: 25px 0 !important
}

.pTB30 {
    padding: 30px 0 !important
}

.pTB35 {
    padding: 35px 0 !important
}

.pTB40 {
    padding: 40px 0 !important
}

.pTB45 {
    padding: 45px 0 !important
}

.pTB50 {
    padding: 50px 0 !important
}


/* Margin */
.m0 {
    margin: 0 !important
}

.m5 {
    margin: 5px !important
}

.m10 {
    margin: 10px !important
}

.m15 {
    margin: 15px !important
}

.m20 {
    margin: 20px !important
}

.m25 {
    margin: 25px !important
}

.m30 {
    margin: 30px !important
}

.m35 {
    margin: 35px !important
}

.m40 {
    margin: 40px !important
}

.m45 {
    margin: 45px !important
}

.m50 {
    margin: 50px !important
}

.m100 {
    margin: 100px !important
}


/* Margin Top */
.mT5 {
    margin-top: 5px !important
}

.mT10 {
    margin-top: 10px !important
}

.mT15 {
    margin-top: 15px !important
}

.mT20 {
    margin-top: 20px !important
}

.mT25 {
    margin-top: 25px !important
}

.mT30 {
    margin-top: 30px !important
}

.mT35 {
    margin-top: 35px !important
}

.mT40 {
    margin-top: 40px !important
}

.mT45 {
    margin-top: 45px !important
}

.mT50 {
    margin-top: 50px !important
}

.mT60 {
    margin-top: 60px !important
}

.mT65 {
    margin-top: 65px !important
}


/* Margin Left */
.mL5 {
    margin-left: 5px !important
}

.mL10 {
    margin-left: 10px !important
}

.mL15 {
    margin-left: 15px !important
}

.mL20 {
    margin-left: 20px !important
}

.mL25 {
    margin-left: 25px !important
}

.mL30 {
    margin-left: 30px !important
}

.mL35 {
    margin-left: 35px !important
}

.mL40 {
    margin-left: 40px !important
}

.mL45 {
    margin-left: 45px !important
}

.mL50 {
    margin-left: 50px !important
}

.mL55 {
    margin-left: 55px !important
}

.mL60 {
    margin-left: 60px !important
}

.mL65 {
    margin-left: 65px !important
}

.mL70 {
    margin-left: 70px !important
}

.mL75 {
    margin-left: 75px !important
}

.mL80 {
    margin-left: 80px !important
}

.mL85 {
    margin-left: 85px !important
}

.mL90 {
    margin-left: 90px !important
}

.mL95 {
    margin-left: 95px !important
}

.mL100 {
    margin-left: 100px !important
}


/* Margin Right */
.mR0 {
    margin-right: 0px !important
}

.mR5 {
    margin-right: 5px !important
}

.mR10 {
    margin-right: 10px !important
}

.mR15 {
    margin-right: 15px !important
}

.mR20 {
    margin-right: 20px !important
}

.mR25 {
    margin-right: 25px !important
}

.mR30 {
    margin-right: 30px !important
}

.mR35 {
    margin-right: 35px !important
}

.mR40 {
    margin-right: 40px !important
}

.mR45 {
    margin-right: 45px !important
}

.mR50 {
    margin-right: 50px !important
}

.mR100 {
    margin-right: 100px !important
}


/* Margin Bottom */
.mB5 {
    margin-bottom: 5px !important
}

.mB10 {
    margin-bottom: 10px !important
}

.mB15 {
    margin-bottom: 15px !important
}

.mB20 {
    margin-bottom: 20px !important
}

.mB25 {
    margin-bottom: 25px !important
}

.mB30 {
    margin-bottom: 30px !important
}

.mB35 {
    margin-bottom: 35px !important
}

.mB40 {
    margin-bottom: 40px !important
}

.mB45 {
    margin-bottom: 45px !important
}

.mB50 {
    margin-bottom: 50px !important
}


/* Margin Top, Bottom (n) */
.mTB {
    margin: 0 !important
}

.mTB5 {
    margin: 5px 0 !important
}

.mTB10 {
    margin: 10px 0 !important
}

.mTB15 {
    margin: 15px 0 !important
}

.mTB20 {
    margin: 20px 0 !important
}

.mTB25 {
    margin: 25px 0 !important
}

.mTB30 {
    margin: 30px 0 !important
}

.mTB35 {
    margin: 35px 0 !important
}

.mTB40 {
    margin: 40px 0 !important
}

.mTB45 {
    margin: 45px 0 !important
}

.mTB50 {
    margin: 50px 0 !important
}


/* 필수입력 컬러 */
.bgRequire {
    background-color: #fffbf0;
}

.panel-header-exceldown-icon {
    background: url(/image/ico_excel.png) no-repeat;
    width: 20px;
    height: 20px;
    margin-top: 1px;
    display: inline-block;
    overflow: hidden;
    vertical-align: middle;
    border: 0;
}

.panel-header-exceldown-icon:hover {
    background: url(/image/ico_excel_hover.png) no-repeat;
}

.panel-header-exceldown-icon[disabled] {
    background: url(/image/ico_excel_disabled.png) no-repeat;
    cursor: not-allowed;
}