@charset "utf-8";

/* layout */
#content {
    padding-top: 270px
}

    #content .content_sub {
        position: relative;
        width: 100%
    }

        #content .content_sub .container {
            width: 1178px;
            border-left: 1px solid #F4F4F5;
            border-right: 1px solid #F4F4F5
        }

            #content .content_sub .container:after {
                content: "";
                display: block;
                clear: both
            }

    #content .lnb, #content .content_wrap {
        float: left
    }

.content_sub .content_wrap {
    width: 840px;
    border-left: 1px solid #F4F4F5;
    padding: 55px 49px 80px 50px
}

/* banner */
#content .banner_head {
    height: 345px
}

#content .banner_wrap li a {
    height: 270px
}

#content .banner_nav {
    top: 240px
}

    #content .banner_nav a {
        background: url("/common/spr_btn_sub.png") no-repeat
    }

    #content .banner_nav li {
        margin-right: 5px
    }

    #content .banner_nav a {
        width: 25px;
        height: 10px
    }

    #content .banner_nav .on a {
        width: 30px;
        background-position: -34px 0
    }

/*lnb */
#content .lnb {
    width: 238px;
    border-right: 1px solid #F4F4F5;
    padding-top: 55px;
    margin-right: -1px
}

    #content .lnb h2 {
        height: 71px;
        font-size: 40px;
        color: #424959;
        text-align: center
    }

    #content .lnb ul {
        width: 174px;
        border-top: 1px solid #F5F5F6;
        margin: 0 34px 0 30px
    }

    #content .lnb li {
        border-bottom: 1px solid #F5F5F6
    }

        #content .lnb li a {
            display: block;
            height: 49px;
            line-height: 51px;
            color: #666;
            font-weight: lighter;
            background: url("/common/blt_lnb.png") 12px 50% no-repeat;
            font-size: 16px;
            padding-left: 25px
        }

            #content .lnb li a:hover, #content .lnb .on a {
                color: #4ba5dc;
                background-position: -184px 50%
            }

        #content .lnb li .window {
            display: inline-block;
            width: 10px;
            height: 10px;
            background: url("/common/icon_lnb_window.png") no-repeat;
            vertical-align: middle;
            margin: 0 0 2px 3px
        }

        #content .lnb li a:hover .window {
            background-position: 0 100%
        }

/* common */
.board_wrap, .cash_wrap, .rank_wrap, .bill_wrap {
    font-weight: lighter
}

    .content_wrap .tag, .board_wrap .category, .content_wrap .server {
        height: 19px;
        line-height: 20px;
        text-align: center
    }

    .board_wrap .job, .board_wrap .category, .content_wrap .tag {
        width: 50px;
        color: #fff;
        font-size: 12px
    }

.content_wrap .server {
    min-width: 35px;
    max-width: 35px;
    font-size: 10px;
    white-space: nowrap;
    color: #84827a;
    background: #F1F1F1
}

    .content_wrap .server.baspo {
        color: #8bbdda;
        background: #E3F3FF
    }

    .content_wrap .server.test {
        color: #84827a;
        background: #F1F1F1
    }

    .content_wrap .server.juen {
        color: #bf79e0;
        background: #F6EDFA
    }

button .count {
    display: block;
    color: #ffd147;
    font-size: 12px
}

.sub .time.icon {
    background: url("/common/blt_time_sub.png") 0 50% no-repeat
}

.table1 {
    width: 100%;
    border-top: 2px solid #49A2CB;
    border-bottom: 2px solid #49A2CB
}

span.keyword {
    color: #43a6ee;
    font-weight: bold;
    vertical-align: baseline
}

.table1 th, .table1 td {
    font-size: 13px
}

.table1 th, .rank_wrap .rank_table th {
    background: #F5FBFC;
    color: #49a2cb;
    font-size: 13px
}

.table1 thead th, .rank_wrap .rank_table th, .table1.table_col td {
    height: 50px
}

.table1 td, .table1 tbody th, .rank_server .rank_table td {
    border-bottom: 1px solid #e5e5e5
}

.table1 td {
    color: #666;
    font-weight: normal;
    line-height: 17px
}

.table1.table_col td {
    text-align: center
}

.rank_wrap .rank_table th span, .table1 th span {
    position: relative;
    display: block
}

    .rank_wrap .rank_table th span:after, .table1 th span:after {
        position: absolute;
        top: 50%;
        right: 0;
        content: "";
        display: block;
        clear: both;
        width: 1px;
        height: 10px;
        background: #9FCEE3;
        margin-top: -5px
    }

.table1 td.no_result, .rank_server td.no_result {
    font-size: 16px;
    color: #333;
    font-weight: lighter;
    line-height: 1.2
}

.content_wrap .h_blt {
    font-size: 13px;
    color: #43a6ee;
    font-weight: bold
}

    .content_wrap .h_blt span {
        display: inline-block;
        *zoom: 1;
        vertical-align: middle;
        width: 15px;
        height: 15px;
        background: url("/common/blt_h_info.png") no-repeat;
        margin-right: 4px
    }

.content_wrap .border_box {
    border: 1px solid #D6D6D6;
    border-radius: 10px
}

.content_wrap .text_area button {
    width: 75px;
    height: 70px;
    background: #466385;
    color: #fff;
    font-size: 18px;
    font-weight: lighter;
    line-height: 1.3
}

    .content_wrap .text_area button:hover {
        background: #2B2D35
    }

.placeholdersjs {
    color: #333
}

::-webkit-input-placeholder {
    color: #333
}

::-moz-placeholder {
    color: #333
}

:-moz-placeholder {
    color: #333
}

:-ms-input-placeholder {
    color: #333
}

/* button */
.content_wrap .btn_blue {
    background: #43A6EE;
    text-align: center;
    color: #fff
}

    .content_wrap .btn_blue:hover {
        background: #4384ee
    }

/* tab */
.tab1 {
    position: relative;
    margin-bottom: 30px
}

    .tab1 ul {
        display: table;
        width: 839px;
        table-layout: fixed;
        border: 1px solid #E2E2E2;
        border-right: 0 none
    }

    .tab1 li {
        display: table-cell;
        text-align: center;
        *float: left;
        border-right: 1px solid #e2e2e2
    }

        .tab1 li a {
            position: relative;
            display: block;
            height: 48px;
            line-height: 49px;
            color: #404040;
            font-size: 16px;
            font-weight: normal;
            *padding: 0 10px
        }

    .tab1 .on a {
        background: #43A6EE;
        color: #fff;
        border: 1px solid #43A6EE;
        z-index: 1;
        margin: -1px
    }

    .tab1 .tab_float {
        display: block;
        width: auto;
        border-right: 1px solid #e2e2e2;
        *zoom: 1
    }

        .tab1 .tab_float:after {
            content: "";
            display: block;
            clear: both
        }

        .tab1 .tab_float li {
            float: left;
            width: 167px
        }

    .tab1 li div {
        display: none;
        position: absolute;
        top: 49px;
        left: 0;
        width: 820px;
        background: #F9F9F9;
        border-top: 1px solid #404040;
        border-bottom: 1px solid #E4E4E4;
        z-index: 1;
        padding: 13px 10px 11px
    }

    .tab1 .on div {
        display: block
    }

    .tab1 li ul {
        display: block;
        width: auto;
        overflow: hidden;
        border: 0 none
    }

    .tab1 li li {
        float: left;
        background: url("/common/blt_tab1_depth2.gif") 0 6px no-repeat;
        border: 0 none;
        margin-left: -1px
    }

    .tab1 .on li a {
        font-size: 14px;
        color: #999;
        height: auto;
        line-height: 25px;
        border: 0 none;
        font-weight: lighter;
        background: none;
        margin: 0;
        padding: 0 11px
    }

        .tab1 .on .on a, .tab1 .on li a:hover {
            color: #43a6ee
        }

.tab2 ul {
    overflow: hidden
}

.tab2 li, .tab2 .on a {
    background: url("/common/spr_blt_tab3.png") no-repeat
}

.tab2 li {
    float: left;
    background-position: 100% -89px;
    padding-right: 1px
}

    .tab2 li a {
        color: #666;
        padding: 0 15px
    }

        .tab2 li a:hover {
            color: #43a6ee
        }

.tab2 .on a {
    color: #43a6ee;
    background-position: 0 3px;
    margin-left: 14px
}

/* content title */
.content_sub .content_title {
    position: relative;
    font-size: 0;
    padding-right: 200px;
    margin-bottom: 31px
}

    .content_sub .content_title h3 {
        color: #43a6ee;
        font-size: 40px;
        margin-right: 15px
    }

    .content_sub .content_title p {
        display: none;
        color: #999;
        font-size: 14px;
        font-weight: lighter;
        line-height: 20px
    }

    .content_sub .content_title .location {
        position: absolute;
        right: 0;
        bottom: 2px;
        overflow: hidden
    }

        .content_sub .content_title .location .home a, .content_sub .content_title .location .arrow {
            background: url("/common/spr_blt_location.png") no-repeat
        }

        .content_sub .content_title .location li {
            float: left;
            font-size: 12px
        }

            .content_sub .content_title .location li, .content_sub .content_title .location li a {
                color: #999
            }

                .content_sub .content_title .location li a:hover {
                    color: #666
                }

        .content_sub .content_title .location .home {
            margin-right: 4px
        }

            .content_sub .content_title .location .home a {
                display: block;
                width: 13px;
                height: 11px
            }

        .content_sub .content_title .location .arrow {
            display: inline-block;
            *zoom: 1;
            vertical-align: middle;
            width: 5px;
            height: 10px;
            background-position: 0 -33px;
            margin: 0 7px
        }

/* board footer */
.board_footer {
    position: relative;
    *zoom: 1;
    padding-top: 20px
}

    .board_footer:after {
        content: "";
        display: block;
        clear: both
    }

    .board_footer .board_btn {
        float: right
    }

        .board_footer .board_btn a, .board_footer .board_btn button {
            display: inline-block;
            *zoom: 1;
            height: 32px;
            font-size: 14px;
            padding: 0 15px;
            margin-left: 4px
        }

        .board_footer .board_btn a {
            min-width: 46px;
            line-height: 32px
        }

        .board_footer .board_btn button {
            min-width: 76px;
            font-weight: lighter;
            padding-bottom: 2px
        }

        .board_footer .board_btn .btn_gray {
            background: #5E6570;
            color: #fff;
            text-align: center
        }

            .board_footer .board_btn .btn_gray:hover {
                background: #2b2d35
            }

/* board search  */
.board_search, .search_right {
    position: relative;
    *zoom: 1
}

    .board_search:after, .search_right:after {
        content: "";
        display: block;
        clear: both
    }

    .board_footer .select, .board_footer label, .board_search .select, .board_search label {
        background: url("/common/blt_search_label.gif") 100% 50% no-repeat
    }

    .board_footer .select, .board_footer input, .board_footer .btn_search, .board_footer label, .board_search .select, .board_search input, .board_footer .btn_search, .board_search label {
        float: left
    }

        .board_footer .select a, .board_footer input.text, .board_search .select a, .board_search input.text {
            color: #333;
            font-size: 12px
        }

    .board_footer .select, .board_search .select {
        width: 87px;
        border: 1px solid #E3E3E3;
        border-right: 0
    }

        .board_footer .select .default, .board_search .default {
            padding: 0 0 0 11px
        }

            .board_footer .select .default span, .board_search .select .default span {
                height: 30px;
                line-height: 30px;
                background: url("/common/blt_select_board.png") 46px 50% no-repeat
            }

        .board_footer .select.active .default, .board_search .select.active .default {
            border-right: 1px solid #e3e3e3
        }

            .board_footer .select.active .default span, .board_search .select.active .default span {
                border-right: 0 none
            }

        .board_footer .select .option, .board_search .select .option, .board_write .write_bug td .select .option {
            top: 30px;
            left: -1px;
            border: 1px solid #e3e3e3;
            border-top: 0 none;
            background: #fff;
            padding-top: 1px
        }

        .board_footer .select .option, .board_search .select .option {
            right: 0
        }

            .board_footer .select .option li a, .board_search .select .option li a, .board_write .write_bug td .select li a {
                height: 30px;
                line-height: 30px;
                padding-left: 11px
            }

                .board_footer .select .option li a:hover, .board_search .select .option li a:hover, .board_write .write_bug td .select li a:hover {
                    background: #F5F5F5
                }

    .board_footer label, .board_search label {
        position: relative;
        min-width: 58px;
        border: 1px solid #E3E3E3;
        border-right: 0 none;
        font-size: 12px;
        line-height: 30px;
        padding: 0 18px 0 11px
    }

    .board_footer input.text, .board_search input.text {
        width: 220px;
        height: 30px;
        line-height: 30px;
        border-top: 1px solid #E3E3E3;
        border-bottom: 1px solid #E3E3E3;
        padding-left: 11px
    }

    .board_footer .btn_search, .board_search .btn_search {
        width: 55px;
        height: 32px;
        background: #899DB8;
        text-align: center;
        color: #fff;
        font-weight: lighter
    }

        .board_footer .btn_search:hover, .board_search .btn_search:hover {
            background: #466385
        }

    .search_right .board_search {
        float: right
    }

