@charset "utf-8";
/* CSS Document */

body {
    font-size: 12px;
    padding: 0px;
    margin: 0px;
    font-family: Dotum, arial, verdana;
    color: #595959;
}

div, p, ol, ul, li, img, a, h1, h2, h3, h4, h5, h6, form, span, iframe, dl, dt, dd, address {
    margin: 0px;
    padding: 0px;
    font-family: Dotum, arial, verdana;
}

ul, ol {
    list-style: none;
}

h1, h2, h3, h4, h5, h6 {
    font-size: 12px;
}

table {
}

table, th, td {
    margin: 0;
    padding: 0;
    border: 0;
    border-spacing: 0px;
    font-size: 12px;
}

    td.tit {
        text-align: left !important;
    }

fieldset {
    margin: 0px;
    padding: 0px;
    border: none;
}

textarea {
    overflow: auto;
    border: 1px solid #cdcdcd;
}

legend, caption {
    display: none;
}

hr {
    display: none;
}

img {
    font-size: 0px;
    border: 0px;
}

em {
    font-style: normal;
}

input, select, textarea {
    padding: 0;
    margin: 0;
    font-family: Dotum, arial, verdana;
    font-size: 12px;
    vertical-align: middle;
    color: #595959;
    ;
}

.text {
    border: 1px solid #e5e5e5;
    font-size: 11px;
    color: #000;
    height: 12px;
    padding: 5px 5px 4px 5px;
}

select {
    height: 19px;
    border: 1px solid #c5c5c5;
}

input {
    height: 18px;
    border: 1px solid #c5c5c5;
    vertical-align: middle;
    line-height: 14px;
    padding: 1px 3px 0 3px;
    color: #595959;
}
/*input[type="file"] { border:0;}*/

.fix {
    _height: 1%;
    clear: both;
    overflow: hidden
}

*:first-child + html .fix {
    zoom: 1;
}

    .fix:after {
        display: block;
        height: 0;
        content: ".";
        visibility: hidden;
    }

.hidden {
    position: absolute;
    left: -5000px;
    top: -5000px;
    display: none;
}

.png24 {
    tmp: expression(setPng24(this));
}

.logo_img {
    tmp: expression(setPng24(this));
}

/* align */
.dc {
    display: block;
}

.fl {
    float: left;
}

.fr {
    float: right;
}

.clear {
    clear: both;
}

.al {
    text-align: left;
}

.ar {
    text-align: right;
}

.ac {
    text-align: center;
}

.chk {
    border: none !important;
    width: 12px !important;
    height: 12px !important;
    padding: 0 3px 0 0 !important;
}

.vat {
    vertical-align: top;
}

.vam {
    vertical-align: middle;
}

.vab {
    vertical-align: bottom;
}

.btn_c {
    padding-top: 10px;
    text-align: center;
}

/* link */

a:link, a:visited, a:active {
    color: #595959;
    text-decoration: none
}

a:hover {
    color: #595959;
    text-decoration: none;
}

body, div, form, textarea, p {
    margin: 0;
    padding: 0;
    scrollbar-arrow-color: #000000;
    scrollbar-highlight-color: #ffffff;
    scrollbar-shadow-color: #B4B4B4;
    scrollbar-darkshadow-color: #EEEEEE;
    scrollbar-3dlight-color: #EEEEEE;
    scrollbar-track-color: #FAFAFA;
    scrollbar-face-color: #EEEEEE;
}

.pt0 {
    padding-top: 0;
}

.mt0 {
    margin-top: 0;
}

.pt20 {
    padding-top: 20px;
}

.mb0 {
    margin-bottom: 0
}

.mt3 {
    margin-top: -1px;
}

.mb10 {
    margin-bottom: 10px;
}

.mt30 {
    margin: 30px 0 0 0;
}

.mt20 {
    margin: 20px 0 0 0;
}

.mb25 {
    margin-bottom: 25px;
}

img {
    vertical-align: middle;
}

h4, h5 {
    padding: 0;
    margin: 0;
}

em {
    font-style: normal;
}

.blue {
    color: #1567a9;
}

.pink {
    color: #b76358;
}

.orange {
    color: #d25e09;
}

.red {
    color: #ba4545
}

.font_normal {
    font-weight: normal;
}

.font_gray {
    color: #727272;
}

.font11 {
    font-size: 11px;
}

.keyboard {
    display: inline-block;
    line-height: 13px;
    padding: 0 2px 0 2px;
    font-size: 11px;
    color: #fff;
    font-weight: bold;
    letter-spacing: -0.1em;
    background: #4c5158;
}

    .keyboard strong {
        padding-top: 2px;
        display: inline-block;
    }

.bgnone {
    background-image: none !important;
}

/* layer tooltip */
.iconExplain {
    position: absolute;
    width: 283px;
    height: 90px;
    background: url('/ClientUI/image/etc/bg_tool_top_person_v1.gif') no-repeat;
    z-index: 999999;
    overflow: hidden;
    _display: inline-block;
}

    .iconExplain .pic {
        float: left;
        margin: 13px 0 0 8px;
        width: 64px;
        height: 64px;
    }

        .iconExplain .pic img {
            width: 64px;
            height: 64px;
            margin-bottom: 5px;
        }

    .iconExplain dl {
        float: left;
        width: 197px;
        margin: 6px 0 0 10px;
    }

    .iconExplain dt {
        padding-bottom: 2px;
        text-align: left;
    }

        .iconExplain dt span {
            font-weight: bold;
            font-size: 11px;
            letter-spacing: -0.1em;
            color: #2e6db4;
        }

        .iconExplain dt img {
            width: 16px;
            height: 16px;
            padding: 0 5px 2px 0;
            vertical-align: middle;
        }

    .iconExplain dd {
        padding-top: 2px;
        font-size: 11px;
        color: #656565;
        line-height: 14px;
        text-align: left;
        margin-bottom: 5px;
    }

.emblem_layer {
    position: absolute;
    width: 248px;
    height: 72px;
    border: 2px solid #e16408;
    z-index: 999999;
    overflow: hidden;
    background: #fff;
}

    .emblem_layer .pic {
        float: left;
        margin: 6px 0 0 6px;
        width: 64px;
        height: 64px;
    }

        .emblem_layer .pic img {
            width: 60px;
            height: 60px;
            margin-bottom: 5px;
        }

    .emblem_layer dl {
        float: left;
        width: 165px;
        margin: 10px 0 0 5px;
    }

    .emblem_layer dt {
        padding-bottom: 2px;
        text-align: left;
        border-bottom: 1px solid #ededed;
    }

        .emblem_layer dt span {
            font-weight: bold;
            font-size: 11px;
            letter-spacing: -0.1em;
            color: #cd0a0a;
        }

    .emblem_layer dd {
        padding-top: 2px;
        font-size: 11px;
        color: #656565;
        line-height: 14px;
        text-align: left;
        margin-bottom: 5px;
    }

.iconExplain.clan {
    position: absolute;
    width: 283px;
    height: 76px;
    background: url('/ClientUI/image/etc/bg_tool_top_person_v1.gif') no-repeat left bottom;
}

    .iconExplain.clan dt span {
        color: #d15800;
    }

/* layer stratum */
.stratum_layer {
    position: absolute;
    width: 248px;
    height: 66px;
    z-index: 999999;
    background: url('/ClientUI/image/etc/bg_stratum_layer.gif') no-repeat;
    overflow: hidden;
    _display: inline-block;
}

    .stratum_layer img {
        padding: 2px 0 0 10px;
    }

    .stratum_layer strong {
        color: #2e6db4;
        padding: 13px 0 0 5px;
        display: inline-block;
    }

    .stratum_layer p {
        padding: 8px 10px 13px 10px;
        height: 18px;
        overflow: hidden;
        line-height: 135%;
        font-size: 11px;
        letter-spacing: -0.1em
    }

/* 게시판 글옮기 알림 레이어 */
.layer_transfer_post {
    position: absolute;
    z-index: 999;
    background: url(../image/layout/inbox_arrow.gif) no-repeat 6px top;
}

    .layer_transfer_post .inbox {
        width: 170px;
        height: 42px;
        border: 2px solid #e16408;
        margin-top: 5px;
        padding: 12px 12px 12px 10px;
        line-height: 14px;
        font-size: 11px;
        letter-spacing: -0.1em;
        color: #666;
        background: #fff;
    }

    .layer_transfer_post .orange {
        color: #d15800;
    }

/* community_home write */
.select_board {
    position: absolute;
    background: url(/ClientUI/image/community/btn_select_board.gif) no-repeat left bottom;
    width: 94px;
    height: 137px;
}

    .select_board .inbox {
        position: relative;
    }

    .select_board .btn_close {
        position: absolute;
        right: 3px;
        top: 3px;
        width: 11px;
        height: 10px;
        display: inline-block;
        text-indent: -5000px;
        z-index: 5;
        background: url(../../ClientUI/image/community/btn_close.gif) no-repeat;
    }

        .select_board .btn_close:hover {
            background-position: left bottom
        }

    .select_board ul {
        position: absolute;
        left: 0;
        top: 0;
        z-index: 4;
    }

        .select_board ul li a {
            width: 94px;
            height: 22px;
            background: url(/ClientUI/image/community/btn_select_board.gif) no-repeat;
            text-indent: -5000px;
            display: inline-block;
        }

            .select_board ul li a:hover {
                background-position: right top
            }

            .select_board ul li a:active {
                background-position: right top
            }

        .select_board ul li.b2 a {
            background-position: left -22px;
        }

            .select_board ul li.b2 a:hover {
                background-position: right -22px;
            }

            .select_board ul li.b2 a:active {
                background-position: right -22px;
            }

        .select_board ul li.b3 a {
            background-position: left -44px;
        }

            .select_board ul li.b3 a:hover {
                background-position: right -44px;
            }

            .select_board ul li.b3 a:active {
                background-position: right -44px;
            }

        .select_board ul li.b7 a {
            background-position: left -66px;
        }

            .select_board ul li.b7 a:hover {
                background-position: right -66px;
            }

            .select_board ul li.b7 a:active {
                background-position: right -66px;
            }

        .select_board ul li.b4 a {
            background-position: left -88px;
        }

            .select_board ul li.b4 a:hover {
                background-position: right -88px;
            }

            .select_board ul li.b4 a:active {
                background-position: right -88px;
            }

        .select_board ul li.b5 a {
            background-position: left -110px;
        }

            .select_board ul li.b5 a:hover {
                background-position: right -110px;
            }

            .select_board ul li.b5 a:active {
                background-position: right -110px;
            }

        .select_board ul li.b6 a {
            background-position: left -132px;
            height: 28px;
        }

            .select_board ul li.b6 a:hover {
                background-position: right -132px;
            }

            .select_board ul li.b6 a:active {
                background-position: right -132px;
            }

/* 훈장 이미지 */
.medal {
    width: 16px;
    height: 16px;
    padding: 0 3px 0px 0;
}

.medal2 {
    width: 16px;
    height: 16px;
    padding: 0 3px 0px 0;
}

.emblem {
    width: 16px;
    height: 16px;
    padding: 0 3px 0px 0;
}

.stratum_icon {
    width: 60px;
    height: 20px;
    margin: 0 0 0 -3px;
}

input[type="text"].time {
    width: 60px;
}

