@import url(//spoqa.github.io/spoqa-han-sans/css/SpoqaHanSans-kr.css);

#rightArea .loginArea .memberLink ul:after, .loginPage .loginWrap .memberLink ul:after, .mainSummary:after, .wrap #container:after {
    display: block;
    content: "";
    clear: both
}

#popWrap, .goodsPayment .goodsInfo .product table td.methodsCell, .kg-modal, .kg-modal a, .kg-modal button, .kg-modal input, .kg-modal label, .kg-modal select, .kg-modal td, .kg-modal textarea, .kg-modal th, .wrap, .wrap a, .wrap button, .wrap input, .wrap label, .wrap select, .wrap td, .wrap textarea, .wrap th {
    font-family: Noto Sans KR,맑은 고딕,Malgun Gothic,sans-serif
}

#rightArea .loginArea .linkIP dd, .autoPayment .pageContents .selectItem table td, .autoPayment .pageContents .selectItem table th.discount span, .goodsPayment .goodsInfo .product table td, .goodsPayment .pageContents .paymentInfo table#autoPaymentInfo td, .goodsPayment .refundApplicationOK .refundApplicationFinish table td, .goodsPayment .refundApplication table#refund_list td, .kg-input--select2 .kg-input__value, .member .confirm .certificationOK table td, .news .notice_view table th.date, .paging a#btn, .payment .pageContents .payOut .paymentSummary td, .payment .pageContents .selectItem dl .kg-input, .payment .pageContents .selectItem dl .kg-input label b, .payment .pageContents .selectItem dl .kg-input label span, .payment .pageContents .serviceIP table td div .ipList li div .ipNum, .paymentComplete .pageContents .paymentSummary table td {
    font-family: Spoqa Han Sans,맑은 고딕,Malgun Gothic
}

button, input, label, textarea {
    margin: 0;
    border: 0;
    padding: 0;
    display: inline-block;
    vertical-align: top;
    white-space: normal;
    background: none;
    line-height: 1;
    font-size: inherit;
    font-family: inherit
}

    input:focus {
        outline: 0
    }

input, textarea {
    box-sizing: content-box
}

    button, input[type=button], input[type=checkbox], input[type=reset], input[type=submit] {
        box-sizing: border-box
    }

    input[type=checkbox] {
        width: 13px;
        height: 13px
    }

    input[type=search] {
        -webkit-appearance: textfield;
        -webkit-box-sizing: content-box
    }

::-webkit-search-decoration {
    display: none
}

button, input[type=button], input[type=reset], input[type=submit] {
    overflow: visible;
    width: auto
}

::-webkit-file-upload-button {
    padding: 0;
    border: 0;
    background: none
}

textarea {
    overflow: auto;
    border-radius: none
}

select[multiple], textarea {
    vertical-align: top
}

@font-face {
    font-family: Noto Sans KR;
    font-style: normal;
    font-weight: 300;
    src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff2) format("woff2"),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff) format("woff"),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.otf) format("opentype")
}

@font-face {
    font-family: Noto Sans KR;
    font-style: normal;
    font-weight: 400;
    src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff2) format("woff2"),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff) format("woff"),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.otf) format("opentype")
}

@font-face {
    font-family: Noto Sans KR;
    font-style: normal;
    font-weight: 500;
    src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff2) format("woff2"),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff) format("woff"),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.otf) format("opentype")
}

@font-face {
    font-family: Noto Sans KR;
    font-style: normal;
    font-weight: 700;
    src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff2) format("woff2"),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff) format("woff"),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.otf) format("opentype")
}

blockquote, body, button, code, dd, div, dl, dt, fieldset, form, h1, h2, h3, h4, h5, h6, input, legend, li, ol, p, pre, select, td, textarea, th, ul {
    margin: 0;
    padding: 0;
    font-size: inherit;
    font-weight: inherit
}

fieldset, img {
    border: 0
}

dl, li, menu, ol, ul {
    list-style: none
}

blockquote, q {
    quotes: none
}

    blockquote:after, blockquote:before, q:after, q:before {
        content: "";
        content: none
    }

button, input, select, textarea {
    vertical-align: middle
}

button {
    border: 0;
    background-color: transparent;
    cursor: pointer
}

a {
    color: inherit;
    text-decoration: none
}

address, caption, cite, code, dfn, em, var {
    font-style: normal;
    font-weight: 400
}

caption {
    overflow: hidden;
    left: -9999px;
    width: .01em;
    height: .01em;
    font-size: .01em;
    line-height: .01em
}

#rightArea .customerBx, #rightArea .customerBx ul li.email span, #rightArea .loginArea .tit_memberLogin, #rightArea .quickmenu dl dt, .iconNew, .iconPageFirst, .iconPageLast, .iconPageNext, .iconPagePrev, .mainSummary .mainDownload a, .mainSummary .mainFaq a, .skip {
    display: block;
    overflow: hidden;
    font-size: 0;
    line-height: 0;
    text-indent: -9999px
}

button {
    outline: none
}

input::-ms-clear {
    display: none
}

input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    appearance: none
}

input[type=number] {
    -moz-appearance: textfield
}

