@charset "utf-8";

#head_info {

    margin-bottom:5px;
    border-bottom: 1.5px solid #eee;
}

.reply {
    margin-left: 15px;
}

.title {
    margin-left: 10px;
    display: inline-block;
}

.category {
    margin-left: 10px;
    width: 80px;
    display:inline-block;
}

.board-category {
    min-width: 110px;
    width: 110px;
    display: inline-block;
    margin-left: 5px;
    height: 25px;
}


.private {
    border: 1px solid #ff0000;
    color: #ff0000;
    background: #fff;
    display: inline-block;
    padding: 4px;
    height: 28px;
}

#wcmt_btn_submit {
    width: 100px;
    background: #444;
    border-radius: 0;
    border: 0;
    color: #fff;
    height: 34px;
    font-size: 0.9rem;
    text-align:center;
    float:right;
}

.CommentSubmit {
    margin: 0;
    padding: 5px;
    border: 0;
    border-radius: 3px;
    background: #7e00ff;
    color: #fff;
    font-size: 1.2rem;
    letter-spacing: -0.1em;
}

.vcmt_name {
    position: relative;
    margin: 0 0 0 65px;
    padding: 5px;
    font-size: 0.8rem;
}

.vcmt_button {
    position: relative;
    margin-top: -25px;
    margin-bottom: 23px;
}

body, input, button, textarea, select {
    font-family: "Apple SD Gothic Neo", "Malgun Gothic", "맑은 고딕", sans-serif;
}

ul, li, ol, dl, dd, dt {
    list-style: none;
    padding: 0;
    margin: 0
}

label, input, button, select, img {
    vertical-align: middle
}

.iboard_mb_icon {
    display: inline-block;
    width: 22px;
    height: 22px;
    vertical-align: middle
}


.btn_cke_sc, .btn_cke_preview, .btn_save_temp {
    display: inline-block;
    padding: 0 10px;
    border: 1px solid #ccc;
    background: #f1f5f9;
    color: #000;
    text-decoration: none;
    line-height: 1.9em;
    vertical-align: middle;
    cursor: pointer;
    margin-bottom: 5px
}

.cke_sc_def {
    margin: 0 0 5px;
    padding: 10px;
    border: 1px solid #ccc;
    background: #f1f5f9;
    text-align: center
}

    .cke_sc_def dl {
        margin: 0 0 5px;
        text-align: left;
        zoom: 1
    }

        .cke_sc_def dl:after {
            display: block;
            visibility: hidden;
            clear: both;
            content: ""
        }

    .cke_sc_def dt, .cke_sc_def dd {
        float: left;
        margin: 0;
        padding: 5px 0;
        border-bottom: 1px solid #e8e8e8
    }

    .cke_sc_def dt {
        width: 20%;
        font-weight: bold
    }

    .cke_sc_def dd {
        width: 30%
    }


.iboard_ful li div {
    line-height: 1.5em
}

    .iboard_ful li div.req_select {
        margin: 8px 0 2px 0
    }

        .iboard_ful li div.req_select label {
            display: none
        }

#Save {
    background: #7e00ff;
    color: #fff;
    font-size: 0.9rem;
    cursor: pointer;
    width: 133px;
    height: 44px;
    color: #fff;
    font-weight: bold;
}

.iboard_bw01.iboard_bw {
    clear: both;
    margin: 20px 0;
    text-align: center;
    zoom: 1;
}

    .iboard_bw01.iboard_bw:after {
        display: block;
        visibility: hidden;
        content: "";
        clear: both;
        width: 100%;
        height: 0;
        overflow: hidden
    }

.iboard_ful input#wr_download_point {
    width: 80px
}

/* v16/view.skin.php */
.iboard_vbo {
    z-index: 100;
    clear: both;
    position: relative;
    margin: 20px 0 10px;
    zoom: 1
}

    .iboard_vbo:after {
        display: block;
        visibility: hidden;
        content: "";
        clear: both;
        width: 100%;
        height: 0;
        overflow: hidden
    }

    .iboard_vbo .vbo_head {
        z-index: 10000;
        position: relative;
        padding: 0 0 10px;
        width: auto;
        border-bottom: 1px solid #f1f5f9;
        line-height: 1.5em;
        margin-bottom: 10px
    }

        .iboard_vbo .vbo_head .head_h2 {
            width: 0;
            height: 0;
            overflow: hidden
        }

        .iboard_vbo .vbo_head img {
            border: 1px solid #ddd;
            vertical-align: top
        }

        .iboard_vbo .vbo_head #head_title {
            display: block;
            margin: 0 70px 0 0;
            line-height: 1.6em;
            font-size: 1.0rem;
            font-weight: normal;
            word-break: break-all;
            overflow: hidden;
            word-wrap: break-word
        }

        .iboard_vbo .vbo_head #head_info {
            position: relative;
            margin: 5px 0px 0 -23px;
            padding: 0;
            height: 35px;
            list-style: none;
            zoom: 1
        }

            .iboard_vbo .vbo_head #head_info:after {
                display: block;
                visibility: hidden;
                content: "";
                clear: both;
                width: 100%;
                height: 0;
                overflow: hidden
            }

            .iboard_vbo .vbo_head #head_info li {
                float: left;
                margin-right: 10px;
                padding-right: 5px;
                height: 22px;
                line-height: 2em
            }

                .iboard_vbo .vbo_head #head_info li img {
                    background: #fff;
                    vertical-align: middle
                }

            .iboard_vbo .vbo_head #head_info #sideview li {
                float: none;
                margin-right: 0;
                padding-right: 0;
                height: 25px
            }

        .iboard_vbo .vbo_head #head_img {
            position: absolute;
            top: 0;
            right: 0
        }

            .iboard_vbo .vbo_head #head_img img {
                width: 58px;
                height: 58px
            }

            .iboard_vbo .vbo_head #head_img span {
                border: 1px solid #f1f5f9
            }

.singo_view {
    display: none
}

.iboard_vbo_cmd {
    float: left;
    margin: 5px 0;
    padding: 0;
    list-style: none;
    zoom: 1
}

    .iboard_vbo_cmd:after {
        display: block;
        visibility: hidden;
        content: "";
        clear: both;
        width: 100%;
        height: 0;
        overflow: hidden
    }

    .iboard_vbo_cmd li {
        float: left;
        margin: 0 1px 0 0
    }

    .iboard_vbo_cmd a {
        margin: 0
    }


/* 인기태그 */
#qa_favorite_tags div a {
    margin-top: 2px;
    margin-bottom: 2px
}


/* 댓글 */
.iboard_vbo .vcmt_btn {
    position: absolute;
    top: 10px;
    right: 25px;
    margin: 0;
    padding: 0;
    list-style: none;
    zoom: 1;
    z-index: 99998
}

    .iboard_vbo .vcmt_btn li { /*position:relative;*/
        float: none;
        margin: 0;
        text-align: center
    }

#comment_file_form {
    position: relative;
    border: 1px solid #d6dee4;
    border-top: 0;
    clear: both;
    background: #f1f5f9
}

.char_count_limit {
    position: absolute;
    right: 100px;
    top: 0px;
    font-size: 1.2rem;
    color: #999;
    text-align: right;
    line-height: 18px
}

#char_count {
    color: #7e00ff
}

.iboard_vbo .vcmt_btn_pop {
    position: absolute;
    top: 10px;
    right: 25px;
    margin: 0;
    padding: 0;
    border: 1px solid #d6dee4;
    list-style: none;
    zoom: 1;
    z-index: 99998
}

    .iboard_vbo .vcmt_btn_pop li { /*position:relative;*/
        float: none;
        margin: 0;
        padding: 0;
        text-align: center;
        background: #fff
    }

        .iboard_vbo .vcmt_btn_pop li:hover a {
            color: #7e00ff
        }

.iboard_vbo .vcmt_btn a {
    font-size: 1.2rem;
    letter-spacing: -0.1em;
    color: gray;
    display: block;
    padding: 12px 0;
    text-decoration: none
}

.iboard_vbo .vcmt_btn span {
    position: relative;
    margin-top: -2px;
    vertical-align: middle
}

.iboard_vbo .vcmt_btn button {
    margin: 0;
    border: 0;
    background: transparent;
    padding: 12px 0;
    text-align: center
}

.iboard_vbo .vcmt_btn b {
    color: #ff4e8f;
    text-indent: -999px;
    overflow: hidden;
    position: absolute;
    width: 0;
    padding: 0;
    height: 0
}

.iboard_vbo .vcmt_content_wrp {
    margin: 5px 0 0 65px;
    padding: 0 0 0 5px;
    min-height: 30px
}

.iboard_vbo .vcmt_content .is_newbie {
    margin: 5px 0 0;
    color: #aa9fb5;
    font-size: 0.875em;
    letter-spacing: -0.1em
}

.iboard_vbo_com {
    float: right
}

.iboard_vbo .vcmt_btn_pop .cmt_singo_re {
    letter-spacing: -0.1em;
    color: gray;
    font-size: 1.2rem
}

.iboard_vbo .vcmt_btn_pop li:hover .cmt_singo_re {
    color: #7e00ff
}

.iboard_vbo .vcmt_btn .cmt_singo_re {
    letter-spacing: -0.1em;
    color: gray;
    font-size: 1.2rem
}

.iboard_vbo .vcmt_btn li:hover .cmt_singo_re {
    color: #7e00ff
}

.iboard_vbo #vbo_wcmt {
    margin-bottom: 10px
}

.iboard_vbo .anchor-ipdate:hover {
    color: #999;
    text-decoration: none
}

.iboard_vbo .vcmt_ip {
    display: inline-block;
    color: #999;
    font-size: 1.2rem
}

.iboard_vbo #fcomment #wcmt_content {
    float: none
}

    .iboard_vbo #fcomment #wcmt_content .iboard_ta {
        margin-right: 100px
    }

    #wcmt_content textarea {
        display: block;
        padding: 5px;
        width: 100%;
        max-width: 630px;
        background: #f2f2f2;
        font-size: 0.7rem
    }

.vcmt_content img {
    max-width: 100%
}

.iboard_singo_view {
    display: none
}
/* 댓글 신고시 붙는 class */



/* 본문 아래 이전글 다음글 */
#iboard_view_pn {
    clear: both;
    padding-bottom: 200px
}
    /* sideview가 짤릴수 있으므로 padding-bottom 을 줌 */
    #iboard_view_pn ul {
        border-top: 1px solid #f1f5f9;
        list-style: none;
        margin: 0;
        padding: 0;
        zoom: 1
    }

        #iboard_view_pn ul:after {
            display: block;
            visibility: hidden;
            content: "";
            clear: both;
            width: 100%;
            height: 0;
            overflow: hidden
        }

    #iboard_view_pn li {
        position: relative;
        border-bottom: 1px solid #f1f5f9;
        border-top: 0
    }

    #iboard_view_pn .li_prev, #iboard_view_pn .li_next {
        position: absolute;
        top: 10px;
        left: 0;
        width: 60px;
        text-align: center
    }

    #iboard_view_pn .li_title {
        padding: 10px 0;
        word-break: break-all;
        margin: 0 225px 0 60px
    }

    #iboard_view_pn .li_none {
        color: #999
    }

    #iboard_view_pn .li_info {
        position: absolute;
        top: 10px;
        right: 10px;
        text-align: right
    }

        #iboard_view_pn .li_info .info_nick {
            position: relative;
            width: 110px;
            display: inline-block;
            vertical-align: middle;
            text-align: left
        }

    #iboard_view_pn .title_cmt {
        color: #ff4e8f
    }

    #iboard_view_pn .info_reply {
        display: inline-block;
        width: 30px;
        text-align: center
    }

    #iboard_view_pn .info_reply2 {
        color: #aaa
    }

    #iboard_view_pn .info_reply3 {
        background: #f1f5f9;
        color: #777
    }

    #iboard_view_pn .info_reply4 {
        background: #ff9c00;
        color: #fff
    }

    #iboard_view_pn .info_reply5 {
        color: #aaa
    }

/* QA에서의 sideview */
.iboard_pg_wrp.iboard_qa_pagenav {
    margin-bottom: 120px
}

#iboard_qa .iboard_ulwrp ul li .sv_wrap .sv {
    display: none
}

#iboard_qa .iboard_ulwrp ul li .sv_on {
    top: 50px
}

#iboard_qa .iboard_ulwrp ul li span {
    vertical-align: middle
}

#iboard_qa .iboard_ulwrp ul li .li_icon {
    vertical-align: top
}

#iboard_qa .sv_wrap span.member {
    width: 82px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: normal;
}

/* 부가서비스 이니시스 타겟 마케팅 */
.inicis_target_banner1 img {
    max-width: 100%;
    height: auto
}

.inicis_target_contents .info-faq h3 {
    padding-left: 10px
}

.inicis_target_contents .info-faq p {
    padding-left: 10px
}

.inicis_target_download h2 {
    margin-bottom: 10px
}

.inicis_target_download p {
    line-height: 32px
}

.inicis_target_download a {
    color: #6c3f9a
}

.inicis_target_download .inicis_marketing_document {
    width: 275px;
    padding-left: 15px;
    font-weight: bold;
    font-size: 1.2rem;
    text-decoration: none
}

/* 부가서비스 신청 완료 페이지 */
.iboard_pvdr_r .pvdr_desc {
    padding: 15px 0
}

.iboard_pvdr_r .pvdr_wrp section {
}

.iboard_pvdr_r .pvdr_wrp h2 {
}

.iboard_pvdr_r dl {
    margin: 0;
    padding: 0;
    zoom: 1
}

    .iboard_pvdr_r dl:after {
        display: block;
        visibility: hidden;
        clear: both;
        content: ""
    }

.iboard_pvdr_r dt {
    clear: both;
    float: left;
    margin: 0 10px 10px 0;
    font-weight: bold
}

.iboard_pvdr_r dd {
    float: left;
    margin: 0 10px 10px 0;
    padding: 0
}

.iboard_pvdr_r ol {
    margin: 0;
    padding: 0 0 0 21px
}

    .iboard_pvdr_r ol li {
        margin: 0 0 10px;
        line-height: 1.8em
    }

/* 모바일웹 으로 이동 */
.mobile_go_box {
    clear: both;
    min-width: 1050px
}

    .mobile_go_box a {
        display: block;
        margin: 1em;
        padding: 1em;
        background: #e1e5ec;
        font-size: 3.6rem;
        text-align: center
    }

/* <code></code> 처리 */
code {
    font-family: monospace,serif;
    font-size: 1.3em
}

/* /main/service/my_service.php */
#lgu_service_result table td {
    word-break: break-all;
    width: auto
}

a.underline {
    text-decoration: underline
}

.vbo_head a.underline {
    color: #484848
}

a#vcmt_anchor {
    display: block;
    height: 0;
    overflow: hidden;
    clear: both
}

/* 뎃글 페이징 */
.comment_paging_wrap {
    border-top: 1px solid #f1f5f9;
    padding-top: 30px
}

/* bbs/register_email.php */
form.email_find_form {
    padding: 1em
}

.email_find_form .frm_input {
    width: 254px;
    height: 37px;
    line-height: 37px;
    padding: 0 0 0 20px;
    border: 1px solid #c2c2c2;
    font-size: 1.4rem;
    background: #fff;
    margin-bottom: 5px
}

.email_find_form .btn_confirm {
    padding: 30px 0 10px
}

.email_find_form table, .email_find_form table caption {
    text-align: left
}

.email_find_form caption {
    padding: 8px 0;
    font-weight: bold;
    text-align: left
}

.email_find_form table td {
    padding: 8px
}

.write_preview_group_box {
    clear: both;
    margin-top: 15px
}

.iboard_ulwrp ul li.iboard_li.answer_li {
    clear: both
}

/*메뉴얼 분류 관리*/
.add_sol {
}

.add_cate {
}

/* 소셜 페이지 부분 */
#social_guide {
    padding: 20px
}

#social_link_create_box {
    padding: 0 20px 20px
}

.social_account_ask {
    margin-top: 20px;
    zoom: 1
}

    .social_account_ask:after {
        display: block;
        visibility: hidden;
        clear: both;
        content: ""
    }

    .social_account_ask li.w50 {
        float: left;
        width: 50%
    }

    .social_account_ask li .btn01 {
        border: 1px solid #c2c2c2;
        background: #fff;
        padding: 10px 0;
        text-align: left;
        width: 82px;
        padding-left: 10px;
        display: inline-block
    }

    .social_account_ask li button.btn01 {
        width: 148px
    }

    .social_account_ask li h4, .social_account_ask li p {
        margin-bottom: 10px
    }

#social_login_box {
    width: 260px;
    margin: 20px 20px 30px
}

    #social_login_box .back_page_return {
        color: #999;
        display: block;
        margin: 15px 0 0
    }

/* 마이페이지 수정에서 소셜 연결된 목록 */
.social_login_container {
    margin: 20px 0
}

    .social_login_container .account_provider {
        position: relative;
        margin: 10px 0
    }

        .social_login_container .account_provider dd {
            border-bottom: 1px solid #d6dee4;
            padding: 6px 0 7px 0
        }

        .social_login_container .account_provider dt {
            position: absolute;
            top: 20px;
            right: 0
        }

.subidx_img6 {
    text-align: left;
    margin-left: -6px;
    margin-bottom: 20px;
    padding: 0;
    zoom: 1
}

#con_lf .subidx_img6 .cmall_tit {
    width: 114px !important;
    padding: 0;
    margin: 0 5px
}

.subidx_img6:after {
    display: block;
    visibility: hidden;
    clear: both;
    content: ""
}

#con_lf .new_con_cm .subidx_img6 li {
    float: left;
    width: 16.66666667%;
    position: relative;
    margin: 0 !important
}

.subidx_img6 .cmall_img, .subidx_img6 .cmall_tit {
    position: relative;
    padding: 0 6px
}

#con_lf .new_con_cm .subidx_img6 li img {
}

#con_lf .new_con_cm .subidx_img6 li .is_video {
    position: absolute;
    left: 15px;
    bottom: 7px;
    color: #fff;
    background: url('../img/sub/video_icon.png') no-repeat;
    display: inline-block;
    width: 29px;
    height: 22px;
    text-indent: -999px;
    overflow: hidden
}

/* 친구보기 bbs/myfriend.php */
.friend_list {
    margin: 15px 0
}

    .friend_list li {
        position: relative;
        padding-top: 10px;
        padding-bottom: 10px;
        border-bottom: 1px solid #d9e1e5;
        text-align: center;
        zoom: 1
    }

        .friend_list li.thead {
            letter-spacing: -0.1em;
            border-top: 2px solid #000;
            background: #e1e5ec
        }

        .friend_list li:after {
            display: block;
            visibility: hidden;
            clear: both;
            content: ""
        }

        .friend_list li span.th, .friend_list li span.td {
            float: left;
            padding: 2px 0;
            text-align: center;
            margin: 0 auto;
            display: block;
            line-height: 52px
        }

        .friend_list li span.th {
            line-height: 20px
        }

        .friend_list li .iboard_mb_img {
            float: none;
            padding: 0
        }

        .friend_list li span.s_num {
            width: 5%
        }

        .friend_list li span.s_image {
            width: 20%
        }

        .friend_list li span.s_nickname {
            width: 40%;
            position: relative
        }

        .friend_list li span.td.s_nickname {
            text-align: left;
            margin: 0
        }

            .friend_list li span.td.s_nickname .sv_wrap {
                margin-left: 50px
            }

        .friend_list li span.s_date {
            width: 30%
        }

        .friend_list li span.s_del {
            position: absolute;
            top: 28px;
            right: 10px;
            padding: 3px;
            line-height: 18px
        }

            .friend_list li span.s_del a {
                display: block;
                background: #ff4e8f;
                width: 22px;
                height: 22px
            }

        .friend_list li span.sv_wrap {
            float: none;
            display: inline-block
        }

.friend_page .iboard_b01_adm {
    display: inline-block;
    padding: 0 10px;
    height: 25px;
    border: 0;
    background: #606060 !important;
    color: #fff !important;
    vertical-align: middle;
    text-align: center;
    line-height: 2.2em;
    font-size: 1.2rem
}

.friend_page li .sv {
    padding: 0;
    float: none;
    vertical-align: middle;
    top: 35px
}

.friends_totals {
    padding: 10px 0
}

.ask_friend_manage_btn {
    display: inline-block;
    background-color: #fff;
    color: #333;
    padding: 5px 10px;
    border: 1px solid #ccc;
    border-radius: 4px
}

/* 애드센스가 안보이면 애드블럭 */
.is_adblock {
    position: relative;
    text-align: center
}

    .is_adblock .child {
        position: absolute;
        vertical-align: middle;
        top: 50%;
        left: 0;
        right: 0;
        color: #999;
        text-align: center;
        margin-top: -9px
    }

