@charset "utf-8";

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

@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 100;
  src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff2) format('woff2'),
      url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff) format('woff'),
      url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.otf) format('opentype');
}
@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 300;
  src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff2) format('woff2'),
      url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff) format('woff'),
      url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.otf) format('opentype');
}
@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 400;
  src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff2) format('woff2'),
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff) format('woff'),
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.otf) format('opentype');
 }
@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 500;
  src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff2) format('woff2'),
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff) format('woff'),
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.otf) format('opentype');
 }
@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 700;
  src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff2) format('woff2'),
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff) format('woff'),
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.otf) format('opentype');
 }
@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 900;
  src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.woff2) format('woff2'),
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.woff) format('woff'),
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.otf) format('opentype');
 }




@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;
}

@font-face {
 font-family: 'NanumSquare';
 src: url(/font/NanumSquareR.eot);
 src: url(/font/NanumSquareR.eot?#iefix) format('embedded-opentype'),
      url(/font/NanumSquareR.woff) format('woff'),
      url(/font/NanumSquareR.ttf) format('truetype');
}

[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";
}

/* 초기화 */
html {overflow-y:scroll;height:100%;}
body {margin:0;padding:0;height:100%;}

body.modal-open {
	overflow: unset;
}

body.modal-open[style] {
  padding-right: 0px !important;
}

* {letter-spacing:-0.5px; font-family: 'Noto Sans KR', gulim;}

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}
input, button {margin:0;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;}

.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}
.lstn {list-style-type:none;}

.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;}
.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;}
.f24{font-size:24px !important;}
.f25{font-size:25px !important;}
.f30{font-size:30px !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;}
.mt70 {margin-top:70px !important;}
.mt80 {margin-top:80px !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;}

.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;}
.mb100 {margin-bottom:100px !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;}
.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;}
.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;}
.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;}
.p20 {padding:20px;}
.p30 {padding:20px;}
.m0 {margin:0}
.m10 {margin:10px}
.m20 {margin:20px}


.w10p {width:10%;}
.w17p {width:17%;}
.w18p {width:18%;}
.w20p {width:20%;}
.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%;}
.w66p {width:66%;}
.w70p {width:70%;}
.w80p {width:80%;}
.w82p {width:82%;}
.w83p {width:83%;}
.w85p {width:85%;}
.w90p {width:90%;}
.w92p {width:92%;}
.w93p {width:93%;}
.w95p {width:95%;}
.w100p {width:100%;}

.w50px {width:50px !important}
.w150px {width:150px !important}

.lh90 {line-height:90%;}
.lh100 {line-height:100%;}
.lh110 {line-height:110%;}
.lh120 {line-height:120%;}
.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;}
.blind{display:none;}
.cred {color:red !important;}
.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;}
.br {border-right:solid 1px #ccc !important;}
.ba {border:1px solid #ccc !important;}
.bn {border:none;}
.bd1 {border:solid 1px #eee;}

.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 6px 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 {
    font-weight:bolder;
    text-align:center;
}

.panel {
  border-radius: 0px !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;
}

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

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


.alert-area {
  position:fixed;
  right:30px;
  bottom:30px;
  max-width:80%;
  min-width:290px;
  z-index:10000000000000000;
  opacity: 0.7 !important;
  -moz-opacity: 0.7 !important;
  -khtml-opacity: 0.7 !important;
  -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)" !important;
  filter: alpha(opacity=70) !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);
}

.alert1 {
  color: #fff;
  background-color: #000;
  border-color: #000;	
  padding: 20px;
}

.alert-msg {
  padding-left: 20px;
  background:url(/images/icon/icon_bell.png) no-repeat 0% 50%; 
  
}

.alert-close-btn {
	background:url(/images/icon/icon_close_alert.png) no-repeat 50% 50%;
	border: none;
}

.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;}

.readonly {
  background-color:#f0f0f0;
  border:solid 1px #aaa;
}

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

.tree-view-wrapper ul { list-style:none;padding-left:15px;}
.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: 200px;
  width: 400px;
  overflow-y: auto;
  border: solid 2px #000;
  background-color: #fff;
  z-index:9999999;
}

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

@media screen and (max-width:1024px) {
  .tree-view-wrapper {
    width: 300px;
  }
}

@media screen and (max-width:767px) {
  .tree-view-wrapper {
    margin-left:90px;
    width: 240px;
  }
  
	.modal-body {
	  padding: 15px !important;
	}  
}

@media screen and (max-width:500px) {
  .tree-view-wrapper {
    margin-left:90px;
    width: 200px;
  }
  
	.alert-area {
	  right:10px;
	  bottom:10px;
	  max-width:70%;
	  min-width:70%;  
	}
	
	.alert1 {
	  padding: 10px;
	}
}