/* test_s_bug */
.board_footer .test_s_bug {
    position: absolute;
    top: 18px;
    right: 0;
}

    .board_footer .test_s_bug a.teb_btn {
        display: block;
        height: 32px;
        padding: 0 15px;
        background: #5e6570;
        line-height: 34px;
        color: #fff;
    }

/* board pager */
.board_pager {
    position: relative;
    height: 33px;
    border-top: 1px solid #E5E5E5;
    border-bottom: 1px solid #E6E6E6;
    font-size: 0;
    text-align: center;
    line-height: 33px;
    padding: 0 69px;
    margin-top: 30px
}

    .board_pager button {
        position: absolute;
        top: -1px;
        width: 35px;
        height: 35px;
        border: 1px solid #E5E5E5;
        background: url("/common/spr_btn_board_pager.png") no-repeat;
        text-indent: -99999px;
        overflow: hidden
    }

        .board_pager button:hover {
            border-color: #999
        }

    .board_pager .btn_first:hover, .board_pager .btn_next:hover {
        z-index: 1
    }

    .board_pager .btn_first {
        left: 0
    }

        .board_pager .btn_first:hover {
            background-position: 0 -70px
        }

    .board_pager .btn_prev {
        left: 34px;
        background-position: -35px 0
    }

        .board_pager .btn_prev:hover {
            background-position: -35px -70px
        }

    .board_pager .btn_next {
        right: 34px;
        background-position: 0 -35px
    }

        .board_pager .btn_next:hover {
            background-position: 0 -105px
        }

    .board_pager .btn_last {
        right: 0;
        background-position: -35px -35px
    }

        .board_pager .btn_last:hover {
            background-position: -35px -105px
        }

    .board_pager .on, .board_pager a {
        display: inline-block;
        *zoom: 1;
        vertical-align: middle;
        line-height: 22px;
        color: #999;
        font-size: 15px;
        font-family: 'UniversLTStd', sans-serif;
        padding: 0 3px;
        margin: 0 4px
    }

        .board_pager .on, .board_pager a:hover {
            color: #ffa91a
        }

/* 게시판 공통*/
.board_wrap .board {
    border-top: 2px solid #9A9BA0;
    border-bottom: 2px solid #9A9BA0
}

.board_wrap table {
    width: 100%;
    *table-layout: fixed
}

.board_wrap .category, .board_wrap .server, .board_wrap .figure_job, .board_wrap .view, .board_wrap .time, .board .new, .board_wrap .poll, .board_wrap .job, .board_wrap .like {
    display: inline-block;
    *zoom: 1
}

.board_wrap .category, .board_wrap .job {
    background: #8991A4
}

.board_wrap .view, .board_wrap .poll, .board_wrap .like {
    font-family: 'UniversLTStd', sans-serif
}

.board_wrap .view, .board_wrap .time, .board_wrap .new, .board_wrap .poll, .board_list .like {
    background: url("/common/spr_icon_board.png") no-repeat
}

.board_wrap .view, .board_wrap .time, .board_wrap .td_poll .poll {
    color: #b2b2b2;
    font-size: 11px
}

.board_wrap .view {
    background-position: 0 -43px;
    padding-left: 16px
}

.board_wrap .time {
    background-position: 0 -79px;
    padding-left: 11px
}

.board_wrap .category.checking, .board_wrap .category.poll {
    background: #FF9F00
}

.board_wrap .category.cashshop, .board_img .board_event .thumbnail .category.event {
    background: #9F4FFF
}

.board_wrap .category.update {
    background: #628DFE
}

.board_wrap li .server, .bill_list li .server {
    min-width: 30px;
    height: 14px;
    line-height: 14px
}

.board_wrap .nickname {
    color: #808080;
    font-size: 12px
}

.board_wrap .figure_job {
    width: 30px;
    height: 30px;
    margin-right: 10px
}

.board_wrap .comment {
    color: #ffa91a;
    font-size: 16px;
    margin-left: 5px
}

.board_wrap .new {
    width: 18px;
    height: 18px;
    margin-left: 5px
}

.board_wrap .board_pager {
    margin-top: 33px
}

.board_wrap .job {
    height: 19px;
    line-height: 20px;
    text-align: center
}

.board_wrap .like {
    border: 1px solid
}

    .board_wrap .like.good {
        color: #ff8c42
    }

    .board_wrap .like.bad {
        color: #899db8;
        margin-left: -1px
    }

/* 게시판 list */
.board_list table td {
    height: 58px;
    border-bottom: 1px solid #E5E5E5
}

    .board_list table td a, .board_wrap table td span {
        vertical-align: middle
    }

.board_list table .td_info {
    font-size: 0
}

.board_list table .td_title {
    font-size: 0;
    line-height: 18px
}

    .board_list table .td_title a, .board_list table .td_title .comment {
        display: inline-block;
        *zoom: 1;
        margin-top: 1px
    }

    .board_list table .td_title a {
        font-size: 16px;
        text-overflow: ellipsis;
        word-wrap: break-word;
        white-space: nowrap;
        overflow: hidden;
        vertical-align: middle
    }

        .board_list table .td_title a:hover {
            text-decoration: underline
        }

    .board_list table .td_title .keyword {
        vertical-align: baseline
    }

.board_list table .td_view {
    width: 54px
}

.board_list table .td_time {
    width: 65px
}

.board_list table .td_nolist {
    height: 298px
}

.board_list table td .server {
    margin-right: 10px
}

.col3_admin .td_title {
    padding-left: 10px
}

    .col3_admin .td_title a {
        max-width: 590px
    }

.col4_admin .td_info {
    width: 66px;
    text-align: center
}

.col4_admin .td_title {
    padding-left: 2px
}

    .col4_admin .td_title a {
        max-width: 540px
    }

.col4_commu .tr_admin td {
    border-bottom: 2px solid #9A9BA0
}

.col4_commu .td_info {
    padding-left: 10px
}

.col4_commu .td_info {
    width: 178px
}

.col4_commu .td_title a {
    max-width: 410px
}

.col4_catg .td_info {
    width: 188px
}

.board_ps {
    background: url("/common/blt_rank_ps.gif") 0 2px no-repeat;
    font-size: 12px;
    color: #666;
    padding-left: 10px;
    margin-bottom: 9px
}

/* 지식인 */
.tab_knwl {
    overflow: hidden;
    margin-bottom: 12px;
    padding-top: 2px
}

    .tab_knwl ul {
        float: right;
        margin-right: -15px
    }

.col_knwl .td_info {
    width: 190px
}

.col_knwl .td_title {
    width: 453px
}

    .col_knwl .td_title a {
        max-width: 355px
    }

.col_knwl .board .knwl {
    display: inline-block;
    *zoom: 1;
    font-size: 12px;
    width: 56px;
    height: 13px;
    border-right: 1px solid #E7E9ED;
    text-align: center;
    margin-right: 21px
}

    .col_knwl .board .knwl.best {
        color: #c177ff
    }

    .col_knwl .board .knwl.solved {
        color: #ffa91a
    }

    .col_knwl .board .knwl.unsolved {
        color: #808080
    }

/* 공감댓글 */
.col4_admin .td_poll {
    width: 54px
}

    .col4_admin .td_poll .poll {
        background-position: 0 -190px;
        padding-left: 12px
    }

.board_wrap .poll_header {
    position: relative;
    border: 5px solid #ECECEC;
    padding: 30px 160px 30px 30px;
    margin-bottom: 30px
}

    .board_wrap .poll_header .h4_wrap {
        border-bottom: 1px solid #E5E5E5;
        font-size: 0;
        padding-bottom: 25px;
        margin-bottom: 20px
    }

        .board_wrap .poll_header .h4_wrap .category, .board_wrap .poll_header .h4_wrap h4 {
            vertical-align: top
        }

        .board_wrap .poll_header .h4_wrap .category {
            margin-right: 8px
        }

        .board_wrap .poll_header .h4_wrap h4 {
            display: inline-block;
            *display: inline;
            *zoom: 1;
            font-size: 16px;
            line-height: 1.2;
            font-weight: lighter;
            max-width: 570px
        }

            .board_wrap .poll_header .h4_wrap h4 a:hover {
                text-decoration: underline
            }

.board_view .poll_info {
    border-top: 1px solid #E5E5E5;
    padding-top: 25px;
    margin-top: 30px
}

.board_wrap .poll_info dl {
    overflow: hidden
}

.board_wrap .poll_info dt, .board_wrap .poll_info dd {
    float: left;
    line-height: 28px
}

.board_wrap .poll_info dt {
    font-size: 16px;
    height: 28px;
    background: url("/common/spr_blt_poll.png") no-repeat;
    padding-left: 38px;
    margin-right: 6px
}

.board_wrap .poll_info .dt_number {
    background-position: 0 -32px
}

.board_wrap .poll_info dd {
    font-size: 18px;
    color: #ff9c00;
    font-family: 'UniversLTStd', sans-serif;
    margin-right: 58px
}

.board_wrap .poll_header .poll_btn {
    position: absolute;
    top: 50%;
    right: 30px;
    width: 99px;
    height: 86px;
    margin-top: -43px
}

    .board_wrap .poll_header .poll_btn a {
        display: block;
        width: 100%;
        height: 100%;
        color: #fff;
        font-size: 18px;
        line-height: 86px;
        text-align: center;
        background: #466385
    }

        .board_wrap .poll_header .poll_btn a:hover {
            background: #2A2D34
        }

    .board_wrap .poll_header .poll_btn .cover {
        display: none
    }

    .board_wrap .poll_header .poll_btn.disabled a {
        background: #6C6C6C
    }

    .board_wrap .poll_header .poll_btn.disabled .cover {
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%
    }

.board_view .view_title.title_poll h4 {
    max-width: 770px
}

.board_view p + .poll_box {
    margin-top: 34px
}

.poll_box ul {
    line-height: 1.4;
    border: 5px solid #ECECEC;
    padding: 45px;
    margin: 0 auto
}

.poll_box li {
    position: relative;
    min-height: 24px;
    margin-bottom: 17px;
    word-break: keep-all;
    padding: 9px 186px 0 0
}

.poll_box .radio {
    display: block
}

    .poll_box .radio label {
        display: block;
        padding-left: 28px
    }

.poll_box li .graph {
    position: absolute;
    top: 0;
    right: 0;
    width: 166px;
    height: 33px;
    background: #F9F9FA;
    overflow: hidden
}

    .poll_box li .graph .num {
        position: relative;
        display: block;
        text-align: right;
        font-size: 12px;
        color: #666;
        line-height: 34px;
        padding-right: 10px
    }

    .poll_box li .graph .per {
        position: absolute;
        right: 0;
        top: 0;
        height: 100%;
        background: #D7DDE6
    }

        .poll_box li .graph .per.top {
            background: #FF9F0E
        }

.poll_box .btn_submit {
    display: block;
    width: 125px;
    height: 32px;
    color: #fff;
    font-weight: lighter;
    background: #43A6EE;
    margin: 18px auto 0
}

    .poll_box .btn_submit:hover {
        background: #4484EE
    }

