@charset "UTF-8";


/***************************************************************************************************************
														common 
***************************************************************************************************************/
html, body {margin: 0; padding: 0; width: 100%; height: auto;
			font-family: "Dotum", sans-serif; font-size: 13px; line-height: 1.4em; letter-spacing: 0px; color: #333;}

body,div,dl,dt,dd,ul,li,ol,h1,h2,h3,h4,h5,h6,pre,form,fieldset,pre,blockquote,em,p,th,td,input {margin: 0; padding: 0;}

body.scroll-auto {
    overflow-y: auto !important;
}
body.scroll-hidden {
    overflow-y: hidden !important;
}

* {
	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

ul,ol,li {list-style: none outside;}

address, caption, cite, code, dfn, em, strong, var, i {
    font-style: normal;
    font-weight: normal;
}

img,fieldset,button {border: none;}

address,caption,cite,code,dfn,var,i {font-style: normal; font-weight: normal;}

table {border-collapse: collapse; border-spacing: 0; table-layout: fixed;}

a {color: #2d71c4; text-decoration: none;}

button, html input[type="button"], input[type="reset"], input[type="submit"] {
    -webkit-appearance: button;
    cursor: pointer;
}

select {
	padding: 2px 5px;
	width: 100%;
	height: 27px;
	vertical-align: middle;
	font-family: "Dotum", sans-serif;
	font-size: 12px;
	background-image: url(../../images/boffice/select_arrow01.gif);
	background-position: center right;
	background-repeat: no-repeat;
	border: 1px solid #ccc;
	-webkit-border-radius: 0;
	   -moz-border-radius: 0;
			border-radius: 0;
	-webkit-box-shadow: none;
	   -moz-box-shadow: none;
			box-shadow: none;
	-webkit-appearance: none;
	   -moz-appearance: none;
		 -o-appearance: none;
			appearance: none;
}

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

/* ajax loading bar 화면 전체를 어둡게 합니다.*/
#ajax_indicator {
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 1000;
	background: rgba(0,0,0,0.255); /* not in ie */
	filter: progid:DXImageTransform.Microsoft.Gradient(startColorstr='#20000000', endColorstr='#20000000'); /* ie */
}

div.empty {
   display: inline-block;
   width: 100%;
   padding: 60px 0;
   text-align: center;
   font-size: 13px;
   border-bottom: 1px solid #ccc;
}

/* Define Custom Style ====================================================*/
.inline {display: inline}
.inline_block {display: inline-block}
.block {display: block}
.fl_none {float: none !important;}
.fl_lft {float: left !important;}
.fl_rgt {float: right !important;}
.vertical-middle {vertical-align: middle;}
.txt_left {text-align: left !important;}
.txt_center {text-align: center !important;}
.txt_right {text-align: right !important;}
.pos_rel {position: relative}
.pos_abs {position: absolute}
.visi {overflow: visible;}
.blind {overflow: hidden; text-indent: -20000px; white-space: nowrap}
.hidden {display: none; overflow: hidden; width: 0; height: 0; font-size: 0; line-height: 0; color: transparent; white-space: nowrap}

.overflowX {width: 100%; overflow-x: auto;}
@media (min-width: 1351px) {
	.overflowX > table {width: 1920px !important;}
}
@media (max-width: 1350px) {
	.overflowX > table {width: 1350px !important;}
}

.clear {*zoom: 1}
.clear:after {content:""; display: block; clear: both}
.clear_lft {clear: left}
.clear_rgt {clear: right}
.clear_both {clear: both}

.letterNone {letter-spacing: 0px !important;}

.borderNone {border: none !important;}
.borderNoneT {border-top: none !important;}
.borderNoneB {border-bottom: none !important;}
.borderNoneR {border-right: none !important;}
.borderNoneL {border-left: none !important;}
.borderL {border-left: 1px solid #ddd !important;}

input {vertical-align: middle;}
input[type="text"],
input[type="password"] {border: 1px solid #ccc; font-family: "Dotum", sans-serif; font-size: 12px; padding: 2px 5px;}
textarea {
	display: block; 
	width: 100%;
	min-height: 150px; 
	border: 1px solid #ccc; 
	font-family: "Dotum", sans-serif; 
	font-size: 12px;
	line-height: 20px;
	padding: 5px;
}

/* Display */

.display-block {
    display: block;
}
.display-inline {
    display: inline-block;
}

/* Float */
.float-left {
	float: left !important;
}
.float-right {
	float: right !important;
}

/* Margins & Paddings */
.no-m {
    margin: 0!important;
}

.no-t-m {
    margin-top: 0!important;
}

.no-b-m {
    margin-bottom: 0!important;
}

.no-p {
    padding: 0!important;
}
.no-t-p {
    padding-top: 0!important;
}
.no-b-p {
    padding-bottom: 0!important;
}
.no-l-p {
    padding-left: 0!important;
}
.no-r-p {
    padding-right: 0!important;
}

.m {
    margin: 15px;
}

.m-t-m6 {
    margin-top: -6px !important;
}

.m-t-m10 {
    margin-top: -10px;
}

.m-t-xxxxs {
    margin-top: 2px;
}

.m-t-xxxs {
    margin-top: 3px;
}

.m-t-xxs {
    margin-top: 5px;
}

.m-r-xxs {
    margin-right: 5px;
}

.m-b-xxs {
    margin-bottom: 5px;
}

.m-l-xxs {
    margin-left: 5px;
}

.m-t-xs {
    margin-top: 10px !important;
}

.m-r-xs {
    margin-right: 10px;
}

.m-b-xs {
    margin-bottom: 10px;
}

.m-l-xs {
    margin-left: 10px;
}

.m-t-sm {
    margin-top: 15px;
}

.m-r-sm {
    margin-right: 15px;
}

.m-b-sm {
    margin-bottom: 15px !important;
}

.m-l-sm {
    margin-left: 15px;
}

.m-t-md {
    margin-top: 20px;
}

.m-r-md {
    margin-right: 20px;
}

.m-b-md {
    margin-bottom: 20px !important;
}

.m-l-md {
    margin-left: 20px;
}

.m-t-lg {
    margin-top: 25px;
}

.m-t-xl {
    margin-top: 30px;
}


.m-r-lg {
    margin-right: 25px;
}

.m-b-lg {
    margin-bottom: 25px;
}

.m-l-lg {
    margin-left: 25px;
}

.m-r-llg {
    margin-right: 30px;
}

.m-t-xxl {
    margin-top: 40px !important;
}

.m-t-xxxl {
    margin-top: 50px !important;
}

.m-r-xxl {
    margin-right: 30px;
}

.m-r-xxxl {
    margin-right: 40px !important;
}

.m-b-xxl {
    margin-bottom: 30px;
}

.m-l-xxl {
    margin-left: 30px;
}

.m-t-n-xxs {
    margin-top: -5px;
}

.m-r-n-xxs {
    margin-right: -5px;
}

.m-b-n-xxs {
    margin-bottom: -5px;
}

.m-l-n-xxs {
    margin-left: -5px;
}

.m-t-n-xs {
    margin-top: -10px;
}

.m-r-n-xs {
    margin-right: -10px;
}

.m-b-n-xs {
    margin-bottom: -10px;
}

.m-l-n-xs {
    margin-left: -10px;
}

.m-t-n-sm {
    margin-top: -15px;
}

.m-r-n-sm {
    margin-right: -15px;
}

.m-b-n-sm {
    margin-bottom: -15px;
}

.m-l-n-sm {
    margin-left: -15px;
}

.m-t-n-md {
    margin-top: -20px;
}

.m-r-n-md {
    margin-right: -20px;
}

.m-b-n-md {
    margin-bottom: -20px;
}

.m-l-n-md {
    margin-left: -20px;
}

.m-t-n-lg {
    margin-top: -25px;
}

.m-r-n-lg {
    margin-right: -25px;
}

.m-b-n-lg {
    margin-bottom: -25px;
}

.m-l-n-lg {
    margin-left: -25px;
}

.m-t-n-xxl {
    margin-top: -30px;
}

.m-r-n-xxl {
    margin-right: -30px;
}

.m-b-n-xxl {
    margin-bottom: -30px;
}

.m-l-n-xxl {
    margin-left: -30px;
}

.no-b-p {
	padding-bottom: 0px !important;
}

.p {
    padding: 15px;
}

.p-h-xxs {
    padding-left: 5px !important;
    padding-right: 5px !important;
}

.p-h-xs {
    padding-left: 10px;
    padding-right: 10px;
}

.p-h-sm {
    padding-left: 15px;
    padding-right: 15px;
}

.no-p-l {
    padding-left: 0 !important;
}

.no-p-h {
    padding-left: 0;
    padding-right: 0;
}

.no-p-v {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

.p-t-lg {
    padding-top: 25px !important;
    padding-bottom: 25px !important;
}

.p-h-md {
    padding-left: 20px;
    padding-right: 20px;
}

.p-h-lg {
    padding-left: 25px;
    padding-right: 25px;
}

.p-h-xxl {
    padding-left: 30px;
    padding-right: 30px;
}

.p-v-xxs {
    padding-top: 5px;
    padding-bottom: 5px;
}

.p-v-xs {
    padding-top: 10px !important;
    padding-bottom: 10px !important;
}

.p-v-sm {
    padding-top: 15px;
    padding-bottom: 15px;
}

.p-vb-xs {
    padding-bottom: 10px;
}

.p-vb-sm {
    padding-bottom: 15px;
}

.p-v-md {
    padding-top: 20px;
    padding-bottom: 20px;
}

.p-v-lg {
    padding-top: 25px;
    padding-bottom: 25px;
}

.p-v-xxl {
    padding-top: 30px !important;
    padding-bottom: 30px !important;
}


/* Font Size */
.font-11 {
	font-size: 11px !important;
}
.font-12 {
	font-size: 12px !important;
}
.font-13 {
	font-size: 13px !important;
}
.font-14 {
	font-size: 14px !important;
}
.font-15 {
	font-size: 15px !important;
}
.font-16 {
	font-size: 16px !important;
}
.font-18 {
	font-size: 18px !important;
}
.font-20 {
	font-size: 20px !important;
}


/* Width & Height */
.full-width {
	width: 100% !important;
}
.full-height {
	height: 100% !important;
}
.w-23 {
	width: 23% !important;
}
.w-40 {
	width: 40% !important;
}
.w-50 {
	width: 50% !important;
}
.w-59 {
	width: 59% !important;
}

@media (max-width: 1350px) {
	.w-23 {
		width: 45.5% !important;
	}
	.w-50 {
		width: 100% !important;
	}
}

.file_input_textbox {
    float: left;
    width: 85% !important;
    margin-right: 5px;
	background: #f1f1f1;
}
.file_input_div {
    position: relative;
    float: left;
    width: auto;
    height: 27px;
    overflow: hidden;
}
.file_input_div button {
    font-family: "Dotum", sans-serif;
	font-size: 11px;
	height: 27px;
	border: 1px solid #ccc;
	padding: 7px 7px 5px;
	line-height: 1.2em;
	letter-spacing: -1px;
	background: #f1f1f1;
}
.file_input_div button:hover {
	background: #777;
}
.file_input_hidden {
    width: auto;
    height: 27px;
    position: absolute;
    right: 0px;
    top: 0px;
    opacity: 0;
    filter: alpha(opacity=0);
    -ms-filter: alpha(opacity=0);
    cursor: pointer;
}
.file_view .file_input_textbox {
	width: 40% !important;
}
.file_view img {
	float: left;
	margin: 3px 0 0 10px
}
.file_view a {
	line-height: 2.1em;
	vertical-align: top;
}


/***************************************************************************************************************
														button
***************************************************************************************************************/
.buttons {
    float: left;
	width: 100%;
    margin: 30px 0 0px;
}
.buttons a {
	display: inline-block;
	min-width: 180px;
    font-size: 15px !important;
    font-weight: 600;
    line-height: 1.4;
	text-align: center;
    padding: 15px;
    border: 1px solid transparent;
}
.btn-group-justified {
    display: table;
    table-layout: fixed;
    border-collapse: separate;
}
.btn-group,
.btn-group-vertical {
    position: relative;
    display: inline-block;
    vertical-align: middle;
}

.btn {
	padding: 7px 7px 5px 9px;
	font-family: "Dotum", sans-serif;
	font-size: 11px;
	color: #fff;
	background: #797979;
	border: 1px solid #797979;
}
.btn-default {
    color: #333;
    background-color: #f1f1f1;
    border: 1px solid #ccc;
}
.btn-default.light {
    color: #333;
    background-color: #f9f9f9;
    border: 1px solid #ccc;
}
.btn-default.lightS {
    color: #333;
    background-color: #fff;
    border: 1px solid #ccc;
}
.btn-default.focus,
.btn-default:hover {
    color: #fff;
    background-color: #777;
    border-color: transparent;
}
.btn-default.num {
	height: 20px;
    color: #333;
    background-color: #f9f9f9;
    border: 1px solid #ccc;
    padding: 0px 7px 2px;
    font-size: 12px;
}

.btn-login {
	width: 100%;
    color: #fff;
    background-color: #0046ff;
    border: 1px solid #0046ff;
	padding: 15px 0 !important;
}
.btn-login:hover,
.btn-login.focus {
    color: #fff;
    background-color: #2b6197;
    border-color: #2b6197;
}

.btn-plus {
	float: left;
	width: auto !important;
	min-width: 80px;
	padding: 5px 9px !important;
	font-family: "Dotum", sans-serif !important;
	font-size: 11px !important;
	color: #fff;
	background: #0046ff;
	border: 1px solid #0046ff;
	border-left: none;
	margin-bottom: 5px;
}

.btn-add {
	min-width: 120px;
    color: #fff;
    background-color: #0046ff;
}
.btn-add:hover,
.btn-add.focus {
    color: #fff;
    background-color: #26609a;
}

.btn-cancle {
	min-width: 120px;
    color: #fff;
    background-color: #777;
}
.btn-cancle:hover,
.btn-cancle.focus {
    color: #fff;
    background-color: #555;
}

.btn-yn {
	min-width: 60px !important;
}

.btn-blue {
	min-width: 100px;
    color: #fff;
    background-color: #0046ff;
    border: none;
    font-family: "Dotum", 돋움, sans-serif;
}
.btn-blue:hover,
.btn-blue.focus {
    color: #fff;
    background-color: #2b6197;
}
.btn-yellow {
	min-width: 100px;
    color: #fff;
    background-color: #fdbd35;
    border: 1px solid transparent;
    font-family: "Dotum", 돋움, sans-serif;
}
.btn-yellow:hover,
.btn-yellow.focus {
    color: #fff;
    background-color: #f1ae1f;
}
.buttonPop {
	width: 100%;
	margin: 30px 0 0px;
	text-align: center;
}
.buttonPop a {
	display: inline-block;
	min-width: 130px;
	font-size: 13px !important;
	font-weight: 600;
	text-align: center;
	padding: 7px;
}


/***************************************************************************************************************
														layout
***************************************************************************************************************/
* { margin: 0; padding: 0; }
html, body {width: 100%; height: auto;}

#wrapper { margin: 0 auto; width: 100%; height: 100%;}
#wrapper:after {content: " "; display: block; clear: both; height: 0; visibility: hidden;}
#header {
	position: fixed; 
	z-index: 500; 
	width: 100%; 
	height: 45px; 
	background: #fff;    
	-webkit-box-shadow: 0px 2px 6px rgba(0, 0, 0, .12);
    -moz-box-shadow: 0px 2px 6px rgba(0, 0, 0, .12);
    box-shadow: 0px 2px 6px rgba(0, 0, 0, .12);
}
#header:after {content: " "; display: block; clear: both; height: 0; visibility: hidden;}
#body {width: 100%; height: 100%; background: #fff; z-index: 300;}
#body:after {content: " "; display: block; clear: both; height: 0; visibility: hidden;}
#leftmenu {
	float: left;
	position: fixed;
	z-index: 300;
	width: 14%;
	height: 100%;
	background: #fff;
	margin-top: 100px;
	background: #333;
/* 	background: url('../../images/boffice/left_bg.gif'); */
}
#leftmenu:after {content: " "; display: block; clear: both; height: 0; visibility: hidden;}
.bell {width: 40%;}
.h_tit {float: right; width: 60%; border-bottom: 1px solid #fff;}
#content {float: right; position: relative; z-index: 300; width: 86%; background: #fff; margin-top: 10px;}
#content:after {content: " "; display: block; clear: both; height: 0; visibility: hidden;}
#footer {clear: both; margin: 0 auto; width: 100%; height: 180px; background-color: #3b3c3e;}

@media (max-width: 1366px) {
	#leftmenu, .topMenu2 ul {width: 16% !important;}
	#content {width: 84% !important;}
}
@media (max-width: 1350px) {
	#leftmenu, .topMenu2 ul {width: 20% !important;}
	#content {width: 80% !important;}
}

.containerTop {float: left; width: 100%; height: 100%; padding: 70px 0px 0px; background: #f9f9f9;}
.container {float: left; width: 100%; height: 100%; padding: 40px 20px 50px;}

.dashboard {float: left; width: 100%; height: 100%; padding: 0;}

.row {padding-left:-15px; padding-right:-15px}
.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-md-0, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-md-13 .col-lg-12 {
  position: relative;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px;
}
.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 {
  float: left;
}
.col-xs-12 {
  width: 100%;
}
.col-xs-11 {
  width: 91.66666667%;
}
.col-xs-10 {
  width: 83.33333333%;
}
.col-xs-9 {
  width: 75%;
}
.col-xs-8 {
  width: 66.66666667%;
}
.col-xs-7 {
  width: 58.33333333%;
}
.col-xs-6 {
  width: 50%;
}
.col-xs-5 {
  width: 41.66666667%;
}
.col-xs-4 {
  width: 33.33333333%;
}
.col-xs-3 {
  width: 25%;
}
.col-xs-2 {
  width: 16.66666667%;
}
.col-xs-1 {
  width: 8.33333333%;
}

@media (min-width: 768px) {
  .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 {
    float: left;
  }
  .col-sm-12 {
    width: 100%;
  }
  .col-sm-11 {
    width: 91.66666667%;
  }
  .col-sm-10 {
    width: 83.33333333%;
  }
  .col-sm-9 {
    width: 75%;
  }
  .col-sm-8 {
    width: 66.66666667%;
  }
  .col-sm-7 {
    width: 58.33333333%;
  }
  .col-sm-6 {
    width: 50%;
  }
  .col-sm-5 {
    width: 41.66666667%;
  }
  .col-sm-4 {
    width: 33.33333333%;
  }
  .col-sm-3 {
    width: 25%;
  }
  .col-sm-2 {
    width: 16.66666667%;
  }
  .col-sm-1 {
    width: 8.33333333%;
  }
}

@media (max-width: 991px) {
	.col-md-12 {
		float: left;
		width: 100%;
  }
}
@media (min-width: 992px) {
   .col-md-0, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md-13 {
    float: left;
  }
  .col-md-12 {
    width: 100%;
  }
  .col-md-11 {
    width: 91.66666667%;
  }
  .col-md-10 {
    width: 83.33333333%;
  }
  .col-md-9 {
    width: 75%;
  }
  .col-md-8 {
    width: 66.66666667%;
  }
  .col-md-7 {
    width: 58.33333333%;
  }
  .col-md-6 {
    width: 50%;
  }
  .col-md-5 {
    width: 41.66666667%;
  }
  .col-md-4 {
    width: 33.33333333%;
  }
  .col-md-3 {
    width: 25%;
  }
  .col-md-2 {
    width: 16.66666667%;
  }
  .col-md-1 {
    width: 8.33333333%;
  }
  .col-md-0 {
    width: 30%;
	padding-left: 15px;
	padding-right: 0px;
  }
}
@media (min-width: 1200px) {
  .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 {
    float: left;
  }
  .col-lg-12 {
    width: 100%;
  }
  .col-lg-11 {
    width: 91.66666667%;
  }
  .col-lg-10 {
    width: 83.33333333%;
  }
  .col-lg-9 {
    width: 75%;
  }
  .col-lg-8 {
    width: 66.66666667%;
  }
  .col-lg-7 {
    width: 58.33333333%;
  }
  .col-lg-6 {
    width: 50%;
  }
  .col-lg-5 {
    width: 41.66666667%;
  }
  .col-lg-4 {
    width: 33.33333333%;
  }
  .col-lg-3 {
    width: 25%;
  }
  .col-lg-2 {
    width: 16.66666667%;
  }
  .col-lg-1 {
    width: 8.33333333%;
  }
}
.statbox .widget-content:before,.statbox .widget-content:after{display:table;content:"";line-height:0;clear:both}
.statbox .visual {
	min-width: 80px;
	min-height: 70px;
	padding:25px 13px 0px;
	text-align:center;
	margin: 0;
	float:left;
	overflow:hidden;
	color:#fff;
	-webkit-box-sizing:content-box;
	-moz-box-sizing:content-box;
	box-sizing:content-box
}
.statbox .visual img {width: 45px;}
.statbox .visual.blue{background-color:#54728c}
.statbox .visual.red{background-color:#31b8ef}
.statbox .visual.green{background-color:#f8372c}
.statbox .visual.cyan{background-color:#4ababb}
.statbox .visual.purple{background-color:#8f6cb6}
.statbox .visual.yellow{background-color:#f6c723}
.statbox .title {
	color:#bbb;
	display:block;
	font-size:15px;
	font-weight:600;
	letter-spacing: -1px;
	text-transform:uppercase;
}
.statbox .value{font-family: Arial, Dotum, sans-serif;font-size:20px;font-weight:600;overflow:hidden;padding: 30px 0 5px;}
.statbox .value i {font-size: 13px; padding-left: 3px;}
.statbox .title,.statbox .value{text-align:center;}
.statbox .title+.value{margin-top:-3px}
.statbox .widget-content:before, .statbox .widget-content:after {
    display: table;
    content: "";
    line-height: 0;
    clear: both;
}
.widget {
    margin-top: 0;
    margin-bottom: 40px;
    padding: 0;
}
.widget.box.box-shadow {
    -webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.05);
    -moz-box-shadow: 0 1px 1px rgba(0,0,0,0.05);
    box-shadow: 0 1px 1px rgba(0,0,0,0.05);
    border-bottom-color: #d9d9d9;
}
.widget.box {
    border: 1px solid #f0eeee;
}
.widget.box.notice {
   min-height: 300px;
}
.widget.box.listTable {
   min-height: 233px;
}
.widget.box.listTable2 {
   min-height: 305px;
}
.widget.box .widget-content {
    padding: 0px;
    position: relative;
    background-color: #fff;
}
.widget.box .widget-header {
    background: #f9f9f9;
    border-bottom-color: #d9d9d9;
    line-height: 35px;
    padding: 0 12px;
    margin-bottom: 0;
}
.widget .widget-header {
    margin-bottom: 15px;
    border-bottom: 1px solid #ececec;
}
.widget.box .widget-header h4 {
    margin-bottom: 0;
}
.widget .widget-header h4 {
    display: inline-block;
	width: 100%;
    color: #555;
    font-size: 15px;
    font-weight: bold;
    margin: 3px 0 0;
    padding: 0;
}
.widget .widget-header h4 a {font-weight: normal;}
.widget .widget-header h4 i {
    font-size: 14px;
    margin-right: 5px;
    color: #6f6f6f;
}
.widget-content.no-padding table {
	width: 100%;
    margin-bottom: 0!important;
}
.widget-content.no-padding table tr:hover {
	background: #f6f6f6;
}
.widget-content .more {
    clear: both;
    display: block;
    padding: 5px 10px;
    text-transform: uppercase;
    font-weight: 300;
	font-family: Arial, Dotum, sans-serif;
    font-size: 11px;
    color: #555;
    opacity: .7;
    margin: -10px;
    margin-top: 10px;
    background-color: #f9f9f9;
    border-top: 1px solid #d9d9d9;
}
.widget-content .more i {height: 0;}
.widget-content .more:active{box-shadow:0 1px 1px rgba(0,0,0,0.1) inset;border-top-color:#ccc}
.widget-content .more:hover, .widget-content .more:focus {
    opacity: 1;
    text-decoration: none;
}
.widget.box .widget-content.no-padding {
    padding: 0;
}
.widget-content .table>caption+thead>tr:first-child>th, .table>colgroup+thead>tr:first-child>th, .table>thead:first-child>tr:first-child>th, .table>caption+thead>tr:first-child>td, .table>colgroup+thead>tr:first-child>td, .table>thead:first-child>tr:first-child>td {
    border-top: 0;
}
.widget-content .table-checkable .title,
.widget-content .table-checkable .title2 {
    text-align: left;
}
.widget-content .table-checkable .title2 {
	width: 269px;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}
@media (max-width: 1400px) {
	.widget-content .table-checkable .title2 {
		width: 200px;
		white-space: nowrap;
		text-overflow: ellipsis;
		overflow: hidden;
	}
}

.widget-content .table>thead>tr>th {
    vertical-align: bottom;
    border-bottom: 2px solid #ddd;
}
.widget-content .table>thead>tr>th, .widget-content .table>tbody>tr>th, .widget-content .table>tfoot>tr>th, .widget-content .table>thead>tr>td, .widget-content .table>tbody>tr>td, .widget-content .table>tfoot>tr>td {
    padding: 8px;
    line-height: 1.42857143;
    vertical-align: top;
	text-align: center;
    border-top: 1px solid #ddd;
}
.widget-content .table>tbody>tr>td a {color: #333;}
.widget-content .table>tbody>tr>td a:hover {text-decoration: underline;}

.memo {display: inline-block; width: 100%; height: 440px; overflow-y: auto;}
.memo li {display: inline-block; width: 100%; padding: 10px; border-bottom: 1px solid #e9e9e9;}
.memo li:last-child {border-bottom: 0px solid #e9e9e9;}
.memo li span.text {float: left; width: 90%;}
.memo li span.close {float: left; width: 10%;}
.memo li span.close a img {float: right; width: 12px; padding-top: 15px;margin-right: 5px;}
.memo li span i.date {float: left; width: 100%;}

.memoWri {position: absolute; width: 100%; padding: 40px 0px 20px; bottom: 0; text-align: center;}
.memoWri textarea {display: inline; width: 75%; height: 50px; min-height: 50px;}
.memoWri button {width: 50px; height: 50px; background: #666; color: #fff; vertical-align: top;}

/***************************************************************************************************************
														header
***************************************************************************************************************/
.utilMenu {
	width: 100%;
	height: 55px;
/*  	background-image: url(../../images/boffice/header_bg.gif); */
	background: #fff;
	line-height: 35px; 
}
.logoutA {
	display: block;
	width: 55px;
	height: 55px;
/* 	background: #ddd !important; */
	text-align: center;
    padding: 15px 13px 13px !important;
}
/* .logoutA:hover { */
/* 	background: #ccc !important; */
/* } */
ul.main-menu li.logo {
	float: left;
	padding: 7px 9px 7px 11px;
	background: none;
	cursor: default;
}
ul.main-menu li.logo:hover {
	background: none;
}
ul.main-menu li.logo.active-menu:hover {
    background: none;
	box-shadow: none;
}
ul.main-menu li.logo img {
	padding-top: 8px;
}

ul.main-menu {
	float: left;
    list-style-type: none;
    margin: 0px;
    padding: 0px;    
}
ul.main-menu > li {
    margin: 0;
    display: inline-block;
    list-style-type: none;
    color: #333;
	font-size: 12px;
	background-image: url(../../images/boffice/header_arrow01.png);
	background-repeat: no-repeat !important;
	background-position: center right 10px;
	background-position: center right\9;
	padding: 6px 17px 6px\9;
	padding: 10px 27px 9px 20px;
	letter-spacing: 0.5px;
	cursor: pointer;
}

ul.main-menu > li.active-menu {
    /*background-color: #0b182b;*/
    border-color: #ccc;
    -webkit-box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.2);
}
ul.main-menu li:hover {
    background-color: #f7f7f7;
}
ul.main-menu li.active-menu:hover {
    background-color: #f7f7f7;
}

ul.main-menu ul li a {
    color: #000;
    text-decoration: none;
    display: block;
    white-space: nowrap;
}
ul.main-menu li ul li a span {
    font-size: 11px;
    color: #999;
    float:right;
    right: 10px;
    left: auto;
    position: absolute;
}

/* SUBMENU */
ul.main-menu > li  ul {
    list-style-type: none;
    padding: 2px 0;
    margin: 0;
    display: none;
    border-width:1px;
    border-style: solid;
    border-color: #ddd;
    background-color: #fff;
    -webkit-box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.2);
}
ul.main-menu li ul li {
    display:list-item;
    margin: 0;
    line-height: 26px;
    padding-right: 15px;
    min-width: 100px;
    cursor: pointer;
    text-indent: 15px;
    white-space:nowrap;
}
ul.main-menu li ul li:hover {
    background-color: #f5f5f5;
}

ul.main-menu li ul li.disabled, ul.main-menu li ul li.disabled:hover, ul.main-menu li ul li.disabled a {
    color: #ddd;
    cursor:default;
    background-color: #fff;
}

ul.main-menu li.separator {
    border-top: 1px solid #ddd; 
    margin-top: 5px;
    margin-bottom: 5px;
}


.dropdown {float: right;}
.dropdown li {float: left; background: none; padding: 5px 0 0;}
.dropdown li.logout {
	padding: 7px 20px 5px 15px;
	background: none;
}
.dropdown dl .dropdown dd, .dropdown dt, .dropdown ul {margin: 0px; padding: 0px; }
.dropdown dd {position: relative; }
.dropdown a, .dropdown a:visited {text-decoration: none; outline: none;}
.dropdown dt a {
	display:block;
	color: #666;
	font-size: 12px;
	font-family: "Dotum", sans-serif;
	background-image: url(../../images/boffice/header_arrow01.gif);
	background-repeat: no-repeat !important;
	background-position: center right !important;
	padding: 0 10px 0 0;
}
.dropdown dt a span {
	font-size: 15px;
	font-family: "NanumGothic", 나눔고딕, Dotum, sans-serif;
	font-weight: 500;
	cursor: pointer;
	display: block;
	padding: 0 10px 0px 0;
}
.dropdown dd ul {
	display: none;
	position: absolute;
	top: 4px;
	left: 0px;
	z-index: 99;
	padding: 2px 0px;
	width: auto;
	min-width: 170px;
	list-style: none;
	color: #C5C0B0;
	background: #fff none repeat scroll 0 0;
	border: 1px solid #ddd;
	-webkit-box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.2);
	   -moz-box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.2);
		box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.2);
}
.dropdown span.value { display:none;}
.dropdown li dl {margin-top: 6px;}
.dropdown dd ul li {width: 100%; padding: 0; background: none;}
.dropdown dd ul li a {
	padding: 4px 5px 4px 15px;
	display: block;
	font-size: 12px;
	color: #000;
}
.dropdown dd ul li a:hover {
/* 	color: #333; */
	background-color: #f5f5f5;
}

.dropdown img.flag { border:none; vertical-align:middle; margin-left:10px; }
.flagvisibility { display:none;}

.topMenu2 {
	position: relative;
	width: 100%;
	height: 45px;
	background-color: #2d71c4;
	line-height: 11px;
	z-index: 98;
}
.topMenu2 ul {
	width: 14%;
}
.topMenu2 li {
	float: left;
}
.topMenu2 li span {
	font-size: 16px;
	color: #fff;
	font-family: "NanumGothic", 나눔고딕, Dotum, sans-serif;
	font-weight: 500;
	line-height: 48px;
	padding-left: 11px;
	letter-spacing: 0.5px;
}

.topMenu {
	position: relative;
	width: 100%;
	height: 55px;
	/*background-image: url(../../images/boffice/header_bg02.png);*/
	background-color: #fff;
	line-height: 11px;
	z-index: 400;
}
.topMenu table {
	width: 100%;
	position: absolute;
}

.topMenu .bell {
	float: left;
	border-bottom: 1px solid #fff;
} 
.topMenu .bell a img {
	margin: 15px 15px 0 0;
} 
.topMenu .bell ul li {
    float: left;
} 
.topMenu .bell ul li a {
    display: block;
    padding: 15px 10px 8px;
    color: #5f5f5f;
    border: none;
    position: relative;
} 

.badge {
	position: absolute;
    top: 11px;
    right: -2px;
    -webkit-border-radius: 12px !important;
    -moz-border-radius: 12px !important;
    border-radius: 12px !important;
    border-radius: 0px;
    font-weight: 500;
    font-size: 11px !important;
    text-align: center;
    vertical-align: middle;
    line-height: 11px;
    padding: 3px 6px 3px 6px;
    text-shadow: none !important;
	color: #fff;
	background: #ecaf06;
}

.topMenu .menu {
    text-align: center;
} 

.topMenu .menu ul {
	margin: 0 auto;
}
.topMenu .menu li {
	display: inline-block;
	position: relative;
	padding: 2px 12px 0;
}
.topMenu .menu li a {
	color:  #fff;
}
@media (max-width: 1225px) {
	.topMenu .menu li {
		padding: 0 5px 0 !important;
	}
}
.topMenu .menu li a img {
    margin-right: 10px;
}
.topMenu .menu li a .txt {
	position: relative;
    top: -12px;
    right: 0px;
    font-weight: 500;
    font-size: 12px !important;
    vertical-align: middle;
    line-height: 11px;
	color: #fff;
}
.topMenu .menu li a .txtt {
	position: absolute;
    top: 12px;
    right: -10px;
    font-weight: 500;
    font-size: 12px !important;
    vertical-align: middle;
    line-height: 11px;
	color: #fff;
}


.topMenu .title h2 {
	float: left;
	text-align: left;
	font-size: 18px;
	font-weight: 500;
	font-family: "NanumGothic", 나눔고딕, Dotum, sans-serif;
	color: #fff;
	letter-spacing: 1px;
	margin-top: 17px;
	margin-right: 30px;
}

.topMenu .location {

}
.topMenu .location li {
	display: inline-block;
	position: relative;
	color:  #fff;
	padding: 2px 7px 0 0px;
	vertical-align: middle;
	font-size: 12px;
	font-family: Dotum;
}
.topMenu .location li img {margin-top: 0px;}
.topMenu .location li:first-child {
	padding: 0 12px 0 0px;
}
.topMenu .location li:first-child img {
	margin: 0;
}
.topMenu .location li:last-child {
	padding: 2px 20px 0 0px;
}

.topMenu .search {
	text-align: right;
}
.topMenu .search li {
	display: inline-block;
	position: relative;
	color:  #fff;
	padding: 0 10px 0 0px;
	vertical-align: middle;
}
.topMenu .search li:first-child {
	padding: 0 5px 0 0px;
}
.topMenu .search li:last-child {
	padding: 0 20px 0 0px;
}
.input-group {
    position: relative;
    display: table;
    width: 100%;
    margin: 0 auto;
    border-collapse: separate;
}
.input-group input[type="text"] {
    position: relative;
    float: left;
    width: 100%;
    margin-bottom: 0;
	background: #fff;
    border-radius: 15px;
    border: 1px solid #dce1e4;
    box-shadow: none!important;
    font-size: 12px;
    padding: 4px 10px !important;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
	background-image: url(../../images/boffice/icon_search.png) !important;
	background-repeat: no-repeat !important;
	background-position: center right 10px !important;
	background-position: center right\9;
}


.searchable-select-hide {
  display: none;
}

.searchable-select {
  display: inline-block;
  min-width: 200px;
  font-size: 12px;
  line-height: 1.428571429;
  color: #555;
  vertical-align: middle;
  position: relative;
  text-align: left;
}

.searchable-select-holder{
  padding: 7px 10px 3px;
  background-color: #fff;
  background-image: none;
  border: 1px solid #ccc;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
  box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
  -webkit-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
  transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}

.searchable-select-caret {
  position: absolute;
  width: 0;
  height: 0;
  border-color: black transparent transparent transparent;
  top: 0;
  bottom: 0;
  border-style: solid;
  border-width: 5px;
  margin: auto;
  right: 10px;
}

.searchable-select-dropdown {
  position: absolute;
  background-color: #fff;
  border: 1px solid #ccc;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
  padding: 4px;
  border-top: none;
  top: 28px;
  left: 0;
  right: 0;
}

.searchable-select-input {
  margin-top: 5px;
  border: 1px solid #ccc;
  outline: none;
  padding: 4px;
  width: 100%;
}

.searchable-scroll {
  margin-top: 4px;
  position: relative;
}

.searchable-scroll.has-privious {
  padding-top: 16px;
}

.searchable-scroll.has-next {
  padding-bottom: 16px;
}

.searchable-has-privious {
  top: 0;
}

.searchable-has-next {
  bottom: 0;
}

.searchable-has-privious, .searchable-has-next {
  height: 16px;
  left: 0;
  right: 0;
  position: absolute;
  text-align: center;
  z-index: 10;
  background-color: white;
  line-height: 8px;
  cursor: pointer;
}

.searchable-select-items {
  max-height: 400px;
  overflow-y: scroll;
  position: relative;
}

.searchable-select-items::-webkit-scrollbar {
  display: none;
}

.searchable-select-item {
  padding: 5px 5px;
  cursor: pointer;
  min-height: 30px;
}

.searchable-select-item.hover {
  background: #555;
  color: white;
}

.searchable-select-item.selected {
  background: #28a4c9;
  color: white;
}


.logoArea {
	height: 55px;
	background: #fff;
	padding: 15px 59px 0 16px;
}

/* .logoArea img { */
/* 	width: 100%; */
/* } */





.lists {
	float: left;
   	border-top: 2px solid #0046ff;
    width: 100%;
}

.lists li {
	float: left;
	width: 100%;
    line-height: 39px;
    clear: both;
    cursor: pointer;
    position: relative;
    border-bottom: 1px solid #ccc;
}
.lists li.tableth {
	font-weight: bold;
	background: #f4f9ff;
}
.lists li.tableth span {
	text-align: center !important;
	cursor: default;
}

.lists li:hover {
	background: #f6f6f6;
}
.lists li.tableth:hover {
	background: #f4f4f4 !important;
}

.lists li span.isactive {
    width: 5%;
    height: 17px; 
    display: block;
    position: absolute;
    right: 0;
    top: 15px;
    margin-top: -3px;
    background:url(../../images/boffice/arrow_down.png) no-repeat;
    background-position: 50% 55%;
    background-size: 17px;
}

.lists li.active span.isactive {
    background:url(../../images/boffice/arrow_up.png) no-repeat;
    background-position: 50% 55%;
	background-size: 17px;
}

.lists li span.no,
.lists li span.file,
.lists li span.count {
    width: 8%;
    height: 57px;
    float: left;
    text-align: center;
    text-indent: 5px;
    line-height: 57px;
	display: inline-block;
}
.lists li span.name,
.lists li span.day {
    width: 15%;
    height: 57px;
    float: left;
    text-align: center;
    text-indent: 5px;
    line-height: 57px;
	display: inline-block;
}
.lists li span.file img {
    vertical-align: middle;
}
.lists li span.heading {
	float: left;
    display: block;
	width: 40%;
	height: 57px;
    text-align: left;
    line-height: 57px;
    color: #333;
    padding-right: 60px;
    vertical-align: middle;
}
.lists li span.heading2 {
	float: left;
    display: block;
	width: 35%;
	height: 57px;
    text-align: left;
    line-height: 57px;
    color: #333;
    padding-right: 60px;
    vertical-align: middle;
}

.lists li div {
    line-height: 22px; 
    border-top: 1px solid #207fd3;
    background-color: #f3f8fc;
    margin: 0 !important;
    padding: 22px 20px 54px 80px;
    position: relative;
    display: none;
    font-size: 13px;
    clear: both;
	cursor: default;
}
.lists li div p img {
	max-width: 100%;
	height: auto !important;
	vertical-align: middle;
}
.lists li div p a {
	color: #0046ff;
	text-decoration: underline;
}

.lists li div p a img {
	float: left;
    width: 35px;
	margin-left: 5px;
}
.lists li div p.btns {
	position: absolute;
	right: 20px;
}


/* Login */
.page-login #main-wrapper {
    /*margin: 10% 5%; */
    max-width : 100%;
    position : absolute;
    width: 100%;
    padding: 10px;
    top : 50%;
    left : 50%;
    transform : translate(-50%, -50%);
}

.login-box {
	max-width: 400px;
    margin: 0 auto;
	z-index: 9999;
}

.login-box .logo-name {
    display: block;
    font-size: 22px;
    font-weight: bold;
    text-decoration: none;
    color: #6c6c6c;
}

.login-box .user-box {
    display: block;
    clear: both;
    overflow: hidden;
}

.login-box .user-box img {
    width: 60px;
    height: 60px;
    display: block;
    margin: 0 auto;
}

.login-box .user-box form {
    overflow: hidden;
}


.login-btns {
	position: relative;
	top: 400px;
	z-index: 10;
}
.form-group {
	width: 100%;
    margin-bottom: 15px;
}
.form-group span {
	float: left;
	margin: 15px 0 0;
}

.form-control-login {
	display: block;
    width: 100%;
    height: 45px;
	line-height: 1.42857143;
    color: #555;
    background: #fff;
    border-radius: 0;
    border: 1px solid #dce1e4;
    box-shadow: none!important;
    font-size: 13px;
    padding: 15px 10px !important;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}



/* 페이징 */
.paginate {
	clear: both;
	padding-top: 30px;
	text-align: center;
	overflow: hidden;
}
.paginate a,
.paginate strong {
	display: inline-block;
	margin: 0 5px;
	padding: 0 1px;
	height: 28px;
	vertical-align: middle;
	line-height: 1.7em;
	font-size: 15px;
	color: #333;
	overflow: hidden;
}
.paginate a:hover,
.paginate a:focus {
	text-decoration: none;
}
.paginate strong {
	font-weight: bold;
	color: #e50014;
}
.paginate a.pre_end,
.paginate a.pre,
.paginate a.next,
.paginate a.next_end {
	margin: 0 -0.18em;
	padding: 0;
	width: 28px;
	text-indent: -999999px;
	overflow: hidden;
	border: 1px solid #ccc;
	background: url('../../images/boffice/btn_paginate.png') no-repeat 0 0;
	background-color: #fff;
}
.paginate a.pre_end {
	background-position: 0 -32px;
}
.paginate a.pre {
	margin-right: 7px;
	background-position: 0 -2px;
}
.paginate a.next {
	margin-left: 7px;
	background-position: -31px -2px;
}
.paginate a.next_end {
	background-position: -31px -32px;
}
.paginate a.pre_end:hover,
.paginate a.pre_end:focus,
.paginate a.pre:hover,
.paginate a.pre:focus,
.paginate a.next:hover,
.paginate a.next:focus,
.paginate a.next_end:hover,
.paginate a.next_end:focus {
/* 	border: 1px solid #3db7e4; */
	background-color: #f7f8f8;
}





 #vtab {
	margin: auto;
	width: 100%;
	height: 100%;
	z-index: 9;
	overflow: auto;
}
#vtab > ul > li {
	width: 60px;
	height: 60px;
	background-color: fff !important;
	list-style-type: none;
	display: block;
	text-align: center;
	margin: auto;
	border-bottom: 1px solid #292929;
	border-right: 1px solid #fff;
	position: relative;
	border-right: none;
/* 	opacity: .3; */
/* 	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)"; */
/* 	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=30); */
}
#vtab > ul > li.menu01 {
	background: url('../../images/boffice/leftmenu01.gif') no-repeat 0 0;
}
#vtab > ul > li:hover.menu01 {
	background: url('../../images/boffice/leftmenu01.gif') no-repeat 0 -60px;
}
#vtab > ul > li.menu02 {
	background: url('../../images/boffice/leftmenu02.gif') no-repeat 0 0;
}
#vtab > ul > li:hover.menu02 {
	background: url('../../images/boffice/leftmenu02.gif') no-repeat 0 -60px;
}
#vtab > ul > li.menu03 {
	background: url('../../images/boffice/leftmenu03.gif') no-repeat 0 0;
}
#vtab > ul > li:hover.menu03 {
	background: url('../../images/boffice/leftmenu03.gif') no-repeat 0 -60px;
}
#vtab > ul > li.menu04 {
	background: url('../../images/boffice/leftmenu04.gif') no-repeat 0 0;
}
#vtab > ul > li:hover.menu04 {
	background: url('../../images/boffice/leftmenu04.gif') no-repeat 0 -60px;
}
#vtab > ul > li.menu05 {
	background: url('../../images/boffice/leftmenu05.gif') no-repeat 0 0;
}
#vtab > ul > li:hover.menu05 {
	background: url('../../images/boffice/leftmenu05.gif') no-repeat 0 -60px;
}
#vtab > ul > li.menu06 {
	background: url('../../images/boffice/leftmenu06.gif') no-repeat 0 0;
}
#vtab > ul > li:hover.menu06 {
	background: url('../../images/boffice/leftmenu06.gif') no-repeat 0 -60px;
}
#vtab > ul > li.menu07 {
	background: url('../../images/boffice/leftmenu07.gif') no-repeat 0 0;
}
#vtab > ul > li:hover.menu07 {
	background: url('../../images/boffice/leftmenu07.gif') no-repeat 0 -60px;
}
#vtab > ul > li.menu08 {
	background: url('../../images/boffice/leftmenu08.gif') no-repeat 0 0;
}
#vtab > ul > li:hover.menu08 {
	background: url('../../images/boffice/leftmenu08.gif') no-repeat 0 -60px;
}
#vtab > ul > li.menu09 {
	background: url('../../images/boffice/leftmenu09.gif') no-repeat 0 0;
}
#vtab > ul > li:hover.menu09 {
	background: url('../../images/boffice/leftmenu09.gif') no-repeat 0 -60px;
}
#vtab > ul > li.selected {
	opacity: 1;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
	border-right: 1px solid #fff;
	z-index: 10;
	background-color: #fff !important;
	background-position: 0 -60px;
	position: relative;
}
#vtab > ul {
	float: left;
	width: 60px;
	text-align: left;
	display: block;
	margin: auto 0;
	padding: 0;
	position: relative;
}
#vtab > div {
	height: 100%;
	background-color: #fff;
	margin-left: 60px;
	border-right: 1px solid #ddd;
	border-bottom: 0;
	padding: 0 12px;
	position: relative;
	z-index: 9;
	-moz-border-radius: 20px;
}
#vtab > div > h4 {
	color: #333;
	font-size: 16px;
	border-bottom: 0px dotted #800;
	padding-top: 23px;
	padding-bottom: 10px;
	margin-top: 0;
}
#loginForm label {
	float: left;
	width: 100px;
	text-align: right;
	clear: left;
	margin-right: 15px;
}
#loginForm fieldset {
	border: none;
}
#loginForm fieldset > div {
	padding-top: 3px;
	padding-bottom: 3px;
}
#loginForm #login {
	margin-left: 115px;
}