/* 로그인 영역 */
.page_wrap .login_area {
    position: relative;
    float: left;
    width: 210px;
    height: 210px;
    background: url('/ClientUI/image/main/bg_login.jpg') no-repeat right top;
}

    .page_wrap .login_area h2 {
        height: 21px;
        padding: 15px 0 0 0 !important;
        text-align: center;
    }

    .page_wrap .login_area .contents {
        position: relative;
        height: 126px;
        color: #a9a9a9
    }

    .page_wrap .login_area .login .id {
        position: absolute;
        left: 16px;
        top: 24px;
        ime-mode: inactive;
    }

    .page_wrap .login_area .login .pw {
        position: absolute;
        left: 16px;
        top: 53px;
        width: 99px;
    }

    .page_wrap .login_area .login ul li strong {
        display: block;
    }

    .page_wrap .login_area .login ul li span {
        padding: 0 5px 7px 0;
    }

    .page_wrap .login_area .login .id, .login_area .login .pw {
        width: 99px;
        height: 18px;
        padding: 2px 3px 0 3px;
        border: 1px solid #000;
    }

    .page_wrap .login_area .login #secureChk {
        margin-left: 20px;
    }

    .page_wrap .login_area .login a.enter {
        position: absolute;
        left: 128px;
        top: 24px;
    }

    .page_wrap .login_area .login .save {
        position: absolute;
        left: 16px;
        top: 92px;
        color: #a9a9a9;
        font-size: 11px;
        letter-spacing: -0.1em;
    }

        .page_wrap .login_area .login .save input {
            width: 12px;
            height: 12px;
            padding: 0;
            margin: 0 3px 2px 0;
            vertical-align: middle;
        }

    .page_wrap .login_area .btn {
        text-align: center;
        padding: 11px 0 0 0;
    }

    .page_wrap .login_area .btn_loudspeaker {
        position: absolute;
        right: 17px;
        top: 43px;
    }

    .page_wrap .login_area .login.mgame1 .id {
        position: absolute;
        left: 16px;
        top: 10px;
    }

    .page_wrap .login_area .login.mgame1 .pw {
        position: absolute;
        left: 16px;
        top: 39px;
    }

    .page_wrap .login_area .login.mgame1 a.enter {
        top: 10px;
    }

    .page_wrap .login_area .login.mgame1 .save {
        width: 177px;
        top: 72px;
        left: 21px;
    }

    .page_wrap .login_area .login.mgame1 .btn_contents {
        position: absolute;
        left: 16px;
        top: 94px;
    }

        .page_wrap .login_area .login.mgame1 .btn_contents a {
            float: left;
            margin-right: 5px;
        }

    .page_wrap .login_area .login.mgame1 .save label.virtual {
        float: right;
        padding-right: 10px;
    }

    .page_wrap .login_area .login.mgame2 .welcome_msg {
        padding: 27px 0 6px 0;
        color: #cecece;
        display: block;
        text-align: center;
    }

    .page_wrap .login_area .logout .contents {
        width: 210px;
    }

    .page_wrap .login_area .logout.mgame3 .login_infor li.cp {
        top: 107px;
    }

    .page_wrap .login_area .logout.mgame3 .login_infor li.mycp {
        top: 92px;
    }

    .page_wrap .login_area .logout.mgame3 .contents .btn {
        padding-top: 0;
    }

    .page_wrap .login_area .logout.mgame3 .login_infor li.make_nickname {
        padding-right: 16px;
        padding-bottom: 0;
    }

        .page_wrap .login_area .logout.mgame3 .login_infor li.make_nickname span {
            display: block;
            padding: 15px 0 0 0;
            font-size: 12px;
            color: #cecece;
            text-align: center;
        }

            .page_wrap .login_area .logout.mgame3 .login_infor li.make_nickname span em {
                color: #98cfef;
            }

        .page_wrap .login_area .logout.mgame3 .login_infor li.make_nickname p {
            padding: 10px 0 0 0;
            font-size: 11px;
            color: #a9a9a9
        }

    .page_wrap .login_area .logout.mgame3 .btn_cp_recharge {
        position: absolute;
        right: 17px;
        bottom: 50px;
        _bottom: 51px
    }

    .page_wrap .login_area .logout.mgame3 .btn_cp_change {
        bottom: 32px;
    }

    .page_wrap .login_area .logout.mgame3 li.welcome_msg {
        padding: 7px 16px 5px 0;
        color: #cecece;
        display: block;
        text-align: center;
        background: none;
    }

    .page_wrap .login_area .logout.naver3 .login_infor li.cp {
        top: 107px;
    }

    .page_wrap .login_area .logout.naver3 .login_infor li.mycp {
        top: 92px;
    }

    .page_wrap .login_area .logout.naver3 .contents .btn {
        padding-top: 0;
    }

    .page_wrap .login_area .logout.naver3 .login_infor li.make_nickname {
        padding-right: 16px;
        padding-bottom: 0;
    }

        .page_wrap .login_area .logout.naver3 .login_infor li.make_nickname span {
            display: block;
            padding: 15px 0 0 0;
            font-size: 12px;
            color: #cecece;
            text-align: center;
        }

            .page_wrap .login_area .logout.naver3 .login_infor li.make_nickname span em {
                color: #98cfef;
            }

        .page_wrap .login_area .logout.naver3 .login_infor li.make_nickname p {
            padding: 10px 0 0 0;
            font-size: 11px;
            color: #a9a9a9
        }

    .page_wrap .login_area .logout.naver3 .btn_cp_recharge {
        position: absolute;
        right: 17px;
        bottom: 58px;
        _bottom: 51px
    }

    .page_wrap .login_area .logout.naver3 li.welcome_msg {
        padding: 7px 16px 5px 0;
        color: #cecece;
        display: block;
        text-align: center;
        background: none;
    }

    .page_wrap .login_area .logout {
        position: relative;
        width: 100%;
    }

        .page_wrap .login_area .logout.nickname .welcome_msg strong {
            padding: 8px 0 6px 0;
        }

        .page_wrap .login_area .logout .welcome_msg {
            padding: 8px 0 8px 0;
            text-align: center;
        }

            .page_wrap .login_area .logout .welcome_msg strong {
                color: #98cfef;
                display: block;
            }

        .page_wrap .login_area .logout .login_infor {
            padding: 0 0 0 16px;
        }

            .page_wrap .login_area .logout .login_infor li {
                padding: 0 0 4px 5px;
                line-height: 15px;
                background: url('/ClientUI/image/main/bul01.gif') no-repeat left 5px;
                zoom: 1;
                font-size: 11px;
            }

                .page_wrap .login_area .logout .login_infor li strong {
                    color: #cecece
                }

                .page_wrap .login_area .logout .login_infor li.cp {
                    position: absolute;
                    top: 103px;
                }

                .page_wrap .login_area .logout .login_infor li.mycp {
                    position: absolute;
                    top: 86px;
                }

                .page_wrap .login_area .logout .login_infor li.make_nickname {
                    background: none;
                    padding: 0 10px 5px 0;
                    letter-spacing: -0.1em;
                    line-height: 140%;
                }

                .page_wrap .login_area .logout .login_infor li.make_nickname {
                    padding-bottom: 12px;
                }

        .page_wrap .login_area .logout .cp, .page_wrap .login_area .logout .mycp {
            color: #ccab69;
        }

        .page_wrap .login_area .logout .login_infor li.cp strong {
            color: #ddb462;
        }

        .page_wrap .login_area .logout .login_infor li.mycp strong {
            color: #ddb462;
        }

        .page_wrap .login_area .logout .btn_cp_recharge {
            position: absolute;
            right: 17px;
            bottom: 56px;
            _bottom: 51px
        }

        .page_wrap .login_area .logout .btn_cp_change {
            position: absolute;
            right: 17px;
            bottom: 37px;
            width: 56px;
            height: 20px;
        }

        .page_wrap .login_area .logout p {
            text-align: center;
            padding: 15px 0 0 0;
            font-size: 11px;
            line-height: 15px;
            letter-spacing: -0.1em;
        }

    .page_wrap .login_area .login_nexon .contents {
        width: 210px;
        height: 173px;
        background: url('/ClientUI/image/main/bg_login_box_nexon.jpg') no-repeat left 1px;
    }

    .page_wrap .login_area .login_nexon .welcome_msg {
        padding: 30px 0 9px 0;
        text-align: center;
        letter-spacing: -0.1em;
        font-size: 11px;
    }

    .page_wrap .login_area .login_daum .welcome_msg strong {
        color: #ddb55e
    }

    .page_wrap .login_area .login_daum .welcome_msg {
        padding: 30px 0 9px 0;
        text-align: center;
        font-size: 12px;
    }

    .page_wrap .login_area .mgame3 .welcome_msg span.blue {
        color: #98cfef;
    }

    .page_wrap .login_area .login_naver .welcome_msg {
        padding: 25px 0 0 0;
        text-align: center;
        line-height: 145%;
    }

        .page_wrap .login_area .login_naver .welcome_msg span.yellow {
            color: #ddb55e;
        }

        .page_wrap .login_area .login_naver .welcome_msg span.blue {
            color: #98cfef;
        }

        .page_wrap .login_area .login_naver .welcome_msg p {
            color: #;
            font-size: 11px;
            letter-spacing: -0.1em;
        }

    .page_wrap .login_area .login_naver.msg3 .welcome_msg {
        padding: 15px 0 0 0;
    }

        .page_wrap .login_area .login_naver.msg3 .welcome_msg p {
            padding: 10px 0 0 0;
            color: #a9a9a9;
        }

    .page_wrap .login_area .login_naver.msg3 ul {
        padding: 9px 0 0 16px;
    }

    .page_wrap .login_area .login_naver.msg3 li {
        padding: 0 0 4px 8px;
        line-height: 15px;
        background: url('/ClientUI/image/main/bul01.gif') no-repeat left 5px;
        zoom: 1;
        font-size: 11px;
        color: #ccab69;
    }

    .page_wrap .login_area .login_naver.msg3 .btn_cp_recharge {
        position: absolute;
        right: 17px;
        bottom: 75px;
        _bottom: 51px
    }

    .page_wrap .login_area .login_naver.msg3 .btn_cp_change {
        position: absolute;
        right: 17px;
        bottom: 54px;
        width: 56px;
        height: 20px;
    }

    .page_wrap .login_area .login_naver.msg3 .btn {
        margin-top: -3px;
    }


/* 공통 탭 */
ul.cate {
    overflow: hidden;
    padding: 4px 0px 0px 1px;
    height: 26px;
    background: url('/ClientUI/image/info/bg_char_cate.gif') no-repeat top left;
}

    ul.cate li {
        float: left;
        display: inline-block;
        padding: 0px 12px 0px 10px;
        margin: 0px;
        background: url('/ClientUI/image/info/cate_bar.gif') no-repeat right -4px;
    }

        ul.cate li.last {
            background: none;
        }

ul.cate2 {
    overflow: hidden;
    padding: 4px 0px 0px 1px;
    height: 28px;
    background: url('/ClientUI/image/info/bg_char_cate2.gif') no-repeat top left;
}

    ul.cate2 li {
        float: left;
        display: inline-block;
        padding: 0px 12px 0px 10px;
        margin: 0px;
        background: url('/ClientUI/image/info/cate_bar.gif') no-repeat right -4px;
    }

        ul.cate2 li.last {
            background: none;
        }

        ul.cate2 li.event_rule {
            float: right;
            padding: 1px 10px 0 0;
            background: none;
        }

/* 테이블 공통 스타일 영웅정보 */
.tbl_style1 {
    width: 100%;
    table-layout: fixed;
    border-collapse: collapse;
}

    .tbl_style1 th {
        border: 1px solid #cdcdcd;
        background: #eeeeee;
        padding: 2px;
        color: #676767;
        text-align: left;
        font-weight: bold;
        letter-spacing: -0.1em;
        border-collapse: collapse;
    }

    .tbl_style1 td {
        border: 1px solid #cdcdcd;
        background: #fff;
        padding: 2px 10px;
        color: #727272;
        font-size: 11px;
        line-height: 14px;
        border-collapse: collapse;
    }

    .tbl_style1 th.bl_none {
        border-left: none;
        font-size: 11px;
    }

    .tbl_style1 th.br_none {
        border-right: none;
    }

.tbl_style3 {
    width: 100%;
    table-layout: fixed;
    border-collapse: collapse;
}

    .tbl_style3 th {
        border: 1px solid #cdcdcd;
        background: #eeeeee;
        padding: 3px 0;
        color: #676767;
        text-align: center;
        font-weight: bold;
        letter-spacing: -0.1em;
    }

    .tbl_style3 td {
        border: 1px solid #cdcdcd;
        background: #fff;
        padding: 3px 10px;
        color: #727272;
        font-size: 11px;
        line-height: 14px;
        text-align: center
    }

    .tbl_style3 th.font_normal {
        font-weight: normal;
    }

/* 아이템 정보 */
.tbl_style4 {
    width: 100%;
    table-layout: fixed;
    border-collapse: collapse;
}

    .tbl_style4 th {
        border: 1px solid #cdcdcd;
        background: #eeeeee;
        padding: 5px 0;
        color: #676767;
        text-align: center;
        font-weight: bold;
        letter-spacing: -0.1em;
        border-collapse: collapse;
    }

    .tbl_style4 td {
        border-collapse: collapse;
        border: 1px solid #cdcdcd;
        background: #fff;
        padding: 3px 5px;
        color: #727272;
        font-size: 11px;
        line-height: 14px;
        text-align: left
    }

    .tbl_style4 th.font_normal {
        font-weight: normal;
    }

td.item img {
    padding: 0 2px 2px 0;
}

.item_name {
    display: block;
    padding: 5px 0 5px 0;
    text-align: center;
    width: 100%;
}

.sale_info li img {
    padding: 0 3px 2px 0;
}

.tbl_style2 {
    width: 100%;
    table-layout: fixed;
    border-collapse: collapse;
}

    .tbl_style2 th {
        border: 1px solid #cdcdcd;
        background: #eeeeee;
        padding: 5px 2px 5px 10px;
        color: #676767;
        text-align: left;
        font-weight: bold;
        letter-spacing: -0.1em;
    }

    .tbl_style2 td {
        border: 1px solid #cdcdcd;
        background: #fff;
        padding: 5px 10px 5px 10px;
        color: #727272;
        font-size: 11px;
        line-height: 14px;
    }

.tbl_board_style1 {
    width: 100%;
    table-layout: fixed;
    border-collapse: collapse;
    background: url('/ClientUI/image/table/bg_th.gif') no-repeat;
}

    .tbl_board_style1 th {
        background: url('/ClientUI/image/table/th_bar.gif') no-repeat right center;
        color: #676767;
        height: 32px;
        line-height: 30px;
    }

        .tbl_board_style1 th.last {
            background-image: none;
        }

    .tbl_board_style1 td {
        border-bottom: 1px solid #dadbdc;
        padding: 5px;
        color: #595959; /*line-height:18px;*/
        text-align: center;
        background-image: none;
    }

        .tbl_board_style1 td.name {
            text-align: left;
            padding-left: 5px;
        }

    .tbl_board_style1 .tit {
        padding-left: 5px;
    }

        .tbl_board_style1 .tit a {
            color: #595959;
        }

            .tbl_board_style1 .tit a:hover {
                font-weight: bold;
            }

.add_file {
    padding: 0 0 2px 0;
}

.ico_best {
    margin: -3px 0 0 5px;
}

.ico_winner {
    margin: -3px 0 0 5px;
}

.ico_new {
    padding: 0 0 2px 0;
}

.tbl_board_style1 tbody img {
    vertical-align: middle;
}

td.num {
    font-size: 11px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
}

td.count {
    font-size: 11px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
}

.tbl_board_style2 {
    width: 100%;
    table-layout: fixed;
    border-collapse: collapse;
    background: url('/ClientUI/image/table/bg_th.gif') no-repeat;
}

    .tbl_board_style2 th {
        background: url('/ClientUI/image/table/th_bar.gif') no-repeat right 10px;
        color: #676767;
        height: 24px;
        line-height: 30px;
        padding-top: 8px;
        vertical-align: top;
    }

        .tbl_board_style2 th.last {
            background-image: none;
        }

    .tbl_board_style2 td {
        background: url('/ClientUI/image/table/list_dot_line_v1.gif') no-repeat left bottom;
        padding: 0;
        color: #595959; /*line-height:18px;*/
        text-align: center;
        height: 30px;
    }

        .tbl_board_style2 td.part {
            font-weight: bold;
        }

        .tbl_board_style2 td.left {
            text-align: left;
            padding-left: 100px;
        }

        .tbl_board_style2 td.name {
            text-align: left;
            padding-left: 5px
        }

        .tbl_board_style2 td.name_admin {
            text-align: center;
        }

    .tbl_board_style2 tr.myLeague td {
        background-color: #f3f0c1;
    }

    .tbl_board_style2 tr.admin td {
        background: url('/ClientUI/image/table/bg_tr.jpg') left bottom repeat-x;
    }

        .tbl_board_style2 tr.admin td.tit {
            font-weight: bold;
        }

            .tbl_board_style2 tr.admin td.tit a {
                color: #1f5ea3;
            }

    .tbl_board_style2 tr.admin.orange td.tit a {
        color: #d25e09;
    }

    .tbl_board_style2 tr.admin.showcaseColor td.tit a {
        color: #9b0564;
    }

    /*.tbl_board_style2 td.name img { padding:0 3px 3px 0; }*/

    .tbl_board_style2 .tit {
        padding-left: 5px;
    }

        .tbl_board_style2 .tit a {
            color: #595959;
        }

            .tbl_board_style2 .tit a:visited {
                color: #595959;
            }

            .tbl_board_style2 .tit a:hover {
                color: #1f5ea3;
                text-decoration: underline;
            }

        .tbl_board_style2 .tit.select a {
            color: #1f5ea3;
            text-decoration: underline;
        }

            .tbl_board_style2 .tit.select a:hover {
                color: #1f5ea3;
                text-decoration: underline;
            }

    .tbl_board_style2 tbody img {
        vertical-align: middle;
    }

    .tbl_board_style2 tbody td.no img {
        padding-bottom: 2px;
    }

    .tbl_board_style2 th.th_chk {
        margin: 9px 5px 0 5px;
    }

    .tbl_board_style2 .my_clan_em td {
        background: #ccc;
    }

