.cusBtn {
    height: 50px;
    width: 107px;
    font-size: 18px;
}

select {
    display: inline-block;
    vertical-align: middle;
    height: 40px;
    border: 1px solid #d4d4d4;
    border-radius: 0;
    color: #333;
    text-indent: 0.3846rem;
    background: transparent url(../images/icon/icon_arrow_down03.gif);
    background: -webkit-linear-gradient(transparent, transparent), url(../images/icon/icon_arrow_down03@2x.gif);
    background: linear-gradient(transparent, transparent), url(../images/icon/icon_arrow_down03@2x.gif);
    background-size: 9px 5px;
    background-position: 95% center;
    background-repeat: no-repeat;
    -webkit-appearance: none;
    font-family: "Noto Sans KR", "맑은 고딕", "돋움", AppleSDGothicNeo, Dotum, Droid Sans, arial, sans-serif;
}

.center {
    text-align: center !important;
}

.word-type05 {
    margin-bottom: 20px;
    color: #828282;
    font-size: 20px;
    line-height: 36px;
    word-break: keep-all;
}

.word-important {
    font-size: 14px;
    line-height: 28px;
    color: #424242;
    font-weight: 300;
    text-align: right;
}

.point-color02 {
    font-size: 20px;
    line-height: 36px;
    color: #01969e !important;
}

.point-important {
    display: inline-block;
    vertical-align: middle;
    color: #ff0909
}

.input-box textarea {
    width: 100%;
    border: 1px solid #cbcbcb;
    padding: 15px;
    font-size: 13px;
    line-height: 28px;
    color: #212121;
    font-weight: 400;
    font-family: "Noto Sans KR", "맑은 고딕", "돋움", AppleSDGothicNeo, Dotum, Droid Sans, arial, sans-serif;
}

    .input-box textarea::placeholder {
        color: #bbbbbb;
        font-weight: 300;
    }

.input-radio-area03 {
    float: left;
    margin-right: 35px;
    margin-bottom: 15px;
}

    .input-radio-area03:last-child {
        margin-right: 0;
    }

    .input-radio-area03 > input[type="radio"],
    .input-radio-area03 > label {
        display: inline-block;
        vertical-align: middle;
    }

    .input-radio-area03 > label {
        display: inline-block;
        vertical-align: middle;
        color: #424242;
        font-size: 15px;
    }

.input-radio-wrapper03.etc .input-radio-area03 {
    margin-right: 14px;
}

.input-radio-wrapper03.etc > input[type="text"] {
    max-width: 538px;
}

.loca-map {
    display: block;
}

    .loca-map > div {
        width: 100%;
    }

        .loca-map > div.pc {
            display: block;
        }

        .loca-map > div.mobile {
            display: none;
        }

.tab-wrap ul.fixed li {
    width: 25%;
}

    .tab-wrap ul.fixed li a {
        border: 1px solid #dededf;
    }

.youtube_v {
    width: 100%;
    margin-bottom: 25px;
    text-align: center;
}

.loca-wrap .loca-info dl dd {
    line-height: 1.5;
}

    .loca-wrap .loca-info dl dd.notice {
        color: firebrick;
    }

.loca_title {
    font-size: 32px;
    font-weight: 700;
    color: #333;
    line-height: 1.3;
}

.notice {
    color: firebrick !important;
}

.top-banner-wrap.sub03 {
    background-image: url('../images/bg_top_sub03.png');
}

.top-banner-wrap.sub04 {
    background-image: url('../images/bg_top_sub04.jpg');
}

.page-top-wrap ul li .price > div {
    text-align: center;
}

.page-top-wrap ul li .subject b {
    font-size: 23px;
}

.div_view {
    /*display: block flex;*/
    display: block;
}

.view {
    display: block flex;
}

.div_hidden {
    display: none;
}

.quest-list dl dt > sub {
    vertical-align: sub;
}

.quest-list dl dd .check-box sub {
    vertical-align: sub;
}

.view-wrap .view-quest .quest-list dl dt {
    font-size: 20px;
}

.view-wrap .view-quest .quest-list dl dd .check-box label {
    /*font-size: 18px;*/
    font-size: 20px;
}

.view-wrap .view-quest .quest-check a {
    font-size: 16px;
}

.view-wrap .view-quest .quest-list dl dd .check-box input:checked ~ label {
    color: #c23333;
}

    .view-wrap .view-quest .quest-list dl dd .check-box input:checked ~ label b {
        color: #c23333;
    }

.view-wrap .view-quest .quest-check b strong {
    color: #c23333;
    font-size: 18px;
}

/* 레벨테스트 결과 */
.level-test-result-wrapper {
    padding-bottom: 15px;
}

.level-test-result-area {
    border: 15px solid #f0ece9;
    border-bottom: 0;
}

    .level-test-result-area:after {
        content: "";
        clear: both;
        display: block;
    }

.level-test-result-box {
    position: relative;
    padding: 70px 70px 45px 70px;
    border: 1px solid #e2e2e2
}

.individual-wrapper:after {
    content: "";
    clear: both;
    display: block;
}

.level-test-result-box > .individual-wrapper > dl {
    position: relative;
    float: left;
    width: 25%;
    height: 290px;
    padding-bottom: 30px;
    /*margin-right: 1.25%;*/
    text-align: center;
}

    .level-test-result-box > .individual-wrapper > dl:last-child {
        margin-right: 0;
    }

    .level-test-result-box > .individual-wrapper > dl > dt {
        position: absolute;
        bottom: 0;
        left: 50%;
        display: block;
        width: 100%;
        font-size: 18px;
        line-height: 18px;
        letter-spacing: -1px;
        color: #3789a9;
        transform: translate(-50%, 0);
        margin-bottom: -25px;
    }

    .level-test-result-box > .individual-wrapper > dl > dd {
        display: block;
        width: 100%;
        height: 100%;
    }

        .level-test-result-box > .individual-wrapper > dl > dd > .graph-area {
            position: relative;
            display: block;
            width: 16px;
            height: 260px;
            background: #ececec;
            border-radius: 8px;
            margin: 0 auto;
            overflow: hidden;
        }

            .level-test-result-box > .individual-wrapper > dl > dd > .graph-area .result {
                position: absolute;
                bottom: 0;
                left: 0;
                width: 16px;
                background: #0eaae7;
                border-radius: 8px;
            }

