@charset "UTF-8";
/* *********************************************
Project =====
FileName ====
Author ====== name
Date ======== 2017-09-23
Last ========
********************************************* */


/* --------------------------------------------
 * 커스텀
/* ------------------------------------------ */

html {}
.navbar-fixed-top,
.navbar-fixed-bottom {
	position:relative;
}
.clearfix {
	height:0px;
}
.page-sidebar-wrapper {
	position:absolute;
	display:block;
	height:100%;
	top:0px;
	z-index: 1;
}
.page-sidebar.navbar-collapse.collapse {
	position:static;
	bottom:0px;
}
.page-sidebar .page-sidebar-fixed-bottom {
	position: absolute;
	bottom: 0px;
	width: 100%;
	padding: 10px;
	background-color: #fff;
	border-top: 1px solid #b8bfc6;
}
.page-sidebar .page-sidebar-fixed-bottom .form-inline .form-control {
	width: 100%;
	display: inline-block !important;
}
.page-content-wrapper {
	margin-top:0px;
	width: 100%;
}
.modal .page-bar,
.modal .page-title,
.modal .contentWrapper {
	min-width:auto !important;
	padding:0px 10px 10px 10px;
}
.popup-wrapper .page-bar,
.popup-wrapper .page-title,
.popup-wrapper .contentWrapper {
	min-width:auto !important;
	padding:0px 10px 10px 10px;
}
@media (max-width: 1720px) {
	body.page-front.page-center {min-width:1720px !important;}
	.page-front.page-center .page-header-inner,
	.page-front.page-center .page-content-wrapper .page-content,
	.page-front.page-center .page-header .page-header-inner #nav.nav,
	.page-front.page-center .page-header .navi-depth .depth-group,
	.page-main .main-banner-wrapper .main-banner-group,
	.page-front.page-center .page-footer .page-footer-inner {margin: 0px auto 0px 15px !important;}
}
body {
	background-color:#fff;
	height: calc(100vh);
	min-width:1200px;
}
body.page-frame {
	min-width:auto;
}
h4, .h4, h5, .h5, h6, .h6 {
	margin-top:7px;
	margin-bottom:6px;
}

.btn-filter {
	position:absolute;
	right:30px;
	top:65px;
}
.filter-slider .btns {
	padding:10px 0;
	margin-top:10px;
	text-align:right;
	border-top:1px solid #EFEFEF;
}

fieldset,li,ol,ul {
	margin:0;
	padding:0;
	border:0
}

.search-panel {
	display:table;
	width:100%;
	background-color:#f3f3f3;
	border:1px solid #d5d5d5;
	padding:12px;
	margin-bottom:20px;
}
.search-panel .search-panel-form-group {
	display:table;
	width:100%;
	border-bottom:1px solid #d5d5d5;
	margin-bottom:10px;
	padding-bottom:10px;
}
.search-panel .search-panel-form-group:last-child {
	border-bottom:0px;
	margin-bottom:0px;
	padding-bottom:0px;
}
.search-panel .search-panel-form-group .control-label {
	padding-top:5px;
	padding-left:22px;
	text-align:left;
	background:url(../../com/img/bu_search-panel-label.png) no-repeat 10px 11px;
}
.search-panel .search-panel-form-group .control-label.form-label {
	padding-top:0px;
	padding-left:22px;
}
.search-panel.table.table-bordered .btn-search {
	display:block;
	height:100%;
	line-height:1.44;
	margin:0px;
}
.search-panel.table.table-bordered td {
	height:auto;
	text-align:left;
}
.search-panel.table.table-bordered td.td-head {
	background-color:#e8e8e8;
	text-align:center;
}
.search-panel.table.table-bordered td.nowrap {
	white-space:nowrap;
}

.notice-view {
	position:relative;
	width:100%;
	display:table;
	box-sizing:border-box;
	text-align:center;
	margin-bottom:10px;
}
.notice-view span {
	font-weight:bold;
}
.notice-view .notice-view-ico {
	margin-right:20px;
}
.notice-view .notice-view-img {
	margin-left:20px;
}

/* 그리드 커스텀 */
.table-top-control { position:relative;width:100%; display:table; box-sizing:border-box; margin-bottom:4px; font-size: 14px;}
.table-top-control > .notice-view { width: auto; margin-bottom:0px; float: left; text-align:left; min-height:20px; margin-top:4px;}
.table-top-control > .notice-view .notice-view-ico {margin-right:10px; float: left;}
.table-top-control > .notice-view .notice-view-ul {display: inline-block;}
.table-top-control > .notice-view .notice-view-ul span {}
.table-top-control > .notice-view small, .table-top-control > .notice-view .small {font-size:98%;}
.table-top-control > .notice-view + .form-inline.f-right {position:absolute;right: 0px; bottom:0px;}
.table-top-control button { margin-left:4px; }
.table-top-control.top-tab-btn { width:auto; float:right;}
.table-top-count { float:left; margin-top:4px; }

.table-top-control .page-title,
.table-top-control .page-title-2depth {
	display:inline-block;
}
.table-top-control .page-title-2depth {
	margin-top: 4px !important;
	margin-bottom: 3px !important;
}

.table-bottom-control { position:relative;width:100%; display:table; box-sizing:border-box; margin-top:4px; font-size: 14px;}
.table-bottom-control > .notice-view { width: auto; float: left; text-align:left;}
.table-bottom-control button { margin-left:4px; }

.dataTables_filter { text-align:right; }
table.dataTable.no-footer, table.table-bordered {  }
.table-bordered {border: 0px;}