td.no, td.num, td.count {
    font-size: 11px;
    font-family: Tahoma, sans-serif;
}

.tbl_board_style2 td.nodata {
    padding: 30px;
    padding: 30px 0;
}

    .tbl_board_style2 td.nodata strong {
        color: #2e6db2;
    }

.clan_list .tbl_board_style2 .tit {
    font-weight: bold;
}

/* 페이징 */
.board_paging {
    text-align: center;
    padding: 10px 0 10px 0 !important;
}

    .board_paging a {
        display: inline-block;
        padding: 0 8px;
        color: #797979;
        font-family: Tahoma, sans-serif;
        font-size: 11px;
    }

        .board_paging a.now {
            font-weight: bold;
            color: #c1422e;
        }

    .board_paging img {
        vertical-align: middle;
        padding-bottom: 1px;
    }

    .board_paging a.btn_l {
        padding: 0;
    }

    .board_paging a.btn_r {
        padding: 0;
    }

.view_all {
    width: 100%;
    text-align: right;
    margin-top: -10px;
}

.list_btm_input {
    padding: 9px 0 10px;
    text-align: left;
}

    .list_btm_input .search_cate {
        height: 18px;
        padding: 0;
        margin: 0;
        border: 1px solid #c5c5c5;
    }

    .list_btm_input .search {
        width: 260px;
        border: 1px solid #c5c5c5;
        padding: 0 5px;
        height: 16px;
    }

    .list_btm_input img {
        vertical-align: middle;
    }

    .list_btm_input span {
        font-size: 11px;
    }

.board_btn {
    padding: 10px 0 0 0;
    overflow: hidden;
    _display: inline-block;
}

    .board_btn .fl {
        margin-right: 5px;
        float: left;
    }

    .board_btn .fr {
        margin-left: 5px;
        float: right;
    }

.btn_right {
    text-align: right;
    padding: 10px 0 10px 0;
}

.btn_right_margin {
    text-align: right;
    margin-bottom: -25px;
}

.btn_right_margin2 {
    text-align: right;
    margin-top: -40px;
}

.caution_gray_box {
    padding: 10px 30px 10px 20px;
    background: #dddddd;
}

    .caution_gray_box p {
        padding: 0 0 0 10px;
        background: url('/ClientUI/image/bul/bul06.gif') no-repeat left 6px;
        line-height: 15px;
        color: #7c7c7c;
        font-size: 11px;
        letter-spacing: -0.1em;
    }

.tbl_top_left {
    float: left;
    margin-top: 7px;
}

    .tbl_top_left span {
        font-size: 11px;
    }

        .tbl_top_left span.total {
            margin: 0 2px 0 0;
            padding: 0 5px 0 0; /*background:url('/ClientUI/image/table/bg_bar.gif') no-repeat right 1px; */
        }

.tbl_top_right {
    float: right;
    margin-bottom: 10px;
}

    .tbl_top_right select {
        width: 95px;
    }

.no_data {
    padding: 90px 0;
    font-weight: bold;
}

/* board view_header */
.title {
    width: 100%;
    background: url('/ClientUI/image/table/bg_th.gif') no-repeat;
    height: 32px;
}

    .title strong.no {
        background: url('/ClientUI/image/table/th_bar.gif') no-repeat right center;
        padding: 0 10px 0 0;
        margin-right: 5px;
    }

    .title td {
        padding: 0 5px;
        color: #dadada;
        background-image: none;
    }

    .title img {
        vertical-align: middle;
        padding-bottom: 2px;
    }

    .title td {
        padding: 0;
        color: #dadada;
    }

    .title .tit {
        color: #fbfbfb;
        font-weight: bold;
        padding: 0 0 0 11px;
    }

    .title .no {
        font-size: 11px;
        color: #dadada;
    }

    .title td.report span {
        color: #d2d2d3;
        font-size: 11px;
        padding: 0 5px 0 0;
    }

        .title td.report span.no {
            font-family: Tahoma, sans-serif;
        }

.writer {
    width: 100%;
    background: #fff;
    border: 1px solid #ccc;
    border-top: none;
    height: 31px;
}

    .writer th {
        padding: 0 10px;
    }

    .writer td label {
        padding-right: 10px;
    }

    .writer td .chk {
        vertical-align: top;
    }

    .writer .cmt {
        font-size: 11px;
        font-family: Tahoma, sans-serif;
        padding: 0 0 0 5px;
    }

.view_header.report table.writer td {
    padding: 5px 0;
}


.writer2 {
    width: 100%;
    background: #f7f8f9;
    border: 1px solid #d0d0d0;
    border-top: none;
    height: 31px;
}

    .writer2 th {
        padding: 0 10px;
        border-bottom: 1px solid #cccccc;
        font-weight: normal;
    }

    .writer2 td {
        padding: 4px 0;
        border-bottom: 1px solid #ccc;
        height: 24px;
    }

        .writer2 td label {
            padding-right: 10px;
        }

        .writer2 td .chk {
            vertical-align: middle;
            margin-right: 2px;
        }

    .writer2 .cmt {
        font-size: 11px;
        font-family: Tahoma, sans-serif;
        padding: 0 0 0 5px;
    }

.writer1 {
    width: 100%;
    background: #fff;
    border: 1px solid #d0d0d0;
    border-top: none;
    height: 31px;
    border-spacing: 0;
}

    .writer1 th {
        padding: 0 10px;
        border-bottom: 1px solid #cccccc;
        font-weight: normal;
    }

    .writer1 td {
        padding: 4px 0;
        border-bottom: 1px solid #ccc;
    }

        .writer1 td label {
            padding-right: 10px;
        }

        .writer1 td .chk {
            vertical-align: middle;
            margin-right: 2px;
        }

    .writer1 .cmt {
        font-size: 11px;
        font-family: Tahoma, sans-serif;
        padding: 0 0 0 5px;
    }

.title td.input {
    padding: 0 0 0 10px;
}
    /*.writer td .medal2 { padding:0 0px 2px 0; }*/

    .title td.input select {
        margin: -2px 0 0 0;
    }

    .title td.input input {
        width: 500px;
        margin: -2px 0 0 0;
        border: 1px solid #c5c5c5;
        height: 15px;
        padding: 2px 0 0 5px;
    }

.url_copy {
    font-size: 11px;
    padding: 10px 0 0 0;
    text-align: right;
    overflow: hidden;
}

    .url_copy li {
        position: relative;
        float: right;
    }

    .url_copy img {
        cursor: pointer;
        padding-left: 2px;
    }

        .url_copy img.tweeter, .url_copy img.facebook {
            padding-left: 3px;
        }

        .url_copy img.content_copy_img {
            width: 27px;
            height: 16px;
        }

    .url_copy #url {
        text-decoration: underline;
        color: #a4a4a4;
        letter-spacing: -0.1em;
        padding-right: 5px;
        padding-top: 1px;
    }

.view_contents {
    position: relative;
    padding: 20px 10px 30px 10px;
    line-height: 16px;
    word-break: break-all;
    overflow: hidden;
}

.btn_recommand {
    margin: 20px 0 0 0;
    background: url('/ClientUI/image/table/list_dot_line_v1.gif') no-repeat left top;
    padding: 10px 0;
    text-align: center;
    display: block;
}

.view_contents_vod {
    padding: 20px 0 30px 0;
    line-height: 16px;
    word-break: break-all;
    overflow: hidden; /*text-align:center;*/
}

    .view_contents_vod p {
        line-height: 16px;
        word-break: break-all;
        overflow: hidden; /*text-align:left;*/
        padding: 20px 20px 0 20px;
    }

    .view_contents_vod a {
        text-decoration: underline;
    }

/* ====================== gnb ======================*/
/* 게임 스타트 */
.game_start {
    position: absolute;
    left: 0;
    top: 152px;
    width: 210px;
    height: 161px; /*padding-top:152px;*/
    padding-left: 1px; /*padding-top:36px; _padding-top:34px; */
}

/* header */
.header_box {
    width: 100%;
    height: 311px; /*height:115px;*/
    background: url('/ClientUI/image/layout/bg_nav1.jpg') repeat-x;
    position: relative;
    z-index: 7;
}

    .header_box .wrap {
        position: relative;
        width: 960px;
        height: 311px; /*height:115px;*/
        margin: 0 auto;
        *display: inline-block;
        background: url('/ClientUI/image/layout/bg_nav1.jpg') repeat-x;
    }

    .header_box .logo {
        float: left;
        width: 146px;
        height: 63px;
        padding: 0 0 0 18px;
    }

    .header_box .nav {
        position: relative;
        float: right;
        width: 760px;
        padding: 39px 0 0 0;
        z-index: 1002
    }

        .header_box .nav ul.main {
            overflow: hidden;
            display: inline-block;
        }

            .header_box .nav ul.main li {
                float: left;
                width: 60px;
                height: 21px;
                padding: 0 21px 0 21px;
                background: url('/ClientUI/image/layout/gnb/bg_bar_main.gif') no-repeat right 3px;
            }

            .header_box .nav ul.main a {
                display: block;
                width: 60px;
                height: 21px;
                cursor: pointer;
                text-indent: -5000px;
            }

.boardcast {
    position: absolute;
    left: 211px;
    top: /*-179px*/ 130px;
    width: 140px;
    background: url(/clientUI/image/common/boardcast/bg.png) no-repeat left top;
    font-weight: bold;
    z-index: 1000;
    color: #fff;
    text-align: center;
}

    .boardcast a {
        text-decoration: none !important;
        cursor: pointer;
    }

    .boardcast strong {
        line-height: 13px;
        letter-spacing: -0.05em;
        height: 32px;
        display: inline-block;
        color: #fff;
    }

    .boardcast .board1 {
        padding: 67px 0 0 0;
        cursor: pointer;
        position: relative;
        z-index: 999;
        height: 102px;
    }

        .boardcast .board1 img {
            position: absolute;
            left: 5px;
            top: 89px;
            width: 130px;
            height: 80px;
        }

        .boardcast .board1 strong {
            margin: 20px 0 0 0;
            padding: 11px 0 0 0;
        }

            .boardcast .board1 strong span {
                font-weight: normal;
                display: inline-block;
                padding-left: 4px;
            }

    .boardcast p {
        font-size: 11px;
        letter-spacing: -0.1em;
        font-weight: normal;
        padding: 7px 10px 0 10px;
        height: 31px;
        color: #e0e0e0;
    }

    *:first-child + html .boardcast p {
        line-height: 13px;
    }

    .boardcast .board {
        position: relative;
        width: 140px;
        height: 75px;
        padding: 20px 0 0 0;
        margin-top: -4px;
        background: url(/clientUI/image/common/boardcast/bg2.png) no-repeat;
        cursor: pointer;
    }

        .boardcast .board p {
            padding-top: 6px;
        }

    .boardcast .board_wrap {
        position: relative;
        z-index: 997;
        zoom: 1;
    }

        .boardcast .board_wrap .board img {
            margin-top: -10px;
            width: 130px;
            height: 80px;
        }

        .boardcast .board_wrap .board strong span {
            font-weight: normal;
            display: inline-block;
            padding-left: 4px;
        }

    .boardcast .btn {
        width: 140px;
        text-align: center;
        position: relative;
        z-index: 998;
        height: 13px;
    }

        .boardcast .btn a {
            display: inline-block;
            width: 22px;
            height: 13px;
            background: url(/clientUI/image/common/boardcast/btn.gif) no-repeat;
        }

            .boardcast .btn a.close {
                display: inline-block;
                width: 22px;
                height: 13px;
                background: url(/clientUI/image/common/boardcast/btn2.gif) no-repeat;
            }

    .boardcast img {
        width: 130px;
        height: 80px;
    }

    .boardcast .onair {
        width: 20px;
        height: 17px;
    }

    .boardcast .board .onair {
        position: absolute;
        left: 5px;
        top: 11px;
    }

    .boardcast .board1 .onair {
        position: absolute;
        left: 5px;
        top: 89px;
    }

        .boardcast .board1 .onair img {
            position: static;
        }

    .boardcast .board_wrap .board .onair img {
        margin-top: 0;
    }

    .boardcast .board .onair img {
        width: 20px;
        height: 17px;
    }

    .boardcast .board1 .onair img {
        width: 20px;
        height: 17px;
    }

#gnb1 a {
    background: url('/ClientUI/image/layout/gnb/gnb1_v1.jpg') no-repeat;
}

#gnb2 a {
    background: url('/ClientUI/image/layout/gnb/gnb2_v1.jpg') no-repeat;
}

#gnb3 a {
    background: url('/ClientUI/image/layout/gnb/gnb3_v1.jpg') no-repeat;
}

#gnb4 a {
    background: url('/ClientUI/image/layout/gnb/gnb4_v1.jpg') no-repeat;
}

#gnb5 a {
    background: url('/ClientUI/image/layout/gnb/gnb5_v1.jpg') no-repeat;
}

#gnb6 a {
    background: url('/ClientUI/image/layout/gnb/gnb6_v1.jpg') no-repeat;
}

#gnb7 a {
    background: url('/ClientUI/image/layout/gnb/gnb7_v1.jpg') no-repeat;
}

#gnb8 a {
    background: url('/ClientUI/image/layout/gnb/gnb8_v1.jpg') no-repeat;
}

    #gnb1 a:hover, #gnb2 a:hover, #gnb3 a:hover, #gnb4 a:hover, #gnb5 a:hover, #gnb6 a:hover, #gnb7 a:hover, #gnb8 a:hover {
        background-position: left -21px;
    }

    #gnb1 a.on, #gnb2 a.on, #gnb3 a.on, #gnb4 a.on, #gnb5 a.on, #gnb6 a.on, #gnb7 a.on, #gnb8 a.on {
        background-position: left -21px;
    }

    #gnb1 a.dis, #gnb2 a.dis, #gnb3 a.dis, #gnb4 a.dis, #gnb5 a.dis, #gnb6 a.dis, #gnb7 a.dis, #gnb8 a.dis {
        background-position: left bottom;
    }

