@charset "utf-8";

/*section*/
section#subContainer{clear:both; padding:0; margin:0;}
section#subContainer div.subContain{padding:0; margin:0; width:auto;}
section#subContainer div.subContain div.pcBox{width:auto; padding:0 15px;}
.red {color:#FF0000 !important;}

	/*서브메뉴*/
	#subMn{border-bottom:1px solid #d9d9d9; display:none; margin:0 0 40px 0;}
	#subMn div.pcBox{padding:0 13px 0 12px;}
	#subMn ul{padding:0; margin:0; *zoom:1;}
	#subMn ul:after {content:""; clear:both; display:block; height:0; visibility:none}
	
	#subMn ul li{float:left; padding:0; margin:0;}
	#subMn ul li p{
		margin:0 2px 0 3px; padding:2px 0 0 0; text-align:center; background:#f2f2f2;
		border-radius:5px 5px 0 0; -webkit-border-radius:5px 5px 0 0; -moz-border-radius:5px 5px 0 0; -o-border-radius:5px 5px 0 0; -ms-border-radius:5px 5px 0 0; 
	}
	#subMn ul li p a{
		display:block; width:auto; border:1px solid #d9d9d9; border-bottom:0; background:#ebebeb; padding:15px 0 17px 0; font-size:1.308em; color:#000;
		border-radius:5px 5px 0 0; -webkit-border-radius:5px 5px 0 0; -moz-border-radius:5px 5px 0 0; -o-border-radius:5px 5px 0 0; -ms-border-radius:5px 5px 0 0; 
	}
	#subMn ul li.on p{background:#ffe7b2;}
	#subMn ul li.on p a{border:1px solid #df9800; border-bottom:0; background:#ffae00; font-weight:bold;}
	
	
	#subMn ul.mn2 li{width:50%;.width:49.5%; }
	#subMn ul.mn3 li{width:33.3%; .width:33% ;}
	#subMn ul.mn4 li{width:25%; .width:24.5%;}
	#subMn ul.mn5 li{width:20%; .width:19.5%;}
	#subMn ul.mn6 li{width:16.6%; .width:16%;}

	/* 추가 : 17.04.13 학생이름은 그대로 출력 */
	div.writeWrap div.writeBox ul li div.pTxt{margin:12px 0 0 0;font-weight:bold;}
	

	div#subTop{position:relative; padding:87px 0 0 0; margin:0 0 30px 0;}
	div#subTop h3{font-size:2.308em; font-weight:normal; margin:0 15px; padding-bottom:20px; color:#000; border-bottom:3px solid #3d3d3d;}
	
	
	div.rightBox{position:absolute; top:0; left:0; width:100%;}
	/*페이지 NAVI*/
	#sub_guide{padding:0 0 15px 0; margin:0;}
	#sub_guide .guide_box{background:url(../../images/sub/sguidl_bg_m.gif) repeat-x; position:relative; *zoom:1; height:47px; width:auto; padding:0; margin:0; font-size:1.154em;
	}
	#sub_guide .guide_box:after {content:""; clear:both; display:block; height:0; visibility:none;}
/*	#sub_guide div.homeBtn{background:url(../../images/sub/home_navi_m.gif) no-repeat 20px center; width:45px; float:left; height:45px;}
	#sub_guide div.homeBtn a{display:block; width:15px; height:12px; font-size:0; line-height:0; margin:17px 0 0 20px;}
	#sub_guide div.homeBtn a span{display:none;}*/
	
	#sub_guide div.naviArea{width:auto; padding:0 0 0 15px; position:relative; z-index:4;}
	
	#sub_guide div.naviArea ul{
		padding:0; margin:1px 0; width:auto; /* height:45px; */ *zoom:1;
		display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */ display: -moz-box; /* OLD - Firefox 19- (buggy but mostly works) */
		display:flex; display: -ms-flexbox; /*IE10*/ display: -webkit-flex; /* Safari / iOS*/ 
		
		.display:block; display:block\9;
	}
	#sub_guide div.naviArea ul:after {content:""; clear:both; display:block; height:0; visibility:none;}
	
	#sub_guide div.naviArea ul li{background:url(../../images/sub/guide_dot_m.gif) no-repeat right center; height:45px; line-height:45px; padding:0;  color:#6f7071; position:relative; .display:block; .float:left; display:block\9; float:left\9;}  
	#sub_guide div.naviArea ul li a{display:block; width:auto; padding:0 29px 0 10px; height:45px; border-left:1px solid #dfdfe1; overflow:hidden; text-overflow:ellipsis; -o-text-overflow:ellipsis; -ms-text-overflow:ellipsis; white-space:nowrap; color:#000;}
	#sub_guide div.naviArea ul li.last>a{}
	
	#sub_guide div.naviArea ul li:first-child{background:none;}
	#sub_guide div.naviArea ul li:first-child a{ border-left:none; background:url(../../images/sub/home_navi_m.gif) no-repeat left center; padding-left:30px;}
	#sub_guide div.naviArea ul li.nav01{width:30%; .width:29%; flex:2; -webkit-flex:2; -ms-flex:2;}
	#sub_guide div.naviArea ul li.nav02{width:30%; flex:2; -webkit-flex:2; -ms-flex:2;}
	#sub_guide div.naviArea ul li.nav03{width:40%; flex:3; -webkit-flex:3; -ms-flex:3;}
	#sub_guide div.naviArea ul li div.subMn{width:100%; position:absolute; top:45px; left:0; background:#fff; z-index:15; display:none;/**/}
	#sub_guide div.naviArea ul li div.subMn ul{display:block;}
	#sub_guide div.naviArea ul li div.subMn ul li{display:block; background:none; height:auto; line-height:150%; float:none; width:100%; clear:both; background:#fff;}
	#sub_guide div.naviArea ul li div.subMn ul li a{border:1px solid #e4e4e4; border-top:none; height:auto; line-height:150%; padding:8px;background:none}
	#sub_guide div.naviArea ul li div.subMn ul li a:hover{background:#f0f0f0;}
	#sub_guide div.naviArea ul li div.subMn ul li:hover{background:none;}
	
