h4 {
    font-family:'맑은 고딕', '돋움'; FONT-SIZE: 14px; MARGIN-BOTTOM: 10px ;
}

h4 span{
    font-family:'맑은 고딕'; font-size: 11px; color:#999; font-weight: normal; letter-spacing:-1px;
}

#wrapper{
	padding:0px 15px
}

html {
	width: 100%; height: 100%
}
body {
	width: 100%; height: 100%; color:#666; 
    padding-bottom: 0px; margin: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;
}

form {
	padding-bottom: 0px; margin: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px
}
IMG {
	BORDER:0;
}
A IMG {
	VERTICAL-ALIGN: middle
}
BODY {
	LINE-HEIGHT: 130%; FONT-FAMILY: "맑은 고딕", "돋움", "굴림"; FONT-SIZE: 12px
}
SPAN {
	LINE-HEIGHT: 130%; FONT-FAMILY: "맑은 고딕", "돋움", "굴림"; FONT-SIZE: 12px;
}
TD {
	LINE-HEIGHT: 130%; FONT-FAMILY: "맑은 고딕", "돋움", "굴림"; FONT-SIZE: 12px
}
DIV {
	LINE-HEIGHT: 130%; FONT-FAMILY: "맑은 고딕", "돋움", "굴림"; FONT-SIZE: 12px
}
LABEL {
	LINE-HEIGHT: 130%; FONT-FAMILY: "맑은 고딕", "돋움", "굴림"; FONT-SIZE: 12px; vertical-align:middle;
}
TH {
	LINE-HEIGHT: 130%; FONT-FAMILY: "맑은 고딕", "돋움", "굴림"; FONT-SIZE: 12px
}
BR {
	LINE-HEIGHT: 130%; FONT-FAMILY: "맑은 고딕", "돋움", "굴림"; FONT-SIZE: 12px
}
UL {
	LIST-STYLE-POSITION: outside; PADDING-BOTTOM: 0px; LIST-STYLE-TYPE: none; MARGIN: 5px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px
}

ul li{
    LIST-STYLE-POSITION: outside; PADDING-BOTTOM: 0px; LIST-STYLE-TYPE: none; MARGIN: 5px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px
}

OL {
	LIST-STYLE-POSITION: outside; PADDING-BOTTOM: 0px; MARGIN: 5px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px
}

ol LI {
	LIST-STYLE-POSITION: outside; PADDING-BOTTOM: 0px; MARGIN: 5px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px
}

INPUT {
	FONT-FAMILY: "맑은 고딕", "돋움", "굴림"; font-size:12px; vertical-align:middle;
}
TEXTAREA {
	FONT-FAMILY: "맑은 고딕", "돋움", "굴림"
}

.textfield, tf {
    border-bottom: #e3e3e3 1px solid; 
    border-left: #e3e3e3 1px solid; 
    
    height: 18px;
    border-top: #e3e3e3 1px solid; 
    border-right: #e3e3e3 1px solid; 
    padding: 2px 2px 1px 2px;
}

input[type='file']{
    height: 20px;
}

TEXTAREA {
	BORDER-BOTTOM: #aaaaaa 1px solid; BORDER-LEFT: #aaaaaa 1px solid; BORDER-TOP: #aaaaaa 1px solid; BORDER-RIGHT: #aaaaaa 1px solid
}
A:link {
	FONT-FAMILY: "맑은 고딕", "돋움", "돋움체"; COLOR: #0077a1; FONT-SIZE: 12px; TEXT-DECORATION: none
}
A:visited {
	FONT-FAMILY: "맑은 고딕", "돋움", "돋움체"; COLOR: #0077a1; FONT-SIZE: 12px; TEXT-DECORATION: none
}
A:hover {
	FONT-FAMILY: "맑은 고딕", "돋움", "돋움체"; COLOR: #0077a1; FONT-SIZE: 12px; TEXT-DECORATION: none
}
A:active {
	FONT-FAMILY: "맑은 고딕", "돋움", "돋움체"; COLOR: #0077a1; FONT-SIZE: 12px; TEXT-DECORATION: none
}
.w1 {
	WIDTH: 10px
}
.w2 {
	WIDTH: 25px
}
.w3 {
	WIDTH: 50px
}
.w4 {
	WIDTH: 100px
}
.w5 {
	WIDTH: 150px
}
.w6 {
	WIDTH: 200px
}
.w7 {
	WIDTH: 300px
}
.w8 {
	WIDTH: 300px
}
.w9 {
	WIDTH: 400px
}
.w10 {
	WIDTH: 500px
}
.w100 {
	WIDTH: 100%
}
.w90 {
	WIDTH: 90%
}
LEGEND {
	COLOR: #a26725; FONT-SIZE: 12px; FONT-WEIGHT: bold
}

