@charset "utf-8";

#wrap.main{background:#fff}
.main #container{margin:0 auto 20px}


/*메인 비주얼*/
.mvisual_wrap{background:url(/images/stat/main/mvisual_bg.jpg) no-repeat 50% 0}
.mvisual_wrap .mvisual{position:relative;width:980px;height:397px;margin:0 auto}
.mvisual .data_wrap{position:absolute;top:70px;right:0;width:400px}
.data_wrap .tit{margin-bottom:10px;font-size:2.188em;line-height:1.1;font-weight:700;color:#000}
.data_wrap .tit span{font-size:0.429em;font-weight:400}

.present_data{}
.present_data .obj{overflow:hidden;padding:0 0 10px;background:url(/images/stat/main/mvisual_data.gif) no-repeat 59% 100%}
.present_data .obj:after{content:"";display:block;clear:both}
.present_data .obj li{float:left;margin-left:-5px;padding:0 20px;background:url(/images/stat/main/data_bg1.png) no-repeat;font-size:3.438em;font-weight:700;color:#fff}
.present_data .obj li.no1{margin-left:0}
.present_data .obj li.no3{margin-left:23px}
.present_data .obj li.no5{background:url(/images/stat/main/data_bg2.png) no-repeat}

.past_data{position:relative;height:70px;margin-top:10px;background:url(/images/stat/main/mvisual_data2.jpg) no-repeat}
.past_data .past_month{position:absolute;top:40px;left:0px;color:#777;font-weight:700}
.past_data .gap{position:absolute;top:10px;left:320px;color:#e1013b;font-weight:700}


/*서비스 메뉴*/
.mvisual_wrap .service_wrap{position:relative;padding:50px 0 30px;background:#3b88ae}
.service_wrap .service{position:relative;width:980px;margin:0 auto}

.service h3{position:absolute;top:-30px;left:0;color:#fff}

.service .control{position:absolute;top:30px;left:20px}
.service .control a{position:absolute;display:block;top:0;left:0;width:41px;height:70px;font-size:0}
.service .control a[rel="prev"]{background:url(/images/stat/main/service_prev.png) no-repeat}
.service .control a[rel="next"]{left:935px;background:url(/images/stat/main/service_next.png) no-repeat}

.service .more{position:absolute;top:-25px;left:963px}
.service .more a{display:block;width:26px;height:26px;background:url(/images/stat/main/service_more.png) no-repeat}

.service_menu{position:relative;overflow:hidden;width:820px;margin-left:100px}
.service_menu .obj{position:relative;width:10000px;overflow:hidden;padding:0}
.service_menu .obj:after{content:"";display:block;clear:both}
.service_menu .obj li{position:relative;float:left;margin-left:40px}
.service_menu .obj li:first-child{margin-left:0}
.service_menu .obj li a{display:block;width:100px;height:32px;padding:120px 0 10px;text-align:center;line-height:1.2;color:#fff;font-weight:700}
.service_menu .obj li a:hover,
.service_menu .obj li a:focus,
.service_menu .obj li a:active{text-decoration:underline}
.service_menu .obj .btn1 a{background:url(/images/stat/main/service_btn1.png) no-repeat 50% 10px}
.service_menu .obj .btn2 a{background:url(/images/stat/main/service_btn2.png) no-repeat 50% 10px}
.service_menu .obj .btn3 a{background:url(/images/stat/main/service_btn3.png) no-repeat 50% 10px}
.service_menu .obj .btn4 a{background:url(/images/stat/main/service_btn4.png) no-repeat 50% 10px}
.service_menu .obj .btn5 a{background:url(/images/stat/main/service_btn5.png) no-repeat 50% 10px}
.service_menu .obj .btn6 a{background:url(/images/stat/main/service_btn6.png) no-repeat 50% 10px}
.service_menu .obj .btn7 a{background:url(/images/stat/main/service_btn7.png) no-repeat 50% 10px}


/*컨텐츠영역*/
.mcon1{float:left;width:48%;margin-right:40px}
.mcon2{position:relative;float:right;width:48%}
.mcon1 h3,.mcon2 h3{margin-bottom:25px}


/*바로가기*/

.mcon1 ul{overflow:hidden;border:1px solid #dcdcdc}
.mcon1 ul:after{content:"";display:block;clear:both}
.mcon1 ul li{float:left;width:33%}
.mcon1 ul li.btn1{border-right:1px solid #dcdcdc}
.mcon1 ul li.btn2{border-right:1px solid #dcdcdc}

.mcon1 ul li a{display:block;padding:135px 0 25px;text-align:center;font-weight:700}
.mcon1 ul li.btn1 a{background:url(/images/stat/main/fav_btn1.gif) no-repeat 50% 35%}
.mcon1 ul li.btn2 a{background:url(/images/stat/main/fav_btn2.gif) no-repeat 50% 35%}
.mcon1 ul li.btn3 a{background:url(/images/stat/main/fav_btn3.gif) no-repeat 55% 35%}

.mcon1 ul li a > span{color:#ea8d08}



/*통계 E-BOOK
.mcon2 ul{overflow:hidden}
.mcon2 ul:after{content:"";display:block;clear:both}
.mcon2 ul li{float:left;width:29%;margin-left:27px;border:1px solid #dcdcdc}
.mcon2 ul li:first-child{margin-left:0}
.mcon2 ul li > img{position:absolute;display:block;top:30px;left:90px}

.mcon2 ul li a{position:relative;display:block;width:141px;height:181px;color:#fff;font-weight:700;}
.mcon2 ul li.btn1 a{background:url(/images/stat/main/ebook_img1.gif) no-repeat 50% 0}
.mcon2 ul li.btn2 a{background:url(/images/stat/main/ebook_img2.gif) no-repeat 50% 0}
.mcon2 ul li.btn3 a{background:url(/images/stat/main/ebook_img3.gif) no-repeat 50% 0}

.mcon2 ul li a span{position:absolute;display:block;bottom:0;width:100%;padding:5px 0;background:url(/images/stat/main/ebook_label.png) no-repeat;text-align:center;font-weight:400}

.mcon2 .more{position:absolute;top:0;right:3px;}
.mcon2 .more a{display:inline-block;width:26px;height:26px;background:url(/images/stat/main/ebook_more.gif) no-repeat}
*/

.mcon2 .obj{border-top:1px solid #e0e0e0}
.mcon2 .obj li{padding-top:10px;overflow:hidden}
.mcon2 .obj li:first-child{padding-top:20px}
.mcon2 .obj li a{float:left}
.mcon2 .obj li span{float:right}

.mcon2 .more{position:absolute;top:0;right:3px}
.mcon2 .more a{display:inline-block;width:26px;height:26px;text-indent:-999px;overflow:hidden;background:url(/images/stat/main/ebook_more.gif) no-repeat}