#wrapper{position:relative;}
#wrapper.nav-fixed .topbar-wrap{margin-bottom:80px;}
#wrapper.is-sub .footer-wrap{margin-top: 100px;}

.topbar-wrap{background: #0052a4;height: 40px;margin-bottom:100px;}
.topbar{width: 1000px;margin: 0 auto;*zoom:1;transition:all .3s ease-out;}
.topbar:after{content:""; display:block; clear:both;}
.topbar-left{float: left;}
.topbar-left a{border-right: 1px solid #005ab5;height: 40px;line-height: 40px;display: inline-block;padding: 0 25px;color:#fff;}
.topbar-left a:first-child{border-left: 1px solid #005ab5;}
.topbar-left a.active{height: 40px;background: #fff;color:#0066cc;font-weight:500;}
.topbar-right{float: right;text-align: right;}
.topbar-right a{display: inline-block;margin:0 12px;line-height: 40px;position: relative;}
.topbar-right a.topbar-home{padding-left: 16px;background: url(/img/topbar_home.gif) 0 center no-repeat;}
.topbar-right a.topbar-sitemap{padding-left: 16px;background: url(/img/topbar_sitemap.gif) 0 center no-repeat;margin-right: 0;}
.topbar-right a.topbar-sitemap:after{position: absolute;content:"";display: block;left:-12px;width: 1px;height: 9px;background: #c3c3c3;top:15px}


.topbanner-wrap{background: #339967;}
.topbanner{text-align: center;position: relative;overflow: hidden;}
.topbanner img{vertical-align: top;width: 100%;max-width:1600px;}
.topbanner .topbanner-close{position: absolute;right:50%;margin-right: -600px;text-indent:-9999px;overflow: hidden;background: url(/img/top_banner_close.jpg) center center no-repeat;width: 65px;height: 11px;bottom:20px}

.header-wrap.nav-fixed #header h1 a{height: 52px;}
.header-wrap.nav-fixed #gnb{height: 52px;}
.header-wrap.nav-fixed #gnb>ul{height: 52px;}
.header-wrap.nav-fixed #gnb>ul>li{height: 52px;}
.header-wrap.nav-fixed #gnb>ul>li>a>span{height: 52px;line-height: 52px;}
.header-wrap.nav-fixed #gnb>ul>li>a>span:after{bottom:28px;}
.header-wrap.nav-fixed #gnb .smenu-wrap{top:80px;}
.header-wrap.nav-fixed #allmenu-btn{top:14px;}


.header-wrap.nav-fixed #gnb.sub-active>ul>li:after{/*background:url(/nimg/common/gnb_gap.jpg) right 18px no-repeat;*/}
.header-wrap.nav-fixed #gnb.sub-active>ul>li>a>span{line-height:50px;}
.header-wrap.nav-fixed #gnb ul ul{top:13px;}



.header-wrap{height: 53px;position: absolute;width:100%;background: #d83f36;transition-property : height; transition-duration : .3s; transition-timing-function : ease-out; z-index: 888;top:0px;}
.header-wrap.nav-fixed{position: fixed;width: 100%;left:0;top:0;z-index: 888;height: 80px;box-shadow:0px 4px 5px 0px rgba(0,0,0,0.2);}
#header{width: 1000px;margin: 0 auto;zoom:1;padding-right:80px;}
#header:after{content:""; display:block; clear:both;}
#header h1{float: left;}
#header h1 a{display: block;width: 226px;height: 53px;background: url(/nimg/header_logo.jpg) 0 center no-repeat;padding:13px 0px; text-indent:-9999px;transition-property : height; transition-duration : .3s; transition-timing-function : ease-out;}
#wrapper.site-mode2 #header h1 a{background: url(/nimg/header_logo.jpg) 0 center no-repeat;}
#wrapper.site-mode3 #header h1 a{background: url(/nimg/header_logo.jpg) 0 center no-repeat;}


.footer-wrap{background: #fcfcfc;border-top:1px solid #d9d9d9;}
#footer{padding-top: 50px;width: 1000px;margin: 0 auto;padding-bottom: 80px;*zoom:1;position:relative;padding-left:325px;}
.footer-left{position:absolute;left:0;top:50px;}
.footer-logo{display:inline-block;}
.footer-top{margin-bottom: 20px;}
.footer-top a{color:#333;font-size: 14px;font-weight: 500;margin-right: 30px;display: inline-block;}
.footer-top a:hover{color:#000;}
.footer-bottom{color:#666;font-size: 14px;font-weight: normal;line-height: 1.8em;}

.footer-bottom .copyright{color:#666;font-size: 10px;font-weight: 600;margin-top: 20px;}

#mobile-menu-btn{width: 65px;height: 65px;display: block;background: url(/img/nv.jpg) center center no-repeat;position: absolute;right:0;top:0;text-indent:-9999px;display: none;background-size: 33px auto;}

#gnb{float: right;height: 53px;z-index: 999;transition-property : height; transition-duration : .3s; transition-timing-function : ease-out; }
#gnb ul{float: left;height: 53px;zoom:1;transition-property : height; transition-duration : .3s; transition-timing-function : ease-out; }
#gnb ul:after{content:""; display:block; clear:both;}
#gnb ul li{float: right;height: 53px;position:relative;font-size: 14px; color:#f4d2d1; padding-top:15px;}
#gnb ul li a{display: block;font-size: 14px;font-weight: 500;padding-right:40px; color:#f4d2d1;}
#gnb ul li a:hover{color:#fff;}
#gnb ul li:last-child:after{display:none;}
#gnb>ul>li:after{display:block;content:"";position:absolute;right:-8px;top:0;width:17px;height:100%;transition:all .3s ease-out;}/*background:url(/nimg/common/gnb_gap.jpg) right center no-repeat;*/
#gnb ul li#gnb_main_sub06>a>span{text-indent:-9999px;width: 142px;background: url(/img/logo_dada.jpg) center center no-repeat;}
#gnb>ul>li#gnb_main_sub06>a>span:after{display: none !important;}
#gnb>ul>li>a>span{position: relative;display: block;height: 100px;line-height: 100px;transition:all .3s ease-out;}
#gnb>ul>li>a>span:after{transition-property : left, width ; transition-duration : .3s; transition-timing-function : ease-out; content: ""; position: absolute; left: 50%; bottom: 50px; height: 4px; width: 0; background-color: #00abe8;display:none;}
#gnb.sub-active>ul>li:after{/*background:url(/nimg/common/gnb_gap.jpg) right 27px no-repeat;*/}
#gnb.sub-active>ul>li>a>span{line-height:70px;}
#gnb ul li.hover>a>span, #gnb ul li.gnb-active>a>span{color:#0052A4;}
#gnb ul li.hover>a>span:after, #gnb ul li.gnb-active>a>span:after{left: 0; width: 100%; }

#gnb.active ul li.gnb-active ul{display:block;}


#gnb ul ul{display:none;position:absolute;top:0px;padding:0;z-index: 99;height:auto;}
#gnb li li{height:auto;}
#gnb li.gnb-active ul{display: block}
#gnb li li a, #gnb li.gnb-active li a, #gnb li.hover li a{display:block;height:40px;line-height:40px;color:#999999;font-size:15px;width:auto;-webkit-transition:background-color .2s, color .2s, -webkit-transform .2s;
transition:background-color .2s, color .2s, transform .2s;padding: 0 8px;height:50px;}
#gnb li li.gnb-active2 a, #gnb li li a:hover{color:#d83f36;}

#gnb ul ul#gnb_sub_sub01{left:25px;width: 450px;}
#gnb ul ul#gnb_sub_sub02{left:-130px;width: 730px;}
#gnb ul ul#gnb_sub_sub03{left:-200px;width: 580px;}
#gnb ul ul#gnb_sub_sub04{left:0px;width: 300px;}
#gnb ul ul#gnb_sub_sub05{left:-100px;width: 300px;}


#sub-container{position: relative;}
#sub-container img{max-width:100%;}
.sub-content-wrap{}

#sub-content-body{min-height:500px;width: 1000px;margin: 0 auto;padding: 50px 0 100px;}




.titlebox {border-bottom:1px solid #333; padding:50px 0px 10px; margin-bottom:50px;}
.titlebox .title1 {font-size:18px; color:#c33; font-weight:bold; margin-right:50px;}
.titlebox .title2 {font-size:14px; color:#666; margin-right:100px;}
.titlebox .title3 {font-size:14px; color:#666;}

.stitle1 {font-size:20px; color:#333; font-weight:bold; line-height:18px; background:url(/nimg/icon01.jpg) 0 0 no-repeat; padding-left:26px; margin-bottom:30px;	}
.stitle2 {font-size:20px; color:#333; font-weight:bold; line-height:18px; background:url(/nimg/icon02.jpg) 0 0 no-repeat; padding-left:26px; margin-bottom:30px;}