li#gnb8 {
    padding-right: 0;
    background-image: none;
}

li#gnb3 {
    width: 35px;
}

li#gnb4 {
    width: 35px;
}

li#gnb8 {
    width: 65px;
}

li#gnb3 a {
    width: 35px;
}

li#gnb4 a {
    width: 35px;
}

li#gnb8 a {
    width: 65px;
}

.header_box .nav ul.sub {
    position: absolute;
    width: auto;
    height: 35px;
    background: url('/ClientUI/image/layout/gnb/bg_sub_left.gif') no-repeat;
    zoom: 1;
}

    .header_box .nav ul.sub li {
        float: left;
        height: 15px;
        padding: 0 7px;
        margin: 13px 0 0 0;
        background: url('/ClientUI/image/layout/gnb/bg_bar_sub.gif') no-repeat right 2px;
        text-indent: -5000px;
    }

        .header_box .nav ul.sub li a {
            display: block;
            height: 15px;
        }

        .header_box .nav ul.sub li.bg {
            float: right;
            position: absolute;
            right: 0;
            width: 1px;
            height: 35px;
            padding: 0;
            margin: 0 0 0;
            background: url('/ClientUI/image/layout/gnb/bg_sub_right.gif') no-repeat;
        }

/* 서브메뉴 */
#gnb1_sub {
    left: 30px;
    top: 80px;
}

#gnb2_sub {
    left: 129px;
    top: 80px;
}

#gnb3_sub {
    left: 219px;
    top: 80px;
}

#gnb4_sub {
    left: 296px;
    top: 80px;
}
/*#gnb5_sub { left:138px; top:80px; background:url('/ClientUI/image/layout/gnb/bg_sub5_left_v2.gif') no-repeat; }*/
/*#gnb5_sub { left:135px; top:80px; background:url('/ClientUI/image/layout/gnb/bg_sub5_left_v3.gif') no-repeat;}*/
#gnb5_sub {
    left: 100px;
    top: 80px;
    background: url('/ClientUI/image/layout/gnb/bg_sub5_left_v4.gif') no-repeat;
}

#gnb6_sub {
    left: 490px;
    top: 80px;
}

#gnb7_sub {
    left: 401px;
    top: 80px;
    background: url('/ClientUI/image/layout/gnb/bg_sub7_left_v1.gif') no-repeat;
}

    #gnb7_sub.agree_info {
        left: 288px;
        top: 80px;
        background: url('/ClientUI/image/layout/gnb/bg_sub7_left_v2.gif') no-repeat;
    }

/* 서브메뉴1 게임소식 */
#gnb1_sub .sub1 a {
    width: 43px;
    background: url('/ClientUI/image/layout/gnb/gnb_sub1_v3.jpg') no-repeat left top;
}

#gnb1_sub .sub2 a {
    width: 34px;
    background: url('/ClientUI/image/layout/gnb/gnb_sub1_v3.jpg') no-repeat -43px top;
}

#gnb1_sub .sub3 a {
    width: 43px;
    background: url('/ClientUI/image/layout/gnb/gnb_sub1_v3.jpg') no-repeat -77px top;
}

#gnb1_sub .sub4 a {
    width: 50px;
    background: url('/ClientUI/image/layout/gnb/gnb_sub1_v3.jpg') no-repeat -121px top;
}

#gnb1_sub .sub5 a {
    width: 51px;
    background: url('/ClientUI/image/layout/gnb/gnb_sub1_v3.jpg') no-repeat -172px top;
}

#gnb1_sub .sub6 a {
    width: 43px;
    background: url('/ClientUI/image/layout/gnb/gnb_sub1_v3.jpg') no-repeat -280px top;
}

#gnb1_sub .sub7 a {
    width: 53px;
    background: url('/ClientUI/image/layout/gnb/gnb_sub1_v3.jpg') no-repeat -224px top;
}

#gnb1_sub .sub1 a:hover {
    background-position: left bottom;
}

#gnb1_sub .sub2 a:hover {
    background-position: -43px bottom;
}

#gnb1_sub .sub3 a:hover {
    background-position: -77px bottom;
}

#gnb1_sub .sub4 a:hover {
    background-position: -121px bottom;
}

#gnb1_sub .sub5 a:hover {
    background-position: -172px bottom;
}

#gnb1_sub .sub6 a:hover {
    background-position: -280px bottom;
}

#gnb1_sub .sub7 a:hover {
    background-position: -224px bottom;
}

#gnb1_sub .sub7 {
    background-image: none;
}

/* 서브메뉴2 게임정보 */
#gnb2_sub .sub1 a {
    width: 43px;
    background: url('/ClientUI/image/layout/gnb/gnb_sub2_v1.jpg') no-repeat left top;
}

#gnb2_sub .sub2 a {
    width: 54px;
    background: url('/ClientUI/image/layout/gnb/gnb_sub2_v1.jpg') no-repeat -43px top;
}

#gnb2_sub .sub3 a {
    width: 45px;
    background: url('/ClientUI/image/layout/gnb/gnb_sub2_v1.jpg') no-repeat -97px top;
}

#gnb2_sub .sub4 a {
    width: 54px;
    background: url('/ClientUI/image/layout/gnb/gnb_sub2_v1.jpg') no-repeat -142px top;
}

#gnb2_sub .sub5 a {
    width: 35px;
    background: url('/ClientUI/image/layout/gnb/gnb_sub2_v1.jpg') no-repeat -196px top;
}

#gnb2_sub .sub6 a {
    width: 45px;
    background: url('/ClientUI/image/layout/gnb/gnb_sub2_v1.jpg') no-repeat -231px top;
}

#gnb2_sub .sub1 a:hover {
    background-position: left bottom;
}

#gnb2_sub .sub2 a:hover {
    background-position: -43px bottom;
}

#gnb2_sub .sub3 a:hover {
    background-position: -97px bottom;
}

#gnb2_sub .sub4 a:hover {
    background-position: -142px bottom;
}

#gnb2_sub .sub5 a:hover {
    background-position: -196px bottom;
}

#gnb2_sub .sub6 a:hover {
    background-position: -231px bottom;
}

#gnb2_sub .sub6 {
    background-image: none;
}

/* 서브네뉴3 클랜 */
#gnb3_sub .sub1 a {
    width: 43px;
    background: url('/ClientUI/image/layout/gnb/gnb_sub3.jpg') no-repeat left top;
}

    #gnb3_sub .sub1 a:hover {
        background-position: left bottom;
    }

#gnb3_sub .sub1 {
    background-image: none;
}

/* 서브네뉴4 랭킹 */
#gnb4_sub .sub1 a {
    width: 43px;
    background: url('/ClientUI/image/layout/gnb/gnb_sub4.jpg') no-repeat left top;
}

#gnb4_sub .sub2 a {
    width: 43px;
    background: url('/ClientUI/image/layout/gnb/gnb_sub4.jpg') no-repeat -43px top;
}

#gnb4_sub .sub1 a:hover {
    background-position: left bottom;
}

#gnb4_sub .sub2 a:hover {
    background-position: -43px bottom;
}

#gnb4_sub .sub2 {
    background-image: none;
}

/* 서브네뉴5 커뮤니티 */
#gnb5_sub .sub1 a {
    width: 56px;
    background: url('/ClientUI/image/layout/gnb/gnb_sub5_v6.jpg') no-repeat left top;
}

#gnb5_sub .sub2 a {
    width: 55px;
    background: url('/ClientUI/image/layout/gnb/gnb_sub5_v6.jpg') no-repeat -56px top;
}

#gnb5_sub .sub3 a {
    width: 55px;
    background: url('/ClientUI/image/layout/gnb/gnb_sub5_v6.jpg') no-repeat -111px top;
}

#gnb5_sub .sub4 a {
    width: 55px;
    background: url('/ClientUI/image/layout/gnb/gnb_sub5_v6.jpg') no-repeat -166px top;
}

#gnb5_sub .sub5 a {
    width: 74px;
    background: url('/ClientUI/image/layout/gnb/gnb_sub5_v6.jpg') no-repeat -221px top;
}

#gnb5_sub .sub6 a {
    width: 64px;
    background: url('/ClientUI/image/layout/gnb/gnb_sub5_v6.jpg') no-repeat -295px top;
}

#gnb5_sub .sub7 a {
    width: 64px;
    background: url('/ClientUI/image/layout/gnb/gnb_sub5_v6.jpg') no-repeat -359px top;
}

#gnb5_sub .sub8 a {
    width: 54px;
    background: url('/ClientUI/image/layout/gnb/gnb_sub5_v6.jpg') no-repeat -423px top;
}

#gnb5_sub .sub9 a {
    width: 54px;
    background: url('/ClientUI/image/layout/gnb/gnb_sub5_v6.jpg') no-repeat -479px top;
}

#gnb5_sub .sub1 a:hover {
    background-position: left bottom;
}

#gnb5_sub .sub2 a:hover {
    background-position: -56px bottom;
}

#gnb5_sub .sub3 a:hover {
    background-position: -111px bottom;
}

#gnb5_sub .sub4 a:hover {
    background-position: -166px bottom;
}

#gnb5_sub .sub5 a:hover {
    background-position: -221px bottom;
}

#gnb5_sub .sub6 a:hover {
    background-position: -295px bottom;
}

#gnb5_sub .sub7 a:hover {
    background-position: -359px bottom;
}

#gnb5_sub .sub8 a:hover {
    background-position: -423px bottom;
}

#gnb5_sub .sub9 a:hover {
    background-position: -479px bottom;
}

#gnb5_sub .sub8 {
    background-image: none;
}

/* 서브네뉴6 다운로드 */
#gnb6_sub .sub1 a {
    width: 54px;
    background: url('/ClientUI/image/layout/gnb/gnb_sub6.jpg') no-repeat left top;
}

#gnb6_sub .sub2 a {
    width: 54px;
    background: url('/ClientUI/image/layout/gnb/gnb_sub6.jpg') no-repeat -54px top;
}

#gnb6_sub .sub3 a {
    width: 44px;
    background: url('/ClientUI/image/layout/gnb/gnb_sub6.jpg') no-repeat -108px top;
}

#gnb6_sub .sub1 a:hover {
    background-position: left bottom;
}

#gnb6_sub .sub2 a:hover {
    background-position: -54px bottom;
}

#gnb6_sub .sub3 a:hover {
    background-position: -108px bottom;
}

#gnb6_sub .sub3 {
    background-image: none;
}

/* 서브네뉴7 고객센터 */
#gnb7_sub .sub1 a {
    width: 28px;
    background: url('/ClientUI/image/layout/gnb/gnb_sub7_playnet_v2.jpg') no-repeat left top;
}

#gnb7_sub .sub2 a {
    width: 38px;
    background: url('/ClientUI/image/layout/gnb/gnb_sub7_playnet_v2.jpg') no-repeat -28px top;
}

#gnb7_sub .sub3 a {
    width: 44px;
    background: url('/ClientUI/image/layout/gnb/gnb_sub7_playnet_v2.jpg') no-repeat -66px top;
}

#gnb7_sub .sub4 a {
    width: 44px;
    background: url('/ClientUI/image/layout/gnb/gnb_sub7_playnet_v2.jpg') no-repeat -110px top;
}

#gnb7_sub .sub5 a {
    width: 44px;
    background: url('/ClientUI/image/layout/gnb/gnb_sub7_playnet_v2.jpg') no-repeat -155px top;
}
/*회원탈퇴*/
#gnb7_sub .sub6 a {
    width: 43px;
    background: url('/ClientUI/image/layout/gnb/gnb_sub7_playnet_v2.jpg') no-repeat -199px top;
}
/*게임해지*/
#gnb7_sub .sub7 a {
    width: 43px;
    background: url('/ClientUI/image/layout/gnb/gnb_sub7_playnet_v2.jpg') no-repeat -242px top;
}
/*이용약관*/
#gnb7_sub .sub8 a {
    width: 90px;
    background: url('/ClientUI/image/layout/gnb/gnb_sub7_playnet_v2.jpg') no-repeat -287px top;
}
/*이용약관*/

#gnb7_sub .sub1 a:hover {
    background-position: left bottom;
}

#gnb7_sub .sub2 a:hover {
    background-position: -28px bottom;
}

#gnb7_sub .sub3 a:hover {
    background-position: -66px bottom;
}

#gnb7_sub .sub4 a:hover {
    background-position: -110px bottom;
}

#gnb7_sub .sub5 a:hover {
    background-position: -155px bottom;
}

#gnb7_sub .sub6 a:hover {
    background-position: -199px bottom;
}

#gnb7_sub .sub7 a:hover {
    background-position: -242px bottom;
}

#gnb7_sub .sub8 a:hover {
    background-position: -287px bottom;
}

#gnb7_sub .sub5 {
    background-image: none;
}

/* 전체메뉴 */
.allmenu {
    z-index: 1001;
    position: absolute;
    left: 25px;
    top: 86px;
    width: 735px;
    height: 219px;
    background: url('/ClientUI/image/layout/gnb/bg_allmenu_v1.jpg') no-repeat;
    overflow: hidden;
}

    .allmenu .allmenu_sub {
        width: 95px;
        margin: 40px 0 0 10px;
        float: left;
    }

        .allmenu .allmenu_sub li a {
            display: inline-block;
            margin-bottom: 3px;
        }

    .allmenu .close {
        position: absolute;
        width: 17px;
        height: 16px;
        right: 11px;
        bottom: 11px;
        background: url(../image/layout/gnb/btn_close.gif) no-repeat;
        display: inline-block;
        text-indent: -9000px;
    }

