@charset "utf-8";
/* *******************************************************
 * filename : common.css
 * description : 공통디자인 CSS
 * date : 2019-00-00
******************************************************** */
html,body { 
	height:100%;
}
.wrap { 
	height:100%;
	min-width:1400px;
}

/* 헤더 */
.header { 
	width:100%;	
	position:fixed;
	top:0;
	left:0;
	background:#fff;
	border-bottom:1px solid #a79ebc;
	/* box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.1); */
	z-index:99;
	min-width:1400px;
}
.top-area {
	position:relative;	
	background:#fff;
	border-bottom:1px solid #e7e7e7;
}
.top-area .inner {
	position:relative;
	height:30px;
}
.logo { 
	width:155px;
	height:22px;
	background:url('/images/main/top_logo.png') no-repeat 50%;
	text-indent:-9999px;
	position:absolute;
	top:50%;
	margin-top:-11px;
	left:20px;
}
.top-menu { 
	overflow:hidden;
	position:absolute;
	top:0;
	right:20px;
}
.top-menu li {
	float:left;	
}
.top-menu li:first-child {
	margin-right:10px;
}
.top-menu li .user { 
	display:inline-block;
	line-height:30px;
	color:#25485c;
	font-size:12px;
}
.top-menu li .user span {
	font-weight:normal;
	padding-left:10px;
	color:#588ba8;
}
.top-menu li button {	
	height:30px;
	font-size:12px;
	color:#39647c;
	padding:0 20px;
	background:#ecf0f3;
}
.top-menu li button:hover {
	background:#dae0e5;
}
.top-menu li button.logout-btn { 
	background:#ecf0f3 url('/images/common/logout_icon.png') no-repeat 50%;
	text-indent:-9999px;
	margin-left:1px;
	width:40px;
	padding:0;
}
.top-menu li button.logout-btn:hover { 
	background:#dae0e5 url('/images/common/logout_icon.png') no-repeat 50%;
}

.gnb-area .inner { 
	position:relative;
	height:55px;
}
.system-name { 
	width:144px;
	height:55px;
	position:absolute;
	top:0;
	left:20px;
	text-align:center;
	box-sizing:border-box;
	background:url('/images/main/logo.png') no-repeat 50%;
	text-indent:-9999px;
}
.system-name:after {
	content:"";
	width:1px;
	height:20px;
	background:#c9d0d8;
	position:absolute;
	top:50%;
	right:-20px;
	margin-top:-10px;
}
.gnb-menu {
	/* overflow:hidden; */
	position:absolute;
	top:0;
	left:200px;
}
.gnb-menu > li {
	float:left;
	position:relative;
}
.gnb-menu > li > a {
	display:block;
	font-size:16px;
	color:#282b32;
	font-weight:bold;
	line-height:55px;
	padding:0 25px;
}
.gnb-menu > li:hover > a { 
	color:#2e89d0;
}
.gnb-menu > li:hover .gnb-sub { 
	/* display:block; */
	opacity:1;
	visibility: visible;
	top:50px;
}
.gnb-sub { 
	position:absolute;
	top:40px;
	left:50%;	
	width:160px;
	margin-left:-80px;
	background:#fff;
	box-shadow: 5px 5px 5px 0px rgba(0,0,0,0.1);
	padding:10px 0;
	/* display:none; */
	transition:all .2s;
	opacity:0;
	visibility: hidden;
	z-index:9999;
	border:1px solid #588ba8;
}
.gnb-sub:after {
	content:"";
	width:12px;
	height:7px;
	background:url('/images/common/gnb_top_arrow.png') no-repeat 50%;
	position:absolute;
	top:-7px;
	left:50%;
	margin-left:-6px;
}
.gnb-sub li a {
	display:block;
	font-size:14px;
	color:#787878;
	line-height:30px;
	padding:0 15px;
}
.gnb-sub li:hover a { 
	color:#2e89d0;
	background:#f5f7f9;
}

/* 메인화면 */
.wrap.main .top-area .inner {
	width:1180px;
	margin:0 auto;
}
.wrap.main .gnb-area .inner {
	width:1180px;
	margin:0 auto;
}
.wrap.main .gnb-area .inner .gnb-menu { 
	left:180px;
}
.wrap.main .gnb-area .inner .gnb-menu > li > a { 
	padding: 0 15px;
	font-size:16px;
}
.wrap.main .footer p {
	text-align:center;
}

/* 컨텐츠 */
.container { 
	position: relative;
    min-height: 100%;    	
	padding:86px 0 51px;
	margin:0 0 -51px;
	box-sizing:border-box;
}

.lnb-toggle { 
	position:fixed;
	top:90px;
	left:205px;
	width:25px;
	height:25px;
	background:#fff url('/images/common/lnb_toggle_c.png') no-repeat 50%;
	border-radius:100%;
	box-shadow: 0px 0px 1px 1px rgba(0,0,0,0.1);
	z-index:2;
	text-indent:-9999px;
	box-sizing:border-box;
}
.container.lnb-hide .lnb-area { 
	display:none;
}
.container.lnb-hide .lnb-toggle { 
	left:5px;
	background:#fff url('/images/common/lnb_toggle_o.png') no-repeat 50%;
}

