@charset "UTF-8";

/*
	Document	: Layout.css
	Created on	: 12. 7. 17
	Author		: Nexist
	Description	: 레이아웃을 지정하는 스타일 시트입니다.
*/

#top { position: relative; height: 45px; border-bottom: solid 5px #b2b2b2; background: #262626;  }
/*#top h1 { position: absolute; width: 140px; height: 35px; text-align: center; top: 0; padding-top: 10px; border-right: solid 1px #111111; }*/
#top h1 { position: absolute; width: 140px; height: 38px; text-align: center; top: 0; padding-top: 3px; border-right: solid 1px #111111; }

#top #menu { position: absolute; top: 0; left: 140px; }
#top #menu li { float: left; width: 105px; border-right: 1px solid #111; text-align: center; height: 45px; }
#top #menu li a { display: block; height: 28px; font-size: 12px; padding-top: 17px; color: #b0b0b0; letter-spacing:-1px; }
#top #menu li a.ON { color: #fff;  height: 30px; font-size: 14px; padding-top: 15px; font-weight: bold; background: #111; border-bottom: solid 5px #d94a4b; }
#top #menu li a:hover { color: #fff; border-bottom: solid 5px #ddd; }

#top #menu li a:hover { color: #fff; border-bottom: solid 5px #ccc; }
#top .loginMenu { position: absolute; top: 14px; right: 0; width: 300px;}
#top .loginMenu li { float: left; padding: 0 5px; }

#top .nav { width: 98%; padding: 2px 1%; font-size:11px; color: #666; position: absolute; top: 60px; height: 24px; line-height: 28px; border-top: solid 1px #D3D3D3; border-bottom: solid 1px #D3D3D3; background: #FCFCFC; }
#top .nav a { color: #666; letter-spacing: -1px; }
#top .nav .navigation { float: left; }
#top .nav .buttons { float: right; }

#middle{ width:100%; min-height:500px; height:auto !important; height:500px; background: #f4f4f4; }
#middle .submenu{ position: absolute; left: 0; width:170px; }
#middle .submenu h1{color: white; padding: 2px 10px 2px 0; text-align: center; background: #444; font-size:17px; }
#middle .submenu h2{ padding: 3px 10px; font-size:12px; letter-spacing:-1px; color: #000; background: #eee; border-bottom:1px solid #e3e3e3; }
#middle .submenu h2 a { color: #000; }
#middle .submenu ul{width:100%;padding-bottom:5px; border-bottom:1px solid #e3e3e3; }
#middle .submenu ul li{ padding:3px 5px 3px 20px; background:url('../Images/commonBltLeft.gif') 15px 0 no-repeat}
#middle .submenu ul li a{color:#666}
#middle .submenu ul li a.ON{font-weight:700; color: black; }
#middle .submenu ul li:hover {background-color: #fff; }
#middle .submenu ul li:hover a { font-weight: 700; }

#middle .contents{ margin: 0 0 0 170px; padding: 0 10px 10px 10px;min-height:700px;height:auto !important;height:700px; background: white; border-left: solid 1px #b2b2b2; }

#bottom{ clear:both; border-top:1px solid #b2b2b2; text-align: right; padding:3px 20px 5px 20px; font-family: verdana; font-size: 10px; background: #f4f4f4; }


.boardLeftCategory { width: 200px; position: absolute; top: 70px; left: 150px; }
.boardRight { margin: 0 0 0 205px; position: relative; top: 0; }