input[type=text], input[type=password] {width:100%; color:#fff; font-size: 16px; padding: 5px; border-bottom: 1px solid #999; background: transparent; margin-bottom: 15px;}
input[type=text]::placeholder{color:#fff; text-align: left}
.mainCntW {width: 100%; margin: auto;}
.mainCntW .work{text-align: center; font-size: 25px; line-height: 35px}
.mainCntW .work strong{color: #ffb400}

.mainCnt {width: 1200px; margin: auto; padding: 40px 60px 0 40px;}
.mainCnt .memBox {width: 240px; float: left; height: 380px;}
.mainCnt .memBox .linBox {position: relative; display:inline-block; width: 240px; height: 366px; float: left; margin-top: 10px; color: #ddd}
.mainCnt .memBox .linBox .time{position: absolute; width: 50px; height: 20px; bottom: 125px; right: 0px; color: #fff}
.mainCnt .memBox .linBox span{ color: #9ac215}
.mainCnt .memBox .linBox .logTxt {float: left; display: inline-block; width: 100%; height: 30px; color:#ddd; font-size: 15px; margin-bottom: 10px}
.mainCnt .memBox .linBox .logTxt a{float: right; font-size: 14px; letter-spacing: -1px; border: 1px solid #999; padding: 2px 4px}
.mainCnt .memBox .linBox .logTxt input{margin-right: 5px; vertical-align: bottom}
.mainCnt .memBox .linBox .loginBt {display:block; text-align: center; font-size: 16px; line-height: 50px; background: #728922; color: #fff; width:240px; height: 50px; margin-bottom: 30px}
.mainCnt .memBox .linBox .membt1 {float: left; display: inline-block; color: #ddd; font-size: 15px; background: url("../images/ico_mem.png") left top no-repeat; padding-left: 30px; margin-top: 20px}
.mainCnt .memBox .linBox .membt2 {float: left; display: inline-block; color: #ddd; font-size: 15px; background: url("../images/ico_log.png") left top no-repeat; padding-left: 30px; margin-top: 10px}
.mainCnt .memBox .linBox .membt3 {float: left; display: inline-block; color: #ddd; font-size: 15px; background: url("../images/ico_info.png") left top no-repeat; padding-left: 30px; margin-top: 10px}
.mainCnt .memBox .linBox .welcome {display:block; margin-bottom: 20px}
.mainCnt .memBox .alert { text-align: center;font-size: 14px; color: #fff; background: url(../images/main_ling_bg.png) left top repeat-x; margin: 5px 0 0 0; padding: 5px 0 0 0;}
.mainCnt .memBox .alert a { color:#728922; padding: 0 10px; }
.mainCnt .memBox .linBox2 { color:#fff; padding:10px 0; }
.alert2 {color: #A5B064; margin: 20px 0; font-size: 14px;}
.mainCnt .memBox .memUl li a {float: left;width: 49%; margin-right: 1%; font-size: 14px; color: #DDDDDD; border: 1px solid #E4E4E4; padding: 2px 4px; text-align: center; border-radius: 5px; }

.panel{display: none}

.mainCnt .cldBox {float: left; width: 560px; margin: 0 40px}
.mainCnt .cldBox .cld{float: left; width: 260px; margin:10px}
.mainCnt .cldBox .datetime{ display: block; width: 100%; height: 50px; background: #22241b; color: #999; font-size: 15px; line-height: 50px; text-align: center}
.mainCnt .cldBox .datetime span{color: #9ac215;}
.mainCnt .link {float: left; width: 200px; }
.mainCnt .link ul{width: 100%; text-align: center; color: #ddd;}
.mainCnt .link ul li{ display: inline-block; float: left; width: 100px; height: 80px; margin-bottom: 20px; text-align: center;}
.mainCnt .link ul li.link1{background: url("../images/gnb_ico1.png") no-repeat center top}
.mainCnt .link ul li.link2{background: url("../images/gnb_ico9.png") no-repeat center top}
.mainCnt .link ul li.link3{background: url("../images/gnb_ico6.png") no-repeat center top}
.mainCnt .link ul li.link4{background: url("../images/gnb_ico4.png") no-repeat center top}
.mainCnt .link ul li.link5{background: url("../images/gnb_ico7.png") no-repeat center top}
.mainCnt .link ul li.link6{background: url("../images/gnb_ico3.png") no-repeat center top}
.mainCnt .link ul li.link7{background: url("../images/gnb_ico8.png") no-repeat center top}
.mainCnt .link ul li.link8{background: url("../images/gnb_ico2.png") no-repeat center top}
.mainCnt .link ul li a{display: block; width: 100px; height: 100px; padding-top: 60px; }

/*Tab*/
.r-tabs .r-tabs-nav {
    margin: 0;
    padding: 0; border-bottom: 1px solid #728922; margin-bottom: 15px;
}

.r-tabs .r-tabs-tab {
    display: inline-block;
    margin: 0;
    list-style: none;
}

.r-tabs .r-tabs-panel {
    display: none;
}

.r-tabs .r-tabs-accordion-title {
    display: none;
}

.r-tabs .r-tabs-panel.r-tabs-state-active {
    display: block;
}

.r-tabs { width: 310px;}

/* Tab element */
.r-tabs .r-tabs-nav .r-tabs-tab {
	position: relative; }

/* Tab anchor */
.r-tabs .r-tabs-nav .r-tabs-anchor {
	display: inline-block;
	text-decoration: none;
	font-size: 18px;
	color: #fff;padding: 5px 10px;
}

/* Disabled tab */
.r-tabs .r-tabs-nav .r-tabs-state-disabled {
	opacity: 0.5;
}

/* Active state tab anchor */
.r-tabs .r-tabs-nav .r-tabs-state-active .r-tabs-anchor {	color: #fff;	background-color: #728922; padding: 5px 10px;}

/* Tab panel 
.r-tabs .r-tabs-panel {border-bottom: 4px solid white;}*/

/* Accordion anchor */
.r-tabs .r-tabs-accordion-title .r-tabs-anchor {
	display: block;
	padding: 10px;

	background-color: #00c5ad;
	color: #fff;
	text-decoration: none;
	text-shadow: 0 1px rgba(0, 0, 0, 0.4);
	font-size: 14px;
}

/* Active accordion anchor */
.r-tabs .r-tabs-accordion-title.r-tabs-state-active .r-tabs-anchor {	color: #00c5ad;}

/* Disabled accordion button */
.r-tabs .r-tabs-accordion-title.r-tabs-state-disabled {
	opacity: 0.5;
}

/* Buttons */
button {
	display:inline-block;
	margin-top: 10px;
	margin-right: 10px;
	padding: 10px 20px;
	line-height: 100%;

	color: #fff;
	font-size: 14px;
	text-align: center;
	text-shadow: 0 1px rgba(0, 0, 0, 0.3);
	vertical-align: middle;
	font-weight: bold;
	
	border: 0;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	background-color: #00c5ad;
	box-shadow: 0px 3px 0px 0px #00ab94;
	
	cursor: pointer;
}

/* Info bar */
.info {
	display:inline-block;
	margin-top: 10px;
	margin-right: 10px;
	padding: 10px 20px;
	width: 300px;
	line-height: 100%;

	font-family: Consolas, "Liberation Mono", Menlo, Courier, monospace;
	font-size: 14px;
	color: #00c5ad;
	border: 2px solid #00ab94;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	background-color: #fff;

	cursor: pointer;
} 

.noticeUl .dateTxt {font-size:14px; color:#728922; display: block;}
.noticeUl .titleTxt {font-size:18px; color:#fff; display: block;}
.noticeUl li { margin-top: 5px;font-family: 'Noto Sans DemiLight';}

.mainCld { float: left; width: 100%; margin: auto;}
.mainCld th { color: #fff; font-size: 14px; font-weight: normal; text-align: center; padding: 4px 0;}
.mainCld th.sun {color:#e92254 ;}
.mainCld th.sat {color:#4a6eec ;}
.mainCld td {color: #fff; padding: 4px 0}
.mainCld td.sun {color:#e92254 ;}
.mainCld td.sat {color:#4a6eec ;}
.mainCld td.sun a {color:#e92254 ;}
.mainCld td.sat a {color:#4a6eec ;}
.mainCld td a {display: block; width: 36px; height: 36px; color: #fff; text-align: center; font-size: 14px; line-height: 36px; margin: 1px; border-radius: 20px; }
.mainCld td .today {display: block; width: 36px; height: 36px; text-align: center; font-size: 14px; line-height: 36px; margin: 2px; border-radius: 20px; border: 1px solid #fff;}
.mainCld td a:Hover { background: #728922; border-radius: 20px; color: #fff}
.cldMonth {text-align: center; padding-bottom: 10px; font-size: 24px; color: #fff; line-height: 24px;}
.cldMonth a{margin: 0 20px}

.mainMemtitle {width: 100%; color: #fff; font-size: 14px; margin-bottom: 10px; letter-spacing: -1px}
.mainMemtitle .titleTxt {font-size: 25px; color: #fff; padding-right: 10px;}
.mainMemtitle .logcheck {margin-left: 7px;}


/*slide img*/
a#coffee-link, div#coffee-container {
				border-radius: 4px;
				-khtml-border-radius: 4px;
				-moz-border-radius: 4px;
				-opera-border-radius: 4px;
				-webkit-border-radius: 4px;
			}

			div#link a {
				color: #EA9C00;
				font: bold 10px verdana;
				letter-spacing: .9px;
				text-decoration: none;
			}
			
			div#link a:hover {
				color: #DC5;
				font-weight: bold;
				letter-spacing: .9px;
				text-decoration: underline;
			}

			a#coffee-link {
				background: url('img/coffee.png') 6px 2px no-repeat;
				border: 1px solid #D9C640;
				color: #FFF;
				display: block;
				font-weight: bold;
				letter-spacing: .9px;
				padding: 4px 5px 4px 26px;
				text-decoration: none;
			}

			a#coffee-link:hover {
				text-decoration: underline;
			}

			div#coffee-container {
				background-color: #DC5;
				float: right;
				margin-right: 15px;
			}

			div.description {
				color: #555;
				letter-spacing: .1px;
				margin-bottom: 10px;
				text-indent: 7px;
				text-align: left;
				width: 99%;
			}

			div#link {
				color: #AB9927;
				text-indent: 7px;
			}

			div.notice {
				font: 9px verdana;
				color: #777;
				letter-spacing: .1px;
				margin-bottom: 3px;
				text-indent: 7px;
				text-align: left;
				width: 99%;
			}

			div.session {
				font: bold 13px verdana;
				border-bottom: 1px solid #EFEFEF;
				color: #444;
				letter-spacing: .7px;
				margin-bottom: 10px;
				margin-top: 24px;
				text-align: left;
				width: 99%;
			}

			div.source, div.source-group {
				background: #F8F8FF;
				border: 1px solid #EFEFEF;
				border-left: 3px solid #CCC;
				color: #444;
				font: 12px monospace;
				letter-spacing: .1px;
				margin-bottom: 7px;
				margin-top: 5px;
				padding: 7px;
				width: 99%;
			}

			div.text {
				color: #555;
				letter-spacing: .1px;
				margin-bottom: 20px;
				margin-top: 5px;
				text-align: left;
				text-indent: 7px;
				width: 99%;
			}

			div.title {
				font: bold 17px verdana;
				color: #269;
				letter-spacing: .7px;
				margin-bottom: 20px;
				margin-top: 5px;
				text-align: left;
				width: 99%;
			}
			
			span.comment-html, span.comment-script {
				font: 12px monospace;
				letter-spacing: .1px;
				margin-bottom: 7px;
				margin-top: 5px;
			}

			span.comment-html {
				color: #5e85de;
			}

			span.comment-script {
				color: #578F73;
			}

			span#version {
				color: #777;
				font: 10px verdana;
			}

			div.group {
				float: left;
				margin-right: 10px;
			}

			div.source-group {
				margin-top: 125px;
			}
ul.slidy-menu {
	margin: 0;
	padding: 0;
}

ul.slidy-menu li {
	background-color: #454545;
	border-top: 1px solid #555;
	border-right: 1px solid #555;
	float: left;
	list-style: none;
	text-align: center;
	vertical-align: middle;
}

ul.slidy-menu li a {
	color: #F1F1F1;
	cursor: pointer;
	display: block;
	font: 11px sans-serif;
	height: 23px;
	letter-spacing: 1px;
	padding-top: 11px;
	text-decoration: none;
}

ul li.slidy-link-selected a {
	background-color: #353535;
	color: #FFFBDE;
	text-shadow: #444 1px 1px;
}

/* 레이어팝업 */
.layer_pop_area{width:100%; height:100%; position:fixed; left:0; top:0; z-index:99999;}
.layer_bg{width:100%; height:100%; background-color:#000; opacity:0.5; filter:alpha(opacity=50); position:fixed; left:0; top:0; z-index:10;}
.layer_layout{background-color:#fff; border:3px solid #728922; position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); z-index:11;}
.layer_logo_close {height:50px; background:#728922;}
.popTit{position:absolute; left:10px; top:13px;}
.popTime{position:absolute; right: 50px; top:16px; font-size: 14px;}
.layer_contents{position: relative; padding: 20px}
.layer_contents p{font-size: 16px; line-height: 1.5; color: #666}
.layer_contents .cctv{float: left; width: 363px; height: 279px}
.layer_contents .cctv p{font-size: 18px; text-align: center; color: #666}
.layer_contents .layer_btm{position: relative; display: block; height: 50px; margin-top: 20px; padding-top: 20px; font-size: 15px; line-height: 20px; color: #666}
.btn_layer_close {position:absolute; right:10px; top:15px;}
.layer_btn {text-align:center; margin-bottom:30px;}
.layer_btn a {background:#4b4b4b; color:#fff; padding:3px 20px;}