@import url(//fonts.googleapis.com/earlyaccess/nanumgothic.css);
*{margin:0; padding:0;}
body,table,div,select {font-family:나눔고딕,NanumGothic,'Nanum Gothic',Tahoma,Arial,Helvetica,AppleGothic,Sans-serif; font-size:12px; text-decoration:none; text-align:left; margin:0; padding:0; word-wrap:break-word; word-break:break-all;}
body{width:100%;color:#555; background-color:#f2f3f5; }
input,textarea {font-size:12px; font-family:나눔고딕 ExtraBold,NanumGothic,'Nanum Gothic',Tahoma,Arial,Helvetica,AppleGothic,Sans-serif; BACKGROUND-COLOR:#fff; color:black;border:1px solid #dfdfdf; height:16px; padding:3px;}

ol,ul,li,dl{list-style:none;margin:0;padding:0;}
P {margin-top:2px; margin-bottom:2px;}
h1,h2,h3{font-family:나눔고딕 ExtraBold,NanumGothic,'Nanum Gothic',Tahoma,Arial,Helvetica,AppleGothic,Sans-serif; color:#000; text-shadow:2px 2px 2px #eee;}

form {margin:0px;}

A{cursor:pointer}
A:link {text-decoration: none; color:#505050;}
A:visited {text-decoration: none;}
A:hover {text-decoration:underline;}

.smallfontE {font-family:Tahoma,Arial; font-size:11px;}
.smallfontK {font-family:Verdana,돋움; font-size:11px;letter-spacing:-1px;}

.bigfont {font-family:나눔고딕 ExtraBold,NanumGothic,'Nanum Gothic';font-size:18px; font-weight:bold; line-height:130%; letter-spacing:-1px;color:#000;text-shadow:1px 1px 2px #eee;}

.ls0{letter-spacing:0px;}
.ls1{letter-spacing:-1px;}
.ls2{letter-spacing:-2px;}

.header_top{height:100px;}
.header{position:fixed;top:0;left:0;width:100%;height:108px;background:url(/img/top_bg.png);z-index:99;}
.top{position:relative;width:80%;height:26px;text-align:right;font-family:Tahoma,Arial; font-size:11px;margin:0 auto;margin-bottom:10px;z-index:200;}
.top a{display:inline-block; margin:5px 5px;}

.top_menu{width:80%;height:80px;margin:0 auto;}
.top_menu .logo{float:left;width:160px; text-align:center;}
.top_menu .menus{float:right; margin: 14px 0 0 0; padding-right:10px; text-align:right;}
//.top_menu .menus a{display:inline-block; margin:10px 25px;}
//.top_menu .cs_call{position:relative;right:-850px;top:-60px;width:153px;height:87px;z-index:100;}
.top_menu .cs_call{display:none;position:fixed;right:10%;top:40px;width:153px;height:87px;z-index:100;}

//.main_menus{display:inline-block;height:15px; background:url(/img/main_menus.png) no-repeat; margin:10px 17px;}
.main_menus { font-size: 1.4em;color: #333333; font-weight:600; margin: 0 7px -20px 7px;}


.mn1{width:15px; background-position:0 0;}
.mn1:hover{background-position:0 -15px;}
.mn2{width:70px; background-position:-49px 0;}
.mn2:hover{background-position:-49px -15px;}
.mn3{width:70px; background-position:-141px 0;}
.mn3:hover{background-position:-141px -15px;}
.mn4{width:82px; background-position:-228px 0;}
.mn4:hover{background-position:-228px -15px;}
.mn5{width:70px; background-position:-329px 0;}
.mn5:hover{background-position:-329px -15px;}
.mn6{width:60px; background-position:-416px 0;}
.mn6:hover{background-position:-416px -15px;}
.mn7{width:70px; background-position:-490px 0;}
.mn7:hover{background-position:-490px -15px;}
.mn8{width:42px; background-position:-228px 0;}
.mn8:hover{background-position:-228px -15px;}

//.sub_menu{display:none; position:absolute; width:300px;height:20px;}
.sub_menu { position: absolute; width: 500px; height: 20px; margin: 12px 0 0 -40px;}
//.sub_menus{display:inline-block;height:15px; background:url(/img/sub_menus.png) no-repeat; margin:10px 17px;}
.sub_menus { font-size: 1.2em;color: #333333; font-weight:600; margin: 0 7px -20px 7px;}

.sn1{width:66px; background-position:0 0;}
.sn1:hover{background-position:0 -15px;}
.sn2{width:30px; background-position:-80px 0;}
.sn2:hover{background-position:-80px -15px;}
.sn3{width:40px; background-position:-125px 0;}
.sn3:hover{background-position:-125px -15px;}

.dot_line{clear:both;width:1044px;height:3px;background:url(/img/dot_line.gif) no-repeat center top;}
.dot_line_w{clear:both;width:100%;height:3px;background:url(/img/dot_line.gif) no-repeat center top;}
.solid_line_w{clear:both;width:100%;height:2px;border-bottom:1px solid #eee;margin:1px 0;}

.main_banner{position:relative;width:976px;height:520px;overflow:hidden;}
.main_banner .btn_arrow{position:relative;margin-top:-279px;width:976px;height:38px;}
.main_banner .btn_arrow .left{float:left;}
.main_banner .btn_arrow .right{float:right;}

.main_ad_img{position:relative;width:100%;height:17305px;background:url(/img/byapps_main.jpg) no-repeat center top;}
.main_apply{position:absolute;width:100%;height:300px;margin:0 auto;margin-top:8664px;}
.main_apply .apply_btn{display:none;width:540px;height:300px;cursor:pointer;}

#banner_list{position:relative; width:4880px;height:520px;left:0px;white-space:nowrap;}

#byapps_demo{position:fixed;top:150px;right:100px;width:200px;height:200px;background:url(/img/btn_demo_admin.png) no-repeat;}
#byapps_demo .close{display:inline-block;width:23px;height:23px;margin-left:160px;}
#byapps_demo .btn_demo{display:inline-block;width:200px;height:177px;}

.byapps_pop{position:absolute;top:150px;left:150px;width:300px;height:300px;background:url(/img/byapps_popup.png) no-repeat;}
.byapps_pop .close{position:absolute;display:inline-block;width:26px;height:26px;right:0px;border:0;}
.byapps_pop .btn_pop{display:inline-block;margin-top:50px;width:300px;height:250px;border:0px;}

.byapps_popup{position:absolute;top:20%;left:35%;width:500px;height:455px;background:url(/popup/img/pop3.png) no-repeat;background-color:#fff;box-shadow:1px 1px 10px #555;}
.byapps_popup .btn_close{position:absolute;display:inline-block;width:35px;height:35px;background:url(/popup/img/btn_close.png) no-repeat;right:0px;border:0;margin:10px;}
.byapps_popup .popup_bottom{position:absolute;bottom:0;padding:0 10px;}

.main_banner .dot_page{position:relative;bottom:-217px;left:0px;width:958px;height:12px;text-align:center;}
.main_banner .dot_page .page{display:inline-block; width:12px; height:12px; background:url(/img/dot_page.png) no-repeat;margin:0 3px;}
.main_banner .dot_page .page.off{background-position:0 0;}
.main_banner .dot_page .page.on{background-position:0 -12px;}

.sub_banner{clear:both;width:958px; height:172px;white-space:nowrap;overflow:hidden;}
.sub_banner div{float:left;width:223px;height:88px;margin-top:42px; margin-right:18px;}

.app_store{clear:both;width:960px;height:auto;margin-top:30px;}
.app_store .category_menu{width:100%;height:47px;}
.app_store .category_menu div{float:left}
.app_store .category_menu .apps_title{width:217px;}
.app_store .category_menu .apps_dot{width:40px;text-align:center;}
.app_store .category_menu .apps_cate{display:none;margin-top:20px;}
.app_store .category_menu .apps_cate a{display:inline-block;padding:3px 20px;border-radius:20px;border:1px solid #ccc;background-color:#fff;margin:0 5px;}
.app_store .category_menu .apps_cate a:hover{border:1px solid #5c2876;background-color:#5c2876;color:#fff;text-decoration:none;}

.apps_lists{width:100%;margin-top:20px;}
.apps_lists .apps_intro{float:left;width:226px; height:237px; background:url(/img/apps_intro_bg.png) no-repeat; margin:7px;}
.apps_lists .apps_intro .apps_icon{width:118px; height:114px; background:url(/img/apps_icon_bg.png) no-repeat; margin:0 auto;margin-top:33px;}
.apps_lists .apps_intro .apps_icon img{margin-top:7px;margin-left:18px;border-radius:10px;-webkit-border-radius:10px;}
.apps_lists .apps_intro .apps_info{width:190px;font-size:16px;color:#3c2c84;margin:0 auto;margin-top:30px;letter-spacing:-1px;white-space:nowrap;word-break:break-all;text-overflow:ellipsis;overflow:hidden;}
.apps_lists .apps_intro .apps_info div{font-family:Tahoma,Arial; font-size:12px;color:#65c8e6;letter-spacing:0px;margin-top:5px;}
.apps_lists .apps_intro .apps_info a{display:inline-block;font-family:Tahoma,Arial; font-size:12px;color:#029ecf;letter-spacing:0px;}
.apps_lists .apps_intro .apps_info a:hover{text-decoration:underline;}
.apps_lists .apps_blank{float:left;width:226px; height:237px;margin:7px;}

.title_banner{width:976px;height:450px;}
.content_table_w{clear:both;width:940px;height:500px;margin:0 auto;background-color:#fff;border-radius:20px;-webkit-border-radius:20px;-webkit-box-shadow:0 0 3px #333;box-shadow:0 0 3px #333;}

.bottom{clear:both;width:100%;height:170px;background-color:#fff;margin-top:100px;text-align:middle;}
.bottom .bottom_line{width:100%;height:12px;background:url(/img/bottom_head_bg.png) repeat;background-color:#f2f3f5;margin-bottom:30px;}
.bottom .bottom_content{width:1024px;height:80px;margin:0 auto;}
.bottom .bottom_content .logo{float:left;width:196px; text-align:center;margin-top:25px;}
.bottom .bottom_content .menus{float:left;width:828px;}

.bottom_menu{display:inline-block;width:433px;height:20px;background:url(/img/bottom_menu.gif) no-repeat;margin-left:6px;}
.bottommenu{background:url(/img/bottom_menu.gif) no-repeat 0 60px;}
.bottom_menu .menu01{display:inline-block;width:60px;height:20px;}
.bottom_menu .menu01:hover{background-position:0 -17px;}
.bottom_menu .menu02{display:inline-block;width:50px;height:20px;margin-left:30px;}
.bottom_menu .menu02:hover{background-position:-90px -17px;}
.bottom_menu .menu03{display:inline-block;width:96px;height:20px;margin-left:30px;}
.bottom_menu .menu03:hover{background-position:-170px -17px;}
.bottom_menu .menu04{display:inline-block;width:50px;height:20px;margin-left:25px;}
.bottom_menu .menu04:hover{background-position:-291px -17px;}
.bottom_menu .menu05{display:inline-block;width:50px;height:20px;margin-left:35px;}
.bottom_menu .menu05:hover{background-position:-376px -17px;}

.dragBar{width:100%;height:10px;cursor:move;}
.mbox{display:none;background-color:#fff;padding:10px;border:2px solid #555;border-radius:5px;-webkit-border-radius: 5px;-webkit-box-shadow:1px 1px 5px #ccc;}
.btn_close{display:inline-block;width:10px;height:10px;background:url(/img/btn_close.gif) no-repeat;}


.popupwin{position:absolute; top:151px; background-color:#fff; border:1px solid #3c3e44; box-shadow:5px 5px 0 rgba(0, 0, 0, 0.2); overflow:hidden;}
.popwin_dragbar{background-color:#3c3e44; color:#fff; cursor:move;}
.btn_popup_close{display:inline-block; width:14px; height:14px; background:url(/img/btn_close_pop.gif) no-repeat center center; margin-right:10px; overflow:hidden;}


.nbutton{color:#000; background:-webkit-gradient(linear, left top, left bottom, color-stop(0.0, #fff), color-stop(0.5, #f7f7f7), color-stop(0.5, #f0f0f0),color-stop(1.0, #f7f7f7)); font-weight:bold; border:1px solid #ccc; border-color:#ccc #555 #555 #ccc; height:32px; padding:0 15px;cursor:pointer;}
.nbutton:hover{background:-webkit-gradient(linear, left top, left bottom, color-stop(0.0, #f7f7f7), color-stop(0.5, #f0f0f0), color-stop(0.5, #f7f7f7),color-stop(1.0, #fff));}
.nbutton:active{border-color: #555 #ccc #ccc #555;}

.nbutton2{color:#555; background:-webkit-gradient(linear, left top, left bottom, color-stop(0.0, #fff), color-stop(0.5, #f7f7f7), color-stop(0.5, #f0f0f0),color-stop(1.0, #f7f7f7)); font-weight:bold; border:1px solid #ccc; border-color:#ccc #555 #555 #ccc; height:32px; padding:0 15px;cursor:pointer;}
.nbutton2:hover{background:-webkit-gradient(linear, left top, left bottom, color-stop(0.0, #f7f7f7), color-stop(0.5, #f0f0f0), color-stop(0.5, #f7f7f7),color-stop(1.0, #fff));}
.nbutton2:active{border-color: #555 #ccc #ccc #555;}

.nbutton3 {font-size:11px; letter-spacing:-1px;color: #555; font-weight:bold; background-color: #f7f7f7; border: 1px solid; border-color: #ccc #555 #555 #ccc; text-align: center; height: 24px;padding:0 15px; cursor:pointer;}
.nbutton3:hover{background-color:#eee;color:#333;}
.nbutton3:active{border-color: #555 #ccc #ccc #555;}

.nbutton3_on {font-size:11px; letter-spacing:-1px;color: #fff; font-weight:bold; background-color: #555; border: 1px solid; border-color: #222 #888 #888 #222; text-align: center; height: 24px;padding:0 15px; cursor:pointer;}
.nbutton3_on:hover{background-color:#333;}

.nbutton4 {font-family:돋움;font-size:11px; letter-spacing:-2px;padding:0px 5px;color: #555; background-color: #f7f7f7; border: 1px solid; border-color: #ccc #555 #555 #ccc; text-align: center; height: 17px; cursor:pointer;}
.nbutton4:hover{background-color:#eee;color:#333;}
.nbutton4:active{border-color: #555 #ccc #ccc #555;}