/* LNB메뉴 */
.lnb-area { 
	width:220px;
	background:#f9f9f9;
	border-right:1px solid #ddd;
	position:fixed;
	top:86px;
	bottom:0;
	left:0;	
	padding-bottom:50px;
	box-sizing:border-box;
	z-index:1;
}
.lnb-tit { 
	line-height:85px;
	text-align:center;
	font-size:20px;
	font-weight:bold;
	color:#fff;
	background:url('/images/common/lnb_tit_bg.png') no-repeat 50%;
}
.lnb-menu > li { 
	border-bottom:1px solid #d3d3d3;
	position:relative;
}
.lnb-menu > li > a {
	display:block;
	line-height:45px;
	padding-left:20px;
	color:#39647c;	
	font-weight:bold;
	font-size:16px;
	box-sizing:border-box;	
	position:relative;
	background:#f9f9f9;
}
/* .lnb-menu > li:hover > a, */
.lnb-menu > li > a.active { 
	color:#1e4358;
	background: #cbe1f0;
}
.lnb-menu > li > a.arrow:after { 
	content:"";
	width:14px;
	height:14px;
	background:url('/images/common/ln_arrow_down.png') no-repeat 0 50%;
	position:absolute;
	top:18px;
	right:20px;
	transition: all .4s;
} 
.lnb-menu > li.on > a.arrow:after { 
	background:url('/images/common/ln_arrow_up.png') no-repeat 0 50%;
	transform: rotate(-360deg);
} 
/* .lnb-menu > li:hover > a.arrow:after, */
.lnb-menu > li > a.arrow.active:after { 
	background:url('/images/common/ln_arrow_down_w.png') no-repeat 0 50%;
} 
/* .lnb-menu > li.on:hover > a.arrow:after, */
.lnb-menu > li.on > a.arrow.active:after { 
	background:url('/images/common/ln_arrow_up_w.png') no-repeat 0 50%;
} 
.container.lnb-hide .lnb-menu > li > a.arrow:after { 
	display:none;
} 
/* 2depth */
.lnb-menu ul { 
	display:none;		
	padding:10px 20px;	
	background:#fff;
	border-top:1px solid #d3d3d3;
}
.container.lnb-hide .lnb-menu ul { 
	display:none !important;	
}
.lnb-menu ul li { 
	position:relative;
}
.lnb-menu ul li a {
	display:block;
	line-height:35px;
	color:#787878;	
	font-size:14px;
	box-sizing:border-box;
	/* border-top:1px solid #eef0f1;	 */
	padding-left:15px;
}
.lnb-menu ul li:first-child a  {
	border-top:0;
}
.lnb-menu ul > li:hover > a {
	color:#39647c;
}
.container .lnb-menu > li >  ul > li > a.arrow:after { 
	content:"";
	width:12px;
	height:12px;
	position:absolute;
	top:10px;
	right:0;
	background:url('/images/common/ln_arrow_down.png') no-repeat 100% 50%;
	background-size:12px;
	transition: all .4s;
	opacity:.5;
}
.container .lnb-menu > li >  ul > li.on > a.arrow:after { 
	background:url('/images/common/ln_arrow_up.png') no-repeat 100% 50%;
	background-size:12px;
	transform: rotate(-360deg);
}
/* 3depth */
.lnb-menu ul ul { 
	display:none;
	padding:5px 0;	
	background:#fff;
	border-bottom:0;
	border-top:0;
}
.container.lnb-hide .lnb-menu ul ul { 
	display:none !important;	
}
.lnb-menu ul ul li a {
	display:block;
	line-height:24px;
	color:#888;	
	font-size:13px;
	box-sizing:border-box;
	background:url('/images/common/lnb_bult_icon.png') no-repeat 3px 50%;
	padding-left:15px;
	border-top:0;
}
.lnb-menu ul li a.active { 
	color:#2e89d0;
}
.lnb-menu ul li a.active:after { 
	content:"";
	width:6px;
	height:6px;
	background:#2e89d0;
	position:absolute;
	top:50%;
	margin-top:-3px;
	left:0;
	border-radius:100%;
}

.lnb-menu ul ul li a.active { 
	color:#39647c;
}


/* 컨텐츠 내용 */
.content { 
	padding:20px;
	margin-left:220px;
	min-height:600px;
}

/* 풋터 */
.footer { 
	border-top:1px solid #ddd;
	height:50px;
	position:relative;
	z-index:999;
	background:#fff;
	padding:0 20px;
	box-sizing:border-box;
}
.footer p { 	
	line-height:50px;
	color:#999;
}


/* 검색폼 */
.stit {
    display: inline-block;
    height: 28px;
    line-height: 28px;
    font-size: 14px;
    color: #25485c;
    vertical-align: middle;
	position:relative;
	padding-left:10px;
}
.stit:after {
	content:"";
	width:3px;
	height:3px;
	background:#2db7d1;
	position:absolute;
	top:50%;
	left:0;
	margin-top:-2px;
}
.search_field_wrap {
    display: table;
    width: 100%;
    padding: 10px 0;
    background: #f9f9f9;
    box-sizing: border-box;
	margin:0 0 10px;
}
.search_field_area {
    display: table-cell;
    vertical-align: middle;
}
.search_field { 
    table-layout:fixed;
    width:100%;
    word-break: break-all;
    border-collapse:inherit;    
}
.search_field tbody th {
    padding: 4px 0 4px 40px;
    box-sizing: border-box;
}
.search_field tbody td {
    padding: 4px 0 4px 10px;
    box-sizing: border-box;
}
.search_field tbody td label { margin-right:10px; }
.search_field tbody td label input { margin-right:5px; }
input.datepicker {
	width:85px;
	padding:0;
	text-align:center;
}
.ui-datepicker-trigger {
	margin-left:-1px; 
	border-left:0;
	background:#fff;
	border:1px solid #cdd3d7;
	border-left:0;
	height:28px;
	width:28px;
}

