@charset "utf-8";
/* CSS Document */


body{ min-width:1155px; display:block;  background: url('') left top no-repeat; padding:0px; margin:0px;} 


.main_toparea { position:relative; width:922px; height:431px; margin-left:73px;margin-top:0px; border:0px solid #00f;  overflow:hidden; }
.topmenu_wrapper { position:absolute;  width:685px; height:89px; left:196px; background: url('img/menubar.png') 0px 0px no-repeat; border:0px solid #000;}
.topmenu { border:0px solid #f00; margin:48px auto 0; width:90%; overflow:hidden; text-align:center;}
.topmenu li { border:0px solid #fff;  height:30px; line-height:30px; vertical-align:middle; display:inline; margin:0px 15px;  }
.topmenu li a { color:white; font-weight:700; font-size:16px;}


#bgdeco1 { position:absolute;  width:45px; height:18px; left:850px; top:110px; }
#bgdeco2 { position:absolute;  width:43px; height:50px; left:290px; top:115px; }

.main_loginarea { position:absolute;  width:172px; height:100px; left:15px; top:260px; }

.main_slidertv {  position:absolute; border:0px solid #000; width:319px; height:251px; left:345px; top:164px; overflow:hidden; }
.main_slidertv_mask { position:absolute; left:0px; top:0px; width:319px; height:251px; background: url('img/tv_y.png') left top; z-index:2; }
.main_phonenumber { position:absolute; left:697px; top:317px; width:184px; height:57px; text-align:center; }
.main_phonenumber img {display:block; margin: 0 auto 5px; }


.logo_topleft { position:absolute; left:0px; top:0px; width:196px; height:120px; border:0px solid #f00; text-align:center;}
.logo_topleft a  { height:120px; line-height:120px; border:0px solid #00f;  vertical-align:middle; }
.logo_topleft a img { vertical-align:middle; }


.main_midarea { position:relative; width:922px; min-height:437px; margin-left:73px;margin-top:0px; padding-bottom:120px; border:0px solid #0ff;  overflow:hidden; } /* 푸터높이+40px여백 = 120px의 padding-bottom을 가진다. */
.main_galleryarea { position:absolute;  width:620px; left:0px; top:0px; border:0px solid #f00; }
.main_gallery_title { font-size:15px; font-weight:700; color:#303030; padding-left:25px; height:29px; line-height:29px; vertical-align:middle; background:url('img/main_title_gallery.png') left 3px no-repeat ; }
.main_gallery_list li {float:left; width:143px; height:171px; border:0px solid #000; margin:0px 12px 43px 0px;  padding:0px; position:relative; background-image:url('img/galleryframe.png'); background-position:left top; background-size:143px 171px; }
.main_gallery_list li div.thumbnail { position:absolute;left:6px;top:6px;width:131px;height:131px;border:0px solid #f00; }
.main_gallery_list li div.title { position:absolute;left:6px;top:138px;width:131px;height:30px;text-align:center;vertical-align:middle;line-height:30px;overflow:hidden; }
.main_gallery_list li div.desc {  font-weight:400; position:absolute;left:4px;top:180px;width:135px;height:13px;text-align:center;vertical-align:middle;line-height:13px;overflow:hidden; }
.main_gallery_list li div.desc img { margin-right:3px; margin-left:3px; }


.main_article			{ position:absolute; width:295px; left:628px; top:0px; }
.main_article div.title { height:35px; background:url('img/main_title_article.png') left top no-repeat; padding-left:40px; font-size:15px; padding-top:4px; color:#303030; font-weight:700;}
.main_article ul		{ margin-top:0px; }
.main_article ul li	{ background:url('img/bluepoint.png') left 9px no-repeat; padding-left:12px; height:20px; line-height:20px; vertical-align:middle;}
.main_article ul li	a { font-weight:400; color:#646464 }

.main_reply			{ position:absolute; width:295px; left:628px;top:140px;}
.main_reply div.title { height:38px; background:url('img/main_title_reply.png') left top no-repeat; padding-left:34px; font-size:15px;  padding-top:6px; color:#303030; font-weight:700; }
.main_reply ul		{ margin-top:0px; }
.main_reply ul li		{ background:url('img/brownpoint.png') left 9px no-repeat; padding-left:12px; height:20px; line-height:20px; vertical-align:middle;}
.main_reply ul li a { font-weight:400; color:#646464 }

.main_visitor			{ position:absolute;left:628px; width:290px; top:289px; }
.main_visitor div.title { height:38px; background:url('img/main_title_visitor.png') left top no-repeat; padding-left:40px; font-size:15px;  padding-top:6px; color:#303030; font-weight:700; }
.main_visitor ul		{ margin-top:0px; margin-left:10px; }
.main_visitor ul li	{ height:27px; vertical-align:top; width:80px; margin-right:5px; margin-bottom:4px; border:0px solid #00f; float:left; overflow:hidden; white-space:nowrap; }
.main_visitor ul li img{ margin-right:4px; vertical-align:middle; }
.main_visitor ul li { font-weight:400; color:#646464 }


.footer_area_wrapper { position:absolute; bottom:0px;left:0; width:100%; border:0px solid #f00; border-top: 1px solid #ddd; background:#fbfbfb; height:80px; }  /*가로선 , float 없앰 */
.footer_area { position:relative; width:922px; height:60px; margin-left:73px; border: 0px solid #f00; padding-top:15px; padding-bottom:5px;}
.footerlogo { width:196px; height:60px; border:0px solid #f00; text-align:center; float:left; }
.footerlogo a  { height:60px; line-height:60px; border:0px solid #00f;  vertical-align:middle; }
.footerlogo a img { vertical-align:middle; }

.footertext { float:left;width:700px; margin: 13px 10px; border:0px solid #f00; text-align:left;vertical-align:middle;}

.wrapper { min-height:100%; width:100%; position:absolute; left:0; top:0;  border:0px solid #f00; margin:0px; }




.sub_toparea { position:relative; width:971px; height:236px; margin-left:73px;margin-top:0px; border:0px solid #00f; }
.sub_midarea { position:relative; width:971px; margin-left:73px;margin-top:0px; overflow:visible; border:0px solid #f00;padding-bottom:120px;  } /* 푸터높이+40px여백 = 120px의 padding-bottom을 가진다. */

.menu { position:relative;  width:200px; min-height:600px; margin-right:19px; border:0px solid #f00; float:left; text-align:left; }
.sub_loginarea { width:172px; height:76px; background-image:url('img/login_round.png'); padding:14px 14px; margin-bottom:15px;}
.sub_menu_category { margin:5px;width:190px; height:43px; background:url('img/sub_maintitlebg.png'); text-align:center; line-height:43px; vertical-align:center; font-size:18px; color:#303030; font-weight:700; }

.menu_boards { position:relative; width:190px; left:5px; margin-bottom:20px; overflow:hidden; border:0px solid #f00;} /*li*/
.menu_oneboard { color:#646464; font-size:16px; padding: 3px 30px 3px 0px; text-align:right; border:0px solid #0f0; display:block; border-bottom:1px solid #ddd; font-weight:400; }
.menu_boards li.specificstudent { text-align:right; background:#fff; padding:3px 30px 0px 0px; }
.menu_boards li.currentstudent { font-weight:700; background:#f3f3f3; border-radius:8px;}
.menu_boards li.divider { height:10px; }
.menu_boards li.specificstudent a { color:#aaa; }
.menu_boards li.currentstudent a { color:#303030; }

.menu_currentboard { color:#303030; font-weight:bold; background:url('img/menu_point.png') 175px 8px no-repeat; }



.sub_content_wrapper { position:relative; width:710px; padding:104px 20px 20px; border:1px solid #dedede; border-radius:10px; float:left;  }
.sub_categoryname { position:absolute; right:32px; top:-64px; width:500px; height:100px; border:0px solid #f00; z-index:2; }
.sub_categoryname div.text { position:absolute; right:0px; top:0px; padding:2px 10px; border-radius:5px; background:#dc3a26; font-weight:700; font-size:16px; color:#fff;  }
.sub_categoryname div.img { position:absolute; right:0px; top:24px; }
.sub_boardname { position:absolute; left:0px; top:0px; width:750px; height:84px; background:#f3f3f3; border-top-left-radius:10px; border-top-right-radius:10px;}
.sub_boardname div.text { position:absolute; left:20px; bottom:15px; font-weight:700; font-size:30px; color:#303030;  }
.sub_boardname div.navi { position:absolute; padding-left:20px; right:20px; bottom:15px; font-size:13px; color:#646464; background:url('img/flag.png') left top no-repeat; }



.clear { clear: both; }


.menu_phonenumber { margin:30px 0px 10px; width:200px; height:65px; padding-top:50px; background:url('img/sub_tel.png') left top no-repeat; color:#fff; text-align:center;}
.menu_phonenumber img { margin-left:4px; }

.menu_buttonsandprevalbum { position:relative; left:6px; width:188px; border:0px solid #f00; }
.menu_buttonsandprevalbum img { display:inline-block; float:left; margin-bottom:5px; }	










.mainhappytownarea { position:relative; width:800px; height:700px; border:0px solid #f00; float:left; background:url('img/main_background.jpg') no-repeat left top; }
.mainunderhappytownarea { position:relative; width:800px; margin-bottom:40px; border:0px solid #f00; float:left; }

.homebutton_wrapper { position:absolute; right:0px; top:20px; }




.subhappytownarea { position:relative; width:780px; height:220px; border:0px solid #f00; margin-bottom:30px;float:left; background:url('img/subpage_topbg.png') no-repeat left top; }
.sub_currentpagedesc {  position:relative; right:0px; color:#1b5fae;font-weight:700; padding-left:20px; background:url('img/point.png') left center no-repeat; }


/* 썸네일 스타일링 */

	.common_postinglist_album_wrapper { width:710px; margin:0 auto;  }
	.common_postinglist_album { border:0px solid #f0f;  margin: 0 auto 20px; width:656px; overflow:hidden; } 
	.common_postinglist_album li { float:left; width:143px; height:171px; border:0px solid #000; margin:0px 28px 43px 0px; padding:0px; position:relative; background:url('img/galleryframe.png') left top no-repeat; }
	.common_postinglist_album li.rightmost { margin-right:0px; }
	.common_postinglist_album li div.thumbnail { position:absolute;left:6px;top:6px;width:131px;height:131px;border:0px solid #f00; line-height:132px; vertical-align:middle; text-align:center; }
	.common_postinglist_album li div.thumbnail img { float:none; vertical-align:middle;}
	.common_postinglist_album li div.title     { position:absolute;left:4px;top:138px;width:131px;height:30px;text-align:center;vertical-align:middle;line-height:30px;overflow:hidden;}
	.common_postinglist_album li div.descdate  { position:absolute;left:4px;top:176px;width:60px;height:10px;text-align:left;vertical-align:middle;line-height:10px;overflow:hidden; font-size:10px; color:#72a2d7; }
	.common_postinglist_album li div.descview  { position:absolute;right:4px;top:176px;width:60px;height:10px;text-align:right;vertical-align:middle;line-height:10px;overflow:hidden; font-size:10px; color:#72a2d7; }
	.common_postinglist_album li div.desc		{ position:absolute;left:4px;top:176px;width:135px;height:13px;text-align:center;vertical-align:middle;line-height:13px;overflow:hidden; }
	.common_postinglist_album li div.desc img  { margin-right:3px; margin-left:3px; }