/*reset*/
*{margin:0;padding:0;box-sizing:border-box}
li{list-style:none}
img{border:0;vertical-align:middle;max-width:100%}
body, td, p, input, button, textarea, select,a{font-family:'Nanum Gothic',sans-serif; font-size:12px; color:#333;}
h1,h2,h3,h4,h5,h6,strong,b,dt,em{font-weight:600}
em,i{font-style:normal}
a,a:hover,a:active,a:focus{text-decoration:none}

/*common*/
html{background:#f5f5f5}
body{position:relative;background:#fff;max-width:640px;margin:0 auto}

.clear:after{display:block;content:'';clear:both}


/*header*/
#header{position:fixed;left:0;top:0;width:100%;z-index:100}
#header .fixed{position:relative;max-width:640px;margin:0 auto;padding:10px 0;background:#fff}

.hsec1{position:relative;height:40px}
.hsec1 h1{text-align:center} 
.hsec1 h1 img{height:40px;vertical-align:top}   
.hsec1 .aside_open{position:absolute;left:4%;top:0}
.hsec1 .aside_open img{height:40px}
.hsec1 .notice{position:absolute;right:4%;top:0}
.hsec1 .notice img{height:40px}
.hsec1 .notice i{position:absolute;left:-2px;top:0;background:#fd6b5f;width:18px;height:18px;line-height:18px;border-radius:50%;color:#fff;font-size:11px;text-align:center;}


#aside{position:fixed;width:100%;left:-100%;top:0;z-index:200;height:100%;background:#fff;transition:.3s;overflow:auto}
#aside.on {left:0;transition:.3s}

#aside .sec1{position:relative;line-height:40px;background:#ffed46;padding:0 3%;color:rgba(0,0,0,0.3)}
#aside .sec1 a{margin:0 5px;color:#000}
#aside .sec1 .fr{position:absolute;right:10px;top:0}
#aside .sec1 .fr a{float:left;width:35px;height:40px;text-indent:-9999px;margin:0}
#aside .sec1 .home{background:url('../images/as_home.png') no-repeat center}
#aside .sec1 .close{background:url('../images/as_close.png') no-repeat center}

#aside .sec2{padding:10px 4%}
#aside .sec2 a{display:inline-block;float:left;width:25%;text-align:center}
#aside .sec2 a img{max-width:35px}
#aside .sec2 a span{display:block}

#aside .bar{height:10px;background:#eee;border-top:1px solid #ddd}

#aside .lnb{}
#aside .lnb ul{}
#aside .lnb li{}
#aside .lnb li > a{display:block;height:40px;line-height:50px;font-size:13px;padding-left:20px;font-weight:700;border-bottom:1px solid #eee}
#aside .lnb dl{}
#aside .lnb dl:after{display:block;content:'';clear:both}
#aside .lnb dd {float:left;width:33.33%;text-align:center;border-right:1px solid #eee;border-bottom:1px solid #eee;}
#aside .lnb dd:nth-child(3n+3){border-right:0}
#aside .lnb dd a{display:block;line-height:35px;font-size:12px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;padding:0 5px}
#aside .lnb dd.em a:after{display:inline-block;content:'';position:relative;top:-6px;left:3px;width:5px;height:5px;border-radius:50%;background:#ff0000}

.aside_bg{display:none;position:fixed;left:0;top:0;width:100%;height:100%;background:#000;opacity:0.8;z-index:190}





/*swiper*/
.swiper-pagination-bullets{padding:1px 0}
.swiper-pagination-bullets .swiper-pagination-bullet{display:inline-block;vertical-align:middle; margin:0 4px;width:10px;height:10px;line-height:16px;background:#333;opacity:1}
.swiper-pagination-bullets .swiper-pagination-bullet-active{border:1px solid #333;width:16px;height:16px;background:none}

.swiper-pagination-fraction{position:absolute;right:0;top:0px;left:auto;width:auto}
.swiper-pagination-fraction .swiper-pagination-current{}
.swiper-pagination-fraction .swiper-pagination-total{font-weight:600}

 
.swiper-button-next:after,
.swiper-button-prev:after{display:none}    
.swiper-button-next{width:60px;height:60px;background:url('../images/banner_next.png') no-repeat center}
.swiper-button-prev{width:60px;height:60px;background:url('../images/banner_prev.png') no-repeat center}



/*footer*/
#footer{}
.fsec1{padding:20px 0;background:#eaeaea;text-align:center}    
.fsec1 a{}

.fsec2{background:#fae100;padding:10px 0}
.fsec2 a{display:inline-block;float:left;width:20%;text-align:center}
.fsec2 a img{max-width:35px}
.fsec2 a span{display:block}