/* 밸런스 게시판 */
.col5_balance .td_info {
    width: 168px;
    padding-left: 10px
}

.col5_balance .td_title a {
    max-width: 312px
}

.col5_balance .td_like {
    width: 122px;
    font-size: 0
}

    .col5_balance .td_like .like {
        width: 24px;
        height: 25px;
        line-height: 27px;
        font-size: 11px;
        padding-left: 27px
    }

        .col5_balance .td_like .like.good {
            position: relative;
            border-color: #FFE9DB;
            background-position: 9px -283px
        }

        .col5_balance .td_like .like.bad {
            border-color: #E3E9F2;
            background-position: 9px -339px
        }

/* 이미지 게시판 */
.board_img .board {
    overflow: hidden;
    border: 0 none
}

    .board_img .board ul {
        overflow: hidden;
        margin-right: -19px
    }

    .board_img .board li {
        float: left;
        width: 320px;
        font-size: 0;
        margin-right: 19px;
        padding-bottom: 20px
    }

    .board_img .board .thumbnail {
        position: relative;
        display: block;
        width: 100%;
        height: 205px;
        font-size: 0;
        text-align: center
    }

        .board_img .board .thumbnail:after {
            content: "";
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            border: 1px solid rgba(0,0,0,0.05)
        }

        .board_img .board .thumbnail img, .board_img .board .thumbnail .align {
            display: inline-block;
            *zoom: 1;
            vertical-align: middle
        }

        .board_img .board .thumbnail img {
            width: 100%;
            height: 100%
        }

        .board_img .board .thumbnail .align {
            height: 100%
        }

    .board_img .board .text_wrap {
        border: 1px solid #F1F1F1;
        border-top: 0 none;
        padding: 22px 10px 23px 19px
    }

        .board_img .board .text_wrap div {
            font-size: 0
        }

        .board_img .board .text_wrap .text_title {
            padding-bottom: 5px
        }

            .board_img .board .text_wrap .text_title span {
                display: inline-block;
                *zoom: 1;
                vertical-align: middle
            }

        .board_img .board .text_wrap .title {
            overflow: hidden;
            text-overflow: ellipsis;
            word-wrap: break-word;
            color: #666;
            font-size: 16px;
            line-height: 17px;
            white-space: nowrap;
            max-width: 179px
        }

    .board_img .board .text_info span {
        vertical-align: middle
    }

    .board_img .board .nickname {
        margin: 0 15px 0 3px
    }

    .board_img .board .time {
        margin-right: 13px
    }

.board_img .board_footer {
    padding-top: 0
}

.board_img dl {
    line-height: 13px;
    overflow: hidden;
    margin-top: 7px
}

.board_img dt, .board_img dd {
    float: left
}

.board_img dt {
    width: 30px;
    height: 13px;
    background: #F0F0F0;
    text-align: center;
    color: #666;
    font-weight: normal;
    font-size: 10px;
    margin-right: 5px
}

.board_img dd {
    color: #b2b2b2;
    font-size: 12px;
    font-family: 'UniversLTStd', sans-serif
}

/* 이벤트 게시판 */
.board_img .board_event .text_wrap .title {
    max-width: 100%
}

.board_img .board_event .thumbnail {
    background: #EAEAEA
}

    .board_img .board_event .thumbnail img {
        width: auto;
        height: auto
    }

    .board_img .board_event .thumbnail .category {
        position: absolute;
        top: 0;
        left: 0
    }

.board_img .board_event .event_time {
    padding-top: 7px
}

@media screen and (min-width:0vw), (-ms-high-contrast: active), (-ms-high-contrast: none) {

    /* 리스트형 게시판 */
    .board_list table {
        border-collapse: separate
    }

        .board_list table tr:last-child td {
            border-bottom: 0 none
        }

    .board_list .td_title {
        display: inline-flex;
        align-items: center;
        padding-right: 20px
    }

        .board_list .td_title a {
            flex: 0 1 auto;
            max-width: 100%
        }

        .board_list .td_title .comment, .board_list .td_title .new {
            flex: none
        }

    .col4_commu .td_title {
        width: 513px
    }

    .col5_balance .td_title {
        width: 401px
    }

    .col_knwl .td_title {
        width: 433px
    }

    .col3_admin .td_title {
        width: 691px
    }

    .col4_admin .td_title {
        width: 633px
    }

    /* 이미지형 게시판 */
    .board_img .board .text_title {
        display: inline-flex;
        width: 227px
    }

        .board_img .board .text_title .title {
            flex: 0 1 auto;
            max-width: 100%
        }

        .board_img .board .text_title .comment {
            flex: none
        }
}

/* 게시판 list 내용 없을 때 */
.list_empty .msg {
    height: 298px;
    text-align: center
}

.list_empty p {
    font-size: 16px
}

/* 게시판 view */
.board_view .view_title {
    position: relative;
    border-bottom: 2px solid #9A9BA0;
    font-size: 0;
    padding: 29px 0 26px 0
}

    .board_view .view_title .text_info .view {
        margin-right: 22px
    }

    .board_view .view_title .category, .board_view .view_title h4 {
        vertical-align: top
    }

    .board_view .view_title .category, .board_view .view_title .job {
        margin: 1px 8px 0 0
    }

    .board_view .view_title h4 {
        display: inline-block;
        *display: inline;
        *zoom: 1;
        max-width: 600px;
        word-wrap: break-word;
        font-size: 20px;
        line-height: 1.2;
        font-weight: lighter
    }

    .board_view .view_title .new {
        vertical-align: top;
        margin-top: 1px
    }

.board_view .view_btn {
    font-size: 0
}

    .board_view .view_btn .btn_link, .board_view .like_btn button {
        background-image: url("/common/spr_btn_board_view.png");
        background-repeat: no-repeat
    }

    .board_view .view_btn a {
        display: inline-block;
        *zoom: 1;
        height: 32px;
        line-height: 32px;
        background-color: #899DB8;
        color: #fff;
        font-size: 12px;
        text-align: center;
        min-width: 32px
    }

        .board_view .view_btn a:hover {
            background-color: #466385
        }

.board_view .view_title .view_btn {
    position: absolute;
    right: 0;
    bottom: 23px
}

.board_view .board_footer .view_btn a {
    margin-right: 5px
}

.board_view .view_btn .btn_scrap {
    padding: 0 10px
}

.board_view .board_content {
    min-height: 240px;
    font-size: 16px;
    color: #666;
    line-height: 1.5;
    word-wrap: break-word;
    padding: 30px 0
}

    .board_view .board_content img {
        max-width: 840px
    }

.board_view .title_admin {
    padding-left: 8px
}

    .board_view .title_admin .text_info {
        position: absolute;
        top: 35px;
        right: 10px
    }

.board_view .title_commu {
    min-height: 103px;
    padding-left: 167px
}

    .board_view .title_commu .h4_wrap {
        border-bottom: 1px solid #E5E5E5;
        padding-bottom: 26px;
        margin-bottom: 27px
    }

    .board_view .title_commu .figure_char {
        position: absolute;
        top: 14px;
        left: 15px;
        width: 130px;
        height: 130px;
        border-radius: 100%
    }

        .board_view .title_commu .figure_char .level {
            position: absolute;
            right: 0;
            top: 44px;
            width: 44px;
            height: 19px;
            border-bottom: 1px solid #fff;
            color: #fff;
            font-size: 16px;
            padding-bottom: 2px
        }

    .board_view .title_commu .nickname {
        margin: 0 15px 0 5px
    }

    .board_view .title_commu .view_btn a {
        margin-left: 5px
    }

    .board_view .title_commu .view_btn .btn_author {
        height: 30px;
        background: #fff;
        color: #808080;
        border: 1px solid #E5E5E5;
        padding: 0 10px
    }

        .board_view .title_commu .view_btn .btn_author:hover {
            border-color: #999;
            color: #333
        }

.board_view .like_btn {
    font-size: 0
}

    .board_view .like_btn button:hover, .board_view .like_btn button.on {
        color: #fff
    }

.board_content .like_btn {
    text-align: center;
    margin: 60px 0 20px
}

    .board_content .like_btn button {
        width: 100px;
        height: 46px;
        border-color: #E5E5E5;
        font-size: 14px;
        padding-left: 27px
    }

    .board_content .like_btn .good {
        background-position: 20px -255px
    }

        .board_content .like_btn .good:hover, .board_content .like_btn .good.on {
            position: relative;
            background-color: #FF8C42;
            border-color: #FF8C42;
            background-position: 20px -322px
        }

    .board_content .like_btn .bad {
        background-position: 20px -388px
    }

        .board_content .like_btn .bad:hover, .board_content .like_btn .bad.on {
            background-color: #8A9EB9;
            border-color: #8A9EB9;
            background-position: 20px -455px
        }

.board_footer .view_btn {
    float: left
}

