@import url('//fonts.googleapis.com/earlyaccess/nanumgothic.css');

html, body {
    margin:0;
    padding:0;
    font-family: "Nanum Gothic", Gulim, sans-serif;
    color:#444;
}
a {
    text-decoration:none;
    color:#444;
}
img {
    border:0;
}
#header {
    height:120px;
}
#header .inner {
    width:1000px;
    margin:0 auto;
    font-size:0;
    position:relative;
}
#container {

}
#sendIng {
    background:none;
}

#sub_loginbox {
    width:1000px;
    margin:0 auto;
    height:40px;
}
#sub_loginbox ul {
    padding-top:0;
    margin-top:0;
}
#container .inner {
    width:1000px;
    margin:0 auto;
    padding:10px 0;
    position:relative;
    overflow:hidden;
    min-height:740px;
}
#header .inner #logo {
    width:250px;
    display:inline-block;
    *display:inline;
}
#header .inner #logo a {
    display:block;
    font-size:0;
}
#header .inner .menu {
    display:inline-block;
    *display:inline;
    width:740px;
    padding:0;
    margin:0;
    vertical-align:top;
    margin-top: 40px;
}
#header .inner .menu li {
    list-style:none;
    float:left;
    width:135px;
    margin:0 5px;
    vertical-align: top;
    padding:0 20px;
}
#header .inner .menu > li a {
    display:block;
    font-weight:bold;
    font-size:23px;
    color:#fff;
    text-align:center;
    position:relative;
}
#header .inner .menu li a span {
    vertical-align:middle;
}
#header .inner .menu > li a span.menu-indicator {
    position:absolute;
    bottom:-14px;
    left:54px;
    display:none;
    width:22px;
    height:11px;
}
#header .inner .menu > li a span.menu-indicator.active {
    display:block;
}
#header .inner .menu .submenu {
    display:none;
    background: #4466B0;
    position:absolute;
    bottom:-42px;
    left:0px;
    z-index:10;
    padding: 8px 0 8px 0;
    width:100%;
    text-align:center;
}
#header .inner .menu .submenu.active {
    display:block;
}
#header .inner .menu .submenu li {

}
#header .inner .menu .submenu a {
    color:#fff;
    font-size:17px;
    text-align:center;
}
#header .inner .menu .submenu a img {
    vertical-align: middle;
}
#container .logged_info {
    width:1000px;
    margin:0 auto;
}
#container .sub_bg {
    background:none;
    width:1000px;
    margin:0 auto;
    padding:25px 0;
    position:relative;
    overflow:hidden;
}
#container .sub_bg {
    background:none;
    margin-top:0;
    padding-top:0;
}
#send_left {
    margin-top:10px;
}
.left {
    margin-top:10px;
	width:230px;
}
.right {
    margin-top:10px;
	width:760px;
}
#container .sub_bg .index {

}
#container .login_box {
    float:left;
    width:327px;
    height:177px;
    border:1px solid #284056;
    border-radius:7px;
}
#container .login_after_box {
    float:left;
    width:327px;
    height:177px;
    border:1px solid #284056;
    border-radius:7px;
    font-size:14px;
}
#container .login_after_box .login_user_name {
    text-align:right;
    padding-right:20px;
    padding-top:15px;
    color:#fff;
    font-weight:bold;
}
#container .login_after_box .login_user_point {
    text-align:right;
    padding-right:20px;
    padding-top:10px;
    color:#fff;
    font-weight:bold;
}
#container .login_after_box .login_user_point span {
    color:#47C8EE;
}
#container .login_after_box .user_box {
    padding: 23px 0 0 30px;
    line-height:1.5;
}
#container .login_after_box .user_box img {
    border-radius: 5px;
}
#container .login_box h2 {
    font-size:23px;
    font-weight:bold;
    margin-bottom:7px;
}
#container .login_inp {
    width:175px;
    float:left;
    overflow:hidden;
    margin-top:45px;
    margin-left:60px;
}
#container .login_inp .inp {
    height:25px;
    border:0;
    background:none;
    margin:4px 0;
    padding:4px 5px;
    width:164px;
    line-height:1.5;
    outline:none;
    border-radius:5px;
}
#container .login_inp input.inp:-webkit-autofill {
    -webkit-box-shadow: 0 0 0px 1000px #E4E5E7 inset;
}
#container .login_inp .inp:focus {
    outline:none;
    border-color:#56BCE8;
}
#container .login_btn {
    width:66px;
    height:76px;
    float:left;
    margin-top:49px;
    margin-left:10px;
    overflow:hidden;
}
#container .login_btn a {
    display:block;
}
#container .login_opts {
    clear:both;
    padding-top:11px;
    text-align:center;
}
#container .login_opts #id_save {
    margin:0;
    width:14px;
    height:14px;
    padding:0;
    vertical-align:middle;
    cursor:pointer;
}
#container .login_opts label {
    vertical-align:middle;
    font-size:13px;
    line-height:1.5;
    height:22px;
    color:#fff;
    display:inline-block;
    *display:inline;
    cursor:pointer;
    margin-right:10px;
}
#container .login_opts a {
    font-size:13px;
    color:#fff;
    line-height:1.5;
    vertical-align:top;
    margin:0 5px;
}
#container .reg_phone_box {
    width:237px;
    height:177px;
    font-size:0;
    float:left;
    vertical-align:top;
    margin-left:9px;
    background:#EEF8FD;
    border:1px solid #86888B;
    border-radius:7px;
}
#container .reg_phone_box h2 {
    font-size:23px;
    font-weight:bold;
    padding-top:10px;
    margin-bottom:7px;
    text-align:center;
}
#container .reg_phone_box a {
    display:block;
    text-align:center;
}
#container .notice_box {
    float:left;
    vertical-align:top;
    margin-left:10px;
    position:relative;
    width:410px;
    height:177px;
    border:1px solid #86888B;
    border-radius:7px;
}
#container .notice_box .btn_more {
    position:absolute;
    right:138px;
    top:26px;
}
#container .notice_box h2 {
    font-size:23px;
    font-weight:bold;
    margin-bottom:7px;
    padding-left:170px;
}
#container .notice_box .notice_list {
    font-size:13px;
    margin-top:79px;
    padding-left:8px;
    width:275px;
    overflow: hidden;
}
#container .notice_box .notice_list li {
    margin:2px 0;
    line-height:1.7;
    list-style:none;
}
#container .notice_box .notice_list li a {
    color:#666;
    display:block;
    text-overflow:ellipsis;
    -ms-text-overflow:ellipsis;
    width:210px;
    float:left;
    white-space:nowrap;
    text-align:left;
    overflow:hidden;
}
#container .notice_box .notice_list li a strong {
    display:inline;
}
#container .notice_box .notice_list li a:hover {
    color:#000;
}
#container .notice_box .notice_list li span {
    font-size:10px;
    font-family: Tahoma, sans-serif;
    margin-left:3px;
    float:left;
    margin-top:3px;
}
#container .ezsms_box {
    margin-top:15px;
    border:1px solid #86888B;
    border-radius:7px;
    font-size:0;
    width:576px;
    height:346px;
    float:left;
    position:relative;
}
#container .ezsms_box a.btn_down {
    position:absolute;
    right:19px;
    top:22px;
}
#container .mship_box {
    margin-top:15px;
    margin-left:8px;
    border:1px solid #86888B;
    border-radius:7px;
    font-size:0;
    height:346px;
    width: 412px;
    float:left;
}
#container .cscenter_box {
    width:245px;
    height:154px;
    float:left;
    margin-right:4px;
    margin-top:15px;
    background:#4466AF;
    border-radius:6px;
}
#container .cscenter_box img {
    border-radius:6px;
}
#container .sms_box {
    width:245px;
    height:153px;
    float:left;
    margin-right:5px;
    margin-top:15px;
    border:1px solid #86888B;
    border-radius:6px;
}
#container .lms_box {
    width:245px;
    height:153px;
    float:left;
    margin-right:5px;
    margin-top:15px;
    border:1px solid #86888B;
    border-radius:6px;
}
#container .mms_box {
    width:245px;
    height:153px;
    float:left;
    margin-top:15px;
    border:1px solid #86888B;
    border-radius:6px;
}
#container .right_banner {
    width:1000px;
    margin:0 auto;
    position:relative;
}
#container #quick_banner {
    width:111px;
    border:1px solid #86888B;
    border-radius:6px;
    position:absolute;
    top:0px;
    right:-128px;
    background:#fff;
}
#container #quick_banner h2 {
    background:#4466B0;
    border-radius: 5px 5px 0 0;
    color:#fff;
    font-size:15px;
    margin:0px;
    padding:7px 10px;
    text-align:center;
}