.iconNew {
    background-image: url(https://t1.kakaocdn.net/gamepub/ui-contents/service/pc_room/pc/v1/images/common/img-common-c1c03ec929a4cc52bce869be7fad1e5f.png);
    background-position: -282px -266px;
    width: 17px;
    height: 22px;
    display: inline-block;
    vertical-align: top
}

.iconPageFirst {
    background-position: -192px -62px
}

.iconPageFirst, .iconPagePrev {
    background-image: url(https://t1.kakaocdn.net/gamepub/ui-contents/service/pc_room/pc/v1/images/common/img-common-c1c03ec929a4cc52bce869be7fad1e5f.png);
    width: 21px;
    height: 30px;
    display: inline-block;
    vertical-align: top
}

.iconPagePrev {
    background-position: -204px -148px
}

.iconPageNext {
    background-position: -173px -148px
}

.iconPageLast, .iconPageNext {
    background-image: url(https://t1.kakaocdn.net/gamepub/ui-contents/service/pc_room/pc/v1/images/common/img-common-c1c03ec929a4cc52bce869be7fad1e5f.png);
    width: 21px;
    height: 30px;
    display: inline-block;
    vertical-align: top
}

.iconPageLast {
    background-position: -142px -148px
}

.iconKakaoPaySmall {
    background-image: url(https://t1.kakaocdn.net/gamepub/ui-contents/service/pc_room/pc/v1/images/common/img-common-c1c03ec929a4cc52bce869be7fad1e5f.png);
    background-position: -142px -112px;
    width: 50px;
    height: 20px;
    display: inline-block;
    vertical-align: top
}

.iconNum1 {
    background-position: -196px -188px
}

.iconNum1, .iconNum2 {
    background-image: url(https://t1.kakaocdn.net/gamepub/ui-contents/service/pc_room/pc/v1/images/common/img-common-c1c03ec929a4cc52bce869be7fad1e5f.png);
    width: 22px;
    height: 22px;
    display: inline-block;
    vertical-align: top
}

.iconNum2 {
    background-position: -282px -234px
}

.iconNum3 {
    background-position: -314px -234px
}

.iconNum3, .iconNum4 {
    background-image: url(https://t1.kakaocdn.net/gamepub/ui-contents/service/pc_room/pc/v1/images/common/img-common-c1c03ec929a4cc52bce869be7fad1e5f.png);
    width: 22px;
    height: 22px;
    display: inline-block;
    vertical-align: top
}

.iconNum4 {
    background-position: -346px -234px
}

.iconNumSmall1 {
    background-position: -202px -112px
}

.iconNumSmall1, .iconNumSmall2 {
    background-image: url(https://t1.kakaocdn.net/gamepub/ui-contents/service/pc_room/pc/v1/images/common/img-common-c1c03ec929a4cc52bce869be7fad1e5f.png);
    width: 18px;
    height: 18px;
    display: inline-block;
    vertical-align: top
}

.iconNumSmall2 {
    background-position: -309px -266px
}

.iconNumSmall3 {
    background-position: -337px -266px
}

.iconNumSmall3, .iconNumSmall4 {
    background-image: url(https://t1.kakaocdn.net/gamepub/ui-contents/service/pc_room/pc/v1/images/common/img-common-c1c03ec929a4cc52bce869be7fad1e5f.png);
    width: 18px;
    height: 18px;
    display: inline-block;
    vertical-align: top
}

.iconNumSmall4 {
    background-position: 0 -320px
}

.goodsPayment .refundApplication .btn_goods #btn_home, .goodsPayment .refundApplication .btn_goods #btn_List, .member .confirm .btn_join #cancel, .paymentSubmit .btnPayCancel, .refundInfoModify .btn_goods #btn_List {
    display: inline-block;
    width: 200px;
    height: 62px;
    cursor: pointer;
    background: url(https://t1.kakaocdn.net/gamepub/ui-contents/service/pc_room/pc/v1/images/common/btn-cancel.png) 0 0 no-repeat
}

    .goodsPayment .refundApplication .btn_goods #btn_home:hover, .goodsPayment .refundApplication .btn_goods #btn_List:hover, .member .confirm .btn_join #cancel:hover, .paymentSubmit .btnPayCancel:hover, .refundInfoModify .btn_goods #btn_List:hover {
        background-position-y: bottom
    }

.goodsPayment .btn_goods #btn_home {
    display: inline-block;
    width: 200px;
    height: 62px;
    cursor: pointer;
    background: url(https://t1.kakaocdn.net/gamepub/ui-contents/service/pc_room/pc/v1/images/common/btn-confirm.png) 0 0 no-repeat
}

    .goodsPayment .btn_goods #btn_home:hover {
        background-position-y: bottom
    }

.autoApplicationOK .btn_goods #btn_Home, .news .agreement .btn_join input, .refundInfoModify .btn_goods #btn_Refund {
    display: inline-block;
    width: 200px;
    height: 62px;
    cursor: pointer;
    background: url(https://t1.kakaocdn.net/gamepub/ui-contents/service/pc_room/pc/v1/images/common/btn-confirm2.png) 0 0 no-repeat
}

    .autoApplicationOK .btn_goods #btn_Home:hover, .news .agreement .btn_join input:hover, .refundInfoModify .btn_goods #btn_Refund:hover {
        background-position-y: bottom
    }

.kg-input {
    display: inline-block;
    position: relative;
    vertical-align: top
}

    .kg-input input, .kg-input select {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        margin: 0;
        padding: 0;
        opacity: .01;
        border-color: transparent;
        background-color: transparent
    }

.kg-input--select {
    display: inline-block;
    position: relative;
    height: 48px;
    padding: 0 30px 0 10px;
    vertical-align: top;
    border: 1px solid #ccc;
    border-radius: 3px
}

    .kg-input--select:before {
        content: "";
        position: absolute;
        top: 0;
        right: 13px;
        bottom: 0;
        width: 0;
        height: 0;
        margin: auto;
        border-top: 5px solid #2d2d2d;
        border-right: 4px solid transparent;
        border-left: 4px solid transparent
    }

    .kg-input--select .kg-input__value {
        display: inline-block;
        position: relative;
        min-width: 87px;
        height: 48px;
        vertical-align: top;
        color: #323334;
        line-height: 48px;
        text-align: left
    }

    .kg-input--select .kg-input__value, .kg-input--select select {
        font-size: 14px;
        letter-spacing: -.04em
    }

    .kg-input--select.kg-input--focus {
        border-color: #2d2d2d
    }

.kg-input--select2 {
    padding: 0 28px 0 14px;
    border: 1px solid #acacac;
    border-radius: 20px;
    background: url(https://t1.kakaocdn.net/gamepub/ui-contents/service/pc_room/pc/v1/images/common/bu-selectbox2.png) 100% no-repeat
}

    .kg-input--select2, .kg-input--select2 .kg-input__value {
        display: inline-block;
        position: relative;
        height: 38px;
        vertical-align: top
    }

        .kg-input--select2 .kg-input__value {
            min-width: 100px;
            color: #323334;
            font-size: 14px;
            letter-spacing: -.035em;
            line-height: 38px;
            text-align: left
        }

        .kg-input--select2 select {
            font-size: 14px;
            letter-spacing: -.04em
        }

        .kg-input--select2.kg-input--focus {
            border-color: #2d2d2d
        }

.kg-input--checkbox .iconCheckbox {
    display: inline-block;
    width: 24px;
    height: 24px;
    vertical-align: top;
    background: url(https://t1.kakaocdn.net/gamepub/ui-contents/service/pc_room/pc/v1/images/common/bu-checkbox.png) no-repeat
}

.kg-input--checkbox.kg-input--on .iconCheckbox {
    background-position-y: bottom
}

.inputSearchPc {
    width: 205px;
    height: 48px;
    padding: 0 48px 0 13px;
    border: 1px solid #222;
    border-radius: 3px;
    color: #000;
    font-size: 15px;
    letter-spacing: -.04em;
    line-height: 48px
}

    .inputSearchPc::-moz-placeholder {
        color: #acacac
    }

    .inputSearchPc::placeholder {
        color: #acacac
    }

    .inputSearchPc:focus {
        box-shadow: 0 0 0 3px #ffea7f
    }

.inputSearchBoard {
    width: 199px;
    height: 48px;
    padding: 0 46px 0 13px;
    border: 1px solid #ededed;
    color: #000;
    font-size: 16px;
    letter-spacing: -.04em;
    line-height: 48px
}

    .inputSearchBoard:focus {
        border-color: #2d2d2d
    }

.paymentMethod .methodList {
    margin-top: 10px
}

    .paymentMethod .methodList .kg-input {
        display: inline-block;
        position: relative;
        width: 301px;
        height: 140px;
        margin-left: -1px;
        border: 1px solid #ededed
    }

        .paymentMethod .methodList .kg-input label {
            position: absolute;
            left: 0;
            top: 0;
            width: 299px;
            height: 138px;
            border: 1px solid transparent;
            background-color: #fbfbfb;
            background-position: 0 100%;
            background-repeat: no-repeat
        }

        .paymentMethod .methodList .kg-input.itemKakaoPay label {
            background-image: url(https://t1.kakaocdn.net/gamepub/ui-contents/service/pc_room/pc/v1/images/payment/bg-method-kp.png)
        }

        .paymentMethod .methodList .kg-input.itemCredit label {
            background-image: url(https://t1.kakaocdn.net/gamepub/ui-contents/service/pc_room/pc/v1/images/payment/bg-method-credit.png)
        }

        .paymentMethod .methodList .kg-input.itemMobile label {
            background-image: url(https://t1.kakaocdn.net/gamepub/ui-contents/service/pc_room/pc/v1/images/payment/bg-method-mobile.png)
        }

        .paymentMethod .methodList .kg-input--on, .paymentMethod .methodList .kg-input:hover {
            border-color: #ffd500;
            z-index: 10;
            background-color: #fff
        }

            .paymentMethod .methodList .kg-input--on label, .paymentMethod .methodList .kg-input:hover label {
                border-color: #ffd500;
                background-position-y: bottom;
                background-color: #fff
            }

    .paymentMethod .methodList .kg-input--disabled {
        border-color: #ededed !important;
        z-index: 0 !important
    }

        .paymentMethod .methodList .kg-input--disabled label {
            border-color: transparent !important;
            background-color: #fbfbfb !important;
            background-position-y: top !important
        }

.paymentMethod .kakaoPayGuide {
    position: relative;
    padding: 18px;
    margin-top: 6px;
    border: 1px solid #fff4ba;
    border-radius: 3px;
    color: #2d2d2d;
    font-size: 14px;
    letter-spacing: -.05em;
    line-height: 20px;
    background-color: #fffdef
}

    .paymentMethod .kakaoPayGuide em {
        text-decoration: underline
    }

    .paymentMethod .kakaoPayGuide a {
        position: absolute;
        right: 18px;
        top: 18px;
        padding-right: 15px;
        color: #e51a1a;
        background: url(https://t1.kakaocdn.net/gamepub/ui-contents/service/pc_room/pc/v1/images/common/bg-button-arrow-red.png) right 5px no-repeat
    }

        .paymentMethod .kakaoPayGuide a:hover {
            text-decoration: underline
        }

.paymentAgree .agreeList li {
    padding: 16px 0;
    border-bottom: 1px solid #ededed
}

    .paymentAgree .agreeList li .kg-input--checkbox {
        display: inline-block
    }

        .paymentAgree .agreeList li .kg-input--checkbox label {
            position: relative;
            padding-left: 31px;
            color: #2d2d2d;
            font-size: 14px;
            letter-spacing: -.035px;
            line-height: 24px
        }

            .paymentAgree .agreeList li .kg-input--checkbox label .iconCheckbox {
                position: absolute;
                left: 0;
                top: 0
            }

    .paymentAgree .agreeList li .selectbox {
        display: inline-block;
        position: relative;
        padding-left: 19px;
        margin-left: 22px;
        vertical-align: top;
        background: url(https://t1.kakaocdn.net/gamepub/ui-contents/service/pc_room/pc/v1/images/common/bg-line2.png) 0 no-repeat
    }

        .paymentAgree .agreeList li .selectbox label {
            margin-right: 7px;
            color: #2d2d2d;
            font-size: 14px;
            font-weight: 800;
            letter-spacing: -.035em;
            line-height: 38px
        }

    .paymentAgree .agreeList li.agreeItemAll .kg-input--checkbox label {
        font-weight: 800
    }

    .paymentAgree .agreeList li.agreeItemAuto {
        padding: 9px 0
    }

        .paymentAgree .agreeList li.agreeItemAuto .kg-input--checkbox {
            top: 7px
        }

.paymentSubmit {
    padding-top: 50px;
    text-align: center
}

    .paymentSubmit .btnPayOut {
        display: inline-block;
        width: 200px;
        height: 62px;
        cursor: pointer;
        background: url(https://t1.kakaocdn.net/gamepub/ui-contents/service/pc_room/pc/v1/images/payment/btn-payout.png) 0 0 no-repeat;
        margin-left: 10px
    }

        .paymentSubmit .btnPayOut:hover {
            background-position-y: bottom
        }

.kg-ui-table {
    width: 100%;
    border-top: 1px solid #2d2d2d
}

    .kg-ui-table td, .kg-ui-table th {
        border-bottom: 1px solid #ededed
    }

    .kg-ui-table th {
        padding: 6px 20px;
        min-height: 43px;
        border-right: 1px solid #ededed;
        color: #666;
        font-size: 14px;
        letter-spacing: -.025em;
        text-align: left;
        background-color: #fafbfc
    }

    .kg-ui-table td {
        padding: 15px;
        color: #2d2d2d;
        font-size: 14px;
        text-align: left
    }

        .kg-ui-table td select {
            float: left
        }

        .kg-ui-table td input[type=text] {
            height: 42px;
            padding: 0 12px;
            border: 1px solid #ccc;
            color: #2d2d2d;
            font-size: 15px;
            letter-spacing: -.035em;
            line-height: 42px
        }

            .kg-ui-table td input[type=text]:focus {
                border-color: #2d2d2d
            }

        .kg-ui-table td .kg-input--select {
            width: 244px;
            height: 44px;
            box-sizing: border-box
        }

            .kg-ui-table td .kg-input--select .kg-input__value {
                height: 44px;
                line-height: 44px
            }

        .kg-ui-table td #a_REG_FILE_URL {
            color: #666;
            font-size: 14px;
            letter-spacing: -.035em;
            text-decoration: underline
        }

        .kg-ui-table td .fileDel, .kg-ui-table td .regFile {
            display: inline-block;
            width: 90px;
            height: 39px;
            vertical-align: middle;
            cursor: pointer;
            font-size: 0
        }

            .kg-ui-table td .fileDel.fileDel, .kg-ui-table td .regFile.fileDel {
                margin-left: 21px;
                background: url(https://t1.kakaocdn.net/gamepub/ui-contents/service/pc_room/pc/v1/images/refund/btn-delete.png) no-repeat
            }

            .kg-ui-table td .fileDel.regFile, .kg-ui-table td .regFile.regFile {
                margin-left: 5px;
                background: url(https://t1.kakaocdn.net/gamepub/ui-contents/service/pc_room/pc/v1/images/refund/btn-file.png) no-repeat
            }

            .kg-ui-table td .fileDel:hover, .kg-ui-table td .regFile:hover {
                background-position-y: bottom
            }

        .kg-ui-table td .noti {
            display: inline-block;
            margin-left: 20px;
            vertical-align: middle;
            color: #f87b1e;
            font-size: 13px;
            letter-spacing: -.035em
        }

.kg-ui-radio {
    display: inline-block;
    position: relative;
    cursor: pointer
}

    .kg-ui-radio input {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        margin: 0;
        padding: 0;
        opacity: .01;
        border-color: transparent;
        background-color: transparent
    }

    .kg-ui-radio span {
        display: inline-block;
        position: relative;
        padding: 4px 4px 4px 25px;
        font-size: 14px;
        color: #2d2d2d
    }

        .kg-ui-radio span:before {
            left: 0;
            width: 20px;
            height: 20px;
            border-radius: 100%;
            background-color: #fff;
            border: 1px solid #ccc
        }

        .kg-ui-radio span:after, .kg-ui-radio span:before {
            content: "";
            position: absolute;
            top: 0;
            bottom: 0;
            margin: auto;
            box-sizing: border-box
        }

        .kg-ui-radio span:after {
            left: 5px;
            width: 10px;
            height: 10px;
            border-radius: 100%;
            background-color: #2d2d2d;
            transform: scale(0);
            transition: .2s;
            opacity: 0;
            z-index: 2
        }

    .kg-ui-radio input:checked + span:after {
        transform: scale(1);
        opacity: 1
    }

.kg-ui-check {
    display: inline-block;
    position: relative;
    cursor: pointer
}

    .kg-ui-check.block {
        display: block
    }

        .kg-ui-check.block + .kg-ui-check {
            margin-top: 12px
        }

    .kg-ui-check a {
        display: inline-block;
        margin-left: 6px;
        position: relative;
        font-size: 13px;
        color: #2d2d2d;
        line-height: 1.2;
        border-bottom: 1px solid #2d2d2d
    }

    .kg-ui-check input {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        margin: 0;
        padding: 0;
        opacity: .01;
        border-color: transparent;
        background-color: transparent
    }

    .kg-ui-check span {
        display: inline-block;
        position: relative;
        padding: 4px 4px 4px 25px;
        font-size: 14px;
        color: #2d2d2d
    }

        .kg-ui-check span em {
            font-size: 15px;
            font-weight: 700
        }

        .kg-ui-check span:before {
            top: 0;
            bottom: 0;
            left: 0;
            width: 20px;
            height: 20px;
            border-radius: 100%;
            background-color: #ddd;
            transition: .2s
        }

        .kg-ui-check span:after, .kg-ui-check span:before {
            content: "";
            position: absolute;
            margin: auto;
            box-sizing: border-box
        }

        .kg-ui-check span:after {
            top: 7px;
            left: 5px;
            width: 10px;
            height: 6px;
            border-bottom: 2px solid #fff;
            border-left: 2px solid #fff;
            transform: rotate(-45deg);
            transition: .15s;
            z-index: 2
        }

    .kg-ui-check input:checked + span:before {
        background-color: #2d2d2d
    }

.kg-ui-btn {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    width: 200px;
    height: 62px;
    background-color: #fff;
    border: 1px solid #ededed;
    border-radius: 3px;
    box-sizing: border-box;
    transition: .15s;
    cursor: pointer
}

    .kg-ui-btn span {
        font-size: 15px;
        color: #2d2d2d;
        line-height: 1
    }

    .kg-ui-btn.kg-ui-btn-w:hover {
        border-color: #ccc
    }

    .kg-ui-btn.kg-ui-btn-b {
        background-color: #2d2d2d;
        border: 1px solid #2d2d2d
    }

        .kg-ui-btn.kg-ui-btn-b:hover {
            background-color: #000
        }

        .kg-ui-btn.kg-ui-btn-b span {
            color: #fff
        }

    .kg-ui-btn.kg-ui-btn-size-m {
        width: 118px;
        height: 42px
    }

        .kg-ui-btn.kg-ui-btn-size-m span {
            font-size: 14px
        }

    .kg-ui-btn + .kg-ui-btn {
        margin-left: 14px
    }

    .kg-ui-btn.disabled {
        background-color: #ddd;
        border-color: #bcbcbc
    }

        .kg-ui-btn.disabled span {
            color: #acacac
        }

.kg-ui-section {
    padding: 58px 0 25px
}

    .kg-ui-section .page-sub-title h4 {
        padding-bottom: 2px;
        font-weight: 500;
        font-size: 19px;
        color: #000;
        letter-spacing: -.05em
    }

    .kg-ui-section .page-sub-title p {
        font-size: 15px;
        color: #7c7c7c;
        letter-spacing: -.05em
    }

        .kg-ui-section .page-sub-title p a {
            color: #f87b1e;
            text-decoration: underline
        }

        .kg-ui-section .page-sub-title p em {
            color: #f87b1e
        }

        .kg-ui-section .page-sub-title p:last-of-type {
            padding-bottom: 15px
        }

.page-title h3 {
    font-size: 38px;
    font-weight: 500;
    letter-spacing: -.025em
}

.flex-group {
    display: flex;
    justify-content: flex-start;
    align-items: center
}

    .flex-group * + .kg-ui-btn, .flex-group * + .kg-ui-text {
        margin-left: 6px
    }

    .flex-group.flex-between {
        justify-content: space-between
    }

.kg-ui-select-box {
    display: block;
    position: relative;
    width: 238px;
    height: 42px;
    background-color: #fff;
    border: 1px solid #ccc;
    border-radius: 3px;
    box-sizing: border-box;
    transition: .15s
}

    .kg-ui-select-box.wid-m {
        width: 258px
    }

    .kg-ui-select-box:hover {
        border: 1px solid #2d2d2d
    }

    .kg-ui-select-box select {
        width: 100%;
        height: 100%;
        padding: 10px 30px 10px 10px;
        border: 0;
        outline: 0;
        border-radius: 3px;
        box-sizing: border-box;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none
    }

    .kg-ui-select-box:before {
        content: "";
        position: absolute;
        top: 0;
        right: 13px;
        bottom: 0;
        width: 0;
        height: 0;
        margin: auto;
        border-top: 5px solid #2d2d2d;
        border-right: 4px solid transparent;
        border-left: 4px solid transparent
    }

.kg-ui-text, .kg-ui-text input[type=text] {
    height: 44px;
    box-sizing: border-box
}

    .kg-ui-text input[type=text] {
        display: block;
        width: 100%;
        font-size: 14px;
        color: #2d2d2d;
        padding: 10px;
        border-radius: 3px
    }

        .kg-ui-text input[type=text]::-moz-placeholder {
            color: #2d2d2d
        }

        .kg-ui-text input[type=text]::placeholder {
            color: #2d2d2d
        }

        .kg-ui-text input[type=text]:focus {
            border-radius: 3px
        }

        .kg-ui-text input[type=text]:-moz-read-only, .kg-ui-text input[type=text]:disabled {
            background-color: #ddd;
            border-color: #bcbcbc
        }

        .kg-ui-text input[type=text]:disabled, .kg-ui-text input[type=text]:read-only {
            background-color: #ddd;
            border-color: #bcbcbc
        }

.joinProcess {
    margin-top: 67px
}

    .joinProcess ul li {
        display: inline-block;
        position: relative;
        width: 250px;
        height: 62px;
        margin-left: -23px;
        color: #222;
        font-size: 15px;
        letter-spacing: -.025em;
        line-height: 62px;
        text-align: center;
        background: url(https://t1.kakaocdn.net/gamepub/ui-contents/service/pc_room/pc/v1/images/join/bg-process1.png) 0 0 no-repeat
    }

        .joinProcess ul li.process01, .joinProcess ul li.process01_on {
            margin-left: 0;
            z-index: 3
        }

        .joinProcess ul li.process02, .joinProcess ul li.process02_on {
            z-index: 2
        }

        .joinProcess ul li.process03, .joinProcess ul li.process03_on {
            z-index: 1
        }

        .joinProcess ul li.process04, .joinProcess ul li.process04_on {
            width: 227px;
            z-index: 0;
            background: url(https://t1.kakaocdn.net/gamepub/ui-contents/service/pc_room/pc/v1/images/join/bg-process2.png) 0 0 no-repeat
        }

        .joinProcess ul li.process01_on, .joinProcess ul li.process02_on, .joinProcess ul li.process03_on, .joinProcess ul li.process04_on {
            color: #fbfbfb;
            background-position-y: bottom !important
        }

    .joinProcess p {
        margin-top: 13px;
        color: #222;
        font-size: 14px;
        letter-spacing: -.025em;
        line-height: 19px
    }

        .joinProcess p .txt_red {
            color: #e51a1a
        }

.paging {
    margin-top: 38px;
    text-align: center
}

    .paging a {
        margin: 0 4px
    }

        .paging a#btnPrev {
            margin-right: 10px
        }

        .paging a#btnNext {
            margin-left: 10px
        }

        .paging a#btn {
            display: inline-block;
            height: 30px;
            padding: 0 6px;
            vertical-align: top;
            color: #acacac;
            font-size: 15px;
            letter-spacing: -.04em;
            line-height: 30px
        }

            .paging a#btn.on, .paging a#btn:hover {
                color: #000
            }

            .paging a#btn.on {
                font-weight: 700;
                text-decoration: underline
            }

.kg-modal, .kg-modal .modal {
    visibility: hidden;
    opacity: .01
}

    .kg-modal--show, .kg-modal .modal--show {
        visibility: visible;
        opacity: 1
    }

.kg-modal {
    position: fixed;
    left: 0;
    top: 0;
    width: 0;
    height: 0;
    max-width: 100%;
    max-height: 100%;
    z-index: 110;
    background-color: rgba(0,0,0,.7);
    outline: 0;
    -webkit-overflow-scrolling: touch
}

.kg-modal--show {
    width: 100%;
    height: 100%
}

.kg-modal .modal {
    position: absolute;
    left: 0;
    top: 0;
    max-height: 100%;
    z-index: 110;
    outline: 0
}

    .kg-modal .modal .modal__container {
        position: relative;
        width: 100%;
        opacity: 0;
        transform: translateZ(0)
    }

.kg-modal .modal--show .modal__container {
    opacity: 1
}

.kg-modal .modal--scroll {
    overflow-y: scroll;
    height: 100%
}

.kg-modal > .modal--animate {
    transform: scale(0);
    transition: transform .3s,opacity .3s
}

.kg-modal > .modal--show {
    transform: scale(1)
}

.kg-modal .modal {
    width: 550px
}

    .kg-modal .modal .modal__label {
        padding: 20px 20px 0;
        color: #fff;
        font-size: 18px;
        font-weight: 700;
        position: relative;
        letter-spacing: -.05em;
        height: 50px;
        background: #2d2d2d
    }

    .kg-modal .modal .modal__contents {
        background-color: #f6f6f6
    }

        .kg-modal .modal .modal__contents .modal__contents-wrap {
            padding: 20px 20px 15px;
            font-size: 15px;
            font-weight: 400;
            letter-spacing: -.04em
        }

            .kg-modal .modal .modal__contents .modal__contents-wrap .txt_blue {
                color: #6c99f0
            }

            .kg-modal .modal .modal__contents .modal__contents-wrap .popTitle {
                color: #3b3b3b;
                font-size: 13px;
                margin-bottom: 8px;
                line-height: 120%
            }

            .kg-modal .modal .modal__contents .modal__contents-wrap .descript {
                border: 1px solid #d1d2d8;
                background: #fff;
                text-align: center;
                font-size: 12px;
                color: #747474;
                padding: 13px 15px 10px;
                margin: 20px 0 0
            }

            .kg-modal .modal .modal__contents .modal__contents-wrap .popBtn {
                position: relative;
                text-align: center;
                margin-top: 20px;
                clear: both
            }

                .kg-modal .modal .modal__contents .modal__contents-wrap .popBtn a, .kg-modal .modal .modal__contents .modal__contents-wrap .popBtn input[type=button] {
                    display: inline-block;
                    background: #ffdd24;
                    color: #000;
                    font-size: 16px;
                    text-align: center;
                    padding: 6px 10px 10px;
                    margin-left: 10px;
                    cursor: pointer;
                    font-weight: 400
                }

                    .kg-modal .modal .modal__contents .modal__contents-wrap .popBtn a:hover, .kg-modal .modal .modal__contents .modal__contents-wrap .popBtn input[type=button]:hover {
                        background-color: #ffd500
                    }

                .kg-modal .modal .modal__contents .modal__contents-wrap .popBtn input[type=submit] {
                    border: 1px solid #386be1;
                    background: #4f81f5;
                    color: #fff;
                    font-size: 16px;
                    text-align: center;
                    padding: 6px 10px 10px;
                    margin-left: 10px;
                    cursor: pointer;
                    font-weight: 400
                }

                    .kg-modal .modal .modal__contents .modal__contents-wrap .popBtn input[type=button].btn2, .kg-modal .modal .modal__contents .modal__contents-wrap .popBtn input[type=submit].btn2 {
                        border: 1px solid #7a7a7a;
                        background: #fff;
                        color: #494949
                    }

            .kg-modal .modal .modal__contents .modal__contents-wrap .popTxt_blue {
                color: #6c99f0
            }

            .kg-modal .modal .modal__contents .modal__contents-wrap .de2, .kg-modal .modal .modal__contents .modal__contents-wrap .descript2 {
                border: 1px solid #d1d2d8;
                background: #fff;
                text-align: left;
                font-size: 12px;
                color: #747474;
                padding: 15px 15px 8px;
                margin: 0 0 20px
            }

                .kg-modal .modal .modal__contents .modal__contents-wrap .de2 li, .kg-modal .modal .modal__contents .modal__contents-wrap .descript2 li {
                    padding-left: 8px;
                    margin-bottom: 5px;
                    line-height: 120%
                }

                    .kg-modal .modal .modal__contents .modal__contents-wrap .de2 li a, .kg-modal .modal .modal__contents .modal__contents-wrap .descript2 li a {
                        text-decoration: underline;
                        color: #6c99f0
                    }

            .kg-modal .modal .modal__contents .modal__contents-wrap table {
                border-top: 1px solid #c1c1c7;
                margin-top: 20px;
                margin-bottom: 20px;
                color: #666
            }

                .kg-modal .modal .modal__contents .modal__contents-wrap table th {
                    border-bottom: 1px solid #c1c1c7;
                    text-align: left;
                    padding: 11px 15px;
                    font-size: 12px
                }

                .kg-modal .modal .modal__contents .modal__contents-wrap table td {
                    border-bottom: 1px solid #c1c1c7;
                    text-align: left;
                    padding: 5px 15px;
                    font-size: 12px;
                    font-size: 13px;
                    color: #3b3b3b
                }

                    .kg-modal .modal .modal__contents .modal__contents-wrap table td input[type=password], .kg-modal .modal .modal__contents .modal__contents-wrap table td input[type=text] {
                        background: #fff;
                        border: 1px solid #ccc;
                        padding: 5px 10px 6px;
                        margin: 0 5px;
                        line-height: 120%
                    }

                    .kg-modal .modal .modal__contents .modal__contents-wrap table td select {
                        background: #fff;
                        border: 1px solid #ccc;
                        padding: 4px 10px 5px;
                        margin-left: 0;
                        margin-right: 5px
                    }

                    .kg-modal .modal .modal__contents .modal__contents-wrap table td input[type=button], .kg-modal .modal .modal__contents .modal__contents-wrap table td input[type=submit] {
                        border: 1px solid #ccc;
                        background: #e2e2e2;
                        color: #494949;
                        font-size: 14px;
                        text-align: center;
                        padding: 2px 5px 3px;
                        *padding: 0 5px 0 5px;
                        margin-left: 5px;
                        cursor: pointer;
                        font-weight: 700
                    }

        .kg-modal .modal .modal__contents .nomore {
            color: #fff;
            background: #2d2d2d;
            padding: 8px 20px 10px;
            font-size: 12px;
            text-align: center
        }

            .kg-modal .modal .modal__contents .nomore:hover {
                background-color: #000
            }

            .kg-modal .modal .modal__contents .nomore a {
                display: block;
                color: #fff;
                text-decoration: none
            }

    .kg-modal .modal .modal__button-area .modal__button-close {
        position: absolute;
        top: 20px;
        right: 20px;
        background: url(https://t1.kakaocdn.net/gamepub/ui-contents/service/pc_room/pc/v1/images/common/btn-close-modal.png) 0 0 no-repeat;
        cursor: pointer;
        width: 31px;
        height: 31px;
        text-indent: -9999px;
        border: 0
    }

.kg-modal .modal--notice .modal__container {
    height: 400px
}

    .kg-modal .modal--notice .modal__container .modal__contents {
        display: table;
        width: 100%;
        height: 330px
    }

        .kg-modal .modal--notice .modal__container .modal__contents .modal__contents-wrap {
            display: table-cell;
            vertical-align: middle;
            line-height: 24px;
            text-align: center
        }

.kg-modal, .wrap {
    color: #222;
    font-size: 0
}

    .kg-modal .title-en, .wrap .title-en {
        font-family: 맑은 고딕,Malgun Gothic
    }

    .wrap #header {
        overflow: hidden;
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 83px;
        transition: height .2s;
        border-bottom: 1px solid #ededed;
        z-index: 10;
        background-color: rgba(34,34,34,.95)
    }

        .wrap #header.on {
            height: 332px;
            border-bottom: none !important
        }

            .wrap #header.on .header #pcGnb .gnb_comm > ul > li .lnb_comm {
                opacity: 1
            }

        .wrap #header .headerBg {
            position: absolute;
            left: 0;
            top: 0;
            width: 100%;
            height: 83px;
            background-color: #2d2d2d
        }

        .wrap #header .header {
            position: relative;
            width: 751px;
            height: 100%;
            padding: 0 240px 0 229px;
            margin: 0 auto;
            z-index: 20
        }

            .wrap #header .header .logo {
                position: absolute;
                left: 0;
                top: 31px
            }

                .wrap #header .header .logo a {
                    display: inline-block
                }

            .wrap #header .header .service {
                position: absolute;
                right: 0;
                top: 33.5px;
                font-size: 0;
                z-index: 10
            }

                .wrap #header .header .service ul li {
                    display: inline-block;
                    height: 16px;
                    padding-right: 15px;
                    margin-left: 13px;
                    border-right: 1px solid #444;
                    color: #ccc;
                    font-size: 12px;
                    line-height: 16px;
                    letter-spacing: -.05em;
                    cursor: pointer
                }

                    .wrap #header .header .service ul li:last-of-type {
                        padding-right: 0;
                        border-right: 0
                    }

                    .wrap #header .header .service ul li:hover {
                        text-decoration: underline
                    }

            .wrap #header .header #pcGnb {
                position: relative
            }

                .wrap #header .header #pcGnb .gnb_comm > ul {
                    padding-top: 12px
                }

                    .wrap #header .header #pcGnb .gnb_comm > ul > li {
                        display: inline-block;
                        position: relative;
                        margin: 0 12px;
                        vertical-align: top
                    }

                        .wrap #header .header #pcGnb .gnb_comm > ul > li > .link_menu {
                            display: inline-block;
                            width: 100%;
                            padding: 19px 0 30px;
                            border-bottom: 2px solid transparent;
                            vertical-align: top;
                            color: #fff;
                            font-size: 15px;
                            text-align: center;
                            letter-spacing: -.05em
                        }

                        .wrap #header .header #pcGnb .gnb_comm > ul > li .lnb_comm {
                            position: absolute;
                            left: 0;
                            top: 105px;
                            width: 100%;
                            opacity: 0
                        }

                            .wrap #header .header #pcGnb .gnb_comm > ul > li .lnb_comm li .link_menu {
                                display: inline-block;
                                width: 100%;
                                padding: 6px 0;
                                color: #fff;
                                font-size: 14px;
                                text-align: center;
                                letter-spacing: -.05em
                            }

                                .wrap #header .header #pcGnb .gnb_comm > ul > li .lnb_comm li .link_menu:hover {
                                    text-decoration: underline
                                }

                        .wrap #header .header #pcGnb .gnb_comm > ul > li.gnb_news {
                            width: 85px
                        }

                        .wrap #header .header #pcGnb .gnb_comm > ul > li.gnb_goods {
                            width: 136px
                        }

                        .wrap #header .header #pcGnb .gnb_comm > ul > li.gnb_myPC {
                            width: 108px
                        }

                        .wrap #header .header #pcGnb .gnb_comm > ul > li.gnb_customer {
                            width: 90px
                        }

                        .wrap #header .header #pcGnb .gnb_comm > ul > li.gnb_on > .link_menu {
                            border-color: #ffd500
                        }

    .wrap #footer {
        position: absolute;
        left: 0;
        bottom: 0;
        width: 100%;
        height: 122px;
        padding: 47px 0;
        z-index: 10;
        background-color: #fcfcfc
    }

        .wrap #footer .footer {
            position: relative;
            width: 850px;
            padding-left: 254px;
            margin: 0 auto
        }

            .wrap #footer .footer .foot_daum .footer_logo {
                position: absolute;
                left: 0;
                top: 50%;
                margin-top: -15px
            }

            .wrap #footer .footer .foot_daum .footer_util .util li {
                display: inline-block;
                padding: 0 11px 0 10px;
                background: url(https://t1.kakaocdn.net/gamepub/ui-contents/service/pc_room/pc/v1/images/common/bg-footer-line.png) 100% no-repeat
            }

                .wrap #footer .footer .foot_daum .footer_util .util li a {
                    font-size: 15px;
                    font-weight: 500;
                    letter-spacing: -.05em
                }

                .wrap #footer .footer .foot_daum .footer_util .util li:first-of-type {
                    padding-left: 0
                }

                    .wrap #footer .footer .foot_daum .footer_util .util li:first-of-type a {
                        color: #ea5e2a
                    }

                .wrap #footer .footer .foot_daum .footer_util .util li:last-of-type {
                    border-right: 0;
                    background: none
                }

            .wrap #footer .footer .foot_daum .footer_util .address {
                margin-top: 12px
            }

                .wrap #footer .footer .foot_daum .footer_util .address li {
                    padding-bottom: 4px;
                    color: #888;
                    font-size: 13px;
                    letter-spacing: -.015em
                }

                    .wrap #footer .footer .foot_daum .footer_util .address li a {
                        color: #888
                    }

                    .wrap #footer .footer .foot_daum .footer_util .address li span {
                        display: inline-block;
                        position: relative;
                        top: 5px;
                        width: 1px;
                        height: 11px;
                        margin: 0 7px;
                        vertical-align: top;
                        background-color: #c7c7c7
                    }