.level-test-result-box .total-circle-result {
    position: absolute;
    top: 0;
    right: 0;
    display: block;
    width: 330px;
    height: 100%;
}

.circle-graph-wrapper {
    position: relative;
    width: 240px;
    margin: 70px auto 0 auto;
    text-align: center;
}

    .circle-graph-wrapper .timer {
        display: none;
    }

    .circle-graph-wrapper .level-right-answer {
        position: absolute;
        top: 50%;
        left: 50%;
        display: block;
        text-align: center;
        transform: translate(-50%, -50%);
        font-weight: 700;
    }

        .circle-graph-wrapper .level-right-answer > strong {
            display: inline-block;
            vertical-align: sub;
            font-size: 50px;
            color: #0b60b0;
            font-weight: 700;
        }

        .circle-graph-wrapper .level-right-answer > span {
            display: inline-block;
            vertical-align: baseline-middle;
            color: #2e2e2e;
            font-size: 21px;
        }

.level-result-word {
    color: #222222;
    font-size: 21px;
    line-height: 24px;
    font-weight: 700;
}

    .level-result-word > strong {
        color: #04a7eb
    }

.level-test-result-box02 {
    padding: 40px;
    background: #f0ece9;
    text-align: center;
}

    .level-test-result-box02 .result-word01 {
        font-size: 24px;
        line-height: 40px;
        color: #222222;
        font-weight: 700;
        margin-bottom: 10px;
    }

        .level-test-result-box02 .result-word01 > strong {
            color: #d90a09
        }

    .level-test-result-box02 .result-word02 {
        font-size: 18px;
        line-height: 30px;
    }

        .level-test-result-box02 .result-word02 > span {
            display: block
        }

.level-test-result-wrapper .level-right-answer > strong {
    display: inline-block;
    vertical-align: sub;
    font-size: 22px;
    color: #0b60b0;
    font-weight: 700;
}

.level-test-result-wrapper .level-right-answer > span {
    display: inline-block;
    vertical-align: baseline-middle;
    color: #2e2e2e;
    font-size: 22px;
}

.top-banner-wrap.sub02_2 {
    background-image: url(../images/water/water02.JPG);
}

.top-banner-wrap.sub02_3 {
    background-image: url(../images/ondol/ondol01.jpg);
}

.top-banner-wrap.sub02_4 {
    background-image: url(../images/ondol/ondol01.jpg);
}

.top-banner-wrap.sub02_5 {
    background-image: url(../images/main/거푸집2.jpg);
}

.top-banner-wrap.sub02_6 {
    background-image: url(../images/ondol/비계1.jpg);
}

.top-banner-wrap.sub02_7 {
    background-image: url(../images/main/철근_1.png);
}

.top-banner-wrap.sub02_8 {
    background-image: url(../images/main/금속_1.png);
}

.page-wrap img.cusimg {
    max-height: 450px;
}

.page-top-wrap ul li.nonSelf {
    width: calc(33% - 20px);
}

.login-wrap p.reg-tit {
    text-align: center;
    font-size: 24px;
    line-height: 1.3;
    color: #666;
    margin: 5px 0 85px;
}

.word-etc {
    clear: both;
    padding-top: 10px;
    font-size: 14px;
    line-height: 28px;
    color: #279fd6;
    font-weight: 300;
}

.input_fail {
    clear: both;
    font-size: 14px;
    line-height: 28px;
    color: #ff2727;
    font-weight: 300;
}

.msg_condition {
    clear: both;
    font-size: 14px;
    line-height: 28px;
    color: #279fd6;
    font-weight: 300;
}

.login-wrap span.title {
    clear: both;
    font-size: 15px;
    color: #ff2727;
    font-weight: 300;
    text-align: center;
}

.btn-submit {
    background: #08558d;
}

/* 회원가입 */
.join-process-wrapper {
    margin-bottom: 32px;
}

    .join-process-wrapper:after {
        content: "";
        clear: both;
        display: block;
    }

    .join-process-wrapper > dl {
        float: left;
        width: calc(25% + 1px);
        height: 87px;
        padding: 18px 0 0 0;
        background: #f8f8f8;
        border: 1px solid #e2e2e2;
        margin-left: -1px;
        text-align: center;
    }

        .join-process-wrapper > dl > dt {
            display: block;
            color: #ababab;
            font-size: 14px;
            line-height: 22px;
            font-weight: 300;
            font-family: "Roboto", sans-serif;
        }

        .join-process-wrapper > dl > dd {
            font-size: 16px;
            line-height: 22px;
            color: #555555;
            font-weight: 700;
            letter-spacing: -1px;
        }


        .join-process-wrapper > dl.active {
            background: #07b3bd;
            border: 1px solid #07b3bd;
        }

            .join-process-wrapper > dl.active > dt,
            .join-process-wrapper > dl.active > dd {
                color: #fff;
            }

        .join-process-wrapper > dl > dd {
            font-size: 20px;
            line-height: 30px;
            color: #555555;
            font-weight: 700;
            letter-spacing: -1px;
        }

.blockPage {
    height: 50px !important;
    font-size: 18px;
}