/** footer **/
#footer {
    padding:0;
    margin:0;
    width:100%;
}
#footer .footer_top {
    background:#6f6f6f;
}

#footer .footer_top .inner {
    width:1000px;
    margin:0 auto;
    padding:10px 0;
    font-size:14px;
}
#footer .footer_top .inner li {
    list-style:none;
    display:inline-block;
    *display:inline;
    margin:0 40px;
}
#footer .footer_top .inner li a {
    color:#fff;
    display:block;
    text-align:center;
}
#footer .footer_bottom {
    margin-top:7px;
    background:#f5f5f5;
}
#footer .footer_bottom .inner {
    width:1000px;
    margin:0 auto;
    padding:20px 0;
    overflow:hidden;
}
#footer .footer_bottom .inner .bottom_logo {
    width:200px;
    float:left;
}
#footer .footer_bottom .inner .bottom_info {
    width:800px;
    float:left;
    font-size:13px;
    line-height:1.5;
    color:#666;
}
.sprite {
    display:inline-block;
    *display:inline;
}

.bg-btn_charge {
    width: 134px; height: 32px;
    background: url('../img/btn_sprites.png') -78px -106px;
}

.bg-btn_download {
    width: 99px; height: 26px;
    background: url('../img/btn_sprites.png') -246px -76px;
}