.table.table-bordered thead > tr > th { background-color:#ebebeb; font-weight: bold; }
.table.table-bordered tbody > tr > th { background-color:#ebebeb; font-weight: bold; }
.table.table-bordered tbody > tr > th.th-head { background:#ebebeb; font-weight: bold; }
.table.table-bordered tbody > tr > td.th-head { background:#ebebeb; font-weight: bold; }
.table.table-bordered tbody > tr > td.td-head { background:#f5f5f5; font-weight: bold; }

.table-bordered > thead > tr > th,
.table-bordered > thead > tr > td,
.table-bordered > tbody > tr > th,
.table-bordered > tbody > tr > td,
.table-bordered > tfoot > tr > th,
.table-bordered > tfoot > tr > td { border:1px solid #d5d5d5; }
.table > thead > tr > th,
.table > thead > tr > td,
.table > tbody > tr > th,
.table > tbody > tr > td,
.table > tfoot > tr > th,
.table > tfoot > tr > td { text-align:center; vertical-align:middle; font-size: 13px; padding: 2px 5px; height:25px; letter-spacing:0px;}
@media screen and (-webkit-min-device-pixel-ratio:0){
	.table > thead > tr > th, .table > thead > tr > td, 
	.table > tbody > tr > th, .table > tbody > tr > td, 
	.table > tfoot > tr > th, .table > tfoot > tr > td {
		letter-spacing: -1px;
	}
}
.table > tbody > tr > th.td-head,
.table > tbody > tr > td.td-head,
.table > tfoot > tr > th.td-head,
.table > tfoot > tr > td.td-head { text-align:center; vertical-align:middle; }
.table.table-t-left > thead > tr > th,
.table.table-t-left > thead > tr > td,
.table.table-t-left > tbody > tr > th,
.table.table-t-left > tbody > tr > td,
.table.table-t-left > tfoot > tr > th,
.table.table-t-left > tfoot > tr > td { text-align:left; vertical-align:middle; }

.table-scrollable > .table-bordered > thead > tr:last-child > th,
.table-scrollable > .table-bordered > tbody > tr:last-child > th,
.table-scrollable > .table-bordered > tfoot > tr:last-child > th,
.table-scrollable > .table-bordered > thead > tr:last-child > td,
.table-scrollable > .table-bordered > tbody > tr:last-child > td,
.table-scrollable > .table-bordered > tfoot > tr:last-child > td {border-bottom:1px solid #d5d5d5;}

.table.table-view > tbody > tr > td,
.table.table-view > tfoot > tr > td { text-align:left; vertical-align:middle; }
.table.table-view > tbody > tr > th.td-head,
.table.table-view > tbody > tr > td.td-head,
.table.table-view > tfoot > tr > th.td-head,
.table.table-view > tfoot > tr > td.td-head { text-align:center; vertical-align:middle; }

.table-scrollable > .table-bordered {
	font-family: Dotum,'돋움',Helvetica,"Apple SD Gothic Neo",sans-serif !important;
	border-color: #d5d5d5;
}
.table-scrollable { overflow-x: hidden; } /* rowspan이 있는 테이블에서 가로 스크롤바가 생김??? */

.table-scrollable > .table-bordered > tbody > tr > td > a { font-weight:bold; color:#333333; }
.table-scrollable > .table-bordered > tbody > tr > td > a:hover { color:#0098de; }

.table-scrollable { border-color: #d5d5d5; border-top:2px solid #46494c; margin:0px 0px 4px 0px !important; }

.table-scrollable > .table > thead > tr > th,
.table-scrollable > .table > tbody > tr > th,
.table-scrollable > .table > tfoot > tr > th,
.table-scrollable > .table > tfoot > tr > th,
.table-scrollable > .table > tfoot > tr > td {
	white-space:normal;
}

.table-scrollable .table-bordered > thead > tr > th:first-child,
.table-scrollable .table-bordered > tbody > tr > th:first-child,
.table-scrollable .table-bordered > tfoot > tr > th:first-child,
.table-scrollable .table-bordered > thead > tr > td:first-child,
.table-scrollable .table-bordered > tbody > tr > td:first-child,
.table-scrollable .table-bordered > tfoot > tr > td:first-child {border-left:0;}

.table-scrollable.table-scrollable-borderless {border-top:2px solid #46494c; border-bottom: 1px solid #46494c;}
.table-scrollable.table-scrollable-borderless-light {border:1px solid #b7b7b7; }
.table-scrollable-borderless-light .table.table-light > thead > tr > th {border-bottom:1px solid #b7b7b7; border-left:1px solid #b7b7b7; background-color: #f1f1f1;}
.table-scrollable-borderless-light .table.table-light > tbody > tr > td {border-left:1px solid #d5d5d5;}
.table-scrollable-borderless-light .table.table-light > tbody > tr > td.td-head {background-color: #f9f9f9;}
.table-scrollable-borderless-light .table.table-light > tbody > tr:last-child > td {border-left: 1px solid #d5d5d5;}
.table.table-light > thead > tr > th {color:inherit; font-family:inherit; border-bottom: 1px solid #46494c; border-left: 1px dotted #46494c;}
.table.table-light > tbody > tr > td {color:inherit; font-family:inherit; border-bottom: 1px solid #d5d5d5; border-left: 1px dotted #d5d5d5;}
.table.table-light > tbody > tr:last-child > td {border-left: 1px dotted #d5d5d5;}
.table.table-light > thead > tr > th:first-child,
.table.table-light > tbody > tr > td:first-child,
.table.table-light > tbody > tr:last-child > td:first-child {border-left: 0px;}
.table.table-light.table-hover > tbody > tr:hover > td {background: inherit !important;}

.table td .scrollOptionY {overflow: hidden; overflow-y:auto; height:auto; margin:-8px; padding:8px;}

.table > tbody > tr > td.table-in-table {padding: 0px;}
.table > tbody > tr > td > .table {margin: 0px; border:0px;}
.table > tbody > tr > td > .table > thead > tr > th:first-child,
.table > tbody > tr > td > .table > tbody > tr > td:first-child,
.table > tbody > tr > td > .table > tbody > tr:last-child > td:first-child,
.table > tbody > tr > td > .table > thead > tr > th:last-child,
.table > tbody > tr > td > .table > tbody > tr > td:last-child,
.table > tbody > tr > td > .table > tbody > tr:last-child > td:last-child {border-left: 0px; border-right: 0px;}
.table > tbody > tr > td > .table > thead > tr > th:last-child,
.table > tbody > tr > td > .table > tbody > tr > td:last-child,
.table > tbody > tr > td > .table > tbody > tr:last-child > td {border-bottom: 0px;}

.table.table-bordered tbody > tr.selected > td,
.table-hover tbody > tr.selected:hover > td { background:#e1f1ff !important; }

.table.word-break-all > tbody > tr > td {word-break:break-all;}
.table.word-break-all > tbody > tr > td font {display: inline-block; word-break:break-all;}


.table-fixed-scroll {position: relative;}
.table-fixed-scroll .table {float: left;}
.table-fixed-scroll .table-fixed-left {position: sticky; left: 0px; width: 400px; margin-bottom:0px; background-color: #fff; z-index: 99;}
.table-fixed-scroll .table-fixed-right {width:calc(100% - 400px); border-left: 0px; margin-bottom:0px; background-color: #fff;}
.table-fixed-scroll .table-fixed-left.table > thead > tr > th:first-child,
.table-fixed-scroll .table-fixed-left.table > thead > tr > td:first-child,
.table-fixed-scroll .table-fixed-left.table > tbody > tr > th:first-child,
.table-fixed-scroll .table-fixed-left.table > tbody > tr > td:first-child,
.table-fixed-scroll .table-fixed-left.table > tfoot > tr > td:first-child,
.table-fixed-scroll .table-fixed-left.table > tfoot > tr > td:first-child,
.table-fixed-scroll .table-fixed-right.table > thead > tr > th:first-child,
.table-fixed-scroll .table-fixed-right.table > thead > tr > td:first-child,
.table-fixed-scroll .table-fixed-right.table > tbody > tr > th:first-child,
.table-fixed-scroll .table-fixed-right.table > tbody > tr > td:first-child,
.table-fixed-scroll .table-fixed-right.table > tfoot > tr > td:first-child,
.table-fixed-scroll .table-fixed-right.table > tfoot > tr > td:first-child { border-left: 0px; }

.table-fixed-scroll.table-fixed-scroll-trick {}
.table-fixed-scroll.table-fixed-scroll-trick.scrollOptionX {overflow-x:auto !important;}
.table-fixed-scroll.table-fixed-scroll-trick .table-fixed-left {}
.table-fixed-scroll.table-fixed-scroll-trick .table-fixed-right {position: absolute;}

@media screen and (min-width:0\0){
	.table-fixed-scroll-trick.table-fixed-scroll .table-fixed-right {position: relative;}
	.table-fixed-group {position: relative;}
	.table-fixed-scroll .table-fixed-left {
		position:-ms-page;
		left: auto;
	}
}

.table td.t-center > .input-group,
.table td.t-center > span > .input-group,
.table td.t-center > .form-control,
.table td.t-center > .form-inline {
	margin: 0px auto;
}

.table.table-inherit {
	background-color: #f2f2f2;
}
.table.table-inherit > tbody > tr > td.table-in-table {
	padding: 10px;
	background-color: #e4e4e4;
}
.table.table-inherit > tbody > tr > td.table-in-table > .table {
	border: 1px solid #d5d5d5;
}
.table .tr-inherit {
	background-color: #e4e4e4;
}
.table .tr-inherit td:first-child {
	background:url(../../com/img/bg_tr_inherit.png) no-repeat 5px 0px !important;
}
.table .tr-inherit td.t-left:first-child {
	padding-left: 20px;
}

/* 탭 커스텀 */
.nav.nav-tabs > li > a {
	padding: 5px 10px;
}
.nav-tabs {
	border-bottom:2px solid #46494c;
}
.nav-tabs > li {
	margin-bottom:-2px;
}
.nav-tabs > li > a,
.nav-pills > li > a {
	background-color:#ebebeb;
}
.nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:focus {
	border:2px solid #46494c;
	border-bottom-color:transparent;
}

.tab-content.tab-con-fullH {
	height: calc(100% - 53px);
}
.page-child .tab-content.tab-con-fullH {
	height: calc(100% - 53px);
}
.tab-content .tab-pane {
	height: 100%;
}

.tabbable-custom > .nav-tabs {
	float:left;
}
.tabbable-custom > .nav-tabs > li {
	margin-bottom:-1px;
}
.tabbable-custom > .nav-tabs > li > a,
.tabbable-custom > .nav-tabs > li > a:hover,
.tabbable-custom > .nav-tabs > li > a:focus {
	margin-bottom:-1px;
	border-top:1px solid #ddd;
	border-right:1px solid #ddd;
	border-left:1px solid #ddd;
}
.tabbable-custom > .nav-tabs > li:first-child > a {
	border-left:1px solid #ddd;
}
.tabbable-custom > .nav-tabs > li > a,
.nav-pills > li > a {
	background-color:transparent;
}
.tabbable-custom > .nav-tabs > li.active {
	border-top:3px solid #3a8cf3;
}
.tabbable-custom > .nav-tabs > li.active > a,
.nav-pills > li.active > a {
	background-color:#fff;
}
.tabbable-custom > .nav-tabs > li.active > a,
.tabbable-custom > .nav-tabs > li.active > a:hover,
.tabbable-custom > .nav-tabs > li.active > a:focus {
	border:1px solid #ddd;
	border-bottom-color:transparent;
}
.tabbable-custom > .tab-content {
	clear:both;
}

.page-header.navbar .page-logo .logo-default {
	line-height:46px;
}
.page-header.navbar .page-logo .page-logo-text {
	margin-left:10px;
	font-weight:bold;
	color:#0d3b63;
}
.page-header.navbar .page-logo > .logo-image,
.page-header.navbar .page-logo > a {
	float:none;
}

.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.active > a,
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.active.open > a,
.page-sidebar .page-sidebar-menu > li.active > a,
.page-sidebar .page-sidebar-menu > li.active.open > a {
	background:#3f51b5;
}
.componentLabel{
	margin-left:10px;
	margin-right:5px;
}

.W10 {width:10%;float:left;box-sizing:border-box;}
.W20 {width:20%;float:left;box-sizing:border-box;}
.W30 {width:30%;float:left;box-sizing:border-box;}
.W40 {width:40%;float:left;box-sizing:border-box;}
.W50 {width:50%;float:left;box-sizing:border-box;}
.W60 {width:60%;float:left;box-sizing:border-box;}
.W70 {width:70%;float:left;box-sizing:border-box;}
.W80 {width:80%;float:left;box-sizing:border-box;}
.W90 {width:90%;float:left;box-sizing:border-box;}

.page-content-wrapper .page-content {padding:0px;}

/* ====================================================================================================================
 * header
 * ====================================================================================================================*/
.page-header.navbar {
	background:#378e7e;
	height:83px;
	min-height:83px;
}
.page-header.navbar .page-logo {
	width:390px;
	height:83px;
	line-height:83px;
	margin:0px 0px 0 5px;
	padding:0;
}
.page-header.navbar .page-logo .logo-default {
	line-height:0;
	margin:0;
}
.page-header.navbar .top-menu {
	height:83px;
	line-height:83px;
}
.page-header.navbar .top-menu .navbar-nav {
	margin:22px 20px 0px 0px;
	height:34px;
	line-height:34px;
}
.page-header .page-header-inner #nav {
	float:left;
	height:83px;
	line-height:83px;
}
.page-header .page-header-inner #nav li {
	float:left;
}
.page-header .page-header-inner #nav li a {
	color:#000;
	display:block;
	font-size:15px;
	padding:0px 10px;
}
.page-header .page-header-inner #nav li a:hover,
.page-header .page-header-inner #nav li a.active {
	color:#3b874d;
	background-color:#fff;
}
.page-header.navbar .top-menu .navbar-nav > li.dropdown {
	height:34px;
	padding:0px 14px 0px 2px;
}
.page-header.navbar .top-menu .navbar-nav > li.dropdown > .dropdown-toggle {
	padding:8px 4px 6px 4px;
}
.page-header.navbar .top-menu .navbar-nav > li.dropdown-user > .dropdown-toggle > .username {
	color:#fff;
}
.page-header.navbar .top-menu .navbar-nav > li.dropdown-user > .dropdown-toggle > .username span {
	color:#002838;
}
.page-header.navbar .top-menu .navbar-nav > li.dropdown-extended {
	background:url(../../com/img/bu_top-menu.png) no-repeat 100% center;
}
.page-header.navbar .top-menu .navbar-nav > li:nth-last-child(2).dropdown-extended {
	background:none !important;
}
.page-header.navbar .top-menu .navbar-nav > li.dropdown .dropdown-toggle:hover {
	background:none;
}
.page-header.navbar .top-menu .navbar-nav > li.dropdown.dropdown-user {
	margin:0 2px;
}
.page-header.navbar .top-menu .navbar-nav > li.dropdown:last-child {
	padding:0px;
}
.page-header-fixed .page-wrapper .nav_area {
	width:1558px;
	height:418px;
	border:2px solid #000;
	padding:30px 0;
	overflow:auto;
	position:absolute;
	top:83px;
	left:50%;
	z-index:9999;
	margin-left:-779px;
	background:#fafafa;
	display:none;
	border:1px solid #3a8cf3;
}
.page-header-fixed .page-wrapper .nav_area .nav_inner {
	overflow:hidden;
	width:2136px;
	position:relative;
}
.page-header-fixed .page-wrapper .nav_area .nav_box {
	float:left;
	border-right:1px solid #c7c7c7;
	padding:0 24px 0 26px;
	width:267px;
	min-height:500px;
}
.nav_area .nav_inner .nav_box h3.tit {
	font-size:20px;
	color:#014763;
	padding:0 0 15px 20px;
	margin:0;
}
.nav_area .nav_inner .nav_box strong.stit {
	font-size:16px;
	color:#014763;
	display:block;
	padding:10px 15px;
	background:#f4f4f4;
	font-weight:normal;
	margin-bottom:5px;
}
.nav_area .nav_inner .nav_box ul {
	margin-bottom:20px;
}
.nav_area .nav_inner .nav_box ul li {
	margin-left:15px;
}
.nav_area .nav_inner .nav_box ul li a {
	font-size:14px;
	color:#393939;
	line-height:24px;
}
.nav_area a.nav_close {
	position:absolute;
	top:6px;
	right:10px;
}

#nav .dropdown-menu {
	background-color:#3583e5 !important;
}
#nav .dropdown-menu li {
	width:100% !important;
}
#nav .dropdown-menu li a {
	padding:10px 14px !important;
}
#nav .dropdown-menu > li:hover > a,
.dropdown-menu > li.active > a,
.dropdown-menu > li.active:hover > a {
	background-color: #212529;
	color: #555;
}

.fa-circle:before {
	display:inline-block;
	vertical-align:middle;
	color:#a2bec9;
}

.page-content-white .page-content .page-bar {
	background:#f6f6f6;
}
.page-content-white .page-bar .page-breadcrumb {
	padding:9px 0px;
}
.page-content-white .page-bar .breadcrumb-option {
	padding:3px 0px;
	float: right;
}
.page-content-white .page-bar .page-breadcrumb > li {
	background:url(../../com/img/bu_category.png) no-repeat right 40%;
	margin-right:10px;
	padding-right:20px;
}
.page-content-white .page-bar .page-breadcrumb > li:last-child {
	background:none;
}
.page-content-white .page-bar .page-breadcrumb > li > span {
	color:#3e3e3e;
}
.page-content-white .page-content .page-bar {
	border-bottom:1px solid #d6d6d6;
}
.page-content-wrapper .page-content .page-bar {
	position:relative;
	height:38px;
	margin:0px;
	padding:0px 27px;
}

.page-bar.con-bar-light {
	position:relative;
	height:38px;
	margin:0px;
	padding:0px 10px;
	background:#f6f6f6;
	border:1px solid #d6d6d6;
}
.page-bar.con-bar-light .page-breadcrumb {
	padding:9px 0px;
}
.page-bar.con-bar-light .breadcrumb-option {
	padding:3px 0px;
	float: right;
}
.page-bar.con-bar-light .page-breadcrumb > li {
	background:url(../../com/img/bu_category.png) no-repeat right 40%;
	margin-right:10px;
	padding-right:20px;
}
.page-bar.con-bar-light .page-breadcrumb > li:last-child {
	background:none;
}
.page-bar.con-bar-light .page-breadcrumb > li > span {
	color:#3e3e3e;
}

.page-content-white .page-title {
	font-size:18px;
	text-align: left;
	color:#000;
	margin:0px;
	padding:0px 0px 25px 14px;
	background:url(../../com/img/bu_title_1depth_front.png) no-repeat 0px 0px;
}
.page-content-white .page-title-2depth {
	font-size:16px;
	color:#000;
	margin:10px 0px 5px 0px;
	padding:0px 0px 0px 20px;
	background:url(../../com/img/bu_title_2depth.png) no-repeat left 3px;
	text-align: left;
}
.page-content-white .notice-view .page-title-2depth {
	margin:0px 27px 0px 0px;
}

body .page-title {
	font-size:18px;
	text-align: left;
	color:#000;
	margin:0px;
	padding:0px 0px 25px 14px;
	background:url(../../com/img/bu_title_1depth.png) no-repeat 0px 0px;
}
body .page-title-2depth {
	font-size:16px;
	color:#000;
	margin:10px 0px 5px 0px;
	padding:0px 0px 0px 20px;
	background:url(../../com/img/bu_title_2depth.png) no-repeat left 61%;
	text-align: left;
}
body .notice-view .page-title-2depth {
	margin:0px 27px 0px 0px;
}


.page-header-fixed .page-container {
	margin-top:0px;
}
.page-header.navbar .menu-toggler {
	opacity:10;
}
.page-header-inner .menu-toggler.sidebar-toggler a {
	display:block;
	width:40px;
	height:40px;
	background:url(../../com/img/btn_left_menu.png) no-repeat;
	font-size:0;
	text-indent:-9999em;
	position:absolute;
	top:83px;
	left:135px;
}
.page-header-inner .menu-toggler.sidebar-toggler a.active {
	left:0px;
	background-position:0 -42px;
}
.search_area .search_inner {
	position:absolute;
	top:0;
	right:0;
	width:226px;
	display:none;
}
.search_area a.btn_search {
	position:absolute;
	top:17px;
	right:0;
}
.search_area a.btn_search.active {
	right:226px;
}
.search_area .search_inner .search_box {
	border-left:1px solid #04a5e4;
	background:#f9f9f9;
}

.search_area .search_inner .search_box .search {
	padding:12px 13px;
	background:#fff;
	position:relative;
	border-bottom:1px solid #e0e0e0;
}
.search_area .search_inner .search_box .search .intx {
	font-size:13px;
	color:#c3c3c3;
	width:195px;
	height:34px;
	padding:7px 22px 7px 10px;
	border:4px solid #04a5e4;
	border-radius:4px !important;
}
.search_area .search_inner .search_box .search .btn_sb {
	width:15px;
	height:15px;
	border:none;
	background:url(../../com/img/btn_sm.gif) no-repeat;
	font-size:0;
	text-indent:-9999em;
	position:absolute;
	top:22px;
	right:26px;
}

.search_area .search_inner .search_box .u_info {
	padding:20px 14px 25px;
	border-bottom:2px solid #04a5e4;
}
.search_area .search_inner .search_box .u_info label {
	display:inline-block;
	width:57px;
}
.search_area .search_inner .search_box .u_info input[type=text] {
	width:130px;
	height:26px;
	padding:5px;
	margin-bottom:10px;
}
.search_area .search_inner .search_box .u_info .btn_a1 {
	width:82px;
	height:34px;
	border:1px solid #2781c7;
	padding:7px 0 0 24px;
	display:inline-block;
	font-size:13px;
	color:#1965a0;
}
.search_area .search_inner .search_box .u_info .btn_a1.reset {
	background:#fff url(../../com/img/btn_reset.gif) no-repeat 10px;
}
.search_area .search_inner .search_box .u_info .btn_a1.sc {
	width:100px;
	padding:7px 0 0 24px;
	background:#fff url(../../com/img/btn_sc.gif) no-repeat 10px;
}

.page-bar .page-bar-set {
	position:absolute;
	right:0px;
}
.page-bar .search {
	position:relative;
	width:200px;
	height:26px;
	float:left;
	margin-top:5px;
}
.page-bar .search .intx {
	position:absolute;
	top:0px;
	left:0px;
	font-size:13px;
	color:#c3c3c3;
	width:195px;
	height:26px;
	padding:7px 22px 7px 10px;
	border:1px solid #8bc2d8;
}
.page-bar .search .btn_sb {
	position:absolute;
	top:5px;
	right:15px;
	width:15px;
	height:15px;
	border:none;
	background:url(../../com/img/btn_sm.gif) no-repeat;
	font-size:0;
	text-indent:-9999em;
}
.page-bar .k-button {
	position:relative;
	margin-top:5px;
}

.page-bar .page-bar-search {
	position:absolute;
	left:50%;
	width:266px;
	margin-left:-133px;
}
.page-bar .search {
	position:relative;
	width:200px;
	height:26px;
	float:left;
	margin-top:5px;
}
.page-bar .search .intx {
	position:absolute;
	top:0px;
	left:0px;
	font-size:13px;
	color:#c3c3c3;
	width:195px;
	height:26px;
	padding:7px 22px 7px 10px;
	border:1px solid #8bc2d8;
}
.page-bar .search .btn_sb {
	position:absolute;
	top:5px;
	right:15px;
	width:15px;
	height:15px;
	border:none;
	background:url(../../com/img/btn_sm.gif) no-repeat;
	font-size:0;
	text-indent:-9999em;
}
.page-content.sh_active {
	margin-right:226px;
}
.btn_area {
	text-align:center;
}



.nav.navbar-nav.pull-right a.notice {
	position:relative;
	color:#fff;
	padding:7px 12px 7px 30px;
	background:#2363b3 url(../../com/img/ico_top_notice.png) no-repeat 8px center;
}
.nav.navbar-nav.pull-right a.notice .badge {
	position:absolute;
	top:-6px;
	right:-6px;
}
.nav.navbar-nav.pull-right a.login-btn {
	position:relative;
	color:#fff;
	padding:0px 12px 0px 34px;
	border-radius:15px !important;
	height: 28px;
	line-height: 28px;
	display: inline-block;
	background:#00a2ff url(../../com/img/ico_top_login.png) no-repeat 10px center;
}
.nav.navbar-nav.pull-right a.login-btn .badge {
	position:absolute;
	top:-6px;
	right:-6px;
}
.nav.navbar-nav.pull-right a.logout-btn {
	position:relative;
	color:#fff;
	padding:0px 12px 0px 34px;
	border-radius:15px !important;
	height: 28px;
	line-height: 28px;
	display: inline-block;
	background:#00a2ff url(../../com/img/ico_top_logout.png) no-repeat 10px center;
}
.nav.navbar-nav.pull-right a.user-btn {
	position:relative;
	color:#fff;
	padding:0px 12px 0px 34px;
	border-radius:15px !important;
	height: 28px;
	line-height: 28px;
	display: inline-block;
	background:#00c48a url(../../com/img/ico_top_user.png) no-repeat 10px center;
}
.nav.navbar-nav.pull-right a.user-btn.user-edit-btn {
	background:#00c48a url(../../com/img/ico_top_edit_user.png) no-repeat 10px center;
}
.nav.navbar-nav.pull-right a.user-btn.user-map-btn {
	background:#00c48a url(../../com/img/ico_top_btn_sitemap_w.png) no-repeat 10px center;
}
.nav.navbar-nav.pull-right a.logout-btn .badge {
	position:absolute;
	top:-6px;
	right:-6px;
}
.navbar-nav > li.dropdown.dropdown-zoom a {
	float: left;
	display: inline-block;
	margin-right: 10px;
}
.nav.navbar-nav.pull-right a.zoom-in-btn {
	position:relative;
	height: 28px;
	line-height: 28px;
	font-size: 0px;
	background:url(../../com/img/ico_top_zoom_in.png) no-repeat 50% 50%;
}
.nav.navbar-nav.pull-right a.zoom-out-btn {
	position:relative;
	height: 28px;
	line-height: 28px;
	font-size: 0px;
	background:url(../../com/img/ico_top_zoom_out.png) no-repeat 50% 50%;
}
.nav.navbar-nav.pull-right a.zoom-reset-btn {
	position:relative;
	height: 28px;
	line-height: 28px;
	margin-right: 40px;
	background:url(../../com/img/ico_top_zoom_reset.png) no-repeat 50% 50%;
}


.navbar-nav > li > a {
	color:#ffffff;
}
.hor-menu .navbar-nav > li > a {
	line-height:83px;
}
.navbar-nav {
	margin:0px;
}



.multi-sel-set {
	position: relative;
}
.multi-sel-set .only-icon {
	width: 30px;
}
.multi-sel-set .multi-sel-col:first-child {
	padding-right: 40px;
}
.multi-sel-set .multi-sel-col:last-child {
	padding-left: 40px;
}
.multi-sel-set .multi-sel-btn {
	position: absolute;
	top:50%;
	left:50%;
	margin-left: -15px;
	margin-top: -30px;
}
.multi-sel-set .multi-sel-btn .multi-btn-group .btn {
	display: block;
	margin: 4px 0px;
}


li [class^="icon-"] {width:0px;}
.page-sidebar .page-sidebar-menu > li > a > [class^="icon-"] {
	margin-right:23px;
}
.page-sidebar-menu .page-header-fixed .page-sidebar-menu-closed {
	background-color:#99b7c3;
}
.page-sidebar-menu-closed .heading {
	display:none !important;
}
.page-sidebar-menu-closed .nav-item .title,
.page-sidebar-menu-closed .nav-item .arrow {
	display:none;
}

.contentsSplitter.k-splitter {
	border-color:#ff0000;
}
#splitter {
	height:100%;
	border-width:0px;
}



.quick-nav .quick-excel {
	position:relative;
	margin-right:100px;
}
.quick-nav .quick-print {
	position:relative;
	margin-right:50px;
}
.quick-nav .quick-bookmark {
	position:relative;
}
.quick-nav .quick-excel .quick-nav-bg {
	background:#00d368;
}
.quick-nav .quick-print .quick-nav-bg {
	background:#00d1b1;
}
.quick-nav .quick-bookmark .quick-nav-bg {
	background:#0473e4;
}


.cont-header {
	float:left;
	margin-top:2px;
	margin-left:8px;
}
.cont-header .all.check {
	display:inline-block;
	vertical-align:middle;
	margin-right:8px;
}
.cont-header .total {
	position:relative;
	margin:3px 5px 0 0;
	padding:0 21px 0 0;
	height:16px;
	line-height:16px;
	vertical-align:middle;
}
.cont-header .total::before {
	content:"";
	position:absolute;
	right:0px;
	top:2px;
	width:1px;
	height:11px;
	background:#dfdfdf;
}
.cont-header .button01 {
	display:inline-block;
	padding:0 0 5px 10px;
	background:0 0;
	height:23px;
	margin-right:-5px;
}
.cont-header .button01 span {
	line-height:12px;
}
.cont-header .button01 i {
	font-size:0;
	line-height:0;
	width:21px;
	height:13px;
	text-indent:-9999px;
	vertical-align:middle;
	display:inline-block;
	background:url(../../com/img/btn_cont_header_arr.png) no-repeat 50% 50%;
}
.button-top-set {
	float:right;
	margin-top:2px;
	margin-bottom:2px;
}


.tit_wrap_grid {
	margin-bottom:5px;
}
.tit_wrap_grid:after {
	content:"";
	display:table;
	clear:both;
}

.navbar-collapse {
	border-top:none;
}


/* footer */
.page-footer {
	position:relative;
	height:100px;
	background-color:#fff;
	border-top:1px solid #b8bfc6;
	padding:15px;
	font-size:12px;
}
.page-footer .page-footer-info {
	position:absolute;
	top:0px;
	left:0px;
	font-weight:bold;
	width: 100%;
	text-align: right;
}
.page-footer .page-footer-info .page-footer-info-inner {
	width: 1400px;
	margin: 0px auto;
}
.page-footer .page-footer-info .page-footer-info-inner li {
	display:inline;
	margin-left:15px;
	padding-left:20px;
	background:url(../../com/img/bu_footer_link.png) no-repeat left 40%;
	line-height:30px;
	font-size: 13px;
}
.page-footer .page-footer-info .page-footer-info-inner li:first-child {
	background:none;
	padding-left: 0px;
	margin-left: 0px;
}

.page-footer .page-footer-info .page-footer-info-inner li:nth-child(3) {
	font-size: 16px;
}

.page-footer .page-footer-inner {
	margin-top:5px;
	padding-top:15px;
}
.page-footer .page-footer-inner .page-footer-logo {
	float:left;
	margin-top: 5px;
}
.page-footer .page-footer-inner .page-footer-container {
	float:left;
	display:inline-block;
	margin-top:2px;
	margin-left:20px;
}
.page-footer .page-footer-inner .page-footer-container .address {
	display:block;
	font-weight:bold;
}
.page-footer .page-footer-inner .page-footer-container .tel {
	display:inline-block;
	font-weight:bold;
}
.page-footer .page-footer-inner .page-footer-container .fax {
	display:inline-block;
	font-weight:bold;
	margin-left: 20px;
}
.page-footer .page-footer-inner .page-footer-container .mail {
	display:inline-block;
	font-weight:bold;
	margin-left: 20px;
}
.page-footer .page-footer-inner .page-footer-container .copyright {
	display:block;
	color:#8d8d8d;
}
.page-footer .page-footer-link {
	position:relative;
	float:right;
	margin-top:5px;
	width:400px;
}
.page-footer .page-footer-link .page-footer-institution {
	position:absolute;
	top:0px;
	right:0px;
}
.page-footer .page-footer-link .page-footer-institution.institution-solo {
	top:0px;
}
.page-footer .page-footer-link .page-footer-institution .page-footer-select-set {
	float:left;
	margin-left:10px;
}
.page-footer .page-footer-link .page-footer-institution .page-footer-select-set .select-container {
	float:left;
}
.page-footer .page-footer-link .page-footer-institution .page-footer-select-set button {
	margin-left:4px;
}


/* 회원가입 */
.memberType_panel_wrap { padding:0px 0px 0px 20px; }
.memberType_panel_wrap:first-child { padding:0px; }
.memberType_panel { display:block; line-height:60px; background:url(../../com/img/bu_memberType_panel_off.png) no-repeat 94% center; border:3px solid #46494c; padding:15px;}
.memberType_panel:hover {color: #686e70; background:url(../../com/img/bu_memberType_panel_on.png) no-repeat 94% center; border:3px solid #3a8cf3;}
.memberType_panel .memberType_panel_group > li { display:inline-block; }
.memberType_panel .memberType_panel_group li.memberType_img { width:80px; }
.memberType_panel .memberType_panel_group li.memberType_title { font-size:18px; font-weight:bold; width:50%; line-height:18px; vertical-align:middle; margin-left:4px; }


/* 이용약관 */
.provisionUl { padding:0px 20px; border:1px solid #dfe2e4; overflow: hidden; overflow-y:auto; height:200px; }
.provisionUl h5 { font-size:16px; font-weight:bold; margin:20px 0px; }
.provisionUl h6 { font-size:14px; font-weight:bold; margin:10px 0px; }
.provisionUl li > p,
.provisionUl ul li ul { padding-left:20px; }
.provisionUl ul li ul li > p { padding-left:0px; }
.provisionUl ul li ul { padding-bottom:20px; }
.provisionUl.scrollNone { height:auto; }


/* ====================================================================================================================
 * bootstrap 커스텀
 * ====================================================================================================================*/

 button img { margin-right:10px; }
 button.only-icon img { margin-right:0px; }
 button.only-icon {padding: 3px;}
.row { margin-left:0px; margin-right:0px; }
.form-control { height:24px; line-height:1; padding:0px 6px; font-size: 13px; display: initial;}
textarea.form-control { height:24px; }
.fileinput .form-control {padding:4px 6px;}
.input-daterange .input-group-addon {padding: 0px 5px;}
.form-inline .form-control { margin-bottom:0 !important; vertical-align:middle !important; display:inline-block; }
.control-label .required, .form-group .required {color: inherit;}
.form-inline .form-group { margin-bottom:0 !important; vertical-align:middle !important; display:inline-table;}
.form-inline .input-group { margin-bottom:0 !important; vertical-align:middle !important; display:inline-table;}
.form-inline .form-group[class*="col-"], .form-inline .input-group[class*="col-"] {float: left;}
.form-inline .input-group[class*="col-"] .input-group-btn {width:1%;}
@media screen and (min-width:0\0){
	.form-inline .input-group .input-group-btn{width:auto}
}
.form-inline .input-group .input-group-label {width:1%;font-size:inherit; display:table-cell; vertical-align:middle; white-space:nowrap;}
.form-inline .input-group .date-picker .form-control {width: 100% !important;}
.form-inline .input-group > .input-group {width:100%;}
.btn {font-size:12px; padding: 4px 8px;}
.btn:not(.btn-sm):not(.btn-lg) { line-height:1; height:24px; }

.bootstrap-touchspin .btn:not(.btn-sm):not(.btn-lg) {height: auto; padding:6px;}
.bootstrap-touchspin .btn {margin-right:5px;}
.bootstrap-touchspin .input-group-btn-vertical i {top:-1px; left:4px;}
.bootstrap-touchspin .input-group-btn-vertical .bootstrap-touchspin-down {margin-top:-2px; padding: 5px !important;}
.bootstrap-touchspin .input-group-btn-vertical .bootstrap-touchspin-down i {top:-1px; left:3px;}
.bootstrap-switch.bootstrap-switch-small .bootstrap-switch-handle-on,
.bootstrap-switch.bootstrap-switch-small .bootstrap-switch-handle-off,
.bootstrap-switch.bootstrap-switch-small .bootstrap-switch-label {
	padding: 2px 10px;
}
.input-icon > i {margin: 5px 2px 4px 10px;}
.modal-dialog { margin:10% auto; }
.modal-backdrop, .modal-backdrop.fade.in { background-color:#fff !important; }
.modal-content { box-shadow:none; border:2px solid #46494c; border-radius: 5px !important;}
.modal .modal-header,
.modal-header { background-color:#46494c !important; color:#fff !important; padding:4px 15px; }
.modal .modal-today { background-color:#46494c !important; color:#fff !important; padding:0px 15px; }
.modal .modal-today .mt-checkbox-inline {padding: 2px 0px;}
.modal-header.ui-draggable-handle {cursor:move;}
#groupTable {position:absolute;}
.close { width:12px; height:12px; opacity:1; }
.modal .modal-header .close,
.modal-header .close { margin-top:6px !important; }
.mt-radio, .mt-checkbox { font-size: 12px; margin-bottom:0px; height: 20px; line-height:20px; padding-left: 20px;}
.mt-radio-list .mt-radio, .mt-checkbox-list .mt-checkbox { margin-bottom:10px; }
.mt-radio-list .mt-radio:last-child, .mt-checkbox-list .mt-checkbox:last-child { margin-bottom:0px; }
.mt-radio-inline .mt-radio,
.mt-checkbox-inline .mt-checkbox,
.mt-radio-list > .mt-radio-inline .mt-radio,
.mt-radio-list > .mt-checkbox-inline .mt-checkbox { margin-bottom:inherit; }

.mt-checkbox-inline .mt-checkbox,
.mt-radio-inline .mt-radio { margin-right: 10px; }
.table .mt-checkbox-list,
.table .mt-radio-list {padding: 0px;}
th > .mt-checkbox.mt-checkbox-single,
td > .mt-checkbox.mt-checkbox-single {
	top:auto;
	right: auto;
}
.pagination { margin:0px; }
.pagination + .input-inline {position: absolute; height: 23px;}
.pagination + .input-inline .help-inline {height: 23px; padding: 2px 2px;}

[class^="fa-"]:not(.fa-stack),
[class^="glyphicon-"],
[class^="icon-"],
[class*=" fa-"]:not(.fa-stack),
[class*=" glyphicon-"],
[class*=" icon-"] {
	/* line-height:1.32857; */
}

table thead .sorting_asc { background:url("../../com/img/sort_asc.png") no-repeat center right; }
table thead .sort_asc_disabled { background:url("../../com/img/sort_asc_disabled.png") no-repeat center right; }
table thead .sorting_desc { background:url("../../com/img/sort_desc.png") no-repeat center right; }
table thead .sort_desc_disabled { background:url("../../com/img/sort_desc_disabled.png") no-repeat center right; }
table thead .sorting { background:url("../../com/img/sort_both.png") no-repeat center right; }

.table.table-bordered input { display:inline; }
.table.table-bordered select { display:inline; }

.date-picker .form-control {width: 90px !important;}
.form_datetime .form-control { width:142px !important; }

.datepicker.dropdown-menu,
.datetimepicker.dropdown-menu {
	border:1px solid #2f353b;
}
.datepicker-dropdown:before,
[class*=" datetimepicker-dropdown"]:before {
	border-bottom-color:rgb(47, 53, 59, 1);
}
.datepicker-dropdown.datepicker-orient-top:before {
	border-top:7px solid rgb(47, 53, 59);
}
.datetimepicker-days .table-condensed thead,
.datepicker-days .table-condensed thead {
	border-bottom: 1px solid #2f353b;
}
.datetimepicker-minutes .table-condensed thead tr:nth-child(1),
.datetimepicker-hours .table-condensed thead tr:nth-child(1),
.datetimepicker-days .table-condensed thead tr:nth-child(1),
.datetimepicker-months .table-condensed thead tr:nth-child(1),
.datetimepicker-years .table-condensed thead tr:nth-child(1),
.datepicker-years .table-condensed thead tr:nth-child(2),
.datepicker-months .table-condensed thead tr:nth-child(2),
.datepicker-days .table-condensed thead tr:nth-child(2) {
	background-color:#e4e4e4;
	border: 1px solid #d8d8d8 !important;
}

.datetimepicker-days .table-condensed > thead > tr > th.dow,
.datepicker-days .table-condensed > thead > tr > th.dow,
.datetimepicker-days .table-condensed > tbody > tr > td,
.datepicker-days .table-condensed > tbody > tr > td {
	border: 1px solid #d8d8d8 !important;
}
.datetimepicker-days .table-condensed > thead > tr > th.dow,
.datepicker-days .table-condensed > thead > tr > th.dow {
	background-color:#f3f3f3;
}

.input-medium { width:100px !important; }
.input-large { width:auto !important; }
.fileinput .input-large { width:286px !important; }

.portlet.light.bordered { border:1px solid #b1b4b7 !important; }
.portlet.light.bordered > .portlet-title { border-bottom:1px solid #b1b4b7 !important; }

.page-sidebar .page-sidebar-menu .sub-menu>li.active>a,
.page-sidebar .page-sidebar-menu .sub-menu>li.open>a,
.page-sidebar .page-sidebar-menu .sub-menu>li:hover>a,
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu>li.active>a,
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu>li.open>a,
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu>li:hover>a {
	/* background-color:#eaeaea !important; */
}

.form-group .control-label { line-height:22px; }
.form-control.search { border:2px solid #337ab7;}

.mt-checkbox-inline, .mt-radio-inline { padding:0px; }
.mt-checkbox.required-check span,
.mt-radio.required-check span {
	background:rgb(247, 239, 190) !important;
}
.mt-radio.mt-radio-outline > span,
.mt-radio.mt-checkbox-outline > span,
.mt-checkbox.mt-radio-outline > span,
.mt-checkbox.mt-checkbox-outline > span {
	border:1px solid #ababab;
}
.mt-radio.mt-radio-outline:hover > input:not([disabled]):checked ~ span,
.mt-radio.mt-radio-outline > input:checked ~ span,
.mt-radio.mt-checkbox-outline:hover > input:not([disabled]):checked ~ span,
.mt-radio.mt-checkbox-outline > input:checked ~ span,
.mt-checkbox.mt-radio-outline:hover > input:not([disabled]):checked ~ span,
.mt-checkbox.mt-radio-outline > input:checked ~ span,
.mt-checkbox.mt-checkbox-outline:hover > input:not([disabled]):checked ~ span,
.mt-checkbox.mt-checkbox-outline > input:checked ~ span {
	border:1px solid #ababab;
}
.mt-radio.mt-radio-outline:hover > input:not([disabled]) ~ span,
.mt-radio.mt-radio-outline > input:focus ~ span,
.mt-radio.mt-checkbox-outline:hover > input:not([disabled]) ~ span,
.mt-radio.mt-checkbox-outline > input:focus ~ span,
.mt-checkbox.mt-radio-outline:hover > input:not([disabled]) ~ span,
.mt-checkbox.mt-radio-outline > input:focus ~ span,
.mt-checkbox.mt-checkbox-outline:hover > input:not([disabled]) ~ span,
.mt-checkbox.mt-checkbox-outline > input:focus ~ span {
	border:1px solid #ababab;
}
.mt-checkbox > span:after {border-color:#3e3e3e;}
.mt-radio > span:after {background:#3e3e3e;}

.required {background:rgb(247, 239, 190) !important;}

.form-list .form-inline {padding: 2px 0px; display: flow-root;}
@media screen and (min-width:0\0){
	.form-list .form-inline{ height: 30px;}
	.form-list .form-inline:first-child {height: 26px;}
	.form-list .form-inline:last-child {height: 28px;}
}
.form-list > .form-inline:first-child {padding-top: 0px;}
.form-list > .form-inline:last-child {padding-bottom: 0px;}

.tabs-group-justified {
	display:table !important;
	width:100% !important;
	border-collapse:separate !important;}
.tabs-group-justified > li {
	float:none;
	display:table-cell;
}
.tabs-group-justified > li.active {
	bottom:-1px;
}
.tabs-group-justified > li > a {
	margin-bottom: 0px;
}
.tabs-group-justified > li.active > a {
	margin-bottom: -1px;
}
.modal .modal-header.ui-draggable-handle,
.modal.draggable-modal .modal-header,
.portlet-sortable:not(.portlet-fullscreen)>.portlet-title {
	cursor:move;
}

.row-set .row-set-col:first-child {padding-left:0px;}
.row-set .row-set-col:last-child {padding-right:0px;}

.dataTables_wrapper .dataTables_length,
.dataTables_wrapper .dataTables_filter {padding-bottom: 10px;}


.fileinput .close.fileinput-exists {
	background:url("../../com/img/remove-icon-small.png") no-repeat 50% 50% !important;
	width: 30px;
	height: 30px;
	vertical-align:middle;
}

.accordion.accordion-type01 .panel {border:0px; border-bottom:1px solid #dcdcdc;}
.accordion.accordion-type01 .panel .panel-heading {border-bottom:2px solid #46494c; background-color:#fff;}
.accordion.accordion-type01 .panel .panel-title {padding-left:30px; background: url("../../com/img/bu_accordion_title.png") no-repeat left center;}
.accordion.accordion-type01 .panel .panel-title > a,
.accordion.accordion-type01 .panel .panel-title > a:hover {color:#1f1e1e; font-size: 20px; font-weight: bold;}
.accordion.accordion-type01 .panel .panel-body ul > li {
	font-size: 16px;
	color: #1f1e1e;
	padding-left:20px;
	background: url("../../com/img/bu_accordion_li.png") no-repeat left 5px;
}
.accordion.accordion-type01 .panel .panel-title .accordion-toggle {padding:20px 15px;}
.accordion.accordion-type01 .panel .panel-title .accordion-toggle.accordion-toggle-styled {background: url("../../com/img/accordion_minus.png") no-repeat right center;}
.accordion.accordion-type01 .panel .panel-title .accordion-toggle.accordion-toggle-styled.collapsed {background: url("../../com/img/accordion_plus.png") no-repeat right center;}


.mt-element-card .mt-card-item {padding: 0px; margin: 10px 0px; border-color: #bbbbbb;}
.mt-element-card .mt-card-item .mt-card-avatar img {width: auto;}
.mt-element-card .mt-card-item .mt-card-name {margin-top:10px;}
.mt-element-card .mt-card-item .mt-card-content .mt-card-name {margin-bottom:5px;}
.mt-element-card .mt-card-item .mt-card-avatar {width:100%;height:150px;overflow:hidden;text-align:center; margin-bottom:5px;}

/* ====================================================================================================================
 * flexslider 커스텀
 * ====================================================================================================================*/
.flexslider-wrapper {
	overflow: initial;
}
.flexslider {
	height: auto !important;
	overflow: visible;
}
.page-main .flexslider {
	overflow: visible !important;
}
.page-main .colgroup .main-con-box.popup-zone-box {
	overflow: hidden;
}
.flex-control-nav {
	top:-40px;
	right: 20px;
	bottom: auto;
	width: auto;
}
.flex-control-paging li a {
	background:#dadada !important;
}
.flex-control-paging li a.flex-active {
	background:#3b874d;
	width: 35px;
}
.flex-control-nav li {
	margin:0 4px !important;
}
.slides li {
	margin: 10px 0px !important;
}
.slides li:nth-child(even) {
	margin-right: 0px !important;
}
.flex-direction-nav a {
	margin: -30px 0 0 !important;
}
.flex-direction-nav a:before {
	background: url(../../com/img/flex-prev-btn.png) no-repeat 0px 0px;
}
.flex-direction-nav a.flex-next:before {
	background: url(../../com/img/flex-next-btn.png) no-repeat 0px 0px;
}

/* ====================================================================================================================
 * splitter 커스텀
 * ====================================================================================================================*/
.split-me-container {
	height: 100%;
	border: 1px solid #d5d5d5;
	border-radius: 6px;
	overflow: hidden;
	white-space:nowrap;
}
.split-contents-wrapper {

}
.split-contents {
	width: 100%;
	height: 100%;
	padding: 10px;
	overflow: auto;
}
.split-me {height: 100%;}
.split-me > div {
	background: #fff;
}
.split-me > div:first-child {
	background: #fff;
}
.split-me > div:last-child {
	background: #fff;
}
.splitter-bar {
	background: #fff;
}
.TouchSplitter.v-ts > div.splitter-bar {
	border-top: 1px solid #d5d5d5;
	border-bottom: 1px solid #d5d5d5;
	overflow: hidden;
}
.TouchSplitter.h-ts > div.splitter-bar {
	border-left: 1px solid #d5d5d5;
	border-right: 1px solid #d5d5d5;
	overflow: hidden;
}
.TouchSplitter > div.splitter-bar > div {
	background-color:inherit;
}
.TouchSplitter.v-ts > div.splitter-bar > div {
	width: 70px;
	height: 8px;
	margin-left: -35px;
	background: url("../../com/img/ico_btn_splitter_h_off.png") no-repeat center center;
}
.TouchSplitter.v-ts > div.splitter-bar > div:hover {
	background: url("../../com/img/ico_btn_splitter_h_on.png") no-repeat center center;
}
.TouchSplitter.h-ts > div.splitter-bar > div {
	width: 8px;
	height: 70px;
	margin-top: -35px;
	background: url("../../com/img/ico_btn_splitter_v_off.png") no-repeat center center;
}
.TouchSplitter.h-ts > div.splitter-bar > div:hover {
	background: url("../../com/img/ico_btn_splitter_v_on.png") no-repeat center center;
}

/* ====================================================================================================================
 * Panel 커스텀
 * ====================================================================================================================*/

.portlet hr.page-title-hr {
	border-top:1px solid #b8bfc6;
	margin:0px 0px 20px 0px;
}
.portlet .portlet-body .contentsRow .portlet-body-title {
	margin:40px 0px 30px 0px;
	font-weight:bold;
}
.portlet .portlet-body .contentsRow:first-child .portlet-body-title{
	margin-top:10px;
}
.portlet .portlet.light.bordered {
	border:1px solid #dee0e2 !important;
}
.portlet hr.portlet-body-title-hr {
	border-top:1px dashed #dee0e2;
}
.portlet .portlet-body .contentsRow.portlet-body-hr {
	border-top:1px solid #dee0e2;
	padding-bottom:20px;
}
.portlet .portlet-body .contentsRow.portlet-body-hr:first-child {
	border-top:0px solid #dee0e2;
}
.portlet.portlet-type01 {}
.portlet.portlet-type01 hr.portlet-body-title-hr {
	border-top:1px solid #dee0e2;
}
.portlet-body .col-md-12 {
	float: none;
}
.portlet .btn.only-icon {
	padding:3px !important;
	line-height:1 !important;
	font-size:12px !important;
}
.portlet .portlet-body.vertical-line {
	position: relative;
}
.portlet .portlet-body.vertical-line::after {
	content: "";
	position: absolute;
	top:0px;
	left: 50%;
	width: 1px;
	height: 100%;
	border-left:1px dashed #dee0e2;
}

/* ====================================================================================================================
 * layout 커스텀
 * ====================================================================================================================*/

.page-header-inner .menu-toggler.sidebar-toggler a {
	width:38px;
	height:38px;
	left:198px;
}
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover,
.page-sidebar {
	background:#fff;
}
.page-sidebar .page-sidebar-menu > li.heading,
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.heading {
	padding:17px 15px;
}
.page-sidebar .page-sidebar-menu > li,
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li {
	border-top:1px solid #e0e0e0;
}
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.heading > h3,
.page-sidebar .page-sidebar-menu > li.heading > h3 {
	font-size:16px;
	color:#333;
	font-weight:bold;
}
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li > a,
.page-sidebar .page-sidebar-menu > li > a {
	font-size:13px;
	color:#424242;
	border-top:0;
	padding:8px 15px;
	font-weight:bold;
}
.page-sidebar .page-sidebar-menu > li.active > a,
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.active > a {
	color:#424242;
}
.page-sidebar .page-sidebar-menu > li.open > a,
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.open > a {
	font-size:14px;
}
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.active > a,
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.active.open > a,
.page-sidebar .page-sidebar-menu > li.active > a,
.page-sidebar .page-sidebar-menu > li.active.open > a {
	color:#424242;
	background:#dadada !important;
}
.page-sidebar .page-sidebar-menu .sub-menu,
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu {
	border-top:1px solid #e0e0e0;
	margin:0px;
	padding:10px 0px 10px 0px;
	background:#f6f6f6;
}
.page-sidebar .page-sidebar-menu .sub-menu li,
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu li {
	margin-top:0 !important;
}
.page-sidebar .page-sidebar-menu > li > a > .arrow:before,
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li > a > .arrow:before {
	top:4px;
}
.page-sidebar .page-sidebar-menu .sub-menu li > a,
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu li > a {
	font-size:13px;
	color:#424242;
	padding:5px 20px 5px 30px;
	background:url('../../com/img/bu_sidebar_menu_3depth.png') no-repeat 14px 50%;
}
.page-sidebar .page-sidebar-menu .sub-menu li > a:hover,
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu li > a:hover {
	background:#e7e7e7 url('../../com/img/bu_sidebar_menu_3depth.png') no-repeat 14px 50% !important;
}

.page-sidebar-menu > li:last-child > ul.sub-menu {
	border-bottom:1px solid #e0e0e0;
}

.page-sidebar-menu > li > ul.sub-menu > li > ul.sub-menu {
	/* background-color: #e4e4e4; */
	background-color: #e8e8e8;
	border-top:0px;
}
.page-sidebar-menu > li > ul.sub-menu > li > ul.sub-menu > li > a,
.page-sidebar-menu > li > ul.sub-menu > li > ul.sub-menu > li > a:hover {
	background:url('../../com/img/bu_sidebar_menu_4depth.png') no-repeat 30px 50% !important;
	padding-left: 44px !important;
}
.page-sidebar .page-sidebar-menu li > ul.sub-menu > li > a > .arrow:before,
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu li > ul.sub-menu > li > a > .arrow:before {
	top:2px;
}
.page-sidebar .page-sidebar-menu .sub-menu > li > ul.sub-menu > li.active > a {
	background-color: #dad9d9 !important;
}
.page-sidebar .page-sidebar-menu .sub-menu > li > ul.sub-menu > li:hover > a {
	background-color: #dcdcdc !important;
}

.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li:last-child > a,
.page-sidebar .page-sidebar-menu > li:last-child > a {
	border-bottom:1px solid #e0e0e0 !important;
}
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.open:last-child > a,
.page-sidebar .page-sidebar-menu > li.open:last-child > a {
	border-bottom:0 !important;
}
.page-sidebar .page-sidebar-menu li > a > .arrow:before,
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu li > a > .arrow:before {
	content:"\f106";
	color:#3b3b3b !important;
}
/* .page-sidebar .closed_view {display:none;} */

.page-sidebar .page-sidebar-menu > li.heading > .heading_icon {
	float:left;
	width:50px;
	height:50px;
	line-height:50px;
}

.page-header .page-header-inner #nav {
	border-left:1px solid #dcdcdc;
}


body.page-sidebar-closed {background:#99b7c2;}
.page-sidebar-closed .page-sidebar {width:38px !important;}
.page-sidebar-closed .page-sidebar .page-sidebar-menu.page-sidebar-menu-closed {width:38px !important; }
.page-sidebar-closed .page-content-wrapper .page-content {margin-left:38px !important;}
.page-sidebar-closed .page-sidebar .page-sidebar-menu.page-sidebar-menu-closed {margin-top:38px !important; background-color:#99b7c3 !important;}
.page-sidebar-closed .page-sidebar .page-sidebar-menu > li, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li {border:0 !important;}
.page-sidebar-closed .page-sidebar .page-sidebar-menu.page-sidebar-menu-closed > li > a {border-top:1px solid #82a7b7 !important;}
.page-sidebar-closed .page-sidebar .page-sidebar-menu.page-sidebar-menu-closed > li.heading +li>a  {border-top:0;}
.page-sidebar-closed .page-sidebar .page-sidebar-menu.page-sidebar-menu-closed > li:hover > a {border-top:0 !important;}
.page-sidebar-closed .page-sidebar .page-sidebar-menu.page-sidebar-menu-closed > li.active >a {border-top:0 !important;}
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li:last-child > a, .page-sidebar-closed .page-sidebar .page-sidebar-menu > li:last-child > a {border-color:#82a8b7 !important; }
.page-sidebar-closed .page-sidebar .page-sidebar-menu > li:last-child:hover > a {border-bottom:0 !important; }
.page-sidebar-closed .page-sidebar .page-sidebar-menu.page-sidebar-menu-closed > li > a {padding:10px 6px !important;}
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.active > a,
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.active.open > a,
.page-sidebar-closed .page-sidebar  .page-sidebar-menu > li.active > a,
.page-sidebar-closed .page-sidebar .page-sidebar-menu > li.active.open > a {background:#43829c url(../img/nav_arr.png) no-repeat right 50% !important;}
.page-sidebar-closed .page-sidebar .page-sidebar-menu > li.active.open:hover > a {background-image:none !important;}
.page-sidebar-closed .closed_view {font-size:13px; letter-spacing:-1px; color:#446572; display:inline-block; width:38px;}
.page-sidebar-closed .active .closed_view {color:#fff !important;}
.page-sidebar-menu.page-sidebar-menu-closed > li:hover {box-shadow:none;}

.page-sidebar-closed .page-sidebar .page-sidebar-menu.page-sidebar-menu-closed > li:hover {width:auto !important;}
.page-sidebar-closed .page-sidebar .page-sidebar-menu.page-sidebar-menu-closed > li:hover > a {width:218px !important;}
.page-sidebar-closed .page-sidebar .page-sidebar-menu.page-sidebar-menu-closed > li:hover > a > .title {}
.page-sidebar-closed .page-sidebar .page-sidebar-menu.page-sidebar-menu-closed > li:hover > .sub-menu {margin-top:0; border-top:0 !important; box-shadow:none; margin-bottom:0; padding:10px 0;}
.page-sidebar .page-sidebar-menu.page-sidebar-menu-closed .sub-menu li > a, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu li > a {font-size:13px; color:#43829c;}
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li:hover > a,
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.open > a,
.page-sidebar-closed  .page-sidebar .page-sidebar-menu > li:hover > a {background:#43829c !important; color:#fff !important;}
.page-sidebar-closed .page-sidebar .page-sidebar-menu > li.open > a {background:#99b7c3; color:#446572;}
.page-sidebar-closed  .page-sidebar .page-sidebar-menu > li:hover > a .closed_view {color:#fff !important;}

.page-sidebar-closed .page-sidebar .page-sidebar-menu.page-sidebar-menu-closed > li:hover > .sub-menu > li > a {padding:5px 20px !important;}

.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li:hover > a,
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li.open > a,
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li.active > a,
.page-sidebar-closed  .page-sidebar .page-sidebar-menu .sub-menu > li:hover > a,
.page-sidebar-closed  .page-sidebar .page-sidebar-menu .sub-menu > li.open > a,
.page-sidebar-closed  .page-sidebar .page-sidebar-menu .sub-menu > li.active > a {background:#d0dee3 !important; border-bottom:0 !imoprtant;}
.page-sidebar-closed  .page-sidebar .page-sidebar-menu .sub-menu > li a:hover,
.page-sidebar-closed  .page-sidebar .page-sidebar-menu .sub-menu > li.active a:hover  {color:#000 !important;}
.page-sidebar .page-sidebar-menu.page-sidebar-menu-closed .sub-menu li.active > a,
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu li.active > a {color:#000 !important;}
.page-sidebar-menu-closed .nav-item .title {display:inline-block;}

.page-sidebar-closed .page-sidebar .page-sidebar-menu.page-sidebar-menu-closed > li:hover > .sub-menu {left:38px; background-color:#d0dee3; width:180px;}
.page-sidebar-closed .page-content-wrapper .page-content {border-left:0 !important;}


.contents-fixed-group {position: relative; width: 100%; height: calc(100vh - 432px)}
.contents-fixed-top {position: relative;}
.contents-fixed-top td {vertical-align: top;}
.contents-fixed-top .contentsRow {}
.contents-fixed-bottom {position: relative;}
.contents-fixed-bottom td {vertical-align: bottom;}
.contents-fixed-bottom .contentsRow {margin-top: 20px;}
.contents-fixed-bottom .contentsRow .search-panel-bottom {margin-bottom: 0px;}


/* nav_area */
.nav_area a.nav_close {top:0; right:16px;}
.page-header-fixed .page-wrapper .nav_area {padding:30px 10px; overflow:visible; left:0; margin:0; height:auto; width:100%;}
.page-header-fixed .page-wrapper .nav_area .nav_inner {margin:0 auto; width:auto; max-width:100%; }
.page-header-fixed .page-wrapper .nav_area .nav_box {border-right:0; width:12.5%; padding:0 16px;}
.nav_area .nav_inner .nav_box h3.tit {font-size:18px; color:#006caa; padding:0 0 20px 0; font-weight:bold;}
.nav_area .nav_inner .nav_box strong.stit {font-size:16px; color:#000; padding:0 0 10px; margin-bottom:0; background:none; font-weight:bold;}
.nav_area .nav_inner .nav_box ul {}
.nav_area .nav_inner .nav_box ul li {margin:0;}
.nav_area .nav_inner .nav_box ul li a {color:#424242; font-size:13px;}


.page-header.navbar .top-menu .navbar-nav > li.dropdown.open .dropdown-toggle {background:none;}

.alert-dismissable {text-align: center;}


/* --------------------------------------------
 * 팝업
/* ------------------------------------------ */

.modal-today button {
	background:none;
	border:none;
}

.popup-wrapper .page-title {
	font-size:18px;
	color:#000;
	margin:15px 27px 15px 0px;
	padding:0px 20px;
	background:url(../../com/img/bu_title_1depth.png) no-repeat left 61%;
}
.popup-wrapper .page-title-2depth {
	font-size:18px;color:#000;
	margin:15px 27px 15px 0px;
	padding:0px 20px;
	background:url(../../com/img/bu_title_2depth.png) no-repeat left 61%;
}

.export-sms-wrapper {
	position:relative;
	width:100%;
	display:table;
}


.export-sms-wrapper,
.export-sms-wrapper .export-sms-con {
	margin-right:-3px;
	height:700px;
	background:url(../../com/img/bg_export_sms_L.png) no-repeat 0 0px;
}
.export-sms-wrapper .export-sms-con {
	width:100%;
	height:700px;
	padding:94px 30px 50px 30px;
	background:url(../../com/img/bg_export_sms_R.png) no-repeat 100% 0px;
}
.export-sms-wrapper {
	margin-right:3px;
}

.export-note-wrapper,
.export-note-wrapper .export-note-con {
	margin-right:-3px;
	height:700px;
	background:url(../../com/img/bg_export_note_L.png) no-repeat 0 0px;
}
.export-note-wrapper .export-note-con {
	width:100%;
	height:700px;
	padding:160px 30px 50px 30px;
	background:url(../../com/img/bg_export_note_R.png) no-repeat 100% 0px;
}
.export-note-wrapper {
	margin-right:3px;
}

.row-set-scroll .contentsRow {
	display: block;
}

.modal-table-pseudo {
	position:absolute;
	background-color:#ffffff;
	z-index:1;
}
.modal-title-pseudo {
	background-color: #292925;
	color: white;
	height: 35px;
	vertical-align: middle;
	padding: 7px 0 0 10px;
	margin-bottom: 0px;
}
.modal-title-pseudo-x {
	background-color: #292925;
	border-left: 1px solid #292925;
	padding-right:10px;
	text-align:right;
}

/* ====================================================================================================================
 * 어드민 커스텀
 * ====================================================================================================================*/

.page-admin .contentWrapper {
	height: calc(100% - 238px);
	width:calc(100%);
}
.page-admin .contentsRow {
	width:calc(100%);
}


/* ====================================================================================================================
 * 프론트 버튼 커스텀
 * ====================================================================================================================*/

.btn.disabled, .btn[disabled], fieldset[disabled] .btn {opacity:0.4;}
.btn-primary {background-color:#00a2ff; border-color:#114672;}
.btn-primary:hover {background-color:#1db7f0; border-color:#114672;}
.btn-primary:focus,
.btn-primary.focus {background-color:#1db7f0; border-color:#114672;}
.btn-primary:active,
.btn-primary.active,
.open > .btn-primary.dropdown-toggle {background-color:#1db7f0; border-color:#114672;}
.btn-primary:active:hover,
.btn-primary:active:focus,
.btn-primary:active.focus,
.btn-primary.active:hover,
.btn-primary.active:focus,
.btn-primary.active.focus,
.open > .btn-primary.dropdown-toggle:hover,
.open > .btn-primary.dropdown-toggle:focus,
.open > .btn-primary.dropdown-toggle.focus {background-color:#1db7f0; border-color:#114672;}
.btn-primary.disabled:hover,
.btn-primary.disabled:focus,
.btn-primary.disabled.focus,
.btn-primary[disabled]:hover,
.btn-primary[disabled]:focus,
.btn-primary[disabled].focus,
fieldset[disabled] .btn-primary:hover,
fieldset[disabled] .btn-primary:focus,
fieldset[disabled] .btn-primary.focus {background-color:#00a2ff; border-color:#114672;}

.btn:not(.btn-sm):not(.btn-lg).btn-table-sm {
	height: 18px;
	padding: 3px 4px;
	border-radius: 3px !important;
	font-size: 11px;
}
@media screen and (min-width:0\0){
	.btn:not(.btn-sm):not(.btn-lg).btn-table-sm { padding: 4px 4px; }
}

.btn-table-sm.btn-primary {background-color:#fff; background-image: linear-gradient(#edf9ff, #c9dde8); border-color:#00a2ff; color:#0080ca;}
.btn-table-sm.btn-primary:hover {background-color:#fff; border-color:#114672; color:#114672;}
.btn-table-sm.btn-primary:focus,
.btn-table-sm.btn-primary.focus {background-color:#fff; border-color:#114672; color:#114672;}
.btn-table-sm.btn-primary.disabled:hover,
.btn-table-sm.btn-primary.disabled:focus,
.btn-table-sm.btn-primary.disabled.focus,
.btn-table-sm.btn-primary[disabled]:hover,
.btn-table-sm.btn-primary[disabled]:focus,
.btn-table-sm.btn-primary[disabled].focus,
fieldset[disabled] .btn-table-sm.btn-primary:hover,
fieldset[disabled] .btn-table-sm.btn-primary:focus,
fieldset[disabled] .btn-table-sm.btn-primary.focus {background-color:#fff; border-color:#00a2ff; color:#00a2ff;}

.btn-table-sm.dark {background-color:#fff !important; background-image: linear-gradient(#efefef, #dadada) !important; border-color:#999ea2 !important; color:#2f353b !important;}
.btn-table-sm.dark:hover,
.btn-table-sm.dark:focus,
.btn-table-sm.dark.focus,
.btn-table-sm.btn.dark:not(.btn-outline):active,
.btn-table-sm.btn.dark:not(.btn-outline).active,
.open > .btn-table-sm.btn.dark:not(.btn-outline).dropdown-toggle {background-color:#fff !important; border-color:#232629 !important; color:#232629 !important;}
.btn-table-sm.dark.disabled:hover,
.btn-table-sm.dark.disabled:focus,
.btn-table-sm.dark.disabled.focus,
.btn-table-sm.dark[disabled]:hover,
.btn-table-sm.dark[disabled]:focus,
.btn-table-sm.dark[disabled].focus,
fieldset[disabled] .btn-table-sm.dark:hover,
fieldset[disabled] .btn-table-sm.dark:focus,
fieldset[disabled] .btn-table-sm.dark.focus {background-color:#fff; border-color:#999ea2 !important; color:#00a2ff;}

.btn:not(.btn-sm):not(.btn-lg).btn-table {
	height: 22px;
	padding: 4px 4px;
	border-radius: 2px !important;
	font-size: 12px;
	margin: 0px;
}
@media screen and (min-width:0\0){
	.btn:not(.btn-sm):not(.btn-lg).btn-table { padding: 4px 4px; }
}

.btn-table.btn-primary {
	background-color:#3598dc;
	border: 1px solid #3598dc !important;
	color:#fff;
}
.btn-table.btn-primary:hover {background-color:#2785c5; border-color:#3598dc !important; color:#fff;}
.btn-table.btn-primary:focus,
.btn-table.btn-primary.focus {background-color:#2785c5; border-color:#3598dc !important; color:#fff;}
.btn-table.btn-primary.disabled:hover,
.btn-table.btn-primary.disabled:focus,
.btn-table.btn-primary.disabled.focus,
.btn-table.btn-primary[disabled]:hover,
.btn-table.btn-primary[disabled]:focus,
.btn-table.btn-primary[disabled].focus,
fieldset[disabled] .btn-table.btn-primary:hover,
fieldset[disabled] .btn-table.btn-primary:focus,
fieldset[disabled] .btn-table.btn-primary.focus {background-color:#3598dc; border-color:#3598dc !important; color:#fff;}

.btn-table.dark {
	background-color:#0c4c79 !important;
	border: 1px solid #0c4c79 !important;
	color:#fff;
}
.btn-table.dark:hover,
.btn-table.dark:focus,
.btn-table.dark.focus,
.btn-table.btn.dark:not(.btn-outline):active,
.btn-table.btn.dark:not(.btn-outline).active,
.open > .btn-table.btn.dark:not(.btn-outline).dropdown-toggle {background-color:#083b5f !important;  border-color:#083b5f !important; color:#fff !important;}
.btn-table.dark.disabled:hover,
.btn-table.dark.disabled:focus,
.btn-table.dark.disabled.focus,
.btn-table.dark[disabled]:hover,
.btn-table.dark[disabled]:focus,
.btn-table.dark[disabled].focus,
fieldset[disabled] .btn-table.dark:hover,
fieldset[disabled] .btn-table.dark:focus,
fieldset[disabled] .btn-table.dark.focus {background-color:#0c4c79; color:#fff;}

.btn-group.btn-group-circle .btn:not(.btn-sm):not(.btn-lg) {
	line-height: 1.2;
}
.btn-group.btn-group-circle .btn.btn-default {

}

/* ====================================================================================================================
 * 프론트 테이블 커스텀
 * ====================================================================================================================*/

.search-panel.table.table-bordered td.td-head {
	background-color:#e5ebf0;
}
.search-panel {
	background-color:#f9f9f9;
}
.table.table-bordered thead > tr > th {
	background-color:#e5ebf0;
}
.table-scrollable {
	border-top: 2px solid #114672;
}
.table.table-bordered thead > tr > th > .btn,
.table.table-bordered tbody > tr > th > .btn,
.table.table-bordered tbody > tr > td > .btn {
	vertical-align:middle;
}
/* ====================================================================================================================
 * 프론트 레이아웃
 * ====================================================================================================================*/

/* 상단 */
.page-front .page-header {
	position: relative;
	height: 120px;
	padding: 0px 15px;
	border-bottom:1px solid #000;
}
.page-front .page-header.navbar {
	background: #fff;
}
.page-front .page-header-inner {
	width: 1400px;
	height: 120px;
	margin: 0px auto;
}
.page-front .page-header.navbar .page-logo {
	height:66px;
	line-height:66px;
	margin:0px;
}
.page-front .page-header.navbar .top-menu {
	height:66px;
	line-height:66px;
}
.page-front .page-header.navbar .top-menu .navbar-nav {
	margin:18px 0px 0px 0px;
}
.page-front .page-header.navbar .top-menu .navbar-nav > li.dropdown {
	height:28px;
	margin: 0px 10px 0px 0px;
	padding: 0px 14px 0px 2px;
}
.page-front .page-header.navbar .top-menu .navbar-nav > li.dropdown:last-child {
	padding: 0px;
	margin: 0px;
}
.page-front .page-header.navbar .top-menu .navbar-nav > li.dropdown > .dropdown-toggle {
	line-height:28px;
	padding: 0px;
}
.page-front .page-header.navbar .top-menu .navbar-nav > li.dropdown.dropdown-zoom {
	margin: 0px 10px 0px 0px;
	padding: 0px 10px;
	background: none;
}
.page-front .page-header.navbar .top-menu .navbar-nav > li.dropdown.dropdown-user > .dropdown-toggle {
	float: left;
}
.page-front .page-header.navbar .top-menu .navbar-nav > li.dropdown-user .dropdown-toggle > img {
	float:none;
	margin:0px;
	height: auto;
}
.page-front .page-header.navbar .top-menu .navbar-nav > li.dropdown-user > .dropdown-toggle > .username {
	font-size: 14px;
}
.page-front .page-header.navbar .top-menu .navbar-nav > li.dropdown > .dropdown-toggle > .badge.user-badge {
	top:-10px;
	right: -20px;
}
.page-front .page-header.navbar .top-menu .navbar-nav > li.dropdown-user > .username-text {
	margin-left: 4px;
}
.page-front .page-header.navbar .top-menu .navbar-nav > li.dropdown > .user-badge-group {
	position: absolute;
	top:-16px;
	left:80px;
	width: 300px;
}
.page-front .page-header.navbar .top-menu .navbar-nav > li.dropdown > .user-badge-group .user-badge-title {
	color: #c3c3c3;
	font-size: 11px;
	margin-left:-2px;
}
.page-front .page-header.navbar .top-menu .navbar-nav > li.dropdown > .user-badge-group .badge {
	line-height: 14px;
}
.page-front .page-header.navbar .top-menu .navbar-nav > li.dropdown-user .dropdown-menu > li > a i {
	vertical-align:top;
	line-height: 14px;
}
.page-front .page-header.navbar .top-menu .navbar-nav > li.dropdown-user .dropdown-menu > li > a span.dd-menu-text {
	display: inline-block;
	margin-top:-4px;
	font-size: 12px;
}
.page-front .navbar-nav > li > a {
	color:#000;
}
.page-front .page-header .page-header-inner #nav.nav {
	width: 1400px;
	height:52px;
	line-height:52px;
	margin: 0px auto;
	border-left:0px;
	float:none;
	display: table;
}
.page-front .page-header .page-header-inner #nav > li {
	display: table-cell;
}
.page-front .page-header .page-header-inner #nav > li.title::after {
	position: absolute;
	top: 18px;
	content: "";
	border-left: 1px solid #cecece;
	height: 15px;
}
.page-front .page-header .page-header-inner #nav > li.title:first-child::after {
	content: "";
}
.page-front .page-header .page-header-inner #nav > li.all-menu::after {
	content: "";
	border-left: 1px solid #cecece;
}
.page-front .page-header .page-header-inner #nav > li a {
	padding: 0px;
	height:52px;
	line-height: 52px;
	text-align:center;
	font-size: 16px;
	font-weight: bold;
}
.page-front .page-header .page-menu-wrapper {
	position: absolute;
	width: 100%;
	left:0px;
	bottom:0px;
	border-top: 1px solid #dcdcdc;
}
.page-front .page-header .page-header-inner #nav > li > ul > li,
.page-front .page-header .page-header-inner #nav > li > ul > li > ul > li {
	float:left;
	border-right:none;
}
.page-front .page-header .page-header-inner #nav > li > ul > li > a,
.page-front .page-header .page-header-inner #nav > li > ul > li > ul > li > a {
	text-align: left;
	font-size: 14px;
	height:40px;
	line-height:40px;
	padding: 0px 14px !important;
	color:#fff;
}
.page-front .page-header .page-header-inner #nav > li > ul > li > a:hover,
.page-front .page-header .page-header-inner #nav > li > ul > li > a.active,
.page-front .page-header .page-header-inner #nav > li > ul > li > ul > li > a:hover,
.page-front .page-header .page-header-inner #nav > li > ul > li > ul > li > a.active {
	color:#3b874d;
	background-color:#2a3838;
}
.page-front .page-header.navbar .hor-menu .navbar-nav > li .dropdown-submenu > a:after {
	top:0px;
}
.page-front #nav .dropdown-menu {
	background-color: #1e2929 !important;
}
.page-front .page-header.navbar .hor-menu .navbar-nav > li.classic-menu-dropdown:hover > .dropdown-menu.dropdown-menu-none {
	display:none;
}
.page-front .page-header.navbar .hor-menu .navbar-nav > li.classic-menu-dropdown:hover > .dropdown-menu {
	display:block;
}
.page-front .page-header.navbar .top-menu .navbar-nav > li.dropdown-extended {
	background: none;
}
.page-header.navbar .top-menu .navbar-nav > li.dropdown-extended > a.top-btn,
.page-header.navbar .top-menu .navbar-nav > li.dropdown.open .dropdown-toggle.top-btn {
	padding-left: 30px;
}
.page-front .page-header.navbar .top-menu .navbar-nav > li.dropdown-extended > a.top-btn,
.page-front .page-header.navbar .top-menu .navbar-nav > li.dropdown.open .dropdown-toggle.top-btn {
	padding-left: 30px;
}
.page-header.navbar .top-menu .navbar-nav > li.dropdown-extended > a.top-btn.btn-mypage,
.page-header.navbar .top-menu .navbar-nav > li.dropdown.open .dropdown-toggle.top-btn.btn-mypage  {
	background: url(../../com/img/ico_top_btn_mypage.png) no-repeat 0px 50%;
}
.page-header.navbar .top-menu .navbar-nav > li.dropdown-extended > a.top-btn.btn-admin,
.page-header.navbar .top-menu .navbar-nav > li.dropdown.open .dropdown-toggle.top-btn.btn-admin {
	background: url(../../com/img/ico_top_btn_admin.png) no-repeat 0px 50%;
}
.page-header.navbar .top-menu .navbar-nav > li.dropdown-extended > a.top-btn.btn-sitemap,
.page-front .page-header.navbar .top-menu .navbar-nav > li.dropdown.open .dropdown-toggle.top-btn.btn-sitemap {
	background: url(../../com/img/ico_top_btn_sitemap.png) no-repeat 0px 50%;
}
.page-header.navbar .top-menu .navbar-nav > li.dropdown-extended > a.top-btn.btn-message,
.page-header.navbar .top-menu .navbar-nav > li.dropdown.open .dropdown-toggle.top-btn.btn-message {
	background: url(../../com/img/ico_top_btn_message.png) no-repeat 0px 50%;
}
.page-header.navbar .top-menu .navbar-nav > li.dropdown-extended > a.top-btn.btn-logout,
.page-header.navbar .top-menu .navbar-nav > li.dropdown.open .dropdown-toggle.top-btn.btn-logout {
	background: url(../../com/img/ico_top_btn_logout.png) no-repeat 0px 50%;
}
.page-header.navbar .top-menu .navbar-nav > li.dropdown-user .dropdown-menu li {
	margin: 0px 20px;
}
.dropdown-menu li.divider {
	background:#9e9e9e;
}
.page-front .page-header.navbar .top-menu .navbar-nav > li.dropdown-user .dropdown-menu {
	width: 200px;
}
.page-front .page-header.navbar .top-menu .navbar-nav > li.dropdown .dropdown-menu:before {
	right: 153px;
}
.page-front .page-header.navbar .top-menu .navbar-nav > li.dropdown .dropdown-menu:after {
	right: 154px;
}
.page-front .page-header .page-header-inner #nav li a {}
.dropdown-menu {
	border: 1px solid #9e9e9e;
	box-shadow:4px 4px rgba(102, 102, 102, 0.2);
	z-index: 9999;
}
.page-header.navbar .top-menu .navbar-nav > li.dropdown .dropdown-menu:before {
	border-bottom-color:#9e9e9e;
}
.page-front .page-header .page-header-inner .bs-select {
	font-size: 12px;
	padding: 3px 10px;
	height: 28px;
	border-radius: 15px 0px 0px 15px !important;
}
.page-front .page-header .page-header-inner .input-icon .form-control {
	font-size: 12px;
	padding: 3px 10px 3px 32px;
	height: 28px;
	border-radius: 15px !important;
	background-color: #fff !important;
	border: 1px solid #008ac3;
}
.page-front .page-header .page-header-inner .input-icon > i {
	margin: 8px 2px 4px 10px;
	color:#008ac3;
}
.page-front .page-header .page-header-inner .btn:not(.btn-sm):not(.btn-lg) {
	height: 28px;
	border-radius: 0px 15px 15px 0px !important;
}

.page-front .page-header.navbar .top-menu .navbar-nav > li.dropdown-user .dropdown-toggle > i,
.page-front .page-bar.hor-menu .page-breadcrumb > li.classic-menu-dropdown > a > i {
	border-radius: 3px!important;
	border:1px solid #cecece;
}

/* 전체메뉴 */
.page-front .page-header #navi_group {
	position: absolute;
}
.page-front .page-header .navi-depth {
	position:absolute;
	width:100%;
	top:119px;
	left: 0px;
	background-color:#f4f4f4;
	border-top:1px solid #cecece;
	border-bottom:4px solid #1e2929;
	display:none;
	z-index:9990;
}
.page-front .page-header .navi-depth.on {
	display: block;
}
.page-front .page-header .navi-depth .depth-group {
	width:1400px;
	margin:0px auto;
	display:block;
}
.page-front .page-header .navi-depth .depth-group .depth-ul {
	position:relative;
	padding:20px 0px;
	border-right:1px solid #dddddd;
}
.page-front .page-header .navi-depth .depth-group .depth-ul:hover,
.page-front .page-header .navi-depth .depth-group .depth-ul.on {
	background-color:#fff;
}
.page-front .page-header .navi-depth .depth-group .depth-ul:first-child {
	border-left:1px solid #dddddd !important;
}
.page-front .page-header .navi-depth .depth-group .depth-ul > li {
	text-align:left; margin:0px 10px;
}
.page-front .page-header .navi-depth .depth-group .depth-ul > li a {
	display:inline-block;
	color:#333333;
	font-size:13px;
	margin-bottom:5px;
	letter-spacing:-0.5px;
	width:100%;
}
.page-front .page-header .navi-depth .depth-group .depth-ul.on > li a {}

.page-front	.page-header .page-header-inner #nav > li > a:hover,
.page-front	.page-header .page-header-inner #nav > li > a.active,
.page-front	.page-header .page-header-inner #nav > li.on > a {
	color:#008ac3;
	background-color:inherit;
}

.page-front .page-header .navi-depth .depth-group .depth-ul a:hover,
.page-front .page-header .navi-depth .depth-group .depth-ul.on a:hover {
	color:#008ac3 !important;
}

.page-front .page-header .navi-depth .depth-group .depth-align {
	display:table;
	width: 100%;
}

.page-front .page-header .page-header-inner #nav > li.all-menu {
	border-right:none;
	width: 0;
}
.page-front .page-header .page-header-inner #nav > li.all-menu > a:hover {
	background-color:inherit;
}
.page-front .page-header .page-header-inner #nav > li .all-menu-btn {
	position: absolute;
	top:0px;
	right: -53px;
	width: 52px;
	height:52px;
	display: block;
}
.page-front .page-header .page-header-inner #nav > li .all-menu-btn:focus {
	background-color: #01c48a !important;
}
.page-front .page-header .page-header-inner #nav > li .all-menu-btn a {
	font-size: 0px;
	background: url(../../com/img/ico_btn_all_menu_btn.png) no-repeat 50% 50%;
}
.page-front .page-header .page-header-inner #nav > li .all-menu-btn.all-menu-btn-close a {
	background: url(../../com/img/ico_btn_all_menu_btn_close.png) no-repeat 50% 50%;
}

.page-front .page-header .navi-depth .depth-group ul.depth-2depth {
	/* background: url(../../com/img/bu_navi_depth_bg.png) repeat-y 10px 0px; */
}
.page-front .page-header .navi-depth .depth-group ul.depth-2depth > li {
	padding-left: 12px;
	background: url(../../com/img/bu_navi_depth.png) no-repeat 0px 5px;
}
.page-front .page-header .navi-depth .depth-group ul.depth-3depth {
	width: 100%;
	/* background: url(../../com/img/bu_navi_depth_bg.png) repeat-y 0px 0px; */
}
.page-front .page-header .navi-depth .depth-group ul.depth-3depth > li {
	padding-left: 12px;
	background: url(../../com/img/bu_navi_depth.png) no-repeat 0 5px;
}
.page-front .page-header .navi-depth .depth-group ul.depth-4depth {
	width: 100%;
	/* background: url(../../com/img/bu_navi_depth_bg.png) repeat-y 0px 0px; */
}
.page-front .page-header .navi-depth .depth-group ul.depth-4depth > li {
	padding-left: 12px;
	background: url(../../com/img/bu_navi_depth.png) no-repeat 0 5px;
}

.page-front .page-header .navi-depth .depth-group .depth-ul > li.dep-2level {
	padding-left: 9px !important;
	background: url(../../com/img/bu_navi_depth.png) no-repeat 0px 5px;
	font-weight: bold;
}
.page-front .page-header .navi-depth .depth-group .depth-ul > li.dep-2level a {
	color:#004e7b;
}
.page-front .page-header .navi-depth .depth-group .depth-ul > li.dep-3level {
	padding-left: 16px !important;
	background: url(../../com/img/bu_navi_depth_2.png) no-repeat 7px -3px;
}
.page-front .page-header .navi-depth .depth-group .depth-ul > li.dep-4level {
	padding-left: 24px !important;
	background: url(../../com/img/bu_navi_depth_2.png) no-repeat 14px -3px;
}


/* 메뉴 공통 가로 사이즈(상단메뉴와 전체메뉴의 가로사이즈를 동일하게 만들어줌) */
.page-front .page-header .page-header-inner #nav.nav,
.page-front .page-header .navi-depth .depth-group .depth-align {
	display: flex;
	display: -webkit-box;
	display: -ms-flexbox;
}
.page-front .page-header .page-header-inner #nav > li.title,
.page-front .page-header .navi-depth .depth-group .depth-ul{
	width:0;
	flex-grow:1;
	-webkit-box-flex:1;
	-ms-flex:1;
}
.page-front .page-header.navbar .hor-menu .navbar-nav > li.classic-menu-dropdown .dropdown-menu {
	min-width: 100%;
	max-width:100%;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
   .page-front .page-header .navi-depth .depth-group .depth-align {display: flex; }
}

/* 퀵메뉴 */
.quick-sidebar-wrapper {
	position:absolute;
    top:0;
    right:-156px;
    width:136px;
	z-index: 1;
}
.quick-sidebar {

}
.quick-title {
	width: 100%;
	height: 40px;
	line-height: 40px;
	color: #fff;
	font-weight: bold;
	font-size: 16px;
	text-align: center;
	background: #1db7f0 url(../../com/img/ico_quick_title.png) no-repeat 0 50%;
}
.quick-content {
	width: 100%;
    min-height:200px;
    text-align:center;
	border: 1px solid #bfcdd9;
	border-top: 0px;
}
.quick-menu {
	background-color: #f7f7f7;
}
.quick-menu li {
	font-size: 13px;
	font-weight: bold;
	border-bottom: 1px solid #d9d9d9;
}
.quick-menu li a {
	display: block;
	padding: 4px 19px;
	font-size: 12px;
	padding: 4px 4px;
	letter-spacing: -1px;
}
.quick-tel {
	padding: 16px 10px 12px 10px;
	font-weight: bold;
	background: #fff url(../../com/img/ico_quick_tel.png) no-repeat 12px 17px;
}
.quick-tel-title {
	font-size: 14px;
	color: #000;
	margin-left:40px;
	text-align: left;
	line-height:16px;
}
.quick-tel-no {
	font-size: 21px;
	color: #00a2ff;
	margin-top: 2px;
}


/* --------------------------------------------
 * 쳇봇 커스텀
/* ------------------------------------------ */
.tooltip {
	z-index: 999999;
}
.chats {
	margin-top:0px !important;
}
.chats li {
	position: relative;
	font-size: 14px;
	min-height:40px;
	margin: 0px;
	padding: 0px 0px 10px 0px !important;
}
.chats li .message {
	display: inline-block;
	padding: 14px 20px !important;
	border-radius:5px !important;
	box-shadow: 3px 3px rgba(0, 0, 0, 0.3) !important;
	min-height:47px;
	max-width:50%;
}
.chats li .message p {
	margin: 0px !important;
}
.chats li .name {
	color: #000;
	font-size: 15px;
	display: block;
}
.chats li .datetime {
	display: block;
	padding-top: 5px;
}
.chats li .avatar {
	margin-top: 20px;
}
.chats li.in .name {}
.chats li.in {
	text-align: left;
}
.chats li.in .message {
	margin-left: 0px !important;
	border-left:0px !important;
}
.chats li.in .datetime {
	padding-left: 64px;
}
.chats li.in .avatar {
	margin-right: 20px;
}
.chats li.in .message .arrow {
	border-right:8px solid #fafafa !important;
	top:13px;
}
.chats li.out {
	text-align: right;
}
.chats li.out .message {
	margin-right: 0px !important;
	background:#ffeb33 !important;
	border-right:0px !important;
	text-align: left;
}
.chats li.out .name {}
.chats li.out .datetime {
	padding-right: 64px;
}
.chats li.out .avatar {
	margin-left: 20px;
}
.chats li.out .message .arrow {
	border-left:8px solid #ffeb33 !important;
	top:13px;
}
.chat-form .input-cont {
	margin-right:30px;
}
.chat-form .btn-cont {
	margin-top:-35px;
}
.chat-form .btn-cont .btn {
	margin-top:11px;
}
.portlet.light.bordered.portlet-chat {
	background: #1db6f0;
	border: 0px !important;
	margin-bottom: 0px;
	padding: 12px 10px 12px 10px;
}
.chat-form .btn-cont .arrow {
	right: 37px;
}
.slimScrollBar {
	background: rgb(91, 109, 103) !important;
}

.quick-nav {
	width: 450px;
	top: 50px;
	left: auto;
	right: 20px;
	margin: 0px;
}
.quick-nav .portlet-chat {
	position:relative;
	z-index:10103;
	margin-top: 60px;
	text-align:right;
	list-style:none;

	opacity: 0;
    webkit-transform: translateX(-25px);
    -moz-transform: translateX(-25px);
    -ms-transform: translateX(-25px);
    -o-transform: translateX(-25px);
    transform: translateX(-25px);
}
.quick-nav.nav-is-visible .portlet-chat {
	opacity: 1;
	webkit-transform: translateX(0);
	-moz-transform: translateX(0);
	-ms-transform: translateX(0);
	-o-transform: translateX(0);
	transform: translateX(0);
	-webkit-animation: slideIn 0.15s backwards;
	-o-animation: slideIn 0.15s backwards;
	animation: slideIn 0.15s backwards;
	webkit-transition: transform 0.2s;
	-moz-transition: transform 0.2s;
	-ms-transition: transform 0.2s;
	-o-transition: transform 0.2s;
	transition: transform 0.2s;
}
.quick-nav ul {
	padding:0px;
}
.quick-nav ul > li span {
	color:#333333;
}
.quick-nav.nav-is-visible {
	overflow: hidden;
	box-shadow: 0px 2px 7px rgba(0, 0, 0, 0.4);
	border-radius: 5px !important;
}
.quick-nav.nav-is-visible .quick-nav-bg {
	width: 853px;
}
.quick-nav .quick-nav-bg {
	position: absolute;
	z-index: 10102;
	top: 0;
	right: 0;
	width: 60px;
	height: 60px;
	border-radius: 30px !important;
	background: #389fdc;
	box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2);
	webkit-transition: height .0s, box-shadow .2s;
	-moz-transition: height .0s, box-shadow .2s;
	-ms-transition: height .0s, box-shadow .2s;
	-o-transition: height .0s, box-shadow .2s;
	transition: height .0s, box-shadow .2s;
}
.quick-nav.nav-is-visible .quick-nav-bg {
	background: #36c6d3;
}
.quick-nav .portlet-chat .slimScrollDiv {
	height: 100%;
}

.quick-nav-trigger span {
	width: 60px;
	height: 60px;
	background:#1db7f0 url(../../com/img/ico_btn_chat.png) no-repeat 50% 50%;
}
.nav-is-visible .quick-nav-trigger span {
	background:none;
}
.quick-nav-trigger span::after, .quick-nav-trigger span::before {
	opacity: 0;
	top:29px;
	left:12px;
}
.nav-is-visible .quick-nav-trigger span::after, .nav-is-visible .quick-nav-trigger span::before {
	opacity: 1;
}
.quick-nav-trigger {
	cursor: move !important;
	z-index: 10104;
}
.quick-nav-title {
	position:absolute;
	width:100%;
	height:60px;
	line-height: 60px;
	background-color:#008ac3;
	color:#fff;
	font-size:20px;
	padding-left:25px;
	z-index: 10103;
	display: none;
	font-weight: bold;
}
.nav-is-visible .quick-nav-title {
	display: block;
	cursor: move !important;
}
.chat-form {
	background-color: #ffffff;
	padding: 20px;
	border-radius: 5px !important;
}



/* 카테고리 & 컨텐츠 옵션 */
.page-front .page-content-wrapper .page-content .page-bar {
	background: none;
	border: none;
	height:30px;
	padding: 0px 0px 0px 260px;
	margin-bottom:20px;
}
.page-front .page-content-wrapper .page-content .page-bar-inner {
	background-color:#fff;
	width: 100%;
	height: 100%;
	padding-left:10px;
	border: 1px solid #d7d7d7;
	border-top: 0px;
}
.page-front .page-bar .page-breadcrumb {
	padding: 0px;
	line-height:49px;
}
.page-front .page-bar .page-breadcrumb > li {
	height:29px;
	line-height:29px;
	float: left;
	margin-right:25px;
	background: url(../../com/img/bu_category_front.png) no-repeat right 50%;
}
.page-front .page-bar .page-breadcrumb > li:last-child {
	padding: 0px;
	margin: 0px;
}
.page-front .page-bar .page-breadcrumb > li > a {
	display: block;
	font-size: 13px;
}
.page-front .page-bar .page-breadcrumb > li > a,
.page-front .page-bar .page-breadcrumb > li > span {
	color: #1e2929;
}
.page-front .page-bar .page-breadcrumb > li.page-breadcrumb-home {
	width: 48px;
	padding-left: 8px;
}
.page-front .page-bar .page-breadcrumb > li.page-breadcrumb-home > span {
	width: 58px;
	height: 30px;
	padding-left: 8px;
	display: inline-block;
	background:url(../../com/img/ico_home_front.png) no-repeat left 43%;
}

.page-front .page-bar .page-options {
	padding: 0px;
	line-height:29px;
	float: right;
}
.page-front .page-bar .page-options > li {
	float: left;
}
.page-front .page-bar .page-options > li.page-options-print a {
	width: 30px;
	height: 30px;
	display: block;
	background: #3581d9 url(../../com/img/ico_print_front.png) no-repeat 50% 50%;
}
.page-front .page-bar .page-options > li.page-options-help {
	border-left: 1px solid #d7d7d7;
}
.page-front .page-bar .page-options > li.page-options-help a {
	display: block;
	height: 100%;
	padding: 0px 15px 0px 50px;
	color:#00a2ff;
	font-size: 13px;
	font-weight: bold;
	background: url(../../com/img/ico_page_options_help.png) no-repeat 15px 50%;
}
.page-front .page-bar.hor-menu .page-breadcrumb > li {
	position: relative;
	padding-right:30px;
}
.page-front .page-bar.hor-menu .page-breadcrumb > li.classic-menu-dropdown:hover > .dropdown-menu {
	display:block;
	margin: 0px;
	left:-34px;
	/* background-color: #1e3c54;
	border: 1px solid #162a3a; */
	background-color: #fff;
	border: 1px solid #9e9e9e;
	font-size: 12px;
}
.page-front .page-bar.hor-menu .page-breadcrumb > li.classic-menu-dropdown:hover > .dropdown-menu > li {
	border-top: 1px solid #dedede;
}
.page-front .page-bar.hor-menu .page-breadcrumb > li.classic-menu-dropdown:hover > .dropdown-menu > li:first-child {
	border-top: 0px;
}
.page-front .page-bar.hor-menu .page-breadcrumb > li.classic-menu-dropdown:hover > .dropdown-menu > li > a {
	color:#555;
	line-height: 16px;
}
.page-front .page-bar.hor-menu .page-breadcrumb > li.classic-menu-dropdown:hover > .dropdown-menu > li > a:hover,
.page-front .page-bar.hor-menu .page-breadcrumb > li.classic-menu-dropdown:hover > .dropdown-menu > li > a:focus,
.page-front .page-bar.hor-menu .page-breadcrumb > li.classic-menu-dropdown:hover > .dropdown-menu > li:hover > a,
.page-front .page-bar.hor-menu .page-breadcrumb > li.classic-menu-dropdown:hover > .dropdown-menu > li > a.active {
	background-color: #f1f1f1;
	color: #00a2ff;
	font-weight: bold;
}
.page-front .page-bar.hor-menu .page-breadcrumb > li.classic-menu-dropdown > a > i {
	margin-left: 10px;
}

.page-front .page-header.navbar .top-menu .navbar-nav {
	line-height:28px;
}
.page-front .page-sidebar {
	width:230px;
}
.page-front .page-sidebar > .heading {
	border-top: 0px;
	padding: 34px 0px 34px 6px;
	background:url(../../com/img/bg_sub_title.png) no-repeat 50% 50%;
}
.page-front .page-sidebar > .heading .heading-title {
	font-size: 20px;
	color:#fff;
	margin: 0px;
	padding-left:10px;
}
.page-front .page-sidebar > .heading + .nav-item {
	border-top: 0px;
}
.page-front .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.active > a,
.page-front .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.active.open > a,
.page-front .page-sidebar .page-sidebar-menu > li.active > a,
.page-front .page-sidebar .page-sidebar-menu > li.active.open > a {
	color:#008ac4;
	background:none !important;
	font-size: 13px;
}
.page-front .page-sidebar .page-sidebar-menu > li.open > a,
.page-front .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.open > a {
	font-size: 13px;
}

.page-front .page-sidebar .page-sidebar-menu > li,
.page-front .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li {
	border-top:1px solid #d3d8df;
}
.page-front .page-sidebar .page-sidebar-menu > li:first-child,
.page-front .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li:first-child {
	border-top:0px;
}
.page-front .page-sidebar .page-sidebar-menu > li.nav-item,
.page-front .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.nav-item {
	border-left: 1px solid #d3d8df;
	border-right: 1px solid #d3d8df;
}
.page-front .page-sidebar .page-sidebar-fixed-bottom {
	border: 0px solid #b8bfc6;
	bottom:40px;
	border-radius:5px 5px 5px 5px !important;
	-webkit-border-radius:5px 5px 5px 5px !important;
	-moz-border-radius:5px 5px 5px 5px !important;
	background-color:#fdb149;
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.1), 0 6px 20px 0 rgba(0, 0, 0, 0.1);
}

.page-front .page-sidebar .nav-tabs {
	margin-bottom:0px;
	border-bottom:0px;
	border-top:2px solid #114672;
	margin-top: 18px;
}
.page-front .page-sidebar .nav-tabs > li > a {
	text-align: center;
	margin-right: 0px;
	padding: 20px 15px;
	border: 0px;
	font-size: 15px;
	font-weight: bold;
	color: #000;
}
.page-front .page-sidebar .tabs-group-justified > li.active {
	position: relative;
	bottom:0px;
}
.page-front .page-sidebar .tabs-group-justified > li.active::after {
	position: absolute;
	content: "";
	left:50%;
	margin-left: -8px;
	bottom: -8px;
	border-left: 8px solid transparent;
	border-right: 8px solid transparent;
	border-top: 8px solid #1db6f0;
}
.page-front .page-sidebar .nav-tabs > li > a {
	background-color: #d2dae0;
	color: #6d7880;
}
.page-front .page-sidebar .nav-tabs > li.active > a,
.page-front .page-sidebar .nav-tabs > li.active > a:hover,
.page-front .page-sidebar .nav-tabs > li.active > a:focus {
	border:1px solid #d3d8df;
	border-bottom: 0px;
	border-top: 0px;
	background-color: #1db7f0;
	color: #fff;
}
.page-front .page-sidebar .nav-tabs > li:first-child.active > a {
	border-left: 0px;
}
.page-front .page-sidebar .nav-tabs > li:last-child.active > a {
	border-right: 0px;
}
.page-front .page-sidebar .tab-content .page-sidebar-menu > li:last-child > a,
.page-front .page-sidebar .tab-content .page-sidebar-menu > li:last-child > ul.sub-menu {
	border-bottom: 0px !important;
}
.page-front .page-sidebar .tab-content .page-sidebar-menu > li.nav-item,
.page-front .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .tab-content .page-sidebar-menu > li.nav-item {
	border-left: 0px;
	border-right: 0px;
}
.page-front .page-sidebar .tab-content {
	border: 1px solid #d3d8df;
	border-top: 0px;
}
.page-front .page-sidebar .tab-content .facil-search-con {
	padding: 15px;
	background-color: #e5ebf0;
	border-bottom: 1px solid #d3d8df;
}
.page-front .page-sidebar .tab-content .facil-search-con .control-label {
	width: 60px;
}
.page-front .page-sidebar .tab-content .facil-search-con .control-label.com-name {
	letter-spacing:0px;
}
.page-front .page-sidebar .tab-content .facil-search-con .form-control {
	width: 105px;
}
.page-front .page-sidebar .tab-content .facil-search-bottom-btn {
	text-align: center;
	padding: 10px;
}
.page-front .page-sidebar .facil-search-con + .page-sidebar-menu > li.active {
	background:url(../../com/img/bu_facil_search_menu_on.png) no-repeat 196px 50%;
}


.page-front .app-option {
	padding:6px 15px !important;
	background-color:#3b874d;
	border-top:0px !important;
	color: #fff;
}
.page-front .app-option-text {
	position: relative;
	line-height:26px;
}
.page-front .app-option .btn {
	position: absolute;
	right:0px;
	border-radius:5px 5px 5px 5px !important;
	-webkit-border-radius:5px 5px 5px 5px !important;
	-moz-border-radius:5px 5px 5px 5px !important;
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.1), 0 6px 20px 0 rgba(0, 0, 0, 0.1) !important;
}
.page-front .page-sidebar .page-sidebar-fixed-bottom .bs-select,
.page-front .page-sidebar .page-sidebar-fixed-bottom .btn {
	border-radius:5px !important;
	-webkit-border-radius:5px !important;
	-moz-border-radius:5px !important;
}
.page-front .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu,
.page-front .page-sidebar .page-sidebar-menu {
	/* margin-bottom:180px; */
}

/*비주얼 */
.page-front .page-sub-visual {
	position: absolute;
	left: 0px;
	top:0px;
	width: 100%;
	height: 120px;
}
.page-front .page-sub-visual .page-sub-visual-inner {
	height: 100%;
	margin: 0px auto;
}
.page-front .page-sub-visual.sub-visual-type-01 {
	background-color:#114672;
}
.page-front .page-sub-visual.sub-visual-type-01 .page-sub-visual-inner {
	background:url(../../com/img/bg_sub_visual_01.png) no-repeat 50% 50%;
}
.page-front .page-sub-visual .page-sub-visual-inner .page-sub-visual-text {
	padding-top: 58px;
}
.page-front .page-sub-visual .page-sub-visual-inner .page-sub-visual-text p {
	padding: 0px;
	margin: 0px;
}
.page-front .page-sub-visual .page-sub-visual-inner .page-sub-visual-text p.page-sub-visual-title {
	font-size: 24px;
	font-weight: bold;
}
.page-front .page-sub-visual .page-sub-visual-inner .page-sub-visual-text p.page-sub-visual-title .page-sub-visual-title-s {
	font-size: 16px;
	font-weight: 100;
}
.page-front .page-sub-visual .page-sub-visual-inner .page-sub-visual-text p.page-sub-visual-con {
	font-size: 16px;
	font-weight: bold;
	color:rgba(66, 66, 66, 0.6);
	margin-top: 10px;
}

/* 컨텐츠 */
.page-front .contentWrapper {
	padding: 0px 0px 40px 260px;
}
.page-front .page-content-wrapper .page-content {
	position: relative;
	width: 1400px;
	margin:0px auto 0px auto;
}
.page-front .page-title {
	font-size: 20px;
	padding: 0px 0px 0px 20px;
	margin-bottom: 20px;
	background: url(../../com/img/bu_title_1depth_front.png) no-repeat 0px 50%;
}
.page-front .page-sidebar-wrapper {
	height: auto;
}

/* 페이징 */
.page-content .pagination > li > a, .pagination > li > span {
	border: 1px solid #1e2929;
	border-radius: 3px !important;
	color: #1e2929;
	margin: 0px 2px;
	padding: 2px 8px;
	font-size: 12px;
	height: 23px;
}
.page-content .pagination > .active > a,
.page-content .pagination > .active > a:hover,
.page-content .pagination > .active > a:focus,
.page-content .pagination > .active > span,
.page-content .pagination > .active > span:hover,
.page-content .pagination > .active > span:focus {
	color: #fff;
	background-color:#1e2929;
	border-color:#1e2929;
}
.page-content .pagination > .disabled > span,
.page-content .pagination > .disabled > span:hover,
.page-content .pagination > .disabled > span:focus,
.page-content .pagination > .disabled > a,
.page-content .pagination > .disabled > a:hover,
.page-content .pagination > .disabled > a:focus {
	border: 1px solid #ddd;
	color: #777777;
}
.page-content .pagination li [class^="fa-"],
.page-content .pagination li [class^="glyphicon-"],
.page-content .pagination li [class^="icon-"],
.page-content .pagination li [class*=" fa-"],
.page-content .pagination li [class*=" glyphicon-"],
.page-content .pagination li [class*=" icon-"] {
	width: 0.6em;
}


/* 하단 */
.page-front .page-footer .page-footer-inner {
	float: none;
	display:block;
	width: 1400px;
	margin: 0px auto;
}

/* ====================================================================================================================
 * 가로 Full 사이즈
 * ====================================================================================================================*/
.page-front.page-full-screen .page-header-inner {
	width: auto;
	margin: 0px auto !important;
}
.page-front.page-full-screen .page-header .page-menu-wrapper {}
.page-front.page-full-screen .page-header .navi-depth .depth-group .depth-align {}
.page-front.page-full-screen .page-header .page-header-inner #nav > li .all-menu-btn {
	right: -52px;
}
.page-front.page-full-screen .page-header .page-header-inner #nav.nav {
	margin: 0px auto !important;
}
.page-front.page-full-screen .page-header .navi-depth .depth-group {
	margin: 0px auto !important;
}
.page-front.page-full-screen .page-title {}
.page-front.page-full-screen .page-sub-visual .page-sub-visual-inner {
	width: auto;
	padding: 0px 15px;
}
.page-front.page-full-screen .page-content-wrapper .page-content {
	position: static;
	width: auto;
	margin-left:275px !important;
	margin-right:171px !important;
}
.page-front.page-full-screen .contentWrapper {
	padding: 0px 0px 40px 0px;
}
.page-front.page-full-screen .page-content-wrapper .page-content .page-bar {
	padding:0px;
}
.page-front.page-full-screen .page-footer .page-footer-inner {
	width: auto;
	margin: 0px auto !important;
}
.page-front.page-full-screen .page-footer .page-footer-info .page-footer-info-inner {
	width: auto;
	margin: 0px 15px;
}
.page-front.page-full-screen .page-sidebar-wrapper {
	left:15px;
}
.page-front.page-full-screen .quick-sidebar-wrapper {
	right: 15px;
}


/* ====================================================================================================================
 * 프레임데코 레이아웃
 * ====================================================================================================================*/
.page-front.page-frame .page-content-wrapper .page-content {
	width:auto;
}
.page-front.page-frame .contentWrapper {
	padding: 0px;
}


/* ====================================================================================================================
 * 오른쪽 토글 패널
 * ====================================================================================================================*/
.right-panel {
	position: absolute;
	top: 0px;
	right: 0px;
	width: 0px;
	min-height:100%;
}
.right-panel.active {
	width: 400px;
}
.right-panel .right-panel-menu-wrap {
	position:absolute;
	right:0;
	top:0;
	background:#00a2ff;
	border-left:1px solid #337ab6;
	border-right:1px solid #337ab6;
	width:8px;
	min-height:100%;
	cursor:pointer;
	z-index: 1;
}
.right-panel .btn-panel {
	position:absolute;
	top:50%;
	left:-25px;
	margin-top:-60px;
	background: url("../../com/img/btn_right_panel.png") no-repeat left center;
	width:25px;
	height:132px;
	text-indent:-1000em;
	color:white;
	outline:0;
}
.right-panel .panel-menu li {
	border-top:1px solid #baced7;
}
.right-panel .panel-menu button {
	display:block;
	background:#d0dde3;
	width:100%;
	height:130px;
	outline:0;
}
.right-panel .panel-menu button:hover,
.right-panel .panel-menu li.active button {
	background:#f9f9f9;
}
.right-panel .panel-contents-wrap {
	display:none;
	position:absolute;
	right:0;
	top:0;
	background:#e9edef;
	width:392px;
	min-height:100%;
}
.right-panel-type02 .right-panel .panel-contents-wrap {
	width:276px;
}
.right-panel .right-contents {
	display:none;
	min-height:100%;
}
.right-panel .panel-con-top {
	overflow:hidden;
	background:#53bf8b;
	color:#fff;
	min-height:50px;
	padding:0 15px;
}
.right-panel .panel-con-top .panel-title {
	margin:0;
	font-size:14px;
	font-weight:bold;
	text-transform:uppercase;
	line-height:50px;
	text-align:center;
}
.right-panel .panel-con-top .panel-title:before {
	content:"";
	display:inline-block;
	background: url("../../com/img/ico_map_search_title.png") left center no-repeat;
	width:30px;
	height:30px;
	margin-right:9px;
	vertical-align:middle;
}
.right-panel .panel-con-top .panel-date {
	float:right;
	line-height:64px;
}
.right-panel .panel-con {
	padding:0px;
	margin:0px;
}

/* 오른쪽 토글 패널 Open */
.right-panel.active .right-panel-menu-wrap {
	right:392px;
}
.right-panel.active .btn-panel {
	background-position:-25px center;
}
.right-panel.active .panel-contents-wrap,
.right-panel.active .right-contents.active {
	display:block;
	height:100%;
}
.right-panel-type02 .right-panel.active .right-panel-menu-wrap {
	right:476px;
}

/* 오른쪽 토글 패널 컨텐츠 */
.right-panel .panel-task .menu li{
	display:block;
	font-weight:bold;
	border-top:1px solid #c9c9c9;
	border-bottom:1px solid #c9c9c9;
	text-align:center;
	background-color:#ffffff;
	color:#46494c;
	padding: 10px;
}
.right-panel .panel-task .menu li:first-child {
	border-top:none;
}
.right-panel .panel-task .menu .btn-write {
	float:right;
	background:none;
	margin-right:11px;
}

.right-panel .panel-task .menu li > .sub-menu li a{
	line-height:40px;
	display:block;
	font-weight:normal;
	border:none;
	text-align:center;
	background:url("../../com/img/bu_side_menu_2depth.png") center bottom no-repeat;
}
.right-panel .panel-task .menu li > .sub-menu li:last-child a{
	background:none;
}

.right-panel .panel-list {
	display: block;
	overflow: hidden;
	overflow-y: auto;
	height: calc(100vh - 221px);
	padding: 10px;
}

/* 오른쪽 토글 패널 body */
.contentWrapper.map-right-panel {
	margin-right: 8px;
}
.contentWrapper.map-right-panel.sh-active {
	margin-right: 400px;
}


/* ====================================================================================================================
 * 메인 레이아웃
 * ====================================================================================================================*/

.page-main-wrap .page-content {
	margin-left:0;
}
.page-main-wrap .menu-toggler {
	display:none !important;
}
.page-main .col {
	width:100%;
	box-sizing:border-box;
	margin-bottom:30px;
	padding:0px;
}
.page-main .col:last-child {
	margin-bottom:0px;
}

.page-main .main-con-group {
	display: inline-flex;
	border:1px solid #d5d5d5;
}
.page-main .main-con-group .main-con-box {
	position: relative;
	display:inline-block;
	width:100%;
	border-left:1px solid #d5d5d5;
}
.page-main .main-con-group .main-con-box .col-header {
	position: relative;
	overflow:hidden;
	padding:14px 28px 0px 28px;
}
.page-main .main-con-group.main-group-bottom .main-con-box .col-header .main-con-btn {
	margin-top: 5px;
}
.page-main .main-con-group .main-con-box .main-con-btn {
	position: absolute;
	top:30px;
	right: 28px;
}
.page-main .main-con-group .main-con-box:first-child {
	border-left: 0px;
}
.page-main .main-con-group.main-group-bottom .main-box-right .main-con-box {
	border-left: 0px;
}
.page-main .main-con-group .main-con-box .main-title {
	margin:0;
	font-size:24px;
	font-weight:bold;
	line-height:62px;
	display:inline;
}
.page-main .main-con-group .main-con-box .main-title small {
	margin-left: 10px;
	color: #9e9e9e;
}
.page-main .main-con-group .main-con-box .main-con-box-row {
	border-top:1px solid #d5d5d5;
}
.page-main .main-con-group .main-con-box .main-con-box-row:first-child {
	border-top:0px;
}
.page-main .main-con-group .main-con-box .main-con {
	position:relative;
	line-height:120px;
}
.page-main .main-con-group .main-con-box .main-con-list {
	padding:0px 28px 20px 28px;
}
.page-main .main-con-group.main-group-top .main-con-box.main-box-right .main-con-list {
	height:420px;
}
.page-main .main-con-group .main-con-box .main-center-list {
	padding:20px 36px;
}
.page-main .main-con-group .main-con-box .main-center-list .main-center-link {}
.page-main .main-con-group .main-con-box .main-center-list .main-center-link .center-link-img {
	position: relative;
	display: inline-block;
	padding: 20px;
	width: 190px;
	height: 190px;
}
.page-main .main-con-group .main-con-box .main-center-list .main-center-link .center-link-img::after {
	position: absolute;
	top: 20px;
	left: 20px;
	content: "";
	width: 150px;
	height: 150px;
	border-radius: 5px !important;
	background-color: #000;
}
.page-main .main-con-group .main-con-box .main-center-list .main-center-link .link-img-color-01.center-link-img::after {
	background-color: #1d90f0;
}
.page-main .main-con-group .main-con-box .main-center-list .main-center-link .link-img-color-02.center-link-img::after {
	background-color: #14b1c4;
}
.page-main .main-con-group .main-con-box .main-center-list .main-center-link .link-img-color-03.center-link-img::after {
	background-color: #14c4b1;
}
.page-main .main-con-group .main-con-box .main-center-list .main-center-link .link-img-color-04.center-link-img::after {
	background-color: #14c490;
}
.page-main .main-con-group .main-con-box .main-center-list .main-center-link .link-img-color-05.center-link-img::after {
	background-color: #14c473;
}
.page-main .main-con-group .main-con-box .main-center-list .main-center-link .link-img-color-06.center-link-img::after {
	background-color: #14c473;
}
.page-main .main-con-group .main-con-box .main-center-list .main-center-link .center-link-img img {
	position: absolute;
    z-index: 1;
	top: 45px;
	left: 50%;
	margin-left: -30px;
}
.page-main .main-con-group .main-con-box .main-center-list .main-center-link .center-link-text {
	position: absolute;
	bottom: 47px;
	width: 150px;
	text-align: center;
	color: #fff;
	font-size: 15px;
	font-weight: bold;
	margin: 0px;
	padding: 0 10px;
	z-index: 1;
}
.page-main .main-con-group .main-con-box .main-center-list .main-center-link .center-link-text.column-2 {
	bottom: 38px;
}
.page-main .main-con-group .main-con-box .main-con-list.list-service {
	background:url(../../com/img/main/bg_main_service_img_01.png) no-repeat 42px 0px;
}
.page-main .main-con-group .main-con-box .main-con-info {
	padding-left: 150px;
}
.page-main .main-con-group .main-con-box .main-con-info li.main-con-info-text {
	font-size:13px;
	color:#202122;
	font-weight: bold;
	background: url(../../com/img/bu_main_con_info.png) no-repeat 0px 6px;
	padding-left: 10px;
}
.page-main .main-con-group .main-con-box .main-con-info li.main-con-info-text span {
	display: inline-block;
}
.page-main .main-con-group .main-con-box .main-con-info li.main-con-info-text span.main-info-tel {
	color:#1db7f0;
}
.page-main .main-con-group .main-con-box .main-con-info-text-bottom {
	position: absolute;
	right: 25px;
	width: 257px;
	text-align: center;
	margin-top: 7px;
	color:#798c92;
	font-size: 13px;
	font-weight: bold;
	background-color: #dbe2e4;
	border-radius: 20px !important;
	padding: 2px 10px;
}

/* ====================================================================================================================
 * IE9 + IE10 적용
 * ====================================================================================================================*/
@media screen and (min-width:0\0){
	.page-main .main-con-group .main-con-box .main-con-info {
		padding-left: 157px;
	}
	.depth-ul {
		float: left; /*IE9적용*/
	}
	.page-main .main-con-group .main-con-box {display:block; float: left;}/*IE9적용*/
	.page-main .main-con-group {display: inline-block;}/*IE9적용*/
}


.page-main .main-con {
	margin-top: 12px;
}
.page-main .main-con-link {
	position:relative;
	width: 33%;
	float: left;
	text-align: center;
	cursor:pointer;
	margin-bottom: 10px;
}
.page-main .main-con-box.main-box-center .main-con-link {
	width: 25%;
	margin: 0px;
	padding-top: 20px;
}
.page-main .main-con-link:first-child::before {
	border-left: 0px;
}
.page-main .main-con-link .main-con-link-title {
	margin-top: 5px;
	font-size: 13px;
	height: 60px;
}
.page-main .main-con-link .main-con-link-btn {
	margin-top: 5px;
}

.page-main .main-con-group .main-con-box .main-member-btn-group {
	position: absolute;
	bottom:0px;
	width: 100%;
}
.page-main .main-con-group .main-con-box .main-member-btn-group li.main-member-btn {
	float: left;
	width: 50%;
}
.page-main .main-con-group .main-con-box .main-member-btn-group li.main-member-btn a {
	display: block;
	width: 100%;
	background:#a9bfd1;
	color:#fff;
	text-align: center;
	line-height:40px;
	padding-left:30px;
}
.page-main .main-con-group .main-con-box .main-member-btn-group li.main-member-btn.id-login a {
	background:#007de5 url(../../com/img/ico_btn_main_id_login.png) no-repeat 15px 50%;
}
.page-main .main-con-group .main-con-box .main-member-btn-group li.main-member-btn.certi-login a {
	background:#1db7f0 url(../../com/img/ico_btn_main_certi_login.png) no-repeat 15px 50%;
}
.page-main .main-con-group .main-con-box .main-member-btn-group li.main-member-btn.member-ship a {
	background:#007de5 url(../../com/img/ico_btn_main_member_ship.png) no-repeat 15px 50%;
}
.page-main .main-con-group .main-con-box .main-member-btn-group li.main-member-btn.id-pw-find a {
	background:#1db7f0 url(../../com/img/ico_btn_main_id_pw_find.png) no-repeat 15px 50%;
}

.page-main .main-con-group .main-con-box .main-member-login-wrapper {
	position: absolute;
	top: 310px;
	left: 50%;
	width: 300px;
	height: 90px;
	margin-left: -150px;
	background-color: #c6d7e4;
}

.page-main .main-con-group .main-con-box .main-member-wrapper {
	position: relative;
	background: #f3f6f9 url(../../com/img/main/bg_main_member_login.png) no-repeat 25px 26px;
	width: 100%;
    height: 170px;
    border:3px solid #14c4b1;
    border-top:0px;
}

.page-main .main-con-group .main-con-box .main-visual-logout {
	position: absolute;
	top:170px;
}
.page-main .main-con-group .main-con-box .main-visual-login {
	position: absolute;
}

.page-main .main-con-group .main-con-box .main-member-login-group {
	position: absolute;
	top:12px;
	left:150px;
}
.page-main .main-con-group .main-con-box .main-member-login-group .input-icon {
	width: 198px;
	float: left;
}
.page-main .main-con-group .main-con-box .main-member-login-group .input-icon:first-child {
	margin-right: 0px;
}
.page-main .main-con-group .main-con-box .main-member-login-group .input-icon:last-child {
	margin-top: 3px;
}
.page-main .main-con-group .main-con-box .main-member-login-group .input-icon > .form-control {
	height: 30px;
	border: 1px solid #737f89;
	border-radius: 5px !important;
	background-color: #edf2f5;
	color:#000;
}
.page-main .main-con-group .main-con-box .main-member-login-group .input-icon > i {
	line-height: 20px;
	height: 20px;
	color: #026fad;
	font-size: 0px;
}
.page-main .main-con-group .main-con-box .main-member-login-group .input-icon > i.fa-user {
	background:url(../../com/img/ico_main_login_fa_user.png) no-repeat 50% 50%;
}
.page-main .main-con-group .main-con-box .main-member-login-group .input-icon > i.fa-lock {
	background:url(../../com/img/ico_main_login_fa_lock.png) no-repeat 50% 50%;
}

.page-main .main-con-group .main-con-box .main-member-login-btn {
	position: absolute;
	top: 84px;
    left: 150px;
    width: 196px;
}
.page-main .main-con-group .main-con-box .main-member-login-btn .btn {
	float: right;
	height: 30px;
	width: 80px;
	border-radius: 5px !important;
	box-shadow: 2px 2px 0px 0px rgba(0, 0, 0, 0.75) !important;
}
.page-main .main-con-group .main-con-box .main-member-login-btn .mt-checkbox {
	margin-top: 6px;
	padding-left: 25px;
	color: #000;
}
.page-main .main-con-group .main-con-box .main-member-login-btn .mt-checkbox:hover > span,
.page-main .main-con-group .main-con-box .main-member-login-btn .mt-checkbox > span {
	border-color:#737f89;
	margin-right: 4px;
}
.page-main .main-con-group .main-con-box .main-member-login-btn .mt-checkbox > span:after {
	border-color:#050708;
}

.page-main .main-con-group .main-con-box .main-member-group {
	position: absolute;
	top: 240px;
	left: 50%;
	width: 280px;
	margin-left: -140px;
}
.page-main .main-con-group .main-con-box .main-member-group::after {
	content: "";
	background:url(../../com/img/main/bg_main_visual_post_it_bottom.png) no-repeat 50% 50%;
	width: 280px;
    height: 46px;
    display: block;
	margin-left: -1px;
}
.page-main .main-con-group .main-con-box .main-member-group::before {
	content: "";
	background:url(../../com/img/main/bg_main_visual_post_it_top.png) no-repeat 50% 50%;
	width: 280px;
    height: 70px;
    display: block;
	margin-left: -1px;
}
.page-main .main-con-group .main-con-box .main-member-group .main-member-content {
	background:url(../../com/img/main/bg_main_visual_post_it_bg.png) repeat-y 0px 0px;
	padding: 0px 10px;
}
.page-main .main-con-group .main-con-box .main-member-group .table-scrollable {
	border-top: 2px solid #0b75ac;
	border-bottom: 1px solid #0b75ac;
	border-left: 0px;
	border-right: 0px;
	margin: 0px !important;
}
.page-main .main-con-group .main-con-box .main-member-group .table-scrollable .table {
	background: none;
	color: #14b1c4;
	border-collapse:inherit;
	font-weight: bold;
}
.page-main .main-con-group .main-con-box .main-member-group .table-scrollable .table .td-head {
	text-align: left;
	font-weight: 100;
}
.page-main .main-con-group .main-con-box .main-member-group .table-scrollable .table .td-head,
.page-main .main-con-group .main-con-box .main-member-group .table-scrollable .table .td-head a {
	color:#265c8a;
}
.page-main .main-con-group .main-con-box .main-member-group .table-scrollable .table td {
	height: auto;
	padding: 1px 5px;
	border-top:1px dotted #0b75ac;
}
.page-main .main-con-group .main-con-box .main-member-group .table-scrollable .table tr:first-child td {
	border-top: 0px;
}
.page-main .main-con-group .main-con-box .main-member-group .table-scrollable .table.table-striped > tbody > tr:nth-of-type(odd) {
	background-color: rgba(0, 0, 0, 0.03);
}

.page-main .main-con-group.main-group-top .main-con-box.main-box-left {
	width: 374px;
	height: 666px;
	border-top:3px solid #14c4b1;
}
.page-main .main-con-group.main-group-top .main-con-box.main-box-left:before {
	content: " ";
	border-top: 3px solid #1db7f0;
    position: absolute;
    height: 3px;
    width: 124px;
    top: -3px;
    z-index: 1;
}
.page-main .main-con-group.main-group-top .main-con-box.main-box-left:after {
	content: " ";
	border-top:3px solid #007de5;
	position: absolute;
    height: 3px;
    width: 124px;
    left: 124px;
    top: -3px;
    z-index: 1;
}
.page-main .main-con-group.main-group-top .main-con-box.main-box-center {
	width: 650px;
}
.page-main .main-con-group.main-group-top .main-con-box.main-box-right{
	width: 374px;
}

.page-main .main-con-group.main-group-bottom {
	border-top: 0px;
	width: 100%;
}
.page-main .main-con-group.main-group-bottom .main-con-box.main-box-left {
	width: 33.3333%;
}
.page-main .main-con-group.main-group-bottom .main-con-box.main-box-center {
	width: 33.3333%;
}
.page-main .main-con-group.main-group-bottom .main-con-box.main-box-right{
	width: 33.3333%;
}

.page-main .main-con-box .nav-tabs {
	padding: 14px 28px 0px 28px;
	border: 0px;
	margin: 0px;
}
.page-main .main-con-box .nav-tabs li {
	position: relative;
	margin: 0px;
}
.page-main .main-con-box .nav-tabs li:before {
	content: "";
	position: absolute;
	top:50%;
	right: 20px;
	width: 1px;
	height: 20px;
	border-right: 1px solid #222222;
	margin-top: -10px;
}
.page-main .main-con-box .nav-tabs li:last-child:before {
	border:0px;
}
.page-main .main-con-box .nav-tabs li a {
	border: 0px;
	font-size: 24px;
	font-weight: bold;
	padding: 0px 40px 0px 0px;
	line-height: 62px;
	background: none;
	color: #b6b6b6;
}
.page-main .main-con-box .nav-tabs > li.active > a,
.page-main .main-con-box .nav-tabs > li.active > a:hover,
.page-main .main-con-box .nav-tabs > li.active > a:focus {
	color: #010101;
}
.page-main .main-con-box .tab-content {
	position: relative;
}
.page-main .main-con-box .tab-content .col-header {
	position: absolute;
	top: -40px;
	right: 28px;
	padding: 0px;
}

.page-main .main-con-box .more-btn img {
	padding-left: 10px;
}

.page-main .main-con-group .main-con-box .flex-viewport {
	overflow: hidden;
}
.page-main .main-con-group.main-group-top .flexslider .slides img {
	display: inline;
}
.page-main .main-con-group.main-group-top .main-con-box-row .main-con-list .slides li {
	margin: 0px !important;
}
.page-main .main-con-group.main-group-top .main-con-box.main-box-right .main-con-box-row:last-child .main-con-list .slides li {
	margin: 0px 10px 0px 0px !important;
	width: 160px;
    font-size: 12px;
}
.page-main .main-con-group.main-group-top .flex-control-paging li a {
	width: 8px;
	height: 8px;
}
.page-main .main-con-group.main-group-top .flex-control-paging li a.flex-active {
	width: 20px;
}
.page-main .main-con-group.main-group-top .flex-control-nav {
	top:auto;
	right: auto;
	bottom:-26px;
	width: 100%;
}
.page-main .main-con-group.main-group-top .flex-direction-nav a {
	width: 26px;
	height: 26px;
}
.page-main .main-con-group.main-group-top .flex-direction-nav .flex-prev {
	top:-16px;
	left:auto !important;
	right:30px !important;
	opacity:1 !important;
}
.page-main .main-con-group.main-group-top .flex-direction-nav .flex-next {
	top:-16px;
	right:0px !important;
	opacity:1 !important;
}
.page-main .main-con-group.main-group-top .flex-direction-nav a:before {
	background: url(../../com/img/btn_main_next.png) no-repeat 0% 50%;
	width: 26px;
	height: 26px;
}
.page-main .main-con-group.main-group-top .flex-direction-nav a.flex-next:before {
	background: url(../../com/img/btn_main_prev.png) no-repeat 100% 50%;
}
.page-main .main-con-group.main-group-top .main-box-right .main-con-box-row:last-child .main-con-list .flex-direction-nav .flex-prev {
	right:36px !important;
}
.page-main .main-con-group.main-group-top .main-box-right .main-con-box-row:last-child .main-con-list .flex-direction-nav .flex-next {
	right:6px !important;
}

/* 관련 사이트 배너 시작 */
.page-main .main-banner-wrapper {
	background-color: #ebebeb;
	margin-bottom: 50px;
}
.page-main .main-banner-wrapper .main-banner-group {
	width: 1400px;
	margin: 0px auto;
}
.page-main .main-banner-wrapper .main-banner-group .flex-viewport {
	height: 76px;
	overflow: hidden;
	margin: 0px 64px;
}
.page-main .main-banner-wrapper .main-banner-group .flex-control-nav {
	top: -20px;
	right: 30px;
	text-align: right;
    font-size: 0px;
}
.page-main .main-banner-wrapper .main-banner-group .flex-direction-nav .flex-disabled {
	/* z-index: 0; */
}
.page-main .main-banner-wrapper .main-banner-group .flex-direction-nav a {
	width: 50px;
}
.page-main .main-banner-wrapper .main-banner-group .flex-direction-nav a:before {
	background: url(../../com/img/main_banner_prev_btn.png) no-repeat 0% 50%;
	width: 100%;
}
.page-main .main-banner-wrapper .main-banner-group .flex-direction-nav a.flex-next:before {
	background: url(../../com/img/main_banner_next_btn.png) no-repeat 100% 50%;
}
.page-main .flex-pauseplay {
	position: absolute;
	top: 0px;
	right: 26px;
	font-size: 0px;
}
.page-main .flex-pauseplay a:before {
	font-size: 0px;
	width: 18px;
	height: 18px;
	background: url(../../com/img/ico_flex_pause.png) no-repeat 50% 50%;
}
.page-main .flex-pauseplay a.flex-play:before {
	background: url(../../com/img/ico_flex_play.png) no-repeat 50% 50%;
}

.page-main .main-banner-wrapper .flexslider .slides li {
	margin: 10px 0px !important;
}
.page-main .main-banner-wrapper .flexslider .slides li a {
	display: block;
	padding: 0px !important;
}
.page-main .flex-control-paging li a {
	width: 8px;
	height: 8px;
}
.page-main .flex-control-paging li a:hover {
	background: rgba(0, 0, 0, 0.7) !important;
}
.page-main .flex-control-paging li a.flex-active,
.page-main .flex-control-paging li a.flex-active:hover {
	width: 20px;
	background: #1db7f0 !important;
}
.page-main .main-banner-wrapper .flex-direction-nav .flex-prev {
	left: 0px !important;
	opacity: 1 !important;
}
.page-main .main-banner-wrapper .flex-direction-nav .flex-next {
	right: 0px !important;
	opacity: 1 !important;
}

.page-main .notice-list {
	overflow-y:auto;
	font-size:13px;
	line-height:24px;
}
.page-main .notice-list li {
	box-sizing:border-box;
	position:relative;
	padding-left:9px;
	height:28px;
}
.page-main .notice-list li:before {
	content:"";
	position:absolute;
	left:0;
	top:50%;
	background:url(../../com/img/bu_main_list.png) no-repeat 50% 50%;
	width:9px;
	height:9px;
	margin-top:-6px;
}
.page-main .main-group-top .main-box-right .main-con-box-row:last-child .main-con-list {
	padding: 0px 15px 20px 15px;
}
.page-main .main-group-top .main-box-right .main-con-box-row .notice-list li {
	width: 165px;
	float: left;
	margin-right: 10px;
}
.page-main .notice-list .notice-list-author {
	position:absolute;
	display:inline-block;
	left:18px;
}
.page-main .notice-list .notice-list-date {
	position:absolute;
	display:inline-block;
	right:0px;
}

.page-main .custom-menu {
	overflow:hidden;
	margin-top:10px;
}
.page-main .custom-menu li {
	float:left;
	margin-left:20px;
}
.page-main .custom-menu li:first-child {
	margin-left:0;
}
.page-main .custom-menu li a {
	display:block;
	border-radius:50% !important;
	background-color:#99b7c3;
	background-position:center;
	background-repeat:no-repeat;
	border-radius:50%;
	width:81px;
	height:81px;
}
.page-main .custom-menu li a:hover {
	background-color:#32639f;
}

.page-main .custom-adm-list {
	overflow-y:scroll;
	height:766px;
}
.page-main .custom-adm-list li {
	border-bottom:1px solid #e5e5e5;
}
.page-main .custom-adm-list a {
	overflow:hidden;
	display:block;
	padding:11px 32px 10px;
}
.page-main .custom-adm-list .name {
	font-size:15px;
}
.page-main .custom-adm-list .usrInfo {
	display:inline-block;
	vertical-align:-2px;
}
.page-main .custom-adm-list .date {
	vertical-align:-19px;
}

.page-main .table-scrollable.table-scrollable-borderless {border-top:1px solid #46494c; border-bottom:1px solid #46494c;font-size:12px;}
.page-main .table-scrollable.table-scrollable-borderless .table > thead > tr > th,
.page-main .table-scrollable.table-scrollable-borderless .table > thead > tr > td,
.page-main .table-scrollable.table-scrollable-borderless .table > tbody > tr > th,
.page-main .table-scrollable.table-scrollable-borderless .table > tbody > tr > td,
.page-main .table-scrollable.table-scrollable-borderless .table > tfoot > tr > th,
.page-main .table-scrollable.table-scrollable-borderless .table > tfoot > tr > td {padding:5px;}
.page-main .table-scrollable.table-scrollable-borderless .table > tfoot > tr > th,
.page-main .table-scrollable.table-scrollable-borderless .table > tfoot > tr > td {border-top: 1px solid #46494c; border-left: 1px dotted #46494c;}
.page-main .table-scrollable.table-scrollable-borderless .table > tfoot > tr > th:first-child,
.page-main .table-scrollable.table-scrollable-borderless .table > tfoot > tr > td:first-child {border-left: 0px;}

.page-front.page-main .page-content-wrapper .page-content {
	margin: 0px auto;
	min-height: auto !important;
}

/*메인 컨텐츠 */
.page-front.page-main .contentWrapper {
	padding: 30px 0px 50px 0px;
}
.page-front.page-main .contentWrapper .row-set {}

/*메인 비주얼 탭 */
.main-visual-tabs {
	position: absolute;
	top: 164px;
	left: 45px;
	width: 737px !important;
	height: 260px;
	background-color: #fff;
	border: 1px solid #dbdbdb;
}
.main-visual-tabs .nav-tabs.tabs-group-justified {}
.main-visual-tabs .nav-tabs {
	border: 0px;
}
.main-visual-tabs .nav-tabs > li {
	margin-bottom:0px;
	bottom:0px;
	border-bottom: 1px solid #dbdbdb;
	color: #202122;
	font-size: 28px;
	padding:10px 20px;
}
.main-visual-tabs .tab-content > .tab-pane {
	display: block;
}


/* ====================================================================================================================
 * 통계정보시스템
 * ====================================================================================================================*/
.sta-iframe {
	height: calc(100% - 6px);
}
.sta-iframe .page-bar,
.sta-iframe .page-title,
.sta-iframe .contentWrapper {
	min-width:auto !important;
}

.sta-iframe .table > thead > tr > th,
.sta-iframe .table > thead > tr > td,
.sta-iframe .table > tbody > tr > th,
.sta-iframe .table > tbody > tr > td,
.sta-iframe .table > tfoot > tr > th,
.sta-iframe .table > tfoot > tr > td {
	font-size:12px;
	line-height:12px;
}

.sta-iframe .page-title {
	margin-bottom: 10px;
}
.sta-iframe .search-panel {
	margin-bottom: 5px;
}


/* ====================================================================================================================
 * 사이트맵
 * ====================================================================================================================*/
.sitemap-wrapper {}
.sitemap-wrapper .sitemap-ul {
	border: 1px solid #dbdbdb;
}
.sitemap-wrapper .sitemap-ul li {
	border-top: 1px solid #dbdbdb;
	padding: 10px 20px;
	font-size: 13px;
}
.sitemap-wrapper .sitemap-ul li:first-child {
	border-top: 0px;
}
.sitemap-wrapper li.sitemap-title {
	color: #fff;
    font-size: 16px;
	background: url(../../com/img/bg_sub_title.png) no-repeat 50% 50%;
}
.sitemap-wrapper li.sitemap-title a {
	color: #fff;
	font-size: 20px;
}
.sitemap-wrapper li.sitemap-1dep {padding-left: 40px; background: url(../../com/img/bu_sitemap_title_1depth.png) no-repeat 20px 13px;}
.sitemap-wrapper li.sitemap-2dep {padding-left: 55px; background: url(../../com/img/bu_sitemap_title_2depth.png) no-repeat 40px 16px;}
.sitemap-wrapper li.sitemap-3dep {padding-left: 67px; background: url(../../com/img/bu_sitemap_title_3depth.png) no-repeat 55px 16px;}
.sitemap-wrapper li.sitemap-4dep {padding-left: 80px; background: url(../../com/img/bu_sitemap_title_4depth.png) no-repeat 68px 18px;}


.help-con-lg {
    font-size: 18px;
}
.help-con-md {
    font-size: 16px;
}
.help-con-sm {
    font-size: 14px;
}
.help-con-xs {
    font-size: 12px;
}
ul.page-help-ul-1dep {
    padding-left: 30px;
}
ul.page-help-ul-1dep li {
    list-style-type: decimal;
    list-style-position:outside;
    padding-bottom: 5px;
}
ul.page-help-ul-2dep {
    padding-top: 5px;
    padding-left: 30px;
}
ul.page-help-ul-2dep li {
    list-style-type: disc;
    list-style-position:outside;
    padding-bottom: 5px;
}

ul.list-ul-group {
	padding: 20px;
}
ul.list-ul-group li {
	padding: 5px 0px;
	background: url(../../com/img/bg_list_li.png) repeat-x 0px 50%;
}
ul.list-ul-group li.list-li-1dep {
	font-size: 16px;
}
ul.list-ul-group li.list-li-1dep span.list-li-title {
	padding-left: 15px;
	background: #fff url(../../com/img/ico_list_li.png) no-repeat 0px 50%;
}
ul.list-ul-group li.list-li-2dep {
	margin-left: 35px;
}
ul.list-ul-group li.list-li-3dep {
	margin-left: 55px;
}
ul.list-ul-group li a {
	background-color: #fff;
	padding: 0px 10px;
}
ul.list-ul-group li .list-li-page-num {
	float: right;
	background-color: #fff;
	padding: 0px 10px;
}
ul.list-ul-group li.list-li-1dep,
ul.list-ul-group li.list-li-2dep,
ul.list-ul-group li.list-li-1dep .list-li-page-num,
ul.list-ul-group li.list-li-2dep .list-li-page-num {
	font-weight: bold;
}

.btn.blue:not(.btn-outline):active:hover,
.btn.blue:not(.btn-outline):active:focus,
.btn.blue:not(.btn-outline):active.focus,
.btn.blue:not(.btn-outline).active:hover,
.btn.blue:not(.btn-outline).active:focus,
.btn.blue:not(.btn-outline).active.focus,
.open > .btn.blue:not(.btn-outline).dropdown-toggle:hover,
.open > .btn.blue:not(.btn-outline).dropdown-toggle:focus,
.open > .btn.blue:not(.btn-outline).dropdown-toggle.focus,
.btn.blue:not(.btn-outline):active,
.btn.blue:not(.btn-outline).active,
.open > .btn.blue:not(.btn-outline).dropdown-toggle {
	background-color: #0c4c79;
}

.e-book-btn {
	display: block;
	margin-top: -5px;
}
.e-book-select {
	margin-top: -13px;
	margin-right: 15px;
}


.no-data {
	text-align: center;
	position: relative;
	height: 100%;
	margin: 0px;
}
.no-data .no-data-text {
	position: absolute;
	top: 50%;
	margin-left: -9%;
	padding-left: 50px;
	height: 40px;
	line-height: 40px;
	color: #9c9c9c;
	font-size: 16px;
	margin-top: -20px;
	background: url(../../com/img/ico_no_data.png) no-repeat 0% 50%;
}

/* ====================================================================================================================
 * 스탭 탭
 * ====================================================================================================================*/

.form-horizontal .form-group {
	margin-left: 0px;
	margin-right: 0px;
}
.form-wizard .steps > li > a.step,
.form-wizard .steps > li > a.step:hover {
	background-color: #fff;
}
.form-wizard .steps > li > a.step > .number {
	width: auto;
	font-weight: bold;
	-webkit-border-radius: 45px !important;
    -moz-border-radius: 45px !important;
    border-radius: 45px !important;
}
.form-wizard .steps > li.done > a.step .desc i {
	font-size: 18px;
    font-weight: normal;
    color: #00c48a;
    display: inline-block;
}
.form-wizard .steps > li.done > a.step {
	border: 2px solid #00c48a;
}
.form-wizard .steps > li.done > a.step .number {
	background-color: #00c48a;
}
.form-wizard .steps > li.done.active > a.step > .desc > i {
	display: none;
}
.form-wizard .steps > li.active > a.step .number {
	background-color: #1db7f0;
}
.form-wizard .steps > li > a.step {
	display: inline-block;
	border: 2px solid #cecece;
	-webkit-border-radius: 45px !important;
    -moz-border-radius: 45px !important;
    border-radius: 45px !important;
}
.form-wizard .steps > li.active > a.step {
	border: 2px solid #1db7f0;
}
.form-wizard .nav-justified > li {
	position: relative;
	text-align: center;
}
.form-wizard .nav-justified > li::after,
.form-wizard .nav-justified > li::before {
	content: '';
    height: 3px;
    width: 50%;
    position: absolute;
    background-color: #e5e5e5;
    top: 36px;
    transform: translateY(-100%);
}
.form-wizard .nav-justified > li::before {
	right: 50%;
}

.form-wizard .nav-justified > li:first-child::before,
.form-wizard .nav-justified > li:last-child::after {
	display: none;
}


/* ====================================================================================================================
 * 알림 및 업체기술정보
 * ====================================================================================================================*/

.ico-td-notice {
	line-height:18px;
	display:block;
	padding-left:30px;
}
.ico-td-notice.ico-kakao {background:url(../../com/img/ico_notice_kakao.png) no-repeat 0% 50%;}
.ico-td-notice.ico-sms {background:url(../../com/img/ico_notice_sms.png) no-repeat 0% 50%;}
.ico-td-notice.ico-email {background:url(../../com/img/ico_notice_email.png) no-repeat 0% 50%}
.ico-td-notice.ico-good {background:url(../../com/img/ico_notice_good.png) no-repeat 0% 50%; text-align: right; margin-right: 10px;}

.ico-btn-link {
	width: 24px;
	height:24px;
	display:inline-block;
	vertical-align:middle;
	background:url(../../com/img/ico_btn_link_dark.png) no-repeat 50% 50%;
}
table td .ico-btn-link {float: right;}

.notice-current-set {margin: 0px 0px 40px 0px;}
.notice-current-set .portlet {
	margin-bottom: 0px;
	border-color: #d5d5d5;
	border-radius: 5px !important;
	padding: 12px 30px 10px 30px;
}
.page-title-notice-current {
	font-size:20px;
	font-weight: bold;
	padding:0px 0px 0px 54px;
	margin-top: 0px;
	margin-bottom:15px;
	line-height: 40px;
	background:url(../../com/img/ico_title_notice_current.png) no-repeat 0% 50%;
}
.table-top-control .page-title-notice-current {
	display: inline-block;
}
.page-title-notice-current.tech-info {background:url(../../com/img/ico_title_tech_info.png) no-repeat 0% 50%;}
.page-title-notice-current small {margin-left: 15px;}
.portlet-title-notice {
	font-size: 30px;
	font-weight: bold;
	padding-top: 5px;
    padding-bottom: 5px;
}
.portlet-title-notice.ico-kakao {background:url(../../com/img/bg_portlet_title_notice_kakao.png) no-repeat 100% 50%;}
.portlet-title-notice.ico-sms {background:url(../../com/img/bg_portlet_title_notice_sms.png) no-repeat 100% 50%;}
.portlet-title-notice.ico-email {background:url(../../com/img/bg_portlet_title_notice_email.png) no-repeat 100% 50%;}
.portlet-title-notice + small {
	display: block;
	padding-bottom: 15px;
	font-size: 16px !important;
	font-weight: normal;
}

.portlet-notice-count {
	font-size: 30px;
	text-align: right;
}
.portlet-notice-count .count-num {
	color:#1d90f0;
	font-weight: bold;
}
.notice-current-set .count-details {
	font-size: 14px;
	width: 100%;
	display: inline-block;
	margin-top: 20px;
}
.notice-current-set .count-details li {
	width: 100%;
	height: 24px;
}
.notice-current-set .count-details .count-detail-title {
	float: left;
	font-weight: bold;
}
.notice-current-set .count-details .count-detail-num {
	float: right;
}
.notice-current-set .count-details .count-detail-num .detail-num {
	color:#1d90f0;
	font-weight: bold;
}
ul.star-group {
	height: 12px;
	display: inline-block;
}
ul.star-group li.icon-g-star {
	width: 20px;
	height: 15px;
	display: inline;
	float: left;
}
ul.star-group li.icon-g-star.on {background:url(../../com/img/ico_star_on.png) no-repeat 50% 50%;}
ul.star-group li.icon-g-star.off {background:url(../../com/img/ico_star_off.png) no-repeat 50% 50%;}
ul.star-group li.icon-g-star.cut {background:url(../../com/img/ico_star_cut.png) no-repeat 50% 50%;}

.tech-info-set {
	margin: 0px;
	display: inline-block;
}
.tech-info-set .portlet {
	width: 220px;
	height: 220px;
	border-color: #d5d5d5 !important;
	border-radius: 5px !important;
	padding: 20px 20px 20px 20px;
	float: left;
	margin: 0px 20px;
}
.portlet-title-tech-info {
	font-size: 20px;
	font-weight: bold;
	padding-top: 8px;
}
.portlet-title-tech-info.small {
	font-size: 14px;
	font-weight:normal;
	color:#8b8b8b;
}
.portlet-no-tech-info {
	display: inline-block;
    background-color: #1db7f0;
    border-radius: 50px !important;
    font-size: 18px;
    padding: 10px;
    float: left;
    margin-right: 20px;
    color: #fff;
}
.count-details {
	font-size: 12px;
	display: inline-block;
	margin-top: 20px;
	text-align: left;
}
.count-details li {
	width: 100%;
	height: 24px;
	margin: 0px !important;
}
.count-details .count-detail-title {
	font-weight: bold;
	width: 100px;
	display:block;
	float: left;
}
.count-details .count-detail-con {
	display:inline-block;
	margin-left: 20px;
}
.count-details .count-detail-con.tech-detail {
	width: 1020px;
}
.count-details .count-detail-con.tech-detail p {
	margin:0px;
}
.tech-info-title {
	height: 45px;
}
.table .tech-info-set {
	display: block;
	padding: 20px;
}
.table .count-details .count-detail-title {
	width: auto;
}
.flexslider-wrapper.tech-info {
	padding-bottom: 40px;
	overflow:hidden;
}
.flexslider-wrapper.tech-info .flex-control-nav {
	top:240px;
	right: auto;
	width: 100%;
}
.flexslider-wrapper.tech-info .flexslider .slides > li {
	text-align: center;
}
.flexslider-wrapper .count-details {
	width: 100%;
}

.btn.btn-circle.btn-outline.btn-strong {
	font-weight: bold;
	border-width: 2px;
}

/* ====================================================================================================================
 * 업무처리 단계별 프로세스
 * ====================================================================================================================*/
.my-process,
.my-process .page-content {
	background-color: #e4e6e8;
}
.my-process .form-wizard .steps {
	padding: 0px;
	margin: 0px;
}
.my-process .form-wizard .steps > li {
	text-align: center;
}
.my-process .form-wizard .steps > li:first-child {
	text-align: left;
}
.my-process .form-wizard .steps > li:last-child {
	text-align: right;
}
.my-process .form-wizard .steps > li > a.step {
	position: relative;
	display: inline-block;
	border: 4px solid #cecece;
	-webkit-border-radius: 20px !important;
	-moz-border-radius: 20px !important;
	border-radius: 20px !important;
	min-height: 120px;
}
.my-process .form-wizard .steps > li > a.step::after {
	position: absolute;
	content: "";
	top: 50%;
	right: -17px;
	width: 17px;
	height: 33px;
	background: url(../../com/img/bu_my_process_off.png) no-repeat 50% 50%;
	margin-top: -17px;
	z-index: 1;
	display : none;
}
.my-process .form-wizard .steps > li.active > a.step::after {
	background: url(../../com/img/bu_my_process_on.png) no-repeat 50% 50%;
}
.my-process .form-wizard .steps > li:last-child > a.step::after,
.my-process .form-wizard .steps > li:last-child.active > a.step::after {
	background: none;
}
.my-process .form-wizard .nav-justified > li::after,
.my-process .form-wizard .nav-justified > li::before {
	background-color: #cecece;
}
.my-process .form-wizard .steps > li.active > a.step {
	border: 4px solid #1db7f0;
}
.my-process .form-wizard .steps > li > a.step.count2 {
	min-width: 440px;
}
.my-process .form-wizard .steps > li > a.step.count3 {
	min-width: 355px;
}
.my-process .form-wizard .steps > li > a.step.count4 {
	/* min-width: 220px; */
	min-width: 265px;
}
.my-process .form-wizard .steps > li > a.selected {
	background-color: #ffffe0 !important;
}
.my-process .form-wizard .steps > li > a > ul.data-list {
	color: #333;
	font-size: 12px;
	text-align: left;
	padding-top: 10px;
	margin-top: 50px !important;
}
.my-process .form-wizard .steps > li > a > ul > li {
	white-space: nowrap;
}
.my-process .form-wizard .steps > li > a > ul > span {
	font-size: 16px !important;
	height: 22px;
	float: right;
	margin-top: -20px;
	padding: 3px 6px !important;
}
.my-process .form-wizard .nav-justified > li::after, .form-wizard .nav-justified > li::before {
	top:50%;
	display : none;
}

/* ====================================================================================================================
 * 웹접근성 키보드 초점
 * ====================================================================================================================*/

a:focus {
	outline: 5px auto -webkit-focus-ring-color !important;
}
input[type="file"]:focus + span,
input[type="radio"]:focus + span,
input[type="checkbox"]:focus + span {
	outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px;
}
.btn.dark:not(.btn-outline) a {
	color:#fff;
}
.wa-hide {
    font-size: 0;
    height: 0;
    position: absolute;
    top: -99999px;
    width: 0;
}

.wa-skip dd a {
    display: block;
    font-size: 12px;
    left: 0;
    position: absolute;
    text-align: center;
    top: -10000px;
    width: 100%;
    z-index: 500;
}

.wa-skip dd a:hover,
.wa-skip dd a:focus,
.wa-skip dd a:active {
    background: none repeat scroll 0 0 #000;
    color: #fff;
    padding: 15px 0;
    position: absolute;
    top: 0;
    z-index: 500;
}
.wa-skip dl {
	margin:0px;
	padding:0px;
}
.wa-label {
	display: none;
}
@media print
{
.noprint { display:none; }
}