.search_field tbody th {
    text-align: left;
}
.search_btn_area {
    display: table-cell;
    width: 120px;
    font-size: 13px;
    color: #555;
    font-weight: bold;
    vertical-align: middle;
    text-align:center;
	position:relative;
	border-collapse: collapse;
}
/* .search_btn_area:after {
	content:"";
	width:1px;
	height:36px;
	background:#c1cad3;
	position:absolute;
	left:0;
	top:50%;	
	margin-top:-18px;
} */
.search_btn_area.st2 { 
	width:250px;
	text-align:right;
	padding-right:15px;
}
.search_btn_area.st2 .btn { 
	background:#588ba8;
	color:#fff;
	border:1px solid #588ba8;
}
.search_btn_area.st2 .btn:hover {
	background:#456e86; 
}
/* .search_btn_area:after { 
	content:"";
	width:1px;
	height:36px;
	background:#c1cad3;
	position:absolute;
	top:50%;
	left:0;
	margin-top:-18px;
} */
button.search_btn {
    display: inline-block;
    height:36px;
    color: #fff;
    font-size: 13px;
	font-weight:bold;
    background:#1d558c  url('/images/common/search_icon_w.png') no-repeat 18px 50%;
	padding:0 20px 0 40px;
    border-radius: 36px;
    box-sizing: border-box;
}
.search_btn:hover {
	background: #3c75ad url('/images/common/search_icon_w.png') no-repeat 18px 50%;
}
.ui-datepicker-title select { 
	height:23px;
}

/* 라디오 디자인 */
.radio-design { 
	display:none;
}
.radio-design + label  {
	display:inline-block;
	color:#444;
	line-height:18px;
	min-width:18px;
	min-height:18px;
	background:url('/images/common/radio_icon.png') no-repeat 0 50%;
	vertical-align:middle;	
	padding-left:25px;
	box-sizing:border-box;
	margin-right:15px;
}
.radio-design + label.not-txt { 
	padding:0;
	margin:0;
}
.radio-design:checked + label  {
	background:url('/images/common/radio_icon_on.png') no-repeat 0 50%;
}

.label-list .check-design + label ,
.label-list .radio-design + label { 
	font-size:14px;
}

/* 체크 디자인 */
.check-design { 
	display:none;
}
.check-design + label  {
	display:inline-block;
	color:#444;
	line-height:18px;
	min-width:18px;
	min-height:18px;
	background:url('/images/common/check_box.png') no-repeat 0 50%;
	vertical-align:middle;	
	padding-left:25px;
	box-sizing:border-box;
	margin-right:15px;
}
.check-design + label.not-txt { 
	padding:0;
	margin:0;
}
.check-design:checked + label  {
	background:url('/images/common/check_box_on.png') no-repeat 0 50%;
}

/* 버튼 */
.search-icon {
	width:28px;
	height:28px;
	box-sizing:border-box;
	border:1px solid #c9c9c9;
	background:#fff url('/images/common/search_icon_b.png') no-repeat 50%;
	text-indent:-9999px;
	border-radius:2px;
	vertical-align:middle;
}
.delt-icon {
	width:28px;
	height:28px;
	box-sizing:border-box;
	border:1px solid #c9c9c9;
	background:#fff url('/images/common/cancel.png') no-repeat 50%;
	background-size:12px;
	text-indent:-9999px;
	border-radius:2px;
	vertical-align:middle;
}
.btn {
	height:30px;
	font-size:13px;
	font-weight:bold;
	color:#0380b8;
	border:1px solid #0380b8;
	padding:0 15px;
	border-radius:5px;
}
.btn:hover {
	color:#fff;
	background:#588ba8;
	border:1px solid #588ba8;
}
.btn.st1 {
	border:1px solid #0380b8;
	color:#0380b8;
}
.btn.st1:hover {
	background:#0380b8;
	color:#fff;
}

.btn.st2 {
	background:#588ba8;
	color:#fff;
}
.btn.st2:hover {
	background:#466c82;
}

/* 타이틀 */
.cont-tit { 
	height:30px;
	overflow:hidden;
	position:relative;
	margin:12px 0 23px;
}
.cont-tit h3 {
	float:left;
	line-height:30px;
	font-size:24px;
	font-weight:bold;
	color:#282b32;
}
.cont-tit .right {
	float:right;
}
.sub-tit { 
	position:relative;
	margin:20px 0 10px;
	overflow:hidden;
}
.sub-tit.first {
	margin:0 0 10px;
}
.sub-tit h4 {
	line-height:30px;
	float:left;
	font-size:18px;
	font-weight:bold;
	color:#39647c;
	position:relative;
	/* padding-left:10px;	 */
	margin-right:20px;
}
/* .sub-tit h4:after {
	content:"";
	width:3px;
	height:12px;
	background:#0380b8 ;
	position:absolute;
	top:50%;
	left:0;
	margin-top:-6px;
} */
.sub-tit .left { 
	float:left;
}
.sub-tit .right { 
	float:right;
}

.sub-tit h5 {
	line-height:30px;
	float:left;
	font-size:16px;
	font-weight:bold;
	color:#39647c;
	position:relative;
	padding-left:10px;
	margin-right:20px;
}
.sub-tit h5:after {
	content:"";
	width:2px;
	height:12px;
	background:#39647c ;
	position:absolute;
	top:50%;
	left:0;
	margin-top:-6px;
} 



.navigation {
	overflow:hidden;
	position:absolute;
	bottom:0;
	right:0;
}
.navigation li {
	float:left;
	background:url('/images/common/nav_arrow.png') no-repeat 0 50%;
	margin-left:10px;
	padding-left:15px;
}
.navigation li:first-child {
	background:none;
	margin:0;
	padding:0;
}
.navigation li a {
	display:inline-block;
	font-size:13px;
	color:#999;
	line-height:18px;
}
.navigation li:first-child a {
	width:18px;
	height:18px;
	background:url('/images/common/home_icon.png') no-repeat 50%;
	text-indent:-9999px;
}
.navigation li:last-child a {
	font-weight:bold;
	color:#39647c;
}