/* QA에서 에드센스 노출 */
#adsense_view.is_qa_adsense_view {
    margin: 2em 0 0
}

/* 댓글 채팅 skin/board/v16_chat */
.comment-check-ing-list ul {
    padding: 1em
}

.comment-check-ing-list li {
    padding: 4px 0;
    color: #999;
    font-size: 1.2rem
}

.vbo_vcmt_chat, .iboard_vbo .vbo_vcmt.vbo_vcmt_chat {
    clear: both;
    position: relative;
  /*  border: 1px solid #d6dee4;*/
/*    background: #f1f5f9;*/
/*    padding: 10px 0;
    zoom: 1*/
}

    .vbo_vcmt_chat.no-comment, .iboard_vbo .vbo_vcmt.vbo_vcmt_chat.no-comment {
        border: 0 none;
        border-top: 1px solid #e8e8e8;
        padding: 0
    }

    .vbo_vcmt_chat:after {
        display: block;
        visibility: hidden;
        content: "";
        clear: both;
        width: 100%;
        height: 0;
        overflow: hidden
    }

.vcmt_img_chat {
    position: absolute;
    top: 10px;
    width: 58px;
    height: 58px
}

    .vcmt_img_chat img {
        width: 58px;
        height: 58px;
        border-radius: 50%
    }

    .vcmt_img_chat .iboard_mb_img {
        display: inline-block;
        width: 58px;
        height: 58px;
        background: url('../img/common/icon-chat.png') 0 0 no-repeat;
        vertical-align: middle;
        border-radius: 50%
    }
/* 프로필 */
.vbo_vcmt_chat .vcmt {
    clear: both;
    position: relative;
    padding: 10px 15px;
    background: #f1f5f9;
    color: #000;
    word-break: break-all;
    border-top: none
}

.vbo_vcmt_chat .vcmt {
    margin-top: 0
}

.vcmt_content_chat_wrp .vcmt_content {
    display: block;
    position: relative;
    margin: 8px 0 0 75px;
    padding: 7px;
    background: #feffff;
    border: 1px solid #dadada;
    border-radius: 5px;
    font-size: 0.8rem;
}

    .vcmt_content_chat_wrp .vcmt_content::after {
        content: "";
        display: inline-block;
        position: absolute;
        top: 5px;
        left: -10px;
        border: 5px solid transparent;
        border-top-color: #dadada;
        border-right-color: #dadada;
    }

    .vcmt_content_chat_wrp .vcmt_content .s_cmt {
        text-decoration: underline
    }

.vcmt_content_chat_wrp .fcomment_wrap_chat {
    clear: both;
    padding-top: 10px
}

.vbo_vcmt_chat .comment_paging_wrap {
    border-top: 1px dashed #e8e8e8
}

.vbo_vcmt_chat .vcmt_ip {
    display: inline-block;
    margin: 0 -5px 0 5px
}

.vcmt_content_chat_wrp .vcmt_content a {
    text-decoration: underline;
    color: #0782C1
}

.fcomment_wrap_chat {
    position: relative
}

    .fcomment_wrap_chat .comment_cancel {
        display: none;
        position: absolute;
        bottom: 15px;
        right: 10px;
        z-index: 1
    }

        .fcomment_wrap_chat .comment_cancel .comment_cancel_btn {
            background: #444;
            padding: 5px;
            color: #fff
        }

.vcmt_content_chat_wrp .fcomment_wrap_chat .comment_cancel {
    display: block
}

#fcomment {
    background: #f1f5f9;
    padding: 10px 10px;
    overflow: hidden;
    position: relative;
    margin-top: -1px;
    border: 1px solid #d6dee4;
    border-bottom: 0
}


.fcomment_wrap_chat #wr_cancel {
    width: 80px;
    color: #999;
    height: 30px;
    font-size: 1.2rem;
    position: absolute;
    right: 10px;
    bottom: 10px;
    letter-spacing: -0.1em;
    z-index: 1;
}

.fcomment_wrap_chat .iboard_ta {
    margin-right: 90px
}

.fcomment_wrap_chat .wt_secret_wr {
    position: inherit;
    font-size: 1.1rem;
    display: inline-block;
    width: 70px
}

.fcomment_wrap_chat #fcomment #wcmt_content textarea {
    height: 57px;
    border: 1px solid #fff;
    background: #feffff;
    margin-bottom: 5px
}

.fcomment_wrap_chat #wcmt_img {
    padding: 0 10px 15px;
    border: 0;
    display: inline-block;
}

.fcomment_wrap_chat #wcmt_guest {
    display: block
}

.fcomment_wrap_chat .wt_secret_wr {
    padding: 5px 0
}

.vbo_vcmt_chat .content_right .vcmt_img_chat,
.vbo_vcmt_chat .content_right .vcmt_name .sv_wrap,
.vbo_vcmt_chat .content_right .iboard_ico01_reply_1,
.vbo_vcmt_chat .vcmt .iboard_ico01_reply_1 {
    display: none
}

.content_right .vcmt_content_chat_wrp {
    position: relative;
    min-height: 50px
}

    .content_right .vcmt_content_chat_wrp:after {
        display: block;
        visibility: hidden;
        clear: both;
        content: ''
    }

    .content_right .vcmt_content_chat_wrp .vcmt_content {
        background: #D3E3F4;
        border: 1px solid #BFDCEE
    }

        .content_right .vcmt_content_chat_wrp .vcmt_content::after {
            content: "";
            display: inline-block;
            position: absolute;
            left: auto;
            right: -10px;
            border: 5px solid transparent;
            border-top-color: #BFDCEE;
            border-left-color: #BFDCEE;
        }

    .content_right .vcmt_content_chat_wrp .mention_user_info {
        font-weight: bold;
        text-decoration: none !important
    }

.mention_user_info {
    font-weight: bold;
    color: #7e00ff !important;
    text-decoration: none !important
}

.iboard_vbo .content_right .vcmt_name {
    padding: 5px
}

.content_right .vcmt_content_chat_wrp .iboard_singo_msg {
    float: right;
    margin: 0px 20px 0px 5px;
    background: #f1f5f9;
    display: inline-block;
    border-radius: 5px;
    padding: 7px;
    border: 1px solid #d6dee4;
    max-width: 60%;
    line-height: 18px;
    color: #bc746b
}

/* 댓글 채팅 skin/board/v16_chat - 베스트*/
.vbo_vcmt_best {
    background: #ffe2e2;
    border: 1px solid #f5d0dc;
    margin-bottom: -1px;
    position: relative;
    padding: 10px 0;
    z-index: 3
}

    .vbo_vcmt_best .vcmt {
        background: #ffe2e2;
        border-top: 0;
        padding: 10px 15px
    }

    .vbo_vcmt_best .best_icon {
        font-size: 1.1rem;
        letter-spacing: -0.1em;
        display: inline-block;
        padding: 0 5px;
        border: 1px solid #ff4e8f;
        color: #ff4e8f;
        margin-right: 3px;
        border-radius: 4px
    }

.vcmt .comment-good {
    background: #fff;
    border: 1px solid #dcdcde;
    padding: 0 8px;
    height: 22px;
    color: #ff4e8f
}

    .vcmt .comment-good .icon-img {
        display: inline-block;
        width: 20px;
        height: 20px;
        background-size: 10px;
        vertical-align: top
    }

.vcmt .comment-nogood {
    background: #fff;
    border: 1px solid #dcdcde;
    padding: 0 8px;
    height: 22px;
    color: #406bf8
}

    .vcmt .comment-nogood .icon-img {
        display: inline-block;
        width: 20px;
        height: 20px;
        background-size: 10px;
        vertical-align: top
    }

.vcmt .comment-good.me_choose {
    background-color: #fff;
    border-color: #ff4e8f
}

.vcmt .comment-nogood.me_choose {
    background-color: #fff;
    border-color: #406bf8
}

/* +++++++++++++++++++++ add.css +++++++++++++++++++++ */

/* 아이디/비밀번호 찾기 */
#find_info #mb_hp_label {
    display: inline-block;
    margin-left: 10px
}

#find_info #info_fs {
    margin: 0 20px 10px;
    padding: 0;
    background: #fff
}

    #find_info #info_fs .fvkqm_input {
        width: 70%
    }

#find_info p {
    margin: 0 0 10px;
    line-height: 1.8em
}

#find_info #captcha {
    margin: 0 20px
}

#find_info .find_info_mail {
    margin: 0 10px 10px;
    padding: 10px 15px;
    background: #D3E3F4;
    line-height: 1.6em
}

    #find_info .find_info_mail a {
        color: #113ece;
        text-decoration: underline
    }

/* 스크랩 */
.new_win {
    width: 100% !important
}

#scrap_do table {
    margin: 0 0 10px;
    width: 100%
}

    #scrap_do table caption {
        display: none
    }

#scrap_do textarea {
    height: 200px
}

#scrap_do #wr_content {
    width: 400px;
    margin: 8px 0
}

#scrap_do p.win_desc {
    text-align: center;
    margin-bottom: 30px
}

/* 비밀글 비밀번호 확인 */
#pw_confirm {
    margin: 0 auto;
    padding: 100px 0;
    width: 500px;
    text-align: center
}

    #pw_confirm h1 {
        margin: 0 0 10px;
        font-size: 1.8rem;
        font-weight: bold
    }

    #pw_confirm p {
        padding: 30px;
        border: 1px solid #d6e7f5;
        border-bottom: 0;
        background: #fff;
        line-height: 20px;
        text-align: left
    }

        #pw_confirm p strong {
            display: block
        }

    #pw_confirm fieldset {
        margin: 0 0 30px;
        padding: 60px 0;
        border: 1px solid #e8e8e8;
        background: #f1f5f9;
        text-align: center
    }

        #pw_confirm fieldset .frm_input {
            background-color: #fff !important;
            padding: 5px 0;
            width: 150px;
            border: 1px solid #CCC
        }

    #pw_confirm label {
        margin: 0 5px
    }

#pw_confirm_id {
    display: inline-block;
    margin-right: 20px;
    font-weight: bold
}

#pw_confirm .btn_submit {
    background: #545454;
    border: 0;
    padding: 5px;
    color: #fff
}

/* 폼메일 */
#formmail #subject {
    width: 386px
}

#formmail textarea {
    height: 100px;
    width: 386px
}

#formmail .tbl_form table {
    border-top: 2px solid #000
}

#formmail #file1, #formmail #file2 {
    border: none;
    color: #999;
    padding: 0
}

/* 자기소개 */
#profile {
    position: relative
}

    #profile table {
        margin-bottom: 0
    }

    #profile section {
        margin: 0 auto;
        padding: 20px
    }

    #profile h2 {
        margin: 0
    }

    #profile .tnb_over {
        overflow: hidden;
        position: absolute;
        top: 14px;
        right: 20px
    }

        #profile .tnb_over li {
            float: left;
            text-align: center;
            margin-left: 9px
        }

            #profile .tnb_over li a {
                font-weight: normal;
                display: inline-block;
                font-size: 1.1rem;
                letter-spacing: -1px;
                color: #666
            }

                #profile .tnb_over li a:hover {
                    color: #7e00ff
                }

    #profile section h2 {
        font-size: 1.4rem
    }

    #profile section p {
        padding: 10px;
        background: #f1f5f9;
        min-height: 50px;
        line-height: 1.7em
    }

/* 접근성 */
#skip_to_container a {
    z-index: 100000;
    position: absolute;
    top: 0;
    left: 0;
    width: 1px;
    height: 1px;
    font-size: 0;
    line-height: 0;
    overflow: hidden
}

    #skip_to_container a:focus, #skip_to_container a:active {
        width: 100%;
        height: 75px;
        background: #21272e;
        color: #fff;
        font-size: 2.4rem;
        font-weight: bold;
        text-align: center;
        text-decoration: none;
        line-height: 3.3em
    }

.msg_sound_only, .sound_only {
    display: inline-block !important;
    position: absolute;
    top: 0;
    left: 0;
    margin: 0 !important;
    padding: 0 !important;
    font-size: 0;
    line-height: 0;
    border: 0 !important;
    overflow: hidden !important
}

.accessibility {
    width: 0px;
    height: 0px;
    font-size: 0;
    line-height: 0;
    overflow: hidden
}

/*******layout*******/
#wrapper {
    padding: 0 0 20px;
    width: 100%
}

    #wrapper.wrapper-pad {
        padding: 20px 0
    }

    #wrapper .container {
        margin: 0 auto 0;
        width: 1050px
    }

.container:after {
    display: block;
    visibility: hidden;
    clear: both;
    content: ""
}

/*최신글*/
#main_new {
    overflow: hidden;
    width: 730px;
    float: left;
    margin-right: 20px
}

    #main_new .new_con {
        width: 355px;
        float: left;
        margin: 0 20px 0 0;
        padding-bottom: 35px
    }

    #main_new h2 {
        font-size: 1.4rem;
        color: #333;
        border-bottom: 2px solid #000;
        padding-bottom: 12px;
        margin-bottom: 17px
    }

        #main_new h2 a {
            text-decoration: none;
            color: #000
        }

        #main_new h2 i {
            margin-right: 5px
        }

        #main_new h2.yc5_tit i {
            font-size: 1.3rem
        }

        #main_new h2.g5_tit i {
            font-size: 1.5rem
        }

        #main_new h2.hot_tit i {
            font-size: 1.6rem
        }

#idx-latest-tabs2 {
    width: 728px;
    height: 225px;
    margin-bottom: 10px;
    zoom: 1;
    border: 1px solid #d6dee4;
    font-size: 1.3rem;
    overflow: hidden
}

    #idx-latest-tabs2:after {
        display: block;
        visibility: hidden;
        clear: both;
        content: ""
    }

    #idx-latest-tabs2 .idx-latab-button {
        margin-top: 158px
    }

    #idx-latest-tabs2 #idx-latab-popcon {
        height: 205px
    }

        #idx-latest-tabs2 #idx-latab-popcon .idx-tab-pct {
            margin-top: 25px
        }

    #idx-latest-tabs2 .img_latest {
        height: 144px;
        padding: 10px 12px 5px;
        background: #fff
    }

        #idx-latest-tabs2 .img_latest:after {
            display: block;
            visibility: hidden;
            clear: both;
            content: ""
        }

        #idx-latest-tabs2 .img_latest li {
            float: left;
            width: 153px;
            height: 105px;
            margin-left: 15px;
            position: relative;
            margin-bottom: 10px
        }

        #idx-latest-tabs2 .img_latest .latest_1 {
            margin-left: 0
        }

    #idx-latest-tabs2 .iboard_lt ul li {
        line-height: 15px;
        height: 15px;
        padding: 0
    }

        #idx-latest-tabs2 .iboard_lt ul li a:hover {
            text-decoration: none;
            color: #7e00ff
        }

    #idx-latest-tabs2 .iboard_lt .lt_empty {
        display: block;
        width: 100% !important;
        margin: 0 !important;
        padding: 62px 0 !important;
        text-align: center
    }

    #idx-latest-tabs2 .cmall_img a {
        border-radius: 5px;
        border: 1px solid #d6dee4;
        height: 105px;
    }

    #idx-latest-tabs2 .cmall_img img {
        border-radius: 5px
    }

    #idx-latest-tabs2 .cmall_img a, #idx-latest-tabs2 .shop-new-img, .idx-latab .iboard_lt ul.cmall_latest li a {
        display: inline-block;
        width: 153px;
    }

    #idx-latest-tabs2 .cmall_tit {
        display: block;
        margin: 5px;
        width: 100%;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
    }

        #idx-latest-tabs2 .cmall_tit a {
            display: inline;
            width: auto;
            margin: 0 0 0 5px;
            color: #555;
            vertical-align: middle;
            line-height: 2rem;
        }

    #idx-latest-tabs2 .latest_icon {
        display: inline;
        vertical-align: middle;
        line-height: 2rem;
    }

    #idx-latest-tabs2 .shop_latest:after {
        display: block;
        visibility: hidden;
        clear: both;
        content: ""
    }

    #idx-latest-tabs2 .shop_latest li {
        float: left;
        width: 127px;
        margin-left: 23px;
        margin-bottom: 40px;
        line-height: 0
    }

    #idx-latest-tabs2 .shop_latest .latest_1 {
        margin-left: 0
    }

    #idx-latest-tabs2 .shop_latest .shop-new-tit {
        display: block;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
        margin: 5px 0 3px;
        color: #555
    }

    #idx-latest-tabs2 .shop_latest .shop-new-pr {
        font-weight: bold;
        line-height: 0
    }

    #idx-latest-tabs2 .cmall_latest:after {
        display: block;
        visibility: hidden;
        clear: both;
        content: ""
    }

    #idx-latest-tabs2 .cmall_latest {
        height: 142px;
        padding: 10px 12px 5px;
        background: #fff
    }

        #idx-latest-tabs2 .cmall_latest li {
            float: left;
            margin-left: 23px
        }

    #idx-latest-tabs2 .iboard_lt .cmall_latest li {
        margin-left: 13px
    }

    #idx-latest-tabs2 .cmall_latest li.latest_1 {
        margin-left: 0
    }

    #idx-latest-tabs2 .cmall_latest .cmall-new-tit {
        display: block;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
        margin: 5px 0 3px;
        color: #555
    }

    #idx-latest-tabs2 .cmall_latest .cmall-new-pr {
    }

    #idx-latest-tabs2 .cmall_latest .ctt-price {
        font-family: tahoma, sans-serif
    }

        #idx-latest-tabs2 .cmall_latest .ctt-price .sale-rate {
            margin: 0 5px 0 0;
            color: #ff4e8f
        }

        #idx-latest-tabs2 .cmall_latest .ctt-price .before {
            display: none
        }

        #idx-latest-tabs2 .cmall_latest .ctt-price .after {
            font-weight: bold
        }

        #idx-latest-tabs2 .cmall_latest .ctt-price .unit {
            font-size: 0.75em;
            font-weight: normal
        }

    #idx-latest-tabs2 .cmall_latest .cmall-new-img {
        display: inline-block;
        border: 1px solid #d6dee4;
        border-radius: 5px
    }

    #idx-latest-tabs2 .cmall_latest img {
        border-radius: 5px
    }

    #idx-latest-tabs2 .cmall_latest .prc_lv0 {
        color: #008ce0
    }

    #idx-latest-tabs2 .cmall_latest .prc_lv1 {
        color: #000
    }

    #idx-latest-tabs2 .cmall_latest .prc_lv2 {
        color: #009c54
    }

    #idx-latest-tabs2 .cmall_latest .prc_lv3 {
        color: #406bf8
    }

    #idx-latest-tabs2 .cmall_latest .prc_point {
        color: #f5006b
    }

.sir-no-img {
    width: 100%;
    object-fit: cover;
}

/* 최신글 */
.latest_icon {
    font-weight: bold;
}


/*링크*/
.main_link li {
    border: 1px solid #d6dee4;
    margin-top: 20px;
    position: relative;
    padding: 0 20px 0px;
    height: 104px;
    background: #fff
}

.main_link .link_tit {
    padding: 10px 0 5px 120px;
    display: inline-block;
    font-weight: bold;
    color: #d25a86;
    font-size: 1.2em
}

.main_link .link_tit2 {
    padding: 10px 0 5px;
    display: inline-block;
    font-weight: bold;
    color: #d25a86;
    font-size: 1.2em
}

.main_link .link_tit3 {
    padding: 10px 0 5px 90px;
    display: inline-block;
    font-weight: bold;
    color: #d25a86;
    font-size: 1.2em
}

.main_link_last {
    margin-bottom: 20px
}

.main_link .link_img {
    position: absolute;
    top: 0;
    left: 0
}

.main_link .link_img2 {
    position: absolute;
    top: 0;
    right: 10px;
    z-index: 1
}

.main_link .link_p {
    line-height: 1.5em;
    padding-left: 120px;
    padding-top: 20px;
    font-size: 0.93em
}

.main_link .link_p2 {
    line-height: 1.5em;
    padding-top: 20px;
    font-size: 0.93em;
    position: relative;
    z-index: 2
}

.main_link .link_p3 {
    line-height: 1.5em;
    padding-left: 90px;
    padding-top: 20px;
    font-size: 0.93em
}

/*********서브페이지**********/
#wrapper_title {
    display: none
}

/***공통***/
.pg_tit {
    margin: 0 0 10px;
    font-size: 1.0rem;
    font-weight: bold
}

.bo-tags-list {
    display: block;
    margin: 5px 0 0
}

#iboard_gall .bo-tags-list {
    position: relative;
    top: 2px;
    float: none
}

/*tbl01*/
.tbl01 {
}

    .tbl01 table {
        width: 100%;
        border-collapse: collapse
    }

        .tbl01 table thead th {
            background: #e1e5ec;
            border-top: 2px solid #000;
            text-align: center;
            color: #484848;
            font-weight: normal;
            padding: 10px 0
        }

        .tbl01 table tbody td {
            border-bottom: 1px solid #d6dee4;
            padding: 5px 0;
            text-align: center;
            color: #484848
        }