/* 게시판 댓글 */
.board_comment {
    margin: 40px 0 -5px
}

    .board_comment .btn_del, .board_comment .btn_best span {
        background: url("/common/spr_btn_board_view.png") no-repeat
    }

    .board_comment .dl_cmt {
        font-size: 0;
        margin-bottom: 7px
    }

        .board_comment .dl_cmt dt, .board_comment .dl_cmt dd {
            display: inline-block;
            *display: inline;
            *zoom: 1;
            font-size: 14px;
            vertical-align: top
        }

        .board_comment .dl_cmt dt {
            color: #353842;
            margin-right: 5px
        }

        .board_comment .dl_cmt dd {
            font-family: 'UniversLTStd', sans-serif;
            color: #ff9c00
        }

    .board_comment .text_area {
        height: 70px;
        overflow: hidden;
        margin-bottom: 30px
    }

        .board_comment .text_area .text_wrap, .board_comment .text_area button {
            float: left
        }

        .board_comment .text_area .text_wrap {
            background: #f2f2f2;
            width: 733px;
            height: 70px;
            padding: 10px 12px 10px 20px;
            box-sizing: border-box;
        }

        .board_comment .text_area textarea {
            display: block;
            width: 100%;
            color: #86867e;
            font-size: 16px;
            line-height: 1.5;
            border: 0 none;
            background: none;
            resize: none;
            overflow-y: auto;
            height: 50px;
            font-weight: lighter
        }

            .board_comment .text_area textarea:focus {
                outline: 0
            }

        .board_comment .text_area .placeholdersjs {
            color: #86867e
        }

        .board_comment .text_area textarea::placeholder {
            color: #86867e
        }

        .board_comment .text_area textarea::-moz-placeholder {
            color: #86867e
        }

        .board_comment .text_area textarea:-moz-placeholder {
            color: #86867e
        }

        .board_comment .text_area textarea:-ms-input-placeholder {
            color: #86867e
        }

    .board_comment ul {
        border-top: 1px solid #E5E5E5
    }

    .board_comment li {
        position: relative;
        overflow: hidden;
        border-bottom: 1px solid #E5E5E5;
        padding: 15px 0 15px 11px
    }

        .board_comment li .cmt_info, .board_comment li p {
            float: left
        }

        .board_comment li .cmt_info {
            position: relative;
            width: 110px;
            font-size: 0;
            height: 29px;
            padding: 1px 0 0 40px
        }

            .board_comment li .cmt_info .figure_job {
                position: absolute;
                top: 0;
                left: 0
            }

            .board_comment li .cmt_info .time {
                display: block;
                margin-top: 4px
            }

        .board_comment li .server {
            margin-right: 4px
        }

        .board_comment li p {
            width: 590px;
            color: #666;
            word-wrap: break-word;
            line-height: 21px;
            padding: 5px 0 3px
        }

    .board_comment .btn_del {
        display: inline-block;
        *zoom: 1;
        width: 17px;
        height: 17px;
        border: 1px solid #E5E5E5;
        background-position: 0 -47px;
        vertical-align: top;
        margin-top: 1px
    }

        .board_comment .btn_del:hover {
            border-color: #999
        }

    .board_comment .cmt_best {
        background: #F9FDFF
    }

    .board_comment li .best {
        display: inline-block;
        *zoom: 1;
        color: #43a6ee;
        vertical-align: middle;
        font-size: 11px;
        height: 11px;
        line-height: 12px;
        border-right: 1px solid #ACD3EF;
        padding-right: 9px;
        margin: 0 8px 2px 0
    }

    .board_comment .btn_best {
        position: absolute;
        top: 18px;
        right: 0;
        border: 1px solid #43A6EE;
        color: #43a6ee;
        height: 23px;
        font-size: 11px;
        line-height: 23px;
        padding: 0 7px
    }

        .board_comment .btn_best span {
            display: block;
            background-position: 0 -101px;
            padding-left: 16px
        }

        .board_comment .btn_best:hover {
            color: #4384ee;
            border-color: #4384EE
        }

            .board_comment .btn_best:hover span {
                background-position: 0 -166px
            }

    .board_comment .comment_pager {
        font-size: 0;
        text-align: center;
        padding-top: 16px
    }

        .board_comment .comment_pager button, .board_comment .comment_pager .on, .board_comment .comment_pager a {
            height: 22px;
            display: inline-block;
            *zoom: 1;
            vertical-align: middle
        }

        .board_comment .comment_pager button {
            width: 22px;
            background: url("/common/spr_btn_board_pager.png") no-repeat
        }

        .board_comment .comment_pager .btn_first {
            background-position: -3px -6px
        }

            .board_comment .comment_pager .btn_first:hover {
                background-position: -3px -76px
            }

        .board_comment .comment_pager .btn_prev {
            background-position: -41px -6px;
            margin-right: 5px
        }

            .board_comment .comment_pager .btn_prev:hover {
                background-position: -41px -76px
            }

        .board_comment .comment_pager .btn_next {
            background-position: -5px -41px;
            margin-left: 5px
        }

            .board_comment .comment_pager .btn_next:hover {
                background-position: -5px -110px
            }

        .board_comment .comment_pager .btn_last {
            background-position: -42px -41px
        }

            .board_comment .comment_pager .btn_last:hover {
                background-position: -42px -110px
            }

        .board_comment .comment_pager .on, .board_comment .comment_pager a {
            color: #999;
            font-size: 15px;
            font-family: 'UniversLTStd', sans-serif;
            line-height: 22px;
            padding: 0 3px;
            margin: 0 4px
        }

            .board_comment .comment_pager .on, .board_comment .comment_pager a:hover {
                color: #ffa91a
            }

    .board_comment .like_btn {
        position: absolute;
        top: 20px;
        right: 10px
    }

        .board_comment .like_btn + p {
            width: 561px
        }

        .board_comment .like_btn button {
            position: relative;
            width: 42px;
            height: 19px;
            border: 0 none;
            font-size: 12px;
            text-align: left;
            padding-left: 19px
        }

        .board_comment .like_btn .good {
            color: #ff7171;
            background-position: 0 -530px;
            margin-right: 5px
        }

            .board_comment .like_btn .good:hover, .board_comment .like_btn .good.on {
                background-position: 0 -559px
            }

        .board_comment .like_btn .bad {
            color: #899cba;
            background-position: 0 -588px
        }

            .board_comment .like_btn .bad:hover, .board_comment .like_btn .bad.on {
                background-position: 0 -617px
            }

.board_move {
    margin-top: 40px
}

    .board_move ul {
        width: 100%;
        border-left: 1px solid #E6E6E6;
        *zoom: 1
    }

        .board_move ul:after {
            content: "";
            display: block;
            clear: both
        }

    .board_move li {
        float: left;
        width: 50%
    }

        .board_move li a {
            position: relative;
            display: block;
            height: 57px;
            border: 1px solid #E6E6E6;
            border-left: 0 none
        }

            .board_move li a:hover {
                border: 1px solid #999;
                margin-left: -1px
            }

        .board_move li .title {
            display: block;
            height: 57px;
            line-height: 58px;
            width: 320px;
            overflow: hidden;
            text-overflow: ellipsis;
            word-wrap: break-word;
            white-space: nowrap;
            font-size: 16px;
            margin-left: 19px
        }

        .board_move li .sort {
            position: absolute;
            top: 20px;
            width: 57px;
            height: 17px;
            line-height: 18px;
            background: #666;
            color: #fff;
            font-size: 12px
        }

    .board_move .board_prev a {
        padding-left: 64px
    }

    .board_move .board_prev .sort {
        left: -1px;
        text-align: right;
        padding-right: 8px
    }

    .board_move .board_next .sort {
        right: -1px;
        padding-left: 8px
    }

/* write 공통 */
.board_write .board {
    border-top: 0 none;
    padding-bottom: 20px
}

.board_write table {
    border-top: 2px solid #9A9BA0
}

    .board_write table th, .board_write table td {
        border-top: 1px solid #E5E5E5
    }

    .board_write table th {
        width: 90px;
        color: #808080;
        font-size: 12px;
        line-height: 16px;
        font-weight: lighter;
        text-align: left;
        padding-left: 10px
    }

    .board_write table td {
        height: 58px
    }

    .board_write table .radio {
        display: inline-block;
        *zoom: 1
    }

/* 게시판 write  */
.board_write .write_title th, .board_write .write_title td {
    border-top: 2px solid #9A9BA0
}

.board_write .write_title .td_radio {
    font-size: 0
}

.board_write .write_title .radio {
    margin-right: 20px
}

.board_write .write_title input.text {
    display: block;
    width: 100%;
    font-size: 16px;
    color: #333;
    font-weight: lighter
}

.board_write .write_title .td_writer {
    font-size: 0
}

    .board_write .write_title .td_writer .nickname {
        display: inline-block;
        *zoom: 1;
        color: #333;
        font-size: 16px;
        margin: 2px 0 0 7px
    }

.board_write .editor_area {
    position: relative
}

/* 버그리포트 */
.board_write .write_bug {
    border-bottom: 2px solid #9A9BA0;
    margin-bottom: 20px
}

    .board_write .write_bug td {
        color: #333;
        font-size: 0
    }

        .board_write .write_bug td span {
            display: inline-block;
            *zoom: 1
        }

        .board_write .write_bug td .nickname, .board_write .write_bug td input, .board_write .write_bug .td_date .input_time .dot, .board_write .write_bug .td_date .input_time .bugex {
            font-size: 16px
        }

        .board_write .write_bug td .nickname, .board_write .write_bug .td_date span {
            line-height: 17px
        }

        .board_write .write_bug td .nickname {
            color: #333;
            margin-left: 7px
        }

        .board_write .write_bug td .text, .board_write .write_bug td .select {
            height: 30px;
            border: 1px solid #E3E3E3
        }

        .board_write .write_bug td input {
            vertical-align: middle;
            color: #333;
            font-weight: lighter;
            line-height: 30px;
            padding: 0 10px
        }

@media screen {
    .board_write .write_bug td input, .board_footer input.text, .board_search input.text {
        line-height: initial
    }
}

.board_write .write_bug td .select {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    width: 158px;
    margin-right: 10px
}

.board_write .write_bug tr.tr_select:nth-child(2) td .select {
    z-index: 9;
}

.board_write .write_bug td .select .option {
    width: 100%
}

.board_write .write_bug td .select a {
    font-size: 12px;
    padding: 0 10px
}

.board_write .write_bug td .select .default {
    line-height: 30px
}

.board_write .write_bug td .select span {
    width: 100%;
    background: url("/common/blt_select_board.png") 100% 50% no-repeat
}

.board_write .write_bug td .select li a {
    height: 30px;
    line-height: 30px;
    padding-left: 10px
}

.board_write .write_bug td button {
    width: 50px;
    height: 32px;
    color: #fff;
    font-size: 12px;
    background: #899DB8;
    vertical-align: top;
    margin-left: 5px
}

    .board_write .write_bug td button:hover {
        background: #466385
    }

.board_write .write_bug .td_date .text {
    text-align: center
}

.board_write .write_bug .td_date .input_date .text {
    width: 138px
}

.board_write .write_bug .td_date .bugtime {
    font-size: 12px;
    color: #808080;
    padding: 0 10px 0 26px
}

.board_write .write_bug .td_date .dot {
    width: 15px;
    text-align: center
}

.board_write .write_bug .td_date .bugex {
    padding-left: 10px
}

.board_write .write_bug .td_date .input_time .text {
    width: 43px;
    text-align: center
}

.board_write .write_bug .td_loca .text {
    width: 717px
}

.board_write .write_bug td .radio {
    margin-right: 30px
}

.board_write .write_bug .input_file {
    position: relative;
    display: block;
    width: 315px;
    height: 32px
}

    .board_write .write_bug .input_file .text {
        width: 238px
    }

    .board_write .write_bug .input_file .file {
        position: absolute;
        width: 260px;
        height: 100%;
        cursor: pointer;
        filter: alpha(opacity=0);
        opacity: 0
    }

    .board_write .write_bug .input_file button {
        margin-left: 5px
    }

    .board_write .write_bug .input_file .btn_attach {
        line-height: 32px;
        text-align: center
    }

.board_write .write_bug .td_spec .bugtip {
    color: #808080;
    line-height: 15px;
    font-size: 12px
}

.board_write .textarea {
    border: 1px solid #D7D7D7;
    padding: 15px 20px 15px 30px;
}

    .board_write .textarea textarea {
        display: block;
        width: 100%;
        height: 585px;
        resize: none;
        border: 0 none;
        font-size: 16px;
        line-height: 1.5;
        font-weight: lighter
    }

        .board_write .textarea textarea:focus {
            outline: 0
        }

/* 글쓰기 주의사항 */
.write_ps {
    background: #F0F0F0;
    padding: 19px 20px 15px;
    margin-top: 40px
}

    .write_ps h4 {
        color: #1487b6;
        font-size: 18px;
        line-height: 21px;
        font-weight: lighter;
        margin-bottom: 8px
    }

    .write_ps li {
        font-size: 13px;
        line-height: 20px;
        color: #666
    }

        .write_ps li .blue {
            color: #1084c1
        }

/* 아스전광판 */
.bill_form {
    position: relative;
    height: 160px;
    border: 5px solid #636879;
    padding-left: 194px;
    margin-bottom: 40px
}

    .bill_form .bill_ps {
        position: absolute;
        top: 0;
        left: 0;
        width: 163px;
        height: 69px;
        line-height: 16px;
        color: #ccc;
        background: #636879 url("/common/bg_bill_ps.png") 50% 37px no-repeat;
        text-align: center;
        padding-top: 91px
    }

    .bill_form table {
        width: 473px
    }

    .bill_form th {
        width: 99px;
        color: #808080;
        font-size: 12px;
        text-align: left;
        font-weight: lighter;
        line-height: 1.4
    }

    .bill_form .tr_catg th, .bill_form .tr_catg td {
        height: 60px;
        border-bottom: 1px solid #E5E5E5
    }

    .bill_form .radio {
        display: inline-block;
        *zoom: 1;
        margin-right: 33px
    }

    .bill_form .tr_text th, .bill_form .tr_text td {
        vertical-align: top;
        padding-top: 20px
    }

    .bill_form textarea {
        display: block;
        width: 100%;
        height: 52px;
        overflow-y: auto;
        border: 0 none;
        resize: none;
        font-size: 16px;
        line-height: 1.5;
        font-weight: lighter;
        background: #fff
    }

        .bill_form textarea:focus {
            outline: 0
        }

    .bill_form button {
        position: absolute;
        top: 25px;
        right: 25px;
        width: 120px;
        height: 108px;
        color: #fff;
        font-size: 18px;
        font-weight: lighter;
        line-height: 1.4;
        background: #466385
    }

        .bill_form button:hover {
            background: #2B2D35
        }

