/*!
 * Start Bootstrap - SB Admin Bootstrap Admin Template (http : //startbootstrap.com)
 * Code licensed under the Apache License v2.0.
 * For details, see http : //www.apache.org/licenses/LICENSE-2.0.
 */

/* Global Styles */

body {
	margin-top : 100px;
	background-color : #dae0e7;
	font-family : 'NanumGothic','Nanum Gothic','나눔고딕',dotum;
	-webkit-font-smoothing : antialiased;
	font-size : 14px;
}
.pop_body{background : #fff; margin : 0; padding : 0;}
input{vertical-align : middle;}
@media(min-width : 768px) {
	body {
		margin-top : 50px;
	}
}

#wrapper {
	padding-left : 0;
}

#page-wrapper {
	padding : 20px;
	background-color : #dae0e7;
	display : block;
}

.huge {
	font-size : 50px;
	line-height : normal;
}

@media(min-width : 768px) {
	#wrapper {
		padding-left : 225px;
	}

	#page-wrapper {
		 20px;
	}
}

/* Top Navigation */
.top-nav {padding : 0 15px;}
.top-nav>li {display : inline-block; float : left;}
.top-nav>li>a {padding-top : 15px;	padding-bottom : 15px; line-height : 20px; color : #555;}
.top-nav>li>a : hover,
.top-nav>li>a : focus,
.top-nav>.open>a,
.top-nav>.open>a : hover,
.top-nav>.open>a : focus {color : #000; background-color : transparent;}

.top-nav>.open>.dropdown-menu {
	float : left;
	position : absolute;
	margin-top : 0;
	border : 1px solid rgba(0,0,0,.15);
	border-top-left-radius : 0;
	border-top-right-radius : 0;
	background-color : #fff;
	-webkit-box-shadow : 0 6px 12px rgba(0,0,0,.175);
	box-shadow : 0 6px 12px rgba(0,0,0,.175);
}

.top-nav>.open>.dropdown-menu>li>a {	white-space : normal;}
ul.message-dropdown {	padding : 0;	max-height : 250px;	overflow-x : hidden;	overflow-y : auto;}
li.message-preview {	width : 275px;	border-bottom : 1px solid rgba(0,0,0,.15);}
li.message-preview>a {	padding-top : 15px;	padding-bottom : 15px;}
li.message-footer {	margin : 5px 0;}
ul.alert-dropdown {	width : 200px;}

/* Side Navigation */

@media(min-width : 768px) {
	.side-nav {
		position : fixed;
		top : 51px;
		left : 225px;
		width : 225px;
		margin-left : -225px;
		border : none;
		border-radius : 0;
		overflow-y : auto;
		background-color : #2e353c;
		bottom : 0;
		overflow-x : hidden;
		padding-bottom : 40px;
	}

	.side-nav>li>a {width : 225px;}

	.side-nav li a : hover,
	.side-nav li a : focus {outline : none;}
}

.side-nav>li>ul { padding : 0;}

.side-nav>li>ul>li>a {
	display : block;
	padding : 4px 4px 4px 44px;
	text-decoration : none;
	color : #a0a4a9;
	font-size : 12px;
}

.side-nav>li>ul>li>a : hover { color : #FFF;}

.side-nav span {
	padding-left : 10px;
}

.font-active {
	color : #ffffff;
	font-weight : bold;

}
/* Flot Chart Containers */

.flot-chart {display : block; height : 400px;}
.flot-chart-content {width : 100%; height : 100%;}

/* Custom Colored Panels */

.huge {font-size : 40px;}

.panel-green {border-color : #5cb85c;}

.panel-green > .panel-heading {border-color : #5cb85c; color : #fff; background-color : #5cb85c;}
.panel-green > a {color : #5cb85c;}
.panel-green > a : hover {color : #3d8b3d;}
.panel-red {border-color : #d9534f;}
.panel-red > .panel-heading {border-color : #d9534f; color : #fff; background-color : #d9534f;}
.panel-red > a {color : #d9534f;}
.panel-red > a : hover {color : #b52b27;}
.panel-yellow {border-color : #f0ad4e;}
.panel-yellow > .panel-heading {border-color : #f0ad4e; color : #fff; background-color : #f0ad4e;}
.panel-yellow > a {color : #f0ad4e;}
.panel-yellow > a : hover {color : #df8a13;}
/*100*/
.t_center {text-align : center;}
.t_right {text-align : right;}
.t_left {text-align : left;}

.f_none {float : none !important;}
.f_right {float : right;}
.f_left {float : left;}

.bg_wh {background-color : #FFF; border-radius : 2px;}
.bg_yl {background-color : #fefbe9;}
.gr_txt {color : #2f9a9b !important;}
.font-line{color : #ccc; font-size : 10px; margin : 0 8px;}
.font_c_01{color : #333;}
.txt_point{font-weight : 600; color : #ed1746;}

.txt_12{font-size : 12px;}

.pd_0 {padding : 0 !important;}
.mg_0 {margin : 0 !important;}
.mt5{margin-top : 5px;}
.mt10{margin-top : 10px;}
.mt20{margin-top : 20px;}
.mb10{margin-bottom : 10px;}
.mb20{margin-bottom : 20px;}
.mg_v_10 {margin : 10px 0px;}
.mg_w_10 {margin : 0px 10px;}
.mrg10{margin : 10px;}
.mrg20{margin : 20px;}
.pd20{padding : 20px;}
.ml10{margin-left : 10px;}

.w_100 {width : 100%;}
.db_in {display : inline-block;}
.img_line{border : 1px solid #ccc;}

ul {padding : 0;}
li {list-style : none;}

.che_label{margin-right : 15px; font-weight : normal; vertical-align : middle;}
.che_label input{vertical-align : middle;}

.top_txt_01{font-size : 14px; color : #666;}
.top_txt_01 strong{color : #333;}

.onuser {height : 80px;; background : #1b2229; padding : 20px; }
.onuser p {font-size : 14px; color : #FFF; margin : 0;}
.onuser p span{font-size : 12px; color : #a0a4a9; padding : 0;}

.btm_line {border-bottom : 1px solid #ddd !important;}
.gr_point {border-top : 2px solid #34acad;}
.gr_point > tbody > tr > th {background-color : #FFF;}

.inline-check {vertical-align : middle; margin : 0 !important;}
.toggle_set {padding : 7px 0;}

.table tr td p {color : #999; padding-top : 5px; margin : 0;}

.table_title {display : ;}
.table_title .fa {font-size : 12px; color : #34acad; padding-right : 4px;}
.table_title h5{color : #333; font-weight : 500;}
.table_title p{display : -webkit-inline-box; float : right; font-size : 12px; color : #666; font-weight : normal;}
.table_title p span {color : #2f9a9b; font-weight : bold;}
.table_title h4 span {color : #999; font-size : 15px;}
.table_title h4 .fa {font-size : 14px;}

.form_side {text-align : left;}
.form_side input {display : inline;	margin-right : 10px; width : 50px; text-align : center;}

.multiple_fix select {height : 100px;}
.multiple_fix select option {word-wrap : break-word;}
.map_img {width : 684px; height : 250px; border : 1px solid #ddd;}

.paging{text-align : center;}
.paging a{padding : 10px; color : #666}
.paging a : active, .paging a : hover{text-decoration : none; background : #f6f6f6;}
.paging .prev, .paging .next {display : inline-flex;}
.paging .prev a{border : 1px solid #ccc; padding : 5px 10px; margin-right : 3px;}
.paging .next a{border : 1px solid #ccc; padding : 5px 10px; margin-left : 3px;}
.paging a.on{color : #34acad; font-weight : bold; }

.attach {float : left; display : -webkit-box}
.add_img {width : 140px; height : 140px; border : 1px solid #ddd; margin-bottom : 10px;}
.add_img img {width : 100%; height : 100%;}
.add_img_btn {width : 500px; margin : 107px 0 0 10px;}

.table-bordered tbody tr td.table_left {text-align : left;}
.table-bordered thead tr th.table_left {text-align : left;}
.table-bordered table td{border-bottom : 1px dashed #ccc; padding : 5px;}
.table-bordered table tr : last-child td{border-bottom : none;}

.search_table{border-top : 2px solid #34acad; border-left : 1px solid #ddd; width : 100%; }
.search_table th{text-align : left; border-bottom : 1px solid #ddd; border-right : 1px solid #ddd; padding : 10px;}
.search_table td{text-align : left; border-bottom : 1px solid #ddd; border-right : 1px solid #ddd; padding : 10px;}

.min_table tbody tr th,
.min_table tbody tr td {padding : 5px 0px;}

.view_img img {width : 100%; height : auto;}

.login {background : url('../images/bg-10.jpg'); margin : 0;}
.login_bg {width : 100%; height : 100%; background : rgba(102,102,102,0.5); position : absolute;}
.login_head {margin : 170px auto 20px; display : block; font-size : 24px; color : #FFF; width : 460px; text-shadow : 2px 2px 3px #222;}

.login .panel {width : 460px; height : auto; margin : 0 auto;}
.login .panel .panel-body .form-group {margin : 20px;}
.login .panel .panel-body .form-group .form-control {height : 50px; color : #FFF; background : rgba(0,0,0,0.5); border : 0; line-height : 1.5; padding : 5px 10px;}
.login .panel .panel-body p {color : #999; padding : 0 20px; }
.login .panel .panel-body span {float : right;}
.login_btn {width : calc(100% - 40px); height : 50px; margin : 20px; font-size : 16px; padding-top : 12px;}

footer {min-height : 40px; display : block; color : #8c9298;}

.navbar .navbar-header .navbar-brand img {display : inline-block; padding-right : 8px;}

.navbar-inverse .navbar-nav > li > a {
	color : #a0a4a9;
	font-size : 12px;
	background-color : #2e353c;
}
.navbar-nav > li > a {
	padding-top : 5px;
	padding-bottom : 5px;
}

.sum_field {width : 100%; height : 100px; border : 1px solid #ddd; padding : 10px 15px; word-break : break-all; line-height : 1.5; overflow-y : scroll;}
.sum_default {width : 100%; height : 100px; border : 1px solid #ddd; padding : 10px 15px; word-break : break-all; line-height : 1.5;}

.arrange {width : 100%; height : 100%; text-align : center; border : 1px solid #8297cb; display : inline-block;}
.arrange ul li {float : left; width : 160px; height : auto; background-color : #fdf8d4; padding : 15px; color : #53689a; border-left : 1px solid #8297cb;}
.arrange ul li b{font-size : 14px;}
.arrange ul li : first-child {width : 184px; background : transparent; border-left : none;}
.arrange .highlight ul li {background-color : #53689a; color : #FFF;}

/* sorting */
.sorting_bar ul li {float : left; margin : 0 5px 10px 0;}
.sorting_bar ul li	a {color : #707478;}
.sorting_bar ul li a {display : inline-block; padding : 5px 10px; border : 1px solid #ddd; border-radius : 3px;}
.sorting_bar ul li a : hover {text-decoration : none;}
.sorting_bar .sort_pink {background : #fbe2f1;}
.sorting_bar .sort_green {background : #ddf7f4;}
.sorting_bar .sort_gray {background : #f5f6f7;}
.sorting_bar .sort_blgray {background : #d4d9e7;}

/* state */
.bar_pink {background-color : #fbe2f1;}
.bar_green {background-color : #ddf7f4;}
.bar_gray {background-color : #f5f6f7;}
.bar_gray td {color : #999;}
.bar_blgray {background-color : #d4d9e7;}
.bar_blgray td {color : #999;}

.state_01{background : #ccc; padding : 3px 6px 4px 6px; color : #777; border-radius : 2px;}
.state_02{background : #4189bb; padding : 3px 6px 4px 6px; color : #fff; border-radius : 2px;}
.state_02-1{background : #fff; padding : 3px 6px 4px 6px; color : #a6cde8; border-radius : 2px; border : 1px solid #a6cde8;}
.state_03{background : #f45278; padding : 3px 6px 4px 6px; color : #fff; border-radius : 2px;}
.state_04{background : #666; padding : 3px 6px 4px 6px; color : #afafaf; border-radius : 2px;}
.state_05{background : #7c74ac; padding : 3px 6px 4px 6px; color : #fff; border-radius : 2px;}

.box_rd {border : 1px solid #fb7672; color : #fb7672; height : 20px; padding : 0 5px; border-radius : 13px; display : inline-block; }
.box_bl {border : 1px solid #8891c7; color : #8891c7; height : 20px; padding : 0 5px; border-radius : 13px; display : inline-block; }
a .box_rd : hover {background-color : #fed6d4;}
a .box_bl : hover {background-color : #dbdeee;}

/*scrollbar1*/
 :  : -webkit-scrollbar {width : 12px;}
 :  : -webkit-scrollbar-track {background-color : #f0f3f5; border-left : 1px solid #ddd;}
 :  : -webkit-scrollbar-thumb {background-color : #bac4d7;}
 :  : -webkit-scrollbar-thumb : hover {background-color : #afbad1;}

/*scrollbar2
 :  : -webkit-scrollbar {width : 12px;}
 :  : -webkit-scrollbar-track {background-color : #1b2229;}
 :  : -webkit-scrollbar-thumb {background-color : #555b62;}
 :  : -webkit-scrollbar-thumb : hover {background-color : #676e75;}*/

/*Tab*/
 #tabs_cont {width : 100%; margin : 0 auto;}
ul.tabs {float : left; list-style : none; height : 33px; width : 100%; border-bottom : 1px solid #ddd; margin : 0; padding : 0;}
ul.tabs li {float : left; text-align : center; cursor : pointer; width : 82px; height : 33px; line-height : 31px; background : #FFF; overflow : hidden; position : relative;
			border-left : 1px solid #ddd; border-top : 1px solid #ddd; margin : 0; }
ul.tabs li : last-child {border-right : 1px solid #ddd;}
ul.tabs li.active {background : #FFF; margin : 0; background-color : #FFF; font-weight : bold;}
.tab_container {clear : both; float : left; width : 100%;}
.tab_content {padding-top : 20px; display : none;}
.tab_container .tab_content ul {width : 100%; margin : 0px; padding : 0px;}
.tab_container .tab_content ul li {padding : 5px; list-style : none;}

/*popup*/
#popup1 {z-index : 10000;}
.overlay {position : fixed; top : 0; bottom : 0; left : 0; right : 0; background : rgba(0, 0, 0, 0.6); transition : opacity 500ms; visibility : hidden; opacity : 0;}
.overlay : target {visibility : visible; opacity : 1;}
.popup {width : 800px; margin : 140px auto; padding : 20px; background : #fff; border-radius : 5px; position : relative; transition : all 0.1s ease-in-out;}
.popup .close {position : absolute; top : 20px; right : 30px; transition : all 200ms; font-size : 30px; font-weight : bold; text-decoration : none; color : #999;}
.popup .close : hover {color : #888;}
.popup .pop_cont {overflow : hidden; height : 100%;}

.pop_title{background : #2e353c; font-size : 16px;	color : #fff; padding : 15px 0 15px 10px;}
.pop_con{margin : 30px;}

/*comment*/
.comment {padding : 15px;}
.comment textarea {width : calc(100% - 97px); display : inline-block; vertical-align : bottom;}
.comment .btn {margin : 0 0 0 15px;}

.photo_list{}
.photo_list li{display : inline;}
.photo_list li img{border : 1px solid #ccc;}
.photo_round{border-radius : 90px;}

.ticket_01{display : inline-block; width : 100px; height : 40px; background : #666; color : #fff; text-align : center; font-size : 16px; line-height : 40px; border : 1px solid #666;}
.ticket_01 : hover{text-decoration : none; color : #fff;}
.ticket_02{display : inline-block; width : 100px; height : 40px; background : #ed1746; color : #fff; text-align : center; font-size : 16px; line-height : 40px; border : 1px solid #ed1746;}
.ticket_02 : hover{text-decoration : none; color : #fff;}
.ticket_03{display : inline-block; width : 100px; height : 40px; background : #ddd; color : #666; text-align : center; font-size : 16px; line-height : 40px; border : 1px solid #ccc;}
.ticket_03 : hover{text-decoration : none; color : #666;}

/* 파일 업로드 */
.filebox {position : relative; height : 30px; }
.filebox input[type="file"] { position : absolute; width : 1px; height : 1px; padding : 0; margin : -1px; overflow : hidden; clip : rect(0,0,0,0); border : 0; }
.filebox label {
	display : inline-block; padding : 5px 25px; border-radius : 3px; background : #b6c2c9; color : #fff; cursor : pointer; position : absolute;}
.filebox label : hover{background : #929ba1 }
/* named upload */
.filebox .upload_name {
	display : inline-block;
	padding : 5px 25px; /* label의 패딩값과 일치 */
	background : none; border : 0;
	color : #333;
	position : absolute; left : 110px;
	-webkit-appearance : none;
	-moz-appearance : none;
	appearance : none; }

a.btn_w{color : #666; background : #fff; border : 1px solid #ddd; padding : 8px 15px; border-radius : 3px;}
a : hover.btn_w{color : #666; text-decoration : none;}

a.btn_w_sm{color : #666; background : #fff; border : 1px solid #ddd; padding : 5px 10px; border-radius : 3px;}
a : hover.btn_w_sm{color : #666; text-decoration : none;}

a.btn_big{color : #ed1746; background : #fff; border : 1px solid #ed1746; padding : 8px 15px; border-radius : 3px; display : block; font-size : 16px; font-weight : 700;}
a : hover.btn_big{color : #fff; text-decoration : none; background : #ed1746; font-weight : 700;}

.list_style_1 li{display : block; overflow : hidden; padding : 5px 0;}


/* 변형 라디오버튼 */
.box_content ul{overflow : hidden}
.box_content ul li{float : left; margin-left : 3px;}
.custom_radio input[type="radio"] {display : none;}
.custom_radio input[type="radio"] + label {display : block; text-align : center; padding : 3px 20px; line-height : 30px; border : 1px solid #ddd; cursor : pointer; border-radius : 3px;}
.custom_radio input[type="radio"] : checked + label{background : #ed1746; color : #fff; border : 1px solid #ed1746;}

/* popup */
.pop_body{background : #fff;}

/* datepicker custom */
.ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year{vertical-align : middle; padding : 0 5px; height : 27px}