@charset "utf-8";
@import url("reset.css");

.tt{border:1px solid red;}

/* common */
a {color:#777;text-decoration:none}
a:active, a:hover {color:#222; text-decoration:none}

.bold{font-weight:bold;}
.tCenter{text-align:center;}
.tLeft{text-align:left;}
.tRight{text-align:right;}

.bl{display:block;}
.fr{float:right;}
.fl{float:left;}
.pR{position:relative;}

.ml{margin-left:8px;}
.mr{margin-right:8px;}
.mr30{margin-right:30px;}
.mr20{margin-right:20px;}
.mt20{margin-top:15px;}
.mt25{margin-top:25px;}
.mt10{margin-top:10px;}
.mt5{margin-top:5px;}

.disNone{display:none;}

/* layout */
#wrap{width:100%;position:relative;}
.wArea{width:1024px;}

/* bgcolor */
.bg_gray{background:#f3f3f3;}
.bg_gray2{background:#494949;}
.bg_gray3{background:#f7f7f7;}
.bg_black{background:#000; color:#fff;}
.bg_sky{background:#eff9f8;}
.bg_green{background:#f6fbed;}
.bg_dark{position:absolute; left:0; top:0; background:#000000;width:100%;height:1200px;filter:alpha(opacity=60);opacity:.6;background-color: rgba( 0, 0, 0, 0.6 ); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#66000000, endColorstr=#66000000);z-index:10;}

/* button */
.btn_i{padding:0 10px;height:30px; color:#acacac; text-indent:0; line-height:30px;}
.btn_default{background:#f4f4f4; font-weight:bold; color:#888;border:1px solid #d0d0d0; border-radius:3px; }
.btn_dark{background:#34495e; color:#fff; font-weight:bold; border:1px solid #2a3b4b; border-radius:3px;}
.btn_purple{background:#9b59b6; color:#fff; font-weight:bold; border:1px solid #7c4792; border-radius:3px;}
.btn_green{background:#62cb31; color:#fff; font-weight:bold; border:1px solid #4fa228; border-radius:3px;}
.btn_blue{background:#4ea0e9; color:#fff; font-weight:bold; border:1px solid #4788c2; border-radius:3px;}
.btn_yell{background:#ffb606; color:#fff; font-weight:bold; border:1px solid #cc9205; border-radius:3px;}
.btn_red{background:#e74c3c; color:#fff; font-weight:bold; border:1px solid #b93d30; border-radius:3px;}

.btn_full{width:100%;height:40px;}
.btn_l{}
.btn_m{width:90px; height:32px;font-size:12px;letter-spacing:-1px;}
.btn_ms{padding:0 20px; height:32px;font-size:12px;letter-spacing:-1px;}
.btn_s{height:28px; font-size:12px; padding:0 14px; line-height:28px;}
.btn_mini{height:26px; font-size:11px; padding:0 8px;letter-spacing:-1px;line-height:26px;}
.btn_x{height:22px; font-size:12px; padding:0 5px; line-height:22px;}

.btn_left{position:absolute; left:0;}
.btn_right{position:absolute; right:0;}

/* input */
.input_full{width:100%;}
.input_l{width:675px;}
.input_m{width:570px;}
.input_ms{width:540px;}
.input_ms2{width:185px;}
.input_s{width:120px;}
.input_sx{width:60px;}

.inputType1{height:28px;line-height:28px; border:1px solid #e6e6e6; padding-left:6px;}

/* loginArea */
.loginArea{width:360px; margin:0 auto; margin-top:160px;}
.loginArea h1{width:100%; height:120px;background:url(../../images/login_logo.png) center 0 no-repeat;text-indent:-500px; overflow:hidden;}
.loginArea ul{margin-bottom:20px;}
.loginArea ul li{display:block; margin:0 0 10px 0;}
.loginArea ul li input{width:100%;height:40px; border:1px solid #e5e5e5; text-indent:10px;}
.loginArea ul li button{width:100%;height:40px;background:#333;color:#fff; margin-top:4px;}
	.smenu{display:block;font-size:11px; text-align:center;}
	.smenu a{padding:15px 10px;}
	.smenu span.gap{color:#ccc;}
	
/* header */
.header{}
.header div.gnb{height:60px;clear:both; color:#666;}
.header div.gnb h1{float:left;background:url(../../images/cms_top_logo.png) no-repeat;width:180px; height:60px; text-indent:-500px; overflow:hidden;}
.header div.gnb span.loginUser{float:right; margin-top:22px;}
.header div.nav{height:50px;background:#ff5488;}
.header div.nav ul{overflow:hidden;width:1024px;font-size:12px;line-height:50px;text-align:center;}
.header div.nav ul li{float:left;display:block; width:128px;}
.header div.nav ul li a{color:#ffd2e4;display:inherit;}
.header div.nav ul li a:hover{color:#ffd2e4;background:#f62865;}
.header div.nav ul li.on a,.nav ul li.on a:hover{background:#f62865; color:#fff; font-weight:bold;}

/* container */
.container{background:#f1f2f3;}

/* leftMenu */
.leftArea{float:left;width:180px;}
.leftMenu ul{}
.leftMenu ul li{position:relative; line-height:44px; letter-spacing:-1px;}
.leftMenu ul li a{color:#606b7b; font-weight:bold; padding-left:20px; display:inherit;}
.leftMenu ul li a:hover{background:#606b7b; color:#fff;}
.leftMenu ul li span{position:absolute; right:14px; }
.leftMenu ul li.on a{background:#606b7b;color:#fff;}

.leftMenu ul li ul.sub{}
.leftMenu ul li ul.sub li a{line-height:44px;color:#8a98ac; font-weight:normal;background:#3c495b;}
.leftMenu ul li ul.sub li a:hover{color:#fff;}
.leftMenu ul li ul.sub li.on a{color:#fff;}
.leftMenu ul li ul.sub li span{position:inherit; padding-right:6px;}

/* contents */
.contents{position:relative;background:#fff;margin-left:180px;border-left:1px solid #b8b8b8; }
.pageArea{width:824px; padding:20px 0 0 20px;}
.pageArea h2{font-size:18px; padding:5px 0 12px 0;border-bottom:1px solid #ebebeb; margin-bottom:10px; color:#2a3a4b;}
.pageArea h3{font-size:15px; padding:5px 0 17px 0; color:#34495e;}
.pageArea h4{font-size:13px; padding:10px 0 12px 0; color:#34495e;}

/* table */
.searchType{position:relative;width:801px; border:1px solid #e6e6e6;padding:10px;margin-bottom:10px;font-size:12px;text-align:right;}
	.line1{height:32px;}
.searchType select{width:140px; height:32px; background:#f3f3f3; border:none; padding-left:3px; color:#777;}
.searchType input{height:30px;line-height:30px; background:#f3f3f3;border:none;padding:0 5px;color:#555;}
	.line2{display:inline-block;width:100%; clear:both; padding:8px 0 0 0; margin-top:8px; border-top:1px solid #ddd;}
	
	.tabMenu{}
	.tabMenu ul{}
	.tabMenu ul li{float:left; width:68px; height:30px;border:1px solid #ddd; border-left:none; background:#fff; text-align:center; line-height:32px;}
	.tabMenu ul li.first{border:1px solid #ddd; border-radius:3px 0 0 3px;}
	.tabMenu ul li.last{border-radius:0 3px 3px 0;}
	.tabMenu ul li a{color:#888;display:inherit;}
	.tabMenu ul li.on{background:#4ea0e9;border:none;font-weight:bold;width:69px;height:32px; }
	.tabMenu ul li.on a{color:#fff;}
	
	.calendar{display:inline-block;}
	.calendar span.cal_layer{ position:relative; top:0; left:0px;}
	.calendar span.cal_layer input{width:80px; height:30px;line-height:30px; border:1px solid #e6e6e6; background:#fff; text-align:center; font-size:13px;padding:0 30px 0 10px;}
	.calendar span.cal_layer span.btn_cal{position:absolute; top:-8px; right:1px;}
	.calendar span.cal_layer span.btn_cal button{width:30px; height:30px;line-height:30px; text-align:center; color:#555;}
		.calendarLayer{position:absolute; right:0px; top:25px; width:245px; height:242px;border:1px solid #d6d6d6;background:#fff; z-index:100;}
		.calendarLayer p{height:46px; line-height:46px;font-size:16px;text-align:center;clear:both; color:#8a8d8f; font-weight:bold;}
		.calendarLayer p span.btn_left{float:left;width:40px;}
		.calendarLayer p span.btn_right{float:right;width:40px;}
		.calendarLayer table{width:245px;border-collapse:collapse; vertical-align:middle; text-align:center;}
		.calendarLayer table tr th{height:26px;color:#aaa;}
		.calendarLayer table tr td{border:1px solid #d6d6d6;}
		.calendarLayer table tr td a{line-height:33px; width:33px;height:33px;display:inherit;}
		.calendarLayer table tr td a:hover{color:#fff;background:#6f6f6f;}
		.fa_i{padding:0 5px;text-align:center; color:#999;}

.listType{font-size:12px;color:#555;}
.listType table{width:100%; vertical-align:middle; border-collapse:collapse;text-align:center; line-height:1.45em;}
.listType table th{background:#fafafa; border:1px solid #e2e2e2; color:#777; letter-spacing:-1px;padding:4px 0;}
.listType table th.type1,.listType table td.type1{border-left:none;}
.listType table th.bdTopNone{border-top:none;}
.listType table tr.bdBottomNone{border-bottom:none;}
.listType table tr{border-bottom:1px solid #e2e2e2; height:35px;}
.listType table thead>tr:hover{cursor:pointer;background:#f5f5f5;}
.listType table tr td{padding:6px 16px 5px 8px;}
.listType table tr td.innerTable{padding:0px 0px 0px 0px;}
.listType table tr td.photo img{width:100px; height:100px;}
.listType table tr td span.icon{ display:inline-block;width:38px; padding:3px 0 1px 0; margin:0 2px 2px 2px; letter-spacing:-1px; font-size:11px;}
.listType table td.type2{border:1px solid #e2e2e2;}
.listType table td.type3{border-left:1px solid #e2e2e2;}
.listType table td.type4{border-top:1px solid #e2e2e2;}
.listType table tr td textarea{width:98.2%;height:220px;border:1px solid #e6e6e6; padding:6px;line-height:1.5em;}
.listType table tr td select{height:32px; }
.listType table tr.on{background:#f5f5f5;font-weight:bold;}
	.infoText{overflow:hidden;margin-bottom:10px;line-height:24px;font-size:11px; font-weight:normal;}
	.infoText select{height:24px;border:1px solid #e6e6e6; text-indent:6px;}
	.topLine{border-top:2px solid #494949;}
	
	.upload{}
	.upload ul{display:inline;}
	.upload ul li.first{border-top:none;}
	.upload ul li{position:relative;height:30px;border-top:1px dashed #ddd;line-height:32px;padding:2px 0 4px 0;}
	.upload ul li button{}
	
	.upload p.title{color:#333;padding-bottom:10px;}
	.upload table{width:100%; border-collapse:collapse;letter-spacing:-1px;border:2px solid #e3e3e3;}
	.upload table tr{}
	.upload table tr.bar{border-top:1px solid #ddd;}
	.upload table tr th{width:24%;height:30px; padding:5px 0;}
	.upload table tr td{position:relative;height:30px;padding:5px 0; padding-right:10px;}	
	
	.photoFile{text-align:left;}
	.photoFile ul{}
	.photoFile ul li{height:100px;padding-bottom:10px;}
		span.fileGroup{float:left;width:100%;}
		span.fileGroup span.photo{float:left;position:relative;width:100px; height:100px;background:#eee; margin-right:6px;}
		span.fileGroup span.photo img{width:100px; height:100px;}
		span.fileGroup span.photo span.title{position:absolute; top:0; left:0;padding:2px 5px 1px 5px;;color:#fffletter-spacing:-1px; color:#fff;filter:alpha(opacity=60);opacity:.6;background-color: rgba( 0, 0, 0, 0.6 ); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#66000000, endColorstr=#66000000);}
		span.fileGroup span.file{height:50px;display:block; line-height:50px; border-bottom:1px solid #e2e2e2;}
		span.fileGroup span.file span.fileTitle{float:left;width:95px;padding-left:10px; font-weight:bold; letter-spacing:-1px;}	
			span.file input{width:400px;}
	

.paging{position:relative;height:32px; padding:20px 0 0 0; text-align:center;}
.paging ul{display:inline-block;clear:both;}
.paging ul li{float:left; font-size:11px; background:#fafafa; border:1px solid #e2e2e2; margin:0 3px; text-align:center;}
.paging ul li a,.paging ul li a:hover{color:#777;padding:5px 10px 4px 10px;display:inherit;}
.paging ul li.on{background:#777; border:1px solid #555;}
.paging ul li.on a,.paging ul li.on a:hover{color:#fff;}

.setBox{border:3px solid #e3e3e3; padding:10px 20px;}
.setBox h4{font-size:13px; color:#34495e; padding:4px 0 6px 0;}
.setBox ul{}
.setBox ul li{line-height:34px; border-bottom:1px dashed #e3e3e3;}
.setBox ul li.last{border-bottom:none;}

/* placeholder 그래프 */
#placeholder{width:100%; height:260px; margin:0 0 0 0;}
/* #placeholder2{width:100%; height:260px; margin:15px 0 0 0; background:#eee;} */
#placeholder3{width:100%; height:260px; margin:15px 0 0 0; }

.placeholderList{position:relative; width:100%; height:260px;}
	#placeholder2{position:relative; width:720px; height:260px; margin:0 0 0 0;}
	.placeholderList .pList{position:absolute; bottom:0; right:0; width:100px;}
	.placeholderList .pList ul{padding-bottom:20px;}
	.placeholderList .pList ul li{padding:8px; border-top:1px dashed #ccc;}
	.placeholderList .pList ul li.first{padding:8px; border-top:none;}
.placeholderTab{height:32px; margin-top:25px; margin-bottom:5px;}


/* popup */
.popupL{position:absolute;left:200px; top:140px;width:840px; background:#fff; border:1px solid #ddd; color:#777; z-index:100;}
.popupL h3{font-size:14px; font-weight:bold; padding:14px 20px;border:1px solid #ebebeb; background:#f4f4f4; letter-spacing:-1px; color:#555;}
.popup{position:absolute;left:200px; top:140px;width:500px; background:#fff; border:1px solid #ddd; color:#777; z-index:100;}
.popup h3{font-size:14px; font-weight:bold; padding:14px 20px;border:1px solid #ebebeb; background:#f4f4f4; letter-spacing:-1px; color:#555;}
	.popupBody{padding:20px 23px 40px 23px;}
	.grayBox{padding:20px 20px;background:#f8f8f8;border:2px solid #e3e3e3;}
	.grayBox ul{}
	.grayBox ul li{height:30px; line-height:30px;}
	.whiteBox{padding:20px 15px;background:#fff;border:2px solid #e3e3e3; text-align:center;}
	.lg{position:absolute;left:20px; top:140px; width:820px;}
	.scroll{height:400px; overflow-x:hidden;}
	
/* footer */
.footer{line-height:40px; background:#fafafa;border-top:1px solid #dbdbdb;color:#b8b8b8; text-indent:20px; margin:50px 0 0 0;}

/* color */
.gray{color:#999;}
.info{color:#3498db;}
.success{color:#65b341;}
.warning{color:#e67e22}
.danger{color:#e74c3c;}
.danger2{color:#c0392b;}

/* pageError */
.page{padding:120px 0 0 0; text-align:center;}
.page .error{background:url(../../images/error/img_error.png) center 0 no-repeat;width:100%; height:120px;}
.page p{display:block; font-size:14px;color:#888;letter-spacing:-0.03em;padding:0 30px 30px 0;}
.page p.title{font-size:23px; font-weight:bold; color:#666; letter-spacing:-0.06em; padding-bottom:10px;}
.page p.titleBig{font-size:32px; font-weight:bold; color:#222; letter-spacing:-0.1em; padding-bottom:20px;}
.page .pageBtn{width:500px; padding:34px 0 0 0; border-top:1px solid #ddd; margin:0 auto;}
	
	
/* 공지사항 글 작성시 줄바꿈 적용 */
.disp_t{white-space: pre-line; word-wrap: break-word;}