/* 윈도우 팝업 */
.pop-head {
	height:50px;
	padding:0 20px;
	position:relative;	
	background: #39647c;
	overflow:hidden;
}
.pop-head h2 {
	line-height:50px;
	font-size:18px;
	font-weight:bold;
	color:#fff;
	float:left;
}
.pop-head .close { 
	display:inline-block;
	width:14px;
	height:14px;
	background:url('/images/common/pop_close.png') no-repeat 50%;
	text-indent:-9999px;
	position:absolute;
	top:50%;
	right:20px;
	margin-top:-7px;
	transition:all .4s;
}
.pop-head .close:hover {
	transform:rotate(180deg);
}
.pop-cont { 
	padding:15px;
}
.pop-cont.st2 {
	padding:25px;
}

.pop-wrap.fixed .pop-head {
	position:fixed;
	width:100%;
	z-index:9;
	box-sizing:border-box;
	box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.1);
}
.head-btn {
	position:absolute;
	top:10px;
	right:15px;
}
.head-btn .btn {
	color:#fff;
	border:1px solid #25485c;
	background:#25485c;
}
.head-btn .btn:hover { 
	color:#fff;
	border:1px solid #1c3848;
	background:#1c3848;
}
.pop-wrap.fixed .pop-cont {
	padding:65px 15px 15px;
}

.pop-wrap.fixed .pop-cont.st2 {
	padding:65px 25px 25px;
}

.page-link {
	position:fixed;
	top:50px;
	width:100%;
	box-sizing:border-box;
	background:#f9f9f9;
	padding:0 15px;
	box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.1);
	z-index:9;
}
.page-link li {
	float:left;
	position:relative;
}
.page-link li:after { 
	content:"";
	width:1px;
	height:12px;
	background:#ccc;
	position:absolute;
	top:50%;
	left:0;
	margin-top:-6px;
}
.page-link li:last-child:before {
	content:"";
	width:1px;
	height:12px;
	background:#ccc;
	position:absolute;
	top:50%;
	right:0;
	margin-top:-6px;
}
.page-link li a {
	display:block;
	line-height:40px;
	padding:0 20px;
	font-weight:bold;
}
.page-link li a:hover { 
	color:#0380b8;
}
.pop-wrap.fixed .pop-cont.link {
	padding:105px 15px 15px;
}


/* 테이블 */
.table-style {
    table-layout:fixed;
    width:100%;
    border-top:2px solid #39647c;
    border-right:1px solid #ddd;
    word-break: break-all;
    border-collapse:inherit;
}
.table-style thead th { 
	border-bottom:1px solid #ddd;
}
.table-style th {
    height:26px;
    font-size:14px;
    color:#25485c;
    padding-left:20px;
    font-weight:bold;
    background:#f4f6f8;
    border-left:1px solid #ddd; 
    border-bottom:1px solid #ddd;
    text-align:center;
}
.table-style tbody th { 
    text-align:left;
}
.table-style td {
    height:26px;
    font-size:13px;
    color:#666;
    padding:5px;
    border-left:1px solid #ddd; 
    border-bottom:1px solid #ddd;
    background:#fff;
}
/* .table-style tbody tr:last-child th,
.table-style tbody tr:last-child td { 
	border-bottom:1px solid #cdc7e1;
} */

.table-style.in {
	border-top:1px solid #ddd;
}

.req {
	display:inline-block;
	padding-right:12px;
	background:url('/images/common/req_icon.png') no-repeat 100% 50%;
	font-size:13px;
	font-weight:bold;
	color: #25485c;
}

.realgrid-area { 
	border:1px solid #ddd;
	overflow:auto;
	background:#f9f9f9;
}

/* jquery UI 텝 디자인 */
.ui-widget.ui-widget-content.ui-tabs { 
    border:0;
    margin:0;
    padding:0; 
    border-radius:0;
}
.ui-tabs .ui-tabs-nav { 
    padding:0;
    margin:0;
    border-radius:0;
    background:#fff;
    height:37px;
    border:0;
    border-bottom:1px solid #39647c;
}
.ui-tabs .ui-tabs-nav li { 
    border:0;
    margin:0;
    padding:0; 
    border-radius:0;
    box-sizing:border-box;
    height:36px;
    line-height:36px;
    background:#fff;    
    margin-left:2px;
}
.ui-tabs .ui-tabs-nav li:first-child { 
    margin-left:0;
}
.ui-tabs .ui-tabs-nav li.ui-state-default a { 
    border:0;
    margin:0;
    padding:0; 
    display:inline-block;
    height:34px;
    line-height:34px;
    background:#fdfdfd;
    border:1px solid #ddd;
    border-bottom:0;
    min-width:60px;
    padding:0 20px;
    text-align:center;
    cursor:pointer;
    font-size:14px;
    color:#999;
    font-weight:bold;
}
.ui-tabs .ui-tabs-nav li.ui-state-active a { 
    background:#fff;
    border:1px solid #ddd;
    cursor:pointer;
    border-top:3px solid #39647c;
    border-left:1px solid #39647c;
    border-right:1px solid #39647c;
    border-bottom:0;
    font-size:14px;
    color:#39647c;
}
.ui-tabs .ui-tabs-panel { 
    padding:10px 0;
}

.d-none {
	display:none;
}

.t-btn {
	display:inline-block;
	line-height:28px;
	height:28px;
	box-sizing:border-box;
	font-size:13px;
	font-weight:bold;
	color:#fff;
	background:#aaa;
	padding:0 15px;
	border-radius:2px;
	vertical-align:middle;
}
.t-btn:hover {
	background:#999;
}

.chart-area {
	border: 1px solid #ddd;
    overflow: auto;
    background: #f9f9f9;
	padding:15px;
}

