@charset "utf-8";
/* Reset */
html,body{min-height:100%;padding:5px 0 2px 0;}
body{margin:0 auto;width:1024px}

/* 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 */
.container{background:#;margin:0 auto}
.footer>p{background:#;margin:0 auto}
.header{position:relative;z-index:2;zoom:1;margin:0 0 17px 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{width:99%;margin:0 auto;padding:0 0 10px 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 5px 10px}
.header>h1>a,
.header>h1 img{display:block}
.header>h1>a{font-size:32px;text-decoration:none;color:#333}

.header> h2 {margin-top:-10px;margin-right:50px; padding:0;}
.header> h2 {float:right;width:190px;height:12px;text-decoration:none;font-size:12px;}
.header> h2 a{color:#080808;}
.header> h2 a:hover{color:#FF4444;}

.header> h3 {margin-top:4px;margin-right:-230px; padding:0 ;}
.header> h3 {float:right;width:100px;height:12px;text-decoration:none;font-size:12px;color:#000}

#header .account{position:absolute;top:3px;right:29px;margin:0;padding:0 4px 0 0;height:26px;background:url() no-repeat right top; z-index:5;}
#header .account li{float:left; list-style:none; position:relative;}
#header .account a,
#header .account button{background:none; border:0; display:inline-block;height:26px;margin:0 -4px 0 0;padding:0 8px;line-height:26px;font-size:11px;color:#000;text-decoration:none;text-align:center;vertical-align:top;background:url() no-repeat left -26px;cursor:pointer}
#header .account button{overflow:visible}
#header .account button.highlight{color:#d8f75d;}
#header .account a.log{padding-left:23px; background-position:left top;}
#header .account a.project{font:10px/26px Tahoma, Geneva, sans-serif;color:#d8f75d;}
#header .account a:hover,
#header .account a:active,
#header .account a:focus{color:#FF4444; background:#eee;}
#header .account .languageList{ display:none; width:98px; margin:0; padding:5px 0; position:absolute; top:25px; left:10px; background:#2c2c2c; border:1px solid #222; z-index:999;}
#header .account .languageList li{list-style:none;}
#header .account .languageList li button{background:none; height:18px; line-height:18px;}
#header .account.openlang .languageList{ display:block;}
#header .account li .clo_lang{position:absolute; right:20px; top:0; height:10px; width:10px;}


/* Footer */
.footer{width:95%;margin:0 auto; padding:25px 25px 35px 25px;background:#000;border-top:1px solid #FF4444;color:#;border-bottom:2px solid #FF4444}
.footer p{float:right;font-size:12px;color:#fff}
.footer a{text-decoration:none;color:#000}
.footer a:hover,
.footer a:focus{text-decoration:underline}

.footer> f1{float:left;font-size:12px;color:#fff}

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

/* Search */
.header .search{display:inline-block;*display:inline;zoom:1;vertical-align:top;margin:0 10px 0 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;border:1px solid #FF0000;font-size:14px;height:40px;clear:both;background-color:#080808;background:-webkit-linear-gradient(top, #2e2d32, #0c0c0e);background:-moz-linear-gradient(top, #2e2d32, #0c0c0e);background:-o-linear-gradient(top, #2e2d32, #0c0c0e);background:-ms-linear-gradient(top, #2e2d32, #0c0c0e);background:linear-gradient(top, #2e2d32, #0c0c0e);filter:progid:DXImageTransform.Microsoft.gradient(startColorStr=#2e2d32, endColorStr=#0c0c0e)}
.gnb:before{content:"";display:block;background:#3e3e40;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:35px;left:-1px;right:-1px;background:#eeeeee;opacity:.98;filter:alpha(opacity=98);height:0;}
.gnb.open>ul{height:auto;border-bottom:2px solid #66CC00;background:url(/03.png)}
.gnb>ul:after{content:"";display:block;clear:both}
.gnb>ul>li{position:relative;top:-32px;float:left;margin:0 -1px -8px 0}
.gnb>ul>li>a{display:block;border-left:1px solid #3e3e40;border-right:1px solid #3e3e40;line-height:32px;padding:0 20px;color:#fff;position:relative}
.gnb>ul>li>a:after{content:"";position:absolute;width:1px;height:100%;right:0;top:0;background:#080808;overflow:hidden}
.gnb>ul>li.active>a,
.gnb>ul>li.hover>a{border-top:1px solid #4a505c;line-height:30px;padding-bottom:1px;background-color:#2f333b;}
.gnb ul ul{display:block;position:relative;z-index:2;padding:0 20px;margin:0 0 0 -1px;border-left:1px solid #fff;height:0;overflow:hidden}
.gnb.open ul ul{margin-top:6px}
.gnb ul ul:before{content:"";position:absolute;left:0;top:0;width:2px;height:100%;background:#eee}
.gnb.open ul ul{padding:13px 20px;height:auto}
.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:20px;font-size:13px;color:#000}
.gnb ul ul a:hover{color:#FF0000;background-color:#fff}
.gnb ul ul a:focus{text-decoration:underline}

/* Visial */
.visual>.list{position:relative;width:300%;left:-100%;z-index:1}
.visual>.list:after{content:"";display:block;clear:both}
.visual>.list.total1{width:auto;left:0}
.visual img{display:block;max-width:100%;height:auto;margin:0 auto}
.visual a{display:block;float:left;position:relative;color:#fff;text-decoration:none;font-family:Corbel,Arial,Helvetica,sans-serif}
.visual a[href=""]{cursor:default}
.visual .total1 a{float:none}
.visual .total2 a,
.visual .total3 a{width:33.33%;}
.visual a>p{margin:-24px 0 0 0;padding:0 100px;position:absolute;top:50%;left:0;right:0;text-align:center;font-size:47px;letter-spacing:-1px;line-height:1}
.visual.sub a>p{font-size:32px;text-align:left}
.visual>button{zoom:1;border:0;background:url(blank.gif);cursor:pointer;width:100px;position:absolute;z-index:2;top:0;bottom:0;margin:0;padding:0;color:#fff}
.visual>button:hover,
.visual>button:focus{background-color:rgba(0,0,0,.25)}
.visual>button>i{position:absolute;top:50%;left:50%;width:25px;height:50px;background:url(slideNav.png) no-repeat;margin:-25px 0 0 -12px;zoom:1}
.visual>.prev{left:0}
.visual>.next{right:0}
.visual>.prev>i{background-position:0 0}
.visual>.next>i{background-position:-25px 0}

/* LNB */
.body.sub .lnb{float:left;width:200px;margin:0 0 40px 0}
.body.sub .content{float:right;width:800px}
.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 #aaa;background-color:#aaa}
.body.sub .lnb ul{list-style:none;margin:0;padding:0}
.body.sub .lnb ul a{display:block;text-decoration:none;color:#000;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:{color:#000}
.body.sub .lnb>ul>li>a:hover{background:#f5f5f5;color:#FF0000}
.body.sub .lnb>ul>li>a:focus{background:#f5f5f5;color:#FF0000}
.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}