.textarea-box {
    background: #f7f7f7;
    padding: 25px 30px;
    /*height: 165px;*/
    overflow-x: hidden;
    overflow-y: auto;
    font-size: 15px;
    line-height: 25px;
    font-weight: 300;
}

    .textarea-box > pre {
        word-wrap: keep-all;
        white-space: pre-wrap;
        word-wrap: break-word;
        font-size: 15px;
        line-height: 32px;
        padding: 0;
        margin: 0;
        color: #212121;
        font-weight: 300;
        font-family: 'Noto Sans KR', 'Nanum Gothic', 'Helvetica', sans-serif;
        word-break: keep-all;
    }

.register-wrap > .btns-area {
    display: block;
    padding-top: 17px;
    text-align: center;
}

    .register-wrap > .btns-area > a,
    .register-wrap > .btns-area > button {
        float: left;
        width: 32%;
        height: 57px;
        line-height: 57px;
        color: #fff;
        font-size: 25px;
        font-weight: 700;
        margin-right: 2%;
    }

    .register-wrap > .btns-area > .bg01 {
        background: #0da1d2;
    }

    .register-wrap > .btns-area > .bg02 {
        background: #096d8f
    }

    .register-wrap > .btns-area > .bg03 {
        background: #2879FF;
        /*border-radius: 20px;
        transform: translate(0, -50%);
        transition: all 0.2s ease-in-out;
        margin: 0px;
        padding: 0px;*/
    }

    .register-wrap > .btns-area > a:last-child,
    .register-wrap > .btns-area > button {
        margin-right: 0;
    }

    .register-wrap > .btns-area > .depth1 {
        display: block;
        float: none;
        width: 100%;
    }


    .register-wrap > .btns-area > .depth2 {
        display: inline-block;
        vertical-align: middle;
        float: none;
    }

/* 아이디/비밀번호 찾기 */
.find-id-password-wrapper {
    max-width: 610px;
    margin: 0 auto;
    padding-top: 37px;
}

    .find-id-password-wrapper + .find-id-password-wrapper {
        padding-top: 100px;
    }

    .find-id-password-wrapper > h3 {
        padding-bottom: 14px;
        margin-bottom: 29px;
        color: #212121;
        font-size: 24px;
        line-height: 30px;
        font-weight: 500;
        border-bottom: 1px solid #bababa
    }

    .find-id-password-wrapper > p {
        display: block;
        margin-bottom: 20px;
        font-size: 16px;
        line-height: 25px;
        letter-spacing: -1px;
        word-break: keep-all;
    }

.find-id-password-wrapper {
    margin-bottom: 0;
}

.find-id-password-area dl {
    position: relative;
    padding-left: 111px;
    margin-bottom: 13px;
}

    .find-id-password-area dl:last-child {
        margin-bottom: 0;
    }

    .find-id-password-area dl > dt {
        position: absolute;
        top: 15px;
        left: 0;
        display: block;
        color: #424242;
        font-size: 18px;
    }

        .find-id-password-area dl > dt > label {
            font-size: 18px;
        }

    .find-id-password-area dl > dd {
        display: block;
    }

        .find-id-password-area dl > dd input[type="text"],
        .find-id-password-area dl > dd input[type="password"],
        .find-id-password-area dl > dd input[type="tel"],
        .find-id-password-area dl > dd input[type="email"],
        .input-email-wrapper input[type="email"] {
            display: block;
            width: 100%;
            height: 50px;
            font-size: 15px;
            text-indent: 18px;
            border: 1px solid #dadada;
        }


        .find-id-password-area dl > dd input[type="checkbox"] {
            position: absolute;
            top: 18px;
        }

        .find-id-password-area dl > dd input::placeholder {
            color: #bbbbbb
        }

.find-id-password-area select {
    width: 100%;
    height: 50px;
    text-indent: 18px;
    border: 1px solid #dadada;
    color: #4d4d4d;
    font-size: 15px;
    font-weight: 300;
}

.find-id-password-area dl > dd > input[type="password"] + input[type="password"] {
    margin-top: -1px;
}

.btn-submit1 {
    background: #e5e5e5;
    border: 1px solid #c3c8ce;
    height: 45px;
    font-size: 18px;
    font-weight: 700;
    color: #333 !important;
}

    .btn-submit1 > span {
        font-size: 18px;
    }

.sale-wrap .sale-buy .sale-item-info ul li p span {
    font-size: 18px;
    color: #f79366;
    line-height: 1.3;
}

.agree > strong {
    display: block;
    margin: 0 0 10px;
    font-size: 18px;
    font-weight: 600;
    color: #333;
}

.sale-box .right-sale {
    width: 400px;
}

.sale-wrap .sale-result > ul > li > .sale-wrap-box strong {
    margin: 0px;
}

.page-top-wrap ul li.gisa {
    width: calc(33% - 20px);
}

.agreement-wrapper02 {
    display: block;
}

    .agreement-wrapper02 > pre {
        word-wrap: keep-all;
        white-space: pre-wrap;
        word-wrap: break-word;
        font-size: 17px;
        line-height: 32px;
        padding: 0;
        margin: 0;
        color: #212121;
        font-weight: 300;
        font-family: 'Noto Sans KR', 'Nanum Gothic', 'Helvetica', sans-serif;
        word-break: keep-all;
    }

        .agreement-wrapper02 > pre > strong {
            font-size: 20px;
            line-height: 32px;
            color: #212121;
            font-weight: 700;
        }

.contents-title {
    display: block;
    text-align: center;
    font-size: 44px;
    line-height: 52px;
    margin-bottom: 35px;
    color: #000000;
    font-weight: 700;
}