.bill_list {
    border-top: 2px solid #9A9BA0
}

    .bill_list li {
        position: relative;
        height: 79px;
        overflow: hidden;
        border-bottom: 1px solid #E5E5E5;
        font-size: 0;
        background: url("/common/bg_bill_list.png") 31px 0 repeat-y;
        padding-left: 64px
    }

        .bill_list li .category {
            position: absolute;
            top: 23px;
            left: 15px
        }

        .bill_list li .bill_info, .bill_list li p {
            display: inline-block;
            *display: inline;
            *zoom: 1;
            vertical-align: middle
        }

        .bill_list li .bill_info {
            width: 113px;
            height: 53px;
            color: #b2b2b2;
            padding-top: 26px
        }

        .bill_list li .server, .bill_list li .nickname {
            display: inline-block;
            *zoom: 1;
            vertical-align: top
        }

        .bill_list li .nickname {
            font-size: 12px;
            line-height: 14px;
            margin-left: 3px
        }

        .bill_list li .time {
            display: block;
            font-size: 11px;
            margin-top: 4px
        }

        .bill_list li p {
            width: 663px;
            color: #666;
            line-height: 19px;
            font-size: 16px;
            word-wrap: break-word;
            padding-bottom: 1px
        }

.bill_wrap .board_footer {
    border-top: 2px solid #9A9BA0;
    margin-top: -1px;
    padding-top: 20px
}

/**** 랭킹 ****/

/* 랭킹 공통 */
.rank_wrap .rank_table {
    width: 100%;
    border-top: 2px solid #49A2CB
}

    .rank_wrap .rank_table td {
        height: 58px
    }

.rank_wrap p.rank_ps, .rank_wrap .rank_ps li {
    background: url("/common/blt_rank_ps.gif") 0 4px no-repeat;
    color: #666;
    padding-left: 11px
}

.rank_wrap .rank_ps li {
    margin-bottom: 7px
}

.rank_wrap .rank_ps span {
    color: #1a73a6
}

/* 베스트 지존 */
.rank_best .best_list {
    overflow: hidden;
    margin: 0 -1px 30px 0
}

    .rank_best .best_list .best_title, .rank_best .best_list li {
        float: left;
        margin: 0 1px 1px 0
    }

    .rank_best .best_list .best_title {
        width: 168px;
        height: 195px;
        background: #6F85A6;
        text-align: center;
        padding-top: 40px
    }

.best_list .best_title h4 {
    color: #fff;
    font-size: 22px;
    line-height: 26px;
    margin-bottom: 31px
}

.best_list .best_title .date {
    position: relative;
    display: block;
    color: #ffe11a;
    font-size: 24px;
    font-family: 'UniversLTStd', sans-serif;
    padding-top: 9px;
    margin-bottom: 27px
}

    .best_list .best_title .date:after {
        position: absolute;
        top: 0;
        left: 50%;
        content: "";
        width: 29px;
        height: 2px;
        background: #ffe11a;
        margin-left: -15px
    }

.best_list .best_title p {
    color: #fff;
    font-size: 12px;
    line-height: 15px
}

.best_list li {
    position: relative;
    width: 167px;
    height: 209px;
    background: #F0F1F6;
    padding-top: 26px
}

    .best_list li span {
        display: block
    }

    .best_list li .tag {
        position: absolute;
        top: 0;
        left: 0;
        background: #8991A4
    }

    .best_list li .figure_char {
        width: 100%;
        height: 122px
    }

    .best_list li .server {
        margin: 14px auto 13px
    }

    .best_list li .nickname {
        font-size: 16px;
        text-align: center
    }

.rank_best table {
    border-bottom: 2px solid #F2F2F2;
    margin-bottom: 20px
}

    .rank_best table th {
        width: 84px
    }

    .rank_best table td {
        position: relative;
        height: 60px;
        border-top: 2px solid #F2F2F2;
        padding: 24px 0
    }

        .rank_best table td:before {
            position: absolute;
            top: 0;
            left: 50%;
            content: "";
            display: block;
            width: 1px;
            height: 15px;
            background: #F1F1F1
        }

        .rank_best table td .server {
            display: block;
            margin: 0 auto 9px
        }

        .rank_best table td .nickname {
            display: block;
            text-align: center
        }

    .rank_best table .td_rank:before {
        display: none
    }

/* 서버 랭킹 */
.rank_server .rank_sort {
    border: 5px solid #ECECEC;
    padding: 0 30px;
    margin-bottom: 20px
}

    .rank_server .rank_sort table {
        width: 100%
    }

    .rank_server .rank_sort th {
        width: 46px;
        height: 76px;
        color: #808080;
        font-size: 12px;
        text-align: left;
        font-weight: lighter
    }

    .rank_server .rank_sort td {
        font-size: 0
    }

        .rank_server .rank_sort td .radio {
            display: inline-block;
            *zoom: 1;
            margin-left: 13px
        }

    .rank_server .rank_sort .tr_server th, .rank_server .rank_sort .tr_server td {
        border-bottom: 1px solid #E5E5E5
    }

.rank_server .search_right {
    margin: 10px 0 20px
}

.rank_server .rank_table {
    border-bottom: 2px solid #49A2CB
}

    .rank_server .rank_table .col3 {
        width: 224px
    }

    .rank_server .rank_table .on td {
        background: #f3fbff
    }

    .rank_server .rank_table .td_rank, .rank_server .rank_table .fluct {
        font-family: 'UniversLTStd', sans-serif
    }

    .rank_server .rank_table .td_rank {
        width: 77px;
        font-size: 16px
    }

    .rank_server .rank_table .td_info {
        width: 315px;
        font-size: 0
    }

        .rank_server .rank_table .td_info .nickname {
            font-size: 14px
        }

    .rank_server .rank_table td {
        text-align: center;
        color: #666
    }

        .rank_server .rank_table td span {
            display: inline-block;
            *zoom: 1
        }

    .rank_server .rank_table .server {
        margin-right: 10px
    }

    .rank_server .rank_table .nickname {
        width: 84px;
        text-align: left
    }

    .rank_server .rank_table .fluct {
        width: 36px;
        text-align: left;
        background: url("/common/spr_blt_fluct.png") 0 5px no-repeat;
        font-size: 14px;
        height: 14px;
        padding-left: 10px
    }

        .rank_server .rank_table .fluct.up {
            color: #ffa91a;
            background-position: 0 -63px
        }

        .rank_server .rank_table .fluct.down {
            color: #43a6ee;
            background-position: 0 -121px
        }

        .rank_server .rank_table .fluct.new {
            background: none;
            color: #ff0000
        }

.rank_server td.no_result {
    height: 298px
}

.rank_server tr:hover td.no_result {
    background: none
}

/* 캐시아이템 */
.cash_wrap {
    position: relative
}

    .cash_wrap .figure_item img {
        width: 85px;
        height: 85px
    }

    .cash_wrap .search_right {
        margin: 20px 0 30px
    }

    .cash_wrap .item_info dl {
        overflow: hidden
    }

    .cash_wrap .item_info dt, .cash_wrap .item_info dd {
        float: left
    }

    .cash_wrap .item_info dl {
        margin-top: 10px
    }

    .cash_wrap .item_info dt {
        width: 35px;
        height: 11px;
        margin-right: 5px
    }

    .cash_wrap .item_info dd {
        font-size: 12px
    }

    .cash_wrap .item_list .item_info dt {
        width: 31px;
        height: 14px;
        line-height: 14px;
        background: #E9E9E7;
        color: #999;
        font-size: 10px;
        font-family: 'UniversLTStd', sans-serif;
        text-align: center
    }

    .cash_wrap .item_info .dl_cash dd {
        color: #ff7800
    }

.recmd_list ul {
    overflow: hidden
}

.recmd_list li {
    float: left;
    text-align: center;
    background: #F0F1F6;
    margin-right: 1px
}

    .recmd_list li a {
        position: relative;
        display: block;
        width: 209px;
        height: 270px;
        padding-top: 35px
    }

        .recmd_list li a:after, .item_list li a:after {
            display: none;
            content: "";
            position: absolute;
            left: 50%;
            width: 10px;
            height: 7px;
            background: url("/common/spr_blt_pop_cash.gif") no-repeat;
            margin-left: -5px
        }

        .recmd_list li a:after {
            bottom: 0
        }

    .recmd_list li .on:after, .item_list li .on:after {
        display: block
    }

    .recmd_list li:last-child {
        margin-right: 0
    }

        .recmd_list li:last-child a {
            width: 210px
        }

    .recmd_list li .figure_item {
        width: 137px;
        height: 137px;
        line-height: 137px;
        background: #fff;
        border-radius: 100%;
        margin: 0 auto
    }

        .recmd_list li .figure_item img {
            vertical-align: middle
        }

    .recmd_list li .price {
        display: block;
        color: #ff7800;
        font-family: 'UniversLTStd', 'NanumBarunGothic', sans-serif;
        font-size: 30px;
        margin: 21px 0 11px
    }

    .recmd_list li dt {
        font-size: 16px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        word-wrap: break-word;
        margin-bottom: 7px
    }

    .recmd_list li dd {
        color: #999
    }

    .recmd_list li .tag {
        position: absolute;
        top: 0;
        left: 0;
        background: #9F4FFF
    }

.item_list ul {
    width: 100%;
    *zoom: 1;
    border-left: 1px solid #e5e5e5;
    border-top: 1px solid #e5e5e5
}

    .item_list ul:after {
        content: "";
        display: block;
        clear: both
    }

.item_list li {
    float: left;
    width: 210px
}

    .item_list li:nth-child(4n) {
        width: 209px
    }

    .item_list li a {
        position: relative;
        display: block;
        height: 198px;
        border-bottom: 1px solid #E5E5E5;
        border-right: 1px solid #E5E5E5;
        padding: 30px 25px 0
    }

        .item_list li a:after {
            top: 0;
            background-position: 0 -7px
        }

        .item_list li a:hover {
            z-index: 1;
            border: 1px solid #999;
            margin: -1px 0 0 -1px
        }

    .item_list li .on:after {
        display: block
    }

    .item_list li .figure_item {
        width: 85px;
        margin: 0 auto 20px
    }

    .item_list li .item_name {
        display: block;
        color: #666;
        overflow: hidden;
        text-overflow: ellipsis;
        word-wrap: break-word;
        white-space: nowrap;
        border-bottom: 2px solid #E5E5E5;
        padding-bottom: 9px
    }

.item_list .badge {
    position: absolute;
    left: 10px;
    top: 10px;
    font-size: 0
}

    .item_list .badge span {
        display: inline-block;
        *zoom: 1;
        height: 14px;
        line-height: 14px;
        font-family: 'UniversLTStd', sans-serif;
        color: #fff;
        font-size: 11px;
        padding: 0 3px;
        margin-right: 3px
    }

    .item_list .badge .hot {
        background: #FF9700
    }

    .item_list .badge .new {
        background: #F50600
    }

    .item_list .badge .event {
        background: #6BBC23
    }

    .item_list .badge .sale {
        background: #DB4BE6
    }

    .item_list .badge .soldout {
        background: #6F6F6F
    }

#itemInfo {
    display: none;
    position: absolute;
    width: 357px;
    min-height: 164px;
    background: #fff;
    border: 3px solid #999;
    z-index: 1;
    padding: 30px 30px 30px 238px
}

    #itemInfo.show {
        display: block
    }

    #itemInfo .info_img {
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        width: 208px;
        background: #F0F1F6;
        padding: 44px 0
    }

        #itemInfo .info_img .badge {
            position: absolute;
            top: 10px;
            left: 10px
        }

        #itemInfo .info_img .figure_item {
            width: 136px;
            height: 136px;
            border-radius: 100%;
            background: #fff;
            text-align: center;
            line-height: 136px;
            margin: 0 auto
        }

            #itemInfo .info_img .figure_item img {
                vertical-align: middle
            }

    #itemInfo .info_txt h4 {
        font-size: 16px;
        border-bottom: 2px solid #E5E5E5;
        font-weight: lighter;
        padding-bottom: 8px;
        margin-bottom: 10px
    }

    #itemInfo .info_txt dl {
        overflow: hidden
    }

    #itemInfo .info_txt .dl_cash {
        margin: 10px 0 6px
    }

    #itemInfo .info_txt .dl_lv {
        margin-bottom: 13px
    }

    #itemInfo .info_txt dt, #itemInfo .info_txt dd {
        float: left;
        margin-right: 8px
    }

    #itemInfo .info_txt dd {
        font-size: 12px;
        color: #666;
        line-height: 14px;
        padding-right: 4px
    }

        #itemInfo .info_txt dd .price {
            color: #ff7800;
            padding: 0 4px
        }

    #itemInfo .info_txt p {
        color: #666;
        font-size: 13px;
        line-height: 17px
    }

    #itemInfo .btn_close {
        position: absolute;
        top: 0;
        right: 0;
        width: 38px;
        height: 38px;
        background: url("/common/btn_pop_cash.gif") 50% 50% no-repeat
    }