/*페이징*/
.iboard_pg_wrp {
    text-align: center;
    margin: 20px 0 40px;
}

.pg_page, .pg_current {
    display: inline-block;
    padding: 0 11px;
    min-width: 14px;
    border-radius: 55px;
    color: #000;
    font-size: 0.9rem;
    line-height: 30px;
}

.pg_current {
    background: #7e00ff;
    color: #fff;
}

.pg_page:hover {
    background: #f1f5f9;
    color: #7e00ff;
    text-decoration: none;
}

.pg_page i {
    color: #777 !important;
    font-size: 1.0rem;
}

.pg_page:hover i {
    color: #7e00ff;
}

.pg_end, .pg_next, .pg_start, .pg_prev {
    padding: 0;
    width: 25px;
    height: 30px;
}

    .pg_end:hover, .pg_next:hover, .pg_start:hover, .pg_prev:hover {
        background: none;
    }

.pg_wrap {
    text-align: center;
    margin-bottom: 30px
}

/* 목록 공통 */
.i_lbo {
    position: relative
}

    .i_lbo #lbo_bwrp2:after {
        display: block;
        visibility: hidden;
        clear: both;
        content: ""
    }

    .i_lbo #lbo_bwrp2 ul {
        margin: 0;
        padding: 0;
        list-style: none
    }

        .i_lbo #lbo_bwrp2 ul:after {
            display: block;
            visibility: hidden;
            clear: both;
            content: ""
        }

    .i_lbo #lbo_bwrp2 li {
        float: left
    }

    .i_lbo #lbo_bwrp2 a {
        margin: 0
    }

    .i_lbo #lbo_bwrp2 #bwrp2_adm li {
        margin: 0 1px 0 0
    }

    .i_lbo #lbo_bwrp2 #bwrp2_com li {
        margin: 0 0 0 1px
    }

    .i_lbo #lbo_chk {
        position: relative;
        padding: 10px 0
    }

    .i_lbo .iboard_li {
        position: relative
    }

    .i_lbo .title_singo {
        color: #ccc;
        text-decoration: line-through
    }

        .i_lbo .title_singo .title_cmt {
            color: #999
        }

    .i_lbo .title_cmt {
        color: #ff4e8f !important;
        text-decoration: none
    }

        .i_lbo .title_cmt span {
        }

            .i_lbo .title_cmt span.cl {
                display: none
            }

    .i_lbo .title_link:visited {
        color: #999999;
        text-decoration: none
    }

    .i_lbo .title_link.title_cur {
        color: #7e00ff
    }

    .i_lbo .info_nick #sideview a {
        color: #000
    }

        .i_lbo .info_nick #sideview a:focus, .i_lbo #sideview a:hover {
            color: #fff
        }

    .i_lbo .info_nick #sideview li {
        border: 0
    }

    .i_lbo .like_good0, .i_lbo .like_nogood0 {
        color: #ddd;
        text-align: right
    }

    .i_lbo .like_good1 {
        color: #ff4e8f;
        text-align: right
    }

    .i_lbo .like_nogood1 {
        color: #1167fd
    }

    .i_lbo .lbo_notice {
        border-bottom: 1px solid #d6dee4 !important;
        background: #f1f5f9
    }

        .i_lbo .lbo_notice a {
            color: #7e00ff
        }

            .i_lbo .lbo_notice a:visited {
                color: #7e00ff
            }

            .i_lbo .lbo_notice a .member {
                color: #a2a2a2
            }

            .i_lbo .lbo_notice a .co-ico {
                background: #fff
            }

        .i_lbo .lbo_notice .li_num {
            color: #ff4e8f
        }

#i_lbo .lbo_notice a .cnt_cmt {
    background: #fff
}

.i_lbo .lbo_notice .title_cmt {
    color: #ff4e8f
}

.i_lbo .lbo_notice .li_like {
    border-left-color: #b8c9c2
}

.i_lbo #lbo_head #lbo_sch span {
    float: left;
    line-height: 25px;
    padding: 0 5px
}

.lbo-top-link {
    margin: 0 0 10px
}

    .lbo-top-link::after {
        display: block;
        visibility: hidden;
        clear: both;
        content: ''
    }

    .lbo-top-link .link {
        display: inline-block;
        padding: 5px 8px;
        border-radius: 4px;
        background: #f1f5f9;
        color: #777;
        font-size: 1.3rem;
        letter-spacing: -0.1em
    }

        .lbo-top-link .link:hover {
            color: #7e00ff;
            font-weight: bold;
            text-decoration: none
        }

/* 베이직 목록 */
#head_bwrp {
    float: right
}

    #head_bwrp a {
        border: 1px solid #d6dee4;
        background: #e1e5ec;
        display: inline-block;
        padding: 4px;
        text-decoration: none;
        font-size: 0.8rem
    }

        #head_bwrp a:visited {
            color: #000
        }

        #head_bwrp a.qa_write, #head_bwrp a.iboard_b01_high, .i_lbo #lbo_bwrp2 a {
            border: 1px solid #7e00ff;
            color: #7e00ff;
            background: #fff;
            display: inline-block;
            padding: 4px;
            text-decoration: none
        }

            #head_bwrp a.qa_write:hover, #head_bwrp a.iboard_b01_high:hover, .i_lbo #lbo_bwrp2 a:hover {
                background: #7e00ff;
                color: #fff
            }

.i_lbo #lbo_bwrp2 .iboard_b01_adm {
    border: 1px solid #d6dee4;
    background: #e1e5ec;
    display: inline-block;
    padding: 4px;
    text-decoration: none;
    color: #000;
    margin-right: 3px
}

    .i_lbo #lbo_bwrp2 .iboard_b01_adm:hover {
        border: 1px solid #d6dee4;
        background: #e1e5ec;
        color: #7e00ff
    }

#head-tags {
    margin: 10px 0 0px;
    padding-top: 10px
}

#i_lbo #lbo_chk input {
    position: absolute;
    top: 0;
    left: 5px
}

#i_lbo .iboard_li {
    padding: 0;
    border-right: 0;
    border-left: 0;
    border-bottom: 1px solid #f1f5f9;
}

    #i_lbo .iboard_li:hover {
        background: #f1f5f9
    }

#i_lbo .chk_chk {
    z-index: 2;
    position: absolute;
    top: 10px;
    left: 0
}

#i_lbo .li_title {
    padding: 10px;
    word-break: break-all;
    overflow: hidden;
    font-size: 0.9em;
}

    #i_lbo .li_title b.sch_word {
        color: #ff4e8f
    }

#i_lbo .title_cate {
    font-weight: bold
}

#i_lbo .info_span {
    display: inline-block;
    vertical-align: middle
}

.li_num, .li_numv {
    position: absolute;
    top: 10px;
    left: 5px;
    width: 50px;
    text-align: center;
    font-size: 0.9em;
}

#i_lbo .li_info {
    position: absolute;
    top: 6px;
    right: 0;
    text-align: right
}

#i_lbo .lbo_legend .li_info {
    top: 10px
}

#i_lbo .info_span {
    text-align: left
}

#i_lbo .info_nick {
    position: relative;
    width: 110px
}

    #i_lbo .info_nick span {
       /* vertical-align: middle*/
    }

    #i_lbo .info_nick .member, #i_lbo .info_nick .guest {
        display: inline-block;
        height: 20px;
        width: 80px;
        line-height: 1.8rem;
        overflow: hidden
    }

    #i_lbo .info_nick #sideview {
        background: #fff
    }

#i_lbo .info_date {
    width: 75px;
    text-align: center
}

#i_lbo .info_hit {
    width: 40px;
    text-align: center
}

#i_lbo .info_like {
    width: 40px;
    text-align: center
}

.iboard_sr {
    position: absolute !important;
    top: -9999999px;
    left: -9999px;
    overflow: hidden;
    width: 0;
    height: 0;
    font-size: 0
}

#i_lbo .cnt_cmt {
    display: inline-block;
    padding: 0 5px 0px 4px;
    border-radius: 3px;
    background: #f1f5f9;
    color: #7e00ff;
    vertical-align: top
}

#i_lbo .cnt_notice {
    display: inline-block;
    padding: 0 5px 0px 4px;
    border-radius: 3px;
    background: #d0d0d0;
    color: #7e00ff;
    vertical-align: top
}

#iboard_notice {
    padding-top: 10px;
    padding-bottom: 10px;
    border-bottom: 1px solid #d9e1e5;
    background: #f1f5f9;
    letter-spacing: -0.1em;
    border-top: 1px solid #d9bffa
}

#i_lbo .lbo_legend, #i_lbo .lbo_legend:hover {
    padding-top: 10px;
    padding-bottom: 10px;
    border-bottom: 1px solid #d9e1e5;
    background: #e1e5ec;
    text-align: center;
    letter-spacing: -0.1em;
    border-top: 2px solid #5F01D9;
    border-bottom: 1px solid #5F01D9;
    color: #000;
    font-weight: 700;
}

    #i_lbo .lbo_legend .chk_chk {
        top: 0px
    }

#i_lbo .lbo_legend_adm .chk_chk {
    top: 10px
}

#i_lbo .lbo_legend .li_num {
    top: 10px;
}

#i_lbo .lbo_legend .li_title {
    display: inline-block;
    padding: 0;
    text-align: center
}

#i_lbo .lbo_legend .info_span {
    text-align: center;
}

#i_lbo .lbo_legend_adm .li_num {
    left: 20px
}

#i_lbo .lbo_legend_adm .info_like {
    color: #ff005d
}

#i_lbo .lbo_legend_adm .info_like_2 {
    color: #556f93
}

#i_lbo .lbo_admin {
}

    #i_lbo .lbo_admin .li_num, #i_lbo .lbo_admin .li_numv {
        left: 20px
    }

.msg00 {
    padding: 10px;
    border: 1px solid #e8e8e8;
    text-align: left;
    margin-bottom: 10px;
    font-size: 1.2rem;
    line-height: 18px;
    color: #333;
    background: #f1f5f9
}

.msg_cmtblock {
    text-align: center;
    font-weight: bold;
    color: #ff4e8f;
    border: 1px solid #e483b3;
    background: #fef3f8
}

/* 갤러리 목록 */
#iboard_gall #lbo_chk input {
    position: absolute;
    top: 0;
    left: 1px
}

#iboard_gall .title_cmt {
    display: inline-block;
    margin: 0 3px;
    color: #ff4e8f;
    font-size: 0.95em
}

#iboard_gall .info_span {
    display: inline-block;
    margin: 0 10px 0 0;
    color: #999
}

#iboard_gall .info_nick #sideview {
    background: #fff
}

.iboard_gall01 .iboard_ul01 ul {
    border-top: 2px solid #000
}

.iboard_gall01 .iboard_li {
    padding: 25px 10px 25px 130px;
    border-bottom: 1px solid #f1f5f9
}

.iboard_gall01 .chk_chk {
    z-index: 2;
    position: absolute;
    top: 1px;
    left: 1px
}

.iboard_gall01 .li_img {
    position: absolute;
    top: 15px;
    left: 10px;
    border: 1px solid #e8e8e8
}

    .iboard_gall01 .li_img img {
        width: 100px;
        height: 60px
    }

.iboard_gall01 .li_title {
    margin: 0 80px 0 0
}

.iboard_gall01 .title_link {
    display: inline-block;
    overflow: hidden;
    word-break: break-word
}

.iboard_gall01 .li_info {
    margin: 3px 0 0
}

.iboard_gall01 .info_num, .iboard_gall01 .info_nick {
    margin: 0
}

.iboard_gall01 .info_nick {
    position: relative
}

    .iboard_gall01 .info_nick #sideview {
        top: 23px;
        left: 15px;
        background: #fff
    }

.iboard_gall01 .sideview_a {
    color: #999
}

.iboard_gall01 .info_cate a {
    color: #9db5ff;
    display: inline-block;
    overflow: hidden
}

.iboard_gall01 .li_like {
    position: absolute;
    top: 28px;
    right: 10px;
    font-size: 1.250em;
    font-weight: bold
}

    .iboard_gall01 .li_like .like_good0, .iboard_gall01 .li_like .like_good1 {
        display: inline-block;
        padding: 10px 12px;
        color: #fff
    }

    .iboard_gall01 .li_like .like_good0 {
        background: #f1f5f9;
        color: #777
    }

    .iboard_gall01 .li_like .like_good1 {
        background: #ff9c00;
        color: #fff
    }

.iboard_gall01 .iboard_like .member {
    right: 80px
}

.iboard_gall01 .iboard_like .info_nick #sideview {
}

.is_free {
    display: none;
    width: 34px;
    height: 12px;
    background: url('../img/sub/ico-free.png') no-repeat;
    text-indent: -9999px
}

.is_point {
    display: inline-block;
    width: 36px;
    height: 17px;
    padding-right: 2px;
    background: url('../img/sub/ico-point.png') no-repeat 0 50%;
    text-indent: -9999px
}

.is_point_div {
    position: absolute;
    right: 0;
    bottom: 28px;
    line-height: 17px
}

    .is_point_div .point {
        letter-spacing: -1px;
        color: #999999
    }

#sir-pix #pix-ul {
    display: inline-block
}

#sir-pix .iboard_li {
    float: left;
    width: 200px;
    margin-right: 15px;
    margin-bottom: 20px;
    padding: 15px;
    border-radius: 3px;
    border: 1px solid #fff
}

    #sir-pix .iboard_li:hover {
        background: #daf3ef;
        border: 1px solid #00A2E8
    }

    #sir-pix .iboard_li a {
        text-decoration: none
    }

#sir-pix .iboard_li3, #sir-pix .iboard_li6, #sir-pix .iboard_li9, #sir-pix .iboard_li12 {
    margin-right: 0
}

#sir-pix .iboard_li1, #sir-pix .iboard_li4, #sir-pix .iboard_li7, #sir-pix .iboard_li10 {
    clear: both
}

#sir-pix .li-img img {
    width: 200px;
    height: 200px;
    background: #fff;
}

#sir-pix .li-img {
    border: 1px solid #a2a2a2;
    overflow: hidden;
    width: 200px;
    height: 200px
}

    #sir-pix .li-img.title_cur {
        border-color: #7e00ff
    }

#sir-pix .li-title {
    margin: 10px 0 0;
    height: 50px;
    position: relative
}

    #sir-pix .li-title .title_link {
        width: 200px;
        font-size: 1.3rem;
        line-height: 18px;
        font-weight: bold;
        color: #484848;
        overflow: hidden;
        text-overflow: ellipsis;
        overflow: hidden;
        display: inline-block;
        max-height: 36px
    }

        #sir-pix .li-title .title_link.title_cur {
            color: #7e00ff
        }

        #sir-pix .li-title .title_link:hover {
            color: #ff4e8f
        }

    #sir-pix .li-title .title-point {
        display: none;
        width: 33px;
        height: 14px;
        margin-right: 5px;
        background: url('../img/sub/ico-point.png') 0 2px no-repeat;
        text-indent: -9999px
    }

    #sir-pix .li-title .iboard_mb_icon, #sir-pix .li-title .sv_member img {
        display: none
    }

#sir-pix .li-info {
    position: relative;
    display: inline-block;
    width: 100%;
    margin-top: 5px
}

    #sir-pix .li-info i {
        margin-right: 5px;
        font-style: normal;
        vertical-align: middle;
        color: #999999;
    }

    #sir-pix .li-info > span {
        color: #999999;
        line-height: 24px
    }

    #sir-pix .li-info strong, #sir-pix .li-info a strong {
        font-weight: normal;
        color: #999999
    }

    #sir-pix .li-info .info-span {
        display: inline-block
    }

    #sir-pix .li-info .info-data {
        float: left;
        display: block;
        width: 100%
    }

    #sir-pix .li-info .info-hit {
    }

    #sir-pix .li-info .info-nick {
        float: left
    }

        #sir-pix .li-info .info-nick .iboard_mb_icon, #sir-pix .li-info .info-nick img {
            display: none
        }

    #sir-pix .li-info .info-like {
        position: absolute;
        right: 50px;
        display: inline-block;
        height: 14px;
        line-height: 24px;
    }

        #sir-pix .li-info .info-like strong {
            line-height: 0;
            vertical-align: middle;
        }

    #sir-pix .li-info .info-cmt {
        display: inline-block;
        height: 14px;
        position: absolute;
        right: 0;
        line-height: 24px;
    }

        #sir-pix .li-info .info-cmt strong {
            line-height: 12px;
            vertical-align: middle;
        }

/* /skin/board/v16_pix2 start */
#sir-pix2 #pix-ul {
    display: inline-block
}

#sir-pix2 .iboard_li {
    float: left;
    border: 1px solid #e8e8e8;
    border-right: 2px solid #e8e8e8;
    border-bottom: 2px solid #d6dee4;
    margin-bottom: 20px;
    padding: 15px 15px 30px;
    border-radius: 5px;
    margin-left: 35px
}

    #sir-pix2 .iboard_li.line_start {
        margin-left: 0;
        clear: both
    }

    #sir-pix2 .iboard_li:hover {
        background: #f1f5f9
    }

    #sir-pix2 .iboard_li a.title_link {
        text-decoration: none;
        display: block;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
        font-size: 1.333em;
        line-height: 18px;
        font-weight: bold;
        color: #484848;
        margin: 10px 0
    }

#sir-pix2 .iboard_li3, #sir-pix .iboard_li6, #sir-pix .iboard_li9, #sir-pix .iboard_li12 {
    margin-right: 0
}

#sir-pix2 .iboard_li1, #sir-pix .iboard_li4, #sir-pix .iboard_li7, #sir-pix .iboard_li10 {
    clear: both
}

#sir-pix2 .li-img img {
    background: #fff
}

#sir-pix2 .li-img {
    border: 1px solid #a2a2a2;
    overflow: hidden
}

#sir-pix2 .iboard_li .li-info .doc_register_date {
    margin-left: 5px
}

#sir-pix2 .iboard_li .li-info span {
    color: #999999
}

#sir-pix2 .iboard_li .li-info .title-nick {
    display: block;
    margin-bottom: 3px
}

#sir-pix2 .iboard_mb_icon, #sir-pix2 .sv_member img {
    display: none
}

#sir-pix2 .iboard_li .li-info2 {
    position: absolute;
    bottom: 15px;
    right: 15px
}

    #sir-pix2 .iboard_li .li-info2 i {
        float: left;
        margin-left: 5px
    }

    #sir-pix2 .iboard_li .li-info2 strong {
        float: left;
        font-weight: normal;
        color: #999999
    }

#sir-pix2 .info-cmt i {
    display: inline-block;
    height: 14px;
    overflow: hidden;
    text-indent: -99999px;
    width: 24px
}

#sir-pix2 .info-like i {
    display: inline-block;
    height: 14px;
    overflow: hidden;
    text-indent: -99999px;
    width: 24px
}

#sir-pix2 .info-scrap i {
    display: inline-block;
    height: 14px;
    overflow: hidden;
    text-indent: -99999px;
    width: 24px
}

#sir-pix2 .info-like strong, #sir-pix2 .info-scrap strong, #sir-pix2 .info-cmt strong {
    display: inline-block;
    height: 14px;
    line-height: 14px
}

#sir-pix2 .bo-tags {
    position: absolute;
    bottom: 10px;
    left: 15px
}

    #sir-pix2 .bo-tags a {
        margin: 0 7px 0 0
    }

/*글쓰기*/
.iboard_fbo h2 {
    display: none
}

.iboard_ful {
    margin-top: 20px;
    border-top: 2px solid #000
}

    .iboard_ful li {
        padding: 15px 0;
        border-bottom: 1px solid #eee
    }

        .iboard_ful li label {
            font-weight: bold;
            width: 80px;
            margin-top:5px;
            display: inline-block
        }

            .iboard_ful li label span {
                color: #ff8d4f
            }

            .iboard_ful li label .m_sound_only {
                color: #333
            }

            .iboard_ful li label i {
                display: none
            }

        .iboard_ful li .iboard_inp {
            border: 1px solid #c2c2c2;
            background: #f1f5f9;
            height: 25px;
            width: 480px;
            padding-left: 10px
        }

        .iboard_ful li .iboard_name {
            border: 1px solid #c2c2c2;
            background: #f1f5f9;
            height: 25px;
            width: 120px;
            padding-left: 10px
        }

        .iboard_ful li .iboard_category {
            border: 1px solid #c2c2c2;
            background: #f1f5f9;
            height: 25px;
            width: 120px;
            padding-left: 10px
        }

        .iboard_ful li .iboard_inp2 {
            border: 1px solid #c2c2c2;
            background: #f1f5f9;
            height: 25px;
            padding-left: 10px
        }

        .iboard_ful li #wr_content {
            border: 1px solid #c2c2c2;
            background: #f1f5f9;
            height: 150px;
            width: 700px;
            max-width: 700px;
            padding: 10px;
            margin-top: 10px
        }

        .iboard_ful li#qaw_content {
            position: relative
        }

            .iboard_ful li#qaw_content p {
                margin: 5px 0 10px;
                color: #777777
            }

            .iboard_ful li#qaw_content .cke_sc_def {
                margin-top: 10px
            }

                .iboard_ful li#qaw_content .cke_sc_def button {
                    background: #666;
                    padding: 5px 10px;
                    color: #fff
                }

        .iboard_ful li #wr_tags_input {
            border: 1px solid #c2c2c2;
            background: #f1f5f9;
            height: 25px;
            width: 550px;
            padding-left: 10px
        }

        .iboard_ful li .qa_tag_example {
            margin-top: 10px;
        }

