/* Mirtech Co. */ 
/*============================================================
	
	[전체 사이트 공통 css 페이지 입니다.]
	mir_home_sub_common 이용자용 공통 css
	
	copyright (c)all mirtech

============================================================*/

/* wrapper 설정 ******************************************************************************************* */
#wrapper{
	}

/* header 설정 - sub 전용 ********************************************************************************* */


/* sub_content 설정 *************************************************************************************** */
#sub_content{
	min-height:680px;
	}
	/* content_header 설정 */
	#sub_content #content_header{
		padding:5px 0;
		overflow:hidden;
		font-weight:bold;
		font-size:15px;
		border-top:1px solid #f0f0f0;
		border-bottom:1px dotted #f0f0f0;
		background-color:#f5f5f5;
		height:50px;
		margin-left:-15px;
		margin-right:-15px;
		}
		#sub_content #content_header .container{
			width:auto;
			max-width:1170px;
			padding-right: 15px;
		    padding-left: 15px;
		    margin-right: auto;
		    margin-left: auto;
			}
		#sub_content #content_header h4{
			float:left;
			font-weight:bold;
			font-size:22px;
			color:#009acb;
			margin-top: 8px;
			margin-left:15px;
			}
			
		#sub_content #content_header .content_description{
			float:left;
			font-size:14px;
			margin-top: 8px;
			margin-left:15px;
		}
		#sub_content #content_header .content_navigation{
			float:right;
			margin-right:15px;
			font-weight:normal;
			}
		#sub_content #content_header .content_navigation ol.breadcrumb{
			background:none;
			border-radius:none;
			padding:10px 0 0 0;
			}
		.breadcrumb > li + li::before{
			color: #ccc;
			content: "> ";
			padding: 0 5px;
			}
			#sub_content #content_header .content_navigation ol.breadcrumb li{
				float:left;
				margin:0 0 0 2px;
				font-size:13px;
				}
	
	/* content_content 설정 */			
	#sub_content #content_content{
		max-width: 1170px;
		margin:30px auto;
		}
		#content_sidenav_left{}
		#content_data{}
		#content_sidenav_right{}
		
		/* content side nav (패싯)설정 */
		@media only screen and (max-width:1080px){
			#content_sidenav_left{
				display:none;
			}
		}		
		
/* 모바일 설정  *****************************************************************************************/
@media (max-width: 767px){
	
	/* sub_content 설정 */
	#sub_content{
		min-height:auto;
		}
		#sub_content #content_header h4{
			margin-left:0px;
			font-size:18px;
			}
		#sub_content #content_header .container{
			padding-right: 25px;
		    padding-left: 25px;
			}
		#sub_content #content_header .content_navigation{display:none;}
		#sub_content #content_content{
			padding:15px 0px;
			margin:0 auto;
			}
			#sub_content #content_content .sub_contents{margin-bottom:50px;}
		
		#content_sidenav_left{padding:0;}
		#content_data{padding:0;}
		#content_sidenav_right{padding:0;}
		
}


/* 서브 컨텐츠 시작 ***********************************************************************************/



/* 제목 설정  **********************************************************************************/
.h4 .small, .h4 small, .h5 .small, .h5 small, .h6 .small, .h6 small, 
h4 .small, h4 small, h5 .small, h5 small, h6 .small, h6 small{font-size: 70%;}


/* tab 설정    **********************************************************************************/
.nav-tabs{margin-bottom:15px;}
.nav > li > a{padding: 5px 12px;}
.ui-tabs .ui-widget-header{
	background:none;
	border-top:0 none;
	border-left:0 none;
	border-right:0 none;
	border-bottom:1px solid #c5c5c5;
	}
.ui-tabs .ui-tabs-nav .ui-tabs-anchor{
	padding: .3em 1em;
	color:#454545;
	font-size:13px;
	}
.ui-tabs-tab a:hover{background-color:#eee;}
.ui-tabs .ui-tabs-nav li.ui-tabs-active a{
	background-color:#fff;
	color:#48a0e9;
	font-weight:bold;
	}

.ui-tabs-nav .ui-state-default, 
.ui-tabs-nav .ui-widget-content .ui-state-default, 
.ui-tabs-nav .ui-widget-header .ui-state-default{
    border: 0 none;
    background: none;
    color:#454545;
	}

.ui-tabs-nav .ui-tabs-nav .ui-state-active,
.ui-tabs-nav .ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active{
    border:1px solid #efefef;
    background-color:#efefef;
    color:#454545;
	}

/* 라인없는 tab 설정 */
.tab-content{padding:10px;}

/* tab content 설정 */
.tab_content{padding: 15px 0;}

/* 서브 탭 디자인 설정 */
#content_content > form > .nav-tabs > li > a,
#content_content > .nav-tabs > li > a,
#content_content .tabs-style-topline > .nav-tabs > li > a,
#modal_content .nav-tabs > li > a{
	padding: 5px 15px;
	border:1px solid #efefef;
    background-color:#efefef;
    font-size:14px;
	border-radius:0;
	min-width:20px;
	}
	#content_content > form > .nav-tabs > li.active > a,
	#content_content > form > .nav-tabs > li.active > a:focus,
	#content_content > form > .nav-tabs > li.active > a:hover,
	#content_content > .nav-tabs > li.active > a,
	#content_content > .nav-tabs > li.active > a:focus,
	#content_content > .nav-tabs > li.active > a:hover,
	#content_content .tabs-style-topline > .nav-tabs > li.active > a,
	#content_content .tabs-style-topline > .nav-tabs > li.active > a:focus,
	#content_content .tabs-style-topline > .nav-tabs > li.active > a:hover,
	#modal_content .nav-tabs > li.active > a,
	#modal_content .nav-tabs > li.active > a:focus,
	#modal_content .nav-tabs > li.active > a:hover{
		font-weight:bold;
		color:#fff;
		background-color:#223249;
		border-color: #223249 #223249 transparent;
		}
	/* 서브 탭 - 웹DB */	
	#content_content .tab_sub li.active{font-weight:bold;}
	#content_content .tab_sub > li.active > a,
	#content_content .tab_sub > li.active > a:focus,
	#content_content .tab_sub > li.active > a:hover{
	    background-color:#1949ac !important;
	    color:#fff;
		}		

/* 탭 디자인 추가 */
.nav-tabs > li.tab_right{
	float:right !important;
	}
.tabs_day{
	font-weight: bold;
    position: relative;
    top: 4px;}
.tabs_right{float: right;}

/* 탭 디자인 설정 */
#content_content .nav > li > a{
	padding: 5px 15px;
	border:1px solid #efefef;
    background-color:#efefef;
	font-size: 12px;
	}
#content_content .nav-tabs > li > a{
	font-size:14px;
	border-radius:0;
	min-width:20px;
	}
	#content_content .nav-tabs > li.active > a,
	#content_content .nav-tabs > li.active > a:focus,
	#content_content .nav-tabs > li.active > a:hover{
		font-weight:bold;
		color:#fff;
		background-color:#223249;
		border-color: #223249 #223249 transparent;
		}
		
		#content_content .nav-pills > li.active > a, 
		#content_content .nav-pills > li.active > a:focus,
		#content_content .nav-pills > li.active > a:hover{
			background-color:#337ab7;
			}

#content_content .tab_nav_box{
		padding: 2px 0;
		border: 1px solid #e6e6e6;
		background-color: #eee;
		}
		
/* 모바일용 */
@media screen and (max-width:767px) {
	#content_content .nav-tabs > li > a{
	font-size:12px;
	letter-spacing:-1px;
	}
}


/* 메뉴트리 설정 **********************************************************************************/
.rb-tree ul{padding-left: 20px;}
.rb-tree > ul{padding-left: 0;}
.rb-tree li{
	list-style-type: none;
	position: relative;
	}
.rb-tree a{
	text-decoration: none;
	line-height: 1.8;
	color: #666;
	outline: none;
	}
.rb-tree a:active{
	outline: none;
	color: #000;
	}
.rb-tree a:focus span{
	outline: none;
	color: #000;
	font-weight:bold;
	}
.rb-tree a:active span{
	color: #000;
	font-weight: bold;
	}
.rb-tree.rb-root{padding-left: 0;}
.rb-tree .panel{
	margin-bottom: 0;
	background-color: transparent;
	border:none;
	border-radius: 0;
	-webkit-box-shadow: none;
	box-shadow: none;
	}
.rb-tree .rb-active a{font-weight: bold;}
.rb-tree  span{
	padding: 0 7px;
	/*display:inline-block;*/
	/* */
	display:inline-block;
	}

/* tree icon */
.rb-tree  > ul.rb-icon{padding-left: 20px;}

.rb-tree .rb-icon li::before, 
.rb-tree .rb-icon li::after{
	content: '';
	left: -15px;
	position: absolute;
	right: auto;
	}

.rb-tree .rb-icon li:before{
	border-left: 1px solid #ddd;
	top: -8px;
	bottom: 8px;
	width: 1px;
	}

.rb-tree .rb-icon li:last-child::before{height: 20px;}

.rb-tree .rb-icon li:after{
	border-top: 1px solid #ddd;
	top: 11px;
	width: 14px;
	margin-left: 0
	}

.rb-tree .rb-icon .rb-branch.collapsed:before{
	font-family: FontAwesome;
	content: "\f196";
	}

.rb-tree .rb-icon .rb-branch:before{
	font-family: FontAwesome;
	content: "\f147";
	}

.rb-tree .rb-icon .rb-leaf:before{content: " ";}

	
/* 컬랩스 **********************************************************************************/
p.collapse_btn{padding-bottom: 10px;}


/* 아코디언 리스트 **********************************************************************************/
.panel .panel-heading h4.panel-title{font-size:13px;}
	
	
/* 팝오버  **********************************************************************************/
.popover{font-size:13px;}
	.popover-title{font-size:13px;}
	
	
/* 달력 *********************************************************************************/
.ui-widget.ui-widget-content{z-index:1;}

.date_picker .control-label{
	width:85px;
	padding-left:0;
	}
	.date_picker .control-label{position: absolute;}
	.form-inline .date_picker .control-label{position: relative;}
	
/* 시계 & 시간설정 ***************************************************************************/
.timepicker_wrap{padding:8px !important;}
	.timepicker_wrap .time,
	.timepicker_wrap .mins,
	.timepicker_wrap .meridian{
		width:40px;
		margin:0px;
		font-size:15px;
		}

	 /*.timepicker_wrap .prev,
	.timepicker_wrap .next{
	   padding:12px;
	    width:23%;
	    background-size:60%;
	    -webkit-background-size:60%;
		}
	.timepicker_wrap .prev{background-position:50% -50%;}
	.timepicker_wrap .next{background-position:50% 130%;}*/
	
		
/* 서브 검색창 **********************************************************************************/
.sub_search .panel-heading{overflow:hidden;}

/* 고급검색 */
.sub_search .detail_search .col-lg-12{margin-bottom:10px;}

