@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%; }




/* 상단 영역 */

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

	.logo_topleft { position:absolute; left:0px; top:0px; width:300px; height:119px; border:0px solid #fff; text-align:left; cursor:pointer;  background:#fff;}
	.logo_topleft a { position:absolute; width:100%; height:100%; left:0; top:0px; font-weight:bold; color:#888; white-space:nowrap; word-break:keep-all; }


	.topetc_wrapper { position:absolute; top:50px; 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:left; left:0px; top:120px;  width:100%; height:60px; z-index:100; }
	.topmenu {  } /* position 을 정하면 안됨 */
	.topmenu > li { float:left; width:200px; height:60px; box-sizing:border-box; }
	.topmenu > li > a { display:block; width:100%; height:60px; box-sizing:border-box; font-size:16px; line-height:59px; border-top:1px solid #e5e5e5; border-right:1px solid #e5e5e5; text-align:center;}
	.topmenu > li > a:hover, .topmenu > li.currentcategory > a { color:#d71921; }
	.topmenu > li#topmenulistitem0 > a { border-left:1px solid #e5e5e5; }

	.top_submenu { position:absolute; display:none; left:0px; top:60px; margin-left:-1px; width:100%; padding:16px 10px; background:#fff; z-index:1000; box-sizing:border-box; border:1px solid #e5e5e5; }
	.top_submenu ul { vertical-align:top; }
	.top_submenu li { display:block; height:40px; line-height:40px; vertical-align:middle;}
	.top_submenu li a { padding:0 15px; font-size:14px; color:#888; word-break:keep-all; white-space:nowrap; }
	.top_submenu li a:hover {  color:#f00; }
	.top_submenu li:first-child a { border-left:none; }


/* 서브 페이지 중단 영역 */

	.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 15px 20px; text-align:left; background:#fff; color:#333; overflow:hidden; display:block; font-size:21px; }
	.menu_wrapper .menu_category_deco { color:#fff; }

	.menu_wrapper ul { display:block; margin-top: 0px; border:0px none; }
	.menu_wrapper ul li { display:block; border:0px solid #eee; border-top:none; }
	.menu_wrapper ul li:first-child { border-top:1px solid #eee; }
	.menu_wrapper ul li a { display:block; color:#444; padding:15px 20px; }
	.menu_wrapper ul li a.menu_currentboard, .menu_wrapper ul li a:hover { color:#887766; background:url(img/icon_barcolor_submenu_arrow.png?a=3) 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);}
	.menu_buttonsandprevalbum { padding-bottom:40px; }

	.sub_content_title { position:absolute; left:0px; top:0px; display:block; width:782px; padding:55px 0 20px; border-bottom:1px solid #887766; 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;}

	.menu_only_wrapper { width:180px; height:100%; position:absolute; left:0; right:0; top:40px; bottom:0; margin: 0 auto; }
	#logo { display:block; left:0; right:0; margin:0 auto; max-width:180px; }
	.header_schoolname { text-align:center; }

/* 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:1004px; margin:0 auto; }
	.logo-footer { float:left; margin-right:20px; }
	.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_btn_wrapper { position:absolute; right:0px; border:0px solid #888; text-align:right; height:47px; overflow-y:hidden; line-height:47px; vertical-align:top;}

	.footer_contact { display:inline-block; height:47px; padding-left:55px; background:url(img/btn_tel.png) left top no-repeat; }
	.footer_contact .phonenumber { text-align:left; font-size:24px; color:#ac94e9; font-weight:bold;}
	.footer_contact .workingtime { text-align:left; font-size:13px; color:#999; font-weight:bold;}

	.footer_blog { display:inline-block; height:47px; width:47px; line-height:47px; margin-right:5px; vertical-align:top;}
	.footer_blog a, .footer_blog img { display:inline-block;height:47px; width:47px; line-height:47px; margin:0px; padding:0px; vertical-align:top; }