/* #allmenu_gnb1_sub li a{ width:51px; height:13px; }
    #allmenu_gnb1_sub .sub1 a{ background:url('/ClientUI/image/layout/gnb/gnb_sub_all_1_v1.jpg') no-repeat;}
    #allmenu_gnb1_sub .sub1 a:hover { background-position:right top; }
    #allmenu_gnb1_sub .sub2 a{ background:url('/ClientUI/image/layout/gnb/gnb_sub_all_1_v1.jpg') no-repeat left -21px;}
    #allmenu_gnb1_sub .sub2 a:hover { background-position:right -21px; }
    #allmenu_gnb1_sub .sub3 a{ background:url('/ClientUI/image/layout/gnb/gnb_sub_all_1_v1.jpg') no-repeat left -42px;}
    #allmenu_gnb1_sub .sub3 a:hover { background-position:right -42px; }
    #allmenu_gnb1_sub .sub4 a{ background:url('/ClientUI/image/layout/gnb/gnb_sub_all_1_v1.jpg') no-repeat left -63px;}
    #allmenu_gnb1_sub .sub4 a:hover { background-position:right -63px; }
    #allmenu_gnb1_sub .sub5 a{ background:url('/ClientUI/image/layout/gnb/gnb_sub_all_1_v1.jpg') no-repeat left -84px;}
    #allmenu_gnb1_sub .sub5 a:hover { background-position:right -84px; }*/

#allmenu_gnb1_sub li a {
    width: 51px;
    height: 13px;
}

#allmenu_gnb1_sub .sub1 a {
    background: url('/ClientUI/image/layout/gnb/gnb_sub_all_1_v2.jpg') no-repeat;
}

    #allmenu_gnb1_sub .sub1 a:hover {
        background-position: right top;
    }

#allmenu_gnb1_sub .sub2 a {
    background: url('/ClientUI/image/layout/gnb/gnb_sub_all_1_v2.jpg') no-repeat left -21px;
}

    #allmenu_gnb1_sub .sub2 a:hover {
        background-position: right -21px;
    }

#allmenu_gnb1_sub .sub3 a {
    background: url('/ClientUI/image/layout/gnb/gnb_sub_all_1_v2.jpg') no-repeat left -42px;
}

    #allmenu_gnb1_sub .sub3 a:hover {
        background-position: right -42px;
    }

#allmenu_gnb1_sub .sub4 a {
    background: url('/ClientUI/image/layout/gnb/gnb_sub_all_1_v2.jpg') no-repeat left -63px;
}

    #allmenu_gnb1_sub .sub4 a:hover {
        background-position: right -63px;
    }

#allmenu_gnb1_sub .sub5 a {
    background: url('/ClientUI/image/layout/gnb/gnb_sub_all_1_v2.jpg') no-repeat left -84px;
}

    #allmenu_gnb1_sub .sub5 a:hover {
        background-position: right -84px;
    }

#allmenu_gnb1_sub .sub6 a {
    background: url('/ClientUI/image/layout/gnb/gnb_sub_all_1_v2.jpg') no-repeat left -105px;
}

    #allmenu_gnb1_sub .sub6 a:hover {
        background-position: right -105px;
    }

#allmenu_gnb1_sub .sub7 a {
    background: url('/ClientUI/image/layout/gnb/gnb_sub_all_1_v2.jpg') no-repeat left -126px;
}

    #allmenu_gnb1_sub .sub7 a:hover {
        background-position: right -126px;
    }

#allmenu_gnb2_sub li a {
    width: 52px;
    height: 13px;
}

#allmenu_gnb2_sub .sub1 a {
    background: url('/ClientUI/image/layout/gnb/gnb_sub_all_2.jpg') no-repeat;
}

    #allmenu_gnb2_sub .sub1 a:hover {
        background-position: right top;
    }

#allmenu_gnb2_sub .sub2 a {
    background: url('/ClientUI/image/layout/gnb/gnb_sub_all_2.jpg') no-repeat left -21px;
}

    #allmenu_gnb2_sub .sub2 a:hover {
        background-position: right -21px;
    }

#allmenu_gnb2_sub .sub3 a {
    background: url('/ClientUI/image/layout/gnb/gnb_sub_all_2.jpg') no-repeat left -42px;
}

    #allmenu_gnb2_sub .sub3 a:hover {
        background-position: right -42px;
    }

#allmenu_gnb2_sub .sub4 a {
    background: url('/ClientUI/image/layout/gnb/gnb_sub_all_2.jpg') no-repeat left -63px;
}

    #allmenu_gnb2_sub .sub4 a:hover {
        background-position: right -63px;
    }

#allmenu_gnb2_sub .sub5 a {
    background: url('/ClientUI/image/layout/gnb/gnb_sub_all_2.jpg') no-repeat left -84px;
}

    #allmenu_gnb2_sub .sub5 a:hover {
        background-position: right -84px;
    }

#allmenu_gnb2_sub .sub6 a {
    background: url('/ClientUI/image/layout/gnb/gnb_sub_all_2.jpg') no-repeat left -105px;
}

    #allmenu_gnb2_sub .sub6 a:hover {
        background-position: right -105px;
    }

#allmenu_gnb3_sub li a {
    width: 42px;
    height: 13px;
}

#allmenu_gnb3_sub .sub1 a {
    background: url('/ClientUI/image/layout/gnb/gnb_sub_all_3.jpg') no-repeat;
}

    #allmenu_gnb3_sub .sub1 a:hover {
        background-position: right top;
    }

#allmenu_gnb4_sub li a {
    width: 42px;
    height: 13px;
}

#allmenu_gnb4_sub .sub1 a {
    background: url('/ClientUI/image/layout/gnb/gnb_sub_all_4.jpg') no-repeat;
}

    #allmenu_gnb4_sub .sub1 a:hover {
        background-position: right top;
    }

#allmenu_gnb4_sub .sub2 a {
    background: url('/ClientUI/image/layout/gnb/gnb_sub_all_4.jpg') no-repeat left -21px;
}

    #allmenu_gnb4_sub .sub2 a:hover {
        background-position: right -21px;
    }

#allmenu_gnb5_sub li a {
    width: 73px;
    height: 13px;
}

#allmenu_gnb5_sub .sub1 a {
    background: url('/ClientUI/image/layout/gnb/gnb_sub_all_5_v2.jpg') no-repeat;
}

    #allmenu_gnb5_sub .sub1 a:hover {
        background-position: right top;
    }

#allmenu_gnb5_sub .sub2 a {
    background: url('/ClientUI/image/layout/gnb/gnb_sub_all_5_v2.jpg') no-repeat left -21px;
}

    #allmenu_gnb5_sub .sub2 a:hover {
        background-position: right -21px;
    }

#allmenu_gnb5_sub .sub3 a {
    background: url('/ClientUI/image/layout/gnb/gnb_sub_all_5_v2.jpg') no-repeat left -42px;
}

    #allmenu_gnb5_sub .sub3 a:hover {
        background-position: right -42px;
    }

#allmenu_gnb5_sub .sub4 a {
    background: url('/ClientUI/image/layout/gnb/gnb_sub_all_5_v2.jpg') no-repeat left -63px;
}

    #allmenu_gnb5_sub .sub4 a:hover {
        background-position: right -63px;
    }

#allmenu_gnb5_sub .sub5 a {
    background: url('/ClientUI/image/layout/gnb/gnb_sub_all_5_v2.jpg') no-repeat left -84px;
}

    #allmenu_gnb5_sub .sub5 a:hover {
        background-position: right -84px;
    }

#allmenu_gnb5_sub .sub6 a {
    background: url('/ClientUI/image/layout/gnb/gnb_sub_all_5_v2.jpg') no-repeat left -105px;
}

    #allmenu_gnb5_sub .sub6 a:hover {
        background-position: right -105px;
    }

#allmenu_gnb5_sub .sub7 a {
    background: url('/ClientUI/image/layout/gnb/gnb_sub_all_5_v2.jpg') no-repeat left -126px;
}

    #allmenu_gnb5_sub .sub7 a:hover {
        background-position: right -126px;
    }

#allmenu_gnb5_sub .sub8 a {
    background: url('/ClientUI/image/layout/gnb/gnb_sub_all_5_v2.jpg') no-repeat left -147px;
}

    #allmenu_gnb5_sub .sub8 a:hover {
        background-position: right -147px;
    }

#allmenu_gnb5_sub .sub9 a {
    background: url('/ClientUI/image/layout/gnb/gnb_sub_all_5_v2.jpg') no-repeat left -168px;
}

    #allmenu_gnb5_sub .sub9 a:hover {
        background-position: right -168px;
    }

#allmenu_gnb6_sub li a {
    width: 52px;
    height: 13px;
}

#allmenu_gnb6_sub .sub1 a {
    background: url('/ClientUI/image/layout/gnb/gnb_sub_all_6.jpg') no-repeat;
}

    #allmenu_gnb6_sub .sub1 a:hover {
        background-position: right top;
    }

#allmenu_gnb6_sub .sub2 a {
    background: url('/ClientUI/image/layout/gnb/gnb_sub_all_6.jpg') no-repeat left -21px;
}

    #allmenu_gnb6_sub .sub2 a:hover {
        background-position: right -21px;
    }

#allmenu_gnb6_sub .sub3 a {
    background: url('/ClientUI/image/layout/gnb/gnb_sub_all_6.jpg') no-repeat left -42px;
}

    #allmenu_gnb6_sub .sub3 a:hover {
        background-position: right -42px;
    }

#allmenu_gnb7_sub li a {
    width: 42px;
    height: 13px;
}

#allmenu_gnb7_sub .sub1 a {
    background: url('/ClientUI/image/layout/gnb/gnb_sub_all_7_v2.jpg') no-repeat;
}

    #allmenu_gnb7_sub .sub1 a:hover {
        background-position: -42px top;
    }

#allmenu_gnb7_sub .sub2 a {
    background: url('/ClientUI/image/layout/gnb/gnb_sub_all_7_v2.jpg') no-repeat left -21px;
}

    #allmenu_gnb7_sub .sub2 a:hover {
        background-position: -42px -21px;
    }

#allmenu_gnb7_sub .sub3 a {
    background: url('/ClientUI/image/layout/gnb/gnb_sub_all_7_v2.jpg') no-repeat left -42px;
}

    #allmenu_gnb7_sub .sub3 a:hover {
        background-position: -42px -42px;
    }

#allmenu_gnb7_sub .sub4 a {
    background: url('/ClientUI/image/layout/gnb/gnb_sub_all_7_v2.jpg') no-repeat left -63px;
}

    #allmenu_gnb7_sub .sub4 a:hover {
        background-position: -42px -63px;
    }

#allmenu_gnb7_sub .sub5 a {
    background: url('/ClientUI/image/layout/gnb/gnb_sub_all_7_v2.jpg') no-repeat left -84px;
}

    #allmenu_gnb7_sub .sub5 a:hover {
        background-position: -42px -84px;
    }

#allmenu_gnb7_sub .sub6 a {
    background: url('/ClientUI/image/layout/gnb/gnb_sub_all_7_v2.jpg') no-repeat left -105px;
}

    #allmenu_gnb7_sub .sub6 a:hover {
        background-position: -42px -105px;
    }

#allmenu_gnb7_sub .sub7 a {
    background: url('/ClientUI/image/layout/gnb/gnb_sub_all_7_v2.jpg') no-repeat left -126px;
}

    #allmenu_gnb7_sub .sub7 a:hover {
        background-position: -42px -126px;
    }

#allmenu_gnb7_sub .sub8 a {
    width: 89px;
    height: 13px;
    background: url('/ClientUI/image/layout/gnb/gnb_sub_all_7_v2.jpg') no-repeat left -146px;
}

    #allmenu_gnb7_sub .sub8 a:hover {
        background-position: -93px -146px;
    }

/* footer */
.footer_box_wrap {
    background: url('/old/images/bg.gif') no-repeat center top;
    width: 100%;
}

.footer_box {
    width: 960px; /*1040px; */
    height: 104px;
    padding: 26px 0 0 0; /*26px 0 0 70px;*/
    margin: 20px auto 0 auto;
    overflow: hidden;
    position: relative;
}

    .footer_box .nexon {
        float: left;
        padding: 6px 10px 0;
    }

    .footer_box .sesi {
        float: left;
        padding: 4px 10px 0;
    }

    .footer_box .nhn {
        position: absolute;
        left: 110px;
        top: 72px;
    }

    .footer_box .neoact {
        float: left;
        padding: 4px 10px 0 0;
    }

    .footer_box .nav_addr {
        float: left;
    }

    .footer_box .nav {
        margin: 0 0 12px;
        overflow: hidden;
        zoom: 1;
        _display: inline;
    }

        .footer_box .nav li {
            float: left;
            padding: 0 5px 0 0;
            margin-right: 5px;
            background: url('/old/images/bg_bar_hero_vod.gif') no-repeat right center;
        }

    .footer_box p {
        position: absolute;
        left: -5000px;
    }

    .footer_box .guide {
        float: right; /*padding:0 75px 0 0; */
    }

    .footer_box li.last {
        background-image: none;
    }

    .footer_box.footer_nhn {
        height: 130px;
    }

        .footer_box.footer_nhn .sesi {
            padding-top: 0;
            margin-top: -1px;
        }

        .footer_box.footer_nhn .neoact {
            padding-top: 0;
            margin-top: -1px;
        }

        .footer_box.footer_nhn .nhn {
            top: 72px;
            left: 8px;
        }

        .footer_box.footer_nhn .caution_msg {
            position: absolute;
            left: 8px;
            top: 105px;
            z-index: 5;
        }

    .footer_box.footer_daum {
        height: 300px
    }

        .footer_box.footer_daum .daum {
            position: absolute;
            left: 0;
            top: 70px;
        }

        .footer_box.footer_daum .sesi {
            position: absolute;
            left: 0;
            top: 25px;
            padding: 0;
        }

        .footer_box.footer_daum .neoact {
            position: absolute;
            left: 48px;
            top: 30px;
            padding: 0;
        }

        .footer_box.footer_daum .sesi_copy_addr {
            font-size: 11px;
            color: #909090;
            line-height: 17px;
            letter-spacing: -0.1em;
        }

            .footer_box.footer_daum .sesi_copy_addr span {
                width: 10px;
                height: 10px;
                background: url('/ClientUI/image/channel/daum/bar2.gif') no-repeat center center;
                display: inline-block;
            }

        .footer_box.footer_daum .daum_addr {
            font-size: 11px;
            color: #777777;
            line-height: 15px;
            padding-top: 7px;
            letter-spacing: -0.1em;
        }

            .footer_box.footer_daum .daum_addr span {
                font-family: "tahoma", arial, gulim;
            }

        .footer_box.footer_daum .nav_addr {
            padding: 0 0 0 108px
        }

        .footer_box.footer_daum .guide {
            padding: 0;
            margin-top: -103px
        }

        .footer_box.footer_daum .nav li {
            float: left;
            padding: 0 8px 0 0;
            margin-right: 7px;
            background: url('/ClientUI/image/channel/daum/bar.gif') no-repeat right 2px;
        }

            .footer_box.footer_daum .nav li a {
                font-weight: bold;
                color: #444444;
            }

            .footer_box.footer_daum .nav li.last {
                background-image: none;
            }

