/* Mirtech Co. */ 
/*============================================================
	
	[MIRL - 미르도서관 전용 css 페이지 입니다.]
	mir_home_sub_common 이용자용 css
	
	copyright (c)all mirtech

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

/* 인코딩 설정 */
@charset "utf-8";

/* wrapper 설정 ******************************************************************************************* */
#wrapper{
	}
	
	
/* header 설정 - sub 전용 ************************************************************************************ */
header .navbar-header h1{
	width:100px;
	padding-left:0px;
	}
header .navbar-toggle{margin-right:-10px;}
nav#header_nav #menu li a:hover{
    text-decoration:none;
}
/* footer 설정 - sub 전용 ************************************************************************************ */
footer{
	border-top:1px solid #dedede;
}
/* sub_content 설정 **************************************************************************************** */
#sub_content{
	float:left;
	min-height:630px;
	position:relative;
	padding-right:15px; padding-left:15px;
	text-align:left;
	}

	/* content_header 설정 */
	#sub_content #content_header{
		margin-left:-15px; margin-right:-15px;
		height:70px;
		/*padding:15px 0px;*/
		padding: 12px 0;
		overflow:hidden;
		font-size:15px; font-weight:600;
		font-family:'S-CoreDream', sans-serif; 
		border-top:0px solid #f0f0f0; /*border-bottom:1px dotted #f0f0f0;*/
		background-color:#dfeff6;
		position:relative;
		}
	/*#sub_content #content_header:after{
		content:"";
		display:block;
		width:100%;
		height:3px;
		background:linear-gradient(135deg, #004cb4 , #66d8ff);
		position:absolute;
		bottom:0px; left:0;
	}	*/	
	#sub_content #content_header .container{
		padding-right:0px;
		padding-left:0px;
		max-width:1600px;
	}	
		#sub_content #content_header h4{
			float:left;
			font-size:24px;  font-weight:600;
			color:#004cb4;
			}
		#sub_content #content_header .content_navigation{
			float:right;
			font-weight:normal;
			}
		#sub_content #content_header .content_navigation ol.breadcrumb{
			/*padding:0*/
			padding: 10px 0 0;
			margin-top:2px; margin-bottom:0;
			}
			#sub_content #content_header .content_navigation ol.breadcrumb li{
				float:left;
				margin:0px 0px 0px 2px;
				font-size:13px;
				}
			#sub_content #content_header .content_navigation ol.breadcrumb > li + li::before{
				padding:0px 5px;
				color:#ccc;
				content:"> ";
				}
			#sub_content #content_header .content_navigation ol.breadcrumb li img{vertical-align:middle;}

	/* content_content 설정 */
	#sub_content #content_content{
		max-width:1600px;
		margin:30px auto;
		padding:30px 0px;
		}
		#content_sidenav_left{}
		#content_data{}
		#content_sidenav_right{}
		
	/* content_coontent nav tab 설정*/
	#content_content .nav > li > a{
		font-size:16px;
		padding:6px 20px;
	}

/* 모바일 설정 =============================================================================================*/
@media (max-width:767px){
	
	/* wrapper 설정 */
	#wrapper{
		padding-left:10px;
		padding-right:10px;
		}	
	#sub_content{
		float:none;
		/*min-height:200px;*/
		}
		#sub_content #content_header{
			height:45px;
			padding:0 15px;
			}
			#sub_content #content_header h4{
				margin-top:10px;
				font-size:18px;
				}
			#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 기본 설정  ***************************************************************************** */
#content_content .nav.sub_menu_tab{
	margin-bottom:15px;
	}
#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: 6px 18px;
	border:1px solid #efefef;
    background-color:#efefef;
    font-size:16px;
	border-radius:0;
	min-width:20px;
	}
	#content_content .nav-tabs > li:last-child > a{margin-right:0px;}
	#content_content .nav-tabs > li > a{
		font-size:16px;
		border-radius:0px;
		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;
			}
