.bbRow {
    clear: both;
    width: 100%;
    margin: 0 auto;
    overflow: hidden;
}

.bbCol-1, .bbCol-2, .bbCol-3, .bbCol-4, .bbCol-5, .bbCol-6, .bbCol-7, .bbCol-8, .bbCol-9, .bbCol-10, .bbCol-11 {
    margin-right: 3.8%;
    float: left;
    min-height: 1px
}

.bbCol-1 {
    width: 4.85%
}

.bbCol-2 {
    width: 13.45%
}

.bbCol-3 {
    width: 22.05%
}

.bbCol-4 {
    width: 30.75%
}

.bbCol-5 {
    width: 39.45%
}

.bbCol-6 {
    width: 48%
}

.bbCol-7 {
    width: 56.75%
}

.bbCol-8 {
    width: 65.4%
}

.bbCol-9 {
    width: 74.05%
}

.bbCol-10 {
    width: 82.7%
}

.bbCol-11 {
    width: 91.35%
}

.bbCol-12 {
    width: 100%;
    float: left
}

.bbCol-last {
    margin-right: 0px
}

.bbCol-Offset1 {
    margin-left: 4.85%
}

.bbCol-Offset2 {
    margin-left: 13.45%
}

.bbCol-Offset25 {
    margin-left: 19.725%
}

.bbCol-Offset3 {
    margin-left: 22.05%
}

.bbCol-Offset4 {
    margin-left: 30.75%
}

.bbCol-Offset5 {
    margin-left: 39.45%
}

.bbCol-Offset6 {
    margin-left: 48%
}

.bbCol-Offset7 {
    margin-left: 56.75%
}

.bbCol-Offset8 {
    margin-left: 65.4%
}

.bbCol-Offset9 {
    margin-left: 74.05%
}

.bbCol-Offset10 {
    margin-left: 82.7%
}

.bbCol-Offset11 {
    margin-left: 91.35%
}

.bbCol-Offset12 {
    margin-left: 100%;
}

.bbBox {
    background: #ffffff;
    padding: 20px 30px 25px 30px;
    margin: 0;
    color: #777777;
    border-radius: 2px;
}

.bbBox.style-1 {
    color: #777777;
    border: 1px solid #dddddd;
}

.bbBox.style-2 {
    color: #777777;
    border: 1px solid #e1e1e1;
    border-top: 3px solid #44bdbd;
}

.bbBox.style-3 {
    color: #777777 !important;
    border: 3px solid #44bdbd;
    position: relative;
    box-shadow: none;
}

.bbBox.style-4 {
    color: #777777 !important;
    border: 3px solid #3A63CD;
    position: relative;
    box-shadow: none;
}

@media (max-width: 768px) {
    .bbRow {
        width: 100%;
        min-width: 100%;
        overflow: hidden;
    }

    .bbCol-1, .bbCol-2, .bbCol-3, .bbCol-4, .bbCol-5, .bbCol-6, .bbCol-7, .bbCol-8, .bbCol-9, .bbCol-10, .bbCol-11 {
        margin-right: 0;
        width: 100%;
        display: block;
    }

    .bbCol-Offset1, .bbCol-Offset2, .bbCol-Offset25, .bbCol-Offset3, .bbCol-Offset4, .bbCol-Offset5, .bbCol-Offset6, .bbCol-Offset7, .bbCol-Offset8, .bbCol-Offset9, .bbCol-Offset10, .bbCol-Offset11 {
        margin-left: 0;
    }

    .bbBox {
        padding: 5px 5px 5px 5px;
    }
}


/*register style*/

#t_register_result_msg {
    margin: 0 auto;
    text-align: center;
}

#t_register_result_msg .error {
    margin: 10px 0;
    font-size: 14px;
    color: #f00;
    font-weight: 700
}

#t_register_result_msg .success {
    margin: 10px 0;
    font-size: 14px;
    color: #2d66d6;
    font-weight: 700
}

#result_email_dup .error {
    color: #f00;
    font-weight: 700
}