#rightArea .loginArea {
    border: 1px solid #ededed
}

    #rightArea .loginArea .memberLink {
        margin-top: 8px
    }

        #rightArea .loginArea .memberLink ul {
            text-align: right
        }

            #rightArea .loginArea .memberLink ul li {
                float: left;
                color: #888;
                font-size: 12px;
                letter-spacing: -.025em
            }

                #rightArea .loginArea .memberLink ul li a {
                    color: #888
                }

                #rightArea .loginArea .memberLink ul li:hover {
                    text-decoration: underline
                }

            #rightArea .loginArea .memberLink ul #btnLogout, #rightArea .loginArea .memberLink ul #serchID, #rightArea .loginArea .memberLink ul #serchPW {
                display: inline-block;
                float: none;
                padding-right: 5px;
                margin-right: 5px;
                background: url(https://t1.kakaocdn.net/gamepub/ui-contents/service/pc_room/pc/v1/images/common/bu-dot.png) 100% no-repeat
            }

            #rightArea .loginArea .memberLink ul #btnLogout, #rightArea .loginArea .memberLink ul #serchPW {
                padding-right: 0;
                margin-right: 0;
                background: none
            }

    #rightArea .loginArea #div_Logout {
        padding: 20px 13px 11px
    }

        #rightArea .loginArea #div_Logout .loginBx {
            position: relative
        }

            #rightArea .loginArea #div_Logout .loginBx .tit_memberLogin {
                height: 16px;
                background: url(https://t1.kakaocdn.net/gamepub/ui-contents/service/pc_room/pc/v1/images/common/tit-login.png) 0 0 no-repeat
            }

            #rightArea .loginArea #div_Logout .loginBx #txt_ID, #rightArea .loginArea #div_Logout .loginBx #txt_PWD {
                width: 100%;
                height: 36px;
                margin-top: 14px;
                padding-bottom: 10px;
                border-bottom: 3px solid #f4f4f4;
                color: #222;
                font-size: 16px;
                letter-spacing: -.025em;
                line-height: 24px
            }

                #rightArea .loginArea #div_Logout .loginBx #txt_ID::-moz-placeholder, #rightArea .loginArea #div_Logout .loginBx #txt_PWD::-moz-placeholder {
                    color: #acacac;
                    font-size: 13px;
                    letter-spacing: -.025em
                }

                #rightArea .loginArea #div_Logout .loginBx #txt_ID::placeholder, #rightArea .loginArea #div_Logout .loginBx #txt_PWD::placeholder {
                    color: #acacac;
                    font-size: 13px;
                    letter-spacing: -.025em
                }

                #rightArea .loginArea #div_Logout .loginBx #txt_ID:focus, #rightArea .loginArea #div_Logout .loginBx #txt_PWD:focus {
                    border-color: #acacac
                }

            #rightArea .loginArea #div_Logout .loginBx #btn_Login {
                display: inline-block;
                width: 238px;
                height: 52px;
                margin-top: 12px;
                font-size: 0;
                cursor: pointer;
                background: url(https://t1.kakaocdn.net/gamepub/ui-contents/service/pc_room/pc/v1/images/common/btn-login.png) 0 0 no-repeat
            }

                #rightArea .loginArea #div_Logout .loginBx #btn_Login:hover {
                    background-position-y: bottom
                }

    #rightArea .loginArea #div_Login {
        padding: 20px 13px
    }

        #rightArea .loginArea #div_Login .loginBx .greeting {
            font-size: 16px;
            letter-spacing: -.025em;
            line-height: 21px
        }

            #rightArea .loginArea #div_Login .loginBx .greeting span {
                font-weight: 800
            }

        #rightArea .loginArea #div_Login .loginBx .coinInfo {
            position: relative;
            height: 52px;
            padding: 0 10px;
            margin-top: 19px;
            background-color: #fd3
        }

            #rightArea .loginArea #div_Login .loginBx .coinInfo dt {
                float: left;
                color: #666;
                font-size: 13px;
                letter-spacing: -.04em;
                line-height: 52px
            }

            #rightArea .loginArea #div_Login .loginBx .coinInfo dd {
                float: right
            }

                #rightArea .loginArea #div_Login .loginBx .coinInfo dd #lbl_COIN {
                    font-size: 24px;
                    font-weight: 800;
                    letter-spacing: -.025em;
                    line-height: 52px
                }

    #rightArea .loginArea .linkIP {
        height: 26px;
        padding: 14px 13px;
        border-top: 1px solid #ededed;
        background-color: #fbfbfb
    }

        #rightArea .loginArea .linkIP dt {
            float: left;
            width: 56px;
            height: 24px;
            border: 1px solid #999;
            border-radius: 13px;
            color: #4a4a4a;
            font-size: 13px;
            letter-spacing: -.025em;
            line-height: 24px;
            text-align: center
        }

        #rightArea .loginArea .linkIP dd {
            float: right;
            color: #000;
            font-size: 16px;
            font-weight: 800;
            letter-spacing: -.025em;
            line-height: 26px
        }

#rightArea .quickmenu {
    width: 266px;
    margin-top: 9px
}

    #rightArea .quickmenu dl {
        padding-top: 1px
    }

        #rightArea .quickmenu dl dd {
            display: inline-block;
            position: relative;
            height: 76px;
            margin-left: -1px;
            margin-top: -1px;
            border: 1px solid #ededed
        }

            #rightArea .quickmenu dl dd a {
                position: absolute;
                left: 0;
                top: 0;
                width: 100%;
                height: 100%
            }

            #rightArea .quickmenu dl dd.quick_payment {
                background-position: 0 -148px;
                width: 132px;
                margin-left: 0
            }

            #rightArea .quickmenu dl dd.quick_payment, #rightArea .quickmenu dl dd.quick_product_state {
                background-image: url(https://t1.kakaocdn.net/gamepub/ui-contents/service/pc_room/pc/v1/images/common/img-common-c1c03ec929a4cc52bce869be7fad1e5f.png);
                height: 76px;
                margin-top: 0
            }

            #rightArea .quickmenu dl dd.quick_product_state {
                background-position: -141px -234px;
                width: 131px
            }

            #rightArea .quickmenu dl dd.quick_tax {
                background-position: -248px 0;
                width: 132px;
                margin-left: 0
            }

            #rightArea .quickmenu dl dd.quick_cs, #rightArea .quickmenu dl dd.quick_tax {
                background-image: url(https://t1.kakaocdn.net/gamepub/ui-contents/service/pc_room/pc/v1/images/common/img-common-c1c03ec929a4cc52bce869be7fad1e5f.png);
                height: 76px
            }

            #rightArea .quickmenu dl dd.quick_cs {
                background-position: -248px -86px;
                width: 131px
            }

            #rightArea .quickmenu dl dd.quick_member {
                background-position: 0 -62px;
                width: 132px;
                margin-left: 0
            }

            #rightArea .quickmenu dl dd.quick_download, #rightArea .quickmenu dl dd.quick_member {
                background-image: url(https://t1.kakaocdn.net/gamepub/ui-contents/service/pc_room/pc/v1/images/common/img-common-c1c03ec929a4cc52bce869be7fad1e5f.png);
                height: 76px
            }

            #rightArea .quickmenu dl dd.quick_download {
                background-position: 0 -234px;
                width: 131px
            }

            #rightArea .quickmenu dl dd:hover {
                border-color: #ccc;
                z-index: 10
            }

#rightArea .customerBx {
    position: relative;
    width: 264px;
    height: 300px;
    margin-top: 10px;
    border: 1px solid #ededed;
    background: url(https://t1.kakaocdn.net/gamepub/ui-contents/service/pc_room/pc/v1/images/common/img-cs-250123.png) no-repeat
}

    #rightArea .customerBx ul li.email {
        position: absolute;
        left: 84px;
        top: 196px;
        width: 135px;
        color: #888;
        font-size: 13px;
        letter-spacing: -.025em;
        font-weight: 400;
        line-height: 16px;
        word-break: break-all
    }

#rightArea .searchPC {
    margin-top: 20px
}

    #rightArea .searchPC .tit_searchPC {
        font-size: 16px;
        font-weight: 500;
        letter-spacing: -.025em
    }

    #rightArea .searchPC .searchBx {
        position: relative;
        width: 266px;
        height: 50px;
        margin-top: 8px
    }

        #rightArea .searchPC .searchBx #btnRgst {
            background-image: url(https://t1.kakaocdn.net/gamepub/ui-contents/service/pc_room/pc/v1/images/common/img-common-c1c03ec929a4cc52bce869be7fad1e5f.png);
            background-position: -348px -172px;
            width: 30px;
            height: 30px;
            position: absolute;
            right: 7px;
            top: 10px
        }

.wrap {
    width: 100%;
    min-width: 1280px;
    position: relative;
    padding: 130px 0 316px
}

    .wrap #container {
        position: relative;
        width: 1220px;
        margin: 0 auto
    }

        .wrap #container #rightArea {
            float: right;
            width: 266px
        }

        .wrap #container #leftArea {
            float: left;
            width: 908px
        }

            .wrap #container #leftArea .pageTit h3 {
                font-size: 38px;
                font-weight: 500;
                letter-spacing: -.025em
            }

            .wrap #container #leftArea .pageTit .subj {
                margin-top: 4px;
                color: #666;
                font-size: 18px;
                letter-spacing: -.025em
            }

.confirm-box {
    width: 100%;
    text-align: left
}

    .confirm-box .check-groups + .check-groups {
        margin-top: 12px;
        padding-top: 12px;
        border-top: 1px solid #ededed
    }

    .confirm-box .btn-groups {
        display: block;
        margin: 50px auto 0;
        text-align: center
    }

.refund-text {
    flex: auto
}

    .refund-text input {
        width: 100%;
        box-sizing: border-box;
        border-radius: 3px
    }

.guide-text {
    padding-top: 8px;
    font-size: 13px;
    color: #f87b1e
}

.btn-reset {
    width: 126px;
    padding-top: 8px
}

    .btn-reset span {
        display: inline-block;
        font-size: 13px;
        color: #666;
        border-bottom: 1px solid #666
    }

.btn-account-check, .btn-account-check:hover {
    border: 1px solid #2d2d2d
}

.block {
    display: block
}

#mainBanner {
    overflow: hidden;
    position: relative
}

    #mainBanner, #mainBanner .clsBannerScreen div {
        width: 908px;
        height: 320px
    }

        #mainBanner .clsBannerScreen img {
            width: 100%;
            height: auto
        }

        #mainBanner .visualList {
            position: absolute;
            left: 0;
            bottom: 10px;
            width: 100%;
            text-align: center;
            z-index: 10
        }

            #mainBanner .visualList li {
                display: inline-block;
                width: 18px;
                height: 18px;
                cursor: pointer;
                background: url(https://t1.kakaocdn.net/gamepub/ui-contents/service/pc_room/pc/v1/images/common/bu-slide.png) 0 0 no-repeat
            }

                #mainBanner .visualList li.on {
                    background-position-y: bottom
                }

        #mainBanner .bannerArrow .btnArrowPrev {
            position: absolute;
            left: 0;
            top: 0;
            width: 54px;
            height: 320px;
            z-index: 20
        }

            #mainBanner .bannerArrow .btnArrowPrev span {
                background-image: url(https://t1.kakaocdn.net/gamepub/ui-contents/service/pc_room/pc/v1/images/common/img-common-c1c03ec929a4cc52bce869be7fad1e5f.png);
                background-position: -169px -188px;
                width: 17px;
                height: 30px;
                position: absolute;
                left: 50%;
                top: 50%;
                margin-top: -15px;
                margin-left: -8.5px
            }

        #mainBanner .bannerArrow .btnArrowNext {
            position: absolute;
            right: 0;
            top: 0;
            width: 54px;
            height: 320px;
            z-index: 20
        }

            #mainBanner .bannerArrow .btnArrowNext span {
                background-image: url(https://t1.kakaocdn.net/gamepub/ui-contents/service/pc_room/pc/v1/images/common/img-common-c1c03ec929a4cc52bce869be7fad1e5f.png);
                background-position: -142px -188px;
                width: 17px;
                height: 30px;
                position: absolute;
                left: 50%;
                top: 50%;
                margin-top: -15px;
                margin-left: -8.5px
            }

.mainSummary {
    margin-top: 46px
}

    .mainSummary .mainNotice {
        overflow: hidden;
        float: left;
        width: 416px;
        height: 196px
    }

        .mainSummary .mainNotice .titNotice {
            position: relative;
            top: -4px;
            padding-bottom: 6px;
            border-bottom: 1px solid #d9d9d9;
            font-size: 18px;
            font-weight: 800;
            letter-spacing: -.025em
        }

            .mainSummary .mainNotice .titNotice .iconNoticeMore {
                background-image: url(https://t1.kakaocdn.net/gamepub/ui-contents/service/pc_room/pc/v1/images/common/img-common-c1c03ec929a4cc52bce869be7fad1e5f.png);
                background-position: -28px -320px;
                width: 17px;
                height: 17px;
                position: absolute;
                right: -1px;
                top: 5.5px
            }

        .mainSummary .mainNotice .mainNewsNoti {
            margin-top: 15px
        }

            .mainSummary .mainNotice .mainNewsNoti ul li {
                margin-bottom: 10px
            }

                .mainSummary .mainNotice .mainNewsNoti ul li a {
                    display: block;
                    position: relative;
                    padding-right: 104px;
                    font-size: 14px;
                    letter-spacing: -.025em
                }

                    .mainSummary .mainNotice .mainNewsNoti ul li a .noticeSubject {
                        display: inline-block;
                        overflow: hidden;
                        color: #4a4a4a;
                        max-width: 285px;
                        white-space: nowrap;
                        vertical-align: top;
                        text-overflow: ellipsis
                    }

                    .mainSummary .mainNotice .mainNewsNoti ul li a .iconNew {
                        margin-left: 5px;
                        vertical-align: top
                    }

                    .mainSummary .mainNotice .mainNewsNoti ul li a .noticeDate {
                        position: absolute;
                        right: 0;
                        top: 0;
                        color: #a7a7a7
                    }

                    .mainSummary .mainNotice .mainNewsNoti ul li a:hover .noticeSubject {
                        text-decoration: underline
                    }

    .mainSummary .mainDownload, .mainSummary .mainFaq {
        position: relative;
        float: left;
        margin-left: 48px
    }

        .mainSummary .mainDownload a, .mainSummary .mainFaq a {
            display: block;
            width: 210px;
            height: 194px;
            border: 1px solid #ededed;
            background-repeat: no-repeat
        }

            .mainSummary .mainDownload a:hover, .mainSummary .mainFaq a:hover {
                border-color: #ccc
            }

        .mainSummary .mainDownload.mainFaq a, .mainSummary .mainFaq.mainFaq a {
            background-image: url(https://t1.kakaocdn.net/gamepub/ui-contents/service/pc_room/pc/v1/images/index/img-faq.png)
        }

        .mainSummary .mainDownload.mainDownload, .mainSummary .mainFaq.mainDownload {
            float: right;
            margin-left: 0
        }

            .mainSummary .mainDownload.mainDownload a, .mainSummary .mainFaq.mainDownload a {
                background-image: url(https://t1.kakaocdn.net/gamepub/ui-contents/service/pc_room/pc/v1/images/index/img-download.png)
            }

.mainGameList {
    margin-top: 54px
}

    .mainGameList h2 {
        position: relative;
        font-size: 18px;
        font-weight: 800;
        letter-spacing: -.04em
    }

        .mainGameList h2 .btn_more {
            position: absolute;
            right: 0;
            top: 6px;
            padding-right: 11px;
            color: #888;
            font-size: 14px;
            font-weight: 400;
            letter-spacing: -.04em;
            background: url(https://t1.kakaocdn.net/gamepub/ui-contents/service/pc_room/pc/v1/images/common/bu-arrow-small.png) right 6px no-repeat
        }

            .mainGameList h2 .btn_more:hover {
                text-decoration: underline
            }

    .mainGameList #divGameList {
        margin-top: 12px
    }

        .mainGameList #divGameList ul {
            display: flex;
            flex-wrap: wrap;
            justify-content: space-between;
            position: relative
        }

            .mainGameList #divGameList ul .gameListItem {
                display: inline-block
            }

                .mainGameList #divGameList ul .gameListItem a {
                    display: inline-block;
                    background-color: #000
                }

                    .mainGameList #divGameList ul .gameListItem a img {
                        opacity: 1
                    }

                    .mainGameList #divGameList ul .gameListItem a:hover img {
                        opacity: .8
                    }

            .mainGameList #divGameList ul .gameListItemSmall {
                margin-top: 20px
            }

                .mainGameList #divGameList ul .gameListItemSmall a {
                    overflow: hidden;
                    display: inline-block;
                    width: 287px;
                    height: 86px;
                    border: 1px solid #ededed
                }

                    .mainGameList #divGameList ul .gameListItemSmall a:hover {
                        border-color: #ccc
                    }

.news .notice_list {
    margin-top: 50px
}

    .news .notice_list table {
        border-top: 1px solid #2d2d2d;
        border-collapse: collapse
    }

        .news .notice_list table th {
            height: 55px;
            border-bottom: 1px solid #ededed;
            font-size: 16px;
            letter-spacing: -.025em;
            text-align: center;
            background: url(https://t1.kakaocdn.net/gamepub/ui-contents/service/pc_room/pc/v1/images/common/bg-line2.png) 100% no-repeat
        }

            .news .notice_list table th:last-of-type {
                background: none
            }

        .news .notice_list table td {
            padding: 0 10px;
            height: 58px;
            border-bottom: 1px solid #ededed;
            color: #999;
            font-size: 15px;
            letter-spacing: -.025em;
            text-align: center
        }

            .news .notice_list table td.subject {
                font-size: 0;
                text-align: left
            }

                .news .notice_list table td.subject a {
                    display: inline-block;
                    overflow: hidden;
                    max-width: 680px;
                    vertical-align: top;
                    color: #222;
                    font-size: 15px;
                    line-height: 22px;
                    letter-spacing: -.025em;
                    text-overflow: ellipsis;
                    word-break: break-all;
                    white-space: nowrap
                }

                    .news .notice_list table td.subject a:hover {
                        text-decoration: underline
                    }

                .news .notice_list table td.subject .iconNew {
                    margin-left: 5px
                }

            .news .notice_list table td.empty {
                height: 205px;
                color: #666;
                font-size: 14px;
                letter-spacing: -.05em;
                line-height: 22px;
                text-align: center
            }

                .news .notice_list table td.empty strong {
                    color: #f17721
                }

                .news .notice_list table td.empty a span {
                    color: #4a4a4a;
                    font-weight: 800;
                    text-decoration: underline
                }

.news #pnSearch {
    margin-top: 39px;
    text-align: center
}

    .news #pnSearch div {
        display: inline-block;
        position: relative;
        margin-left: 4px
    }

        .news #pnSearch div #btnSearch {
            background-image: url(https://t1.kakaocdn.net/gamepub/ui-contents/service/pc_room/pc/v1/images/common/img-common-c1c03ec929a4cc52bce869be7fad1e5f.png);
            background-position: -348px -172px;
            width: 30px;
            height: 30px;
            position: absolute;
            right: 8px;
            top: 10px
        }

.news .notice_view {
    margin-top: 50px
}

    .news .notice_view table {
        border-collapse: collapse
    }

        .news .notice_view table th {
            height: 55px;
            padding: 0 20px;
            color: #fff;
            font-size: 15px;
            font-weight: 400;
            letter-spacing: -.05em;
            text-align: left;
            background: #2d2d2d url(https://t1.kakaocdn.net/gamepub/ui-contents/service/pc_room/pc/v1/images/common/bg-line3.png) 100% no-repeat
        }

            .news .notice_view table th.date {
                padding: 0;
                color: #999;
                font-size: 14px;
                letter-spacing: normal;
                text-align: center
            }

            .news .notice_view table th:last-of-type {
                background-image: none
            }

        .news .notice_view table td {
            padding: 20px;
            height: 58px;
            border-bottom: 1px solid #ededed;
            color: #2d2d2d;
            font-size: 15px;
            letter-spacing: -.05em;
            line-height: 25px;
            text-align: left
        }

            .news .notice_view table td strong {
                font-weight: 500
            }

            .news .notice_view table td a {
                color: #2d2d2d;
                text-decoration: underline
            }

    .news .notice_view .btn_goList {
        margin-top: 20px
    }

        .news .notice_view .btn_goList button {
            display: inline-block;
            vertical-align: top;
            margin-right: 6px;
            border: 1px solid #e2e2e2
        }

            .news .notice_view .btn_goList button:hover {
                border-color: #ccc
            }

        .news .notice_view .btn_goList #btn_List {
            background-position: -248px -172px
        }

        .news .notice_view .btn_goList #btn_List, .news .notice_view .btn_goList #btn_next {
            background-image: url(https://t1.kakaocdn.net/gamepub/ui-contents/service/pc_room/pc/v1/images/common/img-common-c1c03ec929a4cc52bce869be7fad1e5f.png);
            width: 40px;
            height: 40px
        }

        .news .notice_view .btn_goList #btn_next {
            background-position: -298px -172px
        }

        .news .notice_view .btn_goList #btn_prev {
            background-image: url(https://t1.kakaocdn.net/gamepub/ui-contents/service/pc_room/pc/v1/images/common/img-common-c1c03ec929a4cc52bce869be7fad1e5f.png);
            background-position: -142px -62px;
            width: 40px;
            height: 40px
        }

.introduce .introduce_game .goodsTab {
    display: flex;
    margin-top: 66px
}

    .introduce .introduce_game .goodsTab ul {
        display: flex
    }

    .introduce .introduce_game .goodsTab .liInfos {
        width: 130px;
        height: 57px;
        margin-left: -1px;
        vertical-align: top
    }

        .introduce .introduce_game .goodsTab .liInfos a {
            box-sizing: border-box;
            display: block;
            height: 57px;
            border: 1px solid #ededed;
            color: #000;
            font-size: 14px;
            letter-spacing: normal;
            line-height: 55px;
            text-align: center;
            background-color: #fbfbfb
        }

        .introduce .introduce_game .goodsTab .liInfos.lipoe2 {
            width: 134px;
            margin-left: 0
        }

        .introduce .introduce_game .goodsTab .liInfos.on a, .introduce .introduce_game .goodsTab .liInfos a:hover {
            border-color: #2d2d2d;
            color: #fff;
            background-color: #2d2d2d
        }

.introduce .introduce_game .gameInfo {
    display: none;
    position: relative;
    height: 284px
}

    .introduce .introduce_game .gameInfo .gameIMG a {
        display: inline-block;
        position: absolute;
        left: 58px;
        bottom: 40px;
        width: 170px;
        height: 50px;
        border-radius: 3px;
        color: #000;
        font-size: 15px;
        letter-spacing: -.03em;
        line-height: 50px;
        text-align: center;
        background-color: #fd3
    }

        .introduce .introduce_game .gameInfo .gameIMG a:hover {
            background-color: #ffd500
        }

    .introduce .introduce_game .gameInfo .gameTxt {
        position: absolute;
        left: 58px;
        top: 39px
    }

        .introduce .introduce_game .gameInfo .gameTxt h3 {
            color: #fff;
            font-size: 28px;
            font-weight: 500;
            letter-spacing: -.06em;
            line-height: 37px
        }

        .introduce .introduce_game .gameInfo .gameTxt table {
            width: 500px;
            margin-top: 8px;
            border: 0;
            border-collapse: collapse
        }

            .introduce .introduce_game .gameInfo .gameTxt table th {
                height: 22px;
                color: #ededed;
                font-size: 14px;
                text-align: left
            }

            .introduce .introduce_game .gameInfo .gameTxt table td {
                height: 22px;
                color: #fff;
                font-size: 14px;
                text-align: left
            }

                .introduce .introduce_game .gameInfo .gameTxt table td a:hover {
                    text-decoration: underline
                }

    .introduce .introduce_game .gameInfo.on {
        display: block
    }

