/* Custom color */
body{background-color: #f9f9f9; color: #042836;}
.bg-gray1{background-color: #f9f9f9;}

.text-gray1{color: #717171;}
.paragraph_pre_line{white-space: pre-line; word-break: break-all;}
/* wrapper */
	.wrapper{min-height: 100%; max-width: 1920px; min-width: 320px; margin: 0 auto; position: relative; background-color: #f5f9fc; overflow: hidden;}

/* leftSide and rightSide */
	.leftSide{width: 200px;}
	.rightSide{margin-left: 200px;}

	@media (max-width: 767px){
		.rightSide { margin-left: 0;}
	}

/* Logo area */
	.wrapper .logoArea{height: 60px; position: fixed; top: 0; left: 0; z-index: 1000; text-align: center;}	
	.wrapper .logoArea object{display: none; max-width: 160px;}
	.wrapper .logoArea img{display: none; max-width: 120px;}
	.wrapper .logoArea .logoEtcTxt{padding: 0 10%;}
	.wrapper .logoArea img.horLogo{display: inline;}
	.wrapper .logoArea img.smallLogo{display: none;}

	@media (max-width: 767px){
		/* Logo area */
			.wrapper .logoArea{ width: 100%; height: 60px; float: none; position: relative;}
			.wrapper .logoArea img{ width: auto; margin: 0px auto;}
			.wrapper .logoArea .logoEtcTxt{display: none;}
		}
	@media (min-width: 1921px){
			.wrapper .logoArea{position: absolute;}	
		}

/* Header */
	.wrapper #header{height: 60px;}
	.wrapper #header .pre_notice{display: flex;}	
	.wrapper #header.offTop{position: fixed; top: 0; width: 100%; z-index: 999;}

	/* 헤더 공지사항 */
	.pre_notice{overflow: hidden; width: 100%; height: 21px; position: relative; text-align: right;}
	.pre_notice .notice_list{position: absolute; top: 0; left: 0; width: 100%;}
	.pre_notice .notice_list li{width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}

/* new */
	.wrapper #header  h2{margin: 0; margin-top: -4px;}
	.wrapper #header .header-left{float: left;}
	.wrapper #header .header-right{float: right;}
	.wrapper #header .header-right .notice_list_cover{display: inline-block;}
	.std_style{}
	.mobile_style{display: none;}

	@media (max-width: 767px){
		.std_style{display: none;}
		.mobile_style{display: inline-block;}
		.wrapper #header .header-right .notice_list_cover{display: none;}
	}
/* //new */

/* Footer */
	footer{position: absolute; bottom: 0; height: 50px; margin-left: 2px;}

/* Aside */
	.wrapper .main-sidebar{overflow-x: hidden; overflow-y: auto; height: calc(100% - 60px); position: absolute; top: 60px; left: 0; z-index: 900 !important; background-color: #fff; margin: 0;}
	.wrapper .main-sidebar.pcStyle{position: fixed;}

/* Aside 2nd */
	ul.navi_menu_ver2{list-style: none; padding: 0; margin: 0; margin-bottom: 1rem;}
	ul.navi_menu_ver2 .menu_parent{font-size: 16px; border-top: 1px solid #e4f7fe; color: #042836; border-left: 5px solid transparent;}
	ul.navi_menu_ver2 .menu_parent.selected{background-color: #e4f7fe; border-left: 5px solid #2abbf4;}
	ul.navi_menu_ver2 .menu_parent a{color: inherit; display: block; width: 100%; height: 100%;}

	ul.navi_menu_ver2 .menu_child{font-size: 14px; color: #545c5f;}
	ul.navi_menu_ver2 .menu_child a{color: inherit; display: block; padding-left: 45px; width: 100%; height: 100%;}

	@media (max-width: 767px){
		.wrapper .main-sidebar{-webkit-transform: translate(-200px, 0); -ms-transform: translate(-200px, 0); -o-transform: translate(-200px, 0); transform: translate(-200px, 0); top: 120px; width: 200px }
		.wrapper .main-sidebar.offTop{position: fixed; top: 60px; height: calc(100% - 60px);}
		.wrapper #header .get_width_btn_cover .get_width_btn{display: block;}
		.contentWrapper.offTop{padding-top: 60px;}
		.mobileAsideToggle .main-sidebar{-webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); -o-transform: translate(0, 0); transform: translate(0, 0);}
		.mobileAsideToggle .contentWrapper, .mobileAsideToggle.asideToggle .contentWrapper{transform: translate(200px, 0);}
		.navAccodian{margin-top: 0;}
		.mobileAsideToggle .navAccodian li .navCtg a{text-align: left;}
		.mobileAsideToggle .navAccodian li .navCtg a strong.menuTitle{display: inline;} 
		.mobileAsideToggle .navAccodian li .navCtg a i.openPointer{display: inline;}
	}
	@media (min-width: 1921px){
		.wrapper .main-sidebar{position: absolute; z-index: 900;}
		.wrapper .main-sidebar.pcStyle{position: absolute;}
	}

/* common */
	.box{position: relative; border-radius: 3px; background: #ffffff; border-top: 3px solid #d2d6de; width: 100%; box-shadow: 0 1px 1px rgba(0,0,0,0.1); margin-bottom: 1rem;}
	.box-header{width: 100%; border-bottom: 1px solid #e1e1e1; display: flex; padding: 0.25rem 1rem; align-items: center;}
	.box-header h3{margin: .5rem 0;}
	.box-header .btn_cover{margin-left: auto; display: flex; align-items: flex-end; justify-content: flex-end;}
	.box-body{padding: 1rem;}
	.box-footer{border-top: 1px solid #e1e1e1; padding: 1rem 0 0; display: flex; align-items: center;}
	.wrapper .content{background-color: #f5f9fc; padding-bottom: 50px; box-shadow: inset 1px 1px 2px 0px #ccc;}
	@media (max-width: 766px){
		.wrapper .content{box-shadow: inset 0px 1px 1px 0px #ccc;}
		.mobileAsideToggle .wrapper .content{box-shadow: inset 1px 1px 1px 0px #ccc;}
	}
	.wrapper .content section.contentHeader{position: relative;}
	.wrapper .content section.contentHeader .breadcrumbCover{position: static;}
	.wrapper .content section.contentHeader .breadcrumbCover .breadcrumb{margin-top: 2%;}
	.wrapper .content section.contentHeader .breadcrumbCover{padding: 0; margin: 0; position: absolute; top: 10px; right: 15px;}
	.wrapper .content section.contentBody{padding: 1rem;}
	.wrapper .content section.contentBody .box-body .btnCover{margin-left: auto;}

	@media (min-width: 768px) {
		.dl-cheet-style dt, .dl-cheet-style dd{display: inline-block !important;}
	}

/* search-bar */
	.search-bar .form-group{margin-top: 0.25rem; margin-bottom: 0.25rem; }
	.search-bar .input-group .form-group{width: 100%;}
	.search-bar .card-header{padding: 0;}

	/* spinner-cover */
	.btn_spinner_cover{position: absolute; width: 100%; height: 100%; display: flex; top: 0; left: 0; align-items: center; justify-content: center; background-color: inherit;}
	.btn_spinner_cover .btn_spinner{width: 1rem; height: 1rem;}

/* preview_img */
	.preview_img{max-width: 240px; max-height: 240px; padding: 10px;}

/* pagenation */
	.with_Pagination{padding: .5rem; border: 1px solid #dee2e6; border-radius: 0.25rem;}
	
	.pagination_custom{justify-content: center;}
	
	@media (min-width: 576px) {
		.pagination_custom{justify-content: flex-start;}
		select.with_Pagination{width: auto; height: auto;}
	}
	@media (min-width: 1200px){
		.col-xl-4 .pagination_layout .pagination_left, .col-xl-5 .pagination_layout .pagination_left{width: 100%; flex: 0 0 100%; max-width: 100%;}
		.col-xl-4 .pagination_layout .pagination_left .pagination_custom, .col-xl-5 .pagination_layout .pagination_left .pagination_custom{justify-content: center; width: 100%;}
		.col-xl-4 .pagination_layout .pagination_right, .col-xl-5 .pagination_layout .pagination_right{width: 100%; flex: 0 0 100%; max-width: 100%;}
		.col-xl-4 .pagination_layout .pagination_right .form-control, .col-xl-5 .pagination_layout .pagination_right .form-control{width: 100%;}
	}