/* Sidebar */
.sidebarAll div ul {
	padding-top: 6px;
	width: 100%;
	font-size: 13px;
	background-color: #fff;
}
.sidebarAll div ul li {
	padding: 0 10px;
}
.sidebarAll div ul li.active {
	font-weight: bold;
    font-size: 15px;
}
.sidebarAll div ul li.active a {
	color: #1062c5;
}
.sidebarAll div ul li.selected {
/* 	background-color: #f2f2f2; */
}
.sidebarAll div ul li a {
	display: block;
	padding: 9px 0 8px;
	width: 100%;
	color: #555;
	text-decoration: none;
	text-transform: uppercase;
	letter-spacing: -1px;
}
.sidebarAll div ul li a.sub {
/* 	color: #1062c5; */
	font-weight: bold;
}
.sidebarAll div ul li > ul {
	margin-left: 5px;
	padding: 5px 0;
	border-left: 1px solid #aecaed;
}
.sidebarAll div ul li > ul li {
	padding: 0 4px 0 7px;
}
.sidebarAll div ul li > ul li a {
	padding: 3px 0 4px;
	line-height: 1.4em;
}
.sidebarAll div ul li > ul li a:hover {
	text-decoration: none;
}
.sidebarAll div ul li > ul li > ul li {
	padding: 10px 0 10px 30px;
}
.sidebarAll div ul li > ul li > ul li a {
	padding: 0;
	font-size: 12px;
	color: black;
	text-transform: none;
}