.introduce .introduce_game .premiumBenefit .divTab {
    display: none
}

    .introduce .introduce_game .premiumBenefit .divTab h4 {
        padding-bottom: 13.5px;
        margin-top: 67px;
        border-bottom: 1px solid #2d2d2d;
        font-size: 22px;
        font-weight: 800;
        letter-spacing: -.035em
    }

        .introduce .introduce_game .premiumBenefit .divTab h4 span {
            font-weight: 400
        }

    .introduce .introduce_game .premiumBenefit .divTab .benefitInfo {
        position: relative;
        min-height: 84px;
        padding: 24px 0 24px 113px;
        border-bottom: 1px solid #ededed
    }

        .introduce .introduce_game .premiumBenefit .divTab .benefitInfo .benefitIcon {
            position: absolute;
            left: 0;
            top: 24px
        }

        .introduce .introduce_game .premiumBenefit .divTab .benefitInfo .benefitTxtContents {
            display: table;
            table-layout: fixed;
            width: 100%;
            min-height: 100px
        }

            .introduce .introduce_game .premiumBenefit .divTab .benefitInfo .benefitTxtContents .wrapBenefitTxtContents {
                display: table-cell;
                width: 100%;
                vertical-align: middle
            }

        .introduce .introduce_game .premiumBenefit .divTab .benefitInfo .benefitTxt {
            margin-bottom: 14px;
            color: #666;
            font-size: 15px;
            letter-spacing: -.025em
        }

            .introduce .introduce_game .premiumBenefit .divTab .benefitInfo .benefitTxt > b {
                color: #2d2d2d;
                font-weight: 800
            }

            .introduce .introduce_game .premiumBenefit .divTab .benefitInfo .benefitTxt ul li {
                position: relative;
                color: #666;
                font-size: 15px;
                font-weight: 400;
                letter-spacing: -.05em;
                line-height: 22px;
                padding-top: 3px
            }

                .introduce .introduce_game .premiumBenefit .divTab .benefitInfo .benefitTxt ul li ul {
                    padding-left: 20px
                }

            .introduce .introduce_game .premiumBenefit .divTab .benefitInfo .benefitTxt:last-of-type {
                margin-bottom: 0
            }

        .introduce .introduce_game .premiumBenefit .divTab .benefitInfo .benefitTable {
            margin-top: 20px
        }

            .introduce .introduce_game .premiumBenefit .divTab .benefitInfo .benefitTable > b {
                display: block;
                padding-bottom: 11px;
                color: #2d2d2d;
                font-weight: 800
            }

            .introduce .introduce_game .premiumBenefit .divTab .benefitInfo .benefitTable table {
                width: 795px;
                border-top: 2px solid #f4f4f4;
                border-collapse: collapse
            }

                .introduce .introduce_game .premiumBenefit .divTab .benefitInfo .benefitTable table td, .introduce .introduce_game .premiumBenefit .divTab .benefitInfo .benefitTable table th {
                    padding: 15px;
                    border: 1px solid #ededed;
                    border-top: 0;
                    color: #666;
                    font-size: 15px;
                    letter-spacing: -.05em;
                    text-align: center
                }

                    .introduce .introduce_game .premiumBenefit .divTab .benefitInfo .benefitTable table td:first-of-type, .introduce .introduce_game .premiumBenefit .divTab .benefitInfo .benefitTable table th:first-of-type {
                        border-left: none
                    }

                    .introduce .introduce_game .premiumBenefit .divTab .benefitInfo .benefitTable table td:last-of-type, .introduce .introduce_game .premiumBenefit .divTab .benefitInfo .benefitTable table th:last-of-type {
                        border-right: none
                    }

                .introduce .introduce_game .premiumBenefit .divTab .benefitInfo .benefitTable table th {
                    color: #2d2d2d;
                    font-weight: 800;
                    background-color: #fbfbfb
                }

                .introduce .introduce_game .premiumBenefit .divTab .benefitInfo .benefitTable table .new td, .introduce .introduce_game .premiumBenefit .divTab .benefitInfo .benefitTable table .new th {
                    background-color: #fffdef
                }

    .introduce .introduce_game .premiumBenefit .divTab .PCbenefitBox {
        border-bottom: 1px solid #ededed
    }

        .introduce .introduce_game .premiumBenefit .divTab .PCbenefitBox .cell_box {
            display: inline-block;
            width: 453px;
            padding: 16px 0;
            color: #000;
            font-size: 15px;
            font-weight: 500;
            line-height: 24px;
            text-align: center;
            border-right: 1px solid #ededed
        }

            .introduce .introduce_game .premiumBenefit .divTab .PCbenefitBox .cell_box img {
                margin-right: 6px;
                vertical-align: top
            }

            .introduce .introduce_game .premiumBenefit .divTab .PCbenefitBox .cell_box:last-of-type {
                width: 454px;
                border-right: 0
            }

    .introduce .introduce_game .premiumBenefit .divTab.on {
        display: block
    }

    .introduce .introduce_game .premiumBenefit .divTab.lieos .benefitInfo .benefitTable table td:first-of-type, .introduce .introduce_game .premiumBenefit .divTab.lieos .benefitInfo .benefitTable table th:first-of-type, .introduce .introduce_game .premiumBenefit .divTab.liicarus .benefitInfo .benefitTable table td, .introduce .introduce_game .premiumBenefit .divTab.lipubg .benefitInfo .benefitTable table td, .introduce .introduce_game .premiumBenefit .divTab.lipubg .benefitInfo .benefitTable table th {
        text-align: left
    }

.introduce .introduce_caution ul {
    margin-top: 17px
}

    .introduce .introduce_caution ul li {
        position: relative;
        padding-left: 5px;
        margin-bottom: 5px;
        color: #7c7c7c;
        font-size: 14px;
        letter-spacing: -.035em;
        background: url(https://t1.kakaocdn.net/gamepub/ui-contents/service/pc_room/pc/v1/images/common/bu-dot2.png) left 9px no-repeat
    }

.goodsPayment .goodsInfo .goodsPayment {
    margin-top: 60px
}

    .goodsPayment .goodsInfo .goodsPayment .subTitle {
        position: relative;
        padding-left: 177px
    }

        .goodsPayment .goodsInfo .goodsPayment .subTitle > b {
            position: absolute;
            left: 0;
            top: 0;
            color: #000;
            font-size: 20px;
            font-weight: 800;
            letter-spacing: -.05em
        }

        .goodsPayment .goodsInfo .goodsPayment .subTitle > p {
            color: #7c7c7c;
            font-size: 15px;
            letter-spacing: -.05em;
            line-height: 22px
        }

.goodsPayment .goodsInfo .product {
    margin-top: 30px
}

    .goodsPayment .goodsInfo .product table {
        width: 100%;
        table-layout: fixed;
        border-collapse: collapse
    }

        .goodsPayment .goodsInfo .product table td, .goodsPayment .goodsInfo .product table th {
            padding: 16px 0;
            border: 1px solid #ededed;
            color: #2d2d2d;
            text-align: center
        }

        .goodsPayment .goodsInfo .product table th {
            font-size: 16px;
            font-weight: 800;
            letter-spacing: -.05em;
            line-height: 20px
        }

            .goodsPayment .goodsInfo .product table th .discount {
                display: inline-block;
                position: relative;
                top: 1px;
                padding: 0 4px;
                margin-left: 3px;
                border-radius: 1px;
                vertical-align: top;
                color: #000;
                font-size: 14px;
                letter-spacing: -.035px;
                line-height: inherit;
                background-color: #ffd500
            }

            .goodsPayment .goodsInfo .product table th.priceCell {
                background-color: #fffdef
            }

            .goodsPayment .goodsInfo .product table th.discountCell {
                border: 2px solid #ffd500;
                border-bottom: 0;
                background-color: #fffdef
            }

            .goodsPayment .goodsInfo .product table th:first-of-type {
                border-left: 0
            }

            .goodsPayment .goodsInfo .product table th:last-of-type {
                border-right: 0
            }

        .goodsPayment .goodsInfo .product table td {
            font-size: 15px;
            letter-spacing: normal
        }

            .goodsPayment .goodsInfo .product table td.priceCell {
                background-color: #fffdef
            }

            .goodsPayment .goodsInfo .product table td.discountCell {
                border: 2px solid #ffd500 !important;
                border-top: 1px solid #ededed !important;
                border-bottom: 0 !important;
                font-weight: 800;
                background-color: #fffdef
            }

            .goodsPayment .goodsInfo .product table td.methodsCell div {
                line-height: 20px;
                margin-bottom: 19px
            }

                .goodsPayment .goodsInfo .product table td.methodsCell div .iconKakaoPaySmall {
                    margin-right: 4px
                }

                .goodsPayment .goodsInfo .product table td.methodsCell div:last-of-type {
                    margin-bottom: 0
                }

            .goodsPayment .goodsInfo .product table td:first-of-type {
                border-left: 0
            }

            .goodsPayment .goodsInfo .product table td:last-of-type {
                border-right: 0
            }

        .goodsPayment .goodsInfo .product table tbody tr:last-of-type td.discountCell {
            border-bottom: 2px solid #ffd500 !important
        }

    .goodsPayment .goodsInfo .product .productLink {
        margin-top: 42px;
        text-align: center
    }

        .goodsPayment .goodsInfo .product .productLink .btn_buy {
            display: inline-block;
            width: 260px;
            height: 62px;
            cursor: pointer;
            background: url(https://t1.kakaocdn.net/gamepub/ui-contents/service/pc_room/pc/v1/images/payment/btn-coin-payment.png) 0 0 no-repeat
        }

            .goodsPayment .goodsInfo .product .productLink .btn_buy:hover {
                background-position-y: bottom
            }

.payment .pageContents {
    margin-top: 60px
}

    .payment .pageContents h4 {
        padding-bottom: 17px;
        color: #000;
        font-size: 19px;
        line-height: 22px;
        font-weight: 500;
        letter-spacing: -.05em
    }

    .payment .pageContents h5 {
        color: #000;
        font-size: 16px;
        font-weight: 500;
        letter-spacing: -.05em
    }

    .payment .pageContents .currentCoin table {
        width: 100%;
        border-top: 2px solid #2d2d2d;
        border-collapse: collapse
    }

        .payment .pageContents .currentCoin table td, .payment .pageContents .currentCoin table th {
            padding: 15px;
            border: 1px solid #ededed;
            border-top: 0;
            color: #2d2d2d;
            font-size: 15px;
            letter-spacing: -.05em;
            text-align: center
        }

            .payment .pageContents .currentCoin table td:first-of-type, .payment .pageContents .currentCoin table th:first-of-type {
                border-left: none
            }

            .payment .pageContents .currentCoin table td:last-of-type, .payment .pageContents .currentCoin table th:last-of-type {
                border-right: none;
                background-color: #fbfbfb
            }

    .payment .pageContents .currentCoin ul {
        margin-top: 16px
    }

        .payment .pageContents .currentCoin ul li {
            position: relative;
            padding-left: 6px;
            color: #7c7c7c;
            font-size: 14px;
            letter-spacing: -.035em;
            line-height: 20px;
            background: url(https://t1.kakaocdn.net/gamepub/ui-contents/service/pc_room/pc/v1/images/common/bu-dot.png) 1px 9px no-repeat
        }

            .payment .pageContents .currentCoin ul li b {
                font-weight: 800
            }

    .payment .pageContents .paymentGuide {
        margin-top: 72px
    }

        .payment .pageContents .paymentGuide li {
            display: inline-block;
            padding-right: 17px;
            margin-right: 8px;
            vertical-align: top;
            background: url(https://t1.kakaocdn.net/gamepub/ui-contents/service/pc_room/pc/v1/images/common/bu-arrow2.png) 100% no-repeat
        }

            .payment .pageContents .paymentGuide li div {
                position: relative;
                width: 176px;
                height: 60px;
                padding: 15px;
                border: 1px solid #ededed
            }

                .payment .pageContents .paymentGuide li div strong {
                    display: block;
                    color: #2d2d2d;
                    font-size: 14px;
                    font-weight: 800;
                    line-height: 18px;
                    letter-spacing: -.035
                }

                .payment .pageContents .paymentGuide li div p {
                    margin-top: 3px;
                    color: #7c7c7c;
                    font-size: 14px;
                    letter-spacing: -.067em;
                    line-height: 20px
                }

            .payment .pageContents .paymentGuide li:last-of-type {
                padding-right: 0;
                margin-right: 0;
                background: none
            }

    .payment .pageContents .selectItem {
        margin-top: 72px
    }

        .payment .pageContents .selectItem dl {
            width: 907px;
            border-top: 1px solid #2d2d2d
        }

            .payment .pageContents .selectItem dl dt {
                float: left;
                display: table;
                width: 151px;
                height: 100px;
                border-collapse: collapse;
                border: 1px solid #ededed;
                border-left: 0;
                border-top: 0
            }

                .payment .pageContents .selectItem dl dt div {
                    display: table-cell;
                    vertical-align: middle;
                    color: #2d2d2d;
                    font-size: 15px;
                    letter-spacing: -.05em;
                    line-height: 22px;
                    text-align: center
                }

            .payment .pageContents .selectItem dl .kg-input {
                display: inline-block;
                position: relative;
                width: 150px;
                height: 100px;
                margin-top: -1px;
                margin-left: -1px;
                border: 1px solid #ededed;
                border-top-color: transparent;
                background: url(https://t1.kakaocdn.net/gamepub/ui-contents/service/pc_room/pc/v1/images/common/inp-payment-radio.png) 0 0 no-repeat
            }

                .payment .pageContents .selectItem dl .kg-input label {
                    display: block;
                    height: 54px;
                    padding-top: 46px;
                    color: #2d2d2d;
                    font-size: 15px;
                    line-height: 20px;
                    text-align: center
                }

                    .payment .pageContents .selectItem dl .kg-input label b {
                        color: #000;
                        font-size: 16px;
                        font-weight: 700
                    }

                        .payment .pageContents .selectItem dl .kg-input label b.discountPrice {
                            color: #e51a1a
                        }

                    .payment .pageContents .selectItem dl .kg-input label span {
                        display: inline-block;
                        position: relative;
                        top: 2px;
                        margin-left: 5px;
                        border-radius: 1px;
                        vertical-align: top;
                        color: #000;
                        font-size: 11px;
                        letter-spacing: -.035px;
                        line-height: inherit;
                        background-color: #ffd500
                    }

            .payment .pageContents .selectItem dl .kg-input--on {
                border: 1px solid #2d2d2d !important;
                z-index: 10;
                background-position-y: bottom
            }

            .payment .pageContents .selectItem dl .kg-input:nth-of-type(5n) {
                border-right: 0
            }

    .payment .pageContents .selectGame {
        margin-top: 47px
    }

        .payment .pageContents .selectGame dl {
            width: 907px;
            border-top: 1px solid #2d2d2d;
            font-size: 0
        }

            .payment .pageContents .selectGame dl dt {
                float: left;
                display: table;
                width: 130px;
                height: 98px;
                border-collapse: collapse;
                border: 1px solid #ededed;
                border-left: 0;
                border-top: 0
            }

                .payment .pageContents .selectGame dl dt div {
                    display: table-cell;
                    vertical-align: middle;
                    color: #2d2d2d;
                    font-size: 15px;
                    letter-spacing: -.05em;
                    line-height: 22px;
                    text-align: center
                }

                .payment .pageContents .selectGame dl dt:last-of-type {
                    height: 385px
                }

            .payment .pageContents .selectGame dl .kg-input {
                display: inline-block;
                position: relative;
                width: 194px;
                height: 191px;
                margin-top: -1px;
                margin-left: -1px;
                border: 1px solid #ededed;
                border-top-color: transparent
            }

                .payment .pageContents .selectGame dl .kg-input label {
                    display: block;
                    position: relative;
                    height: 100%;
                    color: #2d2d2d;
                    font-size: 14px;
                    letter-spacing: -.06em;
                    line-height: 19px;
                    text-align: center;
                    -webkit-user-select: none;
                    -moz-user-select: none;
                    user-select: none
                }

                    .payment .pageContents .selectGame dl .kg-input label strong {
                        display: block;
                        margin: 10px 0 4px;
                        font-size: 15px;
                        font-weight: 800;
                        letter-spacing: -.05em
                    }

                    .payment .pageContents .selectGame dl .kg-input label .iconCheckbox {
                        margin-top: 20px
                    }

                .payment .pageContents .selectGame dl .kg-input.allInOne {
                    width: 775px;
                    height: 100px;
                    border-right: 1px solid transparent;
                    background: none
                }

                    .payment .pageContents .selectGame dl .kg-input.allInOne label {
                        width: 552px;
                        height: auto;
                        padding-left: 34px;
                        margin: 30px auto;
                        font-size: 15px;
                        letter-spacing: -.05em;
                        line-height: 20px;
                        text-align: left
                    }

                        .payment .pageContents .selectGame dl .kg-input.allInOne label .iconCheckbox {
                            position: absolute;
                            left: 0;
                            top: 50%;
                            margin-top: -12px
                        }

                        .payment .pageContents .selectGame dl .kg-input.allInOne label b {
                            font-weight: 700
                        }

                        .payment .pageContents .selectGame dl .kg-input.allInOne label em {
                            text-decoration: underline
                        }

                .payment .pageContents .selectGame dl .kg-input.side {
                    width: 190px;
                    border-right: 1px solid transparent
                }

            .payment .pageContents .selectGame dl .kg-input--on {
                border: 1px solid #2d2d2d !important;
                z-index: 10
            }

        .payment .pageContents .selectGame ul {
            margin-top: 14px
        }

            .payment .pageContents .selectGame ul li {
                position: relative;
                padding-left: 6px;
                color: #7c7c7c;
                font-size: 14px;
                font-weight: 300;
                letter-spacing: -.035em;
                line-height: 22px;
                background: url(https://t1.kakaocdn.net/gamepub/ui-contents/service/pc_room/pc/v1/images/common/bu-dot.png) 1px 9px no-repeat
            }

    .payment .pageContents .serviceIP {
        margin-top: 47px
    }

        .payment .pageContents .serviceIP table {
            width: 100%;
            border-top: 1px solid #d2d2d2;
            border-collapse: collapse
        }

            .payment .pageContents .serviceIP table th {
                width: 130px;
                padding: 27px 0;
                border-right: 1px solid #ededed;
                border-bottom: 1px solid #ededed;
                vertical-align: middle;
                color: #2d2d2d;
                font-size: 16px;
                letter-spacing: -.035em
            }

                .payment .pageContents .serviceIP table th span {
                    color: #f87b1e
                }

            .payment .pageContents .serviceIP table td {
                padding: 27px 0;
                border-left: 1px solid #ededed;
                border-bottom: 1px solid #ededed
            }

                .payment .pageContents .serviceIP table td div {
                    position: relative;
                    width: 524px;
                    margin: 0 auto
                }

                    .payment .pageContents .serviceIP table td div .ipList {
                        overflow-y: hidden;
                        max-height: 266px
                    }

                        .payment .pageContents .serviceIP table td div .ipList li {
                            padding-top: 19px
                        }

                            .payment .pageContents .serviceIP table td div .ipList li div {
                                display: inline-block;
                                width: 90px;
                                padding-right: 16px;
                                background-image: url(https://t1.kakaocdn.net/gamepub/ui-contents/service/pc_room/pc/v1/images/payment/bg-ip-dot.png);
                                background-position: 100% 100%
                            }

                                .payment .pageContents .serviceIP table td div .ipList li div .ipNum {
                                    display: inline-block;
                                    width: 88px;
                                    height: 36px;
                                    border: 1px solid #ededed;
                                    color: #666;
                                    font-size: 16px;
                                    line-height: 36px;
                                    text-align: center;
                                    background-color: #fbfbfb
                                }

                                .payment .pageContents .serviceIP table td div .ipList li div:nth-of-type(4) {
                                    padding-right: 26px;
                                    background-image: url(https://t1.kakaocdn.net/gamepub/ui-contents/service/pc_room/pc/v1/images/payment/bg-ip-swung.png)
                                }

                                .payment .pageContents .serviceIP table td div .ipList li div:last-of-type {
                                    padding-right: 0;
                                    background: none
                                }

                            .payment .pageContents .serviceIP table td div .ipList li:first-of-type {
                                padding-top: 0
                            }

                        .payment .pageContents .serviceIP table td div .ipList.on {
                            max-height: none
                        }

                    .payment .pageContents .serviceIP table td div .btnToggleIp {
                        position: absolute;
                        right: -113px;
                        bottom: -48px;
                        width: 90px;
                        height: 42px;
                        background: url(https://t1.kakaocdn.net/gamepub/ui-contents/service/pc_room/pc/v1/images/common/btn-toggle-ip.png) no-repeat
                    }

                        .payment .pageContents .serviceIP table td div .btnToggleIp.on {
                            background-position-y: bottom
                        }

        .payment .pageContents .serviceIP p {
            position: relative;
            padding-left: 6px;
            margin-top: 14px;
            color: #7c7c7c;
            font-size: 14px;
            font-weight: 300;
            letter-spacing: -.035em;
            line-height: 22px;
            background: url(https://t1.kakaocdn.net/gamepub/ui-contents/service/pc_room/pc/v1/images/common/bu-dot.png) 1px 9px no-repeat
        }

    .payment .pageContents .payOut {
        margin-top: 47px
    }

        .payment .pageContents .payOut .paymentSummary {
            width: 100%;
            border-top: 1px solid #2d2d2d;
            border-collapse: collapse
        }

            .payment .pageContents .payOut .paymentSummary th {
                width: 130px;
                padding: 17px 0;
                border: 1px solid #ededed;
                border-top: 0;
                vertical-align: middle;
                color: #2d2d2d;
                font-size: 15px;
                font-weight: 800;
                letter-spacing: -.05em;
                text-align: center
            }

                .payment .pageContents .payOut .paymentSummary th span {
                    font-weight: 400
                }

                .payment .pageContents .payOut .paymentSummary th:first-of-type {
                    border-left: 0
                }

                .payment .pageContents .payOut .paymentSummary th:last-of-type {
                    border-right: 0
                }

            .payment .pageContents .payOut .paymentSummary td {
                padding: 17px 0;
                border: 1px solid #ededed;
                border-top: 0;
                color: #2d2d2d;
                font-size: 15px;
                letter-spacing: -.035em;
                text-align: center
            }

                .payment .pageContents .payOut .paymentSummary td .summaryTotal {
                    font-size: 17px;
                    font-weight: 800;
                    letter-spacing: -.035em
                }

                .payment .pageContents .payOut .paymentSummary td em {
                    color: #666;
                    font-size: 14px;
                    letter-spacing: -.035em
                }

                .payment .pageContents .payOut .paymentSummary td .summaryDiscount {
                    color: #e51a1a
                }

                .payment .pageContents .payOut .paymentSummary td:first-of-type {
                    border-left: 0
                }

                .payment .pageContents .payOut .paymentSummary td:last-of-type {
                    border-right: 0
                }

        .payment .pageContents .payOut .paymentMethod {
            margin-top: 35px
        }

.paymentComplete .pageTit {
    margin-top: 60px;
    text-align: center
}

    .paymentComplete .pageTit h3 {
        letter-spacing: -.07em !important
    }

    .paymentComplete .pageTit p {
        margin-top: 5px;
        color: #666;
        font-size: 15px;
        letter-spacing: -.05em;
        line-height: 21px
    }

        .paymentComplete .pageTit p em {
            text-decoration: underline
        }

.paymentComplete .pageContents {
    margin-top: 33px
}

    .paymentComplete .pageContents .paymentSummary table {
        width: 100%;
        border-top: 1px solid #2d2d2d;
        border-collapse: collapse
    }

        .paymentComplete .pageContents .paymentSummary table td, .paymentComplete .pageContents .paymentSummary table th {
            padding: 18px;
            border: 1px solid #ededed;
            border-top: 0;
            color: #2d2d2d;
            text-align: center
        }

            .paymentComplete .pageContents .paymentSummary table td:first-of-type, .paymentComplete .pageContents .paymentSummary table th:first-of-type {
                border-left: none
            }

            .paymentComplete .pageContents .paymentSummary table td:last-of-type, .paymentComplete .pageContents .paymentSummary table th:last-of-type {
                border-right: none;
                background-color: #fbfbfb
            }

        .paymentComplete .pageContents .paymentSummary table th {
            font-size: 15px;
            font-weight: 800;
            letter-spacing: -.05em
        }

        .paymentComplete .pageContents .paymentSummary table td {
            font-size: 17px;
            letter-spacing: -.05em
        }

    .paymentComplete .pageContents .paymentSummary p {
        margin-top: 13px;
        color: #666;
        font-size: 14px;
        letter-spacing: -.025em;
        text-align: center
    }

    .paymentComplete .pageContents .paymentSummary div {
        margin-top: 50px;
        text-align: center
    }

        .paymentComplete .pageContents .paymentSummary div .btnHome {
            display: inline-block;
            width: 200px;
            height: 62px;
            background: url(https://t1.kakaocdn.net/gamepub/ui-contents/service/pc_room/pc/v1/images/payment/btn-home.png) no-repeat
        }

            .paymentComplete .pageContents .paymentSummary div .btnHome:hover {
                background-position-y: bottom
            }

        .paymentComplete .pageContents .paymentSummary div .btnPaymentHistory {
            display: inline-block;
            width: 200px;
            height: 62px;
            margin-left: 10px;
            background: url(https://t1.kakaocdn.net/gamepub/ui-contents/service/pc_room/pc/v1/images/payment/btn-payment-history.png) no-repeat
        }

            .paymentComplete .pageContents .paymentSummary div .btnPaymentHistory:hover {
                background-position-y: bottom
            }

.goodsPayment .refundInfo {
    margin-top: 61px
}

    .goodsPayment .refundInfo .subj {
        color: #000;
        font-size: 19px;
        font-weight: 500;
        letter-spacing: -.05em
    }

    .goodsPayment .refundInfo .descript_refund {
        margin-top: 18px
    }

        .goodsPayment .refundInfo .descript_refund ul {
            padding: 17px 20px;
            border: 1px solid #ededed;
            background-color: #fafbfc
        }

            .goodsPayment .refundInfo .descript_refund ul li {
                position: relative;
                padding-left: 10px;
                color: #666;
                font-size: 15px;
                letter-spacing: -.05em;
                line-height: 27px;
                background: url(https://t1.kakaocdn.net/gamepub/ui-contents/service/pc_room/pc/v1/images/common/bu-dot2.png) 1px 13px no-repeat
            }

                .goodsPayment .refundInfo .descript_refund ul li strong {
                    color: red
                }

                .goodsPayment .refundInfo .descript_refund ul li a strong {
                    text-decoration: underline
                }

    .goodsPayment .refundInfo .subTitle {
        margin-top: 68px;
        color: #000;
        font-size: 19px;
        font-weight: 500;
        letter-spacing: -.05em
    }

    .goodsPayment .refundInfo .btn_goods {
        margin-top: 50px;
        text-align: center
    }

        .goodsPayment .refundInfo .btn_goods #btn_refund {
            display: inline-block;
            width: 200px;
            height: 62px;
            cursor: pointer;
            background: url(https://t1.kakaocdn.net/gamepub/ui-contents/service/pc_room/pc/v1/images/refund/btn-request-refund.png) no-repeat
        }

            .goodsPayment .refundInfo .btn_goods #btn_refund:hover {
                background-position-y: bottom
            }

.goodsPayment .refundApplication {
    margin-top: 61px
}

    .goodsPayment .refundApplication h4 {
        padding-bottom: 17px;
        color: #000;
        font-size: 19px;
        font-weight: 500;
        letter-spacing: -.05em
    }

        .goodsPayment .refundApplication h4.subTitle {
            margin-top: 80px
        }

    .goodsPayment .refundApplication table#refund_list {
        width: 100%;
        border-top: 1px solid #2d2d2d
    }

        .goodsPayment .refundApplication table#refund_list tr:hover td {
            background-color: #fbfbfb
        }

        .goodsPayment .refundApplication table#refund_list td, .goodsPayment .refundApplication table#refund_list th {
            padding: 15px;
            border-bottom: 1px solid #ededed;
            text-align: center
        }

        .goodsPayment .refundApplication table#refund_list th {
            color: #000;
            font-size: 16px;
            font-weight: 500;
            letter-spacing: -.025em
        }

        .goodsPayment .refundApplication table#refund_list td {
            color: #222;
            font-size: 15px
        }

            .goodsPayment .refundApplication table#refund_list td .kg-input--radio {
                display: inline-block;
                position: relative;
                width: 20px;
                height: 20px
            }

                .goodsPayment .refundApplication table#refund_list td .kg-input--radio label {
                    position: absolute;
                    left: 0;
                    top: 0;
                    width: 100%;
                    height: 100%;
                    cursor: pointer
                }

                    .goodsPayment .refundApplication table#refund_list td .kg-input--radio label:before {
                        content: "";
                        position: absolute;
                        top: 0;
                        bottom: 0;
                        right: 0;
                        left: 0;
                        width: 20px;
                        height: 20px;
                        margin: auto;
                        border-radius: 100%;
                        background-color: #fff;
                        border: 1px solid #ccc;
                        box-sizing: border-box
                    }

                    .goodsPayment .refundApplication table#refund_list td .kg-input--radio label:after {
                        content: "";
                        position: absolute;
                        top: 0;
                        bottom: 0;
                        right: 0;
                        left: 0;
                        width: 10px;
                        height: 10px;
                        margin: auto;
                        border-radius: 100%;
                        background-color: #2d2d2d;
                        box-sizing: border-box;
                        transform: scale(0);
                        transition: .2s;
                        opacity: 0;
                        z-index: 2
                    }

                .goodsPayment .refundApplication table#refund_list td .kg-input--radio.kg-input--on label:after {
                    transform: scale(1);
                    opacity: 1
                }

            .goodsPayment .refundApplication table#refund_list td a {
                display: inline-block;
                width: 86px;
                height: 32px;
                font-size: 0;
                vertical-align: middle
            }

                .goodsPayment .refundApplication table#refund_list td a.refund {
                    display: flex;
                    justify-content: center;
                    align-items: center;
                    margin: auto;
                    font-size: 14px;
                    line-height: 1;
                    color: #222;
                    background-color: #fd3;
                    border-radius: 3px;
                    box-sizing: border-box;
                    transition: .2s
                }

                    .goodsPayment .refundApplication table#refund_list td a.refund:hover {
                        background-color: #ffd533
                    }

                .goodsPayment .refundApplication table#refund_list td a.cancel {
                    display: flex;
                    justify-content: center;
                    align-items: center;
                    margin: auto;
                    font-size: 14px;
                    line-height: 1;
                    color: #fff;
                    background-color: #377ae5;
                    border-radius: 3px;
                    box-sizing: border-box;
                    transition: .2s
                }

                    .goodsPayment .refundApplication table#refund_list td a.cancel:hover {
                        background-color: #1e68d8
                    }

                .goodsPayment .refundApplication table#refund_list td a:hover {
                    background-position-y: bottom
                }

    .goodsPayment .refundApplication .btn_goods {
        margin-top: 50px;
        text-align: center
    }

        .goodsPayment .refundApplication .btn_goods #btn_home, .goodsPayment .refundApplication .btn_goods #btn_List {
            margin-right: 14px
        }

        .goodsPayment .refundApplication .btn_goods #btn_refund_complete {
            display: inline-block;
            width: 200px;
            height: 62px;
            cursor: pointer;
            background: url(https://t1.kakaocdn.net/gamepub/ui-contents/service/pc_room/pc/v1/images/refund/btn-apply-refund.png) 0 0 no-repeat
        }

            .goodsPayment .refundApplication .btn_goods #btn_refund_complete:hover {
                background-position-y: bottom
            }

        .goodsPayment .refundApplication .btn_goods #btn_Cancel {
            display: inline-block;
            width: 200px;
            height: 62px;
            cursor: pointer;
            background: url(https://t1.kakaocdn.net/gamepub/ui-contents/service/pc_room/pc/v1/images/refund/btn-apply-cancel.png) 0 0 no-repeat
        }

            .goodsPayment .refundApplication .btn_goods #btn_Cancel:hover {
                background-position-y: bottom
            }

    .goodsPayment .refundApplication table#cancel_table {
        width: 100%;
        border-top: 1px solid #2d2d2d
    }

        .goodsPayment .refundApplication table#cancel_table td, .goodsPayment .refundApplication table#cancel_table th {
            border-bottom: 1px solid #ededed
        }

        .goodsPayment .refundApplication table#cancel_table th {
            padding: 6px 20px;
            min-height: 43px;
            border-right: 1px solid #ededed;
            color: #000;
            font-size: 14px;
            letter-spacing: -.025em;
            background-color: #fafbfc
        }

        .goodsPayment .refundApplication table#cancel_table td {
            padding: 15px;
            color: #222;
            font-size: 15px;
            text-align: left
        }

            .goodsPayment .refundApplication table#cancel_table td select {
                float: left
            }

            .goodsPayment .refundApplication table#cancel_table td input[type=text] {
                height: 42px;
                padding: 0 12px;
                border: 1px solid #ccc;
                color: #2d2d2d;
                font-size: 15px;
                letter-spacing: -.035em;
                line-height: 42px
            }

                .goodsPayment .refundApplication table#cancel_table td input[type=text]:focus {
                    border-color: #2d2d2d
                }

                .goodsPayment .refundApplication table#cancel_table td input[type=text]#ACCOUNT_NO {
                    width: 260px
                }

                .goodsPayment .refundApplication table#cancel_table td input[type=text]#REFUND_MSG {
                    width: 342px;
                    margin-left: 5px
                }

            .goodsPayment .refundApplication table#cancel_table td .kg-input--select {
                width: 244px;
                height: 44px
            }

                .goodsPayment .refundApplication table#cancel_table td .kg-input--select .kg-input__value {
                    height: 44px;
                    line-height: 44px
                }

            .goodsPayment .refundApplication table#cancel_table td #a_REG_FILE_URL {
                color: #666;
                font-size: 14px;
                letter-spacing: -.035em;
                text-decoration: underline
            }

            .goodsPayment .refundApplication table#cancel_table td .fileDel, .goodsPayment .refundApplication table#cancel_table td .regFile {
                display: inline-block;
                width: 90px;
                height: 39px;
                vertical-align: middle;
                cursor: pointer;
                font-size: 0
            }

                .goodsPayment .refundApplication table#cancel_table td .fileDel.fileDel, .goodsPayment .refundApplication table#cancel_table td .regFile.fileDel {
                    margin-left: 21px;
                    background: url(https://t1.kakaocdn.net/gamepub/ui-contents/service/pc_room/pc/v1/images/refund/btn-delete.png) no-repeat
                }

                .goodsPayment .refundApplication table#cancel_table td .fileDel.regFile, .goodsPayment .refundApplication table#cancel_table td .regFile.regFile {
                    margin-left: 5px;
                    background: url(https://t1.kakaocdn.net/gamepub/ui-contents/service/pc_room/pc/v1/images/refund/btn-file.png) no-repeat
                }

                .goodsPayment .refundApplication table#cancel_table td .fileDel:hover, .goodsPayment .refundApplication table#cancel_table td .regFile:hover {
                    background-position-y: bottom
                }

            .goodsPayment .refundApplication table#cancel_table td .noti {
                display: inline-block;
                margin-left: 20px;
                vertical-align: middle;
                color: #f87b1e;
                font-size: 13px;
                letter-spacing: -.035em
            }

    .goodsPayment .refundApplication .chkOK {
        margin-top: 32px;
        text-align: center
    }

        .goodsPayment .refundApplication .chkOK .kg-input label {
            margin-left: 6px;
            color: #2d2d2d;
            font-size: 14px;
            letter-spacing: -.035em;
            line-height: 24px
        }

    .goodsPayment .refundApplication .refund-state {
        width: 130px
    }