.bg-btn_login {
    width: 66px; height: 76px;
    background: url('../img/btn_sprites.png') -4px -106px;
}

.bg-btn_logout {
    width: 134px; height: 32px;
    background: url('../img/btn_sprites.png') -78px -146px;
}

.bg-btn_more {
    width: 47px; height: 14px;
    background: url('../img/btn_sprites.png') -213px -287px;
}

.bg-btn_uselog {
    width: 134px; height: 32px;
    background: url('../img/btn_sprites.png') -4px -190px;
}

.bg-btn_user_modify {
    width: 134px; height: 32px;
    background: url('../img/btn_sprites.png') -246px -4px;
}

.bg-logo {
    width: 234px; height: 51px;
    background: url('../img/btn_sprites.png') -4px -4px;
}

.bg-logo_gray {
    width: 160px; height: 35px;
    background: url('../img/btn_sprites.png') -4px -63px;
}

.bg-menu_01 {
    width: 115px; height: 24px;
    background: url('../img/btn_sprites.png') -246px -44px;
}

.bg-menu_02 {
    width: 86px; height: 24px;
    background: url('../img/btn_sprites.png') -146px -190px;
}

.bg-menu_03 {
    width: 86px; height: 24px;
    background: url('../img/btn_sprites.png') -4px -230px;
}

.bg-menu_04 {
    width: 86px; height: 24px;
    background: url('../img/btn_sprites.png') -98px -230px;
}

.bg-sub01_01 {
    width: 62px; height: 17px;
    background: url('../img/btn_sprites.png') -74px -262px;
}

.bg-sub01_02 {
    width: 62px; height: 17px;
    background: url('../img/btn_sprites.png') -144px -262px;
}