/* jquery UI 다이얼로그 */
.ui-dialog.ui-widget.ui-widget-content { 
    padding:0;
    margin:0;
    border-radius:0;
    border:0; 
    box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.2); 
}
.ui-dialog .ui-dialog-titlebar { 
    padding:0 15px; 
    margin:0; 
    border-radius:0;    
    background:#4555aa;    
    border:1px solid #4555aa;
	overflow:hidden;
}
.ui-dialog .ui-dialog-title { 
    line-height:40px;    
    font-size:17px;    
    font-weight:bold;    
    color:#fff;
}
.ui-dialog .ui-dialog-titlebar-close { 
    width:15px; 
    height:15px; 
    background:url('/images/common/pop_close.png') no-repeat 50%; 
    border:0; 
    border-radius:0; 
    outline:none; 
    right:15px; 
    margin-top:-8px; 
	transition:all .4s;
}
.ui-dialog .ui-dialog-titlebar-close:hover {
	transform:rotate(180deg);
}
.ui-dialog .ui-dialog-titlebar-close span { 
    display:none; 
}
.ui-dialog .ui-dialog-content { 
    padding:15px;
    border:1px solid #8c8e9c;    
    border-top:0;
}
.ui-widget-overlay { 
	background:#000;
}


.data-none { 
	border:1px dashed #ddd;
	margin-top:15px;
	background:#f9f9f9;
	padding:100px 20px;
	text-align:center;
}
.data-none p {
	color:#999;
}

/* IE 하단여백 */
.ui-datepicker.ui-widget.ui-widget-content.ui-helper-clearfix.ui-corner-all.ui-helper-hidden-accessible {
	display:none;
}
/* 자동완성 스크롤 */
.ui-autocomplete.ui-menu.ui-widget.ui-widget-content.ui-corner-all { 
	border:1px solid #c9c9c9;
	max-height:215px;
	overflow-x:auto;
}

/* 페이징 */
.pageing {	
	text-align:center;
	overflow:hidden;	
	position:relative;
	margin-top:15px;
}
.pageing a {
	display:inline-block;
	width:26px;
	line-height:26px;	
	text-align:center;		
	border:1px solid #fff;
	border-radius:100%;
	font-size:15px;
	color:#39647c;
}
.pageing a:hover {
	background:#fbb0a8;
	border:1px solid #fbb0a8;
	color:#fff;
	font-weight:bold;
}
.pageing a.selected { 
	background:#fbb0a8;
	border:1px solid #fbb0a8;
	color:#fff;
	font-weight:bold;
}
.leftMove { 
	margin-right:8px !important;
}
.rightMove { 
	margin-left:8px !important;
}

.pageing.st2 a {
	width:auto;
	min-width:26px;
}
.pageing.st2 a.leftEnd,
.pageing.st2 a.leftMove,
.pageing.st2 a.rightMove,
.pageing.st2 a.rightEnd {
	margin:0 2px; 
	border:0;
	background:#fff;
	color:#39647c;
}

.code-list {
	max-height:250px;
	background:#f9f9f9;
	border:1px solid #ddd;
	overflow:auto;
}
.code-list ul li {
	border-top:1px solid #eee;
	padding:0 20px;
}
.code-list ul li:first-child { 
	border-top:0;
}
.code-list ul li a {
	display:block;
	line-height:35px;
	font-size:13px;
	color:#2196F3;
}
.code-list ul li a:hover { 
	text-decoration:underline;
}

.mat-code-list {
	max-height:450px;
	background:#f9f9f9;
	border:1px solid #ddd;
	overflow:auto;
}
.mat-code-list ul li {
	border-top:1px solid #eee;
	padding:0 20px;
}
.mat-code-list ul li:first-child { 
	border-top:0;
}
.mat-code-list ul li a {
	display:block;
	line-height:35px;
	font-size:13px;
	color:#2196F3;
}
.mat-code-list ul li a:hover { 
	text-decoration:underline;
}

.icon-btn {
	width:28px;
	height:28px;
	line-height:28px;
	box-sizing:border-box;
	vertical-align: middle;
}
.icon-btn i {
	font-size:18px;
	color:#878ba0;
	vertical-align: middle;
}

/* 에러페이지 */
.error-body{
	background-color:#f1f3f7;
}
.error-wrap{
	position:absolute;
	top:200px;
	left:50%;
	width:780px;
	background-color:#fff;
	border-top:2px solid #dbdddf;
	border-bottom:2px solid #dbdddf;
	padding:55px 45px 55px 45px;
	box-sizing:border-box;
	margin-left:-390px;
}
.error-cont{
	padding-left:230px;
	background:url('/images/common/bg_error.png') no-repeat left -20px;
	min-height:150px;
}
.error-cont h2{
	font-size: 28px;
    font-weight: bold;
    color: #1d2f83;
}
.error-cont p{
	margin-top:15px;
	font-size:16px;
	color:#666;
}
.error-cont ul{
	margin-top:20px;
}
.error-cont ul li{
	line-height:24px;
	font-size:13px;
	color:#666;
}
.error-cont .btn-area{
	text-align:left;
	margin-top:30px;
}

.pack-layout{
	overflow:hidden;
}
.pack-layout .layout1{
	float:left;
	width:50%;
	box-sizing:border-box;
	padding-right:10px;
}
.pack-layout .layout2{
	float:right;
	width:50%;
	box-sizing:border-box;
	padding-left:10px;
}

/* 세금계산서 */
.table-red table,
.table-blue table { 
	width:100%;
	table-layout:fixed;
	border-top:1px solid #ddd;
	border-right:1px solid #ddd;
}
.table-red th,
.table-blue th { 
	font-size:12px;
	font-weight:bold;
	border-bottom:1px solid #ddd;
	border-left:1px solid #ddd;
	text-align:center;
}
.table-red td,
.table-blue td { 
	font-size:12px;
	height:40px;
	border-bottom:1px solid #ddd;
	border-left:1px solid #ddd;
	padding:0 5px;
}
.table-red td.rows2 {
	height:81px;
}

