@charset "utf-8";
@font-face {font-family:'NanumGothic'; font-style:normal; font-weight:700; src:url(../../font/NanumGothic-Bold.eot); src:url(../../font/NanumGothic-Bold.eot?#iefix) format('embedded-opentype'), url(../../font/NanumGothic-Bold.woff2) format('woff2'), url(../../font/NanumGothic-Bold.woff) format('woff'), url(../../font/NanumGothic-Bold.ttf) format('truetype');}
@font-face {font-family:'NanumGothic'; font-style:normal; font-weight:400; src:url(../../font/NanumGothic-Regular.eot); src:url(../../font/NanumGothic-Regular.eot?#iefix) format('embedded-opentype'), url(../../font/NanumGothic-Regular.woff2) format('woff2'), url(../../font/NanumGothic-Regular.woff) format('woff'), url(../../font/NanumGothic-Regular.ttf) format('truetype');}
@font-face {font-family:'NanumGothic'; font-style:normal; font-weight:800; src:url(../../font/NanumGothic-ExtraBold.eot); src:url(../../font/NanumGothic-ExtraBold.eot?#iefix) format('embedded-opentype'), url(../../font/NanumGothic-ExtraBold.woff2) format('woff2'), url(../../font/NanumGothic-ExtraBold.woff) format('woff'), url(../../font/NanumGothic-ExtraBold.ttf) format('truetype');}

/* Admin Lte Customizing */
body {font-family:'NanumGothic' !important; min-height: 100%;}
ul, li, ol, dl, dd, dt {list-style: none;}
form { margin: 0;}
form .table { margin: 0;}
.table-smallpadding > thead > tr > th,
.table-smallpadding > tbody > tr > th,
.table-smallpadding > tfoot > tr > th,
.table-smallpadding > thead > tr > td,
.table-smallpadding > tbody > tr > td,
.table-smallpadding > tfoot > tr > td {
  padding: 4px;
}
input[type="file"].form-control { border: none; padding:0px; height:auto !important; }
input[type=checkbox], input[type=radio] {margin-right: 3px;vertical-align:top;}
input[type=text] { ime-mode:active; }
input[type=password] { ime-mode:disabled; }
input[type=text].engOnly { ime-mode:disabled; }
textarea.complaint { height: 150px;}
table {table-layout:fixed;}
caption, legend {overflow:hidden; position:absolute; top:-9999em; left:-9999em; width:1px; height:1px; line-height:1px; text-indent:-9999em;}
th {text-align: center; background-color: #f2f2f2; font-weight: bold !important;}
td label { padding-right: 10px; }
small.label {
	display: inline;
	padding: 1px 4px 3px 4px;
	font-size: 70%;
	font-weight: 600;
	line-height: 1;
	color: #fff;
	text-align: center;
	white-space: nowrap;
	vertical-align: baseline;
	border-radius: 3px;
}

/* Button Group */
.btn-group .btn:not(:first-child) {margin-left:10px;}

.status-label {font-size: 12px; font-weight: 600; padding: 5px; display: inline-block; border-radius: 4px;}
.bg-color1 {background-color: #f39c12 !important; color: #fff !important;}
.bg-color2 {background-color: #00a65a !important; color: #fff !important;}
.bg-color3 {background-color: #00a65a !important; color: #fff !important;}
.bg-color4 {background-color: gray !important; color: #fff !important;}
.bg-color5 {background-color: gray !important; color: #fff !important;}

/*  td .input-group .input-group-addon { padding: 0px !important; }  */

.input-group .input-group-addon {background-color: transparent;}

/* .wrapper {max-width:1250px; margin-left:0px !important;} */

.main-header .navbar-custom-menu, .content-header {margin-right: 20px; }
.main-header .greeting {float: left; background-color: transparent; padding: 15px 0px; color: #fff; }
.main-header .greeting .user-name {color: #fff; font-weight: bold; }
.main-header .greeting .session-timeout {color: #fff; margin-left:20px;}
.main-header .site {float: left; background-color: transparent; padding-top:14px; color: #fff; }
.main-header .site .form-control { display:inline-block !important; width:80px !important; height:24px; padding:2px 6px;}
.main-header .site .btn { vertical-align:top; padding:2px 8px; font-weight: bold; }

.box-footer .btn {min-width: 80px;}

/* 검색 박스 */
.layer-body .box-search {border-radius: 0px; border: 0px solid #f4f4f4; margin-bottom: 10px; box-shadow: 0 0px 0px;}
.layer-body .box-search .box-body {padding:0; text-align: right;}
.layer-body .box-search .box-body .form-control { display: inline-block;  width: auto; vertical-align: middle;}
.layer-body .box-search .box-body .btn {min-width: 80px;}

.box .box-search { border-radius: 0px; border: 0px solid #f4f4f4; margin-bottom: 0; padding: 5px 10px 10px 0px; box-shadow: 0 0px 0px;}
.box-header {
	padding-top: 10px;
	padding-bottom: 10px;
}

.box-header-search {
	float:left !important;
	padding: 9px 10px 0 5px;
}

.nav-tabs-custom {margin: 0px;}
.nav-tabs-custom > .nav-tabs > li.active a {font-weight:bold;}

.modal-custom {position: relative; padding-right: 10px; min-height:100%;}
.modal-custom .modal-dialog .modal-header {background-color:#3c8dbc !important; color: #fff;}
.modal-custom .modal-dialog .modal-body {padding: 10px;}
.modal-custom .modal-dialog .modal-body .box-body {padding: 0 0 10px 0;}
.modal-custom .modal-dialog .modal-body table {margin: 0;}

/* .box-body .fc {max-width: 800px;} */

.table-sortable {margin-bottom:0px !important;}

/* align */
.text-left { text-align: left !important; }
.text-center { text-align: center !important; }
.text-right { text-align: right !important; }
.text-ellipsis {overflow:hidden; text-overflow:ellipsis; -o-text-overflow:ellipsis; -ms-text-overflow:ellipsis; -webkit-text-overflow:ellipsis; white-space:nowrap; }

.vertical-middle {vertical-align: middle !important;}

/* accessibility */
.accessibility {width:100%; line-height:0; font-size:0; overflow:hidden}
.accessibility a {width:100%; line-height:0; font-size:0; position:absolute; top:-1000px; left:-1000px; z-index:9999; overflow:hidden}
.accessibility a:hover,.accessibility a:active,.accessibility a:focus {height:25px; text-align:center; color:#666; line-height:1.8; font-size:12px; font-weight:bold; position:fixed; background:#fff; width:100%; top:0; left:0; position:relative; display:block;}

.cursor-pointer {cursor: pointer !important;}

/* margin & padding */
.margin-top {margin-top: 10px !important;}
.margin-bottom {margin-bottom: 10px !important;}
.margin-left {margin-left: 10px !important;}
.margin-right {margin-right: 10px !important;}
.margin-side {margin: 0 5px !important;}

.margin-clear {margin: 0 !important;}
.padding-clear {padding: 0 !important;}
/* width */
.width-auto {width: auto !important;}
.width-50 {width: 50px !important;}
.width-60 {width: 60px !important;}
.width-70 {width: 70px !important;}
.width-80 {width: 80px !important;}
.width-90 {width: 90px !important;}
.width-100 {width: 100px !important;}
.width-110 {width: 110px !important;}
.width-120 {width: 120px !important;}
.width-150 {width: 150px !important;}
.width-160 {width: 160px !important;}
.width-170 {width: 170px !important;}
.width-180 {width: 180px !important;}
.width-200 {width: 200px !important;}
.width-250 {width: 250px !important;}
.width-300 {width: 300px !important;}
.width-400 {width: 400px !important;}
.width-450 {width: 450px !important;}
.width-500 {width: 500px !important;}

.height-28 {height:28px; padding: 2px 10px;}
.height-30 {height:30px; padding: 4px 10px;}
.height-35 {height:35px; padding: 0 5px;}

.font-10 {font-size: 10px !important;}
.font-11 {font-size: 11px !important;}
.font-12 {font-size: 12px !important;}
.font-14 {font-size: 14px !important;}
.font-16 {font-size: 16px !important;}
.font-18 {font-size: 18px !important;}
.font-60 {font-size: 60% !important;}
.font-70 {font-size: 70% !important;}
.font-80 {font-size: 80% !important;}
.font-90 {font-size: 90% !important;}
.font-100 {font-size: 100% !important;}

.font-normal {font-weight: normal !important;}
.font-bold {font-weight: bold !important;}


.color-default {color:#333 !important;}
/*popup */
.popup-bg-list {overflow:hidden; padding : 0;}
.popup-bg-list > li {width:135px; float:left; text-align:center;}
.popup-bg-list > li dl > dt {text-align:center; font-weight:bold; overflow:hidden; display:block; height:36px; padding:5px 10px;}
.popup-bg-list > li dl > dd {text-align:center; }
.popup-bg-list > li dl > dd img {width:100px; height:80px;}

/*popupzone */
.popupzone-bg-list {overflow:hidden; padding : 0;}
.popupzone-bg-list > li {width:160px; float:left; text-align:center;}
.popupzone-bg-list > li dl > dt {text-align:center; font-weight:bold; overflow:hidden; display:block; height:36px; padding:5px 10px;}
.popupzone-bg-list > li dl > dd {text-align:center; }
.popupzone-bg-list > li dl > dd img {width:140px; height:100px;}

/*photo Gallery */
.gallery-list {overflow:hidden; margin-top:10px; padding : 0;}
.gallery-list > li {width:240px; float:left; text-align:center;}
.gallery-list > li dl > dt {text-align:center; overflow:hidden; display:block; padding:3px 10px;}
.gallery-list > li dl > dd {text-align:center; }
.gallery-list > li dl > dd img {width:230px; height:160px; border: 1px solid #ddd;}
.gallery-list .date{text-align:center; overflow:hidden; display:block; padding:0; font-weight:normal;}

.carousel-inner img {width:100%; height:460px !important; border: 1px solid #ddd;}

.ekko-lightbox .modal-header {background-color:#3c8dbc; color: #fff;}
.layer-body.register-page {background: transparent;}
.layer-body .register-box {margin: 0px; width:100%;}
.layer-body .register-box .register-box-header {padding-bottom: 15px}
.layer-body .register-box-footer {
	border-top-left-radius: 0;
	border-top-right-radius: 0;
	border-bottom-right-radius: 3px;
	border-bottom-left-radius: 3px;
	padding: 0 10px 10px 10px;
	background-color: #ffffff;
}
.layer-body .register-box-footer .btn {min-width: 80px;}
.layer-body .register-box-body {padding: 0; margin-bottom:10px;}
.layer-body .register-box-body .form-inline .form-control {
	display: inline-block;
	width: auto;
	vertical-align: middle;
}
.layer-body .register-box-body .form-inline .input-group {
	display: inline-table;
	vertical-align: middle;
}
.layer-body .register-box-body .form-inline .input-group .input-group-addon,
.layer-body .register-box-body .form-inline .input-group .input-group-btn,
.layer-body .register-box-body .form-inline .input-group .form-control {
	width: auto;
}

.print-body {padding: 0; background: none;}
.print-body .wrapper {padding: 0; background: none; box-shadow:none;}
.print-body .wrapper .box {margin-bottom:0;}
.print-body .wrapper .box-body {padding:0; background: none;}

.box-calendar .calendar-head{padding:10px; text-align: center; margin-bottom: 1em;}
.box-calendar .calendar-head-left{float:left;}
.box-calendar .calendar-head-left h2{margin:0;}
.box-calendar .calendar-head-right{float:right;}
.box-calendar .calendar-head-right button{font-weight:bold; position: relative;}
.box-calendar .calendar-head-center{display:inline-block;}
.calendar {table-layout:fixed; width:100%; border-collapse:separate; border-spacing:0px; border-top:1px solid #ddd; empty-cells:show;}
.calendar thead th {color:#000; border-bottom:1px solid #ddd; border-left:1px solid #ddd; background-color:#fafafa;}
.calendar thead th:first-child {border-left:none; }
.calendar tbody td:first-child {border-left:none; }
.calendar td {min-height:100px; text-align:right; padding:2px; vertical-align:top; border-bottom:1px solid #ddd; border-left:1px solid #ddd; empty-cells:show;}
.calendar .day { font-size:20px; margin-bottom:5px; }
.calendar .otherday { font-size:20px; opacity:0.3; filter:alpha(opacity=30); }
.calendar .today { background:#fcf8e3; }
.calendar .holiday {color:#fe5555;  }
.calendar .sun {color:#fe5555;  }
.calendar .sat {color:#00a0e9;  }

.datepicker {width:220px;}

/* time picker */
.bootstrap-timepicker-widget.dropdown-menu.open { margin-top: 40px;}