input.required, input.req {
	border-bottom: #77acc0 1px solid; 
    border-left: #77acc0 1px solid; 
    background-color: #eff6fa; 
    border-top: #77acc0 1px solid; 
    border-right: #77acc0 1px solid;
}

textarea.required, textarea.req {
	border-bottom: #77acc0 1px solid; 
    border-left: #77acc0 1px solid; 
    background-color: #eff6fa; 
    border-top: #77acc0 1px solid; 
    border-right: #77acc0 1px solid;
}
select.required, select.req {
	background-color: #d9ffd9;
}
.requied_comment, {
	margin: 5px 2px;
}
fieldset {
	padding-left: 8px;
}

#popupLayer, .popLayer {
	padding-bottom: 10px; padding-left: 5px; padding-right: 5px; padding-top: 10px;
}

#title2Layer, .title2Layer, .ttl2Layer {
	background-image: url(../images/admin/icon_dot.gif); 
    margin-top: 10px; 
    padding-left: 20px; 
    background-repeat: no-repeat; 
    background-position: left center; 
    margin-bottom: 13px; 
    height: 16px; 
    font-size: 14px; 
    font-weight: bold;
}
.title3Layer {
	margin-top: 10px; 
    padding-left: 20px; 
    margin-bottom: 5px; 
    font-size: 12px; 
    font-weight: bold;
}
#userHeaderTopMargin {
	MARGIN-TOP: 10px
}
#userHeaderBottomMargin {
	MARGIN-TOP: 10px
}
#listButtonLayer {
	TEXT-ALIGN: left; MARGIN-BOTTOM: 15px
}
#listSearchConditionLayer {
	MARGIN-TOP: 10px
}
#listSearchConditionLayer .title {
	FONT-WEIGHT: bold
}
#listSearchConditionLayer .row {
	MARGIN: 3px 0px 5px 5px
}
#listSearchConditionLayer .row_empty {
	TEXT-ALIGN: center; MARGIN: 3px 0px 5px 5px
}
#listSearchConditionLayer .item {
	MARGIN-RIGHT: 20px
}
#item1_title {
	TEXT-ALIGN: center; MARGIN-TOP: 15px; MARGIN-BOTTOM: 5px; HEIGHT: 30px; FONT-SIZE: 17px; FONT-WEIGHT: bold
}
#listLayer {
	MARGIN-TOP: 20px
}

#listLayer h4{margin:5px 0;}

