@charset "utf-8";

@font-face {
    font-family: 'icomoon';
    src:    url('/font/logo.eot?idv697');
    src:    url('/font/logo.eot?idv697#iefix') format('embedded-opentype'),
            url('/font/logo.ttf?idv697') format('truetype'),
            url('/font/logo.woff?idv697') format('woff'),
            url('/font/logo.svg?idv697#icomoon') format('svg');
    font-weight: normal;
    font-style: normal;
}

[class^="icon-"], [class*=" icon-"] {
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: 'icomoon' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;

    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.icon-logo_svg:before {
    content: "\e900";
}
.icon-logo_svg_hori:before {
    content: "\e901";
}
.icon-logo_svg_vert:before {
    content: "\e902";
}

@import "https://fonts.googleapis.com/css?family=Titillium+Web:400,600";
@import "https://fonts.googleapis.com/css?family=Oswald:300,400,700";
@import url(http://fonts.googleapis.com/earlyaccess/notosanskr.css);

/* 초기화 */
html {overflow-y:auto;height:100%;}
body {margin:0;padding:0;min-height:100%;height:100%;}
.hn100 {background-color:white !important;}

* {letter-spacing:-0.5px;}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block}

#hd ul, nav ul, #ft ul {margin:0;padding:0;list-style:none}
legend {position:absolute;margin:0;padding:0;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden}
label, input, button, select, img {vertical-align:middle; margin-bottom: 0px !important;}
input, button {margin:0 !important;padding:0;font-family:dotum;font-size:1em}
button {cursor:pointer}

textarea, select {font-family:dotum;font-size:1em}
select {margin:0}
p {margin:0;padding:0;word-break:break-all}
hr {display:none}
pre {overflow-x:scroll;font-size:1.1em}
a:link, a:visited {text-decoration:none}
a:hover, a:focus, a:active {text-decoration:underline}
a {color:#333;}

.cb {clear:both;}

.f8 {font-size:8px;}
.f10 {font-size:10px;}

.h100 {height:100%;}
.h80 {height:80%;}
.w120 {width:120px !important;}

.bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) {
    /* width: 220px; */
}
.fl {float:left;}
.cl {clear:both;}
.cp {cursor:pointer;}

.pl0 {padding-left:0px !important;}
.pr0 {padding-right:0px !important;}
.p0 {padding:0px !important;}

.mr15 {margin-right:-15px !important;}
.mb0 {margin-bottom:0px !important}
.m0 {margin:0px !important}


.fl {float:left;}
.fr {float:right !important;}
.cb {clear:both;}
.ma {margin: 0 auto;}
.vt {vertical-align:top;}
.vm {vertical-align:middle;}
.vb {vertical-align:bottom;}
.tc {text-align:center !important;}
.tr {text-align:right !important;}
.tl {text-align:left !important;}
.of_auto{overflow:auto;}
.of_scroll{overflow:scroll !important;}
.clear {clear:both; height:0; line-height:0; font-size:0; }
.hid {position:absolute; visibility:hidden; font-size:0; height:0px;}
.bn {background:none !important; border:0 none !important;}
.fb {font-weight:bold;}
.fbr {font-weight:bolder;}
.fn {font-weight:normal;}
.pr {position:relative;}
.pa {position:absolute;}
.di {display:inline;}
.db {display:block;}
.dn {position:absolute; overflow:hidden; top:-1000000px;}
.brnon{border:none;}
.icon-area {text-indent:-9px;padding-left:20px;}
.tfoot {vertical-align: middle; border-color: inherit}

.alignL {text-align:left !important;}
.alignC {text-align:center !important;}
.alignR {text-align:right !important;}
.verT {vertical-align:top !important;}
.verM {vertical-align:middle !important;}
.verB {vertical-align:bottom !important;}

.fh_30{float:left; display:inline-block; height:30px; margin-right:3px;}
.fh_50{float:left; display:inline-block; height:50px; margin-right:3px;}
.fh_70{float:left; display:inline-block; height:70px; margin-right:3px;}

.accessibility{visibility:hidden; position:absolute; overflow:hidden; height:0; width:0; font-size:0; margin:0; padding:0;}


/* font */
.f10{font-size:10px !important;}
.f11{font-size:11px !important;}
.f12{font-size:12px !important;}
.f13{font-size:13px !important;}
.f14{font-size:14px !important;}
.f15{font-size:15px !important;}
.f16{font-size:16px !important;}
.f17{font-size:17px !important;}
.f18{font-size:18px !important;}
.f19{font-size:19px !important;}
.f20{font-size:20px !important;}
.f21{font-size:21px !important;}
.f22{font-size:22px !important;}
.f24{font-size:24px !important;}
.f25{font-size:25px !important;}
.f26{font-size:26px !important;}
.f28{font-size:28px !important;}
.f30{font-size:30px !important;}
.f32{font-size:32px !important;}
.f36{font-size:36px !important;}
.f42{font-size:42px !important;}
.f48{font-size:48px !important;}
.f54{font-size:54px !important;}

.ls_01 {letter-spacing:-1px;}
.ls_02 {letter-spacing:-2px;}
.ls_001 {letter-spacing:1px;}
.ws_01 {word-spacing:-1px;}
.ws_001 {word-spacing:1px;}

.wwp {word-wrap:break-word;}

/*margin,padding*/
.mt0 {margin-top:0px !important;}
.mt2 {margin-top:2px !important;}
.mt3 {margin-top:3px !important;}
.mt4 {margin-top:4px !important;}
.mt5 {margin-top:5px !important;}
.mt7 {margin-top:7px !important;}
.mt8 {margin-top:8px !important;}
.mt10 {margin-top:10px !important;}
.mt12 {margin-top:12px !important;}
.mt13 {margin-top:13.5px !important;}
.mt14 {margin-top:14px !important;}
.mt15 {margin-top:15px !important;}
.mt16 {margin-top:16px !important;}
.mt17 {margin-top:17px !important;}
.mt19 {margin-top:19px !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;}
.mt53 {margin-top:53px !important;}
.mt55 {margin-top:55px !important;}
.mt60 {margin-top:60px !important;}
.mt70 {margin-top:70px !important;}
.mt80 {margin-top:80px !important;}
.mt90 {margin-top:90px !important;}
.mt120 {margin-top:120px !important;}

.mr0 {margin-right:0px !important;}
.mr2 {margin-right:2px !important;}
.mr4 {margin-right:4px !important;}
.mr5 {margin-right:5px !important;}
.mr6 {margin-right:6px !important;}
.mr10 {margin-right:10px !important;}
.mr12 {margin-right:12px !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;}
.mr55 {margin-right:55px !important;}
.mr60 {margin-right:60px !important;}

.mb0 {margin-bottom:0px !important;}
.mb3 {margin-bottom:3px !important;}
.mb4 {margin-bottom:4px !important;}
.mb5 {margin-bottom:5px !important;}
.mb10 {margin-bottom:10px !important;}
.mb15 {margin-bottom:15px !important;}
.mb17 {margin-bottom:17px !important;}
.mb18 {margin-bottom:18px !important;}
.mb20 {margin-bottom:20px !important;}
.mb21 {margin-bottom:21px !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;}
.mb70 {margin-bottom:70px !important;}
.mb80 {margin-bottom:80px !important;}

.ml0 {margin-left:0px !important;}
.ml2 {margin-left:2px !important;}
.ml5 {margin-left:5px !important;}
.ml6 {margin-left:6px !important;}
.ml7 {margin-left:7px !important;}
.ml10 {margin-left:10px !important;}
.ml15 {margin-left:15px !important;}
.ml17 {margin-left:17px !important;}
.ml18 {margin-left:18px !important;}
.ml19 {margin-left:19px !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;}
.ml42 {margin-left:42px !important;}
.ml45 {margin-left:45px !important;}
.ml50 {margin-left:50px !important;}
.ml52 {margin-left:52px !important;}
.ml55 {margin-left:55px !important;}
.ml60 {margin-left:60px !important;}
.ml63 {margin-left:63px !important;}
.ml65 {margin-left:65px !important;}
.ml80 {margin-left:80px !important;}
.ml120 {margin-left:120px !important;}

.pl0 {padding-left:0px !important;}
.pl3 {padding-left:3px !important;}
.pl5 {padding-left:5px !important;}
.pl7 {padding-left:7px !important;}
.pl10 {padding-left:10px !important;}
.pl15 {padding-left:15px !important;}
.pl20 {padding-left:20px !important;}
.pl23 {padding-left:23px !important;}
.pl25 {padding-left:25px !important;}
.pl28 {padding-left:28px !important;}
.pl30 {padding-left:30px !important;}
.pl35 {padding-left:35px !important;}
.pl45 {padding-left:45px !important;}
.pl55 {padding-left:55px !important;}
.pl100 {padding-left:100px !important;}
.pl120 {padding-left:120px !important;}
.pl150 {padding-left:150px !important;}
.pl200 {padding-left:200px !important;}

.pr0 {padding-right:0px !important;}
.pr3 {padding-right:3px !important;}
.pr5 {padding-right:5px !important;}
.pr8 {padding-right:8px !important;}
.pr10 {padding-right:10px !important;}
.pr15 {padding-right:15px !important;}
.pr17 {padding-right:17px !important;}
.pr20 {padding-right:20px !important;}
.pr25 {padding-right:25px !important;}
.pr27 {padding-right:27px !important;}
.pr30 {padding-right:30px !important;}
.pr35 {padding-right:35px !important;}
.pr40 {padding-right:40px !important;}
.pr50 {padding-right:50px !important;}
.pr56 {padding-right:56px !important;}
.pr60 {padding-right:60px !important;}
.pr65 {padding-right:65px !important;}

.pt0 {padding-top:0px !important;}
.pt3 {padding-top:3px !important;}
.pt4 {padding-top:4px !important;}
.pt5 {padding-top:5px !important;}
.pt6 {padding-top:6px !important;}
.pt7 {padding-top:7px !important;}
.pt8 {padding-top:8px !important;}
.pt10 {padding-top:10px !important;}
.pt12 {padding-top:12px !important;}
.pt15 {padding-top:15px !important;}
.pt16 {padding-top:16px !important;}
.pt18 {padding-top:18px !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;}
.pt50 {padding-top:50px !important;}

.pb0 {padding-bottom:0px !important;}
.pb3 {padding-bottom:3px !important;}
.pb5 {padding-bottom:5px !important;}
.pb6 {padding-bottom:6px !important;}
.pb7 {padding-bottom:7px !important;}
.pb8 {padding-bottom:8px !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;}
.pb70 {padding-bottom:70px !important;}

.p0 {padding:0 !important}
.p2 {padding:2px !important;}
.p3 {padding:3px !important;}
.p5 {padding:5px !important;}
.p7 {padding:7px;}
.p8 {padding:8px;}
.p10 {padding:10px !important;}
.p15 {padding:15px !important;}
.p20 {padding:20px;}
.p30 {padding:20px;}
.m0 {margin:0}
.m10 {margin:10px}
.m20 {margin:20px}


.w5p {width:5%;}
.w10p {width:10%;}
.w13p {width:13%;}
.w14p {width:14%;}
.w15p {width:15%;}
.w16p {width:16%;}
.w17p {width:17%;}
.w18p {width:18%;}
.w20p {width:20%;}
.w24p {width:24%;}
.w25p {width:25%;}
.w28p {width:28%;}
.w30p {width:30%;}
.w33p {width:33%;}
.w40p {width:40%;}
.w44p {width:44%;}
.w45p {width:45%;}
.w50p {width:50%;}
.w55p {width:55%;}
.w56p {width:56%;}
.w60p {width:60%;}
.w70p {width:70%;}
.w80p {width:80%;}
.w82p {width:82%;}
.w83p {width:83%;}
.w84p {width:84%;}
.w85p {width:85%;}
.w87p {width:87%;}
.w86p {width:86%;}
.w90p {width:90%;}
.w92p {width:92%;}
.w93p {width:93%;}
.w95p {width:95%;}
.w100p {width:100%;}

.w150px {width:150px !important}
.w100px {width:100px !important}
.w80px {width:80px !important}

.lh100 {line-height:100%;}
.lh130 {line-height:130%;}
.lh140 {line-height:140%;}
.lh150 {line-height:150%;}
.lh160 {line-height:160%;}
.lh170 {line-height:170%;}
.lh180 {line-height:180%;}
.lh190 {line-height:190%;}
.lh200 {line-height:200% !important;}

.fta {font-family:"tahoma"}
.fd {font-family:"Dotum"}
.fng {font-family:"Nanum Gothic";}
.fngb {font-family:"Nanum Gothic Bold";}
.fngex {font-family:"Nanum Gothic Bold"; letter-spacing:-1px;}

.icon01 {background:url(/new_images/ico/ico_arrow03.gif) no-repeat 0 5px;padding-left:10px;}
.icon02 {background:url(/new_images/ico/ico_gray_dot.gif) no-repeat 0 6px;padding-left:10px;}

.cblue1 {color:#3d5995;}
.cblue2 {color:#0052af;}
.cwhite {color:#fff !important;}
.clight {color:#999 !important;}
.clight:hover {color:#555 !important;}
.cblack {color:#000 !important;}
.cgrey {color:#aaa;}
.color_red {color:red;}
.color_blue {color:blue;}
.bold {font-weight:bolder;}
.bolder {font-weight:900;}
.blind{display:none;}
.cred {color:red;}
.cblue {color:blue;}
.clightgrey {color:#aaa;}
.cbdarkblue {background-color:#202e47 !important;}
.cbdarkblue:hover {background-color:#141c2c !important;}

.cbcyan {background-color:#93a2ae;}
.cblightgrey1 {background-color:#f8f8f8;}
.cblightgrey {background-color:#f0f0f0;}


.bt {border-top:solid 1px #ccc !important;}
.bb {border-bottom:solid 1px #ccc !important;}
.bbline > td {border-bottom:solid 1px #555 !important;}
.bb1 {border-bottom:solid 1px #eee !important;}
.bl {border-left:solid 1px #ccc !important;}
.br {border-right:solid 1px #ccc !important;}
.ba {border:1px solid #ccc !important;}
.bn {border:none;}


.ma {margin:0 auto;}

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

.pr10 {padding-right:10px;}
.pd10 {padding:10px;}

.fleft {float:left;}
.fright {float:right;}

.fh20{height:20px !important;}
.fh25{height:25px !important;}
.fh30{height:30px !important;}
.fh35{height:35px !important;}
.fh40{height:40px !important;}
.fh50{height:50px !important;}
.fh60{height:60px !important;}
.fh70{height:70px !important;}
.fh80{height:80px !important;}
.fh680{height:680px !important;}


.btn-small {padding:4px 7px 3px 7px !important;font-size:12px;}
.btn-small > span {font-size:12px;}

.bold {font-weight:bold !important;}
.di {display:inline-block;}

.panel-success-dark {
  background-color:rgb(51, 184, 108);
  color:#dff0d8;
  padding:10px;
}

.panel-success-dark .panel-heading {
    padding: 5px !important;
}

.panel-success-dark * {
  color:#fff;
}

.panel-info-dark {
  background-color:#29b6f6;
  color:#fff;
  padding:10px;
}

.panel-info-dark .panel-heading {
    padding: 5px !important;
}

.panel-info-dark * {
  color:#fff;
}

.panel-primay-dark {
  background-color:rgb(110, 140, 215);
  color:#fff;
  padding:10px;
}

.panel-primay-dark .panel-heading {
    padding: 5px !important;
}

.panel-primay-dark * {
  color:#fff;
}

.panel-warning-dark {
  background-color:#e7b854;
  color:#fff;
  padding:10px;
}

.panel-warning-dark * {
  color:#fff;
}

.panel-warning-dark .panel-heading {
    padding: 5px !important;
}

.panel-danger-dark {
  background-color:#e76c54;
  color:#fff;
  padding:10px;
}

.panel-danger-dark * {
  color:#fff;
}

.panel-danger-dark .panel-heading {
    padding: 5px !important;
}

.table>thead>tr>th, .table>tbody>tr>th {
    font-weight:bolder;
    text-align:center;
    vertical-align:middle;
}

.panel {
  border-radius: 0px !important;
  border:0px solid !important;
}

.panel-heading {
  border-top-left-radius: 0px !important;
  border-top-right-radius: 0px !important;
}

.label-lightgrey{background-color:#aaa}
.label-lightgrey[href]:focus,.label-lightgrey[href]:hover {background-color:#999}
.label-white{background-color:#fff;color:#888;border:solid 1px #aaa;}
.label-white[href]:focus,.label-white[href]:hover {background-color:#fff;color:#555;}

.form-control-small {
  padding:4px 12px 4px 12px !important;
  height:auto !important;
  font-size:12px !important;
}

input.form-control-tiny {
  padding:2px 6px 2px 6px !important;
  height:auto !important;
  font-size:11px !important;
}

select.form-control-tiny {
  padding:3px 6px 3px 6px !important;
  height:auto !important;
  font-size:11px !important;
}

#.form-group {
  margin-bottom:0px !important;
}

.modal-body {
  padding:30px 30px 15px 30px !important;
}


.alert-area {
  position:fixed;
  right:20px;
  top:20px;
  max-width:380px;
  min-width:380px;
  z-index:10000000000000000;
  opacity: 0.9 !important;
  -moz-opacity: 0.9 !important;
  -khtml-opacity: 0.9 !important;
  -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=90)" !important;
  filter: alpha(opacity=90) !important;
}

.alert {
  -webkit-box-shadow: 2px 3px 5px 1px rgba(0,0,0,0.3);
  -moz-box-shadow: 2px 3px 5px 1px rgba(0,0,0,0.3);
  box-shadow: 2px 3px 5px 1px rgba(0,0,0,0.3);
}

.panel-body {
  padding: 10px;
}

.help-block {
  display: block;
  margin-top: 0px !important;
  margin-bottom: 0px !important;
  color: #737373;
}

.ofh {overflow:hidden;}
.br5 {border:solid 5px red;}

.lstn {list-style-type:none;padding-left:0px;}


.tree-view-wrapper ul { list-style:none;padding-left:0px;}
.show-hide, .edit{cursor:pointer;}
.tree-checkbox{margin: 6px !important;}
.edit{margin-right: 6px !important;}
.edit i {color: #D77105;}
.hide{display:none;}
.show{display:block;}

.tree-view-wrapper {
  display: none;
  position: absolute;
  height: 300px;
  width: 400px;
  overflow-y: auto;
  border: solid 2px #000;
  background-color: #fff;
  z-index:9999999;
}

.tree-view-btn {
  padding:5px;
  background-color:#f0f0f0;
}


.tiny-table > thead > tr > th {
  padding:2px 10px 2px 10px !important;
}

.tiny-table > tbody > tr > td {
  padding:2px 10px 2px 10px !important;
}

.tiny-table > tbody > tr > th {
  padding: 3px 5px 3px 5px !important;
}

.tiny-table .btn {
  padding: 3px 10px !important;
  font-size:11px !important;
}

.tiny-table .note-editor.note-frame .note-editing-area .note-editable {
  height: 200px !important;
}

.input-bottom {
  border-top:solid 0px !important;
  border-left:solid 0px !important;
  border-right:solid 0px !important;
  border-bottom:solid 1px #ddd;
}

tree-view-select > div > ul li,
tree-view > div > ul li {
  padding-left:20px;
}


.treeviewRowHeight {
  height:26px !important;
}

.treeviewHover {
  cursor:pointer;
  padding-left:20px;
}

.treeviewHover:hover {
  background-color:#f2f2f2;
}

.treeviewLast {
  background:url(/images/line_last.gif) no-repeat 0px 0px;
}

.treeviewMiddle {
  background:url(/images/line_middle.gif) no-repeat 0px 0px;
}

.treeviewLink {
  background:url(/images/line_link.gif) repeat-y 0px 0px;
}

.tree-view {
  display: display;
  height: 100%;
  width: 100%;
  overflow-y: auto;
  border: solid 2px #000;
  background-color: #fff;
}

.tree-view ul { list-style:none;padding-left:0px;}

.tab-box {
  border-left:solid 1px #ddd;
  border-right:solid 1px #ddd;
  border-bottom:solid 1px #ddd;
  height:458px;
  overflow:auto;
}


.error-message {
  color:red;
  padding:10px;
  margin:10px 0px 0px 0px;
  background-color:#ffe3e3;
  border:solid 1px #ed9797;
}

input.ng-invalid.ng-touched {
  border:solid 1px red;
}

.table-color-black,
.table-color-black > thead,
.table-color-black > tbody,
.table-color-black > tfoot,
.table-color-black > thead > tr > th,
.table-color-black > tbody > tr > td,
.table-color-black > tfoot > tr > td
{
  border:solid 1px #555;
}

.tab-pane {
  border-right:solid 1px #ddd;
  border-left:solid 1px #ddd;
  border-bottom:solid 1px #ddd;
}

.border-box {
  border:solid 1px #ddd !important;
}

.bwhite {
  background-color:#fff;
}


.table-nopadding>tbody>tr>td,
.table-nopadding>thead>tr>th {
  padding:3px 1px 3px 1px !important;
}

.table-center>tbody>tr>td {
  text-align:center;
}

.modal-biglg {
  width:1280px;
}

.f12>tbody>tr>td {
  font-size:12px !important;
}

.diagonalLine {
  background-image: linear-gradient(
    to top left,
    white 48%,
    red,
    white 52%
  );
}

.diagonalLineBlack {
  background-image: linear-gradient(
    to top left,
    white 48%,
    black,
    white 52%
  );
}

.border-color-grey > thead > tr > th,
.border-color-grey > tbody > tr > td,
.border-color-grey {
  border:solid 1px #aaa;
}