/*slide*/
#slide{margin-top:20px;}

/*contents*/
/*left*/
#login{width:208px;height:200px;background:url('/writingbox/enter/images/box_login.png') no-repeat;padding-top:17px;padding-left:4px;}
#lg_input{float:left;margin-top:8px;margin-left:0px;width:100px;}
#id{width:100px; height:15px; margin-left:10px;}
#password{width:100px; height:15px; margin-left:10px; margin-top:3px;}
#bt_login{float:left;margin-top:8px;margin-left:20px;}
#user_name{float:left;width:80px;font-size:13px;margin-left:10px;margin-top:10px;}
#user_modify{float:left;font-size:13px;margin-top:5px;margin-left:10px;}
#user_point{float:left;margin-top:5px;}
#logout{float:right;margin-right:18px;margin-top:10px;height:30px;}


#mypage{float:left;margin-top:10px;margin-left:10px;}
#cupon{float:left;font-size:13px;margin-top:10px;margin-left:10px;}
#cupon_num{float:left;margin-top:0px;}

#editing{width:204px;height:120px;background:url('/writingbox/enter/images/editing.png') no-repeat;margin:7px; cursor:pointer}
#community{width:212px;height:341px;background:url('/writingbox/enter/images/box_community.png') no-repeat;}
#community_table{float:left;margin-top:30px;margin-left:15px;width:175px;}
#ele{float:left;display:table;margin-top:32px;margin-left:27px;margin-right:15px;margin-bottom:27px;}
#mid{float:left;display:table;margin-top:34px;margin-left:43px;margin-right:15px;margin-bottom:27px;}
#high{float: left;display: table;margin-top:37px;margin-left:29px;margin-right: 16px;margin-bottom: 23px;}
#uni{float:left;display: table;margin-top:38px;margin-left:37px;margin-right: 7px;margin-bottom: 30px;}
#nom{float: left;display: table;margin-top:37px;margin-left:27px;margin-right: 15px;margin-bottom: 25px;}
#glob{float: left;display: table;margin-top:36px;margin-left:45px;margin-right: 15px;margin-bottom: 27px;}


#social{width:212px;height:186px;background:url('/writingbox/enter/images/box_pay.png') no-repeat;}
#facebook{float:left;margin-top:20px;margin-left:19px;}
#twitter{float:left;margin-top:20px;margin-left:15px;}
#cafe{float:left;margin-top:20px;margin-left:15px;}
#lab{float:left;margin-top:20px;margin-left:15px;}
#pay{float:left;width:200px;height:55px;margin-top:16px;}
#faq{float:left;width:200px;height:58px;margin-top:5px;}

/*right*/
#data{margin-top: 6px;width:524px;height:217px;background:url('/writingbox/enter/images/box_data.png') no-repeat;}
#data_contents{width:480px;height:180px;margin:0 auto;padding-top:18px;}
#vd_link1{float:left;width:281px;height:169px;padding:5px;border-width:1px;border-style:solid;border-color:#f53155;border-right-style:none;}
#vd_link2{display:none;float:left;width:281px;height:169px;padding:5px;border-width:1px;border-style:solid;border-color:#f53155;border-right-style:none;}
#vd_link3{display:none;float:left;width:281px;height:169px;padding:5px;border-width:1px;border-style:solid;border-color:#f53155;border-right-style:none;}
#vd_link4{display:none;float:left;width:281px;height:169px;padding:5px;border-width:1px;border-style:solid;border-color:#f53155;border-right-style:none;}
#vd_link5{display:none;float:left;width:281px;height:169px;padding:5px;border-width:1px;border-style:solid;border-color:#f53155;border-right-style:none;}

