/* Minification failed. Returning unminified contents.
(229,35): run-time error CSS1062: Expected semicolon or closing curly-brace, found ':'
(237,39): run-time error CSS1062: Expected semicolon or closing curly-brace, found ':'
(261,35): run-time error CSS1062: Expected semicolon or closing curly-brace, found ':'
(2647,25): run-time error CSS1046: Expect comma, found '97'
(2647,30): run-time error CSS1046: Expect comma, found ')'
(2685,25): run-time error CSS1046: Expect comma, found '97'
(2685,30): run-time error CSS1046: Expect comma, found ')'
(2721,25): run-time error CSS1046: Expect comma, found '97'
(2721,30): run-time error CSS1046: Expect comma, found ')'
(2844,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2970,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2976,22): run-time error CSS1039: Token not allowed after unary operator: '-swiper-navigation-size'
(2977,18): run-time error CSS1039: Token not allowed after unary operator: '-swiper-navigation-size'
(2978,32): run-time error CSS1039: Token not allowed after unary operator: '-swiper-navigation-size'
(2984,17): run-time error CSS1039: Token not allowed after unary operator: '-swiper-navigation-color'
(2984,47): run-time error CSS1039: Token not allowed after unary operator: '-swiper-theme-color'
(2995,25): run-time error CSS1039: Token not allowed after unary operator: '-swiper-navigation-size'
(3021,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3025,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3110,22): run-time error CSS1039: Token not allowed after unary operator: '-swiper-pagination-color'
(3110,52): run-time error CSS1039: Token not allowed after unary operator: '-swiper-theme-color'
(3159,26): run-time error CSS1039: Token not allowed after unary operator: '-swiper-pagination-color'
(3159,56): run-time error CSS1039: Token not allowed after unary operator: '-swiper-theme-color'
(3188,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3192,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3273,28): run-time error CSS1039: Token not allowed after unary operator: '-swiper-preloader-color'
(3273,57): run-time error CSS1039: Token not allowed after unary operator: '-swiper-theme-color'
(3279,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3283,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3397,1): run-time error CSS1019: Unexpected token, found '@import'
(3397,9): run-time error CSS1019: Unexpected token, found '"fonts.css"'
(6602,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(6603,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(6612,9): run-time error CSS1031: Expected selector, found '@keyframes'
(6612,9): run-time error CSS1025: Expected comma or open brace, found '@keyframes'
(9736,43): run-time error CSS1046: Expect comma, found '0'
(9736,47): run-time error CSS1046: Expect comma, found '/'
(9786,44): run-time error CSS1046: Expect comma, found '0'
(9786,48): run-time error CSS1046: Expect comma, found '/'
(9802,46): run-time error CSS1046: Expect comma, found '0'
(9802,50): run-time error CSS1046: Expect comma, found '/'
(16273,2330): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(16273,4932): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(16273,5044): run-time error CSS1039: Token not allowed after unary operator: '-swiper-navigation-size'
(16273,5091): run-time error CSS1039: Token not allowed after unary operator: '-swiper-navigation-size'
(16273,5142): run-time error CSS1039: Token not allowed after unary operator: '-swiper-navigation-size'
(16273,5263): run-time error CSS1039: Token not allowed after unary operator: '-swiper-navigation-color'
(16273,5293): run-time error CSS1039: Token not allowed after unary operator: '-swiper-theme-color'
(16273,5537): run-time error CSS1039: Token not allowed after unary operator: '-swiper-navigation-size'
(16273,6074): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(16273,6188): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(16273,7678): run-time error CSS1039: Token not allowed after unary operator: '-swiper-pagination-color'
(16273,7708): run-time error CSS1039: Token not allowed after unary operator: '-swiper-theme-color'
(16273,8940): run-time error CSS1039: Token not allowed after unary operator: '-swiper-pagination-color'
(16273,8970): run-time error CSS1039: Token not allowed after unary operator: '-swiper-theme-color'
(16273,9616): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(16273,9675): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(16273,10806): run-time error CSS1039: Token not allowed after unary operator: '-swiper-preloader-color'
(16273,10835): run-time error CSS1039: Token not allowed after unary operator: '-swiper-theme-color'
(16273,10933): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(16273,10992): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(16273,11022): run-time error CSS1019: Unexpected token, found '@keyframes'
(16273,11055): run-time error CSS1062: Expected semicolon or closing curly-brace, found '100%'
(16274,1): run-time error CSS1019: Unexpected token, found '@import'
(16274,9): run-time error CSS1019: Unexpected token, found '"fonts.css"'
(19478,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(19479,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(19488,9): run-time error CSS1031: Expected selector, found '@keyframes'
(19488,9): run-time error CSS1025: Expected comma or open brace, found '@keyframes'
 */
/* Minification failed. Returning unminified contents.
    (198,35): run-time error CSS1062: Expected semicolon or closing curly-brace, found ':'
    (206,39): run-time error CSS1062: Expected semicolon or closing curly-brace, found ':'
    (230,35): run-time error CSS1062: Expected semicolon or closing curly-brace, found ':'
    (2690,2330): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
    (2690,4932): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
    (2690,5044): run-time error CSS1039: Token not allowed after unary operator: '-swiper-navigation-size'
    (2690,5091): run-time error CSS1039: Token not allowed after unary operator: '-swiper-navigation-size'
    (2690,5142): run-time error CSS1039: Token not allowed after unary operator: '-swiper-navigation-size'
    (2690,5263): run-time error CSS1039: Token not allowed after unary operator: '-swiper-navigation-color'
    (2690,5293): run-time error CSS1039: Token not allowed after unary operator: '-swiper-theme-color'
    (2690,5537): run-time error CSS1039: Token not allowed after unary operator: '-swiper-navigation-size'
    (2690,6074): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
    (2690,6188): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
    (2690,7678): run-time error CSS1039: Token not allowed after unary operator: '-swiper-pagination-color'
    (2690,7708): run-time error CSS1039: Token not allowed after unary operator: '-swiper-theme-color'
    (2690,8940): run-time error CSS1039: Token not allowed after unary operator: '-swiper-pagination-color'
    (2690,8970): run-time error CSS1039: Token not allowed after unary operator: '-swiper-theme-color'
    (2690,9616): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
    (2690,9675): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
    (2690,10806): run-time error CSS1039: Token not allowed after unary operator: '-swiper-preloader-color'
    (2690,10835): run-time error CSS1039: Token not allowed after unary operator: '-swiper-theme-color'
    (2690,10933): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
    (2690,10992): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
    (2691,1): run-time error CSS1019: Unexpected token, found '@import'
    (2691,9): run-time error CSS1019: Unexpected token, found '"fonts.css"'
    (5888,1): run-time error CSS1019: Unexpected token, found '@keyframes'
    (5889,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
    (5898,9): run-time error CSS1031: Expected selector, found '@keyframes'
    (5898,9): run-time error CSS1025: Expected comma or open brace, found '@keyframes'
    */
@import "fonts.css";
@charset "utf-8";

/* reset */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0 none;
    font-size: 100%;
    vertical-align: baseline;
    line-height: 1.5;
    box-sizing: border-box;
}

body {
    width: 100%;
    position: relative;
    top: 0px !important;
    word-break: break-all;
    -ms-text-size-adjust: 100%;
    text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary {
    display: block
}

html {
    font-family: 'NotoSansKR-R', 'Dotum', '돋움', 'Apple SD Gothic Neo', sans-serif;
    font-size: 16px;
    color: #666;
    background-color: #fff;
}

h1, h2, h3, h4, h5, h6 {
    font-family: 'NotoSansKR-B', 'Dotum', '돋움', 'Apple SD Gothic Neo', sans-serif;
    font-weight: normal;
}

h1, h2, h3, h4, h5, h6, p, span, strong, b, em, i, q, mark, s, u {
    letter-spacing: -0.25px;
}

caption, legend {
    position: absolute;
    top: -9999px;
    left: -9999px;
    visibility: hidden;
    width: 0;
    height: 0;
    font-size: 0;
    overflow: hidden;
}

caption {
    display: none;
}

img {
    border: none;
    vertical-align: top
}

a {
    -webkit-tap-highlight-color: transparent;
}

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

i, em, address {
    font-style: normal;
    display: inline;
}

input, textarea, button, select, optgroup {
    margin: 0;
    vertical-align: middle;
    font: inherit;
    color: inherit
}

input, textarea, button, select {
    box-sizing: border-box
}

button {
    display: inline-block;
    border: 0;
    cursor: pointer;
    margin: 0;
    padding: 0;
    font-family: inherit;
    outline: none;
    overflow: visible;
    background: transparent;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

    button::-moz-focus-inner {
        padding: 0;
        border: 0
    }

abbr[title], dfn[title] {
    border-bottom: 1px dotted;
    cursor: help;
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

audio, canvas, progress, video {
    display: inline-block
}

    audio:not([controls]) {
        display: none;
        height: 0
    }

blockquote, q {
    quotes: none
}

    blockquote:before, blockquote:after, q:before, q:after {
        content: '';
    }

ins {
    background-color: #ff9;
    color: #000;
    text-decoration: none
}

mark {
    background: #ff0;
    color: #000
}

del {
    text-decoration: line-through
}

sub, sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
}

sup {
    top: -0.5em
}

sub {
    bottom: -0.25em
}

hr {
    display: block;
    margin: 0;
    padding: 0;
    border: 0;
}

a {
    color: inherit
}

    a, a:link, a:visited, a:active, a:hover {
        text-decoration: none;
    }

        a:hover {
            text-decoration: none;
        }

fieldset {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

label {
    vertical-align: middle
}

select, input[type='text'], input[type='password'], input[type='submit'], input[type='search'], input[type="reset"], input[type="button"], input[type="file"], input[type="reset"], button, textarea {
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: noneappearance:none;
    border-radius: 0;
    border: 0;
}

    input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration {
        -webkit-appearance: none;
        -moz-appearance: none;
        -ms-appearance: noneappearance:none;
    }

    button, select, input[type="radio"], input[type='submit']input[type="search"], input[type="button"] {
        overflow: visible;
        cursor: pointer
    }

input[type="checkbox"], input[type="radio"] {
    box-sizing: border-box;
    padding: 0;
}

input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button {
    height: auto;
}

textarea {
    resize: none;
}

select {
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: noneappearance: none;
}

    select::-ms-expand {
        display: none
    }

    select:focus, input:focus {
        outline: none;
    }

/* CLEAR FIX*/
.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden
}

.clearfix {
    display: inline-block
}

/* Hides from IE-mac \*/
* html .clearfix {
    height: 1%
}

.clearfix {
    display: block
}

/* font */
.fW-L {
    font-family: 'NotoSansKR-L';
}

.fW-R {
    font-family: 'NotoSansKR-R';
}

.fW-M {
    font-family: 'NotoSansKR-M';
}

.fW-B {
    font-family: 'NotoSansKR-B';
}

.fL {
    float: left;
}

.fR {
    float: right;
}

.posiR {
    position: relative;
}

.txA-C {
    text-align: center;
}

.txA-L {
    text-align: left;
}

.txA-R {
    text-align: right;
}

.txC-R {
    color: #E52F2F !important;
}

.txC-BU1 {
    color: #2F60E5 !important;
}

.txC-BU2 {
    color: #2559AC !important;
}

.blind {
    overflow: hidden !important;
    position: absolute !important;
    clip: rect(0 0 0 0) !important;
    width: 1px !important;
    height: 1px !important;
    margin: -1px !important;
}

.sp-re {
    font-size: 0;
}

.ic, .img {
    font-size: 0;
}

.dispN {
    display: none !important;
}

.mT05 {
    margin-top: 5px !important;
}

.mT10 {
    margin-top: 10px !important;
}

.mT15 {
    margin-top: 15px !important;
}

.mT20 {
    margin-top: 20px !important;
}

.mT30 {
    margin-top: 30px !important;
}

.mT40 {
    margin-top: 40px !important;
}

.mR05 {
    margin-right: 05px !important;
}

.mR10 {
    margin-right: 10px !important;
}

.mR20 {
    margin-right: 20px !important;
}

.mR30 {
    margin-right: 30px !important;
}

.mR40 {
    margin-right: 40px !important;
}

.mB05 {
    margin-bottom: 5px !important;
}

.mB10 {
    margin-bottom: 10px !important;
}

.mB20 {
    margin-bottom: 20px !important;
}

.mB30 {
    margin-bottom: 30px !important;
}

.mB40 {
    margin-bottom: 40px !important;
}

.mL05 {
    margin-left: 5px !important;
}

.mL10 {
    margin-left: 10px !important;
}

.mL20 {
    margin-left: 20px !important;
}

.mL30 {
    margin-left: 30px !important;
}

.mL40 {
    margin-left: 40px !important;
}

.tx.noti {
    font-size: 13px;
    color: #000;
    text-align: center;
}


/* -------------------- popup -------------------- */
.pop-con input[type='text'],
.pop-con input[type='password'],
.pop-con input[type='submit'],
.pop-con input[type='email'],
.pop-con input[type='number'],
.pop-con input[type='search'],
.pop-con textarea,
.pop-con .select-box {
    font-size: 20px;
}

.pop-con input[type='text'],
.pop-con input[type='password'],
.pop-con input[type='submit'],
.pop-con input[type='email'],
.pop-con input[type='number'],
.pop-con input[type='search'],
.pop-con .select-box {
    display: inline-block;
    height: 52px;
}

.pop-con input[type='text'],
.pop-con input[type='password'],
.pop-con input[type='submit'],
.pop-con input[type='email'],
.pop-con input[type='number'],
.pop-con input[type='search'],
.pop-con textarea {
    padding: 5px 20px 6px;
}

.pop-con .select-box label {
    line-height: 52px;
    padding: 0 20px 0;
}

.popWpper {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 3000;
}

    .popWpper .dim {
        width: 100%;
        height: 100%;
        background-color: rgba(0, 0, 0, 0.5);
        position: absolute;
        top: 0;
        left: 0;
    }

.popContainer {
    height: auto;
    background-color: #fff;
    border: 1px solid #E2E2E2;
    box-shadow: 0 -1px 12px rgba(0, 0, 0, 0.12);
    position: absolute;
    z-index: 3000;
}

    .popContainer .close {
        width: 75px;
        height: 75px;
        background: url(//blob.wifidosirak.com/wm-d01/dosirakmobile/images/PC-pop_ic_close.png) no-repeat center / 26px;
        position: absolute;
        top: 0;
        right: 0;
    }

    .popContainer.center {
        width: 100%;
        max-width: 800px;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
    }

    .popContainer.bottom {
        width: 100%;
        max-width: 540px;
        padding: 28px 20px 22px;
        border-top-left-radius: 6px;
        border-top-right-radius: 6px;
        bottom: 0%;
        right: 50%;
        -webkit-transform: translateX(50%);
        -ms-transform: translateX(50%);
        -moz-transform: translateX(50%);
        -o-transform: translateX(50%);
        transform: translateX(50%);
    }

    .popContainer.fixedBtm {
        right: 0;
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        -moz-transform: translateX(0);
        -o-transform: translateX(0);
        transform: translateX(0);
    }

.popWP.noTit {
    padding-top: 20px;
}

.popWP.noBody .popContTit {
    padding-bottom: 5px;
}

.popContTit {
    text-align: left;
}

    .popContTit .tit {
        font-family: 'NotoSansKR-B';
        font-size: 22px;
        color: #333;
    }

    .popContTit .txt {
        padding-top: 8px;
        font-size: 14px;
        color: #888;
    }
    /* 210401 수정 */
    .popContTit + .popBody {
        padding: 24px 40px 0;
        min-width: 700px;
        max-height: 700px;
        overflow-y: auto;
    }
/* 210401 수정 end */
.popContainer.bottom .popContTit + .popBody {
    margin-top: 30px;
}

.popContTit.line {
    display: block;
    padding: 25px 40px;
    background: #f7d05d;
}

.popBody {
    width: 100%;
}

    .popBody .licenseAr {
        display: block;
        width: 100%;
        margin-bottom: 20px;
        overflow: hidden;
    }

        .popBody .licenseAr li {
            display: inline-block;
            width: 49%;
            float: left;
            border: 1px solid #3a68b2;
        }

            .popBody .licenseAr li:last-child {
                margin-left: 2%;
            }

            .popBody .licenseAr li .titBlue {
                display: block;
                width: 100%;
                height: 35px;
                line-height: 35px;
                font-size: 16px;
                color: #fff;
                background: #3a68b2;
            }

            .popBody .licenseAr li .imgAr {
                display: block;
                width: 100%;
                height: 210px;
                padding: 20px 0;
                margin: auto;
                text-align: center;
                vertical-align: middle;
            }

                .popBody .licenseAr li .imgAr.face {
                    padding: 32px 0;
                }

.popWP .btnAr.btm {
    margin-top: 20px;
}

.popBtm {
    margin-top: 10px;
    margin-bottom: -5px;
    text-align: right;
}

/* -------------------- layout -------------------- */
/* 컨텐츠 */
html {
    width: 100%;
    height: 100%;
}

body {
    width: 100%;
    /*height: 100%;*/
    font-size: 16px;
    line-height: 1.5;
    background-color: #fff;
}

.wrap {
    width: 100%;
    -webkit-overflow-scrolling: touch;
}

.wTy1 {
    width: 1280px;
    margin: auto;
}

.wTy2 {
    max-width: 960px;
    margin: auto;
}

.wTy3 {
    max-width: 520px;
    margin: auto;
}

.wrap:not(.mainPage) {
    overflow: hidden;
}

.wrap.subPage .container {
    background-color: #fff;
}

.contents {
    padding-top: 20px;
}

.wrap .contents.pT-0,
.wrap .contents.pT-0 {
    padding-top: 0;
}

.wrap .contents.pT-ty01,
.wrap .contents.pT-ty01 {
    padding-top: 40px;
}

.wrap .contents.pT-ty02,
.wrap .contents.pT-ty02 {
    padding-top: 60px;
}

.wrap.subPage .tabWp.line {
    background-color: #F8F8F8;
    border-top-width: 0;
}

.contents {
    margin-right: auto;
    margin-left: auto;
    box-sizing: border-box;
}

    .contents.wTy2 {
        padding-left: 10px;
        padding-right: 10px;
    }

.contTit {
    margin-top: 0;
    margin-bottom: 40px;
    text-align: center;
    color: #000;
}

    .contTit .tit {
        font-family: 'NotoSansKR-M';
        font-size: 18px;
    }

    .contTit .txt {
        margin-top: 6px;
        font-size: 14px;
    }

        .contTit .txt.txC-GY {
            color: #999;
        }

.content {
    margin-bottom: 40px;
}

    .content:last-child {
        margin-bottom: 0;
    }

    .content .contTit {
        margin-bottom: 30px;
    }

.container.GY {
    background-color: #F2F2F3;
}

/* ------------------- style ------------------- */
/* 메인페이지 */
.mainPage {
    min-width: 1280px;
}

.subPage {
    min-width: 1280px;
}

.mainVisualAr {
    width: 100%;
    height: 400px;
    margin: auto;
    z-index: -10;
    position: relative;
    /*margin-bottom: 30px;*/
}

.mainCon.country-sel .country.search {
    width: 100%;
    padding: 20px 0 20px;
    line-height: 0;
}

    .mainCon.country-sel .country.search .inp {
        height: 42px;
    }

.mainConAr.countryAr .confirm {
    position: fixed;
    left: 0;
    bottom: 54px;
    z-index: 1;
}

.sectionTit {
    display: block;
    text-align: center;
    font-size: 30px;
    color: #333;
    font-weight: bold;
    padding: 50px 0 20px;
}

.mainTabAr {
    width: 100%;
    margin: auto;
    text-align: center;
    position: relative;
    margin-top: 40px;
}

.mainTab {
    width: 1100px;
    display: inline-block;
}

    .mainTab li {
        background: #fff;
        font-size: 22px;
        width: 33.3%;
        text-align: center;
        float: left;
        vertical-align: middle;
        padding: 10px 0;
        color: #333;
        cursor: pointer;
        line-height: normal;
        border: 1px solid #ddd;
        box-sizing: border-box;
    }

        .mainTab li.current {
            background: #3a68b2;
            color: #fff;
            font-weight: bold;
            border: 1px solid #3a68b2;
            position: relative;
        }

        .mainTab li:first-child {
            margin-left: 2px;
        }

        .mainTab li:nth-of-type(n+2) {
            margin-left: -1px;
        }

        .mainTab li.current span {
            position: absolute;
            top: 52px;
            left: 170px;
            display: block;
            width: 23px;
            height: 11px;
            background: url('//blob.wifidosirak.com/wm-d01/dosirakmobile/images/tab_on_img.png') no-repeat 0 0;
            z-index: 11;
        }

        .mainTab li.current p {
            position: absolute;
            top: -38px;
            left: 147px;
            display: block;
            width: 68px;
            height: 44px;
            background: url('//blob.wifidosirak.com/wm-d01/dosirakmobile/images/sirakTab.png') no-repeat 0 0;
        }

.mainTab-contentWrap {
    display: block;
    position: relative;
    width: 100%;
    overflow-y: auto;
    padding-top: 20px;
    margin: auto;
}

.mainTab-content {
    display: none;
    width: 1100px;
    margin: auto;
    position: relative;
}

    .mainTab-content.current {
        display: inherit;
    }

.rangeAr {
    width: 1100px;
    margin: auto;
    margin-top: 60px;
    position: relative;
    padding: 10px 50px 30px;
    overflow: hidden;
}

    .rangeAr > div {
        width: 70%;
        float: left;
    }

        .rangeAr > div:nth-of-type(n+2) {
            width: 30%;
            text-align: center;
        }

    .rangeAr .rangeSection {
        width: 100%;
        margin: auto;
        position: relative;
    }

        .rangeAr .rangeSection .mainTit {
            font-size: 25px;
            color: #333;
            font-weight: lighter;
            display: inline-block;
        }
        /* 210319 수정 */
        .rangeAr .rangeSection .info {
            font-size: 20px;
            color: #3a68b2;
            font-weight: lighter;
            display: inline-block;
            position: relative;
        }

            .rangeAr .rangeSection .info .tooltiptext {
                visibility: hidden;
                display: inline-block;
                width: 200px;
                background-color: #fff;
                color: #333;
                font-size: 12px;
                line-height: 120%;
                text-align: left;
                padding: 5px;
                border-radius: 2px;
                border: 1px solid #c2c2c2;
                /* Position the tooltip text - see examples below! */
                position: absolute;
                margin-left: 10px;
                z-index: 11;
                top: 30px;
                left: -500%;
            }

            .rangeAr .rangeSection .info:hover .tooltiptext {
                visibility: visible;
            }

        .rangeAr .rangeSection .subTxt {
            font-size: 16px;
            color: #333;
            font-weight: lighter;
            display: inline-block;
        }

        .rangeAr .rangeSection .plusAr {
            position: absolute;
            color: #3a68b2;
            top: 40px;
            font-weight: bold;
            font-size: 25px;
        }

        .rangeAr .rangeSection .onPop {
            display: none;
            position: absolute;
            font-size: 14px;
            left: 50%;
            top: 85px;
            padding: 8px 10px;
            text-align: center;
            background: #fff;
            color: #333;
            border: 1px solid #3a68b2;
            white-space: nowrap;
            opacity: 1;
            visibility: visible;
            z-index: 1000;
            -moz-transform: translateX(-50%);
            -ms-transform: translateX(-50%);
            -o-transform: translateX(-50%);
            transform: translateX(-50%);
            -moz-transition: visibility .25s, opacity .25s;
            -ms-transition: visibility .25s, opacity .25s;
            -o-transition: visibility .25s, opacity .25s;
            transition: visibility .25s, opacity .25s;
        }

            .rangeAr .rangeSection .onPop:after {
                content: '';
                position: absolute;
                top: -8px;
                left: 43%;
                display: block;
                width: 17px;
                height: 8px;
                background: url('//blob.wifidosirak.com/wm-d01/dosirakmobile/images/toggleOn_img.png') no-repeat 0 0;
                z-index: 11;
            }

    .rangeAr input[type=range] {
        display: block;
    }

#slider-max {
    position: relative;
    display: block;
}

    #slider-max .numWrap {
        position: absolute;
        z-index: 10;
        top: 12px;
        -ms-user-select: none;
        -moz-user-select: -moz-none;
        -webkit-user-select: none;
        -khtml-user-select: none;
        user-select: none;
        pointer-events: none;
    }

        #slider-max .numWrap .sliderNum {
            display: block;
            width: 70px;
            text-align: left;
            font-size: 11px;
            color: #fff;
            display: inline-block;
        }

            #slider-max .numWrap .sliderNum:nth-of-type(n+2) {
                width: 57px;
            }

.rangeAr .rangeSection .priceGuide {
    display: block;
    position: relative;
}

    .rangeAr .rangeSection .priceGuide > span {
        display: inline-block;
        font-size: 7px;
        text-align: center;
        color: #c2c2c2;
        margin-left: 18px;
        font-weight: 100;
        width: 140px;
    }

        .rangeAr .rangeSection .priceGuide > span:nth-of-type(2),
        .rangeAr .rangeSection .priceGuide > span:nth-of-type(4) {
            font-size: 14px;
            color: #3a68b2;
            margin-left: 0px;
            width: 80px;
            font-weight: bold;
        }

        .rangeAr .rangeSection .priceGuide > span:nth-of-type(3) {
            margin-left: 0px;
            width: 280px;
        }

        .rangeAr .rangeSection .priceGuide > span.priceArrow {
            display: inline-block;
            border-top: 1px dashed #c2c2c2;
            position: relative;
            top: -4px;
        }

            .rangeAr .rangeSection .priceGuide > span.priceArrow::after {
                content: "";
                display: block;
                width: 4px;
                height: 4px;
                border-top: 1px solid #c2c2c2;
                border-right: 1px solid #c2c2c2;
                -webkit-transform: rotate(45deg);
                transform: rotate(45deg);
                position: absolute;
                right: 0px;
                top: 50%;
                margin-top: -3px;
            }

    .rangeAr .rangeSection .priceGuide p {
        font-size: 14px;
        color: #333;
        margin: auto;
        text-align: center;
        color: #3a68b2;
        font-weight: bold;
    }

.range-slider {
    position: relative;
    box-sizing: border-box;
    padding: 10px 0;
    font-family: Arial, sans-serif;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

    .range-slider * {
        box-sizing: border-box;
    }

    .range-slider .rs-hidden {
        opacity: 0 !important;
    }

    .range-slider .rs-bar {
        position: relative;
        width: 100%;
        height: 3px;
        background: lightgrey;
        cursor: pointer;
    }

    .range-slider .rs-progress {
        width: 0;
        height: 100%;
    }

        .range-slider .rs-progress::before { /* helper to fill left part of the bar with same color */
            content: "";
            display: block;
            position: relative;
            left: -7px;
            width: 8px;
            min-height: 100%;
        }

    .range-slider .rs-wrap {
        position: absolute;
        left: 7px;
        right: 7px;
    }

    .range-slider > .rs-bar > .rs-wrap {
        top: 0;
        bottom: 0;
        z-index: 9;
    }

    .range-slider .rs-handle {
        position: absolute;
        width: 14px;
        height: 14px;
        margin-left: -7px;
        margin-top: -7px;
        left: 0;
        top: 50%;
    }

    /* DESIGNS */
    .range-slider.rs-design-3d .rs-bar {
        height: 14px;
        border-radius: 40px;
        border: 1px solid #ddd;
        background: #c2c2c2;
    }

        .range-slider.rs-design-3d .rs-bar::after {
            content: "";
            position: absolute;
            left: -3px;
            right: -3px;
            top: -3px;
            bottom: -3px;
            border-radius: 40px;
            z-index: -1;
            /* background: -moz-linear-gradient(top, #ececec 0%, #fefefe 100%) !important;
    background: -webkit-linear-gradient(top, #ececec 0%, #fefefe 100%) !important;
    background: -o-linear-gradient(top, #ececec 0%, #fefefe 100%) !important;
    background: -ms-linear-gradient(top, #ececec 0%, #fefefe 100%) !important;
    background: linear-gradient(to bottom, #ececec 0%, #fefefe 100%) !important; */
        }

    .range-slider.rs-design-3d .rs-progress {
        border-radius: 0 40px 40px 0;
    }

        .range-slider.rs-design-3d .rs-progress::before {
            left: -11px;
            width: 12px;
            border-radius: 40px 0 0 40px;
        }

    .range-slider.rs-design-3d .rs-handle {
        width: 22px;
        height: 22px;
        margin-left: -11px;
        margin-top: -11px;
        border-radius: 5px;
        background: -moz-linear-gradient(bottom, #e2e2e2 0%, #fefefe 100%) !important;
        background: -webkit-linear-gradient(bottom, #e2e2e2 0%, #fefefe 100%) !important;
        background: -o-linear-gradient(bottom, #e2e2e2 0%, #fefefe 100%) !important;
        background: -ms-linear-gradient(bottom, #e2e2e2 0%, #fefefe 100%) !important;
        background: linear-gradient(to top, #e2e2e2 0%, #fefefe 100%) !important;
        -webkit-box-shadow: 0 2px 6px rgba(0,0,0,0.4);
        -moz-box-shadow: 0 2px 6px rgba(0,0,0,0.4);
        box-shadow: 0 2px 6px rgba(0,0,0,0.4);
    }

    .range-slider.rs-design-3d.rs-active .rs-handle {
        -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.4);
        -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.4);
        box-shadow: 0 1px 3px rgba(0,0,0,0.4);
    }

    .range-slider.rs-design-3d .rs-handle::after {
        content: "";
        position: absolute;
        top: 3px;
        bottom: 3px;
        left: 3px;
        right: 3px;
        border-radius: 3px;
        z-index: 30;
        background: -moz-linear-gradient(top, #fff 0%, #fefefe 100%) !important;
        background: -webkit-linear-gradient(top, #fff 0%, #fefefe 100%) !important;
        background: -o-linear-gradient(top, #fff 0%, #fefefe 100%) !important;
        background: -ms-linear-gradient(top, #fff 0%, #fefefe 100%) !important;
        background: linear-gradient(to bottom, #fff 0%, #fefefe 100%) !important;
    }

    .range-slider.rs-design-3d .rs-wrap {
        left: 11px;
        right: 11px;
    }

    /* SIZES */
    .range-slider.rs-size-medium {
        font-size: 12px;
    }

    .range-slider.rs-size-small {
        font-size: 11px;
    }

    .range-slider.rs-size-large {
        font-size: 14px;
    }

    .range-slider.rs-size-small .rs-bar {
        height: 2px;
    }

    .range-slider.rs-size-small .rs-wrap {
        left: 5px;
        right: 5px;
    }

    .range-slider.rs-size-small .rs-handle {
        width: 10px;
        height: 10px;
        margin-left: -5px;
        margin-top: -5px;
    }

    .range-slider.rs-size-large .rs-bar {
        height: 4px;
    }

    .range-slider.rs-size-large .rs-wrap {
        left: 10px;
        right: 10px;
    }

    .range-slider.rs-size-large .rs-handle {
        width: 20px;
        height: 20px;
        margin-left: -10px;
        margin-top: -10px;
    }

    .range-slider.rs-design-2d.rs-size-small .rs-progress::before {
        left: -5px;
        width: 6px;
    }

    .range-slider.rs-design-3d.rs-size-small .rs-bar {
        height: 9px;
    }

    .range-slider.rs-design-3d.rs-size-small .rs-progress::before {
        left: -8px;
        width: 9px;
    }

    .range-slider.rs-design-3d.rs-size-small .rs-handle {
        width: 16px;
        height: 16px;
        margin-left: -8px;
        margin-top: -8px;
        border-radius: 3px;
    }

        .range-slider.rs-design-3d.rs-size-small .rs-handle::after {
            top: 2px;
            bottom: 2px;
            left: 2px;
            right: 2px;
            border-radius: 2px;
        }

    .range-slider.rs-design-3d.rs-size-small .rs-wrap {
        left: 8px;
        right: 8px;
    }

    .range-slider.rs-design-2d.rs-size-large .rs-progress::before {
        left: -10px;
        width: 11px;
    }

    .range-slider.rs-design-3d.rs-size-large .rs-bar {
        height: 26px;
    }

    .range-slider.rs-design-3d.rs-size-large .rs-progress::before {
        left: -16px;
        width: 17px;
    }

    .range-slider.rs-design-3d.rs-size-large .rs-bar::after {
        left: -4px;
        right: -4px;
        top: -4px;
        bottom: -4px;
    }

    .range-slider.rs-design-3d.rs-size-large .rs-handle {
        width: 34px;
        height: 34px;
        margin-left: -17px;
        margin-top: -17px;
        border-radius: 6px;
    }

    .range-slider.rs-design-3d.rs-size-large .rs-wrap {
        left: 16px;
        right: 16px;
    }

/* THEMES */
.rs-handle {
    background: lightgrey;
}

.rs-theme-default .rs-handle,
.rs-theme-default.rs-design-3d .rs-progress,
.rs-theme-default.rs-design-3d .rs-progress::before {
    background: deepskyblue;
}


.rs-theme-positive .rs-handle,
.rs-theme-positive.rs-design-3d .rs-progress,
.rs-theme-positive.rs-design-3d .rs-progress::before {
    background: limegreen;
}


.rs-theme-attention .rs-handle,
.rs-theme-attention.rs-design-3d .rs-progress,
.rs-theme-attention.rs-design-3d .rs-progress::before {
    background: #f7d05d;
}

    .rs-theme-attention.rs-design-3d .rs-progress,
    .rs-theme-attention.rs-design-3d .rs-progress::before {
        opacity: 1;
    }

/* HANDLE SHAPE */
/* round */
.range-slider.rs-handle-round .rs-handle {
    border-radius: 50px !important;
}

    .range-slider.rs-handle-round .rs-handle::after {
        border-radius: 50px !important;
    }


/* rect medium 3d */
.range-slider.rs-handle-rect.rs-design-3d .rs-progress::before {
    left: -6px;
    width: 7px;
}

.range-slider.rs-handle-rect.rs-design-3d .rs-handle {
    width: 12px;
    margin-left: -6px;
    border-radius: 3px;
}

    .range-slider.rs-handle-rect.rs-design-3d .rs-handle::after {
        top: 2px;
        bottom: 2px;
        left: 2px;
        right: 2px;
        border-radius: 2px;
    }

.range-slider.rs-handle-rect.rs-design-3d .rs-wrap {
    left: 6px;
    right: 6px;
}
/* rect small 3d */
.range-slider.rs-handle-rect.rs-size-small.rs-design-3d .rs-progress::before {
    left: -5px;
    width: 6px;
}

.range-slider.rs-handle-rect.rs-size-small.rs-design-3d .rs-handle {
    width: 10px;
    margin-left: -5px;
}

.range-slider.rs-handle-rect.rs-size-small.rs-design-3d .rs-wrap {
    left: 5px;
    right: 5px;
}
/* rect large 3d */
.range-slider.rs-handle-rect.rs-size-large.rs-design-3d .rs-progress::before {
    left: -8px;
    width: 9px;
}

.range-slider.rs-handle-rect.rs-size-large.rs-design-3d .rs-handle {
    width: 16px;
    margin-left: -8px;
    border-radius: 4px;
}

    .range-slider.rs-handle-rect.rs-size-large.rs-design-3d .rs-handle::after {
        top: 3px;
        bottom: 3px;
        left: 3px;
        right: 3px;
        border-radius: 3px;
    }

.range-slider.rs-handle-rect.rs-size-large.rs-design-3d .rs-wrap {
    left: 8px;
    right: 8px;
}

/* POPUP */
.range-slider .rs-popup {
    position: absolute;
    left: 50%;
    padding: 8px 10px;
    text-align: center;
    background: #fff;
    color: #333;
    border: 1px solid #3a68b2;
    white-space: nowrap;
    opacity: 1;
    visibility: visible;
    z-index: 1000;
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    -moz-transition: visibility .25s, opacity .25s;
    -ms-transition: visibility .25s, opacity .25s;
    -o-transition: visibility .25s, opacity .25s;
    transition: visibility .25s, opacity .25s;
}

    .range-slider .rs-popup.rs-hidden {
        visibility: hidden; /* to ignore mouse events on hidden popup */
    }

    .range-slider .rs-popup::after {
        content: "";
        position: absolute;
        left: 50%;
        border-left: 7px solid transparent;
        border-right: 7px solid transparent;
    }

.range-slider .rs-popup-top::after {
    top: 100%;
    border-top: 7px solid #3a68b2;
}

.range-slider .rs-popup-bottom::after {
    bottom: 100%;
    border-bottom: 7px solid #3a68b2;
}

.range-slider.rs-size-small .rs-popup-top {
    bottom: 180%;
}

.range-slider.rs-size-small .rs-popup-bottom {
    top: 180%;
}

.range-slider.rs-size-medium .rs-popup-top {
    bottom: 165%;
}

.range-slider.rs-size-medium .rs-popup-bottom {
    top: 165%;
}

.range-slider.rs-size-large .rs-popup-top {
    bottom: 125%;
}

.range-slider.rs-size-large .rs-popup-bottom {
    top: 130%;
}

.range-slider.rs-size-small .rs-popup {
    font-size: 12px;
}

    .range-slider.rs-size-small .rs-popup::after {
        margin-left: -6px;
        border-width: 6px;
    }

.range-slider.rs-size-medium .rs-popup {
    font-size: 10px;
}

    .range-slider.rs-size-medium .rs-popup::after {
        margin-left: -7px;
        border-width: 7px;
    }

.range-slider.rs-size-large .rs-popup {
    font-size: 14px;
    font-weight: bold;
}

    .range-slider.rs-size-large .rs-popup::after {
        margin-left: -7px;
        border-width: 8px;
    }


.rangeAr .rangeSection .priceBenefit > span {
    display: inline-block;
    font-size: 12px;
    text-align: center;
    color: #333;
    font-weight: 100;
    margin-top: 15px;
}

    .rangeAr .rangeSection .priceBenefit > span:nth-of-type(n+2) {
        margin-left: 5px;
    }

.rangeAr .rangeSection .priceBenefit > p {
    display: inline-block;
    font-size: 18px;
    text-align: center;
    color: #333;
    font-weight: bold;
    margin-top: 15px;
}

/* 네비게이션 */
header {
    display: block;
    width: 100%;
    position: absolute;
    left: 0;
    z-index: 100;
    overflow: hidden;
}

    header .headerWrap {
        width: 100%;
        position: relative;
        background: rgba(0,0,0,0.8);
    }

    header .navWp {
        display: block;
        width: 1100px;
        height: 60px;
        margin: auto;
        position: relative;
    }

    header a {
        color: #666;
    }

        header a:hover {
            color: #f7d05d;
        }

        header a.on {
            color: #f7d05d;
        }

    header h1 {
        float: left;
        padding: 0 108px 0 0;
    }

        /*header h1 a {
    display: block;
    width: 100px;
    height: 32px;
    background: url("//blob.wifidosirak.com/wm-d01/dosirakmobile/images/mainLogo.png") no-repeat 0 center;
    height: 60px;
    line-height: 60px;
    color: transparent;
    }*/

        header h1 a:hover {
            color: transparent;
        }

    header nav a {
        display: block;
        position: relative;
        height: 60px;
        line-height: 60px;
        font-size: 16px;
        font-weight: bold;
    }

    header .close,
    header .all,
    header .navWp > div > div,
    header .nav .navTit {
        display: none;
        color: #fff;
        font-weight: lighter;
        font-size: 18px;
        line-height: 20px;
    }

    header .navWp .headerRight {
        display: block;
        position: absolute;
        top: 0;
        right: 0;
        text-align: center;
        height: 200px;
    }

        header .navWp .headerRight i {
            font-size: 20px;
            vertical-align: middle;
        }

        header .navWp .headerRight li {
            display: inline-block;
            width: 50px;
            height: 60px;
            line-height: 60px;
            position: relative;
        }

            header .navWp .headerRight li ul {
                position: absolute;
                display: none;
                border-radius: 10px;
                background-color: #fff;
                padding: 10px;
                width: 130px;
                height: 130px;
                top: 50px;
                box-shadow: 2px 2px 2px rgba(0,0,0,0.3);
            }

                header .navWp .headerRight li ul li {
                    display: block;
                    text-align: center;
                    width: 100%;
                    height: 35px;
                    line-height: 35px;
                }

                    header .navWp .headerRight li ul li a {
                        font-size: 15px;
                        color: #333;
                        text-align: center;
                    }

                        header .navWp .headerRight li ul li a:hover {
                            font-weight: bold;
                        }

    header .navWp > div {
        float: left;
    }

        header .navWp > div nav li {
            float: left;
            margin: 0 45px 0 0;
        }

            header .navWp > div nav li:last-child {
                margin: 0;
            }

    header > ul {
        float: right;
        padding: 51px 40px 0 0;
    }

        header > ul li {
            float: left;
            margin-left: -1px;
        }

            header > ul li a {
                display: block;
                width: 96px;
                height: 38px;
                line-height: 38px;
                text-align: center;
                font-size: 11px;
            }

            header > ul li:first-child a {
                border-radius: 3px 0 0 3px;
            }

            header > ul li:nth-last-of-type(2) a {
                border-radius: 0 3px 3px 0;
            }

            header > ul li.join {
                padding: 0 0 0 10px;
            }

                header > ul li.join a {
                    background: rgba(255,255,255,0.2);
                }

    header .gnb li ul {
        display: none;
        width: auto;
        position: absolute;
        margin: auto;
    }

    header .gnb li:nth-of-type(6) ul {
        margin-left: -10%;
    }

    header .gnb li ul.on {
        display: block;
    }

    header .gnb li ul li {
        margin: 0 20px 0 0;
    }

        header .gnb li ul li a {
            display: inline-block;
            height: 58px;
            line-height: 58px;
            font-size: 15px;
            color: #333;
            font-weight: lighter;
        }

            header .gnb li ul li a:hover {
                font-weight: bold;
            }

    header .subGnb {
        display: none;
        width: 100%;
        background-color: rgba(256,256,256,0.8);
        height: 58px;
        line-height: 58px;
    }

        header .subGnb.on {
            display: block;
            overflow: hidden;
        }

    header .myList {
        display: none;
        width: 100%;
        height: 130px;
    }

        header .myList.on {
            display: block;
            overflow: hidden;
        }


/* 마이페이지 */
.myPageAr {
    margin: 0 auto 0;
    font-size: 0;
    text-align: center;
}

    .myPageAr .myBtn {
        width: 22%;
        max-width: 220px;
        min-width: 10px;
        height: 120px;
        margin: 5px;
        border-radius: 5px;
        background-color: #fff;
        border-bottom: 1px solid #DEDEDE;
        box-shadow: 0 1px 3px rgba(0, 0, 0, 0.06);
    }

        .myPageAr .myBtn .tx {
            font-family: 'NotoSansKR-M';
            font-size: 15px;
            color: #073277;
        }

            .myPageAr .myBtn .tx:before {
                content: '';
                display: block;
                width: 60px;
                height: 60px;
                margin: auto;
                background-repeat: no-repeat;
                background-position: center;
                background-size: 100% auto;
            }

        .myPageAr .myBtn.modify .tx:before {
            background-image: url(//blob.wifidosirak.com/wm-d01/dosirakmobile/images/PC-my_ic_modify.png);
        }

        .myPageAr .myBtn.register .tx:before {
            background-image: url(//blob.wifidosirak.com/wm-d01/dosirakmobile/images/PC-my_ic_register.png);
        }

        .myPageAr .myBtn.reservation .tx:before {
            background-image: url(//blob.wifidosirak.com/wm-d01/dosirakmobile/images/PC-my_ic_reservation.png);
        }

        .myPageAr .myBtn.point .tx:before {
            background-image: url(//blob.wifidosirak.com/wm-d01/dosirakmobile/images/PC-my_ic_point.png);
        }



html.fixed, body.fixed {
    overflow: hidden;
}

.wrapAr {
    position: relative;
}

/* ------------------- swiper ------------------- */
.swiper-slide {
    /* Center slide text vertically */
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}

.pB-58 {
    padding-bottom: 58px;
}

/* 모바일 컨텐츠 */
.mo-con {
    display: none !important;
}

/* css 추가 */
.mainVisualAr {
    position: relative;
    display: block;
    width: 100%;
    margin: auto;
}

    .mainVisualAr .swiper-container {
        display: block;
        width: 100%;
        margin: auto;
    }

    .mainVisualAr h1 {
        color: #333;
        font-size: 50px;
        text-align: left;
        line-height: 100%;
        display: block;
    }

        .mainVisualAr h1 b {
            color: #3a68b2;
        }

.sub {
    text-align: left;
    color: #333;
    font-weight: lighter;
    margin-top: 20px;
}

.mainVisualAr .banner-content {
    position: relative;
    width: 1250px;
    vertical-align: middle;
}

    .mainVisualAr .banner-content li {
        display: inline-block;
        width: 50%;
        margin: auto;
    }

        .mainVisualAr .banner-content li:first-child {
            float: left;
            padding: 160px 20px;
        }

        .mainVisualAr .banner-content li:last-child {
            clear: both;
        }

.mainVisualAr .swiper-pagination {
    position: absolute;
    top: 180px;
    left: 77% !important;
}

    .mainVisualAr .swiper-pagination .swiper-pagination-bullet {
        display: block;
        width: 14px;
        height: 14px;
        margin: 10px 5px !important;
    }

.mainPriceAr .swiper-container {
    width: 1000px;
    height: 100%;
    margin: auto;
    text-align: center;
    padding-bottom: 50px;
    overflow: hidden;
    position: relative;
}

    .mainPriceAr .swiper-container .swiper-wrapper {
        margin: auto;
        text-align: center;
    }

    .mainPriceAr .swiper-container .swiper-slide {
        text-align: center;
        margin: 0;
        width: 326px;
        height: 400px;
        background: url('//blob.wifidosirak.com/wm-d01/dosirakmobile/images/dosirakBg.png') 0 0;
        vertical-align: middle;
        border-radius: 40px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;
    }

.mainPriceAr .swiper-slide .planTb {
    display: block;
    position: relative;
    width: 100%;
    padding: 0 27px;
    overflow: hidden;
}

    .mainPriceAr .swiper-slide .planTb .fav-btn {
        position: absolute;
        top: 35px;
        right: 45px;
        display: block;
        background: url('//blob.wifidosirak.com/wm-d01/dosirakmobile/images/favBtn.png') no-repeat 0 0;
        width: 25px;
        height: 23px;
        cursor: pointer;
    }

        .mainPriceAr .swiper-slide .planTb .fav-btn.active {
            background: url('//blob.wifidosirak.com/wm-d01/dosirakmobile/images/favBtn_on.png') no-repeat 0 0;
        }

    .mainPriceAr .swiper-slide .planTb .priceTit {
        display: block;
        position: relative;
        font-size: 23px;
        color: #fff;
        text-align: left;
        line-height: 130%;
        font-weight: 100;
        margin-top: 24px;
        width: 210px;
    }

        .mainPriceAr .swiper-slide .planTb .priceTit strong {
            display: inline-block;
            border: 1px solid #fff;
            font-size: 14px;
            padding: 2px 4px;
            margin-right: 5px;
            vertical-align: middle;
        }

        .mainPriceAr .swiper-slide .planTb .priceTit b {
            font-weight: 700;
        }

    .mainPriceAr .swiper-slide .planTb .planAr {
        display: block;
        margin-top: 23px;
        width: 100%;
    }

        .mainPriceAr .swiper-slide .planTb .planAr li {
            float: left;
            width: 33.3%;
            box-sizing: border-box;
            display: inline-block;
        }

            .mainPriceAr .swiper-slide .planTb .planAr li .iconAr {
                display: block;
                height: 68px;
            }

            .mainPriceAr .swiper-slide .planTb .planAr li .iconName {
                display: block;
                font-size: 12px;
                margin-top: 10px;
                text-align: center;
                color: #fff;
            }

            .mainPriceAr .swiper-slide .planTb .planAr li .iconVol {
                display: block;
                font-size: 16px;
                text-align: center;
                color: #fff;
                font-weight: bold;
                line-height: 16px;
            }

    .mainPriceAr .swiper-slide .planTb .planPrice {
        display: block;
        clear: both;
        margin: auto;
        text-align: center;
    }

        .mainPriceAr .swiper-slide .planTb .planPrice .priceWrap {
            font-size: 24px;
            color: #f7d05d;
        }

            .mainPriceAr .swiper-slide .planTb .planPrice .priceWrap strong {
                font-size: 34px;
            }

        .mainPriceAr .swiper-slide .planTb .planPrice > div:first-child {
            width: 60%;
            display: inline-block;
            float: left;
            padding: 22px 0;
        }

        .mainPriceAr .swiper-slide .planTb .planPrice > div:last-child {
            width: 40%;
            display: inline-block;
            clear: both;
            padding: 25px 0;
            margin: auto;
        }

        .mainPriceAr .swiper-slide .planTb .planPrice .btnBuy {
            display: block;
            background: #fff;
            color: #333;
            border-radius: 10px;
            font-size: 16px;
            width: 86px;
            height: 42px;
            line-height: 42px;
            font-weight: bold;
            margin: auto;
        }

        .mainPriceAr .swiper-slide .planTb .planPrice .btnTem {
            display: block;
            background: #fff;
            color: #333;
            border-radius: 5px;
            font-size: 12px;
            width: 86px;
            height: 24px;
            line-height: 24px;
            font-weight: bold;
            margin: auto;
        }

            .mainPriceAr .swiper-slide .planTb .planPrice .btnTem.wh {
                background: none;
                color: #fff;
                border: 1px solid #fff;
            }

            .mainPriceAr .swiper-slide .planTb .planPrice .btnTem:nth-of-type(n+2) {
                margin-top: 5px;
            }

        .mainPriceAr .swiper-slide .planTb .planPrice a:hover {
            background: #f7d05d !important;
            color: #333 !important;
        }

    .mainPriceAr .swiper-slide .planTb.blueTag {
        display: block;
        background: #ddd;
        margin: 40px 0;
    }

.mainPriceAr {
    width: 1100px;
    margin: auto;
    text-align: center;
    position: relative;
    padding-bottom: 30px;
}

    .mainPriceAr .swiper-pagination {
        position: absolute;
        text-align: left;
        left: 10px !important;
        z-index: 100000;
    }

    .mainPriceAr .swiper-button-prev {
        position: absolute;
        left: 0px;
        z-index: 100;
        top: 45%;
    }

    .mainPriceAr .swiper-button-next {
        position: absolute;
        right: 0px;
        z-index: 100;
        top: 45%;
    }

    .mainPriceAr .viewAll {
        position: absolute;
        font-size: 14px;
        font-weight: bold;
        color: #3a68b2;
        bottom: 10px;
        right: 60px;
        border-bottom: 1px solid #3a68b2;
        letter-spacing: -0.5px;
    }

.mainVisualAr .mainBanFirst {
    display: block;
    width: 100%;
    height: 400px;
    line-height: 400px;
    background: url(//blob.wifidosirak.com/wm-d01/dosirakmobile/images/mainBanFirst_bg.jpg) no-repeat center center;
    position: relative;
}

    .mainVisualAr .mainBanFirst .mainBanTxt {
        display: block;
        width: 1100px;
        margin: auto;
        text-align: center;
        position: absolute;
        margin-left: -550px;
        left: 50%;
        top: 36%;
    }

        .mainVisualAr .mainBanFirst .mainBanTxt .banTit {
            text-align: center;
            font-size: 55px;
            line-height: 100%;
            color: #fff;
            font-weight: lighter;
        }

            .mainVisualAr .mainBanFirst .mainBanTxt .banTit strong {
                display: block;
                font-weight: bold;
            }

        .mainVisualAr .mainBanFirst .mainBanTxt .banSubTit {
            display: block;
            margin-top: 5px;
            text-align: center;
            font-size: 15px;
            color: #fff;
            font-weight: lighter;
        }
/* onoff switch */
.switchAr {
    width: 100%;
    margin: auto;
    text-align: center;
    padding: 10px 0px;
}

.onoffswitch {
    position: relative;
    width: 60px;
    z-index: 10;
    margin: auto;
    position: relative;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
}

.onoffswitch-checkbox {
    display: none;
}

.onoffswitch-label {
    display: block;
    overflow: hidden;
    cursor: pointer;
    border: 2px solid #fff;
    border-radius: 50px;
}

.onoffswitch-inner {
    display: block;
    width: 200%;
    margin-left: -100%;
    transition: margin 0.3s ease-in 0s;
}

    .onoffswitch-inner:before, .onoffswitch-inner:after {
        display: block;
        float: left;
        width: 50%;
        height: 26px;
        padding: 0;
        line-height: 26px;
        font-size: 11px;
        color: white;
        font-weight: 100;
        box-sizing: border-box;
    }

    .onoffswitch-inner:before {
        content: "OFF";
        padding-right: 14px;
        background-color: #c2c2c2;
        color: #fff;
    }

    .onoffswitch-inner:after {
        content: "ON";
        padding-right: 12px;
        background-color: #3a68b2;
        color: #fff;
        text-align: right;
    }

.onoffswitch-switch {
    display: block;
    width: 18px;
    margin: 6px;
    background: #fff;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 30px;
    border: 2px solid #fff;
    border-radius: 30px;
    transition: all 0.3s ease-in 0s;
}

.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-inner {
    margin-left: 0;
}

.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-switch {
    right: 0px;
}

/* 프로모션/이벤트 */
.eventZone {
    width: 100%;
    margin: auto;
    margin-top: 50px;
    padding: 50px 0;
    position: relative;
    background: url('//blob.wifidosirak.com/wm-d01/dosirakmobile/images/eventBg.jpg') no-repeat 0 0;
    background-attachment: fixed;
    background-size: cover;
    overflow: hidden;
}

    .eventZone .eventCon {
        width: 1100px;
        margin: auto;
        display: block;
        position: relative;
    }

        .eventZone .eventCon h1 {
            text-align: left;
            font-size: 36px;
            color: #fff;
        }

        .eventZone .eventCon .banAr {
            width: 100%;
            display: block;
            margin-top: 20px;
            padding-bottom: 30px;
        }

            .eventZone .eventCon .banAr .swiper-container {
                width: 1100px;
            }

            .eventZone .eventCon .banAr .swiper-slide {
                width: 50% !important;
            }

        .eventZone .eventCon .swiper-pagination {
            bottom: 0px;
        }

.swiper-pagination-bullet-active {
    opacity: 1 !important;
    background: #f7d05d !important;
}

.eventZone .eventCon .swiper-pagination-bullet {
    background: #fff;
    opacity: 0.5;
    margin-left: 5px;
}

.eventZone .eventCon .btnMore {
    position: absolute;
    display: block;
    top: 10px;
    right: 0;
}
/* 고객센터 */
.csAr {
    width: 100%;
    margin: auto;
    padding: 50px 0;
    position: relative;
    overflow: hidden;
}

    .csAr .csCon {
        width: 1100px;
        margin: auto;
        display: block;
    }

        .csAr .csCon h1 {
            text-align: left;
            font-size: 24px;
            color: #333;
            border-bottom: 1px solid #333;
            padding-bottom: 25px;
            margin-bottom: 30px;
        }

        .csAr .csCon > div {
            width: 540px;
            display: inline-block;
            float: left;
            position: relative;
        }

            .csAr .csCon > div:nth-of-type(n+2) {
                margin-left: 20px;
            }

        .csAr .csCon .txtDate {
            font-size: 16px;
            text-align: left;
            color: #333;
            display: block;
        }

        .csAr .csCon .txtTit {
            font-size: 14px;
            text-align: left;
            color: #3c3c3c;
            font-weight: 100;
            line-height: 24px;
            display: block;
            border-bottom: 1px solid #e6e6e6;
            padding-bottom: 16px;
            margin-bottom: 20px;
        }

        .csAr .csCon .txtCall {
            font-size: 24px;
            display: block;
            color: #333;
            font-weight: 700;
        }

        .csAr .csCon .txtOpen {
            font-size: 14px;
            text-align: left;
            color: #3c3c3c;
            display: block;
        }

        .csAr .csCon > div .moreBtn {
            display: block;
            position: absolute;
            top: 10px;
            right: 0;
        }

        .csAr .csCon > div .kakaoBtn {
            display: block;
            position: absolute;
            top: 100px;
            right: 0;
        }

/* footer */
.footerAr {
    width: 100%;
    height: 220px;
    margin: auto;
    padding: 30px 0;
    position: relative;
    overflow: hidden;
    background: #111;
}

    .footerAr.subP {
        margin-top: 50px;
    }

    .footerAr .footerCon {
        width: 1100px;
        margin: auto;
        display: block;
    }

        .footerAr .footerCon .policyAr {
            display: block;
            color: #fff;
            font-size: 14px;
        }

        .footerAr .footerCon .companyInfo {
            display: block;
            margin-top: 20px;
        }

            .footerAr .footerCon .companyInfo .ciAr {
                display: inline-block;
                float: left;
            }

            .footerAr .footerCon .companyInfo .infoAr {
                display: inline-block;
                color: #fff;
                text-align: left;
                font-size: 12px;
                clear: both;
            }

        .footerAr .footerCon .familySiteAr {
            display: block;
            padding: 15px 0;
        }

            .footerAr .footerCon .familySiteAr span:nth-of-type(n+2) {
                margin-left: 10px;
            }

            .footerAr .footerCon .familySiteAr img {
                width: auto;
            }

        .footerAr .footerCon .familySite {
            display: block;
            float: right;
        }

            .footerAr .footerCon .familySite select {
                -webkit-appearance: none; /* 네이티브 외형 감추기 */
                -moz-appearance: none;
                appearance: none;
                background: url('//blob.wifidosirak.com/wm-d01/dosirakmobile/images/selectArrow.png') no-repeat 95% 50%; /* 화살표 모양의 이미지 */
            }
                /* IE 10, 11의 네이티브 화살표 숨기기 */
                .footerAr .footerCon .familySite select::-ms-expand {
                    display: none;
                }

            .footerAr .footerCon .familySite select {
                width: 160px; /* 원하는 너비설정 */
                padding: 10px; /* 여백으로 높이 설정 */
                font-family: inherit; /* 폰트 상속 */
                background: url('//blob.wifidosirak.com/wm-d01/dosirakmobile/images/selectArrow.png') no-repeat 95% 50%; /* 네이티브 화살표를 커스텀 화살표로 대체 */
                border: 1px solid #f7d05d;
                color: #f7d05d;
                font-size: 12px;
                -webkit-appearance: none; /* 네이티브 외형 감추기 */
                -moz-appearance: none;
                appearance: none;
            }

                .footerAr .footerCon .familySite select:focus {
                    outline: none;
                }

                .footerAr .footerCon .familySite select option {
                    background-color: #fff;
                    color: #333;
                }

[v-cloak] {
    display: none;
}
/* 210316 */
.subPageAr .termsTab-content table tbody {
    border: 1px solid;
}

    .subPageAr .termsTab-content table tbody tr {
        border: 1px solid;
    }

        .subPageAr .termsTab-content table tbody tr td {
            border: 1px solid;
        }

/* 210329 윙배너 추가 */
.wingBanAr {
    display: block;
    position: fixed;
    right: 20px;
    bottom: 100px;
    cursor: pointer;
    z-index: 1000;
}


/*20210910 추석팝업*/


.ChuseokPopup {
    display: block;
    position: fixed;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.5);
    left: 0;
    top: 0;
    z-index: 999999;
}


.ChuseokPopup_wrap {
    overflow: hidden;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    position: absolute;
    width: 100%;
    max-width: 490px;
    background: #f6f7f8;
    word-break: keep-all;
}


button.ChuseokPopup_btn {
    display: inline-block;
    background: rgb(255 97 97);
    color: rgb(255, 255, 255);
    font-size: 20px;
    padding: 10px 0px;
    border-radius: 0;
    width: 100%;
}


/*20220127 설날팝업*/

.NewYear2022Popup {
    display: block;
    position: fixed;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.5);
    left: 0;
    top: 0;
    z-index: 999999;
}


.NewYear2022Popup_wrap {
    overflow: hidden;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    position: absolute;
    width: 100%;
    max-width: 490px;
    background: #f6f7f8;
    word-break: keep-all;
}


button.NewYear2022Popup_btn {
    display: inline-block;
    background: rgb(255 97 97);
    color: rgb(255, 255, 255);
    font-size: 20px;
    padding: 10px 0px;
    border-radius: 0;
    width: 100%;
}

/* S : 명절 배송 팝업 */
.HolidaysPopup {
    display: block;
    position: fixed;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.5);
    left: 0;
    top: 0;
    z-index: 999999;
}


.HolidaysPopup_wrap {
    overflow: hidden;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    position: absolute;
    width: 100%;
    max-width: 490px;
    background: #f6f7f8;
    word-break: keep-all;
}


button.HolidaysPopup_btn {
    display: inline-block;
    background: rgb(255 97 97);
    color: rgb(255, 255, 255);
    font-size: 20px;
    padding: 10px 0px;
    border-radius: 0;
    width: 100%;
}
/* E : 명절 배송 팝업 */


@font-face {
    font-family: 'NotoSansKR-Thin';
    font-style: normal;
    font-weight: 100;
    src: url(/fonts/NotoSans-Thin.eot);
    src: url(/fonts/NotoSans-Thin.eot?#iefix) format('embedded-opentype'), url(/fonts/NotoSans-Thin.woff) format('woff'), url(/fonts/NotoSans-Thin.woff2) format('woff2'), url(/fonts/NotoSans-Thin.otf) format('opentype');
}

@font-face {
    font-family: 'NotoSansKR-L';
    font-style: normal;
    font-weight: 200;
    src: url(/fonts/NotoSans-L.eot);
    src: url(/fonts/NotoSans-L.eot?#iefix) format('embedded-opentype'), url(/fonts/NotoSans-L.woff) format('woff'), url(/fonts/NotoSans-L.woff2) format('woff2'), url(/fonts/NotoSans-L.otf) format('opentype');
}

@font-face {
    font-family: 'NotoSansKR-Demi';
    font-style: normal;
    font-weight: 300;
    src: url(/fonts/NotoSans-Demi.eot);
    src: url(/fonts/NotoSans-Demi.eot?#iefix) format('embedded-opentype'), url(/fonts/NotoSans-Demi.woff) format('woff'), url(/fonts/NotoSans-Demi.woff2) format('woff2'), url(/fonts/NotoSans-Demi.otf) format('opentype');
}

@font-face {
    font-family: 'NotoSansKR-R';
    font-style: normal;
    font-weight: 400;
    src: url(/fonts/NotoSans-R.eot);
    src: url(/fonts/NotoSans-R.eot?#iefix) format('embedded-opentype'), url(/fonts/NotoSans-R.woff) format('woff'), url(/fonts/NotoSans-R.woff2) format('woff2'), url(/fonts/NotoSans-R.otf) format('opentype');
}

@font-face {
    font-family: 'NotoSansKR-M';
    font-style: normal;
    font-weight: 500;
    src: url(/fonts/NotoSans-M.eot);
    src: url(/fonts/NotoSans-M.eot?#iefix) format('embedded-opentype'), url(/fonts/NotoSans-M.woff) format('woff'), url(/fonts/NotoSans-M.woff2) format('woff2'), url(/fonts/NotoSans-M.otf) format('opentype');
}

@font-face {
    font-family: 'NotoSansKR-B';
    font-style: normal;
    font-weight: 600;
    src: url(/fonts/NotoSans-B.eot);
    src: url(/fonts/NotoSans-B.eot?#iefix) format('embedded-opentype'), url(/fonts/NotoSans-B.woff) format('woff'), url(/fonts/NotoSans-B.woff2) format('woff2'), url(/fonts/NotoSans-B.otf) format('opentype');
}

@font-face {
    font-family: 'NotoSansKR-Bk';
    font-style: normal;
    font-weight: 700;
    src: url(/fonts/NotoSans-Bk.eot);
    src: url(/fonts/NotoSans-Bk.eot?#iefix) format('embedded-opentype'), url(/fonts/NotoSans-Bk.woff) format('woff'), url(/fonts/NotoSans-Bk.woff2) format('woff2'), url(/fonts/NotoSans-Bk.otf) format('opentype');
}

.topNav {
    background: rgba(0,0,0,0.8);
    display: inline-block;
    margin: auto;
    z-index: 10;
    position: absolute;
    overflow: hidden;
    width: 100%;
}

    .topNav .navWp {
        width: 1100px;
        color: #fff;
        margin: auto;
        text-align: center;
        line-height: 60px;
    }

        .topNav .navWp a:hover {
            color: #f7d05d;
        }

        .topNav .navWp img {
            vertical-align: middle;
        }

        .topNav .navWp li {
            width: auto;
            text-align: center;
            margin: auto;
            display: inline-block;
        }

            .topNav .navWp li:nth-of-type(n+2) {
                margin-left: 4%;
            }

/**
    * Swiper 5.3.7
    * Most modern mobile touch slider and framework with hardware accelerated transitions
    * http://swiperjs.com
    *
    * Copyright 2014-2020 Vladimir Kharlampidi
    *
    * Released under the MIT License
    *
    * Released on: April 10, 2020
    */

@font-face {
    font-family: swiper-icons;
    src: url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA") format("woff");
    font-weight: 400;
    font-style: normal
}

:root {
    --swiper-theme-color: #007aff
}

.swiper-container {
    margin-left: auto;
    margin-right: auto;
    position: relative;
    overflow: hidden;
    list-style: none;
    padding: 0;
    z-index: 1
}

.swiper-container-vertical > .swiper-wrapper {
    flex-direction: column
}

.swiper-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: flex;
    transition-property: transform;
    box-sizing: content-box
}

.swiper-container-android .swiper-slide, .swiper-wrapper {
    transform: translate3d(0px,0,0)
}

.swiper-container-multirow > .swiper-wrapper {
    flex-wrap: wrap
}

.swiper-container-multirow-column > .swiper-wrapper {
    flex-wrap: wrap;
    flex-direction: column
}

.swiper-container-free-mode > .swiper-wrapper {
    transition-timing-function: ease-out;
    margin: 0 auto
}

.swiper-slide {
    flex-shrink: 0;
    width: 100%;
    height: 100%;
    position: relative;
    transition-property: transform
}

.swiper-slide-invisible-blank {
    visibility: hidden
}

.swiper-container-autoheight, .swiper-container-autoheight .swiper-slide {
    height: auto
}

    .swiper-container-autoheight .swiper-wrapper {
        align-items: flex-start;
        transition-property: transform,height
    }

.swiper-container-3d {
    perspective: 1200px
}

    .swiper-container-3d .swiper-cube-shadow, .swiper-container-3d .swiper-slide, .swiper-container-3d .swiper-slide-shadow-bottom, .swiper-container-3d
    .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top, .swiper-container-3d
    .swiper-wrapper {
        transform-style: preserve-3d
    }

    .swiper-container-3d .swiper-slide-shadow-bottom, .swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right,
    .swiper-container-3d .swiper-slide-shadow-top {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        pointer-events: none;
        z-index: 10
    }

    .swiper-container-3d .swiper-slide-shadow-left {
        background-image: linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))
    }

    .swiper-container-3d .swiper-slide-shadow-right {
        background-image: linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))
    }

    .swiper-container-3d .swiper-slide-shadow-top {
        background-image: linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))
    }

    .swiper-container-3d .swiper-slide-shadow-bottom {
        background-image: linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))
    }

.swiper-container-css-mode > .swiper-wrapper {
    overflow: auto;
    scrollbar-width: none;
    -ms-overflow-style: none
}

    .swiper-container-css-mode > .swiper-wrapper::-webkit-scrollbar {
        display: none
    }

    .swiper-container-css-mode > .swiper-wrapper > .swiper-slide {
        scroll-snap-align: start start
    }

.swiper-container-horizontal.swiper-container-css-mode > .swiper-wrapper {
    scroll-snap-type: x mandatory
}

.swiper-container-vertical.swiper-container-css-mode > .swiper-wrapper {
    scroll-snap-type: y mandatory
}

:root {
    --swiper-navigation-size: 44px
}

.swiper-button-next, .swiper-button-prev {
    position: absolute;
    top: 50%;
    width: calc(var(--swiper-navigation-size)/ 44 * 27);
    height: var(--swiper-navigation-size);
    margin-top: calc(-1 * var(--swiper-navigation-size)/ 2);
    z-index: 10;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--swiper-navigation-color,var(--swiper-theme-color))
}

    .swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled {
        opacity: .35;
        cursor: auto;
        pointer-events: none
    }

    .swiper-button-next:after, .swiper-button-prev:after {
        font-family: swiper-icons;
        font-size: var(--swiper-navigation-size);
        text-transform: none !important;
        letter-spacing: 0;
        text-transform: none;
        font-variant: initial
    }

.swiper-button-prev, .swiper-container-rtl .swiper-button-next {
    left: 10px;
    right: auto
}

    .swiper-button-prev:after, .swiper-container-rtl .swiper-button-next:after {
        content: 'prev'
    }

.swiper-button-next, .swiper-container-rtl .swiper-button-prev {
    right: 10px;
    left: auto
}

    .swiper-button-next:after, .swiper-container-rtl .swiper-button-prev:after {
        content: 'next'
    }

    .swiper-button-next.swiper-button-white, .swiper-button-prev.swiper-button-white {
        --swiper-navigation-color: #ffffff
    }

    .swiper-button-next.swiper-button-black, .swiper-button-prev.swiper-button-black {
        --swiper-navigation-color: #000000
    }

.swiper-button-lock {
    display: none
}

.swiper-pagination {
    position: absolute;
    text-align: center;
    transition: .3s opacity;
    transform: translate3d(0,0,0);
    z-index: 10
}

    .swiper-pagination.swiper-pagination-hidden {
        opacity: 0
    }

.swiper-container-horizontal > .swiper-pagination-bullets, .swiper-pagination-custom,
.swiper-pagination-fraction {
    bottom: 10px;
    left: 0;
    width: 100%
}

.swiper-pagination-bullets-dynamic {
    overflow: hidden;
    font-size: 0
}

    .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
        transform: scale(.33);
        position: relative
    }

    .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
        transform: scale(1)
    }

    .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
        transform: scale(1)
    }

    .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
        transform: scale(.66)
    }

    .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
        transform: scale(.33)
    }

    .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
        transform: scale(.66)
    }

    .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
        transform: scale(.33)
    }

.swiper-pagination-bullet {
    width: 8px;
    height: 8px;
    display: inline-block;
    border-radius: 100%;
    background: #000;
    opacity: .2
}

button.swiper-pagination-bullet {
    border: none;
    margin: 0;
    padding: 0;
    box-shadow: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

.swiper-pagination-clickable .swiper-pagination-bullet {
    cursor: pointer
}

.swiper-pagination-bullet-active {
    opacity: 1;
    background: var(--swiper-pagination-color,var(--swiper-theme-color))
}

.swiper-container-vertical > .swiper-pagination-bullets {
    right: 10px;
    top: 50%;
    transform: translate3d(0px,-50%,0)
}

    .swiper-container-vertical > .swiper-pagination-bullets .swiper-pagination-bullet {
        margin: 6px 0;
        display: block
    }

    .swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
        top: 50%;
        transform: translateY(-50%);
        width: 8px
    }

        .swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
            display: inline-block;
            transition: .2s transform,.2s top
        }

.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 4px
}

.swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
    left: 50%;
    transform: translateX(-50%);
    white-space: nowrap
}

    .swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
        transition: .2s transform,.2s left
    }

.swiper-container-horizontal.swiper-container-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    transition: .2s transform,.2s right
}

.swiper-pagination-progressbar {
    background: rgba(0,0,0,.25);
    position: absolute
}

    .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
        background: var(--swiper-pagination-color,var(--swiper-theme-color));
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        transform: scale(0);
        transform-origin: left top
    }

.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    transform-origin: right top
}

.swiper-container-horizontal > .swiper-pagination-progressbar, .swiper-container-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
    width: 100%;
    height: 4px;
    left: 0;
    top: 0
}

    .swiper-container-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite, .swiper-container-vertical > .swiper-pagination-progressbar {
        width: 4px;
        height: 100%;
        left: 0;
        top: 0
    }

.swiper-pagination-white {
    --swiper-pagination-color: #ffffff
}

.swiper-pagination-black {
    --swiper-pagination-color: #000000
}

.swiper-pagination-lock {
    display: none
}

.swiper-scrollbar {
    border-radius: 10px;
    position: relative;
    -ms-touch-action: none;
    background: rgba(0,0,0,.1)
}

.swiper-container-horizontal > .swiper-scrollbar {
    position: absolute;
    left: 1%;
    bottom: 3px;
    z-index: 50;
    height: 5px;
    width: 98%
}

.swiper-container-vertical > .swiper-scrollbar {
    position: absolute;
    right: 3px;
    top: 1%;
    z-index: 50;
    width: 5px;
    height: 98%
}

.swiper-scrollbar-drag {
    height: 100%;
    width: 100%;
    position: relative;
    background: rgba(0,0,0,.5);
    border-radius: 10px;
    left: 0;
    top: 0
}

.swiper-scrollbar-cursor-drag {
    cursor: move
}

.swiper-scrollbar-lock {
    display: none
}

.swiper-zoom-container {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center
}

    .swiper-zoom-container > canvas, .swiper-zoom-container > img, .swiper-zoom-container > svg {
        max-width: 100%;
        max-height: 100%;
        object-fit: contain
    }

.swiper-slide-zoomed {
    cursor: move
}

.swiper-lazy-preloader {
    width: 42px;
    height: 42px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -21px;
    margin-top: -21px;
    z-index: 10;
    transform-origin: 50%;
    animation: swiper-preloader-spin 1s infinite linear;
    box-sizing: border-box;
    border: 4px solid var(--swiper-preloader-color,var(--swiper-theme-color));
    border-radius: 50%;
    border-top-color: transparent
}

.swiper-lazy-preloader-white {
    --swiper-preloader-color: #fff
}

.swiper-lazy-preloader-black {
    --swiper-preloader-color: #000
}

@keyframes swiper-preloader-spin {
    100% {
        transform: rotate(360deg)
    }
}

.swiper-container .swiper-notification {
    position: absolute;
    left: 0;
    top: 0;
    pointer-events: none;
    opacity: 0;
    z-index: -1000
}

.swiper-container-fade.swiper-container-free-mode .swiper-slide {
    transition-timing-function: ease-out
}

.swiper-container-fade .swiper-slide {
    pointer-events: none;
    transition-property: opacity
}

    .swiper-container-fade .swiper-slide .swiper-slide {
        pointer-events: none
    }

.swiper-container-fade .swiper-slide-active, .swiper-container-fade .swiper-slide-active .swiper-slide-active {
    pointer-events: auto
}

.swiper-container-cube {
    overflow: visible
}

    .swiper-container-cube .swiper-slide {
        pointer-events: none;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
        z-index: 1;
        visibility: hidden;
        transform-origin: 0 0;
        width: 100%;
        height: 100%
    }

        .swiper-container-cube .swiper-slide .swiper-slide {
            pointer-events: none
        }

    .swiper-container-cube.swiper-container-rtl .swiper-slide {
        transform-origin: 100% 0
    }

    .swiper-container-cube .swiper-slide-active, .swiper-container-cube .swiper-slide-active .swiper-slide-active {
        pointer-events: auto
    }

    .swiper-container-cube .swiper-slide-active, .swiper-container-cube .swiper-slide-next, .swiper-container-cube .swiper-slide-next + .swiper-slide,
    .swiper-container-cube .swiper-slide-prev {
        pointer-events: auto;
        visibility: visible
    }

    .swiper-container-cube .swiper-slide-shadow-bottom, .swiper-container-cube .swiper-slide-shadow-left, .swiper-container-cube .swiper-slide-shadow-right,
    .swiper-container-cube .swiper-slide-shadow-top {
        z-index: 0;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden
    }

    .swiper-container-cube .swiper-cube-shadow {
        position: absolute;
        left: 0;
        bottom: 0px;
        width: 100%;
        height: 100%;
        background: #000;
        opacity: .6;
        -webkit-filter: blur(50px);
        filter: blur(50px);
        z-index: 0
    }

.swiper-container-flip {
    overflow: visible
}

    .swiper-container-flip .swiper-slide {
        pointer-events: none;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
        z-index: 1
    }

        .swiper-container-flip .swiper-slide .swiper-slide {
            pointer-events: none
        }

    .swiper-container-flip .swiper-slide-active, .swiper-container-flip .swiper-slide-active .swiper-slide-active {
        pointer-events: auto
    }

    .swiper-container-flip .swiper-slide-shadow-bottom, .swiper-container-flip .swiper-slide-shadow-left, .swiper-container-flip .swiper-slide-shadow-right,
    .swiper-container-flip .swiper-slide-shadow-top {
        z-index: 0;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden
    }

@import "fonts.css";
@charset "utf-8";

/* sub page */
.subPageTop {
    display: block;
    position: relative;
    width: 1100px;
    margin: auto;
}

.subTitAr {
    position: relative;
    width: 100%;
    display: block;
    padding: 120px 0 60px 0;
    margin: auto;
    text-align: center;
    background-color: #eaeaea;
}

    .subTitAr h1 {
        text-align: center;
        font-size: 30px;
        color: #333;
        font-weight: bold;
        line-height: 30px;
    }

    .subTitAr .subTit {
        text-align: center;
        font-size: 24px;
        color: #333;
    }

.subPageAr {
    position: relative;
    display: block;
    width: 100%;
    margin: auto;
    min-height: 720px;
}

    .subPageAr .prod_option {
        display: block;
        width: 1100px;
        padding: 50px 0;
        margin: auto;
        overflow: hidden;
    }

        .subPageAr .prod_option .prod_subject {
            display: inline-block;
            width: 250px;
            float: left;
        }

            .subPageAr .prod_option .prod_subject .subjectTit {
                display: block;
                text-align: left;
                font-size: 24px;
                color: #333;
                margin-bottom: 24px;
                line-height: 30px;
                font-weight: bold;
            }

                .subPageAr .prod_option .prod_subject .subjectTit em {
                    display: block;
                }

            .subPageAr .prod_option .prod_subject .subjectLine {
                display: block;
                background: #333;
                width: 45px;
                height: 3px;
            }

        .subPageAr .prod_option .prod_content {
            display: inline-block;
            width: 850px;
            position: relative;
        }


            /* 2021-03-30 add  S */
            .subPageAr .prod_option .prod_content li {
                position: relative;
            }

                .subPageAr .prod_option .prod_content li .promotion {
                    display: inline-block;
                    position: absolute;
                    padding: 3px 10px;
                    border-radius: 5px;
                    background: #f26c4f;
                    color: #fff;
                    font-size: 14px;
                    text-align: center;
                    top: -12px;
                    left: 10px;
                }

    /*.subPageAr .prod_option .prod_content input + label .lt.traffic {
    position: absolute;
    padding: 0;
    top: 50%;
    left: 40%;
    transform: translate(-50%, -50%);
    }*/

    .subPageAr .notRegistered {
        display: block;
        width: 1100px;
        margin: auto;
        padding: 200px;
    }

        .subPageAr .notRegistered .descRegist {
            display: block;
            font-size: 24px;
            color: #333;
            text-align: center;
        }

        .subPageAr .notRegistered .btnRegist {
            display: block;
            width: 240px;
            height: 56px;
            background: #3a68b2;
            color: #fff;
            text-align: center;
            font-size: 20px;
            border-radius: 5px;
            margin: auto;
            margin-top: 30px;
        }
    /* 2021-03-30 add E*/




    .subPageAr .prod_option .prod_content li:nth-of-type(n+2) {
        margin-top: 20px;
    }

    .subPageAr .prod_option .prod_content .admAds {
        display: block;
        width: 100%;
        /*padding: 25px;
    border: 1px solid #c2c2c2;
    border-radius: 20px;
    background: #f9f9f9;*/
    }

        .subPageAr .prod_option .prod_content .admAds em.adsTit {
            display: block;
            font-size: 20px;
            color: #333;
            font-weight: bold;
        }

        .subPageAr .prod_option .prod_content .admAds em .adsBenefit {
            font-size: 16px;
            color: #333;
        }

            .subPageAr .prod_option .prod_content .admAds em .adsBenefit img {
                vertical-align: middle;
            }

    .subPageAr .prod_option .prod_content input + label {
        display: inline-block;
        width: 100%;
        border: 1px solid #c2c2c2;
        cursor: pointer;
        border-radius: 20px;
        overflow: hidden;
    }

        .subPageAr .prod_option .prod_content input + label.checkAr {
            background: url(//blob.wifidosirak.com/wm-d01/dosirakmobile/images/admCheck_off.png) no-repeat 25px 35px;
        }

        .subPageAr .prod_option .prod_content input + label .lt {
            display: inline-block;
            width: 75%;
            float: left;
            padding: 20px 25px;
        }

            .subPageAr .prod_option .prod_content input + label .lt.full {
                width: 100% !important;
            }

            .subPageAr .prod_option .prod_content input + label .lt.data {
                width: 85%;
                position: relative;
            }

        .subPageAr .prod_option .prod_content input + label .rt.data {
            width: 15%;
        }

        .subPageAr .prod_option .prod_content input + label .rt {
            width: 25%;
            padding: 0;
            display: inline-block;
            /*float: right;*/
        }

            .subPageAr .prod_option .prod_content input + label .rt.traffic {
                padding: 20px;
                float: right;
            }

        .subPageAr .prod_option .prod_content input + label em {
            display: block;
            font-size: 20px;
            color: #6d6d6d;
            font-weight: bold;
            position: relative;
        }

            .subPageAr .prod_option .prod_content input + label em .saleTag img {
                display: inline-block;
                margin-top: 7px;
                margin-left: 5px;
            }

            .subPageAr .prod_option .prod_content input + label em:nth-child(2) {
                font-size: 18px;
                font-weight: lighter !important;
            }

            .subPageAr .prod_option .prod_content input + label em:last-child {
                display: inline-block;
            }

            .subPageAr .prod_option .prod_content input + label em.mgl-50 {
                margin-left: 50px;
            }

        .subPageAr .prod_option .prod_content input + label .dataTit {
            display: inline-block;
            font-size: 20px;
            color: #6d6d6d;
            line-height: 60px;
            padding-left: 50px;
            letter-spacing: -1px;
            font-weight: bold;
        }

    .subPageAr .prod_option .prod_content .addDetail {
        display: block;
        border-top: 1px solid #c2c2c2;
        padding: 25px;
        background-color: #eaeaea;
    }

    .subPageAr .prod_option .prod_content input:checked + label {
        border: 1px solid #3a68b2;
    }

        .subPageAr .prod_option .prod_content input:checked + label em {
            color: #333;
        }

        .subPageAr .prod_option .prod_content input:checked + label .dataTit {
            color: #3a68b2;
        }

        .subPageAr .prod_option .prod_content input:checked + label em:last-child {
            color: #3a68b2;
        }

        .subPageAr .prod_option .prod_content input:checked + label.checkAr {
            background: url(//blob.wifidosirak.com/wm-d01/dosirakmobile/images/admCheck_on.png) no-repeat 25px 35px;
        }

    .subPageAr .prod_option .prod_content input + label em .mgl-50 {
        margin-left: 50px;
    }

    .subPageAr .prod_option .prod_content input[type="radio"], .subPageAr .prod_option .prod_content input[type="checkbox"] {
        display: none;
    }

    .subPageAr .prod_option .prod_content input[type="text"] {
        display: block;
    }

.priceSelect {
    position: relative;
    display: block;
    width: 100%;
    border-radius: 10px;
    background: #3a68b2;
    color: #fff;
    font-size: 16px;
    margin: auto;
    text-align: center;
    padding: 18px 15px;
}

    .priceSelect i {
        margin-left: 5px;
    }

.subPageAr .prod_option .prod_content input + label .priceBtn {
    position: relative;
    display: block;
    width: 100%;
    height: 100px;
    line-height: 100px;
    background-color: #c2c2c2;
    margin: auto;
    box-sizing: border-box;
    text-align: center;
}

    .subPageAr .prod_option .prod_content input + label .priceBtn .btnTxt {
        color: #fff;
        font-size: 20px;
        text-align: center;
        display: inline-block;
        width: 70%;
    }

.subPageAr .prod_option .prod_content input:checked + label .priceBtn {
    background: #3a68b2;
}

/* 부가서비스 Tab */
.subPageAr .prod_option .prod_content .additionalTabAr {
    width: 100%;
    margin: auto;
    text-align: center;
    position: relative;
}

.subPageAr .prod_option .prod_content .additionalTab {
    width: 100%;
    display: inline-block;
}

    .subPageAr .prod_option .prod_content .additionalTab li {
        background: #fff;
        font-size: 18px;
        width: 110px;
        text-align: center;
        float: left;
        vertical-align: middle;
        padding: 15px 0;
        color: #3a68b2;
        cursor: pointer;
        line-height: normal;
        border: 1px solid #3a68b2;
        box-sizing: border-box;
        border-radius: 10px;
    }

        .subPageAr .prod_option .prod_content .additionalTab li:nth-of-type(n+2) {
            margin-top: 0;
            margin-left: 10px;
        }

        .subPageAr .prod_option .prod_content .additionalTab li.current {
            background: #3a68b2;
            color: #fff;
            font-weight: bold;
            position: relative;
        }


.subPageAr .prod_option .prod_content .additionalTab-contentWrap {
    display: block;
    position: relative;
    width: 100%;
    overflow-y: auto;
    padding-top: 35px;
    margin: auto;
}

.subPageAr .prod_option .prod_content .additionalTab-content {
    display: none;
    width: 100%;
    margin: auto;
    position: relative;
}

    .subPageAr .prod_option .prod_content .additionalTab-content.current {
        display: inherit;
    }

.subPageAr .prod_option .prod_content input + label .priceBtn .arrow-down {
    width: 50px;
    height: 50px;
    background: none;
    position: relative;
    margin: auto;
    color: #fff;
    display: inline-block;
}

    .subPageAr .prod_option .prod_content input + label .priceBtn .arrow-down.active {
        background: none;
    }

    .subPageAr .prod_option .prod_content input + label .priceBtn .arrow-down:before, .subPageAr .prod_option .prod_content input + label .priceBtn .arrow-down:after {
        content: "";
        display: block;
        width: 15px;
        height: 2px;
        background: #fff;
        position: absolute;
        top: 42px;
    }

    .subPageAr .prod_option .prod_content input + label .priceBtn .arrow-down:before {
        right: 21px;
        border-top-left-radius: 10px;
        border-bottom-left-radius: 10px;
        transform: rotate(45deg);
    }

    .subPageAr .prod_option .prod_content input + label .priceBtn .arrow-down:after {
        right: 12px;
        transform: rotate(-45deg);
    }

    .subPageAr .prod_option .prod_content input + label .priceBtn .arrow-down.active:before {
        transform: rotate(-45deg);
    }

    .subPageAr .prod_option .prod_content input + label .priceBtn .arrow-down.active:after {
        transform: rotate(45deg);
    }

.subPageAr .prod_option .prod_content .clause {
    position: relative;
}

    .subPageAr .prod_option .prod_content .clause li {
        position: relative;
        display: block;
        width: 100%;
        padding: 20px;
        background: #fff;
        border-bottom: 1px solid #c2c2c2;
        box-sizing: border-box;
    }

        .subPageAr .prod_option .prod_content .clause li:nth-of-type(n+2) {
            margin-top: 0;
        }

    .subPageAr .prod_option .prod_content .clause .clauseCheck {
        width: 10%;
        font-size: 20px;
        color: #333;
        text-align: center;
        display: inline-block;
        vertical-align: middle;
    }

    .subPageAr .prod_option .prod_content .clause .clauseTit {
        width: 68%;
        color: #333;
        font-size: 20px;
        text-align: left;
        display: inline-block;
        vertical-align: middle;
    }

    .subPageAr .prod_option .prod_content .clause .clauseTxt {
        display: block;
    }

    .subPageAr .prod_option .prod_content .clause .clauseArrow {
        width: 20%;
        font-size: 20px;
        color: #333;
        text-align: right;
        display: inline-block;
        vertical-align: middle;
        cursor: pointer;
        position: relative;
    }

        .subPageAr .prod_option .prod_content .clause .clauseArrow .arrowDown {
            width: 50px;
            height: 50px;
            background: none;
            position: relative;
            margin: auto;
        }

            .subPageAr .prod_option .prod_content .clause .clauseArrow .arrowDown.active {
                background: none;
            }

            .subPageAr .prod_option .prod_content .clause .clauseArrow .arrowDown:before, .subPageAr .prod_option .prod_content .clause .clauseArrow .arrowDown:after {
                content: "";
                display: block;
                width: 20px;
                height: 3px;
                background: #c2c2c2;
                position: absolute;
            }

            .subPageAr .prod_option .prod_content .clause .clauseArrow .arrowDown:before {
                right: 21px;
                border-top-left-radius: 10px;
                border-bottom-left-radius: 10px;
                transform: rotate(45deg);
            }

            .subPageAr .prod_option .prod_content .clause .clauseArrow .arrowDown:after {
                right: 8px;
                transform: rotate(-45deg);
            }

            .subPageAr .prod_option .prod_content .clause .clauseArrow .arrowDown.active:before {
                transform: rotate(-45deg);
            }

            .subPageAr .prod_option .prod_content .clause .clauseArrow .arrowDown.active:after {
                transform: rotate(45deg);
            }

    .subPageAr .prod_option .prod_content .clause input + label {
        display: inline-block;
        width: 100%;
        height: 30px;
        cursor: pointer;
        overflow: hidden;
        border: none;
        border-radius: 0;
    }

        .subPageAr .prod_option .prod_content .clause input + label.clauseCheckLabel {
            background: url(//blob.wifidosirak.com/wm-d01/dosirakmobile/images/admCheck_off.png) no-repeat 12px 0px;
        }

    .subPageAr .prod_option .prod_content .clause input:checked + label.clauseCheckLabel {
        background: url(//blob.wifidosirak.com/wm-d01/dosirakmobile/images/admCheck_on.png) no-repeat 12px 0px;
    }

/* 예상금액 플로팅 -하단 */
#priceFloat {
    position: fixed;
    display: block;
    bottom: 0;
    width: 100%;
    background: rgba(0,0,0,0.8);
    margin: auto;
    z-index: 10;
}

    #priceFloat.on {
        position: absolute;
        bottom: 220px;
    }

    #priceFloat .priceFloatAr, #priceFloat.top .priceFloatAr {
        position: relative;
        width: 1100px;
        margin: auto;
        overflow: hidden;
    }

        #priceFloat .priceFloatAr .lt {
            display: block;
            width: 50%;
            color: #fff;
            font-size: 20px;
            font-weight: bold;
            text-align: left;
            float: left;
            padding: 25px 0;
        }

        #priceFloat .priceFloatAr .rt {
            display: block;
            width: 50%;
            padding: 15px 0;
            float: right;
        }

        #priceFloat .priceFloatAr .floatTit {
            margin-right: 50px;
        }

        #priceFloat .priceFloatAr .floatPrice strong {
            color: #f7d05d;
            font-weight: bold;
        }

        #priceFloat .priceFloatAr .floatPriceBtn {
            display: block;
            width: 154px;
            padding: 12px 0;
            background: #f7d05d;
            color: #333;
            font-size: 18px;
            border-radius: 10px;
            text-align: center;
            float: right;
        }

        #priceFloat .priceFloatAr .benefitPrice {
            display: inline-block;
            font-size: 20px;
            color: #fff;
        }

            #priceFloat .priceFloatAr .benefitPrice:after {
                clear: both;
            }

        #priceFloat .priceFloatAr .benefitTxt {
            font-size: 15px;
            vertical-align: middle;
        }

            #priceFloat .priceFloatAr .benefitTxt img {
                vertical-align: middle;
            }

        #priceFloat .priceFloatAr .arrowPrice {
            width: 50px;
            height: 50px;
            background: none;
            position: relative;
            margin: auto;
            float: right;
            cursor: pointer;
            border: 1px solid #f7d05d;
            margin-left: 50px;
        }

            #priceFloat .priceFloatAr .arrowPrice.active {
                background: none;
            }

            #priceFloat .priceFloatAr .arrowPrice:before, #priceFloat .priceFloatAr .arrowPrice:after {
                content: "";
                display: block;
                width: 15px;
                height: 2px;
                background: #f7d05d;
                position: absolute;
                top: 25px;
            }

            #priceFloat .priceFloatAr .arrowPrice:before {
                right: 21px;
                border-top-left-radius: 10px;
                border-bottom-left-radius: 10px;
                transform: rotate(-45deg);
            }

            #priceFloat .priceFloatAr .arrowPrice:after {
                right: 12px;
                transform: rotate(45deg);
            }

            #priceFloat .priceFloatAr .arrowPrice.active:before {
                transform: rotate(45deg);
            }

            #priceFloat .priceFloatAr .arrowPrice.active:after {
                transform: rotate(-45deg);
            }

    #priceFloat .pricefDetail {
        display: block;
        width: 100%;
        border-top: 1px solid #f7d05d;
        margin: auto;
        overflow: hidden;
    }

        #priceFloat .pricefDetail .priceDetailAr {
            display: block;
            width: 1100px;
            margin: auto;
            padding: 25px 0;
            overflow: hidden;
        }

            #priceFloat .pricefDetail .priceDetailAr li {
                display: inline-block;
                width: 30%;
                float: left;
            }

                #priceFloat .pricefDetail .priceDetailAr li:first-child {
                    border-right: 1px dashed #f7d05d;
                    padding: 40px 35px 40px 0;
                }

                #priceFloat .pricefDetail .priceDetailAr li:nth-of-type(2) {
                    padding: 40px 0 40px 35px;
                }

                #priceFloat .pricefDetail .priceDetailAr li:nth-of-type(3) {
                    width: 40%;
                    padding-left: 70px;
                }

            #priceFloat .pricefDetail .priceDetailAr .priceMain {
                display: block;
                width: 100%;
                color: #fff;
                padding: 5px;
                position: relative;
            }
                /* 210319 추가 */
                #priceFloat .pricefDetail .priceDetailAr .priceMain:first-child {
                    border-bottom: 1px solid #fff;
                }

                #priceFloat .pricefDetail .priceDetailAr .priceMain .priceName {
                    width: 50%;
                    text-align: left;
                    font-size: 18px;
                    vertical-align: middle;
                }

                #priceFloat .pricefDetail .priceDetailAr .priceMain .priceAmount {
                    width: 50%;
                    text-align: right;
                    font-size: 18px;
                    float: right;
                }

        #priceFloat .pricefDetail .priceMain .question .tooltiptext {
            visibility: hidden;
            width: auto;
            background-color: #fff;
            color: #333;
            font-size: 12px;
            line-height: 120%;
            text-align: left;
            padding: 5px;
            border-radius: 2px;
            /* Position the tooltip text - see examples below! */
            position: absolute;
            margin-left: 10px;
            z-index: 1;
            top: 10%;
        }

            #priceFloat .pricefDetail .priceMain .question .tooltiptext em {
                display: block;
                margin-left: 5px;
            }

                #priceFloat .pricefDetail .priceMain .question .tooltiptext em:before {
                    display: inline-block;
                    content: '-';
                    margin-left: -5px;
                }


        #priceFloat .pricefDetail .priceMain .question:hover .tooltiptext {
            visibility: visible;
        }

        #priceFloat .pricefDetail .priceDetailAr .priceOption {
            display: inline-block;
            width: 50%;
            color: #fff;
        }

        #priceFloat .pricefDetail .priceDetailAr .priceAds {
            display: block;
            width: 100%;
            background: #444;
            padding: 40px 35px;
            overflow: hidden;
        }

            #priceFloat .pricefDetail .priceDetailAr .priceAds .adsTit {
                display: block;
                text-align: left;
                font-size: 18px;
                color: #fff;
                line-height: 20px;
            }

                #priceFloat .pricefDetail .priceDetailAr .priceAds .adsTit strong {
                    color: #f7d05d;
                    font-weight: bold;
                }

            #priceFloat .pricefDetail .priceDetailAr .priceAds .adsSub {
                display: block;
                text-align: left;
                font-size: 14px;
                color: #fff;
                line-height: 30px;
            }

                #priceFloat .pricefDetail .priceDetailAr .priceAds .adsSub b {
                    color: #34dbff;
                    font-weight: bold;
                }

                    #priceFloat .pricefDetail .priceDetailAr .priceAds .adsSub b:nth-of-type(2) {
                        color: #e192ff;
                    }

            #priceFloat .pricefDetail .priceDetailAr .priceAds .adsPrice {
                width: 50%;
                text-align: left;
                font-size: 14px;
                color: #fff;
            }

            #priceFloat .pricefDetail .priceDetailAr .priceAds .adsAmount {
                width: 50%;
                text-align: right;
                font-size: 14px;
                float: right;
                color: #fff;
            }

                #priceFloat .pricefDetail .priceDetailAr .priceAds .adsAmount b {
                    font-weight: normal;
                    text-decoration: line-through;
                }

                #priceFloat .pricefDetail .priceDetailAr .priceAds .adsAmount strong {
                    font-size: 16px;
                    font-weight: bold;
                }

        #priceFloat .pricefDetail .priceDetailAr .question {
            display: inline-block;
            margin-top: 5px;
            /*margin-left: 5px;*/
        }

/* 예상금액 플로팅 -상단 */
.subPageTop #priceFloat_top {
    position: absolute;
    display: block;
    top: 0;
    width: 1100px;
    background: rgba(0,0,0,0.8);
    margin: auto;
    z-index: 10;
}

    .subPageTop #priceFloat_top.on {
        position: fixed;
        top: 0px;
    }

    .subPageTop #priceFloat_top .priceFloatAr, #priceFloat.top .priceFloatAr {
        position: relative;
        width: 1100px;
        margin: auto;
        overflow: hidden;
    }

        .subPageTop #priceFloat_top .priceFloatAr .lt {
            display: block;
            width: 50%;
            color: #fff;
            font-size: 20px;
            text-align: left;
            float: left;
            padding: 25px 30px;
        }

        .subPageTop #priceFloat_top .priceFloatAr .rt {
            display: block;
            width: 50%;
            padding: 15px 30px;
            text-align: right;
            float: left;
        }

        .subPageTop #priceFloat_top .priceFloatAr .floatTit {
            margin-right: 50px;
        }

        .subPageTop #priceFloat_top .priceFloatAr .floatPrice strong {
            color: #f7d05d;
            font-weight: bold;
        }

        .subPageTop #priceFloat_top .priceFloatAr .floatPriceBtn {
            display: block;
            width: 154px;
            padding: 12px 0;
            background: #f7d05d;
            color: #333;
            font-size: 18px;
            border-radius: 10px;
            text-align: center;
            float: right;
        }

        .subPageTop #priceFloat_top .priceFloatAr .arrowPrice {
            width: 50px;
            height: 50px;
            background: none;
            position: relative;
            margin: auto;
            float: right;
            cursor: pointer;
            border: 1px solid #f7d05d;
            margin-left: 50px;
        }

            .subPageTop #priceFloat_top .priceFloatAr .arrowPrice.active {
                background: none;
            }

            .subPageTop #priceFloat_top .priceFloatAr .arrowPrice:before, .subPageTop #priceFloat_top .priceFloatAr .arrowPrice:after {
                content: "";
                display: block;
                width: 15px;
                height: 2px;
                background: #f7d05d;
                position: absolute;
                top: 25px;
            }

            .subPageTop #priceFloat_top .priceFloatAr .arrowPrice:before {
                right: 21px;
                border-top-left-radius: 10px;
                border-bottom-left-radius: 10px;
                transform: rotate(45deg);
            }

            .subPageTop #priceFloat_top .priceFloatAr .arrowPrice:after {
                right: 12px;
                transform: rotate(-45deg);
            }

            .subPageTop #priceFloat_top .priceFloatAr .arrowPrice.active:before {
                transform: rotate(-45deg);
            }

            .subPageTop #priceFloat_top .priceFloatAr .arrowPrice.active:after {
                transform: rotate(45deg);
            }

    .subPageTop #priceFloat_top .pricefDetail {
        display: block;
        width: 100%;
        border-bottom: 1px solid #f7d05d;
        margin: auto;
    }

        .subPageTop #priceFloat_top .pricefDetail .priceDetailAr {
            display: block;
            width: 1100px;
            margin: auto;
            padding: 25px 0;
            overflow: hidden;
        }

            .subPageTop #priceFloat_top .pricefDetail .priceDetailAr li {
                display: inline-block;
                width: 33.333%;
                float: left;
                padding: 40px 20px;
            }

                .subPageTop #priceFloat_top .pricefDetail .priceDetailAr li:first-child {
                    border-right: 1px dashed #f7d05d;
                }

            .subPageTop #priceFloat_top .pricefDetail .priceDetailAr .priceMain {
                display: block;
                width: 100%;
                color: #fff;
                padding: 5px;
                position: relative;
            }

                .subPageTop #priceFloat_top .pricefDetail .priceDetailAr .priceMain:first-child {
                    border-bottom: 1px solid #fff;
                }

                .subPageTop #priceFloat_top .pricefDetail .priceDetailAr .priceMain .priceName {
                    width: 50%;
                    text-align: left;
                    font-size: 18px;
                }

                .subPageTop #priceFloat_top .pricefDetail .priceDetailAr .priceMain .priceAmount {
                    width: 50%;
                    text-align: right;
                    font-size: 18px;
                    float: right;
                }

            .subPageTop #priceFloat_top .pricefDetail .priceDetailAr .priceOption {
                display: inline-block;
                width: 50%;
                color: #fff;
            }

            .subPageTop #priceFloat_top .pricefDetail .priceDetailAr .priceAds {
                display: block;
                width: 100%;
                background: #444;
                padding: 20px 35px;
                overflow: hidden;
            }

                .subPageTop #priceFloat_top .pricefDetail .priceDetailAr .priceAds .adsTit {
                    display: block;
                    text-align: left;
                    font-size: 18px;
                    color: #fff;
                    line-height: 20px;
                }

                    .subPageTop #priceFloat_top .pricefDetail .priceDetailAr .priceAds .adsTit strong {
                        color: #f7d05d;
                        font-weight: bold;
                    }

                .subPageTop #priceFloat_top .pricefDetail .priceDetailAr .priceAds .adsSub {
                    display: block;
                    text-align: left;
                    font-size: 14px;
                    color: #fff;
                    line-height: 30px;
                }

                    .subPageTop #priceFloat_top .pricefDetail .priceDetailAr .priceAds .adsSub b {
                        color: #34dbff;
                        font-weight: bold;
                    }

                        .subPageTop #priceFloat_top .pricefDetail .priceDetailAr .priceAds .adsSub b:nth-of-type(2) {
                            color: #e192ff;
                        }

                .subPageTop #priceFloat_top .pricefDetail .priceDetailAr .priceAds .adsPrice {
                    width: 50%;
                    text-align: left;
                    font-size: 14px;
                    color: #fff;
                }

                .subPageTop #priceFloat_top .pricefDetail .priceDetailAr .priceAds .adsAmount {
                    width: 50%;
                    text-align: right;
                    font-size: 14px;
                    float: right;
                    color: #fff;
                }

                    .subPageTop #priceFloat_top .pricefDetail .priceDetailAr .priceAds .adsAmount b {
                        font-weight: normal;
                        text-decoration: line-through;
                    }

                    .subPageTop #priceFloat_top .pricefDetail .priceDetailAr .priceAds .adsAmount strong {
                        font-size: 16px;
                        font-weight: bold;
                    }

            .subPageTop #priceFloat_top .pricefDetail .priceDetailAr .priceMain .question {
                display: inline-block;
                margin-top: -4px;
                margin-left: 0px;
                vertical-align: middle;
            }

                .subPageTop #priceFloat_top .pricefDetail .priceDetailAr .priceMain .question .tooltiptext {
                    visibility: hidden;
                    width: auto;
                    background-color: #fff;
                    color: #333;
                    font-size: 12px;
                    line-height: 120%;
                    text-align: left;
                    padding: 5px;
                    border-radius: 2px;
                    /* Position the tooltip text - see examples below! */
                    position: absolute;
                    margin-left: 10px;
                    z-index: 1;
                    bottom: 5%;
                }

                    .subPageTop #priceFloat_top .pricefDetail .priceDetailAr .priceMain .question .tooltiptext em {
                        display: block;
                        margin-left: 5px;
                    }

                        .subPageTop #priceFloat_top .pricefDetail .priceDetailAr .priceMain .question .tooltiptext em:before {
                            display: inline-block;
                            content: '-';
                            margin-left: -5px;
                        }

                .subPageTop #priceFloat_top .pricefDetail .priceDetailAr .priceMain .question:hover .tooltiptext {
                    visibility: visible;
                }

/* top 배너 */
.topBan {
    width: 100%;
    height: 120px;
    display: block;
    position: relative;
    margin: auto;
    background: url(//blob.wifidosirak.com/wm-d01/dosirakmobile/images/subBan_bg.jpg) no-repeat center center;
}

    .topBan .topBanAr {
        width: 1100px;
        margin: auto;
        text-align: center;
        position: relative;
    }

        .topBan .topBanAr > .close {
            width: 110px;
            height: 110px;
            background: url(//blob.wifidosirak.com/wm-d01/dosirakmobile/images/subPage_ic_close.png) no-repeat center / 26px;
            position: absolute;
            top: 0;
            right: 0;
        }

        .topBan .topBanAr .subBanTit {
            display: block;
            font-size: 30px;
            text-align: center;
            color: #fff;
            height: 120px;
            line-height: 120px;
        }

/* price centerPop Tab */
.popTabAr {
    width: 100%;
    margin: auto;
    text-align: center;
    position: relative;
}

.popTab {
    width: 100%;
    display: inline-block;
}

    .popTab li {
        background: #fff;
        font-size: 16px;
        width: 25%;
        text-align: center;
        float: left;
        vertical-align: middle;
        padding: 10px 0;
        color: #333;
        cursor: pointer;
        line-height: normal;
        border: 1px solid #ddd;
        box-sizing: border-box;
    }

        .popTab li.current {
            background: #3a68b2;
            color: #fff;
            font-weight: bold;
            border: 1px solid #3a68b2;
            position: relative;
        }

        .popTab li:first-child {
            margin-left: 2px;
        }

        .popTab li:nth-of-type(n+2) {
            margin-left: -1px;
        }

.popTab-contentWrap {
    display: block;
    position: relative;
    width: 100%;
    overflow-y: auto;
    margin: auto;
    text-align: center;
}

.popTab-content {
    display: none;
    width: 100%;
    margin: auto;
    position: relative;
}

    .popTab-content.current {
        display: inherit;
    }

.popWP {
    margin: auto;
    text-align: center;
}

    .popWP .popSelectAr {
        padding: 12px 0;
        text-align: right;
    }

    .popWP select {
        -webkit-appearance: none; /* 네이티브 외형 감추기 */
        -moz-appearance: none;
        appearance: none;
        background: url('//blob.wifidosirak.com/wm-d01/dosirakmobile/images/selectArrow.png') no-repeat 95% 50%; /* 화살표 모양의 이미지 */
    }
        /* IE 10, 11의 네이티브 화살표 숨기기 */
        .popWP select::-ms-expand {
            display: none;
        }

    .popWP select {
        width: 160px; /* 원하는 너비설정 */
        padding: 8px 10px; /* 여백으로 높이 설정 */
        font-family: inherit; /* 폰트 상속 */
        background: url('//blob.wifidosirak.com/wm-d01/dosirakmobile/images/selectArrow_pop.png') no-repeat 95% 54%; /* 네이티브 화살표를 커스텀 화살표로 대체 */
        /*background-color: #eaeaea;*/
        border: 1px solid #c2c2c2;
        color: #333;
        font-size: 14px;
        -webkit-appearance: none; /* 네이티브 외형 감추기 */
        -moz-appearance: none;
        appearance: none;
    }

        .popWP select:focus {
            outline: none;
        }

        .popWP select option {
            background-color: #fff;
            color: #333;
        }

    .popWP .price_content {
        position: relative;
        display: block;
        width: 100%;
        margin: auto;
        width: 100%;
        text-align: center;
    }

    .popWP .price_content {
        display: inline-block;
        width: 100%;
    }

        .popWP .price_content li:nth-of-type(n+2) {
            margin-top: 10px;
        }

        .popWP .price_content .admAds {
            display: block;
            width: 100%;
            padding: 25px;
            border: 1px solid #c2c2c2;
            border-radius: 20px;
            background: #f9f9f9;
        }

            .popWP .price_content .admAds em.adsTit {
                display: block;
                font-size: 20px;
                color: #333;
                font-weight: bold;
            }

            .popWP .price_content .admAds em .adsBenefit {
                font-size: 16px;
                color: #333;
            }

                .popWP .price_content .admAds em .adsBenefit img {
                    vertical-align: middle;
                }

        .popWP .price_content input + label {
            display: inline-block;
            width: 100%;
            border: 1px solid #c2c2c2;
            cursor: pointer;
            border-radius: 20px;
            overflow: hidden;
        }

            .popWP .price_content input + label.checkAr {
                background: url(//blob.wifidosirak.com/wm-d01/dosirakmobile/images/admCheck_off.png) no-repeat 25px 35px;
                text-align: left;
            }

            .popWP .price_content input + label .lt {
                display: inline-block;
                width: 75%;
                float: left;
                padding: 20px 25px;
            }

            .popWP .price_content input + label .rt {
                width: 25%;
                padding: 20px 0;
                display: inline-block;
            }

            .popWP .price_content input + label em {
                display: block;
                font-size: 20px;
                color: #6d6d6d;
                font-weight: bold;
                position: relative;
            }

                .popWP .price_content input + label em:nth-child(2) {
                    font-size: 18px;
                    font-weight: lighter !important;
                }

                .popWP .price_content input + label em:last-child {
                    display: inline-block;
                }

                .popWP .price_content input + label em.mgl-50 {
                    margin-left: 50px;
                }

        .popWP .price_content input:checked + label {
            border: 1px solid #3a68b2;
        }

            .popWP .price_content input:checked + label em {
                color: #333;
            }

                .popWP .price_content input:checked + label em:last-child {
                    color: #3a68b2;
                }

            .popWP .price_content input:checked + label.checkAr {
                background: url(//blob.wifidosirak.com/wm-d01/dosirakmobile/images/admCheck_on.png) no-repeat 25px 35px;
            }

        .popWP .price_content input + label em .mgl-50 {
            margin-left: 50px;
        }

        .popWP .price_content input {
            display: none;
        }

            .popWP .price_content input + label .priceSection {
                position: relative;
                display: block;
                width: 100%;
                margin: auto;
                box-sizing: border-box;
                text-align: center;
            }

                .popWP .price_content input + label .priceSection .priceTxt {
                    color: #333;
                    font-size: 20px;
                    text-align: center;
                    display: inline-block;
                    width: 70%;
                }

                    .popWP .price_content input + label .priceSection .priceTxt .pTit {
                        font-size: 14px;
                    }

                    .popWP .price_content input + label .priceSection .priceTxt .pAmount {
                        font-weight: bold;
                        font-size: 25px;
                    }

                .popWP .price_content input + label .priceSection .arrow {
                    width: 40px;
                    height: 20px;
                    background: none;
                    position: relative;
                    margin: auto;
                    display: inline-block;
                }

                    .popWP .price_content input + label .priceSection .arrow.active {
                        background: none;
                    }

                    .popWP .price_content input + label .priceSection .arrow:before, .popWP .price_content input + label .priceSection .arrow:after {
                        content: "";
                        display: block;
                        width: 20px;
                        height: 3px;
                        background: #c2c2c2;
                        position: absolute;
                    }

                    .popWP .price_content input + label .priceSection .arrow:before {
                        right: 21px;
                        border-top-left-radius: 10px;
                        border-bottom-left-radius: 10px;
                        transform: rotate(45deg);
                    }

                    .popWP .price_content input + label .priceSection .arrow:after {
                        right: 8px;
                        transform: rotate(-45deg);
                    }

                    .popWP .price_content input + label .priceSection .arrow.active:before {
                        transform: rotate(-45deg);
                    }

                    .popWP .price_content input + label .priceSection .arrow.active:after {
                        transform: rotate(45deg);
                    }

            .popWP .price_content input:checked + label .priceSection .arrow:before, .popWP .price_content input:checked + label .priceSection .arrow:after {
                background: #3a68b2;
            }

    .popWP .selectBtn {
        display: inline-block;
        padding: 10px 120px;
        background: #3a68b2;
        color: #fff;
        font-size: 16px;
        margin: auto;
        text-align: center;
        border-radius: 10px;
        margin: 25px 0 50px;
    }

    .popWP .price_content .priceDt {
        display: none;
        background-color: #eaeaea;
        padding: 18px 75px;
        border-top: 1px solid #a7a7a7;
    }

        .popWP .price_content .priceDt.current {
            display: block;
        }

        .popWP .price_content .priceDt:not() span {
            display: block;
            font-size: 15px;
            text-align: left;
            color: #333;
        }

    .popWP .appConfirm {
        display: block;
        position: relative;
    }

    .popWP .appTit {
        display: block;
        width: 100%;
        text-align: left;
        font-size: 20px;
        font-weight: bold;
        color: #333;
        padding-bottom: 15px;
        border-bottom: 2px solid #333;
    }

    .popWP .appConfirm li {
        width: 100%;
        padding: 15px 20px;
        border-bottom: 1px solid #c2c2c2;
        text-align: left;
    }

        .popWP .appConfirm li:last-child {
            border-bottom: none;
        }

        .popWP .appConfirm li .confirmTit {
            display: inline-block;
            width: 30%;
            text-align: left;
            font-size: 18px;
            color: #333;
            font-weight: bold;
        }

        .popWP .appConfirm li .confirmTxt {
            width: 70%;
            text-align: left;
            font-size: 18px;
            color: #646464;
            font-weight: lighter;
        }

    .popWP .noticeAr {
        display: block;
        width: 100%;
        background-color: #eaeaea;
        border: 1px solid #a7a7a7;
        padding: 15px 20px;
        box-sizing: border-box;
        margin-top: 10px;
        text-align: left;
    }

        .popWP .noticeAr .nt_Tit {
            display: block;
            font-size: 15px;
            color: #333;
            margin-bottom: 5px;
        }

        .popWP .noticeAr .nt_Txt {
            display: block;
            font-size: 15px;
            color: #333;
            line-height: 140%;
            margin-left: 2px;
        }

            .popWP .noticeAr .nt_Txt:before {
                content: '-';
                margin-right: 2px;
            }

    .popWP .price_content .chargeGuide {
        position: relative;
        margin-top: 40px;
    }

        .popWP .price_content .chargeGuide li {
            position: relative;
            display: block;
            width: 100%;
            background: #fff;
            border: 1px solid #3a68b2;
            box-sizing: border-box;
            border-radius: 20px;
            overflow: hidden;
        }

            .popWP .price_content .chargeGuide li:nth-of-type(n+2) {
                margin-top: 10px;
            }

        .popWP .price_content .chargeGuide .guideTop {
            display: block;
            padding: 20px;
        }

        .popWP .price_content .chargeGuide .guideTit {
            width: 75%;
            color: #333;
            font-size: 20px;
            font-weight: bold;
            text-align: left;
            display: inline-block;
            vertical-align: middle;
        }

            .popWP .price_content .chargeGuide .guideTit.blu {
                width: 100%;
                display: block;
                color: #3a68b2;
            }

        .popWP .price_content .chargeGuide .guideTxt {
            width: 100%;
            display: block;
            color: #5b5b5b;
            font-size: 20px;
            text-align: left;
            font-weight: lighter;
        }

        .popWP .price_content .chargeGuide .guideBottom {
            display: none;
            background: #eaeaea;
            padding: 20px;
            border-top: 1px solid #c2c2c2;
            text-align: left;
        }

    .popWP .price_content .guideBottom:not() span {
        display: block;
        font-size: 15px;
        text-align: left;
        color: #333;
    }
        /*
            .popWP .price_content .chargeGuide .guideBottom span {
                display: block;
                font-size: 15px;
                text-align: left;
                color: #333;
            }*/

        .popWP .price_content .chargeGuide .guideArrow {
            width: 24%;
            padding: 20px;
            text-align: right;
            display: inline-block;
            vertical-align: middle;
            cursor: pointer;
            position: relative;
        }

            .popWP .price_content .chargeGuide .guideArrow .arrowDown {
                width: 50px;
                height: 50px;
                background: none;
                position: relative;
                margin: auto;
            }

                .popWP .price_content .chargeGuide .guideArrow .arrowDown.active {
                    background: none;
                }

                .popWP .price_content .chargeGuide .guideArrow .arrowDown:before, .popWP .price_content .chargeGuide .guideArrow .arrowDown:after {
                    content: "";
                    display: block;
                    width: 18px;
                    height: 3px;
                    background: #3a68b2;
                    position: absolute;
                }

                .popWP .price_content .chargeGuide .guideArrow .arrowDown:before {
                    right: 22px;
                    border-top-left-radius: 10px;
                    border-bottom-left-radius: 10px;
                    transform: rotate(30deg);
                }

                .popWP .price_content .chargeGuide .guideArrow .arrowDown:after {
                    right: 8px;
                    transform: rotate(-30deg);
                }

                .popWP .price_content .chargeGuide .guideArrow .arrowDown.active:before {
                    transform: rotate(-30deg);
                }

                .popWP .price_content .chargeGuide .guideArrow .arrowDown.active:after {
                    transform: rotate(30deg);
                }

    .popWP .priceDetailTb table {
        width: 100%;
        margin: 16px 0;
    }

    .popWP .priceDetailTb thead {
        background-color: #eaeaea;
        border-top: 1px solid #a7a7a7;
        border-bottom: 1px solid #a7a7a7;
        text-align: center;
    }

        .popWP .priceDetailTb thead th {
            height: 74px;
            line-height: 74px;
            font-size: 15px;
            color: #333;
            font-weight: bold;
            text-align: center;
        }

    .popWP .priceDetailTb tbody tr {
        border-bottom: 1px solid #a7a7a7;
        text-align: center;
    }

    .popWP .priceDetailTb tbody td {
        height: 74px;
        line-height: 74px;
        font-size: 15px;
        color: #333;
        text-align: center;
    }

        .popWP .priceDetailTb thead th:last-of-type, .popWP .priceDetailTb tbody td:last-of-type {
            padding-right: 15px;
        }

    .popWP .priceDetailTb .note_Txt {
        display: block;
        text-align: left;
        font-size: 15px;
        color: #333;
        line-height: 140%;
        margin-left: 2px;
    }

        .popWP .priceDetailTb .note_Txt:before {
            content: '-';
            margin-right: 2px;
        }

    .popWP .refundInfo {
        display: block;
        text-align: left;
        width: 100%;
        margin-top: 20px;
    }

        .popWP .refundInfo .refundTit {
            display: block;
            text-align: left;
            font-size: 20px;
            font-weight: bold;
            color: #3a68b2;
        }

        .popWP .refundInfo .inputAr {
            display: block;
            overflow: hidden;
            position: relative;
            padding: 8px 0;
        }


            .popWP .refundInfo .inputAr .inpGroup {
                display: block;
            }

                .popWP .refundInfo .inputAr .inpGroup .grouping {
                    display: inline-block;
                    margin-left: 14px;
                    vertical-align: middle;
                }

        .popWP .refundInfo select {
            display: inline-block;
            border-radius: 5px;
            border: 1px solid #c2c2c2;
            height: 46px;
            line-height: 46px;
            width: 200px;
            box-sizing: border-box;
            padding: 0 10px;
            background: url('//blob.wifidosirak.com/wm-d01/dosirakmobile/images/selectArrow_pop.png') no-repeat 95% 54%; /* 네이티브 화살표를 커스텀 화살표로 대체 */
            color: #5b5b5b;
            font-size: 18px;
            -webkit-appearance: none; /* 네이티브 외형 감추기 */
            -moz-appearance: none;
            appearance: none;
        }

            .popWP .refundInfo select.full {
                width: 100%;
                background-position: 98% 54%;
            }

        .popWP .refundInfo .inputAr input[type=text] {
            display: inline-block;
            box-sizing: border-box;
            height: 46px;
            border-radius: 5px;
            border: 1px solid #c2c2c2;
            vertical-align: middle;
            padding-left: 10px;
            font-size: 18px;
        }

            .popWP .refundInfo .inputAr input[type=text].full {
                width: 100%;
            }

        .popWP .refundInfo .inputAr textarea {
            width: 100%;
            min-height: 300px;
            display: block;
            border-radius: 5px;
            border: 1px solid #c2c2c2;
            vertical-align: middle;
            padding: 10px;
            font-size: 18px;
        }

            .popWP .refundInfo .inputAr textarea:focus {
                outline: none;
            }

/* subpage Tab */
.subStepWrap {
    display: block;
    position: relative;
    width: 1100px;
    margin: auto;
    margin-top: 80px;
}

    .subStepWrap.topz {
        margin-top: 0;
    }

    .subStepWrap .stepAr {
        display: block;
        position: relative;
        width: 100%;
        padding: 35px 0;
        overflow: hidden;
        background: url('//blob.wifidosirak.com/wm-d01/dosirakmobile/images/step_line.png') no-repeat center center;
    }

        .subStepWrap .stepAr li {
            display: inline-block;
            width: 33.3%;
            float: left;
            text-align: center;
            margin: auto;
        }

            .subStepWrap .stepAr li .stepNum {
                display: inline-block;
                width: auto;
                padding: 8px 15px;
                background-color: #c2c2c2;
                color: #fff;
                font-size: 16px;
                border-radius: 30px;
                float: left;
            }

                .subStepWrap .stepAr li .stepNum b {
                    margin-left: 5px;
                    font-weight: normal;
                }

                .subStepWrap .stepAr li .stepNum.on {
                    background-color: #3a68b2;
                }

            .subStepWrap .stepAr li:nth-child(2) .stepNum {
                margin: auto;
                float: none;
            }

            .subStepWrap .stepAr li:nth-child(3) .stepNum {
                float: right;
            }

.subTabAr {
    width: 100%;
    margin: auto;
    text-align: center;
    position: relative;
}

.subTab {
    width: 1100px;
    display: inline-block;
}

    .subTab li {
        background: #fff;
        font-size: 22px;
        text-align: center;
        float: left;
        vertical-align: middle;
        padding: 10px 0;
        color: #333;
        cursor: pointer;
        line-height: normal;
        border: 1px solid #ddd;
        box-sizing: border-box;
    }

        .subTab li.current {
            background: #3a68b2;
            color: #fff;
            font-weight: bold;
            border: 1px solid #3a68b2;
            position: relative;
        }

        .subTab li:first-child:nth-last-child(1) {
            width: 100%;
        }

        .subTab li:first-child:nth-last-child(2),
        .subTab li:first-child:nth-last-child(2) ~ li {
            width: 50%;
        }

        .subTab li:first-child:nth-last-child(3),
        .subTab li:first-child:nth-last-child(3) ~ li {
            width: 33.3333%;
        }

        .subTab li:first-child:nth-last-child(4),
        .subTab li:first-child:nth-last-child(4) ~ li {
            width: 25%;
        }

        .subTab li:first-child:nth-last-child(5),
        .subTab li:first-child:nth-last-child(5) ~ li {
            width: 20%;
        }


        .subTab li:first-child:nth-last-child(6),
        .subTab li:first-child:nth-last-child(6) ~ li {
            width: 16.6%;
        }

        .subTab li.current span {
            position: absolute;
            top: 100%;
            left: 50%;
            display: block;
            width: 23px;
            height: 11px;
            background: url('//blob.wifidosirak.com/wm-d01/dosirakmobile/images/tab_on_img.png') no-repeat 0 0;
            transform: translate(-50%, 0%);
        }

.subTab-contentWrap {
    display: block;
    position: relative;
    width: 100%;
    overflow-y: auto;
    padding-top: 50px;
    margin: auto;
}

.subTab-content {
    display: none;
    width: 1100px;
    margin: auto;
    position: relative;
}

    .subTab-content.current {
        display: inherit;
    }

.subPageAr .prod_option .prod_content.document input {
    display: inline-block;
    box-sizing: border-box;
    height: 46px;
    border-radius: 5px;
    border: 1px solid #c2c2c2;
    vertical-align: middle;
    padding-left: 20px;
    font-size: 18px;
}

.subPageAr .prod_option .prod_content.document select {
    display: block;
}

.subPageAr .prod_option .prod_content.document input::placeholder {
    color: #5b5b5b;
    font-size: 18px;
}

.subPageAr .prod_option .prod_content .inputTit {
    display: block;
    text-align: left;
    font-size: 18px;
    color: #333;
}

    .subPageAr .prod_option .prod_content .inputTit:nth-of-type(n+2) {
        margin-top: 10px;
    }

.subPageAr .prod_option .prod_content .inputAr {
    display: block;
    overflow: hidden;
    position: relative;
    padding: 8px 0;
}

    .subPageAr .prod_option .prod_content .inputAr input.name {
        width: 300px;
    }

    .subPageAr .prod_option .prod_content .inputAr input.code {
        width: 300px;
    }

    .subPageAr .prod_option .prod_content .inputAr input.idNum {
        width: 532px;
    }

    .subPageAr .prod_option .prod_content .inputAr input.driverNum {
        width: 404px;
    }

    .subPageAr .prod_option .prod_content .inputAr input.idCardDate {
        width: 722px;
    }

    .subPageAr .prod_option .prod_content .inputAr input.dlCardDate {
        width: 378px;
    }

    .subPageAr .prod_option .prod_content .inputAr input.quarter {
        width: 200px;
    }

    .subPageAr .prod_option .prod_content .inputAr input.wdDate {
        position: relative;
        width: 300px;
        background: url('//blob.wifidosirak.com/wm-d01/dosirakmobile/images/wdCal.png') no-repeat 96% center;
        background-size: 30px 30px;
        cursor: pointer;
    }

        .subPageAr .prod_option .prod_content .inputAr input.wdDate:after {
            display: block;
            position: absolute;
            top: 0;
            right: 5px;
            content: '';
            width: 30px;
            height: 30px;
        }

    .subPageAr .prod_option .prod_content .inputAr input.quarter:nth-of-type(2) {
        margin-left: 14px;
    }

    .subPageAr .prod_option .prod_content .inputAr input.inputFull {
        width: 100%;
    }

    .subPageAr .prod_option .prod_content .inputAr input.gray {
        background-color: #eaeaea;
    }

    .subPageAr .prod_option .prod_content .inputAr .inpGroup {
        display: block;
    }

        .subPageAr .prod_option .prod_content .inputAr .inpGroup .grouping {
            display: inline-block;
            margin-left: 14px;
            vertical-align: middle;
        }

            .subPageAr .prod_option .prod_content .inputAr .inpGroup .grouping .id_alert {
                display: block;
                font-size: 15px;
                color: #e45757;
                text-align: left;
                padding: 5px;
                position: absolute;
                top: 15px;
                right: 20px;
            }

    .subPageAr .prod_option .prod_content .inputAr .idDate, .subPageAr .prod_option .prod_content .inputAr .idDate2 {
        display: inline-block;
        text-align: left;
        color: #333;
        font-size: 18px;
        position: relative;
        margin-left: 25px;
        margin-right: 20px;
        line-height: 46px;
    }

        .subPageAr .prod_option .prod_content .inputAr .idDate:before {
            position: absolute;
            content: '';
            width: 21px;
            height: 21px;
            background: url('//blob.wifidosirak.com/wm-d01/dosirakmobile/images/idDate.png') no-repeat 0 0;
            margin-top: 13px;
            margin-left: -25px;
        }

        .subPageAr .prod_option .prod_content .inputAr .idDate2:before {
            position: absolute;
            content: '';
            width: 21px;
            height: 21px;
            background: url('//blob.wifidosirak.com/wm-d01/dosirakmobile/images/idDate2.png') no-repeat 0 0;
            margin-top: 13px;
            margin-left: -25px;
        }

.subPageAr .prod_option .prod_content.document select::-ms-expand {
    display: none;
}

.subPageAr .prod_option .prod_content.document select {
    display: inline-block;
    border-radius: 5px;
    border: 1px solid #c2c2c2;
    height: 46px;
    line-height: 46px;
    width: 300px;
    box-sizing: border-box;
    padding: 0 20px;
    background: url('//blob.wifidosirak.com/wm-d01/dosirakmobile/images/selectArrow_pop.png') no-repeat 95% 54%; /* 네이티브 화살표를 커스텀 화살표로 대체 */
    color: #5b5b5b;
    font-size: 18px;
    -webkit-appearance: none; /* 네이티브 외형 감추기 */
    -moz-appearance: none;
    appearance: none;
}

    .subPageAr .prod_option .prod_content.document select.quarter {
        width: 198px;
    }

        .subPageAr .prod_option .prod_content.document select.quarter:nth-of-type(n+2) {
            margin-left: 15px;
        }

    .subPageAr .prod_option .prod_content.document select:focus {
        outline: none;
    }

    .subPageAr .prod_option .prod_content.document select option {
        background-color: #fff;
        color: #333;
    }

.subPageAr .prod_option .prod_content.document .appConfirm select::-ms-expand {
    display: none;
}

.subPageAr .prod_option .prod_content.document .appConfirm select {
    display: inline-block;
    border: none;
    padding: 0;
    height: 20px;
    line-height: 20px;
    width: 65%;
    box-sizing: border-box;
    background: url('//blob.wifidosirak.com/wm-d01/dosirakmobile/images/selectArrow_pop.png') no-repeat 95% 54%; /* 네이티브 화살표를 커스텀 화살표로 대체 */
    color: #646464;
    font-size: 18px;
    -webkit-appearance: none; /* 네이티브 외형 감추기 */
    -moz-appearance: none;
    appearance: none;
    vertical-align: baseline;
}

    .subPageAr .prod_option .prod_content.document .appConfirm select.selectAmount {
        width: 200px;
    }

    .subPageAr .prod_option .prod_content.document .appConfirm select:focus {
        outline: none;
    }

    .subPageAr .prod_option .prod_content.document .appConfirm select option {
        background-color: #fff;
        color: #646464;
    }

.subPageAr .prod_option .prod_content .idCard {
    display: block;
    width: 100%;
    margin: auto;
    text-align: left;
    padding: 30px 0 20px;
}

.subPageAr .prod_option .prod_content .paymentTab {
    width: 100%;
    display: inline-block;
}

    .subPageAr .prod_option .prod_content .paymentTab li {
        background: #fff;
        font-size: 18px;
        text-align: center;
        float: left;
        vertical-align: middle;
        padding: 15px 0;
        color: #333;
        cursor: pointer;
        line-height: normal;
        border: 1px solid #c2c2c2;
        box-sizing: border-box;
    }

        .subPageAr .prod_option .prod_content .paymentTab li:nth-of-type(n+2) {
            margin-top: 0;
            margin-left: -1px;
        }

        .subPageAr .prod_option .prod_content .paymentTab li.active {
            color: #3a68b2;
            border: 1px solid #3a68b2;
            font-weight: bold;
            position: relative;
        }

        .subPageAr .prod_option .prod_content .paymentTab li:first-child:nth-last-child(1) {
            width: 100%;
        }

        .subPageAr .prod_option .prod_content .paymentTab li:first-child:nth-last-child(2),
        .subPageAr .prod_option .prod_content .paymentTab li:first-child:nth-last-child(2) ~ li {
            width: 50%;
        }

        .subPageAr .prod_option .prod_content .paymentTab li:first-child:nth-last-child(3),
        .subPageAr .prod_option .prod_content .paymentTab li:first-child:nth-last-child(3) ~ li {
            width: 33.3333%;
        }

        .subPageAr .prod_option .prod_content .paymentTab li:first-child:nth-last-child(4),
        .subPageAr .prod_option .prod_content .paymentTab li:first-child:nth-last-child(4) ~ li {
            width: 25%;
        }

        .subPageAr .prod_option .prod_content .paymentTab li:first-child:nth-last-child(5),
        .subPageAr .prod_option .prod_content .paymentTab li:first-child:nth-last-child(5) ~ li {
            width: 20%;
        }


        .subPageAr .prod_option .prod_content .paymentTab li:first-child:nth-last-child(6),
        .subPageAr .prod_option .prod_content .paymentTab li:first-child:nth-last-child(6) ~ li {
            width: 16.6%;
        }

.subPageAr .prod_option .prod_content .paymentTab-content {
    display: none;
    width: 100%;
    margin: auto;
    position: relative;
}

    .subPageAr .prod_option .prod_content .paymentTab-content.active {
        display: inherit;
    }

.subPageAr .prod_option .prod_content .confirmTab, .subPageAr .prod_option .prod_content .confirmMinorTab, .subPageAr .prod_option .prod_content .confirmForeignTab {
    width: 100%;
    display: inline-block;
}

    .subPageAr .prod_option .prod_content .confirmTab li, .subPageAr .prod_option .prod_content .confirmMinorTab li, .subPageAr .prod_option .prod_content .confirmForeignTab li {
        background: #fff;
        font-size: 18px;
        width: 50%;
        text-align: center;
        float: left;
        vertical-align: middle;
        padding: 15px 0;
        color: #333;
        cursor: pointer;
        line-height: normal;
        border: 1px solid #c2c2c2;
        box-sizing: border-box;
    }

        .subPageAr .prod_option .prod_content .confirmTab li:nth-of-type(n+2), .subPageAr .prod_option .prod_content .confirmMinorTab li:nth-of-type(n+2), .subPageAr .prod_option .prod_content .confirmForeignTab li:nth-of-type(n+2) {
            margin-top: 0;
            margin-left: -1px;
        }

        .subPageAr .prod_option .prod_content .confirmTab li.active, .subPageAr .prod_option .prod_content .confirmMinorTab li.active, .subPageAr .prod_option .prod_content .confirmForeignTab li.active {
            color: #3a68b2;
            border: 1px solid #3a68b2;
            font-weight: bold;
            position: relative;
        }

        .subPageAr .prod_option .prod_content .confirmTab li:first-child:nth-last-child(1) {
            width: 100%;
        }

        .subPageAr .prod_option .prod_content .confirmTab li:first-child:nth-last-child(2),
        .subPageAr .prod_option .prod_content .confirmTab li:first-child:nth-last-child(2) ~ li {
            width: 50%;
        }

        .subPageAr .prod_option .prod_content .confirmTab li:first-child:nth-last-child(3),
        .subPageAr .prod_option .prod_content .confirmTab li:first-child:nth-last-child(3) ~ li {
            width: 33.3333%;
        }

        .subPageAr .prod_option .prod_content .confirmTab li:first-child:nth-last-child(4),
        .subPageAr .prod_option .prod_content .confirmTab li:first-child:nth-last-child(4) ~ li {
            width: 25%;
        }

        .subPageAr .prod_option .prod_content .confirmTab li:first-child:nth-last-child(5),
        .subPageAr .prod_option .prod_content .confirmTab li:first-child:nth-last-child(5) ~ li {
            width: 20%;
        }


        .subPageAr .prod_option .prod_content .confirmTab li:first-child:nth-last-child(6),
        .subPageAr .prod_option .prod_content .confirmTab li:first-child:nth-last-child(6) ~ li {
            width: 16.6%;
        }

.subPageAr .prod_option .prod_content .confirmTab-content, .subPageAr .prod_option .prod_content .confirmMinorTab-content, .subPageAr .prod_option .prod_content .confirmForeignTab-content {
    display: none;
    width: 100%;
    margin: auto;
    position: relative;
}

    .subPageAr .prod_option .prod_content .confirmTab-content.active, .subPageAr .prod_option .prod_content .confirmMinorTab-content.active, .subPageAr .prod_option .prod_content .confirmForeignTab-content.active {
        display: inherit;
    }

.subPageAr .prod_option .prod_content .noteAr {
    display: block;
    margin-top: 10px;
    background: #eaeaea;
    border: 1px solid #c2c2c2;
    padding: 30px 20px;
}

    .subPageAr .prod_option .prod_content .noteAr .noticeTit {
        display: block;
        font-size: 15px;
        font-weight: bold;
        color: #333;
        line-height: 140%;
        margin-bottom: 5px;
    }

        .subPageAr .prod_option .prod_content .noteAr .noticeTit.blu {
            color: #3a68b2;
        }

        .subPageAr .prod_option .prod_content .noteAr .noticeTit:nth-of-type(n+2) {
            margin-top: 10px;
        }

    .subPageAr .prod_option .prod_content .noteAr .noticeTxt {
        display: block;
        font-size: 15px;
        color: #333;
        line-height: 140%;
        margin-left: 10px;
    }

        .subPageAr .prod_option .prod_content .noteAr .noticeTxt:before {
            content: '-';
            margin-left: -8px;
            margin-right: 3px;
        }

.subPageAr .prod_option .prod_content .btnAr {
    display: block;
    padding-top: 30px;
}

    .subPageAr .prod_option .prod_content .btnAr.center {
        margin: auto;
        text-align: center;
    }

        .subPageAr .prod_option .prod_content .btnAr.center.mL {
            margin-left: 60px;
        }

    .subPageAr .prod_option .prod_content .btnAr .btnBefore {
        display: inline-block;
        background: #c2c2c2;
        color: #fff;
        font-size: 20px;
        padding: 18px 0;
        width: 152px;
        border-radius: 5px;
    }

    .subPageAr .prod_option .prod_content .btnAr .btnCertify {
        display: inline-block;
        background: #3a68b2;
        color: #fff;
        font-size: 20px;
        padding: 18px 0;
        width: 240px;
        border-radius: 5px;
    }

        .subPageAr .prod_option .prod_content .btnAr .btnCertify.center {
            margin: auto;
            text-align: center;
        }

    .subPageAr .prod_option .prod_content .btnAr button:nth-of-type(n+2) {
        margin-left: 15px;
    }

.subPageAr .prod_option .prod_content .inputAr .check-btn {
    position: relative;
    display: block;
    background: url('//blob.wifidosirak.com/wm-d01/dosirakmobile/images/inputChk_off.png') no-repeat 0 0;
    cursor: pointer;
    padding-left: 24px;
    line-height: 21px;
    color: #333;
    font-size: 18px;
}

    .subPageAr .prod_option .prod_content .inputAr .check-btn.active {
        background: url('//blob.wifidosirak.com/wm-d01/dosirakmobile/images/inputChk_on.png') no-repeat 0 0;
    }

.subPageAr .prod_option .prod_content .inputNote {
    display: block;
    text-align: right;
    font-size: 14px;
    color: #3a68b2;
    float: right;
}

    .subPageAr .prod_option .prod_content .inputNote.myPage {
        color: #333;
    }

        .subPageAr .prod_option .prod_content .inputNote.myPage a {
            color: #3a68b2;
            font-weight: bold;
        }

.subPageAr .prod_option .prod_content .inputNotice {
    display: block;
    text-align: left;
    font-size: 14px;
    color: #3a68b2;
}

.subPageAr .prod_option .prod_content .inputAr .inputBtn {
    position: relative;
    display: inline-block;
    cursor: pointer;
    width: 300px;
    height: 46px;
    color: #3a68b2;
    font-size: 18px;
    text-align: center;
    border: 1px solid #3a68b2;
    box-sizing: border-box;
    border-radius: 5px;
}

.subPageAr .prod_option .prod_content .inputAr .checkBtn {
    position: relative;
    display: inline-block;
    cursor: pointer;
    width: 198px;
    height: 46px;
    color: #3a68b2;
    font-size: 18px;
    text-align: center;
    border: 1px solid #3a68b2;
    box-sizing: border-box;
    border-radius: 5px;
}

.subPageAr .prod_option .prod_content .banAr {
    display: block;
    width: 850px;
    margin: auto;
    margin-bottom: 10px;
}

/* 가입신청서_가입완료 */
.subPageAr .prod_option .prod_content .appConfirm {
    display: block;
    position: relative;
}

    .subPageAr .prod_option .prod_content .appConfirm li {
        display: block;
        width: 100%;
        padding: 15px 20px;
        border-bottom: 1px solid #c2c2c2;
        text-align: left;
    }

        .subPageAr .prod_option .prod_content .appConfirm li:after {
            display: block;
            content: '';
            clear: both;
            float: none;
        }

        .subPageAr .prod_option .prod_content .appConfirm li .balance {
            display: inline-block;
            font-size: 18px;
            color: #3a68b2;
        }

        .subPageAr .prod_option .prod_content .appConfirm li:nth-of-type(n+2) {
            margin-top: 0;
        }

        .subPageAr .prod_option .prod_content .appConfirm li:first-child {
            border-top: 1px solid #c2c2c2;
        }

        .subPageAr .prod_option .prod_content .appConfirm li .confirmTit {
            display: inline-block;
            width: 30%;
            text-align: left;
            font-size: 18px;
            color: #333;
            font-weight: bold;
            float: left;
        }

        .subPageAr .prod_option .prod_content .appConfirm li .confirmTxt {
            display: inline-block;
            width: 70%;
            text-align: left;
            font-size: 18px;
            color: #646464;
            font-weight: lighter;
            float: right;
        }

            .subPageAr .prod_option .prod_content .appConfirm li .confirmTxt .txtTit {
                display: inline-block;
                width: 30%;
            }

.subPageAr .prod_option .prod_content .btnWide {
    width: 100%;
    height: 55px;
    display: block;
    border-radius: 5px;
    background: #fff;
    color: #3a68b2;
    border: 1px solid #3a68b2;
    box-sizing: border-box;
    text-align: center;
    font-size: 20px;
    margin-top: 20px;
}

    .subPageAr .prod_option .prod_content .btnWide.blue {
        background: #3a68b2;
        color: #fff;
    }

/* 도시락모바일 요금제 */
.chargeAr {
    display: block;
    position: relative;
    width: 1100px;
    margin: auto;
    padding-bottom: 50px;
}

    .chargeAr .chargeArTit {
        display: block;
        padding: 40px 0;
    }

    .chargeAr .chargeSelect li {
        display: inline-block;
        width: 30%;
        border: 1px solid #c2c2c2;
        border-radius: 10px;
        padding: 25px;
        margin: auto;
        box-sizing: border-box;
        float: left;
    }

        .chargeAr .chargeSelect li:nth-of-type(n+2) {
            margin-left: 5%;
        }

    .chargeAr .chargeSelect .menuTit {
        display: block;
        text-align: left;
        font-size: 18px;
        color: #333;
    }

    .chargeAr .chargeSelect select::-ms-expand {
        display: none;
    }

    .chargeAr .chargeSelect select {
        display: inline-block;
        border-radius: 5px;
        border: 1px solid #c2c2c2;
        height: 46px;
        line-height: 46px;
        width: 100%;
        box-sizing: border-box;
        margin-top: 20px;
        padding: 0 20px;
        background: url('//blob.wifidosirak.com/wm-d01/dosirakmobile/images/selectArrow_pop.png') no-repeat 95% 54%; /* 네이티브 화살표를 커스텀 화살표로 대체 */
        color: #5b5b5b;
        font-size: 18px;
        -webkit-appearance: none; /* 네이티브 외형 감추기 */
        -moz-appearance: none;
        appearance: none;
    }

        .chargeAr .chargeSelect select:focus {
            outline: none;
        }

        .chargeAr .chargeSelect select option {
            background-color: #fff;
            color: #333;
        }

    .chargeAr .chargeSelect .menuSearchAr {
        display: block;
        padding: 30px 0 20px;
    }

        .chargeAr .chargeSelect .menuSearchAr .menuSearch {
            display: block;
            width: 240px;
            height: 56px;
            background: #3a68b2;
            color: #fff;
            text-align: center;
            font-size: 20px;
            border-radius: 5px;
            margin: auto;
        }

    .chargeAr .chargeListAr {
        display: block;
    }

        .chargeAr .chargeListAr .listTop {
            display: block;
            padding: 20px 0;
            border-bottom: 1px solid #c2c2c2;
            overflow: hidden;
        }

            .chargeAr .chargeListAr .listTop > .left {
                width: 50%;
                float: left;
                box-sizing: border-box;
            }

            .chargeAr .chargeListAr .listTop > .right {
                width: 50%;
                float: right;
                box-sizing: border-box;
                text-align: right;
            }

            .chargeAr .chargeListAr .listTop .listNote {
                font-size: 14px;
                color: #333;
                height: 38px;
                line-height: 38px;
            }

            .chargeAr .chargeListAr .listTop select::-ms-expand {
                display: none;
            }

            .chargeAr .chargeListAr .listTop select {
                display: inline-block;
                border-radius: 5px;
                border: 1px solid #c2c2c2;
                height: 38px;
                line-height: 38px;
                width: 220px;
                box-sizing: border-box;
                padding: 0 20px;
                background: url('//blob.wifidosirak.com/wm-d01/dosirakmobile/images/selectArrow_pop.png') no-repeat 95% 54%; /* 네이티브 화살표를 커스텀 화살표로 대체 */
                color: #5b5b5b;
                font-size: 14px;
                -webkit-appearance: none; /* 네이티브 외형 감추기 */
                -moz-appearance: none;
                appearance: none;
            }

                .chargeAr .chargeListAr .listTop select:focus {
                    outline: none;
                }

                .chargeAr .chargeListAr .listTop select option {
                    background-color: #fff;
                    color: #333;
                }

            .chargeAr .chargeListAr .listTop .chargeTab {
                width: 80px;
                display: inline-block;
                float: right;
                margin-left: 20px;
            }

                .chargeAr .chargeListAr .listTop .chargeTab li {
                    background: #fff;
                    font-size: 18px;
                    width: 38px;
                    height: 38px;
                    text-align: center;
                    float: left;
                    vertical-align: middle;
                    color: #333;
                    cursor: pointer;
                    line-height: normal;
                    border: 1px solid #c2c2c2;
                    border-radius: 5px;
                    box-sizing: border-box;
                    margin: auto;
                }

                    .chargeAr .chargeListAr .listTop .chargeTab li:first-child {
                        background: url(//blob.wifidosirak.com/wm-d01/dosirakmobile/images/chargeList_off.png) no-repeat 0 0;
                    }

                    .chargeAr .chargeListAr .listTop .chargeTab li:last-child {
                        background: url(//blob.wifidosirak.com/wm-d01/dosirakmobile/images/chargeCard_off.png) no-repeat 0 0;
                    }

                    .chargeAr .chargeListAr .listTop .chargeTab li.active:first-child {
                        background: url(//blob.wifidosirak.com/wm-d01/dosirakmobile/images/chargeList_on.png) no-repeat 0 0;
                    }

                    .chargeAr .chargeListAr .listTop .chargeTab li.active:last-child {
                        background: url(//blob.wifidosirak.com/wm-d01/dosirakmobile/images/chargeCard_on.png) no-repeat 0 0;
                    }

                    .chargeAr .chargeListAr .listTop .chargeTab li:nth-of-type(n+2) {
                        margin-top: 0;
                        margin-left: 4px;
                    }

                    .chargeAr .chargeListAr .listTop .chargeTab li.active {
                        color: #3a68b2;
                        border: 1px solid #3a68b2;
                        font-weight: bold;
                        position: relative;
                    }

    .chargeAr .chargeTab-content {
        display: none;
        width: 1100px;
        margin: auto;
        position: relative;
    }

        .chargeAr .chargeTab-content.active {
            display: inherit;
        }

        .chargeAr .chargeTab-content.on {
            display: block;
        }

.noSale {
    display: none !important;
}

.chargeAr .chargeListDetail {
    display: block;
}

    .chargeAr .chargeListDetail li {
        display: block;
        padding: 40px 0;
        border-bottom: 1px solid #c2c2c2;
    }

    .chargeAr .chargeListDetail .listLt {
        display: inline-block;
        width: 60%;
        float: left;
    }
        /* 210319 추가 */
        .chargeAr .chargeListDetail .listLt .basicZone .detailPrice {
            display: inline-block;
            vertical-align: middle;
            margin-left: 20px;
            cursor: pointer;
        }

        .chargeAr .chargeListDetail .listLt .basicZone .btnFav {
            display: inline-block;
            vertical-align: middle;
            margin-left: 10px;
            width: 23px;
            height: 21px;
            background: url('//blob.wifidosirak.com/wm-d01/dosirakmobile/images/list_btnFav.png') no-repeat 0 0;
            cursor: pointer;
        }

            .chargeAr .chargeListDetail .listLt .basicZone .btnFav.active {
                background: url('//blob.wifidosirak.com/wm-d01/dosirakmobile/images/list_btnFav_active.png') no-repeat 0 0;
            }

    .chargeAr .chargeListDetail .listRt {
        display: inline-block;
        width: 40%;
        text-align: right;
    }

    .chargeAr .chargeListDetail .top {
        display: block;
        background: url('//blob.wifidosirak.com/wm-d01/dosirakmobile/images/listDot.png') no-repeat 0 50%;
    }

    .chargeAr .chargeListDetail .listTitle {
        display: inline-block;
        width: auto;
        text-align: left;
        font-size: 22px;
        color: #333;
        font-weight: bold;
        background: #fff;
    }

    .chargeAr .chargeListDetail .saleCharge {
        display: inline-block;
        text-align: right;
        font-size: 22px;
        color: #333;
        background: #fff;
    }

    .chargeAr .chargeListDetail .listCharge {
        display: inline-block;
        width: 198px;
        text-align: right;
        font-size: 22px;
        color: #333;
        background: #fff;
    }

        .chargeAr .chargeListDetail .listCharge:after {
            clear: both;
        }

        .chargeAr .chargeListDetail .listCharge b {
            font-weight: normal;
        }

    .chargeAr .chargeListDetail .option {
        display: inline-block;
        height: 26px;
        font-size: 18px;
        color: #333;
        vertical-align: middle;
    }

        .chargeAr .chargeListDetail .option:nth-of-type(n+2) {
            margin-left: 15px;
        }

        .chargeAr .chargeListDetail .option.data {
            background: url('//blob.wifidosirak.com/wm-d01/dosirakmobile/images/optionIconData.png') no-repeat 0 50%;
            padding-left: 30px;
        }

        .chargeAr .chargeListDetail .option.voice {
            background: url('//blob.wifidosirak.com/wm-d01/dosirakmobile/images/optionIconVoice.png') no-repeat 0 70%;
            padding-left: 20px;
        }

        .chargeAr .chargeListDetail .option.sms {
            background: url('//blob.wifidosirak.com/wm-d01/dosirakmobile/images/optionIconSms.png') no-repeat 0 70%;
            padding-left: 26px;
        }

    .chargeAr .chargeListDetail .basicPrice {
        display: block;
        font-size: 18px;
        color: #333;
        text-align: right;
    }

    .chargeAr .chargeListDetail .option.first {
        background: url('//blob.wifidosirak.com/wm-d01/dosirakmobile/images/benefit3.png') no-repeat 0 50%;
        padding-left: 60px;
        font-size: 16px;
    }

    .chargeAr .chargeListDetail .option.second {
        background: url('//blob.wifidosirak.com/wm-d01/dosirakmobile/images/benefit9.png') no-repeat 0 50%;
        padding-left: 60px;
        font-size: 16px;
    }

    .chargeAr .chargeListDetail .option.third {
        background: url('//blob.wifidosirak.com/wm-d01/dosirakmobile/images/benefitlabel.png') no-repeat 0 50%;
        padding-left: 60px;
        font-size: 16px;
    }

    .chargeAr .chargeListDetail .option.four {
        background: url('//blob.wifidosirak.com/wm-d01/dosirakmobile/images/benefit_4000.png') no-repeat 0 50%;
        padding-left: 60px;
        font-size: 16px;
    }

    .chargeAr .chargeListDetail .option.five {
        background: url('//blob.wifidosirak.com/wm-d01/dosirakmobile/images/benefit_5000.png') no-repeat 0 50%;
        padding-left: 60px;
        font-size: 16px;
    }

    .chargeAr .chargeListDetail .option.six {
        background: url('//blob.wifidosirak.com/wm-d01/dosirakmobile/images/benefit_6000.png') no-repeat 0 50%;
        padding-left: 60px;
        font-size: 16px;
    }

    .chargeAr .chargeListDetail .joinBtn {
        display: block;
        display: inline-block;
    }

        .chargeAr .chargeListDetail .joinBtn a {
            display: block;
            width: 125px;
            height: 30px;
            line-height: 30px;
            border-radius: 20px;
            background-color: #f7d05d;
            color: #333;
            text-align: center;
            margin: auto;
        }

    .chargeAr .chargeListDetail .detailBtn {
        display: block;
        display: inline-block;
    }

        .chargeAr .chargeListDetail .detailBtn a {
            display: block;
            width: 125px;
            height: 30px;
            line-height: 30px;
            border-radius: 20px;
            background-color: #3a68b2;
            color: #fff;
            text-align: center;
            margin: auto;
        }

    .chargeAr .chargeListDetail .benefitZone {
        margin-top: 5px;
    }

.chargeAr .chargeCardDetail {
    display: block;
}

    .chargeAr .chargeCardDetail li {
        display: inline-block;
        width: 32%;
    }

    .chargeAr .chargeCardDetail .planTb {
        display: block;
        position: relative;
        width: 100%;
        padding: 0 27px;
        overflow: hidden;
    }

        .chargeAr .chargeCardDetail .planTb .fav-btn {
            position: absolute;
            top: 35px;
            right: 45px;
            display: block;
            background: url('//blob.wifidosirak.com/wm-d01/dosirakmobile/images/favBtn.png') no-repeat 0 0;
            width: 25px;
            height: 23px;
            cursor: pointer;
        }

            .chargeAr .chargeCardDetail .planTb .fav-btn.active {
                background: url('//blob.wifidosirak.com/wm-d01/dosirakmobile/images/favBtn_on.png') no-repeat 0 0;
            }

        .chargeAr .chargeCardDetail .planTb .priceTit {
            display: block;
            position: relative;
            font-size: 25px;
            color: #fff;
            text-align: left;
            line-height: 100%;
            font-weight: 100;
            margin-top: 24px;
        }

            .chargeAr .chargeCardDetail .planTb .priceTit b {
                font-weight: 700;
                font-size: 20px;
            }

        .chargeAr .chargeCardDetail .planTb .planAr {
            display: block;
            margin-top: 23px;
            width: 100%;
        }

            .chargeAr .chargeCardDetail .planTb .planAr li {
                float: left;
                width: 33.3%;
                box-sizing: border-box;
                display: inline-block;
            }

                .chargeAr .chargeCardDetail .planTb .planAr li .iconAr {
                    display: block;
                    height: 68px;
                }

                .chargeAr .chargeCardDetail .planTb .planAr li .iconName {
                    display: block;
                    font-size: 12px;
                    margin-top: 10px;
                    text-align: center;
                    color: #fff;
                }

                .chargeAr .chargeCardDetail .planTb .planAr li .iconVol {
                    display: block;
                    font-size: 16px;
                    text-align: center;
                    color: #fff;
                    font-weight: bold;
                    line-height: 16px;
                }

        .chargeAr .chargeCardDetail .planTb .planPrice {
            display: block;
            clear: both;
            margin: auto;
            text-align: center;
        }

            .chargeAr .chargeCardDetail .planTb .planPrice .priceWrap {
                font-size: 24px;
                color: #f7d05d;
            }

                .chargeAr .chargeCardDetail .planTb .planPrice .priceWrap strong {
                    font-size: 34px;
                }

            .chargeAr .chargeCardDetail .planTb .planPrice > div:first-child {
                width: 60%;
                display: inline-block;
                float: left;
                padding: 22px 0;
            }

            .chargeAr .chargeCardDetail .planTb .planPrice > div:last-child {
                width: 40%;
                display: inline-block;
                clear: both;
                padding: 25px 0;
                margin: auto;
            }

            .chargeAr .chargeCardDetail .planTb .planPrice .btnBuy {
                display: block;
                background: #fff;
                color: #333;
                border-radius: 10px;
                font-size: 16px;
                width: 86px;
                height: 42px;
                line-height: 42px;
                font-weight: bold;
                margin: auto;
            }

            .chargeAr .chargeCardDetail .planTb .planPrice a:hover {
                background: #f7d05d;
            }

        .chargeAr .chargeCardDetail .planTb.blueTag {
            display: block;
            background: #ddd;
            margin: 40px 0;
        }

/* 요금충전소 */
.subPageAr .chargingMainTabAr {
    width: 100%;
    margin: auto;
    text-align: center;
    position: relative;
}

.subPageAr .chargingMainTab {
    width: 1100px;
    display: inline-block;
    position: relative;
}

    .subPageAr .chargingMainTab li {
        background: #fff;
        font-size: 22px;
        width: 33.3%;
        text-align: center;
        float: left;
        vertical-align: middle;
        padding: 10px 0;
        color: #333;
        cursor: pointer;
        line-height: normal;
        border: 1px solid #ddd;
        box-sizing: border-box;
    }

        .subPageAr .chargingMainTab li.current {
            background: #3a68b2;
            color: #fff;
            font-weight: bold;
            border: 1px solid #3a68b2;
            position: relative;
        }

        .subPageAr .chargingMainTab li:first-child {
            margin-left: 2px;
        }

        .subPageAr .chargingMainTab li:nth-of-type(n+2) {
            margin-left: -1px;
        }

        .subPageAr .chargingMainTab li.current span {
            position: absolute;
            top: 52px;
            left: 170px;
            display: block;
            width: 23px;
            height: 11px;
            background: url('//blob.wifidosirak.com/wm-d01/dosirakmobile/images/tab_on_img.png') no-repeat 0 0;
            z-index: 11;
        }

    .subPageAr .chargingMainTab p {
        position: absolute;
        top: -46px;
        left: 480px;
        display: block;
        background-color: #f26c4f;
        width: 137px;
        padding: 10px 20px;
        font-size: 14px;
        line-height: 16px;
        text-align: center;
        color: #fff;
        border-radius: 5px;
    }

        .subPageAr .chargingMainTab p:after {
            top: 98%;
            left: 50%;
            border: solid transparent;
            content: " ";
            height: 0;
            width: 0;
            position: absolute;
            pointer-events: none;
            border-color: rgba(242, 108, 79, 0);
            border-top-color: #f26c4f;
            border-width: 5px;
            margin-left: -5px;
        }

    .subPageAr .chargingMainTab .chatbox {
        animation: motion 1s linear 0s infinite alternate;
        margin-top: 0;
    }

@keyframes motion {
    0% {
        margin-top: 0px;
    }

    100% {
        margin-top: 5px;
    }
}

-webkit-@keyframes motion {
    0%

{
    margin-top: 0px;
}

100% {
    margin-top: 5px;
}

}

.subPageAr .chargingMainTab-content {
    display: none;
    width: 100%;
    margin: auto;
    position: relative;
}

    .subPageAr .chargingMainTab-content.current {
        display: inherit;
    }

.subPageAr .prod_option .prod_content .chargingTab, .subPageAr .prod_option .prod_content .chargingTab2, .subPageAr .prod_option .prod_content .chargingTab3 {
    width: 100%;
    display: inline-block;
}

    .subPageAr .prod_option .prod_content .chargingTab li, .subPageAr .prod_option .prod_content .chargingTab2 li, .subPageAr .prod_option .prod_content .chargingTab3 li {
        background: #fff;
        font-size: 18px;
        width: 20%;
        text-align: center;
        float: left;
        vertical-align: middle;
        padding: 15px 0;
        color: #333;
        cursor: pointer;
        line-height: normal;
        border: 1px solid #c2c2c2;
        box-sizing: border-box;
    }

        .subPageAr .prod_option .prod_content .chargingTab li:nth-of-type(n+2), .subPageAr .prod_option .prod_content .chargingTab2 li:nth-of-type(n+2), .subPageAr .prod_option .prod_content .chargingTab3 li:nth-of-type(n+2) {
            margin-top: 0;
            margin-left: -1px;
        }

        .subPageAr .prod_option .prod_content .chargingTab li.active, .subPageAr .prod_option .prod_content .chargingTab2 li.active, .subPageAr .prod_option .prod_content .chargingTab3 li.active {
            color: #3a68b2;
            border: 1px solid #3a68b2;
            font-weight: bold;
            position: relative;
        }

.subPageAr .prod_option .prod_content .chargingTab-content, .subPageAr .prod_option .prod_content .chargingTab2-content, .subPageAr .prod_option .prod_content .chargingTab3-content {
    display: none;
    width: 1100px;
    margin: auto;
    position: relative;
}

    .subPageAr .prod_option .prod_content .chargingTab-content.active, .subPageAr .prod_option .prod_content .chargingTab2-content.active, .subPageAr .prod_option .prod_content .chargingTab3-content.active {
        display: inherit;
        width: 100%;
    }

.subPageAr .prod_option .prod_content.document .chargeType {
    display: block;
    padding: 10px 0 30px;
}

    .subPageAr .prod_option .prod_content.document .chargeType input {
        display: none;
    }

    .subPageAr .prod_option .prod_content.document .chargeType .additionalDt {
        display: none;
        background-color: #eaeaea;
        padding: 18px 50px;
        border-top: 1px solid #a7a7a7;
        vertical-align: middle;
    }

        .subPageAr .prod_option .prod_content.document .chargeType .additionalDt.current {
            display: block;
        }

        .subPageAr .prod_option .prod_content.document .chargeType .additionalDt .selectNext {
            display: inline-block;
        }

        .subPageAr .prod_option .prod_content.document .chargeType .additionalDt span {
            display: inline-block;
            font-size: 20px;
            text-align: left;
            color: #333;
            line-height: 45px;
        }

        .subPageAr .prod_option .prod_content.document .chargeType .additionalDt select {
            display: inline-block;
            border-radius: 5px;
            border: 1px solid #c2c2c2;
            background-color: #fff;
            height: 45px;
            line-height: 42px;
            width: 200px;
            box-sizing: border-box;
            padding: 0 20px;
            color: #5b5b5b;
            font-size: 18px;
            -webkit-appearance: none; /* 네이티브 외형 감추기 */
            -moz-appearance: none;
            appearance: none;
            vertical-align: top;
        }

/* 연장/충전내역 */
.subPageAr .chargingDetail {
    display: block;
    position: relative;
    width: 1100px;
    margin: auto;
}

    .subPageAr .chargingDetail .chargingInquiry {
        display: block;
        padding: 50px 0;
        overflow: hidden;
    }

        .subPageAr .chargingDetail .chargingInquiry > div {
            display: inline-block;
            width: 50%;
            float: left;
        }

            .subPageAr .chargingDetail .chargingInquiry > div:nth-of-type(2) {
                float: right;
                text-align: right;
            }

        .subPageAr .chargingDetail .chargingInquiry .btnTerm {
            display: inline-block;
            width: 110px;
            height: 45px;
            border: 1px solid #3a68b2;
            border-radius: 5px;
            font-size: 18px;
            color: #3a68b2;
        }

            .subPageAr .chargingDetail .chargingInquiry .btnTerm.active {
                background-color: #3a68b2;
                color: #fff;
            }

        .subPageAr .chargingDetail .chargingInquiry .btnInquiry {
            display: inline-block;
            width: 110px;
            height: 45px;
            background: #3a68b2;
            border-radius: 5px;
            font-size: 18px;
            color: #fff;
        }

        .subPageAr .chargingDetail .chargingInquiry input.date {
            display: inline-block;
            width: 150px;
            border: 1px solid #c2c2c2;
            border-radius: 5px;
            height: 45px;
            text-align: center;
        }

    .subPageAr .chargingDetail .chargingInquiryList {
        display: block;
        position: relative;
    }

        .subPageAr .chargingDetail .chargingInquiryList .inquiryDate {
            position: absolute;
            display: block;
            width: 170px;
            height: 34px;
            line-height: 34px;
            border-radius: 20px;
            background-color: #3a68b2;
            color: #fff;
            text-align: center;
            font-size: 16px;
            z-index: 1;
            top: -17px;
            left: 465px;
        }

        .subPageAr .chargingDetail .chargingInquiryList li {
            position: relative;
            display: block;
            width: 100%;
            border-top: 1px solid #c2c2c2;
            overflow: hidden;
            padding: 50px 20px;
        }

            .subPageAr .chargingDetail .chargingInquiryList li > div {
                display: block;
                width: 33.3%;
                box-sizing: border-box;
                float: left;
                vertical-align: middle;
                margin: auto;
            }

                .subPageAr .chargingDetail .chargingInquiryList li > div:last-child {
                    text-align: right;
                }

                .subPageAr .chargingDetail .chargingInquiryList li > div:after {
                    clear: both;
                }

                .subPageAr .chargingDetail .chargingInquiryList li > div span {
                    display: block;
                }

            .subPageAr .chargingDetail .chargingInquiryList li .listDate {
                display: block;
                height: 120px;
                line-height: 120px;
                font-weight: bold;
                font-size: 18px;
                color: #333;
            }

            .subPageAr .chargingDetail .chargingInquiryList li .listTit {
                font-size: 18px;
                color: #333;
                font-weight: bold;
            }

            .subPageAr .chargingDetail .chargingInquiryList li .listTxt {
                font-size: 18px;
                color: #333;
            }

            .subPageAr .chargingDetail .chargingInquiryList li .listAm {
                font-size: 18px;
                color: #3a68b2;
                font-weight: bold;
                margin-top: 10px;
            }

            .subPageAr .chargingDetail .chargingInquiryList li .listBtn {
                display: inline-block;
                width: 190px;
                height: 45px;
                line-height: 45px;
                font-size: 18px;
                text-align: center;
                color: #333;
                border: 1px solid #c2c2c2;
                border-radius: 5px;
                cursor: pointer;
                margin: auto;
                vertical-align: middle;
            }

                .subPageAr .chargingDetail .chargingInquiryList li .listBtn:nth-of-type(n+2) {
                    margin-top: 10px;
                }

.subPageAr .moreBtn {
    width: 100%;
    display: block;
    background-color: #c2c2c2;
    font-size: 18px;
    color: #fff;
    text-align: center;
    margin: auto;
    padding: 15px 0;
    margin-bottom: 50px;
}

/* 회원가입 */
.subPageAr .memberJoin {
    display: block;
    width: 700px;
    margin: auto;
    padding: 70px 0;
}

    .subPageAr .memberJoin h2 {
        text-align: center;
        font-size: 20px;
        color: #3a68b2;
        font-weight: 100 !important;
        padding: 50px 0 30px;
    }

    .subPageAr .memberJoin .joinNote {
        display: block;
        font-size: 18px;
        color: #333;
        text-align: left;
        line-height: 22px;
        margin-left: 10px;
    }

        .subPageAr .memberJoin .joinNote:before {
            content: '·';
            margin-left: -12px;
            margin-right: 2px;
        }

        .subPageAr .memberJoin .joinNote:nth-of-type(n+2) {
            margin-top: 20px;
        }

    .subPageAr .memberJoin .memberSite {
        display: block;
        width: 100%;
        border: 1px solid #c2c2c2;
        padding: 40px;
        margin-top: 15px;
        margin-bottom: 50px;
        overflow: hidden;
    }

        .subPageAr .memberJoin .memberSite > span {
            display: inline-block;
            width: 25%;
            float: left;
            margin: auto;
            text-align: center;
        }

            .subPageAr .memberJoin .memberSite > span:after {
                clear: both;
            }

    .subPageAr .memberJoin .memberJoinBtn {
        display: block;
        width: 240px;
        height: 56px;
        line-height: 56px;
        background-color: #3a68b2;
        color: #fff;
        text-align: center;
        font-size: 20px;
        border-radius: 5px;
        margin: auto;
        margin-top: 10px;
    }

        .subPageAr .memberJoin .memberJoinBtn.gray {
            background-color: #c2c2c2;
        }

    .subPageAr .memberJoin .joinResult {
        display: block;
        padding-top: 60px;
    }

        .subPageAr .memberJoin .joinResult .resultTxt {
            display: block;
            font-size: 24px;
            color: #333;
            text-align: center;
        }

            .subPageAr .memberJoin .joinResult .resultTxt strong {
                color: #3a68b2;
                font-weight: bold;
            }

.subPageAr .joinInfo {
    display: block;
    width: 1100px;
    margin: auto;
}

    .subPageAr .joinInfo .chkAr {
        display: block;
        padding: 20px 0;
    }

        .subPageAr .joinInfo .chkAr input {
            display: none;
        }

            .subPageAr .joinInfo .chkAr input + label {
                display: inline-block;
                width: 30px;
                height: 30px;
                cursor: pointer;
                overflow: hidden;
                border: none;
                border-radius: 0;
            }

                .subPageAr .joinInfo .chkAr input + label.joinCheckLabel {
                    background: url(//blob.wifidosirak.com/wm-d01/dosirakmobile/images/memberJoin_chk_off.png) no-repeat 0 0;
                }

            .subPageAr .joinInfo .chkAr input:checked + label.joinCheckLabel {
                background: url(//blob.wifidosirak.com/wm-d01/dosirakmobile/images/memberJoin_chk_on.png) no-repeat 0 0;
            }

        .subPageAr .joinInfo .chkAr .joinAgree {
            text-align: left;
            font-size: 18px;
            color: #333;
            vertical-align: middle;
        }

    .subPageAr .joinInfo .termAr {
        display: block;
        width: 100%;
        background-color: #eaeaea;
        border: 1px solid #a7a7a7;
        padding: 15px 20px;
        box-sizing: border-box;
        text-align: left;
    }

        .subPageAr .joinInfo .termAr .termTxt {
            display: block;
            font-size: 15px;
            color: #333;
            line-height: 140%;
        }

.subPageAr .joinCertify {
    display: block;
    width: 1100px;
    margin: auto;
    text-align: center;
}

    .subPageAr .joinCertify h2 {
        text-align: center;
        font-size: 18px;
        color: #333;
        padding: 15px 0;
    }

        .subPageAr .joinCertify h2 b {
            margin-left: 5px;
            font-weight: normal;
        }

    .subPageAr .joinCertify .btnAr {
        display: block;
        width: 700px;
        margin: auto;
        padding: 10px 0;
    }

        .subPageAr .joinCertify .btnAr .btnWp {
            display: block;
            padding: 40px 0 60px;
        }

        .subPageAr .joinCertify .btnAr .btnCertify {
            display: block;
            margin: auto;
            text-align: center;
            font-size: 20px;
            width: 340px;
            height: 56px;
            border-radius: 5px;
            background-color: #c2c2c2;
            color: #fff;
        }

            .subPageAr .joinCertify .btnAr .btnCertify:nth-of-type(n+2) {
                margin-top: 10px;
            }

            .subPageAr .joinCertify .btnAr .btnCertify.mobile {
                background-color: #3a68b2;
            }

        .subPageAr .joinCertify .btnAr span {
            display: block;
            font-size: 16px;
            color: #333;
            line-height: 140%;
            margin-left: 10px;
            text-align: left;
        }

            .subPageAr .joinCertify .btnAr span:before {
                content: '-';
                margin-left: -8px;
                margin-right: 3px;
            }

.subPageAr .joinInput {
    display: block;
    width: 1100px;
    margin: auto;
}

    .subPageAr .joinInput .inputAr {
        display: block;
        overflow: hidden;
        position: relative;
        padding: 8px 0;
    }

        .subPageAr .joinInput .inputAr .inpGroup {
            display: block;
        }

            .subPageAr .joinInput .inputAr .inpGroup .grouping {
                display: inline-block;
                margin-left: 14px;
                vertical-align: middle;
            }

        .subPageAr .joinInput .inputAr input {
            display: inline-block;
            box-sizing: border-box;
            height: 46px;
            border-radius: 5px;
            border: 1px solid #c2c2c2;
            vertical-align: middle;
            padding-left: 20px;
            font-size: 18px;
        }

            .subPageAr .joinInput .inputAr input.short {
                width: 310px;
            }

            .subPageAr .joinInput .inputAr input.mid {
                width: 541px;
            }

    .subPageAr .joinInput select {
        display: inline-block;
        border-radius: 5px;
        border: 1px solid #c2c2c2;
        height: 46px;
        line-height: 46px;
        width: 210px;
        box-sizing: border-box;
        padding: 0 20px;
        background: url('//blob.wifidosirak.com/wm-d01/dosirakmobile/images/selectArrow_pop.png') no-repeat 95% 54%; /* 네이티브 화살표를 커스텀 화살표로 대체 */
        color: #5b5b5b;
        font-size: 18px;
        -webkit-appearance: none; /* 네이티브 외형 감추기 */
        -moz-appearance: none;
        appearance: none;
    }

        .subPageAr .joinInput select:focus {
            outline: none;
        }

        .subPageAr .joinInput select option {
            background-color: #fff;
            color: #333;
        }

    .subPageAr .joinInput .inputBtn {
        display: inline-block;
        width: 211px;
        height: 46px;
        border: 1px solid #3a68b2;
        color: #3a68b2;
        border-radius: 5px;
        box-sizing: border-box;
    }

        .subPageAr .joinInput .inputBtn.blue {
            background-color: #3a68b2;
            color: #fff;
        }

    .subPageAr .joinInput .genderBtn {
        display: inline-block;
        width: 210px;
        height: 46px;
        border: 1px solid #3a68b2;
        color: #3a68b2;
        border-radius: 5px;
        box-sizing: border-box;
    }

        .subPageAr .joinInput .genderBtn:nth-of-type(n+2) {
            margin-left: 15px;
        }

        .subPageAr .joinInput .genderBtn.active {
            background-color: #3a68b2;
            color: #fff;
        }

.subPageAr .btnWp {
    display: block;
    padding: 50px 0;
    margin: auto;
    text-align: center;
}

    .subPageAr .btnWp .btnCom {
        display: inline-block;
        width: 240px;
        height: 56px;
        font-size: 20px;
        text-align: center;
        margin: auto;
        background-color: #3a68b2;
        color: #fff;
        border-radius: 5px;
    }

        .subPageAr .btnWp .btnCom:nth-of-type(n+2) {
            margin-left: 15px;
        }

        .subPageAr .btnWp .btnCom.gray {
            width: 150px;
            background-color: #c2c2c2;
        }

        .subPageAr .btnWp .btnCom.extend {
            width: 280px;
        }

/* 로그인 페이지 */
.subPageAr .loginAr {
    display: block;
    width: 1100px;
    margin: auto;
}

    .subPageAr .loginAr .loginTab {
        width: 1100px;
        display: inline-block;
    }

        .subPageAr .loginAr .loginTab li {
            background: #fff;
            font-size: 22px;
            width: 50%;
            text-align: center;
            float: left;
            vertical-align: middle;
            padding: 10px 0;
            color: #333;
            cursor: pointer;
            line-height: normal;
            border: 1px solid #ddd;
            box-sizing: border-box;
        }

            .subPageAr .loginAr .loginTab li.current {
                background: #3a68b2;
                color: #fff;
                font-weight: bold;
                border: 1px solid #3a68b2;
                position: relative;
            }

                .subPageAr .loginAr .loginTab li.current span {
                    position: absolute;
                    top: 52px;
                    left: 265px;
                    display: block;
                    width: 23px;
                    height: 11px;
                    background: url('//blob.wifidosirak.com/wm-d01/dosirakmobile/images/tab_on_img.png') no-repeat 0 0;
                    z-index: 11;
                }

    .subPageAr .loginAr .loginTab-contentWrap {
        display: block;
        position: relative;
        width: 100%;
        overflow-y: auto;
        padding-top: 50px;
        margin: auto;
    }

    .subPageAr .loginAr .loginTab-content {
        display: none;
        width: 1100px;
        margin: auto;
        position: relative;
    }

        .subPageAr .loginAr .loginTab-content.current {
            display: inherit;
        }

    .subPageAr .loginAr .loginInput {
        display: block;
        margin-bottom: 50px;
    }

    .subPageAr .loginAr .inputAr {
        display: block;
        overflow: hidden;
        position: relative;
        padding: 8px 0;
    }

        .subPageAr .loginAr .inputAr .inpGroup {
            display: block;
        }

            .subPageAr .loginAr .inputAr .inpGroup .grouping {
                display: inline-block;
                margin-left: 14px;
                vertical-align: middle;
            }

        .subPageAr .loginAr .inputAr input {
            display: inline-block;
            box-sizing: border-box;
            height: 46px;
            border-radius: 5px;
            border: 1px solid #c2c2c2;
            vertical-align: middle;
            padding-left: 20px;
            font-size: 18px;
        }

            .subPageAr .loginAr .inputAr input.short, .subPageAr .loginAr .inputAr input.phone {
                width: 312px;
            }

            .subPageAr .loginAr .inputAr input.mid {
                width: 541px;
            }

            .subPageAr .loginAr .inputAr input.midcaptcha {
                width: 541px;
            }

        .subPageAr .loginAr .inputAr .inpGroup {
            display: block;
        }

            .subPageAr .loginAr .inputAr .inpGroup .grouping {
                display: inline-block;
                margin-left: 14px;
                vertical-align: middle;
            }

        .subPageAr .loginAr .inputAr .chkCertify {
            display: inline-block;
            width: 210px;
            height: 46px;
            background-color: #3a68b2;
            color: #fff;
            font-size: 18px;
            border-radius: 5px;
            margin-left: 14px;
        }

            .subPageAr .loginAr .inputAr .chkCertify.gray {
                display: none;
                background-color: #c2c2c2;
            }

        .subPageAr .loginAr .inputAr .sendCertify {
            display: inline-block;
            width: 210px;
            height: 46px;
            border: 1px solid #3a68b2;
            color: #3a68b2;
            font-size: 18px;
            border-radius: 5px;
        }

            .subPageAr .loginAr .inputAr .sendCertify.re {
                display: none;
                width: 210px;
            }

        .subPageAr .loginAr .inputAr .captcha {
            display: inline-block;
            width: 135px;
            height: 46px;
            border: 1px solid #c2c2c2;
            box-sizing: border-box;
            vertical-align: middle;
        }

        .subPageAr .loginAr .inputAr .captchaOpt {
            font-size: 14px;
            text-align: left;
            color: #3a68b2;
            cursor: pointer;
        }

            .subPageAr .loginAr .inputAr .captchaOpt:nth-of-type(n+2) {
                margin-left: 10px;
            }

            .subPageAr .loginAr .inputAr .captchaOpt img {
                vertical-align: middle;
                margin-right: 5px;
            }

    .subPageAr .loginAr .privacyPolicy {
        display: block;
    }

        .subPageAr .loginAr .privacyPolicy .policyTit {
            text-align: left;
            font-size: 18px;
            color: #333;
        }

        .subPageAr .loginAr .privacyPolicy .policyBox {
            display: block;
            background-color: #eaeaea;
            border: 1px solid #c2c2c2;
            padding: 30px 20px;
            margin-top: 25px;
            height: 300px;
            overflow-y: scroll;
        }

            .subPageAr .loginAr .privacyPolicy .policyBox span {
                /*display: block;*/
                text-align: left;
                font-size: 15px;
                color: #333;
            }

        .subPageAr .loginAr .privacyPolicy .chkAr {
            display: block;
            padding: 15px 0;
        }

            .subPageAr .loginAr .privacyPolicy .chkAr input {
                display: none;
            }

                .subPageAr .loginAr .privacyPolicy .chkAr input + label {
                    display: inline-block;
                    width: 30px;
                    height: 30px;
                    cursor: pointer;
                    overflow: hidden;
                    border: none;
                    border-radius: 0;
                }

                    .subPageAr .loginAr .privacyPolicy .chkAr input + label.policyCheckLabel {
                        background: url(//blob.wifidosirak.com/wm-d01/dosirakmobile/images/memberJoin_chk_off.png) no-repeat 0 0;
                    }

                .subPageAr .loginAr .privacyPolicy .chkAr input:checked + label.policyCheckLabel {
                    background: url(//blob.wifidosirak.com/wm-d01/dosirakmobile/images/memberJoin_chk_on.png) no-repeat 0 0;
                }

            .subPageAr .loginAr .privacyPolicy .chkAr .policyAgree {
                text-align: left;
                font-size: 18px;
                color: #333;
                vertical-align: middle;
            }

        .subPageAr .loginAr .privacyPolicy .btnWp {
            display: block;
            padding: 50px 0;
            margin: auto;
            text-align: center;
        }

            .subPageAr .loginAr .privacyPolicy .btnWp .btnCom {
                display: inline-block;
                width: 240px;
                height: 56px;
                font-size: 20px;
                text-align: center;
                margin: auto;
                background-color: #3a68b2;
                color: #fff;
                border-radius: 5px;
            }

                .subPageAr .loginAr .privacyPolicy .btnWp .btnCom:nth-of-type(n+2) {
                    margin-left: 15px;
                }

                .subPageAr .loginAr .privacyPolicy .btnWp .btnCom.gray {
                    width: 150px;
                    background-color: #c2c2c2;
                }

    .subPageAr .loginAr .memberLogin {
        display: block;
        width: 700px;
        margin: auto;
        text-align: center;
    }

        .subPageAr .loginAr .memberLogin .loginTit {
            display: block;
            font-size: 24px;
            color: #333;
            text-align: center;
            line-height: 30px;
            margin-bottom: 20px;
        }

        .subPageAr .loginAr .memberLogin .inputAr {
            display: block;
            overflow: hidden;
            position: relative;
            padding: 8px 0;
        }

        .subPageAr .loginAr .memberLogin .loginInfo {
            display: block;
            width: 100%;
        }

        .subPageAr .loginAr .memberLogin .inputAr .check-btn {
            position: relative;
            display: block;
            background: url('//blob.wifidosirak.com/wm-d01/dosirakmobile/images/inputChk_off.png') no-repeat 0 0;
            cursor: pointer;
            line-height: 21px;
            color: #333;
            font-size: 18px;
            text-align: right;
            width: 145px;
            float: right;
        }

            .subPageAr .loginAr .memberLogin .inputAr .check-btn:after {
                clear: both;
            }

            .subPageAr .loginAr .memberLogin .inputAr .check-btn.active {
                background: url('//blob.wifidosirak.com/wm-d01/dosirakmobile/images/inputChk_on.png') no-repeat 0 0;
            }

        .subPageAr .loginAr .memberLogin .btnWp {
            display: block;
            padding: 50px 0;
        }

            .subPageAr .loginAr .memberLogin .btnWp .loginBtn {
                display: block;
                width: 100%;
                height: 56px;
                background-color: #3a68b2;
                color: #fff;
                text-align: center;
                font-size: 20px;
                border-radius: 5px;
                box-sizing: border-box;
            }

                .subPageAr .loginAr .memberLogin .btnWp .loginBtn.gray {
                    background-color: #c2c2c2 !important;
                }

                .subPageAr .loginAr .memberLogin .btnWp .loginBtn:nth-of-type(n+2) {
                    margin-top: 10px;
                }

        .subPageAr .loginAr .memberLogin .snsLogin {
            display: block;
            margin: auto;
            text-align: center;
        }

            .subPageAr .loginAr .memberLogin .snsLogin .snsTit {
                display: block;
                font-size: 18px;
                color: #333;
                text-align: center;
            }

        .subPageAr .loginAr .memberLogin .snsIcon {
            display: block;
            width: 240px;
            padding: 10px 0;
            margin: auto;
            text-align: center;
            overflow: hidden;
        }

            .subPageAr .loginAr .memberLogin .snsIcon li {
                display: inline-block;
                width: 33.3%;
                float: left;
            }

                .subPageAr .loginAr .memberLogin .snsIcon li:after {
                    clear: both;
                }

        .subPageAr .loginAr .memberLogin .loginOpt {
            display: block;
            padding: 30px 0;
            text-align: center;
        }

            .subPageAr .loginAr .memberLogin .loginOpt span {
                display: inline-block;
                text-align: center;
                font-size: 18px;
                color: #333;
                padding: 0 25px;
            }

                .subPageAr .loginAr .memberLogin .loginOpt span:nth-of-type(n+2) {
                    background: url('//blob.wifidosirak.com/wm-d01/dosirakmobile/images/loginOpt_bar.png') no-repeat center left;
                }

/* 아이디, 비밀번호 찾기 */
.subPageAr .findAr {
    display: block;
    width: 700px;
    margin: auto;
    text-align: center;
    padding: 70px 0;
}

    .subPageAr .findAr .findSelect {
        display: block;
        padding: 60px 0 30px;
    }

    .subPageAr .findAr .tabId, .subPageAr .findAr .tabPw {
        display: block;
        padding: 30px 0 70px;
    }

        .subPageAr .findAr .tabId .idNotice {
            display: block;
            font-size: 20px;
            color: #333;
            text-align: center;
        }

            .subPageAr .findAr .tabId .idNotice b {
                font-weight: normal;
            }

    .subPageAr .findAr .btnWp {
        display: block;
        padding: 60px 0 0;
    }

        .subPageAr .findAr .btnWp .findBtn {
            display: block;
            width: 340px;
            height: 56px;
            background-color: #3a68b2;
            color: #fff;
            margin: auto;
            text-align: center;
            font-size: 20px;
            border-radius: 5px;
            box-sizing: border-box;
        }

            .subPageAr .findAr .btnWp .findBtn.gray {
                background-color: #c2c2c2 !important;
            }

            .subPageAr .findAr .btnWp .findBtn.wh {
                background-color: #fff;
                color: #3a68b2;
                border: 1px solid #3a68b2;
            }

            .subPageAr .findAr .btnWp .findBtn:nth-of-type(n+2) {
                margin-top: 10px;
            }

    .subPageAr .findAr input[type=radio] {
        display: none;
    }

        .subPageAr .findAr input[type=radio] + label {
            display: inline-block;
            cursor: pointer;
            position: relative;
            padding-left: 25px;
            font-size: 18px;
            color: #333;
            vertical-align: middle;
        }

            .subPageAr .findAr input[type=radio] + label:nth-of-type(n+2) {
                margin-left: 180px;
            }

            .subPageAr .findAr input[type=radio] + label:before {
                content: "●";
                display: inline-block;
                color: #fff;
                text-align: center;
                font-size: 10px;
                line-height: 20px;
                width: 20px;
                height: 20px;
                margin-right: 10px;
                position: absolute;
                left: 0;
                bottom: 2px;
                background-color: #c2c2c2;
                border-radius: 50%;
            }

        .subPageAr .findAr input[type=radio]:checked + label:before {
            background: #3a68b2;
            text-align: center;
        }

    .subPageAr .findAr .inputAr {
        display: block;
        margin: auto;
        text-align: left;
    }

        .subPageAr .findAr .inputAr:nth-of-type(n+2) {
            margin-top: 50px;
        }

        .subPageAr .findAr .inputAr .inpGroup {
            display: block;
        }

            .subPageAr .findAr .inputAr .inpGroup .grouping {
                display: inline-block;
                margin-left: 14px;
                vertical-align: middle;
            }

        .subPageAr .findAr .inputAr .findPwTit {
            display: block;
            text-align: left;
            font-size: 18px;
            color: #333;
        }

        .subPageAr .findAr .inputAr input[type=text], .subPageAr .findAr .inputAr input[type=password] {
            display: inline-block;
            box-sizing: border-box;
            height: 46px;
            border-radius: 5px;
            border: 1px solid #c2c2c2;
            vertical-align: middle;
            padding-left: 20px;
            font-size: 18px;
        }

            .subPageAr .findAr .inputAr input[type=text].findInput, .subPageAr .findAr .inputAr input[type=password].findInput {
                width: 341px;
            }

                .subPageAr .findAr .inputAr input[type=text].findInput.deact, .subPageAr .findAr .inputAr input[type=password].findInput.deact {
                    background-color: #eaeaea;
                }

        .subPageAr .findAr .inputAr .certifyBtn {
            display: block;
            width: 341px;
            height: 46px;
            border-radius: 5px;
            background-color: #3a68b2;
            color: #fff;
            font-size: 18px;
            text-align: center;
            box-sizing: border-box;
        }

    .subPageAr .findAr .findResult {
        display: block;
        padding-top: 60px;
    }

        .subPageAr .findAr .findResult .resultTxt {
            display: block;
            font-size: 24px;
            color: #333;
            text-align: center;
        }

            .subPageAr .findAr .findResult .resultTxt strong {
                color: #3a68b2;
                font-weight: bold;
            }

/* 마이페이지 */
.subPageAr .mypageWp {
    display: block;
    padding: 30px 180px;
    border: 1px solid #3a68b2;
    border-radius: 10px;
    margin: auto;
}

    .subPageAr .mypageWp .row {
        display: block;
    }

        .subPageAr .mypageWp .row:nth-of-type(n+2) {
            margin-top: 20px;
        }

        .subPageAr .mypageWp .row .myinfoTit {
            display: inline-block;
            width: 220px;
            font-size: 20px;
            color: #333;
            text-align: left;
            vertical-align: middle;
        }

            .subPageAr .mypageWp .row .myinfoTit.fav {
                display: inline-block;
                width: 350px;
                padding-left: 30px;
                font-size: 20px;
                color: #333;
                text-align: left;
                vertical-align: middle;
                background: url('//blob.wifidosirak.com/wm-d01/dosirakmobile/images/mypage_fav.png') no-repeat 0 center;
            }

        .subPageAr .mypageWp .row .myinfoTxt {
            display: inline-block;
            font-size: 20px;
            color: #333;
            text-align: left;
            vertical-align: middle;
        }

            .subPageAr .mypageWp .row .myinfoTxt.fr {
                float: right;
            }

                .subPageAr .mypageWp .row .myinfoTxt.fr:after {
                    clear: both;
                }

        .subPageAr .mypageWp .row select.infoSelect {
            width: 264px;
        }

    .subPageAr .mypageWp .btnFull {
        display: block;
        width: 100%;
        height: 46px;
        border-radius: 5px;
        background-color: #3a68b2;
        color: #fff;
        font-size: 18px;
        text-align: center;
    }

    .subPageAr .mypageWp .btnInquiry {
        display: inline-block;
        width: 210px;
        height: 46px;
        border-radius: 5px;
        color: #3a68b2;
        border: 1px solid #3a68b2;
        font-size: 18px;
        text-align: center;
    }

        .subPageAr .mypageWp .btnInquiry.fr {
            float: right;
        }

            .subPageAr .mypageWp .btnInquiry.fr:after {
                clear: both;
            }

    .subPageAr .mypageWp .btnRequest {
        display: inline-block;
        width: 264px;
        height: 46px;
        border-radius: 5px;
        color: #3a68b2;
        border: 1px solid #3a68b2;
        font-size: 18px;
        text-align: center;
        float: right;
    }

        .subPageAr .mypageWp .btnRequest:after {
            clear: both;
        }

    .subPageAr .mypageWp .row .prodTit {
        display: block;
        text-align: left;
        font-size: 20px;
        color: #3a68b2;
        font-weight: bold;
    }

    .subPageAr .mypageWp .row .prodTxt {
        display: block;
        text-align: left;
        font-size: 20px;
        color: #333;
    }

.subPageAr .mypageAr {
    display: block;
    width: 840px;
    margin: auto;
    padding: 60px 0;
}

    .subPageAr .mypageAr .infoMod {
        display: block;
        position: relative;
    }

        .subPageAr .mypageAr .infoMod li {
            width: 100%;
            line-height: 40px;
            padding: 10px 60px;
            border-bottom: 1px solid #c2c2c2;
            text-align: left;
            vertical-align: middle;
            overflow: hidden;
        }

            .subPageAr .mypageAr .infoMod li:nth-of-type(n+2) {
                margin-top: 0;
            }

            .subPageAr .mypageAr .infoMod li:first-child {
                border-top: 1px solid #c2c2c2;
            }

            .subPageAr .mypageAr .infoMod li .infoModTit {
                display: inline-block;
                width: 310px;
                text-align: left;
                font-size: 18px;
                color: #333;
                font-weight: bold;
            }

            .subPageAr .mypageAr .infoMod li .infoModTxt {
                text-align: left;
                font-size: 18px;
                color: #646464;
                font-weight: lighter;
            }

        .subPageAr .mypageAr .infoMod .btnChange {
            width: 180px;
            height: 40px;
            display: inline-block;
            border-radius: 5px;
            background: #3a68b2;
            color: #fff;
            box-sizing: border-box;
            text-align: center;
            font-size: 18px;
        }

            .subPageAr .mypageAr .infoMod .btnChange.fr {
                float: right;
            }

        .subPageAr .mypageAr .infoMod .btnGender {
            width: 80px;
            height: 40px;
            display: inline-block;
            border-radius: 5px;
            color: #3a68b2;
            border: 1px solid #3a68b2;
            box-sizing: border-box;
            text-align: center;
            font-size: 18px;
        }

            .subPageAr .mypageAr .infoMod .btnGender:nth-of-type(n+2) {
                margin-left: 15px;
            }

            .subPageAr .mypageAr .infoMod .btnGender.active {
                background-color: #3a68b2;
                color: #fff;
            }

        .subPageAr .mypageAr .infoMod .btnSns {
            width: 120px;
            height: 40px;
            display: inline-block;
            border-radius: 5px;
            background-color: #eaeaea;
            color: #646464;
            border: 1px solid #c2c2c2;
            box-sizing: border-box;
            text-align: center;
            font-size: 18px;
        }

            .subPageAr .mypageAr .infoMod .btnSns:nth-of-type(n+2) {
                margin-left: 15px;
            }

            .subPageAr .mypageAr .infoMod .btnSns.active {
                background-color: #3a68b2;
                color: #fff;
            }

        .subPageAr .mypageAr .infoMod .modTit {
            display: block;
            text-align: left;
            font-size: 18px;
            color: #333;
        }

            .subPageAr .mypageAr .infoMod .modTit:nth-of-type(n+2) {
                margin-top: 50px;
            }

        .subPageAr .mypageAr .infoMod .infoModcon {
            display: block;
        }

            .subPageAr .mypageAr .infoMod .infoModcon .noteAr {
                display: block;
                border: 1px solid #3a68b2;
                border-radius: 5px;
                padding: 25px 20px;
                margin: auto;
                margin-top: 15px;
            }

                .subPageAr .mypageAr .infoMod .infoModcon .noteAr .noteTxt {
                    display: block;
                    text-align: left;
                    font-size: 16px;
                    color: #333;
                    line-height: 140%;
                    margin-left: 2px;
                }

                    .subPageAr .mypageAr .infoMod .infoModcon .noteAr .noteTxt:before {
                        content: '-';
                        margin-right: 2px;
                        margin-left: -5px;
                    }

                    .subPageAr .mypageAr .infoMod .infoModcon .noteAr .noteTxt strong {
                        color: #e45757;
                    }

        .subPageAr .mypageAr .infoMod .infoModcon {
            display: block;
            overflow: hidden;
            position: relative;
            padding: 8px 0;
        }

            .subPageAr .mypageAr .infoMod .infoModcon input[type=text] {
                display: inline-block;
                box-sizing: border-box;
                height: 46px;
                border-radius: 5px;
                border: 1px solid #c2c2c2;
                vertical-align: middle;
                padding-left: 20px;
                font-size: 18px;
            }

            .subPageAr .mypageAr .infoMod .infoModcon input[type=password] {
                display: inline-block;
                box-sizing: border-box;
                height: 46px;
                border-radius: 5px;
                border: 1px solid #c2c2c2;
                vertical-align: middle;
                padding-left: 20px;
                font-size: 18px;
            }

            .subPageAr .mypageAr .infoMod .infoModcon input[type=text].half, .subPageAr .mypageAr .infoMod .infoModcon input[type=text].num, .subPageAr .mypageAr .infoMod .infoModcon input[type=text].change {
                width: 411px;
            }

            .subPageAr .mypageAr .infoMod .infoModcon input[type=password].half, .subPageAr .mypageAr .infoMod .infoModcon input[type=password].num, .subPageAr .mypageAr .infoMod .infoModcon input[type=password].change {
                width: 411px;
            }

            .subPageAr .mypageAr .infoMod .infoModcon .inpGroup {
                display: block;
            }

                .subPageAr .mypageAr .infoMod .infoModcon .inpGroup .grouping {
                    display: inline-block;
                    margin-left: 14px;
                    vertical-align: middle;
                }

        .subPageAr .mypageAr .infoMod .btnCode {
            display: block;
            width: 210px;
            height: 46px;
            border-radius: 5px;
            background-color: #3a68b2;
            color: #fff;
            font-size: 18px;
            text-align: center;
            margin: auto;
        }

            .subPageAr .mypageAr .infoMod .btnCode.chk {
                width: 150px;
            }

        .subPageAr .mypageAr .infoMod .infoModcon .noteAr .withdrawTit {
            display: block;
            text-align: left;
            font-size: 16px;
            color: #333;
            line-height: 140%;
            font-weight: bold;
            margin-left: 9px;
        }

            .subPageAr .mypageAr .infoMod .infoModcon .noteAr .withdrawTit:before {
                content: '-';
                margin-right: 2px;
                margin-left: -6px;
            }

            .subPageAr .mypageAr .infoMod .infoModcon .noteAr .withdrawTit:nth-of-type(n+2) {
                margin-top: 20px;
            }

        .subPageAr .mypageAr .infoMod .infoModcon .noteAr .withdrawTxt {
            display: block;
            text-align: left;
            font-size: 16px;
            color: #333;
            line-height: 140%;
            margin-left: 9px;
        }

        .subPageAr .mypageAr .infoMod .infoModcon .withdrawAr {
            display: block;
            border: 1px solid #3a68b2;
            border-radius: 5px;
            padding: 50px;
            margin: auto;
            margin-top: 15px;
        }

            .subPageAr .mypageAr .infoMod .infoModcon .withdrawAr .selectZone {
                display: block;
                overflow: hidden;
            }

                .subPageAr .mypageAr .infoMod .infoModcon .withdrawAr .selectZone:nth-of-type(n+2) {
                    margin-top: 40px;
                }

                .subPageAr .mypageAr .infoMod .infoModcon .withdrawAr .selectZone input[type=text] {
                    display: inline-block;
                    width: 75%;
                    height: 25px;
                    border-top: none;
                    border-right: none;
                    border-left: none;
                    border-bottom: 1px solid #333 !important;
                    border-radius: 0;
                    padding-left: 10px;
                    font-size: 14px;
                    color: #333;
                }

                    .subPageAr .mypageAr .infoMod .infoModcon .withdrawAr .selectZone input[type=text]:focus {
                        outline: none;
                    }

        .subPageAr .mypageAr .infoMod .chkAr {
            display: block;
            padding: 20px 0;
        }

            .subPageAr .mypageAr .infoMod .chkAr input {
                display: none;
            }

                .subPageAr .mypageAr .infoMod .chkAr input + label {
                    display: inline-block;
                    width: 30px;
                    height: 30px;
                    cursor: pointer;
                    overflow: hidden;
                    border: none;
                    border-radius: 0;
                }

                    .subPageAr .mypageAr .infoMod .chkAr input + label.withdrawCheckLabel {
                        line-height: 20px;
                        width: 24px;
                        height: 24px;
                    }

            /*.subPageAr .mypageAr .infoMod .chkAr input:checked + label.withdrawCheckLabel {
    background: url(//blob.wifidosirak.com/wm-d01/dosirakmobile/images/inputChk_on.png) no-repeat center center;
    }*/

            .subPageAr .mypageAr .infoMod .chkAr .withdrawAgree {
                text-align: left;
                font-size: 18px;
                color: #333;
                vertical-align: middle;
            }

        .subPageAr .mypageAr .infoMod input[type=radio] {
            display: none;
        }

            .subPageAr .mypageAr .infoMod input[type=radio] + label {
                display: inline-block;
                cursor: pointer;
                position: relative;
                padding-left: 25px;
                font-size: 18px;
                color: #333;
                vertical-align: middle;
                width: 25%;
                float: left;
            }

                .subPageAr .mypageAr .infoMod input[type=radio] + label.extend {
                    width: 50%;
                }

                .subPageAr .mypageAr .infoMod input[type=radio] + label:nth-of-type(n+2) {
                    margin-left: 0px;
                }

                .subPageAr .mypageAr .infoMod input[type=radio] + label:before {
                    content: "●";
                    display: inline-block;
                    color: #fff;
                    text-align: center;
                    font-size: 11px;
                    line-height: 20px;
                    width: 20px;
                    height: 20px;
                    margin-right: 10px;
                    position: absolute;
                    left: 0;
                    bottom: 2px;
                    background-color: #c2c2c2;
                    border-radius: 50%;
                }

            .subPageAr .mypageAr .infoMod input[type=radio]:checked + label:before {
                background: #3a68b2;
                text-align: center;
            }

        .subPageAr .mypageAr .infoMod input[type=checkbox] {
            display: none;
        }

            .subPageAr .mypageAr .infoMod input[type=checkbox] + label {
                display: inline-block;
                cursor: pointer;
                position: relative;
                padding-left: 25px;
                font-size: 18px;
                color: #333;
                vertical-align: middle;
            }

                .subPageAr .mypageAr .infoMod input[type=checkbox] + label:before {
                    content: "";
                    background: url('//blob.wifidosirak.com/wm-d01/dosirakmobile/images/admCheck_off.png') no-repeat left top;
                    background-size: 20px;
                    display: inline-block;
                    color: #fff;
                    text-align: center;
                    font-size: 11px;
                    line-height: 20px;
                    width: 20px;
                    height: 20px;
                    margin-right: 10px;
                    position: absolute;
                    left: 0;
                    bottom: 2px;
                    border-radius: 50%;
                }

            .subPageAr .mypageAr .infoMod input[type=checkbox]:checked + label:before {
                background: url('//blob.wifidosirak.com/wm-d01/dosirakmobile/images/admCheck_on.png') no-repeat left top;
                background-size: 20px;
                text-align: center;
            }

        .subPageAr .mypageAr .infoMod .byeTxt {
            display: block;
            font-size: 24px;
            color: #333;
            text-align: center;
        }

            .subPageAr .mypageAr .infoMod .byeTxt b {
                margin-left: 5px;
                font-weight: normal;
            }

    .subPageAr .mypageAr .infoCheck {
        display: block;
        position: relative;
    }

        .subPageAr .mypageAr .infoCheck li {
            width: 100%;
            line-height: 40px;
            padding: 10px 60px;
            border-bottom: 1px solid #c2c2c2;
            text-align: left;
            vertical-align: middle;
            overflow: hidden;
        }

            .subPageAr .mypageAr .infoCheck li:nth-of-type(n+2) {
                margin-top: 0;
            }

            .subPageAr .mypageAr .infoCheck li:first-child {
                border-top: 1px solid #c2c2c2;
            }

            .subPageAr .mypageAr .infoCheck li .infoChkTit {
                display: inline-block;
                width: 310px;
                text-align: left;
                font-size: 18px;
                color: #333;
                font-weight: bold;
            }

                .subPageAr .mypageAr .infoCheck li .infoChkTit.short {
                    width: 215px;
                    vertical-align: top;
                }

            .subPageAr .mypageAr .infoCheck li .infoChkTxt {
                text-align: left;
                font-size: 18px;
                color: #646464;
                font-weight: lighter;
            }

        .subPageAr .mypageAr .infoCheck .btnChange {
            width: 180px;
            height: 40px;
            display: inline-block;
            border-radius: 5px;
            background: #3a68b2;
            color: #fff;
            box-sizing: border-box;
            text-align: center;
            font-size: 18px;
        }

            .subPageAr .mypageAr .infoCheck .btnChange.fr {
                float: right;
            }

        .subPageAr .mypageAr .infoCheck li .progressAr {
            display: inline-block;
            width: 500px;
            float: right;
        }

            .subPageAr .mypageAr .infoCheck li .progressAr:nth-of-type(n+2) {
                margin-top: 20px;
            }

            .subPageAr .mypageAr .infoCheck li .progressAr:after {
                clear: both;
            }

            .subPageAr .mypageAr .infoCheck li .progressAr .barTit {
                display: block;
                text-align: left;
                font-size: 15px;
                color: #646464;
            }

            .subPageAr .mypageAr .infoCheck li .progressAr .barUse {
                display: inline-block;
                text-align: left;
                font-size: 15px;
                color: #333;
                font-weight: bold;
            }

            .subPageAr .mypageAr .infoCheck li .progressAr .barRest {
                display: inline-block;
                text-align: right;
                font-size: 15px;
                color: #333;
                font-weight: bold;
                float: right;
            }

                .subPageAr .mypageAr .infoCheck li .progressAr .barRest:after {
                    clear: both;
                }

            .subPageAr .mypageAr .infoCheck li .progressAr .progress-bar {
                width: 100%;
                background-color: #c2c2c2;
                border-radius: 20px;
                margin: 2px 0;
                padding: 1px;
            }

            .subPageAr .mypageAr .infoCheck li .progressAr .progress-bar-fill {
                display: block;
                height: 22px;
                background-color: #3a68b2;
                border-radius: 20px;
                transition: width 500ms ease-in-out;
                position: relative;
            }

                .subPageAr .mypageAr .infoCheck li .progressAr .progress-bar-fill:after {
                    position: absolute;
                    width: 22px;
                    height: 22px;
                    border-radius: 50%;
                    background-color: #fff;
                    right: 0;
                    top: 0;
                    content: '';
                }

        .subPageAr .mypageAr .infoCheck .mypageBan {
            display: block;
            position: relative;
        }

            .subPageAr .mypageAr .infoCheck .mypageBan img {
                width: 100%;
            }

        .subPageAr .mypageAr .infoCheck .useDetailTb table {
            width: 100%;
            margin: 16px 0;
        }

        .subPageAr .mypageAr .infoCheck .useDetailTb thead {
            background-color: #ddd;
            text-align: center;
        }

            .subPageAr .mypageAr .infoCheck .useDetailTb thead th {
                height: 25px;
                line-height: 25px;
                font-size: 12px;
                color: #333;
                font-weight: bold;
                text-align: center;
                border: 1px solid #fff;
            }

        .subPageAr .mypageAr .infoCheck .useDetailTb tbody tr {
            border-bottom: 1px solid #a7a7a7;
            text-align: center;
        }

        .subPageAr .mypageAr .infoCheck .useDetailTb tbody td {
            height: 25px;
            line-height: 25px;
            font-size: 12px;
            color: #333;
            text-align: center;
            border: 1px solid #ddd;
        }

        .subPageAr .mypageAr .infoCheck .useDetailTb thead th:first-child {
            background-color: #3a68b2;
            color: #fff;
        }

        .subPageAr .mypageAr .infoCheck .useDetailTb thead th:last-child {
            border-right: 1px solid #ddd;
        }

        .subPageAr .mypageAr .infoCheck .useDetailTb tbody td:first-child {
            background-color: #3a68b2;
            color: #fff;
        }

/* 부가서비스 */
.subPageAr .additionalAr {
    display: block;
    width: 1100px;
    margin: auto;
    margin-top: 50px;
    border-top: 1px solid #c2c2c2;
}

    .subPageAr .additionalAr .addOptTab {
        display: block;
        width: 20%;
        overflow: hidden;
    }

        .subPageAr .additionalAr .addOptTab li {
            display: inline-block;
            font-size: 17px;
            width: 33.3%;
            text-align: center;
            float: left;
            vertical-align: middle;
            padding: 25px 0;
            color: #333;
            cursor: pointer;
            line-height: normal;
        }

            .subPageAr .additionalAr .addOptTab li.current {
                font-weight: bold;
            }

    .subPageAr .additionalAr .addOptTab-contentWrap {
        display: block;
        position: relative;
        width: 100%;
        overflow-y: auto;
        margin: auto;
    }

        .subPageAr .additionalAr .addOptTab-contentWrap .addOptTab-content {
            display: none;
            width: 1100px;
            margin: auto;
            position: relative;
        }

            .subPageAr .additionalAr .addOptTab-contentWrap .addOptTab-content.current {
                display: inherit;
            }

    .subPageAr .additionalAr .addOptDetail {
        display: block;
        width: 100%;
    }

        .subPageAr .additionalAr .addOptDetail li {
            display: inline-block;
            width: 350px;
            padding: 25px;
            border: 1px solid #3a68b2;
            border-radius: 20px;
        }

            .subPageAr .additionalAr .addOptDetail li:nth-child(3n+2) {
                margin: 0 21px;
            }

            .subPageAr .additionalAr .addOptDetail li:nth-of-type(n+4) {
                margin-top: 30px;
            }

        .subPageAr .additionalAr .addOptDetail .infoAr {
            display: block;
        }

            .subPageAr .additionalAr .addOptDetail .infoAr.check-btn {
                position: relative;
                display: block;
                background: url('//blob.wifidosirak.com/wm-d01/dosirakmobile/images/admCheck_off.png') no-repeat right center;
                cursor: pointer;
            }

                .subPageAr .additionalAr .addOptDetail .infoAr.check-btn.active {
                    background: url('//blob.wifidosirak.com/wm-d01/dosirakmobile/images/admCheck_on.png') no-repeat right center;
                }

            .subPageAr .additionalAr .addOptDetail .infoAr .optTit {
                display: block;
                font-size: 20px;
                color: #333;
                text-align: left;
                font-weight: bold;
                position: relative;
            }

            .subPageAr .additionalAr .addOptDetail .infoAr .optDate {
                display: block;
                font-size: 20px;
                text-align: left;
            }

        .subPageAr .additionalAr .addOptDetail .detailAr {
            display: block;
            margin-top: 40px;
            height: 46px;
            line-height: 46px;
            overflow: hidden;
        }

            .subPageAr .additionalAr .addOptDetail .detailAr .chargeInfo {
                display: inline-block;
                font-size: 20px;
                text-align: left;
                color: #333;
                font-weight: bold;
            }

            .subPageAr .additionalAr .addOptDetail .detailAr .optBtn {
                display: inline-block;
                border-radius: 5px;
                text-align: center;
                font-size: 18px;
                height: 46px;
                line-height: 46px;
            }

            .subPageAr .additionalAr .addOptDetail .detailAr .btnAr {
                display: block;
                float: right;
            }

                .subPageAr .additionalAr .addOptDetail .detailAr .btnAr:after {
                    clear: both;
                }

                .subPageAr .additionalAr .addOptDetail .detailAr .btnAr .optBtn.detail {
                    width: 95px;
                    background-color: #f7d05d;
                    color: #333;
                }

                .subPageAr .additionalAr .addOptDetail .detailAr .btnAr .optBtn.cancle {
                    width: 105px;
                    background-color: #3a68b2;
                    color: #fff;
                }

.subPageAr .addInfoAd {
    display: block;
    width: 1100px;
    margin: auto;
    text-align: center;
    padding: 50px 0 0;
}

    .subPageAr .addInfoAd .adTxt {
        display: inline-block;
        font-size: 24px;
        color: #333;
        vertical-align: middle;
    }

        .subPageAr .addInfoAd .adTxt b {
            color: #3a68b2;
        }

        .subPageAr .addInfoAd .adTxt.nextLine {
            display: block;
        }

    .subPageAr .addInfoAd select {
        display: inline-block;
        border-radius: 5px;
        border: 1px solid #c2c2c2;
        height: 45px;
        line-height: 45px;
        width: 210px;
        box-sizing: border-box;
        padding: 0 10px;
        margin: 0 5px;
        background: url('//blob.wifidosirak.com/wm-d01/dosirakmobile/images/selectArrow_pop.png') no-repeat 95% 54%; /* 네이티브 화살표를 커스텀 화살표로 대체 */
        color: #5b5b5b;
        font-size: 20px;
        vertical-align: middle;
        -webkit-appearance: none; /* 네이티브 외형 감추기 */
        -moz-appearance: none;
        appearance: none;
    }

        .subPageAr .addInfoAd select:focus {
            outline: none;
        }

        .subPageAr .addInfoAd select option {
            background-color: #fff;
            color: #333;
        }

/* 찜 리스트 */
.subPageAr .wishAr {
    display: block;
    width: 1100px;
    margin: auto;
    margin-top: 50px;
    border-top: 1px solid #c2c2c2;
}

    .subPageAr .wishAr .wishTotal {
        display: block;
        text-align: left;
        font-size: 17px;
        color: #333;
        font-weight: bold;
        padding: 25px 0;
    }

    .subPageAr .wishAr .wishDetail {
        display: block;
        width: 100%;
    }

        .subPageAr .wishAr .wishDetail li {
            display: inline-block;
            width: 350px;
            padding: 25px;
            border: 1px solid #3a68b2;
            border-radius: 20px;
        }

            .subPageAr .wishAr .wishDetail li:nth-child(3n+2) {
                margin: 0 21px;
            }

            .subPageAr .wishAr .wishDetail li:nth-of-type(n+4) {
                margin-top: 30px;
            }

        .subPageAr .wishAr .wishDetail .infoAr {
            display: block;
            position: relative;
        }

            .subPageAr .wishAr .wishDetail .infoAr .fav-btn {
                position: absolute;
                top: 15px;
                right: 0px;
                display: block;
                background: url('//blob.wifidosirak.com/wm-d01/dosirakmobile/images/mypage_fav_off.png') no-repeat 0 0;
                width: 23px;
                height: 21px;
                cursor: pointer;
            }

                .subPageAr .wishAr .wishDetail .infoAr .fav-btn.active {
                    background: url('//blob.wifidosirak.com/wm-d01/dosirakmobile/images/mypage_fav.png') no-repeat 0 0;
                }

            .subPageAr .wishAr .wishDetail .infoAr .optTit {
                display: block;
                font-size: 20px;
                color: #333;
                text-align: left;
                font-weight: bold;
                position: relative;
            }

            .subPageAr .wishAr .wishDetail .infoAr .optPrice {
                display: block;
                font-size: 20px;
                text-align: left;
            }

        .subPageAr .wishAr .wishDetail .detailAr {
            display: block;
            margin-top: 20px;
        }

            .subPageAr .wishAr .wishDetail .detailAr > div {
                display: inline-block;
                float: left;
            }

                .subPageAr .wishAr .wishDetail .detailAr > div:first-child {
                    width: 60%;
                }

                .subPageAr .wishAr .wishDetail .detailAr > div:last-child {
                    width: 40%;
                }

                .subPageAr .wishAr .wishDetail .detailAr > div .infoCon {
                    display: inline-block;
                    overflow: hidden;
                }

                    .subPageAr .wishAr .wishDetail .detailAr > div .infoCon:nth-of-type(n+2) {
                        margin-left: 15px;
                    }

                    .subPageAr .wishAr .wishDetail .detailAr > div .infoCon em {
                        display: block;
                        margin: auto;
                        text-align: center;
                    }

                        .subPageAr .wishAr .wishDetail .detailAr > div .infoCon em:after {
                            clear: both;
                        }

                        .subPageAr .wishAr .wishDetail .detailAr > div .infoCon em:nth-of-type(2) {
                            font-size: 12px;
                            color: #333;
                            margin-top: 10px;
                        }

                        .subPageAr .wishAr .wishDetail .detailAr > div .infoCon em:nth-of-type(3) {
                            font-size: 15px;
                            color: #3a68b2;
                            font-weight: bold;
                        }

                .subPageAr .wishAr .wishDetail .detailAr > div .wishBtn {
                    display: block;
                    width: 100px;
                    height: 35px;
                    border-radius: 5px;
                    text-align: center;
                    font-size: 18px;
                    float: right;
                }

                    .subPageAr .wishAr .wishDetail .detailAr > div .wishBtn:after {
                        clear: both;
                    }

                    .subPageAr .wishAr .wishDetail .detailAr > div .wishBtn:nth-of-type(n+2) {
                        margin-top: 5px;
                    }

                    .subPageAr .wishAr .wishDetail .detailAr > div .wishBtn.blue {
                        background-color: #3a68b2;
                        color: #fff;
                    }

                    .subPageAr .wishAr .wishDetail .detailAr > div .wishBtn.yellow {
                        background-color: #f7d05d;
                        color: #333;
                    }

/* 고객만족센터 */
.subPageAr .csAr {
    display: block;
    width: 1100px;
    margin: auto;
    margin-top: 50px; /*border-top: 1px solid #c2c2c2;*/
}

    .subPageAr .csAr .csDetail {
        display: block;
        width: 100%;
    }

        .subPageAr .csAr .csDetail li {
            display: inline-block;
            width: 260px;
            height: 185px;
            padding: 25px 10px;
            border: 1px solid #3a68b2;
            border-radius: 20px;
            margin-right: 16px;
            text-align: center;
            box-sizing: border-box;
        }

            .subPageAr .csAr .csDetail li:nth-of-type(4) {
                margin-right: 0;
            }

            .subPageAr .csAr .csDetail li:nth-of-type(n+5) {
                margin-top: 30px;
            }

        .subPageAr .csAr .csDetail .wideAr {
            width: 536px;
            margin-right: 0;
            float: right;
            padding: 60px 0;
        }

            .subPageAr .csAr .csDetail .wideAr:after {
                clear: both;
            }

            .subPageAr .csAr .csDetail .wideAr .csAdTxt {
                display: block;
                font-size: 24px;
                line-height: 140%;
                color: #333;
                text-align: center;
            }

                .subPageAr .csAr .csDetail .wideAr .csAdTxt b {
                    color: #3a68b2;
                }

        .subPageAr .csAr .csDetail li img {
            display: block;
            text-align: center;
            margin: auto;
        }

        .subPageAr .csAr .csDetail .csTit {
            display: block;
            font-size: 20px;
            color: #333;
            font-weight: bold;
            text-align: center;
            line-height: 100%;
            margin-top: 15px;
        }

        .subPageAr .csAr .csDetail .csNote {
            display: block;
            font-size: 18px;
            color: #333;
            text-align: center;
        }

/* 공지사항 & FAQ */
.subPageAr .boardAr {
    display: block;
    width: 850px;
    margin: auto;
    margin-top: 50px;
}

    .subPageAr .boardAr .searchAr {
        display: inline-block;
    }

        .subPageAr .boardAr .searchAr .searchWrap {
            display: block;
            border: 1px solid #c2c2c2;
            border-radius: 5px;
            overflow: hidden;
        }

        .subPageAr .boardAr .searchAr select::-ms-expand {
            display: none;
        }

        .subPageAr .boardAr .searchAr select {
            display: inline-block;
            height: 36px;
            line-height: 36px;
            width: 90px;
            border-right: 1px solid #c2c2c2;
            box-sizing: border-box;
            padding: 0 10px;
            background: url('http://blob.wifidosirak.com/wm-d01/dosirakmobile/images/selectArrow_pop.png') no-repeat 85% 54%; /* 네이티브 화살표를 커스텀 화살표로 대체 */
            color: #333;
            font-size: 14px;
            -webkit-appearance: none; /* 네이티브 외형 감추기 */
            -moz-appearance: none;
            appearance: none;
        }

        .subPageAr .boardAr .searchAr input[type=text] {
            padding: 0 20px;
            font-size: 14px;
            width: 370px;
        }

            .subPageAr .boardAr .searchAr input[type=text]::placeholder {
                color: #c2c2c2;
            }

        .subPageAr .boardAr .searchAr .btnSearch {
            width: 90px;
            height: 36px;
            background-color: #3a68b2;
            color: #fff;
            font-size: 14px;
            text-align: center;
        }

    .subPageAr .boardAr .boardCon {
        display: block;
        padding: 30px 0;
    }

        .subPageAr .boardAr .boardCon li {
            display: block;
            border: 1px solid #3a68b2;
            border-radius: 20px;
            padding: 20px 25px;
            overflow: hidden;
            cursor: pointer;
        }

            .subPageAr .boardAr .boardCon li:nth-of-type(n+2) {
                margin-top: 30px;
            }

            .subPageAr .boardAr .boardCon li .noticeTit {
                display: inline-block;
                text-align: left;
                font-size: 20px;
                font-weight: bold;
                color: #333;
                height: 36px;
                line-height: 36px;
            }

            .subPageAr .boardAr .boardCon li .faqTit {
                display: inline-block;
                text-align: left;
                font-size: 20px;
                font-weight: bold;
                color: #3a68b2;
                height: 36px;
                line-height: 36px;
            }

            .subPageAr .boardAr .boardCon li .noticeTit strong {
                color: #3a68b2;
                margin-right: 5px;
            }

            .subPageAr .boardAr .boardCon li .noticeDate {
                display: inline-block;
                font-size: 20px;
                color: #c2c2c2;
                height: 36px;
                line-height: 36px;
                margin-right: 40px;
            }

            .subPageAr .boardAr .boardCon li .openArrow {
                width: 36px;
                height: 36px;
                line-height: 36px;
                background: none;
                position: relative;
                margin: auto;
                color: #fff;
                display: inline-block;
                float: right;
            }

                .subPageAr .boardAr .boardCon li .openArrow.active {
                    background: none;
                }

                .subPageAr .boardAr .boardCon li .openArrow:before, .subPageAr .boardAr .boardCon li .openArrow:after {
                    content: "";
                    display: block;
                    width: 15px;
                    height: 2px;
                    background: #333;
                    position: absolute;
                    top: 18px;
                }

                .subPageAr .boardAr .boardCon li .openArrow:before {
                    right: 21px;
                    border-top-left-radius: 10px;
                    border-bottom-left-radius: 10px;
                    transform: rotate(45deg);
                }

                .subPageAr .boardAr .boardCon li .openArrow:after {
                    right: 12px;
                    transform: rotate(-45deg);
                }

                .subPageAr .boardAr .boardCon li .openArrow.active:before {
                    transform: rotate(-45deg);
                }

                .subPageAr .boardAr .boardCon li .openArrow.active:after {
                    transform: rotate(45deg);
                }

            .subPageAr .boardAr .boardCon li > div {
                display: inline-block;
                float: left;
            }

                .subPageAr .boardAr .boardCon li > div:after {
                    clear: both;
                }

                .subPageAr .boardAr .boardCon li > div:first-child {
                    width: 70%;
                }

                .subPageAr .boardAr .boardCon li > div:nth-of-type(2) {
                    width: 30%;
                    text-align: right;
                }

                .subPageAr .boardAr .boardCon li > div:nth-of-type(3) {
                    width: 100%;
                    display: none;
                    margin-top: 25px;
                }

            .subPageAr .boardAr .boardCon li .substance {
                text-align: left;
                font-size: 18px;
                color: #333;
                line-height: 120%;
            }

    .subPageAr .boardAr .faqTab {
        width: 850px;
        display: block;
        overflow: hidden;
        margin-top: 30px;
    }

        .subPageAr .boardAr .faqTab li {
            background: #fff;
            font-size: 18px;
            width: 20%;
            text-align: center;
            float: left;
            vertical-align: middle;
            padding: 10px 0;
            color: #333;
            cursor: pointer;
            line-height: normal;
            border: 1px solid #ddd;
            box-sizing: border-box;
        }

            .subPageAr .boardAr .faqTab li:nth-of-type(n+6) {
                margin-top: -1px;
            }

            .subPageAr .boardAr .faqTab li:after {
                clear: both;
            }

            .subPageAr .boardAr .faqTab li.on {
                background: #3a68b2;
                color: #fff;
                font-weight: bold;
                border: 1px solid #3a68b2;
                position: relative;
            }

    .subPageAr .boardAr .faqTab-contentWrap {
        display: block;
        position: relative;
        width: 100%;
        overflow-y: auto;
        margin: auto;
    }

    .subPageAr .boardAr .faqTab-content {
        display: none;
        width: 100%;
        margin: auto;
        position: relative;
    }

        .subPageAr .boardAr .faqTab-content.on {
            display: inherit;
        }

/* 1:1 문의 */
.subPageAr .individualAr {
    display: block;
    width: 1100px;
    margin: auto;
}

    .subPageAr .individualAr .individualTab {
        width: 1100px;
        display: inline-block;
    }

        .subPageAr .individualAr .individualTab li {
            background: #fff;
            font-size: 22px;
            width: 50%;
            text-align: center;
            float: left;
            vertical-align: middle;
            padding: 10px 0;
            color: #333;
            cursor: pointer;
            line-height: normal;
            border: 1px solid #ddd;
            box-sizing: border-box;
        }

            .subPageAr .individualAr .individualTab li.current {
                background: #3a68b2;
                color: #fff;
                font-weight: bold;
                border: 1px solid #3a68b2;
                position: relative;
            }

                .subPageAr .individualAr .individualTab li.current span {
                    position: absolute;
                    top: 52px;
                    left: 265px;
                    display: block;
                    width: 23px;
                    height: 11px;
                    background: url('//blob.wifidosirak.com/wm-d01/dosirakmobile/images/tab_on_img.png') no-repeat 0 0;
                    z-index: 11;
                }

    .subPageAr .individualAr .individualTab-contentWrap {
        display: block;
        position: relative;
        width: 100%;
        overflow-y: auto;
        padding-top: 50px;
        margin: auto;
    }

    .subPageAr .individualAr .individualTab-content {
        display: none;
        width: 1100px;
        margin: auto;
        position: relative;
    }

        .subPageAr .individualAr .individualTab-content.current {
            display: inherit;
        }

    .subPageAr .individualAr .individualTit {
        display: block;
        font-size: 18px;
        color: #333;
        text-align: left;
    }

        .subPageAr .individualAr .individualTit:nth-of-type(n+2) {
            margin-top: 50px;
        }

    .subPageAr .individualAr .inputAr {
        display: block;
        overflow: hidden;
        position: relative;
        padding: 8px 0;
    }

        .subPageAr .individualAr .inputAr input[type=text] {
            display: inline-block;
            box-sizing: border-box;
            height: 46px;
            border-radius: 5px;
            border: 1px solid #c2c2c2;
            vertical-align: middle;
            padding-left: 20px;
            font-size: 18px;
        }

            .subPageAr .individualAr .inputAr input[type=text]:focus {
                outline: none;
            }

        .subPageAr .individualAr .inputAr input.half {
            width: 617px;
        }

        .subPageAr .individualAr .inputAr input.quarter {
            width: 200px;
        }

        .subPageAr .individualAr .inputAr input.normal {
            width: 298px;
        }

        .subPageAr .individualAr .inputAr input.inputFull {
            width: 100%;
        }

        .subPageAr .individualAr .inputAr textarea:focus {
            outline: none;
        }

        .subPageAr .individualAr .inputAr textarea::placeholder {
            font-size: 18px;
        }

        .subPageAr .individualAr .inputAr textarea.gray {
            background-color: #eaeaea;
        }

        .subPageAr .individualAr .inputAr .inputForm {
            display: block;
            width: 100%;
            height: 250px;
            border: 1px solid #c2c2c2;
            border-radius: 5px;
            padding: 20px;
            overflow: overlay;
        }

        .subPageAr .individualAr .inputAr .inpGroup {
            display: block;
        }

            .subPageAr .individualAr .inputAr .inpGroup .grouping {
                display: inline-block;
                margin-left: 14px;
                vertical-align: middle;
            }

    .subPageAr .individualAr select::-ms-expand {
        display: none;
    }

    .subPageAr .individualAr select {
        display: inline-block;
        border-radius: 5px;
        border: 1px solid #c2c2c2;
        height: 46px;
        line-height: 46px;
        width: 300px;
        box-sizing: border-box;
        padding: 0 20px;
        background: url('//blob.wifidosirak.com/wm-d01/dosirakmobile/images/selectArrow_pop.png') no-repeat 95% 54%; /* 네이티브 화살표를 커스텀 화살표로 대체 */
        color: #5b5b5b;
        font-size: 18px;
        -webkit-appearance: none; /* 네이티브 외형 감추기 */
        -moz-appearance: none;
        appearance: none;
    }

        .subPageAr .individualAr select.quarter {
            width: 200px;
        }

        .subPageAr .individualAr select option {
            background-color: #fff;
            color: #333;
        }

    .subPageAr .individualAr .chkAr {
        display: block;
        padding: 15px 0;
    }

        .subPageAr .individualAr .chkAr input {
            display: none;
        }

            .subPageAr .individualAr .chkAr input + label {
                display: inline-block;
                width: 30px;
                height: 30px;
                cursor: pointer;
                overflow: hidden;
                border: none;
                border-radius: 0;
            }

                .subPageAr .individualAr .chkAr input + label.indiCheckLabel {
                    background: url(//blob.wifidosirak.com/wm-d01/dosirakmobile/images/memberJoin_chk_off.png) no-repeat 0 0;
                }

            .subPageAr .individualAr .chkAr input:checked + label.indiCheckLabel {
                background: url(//blob.wifidosirak.com/wm-d01/dosirakmobile/images/memberJoin_chk_on.png) no-repeat 0 0;
            }

        .subPageAr .individualAr .chkAr .indiAgree {
            text-align: left;
            font-size: 18px;
            color: #333;
            vertical-align: middle;
        }

            .subPageAr .individualAr .chkAr .indiAgree a {
                color: #3a68b2;
                font-weight: lighter;
            }

    .subPageAr .individualAr .attachmentAr {
        display: block;
        text-align: right;
        padding: 8px 0;
        vertical-align: middle;
    }

        .subPageAr .individualAr .attachmentAr .attachmentTxt {
            display: inline-block;
            font-size: 16px;
            color: #5b5b5b;
            height: 34px;
            line-height: 34px;
        }

        .subPageAr .individualAr .attachmentAr .attachmentBtn {
            display: inline-block;
            width: 140px;
            height: 34px;
            line-height: 34px;
            background-color: #3a68b2;
            color: #fff;
            text-align: center;
            font-size: 14px;
            border-radius: 5px;
            margin-left: 10px;
            float: right;
        }

            .subPageAr .individualAr .attachmentAr .attachmentBtn:after {
                clear: both;
            }

    .subPageAr .individualAr .inquiryList .listForm {
        display: block;
    }

        .subPageAr .individualAr .inquiryList .listForm li {
            display: block;
            border: 1px solid #3a68b2;
            border-radius: 20px;
            padding: 20px 25px;
            width: 100%;
        }

        .subPageAr .individualAr .inquiryList .listForm .lt {
            cursor: pointer;
        }

        .subPageAr .individualAr .inquiryList .listForm li:nth-of-type(n+2) {
            margin-top: 30px;
        }

        .subPageAr .individualAr .inquiryList .listForm li > div {
            display: inline-block;
        }

            .subPageAr .individualAr .inquiryList .listForm li > div:last-child {
                float: right;
            }

            .subPageAr .individualAr .inquiryList .listForm li > div .formTit {
                display: inline-block;
                width: 540px;
                font-size: 20px;
                text-align: left;
                color: #333;
                font-weight: bold;
            }

            .subPageAr .individualAr .inquiryList .listForm li > div .formDate {
                display: inline-block;
                width: 100px;
                font-size: 20px;
                text-align: left;
                color: #c2c2c2;
            }

            .subPageAr .individualAr .inquiryList .listForm li > div .condition {
                display: inline-block;
                width: 80px;
                height: 34px;
                line-height: 34px;
                text-align: center;
                font-size: 14px;
                color: #fff;
                border-radius: 5px;
                background-color: #3a68b2;
                box-sizing: border-box;
            }

                .subPageAr .individualAr .inquiryList .listForm li > div .condition.complate {
                    background-color: #c2c2c2;
                }

            .subPageAr .individualAr .inquiryList .listForm li > div .listClear {
                display: inline-block;
                vertical-align: middle;
                margin-left: 60px;
                cursor: pointer;
            }

    .subPageAr .individualAr .inquiryList {
        display: none;
    }

    .subPageAr .individualAr .inquiryDetail {
        display: none;
    }

        .subPageAr .individualAr .inquiryDetail .attach {
            display: inline-block;
            font-size: 14px;
            color: #777;
            text-align: left;
        }

            .subPageAr .individualAr .inquiryDetail .attach:nth-of-type(n+2) {
                margin-left: 5px;
            }

/* 이벤트 */
.subPageAr .eventTabAr {
    width: 100%;
    margin: auto;
    text-align: center;
    position: relative;
}

.subPageAr .eventTab {
    width: 1100px;
    display: inline-block;
    position: relative;
}

    .subPageAr .eventTab li {
        background: #fff;
        font-size: 22px;
        width: 33.3%;
        text-align: center;
        float: left;
        vertical-align: middle;
        padding: 10px 0;
        color: #333;
        cursor: pointer;
        line-height: normal;
        border: 1px solid #ddd;
        box-sizing: border-box;
    }

        .subPageAr .eventTab li.current {
            background: #3a68b2;
            color: #fff;
            font-weight: bold;
            border: 1px solid #3a68b2;
            position: relative;
        }

        .subPageAr .eventTab li:first-child {
            margin-left: 2px;
        }

        .subPageAr .eventTab li:nth-of-type(n+2) {
            margin-left: -1px;
        }

        .subPageAr .eventTab li.current span {
            position: absolute;
            top: 52px;
            left: 170px;
            display: block;
            width: 23px;
            height: 11px;
            background: url('//blob.wifidosirak.com/wm-d01/dosirakmobile/images/tab_on_img.png') no-repeat 0 0;
            z-index: 11;
        }

.subPageAr .eventTab-content {
    display: none;
    width: 100%;
    margin: auto;
    position: relative;
}

    .subPageAr .eventTab-content.current {
        display: inherit;
    }

.subPageAr .eventAr {
    display: block;
    width: 1100px;
    margin: auto;
    padding: 50px 0;
}

    .subPageAr .eventAr .eventDetail {
        display: block;
        width: 100%;
    }

        .subPageAr .eventAr .eventDetail li {
            display: inline-block;
            width: 350px;
        }

            .subPageAr .eventAr .eventDetail li:nth-child(3n+2) {
                margin: 0 21px;
            }

            .subPageAr .eventAr .eventDetail li:nth-of-type(n+4) {
                margin-top: 30px;
            }

            .subPageAr .eventAr .eventDetail li .banImgAr {
                display: block;
                width: 100%;
                border: 1px solid #3a68b2;
                border-radius: 20px;
                overflow: hidden;
                box-sizing: border-box;
                position: relative;
            }

                .subPageAr .eventAr .eventDetail li .banImgAr .dimm {
                    display: block;
                    width: 100%;
                    height: 100%;
                    background-color: rgba(0,0,0,0.5);
                    background-size: cover;
                    position: absolute;
                    top: 0;
                    left: 0;
                    z-index: 10;
                }

                    .subPageAr .eventAr .eventDetail li .banImgAr .dimm span {
                        display: block;
                        text-align: center;
                        font-size: 20px;
                        font-weight: bold;
                        color: #fff;
                        line-height: 188px;
                    }

            .subPageAr .eventAr .eventDetail li .banTxtAr {
                display: block;
                margin-top: 25px;
            }

                .subPageAr .eventAr .eventDetail li .banTxtAr .banTxtTit {
                    display: block;
                    text-align: left;
                    font-size: 20px;
                    line-height: 20px;
                    color: #333;
                    font-weight: bold;
                }

                .subPageAr .eventAr .eventDetail li .banTxtAr .banTxtDate {
                    display: block;
                    text-align: left;
                    font-size: 20px;
                    color: #333;
                }


/* 210915 - NJH 이벤트혜택 페이지 CSS 추가 S */
/* 210915 - NJH 이벤트혜택 페이지 공통 CSS S */
.main_tit {
    font-family: "NEXON Lv2";
    font-weight: 600;
    font-size: 34px;
    color: #333;
    margin-bottom: 20px;
    display: block;
    text-align: center;
}

.event_benefit .main_cont {
    font-size: 24px;
    word-break: keep-all;
    font-weight: 700;
    text-align: left;
    color: #333;
    margin: auto;
    width: 70%;
}

    .event_benefit .main_cont span {
        background: linear-gradient(to top, #ffef6b 50%, transparent 50%);
    }

.event_benefit .main_cont_sub {
    font-size: 20px;
    text-align: left;
    font-weight: 300;
    color: 333;
    margin: auto;
    width: 70%;
}

.event_benefit {
    padding: 95px 0;
    background: #fff;
}

    .event_benefit .box {
        position: relative;
        transition: 0.3s;
    }

    .event_benefit .in_box {
        text-align: center;
        background: #fff;
        padding: 25px;
        min-width: 481.111px;
        min-height: 225px;
        border: 1px #eee solid;
        border-radius: 10px;
        box-shadow: 5px 5px 5px 0px rgb(0 0 0 / 5%);
        transition: 0.3s ease;
    }

    .event_benefit .tit {
        color: #333;
        font-family: "NEXON Lv2";
        font-weight: 900;
        line-height: 25px;
        font-size: 20px;
        margin-bottom: 5px;
    }

    .event_benefit .cont {
        font-size: 14px;
        font-weight: 400;
        font-family: 'Play', sans-serif;
        color: #333;
        margin-bottom: 25px;
        margin-top: 15px;
    }

        .event_benefit .cont strong {
            color: #ff1843;
            font-weight: 700;
        }
    /* 210915 - NJH 이벤트혜택 페이지 공통 CSS E */

    /* 210915 - NJH 이벤트혜택 페이지 공통 CSS - 스와이프 S */
    .event_benefit .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
        background: #4e71b3;
    }

    .event_benefit .swiper-pagination-progressbar {
        margin: 0 auto;
        max-width: 450px;
        height: 3px;
        position: relative;
        background: rgba(0,0,0,0.2);
        width: 65%;
    }

    .event_benefit .swiper-button-next {
        right: 0;
        background: url('//blob.wifidosirak.com/wm-d01/dosirakmobile/images/intro/main/slide_arrow.png')no-repeat;
        background-size: cover;
        width: 42px;
        height: 42px;
        border-radius: 50%;
        top: 45%;
        box-shadow: 5px 5px 15px 5px rgb(0 0 0 / 2%);
    }

        .event_benefit .swiper-button-next:after {
            display: none;
        }

    .event_benefit .swiper-button-prev {
        left: 0;
        background: url('//blob.wifidosirak.com/wm-d01/dosirakmobile/images/intro/main/slide_arrow.png')no-repeat;
        background-size: cover;
        width: 42px;
        height: 42px;
        transform: rotate(180deg);
        border-radius: 50%;
        top: 45%;
        box-shadow: 15px -5px 15px 5px rgb(0 0 0 / 2%);
    }

        .event_benefit .swiper-button-prev:after {
            display: none;
        }

    .event_benefit .inner04 {
        width: 95%;
        position: relative;
        max-width: 600px;
        margin: 0 auto;
        margin-top: 40px;
        margin-bottom: 80px;
    }

    .event_benefit .swiper-pagination-bullet {
        display: none;
    }
    /* 210915 - NJH 이벤트혜택 페이지 공통 CSS - 스와이프 E */


    /* 210915 - NJH 이벤트혜택 페이지 공통 CSS - 버튼 S */
    .event_benefit .bu_tit {
        word-break: keep-all;
        font-size: 32px;
        font-weight: 400;
        color: #333;
        display: block;
        text-align: center;
        margin-bottom: 20px;
    }

        .event_benefit .bu_tit strong {
            font-weight: 600;
            font-size: 32px;
            color: #333;
        }

    .event_benefit .inner {
        width: 95%;
        margin: 0 auto;
        max-width: 1180px;
    }

    .event_benefit .btn_gp {
        width: 35%;
        margin: auto;
    }

        .event_benefit .btn_gp a {
            background: #3b62ab;
            text-align: center;
            height: 64px;
            line-height: 64px;
            border-radius: 50px;
            display: inline-block;
            width: 100%;
            margin: auto;
            font-weight: 600;
            font-size: 18px;
            color: #fff;
            transition: 0.3s;
        }

            .event_benefit .btn_gp a img {
                margin-left: 10px;
                transition: 0.3s;
                vertical-align: middle;
            }

            .event_benefit .btn_gp a:hover img {
                margin-left: 20px;
                transition: 0.3s;
            }

    .event_benefit .m_tit {
        display: none;
    }
    /* 210915 - NJH 이벤트혜택 페이지 공통 CSS - 버튼 E */


    /* 210915 - NJH 스와이프 01 S */
    .event_benefit .in_box img {
        padding: 20px 0;
        height: 25%;
    }

    .event_benefit .swiper-container {
        width: 70%;
    }

    .event_benefit .event_benefit_Swiper .swiper-wrapper {
        height: 35%;
    }
/* 210915 - NJH 스와이프 01 E */


/* 210915 - NJH 스와이프 02 S */
.benefit02Ar {
    background: #eee;
}

    .benefit02Ar .in_box img {
        width: 100%;
        height: auto;
    }

    .benefit02Ar .event_benefit_Swiper .swiper-wrapper {
        height: 50%;
    }

    .benefit02Ar .in_box {
        background: 0;
        padding: 0;
        border-radius: 0;
        border: 0;
        box-shadow: none;
    }
/* 210915 - NJH 스와이프 02 E */


/* 210915 - NJH 스와이프 03 S */
.benefit03Ar .in_box img {
    padding: 20px 0;
    height: 28%;
}
/* 210915 - NJH 스와이프 03 E */

/* 210915 - NJH 이벤트혜택 페이지 CSS 추가 E */





/* 사용안내 */
.subPageAr .guideTabAr {
    width: 100%;
    margin: auto;
    text-align: center;
    position: relative;
}

.subPageAr .guideTab {
    width: 1100px;
    display: inline-block;
    position: relative;
}

    .subPageAr .guideTab li {
        background: #fff;
        font-size: 22px;
        width: 33.3%;
        text-align: center;
        float: left;
        vertical-align: middle;
        padding: 10px 0;
        color: #333;
        cursor: pointer;
        line-height: normal;
        border: 1px solid #ddd;
        box-sizing: border-box;
    }

        .subPageAr .guideTab li.current {
            background: #3a68b2;
            color: #fff;
            font-weight: bold;
            border: 1px solid #3a68b2;
            position: relative;
        }

        .subPageAr .guideTab li:first-child {
            margin-left: 2px;
        }

        .subPageAr .guideTab li:nth-of-type(n+2) {
            margin-left: -1px;
        }

        .subPageAr .guideTab li.current span {
            position: absolute;
            top: 52px;
            left: 170px;
            display: block;
            width: 23px;
            height: 11px;
            background: url('//blob.wifidosirak.com/wm-d01/dosirakmobile/images/tab_on_img.png') no-repeat 0 0;
            z-index: 11;
        }

.subPageAr .guideTab-content {
    display: none;
    width: 100%;
    margin: auto;
    position: relative;
}

    .subPageAr .guideTab-content.current {
        display: inherit;
    }

    .subPageAr .guideTab-content h1 {
        display: block;
        font-size: 20px;
        color: #333;
        text-align: left;
        margin-bottom: 20px;
    }

.subPageAr .guidanceWrap {
    display: block;
    width: 100%;
    border: 1px solid #3a68b2;
    border-radius: 20px;
    padding: 30px;
    margin: auto;
}

    .subPageAr .guidanceWrap .wdImg {
        display: inline-block;
        width: 250px;
        text-align: center;
        vertical-align: middle;
        margin-right: 15px;
    }

    .subPageAr .guidanceWrap .guidanceTit {
        display: block;
        font-size: 20px;
        color: #333;
        text-align: left;
        font-weight: bold;
        vertical-align: middle;
        letter-spacing: -1px;
    }

        .subPageAr .guidanceWrap .guidanceTit.blue {
            color: #3a68b2;
        }

    .subPageAr .guidanceWrap .guidanceTxt {
        display: block;
        font-size: 20px;
        line-height: 24px;
        color: #5b5b5b;
        text-align: left;
        margin-top: 10px;
        letter-spacing: -1px;
    }

        .subPageAr .guidanceWrap .guidanceTxt.independ {
            margin-top: 0;
            vertical-align: middle;
        }

        .subPageAr .guidanceWrap .guidanceTxt.alert {
            margin-top: 10px;
            font-size: 15px;
            color: #ff2121;
        }

    .subPageAr .guidanceWrap .mobileChk {
        display: block;
        font-size: 18px;
        text-align: center;
        color: #fff;
        padding: 10px 15px;
        border-radius: 10px;
        background-color: #3a68b2;
        margin-top: 15px;
    }

    .subPageAr .guidanceWrap .guidanceNote {
        display: block;
        padding: 10px 15px;
        border-radius: 10px;
        background-color: #eaeaea;
        margin-top: 15px;
    }

        .subPageAr .guidanceWrap .guidanceNote .noteTit {
            display: block;
            font-size: 18px;
            color: #3a68b2;
            text-align: left;
        }

        .subPageAr .guidanceWrap .guidanceNote .noteTxt {
            display: block;
            text-align: left;
            font-size: 16px;
            color: #5b5b5b;
            line-height: 140%;
            margin-left: 2px;
        }

            .subPageAr .guidanceWrap .guidanceNote .noteTxt:before {
                content: '-';
                margin-right: 2px;
            }

    /* css 추가 */
    .subPageAr .guidanceWrap img.imgCenter {
        display: block;
        width: 100%;
        margin: auto;
        padding: 15px;
    }

    .subPageAr .guidanceWrap .usimImg {
        display: block;
        width: 100%;
        margin-top: 10px;
        overflow: hidden;
    }

        .subPageAr .guidanceWrap .usimImg li {
            display: block;
            width: 49%;
            float: left;
        }

            .subPageAr .guidanceWrap .usimImg li:after {
                clear: both;
            }

            .subPageAr .guidanceWrap .usimImg li:nth-of-type(n+2) {
                margin-top: 0;
                margin-left: 2%;
            }

        .subPageAr .guidanceWrap .usimImg.chk {
            display: block;
            width: 100%;
            margin-top: 10px;
            overflow: hidden;
        }

            .subPageAr .guidanceWrap .usimImg.chk li {
                display: block;
                width: 60%;
                float: left;
            }

                .subPageAr .guidanceWrap .usimImg.chk li:nth-of-type(2) {
                    width: 38%;
                }

        .subPageAr .guidanceWrap .usimImg .imgTit {
            display: block;
            font-size: 18px;
            color: #333;
            text-align: left;
            padding: 5px 0;
        }

        .subPageAr .guidanceWrap .usimImg .imgTxt {
            display: block;
            font-size: 18px;
            line-height: 120%;
            color: #5b5b5b;
            text-align: left;
        }

            .subPageAr .guidanceWrap .usimImg .imgTxt.list {
                line-height: 140%;
                margin-left: 8px;
            }

                .subPageAr .guidanceWrap .usimImg .imgTxt.list:before {
                    content: '-';
                    margin-left: -12px;
                    position: absolute;
                }

                .subPageAr .guidanceWrap .usimImg .imgTxt.list:nth-of-type(n+2) {
                    margin-top: 10px;
                }

.chargeLargeAr .swiper-container, .chargeSlimAr .swiper-container {
    width: 1000px;
    height: 100%;
    margin: auto;
    text-align: center;
    padding-bottom: 50px;
    overflow: hidden;
    position: relative;
}

    .chargeLargeAr .swiper-container .swiper-wrapper, .chargeSlimAr .swiper-container .swiper-wrapper {
        margin: auto;
        text-align: center;
    }

    .chargeLargeAr .swiper-container .swiper-slide, .chargeSlimAr .swiper-container .swiper-slide {
        text-align: center;
        margin: auto;
        width: 326px;
        height: 400px;
        background: url('//blob.wifidosirak.com/wm-d01/dosirakmobile/images/dosirakBg.png') 0 0;
        vertical-align: middle;
        border-radius: 40px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;
    }

.chargeLargeAr .swiper-slide .planTb, .chargeSlimAr .swiper-slide .planTb {
    display: block;
    position: relative;
    width: 100%;
    padding: 0 27px;
    overflow: hidden;
}

    .chargeLargeAr .swiper-slide .planTb .fav-btn, .chargeSlimAr .swiper-slide .planTb .fav-btn {
        position: absolute;
        top: 35px;
        right: 45px;
        display: block;
        background: url('//blob.wifidosirak.com/wm-d01/dosirakmobile/images/favBtn.png') no-repeat 0 0;
        width: 25px;
        height: 23px;
        cursor: pointer;
    }

        .chargeLargeAr .swiper-slide .planTb .fav-btn.active, .chargeSlimAr .swiper-slide .planTb .fav-btn.active {
            background: url('//blob.wifidosirak.com/wm-d01/dosirakmobile/images/favBtn_on.png') no-repeat 0 0;
        }

    .chargeLargeAr .swiper-slide .planTb .priceTit, .chargeSlimAr .swiper-slide .planTb .priceTit {
        display: block;
        position: relative;
        font-size: 25px;
        color: #fff;
        text-align: left;
        line-height: 100%;
        font-weight: 100;
        margin-top: 24px;
    }

        .chargeLargeAr .swiper-slide .planTb .priceTit strong, .chargeSlimAr .swiper-slide .planTb .priceTit strong {
            border: 1px solid #fff;
            font-size: 20px;
            padding: 0 5px;
            margin-right: 5px;
        }

        .chargeLargeAr .swiper-slide .planTb .priceTit b, .chargeSlimAr .swiper-slide .planTb .priceTit b {
            font-weight: 700;
        }

    .chargeLargeAr .swiper-slide .planTb .planAr, .chargeSlimAr .swiper-slide .planTb .planAr {
        display: block;
        margin-top: 23px;
        width: 100%;
    }

        .chargeLargeAr .swiper-slide .planTb .planAr li, .chargeSlimAr .swiper-slide .planTb .planAr li {
            float: left;
            width: 33.3%;
            box-sizing: border-box;
            display: inline-block;
        }

            .chargeLargeAr .swiper-slide .planTb .planAr li .iconAr, .chargeSlimAr .swiper-slide .planTb .planAr li .iconAr {
                display: block;
                height: 68px;
            }

            .chargeLargeAr .swiper-slide .planTb .planAr li .iconName, .chargeSlimAr .swiper-slide .planTb .planAr li .iconName {
                display: block;
                font-size: 12px;
                margin-top: 10px;
                text-align: center;
                color: #fff;
            }

            .chargeLargeAr .swiper-slide .planTb .planAr li .iconVol, .chargeSlimAr .swiper-slide .planTb .planAr li .iconVol {
                display: block;
                font-size: 16px;
                text-align: center;
                color: #fff;
                font-weight: bold;
                line-height: 16px;
            }

    .chargeLargeAr .swiper-slide .planTb .planPrice, .chargeSlimAr .swiper-slide .planTb .planPrice {
        display: block;
        clear: both;
        margin: auto;
        text-align: center;
    }

        .chargeLargeAr .swiper-slide .planTb .planPrice .priceWrap, .chargeSlimAr .swiper-slide .planTb .planPrice .priceWrap {
            font-size: 24px;
            color: #f7d05d;
        }

            .chargeLargeAr .swiper-slide .planTb .planPrice .priceWrap strong, .chargeSlimAr .swiper-slide .planTb .planPrice .priceWrap strong {
                font-size: 34px;
            }

        .chargeLargeAr .swiper-slide .planTb .planPrice > div:first-child, .chargeSlimAr .swiper-slide .planTb .planPrice > div:first-child {
            width: 60%;
            display: inline-block;
            float: left;
            padding: 22px 0;
        }

        .chargeLargeAr .swiper-slide .planTb .planPrice > div:last-child, .chargeSlimAr .swiper-slide .planTb .planPrice > div:last-child {
            width: 40%;
            display: inline-block;
            clear: both;
            padding: 25px 0;
            margin: auto;
        }

        .chargeLargeAr .swiper-slide .planTb .planPrice .btnBuy, .chargeSlimAr .swiper-slide .planTb .planPrice .btnBuy {
            display: block;
            background: #fff;
            color: #333;
            border-radius: 10px;
            font-size: 16px;
            width: 86px;
            height: 42px;
            line-height: 42px;
            font-weight: bold;
            margin: auto;
        }

        .chargeLargeAr .swiper-slide .planTb .planPrice .btnTem, .chargeSlimAr .swiper-slide .planTb .planPrice .btnTem {
            display: block;
            background: #fff;
            color: #333;
            border-radius: 5px;
            font-size: 12px;
            width: 86px;
            height: 24px;
            line-height: 24px;
            font-weight: bold;
            margin: auto;
        }

            .chargeLargeAr .swiper-slide .planTb .planPrice .btnTem.wh, .chargeSlimAr .swiper-slide .planTb .planPrice .btnTem.wh {
                background: none;
                color: #fff;
                border: 1px solid #fff;
            }

            .chargeLargeAr .swiper-slide .planTb .planPrice .btnTem:nth-of-type(n+2), .chargeSlimAr .swiper-slide .planTb .planPrice .btnTem:nth-of-type(n+2) {
                margin-top: 5px;
            }

        .chargeLargeAr .swiper-slide .planTb .planPrice a:hover, .chargeSlimAr .swiper-slide .planTb .planPrice a:hover {
            background: #f7d05d !important;
            color: #333 !important;
        }

    .chargeLargeAr .swiper-slide .planTb.blueTag, .chargeSlimAr .swiper-slide .planTb.blueTag {
        display: block;
        background: #ddd;
        margin: 40px 0;
    }

.chargeLargeAr, .chargeSlimAr {
    width: 1100px;
    margin: auto;
    text-align: center;
    position: relative;
    padding-bottom: 30px;
}

    .chargeLargeAr .swiper-pagination, .chargeSlimAr .swiper-pagination {
        position: absolute;
        text-align: left;
        left: 10px !important;
        z-index: 100000;
    }

    .chargeLargeAr .swiper-button-prev, .chargeSlimAr .swiper-button-prev {
        position: absolute;
        left: 0px;
        z-index: 1;
        top: 45%;
    }

    .chargeLargeAr .swiper-button-next, .chargeSlimAr .swiper-button-next {
        position: absolute;
        right: 0px;
        z-index: 1;
        top: 45%;
    }

    .chargeLargeAr .viewAll, .chargeSlimAr .viewAll {
        position: absolute;
        font-size: 14px;
        font-weight: bold;
        color: #3a68b2;
        bottom: 10px;
        right: 60px;
        border-bottom: 1px solid #3a68b2;
        letter-spacing: -0.5px;
    }

.chargeAr .priceTitAr {
    display: block;
    width: 1000px;
    padding: 10px 0;
    margin: auto;
    border-bottom: 1px solid #333;
}

    .chargeAr .priceTitAr:first-child {
        margin-top: 30px;
    }

    .chargeAr .priceTitAr .priceTit {
        font-size: 20px;
        color: #333;
        font-weight: bold;
        text-align: left;
    }

    .chargeAr .priceTitAr .priceSub {
        font-size: 16px;
        color: #646464;
        text-align: left;
        margin-left: 10px;
    }

/* 부가서비스 */
.addAr {
    display: block;
    width: 1100px;
    margin: auto;
    padding: 50px 0;
}

.subPageAr .addTabAr {
    width: 100%;
    margin: auto;
    text-align: center;
    position: relative;
}

.subPageAr .addTab {
    width: 1100px;
    display: inline-block;
    position: relative;
}

    .subPageAr .addTab li {
        background: #fff;
        font-size: 22px;
        width: 33.3%;
        text-align: center;
        float: left;
        vertical-align: middle;
        padding: 10px 0;
        color: #333;
        cursor: pointer;
        line-height: normal;
        border: 1px solid #ddd;
        box-sizing: border-box;
    }

        .subPageAr .addTab li.current {
            background: #3a68b2;
            color: #fff;
            font-weight: bold;
            border: 1px solid #3a68b2;
            position: relative;
        }

        .subPageAr .addTab li:first-child {
            margin-left: 2px;
        }

        .subPageAr .addTab li:nth-of-type(n+2) {
            margin-left: -1px;
        }

        .subPageAr .addTab li.current span {
            position: absolute;
            top: 52px;
            left: 170px;
            display: block;
            width: 23px;
            height: 11px;
            background: url('//blob.wifidosirak.com/wm-d01/dosirakmobile/images/tab_on_img.png') no-repeat 0 0;
            z-index: 11;
        }

.subPageAr .addTab-content {
    display: none;
    width: 100%;
    margin: auto;
    position: relative;
}

    .subPageAr .addTab-content.current {
        display: inherit;
    }

    .subPageAr .addTab-content h1 {
        display: block;
        font-size: 20px;
        color: #333;
        text-align: left;
        margin-bottom: 20px;
    }

.addAr .addListDetail {
    display: block;
}

    .addAr .addListDetail li {
        display: block;
        padding: 40px 50px;
        border-top: 1px solid #c2c2c2;
        border-bottom: 1px solid #c2c2c2;
        overflow: hidden;
    }

        .addAr .addListDetail li:nth-of-type(n+2) {
            border-top: 0;
        }

        .addAr .addListDetail li .detailCon {
            display: inline-block;
            width: 70%;
            float: left;
        }

        .addAr .addListDetail li .detailPrice {
            display: inline-block;
            width: 30%;
            float: left;
        }

        .addAr .addListDetail li .detailCon .option {
            display: block;
            width: 80px;
            font-size: 18px;
            text-align: center;
            color: #3a68b2;
            border: 1px solid #3a68b2;
            padding: 5px;
        }

        .addAr .addListDetail li .detailCon .mainTit {
            display: block;
            font-size: 22px;
            text-align: left;
            font-weight: bold;
            color: #333;
            margin-top: 20px;
        }

        .addAr .addListDetail li .detailCon .mainTxt {
            display: block;
            font-size: 18px;
            text-align: left;
            color: #333;
        }

        .addAr .addListDetail li .detailPrice {
            text-align: right;
        }

            .addAr .addListDetail li .detailPrice .addPrice {
                display: inline-block;
                font-size: 22px;
                color: #333;
                font-weight: bold;
                height: 120px;
                line-height: 120px;
            }


.subPageAr .addAr .addListDetail li .addArrow {
    width: 20%;
    font-size: 20px;
    color: #333;
    text-align: right;
    display: inline-block;
    vertical-align: middle;
    cursor: pointer;
    position: relative;
}

    .subPageAr .addAr .addListDetail li .addArrow .arrowDown {
        width: 20px;
        height: 20px;
        background: none;
        position: relative;
        margin: auto;
    }

        .subPageAr .addAr .addListDetail li .addArrow .arrowDown.active {
            background: none;
        }

        .subPageAr .addAr .addListDetail li .addArrow .arrowDown:before, .addAr .addListDetail li .addArrow .arrowDown:after {
            content: "";
            display: block;
            width: 16px;
            height: 3px;
            background: #646464;
            position: absolute;
        }

        .subPageAr .addAr .addListDetail li .addArrow .arrowDown:before {
            right: 21px;
            border-top-left-radius: 10px;
            border-bottom-left-radius: 10px;
            transform: rotate(30deg);
        }

        .subPageAr .addAr .addListDetail li .addArrow .arrowDown:after {
            right: 8px;
            transform: rotate(-30deg);
        }

        .subPageAr .addAr .addListDetail li .addArrow .arrowDown.active:before {
            transform: rotate(-30deg);
        }

        .subPageAr .addAr .addListDetail li .addArrow .arrowDown.active:after {
            transform: rotate(30deg);
        }

.subPageAr .addAr .addListDetail .detailNote {
    display: none;
    width: 100%;
    background: #eaeaea;
    padding: 30px 50px;
    border-bottom: 1px solid #c2c2c2;
}

    .subPageAr .addAr .addListDetail .detailNote .noteTit {
        display: block;
        font-size: 18px;
        color: #333;
        text-align: left;
        font-weight: bold;
    }

        .subPageAr .addAr .addListDetail .detailNote .noteTit:nth-of-type(n+2) {
            margin-top: 20px;
        }

    .subPageAr .addAr .addListDetail .detailNote .noteTxt {
        display: block;
        font-size: 16px;
        color: #333;
        line-height: 140%;
        margin-left: 10px;
    }

        .subPageAr .addAr .addListDetail .detailNote .noteTxt:before {
            content: '-';
            margin-left: -8px;
            margin-right: 3px;
        }

.subPageAr .subPageBlank {
    display: none;
    margin: auto;
    text-align: center;
    padding: 110px 0;
}

    .subPageAr .subPageBlank .blankTit {
        display: block;
        text-align: center;
        font-size: 20px;
        color: #333;
        font-weight: bold;
    }

    .subPageAr .subPageBlank img {
        display: block;
        padding-top: 20px;
        margin: auto;
        text-align: center;
    }

.subPageAr .applyAr table {
    width: 100%;
    margin: 16px 0;
}

    .subPageAr .applyAr table span {
        display: block;
    }

    .subPageAr .applyAr table a {
        display: block;
        font-size: 14px;
        color: #3a68b2;
        text-decoration: underline;
    }

    .subPageAr .applyAr table .blueBtn {
        display: inline-block;
        width: 74px;
        height: 30px;
        line-height: 30px;
        background-color: #3a68b2;
        font-size: 15px;
        color: #fff;
        border-radius: 3px;
    }

    .subPageAr .applyAr table .applyTxt {
        font-size: 18px;
        color: #333;
    }

.subPageAr .applyAr thead {
    background-color: #eaeaea;
    text-align: center;
    border-top: 2px solid #d9d9d9;
    border-bottom: 2px solid #d9d9d9;
}

    .subPageAr .applyAr thead th {
        height: 70px;
        font-size: 18px;
        color: #333;
        font-weight: bold;
        text-align: center;
        margin: 0 auto;
        padding: 16px 0;
        vertical-align: middle;
    }

.subPageAr .applyAr tbody tr {
    border-bottom: 1px solid #d6d6d6;
    text-align: center;
}

    .subPageAr .applyAr tbody tr:last-child {
        border-bottom: 0;
    }

.subPageAr .applyAr tbody td {
    height: 70px;
    font-size: 18px;
    color: #333;
    text-align: center;
    margin: 0 auto;
    padding: 16px 0;
    vertical-align: middle;
}

.subPageAr .applyDetail {
    display: block;
    position: relative;
    width: 1100px;
    margin: auto;
}

    .subPageAr .applyDetail .applyInquiry {
        display: block;
        padding: 50px 0;
        overflow: hidden;
    }

        .subPageAr .applyDetail .applyInquiry > div {
            display: inline-block;
            width: 50%;
            float: left;
        }

            .subPageAr .applyDetail .applyInquiry > div:nth-of-type(2) {
                float: right;
                text-align: right;
            }

        .subPageAr .applyDetail .applyInquiry .btnTerm {
            display: inline-block;
            width: 110px;
            height: 45px;
            border: 1px solid #3a68b2;
            border-radius: 5px;
            font-size: 18px;
            color: #3a68b2;
        }

            .subPageAr .applyDetail .applyInquiry .btnTerm.active {
                background-color: #3a68b2;
                color: #fff;
            }

        .subPageAr .applyDetail .applyInquiry .btnInquiry {
            display: inline-block;
            width: 110px;
            height: 45px;
            background: #3a68b2;
            border-radius: 5px;
            font-size: 18px;
            color: #fff;
        }

        .subPageAr .applyDetail .applyInquiry input.date {
            display: inline-block;
            width: 150px;
            border: 1px solid #c2c2c2;
            border-radius: 5px;
            height: 45px;
            text-align: center;
        }

/* 와이파이도시락 월정액 디자인 추가 */
.subPageAr .pdTabAr {
    display: block;
    width: 1100px;
    margin: auto;
    margin-top: 60px;
    margin-bottom: 50px;
}

    .subPageAr .pdTabAr .pdTab {
        display: block;
        width: 100%;
        border-radius: 50px;
        background: #eaeaea;
        overflow: hidden;
    }

        .subPageAr .pdTabAr .pdTab li {
            display: block;
            width: 50%;
            font-size: 25px;
            color: #333;
            padding: 20px 0;
            text-align: center;
            float: left;
            letter-spacing: -1px;
            cursor: pointer;
            position: relative;
        }

            .subPageAr .pdTabAr .pdTab li.active {
                display: block;
                width: 50%;
                border-radius: 50px;
                background: #f7d05d;
                padding: 20px 0;
                font-size: 25px;
                color: #333;
                text-align: center;
                font-weight: bold;
                letter-spacing: -1px;
            }

.subPageAr .pdTab-content {
    display: none;
    width: 100%;
    margin: auto;
    position: relative;
}

    .subPageAr .pdTab-content.active {
        display: inherit;
    }

.subPageAr .pdSubTabAr {
    display: block;
    width: 100%;
    margin: auto;
    margin-top: 10px;
    margin-bottom: 50px;
}

    .subPageAr .pdSubTabAr .pdSubTab {
        display: block;
        width: 100%;
        border-radius: 50px;
        background: #eaeaea;
        overflow: hidden;
    }

        .subPageAr .pdSubTabAr .pdSubTab li {
            display: block;
            width: 50%;
            font-size: 20px;
            color: #333;
            padding: 18px 0;
            text-align: center;
            float: left;
            letter-spacing: -1px;
            cursor: pointer;
            position: relative;
        }

            .subPageAr .pdSubTabAr .pdSubTab li:nth-of-type(n+2) {
                margin-top: 0;
            }

            .subPageAr .pdSubTabAr .pdSubTab li.active {
                display: block;
                width: 50%;
                border-radius: 50px;
                background: #f7d05d;
                padding: 18px 0;
                font-size: 20px;
                color: #333;
                text-align: center;
                font-weight: bold;
                letter-spacing: -1px;
            }

.subPageAr .pdSubTab-content {
    display: none;
    width: 100%;
    margin: auto;
    position: relative;
}

    .subPageAr .pdSubTab-content.active {
        display: inherit;
    }

.subPageAr .guidanceTitAr {
    display: block;
    width: 1100px;
    margin: auto;
    text-align: center;
    padding: 60px 0 40px;
}

    .subPageAr .guidanceTitAr .gmTit {
        display: inline-block;
        text-align: center;
        font-size: 22px;
        font-weight: bold;
        color: #333;
        letter-spacing: -1px;
        line-height: 140%;
    }

.subPageAr ul.guidanceBox {
    display: block;
    width: 1100px;
    margin: auto;
    text-align: center;
    overflow: hidden;
    margin-bottom: 40px;
}

    .subPageAr ul.guidanceBox li {
        display: block;
        float: left;
        width: 30%;
        border: 1px solid #3a68b2;
        border-radius: 20px;
        padding: 70px 0;
        margin-right: 5%;
    }

        .subPageAr ul.guidanceBox li:last-child {
            margin-right: 0;
        }

        .subPageAr ul.guidanceBox li .iconBox {
            display: block;
            width: 100%;
            text-align: center;
        }

        .subPageAr ul.guidanceBox li .iconTxt {
            display: block;
            width: 100%;
            font-size: 22px;
            color: #333;
            font-weight: bold;
            text-align: center;
            line-height: 120%;
            margin-top: 65px;
        }

.subPageAr .guidanceBtn {
    display: block;
    width: 300px;
    height: 50px;
    margin: auto;
    text-align: center;
    border-radius: 10px;
    background: #3a68b2;
    color: #fff;
    font-size: 20px;
    letter-spacing: -1px;
}

.subPageAr .overseasTab {
    display: block;
    width: 100%;
    margin: auto;
    text-align: center;
    overflow: hidden;
}

    .subPageAr .overseasTab li {
        background: #fff;
        font-size: 18px;
        width: 16.66%;
        text-align: center;
        float: left;
        vertical-align: middle;
        padding: 10px 0;
        color: #333;
        cursor: pointer;
        line-height: normal;
        border: 1px solid #c2c2c2;
        box-sizing: border-box;
    }

        .subPageAr .overseasTab li.current {
            color: #3a68b2;
            border: 1px solid #3a68b2;
        }

        .subPageAr .overseasTab li:nth-of-type(n+2) {
            margin-top: 0 !important;
        }

.subPageAr .overseasTab-contentWrap {
    display: block;
    position: relative;
    width: 100%;
    overflow-y: auto;
    margin: auto;
}

.subPageAr .overseasTab-content {
    display: none;
    width: 100%;
    margin: auto;
    position: relative;
}

    .subPageAr .overseasTab-content.current {
        display: inherit;
    }

    .subPageAr .overseasTab-content .overseasWp {
        display: block;
        width: 100%;
        border-left: 1px solid #c2c2c2;
        border-right: 1px solid #c2c2c2;
        border-bottom: 1px solid #c2c2c2;
        padding: 50px 30px;
        font-size: 14px;
        word-break: keep-all;
    }

.subPageAr .prod_option .prod_content .noticeAr {
    position: relative;
}

    .subPageAr .prod_option .prod_content .noticeAr li {
        position: relative;
        display: block;
        width: 100%;
        padding: 20px;
        background: #fff;
        border-bottom: 1px solid #c2c2c2;
        box-sizing: border-box;
        cursor: pointer;
    }

        .subPageAr .prod_option .prod_content .noticeAr li:first-child {
            border-top: 1px solid #c2c2c2;
            margin-top: 60px;
        }

        .subPageAr .prod_option .prod_content .noticeAr li:nth-of-type(n+2) {
            margin-top: 0;
        }

    .subPageAr .prod_option .prod_content .noticeAr .noticeTit {
        width: 100%;
        color: #333;
        font-size: 20px;
        text-align: left;
        display: inline-block;
        vertical-align: middle;
        position: relative;
    }

        .subPageAr .prod_option .prod_content .noticeAr .noticeTit.active {
            background: none;
        }

        .subPageAr .prod_option .prod_content .noticeAr .noticeTit:after {
            display: block;
            position: absolute;
            width: 20px;
            height: 8px;
            content: '';
            background: url('//blob.wifidosirak.com/wm-d01/dosirakmobile/images/arrow_open.png') no-repeat 100% 0;
            top: 10px;
            right: 0;
        }

        .subPageAr .prod_option .prod_content .noticeAr .noticeTit.active:after {
            display: block;
            position: absolute;
            width: 20px;
            height: 8px;
            content: '';
            background: url('//blob.wifidosirak.com/wm-d01/dosirakmobile/images/arrow_close.png') no-repeat 100% 0;
            top: 10px;
            right: 0;
        }

    .subPageAr .prod_option .prod_content .noticeAr .noticeSub {
        display: block;
        background: #eaeaea;
        padding: 20px;
        border-bottom: 1px solid #c2c2c2;
    }

        .subPageAr .prod_option .prod_content .noticeAr .noticeSub .noticeTxt {
            display: block;
            font-size: 15px;
            color: #333;
            padding-left: 10px;
            position: relative;
            line-height: 120%;
        }

            .subPageAr .prod_option .prod_content .noticeAr .noticeSub .noticeTxt:before {
                display: block;
                content: '-';
                position: absolute;
                top: 0;
                left: 0;
            }

            .subPageAr .prod_option .prod_content .noticeAr .noticeSub .noticeTxt:nth-of-type(n+2) {
                margin-top: 5px;
            }

.subPageAr .productChk {
    display: block;
    width: 1100px;
    margin: auto;
    margin-top: 50px;
}

    .subPageAr .productChk li {
        display: block;
        width: 33.3%;
        float: left;
        margin: auto;
        text-align: center;
    }

        .subPageAr .productChk li .img {
            display: block;
        }

        .subPageAr .productChk li .productName {
            display: block;
            font-size: 22px;
            color: #333;
            text-align: center;
            letter-spacing: -1px;
        }

.subPageAr .prod_option .prod_content .termsAr {
    position: relative;
}

    .subPageAr .prod_option .prod_content .termsAr li {
        position: relative;
        display: block;
        width: 100%;
        padding: 20px;
        background: #fff;
        border-bottom: 1px solid #c2c2c2;
        box-sizing: border-box;
        cursor: pointer;
    }

        .subPageAr .prod_option .prod_content .termsAr li:nth-of-type(n+2) {
            margin-top: 0;
        }

    .subPageAr .prod_option .prod_content .termsAr .termsTit {
        width: 95%;
        color: #333;
        font-size: 20px;
        text-align: left;
        display: inline-block;
        vertical-align: middle;
        position: relative;
        padding-left: 10px;
    }

        .subPageAr .prod_option .prod_content .termsAr .termsTit.active {
            background: none;
        }

        .subPageAr .prod_option .prod_content .termsAr .termsTit.chkAll:after {
            display: none;
        }

        .subPageAr .prod_option .prod_content .termsAr .termsTit:after {
            display: block;
            position: absolute;
            width: 20px;
            height: 8px;
            content: '';
            background: url('//blob.wifidosirak.com/wm-d01/dosirakmobile/images/arrow_open.png') no-repeat 100% 0;
            top: 10px;
            right: 0;
        }

        .subPageAr .prod_option .prod_content .termsAr .termsTit.active:after {
            display: block;
            position: absolute;
            width: 20px;
            height: 8px;
            content: '';
            background: url('//blob.wifidosirak.com/wm-d01/dosirakmobile/images/arrow_close.png') no-repeat 100% 0;
            top: 10px;
            right: 0;
        }

    .subPageAr .prod_option .prod_content .termsAr .termsSub {
        display: block;
        background: #eaeaea;
        padding: 20px;
        border-bottom: 1px solid #c2c2c2;
    }

        .subPageAr .prod_option .prod_content .termsAr .termsSub .termsTxt {
            display: block;
            font-size: 15px;
            color: #333;
            padding-left: 10px;
            position: relative;
            line-height: 120%;
        }

            .subPageAr .prod_option .prod_content .termsAr .termsSub .termsTxt:before {
                display: block;
                content: '-';
                position: absolute;
                top: 0;
                left: 0;
            }

            .subPageAr .prod_option .prod_content .termsAr .termsSub .termsTxt:nth-of-type(n+2) {
                margin-top: 5px;
            }

    .subPageAr .prod_option .prod_content .termsAr .termsCheck {
        width: 30px;
        font-size: 20px;
        color: #333;
        text-align: center;
        display: inline-block;
        vertical-align: middle;
    }

    .subPageAr .prod_option .prod_content .termsAr input + label {
        display: inline-block;
        width: 30px;
        height: 30px;
        cursor: pointer;
        overflow: hidden;
        border: none;
        border-radius: 0;
    }

        .subPageAr .prod_option .prod_content .termsAr input + label.termsCheckLabel {
            background: url('//blob.wifidosirak.com/wm-d01/dosirakmobile/images/admCheck_off.png') no-repeat 0 0;
        }

    .subPageAr .prod_option .prod_content .termsAr input:checked + label.termsCheckLabel {
        background: url('//blob.wifidosirak.com/wm-d01/dosirakmobile/images/admCheck_on.png') no-repeat 0 0;
    }

.subPageAr .prod_option .prod_content.wd input + label .wdOpt {
    display: none;
    float: right;
    height: 60px;
    line-height: 60px;
    position: absolute;
    right: 25px;
}

.subPageAr .prod_option .prod_content.wd input:checked + label .wdOpt {
    display: inline-block;
}

.subPageAr .prod_option .prod_content.wd .wdOpt .cols {
    display: inline-block;
    float: left;
    height: 60px;
    line-height: 60px;
}

    .subPageAr .prod_option .prod_content.wd .wdOpt .cols:nth-of-type(n+2) {
        margin-left: 5px;
    }

    .subPageAr .prod_option .prod_content.wd .wdOpt .cols:nth-of-type(3) {
        margin-left: 20px;
    }

.subPageAr .prod_option .prod_content.wd .wdOpt .inputName {
    display: inline-block;
    font-size: 18px;
    text-align: left;
    color: #333;
    margin-right: 5px;
}

.subPageAr .prod_option .prod_content.wd .wdOpt .amountBtn {
    display: inline-block;
    width: 35px;
    float: left;
}

    .subPageAr .prod_option .prod_content.wd .wdOpt .amountBtn .up {
        display: block;
        width: 100%;
        border: 1px solid #c2c2c2;
        border-radius: 0 5px 0 0;
        background: #fff;
        font-size: 12px;
    }

    .subPageAr .prod_option .prod_content.wd .wdOpt .amountBtn .down {
        display: block;
        width: 100%;
        border: 1px solid #c2c2c2;
        border-radius: 0 0 5px 0;
        background: #fff;
        font-size: 12px;
    }

.subPageAr .prod_option .prod_content .pdDetail {
    display: block;
    border-top: 1px solid #c2c2c2;
    background-color: #fff;
}

    .subPageAr .prod_option .prod_content .pdDetail .periodWp {
        position: relative;
        display: inline-block;
        vertical-align: middle;
    }

    .subPageAr .prod_option .prod_content .pdDetail input.planPeriod {
        width: 85px;
        height: 45px;
        line-height: 1.5;
        float: left;
        display: block;
        padding: 0;
        margin: 0;
        text-align: center;
        border: 1px solid #c2c2c2;
        font-size: 1rem;
        border-radius: 4px;
        background: #eaeaea;
    }
/* 수량조절 */
.quantity {
    position: relative;
    display: inline-block;
    vertical-align: middle;
}

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

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

.quantity input {
    width: 85px;
    height: 45px;
    line-height: 1.5;
    float: left;
    display: block;
    padding: 0;
    margin: 0;
    padding-left: 20px;
    border: none;
    box-shadow: 0 0 0 1px #c2c2c2;
    font-size: 1rem;
    border-radius: 4px;
}

    .quantity input.period {
        padding-left: 15px;
    }

    .quantity input:focus {
        outline: 0;
    }

.quantity-nav {
    float: left;
    position: relative;
    height: 45px;
}

.quantity-button {
    position: relative;
    cursor: pointer;
    border: none;
    border-left: 1px solid #c2c2c2;
    width: 35px;
    text-align: center;
    color: #333;
    font-size: 13px;
    line-height: 1.5;
    padding: 0;
    background: #fff;
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
}

    .quantity-button:active {
        background: #EAEAEA;
    }

    .quantity-button.quantity-up {
        position: absolute;
        height: 50%;
        top: 0;
        border-bottom: 1px solid #c2c2c2;
        font-family: "FontAwesome";
        border-radius: 0 4px 0 0;
        line-height: 1.6
    }

    .quantity-button.quantity-down {
        position: absolute;
        bottom: 0;
        height: 50%;
        font-family: "FontAwesome";
        border-radius: 0 0 4px 0;
    }

.subPageAr .prod_option .prod_content .pdDetail input + label {
    display: inline-block;
    border: 0;
    border-radius: 0;
    width: 100%;
    cursor: pointer;
    overflow: hidden;
}

    .subPageAr .prod_option .prod_content .pdDetail input + label.checkAr {
        background: url(//blob.wifidosirak.com/wm-d01/dosirakmobile/images/admCheck_off.png) no-repeat 25px 35px;
    }

.subPageAr .prod_option .prod_content .pdDetail input:checked + label.checkAr {
    background: url(//blob.wifidosirak.com/wm-d01/dosirakmobile/images/admCheck_on.png) no-repeat 25px 35px;
}

.subPageAr .prod_option .prod_content .pdDetail input + label .planTit {
    display: inline-block;
    font-size: 20px;
    color: #6d6d6d;
    line-height: 60px;
    padding-left: 50px;
    letter-spacing: -1px;
    font-weight: bold;
}

.subPageAr .prod_option .prod_content .pdDetail input:checked + label .planTit {
    color: #3a68b2;
}

.subPageAr .prod_option .prod_content .pdDetail input + label .priceBtn {
    position: relative;
    display: block;
    width: 100%;
    height: 100px;
    line-height: 100px;
    background-color: #c2c2c2;
    margin: auto;
    box-sizing: border-box;
    text-align: center;
}

.subPageAr .prod_option .prod_content .pdDetail input:checked + label .priceBtn {
    background: #3a68b2;
}

.noteLink {
    color: #3a68b2;
    text-decoration: underline !important;
    cursor: pointer;
}
/* 하단 플로팅 */
#priceFloat .pricefDetail .priceWdAr {
    display: block;
    width: 1100px;
    margin: auto;
    padding: 25px 0;
    overflow: hidden;
}

    #priceFloat .pricefDetail .priceWdAr li {
        display: inline-block;
        width: 100%;
        float: left;
        border-bottom: 1px dashed #f7d05d;
        padding: 10px;
    }

        #priceFloat .pricefDetail .priceWdAr li .priceSubject {
            display: block;
            width: 50%;
            color: #fff;
            float: left;
            position: relative;
        }

            #priceFloat .pricefDetail .priceWdAr li .priceSubject .priceName, #priceFloat .pricefDetail .priceWdAr li .priceSubject .priceAmount {
                display: block;
                width: 100%;
                text-align: left;
                font-size: 16px;
            }

        #priceFloat .pricefDetail .priceWdAr li .priceContent {
            display: block;
            width: 50%;
            color: #fff;
            float: right;
        }

            #priceFloat .pricefDetail .priceWdAr li .priceContent .contentName, #priceFloat .pricefDetail .priceWdAr li .priceContent .contentAmount {
                display: block;
                width: 100%;
                text-align: right;
                font-size: 16px;
            }


    #priceFloat .pricefDetail .priceWdAr .question .tooltiptext {
        visibility: hidden;
        width: auto;
        background-color: #fff;
        color: #333;
        font-size: 11px;
        line-height: 120%;
        text-align: left;
        padding: 5px;
        border-radius: 2px;
        /* Position the tooltip text - see examples below! */
        position: absolute;
        margin-left: 10px;
        z-index: 1;
        top: -15px;
    }

        #priceFloat .pricefDetail .priceWdAr .question .tooltiptext em {
            display: block;
            margin-left: 5px;
        }

            #priceFloat .pricefDetail .priceWdAr .question .tooltiptext em:before {
                display: inline-block;
                content: '-';
                margin-left: -5px;
            }

    #priceFloat .pricefDetail .priceWdAr .question:hover .tooltiptext {
        visibility: visible;
    }


/* 안심플랜 보상내용 팝업 */
.popWP .planDetailTb table {
    width: 100%;
    margin: 16px 0;
    border: 1px solid #c2c2c2;
}

.popWP .planDetailTb thead {
    background-color: #3a68b2;
    text-align: center;
}

    .popWP .planDetailTb thead th {
        height: 45px;
        line-height: 45px;
        font-size: 16px;
        color: #fff;
        font-weight: bold;
        text-align: center;
        border-right: 1px solid #fff;
        border-left: 1px solid #fff;
        vertical-align: middle;
    }

        .popWP .planDetailTb thead th:first-child {
            border-left: 1px solid #c2c2c2;
        }

        .popWP .planDetailTb thead th:last-child {
            border-right: 1px solid #c2c2c2;
        }

.popWP .planDetailTb tbody tr {
    border-bottom: 1px solid #a7a7a7;
    text-align: center;
}

.popWP .planDetailTb tbody td {
    height: 45px;
    line-height: 45px;
    font-size: 16px;
    color: #333;
    text-align: center;
    border-right: 1px solid #c2c2c2;
    border-left: 1px solid #c2c2c2;
    vertical-align: middle;
}

    .popWP .planDetailTb tbody td.blu {
        background: #e8f1ff;
    }

    .popWP .planDetailTb tbody td.tl {
        text-align: left;
        padding: 0 20px;
    }

.popWP .planDetailTb .tbCheck input[type="checkbox"] {
    display: none;
}

.popWP .planDetailTb .tbCheck input + label {
    display: inline-block;
    width: 100%;
    height: 30px;
    cursor: pointer;
    overflow: hidden;
    border: none;
    border-radius: 0;
}

    .popWP .planDetailTb .tbCheck input + label.tbCheckLabel {
        background: url(//blob.wifidosirak.com/wm-d01/dosirakmobile/images/admCheck_off.png) no-repeat 10px 0px;
    }

.popWP .planDetailTb .tbCheck input:checked + label.tbCheckLabel {
    background: url(//blob.wifidosirak.com/wm-d01/dosirakmobile/images/admCheck_on.png) no-repeat 10px 0px;
}

.popWP .popBody .conTit {
    display: block;
    text-align: left;
    font-size: 20px;
    font-weight: bold;
    color: #333;
}

    .popWP .popBody .conTit:nth-of-type(n+2) {
        margin-top: 25px;
    }

.popWP .popBody .conSel {
    display: block;
    width: 100%;
    padding: 25px 0;
}

    .popWP .popBody .conSel li {
        display: block;
        width: 100%;
    }

        .popWP .popBody .conSel li:nth-of-type(n+2) {
            margin-top: 25px;
        }

    .popWP .popBody .conSel input + label {
        display: inline-block;
        width: 100%;
        border: 1px solid #c2c2c2;
        cursor: pointer;
        border-radius: 20px;
        overflow: hidden;
    }


        .popWP .popBody .conSel input + label.checkAr {
            background: url(//blob.wifidosirak.com/wm-d01/dosirakmobile/images/admCheck_off.png) no-repeat 25px 35px;
        }

        .popWP .popBody .conSel input + label .lt {
            display: inline-block;
            width: 75%;
            float: left;
            padding: 20px 25px;
            text-align: left;
        }

            .popWP .popBody .conSel input + label .lt.full {
                width: 100% !important;
            }

            .popWP .popBody .conSel input + label .lt.data {
                width: 85%;
                position: relative;
            }

        .popWP .popBody .conSel input + label em {
            display: block;
            font-size: 20px;
            color: #6d6d6d;
            font-weight: bold;
            position: relative;
        }

            .popWP .popBody .conSel input + label em .saleTag img {
                display: inline-block;
                margin-top: 7px;
                margin-left: 5px;
            }

            .popWP .popBody .conSel input + label em:nth-child(2) {
                font-size: 17px;
                font-weight: lighter !important;
            }

            .popWP .popBody .conSel input + label em:last-child {
                display: inline-block;
            }

            .popWP .popBody .conSel input + label em.mgl-50 {
                margin-left: 50px;
            }

    .popWP .popBody .conSel input:checked + label {
        border: 1px solid #3a68b2;
    }

        .popWP .popBody .conSel input:checked + label em {
            color: #333;
        }

            .popWP .popBody .conSel input:checked + label em:last-child {
                color: #3a68b2;
            }

        .popWP .popBody .conSel input:checked + label.checkAr {
            background: url(//blob.wifidosirak.com/wm-d01/dosirakmobile/images/admCheck_on.png) no-repeat 25px 35px;
        }

    .popWP .popBody .conSel input + label em .mgl-50 {
        margin-left: 50px;
    }

    .popWP .popBody .conSel input[type="radio"], .popWP .popBody .conSel input[type="checkbox"] {
        display: none;
    }

.popWP .popBody .agreeAr {
    display: block;
    padding: 20px 0;
}

    .popWP .popBody .agreeAr input {
        display: none;
    }

        .popWP .popBody .agreeAr input + label {
            display: inline-block;
            width: 30px;
            height: 30px;
            cursor: pointer;
            overflow: hidden;
            border: none;
            border-radius: 50%;
            vertical-align: middle;
        }

            .popWP .popBody .agreeAr input + label.agreeCheckLabel {
                background: url(//blob.wifidosirak.com/wm-d01/dosirakmobile/images/admCheck_off.png) no-repeat center center;
            }

        .popWP .popBody .agreeAr input:checked + label.agreeCheckLabel {
            background: url(//blob.wifidosirak.com/wm-d01/dosirakmobile/images/admCheck_on.png) no-repeat center center;
        }

    .popWP .popBody .agreeAr .txtAgree {
        text-align: left;
        font-size: 18px;
        color: #333;
        vertical-align: middle;
    }

/* 자동연장/충전 신청 버튼 */
.subPageAr .prod_option .prod_content .selectEx {
    display: block;
    width: 100%;
    padding: 45px;
    border: 2px solid #ddd;
    vertical-align: middle;
    background: url('//blob.wifidosirak.com/wm-d01/dosirakmobile/images/exBtn_off.jpg') no-repeat 90% center;
    cursor: pointer;
}

    .subPageAr .prod_option .prod_content .selectEx.active {
        background: url('//blob.wifidosirak.com/wm-d01/dosirakmobile/images/exBtn_on.jpg') no-repeat 90% center;
    }

    .subPageAr .prod_option .prod_content .selectEx .exTxt {
        display: block;
        font-size: 15px;
        text-align: left;
        color: #333;
        line-height: 120%;
    }


/* 사용 종료일 테이블 */
.subPageAr .prod_option .prod_content .wdDateTb table {
    width: 100%;
    margin: 16px 0;
    border: 1px solid #c2c2c2;
}

.subPageAr .prod_option .prod_content .wdDateTb thead {
    background-color: #3a68b2;
    text-align: center;
}

    .subPageAr .prod_option .prod_content .wdDateTb thead th {
        height: 45px;
        line-height: 45px;
        font-size: 15px;
        color: #fff;
        font-weight: bold;
        text-align: center;
        vertical-align: middle;
    }

        .subPageAr .prod_option .prod_content .wdDateTb thead th:nth-of-type(2) {
            border-right: 1px solid #fff;
            border-left: 1px solid #fff;
        }

.subPageAr .prod_option .prod_content .wdDateTb tbody tr {
    border-bottom: 1px solid #a7a7a7;
    text-align: center;
}

.subPageAr .prod_option .prod_content .wdDateTb tbody td {
    height: 45px;
    line-height: 45px;
    font-size: 15px;
    color: #333;
    text-align: center;
    vertical-align: middle;
}

    .subPageAr .prod_option .prod_content .wdDateTb tbody td:nth-of-type(2) {
        border-right: 1px solid #c2c2c2;
        border-left: 1px solid #c2c2c2;
    }

/* 언어 선택 디자인 추가 */
.subPageAr .selectAr {
    display: block;
    width: 1100px;
    margin: auto;
    padding: 20px 0;
    overflow: hidden;
}

/* IE 10, 11의 네이티브 화살표 숨기기 */
.popWP select::-ms-expand {
    display: none;
}

.subPageAr .selectAr .noticeT {
    display: inline-block;
    text-align: left;
    color: #ff0000;
    font-size: 15px;
    height: 50px;
    line-height: 50px;
}

.subPageAr .langSelect {
    width: 160px; /* 원하는 너비설정 */
    padding: 8px 10px; /* 여백으로 높이 설정 */
    font-family: inherit; /* 폰트 상속 */
    background: url('//blob.wifidosirak.com/wm-d01/dosirakmobile/images/selectArrow_pop.png') no-repeat 95% 54%; /* 네이티브 화살표를 커스텀 화살표로 대체 */
    background-color: #fff;
    border: 1px solid #ddd;
    color: #333;
    font-size: 14px;
    -webkit-appearance: none; /* 네이티브 외형 감추기 */
    -moz-appearance: none;
    appearance: none;
}

    .subPageAr .langSelect:focus {
        outline: none;
    }

    .subPageAr .langSelect option {
        background-color: #fff;
        color: #333;
    }

    .subPageAr .langSelect.lt {
        margin-right: 30px;
    }

    .subPageAr .langSelect.rt {
        display: block;
        float: right;
    }

        .subPageAr .langSelect.rt:after {
            content: '';
            display: block;
            float: none;
        }

/* 약관페이지 디자인 추가 */
.subPageAr .termsTabAr {
    width: 100%;
    margin: auto;
    text-align: center;
    position: relative;
}

.subPageAr .termsTab {
    width: 1100px;
    display: inline-block;
    position: relative;
}

    .subPageAr .termsTab li {
        background: #fff;
        font-size: 22px;
        text-align: center;
        float: left;
        vertical-align: middle;
        padding: 10px 0;
        color: #333;
        cursor: pointer;
        line-height: normal;
        border: 1px solid #ddd;
        box-sizing: border-box;
    }

        .subPageAr .termsTab li:first-child:nth-last-child(1) {
            width: 50%;
        }

        .subPageAr .termsTab li:first-child:nth-last-child(2),
        .subPageAr .termsTab li:first-child:nth-last-child(2) ~ li {
            width: 50%;
        }

        .subPageAr .termsTab li:first-child:nth-last-child(3),
        .subPageAr .termsTab li:first-child:nth-last-child(3) ~ li {
            width: 33.3333%;
        }

        .subPageAr .termsTab li:first-child:nth-last-child(4),
        .subPageAr .termsTab li:first-child:nth-last-child(4) ~ li {
            width: 25%;
        }

        .subPageAr .termsTab li:first-child:nth-last-child(5),
        .subPageAr .termsTab li:first-child:nth-last-child(5) ~ li {
            width: 20%;
        }


        .subPageAr .termsTab li:first-child:nth-last-child(6),
        .subPageAr .termsTab li:first-child:nth-last-child(6) ~ li {
            width: 16.6%;
        }

        .subPageAr .termsTab li.current {
            background: #3a68b2;
            color: #fff;
            font-weight: bold;
            border: 1px solid #3a68b2;
            position: relative;
        }

        .subPageAr .termsTab li:first-child {
            margin-left: 2px;
        }

        .subPageAr .termsTab li:nth-of-type(n+2) {
            margin-left: -1px;
        }

        .subPageAr .termsTab li.current span {
            position: absolute;
            top: 52px;
            left: 170px;
            display: block;
            width: 23px;
            height: 11px;
            background: url('//blob.wifidosirak.com/wm-d01/dosirakmobile/images/tab_on_img.png') no-repeat 0 0;
            z-index: 11;
        }

.subPageAr .termsTab-content {
    display: none;
    width: 1100px;
    margin: auto;
    position: relative;
}

    .subPageAr .termsTab-content.current {
        display: inherit;
    }

    .subPageAr .termsTab-content .termsBox {
        display: block;
        width: 100%;
        height: 800px;
        max-height: 800px;
        margin: auto;
        margin-top: 50px;
        padding: 30px;
        border: 1px solid #3a68b2;
        border-radius: 20px;
        overflow-y: auto;
    }

    .subPageAr .termsTab-content .downloadBtn {
        display: inline-block;
        padding: 10px 30px;
        border-radius: 5px;
        background: #3a68b2;
        color: #fff;
        font-size: 14px;
        text-align: center;
        float: right;
        margin: 20px 0 50px;
        cursor: pointer;
    }

/* Calendar */
.my-calendar {
    width: 400px;
    margin: 30px;
    padding: 20px 20px 10px;
    text-align: center;
    font-weight: 800;
    border: 1px solid #ddd;
    cursor: default;
}

    .my-calendar .clicked-date {
        border-radius: 25px;
        margin-top: 36px;
        float: left;
        width: 42%;
        padding: 46px 0 26px;
        background: #ddd;
    }

    .my-calendar .calendar-box {
        width: 100%;
    }

.clicked-date .cal-day {
    font-size: 24px;
}

.clicked-date .cal-date {
    font-size: 130px;
}

.ctr-box {
    padding: 0 16px;
    margin-bottom: 20px;
    font-size: 20px;
}

    .ctr-box .btn-cal {
        position: relative;
        float: left;
        width: 25px;
        height: 25px;
        margin-top: 5px;
        font-size: 16px;
        cursor: pointer;
        border: none;
        background: none;
    }

        .ctr-box .btn-cal:after {
            content: '<';
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            line-height: 25px;
            font-weight: bold;
            font-size: 20px;
        }

        .ctr-box .btn-cal.next {
            float: right;
        }

            .ctr-box .btn-cal.next:after {
                content: '>';
            }

.cal-table {
    width: 100%;
}

    .cal-table th {
        width: 14.2857%;
        padding-bottom: 5px;
        font-size: 16px;
        font-weight: 900;
    }

    .cal-table td {
        padding: 3px 0;
        height: 50px;
        font-size: 15px;
        vertical-align: middle;
        text-align: center;
    }

        .cal-table td.day {
            position: relative;
            cursor: pointer;
        }

        .cal-table td.today {
            background: #ffd255;
            border-radius: 50%;
            color: #fff;
        }

        .cal-table td.day-active {
            background: #ff8585;
            border-radius: 50%;
            color: #fff;
        }

        .cal-table td.has-event:after {
            content: '';
            display: block;
            position: absolute;
            left: 0;
            bottom: 0;
            width: 100%;
            height: 4px;
            background: #FFC107;
        }

.ctr-box .ctrbtn {
    display: inline-block;
    font-size: 14px;
    border-radius: 5px;
    padding: 5px 10px;
    font-weight: normal;
}

    .ctr-box .ctrbtn.Blu {
        background: #3a68b2;
        color: #fff;
    }

    .ctr-box .ctrbtn.Gray {
        background: #c2c2c2;
        color: #fff;
    }

#calendar {
    position: absolute;
    top: 23%;
    left: 35%;
    z-index: 10001;
    background-color: #fff;
    display: none;
}

#fade {
    width: 100%;
    height: 1000%;
    background: #000;
    position: fixed;
    left: 0;
    top: 0;
    opacity: 0.5;
    z-index: 10000;
    display: none;
}

.subPageAr .prod_option .prod_content .inputAr .goPre {
    display: block;
    text-align: left;
    font-size: 15px;
    color: #333;
}

    .subPageAr .prod_option .prod_content .inputAr .goPre a {
        color: #3a68b2;
        font-weight: bold;
        text-decoration: underline;
    }

/* 210401 */
.popWP .price_content li {
    position: relative;
    width: 100%;
    border: 1px solid #c2c2c2;
    border-radius: 20px;
    overflow: hidden;
}

    .popWP .price_content li.select {
        border: 1px solid #3a68b2;
    }

    .popWP .price_content li .trafficWrap {
        display: inline-block;
        width: 100%;
        cursor: pointer;
        position: relative;
        min-height: 100px;
    }

        .popWP .price_content li .trafficWrap .lt {
            display: inline-block;
            width: 60%;
            float: left;
            margin-left: 58px;
        }

            .popWP .price_content li .trafficWrap .lt.traffic {
                position: absolute;
                top: 50%;
                left: 0;
                transform: translate(0, -50%);
            }

        .popWP .price_content li .trafficWrap .rt {
            width: 30%;
            height: 100%;
            padding: 0;
            position: absolute;
            top: 50%;
            right: 20px;
            transform: translate(0, -50%);
        }

        .popWP .price_content li .trafficWrap em {
            display: block;
            font-size: 20px;
            color: #333;
            font-weight: bold;
            position: relative;
            text-align: left;
        }

            .popWP .price_content li .trafficWrap em:nth-of-type(n+2) {
                font-size: 18px;
                color: #3a68b2;
                font-weight: lighter !important;
            }

        .popWP .price_content li .trafficWrap .trafficCheck input[type="checkbox"] {
            display: none;
        }

        .popWP .price_content li .trafficWrap .trafficCheck {
            width: 30px;
            font-size: 20px;
            color: #333;
            text-align: center;
            display: inline-block;
            vertical-align: middle;
            float: left;
        }

            .popWP .price_content li .trafficWrap .trafficCheck input + label {
                display: inline-block;
                width: 30px;
                height: 30px;
                cursor: pointer;
                overflow: hidden;
                border: none;
                border-radius: 0;
                position: absolute;
                top: 50%;
                left: 20px;
                transform: translate(0, -50%);
            }

                .popWP .price_content li .trafficWrap .trafficCheck input + label.trafficCheckLabel {
                    background: url('http://blob.wifidosirak.com/wm-d01/dosirakmobile/images/admCheck_off.png') no-repeat center center;
                }

            .popWP .price_content li .trafficWrap .trafficCheck input:checked + label.trafficCheckLabel {
                background: url('http://blob.wifidosirak.com/wm-d01/dosirakmobile/images/admCheck_on.png') no-repeat center center;
            }

        .popWP .price_content li .trafficWrap .trafficTxt {
            display: inline-block;
            position: absolute;
            top: 50%;
            right: 45px;
            transform: translate(0, -50%);
        }

            .popWP .price_content li .trafficWrap .trafficTxt .tTit {
                display: block;
                font-size: 14px;
                text-align: right;
            }

            .popWP .price_content li .trafficWrap .trafficTxt .tAmount {
                display: block;
                font-size: 25px;
                text-align: right;
                font-weight: bold;
            }

        .popWP .price_content li .trafficWrap .trafficArrow {
            display: block;
            height: 100%;
            width: 25px;
            float: right;
        }

            .popWP .price_content li .trafficWrap .trafficArrow:after {
                display: block;
                position: absolute;
                width: 25px;
                height: 10px;
                content: '';
                background: url('../images/arrow_openBlu.png') no-repeat center center;
                top: 50%;
                right: 0;
            }

            .popWP .price_content li .trafficWrap .trafficArrow.active:after {
                display: block;
                position: absolute;
                width: 25px;
                height: 10px;
                content: '';
                background: url('../images/arrow_closeBlu.png') no-repeat center center;
                top: 50%;
                right: 0;
            }

    .popWP .price_content li .trafficSub {
        display: block;
        background: #eaeaea;
        padding: 20px;
        border-top: 1px solid #c2c2c2;
    }

        .popWP .price_content li .trafficSub .trafficSubTxt {
            display: block;
            font-size: 15px;
            text-align: left;
            color: #333;
            position: relative;
            line-height: 140%;
            font-weight: lighter;
        }

/* 210401 end */

/* 210524 */
.verification {
    width: 100%;
    margin: auto;
    text-align: center;
    position: relative;
}

    .verification .vertifyTab {
        width: 700px;
        display: inline-block;
    }

        .verification .vertifyTab li {
            background: #fff;
            font-size: 22px;
            text-align: center;
            float: left;
            vertical-align: middle;
            padding: 10px 0;
            color: #c2c2c2;
            cursor: pointer;
            line-height: normal;
            box-sizing: border-box;
        }

            .verification .vertifyTab li.current {
                color: #3a68b2;
                font-weight: bold;
                position: relative;
                border-bottom: 2px solid #3a68b2;
            }

            .verification .vertifyTab li:first-child:nth-last-child(1) {
                width: 100%;
            }

            .verification .vertifyTab li:first-child:nth-last-child(2),
            .verification .vertifyTab li:first-child:nth-last-child(2) ~ li {
                width: 50%;
            }

            .verification .vertifyTab li:first-child:nth-last-child(3),
            .verification .vertifyTab li:first-child:nth-last-child(3) ~ li {
                width: 33.3333%;
            }

            .verification .vertifyTab li:first-child:nth-last-child(4),
            .verification .vertifyTab li:first-child:nth-last-child(4) ~ li {
                width: 25%;
            }

            .verification .vertifyTab li:first-child:nth-last-child(5),
            .verification .vertifyTab li:first-child:nth-last-child(5) ~ li {
                width: 20%;
            }


            .verification .vertifyTab li:first-child:nth-last-child(6),
            .verification .vertifyTab li:first-child:nth-last-child(6) ~ li {
                width: 16.6%;
            }

.vertifyTab-contentWrap {
    display: block;
    position: relative;
    width: 100%;
    overflow-y: auto;
    padding-top: 35px;
    margin: auto;
}

    .vertifyTab-contentWrap .vertifyTab-content {
        display: none;
        width: 1100px;
        margin: auto;
        position: relative;
    }

        .vertifyTab-contentWrap .vertifyTab-content.current {
            display: inherit;
        }

        .vertifyTab-contentWrap .vertifyTab-content .vertifyTit {
            display: block;
            text-align: center;
            color: #333;
            font-size: 18px;
            padding-bottom: 30px;
        }

/* 210527 */
.subPageAr .prod_option .prod_content .idCard {
    display: block;
    width: 100%;
    margin: auto;
    text-align: left;
    padding: 30px 0 20px;
}

    .subPageAr .prod_option .prod_content .idCard li {
        display: inline-block;
        width: 50%;
        float: left;
        margin: 0;
    }

        .subPageAr .prod_option .prod_content .idCard li:first-child {
            padding-right: 7px;
        }

        .subPageAr .prod_option .prod_content .idCard li:last-child {
            padding-left: 7px;
        }

        .subPageAr .prod_option .prod_content .idCard li .license {
            display: block;
            width: 100%;
            height: 250px;
            line-height: 250px;
            border-radius: 20px;
            border: 1px solid #c2c2c2;
            text-align: center;
            vertical-align: middle;
            overflow: hidden;
            position: relative;
        }

            .subPageAr .prod_option .prod_content .idCard li .license .liDesc {
                display: inline-block;
                text-align: center;
                font-size: 18px;
                color: #333;
                letter-spacing: -1px;
                vertical-align: middle;
            }

                .subPageAr .prod_option .prod_content .idCard li .license .liDesc b {
                    color: #3a68b2;
                    letter-spacing: -1px;
                }

            .subPageAr .prod_option .prod_content .idCard li .license img {
                width: 100%;
                height: 100%;
                position: absolute;
                top: 50%;
                transform: translate(-50%, -50%);
                left: 50%;
                right: 0;
                margin: 0 auto;
            }

.subPageAr .prod_option .prod_content .btnAr .btnNote {
    display: inline-block;
    background: #3a68b2;
    color: #fff;
    font-size: 18px;
    padding: 16px 0;
    width: 400px;
    border-radius: 5px;
    margin: auto;
    margin-bottom: 20px;
}

    .subPageAr .prod_option .prod_content .btnAr .btnNote.half {
        width: 48.8%;
    }

        .subPageAr .prod_option .prod_content .btnAr .btnNote.half:first-child {
            margin-right: 7px;
        }

        .subPageAr .prod_option .prod_content .btnAr .btnNote.half:last-child {
            margin-left: 7px;
        }

/* 210602 */
.subPageAr .prod_option .prod_content .imgBox li {
    display: inline-block;
    width: 23.5%;
    float: left;
    background: rgb(247, 208, 93);
    padding: 10px 0px 30px;
    border-radius: 20px;
}

    .subPageAr .prod_option .prod_content .imgBox li:nth-of-type(n + 2) {
        margin-top: 0;
        margin-left: 2%;
    }

    .subPageAr .prod_option .prod_content .imgBox li .numCircle {
        display: block;
        width: 25px;
        height: 25px;
        font-size: 15px;
        font-weight: bold;
        background: #333;
        color: #fff;
        border-radius: 50%;
        text-align: center;
        margin: auto;
        vertical-align: middle;
    }

    .subPageAr .prod_option .prod_content .imgBox li img {
        display: block;
        margin: auto;
        text-align: center;
    }

    .subPageAr .prod_option .prod_content .imgBox li .boxTxt {
        display: block;
        font-size: 18px;
        color: #333;
        text-align: center;
        letter-spacing: -1.5px;
    }


@media all and (max-width: 768px) {


    /* -------------------- input -------------------- */

    input[type='text'], input[type='password'], input[type='submit'], input[type='search'], .select-box {
        height: 44px;
    }


    /* 210915 - NJH 이벤트 혜택페이지 모바일 CSS 추가 S */
    .wrap {
        min-width: 768px;
    }

    .event_benefit .main_cont {
        width: 80%;
    }

    .event_benefit .main_cont_sub {
        width: 80%;
    }

    .event_benefit .swiper-container {
        width: 96%;
    }
    /* 210915 - NJH 이벤트 혜택페이지 모바일 CSS 추가 E */

    /* -------------------- popup -------------------- */
    .popContainer {
        min-width: 320px;
        border: 0.5px solid #E2E2E2;
    }

        .popContainer > .close {
            background: url(//blob.wifidosirak.com/wm-d01/dosirakmobile/images/MO-pop_ic_close.png) no-repeat center / 26px;
        }

        .popContainer.center {
            width: 92%;
            max-width: 400px;
            min-width: 300px;
            padding: 20px 10px 20px;
        }

        .popContainer.bottom {
            width: 100%;
            min-width: 320px;
            padding: 28px 15px 20px;
        }

    .popContTit .tit {
        font-size: 17px;
    }

    .popContTit .txt {
        font-size: 14px;
    }

    .popContTit + .popBody {
        margin-top: 22px;
        max-height: 800px;
    }

    .popContainer.bottom .popContTit + .popBody {
        margin-top: 22px;
    }

    .popContainer .agreeChk {
        padding-top: 20px;
        padding-bottom: 0px;
    }

    .popBody .btnAr.row.col2 .btn {
        height: 39px;
        font-size: 14px;
    }

    .popBody .date-pick .tit {
        width: calc(100% - 130px);
    }

    .popBody .date-pick .pick-btn {
        width: 120px;
        padding: 0 12px;
        background-position: 95% 50%;
        background-image: url(//blob.wifidosirak.com/wm-d01/dosirakmobile/images/MO-date_pick_ic.png);
    }

        .popBody .date-pick .pick-btn .tx {
            width: 80px;
            font-size: 13px;
        }



    /* -------------------- layout -------------------- */
    /* 컨텐츠 */
    html, body {
        overflow-x: hidden;
        overflow-y: auto;
    }

    html {
        min-width: 320px;
    }

    .wTy1 {
        width: 100%;
        min-width: 320px;
    }

    .wTy2 {
        width: 100%;
        min-width: 320px;
    }

    .wTy3 {
        width: 100%;
        min-width: 320px;
    }

    .wrap {
        overflow-x: hidden;
    }

        .wrap.mainPage {
            min-width: 320px;
        }

        .wrap.subPage .container {
            padding-bottom: 50px;
        }

        .wrap.subPage .contents {
            padding-top: 15px;
        }


    /* ------------------- style ------------------- */
    /* 메인페이지 */
    .mainVisualAr {
        height: 320px;
        margin-bottom: 0;
    }

    .popWP select {
        width: 120px;
    }
}

@media all and (max-width: 450px) {
    header {
        position: absolute;
    }

        header h1 {
            float: none;
            position: absolute;
            left: 50%;
            top: 0;
            transform: translateX(-50%) scale(0.8);
            padding: 0;
        }

        header .left {
            padding: 33px 0 0 14px;
        }

        header .all {
            display: block;
            position: absolute;
            width: 32px;
            height: 18px;
            border-top: 2px solid #fff;
            border-bottom: 2px solid #fff;
            color: transparent;
            transform: scale(0.8);
            top: 20px;
            left: 10px;
        }

            header .all:before {
                content: "";
                position: absolute;
                left: 0;
                top: 50%;
                width: 100%;
                height: 2px;
                background: #fff;
                margin-top: -1px;
            }

            header .all:hover {
                color: transparent;
            }

        header .left > div {
            float: none;
        }

        header > ul {
            padding: 33px 17px 0 0;
        }

            header > ul li {
                display: none;
            }

                header > ul li.join {
                    display: block;
                }

                    header > ul li.join a {
                        overflow: hidden;
                        width: 17px;
                        height: 16px;
                        background: url("//blob.wifidosirak.com/wm-d01/dosirakmobile/images/layout_m.png") no-repeat -63px -35px / 300px auto;
                        border: none;
                        color: transparent;
                    }

                header > ul li a {
                    width: 70px;
                }

        header .gnb li ul.mRight {
            margin-left: 0;
        }

        /* 모바일메뉴 */
        header .close,
        header .all,
        header .left > div > div,
        header h2 {
            display: block;
        }

        header .navWp {
            width: 100%;
        }

            header .navWp .headerRight span {
                width: 30px;
                height: 60px;
                line-height: 60px;
            }

        header .nav {
            position: fixed;
            left: -120%;
            top: 0;
            z-index: 101;
            transition: left 0.7s;
            width: calc(100% - 32px);
            height: 100%;
            background: #fff;
            box-sizing: border-box;
            overflow-y: scroll;
        }

            header .nav h2 {
                color: #fff;
            }

            header .nav.on {
                left: 0;
                background-color: #fff;
            }

                header .nav.on nav {
                    padding: 0 0 24px;
                    border-top: 1px solid #c2c2c2;
                    font-size: 18px;
                }

                    header .nav.on nav a {
                        line-height: 60px;
                        color: #333;
                        padding: 0 20px;
                    }

                        header .nav.on nav a:before {
                            display: none;
                        }

                    header .nav.on nav li {
                        float: none;
                        border-bottom: 1px solid #eee;
                        margin: 0;
                    }

                header .nav.on div {
                    display: block;
                    border: 1px solid #eee;
                    width: 100%;
                    position: relative;
                    bottom: 0;
                }

                    header .nav.on div span {
                        display: inline-block;
                        width: 50%;
                        float: left;
                        text-align: center;
                        background-color: #3a68b2;
                        box-sizing: border-box;
                        border-left: 1px solid #fff;
                    }

                        header .nav.on div span:first-child {
                            border: none;
                        }

                    header .nav.on div a {
                        flex: 1;
                        height: 38px;
                        line-height: 38px;
                        text-align: center;
                        color: #fff;
                        font-size: 13px;
                        font-weight: bold;
                    }

                    header .nav.on div .wingBanArMo {
                        width: 100%;
                        display: block;
                        position: relative;
                        bottom: 0;
                        left: 0;
                        cursor: pointer;
                    }

                        header .nav.on div .wingBanArMo img {
                            width: 100%;
                        }

                header .nav.on .close {
                    position: absolute;
                    right: 24px;
                    top: 24px;
                    width: 20px;
                    height: 20px;
                    color: transparent;
                }

                    header .nav.on .close:before {
                        content: "";
                        position: absolute;
                        left: 46%;
                        top: 0;
                        width: 1px;
                        height: 100%;
                        background: #fff;
                        transform: rotate(45deg);
                    }

                    header .nav.on .close:after {
                        content: "";
                        position: absolute;
                        right: 45%;
                        top: 0;
                        width: 1px;
                        height: 100%;
                        background: #fff;
                        transform: rotate(-45deg);
                    }

            header .nav .navTit {
                display: block;
                padding: 50px 30px 20px;
                background-color: #3a68b2;
            }

    .headerDim {
        display: none;
        position: fixed;
        left: 0;
        top: 0;
        z-index: 50;
        width: 100%;
        height: 100%;
        background: rgba(0,0,0,0.5);
    }

    header .gnb li ul {
        display: none;
        width: 100%;
        position: relative;
        margin: auto;
    }

    header .gnb li:nth-of-type(6) ul {
        margin-left: 0;
    }

    header .gnb li ul li {
        background-color: #eaeaea;
        border-bottom: 0 !important;
        text-align: left;
    }

        header .gnb li ul li a {
            color: #333;
            font-size: 16px;
        }

    header .navWp .nav select::-ms-expand {
        display: none;
    }

    header .navWp .nav select {
        display: inline-block;
        height: 60px;
        line-height: 60px;
        width: 100%;
        padding: 0 20px;
        box-sizing: border-box;
        background: url('//blob.wifidosirak.com/wm-d01/dosirakmobile/images/selectArrow_pop.png') no-repeat 95% 50%; /* 네이티브 화살표를 커스텀 화살표로 대체 */
        color: #333;
        font-size: 16px;
        -webkit-appearance: none; /* 네이티브 외형 감추기 */
        -moz-appearance: none;
        appearance: none;
    }

        header .navWp .nav select option {
            padding: 0 20px;
        }
    /* PC 컨텐츠 */
    .pc-con {
        display: none !important;
    }
    /* 모바일 컨텐츠 */
    .mo-con {
        display: block !important;
    }

    header .navWp .headerRight li ul {
        left: -35px;
    }
    /* GNB */
    .gnbWp {
        min-width: 320px;
    }

    /* 메인배너 */
    .mainVisualAr {
        height: 250px;
    }

    .mainBanAr .swiper-container {
        width: 100%;
    }

    .mainBanAr .swiper-slide {
        width: 100% !important;
    }

    .mainBanAr .swiper-pagination span:nth-of-type(n+2) {
        margin-left: 5px;
    }

    .mainVisualAr .mainBanFirst {
        display: block;
        /*width: 100%;*/
        height: 250px;
        line-height: 250px;
        background: url(//blob.wifidosirak.com/wm-d01/dosirakmobile/images/mainBanFirst_bg.jpg) no-repeat center center;
        background-size: cover;
    }

        .mainVisualAr .mainBanFirst .mainBanTxt {
            top: 38%;
        }

            .mainVisualAr .mainBanFirst .mainBanTxt .banTit {
                font-size: 25px;
                line-height: normal;
                line-height: 100%;
            }

                .mainVisualAr .mainBanFirst .mainBanTxt .banTit strong {
                    line-height: 100%;
                }

            .mainVisualAr .mainBanFirst .mainBanTxt .banSubTit {
                display: block;
                margin-top: 5px;
                font-size: 15px;
            }

    .mainVisualAr .swiper-pagination {
        left: 0 !important;
        top: 84%;
    }

        .mainVisualAr .swiper-pagination .swiper-pagination-bullet {
            display: inline-block;
            width: 8px;
            height: 8px;
            margin: 0 4px !important;
        }

    /* 메인페이지 탭 */
    .mainTab {
        width: 100%;
        display: inline-block;
    }

        .mainTab li {
            font-size: 16px;
        }

            .mainTab li:first-child {
                margin-left: 0;
            }

            .mainTab li:nth-of-type(n+2) {
                margin-left: 0;
            }

            .mainTab li.current span {
                position: absolute;
                top: 40px;
                left: 50px;
                display: block;
                width: 23px;
                height: 11px;
                background: url('//blob.wifidosirak.com/wm-d01/dosirakmobile/images/tab_on_img.png') no-repeat 0 0;
                z-index: 11;
            }

    /* 메인페이지 range slider */
    .rangeAr {
        width: 100%;
        margin-top: 30px;
        padding: 10px 10px;
    }

        .rangeAr > div {
            width: 100%;
        }

            .rangeAr > div:nth-of-type(n+2) {
                width: 100%;
                text-align: left;
                margin-top: 15px;
            }

        .rangeAr .rangeSection {
            width: 100%;
            margin: auto;
            position: relative;
        }

            .rangeAr .rangeSection .mainTit {
                font-size: 25px;
                color: #333;
                font-weight: lighter;
                display: inline-block;
            }

            .rangeAr .rangeSection .info {
                font-size: 20px;
                color: #3a68b2;
                font-weight: lighter;
                display: inline-block;
            }

            .rangeAr .rangeSection .subTxt {
                font-size: 16px;
                color: #333;
                font-weight: lighter;
                display: inline-block;
            }

            .rangeAr .rangeSection .plusAr {
                position: absolute;
                color: #3a68b2;
                top: 40px;
                font-weight: bold;
                font-size: 25px;
            }

    .switchAr {
        display: inline-block;
        width: auto;
        float: right;
        padding: 0;
        vertical-align: middle;
        margin-top: 5px;
    }

    #slider-max {
        width: 100% !important;
    }

        #slider-max .numWrap {
            width: 100%;
        }

            #slider-max .numWrap .sliderNum {
                width: 40px;
            }

                #slider-max .numWrap .sliderNum:nth-of-type(n+2) {
                    width: 8%;
                }

    .rangeAr .rangeSection .priceGuide > span {
        width: 18%;
    }

        .rangeAr .rangeSection .priceGuide > span:nth-of-type(3) {
            width: 36%;
        }

        .rangeAr .rangeSection .priceGuide > span:nth-of-type(2), .rangeAr .rangeSection .priceGuide > span:nth-of-type(4) {
            width: 57px;
        }

    .rangeAr .rangeSection .onPop {
        font-size: 12px;
        left: 82%;
        top: 42px;
    }

        .rangeAr .rangeSection .onPop:after {
            top: -8px;
            left: 73%;
        }

    /* 메인페이지 요금표 슬라이드 */
    .mainTab-contentWrap {
        padding-top: 10px;
    }

    .mainTab-content {
        width: 100%;
    }

    .mainPriceAr {
        width: 100%;
    }

        .mainPriceAr .swiper-container {
            width: 100%;
            padding-left: 10px;
        }

        .mainPriceAr .viewAll {
            right: 10px;
        }
    /* 메인페이지 이벤트 영역 */
    .eventZone {
        padding: 50px 10px;
    }

        .eventZone .eventCon {
            width: 100%;
        }

            .eventZone .eventCon .banAr .swiper-container {
                width: 100%;
            }

            .eventZone .eventCon .banAr .swiper-slide {
                width: 100% !important;
            }

                .eventZone .eventCon .banAr .swiper-slide img {
                    width: 100%;
                }

            .eventZone .eventCon h1 {
                font-size: 25px;
            }

            .eventZone .eventCon .btnMore {
                top: 0;
            }

    /* 메인페이지 고객센터 */
    .csAr .csCon {
        width: 100%;
    }

        .csAr .csCon > div {
            display: block;
            width: 100%;
            padding: 0 10px;
        }

            .csAr .csCon > div .moreBtn {
                right: 10px;
            }

            .csAr .csCon > div:nth-of-type(n+2) {
                margin-left: 0;
                margin-top: 20px;
            }

        .csAr .csCon h1 {
            margin-bottom: 20px;
        }

        .csAr .csCon .txtCall {
            font-size: 15px;
        }

        .csAr .csCon > div .kakaoBtn {
            top: 80px;
            right: 10px;
        }

            .csAr .csCon > div .kakaoBtn img {
                width: 50px;
            }
    /* footer */
    .footerAr .footerCon {
        width: 100%;
    }

        .footerAr .footerCon .policyAr {
            padding: 0 10px;
        }

        .footerAr .footerCon .companyInfo {
            padding: 0 10px;
        }

        .footerAr .footerCon .familySiteAr img {
            width: 60px;
        }

        .footerAr .footerCon .companyInfo .infoAr {
            font-size: 10px;
        }


    /* subpage */
    .topBan {
        height: 60px;
        background: url(//blob.wifidosirak.com/wm-d01/dosirakmobile/images/subBan_bg.jpg) no-repeat 0 center;
    }

        .topBan .topBanAr {
            width: 100%;
        }

            .topBan .topBanAr > .close {
                width: 40px;
                height: 60px;
            }

            .topBan .topBanAr .subBanTit {
                font-size: 12px;
                line-height: 100%;
                height: 60px;
                line-height: 60px;
            }

    .subPage {
        min-width: 100%;
    }

    .subTitAr {
        padding: 85px 0 20px;
    }

        .subTitAr h1 {
            font-size: 20px;
            line-height: 20px;
        }

        .subTitAr .subTit {
            font-size: 12px;
        }

    .subPageAr {
        min-height: 300px;
    }

        .subPageAr .prod_option {
            width: 100%;
            padding: 10px 10px 20px;
        }

            .subPageAr .prod_option .prod_subject {
                display: block;
                width: 100%;
                float: none;
                margin-bottom: 0;
            }

                .subPageAr .prod_option .prod_subject .subjectTit {
                    font-size: 16px;
                    margin-bottom: 0;
                }

                    .subPageAr .prod_option .prod_subject .subjectTit em {
                        display: inline-block;
                        margin-left: 5px;
                    }

                .subPageAr .prod_option .prod_subject .subjectLine {
                    display: none;
                }

            .subPageAr .prod_option .prod_content {
                display: block;
                width: 100%;
                margin-top: 5px;
            }

                .subPageAr .prod_option .prod_content .inputTit {
                    font-size: 16px;
                }

                .subPageAr .prod_option .prod_content input + label {
                    border-radius: 10px;
                }

                    .subPageAr .prod_option .prod_content input + label .lt {
                        padding: 10px;
                    }

                        .subPageAr .prod_option .prod_content input + label .lt.traffic {
                            width: 65%;
                        }

                    .subPageAr .prod_option .prod_content input + label .rt.traffic {
                        width: 35%;
                        padding: 10px 10px 10px 0;
                    }

                    .subPageAr .prod_option .prod_content input + label em {
                        font-size: 16px;
                    }

                        .subPageAr .prod_option .prod_content input + label em:nth-child(2) {
                            font-size: 12px;
                            line-height: 14px;
                        }

                        .subPageAr .prod_option .prod_content input + label em.mgl-50 {
                            margin-left: 30px;
                        }

                    .subPageAr .prod_option .prod_content input + label.checkAr {
                        background: url(//blob.wifidosirak.com/wm-d01/dosirakmobile/images/admCheck_off.png) no-repeat 10px center;
                        background-size: 20px;
                    }

                .subPageAr .prod_option .prod_content input:checked + label.checkAr {
                    background: url(//blob.wifidosirak.com/wm-d01/dosirakmobile/images/admCheck_on.png) no-repeat 10px 24px;
                    background-size: 20px;
                }

                .subPageAr .prod_option .prod_content .inputNote {
                    position: absolute;
                    top: -28px;
                    right: 0;
                    font-size: 12px;
                }

                    .subPageAr .prod_option .prod_content .inputNote.fullLine {
                        position: relative;
                        top: 0;
                    }

    .priceSelect {
        font-size: 12px;
        padding: 15px 0;
        text-align: center;
    }

    .subPageAr .prod_option .prod_content .admAds {
        /*padding: 10px;*/
        /*border: 1px solid #c2c2c2;*/
        /*border-radius: 10px;*/
    }

        .subPageAr .prod_option .prod_content .admAds img {
            width: 100%;
        }

        .subPageAr .prod_option .prod_content .admAds em.adsTit {
            font-size: 15px;
        }

        .subPageAr .prod_option .prod_content .admAds em .adsBenefit img {
            width: 25px;
        }

        .subPageAr .prod_option .prod_content .admAds em .adsBenefit {
            font-size: 11px;
        }

    .subPageAr .prod_option .prod_content input + label .priceBtn {
        height: 70px;
        line-height: 70px;
    }

        .subPageAr .prod_option .prod_content input + label .priceBtn.hFull {
            height: 75px;
            line-height: 75px;
        }

        .subPageAr .prod_option .prod_content input + label .priceBtn .btnTxt {
            font-size: 12px;
        }

    .subPageAr .prod_option .prod_content .additionalTab li {
        font-size: 12px;
        width: 60px;
        padding: 10px 0;
    }

        .subPageAr .prod_option .prod_content .additionalTab li:nth-of-type(n+2) {
            margin-left: 5px;
        }

    .subPageAr .prod_option .prod_content .clause .clauseTit {
        font-size: 14px;
    }

    .subPageAr .prod_option .prod_content .clause input + label.clauseCheckLabel, .subPageAr .prod_option .prod_content .clause input:checked + label.clauseCheckLabel {
        background-size: 80%;
        background-position: 0px 0px;
    }

    .subPageAr .prod_option .prod_content .clause li {
        padding: 10px;
    }

    .subPageAr .prod_option .prod_content .clause .clauseArrow {
        width: 18%;
    }

        .subPageAr .prod_option .prod_content .clause .clauseArrow .arrowDown:before, .subPageAr .prod_option .prod_content .clause .clauseArrow .arrowDown:after {
            width: 12px;
            height: 2px;
        }

        .subPageAr .prod_option .prod_content .clause .clauseArrow .arrowDown:before {
            right: 16px;
        }

    .subPageAr .prod_option .prod_content .addDetail {
        padding: 10px;
    }

    #priceFloat .priceFloatAr, #priceFloat.top .priceFloatAr {
        width: 100%;
    }

        #priceFloat .priceFloatAr .lt {
            width: 45%;
            font-size: 15px;
            padding: 10px;
        }

            #priceFloat .priceFloatAr .lt.wide {
                width: 80%;
            }

        #priceFloat .priceFloatAr .rt {
            width: 55%;
            padding: 10px;
        }

            #priceFloat .priceFloatAr .rt.narrow {
                width: 20%;
            }

        #priceFloat .priceFloatAr .floatTit {
            margin-right: 0;
        }

        #priceFloat .priceFloatAr .floatPrice {
            display: block;
        }

        #priceFloat .priceFloatAr .floatPriceBtn {
            width: 90px;
            padding: 10px 0;
            font-size: 16px;
        }

        #priceFloat .priceFloatAr .arrowPrice {
            width: 42px;
            height: 42px;
            margin-left: 10px;
        }

            #priceFloat .priceFloatAr .arrowPrice:before, #priceFloat .priceFloatAr .arrowPrice:after {
                top: 20px;
            }

            #priceFloat .priceFloatAr .arrowPrice:before {
                right: 18px;
            }

            #priceFloat .priceFloatAr .arrowPrice:after {
                right: 8px;
            }

    #priceFloat .pricefDetail .priceDetailAr {
        width: 100%;
        padding: 10px;
    }

        #priceFloat .pricefDetail .priceDetailAr li {
            width: 50%;
        }

            #priceFloat .pricefDetail .priceDetailAr li:first-child, #priceFloat .pricefDetail .priceDetailAr li:nth-of-type(2) {
                padding: 0;
            }

            #priceFloat .pricefDetail .priceDetailAr li:nth-of-type(3) {
                width: 100%;
                padding-left: 0;
                display: block;
            }

        #priceFloat .pricefDetail .priceDetailAr .priceMain {
            display: inline-block;
            height: 16px;
            line-height: 16px;
        }

            #priceFloat .pricefDetail .priceDetailAr .priceMain .priceName, #priceFloat .pricefDetail .priceDetailAr .priceMain .priceAmount {
                font-size: 12px;
            }

                #priceFloat .pricefDetail .priceDetailAr .priceMain .priceName.etc {
                    width: 65%;
                }

                #priceFloat .pricefDetail .priceDetailAr .priceMain .priceAmount.etc {
                    width: 35%;
                }

        #priceFloat .pricefDetail .priceDetailAr .question {
            margin-top: 0;
        }

            #priceFloat .pricefDetail .priceDetailAr .question img {
                width: 90%;
            }

        #priceFloat .pricefDetail .priceDetailAr .priceAds {
            margin-top: 10px;
            padding: 20px;
        }

            #priceFloat .pricefDetail .priceDetailAr .priceAds .adsTit {
                font-size: 16px;
            }

    .popContainer.center {
        width: 100%;
        height: 100%;
        padding: 0;
        overflow-y: auto;
    }

    .popContTit + .popBody {
        padding: 10px;
    }

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

    .popWP select {
        width: 130px;
        font-size: 12px;
    }

    .popWP .price_content input + label.checkAr, .popWP .price_content input:checked + label.checkAr {
        background-size: 25px;
        background-position: 10px 20px;
    }

    .popWP .price_content input + label .lt {
        width: 65%;
        padding: 10px 0 10px 5px;
    }

    .popWP .price_content input + label .rt {
        width: 35%;
        padding: 10px 5px 10px 0;
    }

    .popWP .price_content input + label em {
        font-size: 14px;
    }

        .popWP .price_content input + label em:nth-child(2) {
            font-size: 12px;
        }

        .popWP .price_content input + label em.mgl-50 {
            margin-left: 35px;
        }

    .popWP .price_content input + label .priceSection .priceTxt .pTit {
        font-size: 12px;
    }

    .popWP .price_content input + label .priceSection .priceTxt {
        width: 72%;
    }

        .popWP .price_content input + label .priceSection .priceTxt .pAmount {
            font-size: 20px;
        }

    .popWP .price_content input + label .priceSection .arrow {
        width: 20px;
    }

        .popWP .price_content input + label .priceSection .arrow:before, .popWP .price_content input + label .priceSection .arrow:after {
            width: 10px;
            height: 1px;
        }

        .popWP .price_content input + label .priceSection .arrow:before {
            right: 9px;
            transform: rotate(30deg);
        }

        .popWP .price_content input + label .priceSection .arrow:after {
            right: 0px;
            transform: rotate(-30deg);
        }

    .popWP .appConfirm li .confirmTit {
        width: 40%;
        font-size: 14px;
    }

    .popWP .appConfirm li .confirmTxt {
        width: 60%;
        font-size: 14px;
    }

    .popWP .noticeAr .nt_Tit {
        font-size: 14px;
    }

    .popWP .noticeAr .nt_Txt {
        font-size: 12px;
    }

    .popWP .noticeAr {
        padding: 10px;
    }

    .popWP .priceDetailTb thead th {
        height: 30px;
        line-height: 30px;
        font-size: 14px;
    }

    .popWP .priceDetailTb tbody td {
        height: 30px;
        line-height: 30px;
        font-size: 12px;
    }

    .popWP .priceDetailTb .note_Txt {
        font-size: 12px;
    }

    .popWP .price_content .chargeGuide {
        margin-top: 20px;
    }

        .popWP .price_content .chargeGuide li {
            border-radius: 10px;
        }

        .popWP .price_content .chargeGuide .guideTop {
            padding: 15px;
        }

        .popWP .price_content .chargeGuide .guideTit {
            width: 74%;
            color: #333;
            font-size: 16px;
        }

            .popWP .price_content .chargeGuide .guideTit.blu {
                width: 100%;
            }

        .popWP .price_content .chargeGuide .guideTxt {
            font-size: 16px;
        }

        .popWP .price_content .chargeGuide .guideArrow {
            width: 24%;
            padding: 15px;
        }

        .popWP .price_content .chargeGuide .guideBottom {
            padding: 15px;
        }

            .popWP .price_content .chargeGuide .guideBottom span {
                font-size: 12px;
            }

        .popWP .price_content .chargeGuide .guideArrow .arrowDown:before, .popWP .price_content .chargeGuide .guideArrow .arrowDown:after {
            width: 15px;
            height: 2px;
        }

        .popWP .price_content .chargeGuide .guideArrow .arrowDown:before {
            right: 20px;
        }

    .subPageTop {
        width: 100%;
    }

        .subPageTop #priceFloat_top {
            width: 100%;
        }

            .subPageTop #priceFloat_top .priceFloatAr, #priceFloat.top .priceFloatAr {
                width: 100%;
            }

                .subPageTop #priceFloat_top .priceFloatAr .lt {
                    width: 45%;
                    font-size: 15px;
                    padding: 10px;
                }

                .subPageTop #priceFloat_top .priceFloatAr .rt {
                    width: 55%;
                    padding: 10px;
                }

                .subPageTop #priceFloat_top .priceFloatAr .floatTit {
                    margin-right: 0;
                }

                .subPageTop #priceFloat_top .priceFloatAr .floatPrice {
                    display: block;
                }

                .subPageTop #priceFloat_top .priceFloatAr .floatPriceBtn {
                    width: 90px;
                    padding: 10px 0;
                    font-size: 16px;
                }

                .subPageTop #priceFloat_top .priceFloatAr .arrowPrice {
                    width: 42px;
                    height: 42px;
                    margin-left: 10px;
                }

                    .subPageTop #priceFloat_top .priceFloatAr .arrowPrice:before {
                        right: 18px;
                    }

                    .subPageTop #priceFloat_top .priceFloatAr .arrowPrice:after {
                        right: 8px;
                    }

                    .subPageTop #priceFloat_top .priceFloatAr .arrowPrice:before, .subPageTop #priceFloat_top .priceFloatAr .arrowPrice:after {
                        top: 20px;
                    }

            .subPageTop #priceFloat_top .pricefDetail .priceDetailAr {
                width: 100%;
                padding: 30px 5px;
            }

                .subPageTop #priceFloat_top .pricefDetail .priceDetailAr li {
                    padding: 0;
                }

                .subPageTop #priceFloat_top .pricefDetail .priceDetailAr .priceMain {
                    display: inline-block;
                    height: 16px;
                    line-height: 16px;
                }

                    .subPageTop #priceFloat_top .pricefDetail .priceDetailAr .priceMain .priceName, .subPageTop #priceFloat_top .pricefDetail .priceDetailAr .priceMain .priceAmount {
                        font-size: 12px;
                    }

                        .subPageTop #priceFloat_top .pricefDetail .priceDetailAr .priceMain .priceName.etc {
                            width: 65%;
                        }

                        .subPageTop #priceFloat_top .pricefDetail .priceDetailAr .priceMain .priceAmount.etc {
                            width: 35%;
                        }

                    .subPageTop #priceFloat_top .pricefDetail .priceDetailAr .priceMain .question {
                        margin-top: 0;
                    }

                        .subPageTop #priceFloat_top .pricefDetail .priceDetailAr .priceMain .question img {
                            width: 90%;
                        }

    .subStepWrap {
        width: 100%;
        margin-top: 60px;
    }

        .subStepWrap .stepAr {
            padding: 25px 10px;
            background: url(//blob.wifidosirak.com/wm-d01/dosirakmobile/images/step_line_MO.png) no-repeat center center;
        }

            .subStepWrap .stepAr li .stepNum {
                width: 100px;
                padding: 5px;
                font-size: 12px;
                border-radius: 20px;
            }

    .subTab {
        width: 100%;
    }

        .subTab li {
            font-size: 16px;
        }

            .subTab li.current span {
                top: 40px;
                left: 50px;
            }

    .subTab-content {
        width: 100%;
    }

    .subPageAr .prod_option .prod_content.document input {
        height: 34px;
        padding-left: 10px;
        font-size: 14px;
    }

        .subPageAr .prod_option .prod_content.document input::placeholder {
            font-size: 14px;
        }

    .subPageAr .prod_option .prod_content .inputAr {
        padding: 4px 0;
    }

        .subPageAr .prod_option .prod_content .inputAr .inpGroup .grouping {
            margin-left: 4px;
        }

            .subPageAr .prod_option .prod_content .inputAr .inpGroup .grouping.selectInput {
                width: 62%;
            }

            .subPageAr .prod_option .prod_content .inputAr .inpGroup .grouping.idCardDate {
                width: 72%;
            }

            .subPageAr .prod_option .prod_content .inputAr .inpGroup .grouping.select {
                width: 20%;
            }

            .subPageAr .prod_option .prod_content .inputAr .inpGroup .grouping.dateLine {
                width: 30%;
            }

            .subPageAr .prod_option .prod_content .inputAr .inpGroup .grouping.nextLine {
                width: 100%;
                margin-left: 0;
                margin-top: 8px;
            }

        .subPageAr .prod_option .prod_content .inputAr input.name {
            width: 100%;
        }

        .subPageAr .prod_option .prod_content .inputAr input.code {
            width: 35%;
        }

        .subPageAr .prod_option .prod_content .inputAr input.idNum, .subPageAr .prod_option .prod_content .inputAr input.driverNum {
            width: 100%;
        }

    .subPageAr .prod_option .prod_content.document select {
        width: 35%;
        padding: 0 10px;
        font-size: 14px;
        height: 34px;
        line-height: 34px;
    }

        .subPageAr .prod_option .prod_content.document select.Full {
            width: 100%;
        }

    .subPageAr .prod_option .prod_content .idCard {
        text-align: center;
    }

    .subPageAr .prod_option .prod_content .inputAr .idDate, .subPageAr .prod_option .prod_content .inputAr .idDate2 {
        width: 20%;
        font-size: 14px;
        margin-left: 20px;
        margin-right: 0;
        line-height: 34px;
    }

        .subPageAr .prod_option .prod_content .inputAr .idDate:before, .subPageAr .prod_option .prod_content .inputAr .idDate2:before {
            width: 21px;
            height: 21px;
            background-size: 85%;
            margin-top: 9px;
            margin-left: -20px;
        }

    .subPageAr .prod_option .prod_content .inputAr input.idCardDate {
        width: 100%;
    }

    .subPageAr .prod_option .prod_content .inputNotice {
        font-size: 12px;
        color: #3a68b2;
    }

    .subPageAr .prod_option .prod_content .confirmTab li, .subPageAr .prod_option .prod_content .confirmMinorTab li, .subPageAr .prod_option .prod_content .confirmForeignTab li {
        font-size: 14px;
        padding: 10px 0;
    }

    .subPageAr .prod_option .prod_content .confirmTab-content,
    .subPageAr .prod_option .prod_content .confirmMinorTab-content,
    .subPageAr .prod_option .prod_content .confirmForeignTab-content {
        width: 100%;
    }

    .subPageAr .prod_option .prod_content .noteAr {
        padding: 10px;
    }

        .subPageAr .prod_option .prod_content .noteAr .noticeTit {
            font-size: 13px;
        }

        .subPageAr .prod_option .prod_content .noteAr .noticeTxt {
            font-size: 12px;
        }

    .subPageAr .prod_option .prod_content .btnAr .btnBefore {
        font-size: 16px;
        padding: 10px 0;
        width: 35%;
    }

    .subPageAr .prod_option .prod_content .btnAr .btnCertify {
        font-size: 16px;
        padding: 10px 0;
        width: 60%;
    }

    .subPageAr .prod_option .prod_content .btnAr button:nth-of-type(n+2) {
        margin-left: 3%;
    }

    .subPageAr .prod_option .prod_content .btnAr.center.mL {
        margin-left: 0;
    }

    .subPageAr .prod_option .prod_content .inputAr .inputBtn {
        width: 100%;
        height: 34px;
        font-size: 16px;
    }

    .subPageAr .prod_option .prod_content .inputAr .check-btn {
        background-size: 18px;
        padding-left: 20px;
        font-size: 14px;
        line-height: 18px;
    }

        .subPageAr .prod_option .prod_content .inputAr .check-btn.active {
            background-size: 18px;
        }

    .subPageAr .prod_option .prod_content .paymentTab li {
        background: #fff;
        font-size: 14px;
        padding: 10px 0;
        width: 33.3%;
    }

        .subPageAr .prod_option .prod_content .paymentTab li:nth-of-type(4) {
            margin-left: 0;
        }

        .subPageAr .prod_option .prod_content .paymentTab li:nth-of-type(n+4) {
            margin-top: -1px;
        }

    .subPageAr .prod_option .prod_content .paymentTab-content {
        width: 100%;
    }

    .subPageAr .prod_option .prod_content .inputAr .checkBtn {
        width: 100%;
        height: auto;
        font-size: 16px;
        padding: 10px 0;
    }

    .subPageAr .prod_option .prod_content .banAr, .subPageAr .prod_option .prod_content .banAr img {
        width: 100%;
    }

    .subPageAr .prod_option .prod_content .appConfirm li {
        padding: 10px;
    }

        .subPageAr .prod_option .prod_content .appConfirm li .confirmTit, .subPageAr .prod_option .prod_content .appConfirm li .confirmTxt {
            font-size: 14px;
        }

        .subPageAr .prod_option .prod_content .appConfirm li .confirmTit {
            width: 28%;
        }

        .subPageAr .prod_option .prod_content .appConfirm li .confirmTxt {
            width: 72%;
        }

    .subPageAr .prod_option .prod_content .btnWide {
        padding: 10px 0;
        height: auto;
        font-size: 16px;
        margin-top: 15px;
    }

    .chargeAr {
        width: 100%;
        padding: 0 10px;
    }

        .chargeAr .chargeArTit {
            padding: 20px 0;
        }

            .chargeAr .chargeArTit img {
                width: 180px;
            }

        .chargeAr .chargeSelect li {
            display: block;
            width: 100%;
            padding: 15px;
        }

            .chargeAr .chargeSelect li:nth-of-type(n+2) {
                margin-left: 0;
                margin-top: 10px;
            }

        .chargeAr .chargeSelect .menuTit {
            font-size: 16px;
        }

        .chargeAr .chargeSelect select {
            height: 35px;
            line-height: 35px;
            margin-top: 10px;
            padding: 0 10px;
            font-size: 14px;
        }

        .chargeAr .chargeSelect .menuSearchAr .menuSearch {
            width: 100%;
            height: auto;
            padding: 10px 0;
            font-size: 16px;
        }

        .chargeAr .chargeListAr .listTop > .left {
            width: 65%;
        }

        .chargeAr .chargeListAr .listTop {
            padding: 10px 0;
        }

            .chargeAr .chargeListAr .listTop > .right {
                width: 35%;
                text-align: center;
            }

            .chargeAr .chargeListAr .listTop select {
                height: 30px;
                line-height: 30px;
                width: 100%;
                padding: 0 10px;
                font-size: 12px;
            }

            .chargeAr .chargeListAr .listTop .listNote {
                font-size: 12px;
                height: 32px;
                line-height: 32px;
            }

        .chargeAr .chargeTab-content {
            width: 100%;
            display: block;
        }

        .chargeAr .priceTitAr {
            width: 100%;
        }

    .chargeLargeAr, .chargeSlimAr {
        width: 100%;
    }

        .chargeLargeAr .swiper-container, .chargeSlimAr .swiper-container {
            width: 100%;
        }

    .chargeAr .priceTitAr .priceTit {
        font-size: 16px;
    }

    .chargeAr .priceTitAr .priceSub {
        font-size: 14px;
    }

    #priceFloat .priceFloatAr .benefitPrice {
        font-size: 15px;
    }

    .subPageAr .chargingMainTab {
        width: 100%;
    }

        .subPageAr .chargingMainTab li {
            font-size: 16px;
        }

            .subPageAr .chargingMainTab li.current span {
                top: 40px;
                left: 50px;
            }

        .subPageAr .chargingMainTab p {
            width: 100px;
            font-size: 12px;
            padding: 5px;
            top: -40px;
            left: 50%;
            margin-left: -50px
        }

    .subPageAr .prod_option .prod_content .chargingTab li, .subPageAr .prod_option .prod_content .chargingTab2 li, .subPageAr .prod_option .prod_content .chargingTab3 li {
        font-size: 14px;
        padding: 10px 0;
        width: 33.3%;
    }

        .subPageAr .prod_option .prod_content .chargingTab li:nth-of-type(4),
        .subPageAr .prod_option .prod_content .chargingTab2 li:nth-of-type(4),
        .subPageAr .prod_option .prod_content .chargingTab3 li:nth-of-type(4) {
            margin-left: 0;
        }

        .subPageAr .prod_option .prod_content .chargingTab li:nth-of-type(n+4),
        .subPageAr .prod_option .prod_content .chargingTab2 li:nth-of-type(n+4),
        .subPageAr .prod_option .prod_content .chargingTab3 li:nth-of-type(n+4) {
            margin-top: -1px;
        }

    .subPageAr .prod_option .prod_content .inputAr input.quarter {
        width: 49%;
    }

        .subPageAr .prod_option .prod_content .inputAr input.quarter:nth-of-type(2) {
            margin-left: 0.2%;
        }

    .subPageAr .prod_option .prod_content.document .appConfirm select {
        font-size: 14px;
    }

        .subPageAr .prod_option .prod_content.document .appConfirm select.selectAmount {
            width: 130px;
        }

    .subPageAr .prod_option .prod_content.document select.quarter {
        width: 49%;
    }

        .subPageAr .prod_option .prod_content.document select.quarter:nth-of-type(n+2) {
            margin-left: 0.2%;
        }

    z
    .subPageAr .prod_option .prod_content.document .appConfirm select.selectAmount {
        width: 120px;
    }

    .subPageAr .prod_option .prod_content .appConfirm li .balance {
        font-size: 15px;
        float: right;
    }

    .subPageAr .chargingDetail {
        width: 100%;
        padding: 0 10px;
    }

        .subPageAr .chargingDetail .chargingInquiry {
            padding: 20px 0;
        }

            .subPageAr .chargingDetail .chargingInquiry > div {
                width: 100%;
                float: none;
            }

                .subPageAr .chargingDetail .chargingInquiry > div:nth-of-type(2) {
                    float: none;
                    text-align: left;
                    margin-top: 10px;
                }
            /* 언어 선택 디자인 수정 */
            .subPageAr .chargingDetail .chargingInquiry .btnTerm {
                width: 68px;
                height: 35px;
                font-size: 14px;
            }
            /* 언어 선택 디자인 수정 end */
            .subPageAr .chargingDetail .chargingInquiry input.date {
                width: 30%;
                height: 35px;
                font-size: 14px;
                text-align: center;
            }

            .subPageAr .chargingDetail .chargingInquiry .btnInquiry {
                width: 25%;
                height: 35px;
                font-size: 16px;
            }

        .subPageAr .chargingDetail .chargingInquiryList li {
            padding: 10px;
        }

            .subPageAr .chargingDetail .chargingInquiryList li > div:first-child {
                width: 100%;
            }

            .subPageAr .chargingDetail .chargingInquiryList li .listDate {
                height: 40px;
                line-height: 40px;
                font-size: 16px;
            }

            .subPageAr .chargingDetail .chargingInquiryList li > div:nth-of-type(2) {
                display: inline-block;
                width: 60%;
            }

            .subPageAr .chargingDetail .chargingInquiryList li > div:nth-of-type(3) {
                display: inline-block;
                width: 40%;
            }

            .subPageAr .chargingDetail .chargingInquiryList li .listTit {
                font-size: 15px;
            }

            .subPageAr .chargingDetail .chargingInquiryList li .listTxt {
                font-size: 12px;
            }

            .subPageAr .chargingDetail .chargingInquiryList li .listAm {
                font-size: 14px;
                margin-top: 5px;
            }

            .subPageAr .chargingDetail .chargingInquiryList li .listBtn {
                width: 110px;
                height: 35px;
                line-height: 35px;
                font-size: 14px;
            }

                .subPageAr .chargingDetail .chargingInquiryList li .listBtn:nth-of-type(n+2) {
                    margin-top: 5px;
                }

    .subPageAr .moreBtn {
        width: 100%;
        font-size: 16px;
        padding: 10px 0;
        margin-top: 10px;
        margin-bottom: 20px;
    }

    .subPageAr .prod_option .prod_content.document .chargeType .additionalDt {
        padding: 10px;
    }

        .subPageAr .prod_option .prod_content.document .chargeType .additionalDt span {
            font-size: 16px;
            line-height: 35px;
        }

        .subPageAr .prod_option .prod_content.document .chargeType .additionalDt select {
            height: 35px;
            line-height: 35px;
            width: 45%;
            font-size: 16px;
            padding: 0 10px;
        }

        .subPageAr .prod_option .prod_content.document .chargeType .additionalDt .selectNext {
            display: block;
            margin-top: 5px;
        }

    .subPageAr .memberJoin {
        width: 100%;
        padding: 0 10px;
    }

        .subPageAr .memberJoin h2 {
            font-size: 18px;
        }

        .subPageAr .memberJoin .joinNote {
            font-size: 14px;
            line-height: 20px;
        }

        .subPageAr .memberJoin .memberSite {
            padding: 15px;
            margin-bottom: 30px;
        }

            .subPageAr .memberJoin .memberSite img {
                width: 70px;
            }

        .subPageAr .memberJoin .memberJoinBtn {
            width: 100%;
            height: auto;
            line-height: 100%;
            font-size: 16px;
            padding: 10px 0;
        }

        .subPageAr .memberJoin .joinResult .resultTxt {
            font-size: 20px;
        }

    .subStepWrap .stepAr li .stepNum b {
        display: block;
    }

    .subPageAr .joinInfo {
        width: 100%;
        padding: 0 10px;
    }

        .subPageAr .joinInfo .chkAr input + label.joinCheckLabel, .subPageAr .joinInfo .chkAr input:checked + label.joinCheckLabel {
            background-size: 100%;
        }

        .subPageAr .joinInfo .chkAr input + label {
            width: 20px;
            height: 20px;
        }

        .subPageAr .joinInfo .chkAr .joinAgree {
            font-size: 15px;
            height: 15px;
            line-height: 15px;
        }

    .subPageAr .btnWp {
        padding: 30px 0 0;
    }

        .subPageAr .btnWp .btnCom {
            width: 60%;
            padding: 10px 0;
            font-size: 16px;
            height: auto;
        }

            .subPageAr .btnWp .btnCom:nth-of-type(n+2) {
                margin-left: 3%;
            }

            .subPageAr .btnWp .btnCom.gray {
                width: 35%;
            }

    .subPageAr .joinCertify, .subPageAr .joinCertify .btnAr {
        width: 100%;
        padding: 0 10px;
    }

        .subPageAr .joinCertify h2 {
            line-height: 110%;
        }

            .subPageAr .joinCertify h2 b {
                display: block;
            }

        .subPageAr .joinCertify .btnAr .btnWp {
            padding: 10px 0 40px;
        }

        .subPageAr .joinCertify .btnAr .btnCertify {
            font-size: 16px;
            height: auto;
            padding: 10px 0;
        }

        .subPageAr .joinCertify .btnAr span {
            font-size: 14px;
            line-height: 120%;
        }

            .subPageAr .joinCertify .btnAr span:nth-of-type(n+2) {
                margin-top: 10px;
            }

    .subPageAr .joinInput {
        width: 100%;
        padding: 0 10px;
    }

        .subPageAr .joinInput .inputAr input {
            height: 34px;
            padding-left: 10px;
            font-size: 14px;
        }

        .subPageAr .joinInput .inputAr .inpGroup .grouping.nextLine {
            width: 100%;
            margin-left: 0;
            margin-top: 8px;
        }

        .subPageAr .joinInput .inputAr .inpGroup .grouping.mailForm {
            width: 30%;
            margin-left: 8px;
        }

        .subPageAr .joinInput .inputAr input.mid {
            width: 100%;
        }

        .subPageAr .joinInput .inputAr input.short {
            width: 30%;
        }

        .subPageAr .joinInput select {
            height: 34px;
            line-height: 34px;
            width: 100%;
            padding: 0 10px;
            font-size: 14px;
        }

        .subPageAr .joinInput .inputBtn {
            width: 100%;
            height: auto;
            font-size: 16px;
            padding: 10px 0;
        }

        .subPageAr .joinInput .genderBtn {
            width: 49%;
            height: 34px;
            font-size: 16px;
        }

            .subPageAr .joinInput .genderBtn:nth-of-type(n+2) {
                margin-left: 1%;
            }

    .subPageAr .loginAr {
        width: 100%;
        margin: auto;
    }

        .subPageAr .loginAr .loginTab {
            width: 100%;
        }

            .subPageAr .loginAr .loginTab li {
                font-size: 16px;
            }

                .subPageAr .loginAr .loginTab li.current span {
                    top: 40px;
                    left: 84px;
                }

        .subPageAr .loginAr .loginTab-content {
            width: 100%;
            padding: 0 10px;
        }

        .subPageAr .loginAr .loginInput {
            margin-bottom: 20px;
        }

        .subPageAr .loginAr .inputAr input {
            height: 34px;
            padding-left: 10px;
            font-size: 14px;
        }

            .subPageAr .loginAr .inputAr input.short {
                width: 50%;
            }

            .subPageAr .loginAr .inputAr input.phone {
                width: 100%;
            }

            .subPageAr .loginAr .inputAr input.mid {
                width: 100%;
            }

            .subPageAr .loginAr .inputAr input.midcaptcha {
                width: 72%;
                margin-left: 1%;
            }

        .subPageAr .loginAr .inputAr .inpGroup .grouping.nextLine {
            display: block;
            margin-left: 0;
            margin-top: 8px;
        }

            .subPageAr .loginAr .inputAr .inpGroup .grouping.nextLine.rt {
                text-align: right;
            }

        .subPageAr .loginAr .inputAr .chkCertify {
            width: 47%;
            height: 35px;
            font-size: 16px;
            margin-left: 1.5%;
        }

        .subPageAr .loginAr .inputAr .sendCertify {
            width: 100%;
            height: 35px;
            font-size: 16px;
        }

            .subPageAr .loginAr .inputAr .sendCertify.re {
                width: 100%;
            }

        .subPageAr .loginAr .inputAr .captcha {
            width: 25%;
            height: 35px;
            line-height: 35px;
        }

        .subPageAr .loginAr .inputAr .captchaOpt {
            font-size: 12px;
            vertical-align: middle;
        }

            .subPageAr .loginAr .inputAr .captchaOpt img {
                width: 12px;
            }

        .subPageAr .loginAr .privacyPolicy .policyTit {
            font-size: 16px;
        }

        .subPageAr .loginAr .privacyPolicy .policyBox {
            padding: 15px;
            margin-top: 15px;
        }

            .subPageAr .loginAr .privacyPolicy .policyBox span {
                font-size: 12px;
            }

        .subPageAr .loginAr .privacyPolicy .chkAr .policyAgree {
            font-size: 14px;
        }

        .subPageAr .loginAr .privacyPolicy .chkAr input + label {
            width: 18px;
            height: 18px;
        }

            .subPageAr .loginAr .privacyPolicy .chkAr input + label.policyCheckLabel, .subPageAr .loginAr .privacyPolicy .chkAr input:checked + label.policyCheckLabel {
                background-size: 18px;
            }

        .subPageAr .loginAr .privacyPolicy .btnWp {
            padding: 10px 0 0;
        }

            .subPageAr .loginAr .privacyPolicy .btnWp .btnCom {
                width: 60%;
                padding: 10px 0;
                font-size: 16px;
                height: auto;
            }

                .subPageAr .loginAr .privacyPolicy .btnWp .btnCom.gray {
                    width: 35%;
                }

                .subPageAr .loginAr .privacyPolicy .btnWp .btnCom:nth-of-type(n+2) {
                    margin-left: 3%;
                }

        .subPageAr .loginAr .memberLogin {
            width: 100%;
            padding: 0;
        }

            .subPageAr .loginAr .memberLogin .inputAr .check-btn {
                width: 34%;
                background-size: 18px;
                line-height: 18px;
                font-size: 14px;
            }

            .subPageAr .loginAr .memberLogin .btnWp .loginBtn {
                width: 100%;
                height: auto;
                font-size: 16px;
                padding: 10px 0;
            }

            .subPageAr .loginAr .memberLogin .snsLogin .snsTit {
                font-size: 16px;
            }

            .subPageAr .loginAr .memberLogin .snsIcon {
                width: 50%;
            }

                .subPageAr .loginAr .memberLogin .snsIcon li img {
                    width: 80%;
                }

            .subPageAr .loginAr .memberLogin .loginOpt span {
                font-size: 12px;
                padding: 0 15px;
            }

            .subPageAr .loginAr .memberLogin .loginTit {
                font-size: 18px;
                line-height: 110%;
            }

    .subPageAr .findAr {
        width: 100%;
        padding: 30px 0 0;
    }

        .subPageAr .findAr .findSelect {
            padding: 30px 0;
        }

        .subPageAr .findAr input[type=radio] + label:nth-of-type(n+2) {
            margin-left: 20px;
        }

        .subPageAr .findAr .tabId {
            padding: 30px 10px;
        }

        .subPageAr .findAr .tabPw {
            padding: 30px 10px;
        }

        .subPageAr .findAr .tabId .idNotice {
            font-size: 18px;
            line-height: 110%;
        }

            .subPageAr .findAr .tabId .idNotice b {
                display: block;
            }

        .subPageAr .findAr .btnWp {
            padding: 50px 10px 0;
        }

            .subPageAr .findAr .btnWp .findBtn {
                width: 100%;
                height: auto;
                font-size: 16px;
                padding: 10px 0;
            }

        .subPageAr .findAr .findResult .resultTxt {
            font-size: 20px;
            line-height: 110%;
        }

        .subPageAr .findAr .inputAr .findPwTit {
            font-size: 16px;
        }

        .subPageAr .findAr .inputAr input[type=text], .subPageAr .findAr .inputAr input[type=password] {
            width: 100% !important;
            height: 35px;
            padding-left: 10px;
            font-size: 14px;
        }

        .subPageAr .findAr .inputAr .inpGroup .grouping.nextLine {
            display: block;
            margin-left: 0;
            margin-top: 8px;
        }

        .subPageAr .findAr .inputAr .certifyBtn {
            width: 100%;
            height: auto;
            padding: 10px 0;
        }

    .subPageAr .mypageWp {
        padding: 30px;
    }

        .subPageAr .mypageWp .row:nth-of-type(n+2) {
            margin-top: 15px;
        }

        .subPageAr .mypageWp .row .myinfoTit {
            width: 35%;
            font-size: 16px;
        }

            .subPageAr .mypageWp .row .myinfoTit.extend {
                width: 70%;
            }

        .subPageAr .mypageWp .row .myinfoTxt {
            font-size: 16px;
        }

        .subPageAr .mypageWp .row select.infoSelect {
            width: 63%;
        }

        .subPageAr .mypageWp .btnFull {
            height: 34px;
            font-size: 16px;
        }

        .subPageAr .mypageWp .btnInquiry {
            width: 35%;
            height: 34px;
            font-size: 14px;
        }

        .subPageAr .mypageWp .row .prodTit {
            font-size: 16px;
        }

        .subPageAr .mypageWp .row .prodTxt {
            font-size: 14px;
        }

        .subPageAr .mypageWp .btnRequest {
            width: 63%;
            height: 34px;
            font-size: 14px;
            margin-left: 2%;
        }

        .subPageAr .mypageWp .row .myinfoTit.fav {
            width: 70%;
            padding-left: 20px;
            font-size: 16px;
            background-size: 16px;
        }

    .subPageAr .mypageAr {
        width: 100%;
        padding: 60px 10px 0;
    }

        .subPageAr .mypageAr .infoMod li {
            line-height: 35px;
            padding: 10px 5px;
        }

            .subPageAr .mypageAr .infoMod li .infoModTit {
                width: 40%;
                font-size: 15px;
            }

            .subPageAr .mypageAr .infoMod li .infoModTxt {
                font-size: 15px;
            }

        .subPageAr .mypageAr .infoMod .btnChange {
            width: 24%;
            height: 35px;
            font-size: 15px;
        }

        .subPageAr .mypageAr .infoMod .btnGender {
            width: 24%;
            height: 35px;
            font-size: 15px;
        }

            .subPageAr .mypageAr .infoMod .btnGender:nth-of-type(n+2) {
                margin-left: 5px;
            }

        .subPageAr .mypageAr .infoMod .btnSns {
            width: 18%;
            height: 35px;
            font-size: 12px;
        }

            .subPageAr .mypageAr .infoMod .btnSns:nth-of-type(n+2) {
                margin-left: 1%;
            }

        .subPageAr .mypageAr .infoMod .modTit {
            font-size: 16px;
        }

        .subPageAr .mypageAr .infoMod .infoModcon .noteAr {
            padding: 10px;
            margin: 10px auto auto;
        }

            .subPageAr .mypageAr .infoMod .infoModcon .noteAr .noteTxt {
                font-size: 12px;
            }

        .subPageAr .mypageAr .infoMod .modTit:nth-of-type(n+2) {
            margin-top: 30px;
        }

        .subPageAr .mypageAr .infoMod .infoModcon input[type="text"] {
            height: 34px;
            padding-left: 10px;
            font-size: 14px;
        }

            .subPageAr .mypageAr .infoMod .infoModcon input[type="text"].half {
                width: 60%;
            }

            .subPageAr .mypageAr .infoMod .infoModcon input[type="text"].num {
                width: 40%;
            }

            .subPageAr .mypageAr .infoMod .infoModcon input[type="text"].change {
                width: 100%;
            }

        .subPageAr .mypageAr .infoMod .infoModcon .inpGroup .grouping {
            width: 37%;
            margin-left: 1%;
        }

            .subPageAr .mypageAr .infoMod .infoModcon .inpGroup .grouping.num {
                width: 18%;
            }

            .subPageAr .mypageAr .infoMod .infoModcon .inpGroup .grouping.nextLine {
                width: 100%;
                margin-left: 0;
                margin-top: 8px;
            }

        .subPageAr .mypageAr .infoMod .btnCode {
            width: 100%;
            height: 34px;
            font-size: 14px;
        }

            .subPageAr .mypageAr .infoMod .btnCode.chk {
                width: 100%;
            }

        .subPageAr .mypageAr .infoMod .infoModcon .noteAr .withdrawTit {
            font-size: 14px;
        }

        .subPageAr .mypageAr .infoMod .infoModcon .noteAr .withdrawTxt {
            font-size: 12px;
        }

        .subPageAr .mypageAr .infoMod .infoModcon .withdrawAr {
            padding: 10px;
        }

        .subPageAr .mypageAr .infoMod input[type="radio"] + label {
            padding: 5px 0 5px 22px;
            font-size: 16px;
            width: 50%;
        }

            .subPageAr .mypageAr .infoMod input[type="radio"] + label::before {
                line-height: 18px;
                width: 18px;
                height: 18px;
                bottom: 7px;
            }

        .subPageAr .mypageAr .infoMod .infoModcon .withdrawAr .selectZone:nth-of-type(n+2) {
            margin-top: 0;
        }

        .subPageAr .mypageAr .infoMod input[type="radio"] + label.extend {
            width: 100%;
        }

        .subPageAr .mypageAr .infoMod input[type="radio"] + label.short {
            width: 40%;
        }

        .subPageAr .mypageAr .infoMod .infoModcon .withdrawAr .selectZone input[type="text"] {
            width: 55%;
            padding-left: 0;
            height: 30px;
            margin-top: 2px;
        }

        .subPageAr .mypageAr .infoMod .chkAr {
            padding: 10px 0;
        }

            .subPageAr .mypageAr .infoMod .chkAr .withdrawAgree {
                font-size: 14px;
            }

        .subPageAr .mypageAr .infoMod .byeTxt {
            font-size: 18px;
        }

            .subPageAr .mypageAr .infoMod .byeTxt b {
                display: block;
            }

        .subPageAr .mypageAr .infoMod input[type=checkbox] + label {
            font-size: 16px;
            width: 80px;
            padding-left: 22px;
        }

        .subPageAr .mypageAr .infoCheck li {
            line-height: 35px;
            padding: 10px 5px;
        }

            .subPageAr .mypageAr .infoCheck li .infoChkTit {
                width: 30%;
                font-size: 15px;
            }

            .subPageAr .mypageAr .infoCheck li .infoChkTxt {
                font-size: 15px;
            }

        .subPageAr .mypageAr .infoCheck .btnChange {
            width: 22%;
            height: 35px;
            font-size: 15px;
        }

        .subPageAr .mypageAr .infoCheck li .progressAr {
            width: 100%;
            float: none;
        }

    .subPageAr .addInfoAd {
        width: 100%;
        padding: 50px 10px 0;
    }

        .subPageAr .addInfoAd .adTxt {
            font-size: 16px;
        }

        .subPageAr .addInfoAd select {
            width: 50%;
            height: 34px;
            line-height: 34px;
            font-size: 16px;
        }

    .subPageAr .additionalAr {
        width: 100%;
    }

        .subPageAr .additionalAr .addOptTab {
            width: 60%;
            padding: 0 10px;
        }

            .subPageAr .additionalAr .addOptTab li {
                font-size: 15px;
            }

        .subPageAr .additionalAr .addOptTab-contentWrap .addOptTab-content {
            width: 100%;
            padding: 0 10px;
        }

        .subPageAr .additionalAr .addOptDetail li {
            width: 100%;
            padding: 15px 20px;
        }

            .subPageAr .additionalAr .addOptDetail li:nth-child(n+2) {
                margin-top: 15px;
            }

            .subPageAr .additionalAr .addOptDetail li:nth-child(3n+2) {
                margin: 15px 0 0;
            }

        .subPageAr .additionalAr .addOptDetail .infoAr .optTit, .subPageAr .additionalAr .addOptDetail .infoAr .optDate, .subPageAr .additionalAr .addOptDetail .detailAr .chargeInfo {
            font-size: 18px;
        }

        .subPageAr .additionalAr .addOptDetail .detailAr {
            margin-top: 20px;
            height: 35px;
            line-height: 35px;
        }

            .subPageAr .additionalAr .addOptDetail .detailAr .optBtn {
                font-size: 16px;
                height: 35px;
                line-height: 35px;
            }

    .subPageAr .wishAr {
        width: 100%;
        padding: 0 10px;
    }

        .subPageAr .wishAr .wishTotal {
            font-size: 15px;
        }

        .subPageAr .wishAr .wishDetail li {
            width: 100%;
            padding: 15px 20px;
        }

            .subPageAr .wishAr .wishDetail li:nth-child(n+2) {
                margin-top: 15px;
            }

            .subPageAr .wishAr .wishDetail li:nth-child(3n+2) {
                margin: 15px 0 0;
            }

        .subPageAr .wishAr .wishDetail .infoAr .optTit, .subPageAr .wishAr .wishDetail .infoAr .optPrice {
            font-size: 18px;
        }

    .subPageAr .csAr {
        width: 100%;
        padding: 0 10px;
    }

        .subPageAr .csAr .csDetail li {
            width: 46%;
            height: auto;
            margin: 1%;
            padding: 20px 0;
        }

            .subPageAr .csAr .csDetail li img {
                width: 50px;
            }

            .subPageAr .csAr .csDetail li:nth-of-type(n+3) {
                margin-top: 2%;
            }

        .subPageAr .csAr .csDetail .csTit {
            font-size: 14px;
            margin-top: 10px;
        }

        .subPageAr .csAr .csDetail .csNote {
            font-size: 12px;
        }

        .subPageAr .csAr .csDetail .wideAr {
            width: 100%;
            padding: 40px 0px;
        }

            .subPageAr .csAr .csDetail .wideAr .csAdTxt {
                font-size: 18px;
            }

    .subPageAr .boardAr {
        width: 100%;
        padding: 0 10px;
    }
        /* 언어 선택 디자인 수정 */
        .subPageAr .boardAr .searchAr {
            width: 100%;
            margin-top: 10px;
        }
            /* 언어 선택 디자인 수정 end */
            .subPageAr .boardAr .searchAr .searchWrap {
                width: 100%;
                display: inline-flex;
            }

            .subPageAr .boardAr .searchAr select {
                height: 34px;
                line-height: 34px;
                width: 25%;
                font-size: 14px;
                padding: 0px 10px;
                box-sizing: border-box;
            }

            .subPageAr .boardAr .searchAr input[type="text"] {
                width: 55%;
                padding: 0px 10px;
                height: 34px;
            }

            .subPageAr .boardAr .searchAr .btnSearch {
                width: 20%;
                height: 34px;
            }

        .subPageAr .boardAr .boardCon li {
            padding: 15px;
            border-radius: 10px;
        }

            .subPageAr .boardAr .boardCon li:nth-of-type(n+2) {
                margin-top: 20px;
            }

            .subPageAr .boardAr .boardCon li > div:first-child {
                width: 65%;
            }

            .subPageAr .boardAr .boardCon li > div:nth-of-type(2) {
                width: 35%;
                text-align: left;
            }

            .subPageAr .boardAr .boardCon li .noticeTit {
                font-size: 14px;
                height: 34px;
                line-height: 34px;
            }

            .subPageAr .boardAr .boardCon li .noticeDate {
                font-size: 14px;
                height: 34px;
                line-height: 34px;
                margin-right: 10px;
            }

            .subPageAr .boardAr .boardCon li .openArrow {
                width: 34px;
                height: 34px;
                line-height: 34px;
            }

                .subPageAr .boardAr .boardCon li .openArrow:before {
                    right: 10px;
                }

                .subPageAr .boardAr .boardCon li .openArrow:after {
                    right: 2px;
                }

                .subPageAr .boardAr .boardCon li .openArrow:before, .subPageAr .boardAr .boardCon li .openArrow:after {
                    width: 12px;
                    height: 1px;
                }

            .subPageAr .boardAr .boardCon li .substance {
                font-size: 14px;
            }

            .subPageAr .boardAr .boardCon li .faqTit {
                font-size: 14px;
                height: 34px;
                line-height: 34px;
            }

        .subPageAr .boardAr .faqTab {
            width: 100%;
        }

            .subPageAr .boardAr .faqTab li {
                font-size: 11px;
            }

    .subPageAr .individualAr {
        width: 100%;
    }

        .subPageAr .individualAr .individualTit {
            font-size: 15px;
        }

        .subPageAr .individualAr .individualTab {
            width: 100%;
        }

            .subPageAr .individualAr .individualTab li {
                font-size: 16px;
            }

                .subPageAr .individualAr .individualTab li.current span {
                    top: 40px;
                    left: 84px;
                }

        .subPageAr .individualAr .individualTab-content {
            width: 100%;
            padding: 0 10px;
        }

        .subPageAr .individualAr .inputAr .inpGroup .grouping {
            margin-left: 8px;
        }

            .subPageAr .individualAr .inputAr .inpGroup .grouping.select {
                width: 48%;
            }

            .subPageAr .individualAr .inputAr .inpGroup .grouping.email {
                width: 30%;
            }

        .subPageAr .individualAr select {
            height: 34px;
            line-height: 34px;
            width: 48%;
            font-size: 14px;
            padding: 0 10px;
        }

            .subPageAr .individualAr select.two {
                width: 100%;
            }

            .subPageAr .individualAr select.email {
                width: 100%;
            }

        .subPageAr .individualAr .inputAr input[type=text] {
            height: 34px;
            padding-left: 10px;
            font-size: 14px;
        }

        .subPageAr .individualAr .inputAr input.half {
            width: 100%;
        }

        .subPageAr .individualAr .inputAr input.normal {
            width: 29%;
        }

        .subPageAr .individualAr .chkAr {
            padding: 0 0 10px;
        }

            .subPageAr .individualAr .chkAr.center {
                text-align: center;
                margin-top: 10px;
            }

            .subPageAr .individualAr .chkAr .indiAgree {
                font-size: 15px;
                vertical-align: inherit;
            }

            .subPageAr .individualAr .chkAr input + label {
                width: 20px;
                height: 20px;
            }

                .subPageAr .individualAr .chkAr input + label.indiCheckLabel, .subPageAr .individualAr .chkAr input:checked + label.indiCheckLabel {
                    background-size: 20px;
                }

        .subPageAr .individualAr .individualTit:nth-of-type(n+2) {
            margin-top: 30px;
        }

        .subPageAr .individualAr .inputAr .inputForm {
            padding: 10px;
        }

            .subPageAr .individualAr .inputAr .inputForm::placeholder {
                font-size: 14px;
            }

        .subPageAr .individualAr .attachmentAr .attachmentTxt {
            font-size: 12px;
        }

        .subPageAr .individualAr .inquiryList .listForm li {
            border-radius: 10px;
            padding: 15px;
        }

            .subPageAr .individualAr .inquiryList .listForm li > div:first-child {
                width: 70%;
            }

            .subPageAr .individualAr .inquiryList .listForm li > div:last-child {
                width: 28%;
            }

            .subPageAr .individualAr .inquiryList .listForm li > div .formTit {
                width: 60%;
                font-size: 14px;
            }

            .subPageAr .individualAr .inquiryList .listForm li > div .formDate {
                width: 38%;
                font-size: 14px;
            }

            .subPageAr .individualAr .inquiryList .listForm li > div .condition {
                width: 74%;
                font-size: 12px;
                height: 20px;
                line-height: inherit;
            }

            .subPageAr .individualAr .inquiryList .listForm li > div .listClear {
                margin-left: 1%;
            }

            .subPageAr .individualAr .inquiryList .listForm li:nth-of-type(n+2) {
                margin-top: 15px;
            }

    .subPageAr .eventTab {
        width: 100%;
    }

        .subPageAr .eventTab li {
            font-size: 16px;
        }

            .subPageAr .eventTab li.current span {
                top: 40px;
                left: 50px;
            }

    .subPageAr .eventAr {
        width: 100%;
        padding: 50px 10px;
    }

        .subPageAr .eventAr .eventDetail li {
            width: 100%;
        }

            .subPageAr .eventAr .eventDetail li:nth-of-type(n+2) {
                margin-top: 20px;
            }

            .subPageAr .eventAr .eventDetail li:nth-child(3n+2) {
                margin-top: 20px;
                margin-left: 0;
            }

            .subPageAr .eventAr .eventDetail li img {
                width: 100%;
            }

            .subPageAr .eventAr .eventDetail li .banTxtAr {
                margin-top: 10px;
            }

                .subPageAr .eventAr .eventDetail li .banTxtAr .banTxtTit {
                    font-size: 16px;
                    line-height: 16px;
                }

                .subPageAr .eventAr .eventDetail li .banTxtAr .banTxtDate {
                    font-size: 16px;
                }

    .subPageAr .guideTab {
        width: 100%;
    }

        .subPageAr .guideTab li {
            font-size: 16px;
        }

            .subPageAr .guideTab li.current span {
                top: 40px;
                left: 50px;
            }

    .subPageAr .guidanceWrap {
        border-radius: 10px;
        padding: 15px;
    }

        .subPageAr .guidanceWrap .guidanceTit, .subPageAr .guidanceWrap .guidanceTxt {
            font-size: 16px;
        }

        .subPageAr .guidanceWrap .mobileChk {
            font-size: 16px;
        }

        .subPageAr .guidanceWrap .guidanceNote {
            padding: 5px 10px;
        }

            .subPageAr .guidanceWrap .guidanceNote .noteTit {
                font-size: 15px;
            }

            .subPageAr .guidanceWrap .guidanceNote .noteTxt {
                font-size: 14px;
            }

    .subPageAr .guideTab-content h1 {
        font-size: 16px;
    }

    .subPageAr .guidanceWrap .usimImg li {
        width: 100%;
        float: none;
    }

        .subPageAr .guidanceWrap .usimImg li:nth-of-type(n+2) {
            margin-left: 0;
            margin-top: 10px;
        }

        .subPageAr .guidanceWrap .usimImg li img {
            width: 100%;
        }

    .subPageAr .guidanceWrap .usimImg .imgTit, .subPageAr .guidanceWrap .usimImg .imgTxt {
        font-size: 16px;
    }

    .subPageAr .guidanceWrap .usimImg.chk li {
        width: 100%;
        float: none;
    }

        .subPageAr .guidanceWrap .usimImg.chk li:nth-of-type(2) {
            width: 100%;
        }

    .subPageAr .guidanceWrap .usimImg .imgTit, .subPageAr .guidanceWrap .usimImg .imgTxt {
        font-size: 16px;
    }

    .subPageAr .addAr {
        width: 100%;
        padding: 50px 10px;
    }

    .subPageAr .addTab {
        width: 100%;
    }

        .subPageAr .addTab li {
            font-size: 16px;
        }

            .subPageAr .addTab li.current span {
                top: 40px;
                left: 50px;
            }

    .subPageAr .addAr .addListDetail li {
        padding: 20px 0;
    }

    .addAr .addListDetail li .detailCon .option {
        width: 40px;
        font-size: 12px;
        padding: 2px;
    }

    .addAr .addListDetail li .detailCon .mainTit {
        font-size: 15px;
        margin-top: 10px;
    }

    .addAr .addListDetail li .detailCon .mainTxt {
        font-size: 12px;
    }

    .addAr .addListDetail li .detailCon {
        width: 65%;
    }

    .addAr .addListDetail li .detailPrice {
        width: 35%;
    }

        .addAr .addListDetail li .detailPrice .addPrice {
            font-size: 16px;
            height: 74px;
            line-height: 74px;
        }

    .subPageAr .addAr .addListDetail li .addArrow {
        width: 25%;
        margin-left: 2px;
    }

        .subPageAr .addAr .addListDetail li .addArrow .arrowDown::before, .addAr .addListDetail li .addArrow .arrowDown::after {
            width: 12px;
            height: 2px;
        }

        .subPageAr .addAr .addListDetail li .addArrow .arrowDown:before {
            right: 18px
        }

    .subPageAr .addAr .addListDetail .detailNote {
        padding: 10px;
    }

        .subPageAr .addAr .addListDetail .detailNote .noteTit {
            font-size: 15px;
        }

            .subPageAr .addAr .addListDetail .detailNote .noteTit:nth-of-type(n+2) {
                margin-top: 10px;
            }

        .subPageAr .addAr .addListDetail .detailNote .noteTxt {
            font-size: 14px;
        }

    .subPageAr .subPageBlank {
        padding: 50px 0;
    }

        .subPageAr .subPageBlank .blankTit {
            font-size: 18px;
        }

        .subPageAr .subPageBlank img {
            width: 70%;
        }

    .subPageAr .applyDetail {
        width: 100%;
        padding: 0 10px;
    }

        .subPageAr .applyDetail .applyInquiry {
            padding: 20px 0;
        }

            .subPageAr .applyDetail .applyInquiry > div {
                width: 100%;
                float: none;
            }

                .subPageAr .applyDetail .applyInquiry > div:nth-of-type(2) {
                    float: none;
                    text-align: left;
                    margin-top: 10px;
                }

            .subPageAr .applyDetail .applyInquiry .btnTerm {
                width: 80px;
                height: 35px;
                font-size: 16px;
            }

            .subPageAr .applyDetail .applyInquiry input.date {
                width: 30%;
                height: 35px;
                font-size: 14px;
                text-align: center;
            }

            .subPageAr .applyDetail .applyInquiry .btnInquiry {
                width: 25%;
                height: 35px;
                font-size: 16px;
            }

    .subPageAr .applyAr thead th, .subPageAr .applyAr tbody td {
        font-size: 14px;
        padding: 5px 0;
        height: 50px;
    }

    .subPageAr .applyAr table a {
        font-size: 11px;
    }

    .subPageAr .applyAr table .blueBtn {
        width: 50px;
        height: 24px;
        line-height: 24px;
        font-size: 11px;
    }

    .subPageAr .applyAr table .applyTxt {
        font-size: 12px;
    }

    #priceFloat .pricefDetail .priceMain .question .tooltiptext {
        top: 30px;
        left: 0;
    }

    .subPageTop #priceFloat_top .pricefDetail .priceDetailAr .priceMain .question .tooltiptext {
        bottom: -36px;
        left: 0;
    }
    /* 언어선택 디자인 추가 */
    .subPageAr .selectAr {
        width: 100%;
        padding: 20px 10px;
    }

    .subPageAr .langSelect {
        width: 110px;
        padding: 8px;
        font-size: 12px;
        float: right;
    }

        .subPageAr .langSelect.lt {
            margin-right: 0;
        }

    .subPageAr .selectAr .noticeT {
        font-size: 12px;
        height: 36px;
        line-height: 36px;
        vertical-align: middle;
    }
    /* 이용약관 */
    .subPageAr .prod_option .prod_content .termsAr li {
        padding: 10px;
    }

    .subPageAr .prod_option .prod_content .termsAr .termsCheck {
        width: 20px;
        font-size: 14px;
    }

    .subPageAr .prod_option .prod_content .termsAr input + label {
        width: 20px;
        height: 20px;
    }

        .subPageAr .prod_option .prod_content .termsAr input + label.termsCheckLabel, .subPageAr .prod_option .prod_content .termsAr input:checked + label.termsCheckLabel {
            background-size: 100%;
        }

    .subPageAr .prod_option .prod_content .termsAr .termsTit {
        width: 90%;
        font-size: 14px;
    }

    .subPageAr .prod_option .prod_content .termsAr .termsSub .termsTxt {
        font-size: 12px;
        padding-left: 5px;
    }

    .popWP .appTit {
        font-size: 16px;
    }

    .popWP .refundInfo .refundTit {
        font-size: 16px;
    }

    .popWP .refundInfo select {
        height: 35px;
        line-height: 35px;
        width: 100%;
        font-size: 14px;
        background-position: 98% 54%;
    }

    .popWP .refundInfo .inputAr input[type=text] {
        width: 100%;
        height: 35px;
        padding-left: 10px;
        font-size: 14px;
    }

    .popWP .refundInfo .inputAr .inpGroup .grouping {
        width: 100%;
        margin-top: 10px;
        margin-left: 0;
    }

    .popWP .refundInfo .inputAr textarea {
        min-height: 200px;
        font-size: 14px;
    }
    /* 약관 페이지 디자인 추가 */
    .subPageAr .termsTab {
        width: 100%;
    }

        .subPageAr .termsTab li {
            font-size: 12px;
            padding: 10px 20px;
            word-break: keep-all;
        }

            .subPageAr .termsTab li.current span {
                left: 43%;
            }

    .subPageAr .termsTab-content {
        width: 100%;
        padding: 0 10px;
    }

        .subPageAr .termsTab-content .termsBox {
            height: 300px;
            max-height: 500px;
            margin-top: 30px;
            padding: 10px;
            border-radius: 10px;
            font-size: 12px;
        }

        .subPageAr .termsTab-content .downloadBtn {
            padding: 10px;
            font-size: 12px;
        }
    /* calendar */
    #calendar {
        left: 0;
        width: 100%;
    }

    .my-calendar {
        width: 92%;
        margin: 4%;
    }

    .subPageAr .prod_option .prod_content .btnAr.center.mL {
        margin-left: 0;
    }

    .popWP .price_content .priceDt {
        padding: 15px;
        font-size: 12px;
    }

    .subPageAr .prod_option .prod_content li .promotion {
        font-size: 12px;
    }

    .subPageAr .notRegistered {
        width: 100%;
        padding: 100px 0;
    }

        .subPageAr .notRegistered .descRegist {
            font-size: 20px;
        }

        .subPageAr .notRegistered .btnRegist {
            width: 200px;
            height: 45px;
            font-size: 18px;
            margin-top: 20px;
        }

    .subPageAr .prod_option .prod_content .inputAr .goPre {
        font-size: 12px;
    }

    .subPageAr .termsTab li em {
        display: block;
    }
}

@media all and (max-width: 320px) {


    .subPageAr .prod_option .prod_content .inputNote {
        font-size: 10px;
    }

    .subPageAr .mypageWp {
        padding: 15px;
    }
}

@media all and (max-width: 768px) {
    /* 210601 */
    .verification .vertifyTab {
        width: 80%;
    }

    .vertifyTab-contentWrap .vertifyTab-content {
        width: 100%;
    }

        .vertifyTab-contentWrap .vertifyTab-content .vertifyTit {
            font-size: 16px;
        }

    /* .subPage {
        min-width: 768px;
    }
    .subPageAr {
        width: 100%;
    }
    .subPageAr .eventBenefitAr {
        width: 100%;
        padding: 0 20px;
    }
    .subPageAr .eventBenefitAr .eventBenefit_Discount li {
        width: calc((100% - 13%) / 4);
        min-height: 250px;
        padding: 10px;
    }
    .subPageAr .eventBenefitAr .eventBenefit_Discount .con p {
        font-size: 18px;
    }
    .subPageAr #eventBenefitAr_02 .eventBenefitAr .eventBenefit_Discount li {
        width: 222px;
    }
    .subPageAr #eventBenefitAr_02 .eventBenefitAr .eventBenefit_Discount .con{
        width: 100%;
    }
    .subPageAr #eventBenefitAr_03 .eventBenefitAr .eventBenefit_Discount li {
        width: calc((100% - 9%)/3);
        padding: 35px 0;
    } */

}

@media all and (max-width: 450px) {


    /* 210915 - NJH 이벤트 혜택페이지 모바일 CSS 추가 S */
    .event_benefit {
        padding: 50px 0;
    }

        .event_benefit .main_tit {
            font-size: 3vh;
            letter-spacing: -1px;
        }

        .event_benefit .main_cont {
            font-size: 2.8vh;
        }

        .event_benefit .main_cont_sub {
            font-size: 2.2vh;
        }

        .event_benefit .in_box {
            min-width: 80vmin;
            min-height: 28vh;
            padding: 0px;
        }

            .event_benefit .in_box img {
                height: 26%;
            }

        .event_benefit .btn_gp {
            width: 75%;
        }

    .benefit02Ar .in_box img {
        height: auto;
    }

    .event_benefit .event_benefit_Swiper .swiper-wrapper {
        height: 35vh;
    }

    .benefit02Ar .event_benefit_Swiper .swiper-wrapper {
        height: 50%;
    }

    .event_benefit .btn_gp a {
        font-size: 2vh;
    }

    .wrap.subPage .container {
        padding-bottom: 0;
    }

    /* 210915 - NJH 이벤트 혜택페이지 모바일 CSS 추가 E */


    /* 210601 */
    .verification .vertifyTab li {
        font-size: 12px;
    }

    .vertifyTab-contentWrap .vertifyTab-content .vertifyTit {
        font-size: 12px;
        padding: 0 10px 30px 10px;
    }

    .subPageAr .prod_option .prod_content .idCard li {
        width: 100%;
        float: none;
    }

        .subPageAr .prod_option .prod_content .idCard li:first-child {
            padding-right: 0;
        }

        .subPageAr .prod_option .prod_content .idCard li:last-child {
            padding-left: 0;
            margin-top: 10px;
        }

        .subPageAr .prod_option .prod_content .idCard li .license .liDesc {
            font-size: 16px;
        }

    .subPageAr .prod_option .prod_content .btnAr .btnNote {
        font-size: 16px;
        padding: 10px 0;
        width: 100%;
    }

        .subPageAr .prod_option .prod_content .btnAr .btnNote.half {
            width: 100%;
        }

            .subPageAr .prod_option .prod_content .btnAr .btnNote.half:first-child {
                margin-right: 0;
            }

            .subPageAr .prod_option .prod_content .btnAr .btnNote.half:last-child {
                margin-left: 0;
            }

    /* 210915 - NJH 이벤트혜택 CSS 추가 S */
    .subPageAr .eventBenefitAr {
        width: 95%;
    }

        .subPageAr .eventBenefitAr .eventBenefit_Discount li {
            width: 100%;
            margin-bottom: 20px;
        }

        .subPageAr .eventBenefitAr .eventBenefit_btn {
            width: 80%;
        }

    .subPageAr #eventBenefitAr_02 .eventBenefitAr .eventBenefit_Discount li {
        width: 100%;
    }

    .subPageAr #eventBenefitAr_02 .eventBenefitAr .eventBenefit_Discount .con {
        width: 100%;
    }

    .subPageAr #eventBenefitAr_03 .eventBenefitAr .eventBenefit_Discount li {
        width: 100%;
    }
    /* 210915 - NJH 이벤트혜택 CSS 추가 E */

}

@font-face {
    font-family: 'NotoSansKR-Thin';
    font-style: normal;
    font-weight: 100;
    src: url(/fonts/NotoSans-Thin.eot);
    src: url(/fonts/NotoSans-Thin.eot?#iefix) format('embedded-opentype'), url(/fonts/NotoSans-Thin.woff) format('woff'), url(/fonts/NotoSans-Thin.woff2) format('woff2'), url(/fonts/NotoSans-Thin.otf) format('opentype');
}

@font-face {
    font-family: 'NotoSansKR-L';
    font-style: normal;
    font-weight: 200;
    src: url(/fonts/NotoSans-L.eot);
    src: url(/fonts/NotoSans-L.eot?#iefix) format('embedded-opentype'), url(/fonts/NotoSans-L.woff) format('woff'), url(/fonts/NotoSans-L.woff2) format('woff2'), url(/fonts/NotoSans-L.otf) format('opentype');
}

@font-face {
    font-family: 'NotoSansKR-Demi';
    font-style: normal;
    font-weight: 300;
    src: url(/fonts/NotoSans-Demi.eot);
    src: url(/fonts/NotoSans-Demi.eot?#iefix) format('embedded-opentype'), url(/fonts/NotoSans-Demi.woff) format('woff'), url(/fonts/NotoSans-Demi.woff2) format('woff2'), url(/fonts/NotoSans-Demi.otf) format('opentype');
}

@font-face {
    font-family: 'NotoSansKR-R';
    font-style: normal;
    font-weight: 400;
    src: url(/fonts/NotoSans-R.eot);
    src: url(/fonts/NotoSans-R.eot?#iefix) format('embedded-opentype'), url(/fonts/NotoSans-R.woff) format('woff'), url(/fonts/NotoSans-R.woff2) format('woff2'), url(/fonts/NotoSans-R.otf) format('opentype');
}

@font-face {
    font-family: 'NotoSansKR-M';
    font-style: normal;
    font-weight: 500;
    src: url(/fonts/NotoSans-M.eot);
    src: url(/fonts/NotoSans-M.eot?#iefix) format('embedded-opentype'), url(/fonts/NotoSans-M.woff) format('woff'), url(/fonts/NotoSans-M.woff2) format('woff2'), url(/fonts/NotoSans-M.otf) format('opentype');
}

@font-face {
    font-family: 'NotoSansKR-B';
    font-style: normal;
    font-weight: 600;
    src: url(/fonts/NotoSans-B.eot);
    src: url(/fonts/NotoSans-B.eot?#iefix) format('embedded-opentype'), url(/fonts/NotoSans-B.woff) format('woff'), url(/fonts/NotoSans-B.woff2) format('woff2'), url(/fonts/NotoSans-B.otf) format('opentype');
}

@font-face {
    font-family: 'NotoSansKR-Bk';
    font-style: normal;
    font-weight: 700;
    src: url(/fonts/NotoSans-Bk.eot);
    src: url(/fonts/NotoSans-Bk.eot?#iefix) format('embedded-opentype'), url(/fonts/NotoSans-Bk.woff) format('woff'), url(/fonts/NotoSans-Bk.woff2) format('woff2'), url(/fonts/NotoSans-Bk.otf) format('opentype');
}

.topNav {
    background: rgba(0,0,0,0.8);
    display: inline-block;
    margin: auto;
    z-index: 10;
    position: absolute;
    overflow: hidden;
    width: 100%;
}

    .topNav .navWp {
        width: 1100px;
        color: #fff;
        margin: auto;
        text-align: center;
        line-height: 60px;
    }

        .topNav .navWp a:hover {
            color: #f7d05d;
        }

        .topNav .navWp img {
            vertical-align: middle;
        }

        .topNav .navWp li {
            width: auto;
            text-align: center;
            margin: auto;
            display: inline-block;
        }

            .topNav .navWp li:nth-of-type(n+2) {
                margin-left: 4%;
            }

/**
 * Swiper 5.3.7
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * http://swiperjs.com
 *
 * Copyright 2014-2020 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: April 10, 2020
 */

 @font-face{font-family:swiper-icons;src:url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA") format("woff");font-weight:400;font-style:normal}:root{--swiper-theme-color:#007aff}.swiper-container{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1}.swiper-container-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;box-sizing:content-box}.swiper-container-android .swiper-slide,.swiper-wrapper{transform:translate3d(0px,0,0)}.swiper-container-multirow>.swiper-wrapper{flex-wrap:wrap}.swiper-container-multirow-column>.swiper-wrapper{flex-wrap:wrap;flex-direction:column}.swiper-container-free-mode>.swiper-wrapper{transition-timing-function:ease-out;margin:0 auto}.swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform}.swiper-slide-invisible-blank{visibility:hidden}.swiper-container-autoheight,.swiper-container-autoheight .swiper-slide{height:auto}.swiper-container-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-container-3d{perspective:1200px}.swiper-container-3d .swiper-cube-shadow,.swiper-container-3d .swiper-slide,.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top,.swiper-container-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-container-3d .swiper-slide-shadow-left{background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-right{background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-top{background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-css-mode>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.swiper-container-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}.swiper-container-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}.swiper-container-horizontal.swiper-container-css-mode>.swiper-wrapper{scroll-snap-type:x mandatory}.swiper-container-vertical.swiper-container-css-mode>.swiper-wrapper{scroll-snap-type:y mandatory}:root{--swiper-navigation-size:44px}.swiper-button-next,.swiper-button-prev{position:absolute;top:50%;width:calc(var(--swiper-navigation-size)/ 44 * 27);height:var(--swiper-navigation-size);margin-top:calc(-1 * var(--swiper-navigation-size)/ 2);z-index:10;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--swiper-navigation-color,var(--swiper-theme-color))}.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}.swiper-button-next:after,.swiper-button-prev:after{font-family:swiper-icons;font-size:var(--swiper-navigation-size);text-transform:none!important;letter-spacing:0;text-transform:none;font-variant:initial}.swiper-button-prev,.swiper-container-rtl .swiper-button-next{left:10px;right:auto}.swiper-button-prev:after,.swiper-container-rtl .swiper-button-next:after{content:'prev'}.swiper-button-next,.swiper-container-rtl .swiper-button-prev{right:10px;left:auto}.swiper-button-next:after,.swiper-container-rtl .swiper-button-prev:after{content:'next'}.swiper-button-next.swiper-button-white,.swiper-button-prev.swiper-button-white{--swiper-navigation-color:#ffffff}.swiper-button-next.swiper-button-black,.swiper-button-prev.swiper-button-black{--swiper-navigation-color:#000000}.swiper-button-lock{display:none}.swiper-pagination{position:absolute;text-align:center;transition:.3s opacity;transform:translate3d(0,0,0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-container-horizontal>.swiper-pagination-bullets,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:10px;left:0;width:100%}.swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transform:scale(.33);position:relative}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{transform:scale(.33)}.swiper-pagination-bullet{width:8px;height:8px;display:inline-block;border-radius:100%;background:#000;opacity:.2}button.swiper-pagination-bullet{border:none;margin:0;padding:0;box-shadow:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet-active{opacity:1;background:var(--swiper-pagination-color,var(--swiper-theme-color))}.swiper-container-vertical>.swiper-pagination-bullets{right:10px;top:50%;transform:translate3d(0px,-50%,0)}.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:6px 0;display:block}.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;transform:translateY(-50%);width:8px}.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;transition:.2s transform,.2s top}.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 4px}.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;transform:translateX(-50%);white-space:nowrap}.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s left}.swiper-container-horizontal.swiper-container-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s right}.swiper-pagination-progressbar{background:rgba(0,0,0,.25);position:absolute}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:var(--swiper-pagination-color,var(--swiper-theme-color));position:absolute;left:0;top:0;width:100%;height:100%;transform:scale(0);transform-origin:left top}.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{transform-origin:right top}.swiper-container-horizontal>.swiper-pagination-progressbar,.swiper-container-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{width:100%;height:4px;left:0;top:0}.swiper-container-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-container-vertical>.swiper-pagination-progressbar{width:4px;height:100%;left:0;top:0}.swiper-pagination-white{--swiper-pagination-color:#ffffff}.swiper-pagination-black{--swiper-pagination-color:#000000}.swiper-pagination-lock{display:none}.swiper-scrollbar{border-radius:10px;position:relative;-ms-touch-action:none;background:rgba(0,0,0,.1)}.swiper-container-horizontal>.swiper-scrollbar{position:absolute;left:1%;bottom:3px;z-index:50;height:5px;width:98%}.swiper-container-vertical>.swiper-scrollbar{position:absolute;right:3px;top:1%;z-index:50;width:5px;height:98%}.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:rgba(0,0,0,.5);border-radius:10px;left:0;top:0}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-scrollbar-lock{display:none}.swiper-zoom-container{width:100%;height:100%;display:flex;justify-content:center;align-items:center;text-align:center}.swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg{max-width:100%;max-height:100%;object-fit:contain}.swiper-slide-zoomed{cursor:move}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;transform-origin:50%;animation:swiper-preloader-spin 1s infinite linear;box-sizing:border-box;border:4px solid var(--swiper-preloader-color,var(--swiper-theme-color));border-radius:50%;border-top-color:transparent}.swiper-lazy-preloader-white{--swiper-preloader-color:#fff}.swiper-lazy-preloader-black{--swiper-preloader-color:#000}@keyframes swiper-preloader-spin{100%{transform:rotate(360deg)}}.swiper-container .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}.swiper-container-fade.swiper-container-free-mode .swiper-slide{transition-timing-function:ease-out}.swiper-container-fade .swiper-slide{pointer-events:none;transition-property:opacity}.swiper-container-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-fade .swiper-slide-active,.swiper-container-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-cube{overflow:visible}.swiper-container-cube .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1;visibility:hidden;transform-origin:0 0;width:100%;height:100%}.swiper-container-cube .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-cube.swiper-container-rtl .swiper-slide{transform-origin:100% 0}.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-next,.swiper-container-cube .swiper-slide-next+.swiper-slide,.swiper-container-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-container-cube .swiper-slide-shadow-bottom,.swiper-container-cube .swiper-slide-shadow-left,.swiper-container-cube .swiper-slide-shadow-right,.swiper-container-cube .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-container-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0px;width:100%;height:100%;background:#000;opacity:.6;-webkit-filter:blur(50px);filter:blur(50px);z-index:0}.swiper-container-flip{overflow:visible}.swiper-container-flip .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1}.swiper-container-flip .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-flip .swiper-slide-active,.swiper-container-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-flip .swiper-slide-shadow-bottom,.swiper-container-flip .swiper-slide-shadow-left,.swiper-container-flip .swiper-slide-shadow-right,.swiper-container-flip .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}
@import "fonts.css";
@charset "utf-8";

/* sub page */
.subPageTop {
    display: block;
    position: relative;
    width: 1100px;
    margin: auto;
}

.subTitAr {
    position: relative;
    width: 100%;
    display: block;
    padding: 120px 0 60px 0;
    margin: auto;
    text-align: center;
    background-color: #eaeaea;
}

    .subTitAr h1 {
        text-align: center;
        font-size: 30px;
        color: #333;
        font-weight: bold;
        line-height: 30px;
    }

    .subTitAr .subTit {
        text-align: center;
        font-size: 24px;
        color: #333;
    }

.subPageAr {
    position: relative;
    display: block;
    width: 100%;
    margin: auto;
    min-height: 720px;
}

    .subPageAr .prod_option {
        display: block;
        width: 1100px;
        padding: 50px 0;
        margin: auto;
        overflow: hidden;
    }

        .subPageAr .prod_option .prod_subject {
            display: inline-block;
            width: 250px;
            float: left;
        }

            .subPageAr .prod_option .prod_subject .subjectTit {
                display: block;
                text-align: left;
                font-size: 24px;
                color: #333;
                margin-bottom: 24px;
                line-height: 30px;
                font-weight: bold;
            }

                .subPageAr .prod_option .prod_subject .subjectTit em {
                    display: block;
                }

            .subPageAr .prod_option .prod_subject .subjectLine {
                display: block;
                background: #333;
                width: 45px;
                height: 3px;
            }

        .subPageAr .prod_option .prod_content {
            display: inline-block;
            width: 850px;
            position: relative;
        }


        /* 2021-03-30 add  S */
            .subPageAr .prod_option .prod_content li {
                position: relative;
            }

                .subPageAr .prod_option .prod_content li .promotion {
                    display: inline-block;
                    position: absolute;
                    padding: 3px 10px;
                    border-radius: 5px;
                    background: #f26c4f;
                    color: #fff;
                    font-size: 14px;
                    text-align: center;
                    top: -12px;
                    left: 10px;
                }

            /*.subPageAr .prod_option .prod_content input + label .lt.traffic {
                position: absolute;
                padding: 0;
                top: 50%;
                left: 40%;
                transform: translate(-50%, -50%);
            }*/

    .subPageAr .notRegistered {
        display: block;
        width: 1100px;
        margin: auto;
        padding: 200px;
    }

        .subPageAr .notRegistered .descRegist {
            display: block;
            font-size: 24px;
            color: #333;
            text-align: center;
        }

        .subPageAr .notRegistered .btnRegist {
            display: block;
            width: 240px;
            height: 56px;
            background: #3a68b2;
            color: #fff;
            text-align: center;
            font-size: 20px;
            border-radius: 5px;
            margin: auto;
            margin-top: 30px;
        }
        /* 2021-03-30 add E*/




            .subPageAr .prod_option .prod_content li:nth-of-type(n+2) {
                margin-top: 20px;
            }

            .subPageAr .prod_option .prod_content .admAds {
                display: block;
                width: 100%;
                /*padding: 25px;
                border: 1px solid #c2c2c2;
                border-radius: 20px;
                background: #f9f9f9;*/
            }

                .subPageAr .prod_option .prod_content .admAds em.adsTit {
                    display: block;
                    font-size: 20px;
                    color: #333;
                    font-weight: bold;
                }

                .subPageAr .prod_option .prod_content .admAds em .adsBenefit {
                    font-size: 16px;
                    color: #333;
                }

                    .subPageAr .prod_option .prod_content .admAds em .adsBenefit img {
                        vertical-align: middle;
                    }

            .subPageAr .prod_option .prod_content input + label {
                display: inline-block;
                width: 100%;
                border: 1px solid #c2c2c2;
                cursor: pointer;
                border-radius: 20px;
                overflow: hidden;
            }

                .subPageAr .prod_option .prod_content input + label.checkAr {
                    background: url(//blob.wifidosirak.com/wm-d01/dosirakmobile/images/admCheck_off.png) no-repeat 25px 35px;
                }

                .subPageAr .prod_option .prod_content input + label .lt {
                    display: inline-block;
                    width: 75%;
                    float: left;
                    padding: 20px 25px;
                }

                    .subPageAr .prod_option .prod_content input + label .lt.full {
                        width: 100% !important;
                    }

                    .subPageAr .prod_option .prod_content input + label .lt.data {
                        width: 85%;
                        position: relative;
                    }

                .subPageAr .prod_option .prod_content input + label .rt.data {
                    width: 15%;
                }

                .subPageAr .prod_option .prod_content input + label .rt {
                    width: 25%;
                    padding: 0;
                    display: inline-block;
                    /*float: right;*/
                }

                    .subPageAr .prod_option .prod_content input + label .rt.traffic {
                        padding: 20px;
                        float: right;
                    }

                .subPageAr .prod_option .prod_content input + label em {
                    display: block;
                    font-size: 20px;
                    color: #6d6d6d;
                    font-weight: bold;
                    position: relative;
                }

                    .subPageAr .prod_option .prod_content input + label em .saleTag img {
                        display: inline-block;
                        margin-top: 7px;
                        margin-left: 5px;
                    }

                    .subPageAr .prod_option .prod_content input + label em:nth-child(2) {
                        font-size: 18px;
                        font-weight: lighter !important;
                    }

                    .subPageAr .prod_option .prod_content input + label em:last-child {
                        display: inline-block;
                    }

                    .subPageAr .prod_option .prod_content input + label em.mgl-50 {
                        margin-left: 50px;
                    }

                .subPageAr .prod_option .prod_content input + label .dataTit {
                    display: inline-block;
                    font-size: 20px;
                    color: #6d6d6d;
                    line-height: 60px;
                    padding-left: 50px;
                    letter-spacing: -1px;
                    font-weight: bold;
                }

            .subPageAr .prod_option .prod_content .addDetail {
                display: block;
                border-top: 1px solid #c2c2c2;
                padding: 25px;
                background-color: #eaeaea;
            }

            .subPageAr .prod_option .prod_content input:checked + label {
                border: 1px solid #3a68b2;
            }

                .subPageAr .prod_option .prod_content input:checked + label em {
                    color: #333;
                }

                .subPageAr .prod_option .prod_content input:checked + label .dataTit {
                    color: #3a68b2;
                }

                .subPageAr .prod_option .prod_content input:checked + label em:last-child {
                    color: #3a68b2;
                }

                .subPageAr .prod_option .prod_content input:checked + label.checkAr {
                    background: url(//blob.wifidosirak.com/wm-d01/dosirakmobile/images/admCheck_on.png) no-repeat 25px 35px;
                }

            .subPageAr .prod_option .prod_content input + label em .mgl-50 {
                margin-left: 50px;
            }

            .subPageAr .prod_option .prod_content input[type="radio"], .subPageAr .prod_option .prod_content input[type="checkbox"] {
                display: none;
            }

            .subPageAr .prod_option .prod_content input[type="text"] {
                display: block;
            }

.priceSelect {
    position: relative;
    display: block;
    width: 100%;
    border-radius: 10px;
    background: #3a68b2;
    color: #fff;
    font-size: 16px;
    margin: auto;
    text-align: center;
    padding: 18px 15px;
}

    .priceSelect i {
        margin-left: 5px;
    }

.subPageAr .prod_option .prod_content input + label .priceBtn {
    position: relative;
    display: block;
    width: 100%;
    height: 100px;
    line-height: 100px;
    background-color: #c2c2c2;
    margin: auto;
    box-sizing: border-box;
    text-align: center;
}

    .subPageAr .prod_option .prod_content input + label .priceBtn .btnTxt {
        color: #fff;
        font-size: 20px;
        text-align: center;
        display: inline-block;
        width: 70%;
    }

.subPageAr .prod_option .prod_content input:checked + label .priceBtn {
    background: #3a68b2;
}

/* 부가서비스 Tab */
.subPageAr .prod_option .prod_content .additionalTabAr {
    width: 100%;
    margin: auto;
    text-align: center;
    position: relative;
}

.subPageAr .prod_option .prod_content .additionalTab {
    width: 100%;
    display: inline-block;
}

    .subPageAr .prod_option .prod_content .additionalTab li {
        background: #fff;
        font-size: 18px;
        width: 110px;
        text-align: center;
        float: left;
        vertical-align: middle;
        padding: 15px 0;
        color: #3a68b2;
        cursor: pointer;
        line-height: normal;
        border: 1px solid #3a68b2;
        box-sizing: border-box;
        border-radius: 10px;
    }

        .subPageAr .prod_option .prod_content .additionalTab li:nth-of-type(n+2) {
            margin-top: 0;
            margin-left: 10px;
        }

        .subPageAr .prod_option .prod_content .additionalTab li.current {
            background: #3a68b2;
            color: #fff;
            font-weight: bold;
            position: relative;
        }


.subPageAr .prod_option .prod_content .additionalTab-contentWrap {
    display: block;
    position: relative;
    width: 100%;
    overflow-y: auto;
    padding-top: 35px;
    margin: auto;
}

.subPageAr .prod_option .prod_content .additionalTab-content {
    display: none;
    width: 100%;
    margin: auto;
    position: relative;
}

    .subPageAr .prod_option .prod_content .additionalTab-content.current {
        display: inherit;
    }

.subPageAr .prod_option .prod_content input + label .priceBtn .arrow-down {
    width: 50px;
    height: 50px;
    background: none;
    position: relative;
    margin: auto;
    color: #fff;
    display: inline-block;
}

    .subPageAr .prod_option .prod_content input + label .priceBtn .arrow-down.active {
        background: none;
    }

    .subPageAr .prod_option .prod_content input + label .priceBtn .arrow-down:before, .subPageAr .prod_option .prod_content input + label .priceBtn .arrow-down:after {
        content: "";
        display: block;
        width: 15px;
        height: 2px;
        background: #fff;
        position: absolute;
        top: 42px;
    }

    .subPageAr .prod_option .prod_content input + label .priceBtn .arrow-down:before {
        right: 21px;
        border-top-left-radius: 10px;
        border-bottom-left-radius: 10px;
        transform: rotate(45deg);
    }

    .subPageAr .prod_option .prod_content input + label .priceBtn .arrow-down:after {
        right: 12px;
        transform: rotate(-45deg);
    }

    .subPageAr .prod_option .prod_content input + label .priceBtn .arrow-down.active:before {
        transform: rotate(-45deg);
    }

    .subPageAr .prod_option .prod_content input + label .priceBtn .arrow-down.active:after {
        transform: rotate(45deg);
    }

.subPageAr .prod_option .prod_content .clause {
    position: relative;
}

    .subPageAr .prod_option .prod_content .clause li {
        position: relative;
        display: block;
        width: 100%;
        padding: 20px;
        background: #fff;
        border-bottom: 1px solid #c2c2c2;
        box-sizing: border-box;
    }

        .subPageAr .prod_option .prod_content .clause li:nth-of-type(n+2) {
            margin-top: 0;
        }

    .subPageAr .prod_option .prod_content .clause .clauseCheck {
        width: 10%;
        font-size: 20px;
        color: #333;
        text-align: center;
        display: inline-block;
        vertical-align: middle;
    }

    .subPageAr .prod_option .prod_content .clause .clauseTit {
        width: 68%;
        color: #333;
        font-size: 20px;
        text-align: left;
        display: inline-block;
        vertical-align: middle;
    }

    .subPageAr .prod_option .prod_content .clause .clauseTxt {
        display: block;
    }

    .subPageAr .prod_option .prod_content .clause .clauseArrow {
        width: 20%;
        font-size: 20px;
        color: #333;
        text-align: right;
        display: inline-block;
        vertical-align: middle;
        cursor: pointer;
        position: relative;
    }

        .subPageAr .prod_option .prod_content .clause .clauseArrow .arrowDown {
            width: 50px;
            height: 50px;
            background: none;
            position: relative;
            margin: auto;
        }

            .subPageAr .prod_option .prod_content .clause .clauseArrow .arrowDown.active {
                background: none;
            }

            .subPageAr .prod_option .prod_content .clause .clauseArrow .arrowDown:before, .subPageAr .prod_option .prod_content .clause .clauseArrow .arrowDown:after {
                content: "";
                display: block;
                width: 20px;
                height: 3px;
                background: #c2c2c2;
                position: absolute;
            }

            .subPageAr .prod_option .prod_content .clause .clauseArrow .arrowDown:before {
                right: 21px;
                border-top-left-radius: 10px;
                border-bottom-left-radius: 10px;
                transform: rotate(45deg);
            }

            .subPageAr .prod_option .prod_content .clause .clauseArrow .arrowDown:after {
                right: 8px;
                transform: rotate(-45deg);
            }

            .subPageAr .prod_option .prod_content .clause .clauseArrow .arrowDown.active:before {
                transform: rotate(-45deg);
            }

            .subPageAr .prod_option .prod_content .clause .clauseArrow .arrowDown.active:after {
                transform: rotate(45deg);
            }

    .subPageAr .prod_option .prod_content .clause input + label {
        display: inline-block;
        width: 100%;
        height: 30px;
        cursor: pointer;
        overflow: hidden;
        border: none;
        border-radius: 0;
    }

        .subPageAr .prod_option .prod_content .clause input + label.clauseCheckLabel {
            background: url(//blob.wifidosirak.com/wm-d01/dosirakmobile/images/admCheck_off.png) no-repeat 12px 0px;
        }

    .subPageAr .prod_option .prod_content .clause input:checked + label.clauseCheckLabel {
        background: url(//blob.wifidosirak.com/wm-d01/dosirakmobile/images/admCheck_on.png) no-repeat 12px 0px;
    }

/* 예상금액 플로팅 -하단 */
#priceFloat {
    position: fixed;
    display: block;
    bottom: 0;
    width: 100%;
    background: rgba(0,0,0,0.8);
    margin: auto;
    z-index: 10;
}

    #priceFloat.on {
        position: absolute;
        bottom: 220px;
    }

    #priceFloat .priceFloatAr, #priceFloat.top .priceFloatAr {
        position: relative;
        width: 1100px;
        margin: auto;
        overflow: hidden;
    }

        #priceFloat .priceFloatAr .lt {
            display: block;
            width: 50%;
            color: #fff;
            font-size: 20px;
            font-weight: bold;
            text-align: left;
            float: left;
            padding: 25px 0;
        }

        #priceFloat .priceFloatAr .rt {
            display: block;
            width: 50%;
            padding: 15px 0;
            float: right;
        }

        #priceFloat .priceFloatAr .floatTit {
            margin-right: 50px;
        }

        #priceFloat .priceFloatAr .floatPrice strong {
            color: #f7d05d;
            font-weight: bold;
        }

        #priceFloat .priceFloatAr .floatPriceBtn {
            display: block;
            width: 154px;
            padding: 12px 0;
            background: #f7d05d;
            color: #333;
            font-size: 18px;
            border-radius: 10px;
            text-align: center;
            float: right;
        }

        #priceFloat .priceFloatAr .benefitPrice {
            display: inline-block;
            font-size: 20px;
            color: #fff;
        }

            #priceFloat .priceFloatAr .benefitPrice:after {
                clear: both;
            }

        #priceFloat .priceFloatAr .benefitTxt {
            font-size: 15px;
            vertical-align: middle;
        }

            #priceFloat .priceFloatAr .benefitTxt img {
                vertical-align: middle;
            }

        #priceFloat .priceFloatAr .arrowPrice {
            width: 50px;
            height: 50px;
            background: none;
            position: relative;
            margin: auto;
            float: right;
            cursor: pointer;
            border: 1px solid #f7d05d;
            margin-left: 50px;
        }

            #priceFloat .priceFloatAr .arrowPrice.active {
                background: none;
            }

            #priceFloat .priceFloatAr .arrowPrice:before, #priceFloat .priceFloatAr .arrowPrice:after {
                content: "";
                display: block;
                width: 15px;
                height: 2px;
                background: #f7d05d;
                position: absolute;
                top: 25px;
            }

            #priceFloat .priceFloatAr .arrowPrice:before {
                right: 21px;
                border-top-left-radius: 10px;
                border-bottom-left-radius: 10px;
                transform: rotate(-45deg);
            }

            #priceFloat .priceFloatAr .arrowPrice:after {
                right: 12px;
                transform: rotate(45deg);
            }

            #priceFloat .priceFloatAr .arrowPrice.active:before {
                transform: rotate(45deg);
            }

            #priceFloat .priceFloatAr .arrowPrice.active:after {
                transform: rotate(-45deg);
            }

    #priceFloat .pricefDetail {
        display: block;
        width: 100%;
        border-top: 1px solid #f7d05d;
        margin: auto;
        overflow: hidden;
    }

        #priceFloat .pricefDetail .priceDetailAr {
            display: block;
            width: 1100px;
            margin: auto;
            padding: 25px 0;
            overflow: hidden;
        }

            #priceFloat .pricefDetail .priceDetailAr li {
                display: inline-block;
                width: 30%;
                float: left;
            }

                #priceFloat .pricefDetail .priceDetailAr li:first-child {
                    border-right: 1px dashed #f7d05d;
                    padding: 40px 35px 40px 0;
                }

                #priceFloat .pricefDetail .priceDetailAr li:nth-of-type(2) {
                    padding: 40px 0 40px 35px;
                }

                #priceFloat .pricefDetail .priceDetailAr li:nth-of-type(3) {
                    width: 40%;
                    padding-left: 70px;
                }

            #priceFloat .pricefDetail .priceDetailAr .priceMain {
                display: block;
                width: 100%;
                color: #fff;
                padding: 5px;
                position: relative;
            }
                /* 210319 추가 */
                #priceFloat .pricefDetail .priceDetailAr .priceMain:first-child {
                    border-bottom: 1px solid #fff;
                }

                #priceFloat .pricefDetail .priceDetailAr .priceMain .priceName {
                    width: 50%;
                    text-align: left;
                    font-size: 18px;
                    vertical-align: middle;
                }

                #priceFloat .pricefDetail .priceDetailAr .priceMain .priceAmount {
                    width: 50%;
                    text-align: right;
                    font-size: 18px;
                    float: right;
                }

        #priceFloat .pricefDetail .priceMain .question .tooltiptext {
            visibility: hidden;
            width: auto;
            background-color: #fff;
            color: #333;
            font-size: 12px;
            line-height: 120%;
            text-align: left;
            padding: 5px;
            border-radius: 2px;
            /* Position the tooltip text - see examples below! */
            position: absolute;
            margin-left: 10px;
            z-index: 1;
            top: 10%;
        }

            #priceFloat .pricefDetail .priceMain .question .tooltiptext em {
                display: block;
                margin-left: 5px;
            }

                #priceFloat .pricefDetail .priceMain .question .tooltiptext em:before {
                    display: inline-block;
                    content: '-';
                    margin-left: -5px;
                }


        #priceFloat .pricefDetail .priceMain .question:hover .tooltiptext {
            visibility: visible;
        }

        #priceFloat .pricefDetail .priceDetailAr .priceOption {
            display: inline-block;
            width: 50%;
            color: #fff;
        }

        #priceFloat .pricefDetail .priceDetailAr .priceAds {
            display: block;
            width: 100%;
            background: #444;
            padding: 40px 35px;
            overflow: hidden;
        }

            #priceFloat .pricefDetail .priceDetailAr .priceAds .adsTit {
                display: block;
                text-align: left;
                font-size: 18px;
                color: #fff;
                line-height: 20px;
            }

                #priceFloat .pricefDetail .priceDetailAr .priceAds .adsTit strong {
                    color: #f7d05d;
                    font-weight: bold;
                }

            #priceFloat .pricefDetail .priceDetailAr .priceAds .adsSub {
                display: block;
                text-align: left;
                font-size: 14px;
                color: #fff;
                line-height: 30px;
            }

                #priceFloat .pricefDetail .priceDetailAr .priceAds .adsSub b {
                    color: #34dbff;
                    font-weight: bold;
                }

                    #priceFloat .pricefDetail .priceDetailAr .priceAds .adsSub b:nth-of-type(2) {
                        color: #e192ff;
                    }

            #priceFloat .pricefDetail .priceDetailAr .priceAds .adsPrice {
                width: 50%;
                text-align: left;
                font-size: 14px;
                color: #fff;
            }

            #priceFloat .pricefDetail .priceDetailAr .priceAds .adsAmount {
                width: 50%;
                text-align: right;
                font-size: 14px;
                float: right;
                color: #fff;
            }

                #priceFloat .pricefDetail .priceDetailAr .priceAds .adsAmount b {
                    font-weight: normal;
                    text-decoration: line-through;
                }

                #priceFloat .pricefDetail .priceDetailAr .priceAds .adsAmount strong {
                    font-size: 16px;
                    font-weight: bold;
                }

        #priceFloat .pricefDetail .priceDetailAr .question {
            display: inline-block;
            margin-top: 5px;
            /*margin-left: 5px;*/
        }

/* 예상금액 플로팅 -상단 */
.subPageTop #priceFloat_top {
    position: absolute;
    display: block;
    top: 0;
    width: 1100px;
    background: rgba(0,0,0,0.8);
    margin: auto;
    z-index: 10;
}

    .subPageTop #priceFloat_top.on {
        position: fixed;
        top: 0px;
    }

    .subPageTop #priceFloat_top .priceFloatAr, #priceFloat.top .priceFloatAr {
        position: relative;
        width: 1100px;
        margin: auto;
        overflow: hidden;
    }

        .subPageTop #priceFloat_top .priceFloatAr .lt {
            display: block;
            width: 50%;
            color: #fff;
            font-size: 20px;
            text-align: left;
            float: left;
            padding: 25px 30px;
        }

        .subPageTop #priceFloat_top .priceFloatAr .rt {
            display: block;
            width: 50%;
            padding: 15px 30px;
            text-align: right;
            float: left;
        }

        .subPageTop #priceFloat_top .priceFloatAr .floatTit {
            margin-right: 50px;
        }

        .subPageTop #priceFloat_top .priceFloatAr .floatPrice strong {
            color: #f7d05d;
            font-weight: bold;
        }

        .subPageTop #priceFloat_top .priceFloatAr .floatPriceBtn {
            display: block;
            width: 154px;
            padding: 12px 0;
            background: #f7d05d;
            color: #333;
            font-size: 18px;
            border-radius: 10px;
            text-align: center;
            float: right;
        }

        .subPageTop #priceFloat_top .priceFloatAr .arrowPrice {
            width: 50px;
            height: 50px;
            background: none;
            position: relative;
            margin: auto;
            float: right;
            cursor: pointer;
            border: 1px solid #f7d05d;
            margin-left: 50px;
        }

            .subPageTop #priceFloat_top .priceFloatAr .arrowPrice.active {
                background: none;
            }

            .subPageTop #priceFloat_top .priceFloatAr .arrowPrice:before, .subPageTop #priceFloat_top .priceFloatAr .arrowPrice:after {
                content: "";
                display: block;
                width: 15px;
                height: 2px;
                background: #f7d05d;
                position: absolute;
                top: 25px;
            }

            .subPageTop #priceFloat_top .priceFloatAr .arrowPrice:before {
                right: 21px;
                border-top-left-radius: 10px;
                border-bottom-left-radius: 10px;
                transform: rotate(45deg);
            }

            .subPageTop #priceFloat_top .priceFloatAr .arrowPrice:after {
                right: 12px;
                transform: rotate(-45deg);
            }

            .subPageTop #priceFloat_top .priceFloatAr .arrowPrice.active:before {
                transform: rotate(-45deg);
            }

            .subPageTop #priceFloat_top .priceFloatAr .arrowPrice.active:after {
                transform: rotate(45deg);
            }

    .subPageTop #priceFloat_top .pricefDetail {
        display: block;
        width: 100%;
        border-bottom: 1px solid #f7d05d;
        margin: auto;
    }

        .subPageTop #priceFloat_top .pricefDetail .priceDetailAr {
            display: block;
            width: 1100px;
            margin: auto;
            padding: 25px 0;
            overflow: hidden;
        }

            .subPageTop #priceFloat_top .pricefDetail .priceDetailAr li {
                display: inline-block;
                width: 33.333%;
                float: left;
                padding: 40px 20px;
            }

                .subPageTop #priceFloat_top .pricefDetail .priceDetailAr li:first-child {
                    border-right: 1px dashed #f7d05d;
                }

            .subPageTop #priceFloat_top .pricefDetail .priceDetailAr .priceMain {
                display: block;
                width: 100%;
                color: #fff;
                padding: 5px;
                position: relative;
            }
                .subPageTop #priceFloat_top .pricefDetail .priceDetailAr .priceMain:first-child {
                    border-bottom: 1px solid #fff;
                }

                .subPageTop #priceFloat_top .pricefDetail .priceDetailAr .priceMain .priceName {
                    width: 50%;
                    text-align: left;
                    font-size: 18px;
                }

                .subPageTop #priceFloat_top .pricefDetail .priceDetailAr .priceMain .priceAmount {
                    width: 50%;
                    text-align: right;
                    font-size: 18px;
                    float: right;
                }

            .subPageTop #priceFloat_top .pricefDetail .priceDetailAr .priceOption {
                display: inline-block;
                width: 50%;
                color: #fff;
            }

            .subPageTop #priceFloat_top .pricefDetail .priceDetailAr .priceAds {
                display: block;
                width: 100%;
                background: #444;
                padding: 20px 35px;
                overflow: hidden;
            }

                .subPageTop #priceFloat_top .pricefDetail .priceDetailAr .priceAds .adsTit {
                    display: block;
                    text-align: left;
                    font-size: 18px;
                    color: #fff;
                    line-height: 20px;
                }

                    .subPageTop #priceFloat_top .pricefDetail .priceDetailAr .priceAds .adsTit strong {
                        color: #f7d05d;
                        font-weight: bold;
                    }

                .subPageTop #priceFloat_top .pricefDetail .priceDetailAr .priceAds .adsSub {
                    display: block;
                    text-align: left;
                    font-size: 14px;
                    color: #fff;
                    line-height: 30px;
                }

                    .subPageTop #priceFloat_top .pricefDetail .priceDetailAr .priceAds .adsSub b {
                        color: #34dbff;
                        font-weight: bold;
                    }

                        .subPageTop #priceFloat_top .pricefDetail .priceDetailAr .priceAds .adsSub b:nth-of-type(2) {
                            color: #e192ff;
                        }

                .subPageTop #priceFloat_top .pricefDetail .priceDetailAr .priceAds .adsPrice {
                    width: 50%;
                    text-align: left;
                    font-size: 14px;
                    color: #fff;
                }

                .subPageTop #priceFloat_top .pricefDetail .priceDetailAr .priceAds .adsAmount {
                    width: 50%;
                    text-align: right;
                    font-size: 14px;
                    float: right;
                    color: #fff;
                }

                    .subPageTop #priceFloat_top .pricefDetail .priceDetailAr .priceAds .adsAmount b {
                        font-weight: normal;
                        text-decoration: line-through;
                    }

                    .subPageTop #priceFloat_top .pricefDetail .priceDetailAr .priceAds .adsAmount strong {
                        font-size: 16px;
                        font-weight: bold;
                    }

            .subPageTop #priceFloat_top .pricefDetail .priceDetailAr .priceMain .question {
                display: inline-block;
                margin-top: -4px;
                margin-left: 0px;
                vertical-align: middle;
            }

                .subPageTop #priceFloat_top .pricefDetail .priceDetailAr .priceMain .question .tooltiptext {
                    visibility: hidden;
                    width: auto;
                    background-color: #fff;
                    color: #333;
                    font-size: 12px;
                    line-height: 120%;
                    text-align: left;
                    padding: 5px;
                    border-radius: 2px;
                    /* Position the tooltip text - see examples below! */
                    position: absolute;
                    margin-left: 10px;
                    z-index: 1;
                    bottom: 5%;
                }

                    .subPageTop #priceFloat_top .pricefDetail .priceDetailAr .priceMain .question .tooltiptext em {
                        display: block;
                        margin-left: 5px;
                    }

                        .subPageTop #priceFloat_top .pricefDetail .priceDetailAr .priceMain .question .tooltiptext em:before {
                            display: inline-block;
                            content: '-';
                            margin-left: -5px;
                        }

                .subPageTop #priceFloat_top .pricefDetail .priceDetailAr .priceMain .question:hover .tooltiptext {
                    visibility: visible;
                }

/* top 배너 */
.topBan {
    width: 100%;
    height: 120px;
    display: block;
    position: relative;
    margin: auto;
    background: url(//blob.wifidosirak.com/wm-d01/dosirakmobile/images/subBan_bg.jpg) no-repeat center center;
}

    .topBan .topBanAr {
        width: 1100px;
        margin: auto;
        text-align: center;
        position: relative;
    }

        .topBan .topBanAr > .close {
            width: 110px;
            height: 110px;
            background: url(//blob.wifidosirak.com/wm-d01/dosirakmobile/images/subPage_ic_close.png) no-repeat center / 26px;
            position: absolute;
            top: 0;
            right: 0;
        }

        .topBan .topBanAr .subBanTit {
            display: block;
            font-size: 30px;
            text-align: center;
            color: #fff;
            height: 120px;
            line-height: 120px;
        }

/* price centerPop Tab */
.popTabAr {
    width: 100%;
    margin: auto;
    text-align: center;
    position: relative;
}

.popTab {
    width: 100%;
    display: inline-block;
}

    .popTab li {
        background: #fff;
        font-size: 16px;
        width: 25%;
        text-align: center;
        float: left;
        vertical-align: middle;
        padding: 10px 0;
        color: #333;
        cursor: pointer;
        line-height: normal;
        border: 1px solid #ddd;
        box-sizing: border-box;
    }

        .popTab li.current {
            background: #3a68b2;
            color: #fff;
            font-weight: bold;
            border: 1px solid #3a68b2;
            position: relative;
        }

        .popTab li:first-child {
            margin-left: 2px;
        }

        .popTab li:nth-of-type(n+2) {
            margin-left: -1px;
        }

.popTab-contentWrap {
    display: block;
    position: relative;
    width: 100%;
    overflow-y: auto;
    margin: auto;
    text-align: center;
}

.popTab-content {
    display: none;
    width: 100%;
    margin: auto;
    position: relative;
}

    .popTab-content.current {
        display: inherit;
    }

.popWP {
    margin: auto;
    text-align: center;
}

    .popWP .popSelectAr {
        padding: 12px 0;
        text-align: right;
    }

    .popWP select {
        -webkit-appearance: none; /* 네이티브 외형 감추기 */
        -moz-appearance: none;
        appearance: none;
        background: url('//blob.wifidosirak.com/wm-d01/dosirakmobile/images/selectArrow.png') no-repeat 95% 50%; /* 화살표 모양의 이미지 */
    }
        /* IE 10, 11의 네이티브 화살표 숨기기 */
        .popWP select::-ms-expand {
            display: none;
        }

    .popWP select {
        width: 160px; /* 원하는 너비설정 */
        padding: 8px 10px; /* 여백으로 높이 설정 */
        font-family: inherit; /* 폰트 상속 */
        background: url('//blob.wifidosirak.com/wm-d01/dosirakmobile/images/selectArrow_pop.png') no-repeat 95% 54%; /* 네이티브 화살표를 커스텀 화살표로 대체 */
        /*background-color: #eaeaea;*/
        border: 1px solid #c2c2c2;
        color: #333;
        font-size: 14px;
        -webkit-appearance: none; /* 네이티브 외형 감추기 */
        -moz-appearance: none;
        appearance: none;
    }

        .popWP select:focus {
            outline: none;
        }

        .popWP select option {
            background-color: #fff;
            color: #333;
        }

    .popWP .price_content {
        position: relative;
        display: block;
        width: 100%;
        margin: auto;
        width: 100%;
        text-align: center;
    }

    .popWP .price_content {
        display: inline-block;
        width: 100%;
    }

        .popWP .price_content li:nth-of-type(n+2) {
            margin-top: 10px;
        }

        .popWP .price_content .admAds {
            display: block;
            width: 100%;
            padding: 25px;
            border: 1px solid #c2c2c2;
            border-radius: 20px;
            background: #f9f9f9;
        }

            .popWP .price_content .admAds em.adsTit {
                display: block;
                font-size: 20px;
                color: #333;
                font-weight: bold;
            }

            .popWP .price_content .admAds em .adsBenefit {
                font-size: 16px;
                color: #333;
            }

                .popWP .price_content .admAds em .adsBenefit img {
                    vertical-align: middle;
                }

        .popWP .price_content input + label {
            display: inline-block;
            width: 100%;
            border: 1px solid #c2c2c2;
            cursor: pointer;
            border-radius: 20px;
            overflow: hidden;
        }

            .popWP .price_content input + label.checkAr {
                background: url(//blob.wifidosirak.com/wm-d01/dosirakmobile/images/admCheck_off.png) no-repeat 25px 35px;
                text-align: left;
            }

            .popWP .price_content input + label .lt {
                display: inline-block;
                width: 75%;
                float: left;
                padding: 20px 25px;
            }

            .popWP .price_content input + label .rt {
                width: 25%;
                padding: 20px 0;
                display: inline-block;
            }

            .popWP .price_content input + label em {
                display: block;
                font-size: 20px;
                color: #6d6d6d;
                font-weight: bold;
                position: relative;
            }

                .popWP .price_content input + label em:nth-child(2) {
                    font-size: 18px;
                    font-weight: lighter !important;
                }

                .popWP .price_content input + label em:last-child {
                    display: inline-block;
                }

                .popWP .price_content input + label em.mgl-50 {
                    margin-left: 50px;
                }

        .popWP .price_content input:checked + label {
            border: 1px solid #3a68b2;
        }

            .popWP .price_content input:checked + label em {
                color: #333;
            }

                .popWP .price_content input:checked + label em:last-child {
                    color: #3a68b2;
                }

            .popWP .price_content input:checked + label.checkAr {
                background: url(//blob.wifidosirak.com/wm-d01/dosirakmobile/images/admCheck_on.png) no-repeat 25px 35px;
            }

        .popWP .price_content input + label em .mgl-50 {
            margin-left: 50px;
        }

        .popWP .price_content input {
            display: none;
        }

            .popWP .price_content input + label .priceSection {
                position: relative;
                display: block;
                width: 100%;
                margin: auto;
                box-sizing: border-box;
                text-align: center;
            }

                .popWP .price_content input + label .priceSection .priceTxt {
                    color: #333;
                    font-size: 20px;
                    text-align: center;
                    display: inline-block;
                    width: 70%;
                }

                    .popWP .price_content input + label .priceSection .priceTxt .pTit {
                        font-size: 14px;
                    }

                    .popWP .price_content input + label .priceSection .priceTxt .pAmount {
                        font-weight: bold;
                        font-size: 25px;
                    }

                .popWP .price_content input + label .priceSection .arrow {
                    width: 40px;
                    height: 20px;
                    background: none;
                    position: relative;
                    margin: auto;
                    display: inline-block;
                }

                    .popWP .price_content input + label .priceSection .arrow.active {
                        background: none;
                    }

                    .popWP .price_content input + label .priceSection .arrow:before, .popWP .price_content input + label .priceSection .arrow:after {
                        content: "";
                        display: block;
                        width: 20px;
                        height: 3px;
                        background: #c2c2c2;
                        position: absolute;
                    }

                    .popWP .price_content input + label .priceSection .arrow:before {
                        right: 21px;
                        border-top-left-radius: 10px;
                        border-bottom-left-radius: 10px;
                        transform: rotate(45deg);
                    }

                    .popWP .price_content input + label .priceSection .arrow:after {
                        right: 8px;
                        transform: rotate(-45deg);
                    }

                    .popWP .price_content input + label .priceSection .arrow.active:before {
                        transform: rotate(-45deg);
                    }

                    .popWP .price_content input + label .priceSection .arrow.active:after {
                        transform: rotate(45deg);
                    }

            .popWP .price_content input:checked + label .priceSection .arrow:before, .popWP .price_content input:checked + label .priceSection .arrow:after {
                background: #3a68b2;
            }

    .popWP .selectBtn {
        display: inline-block;
        padding: 10px 120px;
        background: #3a68b2;
        color: #fff;
        font-size: 16px;
        margin: auto;
        text-align: center;
        border-radius: 10px;
        margin: 25px 0 50px;
    }

    .popWP .price_content .priceDt {
        display: none;
        background-color: #eaeaea;
        padding: 18px 75px;
        border-top: 1px solid #a7a7a7;
    }

        .popWP .price_content .priceDt.current {
            display: block;
        }

        .popWP .price_content .priceDt:not() span {
            display: block;
            font-size: 15px;
            text-align: left;
            color: #333;
        }

    .popWP .appConfirm {
        display: block;
        position: relative;
    }

    .popWP .appTit {
        display: block;
        width: 100%;
        text-align: left;
        font-size: 20px;
        font-weight: bold;
        color: #333;
        padding-bottom: 15px;
        border-bottom: 2px solid #333;
    }

    .popWP .appConfirm li {
        width: 100%;
        padding: 15px 20px;
        border-bottom: 1px solid #c2c2c2;
        text-align: left;
    }

        .popWP .appConfirm li:last-child {
            border-bottom: none;
        }

        .popWP .appConfirm li .confirmTit {
            display: inline-block;
            width: 30%;
            text-align: left;
            font-size: 18px;
            color: #333;
            font-weight: bold;
        }

        .popWP .appConfirm li .confirmTxt {
            width: 70%;
            text-align: left;
            font-size: 18px;
            color: #646464;
            font-weight: lighter;
        }

    .popWP .noticeAr {
        display: block;
        width: 100%;
        background-color: #eaeaea;
        border: 1px solid #a7a7a7;
        padding: 15px 20px;
        box-sizing: border-box;
        margin-top: 10px;
        text-align: left;
    }

        .popWP .noticeAr .nt_Tit {
            display: block;
            font-size: 15px;
            color: #333;
            margin-bottom: 5px;
        }

        .popWP .noticeAr .nt_Txt {
            display: block;
            font-size: 15px;
            color: #333;
            line-height: 140%;
            margin-left: 2px;
        }

            .popWP .noticeAr .nt_Txt:before {
                content: '-';
                margin-right: 2px;
            }

    .popWP .price_content .chargeGuide {
        position: relative;
        margin-top: 40px;
    }

        .popWP .price_content .chargeGuide li {
            position: relative;
            display: block;
            width: 100%;
            background: #fff;
            border: 1px solid #3a68b2;
            box-sizing: border-box;
            border-radius: 20px;
            overflow: hidden;
        }

            .popWP .price_content .chargeGuide li:nth-of-type(n+2) {
                margin-top: 10px;
            }

        .popWP .price_content .chargeGuide .guideTop {
            display: block;
            padding: 20px;
        }

        .popWP .price_content .chargeGuide .guideTit {
            width: 75%;
            color: #333;
            font-size: 20px;
            font-weight: bold;
            text-align: left;
            display: inline-block;
            vertical-align: middle;
        }

            .popWP .price_content .chargeGuide .guideTit.blu {
                width: 100%;
                display: block;
                color: #3a68b2;
            }

        .popWP .price_content .chargeGuide .guideTxt {
            width: 100%;
            display: block;
            color: #5b5b5b;
            font-size: 20px;
            text-align: left;
            font-weight: lighter;
        }

        .popWP .price_content .chargeGuide .guideBottom {
            display: none;
            background: #eaeaea;
            padding: 20px;
            border-top: 1px solid #c2c2c2;
            text-align: left;
        }
    
    .popWP .price_content .guideBottom:not() span {
        display: block;
        font-size: 15px;
        text-align: left;
        color: #333;
    }

            /*.popWP .price_content .chargeGuide .guideBottom span {
                display: block;
                font-size: 15px;
                text-align: left;
                color: #333;
            }*/

        .popWP .price_content .chargeGuide .guideArrow {
            width: 24%;
            padding: 20px;
            text-align: right;
            display: inline-block;
            vertical-align: middle;
            cursor: pointer;
            position: relative;
        }

            .popWP .price_content .chargeGuide .guideArrow .arrowDown {
                width: 50px;
                height: 50px;
                background: none;
                position: relative;
                margin: auto;
            }

                .popWP .price_content .chargeGuide .guideArrow .arrowDown.active {
                    background: none;
                }

                .popWP .price_content .chargeGuide .guideArrow .arrowDown:before, .popWP .price_content .chargeGuide .guideArrow .arrowDown:after {
                    content: "";
                    display: block;
                    width: 18px;
                    height: 3px;
                    background: #3a68b2;
                    position: absolute;
                }

                .popWP .price_content .chargeGuide .guideArrow .arrowDown:before {
                    right: 22px;
                    border-top-left-radius: 10px;
                    border-bottom-left-radius: 10px;
                    transform: rotate(30deg);
                }

                .popWP .price_content .chargeGuide .guideArrow .arrowDown:after {
                    right: 8px;
                    transform: rotate(-30deg);
                }

                .popWP .price_content .chargeGuide .guideArrow .arrowDown.active:before {
                    transform: rotate(-30deg);
                }

                .popWP .price_content .chargeGuide .guideArrow .arrowDown.active:after {
                    transform: rotate(30deg);
                }

    .popWP .priceDetailTb table {
        width: 100%;
        margin: 16px 0;
    }

    .popWP .priceDetailTb thead {
        background-color: #eaeaea;
        border-top: 1px solid #a7a7a7;
        border-bottom: 1px solid #a7a7a7;
        text-align: center;
    }

        .popWP .priceDetailTb thead th {
            height: 74px;
            line-height: 74px;
            font-size: 15px;
            color: #333;
            font-weight: bold;
            text-align: center;
        }

    .popWP .priceDetailTb tbody tr {
        border-bottom: 1px solid #a7a7a7;
        text-align: center;
    }

    .popWP .priceDetailTb tbody td {
        height: 74px;
        line-height: 74px;
        font-size: 15px;
        color: #333;
        text-align: center;
    }

        .popWP .priceDetailTb thead th:last-of-type, .popWP .priceDetailTb tbody td:last-of-type {
            padding-right: 15px;
        }

    .popWP .priceDetailTb .note_Txt {
        display: block;
        text-align: left;
        font-size: 15px;
        color: #333;
        line-height: 140%;
        margin-left: 2px;
    }

        .popWP .priceDetailTb .note_Txt:before {
            content: '-';
            margin-right: 2px;
        }

    .popWP .refundInfo {
        display: block;
        text-align: left;
        width: 100%;
        margin-top: 20px;
    }

        .popWP .refundInfo .refundTit {
            display: block;
            text-align: left;
            font-size: 20px;
            font-weight: bold;
            color: #3a68b2;
        }

        .popWP .refundInfo .inputAr {
            display: block;
            overflow: hidden;
            position: relative;
            padding: 8px 0;
        }


            .popWP .refundInfo .inputAr .inpGroup {
                display: block;
            }

                .popWP .refundInfo .inputAr .inpGroup .grouping {
                    display: inline-block;
                    margin-left: 14px;
                    vertical-align: middle;
                }

        .popWP .refundInfo select {
            display: inline-block;
            border-radius: 5px;
            border: 1px solid #c2c2c2;
            height: 46px;
            line-height: 46px;
            width: 200px;
            box-sizing: border-box;
            padding: 0 10px;
            background: url('//blob.wifidosirak.com/wm-d01/dosirakmobile/images/selectArrow_pop.png') no-repeat 95% 54%; /* 네이티브 화살표를 커스텀 화살표로 대체 */
            color: #5b5b5b;
            font-size: 18px;
            -webkit-appearance: none; /* 네이티브 외형 감추기 */
            -moz-appearance: none;
            appearance: none;
        }

            .popWP .refundInfo select.full {
                width: 100%;
                background-position: 98% 54%;
            }

        .popWP .refundInfo .inputAr input[type=text] {
            display: inline-block;
            box-sizing: border-box;
            height: 46px;
            border-radius: 5px;
            border: 1px solid #c2c2c2;
            vertical-align: middle;
            padding-left: 10px;
            font-size: 18px;
        }

            .popWP .refundInfo .inputAr input[type=text].full {
                width: 100%;
            }

        .popWP .refundInfo .inputAr textarea {
            width: 100%;
            min-height: 300px;
            display: block;
            border-radius: 5px;
            border: 1px solid #c2c2c2;
            vertical-align: middle;
            padding: 10px;
            font-size: 18px;
        }

            .popWP .refundInfo .inputAr textarea:focus {
                outline: none;
            }

/* subpage Tab */
.subStepWrap {
    display: block;
    position: relative;
    width: 1100px;
    margin: auto;
    margin-top: 80px;
}

    .subStepWrap.topz {
        margin-top: 0;
    }

    .subStepWrap .stepAr {
        display: block;
        position: relative;
        width: 100%;
        padding: 35px 0;
        overflow: hidden;
        background: url('//blob.wifidosirak.com/wm-d01/dosirakmobile/images/step_line.png') no-repeat center center;
    }

        .subStepWrap .stepAr li {
            display: inline-block;
            width: 33.3%;
            float: left;
            text-align: center;
            margin: auto;
        }

            .subStepWrap .stepAr li .stepNum {
                display: inline-block;
                width: auto;
                padding: 8px 15px;
                background-color: #c2c2c2;
                color: #fff;
                font-size: 16px;
                border-radius: 30px;
                float: left;
            }

                .subStepWrap .stepAr li .stepNum b {
                    margin-left: 5px;
                    font-weight: normal;
                }

                .subStepWrap .stepAr li .stepNum.on {
                    background-color: #3a68b2;
                }

            .subStepWrap .stepAr li:nth-child(2) .stepNum {
                margin: auto;
                float: none;
            }

            .subStepWrap .stepAr li:nth-child(3) .stepNum {
                float: right;
            }

.subTabAr {
    width: 100%;
    margin: auto;
    text-align: center;
    position: relative;
}

.subTab {
    width: 1100px;
    display: inline-block;
}

    .subTab li {
        background: #fff;
        font-size: 22px;
        text-align: center;
        float: left;
        vertical-align: middle;
        padding: 10px 0;
        color: #333;
        cursor: pointer;
        line-height: normal;
        border: 1px solid #ddd;
        box-sizing: border-box;
    }

        .subTab li.current {
            background: #3a68b2;
            color: #fff;
            font-weight: bold;
            border: 1px solid #3a68b2;
            position: relative;
        }

        .subTab li:first-child:nth-last-child(1) {
            width: 100%;
        }

        .subTab li:first-child:nth-last-child(2),
        .subTab li:first-child:nth-last-child(2) ~ li {
            width: 50%;
        }

        .subTab li:first-child:nth-last-child(3),
        .subTab li:first-child:nth-last-child(3) ~ li {
            width: 33.3333%;
        }

        .subTab li:first-child:nth-last-child(4),
        .subTab li:first-child:nth-last-child(4) ~ li {
            width: 25%;
        }

        .subTab li:first-child:nth-last-child(5),
        .subTab li:first-child:nth-last-child(5) ~ li {
            width: 20%;
        }


        .subTab li:first-child:nth-last-child(6),
        .subTab li:first-child:nth-last-child(6) ~ li {
            width: 16.6%;
        }

        .subTab li.current span {
            position: absolute;
            top: 100%;
            left: 50%;
            display: block;
            width: 23px;
            height: 11px;
            background: url('//blob.wifidosirak.com/wm-d01/dosirakmobile/images/tab_on_img.png') no-repeat 0 0;
            transform: translate(-50%, 0%);
        }

.subTab-contentWrap {
    display: block;
    position: relative;
    width: 100%;
    overflow-y: auto;
    padding-top: 50px;
    margin: auto;
}

.subTab-content {
    display: none;
    width: 1100px;
    margin: auto;
    position: relative;
}

    .subTab-content.current {
        display: inherit;
    }

.subPageAr .prod_option .prod_content.document input {
    display: inline-block;
    box-sizing: border-box;
    height: 46px;
    border-radius: 5px;
    border: 1px solid #c2c2c2;
    vertical-align: middle;
    padding-left: 20px;
    font-size: 18px;
}

.subPageAr .prod_option .prod_content.document select {
    display: block;
}

.subPageAr .prod_option .prod_content.document input::placeholder {
    color: #5b5b5b;
    font-size: 18px;
}

.subPageAr .prod_option .prod_content .inputTit {
    display: block;
    text-align: left;
    font-size: 18px;
    color: #333;
}

    .subPageAr .prod_option .prod_content .inputTit:nth-of-type(n+2) {
        margin-top: 10px;
    }

.subPageAr .prod_option .prod_content .inputAr {
    display: block;
    overflow: hidden;
    position: relative;
    padding: 8px 0;
}

    .subPageAr .prod_option .prod_content .inputAr input.name {
        width: 300px;
    }

    .subPageAr .prod_option .prod_content .inputAr input.code {
        width: 300px;
    }

    .subPageAr .prod_option .prod_content .inputAr input.idNum {
        width: 532px;
    }

    .subPageAr .prod_option .prod_content .inputAr input.driverNum {
        width: 404px;
    }

    .subPageAr .prod_option .prod_content .inputAr input.idCardDate {
        width: 722px;
    }

    .subPageAr .prod_option .prod_content .inputAr input.dlCardDate {
        width: 378px;
    }

    .subPageAr .prod_option .prod_content .inputAr input.quarter {
        width: 200px;
    }

    .subPageAr .prod_option .prod_content .inputAr input.wdDate {
        position: relative;
        width: 300px;
        background: url('//blob.wifidosirak.com/wm-d01/dosirakmobile/images/wdCal.png') no-repeat 96% center;
        background-size: 30px 30px;
        cursor: pointer;
    }

        .subPageAr .prod_option .prod_content .inputAr input.wdDate:after {
            display: block;
            position: absolute;
            top: 0;
            right: 5px;
            content: '';
            width: 30px;
            height: 30px;
        }

    .subPageAr .prod_option .prod_content .inputAr input.quarter:nth-of-type(2) {
        margin-left: 14px;
    }

    .subPageAr .prod_option .prod_content .inputAr input.inputFull {
        width: 100%;
    }

    .subPageAr .prod_option .prod_content .inputAr input.gray {
        background-color: #eaeaea;
    }

    .subPageAr .prod_option .prod_content .inputAr .inpGroup {
        display: block;
    }

        .subPageAr .prod_option .prod_content .inputAr .inpGroup .grouping {
            display: inline-block;
            margin-left: 14px;
            vertical-align: middle;
        }

            .subPageAr .prod_option .prod_content .inputAr .inpGroup .grouping .id_alert {
                display: block;
                font-size: 15px;
                color: #e45757;
                text-align: left;
                padding: 5px;
                position: absolute;
                top: 15px;
                right: 20px;
            }

    .subPageAr .prod_option .prod_content .inputAr .idDate, .subPageAr .prod_option .prod_content .inputAr .idDate2 {
        display: inline-block;
        text-align: left;
        color: #333;
        font-size: 18px;
        position: relative;
        margin-left: 25px;
        margin-right: 20px;
        line-height: 46px;
    }

        .subPageAr .prod_option .prod_content .inputAr .idDate:before {
            position: absolute;
            content: '';
            width: 21px;
            height: 21px;
            background: url('//blob.wifidosirak.com/wm-d01/dosirakmobile/images/idDate.png') no-repeat 0 0;
            margin-top: 13px;
            margin-left: -25px;
        }

        .subPageAr .prod_option .prod_content .inputAr .idDate2:before {
            position: absolute;
            content: '';
            width: 21px;
            height: 21px;
            background: url('//blob.wifidosirak.com/wm-d01/dosirakmobile/images/idDate2.png') no-repeat 0 0;
            margin-top: 13px;
            margin-left: -25px;
        }

.subPageAr .prod_option .prod_content.document select::-ms-expand {
    display: none;
}

.subPageAr .prod_option .prod_content.document select {
    display: inline-block;
    border-radius: 5px;
    border: 1px solid #c2c2c2;
    height: 46px;
    line-height: 46px;
    width: 300px;
    box-sizing: border-box;
    padding: 0 20px;
    background: url('//blob.wifidosirak.com/wm-d01/dosirakmobile/images/selectArrow_pop.png') no-repeat 95% 54%; /* 네이티브 화살표를 커스텀 화살표로 대체 */
    color: #5b5b5b;
    font-size: 18px;
    -webkit-appearance: none; /* 네이티브 외형 감추기 */
    -moz-appearance: none;
    appearance: none;
}

    .subPageAr .prod_option .prod_content.document select.quarter {
        width: 198px;
    }

        .subPageAr .prod_option .prod_content.document select.quarter:nth-of-type(n+2) {
            margin-left: 15px;
        }

    .subPageAr .prod_option .prod_content.document select:focus {
        outline: none;
    }

    .subPageAr .prod_option .prod_content.document select option {
        background-color: #fff;
        color: #333;
    }

.subPageAr .prod_option .prod_content.document .appConfirm select::-ms-expand {
    display: none;
}

.subPageAr .prod_option .prod_content.document .appConfirm select {
    display: inline-block;
    border: none;
    padding: 0;
    height: 20px;
    line-height: 20px;
    width: 65%;
    box-sizing: border-box;
    background: url('//blob.wifidosirak.com/wm-d01/dosirakmobile/images/selectArrow_pop.png') no-repeat 95% 54%; /* 네이티브 화살표를 커스텀 화살표로 대체 */
    color: #646464;
    font-size: 18px;
    -webkit-appearance: none; /* 네이티브 외형 감추기 */
    -moz-appearance: none;
    appearance: none;
    vertical-align: baseline;
}

    .subPageAr .prod_option .prod_content.document .appConfirm select.selectAmount {
        width: 200px;
    }

    .subPageAr .prod_option .prod_content.document .appConfirm select:focus {
        outline: none;
    }

    .subPageAr .prod_option .prod_content.document .appConfirm select option {
        background-color: #fff;
        color: #646464;
    }

.subPageAr .prod_option .prod_content .idCard {
    display: block;
    width: 100%;
    margin: auto;
    text-align: left;
    padding: 30px 0 20px;
}

.subPageAr .prod_option .prod_content .paymentTab {
    width: 100%;
    display: inline-block;
}

    .subPageAr .prod_option .prod_content .paymentTab li {
        background: #fff;
        font-size: 18px;
        text-align: center;
        float: left;
        vertical-align: middle;
        padding: 15px 0;
        color: #333;
        cursor: pointer;
        line-height: normal;
        border: 1px solid #c2c2c2;
        box-sizing: border-box;
    }

        .subPageAr .prod_option .prod_content .paymentTab li:nth-of-type(n+2) {
            margin-top: 0;
            margin-left: -1px;
        }

        .subPageAr .prod_option .prod_content .paymentTab li.active {
            color: #3a68b2;
            border: 1px solid #3a68b2;
            font-weight: bold;
            position: relative;
        }

        .subPageAr .prod_option .prod_content .paymentTab li:first-child:nth-last-child(1) {
            width: 100%;
        }

        .subPageAr .prod_option .prod_content .paymentTab li:first-child:nth-last-child(2),
        .subPageAr .prod_option .prod_content .paymentTab li:first-child:nth-last-child(2) ~ li {
            width: 50%;
        }

        .subPageAr .prod_option .prod_content .paymentTab li:first-child:nth-last-child(3),
        .subPageAr .prod_option .prod_content .paymentTab li:first-child:nth-last-child(3) ~ li {
            width: 33.3333%;
        }

        .subPageAr .prod_option .prod_content .paymentTab li:first-child:nth-last-child(4),
        .subPageAr .prod_option .prod_content .paymentTab li:first-child:nth-last-child(4) ~ li {
            width: 25%;
        }

        .subPageAr .prod_option .prod_content .paymentTab li:first-child:nth-last-child(5),
        .subPageAr .prod_option .prod_content .paymentTab li:first-child:nth-last-child(5) ~ li {
            width: 20%;
        }


        .subPageAr .prod_option .prod_content .paymentTab li:first-child:nth-last-child(6),
        .subPageAr .prod_option .prod_content .paymentTab li:first-child:nth-last-child(6) ~ li {
            width: 16.6%;
        }

.subPageAr .prod_option .prod_content .paymentTab-content {
    display: none;
    width: 100%;
    margin: auto;
    position: relative;
}

    .subPageAr .prod_option .prod_content .paymentTab-content.active {
        display: inherit;
    }

.subPageAr .prod_option .prod_content .confirmTab, .subPageAr .prod_option .prod_content .confirmMinorTab, .subPageAr .prod_option .prod_content .confirmForeignTab {
    width: 100%;
    display: inline-block;
}

    .subPageAr .prod_option .prod_content .confirmTab li, .subPageAr .prod_option .prod_content .confirmMinorTab li, .subPageAr .prod_option .prod_content .confirmForeignTab li {
        background: #fff;
        font-size: 18px;
        width: 50%;
        text-align: center;
        float: left;
        vertical-align: middle;
        padding: 15px 0;
        color: #333;
        cursor: pointer;
        line-height: normal;
        border: 1px solid #c2c2c2;
        box-sizing: border-box;
    }

        .subPageAr .prod_option .prod_content .confirmTab li:nth-of-type(n+2), .subPageAr .prod_option .prod_content .confirmMinorTab li:nth-of-type(n+2), .subPageAr .prod_option .prod_content .confirmForeignTab li:nth-of-type(n+2) {
            margin-top: 0;
            margin-left: -1px;
        }

        .subPageAr .prod_option .prod_content .confirmTab li.active, .subPageAr .prod_option .prod_content .confirmMinorTab li.active, .subPageAr .prod_option .prod_content .confirmForeignTab li.active {
            color: #3a68b2;
            border: 1px solid #3a68b2;
            font-weight: bold;
            position: relative;
        }

        .subPageAr .prod_option .prod_content .confirmTab li:first-child:nth-last-child(1) {
            width: 100%;
        }

        .subPageAr .prod_option .prod_content .confirmTab li:first-child:nth-last-child(2),
        .subPageAr .prod_option .prod_content .confirmTab li:first-child:nth-last-child(2) ~ li {
            width: 50%;
        }

        .subPageAr .prod_option .prod_content .confirmTab li:first-child:nth-last-child(3),
        .subPageAr .prod_option .prod_content .confirmTab li:first-child:nth-last-child(3) ~ li {
            width: 33.3333%;
        }

        .subPageAr .prod_option .prod_content .confirmTab li:first-child:nth-last-child(4),
        .subPageAr .prod_option .prod_content .confirmTab li:first-child:nth-last-child(4) ~ li {
            width: 25%;
        }

        .subPageAr .prod_option .prod_content .confirmTab li:first-child:nth-last-child(5),
        .subPageAr .prod_option .prod_content .confirmTab li:first-child:nth-last-child(5) ~ li {
            width: 20%;
        }


        .subPageAr .prod_option .prod_content .confirmTab li:first-child:nth-last-child(6),
        .subPageAr .prod_option .prod_content .confirmTab li:first-child:nth-last-child(6) ~ li {
            width: 16.6%;
        }

.subPageAr .prod_option .prod_content .confirmTab-content, .subPageAr .prod_option .prod_content .confirmMinorTab-content, .subPageAr .prod_option .prod_content .confirmForeignTab-content {
    display: none;
    width: 100%;
    margin: auto;
    position: relative;
}

    .subPageAr .prod_option .prod_content .confirmTab-content.active, .subPageAr .prod_option .prod_content .confirmMinorTab-content.active, .subPageAr .prod_option .prod_content .confirmForeignTab-content.active {
        display: inherit;
    }

.subPageAr .prod_option .prod_content .noteAr {
    display: block;
    margin-top: 10px;
    background: #eaeaea;
    border: 1px solid #c2c2c2;
    padding: 30px 20px;
}

    .subPageAr .prod_option .prod_content .noteAr .noticeTit {
        display: block;
        font-size: 15px;
        font-weight: bold;
        color: #333;
        line-height: 140%;
        margin-bottom: 5px;
    }

        .subPageAr .prod_option .prod_content .noteAr .noticeTit.blu {
            color: #3a68b2;
        }

        .subPageAr .prod_option .prod_content .noteAr .noticeTit:nth-of-type(n+2) {
            margin-top: 10px;
        }

    .subPageAr .prod_option .prod_content .noteAr .noticeTxt {
        display: block;
        font-size: 15px;
        color: #333;
        line-height: 140%;
        margin-left: 10px;
    }

        .subPageAr .prod_option .prod_content .noteAr .noticeTxt:before {
            content: '-';
            margin-left: -8px;
            margin-right: 3px;
        }

.subPageAr .prod_option .prod_content .btnAr {
    display: block;
    padding-top: 30px;
}

    .subPageAr .prod_option .prod_content .btnAr.center {
        margin: auto;
        text-align: center;
    }

        .subPageAr .prod_option .prod_content .btnAr.center.mL {
            margin-left: 60px;
        }

    .subPageAr .prod_option .prod_content .btnAr .btnBefore {
        display: inline-block;
        background: #c2c2c2;
        color: #fff;
        font-size: 20px;
        padding: 18px 0;
        width: 152px;
        border-radius: 5px;
    }

    .subPageAr .prod_option .prod_content .btnAr .btnCertify {
        display: inline-block;
        background: #3a68b2;
        color: #fff;
        font-size: 20px;
        padding: 18px 0;
        width: 240px;
        border-radius: 5px;
    }

        .subPageAr .prod_option .prod_content .btnAr .btnCertify.center {
            margin: auto;
            text-align: center;
        }

    .subPageAr .prod_option .prod_content .btnAr button:nth-of-type(n+2) {
        margin-left: 15px;
    }

.subPageAr .prod_option .prod_content .inputAr .check-btn {
    position: relative;
    display: block;
    background: url('//blob.wifidosirak.com/wm-d01/dosirakmobile/images/inputChk_off.png') no-repeat 0 0;
    cursor: pointer;
    padding-left: 24px;
    line-height: 21px;
    color: #333;
    font-size: 18px;
}

    .subPageAr .prod_option .prod_content .inputAr .check-btn.active {
        background: url('//blob.wifidosirak.com/wm-d01/dosirakmobile/images/inputChk_on.png') no-repeat 0 0;
    }

.subPageAr .prod_option .prod_content .inputNote {
    display: block;
    text-align: right;
    font-size: 14px;
    color: #3a68b2;
    float: right;
}

    .subPageAr .prod_option .prod_content .inputNote.myPage {
        color: #333;
    }

        .subPageAr .prod_option .prod_content .inputNote.myPage a {
            color: #3a68b2;
            font-weight: bold;
        }

.subPageAr .prod_option .prod_content .inputNotice {
    display: block;
    text-align: left;
    font-size: 14px;
    color: #3a68b2;
}

.subPageAr .prod_option .prod_content .inputAr .inputBtn {
    position: relative;
    display: inline-block;
    cursor: pointer;
    width: 300px;
    height: 46px;
    color: #3a68b2;
    font-size: 18px;
    text-align: center;
    border: 1px solid #3a68b2;
    box-sizing: border-box;
    border-radius: 5px;
}

.subPageAr .prod_option .prod_content .inputAr .checkBtn {
    position: relative;
    display: inline-block;
    cursor: pointer;
    width: 198px;
    height: 46px;
    color: #3a68b2;
    font-size: 18px;
    text-align: center;
    border: 1px solid #3a68b2;
    box-sizing: border-box;
    border-radius: 5px;
}

.subPageAr .prod_option .prod_content .banAr {
    display: block;
    width: 850px;
    margin: auto;
    margin-bottom: 10px;
}

/* 가입신청서_가입완료 */
.subPageAr .prod_option .prod_content .appConfirm {
    display: block;
    position: relative;
}

    .subPageAr .prod_option .prod_content .appConfirm li {
        display: block;
        width: 100%;
        padding: 15px 20px;
        border-bottom: 1px solid #c2c2c2;
        text-align: left;
    }

        .subPageAr .prod_option .prod_content .appConfirm li:after {
            display: block;
            content: '';
            clear: both;
            float: none;
        }

        .subPageAr .prod_option .prod_content .appConfirm li .balance {
            display: inline-block;
            font-size: 18px;
            color: #3a68b2;
        }

        .subPageAr .prod_option .prod_content .appConfirm li:nth-of-type(n+2) {
            margin-top: 0;
        }

        .subPageAr .prod_option .prod_content .appConfirm li:first-child {
            border-top: 1px solid #c2c2c2;
        }

        .subPageAr .prod_option .prod_content .appConfirm li .confirmTit {
            display: inline-block;
            width: 30%;
            text-align: left;
            font-size: 18px;
            color: #333;
            font-weight: bold;
            float: left;
        }

        .subPageAr .prod_option .prod_content .appConfirm li .confirmTxt {
            display: inline-block;
            width: 70%;
            text-align: left;
            font-size: 18px;
            color: #646464;
            font-weight: lighter;
            float: right;
        }

            .subPageAr .prod_option .prod_content .appConfirm li .confirmTxt .txtTit {
                display: inline-block;
                width: 30%;
            }

.subPageAr .prod_option .prod_content .btnWide {
    width: 100%;
    height: 55px;
    display: block;
    border-radius: 5px;
    background: #fff;
    color: #3a68b2;
    border: 1px solid #3a68b2;
    box-sizing: border-box;
    text-align: center;
    font-size: 20px;
    margin-top: 20px;
}

    .subPageAr .prod_option .prod_content .btnWide.blue {
        background: #3a68b2;
        color: #fff;
    }

/* 도시락모바일 요금제 */
.chargeAr {
    display: block;
    position: relative;
    width: 1100px;
    margin: auto;
    padding-bottom: 50px;
}

    .chargeAr .chargeArTit {
        display: block;
        padding: 40px 0;
    }

    .chargeAr .chargeSelect li {
        display: inline-block;
        width: 30%;
        border: 1px solid #c2c2c2;
        border-radius: 10px;
        padding: 25px;
        margin: auto;
        box-sizing: border-box;
        float: left;
    }

        .chargeAr .chargeSelect li:nth-of-type(n+2) {
            margin-left: 5%;
        }

    .chargeAr .chargeSelect .menuTit {
        display: block;
        text-align: left;
        font-size: 18px;
        color: #333;
    }

    .chargeAr .chargeSelect select::-ms-expand {
        display: none;
    }

    .chargeAr .chargeSelect select {
        display: inline-block;
        border-radius: 5px;
        border: 1px solid #c2c2c2;
        height: 46px;
        line-height: 46px;
        width: 100%;
        box-sizing: border-box;
        margin-top: 20px;
        padding: 0 20px;
        background: url('//blob.wifidosirak.com/wm-d01/dosirakmobile/images/selectArrow_pop.png') no-repeat 95% 54%; /* 네이티브 화살표를 커스텀 화살표로 대체 */
        color: #5b5b5b;
        font-size: 18px;
        -webkit-appearance: none; /* 네이티브 외형 감추기 */
        -moz-appearance: none;
        appearance: none;
    }

        .chargeAr .chargeSelect select:focus {
            outline: none;
        }

        .chargeAr .chargeSelect select option {
            background-color: #fff;
            color: #333;
        }

    .chargeAr .chargeSelect .menuSearchAr {
        display: block;
        padding: 30px 0 20px;
    }

        .chargeAr .chargeSelect .menuSearchAr .menuSearch {
            display: block;
            width: 240px;
            height: 56px;
            background: #3a68b2;
            color: #fff;
            text-align: center;
            font-size: 20px;
            border-radius: 5px;
            margin: auto;
        }

    .chargeAr .chargeListAr {
        display: block;
    }

        .chargeAr .chargeListAr .listTop {
            display: block;
            padding: 20px 0;
            border-bottom: 1px solid #c2c2c2;
            overflow: hidden;
        }

            .chargeAr .chargeListAr .listTop > .left {
                width: 50%;
                float: left;
                box-sizing: border-box;
            }

            .chargeAr .chargeListAr .listTop > .right {
                width: 50%;
                float: right;
                box-sizing: border-box;
                text-align: right;
            }

            .chargeAr .chargeListAr .listTop .listNote {
                font-size: 14px;
                color: #333;
                height: 38px;
                line-height: 38px;
            }

            .chargeAr .chargeListAr .listTop select::-ms-expand {
                display: none;
            }

            .chargeAr .chargeListAr .listTop select {
                display: inline-block;
                border-radius: 5px;
                border: 1px solid #c2c2c2;
                height: 38px;
                line-height: 38px;
                width: 220px;
                box-sizing: border-box;
                padding: 0 20px;
                background: url('//blob.wifidosirak.com/wm-d01/dosirakmobile/images/selectArrow_pop.png') no-repeat 95% 54%; /* 네이티브 화살표를 커스텀 화살표로 대체 */
                color: #5b5b5b;
                font-size: 14px;
                -webkit-appearance: none; /* 네이티브 외형 감추기 */
                -moz-appearance: none;
                appearance: none;
            }

                .chargeAr .chargeListAr .listTop select:focus {
                    outline: none;
                }

                .chargeAr .chargeListAr .listTop select option {
                    background-color: #fff;
                    color: #333;
                }

            .chargeAr .chargeListAr .listTop .chargeTab {
                width: 80px;
                display: inline-block;
                float: right;
                margin-left: 20px;
            }

                .chargeAr .chargeListAr .listTop .chargeTab li {
                    background: #fff;
                    font-size: 18px;
                    width: 38px;
                    height: 38px;
                    text-align: center;
                    float: left;
                    vertical-align: middle;
                    color: #333;
                    cursor: pointer;
                    line-height: normal;
                    border: 1px solid #c2c2c2;
                    border-radius: 5px;
                    box-sizing: border-box;
                    margin: auto;
                }

                    .chargeAr .chargeListAr .listTop .chargeTab li:first-child {
                        background: url(//blob.wifidosirak.com/wm-d01/dosirakmobile/images/chargeList_off.png) no-repeat 0 0;
                    }

                    .chargeAr .chargeListAr .listTop .chargeTab li:last-child {
                        background: url(//blob.wifidosirak.com/wm-d01/dosirakmobile/images/chargeCard_off.png) no-repeat 0 0;
                    }

                    .chargeAr .chargeListAr .listTop .chargeTab li.active:first-child {
                        background: url(//blob.wifidosirak.com/wm-d01/dosirakmobile/images/chargeList_on.png) no-repeat 0 0;
                    }

                    .chargeAr .chargeListAr .listTop .chargeTab li.active:last-child {
                        background: url(//blob.wifidosirak.com/wm-d01/dosirakmobile/images/chargeCard_on.png) no-repeat 0 0;
                    }

                    .chargeAr .chargeListAr .listTop .chargeTab li:nth-of-type(n+2) {
                        margin-top: 0;
                        margin-left: 4px;
                    }

                    .chargeAr .chargeListAr .listTop .chargeTab li.active {
                        color: #3a68b2;
                        border: 1px solid #3a68b2;
                        font-weight: bold;
                        position: relative;
                    }

    .chargeAr .chargeTab-content {
        display: none;
        width: 1100px;
        margin: auto;
        position: relative;
    }

        .chargeAr .chargeTab-content.active {
            display: inherit;
        }

        .chargeAr .chargeTab-content.on {
            display: block;
        }

.noSale {
    display: none !important;
}

.chargeAr .chargeListDetail {
    display: block;
}

    .chargeAr .chargeListDetail li {
        display: block;
        padding: 40px 0;
        border-bottom: 1px solid #c2c2c2;
    }

    .chargeAr .chargeListDetail .listLt {
        display: inline-block;
        width: 60%;
        float: left;
    }
        /* 210319 추가 */
        .chargeAr .chargeListDetail .listLt .basicZone .detailPrice {
            display: inline-block;
            vertical-align: middle;
            margin-left: 20px;
            cursor: pointer;
        }

        .chargeAr .chargeListDetail .listLt .basicZone .btnFav {
            display: inline-block;
            vertical-align: middle;
            margin-left: 10px;
            width: 23px;
            height: 21px;
            background: url('//blob.wifidosirak.com/wm-d01/dosirakmobile/images/list_btnFav.png') no-repeat 0 0;
            cursor: pointer;
        }

            .chargeAr .chargeListDetail .listLt .basicZone .btnFav.active {
                background: url('//blob.wifidosirak.com/wm-d01/dosirakmobile/images/list_btnFav_active.png') no-repeat 0 0;
            }

    .chargeAr .chargeListDetail .listRt {
        display: inline-block;
        width: 40%;
        text-align: right;
    }

    .chargeAr .chargeListDetail .top {
        display: block;
        background: url('//blob.wifidosirak.com/wm-d01/dosirakmobile/images/listDot.png') no-repeat 0 50%;
    }

    .chargeAr .chargeListDetail .listTitle {
        display: inline-block;
        width: auto;
        text-align: left;
        font-size: 22px;
        color: #333;
        font-weight: bold;
        background: #fff;
    }

    .chargeAr .chargeListDetail .saleCharge {
        display: inline-block;
        text-align: right;
        font-size: 22px;
        color: #333;
        background: #fff;
    }

    .chargeAr .chargeListDetail .listCharge {
        display: inline-block;
        width: 198px;
        text-align: right;
        font-size: 22px;
        color: #333;
        background: #fff;
    }

        .chargeAr .chargeListDetail .listCharge:after {
            clear: both;
        }

        .chargeAr .chargeListDetail .listCharge b {
            font-weight: normal;
        }

    .chargeAr .chargeListDetail .option {
        display: inline-block;
        height: 26px;
        font-size: 18px;
        color: #333;
        vertical-align: middle;
    }

        .chargeAr .chargeListDetail .option:nth-of-type(n+2) {
            margin-left: 15px;
        }

        .chargeAr .chargeListDetail .option.data {
            background: url('//blob.wifidosirak.com/wm-d01/dosirakmobile/images/optionIconData.png') no-repeat 0 50%;
            padding-left: 30px;
        }

        .chargeAr .chargeListDetail .option.voice {
            background: url('//blob.wifidosirak.com/wm-d01/dosirakmobile/images/optionIconVoice.png') no-repeat 0 70%;
            padding-left: 20px;
        }

        .chargeAr .chargeListDetail .option.sms {
            background: url('//blob.wifidosirak.com/wm-d01/dosirakmobile/images/optionIconSms.png') no-repeat 0 70%;
            padding-left: 26px;
        }

    .chargeAr .chargeListDetail .basicPrice {
        display: block;
        font-size: 18px;
        color: #333;
        text-align: right;
    }

    .chargeAr .chargeListDetail .option.first {
        background: url('//blob.wifidosirak.com/wm-d01/dosirakmobile/images/benefit3.png') no-repeat 0 50%;
        padding-left: 60px;
        font-size: 16px;
    }

    .chargeAr .chargeListDetail .option.second {
        background: url('//blob.wifidosirak.com/wm-d01/dosirakmobile/images/benefit9.png') no-repeat 0 50%;
        padding-left: 60px;
        font-size: 16px;
    }

    .chargeAr .chargeListDetail .option.third {
        background: url('//blob.wifidosirak.com/wm-d01/dosirakmobile/images/benefitlabel.png') no-repeat 0 50%;
        padding-left: 60px;
        font-size: 16px;
    }

    .chargeAr .chargeListDetail .option.four {
        background: url('//blob.wifidosirak.com/wm-d01/dosirakmobile/images/benefit_4000.png') no-repeat 0 50%;
        padding-left: 60px;
        font-size: 16px;
    }

    .chargeAr .chargeListDetail .option.five {
        background: url('//blob.wifidosirak.com/wm-d01/dosirakmobile/images/benefit_5000.png') no-repeat 0 50%;
        padding-left: 60px;
        font-size: 16px;
    }

    .chargeAr .chargeListDetail .option.six {
        background: url('//blob.wifidosirak.com/wm-d01/dosirakmobile/images/benefit_6000.png') no-repeat 0 50%;
        padding-left: 60px;
        font-size: 16px;
    }

    .chargeAr .chargeListDetail .joinBtn {
        display: block;
        display: inline-block;
    }

        .chargeAr .chargeListDetail .joinBtn a {
            display: block;
            width: 125px;
            height: 30px;
            line-height: 30px;
            border-radius: 20px;
            background-color: #f7d05d;
            color: #333;
            text-align: center;
            margin: auto;
        }

    .chargeAr .chargeListDetail .detailBtn {
        display: block;
        display: inline-block;
    }

        .chargeAr .chargeListDetail .detailBtn a {
            display: block;
            width: 125px;
            height: 30px;
            line-height: 30px;
            border-radius: 20px;
            background-color: #3a68b2;
            color: #fff;
            text-align: center;
            margin: auto;
        }

    .chargeAr .chargeListDetail .benefitZone {
        margin-top: 5px;
    }

.chargeAr .chargeCardDetail {
    display: block;
}

    .chargeAr .chargeCardDetail li {
        display: inline-block;
        width: 32%;
    }

    .chargeAr .chargeCardDetail .planTb {
        display: block;
        position: relative;
        width: 100%;
        padding: 0 27px;
        overflow: hidden;
    }

        .chargeAr .chargeCardDetail .planTb .fav-btn {
            position: absolute;
            top: 35px;
            right: 45px;
            display: block;
            background: url('//blob.wifidosirak.com/wm-d01/dosirakmobile/images/favBtn.png') no-repeat 0 0;
            width: 25px;
            height: 23px;
            cursor: pointer;
        }

            .chargeAr .chargeCardDetail .planTb .fav-btn.active {
                background: url('//blob.wifidosirak.com/wm-d01/dosirakmobile/images/favBtn_on.png') no-repeat 0 0;
            }

        .chargeAr .chargeCardDetail .planTb .priceTit {
            display: block;
            position: relative;
            font-size: 25px;
            color: #fff;
            text-align: left;
            line-height: 100%;
            font-weight: 100;
            margin-top: 24px;
        }

            .chargeAr .chargeCardDetail .planTb .priceTit b {
                font-weight: 700;
                font-size: 20px;
            }

        .chargeAr .chargeCardDetail .planTb .planAr {
            display: block;
            margin-top: 23px;
            width: 100%;
        }

            .chargeAr .chargeCardDetail .planTb .planAr li {
                float: left;
                width: 33.3%;
                box-sizing: border-box;
                display: inline-block;
            }

                .chargeAr .chargeCardDetail .planTb .planAr li .iconAr {
                    display: block;
                    height: 68px;
                }

                .chargeAr .chargeCardDetail .planTb .planAr li .iconName {
                    display: block;
                    font-size: 12px;
                    margin-top: 10px;
                    text-align: center;
                    color: #fff;
                }

                .chargeAr .chargeCardDetail .planTb .planAr li .iconVol {
                    display: block;
                    font-size: 16px;
                    text-align: center;
                    color: #fff;
                    font-weight: bold;
                    line-height: 16px;
                }

        .chargeAr .chargeCardDetail .planTb .planPrice {
            display: block;
            clear: both;
            margin: auto;
            text-align: center;
        }

            .chargeAr .chargeCardDetail .planTb .planPrice .priceWrap {
                font-size: 24px;
                color: #f7d05d;
            }

                .chargeAr .chargeCardDetail .planTb .planPrice .priceWrap strong {
                    font-size: 34px;
                }

            .chargeAr .chargeCardDetail .planTb .planPrice > div:first-child {
                width: 60%;
                display: inline-block;
                float: left;
                padding: 22px 0;
            }

            .chargeAr .chargeCardDetail .planTb .planPrice > div:last-child {
                width: 40%;
                display: inline-block;
                clear: both;
                padding: 25px 0;
                margin: auto;
            }

            .chargeAr .chargeCardDetail .planTb .planPrice .btnBuy {
                display: block;
                background: #fff;
                color: #333;
                border-radius: 10px;
                font-size: 16px;
                width: 86px;
                height: 42px;
                line-height: 42px;
                font-weight: bold;
                margin: auto;
            }

            .chargeAr .chargeCardDetail .planTb .planPrice a:hover {
                background: #f7d05d;
            }

        .chargeAr .chargeCardDetail .planTb.blueTag {
            display: block;
            background: #ddd;
            margin: 40px 0;
        }

/* 요금충전소 */
.subPageAr .chargingMainTabAr {
    width: 100%;
    margin: auto;
    text-align: center;
    position: relative;
}

.subPageAr .chargingMainTab {
    width: 1100px;
    display: inline-block;
    position: relative;
}

    .subPageAr .chargingMainTab li {
        background: #fff;
        font-size: 22px;
        width: 33.3%;
        text-align: center;
        float: left;
        vertical-align: middle;
        padding: 10px 0;
        color: #333;
        cursor: pointer;
        line-height: normal;
        border: 1px solid #ddd;
        box-sizing: border-box;
    }

        .subPageAr .chargingMainTab li.current {
            background: #3a68b2;
            color: #fff;
            font-weight: bold;
            border: 1px solid #3a68b2;
            position: relative;
        }

        .subPageAr .chargingMainTab li:first-child {
            margin-left: 2px;
        }

        .subPageAr .chargingMainTab li:nth-of-type(n+2) {
            margin-left: -1px;
        }

        .subPageAr .chargingMainTab li.current span {
            position: absolute;
            top: 52px;
            left: 170px;
            display: block;
            width: 23px;
            height: 11px;
            background: url('//blob.wifidosirak.com/wm-d01/dosirakmobile/images/tab_on_img.png') no-repeat 0 0;
            z-index: 11;
        }

    .subPageAr .chargingMainTab p {
        position: absolute;
        top: -46px;
        left: 480px;
        display: block;
        background-color: #f26c4f;
        width: 137px;
        padding: 10px 20px;
        font-size: 14px;
        line-height: 16px;
        text-align: center;
        color: #fff;
        border-radius: 5px;
    }

        .subPageAr .chargingMainTab p:after {
            top: 98%;
            left: 50%;
            border: solid transparent;
            content: " ";
            height: 0;
            width: 0;
            position: absolute;
            pointer-events: none;
            border-color: rgba(242, 108, 79, 0);
            border-top-color: #f26c4f;
            border-width: 5px;
            margin-left: -5px;
        }

    .subPageAr .chargingMainTab .chatbox {
        animation: motion 1s linear 0s infinite alternate;
        margin-top: 0;
    }

@keyframes motion {
    0% {
        margin-top: 0px;
    }

    100% {
        margin-top: 5px;
    }
}

-webkit-@keyframes motion {
    0%

{
    margin-top: 0px;
}

100% {
    margin-top: 5px;
}

}

.subPageAr .chargingMainTab-content {
    display: none;
    width: 100%;
    margin: auto;
    position: relative;
}

    .subPageAr .chargingMainTab-content.current {
        display: inherit;
    }

.subPageAr .prod_option .prod_content .chargingTab, .subPageAr .prod_option .prod_content .chargingTab2, .subPageAr .prod_option .prod_content .chargingTab3 {
    width: 100%;
    display: inline-block;
}

    .subPageAr .prod_option .prod_content .chargingTab li, .subPageAr .prod_option .prod_content .chargingTab2 li, .subPageAr .prod_option .prod_content .chargingTab3 li {
        background: #fff;
        font-size: 18px;
        width: 20%;
        text-align: center;
        float: left;
        vertical-align: middle;
        padding: 15px 0;
        color: #333;
        cursor: pointer;
        line-height: normal;
        border: 1px solid #c2c2c2;
        box-sizing: border-box;
    }

        .subPageAr .prod_option .prod_content .chargingTab li:nth-of-type(n+2), .subPageAr .prod_option .prod_content .chargingTab2 li:nth-of-type(n+2), .subPageAr .prod_option .prod_content .chargingTab3 li:nth-of-type(n+2) {
            margin-top: 0;
            margin-left: -1px;
        }

        .subPageAr .prod_option .prod_content .chargingTab li.active, .subPageAr .prod_option .prod_content .chargingTab2 li.active, .subPageAr .prod_option .prod_content .chargingTab3 li.active {
            color: #3a68b2;
            border: 1px solid #3a68b2;
            font-weight: bold;
            position: relative;
        }

.subPageAr .prod_option .prod_content .chargingTab-content, .subPageAr .prod_option .prod_content .chargingTab2-content, .subPageAr .prod_option .prod_content .chargingTab3-content {
    display: none;
    width: 1100px;
    margin: auto;
    position: relative;
}

    .subPageAr .prod_option .prod_content .chargingTab-content.active, .subPageAr .prod_option .prod_content .chargingTab2-content.active, .subPageAr .prod_option .prod_content .chargingTab3-content.active {
        display: inherit;
        width: 100%;
    }

.subPageAr .prod_option .prod_content.document .chargeType {
    display: block;
    padding: 10px 0 30px;
}

    .subPageAr .prod_option .prod_content.document .chargeType input {
        display: none;
    }

    .subPageAr .prod_option .prod_content.document .chargeType .additionalDt {
        display: none;
        background-color: #eaeaea;
        padding: 18px 50px;
        border-top: 1px solid #a7a7a7;
        vertical-align: middle;
    }

        .subPageAr .prod_option .prod_content.document .chargeType .additionalDt.current {
            display: block;
        }

        .subPageAr .prod_option .prod_content.document .chargeType .additionalDt .selectNext {
            display: inline-block;
        }

        .subPageAr .prod_option .prod_content.document .chargeType .additionalDt span {
            display: inline-block;
            font-size: 20px;
            text-align: left;
            color: #333;
            line-height: 45px;
        }

        .subPageAr .prod_option .prod_content.document .chargeType .additionalDt select {
            display: inline-block;
            border-radius: 5px;
            border: 1px solid #c2c2c2;
            background-color: #fff;
            height: 45px;
            line-height: 42px;
            width: 200px;
            box-sizing: border-box;
            padding: 0 20px;
            color: #5b5b5b;
            font-size: 18px;
            -webkit-appearance: none; /* 네이티브 외형 감추기 */
            -moz-appearance: none;
            appearance: none;
            vertical-align: top;
        }

/* 연장/충전내역 */
.subPageAr .chargingDetail {
    display: block;
    position: relative;
    width: 1100px;
    margin: auto;
}

    .subPageAr .chargingDetail .chargingInquiry {
        display: block;
        padding: 50px 0;
        overflow: hidden;
    }

        .subPageAr .chargingDetail .chargingInquiry > div {
            display: inline-block;
            width: 50%;
            float: left;
        }

            .subPageAr .chargingDetail .chargingInquiry > div:nth-of-type(2) {
                float: right;
                text-align: right;
            }

        .subPageAr .chargingDetail .chargingInquiry .btnTerm {
            display: inline-block;
            width: 110px;
            height: 45px;
            border: 1px solid #3a68b2;
            border-radius: 5px;
            font-size: 18px;
            color: #3a68b2;
        }

            .subPageAr .chargingDetail .chargingInquiry .btnTerm.active {
                background-color: #3a68b2;
                color: #fff;
            }

        .subPageAr .chargingDetail .chargingInquiry .btnInquiry {
            display: inline-block;
            width: 110px;
            height: 45px;
            background: #3a68b2;
            border-radius: 5px;
            font-size: 18px;
            color: #fff;
        }

        .subPageAr .chargingDetail .chargingInquiry input.date {
            display: inline-block;
            width: 150px;
            border: 1px solid #c2c2c2;
            border-radius: 5px;
            height: 45px;
            text-align: center;
        }

    .subPageAr .chargingDetail .chargingInquiryList {
        display: block;
        position: relative;
    }

        .subPageAr .chargingDetail .chargingInquiryList .inquiryDate {
            position: absolute;
            display: block;
            width: 170px;
            height: 34px;
            line-height: 34px;
            border-radius: 20px;
            background-color: #3a68b2;
            color: #fff;
            text-align: center;
            font-size: 16px;
            z-index: 1;
            top: -17px;
            left: 465px;
        }

        .subPageAr .chargingDetail .chargingInquiryList li {
            position: relative;
            display: block;
            width: 100%;
            border-top: 1px solid #c2c2c2;
            overflow: hidden;
            padding: 50px 20px;
        }

            .subPageAr .chargingDetail .chargingInquiryList li > div {
                display: block;
                width: 33.3%;
                box-sizing: border-box;
                float: left;
                vertical-align: middle;
                margin: auto;
            }

                .subPageAr .chargingDetail .chargingInquiryList li > div:last-child {
                    text-align: right;
                }

                .subPageAr .chargingDetail .chargingInquiryList li > div:after {
                    clear: both;
                }

                .subPageAr .chargingDetail .chargingInquiryList li > div span {
                    display: block;
                }

            .subPageAr .chargingDetail .chargingInquiryList li .listDate {
                display: block;
                height: 120px;
                line-height: 120px;
                font-weight: bold;
                font-size: 18px;
                color: #333;
            }

            .subPageAr .chargingDetail .chargingInquiryList li .listTit {
                font-size: 18px;
                color: #333;
                font-weight: bold;
            }

            .subPageAr .chargingDetail .chargingInquiryList li .listTxt {
                font-size: 18px;
                color: #333;
            }

            .subPageAr .chargingDetail .chargingInquiryList li .listAm {
                font-size: 18px;
                color: #3a68b2;
                font-weight: bold;
                margin-top: 10px;
            }

            .subPageAr .chargingDetail .chargingInquiryList li .listBtn {
                display: inline-block;
                width: 190px;
                height: 45px;
                line-height: 45px;
                font-size: 18px;
                text-align: center;
                color: #333;
                border: 1px solid #c2c2c2;
                border-radius: 5px;
                cursor: pointer;
                margin: auto;
                vertical-align: middle;
            }

                .subPageAr .chargingDetail .chargingInquiryList li .listBtn:nth-of-type(n+2) {
                    margin-top: 10px;
                }

.subPageAr .moreBtn {
    width: 100%;
    display: block;
    background-color: #c2c2c2;
    font-size: 18px;
    color: #fff;
    text-align: center;
    margin: auto;
    padding: 15px 0;
    margin-bottom: 50px;
}

/* 회원가입 */
.subPageAr .memberJoin {
    display: block;
    width: 700px;
    margin: auto;
    padding: 70px 0;
}

    .subPageAr .memberJoin h2 {
        text-align: center;
        font-size: 20px;
        color: #3a68b2;
        font-weight: 100 !important;
        padding: 50px 0 30px;
    }

    .subPageAr .memberJoin .joinNote {
        display: block;
        font-size: 18px;
        color: #333;
        text-align: left;
        line-height: 22px;
        margin-left: 10px;
    }

        .subPageAr .memberJoin .joinNote:before {
            content: '·';
            margin-left: -12px;
            margin-right: 2px;
        }

        .subPageAr .memberJoin .joinNote:nth-of-type(n+2) {
            margin-top: 20px;
        }

    .subPageAr .memberJoin .memberSite {
        display: block;
        width: 100%;
        border: 1px solid #c2c2c2;
        padding: 40px;
        margin-top: 15px;
        margin-bottom: 50px;
        overflow: hidden;
    }

        .subPageAr .memberJoin .memberSite > span {
            display: inline-block;
            width: 25%;
            float: left;
            margin: auto;
            text-align: center;
        }

            .subPageAr .memberJoin .memberSite > span:after {
                clear: both;
            }

    .subPageAr .memberJoin .memberJoinBtn {
        display: block;
        width: 240px;
        height: 56px;
        line-height: 56px;
        background-color: #3a68b2;
        color: #fff;
        text-align: center;
        font-size: 20px;
        border-radius: 5px;
        margin: auto;
        margin-top: 10px;
    }

        .subPageAr .memberJoin .memberJoinBtn.gray {
            background-color: #c2c2c2;
        }

    .subPageAr .memberJoin .joinResult {
        display: block;
        padding-top: 60px;
    }

        .subPageAr .memberJoin .joinResult .resultTxt {
            display: block;
            font-size: 24px;
            color: #333;
            text-align: center;
        }

            .subPageAr .memberJoin .joinResult .resultTxt strong {
                color: #3a68b2;
                font-weight: bold;
            }

.subPageAr .joinInfo {
    display: block;
    width: 1100px;
    margin: auto;
}

    .subPageAr .joinInfo .chkAr {
        display: block;
        padding: 20px 0;
    }

        .subPageAr .joinInfo .chkAr input {
            display: none;
        }

            .subPageAr .joinInfo .chkAr input + label {
                display: inline-block;
                width: 30px;
                height: 30px;
                cursor: pointer;
                overflow: hidden;
                border: none;
                border-radius: 0;
            }

                .subPageAr .joinInfo .chkAr input + label.joinCheckLabel {
                    background: url(//blob.wifidosirak.com/wm-d01/dosirakmobile/images/memberJoin_chk_off.png) no-repeat 0 0;
                }

            .subPageAr .joinInfo .chkAr input:checked + label.joinCheckLabel {
                background: url(//blob.wifidosirak.com/wm-d01/dosirakmobile/images/memberJoin_chk_on.png) no-repeat 0 0;
            }

        .subPageAr .joinInfo .chkAr .joinAgree {
            text-align: left;
            font-size: 18px;
            color: #333;
            vertical-align: middle;
        }

    .subPageAr .joinInfo .termAr {
        display: block;
        width: 100%;
        background-color: #eaeaea;
        border: 1px solid #a7a7a7;
        padding: 15px 20px;
        box-sizing: border-box;
        text-align: left;
    }

        .subPageAr .joinInfo .termAr .termTxt {
            display: block;
            font-size: 15px;
            color: #333;
            line-height: 140%;
        }

.subPageAr .joinCertify {
    display: block;
    width: 1100px;
    margin: auto;
    text-align: center;
}

    .subPageAr .joinCertify h2 {
        text-align: center;
        font-size: 18px;
        color: #333;
        padding: 15px 0;
    }

        .subPageAr .joinCertify h2 b {
            margin-left: 5px;
            font-weight: normal;
        }

    .subPageAr .joinCertify .btnAr {
        display: block;
        width: 700px;
        margin: auto;
        padding: 10px 0;
    }

        .subPageAr .joinCertify .btnAr .btnWp {
            display: block;
            padding: 40px 0 60px;
        }

        .subPageAr .joinCertify .btnAr .btnCertify {
            display: block;
            margin: auto;
            text-align: center;
            font-size: 20px;
            width: 340px;
            height: 56px;
            border-radius: 5px;
            background-color: #c2c2c2;
            color: #fff;
        }

            .subPageAr .joinCertify .btnAr .btnCertify:nth-of-type(n+2) {
                margin-top: 10px;
            }

            .subPageAr .joinCertify .btnAr .btnCertify.mobile {
                background-color: #3a68b2;
            }

        .subPageAr .joinCertify .btnAr span {
            display: block;
            font-size: 16px;
            color: #333;
            line-height: 140%;
            margin-left: 10px;
            text-align: left;
        }

            .subPageAr .joinCertify .btnAr span:before {
                content: '-';
                margin-left: -8px;
                margin-right: 3px;
            }

.subPageAr .joinInput {
    display: block;
    width: 1100px;
    margin: auto;
}

    .subPageAr .joinInput .inputAr {
        display: block;
        overflow: hidden;
        position: relative;
        padding: 8px 0;
    }

        .subPageAr .joinInput .inputAr .inpGroup {
            display: block;
        }

            .subPageAr .joinInput .inputAr .inpGroup .grouping {
                display: inline-block;
                margin-left: 14px;
                vertical-align: middle;
            }

        .subPageAr .joinInput .inputAr input {
            display: inline-block;
            box-sizing: border-box;
            height: 46px;
            border-radius: 5px;
            border: 1px solid #c2c2c2;
            vertical-align: middle;
            padding-left: 20px;
            font-size: 18px;
        }

            .subPageAr .joinInput .inputAr input.short {
                width: 310px;
            }

            .subPageAr .joinInput .inputAr input.mid {
                width: 541px;
            }

    .subPageAr .joinInput select {
        display: inline-block;
        border-radius: 5px;
        border: 1px solid #c2c2c2;
        height: 46px;
        line-height: 46px;
        width: 210px;
        box-sizing: border-box;
        padding: 0 20px;
        background: url('//blob.wifidosirak.com/wm-d01/dosirakmobile/images/selectArrow_pop.png') no-repeat 95% 54%; /* 네이티브 화살표를 커스텀 화살표로 대체 */
        color: #5b5b5b;
        font-size: 18px;
        -webkit-appearance: none; /* 네이티브 외형 감추기 */
        -moz-appearance: none;
        appearance: none;
    }

        .subPageAr .joinInput select:focus {
            outline: none;
        }

        .subPageAr .joinInput select option {
            background-color: #fff;
            color: #333;
        }

    .subPageAr .joinInput .inputBtn {
        display: inline-block;
        width: 211px;
        height: 46px;
        border: 1px solid #3a68b2;
        color: #3a68b2;
        border-radius: 5px;
        box-sizing: border-box;
    }

        .subPageAr .joinInput .inputBtn.blue {
            background-color: #3a68b2;
            color: #fff;
        }

    .subPageAr .joinInput .genderBtn {
        display: inline-block;
        width: 210px;
        height: 46px;
        border: 1px solid #3a68b2;
        color: #3a68b2;
        border-radius: 5px;
        box-sizing: border-box;
    }

        .subPageAr .joinInput .genderBtn:nth-of-type(n+2) {
            margin-left: 15px;
        }

        .subPageAr .joinInput .genderBtn.active {
            background-color: #3a68b2;
            color: #fff;
        }

.subPageAr .btnWp {
    display: block;
    padding: 50px 0;
    margin: auto;
    text-align: center;
}

    .subPageAr .btnWp .btnCom {
        display: inline-block;
        width: 240px;
        height: 56px;
        font-size: 20px;
        text-align: center;
        margin: auto;
        background-color: #3a68b2;
        color: #fff;
        border-radius: 5px;
    }

.btnlicense {
    display: inline-block;
    width: 300px;
    height: 46px;
    font-size: 20px;
    text-align: center;
    margin: auto;
    background-color: #3a68b2;
    color: #fff;
    border-radius: 5px;
}

        .subPageAr .btnWp .btnCom:nth-of-type(n+2) {
            margin-left: 15px;
        }

        .subPageAr .btnWp .btnCom.gray {
            width: 150px;
            background-color: #c2c2c2;
        }

        .subPageAr .btnWp .btnCom.extend {
            width: 280px;
        }

/* 로그인 페이지 */
.subPageAr .loginAr {
    display: block;
    width: 1100px;
    margin: auto;
}

    .subPageAr .loginAr .loginTab {
        width: 1100px;
        display: inline-block;
    }

        .subPageAr .loginAr .loginTab li {
            background: #fff;
            font-size: 22px;
            width: 50%;
            text-align: center;
            float: left;
            vertical-align: middle;
            padding: 10px 0;
            color: #333;
            cursor: pointer;
            line-height: normal;
            border: 1px solid #ddd;
            box-sizing: border-box;
        }

            .subPageAr .loginAr .loginTab li.current {
                background: #3a68b2;
                color: #fff;
                font-weight: bold;
                border: 1px solid #3a68b2;
                position: relative;
            }

                .subPageAr .loginAr .loginTab li.current span {
                    position: absolute;
                    top: 52px;
                    left: 265px;
                    display: block;
                    width: 23px;
                    height: 11px;
                    background: url('//blob.wifidosirak.com/wm-d01/dosirakmobile/images/tab_on_img.png') no-repeat 0 0;
                    z-index: 11;
                }

    .subPageAr .loginAr .loginTab-contentWrap {
        display: block;
        position: relative;
        width: 100%;
        overflow-y: auto;
        padding-top: 50px;
        margin: auto;
    }

    .subPageAr .loginAr .loginTab-content {
        display: none;
        width: 1100px;
        margin: auto;
        position: relative;
    }

        .subPageAr .loginAr .loginTab-content.current {
            display: inherit;
        }

    .subPageAr .loginAr .loginInput {
        display: block;
        margin-bottom: 50px;
    }

    .subPageAr .loginAr .inputAr {
        display: block;
        overflow: hidden;
        position: relative;
        padding: 8px 0;
    }

        .subPageAr .loginAr .inputAr .inpGroup {
            display: block;
        }

            .subPageAr .loginAr .inputAr .inpGroup .grouping {
                display: inline-block;
                margin-left: 14px;
                vertical-align: middle;
            }

        .subPageAr .loginAr .inputAr input {
            display: inline-block;
            box-sizing: border-box;
            height: 46px;
            border-radius: 5px;
            border: 1px solid #c2c2c2;
            vertical-align: middle;
            padding-left: 20px;
            font-size: 18px;
        }

            .subPageAr .loginAr .inputAr input.short, .subPageAr .loginAr .inputAr input.phone {
                width: 312px;
            }

            .subPageAr .loginAr .inputAr input.mid {
                width: 541px;
            }

            .subPageAr .loginAr .inputAr input.midcaptcha {
                width: 541px;
            }

        .subPageAr .loginAr .inputAr .inpGroup {
            display: block;
        }

            .subPageAr .loginAr .inputAr .inpGroup .grouping {
                display: inline-block;
                margin-left: 14px;
                vertical-align: middle;
            }

        .subPageAr .loginAr .inputAr .chkCertify {
            display: inline-block;
            width: 210px;
            height: 46px;
            background-color: #3a68b2;
            color: #fff;
            font-size: 18px;
            border-radius: 5px;
            margin-left: 14px;
        }

            .subPageAr .loginAr .inputAr .chkCertify.gray {
                display: none;
                background-color: #c2c2c2;
            }

        .subPageAr .loginAr .inputAr .sendCertify {
            display: inline-block;
            width: 210px;
            height: 46px;
            border: 1px solid #3a68b2;
            color: #3a68b2;
            font-size: 18px;
            border-radius: 5px;
        }

            .subPageAr .loginAr .inputAr .sendCertify.re {
                display: none;
                width: 210px;
            }

        .subPageAr .loginAr .inputAr .captcha {
            display: inline-block;
            width: 135px;
            height: 46px;
            border: 1px solid #c2c2c2;
            box-sizing: border-box;
            vertical-align: middle;
        }

        .subPageAr .loginAr .inputAr .captchaOpt {
            font-size: 14px;
            text-align: left;
            color: #3a68b2;
            cursor: pointer;
        }

            .subPageAr .loginAr .inputAr .captchaOpt:nth-of-type(n+2) {
                margin-left: 10px;
            }

            .subPageAr .loginAr .inputAr .captchaOpt img {
                vertical-align: middle;
                margin-right: 5px;
            }

    .subPageAr .loginAr .privacyPolicy {
        display: block;
    }

        .subPageAr .loginAr .privacyPolicy .policyTit {
            text-align: left;
            font-size: 18px;
            color: #333;
        }

        .subPageAr .loginAr .privacyPolicy .policyBox {
            display: block;
            background-color: #eaeaea;
            border: 1px solid #c2c2c2;
            padding: 30px 20px;
            margin-top: 25px;
            height: 300px;
            overflow-y: scroll;
        }

            .subPageAr .loginAr .privacyPolicy .policyBox span {
                /*display: block;*/
                text-align: left;
                font-size: 15px;
                color: #333;
            }

        .subPageAr .loginAr .privacyPolicy .chkAr {
            display: block;
            padding: 15px 0;
        }

            .subPageAr .loginAr .privacyPolicy .chkAr input {
                display: none;
            }

                .subPageAr .loginAr .privacyPolicy .chkAr input + label {
                    display: inline-block;
                    width: 30px;
                    height: 30px;
                    cursor: pointer;
                    overflow: hidden;
                    border: none;
                    border-radius: 0;
                }

                    .subPageAr .loginAr .privacyPolicy .chkAr input + label.policyCheckLabel {
                        background: url(//blob.wifidosirak.com/wm-d01/dosirakmobile/images/memberJoin_chk_off.png) no-repeat 0 0;
                    }

                .subPageAr .loginAr .privacyPolicy .chkAr input:checked + label.policyCheckLabel {
                    background: url(//blob.wifidosirak.com/wm-d01/dosirakmobile/images/memberJoin_chk_on.png) no-repeat 0 0;
                }

            .subPageAr .loginAr .privacyPolicy .chkAr .policyAgree {
                text-align: left;
                font-size: 18px;
                color: #333;
                vertical-align: middle;
            }

        .subPageAr .loginAr .privacyPolicy .btnWp {
            display: block;
            padding: 50px 0;
            margin: auto;
            text-align: center;
        }

            .subPageAr .loginAr .privacyPolicy .btnWp .btnCom {
                display: inline-block;
                width: 240px;
                height: 56px;
                font-size: 20px;
                text-align: center;
                margin: auto;
                background-color: #3a68b2;
                color: #fff;
                border-radius: 5px;
            }

                .subPageAr .loginAr .privacyPolicy .btnWp .btnCom:nth-of-type(n+2) {
                    margin-left: 15px;
                }

                .subPageAr .loginAr .privacyPolicy .btnWp .btnCom.gray {
                    width: 150px;
                    background-color: #c2c2c2;
                }

    .subPageAr .loginAr .memberLogin {
        display: block;
        width: 700px;
        margin: auto;
        text-align: center;
    }

        .subPageAr .loginAr .memberLogin .loginTit {
            display: block;
            font-size: 24px;
            color: #333;
            text-align: center;
            line-height: 30px;
            margin-bottom: 20px;
        }

        .subPageAr .loginAr .memberLogin .inputAr {
            display: block;
            overflow: hidden;
            position: relative;
            padding: 8px 0;
        }

        .subPageAr .loginAr .memberLogin .loginInfo {
            display: block;
            width: 100%;
        }

        .subPageAr .loginAr .memberLogin .inputAr .check-btn {
            position: relative;
            display: block;
            background: url('//blob.wifidosirak.com/wm-d01/dosirakmobile/images/inputChk_off.png') no-repeat 0 0;
            cursor: pointer;
            line-height: 21px;
            color: #333;
            font-size: 18px;
            text-align: right;
            width: 145px;
            float: right;
        }

            .subPageAr .loginAr .memberLogin .inputAr .check-btn:after {
                clear: both;
            }

            .subPageAr .loginAr .memberLogin .inputAr .check-btn.active {
                background: url('//blob.wifidosirak.com/wm-d01/dosirakmobile/images/inputChk_on.png') no-repeat 0 0;
            }

        .subPageAr .loginAr .memberLogin .btnWp {
            display: block;
            padding: 50px 0;
        }

            .subPageAr .loginAr .memberLogin .btnWp .loginBtn {
                display: block;
                width: 100%;
                height: 56px;
                background-color: #3a68b2;
                color: #fff;
                text-align: center;
                font-size: 20px;
                border-radius: 5px;
                box-sizing: border-box;
            }

                .subPageAr .loginAr .memberLogin .btnWp .loginBtn.gray {
                    background-color: #c2c2c2 !important;
                }

                .subPageAr .loginAr .memberLogin .btnWp .loginBtn:nth-of-type(n+2) {
                    margin-top: 10px;
                }

        .subPageAr .loginAr .memberLogin .snsLogin {
            display: block;
            margin: auto;
            text-align: center;
        }

            .subPageAr .loginAr .memberLogin .snsLogin .snsTit {
                display: block;
                font-size: 18px;
                color: #333;
                text-align: center;
            }

        .subPageAr .loginAr .memberLogin .snsIcon {
            display: block;
            width: 240px;
            padding: 10px 0;
            margin: auto;
            text-align: center;
            overflow: hidden;
        }

            .subPageAr .loginAr .memberLogin .snsIcon li {
                display: inline-block;
                width: 33.3%;
                float: left;
            }

                .subPageAr .loginAr .memberLogin .snsIcon li:after {
                    clear: both;
                }

        .subPageAr .loginAr .memberLogin .loginOpt {
            display: block;
            padding: 30px 0;
            text-align: center;
        }

            .subPageAr .loginAr .memberLogin .loginOpt span {
                display: inline-block;
                text-align: center;
                font-size: 18px;
                color: #333;
                padding: 0 25px;
            }

                .subPageAr .loginAr .memberLogin .loginOpt span:nth-of-type(n+2) {
                    background: url('//blob.wifidosirak.com/wm-d01/dosirakmobile/images/loginOpt_bar.png') no-repeat center left;
                }

/* 아이디, 비밀번호 찾기 */
.subPageAr .findAr {
    display: block;
    width: 700px;
    margin: auto;
    text-align: center;
    padding: 70px 0;
}

    .subPageAr .findAr .findSelect {
        display: block;
        padding: 60px 0 30px;
    }

    .subPageAr .findAr .tabId, .subPageAr .findAr .tabPw {
        display: block;
        padding: 30px 0 70px;
    }

        .subPageAr .findAr .tabId .idNotice {
            display: block;
            font-size: 20px;
            color: #333;
            text-align: center;
        }

            .subPageAr .findAr .tabId .idNotice b {
                font-weight: normal;
            }

    .subPageAr .findAr .btnWp {
        display: block;
        padding: 60px 0 0;
    }

        .subPageAr .findAr .btnWp .findBtn {
            display: block;
            width: 340px;
            height: 56px;
            background-color: #3a68b2;
            color: #fff;
            margin: auto;
            text-align: center;
            font-size: 20px;
            border-radius: 5px;
            box-sizing: border-box;
        }

            .subPageAr .findAr .btnWp .findBtn.gray {
                background-color: #c2c2c2 !important;
            }

            .subPageAr .findAr .btnWp .findBtn.wh {
                background-color: #fff;
                color: #3a68b2;
                border: 1px solid #3a68b2;
            }

            .subPageAr .findAr .btnWp .findBtn:nth-of-type(n+2) {
                margin-top: 10px;
            }

    .subPageAr .findAr input[type=radio] {
        display: none;
    }

        .subPageAr .findAr input[type=radio] + label {
            display: inline-block;
            cursor: pointer;
            position: relative;
            padding-left: 25px;
            font-size: 18px;
            color: #333;
            vertical-align: middle;
        }

            .subPageAr .findAr input[type=radio] + label:nth-of-type(n+2) {
                margin-left: 180px;
            }

            .subPageAr .findAr input[type=radio] + label:before {
                content: "●";
                display: inline-block;
                color: #fff;
                text-align: center;
                font-size: 10px;
                line-height: 20px;
                width: 20px;
                height: 20px;
                margin-right: 10px;
                position: absolute;
                left: 0;
                bottom: 2px;
                background-color: #c2c2c2;
                border-radius: 50%;
            }

        .subPageAr .findAr input[type=radio]:checked + label:before {
            background: #3a68b2;
            text-align: center;
        }

    .subPageAr .findAr .inputAr {
        display: block;
        margin: auto;
        text-align: left;
    }

        .subPageAr .findAr .inputAr:nth-of-type(n+2) {
            margin-top: 50px;
        }

        .subPageAr .findAr .inputAr .inpGroup {
            display: block;
        }

            .subPageAr .findAr .inputAr .inpGroup .grouping {
                display: inline-block;
                margin-left: 14px;
                vertical-align: middle;
            }

        .subPageAr .findAr .inputAr .findPwTit {
            display: block;
            text-align: left;
            font-size: 18px;
            color: #333;
        }

        .subPageAr .findAr .inputAr input[type=text], .subPageAr .findAr .inputAr input[type=password] {
            display: inline-block;
            box-sizing: border-box;
            height: 46px;
            border-radius: 5px;
            border: 1px solid #c2c2c2;
            vertical-align: middle;
            padding-left: 20px;
            font-size: 18px;
        }

            .subPageAr .findAr .inputAr input[type=text].findInput, .subPageAr .findAr .inputAr input[type=password].findInput {
                width: 341px;
            }

                .subPageAr .findAr .inputAr input[type=text].findInput.deact, .subPageAr .findAr .inputAr input[type=password].findInput.deact {
                    background-color: #eaeaea;
                }

        .subPageAr .findAr .inputAr .certifyBtn {
            display: block;
            width: 341px;
            height: 46px;
            border-radius: 5px;
            background-color: #3a68b2;
            color: #fff;
            font-size: 18px;
            text-align: center;
            box-sizing: border-box;
        }

    .subPageAr .findAr .findResult {
        display: block;
        padding-top: 60px;
    }

        .subPageAr .findAr .findResult .resultTxt {
            display: block;
            font-size: 24px;
            color: #333;
            text-align: center;
        }

            .subPageAr .findAr .findResult .resultTxt strong {
                color: #3a68b2;
                font-weight: bold;
            }

/* 마이페이지 */
.subPageAr .mypageWp {
    display: block;
    padding: 30px 180px;
    border: 1px solid #3a68b2;
    border-radius: 10px;
    margin: auto;
}

    .subPageAr .mypageWp .row {
        display: block;
    }

        .subPageAr .mypageWp .row:nth-of-type(n+2) {
            margin-top: 20px;
        }

        .subPageAr .mypageWp .row .myinfoTit {
            display: inline-block;
            width: 220px;
            font-size: 20px;
            color: #333;
            text-align: left;
            vertical-align: middle;
        }

            .subPageAr .mypageWp .row .myinfoTit.fav {
                display: inline-block;
                width: 350px;
                padding-left: 30px;
                font-size: 20px;
                color: #333;
                text-align: left;
                vertical-align: middle;
                background: url('//blob.wifidosirak.com/wm-d01/dosirakmobile/images/mypage_fav.png') no-repeat 0 center;
            }

        .subPageAr .mypageWp .row .myinfoTxt {
            display: inline-block;
            font-size: 20px;
            color: #333;
            text-align: left;
            vertical-align: middle;
        }

            .subPageAr .mypageWp .row .myinfoTxt.fr {
                float: right;
            }

                .subPageAr .mypageWp .row .myinfoTxt.fr:after {
                    clear: both;
                }

        .subPageAr .mypageWp .row select.infoSelect {
            width: 264px;
        }

    .subPageAr .mypageWp .btnFull {
        display: block;
        width: 100%;
        height: 46px;
        border-radius: 5px;
        background-color: #3a68b2;
        color: #fff;
        font-size: 18px;
        text-align: center;
    }

    .subPageAr .mypageWp .btnInquiry {
        display: inline-block;
        width: 210px;
        height: 46px;
        border-radius: 5px;
        color: #3a68b2;
        border: 1px solid #3a68b2;
        font-size: 18px;
        text-align: center;
    }

        .subPageAr .mypageWp .btnInquiry.fr {
            float: right;
        }

            .subPageAr .mypageWp .btnInquiry.fr:after {
                clear: both;
            }

    .subPageAr .mypageWp .btnRequest {
        display: inline-block;
        width: 264px;
        height: 46px;
        border-radius: 5px;
        color: #3a68b2;
        border: 1px solid #3a68b2;
        font-size: 18px;
        text-align: center;
        float: right;
    }

        .subPageAr .mypageWp .btnRequest:after {
            clear: both;
        }

    .subPageAr .mypageWp .row .prodTit {
        display: block;
        text-align: left;
        font-size: 20px;
        color: #3a68b2;
        font-weight: bold;
    }

    .subPageAr .mypageWp .row .prodTxt {
        display: block;
        text-align: left;
        font-size: 20px;
        color: #333;
    }

.subPageAr .mypageAr {
    display: block;
    width: 840px;
    margin: auto;
    padding: 60px 0;
}

    .subPageAr .mypageAr .infoMod {
        display: block;
        position: relative;
    }

        .subPageAr .mypageAr .infoMod li {
            width: 100%;
            line-height: 40px;
            padding: 10px 60px;
            border-bottom: 1px solid #c2c2c2;
            text-align: left;
            vertical-align: middle;
            overflow: hidden;
        }

            .subPageAr .mypageAr .infoMod li:nth-of-type(n+2) {
                margin-top: 0;
            }

            .subPageAr .mypageAr .infoMod li:first-child {
                border-top: 1px solid #c2c2c2;
            }

            .subPageAr .mypageAr .infoMod li .infoModTit {
                display: inline-block;
                width: 310px;
                text-align: left;
                font-size: 18px;
                color: #333;
                font-weight: bold;
            }

            .subPageAr .mypageAr .infoMod li .infoModTxt {
                text-align: left;
                font-size: 18px;
                color: #646464;
                font-weight: lighter;
            }

        .subPageAr .mypageAr .infoMod .btnChange {
            width: 180px;
            height: 40px;
            display: inline-block;
            border-radius: 5px;
            background: #3a68b2;
            color: #fff;
            box-sizing: border-box;
            text-align: center;
            font-size: 18px;
        }

            .subPageAr .mypageAr .infoMod .btnChange.fr {
                float: right;
            }

        .subPageAr .mypageAr .infoMod .btnGender {
            width: 80px;
            height: 40px;
            display: inline-block;
            border-radius: 5px;
            color: #3a68b2;
            border: 1px solid #3a68b2;
            box-sizing: border-box;
            text-align: center;
            font-size: 18px;
        }

            .subPageAr .mypageAr .infoMod .btnGender:nth-of-type(n+2) {
                margin-left: 15px;
            }

            .subPageAr .mypageAr .infoMod .btnGender.active {
                background-color: #3a68b2;
                color: #fff;
            }

        .subPageAr .mypageAr .infoMod .btnSns {
            width: 120px;
            height: 40px;
            display: inline-block;
            border-radius: 5px;
            background-color: #eaeaea;
            color: #646464;
            border: 1px solid #c2c2c2;
            box-sizing: border-box;
            text-align: center;
            font-size: 18px;
        }

            .subPageAr .mypageAr .infoMod .btnSns:nth-of-type(n+2) {
                margin-left: 15px;
            }

            .subPageAr .mypageAr .infoMod .btnSns.active {
                background-color: #3a68b2;
                color: #fff;
            }

        .subPageAr .mypageAr .infoMod .modTit {
            display: block;
            text-align: left;
            font-size: 18px;
            color: #333;
        }

            .subPageAr .mypageAr .infoMod .modTit:nth-of-type(n+2) {
                margin-top: 50px;
            }

        .subPageAr .mypageAr .infoMod .infoModcon {
            display: block;
        }

            .subPageAr .mypageAr .infoMod .infoModcon .noteAr {
                display: block;
                border: 1px solid #3a68b2;
                border-radius: 5px;
                padding: 25px 20px;
                margin: auto;
                margin-top: 15px;
            }

                .subPageAr .mypageAr .infoMod .infoModcon .noteAr .noteTxt {
                    display: block;
                    text-align: left;
                    font-size: 16px;
                    color: #333;
                    line-height: 140%;
                    margin-left: 2px;
                }

                    .subPageAr .mypageAr .infoMod .infoModcon .noteAr .noteTxt:before {
                        content: '-';
                        margin-right: 2px;
                        margin-left: -5px;
                    }

                    .subPageAr .mypageAr .infoMod .infoModcon .noteAr .noteTxt strong {
                        color: #e45757;
                    }

        .subPageAr .mypageAr .infoMod .infoModcon {
            display: block;
            overflow: hidden;
            position: relative;
            padding: 8px 0;
        }

            .subPageAr .mypageAr .infoMod .infoModcon input[type=text] {
                display: inline-block;
                box-sizing: border-box;
                height: 46px;
                border-radius: 5px;
                border: 1px solid #c2c2c2;
                vertical-align: middle;
                padding-left: 20px;
                font-size: 18px;
            }

            .subPageAr .mypageAr .infoMod .infoModcon input[type=password] {
                display: inline-block;
                box-sizing: border-box;
                height: 46px;
                border-radius: 5px;
                border: 1px solid #c2c2c2;
                vertical-align: middle;
                padding-left: 20px;
                font-size: 18px;
            }

            .subPageAr .mypageAr .infoMod .infoModcon input[type=text].half, .subPageAr .mypageAr .infoMod .infoModcon input[type=text].num, .subPageAr .mypageAr .infoMod .infoModcon input[type=text].change {
                width: 411px;
            }

            .subPageAr .mypageAr .infoMod .infoModcon input[type=password].half, .subPageAr .mypageAr .infoMod .infoModcon input[type=password].num, .subPageAr .mypageAr .infoMod .infoModcon input[type=password].change {
                width: 411px;
            }

            .subPageAr .mypageAr .infoMod .infoModcon .inpGroup {
                display: block;
            }

                .subPageAr .mypageAr .infoMod .infoModcon .inpGroup .grouping {
                    display: inline-block;
                    margin-left: 14px;
                    vertical-align: middle;
                }

        .subPageAr .mypageAr .infoMod .btnCode {
            display: block;
            width: 210px;
            height: 46px;
            border-radius: 5px;
            background-color: #3a68b2;
            color: #fff;
            font-size: 18px;
            text-align: center;
            margin: auto;
        }

            .subPageAr .mypageAr .infoMod .btnCode.chk {
                width: 150px;
            }

        .subPageAr .mypageAr .infoMod .infoModcon .noteAr .withdrawTit {
            display: block;
            text-align: left;
            font-size: 16px;
            color: #333;
            line-height: 140%;
            font-weight: bold;
            margin-left: 9px;
        }

            .subPageAr .mypageAr .infoMod .infoModcon .noteAr .withdrawTit:before {
                content: '-';
                margin-right: 2px;
                margin-left: -6px;
            }

            .subPageAr .mypageAr .infoMod .infoModcon .noteAr .withdrawTit:nth-of-type(n+2) {
                margin-top: 20px;
            }

        .subPageAr .mypageAr .infoMod .infoModcon .noteAr .withdrawTxt {
            display: block;
            text-align: left;
            font-size: 16px;
            color: #333;
            line-height: 140%;
            margin-left: 9px;
        }

        .subPageAr .mypageAr .infoMod .infoModcon .withdrawAr {
            display: block;
            border: 1px solid #3a68b2;
            border-radius: 5px;
            padding: 50px;
            margin: auto;
            margin-top: 15px;
        }

            .subPageAr .mypageAr .infoMod .infoModcon .withdrawAr .selectZone {
                display: block;
                overflow: hidden;
            }

                .subPageAr .mypageAr .infoMod .infoModcon .withdrawAr .selectZone:nth-of-type(n+2) {
                    margin-top: 40px;
                }

                .subPageAr .mypageAr .infoMod .infoModcon .withdrawAr .selectZone input[type=text] {
                    display: inline-block;
                    width: 75%;
                    height: 25px;
                    border-top: none;
                    border-right: none;
                    border-left: none;
                    border-bottom: 1px solid #333 !important;
                    border-radius: 0;
                    padding-left: 10px;
                    font-size: 14px;
                    color: #333;
                }

                    .subPageAr .mypageAr .infoMod .infoModcon .withdrawAr .selectZone input[type=text]:focus {
                        outline: none;
                    }

        .subPageAr .mypageAr .infoMod .chkAr {
            display: block;
            padding: 20px 0;
        }

            .subPageAr .mypageAr .infoMod .chkAr input {
                display: none;
            }

                .subPageAr .mypageAr .infoMod .chkAr input + label {
                    display: inline-block;
                    width: 30px;
                    height: 30px;
                    cursor: pointer;
                    overflow: hidden;
                    border: none;
                    border-radius: 0;
                }

                    .subPageAr .mypageAr .infoMod .chkAr input + label.withdrawCheckLabel {
                        line-height: 20px;
                        width: 24px;
                        height: 24px;
                    }

                /*.subPageAr .mypageAr .infoMod .chkAr input:checked + label.withdrawCheckLabel {
                    background: url(//blob.wifidosirak.com/wm-d01/dosirakmobile/images/inputChk_on.png) no-repeat center center;
                }*/

            .subPageAr .mypageAr .infoMod .chkAr .withdrawAgree {
                text-align: left;
                font-size: 18px;
                color: #333;
                vertical-align: middle;
            }

        .subPageAr .mypageAr .infoMod input[type=radio] {
            display: none;
        }

            .subPageAr .mypageAr .infoMod input[type=radio] + label {
                display: inline-block;
                cursor: pointer;
                position: relative;
                padding-left: 25px;
                font-size: 18px;
                color: #333;
                vertical-align: middle;
                width: 25%;
                float: left;
            }

                .subPageAr .mypageAr .infoMod input[type=radio] + label.extend {
                    width: 50%;
                }

                .subPageAr .mypageAr .infoMod input[type=radio] + label:nth-of-type(n+2) {
                    margin-left: 0px;
                }

                .subPageAr .mypageAr .infoMod input[type=radio] + label:before {
                    content: "●";
                    display: inline-block;
                    color: #fff;
                    text-align: center;
                    font-size: 11px;
                    line-height: 20px;
                    width: 20px;
                    height: 20px;
                    margin-right: 10px;
                    position: absolute;
                    left: 0;
                    bottom: 2px;
                    background-color: #c2c2c2;
                    border-radius: 50%;
                }

            .subPageAr .mypageAr .infoMod input[type=radio]:checked + label:before {
                background: #3a68b2;
                text-align: center;
            }

        .subPageAr .mypageAr .infoMod input[type=checkbox] {
            display: none;
        }

            .subPageAr .mypageAr .infoMod input[type=checkbox] + label {
                display: inline-block;
                cursor: pointer;
                position: relative;
                padding-left: 25px;
                font-size: 18px;
                color: #333;
                vertical-align: middle;
            }

                .subPageAr .mypageAr .infoMod input[type=checkbox] + label:before {
                    content: "";
                    background: url('//blob.wifidosirak.com/wm-d01/dosirakmobile/images/admCheck_off.png') no-repeat left top;
                    background-size: 20px;
                    display: inline-block;
                    color: #fff;
                    text-align: center;
                    font-size: 11px;
                    line-height: 20px;
                    width: 20px;
                    height: 20px;
                    margin-right: 10px;
                    position: absolute;
                    left: 0;
                    bottom: 2px;
                    border-radius: 50%;
                }

            .subPageAr .mypageAr .infoMod input[type=checkbox]:checked + label:before {
                background: url('//blob.wifidosirak.com/wm-d01/dosirakmobile/images/admCheck_on.png') no-repeat left top;
                background-size: 20px;
                text-align: center;
            }

        .subPageAr .mypageAr .infoMod .byeTxt {
            display: block;
            font-size: 24px;
            color: #333;
            text-align: center;
        }

            .subPageAr .mypageAr .infoMod .byeTxt b {
                margin-left: 5px;
                font-weight: normal;
            }

    .subPageAr .mypageAr .infoCheck {
        display: block;
        position: relative;
    }

        .subPageAr .mypageAr .infoCheck li {
            width: 100%;
            line-height: 40px;
            padding: 10px 60px;
            border-bottom: 1px solid #c2c2c2;
            text-align: left;
            vertical-align: middle;
            overflow: hidden;
        }

            .subPageAr .mypageAr .infoCheck li:nth-of-type(n+2) {
                margin-top: 0;
            }

            .subPageAr .mypageAr .infoCheck li:first-child {
                border-top: 1px solid #c2c2c2;
            }

            .subPageAr .mypageAr .infoCheck li .infoChkTit {
                display: inline-block;
                width: 310px;
                text-align: left;
                font-size: 18px;
                color: #333;
                font-weight: bold;
            }

                .subPageAr .mypageAr .infoCheck li .infoChkTit.short {
                    width: 215px;
                    vertical-align: top;
                }

            .subPageAr .mypageAr .infoCheck li .infoChkTxt {
                text-align: left;
                font-size: 18px;
                color: #646464;
                font-weight: lighter;
            }

        .subPageAr .mypageAr .infoCheck .btnChange {
            width: 180px;
            height: 40px;
            display: inline-block;
            border-radius: 5px;
            background: #3a68b2;
            color: #fff;
            box-sizing: border-box;
            text-align: center;
            font-size: 18px;
        }

            .subPageAr .mypageAr .infoCheck .btnChange.fr {
                float: right;
            }

        .subPageAr .mypageAr .infoCheck li .progressAr {
            display: inline-block;
            width: 500px;
            float: right;
        }

            .subPageAr .mypageAr .infoCheck li .progressAr:nth-of-type(n+2) {
                margin-top: 20px;
            }

            .subPageAr .mypageAr .infoCheck li .progressAr:after {
                clear: both;
            }

            .subPageAr .mypageAr .infoCheck li .progressAr .barTit {
                display: block;
                text-align: left;
                font-size: 15px;
                color: #646464;
            }

            .subPageAr .mypageAr .infoCheck li .progressAr .barUse {
                display: inline-block;
                text-align: left;
                font-size: 15px;
                color: #333;
                font-weight: bold;
            }

            .subPageAr .mypageAr .infoCheck li .progressAr .barRest {
                display: inline-block;
                text-align: right;
                font-size: 15px;
                color: #333;
                font-weight: bold;
                float: right;
            }

                .subPageAr .mypageAr .infoCheck li .progressAr .barRest:after {
                    clear: both;
                }

            .subPageAr .mypageAr .infoCheck li .progressAr .progress-bar {
                width: 100%;
                background-color: #c2c2c2;
                border-radius: 20px;
                margin: 2px 0;
                padding: 1px;
            }

            .subPageAr .mypageAr .infoCheck li .progressAr .progress-bar-fill {
                display: block;
                height: 22px;
                background-color: #3a68b2;
                border-radius: 20px;
                transition: width 500ms ease-in-out;
                position: relative;
            }

                .subPageAr .mypageAr .infoCheck li .progressAr .progress-bar-fill:after {
                    position: absolute;
                    width: 22px;
                    height: 22px;
                    border-radius: 50%;
                    background-color: #fff;
                    right: 0;
                    top: 0;
                    content: '';
                }

        .subPageAr .mypageAr .infoCheck .mypageBan {
            display: block;
            position: relative;
        }

            .subPageAr .mypageAr .infoCheck .mypageBan img {
                width: 100%;
            }

        .subPageAr .mypageAr .infoCheck .useDetailTb table {
            width: 100%;
            margin: 16px 0;
        }

        .subPageAr .mypageAr .infoCheck .useDetailTb thead {
            background-color: #ddd;
            text-align: center;
        }

            .subPageAr .mypageAr .infoCheck .useDetailTb thead th {
                height: 25px;
                line-height: 25px;
                font-size: 12px;
                color: #333;
                font-weight: bold;
                text-align: center;
                border: 1px solid #fff;
            }

        .subPageAr .mypageAr .infoCheck .useDetailTb tbody tr {
            border-bottom: 1px solid #a7a7a7;
            text-align: center;
        }

        .subPageAr .mypageAr .infoCheck .useDetailTb tbody td {
            height: 25px;
            line-height: 25px;
            font-size: 12px;
            color: #333;
            text-align: center;
            border: 1px solid #ddd;
        }

        .subPageAr .mypageAr .infoCheck .useDetailTb thead th:first-child {
            background-color: #3a68b2;
            color: #fff;
        }

        .subPageAr .mypageAr .infoCheck .useDetailTb thead th:last-child {
            border-right: 1px solid #ddd;
        }

        .subPageAr .mypageAr .infoCheck .useDetailTb tbody td:first-child {
            background-color: #3a68b2;
            color: #fff;
        }

/* 부가서비스 */
.subPageAr .additionalAr {
    display: block;
    width: 1100px;
    margin: auto;
    margin-top: 50px;
    border-top: 1px solid #c2c2c2;
}

    .subPageAr .additionalAr .addOptTab {
        display: block;
        width: 20%;
        overflow: hidden;
    }

        .subPageAr .additionalAr .addOptTab li {
            display: inline-block;
            font-size: 17px;
            width: 33.3%;
            text-align: center;
            float: left;
            vertical-align: middle;
            padding: 25px 0;
            color: #333;
            cursor: pointer;
            line-height: normal;
        }

            .subPageAr .additionalAr .addOptTab li.current {
                font-weight: bold;
            }

    .subPageAr .additionalAr .addOptTab-contentWrap {
        display: block;
        position: relative;
        width: 100%;
        overflow-y: auto;
        margin: auto;
    }

        .subPageAr .additionalAr .addOptTab-contentWrap .addOptTab-content {
            display: none;
            width: 1100px;
            margin: auto;
            position: relative;
        }

            .subPageAr .additionalAr .addOptTab-contentWrap .addOptTab-content.current {
                display: inherit;
            }

    .subPageAr .additionalAr .addOptDetail {
        display: block;
        width: 100%;
    }

        .subPageAr .additionalAr .addOptDetail li {
            display: inline-block;
            width: 350px;
            padding: 25px;
            border: 1px solid #3a68b2;
            border-radius: 20px;
        }

            .subPageAr .additionalAr .addOptDetail li:nth-child(3n+2) {
                margin: 0 21px;
            }

            .subPageAr .additionalAr .addOptDetail li:nth-of-type(n+4) {
                margin-top: 30px;
            }

        .subPageAr .additionalAr .addOptDetail .infoAr {
            display: block;
        }

            .subPageAr .additionalAr .addOptDetail .infoAr.check-btn {
                position: relative;
                display: block;
                background: url('//blob.wifidosirak.com/wm-d01/dosirakmobile/images/admCheck_off.png') no-repeat right center;
                cursor: pointer;
            }

                .subPageAr .additionalAr .addOptDetail .infoAr.check-btn.active {
                    background: url('//blob.wifidosirak.com/wm-d01/dosirakmobile/images/admCheck_on.png') no-repeat right center;
                }

            .subPageAr .additionalAr .addOptDetail .infoAr .optTit {
                display: block;
                font-size: 20px;
                color: #333;
                text-align: left;
                font-weight: bold;
                position: relative;
            }

            .subPageAr .additionalAr .addOptDetail .infoAr .optDate {
                display: block;
                font-size: 20px;
                text-align: left;
            }

        .subPageAr .additionalAr .addOptDetail .detailAr {
            display: block;
            margin-top: 40px;
            height: 46px;
            line-height: 46px;
            overflow: hidden;
        }

            .subPageAr .additionalAr .addOptDetail .detailAr .chargeInfo {
                display: inline-block;
                font-size: 20px;
                text-align: left;
                color: #333;
                font-weight: bold;
            }

            .subPageAr .additionalAr .addOptDetail .detailAr .optBtn {
                display: inline-block;
                border-radius: 5px;
                text-align: center;
                font-size: 18px;
                height: 46px;
                line-height: 46px;
            }

            .subPageAr .additionalAr .addOptDetail .detailAr .btnAr {
                display: block;
                float: right;
            }

                .subPageAr .additionalAr .addOptDetail .detailAr .btnAr:after {
                    clear: both;
                }

                .subPageAr .additionalAr .addOptDetail .detailAr .btnAr .optBtn.detail {
                    width: 95px;
                    background-color: #f7d05d;
                    color: #333;
                }

                .subPageAr .additionalAr .addOptDetail .detailAr .btnAr .optBtn.cancle {
                    width: 105px;
                    background-color: #3a68b2;
                    color: #fff;
                }

.subPageAr .addInfoAd {
    display: block;
    width: 1100px;
    margin: auto;
    text-align: center;
    padding: 50px 0 0;
}

    .subPageAr .addInfoAd .adTxt {
        display: inline-block;
        font-size: 24px;
        color: #333;
        vertical-align: middle;
    }

        .subPageAr .addInfoAd .adTxt b {
            color: #3a68b2;
        }

        .subPageAr .addInfoAd .adTxt.nextLine {
            display: block;
        }

    .subPageAr .addInfoAd select {
        display: inline-block;
        border-radius: 5px;
        border: 1px solid #c2c2c2;
        height: 45px;
        line-height: 45px;
        width: 210px;
        box-sizing: border-box;
        padding: 0 10px;
        margin: 0 5px;
        background: url('//blob.wifidosirak.com/wm-d01/dosirakmobile/images/selectArrow_pop.png') no-repeat 95% 54%; /* 네이티브 화살표를 커스텀 화살표로 대체 */
        color: #5b5b5b;
        font-size: 20px;
        vertical-align: middle;
        -webkit-appearance: none; /* 네이티브 외형 감추기 */
        -moz-appearance: none;
        appearance: none;
    }

        .subPageAr .addInfoAd select:focus {
            outline: none;
        }

        .subPageAr .addInfoAd select option {
            background-color: #fff;
            color: #333;
        }

/* 찜 리스트 */
.subPageAr .wishAr {
    display: block;
    width: 1100px;
    margin: auto;
    margin-top: 50px;
    border-top: 1px solid #c2c2c2;
}

    .subPageAr .wishAr .wishTotal {
        display: block;
        text-align: left;
        font-size: 17px;
        color: #333;
        font-weight: bold;
        padding: 25px 0;
    }

    .subPageAr .wishAr .wishDetail {
        display: block;
        width: 100%;
    }

        .subPageAr .wishAr .wishDetail li {
            display: inline-block;
            width: 350px;
            padding: 25px;
            border: 1px solid #3a68b2;
            border-radius: 20px;
        }

            .subPageAr .wishAr .wishDetail li:nth-child(3n+2) {
                margin: 0 21px;
            }

            .subPageAr .wishAr .wishDetail li:nth-of-type(n+4) {
                margin-top: 30px;
            }

        .subPageAr .wishAr .wishDetail .infoAr {
            display: block;
            position: relative;
        }

            .subPageAr .wishAr .wishDetail .infoAr .fav-btn {
                position: absolute;
                top: 15px;
                right: 0px;
                display: block;
                background: url('//blob.wifidosirak.com/wm-d01/dosirakmobile/images/mypage_fav_off.png') no-repeat 0 0;
                width: 23px;
                height: 21px;
                cursor: pointer;
            }

                .subPageAr .wishAr .wishDetail .infoAr .fav-btn.active {
                    background: url('//blob.wifidosirak.com/wm-d01/dosirakmobile/images/mypage_fav.png') no-repeat 0 0;
                }

            .subPageAr .wishAr .wishDetail .infoAr .optTit {
                display: block;
                font-size: 20px;
                color: #333;
                text-align: left;
                font-weight: bold;
                position: relative;
            }

            .subPageAr .wishAr .wishDetail .infoAr .optPrice {
                display: block;
                font-size: 20px;
                text-align: left;
            }

        .subPageAr .wishAr .wishDetail .detailAr {
            display: block;
            margin-top: 20px;
        }

            .subPageAr .wishAr .wishDetail .detailAr > div {
                display: inline-block;
                float: left;
            }

                .subPageAr .wishAr .wishDetail .detailAr > div:first-child {
                    width: 60%;
                }

                .subPageAr .wishAr .wishDetail .detailAr > div:last-child {
                    width: 40%;
                }

                .subPageAr .wishAr .wishDetail .detailAr > div .infoCon {
                    display: inline-block;
                    overflow: hidden;
                }

                    .subPageAr .wishAr .wishDetail .detailAr > div .infoCon:nth-of-type(n+2) {
                        margin-left: 15px;
                    }

                    .subPageAr .wishAr .wishDetail .detailAr > div .infoCon em {
                        display: block;
                        margin: auto;
                        text-align: center;
                    }

                        .subPageAr .wishAr .wishDetail .detailAr > div .infoCon em:after {
                            clear: both;
                        }

                        .subPageAr .wishAr .wishDetail .detailAr > div .infoCon em:nth-of-type(2) {
                            font-size: 12px;
                            color: #333;
                            margin-top: 10px;
                        }

                        .subPageAr .wishAr .wishDetail .detailAr > div .infoCon em:nth-of-type(3) {
                            font-size: 15px;
                            color: #3a68b2;
                            font-weight: bold;
                        }

                .subPageAr .wishAr .wishDetail .detailAr > div .wishBtn {
                    display: block;
                    width: 100px;
                    height: 35px;
                    border-radius: 5px;
                    text-align: center;
                    font-size: 18px;
                    float: right;
                }

                    .subPageAr .wishAr .wishDetail .detailAr > div .wishBtn:after {
                        clear: both;
                    }

                    .subPageAr .wishAr .wishDetail .detailAr > div .wishBtn:nth-of-type(n+2) {
                        margin-top: 5px;
                    }

                    .subPageAr .wishAr .wishDetail .detailAr > div .wishBtn.blue {
                        background-color: #3a68b2;
                        color: #fff;
                    }

                    .subPageAr .wishAr .wishDetail .detailAr > div .wishBtn.yellow {
                        background-color: #f7d05d;
                        color: #333;
                    }

/* 고객만족센터 */
.subPageAr .csAr {
    display: block;
    width: 1100px;
    margin: auto;
    margin-top: 50px; /*border-top: 1px solid #c2c2c2;*/
}

    .subPageAr .csAr .csDetail {
        display: block;
        width: 100%;
    }

        .subPageAr .csAr .csDetail li {
            display: inline-block;
            width: 260px;
            height: 185px;
            padding: 25px 10px;
            border: 1px solid #3a68b2;
            border-radius: 20px;
            margin-right: 16px;
            text-align: center;
            box-sizing: border-box;
        }

            .subPageAr .csAr .csDetail li:nth-of-type(4) {
                margin-right: 0;
            }

            .subPageAr .csAr .csDetail li:nth-of-type(n+5) {
                margin-top: 30px;
            }

        .subPageAr .csAr .csDetail .wideAr {
            width: 536px;
            margin-right: 0;
            float: right;
            padding: 60px 0;
        }

            .subPageAr .csAr .csDetail .wideAr:after {
                clear: both;
            }

            .subPageAr .csAr .csDetail .wideAr .csAdTxt {
                display: block;
                font-size: 24px;
                line-height: 140%;
                color: #333;
                text-align: center;
            }

                .subPageAr .csAr .csDetail .wideAr .csAdTxt b {
                    color: #3a68b2;
                }

        .subPageAr .csAr .csDetail li img {
            display: block;
            text-align: center;
            margin: auto;
        }

        .subPageAr .csAr .csDetail .csTit {
            display: block;
            font-size: 20px;
            color: #333;
            font-weight: bold;
            text-align: center;
            line-height: 100%;
            margin-top: 15px;
        }

        .subPageAr .csAr .csDetail .csNote {
            display: block;
            font-size: 18px;
            color: #333;
            text-align: center;
        }

/* 공지사항 & FAQ */
.subPageAr .boardAr {
    display: block;
    width: 850px;
    margin: auto;
    margin-top: 50px;
}

    .subPageAr .boardAr .searchAr {
        display: inline-block;
    }

        .subPageAr .boardAr .searchAr .searchWrap {
            display: block;
            border: 1px solid #c2c2c2;
            border-radius: 5px;
            overflow: hidden;
        }

        .subPageAr .boardAr .searchAr select::-ms-expand {
            display: none;
        }

        .subPageAr .boardAr .searchAr select {
            display: inline-block;
            height: 36px;
            line-height: 36px;
            width: 90px;
            border-right: 1px solid #c2c2c2;
            box-sizing: border-box;
            padding: 0 10px;
            background: url('http://blob.wifidosirak.com/wm-d01/dosirakmobile/images/selectArrow_pop.png') no-repeat 85% 54%; /* 네이티브 화살표를 커스텀 화살표로 대체 */
            color: #333;
            font-size: 14px;
            -webkit-appearance: none; /* 네이티브 외형 감추기 */
            -moz-appearance: none;
            appearance: none;
        }

        .subPageAr .boardAr .searchAr input[type=text] {
            padding: 0 20px;
            font-size: 14px;
            width: 370px;
        }

            .subPageAr .boardAr .searchAr input[type=text]::placeholder {
                color: #c2c2c2;
            }

        .subPageAr .boardAr .searchAr .btnSearch {
            width: 90px;
            height: 36px;
            background-color: #3a68b2;
            color: #fff;
            font-size: 14px;
            text-align: center;
        }

    .subPageAr .boardAr .boardCon {
        display: block;
        padding: 30px 0;
    }

        .subPageAr .boardAr .boardCon li {
            display: block;
            border: 1px solid #3a68b2;
            border-radius: 20px;
            padding: 20px 25px;
            overflow: hidden;
            cursor: pointer;
        }

            .subPageAr .boardAr .boardCon li:nth-of-type(n+2) {
                margin-top: 30px;
            }

            .subPageAr .boardAr .boardCon li .noticeTit {
                display: inline-block;
                text-align: left;
                font-size: 20px;
                font-weight: bold;
                color: #333;
                height: 36px;
                line-height: 36px;
            }

            .subPageAr .boardAr .boardCon li .faqTit {
                display: inline-block;
                text-align: left;
                font-size: 20px;
                font-weight: bold;
                color: #3a68b2;
                height: 36px;
                line-height: 36px;
            }

            .subPageAr .boardAr .boardCon li .noticeTit strong {
                color: #3a68b2;
                margin-right: 5px;
            }

            .subPageAr .boardAr .boardCon li .noticeDate {
                display: inline-block;
                font-size: 20px;
                color: #c2c2c2;
                height: 36px;
                line-height: 36px;
                margin-right: 40px;
            }

            .subPageAr .boardAr .boardCon li .openArrow {
                width: 36px;
                height: 36px;
                line-height: 36px;
                background: none;
                position: relative;
                margin: auto;
                color: #fff;
                display: inline-block;
                float: right;
            }

                .subPageAr .boardAr .boardCon li .openArrow.active {
                    background: none;
                }

                .subPageAr .boardAr .boardCon li .openArrow:before, .subPageAr .boardAr .boardCon li .openArrow:after {
                    content: "";
                    display: block;
                    width: 15px;
                    height: 2px;
                    background: #333;
                    position: absolute;
                    top: 18px;
                }

                .subPageAr .boardAr .boardCon li .openArrow:before {
                    right: 21px;
                    border-top-left-radius: 10px;
                    border-bottom-left-radius: 10px;
                    transform: rotate(45deg);
                }

                .subPageAr .boardAr .boardCon li .openArrow:after {
                    right: 12px;
                    transform: rotate(-45deg);
                }

                .subPageAr .boardAr .boardCon li .openArrow.active:before {
                    transform: rotate(-45deg);
                }

                .subPageAr .boardAr .boardCon li .openArrow.active:after {
                    transform: rotate(45deg);
                }

            .subPageAr .boardAr .boardCon li > div {
                display: inline-block;
                float: left;
            }

                .subPageAr .boardAr .boardCon li > div:after {
                    clear: both;
                }

                .subPageAr .boardAr .boardCon li > div:first-child {
                    width: 70%;
                }

                .subPageAr .boardAr .boardCon li > div:nth-of-type(2) {
                    width: 30%;
                    text-align: right;
                }

                .subPageAr .boardAr .boardCon li > div:nth-of-type(3) {
                    width: 100%;
                    display: none;
                    margin-top: 25px;
                }

            .subPageAr .boardAr .boardCon li .substance {
                text-align: left;
                font-size: 18px;
                color: #333;
                line-height: 120%;
            }

    .subPageAr .boardAr .faqTab {
        width: 850px;
        display: block;
        overflow: hidden;
        margin-top: 30px;
    }

        .subPageAr .boardAr .faqTab li {
            background: #fff;
            font-size: 18px;
            width: 20%;
            text-align: center;
            float: left;
            vertical-align: middle;
            padding: 10px 0;
            color: #333;
            cursor: pointer;
            line-height: normal;
            border: 1px solid #ddd;
            box-sizing: border-box;
        }

            .subPageAr .boardAr .faqTab li:nth-of-type(n+6) {
                margin-top: -1px;
            }

            .subPageAr .boardAr .faqTab li:after {
                clear: both;
            }

            .subPageAr .boardAr .faqTab li.on {
                background: #3a68b2;
                color: #fff;
                font-weight: bold;
                border: 1px solid #3a68b2;
                position: relative;
            }

    .subPageAr .boardAr .faqTab-contentWrap {
        display: block;
        position: relative;
        width: 100%;
        overflow-y: auto;
        margin: auto;
    }

    .subPageAr .boardAr .faqTab-content {
        display: none;
        width: 100%;
        margin: auto;
        position: relative;
    }

        .subPageAr .boardAr .faqTab-content.on {
            display: inherit;
        }

/* 1:1 문의 */
.subPageAr .individualAr {
    display: block;
    width: 1100px;
    margin: auto;
}

    .subPageAr .individualAr .individualTab {
        width: 1100px;
        display: inline-block;
    }

        .subPageAr .individualAr .individualTab li {
            background: #fff;
            font-size: 22px;
            width: 50%;
            text-align: center;
            float: left;
            vertical-align: middle;
            padding: 10px 0;
            color: #333;
            cursor: pointer;
            line-height: normal;
            border: 1px solid #ddd;
            box-sizing: border-box;
        }

            .subPageAr .individualAr .individualTab li.current {
                background: #3a68b2;
                color: #fff;
                font-weight: bold;
                border: 1px solid #3a68b2;
                position: relative;
            }

                .subPageAr .individualAr .individualTab li.current span {
                    position: absolute;
                    top: 52px;
                    left: 265px;
                    display: block;
                    width: 23px;
                    height: 11px;
                    background: url('//blob.wifidosirak.com/wm-d01/dosirakmobile/images/tab_on_img.png') no-repeat 0 0;
                    z-index: 11;
                }

    .subPageAr .individualAr .individualTab-contentWrap {
        display: block;
        position: relative;
        width: 100%;
        overflow-y: auto;
        padding-top: 50px;
        margin: auto;
    }

    .subPageAr .individualAr .individualTab-content {
        display: none;
        width: 1100px;
        margin: auto;
        position: relative;
    }

        .subPageAr .individualAr .individualTab-content.current {
            display: inherit;
        }

    .subPageAr .individualAr .individualTit {
        display: block;
        font-size: 18px;
        color: #333;
        text-align: left;
    }

        .subPageAr .individualAr .individualTit:nth-of-type(n+2) {
            margin-top: 50px;
        }

    .subPageAr .individualAr .inputAr {
        display: block;
        overflow: hidden;
        position: relative;
        padding: 8px 0;
    }

        .subPageAr .individualAr .inputAr input[type=text] {
            display: inline-block;
            box-sizing: border-box;
            height: 46px;
            border-radius: 5px;
            border: 1px solid #c2c2c2;
            vertical-align: middle;
            padding-left: 20px;
            font-size: 18px;
        }

        .subPageAr .individualAr .inputAr input[type=number] {
            display: inline-block;
            box-sizing: border-box;
            height: 46px;
            border-radius: 5px;
            border: 1px solid #c2c2c2;
            vertical-align: middle;
            padding-left: 20px;
            font-size: 18px;
        }

        .subPageAr .individualAr .inputAr input[type=date] {
            display: inline-block;
            box-sizing: border-box;
            height: 46px;
            border-radius: 5px;
            border: 1px solid #c2c2c2;
            vertical-align: middle;
            padding-left: 20px;
            font-size: 18px;
        }

            .subPageAr .individualAr .inputAr input[type=text]:focus {
                outline: none;
            }

        .subPageAr .individualAr .inputAr input.half {
            width: 617px;
        }

        .subPageAr .individualAr .inputAr input.quarter {
            width: 200px;
        }

        .subPageAr .individualAr .inputAr input.normal {
            width: 298px;
        }

        .subPageAr .individualAr .inputAr input.inputFull {
            width: 100%;
        }

        .subPageAr .individualAr .inputAr textarea:focus {
            outline: none;
        }

        .subPageAr .individualAr .inputAr textarea::placeholder {
            font-size: 18px;
        }

        .subPageAr .individualAr .inputAr textarea.gray {
            background-color: #eaeaea;
        }

        .subPageAr .individualAr .inputAr .inputForm {
            display: block;
            width: 100%;
            height: 250px;
            border: 1px solid #c2c2c2;
            border-radius: 5px;
            padding: 20px;
            overflow: overlay;
        }

        .subPageAr .individualAr .inputAr .inpGroup {
            display: block;
        }

            .subPageAr .individualAr .inputAr .inpGroup .grouping {
                display: inline-block;
                margin-left: 14px;
                vertical-align: middle;
            }

    .subPageAr .individualAr select::-ms-expand {
        display: none;
    }

    .subPageAr .individualAr select {
        display: inline-block;
        border-radius: 5px;
        border: 1px solid #c2c2c2;
        height: 46px;
        line-height: 46px;
        width: 300px;
        box-sizing: border-box;
        padding: 0 20px;
        background: url('//blob.wifidosirak.com/wm-d01/dosirakmobile/images/selectArrow_pop.png') no-repeat 95% 54%; /* 네이티브 화살표를 커스텀 화살표로 대체 */
        color: #5b5b5b;
        font-size: 18px;
        -webkit-appearance: none; /* 네이티브 외형 감추기 */
        -moz-appearance: none;
        appearance: none;
    }

        .subPageAr .individualAr select.quarter {
            width: 200px;
        }

        .subPageAr .individualAr select option {
            background-color: #fff;
            color: #333;
        }

    .subPageAr .individualAr .chkAr {
        display: block;
        padding: 15px 0;

    }
    .subPageAr .individualAr .chkAr2 {
        display: block;
        padding: 8px 0;
        float:left;
        margin-left:20px;
    }

        .subPageAr .individualAr .chkAr input {
            display: none;
        }

            .subPageAr .individualAr .chkAr input + label {
                display: inline-block;
                width: 30px;
                height: 30px;
                cursor: pointer;
                overflow: hidden;
                border: none;
                border-radius: 0;
            }

                .subPageAr .individualAr .chkAr input + label.indiCheckLabel {
                    background: url(//blob.wifidosirak.com/wm-d01/dosirakmobile/images/memberJoin_chk_off.png) no-repeat 0 0;
                }

            .subPageAr .individualAr .chkAr input:checked + label.indiCheckLabel {
                background: url(//blob.wifidosirak.com/wm-d01/dosirakmobile/images/memberJoin_chk_on.png) no-repeat 0 0;
            }

        .subPageAr .individualAr .chkAr .indiAgree {
            text-align: left;
            font-size: 18px;
            color: #333;
            vertical-align: middle;
        }

            .subPageAr .individualAr .chkAr .indiAgree a {
                color: #3a68b2;
                font-weight: lighter;
            }

    .subPageAr .individualAr .attachmentAr {
        display: block;
        text-align: right;
        padding: 8px 0;
        vertical-align: middle;
    }

        .subPageAr .individualAr .attachmentAr .attachmentTxt {
            display: inline-block;
            font-size: 16px;
            color: #5b5b5b;
            height: 34px;
            line-height: 34px;
        }

        .subPageAr .individualAr .attachmentAr .attachmentBtn {
            display: inline-block;
            width: 140px;
            height: 34px;
            line-height: 34px;
            background-color: #3a68b2;
            color: #fff;
            text-align: center;
            font-size: 14px;
            border-radius: 5px;
            margin-left: 10px;
            float: right;
        }

            .subPageAr .individualAr .attachmentAr .attachmentBtn:after {
                clear: both;
            }

    .subPageAr .individualAr .inquiryList .listForm {
        display: block;
    }

        .subPageAr .individualAr .inquiryList .listForm li {
            display: block;
            border: 1px solid #3a68b2;
            border-radius: 20px;
            padding: 20px 25px;
            width: 100%;
        }

        .subPageAr .individualAr .inquiryList .listForm .lt {
            cursor: pointer;
        }

        .subPageAr .individualAr .inquiryList .listForm li:nth-of-type(n+2) {
            margin-top: 30px;
        }

        .subPageAr .individualAr .inquiryList .listForm li > div {
            display: inline-block;
        }

            .subPageAr .individualAr .inquiryList .listForm li > div:last-child {
                float: right;
            }

            .subPageAr .individualAr .inquiryList .listForm li > div .formTit {
                display: inline-block;
                width: 540px;
                font-size: 20px;
                text-align: left;
                color: #333;
                font-weight: bold;
            }

            .subPageAr .individualAr .inquiryList .listForm li > div .formDate {
                display: inline-block;
                width: 100px;
                font-size: 20px;
                text-align: left;
                color: #c2c2c2;
            }

            .subPageAr .individualAr .inquiryList .listForm li > div .condition {
                display: inline-block;
                width: 80px;
                height: 34px;
                line-height: 34px;
                text-align: center;
                font-size: 14px;
                color: #fff;
                border-radius: 5px;
                background-color: #3a68b2;
                box-sizing: border-box;
            }

                .subPageAr .individualAr .inquiryList .listForm li > div .condition.complate {
                    background-color: #c2c2c2;
                }

            .subPageAr .individualAr .inquiryList .listForm li > div .listClear {
                display: inline-block;
                vertical-align: middle;
                margin-left: 60px;
                cursor: pointer;
            }

    .subPageAr .individualAr .inquiryList {
        display: none;
    }

    .subPageAr .individualAr .inquiryDetail {
        display: none;
    }

        .subPageAr .individualAr .inquiryDetail .attach {
            display: inline-block;
            font-size: 14px;
            color: #777;
            text-align: left;
        }

            .subPageAr .individualAr .inquiryDetail .attach:nth-of-type(n+2) {
                margin-left: 5px;
            }

/* 이벤트 */
.subPageAr .eventTabAr {
    width: 100%;
    margin: auto;
    text-align: center;
    position: relative;
}

.subPageAr .eventTab {
    width: 1100px;
    display: inline-block;
    position: relative;
}

    .subPageAr .eventTab li {
        background: #fff;
        font-size: 22px;
        width: 33.3%;
        text-align: center;
        float: left;
        vertical-align: middle;
        padding: 10px 0;
        color: #333;
        cursor: pointer;
        line-height: normal;
        border: 1px solid #ddd;
        box-sizing: border-box;
    }

        .subPageAr .eventTab li.current {
            background: #3a68b2;
            color: #fff;
            font-weight: bold;
            border: 1px solid #3a68b2;
            position: relative;
        }

        .subPageAr .eventTab li:first-child {
            margin-left: 2px;
        }

        .subPageAr .eventTab li:nth-of-type(n+2) {
            margin-left: -1px;
        }

        .subPageAr .eventTab li.current span {
            position: absolute;
            top: 52px;
            left: 170px;
            display: block;
            width: 23px;
            height: 11px;
            background: url('//blob.wifidosirak.com/wm-d01/dosirakmobile/images/tab_on_img.png') no-repeat 0 0;
            z-index: 11;
        }

.subPageAr .eventTab-content {
    display: none;
    width: 100%;
    margin: auto;
    position: relative;
}

    .subPageAr .eventTab-content.current {
        display: inherit;
    }

.subPageAr .eventAr {
    display: block;
    width: 1100px;
    margin: auto;
    padding: 50px 0;
}

    .subPageAr .eventAr .eventDetail {
        display: block;
        width: 100%;
    }

        .subPageAr .eventAr .eventDetail li {
            display: inline-block;
            width: 350px;
        }

            .subPageAr .eventAr .eventDetail li:nth-child(3n+2) {
                margin: 0 21px;
            }

            .subPageAr .eventAr .eventDetail li:nth-of-type(n+4) {
                margin-top: 30px;
            }

            .subPageAr .eventAr .eventDetail li .banImgAr {
                display: block;
                width: 100%;
                border: 1px solid #3a68b2;
                border-radius: 20px;
                overflow: hidden;
                box-sizing: border-box;
                position: relative;
            }

                .subPageAr .eventAr .eventDetail li .banImgAr .dimm {
                    display: block;
                    width: 100%;
                    height: 100%;
                    background-color: rgba(0,0,0,0.5);
                    background-size: cover;
                    position: absolute;
                    top: 0;
                    left: 0;
                    z-index: 10;
                }

                    .subPageAr .eventAr .eventDetail li .banImgAr .dimm span {
                        display: block;
                        text-align: center;
                        font-size: 20px;
                        font-weight: bold;
                        color: #fff;
                        line-height: 188px;
                    }

            .subPageAr .eventAr .eventDetail li .banTxtAr {
                display: block;
                margin-top: 25px;
            }

                .subPageAr .eventAr .eventDetail li .banTxtAr .banTxtTit {
                    display: block;
                    text-align: left;
                    font-size: 20px;
                    line-height: 20px;
                    color: #333;
                    font-weight: bold;
                }

                .subPageAr .eventAr .eventDetail li .banTxtAr .banTxtDate {
                    display: block;
                    text-align: left;
                    font-size: 20px;
                    color: #333;
                }

/* 사용안내 */
.subPageAr .guideTabAr {
    width: 100%;
    margin: auto;
    text-align: center;
    position: relative;
}

.subPageAr .guideTab {
    width: 1100px;
    display: inline-block;
    position: relative;
}

    .subPageAr .guideTab li {
        background: #fff;
        font-size: 22px;
        width: 33.3%;
        text-align: center;
        float: left;
        vertical-align: middle;
        padding: 10px 0;
        color: #333;
        cursor: pointer;
        line-height: normal;
        border: 1px solid #ddd;
        box-sizing: border-box;
    }

        .subPageAr .guideTab li.current {
            background: #3a68b2;
            color: #fff;
            font-weight: bold;
            border: 1px solid #3a68b2;
            position: relative;
        }

        .subPageAr .guideTab li:first-child {
            margin-left: 2px;
        }

        .subPageAr .guideTab li:nth-of-type(n+2) {
            margin-left: -1px;
        }

        .subPageAr .guideTab li.current span {
            position: absolute;
            top: 52px;
            left: 170px;
            display: block;
            width: 23px;
            height: 11px;
            background: url('//blob.wifidosirak.com/wm-d01/dosirakmobile/images/tab_on_img.png') no-repeat 0 0;
            z-index: 11;
        }

.subPageAr .guideTab-content {
    display: none;
    width: 100%;
    margin: auto;
    position: relative;
}

    .subPageAr .guideTab-content.current {
        display: inherit;
    }

    .subPageAr .guideTab-content h1 {
        display: block;
        font-size: 20px;
        color: #333;
        text-align: left;
        margin-bottom: 20px;
    }

.subPageAr .guidanceWrap {
    display: block;
    width: 100%;
    border: 1px solid #3a68b2;
    border-radius: 20px;
    padding: 30px;
    margin: auto;
}

    .subPageAr .guidanceWrap .wdImg {
        display: inline-block;
        width: 250px;
        text-align: center;
        vertical-align: middle;
        margin-right: 15px;
    }

    .subPageAr .guidanceWrap .guidanceTit {
        display: block;
        font-size: 20px;
        color: #333;
        text-align: left;
        font-weight: bold;
        vertical-align: middle;
        letter-spacing: -1px;
    }

        .subPageAr .guidanceWrap .guidanceTit.blue {
            color: #3a68b2;
        }

    .subPageAr .guidanceWrap .guidanceTxt {
        display: block;
        font-size: 20px;
        line-height: 24px;
        color: #5b5b5b;
        text-align: left;
        margin-top: 10px;
        letter-spacing: -1px;
    }

        .subPageAr .guidanceWrap .guidanceTxt.independ {
            margin-top: 0;
            vertical-align: middle;
        }

        .subPageAr .guidanceWrap .guidanceTxt.alert {
            margin-top: 10px;
            font-size: 15px;
            color: #ff2121;
        }

    .subPageAr .guidanceWrap .mobileChk {
        display: block;
        font-size: 18px;
        text-align: center;
        color: #fff;
        padding: 10px 15px;
        border-radius: 10px;
        background-color: #3a68b2;
        margin-top: 15px;
    }

    .subPageAr .guidanceWrap .guidanceNote {
        display: block;
        padding: 10px 15px;
        border-radius: 10px;
        background-color: #eaeaea;
        margin-top: 15px;
    }

        .subPageAr .guidanceWrap .guidanceNote .noteTit {
            display: block;
            font-size: 18px;
            color: #3a68b2;
            text-align: left;
        }

        .subPageAr .guidanceWrap .guidanceNote .noteTxt {
            display: block;
            text-align: left;
            font-size: 16px;
            color: #5b5b5b;
            line-height: 140%;
            margin-left: 2px;
        }

            .subPageAr .guidanceWrap .guidanceNote .noteTxt:before {
                content: '-';
                margin-right: 2px;
            }

    /* css 추가 */
    .subPageAr .guidanceWrap img.imgCenter {
        display: block;
        width: 100%;
        margin: auto;
        padding: 15px;
    }

    .subPageAr .guidanceWrap .usimImg {
        display: block;
        width: 100%;
        margin-top: 10px;
        overflow: hidden;
    }

        .subPageAr .guidanceWrap .usimImg li {
            display: block;
            width: 49%;
            float: left;
        }

            .subPageAr .guidanceWrap .usimImg li:after {
                clear: both;
            }

            .subPageAr .guidanceWrap .usimImg li:nth-of-type(n+2) {
                margin-top: 0;
                margin-left: 2%;
            }

        .subPageAr .guidanceWrap .usimImg.chk {
            display: block;
            width: 100%;
            margin-top: 10px;
            overflow: hidden;
        }

            .subPageAr .guidanceWrap .usimImg.chk li {
                display: block;
                width: 60%;
                float: left;
            }

                .subPageAr .guidanceWrap .usimImg.chk li:nth-of-type(2) {
                    width: 38%;
                }

        .subPageAr .guidanceWrap .usimImg .imgTit {
            display: block;
            font-size: 18px;
            color: #333;
            text-align: left;
            padding: 5px 0;
        }

        .subPageAr .guidanceWrap .usimImg .imgTxt {
            display: block;
            font-size: 18px;
            line-height: 120%;
            color: #5b5b5b;
            text-align: left;
        }

            .subPageAr .guidanceWrap .usimImg .imgTxt.list {
                line-height: 140%;
                margin-left: 8px;
            }

                .subPageAr .guidanceWrap .usimImg .imgTxt.list:before {
                    content: '-';
                    margin-left: -12px;
                    position: absolute;
                }

                .subPageAr .guidanceWrap .usimImg .imgTxt.list:nth-of-type(n+2) {
                    margin-top: 10px;
                }

.chargeLargeAr .swiper-container, .chargeSlimAr .swiper-container {
    width: 1000px;
    height: 100%;
    margin: auto;
    text-align: center;
    padding-bottom: 50px;
    overflow: hidden;
    position: relative;
}

    .chargeLargeAr .swiper-container .swiper-wrapper, .chargeSlimAr .swiper-container .swiper-wrapper {
        margin: auto;
        text-align: center;
    }

    .chargeLargeAr .swiper-container .swiper-slide, .chargeSlimAr .swiper-container .swiper-slide {
        text-align: center;
        margin: auto;
        width: 326px;
        height: 400px;
        background: url('//blob.wifidosirak.com/wm-d01/dosirakmobile/images/dosirakBg.png') 0 0;
        vertical-align: middle;
        border-radius: 40px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;
    }

.chargeLargeAr .swiper-slide .planTb, .chargeSlimAr .swiper-slide .planTb {
    display: block;
    position: relative;
    width: 100%;
    padding: 0 27px;
    overflow: hidden;
}

    .chargeLargeAr .swiper-slide .planTb .fav-btn, .chargeSlimAr .swiper-slide .planTb .fav-btn {
        position: absolute;
        top: 35px;
        right: 45px;
        display: block;
        background: url('//blob.wifidosirak.com/wm-d01/dosirakmobile/images/favBtn.png') no-repeat 0 0;
        width: 25px;
        height: 23px;
        cursor: pointer;
    }

        .chargeLargeAr .swiper-slide .planTb .fav-btn.active, .chargeSlimAr .swiper-slide .planTb .fav-btn.active {
            background: url('//blob.wifidosirak.com/wm-d01/dosirakmobile/images/favBtn_on.png') no-repeat 0 0;
        }

    .chargeLargeAr .swiper-slide .planTb .priceTit, .chargeSlimAr .swiper-slide .planTb .priceTit {
        display: block;
        position: relative;
        font-size: 25px;
        color: #fff;
        text-align: left;
        line-height: 100%;
        font-weight: 100;
        margin-top: 24px;
    }

        .chargeLargeAr .swiper-slide .planTb .priceTit strong, .chargeSlimAr .swiper-slide .planTb .priceTit strong {
            border: 1px solid #fff;
            font-size: 20px;
            padding: 0 5px;
            margin-right: 5px;
        }

        .chargeLargeAr .swiper-slide .planTb .priceTit b, .chargeSlimAr .swiper-slide .planTb .priceTit b {
            font-weight: 700;
        }

    .chargeLargeAr .swiper-slide .planTb .planAr, .chargeSlimAr .swiper-slide .planTb .planAr {
        display: block;
        margin-top: 23px;
        width: 100%;
    }

        .chargeLargeAr .swiper-slide .planTb .planAr li, .chargeSlimAr .swiper-slide .planTb .planAr li {
            float: left;
            width: 33.3%;
            box-sizing: border-box;
            display: inline-block;
        }

            .chargeLargeAr .swiper-slide .planTb .planAr li .iconAr, .chargeSlimAr .swiper-slide .planTb .planAr li .iconAr {
                display: block;
                height: 68px;
            }

            .chargeLargeAr .swiper-slide .planTb .planAr li .iconName, .chargeSlimAr .swiper-slide .planTb .planAr li .iconName {
                display: block;
                font-size: 12px;
                margin-top: 10px;
                text-align: center;
                color: #fff;
            }

            .chargeLargeAr .swiper-slide .planTb .planAr li .iconVol, .chargeSlimAr .swiper-slide .planTb .planAr li .iconVol {
                display: block;
                font-size: 16px;
                text-align: center;
                color: #fff;
                font-weight: bold;
                line-height: 16px;
            }

    .chargeLargeAr .swiper-slide .planTb .planPrice, .chargeSlimAr .swiper-slide .planTb .planPrice {
        display: block;
        clear: both;
        margin: auto;
        text-align: center;
    }

        .chargeLargeAr .swiper-slide .planTb .planPrice .priceWrap, .chargeSlimAr .swiper-slide .planTb .planPrice .priceWrap {
            font-size: 24px;
            color: #f7d05d;
        }

            .chargeLargeAr .swiper-slide .planTb .planPrice .priceWrap strong, .chargeSlimAr .swiper-slide .planTb .planPrice .priceWrap strong {
                font-size: 34px;
            }

        .chargeLargeAr .swiper-slide .planTb .planPrice > div:first-child, .chargeSlimAr .swiper-slide .planTb .planPrice > div:first-child {
            width: 60%;
            display: inline-block;
            float: left;
            padding: 22px 0;
        }

        .chargeLargeAr .swiper-slide .planTb .planPrice > div:last-child, .chargeSlimAr .swiper-slide .planTb .planPrice > div:last-child {
            width: 40%;
            display: inline-block;
            clear: both;
            padding: 25px 0;
            margin: auto;
        }

        .chargeLargeAr .swiper-slide .planTb .planPrice .btnBuy, .chargeSlimAr .swiper-slide .planTb .planPrice .btnBuy {
            display: block;
            background: #fff;
            color: #333;
            border-radius: 10px;
            font-size: 16px;
            width: 86px;
            height: 42px;
            line-height: 42px;
            font-weight: bold;
            margin: auto;
        }

        .chargeLargeAr .swiper-slide .planTb .planPrice .btnTem, .chargeSlimAr .swiper-slide .planTb .planPrice .btnTem {
            display: block;
            background: #fff;
            color: #333;
            border-radius: 5px;
            font-size: 12px;
            width: 86px;
            height: 24px;
            line-height: 24px;
            font-weight: bold;
            margin: auto;
        }

            .chargeLargeAr .swiper-slide .planTb .planPrice .btnTem.wh, .chargeSlimAr .swiper-slide .planTb .planPrice .btnTem.wh {
                background: none;
                color: #fff;
                border: 1px solid #fff;
            }

            .chargeLargeAr .swiper-slide .planTb .planPrice .btnTem:nth-of-type(n+2), .chargeSlimAr .swiper-slide .planTb .planPrice .btnTem:nth-of-type(n+2) {
                margin-top: 5px;
            }

        .chargeLargeAr .swiper-slide .planTb .planPrice a:hover, .chargeSlimAr .swiper-slide .planTb .planPrice a:hover {
            background: #f7d05d !important;
            color: #333 !important;
        }

    .chargeLargeAr .swiper-slide .planTb.blueTag, .chargeSlimAr .swiper-slide .planTb.blueTag {
        display: block;
        background: #ddd;
        margin: 40px 0;
    }

.chargeLargeAr, .chargeSlimAr {
    width: 1100px;
    margin: auto;
    text-align: center;
    position: relative;
    padding-bottom: 30px;
}

    .chargeLargeAr .swiper-pagination, .chargeSlimAr .swiper-pagination {
        position: absolute;
        text-align: left;
        left: 10px !important;
        z-index: 100000;
    }

    .chargeLargeAr .swiper-button-prev, .chargeSlimAr .swiper-button-prev {
        position: absolute;
        left: 0px;
        z-index: 1;
        top: 45%;
    }

    .chargeLargeAr .swiper-button-next, .chargeSlimAr .swiper-button-next {
        position: absolute;
        right: 0px;
        z-index: 1;
        top: 45%;
    }

    .chargeLargeAr .viewAll, .chargeSlimAr .viewAll {
        position: absolute;
        font-size: 14px;
        font-weight: bold;
        color: #3a68b2;
        bottom: 10px;
        right: 60px;
        border-bottom: 1px solid #3a68b2;
        letter-spacing: -0.5px;
    }

.chargeAr .priceTitAr {
    display: block;
    width: 1000px;
    padding: 10px 0;
    margin: auto;
    border-bottom: 1px solid #333;
}

    .chargeAr .priceTitAr:first-child {
        margin-top: 30px;
    }

    .chargeAr .priceTitAr .priceTit {
        font-size: 20px;
        color: #333;
        font-weight: bold;
        text-align: left;
    }

    .chargeAr .priceTitAr .priceSub {
        font-size: 16px;
        color: #646464;
        text-align: left;
        margin-left: 10px;
    }

/* 부가서비스 */
.addAr {
    display: block;
    width: 1100px;
    margin: auto;
    padding: 50px 0;
}

.subPageAr .addTabAr {
    width: 100%;
    margin: auto;
    text-align: center;
    position: relative;
}

.subPageAr .addTab {
    width: 1100px;
    display: inline-block;
    position: relative;
}

    .subPageAr .addTab li {
        background: #fff;
        font-size: 22px;
        width: 33.3%;
        text-align: center;
        float: left;
        vertical-align: middle;
        padding: 10px 0;
        color: #333;
        cursor: pointer;
        line-height: normal;
        border: 1px solid #ddd;
        box-sizing: border-box;
    }

        .subPageAr .addTab li.current {
            background: #3a68b2;
            color: #fff;
            font-weight: bold;
            border: 1px solid #3a68b2;
            position: relative;
        }

        .subPageAr .addTab li:first-child {
            margin-left: 2px;
        }

        .subPageAr .addTab li:nth-of-type(n+2) {
            margin-left: -1px;
        }

        .subPageAr .addTab li.current span {
            position: absolute;
            top: 52px;
            left: 170px;
            display: block;
            width: 23px;
            height: 11px;
            background: url('//blob.wifidosirak.com/wm-d01/dosirakmobile/images/tab_on_img.png') no-repeat 0 0;
            z-index: 11;
        }

        .subSpan {
            left: 275px !important;
        }

.subPageAr .addTab-content {
    display: none;
    width: 100%;
    margin: auto;
    position: relative;
}

    .subPageAr .addTab-content.current {
        display: inherit;
    }

    .subPageAr .addTab-content h1 {
        display: block;
        font-size: 20px;
        color: #333;
        text-align: left;
        margin-bottom: 20px;
    }

.addAr .addListDetail {
    display: block;
}

    .addAr .addListDetail li {
        display: block;
        padding: 40px 50px;
        border-top: 1px solid #c2c2c2;
        border-bottom: 1px solid #c2c2c2;
        overflow: hidden;
    }

        .addAr .addListDetail li:nth-of-type(n+2) {
            border-top: 0;
        }

        .addAr .addListDetail li .detailCon {
            display: inline-block;
            width: 70%;
            float: left;
        }

        .addAr .addListDetail li .detailPrice {
            display: inline-block;
            width: 30%;
            float: left;
        }

        .addAr .addListDetail li .detailCon .option {
            display: block;
            width: 80px;
            font-size: 18px;
            text-align: center;
            color: #3a68b2;
            border: 1px solid #3a68b2;
            padding: 5px;
        }

        .addAr .addListDetail li .detailCon .mainTit {
            display: block;
            font-size: 22px;
            text-align: left;
            font-weight: bold;
            color: #333;
            margin-top: 20px;
        }

        .addAr .addListDetail li .detailCon .mainTxt {
            display: block;
            font-size: 18px;
            text-align: left;
            color: #333;
        }

        .addAr .addListDetail li .detailPrice {
            text-align: right;
        }

            .addAr .addListDetail li .detailPrice .addPrice {
                display: inline-block;
                font-size: 22px;
                color: #333;
                font-weight: bold;
                height: 120px;
                line-height: 120px;
            }


.subPageAr .addAr .addListDetail li .addArrow {
    width: 20%;
    font-size: 20px;
    color: #333;
    text-align: right;
    display: inline-block;
    vertical-align: middle;
    cursor: pointer;
    position: relative;
}

    .subPageAr .addAr .addListDetail li .addArrow .arrowDown {
        width: 20px;
        height: 20px;
        background: none;
        position: relative;
        margin: auto;
    }

        .subPageAr .addAr .addListDetail li .addArrow .arrowDown.active {
            background: none;
        }

        .subPageAr .addAr .addListDetail li .addArrow .arrowDown:before, .addAr .addListDetail li .addArrow .arrowDown:after {
            content: "";
            display: block;
            width: 16px;
            height: 3px;
            background: #646464;
            position: absolute;
        }

        .subPageAr .addAr .addListDetail li .addArrow .arrowDown:before {
            right: 21px;
            border-top-left-radius: 10px;
            border-bottom-left-radius: 10px;
            transform: rotate(30deg);
        }

        .subPageAr .addAr .addListDetail li .addArrow .arrowDown:after {
            right: 8px;
            transform: rotate(-30deg);
        }

        .subPageAr .addAr .addListDetail li .addArrow .arrowDown.active:before {
            transform: rotate(-30deg);
        }

        .subPageAr .addAr .addListDetail li .addArrow .arrowDown.active:after {
            transform: rotate(30deg);
        }

.subPageAr .addAr .addListDetail .detailNote {
    display: none;
    width: 100%;
    background: #eaeaea;
    padding: 30px 50px;
    border-bottom: 1px solid #c2c2c2;
}

    .subPageAr .addAr .addListDetail .detailNote .noteTit {
        display: block;
        font-size: 18px;
        color: #333;
        text-align: left;
        font-weight: bold;
    }

        .subPageAr .addAr .addListDetail .detailNote .noteTit:nth-of-type(n+2) {
            margin-top: 20px;
        }

    .subPageAr .addAr .addListDetail .detailNote .noteTxt {
        display: block;
        font-size: 16px;
        color: #333;
        line-height: 140%;
        margin-left: 10px;
    }

        .subPageAr .addAr .addListDetail .detailNote .noteTxt:before {
            content: '-';
            margin-left: -8px;
            margin-right: 3px;
        }

.subPageAr .subPageBlank {
    display: none;
    margin: auto;
    text-align: center;
    padding: 110px 0;
}

    .subPageAr .subPageBlank .blankTit {
        display: block;
        text-align: center;
        font-size: 20px;
        color: #333;
        font-weight: bold;
    }

    .subPageAr .subPageBlank img {
        display: block;
        padding-top: 20px;
        margin: auto;
        text-align: center;
    }

.subPageAr .applyAr table {
    width: 100%;
    margin: 16px 0;
}

    .subPageAr .applyAr table span {
        display: block;
    }

    .subPageAr .applyAr table a {
        display: block;
        font-size: 14px;
        color: #3a68b2;
        text-decoration: underline;
    }

    .subPageAr .applyAr table .blueBtn {
        display: inline-block;
        width: 74px;
        height: 30px;
        line-height: 30px;
        background-color: #3a68b2;
        font-size: 15px;
        color: #fff;
        border-radius: 3px;
    }

    .subPageAr .applyAr table .applyTxt {
        font-size: 18px;
        color: #333;
    }

.subPageAr .applyAr thead {
    background-color: #eaeaea;
    text-align: center;
    border-top: 2px solid #d9d9d9;
    border-bottom: 2px solid #d9d9d9;
}

    .subPageAr .applyAr thead th {
        height: 70px;
        font-size: 18px;
        color: #333;
        font-weight: bold;
        text-align: center;
        margin: 0 auto;
        padding: 16px 0;
        vertical-align: middle;
    }

.subPageAr .applyAr tbody tr {
    border-bottom: 1px solid #d6d6d6;
    text-align: center;
}

    .subPageAr .applyAr tbody tr:last-child {
        border-bottom: 0;
    }

.subPageAr .applyAr tbody td {
    height: 70px;
    font-size: 18px;
    color: #333;
    text-align: center;
    margin: 0 auto;
    padding: 16px 0;
    vertical-align: middle;
}

.subPageAr .applyDetail {
    display: block;
    position: relative;
    width: 1100px;
    margin: auto;
}

    .subPageAr .applyDetail .applyInquiry {
        display: block;
        padding: 50px 0;
        overflow: hidden;
    }

        .subPageAr .applyDetail .applyInquiry > div {
            display: inline-block;
            width: 50%;
            float: left;
        }

            .subPageAr .applyDetail .applyInquiry > div:nth-of-type(2) {
                float: right;
                text-align: right;
            }

        .subPageAr .applyDetail .applyInquiry .btnTerm {
            display: inline-block;
            width: 110px;
            height: 45px;
            border: 1px solid #3a68b2;
            border-radius: 5px;
            font-size: 18px;
            color: #3a68b2;
        }

            .subPageAr .applyDetail .applyInquiry .btnTerm.active {
                background-color: #3a68b2;
                color: #fff;
            }

        .subPageAr .applyDetail .applyInquiry .btnInquiry {
            display: inline-block;
            width: 110px;
            height: 45px;
            background: #3a68b2;
            border-radius: 5px;
            font-size: 18px;
            color: #fff;
        }

        .subPageAr .applyDetail .applyInquiry input.date {
            display: inline-block;
            width: 150px;
            border: 1px solid #c2c2c2;
            border-radius: 5px;
            height: 45px;
            text-align: center;
        }

/* 와이파이도시락 월정액 디자인 추가 */
.subPageAr .pdTabAr {
    display: block;
    width: 1100px;
    margin: auto;
    margin-top: 60px;
    margin-bottom: 50px;
}

    .subPageAr .pdTabAr .pdTab {
        display: block;
        width: 100%;
        border-radius: 50px;
        background: #eaeaea;
        overflow: hidden;
    }

        .subPageAr .pdTabAr .pdTab li {
            display: block;
            width: 50%;
            font-size: 25px;
            color: #333;
            padding: 20px 0;
            text-align: center;
            float: left;
            letter-spacing: -1px;
            cursor: pointer;
            position: relative;
        }

            .subPageAr .pdTabAr .pdTab li.active {
                display: block;
                width: 50%;
                border-radius: 50px;
                background: #f7d05d;
                padding: 20px 0;
                font-size: 25px;
                color: #333;
                text-align: center;
                font-weight: bold;
                letter-spacing: -1px;
            }

.subPageAr .pdTab-content {
    display: none;
    width: 100%;
    margin: auto;
    position: relative;
}

    .subPageAr .pdTab-content.active {
        display: inherit;
    }

.subPageAr .pdSubTabAr {
    display: block;
    width: 100%;
    margin: auto;
    margin-top: 10px;
    margin-bottom: 50px;
}

    .subPageAr .pdSubTabAr .pdSubTab {
        display: block;
        width: 100%;
        border-radius: 50px;
        background: #eaeaea;
        overflow: hidden;
    }

        .subPageAr .pdSubTabAr .pdSubTab li {
            display: block;
            width: 50%;
            font-size: 20px;
            color: #333;
            padding: 18px 0;
            text-align: center;
            float: left;
            letter-spacing: -1px;
            cursor: pointer;
            position: relative;
        }

            .subPageAr .pdSubTabAr .pdSubTab li:nth-of-type(n+2) {
                margin-top: 0;
            }

            .subPageAr .pdSubTabAr .pdSubTab li.active {
                display: block;
                width: 50%;
                border-radius: 50px;
                background: #f7d05d;
                padding: 18px 0;
                font-size: 20px;
                color: #333;
                text-align: center;
                font-weight: bold;
                letter-spacing: -1px;
            }

.subPageAr .pdSubTab-content {
    display: none;
    width: 100%;
    margin: auto;
    position: relative;
}

    .subPageAr .pdSubTab-content.active {
        display: inherit;
    }

.subPageAr .guidanceTitAr {
    display: block;
    width: 1100px;
    margin: auto;
    text-align: center;
    padding: 60px 0 40px;
}

    .subPageAr .guidanceTitAr .gmTit {
        display: inline-block;
        text-align: center;
        font-size: 22px;
        font-weight: bold;
        color: #333;
        letter-spacing: -1px;
        line-height: 140%;
    }

.subPageAr ul.guidanceBox {
    display: block;
    width: 1100px;
    margin: auto;
    text-align: center;
    overflow: hidden;
    margin-bottom: 40px;
}

    .subPageAr ul.guidanceBox li {
        display: block;
        float: left;
        width: 30%;
        border: 1px solid #3a68b2;
        border-radius: 20px;
        padding: 70px 0;
        margin-right: 5%;
    }

        .subPageAr ul.guidanceBox li:last-child {
            margin-right: 0;
        }

        .subPageAr ul.guidanceBox li .iconBox {
            display: block;
            width: 100%;
            text-align: center;
        }

        .subPageAr ul.guidanceBox li .iconTxt {
            display: block;
            width: 100%;
            font-size: 22px;
            color: #333;
            font-weight: bold;
            text-align: center;
            line-height: 120%;
            margin-top: 65px;
        }

.subPageAr .guidanceBtn {
    display: block;
    width: 300px;
    height: 50px;
    margin: auto;
    text-align: center;
    border-radius: 10px;
    background: #3a68b2;
    color: #fff;
    font-size: 20px;
    letter-spacing: -1px;
}

.subPageAr .overseasTab {
    display: block;
    width: 100%;
    margin: auto;
    text-align: center;
    overflow: hidden;
}

    .subPageAr .overseasTab li {
        background: #fff;
        font-size: 18px;
        width: 16.66%;
        text-align: center;
        float: left;
        vertical-align: middle;
        padding: 10px 0;
        color: #333;
        cursor: pointer;
        line-height: normal;
        border: 1px solid #c2c2c2;
        box-sizing: border-box;
    }

        .subPageAr .overseasTab li.current {
            color: #3a68b2;
            border: 1px solid #3a68b2;
        }

        .subPageAr .overseasTab li:nth-of-type(n+2) {
            margin-top: 0 !important;
        }

.subPageAr .overseasTab-contentWrap {
    display: block;
    position: relative;
    width: 100%;
    overflow-y: auto;
    margin: auto;
}

.subPageAr .overseasTab-content {
    display: none;
    width: 100%;
    margin: auto;
    position: relative;
}

    .subPageAr .overseasTab-content.current {
        display: inherit;
    }

    .subPageAr .overseasTab-content .overseasWp {
        display: block;
        width: 100%;
        border-left: 1px solid #c2c2c2;
        border-right: 1px solid #c2c2c2;
        border-bottom: 1px solid #c2c2c2;
        padding: 50px 30px;
        font-size: 14px;
        word-break: keep-all;
    }

.subPageAr .prod_option .prod_content .noticeAr {
    position: relative;
}

    .subPageAr .prod_option .prod_content .noticeAr li {
        position: relative;
        display: block;
        width: 100%;
        padding: 20px;
        background: #fff;
        border-bottom: 1px solid #c2c2c2;
        box-sizing: border-box;
        cursor: pointer;
    }

        .subPageAr .prod_option .prod_content .noticeAr li:first-child {
            border-top: 1px solid #c2c2c2;
            margin-top: 60px;
        }

        .subPageAr .prod_option .prod_content .noticeAr li:nth-of-type(n+2) {
            margin-top: 0;
        }

    .subPageAr .prod_option .prod_content .noticeAr .noticeTit {
        width: 100%;
        color: #333;
        font-size: 20px;
        text-align: left;
        display: inline-block;
        vertical-align: middle;
        position: relative;
    }

        .subPageAr .prod_option .prod_content .noticeAr .noticeTit.active {
            background: none;
        }

        .subPageAr .prod_option .prod_content .noticeAr .noticeTit:after {
            display: block;
            position: absolute;
            width: 20px;
            height: 8px;
            content: '';
            background: url('//blob.wifidosirak.com/wm-d01/dosirakmobile/images/arrow_open.png') no-repeat 100% 0;
            top: 10px;
            right: 0;
        }

        .subPageAr .prod_option .prod_content .noticeAr .noticeTit.active:after {
            display: block;
            position: absolute;
            width: 20px;
            height: 8px;
            content: '';
            background: url('//blob.wifidosirak.com/wm-d01/dosirakmobile/images/arrow_close.png') no-repeat 100% 0;
            top: 10px;
            right: 0;
        }

    .subPageAr .prod_option .prod_content .noticeAr .noticeSub {
        display: block;
        background: #eaeaea;
        padding: 20px;
        border-bottom: 1px solid #c2c2c2;
    }

        .subPageAr .prod_option .prod_content .noticeAr .noticeSub .noticeTxt {
            display: block;
            font-size: 15px;
            color: #333;
            padding-left: 10px;
            position: relative;
            line-height: 120%;
        }

            .subPageAr .prod_option .prod_content .noticeAr .noticeSub .noticeTxt:before {
                display: block;
                content: '-';
                position: absolute;
                top: 0;
                left: 0;
            }

            .subPageAr .prod_option .prod_content .noticeAr .noticeSub .noticeTxt:nth-of-type(n+2) {
                margin-top: 5px;
            }

.subPageAr .productChk {
    display: block;
    width: 1100px;
    margin: auto;
    margin-top: 50px;
}

    .subPageAr .productChk li {
        display: block;
        width: 33.3%;
        float: left;
        margin: auto;
        text-align: center;
    }

        .subPageAr .productChk li .img {
            display: block;
        }

        .subPageAr .productChk li .productName {
            display: block;
            font-size: 22px;
            color: #333;
            text-align: center;
            letter-spacing: -1px;
        }

.subPageAr .prod_option .prod_content .termsAr {
    position: relative;
}

    .subPageAr .prod_option .prod_content .termsAr li {
        position: relative;
        display: block;
        width: 100%;
        padding: 20px;
        background: #fff;
        border-bottom: 1px solid #c2c2c2;
        box-sizing: border-box;
        cursor: pointer;
    }

        .subPageAr .prod_option .prod_content .termsAr li:nth-of-type(n+2) {
            margin-top: 0;
        }

    .subPageAr .prod_option .prod_content .termsAr .termsTit {
        width: 95%;
        color: #333;
        font-size: 20px;
        text-align: left;
        display: inline-block;
        vertical-align: middle;
        position: relative;
        padding-left: 10px;
    }

        .subPageAr .prod_option .prod_content .termsAr .termsTit.active {
            background: none;
        }

        .subPageAr .prod_option .prod_content .termsAr .termsTit.chkAll:after {
            display: none;
        }

        .subPageAr .prod_option .prod_content .termsAr .termsTit:after {
            display: block;
            position: absolute;
            width: 20px;
            height: 8px;
            content: '';
            background: url('//blob.wifidosirak.com/wm-d01/dosirakmobile/images/arrow_open.png') no-repeat 100% 0;
            top: 10px;
            right: 0;
        }

        .subPageAr .prod_option .prod_content .termsAr .termsTit.active:after {
            display: block;
            position: absolute;
            width: 20px;
            height: 8px;
            content: '';
            background: url('//blob.wifidosirak.com/wm-d01/dosirakmobile/images/arrow_close.png') no-repeat 100% 0;
            top: 10px;
            right: 0;
        }

    .subPageAr .prod_option .prod_content .termsAr .termsSub {
        display: block;
        background: #eaeaea;
        padding: 20px;
        border-bottom: 1px solid #c2c2c2;
    }

        .subPageAr .prod_option .prod_content .termsAr .termsSub .termsTxt {
            display: block;
            font-size: 15px;
            color: #333;
            padding-left: 10px;
            position: relative;
            line-height: 120%;
        }

            .subPageAr .prod_option .prod_content .termsAr .termsSub .termsTxt:before {
                display: block;
                content: '-';
                position: absolute;
                top: 0;
                left: 0;
            }

            .subPageAr .prod_option .prod_content .termsAr .termsSub .termsTxt:nth-of-type(n+2) {
                margin-top: 5px;
            }

    .subPageAr .prod_option .prod_content .termsAr .termsCheck {
        width: 30px;
        font-size: 20px;
        color: #333;
        text-align: center;
        display: inline-block;
        vertical-align: middle;
    }

    .subPageAr .prod_option .prod_content .termsAr input + label {
        display: inline-block;
        width: 30px;
        height: 30px;
        cursor: pointer;
        overflow: hidden;
        border: none;
        border-radius: 0;
    }

        .subPageAr .prod_option .prod_content .termsAr input + label.termsCheckLabel {
            background: url('//blob.wifidosirak.com/wm-d01/dosirakmobile/images/admCheck_off.png') no-repeat 0 0;
        }

    .subPageAr .prod_option .prod_content .termsAr input:checked + label.termsCheckLabel {
        background: url('//blob.wifidosirak.com/wm-d01/dosirakmobile/images/admCheck_on.png') no-repeat 0 0;
    }

.subPageAr .prod_option .prod_content.wd input + label .wdOpt {
    display: none;
    float: right;
    height: 60px;
    line-height: 60px;
    position: absolute;
    right: 25px;
}

.subPageAr .prod_option .prod_content.wd input:checked + label .wdOpt {
    display: inline-block;
}

.subPageAr .prod_option .prod_content.wd .wdOpt .cols {
    display: inline-block;
    float: left;
    height: 60px;
    line-height: 60px;
}

    .subPageAr .prod_option .prod_content.wd .wdOpt .cols:nth-of-type(n+2) {
        margin-left: 5px;
    }

    .subPageAr .prod_option .prod_content.wd .wdOpt .cols:nth-of-type(3) {
        margin-left: 20px;
    }

.subPageAr .prod_option .prod_content.wd .wdOpt .inputName {
    display: inline-block;
    font-size: 18px;
    text-align: left;
    color: #333;
    margin-right: 5px;
}

.subPageAr .prod_option .prod_content.wd .wdOpt .amountBtn {
    display: inline-block;
    width: 35px;
    float: left;
}

    .subPageAr .prod_option .prod_content.wd .wdOpt .amountBtn .up {
        display: block;
        width: 100%;
        border: 1px solid #c2c2c2;
        border-radius: 0 5px 0 0;
        background: #fff;
        font-size: 12px;
    }

    .subPageAr .prod_option .prod_content.wd .wdOpt .amountBtn .down {
        display: block;
        width: 100%;
        border: 1px solid #c2c2c2;
        border-radius: 0 0 5px 0;
        background: #fff;
        font-size: 12px;
    }

.subPageAr .prod_option .prod_content .pdDetail {
    display: block;
    border-top: 1px solid #c2c2c2;
    background-color: #fff;
}

    .subPageAr .prod_option .prod_content .pdDetail .periodWp {
        position: relative;
        display: inline-block;
        vertical-align: middle;
    }

    .subPageAr .prod_option .prod_content .pdDetail input.planPeriod {
        width: 85px;
        height: 45px;
        line-height: 1.5;
        float: left;
        display: block;
        padding: 0;
        margin: 0;
        text-align: center;
        border: 1px solid #c2c2c2;
        font-size: 1rem;
        border-radius: 4px;
        background: #eaeaea;
    }
/* 수량조절 */
.quantity {
    position: relative;
    display: inline-block;
    vertical-align: middle;
}

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

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

.quantity input {
    width: 85px;
    height: 45px;
    line-height: 1.5;
    float: left;
    display: block;
    padding: 0;
    margin: 0;
    padding-left: 20px;
    border: none;
    box-shadow: 0 0 0 1px #c2c2c2;
    font-size: 1rem;
    border-radius: 4px;
}

    .quantity input.period {
        padding-left: 15px;
    }

    .quantity input:focus {
        outline: 0;
    }

.quantity-nav {
    float: left;
    position: relative;
    height: 45px;
}

.quantity-button {
    position: relative;
    cursor: pointer;
    border: none;
    border-left: 1px solid #c2c2c2;
    width: 35px;
    text-align: center;
    color: #333;
    font-size: 13px;
    line-height: 1.5;
    padding: 0;
    background: #fff;
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
}

    .quantity-button:active {
        background: #EAEAEA;
    }

    .quantity-button.quantity-up {
        position: absolute;
        height: 50%;
        top: 0;
        border-bottom: 1px solid #c2c2c2;
        font-family: "FontAwesome";
        border-radius: 0 4px 0 0;
        line-height: 1.6
    }

    .quantity-button.quantity-down {
        position: absolute;
        bottom: 0;
        height: 50%;
        font-family: "FontAwesome";
        border-radius: 0 0 4px 0;
    }

.subPageAr .prod_option .prod_content .pdDetail input + label {
    display: inline-block;
    border: 0;
    border-radius: 0;
    width: 100%;
    cursor: pointer;
    overflow: hidden;
}

    .subPageAr .prod_option .prod_content .pdDetail input + label.checkAr {
        background: url(//blob.wifidosirak.com/wm-d01/dosirakmobile/images/admCheck_off.png) no-repeat 25px 35px;
    }

.subPageAr .prod_option .prod_content .pdDetail input:checked + label.checkAr {
    background: url(//blob.wifidosirak.com/wm-d01/dosirakmobile/images/admCheck_on.png) no-repeat 25px 35px;
}

.subPageAr .prod_option .prod_content .pdDetail input + label .planTit {
    display: inline-block;
    font-size: 20px;
    color: #6d6d6d;
    line-height: 60px;
    padding-left: 50px;
    letter-spacing: -1px;
    font-weight: bold;
}

.subPageAr .prod_option .prod_content .pdDetail input:checked + label .planTit {
    color: #3a68b2;
}

.subPageAr .prod_option .prod_content .pdDetail input + label .priceBtn {
    position: relative;
    display: block;
    width: 100%;
    height: 100px;
    line-height: 100px;
    background-color: #c2c2c2;
    margin: auto;
    box-sizing: border-box;
    text-align: center;
}

.subPageAr .prod_option .prod_content .pdDetail input:checked + label .priceBtn {
    background: #3a68b2;
}

.noteLink {
    color: #3a68b2;
    text-decoration: underline !important;
    cursor: pointer;
}
/* 하단 플로팅 */
#priceFloat .pricefDetail .priceWdAr {
    display: block;
    width: 1100px;
    margin: auto;
    padding: 25px 0;
    overflow: hidden;
}

    #priceFloat .pricefDetail .priceWdAr li {
        display: inline-block;
        width: 100%;
        float: left;
        border-bottom: 1px dashed #f7d05d;
        padding: 10px;
    }

        #priceFloat .pricefDetail .priceWdAr li .priceSubject {
            display: block;
            width: 50%;
            color: #fff;
            float: left;
            position: relative;
        }

            #priceFloat .pricefDetail .priceWdAr li .priceSubject .priceName, #priceFloat .pricefDetail .priceWdAr li .priceSubject .priceAmount {
                display: block;
                width: 100%;
                text-align: left;
                font-size: 16px;
            }

        #priceFloat .pricefDetail .priceWdAr li .priceContent {
            display: block;
            width: 50%;
            color: #fff;
            float: right;
        }

            #priceFloat .pricefDetail .priceWdAr li .priceContent .contentName, #priceFloat .pricefDetail .priceWdAr li .priceContent .contentAmount {
                display: block;
                width: 100%;
                text-align: right;
                font-size: 16px;
            }


#priceFloat .pricefDetail .priceWdAr .question .tooltiptext {
    visibility: hidden;
    width: auto;
    background-color: #fff;
    color: #333;
    font-size: 11px;
    line-height: 120%;
    text-align: left;
    padding: 5px;
    border-radius: 2px;
    /* Position the tooltip text - see examples below! */
    position: absolute;
    margin-left: 10px;
    z-index: 1;
    top: -15px;
}

    #priceFloat .pricefDetail .priceWdAr .question .tooltiptext em {
        display: block;
        margin-left: 5px;
    }

        #priceFloat .pricefDetail .priceWdAr .question .tooltiptext em:before {
            display: inline-block;
            content: '-';
            margin-left: -5px;
        }

#priceFloat .pricefDetail .priceWdAr .question:hover .tooltiptext {
    visibility: visible;
}


/* 안심플랜 보상내용 팝업 */
.popWP .planDetailTb table {
    width: 100%;
    margin: 16px 0;
    border: 1px solid #c2c2c2;
}

.popWP .planDetailTb thead {
    background-color: #3a68b2;
    text-align: center;
}

    .popWP .planDetailTb thead th {
        height: 45px;
        line-height: 45px;
        font-size: 16px;
        color: #fff;
        font-weight: bold;
        text-align: center;
        border-right: 1px solid #fff;
        border-left: 1px solid #fff;
        vertical-align: middle;
    }

        .popWP .planDetailTb thead th:first-child {
            border-left: 1px solid #c2c2c2;
        }

        .popWP .planDetailTb thead th:last-child {
            border-right: 1px solid #c2c2c2;
        }

.popWP .planDetailTb tbody tr {
    border-bottom: 1px solid #a7a7a7;
    text-align: center;
}

.popWP .planDetailTb tbody td {
    height: 45px;
    line-height: 45px;
    font-size: 16px;
    color: #333;
    text-align: center;
    border-right: 1px solid #c2c2c2;
    border-left: 1px solid #c2c2c2;
    vertical-align: middle;
}

    .popWP .planDetailTb tbody td.blu {
        background: #e8f1ff;
    }

    .popWP .planDetailTb tbody td.tl {
        text-align: left;
        padding: 0 20px;
    }

.popWP .planDetailTb .tbCheck input[type="checkbox"] {
    display: none;
}

.popWP .planDetailTb .tbCheck input + label {
    display: inline-block;
    width: 100%;
    height: 30px;
    cursor: pointer;
    overflow: hidden;
    border: none;
    border-radius: 0;
}

    .popWP .planDetailTb .tbCheck input + label.tbCheckLabel {
        background: url(//blob.wifidosirak.com/wm-d01/dosirakmobile/images/admCheck_off.png) no-repeat 10px 0px;
    }

.popWP .planDetailTb .tbCheck input:checked + label.tbCheckLabel {
    background: url(//blob.wifidosirak.com/wm-d01/dosirakmobile/images/admCheck_on.png) no-repeat 10px 0px;
}

.popWP .popBody .conTit {
    display: block;
    text-align: left;
    font-size: 20px;
    font-weight: bold;
    color: #333;
}

    .popWP .popBody .conTit:nth-of-type(n+2) {
        margin-top: 25px;
    }

.popWP .popBody .conSel {
    display: block;
    width: 100%;
    padding: 25px 0;
}

    .popWP .popBody .conSel li {
        display: block;
        width: 100%;
    }

        .popWP .popBody .conSel li:nth-of-type(n+2) {
            margin-top: 25px;
        }

    .popWP .popBody .conSel input + label {
        display: inline-block;
        width: 100%;
        border: 1px solid #c2c2c2;
        cursor: pointer;
        border-radius: 20px;
        overflow: hidden;
    }


        .popWP .popBody .conSel input + label.checkAr {
            background: url(//blob.wifidosirak.com/wm-d01/dosirakmobile/images/admCheck_off.png) no-repeat 25px 35px;
        }

        .popWP .popBody .conSel input + label .lt {
            display: inline-block;
            width: 75%;
            float: left;
            padding: 20px 25px;
            text-align: left;
        }

            .popWP .popBody .conSel input + label .lt.full {
                width: 100% !important;
            }

            .popWP .popBody .conSel input + label .lt.data {
                width: 85%;
                position: relative;
            }

        .popWP .popBody .conSel input + label em {
            display: block;
            font-size: 20px;
            color: #6d6d6d;
            font-weight: bold;
            position: relative;
        }

            .popWP .popBody .conSel input + label em .saleTag img {
                display: inline-block;
                margin-top: 7px;
                margin-left: 5px;
            }

            .popWP .popBody .conSel input + label em:nth-child(2) {
                font-size: 17px;
                font-weight: lighter !important;
            }

            .popWP .popBody .conSel input + label em:last-child {
                display: inline-block;
            }

            .popWP .popBody .conSel input + label em.mgl-50 {
                margin-left: 50px;
            }

    .popWP .popBody .conSel input:checked + label {
        border: 1px solid #3a68b2;
    }

        .popWP .popBody .conSel input:checked + label em {
            color: #333;
        }

            .popWP .popBody .conSel input:checked + label em:last-child {
                color: #3a68b2;
            }

        .popWP .popBody .conSel input:checked + label.checkAr {
            background: url(//blob.wifidosirak.com/wm-d01/dosirakmobile/images/admCheck_on.png) no-repeat 25px 35px;
        }

    .popWP .popBody .conSel input + label em .mgl-50 {
        margin-left: 50px;
    }

    .popWP .popBody .conSel input[type="radio"], .popWP .popBody .conSel input[type="checkbox"] {
        display: none;
    }

.popWP .popBody .agreeAr {
    display: block;
    padding: 20px 0;
}

    .popWP .popBody .agreeAr input {
        display: none;
    }

        .popWP .popBody .agreeAr input + label {
            display: inline-block;
            width: 30px;
            height: 30px;
            cursor: pointer;
            overflow: hidden;
            border: none;
            border-radius: 50%;
            vertical-align: middle;
        }

            .popWP .popBody .agreeAr input + label.agreeCheckLabel {
                background: url(//blob.wifidosirak.com/wm-d01/dosirakmobile/images/admCheck_off.png) no-repeat center center;
            }

        .popWP .popBody .agreeAr input:checked + label.agreeCheckLabel {
            background: url(//blob.wifidosirak.com/wm-d01/dosirakmobile/images/admCheck_on.png) no-repeat center center;
        }

    .popWP .popBody .agreeAr .txtAgree {
        text-align: left;
        font-size: 18px;
        color: #333;
        vertical-align: middle;
    }

/* 자동연장/충전 신청 버튼 */
.subPageAr .prod_option .prod_content .selectEx {
    display: block;
    width: 100%;
    padding: 45px;
    border: 2px solid #ddd;
    vertical-align: middle;
    background: url('//blob.wifidosirak.com/wm-d01/dosirakmobile/images/exBtn_off.jpg') no-repeat 90% center;
    cursor: pointer;
}

    .subPageAr .prod_option .prod_content .selectEx.active {
        background: url('//blob.wifidosirak.com/wm-d01/dosirakmobile/images/exBtn_on.jpg') no-repeat 90% center;
    }

    .subPageAr .prod_option .prod_content .selectEx .exTxt {
        display: block;
        font-size: 15px;
        text-align: left;
        color: #333;
        line-height: 120%;
    }


/* 사용 종료일 테이블 */
.subPageAr .prod_option .prod_content .wdDateTb table {
    width: 100%;
    margin: 16px 0;
    border: 1px solid #c2c2c2;
}

.subPageAr .prod_option .prod_content .wdDateTb thead {
    background-color: #3a68b2;
    text-align: center;
}

    .subPageAr .prod_option .prod_content .wdDateTb thead th {
        height: 45px;
        line-height: 45px;
        font-size: 15px;
        color: #fff;
        font-weight: bold;
        text-align: center;
        vertical-align: middle;
    }

        .subPageAr .prod_option .prod_content .wdDateTb thead th:nth-of-type(2) {
            border-right: 1px solid #fff;
            border-left: 1px solid #fff;
        }

.subPageAr .prod_option .prod_content .wdDateTb tbody tr {
    border-bottom: 1px solid #a7a7a7;
    text-align: center;
}

.subPageAr .prod_option .prod_content .wdDateTb tbody td {
    height: 45px;
    line-height: 45px;
    font-size: 15px;
    color: #333;
    text-align: center;
    vertical-align: middle;
}

    .subPageAr .prod_option .prod_content .wdDateTb tbody td:nth-of-type(2) {
        border-right: 1px solid #c2c2c2;
        border-left: 1px solid #c2c2c2;
    }

/* 언어 선택 디자인 추가 */
.subPageAr .selectAr {
    display: block;
    width: 1100px;
    margin: auto;
    padding: 20px 0;
    overflow: hidden;
}

/* IE 10, 11의 네이티브 화살표 숨기기 */
.popWP select::-ms-expand {
    display: none;
}

.subPageAr .selectAr .noticeT {
    display: inline-block;
    text-align: left;
    color: #ff0000;
    font-size: 15px;
    height: 50px;
    line-height: 50px;
}

.subPageAr .langSelect {
    width: 160px; /* 원하는 너비설정 */
    padding: 8px 10px; /* 여백으로 높이 설정 */
    font-family: inherit; /* 폰트 상속 */
    background: url('//blob.wifidosirak.com/wm-d01/dosirakmobile/images/selectArrow_pop.png') no-repeat 95% 54%; /* 네이티브 화살표를 커스텀 화살표로 대체 */
    background-color: #fff;
    border: 1px solid #ddd;
    color: #333;
    font-size: 14px;
    -webkit-appearance: none; /* 네이티브 외형 감추기 */
    -moz-appearance: none;
    appearance: none;
}

    .subPageAr .langSelect:focus {
        outline: none;
    }

    .subPageAr .langSelect option {
        background-color: #fff;
        color: #333;
    }

    .subPageAr .langSelect.lt {
        margin-right: 30px;
    }

    .subPageAr .langSelect.rt {
        display: block;
        float: right;
    }

        .subPageAr .langSelect.rt:after {
            content: '';
            display: block;
            float: none;
        }

/* 약관페이지 디자인 추가 */
.subPageAr .termsTabAr {
    width: 100%;
    margin: auto;
    text-align: center;
    position: relative;
}

.subPageAr .termsTab {
    width: 1100px;
    display: inline-block;
    position: relative;
}

    .subPageAr .termsTab li {
        background: #fff;
        font-size: 22px;
        text-align: center;
        float: left;
        vertical-align: middle;
        padding: 10px 0;
        color: #333;
        cursor: pointer;
        line-height: normal;
        border: 1px solid #ddd;
        box-sizing: border-box;
    }

        .subPageAr .termsTab li:first-child:nth-last-child(1) {
            width: 50%;
        }

        .subPageAr .termsTab li:first-child:nth-last-child(2),
        .subPageAr .termsTab li:first-child:nth-last-child(2) ~ li {
            width: 50%;
        }

        .subPageAr .termsTab li:first-child:nth-last-child(3),
        .subPageAr .termsTab li:first-child:nth-last-child(3) ~ li {
            width: 33.3333%;
        }

        .subPageAr .termsTab li:first-child:nth-last-child(4),
        .subPageAr .termsTab li:first-child:nth-last-child(4) ~ li {
            width: 25%;
        }

        .subPageAr .termsTab li:first-child:nth-last-child(5),
        .subPageAr .termsTab li:first-child:nth-last-child(5) ~ li {
            width: 20%;
        }


        .subPageAr .termsTab li:first-child:nth-last-child(6),
        .subPageAr .termsTab li:first-child:nth-last-child(6) ~ li {
            width: 16.6%;
        }

        .subPageAr .termsTab li.current {
            background: #3a68b2;
            color: #fff;
            font-weight: bold;
            border: 1px solid #3a68b2;
            position: relative;
        }

        .subPageAr .termsTab li:first-child {
            margin-left: 2px;
        }

        .subPageAr .termsTab li:nth-of-type(n+2) {
            margin-left: -1px;
        }

        .subPageAr .termsTab li.current span {
            position: absolute;
            top: 52px;
            left: 170px;
            display: block;
            width: 23px;
            height: 11px;
            background: url('//blob.wifidosirak.com/wm-d01/dosirakmobile/images/tab_on_img.png') no-repeat 0 0;
            z-index: 11;
        }

.subPageAr .termsTab-content {
    display: none;
    width: 1100px;
    margin: auto;
    position: relative;
}

    .subPageAr .termsTab-content.current {
        display: inherit;
    }

    .subPageAr .termsTab-content .termsBox {
        display: block;
        width: 100%;
        height: 800px;
        max-height: 800px;
        margin: auto;
        margin-top: 50px;
        padding: 30px;
        border: 1px solid #3a68b2;
        border-radius: 20px;
        overflow-y: auto;
    }

    .subPageAr .termsTab-content .downloadBtn {
        display: inline-block;
        padding: 10px 30px;
        border-radius: 5px;
        background: #3a68b2;
        color: #fff;
        font-size: 14px;
        text-align: center;
        float: right;
        margin: 20px 0 50px;
        cursor: pointer;
    }

/* Calendar */
.my-calendar {
    width: 400px;
    margin: 30px;
    padding: 20px 20px 10px;
    text-align: center;
    font-weight: 800;
    border: 1px solid #ddd;
    cursor: default;
}

    .my-calendar .clicked-date {
        border-radius: 25px;
        margin-top: 36px;
        float: left;
        width: 42%;
        padding: 46px 0 26px;
        background: #ddd;
    }

    .my-calendar .calendar-box {
        width: 100%;
    }

.clicked-date .cal-day {
    font-size: 24px;
}

.clicked-date .cal-date {
    font-size: 130px;
}

.ctr-box {
    padding: 0 16px;
    margin-bottom: 20px;
    font-size: 20px;
}

    .ctr-box .btn-cal {
        position: relative;
        float: left;
        width: 25px;
        height: 25px;
        margin-top: 5px;
        font-size: 16px;
        cursor: pointer;
        border: none;
        background: none;
    }

        .ctr-box .btn-cal:after {
            content: '<';
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            line-height: 25px;
            font-weight: bold;
            font-size: 20px;
        }

        .ctr-box .btn-cal.next {
            float: right;
        }

            .ctr-box .btn-cal.next:after {
                content: '>';
            }

.cal-table {
    width: 100%;
}

    .cal-table th {
        width: 14.2857%;
        padding-bottom: 5px;
        font-size: 16px;
        font-weight: 900;
    }

    .cal-table td {
        padding: 3px 0;
        height: 50px;
        font-size: 15px;
        vertical-align: middle;
        text-align: center;
    }

        .cal-table td.day {
            position: relative;
            cursor: pointer;
        }

        .cal-table td.today {
            background: #ffd255;
            border-radius: 50%;
            color: #fff;
        }

        .cal-table td.day-active {
            background: #ff8585;
            border-radius: 50%;
            color: #fff;
        }

        .cal-table td.has-event:after {
            content: '';
            display: block;
            position: absolute;
            left: 0;
            bottom: 0;
            width: 100%;
            height: 4px;
            background: #FFC107;
        }

.ctr-box .ctrbtn {
    display: inline-block;
    font-size: 14px;
    border-radius: 5px;
    padding: 5px 10px;
    font-weight: normal;
}

    .ctr-box .ctrbtn.Blu {
        background: #3a68b2;
        color: #fff;
    }

    .ctr-box .ctrbtn.Gray {
        background: #c2c2c2;
        color: #fff;
    }

#calendar {
    position: absolute;
    top: 23%;
    left: 35%;
    z-index: 10001;
    background-color: #fff;
    display: none;
}

#fade {
    width: 100%;
    height: 1000%;
    background: #000;
    position: fixed;
    left: 0;
    top: 0;
    opacity: 0.5;
    z-index: 10000;
    display: none;
}

.subPageAr .prod_option .prod_content .inputAr .goPre {
    display: block;
    text-align: left;
    font-size: 15px;
    color: #333;
}

.subPageAr .prod_option .prod_content .inputAr .goPre a {
    color: #3a68b2;
    font-weight: bold;
    text-decoration: underline;
}

/* 210401 */
.popWP .price_content li {
    position: relative;
    width: 100%;
    border: 1px solid #c2c2c2;
    border-radius: 20px;
    overflow: hidden;
}

    .popWP .price_content li.select {
        border: 1px solid #3a68b2;
    }

    .popWP .price_content li .trafficWrap {
        display: inline-block;
        width: 100%;
        cursor: pointer;
        position: relative;
        min-height: 100px;
    }

        .popWP .price_content li .trafficWrap .lt {
            display: inline-block;
            width: 60%;
            float: left;
            margin-left: 58px;
        }

            .popWP .price_content li .trafficWrap .lt.traffic {
                position: absolute;
                top: 50%;
                left: 0;
                transform: translate(0, -50%);
            }

        .popWP .price_content li .trafficWrap .rt {
            width: 30%;
            height: 100%;
            padding: 0;
            position: absolute;
            top: 50%;
            right: 20px;
            transform: translate(0, -50%);
        }

        .popWP .price_content li .trafficWrap em {
            display: block;
            font-size: 20px;
            color: #333;
            font-weight: bold;
            position: relative;
            text-align: left;
        }

            .popWP .price_content li .trafficWrap em:nth-of-type(n+2) {
                font-size: 18px;
                color: #3a68b2;
                font-weight: lighter !important;
            }

        .popWP .price_content li .trafficWrap .trafficCheck input[type="checkbox"] {
            display: none;
        }

        .popWP .price_content li .trafficWrap .trafficCheck {
            width: 30px;
            font-size: 20px;
            color: #333;
            text-align: center;
            display: inline-block;
            vertical-align: middle;
            float: left;
        }

            .popWP .price_content li .trafficWrap .trafficCheck input + label {
                display: inline-block;
                width: 30px;
                height: 30px;
                cursor: pointer;
                overflow: hidden;
                border: none;
                border-radius: 0;
                position: absolute;
                top: 50%;
                left: 20px;
                transform: translate(0, -50%);
            }

                .popWP .price_content li .trafficWrap .trafficCheck input + label.trafficCheckLabel {
                    background: url('http://blob.wifidosirak.com/wm-d01/dosirakmobile/images/admCheck_off.png') no-repeat center center;
                }

            .popWP .price_content li .trafficWrap .trafficCheck input:checked + label.trafficCheckLabel {
                background: url('http://blob.wifidosirak.com/wm-d01/dosirakmobile/images/admCheck_on.png') no-repeat center center;
            }

        .popWP .price_content li .trafficWrap .trafficTxt {
            display: inline-block;
            position: absolute;
            top: 50%;
            right: 45px;
            transform: translate(0, -50%);
        }

            .popWP .price_content li .trafficWrap .trafficTxt .tTit {
                display: block;
                font-size: 14px;
                text-align: right;
            }

            .popWP .price_content li .trafficWrap .trafficTxt .tAmount {
                display: block;
                font-size: 25px;
                text-align: right;
                font-weight: bold;
            }

        .popWP .price_content li .trafficWrap .trafficArrow {
            display: block;
            height: 100%;
            width: 25px;
            float: right;
        }

            .popWP .price_content li .trafficWrap .trafficArrow:after {
                display: block;
                position: absolute;
                width: 25px;
                height: 10px;
                content: '';
                background: url('../images/arrow_openBlu.png') no-repeat center center;
                top: 50%;
                right: 0;
            }

            .popWP .price_content li .trafficWrap .trafficArrow.active:after {
                display: block;
                position: absolute;
                width: 25px;
                height: 10px;
                content: '';
                background: url('../images/arrow_closeBlu.png') no-repeat center center;
                top: 50%;
                right: 0;
            }

    .popWP .price_content li .trafficSub {
        display: block;
        background: #eaeaea;
        padding: 20px;
        border-top: 1px solid #c2c2c2;
    }

        .popWP .price_content li .trafficSub .trafficSubTxt {
            display: block;
            font-size: 15px;
            text-align: left;
            color: #333;
            position: relative;
            line-height: 140%;
            font-weight: lighter;
        }

/* 210401 end */

/* 210524 */
.verification {
    width: 100%;
    margin: auto;
    text-align: center;
    position: relative;
}

    .verification .vertifyTab {
        width: 700px;
        display: inline-block;
    }

        .verification .vertifyTab li {
            background: #fff;
            font-size: 22px;
            text-align: center;
            float: left;
            vertical-align: middle;
            padding: 10px 0;
            color: #c2c2c2;
            cursor: pointer;
            line-height: normal;
            box-sizing: border-box;
        }

            .verification .vertifyTab li.current {
                color: #3a68b2;
                font-weight: bold;
                position: relative;
                border-bottom: 2px solid #3a68b2;
            }

            .verification .vertifyTab li:first-child:nth-last-child(1) {
                width: 100%;
            }

            .verification .vertifyTab li:first-child:nth-last-child(2),
            .verification .vertifyTab li:first-child:nth-last-child(2) ~ li {
                width: 50%;
            }

            .verification .vertifyTab li:first-child:nth-last-child(3),
            .verification .vertifyTab li:first-child:nth-last-child(3) ~ li {
                width: 33.3333%;
            }

            .verification .vertifyTab li:first-child:nth-last-child(4),
            .verification .vertifyTab li:first-child:nth-last-child(4) ~ li {
                width: 25%;
            }

            .verification .vertifyTab li:first-child:nth-last-child(5),
            .verification .vertifyTab li:first-child:nth-last-child(5) ~ li {
                width: 20%;
            }


            .verification .vertifyTab li:first-child:nth-last-child(6),
            .verification .vertifyTab li:first-child:nth-last-child(6) ~ li {
                width: 16.6%;
            }

.vertifyTab-contentWrap {
    display: block;
    position: relative;
    width: 100%;
    overflow-y: auto;
    padding-top: 35px;
    margin: auto;
}

    .vertifyTab-contentWrap .vertifyTab-content {
        display: none;
        width: 1100px;
        margin: auto;
        position: relative;
    }

        .vertifyTab-contentWrap .vertifyTab-content.current {
            display: inherit;
        }

        .vertifyTab-contentWrap .vertifyTab-content .vertifyTit {
            display: block;
            text-align: center;
            color: #333;
            font-size: 18px;
            padding-bottom: 30px;
        }

/* 210527 */
.subPageAr .prod_option .prod_content .idCard {
    display: block;
    width: 100%;
    margin: auto;
    text-align: left;
    padding: 30px 0 20px;
}

    .subPageAr .prod_option .prod_content .idCard li {
        display: inline-block;
        width: 50%;
        float: left;
        margin: 0;
    }

        .subPageAr .prod_option .prod_content .idCard li:first-child {
            padding-right: 7px;
        }

        .subPageAr .prod_option .prod_content .idCard li:last-child {
            padding-left: 7px;
        }

        .subPageAr .prod_option .prod_content .idCard li .license {
            display: block;
            width: 100%;
            height: 250px;
            line-height: 250px;
            border-radius: 20px;
            border: 1px solid #c2c2c2;
            text-align: center;
            vertical-align: middle;
            overflow: hidden;
            position: relative;
        }

            .subPageAr .prod_option .prod_content .idCard li .license .liDesc {
                display: inline-block;
                text-align: center;
                font-size: 18px;
                color: #333;
                letter-spacing: -1px;
                vertical-align: middle;
            }

                .subPageAr .prod_option .prod_content .idCard li .license .liDesc b {
                    color: #3a68b2;
                    letter-spacing: -1px;
                }

            .subPageAr .prod_option .prod_content .idCard li .license img {
                width: 100%;
                height: 100%;
                position: absolute;
                top: 50%;
                transform: translate(-50%, -50%);
                left: 50%;
                right: 0;
                margin: 0 auto;
            }

.subPageAr .prod_option .prod_content .btnAr .btnNote {
    display: inline-block;
    background: #3a68b2;
    color: #fff;
    font-size: 18px;
    padding: 16px 0;
    width: 400px;
    border-radius: 5px;
    margin: auto;
    margin-bottom: 20px;
}

    .subPageAr .prod_option .prod_content .btnAr .btnNote.half {
        width: 48.8%;
    }

        .subPageAr .prod_option .prod_content .btnAr .btnNote.half:first-child {
            margin-right: 7px;
        }

        .subPageAr .prod_option .prod_content .btnAr .btnNote.half:last-child {
            margin-left: 7px;
        }

/* 210602 */
.subPageAr .prod_option .prod_content .imgBox li {
    display: inline-block;
    width: 23.5%;
    float: left;
    background: rgb(247, 208, 93);
    padding: 10px 0px 30px;
    border-radius: 20px;
}
    .subPageAr .prod_option .prod_content .imgBox li:nth-of-type(n + 2) {
        margin-top: 0;
        margin-left: 2%;
    }

    .subPageAr .prod_option .prod_content .imgBox li .numCircle {
        display: block;
        width: 25px;
        height: 25px;
        font-size: 15px;
        font-weight: bold;
        background: #333;
        color: #fff;
        border-radius: 50%;
        text-align: center;
        margin: auto;
        vertical-align: middle;
    }

    .subPageAr .prod_option .prod_content .imgBox li img {
        display: block;
        margin: auto;
        text-align: center;
    }

    .subPageAr .prod_option .prod_content .imgBox li .boxTxt {
        display: block;
        font-size: 18px;
        color: #333;
        text-align: center;
        letter-spacing: -1.5px;
    }


    .pop_up{display: none; position: fixed; width: 100%; height: 100%; background: rgba(0,0,0,0.5);left: 0; top: 0;z-index: 999999;}
.pop_up .pop_wrap{border-radius: 8px;overflow: hidden;left: 50%;  top: 50%;transform: translate(-50%, -50%);position: absolute;width: 97%;max-width: 550px;background: #f6f7f8;word-break: keep-all;}
.pop_up .pop_wrap .top{background: #3b62ab; height: 50px; width: 100%;position: fixed;}
.pop_up .pop_wrap .top button{float: right;line-height: 60px;background: none;padding-right: 20px;}
.pop_up .tab{margin-top: 80px;}
.pop_up .tab li{float: left; width: 50%;border: 1px solid #ddd;}
.pop_up .tab li:nth-child(2){border-left: none;}
.pop_up .tab li a{font-size: 19px;font-family: "NEXON Lv2"; font-weight: 600; color: #333;text-align: center;display: block;width: 100%; height: 100%; height: 50px; line-height: 50px;}
.pop_up .tab li.active a{background: #3b62ab; color: #fff;}
.pop_up .inner{padding: 0 15px;height: 80vh; overflow-y: auto;}

.pop_up .c_box{padding: 20px 0;padding-top: 0;}
.pop_up .cont{color: #333;font-family: "NEXON Lv2"; font-size: 16px; font-weight: 600; text-align: center;word-break: keep-all; margin: 15px auto;}
.pop_up .box{background: #fff; border-radius: 8px;padding: 20px;margin-bottom: 20px;}
.pop_up .box .tit{margin-bottom: 20px;color: #333; text-align: center;display: block;font-family: "NEXON Lv2";  font-size: 18px; font-weight: 600;}
.pop_up .box .content{color: #666; font-weight: 500;font-family: "NEXON Lv2";font-size: 16px;line-height: 24px;}
.pop_up .box .content strong{display: block;font-weight: 700;font-family: 'Play', sans-serif; color: #333;}
.btn_pop {width: 60%; margin: 0 auto;}
.btn_pop button{float: left;color: #fff;font-family: "NEXON Lv2"; height: 50px; font-size: 18px; font-weight: 600;width: calc((100% - 15px)/2);margin-right: 15px;}
.btn_pop button:nth-child(1){background: #666; }
.btn_pop button:nth-child(2){background: #f0ad08;margin-right: 0;}
    /*요금 모의계산팝업*/
.c_pop .pop_wrap{border-radius: 8px;}
.c_pop .pop_wrap{max-width: 600px;}
.c_pop .pop_wrap .top{background: #3b62ab;border-radius: 8px 8px 0 0;height: 65px;}
.c_pop .pop_wrap .top p{line-height: 65px;padding-left: 20px;display: inline-block;float: left;font-family: "NEXON Lv2"; font-weight: 600; color: #fff; font-size: 20px;}
.c_pop .pop_wrap .top button{line-height: 65px;}
.c_pop .c_tit{font-family: "NEXON Lv2";font-size: 20PX;font-weight: 600; color:#3b62ab; margin-bottom: 10px;}
.c_pop .inner{padding: 30px 20px;padding-top: 100px;}
.c_pop table{margin-bottom: 35px;width: 100%;}
.c_pop table th{text-align: left;vertical-align: top;}
.c_pop table td{text-align: right;}
.c_pop .pay_infor th{color: #999; font-weight: 500; font-size: 16px;padding: 3px 0;}
.c_pop .pay_infor td{text-align: right;font-weight: 500; color:#333;font-size: 18px;padding: 3px 0;}
.c_pop .pay_infor td.name{color:#3b62ab;font-family: "NEXON Lv2";font-weight: 600;}
.c_pop .pay_infor td.name span{color:#3b62ab;font-family: 'Play', sans-serif;font-weight: 700;}
.c_pop .pay_infor td span{font-family: 'Play', sans-serif;color: #333;font-weight: 700}
.c_pop .sale_infor th{border-top: 1px solid #ddd;font-size: 16px; font-weight: 500; color: #999; padding: 15px;}
.c_pop .sale_infor tr:nth-child(1) th{border-top: 2px solid #ddd;}
.c_pop .sale_infor td{border-top: 1px solid #ddd;color: #f0ad08;font-weight: 700; font-size: 18px;padding: 15px;}
.c_pop .sale_infor tr:nth-child(1) td{border-top: 2px solid #ddd;}
.c_pop .sale_infor td span{color: #f0ad08; font-family: 'Play', sans-serif;font-weight: 700; font-size: 18px;}
.c_pop .sale_infor .all_sale_price th{background: #f3f7fb; color: #333;}
.c_pop .sale_infor .all_sale_price td{background: #f3f7fb;color: #333;}
.c_pop .sale_infor .all_sale_price td span{color: #333;}

@media all and (max-width: 768px) {

    /* -------------------- input -------------------- */

    input[type='text'], input[type='password'], input[type='submit'], input[type='search'], .select-box {
        height: 44px;
    }


    /* -------------------- popup -------------------- */
    .popContainer {
        min-width: 320px;
        border: 0.5px solid #E2E2E2;
    }

        .popContainer > .close {
            background: url(//blob.wifidosirak.com/wm-d01/dosirakmobile/images/MO-pop_ic_close.png) no-repeat center / 26px;
        }

        .popContainer.center {
            width: 92%;
            max-width: 400px;
            min-width: 300px;
            padding: 20px 10px 20px;
        }

        .popContainer.bottom {
            width: 100%;
            min-width: 320px;
            padding: 28px 15px 20px;
        }

    .popContTit .tit {
        font-size: 17px;
    }

    .popContTit .txt {
        font-size: 14px;
    }

    .popContTit + .popBody {
        margin-top: 22px;
        max-height: 800px;
    }

    .popContainer.bottom .popContTit + .popBody {
        margin-top: 22px;
    }

    .popContainer .agreeChk {
        padding-top: 20px;
        padding-bottom: 0px;
    }

    .popBody .btnAr.row.col2 .btn {
        height: 39px;
        font-size: 14px;
    }

    .popBody .date-pick .tit {
        width: calc(100% - 130px);
    }

    .popBody .date-pick .pick-btn {
        width: 120px;
        padding: 0 12px;
        background-position: 95% 50%;
        background-image: url(//blob.wifidosirak.com/wm-d01/dosirakmobile/images/MO-date_pick_ic.png);
    }

        .popBody .date-pick .pick-btn .tx {
            width: 80px;
            font-size: 13px;
        }



    /* -------------------- layout -------------------- */
    /* 컨텐츠 */
    html, body {
        overflow-x: hidden;
        overflow-y: auto;
    }

    html {
        min-width: 320px;
    }

    .wTy1 {
        width: 100%;
        min-width: 320px;
    }

    .wTy2 {
        width: 100%;
        min-width: 320px;
    }

    .wTy3 {
        width: 100%;
        min-width: 320px;
    }

    .wrap {
        overflow-x: hidden;
    }

        .wrap.mainPage {
            min-width: 320px;
        }

        .wrap.subPage .container {
            padding-bottom: 50px;
        }

        .wrap.subPage .contents {
            padding-top: 15px;
        }


    /* ------------------- style ------------------- */
    /* 메인페이지 */
    .mainVisualAr {
        height: 320px;
        margin-bottom: 0;
    }

    .popWP select {
        width: 120px;
    }
}

@media all and (max-width: 450px) {
    header {
        position: absolute;
    }

        header h1 {
            float: none;
            position: absolute;
            left: 50%;
            top: 0;
            transform: translateX(-50%) scale(0.8);
            padding: 0;
        }

        header .left {
            padding: 33px 0 0 14px;
        }

        header .all {
            display: block;
            position: absolute;
            width: 32px;
            height: 18px;
            border-top: 2px solid #fff;
            border-bottom: 2px solid #fff;
            color: transparent;
            transform: scale(0.8);
            top: 20px;
            left: 10px;
        }

            header .all:before {
                content: "";
                position: absolute;
                left: 0;
                top: 50%;
                width: 100%;
                height: 2px;
                background: #fff;
                margin-top: -1px;
            }

            header .all:hover {
                color: transparent;
            }

        header .left > div {
            float: none;
        }

        header > ul {
            padding: 33px 17px 0 0;
        }

            header > ul li {
                display: none;
            }

                header > ul li.join {
                    display: block;
                }

                    header > ul li.join a {
                        overflow: hidden;
                        width: 17px;
                        height: 16px;
                        background: url("//blob.wifidosirak.com/wm-d01/dosirakmobile/images/layout_m.png") no-repeat -63px -35px / 300px auto;
                        border: none;
                        color: transparent;
                    }

                header > ul li a {
                    width: 70px;
                }

        header .gnb li ul.mRight {
            margin-left: 0;
        }

        /* 모바일메뉴 */
        header .close,
        header .all,
        header .left > div > div,
        header h2 {
            display: block;
        }

        header .navWp {
            width: 100%;
        }

            header .navWp .headerRight span {
                width: 30px;
                height: 60px;
                line-height: 60px;
            }

        header .nav {
            position: fixed;
            left: -120%;
            top: 0;
            z-index: 101;
            transition: left 0.7s;
            width: calc(100% - 32px);
            height: 100%;
            background: #fff;
            box-sizing: border-box;
            overflow-y: scroll;
        }

            header .nav h2 {
                color: #fff;
            }

            header .nav.on {
                left: 0;
                background-color: #fff;
            }

                header .nav.on nav {
                    padding: 0 0 24px;
                    border-top: 1px solid #c2c2c2;
                    font-size: 18px;
                }

                    header .nav.on nav a {
                        line-height: 60px;
                        color: #333;
                        padding: 0 20px;
                    }

                        header .nav.on nav a:before {
                            display: none;
                        }

                    header .nav.on nav li {
                        float: none;
                        border-bottom: 1px solid #eee;
                        margin: 0;
                    }

                header .nav.on div {
                    display: block;
                    border: 1px solid #eee;
                    width: 100%;
                    position: relative;
                    bottom: 0;
                }

                    header .nav.on div span {
                        display: inline-block;
                        width: 50%;
                        float: left;
                        text-align: center;
                        background-color: #3a68b2;
                        box-sizing: border-box;
                        border-left: 1px solid #fff;
                    }

                        header .nav.on div span:first-child {
                            border: none;
                        }

                    header .nav.on div a {
                        flex: 1;
                        height: 38px;
                        line-height: 38px;
                        text-align: center;
                        color: #fff;
                        font-size: 13px;
                        font-weight: bold;
                    }

                    header .nav.on div .wingBanArMo {
                        width: 100%;
                        display: block;
                        position: relative;
                        bottom: 0;
                        left: 0;
                        cursor: pointer;
                    }

                        header .nav.on div .wingBanArMo img {
                            width: 100%;
                        }

                header .nav.on .close {
                    position: absolute;
                    right: 24px;
                    top: 24px;
                    width: 20px;
                    height: 20px;
                    color: transparent;
                }

                    header .nav.on .close:before {
                        content: "";
                        position: absolute;
                        left: 46%;
                        top: 0;
                        width: 1px;
                        height: 100%;
                        background: #fff;
                        transform: rotate(45deg);
                    }

                    header .nav.on .close:after {
                        content: "";
                        position: absolute;
                        right: 45%;
                        top: 0;
                        width: 1px;
                        height: 100%;
                        background: #fff;
                        transform: rotate(-45deg);
                    }

            header .nav .navTit {
                display: block;
                padding: 50px 30px 20px;
                background-color: #3a68b2;
            }

    .headerDim {
        display: none;
        position: fixed;
        left: 0;
        top: 0;
        z-index: 50;
        width: 100%;
        height: 100%;
        background: rgba(0,0,0,0.5);
    }

    header .gnb li ul {
        display: none;
        width: 100%;
        position: relative;
        margin: auto;
    }

    header .gnb li:nth-of-type(6) ul {
        margin-left: 0;
    }

    header .gnb li ul li {
        background-color: #eaeaea;
        border-bottom: 0 !important;
        text-align: left;
    }

        header .gnb li ul li a {
            color: #333;
            font-size: 16px;
        }

    header .navWp .nav select::-ms-expand {
        display: none;
    }

    header .navWp .nav select {
        display: inline-block;
        height: 60px;
        line-height: 60px;
        width: 100%;
        padding: 0 20px;
        box-sizing: border-box;
        background: url('//blob.wifidosirak.com/wm-d01/dosirakmobile/images/selectArrow_pop.png') no-repeat 95% 50%; /* 네이티브 화살표를 커스텀 화살표로 대체 */
        color: #333;
        font-size: 16px;
        -webkit-appearance: none; /* 네이티브 외형 감추기 */
        -moz-appearance: none;
        appearance: none;
    }

        header .navWp .nav select option {
            padding: 0 20px;
        }
    /* PC 컨텐츠 */
    .pc-con {
        display: none !important;
    }
    /* 모바일 컨텐츠 */
    .mo-con {
        display: block !important;
    }

    header .navWp .headerRight li ul {
        left: -35px;
    }
    /* GNB */
    .gnbWp {
        min-width: 320px;
    }

    /* 메인배너 */
    .mainVisualAr {
        height: 250px;
    }

    .mainBanAr .swiper-container {
        width: 100%;
    }

    .mainBanAr .swiper-slide {
        width: 100% !important;
    }

    .mainBanAr .swiper-pagination span:nth-of-type(n+2) {
        margin-left: 5px;
    }

    .mainVisualAr .mainBanFirst {
        display: block;
        /*width: 100%;*/
        height: 250px;
        line-height: 250px;
        background: url(//blob.wifidosirak.com/wm-d01/dosirakmobile/images/mainBanFirst_bg.jpg) no-repeat center center;
        background-size: cover;
    }

        .mainVisualAr .mainBanFirst .mainBanTxt {
            top: 38%;
        }

            .mainVisualAr .mainBanFirst .mainBanTxt .banTit {
                font-size: 25px;
                line-height: normal;
                line-height: 100%;
            }

                .mainVisualAr .mainBanFirst .mainBanTxt .banTit strong {
                    line-height: 100%;
                }

            .mainVisualAr .mainBanFirst .mainBanTxt .banSubTit {
                display: block;
                margin-top: 5px;
                font-size: 15px;
            }

    .mainVisualAr .swiper-pagination {
        left: 0 !important;
        top: 84%;
    }

        .mainVisualAr .swiper-pagination .swiper-pagination-bullet {
            display: inline-block;
            width: 8px;
            height: 8px;
            margin: 0 4px !important;
        }

    /* 메인페이지 탭 */
    .mainTab {
        width: 100%;
        display: inline-block;
    }

        .mainTab li {
            font-size: 16px;
        }

            .mainTab li:first-child {
                margin-left: 0;
            }

            .mainTab li:nth-of-type(n+2) {
                margin-left: 0;
            }

            .mainTab li.current span {
                position: absolute;
                top: 40px;
                left: 50px;
                display: block;
                width: 23px;
                height: 11px;
                background: url('//blob.wifidosirak.com/wm-d01/dosirakmobile/images/tab_on_img.png') no-repeat 0 0;
                z-index: 11;
            }

    /* 메인페이지 range slider */
    .rangeAr {
        width: 100%;
        margin-top: 30px;
        padding: 10px 10px;
    }

        .rangeAr > div {
            width: 100%;
        }

            .rangeAr > div:nth-of-type(n+2) {
                width: 100%;
                text-align: left;
                margin-top: 15px;
            }

        .rangeAr .rangeSection {
            width: 100%;
            margin: auto;
            position: relative;
        }

            .rangeAr .rangeSection .mainTit {
                font-size: 25px;
                color: #333;
                font-weight: lighter;
                display: inline-block;
            }

            .rangeAr .rangeSection .info {
                font-size: 20px;
                color: #3a68b2;
                font-weight: lighter;
                display: inline-block;
            }

            .rangeAr .rangeSection .subTxt {
                font-size: 16px;
                color: #333;
                font-weight: lighter;
                display: inline-block;
            }

            .rangeAr .rangeSection .plusAr {
                position: absolute;
                color: #3a68b2;
                top: 40px;
                font-weight: bold;
                font-size: 25px;
            }

    .switchAr {
        display: inline-block;
        width: auto;
        float: right;
        padding: 0;
        vertical-align: middle;
        margin-top: 5px;
    }

    #slider-max {
        width: 100% !important;
    }

        #slider-max .numWrap {
            width: 100%;
        }

            #slider-max .numWrap .sliderNum {
                width: 40px;
            }

                #slider-max .numWrap .sliderNum:nth-of-type(n+2) {
                    width: 8%;
                }

    .rangeAr .rangeSection .priceGuide > span {
        width: 18%;
    }

        .rangeAr .rangeSection .priceGuide > span:nth-of-type(3) {
            width: 36%;
        }

        .rangeAr .rangeSection .priceGuide > span:nth-of-type(2), .rangeAr .rangeSection .priceGuide > span:nth-of-type(4) {
            width: 57px;
        }

    .rangeAr .rangeSection .onPop {
        font-size: 12px;
        left: 82%;
        top: 42px;
    }

        .rangeAr .rangeSection .onPop:after {
            top: -8px;
            left: 73%;
        }

    /* 메인페이지 요금표 슬라이드 */
    .mainTab-contentWrap {
        padding-top: 10px;
    }

    .mainTab-content {
        width: 100%;
    }

    .mainPriceAr {
        width: 100%;
    }

        .mainPriceAr .swiper-container {
            width: 100%;
            padding-left: 10px;
        }

        .mainPriceAr .viewAll {
            right: 10px;
        }
    /* 메인페이지 이벤트 영역 */
    .eventZone {
        padding: 50px 10px;
    }

        .eventZone .eventCon {
            width: 100%;
        }

            .eventZone .eventCon .banAr .swiper-container {
                width: 100%;
            }

            .eventZone .eventCon .banAr .swiper-slide {
                width: 100% !important;
            }

                .eventZone .eventCon .banAr .swiper-slide img {
                    width: 100%;
                }

            .eventZone .eventCon h1 {
                font-size: 25px;
            }

            .eventZone .eventCon .btnMore {
                top: 0;
            }

    /* 메인페이지 고객센터 */
    .csAr .csCon {
        width: 100%;
    }

        .csAr .csCon > div {
            display: block;
            width: 100%;
            padding: 0 10px;
        }

            .csAr .csCon > div .moreBtn {
                right: 10px;
            }

            .csAr .csCon > div:nth-of-type(n+2) {
                margin-left: 0;
                margin-top: 20px;
            }

        .csAr .csCon h1 {
            margin-bottom: 20px;
        }

        .csAr .csCon .txtCall {
            font-size: 15px;
        }

        .csAr .csCon > div .kakaoBtn {
            top: 80px;
            right: 10px;
        }

            .csAr .csCon > div .kakaoBtn img {
                width: 50px;
            }
    /* footer */
    .footerAr .footerCon {
        width: 100%;
    }

        .footerAr .footerCon .policyAr {
            padding: 0 10px;
        }

        .footerAr .footerCon .companyInfo {
            padding: 0 10px;
        }

        .footerAr .footerCon .familySiteAr img {
            width: 60px;
        }

        .footerAr .footerCon .companyInfo .infoAr {
            font-size: 10px;
        }


    /* subpage */
    .topBan {
        height: 60px;
        background: url(//blob.wifidosirak.com/wm-d01/dosirakmobile/images/subBan_bg.jpg) no-repeat 0 center;
    }

        .topBan .topBanAr {
            width: 100%;
        }

            .topBan .topBanAr > .close {
                width: 40px;
                height: 60px;
            }

            .topBan .topBanAr .subBanTit {
                font-size: 12px;
                line-height: 100%;
                height: 60px;
                line-height: 60px;
            }

    .subPage {
        min-width: 100%;
    }

    .subTitAr {
        padding: 85px 0 20px;
    }

        .subTitAr h1 {
            font-size: 20px;
            line-height: 20px;
        }

        .subTitAr .subTit {
            font-size: 12px;
        }

    .subPageAr {
        min-height: 300px;
    }

        .subPageAr .prod_option {
            width: 100%;
            padding: 10px 10px 20px;
        }

            .subPageAr .prod_option .prod_subject {
                display: block;
                width: 100%;
                float: none;
                margin-bottom: 0;
            }

                .subPageAr .prod_option .prod_subject .subjectTit {
                    font-size: 16px;
                    margin-bottom: 0;
                }

                    .subPageAr .prod_option .prod_subject .subjectTit em {
                        display: inline-block;
                        margin-left: 5px;
                    }

                .subPageAr .prod_option .prod_subject .subjectLine {
                    display: none;
                }

            .subPageAr .prod_option .prod_content {
                display: block;
                width: 100%;
                margin-top: 5px;
            }

                .subPageAr .prod_option .prod_content .inputTit {
                    font-size: 16px;
                }

                .subPageAr .prod_option .prod_content input + label {
                    border-radius: 10px;
                }

                    .subPageAr .prod_option .prod_content input + label .lt {
                        padding: 10px;
                    }

                        .subPageAr .prod_option .prod_content input + label .lt.traffic {
                            width: 65%;
                        }

                    .subPageAr .prod_option .prod_content input + label .rt.traffic {
                        width: 35%;
                        padding: 10px 10px 10px 0;
                    }

                    .subPageAr .prod_option .prod_content input + label em {
                        font-size: 16px;
                    }

                        .subPageAr .prod_option .prod_content input + label em:nth-child(2) {
                            font-size: 12px;
                            line-height: 14px;
                        }

                        .subPageAr .prod_option .prod_content input + label em.mgl-50 {
                            margin-left: 30px;
                        }

                    .subPageAr .prod_option .prod_content input + label.checkAr {
                        background: url(//blob.wifidosirak.com/wm-d01/dosirakmobile/images/admCheck_off.png) no-repeat 10px center;
                        background-size: 20px;
                    }

                .subPageAr .prod_option .prod_content input:checked + label.checkAr {
                    background: url(//blob.wifidosirak.com/wm-d01/dosirakmobile/images/admCheck_on.png) no-repeat 10px 24px;
                    background-size: 20px;
                }

                .subPageAr .prod_option .prod_content .inputNote {
                    position: absolute;
                    top: -28px;
                    right: 0;
                    font-size: 12px;
                }

                    .subPageAr .prod_option .prod_content .inputNote.fullLine {
                        position: relative;
                        top: 0;
                    }

    .priceSelect {
        font-size: 12px;
        padding: 15px 0;
        text-align: center;
    }

    .subPageAr .prod_option .prod_content .admAds {
        /*padding: 10px;*/
        /*border: 1px solid #c2c2c2;*/
        /*border-radius: 10px;*/
    }

        .subPageAr .prod_option .prod_content .admAds img {
            width: 100%;
        }

        .subPageAr .prod_option .prod_content .admAds em.adsTit {
            font-size: 15px;
        }

        .subPageAr .prod_option .prod_content .admAds em .adsBenefit img {
            width: 25px;
        }

        .subPageAr .prod_option .prod_content .admAds em .adsBenefit {
            font-size: 11px;
        }

    .subPageAr .prod_option .prod_content input + label .priceBtn {
        height: 70px;
        line-height: 70px;
    }

        .subPageAr .prod_option .prod_content input + label .priceBtn.hFull {
            height: 75px;
            line-height: 75px;
        }

        .subPageAr .prod_option .prod_content input + label .priceBtn .btnTxt {
            font-size: 12px;
        }

    .subPageAr .prod_option .prod_content .additionalTab li {
        font-size: 12px;
        width: 60px;
        padding: 10px 0;
    }

        .subPageAr .prod_option .prod_content .additionalTab li:nth-of-type(n+2) {
            margin-left: 5px;
        }

    .subPageAr .prod_option .prod_content .clause .clauseTit {
        font-size: 14px;
    }

    .subPageAr .prod_option .prod_content .clause input + label.clauseCheckLabel, .subPageAr .prod_option .prod_content .clause input:checked + label.clauseCheckLabel {
        background-size: 80%;
        background-position: 0px 0px;
    }

    .subPageAr .prod_option .prod_content .clause li {
        padding: 10px;
    }

    .subPageAr .prod_option .prod_content .clause .clauseArrow {
        width: 18%;
    }

        .subPageAr .prod_option .prod_content .clause .clauseArrow .arrowDown:before, .subPageAr .prod_option .prod_content .clause .clauseArrow .arrowDown:after {
            width: 12px;
            height: 2px;
        }

        .subPageAr .prod_option .prod_content .clause .clauseArrow .arrowDown:before {
            right: 16px;
        }

    .subPageAr .prod_option .prod_content .addDetail {
        padding: 10px;
    }

    #priceFloat .priceFloatAr, #priceFloat.top .priceFloatAr {
        width: 100%;
    }

        #priceFloat .priceFloatAr .lt {
            width: 45%;
            font-size: 15px;
            padding: 10px;
        }

            #priceFloat .priceFloatAr .lt.wide {
                width: 80%;
            }

        #priceFloat .priceFloatAr .rt {
            width: 55%;
            padding: 10px;
        }

            #priceFloat .priceFloatAr .rt.narrow {
                width: 20%;
            }

        #priceFloat .priceFloatAr .floatTit {
            margin-right: 0;
        }

        #priceFloat .priceFloatAr .floatPrice {
            display: block;
        }

        #priceFloat .priceFloatAr .floatPriceBtn {
            width: 90px;
            padding: 10px 0;
            font-size: 16px;
        }

        #priceFloat .priceFloatAr .arrowPrice {
            width: 42px;
            height: 42px;
            margin-left: 10px;
        }

            #priceFloat .priceFloatAr .arrowPrice:before, #priceFloat .priceFloatAr .arrowPrice:after {
                top: 20px;
            }

            #priceFloat .priceFloatAr .arrowPrice:before {
                right: 18px;
            }

            #priceFloat .priceFloatAr .arrowPrice:after {
                right: 8px;
            }

    #priceFloat .pricefDetail .priceDetailAr {
        width: 100%;
        padding: 10px;
    }

        #priceFloat .pricefDetail .priceDetailAr li {
            width: 50%;
        }

            #priceFloat .pricefDetail .priceDetailAr li:first-child, #priceFloat .pricefDetail .priceDetailAr li:nth-of-type(2) {
                padding: 0;
            }

            #priceFloat .pricefDetail .priceDetailAr li:nth-of-type(3) {
                width: 100%;
                padding-left: 0;
                display: block;
            }

        #priceFloat .pricefDetail .priceDetailAr .priceMain {
            display: inline-block;
            height: 16px;
            line-height: 16px;
        }

            #priceFloat .pricefDetail .priceDetailAr .priceMain .priceName, #priceFloat .pricefDetail .priceDetailAr .priceMain .priceAmount {
                font-size: 12px;
            }

                #priceFloat .pricefDetail .priceDetailAr .priceMain .priceName.etc {
                    width: 65%;
                }

                #priceFloat .pricefDetail .priceDetailAr .priceMain .priceAmount.etc {
                    width: 35%;
                }

        #priceFloat .pricefDetail .priceDetailAr .question {
            margin-top: 0;
        }

            #priceFloat .pricefDetail .priceDetailAr .question img {
                width: 90%;
            }

        #priceFloat .pricefDetail .priceDetailAr .priceAds {
            margin-top: 10px;
            padding: 20px;
        }

            #priceFloat .pricefDetail .priceDetailAr .priceAds .adsTit {
                font-size: 16px;
            }

    .popContainer.center {
        width: 100%;
        height: 100%;
        padding: 0;
        overflow-y: auto;
    }

    .popContTit + .popBody {
        padding: 10px;
    }

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

    .popWP select {
        width: 130px;
        font-size: 12px;
    }

    .popWP .price_content input + label.checkAr, .popWP .price_content input:checked + label.checkAr {
        background-size: 25px;
        background-position: 10px 20px;
    }

    .popWP .price_content input + label .lt {
        width: 65%;
        padding: 10px 0 10px 5px;
    }

    .popWP .price_content input + label .rt {
        width: 35%;
        padding: 10px 5px 10px 0;
    }

    .popWP .price_content input + label em {
        font-size: 14px;
    }

        .popWP .price_content input + label em:nth-child(2) {
            font-size: 12px;
        }

        .popWP .price_content input + label em.mgl-50 {
            margin-left: 35px;
        }

    .popWP .price_content input + label .priceSection .priceTxt .pTit {
        font-size: 12px;
    }

    .popWP .price_content input + label .priceSection .priceTxt {
        width: 72%;
    }

        .popWP .price_content input + label .priceSection .priceTxt .pAmount {
            font-size: 20px;
        }

    .popWP .price_content input + label .priceSection .arrow {
        width: 20px;
    }

        .popWP .price_content input + label .priceSection .arrow:before, .popWP .price_content input + label .priceSection .arrow:after {
            width: 10px;
            height: 1px;
        }

        .popWP .price_content input + label .priceSection .arrow:before {
            right: 9px;
            transform: rotate(30deg);
        }

        .popWP .price_content input + label .priceSection .arrow:after {
            right: 0px;
            transform: rotate(-30deg);
        }

    .popWP .appConfirm li .confirmTit {
        width: 40%;
        font-size: 14px;
    }

    .popWP .appConfirm li .confirmTxt {
        width: 60%;
        font-size: 14px;
    }

    .popWP .noticeAr .nt_Tit {
        font-size: 14px;
    }

    .popWP .noticeAr .nt_Txt {
        font-size: 12px;
    }

    .popWP .noticeAr {
        padding: 10px;
    }

    .popWP .priceDetailTb thead th {
        height: 30px;
        line-height: 30px;
        font-size: 14px;
    }

    .popWP .priceDetailTb tbody td {
        height: 30px;
        line-height: 30px;
        font-size: 12px;
    }

    .popWP .priceDetailTb .note_Txt {
        font-size: 12px;
    }

    .popWP .price_content .chargeGuide {
        margin-top: 20px;
    }

        .popWP .price_content .chargeGuide li {
            border-radius: 10px;
        }

        .popWP .price_content .chargeGuide .guideTop {
            padding: 15px;
        }

        .popWP .price_content .chargeGuide .guideTit {
            width: 74%;
            color: #333;
            font-size: 16px;
        }

            .popWP .price_content .chargeGuide .guideTit.blu {
                width: 100%;
            }

        .popWP .price_content .chargeGuide .guideTxt {
            font-size: 16px;
        }

        .popWP .price_content .chargeGuide .guideArrow {
            width: 24%;
            padding: 15px;
        }

        .popWP .price_content .chargeGuide .guideBottom {
            padding: 15px;
        }

            .popWP .price_content .chargeGuide .guideBottom span {
                font-size: 12px;
            }

        .popWP .price_content .chargeGuide .guideArrow .arrowDown:before, .popWP .price_content .chargeGuide .guideArrow .arrowDown:after {
            width: 15px;
            height: 2px;
        }

        .popWP .price_content .chargeGuide .guideArrow .arrowDown:before {
            right: 20px;
        }

    .subPageTop {
        width: 100%;
    }

        .subPageTop #priceFloat_top {
            width: 100%;
        }

            .subPageTop #priceFloat_top .priceFloatAr, #priceFloat.top .priceFloatAr {
                width: 100%;
            }

                .subPageTop #priceFloat_top .priceFloatAr .lt {
                    width: 45%;
                    font-size: 15px;
                    padding: 10px;
                }

                .subPageTop #priceFloat_top .priceFloatAr .rt {
                    width: 55%;
                    padding: 10px;
                }

                .subPageTop #priceFloat_top .priceFloatAr .floatTit {
                    margin-right: 0;
                }

                .subPageTop #priceFloat_top .priceFloatAr .floatPrice {
                    display: block;
                }

                .subPageTop #priceFloat_top .priceFloatAr .floatPriceBtn {
                    width: 90px;
                    padding: 10px 0;
                    font-size: 16px;
                }

                .subPageTop #priceFloat_top .priceFloatAr .arrowPrice {
                    width: 42px;
                    height: 42px;
                    margin-left: 10px;
                }

                    .subPageTop #priceFloat_top .priceFloatAr .arrowPrice:before {
                        right: 18px;
                    }

                    .subPageTop #priceFloat_top .priceFloatAr .arrowPrice:after {
                        right: 8px;
                    }

                    .subPageTop #priceFloat_top .priceFloatAr .arrowPrice:before, .subPageTop #priceFloat_top .priceFloatAr .arrowPrice:after {
                        top: 20px;
                    }

            .subPageTop #priceFloat_top .pricefDetail .priceDetailAr {
                width: 100%;
                padding: 30px 5px;
            }

                .subPageTop #priceFloat_top .pricefDetail .priceDetailAr li {
                    padding: 0;
                }

                .subPageTop #priceFloat_top .pricefDetail .priceDetailAr .priceMain {
                    display: inline-block;
                    height: 16px;
                    line-height: 16px;
                }

                    .subPageTop #priceFloat_top .pricefDetail .priceDetailAr .priceMain .priceName, .subPageTop #priceFloat_top .pricefDetail .priceDetailAr .priceMain .priceAmount {
                        font-size: 12px;
                    }

                        .subPageTop #priceFloat_top .pricefDetail .priceDetailAr .priceMain .priceName.etc {
                            width: 65%;
                        }

                        .subPageTop #priceFloat_top .pricefDetail .priceDetailAr .priceMain .priceAmount.etc {
                            width: 35%;
                        }

                    .subPageTop #priceFloat_top .pricefDetail .priceDetailAr .priceMain .question {
                        margin-top: 0;
                    }

                        .subPageTop #priceFloat_top .pricefDetail .priceDetailAr .priceMain .question img {
                            width: 90%;
                        }

    .subStepWrap {
        width: 100%;
        margin-top: 60px;
    }

        .subStepWrap .stepAr {
            padding: 25px 10px;
            background: url(//blob.wifidosirak.com/wm-d01/dosirakmobile/images/step_line_MO.png) no-repeat center center;
        }

            .subStepWrap .stepAr li .stepNum {
                width: 100px;
                padding: 5px;
                font-size: 12px;
                border-radius: 20px;
            }

    .subTab {
        width: 100%;
    }

        .subTab li {
            font-size: 16px;
        }

            .subTab li.current span {
                top: 40px;
                left: 50px;
            }

    .subTab-content {
        width: 100%;
    }

    .subPageAr .prod_option .prod_content.document input {
        height: 34px;
        padding-left: 10px;
        font-size: 14px;
    }

        .subPageAr .prod_option .prod_content.document input::placeholder {
            font-size: 14px;
        }

    .subPageAr .prod_option .prod_content .inputAr {
        padding: 4px 0;
    }

        .subPageAr .prod_option .prod_content .inputAr .inpGroup .grouping {
            margin-left: 4px;
        }

            .subPageAr .prod_option .prod_content .inputAr .inpGroup .grouping.selectInput {
                width: 62%;
            }

            .subPageAr .prod_option .prod_content .inputAr .inpGroup .grouping.idCardDate {
                width: 72%;
            }

            .subPageAr .prod_option .prod_content .inputAr .inpGroup .grouping.select {
                width: 20%;
            }

            .subPageAr .prod_option .prod_content .inputAr .inpGroup .grouping.dateLine {
                width: 30%;
            }

            .subPageAr .prod_option .prod_content .inputAr .inpGroup .grouping.nextLine {
                width: 100%;
                margin-left: 0;
                margin-top: 8px;
            }

        .subPageAr .prod_option .prod_content .inputAr input.name {
            width: 100%;
        }

        .subPageAr .prod_option .prod_content .inputAr input.code {
            width: 35%;
        }

        .subPageAr .prod_option .prod_content .inputAr input.idNum, .subPageAr .prod_option .prod_content .inputAr input.driverNum {
            width: 100%;
        }

    .subPageAr .prod_option .prod_content.document select {
        width: 35%;
        padding: 0 10px;
        font-size: 14px;
        height: 34px;
        line-height: 34px;
    }

        .subPageAr .prod_option .prod_content.document select.Full {
            width: 100%;
        }

    .subPageAr .prod_option .prod_content .idCard {
        text-align: center;
    }

    .subPageAr .prod_option .prod_content .inputAr .idDate, .subPageAr .prod_option .prod_content .inputAr .idDate2 {
        width: 20%;
        font-size: 14px;
        margin-left: 20px;
        margin-right: 0;
        line-height: 34px;
    }

        .subPageAr .prod_option .prod_content .inputAr .idDate:before, .subPageAr .prod_option .prod_content .inputAr .idDate2:before {
            width: 21px;
            height: 21px;
            background-size: 85%;
            margin-top: 9px;
            margin-left: -20px;
        }

    .subPageAr .prod_option .prod_content .inputAr input.idCardDate {
        width: 100%;
    }

    .subPageAr .prod_option .prod_content .inputNotice {
        font-size: 12px;
        color: #3a68b2;
    }

    .subPageAr .prod_option .prod_content .confirmTab li, .subPageAr .prod_option .prod_content .confirmMinorTab li, .subPageAr .prod_option .prod_content .confirmForeignTab li {
        font-size: 14px;
        padding: 10px 0;
    }

    .subPageAr .prod_option .prod_content .confirmTab-content,
    .subPageAr .prod_option .prod_content .confirmMinorTab-content,
    .subPageAr .prod_option .prod_content .confirmForeignTab-content {
        width: 100%;
    }

    .subPageAr .prod_option .prod_content .noteAr {
        padding: 10px;
    }

        .subPageAr .prod_option .prod_content .noteAr .noticeTit {
            font-size: 13px;
        }

        .subPageAr .prod_option .prod_content .noteAr .noticeTxt {
            font-size: 12px;
        }

    .subPageAr .prod_option .prod_content .btnAr .btnBefore {
        font-size: 16px;
        padding: 10px 0;
        width: 35%;
    }

    .subPageAr .prod_option .prod_content .btnAr .btnCertify {
        font-size: 16px;
        padding: 10px 0;
        width: 60%;
    }

    .subPageAr .prod_option .prod_content .btnAr button:nth-of-type(n+2) {
        margin-left: 3%;
    }

    .subPageAr .prod_option .prod_content .btnAr.center.mL {
        margin-left: 0;
    }

    .subPageAr .prod_option .prod_content .inputAr .inputBtn {
        width: 100%;
        height: 34px;
        font-size: 16px;
    }

    .subPageAr .prod_option .prod_content .inputAr .check-btn {
        background-size: 18px;
        padding-left: 20px;
        font-size: 14px;
        line-height: 18px;
    }

        .subPageAr .prod_option .prod_content .inputAr .check-btn.active {
            background-size: 18px;
        }

    .subPageAr .prod_option .prod_content .paymentTab li {
        background: #fff;
        font-size: 14px;
        padding: 10px 0;
        width: 33.3%;
    }

        .subPageAr .prod_option .prod_content .paymentTab li:nth-of-type(4) {
            margin-left: 0;
        }

        .subPageAr .prod_option .prod_content .paymentTab li:nth-of-type(n+4) {
            margin-top: -1px;
        }

    .subPageAr .prod_option .prod_content .paymentTab-content {
        width: 100%;
    }

    .subPageAr .prod_option .prod_content .inputAr .checkBtn {
        width: 100%;
        height: auto;
        font-size: 16px;
        padding: 10px 0;
    }

    .subPageAr .prod_option .prod_content .banAr, .subPageAr .prod_option .prod_content .banAr img {
        width: 100%;
    }

    .subPageAr .prod_option .prod_content .appConfirm li {
        padding: 10px;
    }

        .subPageAr .prod_option .prod_content .appConfirm li .confirmTit, .subPageAr .prod_option .prod_content .appConfirm li .confirmTxt {
            font-size: 14px;
        }

        .subPageAr .prod_option .prod_content .appConfirm li .confirmTit {
            width: 28%;
        }

        .subPageAr .prod_option .prod_content .appConfirm li .confirmTxt {
            width: 72%;
        }

    .subPageAr .prod_option .prod_content .btnWide {
        padding: 10px 0;
        height: auto;
        font-size: 16px;
        margin-top: 15px;
    }

    .chargeAr {
        width: 100%;
        padding: 0 10px;
    }

        .chargeAr .chargeArTit {
            padding: 20px 0;
        }

            .chargeAr .chargeArTit img {
                width: 180px;
            }

        .chargeAr .chargeSelect li {
            display: block;
            width: 100%;
            padding: 15px;
        }

            .chargeAr .chargeSelect li:nth-of-type(n+2) {
                margin-left: 0;
                margin-top: 10px;
            }

        .chargeAr .chargeSelect .menuTit {
            font-size: 16px;
        }

        .chargeAr .chargeSelect select {
            height: 35px;
            line-height: 35px;
            margin-top: 10px;
            padding: 0 10px;
            font-size: 14px;
        }

        .chargeAr .chargeSelect .menuSearchAr .menuSearch {
            width: 100%;
            height: auto;
            padding: 10px 0;
            font-size: 16px;
        }

        .chargeAr .chargeListAr .listTop > .left {
            width: 65%;
        }

        .chargeAr .chargeListAr .listTop {
            padding: 10px 0;
        }

            .chargeAr .chargeListAr .listTop > .right {
                width: 35%;
                text-align: center;
            }

            .chargeAr .chargeListAr .listTop select {
                height: 30px;
                line-height: 30px;
                width: 100%;
                padding: 0 10px;
                font-size: 12px;
            }

            .chargeAr .chargeListAr .listTop .listNote {
                font-size: 12px;
                height: 32px;
                line-height: 32px;
            }

        .chargeAr .chargeTab-content {
            width: 100%;
            display: block;
        }

        .chargeAr .priceTitAr {
            width: 100%;
        }

    .chargeLargeAr, .chargeSlimAr {
        width: 100%;
    }

        .chargeLargeAr .swiper-container, .chargeSlimAr .swiper-container {
            width: 100%;
        }

    .chargeAr .priceTitAr .priceTit {
        font-size: 16px;
    }

    .chargeAr .priceTitAr .priceSub {
        font-size: 14px;
    }

    #priceFloat .priceFloatAr .benefitPrice {
        font-size: 15px;
    }

    .subPageAr .chargingMainTab {
        width: 100%;
    }

        .subPageAr .chargingMainTab li {
            font-size: 16px;
        }

            .subPageAr .chargingMainTab li.current span {
                top: 40px;
                left: 50px;
            }

        .subPageAr .chargingMainTab p {
            width: 100px;
            font-size: 12px;
            padding: 5px;
            top: -40px;
            left: 50%;
            margin-left: -50px
        }

    .subPageAr .prod_option .prod_content .chargingTab li, .subPageAr .prod_option .prod_content .chargingTab2 li, .subPageAr .prod_option .prod_content .chargingTab3 li {
        font-size: 14px;
        padding: 10px 0;
        width: 33.3%;
    }

        .subPageAr .prod_option .prod_content .chargingTab li:nth-of-type(4),
        .subPageAr .prod_option .prod_content .chargingTab2 li:nth-of-type(4),
        .subPageAr .prod_option .prod_content .chargingTab3 li:nth-of-type(4) {
            margin-left: 0;
        }

        .subPageAr .prod_option .prod_content .chargingTab li:nth-of-type(n+4),
        .subPageAr .prod_option .prod_content .chargingTab2 li:nth-of-type(n+4),
        .subPageAr .prod_option .prod_content .chargingTab3 li:nth-of-type(n+4) {
            margin-top: -1px;
        }

    .subPageAr .prod_option .prod_content .inputAr input.quarter {
        width: 49%;
    }

        .subPageAr .prod_option .prod_content .inputAr input.quarter:nth-of-type(2) {
            margin-left: 0.2%;
        }

    .subPageAr .prod_option .prod_content.document .appConfirm select {
        font-size: 14px;
    }

        .subPageAr .prod_option .prod_content.document .appConfirm select.selectAmount {
            width: 130px;
        }

    .subPageAr .prod_option .prod_content.document select.quarter {
        width: 49%;
    }

        .subPageAr .prod_option .prod_content.document select.quarter:nth-of-type(n+2) {
            margin-left: 0.2%;
        }

    z
    .subPageAr .prod_option .prod_content.document .appConfirm select.selectAmount {
        width: 120px;
    }

    .subPageAr .prod_option .prod_content .appConfirm li .balance {
        font-size: 15px;
        float: right;
    }

    .subPageAr .chargingDetail {
        width: 100%;
        padding: 0 10px;
    }

        .subPageAr .chargingDetail .chargingInquiry {
            padding: 20px 0;
        }

            .subPageAr .chargingDetail .chargingInquiry > div {
                width: 100%;
                float: none;
            }

                .subPageAr .chargingDetail .chargingInquiry > div:nth-of-type(2) {
                    float: none;
                    text-align: left;
                    margin-top: 10px;
                }
            /* 언어 선택 디자인 수정 */
            .subPageAr .chargingDetail .chargingInquiry .btnTerm {
                width: 68px;
                height: 35px;
                font-size: 14px;
            }
            /* 언어 선택 디자인 수정 end */
            .subPageAr .chargingDetail .chargingInquiry input.date {
                width: 30%;
                height: 35px;
                font-size: 14px;
                text-align: center;
            }

            .subPageAr .chargingDetail .chargingInquiry .btnInquiry {
                width: 25%;
                height: 35px;
                font-size: 16px;
            }

        .subPageAr .chargingDetail .chargingInquiryList li {
            padding: 10px;
        }

            .subPageAr .chargingDetail .chargingInquiryList li > div:first-child {
                width: 100%;
            }

            .subPageAr .chargingDetail .chargingInquiryList li .listDate {
                height: 40px;
                line-height: 40px;
                font-size: 16px;
            }

            .subPageAr .chargingDetail .chargingInquiryList li > div:nth-of-type(2) {
                display: inline-block;
                width: 60%;
            }

            .subPageAr .chargingDetail .chargingInquiryList li > div:nth-of-type(3) {
                display: inline-block;
                width: 40%;
            }

            .subPageAr .chargingDetail .chargingInquiryList li .listTit {
                font-size: 15px;
            }

            .subPageAr .chargingDetail .chargingInquiryList li .listTxt {
                font-size: 12px;
            }

            .subPageAr .chargingDetail .chargingInquiryList li .listAm {
                font-size: 14px;
                margin-top: 5px;
            }

            .subPageAr .chargingDetail .chargingInquiryList li .listBtn {
                width: 110px;
                height: 35px;
                line-height: 35px;
                font-size: 14px;
            }

                .subPageAr .chargingDetail .chargingInquiryList li .listBtn:nth-of-type(n+2) {
                    margin-top: 5px;
                }

    .subPageAr .moreBtn {
        width: 100%;
        font-size: 16px;
        padding: 10px 0;
        margin-top: 10px;
        margin-bottom: 20px;
    }

    .subPageAr .prod_option .prod_content.document .chargeType .additionalDt {
        padding: 10px;
    }

        .subPageAr .prod_option .prod_content.document .chargeType .additionalDt span {
            font-size: 16px;
            line-height: 35px;
        }

        .subPageAr .prod_option .prod_content.document .chargeType .additionalDt select {
            height: 35px;
            line-height: 35px;
            width: 45%;
            font-size: 16px;
            padding: 0 10px;
        }

        .subPageAr .prod_option .prod_content.document .chargeType .additionalDt .selectNext {
            display: block;
            margin-top: 5px;
        }

    .subPageAr .memberJoin {
        width: 100%;
        padding: 0 10px;
    }

        .subPageAr .memberJoin h2 {
            font-size: 18px;
        }

        .subPageAr .memberJoin .joinNote {
            font-size: 14px;
            line-height: 20px;
        }

        .subPageAr .memberJoin .memberSite {
            padding: 15px;
            margin-bottom: 30px;
        }

            .subPageAr .memberJoin .memberSite img {
                width: 70px;
            }

        .subPageAr .memberJoin .memberJoinBtn {
            width: 100%;
            height: auto;
            line-height: 100%;
            font-size: 16px;
            padding: 10px 0;
        }

        .subPageAr .memberJoin .joinResult .resultTxt {
            font-size: 20px;
        }

    .subStepWrap .stepAr li .stepNum b {
        display: block;
    }

    .subPageAr .joinInfo {
        width: 100%;
        padding: 0 10px;
    }

        .subPageAr .joinInfo .chkAr input + label.joinCheckLabel, .subPageAr .joinInfo .chkAr input:checked + label.joinCheckLabel {
            background-size: 100%;
        }

        .subPageAr .joinInfo .chkAr input + label {
            width: 20px;
            height: 20px;
        }

        .subPageAr .joinInfo .chkAr .joinAgree {
            font-size: 15px;
            height: 15px;
            line-height: 15px;
        }

    .subPageAr .btnWp {
        padding: 30px 0 0;
    }

        .subPageAr .btnWp .btnCom {
            width: 60%;
            padding: 10px 0;
            font-size: 16px;
            height: auto;
        }

    .btnlicense {
        width: 40%;
        padding: 5px 0;
        font-size: 14px;
        height: 34px;
    }

            .subPageAr .btnWp .btnCom:nth-of-type(n+2) {
                margin-left: 3%;
            }

            .subPageAr .btnWp .btnCom.gray {
                width: 35%;
            }

    .subPageAr .joinCertify, .subPageAr .joinCertify .btnAr {
        width: 100%;
        padding: 0 10px;
    }

        .subPageAr .joinCertify h2 {
            line-height: 110%;
        }

            .subPageAr .joinCertify h2 b {
                display: block;
            }

        .subPageAr .joinCertify .btnAr .btnWp {
            padding: 10px 0 40px;
        }

        .subPageAr .joinCertify .btnAr .btnCertify {
            font-size: 16px;
            height: auto;
            padding: 10px 0;
        }

        .subPageAr .joinCertify .btnAr span {
            font-size: 14px;
            line-height: 120%;
        }

            .subPageAr .joinCertify .btnAr span:nth-of-type(n+2) {
                margin-top: 10px;
            }

    .subPageAr .joinInput {
        width: 100%;
        padding: 0 10px;
    }

        .subPageAr .joinInput .inputAr input {
            height: 34px;
            padding-left: 10px;
            font-size: 14px;
        }

        .subPageAr .joinInput .inputAr .inpGroup .grouping.nextLine {
            width: 100%;
            margin-left: 0;
            margin-top: 8px;
        }

        .subPageAr .joinInput .inputAr .inpGroup .grouping.mailForm {
            width: 30%;
            margin-left: 8px;
        }

        .subPageAr .joinInput .inputAr input.mid {
            width: 100%;
        }

        .subPageAr .joinInput .inputAr input.short {
            width: 30%;
        }

        .subPageAr .joinInput select {
            height: 34px;
            line-height: 34px;
            width: 100%;
            padding: 0 10px;
            font-size: 14px;
        }

        .subPageAr .joinInput .inputBtn {
            width: 100%;
            height: auto;
            font-size: 16px;
            padding: 10px 0;
        }

        .subPageAr .joinInput .genderBtn {
            width: 49%;
            height: 34px;
            font-size: 16px;
        }

            .subPageAr .joinInput .genderBtn:nth-of-type(n+2) {
                margin-left: 1%;
            }

    .subPageAr .loginAr {
        width: 100%;
        margin: auto;
    }

        .subPageAr .loginAr .loginTab {
            width: 100%;
        }

            .subPageAr .loginAr .loginTab li {
                font-size: 16px;
            }

                .subPageAr .loginAr .loginTab li.current span {
                    top: 40px;
                    left: 84px;
                }

        .subPageAr .loginAr .loginTab-content {
            width: 100%;
            padding: 0 10px;
        }

        .subPageAr .loginAr .loginInput {
            margin-bottom: 20px;
        }

        .subPageAr .loginAr .inputAr input {
            height: 34px;
            padding-left: 10px;
            font-size: 14px;
        }

            .subPageAr .loginAr .inputAr input.short {
                width: 50%;
            }

            .subPageAr .loginAr .inputAr input.phone {
                width: 100%;
            }

            .subPageAr .loginAr .inputAr input.mid {
                width: 100%;
            }

            .subPageAr .loginAr .inputAr input.midcaptcha {
                width: 72%;
                margin-left: 1%;
            }

        .subPageAr .loginAr .inputAr .inpGroup .grouping.nextLine {
            display: block;
            margin-left: 0;
            margin-top: 8px;
        }

            .subPageAr .loginAr .inputAr .inpGroup .grouping.nextLine.rt {
                text-align: right;
            }

        .subPageAr .loginAr .inputAr .chkCertify {
            width: 47%;
            height: 35px;
            font-size: 16px;
            margin-left: 1.5%;
        }

        .subPageAr .loginAr .inputAr .sendCertify {
            width: 100%;
            height: 35px;
            font-size: 16px;
        }

            .subPageAr .loginAr .inputAr .sendCertify.re {
                width: 100%;
            }

        .subPageAr .loginAr .inputAr .captcha {
            width: 25%;
            height: 35px;
            line-height: 35px;
        }

        .subPageAr .loginAr .inputAr .captchaOpt {
            font-size: 12px;
            vertical-align: middle;
        }

            .subPageAr .loginAr .inputAr .captchaOpt img {
                width: 12px;
            }

        .subPageAr .loginAr .privacyPolicy .policyTit {
            font-size: 16px;
        }

        .subPageAr .loginAr .privacyPolicy .policyBox {
            padding: 15px;
            margin-top: 15px;
        }

            .subPageAr .loginAr .privacyPolicy .policyBox span {
                font-size: 12px;
            }

        .subPageAr .loginAr .privacyPolicy .chkAr .policyAgree {
            font-size: 14px;
        }

        .subPageAr .loginAr .privacyPolicy .chkAr input + label {
            width: 18px;
            height: 18px;
        }

            .subPageAr .loginAr .privacyPolicy .chkAr input + label.policyCheckLabel, .subPageAr .loginAr .privacyPolicy .chkAr input:checked + label.policyCheckLabel {
                background-size: 18px;
            }

        .subPageAr .loginAr .privacyPolicy .btnWp {
            padding: 10px 0 0;
        }

            .subPageAr .loginAr .privacyPolicy .btnWp .btnCom {
                width: 60%;
                padding: 10px 0;
                font-size: 16px;
                height: auto;
            }

                .subPageAr .loginAr .privacyPolicy .btnWp .btnCom.gray {
                    width: 35%;
                }

                .subPageAr .loginAr .privacyPolicy .btnWp .btnCom:nth-of-type(n+2) {
                    margin-left: 3%;
                }

        .subPageAr .loginAr .memberLogin {
            width: 100%;
            padding: 0;
        }

            .subPageAr .loginAr .memberLogin .inputAr .check-btn {
                width: 34%;
                background-size: 18px;
                line-height: 18px;
                font-size: 14px;
            }

            .subPageAr .loginAr .memberLogin .btnWp .loginBtn {
                width: 100%;
                height: auto;
                font-size: 16px;
                padding: 10px 0;
            }

            .subPageAr .loginAr .memberLogin .snsLogin .snsTit {
                font-size: 16px;
            }

            .subPageAr .loginAr .memberLogin .snsIcon {
                width: 50%;
            }

                .subPageAr .loginAr .memberLogin .snsIcon li img {
                    width: 80%;
                }

            .subPageAr .loginAr .memberLogin .loginOpt span {
                font-size: 12px;
                padding: 0 15px;
            }

            .subPageAr .loginAr .memberLogin .loginTit {
                font-size: 18px;
                line-height: 110%;
            }

    .subPageAr .findAr {
        width: 100%;
        padding: 30px 0 0;
    }

        .subPageAr .findAr .findSelect {
            padding: 30px 0;
        }

        .subPageAr .findAr input[type=radio] + label:nth-of-type(n+2) {
            margin-left: 20px;
        }

        .subPageAr .findAr .tabId {
            padding: 30px 10px;
        }

        .subPageAr .findAr .tabPw {
            padding: 30px 10px;
        }

        .subPageAr .findAr .tabId .idNotice {
            font-size: 18px;
            line-height: 110%;
        }

            .subPageAr .findAr .tabId .idNotice b {
                display: block;
            }

        .subPageAr .findAr .btnWp {
            padding: 50px 10px 0;
        }

            .subPageAr .findAr .btnWp .findBtn {
                width: 100%;
                height: auto;
                font-size: 16px;
                padding: 10px 0;
            }

        .subPageAr .findAr .findResult .resultTxt {
            font-size: 20px;
            line-height: 110%;
        }

        .subPageAr .findAr .inputAr .findPwTit {
            font-size: 16px;
        }

        .subPageAr .findAr .inputAr input[type=text], .subPageAr .findAr .inputAr input[type=password] {
            width: 100% !important;
            height: 35px;
            padding-left: 10px;
            font-size: 14px;
        }

        .subPageAr .findAr .inputAr .inpGroup .grouping.nextLine {
            display: block;
            margin-left: 0;
            margin-top: 8px;
        }

        .subPageAr .findAr .inputAr .certifyBtn {
            width: 100%;
            height: auto;
            padding: 10px 0;
        }

    .subPageAr .mypageWp {
        padding: 30px;
    }

        .subPageAr .mypageWp .row:nth-of-type(n+2) {
            margin-top: 15px;
        }

        .subPageAr .mypageWp .row .myinfoTit {
            width: 35%;
            font-size: 16px;
        }

            .subPageAr .mypageWp .row .myinfoTit.extend {
                width: 70%;
            }

        .subPageAr .mypageWp .row .myinfoTxt {
            font-size: 16px;
        }

        .subPageAr .mypageWp .row select.infoSelect {
            width: 63%;
        }

        .subPageAr .mypageWp .btnFull {
            height: 34px;
            font-size: 16px;
        }

        .subPageAr .mypageWp .btnInquiry {
            width: 35%;
            height: 34px;
            font-size: 14px;
        }

        .subPageAr .mypageWp .row .prodTit {
            font-size: 16px;
        }

        .subPageAr .mypageWp .row .prodTxt {
            font-size: 14px;
        }

        .subPageAr .mypageWp .btnRequest {
            width: 63%;
            height: 34px;
            font-size: 14px;
            margin-left: 2%;
        }

        .subPageAr .mypageWp .row .myinfoTit.fav {
            width: 70%;
            padding-left: 20px;
            font-size: 16px;
            background-size: 16px;
        }

    .subPageAr .mypageAr {
        width: 100%;
        padding: 60px 10px 0;
    }

        .subPageAr .mypageAr .infoMod li {
            line-height: 35px;
            padding: 10px 5px;
        }

            .subPageAr .mypageAr .infoMod li .infoModTit {
                width: 40%;
                font-size: 15px;
            }

            .subPageAr .mypageAr .infoMod li .infoModTxt {
                font-size: 15px;
            }

        .subPageAr .mypageAr .infoMod .btnChange {
            width: 24%;
            height: 35px;
            font-size: 15px;
        }

        .subPageAr .mypageAr .infoMod .btnGender {
            width: 24%;
            height: 35px;
            font-size: 15px;
        }

            .subPageAr .mypageAr .infoMod .btnGender:nth-of-type(n+2) {
                margin-left: 5px;
            }

        .subPageAr .mypageAr .infoMod .btnSns {
            width: 18%;
            height: 35px;
            font-size: 12px;
        }

            .subPageAr .mypageAr .infoMod .btnSns:nth-of-type(n+2) {
                margin-left: 1%;
            }

        .subPageAr .mypageAr .infoMod .modTit {
            font-size: 16px;
        }

        .subPageAr .mypageAr .infoMod .infoModcon .noteAr {
            padding: 10px;
            margin: 10px auto auto;
        }

            .subPageAr .mypageAr .infoMod .infoModcon .noteAr .noteTxt {
                font-size: 12px;
            }

        .subPageAr .mypageAr .infoMod .modTit:nth-of-type(n+2) {
            margin-top: 30px;
        }

        .subPageAr .mypageAr .infoMod .infoModcon input[type="text"] {
            height: 34px;
            padding-left: 10px;
            font-size: 14px;
        }

            .subPageAr .mypageAr .infoMod .infoModcon input[type="text"].half {
                width: 60%;
            }

            .subPageAr .mypageAr .infoMod .infoModcon input[type="text"].num {
                width: 40%;
            }

            .subPageAr .mypageAr .infoMod .infoModcon input[type="text"].change {
                width: 100%;
            }

        .subPageAr .mypageAr .infoMod .infoModcon .inpGroup .grouping {
            width: 37%;
            margin-left: 1%;
        }

            .subPageAr .mypageAr .infoMod .infoModcon .inpGroup .grouping.num {
                width: 18%;
            }

            .subPageAr .mypageAr .infoMod .infoModcon .inpGroup .grouping.nextLine {
                width: 100%;
                margin-left: 0;
                margin-top: 8px;
            }

        .subPageAr .mypageAr .infoMod .btnCode {
            width: 100%;
            height: 34px;
            font-size: 14px;
        }

            .subPageAr .mypageAr .infoMod .btnCode.chk {
                width: 100%;
            }

        .subPageAr .mypageAr .infoMod .infoModcon .noteAr .withdrawTit {
            font-size: 14px;
        }

        .subPageAr .mypageAr .infoMod .infoModcon .noteAr .withdrawTxt {
            font-size: 12px;
        }

        .subPageAr .mypageAr .infoMod .infoModcon .withdrawAr {
            padding: 10px;
        }

        .subPageAr .mypageAr .infoMod input[type="radio"] + label {
            padding: 5px 0 5px 22px;
            font-size: 16px;
            width: 50%;
        }

            .subPageAr .mypageAr .infoMod input[type="radio"] + label::before {
                line-height: 18px;
                width: 18px;
                height: 18px;
                bottom: 7px;
            }

        .subPageAr .mypageAr .infoMod .infoModcon .withdrawAr .selectZone:nth-of-type(n+2) {
            margin-top: 0;
        }

        .subPageAr .mypageAr .infoMod input[type="radio"] + label.extend {
            width: 100%;
        }

        .subPageAr .mypageAr .infoMod input[type="radio"] + label.short {
            width: 40%;
        }

        .subPageAr .mypageAr .infoMod .infoModcon .withdrawAr .selectZone input[type="text"] {
            width: 55%;
            padding-left: 0;
            height: 30px;
            margin-top: 2px;
        }

        .subPageAr .mypageAr .infoMod .chkAr {
            padding: 10px 0;
        }

            .subPageAr .mypageAr .infoMod .chkAr .withdrawAgree {
                font-size: 14px;
            }

        .subPageAr .mypageAr .infoMod .byeTxt {
            font-size: 18px;
        }

            .subPageAr .mypageAr .infoMod .byeTxt b {
                display: block;
            }

        .subPageAr .mypageAr .infoMod input[type=checkbox] + label {
            font-size: 16px;
            width: 80px;
            padding-left: 22px;
        }

        .subPageAr .mypageAr .infoCheck li {
            line-height: 35px;
            padding: 10px 5px;
        }

            .subPageAr .mypageAr .infoCheck li .infoChkTit {
                width: 30%;
                font-size: 15px;
            }

            .subPageAr .mypageAr .infoCheck li .infoChkTxt {
                font-size: 15px;
            }

        .subPageAr .mypageAr .infoCheck .btnChange {
            width: 22%;
            height: 35px;
            font-size: 15px;
        }

        .subPageAr .mypageAr .infoCheck li .progressAr {
            width: 100%;
            float: none;
        }

    .subPageAr .addInfoAd {
        width: 100%;
        padding: 50px 10px 0;
    }

        .subPageAr .addInfoAd .adTxt {
            font-size: 16px;
        }

        .subPageAr .addInfoAd select {
            width: 50%;
            height: 34px;
            line-height: 34px;
            font-size: 16px;
        }

    .subPageAr .additionalAr {
        width: 100%;
    }

        .subPageAr .additionalAr .addOptTab {
            width: 60%;
            padding: 0 10px;
        }

            .subPageAr .additionalAr .addOptTab li {
                font-size: 15px;
            }

        .subPageAr .additionalAr .addOptTab-contentWrap .addOptTab-content {
            width: 100%;
            padding: 0 10px;
        }

        .subPageAr .additionalAr .addOptDetail li {
            width: 100%;
            padding: 15px 20px;
        }

            .subPageAr .additionalAr .addOptDetail li:nth-child(n+2) {
                margin-top: 15px;
            }

            .subPageAr .additionalAr .addOptDetail li:nth-child(3n+2) {
                margin: 15px 0 0;
            }

        .subPageAr .additionalAr .addOptDetail .infoAr .optTit, .subPageAr .additionalAr .addOptDetail .infoAr .optDate, .subPageAr .additionalAr .addOptDetail .detailAr .chargeInfo {
            font-size: 18px;
        }

        .subPageAr .additionalAr .addOptDetail .detailAr {
            margin-top: 20px;
            height: 35px;
            line-height: 35px;
        }

            .subPageAr .additionalAr .addOptDetail .detailAr .optBtn {
                font-size: 16px;
                height: 35px;
                line-height: 35px;
            }

    .subPageAr .wishAr {
        width: 100%;
        padding: 0 10px;
    }

        .subPageAr .wishAr .wishTotal {
            font-size: 15px;
        }

        .subPageAr .wishAr .wishDetail li {
            width: 100%;
            padding: 15px 20px;
        }

            .subPageAr .wishAr .wishDetail li:nth-child(n+2) {
                margin-top: 15px;
            }

            .subPageAr .wishAr .wishDetail li:nth-child(3n+2) {
                margin: 15px 0 0;
            }

        .subPageAr .wishAr .wishDetail .infoAr .optTit, .subPageAr .wishAr .wishDetail .infoAr .optPrice {
            font-size: 18px;
        }

    .subPageAr .csAr {
        width: 100%;
        padding: 0 10px;
    }

        .subPageAr .csAr .csDetail li {
            width: 46%;
            height: auto;
            margin: 1%;
            padding: 20px 0;
        }

            .subPageAr .csAr .csDetail li img {
                width: 50px;
            }

            .subPageAr .csAr .csDetail li:nth-of-type(n+3) {
                margin-top: 2%;
            }

        .subPageAr .csAr .csDetail .csTit {
            font-size: 14px;
            margin-top: 10px;
        }

        .subPageAr .csAr .csDetail .csNote {
            font-size: 12px;
        }

        .subPageAr .csAr .csDetail .wideAr {
            width: 100%;
            padding: 40px 0px;
        }

            .subPageAr .csAr .csDetail .wideAr .csAdTxt {
                font-size: 18px;
            }

    .subPageAr .boardAr {
        width: 100%;
        padding: 0 10px;
    }
        /* 언어 선택 디자인 수정 */
        .subPageAr .boardAr .searchAr {
            width: 100%;
            margin-top: 10px;
        }
            /* 언어 선택 디자인 수정 end */
            .subPageAr .boardAr .searchAr .searchWrap {
                width: 100%;
                display: inline-flex;
            }

            .subPageAr .boardAr .searchAr select {
                height: 34px;
                line-height: 34px;
                width: 25%;
                font-size: 14px;
                padding: 0px 10px;
                box-sizing: border-box;
            }

            .subPageAr .boardAr .searchAr input[type="text"] {
                width: 55%;
                padding: 0px 10px;
                height: 34px;
            }

            .subPageAr .boardAr .searchAr .btnSearch {
                width: 20%;
                height: 34px;
            }

        .subPageAr .boardAr .boardCon li {
            padding: 15px;
            border-radius: 10px;
        }

            .subPageAr .boardAr .boardCon li:nth-of-type(n+2) {
                margin-top: 20px;
            }

            .subPageAr .boardAr .boardCon li > div:first-child {
                width: 65%;
            }

            .subPageAr .boardAr .boardCon li > div:nth-of-type(2) {
                width: 35%;
                text-align: left;
            }

            .subPageAr .boardAr .boardCon li .noticeTit {
                font-size: 14px;
                height: 34px;
                line-height: 34px;
            }

            .subPageAr .boardAr .boardCon li .noticeDate {
                font-size: 14px;
                height: 34px;
                line-height: 34px;
                margin-right: 10px;
            }

            .subPageAr .boardAr .boardCon li .openArrow {
                width: 34px;
                height: 34px;
                line-height: 34px;
            }

                .subPageAr .boardAr .boardCon li .openArrow:before {
                    right: 10px;
                }

                .subPageAr .boardAr .boardCon li .openArrow:after {
                    right: 2px;
                }

                .subPageAr .boardAr .boardCon li .openArrow:before, .subPageAr .boardAr .boardCon li .openArrow:after {
                    width: 12px;
                    height: 1px;
                }

            .subPageAr .boardAr .boardCon li .substance {
                font-size: 14px;
            }

            .subPageAr .boardAr .boardCon li .faqTit {
                font-size: 14px;
                height: 34px;
                line-height: 34px;
            }

        .subPageAr .boardAr .faqTab {
            width: 100%;
        }

            .subPageAr .boardAr .faqTab li {
                font-size: 11px;
            }

    .subPageAr .individualAr {
        width: 100%;
    }

        .subPageAr .individualAr .individualTit {
            font-size: 15px;
        }

        .subPageAr .individualAr .individualTab {
            width: 100%;
        }

            .subPageAr .individualAr .individualTab li {
                font-size: 16px;
            }

                .subPageAr .individualAr .individualTab li.current span {
                    top: 40px;
                    left: 84px;
                }

        .subPageAr .individualAr .individualTab-content {
            width: 100%;
            padding: 0 10px;
        }

        .subPageAr .individualAr .inputAr .inpGroup .grouping {
            margin-left: 8px;
        }

            .subPageAr .individualAr .inputAr .inpGroup .grouping.select {
                width: 48%;
            }

            .subPageAr .individualAr .inputAr .inpGroup .grouping.email {
                width: 30%;
            }

        .subPageAr .individualAr select {
            height: 34px;
            line-height: 34px;
            width: 48%;
            font-size: 14px;
            padding: 0 10px;
        }

            .subPageAr .individualAr select.two {
                width: 100%;
            }

            .subPageAr .individualAr select.email {
                width: 100%;
            }

        .subPageAr .individualAr .inputAr input[type=text] {
            height: 34px;
            padding-left: 10px;
            font-size: 14px;
        }
        .subPageAr .individualAr .inputAr input[type=number] {
            height: 34px;
            padding-left: 10px;
            font-size: 14px;
        }
        .subPageAr .individualAr .inputAr input[type=date] {
            height: 34px;
            padding-left: 10px;
            font-size: 14px;
        }


        .subPageAr .individualAr .inputAr input.half {
            width: 100%;
        }

        .subPageAr .individualAr .inputAr input.normal {
            width: 29%;
        }

        .subPageAr .individualAr .chkAr {
            padding: 0 0 10px;
        }

        .subPageAr .individualAr .chkAr2 {
            padding: 0 0 10px;
            margin-left:0px;
        }

            .subPageAr .individualAr .chkAr.center {
                text-align: center;
                margin-top: 10px;
            }

            .subPageAr .individualAr .chkAr .indiAgree {
                font-size: 15px;
                vertical-align: inherit;
            }

            .subPageAr .individualAr .chkAr input + label {
                width: 20px;
                height: 20px;
            }

                .subPageAr .individualAr .chkAr input + label.indiCheckLabel, .subPageAr .individualAr .chkAr input:checked + label.indiCheckLabel {
                    background-size: 20px;
                }

        .subPageAr .individualAr .individualTit:nth-of-type(n+2) {
            margin-top: 30px;
        }

        .subPageAr .individualAr .inputAr .inputForm {
            padding: 10px;
        }

            .subPageAr .individualAr .inputAr .inputForm::placeholder {
                font-size: 14px;
            }

        .subPageAr .individualAr .attachmentAr .attachmentTxt {
            font-size: 12px;
        }

        .subPageAr .individualAr .inquiryList .listForm li {
            border-radius: 10px;
            padding: 15px;
        }

            .subPageAr .individualAr .inquiryList .listForm li > div:first-child {
                width: 70%;
            }

            .subPageAr .individualAr .inquiryList .listForm li > div:last-child {
                width: 28%;
            }

            .subPageAr .individualAr .inquiryList .listForm li > div .formTit {
                width: 60%;
                font-size: 14px;
            }

            .subPageAr .individualAr .inquiryList .listForm li > div .formDate {
                width: 38%;
                font-size: 14px;
            }

            .subPageAr .individualAr .inquiryList .listForm li > div .condition {
                width: 74%;
                font-size: 12px;
                height: 20px;
                line-height: inherit;
            }

            .subPageAr .individualAr .inquiryList .listForm li > div .listClear {
                margin-left: 1%;
            }

            .subPageAr .individualAr .inquiryList .listForm li:nth-of-type(n+2) {
                margin-top: 15px;
            }

    .subPageAr .eventTab {
        width: 100%;
    }

        .subPageAr .eventTab li {
            font-size: 16px;
        }

            .subPageAr .eventTab li.current span {
                top: 40px;
                left: 50px;
            }

    .subPageAr .eventAr {
        width: 100%;
        padding: 50px 10px;
    }

        .subPageAr .eventAr .eventDetail li {
            width: 100%;
        }

            .subPageAr .eventAr .eventDetail li:nth-of-type(n+2) {
                margin-top: 20px;
            }

            .subPageAr .eventAr .eventDetail li:nth-child(3n+2) {
                margin-top: 20px;
                margin-left: 0;
            }

            .subPageAr .eventAr .eventDetail li img {
                width: 100%;
            }

            .subPageAr .eventAr .eventDetail li .banTxtAr {
                margin-top: 10px;
            }

                .subPageAr .eventAr .eventDetail li .banTxtAr .banTxtTit {
                    font-size: 16px;
                    line-height: 16px;
                }

                .subPageAr .eventAr .eventDetail li .banTxtAr .banTxtDate {
                    font-size: 16px;
                }

    .subPageAr .guideTab {
        width: 100%;
    }

        .subPageAr .guideTab li {
            font-size: 16px;
        }

            .subPageAr .guideTab li.current span {
                top: 40px;
                left: 50px;
            }

    .subPageAr .guidanceWrap {
        border-radius: 10px;
        padding: 15px;
    }

        .subPageAr .guidanceWrap .guidanceTit, .subPageAr .guidanceWrap .guidanceTxt {
            font-size: 16px;
        }

        .subPageAr .guidanceWrap .mobileChk {
            font-size: 16px;
        }

        .subPageAr .guidanceWrap .guidanceNote {
            padding: 5px 10px;
        }

            .subPageAr .guidanceWrap .guidanceNote .noteTit {
                font-size: 15px;
            }

            .subPageAr .guidanceWrap .guidanceNote .noteTxt {
                font-size: 14px;
            }

    .subPageAr .guideTab-content h1 {
        font-size: 16px;
    }

    .subPageAr .guidanceWrap .usimImg li {
        width: 100%;
        float: none;
    }

        .subPageAr .guidanceWrap .usimImg li:nth-of-type(n+2) {
            margin-left: 0;
            margin-top: 10px;
        }

        .subPageAr .guidanceWrap .usimImg li img {
            width: 100%;
        }

    .subPageAr .guidanceWrap .usimImg .imgTit, .subPageAr .guidanceWrap .usimImg .imgTxt {
        font-size: 16px;
    }

    .subPageAr .guidanceWrap .usimImg.chk li {
        width: 100%;
        float: none;
    }

        .subPageAr .guidanceWrap .usimImg.chk li:nth-of-type(2) {
            width: 100%;
        }

    .subPageAr .guidanceWrap .usimImg .imgTit, .subPageAr .guidanceWrap .usimImg .imgTxt {
        font-size: 16px;
    }

    .subPageAr .addAr {
        width: 100%;
        padding: 50px 10px;
    }

    .subPageAr .addTab {
        width: 100%;
    }

        .subPageAr .addTab li {
            font-size: 16px;
        }

            .subPageAr .addTab li.current span {
                top: 40px;
                left: 50px;
            }
    .subSpan {
        left: 93.75px !important;
    }

    .subPageAr .addAr .addListDetail li {
        padding: 20px 0;
    }

    .addAr .addListDetail li .detailCon .option {
        width: 40px;
        font-size: 12px;
        padding: 2px;
    }

    .addAr .addListDetail li .detailCon .mainTit {
        font-size: 15px;
        margin-top: 10px;
    }

    .addAr .addListDetail li .detailCon .mainTxt {
        font-size: 12px;
    }

    .addAr .addListDetail li .detailCon {
        width: 65%;
    }

    .addAr .addListDetail li .detailPrice {
        width: 35%;
    }

        .addAr .addListDetail li .detailPrice .addPrice {
            font-size: 16px;
            height: 74px;
            line-height: 74px;
        }

    .subPageAr .addAr .addListDetail li .addArrow {
        width: 25%;
        margin-left: 2px;
    }

        .subPageAr .addAr .addListDetail li .addArrow .arrowDown::before, .addAr .addListDetail li .addArrow .arrowDown::after {
            width: 12px;
            height: 2px;
        }

        .subPageAr .addAr .addListDetail li .addArrow .arrowDown:before {
            right: 18px
        }

    .subPageAr .addAr .addListDetail .detailNote {
        padding: 10px;
    }

        .subPageAr .addAr .addListDetail .detailNote .noteTit {
            font-size: 15px;
        }

            .subPageAr .addAr .addListDetail .detailNote .noteTit:nth-of-type(n+2) {
                margin-top: 10px;
            }

        .subPageAr .addAr .addListDetail .detailNote .noteTxt {
            font-size: 14px;
        }

    .subPageAr .subPageBlank {
        padding: 50px 0;
    }

        .subPageAr .subPageBlank .blankTit {
            font-size: 18px;
        }

        .subPageAr .subPageBlank img {
            width: 70%;
        }

    .subPageAr .applyDetail {
        width: 100%;
        padding: 0 10px;
    }

        .subPageAr .applyDetail .applyInquiry {
            padding: 20px 0;
        }

            .subPageAr .applyDetail .applyInquiry > div {
                width: 100%;
                float: none;
            }

                .subPageAr .applyDetail .applyInquiry > div:nth-of-type(2) {
                    float: none;
                    text-align: left;
                    margin-top: 10px;
                }

            .subPageAr .applyDetail .applyInquiry .btnTerm {
                width: 80px;
                height: 35px;
                font-size: 16px;
            }

            .subPageAr .applyDetail .applyInquiry input.date {
                width: 30%;
                height: 35px;
                font-size: 14px;
                text-align: center;
            }

            .subPageAr .applyDetail .applyInquiry .btnInquiry {
                width: 25%;
                height: 35px;
                font-size: 16px;
            }

    .subPageAr .applyAr thead th, .subPageAr .applyAr tbody td {
        font-size: 14px;
        padding: 5px 0;
        height: 50px;
    }

    .subPageAr .applyAr table a {
        font-size: 11px;
    }

    .subPageAr .applyAr table .blueBtn {
        width: 50px;
        height: 24px;
        line-height: 24px;
        font-size: 11px;
    }

    .subPageAr .applyAr table .applyTxt {
        font-size: 12px;
    }

    #priceFloat .pricefDetail .priceMain .question .tooltiptext {
        top: 30px;
        left: 0;
    }

    .subPageTop #priceFloat_top .pricefDetail .priceDetailAr .priceMain .question .tooltiptext {
        bottom: -36px;
        left: 0;
    }
    /* 언어선택 디자인 추가 */
    .subPageAr .selectAr {
        width: 100%;
        padding: 20px 10px;
    }

    .subPageAr .langSelect {
        width: 110px;
        padding: 8px;
        font-size: 12px;
        float: right;
    }

        .subPageAr .langSelect.lt {
            margin-right: 0;
        }

    .subPageAr .selectAr .noticeT {
        font-size: 12px;
        height: 36px;
        line-height: 36px;
        vertical-align: middle;
    }
    /* 이용약관 */
    .subPageAr .prod_option .prod_content .termsAr li {
        padding: 10px;
    }

    .subPageAr .prod_option .prod_content .termsAr .termsCheck {
        width: 20px;
        font-size: 14px;
    }

    .subPageAr .prod_option .prod_content .termsAr input + label {
        width: 20px;
        height: 20px;
    }

        .subPageAr .prod_option .prod_content .termsAr input + label.termsCheckLabel, .subPageAr .prod_option .prod_content .termsAr input:checked + label.termsCheckLabel {
            background-size: 100%;
        }

    .subPageAr .prod_option .prod_content .termsAr .termsTit {
        width: 90%;
        font-size: 14px;
    }

    .subPageAr .prod_option .prod_content .termsAr .termsSub .termsTxt {
        font-size: 12px;
        padding-left: 5px;
    }

    .popWP .appTit {
        font-size: 16px;
    }

    .popWP .refundInfo .refundTit {
        font-size: 16px;
    }

    .popWP .refundInfo select {
        height: 35px;
        line-height: 35px;
        width: 100%;
        font-size: 14px;
        background-position: 98% 54%;
    }

    .popWP .refundInfo .inputAr input[type=text] {
        width: 100%;
        height: 35px;
        padding-left: 10px;
        font-size: 14px;
    }

    .popWP .refundInfo .inputAr .inpGroup .grouping {
        width: 100%;
        margin-top: 10px;
        margin-left: 0;
    }

    .popWP .refundInfo .inputAr textarea {
        min-height: 200px;
        font-size: 14px;
    }
    /* 약관 페이지 디자인 추가 */
    .subPageAr .termsTab {
        width: 100%;
    }

        .subPageAr .termsTab li {
            font-size: 12px;
            padding: 10px 20px;
            word-break: keep-all;
        }

            .subPageAr .termsTab li.current span {
                left: 43%;
            }

    .subPageAr .termsTab-content {
        width: 100%;
        padding: 0 10px;
    }

        .subPageAr .termsTab-content .termsBox {
            height: 300px;
            max-height: 500px;
            margin-top: 30px;
            padding: 10px;
            border-radius: 10px;
            font-size: 12px;
        }

        .subPageAr .termsTab-content .downloadBtn {
            padding: 10px;
            font-size: 12px;
        }
    /* calendar */
    #calendar {
        left: 0;
        width: 100%;
    }

    .my-calendar {
        width: 92%;
        margin: 4%;
    }

    .subPageAr .prod_option .prod_content .btnAr.center.mL {
        margin-left: 0;
    }

    .popWP .price_content .priceDt {
        padding: 15px;
        font-size: 12px;
    }

    .subPageAr .prod_option .prod_content li .promotion {
        font-size: 12px;
    }

    .subPageAr .notRegistered {
        width: 100%;
        padding: 100px 0;
    }

        .subPageAr .notRegistered .descRegist {
            font-size: 20px;
        }

        .subPageAr .notRegistered .btnRegist {
            width: 200px;
            height: 45px;
            font-size: 18px;
            margin-top: 20px;
        }

    .subPageAr .prod_option .prod_content .inputAr .goPre {
        font-size: 12px;
    }

    .subPageAr .termsTab li em {
        display: block;
    }

}

@media all and (max-width: 320px) {
    .subPageAr .prod_option .prod_content .inputNote {
        font-size: 10px;
    }

    .subPageAr .mypageWp {
        padding: 15px;
    }
}

@media all and (max-width: 768px) {
    /* 210601 */
    .verification .vertifyTab {
        width: 80%;
    }

    .vertifyTab-contentWrap .vertifyTab-content {
        width: 100%;
    }

        .vertifyTab-contentWrap .vertifyTab-content .vertifyTit {
            font-size: 16px;
        }
}

@media all and (max-width: 450px) {
    /* 210601 */
    .verification .vertifyTab li {
        font-size: 12px;
    }

    .vertifyTab-contentWrap .vertifyTab-content .vertifyTit {
        font-size: 12px;
        padding: 0 10px 30px 10px;
    }

    .subPageAr .prod_option .prod_content .idCard li {
        width: 100%;
        float: none;
    }

        .subPageAr .prod_option .prod_content .idCard li:first-child {
            padding-right: 0;
        }

        .subPageAr .prod_option .prod_content .idCard li:last-child {
            padding-left: 0;
            margin-top: 10px;
        }

        .subPageAr .prod_option .prod_content .idCard li .license .liDesc {
            font-size: 16px;
        }

    .subPageAr .prod_option .prod_content .btnAr .btnNote {
        font-size: 16px;
        padding: 10px 0;
        width: 100%;
    }

        .subPageAr .prod_option .prod_content .btnAr .btnNote.half {
            width: 100%;
        }

            .subPageAr .prod_option .prod_content .btnAr .btnNote.half:first-child {
                margin-right: 0;
            }

            .subPageAr .prod_option .prod_content .btnAr .btnNote.half:last-child {
                margin-left: 0;
            }
}

/*20210910 추석 배송팝업*/

@media all and (max-width: 768px) {

    .ChuseokPopup_wrap {
        max-width: 355px;
    }

        .ChuseokPopup_wrap img {
            width: 100%;
        }

    .modal-content {
        background-color: #fefefe;
        border: 1px solid #888;
        width: 98%;
    }
}