h1 {
	width: 100%;
	font-family: NanumGothic, Dotum;
	font-size: 24px;
	font-weight: 500;
	color: #333;
	letter-spacing: 1px;
	padding: 2px 0 14px 20px;
	border-bottom: 1px solid #ddd;
}
.container h1 {
	padding-left: 0;
}
.searchArea table {
	width: 100%;
	border-bottom: 1px solid #ddd;
}
.searchArea td {
	padding: 5px 0 15px;
	line-height: 0;
}
.searchArea input[type="text"] {
	width: 100%;
	padding: 6px 10px 5px;
	background-color: #fff;
	background-image: none;
	border: 1px solid #ccc;
}
.searchArea2 {
	width: 100%;
	border-top: 1px solid #175085;
	padding: 10px 0 0;
}
.searchArea2 table {
	width: 100%;
	border-bottom: 1px solid #ddd;
}
.searchArea2 td {
	padding: 0 10px 10px 0;
	line-height: 0;
}
.searchArea2 td.txtA {
	padding: 0 0 10px 10px !important;
	font-weight: bold;
	line-height: 0;
}
.searchArea2 input[type="text"] {
	width: 100%;
	padding: 6px 10px 5px;
	background-color: #fff;
	background-image: none;
	border: 1px solid #ccc;
}
.searchArea2 select {
	width: 100%;
	height: 27px;
	padding: 4px 5px 6px;
	background-color: #fff;
	background-image: url(../../images/boffice/select_arrow.png);
	background-position: center right;
	background-repeat: no-repeat;
	border: 1px solid #ccc;
	font-family: "Dotum", sans-serif;
}


