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

	body{background:url(../img/00_main/main_bg1.png) repeat-x; background-color:#eee;}
	#wrapper{position:relative;width:1119px;margin:0 auto;height:745px;background:url(../img/00_main/main_bg2.png) no-repeat left top;}
	#header{position:relative;height:185px;z-index:999;background:url(../img/00_main/gnb_bg.png) no-repeat left top;}	
	 
	#container{margin:0 auto; height:520px; position:relative;}
		.content_a{ float:left; left:0;top:0;width:365px;height:520px;background:url(../img/00_main/lognot_bg.png) no-repeat 97px 0;}
	
/*로그인창*/			
			#login_box{position:relative;left:107px;top:35px;width:225px;height:140px;}
			.login{position:relative;padding:15px 0;}
			.m_id{position:absolute;left:20px;top:20px;}
			.m_pw{position:absolute;left:20px;top:44px;}
			.tbox{width:90px;height:19px;border:1px solid #9e9c9c;font:12px "돋움",Dotum;margin-left:5px;}
			.m_lo{position:absolute;left:168px;top:19px;}
			.idsa{padding-left:5px;vertical-align:middle;}
			#aa{margin-top:3px;display:inline-block;background:url(../img/00_main/login_a.gif) 11px no-repeat;width:46px;height:10px;vertical-align:middle;}
			#bb{margin-top:3px;display:inline-block;background:url(../img/00_main/login_b.gif) 0px no-repeat;width:46px;height:10px;vertical-align:middle;}
			
			#login_box ul li span,#login_box ul li em{visibility:hidden;}
			.m_bt ul {position:absolute;left:20px;top:75px; border-top: 1px dotted #ccc; padding-top:10px;}
			.m_bt li{ display:inline; float:left; margin-left:5px;}
			
/*로그아웃창*/
			#logout_tbox{position:relative;left:107px;top:30px;width:251px;height:140px;}
			#lo1 {float:left; margin:25px 0 0 35px;}
			#lo2 {float:left;margin:20px 10px 0 10px;width:125px;height:61px;}
			#lo2 dt, #lo2 dd {line-height:1.9;margin:5px 0 0 15px; background:url(../img/00_main/iogin_ico_bul.png) no-repeat 0 50%;padding-left:6px;border-bottom:1px dotted #cdcdcd;}
			#lo2 dt { font-weight:bold; color:#3A95BC;}
			#lo2 dd span {font-weight:bold;}
			#logout_tbox ul#lo2 li span{color:#666;font-weight:bold;}
			#lo3{clear:both;padding:7px 0 0 20px;}
			#logout_tbox ul#lo3 li{display:inline;float:left;margin-left:3px;}
			
/*교사용,부모용 공지사항*/
			 #notice_box{position:relative;left:120px;top:75px;height:140px;}
			 #notice_box dt{position:absolute;left:0;top:5px;}
			 #notice_box dt.noti2{left:78px;}
			 #notice_box dd{padding-top:38px;width:260px;}
			 #notice_box ul li span{position:absolute;left:150px;color:#666;}
			 #notice_box ul li {width:197px;padding:2px 0 1px 10px; margin-left:5px; background:url(../img/00_main/noti_bullet.gif) no-repeat 5px 50%; border-bottom: 1px dotted #ccc;}
			 #notice_box ul li a{color:#666;text-decoration:none;line-height:16px;}
			 #notice_box ul li a:hover{color:#999;}
			 #notice_box ul li img{padding-right:10px;}
			 .plus{position:absolute;left:170px;top:15px;}
			 
			 
             #layer_popup { position:absolute; width:0 height:0; margin:0; padding:0; z-index:9999; }
			 #layer_popup div.pop_window { position:absolute; background-color:#fff; border:3px solid #777; padding:0; }
			 #layer_popup div.close_box { padding:5px; background-color:#eee;}
			 #layer_popup div img.btn_pop_x { position:absolute; float:right; left:5px; top:5px; }
			 
/*			 #event_banner {position:absolute; left: 800px; top: 270px;
			 width:228px;height:236px;background:url(../img/00_main/noti3.png) no-repeat; z-index:999;}
			 #event_banner dt{position:absolute;left:85px;top:50px;}
			 #layer_notice dt#l_noti1{left:85px;}
			 #layer_notice dt#l_noti2{left:110px;}
			 #layer_notice dt#l_noti3{left:135px;}
			 #layer_notice dt#l_noti4{left:160px;}
			 #layer_notice dt#l_noti5{left:185px;}
			 #layer_notice dd{position:absolute;left:18px;top:72px;}*/	
			 
			#event { position:absolute; left: 800px; top: 270px;
					 width:228px;height:236px;background:url(../img/00_main/noti3.png) no-repeat; z-index:999;}
					 
			#event ol { padding:0; margin:0; }
			#event ol li { padding:0; margin:0; }
			
			#banner_viewer { position:absolute; left:8px; top:22px; padding:0; margin:0; width:191px; height:148px; overflow:hidden; }
			#banner { width:1146px; height:148px;}
			#banner li { float:left;width:191px; display:inline; }
			
			#number { position:absolute; left:10px;top:50px; text-align:right; width:191px;  }
			#number li { display:inline; padding:2px; }		 
			 
		
		.content_b{position:relative; float:right; top:0;width:745px;height:504px;display:block;}
			.ch_menu{position:relative;}
			.cc1{position:absolute;left:250px;top:20px;}/*stories*/
			.cc1_1{position:absolute;left:138px;top:28px;}
			.cc2{position:absolute;left:456px;top:20px;}/*song*/
			.cc2_1{position:absolute;left:380px;top:10px;}
			.cc3{position:absolute;left:110px;top:124px;}/*activities*/
			.cc3_1{position:absolute;left:215px;top:63px;}
			.cc4{position:absolute;left:430px;top:160px;}/*roleplaying*/
			.cc4_1{position:absolute;left:330px;top:122px;}
			.cc5{position:absolute;left:110px;top:200px;}/*phonics*/
			.cc5_1{position:absolute;left:12px;top:215px;}
			.cc6{position:absolute;left:193px;top:238px;}/*science*/
			.cc6_1{position:absolute;left:274px;top:218px;}

			.daihan{position:relative;left:0;top:365px;height:141px;background:url(../img/00_main/info2_bg.png) no-repeat;}
			.dai{position:absolute;left:10px;top:47px;}
			.han{position:absolute;left:148px;top:19px;}
			
			.clear{clear:both;}

		     /*캐릭터소개*/			
			 #charinfo{position:absolute;left:480px;top:365px;}
			 
			 
			 #content_banner{clear:both;width:890px;height:70px;margin:0 auto;padding-top:50px;}/*20140117추가*/
				#content_banner > ul{overflow:hidden;}
				#content_banner > ul > li:nth-child(1){float:left;}
				#content_banner > ul > li:nth-child(2){float:left;margin-left:250px;}
				#content_banner > ul > li:nth-child(3){float:right;}