@charset "UTF-8";

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

#top { position: relative; height: 80px; background: #262626; line-height: 80px}
#top h1 { position: absolute; width: 175px; height: 80px; padding-top: 5px; text-align: center; top: 0; background: #2384C6}

#top #menu { position: absolute; top: 0; left: 175px; }
#top #menu li { float: left; width: 120px; text-align: center; height: 80px; font-family: "NanumSquareR"}
#top #menu li a { display: block; height: 80px; font-size: 17px; color: #b0b0b0; box-sizing: border-box }
#top #menu li a.ON { color: #fff;  height: 80px; font-weight: bold; background: #111; border-bottom: solid 5px #2384C6}

#top #menu li a:hover { color: #fff; border-bottom: solid 5px #ccc }
#top .loginMenu { position: absolute; right: 20px}
#top .loginMenu li { float: left; padding: 0 8px; }
.topMenuBtn img {vertical-align: middle}
.topMenuBtn span:hover {color: #2384C6}

#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:175px; }
#middle .submenu h1{ font-family: "NanumSquareR"; color: white; padding: 10px 10px 10px 0; text-align: center; background: #444; font-size:17px; margin-bottom: 5px }
#middle .submenu h2{ padding: 3px 10px; font-size:12px; letter-spacing:-1px; color: #7c51a1; background: #eee; border-bottom:1px solid #e3e3e3; }
#middle .submenu h2 a { color: #7c51a1; }
#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 175px; padding: 0 10px 10px 10px;min-height:950px;height:auto !important; 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; }

@media print {
    html, body { -webkit-print-color-adjust:exact}
    table { page-break-inside:auto; }
    tr    { page-break-inside:avoid; page-break-after:auto; }
    thead { display:table-header-group; }
    tfoot { display:table-footer-group; }
}