.kg-ui-table.refund-table .select-bank-list {
    width: 100px
}

.kg-ui-table.refund-table .kg-ui-text.account-number {
    width: 308px
}

.goodsPayment .refundApplicationOK {
    margin-top: 80px
}

    .goodsPayment .refundApplicationOK .refundApplicationFinish dl {
        text-align: center
    }

        .goodsPayment .refundApplicationOK .refundApplicationFinish dl dt {
            color: #000;
            font-size: 38px;
            letter-spacing: -.075em
        }

        .goodsPayment .refundApplicationOK .refundApplicationFinish dl dd {
            margin-top: 5px;
            color: #666;
            font-size: 15px;
            letter-spacing: -.05em
        }

    .goodsPayment .refundApplicationOK .refundApplicationFinish table {
        width: 722px;
        margin: 41px auto 0;
        border-top: 1px solid #2d2d2d
    }

        .goodsPayment .refundApplicationOK .refundApplicationFinish table td, .goodsPayment .refundApplicationOK .refundApplicationFinish table th {
            padding: 15px;
            border-bottom: 1px solid #ededed;
            border-top: 0;
            color: #2d2d2d;
            text-align: left
        }

        .goodsPayment .refundApplicationOK .refundApplicationFinish table th {
            border-right: 1px solid #ededed;
            font-size: 15px;
            letter-spacing: -.035em;
            background-color: #fbfbfb
        }

            .goodsPayment .refundApplicationOK .refundApplicationFinish table th:last-of-type {
                border-left: 1px solid #ededed
            }

        .goodsPayment .refundApplicationOK .refundApplicationFinish table td {
            font-size: 17px;
            font-weight: 800
        }

.goodsPayment .btn_goods {
    margin-top: 50px;
    text-align: center
}

.autoPayment .pageContents {
    margin-top: 65px
}

    .autoPayment .pageContents .selectItem table {
        width: 100%;
        border-collapse: collapse;
        border-top: 1px solid #2d2d2d
    }

        .autoPayment .pageContents .selectItem table td, .autoPayment .pageContents .selectItem table th {
            padding: 15px;
            border: 1px solid #ededed;
            border-top: 0;
            color: #2d2d2d;
            text-align: center
        }

            .autoPayment .pageContents .selectItem table td:first-of-type, .autoPayment .pageContents .selectItem table th:first-of-type {
                border-left: none
            }

            .autoPayment .pageContents .selectItem table td:last-of-type, .autoPayment .pageContents .selectItem table th:last-of-type {
                border-right: none;
                font-weight: 800;
                background-color: #fffdef
            }

        .autoPayment .pageContents .selectItem table th {
            font-size: 16px;
            font-weight: 800;
            letter-spacing: -.05em
        }

            .autoPayment .pageContents .selectItem table th.discount span {
                display: inline-block;
                position: relative;
                top: 3px;
                padding: 0 2px;
                margin-left: 4px;
                border-radius: 1px;
                vertical-align: top;
                color: #000;
                font-size: 14px;
                font-weight: 800;
                letter-spacing: -.035px;
                line-height: inherit;
                background-color: #ffd500
            }

        .autoPayment .pageContents .selectItem table td {
            font-size: 15px
        }

        .autoPayment .pageContents .selectItem table .kg-input--radio {
            display: inline-block;
            position: relative;
            width: 20px;
            height: 20px
        }

            .autoPayment .pageContents .selectItem table .kg-input--radio label {
                position: absolute;
                left: 0;
                top: 0;
                width: 100%;
                height: 100%;
                background: url(https://t1.kakaocdn.net/gamepub/ui-contents/service/pc_room/pc/v1/images/common/inp-radio.png) no-repeat
            }

            .autoPayment .pageContents .selectItem table .kg-input--radio.kg-input--on label {
                background-position-y: bottom
            }

    .autoPayment .pageContents .paymentMethod .methodList {
        margin-top: 20px
    }

.goodsPayment .pageContents {
    margin-top: 65px
}

    .goodsPayment .pageContents h4 {
        color: #000;
        font-size: 19px;
        line-height: 22px;
        font-weight: 800;
        letter-spacing: -.05em
    }

    .goodsPayment .pageContents .subscript {
        margin-top: 5px;
        color: #7c7c7c;
        font-size: 15px;
        letter-spacing: -.05em
    }

    .goodsPayment .pageContents .paymentInfo table#autoPaymentInfo {
        width: 100%;
        margin-top: 21px;
        border-top: 1px solid #2d2d2d
    }

        .goodsPayment .pageContents .paymentInfo table#autoPaymentInfo td, .goodsPayment .pageContents .paymentInfo table#autoPaymentInfo th {
            color: #2d2d2d;
            border-bottom: 1px solid #ededed
        }

        .goodsPayment .pageContents .paymentInfo table#autoPaymentInfo th {
            padding: 6px 20px;
            min-height: 43px;
            border-right: 1px solid #ededed;
            font-size: 16px;
            letter-spacing: -.05em;
            background-color: #fafbfc
        }

        .goodsPayment .pageContents .paymentInfo table#autoPaymentInfo td {
            padding: 15px;
            font-size: 15px;
            text-align: left
        }

            .goodsPayment .pageContents .paymentInfo table#autoPaymentInfo td span {
                color: #f87b1e
            }

    .goodsPayment .pageContents .payOut {
        margin-top: 68px
    }

        .goodsPayment .pageContents .payOut .paymentMethod .methodList {
            margin-top: 20px
        }

        .goodsPayment .pageContents .payOut .paymentSubmit {
            margin-top: 51px;
            text-align: center
        }

            .goodsPayment .pageContents .payOut .paymentSubmit .btnChange {
                display: inline-block;
                width: 200px;
                height: 62px;
                cursor: pointer;
                background: url(https://t1.kakaocdn.net/gamepub/ui-contents/service/pc_room/pc/v1/images/payment/btn-change.png) 0 0 no-repeat;
                margin-left: 10px
            }

                .goodsPayment .pageContents .payOut .paymentSubmit .btnChange:hover {
                    background-position-y: bottom
                }

.loginPage {
    padding-top: 89px
}

    .loginPage h2 {
        color: #000;
        font-size: 38px;
        font-weight: 300;
        letter-spacing: -.05em;
        line-height: 45px;
        text-align: center
    }

    .loginPage .loginWrap {
        width: 390px;
        margin: 0 auto
    }

        .loginPage .loginWrap .loginBx {
            margin-top: 42px;
            border-top: 1px solid #2d2d2d
        }

            .loginPage .loginWrap .loginBx #txt_ID, .loginPage .loginWrap .loginBx #txt_PWD {
                width: 100%;
                height: 36px;
                margin-top: 14px;
                padding-bottom: 10px;
                border-bottom: 3px solid #f4f4f4;
                color: #222;
                font-size: 16px;
                letter-spacing: -.025em;
                line-height: 24px
            }

                .loginPage .loginWrap .loginBx #txt_ID::-moz-placeholder, .loginPage .loginWrap .loginBx #txt_PWD::-moz-placeholder {
                    color: #acacac;
                    font-size: 13px;
                    letter-spacing: -.025em
                }

                .loginPage .loginWrap .loginBx #txt_ID::placeholder, .loginPage .loginWrap .loginBx #txt_PWD::placeholder {
                    color: #acacac;
                    font-size: 13px;
                    letter-spacing: -.025em
                }

                .loginPage .loginWrap .loginBx #txt_ID:focus, .loginPage .loginWrap .loginBx #txt_PWD:focus {
                    border-color: #acacac
                }

            .loginPage .loginWrap .loginBx #btn_Login {
                display: inline-block;
                width: 390px;
                height: 56px;
                margin-top: 20px;
                font-size: 0;
                cursor: pointer;
                background: url(https://t1.kakaocdn.net/gamepub/ui-contents/service/pc_room/pc/v1/images/common/btn-login-l.png) 0 0 no-repeat
            }

                .loginPage .loginWrap .loginBx #btn_Login:hover {
                    background-position-y: bottom
                }

        .loginPage .loginWrap .memberLink {
            margin-top: 10px
        }

            .loginPage .loginWrap .memberLink ul {
                text-align: right
            }

                .loginPage .loginWrap .memberLink ul li {
                    float: left;
                    color: #888;
                    font-size: 12px;
                    letter-spacing: -.025em
                }

                    .loginPage .loginWrap .memberLink ul li a {
                        color: #888
                    }

                    .loginPage .loginWrap .memberLink ul li:hover {
                        text-decoration: underline
                    }

                .loginPage .loginWrap .memberLink ul #btnLogout, .loginPage .loginWrap .memberLink ul #serchID, .loginPage .loginWrap .memberLink ul #serchPW {
                    display: inline-block;
                    float: none;
                    padding-right: 5px;
                    margin-right: 5px;
                    background: url(https://t1.kakaocdn.net/gamepub/ui-contents/service/pc_room/pc/v1/images/common/bu-dot.png) 100% no-repeat
                }

                .loginPage .loginWrap .memberLink ul #btnLogout, .loginPage .loginWrap .memberLink ul #serchPW {
                    padding-right: 0;
                    margin-right: 0;
                    background: none
                }

.news .agreement > h4 {
    margin-top: 76px;
    color: #000;
    font-size: 19px;
    font-weight: 800;
    letter-spacing: -.05em
}

    .news .agreement > h4 span {
        font-weight: 400
    }

    .news .agreement > h4:first-of-type {
        margin-top: 41px
    }

.news .agreement .agreementBx {
    overflow-y: scroll;
    overflow-x: hidden;
    max-height: 300px;
    color: #888;
    font-size: 11px;
    line-height: 13px;
    white-space: normal;
    padding: 5px 20px 10px;
    margin-top: 13px;
    border: 1px solid #ededed;
    background-color: #fbfbfb
}

    .news .agreement .agreementBx p {
        margin-bottom: 10px;
        margin-top: 15px
    }

