@CHARSET "UTF-8";
/*---------------------------------------
	base css
---------------------------------------*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	font-family: "Spoqa Han Sans", "맑은 고딕", "Malgun Gothic", "Myriad Pro";
	border: 0;
}
* {
box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
}


html, body {
	font-size: 14px;
	line-height: 1.4rem;
	color: #333333;
	height: 100%;
	margin: 0;
}
/* 20190611 IE11 특정 버전에서 팝업 오픈시 레이아웃이 깨지는 현상이 있어 추가 */
body{position: relative !important;}
button:focus, input:focus,
a:focus {outline:none;}
a:link, a:visited, a:active {
	color: #333333;
	text-decoration:none;
}
a:hover {text-decoration:none;}
a img, fieldset {border:0;}
@font-face {
	font-family: "Spoqa Han Sans";
	font-style: normal;
	font-weight: 300;
	src: local('Spoqa Han Sans'), local('Spoqa-HanSans');
	src: url(../fonts/Spoqa Han Sans Regular.woff2) format('woff2'),
	url(../fonts/Spoqa Han Sans Regular.woff) format('woff');
}
caption {
	font-size:0;
	line-height:0;
	text-indent:-10000px;
}
ul, li {list-style: none}
/*-------------------------------------------------------------------
	common css
	: 기본 layout 및 각 component 에서 사용하는 기본 스타일을
	  이곳에서 정의 합니다.
---------------------------------------------------------------------*/
.wrap {
	position: relative;
	min-width: 1250px;
	min-height: 100%;
	padding-bottom: 80px
}
.wrap:before, .wrap:after,
.header-wrap:after {
	clear: both;
	content: '';
	display: block;
}
/* 그리드 언더라인 */
.underline{text-decoration:underline;cursor:pointer;color:#000000;}

.left-nav__wrap:before, .left-nav__wrap:after,
.container:before, .container:after,
.main-container:before, .main-container:after,
.title-wrap:after,
.btn-wrap:before, .btn-wrap:after,
.btn-wrap__center:before, .btn-wrap__right:before,
.btn-wrap__center:after, .btn-wrap__right:after,
.title-info__wrap:before, .title-info__wrap:after,
.grid-wrap:before, .grid-wrap:after,
.main-contents:before, .main-contents:after,
.status-layout:after,
.day-status__layout:after {
	clear: both;
	content: '';
	display: block;
	overflow: hidden;
}
.btn-wrap__right {
	position: relative;
	float: right;
}
.btn-wrap__center {
	margin: 40px 0 20px;
	text-align: center;
}
.btn-wrap {margin-top: 20px;}
.btn-wrap .btn-left {float: left;}
.btn-wrap .btn-right {float: right;}
.title-info__wrap {
	margin: 15px 0 4px;
}
.title-info {
	float: left;
	/*margin-top: 6px;*/
	font-size: 16px;
	color: #273685;
	font-weight:bold;
	line-height:31px   /*추가*/
}
.info-txt {
	font-size: 14px;
	color: #ff7a00;
	padding: 0 4px;
	font-weight:normal
}
.title-info__right {float: right;}
.grid-wrap {margin-top: 20px;}
.asterisk {
	padding: 0 4px;
	color: #ea002c;
}
/*---------------------------------------
	button css
---------------------------------------*/
.Button.btn-typea,.Button.btn-typec {
	min-width: 70px;
	padding: 0px 8px 3px;
	color: #ffffff;
	background: #555555;
	border: 1px solid #555555
}
.Button.btn-typea:hover,.Button.btn-typec:hover {
	color: #ffffff;
	background: #444444;
	border-color: #444444;
}
.Button.btn-typea.Disabled,
.Button.btn-typea.bg-red.Disabled,
.Button.btn-typea.Disabled:hover,
.Button.btn-typea.bg-red.Disabled:hover,
.Button.btn-typeac.Disabled,
.Button.btn-typec.Disabled:hover{
	background: #999999;
	border-color: #999999;
	color: #dadada;
}
.Button.btn-typea.bg-red {
	background: #ea002c;
	border-color: #ea002c;
	color: #ffffff;
}
.Button.btn-typea.bg-red:hover {
	background: #bb0023;
	border-color: #bb0023;
}
.Button.btn-typeb {
	padding: 0px 8px 3px;
	color: #333333;
	background: #ffffff;
	border: 1px solid #cccccc;
}
.Button.btn-typeb:hover,
.Button.ico-typea:hover {
	color: #eb113a;
	border-color: #eb113a;
}
.Button.btn-typeb.Disabled, .Button.btn-typeb.Disabled:hover {
	color: #999999;
	background: #f3f3f3;
	border-color: #cfcfcf;
}

/* 20180913 */
.Button.login-btn {
	min-width: 70px;
	padding: 10px 20px;
	color: #ffffff;
	background: #555555;
	border: 1px solid #555555;
	height:45px
}
.Button.login-btn:hover {
	color: #ffffff;
	background: #444444;
	border-color: #444444;
	height:40px
}
.Button.login-btn.Disabled,
.Button.login-btn.bg-red.Disabled,
.Button.login-btn.Disabled:hover,
{
	background: #999999;
	border-color: #999999;
	color: #dadada;
	height:45px
}
.Button.login-btn.bg-red {
	background: #ea002c;
	border-color: #ea002c;
	color: #ffffff;
	height:45px

}
.Button.login-btn.bg-red:hover {
	background: #bb0023;
	border-color: #bb0023;
	height:45px

}
.Button.login-btn.bg-black {
	background: #555555;
	border-color: #555555;
	color: #ffffff;
	height:45px

}
.Button.login-btn.bg-black:hover {
	background: #444444;
	border-color: #444444;
	height:45px

}
/**/

.Button.ico-typea {
	height: 28px;					 /********높이수정 30-> 28   18.8.24*********/
	min-width: 28px;				 /********너비수정 30-> 28   18.8.24*********/
	padding: 0;
	text-indent: -9999px;
	background: #ffffff url("../images/btn-ico.png") no-repeat;
	border: 1px solid #cccccc;
}
.Button.ico-typea.Disabled, .Button.ico-typea.Disabled:hover {
	background: #f3f3f3 url("../images/btn-ico.png") no-repeat;
	border-color: #cfcfcf;
}
.Button.ico-typea.ico-src {background-position: 5px 4px;}
.Button.ico-typea.ico-src:hover {background-position: 5px -23px;}
.Button.ico-typea.ico-src.Disabled,
.Button.ico-typea.ico-src.Disabled:hover {background-position: 5px -49px;}
.Button.ico-typea.ico-refresh {background-position: -65px 4px;}
.Button.ico-typea.ico-refresh:hover {background-position: -65px -22px;}
.Button.ico-typea.ico-refresh.Disabled,
.Button.ico-typea.ico-refresh.Disabled:hover {background-position: -65px -48px;}
.Button.ico-typea.ico-excel {background-position: -101px 2px;}
.Button.ico-typea.ico-excel:hover {background-position: -101px -23px;}
.Button.ico-typea.ico-excel.Disabled,
.Button.ico-typea.ico-excel.Disabled:hover {background-position: -101px -49px;}

.Button.ico-typea.ico-exceldown {background-position: -852px 1px;}
.Button.ico-typea.ico-exceldown:hover {background-position: -852px -24px;}
.Button.ico-typea.ico-exceldown.Disabled,
.Button.ico-typea.ico-exceldown.Disabled:hover {background-position: -852px -50px;}


.Button.ico-typea.ico-excelup {background-position: -817px 1px;}
.Button.ico-typea.ico-excelup:hover {background-position: -817px -24px;}
.Button.ico-typea.ico-excelup.Disabled,
.Button.ico-typea.ico-excelup.Disabled:hover {background-position: -817px -50px;}




.Button.btn-toggle {
	width: 28px;						/********높이수정 31-> 28   18.8.24*********/
	height: 28px;						/********너비수정 30-> 28   18.8.24*********/
	text-indent: -9999px;
	background: url("../images/ico-form.png") no-repeat  -56px -135px;
	border: 0;
}
.Button.btn-toggle:hover {background: url("../images/ico-form.png") no-repeat -112px -135px;}
.Button.btn-toggle.close {background: url("../images/ico-form.png") no-repeat 0 -135px;}

.Button.btn-plus {
	width: 20px;						/********높이수정 31-> 28   18.8.24*********/
	height: 20px;						/********너비수정 30-> 28   18.8.24*********/
	text-indent: -9999px;
	background: url("../images/ico-form.png") no-repeat  0px -244px;
	border: 0;
}
.Button.btn-plus:hover {height:20px; background: url("../images/ico-form.png") no-repeat  0px -244px;}

.Button.btn-minus {
	width: 20px;						/********높이수정 31-> 28   18.8.24*********/
	height: 20px;						/********너비수정 30-> 28   18.8.24*********/
	text-indent: -9999px;
	background: url("../images/ico-form.png") no-repeat  0px -202px;
	border: 0;
}
.Button.btn-minus:hover {height:20px; background: url("../images/ico-form.png") no-repeat  0px -202px;}


.ico {
	width: 22px;
	height: 22px;
	position: relative;
	top: -3px;
	text-indent: -9999px;
	vertical-align: middle;
	background: transparent url("../images/btn-ico.png") no-repeat;
}
.ico.ico-help {
	float: left;
	background-position: -144px 4px;
}
.ico.ico-assign {
	float: left;
	background-position: -403px -22px;
}
.ico.ico-dismant {
	float: right;
	background-position: -305px -22px;
}
.Button.btn-typeb:hover .ico.ico-help {background-position: -144px -24px;}
.Button.btn-typeb.Disabled .ico.ico-help,
.Button.btn-typeb.Disabled:hover .ico.ico-help {background-position: -144px -50px;}

.Button.ico-typec, .Button.ico-typec:hover, .Button.ico-typec:active,
.Button.ico-typec.Disabled, .Button.ico-typec.Disabled:hover {
	height: 30px;
	width: 84px;
	padding: 0;
	text-indent: -9999px;
	background: #e7e9ea url("../images/btn-ico.png") no-repeat;
	border: 1px solid #cccccc;
}
.Button.ico-typec.ico-goright {background-position: -270px -22px;}
.Button.ico-typec.ico-goleft {background-position: -376px -22px;}
.Button.ico-typec.ico-godown {background-position: -272px -50px;}
.Button.ico-typec.ico-goup {background-position: -378px -51px;}
.Button.ico-refresh__typeb {
	min-width: 27px;
	padding: 0;
	text-indent: -9999px;
	background: #ffffff url("../images/btn-ico.png") no-repeat -214px 3px;
	border: 1px solid #555555;
}
.Button.ico-refresh__typeb:hover {
	background: #ffffff url("../images/btn-ico.png") no-repeat -214px -24px;
	border-color: #444444;
}
.Button.ico-refresh__typeb.Disabled,
.Button.ico-refresh__typeb.Disabled:hover {
	background: #999999 url("../images/btn-ico.png") no-repeat -214px -51px;
	border-color: #999999;
}
.ico.ico-src__typeb {
	float: left;
	background-position: -250px 4px
}
.Button.btn-src {
	padding: 0px 8px;
	color: #ea002c;
	background: #ffffff;
	border: 1px solid #ea002c;
}
.Button.btn-src:hover {
	color: #bb0023;
	border-color: #bb0023;
}
.Button.btn-src.Disabled {
	color: #d6d6d6;
	background: #999999;
	border-color: #999999;
}
.Button.btn-src:hover .ico.ico-src__typeb {background-position: -250px -23px;}
.Button.btn-src.Disabled .ico.ico-src__typeb,
.Button.btn-src.Disabled:hover .ico.ico-src__typeb {background-position: -250px -50px;}
.Button.ico, .Button.ico:hover, .Button.ico:active {
	width: 22px;
	height: 22px;
	position: relative;
	top: -3px;
	text-indent: -9999px;
	vertical-align: middle;
	background: transparent url("../images/btn-ico.png") no-repeat;
	border: 0;
}
/*.Button.ico.ico-copy {
	background-position: -330px 0!important;
	top: 3px!important;
	height:22px
	}*/


.Button.ico.ico-copy {background-position: -335px 0;}

/*---------------------------------------
	header css
---------------------------------------*/

/*****추가*******/
.gnb-total__warp{
    position:absolute;
    top:50px;
    left:0;
    display:block;
    background:#ffffff;
    width:100%;
    z-index:9999;
    border-bottom: 1px solid #cccccc;
    padding-bottom:50px
}

.gnb-total{
    position: relative;
    background:#ffffff;
    padding:0px 30px 0 30px;
    width:1220px;
    overflow-x: auto;
}




.gnb-total__warp .gnb-sub_title{
    font-size:18px;
    color:#33374c;
    width:100%;
    font-weight:bold;
    border-bottom: 2px solid #33374c;
    height:40px;
    margin-top:15px
}

.gnb-total__warp .gnb-sub_title .gnb-sub_right{
    float:right
}


.gnb-total__warp .gnb-sub-menu{border-bottom:1px solid #c9c9c9}

.Button.btn-menu-toggle{
	width: 40px;
	height: 40px;
	text-indent: -9999px;
	background: url("../images/ico-common.png") no-repeat 10px -620px;
	border: 0;
}
.Button.btn-menu-toggle:hover {background: url("../images/ico-common.png") no-repeat 10px -661px}

.Button.btn-menu-toggle.active{
	width: 40px;
	height: 40px;
	text-indent: -9999px;
	background: url("../images/ico-common.png") no-repeat  10px -548px;
	border: 0;
}

.Button.btn-menu-toggleon.active:hover {background: url("../images/ico-common.png") no-repeat 0px -634px}

.gnb-total__warp > .Button.btn-menu-close {
    position:absolute;
    right:10px;
    bottom:10px;
    text-indent: -9999px;
    background: #999999 url("../images/ico-common.png") no-repeat 8px -500px;
    width:45px;
    height:45px;
    border:none;
    border-radius:0;
    z-index:999999
}
.gnb-total__warp > .Button.btn-menu-close:hover{
    background: #555555 url("../images/ico-common.png") no-repeat 8px -500px;
    width:45px;
    height:45px;

}
.gnb-total__warp .gnb-total .gnb-sub{
    margin:20px  0 0 0;
}

.gnb-total__warp .gnb-total .gnb-sub > li{
    width:calc(100% /5);
    padding-right:10px;
    margin-right:0
}
.gnb-total__warp .gnb-sub > li{
	min-height:100px
}
/*****추가 끝*******/



.top-header__wrap {
	padding: 15px 0;
	height: 60px;
}
.top-left__menu {
	position: absolute;
	top: 16px;
	left: 30px;
}
.left-util li {float: left;}
.left-util li a {
	font-size: 13px;
	color: #555555;
}
.left-util li:last-child:before {
	content: '';
	display: inline-block;
	width: 1px;
	height: 11px;
	position: relative;
	top: 2px;
	margin: 0 10px;
	background: #999999;
}
.logo {text-align: center;}
.logo img {vertical-align: middle;}
.system-name {
	font-weight:bold ;
	color: #ff7a00;
}
.system-name:before {
	content: '';
	display: inline-block;
	position: relative;
	top: 1px;
	margin: 0 10px;
	width: 1px;
	height: 10px;
	background: #bcbcbc;
}
.top-util__wrap {
	position: absolute;
	top: 16px;
	right: 30px;
}
.util-title {
	font-size: 12px;
	color: #555555;
	vertical-align: middle;
}
.log-info {
	float: left;
	font-size: 12px;
	color: #555555;
}
.role-info {
	float: left;
	margin-left: 20px;
}
.Button.btn-logout,
.Button.btn-logout:hover,
.Button.btn-logout:active {
	min-width: 56px;
	height: 22px;
	padding: 0;
	font-size: 11px;
	color: #ffffff;
}
.Button.btn-logout:hover, .Button.btn-logout:active {background:#3b3b3b;}
.Divselect.role-select {
	min-width: 94px;
	height: 22px;
	padding: 0 8px;
	font-size: 12px;
	color: #555555;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	-ms-border-radius: 0;
	border-radius: 0;
	background: #ffffff url("../images/ico-form.png") no-repeat right -116px;
}
.Divselect.role-select:hover,
.Divselect.role-select:focus,
.Divselect.role-select:active {background: #ffffff url("../images/ico-form.png") no-repeat right -148px;}
.Divselect.role-select.Disabled {background: #ffffff url("../images/ico-form.png") no-repeat right -180px;}
.gnb-wrap {
	position: relative;
	height: 50px;
	background: #33374c;
}
.gnb-menu {
	position: absolute;
	left: 20px;
}
.gnb-menu li {float: left;}
.gnb-menu li a {
	display: inline-block;
	padding: 0 17px;
	height: 50px;
	color: #ffffff;
	font-size: 18px;
	font-weight: bold;
	line-height: 45px;
}
.gnb-menu li a:hover,
.gnb-menu li a:active,
.gnb-menu li.selected a {background: #ea002c;}
.gnb-menu li.total-menu a {
	width: 50px;
	height: 50px;
	padding: 0;
	text-indent: -9999px;
	border-left: 1px solid #7b7c82;
	border-right: 1px solid #7b7c82;
	background: url("../images/ico-common.png") no-repeat 10px 14px;
}
.gnb-menu li.total-menu a:hover,
.gnb-menu li.total-menu a:active,
.gnb-menu li.total-menu.selected a {background: #242635 url("../images/ico-common.png") no-repeat 10px 14px;}
/********손자영추가************/
.gnb-menu li.total-menu.active a {
	background-position:10px -495px}

.gnb-right__wrap {
	position: absolute;
	right: 30px;
}
.Button.mymenu,
.Button.mymenu:hover,
.Button.mymenu:active {
	position: absolute;
	right: 0;
	width: 60px;
	height: 50px;
	padding: 0;
	font-size: 12px;
	color: #ffffff;
	border: 0;
	border-left: 1px solid #7b7c82;
	border-right: 1px solid #7b7c82;
	background: transparent;
}
.Button.mymenu:hover, .Button.mymenu:active {background: #242635;}
.Icon.ico-mymenu,
.Button.mymenu:hover .Icon.ico-mymenu,
.Button.mymenu:active .Icon.ico-mymenu {
	width: 18px;
	height: 18px;
	background: url("../images/ico-common.png") no-repeat 0 -57px;
}
.mymenu-wrap {
	position: relative;
	top: 66px;
	right: 0;
	width: 250px;
	padding: 15px;
	border: 1px solid #555555;
	background: #ffffff;
	z-index: 9990;
}
.mymenu-wrap:before {
	content: '';
	display: block;
	position: absolute;
	top: -14px;
	right: 12px;
	width: 24px;
	height: 15px;
	background: url("../images/ico-common.png") 0 -110px;
}
.mymenu-title__wrap {
	position: relative;
	padding-bottom: 10px;
	border-bottom: 1px solid #555555;
}
.mymenu-title {
	color: #333333;
	font-size: 16px;
	font-weight: bold;
}
.Button.btn-addmymenu,
.Button.btn-addmymenu:hover,
.Button.btn-addmymenu:active {
	position: absolute;
	top: 7px;
	right: 0;
	width: 14px;
	height: 14px;
	background: transparent url("../images/btn-ico.png") no-repeat -275px -2px;
	border: 0;
}
.mymenu-list {margin: 5px 0;}
.mymenu-list li a {
	display: block;
	padding: 0 8px;
	font-size: 14px;
	color: #333333;
	line-height: 24px;
}
.mymenu-list li a:hover, .mymenu-list li a:active {background: #f3f3f3}
.gnb-sub__wrap {
	position: absolute;
	top: 50px;
	left: 20px;
	/*width: calc(100% - 61px);*/
	width:1200px;
	/*min-height: 420px;*/
	border: 1px solid #555555;
	border-top: 0;
	background: #ffffff;
	z-index: 9999;
}
.gnb-sub {
	overflow: hidden;
	margin: 25px 30px;
}
.gnb-sub > li {
	float: left;
	width: calc((100% / 5) - 30px);
	height: auto;
	margin-right: 30px;
	margin-bottom: 30px;
	min-height:210px
}

.gnb-sub > li:list-child {
	margin-right: 0;
}


.gnb-sub .gnb-sub__title {
	padding-bottom: 10px;
	font-size: 16px;
	font-weight: bold;
	color: #333333;
	border-bottom: 1px solid #555555;
}
.gnb-sub > li > ul {margin-top: 8px;}
.gnb-sub > li > ul > li > a {
	display: block;
	font-size: 14px;
	color: #666666;
	line-height: 24px;
}
.gnb-sub > li > ul > li > a:hover,
.gnb-sub > li > ul > li > a:active,
.gnb-sub > li > ul > li.selected > a {color: #ea002c;}
.gnb-total {margin: 25px 30px;}
/*---------------------------------------
	lnb css
---------------------------------------*/
.left-nav__wrap {
	position: relative;
	display: table-cell;
	/*min-width: 24px;2018.7.16 삭제*/
}
.lnb-title__wrap {
	display: table;
	width: 200px;
	height: 91px;
	background: url("../images/lnb-titlebg.png") no-repeat;
}
.lnb-title {
	display: table-cell;
	padding: 0 20px;
	vertical-align: middle;
	text-align: center;
	font-size: 20px;
	font-weight: bold;
	line-height: 1.8rem;
	color: #33374c;
}
.lnb-close, .lnb-open {
	display: block;
	position: absolute;
	top: 25px;
	height: 45px;
	text-indent: -9999px;
	background: url("../images/ico-common.png") no-repeat;
}
.lnb-close {
	right: -17px;
	width: 24px;
	background-position: 0 -169px;
}
.lnb-open {
	left: 0;
	width: 17px;
	background-position: 0 -246px;
}
.left-nav__wrap.close .lnb-title__wrap,
.left-nav__wrap.close .lnb-menu {display: none;}
.lnb-menu {
	position: relative;
	width: 200px;
}
.lnb-menu > li {
	position: relative;
	border-bottom: 1px solid #dbdbdb;
	border-right: 1px solid #dbdbdb;
}
.lnb-menu > li > a {
	display: block;
	padding: 0 10px;
	height: 40px;
	line-height: 38px;
}
.lnb-menu > li > a:after {
	content: '';
	display: inline-block;
	width: 12px;
	height: 12px;
	position: absolute;
	top: 14px;
	right: 10px;
	background: url("../images/ico-common.png") no-repeat 0 -333px;
}
.lnb-menu > li.expandable.expanded > a:after {
	top: 16px;
	background: url("../images/ico-common.png") no-repeat 0 -380px;
}
.lnb-menu > li > .lnb-sub {
	display: none;
	background: #f0f4f6;
	padding: 6px 0;
	border-top: 1px solid #656878;
	font-size:13.6px;
}
.lnb-menu > li > .lnb-sub > li {padding: 3px 5px  3px 10px;}
.lnb-menu > li > .lnb-sub a:hover {
	padding-bottom: 2px;
	color: #ea002c;
	border-bottom: 1px solid #eb6172;
}
.lnb-menu > li > .lnb-sub a:active,
.lnb-menu > li > .lnb-sub li.selected a {
	color: #ea002c;
	font-weight: normal;
	border-bottom: 0;
}
/*---------------------------------------
	container css
---------------------------------------*/
.container {
	display: table;
	/*padding-bottom: 50px;*/
	background: #ffffff;
	min-height:700px;
	width:100%;
}
.contents-wrap {
	display: table-cell;
	width: 100%;
	padding: 30px 30px 50px 30px;
	vertical-align: top;
}
.title-wrap {margin-bottom: 20px;}
.cnt-title {
	float: left;
	font-size: 24px;
	font-weight: bold;
	color: #252525;
}
.title-right__wrap {
	float: right;
	position: relative;
	top: 5px;
	font-size: 12px;
	background: url("../images/ico-common.png") no-repeat 0 -414px;
	padding-left:20px
}
.history-menu li {float: left;}
.history-menu li.home {
	text-indent: -9999px;
	width: 5px;
	height: 12px;
	margin-top: 4px;
	/*background: url("../images/ico-common.png") no-repeat 0 -418px;*/
}
.history-menu li a {
	font-size: 12px;
	color: #666666;
}
.history-menu li a:before {
	content: '';
	display: inline-block;
	width: 8px;
	height: 8px;
	margin: 0 4px;
	background: url("../images/ico-common.png") no-repeat 0 -442px;
}
.history-menu li:first-child a:before {content: none;}
/* search box */
.src-box {
	padding: 6px 10px;
	border: 2px solid #e5e5e5;
}
.Tabs .src-box {margin-top: 10px;}
.Table.Form-type.tbl-src,
.Table.Form-type.tbl-src td,
.Table.Form-type.tbl-src tbody th,
.Table.Form-type.tbl-src tr,
.Table.Form-type.tbl-src tr:first-child,
.Table.Form-type.tbl-src tr:first-child th {
	/*padding: 6px 10px;*/
	padding:4px 4px;
	color: #333333;
	text-align: left;
	background: #ffffff;
	border: 0;
}
.tbl-txt {
	vertical-align: middle;
	margin: 0 2px;
}
.single-tbl {
	padding: 7px;
	background: #f7f7f7;
	border-top: 1px solid #76726e;
	border-bottom: 1px solid #cccccc;
}
/*---------------------------------------
	tabs type css
---------------------------------------*/
.Tabs.Fixed.tabs-typeb > .Scroller > ul {border-bottom: 0;}
.Tabs.Fixed.tabs-typeb > ul > li,
.Tabs.Fixed.tabs-typeb > .Scroller > ul > li {
	height: 40px;
	padding: 6px 16px 4px;
	margin-right: 4px;
	border: 0;
	border-top: 1px solid #cccccc;
	background: url("../images/ico-tabs.png") no-repeat center -15px;
}
.Tabs.Fixed.tabs-typeb > ul > li:hover,
.Tabs.Fixed.tabs-typeb > .Scroller > ul > li:hover,
.Tabs.Fixed.tabs-typeb > ul > li:active,
.Tabs.Fixed.tabs-typeb > .Scroller > ul > li:active,
.Tabs.Fixed.tabs-typeb> ul > li.Selected,
.Tabs.Fixed.tabs-typeb > .Scroller > ul > li.Selected {
	border-top: 1px solid #ec1f45;
	background: url("../images/ico-tabs.png") no-repeat center -66px;
}
.Tabs.Fixed.tabs-typeb ul > li .RemoveButton {top: 11px;}

.Tabs.Fixed.tabs-typec > .Scroller > ul {border-bottom: 0;}
.Tabs.Fixed.tabs-typec > ul > li,
.Tabs.Fixed.tabs-typec > .Scroller > ul > li {
	border: 0;
	background: #ffffff;
}
.Tabs.Fixed.tabs-typec > .Scroller > ul > li:after {
	content: '';
	display: inline-block;
	width: 16px;
	height: 16px;
	position: relative;
	top: 5px;
	left: 8px;
	background: url("../images/ico-tabs.png") no-repeat -88px -158px;
}
.Tabs.Fixed.tabs-typec > ul > li:hover:after,
.Tabs.Fixed.tabs-typec > .Scroller > ul > li:hover:after,
.Tabs.Fixed.tabs-typec > ul > li:active:after,
.Tabs.Fixed.tabs-typec > .Scroller > ul > li:active:after,
.Tabs.Fixed.tabs-typec> ul > li.Selected:after,
.Tabs.Fixed.tabs-typec > .Scroller > ul > li.Selected:after {
	background: url("../images/ico-tabs.png") no-repeat -122px -158px;
}
.Accordion .accordion-wrap {padding-bottom: 10px;}
.Accordion > li > a {position: relative;}
.accor-btn__wrap {
	position: absolute;
	right: 36px;
	bottom: 4px;
}
/* shuttle */
.shuttle-wrap {
	display: table;
	width: 100%;
}
.shuttle-item {
	display: table-cell;
	width: calc((100% / 3) - 100px);
	vertical-align: top;
}
.shuttle-item__wrap {
	height: 276px;
	margin-right: 10px;
	border: 1px solid #cccccc;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	-ms-border-radius: 2px;
	border-radius: 2px;
}
.shuttle-wrap .shuttle-item:last-child .shuttle-item__wrap {margin-right: 0}
.shuttle-item.btn-wrap {
	width: 100px;
	vertical-align: middle;
	border: 0;
}
.shuttle-item__title {
	padding: 0 15px 0 10px;
	height: 40px;
	line-height: 36px;
	color: #333333;
	font-size: 14px;
	font-weight: bold;
	background: #dceef5;
}
.shuttle-item__contents {
	overflow-y: scroll;
	padding: 10px 0;
	height: 216px;
}
.shuttle-item__contents li {
	cursor: pointer;
	padding: 0 10px;
}
.shuttle-item .Button {margin: 2px 0;}
.shuttle-item .Button.btn-typeb,
.shuttle-item .Button.btn-typeb:hover,
.shuttle-item .Button.btn-typeb:active,
.cont_bot_center .Button.btn-typeb,
.cont_bot_center .Button.btn-typeb:hover,
.cont_bot_center .Button.btn-typeb:active {
	width: 84px;
	color: #333333;
	background: #e7e9ea;
	border: 1px solid #cccccc;
}
.shuttle-wrap + .btn-wrap__center {margin: 20px 0 30px;}
/* thumbnail */
.thumb-wrap {
	margin: 30px 0;
	overflow-x: auto;
	overflow-y: hidden;
}
.add-thumb {
	cursor: pointer;
	float: left;
	width: 168px;
	height: 85px;
	color: #666666;
	padding-top: 20px;
	font-size: 13px;
	text-align: center;
	background: #f4f4f4;
	border: 1px solid #e9e9e9;
}
.add-thumb:hover {
	color: #ffffff;
	background: #c3c3c3;
}
.ico.ico-addimg {
	display: block;
	position: relative;
	top: 0;
	left: 74px;
	width: 28px;
	height: 28px;
	background-position: -538px 0;
}
.add-thumb:hover .ico.ico-addimg {background-position: -538px -46px;}
.thumb-list li {
	cursor: pointer;
	float: left;
	position: relative;
	width: 168px;
	height: 83px;
	margin: 0 5px;
	text-align: center;
	background:#cccccc
}
.thumb-btn__wrap {
	position: absolute;
	top: 0;
	width: 170px;
	height: 85px;
	/*background: rgba(0, 0, 0, 0.4);*/
	z-index: 2;
}
.thumb-btn__wrap .Button,
.thumb-btn__wrap .Button:hover {
	position: relative;
	width: 40px;
	height: 24px;
	padding: 0;
	top: 56px;
	left: 60px;
}
/*---------------------------------------
	footer css
---------------------------------------*/
.footer-wrap {
	height: 80px;
	background: #cccccc;
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;

}
.footer-logo {
	float: left;
	position: relative;
	top: 15px;
	left: 30px;
	width: 90px;
	height: 60px;
	margin-right: 16px;
	text-indent: -9999px;
	background: url("../images/footer-logo.png") no-repeat;
}
.footer-txt {
	float: left;
	margin-top: 20px;
	font-size: 12px;
	color: #666666;
}
.footer-txt a {
	font-size: 12px;
	color: #666666;
}
.footer-txt a:hover {color: #000000;}
.footer-right {
	float: right;
	position: relative;
	top: 15px;
	right: 30px;
}
.Button.btn-top {
	width: 26px;
	height: 25px;
	margin-left: 10px;
	text-indent: -9999px;
	background: #555555 url("../images/btn-ico.png") no-repeat -298px 5px;
	border: 0;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	-ms-border-radius: 0;
	border-radius: 0;
}
.Button.btn-top:hover,
.Button.btn-top:active {
	width: 26px;
	height: 25px;
	background: #333333 url("../images/btn-ico.png") no-repeat -298px 5px;
}
.Divselect.family-select{
	min-width: 140px;
	height: 25px;
	padding: 0 6px;
	font-size: 14px;
	color: #666666;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	-ms-border-radius: 0;
	border-radius: 0;
	border-color: #5c5c5c;
	background: #ffffff url("../images/ico-form.png") no-repeat right -214px;
}
.Divselect.family-select:hover,
.Divselect.family-select:focus,
.Divselect.family-select:active {background: #ffffff url("../images/ico-form.png") no-repeat right -214px;}
/*---------------------------------------
	popup css
---------------------------------------*/
.popup-wrap {
	padding: 20px 20px 30px;

	position:relative;

}
.popup-footer {
	height: 60px;
	text-align: center;
	background: #ffffff;
	padding: 10px 10px;
	width:100%;
	border-bottom:1px solid #ea002c;/*추후삭제*/
	margin-bottom:6px;
	position:relative;
}

.alert-txt {
	text-align: center;
	font-size: 18px;
	font-weight: bold;
	color: #333333;
}
/*---------------------------------------
	login css
---------------------------------------*/
.login-wrap {
	position: fixed;
	/*margin-left: calc((100%/2) - 340px);*/
	width:100%;
	height: 100%;
	background: #f1f1f1;
}
.login-logo {
	margin-top: 200px;
	text-align: center;
}
.sys-name {
	display: inline-block;
	position: relative;
	top: -2px;
	margin-left: 30px;
	color: #ff7a00;
	font-size: 23px;
	font-weight: bold;
}
.sys-name:before {
	content: '';
	display: inline-block;
	position: relative;
	top: 0;
	right: 20px;
	width: 1px;
	height: 11px;
	background: #c2c2c2;
}
.login-input__wrap {
	width: 350px;
	margin: 30px auto 0;
}
.Textinput.login-input,
.Textinput.login-input:hover,
.Textinput.login-input:focus {
	margin-bottom: 10px;
	width: 350px;
	height: 50px;
	font-size: 18px;
	padding: 0 20px!important;
	border: 1px solid #cfcfcf;
	background: #ffffff;
}
.Textinput.login-input::-webkit-input-placeholder { color: #d7d7d7;}
.Textinput.login-input::-moz-placeholder { color: #d7d7d7;}
.Textinput.login-input:-ms-input-placeholder { color: #d7d7d7;}
.Textinput.login-input:-moz-placeholder {color: #d7d7d7;}
.Button.btn-login, .Button.btn-login:hover {
	width: 348px;
	height: 50px;
	color: #ffffff;
	font-size: 18px;
	font-weight: bold;
	background: #ea002c;
	border-color: #ea002c;
}
.login-menu {
	overflow: hidden;
	margin: 10px 0 40px;
}
.save-id {
	float: left;
	color: #666666;
	font-size: 14px;
}
a.refresh-pw, a.refresh-pw:hover, a.refresh-pw:active {
	float: right;
	color: #ea002c;
}
.login-txt {
	margin: 0 auto;
	padding: 0 25px 15px;
	font-size: 14px;
	color: #666666;
	text-align: center;
	border-bottom: 1px solid #cccccc;
}
.login-footer {
	width: 350px;
	margin: 10px auto;
	text-align: center;
}
a.private-rule, a.private-rule:hover, a.private-rule:active {color: #333333;}
.footer-copy {
	margin-top: 4px;
	color: #989898;
}
/*---------------------------------------
	main css
---------------------------------------*/
.main-container {
	width: 100%;
	padding: 50px 20px;
	background: #e7e7e7;
}
.main-contents {
	display: table;

	width:1210px
	/*width: calc(100% - 60px);*/
}
.main-center{           /*메인화면 중앙정렬*/
	margin:0 auto;
	width:1210px
}
.main-contents.sector-first {
	height: 370px;
	margin-bottom: 20px;
}
.main-contents.sector-second {
	height: 300px;
	margin-bottom: 30px;
}
.main-contents.sector-third {
	height: 250px;
}

.main-contents.sector-first .main-layout__left ,.main-contents.sector-first .main-layout__right{
	height: 370px;
	position:relative;  /*사파리용 높이 추가*/
}


.main-contents.sector-third .main-layout__left {width: 415px;}
.main-contents.sector-third .main-layout__right {width: 265px;}
.main-contents.sector-third .main-layout__center {
	margin: 0 15px;
	background: #929292;
}
.main-layout__left {
	display: table-cell;
	vertical-align: top;
	width: calc(100% - 445px);
	background: #ffffff;
}
.main-layout__right {
	display: table-cell;
	width: 425px;
	vertical-align: top;
}
.main-sector__title {
	padding: 20px 0 0 25px;
	color: #333333;
	font-size: 16px;
	font-weight: bold;
}
.main-sector__subtitle {
	vertical-align: middle;
	font-size: 16px;
	font-weight: normal;
	color: #999999;
}
.main-sector__subtitle:before {
	content: '';
	display: inline-block;
	position: relative;
	top: -2px;
	width: 1px;
	height: 9px;
	background: #e5e5e5;
	margin: 0 8px 0 4px;
}
.main-sector__contents {margin: 20px 25px;}
.status-layout {
	padding: 20px 15px 0 25px;
	margin-left: 20px;
	background: #6d95a5 url("../images/main-statusbg.png") no-repeat right top;
	height:380px
}
.status-layout > li {
	float: left;
	height: 170px;
	display:inline-block;
}
.status-layout > li.first {
	height: 170px;
	position:absolute;
	top:10px;
	right:20px
}

.status-layout > li.second{
	height: 170px;
	position:absolute;
	bottom:10px;
	left:50px
}
.status-layout > li.third {

	height: 170px;
	position:absolute;
	bottom:10px;
	right:20px
}
.status-layout > li:first-child, .status-layout > li:nth-child(3) {width: 200px;}
.status-title {
	padding-top: 40px;
}
.status-title dt {
	width: 100px;
	color: #ffffff;
	font-size: 24px;
	padding-bottom: 12px;
	border-bottom: 4px solid #85a8b7;
}
.status-title dd {
	margin-top: 10px;
	color: #ffffff;
	font-size: 14px;
	line-height: 1.8rem;
}
.status-list__wrap {
	position: relative;
	width: 160px;
	height: 160px;
	text-align: center;
	background: #ffffff;
	-webkit-border-radius: 83px;
	-moz-border-radius: 83px;
	-ms-border-radius: 83px;
	border-radius: 83px;
}
.status-list__title {
	width: 120px;
	padding: 25px 0 6px;
	margin: 0 auto;
	color: #333333;
	letter-spacing: -1px;
	font-size: 17px;
	border-bottom: 2px solid #e5e5e5;
}
.status-sut__list {
	margin-top: 10px;
}
.status-sut__list li {
	width: 155px;
	margin: 0 auto;
	height: 40px;
}
.status-sut__list li:first-child {
	font-size: 15px;
	color: #ea002c;
	border-bottom: 1px dashed #cccccc;
}
.status-sut__list li:nth-child(2) {
	padding-top: 10px;
	color: #0055ac;
}
.status-sut__list li .status-data {
	position: relative;
	top: 2px;
	padding-left: 4px;
	font-size: 22px;
	font-weight: bold;
}
.main-title__wrap {position: relative;}
a.go-more, a.go-more:hover, a.go-more:active {
	position: absolute;
	top: 20px;
	right: 25px;
	color: #666666;
	font-size: 12px;
}
a.go-more:after {
	content: '';
	display: inline-block;
	width: 14px;
	height: 14px;
	position: relative;
	top: 3px;
	background: transparent url("../images/btn-ico.png") no-repeat -275px -2px;
}
.day-status__layout {
	margin-left: 20px;
	background: #ffffff;
}
.day-select__wrap {
	margin: 20px 0 15px 30px;
	text-align: center;
}
.Button.day-prev, .Button.day-prev:hover, .Button.day-prev:active,
.Button.day-next, .Button.day-next:hover, .Button.day-next:active  {
	width: 21px;
	height: 21px;
	text-indent: -9999px;
	border: 0;
}
.Button.day-prev, .Button.day-prev:hover, .Button.day-prev:active {
	background: transparent url("../images/btn-ico.png") no-repeat 0 -84px;
}
.Button.day-next, .Button.day-next:hover, .Button.day-next:active {
	background: transparent url("../images/btn-ico.png") no-repeat -34px -84px;
}
.Button.day-today, .Button.day-today:hover, .Button.day-today:active {
	width: 41px;
	height: 21px;
	text-indent: -9999px;
	border: 0;
	background: transparent url("../images/btn-ico.png") no-repeat -67px -84px;
}
.day {
	display: inline-block;
	width: 150px;
	font-weight: bold;
	vertical-align: middle;
}
.Carousel.main-banner {
	width: 265px;
	height: 255px;
}
.Carousel.main-banner > .Paging {
	text-align: left;
	margin-left: 20px;
}
.Carousel.main-banner > .Paging.Mobile .Link {
	padding: 2px;
	margin: 14px 0;
	background: transparent;
	border: 2px solid #a09e9b;
}
.Carousel.main-banner > .Paging.Mobile .Link.Selected {background: #a09e9b;}

/* 배너 */
.right-banner{ float: left;position: relative;width: 265px;height: 255px;z-index: 0;}
.right-banner ul{ position: relative; width: 265px; height: 255px;}
.right-banner img{ width: 265px; height: 255px;}
.right-banner .pg{position:absolute;top:22px;right:58px;z-index:100;float:left;}
.right-banner .pg a{float:left;display:inline-block;width:21px;height:20px;background:url("../images/ico_pg.png") no-repeat;text-indent:-999em;overflow:hidden;}
.right-banner .pg a.activeSlide{background-position:-20px 0;width:21px;height:20px;}
.right-banner .control{position:absolute;top:22px;right:34px;z-index:100;}
.right-banner .pause{float:left;width:22px;height:20px;background:url("../images/ico_pg.png") -44px 0 no-repeat;text-indent:-999em;margin-left:4px;overflow:hidden;}
.right-banner .resume{display:none;float:left;width:22px;height:20px;background:url("../images/ico_pg.png") -65px 0 no-repeat;text-indent:-999em;margin-left:4px;overflow:hidden;}

.notice-list li {
	width: 340px;
	white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    word-wrap: normal;
}
.notice-list li a {
	display: inline-block;
	line-height: 28px;
	font-size: 14px;
	color: #333333;
}
.notice-list li:hover a:hover, .notice-list li:active a {
	text-decoration: underline;
}
.notice-list li a + img {
	display: inline-block;
	position: relative;
	left: 4px;
}
.center-banner {
	width: 100%;
	height: 255px;
	background: url("../images/banner-bg.png") no-repeat right bottom;
}
.banner-txt {
	padding: 10px 0 0 40px;
	font-size: 18px;
	color: #ffffff;
	line-height: 30px;
}
.banner-txt__indent {
	display: block;
	text-indent: 50px;
}
.banner-menu {
	width: 310px;
	margin: 5px 0 0 40px;
}
.banner-menu li {
	float: left;
	margin-bottom: 6px;
}
/*.banner-menu li:first-child, .banner-menu li:nth-child(3) {margin-right: 6px;}*/
.banner-menu li a {
	display: block;
	width: 150px;
	height: 30px;
	line-height: 28px;
	text-indent: 12px;
	color: #ffffff;
	border: 1px solid #ffffff;
	background: #929393;
}
.banner-menu li a:hover, .banner-menu li a:active {background: #757676;}
/*-------------------------------
손자영 수정
-------------------------------*/

.alopexgrid-filterdropdown-wrapper.alopexgrid .alopexgrid-filterdropdown .titlearea{
	margin-bottom:0

}
.alopexgrid-filterdropdown-wrapper.alopexgrid .alopexgrid-filterdropdown .header{
	padding:10px 3px 10px 3px
}
.alopexgrid-filterdropdown-wrapper.alopexgrid .alopexgrid-filterdropdown .remove{
	padding:4px 5px 4px 25px;
	background-position:5px 6px
}/*필터제거버튼*/
.alopexgrid-filterdropdown-wrapper.alopexgrid .alopexgrid-filterdropdown .textfilter .header,.alopexgrid-filterdropdown-wrapper.alopexgrid .alopexgrid-filterdropdown .datafilter .header{
	padding:5px 3px 5px 3px;
	background-position:26px -124px

}
.alopexgrid-filterdropdown-wrapper.alopexgrid .alopexgrid-filterdropdown .menu .filtertext, .alopexgrid-filterdropdown-wrapper.alopexgrid .alopexgrid-filterdropdown .menu .filtertextbottom{
	height:23px
}
.alopexgrid-filterdropdown-wrapper.alopexgrid .datafilter .filtersubmit{
	padding:4px 8px 4px 20px;
	height:27px;
	font-size:14px;
	margin-left:5px;
	background-position:0 -233px
}

.alopexgrid-filterdropdown-wrapper.alopexgrid .buttonarea .filterclose{
	height:27px;
	padding:0 15px

}


.alopexgrid .cell.bodycell.focused {
	background-color: #cce2e5;
}



/*멀티 셀렉트*/
.Multiselect .ui-multiselect-filter, .MultiSelect .ui-multiselect-filter{
	font-size:12px;
	margin-right:5px
}
.Multiselect .ui-multiselect-filter input, .MultiSelect .ui-multiselect-filter input{
	padding: 3px;
	border: 1px solid #7f7a76;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	-ms-border-radius: 2px;
	border-radius: 2px;
	height:25px;
	font-size:12px

}

.Multiselect .ui-multiselect-header, .MultiSelect .ui-multiselect-header{
	padding:3px 0 15px 4px
}
.Multiselect .ui-multiselect-hasfilter ul, .MultiSelect .ui-multiselect-hasfilter ul{
	top:8px
}
.Multiselect .ui-multiselect-header span.ui-icon, .MultiSelect .ui-multiselect-header span.ui-icon{
	margin-top:3px

}

/******404 에러 ********/
.Div-Error{
    margin: 0 auto ;
    width: 1000px;
    margin-top:160px;
    line-height: 20px
}
.Div-Error .Div-item__left{
	width:405px
}
.Div-Error .Div-item__right{
	width:565px
}
.Div-Error .title{
    font-size:30px;
    letter-spacing: -1px;
    height:40px
}
.Div-Error .stitle{
    font-size:18px;
    letter-spacing: -1px;
    height:40px
}
.Div-Error .txt{
    font-size:16px;
    color:#555555;
    height:70px;
}
.Div-Error .btn_box{

    margin-left:60px
}

.adress_guide{font-size:13px;color:#333333}
.btn_adress{position:absolute;top:10px;right:10px}

/*팝업*/
.Dialog-contents{padding:45px 25px 14px 14px}
.Dialog-icon{
	background:url("../images/alert.png") 0 0 no-repeat;
	padding:21px 0 ;
	width:67px;
	height:70px;
	position:absolute;
	left:28px;
	top:40px;
	text-align:center;
	color:#ffffff;
	font-size:40px;
	font-weight:bold;
	text-shadow:1px 1px 5px rgba(1,1,1,0.5)
}
.Dialog-contents .error{
	background-position:0px 0px
}
.Dialog-contents .warning{
	background-position:0px -105px
}
.Dialog-contents .confirm{
	background-position:0px -210px
}
.Dialog-contents .info{
	background-position:0px -305px
}
.Dialog-txt{
	position:relative;
	margin-left:120px;
	font-size: 18px;
	font-weight: bold;
	color: #333333;
	text-align: left;
}

.Dialog-txt p{
	font-size: 15px;
	font-weight:normal;
	margin-top:20px
}

.Dialog-btn{
	position:absolute;
	bottom:10px;
	left:185px;
	width:100%;

}

/************상단메뉴 보이기 닫기******************/

.gnb-menu-option {
	display:block;
	position:absolute;
	top:110px;
	rigth:0;
	width:100%;
	height:2px;
	padding-right:30px;
	z-index:100;
	}
.on{
	display:block;
	position:absolute;
	top:0px;
	right:0px;
	width:100%;
	height:2px;
	background:#ea002c;

}

.gnb-menu-option .btn-close{
	float:right;
	display:block;
	position:relative;
	width:103px;
	height:21px;
	text-indent:-9999px;
	background:url("../images/ico-topMenu.png") 0px 0px no-repeat
}


.gnb-menu-option .btn-open{
	float:right;
	display:block;
	position:relative;
	width:103px;
	height:21px;
	text-indent:-9999px;
	background:url("../images/ico-topMenu.png") 0px  -35px no-repeat
}
.alopexgrid .row-red{background-color:#f3c0c0}
.ico_loading{
    float: left;
    width: 22px;
    height: 22px;
    position: relative;
    top: -1px;
    text-indent: -9999px;
    vertical-align: middle;
    background: #b32f2f00 url("../../Mobile/styles/images/loading.gif") no-repeat;
    background-size: cover;
    padding-right: 10px;
    margin-right: 5px;
}