@charset "utf-8";
/* CSS Document */


/*비밀번호 변경_레이어창*/
#myclassnoticeWrap {height:inherit; position:fixed; left:0; top:0; z-index:1000; width:100%; height:100% !important;  background:url(../../images/guide/trans40.png) left top repeat;}
#myclassnoticeWrap div.yclassnoticeBox {width:90%;min-width:320px;  height:auto;.height:320px; background:#16cec4; position:fixed; left:5%; top:50%; padding:0; margin:0; overflow:hidden; margin-top:-225px; z-index:999;  }
#myclassnoticeWrap div.yclassnoticeBox div.yclassnotice {*zoom:1; height:auto;}
#myclassnoticeWrap div.yclassnoticeBox div.yclassnotice:after {content:""; clear:both; display:block; height:0; visibility:none;}

#myclassnoticeWrap div.yclassnoticeBox div.yclassnotice_top { padding:0 0; background:#02bab0 ; }
#myclassnoticeWrap div.yclassnoticeBox div.yclassnotice_top p.pcTit {color:#fff; font-size:2.3em; letter-spacing:-1px; text-align:center;  width:auto; position:relative; z-index:100; padding:0 0 0 80px; height:95px; line-height:95px; background:url(../../images/guide/yclassnotice_top_bg.gif) 10% center no-repeat;  }

#myclassnoticeWrap div.yclassnoticeBox div.yclassnotice_mid { background:#fff; padding:20px 10px; margin:15px;*zoom:1;position:relative;  }
#myclassnoticeWrap div.yclassnoticeBox div.yclassnotice_mid:after {content:""; clear:both; display:block; height:0; visibility:none;}
#myclassnoticeWrap div.yclassnoticeBox div.yclassnotice_mid>p {font-size:1.077em;line-height:150%;  text-align:center; }
#myclassnoticeWrap div.yclassnoticeBox div.yclassnotice_mid>p span {font-weight:600; text-decoration:underline;}

#myclassnoticeWrap div.yclassnoticeBox div.yclassnotice_button {width:auto;  text-align:center; margin:0 auto; margin-top:15px; margin-bottom:15px; padding:0 15px; *zoom:1;}
#myclassnoticeWrap div.yclassnoticeBox div.yclassnotice_button:after {content:""; clear:both; display:block; height:0; visibility:none;}

#myclassnoticeWrap div.yclassnoticeBox div.yclassnotice_button .btnWrap div.leftb {width:49%;.width:48.5%; float:left;margin-right:1%; .margin-right:1%;}
#myclassnoticeWrap div.yclassnoticeBox div.yclassnotice_button .btnWrap div.rightb {width:49%; margin-left:1%; float:left;}

#myclassnoticeWrap div.yclassnoticeBox .btnWrap .btnst01Btn {background:#fad903; border-bottom:#c0a702 solid 1px; border-right:#c0a702 solid 1px;}
#myclassnoticeWrap div.yclassnoticeBox .btnWrap .btnst01Btn button{background:none; border:0; padding:13px 8px 13px 8px; text-align:center; display:block; color:#221a18; width:100%; font-weight:bold; font-size:1.2em;}
#myclassnoticeWrap div.yclassnoticeBox .btnWrap .btnst02Btn {background:#3d4645;border-bottom:#090909 solid 1px; border-right:#090909 solid 1px; }
#myclassnoticeWrap div.yclassnoticeBox .btnWrap .btnst02Btn button {background:none; border:0; padding:13px 0 13px 0; text-align:center; display:block; color:#fff; width:100%; font-weight:bold;font-size:1.2em;}

/* lowest layout fixed */
@media only screen and (min-width : 0px) and (max-width : 767px){
	
}

@media only screen and (min-width:768px) and (max-width:1024px)  {
	
					
		/*비밀번호 변경_레이어창*/

		#myclassnoticeWrap div.yclassnoticeBox {margin-top:-260px; height:auto;.height:300px; }
		#myclassnoticeWrap div.yclassnoticeBox div.yclassnotice_top p.pcTit { font-size:2.5em; padding:0; background:url(../../images/guide/yclassnotice_top_bg.gif) 25% center no-repeat;  }
	
}

@media only screen and (min-width:1025px) {	
		
				
		/*비밀번호 변경_레이어창*/
		#myclassnoticeWrap div.yclassnoticeBox {width:400px; height:340px;margin-top:-170px; left:50%;margin-left:-200px;}
		#myclassnoticeWrap div.yclassnoticeBox div.yclassnotice_top p.pcTit { font-size:2.5em; background:url(../../images/guide/yclassnotice_top_bg.gif) 12% center no-repeat;  }
		
		#myclassnoticeWrap div.yclassnoticeBox div.yclassnotice_mid { padding:25px 20px; margin:20px 20px 20px 20px; }
		#myclassnoticeWrap div.yclassnoticeBox div.yclassnotice_mid:after {content:""; clear:both; display:block; height:0; visibility:none;}
		
		#myclassnoticeWrap div.yclassnoticeBox div.yclassnotice_button {margin-top:0; margin-bottom:0; padding:0 20px;}
		
		
		

		
		
			


}

@media only screen and (max-width:480px){
	
}