.iboard_bw01 {
    text-align: center;
    margin-top: 20px
}

    .iboard_bw01 p {
        margin-bottom: 10px;
        color: #777777
    }

    .iboard_bw01 #btn_submit, .iboard_bw #btn_submit {
        width: 133px;
        height: 44px;
        background: #7e00ff;
        border: 0;
        color: #fff;
        font-weight: bold;
    }

    .iboard_bw01 #btn_list {
        display: inline-block;
        border: 0;
        width: 81px;
        height: 44px;
        line-height: 44px;
        color: #fff;
        font-weight: bold;
        float: left;
        margin-left: 5px
    }

        .iboard_bw01 #btn_list:hover {
            text-decoration: none
        }

.iboard_info b {
    color: #ff8d4f
}

.iboard_info {
    position: absolute;
    top: 7px;
    right: 0;
    font-size: 0.8rem
}

.iboard_flblalt, .iboard_option {
    font-weight: bold;
    width: 100px;
    display: inline-block
}

    .iboard_option i {
        display: none
    }

.wr_link {
    margin: 2px 0
}

.btn_cke_sc_close {
    background: #888;
    padding: 5px 10px;
    color: #fff
}

.iboard_ful li .op_btn {
    display: none
}

/*최신글*/
#con_lf {
    width: 800px;
    float: right;
    margin-right: 20px;
    position: relative;
    clear: both
}

    #con_lf .new_con {
        margin: 0 20px 0 0;
        padding-bottom: 38px;
        width: 350px;
        font-size: 1.3rem;
        float: left;
    }

        #con_lf .new_con h2 {
            position: relative
        }

            #con_lf .new_con h2 .abs_right {
                position: absolute;
                top: 0;
                right: 0;
                font-size: 1.4rem;
            }

        #con_lf .new_con h2, #con_lf .new_con_cm h2 {
            padding-bottom: 10px;
            margin-bottom: 10px;
            border-bottom: 1px solid #d6dee4;
            color: #333;
            font-size: 1.55rem;
        }

            #con_lf .new_con h2 a, #con_lf .new_con_cm h2 a {
                text-decoration: none;
                color: #000;
                display: block;
            }

                #con_lf .new_con h2 a:hover, #con_lf .new_con_cm h2 a:hover {
                    color: #7e00ff
                }

    #con_lf .new_con_ri {
        margin-right: 0px
    }

    #con_lf .new_con ul li {
        overflow: hidden;
        margin: 0;
        padding: 0
    }

        #con_lf .new_con ul li a {
            width: 355px;
            line-height: 23px;
            color: #222
        }

            #con_lf .new_con ul li a:hover .new_ti {
                text-decoration: underline;
                color: #7e00ff
            }

            #con_lf .new_con ul li a span {
                display: inline-block;
                float: left;
                height: 23px
            }

                #con_lf .new_con ul li a span.new_ti {
                    padding-right: 10px;
                    width: 280px;
                    text-overflow: ellipsis;
                    overflow: hidden;
                    white-space: nowrap
                }

                #con_lf .new_con ul li a span.new_rp {
                    width: 15px;
                    color: #7e00ff;
                    text-align: center;
                    width: 20px
                }

                #con_lf .new_con ul li a span.new_dt {
                    width: 15px;
                    text-align: right;
                    width: 35px
                }

    #con_lf .new_con_cm {
        margin-bottom: 25px;
        width: 730px;
        overflow: hidden;
    }

        #con_lf .new_con_cm li {
            float: left;
            margin-left: 30px;
            margin-bottom: 20px;
            font-size: 1.3rem
        }

            #con_lf .new_con_cm li:first-child, #con_lf .new_con_cm li.ltimg1, #con_lf .new_con_cm li.ltimg5 {
                margin-left: 0
            }

            #con_lf .new_con_cm li a {
                color: #484848
            }

                #con_lf .new_con_cm li a:hover {
                    color: #7e00ff
                }

            #con_lf .new_con_cm li .cmall_img a img {
                border: 1px solid #d6dee4;
            }

            #con_lf .new_con_cm li .cmall_tit {
                width: 157px;
                text-overflow: ellipsis;
                overflow: hidden;
                white-space: nowrap;
                margin-top: 8px;
                position: relative
            }

            #con_lf .new_con_cm li .new_rp {
                color: #7e00ff;
                padding: 0 0 0 8px
            }

    /*최신글 배너-커뮤니티 */
    #con_lf .new_con_bn {
        position: relative;
        margin-bottom: 35px;
        width: 730px;
        height: 250px;
        clear: both;
    }

        #con_lf .new_con_bn .c-banner1 {
            position: absolute;
            right: 0;
            top: 0
        }

        #con_lf .new_con_bn .c-banner2 {
            position: absolute;
            right: 215px;
            top: 130px
        }

        #con_lf .new_con_bn .c-banner3 {
            position: absolute;
            right: 0;
            top: 130px
        }

        #con_lf .new_con_bn a img {
            border: 1px solid #7e00ff;
        }

    /* 배너 - 영카트5 */
    #con_lf .new_con_bn2 {
        margin-bottom: 20px
    }

        #con_lf .new_con_bn2 .c-banner1 {
            display: inline-block;
            margin-bottom: 10px;
            border: 1px solid #eee
        }

/* 배너 - 그누커머스 */
.new_con_bn3 {
    position: relative;
    clear: both;
    width: 730px;
    height: 250px;
    margin-bottom: 20px
}

    .new_con_bn3 .c-banner1 {
        display: inline-block;
        margin-bottom: 10px
    }

    .new_con_bn3 .c-banner2 {
        position: absolute;
        left: 0;
        bottom: 0
    }

    .new_con_bn3 .c-banner3 {
        position: absolute;
        right: 0;
        top: 0
    }

/* 배너 - 강좌 */
.new_con_bn4 {
    position: relative;
    clear: both;
    width: 730px;
    height: 250px;
    margin-bottom: 20px
}

    .new_con_bn4 a {
        display: inline-block
    }

    .new_con_bn4 .c-banner1 {
        position: absolute;
        left: 0;
        top: 0
    }

    .new_con_bn4 .c-banner2 {
        position: absolute;
        left: 0;
        bottom: 0
    }

    .new_con_bn4 .c-banner3 {
        position: absolute;
        left: 215px;
        top: 0
    }

    .new_con_bn4 .c-banner4 {
        position: absolute;
        right: 0;
        top: 0
    }

    .new_con_bn4 .c-banner5 {
        position: absolute;
        right: 0;
        bottom: 0
    }

/* 배너 - 그누보드5 */
.new_con_bn5 {
    position: relative;
    clear: both;
    width: 730px;
    height: 250px;
    margin-bottom: 20px
}

    .new_con_bn5 a {
        display: inline-block
    }

    .new_con_bn5 .c-banner1 {
        position: absolute;
        left: 0;
        top: 0
    }

    .new_con_bn5 .c-banner2 {
        position: absolute;
        left: 0;
        bottom: 0
    }

    .new_con_bn5 .c-banner3 {
        position: absolute;
        right: 0;
        top: 0
    }

/* 배너 - 제작의뢰 */
.new_con_bn6 {
    position: relative;
    clear: both;
    width: 730px;
    height: 250px;
    margin-bottom: 20px
}

    .new_con_bn6 a {
        display: inline-block
    }

    .new_con_bn6 .c-banner1 {
        position: absolute;
        left: 0;
        top: 0
    }

    .new_con_bn6 .c-banner2 {
        position: absolute;
        right: 0;
        top: 0
    }

    .new_con_bn6 .c-banner3 {
        position: absolute;
        left: 0;
        bottom: 0
    }

/* 배너 - qa */
.qa-banner {
    display: inline-block;
    margin-bottom: 10px;
    max-width: 730px;
    width: 100%
}

/*소모임최신글*/
.new_con_so {
    padding-top: 0
}

    .new_con_so ul {
        border-bottom: 1px dotted #bbb;
        margin-bottom: 10px;
        padding-bottom: 10px
    }

.so_table {
    float: left
}

    .so_table li {
        width: 355px;
        border-bottom: 1px solid #f1f5f9
    }

        .so_table li:after {
            display: block;
            visibility: hidden;
            clear: both;
            content: ""
        }

        .so_table li span {
            line-height: 38px;
            text-align: center;
            display: inline-block
        }

            .so_table li span.so_tit {
                width: 32%;
                text-align: left;
                padding-left: 2%;
                text-overflow: ellipsis;
                overflow: hidden;
                white-space: nowrap;
                float: left
            }

            .so_table li span.so_if {
                float: left;
                width: 66%
            }

            .so_table li span.so_weather {
                width: 18%;
                margin: 0 5%;
                float: left
            }

            .so_table li span.so_graph {
                width: 24%;
                margin: 0 5%;
                float: left
            }

            .so_table li span.so_index {
                width: 18%;
                float: left
            }

            .so_table li span.so_today {
                width: 20%;
                float: left
            }

            .so_table li span.so_weather_img {
                text-indent: -9999px;
                overflow: hidden;
                height: 38px;
                background: url('../img/sub/so_wether.png') no-repeat;
                text-align: center
            }

            .so_table li span.so_weather_img1 {
                background-position: 4px 50%
            }

            .so_table li span.so_weather_img2 {
                background-position: -48px 50%
            }

            .so_table li span.so_weather_img3 {
                background-position: -95px 50%
            }

            .so_table li span.so_graph_img {
                text-indent: -9999px;
                overflow: hidden;
                height: 38px;
                background: url('../img/sub/so_graph.png') no-repeat
            }

            .so_table li span.so_graph_img1 {
                background-position: 8px 50%
            }

            .so_table li span.so_graph_img2 {
                background-position: -49px 50%
            }

            .so_table li span.so_graph_img3 {
                background-position: -106px 50%
            }

            .so_table li span.so_graph_img4 {
                background-position: -163px 50%
            }

            .so_table li span.so_graph_img5 {
                background-position: -220px 50%
            }

            .so_table li span.so_graph_img6 {
                background-position: -276px 50%
            }

            .so_table li span.so_graph_img7 {
                background-position: -333px 50%
            }

            .so_table li span.so_graph_img8 {
                background-position: -389px 50%
            }

            .so_table li span.so_graph_img9 {
                background-position: -447px 50%
            }

            .so_table li span.so_today_co {
                font-size: 0.89em
            }

        .so_table li.so_th {
            border-bottom: 1px solid #d9e1e5;
            background: #e1e5ec;
            border-top: 2px solid #000;
            font-weight: bold
        }

.somo_icon {
    padding: 0 0 0 5px;
    margin-top: -3px
}

.somo_rank {
    width: 100%;
    clear: both;
    position: relative
}

    .somo_rank h2 {
        background: #f1f5f9;
        border: 1px solid #d6dee4;
        padding: 10px;
        font-size: 1.3rem
    }

.somo_rank_ul {
    padding: 10px 0;
    border-bottom: 1px solid #f1f5f9;
    margin-bottom: 20px
}

    .somo_rank_ul:after {
        display: block;
        visibility: hidden;
        clear: both;
        content: ""
    }

    .somo_rank_ul ul {
        float: left;
        width: 130px;
        padding: 0 9px;
        border-left: 1px solid #e8e8e8;
        overflow: hidden
    }

        .somo_rank_ul ul.sm_rank_first {
            padding-left: 0;
            border: none
        }

        .somo_rank_ul ul.sm_rank_last {
            padding-right: 0
        }

        .somo_rank_ul ul li {
            line-height: 20px;
            margin: 10px 0;
            position: relative
        }

            .somo_rank_ul ul li .rank_bg {
                width: 20px;
                height: 20px;
                display: inline-block;
                border: 1px solid #999999;
                text-align: center;
                color: #999;
                text-indent: -1px;
                margin-right: 8px;
                border-radius: 3px
            }

            .somo_rank_ul ul li .rank_bg1 {
                border: 1px solid #ff4e8f;
                color: #ff4e8f
            }

            .somo_rank_ul ul li .rank_cg {
                position: absolute;
                top: 0;
                right: 0;
                display: inline-block;
                color: #aaa
            }

            .somo_rank_ul ul li .rank_cg_up {
                color: #ff005d;
            }

            .somo_rank_ul ul li .rank_cg_dn {
                color: #207eff;
            }

.somo_rank ul li .rank_cg_up i, .somo_rank ul li .rank_cg_dn i {
    margin-right: 2px;
    font-size: 1.4rem;
}

.somo_rank_ul ul li .rank_cg_up2 {
    color: #ff005d;
}

.somo_rank_ul ul li .rank_cg_dn2 {
    color: #207eff;
}

.somo_rank ul li .rank_cg_up2 i, .somo_rank ul li .rank_cg_dn2 i {
    margin-right: 2px;
    font-size: 2rem;
}

.somo_rank_btn {
    position: absolute;
    top: 11px;
    right: 10px;
    color: #999
}

    .somo_rank_btn button {
        background: none;
        font-size: 1.2rem;
        color: #777
    }

        .somo_rank_btn button:hover {
            color: #000;
            text-decoration: underline
        }

.so_lt {
    width: 350px;
    float: left;
    margin-bottom: 20px;
    border: 1px solid #d6dee4
}

.so_lt1 {
    margin-left: 20px
}

.so_lt h2 {
    background: #f1f5f9;
    border-bottom: 1px solid #d6dee4;
    margin-bottom: 5px;
    padding: 10px;
    font-size: 1.3rem
}

.so_lt ul {
    min-height: 50px;
    padding: 10px
}

.so_lt li {
    padding: 0;
    line-height: 24px
}

    .so_lt li:after {
        display: block;
        visibility: hidden;
        clear: both;
        content: ""
    }

    .so_lt li span {
        display: inline-block;
        float: left
    }

    .so_lt li .new_tit {
        display: inline-block;
        width: 200px;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
        float: left;
        color: #888
    }

    .so_lt li.so_lt_1 .new_tit {
        font-weight: bold;
        color: #000
    }

    .so_lt li .new_rp {
        color: #ff4e8f;
        width: 15px;
        text-align: center
    }

    .so_lt li .new_nic {
        width: 80px;
        text-align: right;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
        float: left;
        color: #888;
        font-size: 1.2rem
    }

    .so_lt li .new_dt {
        width: 35px;
        text-align: right;
        color: #888;
        font-size: 1.2rem
    }

    .so_lt li.lt_empty {
        text-align: center;
        line-height: 70px
    }

/* 컨텐츠 템플릿 */
/* LIST-BOX */
.list-box {
}

    .list-box:after {
        display: block;
        visibility: hidden;
        clear: both;
        content: ""
    }

    .list-box .list-item {
        float: left
    }

    .list-box .list-item-clear {
        clear: both
    }

/* TIP/강좌 */
#tip_top {
    margin: 0 0 30px;
    background: #f1f5f9;
    text-align: center
}

#tip_lecture .legend {
    margin: 0 0 50px;
    color: #888;
    font-size: 0.95em;
    text-align: right;
    letter-spacing: -0.1em
}

    #tip_lecture .legend span {
        vertical-align: middle
    }

    #tip_lecture .legend .ico {
        display: inline-block;
        margin: 0 0 0 10px;
        width: 10px;
        height: 10px
    }

    #tip_lecture .legend .programming .ico {
        background: #f56c9e
    }

    #tip_lecture .legend .design .ico {
        background: #ffe812
    }

    #tip_lecture .legend .publishing .ico {
        background: #7fd5dd
    }

#tip_lecture .list-item {
    position: relative;
    margin: 0 30px 50px;
    padding: 20px 1px 20px;
    width: 200px;
    text-align: center
}

#tip_lecture .list-a {
    display: block;
    text-decoration: none
}

#tip_lecture .list-a-img img {
    border-radius: 100px
}

#tip_lecture .list-type {
    display: block;
    margin: 15px 0 5px;
    color: #888888;
    font-size: 0.95em;
    letter-spacing: -0.1em
}

#tip_lecture .list-a-title {
    margin: 0 0 5px;
    color: #707070;
    font-size: 1.17em;
    font-family: "Apple SD Gothic Neo", "Malgun Gothic", "맑은 고딕", sans-serif;
    font-weight: bold
}

#tip_lecture .list-item:hover .list-a-title {
    color: #282828
}

#tip_lecture .btn-add-tag {
    display: none;
    position: relative;
    float: left;
    top: -2px;
    margin: 0 0 0 10px;
    border-radius: 20px;
    width: 20px;
    height: 20px;
    background: #d6dee4;
    color: #fff;
    font-size: 0.75em
}

    #tip_lecture .btn-add-tag .txt {
        position: absolute;
        line-height: 0;
        font-size: 0;
        overflow: hidden
    }

#tip_lecture .list-writer {
    color: #888
}

/* 서브메뉴 */
#con_ri {
    float: right;
    width: 300px;
    font-size: 1.3rem
}

.bn2 {
    margin-bottom: 20px;
}

#con_ri .side-banner {
    width: 100%;
    margin-bottom: 10px;
}

.sub-menu {
    margin: 0 0 10px;
    border: 1px solid #d6dee4;
    background: #f1f5f9
}

    .sub-menu .section {
        position: relative;
        padding: 13px 20px
    }

    .sub-menu .list {
    }

        .sub-menu .list:after {
            display: block;
            visibility: hidden;
            clear: both;
            content: ""
        }

    .sub-menu > .title {
        position: absolute;
        line-height: 0;
        font-size: 0;
        overflow: hidden
    }

    .sub-menu .item .link.on {
        color: #7e00ff
    }

    .sub-menu .item.off {
        display: none
    }

    .sub-menu .btn-add {
        width: 13px;
        height: 13px
    }

        .sub-menu .btn-add .txt {
            position: absolute;
            line-height: 0;
            font-size: 0;
            overflow: hidden
        }

    .sub-menu .fa {
        position: relative;
        top: -4px;
        color: #888;
        font-size: 1rem
    }

    .sub-menu .bo_top {
        margin: 10px 0 0;
        border-top: 1px solid #d6dee4
    }

    .sub-menu .cnt-new {
        display: inline-block;
        width: 14px;
        margin: 0 2px 0 0;
        padding: 1px 4px 2px;
        line-height: 1.4rem;
        border-radius: 3px;
        background: #999999;
        color: #fff;
        font-size: 1.1rem;
        font-family: tahoma;
        font-weight: normal;
        text-align: center
    }

    .sub-menu .item .link.on .cnt-new {
        background: #7e00ff;
        color: #fff
    }

    .sub-menu .cnt-all {
        position: absolute;
        top: 5px;
        right: 0
    }

#sub_menu #consubmit a,
#sub_menu #consubmit2 a,
#sub_menu #consubmit3 a {
    display: inline-block;
    width: 300px;
    padding: 20px 0;
    text-align: center;
    margin: 0 0 10px;
    background: #7e00ff;
    border: 1px solid #7e00ff;
    border-top-color: #7e00ff;
    box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.22);
    font-size: 1.8rem;
    font-weight: bold;
    color: #fff;
    text-decoration: none
}

.sub-menu .menu {
    background: #f1f5f9
}

    .sub-menu .menu .item::after {
        display: block;
        visibility: hidden;
        clear: both;
        content: ''
    }

    .sub-menu .menu .link {
        display: block;
        position: relative;
        padding: 5px 0;
        font-size: 1.3rem;
        vertical-align: middle;
        text-decoration: none
    }

    .sub-menu .menu .cate {
        padding: 10px 0 5px;
        font-weight: bold
    }

    .sub-menu .menu .line {
        margin: 10px 0;
        height: 1px;
        background: #d6dee4
    }

    .sub-menu .menu .more {
        padding: 5px 0 0;
        height: 27px;
        line-height: 27px;
        text-align: right
    }

        .sub-menu .menu .more .btn-more, .sub-menu .menu .more .link {
            color: #999999;
            font-size: 1.2rem
        }

        .sub-menu .menu .more .btn-more {
            float: left;
            line-height: 30px
        }

        .sub-menu .menu .more .link {
            display: inline-block;
            margin: 0 0 0 10px
        }

