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

/* Etc */
.at-container { position:relative; padding:0px; margin:0px auto; }
.at-box { position:relative; padding:0px; margin:0px auto; }
.board-title { padding:25px 12px 8px; margin:0px 0px 15px; border:10px solid #efefef; }
.board-name { display:inline-block; font:bold 26px tahoma; color:#333; letter-spacing:-1px; }
.board-desc { display:inline-block; margin-left:10px; padding-left:10px; font-weight:normal; font-size:12px; color:#888; letter-spacing:-1px; background: url('./img/sp.gif') no-repeat 0px 1px;}
.side-box { border:1px solid #ddd; padding:0px; margin:0px; }
.side-box ul { margin:0px 15px; padding:0px; padding-left:15px; list-style:disc; }
.side-box ul li { line-height:20px; color:#333; }
.side-box ul li a { color:#000; text-decoration:none; }
.side-box ul li a:hover { color:orangered; }
.side-box ul li a.on { font-weight:bold; color:orangered; }
.side-box ul li span.new { background: url('./img/new_icon.png') no-repeat center right; padding-right:15px; }
.side-title { border-bottom:1px solid #ddd; padding:10px 15px; background-color:#fafafa; font-weight:bold; color:#000; }
.side-title a { color:#000; text-decoration:none; }
.side-title a:hover { color:orangered; }
.side-content { padding:10px 0px; }
.side-sp { clear:both; height:15px; padding:0px; margin:0px; }
.google-header { width:234px; height:60px; text-align:center; line-height:60px; background:#f5f5f5; overflow:hidden; }
.google-side { margin:0px auto; width:160px; height:600px; text-align:center; line-height:600px; background:#fff; overflow:hidden; }
.google-board { margin:0px auto; width:728px; height:90px; text-align:center; line-height:90px; background:#f5f5f5; border:1px solid #ddd; padding:10px; margin-bottom:15px; overflow:hidden; }

/* Head */
#at-head { }

/* LNB */
#at-lnb { position:relative; display:block; height:40px; border-bottom:1px solid #bbbbbb; }
#at-lnb ul { list-style:none; padding:0px; margin:0px; }
#at-lnb ul li { float:left; display:inline-block; line-height:40px; min-width:40px; height:40px; text-align:center; padding:0px; border-left:1px solid #bbbbbb; background:#f5f5f5; }
#at-lnb ul li:hover { background:#fff; }
#at-lnb ul li:first-child { border-left:1px solid #bbbbbb; }
#at-lnb ul li:last-child { border-right:1px solid #bbbbbb; }
#at-lnb ul li a { display:inline-block; color:#000; padding:0px 8px; }
#at-lnb ul li a:hover { color:#ff3300; }
#at-lnb .lnb-wrap, #at-lnb .lnb-box, #at-lnb .lnb { position:relative; overflow:hidden; z-index:5; }
#at-lnb .lnb-left { float:left; }
#at-lnb .lnb-right { float:right; }
#at-lnb .lnb-bg { display:none; }
#at-lnb .lnb-bg-full { background-color:#f5f5f5; position:absolute; top:0px; left:0px; width:100%; height:100%; z-index:1; }

/* Header */
#at-header { position:relative; display:block; padding:20px 0px 5px; }
#at-header .header-wrap, #at-header .header-box, #at-header .header { position:relative; overflow:hidden; }
#at-header .header-logo {float:left; position:relative; z-index:5; display:inline-block; font-size:42px; font-family:tahoma; font-weight:bold; text-align:center; padding:0px 20px; letter-spacing:-1px; }
#at-header .header-logo a { color:#000; text-decoration:none; }
#at-header .header-logo a:hover { color:#000; }
#at-header .header-desc {display:block; font-size:11px; font-family:dotum; font-weight:normal; letter-spacing:-1px; color:#888; margin:4px 0px 8px; }
#at-header .header-search { float:left; position:relative; z-index:5; display:inline-block; padding-top:8px; }
#at-header .header-search form { display:inline; padding:0px; margin:0px; }
#at-header .header-search input[type="text"] { width:240px; height: 25px; border:5px solid #333; padding-left:5px; color:#888; }
#at-header .header-search input[type="submit"] { width:50px; height: 35px; border:0px; color:#fff; background-color:#333; cursor: pointer; }
#at-header .header-popular { clear:both; display:block; }
#at-header .header-popular ul { float:left; margin:0; padding:10px 0px 0px; display:inline-block; list-style:none; }
#at-header .header-popular ul li{ float:left; position:relative; font-size:12px; font-family:dotum; margin:0px; border:0px; padding:0px 10px 0px 11px; white-space:nowrap; color:#333; line-height:12px; background: url('./img/sp.gif') no-repeat 0px 0px; }
#at-header .header-popular ul li:first-child{ margin-left:2px; padding:0 10px 0 18px; background: url('./img/popular.png') no-repeat 0px 0px; }
#at-header .header-popular ul li a { color:#333; text-decoration:none; }
#at-header .header-popular ul li a:hover { color:orangered; }
#at-header .header-banner { position:absolute; z-index:5; right:0; bottom:0; margin-bottom:10px; }
#at-header .header-bg { display:none; }
#at-header .header-bg-full { background-color:#fff; position:absolute; top:0px; left:0px; width:100%; height:100%; z-index:1; }

/* Menu */
#at-menu { position:relative; display:block; }
#at-menu .menu-wrap, #at-menu .menu-box { position:relative; height:39px; z-index:100; }
#at-menu .menu { position:relative; left:0; top:0; z-index:100; margin:0px; padding:0px; border-right:0; height:39px; background:#1e1f22; }
#at-menu .menu ul { margin: 0px; padding: 0px; list-style-type: none; }
#at-menu .menu ul li { float: left; display: inline; position: relative; height:39px; line-height:39px; border-right: 1px solid #000; box-shadow:1px 0px 0px rgba(255, 255, 255, 0.1); font-weight:bold; z-index:100; }
#at-menu .menu ul li:hover { background:#3c3e43; }
#at-menu .menu ul li a { font-family:"Nanum Gothic"; font-weight:bold; color:#fff; padding:0px 20px; text-decoration:none; display:block; overflow:hidden; }
*html #at-menu .menu ul li a { display: inline-block; }
#at-menu .menu ul li a:hover { color:#fff;}
#at-menu .menu ul li ul { background:#1e1f22; width:150px; border-top: 1px solid #707070; position: absolute; left: 0px; display: none; visibility: hidden; text-transform: none; font-weight:normal; margin-left:-1px; }
#at-menu .menu ul li ul li { border-bottom:1px solid #000; box-shadow:0px 1px 0px rgba(255, 255, 255, 0.1); float: none; display: list-item; z-index:9999; line-height:36px; height:36px; }
#at-menu .menu ul li ul li a { font-weight:normal; color:#fff; margin: 0px; padding:0px 20px; font-size: 12px; visibility: visible; display:block; }
#at-menu .menu ul li ul li a:hover { background:#3c3e43; color:#fff; }
#at-menu .menu ul li ul li ul { top:0; margin-left:150px; margin-top:-1px; background:#000; }
#at-menu .menu a.on { background:#3c3e43; color:#ff3300; }
#at-menu .menu span.new { background: url('./img/new_icon.png') no-repeat center right; padding-right:15px; }
#at-menu .menu span.old { }
#at-menu .menu span.old:hover { }
#at-menu .menu .downarrowclass, #at-menu .menu .rightarrowclass { display: none; }
#at-menu .menu-bg { display:none; } 
#at-menu .menu-bg-full { /* background-color:#1e1f22; */  position:absolute; top:0px; left:0px; width:100%; height:100%; z-index:1; } 

/* Content */
#at-body { position:relative; display:block; }
#at-body .body-wrap { padding:15px 0px; }
#at-body .body-box-right, #at-body .content-box-right { float:right; padding:0px; margin:0px; overflow:hidden; }
#at-body .body-box-left, #at-body .content-box-left { float:left; padding:0px; margin:0px; overflow:hidden; }
#at-body .body-box, #at-body .content-box { float:left; padding:0px; margin:0px; overflow:hidden; }
#at-body .body-left { padding:0px; margin:0px; margin-right:15px; }
#at-body .body-content { padding:0px; margin:0px; }
#at-body .body-right { padding:0px; margin:0px; margin-left:15px; }
#at-body .content-left { padding:0px; margin:0px; margin-right:15px; }
#at-body .content-center { padding:0px; margin:0px; }
#at-body .content-right { padding:0px; margin:0px; margin-left:15px; }

/* Foot */
#at-tail { }

/* Map */
#at-map { position:relative; display:block; height:40px; border-top:1px solid #bbb; }
#at-map ul { list-style:none; padding:0px; margin:0px; }
#at-map ul li { float:left; display:inline-block; line-height:40px; height:40px; text-align:center; border-right:1px solid #bbb; background:#f5f5f5; }
#at-map ul li:hover { background:#fff; }
#at-map ul li:first-child { border-left:1px solid #bbb; }
#at-map ul li.map-icon { width:40px; padding:0px; }
#at-map ul li a { display:inline-block; color:#333333; }
#at-map ul li a:hover { color:#ff3300; }
#at-map ul li span { font-size:11px; font-family:dotum; letter-spacing:-1px; }
#at-map ul li b { font-size:16px; }
#at-map .map-left ul li { padding:0px 15px; }
#at-map .map-right ul li { padding:0px; width:40px; }
#at-map .map-wrap, #at-map .map-box, #at-map .map { position:relative; overflow:hidden; z-index:5; }
#at-map .map-left { float:left; }
#at-map .map-right { float:right; }
#at-map .map-bg { display:none; }
#at-map .map-bg-full {  background-color:#f5f5f5;  position:absolute; top:0px; left:0px; width:100%; height:100%; z-index:1; }

/* Footer */
#at-footer { position:relative; display:block; }
#at-footer .footer-wrap, #at-footer .footer-box, #at-footer .footer { position:relative; overflow:hidden; z-index:5; }
#at-footer .footer-bg { display:none; }
#at-footer .footer-bg-full {  background-color:#1e1f22;  position:absolute; top:0px; left:0px; width:100%; height:100%; z-index:1; }
#at-footer .footer { border-left:1px solid #3d414c; border-right:1px solid #3d414c; padding:15px; background-color: #1e1f22;}
#at-footer .footer table { width:100%; border:0px; padding:0px; margin:0px; }
#at-footer .footer th { width:65px; border:0px; padding:0px; margin:0px; text-align:left; }
#at-footer .footer td { border:0px; padding:0px; margin:0px; }
#at-footer .footer-logo { }
#at-footer .footer-logo i { color:#5181fa; }
#at-footer .footer-info { }
#at-footer .footer-info ul { list-style:none; padding:0px; margin:0px; font-size:11px; font-family:dotum; letter-spacing:-1px; line-height: 18px; }
#at-footer .footer-info ul li { float:left; padding:0px; margin:0px; padding-right:30px; color:#888888; font-size:11px; font-family:dotum; letter-spacing:-1px; line-height: 20px; }
#at-footer .footer-info ul li a { color:#888888; text-decoration:none; }
#at-footer .footer-info ul li a:hover { color:#fff; }
#at-footer .footer-info ul li span { letter-spacing:0; }
#at-footer .footer-info .copyright { letter-spacing:0; font-family:tahoma; }