@charset "utf-8";
/* Reset */
html,body{min-height:100%}
body{margin:0}

/* Layout */
.container,
.footer>p{width:1005px;margin:0 auto}
.header{position:relative;z-index:2;zoom:1;margin:0 0 -23px 0}
.header>.side{position:absolute;z-index:2;right:0;bottom:57px;zoom:1}
.visual{position:relative;z-index:1;overflow:hidden;width:100%;margin:0 0 20px 0}
.body{position:relative;z-index:1}
.header:after,
.body:after{content:"";display:block;clear:both}
.content{padding:0 0 40px 0;zoom:1}
.content>*:first-child{margin-top:0}
.content img{max-width:100%;height:auto}

/* Header */
.header>h1{display:inline-block;*display:inline;zoom:1;margin:19px 0}
.header>h1>a,
.header>h1 img{display:block}
.header>h1>a{font-size:32px;text-decoration:none;color:#333}

/* Footer */
.footer{padding:0;background:url(images/footerBack.jpg) repeat-x;border-top:1px solid #f4f4f4;color:#fff; position: relative; text-align: center;}
.footer p{font-size:12px}
.footer a{text-decoration:none;color:#fff}
.footer a:hover,
.footer a:focus{text-decoration:underline}

/* Login */
.account{margin-right:15px !important}
/*TopSlidingLogin*/
a#loginAnchor { padding-right: 10px; cursor:pointer;}
.loginTopTotal{background:linear-gradient(to bottom,#013565 20%,#0069b3 ) ;width:100%;height:0;overflow:hidden;}
.loginTopWrapper{width: 650px;padding: 12px 0 6px 0;margin: 0 auto;}

span.loginPart { font-size: 13px; display: block; padding-bottom: 7px;  font-weight: bold; color:#252525;}
a#joinAnchor { text-decoration: none; color:#252525;}
a#infoAnchor { text-decoration: none; color:#252525;}
a#adminAnchor { text-decoration: none; color:#252525;padding: 0 8px;}
a#logoutAnchor { text-decoration: none; color:#252525;}
/* Search */
.header .search{display:inline-block;*display:inline;zoom:1;vertical-align:top;margin:0}
.header .search>input{font-size:12px;vertical-align:top;border-radius:2px}
.header .search>input[type="text"]{background:#e5e6e8;border:1px solid #dedede;height:21px;line-height:21px;padding:0 4px;margin:0 -6px 0 0;width:126px}
.header .search>input[type="submit"]{background:#484d51;border:1px solid #272b30;color:#fff;height:23px;line-height:23px;padding:0 15px;margin:0;cursor:pointer;box-shadow:0 1px 0 #6d7174 inset}

/* GNB */
.gnb{position:relative;z-index:1;font-size:13px;height:31px;clear:both;}
.gnb:before{content:"";display:block;width:100%;height:1px}
.gnb ul{margin:0;padding:0;list-style:none}
.gnb a{text-decoration:none;white-space:nowrap}
.gnb>ul{position:absolute;top:51px;left:-1px;right:-1px;opacity:.97;filter:alpha(opacity=98);height:0;background:#375987}
.gnb.open>ul{height:310px;border-bottom:1px solid #333; border-radius: 0 0 30px 30px;}
.gnb>ul:after{content:"";display:block;clear:both}
.gnb>ul>li{width:165px;position:relative;top:-32px;float:left;margin:0 -1px -8px 0;text-align:center;padding-left: 0px;}
.gnb>ul>li>a{display: block;line-height: 32px;padding: 0 20px;color: #fff;position: relative;font-size: 18px;font-weight: bold;}
.gnb>ul>li>a:after{content:"";position:absolute;width:1px;height:100%;right:0;top:0;overflow:hidden}
.gnb>ul>li.active>a,
.gnb>ul>li.hover>a{/*background:linear-gradient(to bottom,#202d4f 20%,#5474a3);*/}
.gnb ul ul{display:block;position:relative;z-index:2;padding:0 20px;margin:0 0 0 -1px;height:0;overflow:hidden}
.gnb.open ul ul{}
.gnb ul ul:before{content:"";position:absolute;left:0;top:0;width:1px;height:100%;}
.gnb.open ul ul{padding:5px 20px;height:auto;margin-top:6px}
.gnb>ul>li:first-child>ul{border:0;}
.gnb>ul>li:first-child>ul:before{content:normal}
.gnb ul ul a{display:block;line-height:23px;font-size:14px;color:#fff}
.gnb ul ul a:hover,
.gnb ul ul a:focus{text-decoration:underline}