/* 사이드탭 */
.sub-tab {
    position: relative;
    margin: 0 0 10px;
    padding: 20px;
    height: 165px;
    border: 1px solid #d6dee4;
    overflow: hidden
}

    .sub-tab::before {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 3px;
        background: #7e00ff;
        content: ''
    }

    .sub-tab::after {
        display: block;
        visibility: hidden;
        clear: both;
        content: ""
    }

    .sub-tab button {
        margin: 0 15px 0 0;
        color: #888;
        font-size: 1.3rem
    }

        .sub-tab button.active {
            color: #7e00ff;
            font-weight: bold
        }

    .sub-tab .iboard_lt {
        display: none;
        z-index: 1;
        position: absolute;
        top: 50px;
        left: 0px;
        width: 100%
    }

    .sub-tab .iboard_lt_on {
        display: block
    }

    .sub-tab .iboard_lt ul {
        margin: 0 20px;
        padding: 10px 0;
        border-top: 1px solid #d6dee4;
        background: #fff;
        list-style: none
    }

    .sub-tab .iboard_lt li {
        padding: 0;
        list-style: none !important
    }

    .sub-tab .iboard_lt a {
        display: block;
        height: 25px;
        line-height: 25px;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
        list-style: none
    }

        .sub-tab .iboard_lt a:hover {
            background: none !important;
            color: #7e00ff !important
        }

    .sub-tab .iboard_lt .lt-board-reply, .sub-tab .iboard_lt .lt-board-name, .sub-tab .iboard_lt .lt-board-date {
        display: none
    }

    .sub-tab .iboard_lt .lt_nodata {
        padding: 10px 0;
        height: 105px;
        color: #666;
        font-size: 1.2rem;
        text-align: center;
        line-height: 10rem;
    }

    .sub-tab.g5_ppl, .sub-tab.yc5_ppl {
        height: 170px;
    }

        .sub-tab.g5_ppl.second, .sub-tab.yc5_ppl.second {
            height: 130px;
        }

    .sub-tab .iboard_lt.g5_ppl, .sub-tab .iboard_lt.yc5_ppl {
        height: 260px
    }

    .sub-tab.second {
        height: 270px;
    }

        .sub-tab.second::before {
            display: none;
        }

        .sub-tab.second .iboard_lt {
            display: block;
            top: 10px;
        }

            .sub-tab.second .iboard_lt ul:first-child {
                border-top: none;
            }


#idx-short-cut {
    position: relative;
    width: 728px;
    height: 111px;
    border: 1px solid #d6dee4;
    margin-bottom: 10px;
    overflow: hidden
}

    #idx-short-cut:after {
        display: block;
        visibility: hidden;
        clear: both;
        content: ""
    }

    #idx-short-cut .bx-next {
        position: absolute;
        right: 0;
        top: 0;
        margin-top: 0 !important;
        padding: 0 3px;
        height: 111px;
        background: url('../img/main/idx_btn.png') #f1f5f9 -94px 20px no-repeat !important;
        text-indent: -9999px;
        z-index: 990
    }

    #idx-short-cut .bx-prev {
        display: none !important
    }

.idx-short-tab {
    float: left
}

    .idx-short-tab:after {
        display: block;
        visibility: hidden;
        clear: both;
        content: ""
    }

.idx-short-title {
    float: left;
    display: block;
    width: 101px;
    height: 113px;
    text-indent: -9999px
}

.idx-short-title-gn {
    background: url('../img/main/idx-short-gn.png') no-repeat
}

.idx-short-title-yct {
    background: url('../img/main/idx-short-yct.jpg') no-repeat
}

.idx-short-title-gc {
    background: url('../img/main/idx-short-gc.jpg') no-repeat
}

.idx-short-list {
    margin-left: 100px
}

    .idx-short-list:after {
        display: block;
        visibility: hidden;
        clear: both;
        content: ""
    }

    .idx-short-list li {
        float: left;
        margin: 16px 0 0 25px;
        text-align: center;
        font-size: 1.2rem
    }

        .idx-short-list li a {
            display: inline-block;
            position: relative;
            width: 54px;
            height: 54px;
            text-align: center;
            background: #f1f5f9;
            border-radius: 100%;
            margin-bottom: 10.5px;
            line-height: 30px;
            text-decoration: none
        }

            .idx-short-list li a.first-short-li {
                margin-left: 0
            }

            .idx-short-list li a i {
                font-size: 2.5rem;
            }

        .idx-short-list li:hover a, .idx-short-list li:hover a i {
            color: #7e00ff
        }

        .idx-short-list li .s-bg {
            display: inline-block;
            width: 25px;
            height: 25px;
            color: #a2a2a2;
            margin-top: 15px
        }

        .idx-short-list li .s-tit {
            display: block;
            width: 64px;
            margin-top: 9px;
            margin-left: -4px;
        }

        .idx-short-list li .s-txt {
            margin-top: 12px
        }

        .idx-short-list li .s-bg {
            font-size: 1.5rem;
            line-height: 24px;
            font-weight: bold
        }

        .idx-short-list li a.short-li-dn .s-bg:hover, .idx-short-list li a.short-li-qa .s-bg:hover {
            color: #7e00ff !important
        }

        .idx-short-list li a.short-li-dn .small-o,
        .idx-short-list li a.short-li-qa .small-o {
            position: absolute;
            right: -5px;
            bottom: -3px;
            display: inline-block;
            width: 18px;
            height: 18px;
            padding: 2px;
            line-height: 18px;
            background: #BCBCBC;
            color: #fff;
            border-radius: 100%;
            font-size: 1rem;
            font-weight: normal
        }

/* 메인 탭 */
#idx-latest-tabs {
    width: 728px;
    height: 202px;
    margin-bottom: 10px;
    zoom: 1;
    border: 1px solid #d6dee4;
    font-size: 1.3rem;
    overflow: hidden
}

    #idx-latest-tabs:after {
        display: block;
        visibility: hidden;
        clear: both;
        content: ""
    }

.idx-latab {
    float: left;
    position: relative;
    background: #f1f5f9;
    width: 516px;
    height: 36px;
    border-bottom: 1px solid #d6dee4
}

    .idx-latab:after {
        display: block;
        visibility: hidden;
        clear: both;
        content: ""
    }

    .idx-latab ol {
        border-top: none;
        padding: 10px 0;
        margin-left: -1px
    }

    .idx-latab h3 {
        float: left;
        width: 68px;
        height: 36px;
        padding: 0 10px;
        line-height: 36px;
        background: #f1f5f9;
        color: #707070 !important;
        font-size: 1.2rem;
        font-weight: normal;
        text-align: center;
        cursor: pointer
    }

        .idx-latab h3 a {
            text-decoration: none;
            display: block
        }

            .idx-latab h3 a:active {
                background: #fff
            }

        .idx-latab h3.active {
            padding: 0 10px;
            background: #fff;
            color: #7e00ff !important;
            border-right: 1px solid #d6dee4;
            border-left: 1px solid #d6dee4;
            border-bottom: 1px solid #fff;
            font-weight: bold
        }

            .idx-latab h3.active a {
                color: #7e00ff
            }

        .idx-latab h3#first-tab, .idx-latab h3#first-tab1, .idx-latab h3#first-tab2, .idx-latab h3#first-tab4 {
            border-left: 0 !important
        }

.idx-latab-center {
    width: 239px
}

    .idx-latab-center h3 {
        width: 118.5px
    }

        .idx-latab-center h3.active {
            width: 118.5px
        }

.idx-latab .iboard_lt {
    width: 100%;
    position: absolute;
    top: 38px;
    left: 0px
}

.idx-latab .iboard_lt_on {
    z-index: 2;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    opacity: 1;
    -webkit-transition: opacity ease-out 0.2s 0.1s;
    -moz-transition: opacity ease-out 0.2s 0.1s;
    -o-transition: opacity ease-out 0.2s 0.1s;
    -ms-transition: opacity ease-out 0.2s 0.1s;
    transition: opacity ease-out 0.2s 0.1s
}

.idx-latab .iboard_lt ul {
    margin-top: -1px;
    height: 115px;
    padding: 10px 12px;
    list-style: none !important;
    background: #fff
}

    .idx-latab .iboard_lt ul li {
        height: 24px;
        padding: 0
    }

        .idx-latab .iboard_lt ul li a {
            position: relative;
            display: inline-block;
            width: 88%;
            text-overflow: ellipsis;
            overflow: hidden;
            white-space: nowrap;
            list-style: none
        }

            .idx-latab .iboard_lt ul li a:hover {
                color: #7e00ff;
                text-decoration: none
            }

.idx-latab .iboard_lt .rank_bst {
    display: none
}

.idx-latab .iboard_lt .lt-board-name {
    display: inline-block;
    width: 60px;
    margin-right: 5px;
    color: #8262d6
}
/* .idx-latab .iboard_lt .lt-board-reply{float:right;color:#ff4e8f} */
.idx-latab .iboard_lt .lt-board-reply {
    position: absolute;
    top: -1px;
    right: 0;
    color: #7e00ff
}

.idx-latab .iboard_lt .lt-board-date {
    display: inline-block;
    float: right;
    color: #999999
}

#idx-latab-popular {
    float: left;
    width: 191px;
    height: 186px;
    margin-top: -37px;
    padding: 10px;
    background: #f1f5f9;
    border-left: 1px solid #d6dee4
}

    #idx-latab-popular h3 {
        margin-bottom: 10px;
        font-size: 1.2rem
    }

    #idx-latab-popular a {
        text-decoration: none
    }

    #idx-latab-popular ol {
        list-style: decimal
    }

        #idx-latab-popular ol li {
            line-height: 24px
        }

            #idx-latab-popular ol li a {
                text-decoration: none
            }

                #idx-latab-popular ol li a:hover {
                    color: #7e00ff
                }

            #idx-latab-popular ol li span {
                padding-right: 5px
            }

    #idx-latab-popular .h3-purple {
        color: #8262d6
    }

    #idx-latab-popular .h3-green {
        color: #19c000
    }

    #idx-latab-popular .bx-pager {
        display: none
    }

    #idx-latab-popular .pg-banner {
        width: 191px;
        height: 72px;
        margin-top: 15px;
        overflow: hidden
    }

    #idx-latab-popular .bx-controls {
        display: none
    }

.idx-latab-button {
    float: left;
    width: 496px;
    margin-top: 135px;
    padding: 6px 10px;
    font-size: 1.2rem;
    background: #f1f5f9;
    text-align: right;
    color: #BCBCBC
}

    .idx-latab-button span {
        vertical-align: middle;
        line-height: 12px
    }

        .idx-latab-button span.current_tab_txt {
            margin-right: 2px;
            color: #888
        }

        .idx-latab-button span.page-total {
            margin-right: 5px;
            color: #BCBCBC;
            font-weight: bold
        }

    .idx-latab-button button {
        width: 18px;
        height: 18px;
        background: #fff;
        border: 1px solid #d6dee4;
        line-height: 1rem;
        color: #000;
    }

    .idx-latab-button .direction-right {
        margin-left: -5px;
    }

    .idx-latab-button .direction-left {
    }

#idx-latab-popcon {
    position: relative;
    float: left;
    width: 191px;
    height: 186px;
    margin-top: -37px;
    padding: 10px;
    background: #f1f5f9;
    border-left: 1px solid #d6dee4
}

    #idx-latab-popcon h3 {
        margin-bottom: 10px;
        font-size: 1.2rem
    }

.idx-latab-popcon-button {
    position: absolute;
    top: 10px;
    right: 10px;
    font-size: 1.2rem;
    background: #f1f5f9;
    text-align: right;
    color: #BCBCBC
}

    .idx-latab-popcon-button span {
        vertical-align: middle;
        line-height: 12px
    }

        .idx-latab-popcon-button span.current_tab_txt {
            margin-right: 2px;
            color: #888
        }

        .idx-latab-popcon-button span.page-total {
            margin-right: 5px;
            font-weight: bold
        }

    .idx-latab-popcon-button button {
        width: 18px;
        height: 18px;
        background: #fff;
        border: 1px solid #d6dee4;
        line-height: 1rem;
        color: 000;
    }

    .idx-latab-popcon-button .direction-right {
        margin-left: -5px;
    }

    .idx-latab-popcon-button .direction-left {
    }

/*메인 에드센스 중간 배너*/
.idx-ads-wr {
    width: 728px;
    height: 90px;
    margin-bottom: 10px;
    border: 1px solid #d6dee4;
    background: #f1f5f9
}

    .idx-ads-wr .bx-controls .bx-pager {
        bottom: 4px
    }

/*메인 좌측 하단배너*/
.idx-banner-bt {
    float: left;
    margin-right: 10px
}

/* sir 서비스 소개 */
#idx-sir-service {
    float: left;
    position: relative;
    width: 100%;
    height: 248px;
    border: 1px solid #d6dee4;
    margin-bottom: 10px;
    box-sizing: border-box;
    overflow: hidden;
}

    #idx-sir-service h3 {
        padding: 10px;
        border-bottom: 1px solid #d6dee4;
        font-size: 1.2rem;
        background: #f1f5f9
    }

    #idx-sir-service a:hover {
        color: #7e00ff;
        text-decoration: none
    }

    #idx-sir-service dl {
        padding: 11px 10px 0;
        margin: 0 !important
    }

        #idx-sir-service dl dt {
            width: 56px;
            height: 56px;
            font-size: 1.2rem;
            font-weight: bold
        }

            #idx-sir-service dl dt a {
                color: #ff005d;
                margin-left: 68px;
                display: inline-block;
                width: 300px
            }

        #idx-sir-service dl dt {
            background: url('../img/main/idx-s.png') no-repeat
        }

            #idx-sir-service dl dt.service-list-p {
                background-position: 0 -504px
            }

            #idx-sir-service dl dt.service-list-f {
                background-position: 0 0
            }

            #idx-sir-service dl dt.service-list-l {
                background-position: 0 -168px
            }

            #idx-sir-service dl dt.service-list-r {
                background-position: 0 -448px
            }

            #idx-sir-service dl dt.service-list-fol {
                background-position: 0 -224px
            }

            #idx-sir-service dl dt.service-list-cf24 {
                background-position: 0 -280px
            }

            #idx-sir-service dl dt.service-list-sc {
                background-position: 0 -392px
            }

            #idx-sir-service dl dt.service-list-sts {
                background-position: 0 -336px
            }

            #idx-sir-service dl dt.service-list-goo {
                background-position: 0 -56px
            }

            #idx-sir-service dl dt.service-list-nhn {
                background-position: 0 -560px
            }

            #idx-sir-service dl dt.service-list-n {
                background-position: 0 -112px
            }

            #idx-sir-service dl dt.service-list-empty {
                background-position: -100px 0;
            }

        #idx-sir-service dl dd {
            float: left;
            margin: -35px 0 0 66px;
            font-size: 1.2rem;
            line-height: 18px
        }

    #idx-sir-service .page {
        position: absolute;
        right: 49px;
        top: 11px;
        display: inline-block;
        font-size: 1.2rem;
        color: #888
    }

        #idx-sir-service .page .bx-paper-num {
            margin-right: 2px
        }

        #idx-sir-service .page .page-total {
            margin-right: 5px;
            color: #BCBCBC;
            font-weight: bold
        }

    #idx-sir-service .bx-wrapper {
        max-width: 100% !important
    }

    #idx-sir-service .bx-pager {
        display: none
    }

    #idx-sir-service .bx-controls .bx-controls-direction {
        position: absolute;
        right: 10px;
        top: -27px;
        width: 33px;
        height: 16px;
        border: 1px solid #d6dee4;
        background: #d6dee4
    }

        #idx-sir-service .bx-controls .bx-controls-direction a {
            display: inline-block;
            margin-top: 0 !important;
            width: 16px;
            height: 16px;
            top: 0 !important;
            text-indent: -9999px
        }

            #idx-sir-service .bx-controls .bx-controls-direction a.bx-prev {
                left: 0;
                background: url('../img/main/idx_btn.png') -50px 0px no-repeat
            }

            #idx-sir-service .bx-controls .bx-controls-direction a.bx-next {
                right: 0;
                background: url('../img/main/idx_btn.png') -67px 0px no-repeat
            }

.idx-banner-bt2 {
    float: left;
    width: 460px
}

    .idx-banner-bt2 .bx-controls-direction {
        display: none
    }

#main-ri-tab1 {
    margin-bottom: 10px;
    zoom: 1;
    border: 1px solid #d6dee4;
    height: 202px;
    overflow: hidden
}

    #main-ri-tab1:after {
        display: block;
        visibility: hidden;
        clear: both;
        content: ""
    }

    #main-ri-tab1 .idx-latab {
        width: 298px;
        height: 31px
    }

    #main-ri-tab1 .iboard_lt:after {
        display: block;
        visibility: hidden;
        clear: both;
        content: ""
    }

    #main-ri-tab1 h3 {
        float: left;
        height: 31px;
        line-height: 31px
    }

    #main-ri-tab1 .iboard_lt {
        position: absolute;
        top: 40px;
        left: 0px;
        bottom: 0;
        right: 0
    }

    #main-ri-tab1 .iboard_lt {
        z-index: 1;
        opacity: 0;
        -webkit-transition: opacity linear 0.1s;
        -moz-transition: opacity linear 0.1s;
        -o-transition: opacity linear 0.1s;
        -ms-transition: opacity linear 0.1s;
        transition: opacity linear 0.1s
    }

    #main-ri-tab1 .iboard_lt_on {
        z-index: 2;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        filter: alpha(opacity=100);
        opacity: 1;
        -webkit-transition: opacity ease-out 0.2s 0.1s;
        -moz-transition: opacity ease-out 0.2s 0.1s;
        -o-transition: opacity ease-out 0.2s 0.1s;
        -ms-transition: opacity ease-out 0.2s 0.1s;
        transition: opacity ease-out 0.2s 0.1s
    }

    #main-ri-tab1 .iboard_lt ul {
        padding: 0 14px 10px;
        background: #fff;
        list-style: none
    }

        #main-ri-tab1 .iboard_lt ul li {
            line-height: 21px;
            height: 21px;
            padding: 0;
            list-style: none !important
        }

            #main-ri-tab1 .iboard_lt ul li a {
                display: inline-block;
                width: 100%;
                text-overflow: ellipsis;
                overflow: hidden;
                white-space: nowrap;
                list-style: none
            }

            #main-ri-tab1 .iboard_lt ul li .lt-board-date,
            #main-ri-tab1 .iboard_lt ul li .lt-board-name {
                display: none
            }

#main-ri-tab2 {
    position: relative;
    margin-bottom: 10px;
    zoom: 1;
    border: 1px solid #d6dee4;
    height: 225px;
    overflow: hidden
}

    #main-ri-tab2:after {
        display: block;
        visibility: hidden;
        clear: both;
        content: ""
    }

    #main-ri-tab2 .idx-latab {
        width: 298px;
        height: 31px
    }

    #main-ri-tab2 .iboard_lt:after {
        display: block;
        visibility: hidden;
        clear: both;
        content: ""
    }

    #main-ri-tab2 h3 {
        float: left;
        height: 31px;
        line-height: 31px;
        color: #707070
    }

    #main-ri-tab2 .iboard_lt {
        position: absolute;
        top: 47px;
        left: 0px;
        bottom: 0;
        right: 0
    }

    #main-ri-tab2 .iboard_lt {
        z-index: 1;
        opacity: 0;
        -webkit-transition: opacity linear 0.1s;
        -moz-transition: opacity linear 0.1s;
        -o-transition: opacity linear 0.1s;
        -ms-transition: opacity linear 0.1s;
        transition: opacity linear 0.1s
    }

    #main-ri-tab2 .iboard_lt_on {
        z-index: 2;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        filter: alpha(opacity=100);
        opacity: 1;
        -webkit-transition: opacity ease-out 0.2s 0.1s;
        -moz-transition: opacity ease-out 0.2s 0.1s;
        -o-transition: opacity ease-out 0.2s 0.1s;
        -ms-transition: opacity ease-out 0.2s 0.1s;
        transition: opacity ease-out 0.2s 0.1s
    }

    #main-ri-tab2 .iboard_lt ul {
        padding: 0 14px 10px;
        background: #fff;
        list-style: none
    }

        #main-ri-tab2 .iboard_lt ul li {
            line-height: 21px;
            height: 21px;
            padding: 0;
            list-style: none !important
        }

            #main-ri-tab2 .iboard_lt ul li a {
                display: inline-block;
                width: 100%;
                text-overflow: ellipsis;
                overflow: hidden;
                white-space: nowrap;
                list-style: none
            }

            #main-ri-tab2 .iboard_lt ul li .lt-board-date,
            #main-ri-tab2 .iboard_lt ul li .lt-board-name {
                display: none
            }

    #main-ri-tab2 .open-comp {
        position: absolute;
        bottom: 10px;
        left: 14px;
        width: 252px;
        padding: 12px 9px;
        background: #f1f5f9;
        border: 1px solid #f1f5f9
    }

        #main-ri-tab2 .open-comp a {
            text-decoration: none
        }

            #main-ri-tab2 .open-comp a:hover {
                color: #7e00ff
            }

        #main-ri-tab2 .open-comp .sir-guin-notice {
            margin-right: 5px;
            padding: 3px;
            border: 1px solid #7e00ff;
            border-radius: 3px;
            color: #7e00ff;
            background: #fff
        }