/* 페이징 네비게이션 */
.paging-navigation {
    clear: both;
    text-align: center;
    padding-bottom: 0;
    padding-top: 35px;
}

    .paging-navigation a {
        display: inline-block;
        line-height: 35px;
        min-width: 35px;
        height: 35px;
        padding: 0 3px;
        margin: 0 2px;
        color: #4c4c50;
        font-size: 0.8125rem;
        border: 1px solid #c5c7cc;
        vertical-align: middle;
        background: #fff;
    }

        .paging-navigation a:hover {
            border: 1px solid #636363;
            color: #fff;
            background: #636363;
            text-decoration: none;
        }

    .paging-navigation strong {
        display: inline-block;
        line-height: 35px;
        min-width: 35px;
        height: 35px;
        padding: 0 3px;
        margin: 0 2px;
        border: 1px solid #636363;
        color: #fff;
        font-size: 0.8125rem;
        vertical-align: middle;
        background: #636363;
    }

    .paging-navigation a.btn-first {
        width: 35px;
        padding: 0;
        text-indent: -5000em;
        background: transparent url(../images/btn/btn_first.png);
        background: -webkit-linear-gradient(transparent, transparent), url(../images/btn/btn_first.png);
        background: linear-gradient(transparent, transparent), url(../images/btn/btn_first@2x.png);
        background-repeat: no-repeat;
        background-position: center center;
        background-color: #f4f4f4;
        background-size: 12px 10px;
    }

    .paging-navigation a.btn-preview {
        width: 35px;
        padding: 0;
        margin-right: 15px;
        text-indent: -5000em;
        background: transparent url(../images/btn/btn_previous.png);
        background: -webkit-linear-gradient(transparent, transparent), url(../images/btn/btn_previous@2x.png);
        background: linear-gradient(transparent, transparent), url(../images/btn/btn_previous@2x.png);
        background-repeat: no-repeat;
        background-position: center center;
        background-color: #f4f4f4;
        background-size: 6px 10px;
    }

    .paging-navigation a.btn-next {
        width: 35px;
        padding: 0;
        margin-left: 15px;
        text-indent: -5000em;
        background: transparent url(../images/btn/btn_next.png);
        background: -webkit-linear-gradient(transparent, transparent), url(../images/btn/btn_next@2x.png);
        background: linear-gradient(transparent, transparent), url(../images/btn/btn_next@2x.png);
        background-repeat: no-repeat;
        background-position: center center;
        background-color: #f4f4f4;
        background-size: 6px 10px;
    }

    .paging-navigation a.btn-last {
        width: 35px;
        padding: 0;
        text-indent: -5000em;
        background: transparent url(../images/btn/btn_last.png);
        background: -webkit-linear-gradient(transparent, transparent), url(../images/btn/btn_last@2x.png);
        background: linear-gradient(transparent, transparent), url(../images/btn/btn_last@2x.png);
        background-repeat: no-repeat;
        background-position: center center;
        background-color: #f4f4f4;
        background-size: 12px 10px;
    }

.b_img {
    display: inline-block;
    vertical-align: middle;
    width: 25px;
    transform: translate(0, -5%);
    margin-left: 10px;
}

.btn-m {
    display: inline-block;
    font-size: 16px;
    line-height: 20px;
    padding: 10px 30px;
}

.btn-m02 {
    display: inline-block;
    vertical-align: middle;
    width: 120px;
    height: 50px;
    line-height: 50px;
    padding: 0 20px;
    text-align: center;
    color: #ffffff;
    font-size: 20px;
    font-weight: 700;
}

.btn-m2 {
    display: inline-block;
    vertical-align: middle;
    /*width: 100px;
    height: 50px;*/
    min-width: 100px;
    line-height: 50px;
    padding: 0 10px;
    text-align: center;
    color: #ffffff;
    font-size: 20px;
    font-weight: 700;
}


.btn-m03 {
    display: inline-block;
    vertical-align: middle;
    min-width: 157px;
    height: 39px;
    line-height: 39px;
    padding: 0 20px;
    text-align: center;
    color: #ffffff;
    font-size: 15px;
    font-weight: 700;
}

.btn-b {
    display: inline-block;
    margin: 0 auto;
    min-width: 260px;
    font-size: 20px;
    line-height: 26px;
    padding: 16px 30px 15px 30px;
}

.btn-b02 {
    display: inline-block;
    margin: 0 auto;
    min-width: 260px;
    height: 52px;
    font-size: 20px;
    line-height: 48px;
    padding: 0 30px 0 30px;
    border-radius: 24px;
}

    .btn-b02 > span,
    .btn-b02 > img {
        display: inline-block;
        vertical-align: middle;
    }

    .btn-b02 > img {
        width: 4px;
        margin-left: 10px;
    }

.btn-b03 {
    display: inline-block;
    height: 68px;
    font-size: 28px;
    line-height: 68px;
    padding: 0 55px 0 55px;
    border-radius: 34px;
    font-weight: 700;
}

.btn-color01 {
    background: #0da1d2;
    color: #fff !important;
}

.btn-color02 {
    background: #d14369;
    color: #fff !important;
    /*border: 1px solid #d02754*/
}

.btn-color03 {
    background: #fff;
    color: #424242 !important;
    border: 1px solid #242424
}

.btn-color04 {
    color: #fff !important;
    background: #242424;
    border: 1px solid #242424;
}

.btn-color05 {
    background: #fff;
    color: #212121 !important;
    border: 1px solid #6f6f6f
}


.btn-color06 {
    background: #fff;
    color: #424242 !important;
    border: 2px solid #696969;
}

.btn-color07 {
    background: #0091ea;
    color: #fff !important;
}

.btn-color08 {
    background: #0da1d2;
    color: #fff !important;
}

.btn-color09 {
    background: #01a2a6;
    color: #fff !important;
}