.tab_nav_box{
		padding: 2px 0;
		border: 1px solid #e6e6e6;
		background-color: #eee;
	}
	.tab_nav_box .nav > li > a{
		padding: 6px 18px;
		border:1px solid #efefef;
	    background-color:#efefef;
		font-size: 13px;
		}
	.tab_nav_box .nav-tabs > li > a{
		font-size:15px;
		border-radius:0;
		min-width:20px;
		}
		.tab_nav_box .nav-tabs > li.active > a,
		.tab_nav_box .nav-tabs > li.active > a:focus,
		.tab_nav_box .nav-tabs > li.active > a:hover{
			font-weight:bold;
			color:#fff;
			background-color:#223249;
			border-color: #223249 #223249 transparent;
			}
			.tab_nav_box .nav-pills > li.active > a, 
			.tab_nav_box .nav-pills > li.active > a:focus,
			.tab_nav_box .nav-pills > li.active > a:hover{
				background-color:#337ab7;
				}

/* 묶음 tab 설정 */
.ui-tabs{background:red !important;}
	.ui-tabs .ui-widget-header{
		background:none;
		border: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-tabs-nav .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;}


/* 메뉴트리 설정 ********************************************************************************* */
.rb-tree > ul{padding-left:0px;}
.rb-tree ul{padding-left:20px;}
	.rb-tree ul li{
		position:relative;
		list-style-type:none;
		}
.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:0px;}
.rb-tree .panel{
	margin-bottom:0px;
	background-color:transparent;
	border:none;
	border-radius:0px;
	-webkit-box-shadow:none;
	box-shadow:none;
	}
.rb-tree .rb-active a{font-weight:bold;}
.rb-tree  span{
	padding:0px 7px;
	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{
		position:absolute;
		left:-15px; right:auto;
		content:'';
		}
	.rb-tree .rb-icon li:before{
		top:-8px; bottom:8px;
		width:1px;
		border-left:1px solid #ddd;
		}
	.rb-tree .rb-icon li:last-child::before{height:20px;}
	.rb-tree .rb-icon li:after{
		top:11px;
		width:14px;
		margin-left:0;
		border-top:1px solid #ddd;
		}
	.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:" ";}

/* 목록 그룹 ******************************************************************************** */
.list-group-item {padding:6px 15px;}


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


/* 아코디언 리스트 *************************************************************************** */
.panel .panel-heading h4.panel-title{font-size:13px;}
.panel .panel-heading h4.panel-title > a{
	display:inline-block;
	width:100%;
	}
	/* 아코디언 heading 아이콘 */
	.panel-heading .accordion-toggle:after {/*opening*/
	    font-family:'Glyphicons Halflings';
	    content:"\e114";
	    float:right;
	    color:#b0b0b0;
		}
	.panel-heading .accordion-toggle.collapsed:after{content:"\e080";}


/* 팝오버  ********************************************************************************* */
.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:0px;
	}
	.date_picker .control-label{position:absolute;}
	.form-inline .date_picker .control-label{position:relative;}

/* 슬라이더 *********************************************************************************/
.form-group .ui-slider{margin-top:3px;}

/* 스피너 *********************************************************************************/
.bootstrap-touchspin input.form-control{
	height:30px;
    padding:5px 10px;
    font-size:13px;
    line-height:1.5;
	}
.bootstrap-touchspin .input-group-btn-vertical>.btn{padding:7px 10px !important;}
.bootstrap-touchspin .input-group-btn-vertical i {top:2px !important;}
.bootstrap-touchspin .btn{
	padding:4px 12px;
	font-size:15px;
	font-weight:bold;
	background-color:#eeeeee;
	}

/* 파일 첨부  ********************************************************************************* */
.bootstrap-filestyle input.form-control{
	height:29px;
    padding:5px 10px;
    font-size:12px;
    line-height:1.5;
    border-radius:3px;
	}
.bootstrap-filestyle .btn{padding:5px 15px;}

/* 날짜 선택   ************************************************************************ */
.panel_content .panel_data .form_datepicker .input-group{margin-bottom:0px;}
.input-group-addon{padding:5px 12px;}
.btn_datepicker_remove{
	position:absolute;
    top:0px; right:40px;
    padding:6px;
    width:auto;
    z-index:5;
    border:0px none;
    background:none;
	}
	.btn_datepicker_remove .glyphicon{
	font-size:11px;
	color:#adadad;
	}