.news .agreement .kg-input--checkbox {
    margin-right: 24px;
    font-size: 0
}

    .news .agreement .kg-input--checkbox label {
        margin-left: 6px;
        color: #2d2d2d;
        font-size: 14px;
        letter-spacing: -.035em;
        line-height: 24px
    }

.news .agreement .agreementChk {
    margin-top: 10px
}

.news .agreement .agreementChkAll {
    margin-top: 61px;
    text-align: center
}

    .news .agreement .agreementChkAll .kg-input--checkbox label {
        color: #2d2d2d;
        font-size: 16px;
        font-weight: 800
    }

.news .agreement .btn_join {
    margin-top: 16px;
    text-align: center
}

.member .confirm .certification {
    margin-top: 40px
}

    .member .confirm .certification .link_phone {
        display: inline-block;
        width: 908px;
        height: 98px;
        cursor: pointer;
        background: url(https://t1.kakaocdn.net/gamepub/ui-contents/service/pc_room/pc/v1/images/join/btn-cert-mobile.png) 0 0 no-repeat
    }

        .member .confirm .certification .link_phone:hover {
            background-position-y: bottom
        }

.member .confirm .descript {
    margin-top: 13px
}

    .member .confirm .descript ul li {
        position: relative;
        padding-left: 10px;
        color: #666;
        font-size: 14px;
        letter-spacing: -.025em;
        line-height: 22px;
        background: url(https://t1.kakaocdn.net/gamepub/ui-contents/service/pc_room/pc/v1/images/common/bu-dot2.png) 1px 11px no-repeat
    }

        .member .confirm .descript ul li em {
            text-decoration: underline
        }

.member .confirm .certificationOK {
    margin-top: 60px
}

    .member .confirm .certificationOK table {
        width: 100%;
        border-top: 1px solid #2d2d2d;
        border-collapse: collapse
    }

        .member .confirm .certificationOK table td, .member .confirm .certificationOK table th {
            padding: 10px 20px;
            border-bottom: 1px solid #ededed;
            border-top: 0;
            text-align: center
        }

            .member .confirm .certificationOK table td:nth-of-type(2), .member .confirm .certificationOK table th:nth-of-type(2) {
                padding: 10px 40px;
                text-align: left
            }

        .member .confirm .certificationOK table th {
            color: #000;
            font-size: 16px;
            letter-spacing: -.025em
        }

        .member .confirm .certificationOK table td {
            color: #222;
            font-size: 15px
        }

.member .confirm .btn_join {
    margin-top: 60px;
    text-align: center
}

    .member .confirm .btn_join input {
        margin-right: 10px
    }

    .member .confirm .btn_join #btnRgst {
        display: inline-block;
        width: 200px;
        height: 62px;
        cursor: pointer;
        background: url(https://t1.kakaocdn.net/gamepub/ui-contents/service/pc_room/pc/v1/images/join/btn-join.png) 0 0 no-repeat
    }

        .member .confirm .btn_join #btnRgst:hover {
            background-position-y: bottom
        }

.news .infoInput {
    position: relative
}

    .news .infoInput h4 {
        padding-bottom: 19.5px;
        margin-top: 41px;
        color: #000;
        font-size: 21px;
        line-height: 30px;
        font-weight: 800;
        letter-spacing: -.05em
    }

        .news .infoInput h4:last-of-type {
            border-top: 61px
        }

    .news .infoInput > p {
        position: absolute;
        right: 0;
        top: 4px;
        color: #e51a1a;
        font-size: 14px;
        letter-spacing: -.05em;
        line-height: 21px;
        text-align: right
    }

    .news .infoInput table {
        width: 100%;
        border-top: 1px solid #2d2d2d;
        border-collapse: collapse
    }

        .news .infoInput table td, .news .infoInput table th {
            padding: 10px 20px;
            border-bottom: 1px solid #ededed;
            border-top: 0;
            text-align: left
        }

        .news .infoInput table th {
            border-right: 1px solid #ededed;
            color: #2d2d2d;
            font-size: 15px;
            font-weight: 800;
            letter-spacing: -.035em;
            background-color: #fafbfc
        }

        .news .infoInput table td {
            color: #666;
            font-size: 13px;
            letter-spacing: -.025em
        }

            .news .infoInput table td input[type=password], .news .infoInput table td input[type=text] {
                width: 205px;
                height: 42px;
                padding: 0 12px;
                border: 1px solid #ccc;
                border-radius: 3px;
                color: #2d2d2d;
                font-size: 15px;
                letter-spacing: -.035em;
                line-height: 42px
            }

                .news .infoInput table td input[type=password]:focus, .news .infoInput table td input[type=text]:focus {
                    border-color: #2d2d2d
                }

                .news .infoInput table td input[type=password]#Number_REGNO_1, .news .infoInput table td input[type=password]#Number_REGNO_2, .news .infoInput table td input[type=password]#Number_REGNO_3, .news .infoInput table td input[type=password]#Number_TELNO_1, .news .infoInput table td input[type=password]#Number_TELNO_2, .news .infoInput table td input[type=password]#Number_TELNO_3, .news .infoInput table td input[type=text]#Number_REGNO_1, .news .infoInput table td input[type=text]#Number_REGNO_2, .news .infoInput table td input[type=text]#Number_REGNO_3, .news .infoInput table td input[type=text]#Number_TELNO_1, .news .infoInput table td input[type=text]#Number_TELNO_2, .news .infoInput table td input[type=text]#Number_TELNO_3 {
                    width: 111px;
                    margin: 0 10px
                }

                    .news .infoInput table td input[type=password]#Number_REGNO_1#Number_REGNO_1, .news .infoInput table td input[type=password]#Number_REGNO_1#Number_TELNO_1, .news .infoInput table td input[type=password]#Number_REGNO_2#Number_REGNO_1, .news .infoInput table td input[type=password]#Number_REGNO_2#Number_TELNO_1, .news .infoInput table td input[type=password]#Number_REGNO_3#Number_REGNO_1, .news .infoInput table td input[type=password]#Number_REGNO_3#Number_TELNO_1, .news .infoInput table td input[type=password]#Number_TELNO_1#Number_REGNO_1, .news .infoInput table td input[type=password]#Number_TELNO_1#Number_TELNO_1, .news .infoInput table td input[type=password]#Number_TELNO_2#Number_REGNO_1, .news .infoInput table td input[type=password]#Number_TELNO_2#Number_TELNO_1, .news .infoInput table td input[type=password]#Number_TELNO_3#Number_REGNO_1, .news .infoInput table td input[type=password]#Number_TELNO_3#Number_TELNO_1, .news .infoInput table td input[type=text]#Number_REGNO_1#Number_REGNO_1, .news .infoInput table td input[type=text]#Number_REGNO_1#Number_TELNO_1, .news .infoInput table td input[type=text]#Number_REGNO_2#Number_REGNO_1, .news .infoInput table td input[type=text]#Number_REGNO_2#Number_TELNO_1, .news .infoInput table td input[type=text]#Number_REGNO_3#Number_REGNO_1, .news .infoInput table td input[type=text]#Number_REGNO_3#Number_TELNO_1, .news .infoInput table td input[type=text]#Number_TELNO_1#Number_REGNO_1, .news .infoInput table td input[type=text]#Number_TELNO_1#Number_TELNO_1, .news .infoInput table td input[type=text]#Number_TELNO_2#Number_REGNO_1, .news .infoInput table td input[type=text]#Number_TELNO_2#Number_TELNO_1, .news .infoInput table td input[type=text]#Number_TELNO_3#Number_REGNO_1, .news .infoInput table td input[type=text]#Number_TELNO_3#Number_TELNO_1 {
                        margin-left: 0
                    }

                    .news .infoInput table td input[type=password]#Number_REGNO_1#Number_REGNO_3, .news .infoInput table td input[type=password]#Number_REGNO_1#Number_TELNO_3, .news .infoInput table td input[type=password]#Number_REGNO_2#Number_REGNO_3, .news .infoInput table td input[type=password]#Number_REGNO_2#Number_TELNO_3, .news .infoInput table td input[type=password]#Number_REGNO_3#Number_REGNO_3, .news .infoInput table td input[type=password]#Number_REGNO_3#Number_TELNO_3, .news .infoInput table td input[type=password]#Number_TELNO_1#Number_REGNO_3, .news .infoInput table td input[type=password]#Number_TELNO_1#Number_TELNO_3, .news .infoInput table td input[type=password]#Number_TELNO_2#Number_REGNO_3, .news .infoInput table td input[type=password]#Number_TELNO_2#Number_TELNO_3, .news .infoInput table td input[type=password]#Number_TELNO_3#Number_REGNO_3, .news .infoInput table td input[type=password]#Number_TELNO_3#Number_TELNO_3, .news .infoInput table td input[type=text]#Number_REGNO_1#Number_REGNO_3, .news .infoInput table td input[type=text]#Number_REGNO_1#Number_TELNO_3, .news .infoInput table td input[type=text]#Number_REGNO_2#Number_REGNO_3, .news .infoInput table td input[type=text]#Number_REGNO_2#Number_TELNO_3, .news .infoInput table td input[type=text]#Number_REGNO_3#Number_REGNO_3, .news .infoInput table td input[type=text]#Number_REGNO_3#Number_TELNO_3, .news .infoInput table td input[type=text]#Number_TELNO_1#Number_REGNO_3, .news .infoInput table td input[type=text]#Number_TELNO_1#Number_TELNO_3, .news .infoInput table td input[type=text]#Number_TELNO_2#Number_REGNO_3, .news .infoInput table td input[type=text]#Number_TELNO_2#Number_TELNO_3, .news .infoInput table td input[type=text]#Number_TELNO_3#Number_REGNO_3, .news .infoInput table td input[type=text]#Number_TELNO_3#Number_TELNO_3 {
                        margin-right: 0
                    }

                .news .infoInput table td input[type=password]#tbxAddress, .news .infoInput table td input[type=password]#tbxDetailAddress, .news .infoInput table td input[type=text]#tbxAddress, .news .infoInput table td input[type=text]#tbxDetailAddress {
                    width: 292px
                }

                .news .infoInput table td input[type=password]#txt_EMAIL_1, .news .infoInput table td input[type=text]#txt_EMAIL_1 {
                    width: 113px;
                    margin-right: 9px
                }

                .news .infoInput table td input[type=password]#txt_EMAIL_2, .news .infoInput table td input[type=text]#txt_EMAIL_2 {
                    width: 260px;
                    margin: 0 7px 0 9px
                }

                .news .infoInput table td input[type=password]#txt_IP_COUNT, .news .infoInput table td input[type=text]#txt_IP_COUNT {
                    margin-right: 5px
                }

                .news .infoInput table td input[type=password]#tbPassword1, .news .infoInput table td input[type=password]#tbPassword2, .news .infoInput table td input[type=password]#tbPCbangName, .news .infoInput table td input[type=text]#tbPassword1, .news .infoInput table td input[type=text]#tbPassword2, .news .infoInput table td input[type=text]#tbPCbangName {
                    margin-right: 9px
                }

            .news .infoInput table td #txt_PCBANG_TEXT {
                width: 659px;
                height: 84px;
                padding: 13px;
                margin-bottom: 5px;
                resize: none;
                border: 1px solid #ccc;
                border-radius: 3px;
                color: #2d2d2d;
                font-size: 15px;
                line-height: 28px
            }

            .news .infoInput table td .kg-input--select {
                width: 128px;
                height: 43px
            }

                .news .infoInput table td .kg-input--select .kg-input__value {
                    height: 43px;
                    line-height: 43px
                }

            .news .infoInput table td .kg-input--checkbox {
                margin-right: 24px;
                font-size: 0
            }

                .news .infoInput table td .kg-input--checkbox label {
                    margin-left: 6px;
                    color: #2d2d2d;
                    font-size: 14px;
                    letter-spacing: -.035em;
                    line-height: 24px
                }

            .news .infoInput table td #lbUserName {
                margin-right: 9px;
                font-size: 14px;
                letter-spacing: -.035em
            }

            .news .infoInput table td .noti {
                color: #f87b1e
            }

            .news .infoInput table td .box_noti {
                padding: 9px 13px;
                margin-top: 15px;
                border: 1px solid #fff4ba;
                background-color: #fffdef
            }

                .news .infoInput table td .box_noti .txt_noti {
                    line-height: 18px
                }

            .news .infoInput table td .row2 {
                display: block
            }

                .news .infoInput table td .row2 #a_REG_IMAGE_URL {
                    display: inline-block;
                    margin-top: 10px
                }

            .news .infoInput table td .row3 {
                display: block;
                padding-top: 8px
            }

            .news .infoInput table td #member_join_ip .ipItem {
                display: inline-block;
                width: 80px;
                padding-right: 14px;
                background-image: url(https://t1.kakaocdn.net/gamepub/ui-contents/service/pc_room/pc/v1/images/join/bg-ip-dot.png);
                background-position: 100% 100%;
                background-repeat: no-repeat
            }

                .news .infoInput table td #member_join_ip .ipItem input {
                    width: 54px
                }

                .news .infoInput table td #member_join_ip .ipItem:nth-of-type(4) {
                    padding-right: 20px;
                    background-image: url(https://t1.kakaocdn.net/gamepub/ui-contents/service/pc_room/pc/v1/images/join/bg-ip-swung.png)
                }

                .news .infoInput table td #member_join_ip .ipItem:nth-of-type(5) {
                    padding-right: 0;
                    background: none
                }

            .news .infoInput table td .imagedel, .news .infoInput table td .imagereg {
                border-bottom: 1px solid transparent;
                color: #467add;
                cursor: pointer
            }

                .news .infoInput table td .imagedel:hover, .news .infoInput table td .imagereg:hover {
                    border-color: #467add
                }

                .news .infoInput table td .imagedel.imagedel, .news .infoInput table td .imagereg.imagedel {
                    margin-left: 5px
                }

            .news .infoInput table td #btn_RegConfirm, .news .infoInput table td #chkDuplUserId {
                display: inline-block;
                width: 120px;
                height: 43px;
                cursor: pointer;
                background: url(https://t1.kakaocdn.net/gamepub/ui-contents/service/pc_room/pc/v1/images/join/btn-check-overlap.png) 0 0 no-repeat;
                margin-left: 1px;
                margin-right: 9px;
                font-size: 0
            }

                .news .infoInput table td #btn_RegConfirm:hover, .news .infoInput table td #chkDuplUserId:hover {
                    background-position-y: bottom
                }

            .news .infoInput table td #chkpostnumber {
                display: inline-block;
                width: 120px;
                height: 43px;
                cursor: pointer;
                background: url(https://t1.kakaocdn.net/gamepub/ui-contents/service/pc_room/pc/v1/images/join/btn-find-address.png) 0 0 no-repeat;
                margin-left: 1px;
                font-size: 0
            }

                .news .infoInput table td #chkpostnumber:hover {
                    background-position-y: bottom
                }

    .news .infoInput .btn_join {
        margin-top: 50px;
        text-align: center
    }

        .news .infoInput .btn_join #form_Join3 {
            display: inline-block;
            width: 200px;
            height: 62px;
            cursor: pointer;
            background: url(https://t1.kakaocdn.net/gamepub/ui-contents/service/pc_room/pc/v1/images/join/btn-join.png) 0 0 no-repeat
        }

            .news .infoInput .btn_join #form_Join3:hover {
                background-position-y: bottom
            }

.member .joinOK .joinFinish {
    margin-top: 62px
}

    .member .joinOK .joinFinish dl {
        text-align: center
    }

        .member .joinOK .joinFinish dl dt {
            color: #2d2d2d;
            font-size: 24px;
            font-weight: 800;
            letter-spacing: -.04em;
            line-height: 30px
        }

        .member .joinOK .joinFinish dl dd {
            margin-top: 5px;
            color: #666;
            font-size: 15px;
            letter-spacing: -.025em
        }

.member .joinOK .btn_join {
    margin-top: 33px;
    text-align: center
}

    .member .joinOK .btn_join input {
        font-size: 0;
        margin-right: 10px
    }

    .member .joinOK .btn_join #go_Payment {
        display: inline-block;
        width: 250px;
        height: 62px;
        cursor: pointer;
        background: url(https://t1.kakaocdn.net/gamepub/ui-contents/service/pc_room/pc/v1/images/join/btn-goods.png) 0 0 no-repeat
    }

        .member .joinOK .btn_join #go_Payment:hover {
            background-position-y: bottom
        }

    .member .joinOK .btn_join #go_GoodsInfo {
        display: inline-block;
        width: 250px;
        height: 62px;
        cursor: pointer;
        background: url(https://t1.kakaocdn.net/gamepub/ui-contents/service/pc_room/pc/v1/images/join/btn-benifit.png) 0 0 no-repeat
    }

        .member .joinOK .btn_join #go_GoodsInfo:hover {
            background-position-y: bottom
        }

#popWrap {
    width: 460px;
    padding-top: 20px;
    font-size: 0
}

    #popWrap .popTop {
        width: 411px;
        min-height: 39px;
        margin: 0 auto
    }

        #popWrap .popTop p {
            color: #000;
            font-size: 22px;
            font-weight: 500;
            letter-spacing: -.05em
        }

    #popWrap .popCont .popTitle {
        width: 411px;
        margin: 0 auto;
        padding-top: 3px;
        color: #888;
        font-size: 14px;
        letter-spacing: -.05em;
        line-height: 18px
    }

    #popWrap .popCont .popTab {
        width: 411px;
        margin: 24px auto 0
    }

        #popWrap .popCont .popTab ul {
            font-size: 0;
            border-bottom: 1px solid #2d2d2d
        }

            #popWrap .popCont .popTab ul li {
                display: inline-block;
                width: 203.5px;
                height: 51px;
                border: 1px solid #ededed;
                border-bottom: 0
            }

                #popWrap .popCont .popTab ul li a {
                    display: inline-block;
                    width: 100%;
                    height: 100%;
                    color: #2d2d2d;
                    font-size: 15px;
                    letter-spacing: -.05em;
                    line-height: 52px;
                    text-align: center
                }

                #popWrap .popCont .popTab ul li.on, #popWrap .popCont .popTab ul li:hover {
                    border-color: #2d2d2d;
                    background-color: #2d2d2d
                }

                    #popWrap .popCont .popTab ul li.on a, #popWrap .popCont .popTab ul li:hover a {
                        color: #fff
                    }

    #popWrap .popCont table {
        width: 411px;
        margin: 18px auto 26px
    }

        #popWrap .popCont table th {
            width: 119px;
            height: 56px;
            vertical-align: middle;
            color: #888;
            font-size: 14px;
            letter-spacing: -.04em;
            text-align: left
        }

        #popWrap .popCont table td input[type=password], #popWrap .popCont table td input[type=text] {
            width: 268px;
            height: 42px;
            padding: 0 12px;
            border: 1px solid #ccc;
            border-radius: 3px;
            color: #2d2d2d;
            font-size: 15px;
            letter-spacing: -.035em;
            line-height: 42px
        }

            #popWrap .popCont table td input[type=password]#bizID1, #popWrap .popCont table td input[type=password]#bizID2, #popWrap .popCont table td input[type=password]#bizID3, #popWrap .popCont table td input[type=text]#bizID1, #popWrap .popCont table td input[type=text]#bizID2, #popWrap .popCont table td input[type=text]#bizID3 {
                width: 62px
            }

            #popWrap .popCont table td input[type=password]#bizID2, #popWrap .popCont table td input[type=text]#bizID2 {
                margin: 0 14px
            }

            #popWrap .popCont table td input[type=password]:focus, #popWrap .popCont table td input[type=text]:focus {
                border-color: #2d2d2d
            }

    #popWrap .popCont .descript {
        padding: 36px 0 41px;
        color: #666;
        font-size: 14px;
        letter-spacing: -.05em;
        text-align: center
    }

        #popWrap .popCont .descript strong {
            color: #f87b1e
        }

    #popWrap .popCont .popBtn input {
        width: 100%;
        height: 62px;
        color: #fff;
        font-size: 15px;
        font-weight: 800;
        letter-spacing: -.035em;
        line-height: 62px;
        text-align: center;
        cursor: pointer;
        background-color: #2d2d2d
    }

.myInfo {
    position: relative;
    margin-top: 20px
}

    .myInfo table {
        border-bottom: 3px solid #e2e2e2;
        border-top: 4px solid #e2e2e2
    }

    .myInfo th {
        color: #4c4e63;
        padding: 13px 25px 12px 17px;
        background: #f6f6f6;
        font-size: 15px
    }

    .myInfo td, .myInfo th {
        border-bottom: 1px solid #e2e2e2;
        text-align: left
    }

    .myInfo td {
        padding: 10px 20px;
        font-size: 14px;
        color: #494949
    }

.btn_myPC {
    text-align: center;
    margin-top: 30px
}

    .btn_myPC input[type=button], .btn_myPC input[type=submit] {
        border: 1px solid #4c4e63;
        background: #5f6072;
        color: #fff;
        font-size: 20px;
        text-align: center;
        padding: 8px 34px 10px;
        margin-left: 10px;
        cursor: pointer;
        width: 170px;
        line-height: 1.5
    }

        .btn_myPC input[type=button].btn2, .btn_myPC input[type=submit].btn2 {
            border: 1px solid #9495a1;
            background: #afafb8
        }