.boardListArea h2 {font-size: 13px; font-weight: bold; margin: 30px 0 15px;}
.boardListArea {float: left; width: 100%;}
.boardListArea > table {width: 100%; border-top: 2px solid #0046ff;}
.boardListArea > table th {font-weight: normal; background: #f9f9f9;}
.boardListArea > table th,
.boardListArea > table td {text-align: center; padding: 10px; height: 44px; border-bottom: 1px solid #ddd;}

.boardListArea.list {float: left; width: 100%;}
.boardListArea.list table {width: 100%; border-top: 2px solid #0046ff;}
.boardListArea.list table th {font-weight: bold; background: #f4f9ff;}
.boardListArea.list table th,
.boardListArea.list table td {text-align: center; padding: 10px; height: 57px; border-bottom: 1px solid #ddd;}

.boardListArea.list2 {float: left; width: 100%;}
.boardListArea.list2 table {width: 100%; border-top: 2px solid #0046ff;}
.boardListArea.list2 table th {font-weight: normal; background: #f9f9f9;}
.boardListArea.list2 table th,
.boardListArea.list2 table td {text-align: center; padding: 10px; height: 57px; border-bottom: 1px solid #ddd; border-left: 1px solid #ddd;}
.boardListArea.list2 table td input[type="text"] {width: 100%; font-size: 12px; padding: 6px 5px;}

.boardListArea.list2 .etc {
	float: right;
	font-weight: normal;
	font-size: 13px;
	text-align: right;
}
.boardListArea.list2 .file_input_textbox {
	width: 60% !important;
}

.boardListArea.list3 {float: left; width: 100%;}
.boardListArea.list3 table {width: 100%; border-top: 2px solid #0046ff;}
.boardListArea.list3 table th {font-weight: normal; text-align: center; background: #f9f9f9;}
.boardListArea.list3 table th,
.boardListArea.list3 table td {padding: 10px; height: 57px; border-bottom: 1px solid #ddd; border-left: 1px solid #ddd;}
.boardListArea.list3 table td {text-align: left;}
.boardListArea.list3 table td input[type="text"] {width: 100%; font-size: 12px; padding: 6px 5px;}

.boardAddArea {float: left; width: 100%;}
.boardAddArea h2 {font-size: 13px; font-weight: bold; margin: 20px 0 10px;}
.boardAddArea table {width: 100%; border-top: 2px solid #0046ff;}
.boardAddArea table th {font-weight: normal; text-align: left; background: #f9f9f9;}
.boardAddArea table th em {color: #d54127;}
.boardAddArea table th,
.boardAddArea table td {padding: 8px; height: 44px; border-bottom: 1px solid #ddd;}
.boardAddArea table td {position: relative;}
.boardAddArea table td input[type="text"],
.boardAddArea table td input[type="password"] {width: 100%; height: 27px; font-size: 12px; padding: 4px 5px 3px;}

.boardAddArea.add {float: left; width: 100%;}
.boardAddArea.add table {width: 100%; border-top: 2px solid #0046ff;}
.boardAddArea.add table th {font-weight: normal; text-align: left; background: #f9f9f9;}
.boardAddArea.add table th em {color: #d54127;}
.boardAddArea.add table th,
.boardAddArea.add table td {padding: 8px; height: 57px; border-bottom: 1px solid #ddd;}
.boardAddArea.add table td {position: relative; border-left: 1px solid #ddd;}
.boardAddArea.add table td input[type="text"],
.boardAddArea.add table td input[type="password"] {width: 100%; height: 27px; font-size: 12px; padding: 4px 5px 3px;}

.boardAddArea.add2 {float: left; width: 100%;}
.boardAddArea.add2 table {width: 100%; border-top: 2px solid #0046ff;}
.boardAddArea.add2 table th {font-weight: normal; text-align: center; background: #f9f9f9; border-left: 1px solid #ddd;}
.boardAddArea.add2 table th:first-child {border-left: none;}
.boardAddArea.add2 table th em {color: #d54127;}
.boardAddArea.add2 table th,
.boardAddArea.add2 table td {padding: 5px; border-bottom: 1px solid #ddd;}
.boardAddArea.add2 table td {position: relative; border-left: 1px solid #ddd;}
.boardAddArea.add2 table td input[type="text"] {width: 100%; font-size: 12px; padding: 2px 5px;}

.boardAddArea.list {float: left; width: 100%;}
.boardAddArea.list table {width: 100%; border-top: 2px solid #0046FF;}
.boardAddArea.list table th {font-weight: normal; background: #f9f9f9;}
.boardAddArea.list table th em {color: #d54127;}
.boardAddArea.list table th,
.boardAddArea.list table td {padding: 5px; text-align: center; border-bottom: 1px solid #ddd; border-left: 1px solid #ddd;}
.boardAddArea.list table td input[type="text"] {width: 100%; font-size: 12px; padding: 2px 5px;}


.boardListArea.list table tr:hover td {background: #f6f6f6;}


/* Sub Left */
.sub-leftmenu {
	position: absolute;
	float: left;
	padding: 10px 10px 20px;
	width: 19%;
	height: auto;
	min-height: 600px;
	background-color: #fcfcfc;
	border: 1px solid #ddd;
	border-radius: 6px;
}
.sub-leftmenu div {
	float: left;
	margin-bottom: 10px;
	width: 100%;
}
.sub-leftmenu div input {
	float: left;
	width: 75%;
}
@media (min-width: 1501px) and (max-width: 1750px) {
	.sub-leftmenu div input {
		width: 70%;
	}
}
@media (max-width: 1500px) {
	.sub-leftmenu div input {
		width: 64%;
	}
}
.sub-leftmenu div a {
	float: right;
}
.sub-leftmenu table tr td:first-child {
	text-align: center;
}
.sub-leftmenu input[type="text"] {
	float: left;
	padding: 6px 5px 5px;
}
.sub-leftmenu a {
	height: 26px;
}


/* Sub Container */
.sub-container {
	float: right;
	padding-left: 5px;
	width: 80.3%;
}

.sub-container h2 {
	margin: 10px 0 5px;
	font-weight: bold;
	font-size: 11px;
}
.sub-container h3 {
	margin: 17px 0 3px;
	font-weight: normal;
	font-size: 11px;
}
.container .sub-leftmenu table {
	float: left;
	width: 100%;
	position: relative;
}
.container .sub-leftmenu table,
.container .sub-container table {
	border: 1px solid #ddd;
}
.container .sub-leftmenu table tr,
.container .sub-container table tr {
	height: 44px;
	border-bottom: 1px solid #ddd;
}
.container .sub-leftmenu table tr th,
.container .sub-container table tr th {
	font-weight: normal;
	font-size: 11px;
	background-color: #f9f9f9;
	border-right: 1px solid #ddd;
}
.container .sub-leftmenu table tr td,
.container .sub-container table tr td {
	padding: 5px;
	font-size: 13px;
/* 	background-color: #fff; */
	border-right: 1px solid #ddd;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}
.container .sub-container .ui-jqgrid-htable,
.container .sub-container .ui-jqgrid-btable {
	border: none;
}
.container .sub-container table tr td span {
	float: left;
	vertical-align: middle;
	margin-top: 2px;
	margin-right: 10px;
	display: block;
}
.container .sub-container table tr td span input[type="radio"] {
	vertical-align: middle;
}
.container .sub-leftmenu table tr td input[type="text"],
.container .sub-container table tr td input[type="text"] {
	width: 100%;
}

.rest {
	margin: 2px 5px 0 10px;
	color: #777;
}
.form-select {
	float: left;
	width: 21.5%;
}
.btn-search {
	float: left;
	padding: 4px 7px 3px 9px;
	font-family: "Dotum", sans-serif;
	font-size: 11px;
	color: #fff;
	background: #797979;
	border: 0px solid #ccc;
}
.input-group-lg {
	line-height: 2.3;
}

/* Button */
.btnArea {
	float: right;
}
.btnArea a {
	margin-left: 5px;
}



/* message pop up
---------------------------------------------------------- */
#message_wrapper {position: fixed; width: 920px; height: 100%; padding: 0;}
#message_wrapper div.leftArea {display: inline-block; float: left; width: 578px;}
#message_wrapper div.rightArea {display: inline-block; position: absolute; width: 342px; height: 100%;}
#message_wrapper div.rightArea .sliderkit-panel ul {height: 100%; overflow-y: auto !important; background: #f7f7f7; position: absolute; bottom: 100px;}
#message_wrapper div.rightArea .sliderkit-panel li {display: inline-block; width: 100%; font-size: 12px; color: #333; padding: 18px 15px 13px; border-bottom: 1px solid #eaeaea;}
#message_wrapper div.rightArea .sliderkit-panel li:first-child {padding: 18px 15px; border-bottom: 1px solid #ccc;}
#message_wrapper div.rightArea .sliderkit-panel li a {color: #999;}
#message_wrapper div.rightArea .sliderkit-panel li a:hover {color: #333;}
#message_wrapper div.rightArea .sliderkit-panel li span {float: left; width: 75%;}
#message_wrapper div.rightArea .sliderkit-panel li span img {width: 34px;}
#message_wrapper div.rightArea .sliderkit-panel li span:first-child {width: 15%;}
#message_wrapper div.rightArea .sliderkit-panel li span:last-child {float: right !important; width: 8%; text-align: right;}
#message_wrapper div.rightArea .sliderkit-panel li span a img {width: 10px; padding-top: 12px; margin-right: 8px;}
#message_wrapper h1 {width: 100%; border-top: 5px solid #525452; background: #7b7d7b; padding: 10px 30px 30px; margin: 0; font-size: 20px; font-weight: normal !important; color: #ffffff;}
#message_wrapper h1 em {display: inline-block; font-size: 12px; color: #ffffff; opacity: 1; font-style: normal; margin-bottom: 15px;}
#message_wrapper h1 a {float: right; font-size: 35px; color: #666; margin-top: -12px; text-decoration: none;}
#message_wrapper h1 a:hover {color: #525452;}
#message_wrapper h1 i {opacity: 0.5; font-family: Dotum, 돋움; font-style: normal; font-size: 10px; margin: 0 5px;}
#message_wrapper form {padding: 15px 25px 25px;}
#message_wrapper table {width: 100%; table-layout: auto !important;}
#message_wrapper td.explain01 {font-family: Dotum, 돋움; font-size: 12px; color: #a9a8b3; line-height:16px; padding-top: 3px; padding-bottom:14px;}
#message_wrapper td.explain02 {font-family: Dotum, 돋움; font-size: 12px; color: #a9a8b3; line-height:16px; padding-top: 10px; padding-bottom:30px;}
#message_wrapper td div.talklList {width: 528px; height: 338px; border: 1px solid #cccccc; overflow-y: scroll; padding: 0px 10px 10px; margin: 5px 0 10px;}
#message_wrapper td textarea {width: 528px; height: 108px; font-family: Dotum, 돋움; font-size: 12px; color: #333; border: 1px solid #cccccc; overflow-y: scroll; padding: 10px; margin: 0 0 10px;}
#message_wrapper td textarea::-webkit-input-placeholder {
	color: #a9a8b3;
	text-align:center;
	font-family: Dotum, 돋움;
	font-size: 12px;
	padding-top: 35px;
}
#message_wrapper td textarea:-ms-input-placeholder {
	color: #c9d1d7;
	text-align:center;
	font-family: Dotum, 돋움;
	font-size: 12px;
	line-height: 108px;
}
#message_wrapper td input[type='text'] {
	float: left;
	margin-right: 3px;
	padding: 2px 3px 2px 3px; 
	font-family: Dotum, 돋움; 
	font-size: 12px; 
	line-height: 30px; 
	vertical-align: top;
    color: #333333;
    background: #ffffff;
    border: 1px solid #ccc;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    display: inline-block;
}
#message_wrapper p {text-align: center;}
#message_wrapper p button.send {corsur:pointer; width: 150px; height: 50px; font-family: 'NanumBarunGothic'; font-size: 15px; color: #ffffff; background: #7a6fbe; text-align: center; margin-right: 7px; border: none;}
#message_wrapper p button:hover.send {background: #695fa7;}
#message_wrapper p button.cancel {corsur:pointer; width: 150px; height: 50px; font-family: 'NanumBarunGothic'; font-size: 15px; color: #ffffff; background: #7b7d7b; text-align: center; border: none;}
#message_wrapper p button:hover.cancel {background: #696969;}


input[type="button"].fileupload_btn {
	float: left;
	width: 44px;
	height: 34px;
	background: #f8f8f8;
	border: 1px solid #ccc;
	font-size: 13px;
	color: #455869;
	margin-left: 3px;
}
input[type="button"]:hover.fileupload_btn {
	background: #d9dfe3;
}

input[type="button"].search_btn {
	width: 44px;
	height: 34px;
	background: #555;
	border: 1px solid #333;
	font-size: 13px;
	color: #fff;
	margin-left: 3px;
}
input[type="button"]:hover.search_btn {
	background: #d9dfe3;
}


.jstalktheme
{
/* 	background-color: #9bbad8; */
/* 	padding: 4px 4px 0px 4px; */
}

.jstalktheme .clear
{
	clear: both;
}

.jstalktheme .blank
{
	clear: both;
	height: 8px;
}


.jstalktheme .msg .time
{
	font-size: 10px;
}

.jstalktheme .msg .mytalk
{
	float: right;
	width: 100%;
	font-family: Dotum, 돋움;
	font-size: 12px;
	color: #333;
}

.jstalktheme .msg .mytalk .box
{
	float: right;
	width: calc(100% - 48px);
	position: relative;
}

.jstalktheme .msg .mytalk:first-child
{
	margin-top: 10px;
}

.jstalktheme .msg .mytalk .time
{
	float: right;
	position: absolute;
	bottom: 0;
	display: inline-block;
}

.jstalktheme .msg .mytalk .a
{
	float: right;
	text-align: left;
	position: relative;
	min-height: 24px;
	max-width: calc(100% - 64px);
	left: 2px;
	background-color: #e1def7;
	z-index: 2;
	padding: 15px 15px 10px;
	word-break: break-all;
	border-radius:25px 25px 0 25px;
}

.jstalktheme .msg .mytalk .a .data {
	color: #a9a8b3;
	margin-top: 10px;
	text-align: right;
}

.jstalktheme .msg .mytalk .b
{
	float: right;
	position: relative;
	height: 22px;
	background: url(./chat_balloon_yellow.right.png) no-repeat;
	z-index: 1;
}

.jstalktheme .msg .othertalk
{
	float: left;
	width: 100%;
	font-family: Dotum, 돋움;
	font-size: 12px;
	color: #333;
}

.jstalktheme .msg .othertalk .b .data {
	color: #a9a8b3;
	margin-top: 10px;
}

.jstalktheme .msg .othertalk .box
{
	float: left;
	width: calc(100% - 48px);
	position: relative;
}

.jstalktheme .msg .othertalk .box img,
.jstalktheme .msg .mytalk .box img {
	width: 13px;
    margin-bottom: -1px;
}

.jstalktheme .msg .othertalk .box .profile_name
{
/* 	font-size: 12px; */
}

.jstalktheme .msg .othertalk .box .a
{
	float: left;
	position: relative;
	height: 22px;
	background: url(./chat_balloon_white.left.png) no-repeat;
	z-index: 1;
}

.jstalktheme .msg .othertalk .box .b
{
	float: left;
	position: relative;
	min-height: 24px;
	max-width: calc(100% - 64px);
	left: -2px;
	background-color: #f5f5f5;
	z-index: 2;
	padding: 20px 15px 10px;
	word-break: break-all;
	border-radius:25px 25px 25px 0;
}

.jstalktheme .msg .othertalk .box .time
{
	float: left;
	position: absolute;
	bottom: 0;
	display: inline-block;
}

.jstalktheme .sendmsg
{
	
}

.jstalktheme .sendmsg .textarea
{
	float: left;
	width: calc(100% - 68px);
	height: 64px;
	border-radius: 8px 0px 0px 8px;
	margin: 0px 0px 0px 0px;
	padding: 2px 2px 2px 2px;
	resize: none;
}

.jstalktheme .sendmsg .button
{
	float: right;
	width: 62px;
	height: 68px;
	background-color: #ffec42;
	border-radius: 0px 8px 8px 0px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	text-align: center;
	display: table;
	cursor: pointer;
}

.jstalktheme .sendmsg .button p
{
  display: table-cell;
  vertical-align: middle;
}
.jstalktheme .preView {
	width: 119px;
	height: 24px;
	text-align: center;
	background-color: #c9d1d7;
	padding-top: 2px;
	margin: 0 auto;
}
.jstalktheme .preView a {
	font-size: 12px;
	font-family: Dotum, 돋움;
	color: #fff;
	background: url(../../images/boffice/mess_pre_arrow.png) no-repeat center right;
	padding-right: 18px;
	line-height: 25px;
}




/* tab */
.contentslider-tab .sliderkit-nav {position:relative; width:100%;}
.contentslider-tab .sliderkit-nav-clip {position:absolute; top:0px; left:0px; width: 100%;}
.contentslider-tab .sliderkit-nav-clip li {display:block; padding:0px; margin:0px; width:50%; height:51px; font-size:11px; text-align: center; list-style:none; float:left;}
.contentslider-tab .sliderkit-nav-clip li a i {display: inline-block; width: 18px; height: 18px; font-family: 'Open Sans'; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; background: #00d3d3; font-size: 11px; font-weight: bold; color: #fff; text-align: center; line-height: 18px;}
.contentslider-tab .sliderkit-nav-clip li a {cursor:pointer; width:100%; height:50px; color:#848484; font-family:돋움; background-color:#ddd; display:block; line-height:50px; }
.contentslider-tab .sliderkit-nav-clip li a:hover {color:#353535; background-color:#f7f7f7; display:block; }
.contentslider-tab .sliderkit-nav-clip li.sliderkit-selected a {color:#353535; background-color:#f7f7f7; height:51px; font-weight: bold;}

/* Panel */
.contentslider-tab .sliderkit-panels {width:100%; overflow:hidden; font-size:0px; float:left; padding-top:51px; }
.contentslider-tab .sliderkit-panel li span i {display: inline-block; width: 18px; height: 18px; font-family: 'Open Sans'; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; background: #7a6fbe; font-size: 11px; color: #fff; letter-spacing: -1px; text-align: center; line-height: 18px;}


/*  */
.ui-jqgrid,
.ui-jqgrid .ui-jqgrid-view,
.ui-jqgrid .ui-jqgrid-hdiv,
.ui-jqgrid .ui-jqgrid-bdiv {
	width: 100% !important;
}
.ui-jqgrid .ui-jqgrid-bdiv table {
	border-top: none;
}
.menuAuth {
	margin-top: 25px;
	width: 100%;
	border: 1px solid #ddd;
}
.menuAuth td {
	padding: 8px 5px;
	background: #f9f9f9;
}
.menuAuth td:last-child {
	padding: 0;
}
.menuAuth td input[type="text"] {
	width: 98%;
	height: 27px;
}

.ui-jqgrid .ui-jqgrid-hbox {
	width: auto !important;
	min-width: 100%;
/* 	border-top: 2px solid #0046ff !important; */
/* 	border-right: none !important; */
/* 	border-left: none !important; */
	border: none !important;
}
.ui-jqgrid .ui-jqgrid-htable {
	border-top: 2px solid #0046ff !important;
	border-bottom: 1px solid #ddd !important;
}
.ui-jqgrid .ui-jqgrid-htable th,
.ui-jqgrid tr.jqgrow td {
	height: 44px !important;
	font-size: 13px;
}
.ui-jqgrid .ui-jqgrid-htable th {
	background-color: #f4f9ff;
}
.ui-jqgrid .ui-jqgrid-htable th > span {
	height: 23px !important;
}
.ui-jqgrid tr.jqgrow td {
	background: none;
}


/* detailTabs */
.detail_tabs {
	margin-bottom: 30px;
	border-top: none !important;
}
.detail_tabs tr th {
	height: 57px;
	text-align: center;
	background: #f9f9f9;
	border: 1px solid #ddd;
	border-left: none;
	cursor: pointer;
}
.detail_tabs tr th:first-child {
	border-left: 1px solid #ddd;
}

.detail_tabs_in {
	float: left;
	width: 50% !important;
	border-top: none !important;
}
.detail_tabs_in ul {
	float: left;
	width: 100%;
}
.detail_tabs_in ul li {
	float: left; 
	padding: 15px;
	width: 33.22222223%;
	line-height: 2;
	text-align: center;
	background: #fff;
	border: 1px solid #ddd;
	border-left: none;
	border-bottom: none;
	cursor: pointer;
}
.detail_tabs_in ul li:first-child {
	border-left: 1px solid #ddd;
}


/* Upload */
.uploadArea {float: left; display: block; width: 100%; border-top: 2px solid #0046ff; background: #f9f9f9; text-align: center; padding: 40px 0 10px; margin: 0 auto;}
.uploadArea .file_input_div {
	position: relative;
	width: 100%;
	height: auto;
	overflow: hidden;
}
.uploadArea .file_input_hidden {
	width: 100%;
	height: auto;
	position: absolute;
	right: 0px;
	top: 0px;
	opacity: 0;
	filter: alpha(opacity=0);
	-ms-filter: alpha(opacity=0);
	cursor: pointer;
}
.uploadArea .file_input_textbox {
	width: 100% !important;
	height: 30px;
	background: #f1f1f1;
	border: none;
	text-align: center;
	margin: 30px 0 0 ;
}
.uploadArea .file_input_div button {
	width: 100%;
	height: auto;
	background: none;
	border: none;
}
.tip {
	float: left;
	width: 100%;
	font-family: Dotum;
	font-size: 13px;
	margin: 15px 0 0 ;
}
.tip img {
	margin-top: 3px;
}
.tip strong {
	font-weight: bold;
}


/* file-Upload */
.dz-fallback input[type="file"] {
	float: left;
	width: 335px;
	height: 25px;
}
.dz-fallback input[type="submit"] {
	margin-left: 4px;
	width: 67px;
	height: 25px;
}
.dz-fallback p.guide {
	float: left;
	font-family: Dotum, 돋움;
	font-size: 13px;
}
.dz-fallback p.guide img {
	float: left;
	margin-right: 7px;
}
.dz-fallback p.file {
	float: right;
}
.dz-fallvack p.guide b {
	font-weight: bold !important;
}
.dz-message,
.dz-fallback {
	display: none;
}


/* Popup */
.pop-up #content {
	margin-top: 0;
	width: 100% !important;
}
.pop-up .container {
	padding-bottom: 0;
}
.pop-up h1 {
	border-bottom: none;
}


/* Form */
.popup_txt_top {
	display: inline-block;
	padding: 0 20px 20px;
	width: 100%;
	font-size: 13px;
	line-height: 28px;
	text-align: left;
}
.popup_txt_top p {
	display: block;
	margin: 20px 0;
	line-height: 1.9em;
}
.popup_txt_top strong {
	display: inline-block;
	margin-right: 40px;
	min-width: 50px;
	font-weight: 600;
}
.popup_txt_top span {
	display: inline-block;
	min-width: 150px;
}

.popup_txt_center {
	float: left;
	padding: 10px 0 10px;
	width: 100%;
	font-size: 15px;
	text-align: center;
}
.popup_txt_bottom {
	padding: 40px 60px 20px;
	font-size: 13px;
	text-align: left;
}
.popup_txt_bottom em {
	display: inline-block;
	min-width: 60px;
}
.popup_txt_bottom p {
	display: block;
	margin: 20px 0;
}
.popup_txt_bottom strong {
	display: inline-block;
	margin-right: 40px;
	min-width: 50px;
}

.popup h5 {
	float: left;
	margin: 40px 0 10px;
	width: 100%;
	font-size: 15px;
}

.popup .date {
	margin: 10px 0;
	width: 100%;
	font-size: 15px;
	text-align: right;
}
.popup .sign {
	float: right;
	margin: 20px 0 40px;
	width: 80%;
}
.popup .sign table {
	width: 100%;
	border: 1px solid #ccc;
}
.popup .sign table tr {
	border-top: 1px solid #ccc;
}
.popup .sign table tr:first-child {
	border-top: none;
}
.popup .sign table th,
.popup .sign table td {
	padding: 10px;
	height: 39px;
	font-size: 13px;
	vertical-align: middle;
}
.popup .sign table th {
	background: #eceffa;
	border-left: 1px solid #ccc;
}
.popup .sign table td {
	height: 100px;
	border-left: 1px solid #ccc;
}

.formArea {
	float: left;
    width: 100%;
    height: 550px;
    margin: 30px 0 10px;
    overflow-y: auto;
	border: 1px solid #ccc;
}

.list-empty {font-family: Dotum, 돋움; font-size: 13px !important; text-align: center; background: #fff; padding: 40px 0 21px !important;}

.popup_layer { position:fixed;top:0;left:0;z-index:10000;width:100%;height:100%;background-color:rgba(0,0,0,0.4);}
.popup_box {position:relative;top:50%;left:50%;overflow:auto;height:300px;width:375px;transform:translate(-50%, -50%);z-index:1002;box-sizing:border-box;background:#fff;box-shadow:2px 5px 10px 0px rgba(0,0,0,0.35);-webkit-box-shadow:2px 5px 10px 0px rgba(0,0,0,0.35);-moz-box-shadow:2px 5px 10px 0px rgba(0,0,0,0.35);}
.popup_overlay{position:fixed;top:0px;right:0;left:0;bottom:0;z-index:1001;background:rgba(0,0,0,0.5);}