@charset "utf-8";

/* Common */
body { color:#000; padding:0px; margin:0px; font-size:12px; font-family:dotum, tahoma; -webkit-text-size-adjust:none; }
th, td, p, input, button, textarea, select, li { font-family:dotum, tahoma; -webkit-text-size-adjust:none; }
a, a:link, a:visited, a:active { color:#000; text-decoration: none; }
a:hover { color:#ed1c24; text-decoration: none; }
h1, h2, h3, h4, h5, h6, form, fieldset { margin:0px; padding:0px ;border:0px; }
h1, h2, h3, h4, h5, h6 { font-size:1em; }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display:block; }
label, input, select, img {	vertical-align:middle; }

#at-wrap { display:block; background: url('./img/bg.jpg'); }

/* Header area */
#at-header { z-index:5; position:relative; height:64px; background: #000; }
#at-logo { z-index:10; position:absolute; top:0; left:0; background: #000; padding:0px 30px; height:64px; line-height:64px;}
#at-logo a { font-size:30px; font-weight:bold; color:#fff; font-family:tahoma, "Helvetica"; letter-spacing:-1px; text-decoration:none; }
#at-logo a:hover { color:gold; text-decoration:none; }

/* Menu */
#at-menu { z-index:5; position:absolute; top:0; right:0; height:64px; line-height:64px; }
.jqueryslidemenu { margin-top: 0px; margin-bottom:0px; }
.jqueryslidemenu ul { margin: 0px; padding: 0px; list-style-type: none; }
.jqueryslidemenu ul li { float: left; display: inline; position: relative; height:64px; line-height:64px; border-left: 1px solid #333; font-weight:bold; z-index: 100; }
.jqueryslidemenu ul li a { font-family:"Nanum Gothic"; font-weight:bold; color:#fff; padding:0px 17px; text-decoration: none; margin-bottom: 0px; display:block; overflow:hidden; }
*html .jqueryslidemenu ul li a { display: inline-block; }
.jqueryslidemenu ul li a:hover { background:#24242a; color:#fff;}
.jqueryslidemenu ul li ul { border-top:1px solid #24242a; background:#000; width: 150px; position: absolute; left: 0px; display: none; visibility: hidden; text-transform: none; font-weight:normal; }
.jqueryslidemenu ul li ul li { border-bottom:1px solid #20202a; border-left:0px !important; box-shadow:0px !important; float: none; display: list-item; z-index: 9999; line-height:38px; height:38px; }
.jqueryslidemenu ul li ul li a { font-weight:normal; color:#fff; background:#000; margin: 0px; padding: 0px 0px 0px 17px; font-size: 12px; visibility: visible; display:block; }
.jqueryslidemenu ul li ul li a:hover { background:#14141a; color:#fff; }
.jqueryslidemenu ul li ul li ul { top: 0px; margin-top: -1px; margin-left: 2px; }
.jqueryslidemenu a.on { background:#24242a; color:#fff; }
.jqueryslidemenu span.new { background: url('./img/new_icon.png') no-repeat center right; padding-right:15px; }
.jqueryslidemenu span.old { color:#fff; }
.jqueryslidemenu span.old:hover { color:#fff; }
.downarrowclass { top: 16px; right: 5px; display: none; position: absolute; }
.rightarrowclass { top: 10px; right: 9px; display: none; position: absolute; }
#at-menu-icon a { font-size:20px !important; }

#at-menu-list { width:240px; }
#at-menu-list ul { margin:0px; padding:0px; list-style:none; }
#at-menu-list ul li {	font-size: 12px; }
#at-menu-list ul li a { font-size: 12px; padding:8px 10px; line-height:20px; font-size: 12px; text-decoration: none; display: block; }
#at-menu-list ul li a:hover {	text-decoration: none; }
#at-menu-list ul li a { font-weight:bold; color:#fff; background:#000; }
#at-menu-list ul ul { margin:6px 0px; }
#at-menu-list ul ul li a { font-weight:normal; padding:6px 20px; color:#000; background:#fff; }
#at-menu-list span.new { background: url('./img/new_icon.png') no-repeat center right; padding-right:15px; }
#at-menu-list span.on { font-weight:bold; }
#at-menu-list span.old { }

/* Content area */
#at-body { margin:30px auto; }
#at-content { padding:30px; background:#fff; border:1px solid #bbb;}
#at-content .board-title { border-bottom:1px solid #000; padding:0px 0px 10px; margin:0px 0px 15px; }
#at-content .board-name { color:#000; letter-spacing:-1px; font-family:"Helvetica", "Nanum Gothic"; font-size:27px; font-weight:bold; text-shadow: 0px 1px 0px white; margin:0px; padding:0px; }
#at-content .board-desc { font-weight:normal; font-size:12px; color:#54545a; letter-spacing:-1px; background: url('./img/sp.png') no-repeat top left; margin-left:10px; padding-left:11px; }

/* Footer area */
#at-footer { z-index:5; position:relative; height:64px; background:#000; overflow:hidden; }
#at-copyright { z-index:10; position:absolute; top:0; left:0; background: #000; padding:0px 30px; height:64px; line-height:64px; color:#aaa; font-family: tahoma; font-size: 12px; }
#at-copyright a { font-weight:bold; color:#fff; text-decoration:none; }
#at-copyright a:hover { color:#fff; }
#at-footer-menu { z-index:5; position:absolute; top:0; right:0; height:64px; line-height:64px; }
#at-footer-menu ul { padding:0px; margin:0px; list-style:none; }
#at-footer-menu ul li { float: left; display: inline; position: relative; height:64px; line-height:64px; border-left: 1px solid #333; font-weight:normal; }
#at-footer-menu ul li a { font-family:"Nanum Gothic"; font-weight:normal; color:#aaa; padding:0px 17px; text-decoration: none; margin-bottom: 0px; display:block; overflow:hidden; }
*html #at-footer-menu ul li a { display: inline-block; }
#at-footer-menu ul li a:hover { color:#fff;}
#at-footer-menu-icon a { font-size:20px; }
#at-footer-menu .big-icon { font-size:20px; }

/* 반응형 처리 */
#at-menu-icon { display:none; }
#at-menu-wide { display:block; }
#at-footer-menu-icon { display:none; }
#at-footer-menu-wide { display:block; }

@media all and (max-width: 1119px){
	#at-menu-wide { display:none; }
	#at-menu-icon { display:block; }
	#at-footer-menu-wide { display:none; }
	#at-footer-menu-icon { display:block; }
}