/* 첨부파일 쓰기 */
.add_file_write {
    margin: 30px 0 0 0;
    border: 1px solid #c8c8c8;
    background: #fff;
    padding: 10px 15px;
}

    .add_file_write input {
        border: 1px solid #c5c5c5;
        width: 240px;
    }

    .add_file_write .list {
        padding: 8px 0 0 45px;
        font-size: 11px;
    }

        .add_file_write .list span {
            color: #929292;
            font-family: Tahoma, sans-serif;
            font-size: 10px;
        }

    .add_file_write a {
        color: #2e6db2;
    }

        .add_file_write a:visited {
            color: #2e6db2;
        }

        .add_file_write a:hover {
            color: #2e6db2;
        }

    .add_file_write .name {
        overflow: hidden;
        height: 24px;
    }

        .add_file_write .name label {
            float: left;
            padding: 5px 5px 0 0;
        }

        .add_file_write .name .form {
            float: left;
            padding: 0 5px 0 0;
        }

        .add_file_write .name .file_name {
            float: left;
            padding: 5px 0 0 0;
            font-size: 11px;
        }

        .add_file_write .name a.cancel {
            float: left;
            display: inline-block;
            padding: 5px 0 0 0;
        }

        .add_file_write .name .progress {
            float: left;
            width: 39px;
            height: 9px;
            margin: 5px 5px 0 5px;
            border: 1px solid #c5c5c5;
        }

            .add_file_write .name .progress span {
                width: 39px;
                height: 9px;
                display: block;
                background-color: #2e6db2;
                text-indent: -5000px;
                line-height: 0;
                font-size: 0
            }

/* 쓰기 */
.write_contents {
    margin: 10px 0 10px 0;
}

.line {
    background: url('/ClientUI/image/table/list_dot_line_v1.gif') no-repeat left top;
    height: 10px;
    zoom: 1;
}

.line2 {
    background: url('/ClientUI/image/table/list_dot_line_v1.gif') no-repeat left top;
}

.line33 {
    background: url('/ClientUI/image/table/line3.gif') no-repeat left top;
    height: 3px;
    zoom: 1;
    width: 100%;
}

.btn_center {
    padding: 10px 0;
    text-align: center;
    display: block;
}

    .btn_center.line2 {
        margin-top: 20px
    }

/* 커뮤니티쓰기에 댓글 허용 비허용 부분 */
.allow_reply {
    padding: 5px 0;
    display: inline-block;
    overflow: hidden;
}

    .allow_reply dt {
        float: left;
        padding: 0 10px 0 0;
        font-weight: bold;
    }

    .allow_reply dd {
        float: left;
    }

        .allow_reply dd.last {
            padding-left: 15px;
        }

    .allow_reply label {
        padding: 0;
        vertical-align: top;
    }

.file_reply {
    float: right;
    height: 30px;
    display: inline-block;
    overflow: hidden;
}

    .file_reply dt {
        float: left;
        padding: 5px 5px 0 0;
        font-weight: bold;
    }

    .file_reply dd {
        float: left;
    }

.write_html_tag .file_reply {
    height: 46px;
    float: none;
    margin-bottom: 8px
}

    .write_html_tag .file_reply dt {
        padding: 10px 10px 0 0
    }

    .write_html_tag .file_reply dd textarea {
        width: 560px;
        height: 32px;
        padding: 4px 4px;
        line-height: 140%;
    }
/*	.file_reply input { border:0;}*/

/* 게시판 리스트 오른쪽 상단 소팅 셀렉트 */
.select_area_margin {
    height: 29px;
    margin-top: -29px;
    text-align: right;
}

    .select_area_margin select {
        width: 100px;
    }
/* 내가쓴글 덧글 보기 버튼 영역*/
.btnArea_viewMyPost {
    margin: -25px 0 5px;
    height: 20px
}

    .btnArea_viewMyPost.freeboard {
        margin: -25px 0 5px;
        height: 20px;
        text-align: right;
    }


/* 공략게시판 쓰기 */
.attack select {
    margin-right: 5px;
    vertical-align: top;
}

.attack label {
    padding: 3px 2px 0 0;
    display: inline-block;
}

.attack input.chk {
    padding-right: 0 !important
}

.title #spanHeadTitle {
    padding-top: 2px;
    display: inline-block;
}

/* 게시판 보기 댓글 */
.reply_list {
    background: #eeeeee;
    border: 1px solid #d5d5d5;
    margin-bottom: 30px;
}

    .reply_list .box_btm {
        background: url('/ClientUI/image/community/bg_box_gary_665.gif') left bottom;
        height: 8px;
    }

    .reply_list ul {
        padding: 8px 12px 0 12px;
    }

        .reply_list ul li {
            padding: 12px 0;
            background: url('/ClientUI/image/member/bg_dot_line.gif') repeat-x left bottom;
        }

            .reply_list ul li strong {
                float: left;
            }

            .reply_list ul li .date {
                float: left;
                font-size: 11px;
                color: #a3a3a3;
                font-family: Tahoma, sans-serif;
                padding: 0 0 0 10px;
            }

            .reply_list ul li div.fix {
                _display: inline-block;
                padding-top: 3px;
            }

            .reply_list ul li .report {
                float: right;
                font-size: 11px;
            }

                .reply_list ul li .report span {
                    display: inline-block;
                    width: 60px;
                }

            .reply_list ul li p {
                padding: 5px 0 0;
                line-height: 145%;
                word-break: break-all
            }

                .reply_list ul li p img {
                    padding: 0 0 5px 0;
                }

    .reply_list .board_paging {
        margin: -1px 12px 0 12px;
        padding-top: 12px;
        background: #eeeeee url('/ClientUI/image/table/list_dot_line_v1.gif') no-repeat;
    }

.reply_write {
    overflow: hidden;
    padding: 12px 10px 0 10px;
}

    .reply_write textarea {
        float: left;
        width: 539px;
        height: 58px;
        padding: 3px;
    }

    .reply_write .fr {
        width: 90px;
        text-align: right;
        float: left;
        padding-left: 3px;
    }

        .reply_write .fr img {
            padding-bottom: 2px;
        }

    .reply_write .byte {
        font-size: 11px;
        display: inline-block;
        padding: 0 0 0 0;
        text-align: left;
        width: 90px;
    }

    .reply_write .upload_img_name {
        clear: both;
        padding: 5px;
    }

        .reply_write .upload_img_name span {
            color: #1567a9;
        }

#ifrmContents .reply_list ul li {
    padding: 10px
}

#ifrmContents .reply_write textarea {
    width: 290px !important;
    height: 18px;
}

#ifrmContents {
    margin-top: -1px;
}

/* 다운로드 클라이언트
	.client .top_img h4 { display:none; }
	.client .top_img { margin:-20px 0 25px 0; }
	.client ul { padding-left:89px; _display:inline-block; overflow:hidden; width:665px; margin-top:20px; }
	.client ul li { float:left; margin:0 71px 0 0; }
	.client .box_gray { border:1px solid #cbcbcb; padding:20px; background:#f7f8f9; margin:0 0 30px 0; overflow:hidden; width:623px; }
	.client .box_gray p { padding:10px; background:#eeeeee; line-height:150%; font-size:11px; text-align:center; }
	.client .tbl_style2 td, .client .tbl_style2 th { text-align:center; font-size:12px; }.client .box_gray2 { overflow:hidden; padding:20px 20px 20px 12px; border:1px solid #cbcbcb; margin-bottom:25px; border-top:none; background:#f7f8f9; }
	.client .box_gray2 .txt {float:left; }
	.client .box_gray2 .download_hand{ float:right; }
	 */
/* 다운로드 activeX */
.active_top_img {
    margin: -22px 0 30px 0;
}

/* 동의 약관 스타일 */
/* member.css 에도 있음 */
h4.member_agree {
    margin-bottom: 7px;
    background: url('/ClientUI/image/bul/bul03.gif') no-repeat left 1px;
    padding: 0 0 0 15px;
    color: #222;
}

.agree_box {
    height: 173px;
    overflow-y: scroll;
    padding: 15px;
    border: 1px solid #dfdfdf;
    background: #f7f7f7;
    color: #888888;
    line-height: 160%;
}

    .agree_box h5 {
        line-height: 30px;
    }

    .agree_box h6 {
        line-height: 26px;
    }

h5.use_guide {
    margin: 0px 0 10px;
}

h6.use_guide {
    margin-top: 10px;
}

.agree_box {
    line-height: 160%;
}

    .agree_box p {
        margin-bottom: 10px;
    }

.ul_style1_dash {
    padding-left: 10px;
    padding-left: 10px;
}

    .ul_style1_dash li {
        background: url('/ClientUI/image/bul/bul06.gif') no-repeat left 8px;
        padding-left: 10px;
    }

.tbl_agree {
    border-collapse: collapse;
}

    .tbl_agree td, .tbl_agree th {
        border: 1px solid #dfdfdf;
        text-align: center;
    }

    .tbl_agree th {
        background: #ededed;
    }

    .tbl_agree td {
        padding: 2px 3px;
        font-size: 11px;
    }

        .tbl_agree td.al {
            text-align: left
        }

.txt_red {
    color: #e72612;
}

    .txt_red ul.ul_style1_dash li {
        background: url(/ClientUI/image/bul/bul06_1.gif) no-repeat left 5px;
    }

/* 운영정책 */
.policy_img_top {
    position: absolute;
    left: 540px;
    top: -7px;
    width: 124px;
    height: 25px;
    background: url('/ClientUI/image/customer/policy_img_top.jpg') no-repeat;
    _left: 505px;
    _top: -6px;
}

.policy_img {
    height: 121px;
    margin-bottom: 20px;
}

.policy_nav_wrap {
    background: url('/ClientUI/image/customer/box_policy_nav.gif') no-repeat;
    margin: 0 0 35px 0;
}

    .policy_nav_wrap .fix {
        padding: 10px 10px 5px 10px;
    }

    .policy_nav_wrap .policy_nav_btm {
        clear: both;
        width: 100%;
        height: 3px;
        background: url('/ClientUI/image/customer/box_policy_nav.gif') no-repeat left bottom;
        line-height: 0;
        font-size: 0;
    }

    .policy_nav_wrap ul {
        float: left;
        width: 50%;
    }

        .policy_nav_wrap ul li {
            background: url('/ClientUI/image/table/list_dot_line_v1.gif') no-repeat left bottom;
            height: 36px;
        }

            .policy_nav_wrap ul li.last {
                background-image: none;
            }

    .policy_nav_wrap .policy_nav div {
        background: #e2e2e2;
        border: 1px solid #d6d6d6;
        height: 28px;
        line-height: 28px;
        margin: 2px 9px 2px 0;
    }

        .policy_nav_wrap .policy_nav div.on {
            background: #c9c9c9;
            border: 1px solid #bababa;
            color: #2e6db2;
            font-weight: bold;
        }

    .policy_nav_wrap .ul2 div {
        margin-right: 0;
    }

    .policy_nav_wrap strong {
        display: inline-block;
        width: 33px;
        padding-left: 80px;
    }

    .policy_nav_wrap .policy_nav div {
        background: #e2e2e2;
        border: 1px solid #d6d6d6;
    }

.select_version {
    text-align: right;
    overflow: hidden;
    margin-bottom: 10px;
    background: #e2e2e2;
    padding: 5px 10px;
}

    .select_version strong {
        color: #2e6db2;
        padding-top: 3px;
        display: inline-block;
    }

    .select_version a {
        padding-right: 1px;
    }

.ol_style_num {
    padding: 0 0 0 20px;
}

    .ol_style_num li {
        list-style: decimal;
        padding: 0 0 0 0;
    }

    .ol_style_num ol {
        padding: 5px 0 5px 20px;
    }

        .ol_style_num ol li {
            list-style: lower-alpha;
            line-height: 150%;
        }

    .ol_style_num .ul_style1_dash {
        padding: 3px 10px 10px 10px;
        font-size: 11px;
    }

        .ol_style_num .ul_style1_dash li {
            list-style: none;
            background: url('/ClientUI/image/bul/bul06.gif') no-repeat left 5px;
            padding-left: 10px;
        }

.agree_box .last_txt {
    display: block;
    padding: 30px 0 30px 0;
}

.agree_box a {
    color: #888888;
}

    .agree_box a:visited {
        color: #888888;
    }

    .agree_box a:hover {
        color: #888888;
        text-decoration: underline;
    }


/* 넥슨채널링동의 */
.nexon_agree_page {
    width: 100%;
}

.nexon_agree_top {
    height: 79px;
    background: url('/ClientUI/image/etc/bg_nexon_agree_top_img.jpg') repeat-x;
}

.nexon_agree_logo {
    float: left;
}

.nexon_agree_img {
    float: right;
}

.nexon_agree_iframe {
    height: 55px;
    overflow: hidden;
}

.nexon_agree_page h3 {
    padding: 0 0 0 15px;
    margin: 15px 0 7px 0;
    color: #222;
    background: url('/ClientUI/image/bul/bul03.gif') no-repeat;
}

.nexon_agree_page .agree_box {
    background: #f7f7f7;
    border-color: #dfdfdf;
    height: 100px;
}

.nexon_agree_page .agree_check {
    padding: 10px 0 15px 0;
    overflow: hidden;
    _display: inline-block;
    background: url('/ClientUI/image/pop/dot_line.gif') repeat-x left bottom;
}

    .nexon_agree_page .agree_check li {
        margin-right: 50px;
        float: left;
    }

.nexon_agree_page .fix_width {
    width: 960px;
    margin: 0 auto;
}

.nexon_agree_contents {
    width: 665px;
    margin: 30px auto 0 auto;
}

.nexon_agree_cmt {
    padding: 15px 0 20px 0;
    font-size: 11px;
}

.nexon_agree_page .btn_center {
    width: 100%;
    text-align: center;
    padding-top: 10px;
}

.private_list {
    padding: 20px 0 10px 30px;
}

.font12 li {
    font-size: 12px;
}