.data_li{height:24px;width:170px;float:left;border-style:solid;border-width:1px;border-color:#e1e1e1;border-left-color:#f53155;color:#696969;text-align:center;padding-top:10px;}
#data1{border-color:#f53155;border-left:none;color:#f53155;}
#data5{height:25px;}

#program{width:524px;height:147px;margin-top:6px;background:url('/writingbox/enter/images/box_program.png') no-repeat;}
.prog_box{width:110px;height:88px;float:left;text-align:center;font-size:11px;margin-top:47px;margin-left:15px;}
.prog_title{color:#d22f30;margin-top:5px;font-size:13px;}
.prog_li{margin-top:7px;}

#event{width:524px;height:128px;background:url('/writingbox/enter/images/box_event.png') no-repeat;}
#event_contents{ float:left;position:absolute;width:255px;font-size:12px;padding-top:27px; margin-left:222px;}
.event_li{float:left;margin-top:3px;margin-bottom:3px;}
.event_ellipsis{float:left;width:177px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
.event_li img{float:left;margin-top:4px;}
.event_date{float:left;margin-left:3px;margin-right:3px;color:#4887e6;}

#shopping{width:524px;height:186px;background:url('/writingbox/enter/images/box_shoppingmall.png') no-repeat;margin-top:6px;}
.shop_contents{float:left;width:220px;height:97px;margin-top:72px;margin-right:16px;margin-left:22px;font-size:13px;}
.book_img{float:left;width:50px;height:74px;margin-right:10px;margin-left:10px;margin-top:15px;}
.book_title{margin-top:35px;color:#28752d;}
.book_writer{margin-top:5px;}


#wet{cursor:pointer; width:524px;height:186px;background:url('/writingbox/enter/images/box_wet.png') no-repeat;}

/*pc*/
#notice{width:212px;height:217px;background:url('/writingbox/enter/images/box_notice.png');}
#notice_contents{float:left; width:187px;font-size:12px;padding-top:51px;padding-left:17px;}
.notice_li{float:left;margin-top:3px;margin-bottom:3px;}
.notice_ellipsis{float:left;width:90px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden; cursor:pointer;}
.notice_li img{float:left;margin-top:4px;}
.notice_date{float:left;margin-left:3px;margin-right:3px;color:#f89520;}

#lms{width:82px;height:37px;float:left;margin-left:16px;margin-top:30px;background:url('/writingbox/enter/images/box_lms.png') no-repeat;}
#gallery{width:78px; height:27px;float:left;margin-left:16px;margin-top:35px;background:url('/writingbox/enter/images/box_gallery.png') no-repeat;}

#teacher{width:212px;height:269px;margin-top:3px;background:url('/writingbox/enter/images/box_teacher.png') no-repeat;padding-top:50px;}
.teacher_contents{float:left;display:table;margin-left:20px; margin-top:8px;width:160px;} /*#teacher_contents ¿Í ´Ù¸§!!!!*/
.teacher_number{float:left;margin-left:10px;}
.teacher_name{float:left;margin-left:10px;font-size:13px;}
.teacher_point{float:right;margin-left:10px;font-size:13px;}
#teacher_contents{width:212px;height:127px;background:url('/writingbox/enter/images/box_meeting.png') no-repeat;padding-top:20px; margin:2%; margin-bottom:0px;}
#db{width:170px;height:50px;background:url('/writingbox/enter/images/db.png') no-repeat;margin:0 auto;margin-top:30px;}
#meeting{width:163px; height:34px;background:url('/writingbox/enter/images/meeting.png') no-repeat;margin:0 auto;}

#calendar{width:212px; height:171px;background:url('/writingbox/enter/images/box_calendar.png') no-repeat;margin-top:9px;padding-top:15px;padding-left:0px;}


/*mobile*/
#m_menu{display:none;float:right;margin:12px;margin-bottom:2px;}
#m_mypage{display:none;float:right;margin-top:32px;margin-left:15px;margin-right:15px;}
#m_login{display:none;float:right;margin-top:32px;}
#m_notice{height:21px;background:url('/writingbox/enter/images/mobile/top_bg.png') repeat-x;font-size:13px; padding-top:9px;}
#m_logo{float:left;margin:10px;}
#m_notice_date{float:left;color:#e9df25;margin-left:20px;}
#m_notice_title{float:left; color:white;}
#m_contents{width:294px;margin:0 auto;}
#m_video{display:table;width:100%; margin-top:8px;}
#m_editing{width:100%; display:table; margin-top:0px;}
#m_editing img{width:100%; cursor:pointer;}
#m_teacher{display:table;width:100%;background:url('/writingbox/enter/images/mobile/box_teacher.png') no-repeat;background-size:cover;height:41px; margin-top:-3px;}
#m_event{display:table;width:100%;background:url('/writingbox/enter/images/mobile/box_event.png') no-repeat;background-size:cover;height:85px;font-size:12px; margin-top:0px;}
#m_wet{display:table; width:100%; margin-top:0px;}
#m_wet img{width:100%;}
#m_program{display:table;width:100%;background:url('/writingbox/enter/images/mobile/box_program.png') no-repeat;background-size:cover;height:235px; margin-top:-2px;}
.prog_box_m_u{width:110px;height:88px;float:left;text-align:center;font-size:11px;margin-top:41px;margin-left:33px;}
.prog_box_m{width:110px;height:88px;float:left;text-align:center;font-size:11px;margin-top:7px;margin-left:33px;}
.prog_title{color:#d22f30;margin-top:5px;font-size:13px;}
.prog_li{margin-top:7px;}
#m_community{display:table;width:100%;background:url('/writingbox/enter/images/mobile/box_community.png') no-repeat;background-size:cover;height:116px; margin-top:-2px;}
#m_shopping{display:table;width:100%;background:url('/writingbox/enter/images/mobile/box_shoppingmall.png') no-repeat;background-size:cover;height:79px;margin-top:-2px;}
#m_lmsbox{display:table;width:100%;background:url('/writingbox/enter/images/mobile/box_link01.png') no-repeat;background-size:cover;height:104px; margin-top:-1px;}
#m_social{display:table;width:103%;margin-left:-3px;background:url('/writingbox/enter/images/mobile/box_link02.png') no-repeat;background-size:cover;height:175px; margin-top:-5px;}
#btn_menu {position: absolute;
	width: 68%;
	height: 5px;
	background: white;
	top: 10px;
	left: 16%;}

/*response*/
@media only screen and (max-width:972px){
	#notice{background:url('/writingbox/enter/images/pad_verti/box_notice.png');height:186px;}
	#teacher{width:524px;height:135px;background:url('/writingbox/enter/images/pad_verti/box_teacher.png') no-repeat;}
	#lms_contents{float:left;width:258px;height:186px;background:url('/writingbox/enter/images/pad_verti/box_lms.png');margin-left:8px;}
	.teacher_contents{margin-top:7px;margin-left:30px;width:200px;}
	.teacher_arr{display:table;float:left;width:260px;}
	#teacher_contents{float:left;width:258px;height:166px;background:url('/writingbox/enter/images/pad_verti/box_meeting.png');margin-top:4px;margin-left:3px; margin-right:0px; margin-bottom:0px;}
	#calendar{float:left; margin-top:5px;}
	#program{margin-top:10px;}
	#wet{margin-top:6px;}
	#lms{float:none;margin:28px auto;width:198px;height:46px;background:url('/writingbox/enter/images/pad_verti/lms.png') no-repeat;}
	#gallery{float:none;margin:45px auto;width:191px;height:35px;background:url('/writingbox/enter/images/pad_verti/gallery.png') no-repeat;}
	#db{margin-top:45px;background:url('/writingbox/enter/images/pad_verti/db.png') no-repeat;}
	#meeting{margin-top:15px;background:url('/writingbox/enter/images/pad_verti/meeting.png') no-repeat;}
}

@media only screen and (max-width:760px){
	#slide{margin:0;}
	#mobile{display:block; background:url('../images/mobile/pattern.jpg'); background-repeat:repeat;}
	.event_li{margin-left:25px;}
	#m_menu{display:block;}
	#m_mypage{display:block;}
	#m_login{display:block;}

	#notice_idx_1 {display:none;}
	#notice_idx_2 {display:none;}
	#notice_idx_3 {display:none;}
	#teacher2 {display:none;}
	#teacher3 {display:none;}
	#teacher4 {display:none;}
	#teacher5 {display:none;}
	#teacher6 {display:none;}
	#teacher7 {display:none;}
	#teacher8 {display:none;}
	#teacher9 {display:none;}
	#teacher10 {display:none;}
	
	.notice_li{float:left;margin:0;}
	.notice_ellipsis{float:left;width:150px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden; color:white;}
	.notice_li img{display:none;}
	.notice_date{float:left;color:#e9df25;margin-left:20px;}
	#ele{margin:47px 0 0 14px;}
	#mid{margin:50px 0 0 12px;}
	#high{margin:47px 0 0 14px;}
	#uni{margin:51px 0 0 14px;}
	#nom{margin:47px 0 0 11px;}
	#glob{margin:48px 0 0 14px;}

	#wb{float:left;margin-top:47px;margin-left:25px;}
	#month{float:left;margin-top:47px;margin-left:25px;}

	#lms{float:left;margin:11px 0 0 33px;width:81px;height:37px;background:url('/writingbox/enter/images/mobile/lms.png') no-repeat;}
	#gallery{float:left;margin:15px 0 0 60px;width:81px;height:37px;background:url('/writingbox/enter/images/mobile/gallery.png') no-repeat;}
	#db{float:left;margin:5px 0 0 20px;background:none;width:118px;height:41px;}
	#meeting{float:left;margin:7px 0 0 15px;background:none;width:126px;height:29px;}

	#facebook{margin-left:37px;}
	#twitter{margin-left:30px;}
	#cafe{margin-left:30px;}
	#lab{margin-left:30px;}
	#pay{cursor:pointer; float:left;width:110px;height:46px;margin-top:16px;margin-left:18px;background:url('/writingbox/enter/images/mobile/pay.png') no-repeat;}
	#faq{cursor:pointer; float:left;width:96px;height:31px;margin-top:25px;margin-left:30px;background:url('/writingbox/enter/images/mobile/faq.png') no-repeat;}
	#m_calendar{float:left;width:67px;height:42px;margin-top:20px;margin-left:18px;background:url('/writingbox/enter/images/mobile/calendar.png') no-repeat;}
	#cupon{margin-top:20px;margin-left:17px;font-size:14px;}
	#cupon_num{float:left;}
	.teacher_contents {margin-top: 16px;margin-left: 5px;width: 160px;}
}