.table-red table { border-color:#f77573; }
.table-red th { border-color:#f77573; background:#fff6f7; color:#ce0e0a; }
.table-red th.bc1 { background:#ffdbde; }
.table-red td { border-color:#f77573; }

.table-blue table { border-color:#5b9adf; }
.table-blue th { border-color:#5b9adf; background:#f3faff; color:#074e9c; }
.table-blue th.bc1 { background:#c6dbf7; }
.table-blue td { border-color:#5b9adf; }

.table-style.t_center th {
	text-align:center;
}

/* 메인 */
.main-cont {
	width:1140px;
	margin:0 auto;
	padding:30px 0;
}
.top-section {
	display:table;
	width:100%;
	table-layout:fixed;
}
.top-section .visual-area {
	display:table-cell;
	vertical-align:top;
	padding-right:30px;
}
.top-section .login-area { 
	display:table-cell;
	vertical-align:top;
	width:270px;	
}
.login-card {
	border:4px solid #abc5d3;
	border-radius:10px;
	height:275px;
	box-sizing:border-box;
	overflow:hidden;
}
.login-input { 
	padding:37px 40px 20px;
}
.login-input input[type="text"] { 
	height:30px;
	width:100%;
	border:0;
	border-bottom:1px solid #d9d9d9;
	background:url('/images/main/input_id.png') no-repeat 0 50%;
	padding-left:18px;
}
.login-input input[type="password"] { 
	height:30px;
	width:100%;
	border:0;
	border-bottom:1px solid #d9d9d9;
	background:url('/images/main/input_pw.png') no-repeat 0 50%;
	padding-left:18px;
	margin-top:15px;
}
.login-btn {
	height:40px;
	width:100%;
	border-radius:40px;
	font-size:14px;
	font-weight:bold;
	color:#fff;
	background:#588ba8;
	margin-top:15px;
}
.login-btn:hover {
	background:#42708a;
}
.login-btn.st2 {
	color:#588ba8;
	border:1px solid #588ba8;
	background:#fff;
	box-sizing:border-box;
	margin-top:5px;
}
.login-btn.st2:hover { 
	background:#f9f9f9;
}
.login-link {
	text-align:center;
	background:#f7f7f7;
	line-height:35px;
}
.login-link a {
	font-size:13px;
	color:#929292;
}
.login-link a:hover {
	text-decoration:underline;
	color:#588ba8;
}
.login-link em {
	padding:0 10px;
	color:#ccc;
}
.task-card {
	display:block;
	height:124px;
	border:2px solid #dfe7eb;
	border-radius:10px;
	background:#f8f8f8 url('/images/main/banner_icon2.png') no-repeat right 10px bottom 0;
	padding:25px 20px;
	margin-top:30px;
	box-sizing:border-box;
}
.task-card h3 {
	font-size:18px;
	font-weight:bold;
	color:#39647c;
}
.task-card p {
	font-size:13px;
	color:#888;
	margin-top:15px;
}
.task-card:hover p {
	text-decoration:underline;
}


.link-banner {
	height:124px;
	border:2px solid #bcd1dc;
	margin-top:30px;
	box-sizing:border-box;
	border-radius: 10px;
}
.link-banner li { 
	padding:0 20px;
}
.link-banner li a {
	display:block;
	line-height:39px;
	border-top:1px solid #e1e1e1;
	font-size:14px;
	font-weight:bold;
	color:#39647c;
	background:url('/images/main/b_link_arrow.png') no-repeat 100% 50%;
}
.link-banner li:first-child a {
	border-top:0;
}
.link-banner li a:hover {
	text-decoration:underline;
}


.btm-section { 
	display:table;
	width:100%;
	table-layout:fixed;
	margin-top:30px;
}
.btm-section .notice-area {
	display:table-cell;
	vertical-align:top;
	padding-right:30px;
}
.notice-reference {
	overflow:hidden;
}
.notice-reference > li { 
	float:left;
	width:50%;
	box-sizing:border-box;
	padding-left:10px;
}
.notice-reference > li:first-child {
	padding-left:0;
	padding-right:10px;
}
.notice-card .notice-tit {
	border-bottom:1px solid #a7a7a7;
	padding-bottom:12px;
	position:relative;
}
.notice-card .notice-tit h3 {
	display:inline-block;
	font-size:18px;
	font-weight:bold;
	color:#39647c;
}
.notice-card .notice-tit a {
	width:16px;
	height:16px;
	background:url('/images/main/more_icons.png') no-repeat 50%;
	position:absolute;
	top:0;
	right:0;
}
.notice-first {
	display:block;
	padding:12px 0;
}
.notice-first h4 {
	font-size: 16px;
	font-weight:bold;
    color: #3f3f3f;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.notice-first span {
	display:block;
	font-size:13px;
	color:#b4b4b4;
	margin-top:5px;
}
.notice-first p {
	font-size:13px;
	color:#888;
	margin-top:10px;
	line-height:20px;
	height:40px;
	overflow:hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	word-wrap: break-word;
}
.notice-first:hover p { 
	text-decoration:underline;
}
.notice-list { 
	border-top:1px solid #e7e7e7;
	padding-top:5px;
}
.notice-list li {
	position:relative;
	padding-right:60px;
}
.notice-list li a {
	display: block;
    line-height: 32px;
    font-size: 14px;
    color: #444;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.notice-list li a:hover {
	text-decoration:underline;
}
.notice-list li span {
	line-height: 32px;
	font-size:13px;
	color:#b4b4b4;
	position:absolute;
	top:0;
	right:0;
}
.down-list li { 
	position:relative;
	height:24px;
	margin-top:13px;
	vertical-align:middle; 
}
.down-list li strong {
	display:inline-block;
	line-height:24px;
	font-size:14px;
	color:#3f3f3f;
	font-weight:bold;	
}
.down-list li button {
	height:24px;
	width:42px;
	border:1px solid #9bb9cb;
	border-radius:5px;
	background:url('/images/main/downloead_icons.png') no-repeat 50%;
	text-indent:-9999px;
	position:absolute;
	top:0;
	right:0;
	box-sizing:border-box;
}
.down-list li button:hover {
	background:#f9f9f9 url('/images/main/downloead_icons.png') no-repeat 50%;
}

.btm-section .contract {
	display:table-cell;
	vertical-align:top;
	width:160px;
	padding-right:30px;
}
.contract-card { 
	display:block;
	border:1px solid #e1e1e1;
	border-radius:10px;
	overflow:hidden;
	height:185px;
	box-sizing:border-box;
	padding:70px 20px 20px;
	background:url('/images/main/banner_icon1.png') no-repeat left 20px top 20px;
}
.contract-card h3 {
	font-size:16px;
	color:#39647c;
	font-weight:bold;
}
.contract-card p {
	font-size:13px;
	color:#888;
	margin-top:15px;
	line-height:20px;
}
.contract-card:hover p {
	text-decoration:underline;
}

.btm-section .family-site {
	display:table-cell;
	vertical-align:top;
	width:270px;
}
.family-site-list { 
	border:1px solid #e1e1e1;
	background:#f8f8f8;
	border-radius:10px;
	overflow:hidden;
	height:185px;
	box-sizing:border-box;
}
.family-site-list h3 {
	font-size:18px;
	color:#39647c;
	font-weight:bold;
	line-height:50px;
	border-bottom:1px solid #e1e1e1;
	padding-left:20px;
}
.family-site-list ul { 
	padding:15px 20px;
}
.family-site-list ul li a {
	line-height:26px;
	font-size:14px;
	color:#757575;
}
.family-site-list ul li a:hover {
	text-decoration:underline;
	color:#588ba8;
}

.dashboard-area {	
	border-radius:10px;
	/* height:429px; */
	box-sizing:border-box;
	overflow:hidden;
}
.dashboard-tit {
	line-height:59px;
	background:#39647c url('/images/main/visual_tit_bg.png') no-repeat 50%;
	padding-left:35px;
}
.dashboard-tit h2 {
	font-size:21px;
	font-weight:bold;
	color:#fff;
}
.dashboard-tit h2 span {
	display:inline-block;
	font-size:17px;
	font-weight:normal;
	color:#d9dfe3;
	margin-left:15px;
	padding-left:15px;
	position:relative;
}
.dashboard-tit h2 span:after {
	content:"";
	width:1px;
	height:14px;
	background:#9dadb7;
	position:absolute;
	top:50%;
	left:0;
	margin-top:-7px;
}
.dashboard-cont {
	display:table;
	width:100%;
	height:369px;
	table-layout:fixed;
	padding:35px;
	box-sizing:border-box;
	border:2px solid #9cb1bd;
	border-top:0;
	border-radius:0 0 10px 10px;
	background:url('/images/main/banner_bg_img01.png') no-repeat 30px 100%;
}
.dashboard-cont dt {
	display:table-cell;
	vertical-align:top;
	width:200px;
}
.dashboard-cont dt p { 
	font-size:18px;
	font-weight:700;
	color:#39647c;
	line-height:26px;
	position:relative;
	padding-top:25px;
}
.dashboard-cont dt p strong {
	font-weight:bold;
	color:#39647c;
}
.dashboard-cont dt p:after {
	content:"";
	width:20px;
	height:2px;
	background:#8b8b8b;
	position:absolute;
	top:0;
	left:0;
}
.dashboard-cont dd {
	display:table-cell;
	vertical-align:top;
}

.quick-menu-list {
	overflow:hidden;
}
.quick-menu-list li {
	float:left;
	width:25%;
}
.quick-menu-list li a {
	display:block;
	padding-top:80px;
	text-align:center;
}
.quick-menu-list li a.icon01 { 
	background:url('/images/main/m_icon01.png') no-repeat 50% 0;
}
.quick-menu-list li a.icon02 { 
	background:url('/images/main/m_icon02.png') no-repeat 50% 0;
}
.quick-menu-list li a.icon03 { 
	background:url('/images/main/m_icon03.png') no-repeat 50% 0;
}
.quick-menu-list li a.icon04 { 
	background:url('/images/main/m_icon04.png') no-repeat 50% 0;
}
.quick-menu-list li a.icon05 { 
	background:url('/images/main/m_icon05.png') no-repeat 50% 0;
}
.quick-menu-list li a.icon06 { 
	background:url('/images/main/m_icon06.png') no-repeat 50% 0;
}
.quick-menu-list li a.icon07 { 
	background:url('/images/main/m_icon07.png') no-repeat 50% 0;
}
.quick-menu-list li a.icon08 { 
	background:url('/images/main/m_icon08.png') no-repeat 50% 0;
}
.quick-menu-list li a span {
	display:inline-block;
	line-height:26px;
	font-size:14px;
	color:#fff;
	font-weight:bold;
	width:40px;
	border-radius:26px;
	background:#39647c;
	text-align:center;
}
.quick-menu-list li a:hover span { 
	background:#588ba8;
}
.quick-menu-list li a strong {
	display:block;
	font-size:15px;
	color:#264b61;
	margin-top:10px;
}
.quick-menu-list li a:hover strong { 
	color:#588ba8;
}
.quick-menu-list li:nth-child(5),
.quick-menu-list li:nth-child(6),
.quick-menu-list li:nth-child(7),
.quick-menu-list li:nth-child(8) {
	border-top:1px dashed  #dbdbdb;
	margin-top:15px;
	padding-top:15px;
}

.dashboard-cont dd.st2 {
	vertical-align:middle;
}
.quick-menu-list2 {
	overflow:hidden;
} 
.quick-menu-list2 li {
	float:left;
	width:25%;
	position:relative;
}
.quick-menu-list2 li:after {
	content:"";
	width:1px;
	height:100%;
	border-left:1px dashed #dbdbdb;
	position:absolute;
	left:0;
	top:0;
}
.quick-menu-list2 li:first-child:after {
	display:none;
}
.quick-menu-list2 li a {
	display:block;
	padding-top:110px;
	text-align:center;
}
.quick-menu-list2 li a.icon01 {
	background:url('/images/main/m_icon2_01.png') no-repeat 50% 0;	
}
.quick-menu-list2 li a.icon02 {
	background:url('/images/main/m_icon2_02.png') no-repeat 50% 0;	
}
.quick-menu-list2 li a.icon03 {
	background:url('/images/main/m_icon2_03.png') no-repeat 50% 0;	
}
.quick-menu-list2 li a.icon04 {
	background:url('/images/main/m_icon2_04.png') no-repeat 50% 0;	
}
.quick-menu-list2 li a span {
	display:inline-block;
	line-height:30px;
	font-size:18px;
	color:#fff;
	font-weight:bold;
	width:50px;
	border-radius:26px;
	background:#39647c;
	text-align:center;
}
.quick-menu-list2 li a strong {
	display:block;
	font-size:18px;
	color:#39647c;
	margin-top:15px;
}
.quick-menu-list2 li a p {
	font-size:14px;
	color:#888;
	margin-top:10px;
	line-height:20px;
}
.quick-menu-list2 li a:hover span { 
	background:#588ba8;
}
.quick-menu-list2 li a:hover strong { 
	color:#588ba8;
}



.user-card {
	padding:40px;
	position:relative;
	text-align:center;
}
.user-card .setting-icon {
	width:18px;
	height:18px;
	background:url('/images/main/setting_icons.png') no-repeat 50%;
	position:absolute;
	top:30px;
	right:30px;
}
.user-card .user-img {
	display:inline-block;
	width:66px;
	height:66px;
	overflow:hidden;
	border-radius:100%;
}
.user-card .user-name {
	font-size:16px;
	color:#333;
	margin-top:15px;
}
.user-card .user-name strong {
	font-size:20px;
	font-weight:bold;
}
.user-card .user-team {
	font-size:14px;
	color:#767676;
	margin-top:5px;
}
.user-btn {
	height:40px;
	width:100%;
	border-radius:40px;
	font-size:14px;
	font-weight:bold;
	color:#fff;
	background:#588ba8;
	margin-top:20px;
}
.user-btn:hover {
	background:#42708a;
}


/* 로그인 */
.login-body { 
	background:url('/images/main/login_bg01.jpg') no-repeat 50%;
	background-size:cover;
}
.login-wrap { 
	padding-top:200px;
}
.login-cont {
	width:420px;
	height:440px;
	box-sizing:border-box;
	border:5px solid #65abd1;
	border-radius:25px;
	margin:0 auto;
	padding:70px 70px 0;
	box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);
	background:#fff;
	text-align:center;
}
.login-cont h1 { 
	width:145px;
	height:62px;
	background:url('/images/main/login_logo.png') no-repeat 50%;
	margin:0 auto;
	text-indent:-9999px;
}
.login-cont input[type="text"] {
	width:100%;
	height:50px;
	border:1px solid #c9c9c9;
	margin-top:20px;
	background:url('/images/main/id_icon.png') no-repeat 10px 50%;
	padding-left:30px;
}
.login-cont input[type="password"] {
	width:100%;
	height:50px;
	border:1px solid #c9c9c9;
	border-top:0;
	background:url('/images/main/pw_icon.png') no-repeat 10px 50%;
	padding-left:30px;
}
.logincheck { 
	overflow:hidden;
	text-align:right;
	padding-top:15px;
}
.logincheck label {
	float:left;
	font-size:14px;
	color:#39647c;
}
.logincheck label input[type="checkbox"] {
	vertical-align:-2px;
}
.logincheck a {
	font-size:14px;
	color:#39647c;
}
.loginbtn {
	height:50px;
	width:100%;
	font-size:17px;
	color:#fff;
	font-weight:bold;
	background:#39647c;
	margin-top:20px;
}
.loginbtn:hover { 
	background:#2d5165;
}

.desc-info {
	padding-left:35px;
	background:url('/images/common/desc_info_icon.png') no-repeat 0 50%;
	line-height:20px;
	min-height:40px;
	font-size:13px;
	color:#3f3f3f;
}
.desc-info em {
	color:#898989;
}

.pop-btn-area {
	padding-top:20px;
	text-align:center;
}

.txt01 {
	line-height:28px;
	font-size:22px;
	font-weight:bold;
	color:#3f3f3f;	
	border-bottom:1px solid #a7a7a7;
	padding-bottom:20px;
	margin-bottom:20px;
}
.txt02 {
	font-size:14px;
	color:#444;	
	line-height:20px;
}
.txt03 {
	font-size:14px;
	font-weight:bold;
	color:#c62323;		
	line-height:20px;
	margin-top:15px;
}
.s-tit {
	font-size:16px;
	font-weight:bold;
	color:#3f3f3f;		
	margin:15px 0 10px;
}

.link-btn-list {
	overflow:hidden;
	border:1px solid #bcd1dc;
	border-radius:10px;
	margin-top:20px;
}
.link-btn-list li {
	float:left;
	width:25%;
}
.link-btn-list li a {
	display:block;
	font-size:14px;
	font-weight:bold;
	color:#39647c;
	line-height:35px;
	text-align:center;
	position:relative;
}
.link-btn-list li a:hover {
	text-decoration:underline;
}
.link-btn-list li a:after {
	content:"";
	width:1px;
	height:16px;
	background:#bcd1dc;
	position:absolute;
	top:50%;
	left:0;
	margin-top:-8px;
}
.link-btn-list li:first-child a:after { 
	display:none;
}



.pop-cont>.search_field_wrap>.search_btn_area.st2 {
	width : 15%;
}
.pop-cont>.search_field_wrap>.search_field_area {
	width : 80%;
}