.info_content {
    position: relative;
    font-size: 13px;
    padding-top: 10px
}

    .info_content, .info_content .clearfix {
        *zoom: 1
    }

        .info_content:after, .info_content .clearfix:after {
            content: "";
            display: block;
            clear: both
        }

        .info_content .clearfix.space {
            margin-bottom: 20px
        }

        .info_content p {
            font-weight: normal;
            color: #666;
            line-height: 17px;
            word-break: keep-all
        }

        .info_content .cnt_left {
            float: left
        }

        .info_content .cnt_right {
            float: right
        }

.tutor_wrap .tutor_section h5, .tutor_wrap .tutor_section h6, .intro_wrap h4, .intro_wrap h5 {
    color: #1487b6;
    font-size: 22px;
    font-weight: lighter
}

.info_content .table_row th {
    width: 100px;
    height: 58px;
    text-align: left;
    padding-left: 30px
}

.info_content .table_row td {
    padding-left: 30px
}

.info_content .narrative {
    margin-bottom: 23px
}

    .info_content .narrative p.strong, .vill_world p.strong {
        font-weight: bold;
        color: #808080;
        margin: -18px 0 23px
    }

    .info_content .narrative div.cnt_left {
        width: 252px;
        text-align: center;
        margin-right: 50px
    }

.info_content .btn_zoom {
    display: block;
    width: 47px;
    height: 13px;
    background: url("/common/btn_zoom.gif") no-repeat;
    margin: 0 auto
}

.info_content .narrative h4, .vill_world h4 {
    font-size: 28px;
    color: #1487b6;
    font-weight: lighter;
    margin-bottom: 23px
}

    .info_content .narrative h4 span {
        display: inline-block;
        *zoom: 1;
        vertical-align: middle;
        width: 32px;
        height: 32px;
        background: url("/common/blt_h4_vill.png") no-repeat;
        margin-right: 7px
    }

.info_content h5.h_blt {
    margin-top: 28px
}

.char_wrap .clearfix p, .vill_wrap .clearfix p, .dungeon_wrap .clearfix p {
    margin-bottom: 17px
}

/* 아스가르드 소개 */
.intro_wrap div.cnt_right, .intro_wrap div.cnt_left {
    width: 526px
}

.intro_wrap h5, .intro_special h5, .intro_stroy h4, .intro_stroy h5 {
    margin-bottom: 9px
}

.intro_wrap p, .intro_special p, .intro_stroy p {
    color: #808080;
    line-height: 22px;
    margin-bottom: 22px
}

.intro_special, .intro_stroy {
    margin-bottom: -20px
}

    .intro_special .figure_feeling {
        overflow: hidden;
        margin: 20px -35px 20px 0
    }

        .intro_special .figure_feeling span {
            float: left;
            display: block;
            border: 5px solid #EDEDED;
            border-radius: 10px;
            overflow: hidden;
            padding: 15px;
            margin-right: 35px
        }

.intro_good h4, .intro_evil h4 {
    margin-bottom: 12px
}

.intro_wrap .border_box {
    padding: 30px 30px 7px;
    margin-top: 20px
}

    .intro_wrap .border_box h5 {
        font-size: 14px;
        font-weight: normal;
        margin-bottom: 7px
    }

    .intro_wrap .border_box p {
        margin-bottom: 20px
    }

/* 시작하기 */
.tutor_wrap .tutor_section {
    position: relative;
    height: 167px;
    padding: 53px 0 0 314px;
    margin-bottom: 20px
}

    .tutor_wrap .tutor_section.space {
        padding-bottom: 20px
    }

    .tutor_wrap .tutor_section .figure_left {
        position: absolute;
        top: 0;
        left: 0
    }

    .tutor_wrap .tutor_section h5, .tutor_wrap .tutor_section h6 {
        position: absolute;
        top: 15px;
        left: 314px
    }

    .tutor_wrap .tutor_section .step {
        display: inline-block;
        *zoom: 1;
        vertical-align: bottom;
        width: 26px;
        height: 26px;
        line-height: 26px;
        color: #fff;
        font-weight: bold;
        font-family: 'UniversLTStd', sans-serif;
        text-align: center;
        border-radius: 100%;
        font-size: 14px;
        background: #43A6EE;
        margin-right: 7px
    }

.install_wrap .h4_sub {
    color: #1487b6;
    font-size: 13px;
    margin-bottom: 14px
}

.install_wrap .install_box {
    position: relative;
    padding: 23px 33px 0 33px
}

    .install_wrap .install_box h6 {
        margin: 0 0 11px -14px
    }

    .install_wrap .install_box .btn_blue {
        position: absolute;
        right: 34px;
        bottom: 32px;
        height: 32px;
        line-height: 34px;
        min-width: 150px;
        font-weight: normal;
        padding: 0 14px
    }

.install_wrap .spec_box {
    height: 222px;
    background: url("/common/bg_install_box_1.gif") no-repeat;
    margin-bottom: 40px
}

.install_wrap .spec_table {
    width: 772px;
    margin: 6px 0 28px
}

    .install_wrap .spec_table th, .install_wrap .spec_table td {
        border: 1px solid #BED9E2;
        font-weight: normal
    }

    .install_wrap .spec_table th {
        width: 99px;
        height: 29px;
        color: #1084c1;
        background: #E6F4F7
    }

    .install_wrap .spec_table td {
        color: #666;
        padding-left: 16px
    }

.install_wrap .char_box {
    height: 97px;
    background: url("/common/bg_install_box_2.gif") no-repeat
}

    .install_wrap .char_box p span {
        color: #1084c1
    }

.intro_learn {
    margin-bottom: -30px
}

    .intro_learn .learn_section {
        position: relative;
        height: 380px;
        background: #F9F9FB;
        margin-bottom: 30px
    }

        .intro_learn .learn_section .learn_list {
            width: 225px;
            height: 353px;
            border: 1px solid #E6E6E6;
            border-right: 0 none;
            padding: 25px 40px 0
        }

            .intro_learn .learn_section .learn_list ul {
                overflow: hidden
            }

            .intro_learn .learn_section .learn_list li {
                margin-top: -1px
            }

            .intro_learn .learn_section .learn_list a {
                display: block;
                height: 47px;
                line-height: 48px;
                color: #666;
                border-top: 1px solid #E5E5E5;
                background: url("/common/spr_blt_learn.png") 100% 17px no-repeat
            }

                .intro_learn .learn_section .learn_list .on a, .intro_learn .learn_section .learn_list a:hover {
                    color: #43a6ee;
                    background-position: 100% -130px
                }

        .intro_learn .learn_section .learn_img, .intro_learn .learn_section .learn_img img {
            position: absolute;
            top: 0;
            right: 0
        }

.intro_start {
    overflow: hidden;
    margin-bottom: -41px
}

    .intro_start .tutor_section {
        border-bottom: 1px solid #E5E5E5;
        padding-bottom: 20px
    }

    .intro_start .tab_vill .img_char {
        position: absolute;
        bottom: 0;
        right: 0
    }

    .intro_start .tab_vill .tutor_section {
        height: 70px;
        padding-top: 150px
    }

        .intro_start .tab_vill .tutor_section h6 {
            top: 119px
        }

            .intro_start .tab_vill .tutor_section h6 span {
                font-weight: normal
            }

/* 캐릭터 */
.tab_char .tab_float {
    border-right: 0 none;
    border-bottom: 0 none;
    margin-right: -1px
}

.tab_char li {
    height: 48px;
    text-align: left;
    border-bottom: 1px solid #e5e5e5
}

.tab_char .col {
    width: 167px;
    border-right: 1px solid #e5e5e5
}

.tab_char li a {
    padding-left: 15px
}

.tab_char .icon {
    display: inline-block;
    width: 36px;
    height: 35px;
    *zoom: 1;
    background: url("/common/spr_icon_char.png") no-repeat;
    vertical-align: middle;
    margin: 0 9px 1px 0
}

.tab_char .monk {
    background-position: -167px 0
}

.tab_char .rogue {
    background-position: -335px 0
}

.tab_char .priest {
    background-position: -503px 0
}

.tab_char .wizard {
    background-position: -671px 0
}

.tab_char .bard {
    background-position: 0 -49px
}

.tab_char .knight {
    background-position: -167px -49px
}

.tab_char .prophet {
    background-position: -335px -49px
}

.tab_char .asuras {
    background-position: -503px -49px
}

.char_wrap div.cnt_right {
    width: 516px
}

.char_wrap h4 {
    color: #1487b6;
    font-size: 28px;
    margin-bottom: 6px
}

.char_wrap p.strong {
    color: #43a6ee;
    font-size: 15px;
    margin-bottom: 15px
}

.char_wrap .figure_chmini {
    font-size: 0
}

    .char_wrap .figure_chmini img {
        margin-right: 20px
    }

.char_wrap .table1 {
    margin-top: 20px
}

.char_wrap .table_row th {
    width: 130px;
    text-align: center;
    padding-left: 0
}

.vill_wrap .border_box {
    padding: 24px;
    margin-top: 19px
}

.vill_wrap .btn_zoom {
    margin-top: 15px
}

.vill_wrap .map_box {
    background: #ECECEC;
    text-align: center;
    padding: 21px 0
}

    .vill_wrap .map_box p {
        margin-top: 19px
    }

.vill_wrap .bd_box {
    font-size: 0
}

    .vill_wrap .bd_box span, .vill_wrap .bd_box p {
        display: inline-block;
        *display: inline;
        *zoom: 1;
        vertical-align: middle
    }

    .vill_wrap .bd_box span {
        width: 200px;
        text-align: center;
        margin-right: 40px
    }

    .vill_wrap .bd_box p {
        width: 540px;
        font-size: 13px
    }

.vill_wrap .npc_list ul {
    overflow: hidden
}

.vill_wrap .npc_list li {
    float: left
}

    .vill_wrap .npc_list li span, .vill_wrap .npc_list dt {
        color: #3491CF;
        font-weight: bold
    }

.vill_wrap .npc_list .npc_name {
    margin-right: -20px
}

    .vill_wrap .npc_list .npc_name li {
        text-align: center;
        margin-right: 20px
    }

        .vill_wrap .npc_list .npc_name li span {
            display: block;
            margin-top: 8px
        }

.vill_wrap .npc_list .npc_detail li {
    width: 395px;
    overflow: hidden;
    border-bottom: 1px solid #e5e5e5;
    padding-bottom: 20px;
    margin-bottom: 20px
}

.vill_wrap .npc_list .npc_detail .last {
    border-bottom: 0 none;
    margin-bottom: 0;
    padding-bottom: 0
}

.vill_wrap .npc_list .npc_detail li img, .vill_wrap .npc_list .npc_detail li dl {
    float: left
}

.vill_wrap .npc_list .npc_detail li dl {
    width: 270px;
    margin-left: 20px
}

.vill_wrap .npc_list .npc_detail li dd {
    color: #666;
    line-height: 17px;
    word-break: keep-all;
    margin-top: 5px
}

.vill_wrap .npc_list .npc_detail .npc120 {
    height: 120px
}

.vill_wrap .npc_list .npc_detail .npc103 {
    height: 103px
}

.vill_wrap .npc_txt {
    margin-top: 3px
}

.dungeon_wrap div.cnt_left {
    min-height: 251px;
    line-height: 251px
}

    .dungeon_wrap div.cnt_left img {
        vertical-align: middle
    }

.dungeon_wrap img.cnt_left {
    margin: 0 20px 17px 0
}