/* 대답없는 QA */
#idx-qa-noanswer {
    position: relative;
    width: 298px;
    height: 90px;
    margin-bottom: 10px;
    zoom: 1;
    border: 1px solid #d6dee4;
    overflow: hidden
}

    #idx-qa-noanswer:after {
        display: block;
        visibility: hidden;
        clear: both;
        content: ""
    }

    #idx-qa-noanswer h3 {
        height: 31px;
        padding-left: 10px;
        border-bottom: 1px solid #d6dee4;
        line-height: 31px;
        background: #f1f5f9;
        font-size: 1.2rem
    }

        #idx-qa-noanswer h3 a {
            font-weight: bold;
            color: #707070;
            text-decoration: none
        }

    #idx-qa-noanswer .bx-viewport {
        height: 56px
    }

    #idx-qa-noanswer ul {
        margin: 7px 0
    }

        #idx-qa-noanswer ul li {
            height: 24px;
            margin: 0 !important;
            padding: 0 14px
        }

            #idx-qa-noanswer ul li a {
                display: inline-block;
                width: 90%;
                text-overflow: ellipsis;
                overflow: hidden;
                white-space: nowrap;
                list-style: none;
                text-decoration: none
            }

                #idx-qa-noanswer ul li a:hover {
                    color: #7e00ff
                }

    #idx-qa-noanswer .page {
        position: absolute;
        right: 49px;
        top: 9px;
        display: inline-block;
        color: #888;
        font-size: 1.2rem
    }

        #idx-qa-noanswer .page .bx-paper-num {
            margin-right: 2px
        }

        #idx-qa-noanswer .page .page-total {
            margin-right: 5px;
            color: #BCBCBC;
            font-weight: bold
        }

    #idx-qa-noanswer .bx-pager, #idx-qa-noanswer .bx-controls-auto {
        display: none
    }

    #idx-qa-noanswer .bx-controls .bx-controls-direction {
        position: absolute;
        right: 10px;
        top: -25px;
        width: 33px;
        height: 16px;
        border: 1px solid #d6dee4;
        background: #d6dee4
    }

        #idx-qa-noanswer .bx-controls .bx-controls-direction a {
            display: inline-block;
            margin-top: 0 !important;
            width: 16px;
            height: 16px;
            top: 0 !important;
            text-indent: -9999px
        }

            #idx-qa-noanswer .bx-controls .bx-controls-direction a.bx-prev {
                left: 0;
                background: url('../img/main/idx_btn.png') -50px 0px no-repeat
            }

            #idx-qa-noanswer .bx-controls .bx-controls-direction a.bx-next {
                right: 0;
                background: url('../img/main/idx_btn.png') -67px 0px no-repeat
            }

/*커뮤니티*/
.bn1 {
    float: left;
    width: 355px;
    height: 280px;
    margin-right: 20px
}

/*에드센스 회원 페이지*/
.ads_title {
}

.ads_contents {
    padding: 10px;
    background: #f1f5f9
}

    .ads_contents .ads_menual {
        display: inline-block;
        padding: 30px 10px;
        text-align: center;
        font-size: 1.6rem;
        line-height: 20px
    }

    .ads_contents li {
        padding: 10px;
        text-align: center;
        font-size: 1.4rem;
        line-height: 20px
    }

        .ads_contents li .ads_menual_step {
            display: block;
            margin: 20px 0
        }

        .ads_contents li .ads_step_num {
            font-weight: bold;
            color: #ff4e8f
        }

.ads_goodbye_dog {
    width: 730px;
    height: 360px;
    background: #9298a9;
    margin-bottom: 5px
}

    .ads_goodbye_dog span {
        float: left
    }

    .ads_goodbye_dog .ads_dog {
        display: inline-block;
        width: 190px;
        height: 300px;
        margin: 30px 25px;
        text-indent: -999px
    }

    .ads_goodbye_dog .ads_dog_title {
        display: inline-block;
        width: 440px;
        margin: 20px 0 10px 0;
        padding: 10px 0;
        font-size: 1.4rem;
        line-height: 20px;
        color: #fff;
        border-bottom: 1px dashed #fff
    }

    .ads_goodbye_dog .ads_dog_txt {
        display: inline-block;
        width: 440px;
        margin: 30px 0 45px 0;
        font-size: 1.4rem;
        line-height: 20px;
        color: #fff
    }

/*부가서비스*/
#con_lf .svc_01 h2 {
    margin-bottom: 0 !important;
    padding-top: 10px
}

.sv_wr {
    text-align: center;
    background: #f1f5f9;
    padding: 15px 0 30px 0
}

    .sv_wr p {
        color: #707070;
        margin-bottom: 20px;
        font-size: 1.2rem
    }

    .sv_wr a {
        margin-left: 10px
    }

.sv_pg {
    display: inline-block;
    position: relative;
    zoom: 1;
    *display: inline /*IE7 HACK*/;
    _display: inline; /*IE6 HACK*/
}

    .sv_pg .recommend {
        position: absolute;
        top: -5px;
        left: 5px
    }

    .sv_pg a.pg_test {
        margin-top: 20px;
        text-align: center;
        padding: 7px 10px;
        background: #999;
        color: #fff;
        display: inline-block;
        text-decoration: none;
        font-size: 1.2rem
    }

        .sv_pg a.pg_test:hover {
            background: #7e00ff;
            color: #fff
        }

#con_lf .svc_01 .pay_p {
    margin-top: 10px;
    color: red;
    margin-bottom: 10px;
    font-size: 1.2rem
}

.sv-pg-bottom {
    margin-top: 25px
}

    .sv-pg-bottom .no-themo {
        display: inline-block;
        margin-top: 8px;
        text-align: center;
        font-size: 1.2rem;
        line-height: 1.8rem
    }

/*kcp_전자결제*/
.pr_con a {
    text-decoration: underline;
    color: #999999
}

#pv_ji {
    margin-bottom: 40px
}

    #pv_ji h2 {
        font-size: 1.5rem;
        color: #484848;
        border-top: 1px solid #f1f5f9;
        padding: 15px 0 10px 0;
        margin-top: 15px
    }

    #pv_ji ol li {
        border: 1px solid #e8e8e8
    }

        #pv_ji ol li + li {
            border-top: none
        }

        #pv_ji ol li button {
            border: none;
            padding: 10px;
            font-size: 1.4rem;
            color: #484848;
            width: 100%;
            text-align: left
        }

        #pv_ji ol li .pvji_open {
            background: #f1f5f9;
            border-top: 1px solid #e8e8e8;
            padding: 15px;
            overflow: hidden
        }

            #pv_ji ol li .pvji_open p {
                color: #484848;
                line-height: 1.667em
            }

                #pv_ji ol li .pvji_open p a {
                    color: #00c269;
                    text-decoration: underline
                }

                #pv_ji ol li .pvji_open p.pvji_ex {
                    background: #fff;
                    padding: 20px;
                    margin-top: 10px
                }

.kcp_pc {
    float: left;
    margin-right: 15px;
    margin-top: 20px;
    font-weight: bold;
    line-height: 22px
}

.kcp_mb {
    float: left;
    margin-top: 20px;
    font-weight: bold;
    line-height: 22px
}

#pv_ji ol li .pvji_open p.pvji_lk {
    margin-top: 10px
}

.pv_ji_close {
    display: none
}

.pv_txt {
    margin-top: 20px;
    border-bottom: 1px solid #f1f5f9;
    padding-bottom: 40px
}

    .pv_txt p {
        float: left;
        font-size: 1.3rem;
        line-height: 1.917em;
        width: 550px
    }

    .pv_txt span {
        width: 180px;
        text-align: center
    }

    .pv_txt .pv_btn {
        clear: both
    }

    .pv_txt .pv_tip {
        color: #ff4e8f;
        font-weight: bold;
        margin: 10px 0;
        font-size: 1.2rem;
        line-height: 20px
    }

    .pv_txt a {
        display: inline-block;
        height: 41px;
        line-height: 41px;
        margin-right: 5px;
        font-weight: bold;
        font-size: 1.2rem;
        letter-spacing: -0.05em
    }

        .pv_txt a:hover {
            text-decoration: none
        }

    .pv_txt p a {
        margin-top: 20px
    }

.pv_txt2 {
    border-bottom: 1px solid #f1f5f9;
    padding-bottom: 40px
}

    .pv_txt2 img {
        margin-bottom: 20px
    }

    .pv_txt2 p {
        font-size: 1.2rem;
        line-height: 1.5em;
        margin-bottom: 20px
    }

    .pv_txt2 strong {
        color: #ff4e8f;
        display: block;
        margin-top: 20px;
        font-size: 1.2rem;
        font-weight: normal
    }

.pv_txt3 {
    position: relative;
    width: 730px;
    border-bottom: 1px solid #f1f5f9;
    padding-bottom: 30px
}

    .pv_txt3 .sam-tit-content {
        position: absolute;
        left: 0;
        top: 140px;
        font-size: 1.3rem;
        line-height: 1.5em;
        margin-bottom: 20px
    }

        .pv_txt3 .sam-tit-content span {
            display: block
        }

    .pv_txt3:after {
        display: block;
        visibility: hidden;
        clear: both;
        content: ""
    }

.pv_txt4 p {
    clear: both;
    float: none;
    width: 100%
}

.pv_txt4 .pv_btn {
    margin: 20px 0
}

.pv_txt4 ul {
    margin-top: 10px;
    line-height: 22px
}

.pv_txt4 li a {
    text-decoration: underline;
    font-weight: normal;
    color: #999999;
    height: auto;
    line-height: 22px
}

.pr_sv p {
    margin-top: 15px;
    font-size: 1.2rem;
    line-height: 2em
}

.pr_con {
    margin-top: 25px;
    color: #484848
}

    .pr_con h2 {
        border-bottom: 2px solid #000;
        padding-bottom: 10px;
        font-size: 1.4rem;
        color: #484848
    }

.inicis-bd {
    border: 1px solid #eee;
    border-top: none;
    padding: 10px
}

.pv_btn_inicis {
    margin: 10px 0
}

.pr_con.pr_rq .inicis_message:after {
    display: block;
    visibility: hidden;
    clear: both;
    content: ""
}

.pr_con.pr_rq .inicis_message .msg_phone {
    float: left;
    width: 40%
}

.pr_con.pr_rq .inicis_message .msg_txt {
    float: left;
    width: 59%
}

.inicis_message img {
    max-width: 100%;
    height: auto
}

#kcp_pr ol {
    background: #f1f5f9;
    overflow: hidden;
    padding: 0 30px 30px;
    display: inline-block
}

    #kcp_pr ol li {
        float: left;
        width: 300px;
        height: 45px;
        padding: 25px 30px 25px 0;
        border-bottom: 1px solid #d6dee4
    }

        #kcp_pr ol li p {
            padding-left: 55px;
            color: #484848;
            padding-top: 5px
        }

            #kcp_pr ol li p span {
                font-weight: bold;
                line-height: 1.6em
            }

            #kcp_pr ol li p strong {
                font-size: 1.6rem;
                color: #4bc777
            }

#kcp_rq ol {
    background: #f1f5f9;
    overflow: hidden;
    padding: 30px 30px 0
}

    #kcp_rq ol li {
        margin-bottom: 23px
    }

        #kcp_rq ol li h3 {
            font-size: 1.4rem;
            padding-bottom: 10px
        }

        #kcp_rq ol li p {
            background: #fff;
            padding: 20px;
            line-height: 1.667em
        }

            #kcp_rq ol li p.pr_rt {
                padding-top: 0px
            }

                #kcp_rq ol li p.pr_rt span {
                    background: #e3f4d9;
                    padding: 3px
                }

#pr_qa ol {
    margin-bottom: 40px
}

    #pr_qa ol li {
        height: 37px;
        line-height: 37px;
        border-bottom: 1px solid #e8e8e8;
        font-weight: bold
    }

        #pr_qa ol li span {
            color: #fff;
            display: inline-block;
            width: 19px;
            text-align: center;
            margin-right: 10px
        }

        #pr_qa ol li a {
            text-decoration: none;
            color: #484848
        }

.kcp_ep {
    border: 2px solid #4ec6d1;
    background: #e6f8f8;
    padding: 10px 15px 10px 30px
}

    .kcp_ep li {
        list-style: decimal;
        padding: 3px 0;
        line-height: 1.5em
    }


/*lg_전자결제*/
#lgpy_iq li strong {
    font-size: 1.5rem;
    letter-spacing: -1px
}

    #lgpy_iq li strong a {
        letter-spacing: 0;
        color: #777777;
        text-decoration: underline;
        padding-left: 8px;
        font-weight: normal
    }

#lgpy_iq li p {
    margin-bottom: 15px;
    color: #888;
    line-height: 1.8rem
}

    #lgpy_iq li p span {
        color: #7e00ff
    }

/*LG 유플러스 카드결제 신청서 완료*/
#lg-pg-supply p {
    margin-bottom: 20px;
    background: #e1e5ec;
    padding: 10px 20px;
    line-height: 1.7em
}

    #lg-pg-supply p.msg_popup_null {
        background: none;
        margin: 0
    }

#lg-pg-supply h2 {
    font-size: 1.2rem;
    display: block;
    border-top: 1px solid #eee;
    padding: 10px
}

#lg-pg-supply strong {
    font-style: normal
}

#lg-pg-supply p #lg_pg {
    background: #e3f4d9;
    font-style: normal;
    padding: 3px;
    margin-left: 5px
}

/*kcp_본인인증*/
#pr_tbl {
}

    #pr_tbl table {
        width: 100%;
        border-collapse: collapse;
        text-align: center;
        margin-top: 15px
    }

        #pr_tbl table th {
            background: #f1f5f9;
            border: 1px solid #f1f5f9;
            padding: 10px 0;
            width: 12.5%
        }

        #pr_tbl table td {
            border: 1px solid #f1f5f9
        }

.kcp_pr_1 ol li {
    width: 100% !important
}

    .kcp_pr_1 ol li p {
        padding-top: 15px !important
    }

.pr_rq ol {
    margin-top: 20px
}

    .pr_rq ol li {
        list-style: decimal;
        list-style-position: inside;
        font-weight: bold
    }

        .pr_rq ol li p {
            font-weight: normal;
            line-height: 20px;
            margin-top: 5px;
            margin-bottom: 20px
        }

            .pr_rq ol li p span {
                background: #e3f4d9;
                padding: 3px
            }

/*lg_본인인증*/
#lg_tit p {
    padding-top: 30px
}

#lg_tit a span {
    font-weight: normal
}

#lg_tit a + a + a {
    margin: 0
}

.kcp_pr_1 ol li.pr_con_mg p {
    margin-top: 0 !important;
    line-height: 20px
}

/*icode*/
#kcp_tit1 p {
    padding-top: 30px
}

/* PG 공통 */
#kcp_tit .noti {
    margin: 20px 0 0;
    color: #ff4242
}

#kcp_rq .pr_rf {
    text-decoration: underline
}

/*이니시스*/
#kcp_pr ol li p strong.pr_c_st {
    font-size: 1.3rem
}

#kcp_pr ol li.pr_con8 p {
    padding-top: 0
}

.in_iq {
    margin-bottom: 40px
}

#kcp_rq ol li p.pr_rt span.pr_sp {
    background: #ffee;
    display: block;
    background: #f1f6e9;
    padding: 8px 15px;
    margin-top: 5px
}

    #kcp_rq ol li p.pr_rt span.pr_sp img {
        margin: 8px 0
    }

/*아이핀*/
.pr_ipin span, .pr_ok span {
    background: #e3f4d9;
    padding: 3px
}

/*네이버페이*/
#np_ch ol {
    background: #f1f5f9;
    overflow: hidden;
    padding: 0 30px 0px;
    display: inline-block;
    width: 670px
}

    #np_ch ol li {
        width: 100%;
        height: 45px;
        padding: 25px 30px 25px 0;
        border-bottom: 1px solid #d6dee4;
        line-height: 1.8em
    }

        #np_ch ol li p {
            padding-left: 55px;
            color: #484848;
            padding-top: 5px
        }

            #np_ch ol li p a {
                color: #ff4e8f
            }

            #np_ch ol li p span {
                font-weight: bold;
                line-height: 1.6em
            }

            #np_ch ol li p strong {
                font-size: 1.6rem;
                color: #4bc777
            }

        #np_ch ol li.pr_con4 p {
            padding-top: 15px
        }

#np_join {
    margin-bottom: 30px
}

    #np_join ol {
        background: #f1f5f9;
        padding: 30px 40px
    }

        #np_join ol li {
            padding: 5px 0 20px
        }

            #np_join ol li:after {
                display: block;
                visibility: hidden;
                clear: both;
                content: ""
            }

            #np_join ol li .np_img {
                float: left;
                width: 146px
            }

            #np_join ol li .np_txt {
                float: left;
                margin-left: 20px;
                background: #d6dee4;
                padding: 10px;
                max-width: 460px;
                position: relative;
                line-height: 1.5em
            }

                #np_join ol li .np_txt:before {
                    position: absolute;
                    display: inline-block;
                    border-top: 7px solid transparent;
                    border-right: 7px solid #d6dee4;
                    border-bottom: 7px solid transparent;
                    border-right-color: #d6dee4;
                    left: -7px;
                    top: 20px;
                    content: ""
                }

            #np_join ol li a {
                color: #ff4242
            }

.np_strong {
    color: #ff4242 !important;
    font-weight: bold !important
}

.np_strong1 {
    color: #ff4242 !important
}

.np_strong2 {
    color: #932544 !important
}

/*삼성페이*/
.sam-intro {
    margin-top: 70px;
    padding: 10px;
    background: #f1f5f9;
    border: 1px dashed #AAD9F7;
    border-radius: 3px;
    font-size: 1.2rem
}

    .sam-intro span {
        color: #317EB6;
        line-height: 1.5em;
        font-weight: bold
    }

.samsungpay-tit {
    margin-top: 25px;
    color: #484848
}

    .samsungpay-tit p {
        margin-bottom: 20px;
        font-size: 1.3rem;
        line-height: 1.5em
    }

    .samsungpay-tit h2 {
        padding-bottom: 10px;
        font-size: 1.4rem;
        color: #484848
    }

    .samsungpay-tit h3 {
        padding: 10px 0;
        font-size: 1.2rem;
        color: #317EB6
    }

    .samsungpay-tit table {
        font-size: 1.2rem
    }

.sam-sevice:after {
    display: block;
    visibility: hidden;
    clear: both;
    content: ""
}

.sam-sevice {
    margin-bottom: 10px
}

    .sam-sevice h3 {
        float: left;
        width: 150px;
        height: 58px;
        padding: 15px;
        line-height: 40px;
        border: 1px solid #a9d9f6;
        font-size: 1.2rem;
        background: #e6f6ff;
        border-radius: 5px 0 0 5px
    }

        .sam-sevice h3 span {
            display: inline-block;
            width: 155px;
            height: 54px;
            text-indent: -9999px
        }

    .sam-sevice ul {
        float: left;
        width: 517px;
        height: 60px;
        padding: 14px 15px;
        border: 1px solid #a9d9f6;
        border-left: 0;
        border-radius: 0 5px 5px 0
    }

        .sam-sevice ul li {
            line-height: 1.8em
        }

            .sam-sevice ul li.alone-li {
                display: inline-block;
                margin-top: 20px
            }

.sam-mg-bottom {
    margin-top: 25px
}

#samsungpay-sequence ol:after {
    display: block;
    visibility: hidden;
    clear: both;
    content: ""
}

#samsungpay-sequence ol li {
    float: left;
    width: 230px;
    height: 70px;
    margin-bottom: 20px
}

    #samsungpay-sequence ol li.chap-li {
        width: 250px
    }

    #samsungpay-sequence ol li span {
        display: inline-block;
        width: 230px;
        height: 70px;
        text-indent: -9999px
    }

    #samsungpay-sequence ol li .chap1 {
        width: 250px;
    }

    #samsungpay-sequence ol li .chap2 {
        width: 250px;
    }

#samsungpay-sequence ul li {
    line-height: 1.8em;
    color: #307eb2
}

    #samsungpay-sequence ul li a {
        color: #307eb2;
        font-weight: bold;
        text-decoration: underline
    }