#listLayer .th_left {
	BACKGROUND-IMAGE: url(../images/admin/bg_list_th.gif); 
    background-position-y : bottom;
    BORDER-BOTTOM: #a5a5a5 1px solid; TEXT-ALIGN: center; PADDING-BOTTOM: 0px; PADDING-LEFT: 2px; PADDING-RIGHT: 2px; BACKGROUND-REPEAT: repeat-x; HEIGHT: 28px; COLOR: #222; FONT-SIZE: 11px; 
    BORDER-TOP: #a5a5a5 1px solid; 
    BORDER-RIGHT: #a5a5a5 1px solid; 
    BORDER-LEFT: #a5a5a5 1px solid; 
    PADDING-TOP: 2px;white-space : nowrap;
}
#listLayer .th_middle {
	BACKGROUND-IMAGE: url(../images/admin/bg_list_th.gif);
    background-position-y : bottom;
    BORDER-BOTTOM: #a5a5a5 1px solid; TEXT-ALIGN: center; PADDING-BOTTOM: 0px; PADDING-LEFT: 2px; PADDING-RIGHT: 2px; BACKGROUND-REPEAT: repeat-x; HEIGHT: 28px; COLOR: #222; FONT-SIZE: 11px; BORDER-TOP: #a5a5a5 1px solid; BORDER-RIGHT: #a5a5a5 1px solid; PADDING-TOP: 2px;white-space : nowrap;
}
#listLayer .th_right {
	BACKGROUND-IMAGE: url(../images/admin/bg_list_th.gif); 
    background-position-y : bottom;
    BORDER-BOTTOM: #a5a5a5 1px solid; TEXT-ALIGN: center; PADDING-BOTTOM: 0px; PADDING-LEFT: 2px; PADDING-RIGHT: 2px; BACKGROUND-REPEAT: repeat-x; HEIGHT: 28px; COLOR: #222; FONT-SIZE: 11px; BORDER-TOP: #a5a5a5 1px solid; BORDER-RIGHT: #a5a5a5 1px solid; PADDING-TOP: 2px;white-space : nowrap;
}
#listLayer .th {
	BORDER-BOTTOM: #a5a5a5 1px solid;
    TEXT-ALIGN: center; 
    PADDING-BOTTOM: 0px; 
    BACKGROUND-COLOR: #b2dbea; 
    PADDING-LEFT: 2px; 
    PADDING-RIGHT: 2px; 
    HEIGHT: 28px; 
    COLOR: #222222; 
    BORDER-RIGHT: #a5a5a5 1px solid; 
    PADDING-TOP: 2px;
    white-space : nowrap;
}
#listLayer .td_left {
	BORDER-BOTTOM: #a5a5a5 1px solid; PADDING-LEFT: 5px; PADDING-RIGHT: 5px; HEIGHT: 25px; PADDING-TOP: 2px
}
#listLayer .td_middle {
	BORDER-BOTTOM: #a5a5a5 1px solid; PADDING-LEFT: 5px; PADDING-RIGHT: 5px; HEIGHT: 25px; PADDING-TOP: 2px
}
#listLayer .td_right {
	BORDER-BOTTOM: #a5a5a5 1px solid; PADDING-LEFT: 5px; PADDING-RIGHT: 5px; HEIGHT: 25px; PADDING-TOP: 2px
}
.pagingNum .selectedPageNum {
	PADDING-BOTTOM: 0px; PADDING-LEFT: 5px; PADDING-RIGHT: 5px; FONT-FAMILY: "Times New Roman", "돋움"; FONT-SIZE: 14px; FONT-WEIGHT: bold; PADDING-TOP: 0px
}
.pagingNum .unselectedPageNum {
	PADDING-BOTTOM: 2px; PADDING-LEFT: 5px; PADDING-RIGHT: 5px; FONT-FAMILY: "Times New Roman", "돋움"; FONT-SIZE: 13px; PADDING-TOP: 2px
}
#detailFormLayer {
	BORDER-TOP: #d80e17 2px solid
}
#detailFormLayer .th {
	BACKGROUND-IMAGE: url(../images/admin/bu_red.gif); BORDER-BOTTOM: #a5a5a5 1px solid; TEXT-ALIGN: left; BACKGROUND-COLOR: #f9f9f9; PADDING-LEFT: 17px; BACKGROUND-REPEAT: no-repeat; BACKGROUND-POSITION: 8px 50%; HEIGHT: 28px; COLOR: #333; FONT-WEIGHT: normal; PADDING-TOP: 2px
}
#detailFormLayer .thRequired {
	BACKGROUND-IMAGE: url(../images/admin/bu_red.gif); BORDER-BOTTOM: #a5a5a5 1px solid; TEXT-ALIGN: left; BACKGROUND-COLOR: #f9f9f9; PADDING-LEFT: 17px; BACKGROUND-REPEAT: no-repeat; BACKGROUND-POSITION: 8px 50%; HEIGHT: 28px; COLOR: red; FONT-WEIGHT: bold; PADDING-TOP: 2px
}
#detailFormLayer .td {
	BORDER-BOTTOM: #a5a5a5 1px solid; PADDING-BOTTOM: 2px; PADDING-LEFT: 5px; PADDING-RIGHT: 5px; HEIGHT: 28px; PADDING-TOP: 2px
}
#detailFormLayer .tdRequired {
	BORDER-BOTTOM: #a5a5a5 1px solid; PADDING-BOTTOM: 2px; PADDING-LEFT: 5px; PADDING-RIGHT: 5px; HEIGHT: 28px; COLOR: red; FONT-WEIGHT: bold; PADDING-TOP: 2px
}
#detailButtonLayer {
	TEXT-ALIGN: center; MARGIN-TOP: 15px; MARGIN-BOTTOM: 15px
}
.fieldComment {
	MARGIN-TOP: 5px; COLOR: #9292b4
}
#pageNavigatorLayer {
	TEXT-ALIGN: center; MARGIN-TOP: 15px
}
.no_data_row {
	BORDER-BOTTOM: #a5a5a5 1px solid; TEXT-ALIGN: center; PADDING-BOTTOM: 5px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; HEIGHT: 25px; PADDING-TOP: 5px
}
.tab {
	TEXT-ALIGN: left; COLOR: #222; FONT-SIZE: 14px; FONT-WEIGHT: bold
}
.center {
	text-align: center;
}
.right {
	text-align: right;
}
.left {
	text-align: left;
}


