@charset "euc-kr";
/* CSS Document */
* {text-decoration:none; position::relative}
a:linked, a:visited{text-decoration:none;}
.emptyImage {width:100%; height:100%; cursor:pointer;}
.metroBox {position:absolute;}

#contents {width:1056px; margin:0 auto; position:relative;}
#introMain {width:100%; display:block; position:absolute;}
#padWidth {width:100%; display:none; position:absolute;}
#padHeight {width:100%; display:none; position:absolute;}
#mobileMain {width:100%; display:none; position:absolute;}

#topLogo {width:170px; height:60px; position:absolute;}

#mypage {width:126px; height:126px; top:242px; left:259px;}
#wet {width:126px; height:126px; top:242px; left:395px;}
#notice {width:194px; height:96px; top:242px; left:531px;font-size:12px;padding-top:30px;padding-left:70px; text-decoration:none;}
.notice_li{float:left;margin-top:3px;margin-bottom:3px; text-decoration:none;}
.notice_ellipsis{float:left;width:100px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;color:white; text-decoration:none; cursor:pointer;}
.notice_date{float:left;margin-left:3px;margin-right:3px;color:white;}


#teacher {width:262px; height:126px; top:378px; left:259px;}
#community {width:126px; height:126px; top:378px; left:531px;}
#event {width:126px; height:126px; top:378px; left:668px;}

#lms {width:126px; height:126px; top:514px; left:259px;}
#openDoc {width:126px; height:126px; top:514px; left:395px;}
#shoppingMall {width:262px; height:126px; top:514px; left:531px;}

#enter {width:100px; height:40px; top:678px; left:474px; position:absolute;}

#IntroText_pc {display:block;}
#IntroText_padH {display:none;}
#IntroText_padV {display:none;}
#IntroText_mobile {display:none;}

/* ?„ì²´ BODY */
@media only screen and (max-width:1055px){
	/* ?”ë©´ size??pad 가로size??맞춤 => 921px */
	#contents {width:1024px;}
	#introMain {display:none;}
	#padWidth {display:block;}
	
	#topLogo {width:170px; height:60px; top:30px; left:40px; position:absolute;}

	#mypage {width:126px; height:126px; top:182px; left:244px;}
	#wet {width:126px; height:126px; top:182px; left:380px;}
	#notice {width:192px; height:96px; top:182px; left:516px;}
	
	#teacher {width:262px; height:126px; top:318px; left:244px;}
	#community {width:126px; height:126px; top:318px; left:516px;}
	#event {width:126px; height:126px; top:318px; left:652px;}
	
	#lms {width:126px; height:126px; top:454px; left:244px;}
	#openDoc {width:126px; height:126px; top:454px; left:380px;}
	#shoppingMall {width:262px; height:126px; top:454px; left:516px;}

	#enter {width:100px; height:40px; top:615px; left:463px; cursor:pointer;}
	
	#IntroText_pc {display:none;}
	#IntroText_padH {display:block;}
}

@media only screen and (max-width:1023px){
	/* ?”ë©´ size??pad 가로size??맞춤 => 921px */
	#contents {width:768px;}
	#padWidth {display:none;}
	#padHeight {display:block;}
	
	#topLogo {width:170px; height:60px; top:30px; left:30px; position:absolute;}

	#mypage {width:126px; height:126px; top:311px; left:116px;}
	#wet {width:126px; height:126px; top:311px; left:252px;}
	#notice {width:192px; height:96px; top:311px; left:388px;}
	
	#teacher {width:262px; height:126px; top:447px; left:116px;}
	#community {width:126px; height:126px; top:447px; left:388px;}
	#event {width:126px; height:126px; top:447px; left:525px;}
	
	#lms {width:126px; height:126px; top:584px; left:116px;}
	#openDoc {width:126px; height:126px; top:584px; left:252px;}
	#shoppingMall {width:262px; height:126px; top:584px; left:388px;}
	
	#enter {top:745px; left:333px;}
	
	#IntroText_padH {display:none;}
	#IntroText_padV {display:block;}
}

@media only screen and (max-width:767px){
	/* ?”ë©´ size??pad 가로size??맞춤 => 921px */
	#contents {width:320px;}
	#padHeight {display:none;}
	#mobileMain {display:block;}
	
	#topLogo {width:170px; height:60px; top:30px; left:75px; position:absolute;}

	#mypage {width:126px; height:126px; top:239px; left:28px;}
	#wet {width:126px; height:126px; top:239px; left:164px;}
	
	#notice {width:192px; height:96px; top:375px; left:28px;}
	
	#teacher {width:262px; height:126px; top:512px; left:28px;}
	
	#community {width:126px; height:126px; top:646px; left:28px;}
	#event {width:126px; height:126px; top:646px; left:164px;}
	
	#lms {width:126px; height:126px; top:783px; left:28px;}
	#openDoc {width:126px; height:126px; top:783px; left:164px;}
	
	#shoppingMall {width:262px; height:126px; top:918px; left:28px;}

	#enter {top:1076px; left:110px;}
	
	#IntroText_padV {display:none;}
	#IntroText_mobile {display:block;}
}