.dungeon_wrap .dungeon_list {
    background: #ececec;
    overflow: hidden;
    padding: 24px;
    margin-top: 30px
}

    .dungeon_wrap .dungeon_list ul {
        overflow: hidden
    }

    .dungeon_wrap .dungeon_list li {
        float: left;
        text-align: center
    }

    .dungeon_wrap .dungeon_list .dg4 li {
        width: 197px
    }

    .dungeon_wrap .dungeon_list .dg5 li {
        width: 158px
    }

    .dungeon_wrap .dungeon_list .dg6 li {
        width: 132px
    }

.dungeon_wrap .btn_zoom {
    margin-top: 10px
}

.dungeon_wrap .dungeon_step {
    margin: 14px 0 -6px
}

    .dungeon_wrap .dungeon_step dl {
        overflow: hidden;
        line-height: 22px
    }

    .dungeon_wrap .dungeon_step dt, .dungeon_wrap .dungeon_step dd {
        float: left
    }

    .dungeon_wrap .dungeon_step dt {
        font-weight: bold;
        color: #3691c5;
        margin-right: 5px
    }

    .dungeon_wrap .dungeon_step dd {
        color: #666
    }

.dungeon_wrap .table1 {
    margin-top: 19px
}

    .dungeon_wrap .table1 .col1, .dungeon_wrap .table1 .col2 {
        width: 200px
    }

/* 스킬/스펠 */
.info_table .search_right {
    margin-bottom: 30px
}

.info_table .table1 td {
    height: 80px;
    text-align: center;
    padding: 10px 0
}

    .info_table .table1 td a {
        color: #666
    }

    .info_table .table1 td.no_result {
        height: 298px
    }

.info_table .search_txt {
    float: left;
    font-size: 13px;
    color: #808080;
    font-weight: normal;
    line-height: 32px
}

.info_table .table1 .col2 {
    width: 150px
}

.info_table .table1 .col3, .info_table .table1 .col4 {
    width: 80px
}

.ss_wrap .table1 .col1 {
    width: 80px
}

.monster_wrap .table1 .col1 {
    width: 100px
}

.item_wrap .table1 .col1 {
    width: 80px
}

.item_wrap .table1 .col2 {
    width: 100px
}

.item_wrap .table1 .col3, .item_wrap .table1 .col4, .item_wrap .table1 .col5 {
    width: 70px
}

.item_wrap .table1 .col6 {
    width: 120px
}

.item_wrap .table1 .td_func {
    word-break: keep-all
}

/* 수호동물 */
.animal_wrap {
}

    .animal_wrap .num {
        display: inline-block;
        *zoom: 1;
        width: 15px;
        height: 15px;
        color: #fff;
        text-align: center;
        vertical-align: top;
        font-size: 11px;
        line-height: 17px;
        background: #217099;
        margin-right: 5px
    }

    .animal_wrap h4, .animal_wrap h5 {
        color: #1487b6
    }

    .animal_wrap h4 {
        font-size: 28px;
        font-weight: lighter
    }

    .animal_wrap .title_top {
        margin: 20px 0
    }

        .animal_wrap .title_top h4 {
            margin-bottom: 10px
        }

    .animal_wrap .txt_top {
        margin-bottom: 30px
    }

    .animal_wrap .animal_list {
        width: 500px;
        background: #D6ECF3;
        border-radius: 10px;
        margin-bottom: 20px
    }

        .animal_wrap .animal_list ul {
            padding: 10px 20px
        }

        .animal_wrap .animal_list li {
            height: 15px;
            line-height: 17px;
            color: #217099;
            padding: 5px 0
        }

    .animal_wrap p.mgb {
        margin-bottom: 17px
    }

    .animal_wrap h5 {
        font-size: 18px;
        line-height: 21px;
        margin-bottom: 17px
    }

        .animal_wrap h5 img {
            margin-right: 6px
        }

    .animal_wrap .border_box {
        padding: 20px;
        margin-bottom: 30px
    }

        .animal_wrap .border_box img.cnt_left {
            margin-right: 20px
        }

        .animal_wrap .border_box h6 {
            position: relative;
            font-size: 13px;
            color: #666;
            line-height: 17px;
            margin-bottom: 10px;
            padding-left: 20px
        }

            .animal_wrap .border_box h6 .num {
                position: absolute;
                top: 0;
                left: 0
            }

        .animal_wrap .border_box.box1 .clearfix {
            margin-bottom: 40px
        }

        .animal_wrap .border_box.box2 .clearfix {
            margin-bottom: 20px
        }

    .animal_wrap .title_btm .cnt_left {
        margin-right: 10px
    }

    .animal_wrap .title_btm h4 {
        margin-bottom: 15px
    }

    .animal_wrap .lv_list {
        margin: 30px 0
    }

    .animal_wrap .table1 {
        margin-top: 30px
    }

        .animal_wrap .table1 .col1 {
            width: 300px
        }

/* 퀘스트 */
.que_wrap .que_title {
    border: 1px solid #E1E1E1;
    background: #F8F8F8;
    border-radius: 10px;
    color: #666;
    padding: 14px
}

    .que_wrap .que_title h5 img, .que_wrap .que_title h5 span {
        display: inline-block;
        *zoom: 1;
        vertical-align: middle
    }

    .que_wrap .que_title h5 img {
        margin-right: 10px
    }

    .que_wrap .que_title h5 span {
        font-size: 13px;
        color: #63881b;
        line-height: 17px
    }

    .que_wrap .que_title li .blue {
        color: #1084c1
    }

.que_wrap .figure_que {
    text-align: center
}

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

.que_wrap .table1 .td_cnt {
    font-size: 0;
    padding: 23px 0 23px 30px
}

    .que_wrap .table1 .td_cnt img, .que_wrap .table1 .td_cnt span {
        display: inline-block;
        *zoom: 1
    }

    .que_wrap .table1 .td_cnt span {
        max-width: 490px;
        font-size: 13px;
        word-break: keep-all;
        margin-left: 20px
    }

.que_begin .txt_top {
    margin-bottom: 30px
}

    .que_begin .txt_top div.cnt_left {
        width: 560px;
        padding-top: 14px
    }

    .que_begin .txt_top p.strong {
        color: #1084c1;
        margin-top: 17px
    }

.que_begin .que_title .que_inner {
    margin-top: 13px
}

.que_begin .que_title.box1 ul {
    margin-bottom: -6px
}

.que_begin .que_title.box1 li {
    height: 40px;
    line-height: 40px;
    background: #EAEAEA;
    border-radius: 10px;
    padding-left: 40px;
    margin-bottom: 6px
}

.que_begin .que_title.box2 ul {
    padding: 52px 0 0 20px
}

.que_begin .que_title.box2 li {
    margin-bottom: 15px
}

.que_begin .que_title .red {
    color: #cc0202
}

.que_begin .tab_table {
    margin-top: 30px
}

    .que_begin .tab_table .tab1 {
        margin-bottom: 0
    }

        .que_begin .tab_table .tab1 ul {
            border-bottom: 0 none
        }

.que_begin .tab_content .table1 .line th, .que_begin .tab_content .table1 .line td {
    border-color: #49A2CB
}

.que_village {
    margin-bottom: -20px
}

    .que_village .table1 {
        margin-bottom: 30px
    }

    .que_village .que_cnt {
        padding: 20px 14px
    }

    .que_village .que_step {
        overflow: hidden
    }

        .que_village .que_step .que_cnt {
            border-top: 1px solid #E1E1E1;
            padding-bottom: 21px;
            margin-top: -1px
        }

    .que_village .que_cnt p.cnt_left, .que_village .que_cnt div.cnt_left {
        max-width: 500px;
        margin-left: 20px
    }

    .que_village .que_cnt p .red {
        color: #ff0000
    }

    .que_village .que_cnt .figure_block {
        margin-top: 20px
    }

    .que_village .caution {
        background: #EFEFEF;
        border-radius: 10px;
        padding: 20px 14px
    }

        .que_village .caution h5 {
            color: #ff0000;
            font-size: 13px;
            margin-bottom: 5px
        }

.que_vill1 {
    margin-bottom: 0
}

    .que_vill1 .que_cnt p.spc1 {
        margin-left: -17px
    }

    .que_vill1 .que_cnt p.spc2 {
        margin-left: 5px
    }

.que_vill2 .table1 .td_cnt span, .que_vill2 .que_cnt p.spc1 {
    margin-left: -108px
}

.que_vill2 .que_cnt p.spc2 {
    padding-top: 17px
}

.que_vill2 .que_cnt p.spc3 {
    margin-left: -96px
}

.que_vill3 .table1 .td_cnt span {
    margin-left: -16px
}

.que_vill3 .que_cnt p.spc1 {
    margin-left: -123px
}

.que_vill3 .que_cnt p.spc2 {
    margin-left: -126px
}

.que_vill3 .que_cnt p.spc3 {
    margin-left: -76px
}

.que_vill3 .que_cnt p.spc4 {
    margin-left: -113px
}

.que_vill4 .table1 .td_cnt span {
    margin-left: -157px
}

.que_vill4 .table1 .td_cnt div {
    margin-top: 20px
}

.que_vill5 .cnt_inner {
    margin: 20px 0
}

    .que_vill5 .cnt_inner .cnt_left {
        max-width: 560px
    }

.que_vill5 .cnt1 p.cnt_left {
    max-width: 490px
}

.que_vill6 .cnt1 div.cnt_left, .que_vill6 .cnt2 p.cnt_left, .que_vill6 .cnt3 div.cnt_left {
    max-width: 445px
}

.que_vill6 .cnt1 div.cnt_left {
    margin-bottom: -17px
}

    .que_vill6 .cnt1 div.cnt_left p {
        margin-bottom: 17px
    }

.que_vill6 .cnt3 div.cnt_left .spc1 {
    margin: 200px 0 0 -174px
}

.que_vill7 .cnt1 div.cnt_left {
    max-width: 380px
}

    .que_vill7 .cnt1 div.cnt_left p.spc2 {
        margin-top: 165px
    }

.que_vill7 .que_cnt p.spc1 {
    margin-left: -125px
}

.que_vill7 .que_cnt p.spc3 {
    margin-left: -195px
}

.que_vill7 .que_cnt p.spc4 {
    max-width: 420px;
    margin-left: -189px
}

.que_vill7 .que_cnt p.spc5 {
    margin-left: -109px
}

/* 갤러리, 월페이퍼 */
.gw_wrap {
    margin-bottom: -20px
}

    .gw_wrap .board li .thumb {
        position: relative;
        display: block
    }

        .gw_wrap .board li .thumb span {
            display: none;
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background: url("/download/sub/bg_img_view.png") no-repeat
        }

        .gw_wrap .board li .thumb:hover span {
            display: block
        }

    .gw_wrap .board_wall .wall_btn {
        border: 1px solid #F1F1F1;
        border-top: 0 none;
        font-size: 0;
        text-align: center;
        padding: 19px 0
    }

        .gw_wrap .board_wall .wall_btn a {
            display: inline-block;
            zoom: 1;
            width: 53.94px;
            height: 32px;
            background: #899DB8;
            color: #fff;
            font-size: 12px;
            font-family: 'UniversLTStd', sans-serif;
            line-height: 32px;
            margin: 0 5px
        }

            .gw_wrap .board_wall .wall_btn a:hover {
                background: #466385
            }