#totalCntLayer {
	MARGIN-LEFT: 10px
}
.cnt {
	COLOR: #ff5400; FONT-WEIGHT: bold
}
.bb {
	COLOR: #ffffff
}
#total_cnt {
	COLOR: #ff5400
}
.bottom {
	VERTICAL-ALIGN: bottom
}
.top {
	VERTICAL-ALIGN: top
}
.notice{font-weight:bold; background-color:#e0edff;}


select{vertical-align:middle; height:22px;}



.top_menu_txt {	FONT-SIZE: 14px;	COLOR: #ffffff;	FONT-STYLE: normal;	FONT-FAMILY :  "굴림", "굴림체","Verdana", "Arial";	FONT-WEIGHT: bold;
	line-height: normal;	text-align: center;}
.login_b {	FONT-SIZE: 12px;	COLOR: #555555;	FONT-STYLE: normal;	FONT-FAMILY :  "굴림", "굴림체","Verdana", "Arial" ; 	FONT-WEIGHT: bold;	line-height: normal; text-align: left;	padding-left: 20px;}
.login_n {	FONT-SIZE: 12px;	COLOR: #666666;	FONT-STYLE: normal;	FONT-FAMILY :  "굴림", "굴림체","Verdana", "Arial";	FONT-WEIGHT: normal;	line-height: normal; text-align: left; }
.login_txt {	FONT-SIZE: 12px;	COLOR: #555555;	FONT-STYLE: normal;	FONT-FAMILY :  "돋움","돋움체",	"굴림", "굴림체","Verdana", "Arial";	FONT-WEIGHT: bold;	line-height: normal;}


/**
    토요일
*/
.yoil6{background-color:#d2edff;}

/**
    일요일
*/
.yoil0{background-color:#ffcece;}

#listLayer .reply{padding-left:40px;}

h3.mainTtl{
    padding-left:20px;
    padding-bottom:5px;
    margin:5px 0 15px 0;
    background:url(../images/admin/title_dot_1.gif);
    background-repeat: no-repeat;
    border-bottom : 1px solid #eaeaea;
}


h5{
    margin:0.5rem 0;
}



.listLayer {
	MARGIN-TOP: 20px
}

.listLayer h4{margin:5px 0;}

.listLayer .th_left {
    background-color:#efefef;
	background-image: url(../images/admin/bg_list_th.gif);
    background-position-y : bottom;
    background-repeat: repeat-x;
    BORDER-BOTTOM: #a5a5a5 1px solid; TEXT-ALIGN: center; PADDING-BOTTOM: 0px; PADDING-LEFT: 2px; PADDING-RIGHT: 2px; BACKGROUND-REPEAT: repeat-x; HEIGHT: 28px; COLOR: #222; FONT-SIZE: 11px; 
    BORDER-TOP: #a5a5a5 1px solid; 
    BORDER-RIGHT: #a5a5a5 1px solid; 
    BORDER-LEFT: #a5a5a5 1px solid; 
    PADDING-TOP: 2px;white-space : nowrap;
}
.listLayer .th_middle {
	background-image: url(../images/admin/bg_list_th.gif); 
    background-position-y : bottom;
    background-repeat: repeat-x;
    
    border-bottom: #a5a5a5 1px solid; 
    text-align: center; 
    padding-bottom: 0px; 
    padding-left: 2px; 
    padding-right: 2px; 
    background-repeat: repeat-x; 
    height: 28px; 
    color: #222; 
    font-size: 11px; 
    border-top: #a5a5a5 1px solid; 
    border-right: #a5a5a5 1px solid; 
    padding-top: 2px;
    white-space : nowrap;
}
.listLayer .th_right {
	background-image: url(../images/admin/bg_list_th.gif); 
    background-position-y : bottom;
    background-repeat: repeat-x;
    border-bottom: #a5a5a5 1px solid; 
    text-align: center; 
    padding-bottom: 0px; 
    padding-left: 2px; 
    padding-right: 2px; 
    background-repeat: repeat-x; 
    height: 28px; 
    color: #222; 
    font-size: 11px; 
    border-top: #a5a5a5 1px solid; 
    border-right: #a5a5a5 1px solid; 
    padding-top: 2px;
    white-space : nowrap;
}

.listLayer t{
    
}

.listLayer .th {
	border-bottom: #a5a5a5 1px solid;
    border-top: #a5a5a5 1px solid;
    text-align: center; 
    padding-bottom: 0px; 
    background-image: url(../images/admin/bg_list_th.gif);
    background-position-y : bottom;
    background-repeat: repeat-x;
    /*BACKGROUND-COLOR: #b2dbea; */
    padding-left: 2px; 
    padding-right: 2px; 
    height: 28px; 
    color: #222222; 
    border-right: #a5a5a5 1px solid;
    padding-top: 2px;
    white-space : nowrap;
}
.listLayer .td_left {
	BORDER-BOTTOM: #a5a5a5 1px solid; PADDING-LEFT: 5px; PADDING-RIGHT: 5px; HEIGHT: 25px; PADDING-TOP: 2px;
}
.listLayer .td_middle {
	BORDER-BOTTOM: #a5a5a5 1px solid; PADDING-LEFT: 5px; PADDING-RIGHT: 5px; HEIGHT: 25px; PADDING-TOP: 2px;
}

.listLayer .td {
	BORDER-BOTTOM: #a5a5a5 1px solid; PADDING-LEFT: 5px; PADDING-RIGHT: 5px; HEIGHT: 25px; PADDING-TOP: 2px;
}

.listLayer .td_right {
	BORDER-BOTTOM: #a5a5a5 1px solid; PADDING-LEFT: 5px; PADDING-RIGHT: 5px; HEIGHT: 25px; PADDING-TOP: 2px;
}


.dtlLayer {
	BORDER-TOP: #a5a5a5 1px solid;
}
.dtlLayer .th {
	BACKGROUND-IMAGE: url(../images/admin/bu_red.gif); BORDER-BOTTOM: #a5a5a5 1px solid; TEXT-ALIGN: left; BACKGROUND-COLOR: #f9f9f9; PADDING-LEFT: 17px; BACKGROUND-REPEAT: no-repeat; BACKGROUND-POSITION: 8px 50%; HEIGHT: 28px; COLOR: #333; FONT-WEIGHT: normal; PADDING-TOP: 2px
}
.dtlLayer .thRequired {
	BACKGROUND-IMAGE: url(../images/admin/bu_red.gif); BORDER-BOTTOM: #a5a5a5 1px solid; TEXT-ALIGN: left; BACKGROUND-COLOR: #f9f9f9; PADDING-LEFT: 17px; BACKGROUND-REPEAT: no-repeat; BACKGROUND-POSITION: 8px 50%; HEIGHT: 28px; COLOR: red; FONT-WEIGHT: bold; PADDING-TOP: 2px
}
.dtlLayer .td {
	BORDER-BOTTOM: #a5a5a5 1px solid; PADDING-BOTTOM: 2px; PADDING-LEFT: 5px; PADDING-RIGHT: 5px; HEIGHT: 28px; PADDING-TOP: 2px
}
.dtlLayer .tdRequired {
	BORDER-BOTTOM: #a5a5a5 1px solid; PADDING-BOTTOM: 2px; PADDING-LEFT: 5px; PADDING-RIGHT: 5px; HEIGHT: 28px; COLOR: red; FONT-WEIGHT: bold; PADDING-TOP: 2px
}


.listSrchConLayer {
	margin-top: 10px
}
.listSrchConLayer .title {
	font-weight: bold
}
.listSrchConLayer .row {
	margin: 3px 0px 5px 5px
}
.listSrchConLayer .row_empty {
	text-align: center; margin: 3px 0px 5px 5px
}
.listSrchConLayer .item {
	margin-right: 20px
}

.dtlBtnLayer {
	text-align: center;
    position:fixed;
    bottom:0;
    background:#ffffff;
    padding-top:1rem;
    padding-bottom:0.4rem;
    width:100%;
    border-top:1px solid #454545;
    margin-top:5rem;
}

.cmpr-up{
    color:red;
    font-weight:bold;
    text-align:right;
}

.cmpr-down{
    color:blue;
    font-weight:bold;
    text-align:right;
}

.bold{
    font-weight:bold;
}

.top-fix{
    position:fixed; 
    left:0; 
    top:0; 
    width:100%; 
    height:auto; 
    background-color:#ffffff;
    z-index:10;
}

label input{
    margin:0 0.2rem 0 0;
}

label{
    margin-left:0.4rem;
    margin-right:0.4rem;
}

.alertify-notifier .ajs-message{
    width:max-content !important;
}

.none{display:none;}

mark.tp1{
    background-color:#1f4e78;
    color:#ffffff;
    font-weight:800;
    font-size:1rem;
}

mark.tp2{
    background-color:#333333;
    color:#ffffff;
    font-weight:800;
    font-size:1rem;
}

mark.tp3{
    background-color:#f9f2f4;
    color:#c75eb0;
    /*font-weight:800;*/
    font-size:0.9rem;
}

mark.tp4{
    background-color:#f7f7f9;
    color:#338ecd;
    /*font-weight:800;*/
    font-size:0.9rem;
}

mark.tp5{
    background-color:#ffffe7;
    color:#c77e08;
    font-weight:800;
    font-size:0.9rem;
}