.btns-area {
    clear: both;
    margin-top: 15px;
    text-align: center;
}

    .btns-area:after {
        content: "";
        clear: both;
        display: block;
    }

.btns-left {
    float: left;
}

.btns-right {
    float: right;
}

input[type=text]:read-only, input[type=password]:read-only, input[type=tel]:read-only, input[type=number]:read-only, input[type=email]:read-only, input[type=url]:read-only, input[type=file]:read-only {
    border: 1px solid #eee;
    background: #f7f7f7;
    color: #4d4d4d;
}

.video-wrap .video-foot .control .select-box select {
    background-color: #000;
}

header .anb {
    background-color: #fff;
}

    header .anb ul li dl dd a {
        color: #333;
    }

.btn-course-application {
    position: absolute;
    margin-top: 20px;
    /*top: 50%;*/
    right: 180px;
    display: block;
    width: 155px;
    height: 40px;
    padding: 11px 0 0 40px;
    background-color: #ffa749;
    background-image: url(../images/icon/icon_oclock@2x.png);
    background-repeat: no-repeat;
    background-position: 12px center;
    background-size: 21px 20px;
    border-radius: 20px;
    transform: translate(0, -50%);
    color: #fff !important;
    font-size: 15px;
    line-height: 18px;
    font-weight: 700;
    transition: all 0.2s ease-in-out;
    text-align: left;
}

    .btn-course-application:hover,
    .btn-course-application:focus {
        background-color: #299da5
    }

    .tab-content-wrap > img {
        width: 100%;
    }

    .tab-content-wrap > p {
        margin-top: 20px;
        color: orangered;
        font-size: 18px;
        text-align: center;
    }

.view-wrap .view-comment ul li.custom {
    padding: 15px 0;
}

.noti {
    padding: 10px 0;
    font-size: 20px;
    color: #333;
    text-align: left;
}

.a_comment {
    font-size: 20px;
    padding: 10px;
}

.tab-content-wrap ul {
    border-bottom: 2px solid #333;
}

.tab-content-wrap ul li {
    font-size: 14px;
    line-height: 18px;
    padding-bottom: 10px;
}

.view-wrap .view-comment ul {
    padding: 0 10px;
}

.modal-write-wrapper > dl {
    position: relative;
    padding-left: 90px;
    margin-bottom: 6px;
    margin-top: 20px;
}

    .modal-write-wrapper > dl:after {
        content: "";
        clear: both;
        display: block;
    }

    .modal-write-wrapper > dl > dt {
        position: absolute;
        top: 50%;
        left: 0;
        font-size: 16px;
        color: #212121;
        transform: translate(0, -50%);
    }

    .modal-write-wrapper > dl > dd {
        display: block;
    }

        .modal-write-wrapper > dl > dd:after {
            content: "";
            clear: both;
            display: block;
        }

        .modal-write-wrapper > dl > dd > textarea {
            width: 100%;
            height: 134px;
            padding: 15px 10px;
            border: 1px solid #cecece;
            color: #212121;
            font-weight: 400;
            font-family: "Noto Sans KR", "맑은 고딕", "돋움", AppleSDGothicNeo, Dotum, Droid Sans, arial, sans-serif;
            overflow-x: hidden;
            overflow-y: auto;
        }

.selecedItems ul.t1 {
    overflow: hidden;
    background: #fff;
    border-bottom: 1px solid #ddd;
    padding: 10px;
    margin: 10px 0 0;
}

    .selecedItems ul.t1 li {
        float: left;
        margin: 0px;
        height: 30px;
    }

        .selecedItems ul.t1 li.tit {
            font-weight: bold;
            width: 100px;
            line-height: 30px;
        }

ol.p_soo {
    overflow: hidden;
    background: #fff;
    float: left;
    padding: 0;
    border: 1px solid #ddd;
    border-right: none;
}

    ol.p_soo li {
        float: left;
        border-right: 1px solid #ddd;
    }

        ol.p_soo li a {
            display: block;
            text-align: center;
            line-height: 30px;
            width: 30px;
            height: 30px !important;
            margin: 0px !important;
        }

        ol.p_soo li img {
            vertical-align: middle;
        }

            ol.p_soo li.txt {
                width: 35px;
                text-align: center;
                height: 30px;
            }

            ol.p_soo li.txt input {
                border: none;
                /*line-height: 26px;*/
                width: 20px;
                text-align: center;
                /*padding-top: 4px;*/
                line-height: 24px;
            }

.input-box select {
    width: 100%;
    height: 50px;
    text-indent: 18px;
    border: 1px solid #dadada;
    color: #4d4d4d;
    font-size: 15px;
    font-weight: 300;
}

.TopMove {
    display: none;
    position: fixed;
    bottom: 20px;
    right: 10px;
    z-index: 2000;
}

.view-wrap .view-quest .quest-list dl dd .check-box {
    border: 1px solid #a9a9a9;
    border-radius: 5px;
    padding: 2px;
}

.view-wrap .view-quest .quest-list dl dd .check-box label b {
    top: 5.5px;
}

.bx-wrapper {
    box-shadow:none;
    border: none;
}

.view-wrap .view-quest .quest-list {
    padding-bottom: 0px;
}

.view-wrap .view-quest .quest-check {
    margin-top: 20px;
    margin-bottom: 10px;
    padding-bottom: 0px;
}

.sale-wrap .sale-detail > div .info strong {
    display: inline-block;
}

.sale-wrap .sale-detail > div .info_item04 {
    margin-right: 15px;
    color: darkgray;
    vertical-align: -webkit-baseline-middle;
}

.sale-wrap .sale-detail > div .info_del {
    margin-left: 15px;
    color: darkgray;
}