#samsungpay-limit h3 {
    border-bottom: 2px solid #000;
    padding-bottom: 10px;
    font-size: 1.2rem;
    color: #317EB6
}

#samsungpay-limit ol {
    line-height: 2.2rem;
    background: #f1f5f9;
    padding: 20px 30px 20px 40px;
    display: inline-block
}

#samsungpay-limit li {
    list-style: decimal !important
}

    #samsungpay-limit li a {
        color: #207eff;
        text-decoration: underline
    }

.sp-table table {
    width: 100%;
    border-collapse: collapse;
    border-bottom: 1px solid #d6dee4;
    border-top: 2px solid #000;
    line-height: 1.8em
}

    .sp-table table th {
        background: #f1f5f9;
        border-top: 1px solid #d6dee4;
        border-bottom: 1px solid #d6dee4;
        color: #484848;
        font-weight: normal;
        padding: 10px 0
    }

    .sp-table table td {
        padding: 10px;
        border-top: 1px solid #d6dee4;
        border-bottom: 1px solid #d6dee4;
        color: #484848
    }

        .sp-table table td p {
            margin-bottom: 0
        }

        .sp-table table td.align-left {
            text-align: left;
            padding-left: 20px
        }

        .sp-table table td strong {
            color: #317EB2
        }

    .sp-table table ol li {
        list-style: decimal;
        margin-left: 15px
    }

    .sp-table table .point-chart-bg {
        background: #f1f5f9
    }

    .sp-table table .point-p {
        color: #ff4e8f
    }

    .sp-table table .point-m {
        color: #3e92c7
    }

    .sp-table table .border-td {
        border-right: 1px solid #d6dee4
    }

/* l.pay */
#lpay .pv_txt p {
    line-height: 1.6em;
    margin-bottom: 20px
}

#lpay .lpay-intro p {
    float: none;
    width: auto;
    margin-bottom: 0
}

.lpay-intro {
    margin-top: 20px;
    padding: 10px 15px;
    background: #f1f5f9;
    border: 1px dashed #0197ca;
    border-radius: 3px
}

    .lpay-intro span {
        color: #0197ca;
        line-height: 1.5em;
        font-weight: bold
    }

.lpay-tit {
    margin-top: 25px;
    color: #484848
}

    .lpay-tit p {
        margin-bottom: 20px;
        font-size: 1.3rem;
        line-height: 1.5em
    }

    .lpay-tit h2 {
        margin-top: 30px;
        padding-bottom: 10px;
        font-size: 1.4rem;
        color: #484848
    }

    .lpay-tit h3 {
        padding: 10px 0;
        font-size: 1.2rem;
        color: #317EB6
    }

.lpay-sevice {
    margin-bottom: 10px
}

    .lpay-sevice:after {
        display: block;
        visibility: hidden;
        clear: both;
        content: ""
    }

    .lpay-sevice h3 {
        float: left;
        width: 150px;
        height: 58px;
        padding: 15px;
        line-height: 40px;
        border: 1px solid #a9d9f6;
        font-size: 1.2rem;
        background: #e6f6ff;
        border-radius: 5px 0 0 5px
    }

        .lpay-sevice h3 span {
            display: inline-block;
            width: 155px;
            height: 54px;
            text-indent: -9999px
        }

    .lpay-sevice p {
        float: left;
        margin-bottom: 0;
        width: 517px;
        height: 60px;
        padding: 14px 15px;
        border: 1px solid #a9d9f6;
        border-left: 0;
        border-radius: 0 5px 5px 0
    }

    .lpay-sevice .alone-li {
        display: inline-block;
        margin-top: 20px
    }

.lpay-safe p, .lpay-easy p {
    padding-top: 24px;
    height: 50px
}

#lpay-sequence ol:after {
    display: block;
    visibility: hidden;
    clear: both;
    content: ""
}

#lpay-sequence ol li {
    float: left;
    width: 230px;
    height: 70px;
    margin-bottom: 20px
}

    #lpay-sequence ol li.chap-li {
        width: 250px
    }

    #lpay-sequence ol li span {
        display: inline-block;
        width: 230px;
        height: 70px;
        text-indent: -9999px
    }

    #lpay-sequence ol li .chap1 {
        width: 250px;
    }

    #lpay-sequence ol li .chap2 {
        width: 250px;
    }

#lpay-sequence ul li {
    line-height: 1.8em;
    color: #307eb2
}

    #lpay-sequence ul li a {
        color: #307eb2;
        font-weight: bold;
        text-decoration: underline
    }

/*솔루션*/
.ri_pd {
    margin-right: 20px
}

#solution-content-list {
}

    #solution-content-list .sb_bn {
    }

    #solution-content-list .bn1 {
    }

/*g5 / yc5*/
.sb_bn {
    position: relative;
    float: left;
    margin-bottom: 20px;
    margin-right: 20px
}

    .sb_bn:nth-child(even) {
        margin-right: 0px
    }

    .sb_bn .g5_bg {
        width: 355px;
        height: 280px
    }

        .sb_bn .g5_bg span {
            color: #fff;
            text-align: center;
            line-height: 17px;
            margin-top: 178px;
            display: inline-block;
            width: 353px
        }

    .sb_bn .gb_btn {
        position: absolute;
        bottom: 0;
        left: 0;
        background: #333;
        width: 355px;
        height: 60px
    }

        .sb_bn .gb_btn li {
            float: left;
            width: 87px;
            text-align: center;
            margin: 10px 0;
            height: 40px
        }

            .sb_bn .gb_btn li a {
                color: #eee;
                display: inline-block;
                font-size: 1.2rem
            }

                .sb_bn .gb_btn li a:hover {
                    color: #7e00ff;
                    text-decoration: none
                }

                .sb_bn .gb_btn li a i {
                    display: block;
                    margin: 5px 0;
                }

        .sb_bn .gb_btn .gb_btn6 a {
            background: url('../img/sub/g5_bn_btn5.png') 50% 1px no-repeat
        }

            .sb_bn .gb_btn .gb_btn6 a:hover {
                background: url('../img/sub/g5_bn_btn5_over.png') 50% 1px no-repeat
            }

        .sb_bn .gb_btn .gb_btn7 a {
            background: url('../img/sub/g5_bn_btn6.png') 50% 1px no-repeat
        }

            .sb_bn .gb_btn .gb_btn7 a:hover {
                background: url('../img/sub/g5_bn_btn6_over.png') 50% 1px no-repeat
            }

#y5_bn {
    background: url('../img/sub/y5_bn.jpg') no-repeat top center
}

    #y5_bn .g5_bg span {
        color: #8b6926
    }

#g4_bn .g5_bg span, #yc4_bn .g5_bg span, #rq_bn .g5_bg span {
    color: #fff
}

#g5_bn {
    background: url('../img/sub/g5_bn.jpg') no-repeat top center
}

#gp_bn {
    background: url('../img/sub/gp_bn.jpg') no-repeat top center
}

    #gp_bn .g5_bg span {
        color: #004c38
    }

#g4_bn {
    background: url('../img/sub/g4_bn.jpg') no-repeat top center
}

#yc4_bn {
    background: url('../img/sub/y4_bn.jpg') no-repeat top center
}

#rq_bn {
    background: url('../img/sub/rq_bn.jpg') no-repeat top center;
    overflow: hidden
}

    #rq_bn span {
        text-align: left;
        margin-left: 24px;
        margin-top: 175px
    }

#de_bn {
    background: url('../img/sub/ds_bn.jpg') no-repeat top center
}

    #de_bn .g5_bg span {
        color: #fff;
        margin-top: 183px
    }

#pr_bn {
    background: url('../img/sub/dv_bn.jpg') no-repeat top center
}

    #pr_bn .g5_bg span {
        color: #fff;
        margin-top: 185px
    }

#pl_bn {
    background: url('../img/sub/pl_bn.jpg') no-repeat top center
}

    #pl_bn .g5_bg span {
        color: #fff;
        margin-top: 185px
    }

#pu_bn {
    background: url('../img/sub/pb_bn.jpg') no-repeat top center
}

    #pu_bn .g5_bg span {
        color: #fff;
        margin-top: 185px
    }

#gc_bn {
    background: url('../img/sub/gnucon.jpg') no-repeat top center
}

    #gc_bn .g5_bg span {
        color: #fff;
        margin-top: 180px
    }

#gnucon_new li .latest_icon, .solution_new li .latest_icon {
    display: none
}

#so_bn {
    background: url('../img/sub/so_bn.jpg') no-repeat top center
}

    #so_bn .g5_bg span {
        color: #fff;
        margin-top: 155px
    }

#gnuc_bn {
    background: url('../img/sub/gnuc_bn.jpg') no-repeat top center
}

    #gnuc_bn .g5_bg span {
        color: #004c38;
        margin-top: 184px
    }

#gnupay_bn {
    background: url('../img/sub/gnupay_bn.jpg') no-repeat top center
}

    #gnupay_bn .g5_bg span {
        color: #fff;
        margin-top: 195px
    }

#design_bn {
    background: url('../img/sub/design.png') no-repeat top center
}

    #design_bn .g5_bg span {
        color: #fff;
        margin-top: 183px
    }

#program_bn {
    background: url('../img/sub/program.png') no-repeat top center
}

    #program_bn .g5_bg span {
        color: #fff;
        margin-top: 185px
    }

#dppp_bn {
    background: url('../img/sub/dppp.png') no-repeat top center;
    margin-right: 20px
}

    #dppp_bn .g5_bg span {
        color: #fff;
        margin-top: 185px
    }

#laon_bn {
    background: url('../img/sub/laon_bn.jpg') no-repeat top center
}

    #laon_bn .g5_bg span {
        color: #fff;
        margin-top: 180px
    }

#gm_bn {
    background: url('../img/sub/gm_bn.jpg') no-repeat top center
}

    #gm_bn .g5_bg span {
        color: #fff;
        margin-top: 180px
    }

.gnuc_link {
    width: 708px;
    background: #f1f5f9;
    margin-bottom: 20px;
    padding: 10px;
    border: 1px solid #eee
}

    .gnuc_link:after {
        display: block;
        visibility: hidden;
        clear: both;
        content: ""
    }

    .gnuc_link li {
        float: left;
        margin-left: 12px;
        text-align: center
    }

        .gnuc_link li.gnuc-nomargin-left {
            margin-left: 0
        }

        .gnuc_link li.gnuc-nomargin-right {
            margin-right: 0
        }

        .gnuc_link li a {
            display: block;
            width: 78px;
            height: 78px;
            overflow: hidden;
            font-size: 1.4rem;
            font-weight: bold;
            text-decoration: none;
            line-height: 30px;
            padding-bottom: 25px;
            color: #444
        }

            .gnuc_link li a:hover {
                color: #1a7b83
            }

            .gnuc_link li a span {
                width: 78px;
                height: 78px;
                display: block
            }

            .gnuc_link li a .guc1 {
                background: url('../img/sub/gc_icon01.png') 0 0 no-repeat
            }

            .gnuc_link li a .guc2 {
                background: url('../img/sub/gc_icon02.png') 0 0 no-repeat
            }

            .gnuc_link li a .guc3 {
                background: url('../img/sub/gc_icon03.png') 0 0 no-repeat
            }

            .gnuc_link li a .guc4 {
                background: url('../img/sub/gc_icon04.png') 0 0 no-repeat
            }

            .gnuc_link li a .guc5 {
                background: url('../img/sub/gc_icon05.png') 0 0 no-repeat
            }

            .gnuc_link li a .guc6 {
                background: url('../img/sub/gc_icon06.png') 0 0 no-repeat
            }

            .gnuc_link li a .guc7 {
                background: url('../img/sub/gc_icon07.png') 0 0 no-repeat
            }

            .gnuc_link li a .guc8 {
                background: url('../img/sub/gc_icon08.png') 0 0 no-repeat
            }

        .gnuc_link li:hover a .guc1 {
            background: url('../img/sub/gc_icon01.png') 0 -78px no-repeat
        }

        .gnuc_link li:hover a .guc2 {
            background: url('../img/sub/gc_icon02.png') 0 -78px no-repeat
        }

        .gnuc_link li:hover a .guc3 {
            background: url('../img/sub/gc_icon03.png') 0 -78px no-repeat
        }

        .gnuc_link li:hover a .guc4 {
            background: url('../img/sub/gc_icon04.png') 0 -78px no-repeat
        }

        .gnuc_link li:hover a .guc5 {
            background: url('../img/sub/gc_icon05.png') 0 -78px no-repeat
        }

        .gnuc_link li:hover a .guc6 {
            background: url('../img/sub/gc_icon06.png') 0 -78px no-repeat
        }

        .gnuc_link li:hover a .guc7 {
            background: url('../img/sub/gc_icon07.png') 0 -78px no-repeat
        }

        .gnuc_link li:hover a .guc8 {
            background: url('../img/sub/gc_icon08.png') 0 -78px no-repeat
        }

.gnupay_link {
    clear: both;
    width: 730px;
    margin-bottom: 20px
}

    .gnupay_link:after {
        display: block;
        visibility: hidden;
        clear: both;
        content: ""
    }

    .gnupay_link li {
        float: left;
        margin: 0 0 11px 11px;
        text-align: center;
        background-color: #f1f5f9;
        padding-top: 30px
    }

        .gnupay_link li:hover {
            background-color: #fff2c7
        }

            .gnupay_link li:hover a {
                color: #000
            }

        .gnupay_link li.gnuc_nomargin {
            margin-left: 0
        }

        .gnupay_link li a {
            display: block;
            width: 174px;
            padding-top: 150px;
            padding-bottom: 20px;
            font-size: 1.4rem;
            font-weight: bold;
            text-decoration: none
        }

        .gnupay_link li.guc1 a {
            background: url('../img/sub/gnupay_icon01.png') no-repeat top center
        }

        .gnupay_link li.guc2 a {
            background: url('../img/sub/gnupay_icon02.png') no-repeat top center
        }

        .gnupay_link li.guc3 a {
            background: url('../img/sub/gnupay_icon03.png') no-repeat top center
        }

        .gnupay_link li.guc4 a {
            background: url('../img/sub/gnupay_icon04.png') no-repeat top center
        }

.gnupay-install {
    clear: both;
    margin-bottom: 20px
}

    .gnupay-install:after {
        display: block;
        visibility: hidden;
        clear: both;
        content: ""
    }

    .gnupay-install h2 {
        position: absolute;
        top: -99px;
        font-size: 0;
        line-height: 0;
        overflow: hidden
    }

    .gnupay-install a {
        text-decoration: none
    }

        .gnupay-install a:hover {
            color: #ff00af
        }

    .gnupay-install .gnupay-install-wr {
        float: left;
        width: 145px;
        height: 145px;
        border: 1px solid #4bc777;
        text-align: center
    }

        .gnupay-install .gnupay-install-wr h3 {
            height: 35px;
            line-height: 35px;
            background: #4bc777;
            text-align: center;
            color: #fff;
            font-size: 1.2rem
        }

    .gnupay-install .gnupay-install-arrow {
        float: left;
        background: url('../img/sub/gnupay_arrow.gif') 50% 50% no-repeat;
        width: 47px;
        height: 145px;
        text-indent: -1111px;
        overflow: hidden
    }

    .gnupay-install .gp_link {
        display: inline-block;
        margin-top: 40px;
        border: 1px solid #d6dee4;
        background: url('../img/sub/gp_link.png') no-repeat 70px 50% #f2f2f4;
        width: 80px;
        height: 27px;
        line-height: 27px;
        text-align: center;
        color: #59595b;
        border-radius: 3px
    }

    .gnupay-install .kcp_link,
    .gnupay-install .lg_link,
    .gnupay-install .kg_link {
        display: block;
        padding-left: 50px;
        height: 36px;
        line-height: 36px;
        border-bottom: 1px solid #e8e8e8;
        text-align: left;
        font-size: 1.2rem;
        color: #777777
    }

    .gnupay-install .kg_link {
        border: 0;
        background: url('../img/sub/gp_pg.png') no-repeat 3px -75px
    }

    .gnupay-install .kcp_link {
        background: url('../img/sub/gp_pg.png') no-repeat 3px -3px
    }

    .gnupay-install .lg_link {
        background: url('../img/sub/gp_pg.png') no-repeat 3px -37px
    }

/*g5 라이센스*/
#p_lic_ov h2 {
    display: none
}

#p_lic_ov dl {
    color: #fff;
    overflow: hidden;
    margin-top: 10px
}

    #p_lic_ov dl dt {
        float: left;
        background: #484848;
        width: 102px;
        margin-top: 1px;
        padding: 8px 0 8px 20px
    }

    #p_lic_ov dl dd {
        float: left;
        background: #eee;
        margin-top: 1px;
        padding: 8px 0 8px 10px;
        width: 595px;
        color: #484848
    }

#p_lic_ov ol {
    padding: 20px;
    border: 1px solid #eee;
    margin-top: 20px
}

    #p_lic_ov ol li {
        list-style: decimal inside;
        line-height: 24px
    }

#p_lic_ov p {
    padding: 20px;
    background: #f1f5f9;
    line-height: 18px;
    border: 1px solid #eee;
    border-top: 0;
    color: #777777
}

    #p_lic_ov p a {
        color: #777777;
        text-decoration: underline
    }

#p_lic_gpl {
    margin-top: 30px;
    position: relative
}

    #p_lic_gpl h2 {
        font-size: 1.4rem;
        padding: 5px 0
    }

    #p_lic_gpl .tab {
        display: inline-block;
        position: absolute;
        top: 0;
        right: 0
    }

        #p_lic_gpl .tab li {
            width: 100px;
            height: 25px;
            float: left;
            font-weight: bold
        }

            #p_lic_gpl .tab li a {
                display: block;
                line-height: 25px;
                text-align: center;
                background: #fff;
                color: #7e00ff;
                cursor: default;
                border: 1px solid #7e00ff;
                text-decoration: none;
                cursor: pointer
            }

                #p_lic_gpl .tab li a.selected {
                    color: #fff;
                    background: #7e00ff
                }

    #p_lic_gpl .li_con {
        color: #d25a86;
        border: 1px solid #d6dee4;
        border-top: 2px solid #000;
        background: #fff;
        padding: 0;
        margin-top: 10px;
        margin-bottom: 40px
    }

        #p_lic_gpl .li_con li {
            list-style: none;
            padding: 20px 20px;
            color: #333;
            font-size: 1.2rem
        }

            #p_lic_gpl .li_con li h3 {
                font-size: 1.3rem;
                margin-bottom: 20px;
                border-top: 1px solid #eee;
                padding-top: 30px
            }

            #p_lic_gpl .li_con li p {
                line-height: 20px;
                margin-bottom: 25px
            }

            #p_lic_gpl .li_con li h3.bd_no {
                border: none
            }

            #p_lic_gpl .li_con li blockquote {
                line-height: 20px;
                background: #f1f5f9;
                padding: 20px;
                margin: 0 0 30px
            }

/*g5 특징*/
.ftr_con {
    margin-top: 20px;
    color: #484848
}

    .ftr_con h2 {
        font-size: 1.4rem
    }

    .ftr_con .con_wr {
        border: 1px solid #d6dee4;
        border-top: 2px solid #000;
        background: #fff;
        font-size: 1.2rem;
        padding: 0;
        margin-top: 10px;
        margin-bottom: 40px;
        padding: 30px 20px;
        line-height: 22px
    }

        .ftr_con .con_wr p {
            margin-bottom: 20px;
            color: #707070
        }

        .ftr_con .con_wr ul {
            margin-bottom: 20px
        }

            .ftr_con .con_wr ul li {
                list-style: disc;
                line-height: 20px;
                margin-left: 13px;
                margin-bottom: 10px
            }

        .ftr_con .con_wr ol li {
            list-style: decimal inside
        }

        .ftr_con .con_wr h3 {
            font-size: 1.3rem
        }

        .ftr_con .con_wr dt {
            font-weight: bold;
            margin-bottom: 5px
        }

        .ftr_con .con_wr dd {
            margin-bottom: 30px;
            line-height: 20px
        }

/*g4 faq*/
#p_faq {
    margin-top: 20px
}

    #p_faq h2 {
        font-size: 1.3rem;
        color: #484848;
        padding-top: 10px;
        margin-bottom: 10px;
        border-top: 1px solid #eee;
        padding-left: 10px
    }

    #p_faq ul, #p_faq ol {
        padding: 20px;
        background: #f1f5f9;
        margin-bottom: 30px
    }

        #p_faq ol li {
            list-style: decimal inside
        }

    #p_faq li {
        margin-bottom: 8px
    }

        #p_faq li strong {
            background: #008ce0;
            color: #fff;
            padding: 2px;
            font-size: 1.2em
        }

    #p_faq p {
        padding: 10px 20px 20px;
        line-height: 20px;
        background: #f1f5f9;
        margin-bottom: 30px
    }

