@charset "utf-8";
/*!
Design and Published by : Nae sunghan, 01090319599, naenext@nextculture.kr
Last modify : 20180719

 * 1.reset
 * 2.common class
 * 3.Bootstrap overwrite
 * 4.vendor checkbox
*/

/* ------- reset ------- */
html, body {
	height: 100%;
}
body {
	color: #2c2f42;
	font-family: Roboto, Arial, "Droid Sans", sans-serif;
	font-size: 12px;
	font-weight: 400;
}
ul, li {
	list-style: none;
	margin: 0;
	padding: 0;
}
h1, .h1, h2, .h2, h3, .h3 {
	margin-top: 10px;
	margin-bottom: 10px
}
h3 {
	font-size: 15px;
	font-weight: 600;
	line-height: 17px;
}
a {
	color: rgba(255, 255, 255, 0.75);
	text-decoration: none
}
a, a:visited, a:focus, a:active, :visited, :focus, :active, .btn:focus, .btn:active:focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn.active.focus {
	outline: 0
}
a:hover, a:focus {
	text-decoration: none;
	color: rgba(255, 255, 255, 1);
}
legend {
	font-size: 18px;
	color: inherit;
    display:none;
}
/* ------- common class ------- */
.f13 {
	font-size: 13px;
}
.line_30 {
	line-height: 30px
}
.clearfix:after, form:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden
}
.left {
	float: left
}
.alignleft {
	float: left;
	margin-right: 15px
}
.alignright {
	float: right;
	margin-left: 15px
}
.bgwhite {
	background-color: #fff;
}
.tnoline {
	border-top: none !important;
}
.blue {
	color: #3498DB
}
.purple {
	color: #9B59B6
}
.green {
	color: #ee7606
}
.aero {
	color: #9CC2CB
}
.red {
	color: #E74C3C
}
.dark {
	color: #34495E
}
.border-blue {
	border-color: #3498DB !important
}
.border-purple {
	border-color: #9B59B6 !important
}
.border-green {
	border-color: #51b68d !important
}
.border-aero {
	border-color: #9CC2CB !important
}
.border-red {
	border-color: #E74C3C !important
}
.border-orange {
	border-color: #ee7606 !important
}
.border-dark {
	border-color: #34495E !important
}
.bg-white {
	background: #fff !important;
	border: 1px solid #fff !important;
	color: #2c2f42
}
.bg-green {
	background: #ee7606 !important;
	border: 1px solid #ee7606 !important;
	color: #fff
}
.bg-red {
	background: #E74C3C !important;
	border: 1px solid #E74C3C !important;
	color: #fff
}
.bg-blue {
	background: #3498DB !important;
	border: 1px solid #3498DB !important;
	color: #fff
}
.bg-orange {
	background: #F39C12 !important;
	border: 1px solid #F39C12 !important;
	color: #fff
}
.bg-purple {
	background: #9B59B6 !important;
	border: 1px solid #9B59B6 !important;
	color: #fff
}
.bg-blue-sky {
	background: #50C1CF !important;
	border: 1px solid #50C1CF !important;
	color: #fff
}
.animate {
	-webkit-animation-duration: 0.5s;
	-webkit-animation-timing-function: ease;
	-webkit-animation-fill-mode: both;
	-moz-animation-duration: 0.5s;
	-moz-animation-timing-function: ease;
	-moz-animation-fill-mode: both;
	-o-animation-duration: 0.5s;
	-o-animation-timing-function: ease;
	-o-animation-fill-mode: both;
	-ms-animation-duration: 0.5s;
	-ms-animation-timing-function: ease;
	-ms-animation-fill-mode: both;
	animation-duration: 0.5s;
	animation-timing-function: ease;
	animation-fill-mode: both
}
/* ------- Bootstrap overwrite ------- */
.table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th {
	padding: 3px 5px;
	border-top: 1px solid #e7e7e7;
}
h1 .small, .h1 small, .h2 .small, .h2 small, .h3 .small, .h3 small, h1 .small, h1 small, h2 .small, h2 small, h3 .small, h3 small {
	font-size: 80%
}
.well {
	padding: 10px;
	margin-bottom: 5px;
	border: 1px solid #ccc;
}
hr {
	margin-top: 5px;
	margin-bottom: 5px;
	border: 0;
	border-top: none
}
.table {
	margin-bottom: 0;
	word-break: keep-all;
}
.btn {
	padding: 1px 2.5%;
	border-radius: 3px;
	font-size: 12px;
	line-height: 1.8;
}
.btn-sm {
	padding: 0 10px;
	border-radius: 0px;
	font-size: 11px;
}
.btn-md {
	padding: 3px 2.5%;
}
.col-md-55, .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-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-lg-12 {
	position: relative;
	min-height: 1px;
	float: left;
	padding-right: 3px;
	padding-left: 3px
}
.row {
	margin-right: -10px;
	margin-left: -10px
}
/* ------- Bootstrap overwrite > form ------- */
.form-control {
	border-radius: 3px;
	width: 100%;
	box-shadow: none
}
.form-horizontal .control-label {
	padding-top: 8px
}
.form-control:focus {
	border-color: #CCD0D7;
	box-shadow: none !important
}
.form-horizontal .form-group {
	margin-right: 0;
	margin-left: 0
}
.form-control-feedback {
	margin-top: 6px;
	height: 23px;
	color: #495057;
	line-height: 24px;
	font-size: 17px
}
.form-control-feedback.add-label {
	margin-top: 27px;
}
.form-control-feedback.left {
	border-right: 1px solid #ccc;
	left: 10px
}
.form-control-feedback.right {
	border-left: 1px solid #ccc;
	right: 13px
}
.form-control.has-feedback-left {
	padding-left: 50px
}
.form-control.has-feedback-right {
	padding-right: 50px
}
.form-group {
	margin-bottom: 1px
}
/* ------- Bootstrap overwrite > panel ------- */
.panel {
	margin-bottom: 5px;
	border-radius: 0;
}
.headingline {
	border-top: solid 2px #3d4155;
	border-radius: 0;
}
.panel-heading, .panel-body {
	padding: 3px;
}
.panel-heading h3 {
	font-size: 13px;
	margin: 1px 5px 1px;
	font-weight: bold;
}
.panel-footer {
	padding: 3px 7px;
	background-color: #fff;
}
.panel-danger {
	border-color: #ee7606;
}
.panel-danger>.panel-heading {
	color: #fff;
	background-color: #ee7606;
	border-color: #ee7606;
	background-image: none;
	border-radius: 0;
}
.panel.thgray .table th {
	background-color: #f2f2f2;
	white-space: nowrap;
}
.panel .thtitle {
	width: 70px;
	border-right: solid 3px #fff;
	vertical-align: middle;
}
.panel .thtitle.thorange {
	background-color: #ee7606 !important;
	color: #fff;
}
.panel .thtitle.thgreen {
	background-color: #51b68d !important;
	color: #fff;
}
.panel_toolbox {
	float: right;
	min-width: 55px
}
.panel_toolbox>li {
	float: left;
	cursor: pointer
}
.panel_toolbox>li>a {
	padding: 0 3px;
	color: #a5a7ac;
	font-size: 12px;
	line-height: 16px;
}
/* x_panel */
.x_panel {
	display: inline-block;
	position: relative;
	width: 100%;
	margin-bottom: 5px;
	padding: 2px 0;
	background: #fff;
	border: 1px solid #e2e2e2;
	-webkit-column-break-inside: avoid;
	-moz-column-break-inside: avoid;
	column-break-inside: avoid;
	opacity: 1;
	transition: all .2s ease
}
.x_title {
	border-bottom: 1px solid #E6E9ED;
	padding: 1px 8px 3px;
}
.x_title .filter {
	width: 40%;
	float: right
}
.x_title h3 {
	display: block;
	margin: 5px 0 4px;
	float: left;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap
}
.x_title h3 small {
	margin-left: 5px
}
.x_content {
	padding: 5px 5px 3px;
	position: relative;
	width: 100%;
	float: left;
	clear: both;
}
.x_content .notinput {
	border-bottom: 1px solid #e7e7e7;
}
.x_content .notinput label {
	border: none;
	border-radius: 0;
}
.x_content .notinput span {
	line-height: 2.5;
	padding-left: 13px;
}
.x_content.withtitle {
	padding: 7px 5px 3px;
}
.x_content h4 {
	font-size: 16px;
	font-weight: 500
}
/* ------- Bootstrap overwrite > tooltip ------- */
.tooltip {
	font-family: inherit;
}
.tooltip.in {
	filter: alpha(opacity=100);
	opacity: 1;
}
.tooltip.bottom {
	margin-top: 0px;
}
.tooltip-inner {
	max-width: 400px;
	padding: 10px;
	color: #323232;
	text-align: left;
	background-color: #fff;
	border-radius: 0;
	border: solid 2px #51b68d;
	-webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175);
	box-shadow: 0 6px 12px rgba(0,0,0,.175)
}
.tooltip.bottom .tooltip-arrow {
	top: 0;
	left: 50%;
	margin-left: -5px;
	border-width: 0 5px 5px;
	border-bottom-color: #51b68d;
}
.tooltip.bottom-left .tooltip-arrow {
	top: 0;
	right: 5px;
	margin-top: -5px;
	border-width: 0 5px 5px;
	border-bottom-color: #51b68d;
}
.tooltip.bottom-right .tooltip-arrow {
	top: 0;
	left: 5px;
	margin-top: -5px;
	border-width: 0 5px 5px;
	border-bottom-color: #51b68d;
}
/* ------- Bootstrap overwrite > etc ------- */
.label {
	font-size: 90%;
}
.label-danger {
	background-color: #ee7606;
}
.input-group {
	margin-bottom: 1px
}
.input-group-addon {
	font-weight: 600;
}
.input-group-addon.text4 {
	min-width: 69px;
}
.input-group-addon.text5 {
	min-width: 81px;
}
.input-group-addon.text6 {
	min-width: 93px;
}
.input-group-addon.wave {
	border-left: none;
	border-right: none;
	padding: 0 5px;
	min-width: 0;
}
/* ------- vendor checkbox (iCheck plugin Flat skin, orange) ------- */
.icheckbox_flat-orange, .iradio_flat-orange {
	display: inline-block;
 *display: inline;
	vertical-align: middle;
	margin: 0;
	padding: 0;
	width: 20px;
	height: 20px;
	background: url(../images/orange.png) no-repeat;
	border: none;
	cursor: pointer;
}
.icheckbox_flat-orange {
	background-position: 0 0;
}
.icheckbox_flat-orange.checked {
	background-position: -22px 0;
}
.icheckbox_flat-orange.disabled {
	background-position: -44px 0;
	cursor: default;
}
.icheckbox_flat-orange.checked.disabled {
	background-position: -66px 0;
}
.iradio_flat-orange {
	background-position: -88px 0;
}
.iradio_flat-orange.checked {
	background-position: -110px 0;
}
.iradio_flat-orange.disabled {
	background-position: -132px 0;
	cursor: default;
}
.iradio_flat-orange.checked.disabled {
	background-position: -154px 0;
}

/* HiDPI support */
@media (-o-min-device-pixel-ratio: 5/4), (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi) {
 .icheckbox_flat-orange, .iradio_flat-orange {
 background-image: url(../images/orange@2x.png);
 -webkit-background-size: 176px 22px;
 background-size: 176px 22px;
}
}
/* only review*/
table.jambo_table thead {
	background:#606e89;
	color: #ECF0F1
}
table.jambo_table tbody tr:hover td {
	background: rgba(238, 118, 6, 0.07);
	border-top: 1px solid rgba(238, 118, 6, 0.2);
	border-bottom: 1px solid rgba(238, 118, 6, 0.2)
}
table.jambo_table tbody tr.selected {
	background: rgba(38, 185, 154, 0.16)
}
table.jambo_table tbody tr.selected td {
	border-top: 1px solid rgba(38, 185, 154, 0.4);
	border-bottom: 1px solid rgba(38, 185, 154, 0.4)
}