@media (min-width:992px){
	.form_datepicker .form-group{width:140px;}

}

/* 시간 선택 설정   ************************************************************************ */
.panel_content .panel_data .form_timepicker .input-group{margin-bottom:0px;}

@media (min-width:992px){
	.form_timepicker .form-group{width:140px;}

}

/* 배지 설정   ************************************************************************ */
.badge{
	padding:3px 5px;
	font-size:11px;
	background-color:#4b4b4b;
	}
	.badge-on{background-color:#5bc0de;}

/* 서브 검색창 ********************************************************************************* */
.sub_search .panel-heading{overflow:hidden;}
.sub_search .pull-right button{margin-top:5px;}


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


/* 테이블 상단 박스 설정 ********************************************************************************* */
.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:0px;}
.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){
	.table_top_box .text-info:first-child{padding-top:10px;}
	.table_top_box .collapse{display:inline-block;}
	.table_top_box .form-group{display:inline-block;}
	.table_top_box .well{
	    background-color:#fff;
	    border:0px none;
	    border-radius:0px;
	    box-shadow:0px none;
	    margin-bottom:0px;
	    min-height:1px;
	    padding:0px;
		}
}


/* 테이블 기본 설정 ************************************************************************************ */
table caption{display:none;}
table.table_default{
	width:100%;
	margin:5px 0px;
	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;
	}
table.table_default thead th{
	color:#474646;
	font-weight:600;
	border-top:1px solid #050505;
	border-bottom:1px solid #c1c1c1;
	background-color:#f7f7f7;
	}
table.table_default tbody th{
	background-color:#f7f7f7;
	vertical-align:middle;
	}
table.table_default tbody td.center{text-align:center;}
table.table_default th:first-child,table.table_t1 td:first-child{border-left:none;}
table.table_default th:last-child,table.table_t1 td:last-child{border-right:none;}

/* 참고정보원 테이블 설정 */
.table-info tr td:last-child{
	text-align: center;
	}
.table-info>tbody>tr>td{
	vertical-align: middle; 
	padding: 10px 5px;
	}
.table-info>tbody>tr>th{
	vertical-align: middle; 
	min-width: 120px;
	}

/* 테이블 리스트 설정 ********************************************************************************* */
table.table thead tr th,
table.table tbody tr th{
	text-align:center;
	}
table.table thead tr th{
	background-color:#e5e5e5;
	font-size:16px;
	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-condensed>tbody>tr>td, .table-condensed>tbody>tr>th, 
.table-condensed>tfoot>tr>td, .table-condensed>tfoot>tr>th, 
.table-condensed>thead>tr>td, .table-condensed>thead>tr>th{
	padding:8px;
}


/* label 설정 ********************************************************************************* */
span.label{margin:0px 10px 0px 0px;}
.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;
	}

/* well 설정 ********************************************************************************* */
.well{background-color:#f9f9f9;}

	/* 추천자료 (추가) */
	#content_content div#sb_choice_content{
		background-color: #133d78;
		display: block !important;
	}