.layer_img {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 9999999
}

    .layer_img.show {
        display: block
    }

    .layer_img .bg {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: #000;
        filter: alpha(opacity=80);
        opacity: 0.8
    }

    .layer_img .layer_body {
        position: absolute;
        left: 50%;
        top: 0;
        width: 1098px;
        margin-left: -549px
    }

        .layer_img .layer_body div {
            text-align: center
        }

            .layer_img .layer_body div img {
                max-width: 1024px
            }

            .layer_img .layer_body div a {
                position: relative;
                display: inline-block;
                *zoom: 1
            }

                .layer_img .layer_body div a .download {
                    display: none;
                    position: absolute;
                    top: 0;
                    left: 0;
                    width: 100%;
                    height: 100%
                }

                    .layer_img .layer_body div a .download .icon {
                        position: absolute;
                        top: 50%;
                        left: 50%;
                        width: 124px;
                        height: 44px;
                        background: url("/common/btn_layer_download.png") no-repeat;
                        font-family: 'UniversLTStd', sans-serif;
                        color: #fff;
                        text-align: center;
                        font-size: 12px;
                        padding-top: 80px;
                        margin: -62px 0 0 -62px
                    }

                .layer_img .layer_body div a:hover .download {
                    display: block
                }

        .layer_img .layer_body .btn_pmg, .layer_img .layer_body .btn_right {
            position: fixed;
            top: 50%;
            margin-top: -50px
        }

        .layer_img .layer_body button, .layer_img .btn_close {
            background: url("/common/spr_btn_layer_img.png") no-repeat
        }

        .layer_img .layer_body button {
            width: 100px;
            height: 100px;
            text-indent: -9999px;
            overflow: hidden
        }

        .layer_img .layer_body .btn_pmg {
            right: 50%;
            background-position: 22px 10px;
            margin-right: 512px
        }

            .layer_img .layer_body .btn_pmg:hover {
                background-position: 22px -119px
            }

        .layer_img .layer_body .btn_right {
            left: 50%;
            margin-left: 512px
        }

        .layer_img .layer_body .btn_nmg {
            display: block;
            background-position: -122px 10px
        }

            .layer_img .layer_body .btn_nmg:hover {
                background-position: -122px -119px
            }

        .layer_img .layer_body .order {
            position: absolute;
            top: 130px;
            left: 35px;
            color: #fff;
            font-size: 30px;
            font-family: 'UniversLTStd', sans-serif;
            white-space: nowrap;
            writing-mode: tb-rl
        }

            .layer_img .layer_body .order .now {
                color: #ffa91a
            }

    .layer_img .btn_close {
        position: fixed;
        top: 0;
        right: 0;
        width: 90px;
        height: 90px;
        background-color: #fff;
        background-position: 0 -410px;
        text-indent: -9999px;
        overflow: hidden
    }

        .layer_img .btn_close:hover {
            background-color: #FFA91A
        }

/* 배경음악 */
.bgm_wrap .table1 tbody th {
    width: 190px;
    height: 50px;
    background: none;
    text-align: left;
    padding-left: 10px
}

.bgm_wrap .table1 td {
    font-weight: normal
}

.bgm_wrap .table1 .td_btn {
    width: 80px;
    text-align: center
}

.bgm_wrap .table1 td a {
    color: #666
}

    .bgm_wrap .table1 td a:hover {
        text-decoration: underline
    }

.bgm_wrap .table1 .td_btn a {
    display: inline-block;
    *zoom: 1;
    width: 13px;
    height: 13px;
    padding: 10px
}

/* 게임 다운로드, 도움말&문의 공통 */
.box_content h4 {
    margin-bottom: 10px
}

.box_content p {
    font-size: 13px;
    color: #666;
    line-height: 17px
}

    .box_content p .blue {
        color: #1084c1
    }

/* 게임 다운로드 */
.down_wrap .border_box {
    position: relative;
    overflow: hidden;
    padding: 20px 25px
}

    .down_wrap .border_box a {
        font-weight: lighter
    }

    .down_wrap .border_box .btn_dark {
        background: #466385
    }

        .down_wrap .border_box .btn_dark:hover {
            background: #2B2D35
        }

.down_wrap .down_btn .border_box {
    margin-bottom: 39px
}

    .down_wrap .down_btn .border_box .btn_down, .down_wrap .down_btn .border_box p {
        float: left
    }

.down_wrap .down_btn .btn_down {
    display: block;
    width: 185px;
    text-align: center;
    color: #fff;
    font-size: 18px;
    line-height: 1.2;
    padding: 18px 0 16px;
    margin-right: 49px
}

    .down_wrap .down_btn .btn_down span {
        display: block;
        color: #ffd147;
        font-size: 12px;
        margin-top: 1px
    }

.down_wrap .down_btn .border_box p {
    padding-top: 18px
}

.down_wrap .down_spec .btn_spec {
    position: absolute;
    top: 20px;
    right: 25px;
    width: 115px;
    height: 32px;
    background: #899DB8;
    color: #fff;
    font-size: 12px
}

    .down_wrap .down_spec .btn_spec:hover {
        background: #466385
    }

.down_wrap .down_spec .table1 {
    margin-top: 15px
}

    .down_wrap .down_spec .table1 .col1 {
        width: 300px
    }

/* 고객상담안내 */
.help_wrap .border_box {
    position: relative;
    height: 111px;
    background: url("/common/spr_bg_help.png") no-repeat;
    font-size: 0;
    padding-left: 159px
}

.help_wrap .border_box {
    border-radius: 0;
    margin-bottom: 32px
}

    .help_wrap .border_box.help_bug {
        background-position: 0 -170px
    }

    .help_wrap .border_box.help_user {
        background-position: 0 -340px
    }

    .help_wrap .border_box.help_suggest {
        background-position: 0 -510px;
        margin-bottom: 0
    }

    .help_wrap .border_box div, .help_wrap .border_box .align {
        display: inline-block;
        *display: inline;
        *zoom: 1;
        vertical-align: middle
    }

    .help_wrap .border_box p {
        margin-bottom: 6px
    }

    .help_wrap .border_box .align {
        height: 100%
    }

    .help_wrap .border_box .btn_blue {
        position: absolute;
        top: 37px;
        right: 34px;
        width: 145px;
        height: 32px;
        line-height: 32px;
        font-size: 14px
    }

/* 테스트서버 */
.ts_type .border_box {
    position: relative;
    border-radius: 0;
    margin-bottom: 32px;
    padding: 30px 0 30px 179px;
}

    .ts_type .border_box.test_sv {
        background: url("/common/tests_ic.png") no-repeat 57px 38px;
    }

    .ts_type .border_box .ts_guide p span.h_blt_it {
        display: inline-block;
        padding-left: 19px;
        margin-bottom: 2px;
        background: url("/common/blt_h_info.png") no-repeat;
        font-weight: bold;
        color: #3796cc;
    }

    .ts_type .border_box .ts_btn {
        overflow: hidden;
        margin-top: 11px;
    }

        .ts_type .border_box .ts_btn a {
            display: block;
            float: left;
            height: 32px;
            padding: 0 20px;
            line-height: 32px;
        }

            .ts_type .border_box .ts_btn a.btn_t2 {
                margin-left: 4px;
                background: #5e6570;
                color: #fff;
            }

                .ts_type .border_box .ts_btn a.btn_t2:hover {
                    background: #2b2d35;
                }

/* 게임캐릭터 관리 */
.chmng_wrap p {
    color: #666;
    font-size: 13px;
    line-height: 17px
}

.chmng_wrap .chmng_info {
    position: relative;
    height: 73px;
    border: 1px solid #D6D6D6;
    padding: 38px 0 0 30px
}

    .chmng_wrap .chmng_info .btn_blue {
        position: absolute;
        top: 40px;
        right: 40px;
        width: 175px;
        height: 32px;
        line-height: 32px
    }

    .chmng_wrap .chmng_info p .blue {
        color: #1084c1
    }

.chmng_wrap .chmng_step {
    margin: 38px 0 12px
}

/* 대표캐릭터 설정 */
.chset_wrap {
    margin-bottom: -20px
}

    .chset_wrap .ch_box {
        border: 1px solid #D6D6D6;
        overflow: hidden;
        font-weight: lighter;
        padding: 30px 40px;
        margin-bottom: 20px
    }

        .chset_wrap .ch_box .char_img {
            position: relative;
            float: left;
            width: 130px;
            height: 130px
        }

        .chset_wrap .ch_box .figure_char .badge_ch, .chset_wrap .no_char .figure_char, .chset_wrap .no_char .char_txt .caution {
            background: url("/common/spr_bg_chset.png") no-repeat
        }

        .chset_wrap .ch_box .figure_char {
            display: block;
            width: 100%;
            height: 100%;
            border-radius: 100%
        }

        .chset_wrap .ch_box .char_txt {
            float: right;
            width: 580px
        }

        .chset_wrap .ch_box .char_info {
            position: relative;
            font-size: 0;
            height: 19px;
            margin-bottom: 20px
        }

            .chset_wrap .ch_box .char_info span {
                display: inline-block;
                *zoom: 1;
                vertical-align: top
            }

            .chset_wrap .ch_box .char_info .nickname {
                font-size: 16px;
                line-height: 19px;
                margin-left: 7px
            }

            .chset_wrap .ch_box .char_info dl {
                position: absolute;
                top: 0;
                right: 0;
                overflow: hidden
            }

            .chset_wrap .ch_box .char_info dt, .chset_wrap .ch_box .char_info dd {
                display: inline-block;
                *display: inline;
                *zoom: 1;
                vertical-align: baseline
            }

            .chset_wrap .ch_box .char_info dt {
                color: #808080;
                font-size: 12px;
                margin: 0 5px 0 18px
            }

            .chset_wrap .ch_box .char_info dd {
                font-size: 16px;
                line-height: 19px
            }

        .chset_wrap .ch_box .greet_area {
            border-top: 2px solid #E5E5E5;
            padding-top: 12px
        }

            .chset_wrap .ch_box .greet_area p, .chset_wrap .ch_box .text_area textarea {
                font-size: 16px;
                line-height: 19px
            }

            .chset_wrap .ch_box .greet_area p {
                word-wrap: break-word
            }

            .chset_wrap .ch_box .greet_area .greet_btn {
                text-align: right;
                font-size: 0;
                margin-top: 17px
            }

                .chset_wrap .ch_box .greet_area .greet_btn button {
                    display: inline-block;
                    *zoom: 1;
                    height: 32px;
                    vertical-align: top;
                    padding: 0 10px
                }

                .chset_wrap .ch_box .greet_area .greet_btn .btn_blue {
                    font-size: 14px;
                    margin-left: 5px
                }

                .chset_wrap .ch_box .greet_area .greet_btn .btn_light {
                    background: #899DB8;
                    font-size: 12px;
                    font-weight: lighter;
                    color: #fff
                }

                    .chset_wrap .ch_box .greet_area .greet_btn .btn_light:hover {
                        background: #466385
                    }

        .chset_wrap .ch_box .text_area {
            display: none;
            overflow: hidden
        }

        .chset_wrap .ch_box .char_greeting.t_open .text_area {
            display: block
        }

        .chset_wrap .ch_box .char_greeting.t_open .greet_area {
            display: none
        }

        .chset_wrap .ch_box .text_area .placeholdersjs {
            color: #333
        }

        .chset_wrap .ch_box .text_area .text_wrap {
            float: left;
            width: 465px;
            height: 44px;
            border: 1px solid #E3E3E3;
            padding: 12px 14px
        }

        .chset_wrap .ch_box .text_area textarea {
            display: block;
            width: 100%;
            height: 100%;
            border: 0 none;
            resize: none;
            font-weight: lighter
        }

            .chset_wrap .ch_box .text_area textarea:focus {
                outline: 0
            }

        .chset_wrap .ch_box .text_area button {
            float: right
        }

            .chset_wrap .ch_box .text_area button span {
                display: block;
                color: #ffd147;
                font-size: 12px
            }

            .chset_wrap .ch_box .text_area button .commcount {
                display: inline
            }

    .chset_wrap .major_char {
        border: 6px solid #466385
    }

        .chset_wrap .major_char .figure_char .badge_ch {
            position: absolute;
            left: -16px;
            bottom: 2px;
            width: 163px;
            height: 36px;
            color: #fff;
            text-align: center;
            font-size: 14px;
            line-height: 30px
        }

    .chset_wrap .no_char .figure_char {
        background-position: 0 -79px
    }

    .chset_wrap .no_char .char_txt {
        color: #666;
        padding-top: 44px
    }

        .chset_wrap .no_char .char_txt p {
            font-size: 14px;
            font-weight: normal
        }

        .chset_wrap .no_char .char_txt .caution {
            height: 16px;
            line-height: 16px;
            color: #d93126;
            background-position: 0 -264px;
            padding-left: 22px;
            margin-top: 14px
        }