/* table */
.order-tbl {
    table-layout: fixed;
    width: 100%;
    border-top: 1px solid #000;
}

    .order-tbl tbody tr th {
        background: #fbfbfb;
        padding: 5px 10px;
        font-size: 14px;
        color: #333;
        text-align: left;
        border-bottom: 1px solid #eee;
    }

    .order-tbl tbody tr td {
        padding: 10px 10px;
        font-size: 14px;
        color: #333;
        text-align: left;
        border-bottom: 1px solid #eee;
    }

    .order-tbl ul {
        border-bottom: none;
    }

        .order-tbl ul li {
            font-size: 14px;
            line-height: 20px;
            padding: 0px;
        }

            .order-tbl ul li:first-of-type {
                padding-top: 5px;
            }

.mypage-wrap .table-wrap .box {border-top: 1px solid #000;}
.mypage-wrap .table-wrap .box ul {display: flex;flex-wrap: wrap;margin-bottom: 0px;}
.mypage-wrap .table-wrap .box ul li {border-right: 1px solid #d9d9d9;padding: 10px;}
.mypage-wrap .table-wrap .box ul li:last-of-type {border: 0;text-align: left;}
.mypage-wrap .table-wrap .box ul li:first-of-type {flex: 1;min-width: 0;}
.mypage-wrap .table-wrap .box ul li:nth-of-type(2) {text-align: right;}
.mypage-wrap .table-wrap .box ul li p {font-size: 14px;line-height: 1.3;color: #777;margin-bottom:0px;}
.mypage-wrap .table-wrap .box ul li p b {font-size: 18px;line-height: 1.8;color: #777;font-weight: 600;margin-top: 5px;}
/*.mypage-wrap .table-wrap .box ul li p.is-m {display: none;}*/
.mypage-wrap .table-wrap .box ul li .thumb {display: flex;/*flex-wrap: wrap;*/align-items: flex-start;}
.mypage-wrap .table-wrap .box ul li .thumb > img {width: 75px;}
.mypage-wrap .table-wrap .box ul li .thumb > div {flex: 1;min-width: 0;padding-left: 20px;}
.mypage-wrap .table-wrap .box ul li .thumb .thumb-option {display: flex;flex-wrap: wrap;margin: 20px 0 0;}
.mypage-wrap .table-wrap .box ul li .thumb .thumb-option b {font-size: 16px;font-weight: 700;margin-right: 20px;line-height: 1.3;}
.mypage-wrap .table-wrap .box ul li .thumb .thumb-option dl {flex: 1;min-width: 0;}
.mypage-wrap .table-wrap .box ul li .thumb .thumb-option dl dd {font-size: 16px;line-height: 1.3;color: #000;margin: 0 0 10px;}
.mypage-wrap .table-wrap .box ul li .thumb .thumb-option dl dd:last-of-type {margin: 0;}
.mypage-wrap .table-wrap .box .btn {padding: 3px;margin-top: 5px;font-size: 14px;}

.table-wrap table tbody tr td b {
    color: #ff0000;
}

.table-wrap .box .del_table td {
    text-align: left;
}

.table-wrap .box .del_table tr > td:first-of-type {
    background: #f7f7f7;
    color: #777;
}

.table-wrap .box > strong {
    display: block;
    font-size: 14px;
    font-weight: 600;
    color: #777;
    margin: 25px 0 5px;
}

.table-wrap .box {
    border-top: 1px solid #000;
}

.table-wrap .box ul {
        display: flex;
        flex-wrap: wrap;
        margin-bottom: 0px;
    }

.table-wrap .box ul li {
            border-right: 1px solid #d9d9d9;
            padding: 10px;
        }

            .table-wrap .box ul li:last-of-type {
                border: 0;
                text-align: left;
            }

            .table-wrap .box ul li:first-of-type {
                flex: 1;
                min-width: 0;
            }

            .table-wrap .box ul li:nth-of-type(2) {
                text-align: right;
            }

            .table-wrap .box ul li p {
                font-size: 14px;
                line-height: 1.3;
                color: #777;
                margin-bottom: 0px;
            }

                .table-wrap .box ul li p b {
                    font-size: 18px;
                    line-height: 1.8;
                    color: #777;
                    font-weight: 600;
                    margin-top: 5px;
                }
            /*.table-wrap .box ul li p.is-m {display: none;}*/
            .table-wrap .box ul li .thumb {
                display: flex; /*flex-wrap: wrap;*/
                align-items: flex-start;
            }

                .table-wrap .box ul li .thumb > img {
                    width: 75px;
                }

                .table-wrap .box ul li .thumb > div {
                    flex: 1;
                    min-width: 0;
                    padding-left: 20px;
                }

                .table-wrap .box ul li .thumb .thumb-option {
                    display: flex;
                    flex-wrap: wrap;
                    margin: 20px 0 0;
                }

                    .table-wrap .box ul li .thumb .thumb-option b {
                        font-size: 16px;
                        font-weight: 700;
                        margin-right: 20px;
                        line-height: 1.3;
                    }

                    .table-wrap .box ul li .thumb .thumb-option dl {
                        flex: 1;
                        min-width: 0;
                    }

                        .table-wrap .box ul li .thumb .thumb-option dl dd {
                            font-size: 16px;
                            line-height: 1.3;
                            color: #000;
                            margin: 0 0 10px;
                        }

                            .table-wrap .box ul li .thumb .thumb-option dl dd:last-of-type {
                                margin: 0;
                            }

    .table-wrap .box .btn {
        padding: 3px;
        margin-top: 5px;
        font-size: 14px;
    }

.btn-ssm {
    width: 80px;
    height: 25px;
    font-weight: 400;
}


.box-member-type .box-login-type {
    display: flex;
    display: -ms-flexbox;
    display: display: -webkit-box;
    justify-content: space-evenly;
    align-items: center;
    background-color: #eee;
    border-radius: 8px 8px 0 0;
}
.box-member-type .box-login-type .button-login-type {
    display: block;
    width: 50%;
    height: 48px;
    font-size: 16px;
    color: #9e9e9e;
    line-height: 48px;
    text-align: center;
    border: 1px solid transparent;
    border-bottom: 0;
    box-sizing: border-box;
    border-radius: 8px 8px 0 0;
}
    .box-member-type .box-login-type .button-login-type[aria-selected="true"] {
        color: #2c2c2c;
        background-color: #fff;
        border: 1px solid #08558d;
        border-bottom: 0;
    }
@media only all and (max-width:1855px) {
    .right-menu {
        top: 40% !important;
    }

    .quest-list > dl > dt > div > img {
        width: 40%;
    }
}

@media only all and (max-width: 1280px) {
    .section-wrap {
        display: none;
    }

    .loca-map > div {
        position: relative;
        z-index: 1;
    }

        .loca-map > div.pc {
            display: none;
        }

        .loca-map > div.mobile {
            display: block;
        }

    .quest-list > dl > dt > div > img {
        width: 80%;
    }
}


@media only all and (max-width: 1023px) {
    .a_comment {
        font-size: 1.154rem;
        padding: 0.808rem;
    }

    .btn-course-application {
        right: 20px;
        width: 135px;
        height: 30px;
        font-size: 13px;
        line-height: 12px;
    }

    .word-type05 {
        margin-bottom: 1.308rem;
        font-size: 1.154rem;
        line-height: 1.385rem;
    }

    .word-important {
        font-size: 0.8462rem;
        line-height: 1.154rem;
        margin-bottom: 0.1923rem
    }

    .point-color02 {
        font-size: 1.154rem;
        line-height: 1.385rem;
    }

    .input-radio-area03 {
        margin-right: 1.154rem;
    }
    /* 레벨테스트 결과 */
    .level-test-result-wrapper {
        padding-bottom: 0.7692rem
    }

    .level-test-result-area {
        border: 0.7692rem solid #f0ece9;
    }

    .level-test-result-box {
        padding: 2.308rem 1.154rem;
    }


    .individual-wrapper {
        padding: 0 1.154rem;
    }

    .level-test-result-box > .individual-wrapper > dl {
        width: 48%;
        height: 25.15rem;
        padding-bottom: 1.538rem;
        margin-right: 2%;
        margin-bottom: 0rem;
    }

        .level-test-result-box > .individual-wrapper > dl:last-child {
            margin-right: 0;
        }

        .level-test-result-box > .individual-wrapper > dl:nth-child(3n) {
            margin-right: 0;
        }

        .level-test-result-box > .individual-wrapper > dl > dt {
            font-size: 1.5231rem;
            line-height: 1.554rem;
            margin-bottom: -4rem;
        }


        .level-test-result-box > .individual-wrapper > dl > dd > .graph-area {
            width: 1rem;
            height: 14.62rem;
            background: #ececec;
            border-radius: 0.5rem;
        }

            .level-test-result-box > .individual-wrapper > dl > dd > .graph-area .result {
                width: 1rem;
                border-radius: 0.5rem;
            }

    .level-test-result-box .total-circle-result {
        position: static;
        display: block;
        width: 100%;
        height: 100%;
        text-align: center;
    }

        .level-test-result-box .total-circle-result > .circle-graph-wrapper {
            width: 100%;
            max-width: 15.38rem;
            margin: 0 auto;
        }


            .level-test-result-box .total-circle-result > .circle-graph-wrapper .level-right-answer > strong {
                font-size: 3.077rem;
                line-height: 3.462rem
            }

            .level-test-result-box .total-circle-result > .circle-graph-wrapper .level-right-answer > span {
                font-size: 1.308rem;
            }

            .level-test-result-box .total-circle-result > .circle-graph-wrapper .level-result-word {
                color: #222222;
                font-size: 1.308rem;
                line-height: 1.538rem;
            }

    .level-test-result-box02 {
        padding: 2.115rem 0;
        word-break: keep-all;
    }

        .level-test-result-box02 .result-word01 {
            font-size: 1.308rem;
            line-height: 1.692rem;
            margin-bottom: 0.5769rem;
        }

            .level-test-result-box02 .result-word01 > strong {
                color: #d90a09
            }

        .level-test-result-box02 .result-word02 {
            font-size: 0.9231rem;
            line-height: 1.538rem;
        }

            .level-test-result-box02 .result-word02 > span {
                display: inline
            }

    /* 회원가입 */
    .join-process-wrapper {
        margin-bottom: 2.308rem;
    }

        .join-process-wrapper > dl {
            height: auto;
            padding: 0.6923rem 0;
            background: #f8f8f8;
            border: 1px solid #e2e2e2;
            margin-left: -1px;
            text-align: center;
        }

            .join-process-wrapper > dl > dt {
                font-size: 0.5769rem;
                line-height: 0.8846rem;
            }

            .join-process-wrapper > dl > dd {
                font-size: 0.7692rem;
                line-height: 1.154rem;
            }

    /* 페이징 네비게이션 */
    .paging-navigation {
        padding-top: 1.154rem;
    }

        .paging-navigation a {
            font-size: 0.9231rem;
            line-height: 1.923rem;
            min-width: 1.923rem;
            height: 1.923rem;
            padding: 0 0.1923rem;
            margin: 0;
        }

        .paging-navigation strong {
            line-height: 1.923rem;
            min-width: 1.923rem;
            height: 1.923rem;
            padding: 0 0.1923rem;
            margin: 0;
        }

        .paging-navigation a.btn-first {
            width: 1.923rem;
            padding: 0;
            text-indent: -5000em;
        }

        .paging-navigation a.btn-preview {
            width: 1.923rem;
            padding: 0;
            margin-right: 0;
            text-indent: -5000em;
        }

        .paging-navigation a.btn-next {
            width: 1.923rem;
            padding: 0;
            margin-left: 0;
            text-indent: -5000em;
        }

        .paging-navigation a.btn-last {
            width: 1.923rem;
            padding: 0;
            text-indent: -5000em;
        }

    .b_img {
        width: 1.154rem;
        transform: translate(0, -10%);
    }

    .btn-m {
        font-size: 0.9231rem;
        line-height: 1.154rem;
        padding: 0.3846rem 1rem;
    }

    .btn-m2 {
        font-size: 0.7231rem;
        line-height: 1.154rem;
        padding: 0.3246rem 0.8rem;
        min-width: initial;
    }

    .title-area .btn-m {
        top: -0.3846rem;
    }

    .btn-m02 {
        width: 8.154rem;
        height: 2.385rem;
        line-height: 2.385rem;
        padding: 0 0.7692rem;
        font-size: 0.9231rem;
    }

    .btn-m03 {
        display: block;
        width: 100%;
        height: 2.846rem;
        font-size: 1.077rem;
        font-weight: 700;
    }


    .btn-b {
        display: inline-block;
        margin: 0 auto;
        min-width: 8.192rem;
        font-size: 0.9231rem;
        line-height: 1.154rem;
        padding: 0.5769rem 1.154rem 0.5769rem 1.154rem;
    }

    .btn-b02 {
        min-width: 9.615rem;
        height: 2.385rem;
        font-size: 0.8462rem;
        line-height: 2.231rem;
        padding: 0 1.154rem;
        border-radius: 1.115rem;
    }

        .btn-b02 > img {
            margin-left: 0.3846rem;
        }

    .btn-b03 {
        height: 3.308rem;
        font-size: 1.308rem;
        line-height: 3.308rem;
        padding: 0 2.808rem 0 2.808rem;
        border-radius: 1.654rem;
    }

    .btns-left, .btns-right {
        float: none;
    }

    .btns-area {
        margin-top: 1.7692rem;
    }

    .find-id-password-area dl {
        padding-left: 5.615rem;
        margin-bottom: 0.7692rem;
    }

        .find-id-password-area dl > dt {
            top: 0.8462rem;
            font-size: 0.8462rem;
            line-height: 1rem;
        }

            .find-id-password-area dl > dt > label {
                font-size: 1.0462rem;
            }

        .find-id-password-area dl > dd input[type="checkbox"] {
            position: absolute;
            top: 0.8462rem;
        }

        .find-id-password-area dl > dd input[type="text"],
        .find-id-password-area dl > dd input[type="password"],
        .find-id-password-area dl > dd input[type="tel"],
        .input-email-wrapper input[type="email"] {
            height: 2.392rem;
            font-size: 0.8462rem;
            text-indent: 0.7692rem
        }
}

@media only all and (max-width:991px) {
    .quest-list > dl > dt > div > img {
        width: 100%;
    }

    .page-top-wrap ul li.nonSelf {
        width: calc(33% - 10px);
    }

    .login-wrap p.reg-tit {
        font-size: 20px;
        margin: 5px 0 50px;
    }

    .sale-wrap .sale-buy .sale-item-info ul li p span {
        font-size: 16px;
    }

    .page-top-wrap ul li.gisa {
        width: calc(50% - 10px);
    }

    .table-wrap > .box {
        margin-right: 0px;
    }

    .table-wrap table {
        margin-right: 0px;
    }

    .input-box select {
        /*height: 40px;*/
        height: 2.392rem;
    }
    .cusBtn {
        height: 2.392rem;
        width: 90px;
        font-size: 16px;
    }

    .sale-box .right-sale {
        width: 96%;
        position: fixed;
        bottom: 10px;
        z-index: 1000;
        background-color: #fff;
        padding-bottom: 20px;
    }

    .view-wrap .view-quest .quest-list dl dd {
        margin: 0 0 15px;
    }
}

@media only all and (max-width:939px) {
    .quest-list > dl > dt > div > img {
        width: 100%;
    }

    .btn-big {
        width: 260px;
    }
}

@media only all and (max-width:871px) {
    .btn-big {
        width: 240px;
    }
}

@media only all and (max-width:775px) {
    .btn-big {
        width: 220px;
    }
}

@media only all and (max-width:767px) {
    .btn-big {
        width: 100px;
    }

    .level-test-result-box > .individual-wrapper > dl {
        height: 13.15rem;
        margin-bottom: 1.15rem;
    }

        .level-test-result-box > .individual-wrapper > dl > dt {
            font-size: 1.1231rem;
            line-height: 1.104rem;
            margin-bottom: -2rem;
        }

    .login-wrap p.reg-tit {
        font-size: 16px;
        margin: 5px 0 30px;
    }

    .sale-wrap .sale-buy .sale-item-info ul li p span {
        font-size: 14px;
    }

    .cusBtn {
        font-size: 14px;
    }

    .TopMove {
        /*position: absolute;
    top: 97px;*/
        display: block;
        right: 10px;
        width: 45px;
        height: 45px;
        background: url(../images/icon/icon_topMove.png) no-repeat;
        background-size: 45px 45px;
    }

        .TopMove a {
            display: block;
            width: 100%;
            height: 100%;
            text-indent: -9999px;
        }


    .select-box #item_id {
        margin-top: 5px;
    }
}

@media only all and (max-width:500px) {
    .page-top-wrap ul li.nonSelf {
        width: 100%;
    }

    .page-top-wrap ul li.gisa {
        width: 100%;
    }
}