/* 소장검색 */
@media (max-width: 768px) {
	#mtype_chk_scope .col-sm-10 label{
		 margin-right:10px;
	}
	#mtype_chk_scope .checkbox-inline+.checkbox-inline, .radio-inline+.radio-inline{
	margin-left:0px;
	}
	
}
/* 테이블 상단 박스 설정 **********************************************************************************/
.table_top_setting{}
	.table_top_setting .panel-heading{overflow: hidden;}
	.table_top_setting .panel-heading > .form-inline{display:inline-block;}
		.table_top_setting .panel-heading .search_option_btn{
			float:right;
			}
	.table_top_setting .panel-body{}
	.table_top_setting .panel-footer{text-align:right;}
	
.table_top_box .text-muted, 
.table_top_box .text-primary, 
.table_top_box .text-success, 
.table_top_box .text-info, 
.table_top_box .text-warning, 
.table_top_box .text-danger{margin: 0;}
.table_top_box{
	 margin-bottom:5px;
	 min-height: 30px;
	 overflow:hidden;
	 }
.table_top_box select{float:left;}
.table_top_box .text-info:first-child{float:left;}
.table_top_box .text-info .text_style{
	font-weight:bold;
	color:#c81919;
	}

/* PC 설정 *****************************************************************************************/	
@media (min-width:768px){
	
	/* 시계 & 시간 설정 */
	.form-inline .input-group >.time_pick .form-control{width:100%;}
	.form_timepicker .form-group .input-group{width:140px;}
}
	
/* 모바일 설정 *****************************************************************************************/	
@media (max-width: 767px) {
	
	/* 테이블 상단 박스 설정 */
	.table_top_setting .panel-heading .search_option_btn{
		float:left;
		margin-top: 5px;
		width: 100%;
		}
}	

/* 모바일 설정  *****************************************************************************************/
@media (min-width: 768px){
	
	.table_top_box .text-info:first-child{padding-top:10px;}
	.table_top_box .collapse{
		display:inline-block;
		visibility: visible;
		}
	.table_top_box .form-group{display:inline-block;}
	.table_top_box .well{
	    background-color: #fff;
	    border: 0 none;
	    border-radius: 0;
	    box-shadow: none;
	    margin-bottom: 0;
	    min-height: 1px;
	    padding: 0;
		}
}


/* 테이블 기본 설정 *************************************************************************************/
caption{
	line-height:0px;
	width:1px; height:1px;  color:transparent;
}
/*table caption{
	position: absolute;
	 width: 1px;
	 height: 1px;
	 padding: 0;
	 overflow: hidden;
	 clip: rect(0, 0, 0, 0);
	 white-space: nowrap;
	 border: 0;
}*/

table.table_guide{
	width:100%;
	margin:5px 0;
	border-top:3px solid #337ab7;
	border-bottom:1px solid #cfcfcf;
	}
table.table_guide th,table.table_guide td{
	padding:10px 5px 12px;
	border:1px solid #cfcfcf;
	border-top:none;
	}
table.table_guide td.line{
	line-height:25px;
	}
table.table_guide thead th{
	color:#474646; 
	font-weight:600;
	border-top:1px solid #050505;
	border-bottom:1px solid #c1c1c1; 
	background-color:#f7f7f7;
	text-align:center;
	vertical-align:middle;
	}
table.table_guide tbody th{
	background-color:#f7f7f7;
	vertical-align: middle;
	}
table.table_guide tbody td.center{text-align:center;}

table.table_align_middle tr td,
table.table_align_middle tr th{
	vertical-align: middle !important;
}

/* 검색내역 */
table.table_line tbody td{line-height:28px;}

/* 테이블 가운데 설정 */
.table_align_middle{
	vertical-align: middle !important;
}

/* 테이블 리스트 설정 **********************************************************************************/
table.table thead tr th,
table.table tbody tr th{
	text-align: center;
	}
table.table thead tr th{
	background-color: #e5e5e5;
	font-size: 13px;
	text-align: center;
	white-space: nowrap;
	word-break: break-all;
	}
table.table tbody tr td{
	word-break: break-all;
	}

/* 리스트 데이터가 없을때 */
.table_list_none{
	padding:20px 0px !important;
	font-size:18px;
	text-align:center;
	font-weight:bold;
	color:#828282;
	}

/* 테이블 기본 설정 ************************************************************************************ */
table.table_default{
	width:100%;
	margin:5px 0;
	border-top:1px solid #050505;
	border-bottom:1px solid #cfcfcf;
	}
table.table_default th,table.table_default td{
	padding:10px 5px 12px;
	border:1px solid #cfcfcf;
	border-top:none;
	vertical-align:middle;
	}

table.table_default td.line{
	line-height:25px;
	}
table.table_default thead th{
	color:#474646; 
	font-weight:600;
	border-top:2px solid #144d78;
	border-bottom:1px solid #c1c1c1; 
	background-color:#f7f7f7;
	text-align:center;
	vertical-align:middle;
	}
table.table_default tbody th{
	background-color:#f7f7f7;
	vertical-align: middle;
	}
table.table_default th.center, table.table_default tbody td.center{text-align:center;}

/* 모바일용 */
@media screen and (max-width:767px) {
	table.table_default td{ 
		letter-spacing:-1px;
		}

	#table_box td{
		letter-spacing:-1px;
		}	
	.table_list_default table tbody tr td.search_ulleft{
		text-align:left !important;
		}
	
}