#result_email_dup .success {
    color: #2d66d6;
    font-weight: 700
}

body #wrapper .login-box .error_msg {
    font-size: 1.2em !important;
    margin-bottom: 20px;
}

body #wrapper .regist-step {
    padding-left: 30px;
    padding-right: 30px;
}

body #wrapper .regist-step hr {
    display: none;
}

body #wrapper .regist-step > h2, body #wrapper .login-box > h2 {
    font-size: 28px !important;
    font-weight: 700 !important;
    display: inline-block;
    float: left;
    margin-bottom: 10px;
    letter-spacing: -1px !important
}

body #wrapper .regist-step > h2 + p, .login-box > h2 + p {
    font-size: 18px;
    font-weight: 700;
    display: inline-block;
    float: left;
    padding-left: 32px;
    margin-top: 1em;
    color: #747474;
}

body #wrapper .regist-step > h3.sub-h3 {
    font-size: 28px;
    font-weight: 700;
    display: inline-block;
    float: left;
    margin-bottom: 10px
}

body #wrapper .regist-step > h3.sub-h3 + p {
    font-size: 15px;
    font-weight: 700;
    display: inline-block;
    float: left;
    padding-left: 32px;
    margin-top: 50px;
}

body #wrapper .regist-step > h3 {
    font-size: 16px;
    font-weight: 700;
    margin-top: 40px;
}

body #wrapper .regist-step .scr-box {
    width: auto;
    border: 1px solid #d9d9d9;
    height: 102px;
    line-height: 18px;
    overflow-y: auto;
    overflow-x: hidden;
    padding: 3px;
    margin: 0 0 4px 0;
    font-size: 12px;
}

body #wrapper .regist-step .scr-box h3 {
    display: none;
}

body #wrapper .regist-step .scr-box .fusion-fullwidth {
    padding-top: 0 !important;
}

body #wrapper .regist-step .scr-box .fusion-column-wrapper {
    border: none !important;
    padding: 0 !important;
}

body #wrapper .regist-step .reg-step-img {
    list-style-type: none;
    padding: 0;
    margin: 0 auto;
    overflow: hidden;
    clear: both;
    zoom: 1;
}

body #wrapper .regist-step .reg-step-img li {
    display: inline-block
}

body #wrapper .regist-step .check-all-box {
    background-color: #f6f6f6;
    text-align: center;
    padding-top: 24px;
    padding-bottom: 24px;
    margin-top: 40px;
}

body #wrapper .regist-step .check-all-box p {
    font-weight: 700
}

body #wrapper .regist-step .check-all-box p.agree-allchk {
    font-size: 21px
}

body #wrapper .regist-step .btn-box, .login-box .btn-box {
    margin-top: 20px;
    text-align: center
}

body #wrapper .regist-step .btn-style1, .login-box .btn-style1 {
    display: inline-block;
    font-size: 24px;
    padding-top: 20px;
    padding-bottom: 22px;
    width: 48%;
    text-align: center;
    color: #fff;
    margin-right: 3%;
}

body #wrapper .regist-step .btn-style2, body #wrapper .login-box .btn-style2 {
    display: inline-block;
    font-size: 17px;
    padding-top: 15px;
    padding-bottom: 17px;
    width: 240px;
    text-align: center;
    color: #fff;
    margin-right: 40px;
    font-weight: 700;
    border: none !important;
    cursor: pointer;
}

body #wrapper .regist-step .btn-style3, .login-box .btn-style3 {
    display: inline-block;
    font-size: 12px;
    padding: 5px 13px 6px;
    text-align: center;
    color: #fff;
}

body #wrapper .regist-step .btn-green, .login-box .btn-green {
    background-color: #7EAE00
}

body #wrapper .regist-step .btn-blue, .login-box .btn-blue {
    background-color: #7EAE00
}

/*#196BA3*/
body #wrapper .regist-step .btn-grey, .login-box .btn-grey {
    background-color: #828282
}