/* 리스트 설정  ********************************************************************************* */
h4.sub_title{
	padding:10px 0px 10px 0px;
	font-weight:bold;
	font-size:20px;
	}
	h4 i.fa-chevron-circle-right{color:#144d78;}

ul.list01{
	}
	ul.list01 li dl.list2{padding:5px 0px 10px 15px;}
	ul.list01 li dl.list2 li{font-size:14px;}
	ul.list01 li dl.list2{font-weight:normal;}
	ul.list01 li,
	ul.list02{line-height:20px;}
	ul.list01 i{color:#337ab7;}
	ul.list01 > li{
		position:relative;
		padding-left:10px;
		line-height:3.2rem;
		font-size:16px;
	}
	ul.list01 > li::before{
	    content:"";
	    width:3px; height:3px;
	    position:absolute;
	    background-color:#006fe0;
	    left:0px; top:14px;
		}
	ul.list02 > li{
		padding-left:10px;
		position:relative;
		color:#626262;
	}	
	ul.list02 > li::before{
	    content:"";
	    width:5px; height:1px;
	    position:absolute;
	    background-color:#626262;
	    left:0px; top:10px;
	}		
		
	dl.list2 > dt::before{
		color:#353535;
		padding:0px 5px 0px 0px;
		}
	dl.list2 > dt::before{
		color:#353535;
		padding:0px 5px 0px 0px;
		}
		dl.list2 dd{
			color:#353535;
			padding:5px 5px 5px 15px;
			font-size:13px;
			}


/* 서브 이용안내(공통) ***************************************************************************** */
h4.intro_title{padding-bottom:10px;}
h3.sub_top_title{
	border-top:1px solid #0357ae;
	border-bottom:1px solid #0357ae;
	line-height:56px;
	font-size:20px;
	margin-bottom:15px;
}
h4 i.fa-flag{color:#144d78;}
h5.sub_title{
	font-size:16px;
}
.sub_guide{
	padding:20px 15px;
	font-size:14px;
	background-color:#fff;
    border:1px dotted #ddd;
    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_image img{width:100%;}
.intro_line{
	margin:15px 0px;
	border-top:1px dashed #ccc;
	}


/* 기본 폼 설정 ********************************************************************************* */
/* form-group 설정 */
.form-group{
	margin-bottom:10px;
	min-height:25px;
	}
	.form-group label{
		font-size:14px;
		word-break:break-all;
		}
	.form_group label.control-label{word-break:break-all;}

	/* form 간격 설정  */
	.form-group .col-sm-2{
		float:left;
	    width:90px;
	    text-align:left;
	    color:#666666;
	    line-height:25px;
	    letter-spacing:-1px;
		}
	.form-group label.control-label-line2{line-height:14px;}
	/* .form-group .col-sm-10{
			float:none;
	    margin:0 0 0 100px !important;
    	width:auto;
	    line-height:15px;
		} */
	.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:0px;
		padding-right:0px;
		}
		.form-inline .form-group label{
			float:left;
			line-height:25px;
			text-align:left;
			min-width:70px;
			}
		.form-inline .form-group span.calendar{
			float:left;
			padding-right:10px;
			line-height:25px;
			text-align:center;
			width:25px;
			font-size:14px;
			}

	.form-control{font-size:13px;}
	.form-inline .form-control{min-width:75px;}
	textarea.form-control{resize:vertical;}

	/*form-group overflow:hidden 처리*/
	.oveflow-hidden{overflow:hidden;}

	/* 필수 입력 폼 설정 */
	span.input_required{
		margin-left:-9px; margin-right:1px;
	    font-size:20px; font-weight:bold;
	    color:#d9534f;
	    vertical-align:-5px;
		}

/* input 사이즈 종류별 설정 */
.input-xs{
	line-height: 1.42857;
    font-size: 12px;
    padding: 1px 8px;
    height: auto;	
	}
		
		/* 추천자료 (추가) */
		div#sb_choice_content .form-inline {
			display: flex;
			margin-bottom: 0;
		}
		div#sb_choice_content .form-inline .form-control {
		    min-width: 75px;
		    width: 100%;
		}
		div#sb_choice_content .form-inline .form-group {
		    display: flex;
		    margin-bottom: 0px;
		    vertical-align: middle;
		    align-items: center;
		}
		div#sb_choice_content .form-group span.col-sm-2.control-label {
		    font-size: 15px;
		    word-break: break-all;
		    width: 80px;
		    margin: 0;
		    padding: 0;
		    text-align: center;
		    color: #ffffff;
		}
		div#sb_choice_content .form-group .col-sm-10 {
		    float: none;
		    margin: 0 20px 0 0;
		    width: 210px;
		    line-height: 15px;
		}
	
/* PC 설정  =============================================================================================*/
@media (min-width:768px){

	.input_col_xs{width:30px !important;}
	.input_col_sm{width:50px !important;}
	.input_col_md{width:100px !important;}
	.input_col_lg{width:150px !important;}

	.input_col_60{width:60px !important;}

}

/* 컨텐츠 박스  ********************************************************************************* */
.box_content{
	padding:5px 15px 5px;
	margin-bottom:15px;
	border:1px solid #ddd;
	background-color:#fff;
	border-radius:4px;
	box-shadow:0 1px 1px rgba(0, 0, 0, 0.05);
	}
	.box_content .form-group{margin:10px 0px;}
	.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;}
