@charset "utf-8";

/* namo 추가 */
ul, ol, li { list-style:none; display:inline-block; }
i, em { font-style:normal; }
img { vertical-align:top; }
button { border:none; background:none; cursor:pointer; }
button > span { position:relative; }

/*- 메인---------------------------------------------------------------------------------------------------------------------------*/
.wrapper_main, .wrapper_sub { position:relative; min-height:100%; }
#bgm { position:absolute; left:0; top:0; width:0; height:0; }
#mid { padding-bottom:150px; border:0px solid #f00; }

.main_toparea { position:relative; width:1004px; height:111px; margin:0 auto; border:0px solid #00f; position:relative;  background:#fff; z-index:1000; }

.logo_topleft { position:absolute; left:0px; top:0px; width:343px; height:50px; border:0px solid #fff; text-align:left; cursor:pointer; }
.logo_topleft a { position:absolute; width:100%; height:100%; left:0; top:37px; font-weight:bold; color:#888; white-space:nowrap; word-break:keep-all; }
.logo_topleft a div.branchschoolname { color:#f7941e; display:inline-block; font-size:22px; font-weight:bold; margin-top: 21px; }

.topetc_wrapper { position:absolute; top:15px; right:0; z-index:1001; }
.topetc_wrapper .topetc-list li { float:left; margin-left:15px; }
.topetc_wrapper .topetc-list li a { font-size:11px; }
.topetc_wrapper .topetc-list li a.btn-login { color:#e10000; }

.topmenu_wrapper { position:absolute; text-align:right; right:0px; top:60px; border:0px solid #f00; width:750px; height:100px; z-index:100; }
.topmenu {  } /* position 을 정하면 안됨 */
.topmenu li { float:left; }
.topmenu li a { display:block; padding:0 20px; font-size:16px; line-height:18px; border-left:1px solid #ccc; }
.topmenu li > a:hover, .topmenu li.currentcategory > a { color:#d71921; }
.topmenu li#topmenulistitem0 > a { border-left:none; }

.top_submenu { position:absolute; display:none; left:0px; top:35px; padding:16px 10px; background:#d71921; border-radius:10px; behavior: url(pie.htc); z-index:1000; }
.top_submenu ul { vertical-align:top; }
.top_submenu li a { padding:0 15px; font-size:14px; color:#fff; border-left:1px solid #e35e64; }
.top_submenu li a:hover { text-decoration:underline; color:#fff; }
.top_submenu li:first-child a { border-left:none; }

/* 전체 메뉴 구조를 몰라서 임의로 설정해놓았습니다. width 값 및 left 값을 조절해주시면 됩니다. 
#topmenulistitem1 .top_submenu_wrapper { width:457px; left:100px; }
#topmenulistitem2 .top_submenu_wrapper { width:457px; left:50px; }
#topmenulistitem3 .top_submenu_wrapper { width:457px; left:100px; }
#topmenulistitem4 .top_submenu_wrapper { width:457px; left:100px; }
*/


#main_characterstic { position:absolute; left:612px; top:223px; width:359px; height:131px; }


.main_mid_slide_area { position:relative; width:100%; height:479px;  background:#fffcda; border-top:1px solid #d71921;border-bottom:1px solid #e1e1e1; overflow:hidden; text-align:center;}
.main_mid_slide_area #slider { position:absolute; width:1600px; height:479px; left:50%; margin-left:-800px; }

.more-button { position:absolute; width:1004px; top:0; left:50%; margin-left:-502px; z-index:5; }
.more-button .moreBtn1 { position:absolute; top:56px; left:632px; }
.more-button .moreBtn2 { position:absolute; top:56px; right:0; }
.more-button .moreBtn3 { position:absolute; top:245px; left:632px; }
.more-button .moreBtn4 { position:absolute; top:245px; right:0; }

.main_mid_area { padding-bottom:120px; }
.main_mid_area .mid-top { width:1004px; margin:0 auto; padding-top:60px; overflow:hidden; }
.mdu { position:relative; overflow:hidden; }
.mdu .btn-more { position:absolute; top:5px; right:0; font-size:11px; color:#aaa; }
.mdu .tit { height:16px; margin-bottom:10px; }

.mdu .newTx-list { padding:8px 0; border-top:1px solid #c3c3c3; }
.mdu .newTx-list li { margin-top:8px; height:18px; }
.mdu .newTx-list li a { display:block;  width:100%; font-size:12px; line-height:18px; overflow:hidden; }
.mdu .newTx-list li a i { display:block; float:left; width:310px; padding-left:10px; background:url(img/ico_blet1.png) no-repeat left 5px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.mdu .newTx-list li a .date { display:block; float:right; }




.mid-mid .photowrap { float:left; width:271px; margin-right:20px; }
.mid-mid .photowrap .photo-img { position:relative; width:100%; }
.mid-mid .photowrap .btn-left { position:absolute; top:53px; left:0; }
.mid-mid .photowrap .btn-right { position:absolute; top:53px; right:0; }

.mid-mid .birthwrap { float:left; width:271px; }
.mid-mid .birthwrap .birthday_autobanner { width:271px; height:145px; background: url('img/img-birth.jpg'); position:relative;}
.mid-mid .birthwrap .birthday_autobanner .month { position:absolute;  width:41px; height:26px; left:115px; top:49px; text-align:center; font-size:21px; font-weight:bold; color:#c1484e;}
.mid-mid .birthwrap .birthday_autobanner .namelist { position:absolute;  width:100%; height:26px; left:0px; top:109px; text-align:center; font-size:17px; font-weight:bold; color:#fff; white-space:nowrap; }
.mid-mid .birthwrap .birthday_autobanner .namelist * { color:inherit; font-size:inherit; }




.mid-top .noticewrap { float:right; width:400px; }

.main_mid_area .mid-mid { width:1004px; margin:0 auto; padding-top:30px; overflow:hidden; }


/*
여러가지 바로가기 버튼이 있었을 때
.mid-top .directwrap { float:left; width:563px; }
.mid-top .directwrap .btn-list { padding:25px 10px; background:#f5f5f5; }
.mid-top .directwrap .btn-list li { float:left; }
.mid-top .directwrap .btn-list li a { display:block; border-left:1px solid #dcdcdc; }
.mid-top .directwrap .btn-list li:first-child a { border-left:none; }
*/

/* 새로운 thumbnail function 적용후 */
.mid-top .directwrap { float:left; width:563px; }
.mid-top .directwrap .photo-list { border:0px solid #00f; }
.mid-top .directwrap .photo-list ul li { width:133px; margin-right:10px; }
.mid-top .directwrap .photo-list ul li.rightmost_thumbnail { margin-right:0px; }
.mid-top .directwrap .photo-list ul li a.thumbnail_link {display: block;overflow: hidden;width: 133px;border:0px solid #f00;}
.mid-top .directwrap .photo-list ul li a.thumbnail_link div.image {width: 133px;}
.mid-top .directwrap .photo-list ul li a.thumbnail_link div.title {overflow: hidden;height: 16px;padding-top: 1px;font-size: 13px;line-height: 16px;text-align: center;letter-spacing: -1px;margin-bottom:5px;font-weight:700;font-family:'Malgun Gothic', '맑은 고딕', dotum, 돋움, sans-serif;}
.mid-top .directwrap .photo-list ul li a.thumbnail_link div.desc { display:none; }







.mid-mid .newswrap { float:right; width:400px; height:160px; }

.mid-btm { width:100%; margin-top:50px; border-top:1px solid #dadada;  }
.mid-btm .inbox { width:1004px; margin:0 auto; padding:20px 0 35px; overflow:hidden; }
.mid-btm .familywrap { float:left; width:830px; }
.mid-btm .familywrap .tit { height:9px; margin-bottom: 15px; }
.mid-btm .familywrap li { float:left; margin-right:20px; }
.mid-btm .snswrap { float:right; width:80px; text-align:right; }
.mid-btm .snswrap .tit { height:9px; margin-bottom: 2px; text-align:left; }
.mid-btm .snswrap li { float:left; margin-left:10px; }

/*- 서브 ---------------------------------------------------------------*/

.sub_mid_wrapper  {  }

.subTop-img { position:relative; width:100%; height:200px; border-top:1px solid #d71921; border-bottom:1px solid #ffea9c; background:#fffcda; overflow:hidden; }
.subTop-img .inbox { position:absolute; width:1600px; top:0; left:50%; margin-left:-800px; }

.sub_midarea { position:relative;  width:1014px; margin:0 auto; border:0px solid #000;  padding-bottom:120px;}
.sub_content { position:relative;  width:710px; float:left; padding:140px 36px 30px; margin-left:0; border:0px solid #00f; }

.sub_menu { width:180px; padding-right:42px; float:left; margin:0;  border:0px solid #f00; min-height:500px; }
.menu_wrapper { width:180px; margin-left:0px; margin-top:20px; overflow:hidden; }
.menu_wrapper .menu_category { padding:30px 0 40px; text-align:center; background:#d71921; color:#fff; border-radius:20px; behavior: url(pie.htc); overflow:hidden; }
.menu_wrapper .menu_category { display:block; font-size:20px; color:#fff; }
.menu_wrapper .menu_category_deco { color:#fff; }

.menu_wrapper ul { display:block; margin-top:-20px; padding:20px; background:#fff url(img/bg_lnb180.png) no-repeat left bottom; }
.menu_wrapper ul li { display:block; border-top:1px solid #eee; }
.menu_wrapper ul li:first-child { border-top:none; }
.menu_wrapper ul li a { display:block; padding:12px 0; color:#444; }
.menu_wrapper ul li a.menu_currentboard, .menu_wrapper ul li a:hover { color:#d71921; background:url(img/bg_lnb-arrow.png) no-repeat right 50%; }


.sub_loginarea { width:172px; height:77px; padding:9px 3px 9px 3px;  position:relative; margin-top:20px; margin-bottom:10px;  background:#fff; border-radius:20px; border:1px solid #ddd; behavior: url(pie.htc);  }

.menu_buttonsandprevalbum img { width:180px; margin-bottom:6px; border-radius:6px; border:0px solid #ddd; behavior: url(pie.htc);}


.sub_content_title { position:absolute; left:0px; top:0px; display:block; width:782px; padding:55px 0 20px; border-bottom:1px solid #d71921; overflow:hidden; }
.sub_content_title .sub_content_title_boardname { font-size:30px; color:#444; line-height:32px; }
.sub_content_title .sub_content_title_categoryname { display:none; }
.sub_content_title .sub_content_title_location { border:0px solid #f00; position:absolute;  right:0; bottom:20px; color:#aaa; }
.sub_content_title .sub_content_title_location div { display:inline-block;}


.sub_bottom_wrapper  { background: url('img/sub_bottombg.png') center top;  position:relative; border:0px solid #f00; height:264px;}







/* footer 영역 ------------------------------------------------------------------------------------------------------------------------------------------------------------------  */



.footer_area_wrapper { clear:both; position:absolute; bottom:0; left:0; width:100%; height:95px; padding-top:25px; border-top:1px solid #b5b5b5; background:#f8f8f8; }
.footer_area_wrapper .inbox { position:relative; width:1024px; margin:0 auto; }
.logo-footer { float:left; width:140px; }
.footer-cnt { float:left; width:600px; }
.fooer-menu-list li { float:left; vertical-align:top; }
.fooer-menu-list li a { display:block; height:12px; padding:0 7px; border-left:1px solid #939393; }
.fooer-menu-list li:first-child a { padding-left:0; border-left:none; }
.footer-tx { font-size:11px; color:#888888; line-height:1.5em; }
.footer-tx .tx-red { color:#dd333a; }

.footer-select { float:right; width:180px; }

.select-wrap { position:relative; z-index:1000; }
.select-wrap .select-btn { display:block; width:180px; height:34px; padding:0 10px; font-size:12px; color:#888; background:url(img/bg_select.png) no-repeat left top; text-align:left; line-height:34px; }
.select-wrap .select-list { position:absolute; display:none; padding:5px 0; left:0; bottom:33px; border:1px solid #ddd; background:#fff; }
.select-wrap .select-list.on { display:block; }
.select-wrap .select-list li { display:block; width:178px; }
.select-wrap .select-list li a { display:block; padding:5px 10px; }

/*--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/


/* 페이징 스타일 */
.common_postinglist_page a.currentpage { background:#d71921; color:#fff; border:1px solid #bdbdbd;  }