@charset "utf-8";

/* Common */
body { color:#000; padding:0px; margin:0px; font-size:14px; font-family:dotum, tahoma; -webkit-text-size-adjust:none; }
th, td, p, input, button, textarea, select, li { font-size:14px; 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 { }
#at-logo { display:block; padding:0px; margin:0px; background:#222; }
#at-logo .logo-left { float:left; display:inline-block; }
#at-logo .logo-right { float:right; display:inline-block; }
#at-logo .logo-left a, #at-logo .logo-right a { color:#aaa; display:inline-block; margin:8px 8px 0px; padding:5px 10px; background:#111; font-size:18px; text-decoration: none; border:1px solid #000; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;}
#at-logo .logo-left a:hover, #at-logo .logo-right a:hover { color:#fff; text-decoration: none; }
#at-logo .logo { display:block; padding:12px 0px; text-align:center; text-overflow:ellipsis; white-space:nowrap; word-wrap:normal; overflow:hidden; }
#at-logo .logo a { font-size:20px; font-weight:bold; color:#fff; font-family:"Helvetica" !important; }
#at-logo .logo a:hover { color:#fff; }
#at-menu { display:block; }
#at-menu table { width:100%; background:#000; border-collapse:collapse; padding:0px; margin:0px; border:0px; }
#at-menu td { width:20%; padding:0px; text-align:center; border:1px solid #333; }
#at-menu td.first { border-left:0px; }
#at-menu td.last { border-right:0px; }
#at-menu td a { display:block; padding:10px 0px; color:#aaa; text-decoration: none; }
#at-menu td a:hover { color:#fff; text-decoration: none; }

/* Menu area */
#at-menu-box { background:#fafafa; border:1px solid #ddd; border-bottom:0px; }
.at-menu-item { margin:0; padding:0; list-style: none; }
.at-menu-item li {
	text-overflow:ellipsis; white-space:nowrap; word-wrap:normal; overflow:hidden;
	font-family:"Nanum Gothic", dotum; 
	font-size:14px;
	line-height:20px;
	-webkit-transition: all .3s ease-in-out;
	 -moz-transition: all .3s ease-in-out;
	 -o-transition: all .3s ease-in-out;
	 -ms-transition: all .3s ease-in-out;
	 transition: all .3s ease-in-out;
}
.at-menu-item li a { font-family:"Nanum Gothic", dotum; font-size:16px; background:#000; text-decoration: none; display: block; color: #fff; line-height:44px; padding:0 0 0 20px; font-weight:bold; border-bottom:1px solid #444; box-shadow:0 1px 0px rgba(0, 0, 0, 0.3); }
.at-menu-item li a:hover { text-decoration: none; background:#000; color:#fff;}
.at-menu-item ul { margin:0; padding:0; background:#fff; }
.at-menu-item ul li { margin:0; padding:0; background:#fff; }
.at-menu-item ul li a { background:#fff; color:#333; font-weight:normal; line-height:40px; font-size:14px; border-bottom:1px solid #ddd; box-shadow:0 1px 0px rgba(255, 255, 255, 0.3); }
.at-menu-item ul li a:hover { background:#333; color:#fff; font-weight:bold; border-bottom:1px solid #444 !important; box-shadow:0 1px 0px rgba(0, 0, 0, 0.3) !important; }
.at-menu-item span.on {}
.at-menu-item span.off {}
.at-menu-item span.new { background: url('./img/new_icon.png') no-repeat center right; padding-right:15px; }
.at-menu-item span.old {}
.at-menu-cnt { float:right; display:inline-block; padding:0px 15px; font-family:tahoma; }

/* Content area */
#at-body { margin:0px auto; }
#at-content { padding:20px 10px; background:#fff; border:0px;}
#at-content .board-title { border-bottom:1px solid #000; padding:0px 0px 10px; margin:0px 0px 15px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; word-wrap:normal; }
#at-content .board-name { color:#000; letter-spacing:-1px; font-family:"Helvetica", "Nanum Gothic"; font-size:20px; 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; }
#at-content .view-content, #at-content .view-content p { font-size: 16px; }

/* Footer area */
#at-footer { display:block; }
#at-footer table { width:100%; background:#000; border-collapse:collapse; padding:0px; margin:0px; border:0px; }
#at-footer td { width:20%; padding:0px; text-align:center; border:1px solid #333; }
#at-footer td.first { border-left:0px; }
#at-footer td.last { border-right:0px; }
#at-footer td a { display:block; padding:10px 0px; color:#bbb; text-decoration: none; }
#at-footer td a:hover { color:#fff; text-decoration: none; }
#at-copyright { text-align:center; background: #222; padding:12px; color:#aaa; font-family: tahoma; font-size: 12px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; word-wrap:normal; }
#at-copyright a { font-weight:bold; color:#fff; text-decoration:none; }
#at-copyright a:hover { color:#fff; }