.text_color_green{color:#4a9155;}
.text_color_yellow{color:#8a6d3b;}
.text_color_gray{color:#cccccc;}


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


/* 패널 설정 ********************************************************************************* */
.panel{margin-bottom:15px;}
	.panel .panel-heading{
		font-size:16px;
		padding:6px 15px;
		}
		.panel .panel-heading h4.panel-title{font-size:14px;}
	.panel .panel-body{
		padding:10px 15px;
		font-size:14px;
		}
	.panel .panel-footer{
		padding:5px 15px;
		font-size:12px;
		background-color:#f9f9f9;
		}
		.panel .panel-footer .form-group:last-child{margin-bottom:0px;}
	.panel label{font-size:13px;}


/* 리스트 설정 ********************************************************************************* */
dl.list_line{
	margin:0px;
	padding-left:0px;
	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:0px 0px 15px 0px;
    margin:0px;
    min-height:62px;
    overflow:hidden;
	}
	.banner_list dl{padding-left:0px;}
			.banner_list dl dt a{
				word-break:break-all;
				font-weight:bold;
				font-size:15px;
				color:#009acb;
				}
		.banner_list dl dd{
			word-break:break-all;
			padding-top:5px;
			}
	.banner_list p.ban_img{padding-left:0px;}


/* 모바일 설정 =============================================================================================*/
/* 서브 컨텐츠 */
@media (max-width:767px){

	/* 기본 폼 설정 */
	.form-group .col-sm-2 {
    	float: none;
    	width:auto;
		}
	.form-group .col-sm-10 {
		padding: 0;
		}
	.form-inline .form-group span.calendar{
		width:60px;
		text-align:left;
		}
	.form-inline .date_picker .input-group{width:100%;}
	
	/* 추천도서 (추가) */
	div#sb_choice_content .form-group .col-sm-10 {
	    margin: 0 15px 0 10px;
	    width: 100%;
	}
	div#sb_choice_content .form-group span.col-sm-2.control-label {
	    font-size: 14px;
	    width: 75px;
	}

	/* 탭 설정 */
	#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%;
			}


}


/* 완료페이지 설정 */
.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;
			}


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

			/* 시설관리 - 안내 **************************************************************************************** */
			.sub_contents h4.sub_title{font-size:20px;}
			.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;
							}

							




/* 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;
		}


/* footer 설정 **************************************************************************************** */
footer{
	/* 상단에 위치 */
	}
	
/* 사이트맵 ************************************************************************************** */
.sitemap_box{}
	.sitemap_box .panel{
		border:0 none;
		border-radius:0;
		box-shadow:0 0 0 rgba(0,0,0,0);
		}
		.sitemap_box .panel	.panel-heading{
			text-align:center;
			font-weight:bold;
			background: #007fd8;
			color:#fff;
			font-size:20px;
			}
		.sitemap_box .panel	.panel-body{
			padding:0;
			}
			
	.sitemap_box .site_list{}
		.site_list dt{
			padding:5px 0;
			font-weight:bold;
			font-size:15px;
			}
			.site_list dt a{
				display:inline-block;
				width:100%;
				padding: 5px 15px;
				background-color:#eee;
				}
			.site_list dt a:before{
				font-family: FontAwesome;
				content: "\f101";
				margin-right: 5px;
				}
				.site_list dd{
					padding:2px 0px 2px 20px;
					}
					.site_list dd:before{
					content:"-";
					margin-right: 5px;}	



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

}

/* 태블릿 설정 • =================================================================================== */	
@media only screen and (min-width:768px){
	
	/* 사이트맵 */
	.sitemap_box .panel{
		height:auto;
		border-bottom:0 none;
		}
		.sitemap_box .panel .panel-heading{
		    font-size: 18px;
		    padding: 3px 15px;
			}
			.site_list li{
				padding: 2px 0;
				font-size: 13px;
				}
				
}

/* PC 설정 ========================================================================================== */	
@media only screen and (min-width:992px){
	
	/* 사이트맵 */
	.sitemap_box{
		}
		.sitemap_box .panel {
		    height:585px;
			}
}