.bg-sub01_03 {
    width: 62px; height: 17px;
    background: url('../img/btn_sprites.png') -214px -262px;
}

.bg-sub02_01 {
    width: 62px; height: 17px;
    background: url('../img/btn_sprites.png') -74px -287px;
}

.bg-sub02_02 {
    width: 62px; height: 17px;
    background: url('../img/btn_sprites.png') -172px -63px;
}

.bg-sub03_01 {
    width: 62px; height: 17px;
    background: url('../img/btn_sprites.png') -283px -230px;
}

.bg-sub03_02 {
    width: 62px; height: 17px;
    background: url('../img/btn_sprites.png') -4px -262px;
}

.bg-sub03_03 {
    width: 114px; height: 17px;
    background: url('../img/btn_sprites.png') -246px -186px;
}

.bg-sub03_04 {
    width: 83px; height: 17px;
    background: url('../img/btn_sprites.png') -192px -230px;
}

.bg-sub03_05 {
    width: 114px; height: 18px;
    background: url('../img/btn_sprites.png') -246px -160px;
}

.bg-sub04_01 {
    width: 62px; height: 17px;
    background: url('../img/btn_sprites.png') -284px -262px;
}

.bg-sub04_02 {
    width: 62px; height: 17px;
    background: url('../img/btn_sprites.png') -4px -287px;
}

.bg-sub04_03 {
    width: 120px; height: 17px;
    background: url('../img/btn_sprites.png') -246px -135px;
}

.bg-sub04_04 {
    width: 131px; height: 17px;
    background: url('../img/btn_sprites.png') -246px -110px;
}

.bg-sub04_05 {
    width: 61px; height: 17px;
    background: url('../img/btn_sprites.png') -144px -287px;
}

.bg-triangle {
    width: 22px; height: 11px;
    background: url('../img/btn_sprites.png') -353px -76px;
}


/* bg sprites */
.bg-balsin {
    width: 237px; height: 175px;
    background: url('../img/bg_sprites_new.png') -357px -571px;
}
.bg-bg_ezsmspro {
    width: 575px; height: 345px;
    background: url('../img/bg_sprites_new.png') -10px -10px;
}
.bg-bg_group {
    width: 412px; height: 345px;
    background: url('../img/bg_sprites_new.png') -605px -10px;
}
.bg-bg_login {
    width: 327px; height: 175px;
    background: url('../img/bg_sprites_new.png') -439px -375px;
}
.bg-bg_login_after {
    width: 327px; height: 175px;
    background: url('../img/bg_sprites_new.png') -10px -571px;
}
.bg-bg_notice {
    width: 409px; height: 176px;
    background: url('../img/bg_sprites_new.png') -10px -375px;
}
.bg-cscenter {
    width: 245px; height: 153px;
    background: url('../img/bg_sprites_new.png') -614px -571px;
}
.bg-lms {
    width: 245px; height: 153px;
    background: url('../img/bg_sprites_new.png') -10px -766px;
}
.bg-mms {
    width: 245px; height: 153px;
    background: url('../img/bg_sprites_new.png') -275px -766px;
}
.bg-sms {
    width: 245px; height: 153px;
    background: url('../img/bg_sprites_new.png') -540px -766px;
}


/* quick sprites */
.bg-quick_dbsocket {
    width: 111px; height: 111px;
    background: url('../img/quick_sprites.png') -5px -5px;
}
.bg-quick_faq {
    width: 111px; height: 111px;
    background: url('../img/quick_sprites.png') -126px -5px;
}
.bg-quick_log {
    width: 111px; height: 111px;
    background: url('../img/quick_sprites.png') -5px -126px;
}
.bg-quick_price {
    width: 111px; height: 111px;
    background: url('../img/quick_sprites.png') -126px -126px;
}
.bg-quick_print {
    width: 111px; height: 111px;
    background: url('../img/quick_sprites.png') -247px -5px;
}
.bg-quick_send {
    width: 111px; height: 111px;
    background: url('../img/quick_sprites.png') -247px -126px;
}