/*g3*/
#gf3_faq_list, #gf3_manual_list {
    background: #f1f5f9;
    padding: 15px;
    margin-top: 10px
}

    #gf3_faq_list h2, #gf3_manual h2 {
        font-size: 1.3rem;
        padding-bottom: 5px
    }

    #gf3_faq_list ol {
        background: #fff;
        padding: 10px;
        border: 1px solid #ddd
    }

        #gf3_faq_list ol li, #gf3_manual_list ol > li {
            padding: 8px 10px;
            list-style: decimal;
            list-style-position: inside;
            position: relative
        }

.gf3_faq {
    margin: 20px 0
}

.main_totop {
    text-align: right;
    margin-top: 30px
}

.main_wrap {
    border: 1px solid #d6dee4;
    border-bottom: 0;
    margin-bottom: 40px;
    border-top: 2px solid #000;
    margin-top: 20px;
    overflow-y: auto
}

    .main_wrap section {
        padding: 30px;
        border-bottom: 1px solid #d6dee4;
        padding-bottom: 15px
    }

        .main_wrap section h2 {
            font-size: 1.4rem;
            margin-bottom: 10px
        }

        .main_wrap section p {
            line-height: 2rem
        }

    .main_wrap .syntaxhighlighter {
        margin: 3px 0 5px !important
    }

#gf3_manual_list ol {
    background: #fff;
    padding: 20px 10px;
    border: 1px solid #ddd;
    margin: 0 !important
}

    #gf3_manual_list ol > li {
        font-weight: bold;
        float: left;
        width: 18%;
        height: 220px;
        border-left: 1px solid #eee;
        padding: 0 3% !important
    }

    #gf3_manual_list ol li.g3_mn_fr {
        border: none
    }

    #gf3_manual_list ol:after {
        display: block;
        visibility: hidden;
        clear: both;
        content: ""
    }

    #gf3_manual_list ol ul {
        margin-top: 5px
    }

        #gf3_manual_list ol ul li {
            list-style: none !important;
            line-height: 1.7em;
            font-weight: normal
        }

#gf3_manual h3 {
    font-size: 1.2rem;
    margin-bottom: 5px
}

#gf3_manual p {
    margin-bottom: 30px
}

#gf3_manual section ol li {
    padding: 3px 0;
    list-style: decimal;
    list-style-position: inside;
    line-height: 1.6em
}

#gf3_manual section ul, #gf3_manual section ol {
    margin-bottom: 30px
}

    #gf3_manual section ul li {
        line-height: 1.5em;
        padding: 3px 0
    }

#gf3_manual section p a {
    color: #7e00ff;
    text-decoration: underline
}

/* Q&A */
#bo_qa .side-tag, #w_qa .side-tag {
}

    #bo_qa .side-tag .section, #w_qa .side-tag .section {
        padding: 20px 16px;
        border-bottom: 1px solid #d6dee4
    }

    #bo_qa .side-tag .title, #w_qa .side-tag .title {
        margin: 0 0 10px;
        font-size: 1.4rem
    }

    #bo_qa .side-tag .a, #w_qa .side-tag .a {
        margin: 0 0 7px
    }

    #bo_qa .side-tag .fav-empty, #w_qa .side-tag .fav-empty {
        color: #999;
        font-size: 1.1rem;
        letter-spacing: -0.1em
    }

#bo_qa .panel {
    margin: 0 0 10px
}

    #bo_qa .panel .subject {
        color: #7e00ff;
        font-size: 1.2rem
    }

/*qa_list*/
#head_torss {
    position: absolute;
    top: 0;
    right: 0;
    border: 1px solid #ccc;
    padding: 3px 10px;
    border-radius: 3px;
    font-size: 1.2rem
}

    #head_torss span {
        padding: 0 5px;
        color: #484848
    }

#lbo_head {
    margin: 10px 0;
    width: 100%
}

    #lbo_head h3 {
        display: inline-block;
        line-height: 20px
    }

    #lbo_head:after {
        display: block;
        visibility: hidden;
        clear: both;
        content: ""
    }

    #lbo_head .sch-nick, #lbo_head .sch-board {
        color: #7e00ff
    }

#lbo_sch {
    display: inline-block
}

    #lbo_sch:after {
        display: block;
        visibility: hidden;
        clear: both;
        content: ""
    }

#lbo_head select {
    float: left;
    margin-right: 5px;
    height: 26px;
    padding-left: 5px;
    border: 1px solid #c2c2c2
}

#lbo_head label {
    display: none
}

#lbo_head .iboard_inp {
    padding: 1px;
 /*   height: 22px;*/
    line-height: 22px;
    border: 1px solid #c2c2c2;
    float: left
}

#lbo_head #sch_submit {
    float: left;
    width: 36px;
    height: 26px;
    background: #606060;
    border: 0;
    color: #fff;
    font-size: 1.4rem;
    line-height: 1.2rem;
}

.list_bn {
    margin-top: 15px
}

.chk_chk {
    position: absolute;
    top: 0;
    left: 5px
}

li.iboard_li_1 .chk_chk {
    position: absolute;
    top: 14px;
    left: 5px
}

.chk_chk label {
    display: none
}

#iboard_qa {
    position: relative;
    margin-bottom: 20px
}

    #iboard_qa .iboard_ulwrp {
        border-top: 1px solid #d6dee4
    }

        #iboard_qa .iboard_ulwrp li.iboard_li {
            width: 660px !important;
            border-bottom: 1px solid #d6dee4;
            position: relative;
            padding-left: 70px !important;
            min-height: 80px;
            height: auto
        }

            #iboard_qa .iboard_ulwrp li.iboard_li:after {
                display: block;
                visibility: hidden;
                content: "";
                clear: both;
                width: 100%;
                height: 0;
                overflow: hidden
            }

        #iboard_qa .iboard_ulwrp li span {
            display: inline-block
        }

        #iboard_qa .iboard_ulwrp li.lbo_legend {
            display: none
        }

        #iboard_qa .iboard_ulwrp .info_nick {
            text-align: left
        }

            #iboard_qa .iboard_ulwrp .info_nick img, #iboard_qa .iboard_ulwrp .info_nick .iboard_mb_icon {
                display: none
            }

        #iboard_qa .iboard_ulwrp .info_hit {
            width: 50px
        }

        #iboard_qa .iboard_ulwrp .info_date {
            width: 70px
        }

        #iboard_qa .iboard_ulwrp .rp_if_num {
            vertical-align: top
        }

        #iboard_qa .iboard_ulwrp .iboard_sr {
            display: none
        }

        #iboard_qa .iboard_ulwrp .info_reply {
            position: absolute;
            top: 14px;
            left: 0;
            width: 70px;
            text-align: center
        }

        #iboard_qa .iboard_ulwrp .info_reply {
            margin: 0;
            padding: 0;
            width: 50px;
            height: 50px;
            line-height: 50px;
            border: 1px solid #fff;
            color: #c2c2c2;
            font-size: 1.8rem
        }

        #iboard_qa .iboard_ulwrp .info_reply3 {
            border-color: #d6dee4 !important;
            color: #7985b3 !important
        }

        #iboard_qa .iboard_ulwrp .info_reply4 {
            border-color: #64bce6 !important;
            background: #64bce6;
            color: #fff !important
        }

        #iboard_qa .iboard_ulwrp .info_reply5 {
        }

        #iboard_qa .iboard_ulwrp .li_title {
            float: left;
            padding: 15px 0 10px 0;
            width: 410px;
            font-size: 1.4rem;
            overflow: hidden;
            text-overflow: ellipsis;
        }

        #iboard_qa .iboard_ulwrp .co-tag {
            display: block;
            margin: 5px 0 0
        }

        #iboard_qa .iboard_ulwrp .li_title .title_link {
            display: inline;
            width: 400px;
            color: #000;
            text-overflow: ellipsis;
            overflow: hidden;
            white-space: nowrap;
            line-height: 20px
        }

            #iboard_qa .iboard_ulwrp .li_title .title_link:visited {
                color: #666
            }

            #iboard_qa .iboard_ulwrp .li_title .title_link:hover {
                color: #7e00ff
            }

            #iboard_qa .iboard_ulwrp .li_title .title_link.title_cur {
                color: #7e00ff
            }

        #iboard_qa .iboard_ulwrp .li_info {
            line-height: 75px;
            color: #484848;
            text-align: center
        }

            #iboard_qa .iboard_ulwrp .li_info a:hover {
                text-decoration: none
            }

#lbo_bwrp2 {
    position: relative;
    margin-top: 10px;
    margin-bottom: 20px;
    height: 33px
}

    #lbo_bwrp2 #bwrp2_adm {
        position: absolute;
        top: 0;
        left: 0
    }

        #lbo_bwrp2 #bwrp2_adm ul {
            display: inline-block
        }

        #lbo_bwrp2 #bwrp2_adm li {
            float: left;
            margin-right: 3px
        }

            #lbo_bwrp2 #bwrp2_adm li a {
                display: inline-block;
                background: #888;
                color: #fff;
                padding: 5px;
                border: none
            }

    #lbo_bwrp2 #bwrp2_com {
        position: absolute;
        top: 0;
        right: 0;
        font-size: 0.9rem
    }

        #lbo_bwrp2 #bwrp2_com a.qa_write {
            border: 1px solid #7e00ff;
            color: #7e00ff;
            background: #fff;
            padding: 4px;
            text-decoration: none;
            display: inline-block
        }

            #lbo_bwrp2 #bwrp2_com a.qa_write:hover {
                background: #7e00ff;
                color: #fff
            }

.iboard_ulwrp ul li.iboard_empty {
    text-align: center;
    padding: 50px 0;
    border-bottom: 1px solid #d6dee4
}



#qav_head .sv_member img {
    width: 20px;
    height: 20px;
    object-fit: cover;
    vertical-align: bottom;
}

h2.con_h2 {
    display: none
}

.vbo_wr {
    display: inline-block;
    width: 100%
}

#iboard_qav .iboard_vbo_cmd {
    float: left;
    margin-top: 0
}

.iboard_vbo_copyurl {
    float: left;
    margin-left: 5px
}

    .iboard_vbo_copyurl input {
        border: 1px solid #e8e8e8;
        background: #f1f5f9;
        height: 23px;
        padding-left: 10px
    }

#iboard_qav .iboard_vbo_com {
    float: right;
    margin: 0 0 5px
}

.iboard_vbo_cmd ul, .iboard_vbo_com ul {
    display: inline-block
}

.iboard_vbo_cmd li, .iboard_vbo_com li {
    float: left;
    margin-right: 3px
}

    .iboard_vbo_cmd li a, .iboard_vbo_com li a, .iboard_vbo_combot li a {
        display: inline-block;
        background: #888;
        color: #fff;
        padding: 5px;
        text-decoration: none
    }

        .iboard_vbo_cmd li a:hover, .iboard_vbo_com li a:hover, .iboard_vbo_combot li a:hover {
            background: #7e00ff;
        }


.iboard_vbo_com .iboard_b01_reply {
    border: 1px solid #00ff6d;
    color: #000000;
    background: #fff;
    display: inline-block;
    padding: 4px;
    text-decoration: none
}

.iboard_vbo_com .iboard_b01_high {
    border: 1px solid #7e00ff;
    color: #7e00ff;
    background: #fff;
    display: inline-block;
    padding: 4px;
    text-decoration: none
}

.iboard_vbo_com .iboard_b01_delete {
    border: 1px solid #ff0000;
    color: #ff0000;
    background: #fff;
    display: inline-block;
    padding: 4px;
    text-decoration: none
}

    .iboard_vbo_com .iboard_b01_high:hover {
        background: #7e00ff;
        color: #fff
    }

#iboard_qav #vbo_con {
    border: 1px solid #e8e8e8;
    margin-top: 10px;
    position: relative;
    margin: 0
}

    #iboard_qav #vbo_con .toggle_more {
        position: absolute;
        bottom: -30px;
        right: 0;
        border-left: 1px solid #e8e8e8;
        border-bottom: 1px solid #e8e8e8;
        padding: 7px 20px;
        display: inline-block;
        background: #fff;
        border-top: none
    }

        #iboard_qav #vbo_con .toggle_more button {
            color: #7e00ff;
            padding: 0;
            border: none
        }

    #iboard_qav #vbo_con .con_inner {
        padding: 20px;
        line-height: 1.8em;
    }

.qa_tags_view {
    z-index: 2;
    position: relative;
    padding: 15px 20px;
    border-top: none;
}

.qa-tags-modal {
    display: none;
    position: relative;
    float: left;
    top: -25px;
    padding: 5px 10px;
    background: #fff;
    border: 1px solid red;
    border-radius: 3px;
    box-shadow: 1px 1px 4px 0 rgba(0,0,0,.12);
    color: red;
    font-size: 1.3rem;
    cursor: pointer;
    z-index: 100;
}

.qav_btnwr {
    border-top: none;
    overflow: hidden;
    width: 728px
}

.qav_vote .vote_btn {
    position: relative;
    border: 1px solid #d6dee4;
    border-radius: 30px;
    color: #707070;
    font-size: 1.1rem;
    text-align: left;
    z-index: 1000;
}

.save_scrap {
    width: 60px;
    text-align: center;
    margin: 10px;
}

.save_share {
    margin-right: 10px;
    margin-top: 10px
}

.qav_vote {
    margin-top: 50px;
    text-align: center;
    font-size: 1.1rem
}

    .qav_vote button {
        position: relative;
        margin: 5px;
        padding: 10px;
        height: 35px;
        border: 1px solid #d6dee4;
        border-radius: 30px;
        color: #707070;
        font-size: 1.1rem;
        text-align: center;
        vertical-align: middle;
        z-index: 1000;
        line-height: 1;
    }

.react_btn .iboard_react_singo {
    margin-top: 4px
}

#iboard_react_singod {
    display: none
}

#qav_info .info_span {
    padding-right: 5px;
    display: inline-block
}

.bdv_btn {
    position: relative;
    margin: 10px 0;
    width: 100%
}

    .bdv_btn #v_gd_wr {
        height: 33px;
        font-size: 1.2rem
    }

.sns-share-open-btn {
    float: left;
    height: 28px;
    margin-top: 2px;
    padding: 0 10px;
    font-size: 1.2rem;
    border: 1px solid #d6dee4;
    line-height: 25px;
    color: #353535
}

    .sns-share-open-btn i {
        color: #ccc;
    }

.sns-share-list {
    position: absolute;
    top: -1px;
    left: 62px;
    padding: 3px 2px;
    display: inline-block;
    background: #fff;
    z-index: 9999
}

.sns-share-close-btn {
    display: none
}

.share-left {
    float: left
}


.alist_atc {
    display: inline-block;
    margin-bottom: 15px;
    padding: 20px;
    width: 688px;
    border: 1px solid #e8e8e8;
}

.vote_win {
    float: left
}

    .vote_win button {
        width: 71px;
        height: 33px;
        padding-left: 20px;
        font-size: 1.1rem;
        color: #707070;
        margin-left: 2px
    }

.vote_winner {
    width: 41px;
    height: 33px;
    line-height: 33px;
    float: left;
    padding-left: 30px;
    font-size: 1.1rem;
    color: #707070;
    margin-left: 2px
}

.alist_atc .vote_btn {
    margin: 0
}

#qav_alist h4 {
    display: none
}

.alist_react {
    overflow: hidden;
}


.vcmt_content {
    clear: both;
    padding: 0;
/*    line-height: 2.6rem;*/
    color: #222;
    word-wrap: break-word;
    word-break: break-all
}

    .vcmt_content.is_mine_write {
        color: #113ece
    }

#qav_alist .vcmt_content {
    background: #f1f5f9;
    padding: 10px
}

#qav_alist .vcmt_content_wrp {
    padding: 0;
    margin: 0
}

.vcmt h6 {
    display: none
}

.vcmt .re_bg {
    position: absolute;
    top: 20px;
    left: 0
}

.vcmt_btn {
    float: left
}

    .vcmt_btn li {
        float: left;
        font-size: 1.2rem;
        padding-top: 3px;
        margin-left: 5px
    }

        .vcmt_btn li a {
            color: #c2c2c2;
            text-decoration: underline
        }

.qav_alist_sl {
    border-top: none !important
}

.winner_bg {
    display: block;
    height: 34px;
    border: 1px solid #e8e8e8;
    border-bottom: 0;
    padding-left: 35px;
    color: #fff;
    line-height: 27px;
    font-size: 1.4rem
}

.selected_qa {
    height: 34px;
    color: #fff;
    border-left: 1px solid #e8e8e8;
    border-right: 1px solid #e8e8e8
}

    .selected_qa span {
        padding: 6px 0 0 40px;
        display: inline-block
    }

.bn_rp {
    margin: 10px 0
}

#qaw {
    margin-top: 20px;
    text-align: center;
}

.qaw_msg a {
    color: #7e00ff;
}

#qaw p {
    padding: 5px 0;
    color: #777777
}

.iboard_sr_lbl {
    display: none
}

#qaw .iboard_bw {
    margin: 20px 0;
    text-align: center;
}

#fcomment {
    background: #f1f5f9;
    padding: 10px 10px 5px;
    overflow: hidden;
    position: relative;
    border: 1px solid #d6dee4;
    border-bottom: 0
}

#qav_alist #fcomment {
    border: 1px solid #d6dee4
}

#fcomment #wcmt_content label {
    display: none
}

#fcomment #wcmt_content textarea {
    max-width: 100%;
    height: 57px;
    width: 690px;
    border: 1px solid #d6dee4;
    margin-bottom: 5px
}

#fcomment .wcmt_btn {
    float: left;
    width: 100px
}

.wt_secret_wr {
    position: absolute;
    top: 67px;
    right: 20px;
    font-size: 0.93em;
    display: inline-block;
    width: 70px
}

#wcmt_img {
    padding: 0 15px 15px;
    border: 1px solid #d6dee4;
    border-top: 0;
    background: #f1f5f9
}

    #wcmt_img label {
        display: block;
        margin: 3px 0 0;
        color: #999;
        font-size: 1.2rem;
        letter-spacing: -0.1em
    }

#wcmt_img_submit {
    margin: 0;
    padding: 5px;
    border: 0;
    border-radius: 3px;
    background: #7e00ff;
    color: #fff;
    font-size: 1.2rem;
    letter-spacing: -0.1em
}

#wcmt_img_chk {
    display: none;
    position: relative;
    margin: 10px 0 0;
    padding: 10px;
    border: 1px solid #d6dee4;
    background: #f1f5f9
}

    #wcmt_img_chk li {
        position: relative;
        padding-bottom: 3px
    }

    #wcmt_img_chk img {
        max-width: 100%;
        height: auto
    }

    #wcmt_img_chk .wcmt_img_del {
        position: absolute;
        top: 6px;
        right: 20px;
        width: 35px;
        height: 35px;
        border: 1px solid #d6dee4;
        border-radius: 35px;
        background: #fff;
        background: rgba(255,255,255,0.7);
        color: #7e00ff;
        font-size: 1.6rem
    }

        #wcmt_img_chk .wcmt_img_del:hover {
            border-color: #7e00ff;
            background: #7e00ff;
            color: #fff
        }






/* 게시판 보기페이지 좋아요 싫어요 */
#bo_v_act {
    margin: 30px 0 30px;
    text-align: center
}

    #bo_v_act .bo_v_act_gng {
        position: relative
    }

    #bo_v_act a {
        margin-right: 5px;
        vertical-align: middle;
        font-size: 1.2rem
    }

        #bo_v_act a:hover {
            background-color: #f1f5f9
        }

#bo_v_act_good, #bo_v_act_nogood {
    display: none;
    position: absolute;
    top: 30px;
    left: 0;
    padding: 10px 0;
    width: 165px;
    background: #ff4e8f;
    color: #fff;
    text-align: center;
    z-index: 2
}

#bo_v_act strong {
    font-weight: normal
}

#bo_v_act .fa {
    margin: 0 0 3px;
    font-size: 2rem
}


#bo_v_act .bo_v_good {
    display: inline-block;
    border: 1px solid #c3c3c3;
    color: #ff4e8f;
    padding: 0px 0 5px;
    width: 50px;
    height: 50px;
    border-radius: 100%;
    text-decoration: none;
}

#bo_v_act .bo_v_nogood {
    display: inline-block;
    border: 1px solid #c3c3c3;
    color: #406bf8;
    padding: 15px 0 5px;
    width: 70px;
    height: 50px;
    border-radius: 100%;
    text-decoration: none
}

#bo_v_act .bo_v_good.me_choose {
    background-color: #f1f5f9;
    border-color: #ff4e8f
}

#bo_v_act .bo_v_nogood.me_choose {
    background-color: #f8fbff;
    border-color: #406bf8
}