/* label 설정 ********************************************************************************* */
span.label{margin:0px 10px 0px 0px;}
span.label-nonemargin{margin: 0px !important;}
.label_color01{background-color:#144d78;}
.label_color02{background-color:#39b7ac;}
.label_color03{background-color:#5e96c0;}
.icon_list_new{
	display: inline-block;
    padding: 0;
    margin-left:5px;
    font-size: 10px;
    font-weight:bold;
    background: #cc1818;
    width: 15px; height: 15px;
    line-height: 13px;
    vertical-align: 2px;
    border-radius: 10px;
    color: #fff;
    text-align: center;
	}
.label-default{
	background-color: #646464;
}

/* well 설정 */
.well{
	margin-bottom:15px;
	background-color:#f9f9f9;
	}

/* well 스크롤 설정 */
.well_overflow{
	height:300px;
	overflow-y:auto;
	}
	
/* well 확인창 설정 */	
.well_confirm{
	padding:60px 30px;
	text-align:center;
	}
	.well_confirm i{
		font-size:80px;
		color:#ccc;
		}
	.well_confirm dl{line-height:22px;}
		.well_confirm dt{
			margin-top:15px;
			padding-bottom:8px;
			font-weight:bold; 
			font-size:23px; 
			color:#144d78;
			}
.well_confirm_btn{
	text-align:center;
	margin-bottom:15px;
	}
	
	
/* 이용안내 & 리스트 설정  **********************************************************************************/
h3.sub_title{
	padding: 0 0 20px;
	margin-bottom: 20px;
    text-align: center;
    font-weight: bold;
    border-bottom: 2px solid #353535;
	}
h4.sub_title{
	padding:10px 0 10px 0;
	font-weight:bold; 
	font-size:14px;
	text-align:left;
	}
	h4 i.fa{color:#144d78;}
	h4 i.fa-info-circle{color:#353535;}

h5.sub_title{
	padding:10px 0 10px 0;
	font-weight:bold; 
	font-size:14px;
	text-align:left;
	}
	h5 i.fa{color:#cccccc;}
	
ul.list1{
	padding:5px 0 5px 5px;
	font-size:13px;
	}
	ul.list1 li dl.list2{padding:5px 0 10px 15px;}
	ul.list1 li dl.list2 li{font-size:14px;}

	ul.list1 li dl.list2{font-weight:normal;}

	ul.list1 li,
	dl.list2{
		line-height:20px;
		}
	ul.list1 i{
		color:#337ab7;
		}
	ul.list1 > li::before{
		color: #b0afaf;
	    content: "■";
	    font-size: 9px;
	    padding: 0 5px 0 0;
	    vertical-align: 2px;
	    line-height:25px;
		}

	dl.list2 > dt::before{
		color: #353535;
		padding: 0 5px 0 0;
		}
	dl.list2 > dt::before{
		color: #353535;
		padding: 0 5px 0 0;
		}
		dl.list2 dd{
			color: #353535;
			padding: 5px 5px 5px 15px;
			font-size:13px;
			}
		
ul.info_list{
	padding:0 0 5px 5px;
	}
  ul.info_list li{
  	padding:0 0 10px 5px;
	line-height:20px;
	}
	 ul.info_list li p{
		padding:0 0 0 10px;
		}
	

/* 서브 이용안내(공통) ******************************************************************************/
h4.intro_title{padding-bottom:10px;}
	h4.intro_title span.style01{
				margin-bottom:8px;
				display:inline-block;
			    font-size:22px;
			    color:#944273;
				}
	h4 i.fa-flag{color:#144d78;}

.intro_text{
	margin-bottom:15px;
	line-height:24px;
	}
	
.tab_content{padding:10px 0;}
		
.sub_guide{
	padding:10px 20px; 
	font-size:13px;
	background-color:#f5f9fc;
    border:1px dashed #b7d5e8;
    border-radius: 4px;
    /*-webkit-box-shadow: 0 1px 1px rgba(0,0,0,.05);*/
    box-shadow: 0 1px 1px rgba(0,0,0,.05);
	}
	.sub_guide ul li{
		line-height:25px;
		}
	.intro_txt01 li{
		line-height:25px;
		}
		
.sub_text{
	margin-bottom:10px;
	font-size:18px;
	}
	.sub_text strong{color:#41bbcd;}
.sub_image{margin-bottom:10px;}
	.sub_image img{width:100%;}

p.guide_list_sub{
	padding: 0 0 15px 0;
	color: #e45507;
	font-weight:bold;
    text-decoration: underline;
	}

/* 리스트 설정 */
ul.list0{
	padding:0 0 15px 5px;
	font-size:13px;
	}
	ul.list0 li{}
ul.list1{
	padding:0 0 15px 5px;
	font-size:13px;
	}
	ul.list1 li dl.list2{padding:5px 0 10px 15px;}
	ul.list1 li dl.list2 li{font-size:14px;}

	ul.list1 li dl.list2{font-weight:normal;}
	
	ul.list0 li,
	ul.list1 li,
	dl.list2{
		line-height:20px;
		}
	ul.list1 i{
		color:#337ab7;
		}
	ul.list1 > li::before{
		color: #353535;
		font-family: FontAwesome;
	    content: "\f0da";
	    font-size: 9px;
	    padding: 0 5px 0 0;
	    vertical-align: 2px;
	    line-height:25px;
		}

	dl.list2 > dt::before{
		color: #353535;
		padding: 0 5px 0 0;
		}
	dl.list2 > dt::before{
		color: #353535;
		padding: 0 5px 0 0;
		}
		dl.list2 dd{
			color: #353535;
			padding: 5px 5px 5px 15px;
			font-size:13px;
			}
			
.intro_line{
	margin:15px 0;
	border-top:1px dashed #ccc;
	}

.guide_box {
    margin-bottom: 20px;
    padding: 18px 20px;
    background-color: #f3f3f3;
    color: #292929;
    font-size: 14px;
    line-height: 24px;
	}
	
.guide_list{margin-bottom:15px;}
	.guide_list dt{
		font-weight:bold;
		font-size:14px;
		margin-bottom:5px;
		padding-bottom:5px;
		}
	.guide_list dd{
		font-size:13px;
		margin-bottom:5px;
		padding-left:20px;
		}
	.guide_list dt.guide_list_sub{
		color:#e45507;
		text-decoration:underline;
		}
		
	.guide_list dd .guide_list_sub{
		margin: 8px 0 10px 0;
	    padding: 9px;
	    border-radius: 3px;
		}
		
.sub_image img{width:100%;}
.intro_line{
	margin:15px 0;
	border-top:1px dashed #ccc;
	}

/* 문의 설정 */
.sub_help{
	padding:15px 20px;
	border:1px solid #eee;
	background-color:#f9f9f9;
	}
	

/* 모바일 설정  ***********************************************************************************/	
@media (max-width: 767px){
	.sub_guide{
		padding:10px 15px;
		font-size:12px;
		}
		.sub_guide ul li{
			margin-bottom:10px;
			line-height:20px;
			}
		.sub_guide ul li:last-child{margin-bottom:0;}
}


/* 기본 폼 설정 **********************************************************************************/
.form-group,
.form-inline{margin-bottom:10px;}
	.form-group .col-sm-2{
		float: left;
	    line-height: 25px;
	    text-align: left;
	    width: 100px;
	    font-weight: bold;
		}
	.form-group label.control-label-line2{line-height:14px;}
	
	.form-group .col-sm-2, 
	.form-group .col-sm-6, 
	.form-group .col-sm-10, 
	.form-group .col-xs-2, 
	.form-group .col-xs-6, .form-group .col-xs-10{
		padding-left: 0;
		padding-right: 0;
		}
	.form-group label,
	.form-group span.control-label{
		font-size: 13px;
		word-break: break-all;
		}
		.form-inline .form-group label{
			float: left;
			line-height: 15px;
			text-align: left;
			width: 100px;
			}
		.form-inline .form-group span.calendar{
			float: left;
			padding-right: 10px;
			line-height: 25px;
			text-align: center;
			width: 25px;
			font-size:14px;
			}
		.form-group .col-sm-10{
			float: none;
			margin: 0;
			padding: 0 0 0 110px;
			width: 100%; min-height:30px;
			}
			.form-group .col-sm-10 .form-control-static{
				padding: 4px 8px;
				min-height: 30px;
				line-height:20px;
			    color:#2455c6;
			    border:1px solid #eee;
			    border-radius:4px;
			    background:#f9f9f9;
				}
				.input-group .form-control-static:first-child{
					border-top-right-radius:0px;
	    			border-bottom-right-radius:0px;
					}
			.form-group .col-sm-10 > .radio-inline{margin-top:5px;}
		
	.form-control{
		padding:5px 10px;
		font-size:12px;
		}
	.form-inline .form-control{min-width: 90px;}
	.oveflow-hidden{overflow:hidden;}
	.help-block {
	    display: block;
	    margin-top: 5px;
	    margin-bottom: 5px;
	    color: #737373;
	    font-size: 12px;
		}
	
/* textarea 설정 */
textarea.form-control{resize:vertical;}

/* 멀티 셀렉트 설정 */
.multiselect-native-select{}
	.multiselect-native-select .btn-group .btn{
		padding: 5px 10px;
    	border-radius: 3px;
		}
		.multiselect-container>li>a>label {
		    padding: 3px 20px 3px 25px;
			}
/* 필수값 */			
span.input_required {
    margin-left:-9px; margin-right:1px;
    font-size:20px; font-weight:bold;
    color:#d9534f;
    vertical-align:-5px;
    position: absolute;
    left: 0;
	}
	.input-group-addon span.input_required{
		margin-left: 0;
	    font-size: 15px;
	    font-weight: bold;
	    color: #d9534f;
	    vertical-align: 0;
		}

/* 모바일 설정  *****************************************************************************************/	
@media (max-width: 767px){
	.form-group .col-sm-2{
		float: none;
		width:100%;
		}
	.form-group .col-sm-10{
		float: none;
		margin: 0; padding: 0;
		width: 100%;
		}
}
	
	
/* input 사이즈 종류별 설정 */
.input-xs{
	line-height: 1.42857;
    font-size: 12px;
    padding: 1px 8px;
    height: auto;	
	}
	
	
/* 모바일 설정 *****************************************************************************************/	
@media (min-width:768px){
	/* input 사이즈 종류별 설정 */
	.input_col_xs{display: inline-block; width:30px !important;}
	.input_col_sm{display: inline-block; width:50px !important;}
	.input_col_md{display: inline-block; width:100px !important;}
	.input_col_lg{display: inline-block; width:140px !important;}
	.input_col_60{display: inline-block; width:60px !important;}
		
}


/* 기본 정렬 설정 **************************************************************************************/	
.text-left{text-align: left !important;}
.text-right{text-align: right !important;}
.text-center{text-align: center !important;}



/* 컨텐츠 박스  ***************************************************************************************/
.box_content{
	padding:5px 15px 5px;
	margin-bottom:15px;
	border: 1px solid #ddd;
	background-color: #f9f9f9;
	border-radius: 4px;
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
	}
	.box_content .form-group{margin: 10px 0;}
	.box_content .form-inline .form-group label{
		line-height:25px;
		}
		
/* pc 설정    **********************************************************************************/
@media (min-width: 768px){
	.box_content .form-inline .form-group{
		margin-right:10px;
		}
}


/* 헬퍼 텍스트 설정 *********************************************************************************/
p.text-muted,
p.text-primary,
p.text-success,
p.text-info,
p.text-warning,
p.text-danger{
	margin:5px 0 15px;
	font-size:14px;
	font-weight:bold;
	}
p.text-danger{color:#c81919;}


/* 기본 텍스트 스타일 설정 ****************************************************************************/
.text_color_red{color:#d02f43;}
.text_color_blue{color:#2e67bc !important;}
.text_color_green{color:#4a9155;}
.text_color_yellow{color:#8a6d3b;}
.text_color_gray{color:#cccccc;}
.text_color_lightyellow{color: #ffd200;}
.text_color_mint{color: #0bd0d9;}


/* 경보 박스 설정 **********************************************************************************/
.alert-success,
.alert-info,
.alert-warning,
.alert-danger{margin:0 0 15px;}


/* 패널 설정 **********************************************************************************/
.panel{margin-bottom:15px;}

.panel .panel-heading{
	font-size:14px; font-weight:bold;
	padding:6px 15px;
	color:#333;
	}

.panel .panel-heading h4.panel-title{font-size:14px;}
.panel .panel-body{
	padding:10px 15px;
	font-size:13px;
	}
.panel .panel-footer{
	padding:5px 15px;
	font-size:11px;
	text-align:right;
	background-color: #f9f9f9;
	}

.panel .panel-footer .form-group:last-child{margin-bottom:0;}		
	
.panel label{font-size: 13px;}

/*세미나실 패널 */
.panel_seminar {
	background-color: #144d78 !important;
	color:#fff !important;
	}

/* 리스트 설정 **********************************************************************************/		
dl.list_line{
	margin:0; 
	padding-left:0;
	overflow:hidden; 
	border-bottom: 1px solid #eee;
	}
	dl.list_line dt,
	dl.list_line dd{
		padding-top:7px; 
		padding-bottom:7px; 
		font-size:13px;
		word-break:break-all;	
		}
	dl.list_line dt{
		font-weight:bold; 
		width:100px;
		text-align:left;
		float:left;
		line-height:15px;
		white-space: inherit;
		}
	dl.list_line dd{
	    margin-left: 110px;
	    color:#2455c6;
		}
.group_list_line{
	overflow:hidden;
	}
.list_text:last-child dl.list_line{
	border-bottom:0 none;
	}

	
/* 배지 설정 **********************************************************************************/
.notice_type{
    padding:3px 5px 2px 5px;
   	border-radius:3px;
    color: #fff;
    display: inline;
    font-size: 75%;
    font-weight: 700;
    line-height: 1;
    text-align: center;
    vertical-align: baseline;
    white-space: nowrap;
	}
.type01{background-color: #3193e7;}
.type02{background-color: #b3e038;}
.type03{background-color: #7b5cbc;}


/* 배너 리스트 설정 **********************************************************************************/
.banner_list{
    position: relative;
    padding:20px 0 20px 15px; margin: 0;
    min-height: 62px;
    overflow: hidden;
    border-bottom:1px solid #d6d6d6; 
	}
	.banner_list dl dt{
		padding-top:5px;
		font-size: 14px;
		word-break: break-all;
		background:url(../../images/ko/page_sub/title_ico.png) no-repeat left top;
		}	
	   .banner_list dl dt a{ color:#144d78;}
	
	.banner_list dl dd{
		word-break: break-all;
		padding-top:5px;
		}
	.banner_list p.ban_img{
		padding-bottom:10px;
		}
		.banner_list p.ban_img a{
			display:inline-block;
			width:150px; height:50px;
			border:1px solid #ccc;
			}
			.banner_list p.ban_img a img{
				width:150px; height:50px;
				}
	
	/*배너리스트 BG */
	.banner_list:nth-child(2n){background:#f6f6f6;}
	
	
@media (max-width: 767px){
	.banner_list p.ban_img{
		padding-left:0;
		padding-bottom:10px;
		}
	.banner_list dl{
		padding-left:0;
		}
}


/* 서브 컨텐츠 모바일 설정 ***********************************************************************************/
@media (max-width: 767px){
	
	/* 탭 설정 */
	#content_content .nav > li > a{
		margin-top:5px;
		}
	
		
	/* 테이블 상단 박스 설정 */
	.text-category{
	    width:100%;
	    float:left;
		margin-top:10px;
		}
	.table_top_box .well{margin-bottom:10px;}
		.table_top_box .form-group{
			margin-bottom:5px;
			overflow:hidden;
			}
		.table_top_box .well .btn{
			display: block;
			width: 100%;	
			}
			
	/* 기본 폼 설정 */
	.form-inline .form-group span.calendar{
		width: 60px;
		text-align: left;
		}
	.form-inline .date_picker .input-group{width:100%;}

}


/* 완료페이지 설정 **********************************************************************************/
.well_confirm{padding:60px 30px;}
	.well_confirm i{
		font-size:80px;
		color:#ccc;
		}
	.well_confirm dl{line-height:22px;}
		.well_confirm dt{
			margin-top:15px;
			padding-bottom:8px;
			font-weight:bold; 
			font-size:23px; 
			color:#144d78;
			}

/* 게시판 defult 설정  ************************************************************************************** */
/* .table_list .table tbody tr td a:first-child{
	font-size:14px; font-weight:bold;
	} */

/* 모바일 설정 */
.board_info{
	display:block;
	color:#acacab;
	}
	.board_info li{
		margin-bottom:3px;
		}
	.board_info li:last-child{
		margin-bottom:0px;
		}
	
.mobile_board_info{
	display:none;
	}
@media (max-width: 991px) {
	
	.table_list .table tbody tr td a:first-child{font-size:14px;}
	
	.mobile_board_info{
		display:block;
		color:#acacab;
		}
}
.mobile_board_borrow{
	display:none;
	}
	
@media (max-width: 991px) {	
	.mobile_board_borrow{
		display:block;
		color:#acacab;
		}
}


/* 권장도서 */
.view_content_border {
    border-bottom: 1px solid #ddd;
    height: 160px;
    margin-bottom: 20px;
	}


/* 관심주제키워드 **********************************************************************************/
.sdi_keyword{
	padding:10px;
	}
	
	.sdi_list{
		clear:both;
		height: 40px;
		}
		
	.sdi_list .sdinomber{
		display: inline-block;
	    float: left;
	    height: 30px;
	    padding-bottom: 0;
	    padding-top: 5px;
	    text-align: right;
	    width:20px;
		} 	
	.sdi_list .sdicontent{
		float:left; 
		padding-left: 10px;
		padding-right: 10px;
		} 
		
	.sdi_list .sdicontent input{
		width:300px; 
		}
	
	.sdi_list .sdisearch{
		float:left; 
		padding-left: 3px;
		} 		
	
	
		
/* 모바일 설정  **********************************************************************************/
@media (max-width: 767px){
	.sdi_list .sdicontent input{width:250px;}
}

	
	
	
/* 세미나실 **********************************************************************************/
.seminarresvlist li{
	float:left;padding:0 5px 0 0;
	list-style:none
	}
	.table_button li{
		float:left; padding:0 5px 0 0;
		}
	

/* 세미나실 신청, 수정 페이지 */		
ul.SeminarResvInput li{ 
	display: inline-flex;
	float: left;
	margin-right: 10px;
   	 }		

ul.SeminarResvInput2 li{ 
	display: inline-flex;
	float: left;
	margin-right: 10px;
   	 }			

.seminar_btn li{
	padding-bottom:3px;
	}
	

.Calendar_guide{
	right: 0px; float: right;
	}



/* 모바일 설정 */
@media (max-width: 767px){
	.Calendar_guide{
		clear:both;
		float:left;
		margin-top:10px;
		}
}
	


/* 도서관일정 시간  *********************************************************************/
	ul.event_timelist li{ float: left; }
	ul.event_timelist li input{ width:60px;  }
	ul.event_timelist li.event_text {margin-top: 7px;}
	ul.event_timelist li.event_text2 {margin-top: 7px; padding:0 10px 0 10px;}
	
	
	
/* 모바일 설정  **********************************************************************************/
@media (max-width: 767px){
	ul.event_timelist li{  }
}	
	

	
/* 규정  **********************************************************************************/
ul.rules { 
	margin:0 0 20px 0; 
	padding:10px 0 20px 0; 
	text-align:right; 
	border-bottom:1px dotted #666; 
	}
	
	ul.rules li {
		 margin:0; padding:0; 
		 color:#666; 
		 }

	ul.rules li span.rules_day { 
		display:inline-block; 
		width:85px; 
		text-align:right;  
		color:#666;  
		}
		
	ul.rules li span.rules_text { 
		display:inline-block; 
		width:93px;  
		color:#57b5c1; 
		margin-left: 10px;  
		text-align: left;
		}

	ul.Info06_rule { padding:5px 0 5px 31px; }
	ul.Info06_rule li { color:#666; padding:0 0 5px 0; text-indent:-18px; line-height:1.5em; }
	ul.Info06_rule li.rule_p { padding:0 0 10px 0;}

	ul.Info06_rule2 { padding:5px 0 5px 15px; }
	ul.Info06_rule2 li { color:#666; padding:0 0 5px 0; line-height:1.5em; }
	ul.Info06_rule2 li.rule_p { padding:0 0 10px 0;}

	#inquiry { border:5px solid #e1e1e1; width:715px; height:70px; padding:10px; }
	#inquiry h5#s_title2 { margin:0 0 5px 5px; color:#885a32; }
	p.rules_center{text-align:center; font-size:25px; font-weight: bold; }

	.main_context h5.s_title2{line-height:26px;}
	.main_context ul li{line-height:26px;}
		
		
		
/* 연혁 **********************************************************************************/
.history {
    border-bottom: 1px solid #f2f2f2;
    padding: 30px 0 10px;
	}
.history h2.year {
    float:left;
	}

.history dl {
    margin: 0 0 0 150px;
    overflow: auto;
    padding: 0 0 0 13px;
	}
	.history dl dt {
	    clear: both;
	    color: #2377aa;
	    float: left;
	    font-weight: bold;
	    width: 90px;
	    line-height:40px;
		}
	.history dl dd {
	    color: #666;
	    margin: 0 0 0 5px;
	    line-height:40px;
		}					


		
/* 모바일 설정 **********************************************************************************/
@media (max-width: 767px){
	.history h2.year {display: contents;}
	.history dl{margin:0; }
	.history dl dt, .history dl dd{line-height:20px; }
}



/* RSS **********************************************************************************/
.rss {
	}
.rss h1 {
	}
.rss ul {
    padding-left: 20px;
	}
.rss ul.pl {
    padding-left: 35px;
	}
.rss li {
    font-size: 12px;
    line-height: 24px;
	}
.rss li dt {
    padding: 5px 0 5px 115px;
}
.rss .channel_title {
    display: inline-block;
    font-size:12px;
    font-weight:bold; 
    width: 100px;
	}


		
/* 오시는길 **********************************************************************************/
.root_daum_roughmap{width:100% !important;}
	.root_daum_roughmap .map{
		}
		
		.root_daum_roughmap .map ul li{
			line-height:26px;
			}			



/* search_result 관한 테이블 css */
#table_box{
	width:100%;
	}

#table_box tr td table tr td {
    border-style: none;
    clear: both;
    padding: 0;
    text-align: left;
	}
		#search_result #result_array {
			position: relative;
			height:20px;
			padding: 0 0 10px;
			}
			#search_result #result_array table tr td {
				border-bottom: 3px solid #d2d2d2;
			}
			#result_array .color_orange {
				color:#ff6d34; font-weight: bold;
				}
			#result_array .array_count {
				}
			#result_array .array_position {
				position: absolute; 
				right: 0px; top: 0px;
				}
			
		#search_result th{border-bottom: 1px solid #d2d2d2;}	
		#search_result td{		
			position:relative;					
			text-align:center;
			vertical-align:middle;
			padding: 8px 0px 8px 0px;
			line-height: 130%; color: #706e6e;
			border-bottom: 1px solid #d2d2d2;
			line-height: 25px;
			}
			
			#search_result td.left{
				text-align:left;
				}
			
			#search_result .book_titletd {
				padding-left:20px;
				padding-right:10px;
				text-align: left;
				}
				
				#search_result td.border_none {		
					border-bottom: none;
					}
				
				
				/* 좌측 내용 */	
				#search_result .book_titletd .list_left_contents {
					padding-right:70px;
					}
				/* 우측버튼 */
				#search_result .book_titletd .list_right_button{
						position:absolute;
						right:5px; top:5px;
					}	
				#search_result .book_titletd .list_right_button2{
						position:absolute;
						right:5px; top:-5px;
					}		

				#search_result .book_title a {
					font-weight: bold; color: #706e6e;
					}
					#search_result .book_title a:hover {
						text-decoration:underline;
						}
						
				/* book_position */
				#search_result li.book_position { /* IE6, IE6 전용속성 */
						text-indent: -86px; padding-left: 86px;
						}
						html>/**/body #search_result li.book_position { /* IE8, Firefox 전용속성 */
							text-indent: -70px; padding-left: 70px;
							}
							#search_result li.book_position a {
								color:#0066cc; 
								}		

	/* table 기본 스타일 */
	#table_box thead tr th {
		background-color:#f2f2f2;
		font-weight: bold;
		color:#666666;
		}	
	
	/* tbody */
	#table_box tbody th {
		width:150px;
		}
		#table_box tbody th.non_width {
			width:auto;
			}
	/* th */
	#table_box th {
		border: 1px solid #D0D0D0; 
		padding: 5px;
		background-color:#f2f2f2;
		text-align:center; 
		font-weight: normal;
		}			
	
	/* tr */
	#table_box tr.talign_center td {
		text-align: center;	
		padding: 0px;
		}
	
	/* td */		
	#table_box td {
		border: 1px solid #D0D0D0; 
		padding: 5px;
		}
		
		#table_box p {
			padding: 5px;
			line-height:150%;
			}						
		#table_box textarea{
			width: 100%;
			height: 200px;
			}
		#table_box .check{  /* 라디오 버튼, 체크박스용 */
			width:20px;
			}					

		/* input */
		#table_box input {
			width: 100%;
			}
			#table_box .text_box_width_xxl {
				width:230px;
				float:left;
				}
			#table_box .text_box_width_xl {
				width:200px;
				float:left;
				}
			#table_box .text_box_width_l {
				width:150px;
				float:left;
				}
			#table_box .text_box_width_m {
				width:120px;
				float:left;
				}
			#table_box .text_box_width_s {
				width:90px;
				float:left;
				}
			#table_box .text_box_width_xs {
				width:60px;
				float:left;
				margin-right:5px;
				}
			#table_box .text_box_width_xxs {
				width: 30px;
				float:left;
				}

		
		#table_box #last {
			height: 25px; 
			text-align: left; 
			padding-left: 20px;
			}
			
		
		#table_box tr td table tr td {
			clear:both;
			border-style: none; 
			padding: 0px 0px 0px 0px;
			text-align: left
			}
			
			