body #wrapper .regist-step .btn-last, .login-box .btn-last {
    margin-right: 0 !important;
}

body #wrapper .regist-step .fusion-tabs {
    margin-top: 40px;
    margin-bottom: 20px
}

body #wrapper .regist-step .fusion-tabs .nav-tabs li a.tab-link, body #wrapper .regist-step .fusion-tabs .nav-tabs li a.tab-link:hover {
    background-color: #dbdbdb !important;
    border-color: #dbdbdb !important;
}

body #wrapper .regist-step .fusion-tabs .nav-tabs li .tab-link h4 {
    font-size: 16px;
    font-weight: 700
}

body #wrapper .regist-step .fusion-tabs .nav-tabs > .active > a.tab-link, body #wrapper .regist-step .fusion-tabs .nav-tabs > .active > a.tab-link:hover {
    background-color: #fcfcfc !important;
    border-bottom-color: #fcfcfc !important;
}

body #wrapper .regist-step .fusion-tabs .tab-content {
    border-top: 1px solid #aaa;
    border-bottom: 1px solid #aaa;
    margin-top: 0;
    padding-top: 30px;
    padding-bottom: 30px
}

body #wrapper .regist-step .fusion-tabs h3 {
    font-weight: 700
}

body #wrapper .regist-step .fusion-tabs .tab-content h3 {
    background-color: #fff;
    padding-top: 40px;
    padding-bottom: 1em;
    border-top: 1px solid #aaa;
    border-bottom: 1px solid #aaa;
}

body #wrapper .regist-step table.tbl-type1 {
    margin-left: auto;
    margin-right: auto;
    width: 70%;
}

body #wrapper .regist-step table.tbl-type1 caption {
    display: none
}

body #wrapper .regist-step table.tbl-type1 tbody th {
    font-size: 16px;
    font-weight: 700
}

body #wrapper .regist-step table.tbl-type1 tbody td {
    padding: 7px 10px;
    color: #444;
}

body #wrapper .regist-step table.tbl-type1 tbody th label[for=email] {
    padding-top: 10px;
    display: inline-block;
}

body #wrapper .regist-step table.tbl-type2 {
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    border-top: 1px solid #d0d0d0;
}

body #wrapper .regist-step table.tbl-type2 caption {
    display: none
}

body #wrapper .regist-step table.tbl-type2 tbody th {
    font-size: 13px;
    font-weight: 700;
    background-color: #f4f4f4;
    padding-left: 12px;
    border-bottom: 1px solid #e4e3e3
}

body #wrapper .regist-step table.tbl-type2 tbody tr:last-child th, body #wrapper .regist-step table.tbl-type2 tbody tr:last-child td {
    border-bottom: 1px solid #d0d0d0;
}

body #wrapper .regist-step table.tbl-type2 tbody td {
    padding: 7px 10px;
    color: #444;
    background-color: #fcfcfc;
    border-bottom: 1px solid #e4e3e3;
    padding-left: 35px;
}

body #wrapper .regist-step table.tbl-type2 tbody td div {
    border: none !important;
    font-size: 16px;
}

body #wrapper .regist-step table.tbl-type2 tbody td div p {
    border: none !important;
    font-size: 14px;
    color: #f00;
}

body #wrapper .regist-step table.tbl-type2 tbody td .success {
    color: #2d66d6;
    font-weight: 700
}

body #wrapper .regist-step table.tbl-type2 tbody td .error {
    color: #f00;
    font-weight: 700
}

body #wrapper .regist-step input[type=text], body #wrapper .regist-step input[type=password] {
    font-family: 'Nanum Gothic', sans-serif !important;
    text-indent: 5px;
    border: 1px solid #dfdfdf;
    height: 31px;
    line-height: 31px;
    color: #444;
    font-size: 13px;
    padding-left: 0;
    padding-right: 0;
}

body #wrapper .regist-step input[type=radio] {
    margin-right: 5px;
}

body #wrapper .regist-step select {
    width: 100%;
    border: 1px solid #dfdfdf;
    padding: 1px 2px 1px 0;
    height: 31px;
    line-height: 31px;
    color: #666;
}

