@import url(https://fonts.googleapis.com/earlyaccess/nanumgothic.css);

/* layout ------------------------------------------------------------------------- */
body {
	font-family: 'Nanum Gothic', serif;
	font-size: 12px;
	/* background-color: #E9EDF2; */
	color: #565656;
}
.jsit-wrapper{min-height:640px; margin-bottom: 60px;}
.container-fluid.jsit-navbarArea{padding:0;}

.theme-nav {
	background-color: #fff;
	box-shadow: 0 1px 1px 0 rgba(51,51,51,.1)
}

.theme-nav .navbar-toggle .icon-bar {background-color: #f1535d}

.theme-container {margin-top:65px;}

@media (min-width: 992px) {
	.theme-container {margin-top:65px;}
}

.theme-container.popup {
	margin-top: 0;
}

.panel .panel-heading{position:relative}
.panel .panel-heading .text-right{position:absolute;top:6px;right:15px}
.panel .panel-heading:after{clear:both;content:"";display:block}

.theme-btn-area {
	margin-bottom: 10px;
}

.btn-file {
    position: relative;
    overflow: hidden;
}
.btn-file input[type=file] {
    position: absolute;
    top: 0;
    right: 0;
    min-width: 100%;
    min-height: 100%;
    font-size: 100px;
    text-align: right;
    filter: alpha(opacity=0);
    opacity: 0;
    outline: none;
    background: white;
    cursor: inherit;
    display: block;
}



.theme-loading-Modal {
    display:none;
    position:fixed;
    z-index:1000;
    top:0;
    left:0;
    height:100%;
    width:100%;
    background: rgba( 255, 255, 255, .8 ) url('../img/ajax-loading.gif') 50% 50% no-repeat;
}

body.theme-loading {overflow: hidden;}

body.theme-loading .theme-loading-Modal {display: block;}


.theme-jqgrid-row-hide {
	display: none;
}

.amount {
	text-align: right;
}

.jsit-btnArea{margin-bottom:5px}
.jsit-btnArea .btn{min-width:60px;}
.jsit-btnArea .btn-info{color:#f1535d;font-size:13px;border:1px solid #f1535d;background-color:#fff}
.jsit-btnArea .btn-info:active,
.jsit-btnArea .btn-info.active{
	border:1px solid #e63c32;
	background: #ff5f54; /* Old browsers */
	background: -moz-linear-gradient(top,  #ff5f54 0%, #ff4539 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #ff5f54 0%,#ff4539 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #ff5f54 0%,#ff4539 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff5f54', endColorstr='#ff4539',GradientType=0 ); /* IE6-9 */
}
.ellipsis{display:block;white-space:nowrap;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;padding-right: 10px;}
.theme-main-schdul {height:370px;overflow-y:auto}
.jsit-contTitArea{padding:36px 0 15px;}
.jsit-contTitArea h2{margin:0;color:#595959;font-size:20px;font-weight:bold;}
.jsit-contTitArea h2 i{margin:0 5px;}
.jsit-contTitArea h2 em{position:relative;top:-2px;font-size:15px;font-weight:normal;font-style:normal}
.jsit-searchArea{padding:10px 0;margin-bottom:10px;border-top:1px solid #e1e1e1;border-bottom:1px solid #e1e1e1;background-color:#f9f9f9}
.jsit-searchArea .dropdown-menu{position:absolute;top:100%;left:0;border: 1px solid #ccc;border: 1px solid rgba(0, 0, 0, .15);border-radius:4px;}
.navbar-right .dropdown-menu li.jsit-current a .fa{color:#ff4d42}

.navbar-right.nav .open > a,
.navbar-right.nav .open > a:hover,
.navbar-right.nav .open > a:focus{color:#fff !important}

/* .ui-jqgrid */
.ui-jqgrid.ui-corner-all{border-top:3px solid #bababa;}
.ui-jqgrid .ui-jqgrid-htable th{padding:4px 2px;color:#333436;font-size:13px;background-color:#f9f9f9}
.ui-jqgrid tr.jqgrow td{padding:5px 6px}
.ui-jqgrid-btable tbody td{cursor:pointer}

/* .theme-panel-form */
.jsit-first{margin-top:0 !important;}
.theme-panel-form{margin-top:20px;border:1px solid #d7d7d7;border-radius:5px;}
.theme-panel-form .ui-jqgrid.ui-corner-all{border-top:0}
.theme-panel-form .ui-jqgrid.ui-corner-all td .btn-success{color:#f1535d;border:1px solid #f1535d;border-radius:0;background-color:#fff}
.jsit-searchArea .theme-panel-form{margin:0;border:0 none;border-radius:0}
.theme-panel-form .panel-title{color:#333436;font-size:14px;}
.theme-panel-form .panel-heading .btn-success{
	border:1px solid #e63c32;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ff5f54+0,ff4539+100 */
	background: #ff5f54; /* Old browsers */
	background: -moz-linear-gradient(top,  #ff5f54 0%, #ff4539 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #ff5f54 0%,#ff4539 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #ff5f54 0%,#ff4539 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff5f54', endColorstr='#ff4539',GradientType=0 ); /* IE6-9 */
}

/* jsit-loginArea */
.jsit-loginArea{position:relative;}
.jsit-loginArea .jsit-login{width:90%;height:300px;margin:100px auto;color:#b5b5b5;font-size:12px;font-weight:bold;}
.jsit-loginArea .jsit-login h1{height:35px;line-height:35px;color:#91979d;font-size:23px;font-weight:bold;}
/* .jsit-loginArea .jsit-login h1 strong{display:inline-block;padding-left:100px;background:url('../img/jsit-logo.png') no-repeat;background-size:100px;} */
.jsit-loginArea .jsit-login h1 strong{color:#f1535d;}
.jsit-loginArea .jsit-login p{margin-top:15px;font-size:12px;}
.jsit-loginArea .jsit-login p em{color:#f1535d;font-style:normal}
.jsit-loginArea .jsit-login .form-group .form-control{height:50px;margin-top:20px;border:1px solid #ccc;border-radius:0;box-shadow:none}
.jsit-loginArea .jsit-login .form-group .form-control:focus{background-color:#fff;border:1px solid #f1535d;}
.jsit-loginArea .jsit-login .form-group .btn-danger{width:100%;height:50px;line-height:40px;margin-top:30px;font-size:13px;font-family:arial;font-weight:bold;border-radius:0;border:0 none;background-color:#f1535d}

@media (min-width: 992px){
	.jsit-loginArea .jsit-login{width:305px;}
}

.jsit-scheduleForm{margin:30px 0}
.jsit-scheduleForm .panel-body .fc .fc-view-container{border-top:3px solid #bababa;}
.jsit-scheduleForm .panel-body .fc .fc-view-container table thead th{padding:10px 0;background-color:#f9f9f9}
.jsit-scheduleForm .fc .fc-axis{padding:0;}

/* jsit-divide */
.jsit-divide .row.theme-panel-form{border:0 none;border-radius:0}
/* .jsit-divide .alert-dismissable, .alert-dismissible{padding-right:0} */
.jsit-divide .row.theme-panel-form .alert{margin:0 0 10px 0;font-size:16px;font-weight:bold;}
.jsit-divide .row.theme-panel-form .alert .jsit-tit{display:inline-block;margin-right:15px;font-size:14px;font-weight:600;}

.jsit-divide .theme-panel-grid .form-group{padding:20px;}
.jsit-divide .theme-panel-grid.jsit-first .ui-jqgrid{border-top:1px solid #bababa}

/* .jsit-colorSelect */
.jsit-colorSelect{line-height:30px;height:30px;padding:0 10px;text-align:right;border-bottom:1px solid #dfdfdf;background-color:#fbfbfb}
.jsit-colorSelect label input{position:relative;top:-2px;vertical-align:middle;}
.jsit-colorSelect label.red{color:#f1535d}
.jsit-colorSelect label.orange{color:#ff7c07}
.jsit-colorSelect label.green{color:#0d9f3a}
.jsit-colorSelect label.blue{color:#528ef6}


/* jsit-col-sm */
.jsit-divide.jsit-col-sm .form-group .btn-success{display:inline-block;width:48.5%;}
.jsit-divide.jsit-col-sm .ui-jqgrid.ui-corner-all{margin-top:0;border-top:1px solid #bababa}
.jsit-divide.jsit-col-sm .theme-panel-grid .form-group .col-sm-4{text-align:center;}
.jsit-table,
.jsit-panel-body{padding:15px;}
.jsit-table .form-control{margin:2px 0;}
.jsit-table .dropdown-menu{position:absolute;border:1px solid #ddd;border-radius:3px;}
.jsit-table .dropdown-menu:after{content:"";display:block;clear:both}

/* jsit-blank */
.jsit-blank{display:block}
.jsit-inputReadonly{border:0 none;background:transparent}
.jsit-inputReadonly[readonly=readonly]{background:none;box-shadow:none}

.jsit-main .theme-panel-form .list-group{min-height:192px;}

@media (max-width: 767px){
	.jsit-searchArea{padding:10px 15px}
	.jsit-blank{display:none}
}
.input-group.jsit-addon{margin:2px 0;}
.input-group.jsit-addon .form-control{margin:0}

@media (min-width: 768px){
	.jsit-searchArea{padding:10px 15px}
	.theme-panel-form .control-label{position: relative;top: 7px;padding-right: 5px;text-align:right;}
	.jsit-divide{margin-left:-15px}
	.jsit-divide .theme-panel-form{margin:0 0 0 15px;}
	.jsit-divide .row.theme-panel-form .alert{padding:25px;}
	.jsit-divide .row.theme-panel-form.jsit-first{margin-left:0}
	.jsit-divide .panel-default{margin:0 0 10px 10px;}

	.jsit-divide .theme-panel-grid .form-group .form-control{display:inline-block;width:260px;}
	.jsit-divide .theme-panel-grid .form-group .btn{position:relative;top:-1px}

	.jsit-divide.jsit-col-sm .theme-panel-grid .form-group .form-control{display:block;width:100%;}
	.jsit-divide.jsit-col-sm .jsit-panel-body{height:50px;overflow:hidden;}
	.jsit-divide.jsit-col-sm .ui-jqgrid-view .ui-jqgrid-bdiv{height:193px !important;}
	.jsit-second{margin-top:20px;}

	/* jsit-col-sm */
	.jsit-divide .theme-panel-grid .form-group{padding:10px;}
	.jsit-divide.jsit-col-sm .form-group .btn-success{display:block;width:100%;margin-left:0;margin-top:5px;}
	.jsit-table,
	.jsit-panel-body{padding:10px;}
	.jsit-table label,
	.jsit-panel-body label{margin-bottom:0;letter-spacing:-1px;text-align:right}


	.jsit-popupWrap .jsit-table label{position:relative;top:9px;left:-10px;}
}

@media (min-width: 992px){
	.jsit-contTitArea{padding:20px 0;}
	.jsit-contTitArea h2{padding-left:75px;}
	.jsit-second{margin-top:20px;}
	.jsit-panel-body label{margin-bottom:0;letter-spacing:-1px;}

	.jsit-table label{position: relative;top:10px !important;padding-left:10px;}
	.jsit-divide.jsit-col-sm .form-group{padding:15px;text-align:center;}
	.jsit-divide.jsit-col-sm .form-group .btn-success{position:relative;top:1px;display:inline-block;width:45%;margin-top:0;}
	.jsit-divide.jsit-col-sm .form-group .text-center{text-align:left;}
	.jsit-divide.jsit-col-sm .form-group .text-center button:first-child{margin-left:5px;}
	.jsit-divide.jsit-col-sm .theme-panel-grid .form-group{width:245px;margin:0 auto;}
	.jsit-divide.jsit-col-sm .theme-panel-grid{height:344px;}
	.jsit-divide.jsit-col-sm .ui-jqgrid-view .ui-jqgrid-bdiv{height:251px !important;}

	/* jsit-main */
	.jsit-main{margin-top:60px}
}

/* popup ------------------------------------------------------ */

.theme-modal-body{padding:15px 0;border:3px solid #f1535d}
.jsit-popupWrap .jsit-contTitArea{position:relative;padding:0 15px 15px;margin-bottom:15px;border-bottom:1px solid #ddd;background-color: #fff;box-shadow: 0 1px 1px 0 rgba(51,51,51,.1)}
.jsit-popupWrap .jsit-contTitArea a{position:absolute;top:0;right:10px}
.jsit-popupWrap .jsit-table{padding:0;float:none;}
.jsit-popupWrap .jsit-nobtn{height:500px;overflow:auto}
.jsit-popupWrap .jsit-btn{height:470px;overflow:auto}
.jsit-popupWrap .jsit-secondBlank{display:none}
.jsit-popupWrap .jsit-btnArea{padding-top:20px;margin-top:20px;border-top:1px solid #ddd;}
.jsit-popupWrap .jsit-contTitArea h2{color:#f1535d;}
.jsit-popupWrap .jsit-bbsView .jsit-title{padding:10px 0 7px;color:#f1535d;font-size:17px;border-bottom:1px solid #ccc;}
.jsit-bbsView .jsit-bbsInfo{margin:10px 15px 0;text-align:right;}
.jsit-bbsView .jsit-bbsInfo span{padding-left:7px;margin-left:10px;color:#1d1d1d;font-weight:600;background:url(../img/blet10.gif) no-repeat left center}
.jsit-bbsView .jsit-bbsInfo span em{color:#565656;font-weight:normal;font-style:normal}
.jsit-bbsView .txt{line-height:21px;padding:20px 15px 15px;font-size:13px;}
.jsit-bbsTitle {}
/* orange ------------------------------------------------------------------------------- */

@media (max-width: 991px){
	.orange .navbar-left > li > a{border-bottom: 1px solid #eee;}
	.orange .navbar-left .dropdown-menu > li{border-bottom: 1px solid #ff8920;}
	.orange .navbar-left .dropdown-menu > li > a{border-bottom:1px solid #f77500;}
}
/* login */
.orange .jsit-point,
.orange .jsit-loginArea .jsit-login h1 strong,
.orange .jsit-loginArea .jsit-login p em{color:#ff7c07}
.orange .jsit-loginArea .jsit-login .form-group .btn-danger{background-color: #ff7c07;}
.orange .jsit-loginArea .jsit-login .form-group .form-control:focus{border:1px solid #ff7c07}

/* content */
.orange .theme-nav .navbar-toggle .icon-bar{background-color:#ff7c07;}
.orange .navbar-brand,
.orange .navbar-brand:hover{color:#fff;background-color:#ff7c07}
.orange a.ellipsis:hover,
.orange .jsit-btnArea .btn-info:hover,
.orange .jsit-btnArea .btn-info:focus,
.orange header .nav > li > a,
.orange .nav .open > a,
.orange .nav .open > a:hover,
.orange .nav .open > a:focus{color: #ff7c07}


.orange .navbar-left .dropdown-menu{background:#ff7c07 url(../img/bg_dropmenu01.png) no-repeat top left}
.orange .navbar-left .dropdown-menu > li > a{background-color:#ff7c07;}
.orange .badge{border: 1px solid #f97500;background-color:#ff7c07;}
.orange .navbar-right .dropdown-menu li.jsit-current a .fa{color:#ff7c07}

.orange .jsit-btnArea .btn-info,
.orange .theme-panel-form .ui-jqgrid.ui-corner-all td .btn-success{color: #ff7c07;border: 1px solid #ff7c07;}
.orange .jsit-btnArea .btn-info:active,
.orange .jsit-btnArea .btn-info.active,
.orange .theme-panel-form .panel-heading .btn-success{
	color:#fff;border:1px solid #f97500;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#fc8e00+0,ffa14e+98 */
	background: #fc8e00; /* Old browsers */
	background: -moz-linear-gradient(top, #fc8e00 0%, #ffa14e 98%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #fc8e00 0%,#ffa14e 98%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #fc8e00 0%,#ffa14e 98%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fc8e00', endColorstr='#ffa14e',GradientType=0 ); /* IE6-9 */
}

/* poopup */
.orange .theme-modal-body{border:3px solid #ff7c07}
.orange .jsit-popupWrap .jsit-contTitArea h2{color:#ff7c07;}
.orange .jsit-popupWrap .jsit-bbsView .jsit-title{color:#ff7c07;}

/* Green ------------------------------------------------------------------------------- */
@media (max-width: 991px){
	.green .navbar-left > li > a{border-bottom: 1px solid #eee;}
	.green .navbar-left .dropdown-menu > li{border-bottom: 1px solid #0fac3f;}
	.green .navbar-left .dropdown-menu > li > a{border-bottom:1px solid #0b8b32;}
}
/* login */
.green .jsit-point,
.green .jsit-loginArea .jsit-login h1 strong,
.green .jsit-loginArea .jsit-login p em{color:#0d9f3a}
.green .jsit-loginArea .jsit-login .form-group .btn-danger{background-color: #0d9f3a;}
.green .jsit-loginArea .jsit-login .form-group .form-control:focus{border:1px solid #0d9f3a}

/* content */
.green .theme-nav .navbar-toggle .icon-bar{background-color: #0d9f3a;}
.green .navbar-brand,
.green .navbar-brand:hover{color:#fff;background-color:#0d9f3a}
.green a.ellipsis:hover,
.green header .nav > li > a,
.green .jsit-btnArea .btn-info:hover,
.green .jsit-btnArea .btn-info:focus,
.green .nav .open > a,
.green .nav .open > .green a:hover,
.green .nav .open > a:focus{color: #0d9f3a}
.green .navbar-left .dropdown-menu{background:#0d9f3a url(../img/bg_dropmenu02.png) no-repeat top left}
.green .navbar-left .dropdown-menu > li > a{background-color:#0d9f3a;}
.green .badge{border: 1px solid #4eb431;background-color:#0d9f3a;}
.green .navbar-right .dropdown-menu li.jsit-current a .fa{color:#0d9f3a}
.green .jsit-btnArea .btn-info{color:#0d9f3a;border: 1px solid #0d9f3a;}

.green .jsit-btnArea .btn-info,
.green .theme-panel-form .ui-jqgrid.ui-corner-all td .btn-success{color: #0d9f3a;border: 1px solid #0d9f3a;}
.green .jsit-btnArea .btn-info:active,
.green .jsit-btnArea .btn-info.active,
.green .theme-panel-form .panel-heading .btn-success{
	color:#fff;border:1px solid #0a9435;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#0da33c+0,0fbc44+98 */
	background: #0da33c; /* Old browsers */
	background: -moz-linear-gradient(top,  #0da33c 0%, #0fbc44 98%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #0da33c 0%,#0fbc44 98%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #0da33c 0%,#0fbc44 98%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0da33c', endColorstr='#0fbc44',GradientType=0 ); /* IE6-9 */
}

/* poopup */
.green .theme-modal-body{border:3px solid #0d9f3a}
.green .jsit-popupWrap .jsit-contTitArea h2{color:#0d9f3a;}
.green .jsit-popupWrap .jsit-bbsView .jsit-title{color:#0d9f3a;}


/* blue ------------------------------------------------------------------------------- */

/* login */
.blue .jsit-point,
.blue .jsit-loginArea .jsit-login h1 strong,
.blue .jsit-loginArea .jsit-login p em{color:#528ef6}
.blue .jsit-loginArea .jsit-login .form-group .btn-danger{background-color: #528ef6;}
.blue .jsit-loginArea .jsit-login .form-group .form-control:focus{border:1px solid #528ef6}

/* content */
@media (max-width: 991px){
	.blue .navbar-left > li > a{border-bottom: 1px solid #eee;}
	.blue .navbar-left .dropdown-menu > li{border-bottom: 1px solid #6a9bf1;}
	.blue .navbar-left .dropdown-menu > li > a{border-bottom:1px solid #357bf3;}
}
.blue .theme-nav .navbar-toggle .icon-bar{background-color: #528ef6;}
.blue .navbar-brand,
.blue .navbar-brand:hover{color:#fff;background-color:#528ef6}
.blue a.ellipsis:hover,
.blue header .nav > li > a,
.blue .jsit-btnArea .btn-info:hover,
.blue .jsit-btnArea .btn-info:focus,
.blue .nav .open > a,
.blue .nav .open > a:hover,
.blue .nav .open > a:focus{color: #528ef6}
.blue .navbar-left .dropdown-menu{background:#528ef6 url(../img/bg_dropmenu03.png) no-repeat top left}
.blue .navbar-left .dropdown-menu > li > a{background-color:#528ef6;}
.blue .badge{border: 1px solid #3277f0;background-color:#528ef6;}
.blue .navbar-right .dropdown-menu li.jsit-current a .fa{color:#528ef6}

.blue .jsit-btnArea .btn-info,
.blue .theme-panel-form .ui-jqgrid.ui-corner-all td .btn-success{color: #528ef6;border: 1px solid #528ef6;}
.blue .jsit-btnArea .btn-info:active,
.blue .jsit-btnArea .btn-info.active,
.blue .theme-panel-form .panel-heading .btn-success{
	color:#fff;border:1px solid #3277f0;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#0da33c+0,0fbc44+98 */
	background: #4382f2; /* Old browsers */
	background: -moz-linear-gradient(top, #4382f2 0%, #5c96fc 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #4382f2 0%,#5c96fc 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #4382f2 0%,#5c96fc 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4382f2', endColorstr='#5c96fc',GradientType=0 ); /* IE6-9 */
}


/* poopup */
.blue .theme-modal-body{border:3px solid #528ef6}
.blue .jsit-popupWrap .jsit-contTitArea h2{color:#528ef6;}
.blue .jsit-popupWrap .jsit-bbsView .jsit-title{color:#528ef6;}