/* 하단 버튼 스타일 */
#btn_under {
	text-align: center;
	margin: 20px auto;
	}
	
	#btn_under table{
		display: inline;
		margin: 0 2px;
		}
		
	#btn_under table tr{
		margin:0;
		}	

	#btn_under table tr td{
		margin:0;
		}	

	#btn_under table tr th{
		margin:0;
		}
						
		#btn_under table tr td table  tr td a:hover {
			color:#5f9bf5; text-decoration: underline;
			}
				
			
.pointcount_list{
    border: 2px solid #ddd;
    margin: 10px auto;
    min-height: 160px;
    padding: 10px;
    position: relative;
	}

.pointcount_list ul li{
 	float: left;
    width: 50%;
    line-height: 21px;
	}


/* 모바일 설정  *****************************************************************************************/
@media (max-width: 767px){
.pointcount_list{
	min-height:232px;
	}
	
.pointcount_list ul li{
	width:100%;
	}
}


/* 게시판 도서리뷰 */
.img_book #BookImage img {
    border: 1px solid #eee;
	}	


								
/* 시설관리 서브 컨텐츠 **************************************************************************************** */

			/* 시설관리 - 안내 **************************************************************************************** */
			.sub_contents h4.sub_title{font-size:15px;}
			.sub_contents .table{border-top:2px solid #3571b2;}
			.sub_contents .table tr th{
				font-weight:bold;
				text-align:center;
				}
				dl.info_content,
				ul.info_content{
					margin-bottom:10px;
					margin-left:15px;
					}
					ul.info_content li,
					dl.info_content dt,
					dl.info_content dd{
						line-height:23px;
						padding-bottom:10px;
						}
					dl.info_content dt{font-weight:bold;}
					dl.info_content dd{padding-left:15px;}
						dl.info_content dd ul{
							margin:5px 0px;
							padding:5px 10px;
							background-color:#eee;
							font-size:13px;
							}

							

/* 시설관리 - 신청 **************************************************************************************** */

/* 도서관선택 */
.library_select .panel{transition:box-shadow 0.5s;}
.library_select .panel:hover{box-shadow:5px 0px 30px rgba(0,0,0, .2);}
	.library_select .panel .panel-body{
		padding:75px 15px;
		text-align:center;
		background-color:#f9f9f9;
		}
	.library_select i.fa-university{
	    width:100px; height:100px;
	    line-height:100px;
	    border-radius:50px;
	    background-color:#09afdf;
	    color:#fff;
	    text-align:center;
	    margin:0 auto;
	    display:block;
	    font-size:35px;
		}

	.library_select .library_name{
		margin-top:20px;
		display:inline-block;
		font-size:25px;
		font-weight:bold;
		text-align:center;
		}
	.library_select	i.fa-chevron-right{display:none;}

/* 통합 리스트 설정 */
.facility_list table,
.facility_history_list table{border-bottom:2px solid #ddd;}
.facility_list table tr th,
.facility_history_list table tr th,
.facility_list table tr td,
.facility_history_list table tr td{padding:10px 5px 10px 10px;}
	.facility_list table tr td a,
	.facility_history_list table tr td a{position:relative;}
	.facility_list table tr td a:hover,
	.facility_history_list table tr td a:hover{text-decoration:none;}

.facility_list table tr td a,
.facility_history_list table tr td a{
	display:inline-block;
	width:100%;
	}
.facility_list .list_title,
.facility_history_list .list_title{font-weight:bold;}
.facility_history_list .list_title{
	margin-right:80px;
	display:inline-block;
	word-break: break-all;
	}
.facility_list ul.mobile_board_info{margin-top: 23px;}

/* 사물함 리스트 기간 정보 */
.facility_history_list .locker_board_info li{
	margin-top:3px;
    color:#acacab;
	}

/* 그룹선택 - 리스트 설정 */
.facility_list .list_title{font-weight:bold;}
	ul.mobile_board_info{display:none;}
	.facility_list i.facility_list_option{font-size:14px; padding:0px 2px 0px 0px; color:#d8d8d8;}
	.facility_list i.facility_list_option.on{color:#013165;}
	.facility_list i.fa-chevron-right{display:none;}

	/* 그룹선택 - 리스트 상단 날짜 설정 */
	.list_date{
		padding:10px 0px;
		margin-bottom:10px;
		background:#f7f7f7;
		border-bottom:1px solid #dfdfdf;
		border-radius:5px;
		}
		.list_date_setting  input#open_btn{
				background-color:#f7f7f7;
				border:0px none;
				text-align:center;
				}

		.list_date_setting span{margin-top:3px;}
		.list_date_setting .date_prev a,
		.list_date_setting .date_next a{
			display:inline-block;
			padding:0 3px;
			}
		.list_date_setting .date_prev a i,
		.list_date_setting .date_next a i{color:#cccccc;}
		.list_date_setting .date_prev a i.on,
		.list_date_setting .date_next a i.on{color:#d53212;}
		.list_date_setting .date{
			font-size:17px;
		    margin:0px 10px;
		    font-weight:bold;
		    }
		.list_date_setting .btn{
			padding:0 10px;
		    color:#d53212;
		    font-weight:bold;
		    font-size:17px;
			}

	/* 리스트 - 필터 설정 */
	.filter_btn{margin:0px 0px 10px 0px;}
	.filter_btn .btn{
		background-color:#9b9b9b;
		color:#fff;
		}
	.filter_btn .btn:hover,
	.filter_btn .btn:focus{
		background-color:#9b9b9b;
		color:#fff;
		}

		/* 리스트 - 필터 내부 설정 */
		.collapse_filter .well{margin-bottom:10px;}
		.collapse_filter .form-group{margin-bottom:10px;}
			.form-group .facility_option ul{overflow:hidden;}
			.form-group .facility_option ul li{float:left; margin:0px 15px 0px 0px; text-align:center;}
			.form-group .facility_option ul li a{color:#ccc;}
			.form-group .facility_option ul li a i{font-size:35px;}
			.form-group .facility_option ul li a.on,
			.form-group .facility_option ul li a.on i{color:#ec2100;}
			.form-group .facility_option ul li a span{font-weight:bold;}

			/* 필터 내부 - 참여자 설정 */
			.inline_input{margin-bottom:10px;}
			.inline_input:last-child{margin-bottom:0px;}
			.inline_input .col-xs-6{
				padding-left:15px;
				padding-right:15px;
				}

	/* 비활성화 리스트 */
	 .facility_list tr.list_disable th,
	 .facility_list tr.list_disable td,
	 .facility_list tr.list_disable td a{color:#ccc !important;}
	 	.facility_list tr.list_disable ul.mobile_board_info li.seat_use_list span .label{background-color:#ccc !important;}
		.facility_list tr.list_disable i.facility_list_option.on{color:#ccc !important;}
		.facility_list tr.list_disable ul.mobile_board_info li span.list_title_sub{color:#ccc !important;}

/* 버튼 색상 설정  *********************************************************************************/
.facilty_btn{
	margin:25px 0 20px;
	text-align:center;
	}
.facilty_btn .btn,
.facilty_btn .btn:hover,
.facilty_btn .btn:focus{color:#fff;}

.facilty_btn .btn.btn_ok{background-color:#d53212;}
.facilty_btn .btn.btn_cancel{background-color:#212121;}
.facilty_btn.btn_count_2 .btn.btn_ok{background-color:#686868;}
.facilty_btn.btn_count_2 .btn.btn_etc{background-color:#686868;}
.facilty_btn.btn_count_2 .btn.btn_cancel{background-color:#212121;}

.facilty_btn.btn_count_3 .btn.btn_ok{background-color:#686868;}
.facilty_btn.btn_count_3 .btn.btn_etc{background-color:#686868;}
.facilty_btn.btn_count_3 .btn.btn_cancel{background-color:#212121;}


/* 상태별 화면  ************************************************************************************/
.view_state_title{
	font-size:35px;
	font-weight:bold;
	text-align:center;
	margin-top:10px;
	margin-bottom:10px;
	}
.sub_view_state{margin:15px auto 0px;}
.sub_view_state p.view_state{
	position:relative;
	margin:10px auto 0px;
	padding:0px;
	width:280px; height:280px;
	line-height:280px;
	text-align:center;
	color:#fff;
	font-size:10em;
	font-weight:bold;
	letter-spacing:-1px;
	border-radius:10px;
	background:#d53212; /* Old browsers */
	background:-moz-linear-gradient(-45deg,  #d53212 0%, #d53212 50%, #c62e11 51%, #c62e11 100%); /* FF3.6-15 */
	background:-webkit-linear-gradient(-45deg,  #d53212 0%,#d53212 50%,#c62e11 51%,#c62e11 100%); /* Chrome10-25,Safari5.1-6 */
	background:linear-gradient(115deg,  #d53212 0%,#d53212 50%,#c62e11 51%,#c62e11 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#d53212', endColorstr='#c62e11',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
	}
.sub_view_state .view_state i{margin:10px 0px 0px 0px;}
.sub_view_state .date_count{
    padding:10px 0px;
    margin:15px 0px 0px 0px;
    text-align:center;
    font-size:25px;
    text-decoration:underline;
	}
	.sub_view_state .date_count span{
		color:#c91a1a;
		font-weight:bold;
		}
		.sub_view_state .date_count .hours,
		.sub_view_state .date_count .minutes,
		.sub_view_state .date_count .seconds,
		.sub_view_state .date_count .clearDiv{display:inline;}


/* 상태별 화면 - 세미나실 */
.sub_view_state .view_state_seminar{
	margin:20px auto 0px;
	padding:70px 15px;
	width:280px;
	line-height:45px;
	text-align:center;
	color:#fff;
	font-size:2.8em;
	font-weight:bold;
	letter-spacing:-1px;
	word-break:break-all;
	border-radius:10px;
	background:#d53212; /* Old browsers */
	background:-moz-linear-gradient(-45deg,  #d53212 0%, #d53212 50%, #c62e11 51%, #c62e11 100%); /* FF3.6-15 */
	background:-webkit-linear-gradient(-45deg,  #d53212 0%,#d53212 50%,#c62e11 51%,#c62e11 100%); /* Chrome10-25,Safari5.1-6 */
	background:linear-gradient(115deg,  #d53212 0%,#d53212 50%,#c62e11 51%,#c62e11 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#d53212', endColorstr='#c62e11',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
	}

/* 멀티미디어실 전용 - 유형 */
.sub_view_state .view_state .view_state_type{
    position:absolute;
    top:100px; left:0px; right:0px; bottom:0px;
    font-size:35px;
    letter-spacing:0px;
    color:#fff;
	}
.sub_view_state dl{
	margin:25px auto 0px;
	text-align:center;
	}
	.sub_view_state dl dt,
	.sub_view_state dl dd{
		font-weight:bold;
		line-height:35px;
		}
.sub_view_state dl dt.state_title{
		width:280px;
		padding:10px 0px;
		margin:0px auto 25px;
		font-size:35px;
		background-color:#f1f1f1;
		}
	.sub_view_state dl dd.view_state_time,
	.sub_view_state dl dd.view_state_date{
		color:#174372;
		font-size:28px;
		}
	.sub_view_state dl dd.view_state_date2{
		color:#cccccc;
		font-size:26px;
		}
.sub_view_contents{margin-top:10px;}
	.sub_view_contents ul li{
		overflow:hidden;
		border-bottom:1px solid #e8e8e8;
		padding:10px 0px;
		}
		.sub_view_contents ul li:last-child{border:0 none;}
	.sub_view_contents ul li dl{
		width:100%;
		margin:0px;
		}
	.sub_view_contents ul li dl dt{
		float:left;
		display:inline-block;
		color:#969696;
		font-size:15px;
		}
	.sub_view_contents ul li dl dd{
		float:right;
		display:inline-block;
		font-size:15px;
		}

/* 모바일 설정 =============================================================================================*/
@media (max-width:767px){
	/* 리스트 - 필터 설정 */
	.filter_btn{margin:0px 0px 10px 0px;}
	.filter_btn .btn{
		display:block;
    	width:100%;
		font-size:1.3em;
		}
	.filter_btn .btn:hover,
	.filter_btn .btn:focus{
		background-color:#9b9b9b;
		color:#fff;
		}
	
	/* 시설관리 전체 버튼 설정 */
	.facilty_btn{
		position:relative;
		z-index: 99;
		margin: 0;
		}
		
	.facilty_btn .btn{
		width:100%;
		border-radius:0;
		z-index: 999;
		font-weight:bold;
		}				
		
	.facilty_btn.btn_count_1 .btn.btn_ok{/* 너비 100%의 긍정 버튼 */
		position:fixed; 
		left:0; right:0; bottom:0; 		
		text-align:center; 
		font-size:1.2em;
		z-index:999;
		color:#fff;
		}
		
	.facilty_btn.btn_count_1 .btn.btn_cancel{ /* 너비 100%의 부정 버튼 */
		position:fixed; 
		bottom:0; 
		width:100%;
		text-align:center; 
		font-size:1.2em;
		color:#fff;
		left: 0;
		}
		
	
	.facilty_btn.btn_count_2{/* 2개 50%의 버튼 */
		position:fixed; 
		left: 0; right: 0; bottom:0;	
		text-align:center; 
		font-size:1.2em;
		overflow:hidden;
		background-color:#212121;
		}
		.facilty_btn.btn_count_2 .btn{
			display:inline-block;
			background-color:#212121; 
			color:#fff;
			padding:10px 0;
			border-right:1px solid #fff;
			width:50%;
			float:left;
			box-sizing:border-box;
			}	
		.facilty_btn.btn_count_2 .btn:last-child{
			width:49.97%;
			border-right:0 none;	
			}	
	
	.facilty_btn.btn_count_3{/* 너비 33%의 기타 버튼 */
		position:fixed; 
		left:0; right:0; bottom:0; 	
		text-align:center; 
		font-size:1.2em;
		overflow:hidden;
		background-color:#212121;
		}
		.facilty_btn.btn_count_3 .btn{
			display:inline-block; 
			color:#fff;
			padding:10px 0;
			border-right:1px solid #fff;
			width:33.3%;
			float:left;
			box-sizing:border-box;
			}
		.facilty_btn.btn_count_3 .btn:last-child{
			width:33.29%;
			border-right:0 none;	
			}
									
	/* 상태별 화면 */
	.view_state_title{font-size:25px; }
	.sub_view_state p.view_state{
		width:140px; height:140px;
		line-height:140px;
		font-size:5em;
		border-radius:10px;
		}
	.sub_view_state .view_state i{margin:10px 0px 0px 0px;}
	.sub_view_state .date_count{
	    padding:10px 0px;
	    margin:15px 0px 0px 0px;
	    text-align:center;
	    font-size:25px;
		}
		.sub_view_state .date_count span{
			color:#c91a1a;
			font-weight:bold;
			}
			.sub_view_state .date_count .hours,
			.sub_view_state .date_count .minutes,
			.sub_view_state .date_count .seconds,
			.sub_view_state .date_count .clearDiv{display:inline;}

	/* 상태별 화면 - 세미나실 */
	.sub_view_state .view_state_seminar{
		margin:20px auto 0px;
		padding:40px 15px;
		width:100%; max-width:210px;
		line-height:38px;
		text-align:center;
		color:#fff;
		font-size:2.1em;
		font-weight:bold;
		letter-spacing:-1px;
		word-break:break-all;
		border-radius:10px;
		}

	/* 멀티미디어실 전용 - 유형 */
	.sub_view_state .view_state .view_state_type{
	    top:45px;
	    font-size:17px;
		}
	.sub_view_state dl{margin:15px auto 0px;}
		.sub_view_state dl dt,
		.sub_view_state dl dd{line-height:25px;}
		.sub_view_state dl dt.state_title{
			width:140px;
			padding:5px 0px;
			margin:0px auto 15px;
			font-size:20px;
			}
		.sub_view_state dl dd.view_state_time,
		.sub_view_state dl dd.view_state_date{font-size:18px;}
		.sub_view_state dl dd.view_state_date2{font-size:16px;}

}

/* 사물함 신청 화면   ************************************************************************************/
	.sub_view_locker{margin:20px auto 0px;}
	.sub_view_locker p.view_state{
		margin:20px auto 0px;
		padding:0px;
		width:120px; height:120px;
		line-height:120px;
		text-align:center;
		color:#fff;
		font-size:5em;
		border-radius:60px;
		background:#bfbfbf; /* Old browsers */
		background:-moz-linear-gradient(-45deg, #bfbfbf 0%, #bfbfbf 50%, #afafaf 50%, #afafaf 100%); /* FF3.6-15 */
		background:-webkit-linear-gradient(-45deg, #bfbfbf 0%,#bfbfbf 50%,#afafaf 50%,#afafaf 100%); /* Chrome10-25,Safari5.1-6 */
		background:linear-gradient(135deg, #bfbfbf 0%,#bfbfbf 50%,#afafaf 50%,#afafaf 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#bfbfbf', endColorstr='#afafaf',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
		}
	.sub_view_locker p.view_state i{margin:10px 0px 0px 0px;}
	.sub_view_locker dl{margin:15px auto 0px; text-align:center;}
	.sub_view_locker dl dt,
	.sub_view_locker dl dd{font-weight:bold;}
	.sub_view_locker dl dt{
		color:#da4c2f;
		font-size:25px;
		}
	.sub_view_locker dl dd{font-size:18px}

	/* 발표날짜 간격 */
	.sub_view_contents dl dd.locker_date_space,
	.sub_view_locker dl dd.locker_date_space{padding-right:57px;}

	/* 사용목적  간격 */
	.sub_view_contents dl dd.seminar_purpose_space{
		margin-left:70px;
	    float:none;
	    display:block;
	    text-align:right;
		}

/* 완료페이지 설정 **************************************************************************************** */
.well_confirm{padding:60px 30px;}
	.well_confirm i{
		font-size:80px;
		color:#ccc;
		}
	.well_confirm dl{line-height:22px;}
		.well_confirm dt{
			margin-top:15px;
			padding-bottom:8px;
			font-weight:bold;
			font-size:23px;
			color:#144d78;
			}

/* 내역 - 리스트 */
.facility_history_list{
	margin-left:-15px;
	margin-right:-15px;
	}

	.facility_history_list ul.mobile_board_info{display:none;}
	.facility_history_list span.label_on{
		margin:0px;
		padding:0.4em .6em .3em;
	 	font-size:85%;
		background-color:#ed2c07;
		}
	.facility_history_list span.label_off{
		margin:0px;
		padding:0.4em .6em .3em;
	 	font-size:85%;
		background-color:#3e3e3e;
		}
	.facility_history_list .list_state{display:none;}


/* 태블릿 설정 =============================================================================================*/
@media (max-width:991px){

	/* 도서관선택 */
	.library_select .panel{margin-bottom:5px;}
		.library_select .panel .panel-body{
			padding:20px 10px;
			text-align:left;
			}
			.library_select i.fa-university{
			    width:30px; height:30px;
			    margin-right:5px;
			    line-height:30px;
			    border-radius:15px;
			    display:inline-block;
			    font-size:15px;
				}
			.library_select .library_name{
				display:inline-block;
				margin-top:10px;
				text-align:left;
				font-size:18px;
				}
			.library_select	i.fa-chevron-right{
				display:inline-block;
				float:right;
				margin-top:13px;
				font-size:15px;
				color:#ccc;
				}

	/* 그룹선택 - 리스트 */
	.facility_list table tr td{padding:5px 5px 5px 10px;}
		.facility_list table tr td a{position:relative;}
	.facility_list .list_title{
		display:inline-block;
	    position:absolute;
	    left:0px; right:30px;
	    overflow:hidden;
	    white-space:nowrap;
	    text-overflow:ellipsis;
	    font-size:14px;
		}
	ul.mobile_board_info{
		display:block;
		margin-top:10px;
		color:#505050;
		}
		.facility_list ul.mobile_board_info li{
			font-size:14px;
			font-weight:normal;
			}
		.facility_list ul.mobile_board_info li span.list_title_sub{color:#ea591c;}

		/* 열람실, 멀티미디어실 리스트 설정 */
		.facility_list ul.mobile_board_info li.seat_use_list{
			padding-bottom:2px;
			padding-top:2px;
			}
		.facility_list ul.mobile_board_info li.seat_use_list > span{
			display:inline-block;
			width:100px;
			color:#353535;
			}
		.facility_list ul.mobile_board_info li.seat_use_list span.label{
			margin:0px 5px 0px 0px;
			vertical-align:2px;
			padding:.2em 0.3em .2em;
			font-size:12px;
			}
		.facility_list ul.mobile_board_info li.seat_use_list span.seat_use_able .label{
			background-color:#ec2100;
			color:#fff;
			}
			.facility_list i.fa-chevron-right{
				display:inline-block;
				position:absolute;
				top:22px; right:5px;
				font-size:15px;
				color:#ccc;
				}

	/* 상태화면 - 내용보기 */
	.sub_view_contents{margin:20px -15px 15px -15px;}

	/* 내역 - 리스트 */
	.facility_history_list table{table-layout:fixed;}
	.facility_history_list table tbody tr td{
		overflow:hidden;
    	text-overflow:ellipsis;
		}
	.facility_history_list ul.mobile_board_info{
		display:block;
		padding-right:90px;
		margin-top:3px;
    	color:#acacab;
		}
	.facility_history_list .list_state{
	    display:inline-block;
	    width:73px;
	    position:absolute;
	    right:5px; top:8px;
	    padding:3px;
	    font-size:13px;
	    text-align:center;
	    background:#3e3e3e;
	    color:#fff;
	    letter-spacing:-0.5px;
		}
	.facility_history_list .list_state.on{background-color:#ed2c07;}

}

/* 모바일 설정 =============================================================================================*/
@media (max-width:767px){

	/* 도서관선택 */
	.library_select .library_name{font-size:16px;}

	/* 리스트 상단 - 날짜 설정 */
	.list_date_setting .btn{
	    padding:0 5px;
	    font-size:14px;
		}
	.list_date_setting .date{
		font-size:15px;
	    margin:0px 2px;
	    letter-spacing:-1px;
	    }
	.list_date_setting  input#open_btn{width:120px;}

	/* 리스트 필터 - 시간, 참여자 설정 */
	.facility_time,
	.inline_input{
		margin-left:-5px;
		margin-right:-5px;
		}

	.facility_time .col-xs-6,
	.inline_input .col-xs-6{
	    padding-left:5px;
	    padding-right:5px;
		}

	/* 상태화면 - 내용보기 */
	.sub_view_contents{
		padding:5px 10px;
		margin-bottom:70px;
		}
	.sub_view_contents ul li dl dt,
	.sub_view_contents ul li dl dd{
	    float:left;
	    width:100%;
	    display:block;
	    text-align:left;
	    }
	.sub_view_contents ul li dl dt{font-size:15px;}
	.sub_view_contents ul li dl dd{
		padding-left:10px;
		padding-top:5px;
		}

	/* 발표날짜 간격 */
	.sub_view_contents dl dd.locker_date_space,
	.sub_view_locker dl dd.locker_date_space{padding-right:0px;}

	/* 사용목적 간격 */
	.sub_view_contents dl dd.seminar_purpose_space{
	    margin-left:0px;
	    float:left;
	    display:block;
	    text-align:left;
		}

}


/* 좌석 설정 */
.seat_content{
    position:relative;
    min-height:630px;
	}

/* 범례 설정 */
#explanatory_notes_wrap{
	position:absolute;
	top:35px; left:0px; right:0px;
	padding:5px 10px;
	background-color:black;
	z-index:2;
	}
	#explanatory_type{padding:5px 15px 0 15px;}
		#explanatory_type > div > div{
			margin:2px 0px 10px 0px;
			color:#fff;
			font-size:12px;
			text-align:left;
			padding-right:5px; padding-left:5px;
			}
	#explanatory_notes_wrap #explanatory_type span{
		display:inline-block;
		width:17px; height:17px;
		vertical-align:top;
		text-align:center;
		}

	/* 범례 - 버튼설정 */
	.explanatory_notes_btn{
		float:left;
		color:#fff;
	    position:absolute;
	    right:10px; bottom:-41px;
	    width:30px;
	    line-height:30px;
	    text-align:center;
	    background-color:#000;
	    border-radius:15px;
	    cursor:pointer;
	    display:none;
		}
	.explanatory_notes_btn i{vertical-align:2px;}

/* 좌석 유형 */
.explanatory_type_1{background-color:#fff;}
.explanatory_type_2{background-color:#9fd7e7;}
.explanatory_type_3{background-color:#9fd7e7;}
.explanatory_type_15{background-color:#9fd7e7;}
.explanatory_type_2 i{vertical-align:-8px; color:#0b52a3;}
.explanatory_type_3 i{vertical-align:-8px; color:#d90000;}
.explanatory_type_4,
.explanatory_type_5,
.explanatory_type_14{background-color:#484848;}
.explanatory_type_6,
span.seat_type_6{background-color:#2c78d6;}
.explanatory_type_7,
span.seat_type_7{background-color:#00a376;}
.explanatory_type_8{
	background-color:#fff;
	border-top:2px solid red;
	border-left:2px solid red;
	border-right:2px solid red;
	}
.explanatory_type_9,
span.seat_type_9{background-color:#470879;}
.explanatory_type_10,
span.seat_type_10{background-color:#088838;}
.explanatory_type_11,
span.seat_type_11{background-color:#4660ac;}
.explanatory_type_12,
span.seat_type_12{background-color:#f84908;}
.explanatory_type_13,
span.seat_type_13{background-color:#c85808;}

/* 고정 좌석 */
span.seat_type_fixed{
	display:inline-block;
	height:40px;
	position:absolute;
	top:0px; left:0px; right:0px; bottom:0px;
	background:url(../../images/ko/page_sub/explanatory_type_line.png);
	background-size:100% 100%;
	text-align:left;
	z-index:2;
	}
span.type_line{
	background:url(../../images/ko/page_sub/explanatory_type_line.png);
	background-size:100% 100%;
	text-align:left;
	}

/* 이용불가 좌석 */
span.seat_type_none{
	display:inline-block;
	height:40px;
	position:absolute;
	top:0px; left:0px; right:0px; bottom:0px;
	background:url(../../images/ko/page_sub/explanatory_type_line2.png);
	background-size:100% 100%;
	text-align:left;
	z-index:2;
	}
span.type_line2{
	background:url(../../images/ko/page_sub/explanatory_type_line2.png);
	background-size:100% 100%;
	text-align:left;
	}

/* 자유 좌석 */
span.seat_type_free{
	display:inline-block;
    height:40px;
	position:absolute;
	top:0px; left:0px; right:0px; bottom:0px;
    color:#fff;
    font-weight:bold;
    font-size:14px;
    text-align:center;
    line-height:40px;
    z-index:2;
	}
span.type_free{
	font-size:10px;
	letter-spacing:-2px;
	margin-top:2px;
	}

/* 이용중 좌석 */
span.seat_type_using{
	display:inline-block;
	position:absolute;
	top:0px; left:0px; right:0px; bottom:0px;
	height:38px;
    background-color:#9fd7e7;
	}

/* 부가시설 */
span.etc_type{
	}
	span.etc_type img{max-width: none;}

/* 하단 버튼 설정 */
.btn_map{
	display:none;
	overflow:hidden;
	position:fixed;
	left:0px; right:0px; bottom:0px;
	webkit-box-shadow:0 -3px 1px rgba(0,0,0,.175);
	box-shadow:0 -3px 1px rgba(0,0,0,.175);
	text-align:center;
	font-size:1.2em;
	font-weight:bold;
	background-color:#fff;
	z-index:999;
  	}
  	.btn_map a{
    	float:right;
    	display:inline-block;
    	padding:22px 0px;
    	width:30%;
    	background-color:#2f6e8b;
    	color:#fff;
    	}
   	.btn_map ul{
	   		float:left;
	   		width:70%;
	   		background-color:#fff;
	   		}
	   	.btn_map ul li{
		   	padding:5px 10px;
		   	overflow:hidden;
	   		text-align:left;
	   		}
	   	.btn_map ul li:first-child{
		   	background-color:#f3f3f3;
		   	border-bottom:1px dotted #ccc;
		   	}
		   	.btn_map ul li dl dt{
			   	float:left;
			   	font-size:14px;
			   	color:#888888;
			   	}
		   	.btn_map ul li dl dd{float:right;}
		   	.btn_map ul li dl dd span.explanatory_type_6,
		   	.btn_map ul li dl dd span.explanatory_type_7,
		   	.btn_map ul li dl dd span.explanatory_type_9,
		   	.btn_map ul li dl dd span.explanatory_type_10,
		   	.btn_map ul li dl dd span.explanatory_type_11,
		   	.btn_map ul li dl dd span.explanatory_type_12,
		   	.btn_map ul li dl dd span.explanatory_type_13{
				display:inline-block;
				width:18px; height:18px;
				vertical-align:2px;
				text-align:center;
				font-size:12px;
				color:#fff;
		   		}

  /* 좌석 화면 설정 */
 .seat_table_wrap{
		position:absolute;
		top:110px; left:0px; right:0px; bottom:0px;
		overflow:auto;
		background-color:#f5f5f5;
		-webkit-overflow-scrolling:touch;/* iOS 스크롤 부드럽게 */
		/*min-height: 600px;*/
     	}
     	.seat_table_wrap_content{background-color:#f5f5f5;}

.seatTable table{
		background-color:#fff;
		outline: 5px solid #e8e8e8;
		}
	.seatTable table tr{overflow:hidden;}
		td.seat_style{
			position:relative;
			height:40px;
			z-index:1;

			/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,bfbfbf+100&0+86,0.65+100 */
			background: -moz-linear-gradient(top,  rgba(0,0,0,0) 0%, rgba(164,164,164,0) 55%, rgba(191,191,191,0.65) 100%); /* FF3.6-15 */
			background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(164,164,164,0) 55%,rgba(191,191,191,0.65) 100%); /* Chrome10-25,Safari5.1-6 */
			background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(164,164,164,0) 55%,rgba(191,191,191,0.65) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
			filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6bfbfbf',GradientType=0 ); /* IE6-9 */

			}
		td.seat_style ul{
			/* position:absolute; */
			top:3px;
			/* z-index:1; */
			}
		td.seat_style ul li{
			float:left;
			margin:1px 0px 0px 2px;
			}
		td.seat_style ul li i{
			color:#fff;
			font-size:10px;
			vertical-align:5px;
			}
		span.seat_type_1,
		span.seat_type_2{
			position:absolute;
			left:15px; bottom:-10px;
			z-index:1;
			}
		span.seat_type_1 i{color:#0b52a3;}
		span.seat_type_2 i{color:#d90000;}
		span.seat_type_6,
		span.seat_type_7,
		span.seat_type_9,
		span.seat_type_10,
		span.seat_type_11,
		span.seat_type_12,
		span.seat_type_13{
			display:inline-block;
			width:13px; height:13px;
			}
		.seat_num{
			position:absolute;
			left:8px; top:20px;
			vertical-align:2px;
			font-size:12px;
			font-weight:bold;
			z-index:1;
			}

		/* 좌석 선택 설정 */
		.seat_select{
			display:inline-block;
			position:absolute;
		    top:0px; left:0px; right:0px; bottom:0px;
			background:url(../../images/ko/page_sub/bg_seat_select.png) repeat;
			color:#ffffff !important;
			}

/* 멀티미디어실 이용방법 선택 화면 설정 */
 .madal_mir_multimedia{text-align:center;}
	.btn_usertype{
		position:relative;
		display:inline-block;
		margin:0 auto;
		}
	.btn_usertype li{
		width:300px;
		margin-bottom:15px;
		}
	.btn_usertype li a{
		display:inline-block;
		padding:10px;
		width:200px;
		background-color:#fff;
		background-clip:padding-box;
		box-shadow:0 5px 15px rgba(0, 0, 0, 0.5);
		border:1px solid rgba(0, 0, 0, 0.2);
		outline:0 none;
    	text-align:center;
		}
	.btn_usertype li button.btn{
		padding:20px 12px;
		font-size:15px;
		font-weight:bold;
		background-color:#fff;
		color:#d53212;
		box-shadow:0 5px 15px rgba(0, 0, 0, 0.5);
		}
	.btn_usertype li:first-child button.btn{
		background-color:#d53212;
		color:#fff;
		}
	p.info_usertype{
		color:#fff;
		font-size:15px;
		font-weight:bold;
		letter-spacing:-1px;
		text-decoration:underline;
		}


/* 모바일 설정 =============================================================================================*/
@media (max-width:767px){
	
	/* 시간 선택 리스트 설정 */
	.modal_select_time{
		height: 46% !important;
	}
	
	/* 좌석선택 */
	/*.wrapper_seat,
		.wrapper_seat #content,
		.wrapper_seat #sub_content,
		.wrapper_seat #content_content{height:100%;}*/
	.wrapper_seat{
		margin-top:-105px;
    	padding-top:105px;
    	}
		.wrapper_seat #sub_content{min-height:100%;}
	 /*.seat_content{
		position:absolute;
	    top:110px; left:15px; right:15px; bottom:-40px;
	    min-height:inherit;
	 	}*/

	 /* 좌석선택 - 실별선택 */
	 .room_map_list{}
		 .room_map_list .dropdown {display:block;}
		 /* 모바일에서 터치 불가능한 오류 수정 */
		 .room_map_list .dropdown .dropdown-backdrop{
		 	display: none;
		 }
		 .room_map_list .dropdown .btn{
		 	display:block;
		 	width: 100%;
		 	text-align: left;
		 	}
			.room_map_list .dropdown .btn .caret{
				float:right;
				margin-top:8px;
				}
			.room_map_list .dropdown .dropdown-menu{
					position: absolute;
					width:100%;
					padding: 5px 0;
					margin: 2px 0 0;
					list-style: none;
					border: 1px solid #ccc;
					border: 1px solid rgba(0,0,0,.15);
					border-radius: 4px;
					-webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175);
					box-shadow: 0 6px 12px rgba(0,0,0,.175);
					}
					.room_map_list .dropdown .dropdown-menu li{
						display: list-item;
						}


	/* 범례 설정 */
	#explanatory_notes_wrap{top:40px; left:0px; right:0px;}
	.seat_table_wrap {top:50px;}

	/* 범례 - 버튼설정 */
	.explanatory_notes_btn{display:inline-block;}

	.seat_table_wrap.btn_select_seat{bottom:70px;}/* 좌석을 선택했을때 하단버튼 */

	/* 멀티미디어실 이용방법 선택 화면 */
	.btn_usertype{
		width:100%;
		margin:60px auto 0px;
		}
		.btn_usertype li{width:100%;}
}


/* 태블릿 설정 =============================================================================================*/
@media (max-width:991px){



}

/* PC 설정 =================================================================================================*/
@media (min-width:768px){

	/* 좌석 설정 - 실별선택 */
	.room_map_list{
		width: 100%;
		display: block;
		text-align: left;
		}
		.room_map_list .dropdown{
			display:block;
			width: 100%;
			}
		 .room_map_list .dropdown .btn{display:none;}
			.room_map_list .dropdown .dropdown-menu{
				    position: inherit;
					display: block;
					width:100%;
					min-width:100%;
					border: 0 none;
					padding: 0;
					margin: 0 0 5px 0;
					box-shadow: none;
					z-index: 9;
					}

	   .room_map_list .dropdown li{display: inline-block;}
		.room_map_list .dropdown li a{
			display:inline-block;
			padding:5px 15px;
			background-color:#c9c9c9;
			text-decoration:none;
			color:#fff;
			border-top-left-radius: 5px;
	    	border-top-right-radius: 5px;
			}
		   .room_map_list .dropdown li a:hover{
		   		}
		   .room_map_list .dropdown li a:active,
		   .room_map_list .dropdown li a.active{
		   		font-weight:bold;
		   		background-color:#44c4f0;
		   		}


}


/* APP 전용 CSS ************************************************************************************* */

/* sub content_header */
#content_header_app{
	display:none;
	height:54px;
	}
#content_header_app #rtitle{
	position:relative;
	padding:10px 0px 0px 0px;
	margin-left:-15px; margin-right:-15px;
	height:54px;
	text-align:center;
	background:url('../../../../liberty/home/images/ko/page_sub/rtitle_bg.png') repeat-x 0px 0px;
	}
	#content_header_app #rtitle .prev{
		position:absolute;
		top:10px; left:20px;
		}
		#content_header_app #rtitle .prev a img{width:40px; height:26px;}
	#content_header_app #rtitle .home{
		position:absolute;
		top:10px; right:20px;
		}
		#content_header_app #rtitle .home a img{width:40px; height:26px;}
	#rtitle .rtitle_img{text-align:center;}


/* kiosk 전용 CSS ************************************************************************************* */
.kiosk_print_info{
	margin:100px auto 0px;
	padding:25px 40px;
	max-width:600px;
	font-size:60px; font-weight:bold;
    background-color:#f5f5f5;
    border:1px solid rgba(0,0,0,.15);
	}
	.kiosk_print_info i.fa-print{
		display:inline-block;
		width:70px; height:70px;
	    line-height:70px;
	    color:#fff;
	    text-align:center;
	    font-size:50px;
	    border-radius:35px;
	    background-color:#cecece;
		}
		
/* 열람실 박스형 리스트 CSS ************************************************************************************* */
.facility_box_whole{
		}
	.facility_box_whole .facility_box{
		background: #ffffff;
		border: 1px solid #cecece;
		margin: 10px 0;
		position: relative;						
		}
	.facility_box_whole .facility_box:hover{
		cursor: pointer;
		}
		.facility_box_whole .facility_box .facility_box_head{
			height: 40px;
			background: #09afdf;
			text-align: center;
			font-weight: bold;
			font-size: 18px;
			padding: 5px 3px;
			}
			.facility_box_whole .facility_box .facility_box_head p{
				padding: 3px;
				vertical-align: middle;
				color: #ffffff;
				}
				.facility_box_whole .facility_box .facility_box_head p a{
					color: #ffffff;
					}
		.facility_box_whole .facility_box .facility_box_body{
			min-height: 200px;
			}
			.facility_box_whole .facility_box .facility_box_body .facility_box_seat_title{
				text-align: center;
				font-size: 16px;
				padding: 5px 3px;
				margin-top: 20px;
				}
			.facility_box_whole .facility_box .facility_box_body .facility_box_seat_state{
				position: relative;
				margin: 50px auto 0px auto;
			    padding: 0;
			    width: 130px;
			    height: 130px;
			    text-align: center;
			    color: #fff;
			    font-size: 3em;
			    border-radius: 10px;
			    background: #bfbfbf;
			    background: -moz-linear-gradient(-45deg, #26a6cc 0%, #26a6cc 50%, #077898 50%, #077898 100%);
			    background: -webkit-linear-gradient(-45deg, #26a6cc 0%,#26a6cc 50%,#077898 50%,#077898 100%);
			    background: linear-gradient(135deg, #26a6cc 0%,#26a6cc 50%,#077898 50%,#077898 100%);
			    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#26a6cc', endColorstr='#077898',GradientType=1 );
				}
				.facility_box_whole .facility_box .facility_box_body .facility_box_seat_state .facility_box_seat_possiblenum_title{
					font-size: 15px;
					color: #353535;
					position: absolute;
					top: -25px; left: 0;
					}
				.facility_box_whole .facility_box .facility_box_body .facility_box_seat_state .facility_box_seat_wholenum_title{
					font-size: 15px;
					color: #353535;
					position: absolute;
					bottom: -25px; right: 0;
					}
				.facility_box_whole .facility_box .facility_box_body .facility_box_seat_state .facility_box_seat_possiblenum{
					display: inline-block;
					min-width: 80px;
					text-align: center;
					position: absolute;
					top: 5px; left: 0px;
					}
				.facility_box_whole .facility_box .facility_box_body .facility_box_seat_state .facility_box_seat_wholenum{
					display: inline-block;
					min-width: 80px;
					text-align: center;
					position: absolute;
					bottom: 0; right: 0;
					}
		.facility_box_whole .facility_box .facility_box_footer{
			background: #f9f9f9;
			height: 40px;
			text-align: center;
			padding: 5px 3px; 
			}
			.facility_box_whole .facility_box .facility_box_footer .label{
				padding: 3px 5px;
				background: #09afdf;
				font-size: 12px;
				margin-top: 6px;
				display: inline-block;
				}
			.facility_box_whole .facility_box .facility_box_footer i{
				padding: 0 3px 0 0;
				font-size: 16px;
				display: inline-block;
				margin-top: 8px;
				color: #d8d8d8;
				}
			.facility_box_whole .facility_box .facility_box_footer i.on{
				color: #013165;
				}
		/* 모바일 사이즈 */
		@media only screen and (max-width: 768px){
			.facility_box_whole .facility_box .facility_box_head{text-align: left;}
			.facility_box_whole .facility_box .facility_box_body{padding: 5px 3px; min-height: 40px;}
				.facility_box_whole .facility_box .facility_box_body .facility_box_seat_state{
					width: auto;
					height: auto;
					padding: 3px 5px;
					margin: 0;
					background: transparent;
					text-align: left;
					color: #353535; 
					font-size: 16px;
					}
				.facility_box_whole .facility_box .facility_box_body .facility_box_seat_state span{
					position: static !important;
					text-align: left !important;
					min-width: initial !important;
					vertical-align: middle;
					}
				.facility_box_whole .facility_box .facility_box_body .facility_box_seat_state .facility_box_seat_possiblenum_title{
					padding: 3px 3px;
					background: #26a6cc;
					border-radius: 3px;
					color: #ffffff;
					font-size: 12px;
					}
				.facility_box_whole .facility_box .facility_box_body .facility_box_seat_state .facility_box_seat_possiblenum{
					margin-right: 10px;
					}
				.facility_box_whole .facility_box .facility_box_body .facility_box_seat_state .facility_box_seat_wholenum_title{
					padding: 3px 3px;
					background: #077898;
					border-radius: 3px;
					color: #ffffff;
					font-size: 12px;
					}
		}
		
		/* 열람실 비활성화 상태 */
		.facility_box_whole .facility_box_disable .facility_box_head{
			background: #e5e5e5;
			}
			.facility_box_whole .facility_box_disable .facility_box_head p a{
				color: #cccccc;
				}
			.facility_box_whole .facility_box_disable .facility_box_head p a:hover{
				text-decoration: none;
				}
		.facility_box_whole .facility_box_disable .facility_box_body{
			}
			.facility_box_whole .facility_box_disable .facility_box_body .facility_box_seat_state{
			    background: #bfbfbf;
			    background: -moz-linear-gradient(-45deg, #e5e5e5 0%, #e5e5e5 50%, #d6d5d5 50%, #d6d5d5 100%);
			    background: -webkit-linear-gradient(-45deg, #e5e5e5 0%,#e5e5e5 50%,#d6d5d5 50%,#d6d5d5 100%);
			    background: linear-gradient(135deg, #e5e5e5 0%,#e5e5e5 50%,#d6d5d5 50%,#d6d5d5 100%);
			    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e5e5e5', endColorstr='#d6d5d5',GradientType=1 );
				}
				.facility_box_whole .facility_box_disable .facility_box_body .facility_box_seat_state .facility_box_seat_possiblenum_title,
				.facility_box_whole .facility_box_disable .facility_box_body .facility_box_seat_state .facility_box_seat_wholenum_title{
					color: #cccccc;
					}
		.facility_box_whole .facility_box_disable .facility_box_footer{
			}
			.facility_box_whole .facility_box_disable .facility_box_footer .label{
				background: #e5e5e5;
				}
			.facility_box_whole .facility_box_disable .facility_box_footer i,
			.facility_box_whole .facility_box_disable .facility_box_footer i.on{
				color: #cccccc;
				}
			/* 모바일 사이즈 */
			@media only screen and (max-width: 768px){
				.facility_box_whole .facility_box_disable .facility_box_body .facility_box_seat_state{
					background: transparent;
					}
					.facility_box_whole .facility_box_disable .facility_box_body .facility_box_seat_state .facility_box_seat_possiblenum_title,
					.facility_box_whole .facility_box_disable .facility_box_body .facility_box_seat_state .facility_box_seat_wholenum_title{
						background: #e5e5e5;
						}
					.facility_box_whole .facility_box_disable .facility_box_body .facility_box_seat_state .facility_box_seat_possiblenum,
					.facility_box_whole .facility_box_disable .facility_box_body .facility_box_seat_state .facility_box_seat_wholenum{
						color: #cccccc;
						}
			}

	/* 열람실 이용 불가 메세지 */
	.facility_disable_message{
		position: absolute;
		width: 100%; height: 100%;
		background: rgba(0,0,0,0.5);
		top: 0; left: 0; bottom: 0; right: 0;
		z-index: 1;
	}
		.facility_disable_message p{
			text-align: center;
			color: #ffffff;
			font-weight: bold;
			font-size: 32px;
			margin-top: 125px;
		}
	@media only screen and (max-width: 768px){
		.facility_disable_message p{
			font-size: 24px;
			margin-top: 40px;
		}
	}

/* 시설관리 이미지 설정*/
.seat_table_wrap_img{
	/* max-width: initial !important; */
	max-width: none;
	}
.seat_table_wrap{
	background: #f5f8fe;
}
/*.seat_table_wrap_content{
	position: absolute;
	top: -50px; left: 0;
	bottom: 0; right: 0;
	background: none;
}*/
	
/* 로딩 배경 */
#loading_background{
	display: block;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.3);
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    z-index: 500;
}


/* footer 설정 **************************************************************************************** */
footer{
	/* 상단에 위치 */
	}