body #wrapper .regist-step .sel1_lt {
    float: left;
    width: 82px;
}

body #wrapper .regist-step .sel2_w {
    display: inline-block;
    width: 102px;
}

body #wrapper .regist-step .sel3_w {
    float: left;
    width: 56px;
}

body #wrapper .regist-step .mr10 {
    margin-right: 10px;
}

body #wrapper .regist-step .ml7 {
    margin-left: 7px;
}

body #wrapper .regist-step .sty05 {
    display: inline-block;
    background: #828282;
    padding: 7px 20px;
    text-align: center;
    color: #fff;
    font-size: 13px;
    border: 1px solid #999 !important;
    width: 120px;
}

body #wrapper .regist-step .btn {
    display: inline-block;
    vertical-align: middle;
    margin-left: 5px;
    line-height: normal;
    border: none;
    text-align: center;
    cursor: pointer;
}

body #wrapper .regist-step .txt-sty1 {
    font-size: 16px;
    font-weight: 700;
    margin-top: 20px;
    color: #f00;
}

body #wrapper .regist-step .txt-ctr {
    text-align: center
}

body #wrapper .regist-step .tip-box {
    text-align: center;
    margin-top: 60px;
}

body #wrapper .regist-step .reg-confirm-box {
    border-top: 1px solid #d8d8d8;
    border-bottom: 1px solid #d8d8d8;
    margin-top: 34px;
    background: #f9f9f9 url('/wp-content/themes/Avada-Child-Theme/images/regist-5.png') no-repeat 50px 50px;
    padding-left: 245px;
    margin-bottom: 30px;
    padding-bottom: 30px
}

body #wrapper .login-box {
    border-top: 1px solid #d8d8d8;
    border-bottom: 1px solid #d8d8d8;
    margin-top: 34px;
    background: #f9f9f9;
    margin-bottom: 30px;
    padding: 30px 7% 40px
}

body #wrapper .login-box ul {
    display: block;
    width: 100%;
    list-style-type: none;
    padding: 0;
    margin: 0;
    float: none;
    overflow: hidden;
    zoom: 1;
}

body #wrapper .login-box ul li {
    float: left;
    display: inline-block;
}

body #wrapper .login-box ul li.login-logo {
    padding: 80px 80px 0 80px
}

body #wrapper .login-box h2 + p.findpw {
    font-size: 16px;
    margin-top: 5px;
}

body #wrapper .login-box input[type=text], body #wrapper .login-box input[type=password] {
    font-family: 'Nanum Gothic', sans-serif !important;
    text-indent: 10px;
    border: 1px solid #dfdfdf;
    height: 48px;
    line-height: 48px;
    color: #444;
    font-size: 16px;
    width: 100%;
    padding-left: 15px;
    margin-bottom: 7px;
}

body #wrapper .login-box label {
    font-size: 15px;
    font-weight: 700;
    margin-left: 10px;
}

body #wrapper .login-box .login-input-box2 {
    width: 100%;
}

body #wrapper .login-box .login-input-box {
    float: left;
    width: 80%;
}

body #wrapper .login-box .btn-style4 {
    display: inline-block;
    width: 100%;
    font-weight: 700;
    color: #fff;
    text-align: center;
    font-size: 16px;
    padding: 12px 0;
    margin-top: 20px;
}

body #wrapper .login-box .btn-style5 {
    float: right;
    width: 19%;
    color: #fff;
    text-align: center;
    font-size: 16px;
    padding-top: 12px;
    height: 48px;
}

body #wrapper .login-box .btn-style6 {
    padding-left: 20px;
    border-left: 1px solid #ddd;
}

body #wrapper .login-box .btn-style6:first-child {
    padding-left: 0;
    padding-right: 20px;
    border-left: none
}