/* event list */
.list_contents .p {
    position: relative;
    overflow: hidden;
    padding: 20px 0;
    background: url('/ClientUI/image/table/list_dot_line_v1.gif') no-repeat left bottom;
    _display: inline-block;
}

    .list_contents .p .pic {
        float: left;
        padding: 0 15px 0 0;
    }

    .list_contents .p .description {
        position: relative;
        float: right;
        width: 450px;
        height: 90px;
    }

        .list_contents .p .description h4 {
            color: #d25e09;
            padding: 3px 30px 8px 0;
        }

            .list_contents .p .description h4 a {
                color: #d25e09;
                font-size: 12px;
            }

                .list_contents .p .description h4 a:visited {
                    color: #d25e09;
                }

                .list_contents .p .description h4 a:hover {
                    text-decoration: underline;
                    color: #d25e09;
                }

        .list_contents .p .description ul li {
            font-size: 11px;
            line-height: 14px;
        }

            .list_contents .p .description ul li.date {
                font-weight: bold;
            }

            .list_contents .p .description ul li strong {
                display: inline-block;
                color: #5e758f;
                background: url('/ClientUI/image/table/bg_bar.gif') no-repeat right 2px;
                padding: 0 5px 0 0;
                margin-right: 5px;
            }

        .list_contents .p .description span {
            line-height: 14px;
            display: inline-block;
            padding: 8px 0 0 0;
        }

        .list_contents .p .description .btn {
            position: absolute;
            right: 0;
            bottom: 0;
            text-align: right;
        }

.no_data {
    padding: 20px 0;
    background: url('/ClientUI/image/table/list_dot_line_v1.gif') no-repeat left bottom;
    height: 120px;
    line-height: 120px;
    text-align: center;
}

.list_contents .p .description .sns {
    position: absolute;
    right: 0;
    top: 0px;
}

    .list_contents .p .description .sns a {
        float: left;
        margin-left: 3px;
    }

/* 랭킹 상단 타이틀 */
.info_box {
    overflow: hidden;
    margin: 0 0 5px 0;
    _display: inline-block
}

    .info_box .myRanking_Topinfo1 {
        float: left;
        width: 220px;
    }

        .info_box .myRanking_Topinfo1 span {
            float: left;
            width: 175px;
            display: block;
            padding: 3px 0 0 0;
        }

        .info_box .myRanking_Topinfo1 strong {
            float: left;
            color: #2e6db2;
            display: block;
            font-size: 14px;
            padding: 3px 0 0 0;
        }

        .info_box .myRanking_Topinfo1 img {
            float: left;
            width: 40px;
            height: 40px;
            margin-right: 5px;
        }

    .info_box .title {
        float: left;
        width: 220px;
        text-align: center;
        padding-top: 5px;
        margin-bottom: -1px;
        background: none;
    }

        .info_box .title span {
            color: #000000;
            display: block;
            font-size: 11px;
            font-weight: normal;
            padding: 0 0 3px 0;
        }

    .info_box .title {
        text-align: center;
    }

    .info_box .myRanking_Topinfo2 {
        float: right;
        text-align: right;
        position: relative;
        height: 40px;
    }

        .info_box .myRanking_Topinfo2 select {
        }

        .info_box .myRanking_Topinfo2 .txt {
            position: absolute;
            right: 0;
            bottom: 0;
            font-size: 11px;
            color: #5b5a5a;
            margin-top: 5px;
            padding-left: 7px;
            letter-spacing: -0.1em; /*background:url(../image/bul/bul08.gif) no-repeat 4px 4px;  */
            display: block;
            width: 400px;
        }

    .info_box.member_ranking .myRanking_Topinfo1 strong {
        padding-top: 12px;
    }

    .info_box.member_ranking .myRanking_Topinfo2 {
        height: 20px;
        padding-top: 18px;
    }

.my_current {
    margin-bottom: 15px
}

    .my_current table {
        width: 100%;
        table-layout: fixed;
        border-collapse: collapse;
        background: url('/ClientUI/image/table/bg_th.gif') no-repeat;
    }

        .my_current table th {
            background: url('/ClientUI/image/table/th_bar.gif') no-repeat right center;
            color: #676767;
            line-height: 32px;
            text-align: center;
        }
            /*.my_current table:nth-child(2) th { text-align:center; }
	.my_current table:nth-child(2) { margin-bottom:15px;}*/
            .my_current table th .font11 {
                color: #dadada;
                padding: 0 10px 0 25px;
                margin: 0 10px 0 0;
                font-weight: normal;
                background: url('/ClientUI/image/table/th_bar.gif') no-repeat right 0;
            }

            .my_current table th strong {
                color: #fff;
                padding-right: 10px;
                font-weight: normal;
            }

            .my_current table th.last {
                background-image: none;
            }

        .my_current table td.last strong {
            color: #2e6db2;
        }

        .my_current table tbody {
            border-right: 1px solid #dadbdc;
            border-left: 1px solid #dadbdc;
        }

        .my_current table td {
            border-bottom: 1px solid #dadbdc;
            padding: 5px 10px 5px 10px;
            color: #595959;
            line-height: 18px;
            text-align: center;
            background: #fff;
            background: #fff url('/ClientUI/image/table/th_bar_gray.gif') no-repeat right center;
            /*font-weight:bold;*/ line-height: 19px\9;
            *line-height: 18px
        }

            .my_current table td.last {
                background-image: none;
            }

            .my_current table td.last {
                border-top: 1px solid #dadbdc;
            }

        .my_current table tbody img {
            vertical-align: middle;
        }

        .my_current table td.num {
            font-size: 11px;
            font-family: Verdana, Arial, Helvetica, sans-serif;
            color: #2e6db2;
        }

        .my_current table td.no_data_ranking {
            background-image: none;
        }

        .my_current table td.no_data_ranking {
            padding: 30px 0;
            border-top: 1px solid #dadbdc;
        }

        .my_current table.tbl_board_style2 th {
            background: url('/ClientUI/image/table/th_bar.gif') no-repeat right center;
            color: #676767;
            line-height: 30px;
            text-align: center;
        }


/* 서버체크 페이지 */
.server_check_page {
    text-align: center;
}

    .server_check_page .header_box {
        height: 80px;
    }

    .server_check_page .container .server_check_visual {
        width: 100%;
        height: 266px;
        background: url('/ClientUI/image/etc/server_check_visual.jpg') no-repeat center top;
    }

    .server_check_page .width_fix {
        margin: 0 auto;
        width: 960px;
    }

    .server_check_page .info_msg {
        margin: 40px auto 50px auto;
        width: 570px;
    }

    .server_check_page .box {
        background: url('/ClientUI/image/etc/server_check_box_mid.gif') repeat-y;
        width: 570px;
        margin-left: 17px;
        text-align: left;
    }

        .server_check_page .box dl {
            padding: 20px 30px 0 30px;
            clear: both;
        }

        .server_check_page .box dt {
            display: inline;
            font-size: 14px;
            color: #c64934;
            font-weight: bold;
        }

        .server_check_page .box dd {
            display: inline;
            font-size: 14px;
            color: #616161;
            font-weight: bold;
        }

        .server_check_page .box dl.txt dt {
            display: block;
            padding-bottom: 5px;
        }

        .server_check_page .box dl.txt dd {
            display: block;
            padding-bottom: 30px;
            font-size: 12px;
            line-height: 150%;
            font-weight: normal;
        }

        .server_check_page .box .bbox_top {
            height: 12px;
            font-size: 0;
            line-height: 0;
            background: url('/ClientUI/image/etc/server_check_box_top.gif') no-repeat;
        }

        .server_check_page .box .bbox_btm {
            height: 12px;
            font-size: 0;
            line-height: 0;
            background: url('/ClientUI/image/etc/server_check_box_btm.gif') no-repeat;
        }

#ifrAdsTracking {
    position: absolute;
    left: -5000px;
    top: -5000px;
}


.ie6 {
    width: 100%;
    height: 36px;
    z-index: 9999999;
    position: absolute;
    top: 0;
    left: 0;
    background: #fff;
    font-size: 12px;
}

    .ie6 a {
        font-weight: bold;
        color: #c10c0c;
        text-decoration: underline;
    }

        .ie6 a:hover {
            font-weight: bold;
            color: #c10c0c;
            text-decoration: underline;
        }

    .ie6 ul li.logotx {
        float: left;
        padding: 10px 0 0 10px;
    }

    .ie6 ul li.btn {
        float: right;
        padding-right: 20px;
        padding-top: 10px;
    }

.game_point_layer {
    width: 330px;
    height: 245px;
    background: url('/ClientUI/image/main/bg_msg.jpg') no-repeat;
}

    .game_point_layer .closeBtn {
        text-align: right;
        display: block;
        padding: 15px 15px 0 0;
    }

    .game_point_layer strong {
        color: #d25e09
    }

    .game_point_layer p {
        text-align: center;
        padding: 40px 0 10px 0;
        line-height: 160%;
        font-weight: bold;
    }

    .game_point_layer span {
        display: block;
        padding: 10px;
        color: #1f5ea3;
    }

    .game_point_layer .btn_center {
        margin: 0 30px 0;
        text-align: center;
        padding: 15px 0 0 0;
        background: url('/ClientUI/image/table/list_dot_line_v1.gif') no-repeat left top;
    }


/* 영웅동영상 상단 추천수 */
.hero_recommand {
    text-align: right;
    margin-top: -20px;
    margin-bottom: 7px;
}

    .hero_recommand .no {
        font-size: 11px;
        font-family: Tahoma, sans-serif;
        padding: 0 5px 0 0;
    }

    .hero_recommand strong {
        color: #2e6db2;
    }

        .hero_recommand strong.orange {
            color: #d25e09;
        }

.hero_vod_recommand {
    padding-bottom: 25px;
}


/* 닉네임만들기 알림레이어 */
.layer_makenick {
    display: none;
    position: absolute;
    left: 0;
    top: 1600px;
    width: 420px;
    height: 186px;
    background: url('/ClientUI/image/main/layer_makenick.gif') no-repeat;
}

    .layer_makenick .close {
        margin: 14px 0 0 370px;
        width: 21px;
        height: 20px;
        display: block;
        text-indent: -5200px;
        cursor: pointer;
    }

    .layer_makenick h1 {
        display: none;
    }

    .layer_makenick p {
        display: none;
    }

/**/
.cmt00 {
    padding-left: 0px;
    font-size: 11px;
    letter-spacing: -0.1em;
    color: #999;
}

/* 확성기 팝업창 */
.loudspeaker {
    width: 521px;
    height: 611px;
    padding: 18px 0 0 18px;
    background: url(/ClientUI/image/common/loudspeaker/bg.png) no-repeat;
}

    .loudspeaker .loud_contents {
        padding: 20px 40px 15px 15px;
    }

    .loudspeaker .loud_title {
        height: 34px;
        background: url(/ClientUI/image/common/loudspeaker/bg_title.jpg) no-repeat;
        text-align: center;
        color: #c7cfdc;
        line-height: 34px;
        font-weight: bold;
        font-size: 16px;
    }

    .loudspeaker h2 {
        padding-bottom: 10px;
        color: #f8c701;
        font-weight: bold;
        font-size: 14px;
    }

    .loudspeaker .loud_box {
        overflow: hidden;
        width: 466px;
        height: 290px;
    }

        .loudspeaker .loud_box .loud_text {
            float: left;
            width: 440px;
            border: 1px solid #3c4960;
            padding: 10px;
            color: #AA98FE;
            word-break: break-all;
        }

            .loudspeaker .loud_box .loud_text span {
                display: inline-block;
                padding-right: 5px;
                color: #bdbdbf;
            }

        .loudspeaker .loud_box ul {
            position: relative;
            list-style-type: none;
            z-index: 1;
            height: 0px;
            top: 0px;
        }

            .loudspeaker .loud_box ul li {
                padding-bottom: 5px;
            }

    .loudspeaker .right_scroll {
        float: right;
        margin: 0 0 0 2px;
        background: url(/ClientUI/image/common/loudspeaker/bg_scroll.gif) no-repeat;
        width: 25px;
        height: 432px;
        padding: 2px 0 0 3px;
    }

        .loudspeaker .right_scroll .bt_up {
            margin-bottom: 5px;
        }

        .loudspeaker .right_scroll .bt_down {
            margin-top: 5px;
        }

        .loudspeaker .right_scroll .scrolling {
            height: 235px;
            position: relative;
        }

            .loudspeaker .right_scroll .scrolling .scrollbar {
                position: absolute;
            }

    .loudspeaker .loud_info {
        color: #cecfd3;
        font-size: 12px;
        line-height: 17px;
    }

        .loudspeaker .loud_info h2 {
            padding: 5px 0;
        }

        .loudspeaker .loud_info ul {
            margin: 0 0 5px 15px;
        }

            .loudspeaker .loud_info ul li img {
                width: 27px;
                height: 27px;
                vertical-align: middle;
                padding: 0 5px 2px 10px;
            }

            .loudspeaker .loud_info ul li storng {
                color: #f0d692;
            }

    .loudspeaker .loud_input input.text {
        width: 312px;
        background: #010103;
        border: 1px solid #384c6d;
        color: #fff;
        margin-top: 1px;
        height: 14px;
    }

    .loudspeaker .loud_input .text.forbid {
        color: #b9000c;
        border-color: #384156;
    }

    .loudspeaker .loud_input {
        padding: 0 0 15px 15px
    }

        .loudspeaker .loud_input a {
            vertical-align: top;
            display: inline-block;
            width: 84px;
            height: 27px;
            background: url(../image/common/loudspeaker/btn_input.gif) no-repeat;
            text-indent: -5000px;
        }

            .loudspeaker .loud_input a:hover {
                background-position: 0 -27px
            }

            .loudspeaker .loud_input a:active {
                background-position: 0 -54px
            }

            .loudspeaker .loud_input a.dis {
                background-position: 0 -81px
            }

    .loudspeaker .close_btn {
        text-align: center;
    }

/* loudspeaker_layer */
.loudspeaker_layer {
    position: absolute;
    z-index: 999999;
    width: 339px;
    height: 159px;
    background: url('/ClientUI/image/common/loudspeaker/bg_layer.png') no-repeat;
    _display: inline-block;
}

    .loudspeaker_layer strong {
        color: #a1bce5;
        font-size: 14px;
        padding: 13px 0 11px 0;
        display: block;
        text-align: center;
        padding-right: 5px;
    }

    .loudspeaker_layer p {
        padding: 6px 15px 13px 15px;
        color: #699ff1;
        line-height: 140%;
        font-size: 12px;
        text-align: center;
    }

        .loudspeaker_layer p em {
            font-weight: bold;
        }

    .loudspeaker_layer .forbid_clear {
        font-size: 11px;
        color: #c8b598;
    }

