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

/* Skin to content */
.skip{margin:0}
.skip>a{display:block;text-align:center;line-height:28px;height:1px;overflow:hidden}
.skip>a:focus{height:auto}

/* Layout */
.header{background:#f9f9f7;}
.header .container{
	  position: relative;
    z-index: 2;
    zoom: 1;
    padding: 25px 0;
    margin: 0 auto 0 auto;
    width: 999px;
}
.header .container{position:relative;}
.header .side{position:absolute;z-index:2;right:0;top:49px;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:0 auto}
.header h1>a,
.header h1 img{display:block}
.header h1>a{font-size:32px;text-decoration:none;color:#333}
.header .container{margin 0 10px;}

/* Footer */
.footer{Padding:25px 0 80px 0;border-top:1px solid #dfdfe1;color:#666}
.footer>div{width:999px;margin:0 auto;}
.footer p{font-size:12px}
.footer a{text-decoration:none;color:#666}
.footer a:hover,
.footer a:focus{text-decoration:underline}

/* Login */
.account{margin-right:15px !important}

/* 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: 42px;
    clear: both;
    border-top: 4px solid #0a428f;
    border-bottom: 1px solid #B3B3B3;
    margin-bottom: 22px;
}
.gnb:before{content:"";display:block;width:100%;height:1px}
.gnb .gnbWrapper {
    position: relative;
    width: 990px;
    margin: 0 auto;
    /* border: 1px solid gray; */
    top: 9px;
}
.gnb ul{margin:0;padding:0;list-style:none}
.gnb a{text-decoration:none;white-space:nowrap}
.gnb>.gnbWrapper>ul {
    position: absolute;
    top: 32px;
    left: 3px;
    right: 0px;
    opacity: .98;
    width: 990px;
    filter: alpha(opacity=98);
    height: 0;
    border-bottom: 1px solid #b4b4b4;
    border-left: 1px solid #b4b4b4;
    border-right: 1px solid #b4b4b4;
}
.gnb.open>.gnbWrapper>ul{background:#fff;height:auto;}
.gnb>.gnbWrapper>ul:after{content:"";display:block;clear:both}
.gnb>.gnbWrapper>ul>li{position:relative;top:-32px;float:left;margin:0 -1px -8px 0}
.gnb>.gnbWrapper>ul>li>a {
    border-left: 1px solid #b3b3b3;
    font-size: 18px;
    font-weight: bold;
    display: block;
    line-height: 34px;
    padding: 4px 47px;
    color: #242424;
    position: relative;
    margin-bottom: 17px;
    top: -10px;
}
.gnb>.gnbWrapper>ul>li>a:after{content:"";position:absolute;width:1px;height:100%;right:0;top:0;overflow:hidden}
.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{margin-top:6px;}
.gnb ul ul:before{content:"";position:absolute;left:0;top:0;width:1px;height:100%;}
.gnb.open ul ul{padding:17px 20px;height:auto}
.gnb>.gnbWrapper>ul>li:first-child>ul{border:0}
.gnb>.gnbWrapper>ul>li:first-child>ul:before{content:normal}
.gnb ul ul a{display:block;line-height:32px;font-size:14px;color:#000;text-align:center;}
.gnb ul ul a:hover,
.gnb ul ul a:focus{text-decoration:underline}

/* LNB */
.body.sub .lnb{float:left;width:210px;margin:0 0 40px 0}
.body.sub .content{float:right;width:720px}
.body.sub .lnb>h1{margin:0;position:relative;z-index:2}
.body.sub .lnb>h1>a{display:block;line-height:36px;padding:0 18px;border-radius:3px;color:#fff;text-decoration:none;font-size:14px;border:1px solid #939395;background-color:#19191b;background:-webkit-linear-gradient(top, #2d2c31, #0c0c0e 80%, #131418 80%);background:-moz-linear-gradient(top, #2d2c31, #0c0c0e 80%, #131418 80%);background:-o-linear-gradient(top, #2d2c31, #0c0c0e 80%, #131418 80%);background:-ms-linear-gradient(top, #2d2c31, #0c0c0e 80%, #131418 80%);background:linear-gradient(top, #2d2c31, #0c0c0e 80%, #131418 80%);zoom:1}
.body.sub .lnb ul{list-style:none;margin:0;padding:0}
.body.sub .lnb ul a{display:block;text-decoration:none;color:#333;font-size:13px}
.body.sub .lnb>ul{position:relative;z-index:1;border:1px solid #dcdcdc;padding:1px;margin:-1px 0 0 0;border-radius:3px}
.body.sub .lnb>ul>li>a{line-height:36px;padding:0 10px 0 18px;border-top:1px solid #eee}
.body.sub .lnb>ul>li.active>a,
.body.sub .lnb>ul>li>a:hover,
.body.sub .lnb>ul>li>a:focus{background:#f5f5f5;color:#3192d7}
.body.sub .lnb>ul>li:first-child>a{border-top:0}
.body.sub .lnb ul ul{padding:10px 0;border-top:1px solid #eee}
.body.sub .lnb li li>a{line-height:20px;padding:0 10px 0 25px}
.body.sub .lnb li li.active>a,
.body.sub .lnb li li>a:hover,
.body.sub .lnb li li>a:focus{background:#f5f5f5;color:#3192d7}