@media only screen and (max-width: 800px) {
    /* 800px */
    body #wrapper .regist-step h2, body #wrapper .regist-step h3.sub-h3 {
        float: none;
        font-size: 1.6em;
        font-weight: 700 !important
    }

    body #wrapper .regist-step h2 + p, body #wrapper .regist-step h3.sub-h3 + p {
        float: none;
        padding-left: 0;
        font-size: 1em;
        margin-top: 0
    }

    body #wrapper .regist-step .reg-step-img li {
        width: 25%;
    }

    body #wrapper .regist-step .fusion-tabs {
        margin-top: 0;
    }

    body #wrapper .regist-step .fusion-tabs .tab-content {
        padding-top: 10px;
        padding-bottom: 10px;
    }

    body #wrapper .regist-step table.tbl-type1 {
        width: 100%;
        clear: both;
    }

    body #wrapper .regist-step table.tbl-type1 tbody th {
        font-size: 1em;
    }

    body #wrapper .regist-step .btn-style1 {
        display: inline-block;
        float: left;
        font-size: 1.2em;
        padding-top: 0.5em;
        padding-bottom: 0.5em;
    }

    body #wrapper .regist-step .btn-style2 {
        width: 45%;
        display: inline-block;
        font-size: 1.2em;
        padding-top: 0.5em;
        padding-bottom: 0.5em;
        margin-right: 2%;
    }
}

/*iPhone 6 Plus*/
@media only screen and (max-width: 480px) {
    /* 480px */
    body #wrapper .regist-step {
        padding-left: 10px;
        padding-right: 10px;
    }

    body #wrapper .regist-step .check-all-box {
        padding: 20px 14px 10px;
    }

    body #wrapper .regist-step .reg-confirm-box h3 {
        margin-top: 0 !important;
    }

    body #wrapper .regist-step .reg-confirm-box {
        background-image: none !important;
        padding: 10px !important
    }

    body #wrapper .regist-step > h2 + p, .login-box > h2 + p {
        font-size: 14px;
        padding-left: 0;
        margin-top: 0;
    }

    body #wrapper .regist-step .check-all-box p.agree-allchk {
        font-size: 16px
    }

    body #wrapper .login-box {
        padding: 12px;
    }

    body #wrapper .login-box ul li {
        float: none;
        width: 100%;
    }

    body #wrapper .login-box ul li.login-logo {
        display: none
    }

    body #wrapper .regist-step > h2, body #wrapper .login-box > h2 {
        font-size: 21px !important
    }

    body #wrapper .login-box .login-input-box {
        width: 60%;
    }

    body #wrapper .login-box .btn-style5 {
        width: 39%;
    }

    body #wrapper .regist-step .btn-style2, body #wrapper .login-box .btn-style2 {
        width: 40% !important;
        margin-right: 14px;
    }
}

/*iPhone5*/
@media only screen and (max-width: 320px) {
    body #wrapper .login-box .login-input-box {
        width: 100%;
        float: none;
    }

    body #wrapper .login-box .btn-style4, body #wrapper .login-box .btn-style5 {
        width: 100%;
        float: none;
        display: block;
        height: 57px;
        padding-top: 14px;
    }
}

.btn-post {
    display: inline-block;
    background-color: #758d94;
    color: #fff;
    padding: 5px 7px;
    vertical-align: top;
}

.school_name, .parent_name {
    width: 40% !important;
}

/* Register Step3 Modal */
.modal {
    overflow: visible !important;
    overflow-y: visible !important;
}

#school_search .school_search_input {
    margin-bottom: 20px;
}

#school_search .search_input {
    width: 83%;
    height: 30px;
}

#school_search .search_btn {
    width: 15%;
    height: 30px;
}

#school_search .school_search_result {
    height: 300px;
    border: 1px solid #aeaeae;
    width: 100%;
    overflow-y: auto;
    margin-bottom: 20px;
}

.school_search_result p {
    display: none;
    font-size: 20px;
    text-align: center;
}

.school_search_result h3 {
    text-align: center;
}

.school_search_result ul {
    list-style: circle;
}

.school_search_result a {
    cursor: pointer;
}