.myInfo_modify {
    position: relative
}

    .myInfo_modify table {
        border-bottom: 3px solid #e2e2e2;
        border-top: 4px solid #e2e2e2
    }

    .myInfo_modify th {
        color: #4c4e63;
        padding: 13px 25px 12px 17px;
        background: #f6f6f6;
        font-size: 15px
    }

    .myInfo_modify td, .myInfo_modify th {
        border-bottom: 1px solid #e2e2e2;
        text-align: left
    }

    .myInfo_modify td {
        padding: 10px 0 10px 20px;
        font-size: 14px;
        color: #494949
    }

        .myInfo_modify td .noti {
            margin-left: 10px
        }

        .myInfo_modify td .noti, .myInfo_modify td .noti2 {
            font-size: 11px;
            color: #999;
            margin-top: -2px;
            letter-spacing: -1px
        }

        .myInfo_modify td .noti2 {
            margin-left: 0
        }

        .myInfo_modify td .noti3 {
            font-size: 12px;
            color: #999;
            margin-left: 0;
            letter-spacing: -1px;
            display: block;
            margin-top: 30px;
            text-align: left
        }

        .myInfo_modify td input[type=password], .myInfo_modify td input[type=text] {
            background: #fff;
            border: 1px solid #ccc;
            padding: 5px 10px 6px 8px;
            line-height: 120%
        }

        .myInfo_modify td input[type=button] {
            border: 1px solid #ccc;
            background: url(https://t1.daumcdn.net/gamepub/pub/pcbang/images/common/bg_btn.gif) 0 100% repeat-x;
            color: #494949;
            font-size: 14px;
            text-align: center;
            padding: 2px 13px 3px;
            *padding: 0 13px 0 13px;
            margin-left: 10px;
            cursor: pointer;
            font-weight: 700
        }

            .myInfo_modify td input[type=button]:first-child {
                margin-left: 0
            }

        .myInfo_modify td input[type=submit] {
            border: 1px solid #ccc;
            background: url(https://t1.daumcdn.net/gamepub/pub/pcbang/images/common/bg_btn.gif) 0 100% repeat-x;
            color: #494949;
            font-size: 14px;
            text-align: center;
            padding: 2px 13px 3px;
            *padding: 0 13px 0 13px;
            margin-left: 10px;
            cursor: pointer;
            font-weight: 700
        }

        .myInfo_modify td .row2 {
            margin: 5px 0;
            display: block
        }

    .myInfo_modify .ipInput .row2 {
        display: inline-block;
        margin: 0 0 0 9px
    }

    .myInfo_modify td select {
        background: #fff;
        border: 1px solid #ccc;
        padding: 4px 10px 5px;
        margin: 0 5px
    }

    .myInfo_modify td input[type=checkbox] {
        width: 13px;
        height: 13px;
        border: 1px solid #707070;
        margin: 3px 10px 0 0;
        vertical-align: top
    }

    .myInfo_modify td .ipInput {
        margin-bottom: 16px;
        line-height: 14px
    }

        .myInfo_modify td .ipInput input[type=button], .myInfo_modify td .ipInput input[type=submit] {
            margin-left: 0
        }

        .myInfo_modify td .ipInput.off input {
            background-color: #ebebeb
        }

    .myInfo_modify .txt_point {
        display: inline-block;
        vertical-align: bottom
    }

    .myInfo_modify .txt_info {
        margin-bottom: 10px;
        font-size: 12px;
        line-height: 18px;
        color: #999;
        letter-spacing: -1px
    }

    .myInfo_modify td .emph_txt {
        font-weight: 700;
        color: #4f4f59
    }

    .myInfo_modify td .ipInfo select {
        overflow-x: hidden;
        overflow-y: scroll;
        width: 404px;
        height: 89px;
        padding: 9px 0 4px;
        margin: 0;
        border: 1px solid #ccc
    }

    .myInfo_modify td .ipInfo option {
        height: 29px;
        padding: 8px 0 0 14px;
        line-height: 29px;
        box-sizing: border-box
    }

    .myInfo_modify td .ipInfo .info_ip {
        margin-top: 10px;
        font-size: 11px;
        color: #999;
        letter-spacing: -1px
    }

    .myInfo_modify td .ipInfo input[type=button] {
        width: 102px;
        height: 28px;
        margin-left: 10px;
        *width: 130px
    }

    .myInfo_modify td .ipInfo input[type=button], .myInfo_modify td .ipInfo input[type=submit] {
        border: 1px solid #ccc;
        background: url(https://t1.daumcdn.net/gamepub/pub/pcbang/images/common/bg_btn.gif) 0 100% repeat-x;
        color: #494949;
        font-size: 14px;
        text-align: center;
        padding: 2px 13px 3px;
        *padding: 0 13px 0 13px;
        cursor: pointer;
        font-weight: 700;
        float: right
    }

    .myInfo_modify td .ipInfo input[type=submit] {
        margin-top: 5px;
        *width: 130px
    }

    .myInfo_modify .list_opt {
        display: inline-block;
        overflow-y: auto;
        width: 390px;
        height: 89px;
        padding: 9px 0 4px;
        border: 1px solid #ccc;
        box-sizing: border-box;
        vertical-align: bottom
    }

        .myInfo_modify .list_opt ~ .row2 {
            display: inline-block;
            margin: 0;
            vertical-align: bottom
        }

        .myInfo_modify .list_opt .on .link_opt {
            background-color: #ebf1f9
        }

        .myInfo_modify .list_opt .link_opt {
            display: block;
            height: 29px;
            padding-left: 14px;
            line-height: 29px;
            text-decoration: none
        }

    .myInfo_modify .tf_intro {
        overflow-y: scroll;
        width: 520px;
        height: 89px;
        margin-top: 5px;
        padding: 6px 0 0 6px;
        border: 1px solid #ccc;
        resize: none;
        box-sizing: border-box
    }

    .myInfo_modify #a_PCM_IMAGE_URL {
        display: inline-block;
        margin-top: 3px;
        vertical-align: top
    }

    .myInfo_modify td .box_noti {
        overflow: hidden;
        padding: 7px 10px 10px;
        margin: 5px 0 3px;
        background-color: #fafafa
    }

    .myInfo_modify td .txt_noti {
        display: block;
        overflow: hidden;
        font-size: 11px;
        line-height: 17px;
        color: #7793c9;
        letter-spacing: -.05em
    }

    .myInfo_modify td .ico_mark {
        float: left;
        width: 14px;
        height: 14px;
        margin: 3px 5px 0 0;
        background: url(https://t1.kakaocdn.net/gamepub/pub/pcbang/images/common/ico_comm_180802.gif) 0 -550px no-repeat
    }

    .myInfo_modify td .num_phone {
        font-size: 14px;
        color: #494949;
        letter-spacing: -.06em
    }

    .myInfo_modify .list_noti {
        padding: 3px 0 4px
    }

        .myInfo_modify .list_noti li {
            padding-left: 5px;
            margin-top: 1px;
            font-size: 11px;
            color: #999;
            letter-spacing: -1px;
            background: url(https://t1.kakaocdn.net/gamepub/pub/pcbang/images/common/ico_comm_180802.gif) 0 -339px no-repeat
        }

.goodsState, .goodsStateTab {
    position: relative
}

.goodsStateTab {
    font-size: 15px;
    clear: both;
    width: 100%;
    height: 53px;
    margin-bottom: 28px;
    padding-top: 36px;
    border-bottom: 1px solid #252525
}

    .goodsStateTab ul, .goodsStateTab ul li {
        margin: 0;
        padding: 0
    }

        .goodsStateTab ul li {
            list-style: none;
            float: left;
            width: 140px;
            height: 52px;
            margin-left: -1px;
            border: 1px solid #d1d2d8;
            border-bottom: 0;
            background-color: #fff
        }

            .goodsStateTab ul li:first-child {
                width: 142px;
                margin-left: 0
            }

            .goodsStateTab ul li a {
                display: block;
                height: 100%;
                text-align: center;
                color: #666;
                line-height: 50px;
                text-decoration: none
            }

                .goodsStateTab ul li a:hover {
                    color: #45475c
                }

            .goodsStateTab ul li.on {
                position: relative;
                height: 53px;
                border-color: #252525
            }

                .goodsStateTab ul li.on a {
                    color: #252525;
                    font-weight: 700;
                    font-size: 15px;
                    width: 143px;
                    margin-right: 1px
                }

.btn_goodsState {
    text-align: center;
    margin-top: 38px
}

    .btn_goodsState input[type=button] {
        font-size: 20px;
        padding: 8px 34px 10px
    }

    .btn_goodsState input[type=button], .btn_goodsState input[type=submit] {
        border: 1px solid #4c4e63;
        background: #5f6072;
        color: #fff;
        text-align: center;
        margin-left: 10px;
        cursor: pointer;
        line-height: 1.5
    }

    .btn_goodsState input[type=submit] {
        font-size: 16px;
        font-weight: 700;
        padding: 12px 43px 15px
    }

        .btn_goodsState input[type=button].btn2, .btn_goodsState input[type=submit].btn2 {
            border: 1px solid #9495a1;
            background: #afafb8
        }

.srchPeriod {
    border: 4px solid #e2e2e2;
    padding: 14px 21px;
    margin-top: 20px;
    background: #f6f6f6;
    position: relative;
    text-align: left;
    margin-bottom: 20px;
    font-family: 맑은 고딕,Malgun Gothic,sans-serif;
    font-size: 12px;
    line-height: 1.5;
    color: #666
}

    .srchPeriod span {
        vertical-align: middle;
        font-size: 14px;
        font-weight: 700
    }

    .srchPeriod input[type=text] {
        padding: 2px 10px 8px;
        width: 120px;
        font-size: 18px;
        margin: 0 5px;
        text-align: center
    }

    .srchPeriod input[type=text], .srchPeriod select {
        border: 1px solid #ccc;
        background: #fff;
        color: #666
    }

    .srchPeriod select {
        padding: 5px;
        margin: 0 2px 0 5px;
        font-size: 12px;
        line-height: 1.5
    }

    .srchPeriod input[type=button].calendar, .srchPeriod input[type=submit].calendar {
        background: url(https://t1.daumcdn.net/gamepub/pub/pcbang/images/common/ico_comm.gif) left -489px no-repeat;
        width: 37px;
        height: 37px;
        border: 0;
        margin-right: 5px;
        cursor: pointer
    }

    .srchPeriod input[type=button], .srchPeriod input[type=submit] {
        border: 1px solid #ccc;
        background: url(https://t1.daumcdn.net/gamepub/pub/pcbang/images/common/bg_btn.gif) 0 100% repeat-x #fff;
        color: #494949;
        font-size: 14px;
        text-align: center;
        padding: 4px 18px 3px;
        *padding: 2px 18px 4px 18px;
        margin-top: 0;
        cursor: pointer;
        font-weight: 700;
        *width: 70px
    }

    .srchPeriod input[type=submit] {
        height: 30px;
        line-height: 1.5
    }

.paymentList {
    position: relative
}

    .paymentList .descript {
        border: 1px solid #d1d2d8;
        background: #fff;
        text-align: center;
        font-size: 13px;
        color: #747474;
        padding: 13px 15px;
        margin: 20px 0 0
    }

        .paymentList .descript .txt_red {
            color: #f10
        }

    .paymentList table {
        border-bottom: 3px solid #e2e2e2;
        border-top: 4px solid #e2e2e2
    }

    .paymentList th {
        color: #4c4e63;
        padding: 13px 0 12px;
        background: #f6f6f6;
        line-height: 120%
    }

    .paymentList td, .paymentList th {
        border-bottom: 1px solid #e2e2e2;
        font-size: 15px
    }

    .paymentList td {
        padding: 10px 0;
        text-align: center;
        color: #494949
    }

.autoApplicationOK {
    position: relative
}

.autoApplicationFinish {
    margin-top: 50px;
    border: 1px solid #ededed;
    background: #fafbfc;
    padding: 50px 20px;
    color: #666
}

    .autoApplicationFinish dt {
        font-size: 28px;
        text-align: center;
        margin-bottom: 20px;
        letter-spacing: -1px
    }

    .autoApplicationFinish dd {
        font-size: 15px;
        text-align: left;
        margin-left: 57px;
        line-height: 120%
    }

        .autoApplicationFinish dd a {
            text-decoration: underline
        }

    .autoApplicationFinish table {
        border-top: 1px solid #d1d2d8;
        border-left: 1px solid #d1d2d8;
        border-bottom: none;
        margin-left: 67px;
        margin-top: 27px
    }

    .autoApplicationFinish th {
        color: #4c4e63;
        padding: 13px 0 12px;
        background: #f6f6f6;
        font-size: 15px
    }

    .autoApplicationFinish td, .autoApplicationFinish th {
        border-right: 1px solid #d1d2d8;
        border-bottom: 1px solid #d1d2d8
    }

    .autoApplicationFinish td {
        padding: 10px 50px 10px 0;
        text-align: right;
        background: #fff;
        font-size: 14px;
        color: #494949
    }

.coin_management {
    position: relative
}

    .coin_management table {
        border-bottom: 3px solid #e2e2e2;
        border-top: 4px solid #e2e2e2
    }

    .coin_management th {
        color: #4c4e63;
        padding: 13px 0 12px;
        background: #f6f6f6;
        line-height: 120%
    }

    .coin_management td, .coin_management th {
        border-bottom: 1px solid #e2e2e2;
        font-size: 15px
    }

    .coin_management td {
        padding: 10px 0;
        text-align: center;
        color: #494949
    }

    .coin_management .descript {
        text-align: left;
        font-size: 13px;
        color: #999;
        margin-top: 10px;
        border: none;
        padding: 0;
        clear: both
    }

        .coin_management .descript li {
            background: url(https://t1.daumcdn.net/gamepub/pub/pcbang/images/common/ico_comm.gif) left -341px no-repeat;
            padding-left: 7px;
            margin-bottom: 5px;
            line-height: 120%
        }

.game_accessState {
    position: relative;
    margin-top: 20px
}

    .game_accessState table {
        margin-top: 13px;
        border-bottom: 3px solid #e2e2e2;
        border-top: 4px solid #e2e2e2
    }

    .game_accessState th {
        border-bottom: 1px solid #e2e2e2;
        color: #4c4e63;
        padding: 12px 0 14px;
        background: #f6f6f6;
        font-size: 15px;
        border-left: 1px solid #e2e2e2
    }

        .game_accessState th:first-child {
            border-left: none
        }

    .game_accessState td {
        padding: 19px 0;
        text-align: center;
        font-size: 14px;
        color: #666;
        border-bottom: 1px solid #e2e2e2;
        border-left: 1px solid #e2e2e2
    }

        .game_accessState td:first-child {
            border-left: 0
        }

        .game_accessState td.sum, .game_accessState th.sum {
            background: #f6f6f6;
            font-weight: 700
        }

    .game_accessState .descript {
        text-align: left;
        font-size: 13px;
        color: #999;
        margin-top: 35px;
        border: none;
        padding: 0;
        clear: both
    }

        .game_accessState .descript .emph_count {
            color: #3374ba
        }

        .game_accessState .descript li {
            position: relative;
            padding-left: 7px;
            margin-top: 8px;
            line-height: 20px
        }

            .game_accessState .descript li:first-child {
                margin-top: 0
            }

            .game_accessState .descript li:after {
                position: absolute;
                left: 0;
                top: 8px;
                width: 2px;
                height: 2px;
                background-color: #9a9a9a;
                content: ""
            }

.sms {
    position: relative
}

    .sms table {
        border-bottom: 3px solid #e2e2e2;
        border-top: 4px solid #e2e2e2
    }

    .sms th {
        color: #4c4e63;
        padding: 13px 25px 12px 17px;
        background: #f6f6f6;
        font-size: 15px
    }

    .sms td, .sms th {
        border-bottom: 1px solid #e2e2e2;
        text-align: left
    }

    .sms td {
        padding: 10px 0 10px 20px;
        font-size: 14px;
        color: #494949
    }

        .sms td select {
            background: #fff;
            border: 1px solid #ccc;
            padding: 4px 5px 5px;
            margin: 0 5px 0 0
        }

        .sms td input[type=text] {
            background: #fff;
            border: 1px solid #ccc;
            padding: 5px 10px 6px 8px;
            line-height: 120%
        }

        .sms td input[type=checkbox] {
            width: 13px;
            height: 13px;
            border: 1px solid #707070;
            margin: 3px 5px 0 20px;
            vertical-align: top
        }

            .sms td input[type=checkbox]:first-child {
                margin-left: 0
            }

        .sms td .row2 {
            margin-top: 5px;
            display: block
        }

.tax_invoice {
    position: relative;
    margin-top: 20px
}

    .tax_invoice .descript {
        border: 1px solid #d1d2d8;
        text-align: left;
        color: #45475c;
        padding: 22px 30px 21px;
        width: 646px;
        margin-top: 0
    }

        .tax_invoice .descript li {
            background: url(https://t1.daumcdn.net/gamepub/pub/pcbang/images/common/ico_comm.gif) left -338px no-repeat;
            padding-left: 10px;
            margin-bottom: 5px;
            line-height: 120%;
            font-size: 14px
        }

        .tax_invoice .descript strong {
            font-weight: 700;
            color: #608ffb
        }

        .tax_invoice .descript dt {
            margin-bottom: 5px;
            margin-top: 30px;
            line-height: 120%;
            font-weight: 700;
            font-size: 14px
        }

            .tax_invoice .descript dt:first-child {
                margin-top: 0
            }

        .tax_invoice .descript dd {
            background: url(https://t1.daumcdn.net/gamepub/pub/pcbang/images/common/ico_comm.gif) left -338px no-repeat;
            padding-left: 10px;
            margin-left: 3px;
            font-size: 14px
        }

            .tax_invoice .descript dd.img {
                background: none;
                padding-left: 0;
                margin-left: 0
            }

    .tax_invoice .btn_goods {
        width: 646px;
        text-align: center;
        margin-top: 50px
    }

        .tax_invoice .btn_goods input[type=button], .tax_invoice .btn_goods input[type=submit] {
            border: 1px solid #4c4e63;
            background: #5f6072;
            color: #fff;
            font-size: 20px;
            text-align: center;
            padding: 8px 34px 10px;
            margin: 0 10px;
            cursor: pointer;
            line-height: 1.5
        }

            .tax_invoice .btn_goods input[type=button].btn2, .tax_invoice .btn_goods input[type=submit].btn2 {
                border: 1px solid #9495a1;
                background: #afafb8
            }

.qna {
    position: relative
}

.qna_list table {
    border-bottom: 4px solid #e2e2e2;
    border-top: 4px solid #e2e2e2;
    margin-top: 24px
}

.qna_list th {
    padding: 12px 0 13px;
    background: #f6f6f6;
    font-size: 15px;
    color: #4c4e63
}

.qna_list td {
    padding: 11px 0 14px;
    border-top: 1px solid #e2e2e2;
    text-align: center;
    font-size: 14px
}

    .qna_list td.subject {
        text-align: left;
        padding-left: 30px
    }

        .qna_list td.subject img {
            vertical-align: top;
            margin: 3px 0 0 5px;
            *margin-top: 0
        }

    .qna_list td a:hover {
        font-weight: 700;
        color: #608ffb
    }

.newICO {
    background: url(https://t1.daumcdn.net/gamepub/pub/pcbang/images/common/ico_comm.gif) left -178px no-repeat;
    width: 12px;
    height: 11px;
    text-indent: -9999px;
    display: inline-block;
    margin-left: 5px;
    margin-top: 5px;
    vertical-align: top
}

.finish {
    background: #608ffb;
    padding: 5px 12px
}

.finish, .ing {
    color: #fff;
    font-weight: 700;
    font-size: 12px
}

.ing {
    background: #acc800;
    padding: 5px 19px
}

.accept {
    background: #9898a8;
    padding: 5px 12px;
    color: #fff;
    font-weight: 700;
    font-size: 12px
}

.descript_customer {
    margin-top: 20px;
    border: 1px solid #d1d2d8;
    background: #f6f6f6;
    text-align: left;
    color: #45475c;
    padding: 22px 30px 21px;
    margin-bottom: 20px
}

    .descript_customer li {
        background: url(https://t1.daumcdn.net/gamepub/pub/pcbang/images/common/ico_comm.gif) left -340px no-repeat;
        padding-left: 10px;
        margin-bottom: 5px;
        line-height: 120%;
        font-size: 14px
    }

    .descript_customer strong {
        font-weight: 700;
        color: #608ffb
    }

.qna_view {
    margin-top: 20px
}

    .qna_view table {
        border-bottom: 3px solid #e2e2e2;
        border-top: 4px solid #e2e2e2
    }

    .qna_view th {
        color: #4c4e63;
        padding: 13px 25px 12px 17px;
        background: #f6f6f6;
        font-size: 15px
    }

    .qna_view td, .qna_view th {
        border-bottom: 1px solid #e2e2e2;
        text-align: left
    }

    .qna_view td {
        padding: 10px 20px;
        font-size: 14px;
        color: #494949
    }

        .qna_view td input[type=button], .qna_view td input[type=submit] {
            border: 1px solid #ccc;
            background: url(https://t1.daumcdn.net/gamepub/pub/pcbang/images/common/bg_btn.gif) 0 100% repeat-x;
            color: #494949;
            font-size: 14px;
            text-align: center;
            padding: 2px 13px 3px;
            margin-left: 10px;
            cursor: pointer;
            font-weight: 700;
            line-height: 1.5
        }

.btn_qna {
    text-align: center;
    margin-top: 30px
}

    .btn_qna input[type=button], .btn_qna input[type=submit] {
        border: 1px solid #4c4e63;
        background: #5f6072;
        color: #fff;
        font-size: 15px;
        text-align: center;
        padding: 7px 34px 9px;
        font-weight: 500;
        margin-left: 10px;
        cursor: pointer;
        line-height: 1.5
    }

        .btn_qna input[type=button].btn2, .btn_qna input[type=submit].btn2 {
            border: 1px solid #9495a1;
            background: #afafb8;
            line-height: 1.5
        }

h4 {
    font-size: 20px;
    margin-bottom: 5px;
    color: #666;
    font-weight: 400
}

    h4.subTitle {
        margin-top: 50px;
        clear: both
    }

.qna_write {
    position: relative;
    margin-top: 20px
}

    .qna_write table {
        border-bottom: 3px solid #e2e2e2;
        border-top: 4px solid #e2e2e2
    }

    .qna_write th {
        color: #4c4e63;
        padding: 13px 25px 12px 17px;
        background: #f6f6f6;
        font-size: 15px
    }

    .qna_write td, .qna_write th {
        border-bottom: 1px solid #e2e2e2;
        text-align: left
    }

    .qna_write td {
        padding: 10px 0 10px 20px;
        font-size: 14px;
        color: #494949
    }

        .qna_write td .noti {
            font-size: 11px;
            color: #999;
            margin-left: 10px;
            margin-top: -2px;
            letter-spacing: -1px
        }

            .qna_write td .noti a {
                text-decoration: underline;
                color: #608ffb
            }

        .qna_write td input[type=text], .qna_write td textarea {
            background: #fff;
            border: 1px solid #ccc;
            padding: 5px 10px 6px 8px;
            line-height: 120%
        }

        .qna_write td input[type=button], .qna_write td input[type=submit] {
            border: 1px solid #ccc;
            background: url(https://t1.daumcdn.net/gamepub/pub/pcbang/images/common/bg_btn.gif) 0 100% repeat-x;
            color: #494949;
            font-size: 14px;
            text-align: center;
            padding: 2px 13px 3px;
            margin-left: 10px;
            cursor: pointer;
            font-weight: 700;
            line-height: 1.5
        }

        .qna_write td .row2 {
            margin: 5px 0 0;
            display: block;
            clear: both
        }

        .qna_write td select {
            background: #fff;
            border: 1px solid #ccc;
            padding: 4px 10px 5px
        }

        .qna_write td .fileList {
            background: #fff;
            border: 1px solid #ccc;
            padding: 5px 10px 6px 8px;
            line-height: 120%;
            width: 350px;
            float: left;
            margin-bottom: 5px
        }

            .qna_write td .fileList li {
                padding: 5px 0;
                font-size: 12px
            }

.btn_write {
    text-align: right;
    margin-top: 30px
}

    .btn_write input[type=button], .btn_write input[type=submit] {
        border: 1px solid #4c4e63;
        background: #5f6072;
        color: #fff;
        font-size: 15px;
        text-align: center;
        padding: 7px 34px 9px;
        font-weight: 700;
        margin-left: 10px;
        cursor: pointer;
        line-height: 1.5
    }

.faqTab {
    position: relative;
    height: 47px;
    margin-top: 20px;
    background: url(https://t1.daumcdn.net/gamepub/pub/pcbang/images/common/line_tab.gif) repeat-x 0 100%;
    font-size: 15px;
    clear: both;
    width: 100%;
    margin-bottom: 20px
}

    .faqTab ul, .faqTab ul li {
        margin: 0;
        padding: 0
    }

        .faqTab ul li, .faqTab ul li a {
            background: url(https://t1.daumcdn.net/gamepub/pub/pcbang/images/common/bg_tab_off.gif) no-repeat
        }

        .faqTab ul li {
            float: left;
            *width: 101px
        }

            .faqTab ul li a {
                display: inline-block;
                margin-right: -1px;
                width: 102px;
                padding: 14px 0 15px;
                text-align: center;
                background-position: 100% 0;
                color: #666;
                text-decoration: none
            }

                .faqTab ul li a:hover {
                    color: #45475c
                }

            .faqTab ul li.on, .faqTab ul li.on a {
                background-image: url(https://t1.daumcdn.net/gamepub/pub/pcbang/images/common/bg_tab_on.gif)
            }

                .faqTab ul li.on a {
                    color: #45475c;
                    font-weight: 700;
                    font-size: 18px;
                    width: 101px;
                    *width: 101px;
                    margin-right: 0;
                    *margin-right: 0
                }

.customer .srchNews {
    border: 4px solid #e2e2e2;
    padding: 14px 20px;
    background: #f6f6f6;
    position: relative;
    text-align: center;
    font-size: 12px;
    line-height: 1.5;
    color: #666
}

    .customer .srchNews input[type=text] {
        padding: 8px 10px;
        border: 1px solid #ccc;
        background: #fff;
        width: 400px;
        color: #666;
        font-size: 14px;
        margin-left: 15px
    }

    .customer .srchNews input[type=button], .customer .srchNews input[type=submit] {
        background: url(https://t1.daumcdn.net/gamepub/pub/pcbang/images/common/btn_board.gif) 0 0 no-repeat;
        width: 60px;
        height: 37px;
        border: 0;
        margin-left: 15px;
        cursor: hand
    }

    .customer .srchNews select {
        padding: 8px 10px;
        border: 1px solid #ccc;
        background: #fff;
        width: 100px;
        color: #666;
        font-size: 14px
    }

    .customer .srchNews #ddlSearchType input[type=radio] {
        margin-left: 10px;
        vertical-align: top
    }

.faq {
    position: relative
}

.faq_list {
    border-bottom: 4px solid #e2e2e2;
    border-top: 3px solid #e2e2e2;
    clear: both;
    margin-top: 30px
}

    .faq_list li {
        padding: 11px 0 14px 73px;
        text-align: left;
        border-top: 1px solid #e2e2e2;
        background: url(https://t1.daumcdn.net/gamepub/pub/pcbang/images/common/ico_comm.gif) -672px -360px no-repeat;
        position: relative;
        font-size: 14px
    }

        .faq_list li a {
            color: #494949
        }

            .faq_list li a:hover {
                font-weight: 700;
                color: #608ffb
            }

        .faq_list li.on .answer {
            border-top: 1px solid #e2e2e2;
            margin: 15px 0 -14px -73px;
            padding: 15px 20px 14px 73px;
            background: url(https://t1.daumcdn.net/gamepub/pub/pcbang/images/common/ico_comm.gif) -672px -398px no-repeat #f6f6f6;
            color: #666
        }

        .faq_list li.on a {
            color: #608ffb
        }

.regionSrch, .searchPC_list {
    position: relative
}

.regionSrch {
    *margin-bottom: -50px
}

.regionSrchTab {
    position: relative;
    font-size: 15px;
    clear: both;
    width: 100%;
    margin-bottom: 34px
}

    .regionSrchTab ul, .regionSrchTab ul li {
        margin: 0;
        padding: 0
    }

        .regionSrchTab ul li, .regionSrchTab ul li a {
            background: url(https://t1.daumcdn.net/gamepub/pub/pcbang/images/main/bg_tab_off.gif) no-repeat
        }

        .regionSrchTab ul li {
            float: left;
            margin-right: 3px;
            margin-bottom: -1px;
            *width: 115px
        }

            .regionSrchTab ul li a {
                display: inline-block;
                padding: 13px 0 16px;
                text-align: center;
                background-position: 100% 0;
                color: #666;
                text-decoration: none;
                margin-right: 0;
                width: 115px
            }

                .regionSrchTab ul li a:hover {
                    color: #45475c
                }

            .regionSrchTab ul li.on, .regionSrchTab ul li.on a {
                background-image: url(https://t1.daumcdn.net/gamepub/pub/pcbang/images/main/bg_tab_on.gif)
            }

                .regionSrchTab ul li.on a {
                    color: #45475c;
                    font-weight: 700;
                    padding: 13px 0 16px;
                    width: 115px
                }

.searchPC_list table {
    border-bottom: 3px solid #e2e2e2;
    border-top: 4px solid #e2e2e2
}

.searchPC_list td {
    border-bottom: 1px solid #e5e5e5;
    padding: 15px 0 12px;
    text-align: left;
    vertical-align: top
}

    .searchPC_list td .left {
        margin: 0 0 0 20px;
        position: relative
    }

        .searchPC_list td .left p {
            font-size: 14px;
            color: #494949;
            border-bottom: 1px solid #f0f0f0;
            font-weight: 700;
            padding-bottom: 16px
        }

        .searchPC_list td .left .btn_map {
            position: absolute;
            right: 0;
            top: -1px
        }

            .searchPC_list td .left .btn_map input[type=button], .searchPC_list td .left .btn_map input[type=submit] {
                border: 1px solid #ccc;
                background: url(https://t1.daumcdn.net/gamepub/pub/pcbang/images/common/bg_btn.gif) 0 100% repeat-x;
                color: #494949;
                font-size: 11px;
                text-align: center;
                padding: 2px 13px 0;
                margin-left: 10px;
                cursor: pointer;
                font-weight: 700;
                *margin-top: -2px;
                line-height: 1.5
            }

        .searchPC_list td .left dt {
            font-size: 11px;
            color: #9092a8;
            float: left;
            vertical-align: top;
            margin: 4px 0;
            width: 90px
        }

        .searchPC_list td .left dd {
            color: #5b5b5b;
            font-size: 13px;
            margin: 4px 0;
            padding: 3px 0 8px 100px;
            vertical-align: top;
            border-bottom: 1px solid #f0f0f0;
            line-height: 15px
        }

            .searchPC_list td .left dd img {
                border: none;
                padding: 5px 20px 7px 0;
                vertical-align: top
            }

    .searchPC_list td img {
        border: 1px solid #e2e2e2
    }

    .searchPC_list td a {
        color: #494949
    }

        .searchPC_list td a:hover {
            color: #608ffb
        }

h5 {
    color: #666
}

.txtBlue {
    color: #608ffb
}

.searchPC_view {
    position: relative;
    margin-top: 20px
}

    .searchPC_view table {
        border-bottom: 3px solid #e2e2e2;
        border-top: 4px solid #e2e2e2
    }

    .searchPC_view th {
        color: #4c4e63;
        padding: 13px 25px 12px 17px;
        background: #f6f6f6;
        font-size: 15px
    }

    .searchPC_view td, .searchPC_view th {
        border-bottom: 1px solid #e2e2e2;
        text-align: left
    }

    .searchPC_view td {
        padding: 10px 20px;
        font-size: 14px;
        color: #494949
    }

        .searchPC_view td.map {
            padding: 20px 0
        }

            .searchPC_view td.map img {
                border: 1px solid #e2e2e2
            }

.download {
    position: relative;
    margin-top: 20px
}

.download_list table {
    border-bottom: 1px solid #e2e2e2;
    border-top: 1px solid #e2e2e2
}

.download_list tr:first-child td {
    border-top: 0
}

.download_list td {
    border-top: 1px solid #e5e5e5;
    padding: 17px 0 18px;
    text-align: left;
    vertical-align: top
}

    .download_list td .left {
        margin: 0 0 0 30px;
        position: relative
    }

        .download_list td .left dt {
            font-size: 28px;
            color: #494949;
            border-bottom: 1px solid #f0f0f0;
            font-weight: 700;
            padding: 11px 0 16px
        }

        .download_list td .left dd {
            color: #666;
            font-size: 14px;
            padding: 14px 0 19px;
            vertical-align: top;
            line-height: 22px
        }

        .download_list td .left .btn_down {
            text-align: left;
            margin-top: 11px;
            display: block
        }

            .download_list td .left .btn_down [type=button], .download_list td .left .btn_down [type=submit] {
                border: 1px solid #4c4e63;
                background: #5f6072;
                color: #fff;
                font-size: 20px;
                text-align: center;
                padding: 8px 20px 10px;
                *padding: 8px 0 10px 0;
                cursor: hand
            }

                .download_list td .left .btn_down [type=button].btn2 {
                    height: 45px;
                    padding: 0 44px;
                    border: 1px solid #e04034;
                    font-size: 15px;
                    background: #f1685e;
                    margin-left: 10px;
                    font-weight: 700;
                    line-height: 45px
                }

.download .btn_down .ico_download {
    width: 14px;
    height: 11px;
    margin-top: 7px;
    background-position: 0 0
}

.download_list td .left .btn_down [type=submit].btn2 {
    border: 1px solid #e04034;
    background: #f1685e;
    margin-left: 10px;
    *width: 230px
}

.download_list td a {
    color: #494949
}

    .download_list td a:hover {
        color: #608ffb
    }

h5 {
    font-size: 15px;
    margin-bottom: 5px;
    color: #2d2d2d;
    font-weight: 700;
    margin-top: 40px
}

.etc, h5 {
    clear: both
}

.etc {
    font-size: 13px;
    letter-spacing: -.03em
}

.agreement, .etc {
    position: relative
}

    .etc h4 {
        margin-top: 43px;
        margin-bottom: 20px
    }

.subscript {
    margin-top: -10px
}

.index {
    position: relative;
    padding: 21px 25px;
    text-align: left;
    border: 1px solid #e2e2e2;
    background: #f6f6f6;
    margin-top: 24px
}

    .index dl, dd, dt {
        list-style: none;
        margin: 0;
        padding: 0
    }

    .index .dl, .index .dl dl {
        overflow: hidden
    }

        .index .dl dl {
            width: 200px
        }

        .index .dl .dl1 {
            float: left;
            width: 330px
        }

        .index .dl .dl2 {
            float: right;
            width: 320px
        }

        .index .dl dt {
            width: 50px;
            line-height: 25px;
            float: left
        }

        .index .dl dd {
            width: 270px;
            line-height: 25px;
            float: right;
            color: #333
        }

            .index .dl dd a {
                font-weight: 700
            }

    .index .ol {
        overflow: hidden
    }

        .index .ol ol {
            width: 300px;
            float: left
        }

        .index .ol li {
            line-height: 22px
        }

        .index .ol .first_letter {
            display: block;
            float: left;
            text-align: right;
            padding-right: 8px
        }

        .index .ol .ol1, .index .ol .ol2 {
            width: 50%
        }

            .index .ol .ol1 .first_letter {
                width: 14px
            }

            .index .ol .ol2 .first_letter {
                width: 18px
            }

        .index .ol a {
            font-weight: 700
        }

.privacy {
    position: relative;
    clear: both;
    color: #666
}

.section {
    padding: 19px 26px 0;
    text-align: justify
}

    .section li, .section p {
        line-height: 18px;
        position: relative
    }

    .section h4 img {
        margin: 28px 0 -15px -2px
    }

    .section h4 {
        color: #333;
        margin: 28px 0 8px;
        letter-spacing: -1px
    }

        .section h4 a {
            color: #333;
            text-decoration: none
        }

    .section .ex, .section ol {
        padding-left: 16px
    }

        .section ol .ex .first_letter, .section ol li .first_letter {
            margin: 0 4px 0 -14px
        }

        .section ol li ol {
            margin-bottom: 5px
        }

        .section ol li .end {
            margin: 3px 4px 0 -14px
        }

    .section ul {
        margin-top: 10px
    }

        .section ul li .first_letter {
            margin: 0 4px 0 -10px
        }

    .section .past {
        margin: 10px 0
    }

    .section em {
        color: #417c01
    }

    .section .u {
        text-decoration: underline;
        color: #6c99f0
    }

    .section ul {
        margin-bottom: -2px
    }

        .section ul.ex {
            padding-left: 16px
        }

            .section ul.ex .first_letter {
                margin-left: -9px
            }

        .section ul ul {
            margin: 0 0 10px 10px
        }

    .section .depth1 {
        margin-top: 5px
    }

    .section .depth2 {
        margin-bottom: 5px
    }

    .section .contact .col1 {
        width: 185px
    }

    .section .contact .col2 {
        width: 216px;
        padding-left: 0
    }

    .section .contact .col3 {
        width: 185px
    }

    .section .contact .col4 {
        padding-left: 0
    }

    .section table {
        border-left: 1px solid #e2e2e2;
        border-top: 1px solid #e2e2e2;
        margin: 10px 0
    }

    .section th {
        color: #4c4e63;
        background: #f6f6f6
    }

    .section td, .section th {
        border-right: 1px solid #e2e2e2;
        border-bottom: 1px solid #e2e2e2;
        text-align: center;
        padding: 10px
    }

    .section td {
        color: #494949
    }

.select_date {
    height: 45px;
    border-bottom: 0 solid #efefef
}

    .select_date .opt_game {
        float: right;
        position: relative;
        width: 222px;
        margin-top: 12px;
        border: 1px solid #ddd;
        background: #fff;
        font-size: 12px;
        line-height: 20px;
        letter-spacing: -1px
    }

        .select_date .opt_game .link_selected {
            display: block;
            overflow: hidden;
            height: 20px;
            padding: 2px 21px 0 11px;
            background: url(http://t1.kakaocdn.net/gamepub/icon/pcbang_policy_icon.png) no-repeat 100% -250px;
            text-decoration: none;
            color: #444;
            text-indent: 0
        }

        .select_date .opt_game .list_opt {
            display: none;
            position: absolute;
            left: -1px;
            top: 23px;
            float: left;
            width: 222px;
            margin: 0;
            padding: 0;
            border: 1px solid #ddd;
            border-top: 0;
            background: #fff;
            list-style: none
        }

        .select_date .opt_game li {
            float: left;
            width: 100%;
            margin: 0
        }

        .select_date .opt_game .link_option {
            display: block;
            padding: 3px 5px 3px 11px;
            line-height: 16px;
            text-decoration: none;
            color: #444;
            text-indent: 0
        }

            .select_date .opt_game .link_option:hover {
                background: #eee
            }

    .select_date .opt_open {
        z-index: 10
    }

        .select_date .opt_open .list_opt {
            display: block
        }

.btn_goPrev {
    text-align: center;
    margin-top: 100px
}

    .btn_goPrev input[type=button], .btn_goPrev input[type=submit] {
        border: 1px solid #4c4e63;
        background: #5f6072;
        color: #fff;
        font-size: 20px;
        text-align: center;
        padding: 8px 34px 10px;
        cursor: pointer;
        width: 200px;
        line-height: 1.5
    }

#popWrapLegacy {
    min-height: 300px;
    background-color: #f6f6f6
}

    #popWrapLegacy, #popWrapLegacy .pwCheck {
        position: relative
    }

        #popWrapLegacy .popTop {
            background: #608ffb;
            padding: 17px 20px 0;
            color: #fff;
            font-size: 21px;
            font-weight: 700;
            position: relative;
            height: 53px
        }

            #popWrapLegacy .popTop input[type=button], #popWrapLegacy .popTop input[type=submit] {
                position: absolute;
                top: 20px;
                right: 20px;
                background: url(/images/common/btn_close_pop.gif) 0 0 no-repeat;
                cursor: pointer;
                width: 31px;
                height: 31px;
                text-indent: -9999px;
                border: 0
            }

        #popWrapLegacy .popCont {
            position: relative;
            background: #f6f6f6;
            padding: 20px 20px 15px
        }

        #popWrapLegacy .popTitle, #popWrapLegacy .popTitle2 {
            color: #3b3b3b;
            font-size: 11px;
            margin-bottom: 8px;
            line-height: 120%
        }

        #popWrapLegacy .popTitle2 {
            margin-top: 20px
        }

        #popWrapLegacy .descript {
            border: 1px solid #d1d2d8;
            background: #fff;
            text-align: center;
            font-size: 11px;
            color: #747474;
            padding: 13px 15px 10px;
            margin: 20px 0 0
        }

        #popWrapLegacy .popBtn {
            position: relative;
            text-align: center;
            margin-top: 20px;
            clear: both
        }

            #popWrapLegacy .popBtn input[type=button], #popWrapLegacy .popBtn input[type=submit] {
                border: 1px solid #386be1;
                background: #4f81f5;
                color: #fff;
                font-size: 16px;
                text-align: center;
                padding: 2px 10px 6px;
                margin-left: 10px;
                cursor: pointer;
                font-weight: 700
            }

                #popWrapLegacy .popBtn input[type=button].btn2, #popWrapLegacy .popBtn input[type=submit].btn2 {
                    border: 1px solid #7a7a7a;
                    background: #fff;
                    color: #494949
                }

        #popWrapLegacy .popTxt_blue {
            color: #6c99f0
        }

        #popWrapLegacy .descript2, .de2 {
            border: 1px solid #d1d2d8;
            background: #fff;
            text-align: left;
            font-size: 11px;
            color: #747474;
            padding: 15px 15px 8px;
            margin: 0 0 20px
        }

            #popWrapLegacy .descript2 li, .de2 li {
                padding-left: 8px;
                margin-bottom: 5px;
                line-height: 120%
            }

                #popWrapLegacy .descript2 li a, .de2 li a {
                    text-decoration: underline;
                    color: #6c99f0
                }

        #popWrapLegacy .popCont .certification {
            position: relative;
            margin: 20px 0 30px;
            display: block;
            overflow: hidden
        }

            #popWrapLegacy .popCont .certification li {
                text-indent: -9999px;
                background: url(https://t1.daumcdn.net/gamepub/pub/pcbang/images/member/img_join.gif) 0 -1036px no-repeat;
                margin: 0 auto;
                cursor: pointer;
                width: 159px;
                height: 157px
            }

                #popWrapLegacy .popCont .certification li.phone {
                    background-position: 0 -1036px
                }

                #popWrapLegacy .popCont .certification li.ipin {
                    background-position: 0 -1213px
                }

                #popWrapLegacy .popCont .certification li.phone:hover {
                    background-position: -179px -1036px
                }

                #popWrapLegacy .popCont .certification li.ipin:hover {
                    background-position: -179px -1213px
                }

.refund {
    position: relative;
    margin-top: 14px
}

    .refund table {
        border-bottom: 3px solid #e2e2e2;
        border-top: 4px solid #e2e2e2
    }

    .refund th {
        color: #4c4e63;
        padding: 13px 0 12px;
        background: #f6f6f6;
        line-height: 120%
    }

    .refund td, .refund th {
        border-bottom: 1px solid #e2e2e2;
        font-size: 12px;
        letter-spacing: -1px
    }

    .refund td {
        padding: 10px 0;
        text-align: center;
        color: #494949
    }

        .refund td.money {
            padding-right: 10px;
            text-align: right
        }

        .refund td .modify {
            background: #608ffb;
            padding: 5px 23px;
            color: #fff;
            font-weight: 700
        }

        .refund td .not {
            background: #9898a8;
            padding: 5px 12px;
            color: #fff;
            font-weight: 700
        }

        .refund td a {
            text-decoration: none
        }

.refundInfoModify {
    position: relative
}

    .refundInfoModify table {
        border-bottom: 3px solid #e2e2e2;
        border-top: 4px solid #e2e2e2
    }

    .refundInfoModify th {
        color: #4c4e63;
        padding: 13px 0 12px 20px;
        background: #f6f6f6;
        font-size: 15px
    }

    .refundInfoModify td, .refundInfoModify th {
        border-bottom: 1px solid #e2e2e2;
        text-align: left
    }

    .refundInfoModify td {
        padding: 10px 0 10px 20px;
        font-size: 14px;
        color: #494949
    }

        .refundInfoModify td select {
            background: #fff;
            border: 1px solid #ccc;
            padding: 4px 10px 5px;
            margin: 10px 0
        }

        .refundInfoModify td input[type=text] {
            background: #fff;
            border: 1px solid #ccc;
            padding: 7px 10px 8px 8px;
            line-height: 120%
        }

        .refundInfoModify td input[type=password] {
            background: #fff;
            border: 1px solid #ccc;
            padding: 5px 10px 6px 8px;
            line-height: 120%
        }

        .refundInfoModify td input[type=button], .refundInfoModify td input[type=submit] {
            height: 28px;
            border: 1px solid #ccc;
            background: url(/images/common/bg_btn.gif) 0 100% repeat-x;
            color: #494949;
            font-size: 14px;
            text-align: center;
            padding: 0 13px;
            margin-left: 10px;
            cursor: pointer;
            font-weight: 700
        }

        .refundInfoModify td a {
            text-decoration: underline
        }

        .refundInfoModify td.money {
            padding-right: 50px;
            text-align: right
        }

        .refundInfoModify td .noti {
            font-size: 11px;
            color: #999;
            margin-left: 10px;
            margin-top: -2px;
            letter-spacing: -1px
        }

    .refundInfoModify .btn_goods #btn_Refund {
        margin-right: 10px
    }