@charset "utf-8";
body, h1, h2, h3, h4, th, td, div, span { font-family:'나눔고딕','맑은 고딕','새굴림',MingLiU-ExtB,'sans-serif';}

.pop_wrap {min-width:500px; background-color:#fff;}
.pop_wrap .main-content{margin:0;}
.pop_wrap .page-content{float:none;}


.table-responsive .paging {position:relative; padding:15px; text-align:center; min-height:30px; border-top:1px #ccc solid;}
.table-responsive .paging .pagination-wrap { min-height: 30px;}
.table-responsive .paging .page-index-changer {position:absolute; top:15px; right:5px; padding:2px 3px; border:1px solid #d4dfe3; border-radius:2px; background:#fafafa;}
.table-responsive .paging .page-index-changer .ui-pg-input {vertical-align:middle; font-size:12px; width:70px; height:22px; line-height:16px; text-align:center; padding-top:2px; padding-bottom:2px;}
.table-responsive .paging .page-index-changer .totalPage {vertical-align:middle; }
.table-responsive .paging .pagination { margin-top: 0; margin-bottom: 0; }

.table-responsive .paging_header {position:relative; padding:5px 15px; text-align:center; min-height:30px; border-top:1px #ccc solid;}
.table-responsive .paging_header .pagination-wrap { min-height: 30px;}
.table-responsive .paging_header .page-index-changer {position:absolute; top:5px; right:5px; padding:2px 3px; border:1px solid #d4dfe3; border-radius:2px; background:#fafafa;}
.table-responsive .paging_header .page-index-changer .ui-pg-input {vertical-align:middle; font-size:12px; width:70px; height:22px; line-height:16px; text-align:center; padding-top:2px; padding-bottom:2px;}
.table-responsive .paging_header .page-index-changer .totalPage {vertical-align:middle; }
.table-responsive .paging_header .pagination { margin-top: 0; margin-bottom: 0; }

/****/

.no-padding>.table-bordered, .no-padding>.table-responsive>.table-bordered {
	border: none!important;
}

/**/
#content .page-header{
	color:#40a4ad;
	font-size:20px;
	font-weight:600;
	border-bottom: 2px solid #b7b7b7;
	height: 36px;
}
#content .row{ padding-bottom:2px; overflow:hidden; }

.modal-title {
font-weight: bold;
}

/*
* smart-form 추가정의
*/
.smart-form1 .select select {
  padding: 5px;
}
.smart-form1 .tooltip {
  position: absolute;
  z-index: 99999;
  left: -9999px;
  padding: 2px 8px 3px;
  font-size: 11px;
  line-height: 16px;
  font-weight: 400;
  background: rgba(0, 0, 0, 0.9);
  color: #fff;
  opacity: 0;
  transition: margin 0.3s, opacity 0.3s;
  -o-transition: margin 0.3s, opacity 0.3s;
  -ms-transition: margin 0.3s, opacity 0.3s;
  -moz-transition: margin 0.3s, opacity 0.3s;
  -webkit-transition: margin 0.3s, opacity 0.3s;
}
.smart-form1 .tooltip:after {
  content: '';
  position: absolute;
}
.smart-form1 .input input:focus + .tooltip,
.smart-form1 .textarea textarea:focus + .tooltip {
  opacity: 1;
}
.smart-form1 .tooltip-top-right {
  bottom: 100%;
  margin-bottom: 15px;
}
.smart-form1 .tooltip-top-right:after {
  top: 100%;
  right: 11px;
  border-top: 4px solid rgba(0, 0, 0, 0.9);
  border-right: 4px solid transparent;
  border-left: 4px solid transparent;
}
.smart-form1 .input input:focus + .tooltip-top-right,
.smart-form1 .textarea textarea:focus + .tooltip-top-right {
  right: 0;
  left: auto;
  margin-bottom: 5px;
}
.smart-form1 .tooltip-top-left {
  bottom: 100%;
  margin-bottom: 15px;
}
.smart-form1 .tooltip-top-left:after {
  top: 100%;
  left: 11px;
  border-top: 4px solid rgba(0, 0, 0, 0.9);
  border-right: 4px solid transparent;
  border-left: 4px solid transparent;
}
.smart-form1 .input input:focus + .tooltip-top-left,
.smart-form1 .textarea textarea:focus + .tooltip-top-left {
  right: auto;
  left: 0;
  margin-bottom: 5px;
}
.smart-form1 .tooltip-right {
  top: 4px;
  white-space: nowrap;
  margin-left: 15px;
}
.smart-form1 .tooltip-right:after {
  top: 6px;
  right: 100%;
  border-top: 4px solid transparent;
  border-right: 4px solid rgba(0, 0, 0, 0.9);
  border-bottom: 4px solid transparent;
}
.smart-form1 .input input:focus + .tooltip-right,
.smart-form1 .textarea textarea:focus + .tooltip-right {
  left: 100%;
  margin-left: 5px;
}
.smart-form1 .tooltip-left {
  top: 4px;
  white-space: nowrap;
  margin-right: 15px;
}
.smart-form1 .tooltip-left:after {
  top: 6px;
  left: 100%;
  border-top: 4px solid transparent;
  border-bottom: 4px solid transparent;
  border-left: 4px solid rgba(0, 0, 0, 0.9);
}
.smart-form1 .input input:focus + .tooltip-left,
.smart-form1 .textarea textarea:focus + .tooltip-left {
  right: 100%;
  left: auto;
  margin-right: 5px;
}
.smart-form1 .tooltip-bottom-right {
  top: 100%;
  margin-top: 15px;
}
.smart-form1 .tooltip-bottom-right:after {
  bottom: 100%;
  right: 11px;
  border-right: 4px solid transparent;
  border-bottom: 4px solid rgba(0, 0, 0, 0.9);
  border-left: 4px solid transparent;
}
.smart-form1 .input input:focus + .tooltip-bottom-right,
.smart-form1 .textarea textarea:focus + .tooltip-bottom-right {
  right: 0;
  left: auto;
  margin-top: 5px;
}
.smart-form1 .tooltip-bottom-left {
  top: 100%;
  margin-top: 15px;
}
.smart-form1 .tooltip-bottom-left:after {
  bottom: 100%;
  left: 11px;
  border-right: 4px solid transparent;
  border-bottom: 4px solid rgba(0, 0, 0, 0.9);
  border-left: 4px solid transparent;
}
.smart-form1 .input input:focus + .tooltip-bottom-left,
.smart-form1 .textarea textarea:focus + .tooltip-bottom-left {
  right: auto;
  left: 0;
  margin-top: 5px;
}
/*
		 * normal state
		 */
.smart-form1 .input input,
.smart-form1 .select select,
.smart-form1 .textarea textarea,
.smart-form1 .radio i,
.smart-form1 .checkbox i,
.smart-form1 .toggle i,
.smart-form1 .icon-append,
.smart-form1 .icon-prepend {
  border-color: #BDBDBD;
  transition: border-color 0.3s;
  -o-transition: border-color 0.3s;
  -ms-transition: border-color 0.3s;
  -moz-transition: border-color 0.3s;
  -webkit-transition: border-color 0.3s;
}
.smart-form1 .input:hover input,
.smart-form1 .select:hover select,
.smart-form1 .textarea:hover textarea,
.smart-form1 .radio:hover i,
.smart-form1 .checkbox:hover i,
.smart-form1 .toggle:hover i {
  border-color: #5D98CC;
}
.smart-form1 .toggle i:before {
  background-color: #3276B1;
}
.smart-form1 .rating label {
  color: #ccc;
  transition: color 0.3s;
  -o-transition: color 0.3s;
  -ms-transition: color 0.3s;
  -moz-transition: color 0.3s;
  -webkit-transition: color 0.3s;
}
.smart-form1 .button {
  float: right;
  height: 31px;
  overflow: hidden;
  margin: 10px 0 0 5px;
  padding: 0 25px;
  outline: none;
  border: 0;
  font: 300 15px/31px '나눔고딕','맑은 고딕','새굴림',MingLiU-ExtB,'sans-serif';
  text-decoration: none;
  color: #fff;
  cursor: pointer;
}
.smart-form1 .button {
  background-color: #3276B1;
  opacity: 0.8;
  transition: opacity 0.2s;
  -o-transition: opacity 0.2s;
  -ms-transition: opacity 0.2s;
  -moz-transition: opacity 0.2s;
  -webkit-transition: opacity 0.2s;
}
.smart-form1 .button.button-secondary {
  background-color: #b3b3b3;
}
.smart-form1 .button a {
  color: #fff;
}
.smart-form1 .icon-append,
.smart-form1 .icon-prepend {
  color: #A2A2A2;
}
.smart-form1 .input,
.smart-form1 .select,
.smart-form1 .textarea,
.smart-form1 .radio,
.smart-form1 .checkbox,
.smart-form1 .toggle,
.smart-form1 .button {
	position: relative;
	display: block;
	font-weight: 400;
}
.smart-form1 .input input,
.smart-form1 .select select,
.smart-form1 .textarea textarea {
	display: block;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	width: 100%;
	height: 32px;
	line-height: 32px;
	padding: 5px 10px;
	outline: none;
	border-width: 1px;
	border-style: solid;
	border-radius: 0;
	font: 13px/16px '나눔고딕','맑은 고딕','새굴림',MingLiU-ExtB,'sans-serif';
	color: #404040;
	appearance: normal;
	-moz-appearance: none;
	-webkit-appearance: none;
}
.smart-form1 .input-file .button {
  position: absolute;
  top: 4px;
  right: 4px;
  float: none;
  height: 22px;
  margin: 0;
  padding: 0 14px;
  font-size: 12px;
  line-height: 22px;
}
.smart-form1 .input-file .button:hover {
  box-shadow: none;
}
.smart-form1 .input-file .button input {
  position: absolute;
  top: 0;
  right: 0;
  padding: 0;
  font-size: 30px;
  cursor: pointer;
  opacity: 0;
}
/*
		 * hover state
		 */
.smart-form1 .input:hover input,
.smart-form1 .select:hover select,
.smart-form1 .textarea:hover textarea,
.smart-form1 .radio:hover i,
.smart-form1 .checkbox:hover i,
.smart-form1 .toggle:hover i {
  border-color: #5D98CC;
}
.smart-form1 .rating input + label:hover,
.smart-form1 .rating input + label:hover ~ label {
  color: #3276B1;
}
.smart-form1 .button:hover {
  opacity: 1;
}
.smart-form1 .radio:hover i,
.smart-form1 .checkbox:hover i,
.smart-form1 .toggle:hover i {
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1);
}
/*
		 * radio/toggle/checkbox active state
		 */
.smart-form1 .radio:active i,
.smart-form1 .checkbox:active i,
.smart-form1 .toggle:active i {
  background: #F0F0F0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1);
}
/*
		 * focus state
		 */
.smart-form1 .input input:focus,
.smart-form1 .select select:focus,
.smart-form1 .textarea textarea:focus,
.smart-form1 .radio input:focus + i,
.smart-form1 .checkbox input:focus + i,
.smart-form1 .toggle input:focus + i {
  border-color: #3276B1;
}
/*
 * checked state
 */
.smart-form1 .radio input + i:after {
  background-color: #3276B1;
}
.smart-form1 .checkbox input + i:after {
  color: #3276B1;
}
.smart-form1 .radio input:checked + i,
.smart-form1 .checkbox input:checked + i,
.smart-form1 .toggle input:checked + i {
  border-color: #3276B1;
}
.smart-form1 .rating input:checked ~ label {
  color: #3276B1;
}
/*
 * error state
 */
.smart-form1 .state-error input,
.smart-form1 .state-error select,
.smart-form1 .state-error textarea,
.smart-form1 .radio.state-error i,
.smart-form1 .checkbox.state-error i,
.smart-form1 .toggle.state-error i {
  background: #fff0f0;
  border-color: #A90329;
}
.smart-form1 .toggle.state-error input:checked + i {
  background: #fff0f0;
}
.smart-form1 .state-error em, .smart-form1 em.invalid {
  display: block;
  margin-top: 6px;
  padding: 0 1px;
  font-style: normal;
  font-size: 11px;
  line-height: 15px;
  color: #D56161;
}
.smart-form1 .rating.state-error  em {
  margin-top: -4px;
  margin-bottom: 4px;
}
.smart-form1 .state-error select + i {
  background: #FFF0F0;
  box-shadow: 0 0 0 9px #FFF0F0;
}
.state-error .icon-append,
.state-error .icon-prepend {
  color: #ed1c24;
}
/*
 * success state
 */
.smart-form1 .state-success input,
.smart-form1 .state-success select,
.smart-form1 .state-success textarea,
.smart-form1 .radio.state-success i,
.smart-form1 .checkbox.state-success i,
.smart-form1 .toggle.state-success i {
  background: #f0fff0;
  border-color: #7DC27D;
}
.smart-form1 .toggle.state-success input:checked + i {
  background: #f0fff0;
}
.smart-form1 .note-success {
  color: #6fb679;
}
.smart-form1 .state-success select + i {
  background: honeyDew;
  box-shadow: 0 0 0 9px honeyDew;
}
/*
		 * disable state
		 */
.smart-form1 .input.state-disabled input,
.smart-form1 .select.state-disabled,
.smart-form1 .textarea.state-disabled,
.smart-form1 .radio.state-disabled,
.smart-form1 .checkbox.state-disabled,
.smart-form1 .toggle.state-disabled,
.smart-form1 .button.state-disabled {
  cursor: default !important;
  opacity: 0.6 !important;
}
.smart-form1 .input.state-disabled:hover input,
.smart-form1 .select.state-disabled:hover select,
.smart-form1 .textarea.state-disabled:hover textarea,
.smart-form1 .radio.state-disabled:hover i,
.smart-form1 .checkbox.state-disabled:hover i,
.smart-form1 .toggle.state-disabled:hover i {
  border-color: #e5e5e5 !important;
}
.smart-form1 .state-disabled.radio input:checked + i,
.smart-form1 .state-disabled.checkbox input:checked + i,
.smart-form1 .state-disabled.toggle input:checked + i,
.smart-form1 .state-disabled.checkbox input + i:after,
.smart-form1 .state-disabled.radio input + i:after {
  border-color: #e5e5e5 !important;
  color: #333 !important;
}
.smart-form1 .state-disabled.radio input + i:after {
  background-color: #333;
}
/*
 * submit state
 */
.smart-form1 .message {
  display: none;
  color: #6fb679;
}
.smart-form1 .message i {
  display: block;
  margin: 0 auto 20px;
  width: 81px;
  height: 81px;
  border: 1px solid #6fb679;
  border-radius: 50%;
  font-size: 30px;
  line-height: 81px;
}
.smart-form1.submited fieldset,
.smart-form1.submited footer {
  display: none;
}
.smart-form1.submited .message {
  display: block;
  padding: 25px 30px;
  background: rgba(255, 255, 255, 0.9);
  font: 300 18px/27px '나눔고딕','맑은 고딕','새굴림',MingLiU-ExtB,'sans-serif';
  text-align: center;
}

/*
	login
*/
.login_wrap { position: absolute; top: 40%; height: 240px; width:522px; margin-top: -120px; left: 50%; margin-left: -261px; text-align:center; }
.login_wrap .loginBox { padding-top:30px; }
.login_wrap .panel { width:400px; left:50%; margin-left:61px; box-shadow: 20px 20px 30px 0px #aaa; }
.login_wrap .rowh { height: 45px; }

.login_wrap input[type=checkbox] { display:none; }
.login_wrap input[type=checkbox] + label { 
	display: inline-block; 
	cursor: pointer; 
	line-height: 22px; 
	padding: 10px 30px; 5px 22px;
	background: url('/resources/images/common/checkbox_off.png') left/22px no-repeat; 
}
.login_wrap input[type=checkbox]:checked + label {
	background-image: url('/resources/images/common/checkbox_on.png');
}

.login_wrap .join-btns {
	border-top:1px grey dashed; padding:10px 0px 0px 0px;
}
.login_wrap .join-btns a{
	display:inline-block; width:30%; text-align:center;
}
.login_wrap .join-btns span{
	color:#aaa;
}

button.btn-login {
	color: #fff;
    background-color: #40b064;
    border-color: #40b064;
    width:100%
}


.btn-alert1 {
  color: #ffffff;
  background-color: #a24ff3;
  border-color: #7a05ea;
}
.btn-alert1:hover {
  color: #ffffff;
  background-color: #843fc7;
  border-color: #4e019a;
}
.btn-alert1:focus,
.btn-alert1.focus {
  color: #ffffff;
  background-color: #61299d;
  border-color: #220844;
}
.btn-alert1:active,
.btn-alert1.active,
.open > .dropdown-toggle.btn-alert1 {
  color: #ffffff;
  background-color: #5d4ff3;
  border-color: #7a05ea;
}
.btn-alert1:active:hover,
.btn-alert1.active:hover,
.open > .dropdown-toggle.btn-alert1:hover,
.btn-alert1:active:focus,
.btn-alert1.active:focus,
.open > .dropdown-toggle.btn-alert1:focus,
.btn-alert1:active.focus,
.btn-alert1.active.focus,
.open > .dropdown-toggle.btn-alert1.focus {
  color: #ffffff;
  background-color: #5830ad;
  border-color: #7a05ea;
}
.btn-alert1:active,
.btn-alert1.active,
.open > .dropdown-toggle.btn-alert1 {
  background-image: none;
}
.btn-alert1.disabled:hover,
.btn-alert1[disabled]:hover,
fieldset[disabled] .btn-alert1:hover,
.btn-alert1.disabled:focus,
.btn-alert1[disabled]:focus,
fieldset[disabled] .btn-alert1:focus,
.btn-alert1.disabled.focus,
.btn-alert1[disabled].focus,
fieldset[disabled] .btn-alert1.focus {
  background-color: #a24ff3;
  border-color: #7a05ea;
}
.btn-alert1 .badge {
  color: #a24ff3;
  background-color: #ffffff;
}
/* 형태분류 선택 popup */
.pop_sty1{position:absolute; background:#fff; width:300px; z-index:1300;}
.pop_sty1 header{position:relative; background:#3273cb; height:40px;}
.pop_sty1 header .poptit{position:absolute; top:9px; left:15px; font-size:16px; color:#fff;s}
.pop_sty1 header .btn_pop_close{position:absolute; top:9px; right:9px;}
.pop_sty1 section{padding:0 0 20px; border:solid 2px #3273cb; font-size:14px; font-weight:bold;}
.pop_sty1 section .scroll{border-bottom:dotted 1px #ccc;}

.tal { text-align:left; }
.tac { text-align:center; }
.tar { text-align:right; }

.table label.control-label { font-weight:bold; word-break:keep-all; }