/* loudspeaker_layer_pop */
.loudspeaker_layer_pop {
    position: absolute;
    width: 362px;
    height: 277px;
    background: url(../image/common/loudspeaker/PopupBg_v1.png) no-repeat;
    z-index: 100;
}

    .loudspeaker_layer_pop strong {
        color: #a1bce5;
        font-size: 14px;
        padding: 28px 0 11px 0;
        display: block;
        text-align: center;
        padding-right: 5px;
    }

    .loudspeaker_layer_pop p {
        padding: 40px 50px 40px 40px;
        color: #cecfd3;
        line-height: 150%;
        font-size: 12px;
        text-align: center;
    }

        .loudspeaker_layer_pop p em {
            font-weight: bold;
        }

        .loudspeaker_layer_pop p.forbid_clear {
            font-size: 11px;
            color: #c8b598;
            padding: 0 0 18px;
        }


/* 커뮤니티 확성기 메시지 */
.community_loudspeaker {
    height: 48px;
    background: url('/ClientUI/image/community/bg_loudspeaker_v1.gif') no-repeat;
    padding: 2px 0 3px 15px;
}

    .community_loudspeaker.imgBoard {
        margin-top: -5px;
        background: url('/ClientUI/image/community/bg_loudspeaker_type2_v2.gif') no-repeat;
        height: 50px;
        padding: 3px 15px 0 15px;
    }

    .community_loudspeaker .btn img {
        padding-left: 1px;
    }

    .community_loudspeaker .btn {
        text-align: right;
    }

        .community_loudspeaker .btn div {
            float: right;
        }

    .community_loudspeaker .message {
        color: #d25e09;
        font-weight: bold;
    }

        .community_loudspeaker .message span {
            color: #595959;
        }

    .community_loudspeaker table {
        width: 100%;
    }

        .community_loudspeaker table td {
            vertical-align: middle;
            height: 49px;
        }

/* 커뮤니티 확성기 메시지 */
.event_ad {
    background: #fff;
    border-top: 2px solid #2b3139;
    border-bottom: 2px solid #2b3139
}

    .event_ad .message {
        color: #d25e09;
        font-weight: bold;
    }

        .event_ad .message span {
            color: #595959;
        }

    .event_ad table {
        width: 100%;
    }

        .event_ad table td {
            vertical-align: middle;
            height: 100%;
            padding: 9px 0 9px 10px;
            text-align: left;
            font-weight: bold;
            color: #d25e09;
        }

/* sork*/
.btn_area_viewmypost {
    text-align: right;
    padding: 10px 0;
}

    .btn_area_viewmypost select {
        margin-right: 5px
    }

.temp_notice {
    color: #000;
    position: absolute;
    top: 29px;
    left: 225px;
    width: 340px;
    height: 95px;
    border: 3px solid #999;
    line-height: 160%;
}

    .temp_notice div.txt {
        position: absolute;
        top: 0;
        left: 0;
        padding: 10px;
    }

        .temp_notice div.txt a {
            color: #000;
        }

    .temp_notice .temp_notice_bg {
        width: 340px;
        height: 95px;
        position: absolute;
        top: 0;
        left: 0;
        background-color: #fff;
        opacity: 0.6;
        filter: alpha(opacity=60);
        -moz-opacity: 0.6;
        -khtml-opacity: 0.6;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
    }

/* 엠게임채널링동의 */
.mgame_agree_iframe {
    height: 55px;
    overflow: hidden;
}

/*약관동의*/
.mgame_agree_page {
    width: 100%;
    background: url('/ClientUI/image/channel/mgame/bg.gif') repeat-x;
}

    .mgame_agree_page .mgame_agree_top {
        height: 352px;
        background: url('/ClientUI/image/channel/mgame/img_visual.jpg') center top no-repeat;
    }

    .mgame_agree_page h3 {
        padding: 0 0 0 15px;
        margin: 25px 0 7px 0;
        color: #222;
        background: url('/ClientUI/image/bul/bul03.gif') no-repeat;
    }

    .mgame_agree_page .agree_box {
        width: 795px;
        background: #f7f7f7;
        border-color: #dfdfdf;
        height: 100px;
    }

    .mgame_agree_page .agree_check {
        padding: 15px 0 30px 0;
        overflow: hidden;
        _display: inline-block;
        border-top: 1px solid #;
    }

        .mgame_agree_page .agree_check li {
            margin-right: 50px;
            float: left;
        }

    .mgame_agree_page .fix_width {
        width: 965px;
        height: 352px;
        margin: 0 auto;
        background: url('/ClientUI/image/channel/mgame/img_visual.jpg') center top no-repeat;
        text-indent: -7000px;
    }

    .mgame_agree_page .mgame_agree_contents {
        width: 965px;
        margin: 0 auto;
    }

        .mgame_agree_page .mgame_agree_contents .inbox {
            width: 823px;
            margin: 0 auto 0 auto;
            border: 1px solid #d8d8d8;
            border-top: none;
            padding: 10px 70px 40px 70px;
        }

    .mgame_agree_page .btn_center {
        width: 100%;
        text-align: center;
        padding-top: 10px;
        border-top: 1px solid #dcdcdc;
    }

/*고객센터*/
.mgame_agree_top2 {
    height: 352px;
    background: url('/ClientUI/image/channel/mgame/img_visual_cs.jpg') center top no-repeat;
}

    .mgame_agree_top2 .fix_width {
        width: 965px;
        margin: 0 auto;
        background: url('/ClientUI/image/channel/mgame/img_visual_cs.jpg') center top no-repeat;
        text-indent: -7000px;
    }

.mgame_agree_contents2 {
    width: 100%;
    background: url('/ClientUI/image/channel/mgame/bg_tit.jpg') repeat-x;
}

    .mgame_agree_contents2 .title_mgame {
        width: 971px;
        height: 70px;
        margin: 0 auto;
    }

    .mgame_agree_contents2 .bnr {
        width: 971px;
        margin: 40px auto 40px auto;
        overflow: hidden;
    }

        .mgame_agree_contents2 .bnr li {
            float: left;
            margin-right: 33px;
        }

            .mgame_agree_contents2 .bnr li.last {
                margin-right: 0
            }

.footer_box.mgame {
    position: relative;
}

    .footer_box.mgame .sesi {
        float: none;
        position: absolute;
        left: 0;
        top: 59px;
        padding: 0;
    }

    .footer_box.mgame .neoact {
        float: none;
        position: absolute;
        left: 62px;
        top: 59px;
        padding: 0;
    }

    .footer_box.mgame .mgame {
        float: none;
        position: absolute;
        left: 0;
        top: 28px;
    }

    .footer_box.mgame .nav_addr {
        float: none;
        position: absolute;
        left: 136px;
        top: 26px;
    }

/* 런쳐 페이지 
	.luncher_page { text-align:center; }
	.luncher_page .header_box { position:relative; height:80px; }
	.luncher_page .header_box .header_img { position:absolute; left:665px}
	.luncher_page .container .luncher_visual { width:100%; height:217px; background:url('/ClientUI/image/etc/luncher_visual.jpg') no-repeat center top; }
	.luncher_page .width_fix { margin:0 auto; width:960px; }
	.luncher_page h2 { padding-top:13px;}
	.luncher_page .inbox{ width:823px; margin:0 auto 50px auto; padding:30px 70px; border:1px solid #d8d8d8; border-top:0;}
	.luncher_page .box2 { background:url('/ClientUI/image/etc/luncher_img2.gif') no-repeat; width:825px; height:106px; padding-top:30px; text-align:center; margin-bottom:30px; }
	.luncher_page .box4 {  background:url('/ClientUI/image/etc/luncher_img4.gif') no-repeat; width:825px; height:60px; padding-top:54px; text-align:center; }
	
	.luncher_page .footer_box_lucher { width:1106px; height:62px; margin:0 auto 0 auto; background:url('/ClientUI/image/etc/luncher_footer.gif') no-repeat; overflow:hidden; position:relative; text-indent:-9000px;}*/


.luncher_page {
    text-align: center;
}

    .luncher_page .header_box {
        position: relative;
        height: 80px;
    }

        .luncher_page .header_box .header_img {
            position: absolute;
            left: 665px
        }

    .luncher_page .container .luncher_visual {
        width: 100%;
        height: 217px;
        background: url('/ClientUI/image/etc/luncher_visual.jpg') no-repeat center top;
    }

    .luncher_page .width_fix {
        margin: 0 auto;
        width: 960px;
    }

    .luncher_page h2 {
        padding-top: 13px;
    }

    .luncher_page .inbox {
        width: 823px;
        margin: 0 auto 50px auto;
        padding: 30px 70px;
        border: 1px solid #d8d8d8;
        border-top: 0;
    }

    .luncher_page .box2 {
        background: url('/ClientUI/image/etc/luncher_img2_v1.gif') no-repeat;
        width: 825px;
        height: 128px;
        padding-top: 30px;
        text-align: center;
        margin-bottom: 30px;
    }

    .luncher_page .box4 {
        background: url('/ClientUI/image/etc/luncher_img4.gif') no-repeat;
        width: 825px;
        height: 60px;
        padding-top: 54px;
        text-align: center;
    }

    .luncher_page .footer_box_lucher {
        width: 1106px;
        height: 62px;
        margin: 0 auto 0 auto;
        background: url('/ClientUI/image/etc/luncher_footer.gif') no-repeat;
        overflow: hidden;
        position: relative;
        text-indent: -9000px;
    }


/* main sub cp 충전 이벤트 레이어 */
.layer_cp {
    position: absolute;
    z-index: 100;
    left: -8px;
    top: 162px;
    width: 191px;
    height: 71px;
    background: url(/clientUI/image/main/layer_cp_recharge_event.gif) no-repeat;
}

    .layer_cp div {
        margin: 50px 0 0 10px;
    }

    .layer_cp label {
        display: inline-block;
        padding-top: 1px
    }

    .layer_cp div.btn_close {
        background: url(/clientUI/image/btn/btn_close_s.gif) no-repeat;
        width: 11px;
        height: 11px;
        margin: 2px 5px 0 0; /*float:right; */
        position: absolute;
        right: 5px;
        bottom: 8px;
    }

/* community upload img layer */
.layer_upload_img {
    width: 460px;
    height: 242px;
    position: absolute;
    background: url(/clientUI/image/community/bg_layer_upload_img.jpg) no-repeat;
    z-index: 998
}

    .layer_upload_img .inbox {
        position: relative;
        width: 460px;
        height: 242px;
    }

    .layer_upload_img .btn_close {
        position: absolute;
        right: 28px;
        top: 14px;
    }

    .layer_upload_img .btn_area {
        padding: 50px 0 0 0;
        text-align: center;
    }

    .layer_upload_img fieldset {
        text-align: center;
        padding: 80px 30px 0 20px;
    }

        .layer_upload_img fieldset input {
            width: 294px;
        }

        .layer_upload_img fieldset .t1 {
            padding-bottom: 10px;
        }

            .layer_upload_img fieldset .t1 input {
                width: 295px;
                padding: 0 2px 0 2px;
                height: 21px;
            }

    .layer_upload_img dl dd {
        float: left;
    }

    .layer_upload_img dl dt {
        float: left;
        width: 100px;
        line-height: 24px;
    }

    .layer_upload_img dl {
        overflow: hidden;
    }

.layer_upload_img_review {
    width: 625px;
    min-height: 290px;
    position: absolute;
    background: url(/clientUI/image/community/bg_layer_upload_img_review.jpg) no-repeat;
    z-index: 999;
    overflow: hidden;
}

    .layer_upload_img_review .inbox {
        position: relative;
        width: 625px;
        padding-top: 60px;
    }

    .layer_upload_img_review .btn_close {
        position: absolute;
        right: 28px;
        top: 14px;
    }

    .layer_upload_img_review .btn_area {
        text-align: center;
        padding: 15px 0 25px 0;
        background: url(/clientUI/image/community/bg_layer_upload_img_review.jpg) no-repeat left bottom;
    }

    .layer_upload_img_review .img {
        width: 575px;
        margin: 0 0 10px;
        padding: 0 20px;
        height: 350px;
        overflow-y: auto;
    }


/* community_home write */
.select_board {
    position: absolute;
    background: url(/ClientUI/image/community/btn_select_board.gif) no-repeat left bottom;
    width: 94px;
    height: 137px;
}

    .select_board .inbox {
        position: relative;
    }

    .select_board .btn_close {
        position: absolute;
        right: 3px;
        top: 3px;
        width: 11px;
        height: 10px;
        display: inline-block;
        text-indent: -5000px;
        z-index: 5;
        background: url(../../ClientUI/image/community/btn_close.gif) no-repeat;
    }

        .select_board .btn_close:hover {
            background-position: left bottom
        }

    .select_board ul {
        position: absolute;
        left: 0;
        top: 0;
        z-index: 4;
    }

        .select_board ul li a {
            width: 94px;
            height: 22px;
            background: url(/ClientUI/image/community/btn_select_board.gif) no-repeat;
            text-indent: -5000px;
            display: inline-block;
        }

            .select_board ul li a:hover {
                background-position: right top
            }

            .select_board ul li a:active {
                background-position: right top
            }

        .select_board ul li.b2 a {
            background-position: left -22px;
        }

            .select_board ul li.b2 a:hover {
                background-position: right -22px;
            }

            .select_board ul li.b2 a:active {
                background-position: right -22px;
            }

        .select_board ul li.b3 a {
            background-position: left -44px;
        }

            .select_board ul li.b3 a:hover {
                background-position: right -44px;
            }

            .select_board ul li.b3 a:active {
                background-position: right -44px;
            }

        .select_board ul li.b7 a {
            background-position: left -66px;
        }

            .select_board ul li.b7 a:hover {
                background-position: right -66px;
            }

            .select_board ul li.b7 a:active {
                background-position: right -66px;
            }

        .select_board ul li.b4 a {
            background-position: left -88px;
        }

            .select_board ul li.b4 a:hover {
                background-position: right -88px;
            }

            .select_board ul li.b4 a:active {
                background-position: right -88px;
            }

        .select_board ul li.b5 a {
            background-position: left -110px;
        }

            .select_board ul li.b5 a:hover {
                background-position: right -110px;
            }

            .select_board ul li.b5 a:active {
                background-position: right -110px;
            }

        .select_board ul li.b6 a {
            background-position: left -132px;
            height: 28px;
        }

            .select_board ul li.b6 a:hover {
                background-position: right -132px;
            }

            .select_board ul li.b6 a:active {
                background-position: right -132px;
            }