section#subContainer div.subContain div.subConWrap{padding:0 15px 40px 15px; margin:0; position:relative;}
section#subContainer div.subContain div.subConWrap div#subPage{min-height:100px;}
section#subContainer div.subContain div.subConWrap div.topBtn{ position:fixed; bottom:100px; right:15px;}

	
	/*콘텐츠*/
		/*상단 공지사항*/
		div.topNotice{padding:0 0 30px 0; margin:0;}
		div.topNotice ul{
			border:1px solid  #d4d4d4; border-bottom-width:2px; width:auto; padding:15px; background:#fbfbfb; font-size:1.154em; line-height:150%;
			border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px; -ms-border-radius:10px; -o-border-radius:10px; 
		}
	
		div.topNotice ul li{ background:url(../../images/sub/topNot_blt.gif) no-repeat left 8px; padding:0 0 3px 25px;}
		div.topNotice ul li span {color:#e34035;}
		
		/*테이블*/
		div.tableBox{
			clear:both; padding:0 0 11px 0; margin:0; background:#f0f0f0; .padding-bottom:0;position:relative; overflow:hidden;
			border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px; -ms-border-radius:10px; -o-border-radius:10px; 
		}
		div.tableBox.dePartTable{overflow:visible !important}
		div.tableBox div.leftTop{
			position:absolute; top:0; left:0; width:10px; height:10px; background:#ed9e51; border:1px solid #e38c38; border-right:0; border-bottom:0;
			border-radius:10px 0 0 0; -webkit-border-radius:10px 0 0 0; -moz-border-radius:10px 0 0 0; -o-border-radius:10px 0 0 0; -ms-border-radius:10px 0 0 0; 
		}
		div.tableBox div.rightTop{
			position:absolute; top:0; right:0; width:10px; height:10px; background:#ed9e51; border:1px solid #e38c38; border-left:0; border-bottom:0;
			border-radius:0 10px 0 0; -webkit-border-radius:0 10px 0 0; -moz-border-radius:0 10px 0 0; -o-border-radius:0 10px 0 0; -ms-border-radius:0 10px 0 0; 
		}
		div.tableBox table{
			width:100%;  border-collapse:collapse; -webkit-border-collapse:separate; -moz-border-collapse:separate; -o-border-collapse:separate; border-spacing: 0; padding:0; margin:0; border:0; 
			border-radius:10px 10px 0 0; -webkit-border-radius:10px 10px 0 0; -moz-border-radius:10px 10px 0 0; -o-border-radius:10px 10px 0 0; -ms-border-radius:10px 10px 0 0;
		}
		div.tableBox table thead th{background:#ed9e51; border:1px solid #e38c38; color:#fff; font-weight:normal; text-align:center; font-size:1.154em; line-height:150%; padding:13px 0 15px 0; vertical-align:middle;}
		div.tableBox table thead th:first-child{
			border-radius:10px 0 0 0; -webkit-border-radius:10px 0 0 0; -moz-border-radius:10px 0 0 0; -o-border-radius:10px 0 0 0; -ms-border-radius:10px 0 0 0; 
		}
		div.tableBox table thead th:last-child{
			border-radius:0 10px 0 0; -webkit-border-radius:0 10px 0 0; -moz-border-radius:0 10px 0 0; -o-border-radius:0 10px 0 0; -ms-border-radius:0 10px 0 0; 
		}
		
		div.tableBox table tbody th, div.tableBox table tbody td{background:#fff; border:1px solid #cac9c9; vertical-align:middle; text-align:center; font-size:1.154em; line-height:150%; padding:13px 0 15px 0; font-weight:normal;}
		
		div.tableBox table tbody th img{vertical-align:middle; width:50px;}
		div.tableBox table tbody th input[type=checkbox]{vertical-align:middle; margin-top:-3px; margin-right:3px;}
		
		div.tableBox table tbody button{
			border-bottom-style:solid; border-bottom-width:2px; color:#fff; font-size:12px; padding:1px 7px 3px 7px; margin:3px 2px 0 2px;
			border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; -ms-border-radius:5px; -o-border-radius:5px; 
		}
		div.tableBox table tbody button.teaBtn{background:#3a8fcb; border-color:#195681;}
		div.tableBox table tbody button.applyBtn{background:#e13c4c; border-color:#b82735;}
		div.tableBox table tbody button.readyBtn{background:#00BF00; border-color:#006000;}
		div.tableBox table tbody button.partiBtn{background:#1aa9e5; border-color:#097493;}
		div.tableBox table tbody button.resultBtn{background:#f37724; border-color:#ce621a;}
		div.tableBox table tbody button.canBtn{background:#808080; border-color:#575555;}

		.wid10 {width:12% !important;}
		.wid20 {width:20% !important;}
		
		.mview, .tview, .pview{display:none;}
		
		div#appliTable table tbody span.mview{font-size:0.900em; color:#7c7c7c;}
		div#appliTable table tbody span.mview:nth-child(2) {color:#f00}
		div#appliTable table tbody span.mview:nth-child(3) {color:#000; font-weight:bold}
		div.tableBox table span.redCol{color:#e13c4c;}
		div.tableBox table td.alignLeft{text-align:left; padding-left:5px;}
		div.tableBox table span.state01{
			display:inline-block; *display:inline; zoom:1; background:#e13c4c; color:#fff; font-weight:bold; font-size:11px; height:20px; line-height:17px; width:30px; text-align:center; padding:0; margin:0 3px 0 0; vertical-align:middle;
			border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; -ms-border-radius:5px; -o-border-radius:5px; 
		}
		div.tableBox table span.state02{
			display:inline-block; *display:inline; zoom:1; background:#436db3; color:#fff; font-weight:bold; font-size:11px; height:20px; line-height:17px; width:30px; text-align:center; padding:0; margin:0 3px 0 0; vertical-align:middle;
			border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; -ms-border-radius:5px; -o-border-radius:5px; 
		}
		div.tableBox table span.state03{
			display:inline-block; *display:inline; zoom:1; background:#adadad; color:#fff; font-weight:bold; font-size:11px; height:20px; line-height:17px; width:30px; text-align:center; padding:0; margin:0 3px 0 0; vertical-align:middle;
			border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; -ms-border-radius:5px; -o-border-radius:5px; 
		}
		div#surveyTable table tbody span.mview{font-size:0.900em; color:#7c7c7c;}
		div.tableBox table tbody span.smallTxt{font-size:0.900em; color:#7c7c7c;}
		
		div.tableBox table span.cours_ing{color:#e13c4c;}
		div.tableBox table span.cours_ready{color:#436db3;}
		div.tableBox table span.cours_cal{color:#adadad; }
		
		/*테이블 상단*/
		div.listTop{clear:both; padding:0 0 10px 0; margin:0; font-size:1.154em; *zoom:1;}
		div.listTop:after {content:""; clear:both; display:block; height:0; visibility:none; font-size:0; line-height:0;}
		div.listTop p.list_left{padding:0 0 5px 0; line-height:120%; color:#000;}
		div.listTop div.list_right{position:relative;}
		div.listTop div.list_right div.selectBox{
			position:absolute; top:0; left:0; width:120px; border:1px solid #d4d4d4; border-bottom-width:3px; background:#fff; height:37px;
			border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px; -o-border-radius:10px; -ms-border-radius:10px; 
		}
		div.listTop div.list_right div.selectBox select {
			border:0; height:37px; width:110px; padding:0 0 0 10px; font-size:1em; color:#000; background:#fff url(../../images/sub/select_arrow.gif) no-repeat right center; padding:8px 0 \9; height:auto \9; width:120px \9; .padding:0; .width:120px; 
			box-sizing:content-box; -webkit-box-sizing:content-box; -moz-box-sizing:content-box; -o-box-sizing:content-box; -ms-box-sizing:content-box; 
			-webkit-appearance: none; /* 네이티브 외형 감추기 */  -moz-appearance: none; appearance: none;
			border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px; -o-border-radius:10px; -ms-border-radius:10px; 
		} 
		/* IE 10, 11의 네이티브 화살표 숨기기 */ 
		div.listTop div.list_right div.selectBox select::-ms-expand { display: none; } 
		div.listTop div.list_right div.inputBox{
			width:auto; margin: 0 67px 0 127px; padding:0 10px; border:1px solid #d4d4d4; border-bottom-width:3px; background:#fff; height:37px; 
			border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px; -o-border-radius:10px; -ms-border-radius:10px; 
		}
		div.listTop div.list_right div.inputBox input[type=text]{width:100%; border:0; height:35px; line-height:35px; .margin-left:-127px; .height:34px; .line-height:34px;}
		div.listTop div.list_right div.btnBox{
			position:absolute; top:0; right:0; width:60px; border:1px solid #ffae00; border-bottom:3px solid #df9800; background:#ffae00; height:37px;
			border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px; -o-border-radius:10px; -ms-border-radius:10px; 
		}
		div.listTop div.list_right div.btnBox button{
			font-size:1em; background:#ffae00; border:0; text-align:center; display:block; width:100%; height:35px; color:#000;
			border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px; -o-border-radius:10px; -ms-border-radius:10px; 
		}

		/*******************************170526 추가 시작**********************************/
		div.listTop div.list_right.childBox{padding-right:70px;}
		div.listTop div.list_right.childBox div.selectBox{width:48%; position:static; float:right;}
		div.listTop div.list_right.childBox div.selectBox:first-child{float:left;}
		div.listTop div.list_right.childBox div.selectBox select{width:98%; padding-left:2%;}
		/*******************************170526 추가 끝**********************************/
		
	/*강사소개 레이아웃*/
	div.teaWrap{position:fixed; width:100%; height:100%; top:0; left:0; z-index:1000; background:url(../../images/sub/layer_transBg.png);}
	div.teaWrap p.btnBox{position:absolute; top:50%; left:50%; margin:-290px 0 0 372px; width:53px; height:53px;}
	div.teaWrap p.btnBox a{display:block; width:53px; height:53px; font-size:0; line-height:0; background:url(../../images/sub/layer_closeBtn.png);}
	div.teaWrap p.btnBox a span{position:absolute; top:-1000px; left:-20000px;}
	div.teaWrap div.teaBox{
		width:820px; height:430px; padding:10px; margin:0; position:absolute; top:50%; left:50%; margin:-225px 0 0 -420px; background:#fff; text-align:left;
		border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px; -ms-border-radius:10px; -o-border-radius:10px; 
	}
	div.teaWrap div.teaBox h4{
		background:#22ae8d; color:#fff; text-align:center; font-size:1.267em; height:50px; font-weight:normal; line-height:48px;
		border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px; -ms-border-radius:10px; -o-border-radius:10px; 
	}
	div.teaWrap div.teaBox div.teaInfoBox{height:380px; overflow-y:auto;}
	div.teaWrap div.teaBox dl{
		margin:10px 0 0 0; background-color:#e8fdf8; padding:0; clear:both;
		border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px; -ms-border-radius:10px; -o-border-radius:10px; 
	}
	div.teaWrap div.teaBox dl.departName{background:#e8fdf8 url(../../images/sub/tea_icon01.gif) no-repeat 10px 10px;}
	div.teaWrap div.teaBox dl.teaName{background:#e8fdf8 url(../../images/sub/tea_icon02.gif) no-repeat 10px 10px;}
	div.teaWrap div.teaBox dl.teaCareer{background:#e8fdf8 url(../../images/sub/tea_icon03.gif) no-repeat 10px 10px;}
	div.teaWrap div.teaBox dl.departEdu{background:#e8fdf8 url(../../images/sub/tea_icon04.gif) no-repeat 10px 10px; min-height:200px}
	div.teaWrap div.teaBox dl dt{background:url(../../images/sub/tea_blt.gif) no-repeat left 21px; font-weight:bold; color:#000; padding:10px 10px 5px 10px; margin:0 0 0 80px;}
	div.teaWrap div.teaBox dl dd{padding:0 10px 15px 10px; margin:0 0 0 80px;}
	
	/*수강신청*/
	div.appliDate{padding:0 0 30px 0; margin:0;}
	div.appliDate ul{
		border-bottom:2px solid  #244454; width:auto; padding:15px 15px 15px 50px; background:#3e6477 url(../../images/sub/time_icon1.gif) no-repeat 13px center; font-size:1.154em; line-height:150%;
		border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px; -ms-border-radius:10px; -o-border-radius:10px; 
	}
	div.appliDate ul li{color:#fff; text-align:left; font-size:1.267em; padding-left:20px;}
	.fontYel {color:#FFF000 !important;}
	.fontMsg {font-size:0.97em !important;line-height:110%;padding-top:10px;}
	
	
/*페이징 처리*/
#list_page.userPage {width:100%; margin-top:15px; text-align:center; color:#c7b4a2; }
#list_page.userPage a{
	display:inline-block; *display:inline; zoom:1; width:38px; height:38px; color:#0f0909; font-size:1.154em; line-height:36px; text-align:center; border:1px solid #d4d4d4; border-bottom-width:3px; background:#fff; margin:0 2px 2px 2px;
	border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px; -ms-border-radius:10px; -o-border-radius:10px; 
}
#list_page.userPage a:hover {color:#f5861a; text-decoration:underline;}
#list_page.userPage a.img{background:none; .margin-bottom:-8px; border:0; width:auto; margin:0 4px;}
#list_page.userPage a.img img{vertical-align:middle; .margin-top:-6px;}
#list_page.userPage a.current_page{ color:#fff; background:#f5861a; border-color:#db730d; font-weight:normal; font-style:normal;}
#list_page.userPage a.current_page:hover{color:#fff; text-decoration:none;}

/*버튼영역*/
#userBtnBox{clear:both; padding:30px 0; margin:0; *zoom:1;}
#userBtnBox:after {content:""; clear:both; display:block; height:0; visibility:none; font-size:0; line-height:0;}
#userBtnBox div button{
	color:#fff; border:0; border-bottom-width:3px; border-bottom-style:solid; text-align:center; font-size:1.154em; padding:12px 0 15px 0; display:block;
	border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px; -ms-border-radius:10px; -o-border-radius:10px; 
}
#userBtnBox div.rightBtn button{width:100%;}
#userBtnBox div.centerBtn button{width:49%; float:right;}
#userBtnBox div button.selAppliBtn{background:#e13c4c; border-bottom-color:#b82735;}
#userBtnBox div button.selCanBtn{background:#929292; border-bottom-color:#5c5858;}
#userBtnBox div.centerBtn button:first-child{float:left;}
#userBtnBox div.centerBtn.oneBtn button{width:100%; float:none;}

/*******************************170526 추가 시작****************************************/
	#userBtnBox div.rightBtn.twoBtn button{width:49%; float:right;}
	#userBtnBox div.rightBtn.twoBtn button:first-child{float:left;}
	#userBtnBox div button.excelSaveBtn{background:#329b44; border-bottom-color:#1d862f;}
	/*******************************170526 추가 끝****************************************/
div.titBox{*zoom:1; padding:30px 0 10px 0; margin:0;}
div.titBox:first-child{padding-top:10px;}
div.titBox:after {content:""; clear:both; display:block; height:0; visibility:none; font-size:0; line-height:0;}
div.titBox h4{background:url(../../images/sub/appli_tit.gif) no-repeat left top; margin:0; padding:15px 0 0 0; font-size:1.846em; color:#000; font-weight:normal; float:left;}
div.titBox p.rightTxt{text-align:right; line-height:150%; float:right; padding:23px 0 0 0;}
div.titBox p.rightTxt2{padding-top:0;text-align:right; line-height:150%;  }
	/*******************************170526 추가 시작****************************************/
	div.titBox p.rightTxt button.addChild{
		border-bottom:2px solid #195681; background: #3a8fcb url(../../images/sub/addChild_btn.gif) no-repeat 5px center; color:#fff; padding:3px 9px 5px 27px; vertical-align:middle;
		border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; -ms-border-radius:5px; -o-border-radius:5px; 
	}
	/*******************************170526 추가 시작****************************************/


	/*수강신청*/
	div.classDate{padding:0 0 30px 0; margin:0;}
	div.classDate ul{
		border-bottom:2px solid  #ca3a12; width:auto; padding:15px 15px 15px 50px; background:#f46138 url(../../images/sub/time_icon2.gif) no-repeat 13px center; font-size:1.154em; line-height:150%;
		border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px; -ms-border-radius:10px; -o-border-radius:10px; 
	}
	div.classDate ul li{color:#fff; text-align:center; font-size:1.267em;}
	
	
	/*작성폼*/
	
	div.writeWrap{
		border:1px solid #d4d4d4; border-bottom-width:3px; background:#fbfbfb; padding:10px;
		border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px; -ms-border-radius:10px; -o-border-radius:10px; 
	}
	
	div.writeWrap div.writeBox{
		padding:0 0 10px 0; margin:20px 0 0 0;
		border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px; -ms-border-radius:10px; -o-border-radius:10px; 
	}
	div.writeWrap div.writeBox:first-child{margin:0;}
	div.writeWrap div.writeBox>ul>li{
		background:#ececec;  border:1px solid #cac9c9; padding:10px 20px; background:#fff; margin-top:15px; border-bottom:2px solid #cac9c9;
		border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px; -ms-border-radius:10px; -o-border-radius:10px; position: relative;
	}
	div.writeWrap div.writeBox ul li:first-child {magin-top:0;}
	/* div.writeWrap div.writeBox ul li{padding:10px 0; *zoom:1; margin:0; position:relative;} */
	div.writeWrap div.writeBox ul li:after {content:""; clear:both; display:block; height:0; visibility:none; font-size:0; line-height:0;}
	div.writeWrap div.writeBox ul li h5{background:url(../../images/sub/appli_write_dot.gif) no-repeat left 7px; padding:0 0 5px 20px; font-size:1.154em; color:#000; font-weight:normal; line-height:150%;}
	div.writeWrap div.writeBox ul li div.stu_wrap {margin-bottom:5px;}
	div.writeWrap div.writeBox ul li div div.inputBox{
		width:auto; margin:0; padding:0 8px; border:1px solid #d4d4d4; border-bottom-width:3px; background:#fff; height:37px; 
		border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px; -o-border-radius:10px; -ms-border-radius:10px; 
	}
	div.writeWrap div.writeBox ul li div div.inputBox input[type=text], div.writeWrap div.writeBox ul li div div.inputBox input[type=password]{width:100%; border:0; height:35px; line-height:35px; .height:34px; .line-height:34px;}
	div.writeWrap div.writeBox ul li div div.inputBox.bgCol{background:#f8f6e6;}
	
	div.writeWrap div.writeBox ul li div div.inputBox p{width:100%; line-height:35px; font-size:1.154em;}
	
	div.writeWrap div.writeBox ul li div.wdt30per{width:21%; .width:20%; float:left;}
	div.writeWrap div.writeBox ul li div.wdt5per{width:12%; float:left; text-align:center; line-height:35px;}
	
	div.writeWrap div.writeBox ul li div.notiTxt{clear:both; padding:0; margin:0;}
	div.writeWrap div.writeBox ul li div.notiTxt ul{
		border:0; padding:5px 0 0 0;
		border-radius:0; -webkit-border-radius:0; -moz-border-radius:0; -o-border-radius:0; -ms-border-radius:0; 
	}
	div.writeWrap div.writeBox ul li div.notiTxt ul li{line-height:150%; padding:0 0 3px 12px; text-indent:-12px; color:#4d4d4d; font-size:0.846em;}

		/*******************************170526 추가 시작****************************************/
		div.writeWrap div.writeBox ul li.btnLine{
			border-bottom:2px solid #575555; background:#808080; padding:0; margin: 10px 0;
			border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; -ms-border-radius:5px; -o-border-radius:5px;
		}
		div.writeWrap div.writeBox button.delChild{
			background: #808080; color:#fff; padding:3px 0 5px 0; vertical-align:middle; width:100%; margin-top:10px;
			border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; -ms-border-radius:5px; -o-border-radius:5px;
		}
		div.writeWrap div.writeBox button.delChild span{display:inline-block; *display:inline; zoom:1; padding:0 9px 0 27px; background: #808080 url(../../images/sub/delChild_btn.gif) no-repeat 5px center; line-height:150%;}

		/*******************************170526 추가 삭제****************************************/
	
	
	/*홈페이지 바로가기*/
	#goHome{clear:both; padding:0; margin:0;}
	#goHome div.homeWrap{padding:0; margin:0;}
	#goHome div.homeWrap ul{padding:0; margin:0; *zoom:1; text-align:center}
	#goHome div.homeWrap ul:after {content:""; clear:both; display:block; height:0; visibility:none; font-size:0; line-height:0;}
	#goHome div.homeWrap li{padding:0; margin:0 3px 10px 3px; display:inline-block; *display:inline; zoom:1; width:auto; .width:249px;}
	#goHome div.homeWrap li div.homeBg{
		padding:0 0 2px 0; margin:0 auto; width:247px; background:#d4d4d4;
		border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px; -o-border-radius:10px; -ms-border-radius:10px; 
	}
	#goHome div.homeWrap li div.homeBg div.homeBox{
		border:1px solid #d4d4d4; background:#fff; width:auto; position:relative; padding:0; margin:0;
		border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px; -o-border-radius:10px; -ms-border-radius:10px; 
	}
	
	#goHome div.homeWrap li:nth-child(4n+1) div.homeBg div.homeBox:hover{border-color:#ffae00;}
	#goHome div.homeWrap li:nth-child(4n+2) div.homeBg div.homeBox:hover{border-color:#1dbf9b;}
	#goHome div.homeWrap li:nth-child(4n+3) div.homeBg div.homeBox:hover{border-color:#4592c8;}
	#goHome div.homeWrap li:nth-child(4n) div.homeBg div.homeBox:hover{border-color:#716bc8;}
	
	
	#goHome div.homeWrap li div.homeBg div.homeBox h4{position:absolute; top:50px; left:0; width:100%; text-align:center; background:url(../../images/sub/gohome_titBg.gif) no-repeat center top; font-size:2.154em; line-height:120%; color:#000;}
	#goHome div.homeWrap li div.homeBg div.homeBox p.teaName{position:absolute; top:105px; left:0; width:100%; text-align:center; font-size:1.154em;}
	#goHome div.homeWrap li div.homeBg div.homeBox p.teaName strong{color:#000;}
	#goHome div.homeWrap li div.homeBg div.homeBox p.departImg{padding:144px 0 57px 0; margin:0 auto; width:81px; height:81px; text-align:center;}
	
	#goHome div.homeWrap li:nth-child(4n+1) div.homeBg div.homeBox p.departImg{background:url(../../images/sub/gohome_iconBg01.gif) no-repeat center 144px;}
	#goHome div.homeWrap li:nth-child(4n+2) div.homeBg div.homeBox p.departImg{background:url(../../images/sub/gohome_iconBg02.gif) no-repeat center 144px;}
	#goHome div.homeWrap li:nth-child(4n+3) div.homeBg div.homeBox p.departImg{background:url(../../images/sub/gohome_iconBg03.gif) no-repeat center 144px;}
	#goHome div.homeWrap li:nth-child(4n) div.homeBg div.homeBox p.departImg{background:url(../../images/sub/gohome_iconBg04.gif) no-repeat center 144px;}
	
	#goHome div.homeWrap li div.homeBg div.homeBox p.departGo{position:absolute; bottom:0; left:82px; margin:0; padding:0; width:81px; height:39px;}
	#goHome div.homeWrap li div.homeBg div.homeBox p.departGo button{font-size:1.462em; height:39px; display:block; width:100%; color:#fff; font-weight:bold; text-align:center; border:0; background:none;}
	
	#goHome div.homeWrap li:nth-child(4n+1) div.homeBg div.homeBox p.departGo{background:url(../../images/sub/gohome_btnBg01.gif) no-repeat;}
	#goHome div.homeWrap li:nth-child(4n+2) div.homeBg div.homeBox p.departGo{background:url(../../images/sub/gohome_btnBg02.gif) no-repeat;}
	#goHome div.homeWrap li:nth-child(4n+3) div.homeBg div.homeBox p.departGo{background:url(../../images/sub/gohome_btnBg03.gif) no-repeat;}
	#goHome div.homeWrap li:nth-child(4n) div.homeBg div.homeBox p.departGo{background:url(../../images/sub/gohome_btnBg04.gif) no-repeat;}
	
	/*설문조사*/
		
	#surveyForm div.topSurveyTit{
		width:auto; border:1px solid #d4d4d4; border-bottom-width:3px; margin-bottom:20px;
		border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px; -ms-border-radius:10px; -o-border-radius:10px; 
	}
	#surveyForm div.topSurveyTit>div{padding:16px 20px 20px 20px; margin:0; position:relative; *zoom:1;}
	#surveyForm div.topSurveyTit>div:after {content:""; clear:both; display:block; height:0; visibility:none; font-size:0; line-height:0;}
	#surveyForm div.topSurveyTit div.topArea {padding-right:85px; padding-bottom:15px;}
	#surveyForm div.topSurveyTit div.topArea h4{font-size:1.462em; color:#000; display:inline-block; *display:inline; zoom:1; padding-right:10px; line-height:120%; padding-bottom:5px;}
	#surveyForm div.topSurveyTit div.topArea p{display:inline-block; *display:inline; zoom:1; font-size:1.154em; line-height:120%;}
	#surveyForm div.topSurveyTit div.topArea a.modiBtn{
		display:block; padding:0; margin:0; width:80px; height:28px; line-height:26px; text-align:center; color:#fff; background:#3d3d3d; border:1px solid #131313; border-bottom-width:2px; position:absolute; right:20px; top:50%; margin-top:-15px;
		border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; -ms-border-radius:3px; -o-border-radius:3px; 
	}
	#surveyForm div.topSurveyTit div.bottomArea{
		background:#f6f6f6; padding-top:8px; padding-bottom:10px; border-top:1px solid #d4d4d4;
		border-radius:0 0 5px 5px; -webkit-border-radius:0 0 5px 5px; -moz-border-radius:0 0 5px 5px; -ms-border-radius:0 0 5px 5px; -o-border-radius:0 0 5px 5px; 
	}
	#surveyForm div.topSurveyTit div.bottomArea p.questNum{color:#000; font-size:1.154em; float:left; line-height: 31px;}
	#surveyForm div.topSurveyTit div.bottomArea p.questNum span, #surveyForm div.topSurveyTit div.bottomArea div.btnBox span{color:#F00;}
	/* 설문 기능개선으로 추가 : com2zoa_devteam 2023.6.10 */
	#surveyForm div.topSurveyTit div.bottomArea div.selectBox select {
			border:0; height:37px; width:110px; padding:0 0 0 10px; font-size:1em; color:#000; background:#fff url(../../images/sub/select_arrow.gif) no-repeat right center; padding:8px 0 \9; height:auto \9; width:120px \9; .padding:0; .width:120px; 
			box-sizing:content-box; -webkit-box-sizing:content-box; -moz-box-sizing:content-box; -o-box-sizing:content-box; -ms-box-sizing:content-box; 
			-webkit-appearance: none; /* 네이티브 외형 감추기 */  -moz-appearance: none; appearance: none;
			border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px; -o-border-radius:10px; -ms-border-radius:10px; 
	} 
	#surveyForm div.topSurveyTit div.bottomArea div.btnBox{float:right;color:#000; font-size:1.154em;line-height: 31px}
	
	#surveyForm div.questGroupTit{
		background:#ffae00; border:1px solid #df9800; border-bottom-width:3px; color:#000; font-size:1.154em; padding:18px 20px 20px 20px; margin:0 0 20px 0;
		border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px; -ms-border-radius:10px; -o-border-radius:10px; 
	}
	#surveyForm div.questGroupTit h5{text-indent:-22px; padding-left:22px; line-height:120%;}
	#surveyForm div.questGroupTit div.groupAddBtn{padding:0; margin:0; font-weight:bold;}
	#surveyForm div.questGroupTit div.groupAddBtn a{color:#fff; background:url(../images/admin/survey_q_group_add.gif) no-repeat left center; padding:3px 5px 6px 32px; display:inline-block; *display:inline; zoom:1;}
	#surveyForm div.questGroupTit div.groupInput{padding:8px 0 0 0;}
	#surveyForm div.questGroupTit div.groupInput div.inputBox{background:#fff; border:1px solid #c4c4c4; width:auto; padding:0 5px; height:30px;}
	#surveyForm div.questGroupTit div.groupInput div.inputBox input[type=text]{width:100%; padding:0; margin:0; border:0; height:28px; line-height:28px;}
 
	#surveyForm div.questList{margin:0 0 20px 0; padding:0;}
	#surveyForm div.questList ul.quest_list{padding:0; margin:0;}
	#surveyForm div.questList ul.quest_list>li{margin:0 0 20px 0; padding:0;}
	#surveyForm div.questList ul.quest_list>li dl{
		width:auto; padding:20px; padding-top:0; margin:0; border:1px solid #c4c4c4; border-bottom-width:2px; background:#f6f6f6;
		border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px; -ms-border-radius:10px; -o-border-radius:10px; 
	}
	#surveyForm div.questList ul.quest_list>li dl dt{position:relative; width:auto; padding:18px 0 20px 0;}
	#surveyForm div.questList ul.quest_list>li dl dt p.q_Tit{font-size:1.154em; color:#000; font-weight:bold; line-height:120%; padding:3px 0 5px 0;}
	#surveyForm div.questList ul.quest_list>li dl dt p.q_Tit span{color:#F00;}
	
	#surveyForm div.questList ul.quest_list>li dl dd{
		background:#fff; border:1px solid #c4c4c4; border-bottom-width:2px; padding:11px 15px 11px 15px;
		border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; -ms-border-radius:5px; -o-border-radius:5px; 
	}
	#surveyForm div.questList ul.quest_list>li dl dd div.q_Answer{padding:0; margin:0;}
	#surveyForm div.questList ul.quest_list>li dl dd div.q_Answer ul{padding:0; margin:0;}
	#surveyForm div.questList ul.quest_list>li dl dd div.q_Answer ul li{padding:2px 0 4px 20px; text-indent:-20px; line-height:120%;}
	#surveyForm div.questList ul.quest_list>li dl dd div.q_Answer ul li input[type=checkbox], #surveyForm div.questList ul.quest_list>li dl dd div.q_Answer ul li input[type=radio]{vertical-align:middle; margin:0 5px 0 0;}
	#surveyForm div.questList ul.quest_list>li dl dd div.q_Answer div.textarea_box{margin:3px 0 0 0; width:auto; padding:0; text-indent:0;}
	#surveyForm div.questList ul.quest_list>li dl dd div.q_Answer div.textarea_box div.textareaForm{border:1px solid #c4c4c4; background:#fff; padding:0 0 0 5px; margin:0; width:auto; height:50px;}
	#surveyForm div.questList ul.quest_list>li dl dd div.q_Answer div.textarea_box div.textareaForm textarea{width:100%; border:0; padding:0; height:50px; margin:0; .height:48px;}
	#surveyForm div.questList ul.quest_list>li dl dd div.exxTxt{
		background:#ffae00; color:#000; padding:8px 10px 10px 25px; font-weight:bold; margin:10px 0 0 0; text-indent:-15px; line-height:120%;
		border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px; -ms-border-radius:10px; -o-border-radius:10px; 
	}
	
	#surveyForm #surveyBtn{padding:0 0 20px 0; margin:0; *zoom:1;}
	#surveyForm #surveyBtn:after {content:""; clear:both; display:block; height:0; visibility:none; font-size:0; line-height:0;}
	#surveyForm #surveyBtn div.btnBox{width:50%; margin:0; float:left; padding:0;}
	#surveyForm #surveyBtn div.btnBox div.btBox{
		border-style:solid; border-width:1px; border-bottom-width:2px; margin:0 0 0 4px;
		border-radius:4px; -webkit-border-radius:4px; -moz-border-radius:4px; -o-border-radius:4px; -ms-border-radius:4px;
	}
	#surveyForm #surveyBtn div.btnBox:first-child div.btBox{ margin:0 4px 0 0;}
	#surveyForm #surveyBtn div.btnBox div.btBox button{font-size:1.154em;background:none; border:0; padding:10px 0 13px 0; text-align:center; display:block; width:100%; font-weight:bold; color:#fff;}
	
	#surveyForm #surveyBtn div.btnBox div.listBtn{background:#8e8e8e; border-color:#707070;}
	#surveyForm #surveyBtn div.btnBox div.addBtn{background:#489bdb; border-color:#5284ac;}
	#surveyForm #surveyBtn div.btnBox div.saveBtn{background:#db4b48; border-color:#ac5452;}
	
	#surveyForm div.questRegist{
		margin:0 0 20px 0; width:auto; padding:20px; padding-top:0; border:1px solid #c4c4c4; border-bottom-width:2px; background:#f6f6f6;
		border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; -ms-border-radius:5px; -o-border-radius:5px; 
	}
	#surveyForm div.questRegist .row{clear:both;}
	#surveyForm div.questRegist div.registLine{padding:20px 0 0 0; margin:0; *zoom:1;}
	#surveyForm div.questRegist div.registLine:after {content:""; clear:both; display:block; height:0; visibility:none; font-size:0; line-height:0;}
	#surveyForm div.questRegist div.registLine div.q_tit{float:left; width:70px; padding:0; margin:0;}
	#surveyForm div.questRegist div.registLine div.q_tit h5{font-size:1.154em; line-height:30px; color:#000;} 
	#surveyForm div.questRegist div.registLine div.q_txt{width:auto; margin:0 0 0 70px; padding:0;}
	#surveyForm div.questRegist div.registLine div.q_txt div.inputBox{background:#fff; border:1px solid #c4c4c4; width:auto; padding:0 5px; height:30px;}
	#surveyForm div.questRegist div.registLine div.q_txt div.inputBox input[type=text]{width:100%; padding:0; margin:0; border:0; height:28px; line-height:28px;}
	#surveyForm div.questRegist div.registLine div.q_txt div.radioBox{padding:0; margin:0; line-height:30px;}
	#surveyForm div.questRegist div.registLine div.q_txt div.radioBox ul{padding:0; margin:0;}
	#surveyForm div.questRegist div.registLine div.q_txt div.radioBox ul li{display:inline-block; *display:inline; zoom:1;}
	#surveyForm div.questRegist div.registLine div.q_txt div.radioBox ul li input[type=radio]{vertical-align:middle;}
	#surveyForm div.questRegist div.registLine div.q_txt div.radioBox ul li label.mg5{margin:0 10px 0 5px;}
	#surveyForm div.questRegist div.registLine div.q_txt div.radioBox ul li input[type=text].qnum{width:40px; background:#fff; border:1px solid #c4c4c4; padding:0 5px; height:28px; line-height:26px; margin-left:10px; }
	#surveyForm div.questRegist div.registLine div.q_txt div.selectBox{background:#fff; border:1px solid #c4c4c4; width:auto; padding:0 0 0 5px; height:30px;}
	#surveyForm div.questRegist div.registLine div.q_txt div.selectBox select{width:100%; border:0; border:none; height:30px; background:#fff url(../images/admin/select_arrow.gif) no-repeat right center; }
	#surveyForm div.questRegist div.registLine div.q_txt div.answerList{
		padding:20px; margin:10px 0 0 -70px; background:#fff; border:1px solid #c4c4c4; border-bottom-width:2px;
		border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; -ms-border-radius:5px; -o-border-radius:5px; 
	}
	#surveyForm div.questRegist div.registLine div.q_txt div.answerList ul{padding:0; margin:0;}
	#surveyForm div.questRegist div.registLine div.q_txt div.answerList ul li{padding:0; margin:0 0 10px 0; *zoom:1; position:relative;}
	#surveyForm div.questRegist div.registLine div.q_txt div.answerList ul li span.anum{display:block; width:50px; height:30px; line-height:28px; position:absolute; top:0; left:0;}
	#surveyForm div.questRegist div.registLine div.q_txt div.answerList ul li div.aBtn{position:absolute; top:50%; right:0; background:url(../images/admin/survey_a_del_btn.gif) no-repeat; width:21px; height:21px; margin-top:-10px; overflow:hidden;}
	#surveyForm div.questRegist div.registLine div.q_txt div.answerList ul li div.aBtn button{display:block; width:21px; height:21px; background:none; border:0;}
	#surveyForm div.questRegist div.registLine div.q_txt div.answerList ul li div.aBtn button span{position:absolute; left:-999px; width:0; height:0; font-size:0; line-height:0;}
	#surveyForm div.questRegist div.registLine div.q_txt div.answerList ul li div.inputBox{margin:0 31px 0 60px; background:#f9f5ed;}
	#surveyForm div.questRegist div.registLine div.q_txt div.answerList ul li div.inputBox input[type=text]{background:#f9f5ed;}
	#surveyForm div.questRegist div.registLine div.q_txt div.answerList div.a_addBtn{ text-align:right;}
	#surveyForm div.questRegist div.registLine div.q_txt div.answerList div.a_addBtn a{display:inline-block; *display:inline; zoom:1; background:url(../images/admin/survey_a_add_btn.gif) no-repeat left center; height:23px; line-height:21px; padding:0 0 0 30px; width:180px; text-align:left; margin:0 0 3px 0;}
	
	#surveyForm div.questList ul.quest_result_list{padding:0; margin:0;}
	#surveyForm div.questList ul.quest_result_list>li{margin:0 0 20px 0; padding:0;}
	#surveyForm div.questList ul.quest_result_list>li dl{
		width:auto; padding:20px; padding-top:0; margin:0; border:1px solid #c4c4c4; border-bottom-width:2px; background:#f6f6f6;
		border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; -ms-border-radius:5px; -o-border-radius:5px; 
	}
	#surveyForm div.questList ul.quest_result_list>li dl dt{position:relative; width:auto; padding:18px 0 20px 0;}
	#surveyForm div.questList ul.quest_result_list>li dl dt p.q_Tit{font-size:1.154em; color:#000; font-weight:bold; line-height:120%; padding:3px 0 5px 0;}
	#surveyForm div.questList ul.quest_result_list>li dl dt p.q_Tit span{color:#F00;}
	#surveyForm div.questList ul.quest_result_list>li dl dd{
		background:#fff; border:1px solid #c4c4c4; border-bottom-width:2px; padding:11px 15px 11px 15px;
		border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; -ms-border-radius:5px; -o-border-radius:5px; 
	}
	#surveyForm div.questList ul.quest_result_list>li dl dd div.q_Answer{padding:0; margin:0;}
	#surveyForm div.questList ul.quest_result_list>li dl dd div.q_Answer ul{padding:0; margin:0;}
	#surveyForm div.questList ul.quest_result_list>li dl dd div.q_Answer ul li{padding:2px 0 8px 0; }
	#surveyForm div.questList ul.quest_result_list>li div.q_a_result{padding:0; margin:0;}
	#surveyForm div.questList ul.quest_result_list>li div.q_a_result p.q_a_txt{padding:0 0 8px 0; margin:0; font-weight:bold;line-height:120%;}
	#surveyForm div.questList ul.quest_result_list>li div.q_a_result div.resultBar{padding:0; margin:0; position:relative;}
	#surveyForm div.questList ul.quest_result_list>li div.q_a_result div.resultBar div.resultBar_grap{margin:0 70px 0 0; border:1px solid #c4c4c4; background:#fff; height:20px;}
	#surveyForm div.questList ul.quest_result_list>li div.q_a_result div.resultBar div.resultBar_grap div{background:#ffae00; height:20px;}
	#surveyForm div.questList ul.quest_result_list>li div.q_a_result div.resultBar div.resultBar_txt{position:absolute; top:0; right:0; text-align:right; width:70px; height:20px; line-height:18px; color:#f24b3a;}
	#surveyForm div.questList ul.quest_result_list>li button.reView{ background:#3d3d3d; color:#fff; padding:1px 0 4px 0; font-size:0.846em; width:60px; text-align:center;}
	#surveyForm div.questList ul.quest_result_list>li div.reListBox{
		background:#e3e3e3; margin:10px 0 0 0; padding:15px; font-size:0.923em; color:#333;
		border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; -ms-border-radius:5px; -o-border-radius:5px; 
	}
	#surveyForm div.questList ul.quest_result_list>li div.reListBox ul{padding:0; margin:0;}
	#surveyForm div.questList ul.quest_result_list>li div.reListBox ul li{margin:0 0 5px 0;}
	
	#surveyForm div.questList ul.quest_result_list>li div.q_a_result.short-answer {*zoom:1; position:relative;}
	#surveyForm div.questList ul.quest_result_list>li div.q_a_result.short-answer:after {content:""; clear:both; display:block; height:0; visibility:none; font-size:0; line-height:0;} 
	#surveyForm div.questList ul.quest_result_list>li div.q_a_result.short-answer button.reView{ position:absolute; top:9px; left:0;}
	#surveyForm div.questList ul.quest_result_list>li div.q_a_result.short-answer div.resultBar{margin-left:65px;}
	
	/*비밀번호 레이아웃*/
	div#passWrap{position:fixed; width:100%; height:100%; top:0; left:0; z-index:1000; background:url(../../images/sub/layer_transBg.png);}
	div#passWrap div.passBoxWrap{/*width:80%; height:60%; position:absolute; top:30%; left:10%;*/}
	div#passWrap p.btnBox{position:absolute; top:15%; right:10%; margin:-60px 0 0 -53px; width:53px; height:53px;}
	div#passWrap p.btnBox a{display:block; width:53px; height:53px; font-size:0; line-height:0; background:url(../../images/sub/layer_closeBtn.png);}
	div#passWrap p.btnBox a span{position:absolute; top:-1000px; left:-20000px;}
	div#passWrap div.passBox{
		/*width:100%; height:auto; background:#fff; margin:60px 0 0 0;*/
		width:80%; /* height:60%; */ position:fixed; top:15%; left: 10%; background:#fff; margin:0 0 0 0;
		border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px; -o-border-radius:10px; -ms-border-radius:10px; overflow:hidden
	}
	
	div#passWrap div.passBox h4{
		background:#4076b2; margin:10px; width:auto; padding:0;color:#fff; text-align:center; font-size:1.462em; height:50px; font-weight:normal; line-height:48px;
		border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px; -o-border-radius:10px; -ms-border-radius:10px; 
	}
	
	div#passWrap div.passBox div.passConBox{margin:10px; width:auto; height:auto; padding:0; /* overflow-y:auto; *zoom:1; */}
	div#passWrap div.passBox div.passConBox:after {content:""; clear:both; display:block; height:0; visibility:none; font-size:0; line-height:0;}
	div#passWrap div.passBox div.passConBox ul.topTxt{clear:both; padding:0; margin:0;}
	div#passWrap div.passBox div.passConBox ul.topTxt li{line-height:150%; background:url(../../images/sub/passModi_dot.gif) no-repeat left 10px; padding:0 0 0 10px;/* font-size:1.154em;*/}
	div#passWrap div.passBox div.passConBox ul.topTxt li span{color:#ec2222;}
	div#passWrap div.passBox div.passConBox div.passLeftBox, div#passWrap div.passBox div.passConBox div.passRightBox{margin:10px 0 0 0}
	div#passWrap div.passBox div.passConBox div div.passCon{
		padding:10px; margin:0; background:#f0f6fd; position:relative;
		border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px; -o-border-radius:10px; -ms-border-radius:10px; 
	}
	div#passWrap div.passBox div.passConBox div div.passCon h5{
		height:40px; line-height:38px; color:#fff; background:#6c737b; text-align:center; font-size:1.308em; font-weight:normal;
		border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px; -o-border-radius:10px; -ms-border-radius:10px; 
	}
	div#passWrap div.passBox div.passConBox div.passLeftBox div.passCon dl{padding:12px 10px 0 10px; margin:0; *zoom:1;}
	div#passWrap div.passBox div.passConBox div.passLeftBox div.passCon dl:first-child{padding-top:30px;}
	div#passWrap div.passBox div.passConBox div.passLeftBox div.passCon dl:after {content:""; clear:both; display:block; height:0; visibility:none; font-size:0; line-height:0;}
	div#passWrap div.passBox div.passConBox div.passLeftBox div.passCon dl dt{ display:none;}
	div#passWrap div.passBox div.passConBox div.passLeftBox div.passCon dl dd{margin:0; padding:0;}
	div#passWrap div.passBox div.passConBox div.passLeftBox div.passCon dl dd div.inputBox{
		padding:0 10px; margin:0; background:#fff; width:auto; border:1px solid #c8cdd2; border-bottom-width:3px; height:37px;
		border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px; -o-border-radius:10px; -ms-border-radius:10px; 
	}
	div#passWrap div.passBox div.passConBox div.passLeftBox div.passCon dl dd div.inputBox input[type=password]{height:35px; line-height:35px; border:0; width:100%; padding:0; margin:0; background:#fff;}
	/*초기비밀번호 변경 추가영역*/
	div#passWrap div.passBox div.passConBox div.passLeftBox div.passCon dl dd div.inputBox input[type=text]{height:35px; line-height:35px; border:0; width:100%; padding:0; margin:0; background:#fff;}
	div#passWrap div.passBox div.passConBox div.passLeftBox div.passCon dl dd div.inputBox.inputphone{display:inline-block; width:64px}
    div#passWrap div.passBox div.passConBox div.passLeftBox div.passCon dl dd div.inputBox input::placeholder {font-size:12px}

	div#passWrap div.passBox div.passConBox div.passLeftBox div.passCon div.btnBox{width:100%; padding:20px 0 0 0; margin:0;}
	div#passWrap div.passBox div.passConBox div.passLeftBox div.passCon div.btnBox button{
		background:#4076b2; display:block; width:100%; text-align:center; color:#fff; font-size:1.154em; padding:8px 0 10px 0; border-bottom:3px solid #225896;
		border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px; -o-border-radius:10px; -ms-border-radius:10px; 
	}
	div#passWrap div.passBox div.passConBox div.passRightBox div.passCon ul{margin:0; padding:0 10px;}
	div#passWrap div.passBox div.passConBox div.passRightBox div.passCon ul li{line-height:150%; background:url(../../images/sub/passModi_dot.gif) no-repeat left 10px; padding:0 0 0 10px; color:#000000; margin:10px 0 12px 0;}
	div#passWrap div.passBox div.passConBox div.passRightBox div.passCon ul li:last-child{margin-bottom:0;}

	/*부서소개 펼침형*/
	.departList{clear:both; padding:0; margin:0;}
	.departList ul{*zoom:1; position:relative; padding:0; margin:0;}
	.departList ul:after {content:""; clear:both; display:block; height:0; visibility:none; font-size:0; line-height:0;}
	.departList ul li {width:50%; .width:49%; float:left;}
	.departList ul li:nth-child(2n+1){clear:both\9; .clear:both; }
	.departList ul li:nth-child(3n+1){clear:none\9; .clear:none; }
	
	.departList ul li div.departWrap{
		margin:0 5px 10px 5px; padding:10px; border:1px solid #d4d4d4; border-bottom-widt:3px; background:#fbfbfb;
		border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px; -o-border-radius:10px; -ms-border-radius:10px; 
	}
	.departList ul li div.departWrap div.departBox{
		background:#ececec; padding:0 0 11px 0; margin:0; width:auto;
		border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px; -o-border-radius:10px; -ms-border-radius:10px; 
	}
	.departList ul li div.departWrap div.departBox div.departTit{
		border-width:1px; border-style:solid; padding:8px 0 8px 5px; margin:0; *zoom:1;
		border-radius:10px 10px 0 0; -webkit-border-radius:10px 10px 0 0; -moz-border-radius:10px 10px 0 0; -o-border-radius:10px 10px 0 0; -ms-border-radius:10px 10px 0 0; 
	}
	.departList ul li div.departWrap div.departBox div.departTit:after {content:""; clear:both; display:block; height:0; visibility:none; font-size:0; line-height:0;}
	.departList ul li div.departWrap div.departBox div.departTit p.iconBox{background:url(../../images/sub/departIcon_bg.png) no-repeat left center; width:50px; height:50px; float:left; margin-right:10px;}
	.departList ul li div.departWrap div.departBox div.departTit p.iconBox img{width:50px;}
	.departList ul li div.departWrap div.departBox div.departTit h4{color:#040000; font-size:1.692em; line-height:150%; padding-top:5px;}
	.departList ul li:nth-child(3n+1) div.departWrap div.departBox div.departTit{border-color:#df9800; background:#ffae00;}
	.departList ul li:nth-child(3n+2) div.departWrap div.departBox div.departTit{border-color:#18997c; background:#1dbf9b;}
	.departList ul li:nth-child(3n) div.departWrap div.departBox div.departTit{border-color:#2678b2; background:#4592c8;}
	.departList ul li div.departWrap div.departBox div.departCon{background:#fff; border:1px solid #cac9c9; border-top:0; width:auto; padding:10px;}
	.departList ul li div.departWrap div.departBox div.departCon dl{padding:0 0 10px 0; line-height:150%;}
	.departList ul li div.departWrap div.departBox div.departCon dl dt{font-weight:bold; color:#000; padding:0 0 0 20px}
	.departList ul li div.departWrap div.departBox div.departCon dl dd{padding-left:20px;}
	.departList ul li div.departWrap div.departBox div.departCon dl.oneLine dt{float:left; padding-right:15px;}
	.departList ul li div.departWrap div.departBox div.departCon dl.oneLine dd{paddig-left:0;}
	.departList ul li:nth-child(3n+1) div.departWrap div.departBox div.departCon>dl>dt{background:url(../../images/sub/depart_blt01.gif) no-repeat left 5px;}
	.departList ul li:nth-child(3n+2) div.departWrap div.departBox div.departCon>dl>dt{background:url(../../images/sub/depart_blt02.gif) no-repeat left 5px;}
	.departList ul li:nth-child(3n) div.departWrap div.departBox div.departCon>dl>dt{background:url(../../images/sub/depart_blt03.gif) no-repeat left 5px;}

	/*설문관리 참여목록 보기*/
    .surveyList .surveyList_tit {
        width:auto; border:2px solid #737373; margin-bottom:20px;
		border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; -ms-border-radius:5px; -o-border-radius:5px; 
    }
	.surveyList .surveyList_tit>div{padding:16px 20px 20px 20px; margin:0; position:relative; *zoom:1;}
	.surveyList .surveyList_tit>div:after {content:""; clear:both; display:block; height:0; visibility:none; font-size:0; line-height:0;}
	
	.surveyList .surveyList_tit div.topArea {padding-bottom: 15px;}
	.surveyList .surveyList_tit div.topArea h4 {font-size:1.462em; color:#000; *display:inline; zoom:1; padding-right:10px; line-height:120%; padding-bottom:5px; font-weight: normal;}
	.surveyList .surveyList_tit div.topArea h4 span {display:inline-block;}
	.surveyList .surveyList_tit div.topArea p {font-size: 1.154em; line-height: 130%;}

	.surveyList .surveyList_tit span.left_box {width: 105px; font-weight: 600;}

	.surveyList .surveyList_tit div.botArea{
		background:#f6f6f6; padding-top:8px; padding-bottom:10px; border-top:1px solid #b1b3b7; position: relative;
		border-radius:0 0 5px 5px; -webkit-border-radius:0 0 5px 5px; -moz-border-radius:0 0 5px 5px; -ms-border-radius:0 0 5px 5px; -o-border-radius:0 0 5px 5px; 
	}

	/* 설문 기능개선으로 추가 : com2zoa_devteam 2023.6.10 */
	.surveyList .surveyList_tit div.botArea div.selectBox select {
			position:absolute;top:5px;left:150px;border:0; height:37px; width:110px; padding:0 0 0 10px; font-size:1em; color:#000; background:#fff url(../../images/sub/select_arrow.gif) no-repeat right center; padding:8px 0 \9; height:auto \9; width:120px \9; .padding:0; .width:120px; 
			box-sizing:content-box; -webkit-box-sizing:content-box; -moz-box-sizing:content-box; -o-box-sizing:content-box; -ms-box-sizing:content-box; 
			-webkit-appearance: none; /* 네이티브 외형 감추기 */  -moz-appearance: none; appearance: none;
			border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px; -o-border-radius:10px; -ms-border-radius:10px; 
	} 

	.surveyList .surveyList_tit div.botArea p.target {font-size: 1.154em; color:#000; line-height: 31px;}
	.surveyList .surveyList_tit div.botArea p.count {font-size: 1.154em; line-height: 30px;}
	.surveyList .surveyList_tit div.botArea p.count span {color: #f00;}

	.surveyList .btnArea {padding-bottom: 20px;text-align: center;}
	.surveyList .btnArea .btn_box {width: 50%; float: left; margin: 0; padding: 0;}
	.surveyList .btnArea .btn_box span {display: block; border-style: solid; border-width: 1px;
		 border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px;
	}
	.surveyList .btnArea .printe_btn span {margin: 0 4px 0 0; border-color: #0c28b4; background: #4457e2;}
	.surveyList .btnArea .list_btn span {margin: 0 0 0 4px; border-color: #707070; background: #8e8e8e;}
	.surveyList .btnArea .btn_box button {font-size: 1.154em; background: none; color: #fff; text-align: center; padding: 10px 0 13px 0; text-align: center; display: block; width: 100%;}

	.surveyList .tableBox {margin-bottom: 20px;}
	.surveyList .userPage {margin-bottom: 20px;}

	/*방과후학교 소개*/
	#afterInfo{clear:both; padding:0; margin:0;}
	#afterInfo div.topBox{
		background:#7aabfe url(../../images/sub/t_after_infoBg.png) no-repeat center 5px; padding:40px 10px 10px 10px; position:relative; margin:0 0 10px 0;
		border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; -o-border-radius:5px; -ms-border-radius:5px; 
	}
	#afterInfo div.topBox p{
		font-size:2em; font-weight:bold; color:#282726; background:#fff; border:3px solid #1f7bbb; text-align:center;  padding-top:0; height:45px; line-height:50px; margin-top:30px;
		border-radius:30px; -webkit-border-radius:30px; -moz-border-radius:30px; -o-border-radius:30px; -ms-border-radius:30px; 

	}
	#afterInfo div.topBox p span{color:#ff7200;}

	#afterInfo h4{background:url(../../images/sub/sub_tit_blt.gif) no-repeat left top; font-size:1.308em; font-weight:bold; color:#000; padding:5px 0 5px 40px; line-height:150%; margin:10px 0 15px 0;}
	#afterInfo p{line-height:150%; padding:10px;}
	#afterInfo  ul{
		background:#fff; margin:0; border:1px solid #cfcfcf; border-bottom-width:2px; padding:10px;
		border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; -o-border-radius:5px; -ms-border-radius:5px; 
	}
	#afterInfo  ul li{padding:5px; margin:0; line-height:150%; background:url(../../images/sub/m_notice_dot.gif) no-repeat left center; padding-left:10px;}


	/* 수강신청 버튼 색상 추가 design KJH 190122 */
	div.tableBox table tbody .apply_no01 span {color:#368904}
	div.tableBox table tbody .apply_no02 span {color:#ec5706}
	div.tableBox table tbody .apply_complete {width:55px; height:20px; line-height:20px; padding:0 5px; margin:0 auto; border:1px solid #365f05;  border-bottom-width:2px; color:#fff; font-size:12px; background:#5d911f; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; -ms-border-radius:5px; -o-border-radius:5px}
	div.tableBox table tbody .apply_end {width:55px; height:20px; line-height:20px; padding:0 5px; margin:0 auto; border:1px solid #7e7e7e;  border-bottom-width:2px; color:#fff; font-size:12px; background:#919191; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; -ms-border-radius:5px; -o-border-radius:5px}


@media only screen and (max-width:600px) {
	div.appliDate ul{background:#3e6477; padding-left:15px;}
	div.classDate ul{background:#f46138; padding-left:15px;}
	.departList ul li {width:100%;}
}


/* lowest layout fixed */
@media only screen and (min-width:0) and (max-width:767px){
	/*콘텐츠*/
	.mnone{display:none;}
	.mview{display:block;}
	
	div.tableBox table thead th.mLastTh{
		border-radius:0 10px 0 0; -webkit-border-radius:0 10px 0 0; -moz-border-radius:0 10px 0 0; -o-border-radius:0 10px 0 0; -ms-border-radius:0 10px 0 0; 
	}
	div.tableBox table thead th.mFirstTh{
		border-radius:10px 0 0 0; -webkit-border-radius:10px 0 0 0; -moz-border-radius:10px 0 0 0; -o-border-radius:10px 0 0 0; -ms-border-radius:10px 0 0 0; 
	}
	div.tableBox table tbody th span.tit{display:block;}
	div.rightBox {z-index:100}
	div#list_top {z-index:99 !important}
}

/*  tablet layout */
@media only screen and (min-width:768px) and (max-width:1299px)  {
	/*section*/
	section#subContainer div.subContain{padding-left:240px;}
	section#subContainer div.subContain div.pd0{padding:0 !important;}
	
	/*서브메뉴*/
	#subMn{display:block;}


	div#subTop{position:relative; padding:0 0 20px 0; border-bottom:3px solid #3d3d3d; margin:0 15px 30px 15px;}
	div#subTop h3{margin-left:0; margin-right:0; border-bottom:0; padding-bottom:0;}
	
	div.rightBox{left:inherit; .left:auto; right:15px; width:auto; top:auto; bottom:20px;}
	/*페이지 NAVI*/
	#sub_guide{padding:0; margin:0;}
	#sub_guide .guide_box{background:none; height:auto; font-size:1em;}
	
	#sub_guide div.naviArea{width:auto; padding:0 0 0 15px; position:relative; z-index:4; .float:right;}
	
	#sub_guide div.naviArea ul{height:auto; *zoom:1;display: block; .float:right; .width:50%;}
	
	#sub_guide div.naviArea ul li{background:url(../../images/sub/guide_dot.gif) no-repeat right center; height:auto; line-height:150%; float:left;}  
	#sub_guide div.naviArea ul li a{display:block; width:auto; padding:0 17px 0 0; height:auto; border-left:0; overflow:auto; text-overflow:ellipsis; -o-text-overflow:ellipsis; -ms-text-overflow:ellipsis; white-space:nowrap; color:#000;}
		
	#sub_guide div.naviArea ul li:first-child{background:url(../../images/sub/guide_dot.gif) no-repeat right center; }
	#sub_guide div.naviArea ul li:first-child a{ border-left:none; background:url(../../images/sub/home_navi.gif) no-repeat left 5px; padding-left:18px;}
	#sub_guide div.naviArea ul li.nav01{width:auto; .width:auto; flex:none; -webkit-flex:none; -ms-flex:none;}
	#sub_guide div.naviArea ul li.nav02{width:auto; .width:auto; flex:none; -webkit-flex:none; -ms-flex:none;}
	#sub_guide div.naviArea ul li.nav03{width:auto; .width:auto; flex:none; -webkit-flex:none; -ms-flex:none;  padding-right:0;}
	#sub_guide div.naviArea ul li.last{background:none;}
	#sub_guide div.naviArea ul li.nav03 a{padding-right:0; text-decoration:none;}
	#sub_guide div.naviArea ul li div.subMn{display:none;} 
	
	section#subContainer div.subContain div.subConWrap div#subPage{min-height:300px;}


	/*콘텐츠*/
	.tnone{display:none;}
	.tview{display:block;}
		
	div.tableBox table thead th.tLastTh{
		border-radius:0 10px 0 0; -webkit-border-radius:0 10px 0 0; -moz-border-radius:0 10px 0 0; -o-border-radius:0 10px 0 0; -ms-border-radius:0 10px 0 0; 
	}
	div.tableBox table tbody th span.tit{display:block;}
	div.teaWrap div.teaBox dl.departName{ clear:none;float:left; width:49.5%; margin-bottom:10px; }
	div.teaWrap div.teaBox dl.teaName{ clear:none;float:right; width:49.5%; margin-bottom:10px; }
	

	#userBtnBox div.rightBtn {float:right; width:180px;}
	/*******************************170526 추가 시작****************************************/
	#userBtnBox div.rightBtn.twoBtn {width:370px;}
	/*******************************170526 추가 끝****************************************/
	

	/*******************************170526 수정 시작***************************************/
	div.writeWrap div.writeBox ul li div.stu_wrap {margin-bottom:5px;}
	div.writeWrap div.writeBox ul li h5{width:160px; float:left; line-height:36px; background-position:left 12px;}
	div.writeWrap div.writeBox ul li div.writeForm {margin:0 0 0 180px; *zoom:1;}
	div.writeWrap div.writeBox ul li div.writeForm:after {content:""; clear:both; display:block; height:0; visibility:none}
	/*******************************170526 수정 시작****************************************/
	/* div.writeWrap div.writeBox ul li h5{width:160px; float:left; line-height:37px; background-position:left 12px;} */
	/* div.writeWrap div.writeBox ul li div.writeForm{margin:0 0 0 180px;} */
	div.writeWrap div.writeBox ul li div.notiTxt{margin:0 0 0 180px;}
	div.writeWrap div.writeBox ul li div div.inputBox input[type=text], div.writeWrap div.writeBox ul li div div.inputBox input[type=password]{.margin-left:-180px }
	div.writeWrap div.writeBox ul li div.writeForm div.wdt30per div.inputBox input[type=text]{.margin-left:0;}


	/*설문관리*/
	.bd_bottom div.stuList.surveyListBtn div.btnBox{width:100%; .width:100%;}
	#surveyForm div.questRegist .wdt50per{/*width:50%; .width:49.5%; */float:left; width:40%;}
	#surveyForm div.questRegist .pdr20{width:60% !important; .width:59% !important;}
	#surveyForm div.questRegist div.registLine div.q_txt div.answerList{margin-left:0;}
	
	/*비밀번호 변경*/
	div#passWrap div.passBox div.passConBox ul.topTxt{background:url(../../images/sub/passModi_icon.gif) no-repeat left top; padding-left:70px; padding-top:5px; padding-bottom:10px;}
	div#passWrap div.passBox div.passConBox ul.topTxt li{font-size:1.154em; background-position:left 12px;}
	div#passWrap div.passBox div.passConBox div.passLeftBox div.passCon dl dt{display:block; width:125px; float:left; font-size:1.154em; color:#000; line-height:35px;}
	div#passWrap div.passBox div.passConBox div.passLeftBox div.passCon dl dd{margin-left:125px;}
	div#passWrap div.passBox div.passConBox div.passLeftBox div.passCon dl dd div.inputBox input[type=password][placeholder]{/*color:#fff;*/}
	div#passWrap div.passBox div.passConBox div.passLeftBox div.passCon dl dd div.inputBox input[type=password]{.margin-left:-125px;}
/*	div#passWrap div.passBox div.passConBox div.passLeftBox{width:60%; float:left; .width:59%;}
	div#passWrap div.passBox div.passConBox div.passRightBox{width:40%; float:right;}
	div#passWrap div.passBox div.passConBox div div.passCon{min-height:280px;}
	div#passWrap div.passBox div.passConBox div.passLeftBox div.passCon{margin-right:5px;}
	div#passWrap div.passBox div.passConBox div.passRightBox div.passCon{margin-left:5px;}*/

}
/* pc layout */
@media only screen and (min-width:1300px) {
		
	/*section*/
	section#subContainer div.subContain{padding-left:240px;}
	section#subContainer div.subContain div.pcBox{width:1030px; margin:0 auto; padding:0;}
	
	/*서브메뉴*/
	#subMn{display:block;}
	
	div#subTop{position:relative; padding:0 0 20px 0; border-bottom:3px solid #3d3d3d; margin:0 auto 30px auto; width:1030px;}
	div#subTop h3{margin-left:0; margin-right:0; border-bottom:0;  padding-bottom:0;}
	
	div.rightBox{left:inherit; right:15px; width:auto; top:auto; bottom:20px; .left:auto;}
	/*페이지 NAVI*/
	#sub_guide{padding:0; margin:0;}
	#sub_guide .guide_box{background:none; height:auto; font-size:1em;}
	
	#sub_guide div.naviArea{width:auto; padding:0 0 0 15px; position:relative; z-index:4; .float:right;}
	
	#sub_guide div.naviArea ul{height:auto; *zoom:1;display: block;  .float:right; .width:50%;}
	
	#sub_guide div.naviArea ul li{background:url(../../images/sub/guide_dot.gif) no-repeat right center; height:auto; line-height:150%; float:left;}  
	#sub_guide div.naviArea ul li a{display:block; width:auto; padding:0 17px 0 0; height:auto; border-left:0; overflow:auto; text-overflow:ellipsis; -o-text-overflow:ellipsis; -ms-text-overflow:ellipsis; white-space:nowrap; color:#000;}
		
	#sub_guide div.naviArea ul li:first-child{background:url(../../images/sub/guide_dot.gif) no-repeat right center; }
	#sub_guide div.naviArea ul li:first-child a{ border-left:none; background:url(../../images/sub/home_navi.gif) no-repeat left 5px; padding-left:18px;}
	#sub_guide div.naviArea ul li.nav01{width:auto; .width:auto; flex:none; -webkit-flex:none; -ms-flex:none;}
	#sub_guide div.naviArea ul li.nav02{width:auto; .width:auto; flex:none; -webkit-flex:none; -ms-flex:none;}
	#sub_guide div.naviArea ul li.nav03{width:auto; .width:auto; flex:none; -webkit-flex:none; -ms-flex:none; background:none; padding-right:0;}
	#sub_guide div.naviArea ul li.nav03 a{padding-right:0; text-decoration:none;}
	#sub_guide div.naviArea ul li div.subMn{display:none;} 
	
	section#subContainer div.subContain div.subConWrap{padding-left:0; padding-right:0;}
	section#subContainer div.subContain div.subConWrap div#subPage{width:1030px; margin:0 auto; min-height:500px;}
	section#subContainer div.subContain div.subConWrap div.topBtn{right:auto; left:50%; margin-left:655px;}
	
	/*콘텐츠*/
	.pnone{display:none;}
	.pview{display:block;}
	
/*	div#departTable table tbody th{text-align:left; padding-left:15px;}*/
	div.teaWrap div.teaBox dl.departName{background:#e8fdf8 url(../../images/sub/tea_icon01.gif) no-repeat 10px 10px;}
	div.teaWrap div.teaBox dl.teaName{background:#e8fdf8 url(../../images/sub/tea_icon02.gif) no-repeat 10px 10px;}
	div.teaWrap div.teaBox dl.departName{ clear:none;float:left; width:49.5%; margin-bottom:10px; }
	div.teaWrap div.teaBox dl.teaName{ clear:none;float:right; width:49.5%; margin-bottom:10px; }

	#userBtnBox div.rightBtn {float:right; width:180px;}
	#userBtnBox div.centerBtn {width:370px; margin:0 auto;}
	#userBtnBox div.centerBtn.oneBtn button{width:180px; float:none; margin:0 auto;}
	/*******************************170526 추가 시작****************************************/
	#userBtnBox div.rightBtn.twoBtn {width:370px;}
	/*******************************170526 추가 끝****************************************/
	

	/*******************************170526 수정 시작****************************************/
	div.writeWrap div.writeBox ul li div.stu_wrap {margin-bottom:5px;}
	div.writeWrap div.writeBox ul li h5{width:160px; float:left; line-height:36px; background-position:left 12px;}
	div.writeWrap div.writeBox ul li div.writeForm {margin:0 400px 0 180px; *zoom:1;}
	div.writeWrap div.writeBox ul li div.writeForm:after {content:""; clear:both; display:block; height:0; visibility:none}
	/*******************************170526 수정 시작****************************************/

	/* div.writeWrap div.writeBox ul li h5{width:160px; float:left; line-height:37px; background-position:left 12px;} */
	/* div.writeWrap div.writeBox ul li div.writeForm{margin:0 400px 0 180px;} */
	div.writeWrap div.writeBox ul li div.notiTxt{margin:0 0 0 180px;}
	div.writeWrap div.writeBox ul li div div.inputBox input[type=text], div.writeWrap div.writeBox ul li div div.inputBox input[type=password]{.margin-left:-180px }
	div.writeWrap div.writeBox ul li div.writeForm div.wdt30per div.inputBox input[type=text]{.margin-left:0;}

	/*******************************170526 추가 시작****************************************/
		div.writeWrap div.writeBox ul{position:relative;}
		div.writeWrap div.writeBox ul li.btnLine{border-bottom:0; background:none; text-align:right; position:absolute; bottom:10px; right:15px;}
		div.writeWrap div.writeBox button.delChild{width:auto; position: absolute; right: 17px; bottom: 18px; margin-top:0;}

		/*******************************170526 추가 삭제****************************************/

			
		/*설문관리*/
		#surveyForm #surveyBtn div.btnBox{width:210px; float:right;}
		#surveyForm #surveyBtn div.btnBox:first-child{float:left;}
		#surveyForm div.questRegist .wdt50per{width:50%; .width:49.5%; float:left;}
		#surveyForm div.questRegist div.registLine div.q_txt div.answerList{margin-left:0;}
		
		#surveyForm #surveyBtn.answerSave{text-align:center;}
		#surveyForm #surveyBtn.answerSave div.btnBox{width:210px; float:none; display:inline-block; *display:inline; zoom:1;}
		
	/*비밀번호 변경*/
	div#passWrap p.btnBox{top:47%; right:auto; left:50%; margin:-285px 0 0 367px;}
	div#passWrap div.passBox{width:840px; height:509px; position:fixed; top:47%; left:50%; margin:-225px 0 0 -420px;}
	div#passWrap div.passBox div.passConBox ul.topTxt{background:url(../../images/sub/passModi_icon.gif) no-repeat 10px top; padding:5px 10px 10px 80px;}
	div#passWrap div.passBox div.passConBox ul.topTxt li{font-size:1.154em; background-position:left 12px;}
	div#passWrap div.passBox div.passConBox div.passLeftBox{width:57% !important; .width:56% !important; float:left;}
	div#passWrap div.passBox div.passConBox div.passRightBox{width:43% !important; float:right;}
/*	div#passWrap div.passBox div.passConBox div div.passCon{min-height:inherit; max-height:inherit; height:270px;}*/
	div#passWrap div.passBox div.passConBox div div.passCon{min-height:270px !important; max-height:270px !important;}
	div#passWrap div.passBox div.passConBox div.passLeftBox div.passCon{margin-right:5px;}
	div#passWrap div.passBox div.passConBox div.passRightBox div.passCon{margin-left:5px;}
	div#passWrap div.passBox div.passConBox div.passLeftBox div.passCon dl dt{display:block; width:125px; float:left; font-size:1.154em; color:#000; line-height:35px;}
	div#passWrap div.passBox div.passConBox div.passLeftBox div.passCon dl dd{margin-left:125px;}
	div#passWrap div.passBox div.passConBox div.passLeftBox div.passCon dl dd div.inputBox input[type=password][placeholder]{/*color:#fff;*/}

	div#passWrap div.passBox div.passConBox div.passLeftBox div.passCon dl dd div.inputBox input[type=password]{.margin-left:-125px;}
	div#passWrap div.passBox div.passConBox div.passLeftBox div.passCon dl.pass1{padding-top:30px;}
	div#passWrap div.passBox div.passConBox div.passLeftBox div.passCon div.btnBox{padding-top:40px;}
	div#passWrap div.passBox div.passConBox div.passRightBox div.passCon ul{padding-top:15px;}



	.departList ul li{width:33.3% !important; .width:32% !important; }
	.departList ul li:nth-child(2n+1){ clear:none\9; float:left\9;.clear:none; .float:left;}
	.departList ul li:nth-child(3n+1){ clear:both\9; float:left\9;.clear:both; .float:left;}


	/*설문관리 참여목록 보기*/
	.surveyList .btnArea .btn_box  {width: 210px; float: none; display: inline-block; .display: inline; zoom: 1;}

	/*방과후학교안내*/
	#afterInfo div.topBox{background:#7aabfe url(../../images/sub/after_infoBg.png) no-repeat left bottom; padding:10px 0 5px 0; height:90px; border-radius:none; width:1029px;}
	#afterInfo div.topBox p{width:480px; height:45px; text-align:center; margin:10px auto; margin-top:20px;}
}




@media only screen and (min-width:950px) {
	div.listTop p.list_left{float:left; padding-top:10px;}
	div.listTop div.list_right{float:right; width:400px;}
	.departList ul li{width:50%; .width:49.5%; .flat:left;}

	/*설문관리 참여목록 보기*/
	.surveyList .surveyList_tit div.topArea p {font-size: 1.077em; position: absolute; right: 15px; top: 50%; text-align: right; margin-top:-21px;}
	.surveyList .surveyList_tit div.topArea p span {display: block;}

}

@media only screen and (max-width:1000px) {
	div.teaWrap p.btnBox{margin-left:-26px; left:90%;}
	div.teaWrap div.teaBox{ width:80%; margin-left:0; left:10%;}
	div.teaWrap div.teaBox dl.departName{clear:both;float:none; width:auto; margin-bottom:0; }
	div.teaWrap div.teaBox dl.teaName{ clear:both;float:none; width:auto; margin-left:0; margin-bottom:0; }
	div.teaWrap div.teaBox dl.departEdu{min-height:115px}

}

@media only screen and (max-width:500px) {
	#surveyForm div.topSurveyTit div.bottomArea div.btnBox{clear:both;float:none;}

	/*******************************170526 추가 시작****************************************/
	div.tableBox table thead th{font-size:1em;}
	div.tableBox table tbody th, div.tableBox table tbody td{font-size:1em;}
	/*******************************170526 추가 끝****************************************/
}

@media only screen and (min-width:400px) {

	/*설문관리 참여목록 보기*/
	.surveyList .surveyList_tit div.botArea p.count {position: absolute; right: 15px; top: 50%; margin-top: -17px;}

}

@media only screen and (max-width:1299px) {
/* div#passWrap div.passBox{height:53%} */
div#passWrap div.passBox div.passConBox{overflow-y:scroll}
div#passWrap div.passBox div.passConBox{height:420px}
/*초기비밀번호 변경 추가영역*/
div#passWrap div.passBox div.passConBox div.passLeftBox div.passCon dl dd div.inputBox input[type=text]{height:35px; line-height:35px; border:0; width:100%; padding:0; margin:0; background:#fff;}
}

@media only screen and (max-width:455px) {
div#passWrap div.passBox div.passConBox div.passLeftBox div.passCon dl dd div.inputBox.inputphone{display:block; width:auto;}
div#passWrap div.passBox div.passConBox div.passLeftBox div.passCon dl dd{text-align:center}
}

/******************170501 추가 및 수정********************************/

	div.writeWrap div.writeBox ul li div  div.selectBox{
		margin:0; padding:0 10px; width:auto; border:1px solid #d4d4d4; border-bottom-width:3px;  height:37px; 
		border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px; -o-border-radius:10px; -ms-border-radius:10px; 
	}



	div.writeWrap div.writeBox ul li div  select {
		-webkit-appearance: none; /* 네이티브 외형 감추기 */ 
		-moz-appearance: none; 
		appearance: none; 
	} 
	/* IE 10, 11의 네이티브 화살표 숨기기 */ 
	div.writeWrap div.writeBox ul li div  select::-ms-expand { display: none; } 
	div.writeWrap div.writeBox ul li div  select{
		width:100%; padding:0; border:0; background:#fff url(../../images/super/select_arrow.gif) no-repeat right center; height:37px;
		border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; -ms-border-radius:3px; -o-border-radius:3px; 
		.background:#fff; 
		
	}
	div.listTop div.list_right div.selectWrap{margin:0 67px 0 0; width:auto; padding:0; position:relative;}
	
	/*div.listTop div.list_right div.selectBox.select2{position:static; margin: 0 67px 0 127px; }*/

	div.listTop div.list_right div.selectWrap div.float-left{float:left; width:49%; padding:0 1% 0 0;}
	div.listTop div.list_right div.selectWrap div.selectBox{position:static; width:auto; padding:0 0 0 10px;}
	div.listTop div.list_right div.selectWrap div.selectBox select {width:100%; padding:0;} 

/******************220321 kjhh 모바일 스크롤 추가 및 수정********************************/
.tb_scroll {display:none}

@media only screen and (max-width:767px) {

.tableScroll {overflow-x:auto;position:relative}
.tb_scroll {display:block; margin:12px 0 6px; text-align:right}
.tb_scroll span {display:inline-block; padding:5px 20px 5px 10px; background:#3d3d3d url(../../images/super/admin_leftMn1_on.gif) no-repeat right -10px top 50%; color:#fff; border-radius:50px 50px}
.tableScroll table {min-width:800px}
.tableScroll table th, .tableScroll table td {word-break:keep-all}
}

/* kjh 펼침형스타일 추가 20230118 */
div.teaWrap div.teaBox dl.departName{background:#e8fdf8 url(../../images/sub/tea_icon01.gif) no-repeat 10px 10px;}
div.teaWrap div.teaBox dl.teaName{background:#e8fdf8 url(../../images/sub/tea_icon02.gif) no-repeat 10px 10px;}
div.teaWrap div.teaBox dl.teaCareer{background:#e8fdf8 url(../../images/sub/tea_icon03.gif) no-repeat 10px 10px;}
div.teaWrap div.teaBox dl.departEdu{background:#e8fdf8 url(../../images/sub/tea_icon04.gif) no-repeat 10px 10px; min-height:200px}

.departList ul {display:flex; flex-wrap:wrap /* ; justify-content: space-between; */}
.departList ul li {width:49%; margin:0 0.5% 10px}
.departList ul li {border:1px solid #d4d4d4; border-radius:10px; box-sizing:border-box; margin-bottom:14px}
.departList ul li div.departWrap {border:0; margin:0; background:none}
.departList ul li div.departWrap div.departBox div.departCon {position:relative}
.departList ul li div.departWrap div.departBox button{border-bottom-style:solid; border-bottom-width:2px; color:#fff; font-size:12px; padding:1px 7px 3px 7px; margin:0 5px;
border-radius:5px}

.departList ul li div.departWrap div.departBox div.departCon button.teaBtn{background:#3a8fcb; border-color:#195681}
.departList ul li div.departWrap div.departBox div.departCon dl dd {min-height:20px; word-break:keep-all}
.departList ul li div.departWrap div.departBox div.departCon .teaWrap dl {min-height:40px; padding-top:16px}
.departList ul li div.departWrap div.departBox div.departCon .teaWrap dl dd {margin-top:20px}
.departList ul li div.departWrap div.departBox div.departCon {border:0}
.departList ul li div.departWrap div.departBox {background:none}

.departList ul li div.departWrap div.departBox div.departTit {border-radius:10px}
.departList ul li div.departWrap div.departBox div.departTit h4 {padding-top:8px}
.departList ul li div.departWrap div.departBox div.departTit h4 a {color:#000}
.departList ul li div.departWrap div.departBox div.departCon dl dt {background-position:0 7px !important}
.departList ul li div.departWrap div.departBox div.departCon>dl>dt {background-position:0 3px !important}

.departList ul li div.departWrap div.departBox div.departCon dl.oneLine>dt {float:left}


@media only screen and (max-width: 600px) {

.departList ul li {width:100% !important}
}

@media only screen and (min-width: 950px) {
.departList ul li {width:49% !important; margin:0 0.5% 15px}
}

@media only screen and (min-width: 1300px)  {
.departList ul li {width:32.3% !important; margin:0 0.5% 15px}

}